commit 2ecc1c84b8a12a7fb8f69437dc89a76581ade827
Author: stephan <stephan@progiweb.ca>
Date:   Fri Jul 17 11:48:07 2026 -0400

    Initial import

diff --git a/ci4app/.env b/ci4app/.env
new file mode 100644
index 0000000..660e769
--- /dev/null
+++ b/ci4app/.env
@@ -0,0 +1,2 @@
+CI_ENVIRONMENT = 'development'
+app.baseURL = 'https://ms1reader.info/'
diff --git a/ci4app/.htaccess b/ci4app/.htaccess
new file mode 100644
index 0000000..6631ba3
--- /dev/null
+++ b/ci4app/.htaccess
@@ -0,0 +1,14 @@
+
+# Allow static files for Raven UI
+<Directory "/home/ms1reader/public_html/assets">
+    AllowOverride All
+    Require all granted
+</Directory>
+
+<IfModule mod_rewrite.c>
+    Options -Indexes
+    RewriteEngine On
+    RewriteCond %{REQUEST_FILENAME} !-f
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteRule ^(.*)$ index.php/$1 [L]
+</IfModule>
\ No newline at end of file
diff --git a/ci4app/LICENSE b/ci4app/LICENSE
new file mode 100644
index 0000000..24728f6
--- /dev/null
+++ b/ci4app/LICENSE
@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2014-2019 British Columbia Institute of Technology
+Copyright (c) 2019-present CodeIgniter Foundation
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/ci4app/README.md b/ci4app/README.md
new file mode 100644
index 0000000..a23783a
--- /dev/null
+++ b/ci4app/README.md
@@ -0,0 +1,60 @@
+# CodeIgniter 4 Framework
+
+## What is CodeIgniter?
+
+CodeIgniter is a PHP full-stack web framework that is light, fast, flexible and secure.
+More information can be found at the [official site](https://codeigniter.com).
+
+This repository holds the distributable version of the framework.
+It has been built from the
+[development repository](https://github.com/codeigniter4/CodeIgniter4).
+
+More information about the plans for version 4 can be found in [CodeIgniter 4](https://forum.codeigniter.com/forumdisplay.php?fid=28) on the forums.
+
+You can read the [user guide](https://codeigniter.com/user_guide/)
+corresponding to the latest version of the framework.
+
+## Important Change with index.php
+
+`index.php` is no longer in the root of the project! It has been moved inside the *public* folder,
+for better security and separation of components.
+
+This means that you should configure your web server to "point" to your project's *public* folder, and
+not to the project root. A better practice would be to configure a virtual host to point there. A poor practice would be to point your web server to the project root and expect to enter *public/...*, as the rest of your logic and the
+framework are exposed.
+
+**Please** read the user guide for a better explanation of how CI4 works!
+
+## Repository Management
+
+We use GitHub issues, in our main repository, to track **BUGS** and to track approved **DEVELOPMENT** work packages.
+We use our [forum](http://forum.codeigniter.com) to provide SUPPORT and to discuss
+FEATURE REQUESTS.
+
+This repository is a "distribution" one, built by our release preparation script.
+Problems with it can be raised on our forum, or as issues in the main repository.
+
+## Contributing
+
+We welcome contributions from the community.
+
+Please read the [*Contributing to CodeIgniter*](https://github.com/codeigniter4/CodeIgniter4/blob/develop/CONTRIBUTING.md) section in the development repository.
+
+## Server Requirements
+
+PHP version 8.1 or higher is required, with the following extensions installed:
+
+- [intl](http://php.net/manual/en/intl.requirements.php)
+- [mbstring](http://php.net/manual/en/mbstring.installation.php)
+
+> [!WARNING]
+> - The end of life date for PHP 7.4 was November 28, 2022.
+> - The end of life date for PHP 8.0 was November 26, 2023.
+> - If you are still using PHP 7.4 or 8.0, you should upgrade immediately.
+> - The end of life date for PHP 8.1 will be December 31, 2025.
+
+Additionally, make sure that the following extensions are enabled in your PHP:
+
+- json (enabled by default - don't turn it off)
+- [mysqlnd](http://php.net/manual/en/mysqlnd.install.php) if you plan to use MySQL
+- [libcurl](http://php.net/manual/en/curl.requirements.php) if you plan to use the HTTP\CURLRequest library
diff --git a/ci4app/app/.htaccess b/ci4app/app/.htaccess
new file mode 100644
index 0000000..3462048
--- /dev/null
+++ b/ci4app/app/.htaccess
@@ -0,0 +1,6 @@
+<IfModule authz_core_module>
+	Require all denied
+</IfModule>
+<IfModule !authz_core_module>
+	Deny from all
+</IfModule>
diff --git a/ci4app/app/Common.php b/ci4app/app/Common.php
new file mode 100644
index 0000000..95f5544
--- /dev/null
+++ b/ci4app/app/Common.php
@@ -0,0 +1,15 @@
+<?php
+
+/**
+ * The goal of this file is to allow developers a location
+ * where they can overwrite core procedural functions and
+ * replace them with their own. This file is loaded during
+ * the bootstrap process and is called during the framework's
+ * execution.
+ *
+ * This can be looked at as a `master helper` file that is
+ * loaded early on, and may also contain additional functions
+ * that you'd like to use throughout your entire application
+ *
+ * @see: https://codeigniter.com/user_guide/extending/common.html
+ */
diff --git a/ci4app/app/Config/App.php b/ci4app/app/Config/App.php
new file mode 100644
index 0000000..3a00fe7
--- /dev/null
+++ b/ci4app/app/Config/App.php
@@ -0,0 +1,203 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+class App extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Base Site URL
+     * --------------------------------------------------------------------------
+     *
+     * URL to your CodeIgniter root. Typically, this will be your base URL,
+     * WITH a trailing slash:
+     *
+     * E.g., http://example.com/
+     */
+    public string $baseURL = 'http://localhost:8080/';
+
+    /**
+     * Allowed Hostnames in the Site URL other than the hostname in the baseURL.
+     * If you want to accept multiple Hostnames, set this.
+     *
+     * E.g.,
+     * When your site URL ($baseURL) is 'http://example.com/', and your site
+     * also accepts 'http://media.example.com/' and 'http://accounts.example.com/':
+     *     ['media.example.com', 'accounts.example.com']
+     *
+     * @var list<string>
+     */
+    public array $allowedHostnames = [];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Index File
+     * --------------------------------------------------------------------------
+     *
+     * Typically, this will be your `index.php` file, unless you've renamed it to
+     * something else. If you have configured your web server to remove this file
+     * from your site URIs, set this variable to an empty string.
+     */
+    public string $indexPage = '';
+
+    /**
+     * --------------------------------------------------------------------------
+     * URI PROTOCOL
+     * --------------------------------------------------------------------------
+     *
+     * This item determines which server global should be used to retrieve the
+     * URI string. The default setting of 'REQUEST_URI' works for most servers.
+     * If your links do not seem to work, try one of the other delicious flavors:
+     *
+     *  'REQUEST_URI': Uses $_SERVER['REQUEST_URI']
+     * 'QUERY_STRING': Uses $_SERVER['QUERY_STRING']
+     *    'PATH_INFO': Uses $_SERVER['PATH_INFO']
+     *
+     * WARNING: If you set this to 'PATH_INFO', URIs will always be URL-decoded!
+     */
+    public string $uriProtocol = 'REQUEST_URI';
+
+    /*
+    |--------------------------------------------------------------------------
+    | Allowed URL Characters
+    |--------------------------------------------------------------------------
+    |
+    | This lets you specify which characters are permitted within your URLs.
+    | When someone tries to submit a URL with disallowed characters they will
+    | get a warning message.
+    |
+    | As a security measure you are STRONGLY encouraged to restrict URLs to
+    | as few characters as possible.
+    |
+    | By default, only these are allowed: `a-z 0-9~%.:_-`
+    |
+    | Set an empty string to allow all characters -- but only if you are insane.
+    |
+    | The configured value is actually a regular expression character group
+    | and it will be used as: '/\A[<permittedURIChars>]+\z/iu'
+    |
+    | DO NOT CHANGE THIS UNLESS YOU FULLY UNDERSTAND THE REPERCUSSIONS!!
+    |
+    */
+    public string $permittedURIChars = 'a-z 0-9~%.:_\-';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Default Locale
+     * --------------------------------------------------------------------------
+     *
+     * The Locale roughly represents the language and location that your visitor
+     * is viewing the site from. It affects the language strings and other
+     * strings (like currency markers, numbers, etc), that your program
+     * should run under for this request.
+     */
+    public string $defaultLocale = 'en';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Negotiate Locale
+     * --------------------------------------------------------------------------
+     *
+     * If true, the current Request object will automatically determine the
+     * language to use based on the value of the Accept-Language header.
+     *
+     * If false, no automatic detection will be performed.
+     */
+    public bool $negotiateLocale = false;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Supported Locales
+     * --------------------------------------------------------------------------
+     *
+     * If $negotiateLocale is true, this array lists the locales supported
+     * by the application in descending order of priority. If no match is
+     * found, the first locale will be used.
+     *
+     * IncomingRequest::setLocale() also uses this list.
+     *
+     * @var list<string>
+     */
+    public array $supportedLocales = ['en'];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Application Timezone
+     * --------------------------------------------------------------------------
+     *
+     * The default timezone that will be used in your application to display
+     * dates with the date helper, and can be retrieved through app_timezone()
+     *
+     * @see https://www.php.net/manual/en/timezones.php for list of timezones
+     *      supported by PHP.
+     */
+    public string $appTimezone = 'UTC';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Default Character Set
+     * --------------------------------------------------------------------------
+     *
+     * This determines which character set is used by default in various methods
+     * that require a character set to be provided.
+     *
+     * @see http://php.net/htmlspecialchars for a list of supported charsets.
+     */
+    public string $charset = 'UTF-8';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Force Global Secure Requests
+     * --------------------------------------------------------------------------
+     *
+     * If true, this will force every request made to this application to be
+     * made via a secure connection (HTTPS). If the incoming request is not
+     * secure, the user will be redirected to a secure version of the page
+     * and the HTTP Strict Transport Security (HSTS) header will be set.
+     */
+    public bool $forceGlobalSecureRequests = false;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Reverse Proxy IPs
+     * --------------------------------------------------------------------------
+     *
+     * If your server is behind a reverse proxy, you must whitelist the proxy
+     * IP addresses from which CodeIgniter should trust headers such as
+     * X-Forwarded-For or Client-IP in order to properly identify
+     * the visitor's IP address.
+     *
+     * You need to set a proxy IP address or IP address with subnets and
+     * the HTTP header for the client IP address.
+     *
+     * Here are some examples:
+     *     [
+     *         '10.0.1.200'     => 'X-Forwarded-For',
+     *         '192.168.5.0/24' => 'X-Real-IP',
+     *     ]
+     *
+     * @var array<string, string>
+     */
+    public array $proxyIPs = [];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Content Security Policy
+     * --------------------------------------------------------------------------
+     *
+     * Enables the Response's Content Secure Policy to restrict the sources that
+     * can be used for images, scripts, CSS files, audio, video, etc. If enabled,
+     * the Response object will populate default values for the policy from the
+     * `ContentSecurityPolicy.php` file. Controllers can always add to those
+     * restrictions at run time.
+     *
+     * For a better understanding of CSP, see these documents:
+     *
+     * @see http://www.html5rocks.com/en/tutorials/security/content-security-policy/
+     * @see http://www.w3.org/TR/CSP/
+     */
+    public bool $CSPEnabled = false;
+    public $eventLogosBaseURL = 'https://ms1timing.com/images/evenements/';
+}
diff --git a/ci4app/app/Config/Autoload.php b/ci4app/app/Config/Autoload.php
new file mode 100644
index 0000000..c057c78
--- /dev/null
+++ b/ci4app/app/Config/Autoload.php
@@ -0,0 +1,92 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\AutoloadConfig;
+
+/**
+ * -------------------------------------------------------------------
+ * AUTOLOADER CONFIGURATION
+ * -------------------------------------------------------------------
+ *
+ * This file defines the namespaces and class maps so the Autoloader
+ * can find the files as needed.
+ *
+ * NOTE: If you use an identical key in $psr4 or $classmap, then
+ *       the values in this file will overwrite the framework's values.
+ *
+ * NOTE: This class is required prior to Autoloader instantiation,
+ *       and does not extend BaseConfig.
+ */
+class Autoload extends AutoloadConfig
+{
+    /**
+     * -------------------------------------------------------------------
+     * Namespaces
+     * -------------------------------------------------------------------
+     * This maps the locations of any namespaces in your application to
+     * their location on the file system. These are used by the autoloader
+     * to locate files the first time they have been instantiated.
+     *
+     * The 'Config' (APPPATH . 'Config') and 'CodeIgniter' (SYSTEMPATH) are
+     * already mapped for you.
+     *
+     * You may change the name of the 'App' namespace if you wish,
+     * but this should be done prior to creating any namespaced classes,
+     * else you will need to modify all of those classes for this to work.
+     *
+     * @var array<string, list<string>|string>
+     */
+    public $psr4 = [
+        APP_NAMESPACE => APPPATH,
+    ];
+
+    /**
+     * -------------------------------------------------------------------
+     * Class Map
+     * -------------------------------------------------------------------
+     * The class map provides a map of class names and their exact
+     * location on the drive. Classes loaded in this manner will have
+     * slightly faster performance because they will not have to be
+     * searched for within one or more directories as they would if they
+     * were being autoloaded through a namespace.
+     *
+     * Prototype:
+     *   $classmap = [
+     *       'MyClass'   => '/path/to/class/file.php'
+     *   ];
+     *
+     * @var array<string, string>
+     */
+    public $classmap = [];
+
+    /**
+     * -------------------------------------------------------------------
+     * Files
+     * -------------------------------------------------------------------
+     * The files array provides a list of paths to __non-class__ files
+     * that will be autoloaded. This can be useful for bootstrap operations
+     * or for loading functions.
+     *
+     * Prototype:
+     *   $files = [
+     *       '/path/to/my/file.php',
+     *   ];
+     *
+     * @var list<string>
+     */
+    public $files = [];
+
+    /**
+     * -------------------------------------------------------------------
+     * Helpers
+     * -------------------------------------------------------------------
+     * Prototype:
+     *   $helpers = [
+     *       'form',
+     *   ];
+     *
+     * @var list<string>
+     */
+    public $helpers = ['format'];
+}
diff --git a/ci4app/app/Config/Boot/development.php b/ci4app/app/Config/Boot/development.php
new file mode 100644
index 0000000..a868447
--- /dev/null
+++ b/ci4app/app/Config/Boot/development.php
@@ -0,0 +1,34 @@
+<?php
+
+/*
+ |--------------------------------------------------------------------------
+ | ERROR DISPLAY
+ |--------------------------------------------------------------------------
+ | In development, we want to show as many errors as possible to help
+ | make sure they don't make it to production. And save us hours of
+ | painful debugging.
+ |
+ | If you set 'display_errors' to '1', CI4's detailed error report will show.
+ */
+error_reporting(E_ALL);
+ini_set('display_errors', '1');
+
+/*
+ |--------------------------------------------------------------------------
+ | DEBUG BACKTRACES
+ |--------------------------------------------------------------------------
+ | If true, this constant will tell the error screens to display debug
+ | backtraces along with the other error information. If you would
+ | prefer to not see this, set this value to false.
+ */
+defined('SHOW_DEBUG_BACKTRACE') || define('SHOW_DEBUG_BACKTRACE', true);
+
+/*
+ |--------------------------------------------------------------------------
+ | DEBUG MODE
+ |--------------------------------------------------------------------------
+ | Debug mode is an experimental flag that can allow changes throughout
+ | the system. This will control whether Kint is loaded, and a few other
+ | items. It can always be used within your own application too.
+ */
+defined('CI_DEBUG') || define('CI_DEBUG', true);
diff --git a/ci4app/app/Config/Boot/production.php b/ci4app/app/Config/Boot/production.php
new file mode 100644
index 0000000..1822cf5
--- /dev/null
+++ b/ci4app/app/Config/Boot/production.php
@@ -0,0 +1,25 @@
+<?php
+
+/*
+ |--------------------------------------------------------------------------
+ | ERROR DISPLAY
+ |--------------------------------------------------------------------------
+ | Don't show ANY in production environments. Instead, let the system catch
+ | it and display a generic error message.
+ |
+ | If you set 'display_errors' to '1', CI4's detailed error report will show.
+ */
+error_reporting(E_ALL & ~E_DEPRECATED);
+// If you want to suppress more types of errors.
+// error_reporting(E_ALL & ~E_NOTICE & ~E_DEPRECATED & ~E_STRICT & ~E_USER_NOTICE & ~E_USER_DEPRECATED);
+ini_set('display_errors', '0');
+
+/*
+ |--------------------------------------------------------------------------
+ | DEBUG MODE
+ |--------------------------------------------------------------------------
+ | Debug mode is an experimental flag that can allow changes throughout
+ | the system. It's not widely used currently, and may not survive
+ | release of the framework.
+ */
+defined('CI_DEBUG') || define('CI_DEBUG', false);
diff --git a/ci4app/app/Config/Boot/testing.php b/ci4app/app/Config/Boot/testing.php
new file mode 100644
index 0000000..40b6ca8
--- /dev/null
+++ b/ci4app/app/Config/Boot/testing.php
@@ -0,0 +1,38 @@
+<?php
+
+/*
+ * The environment testing is reserved for PHPUnit testing. It has special
+ * conditions built into the framework at various places to assist with that.
+ * You can’t use it for your development.
+ */
+
+/*
+ |--------------------------------------------------------------------------
+ | ERROR DISPLAY
+ |--------------------------------------------------------------------------
+ | In development, we want to show as many errors as possible to help
+ | make sure they don't make it to production. And save us hours of
+ | painful debugging.
+ */
+error_reporting(E_ALL);
+ini_set('display_errors', '1');
+
+/*
+ |--------------------------------------------------------------------------
+ | DEBUG BACKTRACES
+ |--------------------------------------------------------------------------
+ | If true, this constant will tell the error screens to display debug
+ | backtraces along with the other error information. If you would
+ | prefer to not see this, set this value to false.
+ */
+defined('SHOW_DEBUG_BACKTRACE') || define('SHOW_DEBUG_BACKTRACE', true);
+
+/*
+ |--------------------------------------------------------------------------
+ | DEBUG MODE
+ |--------------------------------------------------------------------------
+ | Debug mode is an experimental flag that can allow changes throughout
+ | the system. It's not widely used currently, and may not survive
+ | release of the framework.
+ */
+defined('CI_DEBUG') || define('CI_DEBUG', true);
diff --git a/ci4app/app/Config/CURLRequest.php b/ci4app/app/Config/CURLRequest.php
new file mode 100644
index 0000000..5a3d4e9
--- /dev/null
+++ b/ci4app/app/Config/CURLRequest.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+class CURLRequest extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * CURLRequest Share Options
+     * --------------------------------------------------------------------------
+     *
+     * Whether share options between requests or not.
+     *
+     * If true, all the options won't be reset between requests.
+     * It may cause an error request with unnecessary headers.
+     */
+    public bool $shareOptions = false;
+}
diff --git a/ci4app/app/Config/Cache.php b/ci4app/app/Config/Cache.php
new file mode 100644
index 0000000..1169c95
--- /dev/null
+++ b/ci4app/app/Config/Cache.php
@@ -0,0 +1,162 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Cache\CacheInterface;
+use CodeIgniter\Cache\Handlers\DummyHandler;
+use CodeIgniter\Cache\Handlers\FileHandler;
+use CodeIgniter\Cache\Handlers\MemcachedHandler;
+use CodeIgniter\Cache\Handlers\PredisHandler;
+use CodeIgniter\Cache\Handlers\RedisHandler;
+use CodeIgniter\Cache\Handlers\WincacheHandler;
+use CodeIgniter\Config\BaseConfig;
+
+class Cache extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Primary Handler
+     * --------------------------------------------------------------------------
+     *
+     * The name of the preferred handler that should be used. If for some reason
+     * it is not available, the $backupHandler will be used in its place.
+     */
+    public string $handler = 'file';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Backup Handler
+     * --------------------------------------------------------------------------
+     *
+     * The name of the handler that will be used in case the first one is
+     * unreachable. Often, 'file' is used here since the filesystem is
+     * always available, though that's not always practical for the app.
+     */
+    public string $backupHandler = 'dummy';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Key Prefix
+     * --------------------------------------------------------------------------
+     *
+     * This string is added to all cache item names to help avoid collisions
+     * if you run multiple applications with the same cache engine.
+     */
+    public string $prefix = '';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Default TTL
+     * --------------------------------------------------------------------------
+     *
+     * The default number of seconds to save items when none is specified.
+     *
+     * WARNING: This is not used by framework handlers where 60 seconds is
+     * hard-coded, but may be useful to projects and modules. This will replace
+     * the hard-coded value in a future release.
+     */
+    public int $ttl = 60;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Reserved Characters
+     * --------------------------------------------------------------------------
+     *
+     * A string of reserved characters that will not be allowed in keys or tags.
+     * Strings that violate this restriction will cause handlers to throw.
+     * Default: {}()/\@:
+     *
+     * NOTE: The default set is required for PSR-6 compliance.
+     */
+    public string $reservedCharacters = '{}()/\@:';
+
+    /**
+     * --------------------------------------------------------------------------
+     * File settings
+     * --------------------------------------------------------------------------
+     *
+     * Your file storage preferences can be specified below, if you are using
+     * the File driver.
+     *
+     * @var array{storePath?: string, mode?: int}
+     */
+    public array $file = [
+        'storePath' => WRITEPATH . 'cache/',
+        'mode'      => 0640,
+    ];
+
+    /**
+     * -------------------------------------------------------------------------
+     * Memcached settings
+     * -------------------------------------------------------------------------
+     *
+     * Your Memcached servers can be specified below, if you are using
+     * the Memcached drivers.
+     *
+     * @see https://codeigniter.com/user_guide/libraries/caching.html#memcached
+     *
+     * @var array{host?: string, port?: int, weight?: int, raw?: bool}
+     */
+    public array $memcached = [
+        'host'   => '127.0.0.1',
+        'port'   => 11211,
+        'weight' => 1,
+        'raw'    => false,
+    ];
+
+    /**
+     * -------------------------------------------------------------------------
+     * Redis settings
+     * -------------------------------------------------------------------------
+     *
+     * Your Redis server can be specified below, if you are using
+     * the Redis or Predis drivers.
+     *
+     * @var array{host?: string, password?: string|null, port?: int, timeout?: int, database?: int}
+     */
+    public array $redis = [
+        'host'     => '127.0.0.1',
+        'password' => null,
+        'port'     => 6379,
+        'timeout'  => 0,
+        'database' => 0,
+    ];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Available Cache Handlers
+     * --------------------------------------------------------------------------
+     *
+     * This is an array of cache engine alias' and class names. Only engines
+     * that are listed here are allowed to be used.
+     *
+     * @var array<string, class-string<CacheInterface>>
+     */
+    public array $validHandlers = [
+        'dummy'     => DummyHandler::class,
+        'file'      => FileHandler::class,
+        'memcached' => MemcachedHandler::class,
+        'predis'    => PredisHandler::class,
+        'redis'     => RedisHandler::class,
+        'wincache'  => WincacheHandler::class,
+    ];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Web Page Caching: Cache Include Query String
+     * --------------------------------------------------------------------------
+     *
+     * Whether to take the URL query string into consideration when generating
+     * output cache files. Valid options are:
+     *
+     *    false = Disabled
+     *    true  = Enabled, take all query parameters into account.
+     *            Please be aware that this may result in numerous cache
+     *            files generated for the same page over and over again.
+     *    ['q'] = Enabled, but only take into account the specified list
+     *            of query parameters.
+     *
+     * @var bool|list<string>
+     */
+    public $cacheQueryString = false;
+}
diff --git a/ci4app/app/Config/Constants.php b/ci4app/app/Config/Constants.php
new file mode 100644
index 0000000..fb56bb1
--- /dev/null
+++ b/ci4app/app/Config/Constants.php
@@ -0,0 +1,79 @@
+<?php
+
+/*
+ | --------------------------------------------------------------------
+ | App Namespace
+ | --------------------------------------------------------------------
+ |
+ | This defines the default Namespace that is used throughout
+ | CodeIgniter to refer to the Application directory. Change
+ | this constant to change the namespace that all application
+ | classes should use.
+ |
+ | NOTE: changing this will require manually modifying the
+ | existing namespaces of App\* namespaced-classes.
+ */
+defined('APP_NAMESPACE') || define('APP_NAMESPACE', 'App');
+
+/*
+ | --------------------------------------------------------------------------
+ | Composer Path
+ | --------------------------------------------------------------------------
+ |
+ | The path that Composer's autoload file is expected to live. By default,
+ | the vendor folder is in the Root directory, but you can customize that here.
+ */
+defined('COMPOSER_PATH') || define('COMPOSER_PATH', ROOTPATH . 'vendor/autoload.php');
+
+/*
+ |--------------------------------------------------------------------------
+ | Timing Constants
+ |--------------------------------------------------------------------------
+ |
+ | Provide simple ways to work with the myriad of PHP functions that
+ | require information to be in seconds.
+ */
+defined('SECOND') || define('SECOND', 1);
+defined('MINUTE') || define('MINUTE', 60);
+defined('HOUR')   || define('HOUR', 3600);
+defined('DAY')    || define('DAY', 86400);
+defined('WEEK')   || define('WEEK', 604800);
+defined('MONTH')  || define('MONTH', 2_592_000);
+defined('YEAR')   || define('YEAR', 31_536_000);
+defined('DECADE') || define('DECADE', 315_360_000);
+
+/*
+ | --------------------------------------------------------------------------
+ | Exit Status Codes
+ | --------------------------------------------------------------------------
+ |
+ | Used to indicate the conditions under which the script is exit()ing.
+ | While there is no universal standard for error codes, there are some
+ | broad conventions.  Three such conventions are mentioned below, for
+ | those who wish to make use of them.  The CodeIgniter defaults were
+ | chosen for the least overlap with these conventions, while still
+ | leaving room for others to be defined in future versions and user
+ | applications.
+ |
+ | The three main conventions used for determining exit status codes
+ | are as follows:
+ |
+ |    Standard C/C++ Library (stdlibc):
+ |       http://www.gnu.org/software/libc/manual/html_node/Exit-Status.html
+ |       (This link also contains other GNU-specific conventions)
+ |    BSD sysexits.h:
+ |       http://www.gsp.com/cgi-bin/man.cgi?section=3&topic=sysexits
+ |    Bash scripting:
+ |       http://tldp.org/LDP/abs/html/exitcodes.html
+ |
+ */
+defined('EXIT_SUCCESS')        || define('EXIT_SUCCESS', 0);        // no errors
+defined('EXIT_ERROR')          || define('EXIT_ERROR', 1);          // generic error
+defined('EXIT_CONFIG')         || define('EXIT_CONFIG', 3);         // configuration error
+defined('EXIT_UNKNOWN_FILE')   || define('EXIT_UNKNOWN_FILE', 4);   // file not found
+defined('EXIT_UNKNOWN_CLASS')  || define('EXIT_UNKNOWN_CLASS', 5);  // unknown class
+defined('EXIT_UNKNOWN_METHOD') || define('EXIT_UNKNOWN_METHOD', 6); // unknown class member
+defined('EXIT_USER_INPUT')     || define('EXIT_USER_INPUT', 7);     // invalid user input
+defined('EXIT_DATABASE')       || define('EXIT_DATABASE', 8);       // database error
+defined('EXIT__AUTO_MIN')      || define('EXIT__AUTO_MIN', 9);      // lowest automatically-assigned error code
+defined('EXIT__AUTO_MAX')      || define('EXIT__AUTO_MAX', 125);    // highest automatically-assigned error code
diff --git a/ci4app/app/Config/ContentSecurityPolicy.php b/ci4app/app/Config/ContentSecurityPolicy.php
new file mode 100644
index 0000000..2ac41a7
--- /dev/null
+++ b/ci4app/app/Config/ContentSecurityPolicy.php
@@ -0,0 +1,176 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+/**
+ * Stores the default settings for the ContentSecurityPolicy, if you
+ * choose to use it. The values here will be read in and set as defaults
+ * for the site. If needed, they can be overridden on a page-by-page basis.
+ *
+ * Suggested reference for explanations:
+ *
+ * @see https://www.html5rocks.com/en/tutorials/security/content-security-policy/
+ */
+class ContentSecurityPolicy extends BaseConfig
+{
+    // -------------------------------------------------------------------------
+    // Broadbrush CSP management
+    // -------------------------------------------------------------------------
+
+    /**
+     * Default CSP report context
+     */
+    public bool $reportOnly = false;
+
+    /**
+     * Specifies a URL where a browser will send reports
+     * when a content security policy is violated.
+     */
+    public ?string $reportURI = null;
+
+    /**
+     * Instructs user agents to rewrite URL schemes, changing
+     * HTTP to HTTPS. This directive is for websites with
+     * large numbers of old URLs that need to be rewritten.
+     */
+    public bool $upgradeInsecureRequests = false;
+
+    // -------------------------------------------------------------------------
+    // Sources allowed
+    // NOTE: once you set a policy to 'none', it cannot be further restricted
+    // -------------------------------------------------------------------------
+
+    /**
+     * Will default to self if not overridden
+     *
+     * @var list<string>|string|null
+     */
+    public $defaultSrc;
+
+    /**
+     * Lists allowed scripts' URLs.
+     *
+     * @var list<string>|string
+     */
+    public $scriptSrc = 'self';
+
+    /**
+     * Lists allowed stylesheets' URLs.
+     *
+     * @var list<string>|string
+     */
+    public $styleSrc = 'self';
+
+    /**
+     * Defines the origins from which images can be loaded.
+     *
+     * @var list<string>|string
+     */
+    public $imageSrc = 'self';
+
+    /**
+     * Restricts the URLs that can appear in a page's `<base>` element.
+     *
+     * Will default to self if not overridden
+     *
+     * @var list<string>|string|null
+     */
+    public $baseURI;
+
+    /**
+     * Lists the URLs for workers and embedded frame contents
+     *
+     * @var list<string>|string
+     */
+    public $childSrc = 'self';
+
+    /**
+     * Limits the origins that you can connect to (via XHR,
+     * WebSockets, and EventSource).
+     *
+     * @var list<string>|string
+     */
+    public $connectSrc = 'self';
+
+    /**
+     * Specifies the origins that can serve web fonts.
+     *
+     * @var list<string>|string
+     */
+    public $fontSrc;
+
+    /**
+     * Lists valid endpoints for submission from `<form>` tags.
+     *
+     * @var list<string>|string
+     */
+    public $formAction = 'self';
+
+    /**
+     * Specifies the sources that can embed the current page.
+     * This directive applies to `<frame>`, `<iframe>`, `<embed>`,
+     * and `<applet>` tags. This directive can't be used in
+     * `<meta>` tags and applies only to non-HTML resources.
+     *
+     * @var list<string>|string|null
+     */
+    public $frameAncestors;
+
+    /**
+     * The frame-src directive restricts the URLs which may
+     * be loaded into nested browsing contexts.
+     *
+     * @var list<string>|string|null
+     */
+    public $frameSrc;
+
+    /**
+     * Restricts the origins allowed to deliver video and audio.
+     *
+     * @var list<string>|string|null
+     */
+    public $mediaSrc;
+
+    /**
+     * Allows control over Flash and other plugins.
+     *
+     * @var list<string>|string
+     */
+    public $objectSrc = 'self';
+
+    /**
+     * @var list<string>|string|null
+     */
+    public $manifestSrc;
+
+    /**
+     * Limits the kinds of plugins a page may invoke.
+     *
+     * @var list<string>|string|null
+     */
+    public $pluginTypes;
+
+    /**
+     * List of actions allowed.
+     *
+     * @var list<string>|string|null
+     */
+    public $sandbox;
+
+    /**
+     * Nonce tag for style
+     */
+    public string $styleNonceTag = '{csp-style-nonce}';
+
+    /**
+     * Nonce tag for script
+     */
+    public string $scriptNonceTag = '{csp-script-nonce}';
+
+    /**
+     * Replace nonce tag automatically
+     */
+    public bool $autoNonce = true;
+}
diff --git a/ci4app/app/Config/Cookie.php b/ci4app/app/Config/Cookie.php
new file mode 100644
index 0000000..3bad184
--- /dev/null
+++ b/ci4app/app/Config/Cookie.php
@@ -0,0 +1,107 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+use DateTimeInterface;
+
+class Cookie extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Cookie Prefix
+     * --------------------------------------------------------------------------
+     *
+     * Set a cookie name prefix if you need to avoid collisions.
+     */
+    public string $prefix = '';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Cookie Expires Timestamp
+     * --------------------------------------------------------------------------
+     *
+     * Default expires timestamp for cookies. Setting this to `0` will mean the
+     * cookie will not have the `Expires` attribute and will behave as a session
+     * cookie.
+     *
+     * @var DateTimeInterface|int|string
+     */
+    public $expires = 0;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Cookie Path
+     * --------------------------------------------------------------------------
+     *
+     * Typically will be a forward slash.
+     */
+    public string $path = '/';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Cookie Domain
+     * --------------------------------------------------------------------------
+     *
+     * Set to `.your-domain.com` for site-wide cookies.
+     */
+    public string $domain = '';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Cookie Secure
+     * --------------------------------------------------------------------------
+     *
+     * Cookie will only be set if a secure HTTPS connection exists.
+     */
+    public bool $secure = false;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Cookie HTTPOnly
+     * --------------------------------------------------------------------------
+     *
+     * Cookie will only be accessible via HTTP(S) (no JavaScript).
+     */
+    public bool $httponly = true;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Cookie SameSite
+     * --------------------------------------------------------------------------
+     *
+     * Configure cookie SameSite setting. Allowed values are:
+     * - None
+     * - Lax
+     * - Strict
+     * - ''
+     *
+     * Alternatively, you can use the constant names:
+     * - `Cookie::SAMESITE_NONE`
+     * - `Cookie::SAMESITE_LAX`
+     * - `Cookie::SAMESITE_STRICT`
+     *
+     * Defaults to `Lax` for compatibility with modern browsers. Setting `''`
+     * (empty string) means default SameSite attribute set by browsers (`Lax`)
+     * will be set on cookies. If set to `None`, `$secure` must also be set.
+     *
+     * @var ''|'Lax'|'None'|'Strict'
+     */
+    public string $samesite = 'Lax';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Cookie Raw
+     * --------------------------------------------------------------------------
+     *
+     * This flag allows setting a "raw" cookie, i.e., its name and value are
+     * not URL encoded using `rawurlencode()`.
+     *
+     * If this is set to `true`, cookie names should be compliant of RFC 2616's
+     * list of allowed characters.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie#attributes
+     * @see https://tools.ietf.org/html/rfc2616#section-2.2
+     */
+    public bool $raw = false;
+}
diff --git a/ci4app/app/Config/Cors.php b/ci4app/app/Config/Cors.php
new file mode 100644
index 0000000..2b4edf6
--- /dev/null
+++ b/ci4app/app/Config/Cors.php
@@ -0,0 +1,105 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+/**
+ * Cross-Origin Resource Sharing (CORS) Configuration
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
+ */
+class Cors extends BaseConfig
+{
+    /**
+     * The default CORS configuration.
+     *
+     * @var array{
+     *      allowedOrigins: list<string>,
+     *      allowedOriginsPatterns: list<string>,
+     *      supportsCredentials: bool,
+     *      allowedHeaders: list<string>,
+     *      exposedHeaders: list<string>,
+     *      allowedMethods: list<string>,
+     *      maxAge: int,
+     *  }
+     */
+    public array $default = [
+        /**
+         * Origins for the `Access-Control-Allow-Origin` header.
+         *
+         * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin
+         *
+         * E.g.:
+         *   - ['http://localhost:8080']
+         *   - ['https://www.example.com']
+         */
+        'allowedOrigins' => [],
+
+        /**
+         * Origin regex patterns for the `Access-Control-Allow-Origin` header.
+         *
+         * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin
+         *
+         * NOTE: A pattern specified here is part of a regular expression. It will
+         *       be actually `#\A<pattern>\z#`.
+         *
+         * E.g.:
+         *   - ['https://\w+\.example\.com']
+         */
+        'allowedOriginsPatterns' => [],
+
+        /**
+         * Weather to send the `Access-Control-Allow-Credentials` header.
+         *
+         * The Access-Control-Allow-Credentials response header tells browsers whether
+         * the server allows cross-origin HTTP requests to include credentials.
+         *
+         * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Credentials
+         */
+        'supportsCredentials' => false,
+
+        /**
+         * Set headers to allow.
+         *
+         * The Access-Control-Allow-Headers response header is used in response to
+         * a preflight request which includes the Access-Control-Request-Headers to
+         * indicate which HTTP headers can be used during the actual request.
+         *
+         * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Headers
+         */
+        'allowedHeaders' => [],
+
+        /**
+         * Set headers to expose.
+         *
+         * The Access-Control-Expose-Headers response header allows a server to
+         * indicate which response headers should be made available to scripts running
+         * in the browser, in response to a cross-origin request.
+         *
+         * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Expose-Headers
+         */
+        'exposedHeaders' => [],
+
+        /**
+         * Set methods to allow.
+         *
+         * The Access-Control-Allow-Methods response header specifies one or more
+         * methods allowed when accessing a resource in response to a preflight
+         * request.
+         *
+         * E.g.:
+         *   - ['GET', 'POST', 'PUT', 'DELETE']
+         *
+         * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Methods
+         */
+        'allowedMethods' => [],
+
+        /**
+         * Set how many seconds the results of a preflight request can be cached.
+         *
+         * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Max-Age
+         */
+        'maxAge' => 7200,
+    ];
+}
diff --git a/ci4app/app/Config/Database.php b/ci4app/app/Config/Database.php
new file mode 100644
index 0000000..cf1b9e8
--- /dev/null
+++ b/ci4app/app/Config/Database.php
@@ -0,0 +1,254 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Database\Config;
+
+/**
+ * Database Configuration
+ */
+class Database extends Config
+{
+    /**
+     * The directory that holds the Migrations and Seeds directories.
+     */
+    public string $filesPath = APPPATH . 'Database' . DIRECTORY_SEPARATOR;
+
+    /**
+     * Lets you choose which connection group to use if no other is specified.
+     */
+    public string $defaultGroup = 'default';
+
+    /**
+     * The default database connection.
+     *
+     * @var array<string, mixed>
+     */
+    public array $default = [
+        'DSN'          => '',
+        'hostname'     => 'localhost',
+        'username'     => 'ms1reader_bd',
+        'password'     => 'X~=v]lg-l]4,T2FF',
+        'database'     => 'ms1reader_centrale',
+        'DBDriver'     => 'MySQLi',
+        'DBPrefix'     => '',
+        'pConnect'     => false,
+        'DBDebug'      => true,
+        'charset'      => 'utf8mb4',
+        'DBCollat'     => 'utf8mb4_general_ci',
+        'swapPre'      => '',
+        'encrypt'      => false,
+        'compress'     => false,
+        'strictOn'     => false,
+        'failover'     => [],
+        'port'         => 3306,
+        'numberNative' => false,
+        'foundRows'    => false,
+        'dateFormat'   => [
+            'date'     => 'Y-m-d',
+            'datetime' => 'Y-m-d H:i:s',
+            'time'     => 'H:i:s',
+        ],
+    ];
+    public array $ms1timing = [
+        'DSN'          => '',
+        'hostname'     => 'localhost',
+        'username'     => 'prodms1timing_ms1timing',
+        'password'     => 'tRV.=^b4PVDO',
+        'database'     => 'prodms1timing_ms1timing',
+        'DBDriver'     => 'MySQLi',
+        'DBPrefix'     => '',
+        'pConnect'     => false,
+        'DBDebug'      => true,
+        'charset'      => 'utf8mb4',
+        'DBCollat'     => 'utf8mb4_general_ci',
+        'swapPre'      => '',
+        'encrypt'      => false,
+        'compress'     => false,
+        'strictOn'     => false,
+        'failover'     => [],
+        'port'         => 3306,
+        'numberNative' => false,
+        'foundRows'    => false,
+        'dateFormat'   => [
+            'date'     => 'Y-m-d',
+            'datetime' => 'Y-m-d H:i:s',
+            'time'     => 'H:i:s',
+        ],
+    ];
+    public array $ms1timing_slave = [
+        'DSN'          => '',
+        'hostname'     => 'localhost',
+        'username'     => 'prodms1timing_ms1timing',
+        'password'     => 'tRV.=^b4PVDO',
+        'database'     => 'prodms1timing_ms1timing_slave',
+        'DBDriver'     => 'MySQLi',
+        'DBPrefix'     => '',
+        'pConnect'     => false,
+        'DBDebug'      => true,
+        'charset'      => 'utf8mb4',
+        'DBCollat'     => 'utf8mb4_general_ci',
+        'swapPre'      => '',
+        'encrypt'      => false,
+        'compress'     => false,
+        'strictOn'     => false,
+        'failover'     => [],
+        'port'         => 3306,
+        'numberNative' => false,
+        'foundRows'    => false,
+        'dateFormat'   => [
+            'date'     => 'Y-m-d',
+            'datetime' => 'Y-m-d H:i:s',
+            'time'     => 'H:i:s',
+        ],
+    ];
+    //    /**
+    //     * Sample database connection for SQLite3.
+    //     *
+    //     * @var array<string, mixed>
+    //     */
+    //    public array $default = [
+    //        'database'    => 'database.db',
+    //        'DBDriver'    => 'SQLite3',
+    //        'DBPrefix'    => '',
+    //        'DBDebug'     => true,
+    //        'swapPre'     => '',
+    //        'failover'    => [],
+    //        'foreignKeys' => true,
+    //        'busyTimeout' => 1000,
+    //        'synchronous' => null,
+    //        'dateFormat'  => [
+    //            'date'     => 'Y-m-d',
+    //            'datetime' => 'Y-m-d H:i:s',
+    //            'time'     => 'H:i:s',
+    //        ],
+    //    ];
+
+    //    /**
+    //     * Sample database connection for Postgre.
+    //     *
+    //     * @var array<string, mixed>
+    //     */
+    //    public array $default = [
+    //        'DSN'        => '',
+    //        'hostname'   => 'localhost',
+    //        'username'   => 'root',
+    //        'password'   => 'root',
+    //        'database'   => 'ci4',
+    //        'schema'     => 'public',
+    //        'DBDriver'   => 'Postgre',
+    //        'DBPrefix'   => '',
+    //        'pConnect'   => false,
+    //        'DBDebug'    => true,
+    //        'charset'    => 'utf8',
+    //        'swapPre'    => '',
+    //        'failover'   => [],
+    //        'port'       => 5432,
+    //        'dateFormat' => [
+    //            'date'     => 'Y-m-d',
+    //            'datetime' => 'Y-m-d H:i:s',
+    //            'time'     => 'H:i:s',
+    //        ],
+    //    ];
+
+    //    /**
+    //     * Sample database connection for SQLSRV.
+    //     *
+    //     * @var array<string, mixed>
+    //     */
+    //    public array $default = [
+    //        'DSN'        => '',
+    //        'hostname'   => 'localhost',
+    //        'username'   => 'root',
+    //        'password'   => 'root',
+    //        'database'   => 'ci4',
+    //        'schema'     => 'dbo',
+    //        'DBDriver'   => 'SQLSRV',
+    //        'DBPrefix'   => '',
+    //        'pConnect'   => false,
+    //        'DBDebug'    => true,
+    //        'charset'    => 'utf8',
+    //        'swapPre'    => '',
+    //        'encrypt'    => false,
+    //        'failover'   => [],
+    //        'port'       => 1433,
+    //        'dateFormat' => [
+    //            'date'     => 'Y-m-d',
+    //            'datetime' => 'Y-m-d H:i:s',
+    //            'time'     => 'H:i:s',
+    //        ],
+    //    ];
+
+    //    /**
+    //     * Sample database connection for OCI8.
+    //     *
+    //     * You may need the following environment variables:
+    //     *   NLS_LANG                = 'AMERICAN_AMERICA.UTF8'
+    //     *   NLS_DATE_FORMAT         = 'YYYY-MM-DD HH24:MI:SS'
+    //     *   NLS_TIMESTAMP_FORMAT    = 'YYYY-MM-DD HH24:MI:SS'
+    //     *   NLS_TIMESTAMP_TZ_FORMAT = 'YYYY-MM-DD HH24:MI:SS'
+    //     *
+    //     * @var array<string, mixed>
+    //     */
+    //    public array $default = [
+    //        'DSN'        => 'localhost:1521/XEPDB1',
+    //        'username'   => 'root',
+    //        'password'   => 'root',
+    //        'DBDriver'   => 'OCI8',
+    //        'DBPrefix'   => '',
+    //        'pConnect'   => false,
+    //        'DBDebug'    => true,
+    //        'charset'    => 'AL32UTF8',
+    //        'swapPre'    => '',
+    //        'failover'   => [],
+    //        'dateFormat' => [
+    //            'date'     => 'Y-m-d',
+    //            'datetime' => 'Y-m-d H:i:s',
+    //            'time'     => 'H:i:s',
+    //        ],
+    //    ];
+
+    /**
+     * This database connection is used when running PHPUnit database tests.
+     *
+     * @var array<string, mixed>
+     */
+    public array $tests = [
+        'DSN'         => '',
+        'hostname'    => '127.0.0.1',
+        'username'    => '',
+        'password'    => '',
+        'database'    => ':memory:',
+        'DBDriver'    => 'SQLite3',
+        'DBPrefix'    => 'db_',  // Needed to ensure we're working correctly with prefixes live. DO NOT REMOVE FOR CI DEVS
+        'pConnect'    => false,
+        'DBDebug'     => true,
+        'charset'     => 'utf8',
+        'DBCollat'    => '',
+        'swapPre'     => '',
+        'encrypt'     => false,
+        'compress'    => false,
+        'strictOn'    => false,
+        'failover'    => [],
+        'port'        => 3306,
+        'foreignKeys' => true,
+        'busyTimeout' => 1000,
+        'dateFormat'  => [
+            'date'     => 'Y-m-d',
+            'datetime' => 'Y-m-d H:i:s',
+            'time'     => 'H:i:s',
+        ],
+    ];
+
+    public function __construct()
+    {
+        parent::__construct();
+
+        // Ensure that we always set the database group to 'tests' if
+        // we are currently running an automated test suite, so that
+        // we don't overwrite live data on accident.
+        if (ENVIRONMENT === 'testing') {
+            $this->defaultGroup = 'tests';
+        }
+    }
+}
diff --git a/ci4app/app/Config/DocTypes.php b/ci4app/app/Config/DocTypes.php
new file mode 100644
index 0000000..788d68f
--- /dev/null
+++ b/ci4app/app/Config/DocTypes.php
@@ -0,0 +1,43 @@
+<?php
+
+namespace Config;
+
+class DocTypes
+{
+    /**
+     * List of valid document types.
+     *
+     * @var array<string, string>
+     */
+    public array $list = [
+        'xhtml11'           => '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">',
+        'xhtml1-strict'     => '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">',
+        'xhtml1-trans'      => '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">',
+        'xhtml1-frame'      => '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">',
+        'xhtml-basic11'     => '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">',
+        'html5'             => '<!DOCTYPE html>',
+        'html4-strict'      => '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">',
+        'html4-trans'       => '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">',
+        'html4-frame'       => '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">',
+        'mathml1'           => '<!DOCTYPE math SYSTEM "http://www.w3.org/Math/DTD/mathml1/mathml.dtd">',
+        'mathml2'           => '<!DOCTYPE math PUBLIC "-//W3C//DTD MathML 2.0//EN" "http://www.w3.org/Math/DTD/mathml2/mathml2.dtd">',
+        'svg10'             => '<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">',
+        'svg11'             => '<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">',
+        'svg11-basic'       => '<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">',
+        'svg11-tiny'        => '<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">',
+        'xhtml-math-svg-xh' => '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">',
+        'xhtml-math-svg-sh' => '<!DOCTYPE svg:svg PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">',
+        'xhtml-rdfa-1'      => '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">',
+        'xhtml-rdfa-2'      => '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.1//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-2.dtd">',
+    ];
+
+    /**
+     * Whether to remove the solidus (`/`) character for void HTML elements (e.g. `<input>`)
+     * for HTML5 compatibility.
+     *
+     * Set to:
+     *    `true` - to be HTML5 compatible
+     *    `false` - to be XHTML compatible
+     */
+    public bool $html5 = true;
+}
diff --git a/ci4app/app/Config/Email.php b/ci4app/app/Config/Email.php
new file mode 100644
index 0000000..4dce650
--- /dev/null
+++ b/ci4app/app/Config/Email.php
@@ -0,0 +1,121 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+class Email extends BaseConfig
+{
+    public string $fromEmail  = '';
+    public string $fromName   = '';
+    public string $recipients = '';
+
+    /**
+     * The "user agent"
+     */
+    public string $userAgent = 'CodeIgniter';
+
+    /**
+     * The mail sending protocol: mail, sendmail, smtp
+     */
+    public string $protocol = 'mail';
+
+    /**
+     * The server path to Sendmail.
+     */
+    public string $mailPath = '/usr/sbin/sendmail';
+
+    /**
+     * SMTP Server Hostname
+     */
+    public string $SMTPHost = '';
+
+    /**
+     * SMTP Username
+     */
+    public string $SMTPUser = '';
+
+    /**
+     * SMTP Password
+     */
+    public string $SMTPPass = '';
+
+    /**
+     * SMTP Port
+     */
+    public int $SMTPPort = 25;
+
+    /**
+     * SMTP Timeout (in seconds)
+     */
+    public int $SMTPTimeout = 5;
+
+    /**
+     * Enable persistent SMTP connections
+     */
+    public bool $SMTPKeepAlive = false;
+
+    /**
+     * SMTP Encryption.
+     *
+     * @var string '', 'tls' or 'ssl'. 'tls' will issue a STARTTLS command
+     *             to the server. 'ssl' means implicit SSL. Connection on port
+     *             465 should set this to ''.
+     */
+    public string $SMTPCrypto = 'tls';
+
+    /**
+     * Enable word-wrap
+     */
+    public bool $wordWrap = true;
+
+    /**
+     * Character count to wrap at
+     */
+    public int $wrapChars = 76;
+
+    /**
+     * Type of mail, either 'text' or 'html'
+     */
+    public string $mailType = 'text';
+
+    /**
+     * Character set (utf-8, iso-8859-1, etc.)
+     */
+    public string $charset = 'UTF-8';
+
+    /**
+     * Whether to validate the email address
+     */
+    public bool $validate = false;
+
+    /**
+     * Email Priority. 1 = highest. 5 = lowest. 3 = normal
+     */
+    public int $priority = 3;
+
+    /**
+     * Newline character. (Use “\r\n” to comply with RFC 822)
+     */
+    public string $CRLF = "\r\n";
+
+    /**
+     * Newline character. (Use “\r\n” to comply with RFC 822)
+     */
+    public string $newline = "\r\n";
+
+    /**
+     * Enable BCC Batch Mode.
+     */
+    public bool $BCCBatchMode = false;
+
+    /**
+     * Number of emails in each BCC batch
+     */
+    public int $BCCBatchSize = 200;
+
+    /**
+     * Enable notify message from server
+     */
+    public bool $DSN = false;
+}
diff --git a/ci4app/app/Config/Encryption.php b/ci4app/app/Config/Encryption.php
new file mode 100644
index 0000000..2834413
--- /dev/null
+++ b/ci4app/app/Config/Encryption.php
@@ -0,0 +1,92 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+/**
+ * Encryption configuration.
+ *
+ * These are the settings used for encryption, if you don't pass a parameter
+ * array to the encrypter for creation/initialization.
+ */
+class Encryption extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Encryption Key Starter
+     * --------------------------------------------------------------------------
+     *
+     * If you use the Encryption class you must set an encryption key (seed).
+     * You need to ensure it is long enough for the cipher and mode you plan to use.
+     * See the user guide for more info.
+     */
+    public string $key = '';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Encryption Driver to Use
+     * --------------------------------------------------------------------------
+     *
+     * One of the supported encryption drivers.
+     *
+     * Available drivers:
+     * - OpenSSL
+     * - Sodium
+     */
+    public string $driver = 'OpenSSL';
+
+    /**
+     * --------------------------------------------------------------------------
+     * SodiumHandler's Padding Length in Bytes
+     * --------------------------------------------------------------------------
+     *
+     * This is the number of bytes that will be padded to the plaintext message
+     * before it is encrypted. This value should be greater than zero.
+     *
+     * See the user guide for more information on padding.
+     */
+    public int $blockSize = 16;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Encryption digest
+     * --------------------------------------------------------------------------
+     *
+     * HMAC digest to use, e.g. 'SHA512' or 'SHA256'. Default value is 'SHA512'.
+     */
+    public string $digest = 'SHA512';
+
+    /**
+     * Whether the cipher-text should be raw. If set to false, then it will be base64 encoded.
+     * This setting is only used by OpenSSLHandler.
+     *
+     * Set to false for CI3 Encryption compatibility.
+     */
+    public bool $rawData = true;
+
+    /**
+     * Encryption key info.
+     * This setting is only used by OpenSSLHandler.
+     *
+     * Set to 'encryption' for CI3 Encryption compatibility.
+     */
+    public string $encryptKeyInfo = '';
+
+    /**
+     * Authentication key info.
+     * This setting is only used by OpenSSLHandler.
+     *
+     * Set to 'authentication' for CI3 Encryption compatibility.
+     */
+    public string $authKeyInfo = '';
+
+    /**
+     * Cipher to use.
+     * This setting is only used by OpenSSLHandler.
+     *
+     * Set to 'AES-128-CBC' to decrypt encrypted data that encrypted
+     * by CI3 Encryption default configuration.
+     */
+    public string $cipher = 'AES-256-CTR';
+}
diff --git a/ci4app/app/Config/Events.php b/ci4app/app/Config/Events.php
new file mode 100644
index 0000000..946285b
--- /dev/null
+++ b/ci4app/app/Config/Events.php
@@ -0,0 +1,55 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Events\Events;
+use CodeIgniter\Exceptions\FrameworkException;
+use CodeIgniter\HotReloader\HotReloader;
+
+/*
+ * --------------------------------------------------------------------
+ * Application Events
+ * --------------------------------------------------------------------
+ * Events allow you to tap into the execution of the program without
+ * modifying or extending core files. This file provides a central
+ * location to define your events, though they can always be added
+ * at run-time, also, if needed.
+ *
+ * You create code that can execute by subscribing to events with
+ * the 'on()' method. This accepts any form of callable, including
+ * Closures, that will be executed when the event is triggered.
+ *
+ * Example:
+ *      Events::on('create', [$myInstance, 'myMethod']);
+ */
+
+Events::on('pre_system', static function (): void {
+    if (ENVIRONMENT !== 'testing') {
+        if (ini_get('zlib.output_compression')) {
+            throw FrameworkException::forEnabledZlibOutputCompression();
+        }
+
+        while (ob_get_level() > 0) {
+            ob_end_flush();
+        }
+
+        ob_start(static fn ($buffer) => $buffer);
+    }
+
+    /*
+     * --------------------------------------------------------------------
+     * Debug Toolbar Listeners.
+     * --------------------------------------------------------------------
+     * If you delete, they will no longer be collected.
+     */
+    if (CI_DEBUG && ! is_cli()) {
+        Events::on('DBQuery', 'CodeIgniter\Debug\Toolbar\Collectors\Database::collect');
+        service('toolbar')->respond();
+        // Hot Reload route - for framework use on the hot reloader.
+        if (ENVIRONMENT === 'development') {
+            service('routes')->get('__hot-reload', static function (): void {
+                (new HotReloader())->run();
+            });
+        }
+    }
+});
diff --git a/ci4app/app/Config/Exceptions.php b/ci4app/app/Config/Exceptions.php
new file mode 100644
index 0000000..4e33963
--- /dev/null
+++ b/ci4app/app/Config/Exceptions.php
@@ -0,0 +1,106 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+use CodeIgniter\Debug\ExceptionHandler;
+use CodeIgniter\Debug\ExceptionHandlerInterface;
+use Psr\Log\LogLevel;
+use Throwable;
+
+/**
+ * Setup how the exception handler works.
+ */
+class Exceptions extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * LOG EXCEPTIONS?
+     * --------------------------------------------------------------------------
+     * If true, then exceptions will be logged
+     * through Services::Log.
+     *
+     * Default: true
+     */
+    public bool $log = true;
+
+    /**
+     * --------------------------------------------------------------------------
+     * DO NOT LOG STATUS CODES
+     * --------------------------------------------------------------------------
+     * Any status codes here will NOT be logged if logging is turned on.
+     * By default, only 404 (Page Not Found) exceptions are ignored.
+     *
+     * @var list<int>
+     */
+    public array $ignoreCodes = [404];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Error Views Path
+     * --------------------------------------------------------------------------
+     * This is the path to the directory that contains the 'cli' and 'html'
+     * directories that hold the views used to generate errors.
+     *
+     * Default: APPPATH.'Views/errors'
+     */
+    public string $errorViewPath = APPPATH . 'Views/errors';
+
+    /**
+     * --------------------------------------------------------------------------
+     * HIDE FROM DEBUG TRACE
+     * --------------------------------------------------------------------------
+     * Any data that you would like to hide from the debug trace.
+     * In order to specify 2 levels, use "/" to separate.
+     * ex. ['server', 'setup/password', 'secret_token']
+     *
+     * @var list<string>
+     */
+    public array $sensitiveDataInTrace = [];
+
+    /**
+     * --------------------------------------------------------------------------
+     * WHETHER TO THROW AN EXCEPTION ON DEPRECATED ERRORS
+     * --------------------------------------------------------------------------
+     * If set to `true`, DEPRECATED errors are only logged and no exceptions are
+     * thrown. This option also works for user deprecations.
+     */
+    public bool $logDeprecations = true;
+
+    /**
+     * --------------------------------------------------------------------------
+     * LOG LEVEL THRESHOLD FOR DEPRECATIONS
+     * --------------------------------------------------------------------------
+     * If `$logDeprecations` is set to `true`, this sets the log level
+     * to which the deprecation will be logged. This should be one of the log
+     * levels recognized by PSR-3.
+     *
+     * The related `Config\Logger::$threshold` should be adjusted, if needed,
+     * to capture logging the deprecations.
+     */
+    public string $deprecationLogLevel = LogLevel::WARNING;
+
+    /*
+     * DEFINE THE HANDLERS USED
+     * --------------------------------------------------------------------------
+     * Given the HTTP status code, returns exception handler that
+     * should be used to deal with this error. By default, it will run CodeIgniter's
+     * default handler and display the error information in the expected format
+     * for CLI, HTTP, or AJAX requests, as determined by is_cli() and the expected
+     * response format.
+     *
+     * Custom handlers can be returned if you want to handle one or more specific
+     * error codes yourself like:
+     *
+     *      if (in_array($statusCode, [400, 404, 500])) {
+     *          return new \App\Libraries\MyExceptionHandler();
+     *      }
+     *      if ($exception instanceOf PageNotFoundException) {
+     *          return new \App\Libraries\MyExceptionHandler();
+     *      }
+     */
+    public function handler(int $statusCode, Throwable $exception): ExceptionHandlerInterface
+    {
+        return new ExceptionHandler($this);
+    }
+}
diff --git a/ci4app/app/Config/Feature.php b/ci4app/app/Config/Feature.php
new file mode 100644
index 0000000..ec1435a
--- /dev/null
+++ b/ci4app/app/Config/Feature.php
@@ -0,0 +1,37 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+/**
+ * Enable/disable backward compatibility breaking features.
+ */
+class Feature extends BaseConfig
+{
+    /**
+     * Use improved new auto routing instead of the legacy version.
+     */
+    public bool $autoRoutesImproved = true;
+
+    /**
+     * Use filter execution order in 4.4 or before.
+     */
+    public bool $oldFilterOrder = false;
+
+    /**
+     * The behavior of `limit(0)` in Query Builder.
+     *
+     * If true, `limit(0)` returns all records. (the behavior of 4.4.x or before in version 4.x.)
+     * If false, `limit(0)` returns no records. (the behavior of 3.1.9 or later in version 3.x.)
+     */
+    public bool $limitZeroAsAll = true;
+
+    /**
+     * Use strict location negotiation.
+     *
+     * By default, the locale is selected based on a loose comparison of the language code (ISO 639-1)
+     * Enabling strict comparison will also consider the region code (ISO 3166-1 alpha-2).
+     */
+    public bool $strictLocaleNegotiation = false;
+}
diff --git a/ci4app/app/Config/Filters.php b/ci4app/app/Config/Filters.php
new file mode 100644
index 0000000..9c83ae9
--- /dev/null
+++ b/ci4app/app/Config/Filters.php
@@ -0,0 +1,110 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\Filters as BaseFilters;
+use CodeIgniter\Filters\Cors;
+use CodeIgniter\Filters\CSRF;
+use CodeIgniter\Filters\DebugToolbar;
+use CodeIgniter\Filters\ForceHTTPS;
+use CodeIgniter\Filters\Honeypot;
+use CodeIgniter\Filters\InvalidChars;
+use CodeIgniter\Filters\PageCache;
+use CodeIgniter\Filters\PerformanceMetrics;
+use CodeIgniter\Filters\SecureHeaders;
+
+class Filters extends BaseFilters
+{
+    /**
+     * Configures aliases for Filter classes to
+     * make reading things nicer and simpler.
+     *
+     * @var array<string, class-string|list<class-string>>
+     *
+     * [filter_name => classname]
+     * or [filter_name => [classname1, classname2, ...]]
+     */
+    public array $aliases = [
+        'csrf'          => CSRF::class,
+        'toolbar'       => DebugToolbar::class,
+        'honeypot'      => Honeypot::class,
+        'invalidchars'  => InvalidChars::class,
+        'secureheaders' => SecureHeaders::class,
+        'cors'          => Cors::class,
+        'forcehttps'    => ForceHTTPS::class,
+        'pagecache'     => PageCache::class,
+        'performance'   => PerformanceMetrics::class,
+    ];
+
+    /**
+     * List of special required filters.
+     *
+     * The filters listed here are special. They are applied before and after
+     * other kinds of filters, and always applied even if a route does not exist.
+     *
+     * Filters set by default provide framework functionality. If removed,
+     * those functions will no longer work.
+     *
+     * @see https://codeigniter.com/user_guide/incoming/filters.html#provided-filters
+     *
+     * @var array{before: list<string>, after: list<string>}
+     */
+    public array $required = [
+        'before' => [
+            'forcehttps', // Force Global Secure Requests
+            'pagecache',  // Web Page Caching
+        ],
+        'after' => [
+            'pagecache',   // Web Page Caching
+            'performance', // Performance Metrics
+            'toolbar',     // Debug Toolbar
+        ],
+    ];
+
+    /**
+     * List of filter aliases that are always
+     * applied before and after every request.
+     *
+     * @var array{
+     *     before: array<string, array{except: list<string>|string}>|list<string>,
+     *     after: array<string, array{except: list<string>|string}>|list<string>
+     * }
+     */
+    public array $globals = [
+        'before' => [
+            // 'honeypot',
+            // 'csrf',
+            // 'invalidchars',
+        ],
+        'after' => [
+            // 'honeypot',
+            // 'secureheaders',
+        ],
+    ];
+
+    /**
+     * List of filter aliases that works on a
+     * particular HTTP method (GET, POST, etc.).
+     *
+     * Example:
+     * 'POST' => ['foo', 'bar']
+     *
+     * If you use this, you should disable auto-routing because auto-routing
+     * permits any HTTP method to access a controller. Accessing the controller
+     * with a method you don't expect could bypass the filter.
+     *
+     * @var array<string, list<string>>
+     */
+    public array $methods = [];
+
+    /**
+     * List of filter aliases that should run on any
+     * before or after URI patterns.
+     *
+     * Example:
+     * 'isLoggedIn' => ['before' => ['account/*', 'profiles/*']]
+     *
+     * @var array<string, array<string, list<string>>>
+     */
+    public array $filters = [];
+}
diff --git a/ci4app/app/Config/ForeignCharacters.php b/ci4app/app/Config/ForeignCharacters.php
new file mode 100644
index 0000000..f1a9572
--- /dev/null
+++ b/ci4app/app/Config/ForeignCharacters.php
@@ -0,0 +1,12 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\ForeignCharacters as BaseForeignCharacters;
+
+/**
+ * @immutable
+ */
+class ForeignCharacters extends BaseForeignCharacters
+{
+}
diff --git a/ci4app/app/Config/Format.php b/ci4app/app/Config/Format.php
new file mode 100644
index 0000000..0d334d7
--- /dev/null
+++ b/ci4app/app/Config/Format.php
@@ -0,0 +1,64 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+use CodeIgniter\Format\JSONFormatter;
+use CodeIgniter\Format\XMLFormatter;
+
+class Format extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Available Response Formats
+     * --------------------------------------------------------------------------
+     *
+     * When you perform content negotiation with the request, these are the
+     * available formats that your application supports. This is currently
+     * only used with the API\ResponseTrait. A valid Formatter must exist
+     * for the specified format.
+     *
+     * These formats are only checked when the data passed to the respond()
+     * method is an array.
+     *
+     * @var list<string>
+     */
+    public array $supportedResponseFormats = [
+        'application/json',
+        'application/xml', // machine-readable XML
+        'text/xml', // human-readable XML
+    ];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Formatters
+     * --------------------------------------------------------------------------
+     *
+     * Lists the class to use to format responses with of a particular type.
+     * For each mime type, list the class that should be used. Formatters
+     * can be retrieved through the getFormatter() method.
+     *
+     * @var array<string, string>
+     */
+    public array $formatters = [
+        'application/json' => JSONFormatter::class,
+        'application/xml'  => XMLFormatter::class,
+        'text/xml'         => XMLFormatter::class,
+    ];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Formatters Options
+     * --------------------------------------------------------------------------
+     *
+     * Additional Options to adjust default formatters behaviour.
+     * For each mime type, list the additional options that should be used.
+     *
+     * @var array<string, int>
+     */
+    public array $formatterOptions = [
+        'application/json' => JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES,
+        'application/xml'  => 0,
+        'text/xml'         => 0,
+    ];
+}
diff --git a/ci4app/app/Config/Generators.php b/ci4app/app/Config/Generators.php
new file mode 100644
index 0000000..cc92c7a
--- /dev/null
+++ b/ci4app/app/Config/Generators.php
@@ -0,0 +1,44 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+class Generators extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Generator Commands' Views
+     * --------------------------------------------------------------------------
+     *
+     * This array defines the mapping of generator commands to the view files
+     * they are using. If you need to customize them for your own, copy these
+     * view files in your own folder and indicate the location here.
+     *
+     * You will notice that the views have special placeholders enclosed in
+     * curly braces `{...}`. These placeholders are used internally by the
+     * generator commands in processing replacements, thus you are warned
+     * not to delete them or modify the names. If you will do so, you may
+     * end up disrupting the scaffolding process and throw errors.
+     *
+     * YOU HAVE BEEN WARNED!
+     *
+     * @var array<string, array<string, string>|string>
+     */
+    public array $views = [
+        'make:cell' => [
+            'class' => 'CodeIgniter\Commands\Generators\Views\cell.tpl.php',
+            'view'  => 'CodeIgniter\Commands\Generators\Views\cell_view.tpl.php',
+        ],
+        'make:command'      => 'CodeIgniter\Commands\Generators\Views\command.tpl.php',
+        'make:config'       => 'CodeIgniter\Commands\Generators\Views\config.tpl.php',
+        'make:controller'   => 'CodeIgniter\Commands\Generators\Views\controller.tpl.php',
+        'make:entity'       => 'CodeIgniter\Commands\Generators\Views\entity.tpl.php',
+        'make:filter'       => 'CodeIgniter\Commands\Generators\Views\filter.tpl.php',
+        'make:migration'    => 'CodeIgniter\Commands\Generators\Views\migration.tpl.php',
+        'make:model'        => 'CodeIgniter\Commands\Generators\Views\model.tpl.php',
+        'make:seeder'       => 'CodeIgniter\Commands\Generators\Views\seeder.tpl.php',
+        'make:validation'   => 'CodeIgniter\Commands\Generators\Views\validation.tpl.php',
+        'session:migration' => 'CodeIgniter\Commands\Generators\Views\migration.tpl.php',
+    ];
+}
diff --git a/ci4app/app/Config/Honeypot.php b/ci4app/app/Config/Honeypot.php
new file mode 100644
index 0000000..67ebcb0
--- /dev/null
+++ b/ci4app/app/Config/Honeypot.php
@@ -0,0 +1,42 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+class Honeypot extends BaseConfig
+{
+    /**
+     * Makes Honeypot visible or not to human
+     */
+    public bool $hidden = true;
+
+    /**
+     * Honeypot Label Content
+     */
+    public string $label = 'Fill This Field';
+
+    /**
+     * Honeypot Field Name
+     */
+    public string $name = 'honeypot';
+
+    /**
+     * Honeypot HTML Template
+     */
+    public string $template = '<label>{label}</label><input type="text" name="{name}" value="">';
+
+    /**
+     * Honeypot container
+     *
+     * If you enabled CSP, you can remove `style="display:none"`.
+     */
+    public string $container = '<div style="display:none">{template}</div>';
+
+    /**
+     * The id attribute for Honeypot container tag
+     *
+     * Used when CSP is enabled.
+     */
+    public string $containerId = 'hpc';
+}
diff --git a/ci4app/app/Config/Images.php b/ci4app/app/Config/Images.php
new file mode 100644
index 0000000..a33ddad
--- /dev/null
+++ b/ci4app/app/Config/Images.php
@@ -0,0 +1,31 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+use CodeIgniter\Images\Handlers\GDHandler;
+use CodeIgniter\Images\Handlers\ImageMagickHandler;
+
+class Images extends BaseConfig
+{
+    /**
+     * Default handler used if no other handler is specified.
+     */
+    public string $defaultHandler = 'gd';
+
+    /**
+     * The path to the image library.
+     * Required for ImageMagick, GraphicsMagick, or NetPBM.
+     */
+    public string $libraryPath = '/usr/local/bin/convert';
+
+    /**
+     * The available handler classes.
+     *
+     * @var array<string, string>
+     */
+    public array $handlers = [
+        'gd'      => GDHandler::class,
+        'imagick' => ImageMagickHandler::class,
+    ];
+}
diff --git a/ci4app/app/Config/Kint.php b/ci4app/app/Config/Kint.php
new file mode 100644
index 0000000..931ad47
--- /dev/null
+++ b/ci4app/app/Config/Kint.php
@@ -0,0 +1,63 @@
+<?php
+
+namespace Config;
+
+use Kint\Parser\ConstructablePluginInterface;
+use Kint\Renderer\Rich\TabPluginInterface;
+use Kint\Renderer\Rich\ValuePluginInterface;
+
+/**
+ * --------------------------------------------------------------------------
+ * Kint
+ * --------------------------------------------------------------------------
+ *
+ * We use Kint's `RichRenderer` and `CLIRenderer`. This area contains options
+ * that you can set to customize how Kint works for you.
+ *
+ * @see https://kint-php.github.io/kint/ for details on these settings.
+ */
+class Kint
+{
+    /*
+    |--------------------------------------------------------------------------
+    | Global Settings
+    |--------------------------------------------------------------------------
+    */
+
+    /**
+     * @var list<class-string<ConstructablePluginInterface>|ConstructablePluginInterface>|null
+     */
+    public $plugins;
+
+    public int $maxDepth           = 6;
+    public bool $displayCalledFrom = true;
+    public bool $expanded          = false;
+
+    /*
+    |--------------------------------------------------------------------------
+    | RichRenderer Settings
+    |--------------------------------------------------------------------------
+    */
+    public string $richTheme = 'aante-light.css';
+    public bool $richFolder  = false;
+
+    /**
+     * @var array<string, class-string<ValuePluginInterface>>|null
+     */
+    public $richObjectPlugins;
+
+    /**
+     * @var array<string, class-string<TabPluginInterface>>|null
+     */
+    public $richTabPlugins;
+
+    /*
+    |--------------------------------------------------------------------------
+    | CLI Settings
+    |--------------------------------------------------------------------------
+    */
+    public bool $cliColors      = true;
+    public bool $cliForceUTF8   = false;
+    public bool $cliDetectWidth = true;
+    public int $cliMinWidth     = 40;
+}
diff --git a/ci4app/app/Config/Logger.php b/ci4app/app/Config/Logger.php
new file mode 100644
index 0000000..799dc2c
--- /dev/null
+++ b/ci4app/app/Config/Logger.php
@@ -0,0 +1,151 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+use CodeIgniter\Log\Handlers\FileHandler;
+use CodeIgniter\Log\Handlers\HandlerInterface;
+
+class Logger extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Error Logging Threshold
+     * --------------------------------------------------------------------------
+     *
+     * You can enable error logging by setting a threshold over zero. The
+     * threshold determines what gets logged. Any values below or equal to the
+     * threshold will be logged.
+     *
+     * Threshold options are:
+     *
+     * - 0 = Disables logging, Error logging TURNED OFF
+     * - 1 = Emergency Messages - System is unusable
+     * - 2 = Alert Messages - Action Must Be Taken Immediately
+     * - 3 = Critical Messages - Application component unavailable, unexpected exception.
+     * - 4 = Runtime Errors - Don't need immediate action, but should be monitored.
+     * - 5 = Warnings - Exceptional occurrences that are not errors.
+     * - 6 = Notices - Normal but significant events.
+     * - 7 = Info - Interesting events, like user logging in, etc.
+     * - 8 = Debug - Detailed debug information.
+     * - 9 = All Messages
+     *
+     * You can also pass an array with threshold levels to show individual error types
+     *
+     *     array(1, 2, 3, 8) = Emergency, Alert, Critical, and Debug messages
+     *
+     * For a live site you'll usually enable Critical or higher (3) to be logged otherwise
+     * your log files will fill up very fast.
+     *
+     * @var int|list<int>
+     */
+    public $threshold = (ENVIRONMENT === 'production') ? 4 : 9;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Date Format for Logs
+     * --------------------------------------------------------------------------
+     *
+     * Each item that is logged has an associated date. You can use PHP date
+     * codes to set your own date formatting
+     */
+    public string $dateFormat = 'Y-m-d H:i:s';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Log Handlers
+     * --------------------------------------------------------------------------
+     *
+     * The logging system supports multiple actions to be taken when something
+     * is logged. This is done by allowing for multiple Handlers, special classes
+     * designed to write the log to their chosen destinations, whether that is
+     * a file on the getServer, a cloud-based service, or even taking actions such
+     * as emailing the dev team.
+     *
+     * Each handler is defined by the class name used for that handler, and it
+     * MUST implement the `CodeIgniter\Log\Handlers\HandlerInterface` interface.
+     *
+     * The value of each key is an array of configuration items that are sent
+     * to the constructor of each handler. The only required configuration item
+     * is the 'handles' element, which must be an array of integer log levels.
+     * This is most easily handled by using the constants defined in the
+     * `Psr\Log\LogLevel` class.
+     *
+     * Handlers are executed in the order defined in this array, starting with
+     * the handler on top and continuing down.
+     *
+     * @var array<class-string<HandlerInterface>, array<string, int|list<string>|string>>
+     */
+    public array $handlers = [
+        /*
+         * --------------------------------------------------------------------
+         * File Handler
+         * --------------------------------------------------------------------
+         */
+        FileHandler::class => [
+            // The log levels that this handler will handle.
+            'handles' => [
+                'critical',
+                'alert',
+                'emergency',
+                'debug',
+                'error',
+                'info',
+                'notice',
+                'warning',
+            ],
+
+            /*
+             * The default filename extension for log files.
+             * An extension of 'php' allows for protecting the log files via basic
+             * scripting, when they are to be stored under a publicly accessible directory.
+             *
+             * NOTE: Leaving it blank will default to 'log'.
+             */
+            'fileExtension' => '',
+
+            /*
+             * The file system permissions to be applied on newly created log files.
+             *
+             * IMPORTANT: This MUST be an integer (no quotes) and you MUST use octal
+             * integer notation (i.e. 0700, 0644, etc.)
+             */
+            'filePermissions' => 0644,
+
+            /*
+             * Logging Directory Path
+             *
+             * By default, logs are written to WRITEPATH . 'logs/'
+             * Specify a different destination here, if desired.
+             */
+            'path' => '',
+        ],
+
+        /*
+         * The ChromeLoggerHandler requires the use of the Chrome web browser
+         * and the ChromeLogger extension. Uncomment this block to use it.
+         */
+        // 'CodeIgniter\Log\Handlers\ChromeLoggerHandler' => [
+        //     /*
+        //      * The log levels that this handler will handle.
+        //      */
+        //     'handles' => ['critical', 'alert', 'emergency', 'debug',
+        //                   'error', 'info', 'notice', 'warning'],
+        // ],
+
+        /*
+         * The ErrorlogHandler writes the logs to PHP's native `error_log()` function.
+         * Uncomment this block to use it.
+         */
+        // 'CodeIgniter\Log\Handlers\ErrorlogHandler' => [
+        //     /* The log levels this handler can handle. */
+        //     'handles' => ['critical', 'alert', 'emergency', 'debug', 'error', 'info', 'notice', 'warning'],
+        //
+        //     /*
+        //     * The message type where the error should go. Can be 0 or 4, or use the
+        //     * class constants: `ErrorlogHandler::TYPE_OS` (0) or `ErrorlogHandler::TYPE_SAPI` (4)
+        //     */
+        //     'messageType' => 0,
+        // ],
+    ];
+}
diff --git a/ci4app/app/Config/Migrations.php b/ci4app/app/Config/Migrations.php
new file mode 100644
index 0000000..1dec8b9
--- /dev/null
+++ b/ci4app/app/Config/Migrations.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+class Migrations extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Enable/Disable Migrations
+     * --------------------------------------------------------------------------
+     *
+     * Migrations are enabled by default.
+     *
+     * You should enable migrations whenever you intend to do a schema migration
+     * and disable it back when you're done.
+     */
+    public bool $enabled = true;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Migrations Table
+     * --------------------------------------------------------------------------
+     *
+     * This is the name of the table that will store the current migrations state.
+     * When migrations runs it will store in a database table which migration
+     * files have already been run.
+     */
+    public string $table = 'migrations';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Timestamp Format
+     * --------------------------------------------------------------------------
+     *
+     * This is the format that will be used when creating new migrations
+     * using the CLI command:
+     *   > php spark make:migration
+     *
+     * NOTE: if you set an unsupported format, migration runner will not find
+     *       your migration files.
+     *
+     * Supported formats:
+     * - YmdHis_
+     * - Y-m-d-His_
+     * - Y_m_d_His_
+     */
+    public string $timestampFormat = 'Y-m-d-His_';
+}
diff --git a/ci4app/app/Config/Mimes.php b/ci4app/app/Config/Mimes.php
new file mode 100644
index 0000000..c2db734
--- /dev/null
+++ b/ci4app/app/Config/Mimes.php
@@ -0,0 +1,534 @@
+<?php
+
+namespace Config;
+
+/**
+ * This file contains an array of mime types.  It is used by the
+ * Upload class to help identify allowed file types.
+ *
+ * When more than one variation for an extension exist (like jpg, jpeg, etc)
+ * the most common one should be first in the array to aid the guess*
+ * methods. The same applies when more than one mime-type exists for a
+ * single extension.
+ *
+ * When working with mime types, please make sure you have the ´fileinfo´
+ * extension enabled to reliably detect the media types.
+ */
+class Mimes
+{
+    /**
+     * Map of extensions to mime types.
+     *
+     * @var array<string, list<string>|string>
+     */
+    public static array $mimes = [
+        'hqx' => [
+            'application/mac-binhex40',
+            'application/mac-binhex',
+            'application/x-binhex40',
+            'application/x-mac-binhex40',
+        ],
+        'cpt' => 'application/mac-compactpro',
+        'csv' => [
+            'text/csv',
+            'text/x-comma-separated-values',
+            'text/comma-separated-values',
+            'application/vnd.ms-excel',
+            'application/x-csv',
+            'text/x-csv',
+            'application/csv',
+            'application/excel',
+            'application/vnd.msexcel',
+            'text/plain',
+        ],
+        'bin' => [
+            'application/macbinary',
+            'application/mac-binary',
+            'application/octet-stream',
+            'application/x-binary',
+            'application/x-macbinary',
+        ],
+        'dms' => 'application/octet-stream',
+        'lha' => 'application/octet-stream',
+        'lzh' => 'application/octet-stream',
+        'exe' => [
+            'application/octet-stream',
+            'application/vnd.microsoft.portable-executable',
+            'application/x-dosexec',
+            'application/x-msdownload',
+        ],
+        'class' => 'application/octet-stream',
+        'psd'   => [
+            'application/x-photoshop',
+            'image/vnd.adobe.photoshop',
+        ],
+        'so'  => 'application/octet-stream',
+        'sea' => 'application/octet-stream',
+        'dll' => 'application/octet-stream',
+        'oda' => 'application/oda',
+        'pdf' => [
+            'application/pdf',
+            'application/force-download',
+            'application/x-download',
+        ],
+        'ai' => [
+            'application/pdf',
+            'application/postscript',
+        ],
+        'eps'  => 'application/postscript',
+        'ps'   => 'application/postscript',
+        'smi'  => 'application/smil',
+        'smil' => 'application/smil',
+        'mif'  => 'application/vnd.mif',
+        'xls'  => [
+            'application/vnd.ms-excel',
+            'application/msexcel',
+            'application/x-msexcel',
+            'application/x-ms-excel',
+            'application/x-excel',
+            'application/x-dos_ms_excel',
+            'application/xls',
+            'application/x-xls',
+            'application/excel',
+            'application/download',
+            'application/vnd.ms-office',
+            'application/msword',
+        ],
+        'ppt' => [
+            'application/vnd.ms-powerpoint',
+            'application/powerpoint',
+            'application/vnd.ms-office',
+            'application/msword',
+        ],
+        'pptx' => [
+            'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+        ],
+        'wbxml' => 'application/wbxml',
+        'wmlc'  => 'application/wmlc',
+        'dcr'   => 'application/x-director',
+        'dir'   => 'application/x-director',
+        'dxr'   => 'application/x-director',
+        'dvi'   => 'application/x-dvi',
+        'gtar'  => 'application/x-gtar',
+        'gz'    => 'application/x-gzip',
+        'gzip'  => 'application/x-gzip',
+        'php'   => [
+            'application/x-php',
+            'application/x-httpd-php',
+            'application/php',
+            'text/php',
+            'text/x-php',
+            'application/x-httpd-php-source',
+        ],
+        'php4'  => 'application/x-httpd-php',
+        'php3'  => 'application/x-httpd-php',
+        'phtml' => 'application/x-httpd-php',
+        'phps'  => 'application/x-httpd-php-source',
+        'js'    => [
+            'application/x-javascript',
+            'text/plain',
+        ],
+        'swf' => 'application/x-shockwave-flash',
+        'sit' => 'application/x-stuffit',
+        'tar' => 'application/x-tar',
+        'tgz' => [
+            'application/x-tar',
+            'application/x-gzip-compressed',
+        ],
+        'z'     => 'application/x-compress',
+        'xhtml' => 'application/xhtml+xml',
+        'xht'   => 'application/xhtml+xml',
+        'zip'   => [
+            'application/x-zip',
+            'application/zip',
+            'application/x-zip-compressed',
+            'application/s-compressed',
+            'multipart/x-zip',
+        ],
+        'rar' => [
+            'application/vnd.rar',
+            'application/x-rar',
+            'application/rar',
+            'application/x-rar-compressed',
+        ],
+        'mid'  => 'audio/midi',
+        'midi' => 'audio/midi',
+        'mpga' => 'audio/mpeg',
+        'mp2'  => 'audio/mpeg',
+        'mp3'  => [
+            'audio/mpeg',
+            'audio/mpg',
+            'audio/mpeg3',
+            'audio/mp3',
+        ],
+        'aif' => [
+            'audio/x-aiff',
+            'audio/aiff',
+        ],
+        'aiff' => [
+            'audio/x-aiff',
+            'audio/aiff',
+        ],
+        'aifc' => 'audio/x-aiff',
+        'ram'  => 'audio/x-pn-realaudio',
+        'rm'   => 'audio/x-pn-realaudio',
+        'rpm'  => 'audio/x-pn-realaudio-plugin',
+        'ra'   => 'audio/x-realaudio',
+        'rv'   => 'video/vnd.rn-realvideo',
+        'wav'  => [
+            'audio/x-wav',
+            'audio/wave',
+            'audio/wav',
+        ],
+        'bmp' => [
+            'image/bmp',
+            'image/x-bmp',
+            'image/x-bitmap',
+            'image/x-xbitmap',
+            'image/x-win-bitmap',
+            'image/x-windows-bmp',
+            'image/ms-bmp',
+            'image/x-ms-bmp',
+            'application/bmp',
+            'application/x-bmp',
+            'application/x-win-bitmap',
+        ],
+        'gif' => 'image/gif',
+        'jpg' => [
+            'image/jpeg',
+            'image/pjpeg',
+        ],
+        'jpeg' => [
+            'image/jpeg',
+            'image/pjpeg',
+        ],
+        'jpe' => [
+            'image/jpeg',
+            'image/pjpeg',
+        ],
+        'jp2' => [
+            'image/jp2',
+            'video/mj2',
+            'image/jpx',
+            'image/jpm',
+        ],
+        'j2k' => [
+            'image/jp2',
+            'video/mj2',
+            'image/jpx',
+            'image/jpm',
+        ],
+        'jpf' => [
+            'image/jp2',
+            'video/mj2',
+            'image/jpx',
+            'image/jpm',
+        ],
+        'jpg2' => [
+            'image/jp2',
+            'video/mj2',
+            'image/jpx',
+            'image/jpm',
+        ],
+        'jpx' => [
+            'image/jp2',
+            'video/mj2',
+            'image/jpx',
+            'image/jpm',
+        ],
+        'jpm' => [
+            'image/jp2',
+            'video/mj2',
+            'image/jpx',
+            'image/jpm',
+        ],
+        'mj2' => [
+            'image/jp2',
+            'video/mj2',
+            'image/jpx',
+            'image/jpm',
+        ],
+        'mjp2' => [
+            'image/jp2',
+            'video/mj2',
+            'image/jpx',
+            'image/jpm',
+        ],
+        'png' => [
+            'image/png',
+            'image/x-png',
+        ],
+        'webp' => 'image/webp',
+        'tif'  => 'image/tiff',
+        'tiff' => 'image/tiff',
+        'css'  => [
+            'text/css',
+            'text/plain',
+        ],
+        'html' => [
+            'text/html',
+            'text/plain',
+        ],
+        'htm' => [
+            'text/html',
+            'text/plain',
+        ],
+        'shtml' => [
+            'text/html',
+            'text/plain',
+        ],
+        'txt'  => 'text/plain',
+        'text' => 'text/plain',
+        'log'  => [
+            'text/plain',
+            'text/x-log',
+        ],
+        'rtx' => 'text/richtext',
+        'rtf' => 'text/rtf',
+        'xml' => [
+            'application/xml',
+            'text/xml',
+            'text/plain',
+        ],
+        'xsl' => [
+            'application/xml',
+            'text/xsl',
+            'text/xml',
+        ],
+        'mpeg' => 'video/mpeg',
+        'mpg'  => 'video/mpeg',
+        'mpe'  => 'video/mpeg',
+        'qt'   => 'video/quicktime',
+        'mov'  => 'video/quicktime',
+        'avi'  => [
+            'video/x-msvideo',
+            'video/msvideo',
+            'video/avi',
+            'application/x-troff-msvideo',
+        ],
+        'movie' => 'video/x-sgi-movie',
+        'doc'   => [
+            'application/msword',
+            'application/vnd.ms-office',
+        ],
+        'docx' => [
+            'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+            'application/zip',
+            'application/msword',
+            'application/x-zip',
+        ],
+        'dot' => [
+            'application/msword',
+            'application/vnd.ms-office',
+        ],
+        'dotx' => [
+            'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+            'application/zip',
+            'application/msword',
+        ],
+        'xlsx' => [
+            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+            'application/zip',
+            'application/vnd.ms-excel',
+            'application/msword',
+            'application/x-zip',
+        ],
+        'xlsb' => 'application/vnd.ms-excel.sheet.binary.macroEnabled.12',
+        'xlsm' => 'application/vnd.ms-excel.sheet.macroEnabled.12',
+        'word' => [
+            'application/msword',
+            'application/octet-stream',
+        ],
+        'xl'   => 'application/excel',
+        'eml'  => 'message/rfc822',
+        'json' => [
+            'application/json',
+            'text/json',
+        ],
+        'pem' => [
+            'application/x-x509-user-cert',
+            'application/x-pem-file',
+            'application/octet-stream',
+        ],
+        'p10' => [
+            'application/x-pkcs10',
+            'application/pkcs10',
+        ],
+        'p12' => 'application/x-pkcs12',
+        'p7a' => 'application/x-pkcs7-signature',
+        'p7c' => [
+            'application/pkcs7-mime',
+            'application/x-pkcs7-mime',
+        ],
+        'p7m' => [
+            'application/pkcs7-mime',
+            'application/x-pkcs7-mime',
+        ],
+        'p7r' => 'application/x-pkcs7-certreqresp',
+        'p7s' => 'application/pkcs7-signature',
+        'crt' => [
+            'application/x-x509-ca-cert',
+            'application/x-x509-user-cert',
+            'application/pkix-cert',
+        ],
+        'crl' => [
+            'application/pkix-crl',
+            'application/pkcs-crl',
+        ],
+        'der' => 'application/x-x509-ca-cert',
+        'kdb' => 'application/octet-stream',
+        'pgp' => 'application/pgp',
+        'gpg' => 'application/gpg-keys',
+        'sst' => 'application/octet-stream',
+        'csr' => 'application/octet-stream',
+        'rsa' => 'application/x-pkcs7',
+        'cer' => [
+            'application/pkix-cert',
+            'application/x-x509-ca-cert',
+        ],
+        '3g2' => 'video/3gpp2',
+        '3gp' => [
+            'video/3gp',
+            'video/3gpp',
+        ],
+        'mp4' => 'video/mp4',
+        'm4a' => 'audio/x-m4a',
+        'f4v' => [
+            'video/mp4',
+            'video/x-f4v',
+        ],
+        'flv'  => 'video/x-flv',
+        'webm' => 'video/webm',
+        'aac'  => 'audio/x-acc',
+        'm4u'  => 'application/vnd.mpegurl',
+        'm3u'  => 'text/plain',
+        'xspf' => 'application/xspf+xml',
+        'vlc'  => 'application/videolan',
+        'wmv'  => [
+            'video/x-ms-wmv',
+            'video/x-ms-asf',
+        ],
+        'au'   => 'audio/x-au',
+        'ac3'  => 'audio/ac3',
+        'flac' => 'audio/x-flac',
+        'ogg'  => [
+            'audio/ogg',
+            'video/ogg',
+            'application/ogg',
+        ],
+        'kmz' => [
+            'application/vnd.google-earth.kmz',
+            'application/zip',
+            'application/x-zip',
+        ],
+        'kml' => [
+            'application/vnd.google-earth.kml+xml',
+            'application/xml',
+            'text/xml',
+        ],
+        'ics'  => 'text/calendar',
+        'ical' => 'text/calendar',
+        'zsh'  => 'text/x-scriptzsh',
+        '7zip' => [
+            'application/x-compressed',
+            'application/x-zip-compressed',
+            'application/zip',
+            'multipart/x-zip',
+        ],
+        'cdr' => [
+            'application/cdr',
+            'application/coreldraw',
+            'application/x-cdr',
+            'application/x-coreldraw',
+            'image/cdr',
+            'image/x-cdr',
+            'zz-application/zz-winassoc-cdr',
+        ],
+        'wma' => [
+            'audio/x-ms-wma',
+            'video/x-ms-asf',
+        ],
+        'jar' => [
+            'application/java-archive',
+            'application/x-java-application',
+            'application/x-jar',
+            'application/x-compressed',
+        ],
+        'svg' => [
+            'image/svg+xml',
+            'image/svg',
+            'application/xml',
+            'text/xml',
+        ],
+        'vcf' => 'text/x-vcard',
+        'srt' => [
+            'text/srt',
+            'text/plain',
+        ],
+        'vtt' => [
+            'text/vtt',
+            'text/plain',
+        ],
+        'ico' => [
+            'image/x-icon',
+            'image/x-ico',
+            'image/vnd.microsoft.icon',
+        ],
+        'stl' => [
+            'application/sla',
+            'application/vnd.ms-pki.stl',
+            'application/x-navistyle',
+            'model/stl',
+            'application/octet-stream',
+        ],
+    ];
+
+    /**
+     * Attempts to determine the best mime type for the given file extension.
+     *
+     * @return string|null The mime type found, or none if unable to determine.
+     */
+    public static function guessTypeFromExtension(string $extension)
+    {
+        $extension = trim(strtolower($extension), '. ');
+
+        if (! array_key_exists($extension, static::$mimes)) {
+            return null;
+        }
+
+        return is_array(static::$mimes[$extension]) ? static::$mimes[$extension][0] : static::$mimes[$extension];
+    }
+
+    /**
+     * Attempts to determine the best file extension for a given mime type.
+     *
+     * @param string|null $proposedExtension - default extension (in case there is more than one with the same mime type)
+     *
+     * @return string|null The extension determined, or null if unable to match.
+     */
+    public static function guessExtensionFromType(string $type, ?string $proposedExtension = null)
+    {
+        $type = trim(strtolower($type), '. ');
+
+        $proposedExtension = trim(strtolower($proposedExtension ?? ''));
+
+        if (
+            $proposedExtension !== ''
+            && array_key_exists($proposedExtension, static::$mimes)
+            && in_array($type, (array) static::$mimes[$proposedExtension], true)
+        ) {
+            // The detected mime type matches with the proposed extension.
+            return $proposedExtension;
+        }
+
+        // Reverse check the mime type list if no extension was proposed.
+        // This search is order sensitive!
+        foreach (static::$mimes as $ext => $types) {
+            if (in_array($type, (array) $types, true)) {
+                return $ext;
+            }
+        }
+
+        return null;
+    }
+}
diff --git a/ci4app/app/Config/Modules.php b/ci4app/app/Config/Modules.php
new file mode 100644
index 0000000..9e03fa4
--- /dev/null
+++ b/ci4app/app/Config/Modules.php
@@ -0,0 +1,82 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Modules\Modules as BaseModules;
+
+/**
+ * Modules Configuration.
+ *
+ * NOTE: This class is required prior to Autoloader instantiation,
+ *       and does not extend BaseConfig.
+ */
+class Modules extends BaseModules
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Enable Auto-Discovery?
+     * --------------------------------------------------------------------------
+     *
+     * If true, then auto-discovery will happen across all elements listed in
+     * $aliases below. If false, no auto-discovery will happen at all,
+     * giving a slight performance boost.
+     *
+     * @var bool
+     */
+    public $enabled = true;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Enable Auto-Discovery Within Composer Packages?
+     * --------------------------------------------------------------------------
+     *
+     * If true, then auto-discovery will happen across all namespaces loaded
+     * by Composer, as well as the namespaces configured locally.
+     *
+     * @var bool
+     */
+    public $discoverInComposer = true;
+
+    /**
+     * The Composer package list for Auto-Discovery
+     * This setting is optional.
+     *
+     * E.g.:
+     *   [
+     *       'only' => [
+     *           // List up all packages to auto-discover
+     *           'codeigniter4/shield',
+     *       ],
+     *   ]
+     *   or
+     *   [
+     *       'exclude' => [
+     *           // List up packages to exclude.
+     *           'pestphp/pest',
+     *       ],
+     *   ]
+     *
+     * @var array{only?: list<string>, exclude?: list<string>}
+     */
+    public $composerPackages = [];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Auto-Discovery Rules
+     * --------------------------------------------------------------------------
+     *
+     * Aliases list of all discovery classes that will be active and used during
+     * the current application request.
+     *
+     * If it is not listed, only the base application elements will be used.
+     *
+     * @var list<string>
+     */
+    public $aliases = [
+        'events',
+        'filters',
+        'registrars',
+        'routes',
+        'services',
+    ];
+}
diff --git a/ci4app/app/Config/Optimize.php b/ci4app/app/Config/Optimize.php
new file mode 100644
index 0000000..481e645
--- /dev/null
+++ b/ci4app/app/Config/Optimize.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace Config;
+
+/**
+ * Optimization Configuration.
+ *
+ * NOTE: This class does not extend BaseConfig for performance reasons.
+ *       So you cannot replace the property values with Environment Variables.
+ */
+class Optimize
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Config Caching
+     * --------------------------------------------------------------------------
+     *
+     * @see https://codeigniter.com/user_guide/concepts/factories.html#config-caching
+     */
+    public bool $configCacheEnabled = false;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Config Caching
+     * --------------------------------------------------------------------------
+     *
+     * @see https://codeigniter.com/user_guide/concepts/autoloader.html#file-locator-caching
+     */
+    public bool $locatorCacheEnabled = false;
+}
diff --git a/ci4app/app/Config/Pager.php b/ci4app/app/Config/Pager.php
new file mode 100644
index 0000000..e341f4d
--- /dev/null
+++ b/ci4app/app/Config/Pager.php
@@ -0,0 +1,37 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+class Pager extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Templates
+     * --------------------------------------------------------------------------
+     *
+     * Pagination links are rendered out using views to configure their
+     * appearance. This array contains aliases and the view names to
+     * use when rendering the links.
+     *
+     * Within each view, the Pager object will be available as $pager,
+     * and the desired group as $pagerGroup;
+     *
+     * @var array<string, string>
+     */
+    public array $templates = [
+        'default_full'   => 'CodeIgniter\Pager\Views\default_full',
+        'default_simple' => 'CodeIgniter\Pager\Views\default_simple',
+        'default_head'   => 'CodeIgniter\Pager\Views\default_head',
+    ];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Items Per Page
+     * --------------------------------------------------------------------------
+     *
+     * The default number of results shown in a single page.
+     */
+    public int $perPage = 20;
+}
diff --git a/ci4app/app/Config/Paths.php b/ci4app/app/Config/Paths.php
new file mode 100644
index 0000000..3dc9c5d
--- /dev/null
+++ b/ci4app/app/Config/Paths.php
@@ -0,0 +1,78 @@
+<?php
+
+namespace Config;
+
+/**
+ * Paths
+ *
+ * Holds the paths that are used by the system to
+ * locate the main directories, app, system, etc.
+ *
+ * Modifying these allows you to restructure your application,
+ * share a system folder between multiple applications, and more.
+ *
+ * All paths are relative to the project's root folder.
+ *
+ * NOTE: This class is required prior to Autoloader instantiation,
+ *       and does not extend BaseConfig.
+ */
+class Paths
+{
+    /**
+     * ---------------------------------------------------------------
+     * SYSTEM FOLDER NAME
+     * ---------------------------------------------------------------
+     *
+     * This must contain the name of your "system" folder. Include
+     * the path if the folder is not in the same directory as this file.
+     */
+    public string $systemDirectory = __DIR__ . '/../../system';
+
+    /**
+     * ---------------------------------------------------------------
+     * APPLICATION FOLDER NAME
+     * ---------------------------------------------------------------
+     *
+     * If you want this front controller to use a different "app"
+     * folder than the default one you can set its name here. The folder
+     * can also be renamed or relocated anywhere on your server. If
+     * you do, use a full server path.
+     *
+     * @see http://codeigniter.com/user_guide/general/managing_apps.html
+     */
+    public string $appDirectory = __DIR__ . '/..';
+
+    /**
+     * ---------------------------------------------------------------
+     * WRITABLE DIRECTORY NAME
+     * ---------------------------------------------------------------
+     *
+     * This variable must contain the name of your "writable" directory.
+     * The writable directory allows you to group all directories that
+     * need write permission to a single place that can be tucked away
+     * for maximum security, keeping it out of the app and/or
+     * system directories.
+     */
+    public string $writableDirectory = __DIR__ . '/../../writable';
+
+    /**
+     * ---------------------------------------------------------------
+     * TESTS DIRECTORY NAME
+     * ---------------------------------------------------------------
+     *
+     * This variable must contain the name of your "tests" directory.
+     */
+    public string $testsDirectory = __DIR__ . '/../../tests';
+
+    /**
+     * ---------------------------------------------------------------
+     * VIEW DIRECTORY NAME
+     * ---------------------------------------------------------------
+     *
+     * This variable must contain the name of the directory that
+     * contains the view files used by your application. By
+     * default this is in `app/Views`. This value
+     * is used when no value is provided to `Services::renderer()`.
+     */
+    public string $viewDirectory = __DIR__ . '/../Views';
+}
diff --git a/ci4app/app/Config/Publisher.php b/ci4app/app/Config/Publisher.php
new file mode 100644
index 0000000..bf03be1
--- /dev/null
+++ b/ci4app/app/Config/Publisher.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\Publisher as BasePublisher;
+
+/**
+ * Publisher Configuration
+ *
+ * Defines basic security restrictions for the Publisher class
+ * to prevent abuse by injecting malicious files into a project.
+ */
+class Publisher extends BasePublisher
+{
+    /**
+     * A list of allowed destinations with a (pseudo-)regex
+     * of allowed files for each destination.
+     * Attempts to publish to directories not in this list will
+     * result in a PublisherException. Files that do no fit the
+     * pattern will cause copy/merge to fail.
+     *
+     * @var array<string, string>
+     */
+    public $restrictions = [
+        ROOTPATH => '*',
+        FCPATH   => '#\.(s?css|js|map|html?|xml|json|webmanifest|ttf|eot|woff2?|gif|jpe?g|tiff?|png|webp|bmp|ico|svg)$#i',
+    ];
+}
diff --git a/ci4app/app/Config/Routes.php b/ci4app/app/Config/Routes.php
new file mode 100644
index 0000000..c43dd84
--- /dev/null
+++ b/ci4app/app/Config/Routes.php
@@ -0,0 +1,27 @@
+<?php
+
+use CodeIgniter\Router\RouteCollection;
+
+/**
+ * @var RouteCollection $routes
+ */
+
+// PAGE DE LOGIN
+$routes->get('/', 'Login::index');
+$routes->get('login', 'Login::index');
+
+// SUBMIT DU LOGIN AVEC /login/submit (la route QUI TE MANQUE)
+$routes->post('login/submit', 'Login::submit');
+
+// EVENTS
+$routes->get('events', 'Events::index');
+$routes->get('event/(:num)', 'Events::dashboard/$1');
+$routes->get('event/reader/(:num)', 'Events::reader/$1');
+$routes->get('events/test/(:num)', 'Events::test/$1');
+$routes->get('event/reader-json/(:num)', 'Events::readerJson/$1');
+$routes->get('event/readertp-json/(:num)', 'Events::readertimingpointJson/$1');
+$routes->get('events/reset/(:num)', 'Events::reset/$1');
+
+
+
+$routes->get('event/create/(:num)', 'Events::create/$1');
\ No newline at end of file
diff --git a/ci4app/app/Config/Routing.php b/ci4app/app/Config/Routing.php
new file mode 100644
index 0000000..3005543
--- /dev/null
+++ b/ci4app/app/Config/Routing.php
@@ -0,0 +1,140 @@
+<?php
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace Config;
+
+use CodeIgniter\Config\Routing as BaseRouting;
+
+/**
+ * Routing configuration
+ */
+class Routing extends BaseRouting
+{
+    /**
+     * For Defined Routes.
+     * An array of files that contain route definitions.
+     * Route files are read in order, with the first match
+     * found taking precedence.
+     *
+     * Default: APPPATH . 'Config/Routes.php'
+     *
+     * @var list<string>
+     */
+    public array $routeFiles = [
+        APPPATH . 'Config/Routes.php',
+    ];
+
+    /**
+     * For Defined Routes and Auto Routing.
+     * The default namespace to use for Controllers when no other
+     * namespace has been specified.
+     *
+     * Default: 'App\Controllers'
+     */
+    public string $defaultNamespace = 'App\Controllers';
+
+    /**
+     * For Auto Routing.
+     * The default controller to use when no other controller has been
+     * specified.
+     *
+     * Default: 'Home'
+     */
+    public string $defaultController = 'Home';
+
+    /**
+     * For Defined Routes and Auto Routing.
+     * The default method to call on the controller when no other
+     * method has been set in the route.
+     *
+     * Default: 'index'
+     */
+    public string $defaultMethod = 'index';
+
+    /**
+     * For Auto Routing.
+     * Whether to translate dashes in URIs for controller/method to underscores.
+     * Primarily useful when using the auto-routing.
+     *
+     * Default: false
+     */
+    public bool $translateURIDashes = false;
+
+    /**
+     * Sets the class/method that should be called if routing doesn't
+     * find a match. It can be the controller/method name like: Users::index
+     *
+     * This setting is passed to the Router class and handled there.
+     *
+     * If you want to use a closure, you will have to set it in the
+     * routes file by calling:
+     *
+     * $routes->set404Override(function() {
+     *    // Do something here
+     * });
+     *
+     * Example:
+     *  public $override404 = 'App\Errors::show404';
+     */
+    public ?string $override404 = null;
+
+    /**
+     * If TRUE, the system will attempt to match the URI against
+     * Controllers by matching each segment against folders/files
+     * in APPPATH/Controllers, when a match wasn't found against
+     * defined routes.
+     *
+     * If FALSE, will stop searching and do NO automatic routing.
+     */
+    public bool $autoRoute = false;
+
+    /**
+     * For Defined Routes.
+     * If TRUE, will enable the use of the 'prioritize' option
+     * when defining routes.
+     *
+     * Default: false
+     */
+    public bool $prioritize = false;
+
+    /**
+     * For Defined Routes.
+     * If TRUE, matched multiple URI segments will be passed as one parameter.
+     *
+     * Default: false
+     */
+    public bool $multipleSegmentsOneParam = false;
+
+    /**
+     * For Auto Routing (Improved).
+     * Map of URI segments and namespaces.
+     *
+     * The key is the first URI segment. The value is the controller namespace.
+     * E.g.,
+     *   [
+     *       'blog' => 'Acme\Blog\Controllers',
+     *   ]
+     *
+     * @var array<string, string>
+     */
+    public array $moduleRoutes = [];
+
+    /**
+     * For Auto Routing (Improved).
+     * Whether to translate dashes in URIs for controller/method to CamelCase.
+     * E.g., blog-controller -> BlogController
+     *
+     * If you enable this, $translateURIDashes is ignored.
+     *
+     * Default: false
+     */
+    public bool $translateUriToCamelCase = true;
+}
diff --git a/ci4app/app/Config/Security.php b/ci4app/app/Config/Security.php
new file mode 100644
index 0000000..635f8b7
--- /dev/null
+++ b/ci4app/app/Config/Security.php
@@ -0,0 +1,86 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+class Security extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * CSRF Protection Method
+     * --------------------------------------------------------------------------
+     *
+     * Protection Method for Cross Site Request Forgery protection.
+     *
+     * @var string 'cookie' or 'session'
+     */
+    public string $csrfProtection = 'cookie';
+
+    /**
+     * --------------------------------------------------------------------------
+     * CSRF Token Randomization
+     * --------------------------------------------------------------------------
+     *
+     * Randomize the CSRF Token for added security.
+     */
+    public bool $tokenRandomize = false;
+
+    /**
+     * --------------------------------------------------------------------------
+     * CSRF Token Name
+     * --------------------------------------------------------------------------
+     *
+     * Token name for Cross Site Request Forgery protection.
+     */
+    public string $tokenName = 'csrf_test_name';
+
+    /**
+     * --------------------------------------------------------------------------
+     * CSRF Header Name
+     * --------------------------------------------------------------------------
+     *
+     * Header name for Cross Site Request Forgery protection.
+     */
+    public string $headerName = 'X-CSRF-TOKEN';
+
+    /**
+     * --------------------------------------------------------------------------
+     * CSRF Cookie Name
+     * --------------------------------------------------------------------------
+     *
+     * Cookie name for Cross Site Request Forgery protection.
+     */
+    public string $cookieName = 'csrf_cookie_name';
+
+    /**
+     * --------------------------------------------------------------------------
+     * CSRF Expires
+     * --------------------------------------------------------------------------
+     *
+     * Expiration time for Cross Site Request Forgery protection cookie.
+     *
+     * Defaults to two hours (in seconds).
+     */
+    public int $expires = 7200;
+
+    /**
+     * --------------------------------------------------------------------------
+     * CSRF Regenerate
+     * --------------------------------------------------------------------------
+     *
+     * Regenerate CSRF Token on every submission.
+     */
+    public bool $regenerate = true;
+
+    /**
+     * --------------------------------------------------------------------------
+     * CSRF Redirect
+     * --------------------------------------------------------------------------
+     *
+     * Redirect to previous page with error on failure.
+     *
+     * @see https://codeigniter4.github.io/userguide/libraries/security.html#redirection-on-failure
+     */
+    public bool $redirect = (ENVIRONMENT === 'production');
+}
diff --git a/ci4app/app/Config/Services.php b/ci4app/app/Config/Services.php
new file mode 100644
index 0000000..df7c8ad
--- /dev/null
+++ b/ci4app/app/Config/Services.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseService;
+
+/**
+ * Services Configuration file.
+ *
+ * Services are simply other classes/libraries that the system uses
+ * to do its job. This is used by CodeIgniter to allow the core of the
+ * framework to be swapped out easily without affecting the usage within
+ * the rest of your application.
+ *
+ * This file holds any application-specific services, or service overrides
+ * that you might need. An example has been included with the general
+ * method format you should use for your service methods. For more examples,
+ * see the core Services file at system/Config/Services.php.
+ */
+class Services extends BaseService
+{
+    /*
+     * public static function example($getShared = true)
+     * {
+     *     if ($getShared) {
+     *         return static::getSharedInstance('example');
+     *     }
+     *
+     *     return new \CodeIgniter\Example();
+     * }
+     */
+}
diff --git a/ci4app/app/Config/Session.php b/ci4app/app/Config/Session.php
new file mode 100644
index 0000000..6944710
--- /dev/null
+++ b/ci4app/app/Config/Session.php
@@ -0,0 +1,127 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+use CodeIgniter\Session\Handlers\BaseHandler;
+use CodeIgniter\Session\Handlers\FileHandler;
+
+class Session extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Session Driver
+     * --------------------------------------------------------------------------
+     *
+     * The session storage driver to use:
+     * - `CodeIgniter\Session\Handlers\FileHandler`
+     * - `CodeIgniter\Session\Handlers\DatabaseHandler`
+     * - `CodeIgniter\Session\Handlers\MemcachedHandler`
+     * - `CodeIgniter\Session\Handlers\RedisHandler`
+     *
+     * @var class-string<BaseHandler>
+     */
+    public string $driver = FileHandler::class;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Session Cookie Name
+     * --------------------------------------------------------------------------
+     *
+     * The session cookie name, must contain only [0-9a-z_-] characters
+     */
+    public string $cookieName = 'ci_session';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Session Expiration
+     * --------------------------------------------------------------------------
+     *
+     * The number of SECONDS you want the session to last.
+     * Setting to 0 (zero) means expire when the browser is closed.
+     */
+    public int $expiration = 7200;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Session Save Path
+     * --------------------------------------------------------------------------
+     *
+     * The location to save sessions to and is driver dependent.
+     *
+     * For the 'files' driver, it's a path to a writable directory.
+     * WARNING: Only absolute paths are supported!
+     *
+     * For the 'database' driver, it's a table name.
+     * Please read up the manual for the format with other session drivers.
+     *
+     * IMPORTANT: You are REQUIRED to set a valid save path!
+     */
+    public string $savePath = WRITEPATH . 'session';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Session Match IP
+     * --------------------------------------------------------------------------
+     *
+     * Whether to match the user's IP address when reading the session data.
+     *
+     * WARNING: If you're using the database driver, don't forget to update
+     *          your session table's PRIMARY KEY when changing this setting.
+     */
+    public bool $matchIP = false;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Session Time to Update
+     * --------------------------------------------------------------------------
+     *
+     * How many seconds between CI regenerating the session ID.
+     */
+    public int $timeToUpdate = 300;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Session Regenerate Destroy
+     * --------------------------------------------------------------------------
+     *
+     * Whether to destroy session data associated with the old session ID
+     * when auto-regenerating the session ID. When set to FALSE, the data
+     * will be later deleted by the garbage collector.
+     */
+    public bool $regenerateDestroy = false;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Session Database Group
+     * --------------------------------------------------------------------------
+     *
+     * DB Group for the database session.
+     */
+    public ?string $DBGroup = null;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Lock Retry Interval (microseconds)
+     * --------------------------------------------------------------------------
+     *
+     * This is used for RedisHandler.
+     *
+     * Time (microseconds) to wait if lock cannot be acquired.
+     * The default is 100,000 microseconds (= 0.1 seconds).
+     */
+    public int $lockRetryInterval = 100_000;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Lock Max Retries
+     * --------------------------------------------------------------------------
+     *
+     * This is used for RedisHandler.
+     *
+     * Maximum number of lock acquisition attempts.
+     * The default is 300 times. That is lock timeout is about 30 (0.1 * 300)
+     * seconds.
+     */
+    public int $lockMaxRetries = 300;
+}
diff --git a/ci4app/app/Config/Toolbar.php b/ci4app/app/Config/Toolbar.php
new file mode 100644
index 0000000..5a3e504
--- /dev/null
+++ b/ci4app/app/Config/Toolbar.php
@@ -0,0 +1,122 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+use CodeIgniter\Debug\Toolbar\Collectors\Database;
+use CodeIgniter\Debug\Toolbar\Collectors\Events;
+use CodeIgniter\Debug\Toolbar\Collectors\Files;
+use CodeIgniter\Debug\Toolbar\Collectors\Logs;
+use CodeIgniter\Debug\Toolbar\Collectors\Routes;
+use CodeIgniter\Debug\Toolbar\Collectors\Timers;
+use CodeIgniter\Debug\Toolbar\Collectors\Views;
+
+/**
+ * --------------------------------------------------------------------------
+ * Debug Toolbar
+ * --------------------------------------------------------------------------
+ *
+ * The Debug Toolbar provides a way to see information about the performance
+ * and state of your application during that page display. By default it will
+ * NOT be displayed under production environments, and will only display if
+ * `CI_DEBUG` is true, since if it's not, there's not much to display anyway.
+ */
+class Toolbar extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Toolbar Collectors
+     * --------------------------------------------------------------------------
+     *
+     * List of toolbar collectors that will be called when Debug Toolbar
+     * fires up and collects data from.
+     *
+     * @var list<class-string>
+     */
+    public array $collectors = [
+        Timers::class,
+        Database::class,
+        Logs::class,
+        Views::class,
+        // \CodeIgniter\Debug\Toolbar\Collectors\Cache::class,
+        Files::class,
+        Routes::class,
+        Events::class,
+    ];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Collect Var Data
+     * --------------------------------------------------------------------------
+     *
+     * If set to false var data from the views will not be collected. Useful to
+     * avoid high memory usage when there are lots of data passed to the view.
+     */
+    public bool $collectVarData = true;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Max History
+     * --------------------------------------------------------------------------
+     *
+     * `$maxHistory` sets a limit on the number of past requests that are stored,
+     * helping to conserve file space used to store them. You can set it to
+     * 0 (zero) to not have any history stored, or -1 for unlimited history.
+     */
+    public int $maxHistory = 20;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Toolbar Views Path
+     * --------------------------------------------------------------------------
+     *
+     * The full path to the the views that are used by the toolbar.
+     * This MUST have a trailing slash.
+     */
+    public string $viewsPath = SYSTEMPATH . 'Debug/Toolbar/Views/';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Max Queries
+     * --------------------------------------------------------------------------
+     *
+     * If the Database Collector is enabled, it will log every query that the
+     * the system generates so they can be displayed on the toolbar's timeline
+     * and in the query log. This can lead to memory issues in some instances
+     * with hundreds of queries.
+     *
+     * `$maxQueries` defines the maximum amount of queries that will be stored.
+     */
+    public int $maxQueries = 100;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Watched Directories
+     * --------------------------------------------------------------------------
+     *
+     * Contains an array of directories that will be watched for changes and
+     * used to determine if the hot-reload feature should reload the page or not.
+     * We restrict the values to keep performance as high as possible.
+     *
+     * NOTE: The ROOTPATH will be prepended to all values.
+     *
+     * @var list<string>
+     */
+    public array $watchedDirectories = [
+        'app',
+    ];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Watched File Extensions
+     * --------------------------------------------------------------------------
+     *
+     * Contains an array of file extensions that will be watched for changes and
+     * used to determine if the hot-reload feature should reload the page or not.
+     *
+     * @var list<string>
+     */
+    public array $watchedExtensions = [
+        'php', 'css', 'js', 'html', 'svg', 'json', 'env',
+    ];
+}
diff --git a/ci4app/app/Config/UserAgents.php b/ci4app/app/Config/UserAgents.php
new file mode 100644
index 0000000..fda7374
--- /dev/null
+++ b/ci4app/app/Config/UserAgents.php
@@ -0,0 +1,252 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+/**
+ * -------------------------------------------------------------------
+ * User Agents
+ * -------------------------------------------------------------------
+ *
+ * This file contains four arrays of user agent data. It is used by the
+ * User Agent Class to help identify browser, platform, robot, and
+ * mobile device data. The array keys are used to identify the device
+ * and the array values are used to set the actual name of the item.
+ */
+class UserAgents extends BaseConfig
+{
+    /**
+     * -------------------------------------------------------------------
+     * OS Platforms
+     * -------------------------------------------------------------------
+     *
+     * @var array<string, string>
+     */
+    public array $platforms = [
+        'windows nt 10.0' => 'Windows 10',
+        'windows nt 6.3'  => 'Windows 8.1',
+        'windows nt 6.2'  => 'Windows 8',
+        'windows nt 6.1'  => 'Windows 7',
+        'windows nt 6.0'  => 'Windows Vista',
+        'windows nt 5.2'  => 'Windows 2003',
+        'windows nt 5.1'  => 'Windows XP',
+        'windows nt 5.0'  => 'Windows 2000',
+        'windows nt 4.0'  => 'Windows NT 4.0',
+        'winnt4.0'        => 'Windows NT 4.0',
+        'winnt 4.0'       => 'Windows NT',
+        'winnt'           => 'Windows NT',
+        'windows 98'      => 'Windows 98',
+        'win98'           => 'Windows 98',
+        'windows 95'      => 'Windows 95',
+        'win95'           => 'Windows 95',
+        'windows phone'   => 'Windows Phone',
+        'windows'         => 'Unknown Windows OS',
+        'android'         => 'Android',
+        'blackberry'      => 'BlackBerry',
+        'iphone'          => 'iOS',
+        'ipad'            => 'iOS',
+        'ipod'            => 'iOS',
+        'os x'            => 'Mac OS X',
+        'ppc mac'         => 'Power PC Mac',
+        'freebsd'         => 'FreeBSD',
+        'ppc'             => 'Macintosh',
+        'linux'           => 'Linux',
+        'debian'          => 'Debian',
+        'sunos'           => 'Sun Solaris',
+        'beos'            => 'BeOS',
+        'apachebench'     => 'ApacheBench',
+        'aix'             => 'AIX',
+        'irix'            => 'Irix',
+        'osf'             => 'DEC OSF',
+        'hp-ux'           => 'HP-UX',
+        'netbsd'          => 'NetBSD',
+        'bsdi'            => 'BSDi',
+        'openbsd'         => 'OpenBSD',
+        'gnu'             => 'GNU/Linux',
+        'unix'            => 'Unknown Unix OS',
+        'symbian'         => 'Symbian OS',
+    ];
+
+    /**
+     * -------------------------------------------------------------------
+     * Browsers
+     * -------------------------------------------------------------------
+     *
+     * The order of this array should NOT be changed. Many browsers return
+     * multiple browser types so we want to identify the subtype first.
+     *
+     * @var array<string, string>
+     */
+    public array $browsers = [
+        'OPR'    => 'Opera',
+        'Flock'  => 'Flock',
+        'Edge'   => 'Spartan',
+        'Edg'    => 'Edge',
+        'Chrome' => 'Chrome',
+        // Opera 10+ always reports Opera/9.80 and appends Version/<real version> to the user agent string
+        'Opera.*?Version'   => 'Opera',
+        'Opera'             => 'Opera',
+        'MSIE'              => 'Internet Explorer',
+        'Internet Explorer' => 'Internet Explorer',
+        'Trident.* rv'      => 'Internet Explorer',
+        'Shiira'            => 'Shiira',
+        'Firefox'           => 'Firefox',
+        'Chimera'           => 'Chimera',
+        'Phoenix'           => 'Phoenix',
+        'Firebird'          => 'Firebird',
+        'Camino'            => 'Camino',
+        'Netscape'          => 'Netscape',
+        'OmniWeb'           => 'OmniWeb',
+        'Safari'            => 'Safari',
+        'Mozilla'           => 'Mozilla',
+        'Konqueror'         => 'Konqueror',
+        'icab'              => 'iCab',
+        'Lynx'              => 'Lynx',
+        'Links'             => 'Links',
+        'hotjava'           => 'HotJava',
+        'amaya'             => 'Amaya',
+        'IBrowse'           => 'IBrowse',
+        'Maxthon'           => 'Maxthon',
+        'Ubuntu'            => 'Ubuntu Web Browser',
+        'Vivaldi'           => 'Vivaldi',
+    ];
+
+    /**
+     * -------------------------------------------------------------------
+     * Mobiles
+     * -------------------------------------------------------------------
+     *
+     * @var array<string, string>
+     */
+    public array $mobiles = [
+        // legacy array, old values commented out
+        'mobileexplorer' => 'Mobile Explorer',
+        // 'openwave'             => 'Open Wave',
+        // 'opera mini'           => 'Opera Mini',
+        // 'operamini'            => 'Opera Mini',
+        // 'elaine'               => 'Palm',
+        'palmsource' => 'Palm',
+        // 'digital paths'        => 'Palm',
+        // 'avantgo'              => 'Avantgo',
+        // 'xiino'                => 'Xiino',
+        'palmscape' => 'Palmscape',
+        // 'nokia'                => 'Nokia',
+        // 'ericsson'             => 'Ericsson',
+        // 'blackberry'           => 'BlackBerry',
+        // 'motorola'             => 'Motorola'
+
+        // Phones and Manufacturers
+        'motorola'             => 'Motorola',
+        'nokia'                => 'Nokia',
+        'palm'                 => 'Palm',
+        'iphone'               => 'Apple iPhone',
+        'ipad'                 => 'iPad',
+        'ipod'                 => 'Apple iPod Touch',
+        'sony'                 => 'Sony Ericsson',
+        'ericsson'             => 'Sony Ericsson',
+        'blackberry'           => 'BlackBerry',
+        'cocoon'               => 'O2 Cocoon',
+        'blazer'               => 'Treo',
+        'lg'                   => 'LG',
+        'amoi'                 => 'Amoi',
+        'xda'                  => 'XDA',
+        'mda'                  => 'MDA',
+        'vario'                => 'Vario',
+        'htc'                  => 'HTC',
+        'samsung'              => 'Samsung',
+        'sharp'                => 'Sharp',
+        'sie-'                 => 'Siemens',
+        'alcatel'              => 'Alcatel',
+        'benq'                 => 'BenQ',
+        'ipaq'                 => 'HP iPaq',
+        'mot-'                 => 'Motorola',
+        'playstation portable' => 'PlayStation Portable',
+        'playstation 3'        => 'PlayStation 3',
+        'playstation vita'     => 'PlayStation Vita',
+        'hiptop'               => 'Danger Hiptop',
+        'nec-'                 => 'NEC',
+        'panasonic'            => 'Panasonic',
+        'philips'              => 'Philips',
+        'sagem'                => 'Sagem',
+        'sanyo'                => 'Sanyo',
+        'spv'                  => 'SPV',
+        'zte'                  => 'ZTE',
+        'sendo'                => 'Sendo',
+        'nintendo dsi'         => 'Nintendo DSi',
+        'nintendo ds'          => 'Nintendo DS',
+        'nintendo 3ds'         => 'Nintendo 3DS',
+        'wii'                  => 'Nintendo Wii',
+        'open web'             => 'Open Web',
+        'openweb'              => 'OpenWeb',
+
+        // Operating Systems
+        'android'    => 'Android',
+        'symbian'    => 'Symbian',
+        'SymbianOS'  => 'SymbianOS',
+        'elaine'     => 'Palm',
+        'series60'   => 'Symbian S60',
+        'windows ce' => 'Windows CE',
+
+        // Browsers
+        'obigo'         => 'Obigo',
+        'netfront'      => 'Netfront Browser',
+        'openwave'      => 'Openwave Browser',
+        'mobilexplorer' => 'Mobile Explorer',
+        'operamini'     => 'Opera Mini',
+        'opera mini'    => 'Opera Mini',
+        'opera mobi'    => 'Opera Mobile',
+        'fennec'        => 'Firefox Mobile',
+
+        // Other
+        'digital paths' => 'Digital Paths',
+        'avantgo'       => 'AvantGo',
+        'xiino'         => 'Xiino',
+        'novarra'       => 'Novarra Transcoder',
+        'vodafone'      => 'Vodafone',
+        'docomo'        => 'NTT DoCoMo',
+        'o2'            => 'O2',
+
+        // Fallback
+        'mobile'     => 'Generic Mobile',
+        'wireless'   => 'Generic Mobile',
+        'j2me'       => 'Generic Mobile',
+        'midp'       => 'Generic Mobile',
+        'cldc'       => 'Generic Mobile',
+        'up.link'    => 'Generic Mobile',
+        'up.browser' => 'Generic Mobile',
+        'smartphone' => 'Generic Mobile',
+        'cellphone'  => 'Generic Mobile',
+    ];
+
+    /**
+     * -------------------------------------------------------------------
+     * Robots
+     * -------------------------------------------------------------------
+     *
+     * There are hundred of bots but these are the most common.
+     *
+     * @var array<string, string>
+     */
+    public array $robots = [
+        'googlebot'            => 'Googlebot',
+        'msnbot'               => 'MSNBot',
+        'baiduspider'          => 'Baiduspider',
+        'bingbot'              => 'Bing',
+        'slurp'                => 'Inktomi Slurp',
+        'yahoo'                => 'Yahoo',
+        'ask jeeves'           => 'Ask Jeeves',
+        'fastcrawler'          => 'FastCrawler',
+        'infoseek'             => 'InfoSeek Robot 1.0',
+        'lycos'                => 'Lycos',
+        'yandex'               => 'YandexBot',
+        'mediapartners-google' => 'MediaPartners Google',
+        'CRAZYWEBCRAWLER'      => 'Crazy Webcrawler',
+        'adsbot-google'        => 'AdsBot Google',
+        'feedfetcher-google'   => 'Feedfetcher Google',
+        'curious george'       => 'Curious George',
+        'ia_archiver'          => 'Alexa Crawler',
+        'MJ12bot'              => 'Majestic-12',
+        'Uptimebot'            => 'Uptimebot',
+    ];
+}
diff --git a/ci4app/app/Config/Validation.php b/ci4app/app/Config/Validation.php
new file mode 100644
index 0000000..6342dbb
--- /dev/null
+++ b/ci4app/app/Config/Validation.php
@@ -0,0 +1,44 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+use CodeIgniter\Validation\StrictRules\CreditCardRules;
+use CodeIgniter\Validation\StrictRules\FileRules;
+use CodeIgniter\Validation\StrictRules\FormatRules;
+use CodeIgniter\Validation\StrictRules\Rules;
+
+class Validation extends BaseConfig
+{
+    // --------------------------------------------------------------------
+    // Setup
+    // --------------------------------------------------------------------
+
+    /**
+     * Stores the classes that contain the
+     * rules that are available.
+     *
+     * @var list<string>
+     */
+    public array $ruleSets = [
+        Rules::class,
+        FormatRules::class,
+        FileRules::class,
+        CreditCardRules::class,
+    ];
+
+    /**
+     * Specifies the views that are used to display the
+     * errors.
+     *
+     * @var array<string, string>
+     */
+    public array $templates = [
+        'list'   => 'CodeIgniter\Validation\Views\list',
+        'single' => 'CodeIgniter\Validation\Views\single',
+    ];
+
+    // --------------------------------------------------------------------
+    // Rules
+    // --------------------------------------------------------------------
+}
diff --git a/ci4app/app/Config/View.php b/ci4app/app/Config/View.php
new file mode 100644
index 0000000..cf8dd06
--- /dev/null
+++ b/ci4app/app/Config/View.php
@@ -0,0 +1,62 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\View as BaseView;
+use CodeIgniter\View\ViewDecoratorInterface;
+
+/**
+ * @phpstan-type parser_callable (callable(mixed): mixed)
+ * @phpstan-type parser_callable_string (callable(mixed): mixed)&string
+ */
+class View extends BaseView
+{
+    /**
+     * When false, the view method will clear the data between each
+     * call. This keeps your data safe and ensures there is no accidental
+     * leaking between calls, so you would need to explicitly pass the data
+     * to each view. You might prefer to have the data stick around between
+     * calls so that it is available to all views. If that is the case,
+     * set $saveData to true.
+     *
+     * @var bool
+     */
+    public $saveData = true;
+
+    /**
+     * Parser Filters map a filter name with any PHP callable. When the
+     * Parser prepares a variable for display, it will chain it
+     * through the filters in the order defined, inserting any parameters.
+     * To prevent potential abuse, all filters MUST be defined here
+     * in order for them to be available for use within the Parser.
+     *
+     * Examples:
+     *  { title|esc(js) }
+     *  { created_on|date(Y-m-d)|esc(attr) }
+     *
+     * @var         array<string, string>
+     * @phpstan-var array<string, parser_callable_string>
+     */
+    public $filters = [];
+
+    /**
+     * Parser Plugins provide a way to extend the functionality provided
+     * by the core Parser by creating aliases that will be replaced with
+     * any callable. Can be single or tag pair.
+     *
+     * @var         array<string, callable|list<string>|string>
+     * @phpstan-var array<string, list<parser_callable_string>|parser_callable_string|parser_callable>
+     */
+    public $plugins = [];
+
+    /**
+     * View Decorators are class methods that will be run in sequence to
+     * have a chance to alter the generated output just prior to caching
+     * the results.
+     *
+     * All classes must implement CodeIgniter\View\ViewDecoratorInterface
+     *
+     * @var list<class-string<ViewDecoratorInterface>>
+     */
+    public array $decorators = [];
+}
diff --git a/ci4app/app/Controllers/BaseController.php b/ci4app/app/Controllers/BaseController.php
new file mode 100644
index 0000000..689405b
--- /dev/null
+++ b/ci4app/app/Controllers/BaseController.php
@@ -0,0 +1,58 @@
+<?php
+
+namespace App\Controllers;
+
+use CodeIgniter\Controller;
+use CodeIgniter\HTTP\CLIRequest;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use Psr\Log\LoggerInterface;
+
+/**
+ * Class BaseController
+ *
+ * BaseController provides a convenient place for loading components
+ * and performing functions that are needed by all your controllers.
+ * Extend this class in any new controllers:
+ *     class Home extends BaseController
+ *
+ * For security be sure to declare any new methods as protected or private.
+ */
+abstract class BaseController extends Controller
+{
+    /**
+     * Instance of the main Request object.
+     *
+     * @var CLIRequest|IncomingRequest
+     */
+    protected $request;
+
+    /**
+     * An array of helpers to be loaded automatically upon
+     * class instantiation. These helpers will be available
+     * to all other controllers that extend BaseController.
+     *
+     * @var list<string>
+     */
+    protected $helpers = [];
+
+    /**
+     * Be sure to declare properties for any property fetch you initialized.
+     * The creation of dynamic property is deprecated in PHP 8.2.
+     */
+    // protected $session;
+
+    /**
+     * @return void
+     */
+    public function initController(RequestInterface $request, ResponseInterface $response, LoggerInterface $logger)
+    {
+        // Do Not Edit This Line
+        parent::initController($request, $response, $logger);
+
+        // Preload any models, libraries, etc, here.
+
+        // E.g.: $this->session = service('session');
+    }
+}
diff --git a/ci4app/app/Controllers/Events.php b/ci4app/app/Controllers/Events.php
new file mode 100644
index 0000000..a1306a2
--- /dev/null
+++ b/ci4app/app/Controllers/Events.php
@@ -0,0 +1,144 @@
+<?php
+
+namespace App\Controllers;
+
+use App\Models\EventsModel;
+
+class Events extends BaseController
+{
+    protected $eventsModel;
+
+    public function __construct()
+    {
+        $this->eventsModel = new \App\Models\EventsModel();
+    }
+
+    public function index()
+    {
+        $events = $this->eventsModel->getEventList();
+        return view('events_list', [
+            'menu'   => 'menus/raven_full',
+            'header' => 'headers/default',
+            'events' => $events
+        ]);
+    }
+
+    public function dashboard($id)
+    {
+        return view('event_dashboard', ['id' => $id]);
+    }
+
+    public function test($id)
+    {
+echo($id);
+        //$data = $this->eventsModel->getcourseConfig($id);
+     $this->readertimingpointJson($id);
+        exit;
+        $data = $this->eventsModel->getLinkedDatatimingpointWithConfig($id);
+        echo "<pre>";
+        print_r($data);
+        echo "</pre>";
+        exit;
+
+
+        echo "<pre>";
+        print_r($data);
+        echo "</pre>";
+        exit;
+
+        $data = $this->eventsModel->getLinkedData($id);
+        $data = $this->eventsModel->getEventList();
+        echo "<pre>";
+        print_r($data);
+        echo "</pre>";
+
+    }
+    // ---------------------------------------------------------
+    // NOUVELLE FONCTION : READ — récupère les données Event
+    // ---------------------------------------------------------
+    public function reader($id)
+    {
+        $model = new EventsModel();
+
+        // Lire les données dans le modèle
+       $eventData = $this->eventsModel->getLinkedData($id);
+       $data = $this->eventsModel->getStatsByEventName($eventData['config']['con_event_name']);
+       $configtp = $this->eventsModel->getLinkedDatatimingpointWithConfig($id);
+        $configcourse = $this->eventsModel->getcourseConfig($id);
+
+        // Passer à la vue
+
+
+
+
+        return view('event_reader', [
+            'id'    => $id,
+            'data' => $eventData,
+            'readers' => $data,
+            'config_tp' => $configtp,
+            'config_course' => $configcourse['config_course'],
+        ]);
+    }
+    public function readerJson($id)
+    {
+        // Lire les données comme dans ta méthode reader()
+        $eventData = $this->eventsModel->getLinkedData($id);
+        $readers   = $this->eventsModel->getStatsByEventName($eventData['config']['con_event_name']);
+
+        // Rafraîchissement (1 seconde pour maintenant)
+        $refreshRate = 1;
+
+        // Retour JSON
+        return $this->response->setJSON([
+            'refreshRate' => $refreshRate,
+            'readers'     => $readers
+        ]);
+    }
+    public function readertimingpointJson($id)
+    {
+
+
+        $readertimingpoint = $this->eventsModel->getLinkedDatatimingpoint($id);
+
+        // Rafraîchissement (1 seconde pour maintenant)
+        $refreshRate = 1;
+        //
+
+        $status = $this->eventsModel->getProcessStatus($id);
+
+
+        // Retour JSON
+        return $this->response->setJSON([
+            'refreshRate' => $refreshRate,
+            'readertimingpoint'     => $readertimingpoint,
+            'process_status'        => $status
+        ]);
+
+    }
+
+    public function reset($con_id)
+    {
+        $this->eventsModel->resetCourse($con_id);
+
+
+        // revenir sur la même page (celle d’avant)
+        return redirect()->back();
+    }
+
+    public function create(int $courseId)
+    {
+        $results = $this->eventsModel->duplicateResultTables($courseId);
+
+        // Pour les tests en browser, on affiche brut (JSON ou <pre>)
+        // Version JSON (propre dans le navigateur) :
+       // return $this->response->setJSON($results);
+
+
+        echo '<pre>';
+        print_r($results);
+        echo '</pre>';
+
+
+    }
+
+}
diff --git a/ci4app/app/Controllers/Home.php b/ci4app/app/Controllers/Home.php
new file mode 100644
index 0000000..4a8becb
--- /dev/null
+++ b/ci4app/app/Controllers/Home.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Controllers;
+
+class Home extends BaseController
+{
+    public function index(): string
+    {  
+        $data['assets_url'] = base_url('assets/raven/');
+       
+        return view('raven_test', $data);
+    }
+}
\ No newline at end of file
diff --git a/ci4app/app/Controllers/Login.php b/ci4app/app/Controllers/Login.php
new file mode 100644
index 0000000..47e975a
--- /dev/null
+++ b/ci4app/app/Controllers/Login.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Controllers;
+
+class Login extends BaseController
+{
+    public function index()
+    {
+        return view('login', [
+            'title' => 'Connexion'
+        ]);
+    }
+
+    public function submit()
+    {
+        return redirect()->to('/events');
+    }
+}
diff --git a/ci4app/app/Database/Migrations/.gitkeep b/ci4app/app/Database/Migrations/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/ci4app/app/Database/Seeds/.gitkeep b/ci4app/app/Database/Seeds/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/ci4app/app/Filters/.gitkeep b/ci4app/app/Filters/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/ci4app/app/Helpers/.gitkeep b/ci4app/app/Helpers/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/ci4app/app/Helpers/format_helper.php b/ci4app/app/Helpers/format_helper.php
new file mode 100644
index 0000000..a27b6e8
--- /dev/null
+++ b/ci4app/app/Helpers/format_helper.php
@@ -0,0 +1,46 @@
+<?php
+
+use CodeIgniter\I18n\Time;
+
+/**
+ * format_output
+ * -------------------
+ * Transforme une valeur (ex. timestamp Unix) selon un "type" d’output.
+ *
+ * @param string|int|float $value   La valeur à convertir (souvent un timestamp)
+ * @param string $type              Le type de format ("AMJHMS", etc.)
+ * @param string $tz                Fuseau horaire (défaut = America/Toronto)
+ * @return string
+ */
+function format_output($value, string $type, string $tz = 'America/Toronto'): string
+{
+    if ($value === null || $value === '') {
+        return '';
+    }
+
+    // Convertir la valeur en timestamp entier
+    $timestamp = (int) $value;
+
+    // Créer un objet Time à partir de ce timestamp
+    $time = Time::createFromTimestamp($timestamp, $tz);
+
+    switch (strtoupper($type)) {
+
+        // -------------------------
+        //  AMJHMS = Année-Mois-Jour Heure:Minute:Seconde
+        //  Exemple: 2025-08-05 14:03:00
+        // -------------------------
+        case 'AMJHMS':
+            return $time->format('Y/m/d H:i:s');
+
+        // -------------------------
+        // Tu vas pouvoir ajouter d'autres types ici :
+        // AMJ = Y-m-d
+        // HMS = H:i:s
+        // etc.
+        // -------------------------
+
+        default:
+            return "FORMAT_INCONNU";
+    }
+}
diff --git a/ci4app/app/Language/.gitkeep b/ci4app/app/Language/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/ci4app/app/Language/en/Validation.php b/ci4app/app/Language/en/Validation.php
new file mode 100644
index 0000000..54d1e7a
--- /dev/null
+++ b/ci4app/app/Language/en/Validation.php
@@ -0,0 +1,4 @@
+<?php
+
+// override core en language system validation or define your own en language validation message
+return [];
diff --git a/ci4app/app/Libraries/.gitkeep b/ci4app/app/Libraries/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/ci4app/app/Models/.gitkeep b/ci4app/app/Models/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/ci4app/app/Models/EventsModel.php b/ci4app/app/Models/EventsModel.php
new file mode 100644
index 0000000..51c2b27
--- /dev/null
+++ b/ci4app/app/Models/EventsModel.php
@@ -0,0 +1,538 @@
+<?php
+
+
+namespace App\Models;
+
+use CodeIgniter\Model;
+use Config\Database;
+class EventsModel extends Model
+{
+    protected $table = 'reader_config'; // table bidon
+    protected $primaryKey = 'con_id';
+
+    protected $allowedFields = [
+        'name',
+        'location',
+        'date',
+    ];
+
+    // ---------------------------------------------------------
+    // Lire un événement selon l'ID
+    // ---------------------------------------------------------
+    public function getEvent(int $id): ?array
+    {
+        return $this->asArray()->find($id);
+    }
+    public function getLinkedData(int $id): array
+    {
+        // 1) Lire la config dans la DB par défaut
+        $config = $this->asArray()->find($id);
+
+        if (!$config) {
+            return [];
+        }
+
+        // 2) Connexion à la base MS1Timing
+        $db = \Config\Database::connect('ms1timing');
+
+        // 3) Lire Course
+        $course = $db->table('courses')
+            ->where('cou_id', $config['cou_id'])
+            ->get()
+            ->getRowArray();
+
+        // 4) Lire Event
+        $event = $db->table('evenements')
+            ->where('eve_id', $config['eve_id'])
+            ->get()
+            ->getRowArray();
+
+        return [
+            'config' => $config,
+            'course' => $course,
+            'event'  => $event,
+        ];
+    }
+
+    public function getLinkedDatatimingpoint(int $id): array
+    {
+        $db = \Config\Database::connect();
+
+        // 1) Lire les timing points pour cette course
+        $timingpoints = $db->table('reader_config_timingpoint')
+            ->where('con_id', $id)
+            ->orderBy('tp_trie', 'ASC')
+            ->get()
+            ->getResultArray();
+
+        // Si aucun TP, on retourne vide
+        if (empty($timingpoints)) {
+            return ['timingpoint' => []];
+        }
+
+        // 2) Préparer liste des tp_id
+        $tpIds = array_column($timingpoints, 'tp_id');
+
+        // 3) Construire nom de la table dynamic
+        $detailTable = "resultv2_{$id}_detail";
+
+        // 4) UNE SEULE requête SQL pour compter par TP (optimisation majeure)
+        $counts = $db->table($detailTable)
+            ->select('tp_id, COUNT(*) as total')
+            ->whereIn('tp_id', $tpIds)
+            ->groupBy('tp_id')
+            ->get()
+            ->getResultArray();
+
+        // 5) Convertir le résultat en tableau associatif: [tp_id => count]
+        $countMap = [];
+        foreach ($counts as $row) {
+            $countMap[$row['tp_id']] = (int) $row['total'];
+        }
+
+        // 6) Injecter le count dans chaque timing point
+        foreach ($timingpoints as &$tp) {
+            $tpId = $tp['tp_id'];
+            $tp['lecture_count'] = $countMap[$tpId] ?? 0;
+        }
+
+        return [
+            'timingpoint' => $timingpoints
+        ];
+    }
+
+    public function getProcessStatus($con_id)
+    {
+        $table = "resultv2_{$con_id}_lecture";
+
+        $row = $this->db->query("SELECT process_status FROM `$table` LIMIT 1")->getRow();
+
+        return $row ? $row->process_status : null;
+    }
+
+
+
+
+
+
+
+    public function getStatsByEventName(string $eventName): array
+    {
+        $db = \Config\Database::connect(); // DB par défaut
+
+        $results = $db->table('reader_lectures')
+            ->select('chrinfo_location, COUNT(*) AS total, MIN(chrinfo_time) AS start_time, MAX(chrinfo_time) AS end_time')
+             ->where('chrinfo_event_name', $eventName)
+            ->where('chrinfo_type_transaction !=', 'NEW LOCATION')
+            ->groupBy('chrinfo_location')
+            ->get()
+            ->getResultArray();
+
+        // Transformer en tableau avec clé 1,2,3...
+        $final = [];
+        $i = 1;
+
+        foreach ($results as $row) {
+            $final[$i] = [
+                'location'    => $row['chrinfo_location'],
+                'count'       => (int)$row['total'],
+                'start_time'  => $row['start_time'],
+                'end_time'    => $row['end_time'],
+                'icon' => 'lucide--eye',
+                'bg_color' => '#F7B6A8'
+            ];
+            $i++;
+        }
+
+        return $final;
+    }
+    public function getEventList(): array
+    {
+        // 1) Lire tous les événements
+        $events = $this->asArray()
+
+            ->findAll();
+
+        $final = [];
+
+        // 2) Ajouter les données liées pour chaque ligne
+        foreach ($events as $event) {
+
+            $linked = $this->getLinkedData($event['con_id']);
+
+            $final[] = [
+                'config' => $linked['config'],
+                'course' => $linked['course'],
+                'event'  => $linked['event'],
+            ];
+        }
+
+        // 3) Trier par eve_date_debut DESC (du plus récent au plus ancien)
+        usort($final, function($a, $b) {
+            return strcmp($b['event']['eve_date_debut'], $a['event']['eve_date_debut']);
+        });
+
+        return $final;
+    }
+
+    /**
+     * Duplique les tables de résultats sur la connexion ms1timing_slave
+     * à partir des tables *_template vers *_{$courseId}.
+     *
+     * @param int $courseId  ex: 2152
+     * @return array         liste des statuts par table
+     */
+
+    public function duplicateResultTables(int $courseId): array
+    {
+        // Connexion à la base ms1timing_slave (déjà définie dans Database.php)
+        $db = \Config\Database::connect();
+
+        // Suffixes des tables
+        $suffixes = [
+            'classement',
+            'detail',
+            'log',
+            'pause',
+            'lecture',
+            'lecture_statut'
+        ];
+
+        $results = [];
+
+        foreach ($suffixes as $suffix) {
+
+            // Nouveau format demandé
+            $templateTable = "resultv2_template_{$suffix}";
+            $newTable      = "resultv2_{$courseId}_{$suffix}";
+
+            // Vérifier que la table template existe
+            if (! $db->tableExists($templateTable)) {
+                $results[] = [
+                    'table'  => $newTable,
+                    'status' => 'template_missing',
+                    'message'=> "La table template {$templateTable} n’existe pas.",
+                ];
+                continue;
+            }
+
+            // Si la nouvelle table existe déjà, on ne la touche pas
+            if ($db->tableExists($newTable)) {
+                $results[] = [
+                    'table'  => $newTable,
+                    'status' => 'exists',
+                    'message'=> "La table {$newTable} existe déjà. Aucune action.",
+                ];
+                continue;
+            }
+
+            // Création + remplissage dans une transaction
+            $db->transStart();
+
+            // CREATE TABLE nouveau LIKE template
+            $db->query(
+                "CREATE TABLE `{$newTable}` LIKE `{$templateTable}`"
+            );
+
+            // Cas particulier pour la table lecture : on met directement les bonnes valeurs initiales
+            if ($suffix === 'lecture') {
+                $db->query("
+                INSERT INTO `{$newTable}` (
+                    id,
+                    last_processed_read_id,
+                    config_hash,
+                    needs_rebuild,
+                    process_status,
+                    backup_flag,
+                    last_rebuild_ts,
+                    last_backup_ts,
+                    moteur_version,
+                    created_at,
+                    updated_at
+                ) VALUES (
+                    1,
+                    0,
+                    '',
+                    0,
+                    'IDLE',
+                    0,
+                    NULL,
+                    NULL,
+                    '1.0',
+                    NOW(),
+                    NOW()
+                )
+            ");
+            } else {
+                // INSERT INTO new SELECT * FROM template (comportement existant)
+                $db->query(
+                    "INSERT INTO `{$newTable}` SELECT * FROM `{$templateTable}`"
+                );
+            }
+
+            $db->transComplete();
+
+            if ($db->transStatus() === false) {
+                $results[] = [
+                    'table'  => $newTable,
+                    'status' => 'error',
+                    'message'=> "Erreur lors de la duplication de {$newTable}.",
+                ];
+            } else {
+                $results[] = [
+                    'table'  => $newTable,
+                    'status' => 'created',
+                    'message'=> "Table {$newTable} créée et remplie à partir de {$templateTable}.",
+                ];
+            }
+        }
+
+        return $results;
+    }
+
+
+    /**
+     * Récupère les timingpoints + toutes les configurations associées
+     * à partir de la table reader_config_detail.
+     *
+     * @param int $id  ID du contrôleur (con_id)
+     * @return array   Tableau final des timingpoints enrichis
+     */
+    public function getLinkedDatatimingpointWithConfig(int $id)
+    {
+        //----------------------------------------------------------------------
+        // 1. Récupération des timingpoints existants (déjà fonctionnel chez toi)
+        //----------------------------------------------------------------------
+        $data = $this->getLinkedDatatimingpoint($id);
+
+        // Sécurité : si aucun timingpoint, on retourne tout de suite
+        if (!isset($data['timingpoint']) || empty($data['timingpoint'])) {
+            return $data;
+        }
+
+        //----------------------------------------------------------------------
+        // 2. Boucle sur chaque timingpoint (un tp_id à la fois)
+        //----------------------------------------------------------------------
+        foreach ($data['timingpoint'] as $index => $tp) {
+
+            $tp_id = $tp['tp_id'];
+
+            //------------------------------------------------------------------
+            // 3. Aller chercher toutes les lignes reader_config_detail
+            //    où det_ref1_id = tp_id
+            //------------------------------------------------------------------
+            $builder = $this->db->table('reader_config_detail');
+            $builder->where('det_ref1_id', $tp_id);
+            $builder->orderBy('det_trie', 'ASC');
+
+            $rows = $builder->get()->getResultArray();
+
+            //------------------------------------------------------------------
+            // 4. Aucune config → on continue au suivant
+            //------------------------------------------------------------------
+            if (empty($rows)) {
+                continue;
+            }
+
+            //------------------------------------------------------------------
+            // 5. Préparation des conteneurs de regroupement
+            //------------------------------------------------------------------
+            $configSets = [];
+
+            //------------------------------------------------------------------
+            // 6. Boucle à travers chaque config trouvée
+            //------------------------------------------------------------------
+            foreach ($rows as $row) {
+
+                //--------------------------------------------------------------
+                // 6.1 Extraction du groupe (ex: configs-tp, configs-tp-interval)
+                //     → conversion en identifiant propre pour le tableau final
+                //--------------------------------------------------------------
+                $groupName = !empty($row['det_groupe'])
+                    ? str_replace('-', '_', $row['det_groupe'])
+                    : 'configs_generic';   // fallback, jamais vide
+
+                //--------------------------------------------------------------
+                // 6.2 La clef interne (ex: clef_controleur)
+                //--------------------------------------------------------------
+                $clef = $row['det_clef'];
+
+                if (empty($clef)) {
+                    // Si jamais c'est vide, on ignore cette ligne
+                    continue;
+                }
+
+                //--------------------------------------------------------------
+                // 6.3 Préparer la structure si elle n'existe pas encore
+                //--------------------------------------------------------------
+                if (!isset($configSets[$groupName])) {
+                    $configSets[$groupName] = [];
+                }
+                if (!isset($configSets[$groupName][$clef])) {
+                    $configSets[$groupName][$clef] = [];
+                }
+
+                //--------------------------------------------------------------
+                // 6.4 Ajouter la ligne de configuration
+                //--------------------------------------------------------------
+                $configSets[$groupName][$clef][] = [
+                    'value1' => $row['det_value1'],
+                    'value2' => $row['det_value2'],
+                    'value3' => $row['det_value3'],
+                ];
+            }
+
+            //------------------------------------------------------------------
+            // 7. Injection dans le timingpoint final
+            //------------------------------------------------------------------
+            $data['timingpoint'][$index] = array_merge(
+                $data['timingpoint'][$index],
+                $configSets
+            );
+        }
+
+        //----------------------------------------------------------------------
+        // 8. Retour final
+        //----------------------------------------------------------------------
+        return $data;
+    }
+
+    public function getcourseConfig(int $id)
+    {
+
+
+
+
+
+            //------------------------------------------------------------------
+            $builder = $this->db->table('reader_config_detail');
+            $builder->where('det_ref1_id', $id);
+            $builder->where('det_type', 2);
+            $builder->orderBy('det_trie', 'ASC');
+
+            $rows = $builder->get()->getResultArray();
+
+        //------------------------------------------------------------------
+        // 5. Préparation des conteneurs de regroupement
+        //------------------------------------------------------------------
+        $configSets = [];
+
+        //------------------------------------------------------------------
+        // 6. Boucle à travers chaque config trouvée
+        //------------------------------------------------------------------
+        foreach ($rows as $row) {
+
+            //--------------------------------------------------------------
+            // 6.1 Extraction du groupe (ex: configs-tp, configs-tp-interval)
+            //     → conversion en identifiant propre pour le tableau final
+            //--------------------------------------------------------------
+            $groupName = !empty($row['det_groupe'])
+                ? str_replace('-', '_', $row['det_groupe'])
+                : 'configs_generic';   // fallback, jamais vide
+
+            //--------------------------------------------------------------
+            // 6.2 La clef interne (ex: clef_controleur)
+            //--------------------------------------------------------------
+            $clef = $row['det_clef'];
+
+            if (empty($clef)) {
+                // Si jamais c'est vide, on ignore cette ligne
+                continue;
+            }
+
+            //--------------------------------------------------------------
+            // 6.3 Préparer la structure si elle n'existe pas encore
+            //--------------------------------------------------------------
+            if (!isset($configSets[$groupName])) {
+                $configSets[$groupName] = [];
+            }
+            if (!isset($configSets[$groupName][$clef])) {
+                $configSets[$groupName][$clef] = [];
+            }
+
+            //--------------------------------------------------------------
+            // 6.4 Ajouter la ligne de configuration
+            //--------------------------------------------------------------
+          $output=$row['det_value1'];
+            if($row['det_type_output']!='')
+                $output=format_output($row['det_value1'], $row['det_type_output']);
+
+            $configSets[$groupName][$clef][] = [
+                'value1' => $row['det_value1'],
+                'value2' => $row['det_value2'],
+                'value3' => $row['det_value3'],
+                'output' => $output,
+
+            ];
+        }
+
+
+
+
+                //--------------------------------------------------------------
+
+        //----------------------------------------------------------------------
+        // 8. Retour final
+        //----------------------------------------------------------------------
+        return  $configSets;
+    }
+    public function resetCourse($con_id)
+    {
+        $lectureTable = "resultv2_{$con_id}_lecture";
+        $detailTable  = "resultv2_{$con_id}_detail";
+
+        // -------------------------------------------------
+        // 1) Demander la pause (PAUSE_REQUEST)
+        // -------------------------------------------------
+        $this->db->query("UPDATE `$lectureTable` SET process_status = 'PAUSE_REQUEST'");
+
+        // -------------------------------------------------
+        // 2) Attendre que Python applique PAUSE
+        // -------------------------------------------------
+        $timeoutSeconds = 20 * 60;     // 20 minutes
+        $waitInterval   = 500000;      // 0.5 seconde
+        $attempts       = ($timeoutSeconds * 1000000) / $waitInterval;
+
+        $isPaused = false;
+
+        for ($i = 0; $i < $attempts; $i++) {
+
+            $row = $this->db->query("SELECT process_status FROM `$lectureTable` LIMIT 1")->getRow();
+
+            if ($row && strtoupper($row->process_status) === 'PAUSE') {
+                $isPaused = true;
+                break;
+            }
+
+            // Attendre 0.5 sec avant de rechecker
+            usleep($waitInterval);
+        }
+
+        if (!$isPaused) {
+            return "ERREUR : Impossible d'obtenir PAUSE (timeout). Base NON modifiée.";
+        }
+
+        // -------------------------------------------------
+        // 3) TRUNCATE de la table detail (sécurisé)
+        // -------------------------------------------------
+        $this->db->query("TRUNCATE TABLE `$detailTable`");
+
+        // -------------------------------------------------
+        // 4) Remettre last_processed_read_id à 0
+        // -------------------------------------------------
+        $this->db->query("
+        UPDATE `$lectureTable`
+        SET last_processed_read_id = 0
+    ");
+
+        // -------------------------------------------------
+        // 5) Remettre la course en IDLE pour que Python puisse repartir
+        // -------------------------------------------------
+        $this->db->query("UPDATE `$lectureTable` SET process_status = 'IDLE'");
+
+        return "OK : Course réinitialisée.";
+    }
+
+
+
+}
diff --git a/ci4app/app/ThirdParty/.gitkeep b/ci4app/app/ThirdParty/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/ci4app/app/Views/errors/cli/error_404.php b/ci4app/app/Views/errors/cli/error_404.php
new file mode 100644
index 0000000..456ea3e
--- /dev/null
+++ b/ci4app/app/Views/errors/cli/error_404.php
@@ -0,0 +1,7 @@
+<?php
+
+use CodeIgniter\CLI\CLI;
+
+CLI::error('ERROR: ' . $code);
+CLI::write($message);
+CLI::newLine();
diff --git a/ci4app/app/Views/errors/cli/error_exception.php b/ci4app/app/Views/errors/cli/error_exception.php
new file mode 100644
index 0000000..624f3b5
--- /dev/null
+++ b/ci4app/app/Views/errors/cli/error_exception.php
@@ -0,0 +1,65 @@
+<?php
+
+use CodeIgniter\CLI\CLI;
+
+// The main Exception
+CLI::write('[' . $exception::class . ']', 'light_gray', 'red');
+CLI::write($message);
+CLI::write('at ' . CLI::color(clean_path($exception->getFile()) . ':' . $exception->getLine(), 'green'));
+CLI::newLine();
+
+$last = $exception;
+
+while ($prevException = $last->getPrevious()) {
+    $last = $prevException;
+
+    CLI::write('  Caused by:');
+    CLI::write('  [' . $prevException::class . ']', 'red');
+    CLI::write('  ' . $prevException->getMessage());
+    CLI::write('  at ' . CLI::color(clean_path($prevException->getFile()) . ':' . $prevException->getLine(), 'green'));
+    CLI::newLine();
+}
+
+// The backtrace
+if (defined('SHOW_DEBUG_BACKTRACE') && SHOW_DEBUG_BACKTRACE) {
+    $backtraces = $last->getTrace();
+
+    if ($backtraces) {
+        CLI::write('Backtrace:', 'green');
+    }
+
+    foreach ($backtraces as $i => $error) {
+        $padFile  = '    '; // 4 spaces
+        $padClass = '       '; // 7 spaces
+        $c        = str_pad($i + 1, 3, ' ', STR_PAD_LEFT);
+
+        if (isset($error['file'])) {
+            $filepath = clean_path($error['file']) . ':' . $error['line'];
+
+            CLI::write($c . $padFile . CLI::color($filepath, 'yellow'));
+        } else {
+            CLI::write($c . $padFile . CLI::color('[internal function]', 'yellow'));
+        }
+
+        $function = '';
+
+        if (isset($error['class'])) {
+            $type = ($error['type'] === '->') ? '()' . $error['type'] : $error['type'];
+            $function .= $padClass . $error['class'] . $type . $error['function'];
+        } elseif (! isset($error['class']) && isset($error['function'])) {
+            $function .= $padClass . $error['function'];
+        }
+
+        $args = implode(', ', array_map(static fn ($value): string => match (true) {
+            is_object($value) => 'Object(' . $value::class . ')',
+            is_array($value)  => $value !== [] ? '[...]' : '[]',
+            $value === null   => 'null', // return the lowercased version
+            default           => var_export($value, true),
+        }, array_values($error['args'] ?? [])));
+
+        $function .= '(' . $args . ')';
+
+        CLI::write($function);
+        CLI::newLine();
+    }
+}
diff --git a/ci4app/app/Views/errors/cli/production.php b/ci4app/app/Views/errors/cli/production.php
new file mode 100644
index 0000000..7db744e
--- /dev/null
+++ b/ci4app/app/Views/errors/cli/production.php
@@ -0,0 +1,5 @@
+<?php
+
+// On the CLI, we still want errors in productions
+// so just use the exception template.
+include __DIR__ . '/error_exception.php';
diff --git a/ci4app/app/Views/errors/html/debug.css b/ci4app/app/Views/errors/html/debug.css
new file mode 100644
index 0000000..b8539a4
--- /dev/null
+++ b/ci4app/app/Views/errors/html/debug.css
@@ -0,0 +1,194 @@
+:root {
+    --main-bg-color: #fff;
+    --main-text-color: #555;
+    --dark-text-color: #222;
+    --light-text-color: #c7c7c7;
+    --brand-primary-color: #DC4814;
+    --light-bg-color: #ededee;
+    --dark-bg-color: #404040;
+}
+
+body {
+    height: 100%;
+    background: var(--main-bg-color);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+    color: var(--main-text-color);
+    font-weight: 300;
+    margin: 0;
+    padding: 0;
+}
+h1 {
+    font-weight: lighter;
+    font-size: 3rem;
+    color: var(--dark-text-color);
+    margin: 0;
+}
+h1.headline {
+    margin-top: 20%;
+    font-size: 5rem;
+}
+.text-center {
+    text-align: center;
+}
+p.lead {
+    font-size: 1.6rem;
+}
+.container {
+    max-width: 75rem;
+    margin: 0 auto;
+    padding: 1rem;
+}
+.header {
+    background: var(--light-bg-color);
+    color: var(--dark-text-color);
+    margin-top: 2.17rem;
+}
+.header .container {
+    padding: 1rem;
+}
+.header h1 {
+    font-size: 2.5rem;
+    font-weight: 500;
+}
+.header p {
+    font-size: 1.2rem;
+    margin: 0;
+    line-height: 2.5;
+}
+.header a {
+    color: var(--brand-primary-color);
+    margin-left: 2rem;
+    display: none;
+    text-decoration: none;
+}
+.header:hover a {
+    display: inline;
+}
+
+.environment {
+    background: var(--brand-primary-color);
+    color: var(--main-bg-color);
+    text-align: center;
+    padding: calc(4px + 0.2083vw);
+    width: 100%;
+    top: 0;
+    position: fixed;
+}
+
+.source {
+    background: #343434;
+    color: var(--light-text-color);
+    padding: 0.5em 1em;
+    border-radius: 5px;
+    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+    font-size: 0.85rem;
+    margin: 0;
+    overflow-x: scroll;
+}
+.source span.line {
+    line-height: 1.4;
+}
+.source span.line .number {
+    color: #666;
+}
+.source .line .highlight {
+    display: block;
+    background: var(--dark-text-color);
+    color: var(--light-text-color);
+}
+.source span.highlight .number {
+    color: #fff;
+}
+
+.tabs {
+    list-style: none;
+    list-style-position: inside;
+    margin: 0;
+    padding: 0;
+    margin-bottom: -1px;
+}
+.tabs li {
+    display: inline;
+}
+.tabs a:link,
+.tabs a:visited {
+    padding: 0 1rem;
+    line-height: 2.7;
+    text-decoration: none;
+    color: var(--dark-text-color);
+    background: var(--light-bg-color);
+    border: 1px solid rgba(0,0,0,0.15);
+    border-bottom: 0;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+    display: inline-block;
+}
+.tabs a:hover {
+    background: var(--light-bg-color);
+    border-color: rgba(0,0,0,0.15);
+}
+.tabs a.active {
+    background: var(--main-bg-color);
+    color: var(--main-text-color);
+}
+.tab-content {
+    background: var(--main-bg-color);
+    border: 1px solid rgba(0,0,0,0.15);
+}
+.content {
+    padding: 1rem;
+}
+.hide {
+    display: none;
+}
+
+.alert {
+    margin-top: 2rem;
+    display: block;
+    text-align: center;
+    line-height: 3.0;
+    background: #d9edf7;
+    border: 1px solid #bcdff1;
+    border-radius: 5px;
+    color: #31708f;
+}
+
+table {
+    width: 100%;
+    overflow: hidden;
+}
+th {
+    text-align: left;
+    border-bottom: 1px solid #e7e7e7;
+    padding-bottom: 0.5rem;
+}
+td {
+    padding: 0.2rem 0.5rem 0.2rem 0;
+}
+tr:hover td {
+    background: #f1f1f1;
+}
+td pre {
+    white-space: pre-wrap;
+}
+
+.trace a {
+    color: inherit;
+}
+.trace table {
+    width: auto;
+}
+.trace tr td:first-child {
+    min-width: 5em;
+    font-weight: bold;
+}
+.trace td {
+    background: var(--light-bg-color);
+    padding: 0 1rem;
+}
+.trace td pre {
+    margin: 0;
+}
+.args {
+    display: none;
+}
diff --git a/ci4app/app/Views/errors/html/debug.js b/ci4app/app/Views/errors/html/debug.js
new file mode 100644
index 0000000..99199ca
--- /dev/null
+++ b/ci4app/app/Views/errors/html/debug.js
@@ -0,0 +1,116 @@
+var tabLinks    = new Array();
+var contentDivs = new Array();
+
+function init()
+{
+    // Grab the tab links and content divs from the page
+    var tabListItems = document.getElementById('tabs').childNodes;
+    console.log(tabListItems);
+    for (var i = 0; i < tabListItems.length; i ++)
+    {
+        if (tabListItems[i].nodeName == "LI")
+        {
+            var tabLink     = getFirstChildWithTagName(tabListItems[i], 'A');
+            var id          = getHash(tabLink.getAttribute('href'));
+            tabLinks[id]    = tabLink;
+            contentDivs[id] = document.getElementById(id);
+        }
+    }
+
+    // Assign onclick events to the tab links, and
+    // highlight the first tab
+    var i = 0;
+
+    for (var id in tabLinks)
+    {
+        tabLinks[id].onclick = showTab;
+        tabLinks[id].onfocus = function () {
+            this.blur()
+        };
+        if (i == 0)
+        {
+            tabLinks[id].className = 'active';
+        }
+        i ++;
+    }
+
+    // Hide all content divs except the first
+    var i = 0;
+
+    for (var id in contentDivs)
+    {
+        if (i != 0)
+        {
+            console.log(contentDivs[id]);
+            contentDivs[id].className = 'content hide';
+        }
+        i ++;
+    }
+}
+
+function showTab()
+{
+    var selectedId = getHash(this.getAttribute('href'));
+
+    // Highlight the selected tab, and dim all others.
+    // Also show the selected content div, and hide all others.
+    for (var id in contentDivs)
+    {
+        if (id == selectedId)
+        {
+            tabLinks[id].className    = 'active';
+            contentDivs[id].className = 'content';
+        }
+        else
+        {
+            tabLinks[id].className    = '';
+            contentDivs[id].className = 'content hide';
+        }
+    }
+
+    // Stop the browser following the link
+    return false;
+}
+
+function getFirstChildWithTagName(element, tagName)
+{
+    for (var i = 0; i < element.childNodes.length; i ++)
+    {
+        if (element.childNodes[i].nodeName == tagName)
+        {
+            return element.childNodes[i];
+        }
+    }
+}
+
+function getHash(url)
+{
+    var hashPos = url.lastIndexOf('#');
+    return url.substring(hashPos + 1);
+}
+
+function toggle(elem)
+{
+    elem = document.getElementById(elem);
+
+    if (elem.style && elem.style['display'])
+    {
+        // Only works with the "style" attr
+        var disp = elem.style['display'];
+    }
+    else if (elem.currentStyle)
+    {
+        // For MSIE, naturally
+        var disp = elem.currentStyle['display'];
+    }
+    else if (window.getComputedStyle)
+    {
+        // For most other browsers
+        var disp = document.defaultView.getComputedStyle(elem, null).getPropertyValue('display');
+    }
+
+    // Toggle the state of the "display" style
+    elem.style.display = disp == 'block' ? 'none' : 'block';
+
+    return false;
+}
diff --git a/ci4app/app/Views/errors/html/error_400.php b/ci4app/app/Views/errors/html/error_400.php
new file mode 100644
index 0000000..555da04
--- /dev/null
+++ b/ci4app/app/Views/errors/html/error_400.php
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title><?= lang('Errors.badRequest') ?></title>
+
+    <style>
+        div.logo {
+            height: 200px;
+            width: 155px;
+            display: inline-block;
+            opacity: 0.08;
+            position: absolute;
+            top: 2rem;
+            left: 50%;
+            margin-left: -73px;
+        }
+        body {
+            height: 100%;
+            background: #fafafa;
+            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+            color: #777;
+            font-weight: 300;
+        }
+        h1 {
+            font-weight: lighter;
+            letter-spacing: normal;
+            font-size: 3rem;
+            margin-top: 0;
+            margin-bottom: 0;
+            color: #222;
+        }
+        .wrap {
+            max-width: 1024px;
+            margin: 5rem auto;
+            padding: 2rem;
+            background: #fff;
+            text-align: center;
+            border: 1px solid #efefef;
+            border-radius: 0.5rem;
+            position: relative;
+        }
+        pre {
+            white-space: normal;
+            margin-top: 1.5rem;
+        }
+        code {
+            background: #fafafa;
+            border: 1px solid #efefef;
+            padding: 0.5rem 1rem;
+            border-radius: 5px;
+            display: block;
+        }
+        p {
+            margin-top: 1.5rem;
+        }
+        .footer {
+            margin-top: 2rem;
+            border-top: 1px solid #efefef;
+            padding: 1em 2em 0 2em;
+            font-size: 85%;
+            color: #999;
+        }
+        a:active,
+        a:link,
+        a:visited {
+            color: #dd4814;
+        }
+    </style>
+</head>
+<body>
+<div class="wrap">
+    <h1>400</h1>
+
+    <p>
+        <?php if (ENVIRONMENT !== 'production') : ?>
+            <?= nl2br(esc($message)) ?>
+        <?php else : ?>
+            <?= lang('Errors.sorryBadRequest') ?>
+        <?php endif; ?>
+    </p>
+</div>
+</body>
+</html>
diff --git a/ci4app/app/Views/errors/html/error_404.php b/ci4app/app/Views/errors/html/error_404.php
new file mode 100644
index 0000000..e506f08
--- /dev/null
+++ b/ci4app/app/Views/errors/html/error_404.php
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title><?= lang('Errors.pageNotFound') ?></title>
+
+    <style>
+        div.logo {
+            height: 200px;
+            width: 155px;
+            display: inline-block;
+            opacity: 0.08;
+            position: absolute;
+            top: 2rem;
+            left: 50%;
+            margin-left: -73px;
+        }
+        body {
+            height: 100%;
+            background: #fafafa;
+            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+            color: #777;
+            font-weight: 300;
+        }
+        h1 {
+            font-weight: lighter;
+            letter-spacing: normal;
+            font-size: 3rem;
+            margin-top: 0;
+            margin-bottom: 0;
+            color: #222;
+        }
+        .wrap {
+            max-width: 1024px;
+            margin: 5rem auto;
+            padding: 2rem;
+            background: #fff;
+            text-align: center;
+            border: 1px solid #efefef;
+            border-radius: 0.5rem;
+            position: relative;
+        }
+        pre {
+            white-space: normal;
+            margin-top: 1.5rem;
+        }
+        code {
+            background: #fafafa;
+            border: 1px solid #efefef;
+            padding: 0.5rem 1rem;
+            border-radius: 5px;
+            display: block;
+        }
+        p {
+            margin-top: 1.5rem;
+        }
+        .footer {
+            margin-top: 2rem;
+            border-top: 1px solid #efefef;
+            padding: 1em 2em 0 2em;
+            font-size: 85%;
+            color: #999;
+        }
+        a:active,
+        a:link,
+        a:visited {
+            color: #dd4814;
+        }
+    </style>
+</head>
+<body>
+    <div class="wrap">
+        <h1>404</h1>
+
+        <p>
+            <?php if (ENVIRONMENT !== 'production') : ?>
+                <?= nl2br(esc($message)) ?>
+            <?php else : ?>
+                <?= lang('Errors.sorryCannotFind') ?>
+            <?php endif; ?>
+        </p>
+    </div>
+</body>
+</html>
diff --git a/ci4app/app/Views/errors/html/error_exception.php b/ci4app/app/Views/errors/html/error_exception.php
new file mode 100644
index 0000000..2c4e009
--- /dev/null
+++ b/ci4app/app/Views/errors/html/error_exception.php
@@ -0,0 +1,429 @@
+<?php
+use CodeIgniter\HTTP\Header;
+use CodeIgniter\CodeIgniter;
+
+$errorId = uniqid('error', true);
+?>
+<!doctype html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <meta name="robots" content="noindex">
+
+    <title><?= esc($title) ?></title>
+    <style>
+        <?= preg_replace('#[\r\n\t ]+#', ' ', file_get_contents(__DIR__ . DIRECTORY_SEPARATOR . 'debug.css')) ?>
+    </style>
+
+    <script>
+        <?= file_get_contents(__DIR__ . DIRECTORY_SEPARATOR . 'debug.js') ?>
+    </script>
+</head>
+<body onload="init()">
+
+    <!-- Header -->
+    <div class="header">
+        <div class="environment">
+            Displayed at <?= esc(date('H:i:s')) ?> &mdash;
+            PHP: <?= esc(PHP_VERSION) ?>  &mdash;
+            CodeIgniter: <?= esc(CodeIgniter::CI_VERSION) ?> --
+            Environment: <?= ENVIRONMENT ?>
+        </div>
+        <div class="container">
+            <h1><?= esc($title), esc($exception->getCode() ? ' #' . $exception->getCode() : '') ?></h1>
+            <p>
+                <?= nl2br(esc($exception->getMessage())) ?>
+                <a href="https://www.duckduckgo.com/?q=<?= urlencode($title . ' ' . preg_replace('#\'.*\'|".*"#Us', '', $exception->getMessage())) ?>"
+                   rel="noreferrer" target="_blank">search &rarr;</a>
+            </p>
+        </div>
+    </div>
+
+    <!-- Source -->
+    <div class="container">
+        <p><b><?= esc(clean_path($file)) ?></b> at line <b><?= esc($line) ?></b></p>
+
+        <?php if (is_file($file)) : ?>
+            <div class="source">
+                <?= static::highlightFile($file, $line, 15); ?>
+            </div>
+        <?php endif; ?>
+    </div>
+
+    <div class="container">
+        <?php
+        $last = $exception;
+
+        while ($prevException = $last->getPrevious()) {
+            $last = $prevException;
+            ?>
+
+    <pre>
+    Caused by:
+    <?= esc($prevException::class), esc($prevException->getCode() ? ' #' . $prevException->getCode() : '') ?>
+
+    <?= nl2br(esc($prevException->getMessage())) ?>
+    <a href="https://www.duckduckgo.com/?q=<?= urlencode($prevException::class . ' ' . preg_replace('#\'.*\'|".*"#Us', '', $prevException->getMessage())) ?>"
+       rel="noreferrer" target="_blank">search &rarr;</a>
+    <?= esc(clean_path($prevException->getFile()) . ':' . $prevException->getLine()) ?>
+    </pre>
+
+        <?php
+        }
+        ?>
+    </div>
+
+    <?php if (defined('SHOW_DEBUG_BACKTRACE') && SHOW_DEBUG_BACKTRACE) : ?>
+    <div class="container">
+
+        <ul class="tabs" id="tabs">
+            <li><a href="#backtrace">Backtrace</a></li>
+            <li><a href="#server">Server</a></li>
+            <li><a href="#request">Request</a></li>
+            <li><a href="#response">Response</a></li>
+            <li><a href="#files">Files</a></li>
+            <li><a href="#memory">Memory</a></li>
+        </ul>
+
+        <div class="tab-content">
+
+            <!-- Backtrace -->
+            <div class="content" id="backtrace">
+
+                <ol class="trace">
+                <?php foreach ($trace as $index => $row) : ?>
+
+                    <li>
+                        <p>
+                            <!-- Trace info -->
+                            <?php if (isset($row['file']) && is_file($row['file'])) : ?>
+                                <?php
+                                if (isset($row['function']) && in_array($row['function'], ['include', 'include_once', 'require', 'require_once'], true)) {
+                                    echo esc($row['function'] . ' ' . clean_path($row['file']));
+                                } else {
+                                    echo esc(clean_path($row['file']) . ' : ' . $row['line']);
+                                }
+                                ?>
+                            <?php else: ?>
+                                {PHP internal code}
+                            <?php endif; ?>
+
+                            <!-- Class/Method -->
+                            <?php if (isset($row['class'])) : ?>
+                                &nbsp;&nbsp;&mdash;&nbsp;&nbsp;<?= esc($row['class'] . $row['type'] . $row['function']) ?>
+                                <?php if (! empty($row['args'])) : ?>
+                                    <?php $argsId = $errorId . 'args' . $index ?>
+                                    ( <a href="#" onclick="return toggle('<?= esc($argsId, 'attr') ?>');">arguments</a> )
+                                    <div class="args" id="<?= esc($argsId, 'attr') ?>">
+                                        <table cellspacing="0">
+
+                                        <?php
+                                        $params = null;
+                                        // Reflection by name is not available for closure function
+                                        if (! str_ends_with($row['function'], '}')) {
+                                            $mirror = isset($row['class']) ? new ReflectionMethod($row['class'], $row['function']) : new ReflectionFunction($row['function']);
+                                            $params = $mirror->getParameters();
+                                        }
+
+                                        foreach ($row['args'] as $key => $value) : ?>
+                                            <tr>
+                                                <td><code><?= esc(isset($params[$key]) ? '$' . $params[$key]->name : "#{$key}") ?></code></td>
+                                                <td><pre><?= esc(print_r($value, true)) ?></pre></td>
+                                            </tr>
+                                        <?php endforeach ?>
+
+                                        </table>
+                                    </div>
+                                <?php else : ?>
+                                    ()
+                                <?php endif; ?>
+                            <?php endif; ?>
+
+                            <?php if (! isset($row['class']) && isset($row['function'])) : ?>
+                                &nbsp;&nbsp;&mdash;&nbsp;&nbsp;    <?= esc($row['function']) ?>()
+                            <?php endif; ?>
+                        </p>
+
+                        <!-- Source? -->
+                        <?php if (isset($row['file']) && is_file($row['file']) && isset($row['class'])) : ?>
+                            <div class="source">
+                                <?= static::highlightFile($row['file'], $row['line']) ?>
+                            </div>
+                        <?php endif; ?>
+                    </li>
+
+                <?php endforeach; ?>
+                </ol>
+
+            </div>
+
+            <!-- Server -->
+            <div class="content" id="server">
+                <?php foreach (['_SERVER', '_SESSION'] as $var) : ?>
+                    <?php
+                    if (empty($GLOBALS[$var]) || ! is_array($GLOBALS[$var])) {
+                        continue;
+                    } ?>
+
+                    <h3>$<?= esc($var) ?></h3>
+
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>Key</th>
+                                <th>Value</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                        <?php foreach ($GLOBALS[$var] as $key => $value) : ?>
+                            <tr>
+                                <td><?= esc($key) ?></td>
+                                <td>
+                                    <?php if (is_string($value)) : ?>
+                                        <?= esc($value) ?>
+                                    <?php else: ?>
+                                        <pre><?= esc(print_r($value, true)) ?></pre>
+                                    <?php endif; ?>
+                                </td>
+                            </tr>
+                        <?php endforeach; ?>
+                        </tbody>
+                    </table>
+
+                <?php endforeach ?>
+
+                <!-- Constants -->
+                <?php $constants = get_defined_constants(true); ?>
+                <?php if (! empty($constants['user'])) : ?>
+                    <h3>Constants</h3>
+
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>Key</th>
+                                <th>Value</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                        <?php foreach ($constants['user'] as $key => $value) : ?>
+                            <tr>
+                                <td><?= esc($key) ?></td>
+                                <td>
+                                    <?php if (is_string($value)) : ?>
+                                        <?= esc($value) ?>
+                                    <?php else: ?>
+                                        <pre><?= esc(print_r($value, true)) ?></pre>
+                                    <?php endif; ?>
+                                </td>
+                            </tr>
+                        <?php endforeach; ?>
+                        </tbody>
+                    </table>
+                <?php endif; ?>
+            </div>
+
+            <!-- Request -->
+            <div class="content" id="request">
+                <?php $request = service('request'); ?>
+
+                <table>
+                    <tbody>
+                        <tr>
+                            <td style="width: 10em">Path</td>
+                            <td><?= esc($request->getUri()) ?></td>
+                        </tr>
+                        <tr>
+                            <td>HTTP Method</td>
+                            <td><?= esc($request->getMethod()) ?></td>
+                        </tr>
+                        <tr>
+                            <td>IP Address</td>
+                            <td><?= esc($request->getIPAddress()) ?></td>
+                        </tr>
+                        <tr>
+                            <td style="width: 10em">Is AJAX Request?</td>
+                            <td><?= $request->isAJAX() ? 'yes' : 'no' ?></td>
+                        </tr>
+                        <tr>
+                            <td>Is CLI Request?</td>
+                            <td><?= $request->isCLI() ? 'yes' : 'no' ?></td>
+                        </tr>
+                        <tr>
+                            <td>Is Secure Request?</td>
+                            <td><?= $request->isSecure() ? 'yes' : 'no' ?></td>
+                        </tr>
+                        <tr>
+                            <td>User Agent</td>
+                            <td><?= esc($request->getUserAgent()->getAgentString()) ?></td>
+                        </tr>
+
+                    </tbody>
+                </table>
+
+
+                <?php $empty = true; ?>
+                <?php foreach (['_GET', '_POST', '_COOKIE'] as $var) : ?>
+                    <?php
+                    if (empty($GLOBALS[$var]) || ! is_array($GLOBALS[$var])) {
+                        continue;
+                    } ?>
+
+                    <?php $empty = false; ?>
+
+                    <h3>$<?= esc($var) ?></h3>
+
+                    <table style="width: 100%">
+                        <thead>
+                            <tr>
+                                <th>Key</th>
+                                <th>Value</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                        <?php foreach ($GLOBALS[$var] as $key => $value) : ?>
+                            <tr>
+                                <td><?= esc($key) ?></td>
+                                <td>
+                                    <?php if (is_string($value)) : ?>
+                                        <?= esc($value) ?>
+                                    <?php else: ?>
+                                        <pre><?= esc(print_r($value, true)) ?></pre>
+                                    <?php endif; ?>
+                                </td>
+                            </tr>
+                        <?php endforeach; ?>
+                        </tbody>
+                    </table>
+
+                <?php endforeach ?>
+
+                <?php if ($empty) : ?>
+
+                    <div class="alert">
+                        No $_GET, $_POST, or $_COOKIE Information to show.
+                    </div>
+
+                <?php endif; ?>
+
+                <?php $headers = $request->headers(); ?>
+                <?php if (! empty($headers)) : ?>
+
+                    <h3>Headers</h3>
+
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>Header</th>
+                                <th>Value</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                        <?php foreach ($headers as $name => $value) : ?>
+                            <tr>
+                                <td><?= esc($name, 'html') ?></td>
+                                <td>
+                                <?php
+                                if ($value instanceof Header) {
+                                    echo esc($value->getValueLine(), 'html');
+                                } else {
+                                    foreach ($value as $i => $header) {
+                                        echo ' ('. $i+1 . ') ' . esc($header->getValueLine(), 'html');
+                                    }
+                                }
+                                ?>
+                                </td>
+                            </tr>
+                        <?php endforeach; ?>
+                        </tbody>
+                    </table>
+
+                <?php endif; ?>
+            </div>
+
+            <!-- Response -->
+            <?php
+                $response = service('response');
+                $response->setStatusCode(http_response_code());
+            ?>
+            <div class="content" id="response">
+                <table>
+                    <tr>
+                        <td style="width: 15em">Response Status</td>
+                        <td><?= esc($response->getStatusCode() . ' - ' . $response->getReasonPhrase()) ?></td>
+                    </tr>
+                </table>
+
+                <?php $headers = $response->headers(); ?>
+                <?php if (! empty($headers)) : ?>
+                    <h3>Headers</h3>
+
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>Header</th>
+                                <th>Value</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                        <?php foreach ($headers as $name => $value) : ?>
+                            <tr>
+                                <td><?= esc($name, 'html') ?></td>
+                                <td>
+                                <?php
+                                if ($value instanceof Header) {
+                                    echo esc($response->getHeaderLine($name), 'html');
+                                } else {
+                                    foreach ($value as $i => $header) {
+                                        echo ' ('. $i+1 . ') ' . esc($header->getValueLine(), 'html');
+                                    }
+                                }
+                                ?>
+                                </td>
+                            </tr>
+                        <?php endforeach; ?>
+                        </tbody>
+                    </table>
+
+                <?php endif; ?>
+            </div>
+
+            <!-- Files -->
+            <div class="content" id="files">
+                <?php $files = get_included_files(); ?>
+
+                <ol>
+                <?php foreach ($files as $file) :?>
+                    <li><?= esc(clean_path($file)) ?></li>
+                <?php endforeach ?>
+                </ol>
+            </div>
+
+            <!-- Memory -->
+            <div class="content" id="memory">
+
+                <table>
+                    <tbody>
+                        <tr>
+                            <td>Memory Usage</td>
+                            <td><?= esc(static::describeMemory(memory_get_usage(true))) ?></td>
+                        </tr>
+                        <tr>
+                            <td style="width: 12em">Peak Memory Usage:</td>
+                            <td><?= esc(static::describeMemory(memory_get_peak_usage(true))) ?></td>
+                        </tr>
+                        <tr>
+                            <td>Memory Limit:</td>
+                            <td><?= esc(ini_get('memory_limit')) ?></td>
+                        </tr>
+                    </tbody>
+                </table>
+
+            </div>
+
+        </div>  <!-- /tab-content -->
+
+    </div> <!-- /container -->
+    <?php endif; ?>
+
+</body>
+</html>
diff --git a/ci4app/app/Views/errors/html/production.php b/ci4app/app/Views/errors/html/production.php
new file mode 100644
index 0000000..2f59a8d
--- /dev/null
+++ b/ci4app/app/Views/errors/html/production.php
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <meta name="robots" content="noindex">
+
+    <title><?= lang('Errors.whoops') ?></title>
+
+    <style>
+        <?= preg_replace('#[\r\n\t ]+#', ' ', file_get_contents(__DIR__ . DIRECTORY_SEPARATOR . 'debug.css')) ?>
+    </style>
+</head>
+<body>
+
+    <div class="container text-center">
+
+        <h1 class="headline"><?= lang('Errors.whoops') ?></h1>
+
+        <p class="lead"><?= lang('Errors.weHitASnag') ?></p>
+
+    </div>
+
+</body>
+
+</html>
diff --git a/ci4app/app/Views/event_reader.php b/ci4app/app/Views/event_reader.php
new file mode 100644
index 0000000..4572f95
--- /dev/null
+++ b/ci4app/app/Views/event_reader.php
@@ -0,0 +1,445 @@
+<?php
+$title = "Events";
+$menu = "menus/men_event_reader";
+$header = "headers/hea_event_reader";
+
+$this->setVar('menu', $menu);
+$this->setVar('header', $header);
+$this->setVar('title', $title);
+
+
+
+?>
+
+<?= $this->extend('layouts/default') ?>
+<?= $this->section('content') ?>
+<div class="content relative lg:px-4 flex-grow">
+
+    <!--:Prelaoder:-->
+    <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+        <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+            <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+        </div>
+    </div>
+
+    <div id="readers-container" class="px-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4 mb-4">
+
+
+    </div>
+    <div id="readerstp-container" class="px-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4 mb-4">
+
+
+    </div>
+
+
+    <?php
+    // echo "<pre>";
+  // print_r($config_course);
+   // echo "</pre>";
+
+    // $config_tp['timingpoint'] doit exister
+    $timingPoints = $config_tp['timingpoint'] ?? [];
+
+    // Hauteur fixe visuelle de chaque TP (en px)
+    $tpHeight = 80;
+    $tpGap = 10;
+    // Largeur de chaque colonne d'intervalle (en px)
+    $intervalColWidth = 60;
+
+    // Indexer les TP par tp_id pour les alignements verticaux
+    $tpIndexById = [];
+    foreach ($timingPoints as $index => $tp) {
+        $tpIndexById[$tp['tp_id']] = $index;
+    }
+
+    // Récupérer toutes les lignes d'intervalles (une colonne par intervalle)
+    $intervals = [];
+    foreach ($timingPoints as $tp) {
+
+        // vérifier si la clé existe
+        if (!isset($tp['config_tp_interval']['clef_temp_minimum_read_entre'])) {
+            continue;
+        }
+
+        // lire toutes les lignes de cet interval
+        foreach ($tp['config_tp_interval']['clef_temp_minimum_read_entre'] as $row) {
+
+            $intervals[] = [
+                'label'    => 'clef_temp_minimum_read_entre',
+                'start_id' => isset($row['value2']) ? (int) $row['value2'] : 0,  // DÉBUT (tp_id)
+                'end_id'   => isset($row['value3']) ? (int) $row['value3'] : 0,  // FIN (tp_id)
+                'minimum'   => isset($row['value3']) ? (int) $row['value1'] : 0,  // FIN (tp_id)
+            ];
+        }
+    }
+
+    $nbTp        = count($timingPoints);
+    // Hauteur totale = toutes les cartes + les espaces entre elles
+    $totalHeight = $nbTp * $tpHeight + max(0, $nbTp - 1) * $tpGap;
+    ?>
+
+    <div class="px-4" data-collapse-root>
+
+        <!-- Header du collapse -->
+        <div class="flex items-center justify-between p-3 bg-white dark:bg-zinc-900 rounded-t-xl shadow-card">
+            <p class="text-left font-semibold">Config (<?php echo count($timingPoints); ?> timing points)</p>
+
+            <button data-collapse-btn class="text-zinc-700 dark:text-white">
+                <i data-lucide="chevron-down" class="w-5 h-5"></i>
+            </button>
+        </div>
+
+        <!-- Contenu collapsable -->
+        <div data-collapse-content class="mt-2">
+
+            <div class="lg:col-span-8">
+                <!--:Card:-->
+                <div class="rounded-xl bg-green-300 dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="flex items-center justify-between p-4 pb-2">
+                        <h1  >Config COURSE</h1>
+
+                    </div>
+                    <div class="overflow-x-auto px-2">
+                        <table class="table-default">
+
+                            <tbody>
+
+
+                            <?php foreach ($config_course as $cle => $course):
+
+                                ?>
+                            <tr>
+                                <td class="min-w-64">
+                                    <div class="flex gap-3.5">
+                                         <div class="flex-grow">
+                                            <h6 class="mb-1.5"><?php echo $cle; ?></h6>
+
+                                        </div>
+                                    </div>
+                                </td>
+                                <td> <?php echo $course[0]['output']; ?></td>
+                                <td class="min-w-40">
+                                    <div class="flex items-center gap-3.5">
+
+                                    </div>
+                                </td>
+                                <td>
+                                    <div class="flex items-center gap-4">
+                                        <div class="flex flex-col gap-1">
+
+                                        </div>
+                                        <div class="flex flex-col gap-1">
+
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+                            <?php endforeach; ?>
+
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+
+
+
+            <div class="flex gap-[0px] items-start">
+
+                <!-- COLONNE GAUCHE : TIMING POINTS (~75%) -->
+                <div class="w-4/5">
+                    <?php foreach ($timingPoints as $tp):
+                      //    echo "<pre>";
+                       //   print_r($tp);
+                       //   echo "</pre>";
+                        ?>
+                        <div
+                                class="rounded-xl bg-blue-300 dark:bg-zinc-900 shadow-card mb-3 flex items-center px-4"
+                                style="height: <?php echo $tpHeight; ?>px;"
+                        >
+                            <!-- Icone + Nom du TP -->
+                            <div class="flex items-center gap-3.5 flex-1">
+                                <div class="flex items-center justify-center p-4 rounded-lg shrink-0 bg-red-500/10 text-red-500">
+                                    <span class="icon-[lucide--mouse-pointer-2] text-xl"></span>
+                                </div>
+                                <div class="flex-grow">
+                                    <p class="mb-1 font-semibold"><?php echo $tp['tp_name']; ?></p>
+                                    <p class="mb-1 text-sm text-zinc-600">tp_id : <?php echo $tp['tp_id']; ?></p>
+                                </div>
+                            </div>
+
+                            <!-- Temp minimum read -->
+                            <div class="flex items-center gap-3.5 flex-1">
+                                <div class="flex items-center justify-center p-4 rounded-lg shrink-0 bg-primary/20 text-primary">
+                                    <i data-lucide="timer" class="w-4 h-4"></i>
+                                </div>
+                                <div class="flex-grow">
+                                    <?php $minRead = $tp['config_tp']['clef_temp_read'][0] ?? null; ?>
+                                    <?php $bbk = $tp['config_tp']['clef_temp_bbk'][0]['value1']  ?? null; ?>
+                                    <p class="mb-1 text-sm">
+                                        mode: <?php echo $minRead['value1'] ?? ''; ?><br>
+                                       bbk:<?php echo $bbk  ?? ''; ?><br>
+                                    </p>
+                                    <p class="mb-1 text-sm">
+
+                                    </p>
+                                </div>
+                            </div>
+
+                            <!-- Liste des contrôleurs -->
+                            <div class="flex items-center gap-3.5 flex-1">
+                                <div class="flex-grow">
+                                    <?php foreach ($tp['config_tp']['clef_controleur'] ?? [] as $ctrl): ?>
+                                        <p class="mb-1 text-sm">
+                                            <?php echo $ctrl['value1']; ?>
+                                            - (<?php echo $ctrl['value2']; ?>)
+                                            - (<?php echo $ctrl['value3']; ?>)
+                                        </p>
+                                    <?php endforeach; ?>
+                                </div>
+                            </div>
+
+                            <!-- Case vide / future config -->
+                            <div class="flex items-center gap-3.5">
+                                <div class="flex items-center justify-center p-4 rounded-lg shrink-0 bg-yellow-500/20 text-yellow-500">
+                                </div>
+                            </div>
+                        </div>
+                    <?php endforeach; ?>
+                </div>
+
+                <!-- COLONNES DROITES : INTERVALLES (~25%) -->
+
+                <?php if (!empty($intervals)): ?>
+                    <!-- COLONNES DROITES : INTERVALLES (~25%) -->
+                    <div class="overflow-x-auto pt-2 shrink-0" style="width:160px;">
+
+                        <div class="flex gap-0">
+
+
+                            <?php foreach ($intervals as $interval): ?>
+
+                                <?php
+                                // Skip si start_id ou end_id n'existent pas dans la map
+                                if (!isset($tpIndexById[$interval['start_id']], $tpIndexById[$interval['end_id']])) {
+                                    continue;
+                                }
+
+                                // Convertir tp_id → index de ligne
+                                $startIndex = $tpIndexById[$interval['start_id']];
+                                $endIndex   = $tpIndexById[$interval['end_id']];
+
+                                // S'assurer startIndex <= endIndex
+                                if ($endIndex < $startIndex) {
+                                    $tmp        = $startIndex;
+                                    $startIndex = $endIndex;
+                                    $endIndex   = $tmp;
+                                }
+
+                                // Position de départ (index * (hauteur + gap))
+                                $top = $startIndex * ($tpHeight + $tpGap);
+
+// Hauteur du segment = toutes les cartes couvertes + les gaps entre elles
+                                $height = ($endIndex - $startIndex + 1) * $tpHeight
+                                    + max(0, $endIndex - $startIndex) * $tpGap;
+
+                                ?>
+
+                                <!-- DEBUG propre -->
+                                <pre style="font-size:12px;color:#333;">
+
+
+    </pre>
+
+                                <!-- Colonne d’un intervalle -->
+                                <div class="relative rounded-xl bg-blue-200"
+                                     style="width:10px; height:<?= $totalHeight ?>px;">
+
+                                    <!-- Barre bleue -->
+                                    <div class="absolute left-1/2 -translate-x-1/2 bg-blue-200 rounded-full shadow"
+
+                                         style="
+                                                 top: <?= $top ?>px;
+                                                 height: <?= $height ?>px;
+                                                 width: 20px;  background-color: #2563eb;
+                                                 ">
+
+
+                                        <!-- TEXTE VERTICAL -->
+                                        <div style="
+        writing-mode: vertical-rl;
+        transform: rotate(180deg);
+        color: white;
+        font-size: 12px;
+        font-weight: bold;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%) rotate(180deg);
+        white-space: nowrap;
+    ">
+                                            Minumum <?=  $interval['minimum'] ?> sec.
+                                        </div>
+                                    </div>
+
+                                </div>
+
+                            <?php endforeach; ?>
+
+
+                        </div>
+                    </div>
+                <?php endif; ?>
+
+
+            </div>
+        </div>
+    </div>
+
+
+
+
+
+
+
+
+
+
+    <script>
+        const DEBUG = <?= (ENVIRONMENT === 'development') ? 'true' : 'false' ?>;
+
+        const conId = <?= json_encode($data['config']['con_id'] ) ?>;
+
+        document.addEventListener('DOMContentLoaded', () => {
+
+            const container = document.getElementById('readers-container');
+            const eventId = <?= json_encode($id) ?>;
+
+            let refreshRate = 1000; // 1 seconde en ms (sera mis à jour par le JSON)
+
+            async function loadReaders() {
+                try {
+                    const response = await fetch('/event/reader-json/' + eventId);
+                    const json = await response.json();
+                    if (DEBUG) {
+                        console.log('JSON complet reçu:', json);
+                        console.log('json.readers = ', json.readers);
+                        console.log('Array.isArray(json.readers) = ', Array.isArray(json.readers));
+                    }
+                    // MAJ du rate si tu changes plus tard dans DB
+                    refreshRate = json.refreshRate * 1000;
+
+                    // Reconstruire les cartes
+                    let html = '';
+                    const readersRaw = json.readers ?? [];
+                    const readers = Array.isArray(readersRaw) ? readersRaw : Object.values(readersRaw);
+
+                    readers.forEach(reader => {
+                        // Préparer les dates
+                        const start = new Date(reader.start_time * 1000)
+                            .toISOString().replace('T', ' ').substring(0, 19);
+
+                        const end = new Date(reader.end_time * 1000)
+                            .toISOString().replace('T', ' ').substring(0, 19);
+
+                        html += `
+    <div class="p-4 gap-2.5 rounded-xl shadow-card" style="background-color:${reader.bg_color};">
+        <div class="flex flex-col">
+            <div class="flex items-center justify-between mb-1">
+                <div class="flex items-center gap-2">
+                    <div class="size-10 rounded-lg bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center">
+                        <span class="icon-[${reader.icon}] text-xl"></span>
+                    </div>
+                    <h5 class="text-1xl m-0">${reader.location}</h5>
+                </div>
+            </div>
+
+            <div class="flex items-center justify-between mb-1">
+                <span class="px-3 py-1 text-sm text-black dark:text-white">Lectures</span>
+                <span class="badge bg-green-500/10 text-sky-950">${reader.count}</span>
+            </div>
+
+            <div class="flex items-center justify-between mb-1">
+                <span class="badge bg-green-500/10 text-amber-900">${start}</span>
+            </div>
+
+            <div class="flex items-center justify-between mb-1">
+                <span class="badge bg-green-500/10 text-blue-500">${end}</span>
+            </div>
+        </div>
+    </div>
+    `;
+                    });
+
+
+                    // Injecter dans le DOM
+                    container.innerHTML = html;
+
+                } catch (err) {
+                    console.error('Erreur AJAX Reader:', err);
+                }
+
+                // Relancer après X secondes
+                setTimeout(loadReaders, refreshRate);
+            }
+
+            // Premier appel
+            loadReaders();
+            loadReaderTP();
+        });
+
+        async function loadReaderTP() {
+            try {
+                const response = await fetch('/event/readertp-json/' + conId );
+                const json = await response.json();
+
+                refreshRate = json.refreshRate * 1000;
+                const process_status = json?.process_status ?? null;
+                const containerTP = document.getElementById('readerstp-container');
+                const listTP = json.readertimingpoint?.timingpoint ?? [];
+                let html = '';
+
+                listTP.forEach(tp => {
+                    html += `
+                <div class="p-3 gap-2.5 rounded-xl shadow-card bg-white dark:bg-zinc-900">
+                    <div class="flex flex-col">
+
+                        <div class="flex items-center justify-between mb-1">
+                            <h5 class="text-1xl m-0">${tp.tp_name}</h5>
+                        </div>
+
+                        <div class="flex items-center justify-between mb-1">
+                            <span class="px-3 py-1 text-sm text-black dark:text-white">Lecture valide</span>
+                            <span class="badge bg-green-500/10 text-sky-950">${tp.lecture_count}</span>
+                        </div>
+
+                        <div class="flex items-center justify-between mb-1">
+                             <span class="px-3 py-1 text-sm text-black dark:text-white">Statut</span>
+
+                            <span class="badge bg-green-500/10 text-amber-900">${process_status}</span>
+
+                        </div>
+
+                    </div>
+                </div>
+            `;
+                });
+
+                containerTP.innerHTML = html;
+
+            } catch (err) {
+                console.error('Erreur AJAX TP:', err);
+            }
+
+            setTimeout(loadReaderTP, refreshRate);
+        }
+
+
+
+
+    </script>
+
+    <?= $this->endSection() ?>
+
+
+
diff --git a/ci4app/app/Views/event_readerbbk.php b/ci4app/app/Views/event_readerbbk.php
new file mode 100644
index 0000000..b15fa84
--- /dev/null
+++ b/ci4app/app/Views/event_readerbbk.php
@@ -0,0 +1,290 @@
+<?php
+$title = "Events";
+$menu = "menus/men_event_reader";
+$header = "headers/hea_event_reader";
+
+$this->setVar('menu', $menu);
+$this->setVar('header', $header);
+$this->setVar('title', $title);
+
+
+
+?>
+
+<?= $this->extend('layouts/default') ?>
+<?= $this->section('content') ?>
+<div class="content relative lg:px-4 flex-grow">
+    <!--:Prelaoder:-->
+    <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+        <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+            <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+        </div>
+    </div>
+
+    <div id="readers-container" class="px-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4 mb-4">
+
+
+    </div>
+    <div id="readerstp-container" class="px-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4 mb-4">
+
+
+    </div>
+    <?php
+    echo "<pre>";
+    print_r($config_tp);
+    echo "</pre>";
+
+    ?>
+    <?php
+    // $config_tp['timingpoint'] doit exister
+    $timingPoints = $config_tp['timingpoint'] ?? [];
+    ?>
+
+    <div class="px-4" data-collapse-root>
+
+        <!-- Header du collapse -->
+        <div class="flex items-center justify-between p-3 bg-white dark:bg-zinc-900 rounded-t-xl shadow-card">
+            <p class="text-left font-semibold">Config (<?php echo count($timingPoints); ?> timing points)</p>
+
+            <button data-collapse-btn class="text-zinc-700 dark:text-white">
+                <i data-lucide="chevron-down" class="w-5 h-5"></i>
+            </button>
+        </div>
+
+        <!-- Contenu collapsable -->
+        <div data-collapse-content class="mt-2">
+
+            <?php foreach ($timingPoints as $tp): ?>
+
+                <!-- ========================= -->
+                <!-- BLOC TIMING POINT (TP)   -->
+                <!-- ========================= -->
+                <div class="rounded-xl bg-blue-300 dark:bg-zinc-900 shadow-card mb-4">
+                    <div class="grid grid-cols-1 p-2 md:grid-cols-4">
+
+                        <!-- Icone + Nom du TP -->
+                        <div class="flex items-center gap-3.5 p-4">
+                            <div class="flex items-center justify-center p-4 rounded-lg shrink-0 bg-red-500/10 text-red-500">
+                                <span class="icon-[lucide--mouse-pointer-2] text-xl"></span>
+                            </div>
+                            <div class="flex-grow">
+                                <p class="mb-1 font-semibold"><?php echo $tp['tp_name']; ?></p>
+                                <p class="mb-1 text-sm text-zinc-600">tp_id : <?php echo $tp['tp_id']; ?></p>
+                            </div>
+                        </div>
+
+                        <!-- Temp minimum read -->
+                        <div class="flex items-center gap-3.5 p-4">
+                            <div class="flex items-center justify-center p-4 rounded-lg shrink-0 bg-primary/20 text-primary">
+                                <i data-lucide="timer" class="w-4 h-4"></i>
+                            </div>
+
+                            <div class="flex-grow">
+                                <?php
+                                $minRead = $tp['config_tp']['clef_temp_minimum_read'][0] ?? null;
+                                ?>
+                                <p class="mb-1 text-sm">
+                                    Minimum read : <?php echo $minRead['value1'] ?? ''; ?>
+                                </p>
+                                <p class="mb-1 text-sm">
+                                    Mode : <?php echo $minRead['value2'] ?? ''; ?>
+                                </p>
+                            </div>
+                        </div>
+
+                        <!-- Liste des contrôleurs -->
+                        <div class="flex items-center gap-3.5 p-4">
+                            <div class="flex-grow">
+                                <?php foreach ($tp['config_tp']['clef_controleur'] ?? [] as $ctrl): ?>
+                                    <p class="mb-1 text-sm">
+                                        <?php echo $ctrl['value1']; ?>
+                                        - (<?php echo $ctrl['value2']; ?>)
+                                        - (<?php echo $ctrl['value3']; ?>)
+                                    </p>
+                                <?php endforeach; ?>
+                            </div>
+                        </div>
+
+                        <!-- Case vide ou future config -->
+                        <div class="flex items-center gap-3.5 p-4">
+                            <div class="flex items-center justify-center p-4 rounded-lg shrink-0 bg-yellow-500/20 text-yellow-500">
+                            </div>
+                            <div class="flex-grow"></div>
+                        </div>
+
+                    </div>
+                </div>
+
+                <!-- ========================= -->
+                <!-- BLOC INTERVAL              -->
+                <!-- ========================= -->
+                <?php if (isset($tp['config_tp_interval'])): ?>
+                    <div class="rounded-xl bg-blue-300 dark:bg-zinc-900 shadow-card mb-4">
+                        <div class="grid grid-cols-1 p-2 md:grid-cols-4">
+
+                            <!-- Titre interval -->
+                            <div class="flex items-center gap-3.5 p-4 font-semibold">
+                                Interval
+                            </div>
+
+                            <!-- Valeur interval -->
+                            <div class="flex items-center gap-3.5 p-4 text-sm">
+                                <?php
+                                $interval = $tp['config_tp_interval']['clef_temp_minimum_read_entre'][0] ?? null;
+                                echo $interval['value1'] ?? '';
+                                ?>
+                            </div>
+
+                            <div class="flex items-center gap-3.5 p-4"></div>
+                            <div class="flex items-center gap-3.5 p-4"></div>
+
+                        </div>
+                    </div>
+                <?php endif; ?>
+
+            <?php endforeach; ?>
+
+        </div>
+    </div>
+
+
+
+
+
+
+
+<script>
+    const DEBUG = <?= (ENVIRONMENT === 'development') ? 'true' : 'false' ?>;
+
+    const conId = <?= json_encode($data['config']['con_id'] ) ?>;
+
+    document.addEventListener('DOMContentLoaded', () => {
+
+        const container = document.getElementById('readers-container');
+        const eventId = <?= json_encode($id) ?>;
+
+        let refreshRate = 1000; // 1 seconde en ms (sera mis à jour par le JSON)
+
+        async function loadReaders() {
+            try {
+                const response = await fetch('/event/reader-json/' + eventId);
+                const json = await response.json();
+                if (DEBUG) {
+                console.log('JSON complet reçu:', json);
+                console.log('json.readers = ', json.readers);
+                console.log('Array.isArray(json.readers) = ', Array.isArray(json.readers));
+                }
+                // MAJ du rate si tu changes plus tard dans DB
+                refreshRate = json.refreshRate * 1000;
+
+                // Reconstruire les cartes
+                let html = '';
+                const readersRaw = json.readers ?? [];
+                const readers = Array.isArray(readersRaw) ? readersRaw : Object.values(readersRaw);
+
+                readers.forEach(reader => {
+                    // Préparer les dates
+                    const start = new Date(reader.start_time * 1000)
+                        .toISOString().replace('T', ' ').substring(0, 19);
+
+                    const end = new Date(reader.end_time * 1000)
+                        .toISOString().replace('T', ' ').substring(0, 19);
+
+                    html += `
+    <div class="p-4 gap-2.5 rounded-xl shadow-card" style="background-color:${reader.bg_color};">
+        <div class="flex flex-col">
+            <div class="flex items-center justify-between mb-1">
+                <div class="flex items-center gap-2">
+                    <div class="size-10 rounded-lg bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center">
+                        <span class="icon-[${reader.icon}] text-xl"></span>
+                    </div>
+                    <h5 class="text-1xl m-0">${reader.location}</h5>
+                </div>
+            </div>
+
+            <div class="flex items-center justify-between mb-1">
+                <span class="px-3 py-1 text-sm text-black dark:text-white">Lectures</span>
+                <span class="badge bg-green-500/10 text-sky-950">${reader.count}</span>
+            </div>
+
+            <div class="flex items-center justify-between mb-1">
+                <span class="badge bg-green-500/10 text-amber-900">${start}</span>
+            </div>
+
+            <div class="flex items-center justify-between mb-1">
+                <span class="badge bg-green-500/10 text-blue-500">${end}</span>
+            </div>
+        </div>
+    </div>
+    `;
+                });
+
+
+                // Injecter dans le DOM
+                container.innerHTML = html;
+
+            } catch (err) {
+                console.error('Erreur AJAX Reader:', err);
+            }
+
+            // Relancer après X secondes
+            setTimeout(loadReaders, refreshRate);
+        }
+
+        // Premier appel
+        loadReaders();
+        loadReaderTP();
+    });
+
+    async function loadReaderTP() {
+        try {
+            const response = await fetch('/event/readertp-json/' + conId );
+            const json = await response.json();
+
+            refreshRate = json.refreshRate * 1000;
+
+            const containerTP = document.getElementById('readerstp-container');
+            const listTP = json.readertimingpoint?.timingpoint ?? [];
+            let html = '';
+
+            listTP.forEach(tp => {
+                html += `
+                <div class="p-4 gap-2.5 rounded-xl shadow-card bg-white dark:bg-zinc-900">
+                    <div class="flex flex-col">
+
+                        <div class="flex items-center justify-between mb-1">
+                            <h5 class="text-1xl m-0">${tp.tp_name}</h5>
+                        </div>
+
+                        <div class="flex items-center justify-between mb-1">
+                            <span class="px-3 py-1 text-sm text-black dark:text-white">Readers</span>
+                            <span class="badge bg-green-500/10 text-sky-950">${tp.tp_reader}</span>
+                        </div>
+
+                        <div class="flex items-center justify-between mb-1">
+                            <span class="badge bg-green-500/10 text-amber-900">Trie: ${tp.tp_trie}</span>
+                        </div>
+
+                    </div>
+                </div>
+            `;
+            });
+
+            containerTP.innerHTML = html;
+
+        } catch (err) {
+            console.error('Erreur AJAX TP:', err);
+        }
+
+        setTimeout(loadReaderTP, refreshRate);
+    }
+
+
+
+
+</script>
+
+<?= $this->endSection() ?>
+
+
+
diff --git a/ci4app/app/Views/event_readerbbk2.php b/ci4app/app/Views/event_readerbbk2.php
new file mode 100644
index 0000000..803c67d
--- /dev/null
+++ b/ci4app/app/Views/event_readerbbk2.php
@@ -0,0 +1,348 @@
+<?php
+$title = "Events";
+$menu = "menus/men_event_reader";
+$header = "headers/hea_event_reader";
+
+$this->setVar('menu', $menu);
+$this->setVar('header', $header);
+$this->setVar('title', $title);
+
+
+
+?>
+
+<?= $this->extend('layouts/default') ?>
+<?= $this->section('content') ?>
+<div class="content relative lg:px-4 flex-grow">
+    <!--:Prelaoder:-->
+    <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+        <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+            <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+        </div>
+    </div>
+
+    <div id="readers-container" class="px-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4 mb-4">
+
+
+    </div>
+    <div id="readerstp-container" class="px-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4 mb-4">
+
+
+    </div>
+    <?php
+    echo "<pre>";
+    print_r($config_tp);
+    echo "</pre>";
+
+    ?>
+    <?php
+
+// $config_tp['timingpoint'] doit exister
+$timingPoints = $config_tp['timingpoint'] ?? [];
+
+// Hauteur fixe visuelle de chaque TP (en px)
+$tpHeight = 70;
+
+// Largeur de chaque colonne d'intervalle (en px)
+$intervalColWidth = 60;
+
+// Indexer les TP par tp_id pour les alignements verticaux
+$tpIndexById = [];
+foreach ($timingPoints as $index => $tp) {
+    $tpIndexById[$tp['tp_id']] = $index;
+}
+
+// Récupérer toutes les lignes d'intervalles (une colonne par intervalle)
+$intervals = [];
+    foreach ($timingPoints as $tp) {
+
+        // vérifier si la clé existe
+        if (!isset($tp['config_tp_interval']['clef_temp_minimum_read_entre'])) {
+            continue;
+        }
+
+        // lire toutes les lignes de cet interval
+        foreach ($tp['config_tp_interval']['clef_temp_minimum_read_entre'] as $row) {
+
+            $intervals[] = [
+                'label'    => 'clef_temp_minimum_read_entre',
+                'start_id' => isset($row['value2']) ? (int) $row['value2'] : 0,  // DÉBUT (tp_id)
+                'end_id'   => isset($row['value3']) ? (int) $row['value3'] : 0,  // FIN (tp_id)
+            ];
+        }
+    }
+print_r($intervals);
+$nbTp        = count($timingPoints);
+$totalHeight = $nbTp * $tpHeight;
+?>
+
+    <div class="px-4" data-collapse-root>
+
+        <!-- Header du collapse -->
+        <div class="flex items-center justify-between p-3 bg-white dark:bg-zinc-900 rounded-t-xl shadow-card">
+            <p class="text-left font-semibold">Config (<?php echo count($timingPoints); ?> timing points)</p>
+
+            <button data-collapse-btn class="text-zinc-700 dark:text-white">
+                <i data-lucide="chevron-down" class="w-5 h-5"></i>
+            </button>
+        </div>
+
+        <!-- Contenu collapsable -->
+        <div data-collapse-content class="mt-2">
+
+            <div class="flex gap-4">
+
+                <!-- COLONNE GAUCHE : TIMING POINTS (~75%) -->
+                <div class="w-3/4">
+                    <?php foreach ($timingPoints as $tp): ?>
+                        <div
+                                class="rounded-xl bg-blue-300 dark:bg-zinc-900 shadow-card mb-3 flex items-center px-4"
+                                style="height: <?php echo $tpHeight; ?>px;"
+                        >
+                            <!-- Icone + Nom du TP -->
+                            <div class="flex items-center gap-3.5 flex-1">
+                                <div class="flex items-center justify-center p-4 rounded-lg shrink-0 bg-red-500/10 text-red-500">
+                                    <span class="icon-[lucide--mouse-pointer-2] text-xl"></span>
+                                </div>
+                                <div class="flex-grow">
+                                    <p class="mb-1 font-semibold"><?php echo $tp['tp_name']; ?></p>
+                                    <p class="mb-1 text-sm text-zinc-600">tp_id : <?php echo $tp['tp_id']; ?></p>
+                                </div>
+                            </div>
+
+                            <!-- Temp minimum read -->
+                            <div class="flex items-center gap-3.5 flex-1">
+                                <div class="flex items-center justify-center p-4 rounded-lg shrink-0 bg-primary/20 text-primary">
+                                    <i data-lucide="timer" class="w-4 h-4"></i>
+                                </div>
+                                <div class="flex-grow">
+                                    <?php $minRead = $tp['config_tp']['clef_temp_minimum_read'][0] ?? null; ?>
+                                    <p class="mb-1 text-sm">
+                                        Minimum read : <?php echo $minRead['value1'] ?? ''; ?>
+                                    </p>
+                                    <p class="mb-1 text-sm">
+                                        Mode : <?php echo $minRead['value2'] ?? ''; ?>
+                                    </p>
+                                </div>
+                            </div>
+
+                            <!-- Liste des contrôleurs -->
+                            <div class="flex items-center gap-3.5 flex-1">
+                                <div class="flex-grow">
+                                    <?php foreach ($tp['config_tp']['clef_controleur'] ?? [] as $ctrl): ?>
+                                        <p class="mb-1 text-sm">
+                                            <?php echo $ctrl['value1']; ?>
+                                            - (<?php echo $ctrl['value2']; ?>)
+                                            - (<?php echo $ctrl['value3']; ?>)
+                                        </p>
+                                    <?php endforeach; ?>
+                                </div>
+                            </div>
+
+                            <!-- Case vide / future config -->
+                            <div class="flex items-center gap-3.5">
+                                <div class="flex items-center justify-center p-4 rounded-lg shrink-0 bg-yellow-500/20 text-yellow-500">
+                                </div>
+                            </div>
+                        </div>
+                    <?php endforeach; ?>
+                </div>
+
+                <!-- COLONNES DROITES : INTERVALLES (~25%) -->
+                <?php if (!empty($intervals)): ?>
+                    <div class="w-1/4 overflow-x-auto">
+                        <div class="flex gap-2">
+                            <?php foreach ($intervals as $interval): ?>
+                                <?php
+                                if (!isset($tpIndexById[$interval['start_id']], $tpIndexById[$interval['end_id']])) {
+                                    // Interval mal défini, on saute
+                                    continue;
+                                }
+
+                                $startIndex = $tpIndexById[$interval['start_id']];
+                                $endIndex   = $tpIndexById[$interval['end_id']];
+
+                                // On s'assure que start <= end
+                                if ($endIndex < $startIndex) {
+                                    $tmp        = $startIndex;
+                                    $startIndex = $endIndex;
+                                    $endIndex   = $tmp;
+                                }
+
+                                $top    = $startIndex * $tpHeight;
+                                $height = ($endIndex - $startIndex + 1) * $tpHeight;
+                                ?>
+
+                                <div class="flex flex-col items-center">
+                                    <!-- Étiquette de la colonne (optionnelle) -->
+                                    <div class="text-xs font-semibold mb-1">
+                                        <?php echo htmlspecialchars($interval['label'], ENT_QUOTES, 'UTF-8'); ?>
+                                    </div>
+
+                                    <!-- Conteneur vertical pour la barre -->
+                                    <div
+                                            class="relative bg-blue-100 dark:bg-zinc-800 rounded"
+                                            style="width: <?php echo $intervalColWidth; ?>px; height: <?php echo $totalHeight; ?>px;"
+                                    >
+                                        <!-- Barre verticale de l'intervalle -->
+                                        <div
+                                                class="absolute left-1/2 -translate-x-1/2 bg-primary/70 rounded-full"
+                                                style="
+                                                        top: <?php echo $top; ?>px;
+                                                        height: <?php echo $height; ?>px;
+                                                        width: 12px;
+                                                        "
+                                        ></div>
+                                    </div>
+                                </div>
+                            <?php endforeach; ?>
+                        </div>
+                    </div>
+                <?php endif; ?>
+
+            </div>
+        </div>
+    </div>
+
+
+
+
+
+
+
+
+    <script>
+        const DEBUG = <?= (ENVIRONMENT === 'development') ? 'true' : 'false' ?>;
+
+        const conId = <?= json_encode($data['config']['con_id'] ) ?>;
+
+        document.addEventListener('DOMContentLoaded', () => {
+
+            const container = document.getElementById('readers-container');
+            const eventId = <?= json_encode($id) ?>;
+
+            let refreshRate = 1000; // 1 seconde en ms (sera mis à jour par le JSON)
+
+            async function loadReaders() {
+                try {
+                    const response = await fetch('/event/reader-json/' + eventId);
+                    const json = await response.json();
+                    if (DEBUG) {
+                        console.log('JSON complet reçu:', json);
+                        console.log('json.readers = ', json.readers);
+                        console.log('Array.isArray(json.readers) = ', Array.isArray(json.readers));
+                    }
+                    // MAJ du rate si tu changes plus tard dans DB
+                    refreshRate = json.refreshRate * 1000;
+
+                    // Reconstruire les cartes
+                    let html = '';
+                    const readersRaw = json.readers ?? [];
+                    const readers = Array.isArray(readersRaw) ? readersRaw : Object.values(readersRaw);
+
+                    readers.forEach(reader => {
+                        // Préparer les dates
+                        const start = new Date(reader.start_time * 1000)
+                            .toISOString().replace('T', ' ').substring(0, 19);
+
+                        const end = new Date(reader.end_time * 1000)
+                            .toISOString().replace('T', ' ').substring(0, 19);
+
+                        html += `
+    <div class="p-4 gap-2.5 rounded-xl shadow-card" style="background-color:${reader.bg_color};">
+        <div class="flex flex-col">
+            <div class="flex items-center justify-between mb-1">
+                <div class="flex items-center gap-2">
+                    <div class="size-10 rounded-lg bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center">
+                        <span class="icon-[${reader.icon}] text-xl"></span>
+                    </div>
+                    <h5 class="text-1xl m-0">${reader.location}</h5>
+                </div>
+            </div>
+
+            <div class="flex items-center justify-between mb-1">
+                <span class="px-3 py-1 text-sm text-black dark:text-white">Lectures</span>
+                <span class="badge bg-green-500/10 text-sky-950">${reader.count}</span>
+            </div>
+
+            <div class="flex items-center justify-between mb-1">
+                <span class="badge bg-green-500/10 text-amber-900">${start}</span>
+            </div>
+
+            <div class="flex items-center justify-between mb-1">
+                <span class="badge bg-green-500/10 text-blue-500">${end}</span>
+            </div>
+        </div>
+    </div>
+    `;
+                    });
+
+
+                    // Injecter dans le DOM
+                    container.innerHTML = html;
+
+                } catch (err) {
+                    console.error('Erreur AJAX Reader:', err);
+                }
+
+                // Relancer après X secondes
+                setTimeout(loadReaders, refreshRate);
+            }
+
+            // Premier appel
+            loadReaders();
+            loadReaderTP();
+        });
+
+        async function loadReaderTP() {
+            try {
+                const response = await fetch('/event/readertp-json/' + conId );
+                const json = await response.json();
+
+                refreshRate = json.refreshRate * 1000;
+
+                const containerTP = document.getElementById('readerstp-container');
+                const listTP = json.readertimingpoint?.timingpoint ?? [];
+                let html = '';
+
+                listTP.forEach(tp => {
+                    html += `
+                <div class="p-4 gap-2.5 rounded-xl shadow-card bg-white dark:bg-zinc-900">
+                    <div class="flex flex-col">
+
+                        <div class="flex items-center justify-between mb-1">
+                            <h5 class="text-1xl m-0">${tp.tp_name}</h5>
+                        </div>
+
+                        <div class="flex items-center justify-between mb-1">
+                            <span class="px-3 py-1 text-sm text-black dark:text-white">Readers</span>
+                            <span class="badge bg-green-500/10 text-sky-950">${tp.tp_reader}</span>
+                        </div>
+
+                        <div class="flex items-center justify-between mb-1">
+                            <span class="badge bg-green-500/10 text-amber-900">Trie: ${tp.tp_trie}</span>
+                        </div>
+
+                    </div>
+                </div>
+            `;
+                });
+
+                containerTP.innerHTML = html;
+
+            } catch (err) {
+                console.error('Erreur AJAX TP:', err);
+            }
+
+            setTimeout(loadReaderTP, refreshRate);
+        }
+
+
+
+
+    </script>
+
+    <?= $this->endSection() ?>
+
+
+
diff --git a/ci4app/app/Views/events_list.php b/ci4app/app/Views/events_list.php
new file mode 100644
index 0000000..e848020
--- /dev/null
+++ b/ci4app/app/Views/events_list.php
@@ -0,0 +1,162 @@
+<?php
+$title  = "Events";
+$menu   = "menus/men_events_list";
+$header = "headers/hea_default";
+
+$this->setVar('menu', $menu);
+$this->setVar('header', $header);
+$this->setVar('title', $title);
+$Appconfig = config('App');
+
+?>
+
+<?= $this->extend('layouts/default') ?>
+<?= $this->section('content') ?>
+
+
+<!-- =======================
+     PANEL UNIQUE (RAVEN)
+======================= -->
+<div class="px-4 lg:px-8 py-4">
+    <h2 class="text-xl mb-2">Évenements</h2>
+
+</div>
+<!--:Page content:-->
+<div class="content lg:px-4 flex-grow">
+    <div class="grid grid-cols-1 px-4">
+        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+            <!--:  <div class="flex flex-wrap gap-2 items-center p-4 border-b border-zinc-500/10 dark:border-zinc-800">
+                <div class="flex-grow">
+                    <div class="relative">
+                        <input type="search" class="input !ps-9" name="productSearch" id="productSearch"
+                               placeholder="Search product">
+                        <span class="iconify icon-[lucide--search] pointer-events-none absolute start-0 top-0 h-full flex items-center justify-center ms-3 text-muted"></span>
+                    </div>
+                </div>
+
+                <div class="flex items-center flex-wrap justify-end gap-2">
+                    <button id="deleteBtn" class="btn bg-red-500 text-white hover:bg-red-600 cursor-pointer"
+                            style="display: none;">Delete</button>
+                    <div class="flex items-center gap-2">
+                        <div class="relative">
+                            <button data-bs-toggle="dropdown" type="button" class="btn btn-default">
+                                <span class="icon-[lucide--download] text-lg me-1"></span>
+                                Download <span class="icon-[lucide--chevron-down] ms-1"></span></button>
+                            <div class="dropdown-menu w-48 z-50 absolute !end-0 !start-auto">
+                                <a href="#!" class="dropdown-item">
+                                    <span class="icon-[lucide--copy] dropdown-icon"></span> Copy Json
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    <span class="icon-[lucide--printer] dropdown-icon"></span> Print
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    <img src="images/files/excel.svg" class="h-4 me-2" alt=""> Download Exel
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    <img src="images/files/csv.svg" class="h-4 me-2" alt=""> Download .CSV
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    <img src="images/files/pdf.svg" class="h-4 w-auto me-2" alt=""> Download .PDF
+                                </a>
+                            </div>
+                        </div>
+                        <a href="product-add.html"
+                           class="btn bg-primary shrink-0 text-white hover:bg-primary-deep">
+                            <span class="icon-[lucide--plus] text-lg me-1"></span>
+                            Add Product</a>
+                    </div>
+                </div>
+            </div>  -->
+            <table id="table_products" class="table-default">
+                <thead class="">
+                <tr>
+                    <th data-orderable="false">
+
+                    </th>
+                    <th>
+                        <div class="flex items-center">
+                            nom
+                        </div>
+                    </th>
+                    <th>
+                        course
+                    </th>
+                    <th>
+                        date
+                    </th>
+                    <th>
+                        evenent name
+                    </th>
+                    <th>
+
+                    </th>
+                    <th data-orderable="false">
+
+                    </th>
+                </tr>
+                </thead>
+                <tbody>
+                <?php foreach ($events as $item): ?>
+                    <?php
+                    $config = $item['config'];
+                    $course = $item['course'];
+                    $event  = $item['event'];
+                    ?>
+                    <tr>
+                        <td></td>
+
+                        <!-- Nom de course + lien -->
+                        <td class="whitespace-nowrap dark:text-white">
+                            <div class="flex flex-nowrap items-center">
+                                <img src="<?= esc($Appconfig->eventLogosBaseURL.$event['eve_logo'] ?? 'default.png') ?>"
+                                     class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                <div class="flex-grow">
+                                    <a href="event/reader/<?= esc($config['con_id']) ?>"
+                                       class="underline hover:no-underline">
+                                        <?= esc($event['eve_nom_fr']) ?>
+                                    </a>
+                                </div>
+                            </div>
+                        </td>
+
+                        <!-- Type -->
+                        <td>
+                            <?= esc($course['cou_type_fr']) ?>
+                        </td>
+
+                        <!-- Date -->
+                        <td>
+                            <?= esc($event['eve_date_debut']) ?>
+                        </td>
+
+                        <!-- Config name -->
+                        <td>
+                            <?= esc($config['con_event_name']) ?>
+                        </td>
+
+                        <!-- Exemple : nombre aléatoire ou ce que tu veux afficher -->
+                        <td>
+                            <?= esc($config['con_id']) ?>/<?= esc($config['rea_active']) ?>
+                        </td>
+
+                        <td>
+                            <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                <a href="event/edit/<?= esc($config['con_id']) ?>"
+                                   class="btn !p-1.5 hover:!text-primary">
+                                    <span class="icon-[lucide--edit] text-lg"></span>
+                                </a>
+                                <a href="event/details/<?= esc($config['con_id']) ?>"
+                                   class="btn !p-1.5 hover:!text-primary">
+                                    <span class="icon-[lucide--eye] text-lg"></span>
+                                </a>
+                            </div>
+                        </td>
+                    </tr>
+                <?php endforeach; ?>
+                </tbody>
+
+            </table>
+        </div>
+    </div>
+</div>
+<?= $this->endSection() ?>
diff --git a/ci4app/app/Views/headers/hea_default.php b/ci4app/app/Views/headers/hea_default.php
new file mode 100644
index 0000000..9f7ba93
--- /dev/null
+++ b/ci4app/app/Views/headers/hea_default.php
@@ -0,0 +1,104 @@
+<div
+        class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+    <div class="shrink-0 flex items-center space-x-1">
+
+    </div>
+    <div class="flex items-center space-x-1">
+        <!--:TLang:-->
+        <!--:Theme Lang switcher:-->
+
+
+        <!--:Notifications:-->
+
+        <!--:Theme color switcher:-->
+        <div class="relative">
+            <button type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+            </button>
+            <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                    <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                    <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                    </button>
+                    <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                    </button>
+                    <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                    </button>
+                    <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                    </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <label class="flex items-center cursor-pointer dropdown-item">
+                        <span class="icon-[lucide--sun-moon] me-1"></span>
+                        <span class="flex-grow text-sm me-2">Dark mode</span>
+                        <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                    </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                        <span class="text-sm">Enable RTL</span>
+                        <input type="checkbox" class="input-switch" id="toggleRTL" />
+                    </label>
+
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <h5 class="px-3 mb-2">Sidebar</h5>
+                    <div class="radio-group flex items-center">
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                            <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                            </label>
+                        </div>
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                            <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+
+
+        <div class="sm:relative">
+            <a href="/" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+        </div>
+    </div>
+</div>
diff --git a/ci4app/app/Views/headers/hea_event_reader.php b/ci4app/app/Views/headers/hea_event_reader.php
new file mode 100644
index 0000000..816e499
--- /dev/null
+++ b/ci4app/app/Views/headers/hea_event_reader.php
@@ -0,0 +1,101 @@
+<div
+        class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+    <div class="shrink-0 flex items-center space-x-1">
+
+
+        <h5 class="text ms-3 logo-text font-display"> <?= esc($data['event']["eve_nom_fr"].' / '.$data['course']["cou_type_fr"]) ?></h5>
+    </div>
+    <div class="flex items-center space-x-1">
+
+
+
+        <!--:Theme color switcher:-->
+        <div class="relative">
+            <button type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+            </button>
+            <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                    <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                    <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                    </button>
+                    <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                    </button>
+                    <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                    </button>
+                    <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                    </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <label class="flex items-center cursor-pointer dropdown-item">
+                        <span class="icon-[lucide--sun-moon] me-1"></span>
+                        <span class="flex-grow text-sm me-2">Dark mode</span>
+                        <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                    </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                        <span class="text-sm">Enable RTL</span>
+                        <input type="checkbox" class="input-switch" id="toggleRTL" />
+                    </label>
+
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <h5 class="px-3 mb-2">Sidebar</h5>
+                    <div class="radio-group flex items-center">
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                            <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                            </label>
+                        </div>
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                            <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="sm:relative">
+            <a href="/" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+        </div>
+    </div>
+</div>
diff --git a/ci4app/app/Views/layouts/default.php b/ci4app/app/Views/layouts/default.php
new file mode 100644
index 0000000..28b6543
--- /dev/null
+++ b/ci4app/app/Views/layouts/default.php
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="fr" class="h-full">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial=1.0">
+    <title><?= esc($title ?? 'MS1 Reader') ?></title>
+
+    <!-- Favicon -->
+    <link rel="icon" href="<?= base_url('images/favicon.png?v=2') ?>" type="image/png">
+
+    <!-- Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap"
+          rel="stylesheet">
+
+    <!-- MAIN RAVEN CSS -->
+    <link rel="stylesheet" href="<?= base_url('assets/raven/css/style.css') ?>">
+
+    <!-- VENDOR CSS -->
+    <link rel="stylesheet" href="<?= base_url('assets/raven/vendor/css/simplebar.css') ?>">
+    <link rel="stylesheet" href="<?= base_url('assets/raven/vendor/css/tom-select.min.css') ?>">
+    <link rel="stylesheet" href="<?= base_url('assets/raven/vendor/css/daterangepicker.css') ?>">
+
+    <?= $this->renderSection('styles') ?>
+</head>
+
+<body class="font-theme flex flex-col h-full bg-zinc-50 dark:bg-zinc-950">
+
+<div class="app-wrapper flex flex-row w-full">
+
+    <!-- SIDEBAR -->
+    <?php if (isset($menu) && $menu !== "null") echo $this->include($menu); ?>
+
+    <!-- MAIN CONTENT AREA -->
+    <main class="flex-1 flex flex-col app-content <?= (isset($menu) && $menu !== 'null') ? 'lg:ms-64' : '' ?>">
+
+        <!-- HEADER -->
+        <?php if (isset($header) && $header !== "null") echo $this->include($header); ?>
+
+        <!-- PAGE CONTENT -->
+        <div class="flex-grow p-6 pt-6">
+            <div class="max-w-6xl mx-auto">
+
+                    <?= $this->renderSection('content') ?>
+
+            </div>
+        </div>
+
+    </main>
+
+</div>
+
+<!-- RAVEN SCRIPTS -->
+<script src="<?= base_url('assets/raven/vendor/js/jquery.min.js') ?>"></script>
+<script src="<?= base_url('assets/raven/vendor/js/moment.min.js') ?>"></script>
+<script src="<?= base_url('assets/raven/vendor/js/daterangepicker.js') ?>"></script>
+<script src="<?= base_url('assets/raven/vendor/js/sweetalert2.all.min.js') ?>"></script>
+<script src="<?= base_url('assets/raven/vendor/js/tom-select.complete.min.js') ?>"></script>
+<script src="<?= base_url('assets/raven/vendor/js/dropzone-min.js') ?>"></script>
+<script src="<?= base_url('assets/raven/vendor/js/echarts.min.js') ?>"></script>
+<script src="<?= base_url('assets/raven/vendor/js/swiper-bundle.min.js') ?>"></script>
+<script src="<?= base_url('assets/raven/vendor/js/Sortable.min.js') ?>"></script>
+<script src="<?= base_url('assets/raven/vendor/js/quill.js') ?>"></script>
+<script src="<?= base_url('assets/raven/js/theme.js') ?>"></script>
+<script src="https://unpkg.com/lucide@latest"></script>
+<script>lucide.createIcons();</script>
+
+<script>
+    document.addEventListener('click', function(e) {
+        if (e.target.closest('[data-collapse-btn]')) {
+            const root = e.target.closest('[data-collapse-root]');
+            const target = root.querySelector('[data-collapse-content]');
+            target.classList.toggle('hidden');
+        }
+    });
+</script>
+
+<?= $this->renderSection('scripts') ?>
+
+</body>
+</html>
diff --git a/ci4app/app/Views/layouts/partial/sidebar.php b/ci4app/app/Views/layouts/partial/sidebar.php
new file mode 100644
index 0000000..e69de29
diff --git a/ci4app/app/Views/login.php b/ci4app/app/Views/login.php
new file mode 100644
index 0000000..8c35782
--- /dev/null
+++ b/ci4app/app/Views/login.php
@@ -0,0 +1,34 @@
+<?php
+// Désactiver menu + header UNIQUEMENT pour cette page
+$menu = "null";
+$header = "null";
+
+$this->setVar('menu', $menu);
+$this->setVar('header', $header);
+?>
+
+<?= $this->extend('layouts/default', ['menu' => $menu, 'header' => $header]) ?>
+
+<?= $this->section('content') ?>
+
+<div class="w-full max-w-sm bg-white shadow p-6 rounded mx-auto mt-20">
+    <h2 class="text-center text-xl font-bold mb-6">Reader Info</h2>
+
+    <form action="<?= site_url('/login/submit'); ?>" method="post">
+        <div class="mb-4">
+            <label class="block text-sm mb-1">Utilisateur</label>
+            <input type="text" class="w-full border px-3 py-2 rounded" placeholder="User">
+        </div>
+
+        <div class="mb-4">
+            <label class="block text-sm mb-1">Mot de passe</label>
+            <input type="password" class="w-full border px-3 py-2 rounded" placeholder="Password">
+        </div>
+
+        <button class="btn bg-primary text-white w-full py-2 rounded-lg">
+            Entrer
+        </button>
+    </form>
+</div>
+
+<?= $this->endSection() ?>
diff --git a/ci4app/app/Views/menus/men_event_reader.php b/ci4app/app/Views/menus/men_event_reader.php
new file mode 100644
index 0000000..15136a6
--- /dev/null
+++ b/ci4app/app/Views/menus/men_event_reader.php
@@ -0,0 +1,55 @@
+<!-- SIDEBAR RAVEN OFFICIEL -->
+<aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+    <div class="shrink-0 h-16 px-5 flex items-center">
+        <div class="relative flex items-center justify-between w-full">
+           <a href="" class="flex items-center relative z-[1]">
+                    <span
+                            class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+
+                    </span>
+                <h5 class="text ms-3 logo-text font-display">Ms1-Scoring</h5>
+            </a>
+            <!--Sidebar mini for lg screen-->
+            <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+            </button>
+        </div>
+    </div>
+    <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+        <div class="flex flex-col py-3 px-3">
+            <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                <!--:Menu title:-->
+                <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                <a href="#"
+                   onclick="if(confirm('Voulez-vous vraiment réinitialiser cette course ?')) { window.location.href='/events/reset/<?= $data['config']['con_id'] ?>'; }"
+                   class="sidebar-link">
+
+                  <span class="sidebar-icon">
+                     <span class="icon-[lucide--timer-reset]"></span>
+                   </span>
+
+                    <span class="sidebar-text">O-Shit</span>
+                </a>
+
+
+            </nav>
+
+
+            </div>
+        </div>
+    <!-- MENU EN BAS — RESTE TOUJOURS COLLÉ EN BAS -->
+    <div class="mt-auto pt-4">
+
+        <a href="/events" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+            <span class="sidebar-text">Listes</span>
+        </a>
+    </div>
+    </div>
+
+</aside>
+
diff --git a/ci4app/app/Views/menus/men_events_list.php b/ci4app/app/Views/menus/men_events_list.php
new file mode 100644
index 0000000..777f11e
--- /dev/null
+++ b/ci4app/app/Views/menus/men_events_list.php
@@ -0,0 +1,53 @@
+<!-- SIDEBAR RAVEN OFFICIEL -->
+<aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+    <div class="shrink-0 h-16 px-5 flex items-center">
+        <div class="relative flex items-center justify-between w-full">
+            <a href="" class="flex items-center relative z-[1]">
+                    <span
+                            class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+
+                    </span>
+                <h5 class="text ms-3 logo-text font-display">Ms1-Scoring</h5>
+            </a>
+            <!--Sidebar mini for lg screen-->
+            <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+            </button>
+        </div>
+    </div>
+    <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+        <div class="flex flex-col py-3 px-3">
+            <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                <!--:Menu title:-->
+                <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                <!--
+                  <a href="reader/1" class="sidebar-link ">
+                          <span class="sidebar-icon">
+                             <span class="icon-[lucide--file-chart-column]"></span>
+                          </span>
+                      <span class="sidebar-text">Dashboard</span>
+                  </a>
+                  -->
+
+              </nav>
+
+
+          </div>
+      </div>
+      <!-- MENU EN BAS — RESTE TOUJOURS COLLÉ EN BAS -->
+    <div class="mt-auto pt-4">
+        <!--
+                <a href="/events" class="sidebar-link ">
+                                <span class="sidebar-icon">
+                                   <span class="icon-[lucide--file-chart-column]"></span>
+                                </span>
+                    <span class="sidebar-text">Listes</span>
+                </a>
+      -->
+            </div>
+            </div>
+
+        </aside>
+
diff --git a/ci4app/app/Views/welcome_message.php b/ci4app/app/Views/welcome_message.php
new file mode 100644
index 0000000..c18eca3
--- /dev/null
+++ b/ci4app/app/Views/welcome_message.php
@@ -0,0 +1,331 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Welcome to CodeIgniter 4!</title>
+    <meta name="description" content="The small framework with powerful features">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="shortcut icon" type="image/png" href="/favicon.ico">
+
+    <!-- STYLES -->
+
+    <style {csp-style-nonce}>
+        * {
+            transition: background-color 300ms ease, color 300ms ease;
+        }
+        *:focus {
+            background-color: rgba(221, 72, 20, .2);
+            outline: none;
+        }
+        html, body {
+            color: rgba(33, 37, 41, 1);
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+            font-size: 16px;
+            margin: 0;
+            padding: 0;
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+            text-rendering: optimizeLegibility;
+        }
+        header {
+            background-color: rgba(247, 248, 249, 1);
+            padding: .4rem 0 0;
+        }
+        .menu {
+            padding: .4rem 2rem;
+        }
+        header ul {
+            border-bottom: 1px solid rgba(242, 242, 242, 1);
+            list-style-type: none;
+            margin: 0;
+            overflow: hidden;
+            padding: 0;
+            text-align: right;
+        }
+        header li {
+            display: inline-block;
+        }
+        header li a {
+            border-radius: 5px;
+            color: rgba(0, 0, 0, .5);
+            display: block;
+            height: 44px;
+            text-decoration: none;
+        }
+        header li.menu-item a {
+            border-radius: 5px;
+            margin: 5px 0;
+            height: 38px;
+            line-height: 36px;
+            padding: .4rem .65rem;
+            text-align: center;
+        }
+        header li.menu-item a:hover,
+        header li.menu-item a:focus {
+            background-color: rgba(221, 72, 20, .2);
+            color: rgba(221, 72, 20, 1);
+        }
+        header .logo {
+            float: left;
+            height: 44px;
+            padding: .4rem .5rem;
+        }
+        header .menu-toggle {
+            display: none;
+            float: right;
+            font-size: 2rem;
+            font-weight: bold;
+        }
+        header .menu-toggle button {
+            background-color: rgba(221, 72, 20, .6);
+            border: none;
+            border-radius: 3px;
+            color: rgba(255, 255, 255, 1);
+            cursor: pointer;
+            font: inherit;
+            font-size: 1.3rem;
+            height: 36px;
+            padding: 0;
+            margin: 11px 0;
+            overflow: visible;
+            width: 40px;
+        }
+        header .menu-toggle button:hover,
+        header .menu-toggle button:focus {
+            background-color: rgba(221, 72, 20, .8);
+            color: rgba(255, 255, 255, .8);
+        }
+        header .heroe {
+            margin: 0 auto;
+            max-width: 1100px;
+            padding: 1rem 1.75rem 1.75rem 1.75rem;
+        }
+        header .heroe h1 {
+            font-size: 2.5rem;
+            font-weight: 500;
+        }
+        header .heroe h2 {
+            font-size: 1.5rem;
+            font-weight: 300;
+        }
+        section {
+            margin: 0 auto;
+            max-width: 1100px;
+            padding: 2.5rem 1.75rem 3.5rem 1.75rem;
+        }
+        section h1 {
+            margin-bottom: 2.5rem;
+        }
+        section h2 {
+            font-size: 120%;
+            line-height: 2.5rem;
+            padding-top: 1.5rem;
+        }
+        section pre {
+            background-color: rgba(247, 248, 249, 1);
+            border: 1px solid rgba(242, 242, 242, 1);
+            display: block;
+            font-size: .9rem;
+            margin: 2rem 0;
+            padding: 1rem 1.5rem;
+            white-space: pre-wrap;
+            word-break: break-all;
+        }
+        section code {
+            display: block;
+        }
+        section a {
+            color: rgba(221, 72, 20, 1);
+        }
+        section svg {
+            margin-bottom: -5px;
+            margin-right: 5px;
+            width: 25px;
+        }
+        .further {
+            background-color: rgba(247, 248, 249, 1);
+            border-bottom: 1px solid rgba(242, 242, 242, 1);
+            border-top: 1px solid rgba(242, 242, 242, 1);
+        }
+        .further h2:first-of-type {
+            padding-top: 0;
+        }
+        .svg-stroke {
+            fill: none;
+            stroke: #000;
+            stroke-width: 32px;
+        }
+        footer {
+            background-color: rgba(221, 72, 20, .8);
+            text-align: center;
+        }
+        footer .environment {
+            color: rgba(255, 255, 255, 1);
+            padding: 2rem 1.75rem;
+        }
+        footer .copyrights {
+            background-color: rgba(62, 62, 62, 1);
+            color: rgba(200, 200, 200, 1);
+            padding: .25rem 1.75rem;
+        }
+        @media (max-width: 629px) {
+            header ul {
+                padding: 0;
+            }
+            header .menu-toggle {
+                padding: 0 1rem;
+            }
+            header .menu-item {
+                background-color: rgba(244, 245, 246, 1);
+                border-top: 1px solid rgba(242, 242, 242, 1);
+                margin: 0 15px;
+                width: calc(100% - 30px);
+            }
+            header .menu-toggle {
+                display: block;
+            }
+            header .hidden {
+                display: none;
+            }
+            header li.menu-item a {
+                background-color: rgba(221, 72, 20, .1);
+            }
+            header li.menu-item a:hover,
+            header li.menu-item a:focus {
+                background-color: rgba(221, 72, 20, .7);
+                color: rgba(255, 255, 255, .8);
+            }
+        }
+    </style>
+</head>
+<body>
+
+<!-- HEADER: MENU + HEROE SECTION -->
+<header>
+
+    <div class="menu">
+        <ul>
+            <li class="logo">
+                <a href="https://codeigniter.com" target="_blank">
+                    <svg role="img" aria-label="Visit CodeIgniter.com official website!" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2100 500" height="44"><path fill="#dd4814" d="M148.2 411c-20.53-9.07-34.48-28.61-36.31-50.99 1.2-23.02 13.36-44.06 32.67-56.61-3.17 7.73-2.4 16.53 2 23.6 5.01 7 13.63 10.36 22.07 8.61 12.02-3.38 19.06-15.86 15.68-27.89-1.2-4.21-3.6-8.03-6.88-10.91-13.6-11.06-20.43-28.44-18-45.81 2.33-9.2 7.42-17.52 14.61-23.8-5.4 14.4 9.83 28.61 20.05 35.6 18.14 10.88 35.6 22.84 52.32 35.81 18.27 14.4 28.23 36.94 26.67 60-4.11 24.54-21.47 44.8-45.13 52.4 47.33-10.53 96.13-48.13 97.06-101.46-.93-42.67-26.4-80.96-65.33-98.4h-1.73c.86 2.09 1.28 4.34 1.2 6.61.13-1.47.13-2.93 0-4.4.21 1.73.21 3.47 0 5.2-2.96 12.13-15.2 19.6-27.36 16.64-4.86-1.2-9.2-3.93-12.32-7.87-15.6-20 0-42.76 2.61-64.76 1.6-28.13-11.25-55.02-34.05-71.46 11.41 19.02-3.79 44-14.84 58.21-11.07 14.21-27.07 24.8-40.11 37.2-14.05 13.07-26.93 27.44-38.49 42.8-24.99 30.53-34.8 70.8-26.67 109.4 11.15 37.2 42.07 65.15 80.2 72.4h.21l-.13-.12Zm324.56-159.8q0-17.92 6.16-35.56 6.44-17.92 18.48-31.92t29.68-22.68q17.64-8.96 40.04-8.96 26.6 0 45.36 12.04 19.04 12.04 28 31.36l-15.4 9.52q-4.76-9.8-11.76-16.52-6.72-6.72-14.56-10.92-7.84-4.2-16.24-5.88-8.4-1.96-16.52-1.96-17.92 0-31.64 7.28-13.72 7.28-23.24 19.04-9.24 11.76-14 26.6-4.76 14.56-4.76 29.68 0 16.52 5.6 31.64 5.88 15.12 15.68 26.88 10.08 11.48 23.52 18.48 13.72 6.72 29.68 6.72 8.4 0 17.08-1.96 8.96-2.24 17.08-6.72 8.4-4.76 15.4-11.48 7-7 11.76-16.8l16.24 8.4q-4.76 11.2-13.44 19.88-8.68 8.4-19.32 14.28-10.64 5.88-22.68 8.96-11.76 3.08-23.24 3.08-20.44 0-37.52-8.96-17.08-8.96-29.4-23.24-12.32-14.56-19.32-32.76-6.72-18.48-6.72-37.52Zm263.48 103.6q-15.96 0-29.12-5.88-13.16-6.16-22.96-16.52-9.52-10.36-14.84-24.08Q664 294.6 664 279.48q0-15.4 5.32-29.12 5.6-13.72 15.12-24.08 9.8-10.36 22.96-16.52t28.84-6.16q15.68 0 28.84 6.16 13.44 6.16 22.96 16.52 9.8 10.36 15.12 24.08 5.6 13.72 5.6 29.12 0 15.12-5.32 28.84t-15.12 24.08q-9.52 10.36-22.96 16.52-13.16 5.88-29.12 5.88Zm-52.92-75.04q0 12.32 4.2 22.96 4.2 10.36 11.2 18.48 7.28 7.84 16.8 12.32 9.8 4.48 20.72 4.48 10.92 0 20.44-4.48 9.8-4.76 17.08-12.6 7.28-8.12 11.48-18.76 4.2-10.64 4.2-22.96 0-12.04-4.2-22.68-4.2-10.92-11.48-18.76-7.28-8.12-17.08-12.6-9.52-4.76-20.44-4.76-10.92 0-20.44 4.76-9.52 4.48-16.8 12.6-7.28 8.12-11.48 19.04-4.2 10.64-4.2 22.96ZM900.6 354.8q-15.12 0-28-6.16-12.88-6.44-22.12-16.8t-14.56-23.8q-5.04-13.72-5.04-28.56 0-15.4 5.04-29.12 5.04-14 13.72-24.36 8.96-10.36 21-16.24 12.32-6.16 26.88-6.16 18.48 0 32.76 9.8 14.28 9.52 22.4 23.24V147.6h19.04v179.76q0 7.84 6.72 7.84V352q-4.2.84-6.72.84-6.72 0-11.76-4.2-5.04-4.48-5.04-10.64v-14.28Q946.24 338 931.4 346.4t-30.8 8.4Zm4.2-16.8q7 0 14.84-2.8 8.12-2.8 15.12-7.56 7-5.04 11.76-11.48 5.04-6.72 6.16-14.28V256.8q-2.8-7.56-8.12-14-5.32-6.72-12.32-11.76-6.72-5.04-14.56-7.84-7.84-2.8-15.4-2.8-11.76 0-21.28 5.04-9.52 5.04-16.52 13.44-6.72 8.12-10.36 18.76-3.64 10.64-3.64 21.84 0 11.76 4.2 22.4 4.2 10.64 11.48 18.76 7.28 7.84 17.08 12.6Q893.32 338 904.8 338Zm173.04 16.8q-15.96 0-29.4-5.88-13.16-6.16-22.96-16.52-9.8-10.64-15.4-24.36-5.32-13.72-5.32-29.4 0-15.4 5.32-28.84 5.6-13.72 15.12-23.8 9.8-10.36 23.24-16.24 13.44-6.16 29.12-6.16 15.96 0 29.12 6.16 13.44 5.88 22.96 16.24 9.52 10.36 14.84 23.8 5.32 13.44 5.32 28.56v4.48q0 2.24-.28 3.08h-124.88q.84 11.76 5.32 21.84 4.76 9.8 12.04 17.08 7.28 7.28 16.52 11.48 9.52 3.92 20.16 3.92 7 0 14-1.96t12.88-5.32q5.88-3.36 10.64-8.12 4.76-5.04 7.28-10.92l16.52 4.48q-3.36 8.12-9.52 14.84-6.16 6.44-14.28 11.48-8.12 4.76-17.92 7.56-9.8 2.52-20.44 2.52Zm-53.48-83.44h107.24q-.84-11.76-5.6-21.28-4.48-9.8-11.76-16.8-7-7-16.52-10.92-9.24-3.92-19.88-3.92-10.64 0-20.16 3.92t-16.8 10.92q-7 7-11.48 16.8-4.2 9.8-5.04 21.28Zm193.2 80.64h-38.64V153.2h38.64V352Zm93.52.84q-14.84 0-26.88-5.88t-21-15.96q-8.68-10.36-13.44-23.8-4.76-13.44-4.76-28.56 0-15.96 5.04-29.68 5.04-13.72 14-24.08 8.96-10.36 21.56-16.24 12.6-5.88 27.72-5.88 17.08 0 29.96 7.84 12.88 7.56 21.28 20.44v-25.76h32.76V345q0 16.24-6.16 29.12-6.16 12.88-17.08 21.84-10.64 8.96-25.76 13.72-14.84 4.76-32.48 4.76-24.08 0-40.6-7.84-16.24-8.12-28-22.68l20.44-19.88q8.4 10.36 21 16.24 12.88 5.88 27.16 5.88 8.68 0 16.52-2.24 8.12-2.52 14.28-7.56 6.16-5.04 9.52-12.88 3.64-7.84 3.64-18.48v-18.48q-7.28 12.6-20.44 19.6-13.16 6.72-28.28 6.72Zm12.6-29.96q6.16 0 11.76-1.96t10.36-5.32q4.76-3.36 8.4-7.84 3.64-4.48 5.6-9.52v-35q-5.04-12.88-15.96-20.72-10.64-7.84-22.4-7.84-8.68 0-15.68 3.92-7 3.64-12.04 10.08-5.04 6.16-7.84 14.28-2.52 8.12-2.52 16.8 0 8.96 3.08 16.8t8.4 13.72q5.6 5.88 12.88 9.24 7.28 3.36 15.96 3.36Zm243.88-62.44V352h-37.52v-82.32q0-17.64-6.16-25.76-6.16-8.12-17.08-8.12-5.6 0-11.48 2.24-5.88 2.24-11.2 6.44-5.04 3.92-9.24 9.52t-6.16 12.32V352h-37.52V205.28h33.88v27.16q8.12-14 23.52-21.84t34.72-7.84q13.72 0 22.4 5.04 8.68 5.04 13.44 13.16 4.76 8.12 6.44 18.48 1.96 10.36 1.96 21Zm70.28 91.56h-37.52V205.28h37.52V352Zm0-167.16h-37.52V147.6h37.52v37.24Zm114.24 129.92 7.56 29.68q-7.56 3.36-18.48 6.72-10.92 3.36-22.96 3.36-7.84 0-14.84-1.96-6.72-1.96-12.04-6.16-5.04-4.48-8.12-11.2-3.08-7-3.08-16.8v-84.28h-19.32v-28.84h19.32v-47.6h37.52v47.6h30.8v28.84h-30.8v71.68q0 7.84 3.92 11.2 4.2 3.08 10.08 3.08t11.48-1.96q5.6-1.96 8.96-3.36Zm91.56 40.04q-17.64 0-31.92-5.88-14.28-6.16-24.36-16.52t-15.68-24.08q-5.32-13.72-5.32-28.84 0-15.68 5.32-29.4 5.32-14 15.4-24.36 10.08-10.64 24.36-16.8 14.56-6.16 32.48-6.16 17.92 0 31.92 6.16 14.28 6.16 24.08 16.52 10.08 10.36 15.12 24.08 5.32 13.72 5.32 28.56 0 3.64-.28 7 0 3.36-.56 5.6h-113.4q.84 8.68 4.2 15.4 3.36 6.72 8.68 11.48 5.32 4.76 12.04 7.28 6.72 2.52 14 2.52 11.2 0 21-5.32 10.08-5.6 13.72-14.56l32.2 8.96q-8.12 16.8-26.04 27.72-17.64 10.64-42.28 10.64Zm-38.08-88.48h76.16q-1.4-16.52-12.32-26.32-10.64-10.08-26.04-10.08-7.56 0-14.28 2.8-6.44 2.52-11.48 7.28t-8.4 11.48q-3.08 6.72-3.64 14.84Zm225.12-62.72v34.16q-17.08.28-30.52 6.72-13.44 6.16-19.32 18.76V352h-37.52V205.28h34.44v31.36q3.92-7.56 9.24-13.44 5.32-6.16 11.48-10.64t12.32-6.72q6.44-2.52 12.32-2.52h4.48q1.68 0 3.08.28Z"/></svg>
+                </a>
+            </li>
+            <li class="menu-toggle">
+                <button id="menuToggle">&#9776;</button>
+            </li>
+            <li class="menu-item hidden"><a href="#">Home</a></li>
+            <li class="menu-item hidden"><a href="https://codeigniter.com/user_guide/" target="_blank">Docs</a>
+            </li>
+            <li class="menu-item hidden"><a href="https://forum.codeigniter.com/" target="_blank">Community</a></li>
+            <li class="menu-item hidden"><a
+                    href="https://codeigniter.com/contribute" target="_blank">Contribute</a>
+            </li>
+        </ul>
+    </div>
+
+    <div class="heroe">
+
+        <h1>Welcome to CodeIgniter <?= CodeIgniter\CodeIgniter::CI_VERSION ?></h1>
+
+        <h2>The small framework with powerful features</h2>
+
+    </div>
+
+</header>
+
+<!-- CONTENT -->
+
+<section>
+
+    <h1>About this page</h1>
+
+    <p>The page you are looking at is being generated dynamically by CodeIgniter.</p>
+
+    <p>If you would like to edit this page you will find it located at:</p>
+
+    <pre><code>app/Views/welcome_message.php</code></pre>
+
+    <p>The corresponding controller for this page can be found at:</p>
+
+    <pre><code>app/Controllers/Home.php</code></pre>
+
+</section>
+
+<div class="further">
+
+    <section>
+
+        <h1>Go further</h1>
+
+        <h2>
+            <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><rect x='32' y='96' width='64' height='368' rx='16' ry='16' class="svg-stroke" /><line x1='112' y1='224' x2='240' y2='224' class="svg-stroke" /><line x1='112' y1='400' x2='240' y2='400' class="svg-stroke" /><rect x='112' y='160' width='128' height='304' rx='16' ry='16' class="svg-stroke" /><rect x='256' y='48' width='96' height='416' rx='16' ry='16' class="svg-stroke" /><path d='M422.46,96.11l-40.4,4.25c-11.12,1.17-19.18,11.57-17.93,23.1l34.92,321.59c1.26,11.53,11.37,20,22.49,18.84l40.4-4.25c11.12-1.17,19.18-11.57,17.93-23.1L445,115C443.69,103.42,433.58,94.94,422.46,96.11Z' class="svg-stroke"/></svg>
+            Learn
+        </h2>
+
+        <p>The User Guide contains an introduction, tutorial, a number of "how to"
+            guides, and then reference documentation for the components that make up
+            the framework. Check the <a href="https://codeigniter.com/user_guide/"
+            target="_blank">User Guide</a> !</p>
+
+        <h2>
+            <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M431,320.6c-1-3.6,1.2-8.6,3.3-12.2a33.68,33.68,0,0,1,2.1-3.1A162,162,0,0,0,464,215c.3-92.2-77.5-167-173.7-167C206.4,48,136.4,105.1,120,180.9a160.7,160.7,0,0,0-3.7,34.2c0,92.3,74.8,169.1,171,169.1,15.3,0,35.9-4.6,47.2-7.7s22.5-7.2,25.4-8.3a26.44,26.44,0,0,1,9.3-1.7,26,26,0,0,1,10.1,2L436,388.6a13.52,13.52,0,0,0,3.9,1,8,8,0,0,0,8-8,12.85,12.85,0,0,0-.5-2.7Z' class="svg-stroke" /><path d='M66.46,232a146.23,146.23,0,0,0,6.39,152.67c2.31,3.49,3.61,6.19,3.21,8s-11.93,61.87-11.93,61.87a8,8,0,0,0,2.71,7.68A8.17,8.17,0,0,0,72,464a7.26,7.26,0,0,0,2.91-.6l56.21-22a15.7,15.7,0,0,1,12,.2c18.94,7.38,39.88,12,60.83,12A159.21,159.21,0,0,0,284,432.11' class="svg-stroke" /></svg>
+            Discuss
+        </h2>
+
+        <p>CodeIgniter is a community-developed open source project, with several
+             venues for the community members to gather and exchange ideas. View all
+             the threads on <a href="https://forum.codeigniter.com/"
+             target="_blank">CodeIgniter's forum</a>, or <a href="https://join.slack.com/t/codeigniterchat/shared_invite/zt-rl30zw00-obL1Hr1q1ATvkzVkFp8S0Q"
+             target="_blank">chat on Slack</a> !</p>
+
+        <h2>
+        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><line x1='176' y1='48' x2='336' y2='48' class="svg-stroke" /><line x1='118' y1='304' x2='394' y2='304' class="svg-stroke" /><path d='M208,48v93.48a64.09,64.09,0,0,1-9.88,34.18L73.21,373.49C48.4,412.78,76.63,464,123.08,464H388.92c46.45,0,74.68-51.22,49.87-90.51L313.87,175.66A64.09,64.09,0,0,1,304,141.48V48' class="svg-stroke" /></svg>
+             Contribute
+        </h2>
+
+        <p>CodeIgniter is a community driven project and accepts contributions
+             of code and documentation from the community. Why not
+             <a href="https://codeigniter.com/contribute" target="_blank">
+             join us</a> ?</p>
+
+    </section>
+
+</div>
+
+<!-- FOOTER: DEBUG INFO + COPYRIGHTS -->
+
+<footer>
+    <div class="environment">
+
+        <p>Page rendered in {elapsed_time} seconds using {memory_usage} MB of memory.</p>
+
+        <p>Environment: <?= ENVIRONMENT ?></p>
+
+    </div>
+
+    <div class="copyrights">
+
+        <p>&copy; <?= date('Y') ?> CodeIgniter Foundation. CodeIgniter is open source project released under the MIT
+            open source licence.</p>
+
+    </div>
+
+</footer>
+
+<!-- SCRIPTS -->
+
+<script {csp-script-nonce}>
+    document.getElementById("menuToggle").addEventListener('click', toggleMenu);
+    function toggleMenu() {
+        var menuItems = document.getElementsByClassName('menu-item');
+        for (var i = 0; i < menuItems.length; i++) {
+            var menuItem = menuItems[i];
+            menuItem.classList.toggle("hidden");
+        }
+    }
+</script>
+
+<!-- -->
+
+</body>
+</html>
diff --git a/ci4app/app/index.html b/ci4app/app/index.html
new file mode 100644
index 0000000..69df4e1
--- /dev/null
+++ b/ci4app/app/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>403 Forbidden</title>
+</head>
+<body>
+
+<p>Directory access is forbidden.</p>
+
+</body>
+</html>
diff --git a/ci4app/composer.json b/ci4app/composer.json
new file mode 100644
index 0000000..499a97e
--- /dev/null
+++ b/ci4app/composer.json
@@ -0,0 +1,66 @@
+{
+    "name": "codeigniter4/framework",
+    "description": "The CodeIgniter framework v4",
+    "license": "MIT",
+    "type": "project",
+    "homepage": "https://codeigniter.com",
+    "support": {
+        "forum": "https://forum.codeigniter.com/",
+        "source": "https://github.com/codeigniter4/CodeIgniter4",
+        "slack": "https://codeigniterchat.slack.com"
+    },
+    "require": {
+        "php": "^8.1",
+        "ext-intl": "*",
+        "ext-mbstring": "*",
+        "laminas/laminas-escaper": "^2.17",
+        "psr/log": "^3.0"
+    },
+    "require-dev": {
+        "codeigniter/coding-standard": "^1.7",
+        "fakerphp/faker": "^1.24",
+        "friendsofphp/php-cs-fixer": "^3.47.1",
+        "kint-php/kint": "^6.0",
+        "mikey179/vfsstream": "^1.6.12",
+        "nexusphp/cs-config": "^3.6",
+        "phpunit/phpunit": "^10.5.16 || ^11.2",
+        "predis/predis": "^3.0"
+    },
+    "suggest": {
+        "ext-curl": "If you use CURLRequest class",
+        "ext-dom": "If you use TestResponse",
+        "ext-exif": "If you run Image class tests",
+        "ext-fileinfo": "Improves mime type detection for files",
+        "ext-gd": "If you use Image class GDHandler",
+        "ext-imagick": "If you use Image class ImageMagickHandler",
+        "ext-libxml": "If you use TestResponse",
+        "ext-memcache": "If you use Cache class MemcachedHandler with Memcache",
+        "ext-memcached": "If you use Cache class MemcachedHandler with Memcached",
+        "ext-mysqli": "If you use MySQL",
+        "ext-oci8": "If you use Oracle Database",
+        "ext-pgsql": "If you use PostgreSQL",
+        "ext-readline": "Improves CLI::input() usability",
+        "ext-redis": "If you use Cache class RedisHandler",
+        "ext-simplexml": "If you format XML",
+        "ext-sodium": "If you use Encryption SodiumHandler",
+        "ext-sqlite3": "If you use SQLite3",
+        "ext-sqlsrv": "If you use SQL Server",
+        "ext-xdebug": "If you use CIUnitTestCase::assertHeaderEmitted()"
+    },
+    "autoload": {
+        "psr-4": {
+            "CodeIgniter\\": "system/"
+        },
+        "exclude-from-classmap": [
+            "**/Database/Migrations/**"
+        ]
+    },
+    "config": {
+        "optimize-autoloader": true,
+        "preferred-install": "dist",
+        "sort-packages": true
+    },
+    "scripts": {
+        "test": "phpunit"
+    }
+}
diff --git a/ci4app/phpunit.xml.dist b/ci4app/phpunit.xml.dist
new file mode 100644
index 0000000..dea9408
--- /dev/null
+++ b/ci4app/phpunit.xml.dist
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<phpunit
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:noNamespaceSchemaLocation="https://schema.phpunit.de/10.5/phpunit.xsd"
+    bootstrap="system/Test/bootstrap.php"
+    backupGlobals="false"
+    beStrictAboutOutputDuringTests="true"
+    colors="true"
+    columns="max"
+    failOnRisky="true"
+    failOnWarning="true"
+    cacheDirectory="build/.phpunit.cache">
+    <coverage
+        includeUncoveredFiles="true"
+        pathCoverage="false"
+        ignoreDeprecatedCodeUnits="true"
+        disableCodeCoverageIgnore="true">
+        <report>
+            <clover outputFile="build/logs/clover.xml"/>
+            <html outputDirectory="build/logs/html"/>
+            <php outputFile="build/logs/coverage.serialized"/>
+            <text outputFile="php://stdout" showUncoveredFiles="false"/>
+        </report>
+    </coverage>
+    <testsuites>
+        <testsuite name="App">
+            <directory>./tests</directory>
+        </testsuite>
+    </testsuites>
+    <logging>
+        <testdoxHtml outputFile="build/logs/testdox.html"/>
+        <testdoxText outputFile="build/logs/testdox.txt"/>
+        <junit outputFile="build/logs/logfile.xml"/>
+    </logging>
+    <source>
+        <include>
+            <directory suffix=".php">./app</directory>
+        </include>
+        <exclude>
+            <directory suffix=".php">./app/Views</directory>
+            <file>./app/Config/Routes.php</file>
+        </exclude>
+    </source>
+    <php>
+        <server name="app.baseURL" value="http://example.com/"/>
+        <server name="CODEIGNITER_SCREAM_DEPRECATIONS" value="0"/>
+        <!-- Directory containing phpunit.xml -->
+        <const name="HOMEPATH" value="./"/>
+        <!-- Directory containing the Paths config file -->
+        <const name="CONFIGPATH" value="./app/Config/"/>
+        <!-- Directory containing the front controller (index.php) -->
+        <const name="PUBLICPATH" value="./public/"/>
+        <!-- Database configuration -->
+        <!-- Uncomment to provide your own database for testing
+            <env name="database.tests.hostname" value="localhost"/>
+            <env name="database.tests.database" value="tests"/>
+            <env name="database.tests.username" value="tests_user"/>
+            <env name="database.tests.password" value=""/>
+            <env name="database.tests.DBDriver" value="MySQLi"/>
+            <env name="database.tests.DBPrefix" value="tests_"/>
+            -->
+    </php>
+</phpunit>
diff --git a/ci4app/preload.php b/ci4app/preload.php
new file mode 100644
index 0000000..9d16bb3
--- /dev/null
+++ b/ci4app/preload.php
@@ -0,0 +1,110 @@
+<?php
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+use CodeIgniter\Boot;
+use Config\Paths;
+
+/*
+ *---------------------------------------------------------------
+ * Sample file for Preloading
+ *---------------------------------------------------------------
+ * See https://www.php.net/manual/en/opcache.preloading.php
+ *
+ * How to Use:
+ *   0. Copy this file to your project root folder.
+ *   1. Set the $paths property of the preload class below.
+ *   2. Set opcache.preload in php.ini.
+ *     php.ini:
+ *     opcache.preload=/path/to/preload.php
+ */
+
+// Load the paths config file
+require __DIR__ . '/app/Config/Paths.php';
+
+// Path to the front controller
+define('FCPATH', __DIR__ . DIRECTORY_SEPARATOR . 'public' . DIRECTORY_SEPARATOR);
+
+class preload
+{
+    /**
+     * @var array Paths to preload.
+     */
+    private array $paths = [
+        [
+            'include' => __DIR__ . '/vendor/codeigniter4/framework/system', // Change this path if using manual installation
+            'exclude' => [
+                // Not needed if you don't use them.
+                '/system/Database/OCI8/',
+                '/system/Database/Postgre/',
+                '/system/Database/SQLite3/',
+                '/system/Database/SQLSRV/',
+                // Not needed for web apps.
+                '/system/Database/Seeder.php',
+                '/system/Test/',
+                '/system/CLI/',
+                '/system/Commands/',
+                '/system/Publisher/',
+                '/system/ComposerScripts.php',
+                // Not Class/Function files.
+                '/system/Config/Routes.php',
+                '/system/Language/',
+                '/system/bootstrap.php',
+                '/system/util_bootstrap.php',
+                '/system/rewrite.php',
+                '/Views/',
+                // Errors occur.
+                '/system/ThirdParty/',
+            ],
+        ],
+    ];
+
+    public function __construct()
+    {
+        $this->loadAutoloader();
+    }
+
+    private function loadAutoloader(): void
+    {
+        $paths = new Paths();
+        require rtrim($paths->systemDirectory, '\\/ ') . DIRECTORY_SEPARATOR . 'Boot.php';
+
+        Boot::preload($paths);
+    }
+
+    /**
+     * Load PHP files.
+     */
+    public function load(): void
+    {
+        foreach ($this->paths as $path) {
+            $directory = new RecursiveDirectoryIterator($path['include']);
+            $fullTree  = new RecursiveIteratorIterator($directory);
+            $phpFiles  = new RegexIterator(
+                $fullTree,
+                '/.+((?<!Test)+\.php$)/i',
+                RecursiveRegexIterator::GET_MATCH,
+            );
+
+            foreach ($phpFiles as $key => $file) {
+                foreach ($path['exclude'] as $exclude) {
+                    if (str_contains($file[0], $exclude)) {
+                        continue 2;
+                    }
+                }
+
+                require_once $file[0];
+                echo 'Loaded: ' . $file[0] . "\n";
+            }
+        }
+    }
+}
+
+(new preload())->load();
diff --git a/ci4app/public/.htaccess b/ci4app/public/.htaccess
new file mode 100644
index 0000000..1b8887c
--- /dev/null
+++ b/ci4app/public/.htaccess
@@ -0,0 +1,10 @@
+# Disable directory browsing
+Options -Indexes
+
+<IfModule mod_rewrite.c>
+    RewriteEngine On
+
+    RewriteCond %{REQUEST_FILENAME} !-f
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteRule ^(.*)$ index.php/$1 [L]
+</IfModule>
diff --git a/ci4app/public/assets/raven/css/style.css b/ci4app/public/assets/raven/css/style.css
new file mode 100644
index 0000000..e735342
--- /dev/null
+++ b/ci4app/public/assets/raven/css/style.css
@@ -0,0 +1,11328 @@
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+@layer properties;
+@layer theme, base, components, utilities;
+@layer theme {
+  :root, :host {
+    --font-sans: var(--font-theme);
+    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+      "Courier New", monospace;
+    --color-red-50: oklch(97.1% 0.013 17.38);
+    --color-red-100: oklch(93.6% 0.032 17.717);
+    --color-red-200: oklch(88.5% 0.062 18.334);
+    --color-red-300: oklch(80.8% 0.114 19.571);
+    --color-red-400: oklch(70.4% 0.191 22.216);
+    --color-red-500: oklch(63.7% 0.237 25.331);
+    --color-red-600: oklch(57.7% 0.245 27.325);
+    --color-red-700: oklch(50.5% 0.213 27.518);
+    --color-red-800: oklch(44.4% 0.177 26.899);
+    --color-red-900: oklch(39.6% 0.141 25.723);
+    --color-red-950: oklch(25.8% 0.092 26.042);
+    --color-orange-50: oklch(98% 0.016 73.684);
+    --color-orange-100: oklch(95.4% 0.038 75.164);
+    --color-orange-200: oklch(90.1% 0.076 70.697);
+    --color-orange-300: oklch(83.7% 0.128 66.29);
+    --color-orange-400: oklch(75% 0.183 55.934);
+    --color-orange-500: oklch(70.5% 0.213 47.604);
+    --color-orange-600: oklch(64.6% 0.222 41.116);
+    --color-orange-700: oklch(55.3% 0.195 38.402);
+    --color-orange-800: oklch(47% 0.157 37.304);
+    --color-orange-900: oklch(40.8% 0.123 38.172);
+    --color-orange-950: oklch(26.6% 0.079 36.259);
+    --color-amber-50: oklch(98.7% 0.022 95.277);
+    --color-amber-100: oklch(96.2% 0.059 95.617);
+    --color-amber-200: oklch(92.4% 0.12 95.746);
+    --color-amber-300: oklch(87.9% 0.169 91.605);
+    --color-amber-400: oklch(82.8% 0.189 84.429);
+    --color-amber-500: oklch(76.9% 0.188 70.08);
+    --color-amber-600: oklch(66.6% 0.179 58.318);
+    --color-amber-700: oklch(55.5% 0.163 48.998);
+    --color-amber-800: oklch(47.3% 0.137 46.201);
+    --color-amber-900: oklch(41.4% 0.112 45.904);
+    --color-amber-950: oklch(27.9% 0.077 45.635);
+    --color-yellow-50: oklch(98.7% 0.026 102.212);
+    --color-yellow-100: oklch(97.3% 0.071 103.193);
+    --color-yellow-200: oklch(94.5% 0.129 101.54);
+    --color-yellow-300: oklch(90.5% 0.182 98.111);
+    --color-yellow-400: oklch(85.2% 0.199 91.936);
+    --color-yellow-500: oklch(79.5% 0.184 86.047);
+    --color-yellow-600: oklch(68.1% 0.162 75.834);
+    --color-yellow-700: oklch(55.4% 0.135 66.442);
+    --color-yellow-800: oklch(47.6% 0.114 61.907);
+    --color-yellow-900: oklch(42.1% 0.095 57.708);
+    --color-yellow-950: oklch(28.6% 0.066 53.813);
+    --color-lime-50: oklch(98.6% 0.031 120.757);
+    --color-lime-100: oklch(96.7% 0.067 122.328);
+    --color-lime-200: oklch(93.8% 0.127 124.321);
+    --color-lime-300: oklch(89.7% 0.196 126.665);
+    --color-lime-400: oklch(84.1% 0.238 128.85);
+    --color-lime-500: oklch(76.8% 0.233 130.85);
+    --color-lime-600: oklch(64.8% 0.2 131.684);
+    --color-lime-700: oklch(53.2% 0.157 131.589);
+    --color-lime-800: oklch(45.3% 0.124 130.933);
+    --color-lime-900: oklch(40.5% 0.101 131.063);
+    --color-lime-950: oklch(27.4% 0.072 132.109);
+    --color-green-50: oklch(98.2% 0.018 155.826);
+    --color-green-100: oklch(96.2% 0.044 156.743);
+    --color-green-200: oklch(92.5% 0.084 155.995);
+    --color-green-300: oklch(87.1% 0.15 154.449);
+    --color-green-400: oklch(79.2% 0.209 151.711);
+    --color-green-500: oklch(72.3% 0.219 149.579);
+    --color-green-600: oklch(62.7% 0.194 149.214);
+    --color-green-700: oklch(52.7% 0.154 150.069);
+    --color-green-800: oklch(44.8% 0.119 151.328);
+    --color-green-900: oklch(39.3% 0.095 152.535);
+    --color-green-950: oklch(26.6% 0.065 152.934);
+    --color-emerald-50: oklch(97.9% 0.021 166.113);
+    --color-emerald-100: oklch(95% 0.052 163.051);
+    --color-emerald-200: oklch(90.5% 0.093 164.15);
+    --color-emerald-300: oklch(84.5% 0.143 164.978);
+    --color-emerald-400: oklch(76.5% 0.177 163.223);
+    --color-emerald-500: oklch(69.6% 0.17 162.48);
+    --color-emerald-600: oklch(59.6% 0.145 163.225);
+    --color-emerald-700: oklch(50.8% 0.118 165.612);
+    --color-emerald-800: oklch(43.2% 0.095 166.913);
+    --color-emerald-900: oklch(37.8% 0.077 168.94);
+    --color-emerald-950: oklch(26.2% 0.051 172.552);
+    --color-teal-50: oklch(98.4% 0.014 180.72);
+    --color-teal-100: oklch(95.3% 0.051 180.801);
+    --color-teal-200: oklch(91% 0.096 180.426);
+    --color-teal-300: oklch(85.5% 0.138 181.071);
+    --color-teal-400: oklch(77.7% 0.152 181.912);
+    --color-teal-500: oklch(70.4% 0.14 182.503);
+    --color-teal-600: oklch(60% 0.118 184.704);
+    --color-teal-700: oklch(51.1% 0.096 186.391);
+    --color-teal-800: oklch(43.7% 0.078 188.216);
+    --color-teal-900: oklch(38.6% 0.063 188.416);
+    --color-teal-950: oklch(27.7% 0.046 192.524);
+    --color-cyan-50: oklch(98.4% 0.019 200.873);
+    --color-cyan-100: oklch(95.6% 0.045 203.388);
+    --color-cyan-200: oklch(91.7% 0.08 205.041);
+    --color-cyan-300: oklch(86.5% 0.127 207.078);
+    --color-cyan-400: oklch(78.9% 0.154 211.53);
+    --color-cyan-500: oklch(71.5% 0.143 215.221);
+    --color-cyan-600: oklch(60.9% 0.126 221.723);
+    --color-cyan-700: oklch(52% 0.105 223.128);
+    --color-cyan-800: oklch(45% 0.085 224.283);
+    --color-cyan-900: oklch(39.8% 0.07 227.392);
+    --color-cyan-950: oklch(30.2% 0.056 229.695);
+    --color-sky-50: oklch(97.7% 0.013 236.62);
+    --color-sky-100: oklch(95.1% 0.026 236.824);
+    --color-sky-200: oklch(90.1% 0.058 230.902);
+    --color-sky-300: oklch(82.8% 0.111 230.318);
+    --color-sky-400: oklch(74.6% 0.16 232.661);
+    --color-sky-500: oklch(68.5% 0.169 237.323);
+    --color-sky-600: oklch(58.8% 0.158 241.966);
+    --color-sky-700: oklch(50% 0.134 242.749);
+    --color-sky-800: oklch(44.3% 0.11 240.79);
+    --color-sky-900: oklch(39.1% 0.09 240.876);
+    --color-sky-950: oklch(29.3% 0.066 243.157);
+    --color-blue-50: oklch(97% 0.014 254.604);
+    --color-blue-100: oklch(93.2% 0.032 255.585);
+    --color-blue-200: oklch(88.2% 0.059 254.128);
+    --color-blue-300: oklch(80.9% 0.105 251.813);
+    --color-blue-400: oklch(70.7% 0.165 254.624);
+    --color-blue-500: oklch(62.3% 0.214 259.815);
+    --color-blue-600: oklch(54.6% 0.245 262.881);
+    --color-blue-700: oklch(48.8% 0.243 264.376);
+    --color-blue-800: oklch(42.4% 0.199 265.638);
+    --color-blue-900: oklch(37.9% 0.146 265.522);
+    --color-blue-950: oklch(28.2% 0.091 267.935);
+    --color-indigo-50: oklch(96.2% 0.018 272.314);
+    --color-indigo-100: oklch(93% 0.034 272.788);
+    --color-indigo-200: oklch(87% 0.065 274.039);
+    --color-indigo-300: oklch(78.5% 0.115 274.713);
+    --color-indigo-400: oklch(67.3% 0.182 276.935);
+    --color-indigo-500: oklch(58.5% 0.233 277.117);
+    --color-indigo-600: oklch(51.1% 0.262 276.966);
+    --color-indigo-700: oklch(45.7% 0.24 277.023);
+    --color-indigo-800: oklch(39.8% 0.195 277.366);
+    --color-indigo-900: oklch(35.9% 0.144 278.697);
+    --color-indigo-950: oklch(25.7% 0.09 281.288);
+    --color-violet-50: oklch(96.9% 0.016 293.756);
+    --color-violet-100: oklch(94.3% 0.029 294.588);
+    --color-violet-200: oklch(89.4% 0.057 293.283);
+    --color-violet-300: oklch(81.1% 0.111 293.571);
+    --color-violet-400: oklch(70.2% 0.183 293.541);
+    --color-violet-500: oklch(60.6% 0.25 292.717);
+    --color-violet-600: oklch(54.1% 0.281 293.009);
+    --color-violet-700: oklch(49.1% 0.27 292.581);
+    --color-violet-800: oklch(43.2% 0.232 292.759);
+    --color-violet-900: oklch(38% 0.189 293.745);
+    --color-violet-950: oklch(28.3% 0.141 291.089);
+    --color-purple-50: oklch(97.7% 0.014 308.299);
+    --color-purple-100: oklch(94.6% 0.033 307.174);
+    --color-purple-200: oklch(90.2% 0.063 306.703);
+    --color-purple-300: oklch(82.7% 0.119 306.383);
+    --color-purple-400: oklch(71.4% 0.203 305.504);
+    --color-purple-500: oklch(62.7% 0.265 303.9);
+    --color-purple-600: oklch(55.8% 0.288 302.321);
+    --color-purple-700: oklch(49.6% 0.265 301.924);
+    --color-purple-800: oklch(43.8% 0.218 303.724);
+    --color-purple-900: oklch(38.1% 0.176 304.987);
+    --color-purple-950: oklch(29.1% 0.149 302.717);
+    --color-fuchsia-50: oklch(97.7% 0.017 320.058);
+    --color-fuchsia-100: oklch(95.2% 0.037 318.852);
+    --color-fuchsia-200: oklch(90.3% 0.076 319.62);
+    --color-fuchsia-300: oklch(83.3% 0.145 321.434);
+    --color-fuchsia-400: oklch(74% 0.238 322.16);
+    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
+    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
+    --color-fuchsia-700: oklch(51.8% 0.253 323.949);
+    --color-fuchsia-800: oklch(45.2% 0.211 324.591);
+    --color-fuchsia-900: oklch(40.1% 0.17 325.612);
+    --color-fuchsia-950: oklch(29.3% 0.136 325.661);
+    --color-pink-50: oklch(97.1% 0.014 343.198);
+    --color-pink-100: oklch(94.8% 0.028 342.258);
+    --color-pink-200: oklch(89.9% 0.061 343.231);
+    --color-pink-300: oklch(82.3% 0.12 346.018);
+    --color-pink-400: oklch(71.8% 0.202 349.761);
+    --color-pink-500: oklch(65.6% 0.241 354.308);
+    --color-pink-600: oklch(59.2% 0.249 0.584);
+    --color-pink-700: oklch(52.5% 0.223 3.958);
+    --color-pink-800: oklch(45.9% 0.187 3.815);
+    --color-pink-900: oklch(40.8% 0.153 2.432);
+    --color-pink-950: oklch(28.4% 0.109 3.907);
+    --color-rose-50: oklch(96.9% 0.015 12.422);
+    --color-rose-100: oklch(94.1% 0.03 12.58);
+    --color-rose-200: oklch(89.2% 0.058 10.001);
+    --color-rose-300: oklch(81% 0.117 11.638);
+    --color-rose-400: oklch(71.2% 0.194 13.428);
+    --color-rose-500: oklch(64.5% 0.246 16.439);
+    --color-rose-600: oklch(58.6% 0.253 17.585);
+    --color-rose-700: oklch(51.4% 0.222 16.935);
+    --color-rose-800: oklch(45.5% 0.188 13.697);
+    --color-rose-900: oklch(41% 0.159 10.272);
+    --color-rose-950: oklch(27.1% 0.105 12.094);
+    --color-slate-50: oklch(98.4% 0.003 247.858);
+    --color-slate-100: oklch(96.8% 0.007 247.896);
+    --color-slate-200: oklch(92.9% 0.013 255.508);
+    --color-slate-300: oklch(86.9% 0.022 252.894);
+    --color-slate-400: oklch(70.4% 0.04 256.788);
+    --color-slate-500: oklch(55.4% 0.046 257.417);
+    --color-slate-600: oklch(44.6% 0.043 257.281);
+    --color-slate-700: oklch(37.2% 0.044 257.287);
+    --color-slate-800: oklch(27.9% 0.041 260.031);
+    --color-slate-900: oklch(20.8% 0.042 265.755);
+    --color-slate-950: oklch(12.9% 0.042 264.695);
+    --color-gray-50: oklch(98.5% 0.002 247.839);
+    --color-gray-100: oklch(96.7% 0.003 264.542);
+    --color-gray-200: oklch(92.8% 0.006 264.531);
+    --color-gray-300: oklch(87.2% 0.01 258.338);
+    --color-gray-400: oklch(70.7% 0.022 261.325);
+    --color-gray-500: oklch(55.1% 0.027 264.364);
+    --color-gray-600: oklch(44.6% 0.03 256.802);
+    --color-gray-700: oklch(37.3% 0.034 259.733);
+    --color-gray-800: oklch(27.8% 0.033 256.848);
+    --color-gray-900: oklch(21% 0.034 264.665);
+    --color-gray-950: oklch(13% 0.028 261.692);
+    --color-zinc-50: #F9FAFD;
+    --color-zinc-100: #F0F1F8;
+    --color-zinc-200: #E7E9F2;
+    --color-zinc-300: #DADDE8;
+    --color-zinc-400: #9196af;
+    --color-zinc-500: #4D5472;
+    --color-zinc-600: #373D5B;
+    --color-zinc-700: #272D47;
+    --color-zinc-800: #222841;
+    --color-zinc-900: #191E32;
+    --color-zinc-950: #131727;
+    --color-neutral-50: oklch(98.5% 0 0);
+    --color-neutral-100: oklch(97% 0 0);
+    --color-neutral-200: oklch(92.2% 0 0);
+    --color-neutral-300: oklch(87% 0 0);
+    --color-neutral-400: oklch(70.8% 0 0);
+    --color-neutral-500: oklch(55.6% 0 0);
+    --color-neutral-600: oklch(43.9% 0 0);
+    --color-neutral-700: oklch(37.1% 0 0);
+    --color-neutral-800: oklch(26.9% 0 0);
+    --color-neutral-900: oklch(20.5% 0 0);
+    --color-neutral-950: oklch(14.5% 0 0);
+    --color-stone-50: oklch(98.5% 0.001 106.423);
+    --color-stone-100: oklch(97% 0.001 106.424);
+    --color-stone-200: oklch(92.3% 0.003 48.717);
+    --color-stone-300: oklch(86.9% 0.005 56.366);
+    --color-stone-400: oklch(70.9% 0.01 56.259);
+    --color-stone-500: oklch(55.3% 0.013 58.071);
+    --color-stone-600: oklch(44.4% 0.011 73.639);
+    --color-stone-700: oklch(37.4% 0.01 67.558);
+    --color-stone-800: oklch(26.8% 0.007 34.298);
+    --color-stone-900: oklch(21.6% 0.006 56.043);
+    --color-stone-950: oklch(14.7% 0.004 49.25);
+    --color-black: #0A0C16;
+    --color-white: #fff;
+    --spacing: 0.25rem;
+    --breakpoint-sm: 40rem;
+    --breakpoint-md: 48rem;
+    --breakpoint-lg: 64rem;
+    --breakpoint-xl: 80rem;
+    --breakpoint-2xl: 96rem;
+    --container-3xs: 16rem;
+    --container-2xs: 18rem;
+    --container-xs: 20rem;
+    --container-sm: 24rem;
+    --container-md: 28rem;
+    --container-lg: 32rem;
+    --container-xl: 36rem;
+    --container-2xl: 42rem;
+    --container-3xl: 48rem;
+    --container-4xl: 56rem;
+    --container-5xl: 64rem;
+    --container-6xl: 72rem;
+    --container-7xl: 80rem;
+    --text-xs: 0.635rem;
+    --text-xs--line-height: calc(1 / 0.75);
+    --text-sm: 0.735rem;
+    --text-sm--line-height: calc(1.25 / 0.875);
+    --text-base: 0.875rem;
+    --text-base--line-height: calc(1.5 / 1);
+    --text-lg: 1.0625rem;
+    --text-lg--line-height: calc(1.75 / 1.125);
+    --text-xl: 1.25rem;
+    --text-xl--line-height: calc(1.75 / 1.25);
+    --text-2xl: 1.5rem;
+    --text-2xl--line-height: calc(2 / 1.5);
+    --text-3xl: 1.875rem;
+    --text-3xl--line-height: calc(2.25 / 1.875);
+    --text-4xl: 2.25rem;
+    --text-4xl--line-height: calc(2.5 / 2.25);
+    --text-5xl: 3rem;
+    --text-5xl--line-height: 1;
+    --text-6xl: 3.75rem;
+    --text-6xl--line-height: 1;
+    --text-7xl: 4.5rem;
+    --text-7xl--line-height: 1;
+    --text-8xl: 6rem;
+    --text-8xl--line-height: 1;
+    --text-9xl: 8rem;
+    --text-9xl--line-height: 1;
+    --font-weight-thin: 100;
+    --font-weight-extralight: 200;
+    --font-weight-light: 300;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-semibold: 600;
+    --font-weight-bold: 700;
+    --font-weight-extrabold: 800;
+    --font-weight-black: 900;
+    --tracking-tighter: -0.05em;
+    --tracking-tight: -0.025em;
+    --tracking-normal: 0em;
+    --tracking-wide: 0.025em;
+    --tracking-wider: 0.05em;
+    --tracking-widest: 0.1em;
+    --leading-tight: 1.25;
+    --leading-snug: 1.375;
+    --leading-normal: 1.5;
+    --leading-relaxed: 1.625;
+    --leading-loose: 2;
+    --radius-xs: 0.125rem;
+    --radius-sm: 0.25rem;
+    --radius-md: 0.5rem;
+    --radius-lg: 0.75rem;
+    --radius-xl: 1rem;
+    --radius-2xl: 1rem;
+    --radius-3xl: 1.5rem;
+    --radius-4xl: 2rem;
+    --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
+    --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+    --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
+    --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
+    --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
+    --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
+    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
+    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
+    --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
+    --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
+    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
+    --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);
+    --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);
+    --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075),
+      0px 2px 2px rgb(0 0 0 / 0.075);
+    --text-shadow-md: 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1),
+      0px 2px 4px rgb(0 0 0 / 0.1);
+    --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1),
+      0px 4px 8px rgb(0 0 0 / 0.1);
+    --ease-in: cubic-bezier(0.4, 0, 1, 1);
+    --ease-out: cubic-bezier(0, 0, 0.2, 1);
+    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+    --animate-spin: spin 1s linear infinite;
+    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    --animate-bounce: bounce 1s infinite;
+    --blur-xs: 4px;
+    --blur-sm: 8px;
+    --blur-md: 12px;
+    --blur-lg: 16px;
+    --blur-xl: 24px;
+    --blur-2xl: 40px;
+    --blur-3xl: 64px;
+    --perspective-dramatic: 100px;
+    --perspective-near: 300px;
+    --perspective-normal: 500px;
+    --perspective-midrange: 800px;
+    --perspective-distant: 1200px;
+    --aspect-video: 16 / 9;
+    --default-transition-duration: 150ms;
+    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    --default-font-family: var(--font-sans);
+    --default-mono-font-family: var(--font-mono);
+    --font-theme: "Plus Jakarta Sans",-apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+    --color-primary: #636DFF;
+    --color-primary-deep: #5964F7;
+    --color-primary-subtle: #636DFF1f;
+    --shadow-card: 0 4px 12px rgba(19, 21, 35, 0.03);
+    --shadow-glass: 0 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.1);
+    --shadow-dropdown: 0 6px 12px rgba(19, 21, 35, 0.08),
+    0 16px 32px rgba(19, 21, 35, 0.12),
+    0 24px 48px rgba(19, 21, 35, 0.08);
+  }
+}
+@layer base {
+  *, ::after, ::before, ::backdrop, ::file-selector-button {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid;
+  }
+  html, :host {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-feature-settings: var(--default-font-feature-settings, normal);
+    font-variation-settings: var(--default-font-variation-settings, normal);
+    -webkit-tap-highlight-color: transparent;
+  }
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+  h1, h2, h3, h4, h5, h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+  b, strong {
+    font-weight: bolder;
+  }
+  code, kbd, samp, pre {
+    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
+    font-feature-settings: var(--default-mono-font-feature-settings, normal);
+    font-variation-settings: var(--default-mono-font-variation-settings, normal);
+    font-size: 1em;
+  }
+  small {
+    font-size: 80%;
+  }
+  sub, sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+  :-moz-focusring {
+    outline: auto;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  summary {
+    display: list-item;
+  }
+  ol, ul, menu {
+    list-style: none;
+  }
+  img, svg, video, canvas, audio, iframe, embed, object {
+    display: block;
+    vertical-align: middle;
+  }
+  img, video {
+    max-width: 100%;
+    height: auto;
+  }
+  button, input, select, optgroup, textarea, ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    border-radius: 0;
+    background-color: transparent;
+    opacity: 1;
+  }
+  :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+  :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+  ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+  ::placeholder {
+    opacity: 1;
+  }
+  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+  }
+  textarea {
+    resize: vertical;
+  }
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+  ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+  ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
+    appearance: button;
+  }
+  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [hidden]:where(:not([hidden="until-found"])) {
+    display: none !important;
+  }
+}
+@layer utilities {
+  .\@container {
+    container-type: inline-size;
+  }
+  .\!pointer-events-none {
+    pointer-events: none !important;
+  }
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
+  .pointer-events-none {
+    pointer-events: none;
+  }
+  .\!visible {
+    visibility: visible !important;
+  }
+  .collapse {
+    visibility: collapse;
+  }
+  .invisible {
+    visibility: hidden;
+  }
+  .visible {
+    visibility: visible;
+  }
+  .\!absolute {
+    position: absolute !important;
+  }
+  .absolute {
+    position: absolute;
+  }
+  .fixed {
+    position: fixed;
+  }
+  .relative {
+    position: relative;
+  }
+  .static {
+    position: static;
+  }
+  .sticky {
+    position: sticky;
+  }
+  .inset-0 {
+    inset: calc(var(--spacing) * 0);
+  }
+  .inset-x-4 {
+    inset-inline: calc(var(--spacing) * 4);
+  }
+  .inset-y-4 {
+    inset-block: calc(var(--spacing) * 4);
+  }
+  .\!start-0 {
+    inset-inline-start: calc(var(--spacing) * 0) !important;
+  }
+  .\!start-auto {
+    inset-inline-start: auto !important;
+  }
+  .start-0 {
+    inset-inline-start: calc(var(--spacing) * 0);
+  }
+  .start-2 {
+    inset-inline-start: calc(var(--spacing) * 2);
+  }
+  .start-2\.75 {
+    inset-inline-start: calc(var(--spacing) * 2.75);
+  }
+  .start-3 {
+    inset-inline-start: calc(var(--spacing) * 3);
+  }
+  .start-4 {
+    inset-inline-start: calc(var(--spacing) * 4);
+  }
+  .\!end-0 {
+    inset-inline-end: calc(var(--spacing) * 0) !important;
+  }
+  .end-0 {
+    inset-inline-end: calc(var(--spacing) * 0);
+  }
+  .end-1 {
+    inset-inline-end: calc(var(--spacing) * 1);
+  }
+  .end-2 {
+    inset-inline-end: calc(var(--spacing) * 2);
+  }
+  .end-5 {
+    inset-inline-end: calc(var(--spacing) * 5);
+  }
+  .\!top-0 {
+    top: calc(var(--spacing) * 0) !important;
+  }
+  .\!top-full {
+    top: 100% !important;
+  }
+  .-top-1 {
+    top: calc(var(--spacing) * -1);
+  }
+  .-top-2\.25 {
+    top: calc(var(--spacing) * -2.25);
+  }
+  .-top-2\.75 {
+    top: calc(var(--spacing) * -2.75);
+  }
+  .-top-6 {
+    top: calc(var(--spacing) * -6);
+  }
+  .top-0 {
+    top: calc(var(--spacing) * 0);
+  }
+  .top-1 {
+    top: calc(var(--spacing) * 1);
+  }
+  .top-1\/2 {
+    top: calc(1/2 * 100%);
+  }
+  .top-2 {
+    top: calc(var(--spacing) * 2);
+  }
+  .top-2\.5 {
+    top: calc(var(--spacing) * 2.5);
+  }
+  .top-3 {
+    top: calc(var(--spacing) * 3);
+  }
+  .top-4 {
+    top: calc(var(--spacing) * 4);
+  }
+  .top-5 {
+    top: calc(var(--spacing) * 5);
+  }
+  .top-6 {
+    top: calc(var(--spacing) * 6);
+  }
+  .top-full {
+    top: 100%;
+  }
+  .\!right-auto {
+    right: auto !important;
+  }
+  .-right-1 {
+    right: calc(var(--spacing) * -1);
+  }
+  .right-0 {
+    right: calc(var(--spacing) * 0);
+  }
+  .right-1 {
+    right: calc(var(--spacing) * 1);
+  }
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+  .right-3 {
+    right: calc(var(--spacing) * 3);
+  }
+  .bottom-0 {
+    bottom: calc(var(--spacing) * 0);
+  }
+  .\!left-0 {
+    left: calc(var(--spacing) * 0) !important;
+  }
+  .left-0 {
+    left: calc(var(--spacing) * 0);
+  }
+  .left-3 {
+    left: calc(var(--spacing) * 3);
+  }
+  .left-4 {
+    left: calc(var(--spacing) * 4);
+  }
+  .left-6 {
+    left: calc(var(--spacing) * 6);
+  }
+  .left-\[3\%\] {
+    left: 3%;
+  }
+  .left-full {
+    left: 100%;
+  }
+  .isolate {
+    isolation: isolate;
+  }
+  .z-1 {
+    z-index: 1;
+  }
+  .z-10 {
+    z-index: 10;
+  }
+  .z-20 {
+    z-index: 20;
+  }
+  .z-50 {
+    z-index: 50;
+  }
+  .z-\[1\] {
+    z-index: 1;
+  }
+  .z-\[2\] {
+    z-index: 2;
+  }
+  .z-\[52\] {
+    z-index: 52;
+  }
+  .z-\[55\] {
+    z-index: 55;
+  }
+  .z-\[60\] {
+    z-index: 60;
+  }
+  .z-\[70\] {
+    z-index: 70;
+  }
+  .z-\[1050\] {
+    z-index: 1050;
+  }
+  .z-\[1055\] {
+    z-index: 1055;
+  }
+  .order-1 {
+    order: 1;
+  }
+  .order-last {
+    order: 9999;
+  }
+  .col-auto {
+    grid-column: auto;
+  }
+  .col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+  .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+  .col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+  .container {
+    width: 100%;
+    @media (width >= 40rem) {
+      max-width: 40rem;
+    }
+    @media (width >= 48rem) {
+      max-width: 48rem;
+    }
+    @media (width >= 64rem) {
+      max-width: 64rem;
+    }
+    @media (width >= 80rem) {
+      max-width: 80rem;
+    }
+    @media (width >= 96rem) {
+      max-width: 96rem;
+    }
+  }
+  .\!m-0 {
+    margin: calc(var(--spacing) * 0) !important;
+  }
+  .\!m-0\.25 {
+    margin: calc(var(--spacing) * 0.25) !important;
+  }
+  .m-1 {
+    margin: calc(var(--spacing) * 1);
+  }
+  .m-4 {
+    margin: calc(var(--spacing) * 4);
+  }
+  .-mx-2 {
+    margin-inline: calc(var(--spacing) * -2);
+  }
+  .-mx-4 {
+    margin-inline: calc(var(--spacing) * -4);
+  }
+  .mx-1 {
+    margin-inline: calc(var(--spacing) * 1);
+  }
+  .mx-auto {
+    margin-inline: auto;
+  }
+  .\!my-2 {
+    margin-block: calc(var(--spacing) * 2) !important;
+  }
+  .my-0 {
+    margin-block: calc(var(--spacing) * 0);
+  }
+  .my-2 {
+    margin-block: calc(var(--spacing) * 2);
+  }
+  .my-2\.5 {
+    margin-block: calc(var(--spacing) * 2.5);
+  }
+  .my-3 {
+    margin-block: calc(var(--spacing) * 3);
+  }
+  .my-4 {
+    margin-block: calc(var(--spacing) * 4);
+  }
+  .my-5 {
+    margin-block: calc(var(--spacing) * 5);
+  }
+  .\!ms-0 {
+    margin-inline-start: calc(var(--spacing) * 0) !important;
+  }
+  .\!ms-1 {
+    margin-inline-start: calc(var(--spacing) * 1) !important;
+  }
+  .-ms-3 {
+    margin-inline-start: calc(var(--spacing) * -3);
+  }
+  .ms-1 {
+    margin-inline-start: calc(var(--spacing) * 1);
+  }
+  .ms-2 {
+    margin-inline-start: calc(var(--spacing) * 2);
+  }
+  .ms-3 {
+    margin-inline-start: calc(var(--spacing) * 3);
+  }
+  .ms-4 {
+    margin-inline-start: calc(var(--spacing) * 4);
+  }
+  .ms-auto {
+    margin-inline-start: auto;
+  }
+  .\!-me-3 {
+    margin-inline-end: calc(var(--spacing) * -3) !important;
+  }
+  .\!me-1 {
+    margin-inline-end: calc(var(--spacing) * 1) !important;
+  }
+  .\!me-4 {
+    margin-inline-end: calc(var(--spacing) * 4) !important;
+  }
+  .me-1 {
+    margin-inline-end: calc(var(--spacing) * 1);
+  }
+  .me-1\.5 {
+    margin-inline-end: calc(var(--spacing) * 1.5);
+  }
+  .me-2 {
+    margin-inline-end: calc(var(--spacing) * 2);
+  }
+  .me-3 {
+    margin-inline-end: calc(var(--spacing) * 3);
+  }
+  .me-4 {
+    margin-inline-end: calc(var(--spacing) * 4);
+  }
+  .me-auto {
+    margin-inline-end: auto;
+  }
+  .\!-mt-3 {
+    margin-top: calc(var(--spacing) * -3) !important;
+  }
+  .\!mt-1 {
+    margin-top: calc(var(--spacing) * 1) !important;
+  }
+  .\!mt-1\.5 {
+    margin-top: calc(var(--spacing) * 1.5) !important;
+  }
+  .\!mt-2 {
+    margin-top: calc(var(--spacing) * 2) !important;
+  }
+  .-mt-1 {
+    margin-top: calc(var(--spacing) * -1);
+  }
+  .-mt-10 {
+    margin-top: calc(var(--spacing) * -10);
+  }
+  .-mt-12 {
+    margin-top: calc(var(--spacing) * -12);
+  }
+  .mt-0 {
+    margin-top: calc(var(--spacing) * 0);
+  }
+  .mt-0\.5 {
+    margin-top: calc(var(--spacing) * 0.5);
+  }
+  .mt-1 {
+    margin-top: calc(var(--spacing) * 1);
+  }
+  .mt-2 {
+    margin-top: calc(var(--spacing) * 2);
+  }
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
+  .mt-4 {
+    margin-top: calc(var(--spacing) * 4);
+  }
+  .mt-4\.5 {
+    margin-top: calc(var(--spacing) * 4.5);
+  }
+  .mt-5 {
+    margin-top: calc(var(--spacing) * 5);
+  }
+  .mt-7 {
+    margin-top: calc(var(--spacing) * 7);
+  }
+  .mt-auto {
+    margin-top: auto;
+  }
+  .-mb-2 {
+    margin-bottom: calc(var(--spacing) * -2);
+  }
+  .mb-0 {
+    margin-bottom: calc(var(--spacing) * 0);
+  }
+  .mb-0\.5 {
+    margin-bottom: calc(var(--spacing) * 0.5);
+  }
+  .mb-1 {
+    margin-bottom: calc(var(--spacing) * 1);
+  }
+  .mb-1\.5 {
+    margin-bottom: calc(var(--spacing) * 1.5);
+  }
+  .mb-2 {
+    margin-bottom: calc(var(--spacing) * 2);
+  }
+  .mb-2\.5 {
+    margin-bottom: calc(var(--spacing) * 2.5);
+  }
+  .mb-3 {
+    margin-bottom: calc(var(--spacing) * 3);
+  }
+  .mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
+  .mb-5 {
+    margin-bottom: calc(var(--spacing) * 5);
+  }
+  .mb-6 {
+    margin-bottom: calc(var(--spacing) * 6);
+  }
+  .mb-7 {
+    margin-bottom: calc(var(--spacing) * 7);
+  }
+  .mb-9 {
+    margin-bottom: calc(var(--spacing) * 9);
+  }
+  .mb-12 {
+    margin-bottom: calc(var(--spacing) * 12);
+  }
+  .ml-auto {
+    margin-left: auto;
+  }
+  .icon-\[iconoir--check-circle-solid\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75S22.75 17.937 22.75 12S17.937 1.25 12 1.25M7.53 11.97a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l7-7a.75.75 0 0 0-1.06-1.06L10 14.44z' clip-rule='evenodd'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--clock-solid\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75S22.75 17.937 22.75 12S17.937 1.25 12 1.25M12.75 6a.75.75 0 0 0-1.5 0v6c0 .414.336.75.75.75h6a.75.75 0 0 0 0-1.5h-5.25z' clip-rule='evenodd'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--discord\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M5.5 16c5 2.5 8 2.5 13 0'/%3E%3Cpath d='m15.5 17.5l1 2s4.171-1.328 5.5-3.5c0-1 .53-8.147-3-10.5c-1.5-1-4-1.5-4-1.5l-1 2h-2'/%3E%3Cpath d='m8.528 17.5l-1 2s-4.171-1.328-5.5-3.5c0-1-.53-8.147 3-10.5c1.5-1 4-1.5 4-1.5l1 2h2'/%3E%3Cpath d='M8.5 14c-.828 0-1.5-.895-1.5-2s.672-2 1.5-2s1.5.895 1.5 2s-.672 2-1.5 2m7 0c-.828 0-1.5-.895-1.5-2s.672-2 1.5-2s1.5.895 1.5 2s-.672 2-1.5 2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--facebook\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17 2h-3a5 5 0 0 0-5 5v3H6v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--link\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M14 11.998C14 9.506 11.683 7 8.857 7H7.143C4.303 7 2 9.238 2 11.998c0 2.378 1.71 4.368 4 4.873a5.3 5.3 0 0 0 1.143.124'/%3E%3Cpath d='M10 11.998c0 2.491 2.317 4.997 5.143 4.997h1.714c2.84 0 5.143-2.237 5.143-4.997c0-2.379-1.71-4.37-4-4.874A5.3 5.3 0 0 0 16.857 7'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--linkedin\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M21 8v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5M7 17v-7'/%3E%3Cpath d='M11 17v-3.25M11 10v3.75m0 0c0-3.75 6-3.75 6 0V17M7 7.01l.01-.011'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--media-image-plus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M13 21H3.6a.6.6 0 0 1-.6-.6V3.6a.6.6 0 0 1 .6-.6h16.8a.6.6 0 0 1 .6.6V13'/%3E%3Cpath d='m3 16l7-3l5.5 2.5M16 10a2 2 0 1 1 0-4a2 2 0 0 1 0 4m0 9h3m3 0h-3m0 0v-3m0 3v3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--menu\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 5h18M3 12h18M3 19h18'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--minus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 12h12'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--pause\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' d='M6 18.4V5.6a.6.6 0 0 1 .6-.6h2.8a.6.6 0 0 1 .6.6v12.8a.6.6 0 0 1-.6.6H6.6a.6.6 0 0 1-.6-.6Zm8 0V5.6a.6.6 0 0 1 .6-.6h2.8a.6.6 0 0 1 .6.6v12.8a.6.6 0 0 1-.6.6h-2.8a.6.6 0 0 1-.6-.6Z'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--star-solid\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m8.587 8.236l2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232l5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07l.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75l-4.202-4.07a.902.902 0 0 1 .503-1.54z'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--x\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M16.82 20.768L3.753 3.968A.6.6 0 0 1 4.227 3h2.48a.6.6 0 0 1 .473.232l13.067 16.8a.6.6 0 0 1-.474.968h-2.48a.6.6 0 0 1-.473-.232Z'/%3E%3Cpath stroke-linecap='round' d='M20 3L4 21'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--activity\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--alarm-clock-off\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.87 6.87a8 8 0 1 0 11.26 11.26m1.77-3.88a8 8 0 0 0-9.15-9.15M22 6l-3-3M6.26 18.67L4 21M2 2l20 20M4 4L2 6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--app-window\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='M10 4v4M2 8h20M6 4v4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--archive\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='5' x='2' y='3' rx='1'/%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8m-10 4h4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--arrow-up-right\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7h10v10M7 17L17 7'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--at-sign\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--award\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15.477 12.89l1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526'/%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--baggage-claim\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M22 18H6a2 2 0 0 1-2-2V7a2 2 0 0 0-2-2'/%3E%3Cpath d='M17 14V4a2 2 0 0 0-2-2h-1a2 2 0 0 0-2 2v10'/%3E%3Crect width='13' height='8' x='8' y='6' rx='1'/%3E%3Ccircle cx='18' cy='20' r='2'/%3E%3Ccircle cx='9' cy='20' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--ban\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4.929 4.929L19.07 19.071'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--bell\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.268 21a2 2 0 0 0 3.464 0m-10.47-5.674A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--bolt\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--book-open-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 21V7m4 5l2 2l4-4'/%3E%3Cpath d='M22 6V4a1 1 0 0 0-1-1h-5a4 4 0 0 0-4 4a4 4 0 0 0-4-4H3a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h6a3 3 0 0 1 3 3a3 3 0 0 1 3-3h6a1 1 0 0 0 1-1v-1.3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--book-open\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 7v14m-9-3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4a4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3a3 3 0 0 0-3-3z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--book-user\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 13a3 3 0 1 0-6 0'/%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20'/%3E%3Ccircle cx='12' cy='8' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--bookmark-plus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 21l-7-4l-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2zM12 7v6m3-3H9'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--box\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7l8.7 5l8.7-5M12 22V12'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--briefcase-business\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 12h.01M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2m14 7a18.15 18.15 0 0 1-20 0'/%3E%3Crect width='20' height='14' x='2' y='6' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--bug\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 20v-9m2-4a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4zm.12-3.12L16 2'/%3E%3Cpath d='M21 21a4 4 0 0 0-3.81-4M21 5a4 4 0 0 1-3.55 3.97M22 13h-4M3 21a4 4 0 0 1 3.81-4M3 5a4 4 0 0 0 3.55 3.97M6 13H2M8 2l1.88 1.88M9 7.13V6a3 3 0 1 1 6 0v1.13'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--building-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Zm0-10H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2M10 6h4m-4 4h4m-4 4h4m-4 4h4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--cake\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8'/%3E%3Cpath d='M4 16s.5-1 2-1s2.5 2 4 2s2.5-2 4-2s2.5 2 4 2s2-1 2-1M2 21h20M7 8v3m5-3v3m5-3v3M7 4h.01M12 4h.01M17 4h.01'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--calendar-days\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 2v4m8-4v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chart-no-axes-column\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 21v-6m7 6V3m7 18V9'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevron-down\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevron-left\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 18l-6-6l6-6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevron-right\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18l6-6l-6-6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevron-up\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 15l-6-6l-6 6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevrons-down-up\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 20l5-5l5 5M7 4l5 5l5-5'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--circle-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--circle-user-round\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 20a6 6 0 0 0-12 0'/%3E%3Ccircle cx='12' cy='10' r='4'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--circle-user\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--clipboard-edit\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='8' height='4' x='8' y='2' rx='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-5.5M4 13.5V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M13.378 15.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--clipboard-pen\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='8' height='4' x='8' y='2' rx='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-5.5M4 13.5V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M13.378 15.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--clock-fading\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2a10 10 0 0 1 7.38 16.75M12 6v6l4 2M2.5 8.875a10 10 0 0 0-.5 3M2.83 16a10 10 0 0 0 2.43 3.4M4.636 5.235a10 10 0 0 1 .891-.857M8.644 21.42a10 10 0 0 0 7.631-.38'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--code\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 18l6-6l-6-6M8 6l-6 6l6 6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--component\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0zm-13.239 0a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0zm6.619 6.619a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0zm0-13.238a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--copy\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--credit-card\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--crown\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294zM5 21h14'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--database-backup\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 12a9 3 0 0 0 5 2.69M21 9.3V5'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 6.47 2.88M12 12v4h4'/%3E%3Cpath d='M13 20a5 5 0 0 0 9-3a4.5 4.5 0 0 0-4.5-4.5c-1.33 0-2.54.54-3.41 1.41L12 16'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--database-zap\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 12 2.84M21 5v3m0 4l-3 5h4l-3 5'/%3E%3Cpath d='M3 12a9 3 0 0 0 11.59 2.87'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--database\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 18 0V5'/%3E%3Cpath d='M3 12a9 3 0 0 0 18 0'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--diamond-percent\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.7 10.3a2.41 2.41 0 0 0 0 3.41l7.59 7.59a2.41 2.41 0 0 0 3.41 0l7.59-7.59a2.41 2.41 0 0 0 0-3.41L13.7 2.71a2.41 2.41 0 0 0-3.41 0Zm6.5-1.1h.01m5.29.3l-5 5m5.2.3h.01'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--dollar-sign\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v20m5-17H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--download\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10l5 5l5-5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--edit-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--edit\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--expand\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 15l6 6M15 9l6-6m0 13v5h-5m5-13V3h-5M3 16v5h5m-5 0l6-6M3 8V3h5m1 6L3 3'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--external-link\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--eye-off\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575a1 1 0 0 1 0 .696a10.8 10.8 0 0 1-1.444 2.49m-6.41-.679a3 3 0 0 1-4.242-4.242'/%3E%3Cpath d='M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 4.446-5.143M2 2l20 20'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--eye\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-box\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14.5 22H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M3 13.1a2 2 0 0 0-1 1.76v3.24a2 2 0 0 0 .97 1.78L6 21.7a2 2 0 0 0 2.03.01L11 19.9a2 2 0 0 0 1-1.76V14.9a2 2 0 0 0-.97-1.78L8 11.3a2 2 0 0 0-2.03-.01ZM7 17v5'/%3E%3Cpath d='M11.7 14.2L7 17l-4.7-2.8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-chart-column\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M8 18v-1m4 1v-6m4 6v-3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-chart-line\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4m-4 5l-3.5 3.5l-2-2L8 17'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M9 15l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-code-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M5 12l-3 3l3 3m4 0l3-3l-3-3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-edit\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12.5 22H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v9.5'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4m-6.622 7.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-stack\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1m12 4a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1m12-1a2 2 0 0 0-.586-1.414l-2-2A2 2 0 0 0 17 2h-3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--files\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2a2 2 0 0 1 1.414.586l4 4A2 2 0 0 1 21 8v7a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z'/%3E%3Cpath d='M15 2v4a2 2 0 0 0 2 2h4M5 7a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 1.732-1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--filter\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 3H2l8 9.46V19l4 2v-8.54z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--flag\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--folder-cog\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.3 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.98a2 2 0 0 1 1.69.9l.66 1.2A2 2 0 0 0 12 6h8a2 2 0 0 1 2 2v3.3m-7.695 8.23l.923-.382m0-2.296l-.923-.383m2.547-1.241l-.383-.923m.383 6.467l-.383.924m2.679-6.468l.383-.923m-.001 7.391l-.382-.924m1.624-3.92l.924-.383m-.924 2.679l.924.383'/%3E%3Ccircle cx='18' cy='18' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--folder-git-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v5'/%3E%3Ccircle cx='13' cy='12' r='2'/%3E%3Cpath d='M18 19c-2.8 0-5-2.2-5-5v8'/%3E%3Ccircle cx='20' cy='19' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--folder-open\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 14l1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--folder\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--forward\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15 17l5-5l-5-5'/%3E%3Cpath d='M4 18v-2a4 4 0 0 1 4-4h12'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--globe-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.54 15H17a2 2 0 0 0-2 2v4.54M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--globe\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20a14.5 14.5 0 0 0 0-20M2 12h20'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--hand-coins\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 15h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 17'/%3E%3Cpath d='m7 21l1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9M2 16l6 6'/%3E%3Ccircle cx='16' cy='9' r='2.9'/%3E%3Ccircle cx='6' cy='5' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--hash\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 9h16M4 15h16M10 3L8 21m8-18l-2 18'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--headset\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2z'/%3E%3Cpath d='M21 16v2a4 4 0 0 1-4 4h-5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--heart\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676a.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--history\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5m4-1v5l4 2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--home\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--image\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15l-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--images\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m22 11l-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16'/%3E%3Cpath d='M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2'/%3E%3Ccircle cx='13' cy='7' r='1' fill='black'/%3E%3Crect width='14' height='14' x='8' y='2' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--info\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4m0-4h.01'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--key-round\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z'/%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='black'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--layers-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 13.74a2 2 0 0 1-2 0L2.5 8.87a1 1 0 0 1 0-1.74L11 2.26a2 2 0 0 1 2 0l8.5 4.87a1 1 0 0 1 0 1.74zm7 .545l1.5.845a1 1 0 0 1 0 1.74L13 21.74a2 2 0 0 1-2 0l-8.5-4.87a1 1 0 0 1 0-1.74l1.5-.845'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--layers\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z'/%3E%3Cpath d='M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12'/%3E%3Cpath d='M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--layout-grid\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--layout\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18M9 21V9'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--life-buoy\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.93 4.93l4.24 4.24m5.66 0l4.24-4.24m-4.24 9.9l4.24 4.24m-9.9-4.24l-4.24 4.24'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--lightbulb\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 14c.2-1 .7-1.7 1.5-2.5c1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5c.7.7 1.3 1.5 1.5 2.5m0 4h6m-5 4h4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--list-restart\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 5H3m4 7H3m4 7H3m9-1a5 5 0 0 0 9-3a4.5 4.5 0 0 0-4.5-4.5c-1.33 0-2.54.54-3.41 1.41L11 14'/%3E%3Cpath d='M11 10v4h4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--list\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5h.01M3 12h.01M3 19h.01M8 5h13M8 12h13M8 19h13'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--log-out\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 17l5-5l-5-5m5 5H9m0 9H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--magnet\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 15l4 4M2.352 10.648a1.205 1.205 0 0 0 0 1.704l2.296 2.296a1.205 1.205 0 0 0 1.704 0l6.029-6.029a1 1 0 1 1 3 3l-6.029 6.029a1.205 1.205 0 0 0 0 1.704l2.296 2.296a1.205 1.205 0 0 0 1.704 0l6.365-6.367A1 1 0 0 0 8.716 4.282zM5 8l4 4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--mail-open\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0z'/%3E%3Cpath d='m22 10l-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--mail\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--map-pin\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--message-circle-more\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092a10 10 0 1 0-4.777-4.719M8 12h.01M12 12h.01M16 12h.01'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--minus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--monitor-play\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15.033 9.44a.647.647 0 0 1 0 1.12l-4.065 2.352a.645.645 0 0 1-.968-.56V7.648a.645.645 0 0 1 .967-.56zM12 17v4m-4 0h8'/%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--monitor-speaker\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5.5 20H8m9-11h.01'/%3E%3Crect width='10' height='16' x='12' y='4' rx='2'/%3E%3Cpath d='M8 6H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h4'/%3E%3Ccircle cx='17' cy='15' r='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--more-vertical\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='12' cy='5' r='1'/%3E%3Ccircle cx='12' cy='19' r='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--mouse-pointer-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--move\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v20m3-3l-3 3l-3-3M19 9l3 3l-3 3M2 12h20M5 9l-3 3l3 3M9 5l3-3l3 3'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--palette\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 22a1 1 0 0 1 0-20a10 9 0 0 1 10 9a5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z'/%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='black'/%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='black'/%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='black'/%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='black'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--panel-left-right-dashed\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 10V9m0 6v-1m0 7v-2m0-14V3m-6 7V9m0 6v-1m0 7v-2M9 5V3'/%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--paperclip\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 6l-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--percent\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19 5L5 19'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--phone-call\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 2a9 9 0 0 1 9 9m-9-5a5 5 0 0 1 5 5m-4.168 5.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233a14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--phone-off\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.1 13.9a14 14 0 0 0 3.732 2.668a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2a18 18 0 0 1-12.728-5.272M22 2L2 22m2.76-8.418A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233a14 14 0 0 0 .244.473'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--pizza\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m12 14l-1 1m2.75 3.25l-1.25 1.42m5.275-14.016a15.68 15.68 0 0 0-12.121 12.12M18.8 9.3a1 1 0 0 0 2.1 7.7'/%3E%3Cpath d='M21.964 20.732a1 1 0 0 1-1.232 1.232l-18-5a1 1 0 0 1-.695-1.232A19.68 19.68 0 0 1 15.732 2.037a1 1 0 0 1 1.232.695z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--play\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--plus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7v14'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--printer\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6'/%3E%3Crect width='12' height='8' x='6' y='14' rx='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--refresh-ccw-dot\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 12a9 9 0 0 0-9-9a9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5m-5 4a9 9 0 0 0 9 9a9.75 9.75 0 0 0 6.74-2.74L21 16'/%3E%3Cpath d='M16 16h5v5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--reply\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 18v-2a4 4 0 0 0-4-4H4'/%3E%3Cpath d='m9 17l-5-5l5-5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--scan-face\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7V5a2 2 0 0 1 2-2h2m10 0h2a2 2 0 0 1 2 2v2m0 10v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2m5-3s1.5 2 4 2s4-2 4-2M9 9h.01M15 9h.01'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--search\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m21 21l-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--send\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11zm7.318-19.539l-10.94 10.939'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--settings\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0a2.34 2.34 0 0 0 3.319 1.915a2.34 2.34 0 0 1 2.33 4.033a2.34 2.34 0 0 0 0 3.831a2.34 2.34 0 0 1-2.33 4.033a2.34 2.34 0 0 0-3.319 1.915a2.34 2.34 0 0 1-4.659 0a2.34 2.34 0 0 0-3.32-1.915a2.34 2.34 0 0 1-2.33-4.033a2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--share\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v13m4-9l-4-4l-4 4m-4 6v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--shield-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--shirt\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20.38 3.46L16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--shopping-bag\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 10a4 4 0 0 1-8 0M3.103 6.034h17.794'/%3E%3Cpath d='M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--shopping-cart\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--sidebar\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M9 3v18'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--sliders-horizontal\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5H3m9 14H3M14 3v4m2 10v4m5-9h-9m9 7h-5m5-14h-7m-6 5v4m0-2H3'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--square-check-big\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344'/%3E%3Cpath d='m9 11l3 3L22 4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--star\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--stars\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594zM20 2v4m2-2h-4'/%3E%3Ccircle cx='4' cy='20' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--sun-moon\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v2m2.837 12.385a6 6 0 1 1-7.223-7.222c.624-.147.97.66.715 1.248a4 4 0 0 0 5.26 5.259c.589-.255 1.396.09 1.248.715M16 12a4 4 0 0 0-4-4m7-3l-1.256 1.256M20 12h2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--table\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3v18'/%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18M3 15h18'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--text-align-center\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 5H3m14 7H7m12 7H5'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--thumbs-up\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 10v12m8-16.12L14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--trash-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 11v6m4-6v6m5-11v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--trash\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--trending-down\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 17h6v-6'/%3E%3Cpath d='m22 17l-8.5-8.5l-5 5L2 7'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--trending-up\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7l-8.5 8.5l-5-5L2 17'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--triangle-alert\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21.73 18l-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4m0 4h.01'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--truck\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2m10 0H9m10 0h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--upload\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3v12m5-7l-5-5l-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16 11l2 2l4-4m-6 12v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-cog\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 15H6a4 4 0 0 0-4 4v2m12.305-4.47l.923-.382m0-2.296l-.923-.383m2.547-1.241l-.383-.923m.383 6.467l-.383.924m2.679-6.468l.383-.923m-.001 7.391l-.382-.924m1.624-3.92l.924-.383m-.924 2.679l.924.383'/%3E%3Ccircle cx='18' cy='15' r='3'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-pen\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11.5 15H7a4 4 0 0 0-4 4v2m18.378-4.374a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3Ccircle cx='10' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-plus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6m3-3h-6'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-round-x\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2 21a8 8 0 0 1 11.873-7'/%3E%3Ccircle cx='10' cy='8' r='5'/%3E%3Cpath d='m17 17l5 5m0-5l-5 5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--users\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M16 3.128a4 4 0 0 1 0 7.744M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--video\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16 13l5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5'/%3E%3Crect width='14' height='12' x='2' y='6' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--wand-sparkles\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21.64 3.64l-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72M14 7l3 3M5 6v4m14 4v4M10 2v2M7 8H3m18 8h-4M11 3H9'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--x\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
+  }
+  .icon-\[ph--align-left-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M72 104V64a8 8 0 0 1 8-8h96a8 8 0 0 1 8 8v40a8 8 0 0 1-8 8H80a8 8 0 0 1-8-8m144 40H80a8 8 0 0 0-8 8v40a8 8 0 0 0 8 8h136a8 8 0 0 0 8-8v-40a8 8 0 0 0-8-8' opacity='.2'/%3E%3Cpath d='M216 136H80a16 16 0 0 0-16 16v40a16 16 0 0 0 16 16h136a16 16 0 0 0 16-16v-40a16 16 0 0 0-16-16m0 56H80v-40h136zM48 40v176a8 8 0 0 1-16 0V40a8 8 0 0 1 16 0m32 80h96a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v40a16 16 0 0 0 16 16m0-56h96v40H80Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--bell-simple-slash-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M208 192H48a8 8 0 0 1-6.88-12C47.71 168.6 56 139.81 56 104a72 72 0 0 1 144 0c0 35.82 8.3 64.6 14.9 76a8 8 0 0 1-6.9 12' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76L58.82 63.8A79.6 79.6 0 0 0 48 104c0 35.34-8.26 62.38-13.81 71.94A16 16 0 0 0 48 200h134.64l19.44 21.38a8 8 0 1 0 11.84-10.76ZM48 184c7.7-13.24 16-43.92 16-80a63.65 63.65 0 0 1 6.26-27.62L168.09 184Zm120 40a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m46-44.75a8.1 8.1 0 0 1-2.93.55a8 8 0 0 1-7.44-5.08C196.35 156.19 192 129.75 192 104a64 64 0 0 0-95.57-55.69a8 8 0 0 1-7.9-13.91A80 80 0 0 1 208 104c0 35.35 8.05 58.59 10.52 64.88a8 8 0 0 1-4.52 10.37'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--book-open-text-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M232 56v144h-72a32 32 0 0 0-32 32V88a32 32 0 0 1 32-32Z' opacity='.2'/%3E%3Cpath d='M232 48h-72a40 40 0 0 0-32 16a40 40 0 0 0-32-16H24a8 8 0 0 0-8 8v144a8 8 0 0 0 8 8h72a24 24 0 0 1 24 24a8 8 0 0 0 16 0a24 24 0 0 1 24-24h72a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8M96 192H32V64h64a24 24 0 0 1 24 24v112a39.8 39.8 0 0 0-24-8m128 0h-64a39.8 39.8 0 0 0-24 8V88a24 24 0 0 1 24-24h64ZM160 88h40a8 8 0 0 1 0 16h-40a8 8 0 0 1 0-16m48 40a8 8 0 0 1-8 8h-40a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8m0 32a8 8 0 0 1-8 8h-40a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--calendar-check-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M216 48v40H40V48a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16M72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160zm-38.34-85.66a8 8 0 0 1 0 11.32l-48 48a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L116 164.69l42.34-42.35a8 8 0 0 1 11.32 0'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--chart-donut-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M224 128a96 96 0 0 1-96 96v-56a40 40 0 0 0 0-80V32a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M128 24a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8a32 32 0 1 1-27.72 16a8 8 0 0 0-2.93-10.93l-48.5-28A8 8 0 0 0 37.92 76A104 104 0 1 0 128 24M48.09 91.1L83 111.26A48.1 48.1 0 0 0 80 128c0 1.53.08 3 .22 4.52L41.28 143a88.16 88.16 0 0 1 6.81-51.9m-2.67 67.31l39-10.44A48.1 48.1 0 0 0 120 175.32v40.31a88.2 88.2 0 0 1-74.58-57.22M136 215.63v-40.31a48 48 0 0 0 0-94.65V40.36a88 88 0 0 1 0 175.27'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--chef-hat-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M232 112a48 48 0 0 1-48 48H72a48 48 0 1 1 10.35-94.88a48 48 0 0 1 91.28 0A48 48 0 0 1 232 112' opacity='.2'/%3E%3Cpath d='M240 112a56.06 56.06 0 0 0-56-56c-1.77 0-3.54.1-5.29.26a56 56 0 0 0-101.42 0C75.54 56.1 73.77 56 72 56a56 56 0 0 0-24 106.59V208a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-45.41A56.09 56.09 0 0 0 240 112m-48 96H64v-40.58a55.5 55.5 0 0 0 8 .58h112a55.5 55.5 0 0 0 8-.58Zm-8-56h-13.75l5.51-22.06a8 8 0 0 0-15.52-3.88L153.75 152H136v-24a8 8 0 0 0-16 0v24h-17.75l-6.49-25.94a8 8 0 1 0-15.52 3.88L85.75 152H72a40 40 0 0 1 0-80h.58a55 55 0 0 0-.58 8a8 8 0 0 0 16 0a40 40 0 0 1 80 0a8 8 0 0 0 16 0a55 55 0 0 0-.58-8h.58a40 40 0 0 1 0 80'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--receipt-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M224 56v152l-32-16l-32 16l-32-16l-32 16l-32-16l-32 16V56a8 8 0 0 1 8-8h176a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M72 104a8 8 0 0 1 8-8h96a8 8 0 0 1 0 16H80a8 8 0 0 1-8-8m8 40h96a8 8 0 0 0 0-16H80a8 8 0 0 0 0 16m152-88v152a8 8 0 0 1-11.58 7.15L192 200.94l-28.42 14.21a8 8 0 0 1-7.16 0L128 200.94l-28.42 14.21a8 8 0 0 1-7.16 0L64 200.94l-28.42 14.21A8 8 0 0 1 24 208V56a16 16 0 0 1 16-16h176a16 16 0 0 1 16 16m-16 0H40v139.06l20.42-10.22a8 8 0 0 1 7.16 0L96 199.06l28.42-14.22a8 8 0 0 1 7.16 0L160 199.06l28.42-14.22a8 8 0 0 1 7.16 0L216 195.06Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--shopping-cart-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='m224 64l-12.16 66.86A16 16 0 0 1 196.1 144H70.55L56 64Z' opacity='.2'/%3E%3Cpath d='M230.14 58.87A8 8 0 0 0 224 56H62.68L56.6 22.57A8 8 0 0 0 48.73 16H24a8 8 0 0 0 0 16h18l25.56 140.29a24 24 0 0 0 5.33 11.27a28 28 0 1 0 44.4 8.44h45.42a27.75 27.75 0 0 0-2.71 12a28 28 0 1 0 28-28H91.17a8 8 0 0 1-7.87-6.57L80.13 152h116a24 24 0 0 0 23.61-19.71l12.16-66.86a8 8 0 0 0-1.76-6.56M104 204a12 12 0 1 1-12-12a12 12 0 0 1 12 12m96 0a12 12 0 1 1-12-12a12 12 0 0 1 12 12m4-74.57a8 8 0 0 1-7.9 6.57H77.22L65.59 72h148.82Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--storefront-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M224 96v16a32 32 0 0 1-64 0V96H96v16a32 32 0 0 1-64 0V96l14.34-50.2A8 8 0 0 1 54 40h148a8 8 0 0 1 7.69 5.8Z' opacity='.2'/%3E%3Cpath d='M231.69 93.81L217.35 43.6A16.07 16.07 0 0 0 202 32H54a16.07 16.07 0 0 0-15.35 11.6L24.31 93.81A8 8 0 0 0 24 96v16a40 40 0 0 0 16 32v72a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8v-72a40 40 0 0 0 16-32V96a8 8 0 0 0-.31-2.19M54 48h148l11.42 40H42.61Zm98 56v8a24 24 0 0 1-48 0v-8ZM51.06 132.2A24 24 0 0 1 40 112v-8h48v8a24 24 0 0 1-35.12 21.26a8 8 0 0 0-1.82-1.06M200 208H56v-56.8a40.6 40.6 0 0 0 8 .8a40 40 0 0 0 32-16a40 40 0 0 0 64 0a40 40 0 0 0 32 16a40.6 40.6 0 0 0 8-.8Zm16-96a24 24 0 0 1-11.07 20.2a8 8 0 0 0-1.8 1.05A24 24 0 0 1 168 112v-8h48Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--user-circle-gear-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M224 128a95.76 95.76 0 0 1-31.8 71.37A72 72 0 0 0 128 160a40 40 0 1 0-40-40a40 40 0 0 0 40 40a72 72 0 0 0-64.2 39.37A96 96 0 0 1 184.92 50.69a16 16 0 0 0 20.39 20.39A95.6 95.6 0 0 1 224 128' opacity='.2'/%3E%3Cpath d='m228.25 63.07l-4.66-2.69a23.6 23.6 0 0 0 0-8.76l4.66-2.69a8 8 0 0 0-8-13.86l-4.67 2.7a23.9 23.9 0 0 0-7.58-4.39V28a8 8 0 0 0-16 0v5.38a23.9 23.9 0 0 0-7.58 4.39l-4.67-2.7a8 8 0 1 0-8 13.86l4.66 2.69a23.6 23.6 0 0 0 0 8.76l-4.66 2.69a8 8 0 0 0 4 14.93a7.9 7.9 0 0 0 4-1.07l4.67-2.7a23.9 23.9 0 0 0 7.58 4.39V84a8 8 0 0 0 16 0v-5.38a23.9 23.9 0 0 0 7.58-4.39l4.67 2.7a7.9 7.9 0 0 0 4 1.07a8 8 0 0 0 4-14.93M192 56a8 8 0 1 1 8 8a8 8 0 0 1-8-8m29.35 48.11a8 8 0 0 0-6.57 9.21A89 89 0 0 1 216 128a87.62 87.62 0 0 1-22.24 58.41a79.66 79.66 0 0 0-36.06-28.75a48 48 0 1 0-59.4 0a79.66 79.66 0 0 0-36.06 28.75A88 88 0 0 1 128 40a89 89 0 0 1 14.68 1.22a8 8 0 0 0 2.64-15.78a103.92 103.92 0 1 0 85.24 85.24a8 8 0 0 0-9.21-6.57M96 120a32 32 0 1 1 32 32a32 32 0 0 1-32-32m-21.92 77.5a64 64 0 0 1 107.84 0a87.83 87.83 0 0 1-107.84 0'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--users-three-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M168 144a40 40 0 1 1-40-40a40 40 0 0 1 40 40M64 56a32 32 0 1 0 32 32a32 32 0 0 0-32-32m128 0a32 32 0 1 0 32 32a32 32 0 0 0-32-32' opacity='.2'/%3E%3Cpath d='M244.8 150.4a8 8 0 0 1-11.2-1.6A51.6 51.6 0 0 0 192 128a8 8 0 0 1 0-16a24 24 0 1 0-23.24-30a8 8 0 1 1-15.5-4A40 40 0 1 1 219 117.51a67.94 67.94 0 0 1 27.43 21.68a8 8 0 0 1-1.63 11.21M190.92 212a8 8 0 1 1-13.85 8a57 57 0 0 0-98.15 0a8 8 0 1 1-13.84-8a72.06 72.06 0 0 1 33.74-29.92a48 48 0 1 1 58.36 0A72.06 72.06 0 0 1 190.92 212M128 176a32 32 0 1 0-32-32a32 32 0 0 0 32 32m-56-56a8 8 0 0 0-8-8a24 24 0 1 1 23.24-30a8 8 0 1 0 15.5-4A40 40 0 1 0 37 117.51a67.94 67.94 0 0 0-27.4 21.68a8 8 0 1 0 12.8 9.61A51.6 51.6 0 0 1 64 128a8 8 0 0 0 8-8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[solar--shield-user-linear\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M3 10.417c0-3.198 0-4.797.378-5.335c.377-.537 1.88-1.052 4.887-2.081l.573-.196C10.405 2.268 11.188 2 12 2s1.595.268 3.162.805l.573.196c3.007 1.029 4.51 1.544 4.887 2.081C21 5.62 21 7.22 21 10.417v1.574c0 5.638-4.239 8.375-6.899 9.536C13.38 21.842 13.02 22 12 22s-1.38-.158-2.101-.473C7.239 20.365 3 17.63 3 11.991z'/%3E%3Ccircle cx='12' cy='9' r='2'/%3E%3Cpath d='M16 15c0 1.105 0 2-4 2s-4-.895-4-2s1.79-2 4-2s4 .895 4 2Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[solar--verified-check-bold\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M9.592 3.2a6 6 0 0 1-.495.399c-.298.2-.633.338-.985.408c-.153.03-.313.043-.632.068c-.801.064-1.202.096-1.536.214a2.71 2.71 0 0 0-1.655 1.655c-.118.334-.15.735-.214 1.536a6 6 0 0 1-.068.632c-.07.352-.208.687-.408.985c-.087.13-.191.252-.399.495c-.521.612-.782.918-.935 1.238c-.353.74-.353 1.6 0 2.34c.153.32.414.626.935 1.238c.208.243.312.365.399.495c.2.298.338.633.408.985c.03.153.043.313.068.632c.064.801.096 1.202.214 1.536a2.71 2.71 0 0 0 1.655 1.655c.334.118.735.15 1.536.214c.319.025.479.038.632.068c.352.07.687.209.985.408c.13.087.252.191.495.399c.612.521.918.782 1.238.935c.74.353 1.6.353 2.34 0c.32-.153.626-.414 1.238-.935c.243-.208.365-.312.495-.399c.298-.2.633-.338.985-.408c.153-.03.313-.043.632-.068c.801-.064 1.202-.096 1.536-.214a2.71 2.71 0 0 0 1.655-1.655c.118-.334.15-.735.214-1.536c.025-.319.038-.479.068-.632c.07-.352.209-.687.408-.985c.087-.13.191-.252.399-.495c.521-.612.782-.918.935-1.238c.353-.74.353-1.6 0-2.34c-.153-.32-.414-.626-.935-1.238a6 6 0 0 1-.399-.495a2.7 2.7 0 0 1-.408-.985a6 6 0 0 1-.068-.632c-.064-.801-.096-1.202-.214-1.536a2.71 2.71 0 0 0-1.655-1.655c-.334-.118-.735-.15-1.536-.214a6 6 0 0 1-.632-.068a2.7 2.7 0 0 1-.985-.408a6 6 0 0 1-.495-.399c-.612-.521-.918-.782-1.238-.935a2.71 2.71 0 0 0-2.34 0c-.32.153-.626.414-1.238.935m6.781 6.663a.814.814 0 0 0-1.15-1.15l-4.85 4.85l-1.596-1.595a.814.814 0 0 0-1.15 1.15l2.17 2.17a.814.814 0 0 0 1.15 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-angular\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m5.428 17.245l6.076 3.471a1 1 0 0 0 .992 0l6.076-3.471a1 1 0 0 0 .495-.734l1.323-9.704a1 1 0 0 0-.658-1.078l-7.4-2.612a1 1 0 0 0-.665 0L4.268 5.73a1 1 0 0 0-.658 1.078l1.323 9.704a1 1 0 0 0 .495.734z'/%3E%3Cpath d='m9 15l3-8l3 8m-5-2h4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-aws\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 18.5a15.2 15.2 0 0 1-7.37 1.44A14.6 14.6 0 0 1 3 17m16.5 4c.907-1.411 1.451-3.323 1.5-5c-1.197-.773-2.577-.935-4-1M3 11V6.5a1.5 1.5 0 0 1 3 0V11M3 9h3m3-4l1.2 6L12 7l1.8 4L15 5m3 5.25c0 .414.336.75.75.75H20a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75'/%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-firebase\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m4.53 17.05l6.15-11.72h-.02c.38-.74 1.28-1.02 2.01-.63c.26.14.48.36.62.62l1.06 2.01'/%3E%3Cpath d='M15.47 6.45c.58-.59 1.53-.59 2.11-.01c.22.22.36.5.41.81l1.5 9.11c.1.62-.2 1.24-.76 1.54l-6.07 2.9c-.46.25-1.01.26-1.46 0l-6.02-2.92c-.55-.31-.85-.92-.75-1.54L6.39 4.3c.12-.82.89-1.38 1.7-1.25c.46.07.87.36 1.09.77l1.24 1.76m-5.85 11.6L15.5 6.5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-html5\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m20 4l-2 14.5l-6 2l-6-2L4 4z'/%3E%3Cpath d='M15.5 8h-7l.5 4h6l-.5 3.5l-2.5.75l-2.5-.75l-.1-.5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-python\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 9H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h3m4-2h7a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3'/%3E%3Cpath d='M8 9V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4m-5-9v.01M13 18v.01'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-react\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6.306 8.711C3.704 9.434 2 10.637 2 12c0 2.21 4.477 4 10 4c.773 0 1.526-.035 2.248-.102m3.444-.609C20.295 14.567 22 13.363 22 12c0-2.21-4.477-4-10-4c-.773 0-1.526.035-2.25.102'/%3E%3Cpath d='M6.305 15.287C5.629 17.902 5.82 19.98 7 20.66c1.913 1.105 5.703-1.877 8.464-6.66q.581-1.007 1.036-2m1.194-3.284C18.371 6.1 18.181 4.02 17 3.34C15.087 2.235 11.297 5.217 8.536 10c-.387.67-.733 1.34-1.037 2'/%3E%3Cpath d='M12 5.424C10.075 3.532 8.18 2.658 7 3.34C5.087 4.444 5.774 9.217 8.536 14c.386.67.793 1.304 1.212 1.896M12 18.574c1.926 1.893 3.821 2.768 5 2.086c1.913-1.104 1.226-5.877-1.536-10.66q-.563-.976-1.212-1.897M11.5 12.866a1 1 0 1 0 1-1.732a1 1 0 0 0-1 1.732'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-vue\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16.5 4L12 12L7.5 4'/%3E%3Cpath d='m3 4l9 16l9-16'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--reload\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19.933 13.041a8 8 0 1 1-9.925-8.788c3.899-1 7.935 1.007 9.425 4.747'/%3E%3Cpath d='M20 4v5h-5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--star-filled\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8.243 7.34l-6.38.925l-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499l-1.09 6.355l-.013.11a1 1 0 0 0 1.464.944l5.706-3l5.693 3l.1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355l4.624-4.5l.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926l-2.852-5.78a1 1 0 0 0-1.794 0z'/%3E%3C/svg%3E");
+  }
+  .line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
+  .\!flex {
+    display: flex !important;
+  }
+  .\!inline-flex {
+    display: inline-flex !important;
+  }
+  .block {
+    display: block;
+  }
+  .contents {
+    display: contents;
+  }
+  .flex {
+    display: flex;
+  }
+  .grid {
+    display: grid;
+  }
+  .hidden {
+    display: none;
+  }
+  .inline {
+    display: inline;
+  }
+  .inline-block {
+    display: inline-block;
+  }
+  .inline-flex {
+    display: inline-flex;
+  }
+  .table {
+    display: table;
+  }
+  .table\! {
+    display: table !important;
+  }
+  .table-row {
+    display: table-row;
+  }
+  .\!size-2\.5 {
+    width: calc(var(--spacing) * 2.5) !important;
+    height: calc(var(--spacing) * 2.5) !important;
+  }
+  .\!size-4 {
+    width: calc(var(--spacing) * 4) !important;
+    height: calc(var(--spacing) * 4) !important;
+  }
+  .\!size-8 {
+    width: calc(var(--spacing) * 8) !important;
+    height: calc(var(--spacing) * 8) !important;
+  }
+  .size-1 {
+    width: calc(var(--spacing) * 1);
+    height: calc(var(--spacing) * 1);
+  }
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
+  .size-2 {
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
+  .size-2\.5 {
+    width: calc(var(--spacing) * 2.5);
+    height: calc(var(--spacing) * 2.5);
+  }
+  .size-3 {
+    width: calc(var(--spacing) * 3);
+    height: calc(var(--spacing) * 3);
+  }
+  .size-4 {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+  .size-5 {
+    width: calc(var(--spacing) * 5);
+    height: calc(var(--spacing) * 5);
+  }
+  .size-6 {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
+  .size-7 {
+    width: calc(var(--spacing) * 7);
+    height: calc(var(--spacing) * 7);
+  }
+  .size-8 {
+    width: calc(var(--spacing) * 8);
+    height: calc(var(--spacing) * 8);
+  }
+  .size-10 {
+    width: calc(var(--spacing) * 10);
+    height: calc(var(--spacing) * 10);
+  }
+  .size-12 {
+    width: calc(var(--spacing) * 12);
+    height: calc(var(--spacing) * 12);
+  }
+  .size-16 {
+    width: calc(var(--spacing) * 16);
+    height: calc(var(--spacing) * 16);
+  }
+  .size-20 {
+    width: calc(var(--spacing) * 20);
+    height: calc(var(--spacing) * 20);
+  }
+  .size-24 {
+    width: calc(var(--spacing) * 24);
+    height: calc(var(--spacing) * 24);
+  }
+  .\!h-full {
+    height: 100% !important;
+  }
+  .h-0 {
+    height: calc(var(--spacing) * 0);
+  }
+  .h-0\.5 {
+    height: calc(var(--spacing) * 0.5);
+  }
+  .h-1 {
+    height: calc(var(--spacing) * 1);
+  }
+  .h-1\.5 {
+    height: calc(var(--spacing) * 1.5);
+  }
+  .h-2 {
+    height: calc(var(--spacing) * 2);
+  }
+  .h-2\.5 {
+    height: calc(var(--spacing) * 2.5);
+  }
+  .h-3\.5 {
+    height: calc(var(--spacing) * 3.5);
+  }
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
+  .h-5 {
+    height: calc(var(--spacing) * 5);
+  }
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
+  .h-7 {
+    height: calc(var(--spacing) * 7);
+  }
+  .h-8 {
+    height: calc(var(--spacing) * 8);
+  }
+  .h-9 {
+    height: calc(var(--spacing) * 9);
+  }
+  .h-10 {
+    height: calc(var(--spacing) * 10);
+  }
+  .h-12 {
+    height: calc(var(--spacing) * 12);
+  }
+  .h-14 {
+    height: calc(var(--spacing) * 14);
+  }
+  .h-16 {
+    height: calc(var(--spacing) * 16);
+  }
+  .h-20 {
+    height: calc(var(--spacing) * 20);
+  }
+  .h-28 {
+    height: calc(var(--spacing) * 28);
+  }
+  .h-32 {
+    height: calc(var(--spacing) * 32);
+  }
+  .h-40 {
+    height: calc(var(--spacing) * 40);
+  }
+  .h-42 {
+    height: calc(var(--spacing) * 42);
+  }
+  .h-56 {
+    height: calc(var(--spacing) * 56);
+  }
+  .h-64 {
+    height: calc(var(--spacing) * 64);
+  }
+  .h-70 {
+    height: calc(var(--spacing) * 70);
+  }
+  .h-72 {
+    height: calc(var(--spacing) * 72);
+  }
+  .h-76 {
+    height: calc(var(--spacing) * 76);
+  }
+  .h-78 {
+    height: calc(var(--spacing) * 78);
+  }
+  .h-80 {
+    height: calc(var(--spacing) * 80);
+  }
+  .h-82 {
+    height: calc(var(--spacing) * 82);
+  }
+  .h-84 {
+    height: calc(var(--spacing) * 84);
+  }
+  .h-\[3px\] {
+    height: 3px;
+  }
+  .h-\[60vh\] {
+    height: 60vh;
+  }
+  .h-\[70\%\] {
+    height: 70%;
+  }
+  .h-\[75vh\] {
+    height: 75vh;
+  }
+  .h-\[calc\(100vh-2rem\)\] {
+    height: calc(100vh - 2rem);
+  }
+  .h-auto {
+    height: auto;
+  }
+  .h-full {
+    height: 100%;
+  }
+  .max-h-96 {
+    max-height: calc(var(--spacing) * 96);
+  }
+  .max-h-\[50vh\] {
+    max-height: 50vh;
+  }
+  .max-h-\[80vh\] {
+    max-height: 80vh;
+  }
+  .max-h-\[320px\] {
+    max-height: 320px;
+  }
+  .max-h-\[340px\] {
+    max-height: 340px;
+  }
+  .min-h-16 {
+    min-height: calc(var(--spacing) * 16);
+  }
+  .min-h-24 {
+    min-height: calc(var(--spacing) * 24);
+  }
+  .min-h-48 {
+    min-height: calc(var(--spacing) * 48);
+  }
+  .min-h-\[70px\] {
+    min-height: 70px;
+  }
+  .min-h-\[230px\] {
+    min-height: 230px;
+  }
+  .min-h-\[calc\(100\%-2rem\)\] {
+    min-height: calc(100% - 2rem);
+  }
+  .min-h-full {
+    min-height: 100%;
+  }
+  .\!w-3 {
+    width: calc(var(--spacing) * 3) !important;
+  }
+  .\!w-4 {
+    width: calc(var(--spacing) * 4) !important;
+  }
+  .\!w-full {
+    width: 100% !important;
+  }
+  .w-0\.5 {
+    width: calc(var(--spacing) * 0.5);
+  }
+  .w-1 {
+    width: calc(var(--spacing) * 1);
+  }
+  .w-1\/2 {
+    width: calc(1/2 * 100%);
+  }
+  .w-2\/5 {
+    width: calc(2/5 * 100%);
+  }
+  .w-3\.5 {
+    width: calc(var(--spacing) * 3.5);
+  }
+  .w-3\/5 {
+    width: calc(3/5 * 100%);
+  }
+  .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
+  .w-4\/12 {
+    width: calc(4/12 * 100%);
+  }
+  .w-5 {
+    width: calc(var(--spacing) * 5);
+  }
+  .w-6 {
+    width: calc(var(--spacing) * 6);
+  }
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+  .w-8 {
+    width: calc(var(--spacing) * 8);
+  }
+  .w-9 {
+    width: calc(var(--spacing) * 9);
+  }
+  .w-10 {
+    width: calc(var(--spacing) * 10);
+  }
+  .w-12 {
+    width: calc(var(--spacing) * 12);
+  }
+  .w-14 {
+    width: calc(var(--spacing) * 14);
+  }
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
+  .w-20 {
+    width: calc(var(--spacing) * 20);
+  }
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
+  .w-28 {
+    width: calc(var(--spacing) * 28);
+  }
+  .w-32 {
+    width: calc(var(--spacing) * 32);
+  }
+  .w-36 {
+    width: calc(var(--spacing) * 36);
+  }
+  .w-48 {
+    width: calc(var(--spacing) * 48);
+  }
+  .w-54 {
+    width: calc(var(--spacing) * 54);
+  }
+  .w-56 {
+    width: calc(var(--spacing) * 56);
+  }
+  .w-64 {
+    width: calc(var(--spacing) * 64);
+  }
+  .w-72 {
+    width: calc(var(--spacing) * 72);
+  }
+  .w-\[90\%\] {
+    width: 90%;
+  }
+  .w-\[94\%\] {
+    width: 94%;
+  }
+  .w-\[300px\] {
+    width: 300px;
+  }
+  .w-auto {
+    width: auto;
+  }
+  .w-full {
+    width: 100%;
+  }
+  .w-px {
+    width: 1px;
+  }
+  .max-w-2xl {
+    max-width: var(--container-2xl);
+  }
+  .max-w-3xl {
+    max-width: var(--container-3xl);
+  }
+  .max-w-4xl {
+    max-width: var(--container-4xl);
+  }
+  .max-w-5 {
+    max-width: calc(var(--spacing) * 5);
+  }
+  .max-w-5xl {
+    max-width: var(--container-5xl);
+  }
+  .max-w-7xl {
+    max-width: var(--container-7xl);
+  }
+  .max-w-8 {
+    max-width: calc(var(--spacing) * 8);
+  }
+  .max-w-44 {
+    max-width: calc(var(--spacing) * 44);
+  }
+  .max-w-48 {
+    max-width: calc(var(--spacing) * 48);
+  }
+  .max-w-\[25rem\] {
+    max-width: 25rem;
+  }
+  .max-w-\[30rem\] {
+    max-width: 30rem;
+  }
+  .max-w-\[40rem\] {
+    max-width: 40rem;
+  }
+  .max-w-\[240px\] {
+    max-width: 240px;
+  }
+  .max-w-\[270px\] {
+    max-width: 270px;
+  }
+  .max-w-\[320px\] {
+    max-width: 320px;
+  }
+  .max-w-\[600px\] {
+    max-width: 600px;
+  }
+  .max-w-full {
+    max-width: 100%;
+  }
+  .max-w-lg {
+    max-width: var(--container-lg);
+  }
+  .max-w-md {
+    max-width: var(--container-md);
+  }
+  .max-w-sm {
+    max-width: var(--container-sm);
+  }
+  .max-w-xl {
+    max-width: var(--container-xl);
+  }
+  .max-w-xs {
+    max-width: var(--container-xs);
+  }
+  .min-w-5 {
+    min-width: calc(var(--spacing) * 5);
+  }
+  .min-w-8 {
+    min-width: calc(var(--spacing) * 8);
+  }
+  .min-w-20 {
+    min-width: calc(var(--spacing) * 20);
+  }
+  .min-w-24 {
+    min-width: calc(var(--spacing) * 24);
+  }
+  .min-w-32 {
+    min-width: calc(var(--spacing) * 32);
+  }
+  .min-w-36 {
+    min-width: calc(var(--spacing) * 36);
+  }
+  .min-w-40 {
+    min-width: calc(var(--spacing) * 40);
+  }
+  .min-w-44 {
+    min-width: calc(var(--spacing) * 44);
+  }
+  .min-w-48 {
+    min-width: calc(var(--spacing) * 48);
+  }
+  .min-w-56 {
+    min-width: calc(var(--spacing) * 56);
+  }
+  .min-w-64 {
+    min-width: calc(var(--spacing) * 64);
+  }
+  .min-w-\[300px\] {
+    min-width: 300px;
+  }
+  .min-w-full {
+    min-width: 100%;
+  }
+  .min-w-max {
+    min-width: max-content;
+  }
+  .flex-1 {
+    flex: 1;
+  }
+  .flex-auto {
+    flex: auto;
+  }
+  .shrink-0 {
+    flex-shrink: 0;
+  }
+  .flex-grow {
+    flex-grow: 1;
+  }
+  .flex-grow-1 {
+    flex-grow: 1;
+  }
+  .grow {
+    flex-grow: 1;
+  }
+  .basis-full {
+    flex-basis: 100%;
+  }
+  .border-collapse {
+    border-collapse: collapse;
+  }
+  .origin-center {
+    transform-origin: center;
+  }
+  .origin-top-left {
+    transform-origin: 0 0;
+  }
+  .\!-translate-x-0 {
+    --tw-translate-x: calc(var(--spacing) * -0) !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .-translate-x-1\/2 {
+    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-x-0 {
+    --tw-translate-x: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-x-5 {
+    --tw-translate-x: calc(var(--spacing) * 5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-0 {
+    --tw-translate-y: calc(var(--spacing) * -0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-5 {
+    --tw-translate-y: calc(var(--spacing) * -5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-full {
+    --tw-translate-y: -100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-y-0 {
+    --tw-translate-y: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-y-full {
+    --tw-translate-y: 100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-rotate-90 {
+    rotate: calc(90deg * -1);
+  }
+  .rotate-0 {
+    rotate: 0deg;
+  }
+  .rotate-180 {
+    rotate: 180deg;
+  }
+  .transform {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+  }
+  .animate-bounce {
+    animation: var(--animate-bounce);
+  }
+  .animate-ping {
+    animation: var(--animate-ping);
+  }
+  .animate-pulse {
+    animation: var(--animate-pulse);
+  }
+  .animate-spin {
+    animation: var(--animate-spin);
+  }
+  .cursor-default {
+    cursor: default;
+  }
+  .cursor-grab {
+    cursor: grab;
+  }
+  .cursor-move {
+    cursor: move;
+  }
+  .cursor-pointer {
+    cursor: pointer;
+  }
+  .cursor-w-resize {
+    cursor: w-resize;
+  }
+  .resize {
+    resize: both;
+  }
+  .list-decimal {
+    list-style-type: decimal;
+  }
+  .list-disc {
+    list-style-type: disc;
+  }
+  .list-none {
+    list-style-type: none;
+  }
+  .appearance-none {
+    appearance: none;
+  }
+  .grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .flex-col {
+    flex-direction: column;
+  }
+  .flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+  .flex-nowrap {
+    flex-wrap: nowrap;
+  }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .items-end {
+    align-items: flex-end;
+  }
+  .items-start {
+    align-items: flex-start;
+  }
+  .justify-between {
+    justify-content: space-between;
+  }
+  .justify-center {
+    justify-content: center;
+  }
+  .justify-end {
+    justify-content: flex-end;
+  }
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * 0.5);
+  }
+  .gap-1 {
+    gap: calc(var(--spacing) * 1);
+  }
+  .gap-1\.5 {
+    gap: calc(var(--spacing) * 1.5);
+  }
+  .gap-2 {
+    gap: calc(var(--spacing) * 2);
+  }
+  .gap-2\.5 {
+    gap: calc(var(--spacing) * 2.5);
+  }
+  .gap-3 {
+    gap: calc(var(--spacing) * 3);
+  }
+  .gap-3\.5 {
+    gap: calc(var(--spacing) * 3.5);
+  }
+  .gap-4 {
+    gap: calc(var(--spacing) * 4);
+  }
+  .gap-5 {
+    gap: calc(var(--spacing) * 5);
+  }
+  .gap-6 {
+    gap: calc(var(--spacing) * 6);
+  }
+  .space-y-0\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-6 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .-space-x-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .-space-x-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .space-x-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .space-x-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .space-x-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .gap-y-1 {
+    row-gap: calc(var(--spacing) * 1);
+  }
+  .gap-y-2 {
+    row-gap: calc(var(--spacing) * 2);
+  }
+  .divide-x {
+    :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
+      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+    }
+  }
+  .divide-y {
+    :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-bottom-style: var(--tw-border-style);
+      border-top-style: var(--tw-border-style);
+      border-top-width: calc(1px * var(--tw-divide-y-reverse));
+      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    }
+  }
+  .divide-dashed {
+    :where(& > :not(:last-child)) {
+      --tw-border-style: dashed;
+      border-style: dashed;
+    }
+  }
+  .divide-zinc-100 {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-zinc-100);
+    }
+  }
+  .divide-zinc-200 {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-zinc-200);
+    }
+  }
+  .divide-zinc-500\/10 {
+    :where(& > :not(:last-child)) {
+      border-color: color-mix(in srgb, #4D5472 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent);
+      }
+    }
+  }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .overflow-hidden {
+    overflow: hidden;
+  }
+  .overflow-visible {
+    overflow: visible;
+  }
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
+  .overflow-x-hidden {
+    overflow-x: hidden;
+  }
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
+  .overflow-y-hidden {
+    overflow-y: hidden;
+  }
+  .\!rounded {
+    border-radius: 0.25rem !important;
+  }
+  .\!rounded-full {
+    border-radius: calc(infinity * 1px) !important;
+  }
+  .\!rounded-lg {
+    border-radius: var(--radius-lg) !important;
+  }
+  .\!rounded-md {
+    border-radius: var(--radius-md) !important;
+  }
+  .\!rounded-none {
+    border-radius: 0 !important;
+  }
+  .\!rounded-xl {
+    border-radius: var(--radius-xl) !important;
+  }
+  .rounded {
+    border-radius: 0.25rem;
+  }
+  .rounded-2xl {
+    border-radius: var(--radius-2xl);
+  }
+  .rounded-full {
+    border-radius: calc(infinity * 1px);
+  }
+  .rounded-lg {
+    border-radius: var(--radius-lg);
+  }
+  .rounded-md {
+    border-radius: var(--radius-md);
+  }
+  .rounded-sm {
+    border-radius: var(--radius-sm);
+  }
+  .rounded-xl {
+    border-radius: var(--radius-xl);
+  }
+  .\!rounded-s-none {
+    border-start-start-radius: 0 !important;
+    border-end-start-radius: 0 !important;
+  }
+  .rounded-s-3xl {
+    border-start-start-radius: var(--radius-3xl);
+    border-end-start-radius: var(--radius-3xl);
+  }
+  .rounded-s-lg {
+    border-start-start-radius: var(--radius-lg);
+    border-end-start-radius: var(--radius-lg);
+  }
+  .rounded-s-sm {
+    border-start-start-radius: var(--radius-sm);
+    border-end-start-radius: var(--radius-sm);
+  }
+  .\!rounded-e-none {
+    border-start-end-radius: 0 !important;
+    border-end-end-radius: 0 !important;
+  }
+  .rounded-e-lg {
+    border-start-end-radius: var(--radius-lg);
+    border-end-end-radius: var(--radius-lg);
+  }
+  .rounded-e-md {
+    border-start-end-radius: var(--radius-md);
+    border-end-end-radius: var(--radius-md);
+  }
+  .rounded-e-sm {
+    border-start-end-radius: var(--radius-sm);
+    border-end-end-radius: var(--radius-sm);
+  }
+  .rounded-t-md {
+    border-top-left-radius: var(--radius-md);
+    border-top-right-radius: var(--radius-md);
+  }
+  .rounded-t-xl {
+    border-top-left-radius: var(--radius-xl);
+    border-top-right-radius: var(--radius-xl);
+  }
+  .\!rounded-tl-2xl {
+    border-top-left-radius: var(--radius-2xl) !important;
+  }
+  .rounded-b-md {
+    border-bottom-right-radius: var(--radius-md);
+    border-bottom-left-radius: var(--radius-md);
+  }
+  .rounded-b-xl {
+    border-bottom-right-radius: var(--radius-xl);
+    border-bottom-left-radius: var(--radius-xl);
+  }
+  .\!rounded-br-2xl {
+    border-bottom-right-radius: var(--radius-2xl) !important;
+  }
+  .\!border {
+    border-style: var(--tw-border-style) !important;
+    border-width: 1px !important;
+  }
+  .\!border-0 {
+    border-style: var(--tw-border-style) !important;
+    border-width: 0px !important;
+  }
+  .\!border-1 {
+    border-style: var(--tw-border-style) !important;
+    border-width: 1px !important;
+  }
+  .\!border-2 {
+    border-style: var(--tw-border-style) !important;
+    border-width: 2px !important;
+  }
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
+  .border-4 {
+    border-style: var(--tw-border-style);
+    border-width: 4px;
+  }
+  .border-y {
+    border-block-style: var(--tw-border-style);
+    border-block-width: 1px;
+  }
+  .border-s {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 1px;
+  }
+  .border-s-0 {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 0px;
+  }
+  .border-s-2 {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 2px;
+  }
+  .border-s-4 {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 4px;
+  }
+  .border-e {
+    border-inline-end-style: var(--tw-border-style);
+    border-inline-end-width: 1px;
+  }
+  .border-e-0 {
+    border-inline-end-style: var(--tw-border-style);
+    border-inline-end-width: 0px;
+  }
+  .border-t {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+  }
+  .border-t-2 {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 2px;
+  }
+  .border-b {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+  .border-b-2 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 2px;
+  }
+  .border-dashed {
+    --tw-border-style: dashed;
+    border-style: dashed;
+  }
+  .border-dotted {
+    --tw-border-style: dotted;
+    border-style: dotted;
+  }
+  .\!border-green-500 {
+    border-color: var(--color-green-500) !important;
+  }
+  .\!border-green-500\/20 {
+    border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent) !important;
+    }
+  }
+  .\!border-primary {
+    border-color: var(--color-primary) !important;
+  }
+  .\!border-primary-subtle {
+    border-color: var(--color-primary-subtle) !important;
+  }
+  .\!border-red-500 {
+    border-color: var(--color-red-500) !important;
+  }
+  .\!border-red-500\/20 {
+    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent) !important;
+    }
+  }
+  .\!border-yellow-500\/10 {
+    border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent) !important;
+    }
+  }
+  .\!border-zinc-200 {
+    border-color: var(--color-zinc-200) !important;
+  }
+  .\!border-zinc-300 {
+    border-color: var(--color-zinc-300) !important;
+  }
+  .\!border-zinc-400 {
+    border-color: var(--color-zinc-400) !important;
+  }
+  .\!border-zinc-500\/10 {
+    border-color: color-mix(in srgb, #4D5472 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent) !important;
+    }
+  }
+  .border-green-500 {
+    border-color: var(--color-green-500);
+  }
+  .border-orange-500\/10 {
+    border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
+    }
+  }
+  .border-primary {
+    border-color: var(--color-primary);
+  }
+  .border-red-500 {
+    border-color: var(--color-red-500);
+  }
+  .border-sky-500 {
+    border-color: var(--color-sky-500);
+  }
+  .border-transparent {
+    border-color: transparent;
+  }
+  .border-white {
+    border-color: var(--color-white);
+  }
+  .border-zinc-50 {
+    border-color: var(--color-zinc-50);
+  }
+  .border-zinc-100 {
+    border-color: var(--color-zinc-100);
+  }
+  .border-zinc-200 {
+    border-color: var(--color-zinc-200);
+  }
+  .border-zinc-300 {
+    border-color: var(--color-zinc-300);
+  }
+  .border-zinc-500\/10 {
+    border-color: color-mix(in srgb, #4D5472 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent);
+    }
+  }
+  .\!bg-amber-500 {
+    background-color: var(--color-amber-500) !important;
+  }
+  .\!bg-green-500 {
+    background-color: var(--color-green-500) !important;
+  }
+  .\!bg-primary {
+    background-color: var(--color-primary) !important;
+  }
+  .\!bg-primary\/10 {
+    background-color: color-mix(in srgb, #636DFF 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
+    }
+  }
+  .\!bg-red-500 {
+    background-color: var(--color-red-500) !important;
+  }
+  .\!bg-sky-500 {
+    background-color: var(--color-sky-500) !important;
+  }
+  .\!bg-transparent {
+    background-color: transparent !important;
+  }
+  .\!bg-white {
+    background-color: var(--color-white) !important;
+  }
+  .\!bg-yellow-500\/20 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent) !important;
+    }
+  }
+  .\!bg-zinc-50 {
+    background-color: var(--color-zinc-50) !important;
+  }
+  .\!bg-zinc-100 {
+    background-color: var(--color-zinc-100) !important;
+  }
+  .\!bg-zinc-200 {
+    background-color: var(--color-zinc-200) !important;
+  }
+  .\!bg-zinc-400 {
+    background-color: var(--color-zinc-400) !important;
+  }
+  .bg-amber-500 {
+    background-color: var(--color-amber-500);
+  }
+  .bg-amber-500\/10 {
+    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
+    }
+  }
+  .bg-amber-500\/20 {
+    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
+    }
+  }
+  .bg-black {
+    background-color: var(--color-black);
+  }
+  .bg-black\/25 {
+    background-color: color-mix(in srgb, #0A0C16 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
+    }
+  }
+  .bg-blue-300 {
+    background-color: var(--color-blue-300);
+  }
+  .bg-blue-500 {
+    background-color: var(--color-blue-500);
+  }
+  .bg-blue-500\/10 {
+    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
+    }
+  }
+  .bg-blue-800 {
+    background-color: var(--color-blue-800);
+  }
+  .bg-current {
+    background-color: currentcolor;
+  }
+  .bg-cyan-500 {
+    background-color: var(--color-cyan-500);
+  }
+  .bg-cyan-500\/10 {
+    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
+    }
+  }
+  .bg-cyan-500\/20 {
+    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
+    }
+  }
+  .bg-green-300 {
+    background-color: var(--color-green-300);
+  }
+  .bg-green-500 {
+    background-color: var(--color-green-500);
+  }
+  .bg-green-500\/10 {
+    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
+    }
+  }
+  .bg-green-500\/20 {
+    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+    }
+  }
+  .bg-green-500\/30 {
+    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
+    }
+  }
+  .bg-lime-500 {
+    background-color: var(--color-lime-500);
+  }
+  .bg-lime-500\/10 {
+    background-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-lime-500) 10%, transparent);
+    }
+  }
+  .bg-orange-100 {
+    background-color: var(--color-orange-100);
+  }
+  .bg-orange-300 {
+    background-color: var(--color-orange-300);
+  }
+  .bg-orange-400 {
+    background-color: var(--color-orange-400);
+  }
+  .bg-orange-500 {
+    background-color: var(--color-orange-500);
+  }
+  .bg-orange-500\/10 {
+    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
+    }
+  }
+  .bg-orange-500\/20 {
+    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
+    }
+  }
+  .bg-pink-500 {
+    background-color: var(--color-pink-500);
+  }
+  .bg-pink-500\/10 {
+    background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-pink-500) 10%, transparent);
+    }
+  }
+  .bg-pink-500\/20 {
+    background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent);
+    }
+  }
+  .bg-primary {
+    background-color: var(--color-primary);
+  }
+  .bg-primary-subtle {
+    background-color: var(--color-primary-subtle);
+  }
+  .bg-primary\/10 {
+    background-color: color-mix(in srgb, #636DFF 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
+    }
+  }
+  .bg-primary\/20 {
+    background-color: color-mix(in srgb, #636DFF 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+  .bg-purple-500 {
+    background-color: var(--color-purple-500);
+  }
+  .bg-purple-500\/10 {
+    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
+    }
+  }
+  .bg-red-400 {
+    background-color: var(--color-red-400);
+  }
+  .bg-red-500 {
+    background-color: var(--color-red-500);
+  }
+  .bg-red-500\/10 {
+    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
+    }
+  }
+  .bg-red-500\/30 {
+    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
+    }
+  }
+  .bg-rose-500 {
+    background-color: var(--color-rose-500);
+  }
+  .bg-sky-500 {
+    background-color: var(--color-sky-500);
+  }
+  .bg-sky-500\/10 {
+    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
+    }
+  }
+  .bg-sky-500\/20 {
+    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
+    }
+  }
+  .bg-transparent {
+    background-color: transparent;
+  }
+  .bg-white {
+    background-color: var(--color-white);
+  }
+  .bg-yellow-500 {
+    background-color: var(--color-yellow-500);
+  }
+  .bg-yellow-500\/10 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
+    }
+  }
+  .bg-yellow-500\/20 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
+    }
+  }
+  .bg-yellow-500\/30 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
+    }
+  }
+  .bg-zinc-50 {
+    background-color: var(--color-zinc-50);
+  }
+  .bg-zinc-50\/80 {
+    background-color: color-mix(in srgb, #F9FAFD 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-50) 80%, transparent);
+    }
+  }
+  .bg-zinc-100 {
+    background-color: var(--color-zinc-100);
+  }
+  .bg-zinc-200 {
+    background-color: var(--color-zinc-200);
+  }
+  .bg-zinc-300 {
+    background-color: var(--color-zinc-300);
+  }
+  .bg-zinc-300\/10 {
+    background-color: color-mix(in srgb, #DADDE8 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-300) 10%, transparent);
+    }
+  }
+  .bg-zinc-300\/20 {
+    background-color: color-mix(in srgb, #DADDE8 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-300) 20%, transparent);
+    }
+  }
+  .bg-zinc-400 {
+    background-color: var(--color-zinc-400);
+  }
+  .bg-zinc-400\/20 {
+    background-color: color-mix(in srgb, #9196af 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-400) 20%, transparent);
+    }
+  }
+  .bg-zinc-500 {
+    background-color: var(--color-zinc-500);
+  }
+  .bg-zinc-500\/1 {
+    background-color: color-mix(in srgb, #4D5472 1%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-500) 1%, transparent);
+    }
+  }
+  .bg-zinc-500\/20 {
+    background-color: color-mix(in srgb, #4D5472 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-500) 20%, transparent);
+    }
+  }
+  .bg-zinc-500\/30 {
+    background-color: color-mix(in srgb, #4D5472 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-500) 30%, transparent);
+    }
+  }
+  .bg-zinc-500\/50 {
+    background-color: color-mix(in srgb, #4D5472 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-500) 50%, transparent);
+    }
+  }
+  .bg-zinc-600 {
+    background-color: var(--color-zinc-600);
+  }
+  .bg-zinc-700 {
+    background-color: var(--color-zinc-700);
+  }
+  .bg-zinc-800 {
+    background-color: var(--color-zinc-800);
+  }
+  .bg-zinc-900 {
+    background-color: var(--color-zinc-900);
+  }
+  .bg-zinc-900\/10 {
+    background-color: color-mix(in srgb, #191E32 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-900) 10%, transparent);
+    }
+  }
+  .bg-gradient-to-t {
+    --tw-gradient-position: to top in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .bg-gradient-to-tl {
+    --tw-gradient-position: to top left in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .bg-gradient-to-tr {
+    --tw-gradient-position: to top right in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .\!bg-none {
+    background-image: none !important;
+  }
+  .from-blue-500 {
+    --tw-gradient-from: var(--color-blue-500);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .from-primary {
+    --tw-gradient-from: var(--color-primary);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .from-primary-deep {
+    --tw-gradient-from: var(--color-primary-deep);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .from-white {
+    --tw-gradient-from: var(--color-white);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .via-primary-deep {
+    --tw-gradient-via: var(--color-primary-deep);
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
+  .via-purple-700 {
+    --tw-gradient-via: var(--color-purple-700);
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
+  .to-pink-900 {
+    --tw-gradient-to: var(--color-pink-900);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .to-primary {
+    --tw-gradient-to: var(--color-primary);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .to-primary-deep {
+    --tw-gradient-to: var(--color-primary-deep);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .mask-\[var\(--svg\)\] {
+    mask-image: var(--svg);
+  }
+  .mask-size-\[100\%\] {
+    mask-size: 100%;
+  }
+  .mask-repeat {
+    mask-repeat: repeat;
+  }
+  .\!fill-primary {
+    fill: var(--color-primary) !important;
+  }
+  .\!fill-zinc-700 {
+    fill: var(--color-zinc-700) !important;
+  }
+  .\!stroke-primary {
+    stroke: var(--color-primary) !important;
+  }
+  .\!stroke-zinc-700 {
+    stroke: var(--color-zinc-700) !important;
+  }
+  .object-cover {
+    object-fit: cover;
+  }
+  .object-top {
+    object-position: top;
+  }
+  .\!p-0 {
+    padding: calc(var(--spacing) * 0) !important;
+  }
+  .\!p-1\.5 {
+    padding: calc(var(--spacing) * 1.5) !important;
+  }
+  .\!p-2 {
+    padding: calc(var(--spacing) * 2) !important;
+  }
+  .\!p-2\.5 {
+    padding: calc(var(--spacing) * 2.5) !important;
+  }
+  .\!p-4 {
+    padding: calc(var(--spacing) * 4) !important;
+  }
+  .p-0 {
+    padding: calc(var(--spacing) * 0);
+  }
+  .p-1 {
+    padding: calc(var(--spacing) * 1);
+  }
+  .p-1\.5 {
+    padding: calc(var(--spacing) * 1.5);
+  }
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
+  .p-3 {
+    padding: calc(var(--spacing) * 3);
+  }
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
+  }
+  .p-6 {
+    padding: calc(var(--spacing) * 6);
+  }
+  .p-px {
+    padding: 1px;
+  }
+  .\!px-2 {
+    padding-inline: calc(var(--spacing) * 2) !important;
+  }
+  .\!px-2\.5 {
+    padding-inline: calc(var(--spacing) * 2.5) !important;
+  }
+  .\!px-3 {
+    padding-inline: calc(var(--spacing) * 3) !important;
+  }
+  .\!px-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5) !important;
+  }
+  .\!px-4 {
+    padding-inline: calc(var(--spacing) * 4) !important;
+  }
+  .px-1 {
+    padding-inline: calc(var(--spacing) * 1);
+  }
+  .px-1\.5 {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
+  .px-2 {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+  .px-2\.5 {
+    padding-inline: calc(var(--spacing) * 2.5);
+  }
+  .px-3 {
+    padding-inline: calc(var(--spacing) * 3);
+  }
+  .px-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5);
+  }
+  .px-4 {
+    padding-inline: calc(var(--spacing) * 4);
+  }
+  .px-5 {
+    padding-inline: calc(var(--spacing) * 5);
+  }
+  .px-10 {
+    padding-inline: calc(var(--spacing) * 10);
+  }
+  .\!py-0 {
+    padding-block: calc(var(--spacing) * 0) !important;
+  }
+  .\!py-0\.5 {
+    padding-block: calc(var(--spacing) * 0.5) !important;
+  }
+  .\!py-1 {
+    padding-block: calc(var(--spacing) * 1) !important;
+  }
+  .\!py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5) !important;
+  }
+  .\!py-2 {
+    padding-block: calc(var(--spacing) * 2) !important;
+  }
+  .\!py-2\.5 {
+    padding-block: calc(var(--spacing) * 2.5) !important;
+  }
+  .\!py-3 {
+    padding-block: calc(var(--spacing) * 3) !important;
+  }
+  .py-0 {
+    padding-block: calc(var(--spacing) * 0);
+  }
+  .py-0\.5 {
+    padding-block: calc(var(--spacing) * 0.5);
+  }
+  .py-1 {
+    padding-block: calc(var(--spacing) * 1);
+  }
+  .py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
+  .py-1\.75 {
+    padding-block: calc(var(--spacing) * 1.75);
+  }
+  .py-2 {
+    padding-block: calc(var(--spacing) * 2);
+  }
+  .py-2\.5 {
+    padding-block: calc(var(--spacing) * 2.5);
+  }
+  .py-3 {
+    padding-block: calc(var(--spacing) * 3);
+  }
+  .py-3\.5 {
+    padding-block: calc(var(--spacing) * 3.5);
+  }
+  .py-4 {
+    padding-block: calc(var(--spacing) * 4);
+  }
+  .py-6 {
+    padding-block: calc(var(--spacing) * 6);
+  }
+  .py-8 {
+    padding-block: calc(var(--spacing) * 8);
+  }
+  .py-12 {
+    padding-block: calc(var(--spacing) * 12);
+  }
+  .\!ps-9 {
+    padding-inline-start: calc(var(--spacing) * 9) !important;
+  }
+  .ps-2 {
+    padding-inline-start: calc(var(--spacing) * 2);
+  }
+  .ps-3 {
+    padding-inline-start: calc(var(--spacing) * 3);
+  }
+  .ps-4 {
+    padding-inline-start: calc(var(--spacing) * 4);
+  }
+  .ps-5\.5 {
+    padding-inline-start: calc(var(--spacing) * 5.5);
+  }
+  .ps-6 {
+    padding-inline-start: calc(var(--spacing) * 6);
+  }
+  .\!pe-0 {
+    padding-inline-end: calc(var(--spacing) * 0) !important;
+  }
+  .pe-2 {
+    padding-inline-end: calc(var(--spacing) * 2);
+  }
+  .pe-3 {
+    padding-inline-end: calc(var(--spacing) * 3);
+  }
+  .pe-4 {
+    padding-inline-end: calc(var(--spacing) * 4);
+  }
+  .\!pt-0 {
+    padding-top: calc(var(--spacing) * 0) !important;
+  }
+  .\!pt-2 {
+    padding-top: calc(var(--spacing) * 2) !important;
+  }
+  .pt-0 {
+    padding-top: calc(var(--spacing) * 0);
+  }
+  .pt-1 {
+    padding-top: calc(var(--spacing) * 1);
+  }
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
+  .pt-4 {
+    padding-top: calc(var(--spacing) * 4);
+  }
+  .pt-5 {
+    padding-top: calc(var(--spacing) * 5);
+  }
+  .pt-6 {
+    padding-top: calc(var(--spacing) * 6);
+  }
+  .pt-7 {
+    padding-top: calc(var(--spacing) * 7);
+  }
+  .pt-12 {
+    padding-top: calc(var(--spacing) * 12);
+  }
+  .\!pr-10 {
+    padding-right: calc(var(--spacing) * 10) !important;
+  }
+  .\!pr-12 {
+    padding-right: calc(var(--spacing) * 12) !important;
+  }
+  .\!pb-0 {
+    padding-bottom: calc(var(--spacing) * 0) !important;
+  }
+  .\!pb-2 {
+    padding-bottom: calc(var(--spacing) * 2) !important;
+  }
+  .pb-0 {
+    padding-bottom: calc(var(--spacing) * 0);
+  }
+  .pb-0\.5 {
+    padding-bottom: calc(var(--spacing) * 0.5);
+  }
+  .pb-1 {
+    padding-bottom: calc(var(--spacing) * 1);
+  }
+  .pb-1\.5 {
+    padding-bottom: calc(var(--spacing) * 1.5);
+  }
+  .pb-2 {
+    padding-bottom: calc(var(--spacing) * 2);
+  }
+  .pb-2\.5 {
+    padding-bottom: calc(var(--spacing) * 2.5);
+  }
+  .pb-3 {
+    padding-bottom: calc(var(--spacing) * 3);
+  }
+  .pb-3\.5 {
+    padding-bottom: calc(var(--spacing) * 3.5);
+  }
+  .pb-4 {
+    padding-bottom: calc(var(--spacing) * 4);
+  }
+  .\!pl-7 {
+    padding-left: calc(var(--spacing) * 7) !important;
+  }
+  .\!pl-8 {
+    padding-left: calc(var(--spacing) * 8) !important;
+  }
+  .\!pl-9 {
+    padding-left: calc(var(--spacing) * 9) !important;
+  }
+  .\!pl-10 {
+    padding-left: calc(var(--spacing) * 10) !important;
+  }
+  .pl-2 {
+    padding-left: calc(var(--spacing) * 2);
+  }
+  .pl-4 {
+    padding-left: calc(var(--spacing) * 4);
+  }
+  .\!text-end {
+    text-align: end !important;
+  }
+  .text-center {
+    text-align: center;
+  }
+  .text-end {
+    text-align: end;
+  }
+  .text-left {
+    text-align: left;
+  }
+  .text-right {
+    text-align: right;
+  }
+  .text-start {
+    text-align: start;
+  }
+  .align-middle {
+    vertical-align: middle;
+  }
+  .\!font-sans {
+    font-family: var(--font-sans) !important;
+  }
+  .\!font-theme {
+    font-family: var(--font-theme) !important;
+  }
+  .font-mono {
+    font-family: var(--font-mono);
+  }
+  .font-theme {
+    font-family: var(--font-theme);
+  }
+  .\!text-2xl {
+    font-size: var(--text-2xl) !important;
+    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
+  }
+  .\!text-base {
+    font-size: var(--text-base) !important;
+    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+  }
+  .\!text-lg {
+    font-size: var(--text-lg) !important;
+    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+  }
+  .\!text-sm {
+    font-size: var(--text-sm) !important;
+    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  }
+  .\!text-xl {
+    font-size: var(--text-xl) !important;
+    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
+  }
+  .\!text-xs {
+    font-size: var(--text-xs) !important;
+    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
+  }
+  .text-2xl {
+    font-size: var(--text-2xl);
+    line-height: var(--tw-leading, var(--text-2xl--line-height));
+  }
+  .text-3xl {
+    font-size: var(--text-3xl);
+    line-height: var(--tw-leading, var(--text-3xl--line-height));
+  }
+  .text-4xl {
+    font-size: var(--text-4xl);
+    line-height: var(--tw-leading, var(--text-4xl--line-height));
+  }
+  .text-5xl {
+    font-size: var(--text-5xl);
+    line-height: var(--tw-leading, var(--text-5xl--line-height));
+  }
+  .text-6xl {
+    font-size: var(--text-6xl);
+    line-height: var(--tw-leading, var(--text-6xl--line-height));
+  }
+  .text-base {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+  .text-lg {
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  .text-sm {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  .text-xl {
+    font-size: var(--text-xl);
+    line-height: var(--tw-leading, var(--text-xl--line-height));
+  }
+  .text-xs {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+  .text-\[\.9375rem\] {
+    font-size: .9375rem;
+  }
+  .text-\[8px\] {
+    font-size: 8px;
+  }
+  .text-\[18px\] {
+    font-size: 18px;
+  }
+  .\!leading-normal {
+    --tw-leading: var(--leading-normal) !important;
+    line-height: var(--leading-normal) !important;
+  }
+  .leading-\[1\.2\] {
+    --tw-leading: 1.2;
+    line-height: 1.2;
+  }
+  .leading-\[1\] {
+    --tw-leading: 1;
+    line-height: 1;
+  }
+  .leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
+  .leading-normal {
+    --tw-leading: var(--leading-normal);
+    line-height: var(--leading-normal);
+  }
+  .leading-relaxed {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
+  .leading-tight {
+    --tw-leading: var(--leading-tight);
+    line-height: var(--leading-tight);
+  }
+  .\!font-bold {
+    --tw-font-weight: var(--font-weight-bold) !important;
+    font-weight: var(--font-weight-bold) !important;
+  }
+  .\!font-semibold {
+    --tw-font-weight: var(--font-weight-semibold) !important;
+    font-weight: var(--font-weight-semibold) !important;
+  }
+  .font-normal {
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
+  .font-semibold {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
+  .tracking-normal {
+    --tw-tracking: var(--tracking-normal);
+    letter-spacing: var(--tracking-normal);
+  }
+  .text-nowrap {
+    text-wrap: nowrap;
+  }
+  .text-wrap {
+    text-wrap: wrap;
+  }
+  .text-ellipsis {
+    text-overflow: ellipsis;
+  }
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
+  .\!text-blue-500 {
+    color: var(--color-blue-500) !important;
+  }
+  .\!text-current {
+    color: currentcolor !important;
+  }
+  .\!text-inherit {
+    color: inherit !important;
+  }
+  .\!text-primary {
+    color: var(--color-primary) !important;
+  }
+  .\!text-red-500 {
+    color: var(--color-red-500) !important;
+  }
+  .\!text-white {
+    color: var(--color-white) !important;
+  }
+  .\!text-white\/70 {
+    color: color-mix(in srgb, #fff 70%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 70%, transparent) !important;
+    }
+  }
+  .\!text-yellow-500 {
+    color: var(--color-yellow-500) !important;
+  }
+  .\!text-zinc-400 {
+    color: var(--color-zinc-400) !important;
+  }
+  .\!text-zinc-700 {
+    color: var(--color-zinc-700) !important;
+  }
+  .text-amber-500 {
+    color: var(--color-amber-500);
+  }
+  .text-black {
+    color: var(--color-black);
+  }
+  .text-blue-500 {
+    color: var(--color-blue-500);
+  }
+  .text-blue-800 {
+    color: var(--color-blue-800);
+  }
+  .text-current {
+    color: currentcolor;
+  }
+  .text-cyan-500 {
+    color: var(--color-cyan-500);
+  }
+  .text-cyan-700 {
+    color: var(--color-cyan-700);
+  }
+  .text-gray-400 {
+    color: var(--color-gray-400);
+  }
+  .text-green-500 {
+    color: var(--color-green-500);
+  }
+  .text-green-500\/20 {
+    color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+    }
+  }
+  .text-green-600 {
+    color: var(--color-green-600);
+  }
+  .text-green-800 {
+    color: var(--color-green-800);
+  }
+  .text-lime-500 {
+    color: var(--color-lime-500);
+  }
+  .text-orange-500 {
+    color: var(--color-orange-500);
+  }
+  .text-orange-600 {
+    color: var(--color-orange-600);
+  }
+  .text-pink-500 {
+    color: var(--color-pink-500);
+  }
+  .text-primary {
+    color: var(--color-primary);
+  }
+  .text-primary-deep {
+    color: var(--color-primary-deep);
+  }
+  .text-primary-subtle {
+    color: var(--color-primary-subtle);
+  }
+  .text-purple-500 {
+    color: var(--color-purple-500);
+  }
+  .text-red-500 {
+    color: var(--color-red-500);
+  }
+  .text-red-800 {
+    color: var(--color-red-800);
+  }
+  .text-sky-500 {
+    color: var(--color-sky-500);
+  }
+  .text-white {
+    color: var(--color-white);
+  }
+  .text-white\/60 {
+    color: color-mix(in srgb, #fff 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 60%, transparent);
+    }
+  }
+  .text-white\/75 {
+    color: color-mix(in srgb, #fff 75%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 75%, transparent);
+    }
+  }
+  .text-yellow-500 {
+    color: var(--color-yellow-500);
+  }
+  .text-yellow-600 {
+    color: var(--color-yellow-600);
+  }
+  .text-yellow-800 {
+    color: var(--color-yellow-800);
+  }
+  .text-zinc-400 {
+    color: var(--color-zinc-400);
+  }
+  .text-zinc-500 {
+    color: var(--color-zinc-500);
+  }
+  .text-zinc-600 {
+    color: var(--color-zinc-600);
+  }
+  .text-zinc-700 {
+    color: var(--color-zinc-700);
+  }
+  .text-zinc-800 {
+    color: var(--color-zinc-800);
+  }
+  .text-zinc-900 {
+    color: var(--color-zinc-900);
+  }
+  .\!capitalize {
+    text-transform: capitalize !important;
+  }
+  .capitalize {
+    text-transform: capitalize;
+  }
+  .lowercase {
+    text-transform: lowercase;
+  }
+  .uppercase {
+    text-transform: uppercase;
+  }
+  .italic {
+    font-style: italic;
+  }
+  .ordinal {
+    --tw-ordinal: ordinal;
+    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+  }
+  .line-through {
+    text-decoration-line: line-through;
+  }
+  .overline {
+    text-decoration-line: overline;
+  }
+  .underline {
+    text-decoration-line: underline;
+  }
+  .antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  .\!opacity-50 {
+    opacity: 50% !important;
+  }
+  .\!opacity-100 {
+    opacity: 100% !important;
+  }
+  .opacity-0 {
+    opacity: 0%;
+  }
+  .opacity-25 {
+    opacity: 25%;
+  }
+  .opacity-30 {
+    opacity: 30%;
+  }
+  .opacity-50 {
+    opacity: 50%;
+  }
+  .opacity-60 {
+    opacity: 60%;
+  }
+  .opacity-75 {
+    opacity: 75%;
+  }
+  .opacity-85 {
+    opacity: 85%;
+  }
+  .opacity-100 {
+    opacity: 100%;
+  }
+  .\!shadow-dropdown {
+    --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .\!shadow-glass {
+    --tw-shadow: 0 0.5rem 0.5rem -0.5rem var(--tw-shadow-color, rgba(0, 0, 0, 0.1)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .\!shadow-md {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .\!shadow-none {
+    --tw-shadow: 0 0 #0000 !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .\!shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .shadow {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-card {
+    --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.03));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-dropdown {
+    --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-lg {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-sm {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-xs {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .\!ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .ring {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .\!ring-primary\/20 {
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important;
+    }
+  }
+  .ring-green-500\/20 {
+    --tw-ring-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+    }
+  }
+  .ring-primary {
+    --tw-ring-color: var(--color-primary);
+  }
+  .ring-red-500\/20 {
+    --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+    }
+  }
+  .ring-transparent {
+    --tw-ring-color: transparent;
+  }
+  .\!outline-0 {
+    outline-style: var(--tw-outline-style) !important;
+    outline-width: 0px !important;
+  }
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+  .outline-0 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+  }
+  .\!outline-zinc-100 {
+    outline-color: var(--color-zinc-100) !important;
+  }
+  .blur {
+    --tw-blur: blur(8px);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .invert {
+    --tw-invert: invert(100%);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .filter {
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .backdrop-blur {
+    --tw-backdrop-blur: blur(8px);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
+  .backdrop-blur-sm {
+    --tw-backdrop-blur: blur(var(--blur-sm));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
+  .backdrop-blur-xs {
+    --tw-backdrop-blur: blur(var(--blur-xs));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
+  .transition {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-all {
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-transform {
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .delay-100 {
+    transition-delay: 100ms;
+  }
+  .duration-100 {
+    --tw-duration: 100ms;
+    transition-duration: 100ms;
+  }
+  .duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
+  .duration-200 {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
+  .duration-300 {
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+  .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
+  .ease-linear {
+    --tw-ease: linear;
+    transition-timing-function: linear;
+  }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
+  .backface-hidden {
+    backface-visibility: hidden;
+  }
+  .group-hover\:translate-x-0 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        --tw-translate-x: calc(var(--spacing) * 0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .group-hover\:\!text-primary {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-primary) !important;
+      }
+    }
+  }
+  .group-hover\:text-primary {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+  }
+  .group-hover\:opacity-100 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
+  .group-\[\.active\]\:block {
+    &:is(:where(.group):is(.active) *) {
+      display: block;
+    }
+  }
+  .peer-checked\:\!border-primary {
+    &:is(:where(.peer):checked ~ *) {
+      border-color: var(--color-primary) !important;
+    }
+  }
+  .peer-checked\:border-primary {
+    &:is(:where(.peer):checked ~ *) {
+      border-color: var(--color-primary);
+    }
+  }
+  .peer-checked\:\!text-primary {
+    &:is(:where(.peer):checked ~ *) {
+      color: var(--color-primary) !important;
+    }
+  }
+  .peer-checked\:text-current {
+    &:is(:where(.peer):checked ~ *) {
+      color: currentcolor;
+    }
+  }
+  .peer-checked\:line-through {
+    &:is(:where(.peer):checked ~ *) {
+      text-decoration-line: line-through;
+    }
+  }
+  .peer-checked\:opacity-50 {
+    &:is(:where(.peer):checked ~ *) {
+      opacity: 50%;
+    }
+  }
+  .peer-checked\:ring-1 {
+    &:is(:where(.peer):checked ~ *) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .peer-checked\:\!ring-primary {
+    &:is(:where(.peer):checked ~ *) {
+      --tw-ring-color: var(--color-primary) !important;
+    }
+  }
+  .peer-checked\:ring-primary {
+    &:is(:where(.peer):checked ~ *) {
+      --tw-ring-color: var(--color-primary);
+    }
+  }
+  .peer-checked\:ring-primary\/20 {
+    &:is(:where(.peer):checked ~ *) {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .peer-focus\:text-primary {
+    &:is(:where(.peer):focus ~ *) {
+      color: var(--color-primary);
+    }
+  }
+  .placeholder\:text-zinc-400 {
+    &::placeholder {
+      color: var(--color-zinc-400);
+    }
+  }
+  .before\:absolute {
+    &::before {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  .before\:start-0 {
+    &::before {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 0);
+    }
+  }
+  .before\:top-1\.75 {
+    &::before {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 1.75);
+    }
+  }
+  .before\:\!hidden {
+    &::before {
+      content: var(--tw-content);
+      display: none !important;
+    }
+  }
+  .before\:h-3 {
+    &::before {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 3);
+    }
+  }
+  .before\:h-5 {
+    &::before {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 5);
+    }
+  }
+  .before\:w-1 {
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 1);
+    }
+  }
+  .before\:w-3 {
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 3);
+    }
+  }
+  .before\:rounded-full {
+    &::before {
+      content: var(--tw-content);
+      border-radius: calc(infinity * 1px);
+    }
+  }
+  .before\:border-s-2 {
+    &::before {
+      content: var(--tw-content);
+      border-inline-start-style: var(--tw-border-style);
+      border-inline-start-width: 2px;
+    }
+  }
+  .before\:border-b-2 {
+    &::before {
+      content: var(--tw-content);
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 2px;
+    }
+  }
+  .before\:border-zinc-200 {
+    &::before {
+      content: var(--tw-content);
+      border-color: var(--color-zinc-200);
+    }
+  }
+  .after\:absolute {
+    &::after {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  .after\:start-0 {
+    &::after {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:top-0 {
+    &::after {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:top-1 {
+    &::after {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 1);
+    }
+  }
+  .after\:top-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      top: calc(1/2 * 100%);
+    }
+  }
+  .after\:bottom-0 {
+    &::after {
+      content: var(--tw-content);
+      bottom: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:left-0 {
+    &::after {
+      content: var(--tw-content);
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:left-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      left: calc(1/2 * 100%);
+    }
+  }
+  .after\:\!hidden {
+    &::after {
+      content: var(--tw-content);
+      display: none !important;
+    }
+  }
+  .after\:block {
+    &::after {
+      content: var(--tw-content);
+      display: block;
+    }
+  }
+  .after\:flex {
+    &::after {
+      content: var(--tw-content);
+      display: flex;
+    }
+  }
+  .after\:size-2 {
+    &::after {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 2);
+      height: calc(var(--spacing) * 2);
+    }
+  }
+  .after\:h-0\.5 {
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 0.5);
+    }
+  }
+  .after\:h-3 {
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 3);
+    }
+  }
+  .after\:h-full {
+    &::after {
+      content: var(--tw-content);
+      height: 100%;
+    }
+  }
+  .after\:w-3 {
+    &::after {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 3);
+    }
+  }
+  .after\:w-full {
+    &::after {
+      content: var(--tw-content);
+      width: 100%;
+    }
+  }
+  .after\:-translate-x-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .after\:-translate-y-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .after\:items-center {
+    &::after {
+      content: var(--tw-content);
+      align-items: center;
+    }
+  }
+  .after\:justify-center {
+    &::after {
+      content: var(--tw-content);
+      justify-content: center;
+    }
+  }
+  .after\:rounded {
+    &::after {
+      content: var(--tw-content);
+      border-radius: 0.25rem;
+    }
+  }
+  .after\:rounded-full {
+    &::after {
+      content: var(--tw-content);
+      border-radius: calc(infinity * 1px);
+    }
+  }
+  .after\:rounded-t-full {
+    &::after {
+      content: var(--tw-content);
+      border-top-left-radius: calc(infinity * 1px);
+      border-top-right-radius: calc(infinity * 1px);
+    }
+  }
+  .after\:\!bg-yellow-500 {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-yellow-500) !important;
+    }
+  }
+  .after\:\!bg-zinc-500 {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-zinc-500) !important;
+    }
+  }
+  .after\:bg-primary {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-primary);
+    }
+  }
+  .after\:bg-white {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-white);
+    }
+  }
+  .after\:text-sm {
+    &::after {
+      content: var(--tw-content);
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+    }
+  }
+  .after\:\!font-normal {
+    &::after {
+      content: var(--tw-content);
+      --tw-font-weight: var(--font-weight-normal) !important;
+      font-weight: var(--font-weight-normal) !important;
+    }
+  }
+  .after\:font-normal {
+    &::after {
+      content: var(--tw-content);
+      --tw-font-weight: var(--font-weight-normal);
+      font-weight: var(--font-weight-normal);
+    }
+  }
+  .after\:text-white {
+    &::after {
+      content: var(--tw-content);
+      color: var(--color-white);
+    }
+  }
+  .after\:opacity-0 {
+    &::after {
+      content: var(--tw-content);
+      opacity: 0%;
+    }
+  }
+  .after\:transition-all {
+    &::after {
+      content: var(--tw-content);
+      transition-property: all;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
+  .after\:duration-300 {
+    &::after {
+      content: var(--tw-content);
+      --tw-duration: 300ms;
+      transition-duration: 300ms;
+    }
+  }
+  .checked\:\!border-yellow-500 {
+    &:checked {
+      border-color: var(--color-yellow-500) !important;
+    }
+  }
+  .checked\:\!border-zinc-500 {
+    &:checked {
+      border-color: var(--color-zinc-500) !important;
+    }
+  }
+  .checked\:border-primary {
+    &:checked {
+      border-color: var(--color-primary);
+    }
+  }
+  .checked\:\!bg-yellow-500 {
+    &:checked {
+      background-color: var(--color-yellow-500) !important;
+    }
+  }
+  .checked\:\!bg-zinc-500 {
+    &:checked {
+      background-color: var(--color-zinc-500) !important;
+    }
+  }
+  .checked\:bg-primary {
+    &:checked {
+      background-color: var(--color-primary);
+    }
+  }
+  .checked\:\!ring-transparent {
+    &:checked {
+      --tw-ring-color: transparent !important;
+    }
+  }
+  .checked\:ring-transparent {
+    &:checked {
+      --tw-ring-color: transparent;
+    }
+  }
+  .checked\:after\:\!bg-white {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-white) !important;
+      }
+    }
+  }
+  .checked\:after\:bg-white {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-white);
+      }
+    }
+  }
+  .checked\:after\:opacity-100 {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        opacity: 100%;
+      }
+    }
+  }
+  .indeterminate\:border-primary {
+    &:indeterminate {
+      border-color: var(--color-primary);
+    }
+  }
+  .indeterminate\:bg-primary {
+    &:indeterminate {
+      background-color: var(--color-primary);
+    }
+  }
+  .indeterminate\:ring-primary\/20 {
+    &:indeterminate {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .indeterminate\:after\:\!opacity-100 {
+    &:indeterminate {
+      &::after {
+        content: var(--tw-content);
+        opacity: 100% !important;
+      }
+    }
+  }
+  .focus-within\:ring-primary\/20 {
+    &:focus-within {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .hover\:-translate-y-1 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-translate-y: calc(var(--spacing) * -1);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .hover\:-translate-y-2 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-translate-y: calc(var(--spacing) * -2);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .hover\:\!border-primary {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary) !important;
+      }
+    }
+  }
+  .hover\:\!border-yellow-500 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-yellow-500) !important;
+      }
+    }
+  }
+  .hover\:\!border-zinc-400 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-400) !important;
+      }
+    }
+  }
+  .hover\:\!border-zinc-500 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-500) !important;
+      }
+    }
+  }
+  .hover\:border-current {
+    &:hover {
+      @media (hover: hover) {
+        border-color: currentcolor;
+      }
+    }
+  }
+  .hover\:border-primary {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary);
+      }
+    }
+  }
+  .hover\:border-red-600 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-red-600);
+      }
+    }
+  }
+  .hover\:border-zinc-400 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-400);
+      }
+    }
+  }
+  .hover\:\!bg-zinc-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-100) !important;
+      }
+    }
+  }
+  .hover\:bg-amber-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-amber-500);
+      }
+    }
+  }
+  .hover\:bg-amber-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-amber-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-amber-600);
+      }
+    }
+  }
+  .hover\:bg-green-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-green-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-green-600);
+      }
+    }
+  }
+  .hover\:bg-lime-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-lime-600);
+      }
+    }
+  }
+  .hover\:bg-primary {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary);
+      }
+    }
+  }
+  .hover\:bg-primary-deep {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-deep);
+      }
+    }
+  }
+  .hover\:bg-primary-subtle {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-subtle);
+      }
+    }
+  }
+  .hover\:bg-purple-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-purple-600);
+      }
+    }
+  }
+  .hover\:bg-red-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-500);
+      }
+    }
+  }
+  .hover\:bg-red-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-red-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-600);
+      }
+    }
+  }
+  .hover\:bg-sky-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-sky-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-sky-600);
+      }
+    }
+  }
+  .hover\:bg-zinc-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-50);
+      }
+    }
+  }
+  .hover\:bg-zinc-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-100);
+      }
+    }
+  }
+  .hover\:bg-zinc-200 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-200);
+      }
+    }
+  }
+  .hover\:bg-zinc-300 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-300);
+      }
+    }
+  }
+  .hover\:bg-zinc-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-500);
+      }
+    }
+  }
+  .hover\:bg-zinc-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-600);
+      }
+    }
+  }
+  .hover\:bg-zinc-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-700);
+      }
+    }
+  }
+  .hover\:bg-zinc-800 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-800);
+      }
+    }
+  }
+  .hover\:\!text-primary {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary) !important;
+      }
+    }
+  }
+  .hover\:text-black {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-black);
+      }
+    }
+  }
+  .hover\:text-current {
+    &:hover {
+      @media (hover: hover) {
+        color: currentcolor;
+      }
+    }
+  }
+  .hover\:text-primary {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+  }
+  .hover\:text-primary-deep {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary-deep);
+      }
+    }
+  }
+  .hover\:text-red-500 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-red-500);
+      }
+    }
+  }
+  .hover\:text-white {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
+  .hover\:text-zinc-700 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-zinc-700);
+      }
+    }
+  }
+  .hover\:text-zinc-800 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-zinc-800);
+      }
+    }
+  }
+  .hover\:no-underline {
+    &:hover {
+      @media (hover: hover) {
+        text-decoration-line: none;
+      }
+    }
+  }
+  .hover\:underline {
+    &:hover {
+      @media (hover: hover) {
+        text-decoration-line: underline;
+      }
+    }
+  }
+  .hover\:shadow-2xl {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .hover\:shadow-xl {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .hover\:ring-2 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .hover\:\!ring-primary {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: var(--color-primary) !important;
+      }
+    }
+  }
+  .hover\:\!ring-yellow-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent) !important;
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent) !important;
+        }
+      }
+    }
+  }
+  .hover\:\!ring-zinc-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: color-mix(in srgb, #4D5472 20%, transparent) !important;
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-zinc-500) 20%, transparent) !important;
+        }
+      }
+    }
+  }
+  .hover\:ring-primary {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: var(--color-primary);
+      }
+    }
+  }
+  .hover\:ring-primary\/20 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:after\:bg-zinc-200 {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-zinc-200);
+        }
+      }
+    }
+  }
+  .focus\:border-primary {
+    &:focus {
+      border-color: var(--color-primary);
+    }
+  }
+  .focus\:bg-white {
+    &:focus {
+      background-color: var(--color-white);
+    }
+  }
+  .focus\:ring-2 {
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .focus\:shadow-primary {
+    &:focus {
+      --tw-shadow-color: #636DFF;
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-shadow-color: color-mix(in oklab, var(--color-primary) var(--tw-shadow-alpha), transparent);
+      }
+    }
+  }
+  .focus\:ring-primary\/20 {
+    &:focus {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .focus\:\!outline-0 {
+    &:focus {
+      outline-style: var(--tw-outline-style) !important;
+      outline-width: 0px !important;
+    }
+  }
+  .focus\:outline-0 {
+    &:focus {
+      outline-style: var(--tw-outline-style);
+      outline-width: 0px;
+    }
+  }
+  .disabled\:\!pointer-events-none {
+    &:disabled {
+      pointer-events: none !important;
+    }
+  }
+  .disabled\:pointer-events-none {
+    &:disabled {
+      pointer-events: none;
+    }
+  }
+  .disabled\:\!cursor-not-allowed {
+    &:disabled {
+      cursor: not-allowed !important;
+    }
+  }
+  .disabled\:opacity-50 {
+    &:disabled {
+      opacity: 50%;
+    }
+  }
+  .disabled\:opacity-60 {
+    &:disabled {
+      opacity: 60%;
+    }
+  }
+  .sm\:relative {
+    @media (width >= 40rem) {
+      position: relative;
+    }
+  }
+  .sm\:left-auto {
+    @media (width >= 40rem) {
+      left: auto;
+    }
+  }
+  .sm\:order-1 {
+    @media (width >= 40rem) {
+      order: 1;
+    }
+  }
+  .sm\:order-last {
+    @media (width >= 40rem) {
+      order: 9999;
+    }
+  }
+  .sm\:ms-6 {
+    @media (width >= 40rem) {
+      margin-inline-start: calc(var(--spacing) * 6);
+    }
+  }
+  .sm\:ms-auto {
+    @media (width >= 40rem) {
+      margin-inline-start: auto;
+    }
+  }
+  .sm\:me-3 {
+    @media (width >= 40rem) {
+      margin-inline-end: calc(var(--spacing) * 3);
+    }
+  }
+  .sm\:-mb-8 {
+    @media (width >= 40rem) {
+      margin-bottom: calc(var(--spacing) * -8);
+    }
+  }
+  .sm\:mb-0 {
+    @media (width >= 40rem) {
+      margin-bottom: calc(var(--spacing) * 0);
+    }
+  }
+  .sm\:block {
+    @media (width >= 40rem) {
+      display: block;
+    }
+  }
+  .sm\:w-1\/5 {
+    @media (width >= 40rem) {
+      width: calc(1/5 * 100%);
+    }
+  }
+  .sm\:w-4\/5 {
+    @media (width >= 40rem) {
+      width: calc(4/5 * 100%);
+    }
+  }
+  .sm\:w-6\/12 {
+    @media (width >= 40rem) {
+      width: calc(6/12 * 100%);
+    }
+  }
+  .sm\:w-8\/12 {
+    @media (width >= 40rem) {
+      width: calc(8/12 * 100%);
+    }
+  }
+  .sm\:w-48 {
+    @media (width >= 40rem) {
+      width: calc(var(--spacing) * 48);
+    }
+  }
+  .sm\:w-56 {
+    @media (width >= 40rem) {
+      width: calc(var(--spacing) * 56);
+    }
+  }
+  .sm\:w-96 {
+    @media (width >= 40rem) {
+      width: calc(var(--spacing) * 96);
+    }
+  }
+  .sm\:w-auto {
+    @media (width >= 40rem) {
+      width: auto;
+    }
+  }
+  .sm\:min-w-48 {
+    @media (width >= 40rem) {
+      min-width: calc(var(--spacing) * 48);
+    }
+  }
+  .sm\:grid-cols-2 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .sm\:grid-cols-3 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .sm\:flex-row {
+    @media (width >= 40rem) {
+      flex-direction: row;
+    }
+  }
+  .sm\:items-center {
+    @media (width >= 40rem) {
+      align-items: center;
+    }
+  }
+  .sm\:items-end {
+    @media (width >= 40rem) {
+      align-items: flex-end;
+    }
+  }
+  .sm\:justify-between {
+    @media (width >= 40rem) {
+      justify-content: space-between;
+    }
+  }
+  .sm\:justify-end {
+    @media (width >= 40rem) {
+      justify-content: flex-end;
+    }
+  }
+  .sm\:gap-0 {
+    @media (width >= 40rem) {
+      gap: calc(var(--spacing) * 0);
+    }
+  }
+  .sm\:gap-3\.5 {
+    @media (width >= 40rem) {
+      gap: calc(var(--spacing) * 3.5);
+    }
+  }
+  .sm\:p-6 {
+    @media (width >= 40rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
+  .sm\:pe-12 {
+    @media (width >= 40rem) {
+      padding-inline-end: calc(var(--spacing) * 12);
+    }
+  }
+  .sm\:pt-3 {
+    @media (width >= 40rem) {
+      padding-top: calc(var(--spacing) * 3);
+    }
+  }
+  .sm\:pl-11 {
+    @media (width >= 40rem) {
+      padding-left: calc(var(--spacing) * 11);
+    }
+  }
+  .sm\:text-end {
+    @media (width >= 40rem) {
+      text-align: end;
+    }
+  }
+  .sm\:text-lg {
+    @media (width >= 40rem) {
+      font-size: var(--text-lg);
+      line-height: var(--tw-leading, var(--text-lg--line-height));
+    }
+  }
+  .md\:order-1 {
+    @media (width >= 48rem) {
+      order: 1;
+    }
+  }
+  .md\:order-last {
+    @media (width >= 48rem) {
+      order: 9999;
+    }
+  }
+  .md\:col-span-3 {
+    @media (width >= 48rem) {
+      grid-column: span 3 / span 3;
+    }
+  }
+  .md\:col-span-4 {
+    @media (width >= 48rem) {
+      grid-column: span 4 / span 4;
+    }
+  }
+  .md\:col-span-5 {
+    @media (width >= 48rem) {
+      grid-column: span 5 / span 5;
+    }
+  }
+  .md\:col-span-6 {
+    @media (width >= 48rem) {
+      grid-column: span 6 / span 6;
+    }
+  }
+  .md\:col-span-7 {
+    @media (width >= 48rem) {
+      grid-column: span 7 / span 7;
+    }
+  }
+  .md\:col-span-8 {
+    @media (width >= 48rem) {
+      grid-column: span 8 / span 8;
+    }
+  }
+  .md\:col-span-9 {
+    @media (width >= 48rem) {
+      grid-column: span 9 / span 9;
+    }
+  }
+  .md\:mb-0 {
+    @media (width >= 48rem) {
+      margin-bottom: calc(var(--spacing) * 0);
+    }
+  }
+  .md\:flex {
+    @media (width >= 48rem) {
+      display: flex;
+    }
+  }
+  .md\:w-3\/12 {
+    @media (width >= 48rem) {
+      width: calc(3/12 * 100%);
+    }
+  }
+  .md\:w-5\/12 {
+    @media (width >= 48rem) {
+      width: calc(5/12 * 100%);
+    }
+  }
+  .md\:w-6\/12 {
+    @media (width >= 48rem) {
+      width: calc(6/12 * 100%);
+    }
+  }
+  .md\:w-7\/12 {
+    @media (width >= 48rem) {
+      width: calc(7/12 * 100%);
+    }
+  }
+  .md\:w-\[80\%\] {
+    @media (width >= 48rem) {
+      width: 80%;
+    }
+  }
+  .md\:min-w-\[80\%\] {
+    @media (width >= 48rem) {
+      min-width: 80%;
+    }
+  }
+  .md\:grid-cols-2 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .md\:grid-cols-3 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .md\:grid-cols-4 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  .md\:grid-cols-12 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
+  .md\:grid-cols-13 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(13, minmax(0, 1fr));
+    }
+  }
+  .md\:flex-row {
+    @media (width >= 48rem) {
+      flex-direction: row;
+    }
+  }
+  .md\:items-center {
+    @media (width >= 48rem) {
+      align-items: center;
+    }
+  }
+  .md\:justify-between {
+    @media (width >= 48rem) {
+      justify-content: space-between;
+    }
+  }
+  .md\:justify-center {
+    @media (width >= 48rem) {
+      justify-content: center;
+    }
+  }
+  .md\:justify-end {
+    @media (width >= 48rem) {
+      justify-content: flex-end;
+    }
+  }
+  .md\:gap-6 {
+    @media (width >= 48rem) {
+      gap: calc(var(--spacing) * 6);
+    }
+  }
+  .md\:border-x {
+    @media (width >= 48rem) {
+      border-inline-style: var(--tw-border-style);
+      border-inline-width: 1px;
+    }
+  }
+  .md\:border-y-0 {
+    @media (width >= 48rem) {
+      border-block-style: var(--tw-border-style);
+      border-block-width: 0px;
+    }
+  }
+  .md\:p-6 {
+    @media (width >= 48rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
+  .md\:px-8 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 8);
+    }
+  }
+  .md\:py-4 {
+    @media (width >= 48rem) {
+      padding-block: calc(var(--spacing) * 4);
+    }
+  }
+  .md\:pe-4 {
+    @media (width >= 48rem) {
+      padding-inline-end: calc(var(--spacing) * 4);
+    }
+  }
+  .md\:pe-12 {
+    @media (width >= 48rem) {
+      padding-inline-end: calc(var(--spacing) * 12);
+    }
+  }
+  .md\:text-start {
+    @media (width >= 48rem) {
+      text-align: start;
+    }
+  }
+  .lg\:invisible {
+    @media (width >= 64rem) {
+      visibility: hidden;
+    }
+  }
+  .lg\:visible {
+    @media (width >= 64rem) {
+      visibility: visible;
+    }
+  }
+  .lg\:absolute {
+    @media (width >= 64rem) {
+      position: absolute;
+    }
+  }
+  .lg\:relative {
+    @media (width >= 64rem) {
+      position: relative;
+    }
+  }
+  .lg\:start-full {
+    @media (width >= 64rem) {
+      inset-inline-start: 100%;
+    }
+  }
+  .lg\:end-auto {
+    @media (width >= 64rem) {
+      inset-inline-end: auto;
+    }
+  }
+  .lg\:order-last {
+    @media (width >= 64rem) {
+      order: 9999;
+    }
+  }
+  .lg\:col-span-3 {
+    @media (width >= 64rem) {
+      grid-column: span 3 / span 3;
+    }
+  }
+  .lg\:col-span-4 {
+    @media (width >= 64rem) {
+      grid-column: span 4 / span 4;
+    }
+  }
+  .lg\:col-span-8 {
+    @media (width >= 64rem) {
+      grid-column: span 8 / span 8;
+    }
+  }
+  .lg\:col-span-9 {
+    @media (width >= 64rem) {
+      grid-column: span 9 / span 9;
+    }
+  }
+  .lg\:mx-64 {
+    @media (width >= 64rem) {
+      margin-inline: calc(var(--spacing) * 64);
+    }
+  }
+  .lg\:\!ms-18 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 18) !important;
+    }
+  }
+  .lg\:ms-3\.5 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 3.5);
+    }
+  }
+  .lg\:ms-8 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 8);
+    }
+  }
+  .lg\:ms-24 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 24);
+    }
+  }
+  .lg\:ms-64 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 64);
+    }
+  }
+  .lg\:ms-auto {
+    @media (width >= 64rem) {
+      margin-inline-start: auto;
+    }
+  }
+  .lg\:mt-0 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:mt-1 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 1);
+    }
+  }
+  .lg\:mt-1\.5 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 1.5);
+    }
+  }
+  .lg\:mt-2 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 2);
+    }
+  }
+  .lg\:mt-4\.5 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 4.5);
+    }
+  }
+  .lg\:mb-16 {
+    @media (width >= 64rem) {
+      margin-bottom: calc(var(--spacing) * 16);
+    }
+  }
+  .lg\:\!flex {
+    @media (width >= 64rem) {
+      display: flex !important;
+    }
+  }
+  .lg\:block {
+    @media (width >= 64rem) {
+      display: block;
+    }
+  }
+  .lg\:flex {
+    @media (width >= 64rem) {
+      display: flex;
+    }
+  }
+  .lg\:hidden {
+    @media (width >= 64rem) {
+      display: none;
+    }
+  }
+  .lg\:h-60 {
+    @media (width >= 64rem) {
+      height: calc(var(--spacing) * 60);
+    }
+  }
+  .lg\:h-auto {
+    @media (width >= 64rem) {
+      height: auto;
+    }
+  }
+  .lg\:w-36 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 36);
+    }
+  }
+  .lg\:w-auto {
+    @media (width >= 64rem) {
+      width: auto;
+    }
+  }
+  .lg\:min-w-48 {
+    @media (width >= 64rem) {
+      min-width: calc(var(--spacing) * 48);
+    }
+  }
+  .lg\:flex-grow {
+    @media (width >= 64rem) {
+      flex-grow: 1;
+    }
+  }
+  .lg\:basis-auto {
+    @media (width >= 64rem) {
+      flex-basis: auto;
+    }
+  }
+  .lg\:translate-y-3 {
+    @media (width >= 64rem) {
+      --tw-translate-y: calc(var(--spacing) * 3);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .lg\:grid-cols-3 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .lg\:grid-cols-4 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  .lg\:grid-cols-5 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
+  .lg\:grid-cols-12 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
+  .lg\:flex-row {
+    @media (width >= 64rem) {
+      flex-direction: row;
+    }
+  }
+  .lg\:items-center {
+    @media (width >= 64rem) {
+      align-items: center;
+    }
+  }
+  .lg\:justify-end {
+    @media (width >= 64rem) {
+      justify-content: flex-end;
+    }
+  }
+  .lg\:gap-4 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 4);
+    }
+  }
+  .lg\:gap-5 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 5);
+    }
+  }
+  .lg\:gap-6 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 6);
+    }
+  }
+  .lg\:gap-8 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 8);
+    }
+  }
+  .lg\:gap-10 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 10);
+    }
+  }
+  .lg\:overflow-visible {
+    @media (width >= 64rem) {
+      overflow: visible;
+    }
+  }
+  .lg\:\!overflow-x-hidden {
+    @media (width >= 64rem) {
+      overflow-x: hidden !important;
+    }
+  }
+  .lg\:rounded-md {
+    @media (width >= 64rem) {
+      border-radius: var(--radius-md);
+    }
+  }
+  .lg\:\!bg-transparent {
+    @media (width >= 64rem) {
+      background-color: transparent !important;
+    }
+  }
+  .lg\:bg-white {
+    @media (width >= 64rem) {
+      background-color: var(--color-white);
+    }
+  }
+  .lg\:\!p-3 {
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 3) !important;
+    }
+  }
+  .lg\:p-0 {
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:p-6 {
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
+  .lg\:px-4 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+  }
+  .lg\:px-6 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 6);
+    }
+  }
+  .lg\:px-8 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 8);
+    }
+  }
+  .lg\:px-12 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 12);
+    }
+  }
+  .lg\:py-0 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:py-4 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 4);
+    }
+  }
+  .lg\:py-5 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 5);
+    }
+  }
+  .lg\:py-12 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 12);
+    }
+  }
+  .lg\:py-16 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 16);
+    }
+  }
+  .lg\:ps-3 {
+    @media (width >= 64rem) {
+      padding-inline-start: calc(var(--spacing) * 3);
+    }
+  }
+  .lg\:pe-2 {
+    @media (width >= 64rem) {
+      padding-inline-end: calc(var(--spacing) * 2);
+    }
+  }
+  .lg\:pt-0 {
+    @media (width >= 64rem) {
+      padding-top: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:pb-0 {
+    @media (width >= 64rem) {
+      padding-bottom: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:text-2xl {
+    @media (width >= 64rem) {
+      font-size: var(--text-2xl);
+      line-height: var(--tw-leading, var(--text-2xl--line-height));
+    }
+  }
+  .lg\:text-3xl {
+    @media (width >= 64rem) {
+      font-size: var(--text-3xl);
+      line-height: var(--tw-leading, var(--text-3xl--line-height));
+    }
+  }
+  .lg\:text-4xl {
+    @media (width >= 64rem) {
+      font-size: var(--text-4xl);
+      line-height: var(--tw-leading, var(--text-4xl--line-height));
+    }
+  }
+  .lg\:text-base {
+    @media (width >= 64rem) {
+      font-size: var(--text-base);
+      line-height: var(--tw-leading, var(--text-base--line-height));
+    }
+  }
+  .lg\:opacity-0 {
+    @media (width >= 64rem) {
+      opacity: 0%;
+    }
+  }
+  .lg\:shadow-dropdown {
+    @media (width >= 64rem) {
+      --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .lg\:shadow-xl {
+    @media (width >= 64rem) {
+      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .lg\:transition-transform {
+    @media (width >= 64rem) {
+      transition-property: transform, translate, scale, rotate;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
+  .lg\:after\:absolute {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        position: absolute;
+      }
+    }
+  }
+  .lg\:after\:start-0 {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        inset-inline-start: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .lg\:after\:bottom-0 {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        bottom: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .lg\:after\:h-0\.75 {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        height: calc(var(--spacing) * 0.75);
+      }
+    }
+  }
+  .lg\:after\:w-full {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        width: 100%;
+      }
+    }
+  }
+  .lg\:after\:rounded-t-xl {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        border-top-left-radius: var(--radius-xl);
+        border-top-right-radius: var(--radius-xl);
+      }
+    }
+  }
+  .lg\:hover\:bg-white {
+    @media (width >= 64rem) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-white);
+        }
+      }
+    }
+  }
+  .xl\:max-w-\[450px\] {
+    @media (width >= 80rem) {
+      max-width: 450px;
+    }
+  }
+  .\32 xl\:max-w-\[720px\] {
+    @media (width >= 96rem) {
+      max-width: 720px;
+    }
+  }
+  .ltr\:right-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 0);
+    }
+  }
+  .ltr\:right-2 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 2);
+    }
+  }
+  .ltr\:right-3 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 3);
+    }
+  }
+  .ltr\:right-4 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 4);
+    }
+  }
+  .ltr\:right-5 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 5);
+    }
+  }
+  .ltr\:left-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  .ltr\:left-3 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      left: calc(var(--spacing) * 3);
+    }
+  }
+  .ltr\:ml-auto {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      margin-left: auto;
+    }
+  }
+  .ltr\:-translate-x-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      --tw-translate-x: calc(var(--spacing) * -0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .ltr\:-translate-x-full {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      --tw-translate-x: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .ltr\:translate-x-full {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      --tw-translate-x: 100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .ltr\:\!pl-9 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      padding-left: calc(var(--spacing) * 9) !important;
+    }
+  }
+  .ltr\:text-left {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      text-align: left;
+    }
+  }
+  .ltr\:before\:rounded-bl-md {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      &::before {
+        content: var(--tw-content);
+        border-bottom-left-radius: var(--radius-md);
+      }
+    }
+  }
+  .ltr\:after\:left-1 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      &::after {
+        content: var(--tw-content);
+        left: calc(var(--spacing) * 1);
+      }
+    }
+  }
+  .ltr\:checked\:after\:translate-x-3 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      &:checked {
+        &::after {
+          content: var(--tw-content);
+          --tw-translate-x: calc(var(--spacing) * 3);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .ltr\:sm\:right-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      @media (width >= 40rem) {
+        right: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .ltr\:lg\:right-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      @media (width >= 64rem) {
+        right: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .ltr\:lg\:-translate-x-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      @media (width >= 64rem) {
+        --tw-translate-x: calc(var(--spacing) * -0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .rtl\:right-3 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      right: calc(var(--spacing) * 3);
+    }
+  }
+  .rtl\:left-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  .rtl\:left-2 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 2);
+    }
+  }
+  .rtl\:left-3 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 3);
+    }
+  }
+  .rtl\:left-4 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 4);
+    }
+  }
+  .rtl\:left-5 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 5);
+    }
+  }
+  .rtl\:mr-auto {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      margin-right: auto;
+    }
+  }
+  .rtl\:-translate-x-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-translate-x: calc(var(--spacing) * -0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .rtl\:-translate-x-full {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-translate-x: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .rtl\:translate-x-full {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-translate-x: 100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .rtl\:rotate-180 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      rotate: 180deg;
+    }
+  }
+  .rtl\:\!pr-9 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      padding-right: calc(var(--spacing) * 9) !important;
+    }
+  }
+  .rtl\:\!text-right {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      text-align: right !important;
+    }
+  }
+  .rtl\:text-right {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      text-align: right;
+    }
+  }
+  .rtl\:before\:rounded-br-md {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      &::before {
+        content: var(--tw-content);
+        border-bottom-right-radius: var(--radius-md);
+      }
+    }
+  }
+  .rtl\:after\:right-1 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      &::after {
+        content: var(--tw-content);
+        right: calc(var(--spacing) * 1);
+      }
+    }
+  }
+  .rtl\:checked\:after\:-translate-x-3 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      &:checked {
+        &::after {
+          content: var(--tw-content);
+          --tw-translate-x: calc(var(--spacing) * -3);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .rtl\:sm\:left-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      @media (width >= 40rem) {
+        left: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .rtl\:lg\:left-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      @media (width >= 64rem) {
+        left: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .rtl\:lg\:translate-x-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      @media (width >= 64rem) {
+        --tw-translate-x: calc(var(--spacing) * 0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .dark\:hidden {
+    &:where(.dark, .dark *) {
+      display: none;
+    }
+  }
+  .dark\:divide-zinc-700 {
+    &:where(.dark, .dark *) {
+      :where(& > :not(:last-child)) {
+        border-color: var(--color-zinc-700);
+      }
+    }
+  }
+  .dark\:divide-zinc-800 {
+    &:where(.dark, .dark *) {
+      :where(& > :not(:last-child)) {
+        border-color: var(--color-zinc-800);
+      }
+    }
+  }
+  .dark\:divide-zinc-900 {
+    &:where(.dark, .dark *) {
+      :where(& > :not(:last-child)) {
+        border-color: var(--color-zinc-900);
+      }
+    }
+  }
+  .dark\:\!border-white\/5 {
+    &:where(.dark, .dark *) {
+      border-color: color-mix(in srgb, #fff 5%, transparent) !important;
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
+      }
+    }
+  }
+  .dark\:\!border-zinc-600 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-600) !important;
+    }
+  }
+  .dark\:\!border-zinc-700 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-700) !important;
+    }
+  }
+  .dark\:\!border-zinc-800 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-800) !important;
+    }
+  }
+  .dark\:border-white\/3 {
+    &:where(.dark, .dark *) {
+      border-color: color-mix(in srgb, #fff 3%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 3%, transparent);
+      }
+    }
+  }
+  .dark\:border-white\/5 {
+    &:where(.dark, .dark *) {
+      border-color: color-mix(in srgb, #fff 5%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
+      }
+    }
+  }
+  .dark\:border-white\/10 {
+    &:where(.dark, .dark *) {
+      border-color: color-mix(in srgb, #fff 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+      }
+    }
+  }
+  .dark\:border-zinc-600 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-600);
+    }
+  }
+  .dark\:border-zinc-700 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-700);
+    }
+  }
+  .dark\:border-zinc-800 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-800);
+    }
+  }
+  .dark\:border-zinc-900 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-900);
+    }
+  }
+  .dark\:border-zinc-950 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-950);
+    }
+  }
+  .dark\:\!bg-white\/10 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, #fff 10%, transparent) !important;
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
+      }
+    }
+  }
+  .dark\:\!bg-zinc-600 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-600) !important;
+    }
+  }
+  .dark\:\!bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-700) !important;
+    }
+  }
+  .dark\:\!bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-800) !important;
+    }
+  }
+  .dark\:\!bg-zinc-900 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-900) !important;
+    }
+  }
+  .dark\:bg-orange-950 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-orange-950);
+    }
+  }
+  .dark\:bg-transparent {
+    &:where(.dark, .dark *) {
+      background-color: transparent;
+    }
+  }
+  .dark\:bg-white\/3 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, #fff 3%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
+      }
+    }
+  }
+  .dark\:bg-zinc-400 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-400);
+    }
+  }
+  .dark\:bg-zinc-600 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-600);
+    }
+  }
+  .dark\:bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-700);
+    }
+  }
+  .dark\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-800);
+    }
+  }
+  .dark\:bg-zinc-900 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-900);
+    }
+  }
+  .dark\:bg-zinc-950 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-950);
+    }
+  }
+  .dark\:from-zinc-900 {
+    &:where(.dark, .dark *) {
+      --tw-gradient-from: var(--color-zinc-900);
+      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    }
+  }
+  .dark\:\!fill-zinc-300 {
+    &:where(.dark, .dark *) {
+      fill: var(--color-zinc-300) !important;
+    }
+  }
+  .dark\:\!stroke-zinc-300 {
+    &:where(.dark, .dark *) {
+      stroke: var(--color-zinc-300) !important;
+    }
+  }
+  .dark\:\!text-white {
+    &:where(.dark, .dark *) {
+      color: var(--color-white) !important;
+    }
+  }
+  .dark\:\!text-zinc-300 {
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-300) !important;
+    }
+  }
+  .dark\:text-blue-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-blue-200);
+    }
+  }
+  .dark\:text-green-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-green-200);
+    }
+  }
+  .dark\:text-primary {
+    &:where(.dark, .dark *) {
+      color: var(--color-primary);
+    }
+  }
+  .dark\:text-red-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-red-200);
+    }
+  }
+  .dark\:text-white {
+    &:where(.dark, .dark *) {
+      color: var(--color-white);
+    }
+  }
+  .dark\:text-white\/70 {
+    &:where(.dark, .dark *) {
+      color: color-mix(in srgb, #fff 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--color-white) 70%, transparent);
+      }
+    }
+  }
+  .dark\:text-yellow-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-yellow-200);
+    }
+  }
+  .dark\:text-zinc-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-200);
+    }
+  }
+  .dark\:text-zinc-300 {
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-300);
+    }
+  }
+  .dark\:text-zinc-400 {
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-400);
+    }
+  }
+  .dark\:\!outline-zinc-800 {
+    &:where(.dark, .dark *) {
+      outline-color: var(--color-zinc-800) !important;
+    }
+  }
+  .dark\:before\:border-zinc-700 {
+    &:where(.dark, .dark *) {
+      &::before {
+        content: var(--tw-content);
+        border-color: var(--color-zinc-700);
+      }
+    }
+  }
+  .dark\:hover\:\!border-zinc-600 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-zinc-600) !important;
+        }
+      }
+    }
+  }
+  .dark\:hover\:border-primary {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-primary);
+        }
+      }
+    }
+  }
+  .dark\:hover\:border-zinc-600 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-zinc-600);
+        }
+      }
+    }
+  }
+  .dark\:hover\:\!bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-700) !important;
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-zinc-600 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-600);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-700);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-800);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-zinc-950 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-950);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-primary {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-primary);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-white {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-white);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-zinc-100 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-zinc-100);
+        }
+      }
+    }
+  }
+  .dark\:hover\:after\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          &::after {
+            content: var(--tw-content);
+            background-color: var(--color-zinc-800);
+          }
+        }
+      }
+    }
+  }
+  .dark\:focus\:border-primary {
+    &:where(.dark, .dark *) {
+      &:focus {
+        border-color: var(--color-primary);
+      }
+    }
+  }
+  .dark\:focus\:bg-zinc-900 {
+    &:where(.dark, .dark *) {
+      &:focus {
+        background-color: var(--color-zinc-900);
+      }
+    }
+  }
+  .dark\:lg\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      @media (width >= 64rem) {
+        background-color: var(--color-zinc-800);
+      }
+    }
+  }
+  .lg\:dark\:hover\:bg-zinc-800 {
+    @media (width >= 64rem) {
+      &:where(.dark, .dark *) {
+        &:hover {
+          @media (hover: hover) {
+            background-color: var(--color-zinc-800);
+          }
+        }
+      }
+    }
+  }
+  .print\:hidden {
+    @media print {
+      display: none;
+    }
+  }
+  .\[\&\.active\,\&\.show\]\:text-zinc-800 {
+    &.active,&.show {
+      color: var(--color-zinc-800);
+    }
+  }
+  .\[\&\.active\,\&\.show\]\:after\:bg-primary {
+    &.active,&.show {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary);
+      }
+    }
+  }
+  .dark\:\[\&\.active\,\&\.show\]\:text-white {
+    &:where(.dark, .dark *) {
+      &.active,&.show {
+        color: var(--color-white);
+      }
+    }
+  }
+  .\[\&\.show\]\:block {
+    &.show {
+      display: block;
+    }
+  }
+  .\[\&\.show\]\:flex {
+    &.show {
+      display: flex;
+    }
+  }
+  .lg\:\[\&\.show\]\:visible {
+    @media (width >= 64rem) {
+      &.show {
+        visibility: visible;
+      }
+    }
+  }
+  .lg\:\[\&\.show\]\:translate-y-0 {
+    @media (width >= 64rem) {
+      &.show {
+        --tw-translate-y: calc(var(--spacing) * 0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .lg\:\[\&\.show\]\:opacity-100 {
+    @media (width >= 64rem) {
+      &.show {
+        opacity: 100%;
+      }
+    }
+  }
+  .\[\.active\]\:pointer-events-none {
+    &:is(.active) {
+      pointer-events: none;
+    }
+  }
+  .\[\.active\]\:border-primary {
+    &:is(.active) {
+      border-color: var(--color-primary);
+    }
+  }
+  .\[\.active\]\:bg-primary {
+    &:is(.active) {
+      background-color: var(--color-primary);
+    }
+  }
+  .\[\.active\]\:bg-primary-subtle {
+    &:is(.active) {
+      background-color: var(--color-primary-subtle);
+    }
+  }
+  .\[\.active\]\:bg-white {
+    &:is(.active) {
+      background-color: var(--color-white);
+    }
+  }
+  .\[\.active\]\:bg-zinc-100 {
+    &:is(.active) {
+      background-color: var(--color-zinc-100);
+    }
+  }
+  .\[\.active\]\:bg-zinc-200 {
+    &:is(.active) {
+      background-color: var(--color-zinc-200);
+    }
+  }
+  .\[\.active\]\:font-semibold {
+    &:is(.active) {
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+    }
+  }
+  .\[\.active\]\:text-orange-500 {
+    &:is(.active) {
+      color: var(--color-orange-500);
+    }
+  }
+  .\[\.active\]\:text-primary {
+    &:is(.active) {
+      color: var(--color-primary);
+    }
+  }
+  .\[\.active\]\:text-white {
+    &:is(.active) {
+      color: var(--color-white);
+    }
+  }
+  .\[\.active\]\:text-zinc-800 {
+    &:is(.active) {
+      color: var(--color-zinc-800);
+    }
+  }
+  .\[\.active\]\:shadow-xs {
+    &:is(.active) {
+      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .\[\.active\]\:ring-primary\/2 {
+    &:is(.active) {
+      --tw-ring-color: color-mix(in srgb, #636DFF 2%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 2%, transparent);
+      }
+    }
+  }
+  .\[\.active\]\:ring-transparent {
+    &:is(.active) {
+      --tw-ring-color: transparent;
+    }
+  }
+  .\[\.active\]\:after\:bg-primary {
+    &:is(.active) {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary);
+      }
+    }
+  }
+  .dark\:\[\.active\]\:bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        background-color: var(--color-zinc-700);
+      }
+    }
+  }
+  .dark\:\[\.active\]\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        background-color: var(--color-zinc-800);
+      }
+    }
+  }
+  .dark\:\[\.active\]\:bg-zinc-900 {
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        background-color: var(--color-zinc-900);
+      }
+    }
+  }
+  .dark\:\[\.active\]\:text-white {
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        color: var(--color-white);
+      }
+    }
+  }
+  .\[\.disabled\]\:pointer-events-none {
+    &:is(.disabled) {
+      pointer-events: none;
+    }
+  }
+  .\[\.disabled\]\:opacity-50 {
+    &:is(.disabled) {
+      opacity: 50%;
+    }
+  }
+  .\[\.disabled\]\:opacity-70 {
+    &:is(.disabled) {
+      opacity: 70%;
+    }
+  }
+  .\[\.show\]\:translate-x-0 {
+    &:is(.show) {
+      --tw-translate-x: calc(var(--spacing) * 0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .\[\.show\]\:translate-y-0 {
+    &:is(.show) {
+      --tw-translate-y: calc(var(--spacing) * 0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .\[\.show\]\:opacity-100 {
+    &:is(.show) {
+      opacity: 100%;
+    }
+  }
+}
+html,body {
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    text-align: left;
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    text-align: right;
+  }
+}
+body {
+  --tw-font-weight: var(--font-weight-normal);
+  font-weight: var(--font-weight-normal);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+a,button {
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &:focus {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+  }
+}
+.text-muted {
+  color: var(--color-zinc-500);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-400);
+  }
+}
+small {
+  font-size: 90%;
+}
+h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  --tw-tracking: var(--tracking-normal);
+  letter-spacing: var(--tracking-normal);
+  color: var(--color-zinc-900);
+  &:where(.dark, .dark *) {
+    color: var(--color-white);
+  }
+}
+.overflow-y-auto,.overflow-x-auto,.hljs,.ts-dropdown-content {
+  scrollbar-width: thin;
+}
+.sidebar-link {
+  position: relative;
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+  align-items: center;
+  border-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 2);
+  padding-block: calc(var(--spacing) * 1);
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+  --tw-font-weight: var(--font-weight-normal);
+  font-weight: var(--font-weight-normal);
+  white-space: nowrap;
+  color: var(--color-zinc-900);
+  text-transform: capitalize;
+  &::before {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  &::before {
+    content: var(--tw-content);
+    inset-inline-start: calc(var(--spacing) * 0);
+  }
+  &::before {
+    content: var(--tw-content);
+    height: calc(var(--spacing) * 5);
+  }
+  &::before {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 1);
+  }
+  &::before {
+    content: var(--tw-content);
+    border-radius: calc(infinity * 1px);
+  }
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-zinc-100);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300);
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-800);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
+  &:is(.active) {
+    background-color: var(--color-zinc-100);
+  }
+  &:is(.active) {
+    color: var(--color-primary);
+  }
+  &:is(.active) {
+    &::before {
+      content: var(--tw-content);
+      background-color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:is(.active) {
+      background-color: var(--color-zinc-800);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:is(.active) {
+      color: var(--color-white);
+    }
+  }
+  .sidebar-link-arrow {
+    margin-inline-end: calc(var(--spacing) * 1);
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    --tw-duration: 100ms;
+    transition-duration: 100ms;
+  }
+  .sidebar-text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  &[aria-expanded=true]:not(.active) {
+    background-color: var(--color-zinc-100);
+    color: var(--color-primary);
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-800);
+    }
+    &:where(.dark, .dark *) {
+      color: var(--color-white);
+    }
+    .sidebar-link-arrow {
+      rotate: 180deg;
+    }
+  }
+  .sidebar-icon {
+    display: flex;
+    width: calc(var(--spacing) * 8);
+    height: calc(var(--spacing) * 8);
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+    --tw-leading: 1;
+    line-height: 1;
+    opacity: 60%;
+  }
+  .sidebar-text {
+    margin-inline-start: calc(var(--spacing) * 1);
+  }
+  .sidebar-link-arrow {
+    margin-inline-start: auto;
+  }
+  &.active:not([aria-expanded=false]) {
+    .sidebar-link-arrow {
+      rotate: 180deg;
+    }
+  }
+  &.active,&:hover,&[aria-expanded=true] {
+    .sidebar-icon {
+      opacity: 100%;
+    }
+  }
+}
+.sidebar-collapse {
+  width: 100%;
+  padding-inline-start: calc(var(--spacing) * 5.5);
+  .sidebar-collapse-item {
+    position: relative;
+    display: flex;
+    align-items: center;
+    border-start-end-radius: var(--radius-md);
+    border-end-end-radius: var(--radius-md);
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 2px;
+    border-color: var(--color-zinc-200);
+    padding-block: calc(var(--spacing) * 1.5);
+    padding-inline-start: calc(var(--spacing) * 6);
+    padding-inline-end: calc(var(--spacing) * 3);
+    color: var(--color-zinc-600);
+    &::before {
+      content: var(--tw-content);
+      position: absolute;
+    }
+    &::before {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 0);
+    }
+    &::before {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 1.75);
+    }
+    &::before {
+      content: var(--tw-content);
+      margin-inline-start: calc(var(--spacing) * -0.5);
+    }
+    &::before {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 3);
+    }
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 3);
+    }
+    &::before {
+      content: var(--tw-content);
+      border-inline-start-style: var(--tw-border-style);
+      border-inline-start-width: 2px;
+    }
+    &::before {
+      content: var(--tw-content);
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 2px;
+    }
+    &::before {
+      content: var(--tw-content);
+      border-color: var(--color-zinc-200);
+    }
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-100);
+      }
+    }
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      &::before {
+        content: var(--tw-content);
+        border-bottom-left-radius: var(--radius-md);
+      }
+    }
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      &::before {
+        content: var(--tw-content);
+        border-bottom-right-radius: var(--radius-md);
+      }
+    }
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-700);
+    }
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-400);
+    }
+    &:where(.dark, .dark *) {
+      &::before {
+        content: var(--tw-content);
+        border-color: var(--color-zinc-700);
+      }
+    }
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-800);
+        }
+      }
+    }
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-white);
+        }
+      }
+    }
+    &:is(.active) {
+      color: var(--color-primary);
+    }
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        color: var(--color-white);
+      }
+    }
+    .sidebar-collapse-item-arrow {
+      transition-property: transform, translate, scale, rotate;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+      --tw-duration: 100ms;
+      transition-duration: 100ms;
+    }
+    &.active:not([aria-expanded=false]) {
+      .sidebar-collapse-item-arrow {
+        rotate: 180deg;
+      }
+    }
+    &[aria-expanded=true] {
+      background-color: var(--color-zinc-100);
+      color: var(--color-primary);
+      &:where(.dark, .dark *) {
+        background-color: var(--color-zinc-800);
+      }
+      &:where(.dark, .dark *) {
+        color: var(--color-white);
+      }
+      .sidebar-collapse-item-arrow {
+        rotate: 180deg;
+      }
+    }
+  }
+  .sidebar-collapse-level-1 .sidebar-collapse {
+    padding-inline-start: calc(var(--spacing) * 6);
+  }
+}
+input:checked~.sidebar-label>span {
+  border-color: var(--color-primary);
+  color: var(--color-primary);
+}
+.is-sidebar-mini {
+  .app-content {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 18) !important;
+    }
+  }
+  .app-sidebar .overflow-y-auto {
+    @media (width >= 64rem) {
+      overflow-x: hidden !important;
+    }
+  }
+  .app-sidebar:not(:hover) {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 18);
+    }
+    .sidebar-text,.btn-sidebar-min,.badge,.sidebar-link-arrow,.sidebar-collapse,.sidebar-title,.user-text,.logo-text,.sidebar-cta {
+      @media (width >= 64rem) {
+        display: none;
+      }
+    }
+    .sidebar-link {
+      justify-content: center;
+    }
+  }
+  .app-sidebar:hover {
+    @media (width >= 64rem) {
+      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+}
+.is-app-sidebar {
+  .app-sidebar {
+    --tw-translate-x: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.header-horizontal .navbar-nav {
+  .dropdown-menu {
+    z-index: 50;
+    width: 100%;
+    padding: calc(var(--spacing) * 1);
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    @media (width >= 64rem) {
+      visibility: hidden;
+    }
+    @media (width >= 64rem) {
+      position: absolute;
+    }
+    @media (width >= 64rem) {
+      display: block;
+    }
+    @media (width >= 64rem) {
+      min-width: calc(var(--spacing) * 48);
+    }
+    @media (width >= 64rem) {
+      --tw-translate-y: calc(var(--spacing) * 3);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 3) !important;
+    }
+    @media (width >= 64rem) {
+      opacity: 0%;
+    }
+    @media (width >= 64rem) {
+      --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+    @media (width >= 64rem) {
+      transition-property: transform, translate, scale, rotate;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+    @media (width >= 64rem) {
+      &.show {
+        visibility: visible;
+      }
+    }
+    @media (width >= 64rem) {
+      &.show {
+        --tw-translate-y: calc(var(--spacing) * 0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+    @media (width >= 64rem) {
+      &.show {
+        opacity: 100%;
+      }
+    }
+  }
+}
+.navbar-link {
+  position: relative;
+  display: flex;
+  align-items: center;
+  border-radius: var(--radius-lg);
+  padding-inline: calc(var(--spacing) * 1);
+  padding-block: calc(var(--spacing) * 2);
+  --tw-font-weight: var(--font-weight-normal);
+  font-weight: var(--font-weight-normal);
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-zinc-800);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-zinc-200);
+      }
+    }
+  }
+  @media (width >= 64rem) {
+    padding-block: calc(var(--spacing) * 5);
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 0);
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      bottom: calc(var(--spacing) * 0);
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 0.75);
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      width: 100%;
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      border-top-left-radius: var(--radius-xl);
+      border-top-right-radius: var(--radius-xl);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-zinc-100);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-zinc-800);
+        }
+      }
+    }
+  }
+  &.active,&.show {
+    color: var(--color-zinc-800);
+  }
+  &.active,&.show {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &.active,&.show {
+      color: var(--color-white);
+    }
+  }
+}
+.navbar-arrow {
+  opacity: 50%;
+}
+.navbar-link>.navbar-arrow {
+  margin-inline-start: calc(var(--spacing) * 1);
+  transform-origin: center;
+  rotate: 180deg;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
+.navbar-link.show .navbar-arrow {
+  rotate: 0deg;
+}
+.dropdown-menu .navbar-arrow {
+  margin-inline-start: calc(var(--spacing) * 1);
+  transform-origin: center;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  @media (width >= 64rem) {
+    margin-inline-start: auto;
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    rotate: 180deg;
+  }
+}
+.app-sidebar-compact .app-menu {
+  scrollbar-width: none;
+}
+.app-sidebar .app-menu::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+}
+.sidebar-compact-link {
+  color: var(--color-zinc-600);
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-primary-subtle);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300);
+  }
+  &:is(.active) {
+    background-color: var(--color-primary);
+  }
+  &:is(.active) {
+    color: var(--color-white);
+  }
+  .sidebar-icon {
+    margin-bottom: calc(var(--spacing) * 0.5);
+    font-size: 18px;
+    --tw-leading: 1;
+    line-height: 1;
+  }
+}
+.sidebar-compact-link .sidebar-text {
+  margin-top: calc(var(--spacing) * 0.5);
+  display: block;
+  font-size: 8px;
+  --tw-leading: 1.2;
+  line-height: 1.2;
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+}
+.apps-scrollbar,.overflow-y-auto,.overflow-x-auto,pre code.hljs,.ts-dropdown-content,.datatable-container {
+  scrollbar-color: var(--color-zinc-300) transparent;
+}
+.dark {
+  .apps-scrollbar,.overflow-y-auto,.overflow-x-auto,pre code.hljs,.ts-dropdown-content,.datatable-container {
+    scrollbar-color: var(--color-zinc-700) transparent;
+  }
+}
+.simplebar-scrollbar:before {
+  background-color: var(--color-zinc-400) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700) !important;
+  }
+}
+[dir="rtl"] .app-sidebar .simplebar-vertical.simplebar-track {
+  right: auto !important;
+  left: calc(var(--spacing) * 0) !important;
+}
+.modal {
+  position: fixed;
+  top: calc(var(--spacing) * 0);
+  left: calc(var(--spacing) * 0);
+  z-index: 1055;
+  display: none;
+  height: 100%;
+  width: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  opacity: 0%;
+  transition-property: opacity;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 150ms;
+  transition-duration: 150ms;
+  --tw-ease: linear;
+  transition-timing-function: linear;
+  &:is(.show) {
+    opacity: 100%;
+  }
+}
+.modal-dialog {
+  pointer-events: none;
+  position: relative;
+  margin: calc(var(--spacing) * 4);
+  margin-inline: auto;
+  transform-origin: center;
+  --tw-translate-y: calc(var(--spacing) * -5);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+  --tw-ease: var(--ease-out);
+  transition-timing-function: var(--ease-out);
+}
+.modal.show .modal-dialog {
+  --tw-translate-y: calc(var(--spacing) * 0);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.modal-content {
+  pointer-events: auto;
+  display: flex;
+  flex-direction: column;
+  border-radius: var(--radius-2xl);
+  background-color: var(--color-white);
+  outline-style: var(--tw-outline-style);
+  outline-width: 0px;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-900);
+  }
+}
+.modal-backdrop,.offcanvas-backdrop {
+  position: fixed;
+  top: calc(var(--spacing) * 0);
+  left: calc(var(--spacing) * 0);
+  z-index: 1050;
+  height: 100%;
+  width: 100%;
+  background-color: var(--color-black);
+  opacity: 0%;
+  transition-property: opacity;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 150ms;
+  transition-duration: 150ms;
+  --tw-ease: linear;
+  transition-timing-function: linear;
+  &:is(.show) {
+    opacity: 50%;
+  }
+}
+.offcanvas {
+  visibility: hidden;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+  --tw-ease: var(--ease-in-out);
+  transition-timing-function: var(--ease-in-out);
+}
+.offcanvas.show:not(.hiding), .offcanvas.showing {
+  --tw-translate-y: calc(var(--spacing) * -0);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    --tw-translate-x: calc(var(--spacing) * -0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    --tw-translate-x: calc(var(--spacing) * -0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
+  visibility: visible;
+}
+.dropdown-menu {
+  z-index: 55;
+  display: none;
+  border-radius: var(--radius-lg);
+  background-color: var(--color-white);
+  padding: calc(var(--spacing) * 1);
+  --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  --tw-backdrop-blur: blur(var(--blur-sm));
+  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800);
+  }
+  &.show {
+    display: block;
+  }
+}
+.dropdown-item {
+  display: flex;
+  align-items: center;
+  border-radius: var(--radius-lg);
+  padding-inline: calc(var(--spacing) * 3);
+  padding-block: calc(var(--spacing) * 2);
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-zinc-100);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-700);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
+  &:is(.active) {
+    pointer-events: none;
+  }
+  &:is(.active) {
+    color: var(--color-primary);
+  }
+  &:where(.dark, .dark *) {
+    &:is(.active) {
+      color: var(--color-white);
+    }
+  }
+}
+.dropdown-icon {
+  margin-inline-end: calc(var(--spacing) * 2);
+  vertical-align: middle;
+  font-size: .9375rem;
+  --tw-leading: 1;
+  line-height: 1;
+  opacity: 75%;
+}
+.nav-underline {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+  border-color: var(--color-zinc-200);
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800);
+  }
+  .nav-link {
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: calc(var(--spacing) * 2);
+    border-color: transparent;
+    padding-block: calc(var(--spacing) * 2);
+    color: var(--color-zinc-500);
+    &::after {
+      content: var(--tw-content);
+      position: absolute;
+    }
+    &::after {
+      content: var(--tw-content);
+      bottom: calc(var(--spacing) * 0);
+    }
+    &::after {
+      content: var(--tw-content);
+      left: calc(var(--spacing) * 0);
+    }
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 0.5);
+    }
+    &::after {
+      content: var(--tw-content);
+      width: 100%;
+    }
+    &::after {
+      content: var(--tw-content);
+      border-top-left-radius: calc(infinity * 1px);
+      border-top-right-radius: calc(infinity * 1px);
+    }
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-400);
+    }
+    &:is(.active) {
+      color: var(--color-primary);
+    }
+    &:is(.active) {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary);
+      }
+    }
+  }
+}
+.nav-fill {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--spacing) * 2);
+  .nav-link {
+    display: flex;
+    align-items: center;
+    gap: calc(var(--spacing) * 1.5);
+    border-radius: var(--radius-md);
+    padding-inline: calc(var(--spacing) * 3);
+    padding-block: calc(var(--spacing) * 1.5);
+    &:hover {
+      background-color: var(--color-primary-subtle);
+      color: var(--color-primary);
+    }
+    &.active {
+      background-color: var(--color-primary);
+      color: var(--color-white);
+    }
+  }
+}
+.nav-horizontal {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  overflow-y: hidden;
+  .nav-link {
+    flex-shrink: 0;
+  }
+}
+.collapse {
+  visibility: visible;
+}
+.collapse:not(.show) {
+  display: none;
+}
+.collapsing {
+  height: calc(var(--spacing) * 0);
+  overflow: hidden;
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+  transition: height .35s ease;
+}
+.collapse-arrow {
+  opacity: 75%;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 200ms;
+  transition-duration: 200ms;
+}
+[aria-expanded="true"] .collapse-arrow {
+  rotate: 180deg;
+}
+[aria-expanded="true"] .show-more {
+  display: none;
+}
+.show-less {
+  display: none;
+  color: var(--color-zinc-400);
+}
+[aria-expanded="true"] .show-less {
+  display: inline-flex;
+}
+.tab-content>.tab-pane {
+  display: none;
+}
+.tab-pane.fade:not(.show) {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+.tab-pane.show {
+  opacity: 1;
+  transform: unset !important;
+  transition: all ease-out .2s .1s;
+}
+.tab-content>.active {
+  display: block;
+}
+.btn {
+  display: inline-flex;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 3.5);
+  padding-block: calc(var(--spacing) * 2);
+  font-size: var(--text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height));
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  text-transform: capitalize;
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &.btn-lg {
+    border-radius: var(--radius-lg);
+    padding-inline: calc(var(--spacing) * 5);
+    padding-block: calc(var(--spacing) * 3);
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  &.btn-sm {
+    border-radius: var(--radius-md);
+    padding-inline: calc(var(--spacing) * 2.5);
+    padding-block: calc(var(--spacing) * 1.75);
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+}
+.btn-default {
+  cursor: pointer;
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-zinc-200);
+  background-color: var(--color-white);
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-primary);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700);
+  }
+  &:where(.dark, .dark *) {
+    background-color: transparent;
+  }
+  &:is(.active) {
+    border-color: var(--color-primary);
+  }
+  &:is(.active) {
+    background-color: var(--color-white);
+  }
+  &:is(.active) {
+    color: var(--color-primary);
+  }
+  &:is(.active) {
+    --tw-ring-color: color-mix(in srgb, #636DFF 2%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 2%, transparent);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:is(.active) {
+      background-color: var(--color-zinc-900);
+    }
+  }
+}
+.input {
+  display: block;
+  width: 100%;
+  border-radius: var(--radius-md);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-zinc-300);
+  background-color: var(--color-white);
+  padding-inline: calc(var(--spacing) * 3.5);
+  padding-block: calc(var(--spacing) * 2);
+  font-size: var(--text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height));
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &::placeholder {
+    color: var(--color-zinc-400);
+  }
+  &:focus-within {
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-zinc-400);
+    }
+  }
+  &:focus {
+    border-color: var(--color-primary);
+  }
+  &:focus {
+    background-color: var(--color-white);
+  }
+  &:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  &:focus {
+    --tw-shadow-color: #636DFF;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, var(--color-primary) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  &:focus {
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+  &:focus {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+  }
+  &:disabled {
+    pointer-events: none;
+  }
+  &:disabled {
+    opacity: 60%;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700);
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-900);
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-600);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:focus {
+      border-color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:focus {
+      background-color: var(--color-zinc-900);
+    }
+  }
+}
+.input.input-lg {
+  border-radius: var(--radius-lg);
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 3);
+  font-size: var(--text-lg);
+  line-height: var(--tw-leading, var(--text-lg--line-height));
+}
+.input.input-sm {
+  border-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 2.5);
+  padding-block: calc(var(--spacing) * 1.5);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+}
+.input-switch {
+  position: relative;
+  height: calc(var(--spacing) * 5);
+  width: calc(var(--spacing) * 8);
+  cursor: pointer;
+  appearance: none;
+  border-radius: calc(infinity * 1px);
+  background-color: var(--color-primary-subtle);
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 100ms;
+  transition-duration: 100ms;
+  &::after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  &::after {
+    content: var(--tw-content);
+    top: calc(var(--spacing) * 1);
+  }
+  &::after {
+    content: var(--tw-content);
+    display: block;
+  }
+  &::after {
+    content: var(--tw-content);
+    height: calc(var(--spacing) * 3);
+  }
+  &::after {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 3);
+  }
+  &::after {
+    content: var(--tw-content);
+    border-radius: calc(infinity * 1px);
+  }
+  &::after {
+    content: var(--tw-content);
+    background-color: var(--color-primary);
+  }
+  &::after {
+    content: var(--tw-content);
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+  &:checked {
+    background-color: var(--color-primary);
+  }
+  &:checked {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-white);
+    }
+  }
+  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    &::after {
+      content: var(--tw-content);
+      left: calc(var(--spacing) * 1);
+    }
+  }
+  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        --tw-translate-x: calc(var(--spacing) * 3);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    &::after {
+      content: var(--tw-content);
+      right: calc(var(--spacing) * 1);
+    }
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        --tw-translate-x: calc(var(--spacing) * -3);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700);
+  }
+}
+.input-radio,.input-checkbox {
+  position: relative;
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 4);
+  appearance: none;
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-zinc-300);
+  background-color: var(--color-zinc-50);
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  --tw-ring-color: transparent;
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &::after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  &::after {
+    content: var(--tw-content);
+    display: block;
+  }
+  &::after {
+    content: var(--tw-content);
+    opacity: 0%;
+  }
+  &:checked {
+    border-color: var(--color-primary);
+  }
+  &:checked {
+    background-color: var(--color-primary);
+  }
+  &:checked {
+    --tw-ring-color: transparent;
+  }
+  &:checked {
+    &::after {
+      content: var(--tw-content);
+      opacity: 100%;
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-primary);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  &:disabled {
+    pointer-events: none;
+  }
+  &:disabled {
+    cursor: not-allowed !important;
+  }
+  &:disabled {
+    opacity: 60%;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-600);
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800);
+  }
+}
+.input-radio {
+  border-radius: calc(infinity * 1px);
+  &::after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  &::after {
+    content: var(--tw-content);
+    top: calc(1/2 * 100%);
+  }
+  &::after {
+    content: var(--tw-content);
+    left: calc(1/2 * 100%);
+  }
+  &::after {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  &::after {
+    content: var(--tw-content);
+    border-radius: calc(infinity * 1px);
+  }
+  &::after {
+    content: var(--tw-content);
+    background-color: var(--color-white);
+  }
+  &::after {
+    content: var(--tw-content);
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+}
+.input-checkbox {
+  overflow: hidden;
+  border-radius: var(--radius-sm);
+  &::after {
+    content: var(--tw-content);
+    inset-inline-start: calc(var(--spacing) * 0);
+  }
+  &::after {
+    content: var(--tw-content);
+    top: calc(var(--spacing) * 0);
+  }
+  &::after {
+    content: var(--tw-content);
+    display: flex;
+  }
+  &::after {
+    content: var(--tw-content);
+    height: 100%;
+  }
+  &::after {
+    content: var(--tw-content);
+    width: 100%;
+  }
+  &::after {
+    content: var(--tw-content);
+    align-items: center;
+  }
+  &::after {
+    content: var(--tw-content);
+    justify-content: center;
+  }
+  &::after {
+    content: var(--tw-content);
+    border-radius: 0.25rem;
+  }
+  &::after {
+    content: var(--tw-content);
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-font-weight: var(--font-weight-normal) !important;
+    font-weight: var(--font-weight-normal) !important;
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
+  &::after {
+    content: var(--tw-content);
+    color: var(--color-white);
+  }
+  &::after {
+    content: var(--tw-content);
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  &:indeterminate {
+    border-color: var(--color-primary);
+  }
+  &:indeterminate {
+    background-color: var(--color-primary);
+  }
+  &:indeterminate {
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+  &:indeterminate {
+    &::after {
+      content: var(--tw-content);
+      opacity: 100% !important;
+    }
+  }
+}
+.input-checkbox:after {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+.input-checkbox:indeterminate:after {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+.floating-label {
+  input {
+    display: block;
+    width: 100%;
+    border-radius: var(--radius-md);
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+    border-color: var(--color-zinc-300);
+    background-color: transparent;
+    padding-inline: calc(var(--spacing) * 3);
+    padding-block: calc(var(--spacing) * 2);
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    &:focus {
+      border-color: var(--color-primary);
+    }
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+    &:focus {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-700);
+    }
+  }
+  label {
+    pointer-events: none;
+    position: absolute;
+    inset-inline-start: calc(var(--spacing) * 3);
+    top: calc(var(--spacing) * 2);
+    transform-origin: 0 0;
+    background-color: var(--color-white);
+    padding-inline: calc(var(--spacing) * 1);
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-900);
+    }
+  }
+}
+.floating-label input:focus + label, .floating-label input:not(:placeholder-shown) + label {
+  transform: scale(1);
+  inset-inline-start: calc(var(--spacing) * 2);
+  top: calc(var(--spacing) * -2.25);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  color: var(--color-primary);
+}
+.floating-label.floating-label-lg {
+  input {
+    border-radius: var(--radius-lg);
+    padding-inline: calc(var(--spacing) * 4);
+    padding-block: calc(var(--spacing) * 2.5);
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  label {
+    inset-inline-start: calc(var(--spacing) * 4);
+    top: calc(var(--spacing) * 2.5);
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  input:focus + label,input:not(:placeholder-shown) + label {
+    inset-inline-start: calc(var(--spacing) * 3);
+    top: calc(var(--spacing) * -2.75);
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+}
+.just-validate-error-label {
+  margin-top: calc(var(--spacing) * 1);
+  font-size: var(--text-xs);
+  line-height: var(--tw-leading, var(--text-xs--line-height));
+  color: var(--color-red-500) !important;
+}
+.input.just-validate-error-field {
+  border-color: var(--color-red-500);
+  background-color: transparent;
+  --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+  }
+}
+.input.just-validate-success-field {
+  border-color: var(--color-green-500);
+  background-color: transparent;
+  --tw-ring-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+  }
+}
+.input-checkbox.just-validate-error-field,.input-radio.just-validate-error-field {
+  border-color: var(--color-red-500) !important;
+  --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+  }
+}
+.input-checkbox.just-validate-success-field:checked,.input-radio.just-validate-success-field:checked {
+  border-color: var(--color-green-500) !important;
+  background-color: var(--color-green-500);
+  --tw-ring-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+  }
+}
+.ts-control {
+  border-radius: var(--radius-md) !important;
+  border-width: 0px !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 1px !important;
+  border-color: var(--color-zinc-300) !important;
+  background-color: var(--color-white) !important;
+  padding-inline: calc(var(--spacing) * 3.5) !important;
+  padding-block: calc(var(--spacing) * 2) !important;
+  font-size: var(--text-base) !important;
+  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+  --tw-leading: var(--leading-normal) !important;
+  line-height: var(--leading-normal) !important;
+  color: var(--color-zinc-700) !important;
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-zinc-400) !important;
+    }
+  }
+  &:focus {
+    outline-style: var(--tw-outline-style) !important;
+    outline-width: 0px !important;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700) !important;
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-900) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300) !important;
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-600) !important;
+      }
+    }
+  }
+}
+.ts-wrapper.multi.has-items .ts-control {
+  padding-inline: calc(var(--spacing) * 2.5) !important;
+  padding-block: calc(var(--spacing) * 2) !important;
+}
+.focus {
+  .ts-control {
+    border-color: var(--color-primary) !important;
+    background-color: transparent !important;
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important;
+    }
+  }
+}
+.ts-wrapper.multi .ts-control>div {
+  margin: calc(var(--spacing) * 0.25) !important;
+  border-radius: var(--radius-md) !important;
+  background-color: var(--color-zinc-200) !important;
+  padding-inline: calc(var(--spacing) * 2.5) !important;
+  padding-block: calc(var(--spacing) * 1) !important;
+  font-size: var(--text-xs) !important;
+  line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
+  color: var(--color-zinc-700) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-white) !important;
+  }
+}
+.ts-control input {
+  color: currentcolor !important;
+}
+.ts-dropdown {
+  position: absolute;
+  margin-top: calc(var(--spacing) * 2) !important;
+  border-radius: var(--radius-md) !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 0px !important;
+  background-color: var(--color-white) !important;
+  padding: calc(var(--spacing) * 2) !important;
+  --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+}
+.ts-dropdown {
+  .option {
+    border-radius: var(--radius-md) !important;
+    padding-inline: calc(var(--spacing) * 4);
+    padding-block: calc(var(--spacing) * 2.5);
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-300) !important;
+    }
+    &.active {
+      background-color: var(--color-zinc-100) !important;
+      color: var(--color-primary) !important;
+      &:where(.dark, .dark *) {
+        background-color: var(--color-zinc-700) !important;
+      }
+      &:where(.dark, .dark *) {
+        color: var(--color-white) !important;
+      }
+    }
+  }
+}
+.ts-wrapper.single .ts-control:after {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  content: "";
+  z-index: 2;
+  width: 1rem;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  position: absolute;
+  inset-inline-end: calc(var(--spacing) * 2);
+  top: calc(var(--spacing) * 0);
+  display: block;
+  height: 100%;
+  opacity: 50%;
+}
+.t-select-sm {
+  .ts-control {
+    border-radius: var(--radius-md) !important;
+    padding-inline: calc(var(--spacing) * 3) !important;
+    padding-block: calc(var(--spacing) * 1.5) !important;
+    font-size: var(--text-sm) !important;
+    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+    &:after {
+      width: calc(var(--spacing) * 3) !important;
+    }
+    input {
+      font-size: var(--text-sm) !important;
+      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+    }
+  }
+  .ts-dropdown {
+    border-radius: var(--radius-md) !important;
+  }
+  .ts-dropdown .option {
+    border-radius: var(--radius-md) !important;
+    padding-inline: calc(var(--spacing) * 2) !important;
+    padding-block: calc(var(--spacing) * 2) !important;
+    font-size: var(--text-sm) !important;
+    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  }
+}
+.t-select-lg {
+  .ts-control {
+    border-radius: var(--radius-lg) !important;
+    padding-inline: calc(var(--spacing) * 4) !important;
+    padding-block: calc(var(--spacing) * 3) !important;
+    font-size: var(--text-lg) !important;
+    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+    &:after {
+      width: calc(var(--spacing) * 4) !important;
+    }
+  }
+  .ts-dropdown {
+    border-radius: var(--radius-lg) !important;
+  }
+  .ts-dropdown .option {
+    border-radius: var(--radius-xl) !important;
+    padding-inline: calc(var(--spacing) * 3) !important;
+    padding-block: calc(var(--spacing) * 2.5) !important;
+    font-size: var(--text-lg) !important;
+    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+  }
+}
+.badge {
+  display: inline-flex;
+  align-items: center;
+  border-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 2);
+  padding-block: calc(var(--spacing) * 1);
+  font-size: var(--text-xs);
+  line-height: var(--tw-leading, var(--text-xs--line-height));
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+}
+.mask {
+  -webkit-mask-position: 50%;
+  mask-position: 50%;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+}
+.mask.squircle {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' viewbox='0 0 200 200'%3E%3Cpath fill='%23000' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' viewbox='0 0 200 200'%3E%3Cpath fill='%23000' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z'/%3E%3C/svg%3E");
+}
+.mask.triangle {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='207' height='207' fill='none' viewbox='0 0 207 207'%3E%3Cpath fill='%23000' d='M138.648 181.408C47.268 232.569 1.327 206.607.824 103.52.324.432 46.014-25.148 137.896 26.777c91.882 51.925 92.133 103.469.753 154.631h-.001z'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='207' height='207' fill='none' viewbox='0 0 207 207'%3E%3Cpath fill='%23000' d='M138.648 181.408C47.268 232.569 1.327 206.607.824 103.52.324.432 46.014-25.148 137.896 26.777c91.882 51.925 92.133 103.469.753 154.631h-.001z'/%3E%3C/svg%3E");
+}
+.mask.diamond {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='227' fill='none' viewbox='0 0 227 227'%3E%3Cpath fill='%23000' d='M42.71 42.71c-56.568 56.57-56.568 84.853 0 141.422 56.57 56.569 84.853 56.569 141.422 0s56.569-84.853 0-141.421c-56.569-56.569-84.853-56.569-141.421 0z'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='227' fill='none' viewbox='0 0 227 227'%3E%3Cpath fill='%23000' d='M42.71 42.71c-56.568 56.57-56.568 84.853 0 141.422 56.57 56.569 84.853 56.569 141.422 0s56.569-84.853 0-141.421c-56.569-56.569-84.853-56.569-141.421 0z'/%3E%3C/svg%3E");
+}
+.mask.hexagon {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201' fill='none' viewbox='0 0 182 201'%3E%3Cpath fill='%23000' d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0l-61.86-35.945C6.151 157.44.3 145.737.3 136.54V65.486z'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201' fill='none' viewbox='0 0 182 201'%3E%3Cpath fill='%23000' d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0l-61.86-35.945C6.151 157.44.3 145.737.3 136.54V65.486z'/%3E%3C/svg%3E");
+}
+.timeline {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+.timeline-item {
+  display: flex;
+  min-height: 70px;
+}
+.timeline-item-wrapper {
+  display: flex;
+  flex: auto;
+}
+.timeline-item-media {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.timeline-item-media-content {
+  margin-block: calc(var(--spacing) * 2);
+}
+.timeline-connect {
+  height: 100%;
+  width: calc(var(--spacing) * 0.5);
+  background-color: var(--color-zinc-100);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800);
+  }
+}
+.timeline-item-content {
+  margin-inline-start: calc(var(--spacing) * 4);
+  width: 100%;
+  padding-top: calc(var(--spacing) * 1);
+  padding-bottom: calc(var(--spacing) * 1.5);
+}
+.tlm .tlm-item:last-child .tlm-content {
+  padding-bottom: calc(var(--spacing) * 0);
+}
+.card-arrow>span {
+  transform-origin: center;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
+.card-arrow[aria-expanded=true]>span {
+  rotate: 180deg;
+}
+.check-task {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+}
+.task-completed {
+  .task-title,.task-date {
+    text-decoration-line: line-through;
+    opacity: 50%;
+  }
+  .check-task {
+    color: var(--color-primary);
+  }
+}
+.theme-switcher {
+  .theme-check {
+    opacity: 0%;
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+  &.active {
+    .theme-check {
+      opacity: 100%;
+    }
+  }
+}
+.table-default {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: var(--text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height));
+}
+.table-default th {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+  border-color: color-mix(in srgb, #4D5472 10%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent);
+  }
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 3);
+  text-align: start;
+  vertical-align: middle;
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800);
+  }
+}
+.table-default tr td {
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 3);
+  text-align: left;
+  vertical-align: middle;
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    text-align: right;
+  }
+}
+.table-default.table-compact tr td {
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 2);
+  text-align: left;
+  vertical-align: middle;
+}
+.table-default.table-compact th {
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 2);
+}
+.table-default th {
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-zinc-500);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-400);
+  }
+}
+.table-basic th {
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-zinc-500);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-400);
+  }
+}
+.table-default tbody {
+  width: 100%;
+  :where(& > :not(:last-child)) {
+    --tw-divide-y-reverse: 0;
+    border-bottom-style: var(--tw-border-style);
+    border-top-style: var(--tw-border-style);
+    border-top-width: calc(1px * var(--tw-divide-y-reverse));
+    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  }
+  :where(& > :not(:last-child)) {
+    border-color: color-mix(in srgb, #4D5472 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent);
+    }
+  }
+  &:where(.dark, .dark *) {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-zinc-800);
+    }
+  }
+}
+.table-hover>tbody>tr:hover {
+  background-color: var(--color-zinc-50);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-950);
+  }
+}
+.table-striped>tbody>tr:nth-child(even) {
+  background-color: var(--color-zinc-50);
+  &:where(.dark, .dark *) {
+    background-color: color-mix(in srgb, #fff 3%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
+    }
+  }
+}
+.pagination {
+  .page-link {
+    display: flex;
+    height: calc(var(--spacing) * 8);
+    cursor: pointer;
+    align-items: center;
+    border-radius: var(--radius-lg);
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+    border-color: var(--color-zinc-200);
+    padding-inline: calc(var(--spacing) * 3);
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    --tw-ring-color: transparent;
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary);
+      }
+    }
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: var(--color-primary);
+      }
+    }
+    &:disabled {
+      pointer-events: none;
+    }
+    &:disabled {
+      opacity: 50%;
+    }
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-800);
+    }
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-primary);
+        }
+      }
+    }
+    &:is(.active) {
+      border-color: var(--color-primary);
+    }
+    &:is(.active) {
+      background-color: var(--color-primary);
+    }
+    &:is(.active) {
+      color: var(--color-white);
+    }
+    &:is(.active) {
+      --tw-ring-color: transparent;
+    }
+  }
+}
+.tooltip {
+  z-index: 55;
+  max-width: calc(var(--spacing) * 44);
+  text-align: center;
+}
+.tooltip-inner {
+  border-radius: var(--radius-md);
+  background-color: var(--color-zinc-700);
+  padding-inline: calc(var(--spacing) * 2);
+  padding-block: calc(var(--spacing) * 1);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  color: var(--color-white);
+  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.popover {
+  z-index: 55;
+  max-width: 270px;
+  border-radius: var(--radius-md);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-zinc-100);
+  background-color: var(--color-white);
+  --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.03));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-900);
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-950);
+  }
+}
+.popover-header {
+  border-top-left-radius: var(--radius-md);
+  border-top-right-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 3);
+  padding-top: calc(var(--spacing) * 3);
+}
+.popover-body {
+  padding: calc(var(--spacing) * 3);
+}
+.ql-container {
+  font-size: var(--text-base) !important;
+  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+}
+.ql-toolbar.ql-snow,.ql-container.ql-snow {
+  border-color: var(--color-zinc-300) !important;
+  background-color: var(--color-white) !important;
+  font-family: var(--font-theme) !important;
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700) !important;
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-900) !important;
+  }
+}
+.ql-toolbar.ql-snow {
+  border-top-left-radius: var(--radius-md);
+  border-top-right-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 2) !important;
+  padding-top: calc(var(--spacing) * 2) !important;
+  padding-bottom: calc(var(--spacing) * 2) !important;
+}
+.ql-container.ql-snow {
+  border-bottom-right-radius: var(--radius-md);
+  border-bottom-left-radius: var(--radius-md);
+}
+.ql-editor {
+  min-height: calc(var(--spacing) * 24);
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    text-align: right !important;
+  }
+}
+.ql-snow .ql-stroke {
+  stroke: var(--color-zinc-700) !important;
+  &:where(.dark, .dark *) {
+    stroke: var(--color-zinc-300) !important;
+  }
+}
+.ql-snow .ql-fill {
+  fill: var(--color-zinc-700) !important;
+  &:where(.dark, .dark *) {
+    fill: var(--color-zinc-300) !important;
+  }
+}
+.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke {
+  stroke: var(--color-primary) !important;
+}
+.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill {
+  fill: var(--color-primary) !important;
+}
+.unread {
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-zinc-900);
+  &:where(.dark, .dark *) {
+    color: var(--color-white);
+  }
+}
+.sidebar-secondary {
+  z-index: 20;
+}
+.sidebar-secondary-overlay {
+  z-index: 10;
+  display: none;
+}
+.layout_secondary.is-sidebar .sidebar-secondary {
+  --tw-translate-x: calc(var(--spacing) * -0) !important;
+  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.wizard-icon {
+  background-color: var(--color-zinc-100);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700);
+  }
+}
+.wizard-step {
+  cursor: pointer;
+  opacity: 85%;
+}
+.wizard-step.active {
+  opacity: 100%;
+}
+.wizard-step.active .wizard-icon {
+  background-color: var(--color-primary);
+  color: var(--color-white);
+}
+.wizard-step.disabled {
+  pointer-events: none;
+  cursor: default;
+  opacity: 50%;
+}
+.wizard-panel:not(.active) {
+  display: none;
+}
+div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-primary) !important;
+}
+div:where(.swal2-container) .swal2-icon-success div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-green-500) !important;
+}
+div:where(.swal2-container) .swal2-icon-error div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-red-500) !important;
+}
+div:where(.swal2-container) .swal2-icon-warning div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-amber-500) !important;
+}
+div:where(.swal2-container) .swal2-icon-info div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-sky-500) !important;
+}
+.swal2-html-container {
+  font-size: var(--text-base) !important;
+  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+}
+div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
+  background-color: var(--color-green-500) !important;
+}
+div:where(.swal2-icon).swal2-success .swal2-success-ring {
+  border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent) !important;
+  }
+}
+div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
+  background-color: var(--color-red-500) !important;
+}
+div:where(.swal2-icon).swal2-error {
+  border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent) !important;
+  }
+}
+.swal2-toast button:where(.swal2-close) {
+  font-size: var(--text-xl) !important;
+  line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
+}
+.swal2-toast {
+  padding: calc(var(--spacing) * 4) !important;
+}
+.swal2-toast button:where(.swal2-close) {
+  position: absolute !important;
+  inset-inline-end: calc(var(--spacing) * 0);
+  top: calc(var(--spacing) * 0);
+  margin-inline-end: calc(var(--spacing) * -3) !important;
+  margin-top: calc(var(--spacing) * -3) !important;
+  width: calc(var(--spacing) * 8) !important;
+  height: calc(var(--spacing) * 8) !important;
+}
+div:where(.swal2-container) button:where(.swal2-close) {
+  border-radius: var(--radius-lg) !important;
+  color: var(--color-zinc-400) !important;
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-zinc-100) !important;
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary) !important;
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-700) !important;
+      }
+    }
+  }
+}
+.swal2-toast {
+  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+}
+.swal2-toast h2:where(.swal2-title) {
+  margin: calc(var(--spacing) * 0) !important;
+  font-size: var(--text-lg) !important;
+  line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+}
+.swal2-toast div:where(.swal2-html-container) {
+  margin: calc(var(--spacing) * 0) !important;
+  font-size: var(--text-sm) !important;
+  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+}
+.swal2-toast .swal2-icon {
+  margin-inline-start: calc(var(--spacing) * 0) !important;
+  margin-inline-end: calc(var(--spacing) * 4) !important;
+}
+div:where(.swal2-container) h2:where(.swal2-title) {
+  font-size: var(--text-2xl) !important;
+  line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
+}
+div:where(.swal2-container) div:where(.swal2-popup) {
+  color: var(--color-zinc-700) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300) !important;
+  }
+}
+.sortable-ghost {
+  background-color: var(--color-zinc-200);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700);
+  }
+}
+.jvm-tooltip {
+  background-color: var(--color-primary) !important;
+  padding-inline: calc(var(--spacing) * 2) !important;
+  padding-block: calc(var(--spacing) * 1) !important;
+  font-size: var(--text-sm) !important;
+  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+}
+.fc-toolbar-title {
+  font-size: var(--text-xl) !important;
+  line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
+}
+.fc-button {
+  margin-inline-start: calc(var(--spacing) * 1) !important;
+  border-radius: var(--radius-lg) !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 1px !important;
+  border-color: var(--color-zinc-200) !important;
+  background-color: transparent !important;
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+  color: var(--color-zinc-700) !important;
+  text-transform: capitalize !important;
+  --tw-shadow: 0 0 #0000 !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-primary) !important;
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary) !important;
+    }
+  }
+  &:disabled {
+    pointer-events: none !important;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300) !important;
+  }
+}
+.fc-theme-standard td, .fc-theme-standard th,.fc-theme-standard .fc-scrollgrid {
+  border-color: var(--color-zinc-200) !important;
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800) !important;
+  }
+}
+.fc .fc-daygrid-day.fc-day-today {
+  background-color: color-mix(in srgb, #636DFF 10%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
+  }
+}
+.fc-h-event {
+  padding-inline: calc(var(--spacing) * 2) !important;
+  padding-block: calc(var(--spacing) * 0.5) !important;
+}
+.fc .fc-scrollgrid-section-sticky > * {
+  background-color: var(--color-zinc-100) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+}
+.daterangepicker {
+  margin-top: calc(var(--spacing) * 2) !important;
+  border-radius: var(--radius-lg) !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 0px !important;
+  font-family: var(--font-sans) !important;
+  --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  &::before {
+    content: var(--tw-content);
+    display: none !important;
+  }
+  &::after {
+    content: var(--tw-content);
+    display: none !important;
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+}
+.daterangepicker .calendar-table th {
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+}
+.daterangepicker.show-calendar .drp-buttons {
+  display: flex !important;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  gap: calc(var(--spacing) * 2);
+}
+.daterangepicker .ranges {
+  margin-block: calc(var(--spacing) * 2) !important;
+}
+.daterangepicker.show-ranges.ltr .drp-calendar.left,.daterangepicker .drp-buttons {
+  border-color: var(--color-zinc-200) !important;
+  &:where(.dark, .dark *) {
+    border-color: color-mix(in srgb, #fff 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
+    }
+  }
+}
+.daterangepicker .drp-buttons .btn {
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+  &.btn-primary {
+    background-color: var(--color-primary);
+    color: var(--color-white);
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-deep);
+      }
+    }
+  }
+}
+.daterangepicker .calendar-table {
+  &:where(.dark, .dark *) {
+    border-color: color-mix(in srgb, #fff 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
+    }
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700) !important;
+  }
+}
+.daterangepicker td.active, .daterangepicker td.active:hover {
+  background-color: var(--color-primary) !important;
+}
+.daterangepicker .ranges li:not(.active):hover {
+  background-color: var(--color-zinc-100) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700) !important;
+  }
+}
+.daterangepicker td.available:hover, .daterangepicker th.available:hover {
+  background-color: var(--color-zinc-200) !important;
+  &:where(.dark, .dark *) {
+    background-color: color-mix(in srgb, #fff 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
+    }
+  }
+}
+.daterangepicker .ranges li.active {
+  background-color: var(--color-primary) !important;
+}
+.daterangepicker td.off {
+  background-color: transparent !important;
+  color: var(--color-zinc-400) !important;
+}
+.daterangepicker td.in-range {
+  background-color: var(--color-zinc-100) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-600) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-white) !important;
+  }
+}
+.daterangepicker td.end-date {
+  background-color: var(--color-primary) !important;
+  color: var(--color-white) !important;
+}
+.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
+  border-color: var(--color-zinc-400) !important;
+}
+table.dataTable thead th, table.dataTable tfoot th {
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+}
+table.dataTable > thead > tr > th, table.dataTable > thead > tr > td,table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td {
+  padding-inline: calc(var(--spacing) * 4) !important;
+}
+.dt-scroll-body {
+  scrollbar-width: thin;
+  scrollbar-color: var(--color-zinc-300) transparent;
+}
+.dark .dt-scroll-body {
+  scrollbar-color: var(--color-zinc-700) transparent;
+}
+table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
+  border-color: color-mix(in srgb, #4D5472 10%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent) !important;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800) !important;
+  }
+}
+table.dataTable > tbody > tr.selected > * {
+  background-color: var(--color-zinc-50) !important;
+  color: inherit !important;
+  --tw-shadow: 0 0 #0000 !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+}
+table.dataTable > tbody > tr.selected a {
+  color: inherit !important;
+}
+.dt-select-checkbox {
+  position: relative;
+  width: calc(var(--spacing) * 4) !important;
+  height: calc(var(--spacing) * 4) !important;
+  border-radius: 0.25rem !important;
+  border-color: var(--color-zinc-300) !important;
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  --tw-ring-color: transparent;
+  outline-style: var(--tw-outline-style) !important;
+  outline-width: 0px !important;
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-primary) !important;
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      --tw-ring-color: var(--color-primary) !important;
+    }
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-600) !important;
+  }
+  &:after {
+    position: absolute;
+    inset-inline-start: calc(var(--spacing) * 0) !important;
+    top: calc(var(--spacing) * 0) !important;
+    margin: calc(var(--spacing) * 0) !important;
+    height: 100% !important;
+    width: 100% !important;
+  }
+  &:checked {
+    border-color: var(--color-primary) !important;
+    color: var(--color-primary) !important;
+    --tw-ring-color: var(--color-primary);
+  }
+}
+.dt-info {
+  padding-inline-start: calc(var(--spacing) * 4);
+  padding-top: calc(var(--spacing) * 4);
+  font-size: var(--text-sm) !important;
+  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  color: var(--color-zinc-400) !important;
+  @media (width >= 40rem) {
+    margin-bottom: calc(var(--spacing) * -8);
+  }
+}
+.dt-paging {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-block: calc(var(--spacing) * 4);
+  padding-inline-end: calc(var(--spacing) * 4);
+}
+.dt-paging-button {
+  border-color: var(--color-zinc-200) !important;
+  background-image: none !important;
+  padding-inline: calc(var(--spacing) * 3) !important;
+  padding-block: calc(var(--spacing) * 1) !important;
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700) !important;
+  }
+}
+div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
+  border-color: var(--color-primary) !important;
+  background-color: var(--color-primary) !important;
+  color: var(--color-white) !important;
+}
+div.dt-container .dt-paging .dt-paging-button:hover {
+  border-color: var(--color-primary) !important;
+  color: var(--color-primary) !important;
+}
+div.dt-container .dt-paging .dt-paging-button:active {
+  --tw-shadow: 0 0 #0000 !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+}
+div.dt-container.dt-empty-footer .dt-scroll-body,html.dark .dt-container.dt-empty-footer table.dataTable,div.dt-container.dt-empty-footer tbody > tr:last-child > * {
+  border-color: color-mix(in srgb, #4D5472 10%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent) !important;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800) !important;
+  }
+}
+div.dt-container .dt-paging .dt-paging-button {
+  border-radius: var(--radius-md) !important;
+}
+div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
+  pointer-events: none !important;
+  color: inherit !important;
+  opacity: 50% !important;
+}
+table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover {
+  outline-color: var(--color-zinc-100) !important;
+  &:where(.dark, .dark *) {
+    outline-color: var(--color-zinc-800) !important;
+  }
+}
+.dataTable tbody tr td.sorting_1 {
+  background-color: color-mix(in srgb, #4D5472 1%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-zinc-500) 1%, transparent);
+  }
+  &:where(.dark, .dark *) {
+    background-color: color-mix(in srgb, #fff 3%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
+    }
+  }
+}
+table.dataTable input.dt-select-checkbox:checked:after {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+.code-snippet pre,.code-snippet pre code {
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+}
+.hljs {
+  direction: ltr !important;
+  font-family: var(--font-mono);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  color: var(--color-zinc-600);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-400);
+  }
+}
+.hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
+  color: var(--color-green-600);
+}
+.hljs-name, .hljs-quote, .hljs-selector-pseudo, .hljs-selector-tag {
+  color: var(--color-zinc-700);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-200);
+  }
+}
+.hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-variable {
+  color: var(--color-orange-600);
+}
+.hljs-comment {
+  opacity: 75%;
+}
+.icon-in-css {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m5 13l4 4L19 7'/%3E%3C/svg%3E");
+  background-color: currentcolor;
+  mask-image: var(--svg);
+  mask-size: 100%;
+  mask-repeat: no-repeat;
+}
+.swiper-pagination-bullet {
+  width: calc(var(--spacing) * 2.5) !important;
+  height: calc(var(--spacing) * 2.5) !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 2px !important;
+  border-color: var(--color-primary-subtle) !important;
+  background-color: transparent !important;
+  opacity: 100% !important;
+}
+.swiper-pagination-bullet-active {
+  border-color: var(--color-primary) !important;
+  background-color: var(--color-primary) !important;
+}
+[dir="rtl"] .swiper-wrapper {
+  direction: ltr !important;
+}
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-space-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-divide-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-content {
+  syntax: "*";
+  initial-value: "";
+  inherits: false;
+}
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes ping {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+  }
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-space-y-reverse: 0;
+      --tw-space-x-reverse: 0;
+      --tw-divide-x-reverse: 0;
+      --tw-border-style: solid;
+      --tw-divide-y-reverse: 0;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-content: "";
+    }
+  }
+}
+/*# sourceMappingURL=style.css.map */
diff --git a/ci4app/public/assets/raven/images/avatars/thumb-1.jpg b/ci4app/public/assets/raven/images/avatars/thumb-1.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/ci4app/public/assets/raven/images/avatars/thumb-1.jpg differ
diff --git a/ci4app/public/assets/raven/images/avatars/thumb-10.jpg b/ci4app/public/assets/raven/images/avatars/thumb-10.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/ci4app/public/assets/raven/images/avatars/thumb-10.jpg differ
diff --git a/ci4app/public/assets/raven/images/avatars/thumb-2.jpg b/ci4app/public/assets/raven/images/avatars/thumb-2.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/ci4app/public/assets/raven/images/avatars/thumb-2.jpg differ
diff --git a/ci4app/public/assets/raven/images/avatars/thumb-3.jpg b/ci4app/public/assets/raven/images/avatars/thumb-3.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/ci4app/public/assets/raven/images/avatars/thumb-3.jpg differ
diff --git a/ci4app/public/assets/raven/images/avatars/thumb-4.jpg b/ci4app/public/assets/raven/images/avatars/thumb-4.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/ci4app/public/assets/raven/images/avatars/thumb-4.jpg differ
diff --git a/ci4app/public/assets/raven/images/avatars/thumb-5.jpg b/ci4app/public/assets/raven/images/avatars/thumb-5.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/ci4app/public/assets/raven/images/avatars/thumb-5.jpg differ
diff --git a/ci4app/public/assets/raven/images/avatars/thumb-6.jpg b/ci4app/public/assets/raven/images/avatars/thumb-6.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/ci4app/public/assets/raven/images/avatars/thumb-6.jpg differ
diff --git a/ci4app/public/assets/raven/images/avatars/thumb-7.jpg b/ci4app/public/assets/raven/images/avatars/thumb-7.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/ci4app/public/assets/raven/images/avatars/thumb-7.jpg differ
diff --git a/ci4app/public/assets/raven/images/avatars/thumb-8.jpg b/ci4app/public/assets/raven/images/avatars/thumb-8.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/ci4app/public/assets/raven/images/avatars/thumb-8.jpg differ
diff --git a/ci4app/public/assets/raven/images/avatars/thumb-9.jpg b/ci4app/public/assets/raven/images/avatars/thumb-9.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/ci4app/public/assets/raven/images/avatars/thumb-9.jpg differ
diff --git a/ci4app/public/assets/raven/images/bg-cover-2.jpg b/ci4app/public/assets/raven/images/bg-cover-2.jpg
new file mode 100644
index 0000000..6549e2d
Binary files /dev/null and b/ci4app/public/assets/raven/images/bg-cover-2.jpg differ
diff --git a/ci4app/public/assets/raven/images/bg-cover.jpg b/ci4app/public/assets/raven/images/bg-cover.jpg
new file mode 100644
index 0000000..6549e2d
Binary files /dev/null and b/ci4app/public/assets/raven/images/bg-cover.jpg differ
diff --git a/ci4app/public/assets/raven/images/brands/apple-black.svg b/ci4app/public/assets/raven/images/brands/apple-black.svg
new file mode 100644
index 0000000..6ff4c4b
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/apple-black.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.9954 12.6879C18.0263 16.0172 20.915 17.1251 20.947 17.1393C20.9225 17.2173 20.4854 18.7181 19.4251 20.2682C18.5084 21.6085 17.5571 22.9437 16.0585 22.9714C14.586 22.9985 14.1124 22.0979 12.4289 22.0979C10.7459 22.0979 10.2198 22.9437 8.82587 22.9985C7.37932 23.0533 6.27775 21.5493 5.35356 20.214C3.465 17.4827 2.02175 12.4959 3.95967 9.12967C4.92239 7.45801 6.64284 6.39944 8.51023 6.3723C9.9307 6.34519 11.2714 7.3283 12.1398 7.3283C13.0077 7.3283 14.6369 6.14603 16.3498 6.31966C17.0668 6.34952 19.0796 6.60941 20.372 8.50192C20.2679 8.56651 17.9704 9.90449 17.9954 12.6879ZM15.2279 4.51263C15.9959 3.58268 16.5128 2.2881 16.3717 1C15.2648 1.04451 13.9262 1.73794 13.1321 2.66738C12.4205 3.49044 11.7974 4.8078 11.9655 6.07041C13.1994 6.16591 14.4599 5.44317 15.2279 4.51263Z" fill="black"/>
+</svg>
diff --git a/ci4app/public/assets/raven/images/brands/apple-white.svg b/ci4app/public/assets/raven/images/brands/apple-white.svg
new file mode 100644
index 0000000..b270c92
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/apple-white.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.9954 12.6879C18.0263 16.0172 20.915 17.1251 20.947 17.1393C20.9225 17.2173 20.4854 18.7181 19.4251 20.2682C18.5084 21.6085 17.5571 22.9437 16.0585 22.9714C14.586 22.9985 14.1124 22.0979 12.4289 22.0979C10.7459 22.0979 10.2198 22.9437 8.82587 22.9985C7.37932 23.0533 6.27775 21.5493 5.35356 20.214C3.465 17.4827 2.02175 12.4959 3.95967 9.12967C4.92239 7.45801 6.64284 6.39944 8.51023 6.3723C9.9307 6.34519 11.2714 7.3283 12.1398 7.3283C13.0077 7.3283 14.6369 6.14603 16.3498 6.31966C17.0668 6.34952 19.0796 6.60941 20.372 8.50192C20.2679 8.56651 17.9704 9.90449 17.9954 12.6879ZM15.2279 4.51263C15.9959 3.58268 16.5128 2.2881 16.3717 1C15.2648 1.04451 13.9262 1.73794 13.1321 2.66738C12.4205 3.49044 11.7974 4.8078 11.9655 6.07041C13.1994 6.16591 14.4599 5.44317 15.2279 4.51263Z" fill="white"/>
+</svg>
diff --git a/ci4app/public/assets/raven/images/brands/behance.svg b/ci4app/public/assets/raven/images/brands/behance.svg
new file mode 100644
index 0000000..4567523
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/behance.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#0863FF" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M42.672 26.006h12.711v-3.642H42.672v3.642zm3.011 7.946c-.81.824-1.32 1.94-1.53 3.35h9.887c-.105-1.504-.618-2.64-1.527-3.422-.92-.777-2.052-1.164-3.407-1.164-1.467 0-2.613.412-3.423 1.236zm8.58-4.889c1.532.674 2.794 1.743 3.787 3.202.906 1.286 1.487 2.779 1.753 4.474.155.991.217 2.428.191 4.296H44.012c.096 2.17.853 3.692 2.298 4.564.874.543 1.927.815 3.163.815 1.301 0 2.365-.33 3.18-.99.45-.36.845-.856 1.183-1.49h5.857c-.156 1.28-.867 2.586-2.126 3.911C55.603 49.948 52.851 51 49.315 51c-2.92 0-5.497-.885-7.724-2.662-2.238-1.773-3.35-4.663-3.35-8.661 0-3.75 1.007-6.627 3.02-8.629 2.018-1.996 4.628-3.001 7.843-3.001 1.91 0 3.629.34 5.159 1.016zm-36.35 8.317v7.804h7.202c1.287 0 2.291-.173 3.005-.515 1.301-.64 1.95-1.855 1.95-3.653 0-1.526-.626-2.57-1.887-3.14-.706-.318-1.697-.485-2.967-.496h-7.303zm0-11.299v6.457h7.213c1.284 0 2.331-.242 3.138-.727.802-.484 1.205-1.342 1.205-2.567 0-1.367-.53-2.266-1.591-2.706-.92-.304-2.089-.457-3.508-.457h-6.457zm16.109-1.963c.906 1.245 1.36 2.732 1.36 4.466 0 1.785-.454 3.224-1.372 4.31-.513.607-1.267 1.164-2.263 1.665 1.513.546 2.653 1.406 3.429 2.584.768 1.175 1.154 2.606 1.154 4.288 0 1.734-.44 3.29-1.323 4.666a8.132 8.132 0 01-2.1 2.303c-.946.715-2.06 1.202-3.35 1.47-1.29.264-2.684.392-4.191.392H12V21h14.334c3.618.053 6.178 1.091 7.688 3.118z"/></g></svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/brands/dribbble.svg b/ci4app/public/assets/raven/images/brands/dribbble.svg
new file mode 100644
index 0000000..dc0f888
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/dribbble.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#EC4989" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M47.455 52.999c-.21-1.237-1.302-7.253-3.991-14.638 6.618-1.059 12.35.756 12.774.894-.912 5.712-4.183 10.636-8.783 13.744zM36 56.498a20.416 20.416 0 01-13.059-4.699c.271.22.46.359.46.359s3.93-8.568 16.085-12.804c.045-.017.093-.028.138-.042 2.885 7.492 4.073 13.768 4.378 15.56A20.43 20.43 0 0136 56.498zm-20.498-20.5c0-.217.01-.431.016-.646.365.009 10.491.237 21.044-2.92a67.612 67.612 0 011.662 3.485c-.27.073-.539.155-.807.245-11.06 3.573-16.671 13.523-16.671 13.523s.008.009.008.012a20.417 20.417 0 01-5.252-13.698zm11.752-18.532c.274.364 4.064 5.503 7.612 11.808-9.842 2.616-18.385 2.511-18.924 2.503 1.33-6.35 5.594-11.613 11.312-14.31zM31.09 16.1l-.002.006s-.026.006-.062.011c.022-.005.042-.008.064-.017zm18.447 4.521c-.05.077-2.969 4.521-10.708 7.42-3.502-6.438-7.352-11.551-7.66-11.958a20.498 20.498 0 014.832-.578c5.188 0 9.927 1.936 13.536 5.116zm6.955 15.174c-.297-.065-7.234-1.557-14.276-.671-.146-.35-.29-.703-.443-1.056a61.6 61.6 0 00-1.363-2.974c8.094-3.305 11.38-8.054 11.42-8.11a20.415 20.415 0 014.662 12.811zm3.023-4.625a24.084 24.084 0 00-1.403-4.512 23.714 23.714 0 00-2.213-4.075 23.986 23.986 0 00-6.48-6.48 23.928 23.928 0 00-4.076-2.215A24.047 24.047 0 0036.001 12a24.081 24.081 0 00-9.344 1.888A24.06 24.06 0 0016.1 22.583 23.877 23.877 0 0012 35.999c-.001 1.63.163 3.256.484 4.837a23.76 23.76 0 001.403 4.506 23.765 23.765 0 002.213 4.081 24.462 24.462 0 002.927 3.55 24.046 24.046 0 007.629 5.139 23.618 23.618 0 004.51 1.397c1.58.327 3.206.491 4.834.491a23.87 23.87 0 004.832-.491 23.637 23.637 0 004.51-1.397A23.914 23.914 0 0049.42 55.9a24.368 24.368 0 003.553-2.927 24.28 24.28 0 002.927-3.55 23.965 23.965 0 003.615-8.587 24.283 24.283 0 000-9.666z"/></g></svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/brands/duolingo.svg b/ci4app/public/assets/raven/images/brands/duolingo.svg
new file mode 100644
index 0000000..64ff666
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/duolingo.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.18824 1H18.8144C21.126 1 22.9992 2.87334 22.9992 5.1869V18.8131C22.9992 21.1246 21.126 23 18.8123 23H5.18824C2.87459 22.9979 1.00134 21.1246 1.00134 18.811V5.1869C1.00134 2.87325 2.87468 1 5.18824 1Z" fill="#50C800"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23 15.2105V8.8475C22.7519 8.24403 22.3877 7.69514 21.9281 7.23197C21.9689 6.54881 21.8163 5.85711 21.4619 5.24055C21.2299 4.83667 20.6692 4.77868 20.3556 5.12669L19.6445 5.91509C19.6402 5.91298 19.6359 5.91298 19.6316 5.91087C19.724 5.1911 19.6015 4.44792 19.2492 3.78411C19.0301 3.37161 18.5554 3.29857 18.2288 3.63365L14.8131 7.09453C14.7745 7.13105 14.7336 7.16967 14.695 7.20839C14.6928 7.2105 14.6885 7.21261 14.6864 7.21481C13.202 8.55959 10.8883 8.61546 9.47473 7.38024C9.38616 7.28343 9.29369 7.19026 9.19756 7.10095L5.77557 3.63585C5.44894 3.30069 4.97423 3.37381 4.75513 3.78631C4.40492 4.44792 4.28032 5.18687 4.3706 5.90224C4.36409 5.90436 4.35767 5.90436 4.35125 5.90656L3.64872 5.12669C3.33512 4.77868 2.77444 4.83667 2.54029 5.24055C2.19229 5.84417 2.03971 6.52091 2.07191 7.19114C1.61935 7.63785 1.25562 8.16634 1 8.74859V15.3114C1.77125 17.0709 3.52844 18.3018 5.57142 18.3018H5.79052C7.81635 18.3018 9.5607 17.0924 10.3405 15.3566C11.0903 15.3523 11.6337 15.3502 11.9711 15.3502C12.7014 15.348 13.2707 15.348 13.6789 15.348C14.4565 17.0881 16.2052 18.3018 18.2331 18.3018H18.3877C20.4695 18.3018 22.2524 17.0236 23 15.2105Z" fill="#8EE000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.8808 7.5307C7.79699 7.5307 9.35233 9.08375 9.35233 11.0022V13.0581C9.35233 14.9743 7.7991 16.5296 5.8808 16.5296C3.96452 16.5296 2.40918 14.9765 2.40918 13.0581V11.0022C2.40918 9.08384 3.96452 7.5307 5.8808 7.5307ZM18.0763 7.5307C19.9925 7.5307 21.5479 9.08375 21.5479 11.0022V13.0581C21.5479 14.9743 19.9946 16.5296 18.0763 16.5296C16.1601 16.5296 14.6047 14.9765 14.6047 13.0581V11.0022C14.6047 9.08384 16.1579 7.5307 18.0763 7.5307Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.41567 9.52417C7.32436 9.52417 8.06332 10.261 8.06332 11.1719V12.9313C8.06332 13.84 7.32647 14.5789 6.41567 14.5789C5.50699 14.5789 4.76794 13.8421 4.76794 12.9313V11.1719C4.76794 10.261 5.50699 9.52417 6.41567 9.52417Z" fill="#4B4B4B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0013 13.5182C13.0431 13.5182 13.8874 14.3625 13.8874 15.4043V16.0596C13.8874 17.1015 13.0431 17.9457 12.0013 17.9457C10.9594 17.9457 10.1151 17.1015 10.1151 16.0596V15.4043C10.1151 14.3625 10.9594 13.5182 12.0013 13.5182Z" fill="#F48000"/>
+<path d="M9.39746 15.5848C9.62298 14.3819 10.7379 13.5139 12.072 13.5139C13.2857 13.5139 14.3835 14.4033 14.6047 15.5848V15.6815C14.6047 15.7567 14.5789 15.7867 14.5102 15.7782L12.0742 16.2121H11.9302L9.49196 15.776C9.42324 15.7846 9.39746 15.7545 9.39746 15.6794V15.5848Z" fill="#FFC200"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6016 13.9306C11.729 13.8999 11.8595 13.884 11.9905 13.8834C12.1301 13.8834 12.272 13.9006 12.4116 13.9371C12.5493 13.9726 12.6713 14.0528 12.7584 14.1652C12.8455 14.2776 12.8927 14.4157 12.8927 14.5579C12.8928 14.6138 12.8818 14.6691 12.8604 14.7207C12.8391 14.7724 12.8078 14.8193 12.7683 14.8588C12.7287 14.8983 12.6818 14.9296 12.6302 14.951C12.5786 14.9723 12.5233 14.9833 12.4674 14.9833H11.5351C11.4792 14.9833 11.4239 14.9723 11.3723 14.951C11.3207 14.9296 11.2737 14.8983 11.2342 14.8588C11.1947 14.8193 11.1634 14.7724 11.142 14.7207C11.1207 14.6691 11.1097 14.6138 11.1098 14.5579C11.1076 14.2615 11.3117 14.0015 11.6016 13.9306Z" fill="#FFE747"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5413 9.52417C18.4501 9.52417 19.189 10.261 19.189 11.1719V12.9313C19.189 13.84 18.4522 14.5789 17.5413 14.5789C16.6326 14.5789 15.8937 13.8421 15.8937 12.9313V11.1719C15.8958 10.261 16.6326 9.52417 17.5413 9.52417Z" fill="#4B4B4B"/>
+<path d="M5.0237 11.522C5.61105 11.522 6.08708 11.0478 6.08708 10.4629C6.08708 9.87806 5.61105 9.40387 5.0237 9.40387C4.43645 9.40387 3.96033 9.87806 3.96033 10.4629C3.96033 11.0478 4.43645 11.522 5.0237 11.522ZM15.9883 11.522C16.5756 11.522 17.0517 11.0478 17.0517 10.4629C17.0517 9.87806 16.5756 9.40387 15.9883 9.40387C15.401 9.40387 14.925 9.87806 14.925 10.4629C14.925 11.0478 15.401 11.522 15.9883 11.522Z" fill="white"/>
+</svg>
diff --git a/ci4app/public/assets/raven/images/brands/email.svg b/ci4app/public/assets/raven/images/brands/email.svg
new file mode 100644
index 0000000..dbb3b3e
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/email.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#000" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M18 26.162v20.386c0 1.109.812 2.007 1.93 2.007h31.815c1.117 0 1.93-.909 1.93-2.007V26.162c0-1.217-.727-2.162-1.93-2.162H19.93c-1.25 0-1.93.969-1.93 2.162m2.933 1.776c0-.491.298-.772.773-.772.293 0 11.854 7.325 12.554 7.755l1.81 1.125c.573-.384 1.15-.713 1.744-1.111 1.213-.776 12.011-7.77 12.308-7.77.477 0 .773.282.773.773 0 .52-1.002 1.037-1.655 1.435-4.1 2.5-8.2 5.224-12.26 7.816-.237.16-.695.503-1.04.45-.382-.059-12.146-7.617-14.287-8.875-.321-.19-.72-.363-.72-.826"/></g></svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/brands/equacoin.svg b/ci4app/public/assets/raven/images/brands/equacoin.svg
new file mode 100644
index 0000000..2a82a8d
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/equacoin.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="#F68922"/>
+<path d="M11.7197 7.53422C11.7197 7.53422 8.35662 8.02467 7.86618 11.738C7.86618 11.738 7.34631 15.8949 11.6223 17.0166C11.9185 17.0941 12.2234 17.1332 12.5296 17.1329H12.7398C12.9554 17.1329 13.169 17.1752 13.3682 17.2577C13.5675 17.3402 13.7485 17.4611 13.901 17.6135C14.0536 17.766 14.1745 17.947 14.2571 18.1462C14.3396 18.3454 14.3821 18.5589 14.3821 18.7745C14.3838 19.1883 14.2286 19.5873 13.9477 19.8911C13.6669 20.195 13.2813 20.3811 12.8687 20.4119C10.7668 20.5521 7.94535 19.5277 6.11459 17.0629C6.11459 17.0629 2.52943 11.9419 6.43688 7.23715C7.36109 6.11701 8.56333 5.2593 9.92325 4.74989C11.5291 4.15295 13.8811 3.769 15.9235 5.36225C15.9235 5.36225 18.656 7.46416 17.2547 10.8973C17.2547 10.8973 16.2738 13.6298 12.9108 13.84L12.4434 13.814C12.2225 13.8085 12.0053 13.7557 11.8064 13.6592C11.6076 13.5627 11.4317 13.4248 11.2906 13.2547C11.1495 13.0846 11.0464 12.8862 10.9883 12.6729C10.9303 12.4597 10.9185 12.2365 10.9539 12.0183C11.0116 11.6634 11.1911 11.3397 11.4615 11.1027C11.7319 10.8656 12.0763 10.7301 12.4357 10.7193L12.9108 10.6871C12.9108 10.6871 14.5222 10.617 14.3821 8.72531C14.3821 8.72531 14.242 7.04378 11.7197 7.53422Z" fill="#2A2460"/>
+</svg>
diff --git a/ci4app/public/assets/raven/images/brands/evernote.svg b/ci4app/public/assets/raven/images/brands/evernote.svg
new file mode 100644
index 0000000..0cefc37
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/evernote.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15000_4306)">
+<path d="M4.64015 5.26105H6.70642C6.76301 5.26093 6.81723 5.2384 6.85726 5.19841C6.89728 5.15842 6.91985 5.1042 6.92002 5.04762C6.92002 5.04681 6.895 3.27681 6.895 2.78514V2.77913C6.895 2.37516 6.97963 2.02285 7.12777 1.72723L7.1981 1.59485C7.18909 1.59653 7.18084 1.60102 7.17455 1.60768L3.16253 5.58608C3.15518 5.59215 3.14994 5.60039 3.14758 5.60963C3.23058 5.56854 3.34412 5.51217 3.36004 5.50519C3.7091 5.34731 4.13288 5.26105 4.64015 5.26105Z" fill="#74BB44"/>
+<path d="M20.7066 4.82784C20.5425 3.95007 20.0203 3.51736 19.5483 3.34713C19.0394 3.1631 18.0066 2.9724 16.7098 2.81972C15.666 2.6966 14.4392 2.70667 13.6982 2.72925C13.6093 2.12013 13.1821 1.56365 12.704 1.37101C11.4308 0.858702 9.46234 0.982473 8.95751 1.12395C8.55582 1.23635 8.11141 1.46619 7.86435 1.82045C7.69851 2.05743 7.59098 2.36053 7.59017 2.78431C7.59017 3.02406 7.59683 3.58882 7.603 4.0909C7.60885 4.5941 7.61584 5.04452 7.61584 5.04777C7.61553 5.26347 7.52969 5.47025 7.37713 5.62275C7.22458 5.77524 7.01777 5.861 6.80206 5.86122H4.73693C4.29658 5.86122 3.95986 5.93513 3.70274 6.05191C3.44528 6.16886 3.26288 6.32642 3.12432 6.51289C2.84868 6.8829 2.80076 7.33982 2.8019 7.80632C2.8019 7.80632 2.8058 8.18722 2.89757 8.92481C2.97408 9.49527 3.59293 13.4816 4.18077 14.694C4.40866 15.1654 4.56069 15.3624 5.00819 15.5703C6.00583 15.9975 8.2844 16.4728 9.3527 16.6089C10.4186 16.7453 11.0878 17.0319 11.4864 16.1958C11.4877 16.1932 11.5665 15.9882 11.6743 15.6851C12.0206 14.6365 12.0689 13.7056 12.0689 13.0323C12.0689 12.9636 12.1694 12.9607 12.1694 13.0323C12.1694 13.5079 12.0783 15.1907 13.3496 15.6418C13.8517 15.8195 14.8924 15.9783 15.9506 16.1024C16.9068 16.2127 17.6007 16.5886 17.6007 19.0427C17.6007 20.5355 17.2872 20.74 15.6482 20.74C14.3193 20.74 13.8127 20.7742 13.8127 19.7193C13.8127 18.8657 14.6567 18.9553 15.282 18.9553C15.5616 18.9553 15.3585 18.7478 15.3585 18.221C15.3585 17.6968 15.6867 17.3942 15.3764 17.3868C13.214 17.327 11.9413 17.3842 11.9413 20.0891C11.9413 22.5442 12.8808 23.0002 15.9506 23.0002C18.357 23.0002 19.2047 22.9216 20.1986 19.8383C20.3953 19.2297 20.8713 17.3725 21.1586 14.2535C21.3404 12.2819 20.9867 6.32983 20.7066 4.82784ZM16.5113 11.4063C16.2141 11.396 15.9282 11.4147 15.6616 11.4576C15.7368 10.8517 15.9868 10.1075 16.8732 10.1386C17.8544 10.1726 17.9915 11.0999 17.9949 11.7277C17.5814 11.5435 17.0693 11.4259 16.5113 11.4063Z" fill="#74BB44"/>
+</g>
+<defs>
+<clipPath id="clip0_15000_4306">
+<rect width="18.4096" height="22" fill="white" transform="translate(2.80005 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/ci4app/public/assets/raven/images/brands/facebook.svg b/ci4app/public/assets/raven/images/brands/facebook.svg
new file mode 100644
index 0000000..e22599c
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/facebook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><rect width="72" height="72" fill="#4460A0" rx="8"/><path fill="#FFF" d="M60.464 13.417v9.31l-5.526.015c-4.331 0-5.166 2.058-5.166 5.066v6.662H60.09l-1.338 10.42h-8.98V72H39.01V44.889H30V34.47h9.01v-7.684C39.01 17.864 44.448 13 52.42 13c3.8 0 7.08.288 8.044.417z"/></g></svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/brands/figma.svg b/ci4app/public/assets/raven/images/brands/figma.svg
new file mode 100644
index 0000000..35e2bb2
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/figma.svg
@@ -0,0 +1,14 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_12720_25198)">
+<path d="M8.33818 23C10.3622 23 12.0048 21.3573 12.0048 19.3333V15.6667H8.33818C6.31418 15.6667 4.67151 17.3093 4.67151 19.3333C4.67151 21.3573 6.31418 23 8.33818 23Z" fill="#0ACF83"/>
+<path d="M4.67151 12C4.67151 9.97598 6.31418 8.33331 8.33818 8.33331H12.0048V15.6666H8.33818C6.31418 15.6666 4.67151 14.024 4.67151 12Z" fill="#A259FF"/>
+<path d="M4.67151 4.6667C4.67151 2.6427 6.31418 1.00003 8.33818 1.00003H12.0048V8.33336H8.33818C6.31418 8.33336 4.67151 6.6907 4.67151 4.6667Z" fill="#F24E1E"/>
+<path d="M12.0049 1.00003H15.6716C17.6956 1.00003 19.3382 2.6427 19.3382 4.6667C19.3382 6.6907 17.6956 8.33336 15.6716 8.33336H12.0049V1.00003Z" fill="#FF7262"/>
+<path d="M19.3382 12C19.3382 14.024 17.6956 15.6666 15.6716 15.6666C13.6476 15.6666 12.0049 14.024 12.0049 12C12.0049 9.97598 13.6476 8.33331 15.6716 8.33331C17.6956 8.33331 19.3382 9.97598 19.3382 12Z" fill="#1ABCFE"/>
+</g>
+<defs>
+<clipPath id="clip0_12720_25198">
+<rect width="14.6696" height="22" fill="white" transform="translate(4.67004 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/ci4app/public/assets/raven/images/brands/gitlab.svg b/ci4app/public/assets/raven/images/brands/gitlab.svg
new file mode 100644
index 0000000..850651a
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/gitlab.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9999 22.9903L16.0507 9.46848H7.94897L11.9998 22.9903H11.9999Z" fill="#E24329"/>
+<path d="M12 22.9902L7.94903 9.46838H2.27197L12 22.9902Z" fill="#FC6D26"/>
+<path d="M2.27203 9.46838L1.04106 13.5776C0.986322 13.7603 0.986315 13.9571 1.04103 14.1398C1.09575 14.3225 1.20239 14.4817 1.34566 14.5946L12 22.9903L2.27194 9.46848L2.27203 9.46838Z" fill="#FCA326"/>
+<path d="M2.27197 9.46843H7.94904L5.50936 1.32428C5.38381 0.905206 4.8372 0.905299 4.71173 1.32428L2.27197 9.46843Z" fill="#E24329"/>
+<path d="M12 22.9902L16.0508 9.46838H21.728L11.9999 22.9902H12Z" fill="#FC6D26"/>
+<path d="M21.728 9.46838L22.959 13.5776C23.0137 13.7603 23.0137 13.9571 22.9589 14.1398C22.9042 14.3225 22.7976 14.4817 22.6543 14.5946L12 22.9903L21.728 9.46848V9.46838Z" fill="#FCA326"/>
+<path d="M21.7281 9.46843H16.0509L18.4907 1.32428C18.6162 0.905206 19.1628 0.905299 19.2883 1.32428L21.7281 9.46843Z" fill="#E24329"/>
+</svg>
diff --git a/ci4app/public/assets/raven/images/brands/google-analytics.svg b/ci4app/public/assets/raven/images/brands/google-analytics.svg
new file mode 100644
index 0000000..3c8b0dd
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/google-analytics.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.9999 20.2469C23.009 21.7574 21.6605 22.9873 19.9893 22.9955C19.8651 22.9964 19.7399 22.9901 19.6167 22.9765C18.0658 22.7692 16.9297 21.5502 16.9677 20.1347V3.86058C16.9307 2.44331 18.0698 1.22425 19.6217 1.01881C21.2817 0.843233 22.7855 1.91659 22.9799 3.41621C22.9939 3.52663 23.0009 3.63704 22.9999 3.74836V20.2469Z" fill="#F9AB00"/>
+<path d="M4.01661 17.55C5.68271 17.55 7.03322 18.7699 7.03322 20.275C7.03322 21.78 5.68271 23 4.01661 23C2.35051 23 1 21.78 1 20.275C1 18.7699 2.35051 17.55 4.01661 17.55ZM11.9534 9.29162C10.2793 9.37488 8.98084 10.6428 9.01991 12.1569V19.4758C9.01991 21.4624 9.98771 22.6679 11.4053 22.9249C13.0414 23.2244 14.6354 22.2696 14.967 20.7917C15.008 20.6107 15.0281 20.427 15.0271 20.2424V12.0302C15.0301 10.5197 13.6776 9.29343 12.0055 9.29071C11.9884 9.29071 11.9704 9.29071 11.9534 9.29162Z" fill="#E37400"/>
+</svg>
diff --git a/ci4app/public/assets/raven/images/brands/google-webdev.svg b/ci4app/public/assets/raven/images/brands/google-webdev.svg
new file mode 100644
index 0000000..f032308
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/google-webdev.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15000_4362)">
+<path d="M20.4775 16.4367H13.0452C12.9253 16.4367 12.809 16.477 12.7151 16.5521L7.17643 20.9557C7.03331 21.0693 7.11381 21.2983 7.29718 21.2983H20.5625C21.8738 21.2983 23.0527 20.1211 22.9606 18.7051C22.8765 17.4135 21.7763 16.4367 20.4775 16.4367Z" fill="#00C9DB"/>
+<path d="M14.4647 11.8399C14.4647 11.8337 14.4638 11.8274 14.463 11.8203C14.4218 11.1566 14.1096 10.5116 13.5425 10.0689L4.91963 3.21348C3.86681 2.39055 2.3435 2.57571 1.51699 3.62584C0.690478 4.67687 0.874743 6.19482 1.92666 7.01775L8.17826 11.9875L1.92666 16.9573C0.874743 17.7794 0.690478 19.2982 1.51699 20.3483C2.3435 21.3985 3.86681 21.5836 4.91963 20.7607L13.5434 13.9044C14.1105 13.4617 14.4227 12.8167 14.4638 12.153C14.4647 12.1468 14.4647 12.1405 14.4656 12.1333C14.4683 12.0841 14.4692 12.0358 14.4692 11.9866C14.4692 11.9383 14.4674 11.8891 14.4647 11.8399Z" fill="#0D55FF"/>
+<path d="M23 18.867C23 20.2097 21.9096 21.2974 20.5625 21.2974C19.2172 21.2974 18.1268 20.2088 18.1268 18.867C18.1268 17.5253 19.2172 16.4367 20.5625 16.4367C21.9096 16.4367 23 17.5253 23 18.867Z" fill="#7000F2"/>
+</g>
+<defs>
+<clipPath id="clip0_15000_4362">
+<rect width="22" height="18.5983" fill="white" transform="translate(1 2.70001)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/ci4app/public/assets/raven/images/brands/google.svg b/ci4app/public/assets/raven/images/brands/google.svg
new file mode 100644
index 0000000..add03bd
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/google.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 12.27C24 11.48 23.9284 10.73 23.8058 9.99998H12.2605V14.51H18.871C18.5747 15.99 17.7062 17.24 16.4189 18.09V21.09H20.3627C22.6717 19 24 15.92 24 12.27Z" fill="#4285F4"/>
+<path d="M12.2606 24C15.571 24 18.3398 22.92 20.3628 21.09L16.419 18.09C15.3156 18.81 13.9158 19.25 12.2606 19.25C9.06269 19.25 6.35515 17.14 5.38453 14.29H1.31812V17.38C3.33089 21.3 7.46882 24 12.2606 24Z" fill="#34A853"/>
+<path d="M5.38442 14.2901C5.12899 13.5701 4.99617 12.8001 4.99617 12.0001C4.99617 11.2001 5.13921 10.4301 5.38442 9.71009V6.62009H1.31801C0.480203 8.24009 0 10.0601 0 12.0001C0 13.9401 0.480203 15.7601 1.31801 17.3801L5.38442 14.2901Z" fill="#FBBC05"/>
+<path d="M12.2606 4.74998C14.0691 4.74998 15.6834 5.35999 16.9605 6.54999L20.4548 3.12999C18.3398 1.18999 15.571 -1.52588e-05 12.2606 -1.52588e-05C7.46882 -1.52588e-05 3.33089 2.69999 1.31812 6.61999L5.38453 9.70999C6.35515 6.85999 9.06269 4.74998 12.2606 4.74998Z" fill="#EA4335"/>
+</svg>
diff --git a/ci4app/public/assets/raven/images/brands/inferno.svg b/ci4app/public/assets/raven/images/brands/inferno.svg
new file mode 100644
index 0000000..ea5ecf2
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/inferno.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15000_4304)">
+<path d="M8.36643 5.85776L8.09061 6.04078C5.81726 7.52768 4.61942 9.64347 4.59205 12.3525C4.55682 15.8171 6.99797 18.8306 10.3749 19.6059C14.7339 20.6068 19.0479 17.4468 19.3985 12.9962C19.6758 9.47599 17.2956 6.31355 13.9372 5.22034C13.4308 4.6557 12.9709 2.75801 13.7713 1.89364C17.0718 2.62708 19.5463 4.31239 21.1417 7.02672C24.6301 12.9617 21.4941 20.6979 14.868 22.5457C8.71281 24.2622 2.48494 20.2046 1.56442 13.8783C0.542916 7.9795 4.70792 2.73195 10.5843 1.84998C9.21334 3.08983 8.47991 4.7925 8.36643 5.85776Z" fill="#494949"/>
+<path d="M16.2627 10.8801C16.7373 9.99577 16.7158 9.07087 16.4463 8.13513C16.3801 7.90487 16.2422 7.51004 16.1492 7.25191C17.7357 8.42435 19.0906 11.2435 18.4019 14.0451C17.7639 16.6408 15.2761 18.7315 12.7098 18.9733C9.40482 19.2845 6.83513 17.3041 5.86797 14.8965C4.83662 12.3297 5.66252 9.17284 7.43509 7.60118C6.56774 9.34744 6.83621 10.7337 7.19061 11.251C7.58454 11.826 8.2117 12.1241 8.82381 11.9538C9.46726 11.7749 9.96093 11.1991 9.94977 10.4651C9.94233 9.97501 9.8549 9.42229 9.66162 8.98072C8.51473 6.36083 9.47073 3.99808 11.3206 2.37092C11.8576 1.89866 12.4818 1.44543 13.2765 1.00006C12.4033 2.23991 12.255 3.75054 12.9184 5.1563C13.3075 5.92232 13.8059 6.72234 14.2457 7.4614C15.0361 8.78975 15.5209 10.1555 15.311 11.74C15.3086 11.7575 15.9397 11.4955 16.2627 10.8801Z" fill="#FB3239"/>
+</g>
+<defs>
+<clipPath id="clip0_15000_4304">
+<rect width="21.1728" height="22" fill="white" transform="translate(1.41003 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/ci4app/public/assets/raven/images/brands/instagram.svg b/ci4app/public/assets/raven/images/brands/instagram.svg
new file mode 100644
index 0000000..d5ec612
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/instagram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="72" viewBox="0 0 72 72"><defs><pattern id="instagram-b" width="100%" height="100%" x="0%"><use transform="scale(.14343)" xlink:href="#instagram-a"/></pattern><image id="instagram-a" width="502" height="502" xlink:href="data:image/png;base64,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"/></defs><g fill="none" fill-rule="evenodd"><path fill="url(#instagram-b)" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M36 12c6.518 0 7.335.028 9.895.144 2.555.117 4.3.523 5.826 1.116 1.578.613 2.917 1.434 4.25 2.768 1.335 1.334 2.156 2.673 2.77 4.251.592 1.527.998 3.271 1.115 5.826.116 2.56.144 3.377.144 9.895s-.028 7.335-.144 9.895c-.117 2.555-.523 4.3-1.116 5.826-.613 1.578-1.434 2.917-2.768 4.25-1.334 1.335-2.673 2.156-4.251 2.77-1.527.592-3.271.998-5.826 1.115-2.56.116-3.377.144-9.895.144s-7.335-.028-9.895-.144c-2.555-.117-4.3-.523-5.826-1.116-1.578-.613-2.917-1.434-4.25-2.768-1.335-1.334-2.156-2.673-2.769-4.251-.593-1.527-1-3.271-1.116-5.826C12.028 43.335 12 42.518 12 36s.028-7.335.144-9.895c.117-2.555.523-4.3 1.116-5.826.613-1.578 1.434-2.917 2.768-4.25 1.334-1.335 2.673-2.156 4.251-2.769 1.527-.593 3.271-1 5.826-1.116C28.665 12.028 29.482 12 36 12zm0 4.324c-6.408 0-7.167.025-9.698.14-2.34.107-3.61.498-4.457.827-1.12.435-1.92.955-2.76 1.795-.839.84-1.359 1.64-1.794 2.76-.33.845-.72 2.116-.827 4.456-.115 2.53-.14 3.29-.14 9.698s.025 7.167.14 9.698c.107 2.34.498 3.61.827 4.457.435 1.12.955 1.92 1.795 2.76.84.839 1.64 1.359 2.76 1.794.845.33 2.116.72 4.456.827 2.53.115 3.29.14 9.698.14 6.409 0 7.168-.025 9.698-.14 2.34-.107 3.61-.498 4.457-.827 1.12-.435 1.92-.955 2.76-1.795.839-.84 1.359-1.64 1.794-2.76.33-.845.72-2.116.827-4.456.115-2.53.14-3.29.14-9.698s-.025-7.167-.14-9.698c-.107-2.34-.498-3.61-.827-4.457-.435-1.12-.955-1.92-1.795-2.76-.84-.839-1.64-1.359-2.76-1.794-.845-.33-2.116-.72-4.456-.827-2.53-.115-3.29-.14-9.698-.14zm0 7.352c6.807 0 12.324 5.517 12.324 12.324 0 6.807-5.517 12.324-12.324 12.324-6.807 0-12.324-5.517-12.324-12.324 0-6.807 5.517-12.324 12.324-12.324zM36 44a8 8 0 100-16 8 8 0 000 16zm15.691-20.811a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0z"/></g></svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/brands/jira.svg b/ci4app/public/assets/raven/images/brands/jira.svg
new file mode 100644
index 0000000..06ed453
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/jira.svg
@@ -0,0 +1,20 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15000_4309)">
+<path d="M22.1324 11.3915L12.7781 2.03721L11.8717 1.1308L4.83002 8.1725L1.61001 11.3915C1.44917 11.5532 1.35889 11.772 1.35889 12C1.35889 12.2281 1.44917 12.4468 1.61001 12.6085L8.04323 19.0417L11.8717 22.8692L18.9124 15.8275L19.0221 15.7188L22.1324 12.6133C22.2131 12.5333 22.277 12.4382 22.3207 12.3333C22.3643 12.2285 22.3868 12.116 22.3868 12.0024C22.3868 11.8889 22.3643 11.7764 22.3207 11.6716C22.277 11.5667 22.2131 11.4715 22.1324 11.3915ZM11.8717 15.2142L8.65753 12L11.8717 8.78583L15.0849 12L11.8717 15.2142Z" fill="#2684FF"/>
+<path d="M11.8717 8.78581C10.8608 7.77519 10.291 6.4056 10.2866 4.9762C10.2823 3.5468 10.8437 2.17376 11.8484 1.15698L4.81543 8.18704L8.64295 12.0146L11.8717 8.78581Z" fill="url(#paint0_linear_15000_4309)"/>
+<path d="M15.0936 11.9913L11.8717 15.2142C12.8864 16.2291 13.4564 17.6056 13.4564 19.0407C13.4564 20.4759 12.8864 21.8523 11.8717 22.8673L18.9241 15.8188L15.0936 11.9913Z" fill="url(#paint1_linear_15000_4309)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_15000_4309" x1="11.2962" y1="5.53378" x2="6.8078" y2="10.0212" gradientUnits="userSpaceOnUse">
+<stop offset="0.18" stop-color="#0052CC"/>
+<stop offset="1" stop-color="#2684FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_15000_4309" x1="12.485" y1="18.4274" x2="16.9647" y2="13.9487" gradientUnits="userSpaceOnUse">
+<stop offset="0.18" stop-color="#0052CC"/>
+<stop offset="1" stop-color="#2684FF"/>
+</linearGradient>
+<clipPath id="clip0_15000_4309">
+<rect width="20.7768" height="22" fill="white" transform="translate(1.60999 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/ci4app/public/assets/raven/images/brands/linkedin.svg b/ci4app/public/assets/raven/images/brands/linkedin.svg
new file mode 100644
index 0000000..e3fefb0
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/linkedin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#007EBB" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M62 62H51.316V43.802c0-4.99-1.896-7.777-5.845-7.777-4.296 0-6.54 2.901-6.54 7.777V62H28.632V27.333H38.93v4.67s3.096-5.729 10.453-5.729c7.353 0 12.617 4.49 12.617 13.777V62zM16.35 22.794c-3.508 0-6.35-2.864-6.35-6.397C10 12.864 12.842 10 16.35 10c3.507 0 6.347 2.864 6.347 6.397 0 3.533-2.84 6.397-6.348 6.397zM11.032 62h10.736V27.333H11.033V62z"/></g></svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/brands/mailchimp.svg b/ci4app/public/assets/raven/images/brands/mailchimp.svg
new file mode 100644
index 0000000..34a05a4
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/mailchimp.svg
@@ -0,0 +1,18 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.9887 20.9812C20.9189 21.051 20.8317 21.0858 20.7271 21.0858C20.6224 21.0858 20.5352 21.051 20.4655 20.9812C20.3957 20.9114 20.3608 20.8242 20.3608 20.7196C20.3608 20.6149 20.3957 20.519 20.4742 20.4493C20.544 20.3795 20.6312 20.3533 20.7271 20.3533C20.8317 20.3533 20.9189 20.3882 20.9887 20.458C21.0585 20.5277 21.0934 20.6149 21.0934 20.7196C21.1021 20.8242 21.0672 20.9114 20.9887 20.9812ZM20.5178 20.5016C20.4568 20.5626 20.4306 20.6324 20.4306 20.7109C20.4306 20.7981 20.4568 20.8678 20.5178 20.9289C20.5788 20.9899 20.6486 21.0161 20.7358 21.0161C20.823 21.0161 20.8928 20.9899 20.9538 20.9289C21.0149 20.8678 21.041 20.7981 21.041 20.7109C21.041 20.6324 21.0149 20.5539 20.9538 20.5016C20.8928 20.4405 20.823 20.4056 20.7358 20.4056C20.6486 20.4144 20.5788 20.4405 20.5178 20.5016ZM20.8492 20.9027C20.8143 20.9289 20.7794 20.9376 20.7445 20.9376C20.6922 20.9376 20.6399 20.9202 20.5963 20.8766C20.5527 20.833 20.5352 20.7806 20.5352 20.7196C20.5352 20.6585 20.5527 20.6062 20.5876 20.5626C20.6224 20.519 20.6748 20.5016 20.7358 20.5016C20.7707 20.5016 20.8056 20.5103 20.8405 20.5277C20.8841 20.5539 20.9189 20.5975 20.9277 20.6673H20.8317C20.823 20.6411 20.8143 20.6149 20.7969 20.6062C20.7794 20.5975 20.762 20.5888 20.7445 20.5888C20.7184 20.5888 20.6922 20.5975 20.6748 20.6237C20.6573 20.6498 20.6486 20.6847 20.6486 20.7283C20.6486 20.7719 20.6573 20.8068 20.6748 20.8242C20.6922 20.8417 20.7184 20.8591 20.7445 20.8591C20.7707 20.8591 20.7881 20.8504 20.8056 20.8417L20.8317 20.7893H20.9189C20.9102 20.8417 20.8841 20.8766 20.8492 20.9027ZM21.7735 17.0308C21.7735 16.9959 21.7648 16.9611 21.7648 16.9262C21.7648 16.9 21.7561 16.8826 21.7561 16.8651C21.7474 16.8128 21.7387 16.7692 21.7212 16.7169C21.6863 16.621 21.634 16.525 21.5643 16.4466C21.4945 16.3681 21.416 16.307 21.3375 16.2634C21.2503 16.2198 21.1631 16.1937 21.0934 16.1762C21.0672 16.1762 21.0497 16.1675 21.0323 16.1675C21.1282 15.7489 21.0061 15.4263 20.9277 15.278L20.9451 15.2606C21.0497 15.1559 21.137 15.06 21.2154 14.9641L21.2329 14.9466C21.2939 14.8594 21.3288 14.7722 21.355 14.6937C21.3724 14.624 21.3898 14.5629 21.3898 14.5019V14.4496V14.4147V14.3362C21.3811 14.2054 21.3637 14.0397 21.2765 13.8566C21.2329 13.7694 21.1718 13.6734 21.0934 13.5862C21.0149 13.499 20.9189 13.4206 20.8056 13.3595C20.7969 13.3508 20.7881 13.3508 20.7794 13.3421C20.544 13.002 20.2823 12.7316 20.0469 12.5311C19.9248 12.4264 19.8114 12.3392 19.7155 12.2695C19.6196 12.1997 19.5411 12.1474 19.4975 12.1125C19.3929 12.034 19.3144 11.9904 19.2795 11.973C19.1923 11.9206 19.1312 11.877 19.0964 11.8509C19.0702 11.8247 19.0528 11.816 19.044 11.8073C19.044 11.8073 19.044 11.7985 19.0353 11.7811C19.0266 11.7549 19.0266 11.7201 19.0266 11.659C19.0266 11.5718 19.0266 11.441 19.0353 11.2666C19.0528 10.9875 19.0789 10.6126 19.1138 10.0981C19.1225 9.93237 19.1225 9.7754 19.1225 9.63587C19.1138 9.40042 19.0789 9.19113 19.0353 8.99928C19.0266 8.95568 19.0092 8.91207 19.0004 8.86847C18.9917 8.83359 18.983 8.81615 18.9743 8.79871C18.9656 8.77255 18.9568 8.74638 18.9394 8.7115C18.9307 8.69406 18.9307 8.67662 18.9132 8.65918C18.8958 8.61558 18.8784 8.57198 18.8522 8.52837L18.8435 8.51965L18.8348 8.49349L18.826 8.47605C18.7824 8.39757 18.7301 8.3278 18.6778 8.26676C18.6516 8.14467 18.608 7.97026 18.5295 7.76969C18.4598 7.59528 18.3726 7.40343 18.2418 7.21158C18.1982 7.14182 18.1458 7.08078 18.0935 7.01973L18.111 7.00229C18.1371 6.97613 18.7475 6.33081 19.2359 5.49365C20.1341 3.93269 19.8376 2.98216 19.4277 2.45893L19.419 2.44149L19.4103 2.42405C19.0179 1.98802 18.4772 1.72641 17.8232 1.6392C16.4541 1.46479 14.9018 2.14499 14.492 2.33684L13.742 1.51712C13.6722 1.44735 13.6025 1.37759 13.524 1.32527C13.4455 1.27294 13.3583 1.22062 13.2711 1.17702C13.0967 1.09853 12.9048 1.04621 12.6955 1.02005C12.2857 0.967727 11.8148 1.02005 11.309 1.15086C10.5503 1.34271 9.70442 1.72641 8.81493 2.25836C7.92545 2.79031 7.00108 3.47922 6.10287 4.29895C5.00409 5.29308 4.09716 6.34826 3.43441 7.35983C3.10303 7.8569 2.83269 8.34524 2.63212 8.81615C2.43155 9.27833 2.30074 9.72308 2.24842 10.1242C2.21354 10.4207 2.21354 10.6998 2.27458 10.9527C2.30074 11.066 2.33563 11.1707 2.38795 11.2753C2.44899 11.4061 2.52748 11.5282 2.6234 11.6329L3.39952 12.4439L3.48673 12.5311L3.47801 12.5398L3.45185 12.5921C3.43441 12.6183 3.42569 12.6444 3.40824 12.6619L3.38208 12.7142C3.37336 12.7404 3.35592 12.7665 3.3472 12.7927L3.32104 12.845C3.31232 12.8712 3.29488 12.8973 3.28616 12.9235C3.27744 12.9409 3.26872 12.9584 3.26872 12.9758L3.24256 13.0543C3.23383 13.0717 3.23383 13.0892 3.22511 13.1066C3.21639 13.1328 3.20767 13.1589 3.19895 13.1938C3.19895 13.2025 3.19023 13.2113 3.19023 13.22C3.19023 13.2287 3.18151 13.2374 3.18151 13.2461C3.17279 13.2723 3.16407 13.3072 3.15535 13.3333C3.15535 13.3508 3.14663 13.3682 3.14663 13.3857C3.14663 13.3944 3.13791 13.4118 3.13791 13.4206C3.13791 13.438 3.12919 13.4554 3.12919 13.4729C3.12919 13.4903 3.12047 13.5078 3.12047 13.5252C3.11175 13.5601 3.11175 13.595 3.10303 13.6386C3.10303 13.6473 3.10303 13.656 3.09431 13.6734V13.6822C3.09431 13.7083 3.08559 13.7345 3.08559 13.7519C3.08559 13.7868 3.07687 13.8304 3.07687 13.8653V14.3013C3.07687 14.3188 3.07687 14.3362 3.08559 14.3536C3.08559 14.3711 3.08559 14.3972 3.09431 14.4234V14.4496C3.09431 14.467 3.10303 14.4932 3.10303 14.5106C3.10303 14.5281 3.11175 14.5455 3.11175 14.5717C3.11175 14.5804 3.11175 14.5891 3.12047 14.5978C3.12047 14.6065 3.12919 14.624 3.12919 14.6327V14.6501C3.12919 14.6676 3.13791 14.685 3.14663 14.7199C3.14663 14.7286 3.14663 14.7286 3.15535 14.7373C3.16407 14.7548 3.16407 14.7722 3.16407 14.7809L3.17279 14.7984C3.17279 14.8071 3.17279 14.8071 3.18151 14.8158L3.19023 14.8333V14.8594C3.19023 14.8682 3.19023 14.8682 3.19895 14.8769L3.20767 14.8943C3.20767 14.9118 3.21639 14.9205 3.21639 14.9379C3.22511 14.9554 3.22511 14.9728 3.23383 15.0077V14.999V15.0077C3.23383 15.0164 3.23383 15.0164 3.24256 15.0251C3.25128 15.0513 3.26 15.0687 3.26 15.0774C3.26872 15.0949 3.27744 15.1123 3.28616 15.1472L3.29488 15.1559C3.3036 15.1734 3.3036 15.1908 3.31232 15.1995L3.32104 15.217C3.32104 15.2257 3.32976 15.2344 3.32976 15.2431C3.32976 15.2519 3.33848 15.2693 3.3472 15.278L3.35592 15.2955C3.36464 15.3042 3.36464 15.3216 3.37336 15.3303C3.38208 15.3391 3.38208 15.3478 3.38208 15.3565C3.3908 15.3739 3.39952 15.3914 3.40824 15.4175L3.41696 15.4263C3.42569 15.435 3.42569 15.4437 3.43441 15.4524C3.44313 15.4611 3.44313 15.4786 3.45185 15.4873C3.46057 15.496 3.46929 15.5135 3.47801 15.5396L3.48673 15.5483C3.49545 15.5571 3.49545 15.5658 3.50417 15.5745C3.51289 15.592 3.52161 15.6007 3.52161 15.6094C3.53033 15.6181 3.53905 15.6356 3.54777 15.653V15.6617C3.55649 15.6704 3.55649 15.6792 3.56521 15.6879C3.57393 15.7053 3.58265 15.714 3.59137 15.7228C3.60009 15.7315 3.60882 15.7489 3.62626 15.7751C3.63498 15.7838 3.6437 15.7925 3.6437 15.8012C3.65242 15.8187 3.66114 15.8274 3.66986 15.8361C3.67858 15.8448 3.6873 15.8623 3.69602 15.8797C3.70474 15.8884 3.71346 15.9059 3.72218 15.9146C3.7309 15.932 3.73962 15.9408 3.75706 15.9495L3.78322 15.9757L3.79194 15.9844C3.80939 16.0018 3.81811 16.0193 3.83555 16.0367L3.85299 16.0541L3.87915 16.0803L3.93147 16.1326L3.94891 16.1501L3.97507 16.1762L3.9838 16.1849C4.00124 16.2024 4.0274 16.2198 4.04484 16.246L4.05356 16.2547C4.06228 16.2634 4.071 16.2634 4.07972 16.2809C4.10588 16.307 4.13204 16.3245 4.1582 16.3506L4.17565 16.3594L4.18437 16.3681L4.20181 16.3768C4.22797 16.3942 4.24541 16.4117 4.27157 16.4291L4.28029 16.4378C4.28901 16.4466 4.29773 16.4466 4.29773 16.4466L4.31517 16.464C4.33261 16.4814 4.35005 16.4902 4.3675 16.5076L4.38494 16.5163L4.40238 16.5338L4.4111 16.5425C4.42854 16.5512 4.4547 16.5686 4.47214 16.5774C4.48086 16.5861 4.48958 16.5948 4.50702 16.5948L4.52446 16.6035L4.53318 16.6122H4.54191C4.57679 16.6297 4.60295 16.6471 4.62911 16.6646L4.64655 16.6733L4.7512 16.7256H4.75992L4.77736 16.7343L4.82968 16.7605C4.8384 16.7605 4.84712 16.7692 4.85584 16.7692C4.86456 16.7779 4.87328 16.7779 4.89072 16.7867H4.89944C4.91689 16.7954 4.93433 16.8041 4.95177 16.8041H4.96049C4.97793 16.8128 4.99537 16.8215 5.02153 16.8303H5.03025L5.04769 16.839C5.05641 16.839 5.06513 16.8477 5.07385 16.8477H5.08257C5.10874 16.8564 5.1349 16.8651 5.16978 16.8739H5.1785C5.2221 16.8913 5.2657 16.9 5.30931 16.9087H5.31803C5.35291 16.9175 5.39651 16.9262 5.43139 16.9349H5.46627C5.50116 16.9436 5.53604 16.9523 5.57092 16.9523H5.6058C5.63196 16.9523 5.6494 16.9611 5.67557 16.9611C5.67557 16.9698 5.68429 16.9785 5.68429 16.9872C5.74533 17.1529 5.80637 17.3186 5.87614 17.4756C6.90515 20.3272 9.75674 22.5422 13.0095 22.952C16.2622 23.3532 19.7417 21.1905 21.1544 18.2691C21.2154 18.1558 21.2678 18.0511 21.3201 17.9378C21.4596 17.7895 21.573 17.6413 21.6427 17.4843C21.7561 17.3884 21.7823 17.1965 21.7735 17.0308ZM3.71346 15.8972H3.72218H3.71346Z" fill="#664F44"/>
+<path d="M18.9919 2.76413C18.8349 2.58972 18.6518 2.45892 18.4512 2.36299C18.4163 2.34555 18.3814 2.33683 18.3378 2.32811C18.3204 2.31939 18.303 2.30195 18.2855 2.29323C18.1111 2.22346 17.928 2.17986 17.7361 2.1537C16.7943 2.03161 15.713 2.38043 15.1025 2.62461C15.0677 2.64205 15.0328 2.65077 14.9979 2.66821C14.9456 2.69437 14.8932 2.71181 14.8409 2.73797C14.7537 2.77285 14.6665 2.81646 14.5706 2.86006C14.5531 2.86878 14.5444 2.86878 14.527 2.8775L14.3613 2.68565L14.2828 2.59844L14.2131 2.51996L14.1869 2.48508L13.5503 1.75256L13.498 1.69152L13.4282 1.61303H13.4195L13.2364 1.65663L13.0271 1.70024C12.9137 1.64791 12.7742 1.61303 12.6172 1.58687C12.3033 1.54327 11.9021 1.58687 11.4487 1.70024C10.9952 1.8136 10.4807 2.01417 9.94002 2.28451C8.84996 2.82518 7.64654 3.65362 6.478 4.71752C6.06813 5.08378 5.69315 5.46748 5.34434 5.84246C5.00424 6.20872 4.69902 6.5837 4.41997 6.94124C3.85314 7.68248 3.42583 8.39756 3.14678 9.04287C2.96365 9.47017 2.85028 9.86259 2.80668 10.2027C2.7718 10.4469 2.78052 10.6649 2.82412 10.8393C2.84156 10.9003 2.859 10.9439 2.87644 10.9963C2.92005 11.1009 2.97237 11.1881 3.04213 11.2666L3.74849 12.0078L3.82697 12.0863L3.8357 12.0776C3.85314 12.0514 3.8793 12.0253 3.90546 12.0078L3.91418 11.9991L3.94034 11.9729C3.95778 11.9468 3.98394 11.9293 4.00138 11.9032C4.01882 11.8857 4.02755 11.877 4.04499 11.8683C4.06243 11.8596 4.07115 11.8421 4.08859 11.8334L4.10603 11.816C4.12347 11.8073 4.13219 11.7898 4.14963 11.7811C4.16707 11.7637 4.19323 11.7462 4.21068 11.7288C4.2194 11.7201 4.23684 11.7113 4.24556 11.7026H4.25428C4.28044 11.6852 4.29788 11.6677 4.32404 11.6503C4.34148 11.6416 4.3502 11.6328 4.36764 11.6154C4.39381 11.598 4.41125 11.5805 4.43741 11.5631C4.45485 11.5544 4.46357 11.5456 4.48101 11.5369C4.50717 11.5195 4.53333 11.502 4.55949 11.4933C4.57693 11.4846 4.58566 11.4759 4.6031 11.4672C4.62926 11.4497 4.65542 11.441 4.68158 11.4236C4.69902 11.4148 4.70774 11.4061 4.72518 11.3974L4.74262 11.3887C4.76878 11.38 4.78623 11.3625 4.81239 11.3538C4.82111 11.3451 4.83855 11.3451 4.84727 11.3364C4.86471 11.3276 4.88215 11.3189 4.90831 11.3102L4.96064 11.284L4.97808 11.2753L5.10888 11.223C5.12632 11.2143 5.13504 11.2143 5.15249 11.2055C5.16993 11.1968 5.17865 11.1968 5.19609 11.1881L5.21353 11.1794C5.22225 11.1794 5.23097 11.1707 5.23969 11.1707C5.25713 11.1619 5.27457 11.1619 5.30073 11.1532H5.31817C5.34434 11.1445 5.36178 11.1445 5.38794 11.1358C5.40538 11.1271 5.43154 11.1271 5.44898 11.1183C5.47514 11.1096 5.5013 11.1096 5.52747 11.1009C5.53619 11.1009 5.54491 11.0922 5.56235 11.0922C5.57107 11.0922 5.58851 11.0922 5.59723 11.0835C5.62339 11.0747 5.64955 11.0747 5.67571 11.0747C5.70187 11.0747 5.71932 11.066 5.74548 11.066C5.76292 11.066 5.78036 11.0573 5.7978 11.0573H5.86756C5.95477 11.0573 6.05941 11.0573 6.16406 11.066H6.1815C6.28615 11.0747 6.40823 11.0922 6.53032 11.1183C6.55648 11.1271 6.59136 11.1271 6.61752 11.1358C6.62624 11.1271 6.62624 11.1096 6.63496 11.1009C6.70473 10.9875 6.76577 10.8654 6.83554 10.7521C7.22796 10.098 7.64654 9.5225 8.07384 9.01671C8.22209 8.8423 8.37034 8.68533 8.51859 8.52836C9.13774 7.88305 9.75689 7.38598 10.315 7.00228C10.4371 6.91508 10.5679 6.83659 10.6813 6.75811C10.847 6.65346 11.0039 6.56626 11.1522 6.47905C11.2743 6.40929 11.3876 6.34825 11.501 6.29592C11.6841 6.2 11.8498 6.12151 11.9981 6.06047L12.1289 6.00815C12.1899 5.98199 12.2509 5.95582 12.3033 5.93838C12.2597 5.92966 12.2073 5.92966 12.1637 5.92966H11.9893C11.9457 5.92966 11.8934 5.92966 11.8498 5.93838C11.7626 5.9471 11.6667 5.95582 11.5707 5.96455C11.5359 5.97327 11.5097 5.97327 11.4748 5.98199C11.7103 5.8599 11.9457 5.7727 12.1637 5.70293C12.312 5.65933 12.4602 5.62445 12.5998 5.59829C12.7916 5.5634 12.9747 5.53724 13.1404 5.52852C13.2538 5.5198 13.3584 5.5198 13.4544 5.5198C13.5503 5.5198 13.6462 5.52852 13.7247 5.52852C14.0125 5.54596 14.1869 5.58957 14.1869 5.58957C14.1433 5.52852 14.091 5.48492 14.0386 5.44132C13.934 5.36283 13.8206 5.31051 13.716 5.26691C13.6724 5.24947 13.6375 5.24075 13.6026 5.22331C13.5765 5.21458 13.5503 5.20586 13.5329 5.20586C13.5852 5.19714 13.6288 5.18842 13.6724 5.18842C13.7247 5.1797 13.7683 5.1797 13.8206 5.17098C14.2305 5.1361 14.5968 5.17098 14.8671 5.21459C15.1897 5.27563 15.3903 5.35411 15.3903 5.35411C15.3467 5.26691 15.2769 5.18842 15.1985 5.11866C15.1461 5.07506 15.0851 5.03146 15.0328 4.99657C15.1461 5.02273 15.2421 5.0489 15.3467 5.08378C15.6083 5.16226 15.8263 5.25819 16.0007 5.33667L16.1577 5.41516C16.1752 5.42388 16.1839 5.4326 16.1926 5.4326C16.3496 5.5198 16.4368 5.58084 16.4368 5.58084C16.4106 5.48492 16.3583 5.39771 16.2885 5.31923C16.2711 5.30179 16.2536 5.27563 16.2362 5.25819H16.2449C16.2536 5.25819 16.2624 5.26691 16.2798 5.26691C16.2885 5.26691 16.306 5.27563 16.3234 5.28435C16.3932 5.31051 16.4978 5.35411 16.6199 5.41516C16.6286 5.41516 16.6286 5.42388 16.6373 5.42388L16.6897 5.45004C16.7333 5.4762 16.7769 5.49364 16.8205 5.52852L16.9513 5.60701C16.9774 5.62445 16.9949 5.63317 17.021 5.65061C17.0646 5.68549 17.117 5.72037 17.1606 5.76397C17.2129 5.80758 17.2565 5.85118 17.3001 5.89478L17.3263 5.92094C17.3611 5.95582 17.396 5.99071 17.4222 6.02559C17.4832 6.09535 17.5356 6.17384 17.5879 6.25232C17.6489 6.34825 17.6925 6.46161 17.7361 6.57498C17.7361 6.5837 17.7361 6.59242 17.7448 6.59242C17.771 6.56626 17.8233 6.51393 17.8844 6.44417C18.3902 5.85118 19.9075 3.93268 18.9919 2.76413Z" fill="#132134"/>
+<path d="M21.2504 17.0919C21.2504 17.0919 21.2678 16.9611 21.1981 16.839C21.1981 16.8302 21.1893 16.8215 21.1893 16.8215L21.1806 16.8128L21.1545 16.7866C21.137 16.7692 21.1196 16.7518 21.0934 16.7343C21.0847 16.7256 21.0672 16.7169 21.0498 16.7082C21.0062 16.6907 20.9626 16.6733 20.9016 16.6646C20.858 16.6558 20.8144 16.6558 20.762 16.6558H20.6923V16.6733C20.6923 16.682 20.701 16.6907 20.701 16.7082C20.701 16.7169 20.701 16.7256 20.7097 16.7256C20.7184 16.7518 20.7271 16.7954 20.7359 16.8302C20.7359 16.8302 20.7359 16.839 20.7271 16.8564V16.8651C20.701 16.9262 20.6312 17.0657 20.4743 17.2401C20.4481 17.275 20.4219 17.3011 20.3871 17.336C19.951 17.7895 19.0092 18.4261 17.021 18.7836C16.3495 18.8796 15.7216 18.8883 15.1984 18.8185C14.4135 18.7226 13.8293 18.4697 13.5502 18.1296C13.524 18.1034 13.5066 18.0686 13.4804 18.0424C13.463 18.0162 13.4543 17.9988 13.4368 17.9726C13.4281 17.9639 13.4281 17.9552 13.4194 17.9465C13.306 17.7372 13.2537 17.5104 13.2537 17.2924C13.2537 17.0221 13.3409 16.7692 13.4804 16.5773C13.5938 16.4204 13.7421 16.2983 13.9252 16.246C14.0124 16.2198 14.1083 16.2024 14.2042 16.2111C14.2217 16.2111 14.2478 16.2111 14.2827 16.2198C14.3438 16.2285 14.4397 16.2373 14.5531 16.2547C14.5618 16.2547 14.5792 16.2547 14.5879 16.2634C14.9629 16.307 15.5559 16.3681 16.271 16.3245C17.5791 16.246 19.297 15.8361 20.858 14.4234V14.4147C20.8667 14.2926 20.8492 14.0833 20.701 13.9176C20.6748 13.8914 20.6487 13.8653 20.6138 13.8391C20.5963 13.8217 20.5702 13.813 20.5527 13.7955C20.5266 13.7868 20.5091 13.7694 20.4917 13.7606L20.4132 13.7083V13.6996C20.4045 13.6822 20.3958 13.6647 20.3783 13.6473C19.9772 13.0368 19.4191 12.6793 19.1923 12.5136C19.0877 12.4351 19.0179 12.4002 19.0179 12.4002C18.5383 12.1038 18.4685 12.0078 18.5121 11.2143C18.5296 10.9265 18.5558 10.5515 18.5906 10.037C18.5906 9.96724 18.5994 9.90619 18.5994 9.84515V9.80155V9.59226C18.5994 9.54865 18.5906 9.50505 18.5906 9.47017C18.5906 9.45273 18.5906 9.43529 18.5819 9.41785C18.5732 9.37424 18.5732 9.33064 18.5645 9.28704C18.5645 9.2696 18.5558 9.24344 18.5558 9.226C18.5558 9.19984 18.547 9.18239 18.5383 9.15623C18.5296 9.13879 18.5296 9.11263 18.5209 9.09519C18.5121 9.06903 18.5034 9.04287 18.5034 9.01671C18.5034 9.00798 18.4947 8.99926 18.4947 8.99054C18.4947 8.98182 18.486 8.9731 18.486 8.96438V8.95566L18.4773 8.9295C18.4685 8.91206 18.4598 8.89462 18.4598 8.87718V8.86846L18.4511 8.85102L18.4424 8.83358C18.4249 8.79869 18.4162 8.76381 18.3988 8.73765L18.3901 8.71149C18.3726 8.68533 18.3552 8.65045 18.3377 8.62428L18.329 8.61556L18.3203 8.60684C18.3029 8.5894 18.2941 8.57196 18.2767 8.55452L18.2593 8.52836C18.2418 8.5022 18.2244 8.48476 18.2069 8.46732V8.39755C18.1982 8.36267 18.1895 8.31907 18.1808 8.27547C18.1808 8.26675 18.1721 8.2493 18.1721 8.24058V8.23186C18.1721 8.21442 18.1633 8.2057 18.1633 8.18826C18.1546 8.15338 18.1459 8.1185 18.1284 8.08362C18.1284 8.0749 18.1197 8.05745 18.1197 8.04873L18.0936 7.97025C18.0848 7.95281 18.0848 7.93537 18.0761 7.92665C18.0674 7.90049 18.0587 7.87432 18.0412 7.84816L18.0151 7.79584C18.0064 7.76968 17.9889 7.74352 17.9802 7.71736L17.954 7.66503C17.9366 7.63887 17.9279 7.61271 17.9104 7.58655L17.8843 7.53423C17.8668 7.50806 17.8494 7.4819 17.832 7.44702C17.8232 7.42958 17.8145 7.42086 17.8058 7.40342C17.7971 7.3947 17.7884 7.37726 17.7796 7.36854C17.7535 7.34238 17.736 7.31621 17.7099 7.29005L17.6924 7.28133C17.6575 7.24645 17.6314 7.21157 17.5965 7.18541L17.5878 7.17669C17.5703 7.16797 17.5529 7.15053 17.5442 7.1418H17.5355C17.518 7.13308 17.5093 7.12436 17.4919 7.11564L17.4831 7.10692C17.4657 7.0982 17.4395 7.08076 17.4047 7.06332C17.3959 7.0546 17.3785 7.0546 17.361 7.04588C17.2826 7.01972 17.1866 6.98484 17.0646 6.94995C17.0558 6.94995 17.0471 6.94995 17.0384 6.94123C16.9425 6.91507 16.8291 6.88891 16.707 6.87147C16.6634 6.86275 16.6285 6.86275 16.5849 6.85403C16.5675 6.85403 16.55 6.85403 16.5239 6.84531H16.4977C16.4018 6.83659 16.3146 6.82787 16.2187 6.82787H16.2099C16.0879 6.82787 15.9658 6.83659 15.8524 6.86275C15.8786 6.81915 15.9571 6.76682 16.0268 6.72322C16.1227 6.6709 16.2099 6.63602 16.2099 6.63602C16.1576 6.63602 16.1053 6.64474 16.053 6.65346C16.0355 6.65346 16.0181 6.66218 16.0007 6.66218C15.9919 6.66218 15.9745 6.66218 15.9658 6.6709H15.9571C15.9483 6.6709 15.9396 6.6709 15.9309 6.67962C15.6606 6.74066 15.3989 6.83659 15.2507 6.89763L15.1984 6.92379H15.1897C15.1722 6.92379 15.1635 6.92379 15.146 6.93251C15.2507 6.73194 15.4077 6.6273 15.5297 6.57497C15.5472 6.56625 15.5734 6.55753 15.5908 6.54881C15.5995 6.54881 15.5995 6.54881 15.6082 6.54009C15.6257 6.53137 15.6431 6.53137 15.6518 6.52265C15.678 6.51393 15.6954 6.51393 15.6954 6.51393H15.5559C15.2594 6.54881 14.9891 6.64474 14.7623 6.77555C14.6054 6.86275 14.4659 6.95868 14.3438 7.0546C14.3089 7.06332 14.2827 7.07204 14.2478 7.07204C13.9165 7.1418 13.5415 7.22901 13.1491 7.3511C13.0008 7.3947 12.8526 7.44702 12.7043 7.49934C12.591 7.54295 12.4689 7.58655 12.3555 7.63015C12.2683 7.66503 12.1898 7.69992 12.1026 7.7348C11.5009 8.00513 10.8992 8.36267 10.4021 8.8423L10.3498 8.89462L10.219 9.02543L10.1667 9.07775C10.1492 9.10391 10.1231 9.13007 10.1056 9.14751C10.0097 9.25216 9.92249 9.36552 9.83529 9.48761C9.77424 9.57482 9.7132 9.67074 9.66088 9.76667L9.65216 9.77539C9.53879 9.97596 9.43414 10.1852 9.35566 10.4207C9.31206 10.5341 9.27718 10.6562 9.24229 10.7782C9.23357 10.8131 9.22485 10.8393 9.21613 10.8742L9.20741 10.8916C9.17253 11.0224 9.14637 11.1619 9.12893 11.3015C9.12893 11.3276 9.12021 11.3538 9.12021 11.3887C9.11149 11.4584 9.10277 11.5282 9.10277 11.6067C9.09405 11.6764 9.09405 11.7375 9.09405 11.8073V12.0776C9.09405 12.1561 9.09405 12.2346 9.10277 12.313V12.3218C9.10277 12.4002 9.11149 12.4787 9.12021 12.5659C9.12021 12.6008 9.12893 12.6357 9.12893 12.6706V12.6967C9.12893 12.7142 9.12893 12.7316 9.13765 12.7578C9.14637 12.845 9.16381 12.9409 9.17253 13.0368C9.17253 13.063 9.18125 13.0892 9.18125 13.1153C9.19869 13.1938 9.20741 13.281 9.22485 13.3595C9.22485 13.3595 9.20741 13.2549 9.21613 13.0979C9.21613 13.063 9.22485 13.0194 9.22485 12.9845C9.23357 12.8973 9.25101 12.7927 9.2859 12.6967L9.31206 12.6183C9.31206 12.6095 9.32078 12.6008 9.3295 12.5834C9.34694 12.5398 9.3731 12.4875 9.39926 12.4438C9.40798 12.4787 9.40798 12.5136 9.4167 12.5398V13.002C9.42542 13.2985 9.45158 13.656 9.51263 13.9612C9.51263 13.9612 9.52135 13.4118 9.61727 13.3421C9.61727 13.3421 9.78296 14.3711 9.93121 14.7548C9.94865 14.8071 9.97481 14.842 9.99225 14.8681V14.7635L9.97481 14.1967V14.1356C10.0882 14.3711 10.219 14.6065 10.3672 14.8594C10.4108 14.9292 10.4457 14.9989 10.4893 15.0687C10.2103 15.3129 9.94865 15.6704 9.7568 16.089C9.73064 16.1588 9.69576 16.2285 9.6696 16.2983C9.65216 16.3419 9.64344 16.3768 9.62599 16.4204C9.62599 16.4291 9.61727 16.4465 9.61727 16.4553C9.60855 16.4814 9.59983 16.5163 9.59111 16.5425C9.59111 16.5599 9.58239 16.5686 9.58239 16.5861C9.57367 16.6122 9.56495 16.6471 9.55623 16.6733C9.55623 16.6907 9.54751 16.6994 9.54751 16.7169L9.52135 16.8477C9.51263 16.8913 9.50391 16.9349 9.50391 16.9785C9.50391 16.9959 9.50391 17.0047 9.49519 17.0221C9.49519 17.057 9.48647 17.0831 9.48647 17.118C9.48647 17.1355 9.48647 17.1529 9.47775 17.1703C9.47775 17.2052 9.46903 17.2314 9.46903 17.2663V17.5715C9.46903 17.6064 9.46903 17.6412 9.47775 17.6848V17.711C9.47775 17.7546 9.48647 17.7982 9.49519 17.8505C9.49519 17.868 9.49519 17.8767 9.50391 17.8941C9.50391 17.929 9.51263 17.9552 9.52135 17.9901C9.52135 18.0075 9.53007 18.0249 9.53007 18.0424C9.53879 18.0686 9.53879 18.1034 9.54751 18.1296C9.54751 18.147 9.55623 18.1645 9.55623 18.1819C9.56495 18.2081 9.57367 18.2342 9.57367 18.2691C9.58239 18.2866 9.58239 18.304 9.59111 18.3302C9.59983 18.3563 9.60855 18.3912 9.61727 18.4174C9.62599 18.4348 9.62599 18.4523 9.63471 18.4697C9.64344 18.4959 9.65216 18.5307 9.66088 18.5569C9.6696 18.5743 9.6696 18.5918 9.67832 18.6092C9.68704 18.6441 9.70448 18.679 9.7132 18.7051C9.72192 18.7226 9.72192 18.7313 9.73064 18.7487L9.86145 19.0365C9.87017 19.054 9.87889 19.0627 9.88761 19.0801L9.93993 19.1848C9.94865 19.2022 9.95737 19.2197 9.97481 19.2371C9.99225 19.2633 10.0097 19.2981 10.0271 19.3243C10.0359 19.3417 10.0533 19.3592 10.062 19.3766C10.0795 19.4028 10.0969 19.4377 10.1231 19.4638C10.1405 19.4813 10.1492 19.4987 10.1667 19.5249C10.1841 19.551 10.2103 19.5859 10.2277 19.6121C10.2451 19.6295 10.2539 19.647 10.2713 19.6731C10.2975 19.6993 10.3149 19.7342 10.3411 19.7603C10.3585 19.7778 10.3672 19.7952 10.3847 19.8126C10.4108 19.8475 10.437 19.8737 10.4719 19.9086L10.5155 19.9522C10.5591 19.9958 10.6027 20.0481 10.6463 20.0917C10.6463 20.0917 10.6201 20.0568 10.5852 19.9871C10.5765 19.9783 10.5678 19.9609 10.5678 19.9435L10.5416 19.8911C10.5329 19.8737 10.5242 19.8562 10.5155 19.8301C10.4457 19.6731 10.3847 19.4464 10.3934 19.2022L10.4719 19.3069C10.498 19.3679 10.5416 19.4464 10.5852 19.5336C10.6027 19.5598 10.6201 19.5946 10.6288 19.6208C10.6986 19.7429 10.7684 19.8824 10.8556 20.0132C10.9602 20.1789 11.0649 20.3359 11.1782 20.4841C11.1782 20.4841 11.0474 20.2051 11.0038 20.0219C10.9951 19.9696 10.9864 19.926 10.9951 19.8998C11.0038 19.9086 11.0125 19.926 11.03 19.9347C11.0387 19.9434 11.0474 19.9609 11.0649 19.9696C11.0823 19.9958 11.1085 20.0307 11.1434 20.0743L11.1608 20.0917C11.1782 20.1091 11.187 20.1353 11.2044 20.1527C11.2218 20.1789 11.2393 20.2051 11.2654 20.2312C11.4486 20.4667 11.7015 20.7806 11.8759 20.9463C11.9369 20.9986 11.9892 21.0422 12.0241 21.0597L11.7712 20.6062C12.3468 21.0771 14.7362 21.6788 17.082 21.0073C17.3698 20.9289 17.6488 20.8242 17.9279 20.7021C18.0936 20.6324 18.2593 20.5452 18.4249 20.458L18.4511 20.4405C18.5645 20.3795 18.6778 20.3097 18.7912 20.2399C18.8784 20.1876 18.9656 20.1266 19.0441 20.0743C19.1836 19.9783 19.3232 19.8737 19.4627 19.7603C19.4714 19.7516 19.4801 19.7429 19.4888 19.7429C19.6196 19.6295 19.7505 19.5074 19.8638 19.3853C20.0208 19.2197 20.1603 19.054 20.2824 18.8883L20.2911 18.8796C20.326 18.836 20.3522 18.8011 20.3783 18.7575L20.3871 18.7487C20.3958 18.7313 20.4045 18.7226 20.4132 18.7051C20.4568 18.6441 20.4917 18.5918 20.5353 18.5307C20.544 18.5133 20.5527 18.5046 20.5615 18.4871C20.5789 18.4523 20.5963 18.4261 20.6225 18.3912C20.6399 18.365 20.6487 18.3476 20.6661 18.3214C20.6835 18.2953 20.701 18.2691 20.7097 18.243C20.7359 18.1994 20.762 18.147 20.7882 18.1034L20.8144 18.0511L20.8667 17.9465L20.8928 17.8941L20.9016 17.8767C20.919 17.8331 20.9452 17.7895 20.9626 17.7459V17.7372C21.0411 17.6674 21.0934 17.5976 21.1457 17.5366C21.1545 17.5279 21.1632 17.5192 21.1632 17.5104C21.2155 17.3448 21.2504 17.2139 21.2504 17.0919ZM7.21914 15.4001C7.21914 15.3914 7.21915 15.3826 7.21042 15.3652C7.18426 15.217 7.1581 15.06 7.14938 14.903V14.8681C7.12322 14.8769 7.09706 14.9117 7.06218 14.9553C7.05346 14.9728 7.03602 14.9902 7.02729 15.0164C6.94881 15.1646 6.87905 15.3739 6.87905 15.3739C6.88777 15.3042 6.89649 15.2344 6.89649 15.1646V15.1385C6.90521 15.0687 6.91393 14.9902 6.92265 14.9205V14.8943C6.93137 14.8071 6.94881 14.7286 6.96625 14.6501C6.96625 14.6414 6.96625 14.6327 6.97497 14.6152V14.6065C6.97497 14.5978 6.97497 14.5891 6.98369 14.5804C6.98369 14.5629 6.99241 14.5542 6.99241 14.5368C7.00113 14.4757 7.01857 14.4147 7.02729 14.3536C7.03602 14.3013 7.04474 14.249 7.05346 14.2054V14.1879C7.05346 14.1792 7.05346 14.1705 7.06218 14.1705V14.1531C7.06218 14.1443 7.0709 14.1269 7.0709 14.1182C7.0709 14.1095 7.0709 14.1007 7.07962 14.092C7.07962 14.0746 7.08834 14.0571 7.08834 14.0484C7.08834 14.0397 7.09706 14.0223 7.09706 14.0135C7.09706 13.9961 7.10578 13.9787 7.10578 13.9699C7.10578 13.9612 7.10578 13.9525 7.1145 13.9438C7.1145 13.935 7.1145 13.9263 7.12322 13.9263C7.12322 13.9089 7.13194 13.9002 7.13194 13.8914V13.8653L7.1145 13.8827C7.09706 13.8914 7.08834 13.9089 7.0709 13.9176L7.05346 13.935C7.03602 13.9525 7.01857 13.9699 7.00985 13.9874L7.00113 13.9961L6.94881 14.0746L6.94009 14.0833C6.94009 14.092 6.93137 14.092 6.93137 14.1007L6.90521 14.1531V14.1705C6.89649 14.1967 6.87905 14.2228 6.87033 14.249C6.84416 14.3187 6.818 14.3885 6.80056 14.4496C6.79184 14.467 6.79184 14.4932 6.78312 14.5019C6.7744 14.5368 6.76568 14.5716 6.76568 14.5804V14.5891V14.5804C6.76568 14.5542 6.76568 14.5368 6.7744 14.5106C6.7744 14.467 6.78312 14.4147 6.78312 14.3711C6.78312 14.3362 6.79184 14.2926 6.80056 14.2577C6.80056 14.249 6.80056 14.2315 6.80928 14.2228C6.80928 14.2054 6.818 14.1879 6.818 14.1705C6.818 14.1531 6.82672 14.1356 6.82672 14.1182V14.092C6.82672 14.0746 6.83544 14.0484 6.83544 14.031V13.9874V13.9699C6.83544 13.9612 6.83544 13.9525 6.84417 13.9438C6.85289 13.9176 6.86161 13.8827 6.86161 13.8566V13.8478C6.87033 13.8304 6.87033 13.8042 6.87905 13.7868V13.7781C6.88777 13.7345 6.90521 13.6909 6.91393 13.6473V13.6298C6.91393 13.6211 6.91393 13.6124 6.92265 13.6037C6.94009 13.5339 6.96625 13.4641 6.98369 13.4031V13.3944C7.00113 13.3421 7.02729 13.281 7.04474 13.2287V13.22C7.05346 13.1938 7.06218 13.1764 7.0709 13.1502C7.08834 13.1153 7.09706 13.0804 7.1145 13.0456C7.1145 13.0368 7.12322 13.0194 7.14066 12.9845C7.14938 12.9758 7.14938 12.9584 7.1581 12.9496C7.16682 12.9322 7.17554 12.9148 7.18426 12.8886L7.19298 12.8712L7.34123 12.6008C7.34995 12.5921 7.34995 12.5747 7.35867 12.5659V12.5572L7.36739 12.5398C7.38483 12.5136 7.40228 12.4787 7.41972 12.4526C7.44588 12.409 7.46332 12.3654 7.48948 12.3305C7.53308 12.252 7.56796 12.1822 7.59413 12.1474C7.60285 12.1212 7.61157 12.1125 7.62029 12.1038C7.61157 12.1038 7.56796 12.0689 7.4982 12.0253C7.411 11.9729 7.28891 11.9032 7.14066 11.8334C7.08834 11.8073 7.04474 11.7898 6.99241 11.7637C6.93137 11.7375 6.86161 11.7113 6.79184 11.6852C6.7744 11.6764 6.75696 11.6764 6.73952 11.6677C6.67848 11.6503 6.62615 11.6328 6.56511 11.6154C6.52151 11.6067 6.47791 11.598 6.44302 11.5892C6.40814 11.5805 6.37326 11.5805 6.33838 11.5718C6.32094 11.5718 6.3035 11.5718 6.28606 11.5631C6.26861 11.5631 6.25117 11.5631 6.23373 11.5544C6.19013 11.5544 6.13781 11.5456 6.0942 11.5456H6.02444C5.9198 11.5456 5.82387 11.5544 5.72795 11.5718H5.7105C5.53609 11.598 5.37041 11.6416 5.20472 11.7026C5.15239 11.7201 5.10007 11.7462 5.03903 11.7724C5.02159 11.7811 5.01287 11.7898 4.99543 11.7898L4.9431 11.816C4.78613 11.8945 4.63789 11.9991 4.49836 12.1125H4.48964C4.36755 12.2084 4.26291 12.3218 4.16698 12.4351L4.0885 12.5398C4.05362 12.5834 4.02745 12.627 4.00129 12.6706C3.94897 12.7491 3.89665 12.8363 3.85304 12.9235C3.8356 12.9584 3.81816 12.9845 3.80944 13.0194C3.80944 13.0281 3.80072 13.0281 3.80072 13.0368C3.71352 13.2461 3.64375 13.4641 3.61759 13.6996C3.60887 13.7432 3.60887 13.7868 3.60015 13.8391V13.8566C3.60015 13.8914 3.59143 13.9263 3.59143 13.9699V14.1269C3.59143 14.1618 3.59143 14.1967 3.60015 14.2315V14.2751C3.60015 14.3013 3.60887 14.3275 3.60887 14.3536V14.3624C3.60887 14.3798 3.60887 14.3885 3.61759 14.406C3.61759 14.4321 3.62631 14.4583 3.62631 14.4757C3.62631 14.4932 3.63503 14.5106 3.63503 14.528C3.64375 14.5542 3.64375 14.5716 3.65247 14.5978C3.65247 14.6152 3.66119 14.6327 3.66991 14.6501V14.6588L3.67864 14.6763V14.6937L3.68736 14.7112C3.69608 14.7286 3.69608 14.7461 3.7048 14.7635C3.71352 14.7809 3.71352 14.8071 3.72224 14.8245C3.73096 14.842 3.73968 14.8594 3.73968 14.8856L3.7484 14.903C3.75712 14.9205 3.75712 14.9292 3.76584 14.9466C3.77456 14.9641 3.78328 14.9815 3.792 15.0077L3.81816 15.06C3.82688 15.0687 3.82688 15.0774 3.8356 15.0862C3.84432 15.0949 3.84432 15.1036 3.85304 15.1123L3.87921 15.1646C3.88793 15.1821 3.89665 15.2082 3.91409 15.2257C3.92281 15.2431 3.93153 15.2606 3.94025 15.2693C3.94897 15.2867 3.96641 15.3129 3.97513 15.3303C3.98385 15.3478 3.99257 15.3565 4.00129 15.3739C4.01001 15.3914 4.02745 15.4175 4.04489 15.435C4.05362 15.4524 4.06234 15.4611 4.07106 15.4699C4.0885 15.4873 4.09722 15.5135 4.11466 15.5309C4.12338 15.5396 4.1321 15.5571 4.14082 15.5658C4.15826 15.5832 4.1757 15.6094 4.19314 15.6268C4.20186 15.6355 4.21058 15.6443 4.2193 15.6617C4.23675 15.6791 4.25419 15.7053 4.27163 15.7227L4.29779 15.7489C4.31523 15.7663 4.33267 15.7925 4.35883 15.8099L4.38499 15.8361L4.44604 15.8972C4.45476 15.9059 4.46348 15.9146 4.4722 15.9146C4.48964 15.932 4.5158 15.9495 4.54196 15.9756C4.55068 15.9844 4.5594 15.9844 4.56812 15.9931C4.59428 16.0105 4.61173 16.028 4.63789 16.0454C4.64661 16.0541 4.65533 16.0541 4.65533 16.0628L4.73381 16.1152L4.75125 16.1239L4.82974 16.1762L4.84718 16.1849C4.87334 16.2024 4.90822 16.2198 4.93438 16.2373L4.95182 16.246C4.97799 16.2634 5.01287 16.2809 5.03903 16.2896L5.05647 16.2983C5.09135 16.3157 5.11751 16.3245 5.15239 16.3419L5.16111 16.3506C5.196 16.3681 5.23088 16.3768 5.25704 16.3942H5.26576C5.30064 16.4029 5.33552 16.4204 5.37041 16.4291H5.37913C5.39657 16.4378 5.41401 16.4378 5.43145 16.4465C5.44889 16.4553 5.46633 16.4553 5.49249 16.464H5.50121C5.53609 16.4727 5.5797 16.4814 5.61458 16.4901C5.64946 16.4989 5.69306 16.5076 5.72795 16.5076C5.85003 16.525 5.97212 16.5337 6.0942 16.5425H6.18141C6.22501 16.5425 6.25989 16.5425 6.3035 16.5337C6.35582 16.525 6.41686 16.525 6.47791 16.5163C6.53023 16.5076 6.58255 16.4989 6.62615 16.4901C6.70464 16.4727 6.78312 16.4553 6.85289 16.4291C7.07962 16.3681 7.27147 16.2809 7.39355 16.1849C7.39355 16.1849 7.31507 15.8361 7.25403 15.4873C7.23659 15.4699 7.22787 15.435 7.21914 15.4001Z" fill="#90694C"/>
+<path d="M12.8176 2.44148L12.7914 2.09267L12.9658 1.70896L13.0356 1.69152C12.9222 1.6392 12.7827 1.60432 12.6257 1.57816C12.3118 1.53456 11.9107 1.57816 11.4572 1.69152C11.0037 1.80489 10.4892 2.00546 9.94857 2.2758C8.85851 2.81646 7.65508 3.64491 6.48654 4.70881C6.07668 5.07507 5.7017 5.45877 5.35288 5.83375C5.01278 6.20001 4.70757 6.57499 4.42851 6.93252C3.86168 7.67376 3.43438 8.38884 3.15532 9.03416C2.97219 9.46146 2.85883 9.85388 2.81522 10.194C2.78034 10.4382 2.78906 10.6562 2.83267 10.8306C2.85011 10.8916 2.86755 10.9352 2.88499 10.9875C2.92859 11.0922 2.98091 11.1794 3.05068 11.2579L3.75704 11.9991L3.83552 12.0776L3.84424 12.0689C3.86168 12.0427 3.88784 12.0166 3.914 11.9991L3.92272 11.9904L3.94889 11.9642C3.96633 11.9381 3.99249 11.9206 4.00993 11.8945C4.02737 11.877 4.03609 11.8683 4.05353 11.8596C4.07097 11.8509 4.07969 11.8334 4.09713 11.8247L4.11457 11.8073C4.13202 11.7985 4.14074 11.7811 4.15818 11.7724C4.17562 11.7549 4.20178 11.7375 4.21922 11.7201C4.22794 11.7113 4.24538 11.7026 4.2541 11.6939H4.26282C4.28898 11.6765 4.30642 11.659 4.33259 11.6416C4.35003 11.6329 4.35875 11.6241 4.37619 11.6067C4.40235 11.5893 4.41979 11.5718 4.44595 11.5544C4.46339 11.5457 4.47211 11.5369 4.48955 11.5282C4.51572 11.5108 4.54188 11.4933 4.56804 11.4846C4.58548 11.4759 4.5942 11.4672 4.61164 11.4584C4.6378 11.441 4.66396 11.4323 4.69013 11.4148C4.70757 11.4061 4.71629 11.3974 4.73373 11.3887L4.75117 11.38C4.91686 10.9178 5.16975 10.4033 5.50113 9.88004C5.90227 9.23473 6.41678 8.55453 7.02721 7.87434C7.41091 7.44703 7.82949 7.01973 8.28296 6.60987C8.86723 6.07792 9.46894 5.59829 10.0619 5.17971C10.4631 4.90066 10.8555 4.64776 11.2392 4.42975C11.2741 4.41231 11.309 4.38615 11.3526 4.36871C11.4572 4.30766 11.5531 4.25534 11.6578 4.20302C11.8758 4.08965 12.0938 3.98501 12.3031 3.8978L12.1984 3.77572L12.181 3.75827L12.0502 3.61003L11.3264 2.73798L11.3351 2.11011L11.3264 2.10139L11.8409 1.94442L12.8176 2.44148Z" fill="#2F83C1"/>
+<path d="M21.2504 17.0919C21.2504 17.0919 21.2679 16.9611 21.1981 16.839C21.1981 16.8302 21.1894 16.8215 21.1894 16.8215L21.1807 16.8128L21.1545 16.7866C21.1371 16.7692 21.1196 16.7518 21.0935 16.7343C21.0848 16.7256 21.0673 16.7169 21.0499 16.7082C21.0063 16.6907 20.9627 16.6733 20.9016 16.6646C20.858 16.6558 20.8144 16.6558 20.7621 16.6558H20.6923V16.6733C20.6923 16.682 20.7011 16.6907 20.7011 16.7082C20.7011 16.7169 20.701 16.7256 20.7098 16.7256C20.7185 16.7518 20.7272 16.7954 20.7359 16.8302C20.7359 16.8302 20.7359 16.839 20.7272 16.8564V16.8651C20.7011 16.9262 20.6313 17.0657 20.4743 17.2401C20.4482 17.275 20.422 17.3012 20.3871 17.336C19.9511 17.7895 19.0093 18.4261 17.021 18.7836C16.3495 18.8796 15.7217 18.8883 15.1984 18.8185C14.4136 18.7226 13.8293 18.4697 13.5503 18.1296C13.5241 18.1034 13.5067 18.0686 13.4805 18.0424C13.4631 18.0162 13.4543 17.9988 13.4369 17.9726C13.4282 17.9639 13.4282 17.9552 13.4195 17.9465C13.3061 17.7372 13.2538 17.5104 13.2538 17.2924C13.2538 17.0221 13.341 16.7692 13.4805 16.5774C13.5939 16.4204 13.7421 16.2983 13.9252 16.246C14.0125 16.2198 14.1084 16.2024 14.2043 16.2111C14.2217 16.2111 14.2479 16.2111 14.2828 16.2198C14.3438 16.2285 14.4398 16.2373 14.5531 16.2547C14.5618 16.2547 14.5793 16.2547 14.588 16.2634C14.963 16.307 15.556 16.3681 16.2711 16.3245C17.5791 16.246 19.2971 15.8361 20.858 14.4234V14.4147C20.8667 14.2926 20.8493 14.0833 20.7011 13.9176C20.6749 13.8914 20.6487 13.8653 20.6138 13.8391C20.5964 13.8217 20.5702 13.813 20.5528 13.7955C20.5266 13.7868 20.5092 13.7694 20.4918 13.7606L20.4133 13.7083V13.6996C20.4046 13.6822 20.3958 13.6647 20.3784 13.6473C19.9773 13.0368 19.4191 12.6793 19.1924 12.5136C19.0878 12.4351 19.018 12.4002 19.018 12.4002C18.5384 12.1038 18.4686 12.0078 18.5122 11.2143C18.5297 10.9265 18.5558 10.5515 18.5907 10.037C18.5907 9.96724 18.5994 9.90619 18.5994 9.84515V9.80155V9.59226C18.5994 9.54866 18.5907 9.50505 18.5907 9.47017C18.5907 9.45273 18.5907 9.43529 18.582 9.41785C18.5733 9.37425 18.5733 9.33064 18.5645 9.28704C18.5645 9.2696 18.5558 9.24344 18.5558 9.226C18.5558 9.19984 18.5471 9.1824 18.5384 9.15623C18.5297 9.13879 18.5297 9.11263 18.5209 9.09519C18.5122 9.06903 18.5035 9.04287 18.5035 9.01671C18.5035 9.00799 18.4948 8.99927 18.4948 8.99054C18.4948 8.98182 18.4861 8.9731 18.4861 8.96438V8.95566L18.4773 8.9295C18.4686 8.91206 18.4599 8.89462 18.4599 8.87718V8.86846L18.4512 8.85102L18.4424 8.83358C18.425 8.7987 18.4163 8.76381 18.3988 8.73765L18.3901 8.71149C18.3727 8.68533 18.3552 8.65045 18.3378 8.62429L18.3291 8.61557L18.3204 8.60684C18.3029 8.5894 18.2942 8.57196 18.2768 8.55452L18.2593 8.52836C18.2419 8.5022 18.2244 8.48476 18.207 8.46732L18.1372 8.39755C18.1111 8.38011 18.0849 8.36267 18.0587 8.35395C18.05 8.34523 18.0413 8.34523 18.0326 8.34523L17.9803 8.31907C17.9715 8.31907 17.9628 8.31035 17.9541 8.31035C17.9367 8.30163 17.9192 8.30163 17.9105 8.29291C17.9018 8.29291 17.8931 8.28419 17.8756 8.28419C17.8582 8.28419 17.8495 8.27547 17.832 8.27547H17.6402C17.6314 8.27547 17.6227 8.27547 17.614 8.28419C17.6053 8.28419 17.5966 8.28419 17.5878 8.29291C17.5704 8.29291 17.553 8.30163 17.5268 8.31035H17.5094C17.457 8.32779 17.4134 8.34523 17.3611 8.36267L17.3437 8.37139C17.3262 8.38011 17.3088 8.38883 17.2826 8.39755L17.2565 8.40627L17.2041 8.43244L17.178 8.44988L17.1257 8.47604L17.0995 8.49348C17.0821 8.5022 17.0646 8.51964 17.0472 8.52836L17.0297 8.53708C17.0123 8.55452 16.9861 8.56324 16.9687 8.58068L16.96 8.5894C16.9338 8.60684 16.9164 8.62429 16.8902 8.63301C16.8466 8.65917 16.803 8.69405 16.7594 8.72021C16.7245 8.74637 16.6896 8.77253 16.646 8.79869L16.6286 8.80742C16.5937 8.83358 16.5501 8.85974 16.5152 8.87718L16.4978 8.8859C16.4629 8.91206 16.4193 8.9295 16.3844 8.95566L16.367 8.96438C16.3321 8.99055 16.2885 9.00799 16.2449 9.02543L16.2275 9.03415C16.1838 9.05159 16.149 9.06903 16.1054 9.08647L16.0879 9.09519C16.0443 9.11263 16.0007 9.12135 15.9571 9.13879H15.9484C15.9048 9.14751 15.8525 9.15623 15.8089 9.16495C15.7304 9.17367 15.6432 9.1824 15.5647 9.1824C15.4339 9.1824 15.3031 9.17367 15.1636 9.15623L15.0327 9.13007C15.0153 9.13007 14.9979 9.12135 14.9891 9.12135C14.8758 9.09519 14.7537 9.06903 14.6403 9.04287C14.588 9.03415 14.5444 9.01671 14.4921 9.00799C14.4136 8.99055 14.3351 8.9731 14.2479 8.95566C14.2305 8.95566 14.213 8.94694 14.2043 8.94694C14.1956 8.94694 14.1781 8.93822 14.1694 8.93822C14.152 8.93822 14.1345 8.9295 14.1171 8.9295C14.0997 8.9295 14.0822 8.92078 14.0648 8.92078H14.0473C14.0299 8.92078 14.0125 8.91206 14.0037 8.91206C13.9689 8.90334 13.934 8.89462 13.8904 8.89462C13.8816 8.89462 13.8642 8.89462 13.8555 8.8859C13.8293 8.8859 13.8032 8.87718 13.777 8.87718C13.7596 8.87718 13.7508 8.87718 13.7334 8.86846C13.7072 8.86846 13.6898 8.85974 13.6636 8.85974H13.2625C13.2189 8.85974 13.184 8.86846 13.1404 8.86846H13.1055C13.0794 8.86846 13.0532 8.87718 13.027 8.87718H13.0183C13.0009 8.87718 12.9922 8.8859 12.9747 8.8859C12.9486 8.89462 12.9224 8.89462 12.8962 8.90334C12.8788 8.90334 12.8614 8.91206 12.8526 8.91206C12.8265 8.92078 12.8003 8.9295 12.7741 8.9295C12.7567 8.9295 12.748 8.93822 12.7305 8.94694C12.7044 8.95566 12.6695 8.96438 12.6433 8.9731C12.6259 8.98182 12.6172 8.98182 12.6085 8.99054C12.5649 9.00799 12.5213 9.02543 12.4864 9.04287C12.155 9.23472 11.8672 9.49633 11.6492 9.79283C11.5707 9.89747 11.501 10.0021 11.4399 10.1068C11.3702 10.2201 11.3178 10.3422 11.2655 10.4643C11.2481 10.4992 11.2393 10.5341 11.2219 10.569C11.2045 10.63 11.1783 10.691 11.1609 10.7521C11.1609 10.7608 11.1609 10.7695 11.1521 10.7695C11.1347 10.8393 11.1173 10.909 11.0998 10.9875C11.0824 11.066 11.0737 11.1358 11.0649 11.2143C11.0562 11.2579 11.0562 11.2927 11.0562 11.3364C11.0475 11.4497 11.0475 11.5544 11.0562 11.6677V11.6939C11.0562 11.7201 11.0562 11.7462 11.0649 11.7811C11.0737 11.8596 11.0824 11.9381 11.0998 12.0165C11.1085 12.0427 11.1173 12.0689 11.1173 12.1038C11.126 12.1299 11.126 12.1561 11.1347 12.1822C11.187 12.3828 11.2655 12.5659 11.3614 12.7229C11.719 13.3421 12.312 13.717 12.748 13.9176C12.9137 13.9874 13.0881 14.0571 13.2712 14.1182L13.2538 14.1356C13.2189 14.1443 13.184 14.1531 13.1404 14.1618C13.0794 14.1792 13.0009 14.2054 12.9224 14.2315C12.8352 14.2577 12.7305 14.3013 12.6259 14.3449C12.3468 14.4583 12.0329 14.624 11.7539 14.8507C11.719 14.8769 11.6841 14.9117 11.6492 14.9379C11.5882 14.9902 11.5358 15.0425 11.4835 15.1036L11.4661 15.121L11.4399 15.1472C11.4225 15.1734 11.3963 15.1908 11.3789 15.217L11.3527 15.2431C11.3265 15.278 11.3004 15.3129 11.2829 15.3478C11.2568 15.3826 11.2393 15.4175 11.2132 15.4524C11.0475 15.7402 10.9516 16.089 10.9777 16.5076V16.4901C10.9777 16.4814 10.9777 16.4727 10.9865 16.464V16.4553C10.9865 16.4465 10.9952 16.4378 10.9952 16.4204V16.4117C10.9952 16.4029 11.0039 16.3855 11.0039 16.3681C11.0039 16.3506 11.0126 16.3419 11.0213 16.3245V16.3157C11.0301 16.2983 11.0301 16.2809 11.0388 16.2634V16.2547C11.0475 16.2373 11.0475 16.2198 11.0562 16.2024V16.1937C11.0649 16.1762 11.0737 16.1588 11.0824 16.1326L11.0911 16.1239C11.0998 16.1064 11.1085 16.0803 11.126 16.0628C11.1434 16.028 11.1609 16.0018 11.1783 15.9669C11.187 15.9582 11.1957 15.9408 11.2045 15.932L11.2132 15.9233L11.2655 15.8448C11.2829 15.8274 11.3004 15.8012 11.3178 15.7838L11.3353 15.7663C11.3527 15.7489 11.3614 15.7315 11.3789 15.7227L11.3963 15.7053C11.4138 15.6879 11.4399 15.6704 11.4574 15.6443C11.4574 15.6443 11.0824 16.4989 11.2481 17.1703V17.1616V17.1442V17.118V17.0831V17.0395C11.2481 17.0221 11.2481 17.0047 11.2568 16.9872C11.2568 16.9698 11.2568 16.9523 11.2655 16.9349V16.9262C11.2655 16.9087 11.2742 16.8826 11.2742 16.8651V16.8477C11.2829 16.8215 11.2829 16.8041 11.2917 16.7779V16.7692C11.3004 16.743 11.3091 16.7169 11.3091 16.6994C11.3091 16.6907 11.3178 16.682 11.3178 16.6733L11.3265 16.6558C11.3353 16.6384 11.344 16.6122 11.3527 16.5948C11.3614 16.5686 11.3789 16.5425 11.3963 16.5163C11.3963 16.5076 11.405 16.4989 11.405 16.4989L11.4574 16.4204C11.4574 16.4204 11.4399 16.6297 11.4399 16.8826C11.4399 16.9262 11.4399 16.9611 11.4486 17.0047C11.4486 17.0308 11.4486 17.057 11.4574 17.0831C11.4748 16.8128 11.5271 16.5599 11.5969 16.3245C11.5271 16.5599 11.4748 16.8128 11.4574 17.0831C11.4486 17.2575 11.4486 17.432 11.4661 17.6151C11.4922 17.9203 11.5707 18.2517 11.7015 18.5918C11.7015 18.5918 11.5794 18.1994 11.7539 17.8069L11.8062 17.9116C11.8236 18.0249 11.8411 18.1906 11.8759 18.3738C11.9108 18.679 12.0503 19.5946 12.6782 20.2312C12.6782 20.2312 12.4428 19.926 12.4777 19.5336C12.5038 19.5859 12.53 19.6295 12.5474 19.6731C12.6521 19.8737 12.8614 20.2399 13.0968 20.5016C13.0968 20.5016 12.9137 20.144 12.9573 20.0655C12.9573 20.0655 13.5677 20.8242 13.7596 20.894L13.5067 20.4754L13.4979 20.4667C14.3787 21.112 15.5996 21.3474 17.0995 20.9289C17.3611 20.8591 17.6227 20.7632 17.9018 20.6498C18.0675 20.58 18.2332 20.4928 18.3988 20.4056L18.425 20.3882C18.5384 20.3272 18.6517 20.2574 18.7651 20.1876C18.8523 20.1353 18.9395 20.0743 19.018 20.0219C19.1575 19.926 19.2971 19.8214 19.4366 19.708C19.4453 19.6993 19.454 19.6906 19.4627 19.6906C19.5936 19.5772 19.7244 19.4551 19.8377 19.333C19.9947 19.1673 20.1342 19.0016 20.2563 18.836L20.265 18.8272C20.2999 18.7836 20.3261 18.7487 20.3522 18.7051L20.361 18.6964C20.3697 18.679 20.3784 18.6703 20.3871 18.6528C20.4307 18.5918 20.4656 18.5395 20.5092 18.4784C20.5179 18.461 20.5266 18.4523 20.5354 18.4348C20.5528 18.3999 20.5702 18.3738 20.5964 18.3389C20.6138 18.3127 20.6226 18.2953 20.64 18.2691C20.6574 18.243 20.6749 18.2168 20.6836 18.1906C20.7098 18.147 20.7359 18.0947 20.7621 18.0511L20.7883 17.9988L20.8406 17.8941L20.8667 17.8418L20.8755 17.8244C20.8929 17.7808 20.9191 17.7372 20.9365 17.6936V17.6849C21.015 17.6151 21.0673 17.5453 21.1196 17.4843C21.1284 17.4756 21.1371 17.4668 21.1371 17.4581C21.2156 17.3448 21.2504 17.2139 21.2504 17.0919ZM7.14945 14.8681C7.12328 14.8769 7.09712 14.9117 7.06224 14.9553C7.05352 14.9728 7.03608 14.9902 7.02736 15.0164C6.94887 15.1646 6.87911 15.3739 6.87911 15.3739C6.88783 15.3042 6.89655 15.2344 6.89655 15.1646V15.1385C6.90527 15.0687 6.91399 14.9902 6.92271 14.9205V14.8943C6.93143 14.8071 6.94887 14.7286 6.96632 14.6501C6.96632 14.6414 6.96632 14.6327 6.97504 14.6152V14.6065C6.97504 14.5978 6.97504 14.5891 6.98376 14.5804C6.98376 14.5629 6.99248 14.5542 6.99248 14.5368C7.0012 14.4757 7.01864 14.4147 7.02736 14.3536C7.03608 14.3013 7.0448 14.249 7.05352 14.2054V14.1879C7.05352 14.1792 7.05352 14.1705 7.06224 14.1705V14.1531C7.06224 14.1443 7.07096 14.1269 7.07096 14.1182C7.07096 14.1095 7.07096 14.1007 7.07968 14.092C7.07968 14.0746 7.0884 14.0571 7.0884 14.0484C7.0884 14.0397 7.09712 14.0223 7.09712 14.0135C7.09712 13.9961 7.10584 13.9787 7.10584 13.9699C7.10584 13.9612 7.10584 13.9525 7.11456 13.9438C7.11456 13.9351 7.11456 13.9263 7.12328 13.9263C7.12328 13.9089 7.132 13.9002 7.132 13.8914V13.8653L7.11456 13.8827C7.09712 13.8914 7.0884 13.9089 7.07096 13.9176L7.05352 13.935C7.03608 13.9525 7.01864 13.9699 7.00992 13.9874L7.0012 13.9961L6.94887 14.0746L6.94015 14.0833C6.94015 14.092 6.93143 14.092 6.93143 14.1007L6.90527 14.1531V14.1705C6.89655 14.1967 6.87911 14.2228 6.87039 14.249C6.84423 14.3188 6.81807 14.3885 6.80063 14.4496C6.79191 14.467 6.79191 14.4932 6.78319 14.5019C6.77447 14.5368 6.76574 14.5716 6.76574 14.5804V14.5891V14.5804C6.76574 14.5542 6.76574 14.5368 6.77447 14.5106C6.77447 14.467 6.78319 14.4147 6.78319 14.3711C6.78319 14.3362 6.79191 14.2926 6.80063 14.2577C6.80063 14.249 6.80063 14.2315 6.80935 14.2228C6.80935 14.2054 6.81807 14.1879 6.81807 14.1705C6.81807 14.1531 6.82679 14.1356 6.82679 14.1182V14.092C6.82679 14.0746 6.83551 14.0484 6.83551 14.031V13.9874V13.9699C6.83551 13.9612 6.83551 13.9525 6.84423 13.9438C6.85295 13.9176 6.86167 13.8827 6.86167 13.8566V13.8478C6.87039 13.8304 6.87039 13.8042 6.87911 13.7868V13.7781C6.88783 13.7345 6.90527 13.6909 6.91399 13.6473V13.6298C6.91399 13.6211 6.91399 13.6124 6.92271 13.6037C6.94015 13.5339 6.96632 13.4641 6.98376 13.4031V13.3944C7.0012 13.3421 7.02736 13.281 7.0448 13.2287V13.22C7.05352 13.1938 7.06224 13.1764 7.07096 13.1502C7.0884 13.1153 7.09712 13.0804 7.11456 13.0456C7.11456 13.0368 7.12328 13.0194 7.14072 12.9845C7.14945 12.9758 7.14945 12.9584 7.15817 12.9496C7.16689 12.9322 7.17561 12.9148 7.18433 12.8886L7.19305 12.8712C7.18433 12.8624 7.16689 12.8624 7.15817 12.8537H7.14945L7.132 12.845C7.05352 12.8101 6.96632 12.7752 6.87911 12.7491H6.86167C6.80063 12.7316 6.7483 12.7229 6.68726 12.7142C6.65238 12.7142 6.6175 12.7055 6.58262 12.7055H6.49541C6.45181 12.7055 6.40821 12.7142 6.3646 12.7142C6.34716 12.7142 6.33844 12.7142 6.321 12.7229C6.30356 12.7229 6.2774 12.7316 6.25996 12.7316C6.25124 12.7316 6.24252 12.7316 6.2338 12.7403C6.21636 12.7403 6.20764 12.7491 6.19019 12.7491C6.16403 12.7578 6.12915 12.7665 6.10299 12.7752C6.09427 12.7752 6.07683 12.7839 6.06811 12.7839C6.03323 12.8014 5.98962 12.8101 5.95474 12.8276C5.9373 12.8363 5.92858 12.845 5.91114 12.845L5.85882 12.8712L5.84138 12.8799C5.82393 12.8886 5.80649 12.8973 5.78905 12.9148C5.77161 12.9235 5.75417 12.9322 5.73673 12.9496C5.71929 12.9584 5.70185 12.9758 5.68441 12.9845C5.67569 12.9932 5.65825 13.002 5.64953 13.0107C5.62336 13.0368 5.58848 13.063 5.56232 13.0892L5.51872 13.1328C5.49256 13.1589 5.47512 13.1851 5.44895 13.2113L5.44023 13.22C5.43151 13.2374 5.41407 13.2461 5.40535 13.2636L5.37919 13.2897C5.33559 13.3508 5.29199 13.4205 5.2571 13.4903C5.24838 13.499 5.24838 13.5077 5.23966 13.5165C5.22222 13.5514 5.2135 13.5862 5.19606 13.6211C5.18734 13.6386 5.18734 13.6473 5.17862 13.6647C5.1699 13.6996 5.15246 13.7345 5.14374 13.7781V13.813C5.13502 13.8391 5.13502 13.8653 5.1263 13.8914C5.1263 13.9089 5.1263 13.9176 5.11758 13.935C5.11758 13.9525 5.11758 13.9612 5.10886 13.9787V14.0135C5.10886 14.0571 5.10014 14.1007 5.10886 14.1443C5.10886 14.1792 5.10886 14.2141 5.11758 14.249V14.2664C5.11758 14.2839 5.1263 14.3013 5.1263 14.3188C5.13502 14.3885 5.15246 14.4496 5.1699 14.5193C5.18734 14.5716 5.20478 14.6152 5.22222 14.6588C5.2571 14.7461 5.30071 14.8245 5.35303 14.903C5.45767 15.06 5.5972 15.1995 5.76289 15.3042C5.8501 15.3652 5.95474 15.4088 6.05939 15.4437C6.15531 15.4786 6.25996 15.5047 6.37332 15.5135C6.39949 15.5135 6.42565 15.5222 6.44309 15.5222H6.55645C6.59134 15.5222 6.62622 15.5135 6.6611 15.5135C6.67854 15.5135 6.7047 15.5135 6.72214 15.5047C6.77447 15.496 6.81807 15.4873 6.87039 15.4786H6.87911C6.89655 15.4699 6.91399 15.4699 6.94015 15.4611C7.0012 15.4437 7.06224 15.4175 7.11456 15.3914L7.12328 15.3826C7.14072 15.3739 7.15817 15.3652 7.16689 15.3652C7.14072 15.217 7.11456 15.06 7.10584 14.903C7.14945 14.8856 7.14945 14.8769 7.14945 14.8681Z" fill="#FCE9CD"/>
+<path d="M13.0358 2.54613L13.0619 2.56357L13.0358 2.54613Z" fill="#4D9ED7"/>
+<path d="M20.7185 16.7343C20.7185 16.7256 20.7185 16.7169 20.7097 16.7169C20.701 16.6994 20.701 16.6907 20.701 16.682C20.6574 16.5425 20.6051 16.4378 20.5528 16.3593C20.4917 16.2634 20.4394 16.2111 20.4394 16.2111L20.4656 16.1065C20.4743 16.0628 20.483 16.0192 20.483 15.9756C20.5179 15.6617 20.4394 15.4175 20.3696 15.278C20.3609 15.2518 20.3522 15.2344 20.3435 15.217C20.2911 15.2518 20.2475 15.2867 20.1952 15.3216C19.2534 15.9582 18.1982 16.3681 17.0559 16.5425C16.271 16.6646 15.4426 16.6733 14.5792 16.5686L14.5967 16.5774C14.5967 16.5774 14.0735 16.6471 13.9339 17.1442L13.9427 17.1529L13.899 17.4843C13.9165 17.9378 14.1171 18.2168 14.3525 18.3651C14.5967 18.461 14.8932 18.5307 15.2246 18.5743C15.7914 18.6441 16.4541 18.6267 17.1169 18.522C18.0064 18.3999 19.2621 17.929 20.1603 17.3186C20.3609 17.1791 20.5528 17.0308 20.7097 16.8826L20.7185 16.8739L20.7272 16.8651C20.7272 16.8041 20.7185 16.7692 20.7185 16.7343Z" fill="white"/>
+<path d="M19.0179 12.4264C18.5383 12.1299 18.4685 12.034 18.5121 11.2404C18.5296 10.9526 18.5557 10.5777 18.5906 10.0632C18.5906 9.9934 18.5993 9.93235 18.5993 9.87131V9.82771V9.61842C18.5993 9.57481 18.5906 9.53121 18.5906 9.49633C18.5906 9.47889 18.5906 9.46145 18.5819 9.44401C18.5732 9.4004 18.5732 9.3568 18.5644 9.3132C18.5644 9.29576 18.5557 9.2696 18.5557 9.25216C18.5557 9.226 18.547 9.20855 18.5383 9.18239C18.5296 9.16495 18.5296 9.13879 18.5208 9.12135C18.4511 9.0167 18.3726 8.9295 18.2767 8.85102L18.2592 8.83357L18.2418 8.82485H18.2331C18.2156 8.81613 18.2069 8.80741 18.1895 8.79869C18.172 8.78997 18.1546 8.78125 18.1459 8.77253C18.0063 8.68533 17.8406 8.633 17.6749 8.60684C17.579 8.5894 17.4831 8.5894 17.3872 8.5894C17.3436 8.5894 17.2912 8.59812 17.2476 8.59812C17.1256 8.61556 17.0035 8.64172 16.8727 8.67661C16.8291 8.70277 16.7855 8.73765 16.7419 8.76381C16.707 8.78997 16.6721 8.81613 16.6285 8.84229L16.6111 8.85102C16.5762 8.87718 16.5326 8.90334 16.4977 8.92078L16.4802 8.9295C16.4454 8.95566 16.4018 8.9731 16.3669 8.99926L16.3494 9.00798C16.3146 9.03415 16.271 9.05159 16.2274 9.06903L16.2099 9.07775C16.1663 9.09519 16.1314 9.11263 16.0878 9.13007L16.0704 9.13879C16.0268 9.15623 15.9832 9.16495 15.9396 9.18239H15.9309C15.8873 9.19111 15.8349 9.19983 15.7913 9.20855C15.7128 9.21727 15.6256 9.226 15.5472 9.226C15.4163 9.226 15.2855 9.21727 15.146 9.19983L15.0152 9.17367C14.9978 9.17367 14.9803 9.16495 14.9716 9.16495C14.8582 9.13879 14.7362 9.11263 14.6228 9.08647C14.5705 9.07775 14.5269 9.06031 14.4745 9.05159C14.3961 9.03415 14.3176 9.0167 14.2304 8.99926C14.2129 8.99926 14.1955 8.99054 14.1868 8.99054C14.117 8.99054 14.0472 8.99926 13.9862 9.00798H13.9688C13.7682 9.03415 13.5763 9.07775 13.3758 9.14751C13.367 9.14751 13.3583 9.15623 13.3409 9.15623C13.306 9.16495 13.2798 9.18239 13.245 9.19111C13.2013 9.20855 13.1665 9.226 13.1229 9.24344C12.8351 9.36552 12.5648 9.53993 12.3031 9.75794C12.1985 9.84515 12.1026 9.94107 12.0066 10.037C11.8671 10.1852 11.745 10.3422 11.6317 10.5079C11.6229 10.5166 11.6229 10.5253 11.6142 10.5341C11.5532 10.6213 11.5009 10.7172 11.4573 10.8044C11.4398 10.8393 11.4224 10.8742 11.4049 10.9003V10.909C11.3526 11.0224 11.309 11.1271 11.2741 11.2404C11.2741 11.2491 11.2741 11.2579 11.2654 11.2579C11.2567 11.2753 11.2567 11.2927 11.248 11.3102C11.2305 11.3625 11.2131 11.4148 11.2044 11.4672C11.1869 11.5195 11.1782 11.5718 11.1695 11.6328C11.1695 11.6416 11.1608 11.659 11.1608 11.6677C11.152 11.7026 11.152 11.7375 11.1433 11.7637C11.1259 11.8857 11.1172 12.0078 11.1084 12.1299V12.2171C11.1608 12.4177 11.2392 12.6008 11.3352 12.7578C11.6927 13.3769 12.2857 13.7519 12.7217 13.9525C12.8874 14.0223 13.0618 14.092 13.245 14.1531L13.2537 14.1618L13.2624 14.1531C13.2886 14.1356 13.306 14.1182 13.3322 14.1007C13.3409 14.092 13.3496 14.092 13.3583 14.0833L13.4368 14.031C13.4455 14.0223 13.4542 14.0223 13.463 14.0135L13.5414 13.9612C13.5502 13.9525 13.5589 13.9525 13.5676 13.9438C13.5938 13.9263 13.6199 13.9089 13.6548 13.8914C13.6635 13.8827 13.6723 13.8827 13.681 13.874C13.7071 13.8566 13.742 13.8391 13.7682 13.8217C13.7769 13.813 13.7856 13.813 13.7943 13.8042C13.8205 13.7868 13.8554 13.7694 13.8815 13.7519C13.8903 13.7432 13.9077 13.7432 13.9164 13.7345C13.9426 13.717 13.9775 13.6996 14.0036 13.6822C14.0124 13.6734 14.0298 13.6647 14.0385 13.6647C14.0647 13.6473 14.0996 13.6298 14.1344 13.6124C14.1519 13.6037 14.1606 13.5949 14.178 13.5949C14.2129 13.5775 14.2391 13.5601 14.274 13.5513C14.2914 13.5426 14.3001 13.5339 14.3176 13.5339C14.3525 13.5165 14.3786 13.5077 14.4135 13.4903L14.4658 13.4641C14.5007 13.4467 14.5269 13.438 14.5617 13.4205C14.5792 13.4118 14.5966 13.4031 14.6228 13.3944C14.6577 13.3857 14.6838 13.3682 14.7187 13.3595C14.7362 13.3508 14.7623 13.3421 14.7798 13.3333C14.8146 13.3246 14.8408 13.3072 14.8757 13.2985C14.9018 13.2897 14.9193 13.281 14.9454 13.2723C14.9803 13.2636 15.0065 13.2461 15.0414 13.2374L15.1199 13.2112C15.146 13.2025 15.1809 13.1938 15.2071 13.1764C15.2332 13.1676 15.2681 13.1589 15.2943 13.1502C15.3204 13.1415 15.3553 13.1328 15.3815 13.124C15.4163 13.1153 15.4512 13.1066 15.4774 13.0979C15.5036 13.0892 15.5297 13.0804 15.5646 13.0717C15.5995 13.063 15.6344 13.0543 15.678 13.0368C15.6954 13.0281 15.7128 13.0281 15.7303 13.0194C15.8698 12.6619 16.2971 11.7724 17.0209 11.6764C17.0994 11.6677 17.1692 11.659 17.2389 11.659H17.2912C17.2825 11.6067 17.2738 11.5544 17.2738 11.4933C17.2476 11.1096 17.3697 10.787 17.5354 10.7782C17.6662 10.7695 17.7709 10.9614 17.7883 11.0224C17.8406 11.1358 17.8755 11.284 17.8842 11.4497C17.893 11.598 17.8755 11.7375 17.8494 11.8596C17.8668 11.877 17.8755 11.8945 17.893 11.9032C18.0586 12.1125 18.0848 12.3915 18.0761 12.6008C18.1371 12.5921 18.2069 12.5921 18.2767 12.5834C18.2941 12.5834 18.3115 12.5834 18.329 12.5747H18.3639C18.4423 12.5659 18.5296 12.5572 18.6168 12.5572C18.8086 12.5398 19.0005 12.5311 19.201 12.5223C19.0877 12.4613 19.0179 12.4264 19.0179 12.4264ZM20.8405 17.7982C20.5265 18.0773 20.1952 18.304 19.8638 18.4871C19.6981 18.5743 19.5324 18.6528 19.3754 18.7226C19.0179 18.8796 18.6778 18.9842 18.3726 19.0627C17.7011 19.2284 17.2389 19.2284 17.2389 19.2284C17.6052 19.4289 18.0674 19.4289 18.3813 19.4028C18.5993 19.3853 18.7476 19.3417 18.7476 19.3417C18.7388 19.4725 18.7214 19.5946 18.704 19.7167C18.6778 19.8475 18.6429 19.9609 18.5993 20.0655V20.0743C18.547 20.2051 18.4772 20.3184 18.4075 20.4231C18.3987 20.4318 18.39 20.4492 18.3813 20.458L18.4075 20.4405C18.5208 20.3795 18.6342 20.3097 18.7476 20.2399C18.8348 20.1876 18.922 20.1266 19.0005 20.0743C19.14 19.9783 19.2795 19.8737 19.419 19.7603C19.4278 19.7516 19.4365 19.7429 19.4452 19.7429C19.576 19.6295 19.7068 19.5074 19.8202 19.3853C19.9772 19.2196 20.1167 19.054 20.2388 18.8883L20.2475 18.8796C20.2824 18.8359 20.3085 18.8011 20.3347 18.7575L20.3434 18.7487C20.3521 18.7313 20.3609 18.7226 20.3696 18.7051C20.4132 18.6441 20.4481 18.5918 20.4917 18.5307C20.5004 18.5133 20.5091 18.5046 20.5178 18.4871C20.5353 18.4522 20.5527 18.4261 20.5789 18.3912C20.5963 18.365 20.605 18.3476 20.6225 18.3214C20.6399 18.2953 20.6573 18.2691 20.6661 18.243C20.6922 18.1994 20.7184 18.147 20.7446 18.1034L20.7707 18.0511L20.823 17.9465L20.8492 17.8941L20.8579 17.8767C20.8754 17.8331 20.9015 17.7895 20.919 17.7459C20.8841 17.7546 20.8666 17.7721 20.8405 17.7982ZM12.8874 14.2839C12.8002 14.31 12.6956 14.3536 12.5909 14.3972C12.3119 14.5106 11.9979 14.6763 11.7189 14.903C11.684 14.9292 11.6491 14.9641 11.6142 14.9902C11.5532 15.0425 11.5009 15.0949 11.4485 15.1559L11.4311 15.1734L11.4049 15.1995C11.3875 15.2257 11.3613 15.2431 11.3439 15.2693L11.3177 15.2954C11.2916 15.3303 11.2654 15.3652 11.248 15.4001C11.2218 15.435 11.2044 15.4698 11.1782 15.5047C11.0125 15.7925 10.9166 16.1413 10.9427 16.5599V16.5425C10.9427 16.5337 10.9427 16.525 10.9515 16.5163V16.5076C10.9515 16.4989 10.9602 16.4901 10.9602 16.4727V16.464C10.9602 16.4553 10.9689 16.4378 10.9689 16.4204C10.9689 16.4029 10.9776 16.3942 10.9864 16.3768V16.3681C10.9951 16.3506 10.9951 16.3332 11.0038 16.3157V16.307C11.0125 16.2896 11.0125 16.2721 11.0212 16.2547V16.246C11.03 16.2285 11.0387 16.2111 11.0474 16.1849L11.0561 16.1762C11.0648 16.1588 11.0736 16.1326 11.091 16.1152C11.1084 16.0803 11.1259 16.0541 11.1433 16.0192C11.152 16.0105 11.1608 15.9931 11.1695 15.9844L11.1782 15.9756L11.2305 15.8972C11.248 15.8797 11.2654 15.8535 11.2828 15.8361L11.3003 15.8187C11.3177 15.8012 11.3264 15.7838 11.3439 15.7751L11.3613 15.7576C11.3788 15.7402 11.4049 15.7227 11.4224 15.6966C11.4224 15.6966 11.0474 16.5512 11.2131 17.2227V17.2139V17.1965V17.1703V17.1355V17.0919C11.2131 17.0744 11.2131 17.057 11.2218 17.0395C11.2218 17.0221 11.2218 17.0047 11.2305 16.9872V16.9785C11.2305 16.961 11.2392 16.9349 11.2392 16.9174V16.9C11.248 16.8738 11.248 16.8564 11.2567 16.8302V16.8215C11.2654 16.7954 11.2741 16.7692 11.2741 16.7518C11.2741 16.743 11.2828 16.7343 11.2828 16.7256L11.2916 16.7082C11.3003 16.6907 11.309 16.6646 11.3177 16.6471C11.3264 16.621 11.3439 16.5948 11.3613 16.5686C11.3613 16.5599 11.3701 16.5512 11.3701 16.5512L11.4224 16.4727C11.4224 16.4727 11.4049 16.682 11.4049 16.9349C11.4049 16.9785 11.4049 17.0134 11.4137 17.057C11.4137 17.0831 11.4137 17.1093 11.4224 17.1355C11.4398 16.8651 11.4921 16.6122 11.5619 16.3768C11.5793 16.3157 11.6055 16.246 11.6229 16.1849C11.6229 16.1762 11.6317 16.1675 11.6317 16.1588C11.6578 16.0977 11.6753 16.0454 11.7014 15.9844C11.7101 15.9756 11.7101 15.9669 11.7189 15.9495C11.745 15.8972 11.7712 15.8361 11.7974 15.7838C11.8061 15.7751 11.8061 15.7663 11.8061 15.7576C11.8671 15.6443 11.9282 15.5396 11.9892 15.4437C11.9979 15.435 11.9979 15.4262 12.0066 15.4175C12.0328 15.3826 12.059 15.3478 12.0851 15.3042C12.0938 15.2954 12.0938 15.2867 12.1026 15.278C12.1113 15.2693 12.1113 15.2606 12.12 15.2518C12.1549 15.2082 12.1811 15.1646 12.2159 15.121C12.2247 15.1123 12.2247 15.1036 12.2334 15.1036C12.2683 15.06 12.3031 15.0164 12.338 14.9815C12.3816 14.9292 12.4252 14.8856 12.4688 14.8333C12.5037 14.7984 12.5299 14.7635 12.5648 14.7373L12.5996 14.7024C12.6694 14.6327 12.7392 14.5629 12.8089 14.5019C13.0008 14.3275 13.1577 14.2141 13.2101 14.1792C13.1752 14.1879 13.1403 14.1967 13.0967 14.2054C13.0444 14.2315 12.9746 14.2577 12.8874 14.2839Z" fill="#F2D2AC"/>
+<path d="M17.9104 12.3915C17.9104 12.3915 17.9104 12.3741 17.9017 12.3392C17.8668 12.2171 17.7447 11.9206 17.2651 11.9642C16.7593 12.0165 16.5849 12.4264 16.5413 12.5659C16.5326 12.5921 16.5326 12.6095 16.5326 12.6095L16.55 12.6183C16.6111 12.5659 16.7332 12.5659 16.8465 12.6444C16.8988 12.6793 16.9337 12.7142 16.9686 12.7578C17.0122 12.8275 17.0209 12.8973 16.9948 12.9496L16.9686 12.9758C16.9686 12.9758 16.986 12.9845 17.0209 12.9932C17.1605 13.0368 17.5529 13.1153 17.7622 12.845C17.7709 12.8275 17.7796 12.8188 17.7883 12.8014C17.7447 12.7839 17.7273 12.7229 17.7273 12.6444C17.7273 12.6095 17.736 12.5747 17.7447 12.5311C17.7709 12.4264 17.8494 12.3654 17.9104 12.3915ZM15.3902 16.1239C15.0588 16.1936 14.771 16.246 14.553 16.2809C14.5618 16.2809 14.5792 16.2809 14.5879 16.2896C14.9629 16.3332 15.5559 16.3942 16.271 16.3506C17.579 16.2721 19.297 15.8623 20.8579 14.4496V14.4408C20.8667 14.3187 20.8492 14.1095 20.701 13.9438C20.6748 13.9176 20.6486 13.8914 20.6138 13.8653C20.605 13.8653 20.605 13.8566 20.5963 13.8566C20.5527 13.8304 20.5178 13.813 20.483 13.7868L20.4045 13.7345V13.7258C20.3085 13.8653 20.1952 13.9961 20.0731 14.1182C20.0295 14.1618 19.9859 14.2054 19.9336 14.249C19.5063 14.6327 18.9482 14.9641 18.3464 15.2257C17.3523 15.6617 16.2361 15.9495 15.3902 16.1239ZM7.1232 13.8478C7.10576 13.8566 7.09704 13.874 7.0796 13.8827L7.06216 13.9002C7.04472 13.9176 7.02727 13.935 7.01855 13.9525L7.00983 13.9612L6.95751 14.0397L6.94879 14.0484C6.94879 14.0571 6.94007 14.0571 6.94007 14.0659L6.91391 14.1182V14.1356C6.90519 14.1618 6.88775 14.1879 6.87903 14.2141C6.85286 14.2839 6.8267 14.3536 6.80926 14.4147C6.80054 14.4321 6.80054 14.4583 6.79182 14.467C6.7831 14.5019 6.77438 14.5368 6.77438 14.5455V14.5542V14.5455C6.77438 14.5193 6.77438 14.5019 6.7831 14.4757C6.7831 14.4321 6.79182 14.3798 6.79182 14.3362C6.79182 14.3013 6.80054 14.2577 6.80926 14.2228C6.80926 14.2141 6.80926 14.1967 6.81798 14.1879C6.81798 14.1705 6.8267 14.1531 6.8267 14.1356C6.8267 14.1182 6.83542 14.1007 6.83542 14.0833V14.0571C6.83542 14.0397 6.84414 14.0135 6.84414 13.9961V13.9525V13.935C6.84414 13.9263 6.84414 13.9176 6.85286 13.9089C6.86159 13.8827 6.87031 13.8478 6.87031 13.8217V13.813C6.87903 13.7955 6.87903 13.7694 6.88775 13.7519V13.7432C6.89647 13.6996 6.91391 13.656 6.92263 13.6124V13.595C6.92263 13.5862 6.92263 13.5775 6.93135 13.5688C6.94879 13.499 6.97495 13.4293 6.99239 13.3682V13.3595C7.00983 13.3072 7.03599 13.2461 7.05344 13.1938V13.1851C7.06216 13.1589 7.07088 13.1415 7.0796 13.1153C7.09704 13.0804 7.10576 13.0456 7.1232 13.0107C7.1232 13.002 7.13192 12.9845 7.14936 12.9496C7.15808 12.9409 7.15808 12.9235 7.1668 12.9148C7.17552 12.8973 7.18424 12.8799 7.19296 12.8537L7.20168 12.8363C7.19296 12.8275 7.17552 12.8276 7.1668 12.8188H7.15808L7.14064 12.8101C7.06216 12.7752 6.97495 12.7403 6.88775 12.7142H6.87031C6.80926 12.6967 6.75694 12.688 6.6959 12.6793C6.66101 12.6793 6.62613 12.6706 6.59125 12.6706H6.50405C6.46044 12.6706 6.41684 12.6793 6.37324 12.6793C6.3558 12.6793 6.34708 12.6793 6.32964 12.688C6.3122 12.688 6.28603 12.6967 6.26859 12.6967C6.25987 12.6967 6.25115 12.6967 6.24243 12.7055C6.22499 12.7055 6.21627 12.7142 6.19883 12.7142C6.17267 12.7229 6.13779 12.7316 6.11163 12.7403C6.1029 12.7403 6.08546 12.7491 6.07674 12.7491C6.04186 12.7665 5.99826 12.7752 5.96338 12.7927C5.94594 12.8014 5.93722 12.8101 5.91977 12.8101L5.86745 12.8363L5.85001 12.845C5.83257 12.8537 5.81513 12.8624 5.79769 12.8799C5.78025 12.8886 5.76281 12.8973 5.74537 12.9148C5.72792 12.9235 5.71048 12.9409 5.69304 12.9496C5.68432 12.9584 5.66688 12.9671 5.65816 12.9758C5.632 13.002 5.59712 13.0281 5.57096 13.0543L5.52735 13.0979C5.50119 13.124 5.48375 13.1502 5.45759 13.1764L5.44887 13.1851C5.44015 13.2025 5.42271 13.2113 5.41399 13.2287L5.38783 13.2549C5.34422 13.3159 5.30062 13.3857 5.26574 13.4554C5.25702 13.4641 5.25702 13.4729 5.2483 13.4816C5.23086 13.5165 5.22214 13.5513 5.2047 13.5862C5.19598 13.6037 5.19598 13.6124 5.18726 13.6298C5.18726 13.6386 5.19598 13.6473 5.19598 13.656C5.2047 13.6909 5.21342 13.717 5.22214 13.7519V13.7694C5.23086 13.7955 5.2483 13.8304 5.25702 13.8566C5.2919 13.9438 5.32678 14.0223 5.37039 14.092C5.37911 14.1007 5.37911 14.1095 5.38783 14.1182V14.1269L5.39655 14.1356C5.42271 14.1879 5.44887 14.2315 5.47503 14.2664C5.51863 14.3275 5.55352 14.3711 5.57968 14.406L5.59712 14.4234C5.59712 14.4321 5.60584 14.4321 5.60584 14.4321L5.62328 14.4496C5.62328 14.4321 5.61456 14.4147 5.61456 14.406C5.5884 14.2926 5.57968 14.1879 5.57968 14.0746V14.0571C5.57968 13.9874 5.57968 13.9176 5.5884 13.8566L5.61456 13.935C5.62328 13.9699 5.64072 14.0048 5.64944 14.0397V14.0571C5.70176 14.2054 5.76281 14.3275 5.82385 14.4234C5.89361 14.5455 5.95466 14.624 5.99826 14.6763C6.00698 14.685 6.0157 14.6937 6.0157 14.7024L6.03314 14.7199C6.00698 14.5978 5.98954 14.4844 5.98954 14.3711V14.2577C5.98954 14.2054 5.98954 14.1618 5.99826 14.1182C6.0157 14.1967 6.04186 14.2751 6.06802 14.3449V14.3536C6.16395 14.6065 6.27731 14.7897 6.3558 14.903L6.36452 14.9117C6.38196 14.9292 6.39068 14.9466 6.3994 14.9641C6.40812 14.9728 6.41684 14.9815 6.41684 14.9902L6.43428 15.0077L6.443 15.0164V14.9989C6.443 14.9815 6.43428 14.9641 6.43428 14.9466C6.42556 14.8856 6.41684 14.8245 6.40812 14.7722C6.40812 14.7373 6.3994 14.6937 6.3994 14.6588V14.5542V14.5368V14.467C6.3994 14.4234 6.40812 14.3711 6.40812 14.3275C6.41684 14.3536 6.42556 14.3885 6.43428 14.4147C6.443 14.4321 6.45172 14.4583 6.46044 14.4757V14.4844L6.46916 14.4932C6.47788 14.5193 6.48661 14.5455 6.49533 14.5629C6.51277 14.6065 6.53021 14.6501 6.55637 14.685C6.58253 14.7373 6.59997 14.7809 6.62613 14.8158C6.64357 14.842 6.65229 14.8594 6.66101 14.8769C6.67846 14.903 6.6959 14.9292 6.70462 14.9466C6.72206 14.9641 6.73078 14.9815 6.7395 14.9989L6.74822 15.0077C6.75694 15.0251 6.77438 15.0338 6.7831 15.0513C6.79182 15.06 6.80054 15.0687 6.80054 15.0774C6.81798 15.0949 6.8267 15.1123 6.83542 15.1123L6.84414 15.121V15.0949C6.85286 15.0251 6.86159 14.9466 6.87031 14.8769V14.8507C6.87903 14.7635 6.89647 14.685 6.91391 14.6065C6.91391 14.5978 6.91391 14.5891 6.92263 14.5716V14.5629C6.92263 14.5542 6.92263 14.5455 6.93135 14.5368C6.93135 14.5193 6.94007 14.5106 6.94007 14.4932C6.94879 14.4321 6.96623 14.3711 6.97495 14.31C6.98367 14.2577 6.99239 14.2054 7.00111 14.1618V14.1443C7.00111 14.1356 7.00111 14.1269 7.00983 14.1269V14.1095C7.00983 14.1007 7.01855 14.0833 7.01855 14.0746C7.01855 14.0659 7.01855 14.0571 7.02727 14.0484C7.02727 14.031 7.03599 14.0135 7.03599 14.0048C7.03599 13.9961 7.04472 13.9787 7.04472 13.9699C7.04472 13.9525 7.05344 13.935 7.05344 13.9263C7.05344 13.9176 7.05344 13.9089 7.06216 13.9002C7.06216 13.8914 7.06216 13.8827 7.07088 13.8827C7.07088 13.8653 7.0796 13.8566 7.0796 13.8478V13.8217L7.1232 13.8478ZM17.6924 17.493C17.8145 17.4494 17.9191 17.4145 18.0063 17.3796C18.172 17.3099 18.2592 17.2575 18.2592 17.2401C18.2505 17.2227 18.1546 17.2314 17.9802 17.275C17.893 17.2924 17.7883 17.3099 17.6575 17.3448C17.5965 17.3622 17.5267 17.3709 17.457 17.3796C17.3872 17.3884 17.3087 17.4058 17.2302 17.4145C17.0733 17.4407 16.8988 17.4581 16.707 17.4756L16.4192 17.5017C16.3233 17.5104 16.2186 17.5104 16.114 17.5192C15.6954 17.5279 15.2332 17.5104 14.7623 17.4232C14.5182 17.3796 14.1781 17.2663 13.9426 17.1355L13.9339 17.1267C14.0734 16.6297 14.5966 16.5599 14.5966 16.5599L14.5792 16.5512H14.553C14.4746 16.5425 14.4135 16.5337 14.3525 16.525C14.3089 16.5163 14.274 16.5163 14.2478 16.5076C14.2217 16.5076 14.1955 16.4989 14.1868 16.4989C13.8728 16.4814 13.6984 16.743 13.6461 16.8564L13.6199 16.9087C13.5763 17.0134 13.5415 17.1267 13.5327 17.2575C13.5153 17.493 13.5763 17.7459 13.7595 17.9639C13.8816 18.1122 14.0909 18.243 14.3612 18.3476C14.1257 18.1994 13.9164 17.9116 13.9077 17.4668C14.1781 17.5802 14.4833 17.65 14.7187 17.6936C15.2158 17.7895 15.7041 17.7982 16.1314 17.7721C16.2361 17.7633 16.3495 17.7546 16.4454 17.7459C16.55 17.7285 16.6459 17.7197 16.7419 17.711C16.9337 17.6761 17.0994 17.65 17.2651 17.6151C17.3436 17.5976 17.4221 17.5802 17.4918 17.554C17.5703 17.5366 17.6314 17.5192 17.6924 17.493Z" fill="#F2D2AC"/>
+<path d="M17.2825 11.6677C17.5441 11.6765 17.7185 11.7549 17.8406 11.877C17.8668 11.7637 17.8842 11.6241 17.8755 11.4672C17.8668 11.3015 17.8319 11.1532 17.7796 11.0399C17.7621 10.9701 17.6575 10.787 17.5267 10.7957C17.361 10.8044 17.2389 11.1271 17.2651 11.5108C17.2651 11.5631 17.2738 11.6154 17.2825 11.6677ZM17.7185 12.6532C17.7185 12.7229 17.7447 12.784 17.7796 12.8101C17.8406 12.845 17.9191 12.7752 17.954 12.6619C17.954 12.6532 17.9627 12.6444 17.9627 12.6357C17.9889 12.5311 17.9627 12.4264 17.9017 12.4003C17.8406 12.3654 17.7621 12.4351 17.7273 12.5485C17.7273 12.5834 17.7185 12.6183 17.7185 12.6532ZM16.5326 12.845C16.5587 12.8886 16.6023 12.9322 16.6546 12.9671C16.768 13.0369 16.8901 13.0456 16.9599 12.9845L16.986 12.9584C17.0122 12.906 17.0035 12.8363 16.9599 12.7665C16.9337 12.7229 16.8901 12.6793 16.8378 12.6532C16.7244 12.5834 16.6023 12.5747 16.5413 12.627C16.5326 12.6357 16.5238 12.6444 16.5151 12.6619C16.489 12.7055 16.4977 12.7752 16.5326 12.845ZM20.8666 14.4409C20.8579 14.4409 20.8579 14.4409 20.8666 14.4409V14.4409ZM20.7271 16.8564C20.5614 17.0134 20.3783 17.1616 20.169 17.3012C19.2708 17.9116 18.015 18.3912 17.1255 18.5046C16.4541 18.6092 15.8 18.6267 15.2332 18.5569C14.9018 18.5133 14.6141 18.4435 14.3612 18.3476C14.0908 18.243 13.8815 18.1122 13.7594 17.9639C13.5763 17.7459 13.524 17.4843 13.5327 17.2576C13.5414 17.1355 13.5676 17.0134 13.6199 16.9087L13.6461 16.8564C13.7071 16.7431 13.8728 16.4727 14.1868 16.4989C14.1955 16.4989 14.2216 16.4989 14.2478 16.5076C14.274 16.5076 14.3176 16.5163 14.3524 16.525C14.4135 16.5338 14.4745 16.5425 14.553 16.5512H14.5792C15.4425 16.6558 16.2709 16.6471 17.0558 16.525C18.1982 16.3506 19.2533 15.9408 20.1952 15.3042C20.2475 15.2693 20.2911 15.2344 20.3434 15.1995L20.8579 14.4321C19.2969 15.8536 17.579 16.2634 16.2709 16.3419C15.5559 16.3855 14.9629 16.3332 14.5879 16.2809C14.5705 16.2809 14.5617 16.2809 14.553 16.2721C14.4396 16.2547 14.3524 16.246 14.2827 16.2373C14.2478 16.2373 14.2216 16.2285 14.2042 16.2285C14.1083 16.2198 14.0123 16.2373 13.9251 16.2634C13.7507 16.3158 13.5938 16.4378 13.4804 16.5948C13.3409 16.7867 13.2537 17.0483 13.2537 17.3099C13.2537 17.5279 13.306 17.7546 13.4194 17.9639C13.4281 17.9726 13.4281 17.9814 13.4368 17.9901C13.4542 18.0162 13.463 18.0337 13.4804 18.0598C13.4978 18.086 13.524 18.1209 13.5502 18.147C13.8205 18.4871 14.4135 18.7313 15.1983 18.836C15.7303 18.9057 16.3494 18.897 17.0209 18.8011C19.0092 18.4435 19.951 17.7982 20.387 17.3535C20.4219 17.3186 20.448 17.2924 20.4742 17.2576C20.6312 17.0744 20.7009 16.9349 20.7271 16.8826V16.8739C20.7358 16.8564 20.7358 16.8477 20.7358 16.8477L20.7271 16.8564Z" fill="#664F44"/>
+<path d="M14.4048 9.96725C14.3438 9.93237 14.274 9.90621 14.2043 9.88876C14.1607 9.88004 14.1171 9.87132 14.0647 9.8626C14.0473 9.8626 14.0299 9.8626 14.0124 9.85388C13.777 9.83644 13.5764 9.87132 13.5764 9.87132C13.5328 9.88004 13.4892 9.88876 13.4543 9.90621C13.1404 10.0021 12.9224 10.1678 12.7654 10.3597C12.6433 10.5166 12.5561 10.6823 12.5125 10.848C12.5038 10.8655 12.5038 10.8742 12.5038 10.8916C12.4951 10.9352 12.4776 10.9788 12.4689 11.0137C12.4427 11.1532 12.4253 11.2753 12.4253 11.38C12.4253 11.5195 12.434 11.6067 12.434 11.6067C12.4863 11.4846 12.5474 11.38 12.6084 11.2753C12.7567 11.0224 12.9136 10.8131 13.0793 10.6474C13.3933 10.3248 13.7159 10.1504 13.9601 10.0632C14.2217 9.97597 14.4048 9.96725 14.4048 9.96725ZM18.1808 9.52251L18.1721 9.50506C18.1372 9.46146 18.0936 9.41786 18.0413 9.38298C17.9192 9.30449 17.7535 9.26089 17.5268 9.30449C17.5268 9.30449 17.2564 9.36554 17.0995 9.54867C17.0995 9.54867 17.5704 9.3481 18.0762 9.70563C18.1198 9.74052 18.1721 9.7754 18.2157 9.819C18.2593 9.8626 18.3116 9.90621 18.3552 9.96725C18.3552 9.96725 18.3378 9.74924 18.207 9.55739C18.1982 9.53995 18.1895 9.53123 18.1808 9.52251Z" fill="#E9B784"/>
+<path d="M14.4658 12.9933C14.6489 12.9409 14.8408 12.8886 15.0588 12.8363C15.0937 12.6706 15.1024 12.47 15.0762 12.252C15.0152 11.7462 14.7885 11.3538 14.5617 11.38C14.335 11.4061 14.2042 11.8422 14.2652 12.3479C14.3001 12.6096 14.3699 12.8363 14.4658 12.9933Z" fill="#664F44"/>
+<path d="M13.4281 1.5956L12.9572 1.70024L13.0532 2.55485L11.8061 1.91825L11.2916 2.07522L11.3003 2.08394L12.8177 3.8106L12.8351 3.80187L12.8526 3.79315C12.8962 3.76699 12.9485 3.73211 12.9921 3.70595C13.0096 3.69723 13.027 3.68851 13.0444 3.67107C13.1142 3.62747 13.184 3.58386 13.2537 3.54898L12.6084 2.80774L13.6462 3.31353C13.681 3.29609 13.7072 3.27865 13.7421 3.26121L13.6462 2.51997L14.1171 3.06936H14.1258C14.1694 3.05191 14.2043 3.02575 14.2479 3.00831L14.2653 2.99959L14.2827 2.99087C14.2915 2.99087 14.3002 2.98215 14.3002 2.98215L14.3525 2.95599C14.3525 2.95599 14.3612 2.95599 14.3612 2.94727C14.4136 2.92111 14.4746 2.89495 14.5269 2.86878L13.4281 1.5956Z" fill="#FFD250"/>
+<path d="M12.9659 1.7264V1.70024V1.7264ZM12.9659 1.70024L13.0356 1.6828C12.9223 1.63047 12.7827 1.59559 12.6258 1.56943C12.3118 1.52583 11.9107 1.56943 11.4572 1.6828C11.0038 1.79616 10.4893 1.99673 9.94859 2.26707C8.85853 2.80774 7.65511 3.63618 6.48657 4.70008C6.0767 5.06634 5.70172 5.45004 5.35291 5.82502L6.76562 7.56911C7.14932 7.15053 7.55918 6.73195 8.01265 6.32208C8.61436 5.7727 9.22479 5.28435 9.8265 4.86577C10.4108 4.4559 10.995 4.10709 11.5444 3.82803L11.3003 2.71181L11.309 2.08394L11.3003 2.07522L11.8148 1.91825L12.8176 2.43276L12.7915 2.08394L12.9659 1.70024Z" fill="#4D9ED7"/>
+<path d="M12.9659 1.70024L12.7915 2.08394L12.8177 2.44148L13.0619 2.56357L12.9659 1.70024ZM12.6084 2.80774L13.6549 3.32225L13.2537 3.54898L12.6084 2.80774ZM13.6549 2.51996L13.7508 3.2612L14.1258 3.06935L13.6549 2.51996Z" fill="#132134"/>
+<path d="M17.5966 2.24964H17.7884C17.9628 2.24964 18.1285 2.2758 18.2855 2.31068C18.2942 2.31068 18.3029 2.31068 18.3117 2.3194H18.3204L18.3378 2.32812H18.3553C18.3378 2.3194 18.3204 2.30196 18.3029 2.29324C18.1285 2.22347 17.9454 2.17987 17.7535 2.15371C16.8117 2.03162 15.7304 2.38044 15.12 2.62462C15.0851 2.64206 15.0502 2.65078 15.0153 2.66822C14.963 2.69438 14.9107 2.71182 14.8584 2.73798C14.7711 2.77286 14.6839 2.81647 14.588 2.86007C14.5706 2.86879 14.5619 2.86879 14.5444 2.87751C14.4921 2.90367 14.431 2.92983 14.3787 2.95599C14.3787 2.95599 14.37 2.95599 14.37 2.96471L14.3177 2.99088C14.309 2.99088 14.3002 2.9996 14.3002 2.9996H14.2654L14.2566 3.00832C14.213 3.02576 14.1782 3.0432 14.1346 3.06936H14.1258C14.1171 3.07808 14.1084 3.07808 14.0997 3.0868H14.091C14.0822 3.0868 14.0735 3.09552 14.0735 3.09552C14.0125 3.1304 13.9514 3.15656 13.8904 3.19145C13.8468 3.21761 13.8032 3.23505 13.7596 3.26121H13.7509C13.716 3.27865 13.6898 3.29609 13.6549 3.31353C13.5503 3.36586 13.4544 3.4269 13.3497 3.48794C13.341 3.49666 13.3323 3.49666 13.3148 3.50538C13.3061 3.5141 13.2974 3.5141 13.2887 3.52282C13.2799 3.53154 13.2712 3.53154 13.2625 3.54027L13.2538 3.54899C13.184 3.59259 13.1143 3.62747 13.0445 3.67107C13.0271 3.67979 13.0096 3.68851 12.9922 3.70595C12.9486 3.73212 12.8962 3.767 12.8526 3.79316L12.8352 3.80188L12.8178 3.8106L12.4253 4.07221C12.2073 4.22046 11.998 4.36871 11.7887 4.52568C11.7626 4.54312 11.7364 4.56928 11.7103 4.58672C11.1609 4.99658 10.6376 5.44133 10.1319 5.89479C9.59991 6.38314 9.0854 6.8802 8.60578 7.38599C8.34416 7.64761 8.11743 7.88306 7.94302 8.07491C7.57676 8.46733 7.37619 8.7115 7.38491 8.72022C7.38491 8.72022 7.41979 8.69406 7.48084 8.63302C7.43723 8.68534 7.38491 8.74638 7.34131 8.79871C8.14359 7.9441 9.02436 7.07205 9.97489 6.25233C10.5504 5.75526 11.1522 5.27564 11.7713 4.83089C12.0416 4.63904 12.3207 4.44719 12.5998 4.26406C12.687 4.20302 12.7829 4.1507 12.8701 4.08965C12.9137 4.06349 12.9573 4.03733 13.0096 4.01117C13.0358 3.99373 13.0619 3.97629 13.0881 3.96757C13.1404 3.94141 13.184 3.90652 13.2363 3.88036C13.2799 3.8542 13.3323 3.82804 13.3759 3.79316C13.402 3.77572 13.4282 3.767 13.4544 3.74956L13.6375 3.64491C13.6724 3.62747 13.7072 3.60131 13.7421 3.58387C13.8555 3.52282 13.9689 3.46178 14.091 3.40074C14.0997 3.39202 14.1084 3.39202 14.1171 3.3833L14.1694 3.35714C14.1956 3.34842 14.213 3.33097 14.2392 3.32225C14.2479 3.31353 14.2566 3.31353 14.2654 3.30481L14.3177 3.27865C14.3177 3.27865 14.3264 3.27865 14.3264 3.26993H14.3351C14.3874 3.24377 14.4398 3.21761 14.4834 3.20017C14.4921 3.20017 14.5008 3.19145 14.5095 3.18273L14.5619 3.15656C14.6229 3.1304 14.6752 3.10424 14.7363 3.07808C14.7537 3.06936 14.7711 3.06064 14.7799 3.05192C14.7886 3.05192 14.7973 3.0432 14.806 3.0432C14.8235 3.03448 14.8409 3.02576 14.8584 3.02576C14.9281 2.9996 14.9892 2.96471 15.0589 2.93855C15.12 2.91239 15.1723 2.88623 15.2333 2.86007C15.5647 2.72054 15.8699 2.60718 16.1577 2.51125C16.6984 2.363 17.178 2.26708 17.5966 2.24964Z" fill="white"/>
+</svg>
diff --git a/ci4app/public/assets/raven/images/brands/tiktok.svg b/ci4app/public/assets/raven/images/brands/tiktok.svg
new file mode 100644
index 0000000..1924ad7
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/tiktok.svg
@@ -0,0 +1,3 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M450.287 0H61.7143C28.2363 0 1 27.2363 1 60.7143V449.287C1 482.764 28.2363 510 61.7143 510H450.287C483.764 510 511 482.764 511 449.287V60.7143C511 27.2363 483.764 0 450.287 0ZM401.788 222.494C399.002 222.763 396.206 222.907 393.408 222.919C378.303 222.921 363.432 219.161 350.141 211.979C336.854 204.796 325.559 194.417 317.286 181.779V321.87C317.286 342.349 311.212 362.369 299.834 379.396C288.457 396.423 272.288 409.695 253.367 417.532C234.448 425.368 213.628 427.419 193.543 423.423C173.458 419.429 155.008 409.567 140.527 395.085C126.047 380.606 116.185 362.156 112.19 342.071C108.195 321.986 110.245 301.167 118.082 282.248C125.919 263.327 139.191 247.155 156.218 235.778C173.245 224.402 193.264 218.329 213.742 218.329C215.905 218.329 218.017 218.523 220.142 218.656V269.681C218.017 269.426 215.928 269.037 213.742 269.037C199.727 269.037 186.286 274.605 176.375 284.515C166.465 294.425 160.897 307.868 160.897 321.882C160.897 335.898 166.465 349.341 176.375 359.251C186.286 369.161 199.727 374.729 213.742 374.729C242.935 374.729 268.713 351.731 268.713 322.538L269.223 84.6115H318.037C320.269 105.821 329.883 125.572 345.201 140.411C360.52 155.25 380.565 164.232 401.837 165.786V222.494" fill="black"/>
+</svg>
diff --git a/ci4app/public/assets/raven/images/brands/visa.svg b/ci4app/public/assets/raven/images/brands/visa.svg
new file mode 100644
index 0000000..f497767
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/visa.svg
@@ -0,0 +1,17 @@
+<svg width="50" height="16" viewBox="0 0 50 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.3333 15.4857L20.8729 1.19995H24.8412L22.3809 15.4857H18.3333Z" fill="#3C58BF"/>
+<path d="M18.3333 15.4857L21.5872 1.19995H24.8412L22.3809 15.4857H18.3333Z" fill="#293688"/>
+<path d="M36.746 1.35867C35.9524 1.04121 34.6825 0.723755 33.0952 0.723755C29.127 0.723755 26.2698 2.70788 26.2698 5.56502C26.2698 7.70788 28.2539 8.81899 29.8412 9.53328C31.4285 10.2476 31.9047 10.7238 31.9047 11.3587C31.9047 12.3111 30.6349 12.7872 29.5238 12.7872C27.9365 12.7872 27.0635 12.5491 25.7143 11.9936L25.1587 11.7555L24.6031 15.0095C25.5555 15.4063 27.3016 15.8031 29.127 15.8031C33.3333 15.8031 36.1111 13.819 36.1111 10.8031C36.1111 9.13645 35.0793 7.86661 32.6984 6.83486C31.2698 6.12058 30.3968 5.72375 30.3968 5.00947C30.3968 4.37455 31.1111 3.73963 32.6984 3.73963C34.0476 3.73963 35 3.97772 35.7143 4.29518L36.1111 4.45391L36.746 1.35867Z" fill="#3C58BF"/>
+<path d="M36.746 1.35867C35.9524 1.04121 34.6825 0.723755 33.0952 0.723755C29.127 0.723755 26.9841 2.70788 26.9841 5.56502C26.9841 7.70788 28.2539 8.81899 29.8412 9.53328C31.4285 10.2476 31.9047 10.7238 31.9047 11.3587C31.9047 12.3111 30.6349 12.7872 29.5238 12.7872C27.9365 12.7872 27.0635 12.5491 25.7143 11.9936L25.1587 11.7555L24.6031 15.0095C25.5555 15.4063 27.3016 15.8031 29.127 15.8031C33.3333 15.8031 36.1111 13.819 36.1111 10.8031C36.1111 9.13645 35.0793 7.86661 32.6984 6.83486C31.2698 6.12058 30.3968 5.72375 30.3968 5.00947C30.3968 4.37455 31.1111 3.73963 32.6984 3.73963C34.0476 3.73963 35 3.97772 35.7143 4.29518L36.1111 4.45391L36.746 1.35867Z" fill="#293688"/>
+<path d="M43.5714 1.19995C42.619 1.19995 41.9047 1.27932 41.5079 2.2317L35.5555 15.4857H39.8413L40.6349 13.1047H45.7143L46.1905 15.4857H50L46.6666 1.19995H43.5714ZM41.746 10.7238C41.9841 10.0095 43.3333 6.51741 43.3333 6.51741C43.3333 6.51741 43.6508 5.6444 43.8889 5.08884L44.127 6.43805C44.127 6.43805 44.9206 10.0095 45.0793 10.8031H41.746V10.7238Z" fill="#3C58BF"/>
+<path d="M44.5238 1.19995C43.5714 1.19995 42.8571 1.27932 42.4603 2.2317L35.5555 15.4857H39.8413L40.6349 13.1047H45.7143L46.1905 15.4857H50L46.6666 1.19995H44.5238ZM41.746 10.7238C42.0635 9.93011 43.3333 6.51741 43.3333 6.51741C43.3333 6.51741 43.6508 5.6444 43.8889 5.08884L44.127 6.43805C44.127 6.43805 44.9206 10.0095 45.0793 10.8031H41.746V10.7238Z" fill="#293688"/>
+<path d="M11.0317 11.2001L10.6349 9.13656C9.92061 6.75561 7.61903 4.13656 5.07935 2.86672L8.65077 15.5651H12.9365L19.3651 1.27942H15.0793L11.0317 11.2001Z" fill="#3C58BF"/>
+<path d="M11.0317 11.2001L10.6349 9.13656C9.92061 6.75561 7.61903 4.13656 5.07935 2.86672L8.65077 15.5651H12.9365L19.3651 1.27942H15.873L11.0317 11.2001Z" fill="#293688"/>
+<path d="M0 1.19995L0.714285 1.35868C5.79365 2.54916 9.28571 5.56503 10.6349 9.13646L9.20635 2.39043C8.96825 1.43805 8.25397 1.19995 7.38095 1.19995H0Z" fill="#FFBC00"/>
+<path d="M0 1.19995C5.07936 2.39043 9.28571 5.48567 10.6349 9.05709L9.28571 3.42217C9.04762 2.46979 8.25397 1.91424 7.38095 1.91424L0 1.19995Z" fill="#F7981D"/>
+<path d="M0 1.19995C5.07936 2.39043 9.28571 5.48567 10.6349 9.05709L9.68254 5.96185C9.44444 5.00947 9.12698 4.05709 8.01587 3.66027L0 1.19995Z" fill="#ED7C00"/>
+<path d="M15 10.7237L12.3015 8.02533L11.0317 11.0412L10.7142 9.05707C9.99996 6.67612 7.69837 4.05707 5.15869 2.78723L8.73012 15.4856H13.0158L15 10.7237Z" fill="#051244"/>
+<path d="M22.3809 15.4857L18.9682 11.9937L18.3333 15.4857H22.3809Z" fill="#051244"/>
+<path d="M31.5079 10.5651C31.8254 10.8825 31.9841 11.1206 31.9047 11.4381C31.9047 12.3905 30.6349 12.8667 29.5238 12.8667C27.9365 12.8667 27.0635 12.6286 25.7143 12.073L25.1587 11.8349L24.6031 15.0889C25.5555 15.4857 27.3016 15.8825 29.127 15.8825C31.6666 15.8825 33.7301 15.1682 34.9206 13.8984L31.5079 10.5651Z" fill="#051244"/>
+<path d="M36.1111 15.4856H39.8412L40.6349 13.1046H45.7143L46.1904 15.4856H50L48.6508 9.69192L43.8889 5.08875L44.127 6.35858C44.127 6.35858 44.9206 9.93001 45.0793 10.7237H41.746C42.0635 9.93001 43.3333 6.51732 43.3333 6.51732C43.3333 6.51732 43.6508 5.6443 43.8889 5.08875" fill="#051244"/>
+</svg>
diff --git a/ci4app/public/assets/raven/images/brands/whatsapp.svg b/ci4app/public/assets/raven/images/brands/whatsapp.svg
new file mode 100644
index 0000000..3fb811b
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/whatsapp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#01E675" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M35.993 12h.014C49.237 12 60 22.766 60 36S49.238 60 36.007 60a23.81 23.81 0 01-13.203-3.964l-9.224 2.948 2.99-8.917A23.824 23.824 0 0112 36c0-13.235 10.762-24 23.993-24zm-6.7 12.19c-.466-1.114-.818-1.156-1.523-1.185a13.55 13.55 0 00-.804-.027c-.918 0-1.877.268-2.455.86-.705.72-2.454 2.398-2.454 5.841s2.51 6.773 2.849 7.239c.353.465 4.895 7.632 11.947 10.553 5.515 2.286 7.152 2.074 8.407 1.806 1.834-.395 4.133-1.75 4.711-3.386.579-1.637.579-3.034.41-3.33-.17-.296-.636-.465-1.34-.818-.706-.353-4.134-2.046-4.783-2.272-.634-.24-1.24-.155-1.72.522-.677.946-1.34 1.905-1.876 2.483-.423.452-1.115.509-1.693.268-.776-.324-2.948-1.086-5.628-3.47-2.074-1.849-3.484-4.148-3.893-4.84-.41-.705-.042-1.114.282-1.495.353-.438.691-.748 1.044-1.157.352-.41.55-.621.776-1.1.24-.466.07-.946-.1-1.3-.168-.352-1.579-3.795-2.157-5.191z"/></g></svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/brands/x.svg b/ci4app/public/assets/raven/images/brands/x.svg
new file mode 100644
index 0000000..2f1f5c1
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/x.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="none" viewBox="0 0 512 512" id="twitter"><g clip-path="url(#clip0_84_15697)"><rect width="512" height="512" fill="#000" rx="60"></rect><path fill="#fff" d="M355.904 100H408.832L293.2 232.16L429.232 412H322.72L239.296 302.928L143.84 412H90.8805L214.56 270.64L84.0645 100H193.28L268.688 199.696L355.904 100ZM337.328 380.32H366.656L177.344 130.016H145.872L337.328 380.32Z"></path></g><defs><clipPath id="clip0_84_15697"><rect width="512" height="512" fill="#fff"></rect></clipPath></defs></svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/brands/youtube.svg b/ci4app/public/assets/raven/images/brands/youtube.svg
new file mode 100644
index 0000000..57cbfda
--- /dev/null
+++ b/ci4app/public/assets/raven/images/brands/youtube.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#FF0002" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M31.044 42.27l-.002-13.582 12.97 6.814-12.968 6.768zM59.52 26.334s-.47-3.33-1.908-4.798c-1.826-1.926-3.872-1.935-4.809-2.047C46.086 19 36.011 19 36.011 19h-.022s-10.075 0-16.792.49c-.939.111-2.983.12-4.81 2.046-1.439 1.467-1.907 4.798-1.907 4.798S12 30.247 12 34.158v3.668c0 3.912.48 7.823.48 7.823s.468 3.331 1.906 4.798c1.828 1.926 4.226 1.866 5.294 2.067C23.52 52.885 36 53 36 53s10.086-.015 16.803-.505c.938-.113 2.983-.122 4.809-2.048 1.438-1.467 1.908-4.798 1.908-4.798s.48-3.91.48-7.823v-3.668c0-3.911-.48-7.824-.48-7.824z"/></g></svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/countries/BR.png b/ci4app/public/assets/raven/images/countries/BR.png
new file mode 100644
index 0000000..b4aaae1
Binary files /dev/null and b/ci4app/public/assets/raven/images/countries/BR.png differ
diff --git a/ci4app/public/assets/raven/images/countries/ES.png b/ci4app/public/assets/raven/images/countries/ES.png
new file mode 100644
index 0000000..809c5d8
Binary files /dev/null and b/ci4app/public/assets/raven/images/countries/ES.png differ
diff --git a/ci4app/public/assets/raven/images/countries/GR.png b/ci4app/public/assets/raven/images/countries/GR.png
new file mode 100644
index 0000000..5579209
Binary files /dev/null and b/ci4app/public/assets/raven/images/countries/GR.png differ
diff --git a/ci4app/public/assets/raven/images/countries/IN.png b/ci4app/public/assets/raven/images/countries/IN.png
new file mode 100644
index 0000000..6af86b3
Binary files /dev/null and b/ci4app/public/assets/raven/images/countries/IN.png differ
diff --git a/ci4app/public/assets/raven/images/countries/JP.png b/ci4app/public/assets/raven/images/countries/JP.png
new file mode 100644
index 0000000..d74bc82
Binary files /dev/null and b/ci4app/public/assets/raven/images/countries/JP.png differ
diff --git a/ci4app/public/assets/raven/images/countries/UK.png b/ci4app/public/assets/raven/images/countries/UK.png
new file mode 100644
index 0000000..437fd80
Binary files /dev/null and b/ci4app/public/assets/raven/images/countries/UK.png differ
diff --git a/ci4app/public/assets/raven/images/countries/US.png b/ci4app/public/assets/raven/images/countries/US.png
new file mode 100644
index 0000000..348017b
Binary files /dev/null and b/ci4app/public/assets/raven/images/countries/US.png differ
diff --git a/ci4app/public/assets/raven/images/demos/dashboard.png b/ci4app/public/assets/raven/images/demos/dashboard.png
new file mode 100644
index 0000000..cc80f3b
Binary files /dev/null and b/ci4app/public/assets/raven/images/demos/dashboard.png differ
diff --git a/ci4app/public/assets/raven/images/demos/landing.png b/ci4app/public/assets/raven/images/demos/landing.png
new file mode 100644
index 0000000..7f12a16
Binary files /dev/null and b/ci4app/public/assets/raven/images/demos/landing.png differ
diff --git a/ci4app/public/assets/raven/images/demos/nextjs.png b/ci4app/public/assets/raven/images/demos/nextjs.png
new file mode 100644
index 0000000..220ded0
Binary files /dev/null and b/ci4app/public/assets/raven/images/demos/nextjs.png differ
diff --git a/ci4app/public/assets/raven/images/favicon.ico b/ci4app/public/assets/raven/images/favicon.ico
new file mode 100644
index 0000000..05253e3
Binary files /dev/null and b/ci4app/public/assets/raven/images/favicon.ico differ
diff --git a/ci4app/public/assets/raven/images/favicon.png b/ci4app/public/assets/raven/images/favicon.png
new file mode 100644
index 0000000..812875b
Binary files /dev/null and b/ci4app/public/assets/raven/images/favicon.png differ
diff --git a/ci4app/public/assets/raven/images/files/ai.svg b/ci4app/public/assets/raven/images/files/ai.svg
new file mode 100644
index 0000000..80970d9
--- /dev/null
+++ b/ci4app/public/assets/raven/images/files/ai.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.63197 1H13.993L20.2241 7.50095V20.1381C20.2241 21.7188 18.9428 23 17.3621 23H6.63197C5.05121 23 3.77002 21.7188 3.77002 20.1381V3.86195C3.77002 2.28122 5.05121 1 6.63197 1Z" fill="#FF6600"/>
+<path opacity="0.302" fill-rule="evenodd" clip-rule="evenodd" d="M13.984 1V7.44756H20.224L13.984 1Z" fill="white"/>
+<path d="M9.00155 17.4155H10.1137C10.1434 17.4155 10.17 17.3947 10.176 17.368L10.5022 16.1966H11.7627L12.1126 17.368C12.1215 17.3947 12.1482 17.4155 12.1779 17.4155H13.3316C13.3701 17.4155 13.3998 17.3858 13.3998 17.3502C13.3998 17.3384 13.3968 17.3295 13.3939 17.3206L11.9228 12.5813C11.9139 12.5546 11.8902 12.5368 11.8605 12.5368H10.4518C10.4221 12.5368 10.3955 12.5546 10.3895 12.5813L8.93628 17.3295C8.93036 17.3502 8.93628 17.371 8.94815 17.3888C8.96005 17.4036 8.98081 17.4155 9.00155 17.4155ZM14.417 13.5481C14.7907 13.5481 15.0606 13.296 15.0606 12.9461C15.0517 12.5872 14.7907 12.3381 14.423 12.3381C14.2361 12.3381 14.07 12.4033 13.9544 12.519C13.8476 12.6287 13.7913 12.783 13.7942 12.9461C13.7913 13.1062 13.8476 13.2545 13.9574 13.3642C14.07 13.4829 14.2332 13.5481 14.417 13.5481ZM13.8891 13.8388C13.8506 13.8388 13.8209 13.8684 13.8209 13.904V17.3502C13.8209 17.3858 13.8506 17.4155 13.8891 17.4155H14.9598C14.9953 17.4155 15.025 17.3858 15.025 17.3502V13.904C15.025 13.8684 14.9953 13.8388 14.9598 13.8388H13.8891ZM11.567 15.2623H10.695L10.953 14.337C10.9975 14.1709 11.042 13.9752 11.0865 13.7854C11.0954 13.7409 11.1043 13.6994 11.1161 13.6549C11.1725 13.8832 11.2348 14.1294 11.297 14.34L11.567 15.2623Z" fill="white"/>
+</svg>
diff --git a/ci4app/public/assets/raven/images/files/csv.svg b/ci4app/public/assets/raven/images/files/csv.svg
new file mode 100644
index 0000000..f0d0335
--- /dev/null
+++ b/ci4app/public/assets/raven/images/files/csv.svg
@@ -0,0 +1,14 @@
+<svg width="400" height="461" viewBox="0 0 400 461" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M342.544 460.526H57.4563C39.2545 460.526 24.5615 445.833 24.5615 427.632V32.8947C24.5615 14.693 39.2545 0 57.4563 0H265.79L375.439 109.649V427.632C375.439 445.833 360.746 460.526 342.544 460.526Z" fill="#E7EAF3"/>
+<path d="M375.439 109.649H265.79V0L375.439 109.649Z" fill="#F8FAFD"/>
+<path d="M265.79 109.649L375.439 219.298V109.649H265.79Z" fill="#BDC5D1"/>
+<path d="M387.5 389.035H12.5C5.70175 389.035 0 383.553 0 376.535V272.807C0 266.009 5.48246 260.307 12.5 260.307H387.5C394.298 260.307 400 265.79 400 272.807V376.535C400 383.553 394.298 389.035 387.5 389.035Z" fill="#377DFF"/>
+<path d="M91.7529 306.759C91.7529 305.748 92.0236 304.984 92.565 304.467C93.1064 303.95 93.8944 303.691 94.929 303.691C95.9275 303.691 96.6975 303.956 97.2388 304.485C97.7922 305.015 98.0689 305.772 98.0689 306.759C98.0689 307.709 97.7922 308.461 97.2388 309.015C96.6854 309.556 95.9155 309.827 94.929 309.827C93.9184 309.827 93.1365 309.562 92.5831 309.033C92.0296 308.491 91.7529 307.733 91.7529 306.759ZM114.707 287.233C112.602 287.233 110.972 288.028 109.817 289.616C108.662 291.192 108.084 293.393 108.084 296.22C108.084 302.103 110.292 305.045 114.707 305.045C116.56 305.045 118.803 304.581 121.438 303.655V308.347C119.273 309.249 116.855 309.7 114.184 309.7C110.346 309.7 107.411 308.539 105.377 306.218C103.344 303.884 102.328 300.539 102.328 296.184C102.328 293.441 102.827 291.041 103.826 288.984C104.824 286.915 106.256 285.333 108.12 284.238C109.997 283.131 112.193 282.578 114.707 282.578C117.27 282.578 119.844 283.197 122.431 284.436L120.626 288.984C119.64 288.515 118.647 288.106 117.649 287.757C116.65 287.408 115.67 287.233 114.707 287.233ZM142.642 302.013C142.642 304.395 141.782 306.272 140.061 307.643C138.353 309.015 135.971 309.7 132.915 309.7C130.1 309.7 127.61 309.171 125.444 308.112V302.915C127.225 303.709 128.729 304.269 129.956 304.593C131.195 304.918 132.326 305.081 133.348 305.081C134.575 305.081 135.514 304.846 136.163 304.377C136.825 303.908 137.156 303.21 137.156 302.284C137.156 301.766 137.012 301.309 136.723 300.912C136.434 300.503 136.007 300.112 135.442 299.739C134.888 299.366 133.751 298.771 132.031 297.953C130.419 297.195 129.21 296.467 128.404 295.769C127.598 295.071 126.954 294.259 126.473 293.333C125.992 292.407 125.751 291.324 125.751 290.085C125.751 287.751 126.539 285.916 128.115 284.581C129.703 283.245 131.893 282.578 134.684 282.578C136.055 282.578 137.36 282.74 138.6 283.065C139.851 283.39 141.156 283.847 142.516 284.436L140.711 288.785C139.303 288.208 138.136 287.805 137.21 287.576C136.296 287.348 135.393 287.233 134.503 287.233C133.445 287.233 132.632 287.48 132.067 287.973C131.502 288.467 131.219 289.11 131.219 289.904C131.219 290.398 131.333 290.831 131.562 291.204C131.79 291.564 132.151 291.919 132.645 292.268C133.15 292.605 134.335 293.219 136.2 294.109C138.666 295.288 140.356 296.473 141.27 297.664C142.185 298.843 142.642 300.293 142.642 302.013ZM162.474 282.957H168.122L159.154 309.339H153.054L144.104 282.957H149.752L154.714 298.656C154.991 299.583 155.274 300.666 155.563 301.905C155.863 303.132 156.05 303.986 156.122 304.467C156.254 303.36 156.705 301.423 157.475 298.656L162.474 282.957Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="400" height="460.526" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/ci4app/public/assets/raven/images/files/doc.svg b/ci4app/public/assets/raven/images/files/doc.svg
new file mode 100644
index 0000000..2449548
--- /dev/null
+++ b/ci4app/public/assets/raven/images/files/doc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#4a81f4" d="M652.52 792.45h192s50.06.1 49-59.26 0-210.58 0-210.58H785.16l-1-114.16H652.52s-45.94 1.52-46.52 53 0 284.71 0 284.71 4.19 44.97 46.52 46.29z" transform="translate(-605.74 -408.45)"></path><path fill="#759ff7" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="#fff" d="M825.17 582.35h-20.59c-7 0-12.68 4.47-12.68 10s5.68 10 12.68 10h20.59c7 0 12.68-4.48 12.68-10s-5.68-10-12.68-10zM754.87 582.35H674c-7 0-12.68 4.47-12.68 10s5.68 10 12.68 10h80.85c7 0 12.68-4.48 12.68-10s-5.66-10-12.66-10zM826.17 633.06H674c-7 0-12.68 4.48-12.68 10s5.68 10 12.68 10h152.17c7 0 12.68-4.48 12.68-10s-5.68-10-12.68-10zM826.17 683.78H674c-7 0-12.68 4.47-12.68 10s5.68 10 12.68 10h152.17c7 0 12.68-4.48 12.68-10s-5.68-10-12.68-10z" transform="translate(-605.74 -408.45)"></path></svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/files/excel.svg b/ci4app/public/assets/raven/images/files/excel.svg
new file mode 100644
index 0000000..16eb8f5
--- /dev/null
+++ b/ci4app/public/assets/raven/images/files/excel.svg
@@ -0,0 +1,13 @@
+<svg width="400" height="397" viewBox="0 0 400 397" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M250.405 24.8H118.134C113.75 24.8 109.546 26.5415 106.446 29.6413C103.346 32.7411 101.605 36.9454 101.605 41.3292V111.6L250.405 198.4L324.805 229.797L399.205 198.4V111.6L250.405 24.8Z" fill="#21A366"/>
+<path d="M101.605 111.6H250.405V198.4H101.605V111.6Z" fill="#107C41"/>
+<path d="M382.675 24.8H250.405V111.6H399.205V41.3292C399.205 36.9454 397.463 32.7411 394.363 29.6413C391.263 26.5415 387.059 24.8 382.675 24.8V24.8Z" fill="#33C481"/>
+<path d="M250.405 198.4H101.605V355.471C101.605 359.855 103.346 364.059 106.446 367.159C109.546 370.259 113.75 372 118.134 372H382.676C387.059 372 391.264 370.259 394.363 367.159C397.463 364.059 399.205 359.855 399.205 355.471V285.2L250.405 198.4Z" fill="#185C37"/>
+<path d="M250.405 198.4H399.205V285.2H250.405V198.4Z" fill="#107C41"/>
+<path opacity="0.1" d="M209.076 86.8H101.605V322.4H209.076C213.455 322.387 217.652 320.641 220.749 317.544C223.846 314.447 225.592 310.251 225.605 305.871V103.329C225.592 98.9494 223.846 94.7527 220.749 91.6557C217.652 88.5587 213.455 86.8131 209.076 86.8V86.8Z" fill="black"/>
+<path opacity="0.2" d="M196.676 99.2H101.605V334.8H196.676C201.055 334.787 205.252 333.041 208.349 329.944C211.446 326.847 213.192 322.651 213.205 318.271V115.729C213.192 111.349 211.446 107.153 208.349 104.056C205.252 100.959 201.055 99.2131 196.676 99.2V99.2Z" fill="black"/>
+<path opacity="0.2" d="M196.676 99.2H101.605V310H196.676C201.055 309.987 205.252 308.241 208.349 305.144C211.446 302.047 213.192 297.851 213.205 293.471V115.729C213.192 111.349 211.446 107.153 208.349 104.056C205.252 100.959 201.055 99.2131 196.676 99.2V99.2Z" fill="black"/>
+<path opacity="0.2" d="M184.276 99.2H101.605V310H184.276C188.655 309.987 192.852 308.241 195.949 305.144C199.046 302.047 200.792 297.851 200.805 293.471V115.729C200.792 111.349 199.046 107.153 195.949 104.056C192.852 100.959 188.655 99.2131 184.276 99.2V99.2Z" fill="black"/>
+<path d="M18.934 99.2H184.276C188.659 99.2 192.864 100.941 195.964 104.041C199.063 107.141 200.805 111.345 200.805 115.729V281.071C200.805 285.455 199.063 289.659 195.964 292.759C192.864 295.859 188.659 297.6 184.276 297.6H18.934C14.5502 297.6 10.3459 295.859 7.24608 292.759C4.14625 289.659 2.40479 285.455 2.40479 281.071L2.40479 115.729C2.40479 111.345 4.14625 107.141 7.24608 104.041C10.3459 100.941 14.5502 99.2 18.934 99.2V99.2Z" fill="#107C41"/>
+<path d="M46.2139 260.4L86.3403 198.226L49.5867 136.4H79.1607L99.2239 175.919C101.067 179.664 102.336 182.458 103.031 184.301H103.291C104.614 181.309 105.998 178.399 107.445 175.572L128.885 136.4H156.028L118.332 197.879L156.983 260.4H128.091L104.915 217C103.824 215.151 102.898 213.209 102.15 211.197H101.803C101.127 213.165 100.228 215.05 99.1247 216.814L75.2795 260.4H46.2139Z" fill="white"/>
+</svg>
diff --git a/ci4app/public/assets/raven/images/files/fig.svg b/ci4app/public/assets/raven/images/files/fig.svg
new file mode 100644
index 0000000..e8df179
--- /dev/null
+++ b/ci4app/public/assets/raven/images/files/fig.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#2b2b32" d="M652.52 792.45h192s50.06.1 49-59.26 0-210.58 0-210.58H785.16l-1-114.16H652.52s-45.94 1.52-46.52 53 0 284.71 0 284.71 4.19 44.97 46.52 46.29z" transform="translate(-605.74 -408.45)"></path><path fill="#4c4c54" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="#1abcfe" fill-rule="evenodd" d="M749.08 649.62a32.53 32.53 0 1132.53 32.53 32.52 32.52 0 01-32.53-32.53z" transform="translate(-605.74 -408.45)"></path><path fill="#0acf83" fill-rule="evenodd" d="M684 714.68a32.52 32.52 0 0132.53-32.53h32.53v32.53a32.53 32.53 0 01-65.06 0z" transform="translate(-605.74 -408.45)"></path><path fill="#ff7262" fill-rule="evenodd" d="M749.08 552v65.06h32.53a32.53 32.53 0 000-65.06z" transform="translate(-605.74 -408.45)"></path><path fill="#f24e1e" fill-rule="evenodd" d="M684 584.56a32.52 32.52 0 0032.53 32.53h32.53V552h-32.51A32.52 32.52 0 00684 584.56z" transform="translate(-605.74 -408.45)"></path><path fill="#a259ff" fill-rule="evenodd" d="M684 649.62a32.52 32.52 0 0032.53 32.53h32.53v-65.06h-32.51A32.52 32.52 0 00684 649.62z" transform="translate(-605.74 -408.45)"></path></svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/files/jpg.svg b/ci4app/public/assets/raven/images/files/jpg.svg
new file mode 100644
index 0000000..cc3d99d
--- /dev/null
+++ b/ci4app/public/assets/raven/images/files/jpg.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#00cc69" d="M652.52 792.45h192s50.06.1 49-59.26 0-210.58 0-210.58H785.16l-1-114.16H652.52s-45.94 1.52-46.52 53 0 284.71 0 284.71 4.19 44.97 46.52 46.29z" transform="translate(-605.74 -408.45)"></path><path fill="#49db95" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="10" d="M167.31 283.05l-16.14-15.67c-7.79-7.56-11.69-11.34-16.16-12.72a19.68 19.68 0 00-12 .13c-4.44 1.47-8.25 5.34-15.87 13.06l-38.67 37.4m98.89-22.2l3.3-3.2c7.8-7.57 11.7-11.36 16.17-12.74a19.67 19.67 0 0112.07.14c4.44 1.48 8.25 5.35 15.87 13.09l8.09 8m-55.5-5.27l38.81 38.08m0 0a135 135 0 01-14.27.41H99c-10.83 0-16.25 0-20.39-2.07a19.08 19.08 0 01-8.46-8.28 17.19 17.19 0 01-1.68-5.94m137.7 15.88a18.44 18.44 0 006.13-1.66 19.06 19.06 0 008.45-8.28c2.11-4 2.11-9.35 2.11-20v-2.9M68.42 305.25a124.38 124.38 0 01-.43-14v-90.97c0-10.61 0-15.91 2.11-20a19.18 19.18 0 018.46-8.28c4.14-2.06 9.56-2.06 20.39-2.06h92.9c10.84 0 16.26 0 20.4 2.06a19.16 19.16 0 018.45 8.28c2.11 4.06 2.11 9.36 2.11 20v88m-29-71a19.35 19.35 0 11-19.35-18.94 19.15 19.15 0 0119.32 18.99z"></path></svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/files/js.svg b/ci4app/public/assets/raven/images/files/js.svg
new file mode 100644
index 0000000..4d0299d
--- /dev/null
+++ b/ci4app/public/assets/raven/images/files/js.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.62841 1H13.9912L20.2218 7.50365V20.1336C20.2218 21.7153 18.9452 23 17.3634 23H6.62841C5.05468 23 3.77002 21.7153 3.77002 20.1336V3.85839C3.76999 2.28466 5.05468 1 6.62841 1Z" fill="#E0C600"/>
+<path opacity="0.302" fill-rule="evenodd" clip-rule="evenodd" d="M13.9832 1V7.44744H20.2218L13.9832 1Z" fill="white"/>
+<path d="M9.03717 15.9423C9.12548 15.9584 9.21382 15.9664 9.30213 15.9664C9.67147 15.9664 9.85615 15.7898 9.85615 15.4445V12.4577H10.9321V15.5088C10.9321 15.9825 10.8116 16.3438 10.5708 16.5927C10.3379 16.8336 10.0087 16.9621 9.59119 16.9621C9.42258 16.9621 9.23789 16.946 9.03717 16.9059V15.9423ZM13.2124 16.9781C12.7627 16.9781 12.3613 16.8416 12.024 16.5686C11.6868 16.2876 11.5021 15.9503 11.478 15.5409L12.4576 15.2598C12.4817 15.4766 12.57 15.6613 12.7226 15.8058C12.8832 15.9503 13.0598 16.0226 13.2605 16.0226C13.4291 16.0226 13.5576 15.9825 13.662 15.9102C13.7664 15.8379 13.8145 15.7496 13.8145 15.6292C13.8145 15.5328 13.7744 15.4445 13.6941 15.3803C13.6138 15.308 13.5094 15.2518 13.381 15.2117C13.2525 15.1715 13.108 15.1233 12.9474 15.0832C12.7868 15.043 12.6262 14.9868 12.4656 14.9146C12.3131 14.8503 12.1686 14.77 12.0401 14.6737C11.9116 14.5854 11.8072 14.4489 11.7189 14.2802C11.6386 14.1116 11.5985 13.9189 11.5985 13.6941C11.5985 13.3248 11.7591 13.0196 12.0722 12.7788C12.3853 12.5299 12.7627 12.4094 13.2043 12.4094C13.6379 12.4094 14.0233 12.5138 14.3525 12.7306C14.6737 12.9394 14.8744 13.2204 14.9547 13.5657L13.935 13.9912C13.8868 13.7985 13.8065 13.6459 13.6781 13.5335C13.5496 13.4211 13.389 13.3649 13.2043 13.3649C13.0598 13.3649 12.9474 13.397 12.8591 13.4532C12.7788 13.5094 12.7386 13.5897 12.7386 13.6861C12.7386 13.7824 12.7948 13.8547 12.9073 13.9189C13.0116 13.9751 13.1481 14.0233 13.3167 14.0474C13.4773 14.0715 13.654 14.1197 13.8467 14.1839C14.0393 14.2481 14.216 14.3284 14.3846 14.4167C14.5452 14.5131 14.6817 14.6656 14.7941 14.8664C14.9065 15.0671 14.9547 15.308 14.9547 15.597C14.9547 16.0065 14.7941 16.3437 14.4729 16.6007C14.1518 16.8496 13.7343 16.9781 13.2124 16.9781Z" fill="white"/>
+</svg>
diff --git a/ci4app/public/assets/raven/images/files/pdf.svg b/ci4app/public/assets/raven/images/files/pdf.svg
new file mode 100644
index 0000000..7cf2a0a
--- /dev/null
+++ b/ci4app/public/assets/raven/images/files/pdf.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.63408 1H13.9894L20.2233 7.49776V20.1359C20.2233 21.7191 18.9424 23 17.3647 23H6.63408C5.05087 23 3.77002 21.7191 3.77002 20.1359V3.86406C3.76999 2.28086 5.05085 1 6.63408 1Z" fill="#E5252A"/>
+<path opacity="0.302" fill-rule="evenodd" clip-rule="evenodd" d="M13.984 1V7.44828H20.2234L13.984 1Z" fill="white"/>
+<path d="M6.953 17.4148V13.3963H8.66265C9.08595 13.3963 9.42129 13.5117 9.67416 13.7481C9.92703 13.979 10.0535 14.2924 10.0535 14.6827C10.0535 15.073 9.92703 15.3863 9.67416 15.6172C9.42129 15.8536 9.08595 15.969 8.66265 15.969H7.98099V17.4148H6.953ZM7.98099 15.095H8.54721C8.70113 15.095 8.82207 15.062 8.90454 14.985C8.98699 14.9136 9.03099 14.8146 9.03099 14.6827C9.03099 14.5508 8.98702 14.4518 8.90454 14.3803C8.8221 14.3034 8.70115 14.2704 8.54721 14.2704H7.98099V15.095ZM10.4767 17.4148V13.3963H11.9005C12.1809 13.3963 12.4448 13.4348 12.6921 13.5172C12.9395 13.5997 13.1649 13.7152 13.3628 13.8746C13.5607 14.0285 13.7201 14.2374 13.8356 14.5013C13.9455 14.7651 14.006 15.0675 14.006 15.4083C14.006 15.7436 13.9455 16.046 13.8356 16.3098C13.7201 16.5737 13.5607 16.7826 13.3628 16.9365C13.1649 17.0959 12.9395 17.2114 12.6921 17.2938C12.4448 17.3763 12.1809 17.4148 11.9005 17.4148H10.4767ZM11.4827 16.5407H11.7796C11.939 16.5407 12.0874 16.5243 12.2249 16.4858C12.3568 16.4473 12.4832 16.3868 12.6042 16.3044C12.7196 16.2219 12.8131 16.1064 12.879 15.9525C12.945 15.7986 12.978 15.6172 12.978 15.4083C12.978 15.1939 12.945 15.0125 12.879 14.8586C12.8131 14.7047 12.7196 14.5892 12.6042 14.5068C12.4832 14.4243 12.3568 14.3638 12.2249 14.3254C12.0874 14.2869 11.939 14.2704 11.7796 14.2704H11.4827V16.5407ZM14.5227 17.4148V13.3963H17.3813V14.2704H15.5507V14.9135H17.013V15.7821H15.5507V17.4148H14.5227Z" fill="white"/>
+</svg>
diff --git a/ci4app/public/assets/raven/images/files/pptx.svg b/ci4app/public/assets/raven/images/files/pptx.svg
new file mode 100644
index 0000000..6d7d627
--- /dev/null
+++ b/ci4app/public/assets/raven/images/files/pptx.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#ff6523" d="M648.34 792.45h192s50.07.1 49-59.26 0-210.58 0-210.58H781l-1-114.16H648.34s-45.93 1.52-46.51 53 0 284.71 0 284.71 4.17 44.97 46.51 46.29z" transform="translate(-601.57 -408.45)"></path><path fill="#ff9456" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="#fff" d="M663.58 618.5h13.85V692h-13.85zm6.32 31.64h23.5a8.3 8.3 0 004.37-1.14 7.79 7.79 0 003-3.21 10.23 10.23 0 001.06-4.75 10.79 10.79 0 00-1-4.83 7.66 7.66 0 00-2.93-3.23 8.44 8.44 0 00-4.43-1.14H669.9V618.5h23.15a25.26 25.26 0 0112.11 2.8 20 20 0 018.11 7.91 25.68 25.68 0 010 23.63 19.9 19.9 0 01-8.11 7.87 25.49 25.49 0 01-12.11 2.78H669.9zM727 618.5h13.85V692H727zm6.32 31.64h23.5a8.3 8.3 0 004.37-1.14 7.79 7.79 0 003-3.21 10.23 10.23 0 001.06-4.75 10.79 10.79 0 00-1-4.83 7.66 7.66 0 00-2.93-3.23 8.44 8.44 0 00-4.43-1.14h-23.5V618.5h23.15a25.26 25.26 0 0112.11 2.8 20 20 0 018.11 7.91 25.68 25.68 0 010 23.63 19.9 19.9 0 01-8.11 7.87 25.49 25.49 0 01-12.11 2.78h-23.2zM787.42 618.5h53.89v13.34h-53.89zm20 6h13.85V692h-13.83z" transform="translate(-601.57 -408.45)"></path></svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/files/xlsx.svg b/ci4app/public/assets/raven/images/files/xlsx.svg
new file mode 100644
index 0000000..ae891ef
--- /dev/null
+++ b/ci4app/public/assets/raven/images/files/xlsx.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#00a971" d="M652.52 792.45h192s50.06.1 49-59.26 0-210.58 0-210.58H785.16l-1-114.16H652.52s-45.94 1.52-46.52 53 0 284.71 0 284.71 4.19 44.97 46.52 46.29z" transform="translate(-605.74 -408.45)"></path><path fill="#3dbe93" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="10" d="M143.91 228.27v92.93m-83.65-46.47h167.29M60.26 228.27h167.29M90.01 321.2h107.8c10.41 0 15.62 0 19.59-2a18.58 18.58 0 008.12-8.12c2-4 2-9.18 2-19.59v-89.25c0-10.4 0-15.61-2-19.58a18.55 18.55 0 00-8.12-8.13c-4-2-9.18-2-19.59-2H90.01c-10.41 0-15.61 0-19.59 2a18.6 18.6 0 00-8.12 8.13c-2 4-2 9.18-2 19.58v89.22c0 10.41 0 15.61 2 19.59a18.63 18.63 0 008.12 8.12c3.98 2.03 9.18 2.03 19.59 2.03z"></path></svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/illustrations/1.svg b/ci4app/public/assets/raven/images/illustrations/1.svg
new file mode 100644
index 0000000..b550350
--- /dev/null
+++ b/ci4app/public/assets/raven/images/illustrations/1.svg
@@ -0,0 +1,137 @@
+<svg width="2177" height="1511" viewBox="0 0 2177 1511" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M905.56 1221.95L658.37 896.261C657.04 894.491 655.06 893.321 652.87 893.001C650.68 892.691 648.45 893.261 646.68 894.591L588.524 938.651C587.647 939.311 586.908 940.13 586.349 941.08C585.791 942.02 585.423 943.061 585.268 944.151C585.113 945.241 585.173 946.341 585.445 947.401C585.718 948.471 586.196 949.461 586.854 950.341L834.04 1276.03C838.71 1282.17 845.63 1286.2 853.27 1287.25C860.92 1288.29 868.66 1286.26 874.81 1281.61L899.86 1262.63C906.01 1257.97 910.05 1251.05 911.1 1243.41C912.15 1235.76 910.12 1228.01 905.46 1221.86L905.56 1221.95Z" fill="#900EFF"/>
+<path d="M687.87 789.02C674.51 714.5 637.61 628.15 583.915 545.89C530.219 463.63 466.017 395.07 403.134 352.88C338.231 309.31 281.828 298.79 244.333 323.27C206.837 347.76 193.759 403.61 207.589 480.57C220.95 555.09 257.845 641.44 311.541 723.71C365.238 805.99 429.44 874.52 492.305 916.72C534.294 944.91 572.708 959.26 604.76 959.26C622.26 959.26 637.88 954.99 651.12 946.33C688.57 921.85 701.63 865.98 687.87 789.02Z" fill="#900EFF"/>
+<path d="M662.23 927.801L255.824 325.591C254.615 323.801 252.757 322.541 250.642 322.091C248.527 321.641 246.319 322.031 244.483 323.171L201.208 350.241C200.265 350.841 199.451 351.611 198.812 352.531C198.174 353.441 197.725 354.471 197.492 355.561C197.258 356.651 197.245 357.781 197.453 358.871C197.661 359.971 198.086 361.011 198.703 361.941L608.12 967.811C608.75 968.761 609.57 969.561 610.53 970.171C611.48 970.791 612.56 971.201 613.68 971.391C614.13 971.451 614.58 971.491 615.03 971.491C616.84 971.491 618.6 970.901 620.04 969.821L660.34 939.121C662.05 937.831 663.19 935.941 663.54 933.831C663.89 931.731 663.42 929.571 662.23 927.801Z" fill="#900EFF"/>
+<path d="M538.519 581.83C648.32 750.02 679.47 924.14 608.1 970.72C536.732 1017.3 389.873 918.72 280.091 750.52C170.31 582.32 132.731 404.79 204.098 358.29C275.465 311.8 428.721 413.63 538.519 581.83Z" fill="#FFF5D7"/>
+<path d="M566.311 990.64C534.26 990.64 495.846 976.28 453.841 948.1C390.992 905.9 326.79 837.35 273.093 755.1C218.912 672.09 180.865 585.2 165.967 510.43C150.351 432.13 162.276 375.61 199.521 351.29C237.067 326.79 294.605 337.93 361.53 382.58C426.533 426 491.804 495.1 545.517 577.25C599.23 659.41 636.13 745.94 649.47 820.4C663.23 897.36 650.17 953.23 612.73 977.72C599.41 986.35 583.815 990.64 566.311 990.64ZM245.335 355.4C231.171 355.4 218.795 358.74 208.59 365.27C177.442 385.62 168.088 436.01 182.285 507.24C196.782 579.98 233.977 664.77 287.006 746.08C339.516 826.51 402.048 893.37 463.094 934.34C521.3 973.26 572.457 984.01 603.56 963.7C634.66 943.39 645.31 892.25 633.04 823.41C620.09 751.04 584.049 666.89 531.538 586.46C479.027 506.02 415.443 438.68 352.277 396.52C311.708 369.4 274.68 355.4 245.335 355.4Z" fill="#900EFF"/>
+<path d="M593.21 938.93C647.62 903.31 612.3 753.12 514.325 603.49C416.35 453.85 292.818 361.431 238.409 397.051C184.001 432.681 219.319 582.86 317.294 732.5C415.27 882.13 538.802 974.56 593.21 938.93Z" fill="#FFDB8F"/>
+<path d="M558.462 952.681C531.471 952.681 497.65 938.1 459.787 909.69C407.176 870.22 351.976 808.311 304.459 735.371C256.943 662.441 222.353 586.99 207.388 522.94C191.789 456.13 199.371 408.801 228.767 389.611C258.162 370.421 304.593 382.481 359.425 423.701C412.036 463.181 467.236 525.081 514.853 598.021C562.47 670.951 596.88 746.4 611.91 810.451C627.52 877.26 619.92 924.611 590.53 943.781C580.954 949.851 569.796 952.951 558.462 952.681ZM260.884 397.511C252.783 397.271 244.791 399.42 237.903 403.69C215.155 418.52 209.96 460.641 223.656 519.231C238.186 581.431 271.841 654.991 318.422 726.341C365.004 797.691 418.784 858.001 469.942 896.351C518.076 932.461 558.712 944.651 581.46 929.751C604.21 914.851 609.39 872.801 595.69 814.211C581.159 752.011 547.505 678.451 500.924 607.101C454.342 535.751 400.562 475.341 349.471 437.011C314.714 411.021 283.899 397.511 260.884 397.511Z" fill="#900EFF"/>
+<path d="M345.762 479.029C343.614 478.499 341.341 478.839 339.443 479.979C337.545 481.119 336.177 482.959 335.641 485.109L300.918 624.069C300.382 626.219 300.722 628.489 301.862 630.389C303.002 632.289 304.849 633.659 306.997 634.189C307.658 634.359 308.337 634.439 309.018 634.439C310.881 634.439 312.69 633.819 314.158 632.669C315.626 631.529 316.668 629.919 317.119 628.109L351.842 489.149C352.377 487.009 352.037 484.729 350.897 482.839C349.757 480.939 347.91 479.569 345.762 479.029Z" fill="#900EFF"/>
+<path d="M419.602 549.5C417.451 548.97 415.179 549.32 413.284 550.46C411.389 551.61 410.027 553.46 409.497 555.61L361.062 752.16C360.533 754.31 360.879 756.58 362.026 758.48C363.172 760.37 365.024 761.73 367.175 762.26C367.83 762.43 368.503 762.51 369.179 762.51C371.046 762.51 372.859 761.88 374.327 760.73C375.796 759.58 376.835 757.96 377.279 756.15L425.715 559.6C426.244 557.45 425.897 555.18 424.751 553.28C423.605 551.39 421.752 550.03 419.602 549.5Z" fill="#900EFF"/>
+<path d="M480.146 693.131C477.998 692.601 475.728 692.951 473.833 694.091C471.938 695.231 470.575 697.081 470.042 699.231L433.298 848.041C432.766 850.191 433.111 852.471 434.256 854.361C435.4 856.261 437.252 857.621 439.402 858.151C441.553 858.691 443.827 858.341 445.723 857.201C447.62 856.051 448.984 854.201 449.515 852.051L486.259 703.241C486.789 701.091 486.442 698.811 485.296 696.921C484.149 695.021 482.297 693.661 480.146 693.131Z" fill="#900EFF"/>
+<mask id="mask0_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1221" y="811" width="318" height="691">
+<path d="M1538.24 889.429L1509.23 1501.87H1221.69V1476.25L1350.88 1383.91L1433.34 872.239C1435.84 860.039 1441.19 848.599 1448.93 838.849C1456.68 829.099 1466.62 821.309 1477.93 816.109C1504.51 804.179 1535.52 808.379 1538.24 889.429Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_75_205)">
+<path d="M1538.24 889.429L1509.23 1501.87H1221.69V1476.25L1350.88 1383.91L1433.34 872.239C1435.84 860.039 1441.19 848.599 1448.93 838.849C1456.68 829.099 1466.62 821.309 1477.93 816.109C1504.51 804.179 1535.52 808.379 1538.24 889.429Z" fill="#FFF5D7"/>
+<path d="M1407.45 1032.87C1407.45 1032.87 1509.23 1291.56 1509.23 1383.91C1509.23 1476.25 1529.41 988.959 1529.41 988.959L1407.7 999.499L1407.45 1032.87Z" fill="#FFDB8F"/>
+</g>
+<path d="M1509.23 1510.22H1221.69C1219.48 1510.22 1217.35 1509.34 1215.79 1507.78C1214.22 1506.21 1213.34 1504.09 1213.34 1501.87V1476.25C1213.34 1474.92 1213.66 1473.61 1214.26 1472.43C1214.87 1471.25 1215.75 1470.23 1216.83 1469.45L1343.18 1379.13L1425.02 870.91C1425.01 870.77 1425.01 870.64 1425.02 870.51C1427.81 857.03 1433.73 844.39 1442.3 833.62C1450.87 822.85 1461.85 814.24 1474.36 808.49C1491.28 800.89 1505.89 800.81 1517.78 808.24C1535.57 819.33 1544.92 845.79 1546.41 889.15V889.83L1517.38 1502.27C1517.28 1504.38 1516.38 1506.38 1514.87 1507.85C1513.36 1509.33 1511.34 1510.17 1509.23 1510.22ZM1230.04 1493.52H1501.27L1529.89 889.38C1528.22 843.73 1517.72 827.78 1509.13 822.42C1502.22 818.11 1492.86 818.55 1481.36 823.73C1471.26 828.38 1462.41 835.34 1455.49 844.04C1448.58 852.74 1443.81 862.95 1441.56 873.83L1359.12 1385.28C1358.95 1386.36 1358.57 1387.41 1357.99 1388.35C1357.42 1389.29 1356.67 1390.11 1355.78 1390.75L1230.09 1480.59L1230.04 1493.52Z" fill="#900EFF"/>
+<path d="M1509.22 1467.9H1221.69C1217.08 1467.9 1213.34 1471.64 1213.34 1476.25V1501.87C1213.34 1506.48 1217.08 1510.22 1221.69 1510.22H1509.22C1513.83 1510.22 1517.57 1506.48 1517.57 1501.87V1476.25C1517.57 1471.64 1513.83 1467.9 1509.22 1467.9Z" fill="#900EFF"/>
+<path d="M1405 1430.86C1405.4 1431.06 1405.79 1431.3 1406.16 1431.57C1402.82 1428.8 1378.39 1402.06 1357.09 1378.33C1355.72 1376.8 1353.83 1375.83 1351.79 1375.6C1349.75 1375.38 1347.69 1375.91 1346.02 1377.11L1323.64 1393.11C1322.48 1393.94 1321.56 1395.05 1320.95 1396.34C1320.34 1397.63 1320.07 1399.05 1320.17 1400.47C1320.27 1401.89 1320.73 1403.26 1321.5 1404.46C1322.28 1405.65 1323.35 1406.63 1324.61 1407.29C1351.98 1421.7 1392.95 1443.33 1396.96 1445.49C1397.18 1445.62 1397.36 1445.7 1397.53 1445.79C1398.51 1446.32 1399.6 1446.65 1400.71 1446.75C1401.82 1446.86 1402.95 1446.74 1404.01 1446.4C1405.08 1446.06 1406.07 1445.51 1406.92 1444.79C1407.77 1444.06 1408.46 1443.17 1408.96 1442.17C1409.46 1441.17 1409.76 1440.08 1409.83 1438.97C1409.9 1437.85 1409.74 1436.73 1409.37 1435.67C1409 1434.62 1408.43 1433.65 1407.67 1432.82C1406.92 1431.99 1406.01 1431.33 1405 1430.86Z" fill="#900EFF"/>
+<path d="M1466.22 1027.17L1039.56 825.481C1033.86 822.471 1028.82 818.371 1024.71 813.401C1020.6 808.441 1017.51 802.721 1015.61 796.571C1013.71 790.411 1013.05 783.941 1013.65 777.531C1014.26 771.111 1016.12 764.881 1019.13 759.191L1183.45 448.531C1186.45 442.841 1190.55 437.791 1195.51 433.691C1200.47 429.581 1206.19 426.491 1212.35 424.591C1218.5 422.691 1224.97 422.031 1231.38 422.631C1237.8 423.231 1244.03 425.101 1249.72 428.111L1647.04 661.181C1658.53 667.271 1667.14 677.661 1670.97 690.091C1674.8 702.521 1673.54 715.961 1667.47 727.461L1532.51 1006.74C1526.43 1018.24 1516.03 1026.85 1503.6 1030.68C1491.17 1034.52 1477.72 1033.25 1466.22 1027.17Z" fill="#FFDB8F"/>
+<path d="M1489.09 1041.23C1479.82 1041.23 1470.7 1038.96 1462.5 1034.64L1035.98 833.031L1035.65 832.861C1028.99 829.341 1023.08 824.541 1018.27 818.731C1013.47 812.931 1009.85 806.231 1007.63 799.031C1005.41 791.831 1004.63 784.261 1005.34 776.751C1006.04 769.251 1008.22 761.961 1011.75 755.301L1176.06 444.641C1183.19 431.201 1195.36 421.131 1209.9 416.651C1224.44 412.171 1240.17 413.641 1253.63 420.741L1253.94 420.911L1651.11 653.901C1664.48 661.051 1674.48 673.181 1678.95 687.671C1683.41 702.161 1681.96 717.821 1674.93 731.251L1540.03 1010.37C1539.99 1010.47 1539.95 1010.56 1539.9 1010.65C1535 1019.88 1527.68 1027.6 1518.73 1032.99C1509.78 1038.37 1499.54 1041.22 1489.09 1041.23ZM1043.3 818.011L1469.8 1019.62L1470.13 1019.79C1479.65 1024.82 1490.78 1025.87 1501.07 1022.72C1511.37 1019.57 1519.99 1012.46 1525.07 1002.97L1659.95 723.811L1660.08 723.551C1665.11 714.001 1666.16 702.861 1662.98 692.551C1659.81 682.241 1652.67 673.611 1643.15 668.551L1642.81 668.361L1245.66 435.391C1236.12 430.411 1225.01 429.411 1214.74 432.601C1204.46 435.791 1195.87 442.911 1190.83 452.411L1026.51 763.061C1021.48 772.581 1020.42 783.701 1023.57 794.001C1026.71 804.301 1033.81 812.931 1043.3 818.011Z" fill="#900EFF"/>
+<path d="M1630.89 648.871L1615.41 638.641C1614.43 637.991 1613.34 637.561 1612.19 637.371C1611.04 637.171 1609.86 637.221 1608.73 637.511C1607.6 637.791 1606.55 638.321 1605.63 639.041C1604.71 639.761 1603.96 640.661 1603.41 641.691L1414.57 998.781C1413.57 1000.67 1413.33 1002.87 1413.91 1004.94C1414.49 1007 1415.83 1008.76 1417.67 1009.85L1446.38 1026.97C1447.67 1027.75 1449.15 1028.16 1450.66 1028.16C1452.23 1028.16 1453.77 1027.71 1455.1 1026.88C1456.43 1026.04 1457.49 1024.85 1458.17 1023.43L1633.79 659.461C1634.67 657.651 1634.86 655.571 1634.33 653.621C1633.79 651.681 1632.57 649.991 1630.89 648.871Z" fill="#900EFF"/>
+<path d="M1371.84 1044.67C1361.75 1044.66 1351.82 1042.18 1342.92 1037.44L886.95 796.27C879.75 792.46 873.37 787.279 868.18 780.999C862.98 774.729 859.07 767.499 856.67 759.709C854.28 751.929 853.44 743.749 854.2 735.639C854.97 727.529 857.32 719.649 861.13 712.459L1063.41 329.979C1071.1 315.449 1084.26 304.559 1099.98 299.719C1115.7 294.869 1132.7 296.47 1147.24 304.16L1603.2 545.319C1617.74 553.009 1628.62 566.169 1633.47 581.889C1638.31 597.609 1636.71 614.61 1629.02 629.15L1426.74 1011.62C1422.95 1018.83 1417.77 1025.22 1411.49 1030.41C1405.22 1035.61 1397.97 1039.51 1390.18 1041.88C1384.24 1043.72 1378.06 1044.66 1371.84 1044.67ZM1118.19 313.649C1113.66 313.659 1109.16 314.34 1104.83 315.67C1099.14 317.41 1093.84 320.26 1089.26 324.06C1084.67 327.86 1080.88 332.53 1078.11 337.8L875.8 720.259C870.19 730.879 869.02 743.3 872.56 754.78C876.1 766.27 884.05 775.879 894.67 781.499L1350.63 1022.68C1355.89 1025.47 1361.66 1027.2 1367.59 1027.76C1373.52 1028.32 1379.5 1027.71 1385.2 1025.95C1390.89 1024.2 1396.18 1021.33 1400.77 1017.53C1405.36 1013.73 1409.15 1009.06 1411.93 1003.79L1614.19 621.31C1619.8 610.69 1620.96 598.27 1617.42 586.79C1613.88 575.3 1605.93 565.689 1595.31 560.069L1139.32 319.009C1132.82 315.519 1125.57 313.679 1118.19 313.649Z" fill="#900EFF"/>
+<path d="M1312.52 710.44C1311.85 709.27 1310.91 708.29 1309.79 707.57C1308.66 706.84 1307.37 706.4 1306.04 706.28L889.96 668.72C888.32 668.57 886.67 668.91 885.23 669.69C883.78 670.48 882.6 671.67 881.83 673.13L861.03 712.46C853.36 727 851.77 743.99 856.61 759.7C861.45 775.42 872.33 788.57 886.85 796.27C887.38 796.56 887.94 796.78 888.52 796.94C896.06 799.04 1043.7 839.78 1139.2 839.78C1159.83 839.78 1178.05 837.87 1191.88 833.26C1270.71 807.04 1311.18 721.74 1312.87 718.12C1313.43 716.9 1313.69 715.57 1313.63 714.24C1313.57 712.9 1313.19 711.6 1312.52 710.44Z" fill="#900EFF"/>
+<mask id="mask1_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1793" y="132" width="376" height="448">
+<path d="M1793.92 298.97C1793.92 298.97 1866.43 247.745 1880.66 216.445C1894.89 185.146 1933.28 123.95 1974.53 133.921C2015.78 143.892 2025.92 192.278 2025.92 192.278C2025.92 192.278 2079.77 166.64 2108.21 196.52C2136.65 226.4 2104.22 300.46 2104.22 300.46C2104.22 300.46 2157.98 303.23 2166.52 344.5C2175.05 385.77 2152.3 409.95 2098.26 425.6C2044.21 441.25 1994.44 425.6 1994.44 425.6C1994.44 425.6 2035.67 465.44 2020.04 525.21C2004.41 584.99 1950.48 590.82 1937.67 565.3C1924.86 539.78 1904.83 485.45 1870.71 474.07C1836.59 462.7 1812.4 474.07 1812.4 474.07C1812.4 474.07 1857.87 402.89 1793.92 298.97Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_75_205)">
+<path d="M1793.92 298.97C1793.92 298.97 1866.43 247.745 1880.66 216.445C1894.89 185.146 1933.28 123.95 1974.53 133.921C2015.78 143.892 2025.92 192.278 2025.92 192.278C2025.92 192.278 2079.77 166.64 2108.21 196.52C2136.65 226.4 2104.22 300.46 2104.22 300.46C2104.22 300.46 2157.98 303.23 2166.52 344.5C2175.05 385.77 2152.3 409.95 2098.26 425.6C2044.21 441.25 1994.44 425.6 1994.44 425.6C1994.44 425.6 2035.67 465.44 2020.04 525.21C2004.41 584.99 1950.48 590.82 1937.67 565.3C1924.86 539.78 1904.83 485.45 1870.71 474.07C1836.59 462.7 1812.4 474.07 1812.4 474.07C1812.4 474.07 1857.87 402.89 1793.92 298.97Z" fill="#FFF5D7"/>
+<path d="M2003.16 150.287L1981.09 235.032L2023.33 183.557L2003.16 150.287Z" fill="#FFDB8F"/>
+<path d="M2119.7 239.075L2100.04 300.5L2042.59 321.72C2042.59 321.72 2118.17 232.995 2115.09 206.974C2112.02 180.952 2119.7 239.075 2119.7 239.075Z" fill="#FFDB8F"/>
+<path d="M2003.17 559.401C2003.17 559.401 2012.33 522.461 1990.23 483.961C1968.13 445.461 1971.86 423.311 1990.23 422.381C2008.6 421.441 2045.78 502.901 2046.41 509.231C2047.05 515.561 2003.17 559.401 2003.17 559.401Z" fill="#FFDB8F"/>
+</g>
+<path d="M1963.76 588C1948.73 588 1936.2 580.98 1930.2 568.99C1928.22 565.01 1926.06 560.37 1923.77 555.46C1911.76 529.57 1893.71 490.47 1868.07 481.97C1837.46 471.77 1816.16 481.5 1815.96 481.6C1814.32 482.38 1812.47 482.61 1810.7 482.24C1808.92 481.87 1807.31 480.94 1806.11 479.58C1804.91 478.21 1804.19 476.5 1804.06 474.69C1803.92 472.88 1804.38 471.07 1805.36 469.55C1805.46 469.41 1816 452.39 1818.95 423.62C1821.69 397.04 1818.33 354.6 1786.8 303.36C1785.68 301.55 1785.3 299.391 1785.73 297.311C1786.15 295.221 1787.35 293.38 1789.09 292.16C1808.75 278.28 1862.18 237.039 1873.07 213.005C1890.12 175.459 1931.09 114.848 1976.48 125.821C2010.87 134.172 2025.82 165.154 2031.35 181.088C2049.2 174.674 2089.26 164.503 2114.26 190.775C2139.63 217.498 2124.05 271.08 2115.93 293.61C2133.87 296.95 2167.54 307.96 2174.75 342.83C2186.88 401.47 2138.26 422.75 2100.63 433.64C2067.01 443.37 2035.26 441.6 2014.85 438.51C2023.06 451.61 2028.49 466.25 2030.79 481.53C2033.09 496.81 2032.21 512.41 2028.21 527.33C2017.47 568.4 1990.58 585.44 1969 587.7C1967.26 587.89 1965.51 587.99 1963.76 588ZM1840.45 460.63C1851.64 460.66 1862.75 462.51 1873.35 466.11C1905.74 476.91 1925.71 519.95 1938.92 548.43C1941.16 553.22 1943.26 557.77 1945.15 561.52C1948.63 568.49 1957.08 572.16 1967.18 571.11C1983.2 569.44 2003.36 555.96 2011.96 523.14C2026.12 469.04 1990.25 433.15 1988.58 431.65C1987.22 430.34 1986.34 428.61 1986.09 426.74C1985.85 424.87 1986.24 422.97 1987.21 421.35C1988.17 419.73 1989.66 418.49 1991.43 417.82C1993.19 417.16 1995.13 417.11 1996.93 417.69C1997.4 417.84 2045.1 432.35 2095.92 417.69C2147.7 402.66 2165.72 382.03 2158.33 346.29C2151.22 311.93 2104.22 308.92 2103.75 308.89C2102.4 308.82 2101.1 308.42 2099.93 307.73C2098.77 307.04 2097.8 306.08 2097.09 304.93C2096.38 303.78 2095.97 302.48 2095.87 301.13C2095.78 299.78 2096.01 298.44 2096.55 297.2C2104.91 278.01 2122.29 223.544 2102.15 202.383C2078.25 177.33 2029.98 199.694 2029.5 199.928C2028.36 200.457 2027.11 200.723 2025.86 200.705C2024.6 200.687 2023.36 200.386 2022.24 199.825C2021.12 199.263 2020.13 198.455 2019.37 197.46C2018.6 196.466 2018.06 195.311 2017.8 194.082C2017.8 193.681 2008.12 150.657 1972.61 142.139C1940.27 134.323 1904.48 184.412 1888.32 220.003C1875.74 247.662 1823.38 287.85 1805.06 301.34C1835.62 354.09 1838.59 398.21 1835.5 426.44C1834.22 438.41 1831.5 450.19 1827.4 461.51C1831.73 460.91 1836.08 460.62 1840.45 460.63Z" fill="#900EFF"/>
+<path d="M2006 388.57H2005.86C2004.77 388.56 2003.68 388.32 2002.68 387.89C2001.67 387.45 2000.76 386.82 2000 386.03C1999.23 385.25 1998.63 384.32 1998.23 383.3C1997.83 382.28 1997.63 381.19 1997.65 380.09C1998.98 298.87 1919.46 242.45 1918.66 241.899C1916.84 240.634 1915.6 238.699 1915.21 236.519C1914.82 234.339 1915.31 232.093 1916.57 230.274C1917.84 228.456 1919.77 227.214 1921.95 226.823C1924.13 226.431 1926.38 226.922 1928.2 228.187C1931.79 230.675 2015.83 290.12 2014.35 380.37C2014.31 382.56 2013.41 384.65 2011.85 386.18C2010.29 387.72 2008.19 388.58 2006 388.57Z" fill="#900EFF"/>
+<path d="M2037.31 335.9C2035.38 335.89 2033.51 335.21 2032.02 333.98C2030.53 332.75 2029.51 331.04 2029.14 329.14C2028.77 327.24 2029.08 325.27 2030 323.57C2030.92 321.87 2032.4 320.541 2034.19 319.811L2101 292.76C2103.05 291.94 2105.33 291.97 2107.36 292.84C2109.39 293.71 2110.99 295.34 2111.82 297.39C2112.64 299.43 2112.63 301.72 2111.77 303.75C2110.92 305.79 2109.3 307.4 2107.26 308.24L2040.35 335.3C2039.39 335.69 2038.35 335.89 2037.31 335.9Z" fill="#900EFF"/>
+<path d="M1980.38 253.341C1978.78 253.34 1977.21 252.879 1975.86 252.014C1974.52 251.149 1973.45 249.916 1972.78 248.461C1972.12 247.006 1971.89 245.391 1972.11 243.807C1972.34 242.224 1973.02 240.738 1974.06 239.528L2019.61 186.867C2021.08 185.262 2023.11 184.292 2025.28 184.165C2027.45 184.037 2029.59 184.763 2031.24 186.186C2032.88 187.609 2033.91 189.618 2034.09 191.785C2034.28 193.952 2033.61 196.107 2032.23 197.79L1986.69 250.535C1985.9 251.426 1984.92 252.137 1983.84 252.621C1982.75 253.105 1981.57 253.35 1980.38 253.341Z" fill="#900EFF"/>
+<mask id="mask2_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1375" y="314" width="435" height="222">
+<path d="M1379.64 406.959L1471.52 384.27L1755.85 314.02L1809.57 360.28L1793.92 471.319L1567.59 535.37L1375.15 431.209L1379.64 406.959Z" fill="white"/>
+</mask>
+<g mask="url(#mask2_75_205)">
+<path d="M1379.64 406.959L1471.52 384.27L1755.85 314.02L1809.57 360.28L1793.92 471.319L1567.59 535.37L1375.15 431.209L1379.64 406.959Z" fill="#FFF5D7"/>
+<path d="M1769.92 486.47C1769.4 486.46 1768.9 486.41 1768.4 486.32C1766.22 485.91 1764.3 484.66 1763.05 482.84C1761.79 481.01 1761.31 478.77 1761.71 476.59C1778.8 383.52 1737.13 322.47 1736.66 321.87C1735.43 320.06 1734.96 317.83 1735.35 315.68C1735.75 313.52 1736.97 311.6 1738.77 310.34C1740.56 309.08 1742.78 308.58 1744.94 308.94C1747.1 309.3 1749.04 310.49 1750.32 312.27C1752.23 314.95 1796.5 379.31 1778.1 479.62C1777.75 481.53 1776.74 483.27 1775.24 484.52C1773.75 485.77 1771.86 486.46 1769.92 486.47Z" fill="#FFDB8F"/>
+<path d="M1719.44 499.391C1718.1 499.391 1716.79 499.071 1715.6 498.461C1714.41 497.841 1713.39 496.951 1712.62 495.851C1711.84 494.761 1711.35 493.501 1711.17 492.171C1710.99 490.851 1711.13 489.501 1711.58 488.241C1725.34 449.521 1723.88 412.641 1707.23 378.621C1699.93 363.481 1689.84 349.861 1677.49 338.471C1676.64 337.771 1675.95 336.911 1675.44 335.941C1674.93 334.961 1674.61 333.901 1674.51 332.811C1674.41 331.721 1674.53 330.621 1674.85 329.571C1675.18 328.521 1675.71 327.551 1676.41 326.701C1677.11 325.861 1677.97 325.161 1678.94 324.651C1679.92 324.141 1680.98 323.831 1682.07 323.731C1683.16 323.631 1684.26 323.741 1685.31 324.071C1686.36 324.401 1687.33 324.921 1688.18 325.631C1688.96 326.291 1707.67 342.031 1721.85 370.621C1734.94 397.031 1746.5 439.831 1727.28 493.901C1726.69 495.511 1725.62 496.901 1724.22 497.881C1722.82 498.861 1721.15 499.391 1719.44 499.391Z" fill="#FFDB8F"/>
+<path d="M1610.8 531.5C1609.43 531.49 1608.08 531.16 1606.87 530.51C1605.67 529.87 1604.64 528.94 1603.87 527.81C1603.11 526.67 1602.64 525.37 1602.5 524.01C1602.35 522.65 1602.55 521.27 1603.06 520C1618.48 481.86 1616.42 444.71 1596.82 409.62C1587.83 393.51 1575.97 379.18 1561.84 367.32C1560.08 365.97 1558.93 363.98 1558.64 361.78C1558.35 359.59 1558.94 357.37 1560.29 355.61C1561.64 353.85 1563.63 352.7 1565.82 352.41C1568.02 352.12 1570.24 352.71 1572 354.05C1587.8 367.09 1601.05 382.95 1611.06 400.82C1626.51 428.24 1640.36 472.25 1618.55 526.18C1617.94 527.74 1616.87 529.09 1615.49 530.03C1614.11 530.98 1612.47 531.49 1610.8 531.5Z" fill="#FFDB8F"/>
+<path d="M1482.71 499.39C1481.93 499.4 1481.15 499.28 1480.41 499.06C1479.35 498.75 1478.37 498.25 1477.51 497.56C1476.65 496.88 1475.94 496.03 1475.41 495.07C1474.88 494.11 1474.54 493.06 1474.42 491.97C1474.3 490.88 1474.39 489.77 1474.69 488.72C1490.79 432.9 1455.75 394.29 1454.25 392.67C1452.8 391.04 1452.05 388.91 1452.14 386.73C1452.24 384.56 1453.19 382.51 1454.78 381.02C1456.37 379.53 1458.48 378.72 1460.66 378.77C1462.84 378.81 1464.91 379.71 1466.44 381.26C1468.21 383.15 1509.53 428.19 1490.74 493.36C1490.24 495.1 1489.18 496.63 1487.73 497.72C1486.29 498.81 1484.52 499.4 1482.71 499.39Z" fill="#FFDB8F"/>
+<path d="M1497.66 494.651C1497.25 494.651 1496.85 494.611 1496.45 494.551C1494.26 494.231 1492.29 493.061 1490.97 491.281C1489.64 489.511 1489.07 487.28 1489.39 485.09C1498.41 422.83 1467.56 390.261 1466.26 388.911C1464.85 387.311 1464.1 385.22 1464.18 383.09C1464.26 380.96 1465.15 378.93 1466.67 377.44C1468.2 375.94 1470.23 375.081 1472.37 375.041C1474.5 375.001 1476.57 375.78 1478.15 377.22C1479.72 378.79 1516.18 416.62 1505.92 487.45C1505.65 489.44 1504.66 491.27 1503.14 492.6C1501.62 493.92 1499.67 494.651 1497.66 494.651Z" fill="#900EFF"/>
+<path d="M1629.82 522.09C1628.98 522.09 1628.15 521.96 1627.35 521.71C1625.23 521.05 1623.46 519.59 1622.43 517.63C1621.4 515.67 1621.18 513.38 1621.84 511.27C1649.36 421.98 1580.25 363.27 1579.55 362.62C1578.68 361.93 1577.96 361.07 1577.43 360.09C1576.9 359.12 1576.57 358.05 1576.46 356.95C1576.35 355.84 1576.46 354.73 1576.78 353.67C1577.1 352.61 1577.64 351.62 1578.35 350.77C1579.05 349.91 1579.93 349.21 1580.91 348.7C1581.89 348.19 1582.97 347.87 1584.07 347.78C1585.18 347.69 1586.29 347.82 1587.35 348.16C1588.4 348.5 1589.38 349.05 1590.22 349.78C1604.59 362.73 1616.6 378.08 1625.71 395.14C1635.86 413.43 1642.16 433.61 1644.24 454.42C1646.31 475.24 1644.1 496.26 1637.75 516.2C1637.23 517.89 1636.18 519.38 1634.75 520.44C1633.33 521.5 1631.6 522.08 1629.82 522.09Z" fill="#900EFF"/>
+<path d="M1735.94 494.651C1734.65 494.651 1733.38 494.351 1732.22 493.771C1731.07 493.201 1730.06 492.361 1729.28 491.341C1728.51 490.311 1727.98 489.111 1727.74 487.841C1727.5 486.571 1727.56 485.271 1727.91 484.031C1756.3 383.451 1691.17 336.261 1690.53 335.801C1688.76 334.511 1687.56 332.571 1687.2 330.411C1686.84 328.251 1687.35 326.031 1688.61 324.241C1689.87 322.451 1691.78 321.221 1693.94 320.831C1696.1 320.431 1698.32 320.901 1700.13 322.141C1700.92 322.691 1719.66 336.061 1734.36 363.391C1747.82 388.441 1760.39 430.381 1743.98 488.551C1743.48 490.311 1742.43 491.851 1740.98 492.951C1739.53 494.051 1737.76 494.651 1735.94 494.651Z" fill="#900EFF"/>
+</g>
+<path d="M1567.59 543.721C1566.2 543.721 1564.83 543.381 1563.61 542.721L1371.16 438.571C1369.61 437.721 1368.36 436.411 1367.6 434.821C1366.84 433.221 1366.61 431.431 1366.93 429.701L1371.43 405.431C1371.72 403.851 1372.46 402.391 1373.56 401.221C1374.66 400.061 1376.08 399.231 1377.64 398.851L1753.85 305.921C1755.14 305.601 1756.49 305.601 1757.79 305.911C1759.09 306.221 1760.29 306.841 1761.3 307.711L1815.01 353.951C1816.07 354.871 1816.89 356.031 1817.38 357.341C1817.87 358.651 1818.03 360.071 1817.83 361.451L1802.18 472.491C1801.96 474.091 1801.27 475.591 1800.2 476.811C1799.14 478.031 1797.74 478.911 1796.19 479.351L1569.86 543.401C1569.12 543.611 1568.36 543.721 1567.59 543.721ZM1384.45 426.811L1568.57 526.451L1786.4 464.801L1800.66 363.671L1753.66 323.211L1386.87 413.781L1384.45 426.811Z" fill="#900EFF"/>
+<path d="M1748.42 301.609C1767.84 332.139 1800.45 397.609 1781.71 471.069C1780.96 473.969 1781.01 477.009 1781.84 479.889C1782.66 482.759 1784.24 485.369 1786.41 487.429C1788.58 489.499 1791.25 490.949 1794.17 491.629C1797.08 492.309 1800.13 492.209 1802.99 491.329L1804.96 490.709C1807.38 489.939 1809.59 488.649 1811.45 486.909C1813.3 485.179 1814.74 483.049 1815.66 480.689C1851.49 390.709 1803.57 308.359 1784.25 280.529C1782.22 277.589 1779.3 275.369 1775.91 274.209C1772.53 273.049 1768.87 273.009 1765.46 274.079L1757.67 276.489C1755.2 277.249 1752.93 278.569 1751.04 280.349C1749.16 282.129 1747.72 284.319 1746.82 286.759C1745.93 289.189 1745.6 291.789 1745.88 294.369C1746.16 296.949 1747.03 299.419 1748.42 301.609Z" fill="#FFF5D7"/>
+<path d="M1797.87 500.459C1794.04 500.429 1790.27 499.529 1786.84 497.829C1783.41 496.129 1780.42 493.669 1778.08 490.639C1775.74 487.609 1774.12 484.079 1773.35 480.329C1772.57 476.579 1772.66 472.699 1773.61 468.989C1791.39 399.309 1761.05 337.049 1741.37 306.079C1739.3 302.819 1738.01 299.119 1737.61 295.279C1737.2 291.429 1737.68 287.549 1739.02 283.919C1740.36 280.289 1742.51 277.019 1745.32 274.359C1748.13 271.709 1751.51 269.729 1755.2 268.589L1762.98 266.169C1768.09 264.559 1773.58 264.639 1778.64 266.379C1783.7 268.119 1788.07 271.429 1791.11 275.839C1813.11 307.569 1860.31 391.229 1823.41 483.839C1822.03 487.359 1819.87 490.509 1817.11 493.079C1814.34 495.649 1811.03 497.569 1807.43 498.689L1805.47 499.289C1803.01 500.059 1800.45 500.459 1797.87 500.459ZM1770.47 281.669C1769.61 281.659 1768.75 281.789 1767.93 282.049L1760.14 284.469C1758.9 284.849 1757.77 285.519 1756.82 286.409C1755.88 287.299 1755.15 288.399 1754.7 289.619C1754.25 290.829 1754.08 292.139 1754.22 293.429C1754.35 294.719 1754.78 295.969 1755.47 297.069C1776.6 330.269 1809.13 397.279 1789.79 473.049C1789.38 474.529 1789.39 476.089 1789.81 477.559C1790.23 479.039 1791.05 480.359 1792.18 481.399C1793.27 482.449 1794.62 483.179 1796.09 483.529C1797.56 483.869 1799.09 483.799 1800.53 483.339L1802.5 482.739C1803.72 482.359 1804.83 481.709 1805.77 480.839C1806.7 479.979 1807.44 478.909 1807.91 477.729C1841.8 392.649 1797.89 314.899 1777.41 285.419C1776.65 284.289 1775.61 283.349 1774.4 282.709C1773.19 282.069 1771.84 281.729 1770.47 281.729V281.669Z" fill="#900EFF"/>
+<path d="M709.26 679.29L1065.65 764.47C1117.84 776.39 1168.1 732.99 1177.9 667.6L1237.84 345.25C1247.63 279.81 1213.28 217.099 1161.02 205.174L798.02 165.039C745.82 153.131 695.57 196.522 685.76 261.91L632.5 539.16C622.7 604.62 657 667.38 709.26 679.29Z" fill="#FFF5D7"/>
+<path d="M1082.9 774.79C1076.49 774.8 1070.11 774.08 1063.86 772.65L707.43 687.47C651.17 674.61 613.9 607.57 624.3 538.02C624.29 537.91 624.29 537.8 624.3 537.69L677.53 260.56C683.29 222.391 702.4 189.722 729.97 170.916C751.05 156.519 775.69 151.509 799.4 156.786L1161.98 196.871C1162.3 196.91 1162.62 196.966 1162.94 197.038C1219.2 209.882 1256.47 276.92 1246.09 346.49V346.79L1186.13 668.95C1180.39 707.13 1161.28 739.82 1133.69 758.64C1118.78 769.03 1101.07 774.66 1082.9 774.79ZM640.73 540.61C631.67 601.67 663.22 660.21 711.12 671.15H711.2L1067.58 756.33C1087.06 760.78 1106.7 756.78 1124.29 744.79C1148.07 728.56 1164.61 699.95 1169.65 666.29V665.99L1229.54 343.88C1238.6 283 1207.28 224.629 1159.61 213.422L797.05 173.338C796.73 173.305 796.42 173.255 796.11 173.188C776.55 168.711 756.91 172.703 739.33 184.712C715.54 200.946 699.01 229.556 693.96 263.21V263.54L640.73 540.61Z" fill="#900EFF"/>
+<path d="M1177.9 667.58L1237.84 345.23C1246.39 288.05 1221.23 232.929 1179.9 212.002L1180.94 212.52L1235.89 247.978C1271.35 266.35 1380.66 328.6 1373.56 376L1315.54 688.84C1308.38 736.24 1241.57 768.52 1203.04 770.13L1095.03 765.52C1130.52 754.35 1170.72 715.56 1177.9 667.58Z" fill="#FFDB8F"/>
+<path d="M1203.04 778.48H1202.69L1094.68 773.87C1092.72 773.78 1090.85 773.01 1089.41 771.68C1087.96 770.36 1087.03 768.57 1086.77 766.62C1086.51 764.68 1086.95 762.71 1088 761.05C1089.05 759.4 1090.65 758.17 1092.52 757.57C1125.26 747.27 1163.05 710.32 1169.65 666.36V666.06L1229.54 343.95C1236.41 297.87 1219.89 251.905 1189.46 228.088L1176.71 219.871L1176.06 219.537C1174.08 218.543 1172.58 216.802 1171.88 214.699C1171.19 212.596 1171.35 210.302 1172.35 208.322C1173.34 206.342 1175.08 204.838 1177.19 204.141C1179.29 203.444 1181.58 203.611 1183.56 204.605L1184.75 205.207L1185 205.357C1189.86 207.919 1194.48 210.898 1198.83 214.259L1240.03 240.832C1255.06 248.682 1292.83 269.23 1325.71 294.6C1366.41 325.94 1385.27 353.77 1381.75 377.32C1381.75 377.41 1381.75 377.51 1381.75 377.6L1323.77 690.23C1315.99 741.39 1247.31 776.64 1203.39 778.47L1203.04 778.48ZM1127.44 758.54L1203.04 761.76C1240.93 760.09 1301.19 728.26 1307.27 687.61V687.32L1365.33 374.7C1369.91 342.66 1301.86 291.77 1232.13 255.5C1245.95 283.71 1250.82 315.48 1246.09 346.54V346.84L1186.13 668.97C1180.32 707.45 1155.14 739.6 1127.44 758.54Z" fill="#900EFF"/>
+<path d="M993.78 698.141C948.02 698.141 916.75 668.511 915.4 667.211C913.8 665.671 912.88 663.571 912.84 661.351C912.79 659.131 913.63 656.991 915.17 655.401C916.71 653.801 918.82 652.881 921.03 652.841C923.25 652.791 925.39 653.631 926.99 655.171C927.44 655.601 957.05 683.251 997.85 681.341C1027.7 679.971 1056.58 663.501 1083.67 632.391C1084.39 631.561 1085.27 630.881 1086.25 630.401C1087.23 629.911 1088.3 629.621 1089.39 629.541C1090.49 629.471 1091.58 629.611 1092.62 629.961C1093.66 630.311 1094.62 630.861 1095.45 631.581C1096.28 632.301 1096.96 633.181 1097.44 634.161C1097.93 635.141 1098.22 636.211 1098.3 637.301C1098.37 638.401 1098.23 639.491 1097.88 640.531C1097.53 641.571 1096.98 642.531 1096.26 643.361C1065.98 678.101 1033.06 696.471 998.39 698.031C996.83 698.101 995.29 698.141 993.78 698.141Z" fill="#900EFF"/>
+<path d="M1008.54 54.4562L1156.39 145.882C1158.11 146.938 1160.04 147.634 1162.04 147.93C1164.04 148.226 1166.08 148.114 1168.04 147.603C1169.99 147.091 1171.83 146.19 1173.43 144.953C1175.03 143.716 1176.36 142.169 1177.35 140.404L1187.07 123.702C1189.18 120.114 1189.82 115.847 1188.85 111.798C1187.88 107.748 1185.38 104.232 1181.88 101.989L1034.08 10.5632C1032.36 9.50724 1030.43 8.81127 1028.43 8.51527C1026.43 8.21927 1024.39 8.33024 1022.43 8.84224C1020.48 9.35424 1018.64 10.2553 1017.04 11.4923C1015.44 12.7293 1014.11 14.2763 1013.12 16.0413L1003.38 32.7432C1001.27 36.3282 1000.63 40.5912 1001.59 44.6392C1002.55 48.6862 1005.04 52.2052 1008.54 54.4562Z" fill="#FFF5D7"/>
+<path d="M1164.12 156.47C1159.82 156.465 1155.61 155.256 1151.96 152.979L1004.15 61.5531C998.82 58.1541 995.01 52.8251 993.51 46.6811C992.02 40.5361 992.96 34.0521 996.13 28.5841L1005.85 11.8821C1007.43 9.12012 1009.56 6.70607 1012.09 4.78507C1014.63 2.86507 1017.53 1.47811 1020.62 0.708109C1023.62 -0.0568905 1026.75 -0.203897 1029.82 0.276103C1032.88 0.755103 1035.81 1.85111 1038.44 3.49711L1186.23 94.9231C1191.57 98.3201 1195.39 103.648 1196.88 109.792C1198.38 115.937 1197.44 122.423 1194.27 127.893L1184.53 144.595C1182.48 148.196 1179.51 151.19 1175.92 153.275C1172.34 155.36 1168.27 156.462 1164.12 156.47ZM1026.25 16.7091C1025.68 16.7021 1025.12 16.7701 1024.58 16.9091C1023.66 17.1461 1022.81 17.5631 1022.06 18.1371C1021.31 18.7111 1020.68 19.4291 1020.22 20.2491L1010.5 36.9511C1009.48 38.6501 1009.15 40.6781 1009.59 42.6111C1010.03 44.5431 1011.2 46.2321 1012.85 47.3231L1160.66 138.749C1161.4 139.216 1162.23 139.526 1163.09 139.661C1163.95 139.796 1164.83 139.753 1165.67 139.534C1166.59 139.298 1167.45 138.88 1168.2 138.307C1168.95 137.733 1169.58 137.015 1170.05 136.194L1179.77 119.492C1180.79 117.789 1181.11 115.757 1180.67 113.821C1180.23 111.885 1179.06 110.195 1177.4 109.103L1029.6 17.6771C1028.6 17.0521 1027.43 16.7161 1026.25 16.7091Z" fill="#900EFF"/>
+<path d="M1164.12 156.468C1159.82 156.463 1155.61 155.254 1151.96 152.977L1004.15 61.551C998.82 58.152 995.01 52.8229 993.51 46.6789C992.02 40.5339 992.96 34.0499 996.13 28.5819L1005.85 11.8799C1008 8.19194 1011.09 5.14292 1014.81 3.04492C1016.4 2.15492 1018.25 1.81194 1020.05 2.06994C1021.86 2.32794 1023.54 3.17094 1024.82 4.47094C1026.1 5.77194 1026.92 7.45691 1027.16 9.26891C1027.39 11.0799 1027.03 12.9189 1026.11 14.5019L1018.61 27.4459C1017.6 29.1469 1017.27 31.1759 1017.71 33.1089C1018.16 35.0419 1019.33 36.7289 1020.99 37.8179L1168.78 129.261C1169.78 129.884 1170.93 130.223 1172.11 130.241C1173.29 130.259 1174.44 129.954 1175.46 129.361C1177.06 128.459 1178.91 128.107 1180.73 128.361C1182.54 128.615 1184.23 129.46 1185.51 130.766C1186.8 132.071 1187.63 133.765 1187.86 135.585C1188.09 137.405 1187.71 139.25 1186.79 140.835L1184.56 144.643C1182.51 148.244 1179.54 151.238 1175.96 153.324C1172.37 155.409 1168.3 156.511 1164.15 156.518L1164.12 156.468Z" fill="#900EFF"/>
+<path d="M746.84 75.166L899.53 63.6749C901.29 63.5669 903 63.0919 904.57 62.2809C906.13 61.4699 907.51 60.3399 908.61 58.9659C909.71 57.5909 910.51 56.0009 910.96 54.2979C911.41 52.5949 911.5 50.8169 911.22 49.0779L908.9 32.3759C908.37 28.7329 906.49 25.423 903.63 23.098C900.78 20.773 897.16 19.6019 893.48 19.8159L740.8 31.3069C739.04 31.4149 737.32 31.8899 735.76 32.7009C734.19 33.5119 732.82 34.6419 731.72 36.0159C730.62 37.3909 729.81 38.981 729.36 40.684C728.91 42.387 728.83 44.1649 729.1 45.9039L731.44 62.606C731.97 66.247 733.85 69.5569 736.7 71.8829C739.55 74.2079 743.17 75.38 746.84 75.166Z" fill="#FFF5D7"/>
+<path d="M745.84 83.5136C740.32 83.4356 735.02 81.4016 730.86 77.7736C726.71 74.1456 723.98 69.1596 723.16 63.7046L720.84 47.0036C720.41 44.1156 720.58 41.1706 721.34 38.3536C722.11 35.5366 723.45 32.9086 725.28 30.6356C727.08 28.3986 729.33 26.5586 731.88 25.2306C734.43 23.9036 737.23 23.1166 740.09 22.9186L892.8 11.4286C898.58 11.0976 904.28 12.9386 908.77 16.5906C913.27 20.2426 916.24 25.4426 917.1 31.1696L919.42 47.8716C919.86 50.7356 919.7 53.6586 918.95 56.4576C918.2 59.2556 916.88 61.8686 915.07 64.1306C913.26 66.3936 911 68.2566 908.44 69.6036C905.87 70.9506 903.05 71.7516 900.16 71.9556L747.46 83.5136C746.93 83.5136 746.37 83.5136 745.84 83.5136ZM894.45 28.0466H894.05L741.35 39.5376C740.75 39.5706 740.18 39.7246 739.65 39.9926C739.12 40.2596 738.65 40.6336 738.27 41.0906C737.89 41.5926 737.61 42.1696 737.45 42.7836C737.3 43.3986 737.27 44.0396 737.37 44.6646L739.71 61.3666C739.94 62.9066 740.73 64.3066 741.93 65.3016C743.13 66.2966 744.65 66.8156 746.21 66.7616L898.91 55.2706C899.5 55.2416 900.08 55.0886 900.61 54.8216C901.14 54.5536 901.61 54.1776 901.99 53.7176C902.37 53.2156 902.65 52.6386 902.81 52.0236C902.96 51.4086 902.99 50.7686 902.89 50.1436L900.55 33.4416C900.32 31.9756 899.58 30.6376 898.47 29.6556C897.36 28.6736 895.94 28.1106 894.45 28.0636V28.0466Z" fill="#900EFF"/>
+<path d="M745.84 83.5173C740.32 83.4393 735.02 81.4053 730.86 77.7773C726.71 74.1493 723.98 69.1633 723.16 63.7083L720.84 47.0063C720.28 43.1153 720.8 39.1443 722.36 35.5323C723.08 33.8613 724.33 32.4723 725.91 31.5763C727.5 30.6803 729.33 30.3263 731.13 30.5683C732.94 30.8103 734.61 31.6353 735.9 32.9173C737.2 34.1993 738.03 35.8683 738.29 37.6703L740.09 50.6143C740.33 52.1553 741.12 53.5563 742.33 54.5503C743.53 55.5453 745.05 56.0643 746.61 56.0093L899.3 44.5183C900.08 44.4853 900.85 44.2293 901.49 43.7793C902.14 43.3303 902.65 42.7063 902.95 41.9793C903.67 40.3013 904.92 38.9043 906.51 38.0033C908.1 37.1023 909.94 36.7473 911.75 36.9913C913.56 37.2353 915.24 38.0663 916.53 39.3563C917.82 40.6463 918.66 42.3253 918.9 44.1343L919.42 47.9423C919.86 50.8063 919.7 53.7293 918.95 56.5273C918.2 59.3263 916.88 61.9383 915.07 64.2013C913.26 66.4643 911 68.3273 908.44 69.6743C905.87 71.0203 903.05 71.8213 900.17 72.0263L747.46 83.5173C746.93 83.5173 746.37 83.5173 745.84 83.5173Z" fill="#900EFF"/>
+<path d="M727.72 502.9C709.11 462.97 701.1 409.65 708.09 352.72C715.09 295.78 735.82 246.11 763.53 212.038L770.74 153.498L858.76 164.655C928.11 173.457 973.09 271.9 959.22 384.57C945.36 497.24 877.88 581.42 808.54 572.61C804.73 572.13 800.97 571.37 797.28 570.33L720.62 560.61L727.72 502.9Z" fill="#900EFF"/>
+<path d="M818.49 581.6C814.81 581.6 811.14 581.37 807.49 580.9C803.49 580.38 799.53 579.6 795.64 578.54L719.57 568.89C717.38 568.61 715.39 567.48 714.03 565.73C712.68 563.99 712.07 561.78 712.34 559.59L719.15 504.24C699.83 461.43 692.96 407.37 699.81 351.7C706.66 296.03 726.43 245.325 755.53 208.664L762.46 152.462C762.74 150.301 763.85 148.335 765.56 146.984C766.43 146.313 767.43 145.82 768.49 145.533C769.55 145.247 770.65 145.172 771.74 145.314L859.76 156.487C896.29 161.114 927.52 188.037 947.75 232.314C967.34 275.22 974.35 329.7 967.46 385.7C958.4 459.19 926.85 523.44 883.08 557.5C862.62 573.33 840.47 581.6 818.49 581.6ZM729.97 553.37L798.45 562.04C798.85 562.1 799.25 562.19 799.64 562.29C802.92 563.21 806.27 563.9 809.66 564.33C830.69 567 852.58 560.04 872.94 544.29C912.69 513.36 942.6 451.81 950.99 383.62C957.52 330.65 950.99 279.36 932.62 239.212C914.9 200.413 888.31 176.897 857.74 173.022L778.02 162.918L771.83 213.14C771.64 214.701 771.01 216.178 770.02 217.399C742.05 251.788 722.99 300.24 716.41 353.82C709.83 407.4 716.53 459.13 735.3 499.46C735.97 500.87 736.22 502.45 736.02 504L729.97 553.37Z" fill="#900EFF"/>
+<path d="M899.43 375.82C912.85 263.11 857.76 163.888 776.39 154.2C695.02 144.511 618.17 228.024 604.75 340.73C591.33 453.44 646.42 552.66 727.79 562.35C809.16 572.04 886.01 488.53 899.43 375.82Z" fill="#FFF5D7"/>
+<path d="M740.8 571.49C735.83 571.49 730.86 571.18 725.93 570.56C683.89 565.23 647.3 537.81 622.93 493.35C599.03 449.77 589.68 394.81 596.61 338.6C604.96 271.11 636.56 209.999 681.27 175.293C711.33 151.91 744.85 141.789 778.26 146.031C820.3 151.359 856.89 178.784 881.26 223.244C905.16 266.82 914.51 321.79 907.6 377.99C899.25 445.46 867.63 506.59 822.92 541.3C797.3 561.19 769.21 571.49 740.8 571.49ZM763.48 161.798C738.77 161.798 714.12 170.884 691.52 188.521C650.32 220.572 620.96 277.46 613.18 340.72C599.9 448.65 651.41 544.35 728.04 554.07C756.93 557.75 786.19 548.78 812.66 528.19C853.95 496.09 883.23 439.2 891.01 376.03C904.37 268.11 852.78 172.403 776.15 162.683C771.95 162.121 767.72 161.826 763.48 161.798Z" fill="#900EFF"/>
+<path d="M839.35 223.662C852.13 257.32 857.17 298.82 851.78 342.66C839.32 443.94 775.85 519.29 710.05 510.93C681.99 507.38 658.02 489.22 640.75 461.6C657.45 505.71 687.52 536.35 724.9 541.1C790.7 549.45 854.15 474.11 866.63 372.81C873.78 314.74 862.6 260.74 839.35 223.662Z" fill="#FFDB8F"/>
+<path d="M734.88 550.06C731.19 550.07 727.5 549.84 723.84 549.38C689.12 544.97 659.26 520.45 639.73 480.35C620.79 441.42 613.79 392.13 620.02 341.57C627.96 277.09 656.52 220.052 696.42 189.02C719.9 170.765 745.72 162.815 771.09 166.038C805.82 170.364 835.71 194.949 855.2 235.067C874.13 273.98 881.14 323.27 874.91 373.84C866.98 438.31 838.4 495.35 798.5 526.38C778.44 542 756.65 550.06 734.88 550.06ZM636.59 343.61C624.7 440.18 664.79 525.04 725.93 532.81C746.81 535.45 768.35 528.67 788.25 513.2C824.72 484.81 850.93 431.97 858.39 371.79C870.29 275.23 830.22 190.356 769.06 182.606C748.18 179.951 726.63 186.732 706.74 202.198C670.26 230.591 644.07 283.44 636.59 343.61Z" fill="#900EFF"/>
+<mask id="mask3_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="911" y="187" width="257" height="420">
+<path d="M933.94 536.52C915.33 496.59 907.3 443.28 914.31 386.34C921.33 329.4 942.02 279.73 969.74 245.659L976.96 187.068L1064.98 198.225C1134.32 207.027 1179.3 305.48 1165.42 418.14C1151.54 530.79 1084.1 615.04 1014.76 606.29C1010.95 605.8 1007.19 605.04 1003.5 604.01L926.84 594.29L933.94 536.52Z" fill="white"/>
+</mask>
+<g mask="url(#mask3_75_205)">
+<path d="M933.94 536.52C915.33 496.59 907.3 443.28 914.31 386.34C921.33 329.4 942.02 279.73 969.74 245.659L976.96 187.068L1064.98 198.225C1134.32 207.027 1179.3 305.48 1165.42 418.14C1151.54 530.79 1084.1 615.04 1014.76 606.29C1010.95 605.8 1007.19 605.04 1003.5 604.01L926.84 594.29L933.94 536.52Z" fill="#FFF5D7"/>
+<path d="M1158.23 353.77C1158.23 353.77 1159.04 453.979 1041.86 571.209C983.59 629.549 983.91 590.939 1003.45 603.959C1003.45 603.959 1046.87 621.37 1084.05 584.49C1209.83 459.729 1184.5 389.54 1158.23 353.77Z" fill="#FFDB8F"/>
+</g>
+<path d="M1024.71 615.22C1021.03 615.22 1017.35 614.98 1013.7 614.52C1009.71 614.01 1005.75 613.22 1001.86 612.16L925.79 602.53C923.59 602.25 921.59 601.11 920.23 599.37C918.87 597.62 918.26 595.4 918.54 593.21L925.35 537.81C906.03 495.05 899.18 440.94 906.03 385.32C912.87 329.7 932.58 278.93 961.74 242.283L968.66 186.098C968.94 183.893 970.08 181.888 971.83 180.519C973.58 179.168 975.8 178.568 978 178.849L1066.03 190.006C1100.52 194.382 1130.65 219.001 1150.89 259.32C1151.89 261.3 1152.05 263.59 1151.36 265.7C1151.01 266.74 1150.47 267.7 1149.75 268.53C1149.03 269.36 1148.16 270.04 1147.18 270.53C1146.2 271.03 1145.13 271.32 1144.03 271.4C1142.94 271.48 1141.84 271.34 1140.8 271C1138.7 270.3 1136.96 268.8 1135.96 266.82C1118.29 231.627 1092.72 210.232 1063.93 206.574L984.21 196.553L978.03 246.792C977.84 248.348 977.21 249.818 976.22 251.035C948.23 285.32 929.24 333.78 922.56 387.36C915.88 440.93 922.68 492.66 941.47 533C942.14 534.41 942.39 535.99 942.19 537.54L936.11 586.99L1004.58 595.68C1004.99 595.72 1005.38 595.8 1005.77 595.91C1009.06 596.83 1012.41 597.51 1015.79 597.95C1036.84 600.62 1058.72 593.66 1079.07 577.91C1118.83 546.99 1148.72 485.43 1157.12 417.25C1159.59 397.49 1160.18 377.54 1158.91 357.66C1158.76 355.44 1159.5 353.26 1160.97 351.59C1162.43 349.92 1164.49 348.9 1166.71 348.76C1168.92 348.61 1171.11 349.35 1172.78 350.81C1174.45 352.28 1175.47 354.34 1175.61 356.56C1176.94 377.46 1176.31 398.44 1173.72 419.22C1164.67 492.71 1133.12 556.96 1089.35 591.02C1068.82 606.97 1046.69 615.22 1024.71 615.22Z" fill="#900EFF"/>
+<path d="M1105.64 409.471C1119.06 296.761 1063.97 197.538 982.6 187.849C901.23 178.16 824.38 261.671 810.96 374.381C797.54 487.091 852.63 586.311 934 596.001C1015.38 605.691 1092.22 522.171 1105.64 409.471Z" fill="#FFF5D7"/>
+<path d="M947.01 605.12C942.04 605.12 937.08 604.81 932.15 604.18C890.09 598.85 853.52 571.43 829.13 526.97C805.25 483.39 795.9 428.43 802.81 372.23C811.16 304.73 842.78 243.622 887.49 208.916C917.55 185.533 951.07 175.412 984.48 179.654C1026.52 184.982 1063.09 212.407 1087.48 256.87C1111.38 300.44 1120.73 355.41 1113.8 411.61C1105.45 479.1 1073.85 540.21 1029.14 574.92C1003.53 594.83 975.42 605.12 947.01 605.12ZM819.4 374.26C806.1 482.19 857.63 577.89 934.25 587.61C963.15 591.27 992.41 582.34 1018.88 561.74C1060.17 529.63 1089.45 472.74 1097.23 409.57C1110.51 301.64 1058.98 205.943 982.37 196.222C953.48 192.548 924.22 201.5 897.73 222.094C856.46 254.211 827.18 311.1 819.4 374.26Z" fill="#900EFF"/>
+<path d="M1046.32 256.43C1059.12 290.1 1064.16 331.59 1058.77 375.43C1046.29 476.71 982.84 552.05 917.02 543.72C888.96 540.14 865.01 522.01 847.72 494.36C864.42 538.49 894.49 569.12 931.86 573.87C997.67 582.22 1061.12 506.87 1073.6 405.59C1080.75 347.5 1069.54 293.51 1046.32 256.43Z" fill="#FFDB8F"/>
+<path d="M940.62 583.64C936.89 583.64 933.17 583.4 929.48 582.92C894.6 578.51 864.59 553.98 844.97 513.86C825.91 474.93 818.84 425.62 825.07 375.05C832.99 310.73 861.55 253.793 901.48 222.728C925.12 204.356 951.14 196.339 976.64 199.579C1011.5 204.005 1041.51 228.54 1061.15 268.66C1080.19 307.59 1087.26 356.89 1081.05 407.47C1073.13 471.79 1044.55 528.72 1004.62 559.79C984.49 575.5 962.55 583.64 940.62 583.64ZM965.67 215.58C947.45 215.58 928.93 222.511 911.77 235.906C875.26 264.3 849.07 317.08 841.63 377.09C829.73 473.66 870.02 558.57 931.55 566.35C952.63 569.02 974.34 562.19 994.38 546.61C1030.89 518.22 1057.1 465.44 1064.53 405.43C1076.42 308.86 1036.14 223.947 974.61 216.147C971.63 215.775 968.64 215.585 965.64 215.58H965.67Z" fill="#900EFF"/>
+<path d="M945.24 355.961C928.93 352.431 911.96 355.961 896.17 366.281C872.44 381.731 854.12 411.091 847.15 444.781C835.19 502.781 859.63 557.361 901.65 566.431C905.71 567.311 909.84 567.751 913.99 567.751C927.12 567.531 939.9 563.471 950.74 556.061C974.47 540.611 992.79 511.251 999.74 477.561C1011.7 419.611 987.25 365.041 945.24 355.961Z" fill="#900EFF"/>
+<path d="M737.17 310.211C720.84 306.681 703.87 310.211 688.1 320.531C664.37 335.981 646.05 365.341 639.08 399.031C627.12 457.021 651.56 511.601 693.58 520.691C697.64 521.561 701.77 522.001 705.92 522.001C719.05 521.781 731.82 517.721 742.67 510.311C766.4 494.861 784.72 465.501 791.67 431.811C803.58 373.881 779.13 319.291 737.17 310.211Z" fill="#900EFF"/>
+<mask id="mask4_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="565" y="914" width="375" height="299">
+<path d="M872.84 969.971C872.84 969.971 824.15 970.901 816.24 964.361C808.32 957.811 730.64 906.791 698.32 914.871C666 922.951 668.91 936.131 668.91 936.131L704.57 978.491L606.9 973.731C575.497 972.171 554.569 1006.81 571.622 1033.24C572.006 1033.82 572.39 1034.39 572.791 1034.91C591.53 1061.19 604.12 1063.93 604.12 1063.93C604.12 1063.93 600.13 1102.15 620.83 1122.92C641.52 1143.7 664.08 1147.43 664.08 1147.43C664.08 1147.43 666.74 1190.63 696.55 1206.62C726.36 1222.6 824.04 1205.58 858.96 1186.33C880.58 1174.2 900.22 1158.82 917.18 1140.75L939.15 1075.86L872.84 969.971Z" fill="white"/>
+</mask>
+<g mask="url(#mask4_75_205)">
+<path d="M872.84 969.971C872.84 969.971 824.15 970.901 816.24 964.361C808.32 957.811 730.64 906.791 698.32 914.871C666 922.951 668.91 936.131 668.91 936.131L704.57 978.491L606.9 973.731C575.497 972.171 554.569 1006.81 571.622 1033.24C572.006 1033.82 572.39 1034.39 572.791 1034.91C591.53 1061.19 604.12 1063.93 604.12 1063.93C604.12 1063.93 600.13 1102.15 620.83 1122.92C641.52 1143.7 664.08 1147.43 664.08 1147.43C664.08 1147.43 666.74 1190.63 696.55 1206.62C726.36 1222.6 824.04 1205.58 858.96 1186.33C880.58 1174.2 900.22 1158.82 917.18 1140.75L939.15 1075.86L872.84 969.971Z" fill="#FFF5D7"/>
+<path d="M696.79 918.891C696.79 918.891 728.42 968.361 743.55 968.361C758.68 968.361 704.62 973.511 704.62 973.511L664.13 933.421L696.79 918.891Z" fill="#FFDB8F"/>
+<path d="M571.639 983.75C571.639 983.75 614.73 1057.75 642.65 1058.9C670.58 1060.06 694.6 1055.03 693.78 1058.9C692.96 1062.78 596.76 1060.21 596.76 1060.21C596.76 1060.21 546.068 1005.46 571.639 983.75Z" fill="#FFDB8F"/>
+<path d="M607.15 1073.71C607.15 1073.71 645.56 1121.52 690.47 1123.89C735.38 1126.27 748.53 1124.66 748.71 1126.85C748.9 1129.04 686.21 1157.3 645.03 1147.69C603.84 1138.09 607.15 1073.71 607.15 1073.71Z" fill="#FFDB8F"/>
+<path d="M669.88 1156.5C669.88 1156.5 714.37 1185.01 771.19 1180.75C828.01 1176.49 907.31 1147.69 907.31 1147.69C907.31 1147.69 753.91 1257.39 748.65 1258.34C743.38 1259.3 636.91 1233.72 638.41 1226.16C639.92 1218.59 669.88 1156.5 669.88 1156.5Z" fill="#FFDB8F"/>
+</g>
+<path d="M735.2 1221.38C717.55 1221.38 702.31 1219.19 692.61 1214C665.89 1199.7 658.47 1167.65 656.45 1154.12C640.76 1149.18 626.51 1140.49 614.93 1128.8C596.76 1110.6 595.17 1081.77 595.46 1069.19C588.976 1065.55 578.62 1057.5 565.96 1039.73C560.132 1031.5 556.719 1021.8 556.106 1011.72C555.701 1005.62 556.595 999.5 558.728 993.77C560.861 988.04 564.186 982.82 568.482 978.47C572.911 973.96 578.244 970.44 584.13 968.13C590.02 965.83 596.32 964.8 602.64 965.11L685.88 969.23L662.5 941.54C661.62 940.52 661.02 939.3 660.73 937.98C659.94 934.44 657.99 916.37 696.25 906.8C711.95 902.88 736.84 909.59 770.22 926.73C795.13 939.52 816.64 953.98 821.38 957.83C826.31 960.62 851.8 962.05 872.66 961.65C874.1 961.63 875.52 961.97 876.79 962.66C878.06 963.35 879.12 964.35 879.89 965.58L946.2 1071.52C946.85 1072.56 947.27 1073.74 947.41 1074.97C947.55 1076.2 947.43 1077.44 947.03 1078.61L925.05 1143.5C924.69 1144.56 924.13 1145.54 923.38 1146.37C905.79 1165.17 885.4 1181.13 862.94 1193.69C836.81 1208.09 778.68 1221.38 735.2 1221.38ZM606.03 1055.78C607.04 1055.95 608 1056.32 608.87 1056.87C609.74 1057.42 610.49 1058.13 611.08 1058.96C611.67 1059.8 612.09 1060.74 612.32 1061.74C612.54 1062.74 612.57 1063.78 612.39 1064.79C612.39 1065.1 609.05 1099.36 626.76 1117C645.13 1135.37 665.3 1139.18 665.5 1139.21C667.36 1139.53 669.05 1140.46 670.3 1141.86C671.56 1143.27 672.3 1145.05 672.42 1146.92C672.42 1147.29 675.22 1185.72 700.51 1199.27C726.26 1213.08 819.78 1198.42 854.92 1179.03C875.21 1167.6 893.71 1153.26 909.84 1136.45L929.98 1076.98L868.18 978.44C848.49 978.62 819.09 977.68 810.83 970.84C799.44 961.4 726.73 916.41 700.26 923.02C685.61 926.68 679.7 931.37 677.83 933.91L710.88 973.16C711.93 974.4 712.6 975.93 712.79 977.54C712.99 979.16 712.71 980.79 711.99 982.25C711.26 983.71 710.13 984.93 708.73 985.75C707.32 986.57 705.71 986.97 704.08 986.89L601.69 981.88C597.73 981.67 593.78 982.31 590.09 983.75C586.403 985.19 583.062 987.4 580.291 990.23C577.635 992.89 575.581 996.08 574.27 999.61C572.959 1003.13 572.421 1006.89 572.691 1010.64C573.095 1017.64 575.444 1024.39 579.472 1030.13C594.47 1050.97 604.68 1055.28 606.03 1055.78Z" fill="#900EFF"/>
+<path d="M639.92 1073.94C622.85 1073.94 607.13 1072.87 597.19 1069.98C595.06 1069.36 593.26 1067.91 592.19 1065.96C591.13 1064.02 590.88 1061.72 591.5 1059.59C592.12 1057.46 593.56 1055.66 595.51 1054.59C597.46 1053.52 599.75 1053.27 601.89 1053.89C628.49 1061.63 708.21 1053.73 717.38 1051.17C719.37 1050.32 721.61 1050.28 723.64 1051.05C725.66 1051.82 727.3 1053.35 728.22 1055.31C729.14 1057.27 729.26 1059.51 728.56 1061.56C727.86 1063.61 726.39 1065.3 724.46 1066.29C719.4 1068.93 676.56 1073.94 639.92 1073.94Z" fill="#900EFF"/>
+<path d="M669.23 1156.03C667.22 1156.04 665.21 1155.94 663.22 1155.74C662.09 1155.68 660.99 1155.39 659.98 1154.89C658.97 1154.39 658.07 1153.69 657.33 1152.83C656.6 1151.98 656.05 1150.98 655.71 1149.9C655.38 1148.83 655.26 1147.69 655.37 1146.57C655.49 1145.45 655.82 1144.36 656.37 1143.37C656.91 1142.39 657.65 1141.52 658.54 1140.82C659.43 1140.13 660.45 1139.62 661.54 1139.33C662.63 1139.05 663.77 1138.98 664.89 1139.14C686.46 1141.38 735.03 1125.38 751.95 1119.1C752.98 1118.71 754.07 1118.53 755.17 1118.57C756.26 1118.61 757.34 1118.86 758.34 1119.31C759.34 1119.76 760.24 1120.41 760.99 1121.21C761.74 1122.01 762.32 1122.95 762.71 1123.98C763.09 1125 763.27 1126.1 763.24 1127.19C763.2 1128.29 762.95 1129.37 762.5 1130.37C762.04 1131.36 761.4 1132.26 760.6 1133.01C759.8 1133.76 758.86 1134.35 757.83 1134.73C755.43 1135.6 700.73 1156.03 669.23 1156.03Z" fill="#900EFF"/>
+<path d="M710.45 987.09C708.36 987.09 706.24 987.09 704.09 986.92C702.99 986.86 701.91 986.58 700.93 986.11C699.94 985.63 699.05 984.96 698.32 984.14C697.59 983.33 697.02 982.37 696.66 981.33C696.3 980.3 696.14 979.2 696.2 978.1C696.26 977.01 696.54 975.93 697.02 974.94C697.49 973.95 698.16 973.07 698.98 972.33C699.8 971.6 700.75 971.04 701.79 970.68C702.83 970.31 703.92 970.16 705.02 970.22C722.14 970.94 739.2 967.77 754.91 960.93C756.9 959.96 759.2 959.82 761.3 960.55C763.39 961.27 765.11 962.8 766.08 964.79C767.05 966.78 767.19 969.08 766.47 971.18C765.74 973.27 764.22 974.99 762.22 975.96C745.92 983.22 728.29 987.01 710.45 987.09Z" fill="#900EFF"/>
+<mask id="mask5_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="922" y="760" width="511" height="372">
+<path d="M922.09 951.061C922.09 951.061 1144.13 894.031 1260.14 824.551C1376.15 755.071 1378.29 748.121 1414.17 774.741C1450.04 801.361 1437.23 883.051 1347.89 943.881C1258.55 1004.71 953.38 1131.78 953.38 1131.78L922.09 951.061Z" fill="white"/>
+</mask>
+<g mask="url(#mask5_75_205)">
+<path d="M922.09 951.061C922.09 951.061 1144.13 894.031 1260.14 824.551C1376.15 755.071 1378.29 748.121 1414.17 774.741C1450.04 801.361 1437.23 883.051 1347.89 943.881C1258.55 1004.71 953.38 1131.78 953.38 1131.78L922.09 951.061Z" fill="#FFF5D7"/>
+<path d="M1087.01 1081.19C1085.69 1081.19 1084.38 1080.88 1083.21 1080.27C1082.03 1079.67 1081.01 1078.8 1080.24 1077.73C1079.46 1076.66 1078.95 1075.42 1078.75 1074.11C1078.55 1072.81 1078.66 1071.47 1079.08 1070.21C1110.07 976.33 1035.12 921.35 1034.35 920.8C1032.59 919.49 1031.42 917.55 1031.08 915.39C1030.74 913.22 1031.26 911.01 1032.54 909.23C1033.81 907.45 1035.73 906.25 1037.89 905.87C1040.05 905.49 1042.27 905.98 1044.07 907.22C1059.65 919.34 1072.78 934.32 1082.77 951.35C1098.35 977.57 1113.11 1020.39 1094.94 1075.46C1094.39 1077.13 1093.33 1078.58 1091.9 1079.61C1090.48 1080.64 1088.77 1081.19 1087.01 1081.19Z" fill="#FFDB8F"/>
+<path d="M1265.69 999.65H1264.95C1263.86 999.56 1262.79 999.25 1261.82 998.75C1260.84 998.25 1259.97 997.56 1259.27 996.72C1258.56 995.88 1258.02 994.91 1257.69 993.87C1257.35 992.82 1257.23 991.72 1257.32 990.63C1266.29 882.4 1200.78 863.19 1200.13 863.01C1197.99 862.42 1196.18 861.01 1195.08 859.09C1193.98 857.17 1193.69 854.88 1194.28 852.75C1194.86 850.61 1196.27 848.79 1198.2 847.69C1200.12 846.6 1202.4 846.31 1204.54 846.89C1205.38 847.13 1225.42 852.8 1243.89 874C1260.49 893.04 1279.18 928.98 1273.95 992.01C1273.77 994.09 1272.83 996.02 1271.3 997.43C1269.77 998.84 1267.77 999.63 1265.69 999.65Z" fill="#FFDB8F"/>
+<path d="M1392.15 919.19C1390.96 919.2 1389.77 918.96 1388.68 918.47C1387.59 917.98 1386.61 917.27 1385.82 916.37C1385.03 915.48 1384.44 914.42 1384.09 913.28C1383.74 912.13 1383.64 910.93 1383.8 909.74C1388.14 877.02 1379.34 847.31 1357.66 821.45C1347.82 809.64 1336.05 799.57 1322.86 791.67C1320.91 790.62 1319.46 788.84 1318.82 786.72C1318.19 784.6 1318.42 782.31 1319.47 780.36C1320.53 778.41 1322.31 776.96 1324.43 776.32C1326.55 775.69 1328.84 775.92 1330.79 776.98C1345.73 785.72 1359.05 796.96 1370.17 810.21C1394.94 839.51 1405.43 874.68 1400.49 911.93C1400.22 913.95 1399.23 915.8 1397.69 917.14C1396.16 918.48 1394.19 919.21 1392.15 919.19Z" fill="#FFDB8F"/>
+<path d="M975.52 1130.73C974.2 1130.72 972.9 1130.41 971.72 1129.81C970.54 1129.2 969.53 1128.33 968.75 1127.26C967.98 1126.18 967.47 1124.94 967.28 1123.63C967.08 1122.33 967.19 1120.99 967.61 1119.74C992.49 1044.71 928.99 953.231 928.34 952.321C927.14 950.501 926.69 948.291 927.09 946.161C927.49 944.021 928.7 942.121 930.48 940.871C932.26 939.611 934.46 939.101 936.61 939.441C938.76 939.791 940.69 940.951 941.99 942.701C944.83 946.701 1011.02 1041.92 983.46 1125C982.91 1126.66 981.84 1128.12 980.42 1129.14C978.99 1130.17 977.28 1130.73 975.52 1130.73Z" fill="#FFDB8F"/>
+<path d="M1076.1 1087.3C1074.78 1087.3 1073.48 1086.99 1072.3 1086.39C1071.12 1085.79 1070.1 1084.91 1069.33 1083.84C1068.56 1082.77 1068.05 1081.53 1067.84 1080.23C1067.64 1078.92 1067.75 1077.58 1068.17 1076.33C1099.17 982.451 1024.21 927.451 1023.46 926.911C1022.55 926.281 1021.77 925.481 1021.17 924.541C1020.57 923.611 1020.16 922.571 1019.97 921.471C1019.78 920.381 1019.81 919.261 1020.06 918.181C1020.3 917.101 1020.76 916.081 1021.41 915.181C1022.05 914.281 1022.87 913.511 1023.82 912.931C1024.76 912.351 1025.81 911.961 1026.91 911.791C1028 911.621 1029.12 911.661 1030.2 911.931C1031.28 912.201 1032.29 912.671 1033.18 913.331C1048.75 925.461 1061.88 940.441 1071.88 957.461C1087.46 983.681 1102.21 1026.51 1084.04 1081.57C1083.48 1083.24 1082.42 1084.69 1081 1085.72C1079.57 1086.75 1077.86 1087.3 1076.1 1087.3Z" fill="#900EFF"/>
+<path d="M1252.61 1005.23H1251.91C1250.81 1005.14 1249.75 1004.83 1248.77 1004.33C1247.8 1003.83 1246.93 1003.14 1246.22 1002.3C1245.51 1001.46 1244.98 1000.49 1244.64 999.451C1244.31 998.401 1244.18 997.301 1244.27 996.211C1253.26 888.711 1189.79 869.321 1187.04 868.501C1184.98 867.851 1183.25 866.421 1182.22 864.521C1181.19 862.621 1180.94 860.401 1181.51 858.311C1182.09 856.231 1183.45 854.451 1185.32 853.351C1187.18 852.251 1189.39 851.921 1191.5 852.421C1192.35 852.641 1212.39 858.321 1230.86 879.511C1247.45 898.571 1266.14 934.491 1260.93 997.531C1260.76 999.621 1259.81 1001.58 1258.27 1003C1256.73 1004.43 1254.71 1005.22 1252.61 1005.23Z" fill="#900EFF"/>
+<path d="M1380.19 926.411C1379.83 926.431 1379.46 926.431 1379.09 926.411C1377.99 926.271 1376.93 925.921 1375.96 925.371C1375 924.821 1374.15 924.081 1373.48 923.201C1372.8 922.311 1372.31 921.311 1372.03 920.231C1371.75 919.161 1371.69 918.041 1371.84 916.941C1376.19 884.221 1367.38 854.511 1345.7 828.651C1335.84 816.841 1324.05 806.771 1310.83 798.871C1308.88 797.821 1307.43 796.041 1306.8 793.921C1306.16 791.791 1306.4 789.511 1307.45 787.561C1308.5 785.611 1310.28 784.161 1312.41 783.521C1314.53 782.891 1316.82 783.121 1318.76 784.181C1333.67 792.931 1346.97 804.171 1358.08 817.411C1382.92 846.791 1393.41 881.871 1388.54 919.141C1388.28 921.171 1387.28 923.021 1385.75 924.361C1384.21 925.701 1382.23 926.431 1380.19 926.411Z" fill="#900EFF"/>
+</g>
+<path d="M953.38 1140.13C951.41 1140.13 949.5 1139.43 947.99 1138.16C946.49 1136.9 945.48 1135.14 945.14 1133.19L913.88 952.48C913.52 950.41 913.95 948.28 915.09 946.52C916.23 944.75 917.99 943.48 920.02 942.96C922.23 942.39 1142.16 885.44 1255.85 817.38C1267.94 810.13 1278.8 803.57 1288.57 797.65C1373.61 746.21 1382.52 740.87 1419.14 768.04C1433.76 778.9 1441.56 797.05 1441.11 819.18C1440.67 839.98 1433.04 862.61 1418.99 884.65C1403.39 909.16 1381.05 931.42 1352.59 950.78C1263.56 1011.37 969.08 1134.28 956.58 1139.51C955.57 1139.92 954.48 1140.13 953.38 1140.13ZM931.66 957.19L959.84 1120C1012.44 1097.85 1264.5 990.56 1343.22 936.96C1402.14 896.88 1423.8 849.65 1424.44 818.83C1424.77 802.26 1419.43 788.99 1409.2 781.45C1382.1 761.41 1381.58 760.94 1297.3 811.93C1287.5 817.86 1276.63 824.44 1264.52 831.69C1159.31 894.68 971.9 946.47 931.63 957.19H931.66Z" fill="#900EFF"/>
+<path d="M944.28 1168.99C999.39 1063.6 932.85 962.269 907.38 929.499C904.92 926.419 901.45 924.309 897.59 923.529C893.72 922.759 889.7 923.389 886.25 925.289L870.04 934.289C867.97 935.449 866.18 937.019 864.78 938.919C863.37 940.819 862.39 942.999 861.9 945.309C861.4 947.619 861.41 950.009 861.91 952.319C862.41 954.629 863.4 956.799 864.81 958.699C888.67 990.529 937.58 1069.58 913.53 1156.96C912.68 1160.11 912.77 1163.44 913.8 1166.54C914.83 1169.63 916.75 1172.35 919.31 1174.36C921.88 1176.38 924.98 1177.59 928.24 1177.84C931.49 1178.1 934.74 1177.4 937.59 1175.82C940.43 1174.24 942.76 1171.86 944.28 1168.99Z" fill="#FFF5D7"/>
+<path d="M929.48 1186.37C923.89 1186.35 918.47 1184.45 914.09 1180.96C910.19 1177.96 907.29 1173.86 905.75 1169.19C904.21 1164.51 904.12 1159.49 905.48 1154.76C928.71 1070.33 880.09 993.02 858.13 963.71C856 960.86 854.5 957.58 853.74 954.11C852.98 950.63 852.97 947.031 853.71 943.551C854.45 940.071 855.93 936.791 858.05 933.931C860.16 931.071 862.87 928.69 865.98 926.96L882.19 917.96C887.38 915.06 893.44 914.131 899.26 915.311C905.08 916.501 910.29 919.74 913.93 924.44C926.89 941.14 950.67 975.681 964.03 1019.64C980.55 1074.07 976.39 1125.63 951.66 1172.91C949.53 1176.97 946.33 1180.37 942.42 1182.75C938.5 1185.13 934.01 1186.4 929.43 1186.42L929.48 1186.37ZM894.4 931.45C892.98 931.46 891.59 931.821 890.34 932.511L874.14 941.511C873.11 942.081 872.22 942.87 871.51 943.82C870.81 944.76 870.32 945.85 870.08 947C869.83 948.16 869.83 949.35 870.08 950.5C870.34 951.65 870.83 952.741 871.54 953.681C894.92 984.971 946.81 1067.64 921.64 1159.12C921.21 1160.68 921.26 1162.34 921.77 1163.89C922.28 1165.43 923.23 1166.79 924.51 1167.79C925.79 1168.79 927.34 1169.4 928.96 1169.52C930.58 1169.65 932.2 1169.3 933.62 1168.5C935.05 1167.7 936.21 1166.5 936.96 1165.05C988.9 1065.75 929.03 970.791 900.87 934.561C900.09 933.581 899.1 932.79 897.97 932.25C896.84 931.71 895.6 931.44 894.35 931.45H894.4Z" fill="#900EFF"/>
+<mask id="mask6_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1509" y="687" width="293" height="815">
+<path d="M1676.59 703.689C1688.24 716.309 1695.61 732.299 1697.63 749.369C1707.42 827.869 1801.03 1474.83 1801.03 1474.83V1485.99C1801.03 1490.2 1799.36 1494.24 1796.38 1497.22C1793.4 1500.2 1789.36 1501.87 1785.15 1501.87H1520.07C1517.2 1501.87 1514.44 1500.73 1512.41 1498.7C1510.37 1496.66 1509.23 1493.91 1509.23 1491.03V1476.25L1588.73 1393.99C1588.73 1393.99 1597.08 856.699 1592.36 799.939C1585.81 721.609 1632.14 656.269 1676.59 703.689Z" fill="white"/>
+</mask>
+<g mask="url(#mask6_75_205)">
+<path d="M1676.59 703.689C1688.24 716.309 1695.61 732.299 1697.63 749.369C1707.42 827.869 1801.03 1474.83 1801.03 1474.83V1485.99C1801.03 1490.2 1799.36 1494.24 1796.38 1497.22C1793.4 1500.2 1789.36 1501.87 1785.15 1501.87H1520.07C1517.2 1501.87 1514.44 1500.73 1512.41 1498.7C1510.37 1496.66 1509.23 1493.91 1509.23 1491.03V1476.25L1588.73 1393.99C1588.73 1393.99 1597.08 856.699 1592.36 799.939C1585.81 721.609 1632.14 656.269 1676.59 703.689Z" fill="#FFF5D7"/>
+<path d="M1686.12 677.029C1686.12 677.029 1661.4 754.409 1636.72 953.919C1609.61 1173.16 1588.73 1393.99 1588.73 1393.99L1567.25 689.789L1686.12 677.029Z" fill="#FFDB8F"/>
+</g>
+<path d="M1785.15 1510.23H1520.07C1514.98 1510.22 1510.1 1508.2 1506.51 1504.6C1502.91 1501 1500.89 1496.12 1500.88 1491.03V1476.25C1500.88 1474.09 1501.72 1472 1503.22 1470.44L1580.43 1390.56C1581.13 1345.26 1588.5 854.04 1584.04 800.65C1579.55 746.98 1599.07 696.33 1629.5 682.81C1639.77 678.26 1660.35 674.15 1682.68 697.98C1695.57 711.87 1703.7 729.51 1705.88 748.34C1715.55 825.85 1808.33 1467.17 1809.26 1473.63C1809.29 1474.03 1809.29 1474.43 1809.26 1474.83V1485.99C1809.26 1492.4 1806.72 1498.54 1802.2 1503.08C1797.68 1507.62 1791.55 1510.19 1785.15 1510.23ZM1517.58 1479.63V1491.03C1517.58 1491.69 1517.85 1492.33 1518.31 1492.79C1518.78 1493.26 1519.41 1493.52 1520.07 1493.52H1785.15C1787.14 1493.52 1789.06 1492.72 1790.47 1491.31C1791.88 1489.9 1792.68 1487.99 1792.68 1485.99V1475.44C1789.34 1452.5 1698.9 827.04 1689.33 750.41C1687.58 735.08 1680.98 720.72 1670.49 709.4C1658.8 696.98 1647.34 693.17 1636.28 698.08C1615.41 707.35 1596.37 747.73 1600.68 799.26C1605.4 855.78 1597.43 1372.13 1597.08 1394.11C1597.05 1396.24 1596.22 1398.27 1594.75 1399.79L1517.58 1479.63Z" fill="#900EFF"/>
+<path d="M1801.08 1467.9H1509.23C1507.02 1467.9 1504.89 1468.78 1503.33 1470.35C1501.76 1471.91 1500.88 1474.04 1500.88 1476.25V1491.03C1500.89 1496.12 1502.91 1501 1506.51 1504.6C1510.1 1508.2 1514.98 1510.22 1520.07 1510.22H1785.15C1791.57 1510.22 1797.73 1507.66 1802.27 1503.12C1806.82 1498.57 1809.37 1492.42 1809.38 1485.99V1476.25C1809.38 1474.05 1808.51 1471.93 1806.95 1470.37C1805.4 1468.8 1803.29 1467.92 1801.08 1467.9Z" fill="#900EFF"/>
+<path d="M1652.33 1418.5C1652.13 1416.6 1651.28 1414.82 1649.92 1413.47C1648.56 1412.12 1646.77 1411.28 1644.87 1411.08C1639.69 1409.41 1614.52 1397.49 1592.46 1386.52C1590.87 1385.73 1589.07 1385.46 1587.32 1385.76C1585.58 1386.06 1583.97 1386.91 1582.74 1388.19L1561.18 1410.48C1560.05 1411.64 1559.29 1413.1 1558.97 1414.68C1558.66 1416.26 1558.81 1417.9 1559.41 1419.4C1560.01 1420.9 1561.03 1422.19 1562.35 1423.12C1563.67 1424.05 1565.23 1424.58 1566.84 1424.65L1643.37 1427.72H1644.2C1644.86 1427.71 1645.51 1427.61 1646.14 1427.42C1648.06 1426.92 1649.75 1425.74 1650.88 1424.1C1652.02 1422.47 1652.53 1420.48 1652.33 1418.5Z" fill="#900EFF"/>
+<path d="M1769.71 1493.52H8.71902C6.50402 1493.52 4.38003 1494.4 2.81403 1495.97C1.24803 1497.53 0.368042 1499.66 0.368042 1501.87C0.368042 1504.09 1.24803 1506.21 2.81403 1507.78C4.38003 1509.34 6.50402 1510.22 8.71902 1510.22H1769.71C1771.93 1510.22 1774.05 1509.34 1775.62 1507.78C1777.19 1506.21 1778.07 1504.09 1778.07 1501.87C1778.07 1499.66 1777.19 1497.53 1775.62 1495.97C1774.05 1494.4 1771.93 1493.52 1769.71 1493.52Z" fill="#900EFF"/>
+<path d="M319.24 988.199H132.781C128.169 988.199 124.43 991.939 124.43 996.549V1501.87C124.43 1506.48 128.169 1510.22 132.781 1510.22H319.24C323.852 1510.22 327.591 1506.48 327.591 1501.87V996.549C327.591 991.939 323.852 988.199 319.24 988.199Z" fill="#900EFF"/>
+<path d="M609.62 1201.72H423.16C418.547 1201.72 414.809 1205.46 414.809 1210.07V1501.87C414.809 1506.48 418.547 1510.22 423.16 1510.22H609.62C614.23 1510.22 617.97 1506.48 617.97 1501.87V1210.07C617.97 1205.46 614.23 1201.72 609.62 1201.72Z" fill="#900EFF"/>
+<path d="M895.72 1326.98H709.26C704.65 1326.98 700.91 1330.72 700.91 1335.34V1501.87C700.91 1506.48 704.65 1510.22 709.26 1510.22H895.72C900.33 1510.22 904.07 1506.48 904.07 1501.87V1335.34C904.07 1330.72 900.33 1326.98 895.72 1326.98Z" fill="#900EFF"/>
+<path d="M66.224 1037.79L132.781 996.551V1501.87H66.224V1037.79Z" fill="#FFF5D7"/>
+<path d="M132.781 1510.22H66.2241C64.0091 1510.22 61.8851 1509.34 60.3191 1507.77C58.7531 1506.21 57.873 1504.08 57.873 1501.87V1037.79C57.874 1036.37 58.2381 1034.97 58.9301 1033.73C59.6231 1032.49 60.6221 1031.44 61.8311 1030.69L128.388 989.461C129.653 988.671 131.104 988.241 132.59 988.211C134.077 988.181 135.546 988.541 136.845 989.261C138.144 989.991 139.226 991.041 139.98 992.331C140.733 993.611 141.131 995.071 141.132 996.551V1501.87C141.132 1504.08 140.252 1506.21 138.686 1507.77C137.12 1509.34 134.996 1510.22 132.781 1510.22ZM74.5751 1493.52H124.43V1011.55L74.5751 1042.45V1493.52Z" fill="#900EFF"/>
+<path d="M356.603 1251.31L423.159 1210.07V1501.87H356.603V1251.31Z" fill="#FFF5D7"/>
+<path d="M423.177 1510.22H356.603C354.388 1510.22 352.264 1509.34 350.698 1507.77C349.132 1506.21 348.252 1504.08 348.252 1501.87V1251.34C348.253 1249.92 348.617 1248.52 349.309 1247.28C350.002 1246.03 351.001 1244.99 352.21 1244.24L418.751 1203.01C420.016 1202.22 421.468 1201.78 422.957 1201.75C424.446 1201.71 425.918 1202.08 427.219 1202.8C428.521 1203.52 429.605 1204.58 430.36 1205.87C431.115 1207.15 431.512 1208.61 431.511 1210.1V1501.9C431.502 1504.11 430.621 1506.22 429.059 1507.78C427.497 1509.34 425.383 1510.21 423.177 1510.22ZM364.97 1493.52H414.826V1225.07L364.954 1255.98L364.97 1493.52Z" fill="#900EFF"/>
+<path d="M709.26 1335.34V1501.87H642.72V1376.57L709.26 1335.34Z" fill="#FFF5D7"/>
+<path d="M709.26 1510.22H642.71C640.49 1510.22 638.37 1509.34 636.8 1507.78C635.23 1506.21 634.35 1504.09 634.35 1501.87V1376.61C634.36 1375.18 634.72 1373.79 635.41 1372.54C636.1 1371.3 637.1 1370.26 638.31 1369.51L704.87 1328.27C706.13 1327.49 707.58 1327.06 709.07 1327.03C710.56 1326.99 712.03 1327.36 713.33 1328.08C714.63 1328.8 715.71 1329.86 716.46 1331.14C717.21 1332.42 717.61 1333.88 717.61 1335.37V1501.9C717.6 1504.11 716.72 1506.23 715.16 1507.79C713.59 1509.35 711.47 1510.22 709.26 1510.22ZM651.06 1493.52H700.91V1350.34L651.06 1381.25V1493.52Z" fill="#900EFF"/>
+</svg>
diff --git a/ci4app/public/assets/raven/images/illustrations/analytic.png b/ci4app/public/assets/raven/images/illustrations/analytic.png
new file mode 100644
index 0000000..9b7b412
Binary files /dev/null and b/ci4app/public/assets/raven/images/illustrations/analytic.png differ
diff --git a/ci4app/public/assets/raven/images/illustrations/courses.png b/ci4app/public/assets/raven/images/illustrations/courses.png
new file mode 100644
index 0000000..4d049e2
Binary files /dev/null and b/ci4app/public/assets/raven/images/illustrations/courses.png differ
diff --git a/ci4app/public/assets/raven/images/illustrations/education.svg b/ci4app/public/assets/raven/images/illustrations/education.svg
new file mode 100644
index 0000000..1f33030
--- /dev/null
+++ b/ci4app/public/assets/raven/images/illustrations/education.svg
@@ -0,0 +1,201 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="512" height="512">
+<g>
+	<path style="fill:#FFFFFF;" d="M483.327,160.005c11.034-10.276,19.367-23.228,24.101-37.457c3.034-9.123,4.572-18.671,4.572-28.379   c0-49.574-40.332-89.905-89.906-89.905c-36.832,0-69.818,22.921-83.364,56.23c-14.733-5.401-29.931-9.166-45.479-11.268   c2.662-3.851,3.197-8.978,1.041-13.477c-2.225-4.569-6.943-7.52-12.021-7.52c-1.419,0-2.971,0.261-4.334,0.724l-0.058,0.02   l-117.9,6.001c-5.775,0.294-10.639,4.411-11.885,10.056c-0.338,1.538-0.386,3.086-0.173,4.578c-1.908-1.07-4.072-1.644-6.287-1.644   c-1.147,0-2.307,0.152-3.452,0.472l-24.672,6.889L97.006,29.616c-2.411-3.757-6.525-5.904-10.804-5.904   c-1.381,0-2.781,0.223-4.146,0.689c-5.591,1.909-9.156,7.385-8.642,13.269l3.015,34.401L54.733,86.16   c-4.755,3.088-6.921,8.926-5.331,14.367c1.59,5.441,6.56,9.196,12.229,9.237l19.377,0.142l0.068,0.457   C60.555,121.55,45.793,147.658,44.343,178.6c-0.285,2.366-0.315,4.797-0.09,7.176c0.236,11.703,2.365,22.772,6.009,32.674   c-1.638,7.424-2.905,14.948-3.762,22.533c-2.602,1.95-4.443,4.87-4.982,8.259l-5.937,37.313l-26.911,9.237   c-5.362,1.841-8.881,6.979-8.661,12.643c0.222,5.664,4.132,10.512,9.62,11.929l21.025,5.426l-2.511,25.834   c-0.58,5.963,3.041,11.534,8.725,13.424c1.335,0.445,2.701,0.658,4.049,0.658c4.392,0,8.601-2.263,10.978-6.183l8.343-13.755   c6.055,15.382,13.846,30.029,23.255,43.703c-5.243,5.382-13.036,16.665-11.613,35.282c0.769,10.163,3.251,17.959,5.972,23.667   c-3.734,5.629-6.949,13.796-5.955,24.687c1.916,21.262,13.987,30.984,15.357,32.023c2.232,1.69,4.954,2.605,7.754,2.605h361.736   c7.089,0,12.838-5.748,12.838-12.838v-98.521c0-5.786-3.83-10.679-9.091-12.281v-23.502c0.477-0.986,0.945-1.972,1.402-2.954   l21.141-2.276c6.172-0.664,10.984-5.652,11.429-11.843c0.445-6.193-3.604-11.815-9.618-13.358l-11.504-2.948   c3.797-12.978,6.373-26.3,7.702-39.835l4.983,0.307c0.265,0.015,0.529,0.023,0.79,0.023c5.317,0,10.123-3.293,12.012-8.322   c1.983-5.276,0.293-11.229-4.168-14.674l-12.821-9.904c-0.426-8.571-1.352-17.133-2.768-25.566l5.002-13.322   c2.077-5.531,0.111-11.761-4.76-15.102c-2.198-1.507-4.733-2.248-7.257-2.248c-0.154,0-0.309,0.002-0.464,0.008   c-2.635-8.165-5.75-16.17-9.333-23.97c7.468-3.742,14.43-8.525,20.581-14.175C483.007,160.298,483.168,160.153,483.327,160.005z"/>
+	<g>
+		<g>
+			<circle style="fill:#BD6EEB;" cx="262.515" cy="265.736" r="205.672"/>
+		</g>
+		<g>
+			<g>
+				<path style="fill:#FFF3EA;" d="M431.86,199.411c0,8.273-6.706,14.979-14.979,14.979c-8.273,0-14.979-6.706-14.979-14.979      c0-8.272,6.706-14.979,14.979-14.979C425.154,184.432,431.86,191.138,431.86,199.411z"/>
+			</g>
+			<g>
+				<path style="fill:#512651;" d="M290.51,93.757c-5.4,0-9.792-4.393-9.792-9.793c0-5.4,4.393-9.792,9.792-9.792      c5.4,0,9.792,4.393,9.792,9.792C300.303,89.364,295.91,93.757,290.51,93.757z M290.51,74.725c-5.095,0-9.239,4.145-9.239,9.239      c0,5.095,4.144,9.239,9.239,9.239c5.095,0,9.239-4.145,9.239-9.239C299.75,78.87,295.605,74.725,290.51,74.725z"/>
+			</g>
+			<g>
+				<path style="fill:#FFF3EA;" d="M88.8,220.169c0,5.255-4.26,9.516-9.516,9.516c-5.256,0-9.516-4.26-9.516-9.516      c0-5.256,4.261-9.516,9.516-9.516C84.54,210.653,88.8,214.914,88.8,220.169z"/>
+			</g>
+			<g>
+				<path style="fill:#512651;" d="M416.882,331.204c-8.412,0-15.256-6.844-15.256-15.255c0-8.412,6.844-15.255,15.256-15.255      c8.412,0,15.255,6.844,15.255,15.255C432.137,324.361,425.294,331.204,416.882,331.204z M416.882,301.247      c-8.107,0-14.703,6.596-14.703,14.702c0,8.107,6.596,14.702,14.703,14.702c8.106,0,14.702-6.596,14.702-14.702      C431.584,307.843,424.988,301.247,416.882,301.247z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<path style="fill:#7182FF;" d="M446.562,346.062v54.816H102.497c0,0-6.29-5.991-8.9-20.133       c-0.428-2.225-0.728-4.643-0.92-7.274c-1.412-19.406,9.82-27.408,9.82-27.408H446.562z"/>
+				</g>
+				<g>
+					<rect x="124.342" y="346.062" style="fill:#FFB289;" width="11.254" height="54.816"/>
+				</g>
+				<g>
+					<rect x="146.615" y="346.062" style="fill:#FFB289;" width="11.233" height="54.816"/>
+				</g>
+				<g>
+					<rect x="401.545" y="346.062" style="fill:#FFB289;" width="11.233" height="54.816"/>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -211.8972 240.3328)" style="fill:#FFB289;" cx="184.159" cy="375.949" rx="16.752" ry="16.752"/>
+				</g>
+			</g>
+			<g style="opacity:0.16;">
+				<path style="fill:#512651;" d="M446.562,346.062v34.682H93.596c-0.428-2.225-0.728-4.643-0.92-7.274      c-1.412-19.406,9.82-27.408,9.82-27.408H446.562z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<path style="fill:#FF8C9D;" d="M455.653,396.378v54.816H93.916c0,0-8.863-8.023-10.325-27.408      c-1.485-19.406,10.325-27.408,10.325-27.408H455.653z"/>
+			</g>
+			<g>
+				<ellipse style="fill:#FFF3EA;" cx="129.969" cy="426.267" rx="16.011" ry="16.752"/>
+			</g>
+			<g>
+				<rect x="176.292" y="416.347" style="fill:#FFF3EA;" width="207.501" height="18.209"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<path style="fill:#FFB289;" d="M455.653,449.011v45.887H93.916c0,0-8.863-6.716-10.325-22.944      c-1.485-16.245,10.325-22.943,10.325-22.943H455.653z"/>
+			</g>
+			<g>
+				<rect x="176.292" y="465.727" style="fill:#FFF3EA;" width="207.501" height="15.243"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<g>
+						<path style="fill:#512651;" d="M92.553,130.405v221.472l302-31.32V102.456c0-7.601-6.567-13.537-14.129-12.772        l-276.325,27.949C97.543,118.296,92.553,123.816,92.553,130.405z"/>
+					</g>
+				</g>
+				<g>
+					<g>
+						<polygon style="fill:#FFF3EA;" points="101.68,130.234 101.68,343.911 385.427,315.199 385.427,102.23       "/>
+					</g>
+					<g>
+						<polygon style="fill:#512651;" points="92.553,351.878 232.007,369.359 480.567,342.6 394.553,320.558       "/>
+					</g>
+					<g>
+						<g>
+							<path style="fill:#7182FF;" d="M188.92,186.847c-6.591-5.363-16.026-6.909-24.058-4.133         c-8.031,2.775-14.447,9.706-16.806,17.869c-2.36,8.163-0.684,17.345,4.227,24.279c-5.34,8.233-10.071,19.923-8.785,29.651         c1.286,9.729,8.568,19.048,18.286,20.41c2.902,0.407,5.851,0.117,8.767-0.173c2.511,7.932,11.006,13.86,19.085,15.849         c8.079,1.988,16.916-0.014,23.739-4.775c6.823-4.761,11.66-12.108,13.988-20.096c4.253,5.765,9.851,11.336,16.511,13.976         c7.677,3.043,16.702,1.996,23.841-2.154c7.139-4.15,12.399-11.192,15.029-19.02c7.761,9.049,20.834,12.16,32.347,9.066         c11.513-3.094,20.837-13.181,23.018-24.901c-0.14,0.761,8.025-0.77,8.757-0.969c4.504-1.228,8.213-4.863,10.581-8.808         c7.479-12.461,5.091-32.248-6.801-41.307c-2.031-1.547-4.286-2.811-6.69-3.679c-0.567-0.205-7.123-1.832-7.152-1.33         c0.455-7.893-4.298-15.98-10.914-20.307c-6.617-4.326-14.888-5.607-22.756-4.835c-4.2,0.412-8.545,1.478-11.667,4.318         c-6.324-9.905-20.307-13.139-31.359-9.146c-11.052,3.993-19.241,13.745-24.049,24.468c-0.649-3.853-3.915-7.353-7.175-9.508         c-6.857-4.533-15.824-5.715-23.621-3.112C197.464,171.084,191.679,179.104,188.92,186.847z"/>
+						</g>
+						<g>
+							<g>
+								<g>
+									<path style="fill:#FFF3EA;" d="M198.253,208.335l19.612,31.606c0.819,1.279,1.263,2.258,1.334,2.935           c0.15,1.43-0.867,2.848-3.052,4.241c-1.282,0.817-2.381,1.276-3.295,1.374c-0.638,0.067-1.223-0.055-1.757-0.362           c-0.537-0.302-0.932-0.643-1.195-1.017c-0.262-0.377-0.632-0.938-1.111-1.696l-3.783-6.116l-16.528,1.737l-2.426,6.769           c-0.316,0.84-0.561,1.447-0.744,1.832c-0.181,0.379-0.499,0.784-0.957,1.212c-0.458,0.436-1.005,0.681-1.643,0.748           c-0.915,0.095-2.084-0.121-3.507-0.658c-2.425-0.869-3.71-2.022-3.86-3.452c-0.072-0.678,0.158-1.729,0.693-3.148           l12.605-35.053c0.342-0.963,0.931-1.767,1.769-2.421c0.833-0.649,1.752-1.027,2.746-1.133           C195.3,205.508,197,206.377,198.253,208.335z M194.924,223.165l-3.076,8.588l7.934-0.835L194.924,223.165z"/>
+								</g>
+							</g>
+							<g>
+								<g>
+									<path style="fill:#FFF3EA;" d="M266.622,219.718c2.638,2.537,4.14,5.539,4.504,8.999c0.339,3.988-0.649,7.412-2.963,10.265           c-2.413,3.07-5.508,4.803-9.287,5.201l-15.694,1.649c-1.035,0.107-1.9,0.1-2.6-0.03c-0.694-0.128-1.237-0.311-1.626-0.551           c-0.385-0.242-0.698-0.628-0.936-1.169c-0.237-0.538-0.387-0.991-0.445-1.372c-0.061-0.376-0.128-0.941-0.208-1.697           l-3.482-33.119c-0.1-0.954-0.144-1.652-0.131-2.098c0.015-0.442,0.147-0.98,0.404-1.611           c0.255-0.632,0.749-1.103,1.479-1.422c0.731-0.321,1.733-0.544,3.007-0.677l15.036-1.581           c3.661-0.385,6.858,0.566,9.592,2.85c2.858,2.32,4.478,5.285,4.858,8.904C268.405,214.883,267.903,217.375,266.622,219.718           z M260.496,229.17c-0.097-0.913-0.284-1.639-0.561-2.172c-0.277-0.536-0.687-0.881-1.225-1.051           c-0.542-0.162-1.013-0.254-1.417-0.272s-1.004,0.015-1.8,0.1c-1.551,0.163-2.716,0.004-3.489-0.481           c-0.774-0.482-1.257-1.616-1.444-3.407c-0.175-1.668,0.075-2.823,0.752-3.457c0.677-0.633,1.873-1.042,3.583-1.22           c0.515-0.056,0.911-0.116,1.186-0.185c0.275-0.069,0.57-0.21,0.89-0.427c0.318-0.214,0.525-0.538,0.622-0.969           c0.095-0.432,0.105-1.008,0.03-1.725c-0.135-1.274-0.548-2.072-1.249-2.401c-0.698-0.328-1.704-0.423-3.017-0.285           l-8.353,0.878l2.377,22.613l9.786-1.028c0.398-0.043,0.734-0.106,1.006-0.193c0.271-0.09,0.646-0.271,1.12-0.542           c0.474-0.268,0.816-0.729,1.031-1.376C260.537,230.926,260.596,230.124,260.496,229.17z"/>
+								</g>
+							</g>
+							<g>
+								<g>
+									<path style="fill:#FFF3EA;" d="M317.906,226.139l0.331-0.273c1.268-0.938,2.181-1.438,2.738-1.499           c1.234-0.13,2.685,0.849,4.35,2.927c1.021,1.298,1.577,2.386,1.67,3.259c0.082,0.795-0.114,1.499-0.591,2.113           c-0.479,0.616-1.221,1.298-2.231,2.045c-0.33,0.276-0.804,0.647-1.421,1.116c-0.614,0.469-1.901,1.124-3.864,1.977           c-1.961,0.848-3.958,1.377-5.987,1.589c-1.75,0.185-3.616,0.132-5.596-0.164c-1.981-0.296-4.059-0.92-6.231-1.877           c-2.173-0.958-4.163-2.198-5.973-3.715c-1.808-1.519-3.379-3.548-4.711-6.081c-1.332-2.535-2.162-5.376-2.494-8.52           c-0.322-3.06-0.1-5.909,0.669-8.546c0.769-2.633,1.872-4.861,3.31-6.683c1.438-1.819,3.132-3.406,5.082-4.756           c1.949-1.353,3.882-2.381,5.801-3.084c1.916-0.706,3.789-1.156,5.62-1.348c1.87-0.195,3.799-0.102,5.789,0.269           c1.991,0.374,3.514,0.807,4.573,1.298l1.518,0.686c0.764,0.365,1.348,0.67,1.759,0.929c0.409,0.26,0.81,0.632,1.201,1.113           c0.393,0.479,0.621,1.017,0.683,1.62c0.104,0.994-0.199,2.107-0.914,3.35c-1.325,2.313-2.605,3.532-3.836,3.663           c-0.716,0.075-1.776-0.255-3.181-0.994c-1.814-1.174-4.112-1.619-6.898-1.324c-1.234,0.127-2.483,0.491-3.747,1.086           c-1.264,0.596-2.456,1.396-3.577,2.398c-1.124,1.002-1.999,2.342-2.627,4.017c-0.63,1.672-0.837,3.507-0.629,5.497           c0.213,2.026,0.801,3.794,1.763,5.301c0.963,1.511,2.109,2.645,3.436,3.412c1.328,0.767,2.672,1.298,4.029,1.596           c1.36,0.302,2.635,0.388,3.829,0.263c1.233-0.13,2.379-0.41,3.441-0.849c1.06-0.43,1.812-0.831,2.257-1.2L317.906,226.139z           "/>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+			<g>
+				<path style="fill:#FFF3EA;" d="M92.553,352.016c-0.07,0-0.131-0.053-0.137-0.124c-0.009-0.076,0.047-0.144,0.123-0.152      l302-31.32c0.072-0.012,0.145,0.048,0.151,0.124c0.009,0.076-0.046,0.144-0.123,0.152l-302,31.32      C92.563,352.016,92.557,352.016,92.553,352.016z"/>
+			</g>
+			<g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M232.39,365.135l-105.825-13.12c-0.07-0.009-0.122-0.069-0.121-0.139       c0.001-0.071,0.054-0.129,0.124-0.136l264.942-26.212c0.02-0.002,0.032,0,0.048,0.003l64.13,15.842       c0.065,0.016,0.109,0.077,0.105,0.144c-0.004,0.067-0.057,0.121-0.124,0.128L232.39,365.135z M127.831,351.894l104.561,12.966       l222.461-23.407l-63.34-15.647L127.831,351.894z"/>
+				</g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M147.202,354.483c-0.07,0-0.131-0.053-0.137-0.124c-0.009-0.076,0.048-0.144,0.123-0.152       l255.247-25.766c0.087-0.01,0.144,0.048,0.151,0.124c0.009,0.076-0.047,0.144-0.123,0.152l-255.247,25.766       C147.211,354.483,147.207,354.483,147.202,354.483z"/>
+				</g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M167.006,356.668c-0.07,0-0.131-0.053-0.137-0.124c-0.009-0.076,0.046-0.144,0.123-0.152       l245.549-25.402c0.073-0.015,0.145,0.048,0.151,0.124c0.009,0.076-0.046,0.144-0.123,0.152L167.02,356.668       C167.015,356.668,167.01,356.668,167.006,356.668z"/>
+				</g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M188.856,359.399c-0.07,0-0.13-0.052-0.137-0.124c-0.009-0.076,0.046-0.144,0.122-0.152       l235.717-25.128c0.086-0.01,0.144,0.047,0.152,0.123c0.009,0.076-0.046,0.144-0.122,0.152l-235.717,25.128       C188.866,359.399,188.86,359.399,188.856,359.399z"/>
+				</g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M210.434,362.131c-0.07,0-0.13-0.052-0.137-0.123c-0.009-0.076,0.046-0.144,0.122-0.153       l225.884-25.128c0.079-0.004,0.145,0.046,0.152,0.123c0.009,0.076-0.046,0.144-0.122,0.153L210.449,362.13       C210.444,362.131,210.44,362.131,210.434,362.131z"/>
+				</g>
+			</g>
+			<g style="opacity:0.34;">
+				<polygon style="fill:#FFF3EA;" points="101.68,130.234 385.697,315.104 101.68,343.911     "/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<path style="fill:#FFB289;" d="M498.07,94.169c0,8.494-1.369,16.668-3.915,24.327c-4.129,12.41-11.318,23.407-20.668,32.115      c-0.021,0-0.021,0-0.021,0c-13.757,12.816-32.201,20.647-52.462,20.647c-20.133,0-38.448-7.702-52.184-20.347      c-0.021,0-0.021,0-0.021,0c-8.901-8.216-15.876-18.507-20.133-30.082c-3.081-8.301-4.75-17.288-4.75-26.659      c0-42.556,34.511-77.067,77.089-77.067C463.559,17.101,498.07,51.613,498.07,94.169z"/>
+			</g>
+			<g>
+				<g>
+					<g>
+						<path style="fill:#512651;" d="M389.369,102.673c0,4.073-3.302,7.375-7.375,7.375c-4.073,0-7.375-3.302-7.375-7.375        c0-4.073,3.302-7.375,7.375-7.375C386.067,95.298,389.369,98.6,389.369,102.673z"/>
+					</g>
+					<g>
+						<circle style="fill:#512651;" cx="459.993" cy="102.673" r="7.375"/>
+					</g>
+				</g>
+				<g>
+					<path style="fill:#512651;" d="M421.383,127.917c-0.762,0-1.524-0.032-2.285-0.096c-6.603-0.559-15.707-4.552-19.512-10.267       c-0.143-0.214-0.085-0.504,0.13-0.647c0.212-0.141,0.504-0.085,0.646,0.13c3.65,5.48,12.432,9.314,18.815,9.855       c9.687,0.821,19.98-4.125,24.448-11.759c0.131-0.223,0.414-0.297,0.638-0.167c0.223,0.13,0.297,0.416,0.167,0.638       C440.066,123.059,430.821,127.917,421.383,127.917z"/>
+				</g>
+			</g>
+			<g>
+				<path style="fill:#FF8C9D;" d="M387.176,130.542c0,10.591-8.066,19.299-18.358,20.369c-0.021,0-0.021,0-0.021,0      c-8.901-8.216-15.876-18.507-20.133-30.082c3.444-6.419,10.249-10.784,18.037-10.784      C377.997,110.044,387.176,119.223,387.176,130.542z"/>
+			</g>
+			<g>
+				<path style="fill:#FF8C9D;" d="M494.154,118.496c-4.129,12.41-11.318,23.407-20.668,32.115c-0.021,0-0.021,0-0.021,0      c-9.35-1.926-16.368-10.184-16.368-20.069c0-11.318,9.179-20.497,20.497-20.497      C484.398,110.044,490.432,113.361,494.154,118.496z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<path style="fill:#512651;" d="M195.637,91.222c-0.085,0-0.169-0.039-0.224-0.113c-0.09-0.123-0.064-0.296,0.059-0.387       c1.151-0.845,2.252-1.757,3.271-2.708c0.115-0.104,0.288-0.098,0.391,0.013c0.105,0.112,0.098,0.287-0.013,0.392       c-1.036,0.966-2.153,1.892-3.321,2.749C195.751,91.204,195.694,91.222,195.637,91.222z"/>
+				</g>
+				<g>
+					<path style="fill:#512651;" d="M111.382,349.947h-0.011c-0.553-0.034-1.129-0.078-1.693-0.133c-0.011,0-0.011,0-0.011,0       c-0.144-0.022-0.243-0.133-0.243-0.276c0-0.011,0-0.022,0-0.033c0.011-0.144,0.155-0.254,0.298-0.244l0.011,0.034v-0.034       c0.532,0.055,1.074,0.089,1.671,0.133c0.144,0.011,0.265,0.133,0.254,0.287C111.648,349.825,111.525,349.947,111.382,349.947z        M105.308,349.161c-0.011,0-0.032,0-0.055,0c-1.438-0.288-2.887-0.653-4.326-1.084c-0.121-0.044-0.199-0.144-0.199-0.266       c0-0.033,0-0.055,0.011-0.089c0.044-0.144,0.2-0.221,0.344-0.177c1.438,0.431,2.876,0.785,4.282,1.062       c0.154,0.033,0.243,0.177,0.22,0.332C105.552,349.073,105.441,349.161,105.308,349.161z M96.823,346.617       c-0.044,0-0.077-0.011-0.11-0.022c-1.349-0.542-2.711-1.161-4.06-1.847c-0.011,0-0.011,0-0.011-0.011       c-0.089-0.044-0.145-0.144-0.145-0.244c0-0.033,0.012-0.077,0.034-0.122c0.067-0.121,0.232-0.188,0.365-0.121       c1.305,0.663,2.656,1.272,4.027,1.825c0.145,0.055,0.211,0.221,0.156,0.365C97.033,346.55,96.934,346.617,96.823,346.617z        M88.901,342.612c-0.055,0-0.099-0.011-0.144-0.044c-1.25-0.763-2.5-1.593-3.716-2.478c-0.067-0.044-0.111-0.133-0.111-0.221       c0-0.056,0.012-0.111,0.055-0.166c0.078-0.122,0.266-0.144,0.388-0.055c1.184,0.863,2.422,1.682,3.673,2.456       c0.066,0.033,0.11,0.099,0.121,0.166c0.023,0.077,0,0.155-0.034,0.21C89.079,342.568,88.99,342.612,88.901,342.612z        M81.711,337.402c-0.066,0-0.121-0.022-0.176-0.066c-1.106-0.93-2.213-1.947-3.297-2.998c-0.055-0.056-0.078-0.122-0.089-0.199       c0-0.077,0.034-0.144,0.089-0.199c0.099-0.099,0.287-0.111,0.387,0c1.063,1.04,2.157,2.036,3.264,2.976       c0.122,0.1,0.133,0.277,0.034,0.387C81.866,337.368,81.788,337.402,81.711,337.402z M75.372,331.184       c-0.078,0-0.154-0.034-0.199-0.089c-0.974-1.106-1.925-2.257-2.833-3.44c-0.044-0.056-0.055-0.111-0.055-0.166       c0-0.088,0.034-0.177,0.11-0.221c0.111-0.099,0.299-0.066,0.388,0.044c0.874,1.161,1.825,2.312,2.798,3.418       c0.101,0.111,0.089,0.288-0.022,0.387C75.505,331.162,75.438,331.184,75.372,331.184z M69.995,324.137       c-0.089,0-0.177-0.055-0.232-0.133c-0.41-0.63-0.83-1.294-1.227-1.958c-0.344-0.575-0.698-1.184-1.074-1.848c0,0,0,0,0-0.011       c-0.022-0.034-0.032-0.078-0.032-0.122c0-0.11,0.044-0.199,0.132-0.254c0.133-0.066,0.31-0.022,0.388,0.111       c0.365,0.664,0.718,1.272,1.062,1.847c0.399,0.653,0.796,1.294,1.216,1.936c0.044,0.066,0.056,0.133,0.044,0.21       c-0.022,0.066-0.066,0.133-0.121,0.177C70.106,324.115,70.05,324.137,69.995,324.137z M65.658,316.393       c-0.11,0-0.209-0.055-0.254-0.155c-0.642-1.339-1.25-2.71-1.803-4.071l-0.012-0.011c0-0.033-0.011-0.066-0.011-0.099       c0-0.111,0.067-0.21,0.166-0.254c0.144-0.056,0.298,0.011,0.365,0.144c0,0.011,0,0.011,0,0.011       c0.011,0.011,0.011,0.022,0.011,0.033c0.564,1.361,1.161,2.711,1.792,4.005c0.066,0.144,0,0.31-0.133,0.376       C65.736,316.393,65.703,316.393,65.658,316.393z M62.284,308.184c-0.11,0-0.222-0.078-0.255-0.188       c-0.475-1.35-0.929-2.788-1.349-4.249c-0.011-0.022-0.011-0.055-0.011-0.077c0-0.121,0.089-0.221,0.199-0.266       c0.144-0.033,0.299,0.044,0.343,0.189l0,0c0.011,0.011,0.011,0.022,0.011,0.022c0.41,1.416,0.851,2.832,1.328,4.204       c0.044,0.144-0.033,0.299-0.166,0.354C62.35,308.184,62.318,308.184,62.284,308.184z M59.829,299.655       c-0.133,0-0.244-0.089-0.277-0.21c-0.321-1.394-0.631-2.854-0.918-4.359c0-0.022,0-0.033,0-0.056       c0-0.133,0.089-0.243,0.222-0.265c0.154-0.034,0.298,0.077,0.321,0.221c0.277,1.471,0.586,2.921,0.917,4.326       c0.023,0.077,0,0.155-0.032,0.21c-0.044,0.066-0.099,0.111-0.177,0.133C59.861,299.655,59.85,299.655,59.829,299.655z        M58.18,290.926c-0.133,0-0.255-0.099-0.277-0.232c-0.211-1.46-0.387-2.954-0.542-4.425c0,0,0-0.011,0-0.022       c0-0.144,0.111-0.266,0.255-0.277s0.277,0.099,0.298,0.244c0.156,1.515,0.344,2.998,0.542,4.403       c0.022,0.144-0.078,0.287-0.232,0.309C58.202,290.926,58.191,290.926,58.18,290.926z M57.284,282.097h-0.012       c-0.154,0-0.277-0.111-0.287-0.254c-0.099-1.494-0.166-2.987-0.211-4.447v-0.011c0-0.155,0.122-0.277,0.266-0.277h0.011       c0.145,0,0.266,0.122,0.277,0.265c0.044,1.527,0.122,3.009,0.211,4.425C57.549,281.954,57.439,282.087,57.284,282.097       L57.284,282.097z M56.985,273.225c-0.154,0-0.287-0.122-0.287-0.277c0.011-1.438,0.034-2.943,0.077-4.447       c0-0.155,0.122-0.265,0.276-0.265h0.012c0.144,0,0.265,0.122,0.265,0.277c-0.043,1.571-0.066,3.02-0.066,4.436       C57.262,273.103,57.129,273.225,56.985,273.225z M57.251,264.352c0,0-0.011-0.011-0.023-0.011       c-0.066,0-0.133-0.034-0.188-0.089c-0.044-0.056-0.077-0.122-0.066-0.199c0.089-1.571,0.21-3.02,0.342-4.436       c0.011-0.155,0.144-0.266,0.299-0.254c0.144,0.022,0.254,0.132,0.254,0.277c0,0.011,0,0.022,0,0.033       c-0.144,1.405-0.254,2.899-0.342,4.414C57.517,264.231,57.395,264.352,57.251,264.352z M58.102,255.513       c-0.011,0-0.022,0-0.032-0.011c-0.078-0.011-0.145-0.044-0.189-0.099c-0.043-0.066-0.055-0.133-0.055-0.21       c0.211-1.483,0.454-2.965,0.73-4.392c0.023-0.144,0.177-0.254,0.321-0.222c0.133,0.022,0.232,0.133,0.232,0.266       c0,0.022,0,0.044-0.011,0.055c0,0.011,0,0.011,0,0.022c-0.266,1.372-0.509,2.844-0.72,4.348       C58.357,255.413,58.246,255.513,58.102,255.513z M59.795,246.795c-0.022,0-0.044,0-0.066-0.011       c-0.078-0.011-0.133-0.067-0.177-0.133c-0.034-0.055-0.044-0.133-0.023-0.199c0.388-1.527,0.797-2.932,1.25-4.281       c0.044-0.144,0.211-0.221,0.344-0.177c0.121,0.044,0.199,0.144,0.199,0.266c0,0.022-0.011,0.055-0.011,0.077       c0,0,0,0-0.011,0.011c0,0.011,0,0.022-0.012,0.033c-0.453,1.372-0.862,2.799-1.227,4.204       C60.038,246.707,59.917,246.795,59.795,246.795z M62.594,238.377c-0.033,0-0.067-0.011-0.099-0.022       c-0.078-0.033-0.133-0.077-0.155-0.155c-0.034-0.066-0.022-0.144,0-0.21c0.078-0.177,0.155-0.354,0.232-0.531       c0.521-1.195,1.085-2.378,1.682-3.496c0.066-0.133,0.232-0.189,0.365-0.122c0.089,0.044,0.155,0.144,0.155,0.244       c0,0.044-0.011,0.089-0.034,0.133c-0.597,1.128-1.151,2.29-1.659,3.463c-0.055,0.111-0.099,0.232-0.154,0.343l-0.078,0.188       C62.804,238.31,62.705,238.377,62.594,238.377z M87.829,237.503c-0.011,0-0.022,0-0.022,0       c-1.494-0.133-2.966-0.442-4.404-0.918c-0.11-0.044-0.188-0.144-0.188-0.265c0-0.033,0-0.066,0.011-0.089       c0.044-0.133,0.211-0.221,0.354-0.177c1.394,0.465,2.832,0.763,4.271,0.896c0.155,0.022,0.265,0.155,0.254,0.31       C88.094,237.392,87.972,237.503,87.829,237.503z M92.254,237.381c-0.133,0-0.254-0.099-0.277-0.232c0-0.011,0-0.022,0-0.033       v-0.011c0-0.133,0.099-0.254,0.232-0.277c1.482-0.232,2.877-0.675,4.149-1.294c0.133-0.066,0.299-0.011,0.365,0.132       c0.067,0.133,0.011,0.299-0.122,0.365c-1.327,0.642-2.766,1.096-4.303,1.339C92.287,237.381,92.265,237.381,92.254,237.381z        M79.454,234.77c-0.043,0-0.099-0.022-0.144-0.044c-1.25-0.719-2.477-1.593-3.661-2.567c-0.067-0.055-0.099-0.132-0.099-0.221       c0-0.056,0.022-0.122,0.055-0.166c0.099-0.121,0.287-0.132,0.399-0.044c1.151,0.962,2.367,1.814,3.584,2.522       c0.067,0.033,0.111,0.099,0.133,0.166c0.023,0.078,0.011,0.144-0.022,0.21C79.643,234.715,79.554,234.77,79.454,234.77z        M100.042,233.453c-0.066,0-0.133-0.033-0.188-0.077s-0.089-0.121-0.089-0.188c0-0.077,0.023-0.144,0.078-0.199       c0.973-1.04,1.77-2.257,2.367-3.618c0.055-0.144,0.221-0.21,0.365-0.144c0.067,0.022,0.11,0.077,0.144,0.144       c0.023,0.078,0.023,0.144-0.011,0.21c-0.608,1.416-1.438,2.689-2.467,3.784C100.186,233.42,100.12,233.453,100.042,233.453z        M66.754,230.544c-0.055,0-0.11-0.022-0.155-0.044c-0.067-0.044-0.111-0.111-0.122-0.177c-0.011-0.078,0-0.155,0.044-0.211       c0.83-1.261,1.715-2.478,2.633-3.606c0.089-0.121,0.277-0.133,0.387-0.044c0.067,0.055,0.1,0.133,0.1,0.21       c0,0.066-0.023,0.133-0.056,0.177c-0.929,1.139-1.803,2.334-2.599,3.562C66.931,230.5,66.842,230.544,66.754,230.544z        M72.606,229.161c-0.078,0-0.144-0.033-0.199-0.089c-0.963-1.029-1.925-2.179-2.866-3.429c-0.032-0.044-0.055-0.1-0.055-0.166       c0-0.088,0.044-0.166,0.111-0.221c0.11-0.089,0.298-0.066,0.387,0.055c0.929,1.228,1.881,2.368,2.821,3.385       c0.055,0.055,0.078,0.122,0.078,0.199c0,0.077-0.034,0.144-0.089,0.199C72.739,229.139,72.672,229.161,72.606,229.161z        M103.472,225.455h-0.012c-0.144-0.011-0.265-0.132-0.265-0.277v-0.011c0.011-0.188,0.022-0.354,0.022-0.52       c0-1.317-0.243-2.567-0.72-3.706c-0.022-0.066-0.022-0.144,0-0.211c0.034-0.066,0.089-0.121,0.156-0.154       c0.133-0.056,0.298,0.011,0.365,0.154c0.497,1.206,0.752,2.523,0.752,3.916c0,0.188-0.011,0.365-0.022,0.542       C103.749,225.345,103.627,225.455,103.472,225.455z M72.34,223.663c-0.078,0-0.144-0.033-0.199-0.089       c-0.111-0.1-0.099-0.277,0-0.387c1.062-1.051,2.19-2.047,3.352-2.965c0.121-0.088,0.298-0.067,0.387,0.056       c0.044,0.044,0.055,0.099,0.066,0.166c0,0.089-0.044,0.166-0.11,0.222c-1.14,0.885-2.246,1.87-3.297,2.909       C72.484,223.629,72.418,223.663,72.34,223.663z M67.218,222.114c-0.089,0-0.177-0.044-0.232-0.122       c-0.785-1.228-1.549-2.511-2.279-3.816c0-0.011,0-0.011,0-0.011c-0.023-0.044-0.034-0.089-0.034-0.133       c-0.011-0.099,0.044-0.199,0.133-0.243c0.133-0.078,0.309-0.022,0.387,0.111c0.697,1.272,1.461,2.544,2.257,3.794       c0.089,0.122,0.044,0.299-0.078,0.377C67.329,222.103,67.274,222.114,67.218,222.114z M79.333,218.22       c-0.099,0-0.188-0.055-0.243-0.132c-0.033-0.066-0.044-0.144-0.033-0.21c0.022-0.078,0.066-0.133,0.133-0.177       c1.106-0.653,2.245-1.239,3.408-1.748c0.188-0.089,0.387-0.166,0.586-0.254l0,0c0.144-0.055,0.31,0.011,0.365,0.155       c0.012,0.033,0.023,0.066,0.023,0.099c0,0.111-0.067,0.21-0.166,0.254l0,0c-0.011,0.011-0.022,0.011-0.034,0.011       c-0.188,0.077-0.364,0.155-0.553,0.232c-1.139,0.509-2.268,1.084-3.351,1.726C79.421,218.209,79.377,218.22,79.333,218.22z        M100.175,217.545c-0.066,0-0.122-0.022-0.177-0.066c-1.039-0.907-2.301-1.615-3.75-2.102       c-0.078-0.022-0.133-0.066-0.166-0.133c-0.034-0.066-0.034-0.144-0.011-0.21c0.044-0.144,0.199-0.221,0.342-0.177       c1.516,0.509,2.854,1.25,3.95,2.201c0.055,0.055,0.089,0.122,0.089,0.199c0.011,0.077-0.022,0.144-0.066,0.188       C100.33,217.512,100.264,217.545,100.175,217.545z M87.552,214.989c-0.133,0-0.254-0.099-0.277-0.221       c-0.011-0.078,0-0.144,0.044-0.21c0.044-0.066,0.099-0.1,0.177-0.122c1.294-0.232,2.578-0.354,3.817-0.354       c0.21,0,0.442,0,0.663,0.011c0.144,0,0.266,0.122,0.266,0.277v0.011c0,0.155-0.122,0.265-0.277,0.265h-0.011       c-0.255-0.011-0.454-0.011-0.642-0.011c-1.218,0-2.468,0.122-3.718,0.343C87.586,214.989,87.563,214.989,87.552,214.989z        M62.948,214.348c-0.11,0-0.21-0.066-0.254-0.166c-0.62-1.339-1.206-2.721-1.737-4.104c-0.011-0.033-0.022-0.066-0.022-0.099       c0-0.111,0.077-0.221,0.177-0.254c0.144-0.056,0.309,0.022,0.364,0.155c0.532,1.383,1.106,2.754,1.716,4.071       c0.066,0.133,0.011,0.299-0.133,0.365C63.026,214.337,62.981,214.348,62.948,214.348z M59.762,206.062       c-0.121,0-0.232-0.077-0.265-0.199c-0.432-1.394-0.83-2.843-1.184-4.292c-0.011-0.022-0.011-0.044-0.011-0.066       c0-0.133,0.089-0.243,0.21-0.265c0.156-0.034,0.299,0.055,0.332,0.199c0.354,1.439,0.753,2.876,1.184,4.271       c0.044,0.144-0.034,0.299-0.188,0.343C59.817,206.062,59.784,206.062,59.762,206.062z M57.671,197.433       c-0.133,0-0.255-0.089-0.277-0.221c-0.255-1.438-0.465-2.921-0.642-4.403c0-0.011,0-0.011,0-0.011c0-0.011,0-0.022,0-0.033       c-0.011-0.144,0.099-0.254,0.243-0.277c0.156-0.011,0.289,0.099,0.31,0.244c0.166,1.515,0.387,2.987,0.642,4.381       c0.022,0.144-0.078,0.287-0.232,0.321C57.705,197.433,57.682,197.433,57.671,197.433z M56.643,188.615       c-0.145,0-0.266-0.111-0.266-0.266c-0.089-1.438-0.122-2.876-0.122-4.27v-0.177c0-0.011,0-0.011,0-0.022       c0.011-0.144,0.133-0.254,0.277-0.254s0.266,0.121,0.277,0.265v0.011c0,0.011,0,0.022,0,0.033v0.144       c0,1.416,0.034,2.843,0.111,4.248c0.011,0.077-0.012,0.144-0.067,0.199c-0.044,0.056-0.121,0.089-0.188,0.089       C56.664,188.615,56.654,188.615,56.643,188.615z M56.664,179.743h-0.011c-0.156-0.011-0.266-0.144-0.266-0.299       c0.099-1.494,0.232-2.987,0.399-4.436l0,0c0.022-0.155,0.144-0.254,0.309-0.244c0.145,0.022,0.244,0.144,0.244,0.277v0.033       c-0.177,1.471-0.31,2.954-0.399,4.404C56.93,179.632,56.808,179.743,56.664,179.743z M57.705,170.925c-0.023,0-0.034,0-0.056,0       c-0.144-0.033-0.243-0.177-0.22-0.32c0.254-1.461,0.564-2.932,0.896-4.37c0.034-0.144,0.199-0.232,0.332-0.21       c0.122,0.033,0.211,0.144,0.222,0.265c0,0.022-0.011,0.044-0.011,0.078c-0.332,1.427-0.631,2.887-0.885,4.325       C57.948,170.826,57.838,170.925,57.705,170.925z M59.729,162.286c-0.023,0-0.044,0-0.078-0.011       c-0.144-0.044-0.222-0.199-0.177-0.343c0.399-1.372,0.863-2.799,1.383-4.237c0.044-0.144,0.211-0.21,0.354-0.166       c0.11,0.044,0.177,0.144,0.177,0.255c0,0.034,0,0.066-0.012,0.1c-0.497,1.394-0.963,2.799-1.371,4.204       C59.962,162.208,59.85,162.286,59.729,162.286z M62.749,153.933c-0.044,0-0.078,0-0.11-0.022       c-0.144-0.055-0.211-0.221-0.144-0.365c0.586-1.372,1.216-2.721,1.869-4.038l0.011-0.011c0.067-0.122,0.232-0.177,0.365-0.111       c0.089,0.044,0.156,0.144,0.156,0.255c-0.012,0.044-0.012,0.077-0.034,0.111c-0.663,1.339-1.294,2.688-1.858,4.016       C62.96,153.866,62.859,153.933,62.749,153.933z M66.72,146.001c-0.044,0-0.099-0.011-0.133-0.033       c-0.133-0.078-0.176-0.255-0.099-0.387c0.067-0.121,0.133-0.244,0.211-0.365c0.686-1.161,1.404-2.312,2.135-3.418       c0.078-0.122,0.255-0.155,0.376-0.078c0.078,0.056,0.133,0.133,0.133,0.232c0,0.056-0.022,0.111-0.044,0.155       c-0.73,1.095-1.449,2.246-2.124,3.396c-0.034,0.056-0.066,0.122-0.099,0.177c-0.044,0.067-0.078,0.122-0.11,0.188       C66.908,145.946,66.82,146.001,66.72,146.001z M71.61,138.588c-0.066,0-0.121-0.011-0.165-0.044       c-0.122-0.1-0.144-0.266-0.055-0.387c0.862-1.173,1.791-2.357,2.754-3.507c0.099-0.111,0.277-0.133,0.388-0.034       c0.066,0.056,0.099,0.133,0.099,0.21c0,0.066-0.023,0.122-0.055,0.166c0,0.011,0,0.011,0,0.011       c-0.012,0.011-0.023,0.022-0.023,0.022c-0.929,1.117-1.847,2.279-2.721,3.452C71.777,138.555,71.699,138.588,71.61,138.588z        M77.285,131.774c-0.066,0-0.132-0.033-0.188-0.078c-0.055-0.044-0.089-0.122-0.089-0.188c0-0.077,0.023-0.144,0.078-0.199       c1.007-1.084,2.047-2.158,3.109-3.186c0.11-0.099,0.287-0.099,0.398,0.011c0.044,0.044,0.078,0.122,0.078,0.188       c0,0.077-0.034,0.144-0.089,0.199c-1.051,1.018-2.091,2.09-3.097,3.164C77.441,131.74,77.363,131.774,77.285,131.774z        M83.658,125.589c-0.078,0-0.156-0.033-0.211-0.088c-0.099-0.122-0.089-0.299,0.023-0.399c1.117-0.962,2.268-1.925,3.429-2.843       c0.122-0.099,0.298-0.077,0.387,0.044c0.044,0.055,0.056,0.111,0.056,0.177c0,0.077-0.034,0.155-0.1,0.21       c-1.161,0.918-2.3,1.87-3.396,2.832C83.791,125.567,83.724,125.589,83.658,125.589z M90.617,120.08       c-0.089,0-0.166-0.044-0.221-0.11c-0.044-0.067-0.055-0.133-0.044-0.211c0.011-0.066,0.044-0.132,0.11-0.177       c1.161-0.83,2.401-1.671,3.684-2.5c0.133-0.077,0.299-0.033,0.388,0.089c0.022,0.044,0.044,0.099,0.044,0.155       c-0.012,0.089-0.056,0.177-0.133,0.221c-1.25,0.808-2.478,1.638-3.662,2.489C90.738,120.069,90.683,120.08,90.617,120.08z        M98.085,115.279c-0.1,0-0.188-0.055-0.244-0.133c-0.032-0.066-0.044-0.144-0.022-0.21c0.022-0.077,0.066-0.133,0.133-0.177       c1.271-0.73,2.589-1.449,3.904-2.135c0.133-0.066,0.31-0.011,0.377,0.121c0.011,0.034,0.022,0.078,0.022,0.133       c0,0.099-0.055,0.188-0.144,0.232c-1.328,0.697-2.644,1.416-3.883,2.135C98.184,115.268,98.14,115.279,98.085,115.279z        M105.972,111.197c-0.111,0-0.211-0.066-0.255-0.155c-0.055-0.144,0-0.31,0.144-0.376c1.339-0.608,2.711-1.206,4.083-1.759       c0.144-0.056,0.31,0.011,0.365,0.155c0.011,0.034,0.011,0.066,0.011,0.1c0,0.11-0.055,0.21-0.154,0.254       c-0.012,0-0.012,0-0.012,0c-0.011,0-0.022,0.011-0.032,0.011c-1.328,0.542-2.689,1.129-4.028,1.748       C106.049,111.185,106.017,111.197,105.972,111.197z M114.203,107.856c-0.121,0-0.22-0.066-0.265-0.177       c-0.023-0.077-0.023-0.144,0.011-0.21c0.033-0.066,0.089-0.122,0.154-0.144c1.406-0.498,2.821-0.963,4.237-1.394       c0.133-0.033,0.299,0.044,0.344,0.188c0.011,0.033,0.011,0.055,0.011,0.088c0,0.111-0.078,0.221-0.2,0.255       c-1.405,0.431-2.821,0.896-4.204,1.383C114.259,107.856,114.236,107.856,114.203,107.856z M122.7,105.289       c-0.133,0-0.244-0.089-0.277-0.21c-0.034-0.155,0.055-0.299,0.21-0.343c1.427-0.354,2.888-0.697,4.337-0.996h0.012       c0.155-0.022,0.287,0.078,0.309,0.222c0.011,0.022,0.011,0.033,0.011,0.055c0,0.133-0.088,0.244-0.22,0.277       c-1.45,0.288-2.899,0.631-4.315,0.985C122.744,105.278,122.721,105.289,122.7,105.289z M131.395,103.497       c-0.133,0-0.254-0.099-0.277-0.232c-0.011-0.066,0.012-0.144,0.044-0.199c0.044-0.066,0.111-0.099,0.188-0.111       c1.018-0.166,2.035-0.309,2.998-0.431c0.509-0.056,0.973-0.111,1.416-0.166c0.144-0.011,0.287,0.1,0.299,0.244       c0,0.011,0,0.022,0,0.033c0,0.144-0.1,0.254-0.244,0.277c-0.41,0.044-0.841,0.1-1.404,0.166       c-1.018,0.132-2.025,0.265-2.976,0.42C131.417,103.497,131.406,103.497,131.395,103.497z M140.212,102.501       c-0.145,0-0.266-0.111-0.277-0.266c-0.012-0.066,0.022-0.144,0.066-0.199c0.044-0.056,0.11-0.089,0.188-0.089       c1.372-0.111,2.821-0.199,4.436-0.288c0.156-0.011,0.288,0.1,0.299,0.254v0.022c0,0.144-0.122,0.266-0.266,0.277       c-1.615,0.089-3.064,0.177-4.425,0.288h-0.011H140.212z M149.084,102.003c-0.154,0-0.276-0.122-0.276-0.265       c-0.011-0.155,0.099-0.288,0.255-0.288c0.752-0.033,1.493-0.067,2.234-0.099c0.741-0.022,1.472-0.056,2.213-0.089l0,0       c0.155,0,0.277,0.121,0.287,0.265v0.022c-0.011,0.144-0.121,0.266-0.265,0.266c-0.542,0.022-1.074,0.044-1.604,0.066       C150.987,101.926,150.036,101.959,149.084,102.003L149.084,102.003z M157.968,101.616h-0.011c-0.156,0-0.277-0.111-0.288-0.265       c0-0.144,0.111-0.277,0.266-0.288c1.626-0.089,3.065-0.177,4.425-0.277c0.166,0,0.287,0.111,0.299,0.266v0.011       c0,0.144-0.111,0.266-0.255,0.277C160.922,101.45,159.428,101.539,157.968,101.616L157.968,101.616z M166.808,100.952       c-0.145,0-0.266-0.11-0.277-0.243c-0.012-0.155,0.099-0.288,0.243-0.31c0.42-0.044,0.83-0.088,1.272-0.144       c1.062-0.122,2.113-0.265,3.12-0.42c0.177-0.022,0.299,0.089,0.321,0.244c0,0.011,0,0.022,0,0.033       c0,0.144-0.099,0.254-0.232,0.277c-0.996,0.155-2.046,0.287-3.142,0.42c-0.475,0.056-0.863,0.1-1.273,0.144       C166.83,100.952,166.819,100.952,166.808,100.952z M175.581,99.603c-0.133,0-0.243-0.089-0.266-0.221       c-0.033-0.155,0.055-0.299,0.211-0.332c1.46-0.299,2.899-0.652,4.292-1.04c0.144-0.033,0.309,0.055,0.342,0.199       c0.011,0.022,0.011,0.044,0.011,0.066c0,0.133-0.077,0.244-0.199,0.276c-1.36,0.377-2.821,0.73-4.337,1.051       C175.614,99.603,175.602,99.603,175.581,99.603z M184.132,97.224c-0.121,0-0.22-0.078-0.265-0.188       c-0.056-0.144,0.022-0.299,0.165-0.354c1.406-0.509,2.777-1.062,4.093-1.67c0.133-0.056,0.298,0.011,0.365,0.144       c0.066,0.133,0,0.299-0.133,0.365c-1.294,0.586-2.688,1.161-4.138,1.682C184.188,97.213,184.165,97.224,184.132,97.224z"/>
+				</g>
+				<g>
+					<path style="fill:#512651;" d="M113.833,350.013c-0.822,0-1.646-0.024-2.464-0.071c-0.152-0.009-0.269-0.14-0.26-0.293       c0.009-0.152,0.143-0.26,0.293-0.26c1.412,0.082,2.84,0.092,4.251,0.031c0.145-0.003,0.281,0.111,0.288,0.265       c0.007,0.152-0.111,0.282-0.265,0.288C115.065,350,114.449,350.013,113.833,350.013z"/>
+				</g>
+			</g>
+			<g>
+				<g>
+					<polygon style="fill:#FFA9DD;" points="159.539,47.794 200.328,69.281 193.044,92.588 211.618,86.033 215.624,116.26        281.177,41.603      "/>
+				</g>
+				<g>
+					<path style="fill:#512651;" d="M211.617,86.31c-0.091,0-0.18-0.045-0.233-0.128c-0.082-0.129-0.044-0.3,0.084-0.382       l67.613-43.187l-78.664,26.93c-0.14,0.051-0.302-0.027-0.351-0.172c-0.05-0.145,0.027-0.302,0.172-0.352l80.85-27.678       c0.131-0.044,0.278,0.015,0.339,0.142c0.06,0.126,0.017,0.278-0.1,0.354l-69.56,44.43       C211.72,86.296,211.668,86.31,211.617,86.31z"/>
+				</g>
+			</g>
+		</g>
+		<g>
+			<g>
+				<polygon style="fill:#FFB289;" points="45.955,296.191 53.103,251.26 66.889,292.107 104.672,291.085 75.569,312.019       83.738,345.718 58.719,321.721 39.828,352.866 43.402,316.104 11.745,307.935     "/>
+			</g>
+			<g>
+				<polygon style="fill:#FFB289;" points="437.007,241.693 470.961,211.409 455.806,251.768 485.719,274.873 449.936,272.682       434.952,303.952 430.749,269.541 396.417,281.719 422.436,255.503 403.081,229.154     "/>
+			</g>
+			<g>
+				<polygon style="fill:#FFB289;" points="88.8,78.637 85.11,36.551 106.737,70.238 140.542,60.801 119.045,86.219 134,114.734       106.054,98.756 96.057,131.072 90.989,97.15 60.631,96.927     "/>
+			</g>
+		</g>
+	</g>
+</g>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</svg>
diff --git a/ci4app/public/assets/raven/images/illustrations/multi.svg b/ci4app/public/assets/raven/images/illustrations/multi.svg
new file mode 100644
index 0000000..e2850d1
--- /dev/null
+++ b/ci4app/public/assets/raven/images/illustrations/multi.svg
@@ -0,0 +1,612 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="844px" height="599px" viewBox="0 0 844 599" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.1 (55044) - http://www.bohemiancoding.com/sketch -->
+    <title>Process</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="0.776 0.446 91.551 0.446 91.551 10.592 0.776 10.592"></polygon>
+        <path d="M466.235,268.554 L0.473,268.554 L0.473,22.728 C0.473,10.522 10.367,0.627 22.574,0.627 L444.135,0.627 C456.341,0.627 466.235,10.522 466.235,22.728 L466.235,268.554" id="path-3"></path>
+        <linearGradient x1="78.5137044%" y1="1.38567595%" x2="25.6910182%" y2="95.987937%" id="linearGradient-5">
+            <stop stop-color="#23BECD" offset="0%"></stop>
+            <stop stop-color="#50E797" offset="100%"></stop>
+        </linearGradient>
+        <path d="M47.268,263.398 L0.945,263.398 L0.945,0.369 L43.624,0.369 C45.637,0.369 47.268,2.001 47.268,4.013 L47.268,263.398" id="path-6"></path>
+        <linearGradient x1="0%" y1="49.9998099%" x2="99.9997841%" y2="49.9998099%" id="linearGradient-8">
+            <stop stop-color="#29B9B4" offset="0%"></stop>
+            <stop stop-color="#21B8BC" offset="100%"></stop>
+        </linearGradient>
+        <path d="M318.109,0.627 L22.574,0.627 C10.367,0.627 0.473,10.522 0.473,22.728 L0.473,223.432 L318.109,0.627" id="path-9"></path>
+        <path d="M41.771,4.273 C41.818,3.049 41.815,1.836 41.795,0.627 L22.574,0.627 C10.367,0.627 0.473,10.522 0.473,22.728 L0.473,66.374 C24.035,55.245 40.732,31.636 41.771,4.273" id="path-11"></path>
+        <linearGradient x1="95.1452229%" y1="-4.94775427%" x2="-28.7852462%" y2="92.5319786%" id="linearGradient-13">
+            <stop stop-color="#50D6B5" offset="0%"></stop>
+            <stop stop-color="#49D4AC" offset="100%"></stop>
+        </linearGradient>
+        <path d="M466.235,0.554 L0.473,0.554 L0.473,54.656 C0.473,61.327 5.881,66.736 12.553,66.736 L445.047,66.736 C456.749,66.736 466.235,57.249 466.235,45.547 L466.235,0.554" id="path-14"></path>
+        <linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="linearGradient-16">
+            <stop stop-color="#9DA7B3" offset="0%"></stop>
+            <stop stop-color="#EAEBED" offset="100%"></stop>
+        </linearGradient>
+        <path d="M59.434,160.553 L59.434,15.583 C59.434,7.341 52.752,0.659 44.51,0.659 L0.086,0.659 L0.086,160.553 L59.434,160.553" id="path-17"></path>
+        <linearGradient x1="50%" y1="0.783644164%" x2="50%" y2="107.249178%" id="linearGradient-19">
+            <stop stop-color="#29B9B4" offset="0%"></stop>
+            <stop stop-color="#29B9B4" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.945,0.553 L0.945,37.976 C0.945,40.97 3.373,43.398 6.368,43.398 L41.94,43.398 C44.883,43.398 47.268,41.013 47.268,38.071 L47.268,0.553 L0.945,0.553" id="path-20"></path>
+        <linearGradient x1="7.95069404%" y1="15.229315%" x2="199.183343%" y2="159.591551%" id="linearGradient-22">
+            <stop stop-color="#9DA7B3" offset="0%"></stop>
+            <stop stop-color="#EAEBED" offset="100%"></stop>
+        </linearGradient>
+        <path d="M34.135,0.625 L18,0.625 C7.555,9.107 0.878,22.045 0.878,36.548 C0.878,62.096 21.589,82.807 47.137,82.807 C50.252,82.807 53.293,82.495 56.235,81.907 L56.235,22.726 C56.235,10.52 46.341,0.625 34.135,0.625" id="path-23"></path>
+        <path d="M300.254,200.784 L268.773,0.134 L15.377,0.134 C7.186,0.134 0.546,6.774 0.546,14.965 L0.546,302.203 C0.546,310.395 7.186,317.034 15.377,317.034 L253.489,317.034 C279.316,317.034 300.254,296.098 300.254,270.271 C300.254,244.443 300.254,200.784 300.254,200.784" id="path-25"></path>
+        <linearGradient x1="0%" y1="49.9999684%" x2="99.9996663%" y2="49.9999684%" id="linearGradient-27">
+            <stop stop-color="#46A1FF" offset="0%"></stop>
+            <stop stop-color="#572FF0" offset="100%"></stop>
+        </linearGradient>
+        <path d="M81.247,9.605 L60.951,9.605 C58.5,9.605 56.513,7.618 56.513,5.167 C56.513,2.716 58.5,0.729 60.951,0.729 L81.247,0.729 C83.698,0.729 85.684,2.716 85.684,5.167 C85.684,7.618 83.698,9.605 81.247,9.605 Z M126.913,9.605 L106.616,9.605 C104.166,9.605 102.179,7.618 102.179,5.167 C102.179,2.716 104.166,0.729 106.616,0.729 L126.913,0.729 C129.364,0.729 131.351,2.716 131.351,5.167 C131.351,7.618 129.364,9.605 126.913,9.605 Z M172.578,9.605 L152.283,9.605 C149.832,9.605 147.845,7.618 147.845,5.167 C147.845,2.716 149.832,0.729 152.283,0.729 L172.578,0.729 C175.03,0.729 177.016,2.716 177.016,5.167 C177.016,7.618 175.03,9.605 172.578,9.605 Z M218.244,9.605 L197.949,9.605 C195.497,9.605 193.511,7.618 193.511,5.167 C193.511,2.716 195.497,0.729 197.949,0.729 L218.244,0.729 C220.696,0.729 222.682,2.716 222.682,5.167 C222.682,7.618 220.696,9.605 218.244,9.605 Z M15.285,9.715 C13.095,9.715 11.189,8.094 10.892,5.863 C10.568,3.433 12.275,1.201 14.704,0.878 C15.444,0.78 16.2,0.729 16.951,0.729 L35.581,0.729 C38.032,0.729 40.019,2.716 40.019,5.167 C40.019,7.618 38.032,9.605 35.581,9.605 L16.951,9.605 C16.59,9.605 16.229,9.628 15.877,9.676 C15.679,9.702 15.48,9.715 15.285,9.715 Z M4.512,49.829 C2.061,49.829 0.075,47.843 0.075,45.391 L0.075,25.095 C0.075,22.644 2.061,20.657 4.512,20.657 C6.963,20.657 8.95,22.644 8.95,25.095 L8.95,45.391 C8.95,47.843 6.963,49.829 4.512,49.829 Z M4.512,95.495 C2.061,95.495 0.075,93.508 0.075,91.057 L0.075,70.761 C0.075,68.31 2.061,66.323 4.512,66.323 C6.963,66.323 8.95,68.31 8.95,70.761 L8.95,91.057 C8.95,93.508 6.963,95.495 4.512,95.495 Z M4.512,141.16 C2.061,141.16 0.075,139.172 0.075,136.722 L0.075,116.426 C0.075,113.976 2.061,111.989 4.512,111.989 C6.963,111.989 8.95,113.976 8.95,116.426 L8.95,136.722 C8.95,139.172 6.963,141.16 4.512,141.16 Z M4.512,186.826 C2.061,186.826 0.075,184.839 0.075,182.389 L0.075,162.092 C0.075,159.642 2.061,157.655 4.512,157.655 C6.963,157.655 8.95,159.642 8.95,162.092 L8.95,182.389 C8.95,184.839 6.963,186.826 4.512,186.826 Z M4.512,232.492 C2.061,232.492 0.075,230.505 0.075,228.055 L0.075,207.759 C0.075,205.309 2.061,203.322 4.512,203.322 C6.963,203.322 8.95,205.309 8.95,207.759 L8.95,228.055 C8.95,230.505 6.963,232.492 4.512,232.492 Z M254.073,247.946 C253.632,247.946 253.183,247.879 252.74,247.741 C250.402,247.004 249.103,244.513 249.838,242.175 C250.897,238.81 251.433,235.293 251.433,231.726 L251.433,223.385 C251.433,220.935 253.42,218.948 255.871,218.948 C258.323,218.948 260.309,220.935 260.309,223.385 L260.309,231.726 C260.309,236.199 259.635,240.609 258.305,244.837 C257.709,246.734 255.959,247.946 254.073,247.946 Z M12.703,274.643 C12.2,274.643 11.688,274.556 11.187,274.374 C4.54,271.958 0.075,265.581 0.075,258.508 L0.075,253.425 C0.075,250.974 2.061,248.987 4.512,248.987 C6.963,248.987 8.95,250.974 8.95,253.425 L8.95,258.508 C8.95,261.864 11.068,264.887 14.22,266.033 C16.524,266.87 17.712,269.416 16.875,271.721 C16.219,273.524 14.516,274.643 12.703,274.643 Z M220.635,275.185 C218.384,275.185 216.456,273.48 216.225,271.193 C215.979,268.755 217.756,266.578 220.195,266.332 C226.179,265.728 231.933,263.558 236.836,260.058 C238.83,258.635 241.601,259.097 243.026,261.09 C244.45,263.085 243.988,265.857 241.993,267.282 C235.835,271.679 228.606,274.404 221.086,275.163 C220.934,275.178 220.784,275.185 220.635,275.185 Z M58.282,275.385 L37.985,275.385 C35.534,275.385 33.547,273.397 33.547,270.947 C33.547,268.496 35.534,266.509 37.985,266.509 L58.282,266.509 C60.732,266.509 62.719,268.496 62.719,270.947 C62.719,273.397 60.732,275.385 58.282,275.385 Z M103.947,275.385 L83.651,275.385 C81.2,275.385 79.214,273.397 79.214,270.947 C79.214,268.496 81.2,266.509 83.651,266.509 L103.947,266.509 C106.398,266.509 108.385,268.496 108.385,270.947 C108.385,273.397 106.398,275.385 103.947,275.385 Z M149.613,275.385 L129.317,275.385 C126.866,275.385 124.879,273.397 124.879,270.947 C124.879,268.496 126.866,266.509 129.317,266.509 L149.613,266.509 C152.064,266.509 154.051,268.496 154.051,270.947 C154.051,273.397 152.064,275.385 149.613,275.385 Z M195.279,275.385 L174.983,275.385 C172.532,275.385 170.545,273.397 170.545,270.947 C170.545,268.496 172.532,266.509 174.983,266.509 L195.279,266.509 C197.729,266.509 199.716,268.496 199.716,270.947 C199.716,273.397 197.729,275.385 195.279,275.385 Z" id="path-28"></path>
+        <linearGradient x1="-0.000384269542%" y1="50%" x2="100%" y2="50%" id="linearGradient-30">
+            <stop stop-color="#B5D9FF" offset="0%"></stop>
+            <stop stop-color="#9980F6" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.489,0.369 L0.489,270.506 C26.316,270.506 47.254,291.443 47.254,317.271 L47.254,47.134 C47.254,21.306 26.316,0.369 0.489,0.369" id="path-31"></path>
+        <linearGradient x1="0%" y1="50%" x2="99.9991447%" y2="50%" id="linearGradient-33">
+            <stop stop-color="#398AFC" offset="0%"></stop>
+            <stop stop-color="#E4ABFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M13.071,263.421 L6.388,263.421 C3.313,263.421 0.819,260.928 0.819,257.853 L0.819,5.962 C0.819,2.886 3.313,0.392 6.388,0.392 L13.071,0.392 L13.071,263.421" id="path-34"></path>
+        <linearGradient x1="50%" y1="100.499185%" x2="50%" y2="-16.3088481%" id="linearGradient-36">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-37" points="0.096 0.801 22.142 0.801 22.142 6.962 0.096 6.962"></polygon>
+        <linearGradient x1="50%" y1="3854.39052%" x2="50%" y2="-572.829086%" id="linearGradient-39">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-40" points="0.61 0.727 13.142 0.727 13.142 6.888 0.61 6.888"></polygon>
+        <linearGradient x1="50%" y1="3595.89352%" x2="50%" y2="-831.326083%" id="linearGradient-42">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-43" points="0.096 0.653 22.142 0.653 22.142 6.814 0.096 6.814"></polygon>
+        <linearGradient x1="50%" y1="3337.39653%" x2="50%" y2="-1089.82308%" id="linearGradient-45">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-46" points="0.61 0.578 13.142 0.578 13.142 6.74 0.61 6.74"></polygon>
+        <linearGradient x1="50%" y1="3078.4161%" x2="50%" y2="-1348.08504%" id="linearGradient-48">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-49" points="0.096 0.504 22.142 0.504 22.142 6.665 0.096 6.665"></polygon>
+        <linearGradient x1="50%" y1="2820.35384%" x2="50%" y2="-1606.76838%" id="linearGradient-51">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-52" points="0.61 0.43 13.142 0.43 13.142 6.591 0.61 6.591"></polygon>
+        <linearGradient x1="50%" y1="2561.85684%" x2="50%" y2="-1865.26538%" id="linearGradient-54">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="2303.37608%" x2="50%" y2="-2123.74615%" id="linearGradient-55">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-56" points="0.61 0.281 13.142 0.281 13.142 6.442 0.61 6.442"></polygon>
+        <linearGradient x1="50%" y1="2044.89531%" x2="50%" y2="-2382.22691%" id="linearGradient-58">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="1786.39831%" x2="50%" y2="-2640.72391%" id="linearGradient-59">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-60" points="0.61 0.133 13.142 0.133 13.142 6.294 0.61 6.294"></polygon>
+        <linearGradient x1="50%" y1="1527.93378%" x2="50%" y2="-2899.28583%" id="linearGradient-62">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="1269.45301%" x2="50%" y2="-3157.7666%" id="linearGradient-63">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-64" points="0.61 0.984 13.142 0.984 13.142 7.145 0.61 7.145"></polygon>
+        <linearGradient x1="50%" y1="1010.95601%" x2="50%" y2="-3416.26359%" id="linearGradient-66">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="752.353132%" x2="50%" y2="-3674.148%" id="linearGradient-67">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-68" points="0.61 0.835 13.142 0.835 13.142 6.996 0.61 6.996"></polygon>
+        <linearGradient x1="50%" y1="493.962019%" x2="50%" y2="-3933.25759%" id="linearGradient-70">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="235.465022%" x2="50%" y2="-4191.75459%" id="linearGradient-71">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M29.756,0.356 L0.974,0.356 C2.445,5.065 4.658,9.443 7.461,13.372 L29.756,13.372 C33.35,13.372 36.263,10.458 36.263,6.864 C36.263,3.27 33.35,0.356 29.756,0.356" id="path-72"></path>
+        <linearGradient x1="68.6276177%" y1="3.36432084%" x2="-8.86253507%" y2="148.050092%" id="linearGradient-74">
+            <stop stop-color="#B8C0C8" offset="0%"></stop>
+            <stop stop-color="#EAEBED" offset="100%"></stop>
+        </linearGradient>
+        <path d="M152.634,40.978 L143.001,40.978 C140.746,40.978 138.919,42.806 138.919,45.061 C138.919,47.316 140.746,49.144 143.001,49.144 L152.634,49.144 C154.889,49.144 156.717,47.316 156.717,45.061 C156.717,42.806 154.889,40.978 152.634,40.978 Z M124.338,40.978 L112.674,40.978 C110.419,40.978 108.591,42.806 108.591,45.061 C108.591,47.316 110.419,49.144 112.674,49.144 L124.338,49.144 C126.593,49.144 128.421,47.316 128.421,45.061 C128.421,42.806 126.593,40.978 124.338,40.978 Z M16.637,40.978 L4.973,40.978 C2.718,40.978 0.89,42.806 0.89,45.061 C0.89,47.316 2.718,49.144 4.973,49.144 L16.637,49.144 C18.892,49.144 20.72,47.316 20.72,45.061 C20.72,42.806 18.892,40.978 16.637,40.978 Z M49.016,45.061 C49.016,42.806 47.189,40.978 44.934,40.978 L35.3,40.978 C33.046,40.978 31.218,42.806 31.218,45.061 C31.218,47.316 33.046,49.144 35.3,49.144 L44.934,49.144 C47.189,49.144 49.016,47.316 49.016,45.061 Z M79.18,22.97 C81.435,22.97 83.263,21.142 83.263,18.887 L83.263,4.921 C83.263,2.666 81.435,0.838 79.18,0.838 C76.926,0.838 75.098,2.666 75.098,4.921 L75.098,18.887 C75.098,21.142 76.926,22.97 79.18,22.97 Z M120.488,86.823 C115.928,91.382 110.74,95.08 105.128,97.867 L94.364,70.724 C93.533,68.628 91.162,67.602 89.064,68.434 C86.969,69.265 85.943,71.637 86.774,73.734 L97.575,100.973 C91.718,102.909 85.529,103.932 79.18,103.932 C72.862,103.932 66.696,102.923 60.788,100.962 L71.586,73.734 C72.417,71.637 71.391,69.265 69.296,68.434 C67.199,67.601 64.827,68.628 63.996,70.724 L51.688,101.763 C51.682,101.776 51.674,101.785 51.669,101.798 C51.663,101.814 51.661,101.83 51.655,101.846 L35.615,142.295 C34.783,144.391 35.809,146.764 37.906,147.596 C38.399,147.791 38.908,147.884 39.409,147.884 C41.034,147.884 42.57,146.908 43.205,145.305 L57.774,108.565 C64.645,110.9 71.824,112.097 79.18,112.097 C86.577,112.097 93.784,110.882 100.591,108.577 L115.155,145.305 C115.79,146.908 117.326,147.884 118.951,147.884 C119.451,147.884 119.961,147.79 120.454,147.596 C122.551,146.764 123.576,144.391 122.745,142.295 L108.15,105.49 C114.78,102.281 120.899,97.956 126.261,92.595 C127.856,91.001 127.856,88.415 126.262,86.823 C124.668,85.229 122.083,85.228 120.488,86.823 Z M79.18,34.492 C85.007,34.492 89.748,39.234 89.748,45.061 C89.748,50.888 85.007,55.629 79.18,55.629 C73.353,55.629 68.612,50.888 68.612,45.061 C68.612,39.234 73.353,34.492 79.18,34.492 Z M79.18,63.794 C89.51,63.794 97.913,55.39 97.913,45.061 C97.913,34.731 89.51,26.327 79.18,26.327 C68.851,26.327 60.447,34.731 60.447,45.061 C60.447,55.39 68.851,63.794 79.18,63.794 Z" id="path-75"></path>
+        <linearGradient x1="-10.7786199%" y1="50.9350815%" x2="137.074448%" y2="49.0614502%" id="linearGradient-77">
+            <stop stop-color="#B5D9FF" offset="0%"></stop>
+            <stop stop-color="#9980F6" offset="100%"></stop>
+        </linearGradient>
+        <path d="M63.943,11.044 L63.943,51.6 C63.943,58.252 58.551,63.643 51.9,63.643 L11.343,63.643 C4.671,63.643 -0.339,69.751 0.968,76.293 C6.999,106.488 34.204,129.041 66.445,127.816 C99.73,126.552 126.851,99.43 128.116,66.146 C129.34,33.905 106.786,6.7 76.592,0.669 C70.05,-0.638 63.943,4.372 63.943,11.044" id="path-78"></path>
+        <linearGradient x1="85.8712764%" y1="87.8090595%" x2="14.8511939%" y2="12.9961631%" id="linearGradient-80">
+            <stop stop-color="#39B8FC" offset="0%"></stop>
+            <stop stop-color="#E4ABFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M53.280802,0.711 L53.462822,0.711 C59.0818396,0.760942468 63.845,5.43136374 63.845,11.313 L63.845,55.088 C63.845,59.964 59.892,63.916 55.017,63.916 L11.241,63.916 C4.638,63.916 -0.439,57.911 0.837,51.432 C5.852,25.978 25.907,5.923 51.361,0.908 C52.0074853,0.780678625 52.6492512,0.716610107 53.280803,0.710999991 L53.280802,0.711 Z" id="path-81"></path>
+        <linearGradient x1="11.8054525%" y1="5.28269275%" x2="19.2985823%" y2="5.28269275%" id="linearGradient-83">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M94.235,45.547 L94.235,0.553 L72.309,0.553 C67.753,8.963 64.775,18.354 63.828,28.344 C60.633,27.779 57.349,27.467 53.992,27.467 C28.879,27.467 7.624,43.978 0.484,66.736 L73.047,66.736 C75.972,66.736 78.76,66.143 81.295,65.071 C88.899,61.854 94.235,54.324 94.235,45.547" id="path-84"></path>
+        <linearGradient x1="47.343495%" y1="96.817914%" x2="77.2525093%" y2="-16.8342324%" id="linearGradient-86">
+            <stop stop-color="#9FC5E2" offset="0%"></stop>
+            <stop stop-color="#A8CFEB" offset="100%"></stop>
+        </linearGradient>
+        <path d="M122.566,0.66 L0.546,0.66 L0.546,30.776 L21.187,30.776 C24.668,30.776 26.082,35.255 23.233,37.254 L0.546,53.167 L0.546,92.191 L124.102,5.523 C126.241,4.022 125.179,0.66 122.566,0.66" id="path-87"></path>
+        <linearGradient x1="-20.9327691%" y1="66.1830418%" x2="108.291775%" y2="-33.7226732%" id="linearGradient-89">
+            <stop stop-color="#348BFD" offset="0%"></stop>
+            <stop stop-color="#386AF9" offset="100%"></stop>
+        </linearGradient>
+        <path d="M115.654,37.911 L36.293,93.578 C33.881,95.271 30.561,93.544 30.561,90.598 L30.561,37.002 C30.561,33.847 33.119,31.289 36.274,31.289 L113.563,31.289 C117.121,31.289 118.567,35.868 115.654,37.911 Z M217.2,0.503 L7.701,0.503 C3.458,0.503 0.018,3.943 0.018,8.186 L0.018,153.659 C0.018,155.872 2.51,157.168 4.322,155.898 L218.769,5.474 C220.956,3.94 219.871,0.503 217.2,0.503 Z" id="path-90"></path>
+        <linearGradient x1="50.4414866%" y1="-2.60688316%" x2="41.2204131%" y2="120.091743%" id="linearGradient-92">
+            <stop stop-color="#FFE13E" offset="0%"></stop>
+            <stop stop-color="#FFAC45" offset="100%"></stop>
+        </linearGradient>
+        <path d="M164.076,12.238 L169.846,12.238 L169.846,0.503 L164.076,0.503 L164.076,12.238 Z M134.251,12.238 L140.02,12.238 L140.02,0.503 L134.251,0.503 L134.251,12.238 Z M149.164,21.147 L154.933,21.147 L154.933,0.503 L149.164,0.503 L149.164,21.147 Z M104.425,12.238 L110.194,12.238 L110.194,0.503 L104.425,0.503 L104.425,12.238 Z M119.338,21.147 L125.107,21.147 L125.107,0.503 L119.338,0.503 L119.338,21.147 Z M89.512,21.147 L95.281,21.147 L95.281,0.503 L89.512,0.503 L89.512,21.147 Z M74.599,12.238 L80.368,12.238 L80.368,0.503 L74.599,0.503 L74.599,12.238 Z M44.773,12.238 L50.542,12.238 L50.542,0.503 L44.773,0.503 L44.773,12.238 Z M59.686,21.147 L65.455,21.147 L65.455,0.503 L59.686,0.503 L59.686,21.147 Z M14.948,12.238 L20.717,12.238 L20.717,0.503 L14.948,0.503 L14.948,12.238 Z M0.035,21.147 L5.804,21.147 L5.804,0.503 L0.035,0.503 L0.035,21.147 Z M29.86,21.147 L35.63,21.147 L35.63,0.503 L29.86,0.503 L29.86,21.147 Z" id="path-93"></path>
+        <linearGradient x1="-0.000412223001%" y1="50%" x2="99.9995878%" y2="50%" id="linearGradient-95">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M99.768,49.713 C99.768,77.146 77.529,99.385 50.096,99.385 C22.663,99.385 0.424,77.146 0.424,49.713 C0.424,22.28 22.663,0.04 50.096,0.04 C77.529,0.04 99.768,22.28 99.768,49.713" id="path-96"></path>
+        <linearGradient x1="120.873933%" y1="22.712366%" x2="-9.31108069%" y2="72.8365796%" id="linearGradient-98">
+            <stop stop-color="#FFDD5E" offset="0%"></stop>
+            <stop stop-color="#FFAC45" offset="100%"></stop>
+        </linearGradient>
+        <path d="M63.119,29.476 C63.119,13.592 50.243,0.716 34.359,0.716 L7.039,0.716 C2.9,6.307 0.45,13.223 0.45,20.713 C0.45,39.295 15.513,54.359 34.096,54.359 C46.469,54.359 57.273,47.677 63.119,37.728 L63.119,29.476" id="path-99"></path>
+        <path d="M55.411,55.541 C48.689,62.262 37.791,62.262 31.07,55.541 L5.524,29.995 C-1.197,23.274 -1.197,12.376 5.524,5.655 C12.246,-1.067 23.144,-1.067 29.866,5.655 L55.411,31.2 C62.133,37.921 62.133,48.819 55.411,55.541" id="path-101"></path>
+        <linearGradient x1="-9.24332054%" y1="64.1147607%" x2="109.243571%" y2="35.8863232%" id="linearGradient-103">
+            <stop stop-color="#E4ABFF" offset="0%"></stop>
+            <stop stop-color="#39B8FC" offset="100%"></stop>
+        </linearGradient>
+        <path d="M16.638,18.223 C20.026,18.223 22.771,15.477 22.771,12.09 L22.771,6.73 C22.771,3.343 20.026,0.597 16.638,0.597 C13.251,0.597 10.505,3.343 10.505,6.73 L10.505,12.09 C10.505,15.477 13.251,18.223 16.638,18.223 Z M16.638,21.286 C7.969,21.286 0.941,28.314 0.941,36.983 L0.941,45.391 C5.433,48.394 10.829,50.151 16.638,50.151 C22.447,50.151 27.844,48.394 32.335,45.391 L32.335,36.983 C32.335,28.314 25.307,21.286 16.638,21.286 Z" id="path-104"></path>
+        <linearGradient x1="-35.5768618%" y1="103.446543%" x2="211.550296%" y2="-31.1425919%" id="linearGradient-106">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M33.4034064,69.94 C15.1447005,68.8737292 0.668,53.7292335 0.668,35.203 C0.668,15.987 16.246,0.407 35.464,0.407 L366.658,0.407 C385.876,0.407 401.455,15.987 401.455,35.203 C401.455,53.7292335 386.97737,68.8737292 368.718597,69.94 L33.4034064,69.94 Z" id="path-107"></path>
+        <linearGradient x1="23.4201061%" y1="76.8205821%" x2="66.9159437%" y2="114.435943%" id="linearGradient-109">
+            <stop stop-color="#ACD3F6" offset="0%"></stop>
+            <stop stop-color="#D5EDFD" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.612,0.407 L0.612,41.794 C0.612,45.452 3.577,48.417 7.235,48.417 L152.248,48.417 C155.906,48.417 158.871,45.452 158.871,41.794 L158.871,0.407 L0.612,0.407" id="path-110"></path>
+        <linearGradient x1="48.5697496%" y1="14.3967923%" x2="53.7850612%" y2="121.103312%" id="linearGradient-112">
+            <stop stop-color="#85C2F8" offset="0%"></stop>
+            <stop stop-color="#8BC6F9" offset="100%"></stop>
+        </linearGradient>
+        <path d="M152.451,98.203 L7.439,98.203 C3.781,98.203 0.815,95.239 0.815,91.58 L0.815,7.481 C0.815,3.823 3.781,0.858 7.439,0.858 L152.451,0.858 C156.109,0.858 159.075,3.823 159.075,7.481 L159.075,91.58 C159.075,95.239 156.109,98.203 152.451,98.203" id="path-113"></path>
+        <linearGradient x1="39.3586503%" y1="31.3524064%" x2="106.746493%" y2="149.441677%" id="linearGradient-115">
+            <stop stop-color="#FFF6C2" offset="0%"></stop>
+            <stop stop-color="#FFC833" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.815,21.78 C19.194,-1.93 37.584,-7.941 57.525,15.119 C81.481,42.825 92.542,58.535 107.488,43.577 C122.514,28.539 138.971,33.79 159.075,65.299 L159.075,69.58 C159.075,73.239 156.109,76.203 152.451,76.203 L7.439,76.203 C3.781,76.203 0.815,73.239 0.815,69.58 L0.815,21.78" id="path-116"></path>
+        <linearGradient x1="0%" y1="50.00045%" x2="100%" y2="50.00045%" id="linearGradient-118">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M33.824,17.384 C33.824,26.527 26.412,33.938 17.269,33.938 C8.127,33.938 0.716,26.527 0.716,17.384 C0.716,8.241 8.127,0.829 17.269,0.829 C26.412,0.829 33.824,8.241 33.824,17.384" id="path-119"></path>
+        <linearGradient x1="-148.755588%" y1="-24.6186837%" x2="127.508759%" y2="79.0984325%" id="linearGradient-121">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M109.603,28.999 L87.676,28.999 C50.555,28.999 33.996,15.738 26.217,1.705 C24.938,-0.6 21.619,-0.475 20.49,1.907 C15.739,11.927 15.375,21.721 16.724,29.996 C7.113,32.891 0.109,41.802 0.109,52.357 L0.109,81.781 C0.109,94.681 10.566,105.139 23.467,105.139 L109.603,105.139 C122.504,105.139 132.962,94.681 132.962,81.781 L132.962,52.357 C132.962,39.456 122.504,28.999 109.603,28.999" id="path-122"></path>
+        <linearGradient x1="10.527425%" y1="102.935502%" x2="83.4761729%" y2="12.1889106%" id="linearGradient-124">
+            <stop stop-color="#FFE13E" offset="0%"></stop>
+            <stop stop-color="#FFAC45" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.06,113.161127 L0.06,50.6838732 C0.924586087,38.5714504 11.025328,29.014 23.358,29.014 L106.627,29.014 C143.747,29.014 160.306,15.752 168.086,1.72 C169.364,-0.586 172.683,-0.462 173.812,1.921 C178.563,11.942 178.928,21.736 177.578,30.011 C187.189,32.906 194.194,41.817 194.194,52.371 L194.194,111.474 C194.194,124.374 183.736,134.831 170.836,134.831 L23.358,134.831 C11.025328,134.831 0.924586087,125.27355 0.06,113.161127 Z" id="path-125"></path>
+        <path d="M53.556,38.249 L75.962,38.249 L75.962,27.357 C75.962,14.456 65.504,3.999 52.603,3.999 L30.676,3.999 C18.535,3.999 8.606,2.574 0.453,0.174 C7.953,22.31 28.887,38.249 53.556,38.249" id="path-127"></path>
+        <linearGradient x1="38.8152406%" y1="87.3749179%" x2="66.596962%" y2="-5.46369009%" id="linearGradient-129">
+            <stop stop-color="#B8A843" offset="0%"></stop>
+            <stop stop-color="#B8A344" offset="100%"></stop>
+        </linearGradient>
+        <path d="M210.918,89.164 C211.971,84.223 212.536,79.102 212.536,73.848 C212.536,33.433 179.773,0.67 139.358,0.67 C101.303,0.67 70.042,29.724 66.521,66.859 C63.326,66.293 60.044,65.981 56.685,65.981 C25.718,65.981 0.613,91.085 0.613,122.053 C0.613,153.022 25.718,178.125 56.685,178.125 C81.12,178.125 186.531,178.125 208.034,178.125 C232.628,178.125 252.566,158.188 252.566,133.593 C252.566,109.969 234.167,90.652 210.918,89.164" id="path-130"></path>
+        <linearGradient x1="50.0001984%" y1="102.403426%" x2="50.0001984%" y2="-31.2924403%" id="linearGradient-132">
+            <stop stop-color="#39B8FC" offset="0%"></stop>
+            <stop stop-color="#E4ABFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M119.03,0.887 L0.363,84.125 C38.738,84.125 83.793,84.125 97.034,84.125 C121.628,84.125 141.566,64.188 141.566,39.593 C141.566,23.002 132.485,8.546 119.03,0.887" id="path-133"></path>
+        <linearGradient x1="46.6470259%" y1="96.2985656%" x2="71.8307685%" y2="-47.3990245%" id="linearGradient-135">
+            <stop stop-color="#6DB4FD" offset="0%"></stop>
+            <stop stop-color="#E4ABFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M72.406,36.425 C72.406,56.392 56.22,72.579 36.252,72.579 C16.285,72.579 0.097,56.392 0.097,36.425 C0.097,16.457 16.285,0.271 36.252,0.271 C56.22,0.271 72.406,16.457 72.406,36.425" id="path-136"></path>
+        <linearGradient x1="120.87292%" y1="22.71118%" x2="-9.31059757%" y2="72.8359241%" id="linearGradient-138">
+            <stop stop-color="#FFDD5E" offset="0%"></stop>
+            <stop stop-color="#FFAC45" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.196,11.403 C10.002,-0.56 35.254,3.719 46.264,0.061 L46.264,8.915 C46.264,20.37 37.438,29.884 26.015,30.751 C16.042,31.509 5.692,33.112 0.196,39.817 L0.196,11.403" id="path-139"></path>
+        <linearGradient x1="90.9937484%" y1="50%" x2="-14.8547799%" y2="50%" id="linearGradient-141">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#EAEBED" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Process" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-3" transform="translate(409.000000, 478.000000)">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <g id="Clip-2"></g>
+            <polygon id="Fill-1" mask="url(#mask-2)" points="0.776 10.592 91.551 10.592 91.551 0.446 0.776 0.446"></polygon>
+        </g>
+        <polygon id="Fill-4" points="376.741 478.446 484.112 478.446 484.112 411.339 376.741 411.339"></polygon>
+        <g id="Group-8" transform="translate(200.000000, 87.000000)">
+            <mask id="mask-4" fill="white">
+                <use xlink:href="#path-3"></use>
+            </mask>
+            <g id="Clip-7"></g>
+            <path d="M466.235,268.554 L0.473,268.554 L0.473,22.728 C0.473,10.522 10.367,0.627 22.574,0.627 L444.135,0.627 C456.341,0.627 466.235,10.522 466.235,22.728 L466.235,268.554" id="Fill-6" fill="url(#linearGradient-5)" mask="url(#mask-4)"></path>
+        </g>
+        <g id="Group-11" transform="translate(515.000000, 135.000000)">
+            <mask id="mask-7" fill="white">
+                <use xlink:href="#path-6"></use>
+            </mask>
+            <g id="Clip-10"></g>
+            <path d="M47.268,263.398 L0.945,263.398 L0.945,0.369 L43.624,0.369 C45.637,0.369 47.268,2.001 47.268,4.013 L47.268,263.398" id="Fill-9" fill="url(#linearGradient-8)" mask="url(#mask-7)"></path>
+        </g>
+        <path d="M666.235,357.996 L666.235,330.729 C656.421,337.73 648.427,347.103 643.044,357.996 L666.235,357.996" id="Fill-12" fill="#25B5BB"></path>
+        <g id="Group-15" transform="translate(200.000000, 87.000000)">
+            <mask id="mask-10" fill="white">
+                <use xlink:href="#path-9"></use>
+            </mask>
+            <g id="Clip-14"></g>
+            <path d="M318.109,0.627 L22.574,0.627 C10.367,0.627 0.473,10.522 0.473,22.728 L0.473,223.432 L318.109,0.627" id="Fill-13" mask="url(#mask-10)"></path>
+        </g>
+        <g id="Group-18" transform="translate(200.000000, 87.000000)">
+            <mask id="mask-12" fill="white">
+                <use xlink:href="#path-11"></use>
+            </mask>
+            <g id="Clip-17"></g>
+            <path d="M41.771,4.273 C41.818,3.049 41.815,1.836 41.795,0.627 L22.574,0.627 C10.367,0.627 0.473,10.522 0.473,22.728 L0.473,66.374 C24.035,55.245 40.732,31.636 41.771,4.273" id="Fill-16" fill="url(#linearGradient-13)" mask="url(#mask-12)"></path>
+        </g>
+        <g id="Group-21" transform="translate(200.000000, 355.000000)">
+            <mask id="mask-15" fill="white">
+                <use xlink:href="#path-14"></use>
+            </mask>
+            <g id="Clip-20"></g>
+            <path d="M466.235,0.554 L0.473,0.554 L0.473,54.656 C0.473,61.327 5.881,66.736 12.553,66.736 L445.047,66.736 C456.749,66.736 466.235,57.249 466.235,45.547 L466.235,0.554" id="Fill-19" fill="url(#linearGradient-16)" mask="url(#mask-15)"></path>
+        </g>
+        <polygon id="Fill-22" fill="#90B5D2" points="397.086 421.736 456.434 421.736 456.434 354.915 397.086 354.915"></polygon>
+        <g id="Group-25" transform="translate(397.000000, 195.000000)">
+            <mask id="mask-18" fill="white">
+                <use xlink:href="#path-17"></use>
+            </mask>
+            <g id="Clip-24"></g>
+            <path d="M59.434,160.553 L59.434,15.583 C59.434,7.341 52.752,0.659 44.51,0.659 L0.086,0.659 L0.086,160.553 L59.434,160.553" id="Fill-23" fill="url(#linearGradient-19)" mask="url(#mask-18)"></path>
+        </g>
+        <g id="Group-28" transform="translate(515.000000, 355.000000)">
+            <mask id="mask-21" fill="white">
+                <use xlink:href="#path-20"></use>
+            </mask>
+            <g id="Clip-27"></g>
+            <path d="M0.945,0.553 L0.945,37.976 C0.945,40.97 3.373,43.398 6.368,43.398 L41.94,43.398 C44.883,43.398 47.268,41.013 47.268,38.071 L47.268,0.553 L0.945,0.553" id="Fill-26" fill="url(#linearGradient-22)" mask="url(#mask-21)"></path>
+        </g>
+        <g id="Group-31" transform="translate(610.000000, 81.000000)">
+            <mask id="mask-24" fill="white">
+                <use xlink:href="#path-23"></use>
+            </mask>
+            <g id="Clip-30"></g>
+            <path d="M34.135,0.625 L18,0.625 C7.555,9.107 0.878,22.045 0.878,36.548 C0.878,62.096 21.589,82.807 47.137,82.807 C50.252,82.807 53.293,82.495 56.235,81.907 L56.235,22.726 C56.235,10.52 46.341,0.625 34.135,0.625" id="Fill-29" mask="url(#mask-24)"></path>
+        </g>
+        <g id="Group-34" transform="translate(141.000000, 182.000000)">
+            <mask id="mask-26" fill="white">
+                <use xlink:href="#path-25"></use>
+            </mask>
+            <g id="Clip-33"></g>
+            <path d="M300.254,200.784 L268.773,0.134 L15.377,0.134 C7.186,0.134 0.546,6.774 0.546,14.965 L0.546,302.203 C0.546,310.395 7.186,317.034 15.377,317.034 L253.489,317.034 C279.316,317.034 300.254,296.098 300.254,270.271 C300.254,244.443 300.254,200.784 300.254,200.784" id="Fill-32" fill="url(#linearGradient-27)" mask="url(#mask-26)"></path>
+        </g>
+        <g id="Group-37" transform="translate(162.000000, 203.000000)">
+            <mask id="mask-29" fill="white">
+                <use xlink:href="#path-28"></use>
+            </mask>
+            <g id="Clip-36"></g>
+            <path d="M81.247,9.605 L60.951,9.605 C58.5,9.605 56.513,7.618 56.513,5.167 C56.513,2.716 58.5,0.729 60.951,0.729 L81.247,0.729 C83.698,0.729 85.684,2.716 85.684,5.167 C85.684,7.618 83.698,9.605 81.247,9.605 Z M126.913,9.605 L106.616,9.605 C104.166,9.605 102.179,7.618 102.179,5.167 C102.179,2.716 104.166,0.729 106.616,0.729 L126.913,0.729 C129.364,0.729 131.351,2.716 131.351,5.167 C131.351,7.618 129.364,9.605 126.913,9.605 Z M172.578,9.605 L152.283,9.605 C149.832,9.605 147.845,7.618 147.845,5.167 C147.845,2.716 149.832,0.729 152.283,0.729 L172.578,0.729 C175.03,0.729 177.016,2.716 177.016,5.167 C177.016,7.618 175.03,9.605 172.578,9.605 Z M218.244,9.605 L197.949,9.605 C195.497,9.605 193.511,7.618 193.511,5.167 C193.511,2.716 195.497,0.729 197.949,0.729 L218.244,0.729 C220.696,0.729 222.682,2.716 222.682,5.167 C222.682,7.618 220.696,9.605 218.244,9.605 Z M15.285,9.715 C13.095,9.715 11.189,8.094 10.892,5.863 C10.568,3.433 12.275,1.201 14.704,0.878 C15.444,0.78 16.2,0.729 16.951,0.729 L35.581,0.729 C38.032,0.729 40.019,2.716 40.019,5.167 C40.019,7.618 38.032,9.605 35.581,9.605 L16.951,9.605 C16.59,9.605 16.229,9.628 15.877,9.676 C15.679,9.702 15.48,9.715 15.285,9.715 Z M4.512,49.829 C2.061,49.829 0.075,47.843 0.075,45.391 L0.075,25.095 C0.075,22.644 2.061,20.657 4.512,20.657 C6.963,20.657 8.95,22.644 8.95,25.095 L8.95,45.391 C8.95,47.843 6.963,49.829 4.512,49.829 Z M4.512,95.495 C2.061,95.495 0.075,93.508 0.075,91.057 L0.075,70.761 C0.075,68.31 2.061,66.323 4.512,66.323 C6.963,66.323 8.95,68.31 8.95,70.761 L8.95,91.057 C8.95,93.508 6.963,95.495 4.512,95.495 Z M4.512,141.16 C2.061,141.16 0.075,139.172 0.075,136.722 L0.075,116.426 C0.075,113.976 2.061,111.989 4.512,111.989 C6.963,111.989 8.95,113.976 8.95,116.426 L8.95,136.722 C8.95,139.172 6.963,141.16 4.512,141.16 Z M4.512,186.826 C2.061,186.826 0.075,184.839 0.075,182.389 L0.075,162.092 C0.075,159.642 2.061,157.655 4.512,157.655 C6.963,157.655 8.95,159.642 8.95,162.092 L8.95,182.389 C8.95,184.839 6.963,186.826 4.512,186.826 Z M4.512,232.492 C2.061,232.492 0.075,230.505 0.075,228.055 L0.075,207.759 C0.075,205.309 2.061,203.322 4.512,203.322 C6.963,203.322 8.95,205.309 8.95,207.759 L8.95,228.055 C8.95,230.505 6.963,232.492 4.512,232.492 Z M254.073,247.946 C253.632,247.946 253.183,247.879 252.74,247.741 C250.402,247.004 249.103,244.513 249.838,242.175 C250.897,238.81 251.433,235.293 251.433,231.726 L251.433,223.385 C251.433,220.935 253.42,218.948 255.871,218.948 C258.323,218.948 260.309,220.935 260.309,223.385 L260.309,231.726 C260.309,236.199 259.635,240.609 258.305,244.837 C257.709,246.734 255.959,247.946 254.073,247.946 Z M12.703,274.643 C12.2,274.643 11.688,274.556 11.187,274.374 C4.54,271.958 0.075,265.581 0.075,258.508 L0.075,253.425 C0.075,250.974 2.061,248.987 4.512,248.987 C6.963,248.987 8.95,250.974 8.95,253.425 L8.95,258.508 C8.95,261.864 11.068,264.887 14.22,266.033 C16.524,266.87 17.712,269.416 16.875,271.721 C16.219,273.524 14.516,274.643 12.703,274.643 Z M220.635,275.185 C218.384,275.185 216.456,273.48 216.225,271.193 C215.979,268.755 217.756,266.578 220.195,266.332 C226.179,265.728 231.933,263.558 236.836,260.058 C238.83,258.635 241.601,259.097 243.026,261.09 C244.45,263.085 243.988,265.857 241.993,267.282 C235.835,271.679 228.606,274.404 221.086,275.163 C220.934,275.178 220.784,275.185 220.635,275.185 Z M58.282,275.385 L37.985,275.385 C35.534,275.385 33.547,273.397 33.547,270.947 C33.547,268.496 35.534,266.509 37.985,266.509 L58.282,266.509 C60.732,266.509 62.719,268.496 62.719,270.947 C62.719,273.397 60.732,275.385 58.282,275.385 Z M103.947,275.385 L83.651,275.385 C81.2,275.385 79.214,273.397 79.214,270.947 C79.214,268.496 81.2,266.509 83.651,266.509 L103.947,266.509 C106.398,266.509 108.385,268.496 108.385,270.947 C108.385,273.397 106.398,275.385 103.947,275.385 Z M149.613,275.385 L129.317,275.385 C126.866,275.385 124.879,273.397 124.879,270.947 C124.879,268.496 126.866,266.509 129.317,266.509 L149.613,266.509 C152.064,266.509 154.051,268.496 154.051,270.947 C154.051,273.397 152.064,275.385 149.613,275.385 Z M195.279,275.385 L174.983,275.385 C172.532,275.385 170.545,273.397 170.545,270.947 C170.545,268.496 172.532,266.509 174.983,266.509 L195.279,266.509 C197.729,266.509 199.716,268.496 199.716,270.947 C199.716,273.397 197.729,275.385 195.279,275.385 Z" id="Fill-35" fill="url(#linearGradient-30)" mask="url(#mask-29)"></path>
+        </g>
+        <g id="Group-40" transform="translate(394.000000, 135.000000)">
+            <mask id="mask-32" fill="white">
+                <use xlink:href="#path-31"></use>
+            </mask>
+            <g id="Clip-39"></g>
+            <path d="M0.489,0.369 L0.489,270.506 C26.316,270.506 47.254,291.443 47.254,317.271 L47.254,47.134 C47.254,21.306 26.316,0.369 0.489,0.369" id="Fill-38" fill="url(#linearGradient-33)" mask="url(#mask-32)"></path>
+        </g>
+        <path d="M550.573,393.421 L515.388,393.421 C512.313,393.421 509.819,390.928 509.819,387.853 L509.819,135.962 C509.819,132.886 512.313,130.392 515.388,130.392 L550.573,130.392 C553.649,130.392 556.142,132.886 556.142,135.962 L556.142,387.853 C556.142,390.928 553.649,393.421 550.573,393.421" id="Fill-41" fill="#FFFFFF"></path>
+        <g id="Group-44" transform="translate(509.000000, 130.000000)">
+            <mask id="mask-35" fill="white">
+                <use xlink:href="#path-34"></use>
+            </mask>
+            <g id="Clip-43"></g>
+            <path d="M13.071,263.421 L6.388,263.421 C3.313,263.421 0.819,260.928 0.819,257.853 L0.819,5.962 C0.819,2.886 3.313,0.392 6.388,0.392 L13.071,0.392 L13.071,263.421" id="Fill-42" fill="url(#linearGradient-36)" mask="url(#mask-35)"></path>
+        </g>
+        <g id="Group-47" transform="translate(534.000000, 144.000000)">
+            <mask id="mask-38" fill="white">
+                <use xlink:href="#path-37"></use>
+            </mask>
+            <g id="Clip-46"></g>
+            <polygon id="Fill-45" fill="url(#linearGradient-39)" mask="url(#mask-38)" points="0.096 6.962 22.142 6.962 22.142 0.801 0.096 0.801"></polygon>
+        </g>
+        <g id="Group-50" transform="translate(543.000000, 160.000000)">
+            <mask id="mask-41" fill="white">
+                <use xlink:href="#path-40"></use>
+            </mask>
+            <g id="Clip-49"></g>
+            <polygon id="Fill-48" fill="url(#linearGradient-42)" mask="url(#mask-41)" points="0.61 6.888 13.142 6.888 13.142 0.727 0.61 0.727"></polygon>
+        </g>
+        <g id="Group-53" transform="translate(534.000000, 176.000000)">
+            <mask id="mask-44" fill="white">
+                <use xlink:href="#path-43"></use>
+            </mask>
+            <g id="Clip-52"></g>
+            <polygon id="Fill-51" fill="url(#linearGradient-45)" mask="url(#mask-44)" points="0.096 6.814 22.142 6.814 22.142 0.653 0.096 0.653"></polygon>
+        </g>
+        <g id="Group-56" transform="translate(543.000000, 192.000000)">
+            <mask id="mask-47" fill="white">
+                <use xlink:href="#path-46"></use>
+            </mask>
+            <g id="Clip-55"></g>
+            <polygon id="Fill-54" fill="url(#linearGradient-48)" mask="url(#mask-47)" points="0.61 6.74 13.142 6.74 13.142 0.578 0.61 0.578"></polygon>
+        </g>
+        <g id="Group-59" transform="translate(534.000000, 208.000000)">
+            <mask id="mask-50" fill="white">
+                <use xlink:href="#path-49"></use>
+            </mask>
+            <g id="Clip-58"></g>
+            <polygon id="Fill-57" fill="url(#linearGradient-51)" mask="url(#mask-50)" points="0.096 6.665 22.142 6.665 22.142 0.504 0.096 0.504"></polygon>
+        </g>
+        <g id="Group-62" transform="translate(543.000000, 224.000000)">
+            <mask id="mask-53" fill="white">
+                <use xlink:href="#path-52"></use>
+            </mask>
+            <g id="Clip-61"></g>
+            <polygon id="Fill-60" fill="url(#linearGradient-54)" mask="url(#mask-53)" points="0.61 6.591 13.142 6.591 13.142 0.43 0.61 0.43"></polygon>
+        </g>
+        <polygon id="Fill-63" fill="url(#linearGradient-55)" points="534.096 246.516 556.142 246.516 556.142 240.355 534.096 240.355"></polygon>
+        <g id="Group-67" transform="translate(543.000000, 256.000000)">
+            <mask id="mask-57" fill="white">
+                <use xlink:href="#path-56"></use>
+            </mask>
+            <g id="Clip-66"></g>
+            <polygon id="Fill-65" fill="url(#linearGradient-58)" mask="url(#mask-57)" points="0.61 6.442 13.142 6.442 13.142 0.281 0.61 0.281"></polygon>
+        </g>
+        <polygon id="Fill-68" fill="url(#linearGradient-59)" points="534.096 278.368 556.142 278.368 556.142 272.207 534.096 272.207"></polygon>
+        <g id="Group-72" transform="translate(543.000000, 288.000000)">
+            <mask id="mask-61" fill="white">
+                <use xlink:href="#path-60"></use>
+            </mask>
+            <g id="Clip-71"></g>
+            <polygon id="Fill-70" fill="url(#linearGradient-62)" mask="url(#mask-61)" points="0.61 6.294 13.142 6.294 13.142 0.133 0.61 0.133"></polygon>
+        </g>
+        <polygon id="Fill-73" fill="url(#linearGradient-63)" points="534.096 310.219 556.142 310.219 556.142 304.058 534.096 304.058"></polygon>
+        <g id="Group-77" transform="translate(543.000000, 319.000000)">
+            <mask id="mask-65" fill="white">
+                <use xlink:href="#path-64"></use>
+            </mask>
+            <g id="Clip-76"></g>
+            <polygon id="Fill-75" fill="url(#linearGradient-66)" mask="url(#mask-65)" points="0.61 7.145 13.142 7.145 13.142 0.984 0.61 0.984"></polygon>
+        </g>
+        <polygon id="Fill-78" fill="url(#linearGradient-67)" points="534.096 342.071 556.142 342.071 556.142 335.909 534.096 335.909"></polygon>
+        <g id="Group-82" transform="translate(543.000000, 351.000000)">
+            <mask id="mask-69" fill="white">
+                <use xlink:href="#path-68"></use>
+            </mask>
+            <g id="Clip-81"></g>
+            <polygon id="Fill-80" fill="url(#linearGradient-70)" mask="url(#mask-69)" points="0.61 6.996 13.142 6.996 13.142 0.835 0.61 0.835"></polygon>
+        </g>
+        <polygon id="Fill-83" fill="url(#linearGradient-71)" points="534.096 373.922 556.142 373.922 556.142 367.761 534.096 367.761"></polygon>
+        <path d="M362.717,131.88 L307.871,131.88 C305.07,131.88 302.799,129.609 302.799,126.808 C302.799,124.007 305.07,121.736 307.871,121.736 L362.717,121.736 C365.517,121.736 367.788,124.007 367.788,126.808 C367.788,129.609 365.517,131.88 362.717,131.88" id="Fill-85" fill="#FFFFFF"></path>
+        <path d="M329.135,151.705 L307.871,151.705 C305.07,151.705 302.799,149.434 302.799,146.634 C302.799,143.833 305.07,141.562 307.871,141.562 L329.135,141.562 C331.936,141.562 334.206,143.833 334.206,146.634 C334.206,149.434 331.936,151.705 329.135,151.705" id="Fill-86" fill="#FFFFFF"></path>
+        <path d="M641.756,144.372 L585.092,144.372 C581.497,144.372 578.584,141.458 578.584,137.864 C578.584,134.27 581.497,131.356 585.092,131.356 L641.756,131.356 C645.35,131.356 648.263,134.27 648.263,137.864 C648.263,141.458 645.35,144.372 641.756,144.372" id="Fill-87" fill="#FFFFFF"></path>
+        <g id="Group-90" transform="translate(612.000000, 131.000000)">
+            <mask id="mask-73" fill="white">
+                <use xlink:href="#path-72"></use>
+            </mask>
+            <g id="Clip-89"></g>
+            <path d="M29.756,0.356 L0.974,0.356 C2.445,5.065 4.658,9.443 7.461,13.372 L29.756,13.372 C33.35,13.372 36.263,10.458 36.263,6.864 C36.263,3.27 33.35,0.356 29.756,0.356" id="Fill-88" fill="url(#linearGradient-74)" mask="url(#mask-73)"></path>
+        </g>
+        <path d="M624.402,172.764 L585.092,172.764 C581.497,172.764 578.584,169.85 578.584,166.256 C578.584,162.662 581.497,159.748 585.092,159.748 L624.402,159.748 C627.997,159.748 630.91,162.662 630.91,166.256 C630.91,169.85 627.997,172.764 624.402,172.764" id="Fill-91" fill="#FFFFFF"></path>
+        <path d="M599.718,229.55 L585.092,229.55 C581.497,229.55 578.584,226.636 578.584,223.042 C578.584,219.448 581.497,216.533 585.092,216.533 L599.718,216.533 C603.312,216.533 606.225,219.448 606.225,223.042 C606.225,226.636 603.312,229.55 599.718,229.55" id="Fill-92" fill="#FF528D"></path>
+        <path d="M641.756,229.55 L619.01,229.55 C615.415,229.55 612.502,226.636 612.502,223.042 C612.502,219.448 615.415,216.533 619.01,216.533 L641.756,216.533 C645.35,216.533 648.263,219.448 648.263,223.042 C648.263,226.636 645.35,229.55 641.756,229.55" id="Fill-93" fill="#FFFFFF"></path>
+        <path d="M610.877,201.157 L585.092,201.157 C581.497,201.157 578.584,198.243 578.584,194.649 C578.584,191.055 581.497,188.141 585.092,188.141 L610.877,188.141 C614.471,188.141 617.385,191.055 617.385,194.649 C617.385,198.243 614.471,201.157 610.877,201.157" id="Fill-94" fill="#FFFFFF"></path>
+        <path d="M641.756,201.157 L635.149,201.157 C631.555,201.157 628.64,198.243 628.64,194.649 C628.64,191.055 631.555,188.141 635.149,188.141 L641.756,188.141 C645.35,188.141 648.263,191.055 648.263,194.649 C648.263,198.243 645.35,201.157 641.756,201.157" id="Fill-95" fill="#385BFF"></path>
+        <g id="Group-98" transform="translate(206.000000, 258.000000)">
+            <mask id="mask-76" fill="white">
+                <use xlink:href="#path-75"></use>
+            </mask>
+            <g id="Clip-97"></g>
+            <path d="M152.634,40.978 L143.001,40.978 C140.746,40.978 138.919,42.806 138.919,45.061 C138.919,47.316 140.746,49.144 143.001,49.144 L152.634,49.144 C154.889,49.144 156.717,47.316 156.717,45.061 C156.717,42.806 154.889,40.978 152.634,40.978 Z M124.338,40.978 L112.674,40.978 C110.419,40.978 108.591,42.806 108.591,45.061 C108.591,47.316 110.419,49.144 112.674,49.144 L124.338,49.144 C126.593,49.144 128.421,47.316 128.421,45.061 C128.421,42.806 126.593,40.978 124.338,40.978 Z M16.637,40.978 L4.973,40.978 C2.718,40.978 0.89,42.806 0.89,45.061 C0.89,47.316 2.718,49.144 4.973,49.144 L16.637,49.144 C18.892,49.144 20.72,47.316 20.72,45.061 C20.72,42.806 18.892,40.978 16.637,40.978 Z M49.016,45.061 C49.016,42.806 47.189,40.978 44.934,40.978 L35.3,40.978 C33.046,40.978 31.218,42.806 31.218,45.061 C31.218,47.316 33.046,49.144 35.3,49.144 L44.934,49.144 C47.189,49.144 49.016,47.316 49.016,45.061 Z M79.18,22.97 C81.435,22.97 83.263,21.142 83.263,18.887 L83.263,4.921 C83.263,2.666 81.435,0.838 79.18,0.838 C76.926,0.838 75.098,2.666 75.098,4.921 L75.098,18.887 C75.098,21.142 76.926,22.97 79.18,22.97 Z M120.488,86.823 C115.928,91.382 110.74,95.08 105.128,97.867 L94.364,70.724 C93.533,68.628 91.162,67.602 89.064,68.434 C86.969,69.265 85.943,71.637 86.774,73.734 L97.575,100.973 C91.718,102.909 85.529,103.932 79.18,103.932 C72.862,103.932 66.696,102.923 60.788,100.962 L71.586,73.734 C72.417,71.637 71.391,69.265 69.296,68.434 C67.199,67.601 64.827,68.628 63.996,70.724 L51.688,101.763 C51.682,101.776 51.674,101.785 51.669,101.798 C51.663,101.814 51.661,101.83 51.655,101.846 L35.615,142.295 C34.783,144.391 35.809,146.764 37.906,147.596 C38.399,147.791 38.908,147.884 39.409,147.884 C41.034,147.884 42.57,146.908 43.205,145.305 L57.774,108.565 C64.645,110.9 71.824,112.097 79.18,112.097 C86.577,112.097 93.784,110.882 100.591,108.577 L115.155,145.305 C115.79,146.908 117.326,147.884 118.951,147.884 C119.451,147.884 119.961,147.79 120.454,147.596 C122.551,146.764 123.576,144.391 122.745,142.295 L108.15,105.49 C114.78,102.281 120.899,97.956 126.261,92.595 C127.856,91.001 127.856,88.415 126.262,86.823 C124.668,85.229 122.083,85.228 120.488,86.823 Z M79.18,34.492 C85.007,34.492 89.748,39.234 89.748,45.061 C89.748,50.888 85.007,55.629 79.18,55.629 C73.353,55.629 68.612,50.888 68.612,45.061 C68.612,39.234 73.353,34.492 79.18,34.492 Z M79.18,63.794 C89.51,63.794 97.913,55.39 97.913,45.061 C97.913,34.731 89.51,26.327 79.18,26.327 C68.851,26.327 60.447,34.731 60.447,45.061 C60.447,55.39 68.851,63.794 79.18,63.794 Z" id="Fill-96" fill="url(#linearGradient-77)" mask="url(#mask-76)"></path>
+        </g>
+        <path d="M290.925,137.864 C290.925,153.486 278.261,166.151 262.638,166.151 C247.016,166.151 234.351,153.486 234.351,137.864 C234.351,122.241 247.016,109.577 262.638,109.577 C278.261,109.577 290.925,122.241 290.925,137.864" id="Fill-99" fill="#FFFFFF"></path>
+        <g id="Group-102" transform="translate(109.000000, 10.000000)">
+            <mask id="mask-79" fill="white">
+                <use xlink:href="#path-78"></use>
+            </mask>
+            <g id="Clip-101"></g>
+            <path d="M63.943,11.044 L63.943,51.6 C63.943,58.252 58.551,63.643 51.9,63.643 L11.343,63.643 C4.671,63.643 -0.339,69.751 0.968,76.293 C6.999,106.488 34.204,129.041 66.445,127.816 C99.73,126.552 126.851,99.43 128.116,66.146 C129.34,33.905 106.786,6.7 76.592,0.669 C70.05,-0.638 63.943,4.372 63.943,11.044" id="Fill-100" fill="url(#linearGradient-80)" mask="url(#mask-79)"></path>
+        </g>
+        <g id="Group-105" transform="translate(99.000000, 0.000000)">
+            <mask id="mask-82" fill="white">
+                <use xlink:href="#path-81"></use>
+            </mask>
+            <g id="Clip-104"></g>
+            <polygon id="Fill-103" fill="url(#linearGradient-83)" mask="url(#mask-82)" points="-98.94 598.94 744.566 598.94 744.566 0.711 -98.94 0.711"></polygon>
+        </g>
+        <g id="Group-108" transform="translate(572.000000, 355.000000)">
+            <mask id="mask-85" fill="white">
+                <use xlink:href="#path-84"></use>
+            </mask>
+            <g id="Clip-107"></g>
+            <path d="M94.235,45.547 L94.235,0.553 L72.309,0.553 C67.753,8.963 64.775,18.354 63.828,28.344 C60.633,27.779 57.349,27.467 53.992,27.467 C28.879,27.467 7.624,43.978 0.484,66.736 L73.047,66.736 C75.972,66.736 78.76,66.143 81.295,65.071 C88.899,61.854 94.235,54.324 94.235,45.547" id="Fill-106" fill="url(#linearGradient-86)" mask="url(#mask-85)"></path>
+        </g>
+        <g id="Group-111" transform="translate(141.000000, 259.000000)">
+            <mask id="mask-88" fill="white">
+                <use xlink:href="#path-87"></use>
+            </mask>
+            <g id="Clip-110"></g>
+            <path d="M122.566,0.66 L0.546,0.66 L0.546,30.776 L21.187,30.776 C24.668,30.776 26.082,35.255 23.233,37.254 L0.546,53.167 L0.546,92.191 L124.102,5.523 C126.241,4.022 125.179,0.66 122.566,0.66" id="Fill-109" fill="url(#linearGradient-89)" mask="url(#mask-88)"></path>
+        </g>
+        <path d="M166.512,314.989 C164.061,314.989 162.075,316.976 162.075,319.426 L162.075,336.791 L170.95,330.566 L170.95,319.426 C170.95,316.976 168.963,314.989 166.512,314.989" id="Fill-112" fill="#80B2FD"></path>
+        <g id="Group-115" transform="translate(31.000000, 242.000000)">
+            <mask id="mask-91" fill="white">
+                <use xlink:href="#path-90"></use>
+            </mask>
+            <g id="Clip-114"></g>
+            <path d="M115.654,37.911 L36.293,93.578 C33.881,95.271 30.561,93.544 30.561,90.598 L30.561,37.002 C30.561,33.847 33.119,31.289 36.274,31.289 L113.563,31.289 C117.121,31.289 118.567,35.868 115.654,37.911 Z M217.2,0.503 L7.701,0.503 C3.458,0.503 0.018,3.943 0.018,8.186 L0.018,153.659 C0.018,155.872 2.51,157.168 4.322,155.898 L218.769,5.474 C220.956,3.94 219.871,0.503 217.2,0.503 Z" id="Fill-113" fill="url(#linearGradient-92)" mask="url(#mask-91)"></path>
+        </g>
+        <g id="Group-118" transform="translate(60.000000, 242.000000)">
+            <mask id="mask-94" fill="white">
+                <use xlink:href="#path-93"></use>
+            </mask>
+            <g id="Clip-117"></g>
+            <path d="M164.076,12.238 L169.846,12.238 L169.846,0.503 L164.076,0.503 L164.076,12.238 Z M134.251,12.238 L140.02,12.238 L140.02,0.503 L134.251,0.503 L134.251,12.238 Z M149.164,21.147 L154.933,21.147 L154.933,0.503 L149.164,0.503 L149.164,21.147 Z M104.425,12.238 L110.194,12.238 L110.194,0.503 L104.425,0.503 L104.425,12.238 Z M119.338,21.147 L125.107,21.147 L125.107,0.503 L119.338,0.503 L119.338,21.147 Z M89.512,21.147 L95.281,21.147 L95.281,0.503 L89.512,0.503 L89.512,21.147 Z M74.599,12.238 L80.368,12.238 L80.368,0.503 L74.599,0.503 L74.599,12.238 Z M44.773,12.238 L50.542,12.238 L50.542,0.503 L44.773,0.503 L44.773,12.238 Z M59.686,21.147 L65.455,21.147 L65.455,0.503 L59.686,0.503 L59.686,21.147 Z M14.948,12.238 L20.717,12.238 L20.717,0.503 L14.948,0.503 L14.948,12.238 Z M0.035,21.147 L5.804,21.147 L5.804,0.503 L0.035,0.503 L0.035,21.147 Z M29.86,21.147 L35.63,21.147 L35.63,0.503 L29.86,0.503 L29.86,21.147 Z" id="Fill-116" fill="url(#linearGradient-95)" mask="url(#mask-94)"></path>
+        </g>
+        <path d="M719.865,149.995 C717.492,152.368 713.643,152.368 711.27,149.995 L691.229,129.954 C688.856,127.58 688.856,123.733 691.229,121.359 C693.602,118.986 697.45,118.986 699.824,121.359 L719.865,141.4 C722.238,143.774 722.238,147.621 719.865,149.995" id="Fill-119" fill="#385BFF"></path>
+        <g id="Group-122" transform="translate(613.000000, 43.000000)">
+            <mask id="mask-97" fill="white">
+                <use xlink:href="#path-96"></use>
+            </mask>
+            <g id="Clip-121"></g>
+            <path d="M99.768,49.713 C99.768,77.146 77.529,99.385 50.096,99.385 C22.663,99.385 0.424,77.146 0.424,49.713 C0.424,22.28 22.663,0.04 50.096,0.04 C77.529,0.04 99.768,22.28 99.768,49.713" id="Fill-120" fill="url(#linearGradient-98)" mask="url(#mask-97)"></path>
+        </g>
+        <path d="M696.742,92.713 C696.742,111.295 681.678,126.359 663.096,126.359 C644.513,126.359 629.45,111.295 629.45,92.713 C629.45,74.131 644.513,59.067 663.096,59.067 C681.678,59.067 696.742,74.131 696.742,92.713" id="Fill-123" fill="#FFFFFF"></path>
+        <g id="Group-126" transform="translate(629.000000, 72.000000)">
+            <mask id="mask-100" fill="white">
+                <use xlink:href="#path-99"></use>
+            </mask>
+            <g id="Clip-125"></g>
+            <path d="M63.119,29.476 C63.119,13.592 50.243,0.716 34.359,0.716 L7.039,0.716 C2.9,6.307 0.45,13.223 0.45,20.713 C0.45,39.295 15.513,54.359 34.096,54.359 C46.469,54.359 57.273,47.677 63.119,37.728 L63.119,29.476" id="Fill-124" mask="url(#mask-100)"></path>
+        </g>
+        <g id="Group-129" transform="translate(704.000000, 134.000000)">
+            <mask id="mask-102" fill="white">
+                <use xlink:href="#path-101"></use>
+            </mask>
+            <g id="Clip-128"></g>
+            <path d="M55.411,55.541 C48.689,62.262 37.791,62.262 31.07,55.541 L5.524,29.995 C-1.197,23.274 -1.197,12.376 5.524,5.655 C12.246,-1.067 23.144,-1.067 29.866,5.655 L55.411,31.2 C62.133,37.921 62.133,48.819 55.411,55.541" id="Fill-127" fill="url(#linearGradient-103)" mask="url(#mask-102)"></path>
+        </g>
+        <g id="Group-132" transform="translate(246.000000, 116.000000)">
+            <mask id="mask-105" fill="white">
+                <use xlink:href="#path-104"></use>
+            </mask>
+            <g id="Clip-131"></g>
+            <path d="M16.638,18.223 C20.026,18.223 22.771,15.477 22.771,12.09 L22.771,6.73 C22.771,3.343 20.026,0.597 16.638,0.597 C13.251,0.597 10.505,3.343 10.505,6.73 L10.505,12.09 C10.505,15.477 13.251,18.223 16.638,18.223 Z M16.638,21.286 C7.969,21.286 0.941,28.314 0.941,36.983 L0.941,45.391 C5.433,48.394 10.829,50.151 16.638,50.151 C22.447,50.151 27.844,48.394 32.335,45.391 L32.335,36.983 C32.335,28.314 25.307,21.286 16.638,21.286 Z" id="Fill-130" fill="url(#linearGradient-106)" mask="url(#mask-105)"></path>
+        </g>
+        <path d="M193.977,451.687 C195.326,443.41 194.962,433.617 190.212,423.596 C189.082,421.214 185.763,421.089 184.485,423.395 C178.141,434.837 165.954,445.765 141.546,449.409 L141.546,484.203 C141.546,492.395 148.186,499.034 156.377,499.034 L210.593,499.034 L210.593,474.047 C210.593,463.492 203.588,454.581 193.977,451.687" id="Fill-133" fill="#3679FC"></path>
+        <g id="Group-136" transform="translate(166.000000, 529.000000)">
+            <mask id="mask-108" fill="white">
+                <use xlink:href="#path-107"></use>
+            </mask>
+            <g id="Clip-135"></g>
+            <polygon id="Fill-134" fill="url(#linearGradient-109)" mask="url(#mask-108)" points="-165.94 69.94 677.566 69.94 677.566 -528.289 -165.94 -528.289"></polygon>
+        </g>
+        <path d="M566.778,557.364 C563.6,541.422 549.534,529.407 532.658,529.407 L512.157,529.407 L512.157,534.006 C512.157,546.906 522.615,557.364 535.515,557.364 L566.778,557.364" id="Fill-137" fill="#95CEFC"></path>
+        <g id="Group-140" transform="translate(259.000000, 529.000000)">
+            <mask id="mask-111" fill="white">
+                <use xlink:href="#path-110"></use>
+            </mask>
+            <g id="Clip-139"></g>
+            <path d="M0.612,0.407 L0.612,41.794 C0.612,45.452 3.577,48.417 7.235,48.417 L152.248,48.417 C155.906,48.417 158.871,45.452 158.871,41.794 L158.871,0.407 L0.612,0.407" id="Fill-138" fill="url(#linearGradient-112)" mask="url(#mask-111)"></path>
+        </g>
+        <g id="Group-143" transform="translate(241.000000, 466.000000)">
+            <mask id="mask-114" fill="white">
+                <use xlink:href="#path-113"></use>
+            </mask>
+            <g id="Clip-142"></g>
+            <path d="M152.451,98.203 L7.439,98.203 C3.781,98.203 0.815,95.239 0.815,91.58 L0.815,7.481 C0.815,3.823 3.781,0.858 7.439,0.858 L152.451,0.858 C156.109,0.858 159.075,3.823 159.075,7.481 L159.075,91.58 C159.075,95.239 156.109,98.203 152.451,98.203" id="Fill-141" fill="url(#linearGradient-115)" mask="url(#mask-114)"></path>
+        </g>
+        <g id="Group-146" transform="translate(241.000000, 488.000000)">
+            <mask id="mask-117" fill="white">
+                <use xlink:href="#path-116"></use>
+            </mask>
+            <g id="Clip-145"></g>
+            <path d="M0.815,21.78 C19.194,-1.93 37.584,-7.941 57.525,15.119 C81.481,42.825 92.542,58.535 107.488,43.577 C122.514,28.539 138.971,33.79 159.075,65.299 L159.075,69.58 C159.075,73.239 156.109,76.203 152.451,76.203 L7.439,76.203 C3.781,76.203 0.815,73.239 0.815,69.58 L0.815,21.78" id="Fill-144" fill="url(#linearGradient-118)" mask="url(#mask-117)"></path>
+        </g>
+        <g id="Group-149" transform="translate(348.000000, 477.000000)">
+            <mask id="mask-120" fill="white">
+                <use xlink:href="#path-119"></use>
+            </mask>
+            <g id="Clip-148"></g>
+            <path d="M33.824,17.384 C33.824,26.527 26.412,33.938 17.269,33.938 C8.127,33.938 0.716,26.527 0.716,17.384 C0.716,8.241 8.127,0.829 17.269,0.829 C26.412,0.829 33.824,8.241 33.824,17.384" id="Fill-147" fill="url(#linearGradient-121)" mask="url(#mask-120)"></path>
+        </g>
+        <path d="M201.464,529.407 C183.066,529.407 168.013,543.689 166.762,561.77 L187.235,561.77 C200.135,561.77 210.593,551.312 210.593,538.411 L210.593,529.407 L201.464,529.407" id="Fill-150" fill="#80BEF7"></path>
+        <path d="M525.117,560.801 C525.117,568.149 519.16,574.106 511.812,574.106 C504.464,574.106 498.508,568.149 498.508,560.801 C498.508,553.453 504.464,547.496 511.812,547.496 C519.16,547.496 525.117,553.453 525.117,560.801 Z" id="Stroke-151" stroke="#FFFFFF" stroke-width="4"></path>
+        <path d="M531.222,582.746 C530.573,582.746 529.925,582.499 529.43,582.003 L519.427,572.001 C518.436,571.011 518.436,569.406 519.427,568.415 C520.418,567.425 522.022,567.425 523.013,568.415 L533.015,578.417 C534.006,579.408 534.006,581.013 533.015,582.003 C532.519,582.499 531.871,582.746 531.222,582.746" id="Fill-152" fill="#FFFFFF"></path>
+        <g id="Group-155" transform="translate(518.000000, 436.000000)">
+            <mask id="mask-123" fill="white">
+                <use xlink:href="#path-122"></use>
+            </mask>
+            <g id="Clip-154"></g>
+            <path d="M109.603,28.999 L87.676,28.999 C50.555,28.999 33.996,15.738 26.217,1.705 C24.938,-0.6 21.619,-0.475 20.49,1.907 C15.739,11.927 15.375,21.721 16.724,29.996 C7.113,32.891 0.109,41.802 0.109,52.357 L0.109,81.781 C0.109,94.681 10.566,105.139 23.467,105.139 L109.603,105.139 C122.504,105.139 132.962,94.681 132.962,81.781 L132.962,52.357 C132.962,39.456 122.504,28.999 109.603,28.999" id="Fill-153" fill="url(#linearGradient-124)" mask="url(#mask-123)"></path>
+        </g>
+        <g id="Group-158" transform="translate(0.000000, 411.000000)">
+            <mask id="mask-126" fill="white">
+                <use xlink:href="#path-125"></use>
+            </mask>
+            <g id="Clip-157"></g>
+            <polygon id="Fill-156" mask="url(#mask-126)" points="0.06 187.94 843.566 187.94 843.566 -410.289 0.06 -410.289"></polygon>
+        </g>
+        <path d="M117.949,507.953 L70.933,507.953 C66.713,507.953 63.292,511.376 63.292,515.595 C63.292,519.815 66.713,523.238 70.933,523.238 L117.949,523.238 C122.169,523.238 125.591,519.815 125.591,515.595 C125.591,511.376 122.169,507.953 117.949,507.953 Z M47.331,507.953 L28.523,507.953 C24.302,507.953 20.882,511.376 20.882,515.595 C20.882,519.815 24.302,523.238 28.523,523.238 L47.331,523.238 C51.552,523.238 54.973,519.815 54.973,515.595 C54.973,511.376 51.552,507.953 47.331,507.953 Z M66.688,489.434 C66.688,485.214 63.267,481.792 59.047,481.792 L28.523,481.792 C24.302,481.792 20.882,485.214 20.882,489.434 C20.882,493.654 24.302,497.075 28.523,497.075 L59.047,497.075 C63.267,497.075 66.688,493.654 66.688,489.434 Z" id="Fill-159" fill="#FFFFFF"></path>
+        <g id="Group-162" transform="translate(575.000000, 461.000000)">
+            <mask id="mask-128" fill="white">
+                <use xlink:href="#path-127"></use>
+            </mask>
+            <g id="Clip-161"></g>
+            <path d="M53.556,38.249 L75.962,38.249 L75.962,27.357 C75.962,14.456 65.504,3.999 52.603,3.999 L30.676,3.999 C18.535,3.999 8.606,2.574 0.453,0.174 C7.953,22.31 28.887,38.249 53.556,38.249" id="Fill-160" fill="url(#linearGradient-129)" mask="url(#mask-128)"></path>
+        </g>
+        <g id="Group-165" transform="translate(591.000000, 309.000000)">
+            <mask id="mask-131" fill="white">
+                <use xlink:href="#path-130"></use>
+            </mask>
+            <g id="Clip-164"></g>
+            <path d="M210.918,89.164 C211.971,84.223 212.536,79.102 212.536,73.848 C212.536,33.433 179.773,0.67 139.358,0.67 C101.303,0.67 70.042,29.724 66.521,66.859 C63.326,66.293 60.044,65.981 56.685,65.981 C25.718,65.981 0.613,91.085 0.613,122.053 C0.613,153.022 25.718,178.125 56.685,178.125 C81.12,178.125 186.531,178.125 208.034,178.125 C232.628,178.125 252.566,158.188 252.566,133.593 C252.566,109.969 234.167,90.652 210.918,89.164" id="Fill-163" fill="url(#linearGradient-132)" mask="url(#mask-131)"></path>
+        </g>
+        <g id="Group-168" transform="translate(702.000000, 403.000000)">
+            <mask id="mask-134" fill="white">
+                <use xlink:href="#path-133"></use>
+            </mask>
+            <g id="Clip-167"></g>
+            <path d="M119.03,0.887 L0.363,84.125 C38.738,84.125 83.793,84.125 97.034,84.125 C121.628,84.125 141.566,64.188 141.566,39.593 C141.566,23.002 132.485,8.546 119.03,0.887" id="Fill-166" fill="url(#linearGradient-135)" mask="url(#mask-134)"></path>
+        </g>
+        <path d="M799.033,487.125 C800.812,487.125 802.563,487.009 804.288,486.807 C799.487,472.472 785.959,462.139 770.008,462.139 C753.939,462.139 740.326,472.625 735.62,487.125 C763.656,487.125 789.534,487.125 799.033,487.125" id="Fill-169" fill="#57A4FE"></path>
+        <g id="Group-172" transform="translate(746.000000, 452.000000)">
+            <mask id="mask-137" fill="white">
+                <use xlink:href="#path-136"></use>
+            </mask>
+            <g id="Clip-171"></g>
+            <path d="M72.406,36.425 C72.406,56.392 56.22,72.579 36.252,72.579 C16.285,72.579 0.097,56.392 0.097,36.425 C0.097,16.457 16.285,0.271 36.252,0.271 C56.22,0.271 72.406,16.457 72.406,36.425" id="Fill-170" fill="url(#linearGradient-138)" mask="url(#mask-137)"></path>
+        </g>
+        <path d="M782.252,513.698 C778.751,513.698 775.912,510.861 775.912,507.359 L775.912,469.491 C775.912,465.99 778.751,463.152 782.252,463.152 C785.754,463.152 788.592,465.99 788.592,469.491 L788.592,507.359 C788.592,510.861 785.754,513.698 782.252,513.698" id="Fill-173" fill="#FFFFFF"></path>
+        <path d="M801.185,494.765 L763.318,494.765 C759.817,494.765 756.978,491.927 756.978,488.425 C756.978,484.923 759.817,482.085 763.318,482.085 L801.185,482.085 C804.687,482.085 807.525,484.923 807.525,488.425 C807.525,491.927 804.687,494.765 801.185,494.765" id="Fill-174" fill="#FFFFFF"></path>
+        <path d="M725.264,424.193 C729.997,434.97 722.43,448.714 708.364,454.891 C694.297,461.068 679.057,457.338 674.325,446.561 C669.593,435.783 677.159,422.039 691.225,415.863 C705.292,409.686 720.532,413.415 725.264,424.193" id="Fill-175" fill="#FFFFFF"></path>
+        <polygon id="Fill-176" fill="#FFFFFF" points="716.196 432.626 726.6 432.626 726.6 356.403 716.196 356.403"></polygon>
+        <g id="Group-179" transform="translate(716.000000, 345.000000)">
+            <mask id="mask-140" fill="white">
+                <use xlink:href="#path-139"></use>
+            </mask>
+            <g id="Clip-178"></g>
+            <path d="M0.196,11.403 C10.002,-0.56 35.254,3.719 46.264,0.061 L46.264,8.915 C46.264,20.37 37.438,29.884 26.015,30.751 C16.042,31.509 5.692,33.112 0.196,39.817 L0.196,11.403" id="Fill-177" fill="url(#linearGradient-141)" mask="url(#mask-140)"></path>
+        </g>
+        <path d="M577.352,500.163 C580.102,497.413 580.101,492.955 577.352,490.205 L576.893,489.746 C574.143,486.997 569.685,486.997 566.935,489.746 L546.865,509.818 L546.877,509.83 C546.708,510.024 546.567,510.25 546.492,510.525 L543.531,521.39 C543.171,522.714 544.385,523.928 545.709,523.568 L556.574,520.607 C556.849,520.531 557.075,520.392 557.268,520.222 L557.281,520.235 L577.352,500.163" id="Fill-180" fill="#FFFFFF"></path>
+        <path d="M587.305,490.21 C585.507,492.008 582.593,492.008 580.795,490.21 L576.888,486.305 C575.091,484.507 575.091,481.592 576.888,479.794 C578.686,477.996 581.6,477.996 583.398,479.794 L587.305,483.7 C589.102,485.498 589.102,488.412 587.305,490.21" id="Fill-181" fill="#FFFFFF"></path>
+        <path d="M578.269,511.908 L573.803,511.908 C570.565,511.908 567.941,514.533 567.941,517.77 C567.941,521.007 570.565,523.632 573.803,523.632 L578.269,523.632 C581.508,523.632 584.132,521.007 584.132,517.77 C584.132,514.533 581.508,511.908 578.269,511.908" id="Fill-182" fill="#FFFFFF"></path>
+        <path d="M619.742,511.908 L596.375,511.908 C593.138,511.908 590.513,514.533 590.513,517.77 C590.513,521.007 593.138,523.632 596.375,523.632 L619.742,523.632 C622.979,523.632 625.603,521.007 625.603,517.77 C625.603,514.533 622.979,511.908 619.742,511.908" id="Fill-183" fill="#FFFFFF"></path>
+        <path d="M662.287,117.401 C646.309,117.401 632.942,106.26 629.507,91.324 C629.488,91.787 629.45,92.245 629.45,92.713 C629.45,111.295 644.513,126.359 663.096,126.359 C675.469,126.359 686.273,119.677 692.119,109.728 C692.119,109.728 692.11,107.108 692.095,104.51 C692.087,103.087 690.268,102.486 689.428,103.634 C683.305,111.98 673.431,117.401 662.287,117.401" id="Fill-184" fill="#19B0C3"></path>
+        <path d="M210.411,469.509 L200.431,469.509 C197.98,469.509 195.993,471.496 195.993,473.947 C195.993,476.397 197.98,478.385 200.431,478.385 L211.038,478.385 L211.038,474.852 C211.038,473.012 210.813,471.226 210.411,469.509" id="Fill-185" fill="#80B2FD"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/illustrations/trophy.png b/ci4app/public/assets/raven/images/illustrations/trophy.png
new file mode 100644
index 0000000..466ecd6
Binary files /dev/null and b/ci4app/public/assets/raven/images/illustrations/trophy.png differ
diff --git a/ci4app/public/assets/raven/images/illustrations/wallet.png b/ci4app/public/assets/raven/images/illustrations/wallet.png
new file mode 100644
index 0000000..4eff175
Binary files /dev/null and b/ci4app/public/assets/raven/images/illustrations/wallet.png differ
diff --git a/ci4app/public/assets/raven/images/products/1.png b/ci4app/public/assets/raven/images/products/1.png
new file mode 100644
index 0000000..3fe1fa0
Binary files /dev/null and b/ci4app/public/assets/raven/images/products/1.png differ
diff --git a/ci4app/public/assets/raven/images/products/2.png b/ci4app/public/assets/raven/images/products/2.png
new file mode 100644
index 0000000..9d977e5
Binary files /dev/null and b/ci4app/public/assets/raven/images/products/2.png differ
diff --git a/ci4app/public/assets/raven/images/products/3.png b/ci4app/public/assets/raven/images/products/3.png
new file mode 100644
index 0000000..ccb46b8
Binary files /dev/null and b/ci4app/public/assets/raven/images/products/3.png differ
diff --git a/ci4app/public/assets/raven/images/products/4.png b/ci4app/public/assets/raven/images/products/4.png
new file mode 100644
index 0000000..d68c6f0
Binary files /dev/null and b/ci4app/public/assets/raven/images/products/4.png differ
diff --git a/ci4app/public/assets/raven/images/products/5.png b/ci4app/public/assets/raven/images/products/5.png
new file mode 100644
index 0000000..3106b91
Binary files /dev/null and b/ci4app/public/assets/raven/images/products/5.png differ
diff --git a/ci4app/public/assets/raven/images/products/6.png b/ci4app/public/assets/raven/images/products/6.png
new file mode 100644
index 0000000..ff98f55
Binary files /dev/null and b/ci4app/public/assets/raven/images/products/6.png differ
diff --git a/ci4app/public/assets/raven/images/products/7.png b/ci4app/public/assets/raven/images/products/7.png
new file mode 100644
index 0000000..61f5311
Binary files /dev/null and b/ci4app/public/assets/raven/images/products/7.png differ
diff --git a/ci4app/public/assets/raven/images/products/single1.png b/ci4app/public/assets/raven/images/products/single1.png
new file mode 100644
index 0000000..6bef411
Binary files /dev/null and b/ci4app/public/assets/raven/images/products/single1.png differ
diff --git a/ci4app/public/assets/raven/images/products/single2.png b/ci4app/public/assets/raven/images/products/single2.png
new file mode 100644
index 0000000..fd24da2
Binary files /dev/null and b/ci4app/public/assets/raven/images/products/single2.png differ
diff --git a/ci4app/public/assets/raven/images/products/single3.png b/ci4app/public/assets/raven/images/products/single3.png
new file mode 100644
index 0000000..c0d4ac4
Binary files /dev/null and b/ci4app/public/assets/raven/images/products/single3.png differ
diff --git a/ci4app/public/assets/raven/images/projects/1.jpg b/ci4app/public/assets/raven/images/projects/1.jpg
new file mode 100644
index 0000000..122cb43
Binary files /dev/null and b/ci4app/public/assets/raven/images/projects/1.jpg differ
diff --git a/ci4app/public/assets/raven/images/projects/2.jpg b/ci4app/public/assets/raven/images/projects/2.jpg
new file mode 100644
index 0000000..122cb43
Binary files /dev/null and b/ci4app/public/assets/raven/images/projects/2.jpg differ
diff --git a/ci4app/public/assets/raven/images/projects/3.jpg b/ci4app/public/assets/raven/images/projects/3.jpg
new file mode 100644
index 0000000..122cb43
Binary files /dev/null and b/ci4app/public/assets/raven/images/projects/3.jpg differ
diff --git a/ci4app/public/assets/raven/images/projects/4.jpg b/ci4app/public/assets/raven/images/projects/4.jpg
new file mode 100644
index 0000000..122cb43
Binary files /dev/null and b/ci4app/public/assets/raven/images/projects/4.jpg differ
diff --git a/ci4app/public/assets/raven/images/restaurant/burger.png b/ci4app/public/assets/raven/images/restaurant/burger.png
new file mode 100644
index 0000000..2fc227b
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/burger.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/food/burger.png b/ci4app/public/assets/raven/images/restaurant/food/burger.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/food/burger.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/food/burito.png b/ci4app/public/assets/raven/images/restaurant/food/burito.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/food/burito.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/food/chips.png b/ci4app/public/assets/raven/images/restaurant/food/chips.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/food/chips.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/food/coffee.png b/ci4app/public/assets/raven/images/restaurant/food/coffee.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/food/coffee.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/food/donut.png b/ci4app/public/assets/raven/images/restaurant/food/donut.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/food/donut.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/food/french-fries.png b/ci4app/public/assets/raven/images/restaurant/food/french-fries.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/food/french-fries.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/food/fried-chicken.png b/ci4app/public/assets/raven/images/restaurant/food/fried-chicken.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/food/fried-chicken.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/food/hotdogs.png b/ci4app/public/assets/raven/images/restaurant/food/hotdogs.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/food/hotdogs.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/food/noodles.png b/ci4app/public/assets/raven/images/restaurant/food/noodles.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/food/noodles.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/food/nugget.png b/ci4app/public/assets/raven/images/restaurant/food/nugget.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/food/nugget.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/food/onion-ring.png b/ci4app/public/assets/raven/images/restaurant/food/onion-ring.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/food/onion-ring.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/food/pizza.png b/ci4app/public/assets/raven/images/restaurant/food/pizza.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/food/pizza.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/food/popcorn.png b/ci4app/public/assets/raven/images/restaurant/food/popcorn.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/food/popcorn.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/food/sandwich.png b/ci4app/public/assets/raven/images/restaurant/food/sandwich.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/food/sandwich.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/food/soda.png b/ci4app/public/assets/raven/images/restaurant/food/soda.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/food/soda.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/food/taco.png b/ci4app/public/assets/raven/images/restaurant/food/taco.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/food/taco.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/appetizer.png b/ci4app/public/assets/raven/images/restaurant/icons/appetizer.png
new file mode 100644
index 0000000..7f7709d
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/appetizer.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/apron.png b/ci4app/public/assets/raven/images/restaurant/icons/apron.png
new file mode 100644
index 0000000..f302d33
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/apron.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/chef.png b/ci4app/public/assets/raven/images/restaurant/icons/chef.png
new file mode 100644
index 0000000..78c1408
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/chef.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/chicken.png b/ci4app/public/assets/raven/images/restaurant/icons/chicken.png
new file mode 100644
index 0000000..20649b1
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/chicken.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/cocktail.png b/ci4app/public/assets/raven/images/restaurant/icons/cocktail.png
new file mode 100644
index 0000000..ed3f063
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/cocktail.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/coffee_cup.png b/ci4app/public/assets/raven/images/restaurant/icons/coffee_cup.png
new file mode 100644
index 0000000..0dc575f
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/coffee_cup.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/cutlery.png b/ci4app/public/assets/raven/images/restaurant/icons/cutlery.png
new file mode 100644
index 0000000..8068a07
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/cutlery.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/dinner_table.png b/ci4app/public/assets/raven/images/restaurant/icons/dinner_table.png
new file mode 100644
index 0000000..fca294d
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/dinner_table.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/discount.png b/ci4app/public/assets/raven/images/restaurant/icons/discount.png
new file mode 100644
index 0000000..1ef9c4b
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/discount.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/fish.png b/ci4app/public/assets/raven/images/restaurant/icons/fish.png
new file mode 100644
index 0000000..f7f3236
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/fish.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/food-canceled.svg b/ci4app/public/assets/raven/images/restaurant/icons/food-canceled.svg
new file mode 100644
index 0000000..55758f8
--- /dev/null
+++ b/ci4app/public/assets/raven/images/restaurant/icons/food-canceled.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><g><path d="m287.629 169.848h-31.002v-60.848c0-3.5-2.848-6.347-6.348-6.347h-98.09c-3.5 0-6.347 2.847-6.347 6.347v60.848h-31.002v-60.848c0-20.594 16.754-37.348 37.348-37.348h98.09c20.594 0 37.349 16.754 37.349 37.348l7.375 29.935z" fill="#6c7fd8"/></g><g><path d="m250.28 71.652h-17.174c20.594 0 37.349 16.754 37.349 37.348v60.848h17.174l7.375-30.913-7.375-29.935c0-20.594-16.755-37.348-37.349-37.348z" fill="#4f66d0"/></g><path d="m378.751 457.436v-.365c0-10.044-.747-20.075-2.236-30.008l-37.297-248.899c-1.512-10.679-10.653-18.617-21.438-18.617h-232.121c-10.757 0-19.883 7.898-21.428 18.544l-38.167 248.619c-1.561 10.168-2.345 20.44-2.345 30.726l177.516 21.68z" fill="#f6a96c"/><path d="m378.754 457.071v.361l-28.865 3.53-7.212-3.53v-.361c0-10.044-.742-20.078-2.236-30.009l-37.292-248.902c-1.514-10.673-10.652-18.615-21.438-18.615h36.067c10.786 0 19.924 7.943 21.438 18.615l37.303 248.902c1.483 9.931 2.235 19.964 2.235 30.009z" fill="#ea9b58"/><g><g><path d="m151.49 403.917c-4.267 0-7.726-3.459-7.726-7.726v-175.399c0-4.267 3.459-7.726 7.726-7.726s7.726 3.459 7.726 7.726v175.398c0 4.268-3.459 7.727-7.726 7.727z" fill="#e2dee2"/></g></g><g><g><path d="m250.98 403.917c-4.267 0-7.726-3.459-7.726-7.726v-104.86c0-4.267 3.459-7.726 7.726-7.726s7.726 3.459 7.726 7.726v104.859c0 4.268-3.459 7.727-7.726 7.727z" fill="#e2dee2"/></g></g><g><path d="m250.98 299.058c-19.619 0-35.523-15.904-35.523-35.523v-14.947c0-19.619 15.904-35.523 35.523-35.523 19.619 0 35.523 15.904 35.523 35.523v14.947c0 19.619-15.905 35.523-35.523 35.523z" fill="#f3f0f3"/></g><path d="m23.719 457.436h355.032v32.912c0 11.958-9.694 21.652-21.652 21.652h-311.728c-11.958 0-21.652-9.694-21.652-21.652z" fill="#ea9b58"/><path d="m342.679 457.436v32.912c0 11.958-9.694 21.652-21.652 21.652h36.072c11.958 0 21.652-9.694 21.652-21.652v-32.912z" fill="#d88a55"/><path d="m468.88 184.862h-161.85c-10.715 0-19.401-8.686-19.401-19.401v-146.06c0-10.715 8.686-19.401 19.401-19.401h161.85c10.715 0 19.401 8.686 19.401 19.401v146.061c0 10.714-8.686 19.4-19.401 19.4z" fill="#fe646f"/><path d="m468.88 0h-25.774c10.715 0 19.401 8.686 19.401 19.401v146.061c0 10.715-8.686 19.401-19.401 19.401h25.774c10.715 0 19.401-8.686 19.401-19.401v-146.061c0-10.715-8.686-19.401-19.401-19.401z" fill="#fd4755"/><path d="m419.385 94.787c-1.308-1.298-1.308-3.41 0-4.718l19.46-19.46c4.203-4.203 4.203-11.002 0-15.206l-13.866-13.866c-4.193-4.193-11.002-4.193-15.195 0l-5.934 5.934-13.536 13.536c-1.303 1.303-3.415 1.303-4.717 0l-19.468-19.468c-4.198-4.198-11.004-4.198-15.201 0l-13.865 13.865c-4.198 4.198-4.198 11.004 0 15.201l19.468 19.468c1.303 1.303 1.303 3.415 0 4.717l-19.468 19.468c-4.198 4.198-4.198 11.004 0 15.201l13.865 13.865c4.198 4.198 11.004 4.198 15.201 0l19.468-19.468c1.303-1.303 3.415-1.303 4.717 0l13.536 13.529 5.934 5.934c4.193 4.203 11.002 4.203 15.195 0l13.866-13.856c4.203-4.203 4.203-11.013 0-15.206z" fill="#f3f0f3"/><g><g><path d="m151.49 299.058c-20.327 0-36.865-16.538-36.865-36.866v-41.4c0-4.267 3.459-7.726 7.726-7.726s7.726 3.459 7.726 7.726v41.4c0 11.807 9.606 21.413 21.412 21.413 11.807 0 21.413-9.606 21.413-21.413v-41.4c0-4.267 3.459-7.726 7.726-7.726s7.726 3.459 7.726 7.726v41.4c.002 20.328-16.536 36.866-36.864 36.866z" fill="#f3f0f3"/></g></g></g></svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/food-delivery.svg b/ci4app/public/assets/raven/images/restaurant/icons/food-delivery.svg
new file mode 100644
index 0000000..9a97367
--- /dev/null
+++ b/ci4app/public/assets/raven/images/restaurant/icons/food-delivery.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m154.239 227.157v-4.86c0-88.715 71.918-160.632 160.633-160.632 10.706 0 21.164 1.057 31.285 3.055v36.262l-109.205 140.106h-48.879z" fill="#fbc700"/><circle cx="314.872" cy="31.086" fill="#ff5595" r="31.086"/><path d="m346.156 64.72c-73.738 14.558-129.348 79.569-129.348 157.578v4.86l20.144 13.931h215.851l22.702-13.931v-4.86c0-78.009-55.611-143.021-129.349-157.578z" fill="#ffd500"/><path d="m203.492 273.516h-62.569c-12.749 0-23.179-10.431-23.179-23.179s10.431-23.179 23.179-23.179h62.569l10.335 8.609v27.643z" fill="#ffd500"/><g><path d="m184.706 43.585h-105.079c-4.267 0-7.726-3.459-7.726-7.726s3.459-7.726 7.726-7.726h105.08c4.267 0 7.726 3.459 7.726 7.726s-3.46 7.726-7.727 7.726z" fill="#60b9fe"/></g><g><path d="m154.239 92.705h-74.612c-4.267 0-7.726-3.459-7.726-7.726s3.459-7.726 7.726-7.726h74.612c4.267 0 7.726 3.459 7.726 7.726s-3.459 7.726-7.726 7.726z" fill="#60b9fe"/></g><g><path d="m137.833 141.823h-58.206c-4.267 0-7.726-3.459-7.726-7.726 0-4.268 3.459-7.726 7.726-7.726h58.206c4.267 0 7.726 3.459 7.726 7.726s-3.459 7.726-7.726 7.726z" fill="#60b9fe"/></g><g><path d="m124.955 190.941h-45.328c-4.267 0-7.726-3.459-7.726-7.726 0-4.268 3.459-7.726 7.726-7.726h45.328c4.267 0 7.726 3.459 7.726 7.726.001 4.267-3.459 7.726-7.726 7.726z" fill="#60b9fe"/></g><g><path d="m131.471 466.983c-3.776.869-7.548 1.896-11.292 3.116l-108.921 41.352c-5.437 2.065-11.258-1.952-11.258-7.767v-104.231c0-3.741 2.5-7.02 6.106-8.012l31.331-8.614c9.207-2.531 17.874-6.689 25.685-12.18 11.941-8.393 24.684-15.67 38.105-21.675 7.6-3.402 13.769-5.832 20.031-7.574l14.03 15.46 15.488 79.993z" fill="#ffb1a0"/></g><path d="m450.216 378.669c-11.751-24.539-38.797-12.939-41.068-12.09l-113.51 33.581c-.563.167-1.093-.335-.953-.905 1.232-4.996 4.115-23.151-16.306-31.301-65.972-26.336-73.839-30.79-90.536-31.055l-.002-.002c-36.32.121-51.712.366-66.583 4.5-15.563 14.725-25.275 35.571-25.275 58.688 0 27.828 14.072 52.369 35.487 66.897 20.312-4.676 40.761-4.199 57.666 2.547l42.574 16.996c9.306 3.208 30.684 8.202 52.868-3.169.011-.005.018-.008.018-.008 2.069-.915 20.89-9.241 44.491-19.68l29.163-12.9c35.935-15.895 72.074-31.881 74.974-33.163 4.502-2.309 27.131-15.885 16.992-38.936z" fill="#ffcebe"/><path d="m295.637 400.161c-.399.118-.777-.102-.916-.441-1.404 3.526-6.183 12.329-18.133 9.401-21.312-5.22-72.089-17.449-72.599-17.572-4.148-1.001-8.322 1.553-9.321 5.703-.999 4.148 1.554 8.322 5.703 9.321.51.123 51.258 12.344 72.54 17.558 3.065.751 5.925 1.09 8.587 1.09 16.808 0 25.72-13.502 28.374-22.005l3.3-8.241z" fill="#ffb1a0"/><g><path d="m488.821 227.157h-285.329c-12.749 0-23.179 10.431-23.179 23.179s10.431 23.179 23.179 23.179h285.328c12.749 0 23.179-10.431 23.179-23.179s-10.43-23.179-23.178-23.179z" fill="#ffeb7e"/></g></g></svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/food-payment.svg b/ci4app/public/assets/raven/images/restaurant/icons/food-payment.svg
new file mode 100644
index 0000000..6af865a
--- /dev/null
+++ b/ci4app/public/assets/raven/images/restaurant/icons/food-payment.svg
@@ -0,0 +1 @@
+<svg height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="delivery_food_pay_hand_money" data-name="delivery, food, pay, hand, money"><circle cx="28" cy="29" fill="#ff9811" r="2"/><path d="m13 7h30v16h-30z" fill="#91dc5a"/><path d="m39.86 50.26a2.013 2.013 0 0 1 -1 1.74l-12.4 7.73a1.923 1.923 0 0 1 -1 .27h-12.85a1.965 1.965 0 0 1 -1.11-.34l-2.5-1.66v-6l3.47-2.6a1.969 1.969 0 0 1 1.2-.4h4.86a1.974 1.974 0 0 1 .89.21l1.58.79h8a2 2 0 0 1 1.73 1 1.965 1.965 0 0 1 .26.93l2.7-1.56.31-.18 2.86-1.65a1.988 1.988 0 0 1 2.73.73 2.088 2.088 0 0 1 .27.99z" fill="#ffbcab"/><path d="m29.2 53.99a1.978 1.978 0 0 0 1.21-.58 1.953 1.953 0 0 0 .59-1.33v-.08c0-.024-.009-.046-.01-.07a2.137 2.137 0 0 0 -.062-.409 1.948 1.948 0 0 1 -.518.889 1.978 1.978 0 0 1 -1.21.58 1.275 1.275 0 0 1 -.2.01h-7v1h7a1.275 1.275 0 0 0 .2-.01z" fill="#ff9478"/><g fill="#4e901e"><path d="m43 18a5 5 0 0 0 -5 5h5z"/><path d="m13 12a5 5 0 0 0 5-5h-5z"/><path d="m43 12a5 5 0 0 1 -5-5h5z"/><path d="m18 23a5 5 0 0 0 -5-5v5z"/></g><path d="m9 58v-6-3h-6v12h6z" fill="#006df0"/><path d="m55 5v7.987 2.013h6v-12h-6z" fill="#006df0"/><path d="m17 41a2 2 0 0 0 2 2h18a2 2 0 0 0 0-4h-18a2 2 0 0 0 -2 2z" fill="#ffa733"/><path d="m28 30a9 9 0 0 0 -9 9h18a9 9 0 0 0 -9-9z" fill="#ffc477"/><path d="m29.326 30.108a9 9 0 0 1 4.674 7.892h-14.941a8.935 8.935 0 0 0 -.059 1h18a8.995 8.995 0 0 0 -7.674-8.892z" fill="#ffb655"/><path d="m22.236 47h11.528a2 2 0 0 0 1.789-1.106l1.447-2.894h-18l1.447 2.894a2 2 0 0 0 1.789 1.106z" fill="#ffc477"/><path d="m36.5 44 .5-1h-18l.5 1z" fill="#ffb655"/><path d="m22 14h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" fill="#f1f2f2"/><path d="m36 14h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" fill="#f1f2f2"/><path d="m29 21v-1.1c1.741-.327 3-1.477 3-2.9 0-1.682-1.757-3-4-3-1.221 0-2-.592-2-1s.779-1 2-1 2 .592 2 1a1 1 0 0 0 2 0c0-1.421-1.259-2.571-3-2.9v-1.1a1 1 0 0 0 -2 0v1.1c-1.741.327-3 1.477-3 2.9 0 1.682 1.757 3 4 3 1.221 0 2 .592 2 1s-.779 1-2 1-2-.592-2-1a1 1 0 0 0 -2 0c0 1.421 1.259 2.571 3 2.9v1.1a1 1 0 0 0 2 0z" fill="#f1f2f2"/><path d="m28 34a5.021 5.021 0 0 1 4.329 2.5 1 1 0 0 0 .866.5.987.987 0 0 0 .5-.135 1 1 0 0 0 .365-1.365 7.027 7.027 0 0 0 -6.06-3.5 1 1 0 0 0 0 2z" fill="#ffa733"/><path d="m43 10-2.66 2.66a1.983 1.983 0 0 1 -1.41.58 2 2 0 0 1 -1.42-3.41l2.83-2.83h-10.17l4.45-3.56a1.986 1.986 0 0 1 1.25-.44h14.66a1.974 1.974 0 0 1 .89.21l3.58 1.79v7.99l-2 .01-1.57.94a7.978 7.978 0 0 1 -7.13.55l-1.3-.59z" fill="#ffbcab"/><path d="m43 13.9 1 .454v-5.354l-1 1z" fill="#ff9478"/></g></svg>
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/food.png b/ci4app/public/assets/raven/images/restaurant/icons/food.png
new file mode 100644
index 0000000..da451c7
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/food.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/food_delivery.png b/ci4app/public/assets/raven/images/restaurant/icons/food_delivery.png
new file mode 100644
index 0000000..1c9655c
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/food_delivery.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/fork.png b/ci4app/public/assets/raven/images/restaurant/icons/fork.png
new file mode 100644
index 0000000..e24d0d1
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/fork.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/hamburger.png b/ci4app/public/assets/raven/images/restaurant/icons/hamburger.png
new file mode 100644
index 0000000..91e084e
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/hamburger.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/ice_cream.png b/ci4app/public/assets/raven/images/restaurant/icons/ice_cream.png
new file mode 100644
index 0000000..1d3243f
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/ice_cream.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/ingredients.png b/ci4app/public/assets/raven/images/restaurant/icons/ingredients.png
new file mode 100644
index 0000000..d869120
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/ingredients.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/location.png b/ci4app/public/assets/raven/images/restaurant/icons/location.png
new file mode 100644
index 0000000..c12dbc9
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/location.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/map.png b/ci4app/public/assets/raven/images/restaurant/icons/map.png
new file mode 100644
index 0000000..9354654
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/map.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/meat.png b/ci4app/public/assets/raven/images/restaurant/icons/meat.png
new file mode 100644
index 0000000..c22170d
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/meat.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/menu.png b/ci4app/public/assets/raven/images/restaurant/icons/menu.png
new file mode 100644
index 0000000..ec206c6
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/menu.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/menu_2.png b/ci4app/public/assets/raven/images/restaurant/icons/menu_2.png
new file mode 100644
index 0000000..17e8834
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/menu_2.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/milkshake.png b/ci4app/public/assets/raven/images/restaurant/icons/milkshake.png
new file mode 100644
index 0000000..af5871e
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/milkshake.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/no_smoking.png b/ci4app/public/assets/raven/images/restaurant/icons/no_smoking.png
new file mode 100644
index 0000000..e882216
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/no_smoking.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/noodles.png b/ci4app/public/assets/raven/images/restaurant/icons/noodles.png
new file mode 100644
index 0000000..9f17eb9
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/noodles.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/online_menu.png b/ci4app/public/assets/raven/images/restaurant/icons/online_menu.png
new file mode 100644
index 0000000..a67c593
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/online_menu.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/orange_juice.png b/ci4app/public/assets/raven/images/restaurant/icons/orange_juice.png
new file mode 100644
index 0000000..d0e8cf8
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/orange_juice.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/order.png b/ci4app/public/assets/raven/images/restaurant/icons/order.png
new file mode 100644
index 0000000..9131590
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/order.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/pan.png b/ci4app/public/assets/raven/images/restaurant/icons/pan.png
new file mode 100644
index 0000000..d1a2424
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/pan.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/pizza.png b/ci4app/public/assets/raven/images/restaurant/icons/pizza.png
new file mode 100644
index 0000000..0fc2ca5
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/pizza.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/plate.png b/ci4app/public/assets/raven/images/restaurant/icons/plate.png
new file mode 100644
index 0000000..9037b27
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/plate.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/pos.png b/ci4app/public/assets/raven/images/restaurant/icons/pos.png
new file mode 100644
index 0000000..e8624c6
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/pos.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/receipt.png b/ci4app/public/assets/raven/images/restaurant/icons/receipt.png
new file mode 100644
index 0000000..7a3f6f5
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/receipt.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/recipe.png b/ci4app/public/assets/raven/images/restaurant/icons/recipe.png
new file mode 100644
index 0000000..70b8a91
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/recipe.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/reserved.png b/ci4app/public/assets/raven/images/restaurant/icons/reserved.png
new file mode 100644
index 0000000..9e21bf0
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/reserved.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/restaurant.png b/ci4app/public/assets/raven/images/restaurant/icons/restaurant.png
new file mode 100644
index 0000000..ddbc7d9
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/restaurant.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/salad.png b/ci4app/public/assets/raven/images/restaurant/icons/salad.png
new file mode 100644
index 0000000..a87495d
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/salad.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/seasoning.png b/ci4app/public/assets/raven/images/restaurant/icons/seasoning.png
new file mode 100644
index 0000000..4af680c
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/seasoning.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/signboard.png b/ci4app/public/assets/raven/images/restaurant/icons/signboard.png
new file mode 100644
index 0000000..a7ead14
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/signboard.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/smartphone.png b/ci4app/public/assets/raven/images/restaurant/icons/smartphone.png
new file mode 100644
index 0000000..6bbffb0
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/smartphone.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/soup.png b/ci4app/public/assets/raven/images/restaurant/icons/soup.png
new file mode 100644
index 0000000..fba647c
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/soup.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/star.png b/ci4app/public/assets/raven/images/restaurant/icons/star.png
new file mode 100644
index 0000000..b92b395
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/star.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/stew.png b/ci4app/public/assets/raven/images/restaurant/icons/stew.png
new file mode 100644
index 0000000..81a35b4
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/stew.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/sushi.png b/ci4app/public/assets/raven/images/restaurant/icons/sushi.png
new file mode 100644
index 0000000..1defb77
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/sushi.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/table.png b/ci4app/public/assets/raven/images/restaurant/icons/table.png
new file mode 100644
index 0000000..023c056
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/table.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/table_2.png b/ci4app/public/assets/raven/images/restaurant/icons/table_2.png
new file mode 100644
index 0000000..f144094
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/table_2.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/table_3.png b/ci4app/public/assets/raven/images/restaurant/icons/table_3.png
new file mode 100644
index 0000000..ea9e6dc
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/table_3.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/take_away.png b/ci4app/public/assets/raven/images/restaurant/icons/take_away.png
new file mode 100644
index 0000000..40330a4
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/take_away.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/waiter.png b/ci4app/public/assets/raven/images/restaurant/icons/waiter.png
new file mode 100644
index 0000000..80b1d7d
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/waiter.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/wifi.png b/ci4app/public/assets/raven/images/restaurant/icons/wifi.png
new file mode 100644
index 0000000..b06839b
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/wifi.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/icons/wine_bottle.png b/ci4app/public/assets/raven/images/restaurant/icons/wine_bottle.png
new file mode 100644
index 0000000..5ea0641
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/icons/wine_bottle.png differ
diff --git a/ci4app/public/assets/raven/images/restaurant/popular1.jpg b/ci4app/public/assets/raven/images/restaurant/popular1.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/popular1.jpg differ
diff --git a/ci4app/public/assets/raven/images/restaurant/popular2.jpg b/ci4app/public/assets/raven/images/restaurant/popular2.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/popular2.jpg differ
diff --git a/ci4app/public/assets/raven/images/restaurant/popular3.jpg b/ci4app/public/assets/raven/images/restaurant/popular3.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/popular3.jpg differ
diff --git a/ci4app/public/assets/raven/images/restaurant/popular4.jpg b/ci4app/public/assets/raven/images/restaurant/popular4.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/popular4.jpg differ
diff --git a/ci4app/public/assets/raven/images/restaurant/popular5.jpg b/ci4app/public/assets/raven/images/restaurant/popular5.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/popular5.jpg differ
diff --git a/ci4app/public/assets/raven/images/restaurant/popular6.jpg b/ci4app/public/assets/raven/images/restaurant/popular6.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/ci4app/public/assets/raven/images/restaurant/popular6.jpg differ
diff --git a/ci4app/public/assets/raven/js/app-api.js b/ci4app/public/assets/raven/js/app-api.js
new file mode 100644
index 0000000..86b6673
--- /dev/null
+++ b/ci4app/public/assets/raven/js/app-api.js
@@ -0,0 +1,134 @@
+
+
+const charts = [];
+function getOptionApi(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                const value = params[0].value;
+                return `${params[0].axisValue}<br/><span>${value}</span>`;
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '10px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['00:00', '01:15', '02:30', '03:45', '05:00', '06:15', '07:30', '08:45', '10:00', '11:15', '12:30', '13:45', '15:00', '16:15', '17:30', '18:45', '20:00', '21:15', '22:30', '23:45'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                padding: [0, 0, 0, 5],
+                showMaxLabel: false,
+                color: textColor,
+                fontFamily: 'inherit',
+                
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: textColor,
+                 formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor } }
+        },
+        series: [
+            {
+                type: 'line',
+                data: [300, 580, 450, 660, 570, 730, 650, 800, 700, 860, 680, 890, 770, 1100, 800, 1250, 900, 1440, 1050, 1700],
+                symbol: 'none',
+                smooth: true,
+                areaStyle: {
+                    color: {
+                        type: 'linear',
+                        x: 0,
+                        y: 0,
+                        x2: 0,
+                        y2: 1,
+                        colorStops: [{
+                            offset: 0,
+                            color: 'var(--color-primary-subtle)'
+                        }, {
+                            offset: 1,
+                            color: 'rgba(0,0,0,0)'
+                        }]
+                    }
+                },
+                lineStyle: {
+                    color: 'var(--color-primary)',
+                    width: 2
+                },
+                emphasis: {
+                    disabled: true
+                },
+            }
+        ]
+    };
+}
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+// Initialize all charts
+initChart(document.getElementById('chart_api'), getOptionApi);
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/js/dashboard-analytic.js b/ci4app/public/assets/raven/js/dashboard-analytic.js
new file mode 100644
index 0000000..3ec43a0
--- /dev/null
+++ b/ci4app/public/assets/raven/js/dashboard-analytic.js
@@ -0,0 +1,429 @@
+//dashboard analytic charts
+
+const charts = [];
+function getOptionTinyBounceArea(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'line' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: { color: textColor,fontWeight:400, },
+            formatter: function (params) {
+                const value = params[0].value;
+                return `${params[0].axisValue}<br/><span>${value}%</span>`;
+            }
+        },
+        grid: {
+            left: 0,
+            right: 0,
+            top: 10,
+            bottom: 0,
+            containLabel: false
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+            boundaryGap: false,
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: { show: false }
+        },
+        yAxis: {
+            type: 'value',
+            axisLine: { show: false },
+            axisTick: { show: false },
+            splitLine: { show: false },
+            axisLabel: { show: false }
+        },
+        series: [
+            {
+                type: 'line',
+                data: [13, 31, 56, 24, 59, 41, 58],
+                symbol: 'none',
+                smooth: true,
+                // areaStyle: {
+                //     color: {
+                //         type: 'linear',
+                //         x: 0,
+                //         y: 0,
+                //         x2: 0,
+                //         y2: 1,
+                //         colorStops: [{
+                //             offset: 0,
+                //             color: 'var(--color-primary-subtle)'
+                //         }, {
+                //             offset: 1,
+                //             color: 'rgba(0,0,0,0)'
+                //         }]
+                //     }
+                // },
+                lineStyle: {
+                    color: 'var(--color-primary)',
+                    width: 2
+                },
+                emphasis: {
+                    disabled:true
+                },
+            }
+        ]
+    };
+}
+function getOptionTinyBar(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400,
+            }
+        },
+        grid: {
+            left: 0,
+            right: 0,
+            top: 10,
+            bottom: 0,
+            containLabel: false
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: { show: false }
+        },
+        yAxis: {
+            type: 'value',
+            axisLine: { show: false },
+            axisTick: { show: false },
+            splitLine: { show: false },
+            axisLabel: { show: false }
+        },
+        series: [
+            {
+                type: 'bar',
+                data: [320, 452, 301, 334, 390, 330, 410],
+                barWidth: '30%',
+                itemStyle: {
+                    color: 'var(--color-primary)',
+                    borderRadius: [4, 4, 4, 4]
+                },
+                emphasis: {
+                    itemStyle: {
+                        color: 'var(--color-primary)',
+                    },
+                }
+            }
+        ]
+    };
+}
+function getOptionLine(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400,
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '20px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor,type: 'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { 
+                lineStyle: 
+                { 
+                    color: gridColor,
+                    type: 'dashed'
+                 } 
+                }
+        },
+        series: [
+            {
+                name: 'Organic',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                  disabled:true
+                },
+                lineStyle: { color: 'var(--color-primary)' },
+                itemStyle: { color: 'var(--color-primary)' },
+                data: [87000, 57000, 74000, 98000, 74000, 44000, 62000, 49000, 82000, 56000, 47000, 54000]
+            },
+            {
+                name: 'Referral',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                     disabled:true
+                },
+                lineStyle: { color: 'var(--color-rose-500)' },
+                itemStyle: { color: 'var(--color-rose-500)' },
+                data: [35000, 41000, 62000, 42000, 14000, 18000, 29000, 37000, 36000, 5100, 32000, 34000]
+            },
+            {
+                name: 'Ads',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                lineStyle: { color: 'var(--color-yellow-500)', type: 'dashed' },
+                itemStyle: { color: 'var(--color-yellow-500)' },
+                emphasis: {
+                    disabled:true
+                },
+                data: [45000, 52000, 38000, 24000, 33000, 24000, 21000, 19000, 64000, 84000, 16000, 18000]
+            }
+        ]
+    };
+}
+function getOptionPie(isDark) {
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'item',
+            formatter: '{b}: {c}k ({d}%)',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            textStyle: {
+                fontFamily: 'inherit',fontWeight:400,
+                color: isDark ? 'var(--color-zinc-100)' : 'var(--color-zinc-600)'
+            }
+        },
+        legend: {
+            show: false,
+            top: '0px',
+            textStyle: {
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)',
+                fontFamily: 'inherit',
+            },
+            itemGap: 20,
+        },
+        series: [{
+            name: 'Visitors',
+            type: 'pie',
+            radius: ['70%', '90%'],
+            avoidLabelOverlap: false,
+            selectedMode: false,
+            startAngle: 90,
+            label: {
+                fontFamily: 'inherit',
+                show: true,
+                position: 'center',
+                formatter: '1.5M',
+                fontSize: 36,
+                fontWeight: 'var(--font-semibold)',
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)',
+            },
+            emphasis: { disabled: true },
+            labelLine: { show: false },
+            itemStyle: {
+                borderRadius: 6,
+                borderColor: isDark ? 'var(--color-zinc-900)' : '#fff',
+                borderWidth: 6
+            },
+            data: [
+                { value: 58, name: 'India', itemStyle: { color: 'var(--color-primary)' } },
+                { value: 44, name: 'USA', itemStyle: { color: 'var(--color-sky-500)' } },
+                { value: 31, name: 'UK', itemStyle: { color: 'var(--color-yellow-500)' } },
+                { value: 23, name: 'France', itemStyle: { color: 'var(--color-orange-500)' } }
+            ]
+        }]
+    };
+}
+function getOptionPolar(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,
+                fontWeight:400
+            },
+            formatter: (params) => {
+        const value = params.name === 'Visitors' ? `${params.value}k` : `$${params.value}k`;
+        return `${params.name}: ${value}`;
+    },
+        },
+        polar: {
+            radius: [30, '70%']
+        },
+        radiusAxis: {
+            max: 40,
+            splitLine: {
+                lineStyle: {
+                    color: gridColor,
+                    width: 1
+                }
+            },
+            axisLine: {
+                show: false
+            },
+            axisLabel: {
+                show: false
+            },
+            axisTick: {
+                show: false
+            }
+        },
+        angleAxis: {
+            type: 'category',
+            data: ['Visitors', 'Sales', 'Profit', 'Expanses'],
+            startAngle: 75,
+            axisLine: {
+                lineStyle: {
+                    color: gridColor
+                }
+            },
+            axisLabel: {
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)',
+                margin: 4,
+                align: 'center',
+                verticalAlign: 'top',
+                fontSize:'12px',
+            fontFamily:'inherit',
+            }
+        },
+        series: {
+            type: 'bar',
+            data: [37, 23, 14, 7],
+            coordinateSystem: 'polar',
+
+            label: {
+                show: false,
+                position: 'middle',
+                formatter: '{b}: {c}'
+            },
+            itemStyle: {
+                color: function (params) {
+                    const colors = [
+                        'var(--color-sky-500)',
+                        'var(--color-amber-500)',
+                        'var(--color-primary)',
+                        'var(--color-rose-500)'
+                    ];
+                    return colors[params.dataIndex % colors.length];
+                },
+            },
+            emphasis: {
+                disabled: true
+            }
+        },
+    };
+}
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_visitor'), getOptionLine);
+initChart(document.getElementById('chart_pie_countries'), getOptionPie);
+initChart(document.getElementById('chart_tiny_weekly_sales'), getOptionTinyBar);
+initChart(document.getElementById('chart_tiny_weekly_bounce_rate'), getOptionTinyBounceArea);
+initChart(document.getElementById('chart_polar'), getOptionPolar);
+
+
+
+//Toast
+window.onload = function() {
+    Swal.fire({
+      toast: true,
+      position: 'top',
+      showConfirmButton: false,
+      timer: 4000,
+      timerProgressBar: true,
+      showCloseButton: true,
+      closeButtonHtml: '<span class="icon-[lucide--x]"></span>',
+      title:`<div class="flex items-start gap-3.5"><span class=""text-xl">✨</span><div class="flex-grow"><h5 class="text-base">Welcome to Raven Admin</h5><p class="text-sm font-normal">Manage smarter with a clean, modern admin system built for speed, and clarity</p><a href="https://wrapmarket.com/item/raven-tailwindcss-admin-template-ui-kit-WB0B6DKC2/?via=wb_rakesh" class="text-primary text-sm">Purchase here <span class="icon-[lucide--external-link] ms-1"></span></a></div></div>`
+    });
+  };
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/js/dashboard-ecommerce.js b/ci4app/public/assets/raven/js/dashboard-ecommerce.js
new file mode 100644
index 0000000..582b7ae
--- /dev/null
+++ b/ci4app/public/assets/raven/js/dashboard-ecommerce.js
@@ -0,0 +1,370 @@
+//Echarts for commerce dashboard
+const charts = [];
+function getOptionEarnings(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                const value = params[0].value;
+                return `${params[0].axisValue}<br/><span>$${value} USD</span>`;
+            }
+        },
+        grid: {
+            right: '35px',
+            left: '10px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor,type:'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                padding: [0, 0, 0, 0],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color:  isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                type: 'line',
+                data: [27000, 51000, 44000, 68000, 52000, 74000, 59000, 82000, 64000, 87000, 72000, 94000],
+                symbol: 'none',
+                smooth: true,
+                areaStyle: {
+                    color: {
+                        type: 'linear',
+                        x: 0,
+                        y: 0,
+                        x2: 0,
+                        y2: 1,
+                        colorStops: [{
+                            offset: 0,
+                            color: 'var(--color-primary-subtle)'
+                        }, {
+                            offset: 1,
+                            color: 'rgba(0,0,0,0)'
+                        }]
+                    }
+                },
+                lineStyle: {
+                    color: 'var(--color-primary)',
+                    width: 2
+                },
+                emphasis: {
+                    disabled: true
+                },
+            }
+        ]
+    };
+}
+
+function getOptionVisitorsVsSales(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400
+            },
+            formatter: function (params) {
+                let tooltip = `${params[0].axisValue}<br/>`;
+                params.forEach(p => {
+                    const valueInK = (p.value / 1000).toFixed(1);
+                    tooltip += `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:8px;height:8px;background-color:${p.color}"></span> ${p.seriesName}: ${valueInK}k<br/>`;
+                });
+                return tooltip;
+            }
+        },
+        grid: {
+            left: '0px',
+            right: '40px',
+            bottom: '60px',
+            top: '3%'
+        },
+        legend: {
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor,type:'dashed' } },
+            axisLabel: {
+                fontSize: 11,
+                fontFamily: 'inherit',
+                color:  isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                padding: [0, 0, 0, 0]
+            }
+        },
+        yAxis: {
+            type: 'value',
+            position: 'right',
+             axisTick: 'none',
+            axisLine: { show: false },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color:  isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                name: 'Visitors',
+                type: 'bar',
+                stack: 'total',
+                barWidth: '35%',
+                data: [100000, 120000, 90000, 150000, 130000, 160000, 140000, 180000, 150000, 200000, 170000, 210000],
+                itemStyle: {
+                    borderRadius: [10, 10, 10, 10],
+                    color:'var(--color-amber-500)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+            },
+            {
+                name: 'Sales',
+                type: 'bar',
+                stack: 'total',
+                barWidth: '35%',
+                data: [40000, 70000, 60000, 100000, 90000, 120000, 110000, 140000, 120000, 160000, 150000, 170000],
+                itemStyle: {
+                    barGap: '10%',
+                    borderRadius: [10, 10, 10, 10],
+                    color: 'var(--color-primary)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+            }
+        ]
+    };
+}
+function getOptionProjection(isDark) {
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'item',
+            formatter: '{b}: {c}k ({d}%)',
+            backgroundColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+            textStyle: {
+                fontFamily: 'inherit',
+                color: isDark ? 'var(--color-zinc-100)' : 'var(--color-zinc-600)'
+            }
+        },
+        legend: {
+            show: false,
+            top: '0px',
+            textStyle: {
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)',
+                fontFamily: 'inherit',
+            },
+            itemGap: 20,
+        },
+        series: [{
+            name: 'Visitors',
+            type: 'pie',
+            radius: ['70%', '90%'],
+            avoidLabelOverlap: false,
+            selectedMode: false,
+            startAngle: 90,
+            label: {
+                fontFamily: 'inherit',
+                show: true,
+                position: 'center',
+                formatter: '-12k',
+                fontSize: 36,
+                fontWeight: 'var(--font-semibold)',
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)',
+            },
+            emphasis: { disabled: true },
+            labelLine: { show: false },
+            itemStyle: {
+                borderRadius: 6,
+                borderColor: isDark ? 'var(--color-zinc-900)' : '#fff',
+                borderWidth: 6
+            },
+            data: [
+                {
+                    value: 93, name: 'Projection',
+                    itemStyle: {
+                        color: 'var(--color-amber-500)',
+                    }
+                },
+                {
+                    value: 81, name: 'Actual',
+                    itemStyle: {
+                        color: 'var(--color-primary)'
+                    }
+                },
+            ]
+        }]
+    };
+}
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+initChart(document.getElementById('chart_earnings'), getOptionEarnings);
+initChart(document.getElementById('chart_visitors_sales'), getOptionVisitorsVsSales);
+initChart(document.getElementById('chart_pie_projection'), getOptionProjection);
+
+
+//Map
+const markers = [
+  { coords: [40.71, -74], name: "New York", Sales: '137K' },
+  { coords: [35.68, 139.69], name: "Tokyo", Sales: '122K' },
+  { coords: [28.61, 77.20], name: "Delhi", Sales: '119K' },
+  { coords: [40.42, -3.70], name: "Madrid", Sales: '87K' }
+];
+const map = new jsVectorMap({
+    map: "world",
+    selector: "#world-map-markers",
+    zoomOnScroll: false,
+    zoomButtons: false,
+    zoomAnimate: false,
+    panOnDrag: false,
+    backgroundColor: "transparent",
+
+    regionStyle: {
+        initial: {
+            fill: "var(--color-primary-subtle)"
+        },
+         hover: {
+    fill: "var(--color-primary)",
+  },
+    },
+    markers: markers,
+
+    markerStyle: {
+        initial: {
+            r: 6,
+            fill: "var(--color-primary)",
+            "fill-opacity": 0.9,
+            stroke: "var(--color-primary-subtle)",
+            "stroke-width": 3,
+            "stroke-opacity": 0.6
+        },
+        hover: {
+            fill: "var(--color-primary-deep)",
+            "fill-opacity": 1,
+            "stroke-width": 0
+        }
+    },
+    onMarkerTooltipShow(event, tooltip, index) {
+    const marker = markers[index];
+    const html = `
+      <h5 class="!text-white/70 px-2 pt-1 text-xs">${marker.name}</h5>
+      <p class="font-semibold px-2">${marker.Sales} Sales</p>
+    `;
+    tooltip.text(html, true);
+  }
+});
+
+
+//Tom select
+document.querySelectorAll('.js-select').forEach(select => {
+    new TomSelect(select, {
+        maxItems: 1,
+        create: false,
+        searchField: [],
+        controlInput: null
+    });
+});
+
+//Toast
+window.onload = function() {
+    Swal.fire({
+      toast: true,
+      position: 'top',
+      showConfirmButton: false,
+      timer: 4000,
+      timerProgressBar: true,
+      showCloseButton: true,
+      closeButtonHtml: '<span class="icon-[lucide--x]"></span>',
+      title:`<div class="flex items-start gap-3.5"><span class="icon-[lucide--triangle-alert] text-xl text-amber-500 mt-2"></span><div class="flex-grow"><h5 class="text-base">Attention required!</h5><p class="text-muted text-sm font-normal"> Your free trail ends in next 3 days.</p><a href="account-pricing.html" class="text-primary text-sm">Upgrade here <span class="icon-[lucide--external-link] ms-1"></span></a></div></div>`
+    });
+  };
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/js/dashboard-education.js b/ci4app/public/assets/raven/js/dashboard-education.js
new file mode 100644
index 0000000..5fa7056
--- /dev/null
+++ b/ci4app/public/assets/raven/js/dashboard-education.js
@@ -0,0 +1,191 @@
+//dashboard charts
+
+const charts = [];
+
+function getOptionTopics(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400
+            },
+              formatter: function (params) {
+        let result = '';
+        params.forEach(function (item) {
+            result += item.marker + ' ' + item.seriesName + ': ' + item.value + '%<br/>';
+        });
+        return result;
+    }
+        },
+        grid: {
+            right: '40px',
+            left: '70px',
+            bottom: '30px',
+            top: '0'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'value',
+            boundaryGap: true,
+            
+            axisLine: {lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, 0],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            },
+            splitLine: {show:false, lineStyle: { color: gridColor } }
+        },
+        yAxis: {
+            position: 'left',
+            axisTick: 'none',
+            type: 'category',
+            data: ['UI design', 'React', 'Angular', 'Python', 'Animation', 'Svelte'],
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel:{
+                padding: [0, 0, 0,0],
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            },
+            splitLine: {show:true, lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [{
+          name: 'Your interest rate is',
+          type: 'bar',
+          data: [80, 60, 55, 50, 40, 25],
+          barWidth: '50%',
+          label: {
+    show: true,
+    position: 'right',
+    formatter: '{c}%',
+    color: isDark ? 'var(--color-zinc-200)' : 'var(--color-zinc-700)',
+    fontFamily: 'inherit',
+    fontSize: 12
+  },
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: function(params) {
+        const colors = [
+            'var(--color-primary)',
+            'var(--color-amber-500)',
+            'var(--color-sky-500)',
+            'var(--color-cyan-500)',
+            'var(--color-green-500)',
+            'var(--color-purple-500)'
+        ];
+        return colors[params.dataIndex];
+    },
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }],
+    };
+}
+function getOptionWeeklyReport(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400,
+            }
+        },
+        grid: {
+            left: 0,
+            right: 0,
+            top: 10,
+            bottom: 0,
+            containLabel: false
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Week1', 'Week2', 'Week3', 'Week4', 'Week5', 'Week6', 'Week7', 'Week8', 'Week9', 'Week10'],
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: { show: false }
+        },
+        yAxis: {
+            type: 'value',
+            axisLine: { show: false },
+            axisTick: { show: false },
+            splitLine: { show: false },
+            axisLabel: { show: false }
+        },
+        series: [
+            {
+                type: 'bar',
+                data: [24, 40, 31, 28, 38, 18, 24, 19, 14, 28],
+                barWidth: '30%',
+                itemStyle: {
+                    color: 'var(--color-primary)',
+                    borderRadius: [4, 4, 4, 4]
+                },
+                emphasis: {
+                    itemStyle: {
+                        color: 'var(--color-primary)',
+                    },
+                }
+            }
+        ]
+    };
+}
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_topics'), getOptionTopics);
+initChart(document.getElementById('chart_weekly_report'), getOptionWeeklyReport);
diff --git a/ci4app/public/assets/raven/js/dashboard-jobs.js b/ci4app/public/assets/raven/js/dashboard-jobs.js
new file mode 100644
index 0000000..c03f70a
--- /dev/null
+++ b/ci4app/public/assets/raven/js/dashboard-jobs.js
@@ -0,0 +1,208 @@
+const charts = [];
+
+function getOptionJobs(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400
+            },
+        },
+        grid: {
+            left: '0px',
+            right: '40px',
+            bottom: '60px',
+            top: '3%'
+        },
+        legend: {
+            bottom: 0,
+            itemGap: 30,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor, type: 'dashed' } },
+            axisLabel: {
+                fontSize: 11,
+                fontFamily: 'inherit',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                padding: [0, 0, 0, 0]
+            }
+        },
+        yAxis: {
+            type: 'value',
+            position: 'right',
+            axisLine: { show: false },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                data: [78, 123, 78, 61, 29, 64, 77, 59, 105, 138, 78, 89],
+                name: 'Applications',
+                type: 'bar',
+                stack: false,
+                barWidth: '25%',
+                itemStyle: {
+                    barGap: '0',
+                    borderRadius: [2, 2, 2, 2],
+                    color: 'var(--color-primary)',
+                    borderWidth: 1,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                },
+            },
+            {
+                data: [25, 22, 16, 19, 16, 14, 23, 16, 17, 21, 12, 28],
+                name: 'Jobs posted',
+                type: 'bar',
+                stack: false,
+                barWidth: '25%',
+                itemStyle: {
+                    barGap: '0',
+                    borderRadius: [2, 2, 2, 2],
+                    color: 'var(--color-amber-500)',
+                    borderWidth: 1,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                },
+            },
+        ]
+    };
+}
+function getOptionImpression(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'item',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,
+                fontWeight: 400,
+            },
+             formatter: function(params) {
+    const value = params.value;
+    const name = params.name;
+    const color = params.color || '#999';
+    
+    return `
+      <div style="font-family: inherit; font-size: 14px;">
+        <div style="margin-bottom: 4px;">${name}</div>
+        <div style="color: ${color}; font-weight: 500;">
+          ${value}k
+        </div>
+      </div>
+    `;
+  }
+        },
+        series: [
+            {
+                name: 'Impression',
+                type: 'funnel',
+                left: '0%',
+                top: 0,
+                bottom: 0,
+                width: '100%',
+                min: 0,
+                max: 100,
+                minSize: '0%',
+                maxSize: '100%',
+                sort: 'descending',
+                gap: 2,
+                label: {
+        show: true,
+        position: 'inside',
+        color: '#fff',
+        fontSize: 14,
+        fontWeight: 'normal',
+        fontFamily:'inherit',
+      },
+                labelLine: {
+                    length: 10,
+                    lineStyle: {
+                        width: 1,
+                        type: 'solid'
+                    }
+                },
+                itemStyle: {
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                    borderWidth: 1
+                },
+                emphasis: {
+                    disabled: true
+                },
+                data: [
+                    { value: 360, name: 'Direct',itemStyle:{color: 'var(--color-primary)'} },
+                    { value: 120, name: 'Search',itemStyle:{color: 'var(--color-blue-500)'} },
+                    { value: 70, name: 'Social',itemStyle:{color: 'var(--color-lime-500)'} },
+                    { value: 40, name: 'Ads',itemStyle:{color: 'var(--color-amber-500)'} },
+                ]
+            }
+        ]
+    }
+}
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_jobs'), getOptionJobs);
+initChart(document.getElementById('chart_impression'), getOptionImpression);
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/js/dashboard-marketing.js b/ci4app/public/assets/raven/js/dashboard-marketing.js
new file mode 100644
index 0000000..790ddf7
--- /dev/null
+++ b/ci4app/public/assets/raven/js/dashboard-marketing.js
@@ -0,0 +1,257 @@
+//dashboard charts
+
+const charts = [];
+
+function getOptionAds(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,
+                fontWeight:400
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '0px',
+            bottom: '30px',
+            top: '40px'
+        },
+        legend: {
+            show: true,
+            top: 0,
+            itemGap: 40,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: true,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor, type: 'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, -10],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-sm)',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            
+            {
+                name: 'Campaign',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: true,
+                emphasis: {
+                   disabled:true
+                },
+                lineStyle: { color: 'var(--color-yellow-500)' },
+                itemStyle: { color: 'var(--color-yellow-500)' },
+                data: [1200, 1020, 900, 1070, 1700, 1440, 1620, 1900, 1340, 1670, 950, 820]
+            },
+            {
+                name: 'Emails',
+                type: 'bar',
+                barWidth: '40%',
+                data: [453, 846, 699, 759, 1210, 1880, 930, 1170, 710, 620, 1190, 870],
+                itemStyle: {
+                    borderRadius: [10, 10, 10, 10],
+                    color: 'var(--color-primary)',
+                },
+                emphasis: {
+                    disabled: true
+                },
+            },
+             
+        ]
+    };
+}
+
+function getOptionLead(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '0px',
+            bottom: '30px',
+            top: '0'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'value',
+            boundaryGap: true,
+            
+            axisLine: {lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, 0],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            },
+            splitLine: {show:false, lineStyle: { color: gridColor } }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'category',
+            data: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E', 'Team F'],
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel:{
+                padding: [0, 0, 0, -15],
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            },
+            splitLine: {show:true, lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [{
+          name: 'Campaigns',
+          type: 'bar',
+          stack: 'total',
+          data: [1405, 1300, 1620, 1430, 1500, 1520],
+          barWidth: '50%',
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: 'var(--color-primary)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }, {
+          name: 'Lead',
+          type: 'bar',
+          stack: 'total',
+          data: [320, 302, 301, 334, 340, 390],
+          barWidth: '50%',
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: 'var(--color-amber-500)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }, {
+          name: 'Opportunity',
+          type: 'bar',
+          stack: 'total',
+          data: [220, 182, 351, 234, 290, 300],
+          barWidth: '50%',
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: 'var(--color-sky-500)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }, {
+          name: 'Deal',
+          type: 'bar',
+          stack: 'total',
+          data: [120, 182, 191, 134, 190, 170],
+          barWidth: '50%',
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: 'var(--color-cyan-500)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }],
+    };
+}
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_visitor'), getOptionAds);
+initChart(document.getElementById('chart_lead'), getOptionLead);
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/js/dashboard-restaurant.js b/ci4app/public/assets/raven/js/dashboard-restaurant.js
new file mode 100644
index 0000000..107a4ed
--- /dev/null
+++ b/ci4app/public/assets/raven/js/dashboard-restaurant.js
@@ -0,0 +1,119 @@
+const charts = [];
+function getOptionOrders(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-700)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,
+                fontWeight:400
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '0px',
+            bottom: '30px',
+            top: '40px'
+        },
+        legend: {
+            show: true,
+            top: 0,
+            itemGap: 40,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: true,
+            data: ['09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00'],
+            axisLine: { lineStyle: { color: gridColor, type: 'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, -10],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-sm)',
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-400)'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            
+            {
+                name: 'Orders',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 8,
+                showSymbol: true,
+                emphasis: {
+                   disabled:true
+                },
+                lineStyle: { color: 'var(--color-primary)' },
+                itemStyle: { color: 'var(--color-primary)' },
+                data: [3, 7, 12, 16, 11, 18, 9, 14, 7, 24, 14, 6]
+            },
+             
+        ]
+    };
+}
+
+
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_orders'), getOptionOrders);
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/js/dashboard-social.js b/ci4app/public/assets/raven/js/dashboard-social.js
new file mode 100644
index 0000000..1ef81ed
--- /dev/null
+++ b/ci4app/public/assets/raven/js/dashboard-social.js
@@ -0,0 +1,134 @@
+const charts = [];
+function getOptionLine(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400,
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '20px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Sep 1', 'Sep 2', 'Sep 3', 'Sep 4', 'Sep 5', 'Sep 6', 'Sep 7', 'Sep 8', 'Sep 9', 'Sep 10', 'Sep 11', 'Sep 12'],
+            axisLine: { lineStyle: { color: gridColor,type: 'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { 
+                lineStyle: 
+                { 
+                    color: gridColor,
+                    type: 'dashed'
+                 } 
+                }
+        },
+        series: [
+            {
+                name: 'Followers',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                  disabled:true
+                },
+                lineStyle: { color: 'var(--color-primary)' },
+                itemStyle: { color: 'var(--color-primary)' },
+                data: [87000, 57000, 74000, 98000, 74000, 44000, 62000, 49000, 82000, 56000, 47000, 54000]
+            },
+            {
+                name: 'Non-followers',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                     disabled:true
+                },
+                lineStyle: { color: 'var(--color-pink-500)', type:'dashed' },
+                itemStyle: { color: 'var(--color-pink-500)' },
+                data: [35000, 41000, 62000, 42000, 14000, 18000, 29000, 37000, 36000, 5100, 32000, 34000]
+            }
+        ]
+    };
+}
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_social_views'), getOptionLine);
diff --git a/ci4app/public/assets/raven/js/demo-echarts.js b/ci4app/public/assets/raven/js/demo-echarts.js
new file mode 100644
index 0000000..1102ef6
--- /dev/null
+++ b/ci4app/public/assets/raven/js/demo-echarts.js
@@ -0,0 +1,570 @@
+//ChartsDemo
+
+const charts = [];
+function getOptionArea(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                const value = params[0].value;
+                return `${params[0].axisValue}<br/><span>$${value} USD</span>`;
+            }
+        },
+        grid: {
+            right: '35px',
+            left: '10px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                padding: [0, 0, 0, 5],
+                showMaxLabel: false,
+                color: textColor,
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: textColor,
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                type: 'line',
+                data: [27000, 51000, 44000, 68000, 52000, 74000, 59000, 82000, 64000, 87000, 72000, 94000],
+                symbol: 'none',
+                smooth: true,
+                areaStyle: {
+                    color: {
+                        type: 'linear',
+                        x: 0,
+                        y: 0,
+                        x2: 0,
+                        y2: 1,
+                        colorStops: [{
+                            offset: 0,
+                            color: 'var(--color-primary-subtle)'
+                        }, {
+                            offset: 1,
+                            color: 'rgba(0,0,0,0)'
+                        }]
+                    }
+                },
+                lineStyle: {
+                    color: 'var(--color-primary)',
+                    width: 2
+                },
+                emphasis: {
+                    disabled: true
+                },
+            }
+        ]
+    };
+}
+function getOptionLine(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '20px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                padding: [0, 0, 0, 5],
+                showMaxLabel: false,
+                color: textColor,
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: textColor,
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                name: 'Organic',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                    lineStyle: { color: 'var(--color-primary)' },
+                    itemStyle: { color: 'var(--color-primary)' },
+                },
+                lineStyle: { color: 'var(--color-primary)' },
+                itemStyle: { color: 'var(--color-primary)' },
+                data: [87000, 57000, 74000, 98000, 74000, 44000, 62000, 49000, 82000, 56000, 47000, 54000]
+            },
+            {
+                name: 'Referral',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                    lineStyle: { color: 'var(--color-sky-500)' },
+                    itemStyle: { color: 'var(--color-sky-500)' },
+                },
+                lineStyle: { color: 'var(--color-sky-500)' },
+                itemStyle: { color: 'var(--color-sky-500)' },
+                data: [35000, 41000, 62000, 42000, 14000, 18000, 29000, 37000, 36000, 5100, 32000, 34000]
+            },
+            {
+                name: 'Ads',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                lineStyle: { color: 'var(--color-yellow-500)', type: 'dashed' },
+                itemStyle: { color: 'var(--color-yellow-500)' },
+                emphasis: {
+                    lineStyle: { color: 'var(--color-yellow-500)' },
+                    itemStyle: { color: 'var(--color-yellow-500)' },
+                },
+                data: [45000, 52000, 38000, 24000, 33000, 24000, 21000, 19000, 64000, 84000, 16000, 18000]
+            }
+        ]
+    };
+}
+
+function getOptionBar(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                let tooltip = `${params[0].axisValue}<br/>`;
+                params.forEach(p => {
+                    const valueInK = (p.value / 1000).toFixed(1);
+                    tooltip += `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:8px;height:8px;background-color:${p.color}"></span> ${p.seriesName}: ${valueInK}k<br/>`;
+                });
+                return tooltip;
+            }
+        },
+        grid: {
+            left: '0px',
+            right: '40px',
+            bottom: '60px',
+            top: '3%'
+        },
+        legend: {
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontSize: 11,
+                fontFamily: 'inherit',
+                color: textColor,
+                padding: [0, 0, 0, 5]
+            }
+        },
+        yAxis: {
+            type: 'value',
+            position: 'right',
+            axisLine: { show: false },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: textColor,
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                name: 'Visitors',
+                type: 'bar',
+                stack: 'total',
+                barWidth: '40%',
+                data: [100000, 120000, 90000, 150000, 130000, 160000, 140000, 180000, 150000, 200000, 170000, 210000],
+                itemStyle: {
+                    borderRadius: [10, 10, 10, 10],
+                    color: isDark ? 'var(--color-zinc-600)' : 'var(--color-zinc-300)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+            },
+            {
+                name: 'Sales',
+                type: 'bar',
+                stack: 'total',
+                barWidth: '40%',
+                data: [40000, 70000, 60000, 100000, 90000, 120000, 110000, 140000, 120000, 160000, 150000, 170000],
+                itemStyle: {
+                    barGap: '10%',
+                    borderRadius: [10, 10, 10, 10],
+                    color: 'var(--color-primary)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+            }
+        ]
+    };
+}
+function getOptionPolar(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                return `${params.name}: $${params.value}k`;
+            },
+        },
+        polar: {
+            radius: [30, '80%']
+        },
+        radiusAxis: {
+            max: 40,
+            splitLine: {
+                lineStyle: {
+                    color: gridColor,
+                    width: 1
+                }
+            },
+            axisLine: {
+                show: false
+            },
+            axisLabel: {
+                show: false
+            },
+            axisTick: {
+                show: false
+            }
+        },
+        angleAxis: {
+            type: 'category',
+            data: ['Visitors', 'Sales', 'Profit', 'Expanses'],
+            startAngle: 75,
+            axisLine: {
+                lineStyle: {
+                    color: gridColor
+                }
+            },
+            axisLabel: {
+                color: textColor,
+                
+            fontFamily:'inherit',
+            }
+        },
+        series: {
+            type: 'bar',
+            data: [37, 23, 14, 7],
+            coordinateSystem: 'polar',
+
+            label: {
+                show: false,
+                position: 'middle',
+                formatter: '{b}: {c}'
+            },
+            itemStyle: {
+                color: function (params) {
+                    const colors = [
+                        'var(--color-sky-500)',
+                        'var(--color-amber-500)',
+                        'var(--color-primary)',
+                        'var(--color-rose-500)'
+                    ];
+                    return colors[params.dataIndex % colors.length];
+                },
+            },
+            emphasis: {
+                disabled: true
+            }
+        },
+    };
+}
+function getOptionPie(isDark) {
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'item',
+            formatter: '{b}: {c}k ({d}%)',
+            backgroundColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-zinc-50)',
+            textStyle: {
+                fontFamily: 'inherit',
+                color: isDark ? 'var(--color-zinc-100)' : 'var(--color-zinc-600)'
+            }
+        },
+        legend: {
+            show: false,
+            top: '0px',
+            textStyle: {
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)',
+                fontFamily: 'inherit',
+            },
+            itemGap: 20,
+        },
+        series: [{
+            name: 'Visitors',
+            type: 'pie',
+            radius: ['70%', '90%'],
+            avoidLabelOverlap: false,
+            selectedMode: false,
+            startAngle: 90,
+            label: {
+                fontFamily: 'inherit',
+                show: true,
+                position: 'center',
+                formatter: '-12k',
+                fontSize: 36,
+                fontWeight: 'var(--font-semibold)',
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)',
+            },
+            emphasis: { disabled: true },
+            labelLine: { show: false },
+            itemStyle: {
+                borderRadius: 12,
+                borderColor: isDark ? 'var(--color-zinc-900)' : '#fff',
+                borderWidth: 6
+            },
+            data: [
+                {
+                    value: 93, name: 'Projection',
+                    itemStyle: {
+                        color: isDark ? 'var(--color-zinc-600)' : 'var(--color-zinc-300)',
+                    }
+                },
+                {
+                    value: 81, name: 'Actual',
+                    itemStyle: {
+                        color: 'var(--color-primary)'
+                    }
+                },
+            ]
+        }]
+    };
+}
+function getOptionMix(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '0px',
+            bottom: '30px',
+            top: '40px'
+        },
+        legend: {
+            show: true,
+            top: 0,
+            itemGap: 30,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: true,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, -10],
+                showMaxLabel: false,
+                color: textColor,
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor, type: 'dashed' } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-sm)',
+                color: textColor,
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+
+            {
+                name: 'Campaign',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: true,
+                emphasis: {
+                    disabled: true
+                },
+                lineStyle: { color: 'var(--color-yellow-500)' },
+                itemStyle: { color: 'var(--color-yellow-500)' },
+                data: [1200, 1020, 900, 1070, 1700, 1440, 1620, 1900, 1340, 1670, 950, 820]
+            },
+            {
+                name: 'Emails',
+                type: 'bar',
+                barWidth: '40%',
+                data: [453, 846, 699, 759, 1210, 1880, 930, 1170, 710, 620, 1190, 870],
+                itemStyle: {
+                    borderRadius: [10, 10, 10, 10],
+                    color: 'var(--color-primary)',
+                },
+                emphasis: {
+                    disabled: true
+                },
+            },
+
+        ]
+    };
+}
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+initChart(document.getElementById('chart_area'), getOptionArea);
+initChart(document.getElementById('chart_bar'), getOptionBar);
+initChart(document.getElementById('chart_pie'), getOptionPie);
+initChart(document.getElementById('chart_polar'), getOptionPolar);
+initChart(document.getElementById('chart_mix'), getOptionMix);
+initChart(document.getElementById('chart_line'), getOptionLine);
diff --git a/ci4app/public/assets/raven/js/theme.js b/ci4app/public/assets/raven/js/theme.js
new file mode 100644
index 0000000..66ba223
--- /dev/null
+++ b/ci4app/public/assets/raven/js/theme.js
@@ -0,0 +1,2 @@
+!function i(o,r,s){function a(t,e){if(!r[t]){if(!o[t]){var n="function"==typeof require&&require;if(!e&&n)return n(t,!0);if(l)return l(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}n=r[t]={exports:{}},o[t][0].call(n.exports,function(e){return a(o[t][1][e]||e)},n,n.exports,i,o,r,s)}return r[t].exports}for(var l="function"==typeof require&&require,e=0;e<s.length;e++)a(s[e]);return a}({1:[function(e,t,n){function ko(e,t,n,i){var o=r(s(1&i?e.prototype:e),t,n);return 2&i&&"function"==typeof o?function(e){return o.apply(n,e)}:o}function r(){return(r="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,n){var i=((e,t)=>{for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=s(e)););return e})(e,t);if(i)return(i=Object.getOwnPropertyDescriptor(i,t)).get?i.get.call(arguments.length<3?e:n):i.value}).apply(null,arguments)}function Eo(e,t,n){return t=s(t),xo(e,i()?Reflect.construct(t,n||[],s(e).constructor):t.apply(e,n))}function xo(e,t){if(t&&("object"==No(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");t=e;if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function i(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(i=function(){return!!e})()}function s(e){return(s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Ao(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&o(e,t)}function o(e,t){return(o=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function a(t,e){var n,i=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),i.push.apply(i,n)),i}function Oo(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?a(Object(n),!0).forEach(function(e){So(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function So(e,t,n){return(t=c(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Lo(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,c(i.key),i)}}function To(e,t,n){return t&&l(e.prototype,t),n&&l(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function c(e){e=((e,t)=>{if("object"!=No(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);if("object"!=No(n=n.call(e,t||"default")))return n;throw new TypeError("@@toPrimitive must return a primitive value.")})(e,"string");return"symbol"==No(e)?e:e+""}function Co(e,t){return(e=>{if(Array.isArray(e))return e})(e)||((e,t)=>{var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,o,r,s,a=[],l=!0,c=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(i=r.call(n)).done)&&(a.push(i.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw o}}return a}})(e,t)||u(e,t)||(()=>{throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")})()}function Mo(e,t){var n,i,o,r,s="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(s)return o=!(i=!0),{s:function(){s=s.call(e)},n:function(){var e=s.next();return i=e.done,e},e:function(e){o=!0,n=e},f:function(){try{i||null==s.return||s.return()}finally{if(o)throw n}}};if(Array.isArray(e)||(s=u(e))||t&&e&&"number"==typeof e.length)return s&&(e=s),r=0,{s:t=function(){},n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function Do(e){return(e=>{if(Array.isArray(e))return f(e)})(e)||(e=>{if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)})(e)||u(e)||(()=>{throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")})()}function u(e,t){var n;if(e)return"string"==typeof e?f(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}function No(e){return(No="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var d;d=function(){function P(e){e.dispatchEvent(new Event(U))}function o(e){return c(e)?e.jquery?e[0]:e:"string"==typeof e&&0<e.length?document.querySelector(K(e)):null}function r(e){if(!c(e)||0===e.getClientRects().length)return!1;var t="visible"===getComputedStyle(e).getPropertyValue("visibility"),n=e.closest("details:not([open])");if(n&&n!==e){e=e.closest("summary");if(e&&e.parentNode!==n)return!1;if(null===e)return!1}return t}function s(e){return!e||e.nodeType!==Node.ELEMENT_NODE||!!e.classList.contains("disabled")||(void 0!==e.disabled?e.disabled:e.hasAttribute("disabled")&&"false"!==e.getAttribute("disabled"))}function W(e){var t;return document.documentElement.attachShadow?"function"==typeof e.getRootNode?(t=e.getRootNode())instanceof ShadowRoot?t:null:e instanceof ShadowRoot?e:e.parentNode?W(e.parentNode):null:null}function z(){}function q(e){e.offsetHeight}function F(){return window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null}function a(){return"rtl"===document.documentElement.dir}function e(i){var e;e=function(){var e,t,n=F();n&&(e=i.NAME,t=n.fn[e],n.fn[e]=i.jQueryInterface,n.fn[e].Constructor=i,n.fn[e].noConflict=function(){return n.fn[e]=t,i.jQueryInterface})},"loading"===document.readyState?(Q.length||document.addEventListener("DOMContentLoaded",function(){for(var e=0,t=Q;e<t.length;e++)(0,t[e])()}),Q.push(e)):e()}function l(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:[],n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:e;return"function"==typeof e?e.call.apply(e,Do(t)):n}function R(t,n){var e,i,o,r,s,a;2<arguments.length&&void 0!==arguments[2]&&!arguments[2]?l(t):(o=5+((e=n)&&(i=(e=window.getComputedStyle(e)).transitionDuration,e=e.transitionDelay,o=Number.parseFloat(i),r=Number.parseFloat(e),o||r)?(i=i.split(",")[0],e=e.split(",")[0],(Number.parseFloat(i)+Number.parseFloat(e))*X):0),s=!1,n.addEventListener(U,a=function(e){e.target===n&&(s=!0,n.removeEventListener(U,a),l(t))}),setTimeout(function(){s||P(n)},o))}function H(e,t,n,i){var o=e.length;return-1===(t=e.indexOf(t))?!n&&i?e[o-1]:e[0]:(t+=n?1:-1,i&&(t=(t+o)%o),e[Math.max(0,Math.min(t,o-1))])}var i=new Map,B=function(e,t,n){i.has(e)||i.set(e,new Map);e=i.get(e);e.has(t)||0===e.size?e.set(t,n):console.error("Bootstrap doesn't allow more than one instance per element. Bound instance: ".concat(Array.from(e.keys())[0],"."))},V=function(e,t){return i.has(e)&&i.get(e).get(t)||null},Y=function(e,t){var n;i.has(e)&&((n=i.get(e)).delete(t),0===n.size)&&i.delete(e)},X=1e3,U="transitionend",K=function(e){return e=e&&window.CSS&&window.CSS.escape?e.replace(/#([^\s"#']+)/g,function(e,t){return"#".concat(CSS.escape(t))}):e},c=function(e){return!(!e||"object"!==No(e))&&void 0!==(e=void 0!==e.jquery?e[0]:e).nodeType},Q=[],$=/[^.]*(?=\..*)\.|.*/,G=/\..*/,Z=/::\d+$/,J={},ee=1,te={mouseenter:"mouseover",mouseleave:"mouseout"},ne=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function ie(e,t){return t&&"".concat(t,"::").concat(ee++)||e.uidEvent||ee++}function oe(e){var t=ie(e);return e.uidEvent=t,J[t]=J[t]||{},J[t]}function re(e,t,n){var i=2<arguments.length&&void 0!==n?n:null;return Object.values(e).find(function(e){return e.callable===t&&e.delegationSelector===i})}function se(e,t,n){var i="string"==typeof t,t=!i&&t||n,n=ce(e);return[i,t,n=ne.has(n)?n:e]}function ae(e,t,n,i,o){var r,s,a,l,c,u,f,d,h,p;"string"==typeof t&&e&&(r=(i=Co(se(t,n,i),3))[0],s=i[1],i=i[2],t in te&&(a=s,s=function(e){if(!e.relatedTarget||e.relatedTarget!==e.delegateTarget&&!e.delegateTarget.contains(e.relatedTarget))return a.call(this,e)}),(c=re(l=(l=oe(e))[i]||(l[i]={}),s,r?n:null))?c.oneOff=c.oneOff&&o:(c=ie(s,t.replace($,"")),(t=r?(d=e,h=n,p=s,function e(t){for(var n=d.querySelectorAll(h),i=t.target;i&&i!==this;i=i.parentNode){var o,r=Mo(n);try{for(r.s();!(o=r.n()).done;){var s=o.value;if(s===i)return ue(t,{delegateTarget:i}),e.oneOff&&m.off(d,t.type,h,p),p.apply(i,[t])}}catch(e){r.e(e)}finally{r.f()}}}):(u=e,f=s,function e(t){return ue(t,{delegateTarget:u}),e.oneOff&&m.off(u,t.type,f),f.apply(u,[t])})).delegationSelector=r?n:null,t.callable=s,t.oneOff=o,l[t.uidEvent=c]=t,e.addEventListener(i,t,r)))}function le(e,t,n,i,o){i=re(t[n],i,o);i&&(e.removeEventListener(n,i,Boolean(o)),delete t[n][i.uidEvent])}function ce(e){return e=e.replace(G,""),te[e]||e}var m={on:function(e,t,n,i){ae(e,t,n,i,!1)},one:function(e,t,n,i){ae(e,t,n,i,!0)},off:function(e,t,n,i){if("string"==typeof t&&e){var i=Co(se(t,n,i),3),o=i[0],r=i[1],s=i[2],a=s!==t,l=oe(e),i=l[s]||{},c=t.startsWith(".");if(void 0!==r)return Object.keys(i).length?void le(e,l,s,r,o?n:null):void 0;if(c)for(var u=0,f=Object.keys(l);u<f.length;u++)for(var d=f[u],h=(w=_=b=y=g=v=m=p=h=void 0,e),p=l,m=d,v=t.slice(1),g=p[m]||{},y=0,b=Object.entries(g);y<b.length;y++){var _=Co(b[y],2),w=_[0],_=_[1];w.includes(v)&&le(h,p,m,_.callable,_.delegationSelector)}for(var k=0,E=Object.entries(i);k<E.length;k++){var x=Co(E[k],2),A=x[0],x=x[1],A=A.replace(Z,"");a&&!t.includes(A)||le(e,l,s,x.callable,x.delegationSelector)}}},trigger:function(e,t,n){var i,o,r,s,a;return"string"==typeof t&&e?(a=F(),s=!(r=o=!(i=null)),t!==ce(t)&&a&&(i=a.Event(t,n),a(e).trigger(i),o=!i.isPropagationStopped(),r=!i.isImmediatePropagationStopped(),s=i.isDefaultPrevented()),a=ue(new Event(t,{bubbles:o,cancelable:!0}),n),s&&a.preventDefault(),r&&e.dispatchEvent(a),a.defaultPrevented&&i&&i.preventDefault(),a):null}};function ue(i,e){for(var o=0,r=Object.entries(1<arguments.length&&void 0!==e?e:{});o<r.length;o++)(()=>{var e=Co(r[o],2),t=e[0],n=e[1];try{i[t]=n}catch(e){Object.defineProperty(i,t,{configurable:!0,get:function(){return n}})}})();return i}function fe(t){if("true"===t)return!0;if("false"===t)return!1;if(t===Number(t).toString())return Number(t);if(""===t||"null"===t)return null;if("string"!=typeof t)return t;try{return JSON.parse(decodeURIComponent(t))}catch(e){return t}}function de(e){return e.replace(/[A-Z]/g,function(e){return"-".concat(e.toLowerCase())})}function he(e){var t=e.getAttribute("data-bs-target");if(!t||"#"===t){e=e.getAttribute("href");if(!e||!e.includes("#")&&!e.startsWith("."))return null;t=(e=e.includes("#")&&!e.startsWith("#")?"#".concat(e.split("#")[1]):e)&&"#"!==e?e.trim():null}return t?t.split(",").map(function(e){return K(e)}).join(","):null}function pe(t){var n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"hide",e="click.dismiss".concat(t.EVENT_KEY),i=t.NAME;m.on(document,e,'[data-bs-dismiss="'.concat(i,'"]'),function(e){["A","AREA"].includes(this.tagName)&&e.preventDefault(),s(this)||(e=u.getElementFromSelector(this)||this.closest(".".concat(i)),t.getOrCreateInstance(e)[n]())})}var me=function(e,t,n){e.setAttribute("data-bs-".concat(de(t)),n)},ve=function(e,t){e.removeAttribute("data-bs-".concat(de(t)))},ge=function(e){if(!e)return{};var t,n={},i=Mo(Object.keys(e.dataset).filter(function(e){return e.startsWith("bs")&&!e.startsWith("bsConfig")}));try{for(i.s();!(t=i.n()).done;){var o=t.value,r=o.replace(/^bs/,"");n[r=r.charAt(0).toLowerCase()+r.slice(1)]=fe(e.dataset[o])}}catch(e){i.e(e)}finally{i.f()}return n},ye=function(e,t){return fe(e.getAttribute("data-bs-".concat(de(t))))},be=(()=>To(function e(){Lo(this,e)},[{key:"_getConfig",value:function(e){return e=this._mergeConfigObj(e),e=this._configAfterMerge(e),this._typeCheckConfig(e),e}},{key:"_configAfterMerge",value:function(e){return e}},{key:"_mergeConfigObj",value:function(e,t){var n=c(t)?ye(t,"config"):{};return Oo(Oo(Oo(Oo({},this.constructor.Default),"object"===No(n)?n:{}),c(t)?ge(t):{}),"object"===No(e)?e:{})}},{key:"_typeCheckConfig",value:function(e){for(var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:this.constructor.DefaultType,n=0,i=Object.entries(t);n<i.length;n++){var o=Co(i[n],2),r=o[0],o=o[1],s=e[r],s=c(s)?"element":null==(s=s)?"".concat(s):Object.prototype.toString.call(s).match(/\s([a-z]+)/i)[1].toLowerCase();if(!new RegExp(o).test(s))throw new TypeError("".concat(this.constructor.NAME.toUpperCase(),': Option "').concat(r,'" provided type "').concat(s,'" but expected type "').concat(o,'".'))}}}],[{key:"Default",get:function(){return{}}},{key:"DefaultType",get:function(){return{}}},{key:"NAME",get:function(){throw new Error('You have to implement the static method "NAME", for each component!')}}]))(),t=(()=>{function i(e,t){var n;return Lo(this,i),n=Eo(this,i),(e=o(e))?(n._element=e,n._config=n._getConfig(t),B(n._element,n.constructor.DATA_KEY,n),n):xo(n)}return Ao(i,be),To(i,[{key:"dispose",value:function(){Y(this._element,this.constructor.DATA_KEY),m.off(this._element,this.constructor.EVENT_KEY);var e,t=Mo(Object.getOwnPropertyNames(this));try{for(t.s();!(e=t.n()).done;)this[e.value]=null}catch(e){t.e(e)}finally{t.f()}}},{key:"_queueCallback",value:function(e,t){R(e,t,!(2<arguments.length&&void 0!==arguments[2])||arguments[2])}},{key:"_getConfig",value:function(e){return e=this._mergeConfigObj(e,this._element),e=this._configAfterMerge(e),this._typeCheckConfig(e),e}}],[{key:"getInstance",value:function(e){return V(o(e),this.DATA_KEY)}},{key:"getOrCreateInstance",value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{};return this.getInstance(e)||new this(e,"object"===No(t)?t:null)}},{key:"VERSION",get:function(){return"5.3.8"}},{key:"DATA_KEY",get:function(){return"bs.".concat(this.NAME)}},{key:"EVENT_KEY",get:function(){return".".concat(this.DATA_KEY)}},{key:"eventName",value:function(e){return"".concat(e).concat(this.EVENT_KEY)}}])})(),u={find:function(e){var t,n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document.documentElement;return(t=[]).concat.apply(t,Do(Element.prototype.querySelectorAll.call(n,e)))},findOne:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document.documentElement;return Element.prototype.querySelector.call(t,e)},children:function(e,t){var n;return(n=[]).concat.apply(n,Do(e.children)).filter(function(e){return e.matches(t)})},parents:function(e,t){for(var n=[],i=e.parentNode.closest(t);i;)n.push(i),i=i.parentNode.closest(t);return n},prev:function(e,t){for(var n=e.previousElementSibling;n;){if(n.matches(t))return[n];n=n.previousElementSibling}return[]},next:function(e,t){for(var n=e.nextElementSibling;n;){if(n.matches(t))return[n];n=n.nextElementSibling}return[]},focusableChildren:function(e){var t=["a","button","input","textarea","select","details","[tabindex]",'[contenteditable="true"]'].map(function(e){return"".concat(e,':not([tabindex^="-"])')}).join(",");return this.find(t,e).filter(function(e){return!s(e)&&r(e)})},getSelectorFromElement:function(e){e=he(e);return e&&u.findOne(e)?e:null},getElementFromSelector:function(e){e=he(e);return e?u.findOne(e):null},getMultipleElementsFromSelector:function(e){e=he(e);return e?u.find(e):[]}},_e=".".concat("bs.alert"),we="close".concat(_e),ke="closed".concat(_e),_e=(()=>{function n(){return Lo(this,n),Eo(this,n,arguments)}return Ao(n,t),To(n,[{key:"close",value:function(){var e,t=this;m.trigger(this._element,we).defaultPrevented||(this._element.classList.remove("show"),e=this._element.classList.contains("fade"),this._queueCallback(function(){return t._destroyElement()},this._element,e))}},{key:"_destroyElement",value:function(){this._element.remove(),m.trigger(this._element,ke),this.dispose()}}],[{key:"NAME",get:function(){return"alert"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t](this)}})}}])})(),n=(pe(_e,"close"),e(_e),".".concat("bs.button")),Ee='[data-bs-toggle="button"]',n="click".concat(n).concat(".data-api"),xe=(()=>{function n(){return Lo(this,n),Eo(this,n,arguments)}return Ao(n,t),To(n,[{key:"toggle",value:function(){this._element.setAttribute("aria-pressed",this._element.classList.toggle("active"))}}],[{key:"NAME",get:function(){return"button"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this);"toggle"===t&&e[t]()})}}])})(),f=(m.on(document,n,Ee,function(e){e.preventDefault();e=e.target.closest(Ee);xe.getOrCreateInstance(e).toggle()}),e(xe),".bs.swipe"),Ae="touchstart".concat(f),Oe="touchmove".concat(f),Se="touchend".concat(f),Le="pointerdown".concat(f),Te="pointerup".concat(f),Ce={endCallback:null,leftCallback:null,rightCallback:null},Me={endCallback:"(function|null)",leftCallback:"(function|null)",rightCallback:"(function|null)"},De=(()=>{function i(e,t){var n;return Lo(this,i),((n=Eo(this,i))._element=e)&&i.isSupported()?(n._config=n._getConfig(t),n._deltaX=0,n._supportPointerEvents=Boolean(window.PointerEvent),n._initEvents(),n):xo(n)}return Ao(i,be),To(i,[{key:"dispose",value:function(){m.off(this._element,f)}},{key:"_start",value:function(e){this._supportPointerEvents?this._eventIsPointerPenTouch(e)&&(this._deltaX=e.clientX):this._deltaX=e.touches[0].clientX}},{key:"_end",value:function(e){this._eventIsPointerPenTouch(e)&&(this._deltaX=e.clientX-this._deltaX),this._handleSwipe(),l(this._config.endCallback)}},{key:"_move",value:function(e){this._deltaX=e.touches&&1<e.touches.length?0:e.touches[0].clientX-this._deltaX}},{key:"_handleSwipe",value:function(){var e=Math.abs(this._deltaX);e<=40||(e=e/this._deltaX,this._deltaX=0,e&&l(0<e?this._config.rightCallback:this._config.leftCallback))}},{key:"_initEvents",value:function(){var t=this;this._supportPointerEvents?(m.on(this._element,Le,function(e){return t._start(e)}),m.on(this._element,Te,function(e){return t._end(e)}),this._element.classList.add("pointer-event")):(m.on(this._element,Ae,function(e){return t._start(e)}),m.on(this._element,Oe,function(e){return t._move(e)}),m.on(this._element,Se,function(e){return t._end(e)}))}},{key:"_eventIsPointerPenTouch",value:function(e){return this._supportPointerEvents&&("pen"===e.pointerType||"touch"===e.pointerType)}}],[{key:"Default",get:function(){return Ce}},{key:"DefaultType",get:function(){return Me}},{key:"NAME",get:function(){return"swipe"}},{key:"isSupported",value:function(){return"ontouchstart"in document.documentElement||0<navigator.maxTouchPoints}}])})(),n=".".concat("bs.carousel"),d=".data-api",Ne="next",je="prev",Ie="left",Pe="right",We="slide".concat(n),ze="slid".concat(n),qe="keydown".concat(n),Fe="mouseenter".concat(n),Re="mouseleave".concat(n),He="dragstart".concat(n),Be="load".concat(n).concat(d),n="click".concat(n).concat(d),Ve="carousel",Ye="active",Xe=".active",Ue=".carousel-item",Ke=So(So({},"ArrowLeft",Pe),"ArrowRight",Ie),Qe={interval:5e3,keyboard:!0,pause:"hover",ride:!1,touch:!0,wrap:!0},$e={interval:"(number|boolean)",keyboard:"boolean",pause:"(string|boolean)",ride:"(boolean|string)",touch:"boolean",wrap:"boolean"},Ge=(()=>{function n(e,t){return Lo(this,n),(e=Eo(this,n,[e,t]))._interval=null,e._activeElement=null,e._isSliding=!1,e.touchTimeout=null,e._swipeHelper=null,e._indicatorsElement=u.findOne(".carousel-indicators",e._element),e._addEventListeners(),e._config.ride===Ve&&e.cycle(),e}return Ao(n,t),To(n,[{key:"next",value:function(){this._slide(Ne)}},{key:"nextWhenVisible",value:function(){!document.hidden&&r(this._element)&&this.next()}},{key:"prev",value:function(){this._slide(je)}},{key:"pause",value:function(){this._isSliding&&P(this._element),this._clearInterval()}},{key:"cycle",value:function(){var e=this;this._clearInterval(),this._updateInterval(),this._interval=setInterval(function(){return e.nextWhenVisible()},this._config.interval)}},{key:"_maybeEnableCycle",value:function(){var e=this;this._config.ride&&(this._isSliding?m.one(this._element,ze,function(){return e.cycle()}):this.cycle())}},{key:"to",value:function(e){var t,n=this,i=this._getItems();e>i.length-1||e<0||(this._isSliding?m.one(this._element,ze,function(){return n.to(e)}):(t=this._getItemIndex(this._getActive()))!==e&&this._slide(t<e?Ne:je,i[e]))}},{key:"dispose",value:function(){this._swipeHelper&&this._swipeHelper.dispose(),ko(n,"dispose",this,3)([])}},{key:"_configAfterMerge",value:function(e){return e.defaultInterval=e.interval,e}},{key:"_addEventListeners",value:function(){var t=this;this._config.keyboard&&m.on(this._element,qe,function(e){return t._keydown(e)}),"hover"===this._config.pause&&(m.on(this._element,Fe,function(){return t.pause()}),m.on(this._element,Re,function(){return t._maybeEnableCycle()})),this._config.touch&&De.isSupported()&&this._addTouchEventListeners()}},{key:"_addTouchEventListeners",value:function(){var e,t=this,n=Mo(u.find(".carousel-item img",this._element));try{for(n.s();!(e=n.n()).done;){var i=e.value;m.on(i,He,function(e){return e.preventDefault()})}}catch(e){n.e(e)}finally{n.f()}this._swipeHelper=new De(this._element,{leftCallback:function(){return t._slide(t._directionToOrder(Ie))},rightCallback:function(){return t._slide(t._directionToOrder(Pe))},endCallback:function(){"hover"===t._config.pause&&(t.pause(),t.touchTimeout&&clearTimeout(t.touchTimeout),t.touchTimeout=setTimeout(function(){return t._maybeEnableCycle()},500+t._config.interval))}})}},{key:"_keydown",value:function(e){var t;/input|textarea/i.test(e.target.tagName)||(t=Ke[e.key])&&(e.preventDefault(),this._slide(this._directionToOrder(t)))}},{key:"_getItemIndex",value:function(e){return this._getItems().indexOf(e)}},{key:"_setActiveIndicatorElement",value:function(e){var t;this._indicatorsElement&&((t=u.findOne(Xe,this._indicatorsElement)).classList.remove(Ye),t.removeAttribute("aria-current"),t=u.findOne('[data-bs-slide-to="'.concat(e,'"]'),this._indicatorsElement))&&(t.classList.add(Ye),t.setAttribute("aria-current","true"))}},{key:"_updateInterval",value:function(){var e=this._activeElement||this._getActive();e&&(e=Number.parseInt(e.getAttribute("data-bs-interval"),10),this._config.interval=e||this._config.defaultInterval)}},{key:"_slide",value:function(t){var n,e,i,o,r,s,a,l=this,c=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null;this._isSliding||(n=this._getActive(),e=t===Ne,(i=c||H(this._getItems(),n,e,this._config.wrap))===n)||(o=this._getItemIndex(i),(r=function(e){return m.trigger(l._element,e,{relatedTarget:i,direction:l._orderToDirection(t),from:l._getItemIndex(n),to:o})})(We).defaultPrevented)||n&&i&&(c=Boolean(this._interval),this.pause(),this._isSliding=!0,this._setActiveIndicatorElement(o),this._activeElement=i,s=e?"carousel-item-start":"carousel-item-end",a=e?"carousel-item-next":"carousel-item-prev",i.classList.add(a),q(i),n.classList.add(s),i.classList.add(s),this._queueCallback(function(){i.classList.remove(s,a),i.classList.add(Ye),n.classList.remove(Ye,a,s),l._isSliding=!1,r(ze)},n,this._isAnimated()),c)&&this.cycle()}},{key:"_isAnimated",value:function(){return this._element.classList.contains("slide")}},{key:"_getActive",value:function(){return u.findOne(".active.carousel-item",this._element)}},{key:"_getItems",value:function(){return u.find(Ue,this._element)}},{key:"_clearInterval",value:function(){this._interval&&(clearInterval(this._interval),this._interval=null)}},{key:"_directionToOrder",value:function(e){return a()?e===Ie?je:Ne:e===Ie?Ne:je}},{key:"_orderToDirection",value:function(e){return a()?e===je?Ie:Pe:e===je?Pe:Ie}}],[{key:"Default",get:function(){return Qe}},{key:"DefaultType",get:function(){return $e}},{key:"NAME",get:function(){return"carousel"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("number"==typeof t)e.to(t);else if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),d=(m.on(document,n,"[data-bs-slide], [data-bs-slide-to]",function(e){var t=u.getElementFromSelector(this);t&&t.classList.contains(Ve)&&(e.preventDefault(),e=Ge.getOrCreateInstance(t),(t=this.getAttribute("data-bs-slide-to"))?e.to(t):"next"===ye(this,"slide")?e.next():e.prev(),e._maybeEnableCycle())}),m.on(window,Be,function(){var e,t=Mo(u.find('[data-bs-ride="carousel"]'));try{for(t.s();!(e=t.n()).done;){var n=e.value;Ge.getOrCreateInstance(n)}}catch(e){t.e(e)}finally{t.f()}}),e(Ge),".".concat("bs.collapse")),Ze="show".concat(d),Je="shown".concat(d),et="hide".concat(d),tt="hidden".concat(d),n="click".concat(d).concat(".data-api"),nt="show",it="collapse",ot="collapsing",rt=":scope .".concat(it," .").concat(it),st='[data-bs-toggle="collapse"]',at={parent:null,toggle:!0},lt={parent:"(null|element)",toggle:"boolean"},ct=(()=>{function l(e,t){var n;Lo(this,l),(n=Eo(this,l,[e,t]))._isTransitioning=!1,n._triggerArray=[];var i,o=Mo(u.find(st));try{for(o.s();!(i=o.n()).done;){var r=i.value,s=u.getSelectorFromElement(r),a=u.find(s).filter(function(e){return e===n._element});null!==s&&a.length&&n._triggerArray.push(r)}}catch(e){o.e(e)}finally{o.f()}return n._initializeChildren(),n._config.parent||n._addAriaAndCollapsedClass(n._triggerArray,n._isShown()),n._config.toggle&&n.toggle(),n}return Ao(l,t),To(l,[{key:"toggle",value:function(){this._isShown()?this.hide():this.show()}},{key:"show",value:function(){var t=this;if(!this._isTransitioning&&!this._isShown()){var e=[];if(!(e=this._config.parent?this._getFirstLevelChildren(".collapse.show, .collapse.collapsing").filter(function(e){return e!==t._element}).map(function(e){return l.getOrCreateInstance(e,{toggle:!1})}):e).length||!e[0]._isTransitioning){var n=m.trigger(this._element,Ze);if(!n.defaultPrevented){var i,o=Mo(e);try{for(o.s();!(i=o.n()).done;)i.value.hide()}catch(e){o.e(e)}finally{o.f()}var r=this._getDimension(),n=(this._element.classList.remove(it),this._element.classList.add(ot),this._element.style[r]=0,this._addAriaAndCollapsedClass(this._triggerArray,!0),this._isTransitioning=!0,r[0].toUpperCase()+r.slice(1)),e="scroll".concat(n);this._queueCallback(function(){t._isTransitioning=!1,t._element.classList.remove(ot),t._element.classList.add(it,nt),t._element.style[r]="",m.trigger(t._element,Je)},this._element,!0),this._element.style[r]="".concat(this._element[e],"px")}}}}},{key:"hide",value:function(){var e=this;if(!this._isTransitioning&&this._isShown()){var t=m.trigger(this._element,et);if(!t.defaultPrevented){var n,t=this._getDimension(),i=(this._element.style[t]="".concat(this._element.getBoundingClientRect()[t],"px"),q(this._element),this._element.classList.add(ot),this._element.classList.remove(it,nt),Mo(this._triggerArray));try{for(i.s();!(n=i.n()).done;){var o=n.value,r=u.getElementFromSelector(o);r&&!this._isShown(r)&&this._addAriaAndCollapsedClass([o],!1)}}catch(e){i.e(e)}finally{i.f()}this._isTransitioning=!0;this._element.style[t]="",this._queueCallback(function(){e._isTransitioning=!1,e._element.classList.remove(ot),e._element.classList.add(it),m.trigger(e._element,tt)},this._element,!0)}}}},{key:"_isShown",value:function(){return(0<arguments.length&&void 0!==arguments[0]?arguments[0]:this._element).classList.contains(nt)}},{key:"_configAfterMerge",value:function(e){return e.toggle=Boolean(e.toggle),e.parent=o(e.parent),e}},{key:"_getDimension",value:function(){return this._element.classList.contains("collapse-horizontal")?"width":"height"}},{key:"_initializeChildren",value:function(){if(this._config.parent){var e,t=Mo(this._getFirstLevelChildren(st));try{for(t.s();!(e=t.n()).done;){var n=e.value,i=u.getElementFromSelector(n);i&&this._addAriaAndCollapsedClass([n],this._isShown(i))}}catch(e){t.e(e)}finally{t.f()}}}},{key:"_getFirstLevelChildren",value:function(e){var t=u.find(rt,this._config.parent);return u.find(e,this._config.parent).filter(function(e){return!t.includes(e)})}},{key:"_addAriaAndCollapsedClass",value:function(e,t){if(e.length){var n,i=Mo(e);try{for(i.s();!(n=i.n()).done;){var o=n.value;o.classList.toggle("collapsed",!t),o.setAttribute("aria-expanded",t)}}catch(e){i.e(e)}finally{i.f()}}}}],[{key:"Default",get:function(){return at}},{key:"DefaultType",get:function(){return lt}},{key:"NAME",get:function(){return"collapse"}},{key:"jQueryInterface",value:function(t){var n={};return"string"==typeof t&&/show|hide/.test(t)&&(n.toggle=!1),this.each(function(){var e=l.getOrCreateInstance(this,n);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),S=(m.on(document,n,st,function(e){("A"===e.target.tagName||e.delegateTarget&&"A"===e.delegateTarget.tagName)&&e.preventDefault();var t,n=Mo(u.getMultipleElementsFromSelector(this));try{for(n.s();!(t=n.n()).done;){var i=t.value;ct.getOrCreateInstance(i,{toggle:!1}).toggle()}}catch(e){n.e(e)}finally{n.f()}}),e(ct),"top"),L="bottom",T="right",C="left",ut="auto",ft=[S,L,T,C],M="start",dt="end",ht="clippingParents",pt="viewport",mt="popper",vt="reference",gt=ft.reduce(function(e,t){return e.concat([t+"-"+M,t+"-"+dt])},[]),yt=[].concat(ft,[ut]).reduce(function(e,t){return e.concat([t,t+"-"+M,t+"-"+dt])},[]),Be="beforeRead",d="afterRead",n="beforeMain",h="afterMain",p="beforeWrite",v="afterWrite",bt=[Be,"read",d,n,"main",h,p,"write",v];function g(e){return e?(e.nodeName||"").toLowerCase():null}function b(e){var t;return null==e?window:"[object Window]"!==e.toString()?(t=e.ownerDocument)&&t.defaultView||window:e}function y(e){return e instanceof b(e).Element||e instanceof Element}function _(e){return e instanceof b(e).HTMLElement||e instanceof HTMLElement}function _t(e){return"undefined"!=typeof ShadowRoot&&(e instanceof b(e).ShadowRoot||e instanceof ShadowRoot)}var wt={name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var o=e.state;Object.keys(o.elements).forEach(function(e){var t=o.styles[e]||{},n=o.attributes[e]||{},i=o.elements[e];_(i)&&g(i)&&(Object.assign(i.style,t),Object.keys(n).forEach(function(e){var t=n[e];!1===t?i.removeAttribute(e):i.setAttribute(e,!0===t?"":t)}))})},effect:function(e){var i=e.state,o={popper:{position:i.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(i.elements.popper.style,o.popper),i.styles=o,i.elements.arrow&&Object.assign(i.elements.arrow.style,o.arrow),function(){Object.keys(i.elements).forEach(function(e){var t=i.elements[e],n=i.attributes[e]||{},e=Object.keys((i.styles.hasOwnProperty(e)?i.styles:o)[e]).reduce(function(e,t){return e[t]="",e},{});_(t)&&g(t)&&(Object.assign(t.style,e),Object.keys(n).forEach(function(e){t.removeAttribute(e)}))})}},requires:["computeStyles"]};function D(e){return e.split("-")[0]}var O=Math.max,kt=Math.min,Et=Math.round;function xt(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function At(){return!/^((?!chrome|android).)*safari/i.test(xt())}function Ot(e,t,n){void 0===t&&(t=!1),void 0===n&&(n=!1);var i=e.getBoundingClientRect(),o=1,r=1;t&&_(e)&&(o=0<e.offsetWidth&&Et(i.width)/e.offsetWidth||1,r=0<e.offsetHeight&&Et(i.height)/e.offsetHeight||1);t=(y(e)?b(e):window).visualViewport,e=!At()&&n,n=(i.left+(e&&t?t.offsetLeft:0))/o,e=(i.top+(e&&t?t.offsetTop:0))/r,t=i.width/o,o=i.height/r;return{width:t,height:o,top:e,right:n+t,bottom:e+o,left:n,x:n,y:e}}function St(e){var t=Ot(e),n=e.offsetWidth,i=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-i)<=1&&(i=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:i}}function Lt(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&_t(n)){var i=t;do{if(i&&e.isSameNode(i))return!0}while(i=i.parentNode||i.host)}return!1}function w(e){return b(e).getComputedStyle(e)}function k(e){return((y(e)?e.ownerDocument:e.document)||window.document).documentElement}function Tt(e){return"html"===g(e)?e:e.assignedSlot||e.parentNode||(_t(e)?e.host:null)||k(e)}function Ct(e){return _(e)&&"fixed"!==w(e).position?e.offsetParent:null}function Mt(e){for(var t,n=b(e),i=Ct(e);i&&(t=i,0<=["table","td","th"].indexOf(g(t)))&&"static"===w(i).position;)i=Ct(i);return(!i||"html"!==g(i)&&("body"!==g(i)||"static"!==w(i).position))&&(i||(e=>{var t=/firefox/i.test(xt()),n=/Trident/i.test(xt());if(!n||!_(e)||"fixed"!==w(e).position){var i=Tt(e);for(_t(i)&&(i=i.host);_(i)&&["html","body"].indexOf(g(i))<0;){var o=w(i);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||t&&"filter"===o.willChange||t&&o.filter&&"none"!==o.filter)return i;i=i.parentNode}}return null})(e))||n}function Dt(e){return 0<=["top","bottom"].indexOf(e)?"x":"y"}function Nt(e,t,n){return O(e,kt(t,n))}function jt(){return{top:0,right:0,bottom:0,left:0}}function It(e){return Object.assign({},jt(),e)}function Pt(n,e){return e.reduce(function(e,t){return e[t]=n,e},{})}var Wt={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,n,i,o,r=e.state,s=e.name,e=e.options,a=r.elements.arrow,l=r.modifiersData.popperOffsets,c=Dt(u=D(r.placement)),u=0<=[C,T].indexOf(u)?"height":"width";a&&l&&(e=e.padding,n=r,n=It("number"!=typeof(e="function"==typeof e?e(Object.assign({},n.rects,{placement:n.placement})):e)?e:Pt(e,ft)),e=St(a),o="y"===c?S:C,i="y"===c?L:T,t=r.rects.reference[u]+r.rects.reference[c]-l[c]-r.rects.popper[u],l=l[c]-r.rects.reference[c],a=(a=Mt(a))?"y"===c?a.clientHeight||0:a.clientWidth||0:0,o=n[o],n=a-e[u]-n[i],o=Nt(o,i=a/2-e[u]/2+(t/2-l/2),n),r.modifiersData[s]=((a={})[c]=o,a.centerOffset=o-i,a))},effect:function(e){var t=e.state;null!=(e=void 0===(e=e.options.element)?"[data-popper-arrow]":e)&&("string"!=typeof e||(e=t.elements.popper.querySelector(e)))&&Lt(t.elements.popper,e)&&(t.elements.arrow=e)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function zt(e){return e.split("-")[1]}var qt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Ft(e){var t,n=e.popper,i=e.popperRect,o=e.placement,r=e.variation,s=e.offsets,a=e.position,l=e.gpuAcceleration,c=e.adaptive,u=e.roundOffsets,e=e.isFixed,f=s.x,f=void 0===f?0:f,d=s.y,d=void 0===d?0:d,h="function"==typeof u?u({x:f,y:d}):{x:f,y:d},h=(f=h.x,d=h.y,s.hasOwnProperty("x")),s=s.hasOwnProperty("y"),p=C,m=S,v=window,g=(c&&(g="clientHeight",t="clientWidth",(y=Mt(n))===b(n)&&"static"!==w(y=k(n)).position&&"absolute"===a&&(g="scrollHeight",t="scrollWidth"),o!==S&&(o!==C&&o!==T||r!==dt)||(m=L,d=(d-((e&&y===v&&v.visualViewport?v.visualViewport.height:y[g])-i.height))*(l?1:-1)),o!==C&&(o!==S&&o!==L||r!==dt)||(p=T,f=(f-((e&&y===v&&v.visualViewport?v.visualViewport.width:y[t])-i.width))*(l?1:-1))),Object.assign({position:a},c&&qt)),y=!0===u?(o={x:f,y:d},r=b(n),e=o.x,o=o.y,r=r.devicePixelRatio||1,{x:Et(e*r)/r||0,y:Et(o*r)/r||0}):{x:f,y:d};return f=y.x,d=y.y,l?Object.assign({},g,((t={})[m]=s?"0":"",t[p]=h?"0":"",t.transform=(v.devicePixelRatio||1)<=1?"translate("+f+"px, "+d+"px)":"translate3d("+f+"px, "+d+"px, 0)",t)):Object.assign({},g,((i={})[m]=s?d+"px":"",i[p]=h?f+"px":"",i.transform="",i))}var E={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,n=void 0===(n=(e=e.options).gpuAcceleration)||n,i=void 0===(i=e.adaptive)||i,e=void 0===(e=e.roundOffsets)||e,n={placement:D(t.placement),variation:zt(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:n,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,Ft(Object.assign({},n,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:i,roundOffsets:e})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,Ft(Object.assign({},n,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:e})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},Rt={passive:!0};var Ht={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,n=e.instance,i=(e=e.options).scroll,o=void 0===i||i,r=void 0===(i=e.resize)||i,s=b(t.elements.popper),a=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&a.forEach(function(e){e.addEventListener("scroll",n.update,Rt)}),r&&s.addEventListener("resize",n.update,Rt),function(){o&&a.forEach(function(e){e.removeEventListener("scroll",n.update,Rt)}),r&&s.removeEventListener("resize",n.update,Rt)}},data:{}},Bt={left:"right",right:"left",bottom:"top",top:"bottom"};function Vt(e){return e.replace(/left|right|bottom|top/g,function(e){return Bt[e]})}var Yt={start:"end",end:"start"};function Xt(e){return e.replace(/start|end/g,function(e){return Yt[e]})}function Ut(e){e=b(e);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Kt(e){return Ot(k(e)).left+Ut(e).scrollLeft}function Qt(e){var e=w(e),t=e.overflow;return/auto|scroll|overlay|hidden/.test(t+e.overflowY+e.overflowX)}function $t(e,t){void 0===t&&(t=[]);var n=function e(t){return 0<=["html","body","#document"].indexOf(g(t))?t.ownerDocument.body:_(t)&&Qt(t)?t:e(Tt(t))}(e),e=n===(null==(e=e.ownerDocument)?void 0:e.body),i=b(n),i=e?[i].concat(i.visualViewport||[],Qt(n)?n:[]):n,n=t.concat(i);return e?n:n.concat($t(Tt(i)))}function Gt(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Zt(e,t,n){return t===pt?Gt((o=n,s=b(i=e),a=k(i),s=s.visualViewport,l=a.clientWidth,a=a.clientHeight,u=c=0,s&&(l=s.width,a=s.height,(r=At())||!r&&"fixed"===o)&&(c=s.offsetLeft,u=s.offsetTop),{width:l,height:a,x:c+Kt(i),y:u})):y(t)?((o=Ot(r=t,!1,"fixed"===(o=n))).top=o.top+r.clientTop,o.left=o.left+r.clientLeft,o.bottom=o.top+r.clientHeight,o.right=o.left+r.clientWidth,o.width=r.clientWidth,o.height=r.clientHeight,o.x=o.left,o.y=o.top,o):Gt((s=k(e),l=k(s),a=Ut(s),c=null==(c=s.ownerDocument)?void 0:c.body,i=O(l.scrollWidth,l.clientWidth,c?c.scrollWidth:0,c?c.clientWidth:0),u=O(l.scrollHeight,l.clientHeight,c?c.scrollHeight:0,c?c.clientHeight:0),s=-a.scrollLeft+Kt(s),a=-a.scrollTop,"rtl"===w(c||l).direction&&(s+=O(l.clientWidth,c?c.clientWidth:0)-i),{width:i,height:u,x:s,y:a}));var i,o,r,s,a,l,c,u}function Jt(n,e,t,i){var o,r="clippingParents"===e?(s=$t(Tt(r=n)),y(o=0<=["absolute","fixed"].indexOf(w(r).position)&&_(r)?Mt(r):r)?s.filter(function(e){return y(e)&&Lt(e,o)&&"body"!==g(e)}):[]):[].concat(e),s=[].concat(r,[t]),e=s[0],t=s.reduce(function(e,t){t=Zt(n,t,i);return e.top=O(t.top,e.top),e.right=kt(t.right,e.right),e.bottom=kt(t.bottom,e.bottom),e.left=O(t.left,e.left),e},Zt(n,e,i));return t.width=t.right-t.left,t.height=t.bottom-t.top,t.x=t.left,t.y=t.top,t}function en(e){var t,n=e.reference,i=e.element,e=e.placement,o=e?D(e):null,e=e?zt(e):null,r=n.x+n.width/2-i.width/2,s=n.y+n.height/2-i.height/2;switch(o){case S:t={x:r,y:n.y-i.height};break;case L:t={x:r,y:n.y+n.height};break;case T:t={x:n.x+n.width,y:s};break;case C:t={x:n.x-i.width,y:s};break;default:t={x:n.x,y:n.y}}var a=o?Dt(o):null;if(null!=a){var l="y"===a?"height":"width";switch(e){case M:t[a]=t[a]-(n[l]/2-i[l]/2);break;case dt:t[a]=t[a]+(n[l]/2-i[l]/2)}}return t}function tn(e,t){var i,t=t=void 0===t?{}:t,n=t.placement,n=void 0===n?e.placement:n,o=t.strategy,o=void 0===o?e.strategy:o,r=t.boundary,r=void 0===r?ht:r,s=t.rootBoundary,s=void 0===s?pt:s,a=t.elementContext,a=void 0===a?mt:a,l=t.altBoundary,l=void 0!==l&&l,t=t.padding,t=void 0===t?0:t,t=It("number"!=typeof t?t:Pt(t,ft)),c=e.rects.popper,l=e.elements[l?a===mt?vt:mt:a],l=Jt(y(l)?l:l.contextElement||k(e.elements.popper),r,s,o),r=Ot(e.elements.reference),s=en({reference:r,element:c,placement:n}),o=Gt(Object.assign({},c,s)),c=a===mt?o:r,u={top:l.top-c.top+t.top,bottom:c.bottom-l.bottom+t.bottom,left:l.left-c.left+t.left,right:c.right-l.right+t.right},s=e.modifiersData.offset;return a===mt&&s&&(i=s[n],Object.keys(u).forEach(function(e){var t=0<=[T,L].indexOf(e)?1:-1,n=0<=[S,L].indexOf(e)?"y":"x";u[e]+=i[n]*t})),u}var nn={name:"flip",enabled:!0,phase:"main",fn:function(e){var f=e.state,t=e.options,e=e.name;if(!f.modifiersData[e]._skip){for(var n=t.mainAxis,i=void 0===n||n,n=t.altAxis,o=void 0===n||n,n=t.fallbackPlacements,d=t.padding,h=t.boundary,p=t.rootBoundary,r=t.altBoundary,s=t.flipVariations,m=void 0===s||s,v=t.allowedAutoPlacements,s=f.options.placement,t=D(s),n=n||(t===s||!m?[Vt(s)]:D(n=s)===ut?[]:(t=Vt(n),[Xt(n),t,Xt(t)])),a=[s].concat(n).reduce(function(e,t){return e.concat(D(t)===ut?(n=f,i=(e=e=void 0===(e={placement:t,boundary:h,rootBoundary:p,padding:d,flipVariations:m,allowedAutoPlacements:v})?{}:e).placement,o=e.boundary,r=e.rootBoundary,s=e.padding,a=e.flipVariations,l=void 0===(e=e.allowedAutoPlacements)?yt:e,c=zt(i),e=c?a?gt:gt.filter(function(e){return zt(e)===c}):ft,u=(i=0===(i=e.filter(function(e){return 0<=l.indexOf(e)})).length?e:i).reduce(function(e,t){return e[t]=tn(n,{placement:t,boundary:o,rootBoundary:r,padding:s})[D(t)],e},{}),Object.keys(u).sort(function(e,t){return u[e]-u[t]})):t);var n,i,o,r,s,a,l,c,u},[]),l=f.rects.reference,c=f.rects.popper,u=new Map,g=!0,y=a[0],b=0;b<a.length;b++){var _=a[b],w=D(_),k=zt(_)===M,E=0<=[S,L].indexOf(w),x=E?"width":"height",A=tn(f,{placement:_,boundary:h,rootBoundary:p,altBoundary:r,padding:d}),E=E?k?T:C:k?L:S,k=(l[x]>c[x]&&(E=Vt(E)),Vt(E)),x=[];if(i&&x.push(A[w]<=0),o&&x.push(A[E]<=0,A[k]<=0),x.every(function(e){return e})){y=_,g=!1;break}u.set(_,x)}if(g)for(var O=m?3:1;0<O;O--)if("break"===(t=>{var e=a.find(function(e){e=u.get(e);if(e)return e.slice(0,t).every(function(e){return e})});if(e)return y=e,"break"})(O))break;f.placement!==y&&(f.modifiersData[e]._skip=!0,f.placement=y,f.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function on(e,t,n){return{top:e.top-t.height-(n=void 0===n?{x:0,y:0}:n).y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function rn(t){return[S,T,L,C].some(function(e){return 0<=t[e]})}var sn={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,e=e.name,n=t.rects.reference,i=t.rects.popper,o=t.modifiersData.preventOverflow,r=tn(t,{elementContext:"reference"}),s=tn(t,{altBoundary:!0}),r=on(r,n),n=on(s,i,o),s=rn(r),i=rn(n);t.modifiersData[e]={referenceClippingOffsets:r,popperEscapeOffsets:n,isReferenceHidden:s,hasPopperEscaped:i},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":i})}};var an={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var s=e.state,t=e.name,a=void 0===(e=e.options.offset)?[0,0]:e,e=yt.reduce(function(e,t){var n,i,o,r;return e[t]=(t=t,n=s.rects,i=a,o=D(t),r=0<=[C,S].indexOf(o)?-1:1,t=(n="function"==typeof i?i(Object.assign({},n,{placement:t})):i)[0]||0,i=(n[1]||0)*r,0<=[C,T].indexOf(o)?{x:i,y:t}:{x:t,y:i}),e},{}),n=(i=e[s.placement]).x,i=i.y;null!=s.modifiersData.popperOffsets&&(s.modifiersData.popperOffsets.x+=n,s.modifiersData.popperOffsets.y+=i),s.modifiersData[t]=e}};var ln={name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state;t.modifiersData[e.name]=en({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})},data:{}};var cn={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t,n,i,o,r,s,a,l,c,u=e.state,f=e.options,e=e.name,d=void 0===(d=f.mainAxis)||d,h=void 0!==(h=f.altAxis)&&h,p=void 0===(p=f.tether)||p,m=void 0===(m=f.tetherOffset)?0:m,f=tn(u,{boundary:f.boundary,rootBoundary:f.rootBoundary,padding:f.padding,altBoundary:f.altBoundary}),v=D(u.placement),g=zt(u.placement),y=!g,b=Dt(v),_="x"===b?"y":"x",w=u.modifiersData.popperOffsets,k=u.rects.reference,E=u.rects.popper,m="number"==typeof(m="function"==typeof m?m(Object.assign({},u.rects,{placement:u.placement})):m)?{mainAxis:m,altAxis:m}:Object.assign({mainAxis:0,altAxis:0},m),x=u.modifiersData.offset?u.modifiersData.offset[u.placement]:null,A={x:0,y:0};w&&(d&&(d="y"===b?"height":"width",s=(a=w[b])+f[n="y"===b?S:C],l=a-f[c="y"===b?L:T],t=p?-E[d]/2:0,o=(g===M?k:E)[d],g=g===M?-E[d]:-k[d],r=u.elements.arrow,r=p&&r?St(r):{width:0,height:0},n=(i=u.modifiersData["arrow#persistent"]?u.modifiersData["arrow#persistent"].padding:jt())[n],i=i[c],c=Nt(0,k[d],r[d]),r=y?k[d]/2-t-c-n-m.mainAxis:o-c-n-m.mainAxis,o=y?-k[d]/2+t+c+i+m.mainAxis:g+c+i+m.mainAxis,y=(n=u.elements.arrow&&Mt(u.elements.arrow))?"y"===b?n.clientTop||0:n.clientLeft||0:0,g=a+o-(t=null!=(d=null==x?void 0:x[b])?d:0),c=Nt(p?kt(s,a+r-t-y):s,a,p?O(l,g):l),w[b]=c,A[b]=c-a),h&&(i="y"==_?"height":"width",o=(n=w[_])+f["x"===b?S:C],d=n-f["x"===b?L:T],r=-1!==[S,C].indexOf(v),y=null!=(t=null==x?void 0:x[_])?t:0,s=r?o:n-k[i]-E[i]-y+m.altAxis,g=r?n+k[i]+E[i]-y-m.altAxis:d,a=p&&r?(l=Nt(l=s,n,c=g),c<l?c:l):Nt(p?s:o,n,p?g:d),w[_]=a,A[_]=a-n),u.modifiersData[e]=A)},requiresIfExists:["offset"]};function un(e,t,n){void 0===n&&(n=!1);var i=_(t),o=_(t)&&(s=(o=t).getBoundingClientRect(),r=Et(s.width)/o.offsetWidth||1,s=Et(s.height)/o.offsetHeight||1,1!==r||1!==s),r=k(t),s=Ot(e,o,n),e={scrollLeft:0,scrollTop:0},a={x:0,y:0};return!i&&n||("body"===g(t)&&!Qt(r)||(e=(i=t)!==b(i)&&_(i)?{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}:Ut(i)),_(t)?((a=Ot(t,!0)).x+=t.clientLeft,a.y+=t.clientTop):r&&(a.x=Kt(r))),{x:s.left+e.scrollLeft-a.x,y:s.top+e.scrollTop-a.y,width:s.width,height:s.height}}function fn(e){var n=new Map,i=new Set,o=[];return e.forEach(function(e){n.set(e.name,e)}),e.forEach(function(e){i.has(e.name)||!function t(e){i.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){i.has(e)||(e=n.get(e))&&t(e)}),o.push(e)}(e)}),o}var dn={placement:"bottom",modifiers:[],strategy:"absolute"};function hn(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return!t.some(function(e){return!(e&&"function"==typeof e.getBoundingClientRect)})}function pn(e){var e=e=void 0===e?{}:e,t=e.defaultModifiers,f=void 0===t?[]:t,t=e.defaultOptions,d=void 0===t?dn:t;return function(i,o,t){void 0===t&&(t=d);var n,r,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},dn,d),modifiersData:{},elements:{reference:i,popper:o},attributes:{},styles:{}},a=[],l=!1,c={state:s,setOptions:function(e){var n,t,e="function"==typeof e?e(s.options):e,e=(u(),s.options=Object.assign({},d,s.options,e),s.scrollParents={reference:y(i)?$t(i):i.contextElement?$t(i.contextElement):[],popper:$t(o)},e=[].concat(f,s.options.modifiers),t=e.reduce(function(e,t){var n=e[t.name];return e[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t,e},{}),e=Object.keys(t).map(function(e){return t[e]}),n=fn(e),bt.reduce(function(e,t){return e.concat(n.filter(function(e){return e.phase===t}))},[]));return s.orderedModifiers=e.filter(function(e){return e.enabled}),s.orderedModifiers.forEach(function(e){var t=e.name,n=e.options,e=e.effect;"function"==typeof e&&(e=e({state:s,name:t,instance:c,options:void 0===n?{}:n}),a.push(e||function(){}))}),c.update()},forceUpdate:function(){if(!l){var e=s.elements,t=e.reference,e=e.popper;if(hn(t,e)){s.rects={reference:un(t,Mt(e),"fixed"===s.options.strategy),popper:St(e)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach(function(e){return s.modifiersData[e.name]=Object.assign({},e.data)});for(var n,i,o,r=0;r<s.orderedModifiers.length;r++)!0===s.reset?(s.reset=!1,r=-1):(i=(n=s.orderedModifiers[r]).fn,o=n.options,"function"==typeof i&&(s=i({state:s,options:void 0===o?{}:o,name:n.name,instance:c})||s))}}},update:(n=function(){return new Promise(function(e){c.forceUpdate(),e(s)})},function(){return r=r||new Promise(function(e){Promise.resolve().then(function(){r=void 0,e(n())})})}),destroy:function(){u(),l=!0}};return hn(i,o)&&c.setOptions(t).then(function(e){!l&&t.onFirstUpdate&&t.onFirstUpdate(e)}),c;function u(){a.forEach(function(e){return e()}),a=[]}}}var mn=pn({defaultModifiers:[Ht,ln,E,wt,an,nn,cn,Wt,sn]}),vn=Object.freeze(Object.defineProperty({__proto__:null,afterMain:h,afterRead:d,afterWrite:v,applyStyles:wt,arrow:Wt,auto:ut,basePlacements:ft,beforeMain:n,beforeRead:Be,beforeWrite:p,bottom:L,clippingParents:ht,computeStyles:E,createPopper:mn,createPopperBase:pn(),createPopperLite:pn({defaultModifiers:[Ht,ln,E,wt]}),detectOverflow:tn,end:dt,eventListeners:Ht,flip:nn,hide:sn,left:C,main:"main",modifierPhases:bt,offset:an,placements:yt,popper:mt,popperGenerator:pn,popperOffsets:ln,preventOverflow:cn,read:"read",reference:vt,right:T,start:M,top:S,variationPlacements:gt,viewport:pt,write:"write"},Symbol.toStringTag,{value:"Module"})),gn="dropdown",h=".".concat("bs.dropdown"),d=".data-api",yn="ArrowDown",bn="hide".concat(h),_n="hidden".concat(h),wn="show".concat(h),kn="shown".concat(h),v="click".concat(h).concat(d),Wt="keydown".concat(h).concat(d),n="keyup".concat(h).concat(d),En="show",x='[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)',xn="".concat(x,".").concat(En),An=".dropdown-menu",On=a()?"top-end":"top-start",Sn=a()?"top-start":"top-end",Ln=a()?"bottom-end":"bottom-start",Tn=a()?"bottom-start":"bottom-end",Cn=a()?"left-start":"right-start",Mn=a()?"right-start":"left-start",Dn={autoClose:!0,boundary:"clippingParents",display:"dynamic",offset:[0,2],popperConfig:null,reference:"toggle"},Nn={autoClose:"(boolean|string)",boundary:"(string|element)",display:"string",offset:"(array|string|function)",popperConfig:"(null|object|function)",reference:"(string|element|object)"},A=(()=>{function a(e,t){return Lo(this,a),(e=Eo(this,a,[e,t]))._popper=null,e._parent=e._element.parentNode,e._menu=u.next(e._element,An)[0]||u.prev(e._element,An)[0]||u.findOne(An,e._parent),e._inNavbar=e._detectNavbar(),e}return Ao(a,t),To(a,[{key:"toggle",value:function(){return this._isShown()?this.hide():this.show()}},{key:"show",value:function(){if(!s(this._element)&&!this._isShown()){var e={relatedTarget:this._element},t=m.trigger(this._element,wn,e);if(!t.defaultPrevented){if(this._createPopper(),"ontouchstart"in document.documentElement&&!this._parent.closest(".navbar-nav")){var n,i=Mo((t=[]).concat.apply(t,Do(document.body.children)));try{for(i.s();!(n=i.n()).done;){var o=n.value;m.on(o,"mouseover",z)}}catch(e){i.e(e)}finally{i.f()}}this._element.focus(),this._element.setAttribute("aria-expanded",!0),this._menu.classList.add(En),this._element.classList.add(En),m.trigger(this._element,kn,e)}}}},{key:"hide",value:function(){var e;!s(this._element)&&this._isShown()&&(e={relatedTarget:this._element},this._completeHide(e))}},{key:"dispose",value:function(){this._popper&&this._popper.destroy(),ko(a,"dispose",this,3)([])}},{key:"update",value:function(){this._inNavbar=this._detectNavbar(),this._popper&&this._popper.update()}},{key:"_completeHide",value:function(e){var t=m.trigger(this._element,bn,e);if(!t.defaultPrevented){if("ontouchstart"in document.documentElement){var n,i=Mo((t=[]).concat.apply(t,Do(document.body.children)));try{for(i.s();!(n=i.n()).done;){var o=n.value;m.off(o,"mouseover",z)}}catch(e){i.e(e)}finally{i.f()}}this._popper&&this._popper.destroy(),this._menu.classList.remove(En),this._element.classList.remove(En),this._element.setAttribute("aria-expanded","false"),ve(this._menu,"popper"),m.trigger(this._element,_n,e)}}},{key:"_getConfig",value:function(e){if("object"!==No((e=ko(a,"_getConfig",this,3)([e])).reference)||c(e.reference)||"function"==typeof e.reference.getBoundingClientRect)return e;throw new TypeError("".concat(gn.toUpperCase(),': Option "reference" provided type "object" without a required "getBoundingClientRect" method.'))}},{key:"_createPopper",value:function(){if(void 0===vn)throw new TypeError("Bootstrap's dropdowns require Popper (https://popper.js.org/docs/v2/)");var e=this._element,t=("parent"===this._config.reference?e=this._parent:c(this._config.reference)?e=o(this._config.reference):"object"===No(this._config.reference)&&(e=this._config.reference),this._getPopperConfig());this._popper=mn(e,this._menu,t)}},{key:"_isShown",value:function(){return this._menu.classList.contains(En)}},{key:"_getPlacement",value:function(){var e,t=this._parent;return t.classList.contains("dropend")?Cn:t.classList.contains("dropstart")?Mn:t.classList.contains("dropup-center")?"top":t.classList.contains("dropdown-center")?"bottom":(e="end"===getComputedStyle(this._menu).getPropertyValue("--bs-position").trim(),t.classList.contains("dropup")?e?Sn:On:e?Tn:Ln)}},{key:"_detectNavbar",value:function(){return null!==this._element.closest(".navbar")}},{key:"_getOffset",value:function(){var t=this,n=this._config.offset;return"string"==typeof n?n.split(",").map(function(e){return Number.parseInt(e,10)}):"function"==typeof n?function(e){return n(e,t._element)}:n}},{key:"_getPopperConfig",value:function(){var e={placement:this._getPlacement(),modifiers:[{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"offset",options:{offset:this._getOffset()}}]};return!this._inNavbar&&"static"!==this._config.display||(me(this._menu,"popper","static"),e.modifiers=[{name:"applyStyles",enabled:!1}]),Oo(Oo({},e),l(this._config.popperConfig,[void 0,e]))}},{key:"_selectMenuItem",value:function(e){var t=e.key,e=e.target,n=u.find(".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",this._menu).filter(r);n.length&&H(n,e,t===yn,!n.includes(e)).focus()}}],[{key:"Default",get:function(){return Dn}},{key:"DefaultType",get:function(){return Nn}},{key:"NAME",get:function(){return gn}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=a.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}},{key:"clearMenus",value:function(e){if(2!==e.button&&("keyup"!==e.type||"Tab"===e.key)){var t,n=Mo(u.find(xn));try{for(n.s();!(t=n.n()).done;){var i,o,r,s=a.getInstance(t.value);s&&!1!==s._config.autoClose&&(o=(i=e.composedPath()).includes(s._menu),i.includes(s._element)||"inside"===s._config.autoClose&&!o||"outside"===s._config.autoClose&&o||s._menu.contains(e.target)&&("keyup"===e.type&&"Tab"===e.key||/input|select|option|textarea|form/i.test(e.target.tagName))||(r={relatedTarget:s._element},"click"===e.type&&(r.clickEvent=e),s._completeHide(r)))}}catch(e){n.e(e)}finally{n.f()}}}},{key:"dataApiKeydownHandler",value:function(e){var t=/input|textarea/i.test(e.target.tagName),n="Escape"===e.key,i=["ArrowUp",yn].includes(e.key);!i&&!n||t&&!n||(e.preventDefault(),t=this.matches(x)?this:u.prev(this,x)[0]||u.next(this,x)[0]||u.findOne(x,e.delegateTarget.parentNode),n=a.getOrCreateInstance(t),i?(e.stopPropagation(),n.show(),n._selectMenuItem(e)):n._isShown()&&(e.stopPropagation(),n.hide(),t.focus()))}}])})(),jn=(m.on(document,Wt,x,A.dataApiKeydownHandler),m.on(document,Wt,An,A.dataApiKeydownHandler),m.on(document,v,A.clearMenus),m.on(document,n,A.clearMenus),m.on(document,v,x,function(e){e.preventDefault(),A.getOrCreateInstance(this).toggle()}),e(A),"backdrop"),In="mousedown.bs.".concat(jn),Pn={className:"modal-backdrop",clickCallback:null,isAnimated:!1,isVisible:!0,rootElement:"body"},Wn={className:"string",clickCallback:"(function|null)",isAnimated:"boolean",isVisible:"boolean",rootElement:"(element|string)"},zn=(()=>{function n(e){var t;return Lo(this,n),(t=Eo(this,n))._config=t._getConfig(e),t._isAppended=!1,t._element=null,t}return Ao(n,be),To(n,[{key:"show",value:function(e){var t;this._config.isVisible?(this._append(),t=this._getElement(),this._config.isAnimated&&q(t),t.classList.add("show"),this._emulateAnimation(function(){l(e)})):l(e)}},{key:"hide",value:function(e){var t=this;this._config.isVisible?(this._getElement().classList.remove("show"),this._emulateAnimation(function(){t.dispose(),l(e)})):l(e)}},{key:"dispose",value:function(){this._isAppended&&(m.off(this._element,In),this._element.remove(),this._isAppended=!1)}},{key:"_getElement",value:function(){var e;return this._element||((e=document.createElement("div")).className=this._config.className,this._config.isAnimated&&e.classList.add("fade"),this._element=e),this._element}},{key:"_configAfterMerge",value:function(e){return e.rootElement=o(e.rootElement),e}},{key:"_append",value:function(){var e,t=this;this._isAppended||(e=this._getElement(),this._config.rootElement.append(e),m.on(e,In,function(){l(t._config.clickCallback)}),this._isAppended=!0)}},{key:"_emulateAnimation",value:function(e){R(e,this._getElement(),this._config.isAnimated)}}],[{key:"Default",get:function(){return Pn}},{key:"DefaultType",get:function(){return Wn}},{key:"NAME",get:function(){return jn}}])})(),qn=".".concat("bs.focustrap"),Fn="focusin".concat(qn),Rn="keydown.tab".concat(qn),Hn="backward",Bn={autofocus:!0,trapElement:null},Vn={autofocus:"boolean",trapElement:"element"},Yn=(()=>{function n(e){var t;return Lo(this,n),(t=Eo(this,n))._config=t._getConfig(e),t._isActive=!1,t._lastTabNavDirection=null,t}return Ao(n,be),To(n,[{key:"activate",value:function(){var t=this;this._isActive||(this._config.autofocus&&this._config.trapElement.focus(),m.off(document,qn),m.on(document,Fn,function(e){return t._handleFocusin(e)}),m.on(document,Rn,function(e){return t._handleKeydown(e)}),this._isActive=!0)}},{key:"deactivate",value:function(){this._isActive&&(this._isActive=!1,m.off(document,qn))}},{key:"_handleFocusin",value:function(e){var t=this._config.trapElement;e.target===document||e.target===t||t.contains(e.target)||(0===(e=u.focusableChildren(t)).length?t:this._lastTabNavDirection===Hn?e[e.length-1]:e[0]).focus()}},{key:"_handleKeydown",value:function(e){"Tab"===e.key&&(this._lastTabNavDirection=e.shiftKey?Hn:"forward")}}],[{key:"Default",get:function(){return Bn}},{key:"DefaultType",get:function(){return Vn}},{key:"NAME",get:function(){return"focustrap"}}])})(),Xn=".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",Un=".sticky-top",Kn="padding-right",Qn="margin-right",$n=(()=>To(function e(){Lo(this,e),this._element=document.body},[{key:"getWidth",value:function(){var e=document.documentElement.clientWidth;return Math.abs(window.innerWidth-e)}},{key:"hide",value:function(){var t=this.getWidth();this._disableOverFlow(),this._setElementAttributes(this._element,Kn,function(e){return e+t}),this._setElementAttributes(Xn,Kn,function(e){return e+t}),this._setElementAttributes(Un,Qn,function(e){return e-t})}},{key:"reset",value:function(){this._resetElementAttributes(this._element,"overflow"),this._resetElementAttributes(this._element,Kn),this._resetElementAttributes(Xn,Kn),this._resetElementAttributes(Un,Qn)}},{key:"isOverflowing",value:function(){return 0<this.getWidth()}},{key:"_disableOverFlow",value:function(){this._saveInitialAttribute(this._element,"overflow"),this._element.style.overflow="hidden"}},{key:"_setElementAttributes",value:function(e,n,i){var o=this,r=this.getWidth();this._applyManipulationCallback(e,function(e){var t;e!==o._element&&window.innerWidth>e.clientWidth+r||(o._saveInitialAttribute(e,n),t=window.getComputedStyle(e).getPropertyValue(n),e.style.setProperty(n,"".concat(i(Number.parseFloat(t)),"px")))})}},{key:"_saveInitialAttribute",value:function(e,t){var n=e.style.getPropertyValue(t);n&&me(e,t,n)}},{key:"_resetElementAttributes",value:function(e,n){this._applyManipulationCallback(e,function(e){var t=ye(e,n);null===t?e.style.removeProperty(n):(ve(e,n),e.style.setProperty(n,t))})}},{key:"_applyManipulationCallback",value:function(e,t){if(c(e))t(e);else{var n,i=Mo(u.find(e,this._element));try{for(i.s();!(n=i.n()).done;)t(n.value)}catch(e){i.e(e)}finally{i.f()}}}}]))(),N=".".concat("bs.modal"),Gn="hide".concat(N),Zn="hidePrevented".concat(N),Jn="hidden".concat(N),ei="show".concat(N),ti="shown".concat(N),ni="resize".concat(N),ii="click.dismiss".concat(N),oi="mousedown.dismiss".concat(N),ri="keydown.dismiss".concat(N),Be="click".concat(N).concat(".data-api"),si="modal-open",ai="modal-static",li={backdrop:!0,focus:!0,keyboard:!0},ci={backdrop:"(boolean|string)",focus:"boolean",keyboard:"boolean"},ui=(()=>{function i(e,t){return Lo(this,i),(e=Eo(this,i,[e,t]))._dialog=u.findOne(".modal-dialog",e._element),e._backdrop=e._initializeBackDrop(),e._focustrap=e._initializeFocusTrap(),e._isShown=!1,e._isTransitioning=!1,e._scrollBar=new $n,e._addEventListeners(),e}return Ao(i,t),To(i,[{key:"toggle",value:function(e){return this._isShown?this.hide():this.show(e)}},{key:"show",value:function(e){var t=this;this._isShown||this._isTransitioning||m.trigger(this._element,ei,{relatedTarget:e}).defaultPrevented||(this._isShown=!0,this._isTransitioning=!0,this._scrollBar.hide(),document.body.classList.add(si),this._adjustDialog(),this._backdrop.show(function(){return t._showElement(e)}))}},{key:"hide",value:function(){var e=this;!this._isShown||this._isTransitioning||m.trigger(this._element,Gn).defaultPrevented||(this._isShown=!1,this._isTransitioning=!0,this._focustrap.deactivate(),this._element.classList.remove("show"),this._queueCallback(function(){return e._hideModal()},this._element,this._isAnimated()))}},{key:"dispose",value:function(){m.off(window,N),m.off(this._dialog,N),this._backdrop.dispose(),this._focustrap.deactivate(),ko(i,"dispose",this,3)([])}},{key:"handleUpdate",value:function(){this._adjustDialog()}},{key:"_initializeBackDrop",value:function(){return new zn({isVisible:Boolean(this._config.backdrop),isAnimated:this._isAnimated()})}},{key:"_initializeFocusTrap",value:function(){return new Yn({trapElement:this._element})}},{key:"_showElement",value:function(e){var t=this,n=(document.body.contains(this._element)||document.body.append(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.scrollTop=0,u.findOne(".modal-body",this._dialog));n&&(n.scrollTop=0),q(this._element),this._element.classList.add("show");this._queueCallback(function(){t._config.focus&&t._focustrap.activate(),t._isTransitioning=!1,m.trigger(t._element,ti,{relatedTarget:e})},this._dialog,this._isAnimated())}},{key:"_addEventListeners",value:function(){var n=this;m.on(this._element,ri,function(e){"Escape"===e.key&&(n._config.keyboard?n.hide():n._triggerBackdropTransition())}),m.on(window,ni,function(){n._isShown&&!n._isTransitioning&&n._adjustDialog()}),m.on(this._element,oi,function(t){m.one(n._element,ii,function(e){n._element===t.target&&n._element===e.target&&("static"===n._config.backdrop?n._triggerBackdropTransition():n._config.backdrop&&n.hide())})})}},{key:"_hideModal",value:function(){var e=this;this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._backdrop.hide(function(){document.body.classList.remove(si),e._resetAdjustments(),e._scrollBar.reset(),m.trigger(e._element,Jn)})}},{key:"_isAnimated",value:function(){return this._element.classList.contains("fade")}},{key:"_triggerBackdropTransition",value:function(){var e,t,n=this;m.trigger(this._element,Zn).defaultPrevented||(e=this._element.scrollHeight>document.documentElement.clientHeight,"hidden"===(t=this._element.style.overflowY))||this._element.classList.contains(ai)||(e||(this._element.style.overflowY="hidden"),this._element.classList.add(ai),this._queueCallback(function(){n._element.classList.remove(ai),n._queueCallback(function(){n._element.style.overflowY=t},n._dialog)},this._dialog),this._element.focus())}},{key:"_adjustDialog",value:function(){var e,t=this._element.scrollHeight>document.documentElement.clientHeight,n=this._scrollBar.getWidth(),i=0<n;i&&!t&&(e=a()?"paddingLeft":"paddingRight",this._element.style[e]="".concat(n,"px")),!i&&t&&(e=a()?"paddingRight":"paddingLeft",this._element.style[e]="".concat(n,"px"))}},{key:"_resetAdjustments",value:function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""}}],[{key:"Default",get:function(){return li}},{key:"DefaultType",get:function(){return ci}},{key:"NAME",get:function(){return"modal"}},{key:"jQueryInterface",value:function(t,n){return this.each(function(){var e=i.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t](n)}})}}])})(),p=(m.on(document,Be,'[data-bs-toggle="modal"]',function(e){var t=this,n=u.getElementFromSelector(this),e=(["A","AREA"].includes(this.tagName)&&e.preventDefault(),m.one(n,ei,function(e){e.defaultPrevented||m.one(n,Jn,function(){r(t)&&t.focus()})}),u.findOne(".modal.show"));e&&ui.getInstance(e).hide(),ui.getOrCreateInstance(n).toggle(this)}),pe(ui),e(ui),".".concat("bs.offcanvas")),E=".data-api",wt="load".concat(p).concat(E),fi="showing",di=".offcanvas.show",hi="show".concat(p),pi="shown".concat(p),mi="hide".concat(p),vi="hidePrevented".concat(p),gi="hidden".concat(p),Ht="resize".concat(p),nn="click".concat(p).concat(E),yi="keydown.dismiss".concat(p),bi={backdrop:!0,keyboard:!0,scroll:!1},_i={backdrop:"(boolean|string)",keyboard:"boolean",scroll:"boolean"},j=(()=>{function n(e,t){return Lo(this,n),(e=Eo(this,n,[e,t]))._isShown=!1,e._backdrop=e._initializeBackDrop(),e._focustrap=e._initializeFocusTrap(),e._addEventListeners(),e}return Ao(n,t),To(n,[{key:"toggle",value:function(e){return this._isShown?this.hide():this.show(e)}},{key:"show",value:function(e){var t=this;this._isShown||m.trigger(this._element,hi,{relatedTarget:e}).defaultPrevented||(this._isShown=!0,this._backdrop.show(),this._config.scroll||(new $n).hide(),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.classList.add(fi),this._queueCallback(function(){t._config.scroll&&!t._config.backdrop||t._focustrap.activate(),t._element.classList.add("show"),t._element.classList.remove(fi),m.trigger(t._element,pi,{relatedTarget:e})},this._element,!0))}},{key:"hide",value:function(){var e=this;this._isShown&&!m.trigger(this._element,mi).defaultPrevented&&(this._focustrap.deactivate(),this._element.blur(),this._isShown=!1,this._element.classList.add("hiding"),this._backdrop.hide(),this._queueCallback(function(){e._element.classList.remove("show","hiding"),e._element.removeAttribute("aria-modal"),e._element.removeAttribute("role"),e._config.scroll||(new $n).reset(),m.trigger(e._element,gi)},this._element,!0))}},{key:"dispose",value:function(){this._backdrop.dispose(),this._focustrap.deactivate(),ko(n,"dispose",this,3)([])}},{key:"_initializeBackDrop",value:function(){var e=this,t=Boolean(this._config.backdrop);return new zn({className:"offcanvas-backdrop",isVisible:t,isAnimated:!0,rootElement:this._element.parentNode,clickCallback:t?function(){"static"===e._config.backdrop?m.trigger(e._element,vi):e.hide()}:null})}},{key:"_initializeFocusTrap",value:function(){return new Yn({trapElement:this._element})}},{key:"_addEventListeners",value:function(){var t=this;m.on(this._element,yi,function(e){"Escape"===e.key&&(t._config.keyboard?t.hide():m.trigger(t._element,vi))})}}],[{key:"Default",get:function(){return bi}},{key:"DefaultType",get:function(){return _i}},{key:"NAME",get:function(){return"offcanvas"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t](this)}})}}])})(),sn=(m.on(document,nn,'[data-bs-toggle="offcanvas"]',function(e){var t=this,n=u.getElementFromSelector(this);["A","AREA"].includes(this.tagName)&&e.preventDefault(),s(this)||(m.one(n,gi,function(){r(t)&&t.focus()}),(e=u.findOne(di))&&e!==n&&j.getInstance(e).hide(),j.getOrCreateInstance(n).toggle(this))}),m.on(window,wt,function(){var e,t=Mo(u.find(di));try{for(t.s();!(e=t.n()).done;){var n=e.value;j.getOrCreateInstance(n).show()}}catch(e){t.e(e)}finally{t.f()}}),m.on(window,Ht,function(){var e,t=Mo(u.find("[aria-modal][class*=show][class*=offcanvas-]"));try{for(t.s();!(e=t.n()).done;){var n=e.value;"fixed"!==getComputedStyle(n).position&&j.getOrCreateInstance(n).hide()}}catch(e){t.e(e)}finally{t.f()}}),pe(j),e(j),{"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],dd:[],div:[],dl:[],dt:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]}),wi=new Set(["background","cite","href","itemtype","longdesc","poster","src","xlink:href"]),ki=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i;function Ei(e,t,n){if(!e.length)return e;if(n&&"function"==typeof n)return n(e);var i,n=(new window.DOMParser).parseFromString(e,"text/html"),o=Mo((e=[]).concat.apply(e,Do(n.body.querySelectorAll("*"))));try{for(o.s();!(i=o.n()).done;){var r,s=i.value,a=s.nodeName.toLowerCase();if(Object.keys(t).includes(a)){var l,c=(r=[]).concat.apply(r,Do(s.attributes)),u=[].concat(t["*"]||[],t[a]||[]),f=Mo(c);try{for(f.s();!(l=f.n()).done;){var d=l.value;((e,t)=>{var n=e.nodeName.toLowerCase();return t.includes(n)?!wi.has(n)||Boolean(ki.test(e.nodeValue)):t.filter(function(e){return e instanceof RegExp}).some(function(e){return e.test(n)})})(d,u)||s.removeAttribute(d.nodeName)}}catch(e){f.e(e)}finally{f.f()}}else s.remove()}}catch(e){o.e(e)}finally{o.f()}return n.body.innerHTML}var xi={allowList:sn,content:{},extraClass:"",html:!1,sanitize:!0,sanitizeFn:null,template:"<div></div>"},Ai={allowList:"object",content:"object",extraClass:"(string|function)",html:"boolean",sanitize:"boolean",sanitizeFn:"(null|function)",template:"string"},Oi={entry:"(string|element|function|null)",selector:"(string|element)"},Si=(()=>{function r(e){var t;return Lo(this,r),(t=Eo(this,r))._config=t._getConfig(e),t}return Ao(r,be),To(r,[{key:"getContent",value:function(){var t=this;return Object.values(this._config.content).map(function(e){return t._resolvePossibleFunction(e)}).filter(Boolean)}},{key:"hasContent",value:function(){return 0<this.getContent().length}},{key:"changeContent",value:function(e){return this._checkContent(e),this._config.content=Oo(Oo({},this._config.content),e),this}},{key:"toHtml",value:function(){var e=document.createElement("div");e.innerHTML=this._maybeSanitize(this._config.template);for(var t=0,n=Object.entries(this._config.content);t<n.length;t++){var i=Co(n[t],2),o=i[0];this._setContent(e,i[1],o)}var r,s=e.children[0],a=this._resolvePossibleFunction(this._config.extraClass);return a&&(r=s.classList).add.apply(r,Do(a.split(" "))),s}},{key:"_typeCheckConfig",value:function(e){ko(r,"_typeCheckConfig",this,3)([e]),this._checkContent(e.content)}},{key:"_checkContent",value:function(e){for(var t=0,n=Object.entries(e);t<n.length;t++){var i=Co(n[t],2),o=i[0],i=i[1];ko(r,"_typeCheckConfig",this,3)([{selector:o,entry:i},Oi])}}},{key:"_setContent",value:function(e,t,n){n=u.findOne(n,e);n&&((t=this._resolvePossibleFunction(t))?c(t)?this._putElementInTemplate(o(t),n):this._config.html?n.innerHTML=this._maybeSanitize(t):n.textContent=t:n.remove())}},{key:"_maybeSanitize",value:function(e){return this._config.sanitize?Ei(e,this._config.allowList,this._config.sanitizeFn):e}},{key:"_resolvePossibleFunction",value:function(e){return l(e,[void 0,this])}},{key:"_putElementInTemplate",value:function(e,t){this._config.html?(t.innerHTML="",t.append(e)):t.textContent=e.textContent}}],[{key:"Default",get:function(){return xi}},{key:"DefaultType",get:function(){return Ai}},{key:"NAME",get:function(){return"TemplateFactory"}}])})(),Li=new Set(["sanitize","allowList","sanitizeFn"]),Ti="fade",Ci="show",Mi=".".concat("modal"),Di="hide.bs.modal",Ni="hover",ji="focus",Ii="click",Pi={AUTO:"auto",TOP:"top",RIGHT:a()?"left":"right",BOTTOM:"bottom",LEFT:a()?"right":"left"},Wi={allowList:sn,animation:!0,boundary:"clippingParents",container:!1,customClass:"",delay:0,fallbackPlacements:["top","right","bottom","left"],html:!1,offset:[0,6],placement:"top",popperConfig:null,sanitize:!0,sanitizeFn:null,selector:!1,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',title:"",trigger:"hover focus"},zi={allowList:"object",animation:"boolean",boundary:"(string|element)",container:"(string|element|boolean)",customClass:"(string|function)",delay:"(number|object)",fallbackPlacements:"array",html:"boolean",offset:"(array|string|function)",placement:"(string|function)",popperConfig:"(null|object|function)",sanitize:"boolean",sanitizeFn:"(null|function)",selector:"(string|boolean)",template:"string",title:"(string|element|function)",trigger:"string"},qi=(()=>{function n(e,t){if(Lo(this,n),void 0===vn)throw new TypeError("Bootstrap's tooltips require Popper (https://popper.js.org/docs/v2/)");return(e=Eo(this,n,[e,t]))._isEnabled=!0,e._timeout=0,e._isHovered=null,e._activeTrigger={},e._popper=null,e._templateFactory=null,e._newContent=null,e.tip=null,e._setListeners(),e._config.selector||e._fixTitle(),e}return Ao(n,t),To(n,[{key:"enable",value:function(){this._isEnabled=!0}},{key:"disable",value:function(){this._isEnabled=!1}},{key:"toggleEnabled",value:function(){this._isEnabled=!this._isEnabled}},{key:"toggle",value:function(){this._isEnabled&&(this._isShown()?this._leave():this._enter())}},{key:"dispose",value:function(){clearTimeout(this._timeout),m.off(this._element.closest(Mi),Di,this._hideModalHandler),this._element.getAttribute("data-bs-original-title")&&this._element.setAttribute("title",this._element.getAttribute("data-bs-original-title")),this._disposePopper(),ko(n,"dispose",this,3)([])}},{key:"show",value:function(){var e=this;if("none"===this._element.style.display)throw new Error("Please use show on visible elements");if(this._isWithContent()&&this._isEnabled){var t=m.trigger(this._element,this.constructor.eventName("show")),n=(W(this._element)||this._element.ownerDocument.documentElement).contains(this._element);if(!t.defaultPrevented&&n){this._disposePopper();t=this._getTipElement(),n=(this._element.setAttribute("aria-describedby",t.getAttribute("id")),this._config.container);if(this._element.ownerDocument.documentElement.contains(this.tip)||(n.append(t),m.trigger(this._element,this.constructor.eventName("inserted"))),this._popper=this._createPopper(t),t.classList.add(Ci),"ontouchstart"in document.documentElement){var i,o=Mo((n=[]).concat.apply(n,Do(document.body.children)));try{for(o.s();!(i=o.n()).done;){var r=i.value;m.on(r,"mouseover",z)}}catch(e){o.e(e)}finally{o.f()}}this._queueCallback(function(){m.trigger(e._element,e.constructor.eventName("shown")),!1===e._isHovered&&e._leave(),e._isHovered=!1},this.tip,this._isAnimated())}}}},{key:"hide",value:function(){var e=this;if(this._isShown()){var t=m.trigger(this._element,this.constructor.eventName("hide"));if(!t.defaultPrevented){if(this._getTipElement().classList.remove(Ci),"ontouchstart"in document.documentElement){var n,i=Mo((t=[]).concat.apply(t,Do(document.body.children)));try{for(i.s();!(n=i.n()).done;){var o=n.value;m.off(o,"mouseover",z)}}catch(e){i.e(e)}finally{i.f()}}this._activeTrigger[Ii]=!1,this._activeTrigger[ji]=!1,this._activeTrigger[Ni]=!1,this._isHovered=null;this._queueCallback(function(){e._isWithActiveTrigger()||(e._isHovered||e._disposePopper(),e._element.removeAttribute("aria-describedby"),m.trigger(e._element,e.constructor.eventName("hidden")))},this.tip,this._isAnimated())}}}},{key:"update",value:function(){this._popper&&this._popper.update()}},{key:"_isWithContent",value:function(){return Boolean(this._getTitle())}},{key:"_getTipElement",value:function(){return this.tip||(this.tip=this._createTipElement(this._newContent||this._getContentForTemplate())),this.tip}},{key:"_createTipElement",value:function(e){e=this._getTemplateFactory(e).toHtml();if(!e)return null;e.classList.remove(Ti,Ci),e.classList.add("bs-".concat(this.constructor.NAME,"-auto"));var t=(e=>{for(;e+=Math.floor(1e6*Math.random()),document.getElementById(e););return e})(this.constructor.NAME).toString();return e.setAttribute("id",t),this._isAnimated()&&e.classList.add(Ti),e}},{key:"setContent",value:function(e){this._newContent=e,this._isShown()&&(this._disposePopper(),this.show())}},{key:"_getTemplateFactory",value:function(e){return this._templateFactory?this._templateFactory.changeContent(e):this._templateFactory=new Si(Oo(Oo({},this._config),{},{content:e,extraClass:this._resolvePossibleFunction(this._config.customClass)})),this._templateFactory}},{key:"_getContentForTemplate",value:function(){return So({},".tooltip-inner",this._getTitle())}},{key:"_getTitle",value:function(){return this._resolvePossibleFunction(this._config.title)||this._element.getAttribute("data-bs-original-title")}},{key:"_initializeOnDelegatedTarget",value:function(e){return this.constructor.getOrCreateInstance(e.delegateTarget,this._getDelegateConfig())}},{key:"_isAnimated",value:function(){return this._config.animation||this.tip&&this.tip.classList.contains(Ti)}},{key:"_isShown",value:function(){return this.tip&&this.tip.classList.contains(Ci)}},{key:"_createPopper",value:function(e){var t=l(this._config.placement,[this,e,this._element]),t=Pi[t.toUpperCase()];return mn(this._element,e,this._getPopperConfig(t))}},{key:"_getOffset",value:function(){var t=this,n=this._config.offset;return"string"==typeof n?n.split(",").map(function(e){return Number.parseInt(e,10)}):"function"==typeof n?function(e){return n(e,t._element)}:n}},{key:"_resolvePossibleFunction",value:function(e){return l(e,[this._element,this._element])}},{key:"_getPopperConfig",value:function(e){var t=this,e={placement:e,modifiers:[{name:"flip",options:{fallbackPlacements:this._config.fallbackPlacements}},{name:"offset",options:{offset:this._getOffset()}},{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"arrow",options:{element:".".concat(this.constructor.NAME,"-arrow")}},{name:"preSetPlacement",enabled:!0,phase:"beforeMain",fn:function(e){t._getTipElement().setAttribute("data-popper-placement",e.state.placement)}}]};return Oo(Oo({},e),l(this._config.popperConfig,[void 0,e]))}},{key:"_setListeners",value:function(){var e,n=this,t=Mo(this._config.trigger.split(" "));try{for(t.s();!(e=t.n()).done;){var i,o,r=e.value;"click"===r?m.on(this._element,this.constructor.eventName("click"),this._config.selector,function(e){e=n._initializeOnDelegatedTarget(e);e._activeTrigger[Ii]=!(e._isShown()&&e._activeTrigger[Ii]),e.toggle()}):"manual"!==r&&(i=r===Ni?this.constructor.eventName("mouseenter"):this.constructor.eventName("focusin"),o=r===Ni?this.constructor.eventName("mouseleave"):this.constructor.eventName("focusout"),m.on(this._element,i,this._config.selector,function(e){var t=n._initializeOnDelegatedTarget(e);t._activeTrigger["focusin"===e.type?ji:Ni]=!0,t._enter()}),m.on(this._element,o,this._config.selector,function(e){var t=n._initializeOnDelegatedTarget(e);t._activeTrigger["focusout"===e.type?ji:Ni]=t._element.contains(e.relatedTarget),t._leave()}))}}catch(e){t.e(e)}finally{t.f()}this._hideModalHandler=function(){n._element&&n.hide()},m.on(this._element.closest(Mi),Di,this._hideModalHandler)}},{key:"_fixTitle",value:function(){var e=this._element.getAttribute("title");e&&(this._element.getAttribute("aria-label")||this._element.textContent.trim()||this._element.setAttribute("aria-label",e),this._element.setAttribute("data-bs-original-title",e),this._element.removeAttribute("title"))}},{key:"_enter",value:function(){var e=this;this._isShown()||this._isHovered?this._isHovered=!0:(this._isHovered=!0,this._setTimeout(function(){e._isHovered&&e.show()},this._config.delay.show))}},{key:"_leave",value:function(){var e=this;this._isWithActiveTrigger()||(this._isHovered=!1,this._setTimeout(function(){e._isHovered||e.hide()},this._config.delay.hide))}},{key:"_setTimeout",value:function(e,t){clearTimeout(this._timeout),this._timeout=setTimeout(e,t)}},{key:"_isWithActiveTrigger",value:function(){return Object.values(this._activeTrigger).includes(!0)}},{key:"_getConfig",value:function(e){for(var t=ge(this._element),n=0,i=Object.keys(t);n<i.length;n++){var o=i[n];Li.has(o)&&delete t[o]}return e=Oo(Oo({},t),"object"===No(e)&&e?e:{}),e=this._mergeConfigObj(e),e=this._configAfterMerge(e),this._typeCheckConfig(e),e}},{key:"_configAfterMerge",value:function(e){return e.container=!1===e.container?document.body:o(e.container),"number"==typeof e.delay&&(e.delay={show:e.delay,hide:e.delay}),"number"==typeof e.title&&(e.title=e.title.toString()),"number"==typeof e.content&&(e.content=e.content.toString()),e}},{key:"_getDelegateConfig",value:function(){for(var e={},t=0,n=Object.entries(this._config);t<n.length;t++){var i=Co(n[t],2),o=i[0],i=i[1];this.constructor.Default[o]!==i&&(e[o]=i)}return e.selector=!1,e.trigger="manual",e}},{key:"_disposePopper",value:function(){this._popper&&(this._popper.destroy(),this._popper=null),this.tip&&(this.tip.remove(),this.tip=null)}}],[{key:"Default",get:function(){return Wi}},{key:"DefaultType",get:function(){return zi}},{key:"NAME",get:function(){return"tooltip"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),Fi=(e(qi),Oo(Oo({},qi.Default),{},{content:"",offset:[0,8],placement:"right",template:'<div class="popover" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>',trigger:"click"})),Ri=Oo(Oo({},qi.DefaultType),{},{content:"(null|string|element|function)"}),an=(()=>{function n(){return Lo(this,n),Eo(this,n,arguments)}return Ao(n,qi),To(n,[{key:"_isWithContent",value:function(){return this._getTitle()||this._getContent()}},{key:"_getContentForTemplate",value:function(){return So(So({},".popover-header",this._getTitle()),".popover-body",this._getContent())}},{key:"_getContent",value:function(){return this._resolvePossibleFunction(this._config.content)}}],[{key:"Default",get:function(){return Fi}},{key:"DefaultType",get:function(){return Ri}},{key:"NAME",get:function(){return"popover"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),ln=(e(an),".".concat("bs.scrollspy")),Hi="activate".concat(ln),Bi="click".concat(ln),cn="load".concat(ln).concat(".data-api"),Vi="active",Yi="[href]",h=".nav-link",Xi="".concat(h,", ").concat(".nav-item"," > ").concat(h,", ").concat(".list-group-item"),Ui={offset:null,rootMargin:"0px 0px -25%",smoothScroll:!1,target:null,threshold:[.1,.5,1]},Ki={offset:"(number|null)",rootMargin:"string",smoothScroll:"boolean",target:"element",threshold:"array"},Qi=(()=>{function n(e,t){return Lo(this,n),(e=Eo(this,n,[e,t]))._targetLinks=new Map,e._observableSections=new Map,e._rootElement="visible"===getComputedStyle(e._element).overflowY?null:e._element,e._activeTarget=null,e._observer=null,e._previousScrollData={visibleEntryTop:0,parentScrollTop:0},e.refresh(),e}return Ao(n,t),To(n,[{key:"refresh",value:function(){this._initializeTargetsAndObservables(),this._maybeEnableSmoothScroll(),this._observer?this._observer.disconnect():this._observer=this._getNewObserver();var e,t=Mo(this._observableSections.values());try{for(t.s();!(e=t.n()).done;){var n=e.value;this._observer.observe(n)}}catch(e){t.e(e)}finally{t.f()}}},{key:"dispose",value:function(){this._observer.disconnect(),ko(n,"dispose",this,3)([])}},{key:"_configAfterMerge",value:function(e){return e.target=o(e.target)||document.body,e.rootMargin=e.offset?"".concat(e.offset,"px 0px -30%"):e.rootMargin,"string"==typeof e.threshold&&(e.threshold=e.threshold.split(",").map(function(e){return Number.parseFloat(e)})),e}},{key:"_maybeEnableSmoothScroll",value:function(){var n=this;this._config.smoothScroll&&(m.off(this._config.target,Bi),m.on(this._config.target,Bi,Yi,function(e){var t=n._observableSections.get(e.target.hash);t&&(e.preventDefault(),e=n._rootElement||window,t=t.offsetTop-n._element.offsetTop,e.scrollTo?e.scrollTo({top:t,behavior:"smooth"}):e.scrollTop=t)}))}},{key:"_getNewObserver",value:function(){var t=this,e={root:this._rootElement,threshold:this._config.threshold,rootMargin:this._config.rootMargin};return new IntersectionObserver(function(e){return t._observerCallback(e)},e)}},{key:"_observerCallback",value:function(e){function t(e){i._previousScrollData.visibleEntryTop=e.target.offsetTop,i._process(o(e))}var n,i=this,o=function(e){return i._targetLinks.get("#".concat(e.target.id))},r=(this._rootElement||document.documentElement).scrollTop,s=r>=this._previousScrollData.parentScrollTop,a=(this._previousScrollData.parentScrollTop=r,Mo(e));try{for(a.s();!(n=a.n()).done;){var l=n.value;if(l.isIntersecting){var c=l.target.offsetTop>=this._previousScrollData.visibleEntryTop;if(s&&c){if(t(l),r)continue;return}s||c||t(l)}else this._activeTarget=null,this._clearActiveClass(o(l))}}catch(e){a.e(e)}finally{a.f()}}},{key:"_initializeTargetsAndObservables",value:function(){this._targetLinks=new Map,this._observableSections=new Map;var e,t=Mo(u.find(Yi,this._config.target));try{for(t.s();!(e=t.n()).done;){var n,i=e.value;i.hash&&!s(i)&&(n=u.findOne(decodeURI(i.hash),this._element),r(n))&&(this._targetLinks.set(decodeURI(i.hash),i),this._observableSections.set(i.hash,n))}}catch(e){t.e(e)}finally{t.f()}}},{key:"_process",value:function(e){this._activeTarget!==e&&(this._clearActiveClass(this._config.target),(this._activeTarget=e).classList.add(Vi),this._activateParents(e),m.trigger(this._element,Hi,{relatedTarget:e}))}},{key:"_activateParents",value:function(e){if(e.classList.contains("dropdown-item"))u.findOne(".dropdown-toggle",e.closest(".dropdown")).classList.add(Vi);else{var t,n=Mo(u.parents(e,".nav, .list-group"));try{for(n.s();!(t=n.n()).done;){var i,o=t.value,r=Mo(u.prev(o,Xi));try{for(r.s();!(i=r.n()).done;)i.value.classList.add(Vi)}catch(e){r.e(e)}finally{r.f()}}}catch(e){n.e(e)}finally{n.f()}}}},{key:"_clearActiveClass",value:function(e){e.classList.remove(Vi);var t,n=Mo(u.find("".concat(Yi,".").concat(Vi),e));try{for(n.s();!(t=n.n()).done;)t.value.classList.remove(Vi)}catch(e){n.e(e)}finally{n.f()}}}],[{key:"Default",get:function(){return Ui}},{key:"DefaultType",get:function(){return Ki}},{key:"NAME",get:function(){return"scrollspy"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),d=(m.on(window,cn,function(){var e,t=Mo(u.find('[data-bs-spy="scroll"]'));try{for(t.s();!(e=t.n()).done;){var n=e.value;Qi.getOrCreateInstance(n)}}catch(e){t.e(e)}finally{t.f()}}),e(Qi),".".concat("bs.tab")),$i="hide".concat(d),Gi="hidden".concat(d),Zi="show".concat(d),Ji="shown".concat(d),Wt="click".concat(d),eo="keydown".concat(d),n="load".concat(d),to="ArrowRight",no="ArrowDown",io="Home",I="active",oo="show",ro=".dropdown-toggle",v=":not(".concat(ro,")"),Be=".nav-link".concat(v,", .list-group-item").concat(v,', [role="tab"]').concat(v),E='[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]',so="".concat(Be,", ").concat(E),ao=".".concat(I,'[data-bs-toggle="tab"], .').concat(I,'[data-bs-toggle="pill"], .').concat(I,'[data-bs-toggle="list"]'),lo=(()=>{function i(e){var t;return Lo(this,i),(t=Eo(this,i,[e]))._parent=t._element.closest('.list-group, .nav, [role="tablist"]'),t._parent?(t._setInitialAttributes(t._parent,t._getChildren()),m.on(t._element,eo,function(e){return t._keydown(e)}),t):xo(t)}return Ao(i,t),To(i,[{key:"show",value:function(){var e,t,n=this._element;this._elemIsActive(n)||(t=(e=this._getActiveElem())?m.trigger(e,$i,{relatedTarget:n}):null,m.trigger(n,Zi,{relatedTarget:e}).defaultPrevented)||t&&t.defaultPrevented||(this._deactivate(e,n),this._activate(n,e))}},{key:"_activate",value:function(e,t){var n=this;e&&(e.classList.add(I),this._activate(u.getElementFromSelector(e)),this._queueCallback(function(){"tab"!==e.getAttribute("role")?e.classList.add(oo):(e.removeAttribute("tabindex"),e.setAttribute("aria-selected",!0),n._toggleDropDown(e,!0),m.trigger(e,Ji,{relatedTarget:t}))},e,e.classList.contains("fade")))}},{key:"_deactivate",value:function(e,t){var n=this;e&&(e.classList.remove(I),e.blur(),this._deactivate(u.getElementFromSelector(e)),this._queueCallback(function(){"tab"!==e.getAttribute("role")?e.classList.remove(oo):(e.setAttribute("aria-selected",!1),e.setAttribute("tabindex","-1"),n._toggleDropDown(e,!1),m.trigger(e,Gi,{relatedTarget:t}))},e,e.classList.contains("fade")))}},{key:"_keydown",value:function(e){var t,n;["ArrowLeft",to,"ArrowUp",no,io,"End"].includes(e.key)&&(e.stopPropagation(),e.preventDefault(),n=this._getChildren().filter(function(e){return!s(e)}),n=[io,"End"].includes(e.key)?n[e.key===io?0:n.length-1]:(t=[to,no].includes(e.key),H(n,e.target,t,!0)))&&(n.focus({preventScroll:!0}),i.getOrCreateInstance(n).show())}},{key:"_getChildren",value:function(){return u.find(so,this._parent)}},{key:"_getActiveElem",value:function(){var t=this;return this._getChildren().find(function(e){return t._elemIsActive(e)})||null}},{key:"_setInitialAttributes",value:function(e,t){this._setAttributeIfNotExists(e,"role","tablist");var n,i=Mo(t);try{for(i.s();!(n=i.n()).done;){var o=n.value;this._setInitialAttributesOnChild(o)}}catch(e){i.e(e)}finally{i.f()}}},{key:"_setInitialAttributesOnChild",value:function(e){e=this._getInnerElement(e);var t=this._elemIsActive(e),n=this._getOuterElement(e);e.setAttribute("aria-selected",t),n!==e&&this._setAttributeIfNotExists(n,"role","presentation"),t||e.setAttribute("tabindex","-1"),this._setAttributeIfNotExists(e,"role","tab"),this._setInitialAttributesOnTargetPanel(e)}},{key:"_setInitialAttributesOnTargetPanel",value:function(e){var t=u.getElementFromSelector(e);t&&(this._setAttributeIfNotExists(t,"role","tabpanel"),e.id)&&this._setAttributeIfNotExists(t,"aria-labelledby","".concat(e.id))}},{key:"_toggleDropDown",value:function(e,n){var i=this._getOuterElement(e);i.classList.contains("dropdown")&&((e=function(e,t){e=u.findOne(e,i);e&&e.classList.toggle(t,n)})(ro,I),e(".dropdown-menu",oo),i.setAttribute("aria-expanded",n))}},{key:"_setAttributeIfNotExists",value:function(e,t,n){e.hasAttribute(t)||e.setAttribute(t,n)}},{key:"_elemIsActive",value:function(e){return e.classList.contains(I)}},{key:"_getInnerElement",value:function(e){return e.matches(so)?e:u.findOne(so,e)}},{key:"_getOuterElement",value:function(e){return e.closest(".nav-item, .list-group-item")||e}}],[{key:"NAME",get:function(){return"tab"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=i.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),p=(m.on(document,Wt,E,function(e){["A","AREA"].includes(this.tagName)&&e.preventDefault(),s(this)||lo.getOrCreateInstance(this).show()}),m.on(window,n,function(){var e,t=Mo(u.find(ao));try{for(t.s();!(e=t.n()).done;){var n=e.value;lo.getOrCreateInstance(n)}}catch(e){t.e(e)}finally{t.f()}}),e(lo),".".concat("bs.toast")),co="mouseover".concat(p),uo="mouseout".concat(p),fo="focusin".concat(p),ho="focusout".concat(p),po="hide".concat(p),mo="hidden".concat(p),vo="show".concat(p),go="shown".concat(p),yo="show",bo="showing",_o={animation:"boolean",autohide:"boolean",delay:"number"},wo={animation:!0,autohide:!0,delay:5e3},nn=(()=>{function n(e,t){return Lo(this,n),(e=Eo(this,n,[e,t]))._timeout=null,e._hasMouseInteraction=!1,e._hasKeyboardInteraction=!1,e._setListeners(),e}return Ao(n,t),To(n,[{key:"show",value:function(){var e=this;m.trigger(this._element,vo).defaultPrevented||(this._clearTimeout(),this._config.animation&&this._element.classList.add("fade"),this._element.classList.remove("hide"),q(this._element),this._element.classList.add(yo,bo),this._queueCallback(function(){e._element.classList.remove(bo),m.trigger(e._element,go),e._maybeScheduleHide()},this._element,this._config.animation))}},{key:"hide",value:function(){var e=this;this.isShown()&&!m.trigger(this._element,po).defaultPrevented&&(this._element.classList.add(bo),this._queueCallback(function(){e._element.classList.add("hide"),e._element.classList.remove(bo,yo),m.trigger(e._element,mo)},this._element,this._config.animation))}},{key:"dispose",value:function(){this._clearTimeout(),this.isShown()&&this._element.classList.remove(yo),ko(n,"dispose",this,3)([])}},{key:"isShown",value:function(){return this._element.classList.contains(yo)}},{key:"_maybeScheduleHide",value:function(){var e=this;!this._config.autohide||this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout(function(){e.hide()},this._config.delay))}},{key:"_onInteraction",value:function(e,t){switch(e.type){case"mouseover":case"mouseout":this._hasMouseInteraction=t;break;case"focusin":case"focusout":this._hasKeyboardInteraction=t}t?this._clearTimeout():this._element===(e=e.relatedTarget)||this._element.contains(e)||this._maybeScheduleHide()}},{key:"_setListeners",value:function(){var t=this;m.on(this._element,co,function(e){return t._onInteraction(e,!0)}),m.on(this._element,uo,function(e){return t._onInteraction(e,!1)}),m.on(this._element,fo,function(e){return t._onInteraction(e,!0)}),m.on(this._element,ho,function(e){return t._onInteraction(e,!1)})}},{key:"_clearTimeout",value:function(){clearTimeout(this._timeout),this._timeout=null}}],[{key:"Default",get:function(){return wo}},{key:"DefaultType",get:function(){return _o}},{key:"NAME",get:function(){return"toast"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t](this)}})}}])})();return pe(nn),e(nn),{Alert:_e,Button:xe,Carousel:Ge,Collapse:ct,Dropdown:A,Modal:ui,Offcanvas:j,Popover:an,ScrollSpy:Qi,Tab:lo,Toast:nn,Tooltip:qi}},"object"===(void 0===n?"undefined":No(n))&&void 0!==t?t.exports=d():"function"==typeof define&&define.amd?define(d):("undefined"!=typeof globalThis?globalThis:self).bootstrap=d()},{}],2:[function(e,t,n){e=e("./_root").Symbol;t.exports=e},{"./_root":8}],3:[function(e,t,n){var i=e("./_Symbol"),o=e("./_getRawTag"),r=e("./_objectToString"),s=i?i.toStringTag:void 0;t.exports=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":(s&&s in Object(e)?o:r)(e)}},{"./_Symbol":2,"./_getRawTag":6,"./_objectToString":7}],4:[function(e,t,n){var i=e("./_trimmedEndIndex"),o=/^\s+/;t.exports=function(e){return e&&e.slice(0,i(e)+1).replace(o,"")}},{"./_trimmedEndIndex":9}],5:[function(e,i,t){!function(n){!function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var e="object"==(void 0===n?"undefined":t(n))&&n&&n.Object===Object&&n;i.exports=e}.call(this)}.call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}],6:[function(e,t,n){var e=e("./_Symbol"),i=Object.prototype,r=i.hasOwnProperty,s=i.toString,a=e?e.toStringTag:void 0;t.exports=function(e){var t=r.call(e,a),n=e[a];try{var i=!(e[a]=void 0)}catch(e){}var o=s.call(e);return i&&(t?e[a]=n:delete e[a]),o}},{"./_Symbol":2}],7:[function(e,t,n){var i=Object.prototype.toString;t.exports=function(e){return i.call(e)}},{}],8:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var e=e("./_freeGlobal"),o="object"==("undefined"==typeof self?"undefined":i(self))&&self&&self.Object===Object&&self,e=e||o||Function("return this")();t.exports=e},{"./_freeGlobal":5}],9:[function(e,t,n){var i=/\s/;t.exports=function(e){for(var t=e.length;t--&&i.test(e.charAt(t)););return t}},{}],10:[function(e,t,n){var y=e("./isObject"),b=e("./now"),_=e("./toNumber"),w=Math.max,k=Math.min;t.exports=function(i,n,e){var o,r,s,a,l,c,u=0,f=!1,d=!1,t=!0;if("function"!=typeof i)throw new TypeError("Expected a function");function h(e){var t=o,n=r;return o=r=void 0,u=e,a=i.apply(n,t)}function p(e){var t=e-c;return void 0===c||n<=t||t<0||d&&s<=e-u}function m(){var e,t=b();if(p(t))return v(t);l=setTimeout(m,(e=n-((t=t)-c),d?k(e,s-(t-u)):e))}function v(e){return l=void 0,t&&o?h(e):(o=r=void 0,a)}function g(){var e=b(),t=p(e);if(o=arguments,r=this,c=e,t){if(void 0===l)return u=e=c,l=setTimeout(m,n),f?h(e):a;if(d)return clearTimeout(l),l=setTimeout(m,n),h(c)}return void 0===l&&(l=setTimeout(m,n)),a}return n=_(n)||0,y(e)&&(f=!!e.leading,d="maxWait"in e,s=d?w(_(e.maxWait)||0,n):s,t="trailing"in e?!!e.trailing:t),g.cancel=function(){void 0!==l&&clearTimeout(l),o=c=r=l=void(u=0)},g.flush=function(){return void 0===l?a:v(b())},g}},{"./isObject":11,"./now":14,"./toNumber":16}],11:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}t.exports=function(e){var t=i(e);return null!=e&&("object"==t||"function"==t)}},{}],12:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}t.exports=function(e){return null!=e&&"object"==i(e)}},{}],13:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var o=e("./_baseGetTag"),r=e("./isObjectLike");t.exports=function(e){return"symbol"==i(e)||r(e)&&"[object Symbol]"==o(e)}},{"./_baseGetTag":3,"./isObjectLike":12}],14:[function(e,t,n){var i=e("./_root");t.exports=function(){return i.Date.now()}},{"./_root":8}],15:[function(e,t,n){var r=e("./debounce"),s=e("./isObject");t.exports=function(e,t,n){var i=!0,o=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return s(n)&&(i="leading"in n?!!n.leading:i,o="trailing"in n?!!n.trailing:o),r(e,t,{leading:i,maxWait:t,trailing:o})}},{"./debounce":10,"./isObject":11}],16:[function(e,t,n){var i=e("./_baseTrim"),o=e("./isObject"),r=e("./isSymbol"),s=/^[-+]0x[0-9a-f]+$/i,a=/^0b[01]+$/i,l=/^0o[0-7]+$/i,c=parseInt;t.exports=function(e){if("number"==typeof e)return e;if(r(e))return NaN;if(o(e)&&(t="function"==typeof e.valueOf?e.valueOf():e,e=o(t)?t+"":t),"string"!=typeof e)return 0===e?e:+e;e=i(e);var t=a.test(e);return t||l.test(e)?c(e.slice(2),t?2:8):s.test(e)?NaN:+e}},{"./_baseTrim":4,"./isObject":11,"./isSymbol":13}],17:[function(e,t,n){function w(e){return(w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var i,o;o=function(n,i){var o=function(){return(o=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function e(e){return e&&e.ownerDocument&&e.ownerDocument.defaultView?e.ownerDocument.defaultView:window}function t(e){return e&&e.ownerDocument?e.ownerDocument:document}function r(e){return Array.prototype.reduce.call(e,function(e,t){var n=t.name.match(/data-simplebar-(.+)/);if(n){var i=n[1].replace(/\W+(.)/g,function(e,t){return t.toUpperCase()});switch(t.value){case"true":e[i]=!0;break;case"false":e[i]=!1;break;case void 0:e[i]=!0;break;default:e[i]=t.value}}return e},{})}function s(e,t){e&&(e=e.classList).add.apply(e,t.split(" "))}function a(t,e){t&&e.split(" ").forEach(function(e){t.classList.remove(e)})}function l(e){return".".concat(e.split(" ").join("."))}var c=!("undefined"==typeof window||!window.document||!window.document.createElement),u=Object.freeze({__proto__:null,addClasses:s,canUseDOM:c,classNamesToQuery:l,getElementDocument:t,getElementWindow:e,getOptions:r,removeClasses:a}),f=null,d=null;function h(){if(null===f){if("undefined"==typeof document)return f=0;var e=document.body,t=document.createElement("div"),n=(t.classList.add("simplebar-hide-scrollbar"),e.appendChild(t),t.getBoundingClientRect().right);e.removeChild(t),f=n}return f}c&&window.addEventListener("resize",function(){d!==window.devicePixelRatio&&(d=window.devicePixelRatio,f=null)});var p=e,m=t,v=r,g=s,y=a,b=l;function _(e,t){void 0===t&&(t={});var s=this;if(this.removePreventClickId=null,this.minScrollbarWidth=20,this.stopScrollDelay=175,this.isScrolling=!1,this.isMouseEntering=!1,this.isDragging=!1,this.scrollXTicking=!1,this.scrollYTicking=!1,this.wrapperEl=null,this.contentWrapperEl=null,this.contentEl=null,this.offsetEl=null,this.maskEl=null,this.placeholderEl=null,this.heightAutoObserverWrapperEl=null,this.heightAutoObserverEl=null,this.rtlHelpers=null,this.scrollbarWidth=0,this.resizeObserver=null,this.mutationObserver=null,this.elStyles=null,this.isRtl=null,this.mouseX=0,this.mouseY=0,this.onMouseMove=function(){},this.onWindowResize=function(){},this.onStopScrolling=function(){},this.onMouseEntered=function(){},this.onScroll=function(){var e=p(s.el);s.scrollXTicking||(e.requestAnimationFrame(s.scrollX),s.scrollXTicking=!0),s.scrollYTicking||(e.requestAnimationFrame(s.scrollY),s.scrollYTicking=!0),s.isScrolling||(s.isScrolling=!0,g(s.el,s.classNames.scrolling)),s.showScrollbar("x"),s.showScrollbar("y"),s.onStopScrolling()},this.scrollX=function(){s.axis.x.isOverflowing&&s.positionScrollbar("x"),s.scrollXTicking=!1},this.scrollY=function(){s.axis.y.isOverflowing&&s.positionScrollbar("y"),s.scrollYTicking=!1},this._onStopScrolling=function(){y(s.el,s.classNames.scrolling),s.options.autoHide&&(s.hideScrollbar("x"),s.hideScrollbar("y")),s.isScrolling=!1},this.onMouseEnter=function(){s.isMouseEntering||(g(s.el,s.classNames.mouseEntered),s.showScrollbar("x"),s.showScrollbar("y"),s.isMouseEntering=!0),s.onMouseEntered()},this._onMouseEntered=function(){y(s.el,s.classNames.mouseEntered),s.options.autoHide&&(s.hideScrollbar("x"),s.hideScrollbar("y")),s.isMouseEntering=!1},this._onMouseMove=function(e){s.mouseX=e.clientX,s.mouseY=e.clientY,(s.axis.x.isOverflowing||s.axis.x.forceVisible)&&s.onMouseMoveForAxis("x"),(s.axis.y.isOverflowing||s.axis.y.forceVisible)&&s.onMouseMoveForAxis("y")},this.onMouseLeave=function(){s.onMouseMove.cancel(),(s.axis.x.isOverflowing||s.axis.x.forceVisible)&&s.onMouseLeaveForAxis("x"),(s.axis.y.isOverflowing||s.axis.y.forceVisible)&&s.onMouseLeaveForAxis("y"),s.mouseX=-1,s.mouseY=-1},this._onWindowResize=function(){s.scrollbarWidth=s.getScrollbarWidth(),s.hideNativeScrollbar()},this.onPointerEvent=function(e){var t,n;s.axis.x.track.el&&s.axis.y.track.el&&s.axis.x.scrollbar.el&&s.axis.y.scrollbar.el&&(s.axis.x.track.rect=s.axis.x.track.el.getBoundingClientRect(),s.axis.y.track.rect=s.axis.y.track.el.getBoundingClientRect(),(s.axis.x.isOverflowing||s.axis.x.forceVisible)&&(t=s.isWithinBounds(s.axis.x.track.rect)),(s.axis.y.isOverflowing||s.axis.y.forceVisible)&&(n=s.isWithinBounds(s.axis.y.track.rect)),t||n)&&(e.stopPropagation(),"pointerdown"===e.type)&&"touch"!==e.pointerType&&(t&&(s.axis.x.scrollbar.rect=s.axis.x.scrollbar.el.getBoundingClientRect(),s.isWithinBounds(s.axis.x.scrollbar.rect)?s.onDragStart(e,"x"):s.onTrackClick(e,"x")),n)&&(s.axis.y.scrollbar.rect=s.axis.y.scrollbar.el.getBoundingClientRect(),s.isWithinBounds(s.axis.y.scrollbar.rect)?s.onDragStart(e,"y"):s.onTrackClick(e,"y"))},this.drag=function(e){var t,n,i,o,r;s.draggedAxis&&s.contentWrapperEl&&(t=null!=(t=null==(t=(r=s.axis[s.draggedAxis].track).rect)?void 0:t[s.axis[s.draggedAxis].sizeAttr])?t:0,n=s.axis[s.draggedAxis].scrollbar,i=null!=(i=null==(i=s.contentWrapperEl)?void 0:i[s.axis[s.draggedAxis].scrollSizeAttr])?i:0,o=parseInt(null!=(o=null==(o=s.elStyles)?void 0:o[s.axis[s.draggedAxis].sizeAttr])?o:"0px",10),e.preventDefault(),e.stopPropagation(),e=("y"===s.draggedAxis?e.pageY:e.pageX)-(null!=(e=null==(e=r.rect)?void 0:e[s.axis[s.draggedAxis].offsetAttr])?e:0)-s.axis[s.draggedAxis].dragOffset,r=(e="x"===s.draggedAxis&&s.isRtl?(null!=(r=null==(r=r.rect)?void 0:r[s.axis[s.draggedAxis].sizeAttr])?r:0)-n.size-e:e)/(t-n.size)*(i-o),"x"===s.draggedAxis&&s.isRtl&&(r=null!=(e=_.getRtlHelpers())&&e.isScrollingToNegative?-r:r),s.contentWrapperEl[s.axis[s.draggedAxis].scrollOffsetAttr]=r)},this.onEndDrag=function(e){s.isDragging=!1;var t=m(s.el),n=p(s.el);e.preventDefault(),e.stopPropagation(),y(s.el,s.classNames.dragging),s.onStopScrolling(),t.removeEventListener("mousemove",s.drag,!0),t.removeEventListener("mouseup",s.onEndDrag,!0),s.removePreventClickId=n.setTimeout(function(){t.removeEventListener("click",s.preventClick,!0),t.removeEventListener("dblclick",s.preventClick,!0),s.removePreventClickId=null})},this.preventClick=function(e){e.preventDefault(),e.stopPropagation()},this.el=e,this.options=o(o({},_.defaultOptions),t),this.classNames=o(o({},_.defaultOptions.classNames),t.classNames),this.axis={x:{scrollOffsetAttr:"scrollLeft",sizeAttr:"width",scrollSizeAttr:"scrollWidth",offsetSizeAttr:"offsetWidth",offsetAttr:"left",overflowAttr:"overflowX",dragOffset:0,isOverflowing:!0,forceVisible:!1,track:{size:null,el:null,rect:null,isVisible:!1},scrollbar:{size:null,el:null,rect:null,isVisible:!1}},y:{scrollOffsetAttr:"scrollTop",sizeAttr:"height",scrollSizeAttr:"scrollHeight",offsetSizeAttr:"offsetHeight",offsetAttr:"top",overflowAttr:"overflowY",dragOffset:0,isOverflowing:!0,forceVisible:!1,track:{size:null,el:null,rect:null,isVisible:!1},scrollbar:{size:null,el:null,rect:null,isVisible:!1}}},"object"!==w(this.el)||!this.el.nodeName)throw new Error("Argument passed to SimpleBar must be an HTML element instead of ".concat(this.el));this.onMouseMove=i(this._onMouseMove,64),this.onWindowResize=n(this._onWindowResize,64,{leading:!0}),this.onStopScrolling=n(this._onStopScrolling,this.stopScrollDelay),this.onMouseEntered=n(this._onMouseEntered,this.stopScrollDelay),this.init()}return _.getRtlHelpers=function(){if(!_.rtlHelpers){var e=document.createElement("div"),e=(e.innerHTML='<div class="simplebar-dummy-scrollbar-size"><div></div></div>',e.firstElementChild),t=null==e?void 0:e.firstElementChild;if(!t)return null;document.body.appendChild(e),e.scrollLeft=0;var n=_.getOffset(e),i=_.getOffset(t),t=(e.scrollLeft=-999,_.getOffset(t));document.body.removeChild(e),_.rtlHelpers={isScrollOriginAtZero:n.left!==i.left,isScrollingToNegative:i.left!==t.left}}return _.rtlHelpers},_.prototype.getScrollbarWidth=function(){try{return this.contentWrapperEl&&"none"===getComputedStyle(this.contentWrapperEl,"::-webkit-scrollbar").display||"scrollbarWidth"in document.documentElement.style||"-ms-overflow-style"in document.documentElement.style?0:h()}catch(e){return h()}},_.getOffset=function(e){var t=e.getBoundingClientRect(),n=m(e),e=p(e);return{top:t.top+(e.pageYOffset||n.documentElement.scrollTop),left:t.left+(e.pageXOffset||n.documentElement.scrollLeft)}},_.prototype.init=function(){c&&(this.initDOM(),this.rtlHelpers=_.getRtlHelpers(),this.scrollbarWidth=this.getScrollbarWidth(),this.recalculate(),this.initListeners())},_.prototype.initDOM=function(){var e;this.wrapperEl=this.el.querySelector(b(this.classNames.wrapper)),this.contentWrapperEl=this.options.scrollableNode||this.el.querySelector(b(this.classNames.contentWrapper)),this.contentEl=this.options.contentNode||this.el.querySelector(b(this.classNames.contentEl)),this.offsetEl=this.el.querySelector(b(this.classNames.offset)),this.maskEl=this.el.querySelector(b(this.classNames.mask)),this.placeholderEl=this.findChild(this.wrapperEl,b(this.classNames.placeholder)),this.heightAutoObserverWrapperEl=this.el.querySelector(b(this.classNames.heightAutoObserverWrapperEl)),this.heightAutoObserverEl=this.el.querySelector(b(this.classNames.heightAutoObserverEl)),this.axis.x.track.el=this.findChild(this.el,"".concat(b(this.classNames.track)).concat(b(this.classNames.horizontal))),this.axis.y.track.el=this.findChild(this.el,"".concat(b(this.classNames.track)).concat(b(this.classNames.vertical))),this.axis.x.scrollbar.el=(null==(e=this.axis.x.track.el)?void 0:e.querySelector(b(this.classNames.scrollbar)))||null,this.axis.y.scrollbar.el=(null==(e=this.axis.y.track.el)?void 0:e.querySelector(b(this.classNames.scrollbar)))||null,this.options.autoHide||(g(this.axis.x.scrollbar.el,this.classNames.visible),g(this.axis.y.scrollbar.el,this.classNames.visible))},_.prototype.initListeners=function(){var e,t,n=this,i=p(this.el);this.el.addEventListener("mouseenter",this.onMouseEnter),this.el.addEventListener("pointerdown",this.onPointerEvent,!0),this.el.addEventListener("mousemove",this.onMouseMove),this.el.addEventListener("mouseleave",this.onMouseLeave),null!=(t=this.contentWrapperEl)&&t.addEventListener("scroll",this.onScroll),i.addEventListener("resize",this.onWindowResize),this.contentEl&&(window.ResizeObserver&&(e=!1,t=i.ResizeObserver||ResizeObserver,this.resizeObserver=new t(function(){e&&i.requestAnimationFrame(function(){n.recalculate()})}),this.resizeObserver.observe(this.el),this.resizeObserver.observe(this.contentEl),i.requestAnimationFrame(function(){e=!0})),this.mutationObserver=new i.MutationObserver(function(){i.requestAnimationFrame(function(){n.recalculate()})}),this.mutationObserver.observe(this.contentEl,{childList:!0,subtree:!0,characterData:!0}))},_.prototype.recalculate=function(){var e,t,n,i,o,r,s,a;this.heightAutoObserverEl&&this.contentEl&&this.contentWrapperEl&&this.wrapperEl&&this.placeholderEl&&(a=p(this.el),this.elStyles=a.getComputedStyle(this.el),this.isRtl="rtl"===this.elStyles.direction,a=this.contentEl.offsetWidth,r=this.heightAutoObserverEl.offsetHeight<=1,s=this.heightAutoObserverEl.offsetWidth<=1||0<a,e=this.contentWrapperEl.offsetWidth,t=this.elStyles.overflowX,n=this.elStyles.overflowY,this.contentEl.style.padding="".concat(this.elStyles.paddingTop," ").concat(this.elStyles.paddingRight," ").concat(this.elStyles.paddingBottom," ").concat(this.elStyles.paddingLeft),this.wrapperEl.style.margin="-".concat(this.elStyles.paddingTop," -").concat(this.elStyles.paddingRight," -").concat(this.elStyles.paddingBottom," -").concat(this.elStyles.paddingLeft),i=this.contentEl.scrollHeight,o=this.contentEl.scrollWidth,this.contentWrapperEl.style.height=r?"auto":"100%",this.placeholderEl.style.width=s?"".concat(a||o,"px"):"auto",this.placeholderEl.style.height="".concat(i,"px"),r=this.contentWrapperEl.offsetHeight,this.axis.x.isOverflowing=0!==a&&a<o,this.axis.y.isOverflowing=r<i,this.axis.x.isOverflowing="hidden"!==t&&this.axis.x.isOverflowing,this.axis.y.isOverflowing="hidden"!==n&&this.axis.y.isOverflowing,this.axis.x.forceVisible="x"===this.options.forceVisible||!0===this.options.forceVisible,this.axis.y.forceVisible="y"===this.options.forceVisible||!0===this.options.forceVisible,this.hideNativeScrollbar(),s=this.axis.x.isOverflowing?this.scrollbarWidth:0,a=this.axis.y.isOverflowing?this.scrollbarWidth:0,this.axis.x.isOverflowing=this.axis.x.isOverflowing&&e-a<o,this.axis.y.isOverflowing=this.axis.y.isOverflowing&&r-s<i,this.axis.x.scrollbar.size=this.getScrollbarSize("x"),this.axis.y.scrollbar.size=this.getScrollbarSize("y"),this.axis.x.scrollbar.el&&(this.axis.x.scrollbar.el.style.width="".concat(this.axis.x.scrollbar.size,"px")),this.axis.y.scrollbar.el&&(this.axis.y.scrollbar.el.style.height="".concat(this.axis.y.scrollbar.size,"px")),this.positionScrollbar("x"),this.positionScrollbar("y"),this.toggleTrackVisibility("x"),this.toggleTrackVisibility("y"))},_.prototype.getScrollbarSize=function(e){var t,n;return this.axis[e=void 0===e?"y":e].isOverflowing&&this.contentEl?(t=this.contentEl[this.axis[e].scrollSizeAttr],e=null!=(n=null==(n=this.axis[e].track.el)?void 0:n[this.axis[e].offsetSizeAttr])?n:0,n=Math.max(~~(e/t*e),this.options.scrollbarMinSize),this.options.scrollbarMaxSize?Math.min(n,this.options.scrollbarMaxSize):n):0},_.prototype.positionScrollbar=function(e){var t,n,i,o,r,s=this.axis[e=void 0===e?"y":e].scrollbar;this.axis[e].isOverflowing&&this.contentWrapperEl&&s.el&&this.elStyles&&(t=this.contentWrapperEl[this.axis[e].scrollSizeAttr],n=(null==(n=this.axis[e].track.el)?void 0:n[this.axis[e].offsetSizeAttr])||0,i=parseInt(this.elStyles[this.axis[e].sizeAttr],10),o=this.contentWrapperEl[this.axis[e].scrollOffsetAttr],o="x"===e&&this.isRtl&&null!=(r=_.getRtlHelpers())&&r.isScrollOriginAtZero?-o:o,"x"===e&&this.isRtl&&(o=null!=(r=_.getRtlHelpers())&&r.isScrollingToNegative?o:-o),r=~~((n-s.size)*(o/(t-i))),r="x"===e&&this.isRtl?-r+(n-s.size):r,s.el.style.transform="x"===e?"translate3d(".concat(r,"px, 0, 0)"):"translate3d(0, ".concat(r,"px, 0)"))},_.prototype.toggleTrackVisibility=function(e){var t=this.axis[e=void 0===e?"y":e].track.el,n=this.axis[e].scrollbar.el;t&&n&&this.contentWrapperEl&&(this.axis[e].isOverflowing||this.axis[e].forceVisible?(t.style.visibility="visible",this.contentWrapperEl.style[this.axis[e].overflowAttr]="scroll",this.el.classList.add("".concat(this.classNames.scrollable,"-").concat(e))):(t.style.visibility="hidden",this.contentWrapperEl.style[this.axis[e].overflowAttr]="hidden",this.el.classList.remove("".concat(this.classNames.scrollable,"-").concat(e))),this.axis[e].isOverflowing?n.style.display="block":n.style.display="none")},_.prototype.showScrollbar=function(e){this.axis[e=void 0===e?"y":e].isOverflowing&&!this.axis[e].scrollbar.isVisible&&(g(this.axis[e].scrollbar.el,this.classNames.visible),this.axis[e].scrollbar.isVisible=!0)},_.prototype.hideScrollbar=function(e){void 0===e&&(e="y"),this.isDragging||this.axis[e].isOverflowing&&this.axis[e].scrollbar.isVisible&&(y(this.axis[e].scrollbar.el,this.classNames.visible),this.axis[e].scrollbar.isVisible=!1)},_.prototype.hideNativeScrollbar=function(){this.offsetEl&&(this.offsetEl.style[this.isRtl?"left":"right"]=this.axis.y.isOverflowing||this.axis.y.forceVisible?"-".concat(this.scrollbarWidth,"px"):"0px",this.offsetEl.style.bottom=this.axis.x.isOverflowing||this.axis.x.forceVisible?"-".concat(this.scrollbarWidth,"px"):"0px")},_.prototype.onMouseMoveForAxis=function(e){var t=this.axis[e=void 0===e?"y":e];t.track.el&&t.scrollbar.el&&(t.track.rect=t.track.el.getBoundingClientRect(),t.scrollbar.rect=t.scrollbar.el.getBoundingClientRect(),this.isWithinBounds(t.track.rect)?(this.showScrollbar(e),g(t.track.el,this.classNames.hover),(this.isWithinBounds(t.scrollbar.rect)?g:y)(t.scrollbar.el,this.classNames.hover)):(y(t.track.el,this.classNames.hover),this.options.autoHide&&this.hideScrollbar(e)))},_.prototype.onMouseLeaveForAxis=function(e){y(this.axis[e=void 0===e?"y":e].track.el,this.classNames.hover),y(this.axis[e].scrollbar.el,this.classNames.hover),this.options.autoHide&&this.hideScrollbar(e)},_.prototype.onDragStart=function(e,t){void 0===t&&(t="y"),this.isDragging=!0;var n=m(this.el),i=p(this.el),o=this.axis[t].scrollbar,e="y"===t?e.pageY:e.pageX;this.axis[t].dragOffset=e-((null==(e=o.rect)?void 0:e[this.axis[t].offsetAttr])||0),this.draggedAxis=t,g(this.el,this.classNames.dragging),n.addEventListener("mousemove",this.drag,!0),n.addEventListener("mouseup",this.onEndDrag,!0),null===this.removePreventClickId?(n.addEventListener("click",this.preventClick,!0),n.addEventListener("dblclick",this.preventClick,!0)):(i.clearTimeout(this.removePreventClickId),this.removePreventClickId=null)},_.prototype.onTrackClick=function(e,t){var n,i,o,r,s,a,l=this,c=(void 0===t&&(t="y"),this.axis[t]);this.options.clickOnTrack&&c.scrollbar.el&&this.contentWrapperEl&&(e.preventDefault(),n=p(this.el),this.axis[t].scrollbar.rect=c.scrollbar.el.getBoundingClientRect(),e=null!=(c=null==(e=this.axis[t].scrollbar.rect)?void 0:e[this.axis[t].offsetAttr])?c:0,c=parseInt(null!=(c=null==(c=this.elStyles)?void 0:c[this.axis[t].sizeAttr])?c:"0px",10),i=this.contentWrapperEl[this.axis[t].scrollOffsetAttr],o=("y"===t?this.mouseY-e:this.mouseX-e)<0?-1:1,r=-1===o?i-c:i+c,s=40,(a=function(){l.contentWrapperEl&&(-1===o?r<i&&(i-=s,l.contentWrapperEl[l.axis[t].scrollOffsetAttr]=i,n.requestAnimationFrame(a)):i<r&&(i+=s,l.contentWrapperEl[l.axis[t].scrollOffsetAttr]=i,n.requestAnimationFrame(a)))})())},_.prototype.getContentElement=function(){return this.contentEl},_.prototype.getScrollElement=function(){return this.contentWrapperEl},_.prototype.removeListeners=function(){var e=p(this.el);this.el.removeEventListener("mouseenter",this.onMouseEnter),this.el.removeEventListener("pointerdown",this.onPointerEvent,!0),this.el.removeEventListener("mousemove",this.onMouseMove),this.el.removeEventListener("mouseleave",this.onMouseLeave),this.contentWrapperEl&&this.contentWrapperEl.removeEventListener("scroll",this.onScroll),e.removeEventListener("resize",this.onWindowResize),this.mutationObserver&&this.mutationObserver.disconnect(),this.resizeObserver&&this.resizeObserver.disconnect(),this.onMouseMove.cancel(),this.onWindowResize.cancel(),this.onStopScrolling.cancel(),this.onMouseEntered.cancel()},_.prototype.unMount=function(){this.removeListeners()},_.prototype.isWithinBounds=function(e){return this.mouseX>=e.left&&this.mouseX<=e.left+e.width&&this.mouseY>=e.top&&this.mouseY<=e.top+e.height},_.prototype.findChild=function(e,t){var n=e.matches||e.webkitMatchesSelector||e.mozMatchesSelector||e.msMatchesSelector;return Array.prototype.filter.call(e.children,function(e){return n.call(e,t)})[0]},_.rtlHelpers=null,_.defaultOptions={forceVisible:!1,clickOnTrack:!0,scrollbarMinSize:25,scrollbarMaxSize:0,ariaLabel:"scrollable content",tabIndex:0,classNames:{contentEl:"simplebar-content",contentWrapper:"simplebar-content-wrapper",offset:"simplebar-offset",mask:"simplebar-mask",wrapper:"simplebar-wrapper",placeholder:"simplebar-placeholder",scrollbar:"simplebar-scrollbar",track:"simplebar-track",heightAutoObserverWrapperEl:"simplebar-height-auto-observer-wrapper",heightAutoObserverEl:"simplebar-height-auto-observer",visible:"simplebar-visible",horizontal:"simplebar-horizontal",vertical:"simplebar-vertical",hover:"simplebar-hover",dragging:"simplebar-dragging",scrolling:"simplebar-scrolling",scrollable:"simplebar-scrollable",mouseEntered:"simplebar-mouse-entered"},scrollableNode:null,contentNode:null,autoHide:!0},_.getOptions=v,_.helpers=u,_},"object"===((i=void 0)===n?"undefined":w(n))&&void 0!==t?t.exports=o(e("lodash/debounce.js"),e("lodash/throttle.js")):"function"==typeof define&&define.amd?define(["lodash/debounce.js","lodash/throttle.js"],o):(i="undefined"!=typeof globalThis?globalThis:self).SimpleBarCore=o(i.debounce,i.throttle)},{"lodash/debounce.js":10,"lodash/throttle.js":15}],18:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var o,r;r=function(e,r){var s=function(e,t){return(s=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)};var t=r.helpers,a=t.getOptions,l=t.addClasses,t=t.canUseDOM,n=(i=>{var e=o,t=i;if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}function o(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=i.apply(this,e)||this;return o.instances.set(e[0],n),n}return s(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n),o.initDOMLoadedElements=function(){document.removeEventListener("DOMContentLoaded",this.initDOMLoadedElements),window.removeEventListener("load",this.initDOMLoadedElements),Array.prototype.forEach.call(document.querySelectorAll("[data-simplebar]"),function(e){"init"===e.getAttribute("data-simplebar")||o.instances.has(e)||new o(e,a(e.attributes))})},o.removeObserver=function(){var e;null!=(e=o.globalObserver)&&e.disconnect()},o.prototype.initDOM=function(){var e,t,n=this;if(!Array.prototype.filter.call(this.el.children,function(e){return e.classList.contains(n.classNames.wrapper)}).length){for(this.wrapperEl=document.createElement("div"),this.contentWrapperEl=document.createElement("div"),this.offsetEl=document.createElement("div"),this.maskEl=document.createElement("div"),this.contentEl=document.createElement("div"),this.placeholderEl=document.createElement("div"),this.heightAutoObserverWrapperEl=document.createElement("div"),this.heightAutoObserverEl=document.createElement("div"),l(this.wrapperEl,this.classNames.wrapper),l(this.contentWrapperEl,this.classNames.contentWrapper),l(this.offsetEl,this.classNames.offset),l(this.maskEl,this.classNames.mask),l(this.contentEl,this.classNames.contentEl),l(this.placeholderEl,this.classNames.placeholder),l(this.heightAutoObserverWrapperEl,this.classNames.heightAutoObserverWrapperEl),l(this.heightAutoObserverEl,this.classNames.heightAutoObserverEl);this.el.firstChild;)this.contentEl.appendChild(this.el.firstChild);this.contentWrapperEl.appendChild(this.contentEl),this.offsetEl.appendChild(this.contentWrapperEl),this.maskEl.appendChild(this.offsetEl),this.heightAutoObserverWrapperEl.appendChild(this.heightAutoObserverEl),this.wrapperEl.appendChild(this.heightAutoObserverWrapperEl),this.wrapperEl.appendChild(this.maskEl),this.wrapperEl.appendChild(this.placeholderEl),this.el.appendChild(this.wrapperEl),null!=(e=this.contentWrapperEl)&&e.setAttribute("tabindex",this.options.tabIndex.toString()),null!=(e=this.contentWrapperEl)&&e.setAttribute("role","region"),null!=(e=this.contentWrapperEl)&&e.setAttribute("aria-label",this.options.ariaLabel)}this.axis.x.track.el&&this.axis.y.track.el||(e=document.createElement("div"),t=document.createElement("div"),l(e,this.classNames.track),l(t,this.classNames.scrollbar),e.appendChild(t),this.axis.x.track.el=e.cloneNode(!0),l(this.axis.x.track.el,this.classNames.horizontal),this.axis.y.track.el=e.cloneNode(!0),l(this.axis.y.track.el,this.classNames.vertical),this.el.appendChild(this.axis.x.track.el),this.el.appendChild(this.axis.y.track.el)),r.prototype.initDOM.call(this),this.el.setAttribute("data-simplebar","init")},o.prototype.unMount=function(){r.prototype.unMount.call(this),o.instances.delete(this.el)},o.initHtmlApi=function(){this.initDOMLoadedElements=this.initDOMLoadedElements.bind(this),"undefined"!=typeof MutationObserver&&(this.globalObserver=new MutationObserver(o.handleMutations),this.globalObserver.observe(document,{childList:!0,subtree:!0})),"complete"===document.readyState||"loading"!==document.readyState&&!document.documentElement.doScroll?window.setTimeout(this.initDOMLoadedElements):(document.addEventListener("DOMContentLoaded",this.initDOMLoadedElements),window.addEventListener("load",this.initDOMLoadedElements))},o.handleMutations=function(e){e.forEach(function(e){e.addedNodes.forEach(function(e){1===e.nodeType&&(e.hasAttribute("data-simplebar")?!o.instances.has(e)&&document.documentElement.contains(e)&&new o(e,a(e.attributes)):e.querySelectorAll("[data-simplebar]").forEach(function(e){"init"!==e.getAttribute("data-simplebar")&&!o.instances.has(e)&&document.documentElement.contains(e)&&new o(e,a(e.attributes))}))}),e.removedNodes.forEach(function(e){var t;1===e.nodeType&&("init"===e.getAttribute("data-simplebar")?document.documentElement.contains(e)||null==(t=o.instances.get(e))||t.unMount():Array.prototype.forEach.call(e.querySelectorAll('[data-simplebar="init"]'),function(e){document.documentElement.contains(e)||null==(e=o.instances.get(e))||e.unMount()}))})})},o.instances=new WeakMap,o})(r);t&&n.initHtmlApi(),e.default=n,Object.defineProperty(e,"__esModule",{value:!0})},"object"===((o=void 0)===n?"undefined":i(n))&&void 0!==t?r(n,e("simplebar-core")):"function"==typeof define&&define.amd?define(["exports","simplebar-core"],r):r((o="undefined"!=typeof globalThis?globalThis:self).SimpleBar={},o.SimpleBar)},{"simplebar-core":17}],19:[function(e,t,n){window.addEventListener("scroll",function(){document.querySelectorAll(".app-header").forEach(function(e){20<window.scrollY?e.classList.add("!shadow-glass"):e.classList.remove("!shadow-glass")})})},{}],20:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var e=document.querySelector('[data-toggle="app_sidebar"]'),t=document.body,n="app-sidebar-backdrop";function i(){var e=document.querySelector(".".concat(n));e&&e.remove()}function o(){var e;t.classList.toggle("is-app-sidebar"),t.classList.contains("is-app-sidebar")?document.querySelector(".".concat(n))||((e=document.createElement("div")).className="fixed inset-0 w-full h-full bg-black/25 z-50 backdrop-blur ".concat(n),e.addEventListener("click",function(){t.classList.remove("is-app-sidebar"),i()}),document.body.appendChild(e)):i()}function r(){1024<=window.innerWidth&&(t.classList.remove("is-app-sidebar"),i())}e&&e.addEventListener("click",function(){window.innerWidth<1024&&o()}),window.addEventListener("resize",r),r()}),document.addEventListener("DOMContentLoaded",function(){function e(e){e.matches||document.body.classList.remove(i)}var t=document.getElementById("isSidebarMini"),n=window.matchMedia("(min-width: 1024px)"),i="is-sidebar-mini";null!=t&&t.addEventListener("click",function(){n.matches&&document.body.classList.toggle(i)});e(n),n.addEventListener("change",e)})},{}],21:[function(e,t,n){function i(e){return(e=>{if(Array.isArray(e))return o(e)})(e)||(e=>{if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)})(e)||((e,t)=>{var n;if(e)return"string"==typeof e?o(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0})(e)||(()=>{throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")})()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}window.bootstrap=e("bootstrap/dist/js/bootstrap.bundle");i(document.querySelectorAll('[data-bs-toggle="popover"]')).map(function(e){return new bootstrap.Popover(e)}),i(document.querySelectorAll('[data-bs-toggle="tooltip"]')).map(function(e){return new bootstrap.Tooltip(e)}),[].slice.call(document.querySelectorAll(".toast")).map(function(e){return new bootstrap.Toast(e)});document.querySelectorAll(".collapse-group .collapse").forEach(function(t){var n=new bootstrap.Collapse(t,{toggle:!1});t.addEventListener("show.bs.collapse",function(e){e.stopPropagation(),t.parentElement.closest(".collapse").querySelectorAll(".collapse").forEach(function(e){e=bootstrap.Collapse.getInstance(e);e!==n&&e.hide()})}),t.addEventListener("hide.bs.collapse",function(e){e.stopPropagation(),t.querySelectorAll(".collapse").forEach(function(e){bootstrap.Collapse.getInstance(e).hide()})})}),document.querySelectorAll(".modal").forEach(function(t){t.addEventListener("shown.bs.modal",function(){var e=t.querySelector("input");e&&e.focus()})})},{"bootstrap/dist/js/bootstrap.bundle":1}],22:[function(e,t,n){document.querySelectorAll("[data-refresh]").forEach(function(e){e.addEventListener("click",function(){var e=document.querySelector(".card-overlay");e&&(e.style.display="flex",setTimeout(function(){e.style.display="none"},3e3))})})},{}],23:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var e=document.querySelector('[data-theme-switch="dark"]'),t=document.documentElement;"dark"===localStorage.getItem("mode")&&(t.classList.add("dark"),e)&&(e.checked=!0),e&&e.addEventListener("change",function(){e.checked?(t.classList.add("dark"),localStorage.setItem("mode","dark")):(t.classList.remove("dark"),localStorage.setItem("mode","light"))})})},{}],24:[function(e,t,n){var i=document.getElementById("preloader");i&&window.addEventListener("load",function(){i.classList.add("hidden")})},{}],25:[function(e,t,n){document.querySelectorAll("[data-progress]").forEach(function(e){var t=parseFloat(e.getAttribute("data-progress")),n="true"===e.getAttribute("data-show-value"),i=e.querySelector(".progress-ring"),o=i.r.baseVal.value,r=2*Math.PI*o,o=(i.style.strokeDasharray="".concat(r),i.style.strokeDashoffset="".concat(r),requestAnimationFrame(function(){i.style.strokeDashoffset=r-t/100*r}),e.querySelector(".value-label"));n&&o&&(o.textContent="".concat(t,"%"),o.classList.remove("hidden"))})},{}],26:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var t=document.getElementById("toggleRTL"),i=document.documentElement;function n(){var n="rtl"===i.getAttribute("dir");document.querySelectorAll(".sidebar-compact-link").forEach(function(e){e.setAttribute("data-bs-offset",n?"-68,-56":"68,-56");var t=bootstrap.Dropdown.getInstance(e);t&&e.classList.contains("show")&&null!=(e=t._popper)&&null!=(t=e.update)&&t.call(e)})}t&&("true"===localStorage.getItem("rtl")?(t.checked=!0,i.setAttribute("dir","rtl")):i.setAttribute("dir","ltr"),n(),t.addEventListener("change",function(){var e=t.checked;i.setAttribute("dir",e?"rtl":"ltr"),localStorage.setItem("rtl",e),n(),setTimeout(function(){location.reload()},100)}))})},{}],27:[function(e,t,n){var r=(e=e("simplebar"))&&e.__esModule?e:{default:e};document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll("[data-simplebar]").forEach(function(e){var t,n,i,o=new r.default(e).getScrollElement(),e=e.querySelector(".app-sidebar .active");e&&(e=(t=e.offsetTop)+e.offsetHeight,i=(n=o.scrollTop)+o.clientHeight,t<n||i<e)&&o.scrollTo({top:t-50,behavior:"smooth"})})}),document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll(".nav-horizontal").forEach(function(n){function e(){var e,t=n.querySelector(".nav-horizontal .nav-link.active");t&&(e=n.getBoundingClientRect(),e=t.getBoundingClientRect().left-e.left-n.clientWidth/2+t.clientWidth/2,n.scrollTo({left:e,behavior:"smooth"}))}e(),new MutationObserver(e).observe(n,{attributes:!0,subtree:!0,attributeFilter:["class"]})})})},{simplebar:18}],28:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var e=document.querySelector('[data-toggle="sidebar_secondary"]'),t=document.querySelector(".layout_secondary"),n="sidebar-secondary-backdrop",i="is-sidebar";function o(){var e=null==t?void 0:t.querySelector(".".concat(n));e&&e.remove()}function r(){var e;t&&(t.classList.toggle(i),t.classList.contains(i)?t&&!document.querySelector(".".concat(n))&&((e=document.createElement("div")).className="absolute inset-0 w-full z-10 h-full bg-black/25 backdrop-blur ".concat(n),e.addEventListener("click",function(){t.classList.remove(i),o()}),t.appendChild(e)):o())}function s(){1024<=window.innerWidth&&t&&(t.classList.remove(i),o())}e&&t&&e.addEventListener("click",function(){window.innerWidth<1024&&r()}),window.addEventListener("resize",s),s()})},{}],29:[function(e,t,n){var i,o,r=document.getElementById("sidebarLight"),s=document.getElementById("sidebarDark"),a=document.querySelector(".app-sidebar");r&&s&&a&&(i=function(e){"dark"===e?a.classList.add("dark","dark:text-zinc-300"):a.classList.remove("dark","dark:text-zinc-300"),localStorage.setItem("sidebarTheme",e)},r.addEventListener("change",function(){this.checked&&i("light")}),s.addEventListener("change",function(){this.checked&&i("dark")}),o=localStorage.getItem("sidebarTheme"))&&("dark"===o?(s.checked=!0,i("dark")):(r.checked=!0,i("light")))},{}],30:[function(e,t,n){function p(e){return(e=>{if(Array.isArray(e))return i(e)})(e)||(e=>{if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)})(e)||((e,t)=>{var n;if(e)return"string"==typeof e?i(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0})(e)||(()=>{throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")})()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}document.querySelectorAll("[data-wizard]").forEach(function(t){t.addEventListener("wizard:finish",function(){window.location.reload()});var a=Array.from(t.querySelectorAll(".wizard-step")),l=Array.from(t.querySelectorAll(".wizard-panel")),c=t.querySelector(".prev-btn"),u=t.querySelector(".next-btn"),f=0,d=new Set([0]),h=null;function i(e){var t,n,i,o,r,s;e!==f&&(t=l[f],n=l[e],f=e,d.add(e),i=e,a.forEach(function(e,t){e.classList.toggle("active",t===i),e.classList.toggle("step-done",t<i),e.classList.toggle("disabled",!d.has(t))}),c&&(c.disabled=0===e),u&&(u.textContent=e===l.length-1?"Finish":"Next"),t&&(e=t.classList.contains("show"),s=(r=t)?(s=(r=getComputedStyle(r)).transitionDuration.split(",").map(function(e){return parseFloat(e)||0}),r=r.transitionDelay.split(",").map(function(e){return parseFloat(e)||0}),s=1e3*Math.max.apply(Math,p(s)),r=1e3*Math.max.apply(Math,p(r)),Math.round(s+r)):0,o=function(){return t.classList.remove("active")},e&&0<s?(t.addEventListener("transitionend",function(e){e.target===t&&o()},{once:!0}),t.classList.remove("show"),setTimeout(function(){t.classList.contains("active")&&o()},s+50)):(t.classList.remove("show"),t.classList.remove("active"))),n.classList.add("active"),h&&(clearTimeout(h),h=null),requestAnimationFrame(function(){h=setTimeout(function(){return n.classList.add("show")},18)}))}u&&u.addEventListener("click",function(){var e;f<l.length-1?(e=f+1,d.add(e),a[e].classList.remove("disabled"),i(e)):t.dispatchEvent(new CustomEvent("wizard:finish",{detail:{index:f}}))}),c&&c.addEventListener("click",function(){0<f&&i(f-1)}),a.forEach(function(t,n){t.addEventListener("click",function(){var e;t.classList.contains("disabled")||(e=n)<0||e>=l.length||a[e].classList.contains("disabled")||i(e)})}),a.forEach(function(e,t){e.classList.toggle("active",0===t),e.classList.toggle("disabled",0<t),e.classList.remove("step-done")}),l.forEach(function(e,t){e.classList.remove("active","show"),0===t&&(e.classList.add("active"),requestAnimationFrame(function(){h=setTimeout(function(){return e.classList.add("show")},18)}))}),c&&(c.disabled=!0),u&&(u.textContent=1<l.length?"Next":"Finish")})},{}],31:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var i,e,t,n=document.querySelectorAll(".theme-switcher");function o(e,t,n){var i=document.documentElement;i.style.setProperty("--color-primary",e),i.style.setProperty("--color-primary-deep",t),i.style.setProperty("--color-primary-subtle",n)}function r(t){n.forEach(function(e){e.classList.toggle("active",e===t)})}0!==n.length&&(i={indigo:{primary:"#636DFF",deep:"#5964F7",subtle:"#636DFF1f"},navy:{primary:"#0E6DD9",deep:"#0865D0",subtle:"#0E6DD91f"},emerald:{primary:"#049772",deep:"#018463",subtle:"#0497721f"},purple:{primary:"#D300C5",deep:"#C502B8",subtle:"#D300C51f"}},e=localStorage.getItem("theme")||"indigo",i[e]&&(o((t=i[e]).primary,t.deep,t.subtle),t=document.getElementById(e+"Theme"))&&r(t),n.forEach(function(n){n.addEventListener("click",function(){var e,t=n.id.replace("Theme","").toLowerCase();i[t]&&(o((e=i[t]).primary,e.deep,e.subtle),r(n),localStorage.setItem("theme",t))})}))})},{}],32:[function(e,t,n){e("./custom/bootstrap"),e("./custom/app-sidebar"),e("./custom/app-header"),e("./custom/dark_mode"),e("./custom/scrollbar"),e("./custom/step-wizard"),e("./custom/sidebar-secondary"),e("./custom/theme-colors"),e("./custom/progress"),e("./custom/cards"),e("./custom/sidebar-theme"),e("./custom/rtl"),e("./custom/preloader")},{"./custom/app-header":19,"./custom/app-sidebar":20,"./custom/bootstrap":21,"./custom/cards":22,"./custom/dark_mode":23,"./custom/preloader":24,"./custom/progress":25,"./custom/rtl":26,"./custom/scrollbar":27,"./custom/sidebar-secondary":28,"./custom/sidebar-theme":29,"./custom/step-wizard":30,"./custom/theme-colors":31}]},{},[32]);
+//# sourceMappingURL=theme.js.map
diff --git a/ci4app/public/assets/raven/vendor/css/choices.min.css b/ci4app/public/assets/raven/vendor/css/choices.min.css
new file mode 100644
index 0000000..cf79ea9
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/css/choices.min.css
@@ -0,0 +1 @@
+.choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #005f75}.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0-4px 0 8px;padding-left:16px;border-left:1px solid #003642;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#005f75;border:1px solid #004a5c;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#004a5c;border:1px solid #003642}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{display:none;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{display:block}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable[data-select-text],.choices__list[aria-expanded] .choices__item--selectable[data-select-text]{padding-right:100px}.choices__list--dropdown .choices__item--selectable[data-select-text]::after,.choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text],[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/vendor/css/daterangepicker.css b/ci4app/public/assets/raven/vendor/css/daterangepicker.css
new file mode 100644
index 0000000..a963804
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/css/daterangepicker.css
@@ -0,0 +1,410 @@
+.daterangepicker {
+  position: absolute;
+  color: inherit;
+  background-color: #fff;
+  border-radius: 4px;
+  border: 1px solid #ddd;
+  width: 278px;
+  max-width: none;
+  padding: 0;
+  margin-top: 7px;
+  top: 100px;
+  left: 20px;
+  z-index: 3001;
+  display: none;
+  font-family: arial;
+  font-size: 15px;
+  line-height: 1em;
+}
+
+.daterangepicker:before, .daterangepicker:after {
+  position: absolute;
+  display: inline-block;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: '';
+}
+
+.daterangepicker:before {
+  top: -7px;
+  border-right: 7px solid transparent;
+  border-left: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+}
+
+.daterangepicker:after {
+  top: -6px;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-left: 6px solid transparent;
+}
+
+.daterangepicker.opensleft:before {
+  right: 9px;
+}
+
+.daterangepicker.opensleft:after {
+  right: 10px;
+}
+
+.daterangepicker.openscenter:before {
+  left: 0;
+  right: 0;
+  width: 0;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.daterangepicker.openscenter:after {
+  left: 0;
+  right: 0;
+  width: 0;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.daterangepicker.opensright:before {
+  left: 9px;
+}
+
+.daterangepicker.opensright:after {
+  left: 10px;
+}
+
+.daterangepicker.drop-up {
+  margin-top: -7px;
+}
+
+.daterangepicker.drop-up:before {
+  top: initial;
+  bottom: -7px;
+  border-bottom: initial;
+  border-top: 7px solid #ccc;
+}
+
+.daterangepicker.drop-up:after {
+  top: initial;
+  bottom: -6px;
+  border-bottom: initial;
+  border-top: 6px solid #fff;
+}
+
+.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
+  float: none;
+}
+
+.daterangepicker.single .drp-selected {
+  display: none;
+}
+
+.daterangepicker.show-calendar .drp-calendar {
+  display: block;
+}
+
+.daterangepicker.show-calendar .drp-buttons {
+  display: block;
+}
+
+.daterangepicker.auto-apply .drp-buttons {
+  display: none;
+}
+
+.daterangepicker .drp-calendar {
+  display: none;
+  max-width: 270px;
+}
+
+.daterangepicker .drp-calendar.left {
+  padding: 8px 0 8px 8px;
+}
+
+.daterangepicker .drp-calendar.right {
+  padding: 8px;
+}
+
+.daterangepicker .drp-calendar.single .calendar-table {
+  border: none;
+}
+
+.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
+  color: #fff;
+  border: solid black;
+  border-width: 0 2px 2px 0;
+  border-radius: 0;
+  display: inline-block;
+  padding: 3px;
+}
+
+.daterangepicker .calendar-table .next span {
+  transform: rotate(-45deg);
+  -webkit-transform: rotate(-45deg);
+}
+
+.daterangepicker .calendar-table .prev span {
+  transform: rotate(135deg);
+  -webkit-transform: rotate(135deg);
+}
+
+.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
+  white-space: nowrap;
+  text-align: center;
+  vertical-align: middle;
+  min-width: 32px;
+  width: 32px;
+  height: 24px;
+  line-height: 24px;
+  font-size: 12px;
+  border-radius: 4px;
+  border: 1px solid transparent;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.daterangepicker .calendar-table {
+  border: 1px solid #fff;
+  border-radius: 4px;
+  background-color: #fff;
+}
+
+.daterangepicker .calendar-table table {
+  width: 100%;
+  margin: 0;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+.daterangepicker td.available:hover, .daterangepicker th.available:hover {
+  background-color: #eee;
+  border-color: transparent;
+  color: inherit;
+}
+
+.daterangepicker td.week, .daterangepicker th.week {
+  font-size: 80%;
+  color: #ccc;
+}
+
+.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
+  background-color: #fff;
+  border-color: transparent;
+  color: #999;
+}
+
+.daterangepicker td.in-range {
+  background-color: #ebf4f8;
+  border-color: transparent;
+  color: #000;
+  border-radius: 0;
+}
+
+.daterangepicker td.start-date {
+  border-radius: 4px 0 0 4px;
+}
+
+.daterangepicker td.end-date {
+  border-radius: 0 4px 4px 0;
+}
+
+.daterangepicker td.start-date.end-date {
+  border-radius: 4px;
+}
+
+.daterangepicker td.active, .daterangepicker td.active:hover {
+  background-color: #357ebd;
+  border-color: transparent;
+  color: #fff;
+}
+
+.daterangepicker th.month {
+  width: auto;
+}
+
+.daterangepicker td.disabled, .daterangepicker option.disabled {
+  color: #999;
+  cursor: not-allowed;
+  text-decoration: line-through;
+}
+
+.daterangepicker select.monthselect, .daterangepicker select.yearselect {
+  font-size: 12px;
+  padding: 1px;
+  height: auto;
+  margin: 0;
+  cursor: default;
+}
+
+.daterangepicker select.monthselect {
+  margin-right: 2%;
+  width: 56%;
+}
+
+.daterangepicker select.yearselect {
+  width: 40%;
+}
+
+.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
+  width: 50px;
+  margin: 0 auto;
+  background: #eee;
+  border: 1px solid #eee;
+  padding: 2px;
+  outline: 0;
+  font-size: 12px;
+}
+
+.daterangepicker .calendar-time {
+  text-align: center;
+  margin: 4px auto 0 auto;
+  line-height: 30px;
+  position: relative;
+}
+
+.daterangepicker .calendar-time select.disabled {
+  color: #ccc;
+  cursor: not-allowed;
+}
+
+.daterangepicker .drp-buttons {
+  clear: both;
+  text-align: right;
+  padding: 8px;
+  border-top: 1px solid #ddd;
+  display: none;
+  line-height: 12px;
+  vertical-align: middle;
+}
+
+.daterangepicker .drp-selected {
+  display: inline-block;
+  font-size: 12px;
+  padding-right: 8px;
+}
+
+.daterangepicker .drp-buttons .btn {
+  margin-left: 8px;
+  font-size: 12px;
+  font-weight: bold;
+  padding: 4px 8px;
+}
+
+.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
+  border-right: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
+  border-left: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.rtl .drp-calendar.right {
+  border-right: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.ltr .drp-calendar.left {
+  border-left: 1px solid #ddd;
+}
+
+.daterangepicker .ranges {
+  float: none;
+  text-align: left;
+  margin: 0;
+}
+
+.daterangepicker.show-calendar .ranges {
+  margin-top: 8px;
+}
+
+.daterangepicker .ranges ul {
+  list-style: none;
+  margin: 0 auto;
+  padding: 0;
+  width: 100%;
+}
+
+.daterangepicker .ranges li {
+  font-size: 12px;
+  padding: 8px 12px;
+  cursor: pointer;
+}
+
+.daterangepicker .ranges li:hover {
+  background-color: #eee;
+}
+
+.daterangepicker .ranges li.active {
+  background-color: #08c;
+  color: #fff;
+}
+
+/*  Larger Screen Styling */
+@media (min-width: 564px) {
+  .daterangepicker {
+    width: auto;
+  }
+
+  .daterangepicker .ranges ul {
+    width: 140px;
+  }
+
+  .daterangepicker.single .ranges ul {
+    width: 100%;
+  }
+
+  .daterangepicker.single .drp-calendar.left {
+    clear: none;
+  }
+
+  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
+    float: left;
+  }
+
+  .daterangepicker {
+    direction: ltr;
+    text-align: left;
+  }
+
+  .daterangepicker .drp-calendar.left {
+    clear: left;
+    margin-right: 0;
+  }
+
+  .daterangepicker .drp-calendar.left .calendar-table {
+    border-right: none;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .daterangepicker .drp-calendar.right {
+    margin-left: 0;
+  }
+
+  .daterangepicker .drp-calendar.right .calendar-table {
+    border-left: none;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .daterangepicker .drp-calendar.left .calendar-table {
+    padding-right: 8px;
+  }
+
+  .daterangepicker .ranges, .daterangepicker .drp-calendar {
+    float: left;
+  }
+}
+
+@media (min-width: 730px) {
+  .daterangepicker .ranges {
+    width: auto;
+  }
+
+  .daterangepicker .ranges {
+    float: left;
+  }
+
+  .daterangepicker.rtl .ranges {
+    float: right;
+  }
+
+  .daterangepicker .drp-calendar.left {
+    clear: none !important;
+  }
+}
diff --git a/ci4app/public/assets/raven/vendor/css/flatpickr.min.css b/ci4app/public/assets/raven/vendor/css/flatpickr.min.css
new file mode 100644
index 0000000..a10acc6
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/css/flatpickr.min.css
@@ -0,0 +1,13 @@
+.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
+      /*rtl:begin:ignore*/left:0/*
+      /*rtl:end:ignore*/}/*
+      /*rtl:begin:ignore*/
+/*
+      /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
+      /*rtl:begin:ignore*/right:0/*
+      /*rtl:end:ignore*/}/*
+      /*rtl:begin:ignore*/
+/*
+      /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/vendor/css/jsvectormap.min.css b/ci4app/public/assets/raven/vendor/css/jsvectormap.min.css
new file mode 100644
index 0000000..4e8d77c
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/css/jsvectormap.min.css
@@ -0,0 +1 @@
+:root{--jvm-border-color: #E5E6E7;--jvm-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--jvm-tooltip-font-size: 0.9rem;--jvm-tooltip-bg-color: #337FFA;--jvm-tooltip-color: #FFF;--jvm-tooltip-padding: 3px 5px;--jvm-tooltip-shadow: var(--jvm-box-shadow);--jvm-tooltip-radius: 3px;--jvm-zoom-btn-bg-color: #292929;--jvm-zoom-btn-color: #FFF;--jvm-zoom-btn-size: 15px;--jvm-zoom-btn-radius: 3px;--jvm-series-container-right: 15px;--jvm-legend-bg-color: #FFF;--jvm-legend-radius: 0.15rem;--jvm-legend-margin-left: 0.75rem;--jvm-legend-padding: 0.6rem;--jvm-legend-title-padding-bottom: 0.5rem;--jvm-legend-title-margin-bottom: 0.575rem;--jvm-legend-tick-margin-top: 0.575rem;--jvm-legend-tick-sample-radius: 0;--jvm-legend-tick-sample-height: 12px;--jvm-legend-tick-sample-width: 30px;--jvm-legend-tick-text-font-size: 12px;--jvm-legend-tick-text-margin-top: 3px}image,text,.jvm-zoom-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jvm-container{position:relative;height:100%;width:100%}.jvm-tooltip{border-radius:var(--jvm-tooltip-radius);background-color:var(--jvm-tooltip-bg-color);color:var(--jvm-tooltip-color);font-size:var(--jvm-tooltip-font-size);box-shadow:var(--jvm-tooltip-shadow);padding:var(--jvm-tooltip-padding);white-space:nowrap;position:absolute;display:none}.jvm-tooltip.active{display:block}.jvm-zoom-btn{background-color:var(--jvm-zoom-btn-bg-color);color:var(--jvm-zoom-btn-color);border-radius:var(--jvm-zoom-btn-radius);height:var(--jvm-zoom-btn-size);width:var(--jvm-zoom-btn-size);box-sizing:border-box;position:absolute;left:10px;line-height:var(--jvm-zoom-btn-size);text-align:center;cursor:pointer}.jvm-zoom-btn.jvm-zoomin{top:var(--jvm-zoom-btn-size)}.jvm-zoom-btn.jvm-zoomout{top:calc(var(--jvm-zoom-btn-size)*2 + var(--jvm-zoom-btn-size)/3)}.jvm-series-container{position:absolute;right:var(--jvm-series-container-right)}.jvm-series-container.jvm-series-h{bottom:15px}.jvm-series-container.jvm-series-v{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.75rem;top:15px}.jvm-legend{background-color:var(--jvm-legend-bg-color);border:1px solid var(--jvm-border-color);margin-left:var(--jvm-legend-margin-left);border-radius:var(--jvm-legend-radius);padding:var(--jvm-legend-padding);box-shadow:var(--jvm-box-shadow)}.jvm-legend-title{line-height:1;border-bottom:1px solid var(--jvm-border-color);padding-bottom:var(--jvm-legend-title-padding-bottom);margin-bottom:var(--jvm-legend-title-margin-bottom);text-align:left}.jvm-legend-tick{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:40px}.jvm-legend-tick:not(:first-child){margin-top:var(--jvm-legend-tick-margin-top)}.jvm-legend-tick-sample{border-radius:var(--jvm-legend-tick-sample-radius);margin-right:.45rem;height:var(--jvm-legend-tick-sample-height);width:var(--jvm-legend-tick-sample-width)}.jvm-legend-tick-text{font-size:var(--jvm-legend-tick-text-font-size);text-align:center;line-height:1}.jvm-line[animation=true]{-webkit-animation:jvm-line-animation 10s linear forwards infinite;animation:jvm-line-animation 10s linear forwards infinite}@-webkit-keyframes jvm-line-animation{from{stroke-dashoffset:250}}@keyframes jvm-line-animation{from{stroke-dashoffset:250}}
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/vendor/css/notyf.min.css b/ci4app/public/assets/raven/vendor/css/notyf.min.css
new file mode 100644
index 0000000..dbb5a16
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/css/notyf.min.css
@@ -0,0 +1 @@
+@-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}}
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/vendor/css/sal.css b/ci4app/public/assets/raven/vendor/css/sal.css
new file mode 100644
index 0000000..fafcdf6
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/css/sal.css
@@ -0,0 +1,3 @@
+[data-sal]{transition-delay:0s;transition-delay:var(--sal-delay,0s);transition-duration:.2s;transition-duration:var(--sal-duration,.2s);transition-timing-function:ease;transition-timing-function:var(--sal-easing,ease)}[data-sal][data-sal-duration="200"]{transition-duration:.2s}[data-sal][data-sal-duration="250"]{transition-duration:.25s}[data-sal][data-sal-duration="300"]{transition-duration:.3s}[data-sal][data-sal-duration="350"]{transition-duration:.35s}[data-sal][data-sal-duration="400"]{transition-duration:.4s}[data-sal][data-sal-duration="450"]{transition-duration:.45s}[data-sal][data-sal-duration="500"]{transition-duration:.5s}[data-sal][data-sal-duration="550"]{transition-duration:.55s}[data-sal][data-sal-duration="600"]{transition-duration:.6s}[data-sal][data-sal-duration="650"]{transition-duration:.65s}[data-sal][data-sal-duration="700"]{transition-duration:.7s}[data-sal][data-sal-duration="750"]{transition-duration:.75s}[data-sal][data-sal-duration="800"]{transition-duration:.8s}[data-sal][data-sal-duration="850"]{transition-duration:.85s}[data-sal][data-sal-duration="900"]{transition-duration:.9s}[data-sal][data-sal-duration="950"]{transition-duration:.95s}[data-sal][data-sal-duration="1000"]{transition-duration:1s}[data-sal][data-sal-duration="1050"]{transition-duration:1.05s}[data-sal][data-sal-duration="1100"]{transition-duration:1.1s}[data-sal][data-sal-duration="1150"]{transition-duration:1.15s}[data-sal][data-sal-duration="1200"]{transition-duration:1.2s}[data-sal][data-sal-duration="1250"]{transition-duration:1.25s}[data-sal][data-sal-duration="1300"]{transition-duration:1.3s}[data-sal][data-sal-duration="1350"]{transition-duration:1.35s}[data-sal][data-sal-duration="1400"]{transition-duration:1.4s}[data-sal][data-sal-duration="1450"]{transition-duration:1.45s}[data-sal][data-sal-duration="1500"]{transition-duration:1.5s}[data-sal][data-sal-duration="1550"]{transition-duration:1.55s}[data-sal][data-sal-duration="1600"]{transition-duration:1.6s}[data-sal][data-sal-duration="1650"]{transition-duration:1.65s}[data-sal][data-sal-duration="1700"]{transition-duration:1.7s}[data-sal][data-sal-duration="1750"]{transition-duration:1.75s}[data-sal][data-sal-duration="1800"]{transition-duration:1.8s}[data-sal][data-sal-duration="1850"]{transition-duration:1.85s}[data-sal][data-sal-duration="1900"]{transition-duration:1.9s}[data-sal][data-sal-duration="1950"]{transition-duration:1.95s}[data-sal][data-sal-duration="2000"]{transition-duration:2s}[data-sal][data-sal-delay="50"]{transition-delay:.05s}[data-sal][data-sal-delay="100"]{transition-delay:.1s}[data-sal][data-sal-delay="150"]{transition-delay:.15s}[data-sal][data-sal-delay="200"]{transition-delay:.2s}[data-sal][data-sal-delay="250"]{transition-delay:.25s}[data-sal][data-sal-delay="300"]{transition-delay:.3s}[data-sal][data-sal-delay="350"]{transition-delay:.35s}[data-sal][data-sal-delay="400"]{transition-delay:.4s}[data-sal][data-sal-delay="450"]{transition-delay:.45s}[data-sal][data-sal-delay="500"]{transition-delay:.5s}[data-sal][data-sal-delay="550"]{transition-delay:.55s}[data-sal][data-sal-delay="600"]{transition-delay:.6s}[data-sal][data-sal-delay="650"]{transition-delay:.65s}[data-sal][data-sal-delay="700"]{transition-delay:.7s}[data-sal][data-sal-delay="750"]{transition-delay:.75s}[data-sal][data-sal-delay="800"]{transition-delay:.8s}[data-sal][data-sal-delay="850"]{transition-delay:.85s}[data-sal][data-sal-delay="900"]{transition-delay:.9s}[data-sal][data-sal-delay="950"]{transition-delay:.95s}[data-sal][data-sal-delay="1000"]{transition-delay:1s}[data-sal][data-sal-easing=linear]{transition-timing-function:linear}[data-sal][data-sal-easing=ease]{transition-timing-function:ease}[data-sal][data-sal-easing=ease-in]{transition-timing-function:ease-in}[data-sal][data-sal-easing=ease-out]{transition-timing-function:ease-out}[data-sal][data-sal-easing=ease-in-out]{transition-timing-function:ease-in-out}[data-sal][data-sal-easing=ease-in-cubic]{transition-timing-function:cubic-bezier(.55,.055,.675,.19)}[data-sal][data-sal-easing=ease-out-cubic]{transition-timing-function:cubic-bezier(.215,.61,.355,1)}[data-sal][data-sal-easing=ease-in-out-cubic]{transition-timing-function:cubic-bezier(.645,.045,.355,1)}[data-sal][data-sal-easing=ease-in-circ]{transition-timing-function:cubic-bezier(.6,.04,.98,.335)}[data-sal][data-sal-easing=ease-out-circ]{transition-timing-function:cubic-bezier(.075,.82,.165,1)}[data-sal][data-sal-easing=ease-in-out-circ]{transition-timing-function:cubic-bezier(.785,.135,.15,.86)}[data-sal][data-sal-easing=ease-in-expo]{transition-timing-function:cubic-bezier(.95,.05,.795,.035)}[data-sal][data-sal-easing=ease-out-expo]{transition-timing-function:cubic-bezier(.19,1,.22,1)}[data-sal][data-sal-easing=ease-in-out-expo]{transition-timing-function:cubic-bezier(1,0,0,1)}[data-sal][data-sal-easing=ease-in-quad]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-sal][data-sal-easing=ease-out-quad]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-sal][data-sal-easing=ease-in-out-quad]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-sal][data-sal-easing=ease-in-quart]{transition-timing-function:cubic-bezier(.895,.03,.685,.22)}[data-sal][data-sal-easing=ease-out-quart]{transition-timing-function:cubic-bezier(.165,.84,.44,1)}[data-sal][data-sal-easing=ease-in-out-quart]{transition-timing-function:cubic-bezier(.77,0,.175,1)}[data-sal][data-sal-easing=ease-in-quint]{transition-timing-function:cubic-bezier(.755,.05,.855,.06)}[data-sal][data-sal-easing=ease-out-quint]{transition-timing-function:cubic-bezier(.23,1,.32,1)}[data-sal][data-sal-easing=ease-in-out-quint]{transition-timing-function:cubic-bezier(.86,0,.07,1)}[data-sal][data-sal-easing=ease-in-sine]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-sal][data-sal-easing=ease-out-sine]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-sal][data-sal-easing=ease-in-out-sine]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-sal][data-sal-easing=ease-in-back]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-sal][data-sal-easing=ease-out-back]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-sal][data-sal-easing=ease-in-out-back]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-sal|=fade]{opacity:0;transition-property:opacity}[data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade]{opacity:1}[data-sal|=slide]{opacity:0;transition-property:opacity,transform}[data-sal=slide-up]{transform:translateY(20%)}[data-sal=slide-down]{transform:translateY(-20%)}[data-sal=slide-left]{transform:translateX(20%)}[data-sal=slide-right]{transform:translateX(-20%)}[data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide]{opacity:1;transform:none}[data-sal|=zoom]{opacity:0;transition-property:opacity,transform}[data-sal=zoom-in]{transform:scale(.5)}[data-sal=zoom-out]{transform:scale(1.1)}[data-sal|=zoom].sal-animate,body.sal-disabled [data-sal|=zoom]{opacity:1;transform:none}[data-sal|=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}[data-sal=flip-left]{transform:perspective(2000px) rotateY(-91deg)}[data-sal=flip-right]{transform:perspective(2000px) rotateY(91deg)}[data-sal=flip-up]{transform:perspective(2000px) rotateX(-91deg)}[data-sal=flip-down]{transform:perspective(2000px) rotateX(91deg)}[data-sal|=flip].sal-animate,body.sal-disabled [data-sal|=flip]{transform:none}
+
+/*# sourceMappingURL=sal.css.map*/
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/vendor/css/simplebar.css b/ci4app/public/assets/raven/vendor/css/simplebar.css
new file mode 100644
index 0000000..0af2c45
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/css/simplebar.css
@@ -0,0 +1,230 @@
+[data-simplebar] {
+  position: relative;
+  flex-direction: column;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-content: flex-start;
+  align-items: flex-start;
+}
+
+.simplebar-wrapper {
+  overflow: hidden;
+  width: inherit;
+  height: inherit;
+  max-width: inherit;
+  max-height: inherit;
+}
+
+.simplebar-mask {
+  direction: inherit;
+  position: absolute;
+  overflow: hidden;
+  padding: 0;
+  margin: 0;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: auto !important;
+  height: auto !important;
+  z-index: 0;
+}
+
+.simplebar-offset {
+  direction: inherit !important;
+  box-sizing: inherit !important;
+  resize: none !important;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  padding: 0;
+  margin: 0;
+  -webkit-overflow-scrolling: touch;
+}
+
+.simplebar-content-wrapper {
+  direction: inherit;
+  box-sizing: border-box !important;
+  position: relative;
+  display: block;
+  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
+  width: auto;
+  max-width: 100%; /* Not required for horizontal scroll to trigger */
+  max-height: 100%; /* Needed for vertical scroll to trigger */
+  overflow: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.simplebar-content-wrapper::-webkit-scrollbar,
+.simplebar-hide-scrollbar::-webkit-scrollbar {
+  display: none;
+  width: 0;
+  height: 0;
+}
+
+.simplebar-content:before,
+.simplebar-content:after {
+  content: ' ';
+  display: table;
+}
+
+.simplebar-placeholder {
+  max-height: 100%;
+  max-width: 100%;
+  width: 100%;
+  pointer-events: none;
+}
+
+.simplebar-height-auto-observer-wrapper {
+  box-sizing: inherit !important;
+  height: 100%;
+  width: 100%;
+  max-width: 1px;
+  position: relative;
+  float: left;
+  max-height: 1px;
+  overflow: hidden;
+  z-index: -1;
+  padding: 0;
+  margin: 0;
+  pointer-events: none;
+  flex-grow: inherit;
+  flex-shrink: 0;
+  flex-basis: 0;
+}
+
+.simplebar-height-auto-observer {
+  box-sizing: inherit;
+  display: block;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 1000%;
+  width: 1000%;
+  min-height: 1px;
+  min-width: 1px;
+  overflow: hidden;
+  pointer-events: none;
+  z-index: -1;
+}
+
+.simplebar-track {
+  z-index: 1;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  overflow: hidden;
+}
+
+[data-simplebar].simplebar-dragging {
+  pointer-events: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+[data-simplebar].simplebar-dragging .simplebar-content {
+  pointer-events: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+[data-simplebar].simplebar-dragging .simplebar-track {
+  pointer-events: all;
+}
+
+.simplebar-scrollbar {
+  position: absolute;
+  left: 0;
+  right: 0;
+  min-height: 10px;
+}
+
+.simplebar-scrollbar:before {
+  position: absolute;
+  content: '';
+  background: black;
+  border-radius: 7px;
+  left: 2px;
+  right: 2px;
+  opacity: 0;
+  transition: opacity 0.2s 0.5s linear;
+}
+
+.simplebar-scrollbar.simplebar-visible:before {
+  opacity: 0.5;
+  transition-delay: 0s;
+  transition-duration: 0s;
+}
+
+.simplebar-track.simplebar-vertical {
+  top: 0;
+  width: 11px;
+}
+
+.simplebar-scrollbar:before {
+  top: 2px;
+  bottom: 2px;
+  left: 2px;
+  right: 2px;
+}
+
+.simplebar-track.simplebar-horizontal {
+  left: 0;
+  height: 11px;
+}
+
+.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
+  right: auto;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  min-height: 0;
+  min-width: 10px;
+  width: auto;
+}
+
+/* Rtl support */
+[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
+  right: auto;
+  left: 0;
+}
+
+.simplebar-dummy-scrollbar-size {
+  direction: rtl;
+  position: fixed;
+  opacity: 0;
+  visibility: hidden;
+  height: 500px;
+  width: 500px;
+  overflow-y: hidden;
+  overflow-x: scroll;
+  -ms-overflow-style: scrollbar !important;
+}
+
+.simplebar-dummy-scrollbar-size > div {
+  width: 200%;
+  height: 200%;
+  margin: 10px 0;
+}
+
+.simplebar-hide-scrollbar {
+  position: fixed;
+  left: 0;
+  visibility: hidden;
+  overflow-y: scroll;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
diff --git a/ci4app/public/assets/raven/vendor/css/sweetalert2.min.css b/ci4app/public/assets/raven/vendor/css/sweetalert2.min.css
new file mode 100644
index 0000000..621057c
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/css/sweetalert2.min.css
@@ -0,0 +1 @@
+:root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-container-padding: 0.625em;--swal2-backdrop: rgba(0, 0, 0, 0.4);--swal2-backdrop-transition: background-color 0.1s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: 0.3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show 0.3s;--swal2-hide-animation: swal2-hide 0.15s forwards;--swal2-icon-zoom: 1;--swal2-icon-animations: true;--swal2-title-padding: 0.8em 1em 0;--swal2-html-container-padding: 1em 1.6em 0.3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: 0.1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color 0.2s, box-shadow 0.2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px $swal2-outline-color;--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color 0.2s, box-shadow 0.2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: 0.25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: 0.25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: 0.25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show 0.5s;--swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}@media(prefers-color-scheme: dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem;container-name:swal2-popup}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:rgba(0,0,0,0);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:all}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}
diff --git a/ci4app/public/assets/raven/vendor/css/swiper-bundle.min.css b/ci4app/public/assets/raven/vendor/css/swiper-bundle.min.css
new file mode 100644
index 0000000..af74a68
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/css/swiper-bundle.min.css
@@ -0,0 +1,13 @@
+/**
+ * Swiper 11.2.10
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2025 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: June 28, 2025
+ */
+
+@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/vendor/css/tom-select.min.css b/ci4app/public/assets/raven/vendor/css/tom-select.min.css
new file mode 100644
index 0000000..6295756
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/css/tom-select.min.css
@@ -0,0 +1,2 @@
+.ts-control{border:1px solid #d0d0d0;border-radius:3px;box-shadow:none;box-sizing:border-box;display:flex;flex-wrap:wrap;overflow:hidden;padding:8px;position:relative;width:100%;z-index:1}.ts-wrapper.multi.has-items .ts-control{padding:6px 8px 3px}.full .ts-control{background-color:#fff}.disabled .ts-control,.disabled .ts-control *{cursor:default!important}.focus .ts-control{box-shadow:none}.ts-control>*{display:inline-block;vertical-align:initial}.ts-wrapper.multi .ts-control>div{background:#f2f2f2;border:0 solid #d0d0d0;color:#303030;cursor:pointer;margin:0 3px 3px 0;padding:2px 6px}.ts-wrapper.multi .ts-control>div.active{background:#e8e8e8;border:0 solid #cacaca;color:#303030}.ts-wrapper.multi.disabled .ts-control>div,.ts-wrapper.multi.disabled .ts-control>div.active{background:#fff;border:0 solid #fff;color:#7d7d7d}.ts-control>input{background:none!important;border:0!important;box-shadow:none!important;display:inline-block!important;flex:1 1 auto;line-height:inherit!important;margin:0!important;max-height:none!important;max-width:100%!important;min-height:0!important;min-width:7rem;padding:0!important;text-indent:0!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.ts-control>input::-ms-clear{display:none}.ts-control>input:focus{outline:none!important}.has-items .ts-control>input{margin:0 4px!important}.ts-control.rtl{text-align:right}.ts-control.rtl.single .ts-control:after{left:15px;right:auto}.ts-control.rtl .ts-control>input{margin:0 4px 0 -2px!important}.disabled .ts-control{background-color:#fafafa;opacity:.5}.input-hidden .ts-control>input{left:-10000px;opacity:0;position:absolute}.ts-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:0 0 3px 3px;border-top:0;box-shadow:0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;left:0;margin:.25rem 0 0;position:absolute;top:100%;width:100%;z-index:10}.ts-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.ts-dropdown [data-selectable] .highlight{background:rgba(125,168,208,.2);border-radius:1px}.ts-dropdown .create,.ts-dropdown .no-results,.ts-dropdown .optgroup-header,.ts-dropdown .option{padding:5px 8px}.ts-dropdown .option,.ts-dropdown [data-disabled],.ts-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.ts-dropdown [data-selectable].option{cursor:pointer;opacity:1}.ts-dropdown .optgroup:first-child .optgroup-header{border-top:0}.ts-dropdown .optgroup-header{background:#fff;color:#303030;cursor:default}.ts-dropdown .active{background-color:#f5fafd;color:#495c68}.ts-dropdown .active.create{color:#495c68}.ts-dropdown .create{color:rgba(48,48,48,.5)}.ts-dropdown .spinner{display:inline-block;height:30px;margin:5px 8px;width:30px}.ts-dropdown .spinner:after{animation:lds-dual-ring 1.2s linear infinite;border-color:#d0d0d0 transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:24px;margin:3px;width:24px}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-dropdown-content{max-height:200px;overflow:hidden auto;scroll-behavior:smooth}.ts-wrapper.plugin-drag_drop .ts-dragging{color:transparent!important}.ts-wrapper.plugin-drag_drop .ts-dragging>*{visibility:hidden!important}.plugin-checkbox_options:not(.rtl) .option input{margin-right:.5rem}.plugin-checkbox_options.rtl .option input{margin-left:.5rem}.plugin-clear_button{--ts-pr-clear-button:1em}.plugin-clear_button .clear-button{background:transparent!important;cursor:pointer;margin-right:0!important;opacity:0;position:absolute;right:2px;top:50%;transform:translateY(-50%);transition:opacity .5s}.plugin-clear_button.form-select .clear-button,.plugin-clear_button.single .clear-button{right:max(var(--ts-pr-caret),8px)}.plugin-clear_button.focus.has-items .clear-button,.plugin-clear_button:not(.disabled):hover.has-items .clear-button{opacity:1}.ts-wrapper .dropdown-header{background:color-mix(#fff,#d0d0d0,85%);border-bottom:1px solid #d0d0d0;border-radius:3px 3px 0 0;padding:10px 8px;position:relative}.ts-wrapper .dropdown-header-close{color:#303030;font-size:20px!important;line-height:20px;margin-top:-12px;opacity:.4;position:absolute;right:8px;top:50%}.ts-wrapper .dropdown-header-close:hover{color:#000}.plugin-dropdown_input.focus.dropdown-active .ts-control{border:1px solid #d0d0d0;box-shadow:none}.plugin-dropdown_input .dropdown-input{background:transparent;border:solid #d0d0d0;border-width:0 0 1px;box-shadow:none;display:block;padding:8px;width:100%}.plugin-dropdown_input .items-placeholder{border:0!important;box-shadow:none!important;width:100%}.plugin-dropdown_input.dropdown-active .items-placeholder,.plugin-dropdown_input.has-items .items-placeholder{display:none!important}.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:4px}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-ms-input-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder{color:transparent}.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content{display:flex}.ts-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0;flex-basis:0;flex-grow:1;min-width:0}.ts-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0}.ts-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.ts-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0}.ts-wrapper.plugin-remove_button .item{align-items:center;display:inline-flex}.ts-wrapper.plugin-remove_button .item .remove{border-radius:0 2px 2px 0;box-sizing:border-box;color:inherit;display:inline-block;padding:0 6px;text-decoration:none;vertical-align:middle}.ts-wrapper.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.ts-wrapper.plugin-remove_button.disabled .item .remove:hover{background:none}.ts-wrapper.plugin-remove_button .remove-single{font-size:23px;position:absolute;right:0;top:0}.ts-wrapper.plugin-remove_button:not(.rtl) .item{padding-right:0!important}.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove{border-left:1px solid #d0d0d0;margin-left:6px}.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove{border-left-color:#cacaca}.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove{border-left-color:#fff}.ts-wrapper.plugin-remove_button.rtl .item{padding-left:0!important}.ts-wrapper.plugin-remove_button.rtl .item .remove{border-right:1px solid #d0d0d0;margin-right:6px}.ts-wrapper.plugin-remove_button.rtl .item.active .remove{border-right-color:#cacaca}.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove{border-right-color:#fff}:root{--ts-pr-clear-button:0px;--ts-pr-caret:0px;--ts-pr-min:.75rem}.ts-wrapper.single .ts-control,.ts-wrapper.single .ts-control input{cursor:pointer}.ts-control:not(.rtl){padding-right:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-control.rtl{padding-left:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-wrapper{position:relative}.ts-control,.ts-control input,.ts-dropdown{color:#303030;font-family:inherit;font-size:13px;line-height:18px}.ts-control,.ts-wrapper.single.input-active .ts-control{background:#fff;cursor:text}.ts-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
+/*# sourceMappingURL=tom-select.min.css.map */
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/vendor/js/Sortable.min.js b/ci4app/public/assets/raven/vendor/js/Sortable.min.js
new file mode 100644
index 0000000..95423a6
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/js/Sortable.min.js
@@ -0,0 +1,2 @@
+/*! Sortable 1.15.6 - MIT | git://github.com/SortableJS/Sortable.git */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Sortable=e()}(this,function(){"use strict";function e(e,t){var n,o=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,n)),o}function I(o){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?e(Object(i),!0).forEach(function(t){var e,n;e=o,t=i[n=t],n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):e(Object(i)).forEach(function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(i,t))})}return o}function o(t){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(){return(a=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,o=arguments[e];for(n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t}).apply(this,arguments)}function i(t,e){if(null==t)return{};var n,o=function(t,e){if(null==t)return{};for(var n,o={},i=Object.keys(t),r=0;r<i.length;r++)n=i[r],0<=e.indexOf(n)||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols)for(var i=Object.getOwnPropertySymbols(t),r=0;r<i.length;r++)n=i[r],0<=e.indexOf(n)||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n]);return o}function r(t){return function(t){if(Array.isArray(t))return l(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return l(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Map"===(n="Object"===n&&t.constructor?t.constructor.name:n)||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function t(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var y=t(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),w=t(/Edge/i),s=t(/firefox/i),u=t(/safari/i)&&!t(/chrome/i)&&!t(/android/i),c=t(/iP(ad|od|hone)/i),n=t(/chrome/i)&&t(/android/i),d={capture:!1,passive:!1};function h(t,e,n){t.addEventListener(e,n,!y&&d)}function p(t,e,n){t.removeEventListener(e,n,!y&&d)}function f(t,e){if(e&&(">"===e[0]&&(e=e.substring(1)),t))try{if(t.matches)return t.matches(e);if(t.msMatchesSelector)return t.msMatchesSelector(e);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(e)}catch(t){return}}function g(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function P(t,e,n,o){if(t){n=n||document;do{if(null!=e&&(">"!==e[0]||t.parentNode===n)&&f(t,e)||o&&t===n)return t}while(t!==n&&(t=g(t)))}return null}var m,v=/\s+/g;function k(t,e,n){var o;t&&e&&(t.classList?t.classList[n?"add":"remove"](e):(o=(" "+t.className+" ").replace(v," ").replace(" "+e+" "," "),t.className=(o+(n?" "+e:"")).replace(v," ")))}function R(t,e,n){var o=t&&t.style;if(o){if(void 0===n)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(n=t.currentStyle),void 0===e?n:n[e];o[e=!(e in o||-1!==e.indexOf("webkit"))?"-webkit-"+e:e]=n+("string"==typeof n?"":"px")}}function b(t,e){var n="";if("string"==typeof t)n=t;else do{var o=R(t,"transform")}while(o&&"none"!==o&&(n=o+" "+n),!e&&(t=t.parentNode));var i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(n)}function D(t,e,n){if(t){var o=t.getElementsByTagName(e),i=0,r=o.length;if(n)for(;i<r;i++)n(o[i],i);return o}return[]}function O(){var t=document.scrollingElement;return t||document.documentElement}function X(t,e,n,o,i){if(t.getBoundingClientRect||t===window){var r,a,l,s,c,u,d=t!==window&&t.parentNode&&t!==O()?(a=(r=t.getBoundingClientRect()).top,l=r.left,s=r.bottom,c=r.right,u=r.height,r.width):(l=a=0,s=window.innerHeight,c=window.innerWidth,u=window.innerHeight,window.innerWidth);if((e||n)&&t!==window&&(i=i||t.parentNode,!y))do{if(i&&i.getBoundingClientRect&&("none"!==R(i,"transform")||n&&"static"!==R(i,"position"))){var h=i.getBoundingClientRect();a-=h.top+parseInt(R(i,"border-top-width")),l-=h.left+parseInt(R(i,"border-left-width")),s=a+r.height,c=l+r.width;break}}while(i=i.parentNode);return o&&t!==window&&(o=(e=b(i||t))&&e.a,t=e&&e.d,e&&(s=(a/=t)+(u/=t),c=(l/=o)+(d/=o))),{top:a,left:l,bottom:s,right:c,width:d,height:u}}}function Y(t,e,n){for(var o=M(t,!0),i=X(t)[e];o;){var r=X(o)[n];if(!("top"===n||"left"===n?r<=i:i<=r))return o;if(o===O())break;o=M(o,!1)}return!1}function B(t,e,n,o){for(var i=0,r=0,a=t.children;r<a.length;){if("none"!==a[r].style.display&&a[r]!==jt.ghost&&(o||a[r]!==jt.dragged)&&P(a[r],n.draggable,t,!1)){if(i===e)return a[r];i++}r++}return null}function F(t,e){for(var n=t.lastElementChild;n&&(n===jt.ghost||"none"===R(n,"display")||e&&!f(n,e));)n=n.previousElementSibling;return n||null}function j(t,e){var n=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===jt.clone||e&&!f(t,e)||n++;return n}function E(t){var e=0,n=0,o=O();if(t)do{var i=b(t),r=i.a,i=i.d}while(e+=t.scrollLeft*r,n+=t.scrollTop*i,t!==o&&(t=t.parentNode));return[e,n]}function M(t,e){if(!t||!t.getBoundingClientRect)return O();var n=t,o=!1;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var i=R(n);if(n.clientWidth<n.scrollWidth&&("auto"==i.overflowX||"scroll"==i.overflowX)||n.clientHeight<n.scrollHeight&&("auto"==i.overflowY||"scroll"==i.overflowY)){if(!n.getBoundingClientRect||n===document.body)return O();if(o||e)return n;o=!0}}}while(n=n.parentNode);return O()}function S(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}function _(e,n){return function(){var t;m||(1===(t=arguments).length?e.call(this,t[0]):e.apply(this,t),m=setTimeout(function(){m=void 0},n))}}function H(t,e,n){t.scrollLeft+=e,t.scrollTop+=n}function C(t){var e=window.Polymer,n=window.jQuery||window.Zepto;return e&&e.dom?e.dom(t).cloneNode(!0):n?n(t).clone(!0)[0]:t.cloneNode(!0)}function T(t,e){R(t,"position","absolute"),R(t,"top",e.top),R(t,"left",e.left),R(t,"width",e.width),R(t,"height",e.height)}function x(t){R(t,"position",""),R(t,"top",""),R(t,"left",""),R(t,"width",""),R(t,"height","")}function L(n,o,i){var r={};return Array.from(n.children).forEach(function(t){var e;P(t,o.draggable,n,!1)&&!t.animated&&t!==i&&(e=X(t),r.left=Math.min(null!==(t=r.left)&&void 0!==t?t:1/0,e.left),r.top=Math.min(null!==(t=r.top)&&void 0!==t?t:1/0,e.top),r.right=Math.max(null!==(t=r.right)&&void 0!==t?t:-1/0,e.right),r.bottom=Math.max(null!==(t=r.bottom)&&void 0!==t?t:-1/0,e.bottom))}),r.width=r.right-r.left,r.height=r.bottom-r.top,r.x=r.left,r.y=r.top,r}var K="Sortable"+(new Date).getTime();function A(){var e,o=[];return{captureAnimationState:function(){o=[],this.options.animation&&[].slice.call(this.el.children).forEach(function(t){var e,n;"none"!==R(t,"display")&&t!==jt.ghost&&(o.push({target:t,rect:X(t)}),e=I({},o[o.length-1].rect),!t.thisAnimationDuration||(n=b(t,!0))&&(e.top-=n.f,e.left-=n.e),t.fromRect=e)})},addAnimationState:function(t){o.push(t)},removeAnimationState:function(t){o.splice(function(t,e){for(var n in t)if(t.hasOwnProperty(n))for(var o in e)if(e.hasOwnProperty(o)&&e[o]===t[n][o])return Number(n);return-1}(o,{target:t}),1)},animateAll:function(t){var c=this;if(!this.options.animation)return clearTimeout(e),void("function"==typeof t&&t());var u=!1,d=0;o.forEach(function(t){var e=0,n=t.target,o=n.fromRect,i=X(n),r=n.prevFromRect,a=n.prevToRect,l=t.rect,s=b(n,!0);s&&(i.top-=s.f,i.left-=s.e),n.toRect=i,n.thisAnimationDuration&&S(r,i)&&!S(o,i)&&(l.top-i.top)/(l.left-i.left)==(o.top-i.top)/(o.left-i.left)&&(t=l,s=r,r=a,a=c.options,e=Math.sqrt(Math.pow(s.top-t.top,2)+Math.pow(s.left-t.left,2))/Math.sqrt(Math.pow(s.top-r.top,2)+Math.pow(s.left-r.left,2))*a.animation),S(i,o)||(n.prevFromRect=o,n.prevToRect=i,e=e||c.options.animation,c.animate(n,l,i,e)),e&&(u=!0,d=Math.max(d,e),clearTimeout(n.animationResetTimer),n.animationResetTimer=setTimeout(function(){n.animationTime=0,n.prevFromRect=null,n.fromRect=null,n.prevToRect=null,n.thisAnimationDuration=null},e),n.thisAnimationDuration=e)}),clearTimeout(e),u?e=setTimeout(function(){"function"==typeof t&&t()},d):"function"==typeof t&&t(),o=[]},animate:function(t,e,n,o){var i,r;o&&(R(t,"transition",""),R(t,"transform",""),i=(r=b(this.el))&&r.a,r=r&&r.d,i=(e.left-n.left)/(i||1),r=(e.top-n.top)/(r||1),t.animatingX=!!i,t.animatingY=!!r,R(t,"transform","translate3d("+i+"px,"+r+"px,0)"),this.forRepaintDummy=t.offsetWidth,R(t,"transition","transform "+o+"ms"+(this.options.easing?" "+this.options.easing:"")),R(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout(function(){R(t,"transition",""),R(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1},o))}}}var N=[],W={initializeByDefault:!0},z={mount:function(e){for(var t in W)!W.hasOwnProperty(t)||t in e||(e[t]=W[t]);N.forEach(function(t){if(t.pluginName===e.pluginName)throw"Sortable: Cannot mount plugin ".concat(e.pluginName," more than once")}),N.push(e)},pluginEvent:function(e,n,o){var t=this;this.eventCanceled=!1,o.cancel=function(){t.eventCanceled=!0};var i=e+"Global";N.forEach(function(t){n[t.pluginName]&&(n[t.pluginName][i]&&n[t.pluginName][i](I({sortable:n},o)),n.options[t.pluginName]&&n[t.pluginName][e]&&n[t.pluginName][e](I({sortable:n},o)))})},initializePlugins:function(n,o,i,t){for(var e in N.forEach(function(t){var e=t.pluginName;(n.options[e]||t.initializeByDefault)&&((t=new t(n,o,n.options)).sortable=n,t.options=n.options,n[e]=t,a(i,t.defaults))}),n.options){var r;n.options.hasOwnProperty(e)&&(void 0!==(r=this.modifyOption(n,e,n.options[e]))&&(n.options[e]=r))}},getEventProperties:function(e,n){var o={};return N.forEach(function(t){"function"==typeof t.eventProperties&&a(o,t.eventProperties.call(n[t.pluginName],e))}),o},modifyOption:function(e,n,o){var i;return N.forEach(function(t){e[t.pluginName]&&t.optionListeners&&"function"==typeof t.optionListeners[n]&&(i=t.optionListeners[n].call(e[t.pluginName],o))}),i}};function G(t){var e=t.sortable,n=t.rootEl,o=t.name,i=t.targetEl,r=t.cloneEl,a=t.toEl,l=t.fromEl,s=t.oldIndex,c=t.newIndex,u=t.oldDraggableIndex,d=t.newDraggableIndex,h=t.originalEvent,p=t.putSortable,f=t.extraEventProperties;if(e=e||n&&n[K]){var g,m=e.options,t="on"+o.charAt(0).toUpperCase()+o.substr(1);!window.CustomEvent||y||w?(g=document.createEvent("Event")).initEvent(o,!0,!0):g=new CustomEvent(o,{bubbles:!0,cancelable:!0}),g.to=a||n,g.from=l||n,g.item=i||n,g.clone=r,g.oldIndex=s,g.newIndex=c,g.oldDraggableIndex=u,g.newDraggableIndex=d,g.originalEvent=h,g.pullMode=p?p.lastPutMode:void 0;var v,b=I(I({},f),z.getEventProperties(o,e));for(v in b)g[v]=b[v];n&&n.dispatchEvent(g),m[t]&&m[t].call(e,g)}}function U(t,e){var n=(o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{}).evt,o=i(o,q);z.pluginEvent.bind(jt)(t,e,I({dragEl:Z,parentEl:$,ghostEl:Q,rootEl:J,nextEl:tt,lastDownEl:et,cloneEl:nt,cloneHidden:ot,dragStarted:mt,putSortable:ct,activeSortable:jt.active,originalEvent:n,oldIndex:it,oldDraggableIndex:at,newIndex:rt,newDraggableIndex:lt,hideGhostForTarget:Xt,unhideGhostForTarget:Yt,cloneNowHidden:function(){ot=!0},cloneNowShown:function(){ot=!1},dispatchSortableEvent:function(t){V({sortable:e,name:t,originalEvent:n})}},o))}var q=["evt"];function V(t){G(I({putSortable:ct,cloneEl:nt,targetEl:Z,rootEl:J,oldIndex:it,oldDraggableIndex:at,newIndex:rt,newDraggableIndex:lt},t))}var Z,$,Q,J,tt,et,nt,ot,it,rt,at,lt,st,ct,ut,dt,ht,pt,ft,gt,mt,vt,bt,yt,wt,Dt=!1,Et=!1,St=[],_t=!1,Ct=!1,Tt=[],xt=!1,Ot=[],Mt="undefined"!=typeof document,At=c,Nt=w||y?"cssFloat":"float",It=Mt&&!n&&!c&&"draggable"in document.createElement("div"),Pt=function(){if(Mt){if(y)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),kt=function(t,e){var n=R(t),o=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),i=B(t,0,e),r=B(t,1,e),a=i&&R(i),l=r&&R(r),s=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+X(i).width,t=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+X(r).width;if("flex"===n.display)return"column"===n.flexDirection||"column-reverse"===n.flexDirection?"vertical":"horizontal";if("grid"===n.display)return n.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(i&&a.float&&"none"!==a.float){e="left"===a.float?"left":"right";return!r||"both"!==l.clear&&l.clear!==e?"horizontal":"vertical"}return i&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||o<=s&&"none"===n[Nt]||r&&"none"===n[Nt]&&o<s+t)?"vertical":"horizontal"},Rt=function(t){function l(r,a){return function(t,e,n,o){var i=t.options.group.name&&e.options.group.name&&t.options.group.name===e.options.group.name;if(null==r&&(a||i))return!0;if(null==r||!1===r)return!1;if(a&&"clone"===r)return r;if("function"==typeof r)return l(r(t,e,n,o),a)(t,e,n,o);e=(a?t:e).options.group.name;return!0===r||"string"==typeof r&&r===e||r.join&&-1<r.indexOf(e)}}var e={},n=t.group;n&&"object"==o(n)||(n={name:n}),e.name=n.name,e.checkPull=l(n.pull,!0),e.checkPut=l(n.put),e.revertClone=n.revertClone,t.group=e},Xt=function(){!Pt&&Q&&R(Q,"display","none")},Yt=function(){!Pt&&Q&&R(Q,"display","")};Mt&&!n&&document.addEventListener("click",function(t){if(Et)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),Et=!1},!0);function Bt(t){if(Z){t=t.touches?t.touches[0]:t;var e=(i=t.clientX,r=t.clientY,St.some(function(t){var e=t[K].options.emptyInsertThreshold;if(e&&!F(t)){var n=X(t),o=i>=n.left-e&&i<=n.right+e,e=r>=n.top-e&&r<=n.bottom+e;return o&&e?a=t:void 0}}),a);if(e){var n,o={};for(n in t)t.hasOwnProperty(n)&&(o[n]=t[n]);o.target=o.rootEl=e,o.preventDefault=void 0,o.stopPropagation=void 0,e[K]._onDragOver(o)}}var i,r,a}function Ft(t){Z&&Z.parentNode[K]._isOutsideThisEl(t.target)}function jt(t,e){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=e=a({},e),t[K]=this;var n,o,i={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return kt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,e){t.setData("Text",e.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==jt.supportPointer&&"PointerEvent"in window&&(!u||c),emptyInsertThreshold:5};for(n in z.initializePlugins(this,t,i),i)n in e||(e[n]=i[n]);for(o in Rt(e),this)"_"===o.charAt(0)&&"function"==typeof this[o]&&(this[o]=this[o].bind(this));this.nativeDraggable=!e.forceFallback&&It,this.nativeDraggable&&(this.options.touchStartThreshold=1),e.supportPointer?h(t,"pointerdown",this._onTapStart):(h(t,"mousedown",this._onTapStart),h(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(h(t,"dragover",this),h(t,"dragenter",this)),St.push(this.el),e.store&&e.store.get&&this.sort(e.store.get(this)||[]),a(this,A())}function Ht(t,e,n,o,i,r,a,l){var s,c,u=t[K],d=u.options.onMove;return!window.CustomEvent||y||w?(s=document.createEvent("Event")).initEvent("move",!0,!0):s=new CustomEvent("move",{bubbles:!0,cancelable:!0}),s.to=e,s.from=t,s.dragged=n,s.draggedRect=o,s.related=i||e,s.relatedRect=r||X(e),s.willInsertAfter=l,s.originalEvent=a,t.dispatchEvent(s),c=d?d.call(u,s,a):c}function Lt(t){t.draggable=!1}function Kt(){xt=!1}function Wt(t){return setTimeout(t,0)}function zt(t){return clearTimeout(t)}jt.prototype={constructor:jt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(vt=null)},_getDirection:function(t,e){return"function"==typeof this.options.direction?this.options.direction.call(this,t,e,Z):this.options.direction},_onTapStart:function(e){if(e.cancelable){var n=this,o=this.el,t=this.options,i=t.preventOnFilter,r=e.type,a=e.touches&&e.touches[0]||e.pointerType&&"touch"===e.pointerType&&e,l=(a||e).target,s=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||l,c=t.filter;if(!function(t){Ot.length=0;var e=t.getElementsByTagName("input"),n=e.length;for(;n--;){var o=e[n];o.checked&&Ot.push(o)}}(o),!Z&&!(/mousedown|pointerdown/.test(r)&&0!==e.button||t.disabled)&&!s.isContentEditable&&(this.nativeDraggable||!u||!l||"SELECT"!==l.tagName.toUpperCase())&&!((l=P(l,t.draggable,o,!1))&&l.animated||et===l)){if(it=j(l),at=j(l,t.draggable),"function"==typeof c){if(c.call(this,e,l,this))return V({sortable:n,rootEl:s,name:"filter",targetEl:l,toEl:o,fromEl:o}),U("filter",n,{evt:e}),void(i&&e.preventDefault())}else if(c=c&&c.split(",").some(function(t){if(t=P(s,t.trim(),o,!1))return V({sortable:n,rootEl:t,name:"filter",targetEl:l,fromEl:o,toEl:o}),U("filter",n,{evt:e}),!0}))return void(i&&e.preventDefault());t.handle&&!P(s,t.handle,o,!1)||this._prepareDragStart(e,a,l)}}},_prepareDragStart:function(t,e,n){var o,i=this,r=i.el,a=i.options,l=r.ownerDocument;n&&!Z&&n.parentNode===r&&(o=X(n),J=r,$=(Z=n).parentNode,tt=Z.nextSibling,et=n,st=a.group,ut={target:jt.dragged=Z,clientX:(e||t).clientX,clientY:(e||t).clientY},ft=ut.clientX-o.left,gt=ut.clientY-o.top,this._lastX=(e||t).clientX,this._lastY=(e||t).clientY,Z.style["will-change"]="all",o=function(){U("delayEnded",i,{evt:t}),jt.eventCanceled?i._onDrop():(i._disableDelayedDragEvents(),!s&&i.nativeDraggable&&(Z.draggable=!0),i._triggerDragStart(t,e),V({sortable:i,name:"choose",originalEvent:t}),k(Z,a.chosenClass,!0))},a.ignore.split(",").forEach(function(t){D(Z,t.trim(),Lt)}),h(l,"dragover",Bt),h(l,"mousemove",Bt),h(l,"touchmove",Bt),a.supportPointer?(h(l,"pointerup",i._onDrop),this.nativeDraggable||h(l,"pointercancel",i._onDrop)):(h(l,"mouseup",i._onDrop),h(l,"touchend",i._onDrop),h(l,"touchcancel",i._onDrop)),s&&this.nativeDraggable&&(this.options.touchStartThreshold=4,Z.draggable=!0),U("delayStart",this,{evt:t}),!a.delay||a.delayOnTouchOnly&&!e||this.nativeDraggable&&(w||y)?o():jt.eventCanceled?this._onDrop():(a.supportPointer?(h(l,"pointerup",i._disableDelayedDrag),h(l,"pointercancel",i._disableDelayedDrag)):(h(l,"mouseup",i._disableDelayedDrag),h(l,"touchend",i._disableDelayedDrag),h(l,"touchcancel",i._disableDelayedDrag)),h(l,"mousemove",i._delayedDragTouchMoveHandler),h(l,"touchmove",i._delayedDragTouchMoveHandler),a.supportPointer&&h(l,"pointermove",i._delayedDragTouchMoveHandler),i._dragStartTimer=setTimeout(o,a.delay)))},_delayedDragTouchMoveHandler:function(t){t=t.touches?t.touches[0]:t;Math.max(Math.abs(t.clientX-this._lastX),Math.abs(t.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){Z&&Lt(Z),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;p(t,"mouseup",this._disableDelayedDrag),p(t,"touchend",this._disableDelayedDrag),p(t,"touchcancel",this._disableDelayedDrag),p(t,"pointerup",this._disableDelayedDrag),p(t,"pointercancel",this._disableDelayedDrag),p(t,"mousemove",this._delayedDragTouchMoveHandler),p(t,"touchmove",this._delayedDragTouchMoveHandler),p(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,e){e=e||"touch"==t.pointerType&&t,!this.nativeDraggable||e?this.options.supportPointer?h(document,"pointermove",this._onTouchMove):h(document,e?"touchmove":"mousemove",this._onTouchMove):(h(Z,"dragend",this),h(J,"dragstart",this._onDragStart));try{document.selection?Wt(function(){document.selection.empty()}):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,e){var n;Dt=!1,J&&Z?(U("dragStarted",this,{evt:e}),this.nativeDraggable&&h(document,"dragover",Ft),n=this.options,t||k(Z,n.dragClass,!1),k(Z,n.ghostClass,!0),jt.active=this,t&&this._appendGhost(),V({sortable:this,name:"start",originalEvent:e})):this._nulling()},_emulateDragOver:function(){if(dt){this._lastX=dt.clientX,this._lastY=dt.clientY,Xt();for(var t=document.elementFromPoint(dt.clientX,dt.clientY),e=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(dt.clientX,dt.clientY))!==e;)e=t;if(Z.parentNode[K]._isOutsideThisEl(t),e)do{if(e[K])if(e[K]._onDragOver({clientX:dt.clientX,clientY:dt.clientY,target:t,rootEl:e})&&!this.options.dragoverBubble)break}while(e=g(t=e));Yt()}},_onTouchMove:function(t){if(ut){var e=this.options,n=e.fallbackTolerance,o=e.fallbackOffset,i=t.touches?t.touches[0]:t,r=Q&&b(Q,!0),a=Q&&r&&r.a,l=Q&&r&&r.d,e=At&&wt&&E(wt),a=(i.clientX-ut.clientX+o.x)/(a||1)+(e?e[0]-Tt[0]:0)/(a||1),l=(i.clientY-ut.clientY+o.y)/(l||1)+(e?e[1]-Tt[1]:0)/(l||1);if(!jt.active&&!Dt){if(n&&Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))<n)return;this._onDragStart(t,!0)}Q&&(r?(r.e+=a-(ht||0),r.f+=l-(pt||0)):r={a:1,b:0,c:0,d:1,e:a,f:l},r="matrix(".concat(r.a,",").concat(r.b,",").concat(r.c,",").concat(r.d,",").concat(r.e,",").concat(r.f,")"),R(Q,"webkitTransform",r),R(Q,"mozTransform",r),R(Q,"msTransform",r),R(Q,"transform",r),ht=a,pt=l,dt=i),t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!Q){var t=this.options.fallbackOnBody?document.body:J,e=X(Z,!0,At,!0,t),n=this.options;if(At){for(wt=t;"static"===R(wt,"position")&&"none"===R(wt,"transform")&&wt!==document;)wt=wt.parentNode;wt!==document.body&&wt!==document.documentElement?(wt===document&&(wt=O()),e.top+=wt.scrollTop,e.left+=wt.scrollLeft):wt=O(),Tt=E(wt)}k(Q=Z.cloneNode(!0),n.ghostClass,!1),k(Q,n.fallbackClass,!0),k(Q,n.dragClass,!0),R(Q,"transition",""),R(Q,"transform",""),R(Q,"box-sizing","border-box"),R(Q,"margin",0),R(Q,"top",e.top),R(Q,"left",e.left),R(Q,"width",e.width),R(Q,"height",e.height),R(Q,"opacity","0.8"),R(Q,"position",At?"absolute":"fixed"),R(Q,"zIndex","100000"),R(Q,"pointerEvents","none"),jt.ghost=Q,t.appendChild(Q),R(Q,"transform-origin",ft/parseInt(Q.style.width)*100+"% "+gt/parseInt(Q.style.height)*100+"%")}},_onDragStart:function(t,e){var n=this,o=t.dataTransfer,i=n.options;U("dragStart",this,{evt:t}),jt.eventCanceled?this._onDrop():(U("setupClone",this),jt.eventCanceled||((nt=C(Z)).removeAttribute("id"),nt.draggable=!1,nt.style["will-change"]="",this._hideClone(),k(nt,this.options.chosenClass,!1),jt.clone=nt),n.cloneId=Wt(function(){U("clone",n),jt.eventCanceled||(n.options.removeCloneOnHide||J.insertBefore(nt,Z),n._hideClone(),V({sortable:n,name:"clone"}))}),e||k(Z,i.dragClass,!0),e?(Et=!0,n._loopId=setInterval(n._emulateDragOver,50)):(p(document,"mouseup",n._onDrop),p(document,"touchend",n._onDrop),p(document,"touchcancel",n._onDrop),o&&(o.effectAllowed="move",i.setData&&i.setData.call(n,o,Z)),h(document,"drop",n),R(Z,"transform","translateZ(0)")),Dt=!0,n._dragStartId=Wt(n._dragStarted.bind(n,e,t)),h(document,"selectstart",n),mt=!0,window.getSelection().removeAllRanges(),u&&R(document.body,"user-select","none"))},_onDragOver:function(n){var o,i,r,t,e,a=this.el,l=n.target,s=this.options,c=s.group,u=jt.active,d=st===c,h=s.sort,p=ct||u,f=this,g=!1;if(!xt){if(void 0!==n.preventDefault&&n.cancelable&&n.preventDefault(),l=P(l,s.draggable,a,!0),O("dragOver"),jt.eventCanceled)return g;if(Z.contains(n.target)||l.animated&&l.animatingX&&l.animatingY||f._ignoreWhileAnimating===l)return A(!1);if(Et=!1,u&&!s.disabled&&(d?h||(i=$!==J):ct===this||(this.lastPutMode=st.checkPull(this,u,Z,n))&&c.checkPut(this,u,Z,n))){if(r="vertical"===this._getDirection(n,l),o=X(Z),O("dragOverValid"),jt.eventCanceled)return g;if(i)return $=J,M(),this._hideClone(),O("revert"),jt.eventCanceled||(tt?J.insertBefore(Z,tt):J.appendChild(Z)),A(!0);var m=F(a,s.draggable);if(m&&(S=n,c=r,x=X(F((E=this).el,E.options.draggable)),E=L(E.el,E.options,Q),!(c?S.clientX>E.right+10||S.clientY>x.bottom&&S.clientX>x.left:S.clientY>E.bottom+10||S.clientX>x.right&&S.clientY>x.top)||m.animated)){if(m&&(t=n,e=r,C=X(B((_=this).el,0,_.options,!0)),_=L(_.el,_.options,Q),e?t.clientX<_.left-10||t.clientY<C.top&&t.clientX<C.right:t.clientY<_.top-10||t.clientY<C.bottom&&t.clientX<C.left)){var v=B(a,0,s,!0);if(v===Z)return A(!1);if(D=X(l=v),!1!==Ht(J,a,Z,o,l,D,n,!1))return M(),a.insertBefore(Z,v),$=a,N(),A(!0)}else if(l.parentNode===a){var b,y,w,D=X(l),E=Z.parentNode!==a,S=(S=Z.animated&&Z.toRect||o,x=l.animated&&l.toRect||D,_=(e=r)?S.left:S.top,t=e?S.right:S.bottom,C=e?S.width:S.height,v=e?x.left:x.top,S=e?x.right:x.bottom,x=e?x.width:x.height,!(_===v||t===S||_+C/2===v+x/2)),_=r?"top":"left",C=Y(l,"top","top")||Y(Z,"top","top"),v=C?C.scrollTop:void 0;if(vt!==l&&(y=D[_],_t=!1,Ct=!S&&s.invertSwap||E),0!==(b=function(t,e,n,o,i,r,a,l){var s=o?t.clientY:t.clientX,c=o?n.height:n.width,t=o?n.top:n.left,o=o?n.bottom:n.right,n=!1;if(!a)if(l&&yt<c*i){if(_t=!_t&&(1===bt?t+c*r/2<s:s<o-c*r/2)?!0:_t)n=!0;else if(1===bt?s<t+yt:o-yt<s)return-bt}else if(t+c*(1-i)/2<s&&s<o-c*(1-i)/2)return function(t){return j(Z)<j(t)?1:-1}(e);if((n=n||a)&&(s<t+c*r/2||o-c*r/2<s))return t+c/2<s?1:-1;return 0}(n,l,D,r,S?1:s.swapThreshold,null==s.invertedSwapThreshold?s.swapThreshold:s.invertedSwapThreshold,Ct,vt===l)))for(var T=j(Z);(w=$.children[T-=b])&&("none"===R(w,"display")||w===Q););if(0===b||w===l)return A(!1);bt=b;var x=(vt=l).nextElementSibling,E=!1,S=Ht(J,a,Z,o,l,D,n,E=1===b);if(!1!==S)return 1!==S&&-1!==S||(E=1===S),xt=!0,setTimeout(Kt,30),M(),E&&!x?a.appendChild(Z):l.parentNode.insertBefore(Z,E?x:l),C&&H(C,0,v-C.scrollTop),$=Z.parentNode,void 0===y||Ct||(yt=Math.abs(y-X(l)[_])),N(),A(!0)}}else{if(m===Z)return A(!1);if((l=m&&a===n.target?m:l)&&(D=X(l)),!1!==Ht(J,a,Z,o,l,D,n,!!l))return M(),m&&m.nextSibling?a.insertBefore(Z,m.nextSibling):a.appendChild(Z),$=a,N(),A(!0)}if(a.contains(Z))return A(!1)}return!1}function O(t,e){U(t,f,I({evt:n,isOwner:d,axis:r?"vertical":"horizontal",revert:i,dragRect:o,targetRect:D,canSort:h,fromSortable:p,target:l,completed:A,onMove:function(t,e){return Ht(J,a,Z,o,t,X(t),n,e)},changed:N},e))}function M(){O("dragOverAnimationCapture"),f.captureAnimationState(),f!==p&&p.captureAnimationState()}function A(t){return O("dragOverCompleted",{insertion:t}),t&&(d?u._hideClone():u._showClone(f),f!==p&&(k(Z,(ct||u).options.ghostClass,!1),k(Z,s.ghostClass,!0)),ct!==f&&f!==jt.active?ct=f:f===jt.active&&ct&&(ct=null),p===f&&(f._ignoreWhileAnimating=l),f.animateAll(function(){O("dragOverAnimationComplete"),f._ignoreWhileAnimating=null}),f!==p&&(p.animateAll(),p._ignoreWhileAnimating=null)),(l===Z&&!Z.animated||l===a&&!l.animated)&&(vt=null),s.dragoverBubble||n.rootEl||l===document||(Z.parentNode[K]._isOutsideThisEl(n.target),t||Bt(n)),!s.dragoverBubble&&n.stopPropagation&&n.stopPropagation(),g=!0}function N(){rt=j(Z),lt=j(Z,s.draggable),V({sortable:f,name:"change",toEl:a,newIndex:rt,newDraggableIndex:lt,originalEvent:n})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){p(document,"mousemove",this._onTouchMove),p(document,"touchmove",this._onTouchMove),p(document,"pointermove",this._onTouchMove),p(document,"dragover",Bt),p(document,"mousemove",Bt),p(document,"touchmove",Bt)},_offUpEvents:function(){var t=this.el.ownerDocument;p(t,"mouseup",this._onDrop),p(t,"touchend",this._onDrop),p(t,"pointerup",this._onDrop),p(t,"pointercancel",this._onDrop),p(t,"touchcancel",this._onDrop),p(document,"selectstart",this)},_onDrop:function(t){var e=this.el,n=this.options;rt=j(Z),lt=j(Z,n.draggable),U("drop",this,{evt:t}),$=Z&&Z.parentNode,rt=j(Z),lt=j(Z,n.draggable),jt.eventCanceled||(_t=Ct=Dt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),zt(this.cloneId),zt(this._dragStartId),this.nativeDraggable&&(p(document,"drop",this),p(e,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),u&&R(document.body,"user-select",""),R(Z,"transform",""),t&&(mt&&(t.cancelable&&t.preventDefault(),n.dropBubble||t.stopPropagation()),Q&&Q.parentNode&&Q.parentNode.removeChild(Q),(J===$||ct&&"clone"!==ct.lastPutMode)&&nt&&nt.parentNode&&nt.parentNode.removeChild(nt),Z&&(this.nativeDraggable&&p(Z,"dragend",this),Lt(Z),Z.style["will-change"]="",mt&&!Dt&&k(Z,(ct||this).options.ghostClass,!1),k(Z,this.options.chosenClass,!1),V({sortable:this,name:"unchoose",toEl:$,newIndex:null,newDraggableIndex:null,originalEvent:t}),J!==$?(0<=rt&&(V({rootEl:$,name:"add",toEl:$,fromEl:J,originalEvent:t}),V({sortable:this,name:"remove",toEl:$,originalEvent:t}),V({rootEl:$,name:"sort",toEl:$,fromEl:J,originalEvent:t}),V({sortable:this,name:"sort",toEl:$,originalEvent:t})),ct&&ct.save()):rt!==it&&0<=rt&&(V({sortable:this,name:"update",toEl:$,originalEvent:t}),V({sortable:this,name:"sort",toEl:$,originalEvent:t})),jt.active&&(null!=rt&&-1!==rt||(rt=it,lt=at),V({sortable:this,name:"end",toEl:$,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){U("nulling",this),J=Z=$=Q=tt=nt=et=ot=ut=dt=mt=rt=lt=it=at=vt=bt=ct=st=jt.dragged=jt.ghost=jt.clone=jt.active=null,Ot.forEach(function(t){t.checked=!0}),Ot.length=ht=pt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":Z&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move");t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,e=[],n=this.el.children,o=0,i=n.length,r=this.options;o<i;o++)P(t=n[o],r.draggable,this.el,!1)&&e.push(t.getAttribute(r.dataIdAttr)||function(t){var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,o=0;for(;n--;)o+=e.charCodeAt(n);return o.toString(36)}(t));return e},sort:function(t,e){var n={},o=this.el;this.toArray().forEach(function(t,e){e=o.children[e];P(e,this.options.draggable,o,!1)&&(n[t]=e)},this),e&&this.captureAnimationState(),t.forEach(function(t){n[t]&&(o.removeChild(n[t]),o.appendChild(n[t]))}),e&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,e){return P(t,e||this.options.draggable,this.el,!1)},option:function(t,e){var n=this.options;if(void 0===e)return n[t];var o=z.modifyOption(this,t,e);n[t]=void 0!==o?o:e,"group"===t&&Rt(n)},destroy:function(){U("destroy",this);var t=this.el;t[K]=null,p(t,"mousedown",this._onTapStart),p(t,"touchstart",this._onTapStart),p(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(p(t,"dragover",this),p(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),function(t){t.removeAttribute("draggable")}),this._onDrop(),this._disableDelayedDragEvents(),St.splice(St.indexOf(this.el),1),this.el=t=null},_hideClone:function(){ot||(U("hideClone",this),jt.eventCanceled||(R(nt,"display","none"),this.options.removeCloneOnHide&&nt.parentNode&&nt.parentNode.removeChild(nt),ot=!0))},_showClone:function(t){"clone"===t.lastPutMode?ot&&(U("showClone",this),jt.eventCanceled||(Z.parentNode!=J||this.options.group.revertClone?tt?J.insertBefore(nt,tt):J.appendChild(nt):J.insertBefore(nt,Z),this.options.group.revertClone&&this.animate(Z,nt),R(nt,"display",""),ot=!1)):this._hideClone()}},Mt&&h(document,"touchmove",function(t){(jt.active||Dt)&&t.cancelable&&t.preventDefault()}),jt.utils={on:h,off:p,css:R,find:D,is:function(t,e){return!!P(t,e,t,!1)},extend:function(t,e){if(t&&e)for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},throttle:_,closest:P,toggleClass:k,clone:C,index:j,nextTick:Wt,cancelNextTick:zt,detectDirection:kt,getChild:B,expando:K},jt.get=function(t){return t[K]},jt.mount=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];(e=e[0].constructor===Array?e[0]:e).forEach(function(t){if(!t.prototype||!t.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));t.utils&&(jt.utils=I(I({},jt.utils),t.utils)),z.mount(t)})},jt.create=function(t,e){return new jt(t,e)};var Gt,Ut,qt,Vt,Zt,$t,Qt=[],Jt=!(jt.version="1.15.6");function te(){Qt.forEach(function(t){clearInterval(t.pid)}),Qt=[]}function ee(){clearInterval($t)}var ne,oe=_(function(n,t,e,o){if(t.scroll){var i,r=(n.touches?n.touches[0]:n).clientX,a=(n.touches?n.touches[0]:n).clientY,l=t.scrollSensitivity,s=t.scrollSpeed,c=O(),u=!1;Ut!==e&&(Ut=e,te(),Gt=t.scroll,i=t.scrollFn,!0===Gt&&(Gt=M(e,!0)));var d=0,h=Gt;do{var p=h,f=X(p),g=f.top,m=f.bottom,v=f.left,b=f.right,y=f.width,w=f.height,D=void 0,E=void 0,S=p.scrollWidth,_=p.scrollHeight,C=R(p),T=p.scrollLeft,f=p.scrollTop,E=p===c?(D=y<S&&("auto"===C.overflowX||"scroll"===C.overflowX||"visible"===C.overflowX),w<_&&("auto"===C.overflowY||"scroll"===C.overflowY||"visible"===C.overflowY)):(D=y<S&&("auto"===C.overflowX||"scroll"===C.overflowX),w<_&&("auto"===C.overflowY||"scroll"===C.overflowY)),T=D&&(Math.abs(b-r)<=l&&T+y<S)-(Math.abs(v-r)<=l&&!!T),f=E&&(Math.abs(m-a)<=l&&f+w<_)-(Math.abs(g-a)<=l&&!!f);if(!Qt[d])for(var x=0;x<=d;x++)Qt[x]||(Qt[x]={});Qt[d].vx==T&&Qt[d].vy==f&&Qt[d].el===p||(Qt[d].el=p,Qt[d].vx=T,Qt[d].vy=f,clearInterval(Qt[d].pid),0==T&&0==f||(u=!0,Qt[d].pid=setInterval(function(){o&&0===this.layer&&jt.active._onTouchMove(Zt);var t=Qt[this.layer].vy?Qt[this.layer].vy*s:0,e=Qt[this.layer].vx?Qt[this.layer].vx*s:0;"function"==typeof i&&"continue"!==i.call(jt.dragged.parentNode[K],e,t,n,Zt,Qt[this.layer].el)||H(Qt[this.layer].el,e,t)}.bind({layer:d}),24))),d++}while(t.bubbleScroll&&h!==c&&(h=M(h,!1)));Jt=u}},30),n=function(t){var e=t.originalEvent,n=t.putSortable,o=t.dragEl,i=t.activeSortable,r=t.dispatchSortableEvent,a=t.hideGhostForTarget,t=t.unhideGhostForTarget;e&&(i=n||i,a(),e=e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e,e=document.elementFromPoint(e.clientX,e.clientY),t(),i&&!i.el.contains(e)&&(r("spill"),this.onSpill({dragEl:o,putSortable:n})))};function ie(){}function re(){}ie.prototype={startIndex:null,dragStart:function(t){t=t.oldDraggableIndex;this.startIndex=t},onSpill:function(t){var e=t.dragEl,n=t.putSortable;this.sortable.captureAnimationState(),n&&n.captureAnimationState();t=B(this.sortable.el,this.startIndex,this.options);t?this.sortable.el.insertBefore(e,t):this.sortable.el.appendChild(e),this.sortable.animateAll(),n&&n.animateAll()},drop:n},a(ie,{pluginName:"revertOnSpill"}),re.prototype={onSpill:function(t){var e=t.dragEl,t=t.putSortable||this.sortable;t.captureAnimationState(),e.parentNode&&e.parentNode.removeChild(e),t.animateAll()},drop:n},a(re,{pluginName:"removeOnSpill"});var ae,le,se,ce,ue,de=[],he=[],pe=!1,fe=!1,ge=!1;function me(n,o){he.forEach(function(t,e){e=o.children[t.sortableIndex+(n?Number(e):0)];e?o.insertBefore(t,e):o.appendChild(t)})}function ve(){de.forEach(function(t){t!==se&&t.parentNode&&t.parentNode.removeChild(t)})}return jt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){t=t.originalEvent;this.sortable.nativeDraggable?h(document,"dragover",this._handleAutoScroll):this.options.supportPointer?h(document,"pointermove",this._handleFallbackAutoScroll):t.touches?h(document,"touchmove",this._handleFallbackAutoScroll):h(document,"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){t=t.originalEvent;this.options.dragOverBubble||t.rootEl||this._handleAutoScroll(t)},drop:function(){this.sortable.nativeDraggable?p(document,"dragover",this._handleAutoScroll):(p(document,"pointermove",this._handleFallbackAutoScroll),p(document,"touchmove",this._handleFallbackAutoScroll),p(document,"mousemove",this._handleFallbackAutoScroll)),ee(),te(),clearTimeout(m),m=void 0},nulling:function(){Zt=Ut=Gt=Jt=$t=qt=Vt=null,Qt.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(e,n){var o,i=this,r=(e.touches?e.touches[0]:e).clientX,a=(e.touches?e.touches[0]:e).clientY,t=document.elementFromPoint(r,a);Zt=e,n||this.options.forceAutoScrollFallback||w||y||u?(oe(e,this.options,t,n),o=M(t,!0),!Jt||$t&&r===qt&&a===Vt||($t&&ee(),$t=setInterval(function(){var t=M(document.elementFromPoint(r,a),!0);t!==o&&(o=t,te()),oe(e,i.options,t,n)},10),qt=r,Vt=a)):this.options.bubbleScroll&&M(t,!0)!==O()?oe(e,this.options,M(t,!1),!1):te()}},a(t,{pluginName:"scroll",initializeByDefault:!0})}),jt.mount(re,ie),jt.mount(new function(){function t(){this.defaults={swapClass:"sortable-swap-highlight"}}return t.prototype={dragStart:function(t){t=t.dragEl;ne=t},dragOverValid:function(t){var e=t.completed,n=t.target,o=t.onMove,i=t.activeSortable,r=t.changed,a=t.cancel;i.options.swap&&(t=this.sortable.el,i=this.options,n&&n!==t&&(t=ne,ne=!1!==o(n)?(k(n,i.swapClass,!0),n):null,t&&t!==ne&&k(t,i.swapClass,!1)),r(),e(!0),a())},drop:function(t){var e,n,o=t.activeSortable,i=t.putSortable,r=t.dragEl,a=i||this.sortable,l=this.options;ne&&k(ne,l.swapClass,!1),ne&&(l.swap||i&&i.options.swap)&&r!==ne&&(a.captureAnimationState(),a!==o&&o.captureAnimationState(),n=ne,t=(e=r).parentNode,l=n.parentNode,t&&l&&!t.isEqualNode(n)&&!l.isEqualNode(e)&&(i=j(e),r=j(n),t.isEqualNode(l)&&i<r&&r++,t.insertBefore(n,t.children[i]),l.insertBefore(e,l.children[r])),a.animateAll(),a!==o&&o.animateAll())},nulling:function(){ne=null}},a(t,{pluginName:"swap",eventProperties:function(){return{swapItem:ne}}})}),jt.mount(new function(){function t(o){for(var t in this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this));o.options.avoidImplicitDeselect||(o.options.supportPointer?h(document,"pointerup",this._deselectMultiDrag):(h(document,"mouseup",this._deselectMultiDrag),h(document,"touchend",this._deselectMultiDrag))),h(document,"keydown",this._checkKeyDown),h(document,"keyup",this._checkKeyUp),this.defaults={selectedClass:"sortable-selected",multiDragKey:null,avoidImplicitDeselect:!1,setData:function(t,e){var n="";de.length&&le===o?de.forEach(function(t,e){n+=(e?", ":"")+t.textContent}):n=e.textContent,t.setData("Text",n)}}}return t.prototype={multiDragKeyDown:!1,isMultiDrag:!1,delayStartGlobal:function(t){t=t.dragEl;se=t},delayEnded:function(){this.isMultiDrag=~de.indexOf(se)},setupClone:function(t){var e=t.sortable,t=t.cancel;if(this.isMultiDrag){for(var n=0;n<de.length;n++)he.push(C(de[n])),he[n].sortableIndex=de[n].sortableIndex,he[n].draggable=!1,he[n].style["will-change"]="",k(he[n],this.options.selectedClass,!1),de[n]===se&&k(he[n],this.options.chosenClass,!1);e._hideClone(),t()}},clone:function(t){var e=t.sortable,n=t.rootEl,o=t.dispatchSortableEvent,t=t.cancel;this.isMultiDrag&&(this.options.removeCloneOnHide||de.length&&le===e&&(me(!0,n),o("clone"),t()))},showClone:function(t){var e=t.cloneNowShown,n=t.rootEl,t=t.cancel;this.isMultiDrag&&(me(!1,n),he.forEach(function(t){R(t,"display","")}),e(),ue=!1,t())},hideClone:function(t){var e=this,n=(t.sortable,t.cloneNowHidden),t=t.cancel;this.isMultiDrag&&(he.forEach(function(t){R(t,"display","none"),e.options.removeCloneOnHide&&t.parentNode&&t.parentNode.removeChild(t)}),n(),ue=!0,t())},dragStartGlobal:function(t){t.sortable;!this.isMultiDrag&&le&&le.multiDrag._deselectMultiDrag(),de.forEach(function(t){t.sortableIndex=j(t)}),de=de.sort(function(t,e){return t.sortableIndex-e.sortableIndex}),ge=!0},dragStarted:function(t){var e,n=this,t=t.sortable;this.isMultiDrag&&(this.options.sort&&(t.captureAnimationState(),this.options.animation&&(de.forEach(function(t){t!==se&&R(t,"position","absolute")}),e=X(se,!1,!0,!0),de.forEach(function(t){t!==se&&T(t,e)}),pe=fe=!0)),t.animateAll(function(){pe=fe=!1,n.options.animation&&de.forEach(function(t){x(t)}),n.options.sort&&ve()}))},dragOver:function(t){var e=t.target,n=t.completed,t=t.cancel;fe&&~de.indexOf(e)&&(n(!1),t())},revert:function(t){var n,o,e=t.fromSortable,i=t.rootEl,r=t.sortable,a=t.dragRect;1<de.length&&(de.forEach(function(t){r.addAnimationState({target:t,rect:fe?X(t):a}),x(t),t.fromRect=a,e.removeAnimationState(t)}),fe=!1,n=!this.options.removeCloneOnHide,o=i,de.forEach(function(t,e){e=o.children[t.sortableIndex+(n?Number(e):0)];e?o.insertBefore(t,e):o.appendChild(t)}))},dragOverCompleted:function(t){var e,n=t.sortable,o=t.isOwner,i=t.insertion,r=t.activeSortable,a=t.parentEl,l=t.putSortable,t=this.options;i&&(o&&r._hideClone(),pe=!1,t.animation&&1<de.length&&(fe||!o&&!r.options.sort&&!l)&&(e=X(se,!1,!0,!0),de.forEach(function(t){t!==se&&(T(t,e),a.appendChild(t))}),fe=!0),o||(fe||ve(),1<de.length?(o=ue,r._showClone(n),r.options.animation&&!ue&&o&&he.forEach(function(t){r.addAnimationState({target:t,rect:ce}),t.fromRect=ce,t.thisAnimationDuration=null})):r._showClone(n)))},dragOverAnimationCapture:function(t){var e=t.dragRect,n=t.isOwner,t=t.activeSortable;de.forEach(function(t){t.thisAnimationDuration=null}),t.options.animation&&!n&&t.multiDrag.isMultiDrag&&(ce=a({},e),e=b(se,!0),ce.top-=e.f,ce.left-=e.e)},dragOverAnimationComplete:function(){fe&&(fe=!1,ve())},drop:function(t){var o,i,r,a,n,e,l,s=t.originalEvent,c=t.rootEl,u=t.parentEl,d=t.sortable,h=t.dispatchSortableEvent,p=t.oldIndex,t=t.putSortable,f=t||this.sortable;s&&(o=this.options,i=u.children,ge||(o.multiDragKey&&!this.multiDragKeyDown&&this._deselectMultiDrag(),k(se,o.selectedClass,!~de.indexOf(se)),~de.indexOf(se)?(de.splice(de.indexOf(se),1),ae=null,G({sortable:d,rootEl:c,name:"deselect",targetEl:se,originalEvent:s})):(de.push(se),G({sortable:d,rootEl:c,name:"select",targetEl:se,originalEvent:s}),s.shiftKey&&ae&&d.el.contains(ae)?(r=j(ae),a=j(se),~r&&~a&&r!==a&&function(){for(var e,t=r<a?(e=r,a):(e=a,r+1),n=o.filter;e<t;e++)~de.indexOf(i[e])||P(i[e],o.draggable,u,!1)&&(n&&("function"==typeof n?n.call(d,s,i[e],d):n.split(",").some(function(t){return P(i[e],t.trim(),u,!1)}))||(k(i[e],o.selectedClass,!0),de.push(i[e]),G({sortable:d,rootEl:c,name:"select",targetEl:i[e],originalEvent:s})))}()):ae=se,le=f)),ge&&this.isMultiDrag&&(fe=!1,(u[K].options.sort||u!==c)&&1<de.length&&(n=X(se),e=j(se,":not(."+this.options.selectedClass+")"),!pe&&o.animation&&(se.thisAnimationDuration=null),f.captureAnimationState(),pe||(o.animation&&(se.fromRect=n,de.forEach(function(t){var e;t.thisAnimationDuration=null,t!==se&&(e=fe?X(t):n,t.fromRect=e,f.addAnimationState({target:t,rect:e}))})),ve(),de.forEach(function(t){i[e]?u.insertBefore(t,i[e]):u.appendChild(t),e++}),p===j(se)&&(l=!1,de.forEach(function(t){t.sortableIndex!==j(t)&&(l=!0)}),l&&(h("update"),h("sort")))),de.forEach(function(t){x(t)}),f.animateAll()),le=f),(c===u||t&&"clone"!==t.lastPutMode)&&he.forEach(function(t){t.parentNode&&t.parentNode.removeChild(t)}))},nullingGlobal:function(){this.isMultiDrag=ge=!1,he.length=0},destroyGlobal:function(){this._deselectMultiDrag(),p(document,"pointerup",this._deselectMultiDrag),p(document,"mouseup",this._deselectMultiDrag),p(document,"touchend",this._deselectMultiDrag),p(document,"keydown",this._checkKeyDown),p(document,"keyup",this._checkKeyUp)},_deselectMultiDrag:function(t){if(!(void 0!==ge&&ge||le!==this.sortable||t&&P(t.target,this.options.draggable,this.sortable.el,!1)||t&&0!==t.button))for(;de.length;){var e=de[0];k(e,this.options.selectedClass,!1),de.shift(),G({sortable:this.sortable,rootEl:this.sortable.el,name:"deselect",targetEl:e,originalEvent:t})}},_checkKeyDown:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!0)},_checkKeyUp:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!1)}},a(t,{pluginName:"multiDrag",utils:{select:function(t){var e=t.parentNode[K];e&&e.options.multiDrag&&!~de.indexOf(t)&&(le&&le!==e&&(le.multiDrag._deselectMultiDrag(),le=e),k(t,e.options.selectedClass,!0),de.push(t))},deselect:function(t){var e=t.parentNode[K],n=de.indexOf(t);e&&e.options.multiDrag&&~n&&(k(t,e.options.selectedClass,!1),de.splice(n,1))}},eventProperties:function(){var n=this,o=[],i=[];return de.forEach(function(t){var e;o.push({multiDragElement:t,index:t.sortableIndex}),e=fe&&t!==se?-1:fe?j(t,":not(."+n.options.selectedClass+")"):j(t),i.push({multiDragElement:t,index:e})}),{items:r(de),clones:[].concat(he),oldIndicies:o,newIndicies:i}},optionListeners:{multiDragKey:function(t){return"ctrl"===(t=t.toLowerCase())?t="Control":1<t.length&&(t=t.charAt(0).toUpperCase()+t.substr(1)),t}}})}),jt});
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/vendor/js/autosize.min.js b/ci4app/public/assets/raven/vendor/js/autosize.min.js
new file mode 100644
index 0000000..1b24155
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/js/autosize.min.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e||self).autosize=t()}(this,function(){var e=new Map;function t(t){var o=e.get(t);o&&o.destroy()}function o(t){var o=e.get(t);o&&o.update()}var r=null;return"undefined"==typeof window?((r=function(e){return e}).destroy=function(e){return e},r.update=function(e){return e}):((r=function(t,o){return t&&Array.prototype.forEach.call(t.length?t:[t],function(t){return function(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!e.has(t)){var o,r=null,n=window.getComputedStyle(t),i=(o=t.value,function(){s({testForHeightReduction:""===o||!t.value.startsWith(o),restoreTextAlign:null}),o=t.value}),l=function(o){t.removeEventListener("autosize:destroy",l),t.removeEventListener("autosize:update",a),t.removeEventListener("input",i),window.removeEventListener("resize",a),Object.keys(o).forEach(function(e){return t.style[e]=o[e]}),e.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,textAlign:t.style.textAlign,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",l),t.addEventListener("autosize:update",a),t.addEventListener("input",i),window.addEventListener("resize",a),t.style.overflowX="hidden",t.style.wordWrap="break-word",e.set(t,{destroy:l,update:a}),a()}function s(e){var o,i,l=e.restoreTextAlign,a=void 0===l?null:l,d=e.testForHeightReduction,u=void 0===d||d,f=n.overflowY;if(0!==t.scrollHeight&&("vertical"===n.resize?t.style.resize="none":"both"===n.resize&&(t.style.resize="horizontal"),u&&(o=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push([e.parentNode,e.parentNode.scrollTop]),e=e.parentNode;return function(){return t.forEach(function(e){var t=e[0],o=e[1];t.style.scrollBehavior="auto",t.scrollTop=o,t.style.scrollBehavior=null})}}(t),t.style.height=""),i="content-box"===n.boxSizing?t.scrollHeight-(parseFloat(n.paddingTop)+parseFloat(n.paddingBottom)):t.scrollHeight+parseFloat(n.borderTopWidth)+parseFloat(n.borderBottomWidth),"none"!==n.maxHeight&&i>parseFloat(n.maxHeight)?("hidden"===n.overflowY&&(t.style.overflow="scroll"),i=parseFloat(n.maxHeight)):"hidden"!==n.overflowY&&(t.style.overflow="hidden"),t.style.height=i+"px",a&&(t.style.textAlign=a),o&&o(),r!==i&&(t.dispatchEvent(new Event("autosize:resized",{bubbles:!0})),r=i),f!==n.overflow&&!a)){var c=n.textAlign;"hidden"===n.overflow&&(t.style.textAlign="start"===c?"end":"start"),s({restoreTextAlign:c,testForHeightReduction:!0})}}function a(){s({testForHeightReduction:!0,restoreTextAlign:null})}}(t)}),t}).destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],t),e},r.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],o),e}),r});
diff --git a/ci4app/public/assets/raven/vendor/js/cleave.min.js b/ci4app/public/assets/raven/vendor/js/cleave.min.js
new file mode 100644
index 0000000..e43189a
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/js/cleave.min.js
@@ -0,0 +1,8 @@
+/*!
+ * cleave.js - 1.6.0
+ * https://github.com/nosir/cleave.js
+ * Apache License Version 2.0
+ *
+ * Copyright (C) 2012-2020 Max Huang https://github.com/nosir/
+ */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.Cleave=t():e.Cleave=t()}(this,function(){return function(e){function t(i){if(r[i])return r[i].exports;var n=r[i]={exports:{},id:i,loaded:!1};return e[i].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){(function(t){"use strict";var i=function(e,t){var r=this,n=!1;if("string"==typeof e?(r.element=document.querySelector(e),n=document.querySelectorAll(e).length>1):"undefined"!=typeof e.length&&e.length>0?(r.element=e[0],n=e.length>1):r.element=e,!r.element)throw new Error("[cleave.js] Please check the element");if(n)try{console.warn("[cleave.js] Multiple input fields matched, cleave.js will only take the first one.")}catch(a){}t.initValue=r.element.value,r.properties=i.DefaultProperties.assign({},t),r.init()};i.prototype={init:function(){var e=this,t=e.properties;return t.numeral||t.phone||t.creditCard||t.time||t.date||0!==t.blocksLength||t.prefix?(t.maxLength=i.Util.getMaxLength(t.blocks),e.isAndroid=i.Util.isAndroid(),e.lastInputValue="",e.isBackward="",e.onChangeListener=e.onChange.bind(e),e.onKeyDownListener=e.onKeyDown.bind(e),e.onFocusListener=e.onFocus.bind(e),e.onCutListener=e.onCut.bind(e),e.onCopyListener=e.onCopy.bind(e),e.initSwapHiddenInput(),e.element.addEventListener("input",e.onChangeListener),e.element.addEventListener("keydown",e.onKeyDownListener),e.element.addEventListener("focus",e.onFocusListener),e.element.addEventListener("cut",e.onCutListener),e.element.addEventListener("copy",e.onCopyListener),e.initPhoneFormatter(),e.initDateFormatter(),e.initTimeFormatter(),e.initNumeralFormatter(),void((t.initValue||t.prefix&&!t.noImmediatePrefix)&&e.onInput(t.initValue))):void e.onInput(t.initValue)},initSwapHiddenInput:function(){var e=this,t=e.properties;if(t.swapHiddenInput){var r=e.element.cloneNode(!0);e.element.parentNode.insertBefore(r,e.element),e.elementSwapHidden=e.element,e.elementSwapHidden.type="hidden",e.element=r,e.element.id=""}},initNumeralFormatter:function(){var e=this,t=e.properties;t.numeral&&(t.numeralFormatter=new i.NumeralFormatter(t.numeralDecimalMark,t.numeralIntegerScale,t.numeralDecimalScale,t.numeralThousandsGroupStyle,t.numeralPositiveOnly,t.stripLeadingZeroes,t.prefix,t.signBeforePrefix,t.tailPrefix,t.delimiter))},initTimeFormatter:function(){var e=this,t=e.properties;t.time&&(t.timeFormatter=new i.TimeFormatter(t.timePattern,t.timeFormat),t.blocks=t.timeFormatter.getBlocks(),t.blocksLength=t.blocks.length,t.maxLength=i.Util.getMaxLength(t.blocks))},initDateFormatter:function(){var e=this,t=e.properties;t.date&&(t.dateFormatter=new i.DateFormatter(t.datePattern,t.dateMin,t.dateMax),t.blocks=t.dateFormatter.getBlocks(),t.blocksLength=t.blocks.length,t.maxLength=i.Util.getMaxLength(t.blocks))},initPhoneFormatter:function(){var e=this,t=e.properties;if(t.phone)try{t.phoneFormatter=new i.PhoneFormatter(new t.root.Cleave.AsYouTypeFormatter(t.phoneRegionCode),t.delimiter)}catch(r){throw new Error("[cleave.js] Please include phone-type-formatter.{country}.js lib")}},onKeyDown:function(e){var t=this,r=e.which||e.keyCode;t.lastInputValue=t.element.value,t.isBackward=8===r},onChange:function(e){var t=this,r=t.properties,n=i.Util;t.isBackward=t.isBackward||"deleteContentBackward"===e.inputType;var a=n.getPostDelimiter(t.lastInputValue,r.delimiter,r.delimiters);t.isBackward&&a?r.postDelimiterBackspace=a:r.postDelimiterBackspace=!1,this.onInput(this.element.value)},onFocus:function(){var e=this,t=e.properties;e.lastInputValue=e.element.value,t.prefix&&t.noImmediatePrefix&&!e.element.value&&this.onInput(t.prefix),i.Util.fixPrefixCursor(e.element,t.prefix,t.delimiter,t.delimiters)},onCut:function(e){i.Util.checkFullSelection(this.element.value)&&(this.copyClipboardData(e),this.onInput(""))},onCopy:function(e){i.Util.checkFullSelection(this.element.value)&&this.copyClipboardData(e)},copyClipboardData:function(e){var t=this,r=t.properties,n=i.Util,a=t.element.value,o="";o=r.copyDelimiter?a:n.stripDelimiters(a,r.delimiter,r.delimiters);try{e.clipboardData?e.clipboardData.setData("Text",o):window.clipboardData.setData("Text",o),e.preventDefault()}catch(l){}},onInput:function(e){var t=this,r=t.properties,n=i.Util,a=n.getPostDelimiter(e,r.delimiter,r.delimiters);return r.numeral||!r.postDelimiterBackspace||a||(e=n.headStr(e,e.length-r.postDelimiterBackspace.length)),r.phone?(!r.prefix||r.noImmediatePrefix&&!e.length?r.result=r.phoneFormatter.format(e):r.result=r.prefix+r.phoneFormatter.format(e).slice(r.prefix.length),void t.updateValueState()):r.numeral?(r.prefix&&r.noImmediatePrefix&&0===e.length?r.result="":r.result=r.numeralFormatter.format(e),void t.updateValueState()):(r.date&&(e=r.dateFormatter.getValidatedDate(e)),r.time&&(e=r.timeFormatter.getValidatedTime(e)),e=n.stripDelimiters(e,r.delimiter,r.delimiters),e=n.getPrefixStrippedValue(e,r.prefix,r.prefixLength,r.result,r.delimiter,r.delimiters,r.noImmediatePrefix,r.tailPrefix,r.signBeforePrefix),e=r.numericOnly?n.strip(e,/[^\d]/g):e,e=r.uppercase?e.toUpperCase():e,e=r.lowercase?e.toLowerCase():e,r.prefix&&(r.tailPrefix?e+=r.prefix:e=r.prefix+e,0===r.blocksLength)?(r.result=e,void t.updateValueState()):(r.creditCard&&t.updateCreditCardPropsByValue(e),e=n.headStr(e,r.maxLength),r.result=n.getFormattedValue(e,r.blocks,r.blocksLength,r.delimiter,r.delimiters,r.delimiterLazyShow),void t.updateValueState()))},updateCreditCardPropsByValue:function(e){var t,r=this,n=r.properties,a=i.Util;a.headStr(n.result,4)!==a.headStr(e,4)&&(t=i.CreditCardDetector.getInfo(e,n.creditCardStrictMode),n.blocks=t.blocks,n.blocksLength=n.blocks.length,n.maxLength=a.getMaxLength(n.blocks),n.creditCardType!==t.type&&(n.creditCardType=t.type,n.onCreditCardTypeChanged.call(r,n.creditCardType)))},updateValueState:function(){var e=this,t=i.Util,r=e.properties;if(e.element){var n=e.element.selectionEnd,a=e.element.value,o=r.result;if(n=t.getNextCursorPosition(n,a,o,r.delimiter,r.delimiters),e.isAndroid)return void window.setTimeout(function(){e.element.value=o,t.setSelection(e.element,n,r.document,!1),e.callOnValueChanged()},1);e.element.value=o,r.swapHiddenInput&&(e.elementSwapHidden.value=e.getRawValue()),t.setSelection(e.element,n,r.document,!1),e.callOnValueChanged()}},callOnValueChanged:function(){var e=this,t=e.properties;t.onValueChanged.call(e,{target:{name:e.element.name,value:t.result,rawValue:e.getRawValue()}})},setPhoneRegionCode:function(e){var t=this,r=t.properties;r.phoneRegionCode=e,t.initPhoneFormatter(),t.onChange()},setRawValue:function(e){var t=this,r=t.properties;e=void 0!==e&&null!==e?e.toString():"",r.numeral&&(e=e.replace(".",r.numeralDecimalMark)),r.postDelimiterBackspace=!1,t.element.value=e,t.onInput(e)},getRawValue:function(){var e=this,t=e.properties,r=i.Util,n=e.element.value;return t.rawValueTrimPrefix&&(n=r.getPrefixStrippedValue(n,t.prefix,t.prefixLength,t.result,t.delimiter,t.delimiters,t.noImmediatePrefix,t.tailPrefix,t.signBeforePrefix)),n=t.numeral?t.numeralFormatter.getRawValue(n):r.stripDelimiters(n,t.delimiter,t.delimiters)},getISOFormatDate:function(){var e=this,t=e.properties;return t.date?t.dateFormatter.getISOFormatDate():""},getISOFormatTime:function(){var e=this,t=e.properties;return t.time?t.timeFormatter.getISOFormatTime():""},getFormattedValue:function(){return this.element.value},destroy:function(){var e=this;e.element.removeEventListener("input",e.onChangeListener),e.element.removeEventListener("keydown",e.onKeyDownListener),e.element.removeEventListener("focus",e.onFocusListener),e.element.removeEventListener("cut",e.onCutListener),e.element.removeEventListener("copy",e.onCopyListener)},toString:function(){return"[Cleave Object]"}},i.NumeralFormatter=r(1),i.DateFormatter=r(2),i.TimeFormatter=r(3),i.PhoneFormatter=r(4),i.CreditCardDetector=r(5),i.Util=r(6),i.DefaultProperties=r(7),("object"==typeof t&&t?t:window).Cleave=i,e.exports=i}).call(t,function(){return this}())},function(e,t){"use strict";var r=function(e,t,i,n,a,o,l,s,c,u){var d=this;d.numeralDecimalMark=e||".",d.numeralIntegerScale=t>0?t:0,d.numeralDecimalScale=i>=0?i:2,d.numeralThousandsGroupStyle=n||r.groupStyle.thousand,d.numeralPositiveOnly=!!a,d.stripLeadingZeroes=o!==!1,d.prefix=l||""===l?l:"",d.signBeforePrefix=!!s,d.tailPrefix=!!c,d.delimiter=u||""===u?u:",",d.delimiterRE=u?new RegExp("\\"+u,"g"):""};r.groupStyle={thousand:"thousand",lakh:"lakh",wan:"wan",none:"none"},r.prototype={getRawValue:function(e){return e.replace(this.delimiterRE,"").replace(this.numeralDecimalMark,".")},format:function(e){var t,i,n,a,o=this,l="";switch(e=e.replace(/[A-Za-z]/g,"").replace(o.numeralDecimalMark,"M").replace(/[^\dM-]/g,"").replace(/^\-/,"N").replace(/\-/g,"").replace("N",o.numeralPositiveOnly?"":"-").replace("M",o.numeralDecimalMark),o.stripLeadingZeroes&&(e=e.replace(/^(-)?0+(?=\d)/,"$1")),i="-"===e.slice(0,1)?"-":"",n="undefined"!=typeof o.prefix?o.signBeforePrefix?i+o.prefix:o.prefix+i:i,a=e,e.indexOf(o.numeralDecimalMark)>=0&&(t=e.split(o.numeralDecimalMark),a=t[0],l=o.numeralDecimalMark+t[1].slice(0,o.numeralDecimalScale)),"-"===i&&(a=a.slice(1)),o.numeralIntegerScale>0&&(a=a.slice(0,o.numeralIntegerScale)),o.numeralThousandsGroupStyle){case r.groupStyle.lakh:a=a.replace(/(\d)(?=(\d\d)+\d$)/g,"$1"+o.delimiter);break;case r.groupStyle.wan:a=a.replace(/(\d)(?=(\d{4})+$)/g,"$1"+o.delimiter);break;case r.groupStyle.thousand:a=a.replace(/(\d)(?=(\d{3})+$)/g,"$1"+o.delimiter)}return o.tailPrefix?i+a.toString()+(o.numeralDecimalScale>0?l.toString():"")+o.prefix:n+a.toString()+(o.numeralDecimalScale>0?l.toString():"")}},e.exports=r},function(e,t){"use strict";var r=function(e,t,r){var i=this;i.date=[],i.blocks=[],i.datePattern=e,i.dateMin=t.split("-").reverse().map(function(e){return parseInt(e,10)}),2===i.dateMin.length&&i.dateMin.unshift(0),i.dateMax=r.split("-").reverse().map(function(e){return parseInt(e,10)}),2===i.dateMax.length&&i.dateMax.unshift(0),i.initBlocks()};r.prototype={initBlocks:function(){var e=this;e.datePattern.forEach(function(t){"Y"===t?e.blocks.push(4):e.blocks.push(2)})},getISOFormatDate:function(){var e=this,t=e.date;return t[2]?t[2]+"-"+e.addLeadingZero(t[1])+"-"+e.addLeadingZero(t[0]):""},getBlocks:function(){return this.blocks},getValidatedDate:function(e){var t=this,r="";return e=e.replace(/[^\d]/g,""),t.blocks.forEach(function(i,n){if(e.length>0){var a=e.slice(0,i),o=a.slice(0,1),l=e.slice(i);switch(t.datePattern[n]){case"d":"00"===a?a="01":parseInt(o,10)>3?a="0"+o:parseInt(a,10)>31&&(a="31");break;case"m":"00"===a?a="01":parseInt(o,10)>1?a="0"+o:parseInt(a,10)>12&&(a="12")}r+=a,e=l}}),this.getFixedDateString(r)},getFixedDateString:function(e){var t,r,i,n=this,a=n.datePattern,o=[],l=0,s=0,c=0,u=0,d=0,m=0,p=!1;4===e.length&&"y"!==a[0].toLowerCase()&&"y"!==a[1].toLowerCase()&&(u="d"===a[0]?0:2,d=2-u,t=parseInt(e.slice(u,u+2),10),r=parseInt(e.slice(d,d+2),10),o=this.getFixedDate(t,r,0)),8===e.length&&(a.forEach(function(e,t){switch(e){case"d":l=t;break;case"m":s=t;break;default:c=t}}),m=2*c,u=l<=c?2*l:2*l+2,d=s<=c?2*s:2*s+2,t=parseInt(e.slice(u,u+2),10),r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+4),10),p=4===e.slice(m,m+4).length,o=this.getFixedDate(t,r,i)),4!==e.length||"y"!==a[0]&&"y"!==a[1]||(d="m"===a[0]?0:2,m=2-d,r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+2),10),p=2===e.slice(m,m+2).length,o=[0,r,i]),6!==e.length||"Y"!==a[0]&&"Y"!==a[1]||(d="m"===a[0]?0:4,m=2-.5*d,r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+4),10),p=4===e.slice(m,m+4).length,o=[0,r,i]),o=n.getRangeFixedDate(o),n.date=o;var h=0===o.length?e:a.reduce(function(e,t){switch(t){case"d":return e+(0===o[0]?"":n.addLeadingZero(o[0]));case"m":return e+(0===o[1]?"":n.addLeadingZero(o[1]));case"y":return e+(p?n.addLeadingZeroForYear(o[2],!1):"");case"Y":return e+(p?n.addLeadingZeroForYear(o[2],!0):"")}},"");return h},getRangeFixedDate:function(e){var t=this,r=t.datePattern,i=t.dateMin||[],n=t.dateMax||[];return!e.length||i.length<3&&n.length<3?e:r.find(function(e){return"y"===e.toLowerCase()})&&0===e[2]?e:n.length&&(n[2]<e[2]||n[2]===e[2]&&(n[1]<e[1]||n[1]===e[1]&&n[0]<e[0]))?n:i.length&&(i[2]>e[2]||i[2]===e[2]&&(i[1]>e[1]||i[1]===e[1]&&i[0]>e[0]))?i:e},getFixedDate:function(e,t,r){return e=Math.min(e,31),t=Math.min(t,12),r=parseInt(r||0,10),(t<7&&t%2===0||t>8&&t%2===1)&&(e=Math.min(e,2===t?this.isLeapYear(r)?29:28:30)),[e,t,r]},isLeapYear:function(e){return e%4===0&&e%100!==0||e%400===0},addLeadingZero:function(e){return(e<10?"0":"")+e},addLeadingZeroForYear:function(e,t){return t?(e<10?"000":e<100?"00":e<1e3?"0":"")+e:(e<10?"0":"")+e}},e.exports=r},function(e,t){"use strict";var r=function(e,t){var r=this;r.time=[],r.blocks=[],r.timePattern=e,r.timeFormat=t,r.initBlocks()};r.prototype={initBlocks:function(){var e=this;e.timePattern.forEach(function(){e.blocks.push(2)})},getISOFormatTime:function(){var e=this,t=e.time;return t[2]?e.addLeadingZero(t[0])+":"+e.addLeadingZero(t[1])+":"+e.addLeadingZero(t[2]):""},getBlocks:function(){return this.blocks},getTimeFormatOptions:function(){var e=this;return"12"===String(e.timeFormat)?{maxHourFirstDigit:1,maxHours:12,maxMinutesFirstDigit:5,maxMinutes:60}:{maxHourFirstDigit:2,maxHours:23,maxMinutesFirstDigit:5,maxMinutes:60}},getValidatedTime:function(e){var t=this,r="";e=e.replace(/[^\d]/g,"");var i=t.getTimeFormatOptions();return t.blocks.forEach(function(n,a){if(e.length>0){var o=e.slice(0,n),l=o.slice(0,1),s=e.slice(n);switch(t.timePattern[a]){case"h":parseInt(l,10)>i.maxHourFirstDigit?o="0"+l:parseInt(o,10)>i.maxHours&&(o=i.maxHours+"");break;case"m":case"s":parseInt(l,10)>i.maxMinutesFirstDigit?o="0"+l:parseInt(o,10)>i.maxMinutes&&(o=i.maxMinutes+"")}r+=o,e=s}}),this.getFixedTimeString(r)},getFixedTimeString:function(e){var t,r,i,n=this,a=n.timePattern,o=[],l=0,s=0,c=0,u=0,d=0,m=0;return 6===e.length&&(a.forEach(function(e,t){switch(e){case"s":l=2*t;break;case"m":s=2*t;break;case"h":c=2*t}}),m=c,d=s,u=l,t=parseInt(e.slice(u,u+2),10),r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+2),10),o=this.getFixedTime(i,r,t)),4===e.length&&n.timePattern.indexOf("s")<0&&(a.forEach(function(e,t){switch(e){case"m":s=2*t;break;case"h":c=2*t}}),m=c,d=s,t=0,r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+2),10),o=this.getFixedTime(i,r,t)),n.time=o,0===o.length?e:a.reduce(function(e,t){switch(t){case"s":return e+n.addLeadingZero(o[2]);case"m":return e+n.addLeadingZero(o[1]);case"h":return e+n.addLeadingZero(o[0])}},"")},getFixedTime:function(e,t,r){return r=Math.min(parseInt(r||0,10),60),t=Math.min(t,60),e=Math.min(e,60),[e,t,r]},addLeadingZero:function(e){return(e<10?"0":"")+e}},e.exports=r},function(e,t){"use strict";var r=function(e,t){var r=this;r.delimiter=t||""===t?t:" ",r.delimiterRE=t?new RegExp("\\"+t,"g"):"",r.formatter=e};r.prototype={setFormatter:function(e){this.formatter=e},format:function(e){var t=this;t.formatter.clear(),e=e.replace(/[^\d+]/g,""),e=e.replace(/^\+/,"B").replace(/\+/g,"").replace("B","+"),e=e.replace(t.delimiterRE,"");for(var r,i="",n=!1,a=0,o=e.length;a<o;a++)r=t.formatter.inputDigit(e.charAt(a)),/[\s()-]/g.test(r)?(i=r,n=!0):n||(i=r);return i=i.replace(/[()]/g,""),i=i.replace(/[\s-]/g,t.delimiter)}},e.exports=r},function(e,t){"use strict";var r={blocks:{uatp:[4,5,6],amex:[4,6,5],diners:[4,6,4],discover:[4,4,4,4],mastercard:[4,4,4,4],dankort:[4,4,4,4],instapayment:[4,4,4,4],jcb15:[4,6,5],jcb:[4,4,4,4],maestro:[4,4,4,4],visa:[4,4,4,4],mir:[4,4,4,4],unionPay:[4,4,4,4],general:[4,4,4,4]},re:{uatp:/^(?!1800)1\d{0,14}/,amex:/^3[47]\d{0,13}/,discover:/^(?:6011|65\d{0,2}|64[4-9]\d?)\d{0,12}/,diners:/^3(?:0([0-5]|9)|[689]\d?)\d{0,11}/,mastercard:/^(5[1-5]\d{0,2}|22[2-9]\d{0,1}|2[3-7]\d{0,2})\d{0,12}/,dankort:/^(5019|4175|4571)\d{0,12}/,instapayment:/^63[7-9]\d{0,13}/,jcb15:/^(?:2131|1800)\d{0,11}/,jcb:/^(?:35\d{0,2})\d{0,12}/,maestro:/^(?:5[0678]\d{0,2}|6304|67\d{0,2})\d{0,12}/,mir:/^220[0-4]\d{0,12}/,visa:/^4\d{0,15}/,unionPay:/^(62|81)\d{0,14}/},getStrictBlocks:function(e){var t=e.reduce(function(e,t){return e+t},0);return e.concat(19-t)},getInfo:function(e,t){var i=r.blocks,n=r.re;t=!!t;for(var a in n)if(n[a].test(e)){var o=i[a];return{type:a,blocks:t?this.getStrictBlocks(o):o}}return{type:"unknown",blocks:t?this.getStrictBlocks(i.general):i.general}}};e.exports=r},function(e,t){"use strict";var r={noop:function(){},strip:function(e,t){return e.replace(t,"")},getPostDelimiter:function(e,t,r){if(0===r.length)return e.slice(-t.length)===t?t:"";var i="";return r.forEach(function(t){e.slice(-t.length)===t&&(i=t)}),i},getDelimiterREByDelimiter:function(e){return new RegExp(e.replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1"),"g")},getNextCursorPosition:function(e,t,r,i,n){return t.length===e?r.length:e+this.getPositionOffset(e,t,r,i,n)},getPositionOffset:function(e,t,r,i,n){var a,o,l;return a=this.stripDelimiters(t.slice(0,e),i,n),o=this.stripDelimiters(r.slice(0,e),i,n),l=a.length-o.length,0!==l?l/Math.abs(l):0},stripDelimiters:function(e,t,r){var i=this;if(0===r.length){var n=t?i.getDelimiterREByDelimiter(t):"";return e.replace(n,"")}return r.forEach(function(t){t.split("").forEach(function(t){e=e.replace(i.getDelimiterREByDelimiter(t),"")})}),e},headStr:function(e,t){return e.slice(0,t)},getMaxLength:function(e){return e.reduce(function(e,t){return e+t},0)},getPrefixStrippedValue:function(e,t,r,i,n,a,o,l,s){if(0===r)return e;if(e===t&&""!==e)return"";if(s&&"-"==e.slice(0,1)){var c="-"==i.slice(0,1)?i.slice(1):i;return"-"+this.getPrefixStrippedValue(e.slice(1),t,r,c,n,a,o,l,s)}if(i.slice(0,r)!==t&&!l)return o&&!i&&e?e:"";if(i.slice(-r)!==t&&l)return o&&!i&&e?e:"";var u=this.stripDelimiters(i,n,a);return e.slice(0,r)===t||l?e.slice(-r)!==t&&l?u.slice(0,-r-1):l?e.slice(0,-r):e.slice(r):u.slice(r)},getFirstDiffIndex:function(e,t){for(var r=0;e.charAt(r)===t.charAt(r);)if(""===e.charAt(r++))return-1;return r},getFormattedValue:function(e,t,r,i,n,a){var o="",l=n.length>0,s="";return 0===r?e:(t.forEach(function(t,c){if(e.length>0){var u=e.slice(0,t),d=e.slice(t);s=l?n[a?c-1:c]||s:i,a?(c>0&&(o+=s),o+=u):(o+=u,u.length===t&&c<r-1&&(o+=s)),e=d}}),o)},fixPrefixCursor:function(e,t,r,i){if(e){var n=e.value,a=r||i[0]||" ";if(e.setSelectionRange&&t&&!(t.length+a.length<=n.length)){var o=2*n.length;setTimeout(function(){e.setSelectionRange(o,o)},1)}}},checkFullSelection:function(e){try{var t=window.getSelection()||document.getSelection()||{};return t.toString().length===e.length}catch(r){}return!1},setSelection:function(e,t,r){if(e===this.getActiveElement(r)&&!(e&&e.value.length<=t))if(e.createTextRange){var i=e.createTextRange();i.move("character",t),i.select()}else try{e.setSelectionRange(t,t)}catch(n){console.warn("The input element type does not support selection")}},getActiveElement:function(e){var t=e.activeElement;return t&&t.shadowRoot?this.getActiveElement(t.shadowRoot):t},isAndroid:function(){return navigator&&/android/i.test(navigator.userAgent)},isAndroidBackspaceKeydown:function(e,t){return!!(this.isAndroid()&&e&&t)&&t===e.slice(0,-1)}};e.exports=r},function(e,t){(function(t){"use strict";var r={assign:function(e,r){return e=e||{},r=r||{},e.creditCard=!!r.creditCard,e.creditCardStrictMode=!!r.creditCardStrictMode,e.creditCardType="",e.onCreditCardTypeChanged=r.onCreditCardTypeChanged||function(){},e.phone=!!r.phone,e.phoneRegionCode=r.phoneRegionCode||"AU",e.phoneFormatter={},e.time=!!r.time,e.timePattern=r.timePattern||["h","m","s"],e.timeFormat=r.timeFormat||"24",e.timeFormatter={},e.date=!!r.date,e.datePattern=r.datePattern||["d","m","Y"],e.dateMin=r.dateMin||"",e.dateMax=r.dateMax||"",e.dateFormatter={},e.numeral=!!r.numeral,e.numeralIntegerScale=r.numeralIntegerScale>0?r.numeralIntegerScale:0,e.numeralDecimalScale=r.numeralDecimalScale>=0?r.numeralDecimalScale:2,e.numeralDecimalMark=r.numeralDecimalMark||".",e.numeralThousandsGroupStyle=r.numeralThousandsGroupStyle||"thousand",e.numeralPositiveOnly=!!r.numeralPositiveOnly,e.stripLeadingZeroes=r.stripLeadingZeroes!==!1,e.signBeforePrefix=!!r.signBeforePrefix,e.tailPrefix=!!r.tailPrefix,e.swapHiddenInput=!!r.swapHiddenInput,e.numericOnly=e.creditCard||e.date||!!r.numericOnly,e.uppercase=!!r.uppercase,e.lowercase=!!r.lowercase,e.prefix=e.creditCard||e.date?"":r.prefix||"",e.noImmediatePrefix=!!r.noImmediatePrefix,e.prefixLength=e.prefix.length,e.rawValueTrimPrefix=!!r.rawValueTrimPrefix,e.copyDelimiter=!!r.copyDelimiter,e.initValue=void 0!==r.initValue&&null!==r.initValue?r.initValue.toString():"",e.delimiter=r.delimiter||""===r.delimiter?r.delimiter:r.date?"/":r.time?":":r.numeral?",":(r.phone," "),e.delimiterLength=e.delimiter.length,e.delimiterLazyShow=!!r.delimiterLazyShow,e.delimiters=r.delimiters||[],e.blocks=r.blocks||[],e.blocksLength=e.blocks.length,e.root="object"==typeof t&&t?t:window,e.document=r.document||e.root.document,e.maxLength=0,e.backspace=!1,e.result="",e.onValueChanged=r.onValueChanged||function(){},e}};e.exports=r}).call(t,function(){return this}())}])});
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/vendor/js/daterangepicker.js b/ci4app/public/assets/raven/vendor/js/daterangepicker.js
new file mode 100644
index 0000000..4048310
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/js/daterangepicker.js
@@ -0,0 +1,1578 @@
+/**
+* @version: 3.1
+* @author: Dan Grossman http://www.dangrossman.info/
+* @copyright: Copyright (c) 2012-2019 Dan Grossman. All rights reserved.
+* @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
+* @website: http://www.daterangepicker.com/
+*/
+// Following the UMD template https://github.com/umdjs/umd/blob/master/templates/returnExportsGlobal.js
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Make globaly available as well
+        define(['moment', 'jquery'], function (moment, jquery) {
+            if (!jquery.fn) jquery.fn = {}; // webpack server rendering
+            if (typeof moment !== 'function' && moment.hasOwnProperty('default')) moment = moment['default']
+            return factory(moment, jquery);
+        });
+    } else if (typeof module === 'object' && module.exports) {
+        // Node / Browserify
+        //isomorphic issue
+        var jQuery = (typeof window != 'undefined') ? window.jQuery : undefined;
+        if (!jQuery) {
+            jQuery = require('jquery');
+            if (!jQuery.fn) jQuery.fn = {};
+        }
+        var moment = (typeof window != 'undefined' && typeof window.moment != 'undefined') ? window.moment : require('moment');
+        module.exports = factory(moment, jQuery);
+    } else {
+        // Browser globals
+        root.daterangepicker = factory(root.moment, root.jQuery);
+    }
+}(this, function(moment, $) {
+    var DateRangePicker = function(element, options, cb) {
+
+        //default settings for options
+        this.parentEl = 'body';
+        this.element = $(element);
+        this.startDate = moment().startOf('day');
+        this.endDate = moment().endOf('day');
+        this.minDate = false;
+        this.maxDate = false;
+        this.maxSpan = false;
+        this.autoApply = false;
+        this.singleDatePicker = false;
+        this.showDropdowns = false;
+        this.minYear = moment().subtract(100, 'year').format('YYYY');
+        this.maxYear = moment().add(100, 'year').format('YYYY');
+        this.showWeekNumbers = false;
+        this.showISOWeekNumbers = false;
+        this.showCustomRangeLabel = true;
+        this.timePicker = false;
+        this.timePicker24Hour = false;
+        this.timePickerIncrement = 1;
+        this.timePickerSeconds = false;
+        this.linkedCalendars = true;
+        this.autoUpdateInput = true;
+        this.alwaysShowCalendars = false;
+        this.ranges = {};
+
+        this.opens = 'right';
+        if (this.element.hasClass('pull-right'))
+            this.opens = 'left';
+
+        this.drops = 'down';
+        if (this.element.hasClass('dropup'))
+            this.drops = 'up';
+
+        this.buttonClasses = 'btn btn-sm';
+        this.applyButtonClasses = 'btn-primary';
+        this.cancelButtonClasses = 'btn-default';
+
+        this.locale = {
+            direction: 'ltr',
+            format: moment.localeData().longDateFormat('L'),
+            separator: ' - ',
+            applyLabel: 'Apply',
+            cancelLabel: 'Cancel',
+            weekLabel: 'W',
+            customRangeLabel: 'Custom Range',
+            daysOfWeek: moment.weekdaysMin(),
+            monthNames: moment.monthsShort(),
+            firstDay: moment.localeData().firstDayOfWeek()
+        };
+
+        this.callback = function() { };
+
+        //some state information
+        this.isShowing = false;
+        this.leftCalendar = {};
+        this.rightCalendar = {};
+
+        //custom options from user
+        if (typeof options !== 'object' || options === null)
+            options = {};
+
+        //allow setting options with data attributes
+        //data-api options will be overwritten with custom javascript options
+        options = $.extend(this.element.data(), options);
+
+        //html template for the picker UI
+        if (typeof options.template !== 'string' && !(options.template instanceof $))
+            options.template =
+            '<div class="daterangepicker">' +
+                '<div class="ranges"></div>' +
+                '<div class="drp-calendar left">' +
+                    '<div class="calendar-table"></div>' +
+                    '<div class="calendar-time"></div>' +
+                '</div>' +
+                '<div class="drp-calendar right">' +
+                    '<div class="calendar-table"></div>' +
+                    '<div class="calendar-time"></div>' +
+                '</div>' +
+                '<div class="drp-buttons">' +
+                    '<span class="drp-selected"></span>' +
+                    '<button class="cancelBtn" type="button"></button>' +
+                    '<button class="applyBtn" disabled="disabled" type="button"></button> ' +
+                '</div>' +
+            '</div>';
+
+        this.parentEl = (options.parentEl && $(options.parentEl).length) ? $(options.parentEl) : $(this.parentEl);
+        this.container = $(options.template).appendTo(this.parentEl);
+
+        //
+        // handle all the possible options overriding defaults
+        //
+
+        if (typeof options.locale === 'object') {
+
+            if (typeof options.locale.direction === 'string')
+                this.locale.direction = options.locale.direction;
+
+            if (typeof options.locale.format === 'string')
+                this.locale.format = options.locale.format;
+
+            if (typeof options.locale.separator === 'string')
+                this.locale.separator = options.locale.separator;
+
+            if (typeof options.locale.daysOfWeek === 'object')
+                this.locale.daysOfWeek = options.locale.daysOfWeek.slice();
+
+            if (typeof options.locale.monthNames === 'object')
+              this.locale.monthNames = options.locale.monthNames.slice();
+
+            if (typeof options.locale.firstDay === 'number')
+              this.locale.firstDay = options.locale.firstDay;
+
+            if (typeof options.locale.applyLabel === 'string')
+              this.locale.applyLabel = options.locale.applyLabel;
+
+            if (typeof options.locale.cancelLabel === 'string')
+              this.locale.cancelLabel = options.locale.cancelLabel;
+
+            if (typeof options.locale.weekLabel === 'string')
+              this.locale.weekLabel = options.locale.weekLabel;
+
+            if (typeof options.locale.customRangeLabel === 'string'){
+                //Support unicode chars in the custom range name.
+                var elem = document.createElement('textarea');
+                elem.innerHTML = options.locale.customRangeLabel;
+                var rangeHtml = elem.value;
+                this.locale.customRangeLabel = rangeHtml;
+            }
+        }
+        this.container.addClass(this.locale.direction);
+
+        if (typeof options.startDate === 'string')
+            this.startDate = moment(options.startDate, this.locale.format);
+
+        if (typeof options.endDate === 'string')
+            this.endDate = moment(options.endDate, this.locale.format);
+
+        if (typeof options.minDate === 'string')
+            this.minDate = moment(options.minDate, this.locale.format);
+
+        if (typeof options.maxDate === 'string')
+            this.maxDate = moment(options.maxDate, this.locale.format);
+
+        if (typeof options.startDate === 'object')
+            this.startDate = moment(options.startDate);
+
+        if (typeof options.endDate === 'object')
+            this.endDate = moment(options.endDate);
+
+        if (typeof options.minDate === 'object')
+            this.minDate = moment(options.minDate);
+
+        if (typeof options.maxDate === 'object')
+            this.maxDate = moment(options.maxDate);
+
+        // sanity check for bad options
+        if (this.minDate && this.startDate.isBefore(this.minDate))
+            this.startDate = this.minDate.clone();
+
+        // sanity check for bad options
+        if (this.maxDate && this.endDate.isAfter(this.maxDate))
+            this.endDate = this.maxDate.clone();
+
+        if (typeof options.applyButtonClasses === 'string')
+            this.applyButtonClasses = options.applyButtonClasses;
+
+        if (typeof options.applyClass === 'string') //backwards compat
+            this.applyButtonClasses = options.applyClass;
+
+        if (typeof options.cancelButtonClasses === 'string')
+            this.cancelButtonClasses = options.cancelButtonClasses;
+
+        if (typeof options.cancelClass === 'string') //backwards compat
+            this.cancelButtonClasses = options.cancelClass;
+
+        if (typeof options.maxSpan === 'object')
+            this.maxSpan = options.maxSpan;
+
+        if (typeof options.dateLimit === 'object') //backwards compat
+            this.maxSpan = options.dateLimit;
+
+        if (typeof options.opens === 'string')
+            this.opens = options.opens;
+
+        if (typeof options.drops === 'string')
+            this.drops = options.drops;
+
+        if (typeof options.showWeekNumbers === 'boolean')
+            this.showWeekNumbers = options.showWeekNumbers;
+
+        if (typeof options.showISOWeekNumbers === 'boolean')
+            this.showISOWeekNumbers = options.showISOWeekNumbers;
+
+        if (typeof options.buttonClasses === 'string')
+            this.buttonClasses = options.buttonClasses;
+
+        if (typeof options.buttonClasses === 'object')
+            this.buttonClasses = options.buttonClasses.join(' ');
+
+        if (typeof options.showDropdowns === 'boolean')
+            this.showDropdowns = options.showDropdowns;
+
+        if (typeof options.minYear === 'number')
+            this.minYear = options.minYear;
+
+        if (typeof options.maxYear === 'number')
+            this.maxYear = options.maxYear;
+
+        if (typeof options.showCustomRangeLabel === 'boolean')
+            this.showCustomRangeLabel = options.showCustomRangeLabel;
+
+        if (typeof options.singleDatePicker === 'boolean') {
+            this.singleDatePicker = options.singleDatePicker;
+            if (this.singleDatePicker)
+                this.endDate = this.startDate.clone();
+        }
+
+        if (typeof options.timePicker === 'boolean')
+            this.timePicker = options.timePicker;
+
+        if (typeof options.timePickerSeconds === 'boolean')
+            this.timePickerSeconds = options.timePickerSeconds;
+
+        if (typeof options.timePickerIncrement === 'number')
+            this.timePickerIncrement = options.timePickerIncrement;
+
+        if (typeof options.timePicker24Hour === 'boolean')
+            this.timePicker24Hour = options.timePicker24Hour;
+
+        if (typeof options.autoApply === 'boolean')
+            this.autoApply = options.autoApply;
+
+        if (typeof options.autoUpdateInput === 'boolean')
+            this.autoUpdateInput = options.autoUpdateInput;
+
+        if (typeof options.linkedCalendars === 'boolean')
+            this.linkedCalendars = options.linkedCalendars;
+
+        if (typeof options.isInvalidDate === 'function')
+            this.isInvalidDate = options.isInvalidDate;
+
+        if (typeof options.isCustomDate === 'function')
+            this.isCustomDate = options.isCustomDate;
+
+        if (typeof options.alwaysShowCalendars === 'boolean')
+            this.alwaysShowCalendars = options.alwaysShowCalendars;
+
+        // update day names order to firstDay
+        if (this.locale.firstDay != 0) {
+            var iterator = this.locale.firstDay;
+            while (iterator > 0) {
+                this.locale.daysOfWeek.push(this.locale.daysOfWeek.shift());
+                iterator--;
+            }
+        }
+
+        var start, end, range;
+
+        //if no start/end dates set, check if an input element contains initial values
+        if (typeof options.startDate === 'undefined' && typeof options.endDate === 'undefined') {
+            if ($(this.element).is(':text')) {
+                var val = $(this.element).val(),
+                    split = val.split(this.locale.separator);
+
+                start = end = null;
+
+                if (split.length == 2) {
+                    start = moment(split[0], this.locale.format);
+                    end = moment(split[1], this.locale.format);
+                } else if (this.singleDatePicker && val !== "") {
+                    start = moment(val, this.locale.format);
+                    end = moment(val, this.locale.format);
+                }
+                if (start !== null && end !== null) {
+                    this.setStartDate(start);
+                    this.setEndDate(end);
+                }
+            }
+        }
+
+        if (typeof options.ranges === 'object') {
+            for (range in options.ranges) {
+
+                if (typeof options.ranges[range][0] === 'string')
+                    start = moment(options.ranges[range][0], this.locale.format);
+                else
+                    start = moment(options.ranges[range][0]);
+
+                if (typeof options.ranges[range][1] === 'string')
+                    end = moment(options.ranges[range][1], this.locale.format);
+                else
+                    end = moment(options.ranges[range][1]);
+
+                // If the start or end date exceed those allowed by the minDate or maxSpan
+                // options, shorten the range to the allowable period.
+                if (this.minDate && start.isBefore(this.minDate))
+                    start = this.minDate.clone();
+
+                var maxDate = this.maxDate;
+                if (this.maxSpan && maxDate && start.clone().add(this.maxSpan).isAfter(maxDate))
+                    maxDate = start.clone().add(this.maxSpan);
+                if (maxDate && end.isAfter(maxDate))
+                    end = maxDate.clone();
+
+                // If the end of the range is before the minimum or the start of the range is
+                // after the maximum, don't display this range option at all.
+                if ((this.minDate && end.isBefore(this.minDate, this.timepicker ? 'minute' : 'day'))
+                  || (maxDate && start.isAfter(maxDate, this.timepicker ? 'minute' : 'day')))
+                    continue;
+
+                //Support unicode chars in the range names.
+                var elem = document.createElement('textarea');
+                elem.innerHTML = range;
+                var rangeHtml = elem.value;
+
+                this.ranges[rangeHtml] = [start, end];
+            }
+
+            var list = '<ul>';
+            for (range in this.ranges) {
+                list += '<li data-range-key="' + range + '">' + range + '</li>';
+            }
+            if (this.showCustomRangeLabel) {
+                list += '<li data-range-key="' + this.locale.customRangeLabel + '">' + this.locale.customRangeLabel + '</li>';
+            }
+            list += '</ul>';
+            this.container.find('.ranges').prepend(list);
+        }
+
+        if (typeof cb === 'function') {
+            this.callback = cb;
+        }
+
+        if (!this.timePicker) {
+            this.startDate = this.startDate.startOf('day');
+            this.endDate = this.endDate.endOf('day');
+            this.container.find('.calendar-time').hide();
+        }
+
+        //can't be used together for now
+        if (this.timePicker && this.autoApply)
+            this.autoApply = false;
+
+        if (this.autoApply) {
+            this.container.addClass('auto-apply');
+        }
+
+        if (typeof options.ranges === 'object')
+            this.container.addClass('show-ranges');
+
+        if (this.singleDatePicker) {
+            this.container.addClass('single');
+            this.container.find('.drp-calendar.left').addClass('single');
+            this.container.find('.drp-calendar.left').show();
+            this.container.find('.drp-calendar.right').hide();
+            if (!this.timePicker && this.autoApply) {
+                this.container.addClass('auto-apply');
+            }
+        }
+
+        if ((typeof options.ranges === 'undefined' && !this.singleDatePicker) || this.alwaysShowCalendars) {
+            this.container.addClass('show-calendar');
+        }
+
+        this.container.addClass('opens' + this.opens);
+
+        //apply CSS classes and labels to buttons
+        this.container.find('.applyBtn, .cancelBtn').addClass(this.buttonClasses);
+        if (this.applyButtonClasses.length)
+            this.container.find('.applyBtn').addClass(this.applyButtonClasses);
+        if (this.cancelButtonClasses.length)
+            this.container.find('.cancelBtn').addClass(this.cancelButtonClasses);
+        this.container.find('.applyBtn').html(this.locale.applyLabel);
+        this.container.find('.cancelBtn').html(this.locale.cancelLabel);
+
+        //
+        // event listeners
+        //
+
+        this.container.find('.drp-calendar')
+            .on('click.daterangepicker', '.prev', $.proxy(this.clickPrev, this))
+            .on('click.daterangepicker', '.next', $.proxy(this.clickNext, this))
+            .on('mousedown.daterangepicker', 'td.available', $.proxy(this.clickDate, this))
+            .on('mouseenter.daterangepicker', 'td.available', $.proxy(this.hoverDate, this))
+            .on('change.daterangepicker', 'select.yearselect', $.proxy(this.monthOrYearChanged, this))
+            .on('change.daterangepicker', 'select.monthselect', $.proxy(this.monthOrYearChanged, this))
+            .on('change.daterangepicker', 'select.hourselect,select.minuteselect,select.secondselect,select.ampmselect', $.proxy(this.timeChanged, this));
+
+        this.container.find('.ranges')
+            .on('click.daterangepicker', 'li', $.proxy(this.clickRange, this));
+
+        this.container.find('.drp-buttons')
+            .on('click.daterangepicker', 'button.applyBtn', $.proxy(this.clickApply, this))
+            .on('click.daterangepicker', 'button.cancelBtn', $.proxy(this.clickCancel, this));
+
+        if (this.element.is('input') || this.element.is('button')) {
+            this.element.on({
+                'click.daterangepicker': $.proxy(this.show, this),
+                'focus.daterangepicker': $.proxy(this.show, this),
+                'keyup.daterangepicker': $.proxy(this.elementChanged, this),
+                'keydown.daterangepicker': $.proxy(this.keydown, this) //IE 11 compatibility
+            });
+        } else {
+            this.element.on('click.daterangepicker', $.proxy(this.toggle, this));
+            this.element.on('keydown.daterangepicker', $.proxy(this.toggle, this));
+        }
+
+        //
+        // if attached to a text input, set the initial value
+        //
+
+        this.updateElement();
+
+    };
+
+    DateRangePicker.prototype = {
+
+        constructor: DateRangePicker,
+
+        setStartDate: function(startDate) {
+            if (typeof startDate === 'string')
+                this.startDate = moment(startDate, this.locale.format);
+
+            if (typeof startDate === 'object')
+                this.startDate = moment(startDate);
+
+            if (!this.timePicker)
+                this.startDate = this.startDate.startOf('day');
+
+            if (this.timePicker && this.timePickerIncrement)
+                this.startDate.minute(Math.round(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+
+            if (this.minDate && this.startDate.isBefore(this.minDate)) {
+                this.startDate = this.minDate.clone();
+                if (this.timePicker && this.timePickerIncrement)
+                    this.startDate.minute(Math.round(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+            }
+
+            if (this.maxDate && this.startDate.isAfter(this.maxDate)) {
+                this.startDate = this.maxDate.clone();
+                if (this.timePicker && this.timePickerIncrement)
+                    this.startDate.minute(Math.floor(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+            }
+
+            if (!this.isShowing)
+                this.updateElement();
+
+            this.updateMonthsInView();
+        },
+
+        setEndDate: function(endDate) {
+            if (typeof endDate === 'string')
+                this.endDate = moment(endDate, this.locale.format);
+
+            if (typeof endDate === 'object')
+                this.endDate = moment(endDate);
+
+            if (!this.timePicker)
+                this.endDate = this.endDate.endOf('day');
+
+            if (this.timePicker && this.timePickerIncrement)
+                this.endDate.minute(Math.round(this.endDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+
+            if (this.endDate.isBefore(this.startDate))
+                this.endDate = this.startDate.clone();
+
+            if (this.maxDate && this.endDate.isAfter(this.maxDate))
+                this.endDate = this.maxDate.clone();
+
+            if (this.maxSpan && this.startDate.clone().add(this.maxSpan).isBefore(this.endDate))
+                this.endDate = this.startDate.clone().add(this.maxSpan);
+
+            this.previousRightTime = this.endDate.clone();
+
+            this.container.find('.drp-selected').html(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
+
+            if (!this.isShowing)
+                this.updateElement();
+
+            this.updateMonthsInView();
+        },
+
+        isInvalidDate: function() {
+            return false;
+        },
+
+        isCustomDate: function() {
+            return false;
+        },
+
+        updateView: function() {
+            if (this.timePicker) {
+                this.renderTimePicker('left');
+                this.renderTimePicker('right');
+                if (!this.endDate) {
+                    this.container.find('.right .calendar-time select').prop('disabled', true).addClass('disabled');
+                } else {
+                    this.container.find('.right .calendar-time select').prop('disabled', false).removeClass('disabled');
+                }
+            }
+            if (this.endDate)
+                this.container.find('.drp-selected').html(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
+            this.updateMonthsInView();
+            this.updateCalendars();
+            this.updateFormInputs();
+        },
+
+        updateMonthsInView: function() {
+            if (this.endDate) {
+
+                //if both dates are visible already, do nothing
+                if (!this.singleDatePicker && this.leftCalendar.month && this.rightCalendar.month &&
+                    (this.startDate.format('YYYY-MM') == this.leftCalendar.month.format('YYYY-MM') || this.startDate.format('YYYY-MM') == this.rightCalendar.month.format('YYYY-MM'))
+                    &&
+                    (this.endDate.format('YYYY-MM') == this.leftCalendar.month.format('YYYY-MM') || this.endDate.format('YYYY-MM') == this.rightCalendar.month.format('YYYY-MM'))
+                    ) {
+                    return;
+                }
+
+                this.leftCalendar.month = this.startDate.clone().date(2);
+                if (!this.linkedCalendars && (this.endDate.month() != this.startDate.month() || this.endDate.year() != this.startDate.year())) {
+                    this.rightCalendar.month = this.endDate.clone().date(2);
+                } else {
+                    this.rightCalendar.month = this.startDate.clone().date(2).add(1, 'month');
+                }
+
+            } else {
+                if (this.leftCalendar.month.format('YYYY-MM') != this.startDate.format('YYYY-MM') && this.rightCalendar.month.format('YYYY-MM') != this.startDate.format('YYYY-MM')) {
+                    this.leftCalendar.month = this.startDate.clone().date(2);
+                    this.rightCalendar.month = this.startDate.clone().date(2).add(1, 'month');
+                }
+            }
+            if (this.maxDate && this.linkedCalendars && !this.singleDatePicker && this.rightCalendar.month > this.maxDate) {
+              this.rightCalendar.month = this.maxDate.clone().date(2);
+              this.leftCalendar.month = this.maxDate.clone().date(2).subtract(1, 'month');
+            }
+        },
+
+        updateCalendars: function() {
+
+            if (this.timePicker) {
+                var hour, minute, second;
+                if (this.endDate) {
+                    hour = parseInt(this.container.find('.left .hourselect').val(), 10);
+                    minute = parseInt(this.container.find('.left .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.left .minuteselect option:last').val(), 10);
+                    }
+                    second = this.timePickerSeconds ? parseInt(this.container.find('.left .secondselect').val(), 10) : 0;
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.left .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                } else {
+                    hour = parseInt(this.container.find('.right .hourselect').val(), 10);
+                    minute = parseInt(this.container.find('.right .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.right .minuteselect option:last').val(), 10);
+                    }
+                    second = this.timePickerSeconds ? parseInt(this.container.find('.right .secondselect').val(), 10) : 0;
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.right .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                }
+                this.leftCalendar.month.hour(hour).minute(minute).second(second);
+                this.rightCalendar.month.hour(hour).minute(minute).second(second);
+            }
+
+            this.renderCalendar('left');
+            this.renderCalendar('right');
+
+            //highlight any predefined range matching the current start and end dates
+            this.container.find('.ranges li').removeClass('active');
+            if (this.endDate == null) return;
+
+            this.calculateChosenLabel();
+        },
+
+        renderCalendar: function(side) {
+
+            //
+            // Build the matrix of dates that will populate the calendar
+            //
+
+            var calendar = side == 'left' ? this.leftCalendar : this.rightCalendar;
+            var month = calendar.month.month();
+            var year = calendar.month.year();
+            var hour = calendar.month.hour();
+            var minute = calendar.month.minute();
+            var second = calendar.month.second();
+            var daysInMonth = moment([year, month]).daysInMonth();
+            var firstDay = moment([year, month, 1]);
+            var lastDay = moment([year, month, daysInMonth]);
+            var lastMonth = moment(firstDay).subtract(1, 'month').month();
+            var lastYear = moment(firstDay).subtract(1, 'month').year();
+            var daysInLastMonth = moment([lastYear, lastMonth]).daysInMonth();
+            var dayOfWeek = firstDay.day();
+
+            //initialize a 6 rows x 7 columns array for the calendar
+            var calendar = [];
+            calendar.firstDay = firstDay;
+            calendar.lastDay = lastDay;
+
+            for (var i = 0; i < 6; i++) {
+                calendar[i] = [];
+            }
+
+            //populate the calendar with date objects
+            var startDay = daysInLastMonth - dayOfWeek + this.locale.firstDay + 1;
+            if (startDay > daysInLastMonth)
+                startDay -= 7;
+
+            if (dayOfWeek == this.locale.firstDay)
+                startDay = daysInLastMonth - 6;
+
+            var curDate = moment([lastYear, lastMonth, startDay, 12, minute, second]);
+
+            var col, row;
+            for (var i = 0, col = 0, row = 0; i < 42; i++, col++, curDate = moment(curDate).add(24, 'hour')) {
+                if (i > 0 && col % 7 === 0) {
+                    col = 0;
+                    row++;
+                }
+                calendar[row][col] = curDate.clone().hour(hour).minute(minute).second(second);
+                curDate.hour(12);
+
+                if (this.minDate && calendar[row][col].format('YYYY-MM-DD') == this.minDate.format('YYYY-MM-DD') && calendar[row][col].isBefore(this.minDate) && side == 'left') {
+                    calendar[row][col] = this.minDate.clone();
+                }
+
+                if (this.maxDate && calendar[row][col].format('YYYY-MM-DD') == this.maxDate.format('YYYY-MM-DD') && calendar[row][col].isAfter(this.maxDate) && side == 'right') {
+                    calendar[row][col] = this.maxDate.clone();
+                }
+
+            }
+
+            //make the calendar object available to hoverDate/clickDate
+            if (side == 'left') {
+                this.leftCalendar.calendar = calendar;
+            } else {
+                this.rightCalendar.calendar = calendar;
+            }
+
+            //
+            // Display the calendar
+            //
+
+            var minDate = side == 'left' ? this.minDate : this.startDate;
+            var maxDate = this.maxDate;
+            var selected = side == 'left' ? this.startDate : this.endDate;
+            var arrow = this.locale.direction == 'ltr' ? {left: 'chevron-left', right: 'chevron-right'} : {left: 'chevron-right', right: 'chevron-left'};
+
+            var html = '<table class="table-condensed">';
+            html += '<thead>';
+            html += '<tr>';
+
+            // add empty cell for week number
+            if (this.showWeekNumbers || this.showISOWeekNumbers)
+                html += '<th></th>';
+
+            if ((!minDate || minDate.isBefore(calendar.firstDay)) && (!this.linkedCalendars || side == 'left')) {
+                html += '<th class="prev available"><span></span></th>';
+            } else {
+                html += '<th></th>';
+            }
+
+            var dateHtml = this.locale.monthNames[calendar[1][1].month()] + calendar[1][1].format(" YYYY");
+
+            if (this.showDropdowns) {
+                var currentMonth = calendar[1][1].month();
+                var currentYear = calendar[1][1].year();
+                var maxYear = (maxDate && maxDate.year()) || (this.maxYear);
+                var minYear = (minDate && minDate.year()) || (this.minYear);
+                var inMinYear = currentYear == minYear;
+                var inMaxYear = currentYear == maxYear;
+
+                var monthHtml = '<select class="monthselect">';
+                for (var m = 0; m < 12; m++) {
+                    if ((!inMinYear || (minDate && m >= minDate.month())) && (!inMaxYear || (maxDate && m <= maxDate.month()))) {
+                        monthHtml += "<option value='" + m + "'" +
+                            (m === currentMonth ? " selected='selected'" : "") +
+                            ">" + this.locale.monthNames[m] + "</option>";
+                    } else {
+                        monthHtml += "<option value='" + m + "'" +
+                            (m === currentMonth ? " selected='selected'" : "") +
+                            " disabled='disabled'>" + this.locale.monthNames[m] + "</option>";
+                    }
+                }
+                monthHtml += "</select>";
+
+                var yearHtml = '<select class="yearselect">';
+                for (var y = minYear; y <= maxYear; y++) {
+                    yearHtml += '<option value="' + y + '"' +
+                        (y === currentYear ? ' selected="selected"' : '') +
+                        '>' + y + '</option>';
+                }
+                yearHtml += '</select>';
+
+                dateHtml = monthHtml + yearHtml;
+            }
+
+            html += '<th colspan="5" class="month">' + dateHtml + '</th>';
+            if ((!maxDate || maxDate.isAfter(calendar.lastDay)) && (!this.linkedCalendars || side == 'right' || this.singleDatePicker)) {
+                html += '<th class="next available"><span></span></th>';
+            } else {
+                html += '<th></th>';
+            }
+
+            html += '</tr>';
+            html += '<tr>';
+
+            // add week number label
+            if (this.showWeekNumbers || this.showISOWeekNumbers)
+                html += '<th class="week">' + this.locale.weekLabel + '</th>';
+
+            $.each(this.locale.daysOfWeek, function(index, dayOfWeek) {
+                html += '<th>' + dayOfWeek + '</th>';
+            });
+
+            html += '</tr>';
+            html += '</thead>';
+            html += '<tbody>';
+
+            //adjust maxDate to reflect the maxSpan setting in order to
+            //grey out end dates beyond the maxSpan
+            if (this.endDate == null && this.maxSpan) {
+                var maxLimit = this.startDate.clone().add(this.maxSpan).endOf('day');
+                if (!maxDate || maxLimit.isBefore(maxDate)) {
+                    maxDate = maxLimit;
+                }
+            }
+
+            for (var row = 0; row < 6; row++) {
+                html += '<tr>';
+
+                // add week number
+                if (this.showWeekNumbers)
+                    html += '<td class="week">' + calendar[row][0].week() + '</td>';
+                else if (this.showISOWeekNumbers)
+                    html += '<td class="week">' + calendar[row][0].isoWeek() + '</td>';
+
+                for (var col = 0; col < 7; col++) {
+
+                    var classes = [];
+
+                    //highlight today's date
+                    if (calendar[row][col].isSame(new Date(), "day"))
+                        classes.push('today');
+
+                    //highlight weekends
+                    if (calendar[row][col].isoWeekday() > 5)
+                        classes.push('weekend');
+
+                    //grey out the dates in other months displayed at beginning and end of this calendar
+                    if (calendar[row][col].month() != calendar[1][1].month())
+                        classes.push('off', 'ends');
+
+                    //don't allow selection of dates before the minimum date
+                    if (this.minDate && calendar[row][col].isBefore(this.minDate, 'day'))
+                        classes.push('off', 'disabled');
+
+                    //don't allow selection of dates after the maximum date
+                    if (maxDate && calendar[row][col].isAfter(maxDate, 'day'))
+                        classes.push('off', 'disabled');
+
+                    //don't allow selection of date if a custom function decides it's invalid
+                    if (this.isInvalidDate(calendar[row][col]))
+                        classes.push('off', 'disabled');
+
+                    //highlight the currently selected start date
+                    if (calendar[row][col].format('YYYY-MM-DD') == this.startDate.format('YYYY-MM-DD'))
+                        classes.push('active', 'start-date');
+
+                    //highlight the currently selected end date
+                    if (this.endDate != null && calendar[row][col].format('YYYY-MM-DD') == this.endDate.format('YYYY-MM-DD'))
+                        classes.push('active', 'end-date');
+
+                    //highlight dates in-between the selected dates
+                    if (this.endDate != null && calendar[row][col] > this.startDate && calendar[row][col] < this.endDate)
+                        classes.push('in-range');
+
+                    //apply custom classes for this date
+                    var isCustom = this.isCustomDate(calendar[row][col]);
+                    if (isCustom !== false) {
+                        if (typeof isCustom === 'string')
+                            classes.push(isCustom);
+                        else
+                            Array.prototype.push.apply(classes, isCustom);
+                    }
+
+                    var cname = '', disabled = false;
+                    for (var i = 0; i < classes.length; i++) {
+                        cname += classes[i] + ' ';
+                        if (classes[i] == 'disabled')
+                            disabled = true;
+                    }
+                    if (!disabled)
+                        cname += 'available';
+
+                    html += '<td class="' + cname.replace(/^\s+|\s+$/g, '') + '" data-title="' + 'r' + row + 'c' + col + '">' + calendar[row][col].date() + '</td>';
+
+                }
+                html += '</tr>';
+            }
+
+            html += '</tbody>';
+            html += '</table>';
+
+            this.container.find('.drp-calendar.' + side + ' .calendar-table').html(html);
+
+        },
+
+        renderTimePicker: function(side) {
+
+            // Don't bother updating the time picker if it's currently disabled
+            // because an end date hasn't been clicked yet
+            if (side == 'right' && !this.endDate) return;
+
+            var html, selected, minDate, maxDate = this.maxDate;
+
+            if (this.maxSpan && (!this.maxDate || this.startDate.clone().add(this.maxSpan).isBefore(this.maxDate)))
+                maxDate = this.startDate.clone().add(this.maxSpan);
+
+            if (side == 'left') {
+                selected = this.startDate.clone();
+                minDate = this.minDate;
+            } else if (side == 'right') {
+                selected = this.endDate.clone();
+                minDate = this.startDate;
+
+                //Preserve the time already selected
+                var timeSelector = this.container.find('.drp-calendar.right .calendar-time');
+                if (timeSelector.html() != '') {
+
+                    selected.hour(!isNaN(selected.hour()) ? selected.hour() : timeSelector.find('.hourselect option:selected').val());
+                    selected.minute(!isNaN(selected.minute()) ? selected.minute() : timeSelector.find('.minuteselect option:selected').val());
+                    selected.second(!isNaN(selected.second()) ? selected.second() : timeSelector.find('.secondselect option:selected').val());
+
+                    if (!this.timePicker24Hour) {
+                        var ampm = timeSelector.find('.ampmselect option:selected').val();
+                        if (ampm === 'PM' && selected.hour() < 12)
+                            selected.hour(selected.hour() + 12);
+                        if (ampm === 'AM' && selected.hour() === 12)
+                            selected.hour(0);
+                    }
+
+                }
+
+                if (selected.isBefore(this.startDate))
+                    selected = this.startDate.clone();
+
+                if (maxDate && selected.isAfter(maxDate))
+                    selected = maxDate.clone();
+
+            }
+
+            //
+            // hours
+            //
+
+            html = '<select class="hourselect">';
+
+            var start = this.timePicker24Hour ? 0 : 1;
+            var end = this.timePicker24Hour ? 23 : 12;
+
+            for (var i = start; i <= end; i++) {
+                var i_in_24 = i;
+                if (!this.timePicker24Hour)
+                    i_in_24 = selected.hour() >= 12 ? (i == 12 ? 12 : i + 12) : (i == 12 ? 0 : i);
+
+                var time = selected.clone().hour(i_in_24);
+                var disabled = false;
+                if (minDate && time.minute(59).isBefore(minDate))
+                    disabled = true;
+                if (maxDate && time.minute(0).isAfter(maxDate))
+                    disabled = true;
+
+                if (i_in_24 == selected.hour() && !disabled) {
+                    html += '<option value="' + i + '" selected="selected">' + i + '</option>';
+                } else if (disabled) {
+                    html += '<option value="' + i + '" disabled="disabled" class="disabled">' + i + '</option>';
+                } else {
+                    html += '<option value="' + i + '">' + i + '</option>';
+                }
+            }
+
+            html += '</select> ';
+
+            //
+            // minutes
+            //
+
+            html += ': <select class="minuteselect">';
+
+            for (var i = 0; i < 60; i += this.timePickerIncrement) {
+                var padded = i < 10 ? '0' + i : i;
+                var time = selected.clone().minute(i);
+
+                var disabled = false;
+                if (minDate && time.second(59).isBefore(minDate))
+                    disabled = true;
+                if (maxDate && time.second(0).isAfter(maxDate))
+                    disabled = true;
+
+                if (selected.minute() == i && !disabled) {
+                    html += '<option value="' + i + '" selected="selected">' + padded + '</option>';
+                } else if (disabled) {
+                    html += '<option value="' + i + '" disabled="disabled" class="disabled">' + padded + '</option>';
+                } else {
+                    html += '<option value="' + i + '">' + padded + '</option>';
+                }
+            }
+
+            html += '</select> ';
+
+            //
+            // seconds
+            //
+
+            if (this.timePickerSeconds) {
+                html += ': <select class="secondselect">';
+
+                for (var i = 0; i < 60; i++) {
+                    var padded = i < 10 ? '0' + i : i;
+                    var time = selected.clone().second(i);
+
+                    var disabled = false;
+                    if (minDate && time.isBefore(minDate))
+                        disabled = true;
+                    if (maxDate && time.isAfter(maxDate))
+                        disabled = true;
+
+                    if (selected.second() == i && !disabled) {
+                        html += '<option value="' + i + '" selected="selected">' + padded + '</option>';
+                    } else if (disabled) {
+                        html += '<option value="' + i + '" disabled="disabled" class="disabled">' + padded + '</option>';
+                    } else {
+                        html += '<option value="' + i + '">' + padded + '</option>';
+                    }
+                }
+
+                html += '</select> ';
+            }
+
+            //
+            // AM/PM
+            //
+
+            if (!this.timePicker24Hour) {
+                html += '<select class="ampmselect">';
+
+                var am_html = '';
+                var pm_html = '';
+
+                if (minDate && selected.clone().hour(12).minute(0).second(0).isBefore(minDate))
+                    am_html = ' disabled="disabled" class="disabled"';
+
+                if (maxDate && selected.clone().hour(0).minute(0).second(0).isAfter(maxDate))
+                    pm_html = ' disabled="disabled" class="disabled"';
+
+                if (selected.hour() >= 12) {
+                    html += '<option value="AM"' + am_html + '>AM</option><option value="PM" selected="selected"' + pm_html + '>PM</option>';
+                } else {
+                    html += '<option value="AM" selected="selected"' + am_html + '>AM</option><option value="PM"' + pm_html + '>PM</option>';
+                }
+
+                html += '</select>';
+            }
+
+            this.container.find('.drp-calendar.' + side + ' .calendar-time').html(html);
+
+        },
+
+        updateFormInputs: function() {
+
+            if (this.singleDatePicker || (this.endDate && (this.startDate.isBefore(this.endDate) || this.startDate.isSame(this.endDate)))) {
+                this.container.find('button.applyBtn').prop('disabled', false);
+            } else {
+                this.container.find('button.applyBtn').prop('disabled', true);
+            }
+
+        },
+
+        move: function() {
+            var parentOffset = { top: 0, left: 0 },
+                containerTop,
+                drops = this.drops;
+
+            var parentRightEdge = $(window).width();
+            if (!this.parentEl.is('body')) {
+                parentOffset = {
+                    top: this.parentEl.offset().top - this.parentEl.scrollTop(),
+                    left: this.parentEl.offset().left - this.parentEl.scrollLeft()
+                };
+                parentRightEdge = this.parentEl[0].clientWidth + this.parentEl.offset().left;
+            }
+
+            switch (drops) {
+            case 'auto':
+                containerTop = this.element.offset().top + this.element.outerHeight() - parentOffset.top;
+                if (containerTop + this.container.outerHeight() >= this.parentEl[0].scrollHeight) {
+                    containerTop = this.element.offset().top - this.container.outerHeight() - parentOffset.top;
+                    drops = 'up';
+                }
+                break;
+            case 'up':
+                containerTop = this.element.offset().top - this.container.outerHeight() - parentOffset.top;
+                break;
+            default:
+                containerTop = this.element.offset().top + this.element.outerHeight() - parentOffset.top;
+                break;
+            }
+
+            // Force the container to it's actual width
+            this.container.css({
+              top: 0,
+              left: 0,
+              right: 'auto'
+            });
+            var containerWidth = this.container.outerWidth();
+
+            this.container.toggleClass('drop-up', drops == 'up');
+
+            if (this.opens == 'left') {
+                var containerRight = parentRightEdge - this.element.offset().left - this.element.outerWidth();
+                if (containerWidth + containerRight > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        right: 'auto',
+                        left: 9
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        right: containerRight,
+                        left: 'auto'
+                    });
+                }
+            } else if (this.opens == 'center') {
+                var containerLeft = this.element.offset().left - parentOffset.left + this.element.outerWidth() / 2
+                                        - containerWidth / 2;
+                if (containerLeft < 0) {
+                    this.container.css({
+                        top: containerTop,
+                        right: 'auto',
+                        left: 9
+                    });
+                } else if (containerLeft + containerWidth > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        left: 'auto',
+                        right: 0
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        left: containerLeft,
+                        right: 'auto'
+                    });
+                }
+            } else {
+                var containerLeft = this.element.offset().left - parentOffset.left;
+                if (containerLeft + containerWidth > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        left: 'auto',
+                        right: 0
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        left: containerLeft,
+                        right: 'auto'
+                    });
+                }
+            }
+        },
+
+        show: function(e) {
+            if (this.isShowing) return;
+
+            // Create a click proxy that is private to this instance of datepicker, for unbinding
+            this._outsideClickProxy = $.proxy(function(e) { this.outsideClick(e); }, this);
+
+            // Bind global datepicker mousedown for hiding and
+            $(document)
+              .on('mousedown.daterangepicker', this._outsideClickProxy)
+              // also support mobile devices
+              .on('touchend.daterangepicker', this._outsideClickProxy)
+              // also explicitly play nice with Bootstrap dropdowns, which stopPropagation when clicking them
+              .on('click.daterangepicker', '[data-toggle=dropdown]', this._outsideClickProxy)
+              // and also close when focus changes to outside the picker (eg. tabbing between controls)
+              .on('focusin.daterangepicker', this._outsideClickProxy);
+
+            // Reposition the picker if the window is resized while it's open
+            $(window).on('resize.daterangepicker', $.proxy(function(e) { this.move(e); }, this));
+
+            this.oldStartDate = this.startDate.clone();
+            this.oldEndDate = this.endDate.clone();
+            this.previousRightTime = this.endDate.clone();
+
+            this.updateView();
+            this.container.show();
+            this.move();
+            this.element.trigger('show.daterangepicker', this);
+            this.isShowing = true;
+        },
+
+        hide: function(e) {
+            if (!this.isShowing) return;
+
+            //incomplete date selection, revert to last values
+            if (!this.endDate) {
+                this.startDate = this.oldStartDate.clone();
+                this.endDate = this.oldEndDate.clone();
+            }
+
+            //if a new date range was selected, invoke the user callback function
+            if (!this.startDate.isSame(this.oldStartDate) || !this.endDate.isSame(this.oldEndDate))
+                this.callback(this.startDate.clone(), this.endDate.clone(), this.chosenLabel);
+
+            //if picker is attached to a text input, update it
+            this.updateElement();
+
+            $(document).off('.daterangepicker');
+            $(window).off('.daterangepicker');
+            this.container.hide();
+            this.element.trigger('hide.daterangepicker', this);
+            this.isShowing = false;
+        },
+
+        toggle: function(e) {
+            if (this.isShowing) {
+                this.hide();
+            } else {
+                this.show();
+            }
+        },
+
+        outsideClick: function(e) {
+            var target = $(e.target);
+            // if the page is clicked anywhere except within the daterangerpicker/button
+            // itself then call this.hide()
+            if (
+                // ie modal dialog fix
+                e.type == "focusin" ||
+                target.closest(this.element).length ||
+                target.closest(this.container).length ||
+                target.closest('.calendar-table').length
+                ) return;
+            this.hide();
+            this.element.trigger('outsideClick.daterangepicker', this);
+        },
+
+        showCalendars: function() {
+            this.container.addClass('show-calendar');
+            this.move();
+            this.element.trigger('showCalendar.daterangepicker', this);
+        },
+
+        hideCalendars: function() {
+            this.container.removeClass('show-calendar');
+            this.element.trigger('hideCalendar.daterangepicker', this);
+        },
+
+        clickRange: function(e) {
+            var label = e.target.getAttribute('data-range-key');
+            this.chosenLabel = label;
+            if (label == this.locale.customRangeLabel) {
+                this.showCalendars();
+            } else {
+                var dates = this.ranges[label];
+                this.startDate = dates[0];
+                this.endDate = dates[1];
+
+                if (!this.timePicker) {
+                    this.startDate.startOf('day');
+                    this.endDate.endOf('day');
+                }
+
+                if (!this.alwaysShowCalendars)
+                    this.hideCalendars();
+                this.clickApply();
+            }
+        },
+
+        clickPrev: function(e) {
+            var cal = $(e.target).parents('.drp-calendar');
+            if (cal.hasClass('left')) {
+                this.leftCalendar.month.subtract(1, 'month');
+                if (this.linkedCalendars)
+                    this.rightCalendar.month.subtract(1, 'month');
+            } else {
+                this.rightCalendar.month.subtract(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        clickNext: function(e) {
+            var cal = $(e.target).parents('.drp-calendar');
+            if (cal.hasClass('left')) {
+                this.leftCalendar.month.add(1, 'month');
+            } else {
+                this.rightCalendar.month.add(1, 'month');
+                if (this.linkedCalendars)
+                    this.leftCalendar.month.add(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        hoverDate: function(e) {
+
+            //ignore dates that can't be selected
+            if (!$(e.target).hasClass('available')) return;
+
+            var title = $(e.target).attr('data-title');
+            var row = title.substr(1, 1);
+            var col = title.substr(3, 1);
+            var cal = $(e.target).parents('.drp-calendar');
+            var date = cal.hasClass('left') ? this.leftCalendar.calendar[row][col] : this.rightCalendar.calendar[row][col];
+
+            //highlight the dates between the start date and the date being hovered as a potential end date
+            var leftCalendar = this.leftCalendar;
+            var rightCalendar = this.rightCalendar;
+            var startDate = this.startDate;
+            if (!this.endDate) {
+                this.container.find('.drp-calendar tbody td').each(function(index, el) {
+
+                    //skip week numbers, only look at dates
+                    if ($(el).hasClass('week')) return;
+
+                    var title = $(el).attr('data-title');
+                    var row = title.substr(1, 1);
+                    var col = title.substr(3, 1);
+                    var cal = $(el).parents('.drp-calendar');
+                    var dt = cal.hasClass('left') ? leftCalendar.calendar[row][col] : rightCalendar.calendar[row][col];
+
+                    if ((dt.isAfter(startDate) && dt.isBefore(date)) || dt.isSame(date, 'day')) {
+                        $(el).addClass('in-range');
+                    } else {
+                        $(el).removeClass('in-range');
+                    }
+
+                });
+            }
+
+        },
+
+        clickDate: function(e) {
+
+            if (!$(e.target).hasClass('available')) return;
+
+            var title = $(e.target).attr('data-title');
+            var row = title.substr(1, 1);
+            var col = title.substr(3, 1);
+            var cal = $(e.target).parents('.drp-calendar');
+            var date = cal.hasClass('left') ? this.leftCalendar.calendar[row][col] : this.rightCalendar.calendar[row][col];
+
+            //
+            // this function needs to do a few things:
+            // * alternate between selecting a start and end date for the range,
+            // * if the time picker is enabled, apply the hour/minute/second from the select boxes to the clicked date
+            // * if autoapply is enabled, and an end date was chosen, apply the selection
+            // * if single date picker mode, and time picker isn't enabled, apply the selection immediately
+            // * if one of the inputs above the calendars was focused, cancel that manual input
+            //
+
+            if (this.endDate || date.isBefore(this.startDate, 'day')) { //picking start
+                if (this.timePicker) {
+                    var hour = parseInt(this.container.find('.left .hourselect').val(), 10);
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.left .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                    var minute = parseInt(this.container.find('.left .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.left .minuteselect option:last').val(), 10);
+                    }
+                    var second = this.timePickerSeconds ? parseInt(this.container.find('.left .secondselect').val(), 10) : 0;
+                    date = date.clone().hour(hour).minute(minute).second(second);
+                }
+                this.endDate = null;
+                this.setStartDate(date.clone());
+            } else if (!this.endDate && date.isBefore(this.startDate)) {
+                //special case: clicking the same date for start/end,
+                //but the time of the end date is before the start date
+                this.setEndDate(this.startDate.clone());
+            } else { // picking end
+                if (this.timePicker) {
+                    var hour = parseInt(this.container.find('.right .hourselect').val(), 10);
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.right .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                    var minute = parseInt(this.container.find('.right .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.right .minuteselect option:last').val(), 10);
+                    }
+                    var second = this.timePickerSeconds ? parseInt(this.container.find('.right .secondselect').val(), 10) : 0;
+                    date = date.clone().hour(hour).minute(minute).second(second);
+                }
+                this.setEndDate(date.clone());
+                if (this.autoApply) {
+                  this.calculateChosenLabel();
+                  this.clickApply();
+                }
+            }
+
+            if (this.singleDatePicker) {
+                this.setEndDate(this.startDate);
+                if (!this.timePicker && this.autoApply)
+                    this.clickApply();
+            }
+
+            this.updateView();
+
+            //This is to cancel the blur event handler if the mouse was in one of the inputs
+            e.stopPropagation();
+
+        },
+
+        calculateChosenLabel: function () {
+            var customRange = true;
+            var i = 0;
+            for (var range in this.ranges) {
+              if (this.timePicker) {
+                    var format = this.timePickerSeconds ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD HH:mm";
+                    //ignore times when comparing dates if time picker seconds is not enabled
+                    if (this.startDate.format(format) == this.ranges[range][0].format(format) && this.endDate.format(format) == this.ranges[range][1].format(format)) {
+                        customRange = false;
+                        this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')').addClass('active').attr('data-range-key');
+                        break;
+                    }
+                } else {
+                    //ignore times when comparing dates if time picker is not enabled
+                    if (this.startDate.format('YYYY-MM-DD') == this.ranges[range][0].format('YYYY-MM-DD') && this.endDate.format('YYYY-MM-DD') == this.ranges[range][1].format('YYYY-MM-DD')) {
+                        customRange = false;
+                        this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')').addClass('active').attr('data-range-key');
+                        break;
+                    }
+                }
+                i++;
+            }
+            if (customRange) {
+                if (this.showCustomRangeLabel) {
+                    this.chosenLabel = this.container.find('.ranges li:last').addClass('active').attr('data-range-key');
+                } else {
+                    this.chosenLabel = null;
+                }
+                this.showCalendars();
+            }
+        },
+
+        clickApply: function(e) {
+            this.hide();
+            this.element.trigger('apply.daterangepicker', this);
+        },
+
+        clickCancel: function(e) {
+            this.startDate = this.oldStartDate;
+            this.endDate = this.oldEndDate;
+            this.hide();
+            this.element.trigger('cancel.daterangepicker', this);
+        },
+
+        monthOrYearChanged: function(e) {
+            var isLeft = $(e.target).closest('.drp-calendar').hasClass('left'),
+                leftOrRight = isLeft ? 'left' : 'right',
+                cal = this.container.find('.drp-calendar.'+leftOrRight);
+
+            // Month must be Number for new moment versions
+            var month = parseInt(cal.find('.monthselect').val(), 10);
+            var year = cal.find('.yearselect').val();
+
+            if (!isLeft) {
+                if (year < this.startDate.year() || (year == this.startDate.year() && month < this.startDate.month())) {
+                    month = this.startDate.month();
+                    year = this.startDate.year();
+                }
+            }
+
+            if (this.minDate) {
+                if (year < this.minDate.year() || (year == this.minDate.year() && month < this.minDate.month())) {
+                    month = this.minDate.month();
+                    year = this.minDate.year();
+                }
+            }
+
+            if (this.maxDate) {
+                if (year > this.maxDate.year() || (year == this.maxDate.year() && month > this.maxDate.month())) {
+                    month = this.maxDate.month();
+                    year = this.maxDate.year();
+                }
+            }
+
+            if (isLeft) {
+                this.leftCalendar.month.month(month).year(year);
+                if (this.linkedCalendars)
+                    this.rightCalendar.month = this.leftCalendar.month.clone().add(1, 'month');
+            } else {
+                this.rightCalendar.month.month(month).year(year);
+                if (this.linkedCalendars)
+                    this.leftCalendar.month = this.rightCalendar.month.clone().subtract(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        timeChanged: function(e) {
+
+            var cal = $(e.target).closest('.drp-calendar'),
+                isLeft = cal.hasClass('left');
+
+            var hour = parseInt(cal.find('.hourselect').val(), 10);
+            var minute = parseInt(cal.find('.minuteselect').val(), 10);
+            if (isNaN(minute)) {
+                minute = parseInt(cal.find('.minuteselect option:last').val(), 10);
+            }
+            var second = this.timePickerSeconds ? parseInt(cal.find('.secondselect').val(), 10) : 0;
+
+            if (!this.timePicker24Hour) {
+                var ampm = cal.find('.ampmselect').val();
+                if (ampm === 'PM' && hour < 12)
+                    hour += 12;
+                if (ampm === 'AM' && hour === 12)
+                    hour = 0;
+            }
+
+            if (isLeft) {
+                var start = this.startDate.clone();
+                start.hour(hour);
+                start.minute(minute);
+                start.second(second);
+                this.setStartDate(start);
+                if (this.singleDatePicker) {
+                    this.endDate = this.startDate.clone();
+                } else if (this.endDate && this.endDate.format('YYYY-MM-DD') == start.format('YYYY-MM-DD') && this.endDate.isBefore(start)) {
+                    this.setEndDate(start.clone());
+                }
+            } else if (this.endDate) {
+                var end = this.endDate.clone();
+                end.hour(hour);
+                end.minute(minute);
+                end.second(second);
+                this.setEndDate(end);
+            }
+
+            //update the calendars so all clickable dates reflect the new time component
+            this.updateCalendars();
+
+            //update the form inputs above the calendars with the new time
+            this.updateFormInputs();
+
+            //re-render the time pickers because changing one selection can affect what's enabled in another
+            this.renderTimePicker('left');
+            this.renderTimePicker('right');
+
+        },
+
+        elementChanged: function() {
+            if (!this.element.is('input')) return;
+            if (!this.element.val().length) return;
+
+            var dateString = this.element.val().split(this.locale.separator),
+                start = null,
+                end = null;
+
+            if (dateString.length === 2) {
+                start = moment(dateString[0], this.locale.format);
+                end = moment(dateString[1], this.locale.format);
+            }
+
+            if (this.singleDatePicker || start === null || end === null) {
+                start = moment(this.element.val(), this.locale.format);
+                end = start;
+            }
+
+            if (!start.isValid() || !end.isValid()) return;
+
+            this.setStartDate(start);
+            this.setEndDate(end);
+            this.updateView();
+        },
+
+        keydown: function(e) {
+            //hide on tab or enter
+            if ((e.keyCode === 9) || (e.keyCode === 13)) {
+                this.hide();
+            }
+
+            //hide on esc and prevent propagation
+            if (e.keyCode === 27) {
+                e.preventDefault();
+                e.stopPropagation();
+
+                this.hide();
+            }
+        },
+
+        updateElement: function() {
+            if (this.element.is('input') && this.autoUpdateInput) {
+                var newValue = this.startDate.format(this.locale.format);
+                if (!this.singleDatePicker) {
+                    newValue += this.locale.separator + this.endDate.format(this.locale.format);
+                }
+                if (newValue !== this.element.val()) {
+                    this.element.val(newValue).trigger('change');
+                }
+            }
+        },
+
+        remove: function() {
+            this.container.remove();
+            this.element.off('.daterangepicker');
+            this.element.removeData();
+        }
+
+    };
+
+    $.fn.daterangepicker = function(options, callback) {
+        var implementOptions = $.extend(true, {}, $.fn.daterangepicker.defaultOptions, options);
+        this.each(function() {
+            var el = $(this);
+            if (el.data('daterangepicker'))
+                el.data('daterangepicker').remove();
+            el.data('daterangepicker', new DateRangePicker(el, implementOptions, callback));
+        });
+        return this;
+    };
+
+    return DateRangePicker;
+
+}));
diff --git a/ci4app/public/assets/raven/vendor/js/dropzone-min.js b/ci4app/public/assets/raven/vendor/js/dropzone-min.js
new file mode 100644
index 0000000..cfced12
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/js/dropzone-min.js
@@ -0,0 +1,2 @@
+!function(){function e(e){return e&&e.__esModule?e.default:e}function t(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function r(e,t,i){return t&&n(e.prototype,t),i&&n(e,i),e}function a(e){return a=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},a(e)}function o(e,t){return o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},o(e,t)}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}function s(e,i){return!i||"object"!=((n=i)&&n.constructor===Symbol?"symbol":typeof n)&&"function"!=typeof i?t(e):i;var n}var u;function c(e){return Array.isArray(e)||"[object Object]"=={}.toString.call(e)}function d(e){return!e||"object"!=typeof e&&"function"!=typeof e}u=function e(){var t=[].slice.call(arguments),i=!1;"boolean"==typeof t[0]&&(i=t.shift());var n=t[0];if(d(n))throw new Error("extendee must be an object");for(var r=t.slice(1),a=r.length,o=0;o<a;o++){var l=r[o];for(var s in l)if(Object.prototype.hasOwnProperty.call(l,s)){var u=l[s];if(i&&c(u)){var h=Array.isArray(u)?[]:{};n[s]=e(!0,Object.prototype.hasOwnProperty.call(n,s)&&!d(n[s])?n[s]:h,u)}else n[s]=u}}return n};var h=function(){"use strict";function e(){i(this,e)}return r(e,[{key:"on",value:function(e,t){return this._callbacks=this._callbacks||{},this._callbacks[e]||(this._callbacks[e]=[]),this._callbacks[e].push(t),this}},{key:"emit",value:function(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),n=1;n<t;n++)i[n-1]=arguments[n];this._callbacks=this._callbacks||{};var r=this._callbacks[e],a=!0,o=!1,l=void 0;if(r)try{for(var s,u=r[Symbol.iterator]();!(a=(s=u.next()).done);a=!0){var c=s.value;c.apply(this,i)}}catch(e){o=!0,l=e}finally{try{a||null==u.return||u.return()}finally{if(o)throw l}}return this.element&&this.element.dispatchEvent(this.makeEvent("dropzone:"+e,{args:i})),this}},{key:"makeEvent",value:function(e,t){var i={bubbles:!0,cancelable:!0,detail:t};if("function"==typeof window.CustomEvent)return new CustomEvent(e,i);var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,i.bubbles,i.cancelable,i.detail),n}},{key:"off",value:function(e,t){if(!this._callbacks||0===arguments.length)return this._callbacks={},this;var i=this._callbacks[e];if(!i)return this;if(1===arguments.length)return delete this._callbacks[e],this;for(var n=0;n<i.length;n++){var r=i[n];if(r===t){i.splice(n,1);break}}return this}}]),e}();var p={url:null,method:"post",withCredentials:!1,timeout:null,parallelUploads:2,uploadMultiple:!1,chunking:!1,forceChunking:!1,chunkSize:2097152,parallelChunkUploads:!1,retryChunks:!1,retryChunksLimit:3,maxFilesize:256,paramName:"file",createImageThumbnails:!0,maxThumbnailFilesize:10,thumbnailWidth:120,thumbnailHeight:120,thumbnailMethod:"crop",resizeWidth:null,resizeHeight:null,resizeMimeType:null,resizeQuality:.8,resizeMethod:"contain",filesizeBase:1e3,maxFiles:null,headers:null,defaultHeaders:!0,clickable:!0,ignoreHiddenFiles:!0,acceptedFiles:null,acceptedMimeTypes:null,autoProcessQueue:!0,autoQueue:!0,addRemoveLinks:!1,previewsContainer:null,disablePreviews:!1,hiddenInputContainer:"body",capture:null,renameFilename:null,renameFile:null,forceFallback:!1,dictDefaultMessage:"Drop files here to upload",dictFallbackMessage:"Your browser does not support drag'n'drop file uploads.",dictFallbackText:"Please use the fallback form below to upload your files like in the olden days.",dictFileTooBig:"File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",dictInvalidFileType:"You can't upload files of this type.",dictResponseError:"Server responded with {{statusCode}} code.",dictCancelUpload:"Cancel upload",dictUploadCanceled:"Upload canceled.",dictCancelUploadConfirmation:"Are you sure you want to cancel this upload?",dictRemoveFile:"Remove file",dictRemoveFileConfirmation:null,dictMaxFilesExceeded:"You can not upload any more files.",dictFileSizeUnits:{tb:"TB",gb:"GB",mb:"MB",kb:"KB",b:"b"},init:function(){},params:function(e,t,i){if(i)return{dzuuid:i.file.upload.uuid,dzchunkindex:i.index,dztotalfilesize:i.file.size,dzchunksize:this.options.chunkSize,dztotalchunkcount:i.file.upload.totalChunkCount,dzchunkbyteoffset:i.index*this.options.chunkSize}},accept:function(e,t){return t()},chunksUploaded:function(e,t){t()},binaryBody:!1,fallback:function(){var e;this.element.className="".concat(this.element.className," dz-browser-not-supported");var t=!0,i=!1,n=void 0;try{for(var r,a=this.element.getElementsByTagName("div")[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o=r.value;if(/(^| )dz-message($| )/.test(o.className)){e=o,o.className="dz-message";break}}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}e||(e=f.createElement('<div class="dz-message"><span></span></div>'),this.element.appendChild(e));var l=e.getElementsByTagName("span")[0];return l&&(null!=l.textContent?l.textContent=this.options.dictFallbackMessage:null!=l.innerText&&(l.innerText=this.options.dictFallbackMessage)),this.element.appendChild(this.getFallbackForm())},resize:function(e,t,i,n){var r={srcX:0,srcY:0,srcWidth:e.width,srcHeight:e.height},a=e.width/e.height;null==t&&null==i?(t=r.srcWidth,i=r.srcHeight):null==t?t=i*a:null==i&&(i=t/a);var o=(t=Math.min(t,r.srcWidth))/(i=Math.min(i,r.srcHeight));if(r.srcWidth>t||r.srcHeight>i)if("crop"===n)a>o?(r.srcHeight=e.height,r.srcWidth=r.srcHeight*o):(r.srcWidth=e.width,r.srcHeight=r.srcWidth/o);else{if("contain"!==n)throw new Error("Unknown resizeMethod '".concat(n,"'"));a>o?i=t/a:t=i*a}return r.srcX=(e.width-r.srcWidth)/2,r.srcY=(e.height-r.srcHeight)/2,r.trgWidth=t,r.trgHeight=i,r},transformFile:function(e,t){return(this.options.resizeWidth||this.options.resizeHeight)&&e.type.match(/image.*/)?this.resizeImage(e,this.options.resizeWidth,this.options.resizeHeight,this.options.resizeMethod,t):t(e)},previewTemplate:e('<div class="dz-file-preview dz-preview"> <div class="dz-image"><img data-dz-thumbnail=""></div> <div class="dz-details"> <div class="dz-size"><span data-dz-size=""></span></div> <div class="dz-filename"><span data-dz-name=""></span></div> </div> <div class="dz-progress"> <span class="dz-upload" data-dz-uploadprogress=""></span> </div> <div class="dz-error-message"><span data-dz-errormessage=""></span></div> <div class="dz-success-mark"> <svg width="54" height="54" fill="#fff"><path d="m10.207 29.793 4.086-4.086a1 1 0 0 1 1.414 0l5.586 5.586a1 1 0 0 0 1.414 0l15.586-15.586a1 1 0 0 1 1.414 0l4.086 4.086a1 1 0 0 1 0 1.414L22.707 42.293a1 1 0 0 1-1.414 0L10.207 31.207a1 1 0 0 1 0-1.414Z"/></svg> </div> <div class="dz-error-mark"> <svg width="54" height="54" fill="#fff"><path d="m26.293 20.293-7.086-7.086a1 1 0 0 0-1.414 0l-4.586 4.586a1 1 0 0 0 0 1.414l7.086 7.086a1 1 0 0 1 0 1.414l-7.086 7.086a1 1 0 0 0 0 1.414l4.586 4.586a1 1 0 0 0 1.414 0l7.086-7.086a1 1 0 0 1 1.414 0l7.086 7.086a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7.086-7.086a1 1 0 0 1 0-1.414l7.086-7.086a1 1 0 0 0 0-1.414l-4.586-4.586a1 1 0 0 0-1.414 0l-7.086 7.086a1 1 0 0 1-1.414 0Z"/></svg> </div> </div>'),drop:function(e){return this.element.classList.remove("dz-drag-hover")},dragstart:function(e){},dragend:function(e){return this.element.classList.remove("dz-drag-hover")},dragenter:function(e){return this.element.classList.add("dz-drag-hover")},dragover:function(e){return this.element.classList.add("dz-drag-hover")},dragleave:function(e){return this.element.classList.remove("dz-drag-hover")},paste:function(e){},reset:function(){return this.element.classList.remove("dz-started")},addedfile:function(e){if(this.element===this.previewsContainer&&this.element.classList.add("dz-started"),this.previewsContainer&&!this.options.disablePreviews){var t=this;e.previewElement=f.createElement(this.options.previewTemplate.trim()),e.previewTemplate=e.previewElement,this.previewsContainer.appendChild(e.previewElement);var i=!0,n=!1,r=void 0;try{for(var a,o=e.previewElement.querySelectorAll("[data-dz-name]")[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){var l=a.value;l.textContent=e.name}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}var s=!0,u=!1,c=void 0;try{for(var d,h=e.previewElement.querySelectorAll("[data-dz-size]")[Symbol.iterator]();!(s=(d=h.next()).done);s=!0)(l=d.value).innerHTML=this.filesize(e.size)}catch(e){u=!0,c=e}finally{try{s||null==h.return||h.return()}finally{if(u)throw c}}this.options.addRemoveLinks&&(e._removeLink=f.createElement('<a class="dz-remove" href="javascript:undefined;" data-dz-remove>'.concat(this.options.dictRemoveFile,"</a>")),e.previewElement.appendChild(e._removeLink));var p=function(i){var n=t;if(i.preventDefault(),i.stopPropagation(),e.status===f.UPLOADING)return f.confirm(t.options.dictCancelUploadConfirmation,(function(){return n.removeFile(e)}));var r=t;return t.options.dictRemoveFileConfirmation?f.confirm(t.options.dictRemoveFileConfirmation,(function(){return r.removeFile(e)})):t.removeFile(e)},m=!0,v=!1,y=void 0;try{for(var g,b=e.previewElement.querySelectorAll("[data-dz-remove]")[Symbol.iterator]();!(m=(g=b.next()).done);m=!0){g.value.addEventListener("click",p)}}catch(e){v=!0,y=e}finally{try{m||null==b.return||b.return()}finally{if(v)throw y}}}},removedfile:function(e){return null!=e.previewElement&&null!=e.previewElement.parentNode&&e.previewElement.parentNode.removeChild(e.previewElement),this._updateMaxFilesReachedClass()},thumbnail:function(e,t){if(e.previewElement){e.previewElement.classList.remove("dz-file-preview");var i=!0,n=!1,r=void 0;try{for(var a,o=e.previewElement.querySelectorAll("[data-dz-thumbnail]")[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){var l=a.value;l.alt=e.name,l.src=t}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}return setTimeout((function(){return e.previewElement.classList.add("dz-image-preview")}),1)}},error:function(e,t){if(e.previewElement){e.previewElement.classList.add("dz-error"),"string"!=typeof t&&t.error&&(t=t.error);var i=!0,n=!1,r=void 0;try{for(var a,o=e.previewElement.querySelectorAll("[data-dz-errormessage]")[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){a.value.textContent=t}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}}},errormultiple:function(){},processing:function(e){if(e.previewElement&&(e.previewElement.classList.add("dz-processing"),e._removeLink))return e._removeLink.innerHTML=this.options.dictCancelUpload},processingmultiple:function(){},uploadprogress:function(e,t,i){var n=!0,r=!1,a=void 0;if(e.previewElement)try{for(var o,l=e.previewElement.querySelectorAll("[data-dz-uploadprogress]")[Symbol.iterator]();!(n=(o=l.next()).done);n=!0){var s=o.value;"PROGRESS"===s.nodeName?s.value=t:s.style.width="".concat(t,"%")}}catch(e){r=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw a}}},totaluploadprogress:function(){},sending:function(){},sendingmultiple:function(){},success:function(e){if(e.previewElement)return e.previewElement.classList.add("dz-success")},successmultiple:function(){},canceled:function(e){return this.emit("error",e,this.options.dictUploadCanceled)},canceledmultiple:function(){},complete:function(e){if(e._removeLink&&(e._removeLink.innerHTML=this.options.dictRemoveFile),e.previewElement)return e.previewElement.classList.add("dz-complete")},completemultiple:function(){},maxfilesexceeded:function(){},maxfilesreached:function(){},queuecomplete:function(){},addedfiles:function(){}},f=function(n){"use strict";function o(n,r){var l,c,d,h;if(i(this,o),(l=s(this,(c=o,a(c)).call(this))).element=n,l.clickableElements=[],l.listeners=[],l.files=[],"string"==typeof l.element&&(l.element=document.querySelector(l.element)),!l.element||null==l.element.nodeType)throw new Error("Invalid dropzone element.");if(l.element.dropzone)throw new Error("Dropzone already attached.");o.instances.push(t(l)),l.element.dropzone=t(l);var f=null!=(h=o.optionsForElement(l.element))?h:{};if(l.options=e(u)(!0,{},p,f,null!=r?r:{}),l.options.previewTemplate=l.options.previewTemplate.replace(/\n*/g,""),l.options.forceFallback||!o.isBrowserSupported())return s(l,l.options.fallback.call(t(l)));if(null==l.options.url&&(l.options.url=l.element.getAttribute("action")),!l.options.url)throw new Error("No URL provided.");if(l.options.acceptedFiles&&l.options.acceptedMimeTypes)throw new Error("You can't provide both 'acceptedFiles' and 'acceptedMimeTypes'. 'acceptedMimeTypes' is deprecated.");if(l.options.uploadMultiple&&l.options.chunking)throw new Error("You cannot set both: uploadMultiple and chunking.");if(l.options.binaryBody&&l.options.uploadMultiple)throw new Error("You cannot set both: binaryBody and uploadMultiple.");return l.options.acceptedMimeTypes&&(l.options.acceptedFiles=l.options.acceptedMimeTypes,delete l.options.acceptedMimeTypes),null!=l.options.renameFilename&&(l.options.renameFile=function(e){return l.options.renameFilename.call(t(l),e.name,e)}),"string"==typeof l.options.method&&(l.options.method=l.options.method.toUpperCase()),(d=l.getExistingFallback())&&d.parentNode&&d.parentNode.removeChild(d),!1!==l.options.previewsContainer&&(l.options.previewsContainer?l.previewsContainer=o.getElement(l.options.previewsContainer,"previewsContainer"):l.previewsContainer=l.element),l.options.clickable&&(!0===l.options.clickable?l.clickableElements=[l.element]:l.clickableElements=o.getElements(l.options.clickable,"clickable")),l.init(),l}return l(o,n),r(o,[{key:"getAcceptedFiles",value:function(){return this.files.filter((function(e){return e.accepted})).map((function(e){return e}))}},{key:"getRejectedFiles",value:function(){return this.files.filter((function(e){return!e.accepted})).map((function(e){return e}))}},{key:"getFilesWithStatus",value:function(e){return this.files.filter((function(t){return t.status===e})).map((function(e){return e}))}},{key:"getQueuedFiles",value:function(){return this.getFilesWithStatus(o.QUEUED)}},{key:"getUploadingFiles",value:function(){return this.getFilesWithStatus(o.UPLOADING)}},{key:"getAddedFiles",value:function(){return this.getFilesWithStatus(o.ADDED)}},{key:"getActiveFiles",value:function(){return this.files.filter((function(e){return e.status===o.UPLOADING||e.status===o.QUEUED})).map((function(e){return e}))}},{key:"init",value:function(){var e=this,t=this,i=this,n=this,r=this,a=this,l=this,s=this,u=this,c=this,d=this;if("form"===this.element.tagName&&this.element.setAttribute("enctype","multipart/form-data"),this.element.classList.contains("dropzone")&&!this.element.querySelector(".dz-message")&&this.element.appendChild(o.createElement('<div class="dz-default dz-message"><button class="dz-button" type="button">'.concat(this.options.dictDefaultMessage,"</button></div>"))),this.clickableElements.length){var h=this,p=function(){var e=h;h.hiddenFileInput&&h.hiddenFileInput.parentNode.removeChild(h.hiddenFileInput),h.hiddenFileInput=document.createElement("input"),h.hiddenFileInput.setAttribute("type","file"),(null===h.options.maxFiles||h.options.maxFiles>1)&&h.hiddenFileInput.setAttribute("multiple","multiple"),h.hiddenFileInput.className="dz-hidden-input",null!==h.options.acceptedFiles&&h.hiddenFileInput.setAttribute("accept",h.options.acceptedFiles),null!==h.options.capture&&h.hiddenFileInput.setAttribute("capture",h.options.capture),h.hiddenFileInput.setAttribute("tabindex","-1"),h.hiddenFileInput.style.visibility="hidden",h.hiddenFileInput.style.position="absolute",h.hiddenFileInput.style.top="0",h.hiddenFileInput.style.left="0",h.hiddenFileInput.style.height="0",h.hiddenFileInput.style.width="0",o.getElement(h.options.hiddenInputContainer,"hiddenInputContainer").appendChild(h.hiddenFileInput),h.hiddenFileInput.addEventListener("change",(function(){var t=e.hiddenFileInput.files,i=!0,n=!1,r=void 0;if(t.length)try{for(var a,o=t[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){var l=a.value;e.addFile(l)}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}e.emit("addedfiles",t),p()}))};p()}this.URL=null!==window.URL?window.URL:window.webkitURL;var f=!0,m=!1,v=void 0;try{for(var y,g=this.events[Symbol.iterator]();!(f=(y=g.next()).done);f=!0){var b=y.value;this.on(b,this.options[b])}}catch(e){m=!0,v=e}finally{try{f||null==g.return||g.return()}finally{if(m)throw v}}this.on("uploadprogress",(function(){return e.updateTotalUploadProgress()})),this.on("removedfile",(function(){return t.updateTotalUploadProgress()})),this.on("canceled",(function(e){return i.emit("complete",e)})),this.on("complete",(function(e){var t=n;if(0===n.getAddedFiles().length&&0===n.getUploadingFiles().length&&0===n.getQueuedFiles().length)return setTimeout((function(){return t.emit("queuecomplete")}),0)}));var k=function(e){if(function(e){if(e.dataTransfer.types)for(var t=0;t<e.dataTransfer.types.length;t++)if("Files"===e.dataTransfer.types[t])return!0;return!1}(e))return e.stopPropagation(),e.preventDefault?e.preventDefault():e.returnValue=!1};return this.listeners=[{element:this.element,events:{dragstart:function(e){return r.emit("dragstart",e)},dragenter:function(e){return k(e),a.emit("dragenter",e)},dragover:function(e){var t;try{t=e.dataTransfer.effectAllowed}catch(e){}return e.dataTransfer.dropEffect="move"===t||"linkMove"===t?"move":"copy",k(e),l.emit("dragover",e)},dragleave:function(e){return s.emit("dragleave",e)},drop:function(e){return k(e),u.drop(e)},dragend:function(e){return c.emit("dragend",e)}}}],this.clickableElements.forEach((function(e){var t=d;return d.listeners.push({element:e,events:{click:function(i){return(e!==t.element||i.target===t.element||o.elementInside(i.target,t.element.querySelector(".dz-message")))&&t.hiddenFileInput.click(),!0}}})})),this.enable(),this.options.init.call(this)}},{key:"destroy",value:function(){return this.disable(),this.removeAllFiles(!0),(null!=this.hiddenFileInput?this.hiddenFileInput.parentNode:void 0)&&(this.hiddenFileInput.parentNode.removeChild(this.hiddenFileInput),this.hiddenFileInput=null),delete this.element.dropzone,o.instances.splice(o.instances.indexOf(this),1)}},{key:"updateTotalUploadProgress",value:function(){var e,t=0,i=0;if(this.getActiveFiles().length){var n=!0,r=!1,a=void 0;try{for(var o,l=this.getActiveFiles()[Symbol.iterator]();!(n=(o=l.next()).done);n=!0){var s=o.value;t+=s.upload.bytesSent,i+=s.upload.total}}catch(e){r=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw a}}e=100*t/i}else e=100;return this.emit("totaluploadprogress",e,i,t)}},{key:"_getParamName",value:function(e){return"function"==typeof this.options.paramName?this.options.paramName(e):"".concat(this.options.paramName).concat(this.options.uploadMultiple?"[".concat(e,"]"):"")}},{key:"_renameFile",value:function(e){return"function"!=typeof this.options.renameFile?e.name:this.options.renameFile(e)}},{key:"getFallbackForm",value:function(){var e,t;if(e=this.getExistingFallback())return e;var i='<div class="dz-fallback">';this.options.dictFallbackText&&(i+="<p>".concat(this.options.dictFallbackText,"</p>")),i+='<input type="file" name="'.concat(this._getParamName(0),'" ').concat(this.options.uploadMultiple?'multiple="multiple"':void 0,' /><input type="submit" value="Upload!"></div>');var n=o.createElement(i);return"FORM"!==this.element.tagName?(t=o.createElement('<form action="'.concat(this.options.url,'" enctype="multipart/form-data" method="').concat(this.options.method,'"></form>'))).appendChild(n):(this.element.setAttribute("enctype","multipart/form-data"),this.element.setAttribute("method",this.options.method)),null!=t?t:n}},{key:"getExistingFallback",value:function(){var e=function(e){var t=!0,i=!1,n=void 0;try{for(var r,a=e[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o=r.value;if(/(^| )fallback($| )/.test(o.className))return o}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}},t=!0,i=!1,n=void 0;try{for(var r,a=["div","form"][Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o,l=r.value;if(o=e(this.element.getElementsByTagName(l)))return o}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}}},{key:"setupEventListeners",value:function(){return this.listeners.map((function(e){return function(){var t=[];for(var i in e.events){var n=e.events[i];t.push(e.element.addEventListener(i,n,!1))}return t}()}))}},{key:"removeEventListeners",value:function(){return this.listeners.map((function(e){return function(){var t=[];for(var i in e.events){var n=e.events[i];t.push(e.element.removeEventListener(i,n,!1))}return t}()}))}},{key:"disable",value:function(){var e=this;return this.clickableElements.forEach((function(e){return e.classList.remove("dz-clickable")})),this.removeEventListeners(),this.disabled=!0,this.files.map((function(t){return e.cancelUpload(t)}))}},{key:"enable",value:function(){return delete this.disabled,this.clickableElements.forEach((function(e){return e.classList.add("dz-clickable")})),this.setupEventListeners()}},{key:"filesize",value:function(e){var t=0,i="b";if(e>0){for(var n=["tb","gb","mb","kb","b"],r=0;r<n.length;r++){var a=n[r];if(e>=Math.pow(this.options.filesizeBase,4-r)/10){t=e/Math.pow(this.options.filesizeBase,4-r),i=a;break}}t=Math.round(10*t)/10}return"<strong>".concat(t,"</strong> ").concat(this.options.dictFileSizeUnits[i])}},{key:"_updateMaxFilesReachedClass",value:function(){return null!=this.options.maxFiles&&this.getAcceptedFiles().length>=this.options.maxFiles?(this.getAcceptedFiles().length===this.options.maxFiles&&this.emit("maxfilesreached",this.files),this.element.classList.add("dz-max-files-reached")):this.element.classList.remove("dz-max-files-reached")}},{key:"drop",value:function(e){if(e.dataTransfer){this.emit("drop",e);for(var t=[],i=0;i<e.dataTransfer.files.length;i++)t[i]=e.dataTransfer.files[i];if(t.length){var n=e.dataTransfer.items;n&&n.length&&null!=n[0].webkitGetAsEntry?this._addFilesFromItems(n):this.handleFiles(t)}this.emit("addedfiles",t)}}},{key:"paste",value:function(e){if(null!=(t=null!=e?e.clipboardData:void 0,i=function(e){return e.items},null!=t?i(t):void 0)){var t,i;this.emit("paste",e);var n=e.clipboardData.items;return n.length?this._addFilesFromItems(n):void 0}}},{key:"handleFiles",value:function(e){var t=!0,i=!1,n=void 0;try{for(var r,a=e[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o=r.value;this.addFile(o)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}}},{key:"_addFilesFromItems",value:function(e){var t=this;return function(){var i=[],n=!0,r=!1,a=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done);n=!0){var s,u=o.value;null!=u.webkitGetAsEntry&&(s=u.webkitGetAsEntry())?s.isFile?i.push(t.addFile(u.getAsFile())):s.isDirectory?i.push(t._addFilesFromDirectory(s,s.name)):i.push(void 0):null!=u.getAsFile&&(null==u.kind||"file"===u.kind)?i.push(t.addFile(u.getAsFile())):i.push(void 0)}}catch(e){r=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw a}}return i}()}},{key:"_addFilesFromDirectory",value:function(e,t){var i=this,n=e.createReader(),r=function(e){return t=console,i="log",n=function(t){return t.log(e)},null!=t&&"function"==typeof t[i]?n(t,i):void 0;var t,i,n},a=function(){var e=i;return n.readEntries((function(i){if(i.length>0){var n=!0,r=!1,o=void 0;try{for(var l,s=i[Symbol.iterator]();!(n=(l=s.next()).done);n=!0){var u=l.value,c=e;u.isFile?u.file((function(e){if(!c.options.ignoreHiddenFiles||"."!==e.name.substring(0,1))return e.fullPath="".concat(t,"/").concat(e.name),c.addFile(e)})):u.isDirectory&&e._addFilesFromDirectory(u,"".concat(t,"/").concat(u.name))}}catch(e){r=!0,o=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw o}}a()}return null}),r)};return a()}},{key:"accept",value:function(e,t){this.options.maxFilesize&&e.size>1048576*this.options.maxFilesize?t(this.options.dictFileTooBig.replace("{{filesize}}",Math.round(e.size/1024/10.24)/100).replace("{{maxFilesize}}",this.options.maxFilesize)):o.isValidFile(e,this.options.acceptedFiles)?null!=this.options.maxFiles&&this.getAcceptedFiles().length>=this.options.maxFiles?(t(this.options.dictMaxFilesExceeded.replace("{{maxFiles}}",this.options.maxFiles)),this.emit("maxfilesexceeded",e)):this.options.accept.call(this,e,t):t(this.options.dictInvalidFileType)}},{key:"addFile",value:function(e){var t=this;e.upload={uuid:o.uuidv4(),progress:0,total:e.size,bytesSent:0,filename:this._renameFile(e)},this.files.push(e),e.status=o.ADDED,this.emit("addedfile",e),this._enqueueThumbnail(e),this.accept(e,(function(i){i?(e.accepted=!1,t._errorProcessing([e],i)):(e.accepted=!0,t.options.autoQueue&&t.enqueueFile(e)),t._updateMaxFilesReachedClass()}))}},{key:"enqueueFiles",value:function(e){var t=!0,i=!1,n=void 0;try{for(var r,a=e[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o=r.value;this.enqueueFile(o)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}return null}},{key:"enqueueFile",value:function(e){if(e.status!==o.ADDED||!0!==e.accepted)throw new Error("This file can't be queued because it has already been processed or was rejected.");var t=this;if(e.status=o.QUEUED,this.options.autoProcessQueue)return setTimeout((function(){return t.processQueue()}),0)}},{key:"_enqueueThumbnail",value:function(e){if(this.options.createImageThumbnails&&e.type.match(/image.*/)&&e.size<=1048576*this.options.maxThumbnailFilesize){var t=this;return this._thumbnailQueue.push(e),setTimeout((function(){return t._processThumbnailQueue()}),0)}}},{key:"_processThumbnailQueue",value:function(){var e=this;if(!this._processingThumbnail&&0!==this._thumbnailQueue.length){this._processingThumbnail=!0;var t=this._thumbnailQueue.shift();return this.createThumbnail(t,this.options.thumbnailWidth,this.options.thumbnailHeight,this.options.thumbnailMethod,!0,(function(i){return e.emit("thumbnail",t,i),e._processingThumbnail=!1,e._processThumbnailQueue()}))}}},{key:"removeFile",value:function(e){if(e.status===o.UPLOADING&&this.cancelUpload(e),this.files=m(this.files,e),this.emit("removedfile",e),0===this.files.length)return this.emit("reset")}},{key:"removeAllFiles",value:function(e){null==e&&(e=!1);var t=!0,i=!1,n=void 0;try{for(var r,a=this.files.slice()[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var l=r.value;(l.status!==o.UPLOADING||e)&&this.removeFile(l)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}return null}},{key:"resizeImage",value:function(e,t,i,n,r){var a=this;return this.createThumbnail(e,t,i,n,!0,(function(t,i){if(null==i)return r(e);var n=a.options.resizeMimeType;null==n&&(n=e.type);var l=i.toDataURL(n,a.options.resizeQuality);return"image/jpeg"!==n&&"image/jpg"!==n||(l=g.restore(e.dataURL,l)),r(o.dataURItoBlob(l))}))}},{key:"createThumbnail",value:function(e,t,i,n,r,a){var o=this,l=new FileReader;l.onload=function(){e.dataURL=l.result,"image/svg+xml"!==e.type?o.createThumbnailFromUrl(e,t,i,n,r,a):null!=a&&a(l.result)},l.readAsDataURL(e)}},{key:"displayExistingFile",value:function(e,t,i,n,r){var a=void 0===r||r;if(this.emit("addedfile",e),this.emit("complete",e),a){var o=this;e.dataURL=t,this.createThumbnailFromUrl(e,this.options.thumbnailWidth,this.options.thumbnailHeight,this.options.thumbnailMethod,this.options.fixOrientation,(function(t){o.emit("thumbnail",e,t),i&&i()}),n)}else this.emit("thumbnail",e,t),i&&i()}},{key:"createThumbnailFromUrl",value:function(e,t,i,n,r,a,o){var l=this,s=document.createElement("img");return o&&(s.crossOrigin=o),r="from-image"!=getComputedStyle(document.body).imageOrientation&&r,s.onload=function(){var o=l,u=function(e){return e(1)};return"undefined"!=typeof EXIF&&null!==EXIF&&r&&(u=function(e){return EXIF.getData(s,(function(){return e(EXIF.getTag(this,"Orientation"))}))}),u((function(r){e.width=s.width,e.height=s.height;var l=o.options.resize.call(o,e,t,i,n),u=document.createElement("canvas"),c=u.getContext("2d");switch(u.width=l.trgWidth,u.height=l.trgHeight,r>4&&(u.width=l.trgHeight,u.height=l.trgWidth),r){case 2:c.translate(u.width,0),c.scale(-1,1);break;case 3:c.translate(u.width,u.height),c.rotate(Math.PI);break;case 4:c.translate(0,u.height),c.scale(1,-1);break;case 5:c.rotate(.5*Math.PI),c.scale(1,-1);break;case 6:c.rotate(.5*Math.PI),c.translate(0,-u.width);break;case 7:c.rotate(.5*Math.PI),c.translate(u.height,-u.width),c.scale(-1,1);break;case 8:c.rotate(-.5*Math.PI),c.translate(-u.height,0)}y(c,s,null!=l.srcX?l.srcX:0,null!=l.srcY?l.srcY:0,l.srcWidth,l.srcHeight,null!=l.trgX?l.trgX:0,null!=l.trgY?l.trgY:0,l.trgWidth,l.trgHeight);var d=u.toDataURL("image/png");if(null!=a)return a(d,u)}))},null!=a&&(s.onerror=a),s.src=e.dataURL}},{key:"processQueue",value:function(){var e=this.options.parallelUploads,t=this.getUploadingFiles().length,i=t;if(!(t>=e)){var n=this.getQueuedFiles();if(n.length>0){if(this.options.uploadMultiple)return this.processFiles(n.slice(0,e-t));for(;i<e;){if(!n.length)return;this.processFile(n.shift()),i++}}}}},{key:"processFile",value:function(e){return this.processFiles([e])}},{key:"processFiles",value:function(e){var t=!0,i=!1,n=void 0;try{for(var r,a=e[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var l=r.value;l.processing=!0,l.status=o.UPLOADING,this.emit("processing",l)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}return this.options.uploadMultiple&&this.emit("processingmultiple",e),this.uploadFiles(e)}},{key:"_getFilesWithXhr",value:function(e){return this.files.filter((function(t){return t.xhr===e})).map((function(e){return e}))}},{key:"cancelUpload",value:function(e){if(e.status===o.UPLOADING){var t=this._getFilesWithXhr(e.xhr),i=!0,n=!1,r=void 0;try{for(var a,l=t[Symbol.iterator]();!(i=(a=l.next()).done);i=!0){(p=a.value).status=o.CANCELED}}catch(e){n=!0,r=e}finally{try{i||null==l.return||l.return()}finally{if(n)throw r}}void 0!==e.xhr&&e.xhr.abort();var s=!0,u=!1,c=void 0;try{for(var d,h=t[Symbol.iterator]();!(s=(d=h.next()).done);s=!0){var p=d.value;this.emit("canceled",p)}}catch(e){u=!0,c=e}finally{try{s||null==h.return||h.return()}finally{if(u)throw c}}this.options.uploadMultiple&&this.emit("canceledmultiple",t)}else e.status!==o.ADDED&&e.status!==o.QUEUED||(e.status=o.CANCELED,this.emit("canceled",e),this.options.uploadMultiple&&this.emit("canceledmultiple",[e]));if(this.options.autoProcessQueue)return this.processQueue()}},{key:"resolveOption",value:function(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),n=1;n<t;n++)i[n-1]=arguments[n];return"function"==typeof e?e.apply(this,i):e}},{key:"uploadFile",value:function(e){return this.uploadFiles([e])}},{key:"uploadFiles",value:function(e){var t=this;this._transformFiles(e,(function(i){if(t.options.chunking){var n=i[0];e[0].upload.chunked=t.options.chunking&&(t.options.forceChunking||n.size>t.options.chunkSize),e[0].upload.totalChunkCount=Math.ceil(n.size/t.options.chunkSize)}if(e[0].upload.chunked){var r=t,a=t,l=e[0];n=i[0];l.upload.chunks=[];var s=function(){for(var t=0;void 0!==l.upload.chunks[t];)t++;if(!(t>=l.upload.totalChunkCount)){0;var i=t*r.options.chunkSize,a=Math.min(i+r.options.chunkSize,n.size),s={name:r._getParamName(0),data:n.webkitSlice?n.webkitSlice(i,a):n.slice(i,a),filename:l.upload.filename,chunkIndex:t};l.upload.chunks[t]={file:l,index:t,dataBlock:s,status:o.UPLOADING,progress:0,retries:0},r._uploadData(e,[s])}};if(l.upload.finishedChunkUpload=function(t,i){var n=a,r=!0;t.status=o.SUCCESS,t.dataBlock=null,t.response=t.xhr.responseText,t.responseHeaders=t.xhr.getAllResponseHeaders(),t.xhr=null;for(var u=0;u<l.upload.totalChunkCount;u++){if(void 0===l.upload.chunks[u])return s();l.upload.chunks[u].status!==o.SUCCESS&&(r=!1)}r&&a.options.chunksUploaded(l,(function(){n._finished(e,i,null)}))},t.options.parallelChunkUploads)for(var u=0;u<l.upload.totalChunkCount;u++)s();else s()}else{var c=[];for(u=0;u<e.length;u++)c[u]={name:t._getParamName(u),data:i[u],filename:e[u].upload.filename};t._uploadData(e,c)}}))}},{key:"_getChunk",value:function(e,t){for(var i=0;i<e.upload.totalChunkCount;i++)if(void 0!==e.upload.chunks[i]&&e.upload.chunks[i].xhr===t)return e.upload.chunks[i]}},{key:"_uploadData",value:function(t,i){var n=this,r=this,a=this,o=this,l=new XMLHttpRequest,s=!0,c=!1,d=void 0;try{for(var h=t[Symbol.iterator]();!(s=(x=h.next()).done);s=!0){(g=x.value).xhr=l}}catch(e){c=!0,d=e}finally{try{s||null==h.return||h.return()}finally{if(c)throw d}}t[0].upload.chunked&&(t[0].upload.chunks[i[0].chunkIndex].xhr=l);var p=this.resolveOption(this.options.method,t,i),f=this.resolveOption(this.options.url,t,i);l.open(p,f,!0),this.resolveOption(this.options.timeout,t)&&(l.timeout=this.resolveOption(this.options.timeout,t)),l.withCredentials=!!this.options.withCredentials,l.onload=function(e){n._finishedUploading(t,l,e)},l.ontimeout=function(){r._handleUploadError(t,l,"Request timedout after ".concat(r.options.timeout/1e3," seconds"))},l.onerror=function(){a._handleUploadError(t,l)},(null!=l.upload?l.upload:l).onprogress=function(e){return o._updateFilesUploadProgress(t,l,e)};var m=this.options.defaultHeaders?{Accept:"application/json","Cache-Control":"no-cache","X-Requested-With":"XMLHttpRequest"}:{};for(var v in this.options.binaryBody&&(m["Content-Type"]=t[0].type),this.options.headers&&e(u)(m,this.options.headers),m){var y=m[v];y&&l.setRequestHeader(v,y)}if(this.options.binaryBody){s=!0,c=!1,d=void 0;try{for(h=t[Symbol.iterator]();!(s=(x=h.next()).done);s=!0){var g=x.value;this.emit("sending",g,l)}}catch(e){c=!0,d=e}finally{try{s||null==h.return||h.return()}finally{if(c)throw d}}this.options.uploadMultiple&&this.emit("sendingmultiple",t,l),this.submitRequest(l,null,t)}else{var b=new FormData;if(this.options.params){var k=this.options.params;for(var w in"function"==typeof k&&(k=k.call(this,t,l,t[0].upload.chunked?this._getChunk(t[0],l):null)),k){var F=k[w];if(Array.isArray(F))for(var E=0;E<F.length;E++)b.append(w,F[E]);else b.append(w,F)}}s=!0,c=!1,d=void 0;try{var x;for(h=t[Symbol.iterator]();!(s=(x=h.next()).done);s=!0){g=x.value;this.emit("sending",g,l,b)}}catch(e){c=!0,d=e}finally{try{s||null==h.return||h.return()}finally{if(c)throw d}}this.options.uploadMultiple&&this.emit("sendingmultiple",t,l,b),this._addFormElementData(b);for(E=0;E<i.length;E++){var z=i[E];b.append(z.name,z.data,z.filename)}this.submitRequest(l,b,t)}}},{key:"_transformFiles",value:function(e,t){for(var i=this,n=function(n){i.options.transformFile.call(i,e[n],(function(i){r[n]=i,++a===e.length&&t(r)}))},r=[],a=0,o=0;o<e.length;o++)n(o)}},{key:"_addFormElementData",value:function(e){var t=!0,i=!1,n=void 0;if("FORM"===this.element.tagName)try{for(var r=this.element.querySelectorAll("input, textarea, select, button")[Symbol.iterator]();!(t=(s=r.next()).done);t=!0){var a=s.value,o=a.getAttribute("name"),l=a.getAttribute("type");if(l&&(l=l.toLowerCase()),null!=o)if("SELECT"===a.tagName&&a.hasAttribute("multiple")){t=!0,i=!1,n=void 0;try{var s;for(r=a.options[Symbol.iterator]();!(t=(s=r.next()).done);t=!0){var u=s.value;u.selected&&e.append(o,u.value)}}catch(e){i=!0,n=e}finally{try{t||null==r.return||r.return()}finally{if(i)throw n}}}else(!l||"checkbox"!==l&&"radio"!==l||a.checked)&&e.append(o,a.value)}}catch(e){i=!0,n=e}finally{try{t||null==r.return||r.return()}finally{if(i)throw n}}}},{key:"_updateFilesUploadProgress",value:function(e,t,i){var n=!0,r=!1,a=void 0;if(e[0].upload.chunked){c=e[0];var o=this._getChunk(c,t);i?(o.progress=100*i.loaded/i.total,o.total=i.total,o.bytesSent=i.loaded):(o.progress=100,o.bytesSent=o.total),c.upload.progress=0,c.upload.total=0,c.upload.bytesSent=0;for(var l=0;l<c.upload.totalChunkCount;l++)c.upload.chunks[l]&&void 0!==c.upload.chunks[l].progress&&(c.upload.progress+=c.upload.chunks[l].progress,c.upload.total+=c.upload.chunks[l].total,c.upload.bytesSent+=c.upload.chunks[l].bytesSent);c.upload.progress=c.upload.progress/c.upload.totalChunkCount,this.emit("uploadprogress",c,c.upload.progress,c.upload.bytesSent)}else try{for(var s,u=e[Symbol.iterator]();!(n=(s=u.next()).done);n=!0){var c;(c=s.value).upload.total&&c.upload.bytesSent&&c.upload.bytesSent==c.upload.total||(i?(c.upload.progress=100*i.loaded/i.total,c.upload.total=i.total,c.upload.bytesSent=i.loaded):(c.upload.progress=100,c.upload.bytesSent=c.upload.total),this.emit("uploadprogress",c,c.upload.progress,c.upload.bytesSent))}}catch(e){r=!0,a=e}finally{try{n||null==u.return||u.return()}finally{if(r)throw a}}}},{key:"_finishedUploading",value:function(e,t,i){var n;if(e[0].status!==o.CANCELED&&4===t.readyState){if("arraybuffer"!==t.responseType&&"blob"!==t.responseType&&(n=t.responseText,t.getResponseHeader("content-type")&&~t.getResponseHeader("content-type").indexOf("application/json")))try{n=JSON.parse(n)}catch(e){i=e,n="Invalid JSON response from server."}this._updateFilesUploadProgress(e,t),200<=t.status&&t.status<300?e[0].upload.chunked?e[0].upload.finishedChunkUpload(this._getChunk(e[0],t),n):this._finished(e,n,i):this._handleUploadError(e,t,n)}}},{key:"_handleUploadError",value:function(e,t,i){if(e[0].status!==o.CANCELED){if(e[0].upload.chunked&&this.options.retryChunks){var n=this._getChunk(e[0],t);if(n.retries++<this.options.retryChunksLimit)return void this._uploadData(e,[n.dataBlock]);console.warn("Retried this chunk too often. Giving up.")}this._errorProcessing(e,i||this.options.dictResponseError.replace("{{statusCode}}",t.status),t)}}},{key:"submitRequest",value:function(e,t,i){if(1==e.readyState)if(this.options.binaryBody)if(i[0].upload.chunked){var n=this._getChunk(i[0],e);e.send(n.dataBlock.data)}else e.send(i[0]);else e.send(t);else console.warn("Cannot send this request because the XMLHttpRequest.readyState is not OPENED.")}},{key:"_finished",value:function(e,t,i){var n=!0,r=!1,a=void 0;try{for(var l,s=e[Symbol.iterator]();!(n=(l=s.next()).done);n=!0){var u=l.value;u.status=o.SUCCESS,this.emit("success",u,t,i),this.emit("complete",u)}}catch(e){r=!0,a=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw a}}if(this.options.uploadMultiple&&(this.emit("successmultiple",e,t,i),this.emit("completemultiple",e)),this.options.autoProcessQueue)return this.processQueue()}},{key:"_errorProcessing",value:function(e,t,i){var n=!0,r=!1,a=void 0;try{for(var l,s=e[Symbol.iterator]();!(n=(l=s.next()).done);n=!0){var u=l.value;u.status=o.ERROR,this.emit("error",u,t,i),this.emit("complete",u)}}catch(e){r=!0,a=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw a}}if(this.options.uploadMultiple&&(this.emit("errormultiple",e,t,i),this.emit("completemultiple",e)),this.options.autoProcessQueue)return this.processQueue()}}],[{key:"initClass",value:function(){this.prototype.Emitter=h,this.prototype.events=["drop","dragstart","dragend","dragenter","dragover","dragleave","addedfile","addedfiles","removedfile","thumbnail","error","errormultiple","processing","processingmultiple","uploadprogress","totaluploadprogress","sending","sendingmultiple","success","successmultiple","canceled","canceledmultiple","complete","completemultiple","reset","maxfilesexceeded","maxfilesreached","queuecomplete"],this.prototype._thumbnailQueue=[],this.prototype._processingThumbnail=!1}},{key:"uuidv4",value:function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)}))}}]),o}(h);f.initClass(),f.options={},f.optionsForElement=function(e){return e.getAttribute("id")?f.options[v(e.getAttribute("id"))]:void 0},f.instances=[],f.forElement=function(e){if("string"==typeof e&&(e=document.querySelector(e)),null==(null!=e?e.dropzone:void 0))throw new Error("No Dropzone found for given element. This is probably because you're trying to access it before Dropzone had the time to initialize. Use the `init` option to setup any additional observers on your Dropzone.");return e.dropzone},f.discover=function(){var e;if(document.querySelectorAll)e=document.querySelectorAll(".dropzone");else{e=[];var t=function(t){return function(){var i=[],n=!0,r=!1,a=void 0;try{for(var o,l=t[Symbol.iterator]();!(n=(o=l.next()).done);n=!0){var s=o.value;/(^| )dropzone($| )/.test(s.className)?i.push(e.push(s)):i.push(void 0)}}catch(e){r=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw a}}return i}()};t(document.getElementsByTagName("div")),t(document.getElementsByTagName("form"))}return function(){var t=[],i=!0,n=!1,r=void 0;try{for(var a,o=e[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){var l=a.value;!1!==f.optionsForElement(l)?t.push(new f(l)):t.push(void 0)}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}return t}()},f.blockedBrowsers=[/opera.*(Macintosh|Windows Phone).*version\/12/i],f.isBrowserSupported=function(){var e=!0;if(window.File&&window.FileReader&&window.FileList&&window.Blob&&window.FormData&&document.querySelector)if("classList"in document.createElement("a")){void 0!==f.blacklistedBrowsers&&(f.blockedBrowsers=f.blacklistedBrowsers);var t=!0,i=!1,n=void 0;try{for(var r,a=f.blockedBrowsers[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){r.value.test(navigator.userAgent)&&(e=!1)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}}else e=!1;else e=!1;return e},f.dataURItoBlob=function(e){for(var t=atob(e.split(",")[1]),i=e.split(",")[0].split(":")[1].split(";")[0],n=new ArrayBuffer(t.length),r=new Uint8Array(n),a=0,o=t.length,l=0<=o;l?a<=o:a>=o;l?a++:a--)r[a]=t.charCodeAt(a);return new Blob([n],{type:i})};var m=function(e,t){return e.filter((function(e){return e!==t})).map((function(e){return e}))},v=function(e){return e.replace(/[\-_](\w)/g,(function(e){return e.charAt(1).toUpperCase()}))};f.createElement=function(e){var t=document.createElement("div");return t.innerHTML=e,t.childNodes[0]},f.elementInside=function(e,t){if(e===t)return!0;for(;e=e.parentNode;)if(e===t)return!0;return!1},f.getElement=function(e,t){var i;if("string"==typeof e?i=document.querySelector(e):null!=e.nodeType&&(i=e),null==i)throw new Error("Invalid `".concat(t,"` option provided. Please provide a CSS selector or a plain HTML element."));return i},f.getElements=function(e,t){var i,n;if(e instanceof Array){n=[];try{var r=!0,a=!1,o=void 0;try{for(var l=e[Symbol.iterator]();!(r=(s=l.next()).done);r=!0)i=s.value,n.push(this.getElement(i,t))}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}}catch(e){n=null}}else if("string"==typeof e){n=[];r=!0,a=!1,o=void 0;try{var s;for(l=document.querySelectorAll(e)[Symbol.iterator]();!(r=(s=l.next()).done);r=!0)i=s.value,n.push(i)}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}}else null!=e.nodeType&&(n=[e]);if(null==n||!n.length)throw new Error("Invalid `".concat(t,"` option provided. Please provide a CSS selector, a plain HTML element or a list of those."));return n},f.confirm=function(e,t,i){return window.confirm(e)?t():null!=i?i():void 0},f.isValidFile=function(e,t){if(!t)return!0;t=t.split(",");var i=e.type,n=i.replace(/\/.*$/,""),r=!0,a=!1,o=void 0;try{for(var l,s=t[Symbol.iterator]();!(r=(l=s.next()).done);r=!0){var u=l.value;if("."===(u=u.trim()).charAt(0)){if(-1!==e.name.toLowerCase().indexOf(u.toLowerCase(),e.name.length-u.length))return!0}else if(/\/\*$/.test(u)){if(n===u.replace(/\/.*$/,""))return!0}else if(i===u)return!0}}catch(e){a=!0,o=e}finally{try{r||null==s.return||s.return()}finally{if(a)throw o}}return!1},"undefined"!=typeof jQuery&&null!==jQuery&&(jQuery.fn.dropzone=function(e){return this.each((function(){return new f(this,e)}))}),f.ADDED="added",f.QUEUED="queued",f.ACCEPTED=f.QUEUED,f.UPLOADING="uploading",f.PROCESSING=f.UPLOADING,f.CANCELED="canceled",f.ERROR="error",f.SUCCESS="success";var y=function(e,t,i,n,r,a,o,l,s,u){var c=function(e){e.naturalWidth;var t=e.naturalHeight,i=document.createElement("canvas");i.width=1,i.height=t;var n=i.getContext("2d");n.drawImage(e,0,0);for(var r=n.getImageData(1,0,1,t).data,a=0,o=t,l=t;l>a;)0===r[4*(l-1)+3]?o=l:a=l,l=o+a>>1;var s=l/t;return 0===s?1:s}(t);return e.drawImage(t,i,n,r,a,o,l,s,u/c)},g=function(){"use strict";function e(){i(this,e)}return r(e,null,[{key:"initClass",value:function(){this.KEY_STR="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="}},{key:"encode64",value:function(e){for(var t="",i=void 0,n=void 0,r="",a=void 0,o=void 0,l=void 0,s="",u=0;a=(i=e[u++])>>2,o=(3&i)<<4|(n=e[u++])>>4,l=(15&n)<<2|(r=e[u++])>>6,s=63&r,isNaN(n)?l=s=64:isNaN(r)&&(s=64),t=t+this.KEY_STR.charAt(a)+this.KEY_STR.charAt(o)+this.KEY_STR.charAt(l)+this.KEY_STR.charAt(s),i=n=r="",a=o=l=s="",u<e.length;);return t}},{key:"restore",value:function(e,t){if(!e.match("data:image/jpeg;base64,"))return t;var i=this.decode64(e.replace("data:image/jpeg;base64,","")),n=this.slice2Segments(i),r=this.exifManipulation(t,n);return"data:image/jpeg;base64,".concat(this.encode64(r))}},{key:"exifManipulation",value:function(e,t){var i=this.getExifArray(t),n=this.insertExif(e,i);return new Uint8Array(n)}},{key:"getExifArray",value:function(e){for(var t=void 0,i=0;i<e.length;){if(255===(t=e[i])[0]&225===t[1])return t;i++}return[]}},{key:"insertExif",value:function(e,t){var i=e.replace("data:image/jpeg;base64,",""),n=this.decode64(i),r=n.indexOf(255,3),a=n.slice(0,r),o=n.slice(r),l=a;return l=(l=l.concat(t)).concat(o)}},{key:"slice2Segments",value:function(e){for(var t=0,i=[];;){if(255===e[t]&218===e[t+1])break;if(255===e[t]&216===e[t+1])t+=2;else{var n=t+(256*e[t+2]+e[t+3])+2,r=e.slice(t,n);i.push(r),t=n}if(t>e.length)break}return i}},{key:"decode64",value:function(e){var t=void 0,i=void 0,n="",r=void 0,a=void 0,o="",l=0,s=[];for(/[^A-Za-z0-9\+\/\=]/g.exec(e)&&console.warn("There were invalid base64 characters in the input text.\nValid base64 characters are A-Z, a-z, 0-9, '+', '/',and '='\nExpect errors in decoding."),e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");t=this.KEY_STR.indexOf(e.charAt(l++))<<2|(r=this.KEY_STR.indexOf(e.charAt(l++)))>>4,i=(15&r)<<4|(a=this.KEY_STR.indexOf(e.charAt(l++)))>>2,n=(3&a)<<6|(o=this.KEY_STR.indexOf(e.charAt(l++))),s.push(t),64!==a&&s.push(i),64!==o&&s.push(n),t=i=n="",r=a=o="",l<e.length;);return s}}]),e}();g.initClass();window.Dropzone=f}();
+//# sourceMappingURL=dropzone-min.js.map
diff --git a/ci4app/public/assets/raven/vendor/js/echarts.min.js b/ci4app/public/assets/raven/vendor/js/echarts.min.js
new file mode 100644
index 0000000..22b33ff
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/js/echarts.min.js
@@ -0,0 +1,45 @@
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).echarts={})}(this,(function(t){"use strict";
+/*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},e(t,n)};function n(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}var i=function(){this.firefox=!1,this.ie=!1,this.edge=!1,this.newEdge=!1,this.weChat=!1},r=new function(){this.browser=new i,this.node=!1,this.wxa=!1,this.worker=!1,this.svgSupported=!1,this.touchEventsSupported=!1,this.pointerEventsSupported=!1,this.domSupported=!1,this.transformSupported=!1,this.transform3dSupported=!1,this.hasGlobalWindow="undefined"!=typeof window};"object"==typeof wx&&"function"==typeof wx.getSystemInfoSync?(r.wxa=!0,r.touchEventsSupported=!0):"undefined"==typeof document&&"undefined"!=typeof self?r.worker=!0:!r.hasGlobalWindow||"Deno"in window||"undefined"!=typeof navigator&&"string"==typeof navigator.userAgent&&navigator.userAgent.indexOf("Node.js")>-1?(r.node=!0,r.svgSupported=!0):function(t,e){var n=e.browser,i=t.match(/Firefox\/([\d.]+)/),r=t.match(/MSIE\s([\d.]+)/)||t.match(/Trident\/.+?rv:(([\d.]+))/),o=t.match(/Edge?\/([\d.]+)/),a=/micromessenger/i.test(t);i&&(n.firefox=!0,n.version=i[1]);r&&(n.ie=!0,n.version=r[1]);o&&(n.edge=!0,n.version=o[1],n.newEdge=+o[1].split(".")[0]>18);a&&(n.weChat=!0);e.svgSupported="undefined"!=typeof SVGRect,e.touchEventsSupported="ontouchstart"in window&&!n.ie&&!n.edge,e.pointerEventsSupported="onpointerdown"in window&&(n.edge||n.ie&&+n.version>=11);var s=e.domSupported="undefined"!=typeof document;if(s){var l=document.documentElement.style;e.transform3dSupported=(n.ie&&"transition"in l||n.edge||"WebKitCSSMatrix"in window&&"m11"in new WebKitCSSMatrix||"MozPerspective"in l)&&!("OTransition"in l),e.transformSupported=e.transform3dSupported||n.ie&&+n.version>=9}}(navigator.userAgent,r);var o="sans-serif",a="12px "+o;var s,l,u=function(t){var e={};if("undefined"==typeof JSON)return e;for(var n=0;n<t.length;n++){var i=String.fromCharCode(n+32),r=(t.charCodeAt(n)-20)/100;e[i]=r}return e}("007LLmW'55;N0500LLLLLLLLLL00NNNLzWW\\\\WQb\\0FWLg\\bWb\\WQ\\WrWWQ000CL5LLFLL0LL**F*gLLLL5F0LF\\FFF5.5N"),c={createCanvas:function(){return"undefined"!=typeof document&&document.createElement("canvas")},measureText:function(t,e){if(!s){var n=c.createCanvas();s=n&&n.getContext("2d")}if(s)return l!==e&&(l=s.font=e||a),s.measureText(t);t=t||"";var i=/((?:\d+)?\.?\d*)px/.exec(e=e||a),r=i&&+i[1]||12,o=0;if(e.indexOf("mono")>=0)o=r*t.length;else for(var h=0;h<t.length;h++){var d=u[t[h]];o+=null==d?r:d*r}return{width:o}},loadImage:function(t,e,n){var i=new Image;return i.onload=e,i.onerror=n,i.src=t,i}};function h(t){for(var e in c)t[e]&&(c[e]=t[e])}var d=B(["Function","RegExp","Date","Error","CanvasGradient","CanvasPattern","Image","Canvas"],(function(t,e){return t["[object "+e+"]"]=!0,t}),{}),p=B(["Int8","Uint8","Uint8Clamped","Int16","Uint16","Int32","Uint32","Float32","Float64"],(function(t,e){return t["[object "+e+"Array]"]=!0,t}),{}),f=Object.prototype.toString,g=Array.prototype,y=g.forEach,v=g.filter,m=g.slice,x=g.map,_=function(){}.constructor,b=_?_.prototype:null,w="__proto__",S=2311;function M(){return S++}function I(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];"undefined"!=typeof console&&console.error.apply(console,t)}function T(t){if(null==t||"object"!=typeof t)return t;var e=t,n=f.call(t);if("[object Array]"===n){if(!dt(t)){e=[];for(var i=0,r=t.length;i<r;i++)e[i]=T(t[i])}}else if(p[n]){if(!dt(t)){var o=t.constructor;if(o.from)e=o.from(t);else{e=new o(t.length);for(i=0,r=t.length;i<r;i++)e[i]=t[i]}}}else if(!d[n]&&!dt(t)&&!J(t))for(var a in e={},t)t.hasOwnProperty(a)&&a!==w&&(e[a]=T(t[a]));return e}function C(t,e,n){if(!q(e)||!q(t))return n?T(e):t;for(var i in e)if(e.hasOwnProperty(i)&&i!==w){var r=t[i],o=e[i];!q(o)||!q(r)||U(o)||U(r)||J(o)||J(r)||K(o)||K(r)||dt(o)||dt(r)?!n&&i in t||(t[i]=T(e[i])):C(r,o,n)}return t}function D(t,e){for(var n=t[0],i=1,r=t.length;i<r;i++)n=C(n,t[i],e);return n}function A(t,e){if(Object.assign)Object.assign(t,e);else for(var n in e)e.hasOwnProperty(n)&&n!==w&&(t[n]=e[n]);return t}function k(t,e,n){for(var i=F(e),r=0,o=i.length;r<o;r++){var a=i[r];(n?null!=e[a]:null==t[a])&&(t[a]=e[a])}return t}var L=c.createCanvas;function P(t,e){if(t){if(t.indexOf)return t.indexOf(e);for(var n=0,i=t.length;n<i;n++)if(t[n]===e)return n}return-1}function O(t,e){var n=t.prototype;function i(){}for(var r in i.prototype=e.prototype,t.prototype=new i,n)n.hasOwnProperty(r)&&(t.prototype[r]=n[r]);t.prototype.constructor=t,t.superClass=e}function R(t,e,n){if(t="prototype"in t?t.prototype:t,e="prototype"in e?e.prototype:e,Object.getOwnPropertyNames)for(var i=Object.getOwnPropertyNames(e),r=0;r<i.length;r++){var o=i[r];"constructor"!==o&&(n?null!=e[o]:null==t[o])&&(t[o]=e[o])}else k(t,e,n)}function N(t){return!!t&&("string"!=typeof t&&"number"==typeof t.length)}function z(t,e,n){if(t&&e)if(t.forEach&&t.forEach===y)t.forEach(e,n);else if(t.length===+t.length)for(var i=0,r=t.length;i<r;i++)e.call(n,t[i],i,t);else for(var o in t)t.hasOwnProperty(o)&&e.call(n,t[o],o,t)}function E(t,e,n){if(!t)return[];if(!e)return at(t);if(t.map&&t.map===x)return t.map(e,n);for(var i=[],r=0,o=t.length;r<o;r++)i.push(e.call(n,t[r],r,t));return i}function B(t,e,n,i){if(t&&e){for(var r=0,o=t.length;r<o;r++)n=e.call(i,n,t[r],r,t);return n}}function V(t,e,n){if(!t)return[];if(!e)return at(t);if(t.filter&&t.filter===v)return t.filter(e,n);for(var i=[],r=0,o=t.length;r<o;r++)e.call(n,t[r],r,t)&&i.push(t[r]);return i}function G(t,e,n){if(t&&e)for(var i=0,r=t.length;i<r;i++)if(e.call(n,t[i],i,t))return t[i]}function F(t){if(!t)return[];if(Object.keys)return Object.keys(t);var e=[];for(var n in t)t.hasOwnProperty(n)&&e.push(n);return e}var W=b&&Y(b.bind)?b.call.bind(b.bind):function(t,e){for(var n=[],i=2;i<arguments.length;i++)n[i-2]=arguments[i];return function(){return t.apply(e,n.concat(m.call(arguments)))}};function H(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return function(){return t.apply(this,e.concat(m.call(arguments)))}}function U(t){return Array.isArray?Array.isArray(t):"[object Array]"===f.call(t)}function Y(t){return"function"==typeof t}function X(t){return"string"==typeof t}function Z(t){return"[object String]"===f.call(t)}function j(t){return"number"==typeof t}function q(t){var e=typeof t;return"function"===e||!!t&&"object"===e}function K(t){return!!d[f.call(t)]}function $(t){return!!p[f.call(t)]}function J(t){return"object"==typeof t&&"number"==typeof t.nodeType&&"object"==typeof t.ownerDocument}function Q(t){return null!=t.colorStops}function tt(t){return null!=t.image}function et(t){return"[object RegExp]"===f.call(t)}function nt(t){return t!=t}function it(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];for(var n=0,i=t.length;n<i;n++)if(null!=t[n])return t[n]}function rt(t,e){return null!=t?t:e}function ot(t,e,n){return null!=t?t:null!=e?e:n}function at(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return m.apply(t,e)}function st(t){if("number"==typeof t)return[t,t,t,t];var e=t.length;return 2===e?[t[0],t[1],t[0],t[1]]:3===e?[t[0],t[1],t[2],t[1]]:t}function lt(t,e){if(!t)throw new Error(e)}function ut(t){return null==t?null:"function"==typeof t.trim?t.trim():t.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"")}var ct="__ec_primitive__";function ht(t){t[ct]=!0}function dt(t){return t[ct]}var pt=function(){function t(){this.data={}}return t.prototype.delete=function(t){var e=this.has(t);return e&&delete this.data[t],e},t.prototype.has=function(t){return this.data.hasOwnProperty(t)},t.prototype.get=function(t){return this.data[t]},t.prototype.set=function(t,e){return this.data[t]=e,this},t.prototype.keys=function(){return F(this.data)},t.prototype.forEach=function(t){var e=this.data;for(var n in e)e.hasOwnProperty(n)&&t(e[n],n)},t}(),ft="function"==typeof Map;var gt=function(){function t(e){var n=U(e);this.data=ft?new Map:new pt;var i=this;function r(t,e){n?i.set(t,e):i.set(e,t)}e instanceof t?e.each(r):e&&z(e,r)}return t.prototype.hasKey=function(t){return this.data.has(t)},t.prototype.get=function(t){return this.data.get(t)},t.prototype.set=function(t,e){return this.data.set(t,e),e},t.prototype.each=function(t,e){this.data.forEach((function(n,i){t.call(e,n,i)}))},t.prototype.keys=function(){var t=this.data.keys();return ft?Array.from(t):t},t.prototype.removeKey=function(t){this.data.delete(t)},t}();function yt(t){return new gt(t)}function vt(t,e){for(var n=new t.constructor(t.length+e.length),i=0;i<t.length;i++)n[i]=t[i];var r=t.length;for(i=0;i<e.length;i++)n[i+r]=e[i];return n}function mt(t,e){var n;if(Object.create)n=Object.create(t);else{var i=function(){};i.prototype=t,n=new i}return e&&A(n,e),n}function xt(t){var e=t.style;e.webkitUserSelect="none",e.userSelect="none",e.webkitTapHighlightColor="rgba(0,0,0,0)",e["-webkit-touch-callout"]="none"}function _t(t,e){return t.hasOwnProperty(e)}function bt(){}var wt=180/Math.PI,St=Number.EPSILON||Math.pow(2,-52),Mt=Object.freeze({__proto__:null,guid:M,logError:I,clone:T,merge:C,mergeAll:D,extend:A,defaults:k,createCanvas:L,indexOf:P,inherits:O,mixin:R,isArrayLike:N,each:z,map:E,reduce:B,filter:V,find:G,keys:F,bind:W,curry:H,isArray:U,isFunction:Y,isString:X,isStringSafe:Z,isNumber:j,isObject:q,isBuiltInObject:K,isTypedArray:$,isDom:J,isGradientObject:Q,isImagePatternObject:tt,isRegExp:et,eqNaN:nt,retrieve:it,retrieve2:rt,retrieve3:ot,slice:at,normalizeCssArray:st,assert:lt,trim:ut,setAsPrimitive:ht,isPrimitive:dt,HashMap:gt,createHashMap:yt,concatArray:vt,createObject:mt,disableUserSelect:xt,hasOwn:_t,noop:bt,RADIAN_TO_DEGREE:wt,EPSILON:St});function It(t,e){return null==t&&(t=0),null==e&&(e=0),[t,e]}function Tt(t,e){return t[0]=e[0],t[1]=e[1],t}function Ct(t){return[t[0],t[1]]}function Dt(t,e,n){return t[0]=e,t[1]=n,t}function At(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t}function kt(t,e,n,i){return t[0]=e[0]+n[0]*i,t[1]=e[1]+n[1]*i,t}function Lt(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t}function Pt(t){return Math.sqrt(Rt(t))}var Ot=Pt;function Rt(t){return t[0]*t[0]+t[1]*t[1]}var Nt=Rt;function zt(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t}function Et(t,e){var n=Pt(e);return 0===n?(t[0]=0,t[1]=0):(t[0]=e[0]/n,t[1]=e[1]/n),t}function Bt(t,e){return Math.sqrt((t[0]-e[0])*(t[0]-e[0])+(t[1]-e[1])*(t[1]-e[1]))}var Vt=Bt;function Gt(t,e){return(t[0]-e[0])*(t[0]-e[0])+(t[1]-e[1])*(t[1]-e[1])}var Ft=Gt;function Wt(t,e,n,i){return t[0]=e[0]+i*(n[0]-e[0]),t[1]=e[1]+i*(n[1]-e[1]),t}function Ht(t,e,n){var i=e[0],r=e[1];return t[0]=n[0]*i+n[2]*r+n[4],t[1]=n[1]*i+n[3]*r+n[5],t}function Ut(t,e,n){return t[0]=Math.min(e[0],n[0]),t[1]=Math.min(e[1],n[1]),t}function Yt(t,e,n){return t[0]=Math.max(e[0],n[0]),t[1]=Math.max(e[1],n[1]),t}var Xt=Object.freeze({__proto__:null,create:It,copy:Tt,clone:Ct,set:Dt,add:At,scaleAndAdd:kt,sub:Lt,len:Pt,length:Ot,lenSquare:Rt,lengthSquare:Nt,mul:function(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t},div:function(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t},dot:function(t,e){return t[0]*e[0]+t[1]*e[1]},scale:zt,normalize:Et,distance:Bt,dist:Vt,distanceSquare:Gt,distSquare:Ft,negate:function(t,e){return t[0]=-e[0],t[1]=-e[1],t},lerp:Wt,applyTransform:Ht,min:Ut,max:Yt}),Zt=function(t,e){this.target=t,this.topTarget=e&&e.topTarget},jt=function(){function t(t){this.handler=t,t.on("mousedown",this._dragStart,this),t.on("mousemove",this._drag,this),t.on("mouseup",this._dragEnd,this)}return t.prototype._dragStart=function(t){for(var e=t.target;e&&!e.draggable;)e=e.parent||e.__hostTarget;e&&(this._draggingTarget=e,e.dragging=!0,this._x=t.offsetX,this._y=t.offsetY,this.handler.dispatchToElement(new Zt(e,t),"dragstart",t.event))},t.prototype._drag=function(t){var e=this._draggingTarget;if(e){var n=t.offsetX,i=t.offsetY,r=n-this._x,o=i-this._y;this._x=n,this._y=i,e.drift(r,o,t),this.handler.dispatchToElement(new Zt(e,t),"drag",t.event);var a=this.handler.findHover(n,i,e).target,s=this._dropTarget;this._dropTarget=a,e!==a&&(s&&a!==s&&this.handler.dispatchToElement(new Zt(s,t),"dragleave",t.event),a&&a!==s&&this.handler.dispatchToElement(new Zt(a,t),"dragenter",t.event))}},t.prototype._dragEnd=function(t){var e=this._draggingTarget;e&&(e.dragging=!1),this.handler.dispatchToElement(new Zt(e,t),"dragend",t.event),this._dropTarget&&this.handler.dispatchToElement(new Zt(this._dropTarget,t),"drop",t.event),this._draggingTarget=null,this._dropTarget=null},t}(),qt=function(){function t(t){t&&(this._$eventProcessor=t)}return t.prototype.on=function(t,e,n,i){this._$handlers||(this._$handlers={});var r=this._$handlers;if("function"==typeof e&&(i=n,n=e,e=null),!n||!t)return this;var o=this._$eventProcessor;null!=e&&o&&o.normalizeQuery&&(e=o.normalizeQuery(e)),r[t]||(r[t]=[]);for(var a=0;a<r[t].length;a++)if(r[t][a].h===n)return this;var s={h:n,query:e,ctx:i||this,callAtLast:n.zrEventfulCallAtLast},l=r[t].length-1,u=r[t][l];return u&&u.callAtLast?r[t].splice(l,0,s):r[t].push(s),this},t.prototype.isSilent=function(t){var e=this._$handlers;return!e||!e[t]||!e[t].length},t.prototype.off=function(t,e){var n=this._$handlers;if(!n)return this;if(!t)return this._$handlers={},this;if(e){if(n[t]){for(var i=[],r=0,o=n[t].length;r<o;r++)n[t][r].h!==e&&i.push(n[t][r]);n[t]=i}n[t]&&0===n[t].length&&delete n[t]}else delete n[t];return this},t.prototype.trigger=function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];if(!this._$handlers)return this;var i=this._$handlers[t],r=this._$eventProcessor;if(i)for(var o=e.length,a=i.length,s=0;s<a;s++){var l=i[s];if(!r||!r.filter||null==l.query||r.filter(t,l.query))switch(o){case 0:l.h.call(l.ctx);break;case 1:l.h.call(l.ctx,e[0]);break;case 2:l.h.call(l.ctx,e[0],e[1]);break;default:l.h.apply(l.ctx,e)}}return r&&r.afterTrigger&&r.afterTrigger(t),this},t.prototype.triggerWithContext=function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];if(!this._$handlers)return this;var i=this._$handlers[t],r=this._$eventProcessor;if(i)for(var o=e.length,a=e[o-1],s=i.length,l=0;l<s;l++){var u=i[l];if(!r||!r.filter||null==u.query||r.filter(t,u.query))switch(o){case 0:u.h.call(a);break;case 1:u.h.call(a,e[0]);break;case 2:u.h.call(a,e[0],e[1]);break;default:u.h.apply(a,e.slice(1,o-1))}}return r&&r.afterTrigger&&r.afterTrigger(t),this},t}(),Kt=Math.log(2);function $t(t,e,n,i,r,o){var a=i+"-"+r,s=t.length;if(o.hasOwnProperty(a))return o[a];if(1===e){var l=Math.round(Math.log((1<<s)-1&~r)/Kt);return t[n][l]}for(var u=i|1<<n,c=n+1;i&1<<c;)c++;for(var h=0,d=0,p=0;d<s;d++){var f=1<<d;f&r||(h+=(p%2?-1:1)*t[n][d]*$t(t,e-1,c,u,r|f,o),p++)}return o[a]=h,h}function Jt(t,e){var n=[[t[0],t[1],1,0,0,0,-e[0]*t[0],-e[0]*t[1]],[0,0,0,t[0],t[1],1,-e[1]*t[0],-e[1]*t[1]],[t[2],t[3],1,0,0,0,-e[2]*t[2],-e[2]*t[3]],[0,0,0,t[2],t[3],1,-e[3]*t[2],-e[3]*t[3]],[t[4],t[5],1,0,0,0,-e[4]*t[4],-e[4]*t[5]],[0,0,0,t[4],t[5],1,-e[5]*t[4],-e[5]*t[5]],[t[6],t[7],1,0,0,0,-e[6]*t[6],-e[6]*t[7]],[0,0,0,t[6],t[7],1,-e[7]*t[6],-e[7]*t[7]]],i={},r=$t(n,8,0,0,0,i);if(0!==r){for(var o=[],a=0;a<8;a++)for(var s=0;s<8;s++)null==o[s]&&(o[s]=0),o[s]+=((a+s)%2?-1:1)*$t(n,7,0===a?1:0,1<<a,1<<s,i)/r*e[a];return function(t,e,n){var i=e*o[6]+n*o[7]+1;t[0]=(e*o[0]+n*o[1]+o[2])/i,t[1]=(e*o[3]+n*o[4]+o[5])/i}}}var Qt="___zrEVENTSAVED",te=[];function ee(t,e,n,i,o){if(e.getBoundingClientRect&&r.domSupported&&!ne(e)){var a=e[Qt]||(e[Qt]={}),s=function(t,e){var n=e.markers;if(n)return n;n=e.markers=[];for(var i=["left","right"],r=["top","bottom"],o=0;o<4;o++){var a=document.createElement("div"),s=o%2,l=(o>>1)%2;a.style.cssText=["position: absolute","visibility: hidden","padding: 0","margin: 0","border-width: 0","user-select: none","width:0","height:0",i[s]+":0",r[l]+":0",i[1-s]+":auto",r[1-l]+":auto",""].join("!important;"),t.appendChild(a),n.push(a)}return e.clearMarkers=function(){z(n,(function(t){t.parentNode&&t.parentNode.removeChild(t)}))},n}(e,a),l=function(t,e,n){for(var i=n?"invTrans":"trans",r=e[i],o=e.srcCoords,a=[],s=[],l=!0,u=0;u<4;u++){var c=t[u].getBoundingClientRect(),h=2*u,d=c.left,p=c.top;a.push(d,p),l=l&&o&&d===o[h]&&p===o[h+1],s.push(t[u].offsetLeft,t[u].offsetTop)}return l&&r?r:(e.srcCoords=a,e[i]=n?Jt(s,a):Jt(a,s))}(s,a,o);if(l)return l(t,n,i),!0}return!1}function ne(t){return"CANVAS"===t.nodeName.toUpperCase()}var ie=/([&<>"'])/g,re={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function oe(t){return null==t?"":(t+"").replace(ie,(function(t,e){return re[e]}))}var ae=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,se=[],le=r.browser.firefox&&+r.browser.version.split(".")[0]<39;function ue(t,e,n,i){return n=n||{},i?ce(t,e,n):le&&null!=e.layerX&&e.layerX!==e.offsetX?(n.zrX=e.layerX,n.zrY=e.layerY):null!=e.offsetX?(n.zrX=e.offsetX,n.zrY=e.offsetY):ce(t,e,n),n}function ce(t,e,n){if(r.domSupported&&t.getBoundingClientRect){var i=e.clientX,o=e.clientY;if(ne(t)){var a=t.getBoundingClientRect();return n.zrX=i-a.left,void(n.zrY=o-a.top)}if(ee(se,t,i,o))return n.zrX=se[0],void(n.zrY=se[1])}n.zrX=n.zrY=0}function he(t){return t||window.event}function de(t,e,n){if(null!=(e=he(e)).zrX)return e;var i=e.type;if(i&&i.indexOf("touch")>=0){var r="touchend"!==i?e.targetTouches[0]:e.changedTouches[0];r&&ue(t,r,e,n)}else{ue(t,e,e,n);var o=function(t){var e=t.wheelDelta;if(e)return e;var n=t.deltaX,i=t.deltaY;if(null==n||null==i)return e;return 3*(0!==i?Math.abs(i):Math.abs(n))*(i>0?-1:i<0?1:n>0?-1:1)}(e);e.zrDelta=o?o/120:-(e.detail||0)/3}var a=e.button;return null==e.which&&void 0!==a&&ae.test(e.type)&&(e.which=1&a?1:2&a?3:4&a?2:0),e}function pe(t,e,n,i){t.addEventListener(e,n,i)}var fe=function(t){t.preventDefault(),t.stopPropagation(),t.cancelBubble=!0};function ge(t){return 2===t.which||3===t.which}var ye=function(){function t(){this._track=[]}return t.prototype.recognize=function(t,e,n){return this._doTrack(t,e,n),this._recognize(t)},t.prototype.clear=function(){return this._track.length=0,this},t.prototype._doTrack=function(t,e,n){var i=t.touches;if(i){for(var r={points:[],touches:[],target:e,event:t},o=0,a=i.length;o<a;o++){var s=i[o],l=ue(n,s,{});r.points.push([l.zrX,l.zrY]),r.touches.push(s)}this._track.push(r)}},t.prototype._recognize=function(t){for(var e in me)if(me.hasOwnProperty(e)){var n=me[e](this._track,t);if(n)return n}},t}();function ve(t){var e=t[1][0]-t[0][0],n=t[1][1]-t[0][1];return Math.sqrt(e*e+n*n)}var me={pinch:function(t,e){var n=t.length;if(n){var i,r=(t[n-1]||{}).points,o=(t[n-2]||{}).points||r;if(o&&o.length>1&&r&&r.length>1){var a=ve(r)/ve(o);!isFinite(a)&&(a=1),e.pinchScale=a;var s=[((i=r)[0][0]+i[1][0])/2,(i[0][1]+i[1][1])/2];return e.pinchX=s[0],e.pinchY=s[1],{type:"pinch",target:t[0].target,event:e}}}}};function xe(){return[1,0,0,1,0,0]}function _e(t){return t[0]=1,t[1]=0,t[2]=0,t[3]=1,t[4]=0,t[5]=0,t}function be(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4],t[5]=e[5],t}function we(t,e,n){var i=e[0]*n[0]+e[2]*n[1],r=e[1]*n[0]+e[3]*n[1],o=e[0]*n[2]+e[2]*n[3],a=e[1]*n[2]+e[3]*n[3],s=e[0]*n[4]+e[2]*n[5]+e[4],l=e[1]*n[4]+e[3]*n[5]+e[5];return t[0]=i,t[1]=r,t[2]=o,t[3]=a,t[4]=s,t[5]=l,t}function Se(t,e,n){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4]+n[0],t[5]=e[5]+n[1],t}function Me(t,e,n,i){void 0===i&&(i=[0,0]);var r=e[0],o=e[2],a=e[4],s=e[1],l=e[3],u=e[5],c=Math.sin(n),h=Math.cos(n);return t[0]=r*h+s*c,t[1]=-r*c+s*h,t[2]=o*h+l*c,t[3]=-o*c+h*l,t[4]=h*(a-i[0])+c*(u-i[1])+i[0],t[5]=h*(u-i[1])-c*(a-i[0])+i[1],t}function Ie(t,e,n){var i=n[0],r=n[1];return t[0]=e[0]*i,t[1]=e[1]*r,t[2]=e[2]*i,t[3]=e[3]*r,t[4]=e[4]*i,t[5]=e[5]*r,t}function Te(t,e){var n=e[0],i=e[2],r=e[4],o=e[1],a=e[3],s=e[5],l=n*a-o*i;return l?(l=1/l,t[0]=a*l,t[1]=-o*l,t[2]=-i*l,t[3]=n*l,t[4]=(i*s-a*r)*l,t[5]=(o*r-n*s)*l,t):null}function Ce(t){var e=[1,0,0,1,0,0];return be(e,t),e}var De=Object.freeze({__proto__:null,create:xe,identity:_e,copy:be,mul:we,translate:Se,rotate:Me,scale:Ie,invert:Te,clone:Ce}),Ae=function(){function t(t,e){this.x=t||0,this.y=e||0}return t.prototype.copy=function(t){return this.x=t.x,this.y=t.y,this},t.prototype.clone=function(){return new t(this.x,this.y)},t.prototype.set=function(t,e){return this.x=t,this.y=e,this},t.prototype.equal=function(t){return t.x===this.x&&t.y===this.y},t.prototype.add=function(t){return this.x+=t.x,this.y+=t.y,this},t.prototype.scale=function(t){this.x*=t,this.y*=t},t.prototype.scaleAndAdd=function(t,e){this.x+=t.x*e,this.y+=t.y*e},t.prototype.sub=function(t){return this.x-=t.x,this.y-=t.y,this},t.prototype.dot=function(t){return this.x*t.x+this.y*t.y},t.prototype.len=function(){return Math.sqrt(this.x*this.x+this.y*this.y)},t.prototype.lenSquare=function(){return this.x*this.x+this.y*this.y},t.prototype.normalize=function(){var t=this.len();return this.x/=t,this.y/=t,this},t.prototype.distance=function(t){var e=this.x-t.x,n=this.y-t.y;return Math.sqrt(e*e+n*n)},t.prototype.distanceSquare=function(t){var e=this.x-t.x,n=this.y-t.y;return e*e+n*n},t.prototype.negate=function(){return this.x=-this.x,this.y=-this.y,this},t.prototype.transform=function(t){if(t){var e=this.x,n=this.y;return this.x=t[0]*e+t[2]*n+t[4],this.y=t[1]*e+t[3]*n+t[5],this}},t.prototype.toArray=function(t){return t[0]=this.x,t[1]=this.y,t},t.prototype.fromArray=function(t){this.x=t[0],this.y=t[1]},t.set=function(t,e,n){t.x=e,t.y=n},t.copy=function(t,e){t.x=e.x,t.y=e.y},t.len=function(t){return Math.sqrt(t.x*t.x+t.y*t.y)},t.lenSquare=function(t){return t.x*t.x+t.y*t.y},t.dot=function(t,e){return t.x*e.x+t.y*e.y},t.add=function(t,e,n){t.x=e.x+n.x,t.y=e.y+n.y},t.sub=function(t,e,n){t.x=e.x-n.x,t.y=e.y-n.y},t.scale=function(t,e,n){t.x=e.x*n,t.y=e.y*n},t.scaleAndAdd=function(t,e,n,i){t.x=e.x+n.x*i,t.y=e.y+n.y*i},t.lerp=function(t,e,n,i){var r=1-i;t.x=r*e.x+i*n.x,t.y=r*e.y+i*n.y},t}(),ke=Math.min,Le=Math.max,Pe=Math.abs,Oe=["x","y"],Re=["width","height"],Ne=new Ae,ze=new Ae,Ee=new Ae,Be=new Ae,Ve=Ze(),Ge=Ve.minTv,Fe=Ve.maxTv,We=[0,0],He=function(){function t(e,n,i,r){t.set(this,e,n,i,r)}return t.set=function(t,e,n,i,r){return i<0&&(e+=i,i=-i),r<0&&(n+=r,r=-r),t.x=e,t.y=n,t.width=i,t.height=r,t},t.prototype.union=function(t){var e=ke(t.x,this.x),n=ke(t.y,this.y);isFinite(this.x)&&isFinite(this.width)?this.width=Le(t.x+t.width,this.x+this.width)-e:this.width=t.width,isFinite(this.y)&&isFinite(this.height)?this.height=Le(t.y+t.height,this.y+this.height)-n:this.height=t.height,this.x=e,this.y=n},t.prototype.applyTransform=function(e){t.applyTransform(this,this,e)},t.prototype.calculateTransform=function(t){var e=this,n=t.width/e.width,i=t.height/e.height,r=[1,0,0,1,0,0];return Se(r,r,[-e.x,-e.y]),Ie(r,r,[n,i]),Se(r,r,[t.x,t.y]),r},t.prototype.intersect=function(e,n,i){return t.intersect(this,e,n,i)},t.intersect=function(e,n,i,r){i&&Ae.set(i,0,0);var o=r&&r.outIntersectRect||null,a=r&&r.clamp;if(o&&(o.x=o.y=o.width=o.height=NaN),!e||!n)return!1;e instanceof t||(e=t.set(Ue,e.x,e.y,e.width,e.height)),n instanceof t||(n=t.set(Ye,n.x,n.y,n.width,n.height));var s=!!i;Ve.reset(r,s);var l=Ve.touchThreshold,u=e.x+l,c=e.x+e.width-l,h=e.y+l,d=e.y+e.height-l,p=n.x+l,f=n.x+n.width-l,g=n.y+l,y=n.y+n.height-l;if(u>c||h>d||p>f||g>y)return!1;var v=!(c<p||f<u||d<g||y<h);return(s||o)&&(We[0]=1/0,We[1]=0,Xe(u,c,p,f,0,s,o,a),Xe(h,d,g,y,1,s,o,a),s&&Ae.copy(i,v?Ve.useDir?Ve.dirMinTv:Ge:Fe)),v},t.contain=function(t,e,n){return e>=t.x&&e<=t.x+t.width&&n>=t.y&&n<=t.y+t.height},t.prototype.contain=function(e,n){return t.contain(this,e,n)},t.prototype.clone=function(){return new t(this.x,this.y,this.width,this.height)},t.prototype.copy=function(e){t.copy(this,e)},t.prototype.plain=function(){return{x:this.x,y:this.y,width:this.width,height:this.height}},t.prototype.isFinite=function(){return isFinite(this.x)&&isFinite(this.y)&&isFinite(this.width)&&isFinite(this.height)},t.prototype.isZero=function(){return 0===this.width||0===this.height},t.create=function(e){return new t(e.x,e.y,e.width,e.height)},t.copy=function(t,e){return t.x=e.x,t.y=e.y,t.width=e.width,t.height=e.height,t},t.applyTransform=function(e,n,i){if(i){if(i[1]<1e-5&&i[1]>-1e-5&&i[2]<1e-5&&i[2]>-1e-5){var r=i[0],o=i[3],a=i[4],s=i[5];return e.x=n.x*r+a,e.y=n.y*o+s,e.width=n.width*r,e.height=n.height*o,e.width<0&&(e.x+=e.width,e.width=-e.width),void(e.height<0&&(e.y+=e.height,e.height=-e.height))}Ne.x=Ee.x=n.x,Ne.y=Be.y=n.y,ze.x=Be.x=n.x+n.width,ze.y=Ee.y=n.y+n.height,Ne.transform(i),Be.transform(i),ze.transform(i),Ee.transform(i),e.x=ke(Ne.x,ze.x,Ee.x,Be.x),e.y=ke(Ne.y,ze.y,Ee.y,Be.y);var l=Le(Ne.x,ze.x,Ee.x,Be.x),u=Le(Ne.y,ze.y,Ee.y,Be.y);e.width=l-e.x,e.height=u-e.y}else e!==n&&t.copy(e,n)},t}(),Ue=new He(0,0,0,0),Ye=new He(0,0,0,0);function Xe(t,e,n,i,r,o,a,s){var l=Pe(e-n),u=Pe(i-t),c=ke(l,u),h=Oe[r],d=Oe[1-r],p=Re[r];e<n||i<t?l<u?(o&&(Fe[h]=-l),s&&(a[h]=e,a[p]=0)):(o&&(Fe[h]=u),s&&(a[h]=t,a[p]=0)):(a&&(a[h]=Le(t,n),a[p]=ke(e,i)-a[h]),o&&(c<We[0]||Ve.useDir)&&(We[0]=ke(c,We[0]),(l<u||!Ve.bidirectional)&&(Ge[h]=l,Ge[d]=0,Ve.useDir&&Ve.calcDirMTV()),(l>=u||!Ve.bidirectional)&&(Ge[h]=-u,Ge[d]=0,Ve.useDir&&Ve.calcDirMTV())))}function Ze(){var t=0,e=new Ae,n=new Ae,i={minTv:new Ae,maxTv:new Ae,useDir:!1,dirMinTv:new Ae,touchThreshold:0,bidirectional:!0,negativeSize:!1,reset:function(r,o){i.touchThreshold=0,r&&null!=r.touchThreshold&&(i.touchThreshold=Le(0,r.touchThreshold)),i.negativeSize=!1,o&&(i.minTv.set(1/0,1/0),i.maxTv.set(0,0),i.useDir=!1,r&&null!=r.direction&&(i.useDir=!0,i.dirMinTv.copy(i.minTv),n.copy(i.minTv),t=r.direction,i.bidirectional=null==r.bidirectional||!!r.bidirectional,i.bidirectional||e.set(Math.cos(t),Math.sin(t))))},calcDirMTV:function(){var o=i.minTv,a=i.dirMinTv,s=o.y*o.y+o.x*o.x,l=Math.sin(t),u=Math.cos(t),c=l*o.y+u*o.x;r(c)?r(o.x)&&r(o.y)&&a.set(0,0):(n.x=s*u/c,n.y=s*l/c,r(n.x)&&r(n.y)?a.set(0,0):(i.bidirectional||e.dot(n)>0)&&n.len()<a.len()&&a.copy(n))}};function r(t){return Pe(t)<1e-10}return i}var je="silent";function qe(){fe(this.event)}var Ke=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.handler=null,e}return n(e,t),e.prototype.dispose=function(){},e.prototype.setCursor=function(){},e}(qt),$e=function(t,e){this.x=t,this.y=e},Je=["click","dblclick","mousewheel","mouseout","mouseup","mousedown","mousemove","contextmenu"],Qe=new He(0,0,0,0),tn=function(t){function e(e,n,i,r,o){var a=t.call(this)||this;return a._hovered=new $e(0,0),a.storage=e,a.painter=n,a.painterRoot=r,a._pointerSize=o,i=i||new Ke,a.proxy=null,a.setHandlerProxy(i),a._draggingMgr=new jt(a),a}return n(e,t),e.prototype.setHandlerProxy=function(t){this.proxy&&this.proxy.dispose(),t&&(z(Je,(function(e){t.on&&t.on(e,this[e],this)}),this),t.handler=this),this.proxy=t},e.prototype.mousemove=function(t){var e=t.zrX,n=t.zrY,i=rn(this,e,n),r=this._hovered,o=r.target;o&&!o.__zr&&(o=(r=this.findHover(r.x,r.y)).target);var a=this._hovered=i?new $e(e,n):this.findHover(e,n),s=a.target,l=this.proxy;l.setCursor&&l.setCursor(s?s.cursor:"default"),o&&s!==o&&this.dispatchToElement(r,"mouseout",t),this.dispatchToElement(a,"mousemove",t),s&&s!==o&&this.dispatchToElement(a,"mouseover",t)},e.prototype.mouseout=function(t){var e=t.zrEventControl;"only_globalout"!==e&&this.dispatchToElement(this._hovered,"mouseout",t),"no_globalout"!==e&&this.trigger("globalout",{type:"globalout",event:t})},e.prototype.resize=function(){this._hovered=new $e(0,0)},e.prototype.dispatch=function(t,e){var n=this[t];n&&n.call(this,e)},e.prototype.dispose=function(){this.proxy.dispose(),this.storage=null,this.proxy=null,this.painter=null},e.prototype.setCursorStyle=function(t){var e=this.proxy;e.setCursor&&e.setCursor(t)},e.prototype.dispatchToElement=function(t,e,n){var i=(t=t||{}).target;if(!i||!i.silent){for(var r="on"+e,o=function(t,e,n){return{type:t,event:n,target:e.target,topTarget:e.topTarget,cancelBubble:!1,offsetX:n.zrX,offsetY:n.zrY,gestureEvent:n.gestureEvent,pinchX:n.pinchX,pinchY:n.pinchY,pinchScale:n.pinchScale,wheelDelta:n.zrDelta,zrByTouch:n.zrByTouch,which:n.which,stop:qe}}(e,t,n);i&&(i[r]&&(o.cancelBubble=!!i[r].call(i,o)),i.trigger(e,o),i=i.__hostTarget?i.__hostTarget:i.parent,!o.cancelBubble););o.cancelBubble||(this.trigger(e,o),this.painter&&this.painter.eachOtherLayer&&this.painter.eachOtherLayer((function(t){"function"==typeof t[r]&&t[r].call(t,o),t.trigger&&t.trigger(e,o)})))}},e.prototype.findHover=function(t,e,n){var i=this.storage.getDisplayList(),r=new $e(t,e);if(nn(i,r,t,e,n),this._pointerSize&&!r.target){for(var o=[],a=this._pointerSize,s=a/2,l=new He(t-s,e-s,a,a),u=i.length-1;u>=0;u--){var c=i[u];c===n||c.ignore||c.ignoreCoarsePointer||c.parent&&c.parent.ignoreCoarsePointer||(Qe.copy(c.getBoundingRect()),c.transform&&Qe.applyTransform(c.transform),Qe.intersect(l)&&o.push(c))}if(o.length)for(var h=Math.PI/12,d=2*Math.PI,p=0;p<s;p+=4)for(var f=0;f<d;f+=h){if(nn(o,r,t+p*Math.cos(f),e+p*Math.sin(f),n),r.target)return r}}return r},e.prototype.processGesture=function(t,e){this._gestureMgr||(this._gestureMgr=new ye);var n=this._gestureMgr;"start"===e&&n.clear();var i=n.recognize(t,this.findHover(t.zrX,t.zrY,null).target,this.proxy.dom);if("end"===e&&n.clear(),i){var r=i.type;t.gestureEvent=r;var o=new $e;o.target=i.target,this.dispatchToElement(o,r,i.event)}},e}(qt);function en(t,e,n){if(t[t.rectHover?"rectContain":"contain"](e,n)){for(var i=t,r=void 0,o=!1;i;){if(i.ignoreClip&&(o=!0),!o){var a=i.getClipPath();if(a&&!a.contain(e,n))return!1}i.silent&&(r=!0);var s=i.__hostTarget;i=s?i.ignoreHostSilent?null:s:i.parent}return!r||je}return!1}function nn(t,e,n,i,r){for(var o=t.length-1;o>=0;o--){var a=t[o],s=void 0;if(a!==r&&!a.ignore&&(s=en(a,n,i))&&(!e.topTarget&&(e.topTarget=a),s!==je)){e.target=a;break}}}function rn(t,e,n){var i=t.painter;return e<0||e>i.getWidth()||n<0||n>i.getHeight()}z(["click","mousedown","mouseup","mousewheel","dblclick","contextmenu"],(function(t){tn.prototype[t]=function(e){var n,i,r=e.zrX,o=e.zrY,a=rn(this,r,o);if("mouseup"===t&&a||(i=(n=this.findHover(r,o)).target),"mousedown"===t)this._downEl=i,this._downPoint=[e.zrX,e.zrY],this._upEl=i;else if("mouseup"===t)this._upEl=i;else if("click"===t){if(this._downEl!==this._upEl||!this._downPoint||Vt(this._downPoint,[e.zrX,e.zrY])>4)return;this._downPoint=null}this.dispatchToElement(n,t,e)}}));function on(t,e,n,i){var r=e+1;if(r===n)return 1;if(i(t[r++],t[e])<0){for(;r<n&&i(t[r],t[r-1])<0;)r++;!function(t,e,n){n--;for(;e<n;){var i=t[e];t[e++]=t[n],t[n--]=i}}(t,e,r)}else for(;r<n&&i(t[r],t[r-1])>=0;)r++;return r-e}function an(t,e,n,i,r){for(i===e&&i++;i<n;i++){for(var o,a=t[i],s=e,l=i;s<l;)r(a,t[o=s+l>>>1])<0?l=o:s=o+1;var u=i-s;switch(u){case 3:t[s+3]=t[s+2];case 2:t[s+2]=t[s+1];case 1:t[s+1]=t[s];break;default:for(;u>0;)t[s+u]=t[s+u-1],u--}t[s]=a}}function sn(t,e,n,i,r,o){var a=0,s=0,l=1;if(o(t,e[n+r])>0){for(s=i-r;l<s&&o(t,e[n+r+l])>0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s),a+=r,l+=r}else{for(s=r+1;l<s&&o(t,e[n+r-l])<=0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s);var u=a;a=r-l,l=r-u}for(a++;a<l;){var c=a+(l-a>>>1);o(t,e[n+c])>0?a=c+1:l=c}return l}function ln(t,e,n,i,r,o){var a=0,s=0,l=1;if(o(t,e[n+r])<0){for(s=r+1;l<s&&o(t,e[n+r-l])<0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s);var u=a;a=r-l,l=r-u}else{for(s=i-r;l<s&&o(t,e[n+r+l])>=0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s),a+=r,l+=r}for(a++;a<l;){var c=a+(l-a>>>1);o(t,e[n+c])<0?l=c:a=c+1}return l}function un(t,e){var n,i,r=7,o=0,a=[];function s(s){var l=n[s],u=i[s],c=n[s+1],h=i[s+1];i[s]=u+h,s===o-3&&(n[s+1]=n[s+2],i[s+1]=i[s+2]),o--;var d=ln(t[c],t,l,u,0,e);l+=d,0!==(u-=d)&&0!==(h=sn(t[l+u-1],t,c,h,h-1,e))&&(u<=h?function(n,i,o,s){var l=0;for(l=0;l<i;l++)a[l]=t[n+l];var u=0,c=o,h=n;if(t[h++]=t[c++],0==--s){for(l=0;l<i;l++)t[h+l]=a[u+l];return}if(1===i){for(l=0;l<s;l++)t[h+l]=t[c+l];return void(t[h+s]=a[u])}var d,p,f,g=r;for(;;){d=0,p=0,f=!1;do{if(e(t[c],a[u])<0){if(t[h++]=t[c++],p++,d=0,0==--s){f=!0;break}}else if(t[h++]=a[u++],d++,p=0,1==--i){f=!0;break}}while((d|p)<g);if(f)break;do{if(0!==(d=ln(t[c],a,u,i,0,e))){for(l=0;l<d;l++)t[h+l]=a[u+l];if(h+=d,u+=d,(i-=d)<=1){f=!0;break}}if(t[h++]=t[c++],0==--s){f=!0;break}if(0!==(p=sn(a[u],t,c,s,0,e))){for(l=0;l<p;l++)t[h+l]=t[c+l];if(h+=p,c+=p,0===(s-=p)){f=!0;break}}if(t[h++]=a[u++],1==--i){f=!0;break}g--}while(d>=7||p>=7);if(f)break;g<0&&(g=0),g+=2}if((r=g)<1&&(r=1),1===i){for(l=0;l<s;l++)t[h+l]=t[c+l];t[h+s]=a[u]}else{if(0===i)throw new Error;for(l=0;l<i;l++)t[h+l]=a[u+l]}}(l,u,c,h):function(n,i,o,s){var l=0;for(l=0;l<s;l++)a[l]=t[o+l];var u=n+i-1,c=s-1,h=o+s-1,d=0,p=0;if(t[h--]=t[u--],0==--i){for(d=h-(s-1),l=0;l<s;l++)t[d+l]=a[l];return}if(1===s){for(p=(h-=i)+1,d=(u-=i)+1,l=i-1;l>=0;l--)t[p+l]=t[d+l];return void(t[h]=a[c])}var f=r;for(;;){var g=0,y=0,v=!1;do{if(e(a[c],t[u])<0){if(t[h--]=t[u--],g++,y=0,0==--i){v=!0;break}}else if(t[h--]=a[c--],y++,g=0,1==--s){v=!0;break}}while((g|y)<f);if(v)break;do{if(0!==(g=i-ln(a[c],t,n,i,i-1,e))){for(i-=g,p=(h-=g)+1,d=(u-=g)+1,l=g-1;l>=0;l--)t[p+l]=t[d+l];if(0===i){v=!0;break}}if(t[h--]=a[c--],1==--s){v=!0;break}if(0!==(y=s-sn(t[u],a,0,s,s-1,e))){for(s-=y,p=(h-=y)+1,d=(c-=y)+1,l=0;l<y;l++)t[p+l]=a[d+l];if(s<=1){v=!0;break}}if(t[h--]=t[u--],0==--i){v=!0;break}f--}while(g>=7||y>=7);if(v)break;f<0&&(f=0),f+=2}(r=f)<1&&(r=1);if(1===s){for(p=(h-=i)+1,d=(u-=i)+1,l=i-1;l>=0;l--)t[p+l]=t[d+l];t[h]=a[c]}else{if(0===s)throw new Error;for(d=h-(s-1),l=0;l<s;l++)t[d+l]=a[l]}}(l,u,c,h))}return n=[],i=[],{mergeRuns:function(){for(;o>1;){var t=o-2;if(t>=1&&i[t-1]<=i[t]+i[t+1]||t>=2&&i[t-2]<=i[t]+i[t-1])i[t-1]<i[t+1]&&t--;else if(i[t]>i[t+1])break;s(t)}},forceMergeRuns:function(){for(;o>1;){var t=o-2;t>0&&i[t-1]<i[t+1]&&t--,s(t)}},pushRun:function(t,e){n[o]=t,i[o]=e,o+=1}}}function cn(t,e,n,i){n||(n=0),i||(i=t.length);var r=i-n;if(!(r<2)){var o=0;if(r<32)an(t,n,i,n+(o=on(t,n,i,e)),e);else{var a=un(t,e),s=function(t){for(var e=0;t>=32;)e|=1&t,t>>=1;return t+e}(r);do{if((o=on(t,n,i,e))<s){var l=r;l>s&&(l=s),an(t,n,n+l,n+o,e),o=l}a.pushRun(n,o),a.mergeRuns(),r-=o,n+=o}while(0!==r);a.forceMergeRuns()}}}var hn=!1;function dn(){hn||(hn=!0,console.warn("z / z2 / zlevel of displayable is invalid, which may cause unexpected errors"))}function pn(t,e){return t.zlevel===e.zlevel?t.z===e.z?t.z2-e.z2:t.z-e.z:t.zlevel-e.zlevel}var fn=function(){function t(){this._roots=[],this._displayList=[],this._displayListLen=0,this.displayableSortFunc=pn}return t.prototype.traverse=function(t,e){for(var n=0;n<this._roots.length;n++)this._roots[n].traverse(t,e)},t.prototype.getDisplayList=function(t,e){e=e||!1;var n=this._displayList;return!t&&n.length||this.updateDisplayList(e),n},t.prototype.updateDisplayList=function(t){this._displayListLen=0;for(var e=this._roots,n=this._displayList,i=0,r=e.length;i<r;i++)this._updateAndAddDisplayable(e[i],null,t);n.length=this._displayListLen,cn(n,pn)},t.prototype._updateAndAddDisplayable=function(t,e,n){if(!t.ignore||n){t.beforeUpdate(),t.update(),t.afterUpdate();var i=t.getClipPath(),r=e&&e.length,o=0,a=t.__clipPaths;if(!t.ignoreClip&&(r||i)){if(a||(a=t.__clipPaths=[]),r)for(var s=0;s<e.length;s++)a[o++]=e[s];for(var l=i,u=t;l;)l.parent=u,l.updateTransform(),a[o++]=l,u=l,l=l.getClipPath()}if(a&&(a.length=o),t.childrenRef){for(var c=t.childrenRef(),h=0;h<c.length;h++){var d=c[h];t.__dirty&&(d.__dirty|=1),this._updateAndAddDisplayable(d,a,n)}t.__dirty=0}else{var p=t;isNaN(p.z)&&(dn(),p.z=0),isNaN(p.z2)&&(dn(),p.z2=0),isNaN(p.zlevel)&&(dn(),p.zlevel=0),this._displayList[this._displayListLen++]=p}var f=t.getDecalElement&&t.getDecalElement();f&&this._updateAndAddDisplayable(f,a,n);var g=t.getTextGuideLine();g&&this._updateAndAddDisplayable(g,a,n);var y=t.getTextContent();y&&this._updateAndAddDisplayable(y,a,n)}},t.prototype.addRoot=function(t){t.__zr&&t.__zr.storage===this||this._roots.push(t)},t.prototype.delRoot=function(t){if(t instanceof Array)for(var e=0,n=t.length;e<n;e++)this.delRoot(t[e]);else{var i=P(this._roots,t);i>=0&&this._roots.splice(i,1)}},t.prototype.delAllRoots=function(){this._roots=[],this._displayList=[],this._displayListLen=0},t.prototype.getRoots=function(){return this._roots},t.prototype.dispose=function(){this._displayList=null,this._roots=null},t}(),gn=r.hasGlobalWindow&&(window.requestAnimationFrame&&window.requestAnimationFrame.bind(window)||window.msRequestAnimationFrame&&window.msRequestAnimationFrame.bind(window)||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame)||function(t){return setTimeout(t,16)},yn={linear:function(t){return t},quadraticIn:function(t){return t*t},quadraticOut:function(t){return t*(2-t)},quadraticInOut:function(t){return(t*=2)<1?.5*t*t:-.5*(--t*(t-2)-1)},cubicIn:function(t){return t*t*t},cubicOut:function(t){return--t*t*t+1},cubicInOut:function(t){return(t*=2)<1?.5*t*t*t:.5*((t-=2)*t*t+2)},quarticIn:function(t){return t*t*t*t},quarticOut:function(t){return 1- --t*t*t*t},quarticInOut:function(t){return(t*=2)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)},quinticIn:function(t){return t*t*t*t*t},quinticOut:function(t){return--t*t*t*t*t+1},quinticInOut:function(t){return(t*=2)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)},sinusoidalIn:function(t){return 1-Math.cos(t*Math.PI/2)},sinusoidalOut:function(t){return Math.sin(t*Math.PI/2)},sinusoidalInOut:function(t){return.5*(1-Math.cos(Math.PI*t))},exponentialIn:function(t){return 0===t?0:Math.pow(1024,t-1)},exponentialOut:function(t){return 1===t?1:1-Math.pow(2,-10*t)},exponentialInOut:function(t){return 0===t?0:1===t?1:(t*=2)<1?.5*Math.pow(1024,t-1):.5*(2-Math.pow(2,-10*(t-1)))},circularIn:function(t){return 1-Math.sqrt(1-t*t)},circularOut:function(t){return Math.sqrt(1- --t*t)},circularInOut:function(t){return(t*=2)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},elasticIn:function(t){var e,n=.1;return 0===t?0:1===t?1:(!n||n<1?(n=1,e=.1):e=.4*Math.asin(1/n)/(2*Math.PI),-n*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/.4))},elasticOut:function(t){var e,n=.1;return 0===t?0:1===t?1:(!n||n<1?(n=1,e=.1):e=.4*Math.asin(1/n)/(2*Math.PI),n*Math.pow(2,-10*t)*Math.sin((t-e)*(2*Math.PI)/.4)+1)},elasticInOut:function(t){var e,n=.1,i=.4;return 0===t?0:1===t?1:(!n||n<1?(n=1,e=.1):e=i*Math.asin(1/n)/(2*Math.PI),(t*=2)<1?n*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/i)*-.5:n*Math.pow(2,-10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/i)*.5+1)},backIn:function(t){var e=1.70158;return t*t*((e+1)*t-e)},backOut:function(t){var e=1.70158;return--t*t*((e+1)*t+e)+1},backInOut:function(t){var e=2.5949095;return(t*=2)<1?t*t*((e+1)*t-e)*.5:.5*((t-=2)*t*((e+1)*t+e)+2)},bounceIn:function(t){return 1-yn.bounceOut(1-t)},bounceOut:function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},bounceInOut:function(t){return t<.5?.5*yn.bounceIn(2*t):.5*yn.bounceOut(2*t-1)+.5}},vn=Math.pow,mn=Math.sqrt,xn=1e-8,_n=1e-4,bn=mn(3),wn=1/3,Sn=It(),Mn=It(),In=It();function Tn(t){return t>-1e-8&&t<xn}function Cn(t){return t>xn||t<-1e-8}function Dn(t,e,n,i,r){var o=1-r;return o*o*(o*t+3*r*e)+r*r*(r*i+3*o*n)}function An(t,e,n,i,r){var o=1-r;return 3*(((e-t)*o+2*(n-e)*r)*o+(i-n)*r*r)}function kn(t,e,n,i,r,o){var a=i+3*(e-n)-t,s=3*(n-2*e+t),l=3*(e-t),u=t-r,c=s*s-3*a*l,h=s*l-9*a*u,d=l*l-3*s*u,p=0;if(Tn(c)&&Tn(h)){if(Tn(s))o[0]=0;else(M=-l/s)>=0&&M<=1&&(o[p++]=M)}else{var f=h*h-4*c*d;if(Tn(f)){var g=h/c,y=-g/2;(M=-s/a+g)>=0&&M<=1&&(o[p++]=M),y>=0&&y<=1&&(o[p++]=y)}else if(f>0){var v=mn(f),m=c*s+1.5*a*(-h+v),x=c*s+1.5*a*(-h-v);(M=(-s-((m=m<0?-vn(-m,wn):vn(m,wn))+(x=x<0?-vn(-x,wn):vn(x,wn))))/(3*a))>=0&&M<=1&&(o[p++]=M)}else{var _=(2*c*s-3*a*h)/(2*mn(c*c*c)),b=Math.acos(_)/3,w=mn(c),S=Math.cos(b),M=(-s-2*w*S)/(3*a),I=(y=(-s+w*(S+bn*Math.sin(b)))/(3*a),(-s+w*(S-bn*Math.sin(b)))/(3*a));M>=0&&M<=1&&(o[p++]=M),y>=0&&y<=1&&(o[p++]=y),I>=0&&I<=1&&(o[p++]=I)}}return p}function Ln(t,e,n,i,r){var o=6*n-12*e+6*t,a=9*e+3*i-3*t-9*n,s=3*e-3*t,l=0;if(Tn(a)){if(Cn(o))(c=-s/o)>=0&&c<=1&&(r[l++]=c)}else{var u=o*o-4*a*s;if(Tn(u))r[0]=-o/(2*a);else if(u>0){var c,h=mn(u),d=(-o-h)/(2*a);(c=(-o+h)/(2*a))>=0&&c<=1&&(r[l++]=c),d>=0&&d<=1&&(r[l++]=d)}}return l}function Pn(t,e,n,i,r,o){var a=(e-t)*r+t,s=(n-e)*r+e,l=(i-n)*r+n,u=(s-a)*r+a,c=(l-s)*r+s,h=(c-u)*r+u;o[0]=t,o[1]=a,o[2]=u,o[3]=h,o[4]=h,o[5]=c,o[6]=l,o[7]=i}function On(t,e,n,i,r,o,a,s,l,u,c){var h,d,p,f,g,y=.005,v=1/0;Sn[0]=l,Sn[1]=u;for(var m=0;m<1;m+=.05)Mn[0]=Dn(t,n,r,a,m),Mn[1]=Dn(e,i,o,s,m),(f=Ft(Sn,Mn))<v&&(h=m,v=f);v=1/0;for(var x=0;x<32&&!(y<_n);x++)d=h-y,p=h+y,Mn[0]=Dn(t,n,r,a,d),Mn[1]=Dn(e,i,o,s,d),f=Ft(Mn,Sn),d>=0&&f<v?(h=d,v=f):(In[0]=Dn(t,n,r,a,p),In[1]=Dn(e,i,o,s,p),g=Ft(In,Sn),p<=1&&g<v?(h=p,v=g):y*=.5);return c&&(c[0]=Dn(t,n,r,a,h),c[1]=Dn(e,i,o,s,h)),mn(v)}function Rn(t,e,n,i,r,o,a,s,l){for(var u=t,c=e,h=0,d=1/l,p=1;p<=l;p++){var f=p*d,g=Dn(t,n,r,a,f),y=Dn(e,i,o,s,f),v=g-u,m=y-c;h+=Math.sqrt(v*v+m*m),u=g,c=y}return h}function Nn(t,e,n,i){var r=1-i;return r*(r*t+2*i*e)+i*i*n}function zn(t,e,n,i){return 2*((1-i)*(e-t)+i*(n-e))}function En(t,e,n){var i=t+n-2*e;return 0===i?.5:(t-e)/i}function Bn(t,e,n,i,r){var o=(e-t)*i+t,a=(n-e)*i+e,s=(a-o)*i+o;r[0]=t,r[1]=o,r[2]=s,r[3]=s,r[4]=a,r[5]=n}function Vn(t,e,n,i,r,o,a,s,l){var u,c=.005,h=1/0;Sn[0]=a,Sn[1]=s;for(var d=0;d<1;d+=.05){Mn[0]=Nn(t,n,r,d),Mn[1]=Nn(e,i,o,d),(y=Ft(Sn,Mn))<h&&(u=d,h=y)}h=1/0;for(var p=0;p<32&&!(c<_n);p++){var f=u-c,g=u+c;Mn[0]=Nn(t,n,r,f),Mn[1]=Nn(e,i,o,f);var y=Ft(Mn,Sn);if(f>=0&&y<h)u=f,h=y;else{In[0]=Nn(t,n,r,g),In[1]=Nn(e,i,o,g);var v=Ft(In,Sn);g<=1&&v<h?(u=g,h=v):c*=.5}}return l&&(l[0]=Nn(t,n,r,u),l[1]=Nn(e,i,o,u)),mn(h)}function Gn(t,e,n,i,r,o,a){for(var s=t,l=e,u=0,c=1/a,h=1;h<=a;h++){var d=h*c,p=Nn(t,n,r,d),f=Nn(e,i,o,d),g=p-s,y=f-l;u+=Math.sqrt(g*g+y*y),s=p,l=f}return u}var Fn=/cubic-bezier\(([0-9,\.e ]+)\)/;function Wn(t){var e=t&&Fn.exec(t);if(e){var n=e[1].split(","),i=+ut(n[0]),r=+ut(n[1]),o=+ut(n[2]),a=+ut(n[3]);if(isNaN(i+r+o+a))return;var s=[];return function(t){return t<=0?0:t>=1?1:kn(0,i,o,1,t,s)&&Dn(0,r,a,1,s[0])}}}var Hn=function(){function t(t){this._inited=!1,this._startTime=0,this._pausedTime=0,this._paused=!1,this._life=t.life||1e3,this._delay=t.delay||0,this.loop=t.loop||!1,this.onframe=t.onframe||bt,this.ondestroy=t.ondestroy||bt,this.onrestart=t.onrestart||bt,t.easing&&this.setEasing(t.easing)}return t.prototype.step=function(t,e){if(this._inited||(this._startTime=t+this._delay,this._inited=!0),!this._paused){var n=this._life,i=t-this._startTime-this._pausedTime,r=i/n;r<0&&(r=0),r=Math.min(r,1);var o=this.easingFunc,a=o?o(r):r;if(this.onframe(a),1===r){if(!this.loop)return!0;var s=i%n;this._startTime=t-s,this._pausedTime=0,this.onrestart()}return!1}this._pausedTime+=e},t.prototype.pause=function(){this._paused=!0},t.prototype.resume=function(){this._paused=!1},t.prototype.setEasing=function(t){this.easing=t,this.easingFunc=Y(t)?t:yn[t]||Wn(t)},t}(),Un=function(t){this.value=t},Yn=function(){function t(){this._len=0}return t.prototype.insert=function(t){var e=new Un(t);return this.insertEntry(e),e},t.prototype.insertEntry=function(t){this.head?(this.tail.next=t,t.prev=this.tail,t.next=null,this.tail=t):this.head=this.tail=t,this._len++},t.prototype.remove=function(t){var e=t.prev,n=t.next;e?e.next=n:this.head=n,n?n.prev=e:this.tail=e,t.next=t.prev=null,this._len--},t.prototype.len=function(){return this._len},t.prototype.clear=function(){this.head=this.tail=null,this._len=0},t}(),Xn=function(){function t(t){this._list=new Yn,this._maxSize=10,this._map={},this._maxSize=t}return t.prototype.put=function(t,e){var n=this._list,i=this._map,r=null;if(null==i[t]){var o=n.len(),a=this._lastRemovedEntry;if(o>=this._maxSize&&o>0){var s=n.head;n.remove(s),delete i[s.key],r=s.value,this._lastRemovedEntry=s}a?a.value=e:a=new Un(e),a.key=t,n.insertEntry(a),i[t]=a}return r},t.prototype.get=function(t){var e=this._map[t],n=this._list;if(null!=e)return e!==n.tail&&(n.remove(e),n.insertEntry(e)),e.value},t.prototype.clear=function(){this._list.clear(),this._map={}},t.prototype.len=function(){return this._list.len()},t}(),Zn={transparent:[0,0,0,0],aliceblue:[240,248,255,1],antiquewhite:[250,235,215,1],aqua:[0,255,255,1],aquamarine:[127,255,212,1],azure:[240,255,255,1],beige:[245,245,220,1],bisque:[255,228,196,1],black:[0,0,0,1],blanchedalmond:[255,235,205,1],blue:[0,0,255,1],blueviolet:[138,43,226,1],brown:[165,42,42,1],burlywood:[222,184,135,1],cadetblue:[95,158,160,1],chartreuse:[127,255,0,1],chocolate:[210,105,30,1],coral:[255,127,80,1],cornflowerblue:[100,149,237,1],cornsilk:[255,248,220,1],crimson:[220,20,60,1],cyan:[0,255,255,1],darkblue:[0,0,139,1],darkcyan:[0,139,139,1],darkgoldenrod:[184,134,11,1],darkgray:[169,169,169,1],darkgreen:[0,100,0,1],darkgrey:[169,169,169,1],darkkhaki:[189,183,107,1],darkmagenta:[139,0,139,1],darkolivegreen:[85,107,47,1],darkorange:[255,140,0,1],darkorchid:[153,50,204,1],darkred:[139,0,0,1],darksalmon:[233,150,122,1],darkseagreen:[143,188,143,1],darkslateblue:[72,61,139,1],darkslategray:[47,79,79,1],darkslategrey:[47,79,79,1],darkturquoise:[0,206,209,1],darkviolet:[148,0,211,1],deeppink:[255,20,147,1],deepskyblue:[0,191,255,1],dimgray:[105,105,105,1],dimgrey:[105,105,105,1],dodgerblue:[30,144,255,1],firebrick:[178,34,34,1],floralwhite:[255,250,240,1],forestgreen:[34,139,34,1],fuchsia:[255,0,255,1],gainsboro:[220,220,220,1],ghostwhite:[248,248,255,1],gold:[255,215,0,1],goldenrod:[218,165,32,1],gray:[128,128,128,1],green:[0,128,0,1],greenyellow:[173,255,47,1],grey:[128,128,128,1],honeydew:[240,255,240,1],hotpink:[255,105,180,1],indianred:[205,92,92,1],indigo:[75,0,130,1],ivory:[255,255,240,1],khaki:[240,230,140,1],lavender:[230,230,250,1],lavenderblush:[255,240,245,1],lawngreen:[124,252,0,1],lemonchiffon:[255,250,205,1],lightblue:[173,216,230,1],lightcoral:[240,128,128,1],lightcyan:[224,255,255,1],lightgoldenrodyellow:[250,250,210,1],lightgray:[211,211,211,1],lightgreen:[144,238,144,1],lightgrey:[211,211,211,1],lightpink:[255,182,193,1],lightsalmon:[255,160,122,1],lightseagreen:[32,178,170,1],lightskyblue:[135,206,250,1],lightslategray:[119,136,153,1],lightslategrey:[119,136,153,1],lightsteelblue:[176,196,222,1],lightyellow:[255,255,224,1],lime:[0,255,0,1],limegreen:[50,205,50,1],linen:[250,240,230,1],magenta:[255,0,255,1],maroon:[128,0,0,1],mediumaquamarine:[102,205,170,1],mediumblue:[0,0,205,1],mediumorchid:[186,85,211,1],mediumpurple:[147,112,219,1],mediumseagreen:[60,179,113,1],mediumslateblue:[123,104,238,1],mediumspringgreen:[0,250,154,1],mediumturquoise:[72,209,204,1],mediumvioletred:[199,21,133,1],midnightblue:[25,25,112,1],mintcream:[245,255,250,1],mistyrose:[255,228,225,1],moccasin:[255,228,181,1],navajowhite:[255,222,173,1],navy:[0,0,128,1],oldlace:[253,245,230,1],olive:[128,128,0,1],olivedrab:[107,142,35,1],orange:[255,165,0,1],orangered:[255,69,0,1],orchid:[218,112,214,1],palegoldenrod:[238,232,170,1],palegreen:[152,251,152,1],paleturquoise:[175,238,238,1],palevioletred:[219,112,147,1],papayawhip:[255,239,213,1],peachpuff:[255,218,185,1],peru:[205,133,63,1],pink:[255,192,203,1],plum:[221,160,221,1],powderblue:[176,224,230,1],purple:[128,0,128,1],red:[255,0,0,1],rosybrown:[188,143,143,1],royalblue:[65,105,225,1],saddlebrown:[139,69,19,1],salmon:[250,128,114,1],sandybrown:[244,164,96,1],seagreen:[46,139,87,1],seashell:[255,245,238,1],sienna:[160,82,45,1],silver:[192,192,192,1],skyblue:[135,206,235,1],slateblue:[106,90,205,1],slategray:[112,128,144,1],slategrey:[112,128,144,1],snow:[255,250,250,1],springgreen:[0,255,127,1],steelblue:[70,130,180,1],tan:[210,180,140,1],teal:[0,128,128,1],thistle:[216,191,216,1],tomato:[255,99,71,1],turquoise:[64,224,208,1],violet:[238,130,238,1],wheat:[245,222,179,1],white:[255,255,255,1],whitesmoke:[245,245,245,1],yellow:[255,255,0,1],yellowgreen:[154,205,50,1]};function jn(t){return(t=Math.round(t))<0?0:t>255?255:t}function qn(t){return t<0?0:t>1?1:t}function Kn(t){var e=t;return e.length&&"%"===e.charAt(e.length-1)?jn(parseFloat(e)/100*255):jn(parseInt(e,10))}function $n(t){var e=t;return e.length&&"%"===e.charAt(e.length-1)?qn(parseFloat(e)/100):qn(parseFloat(e))}function Jn(t,e,n){return n<0?n+=1:n>1&&(n-=1),6*n<1?t+(e-t)*n*6:2*n<1?e:3*n<2?t+(e-t)*(2/3-n)*6:t}function Qn(t,e,n){return t+(e-t)*n}function ti(t,e,n,i,r){return t[0]=e,t[1]=n,t[2]=i,t[3]=r,t}function ei(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t}var ni=new Xn(20),ii=null;function ri(t,e){ii&&ei(ii,e),ii=ni.put(t,ii||e.slice())}function oi(t,e){if(t){e=e||[];var n=ni.get(t);if(n)return ei(e,n);var i=(t+="").replace(/ /g,"").toLowerCase();if(i in Zn)return ei(e,Zn[i]),ri(t,e),e;var r,o=i.length;if("#"===i.charAt(0))return 4===o||5===o?(r=parseInt(i.slice(1,4),16))>=0&&r<=4095?(ti(e,(3840&r)>>4|(3840&r)>>8,240&r|(240&r)>>4,15&r|(15&r)<<4,5===o?parseInt(i.slice(4),16)/15:1),ri(t,e),e):void ti(e,0,0,0,1):7===o||9===o?(r=parseInt(i.slice(1,7),16))>=0&&r<=16777215?(ti(e,(16711680&r)>>16,(65280&r)>>8,255&r,9===o?parseInt(i.slice(7),16)/255:1),ri(t,e),e):void ti(e,0,0,0,1):void 0;var a=i.indexOf("("),s=i.indexOf(")");if(-1!==a&&s+1===o){var l=i.substr(0,a),u=i.substr(a+1,s-(a+1)).split(","),c=1;switch(l){case"rgba":if(4!==u.length)return 3===u.length?ti(e,+u[0],+u[1],+u[2],1):ti(e,0,0,0,1);c=$n(u.pop());case"rgb":return u.length>=3?(ti(e,Kn(u[0]),Kn(u[1]),Kn(u[2]),3===u.length?c:$n(u[3])),ri(t,e),e):void ti(e,0,0,0,1);case"hsla":return 4!==u.length?void ti(e,0,0,0,1):(u[3]=$n(u[3]),ai(u,e),ri(t,e),e);case"hsl":return 3!==u.length?void ti(e,0,0,0,1):(ai(u,e),ri(t,e),e);default:return}}ti(e,0,0,0,1)}}function ai(t,e){var n=(parseFloat(t[0])%360+360)%360/360,i=$n(t[1]),r=$n(t[2]),o=r<=.5?r*(i+1):r+i-r*i,a=2*r-o;return ti(e=e||[],jn(255*Jn(a,o,n+1/3)),jn(255*Jn(a,o,n)),jn(255*Jn(a,o,n-1/3)),1),4===t.length&&(e[3]=t[3]),e}function si(t,e){var n=oi(t);if(n){for(var i=0;i<3;i++)n[i]=e<0?n[i]*(1-e)|0:(255-n[i])*e+n[i]|0,n[i]>255?n[i]=255:n[i]<0&&(n[i]=0);return fi(n,4===n.length?"rgba":"rgb")}}function li(t,e,n){if(e&&e.length&&t>=0&&t<=1){n=n||[];var i=t*(e.length-1),r=Math.floor(i),o=Math.ceil(i),a=e[r],s=e[o],l=i-r;return n[0]=jn(Qn(a[0],s[0],l)),n[1]=jn(Qn(a[1],s[1],l)),n[2]=jn(Qn(a[2],s[2],l)),n[3]=qn(Qn(a[3],s[3],l)),n}}var ui=li;function ci(t,e,n){if(e&&e.length&&t>=0&&t<=1){var i=t*(e.length-1),r=Math.floor(i),o=Math.ceil(i),a=oi(e[r]),s=oi(e[o]),l=i-r,u=fi([jn(Qn(a[0],s[0],l)),jn(Qn(a[1],s[1],l)),jn(Qn(a[2],s[2],l)),qn(Qn(a[3],s[3],l))],"rgba");return n?{color:u,leftIndex:r,rightIndex:o,value:i}:u}}var hi=ci;function di(t,e,n,i){var r=oi(t);if(t)return r=function(t){if(t){var e,n,i=t[0]/255,r=t[1]/255,o=t[2]/255,a=Math.min(i,r,o),s=Math.max(i,r,o),l=s-a,u=(s+a)/2;if(0===l)e=0,n=0;else{n=u<.5?l/(s+a):l/(2-s-a);var c=((s-i)/6+l/2)/l,h=((s-r)/6+l/2)/l,d=((s-o)/6+l/2)/l;i===s?e=d-h:r===s?e=1/3+c-d:o===s&&(e=2/3+h-c),e<0&&(e+=1),e>1&&(e-=1)}var p=[360*e,n,u];return null!=t[3]&&p.push(t[3]),p}}(r),null!=e&&(r[0]=function(t){return(t=Math.round(t))<0?0:t>360?360:t}(Y(e)?e(r[0]):e)),null!=n&&(r[1]=$n(Y(n)?n(r[1]):n)),null!=i&&(r[2]=$n(Y(i)?i(r[2]):i)),fi(ai(r),"rgba")}function pi(t,e){var n=oi(t);if(n&&null!=e)return n[3]=qn(e),fi(n,"rgba")}function fi(t,e){if(t&&t.length){var n=t[0]+","+t[1]+","+t[2];return"rgba"!==e&&"hsva"!==e&&"hsla"!==e||(n+=","+t[3]),e+"("+n+")"}}function gi(t,e){var n=oi(t);return n?(.299*n[0]+.587*n[1]+.114*n[2])*n[3]/255+(1-n[3])*e:0}var yi=new Xn(100);function vi(t){if(X(t)){var e=yi.get(t);return e||(e=si(t,-.1),yi.put(t,e)),e}if(Q(t)){var n=A({},t);return n.colorStops=E(t.colorStops,(function(t){return{offset:t.offset,color:si(t.color,-.1)}})),n}return t}var mi=Object.freeze({__proto__:null,parseCssInt:Kn,parseCssFloat:$n,parse:oi,lift:si,toHex:function(t){var e=oi(t);if(e)return((1<<24)+(e[0]<<16)+(e[1]<<8)+ +e[2]).toString(16).slice(1)},fastLerp:li,fastMapToColor:ui,lerp:ci,mapToColor:hi,modifyHSL:di,modifyAlpha:pi,stringify:fi,lum:gi,random:function(){return fi([Math.round(255*Math.random()),Math.round(255*Math.random()),Math.round(255*Math.random())],"rgb")},liftColor:vi}),xi=Math.round;function _i(t){var e;if(t&&"transparent"!==t){if("string"==typeof t&&t.indexOf("rgba")>-1){var n=oi(t);n&&(t="rgb("+n[0]+","+n[1]+","+n[2]+")",e=n[3])}}else t="none";return{color:t,opacity:null==e?1:e}}var bi=1e-4;function wi(t){return t<bi&&t>-1e-4}function Si(t){return xi(1e3*t)/1e3}function Mi(t){return xi(1e4*t)/1e4}var Ii={left:"start",right:"end",center:"middle",middle:"middle"};function Ti(t){return t&&!!t.image}function Ci(t){return Ti(t)||function(t){return t&&!!t.svgElement}(t)}function Di(t){return"linear"===t.type}function Ai(t){return"radial"===t.type}function ki(t){return t&&("linear"===t.type||"radial"===t.type)}function Li(t){return"url(#"+t+")"}function Pi(t){var e=t.getGlobalScale(),n=Math.max(e[0],e[1]);return Math.max(Math.ceil(Math.log(n)/Math.log(10)),1)}function Oi(t){var e=t.x||0,n=t.y||0,i=(t.rotation||0)*wt,r=rt(t.scaleX,1),o=rt(t.scaleY,1),a=t.skewX||0,s=t.skewY||0,l=[];return(e||n)&&l.push("translate("+e+"px,"+n+"px)"),i&&l.push("rotate("+i+")"),1===r&&1===o||l.push("scale("+r+","+o+")"),(a||s)&&l.push("skew("+xi(a*wt)+"deg, "+xi(s*wt)+"deg)"),l.join(" ")}var Ri=r.hasGlobalWindow&&Y(window.btoa)?function(t){return window.btoa(unescape(encodeURIComponent(t)))}:"undefined"!=typeof Buffer?function(t){return Buffer.from(t).toString("base64")}:function(t){return null},Ni=Array.prototype.slice;function zi(t,e,n){return(e-t)*n+t}function Ei(t,e,n,i){for(var r=e.length,o=0;o<r;o++)t[o]=zi(e[o],n[o],i);return t}function Bi(t,e,n,i){for(var r=e.length,o=0;o<r;o++)t[o]=e[o]+n[o]*i;return t}function Vi(t,e,n,i){for(var r=e.length,o=r&&e[0].length,a=0;a<r;a++){t[a]||(t[a]=[]);for(var s=0;s<o;s++)t[a][s]=e[a][s]+n[a][s]*i}return t}function Gi(t,e){for(var n=t.length,i=e.length,r=n>i?e:t,o=Math.min(n,i),a=r[o-1]||{color:[0,0,0,0],offset:0},s=o;s<Math.max(n,i);s++)r.push({offset:a.offset,color:a.color.slice()})}function Fi(t,e,n){var i=t,r=e;if(i.push&&r.push){var o=i.length,a=r.length;if(o!==a)if(o>a)i.length=a;else for(var s=o;s<a;s++)i.push(1===n?r[s]:Ni.call(r[s]));var l=i[0]&&i[0].length;for(s=0;s<i.length;s++)if(1===n)isNaN(i[s])&&(i[s]=r[s]);else for(var u=0;u<l;u++)isNaN(i[s][u])&&(i[s][u]=r[s][u])}}function Wi(t){if(N(t)){var e=t.length;if(N(t[0])){for(var n=[],i=0;i<e;i++)n.push(Ni.call(t[i]));return n}return Ni.call(t)}return t}function Hi(t){return t[0]=Math.floor(t[0])||0,t[1]=Math.floor(t[1])||0,t[2]=Math.floor(t[2])||0,t[3]=null==t[3]?1:t[3],"rgba("+t.join(",")+")"}function Ui(t){return 4===t||5===t}function Yi(t){return 1===t||2===t}var Xi=[0,0,0,0],Zi=function(){function t(t){this.keyframes=[],this.discrete=!1,this._invalid=!1,this._needsSort=!1,this._lastFr=0,this._lastFrP=0,this.propName=t}return t.prototype.isFinished=function(){return this._finished},t.prototype.setFinished=function(){this._finished=!0,this._additiveTrack&&this._additiveTrack.setFinished()},t.prototype.needsAnimate=function(){return this.keyframes.length>=1},t.prototype.getAdditiveTrack=function(){return this._additiveTrack},t.prototype.addKeyframe=function(t,e,n){this._needsSort=!0;var i=this.keyframes,r=i.length,o=!1,a=6,s=e;if(N(e)){var l=function(t){return N(t&&t[0])?2:1}(e);a=l,(1===l&&!j(e[0])||2===l&&!j(e[0][0]))&&(o=!0)}else if(j(e)&&!nt(e))a=0;else if(X(e))if(isNaN(+e)){var u=oi(e);u&&(s=u,a=3)}else a=0;else if(Q(e)){var c=A({},s);c.colorStops=E(e.colorStops,(function(t){return{offset:t.offset,color:oi(t.color)}})),Di(e)?a=4:Ai(e)&&(a=5),s=c}0===r?this.valType=a:a===this.valType&&6!==a||(o=!0),this.discrete=this.discrete||o;var h={time:t,value:s,rawValue:e,percent:0};return n&&(h.easing=n,h.easingFunc=Y(n)?n:yn[n]||Wn(n)),i.push(h),h},t.prototype.prepare=function(t,e){var n=this.keyframes;this._needsSort&&n.sort((function(t,e){return t.time-e.time}));for(var i=this.valType,r=n.length,o=n[r-1],a=this.discrete,s=Yi(i),l=Ui(i),u=0;u<r;u++){var c=n[u],h=c.value,d=o.value;c.percent=c.time/t,a||(s&&u!==r-1?Fi(h,d,i):l&&Gi(h.colorStops,d.colorStops))}if(!a&&5!==i&&e&&this.needsAnimate()&&e.needsAnimate()&&i===e.valType&&!e._finished){this._additiveTrack=e;var p=n[0].value;for(u=0;u<r;u++)0===i?n[u].additiveValue=n[u].value-p:3===i?n[u].additiveValue=Bi([],n[u].value,p,-1):Yi(i)&&(n[u].additiveValue=1===i?Bi([],n[u].value,p,-1):Vi([],n[u].value,p,-1))}},t.prototype.step=function(t,e){if(!this._finished){this._additiveTrack&&this._additiveTrack._finished&&(this._additiveTrack=null);var n,i,r,o=null!=this._additiveTrack,a=o?"additiveValue":"value",s=this.valType,l=this.keyframes,u=l.length,c=this.propName,h=3===s,d=this._lastFr,p=Math.min;if(1===u)i=r=l[0];else{if(e<0)n=0;else if(e<this._lastFrP){for(n=p(d+1,u-1);n>=0&&!(l[n].percent<=e);n--);n=p(n,u-2)}else{for(n=d;n<u&&!(l[n].percent>e);n++);n=p(n-1,u-2)}r=l[n+1],i=l[n]}if(i&&r){this._lastFr=n,this._lastFrP=e;var f=r.percent-i.percent,g=0===f?1:p((e-i.percent)/f,1);r.easingFunc&&(g=r.easingFunc(g));var y=o?this._additiveValue:h?Xi:t[c];if(!Yi(s)&&!h||y||(y=this._additiveValue=[]),this.discrete)t[c]=g<1?i.rawValue:r.rawValue;else if(Yi(s))1===s?Ei(y,i[a],r[a],g):function(t,e,n,i){for(var r=e.length,o=r&&e[0].length,a=0;a<r;a++){t[a]||(t[a]=[]);for(var s=0;s<o;s++)t[a][s]=zi(e[a][s],n[a][s],i)}}(y,i[a],r[a],g);else if(Ui(s)){var v=i[a],m=r[a],x=4===s;t[c]={type:x?"linear":"radial",x:zi(v.x,m.x,g),y:zi(v.y,m.y,g),colorStops:E(v.colorStops,(function(t,e){var n=m.colorStops[e];return{offset:zi(t.offset,n.offset,g),color:Hi(Ei([],t.color,n.color,g))}})),global:m.global},x?(t[c].x2=zi(v.x2,m.x2,g),t[c].y2=zi(v.y2,m.y2,g)):t[c].r=zi(v.r,m.r,g)}else if(h)Ei(y,i[a],r[a],g),o||(t[c]=Hi(y));else{var _=zi(i[a],r[a],g);o?this._additiveValue=_:t[c]=_}o&&this._addToTarget(t)}}},t.prototype._addToTarget=function(t){var e=this.valType,n=this.propName,i=this._additiveValue;0===e?t[n]=t[n]+i:3===e?(oi(t[n],Xi),Bi(Xi,Xi,i,1),t[n]=Hi(Xi)):1===e?Bi(t[n],t[n],i,1):2===e&&Vi(t[n],t[n],i,1)},t}(),ji=function(){function t(t,e,n,i){this._tracks={},this._trackKeys=[],this._maxTime=0,this._started=0,this._clip=null,this._target=t,this._loop=e,e&&i?I("Can' use additive animation on looped animation."):(this._additiveAnimators=i,this._allowDiscrete=n)}return t.prototype.getMaxTime=function(){return this._maxTime},t.prototype.getDelay=function(){return this._delay},t.prototype.getLoop=function(){return this._loop},t.prototype.getTarget=function(){return this._target},t.prototype.changeTarget=function(t){this._target=t},t.prototype.when=function(t,e,n){return this.whenWithKeys(t,e,F(e),n)},t.prototype.whenWithKeys=function(t,e,n,i){for(var r=this._tracks,o=0;o<n.length;o++){var a=n[o],s=r[a];if(!s){s=r[a]=new Zi(a);var l=void 0,u=this._getAdditiveTrack(a);if(u){var c=u.keyframes,h=c[c.length-1];l=h&&h.value,3===u.valType&&l&&(l=Hi(l))}else l=this._target[a];if(null==l)continue;t>0&&s.addKeyframe(0,Wi(l),i),this._trackKeys.push(a)}s.addKeyframe(t,Wi(e[a]),i)}return this._maxTime=Math.max(this._maxTime,t),this},t.prototype.pause=function(){this._clip.pause(),this._paused=!0},t.prototype.resume=function(){this._clip.resume(),this._paused=!1},t.prototype.isPaused=function(){return!!this._paused},t.prototype.duration=function(t){return this._maxTime=t,this._force=!0,this},t.prototype._doneCallback=function(){this._setTracksFinished(),this._clip=null;var t=this._doneCbs;if(t)for(var e=t.length,n=0;n<e;n++)t[n].call(this)},t.prototype._abortedCallback=function(){this._setTracksFinished();var t=this.animation,e=this._abortedCbs;if(t&&t.removeClip(this._clip),this._clip=null,e)for(var n=0;n<e.length;n++)e[n].call(this)},t.prototype._setTracksFinished=function(){for(var t=this._tracks,e=this._trackKeys,n=0;n<e.length;n++)t[e[n]].setFinished()},t.prototype._getAdditiveTrack=function(t){var e,n=this._additiveAnimators;if(n)for(var i=0;i<n.length;i++){var r=n[i].getTrack(t);r&&(e=r)}return e},t.prototype.start=function(t){if(!(this._started>0)){this._started=1;for(var e=this,n=[],i=this._maxTime||0,r=0;r<this._trackKeys.length;r++){var o=this._trackKeys[r],a=this._tracks[o],s=this._getAdditiveTrack(o),l=a.keyframes,u=l.length;if(a.prepare(i,s),a.needsAnimate())if(!this._allowDiscrete&&a.discrete){var c=l[u-1];c&&(e._target[a.propName]=c.rawValue),a.setFinished()}else n.push(a)}if(n.length||this._force){var h=new Hn({life:i,loop:this._loop,delay:this._delay||0,onframe:function(t){e._started=2;var i=e._additiveAnimators;if(i){for(var r=!1,o=0;o<i.length;o++)if(i[o]._clip){r=!0;break}r||(e._additiveAnimators=null)}for(o=0;o<n.length;o++)n[o].step(e._target,t);var a=e._onframeCbs;if(a)for(o=0;o<a.length;o++)a[o](e._target,t)},ondestroy:function(){e._doneCallback()}});this._clip=h,this.animation&&this.animation.addClip(h),t&&h.setEasing(t)}else this._doneCallback();return this}},t.prototype.stop=function(t){if(this._clip){var e=this._clip;t&&e.onframe(1),this._abortedCallback()}},t.prototype.delay=function(t){return this._delay=t,this},t.prototype.during=function(t){return t&&(this._onframeCbs||(this._onframeCbs=[]),this._onframeCbs.push(t)),this},t.prototype.done=function(t){return t&&(this._doneCbs||(this._doneCbs=[]),this._doneCbs.push(t)),this},t.prototype.aborted=function(t){return t&&(this._abortedCbs||(this._abortedCbs=[]),this._abortedCbs.push(t)),this},t.prototype.getClip=function(){return this._clip},t.prototype.getTrack=function(t){return this._tracks[t]},t.prototype.getTracks=function(){var t=this;return E(this._trackKeys,(function(e){return t._tracks[e]}))},t.prototype.stopTracks=function(t,e){if(!t.length||!this._clip)return!0;for(var n=this._tracks,i=this._trackKeys,r=0;r<t.length;r++){var o=n[t[r]];o&&!o.isFinished()&&(e?o.step(this._target,1):1===this._started&&o.step(this._target,0),o.setFinished())}var a=!0;for(r=0;r<i.length;r++)if(!n[i[r]].isFinished()){a=!1;break}return a&&this._abortedCallback(),a},t.prototype.saveTo=function(t,e,n){if(t){e=e||this._trackKeys;for(var i=0;i<e.length;i++){var r=e[i],o=this._tracks[r];if(o&&!o.isFinished()){var a=o.keyframes,s=a[n?0:a.length-1];s&&(t[r]=Wi(s.rawValue))}}}},t.prototype.__changeFinalValue=function(t,e){e=e||F(t);for(var n=0;n<e.length;n++){var i=e[n],r=this._tracks[i];if(r){var o=r.keyframes;if(o.length>1){var a=o.pop();r.addKeyframe(a.time,t[i]),r.prepare(this._maxTime,r.getAdditiveTrack())}}}},t}();function qi(){return(new Date).getTime()}var Ki,$i,Ji=function(t){function e(e){var n=t.call(this)||this;return n._running=!1,n._time=0,n._pausedTime=0,n._pauseStart=0,n._paused=!1,e=e||{},n.stage=e.stage||{},n}return n(e,t),e.prototype.addClip=function(t){t.animation&&this.removeClip(t),this._head?(this._tail.next=t,t.prev=this._tail,t.next=null,this._tail=t):this._head=this._tail=t,t.animation=this},e.prototype.addAnimator=function(t){t.animation=this;var e=t.getClip();e&&this.addClip(e)},e.prototype.removeClip=function(t){if(t.animation){var e=t.prev,n=t.next;e?e.next=n:this._head=n,n?n.prev=e:this._tail=e,t.next=t.prev=t.animation=null}},e.prototype.removeAnimator=function(t){var e=t.getClip();e&&this.removeClip(e),t.animation=null},e.prototype.update=function(t){for(var e=qi()-this._pausedTime,n=e-this._time,i=this._head;i;){var r=i.next;i.step(e,n)?(i.ondestroy(),this.removeClip(i),i=r):i=r}this._time=e,t||(this.trigger("frame",n),this.stage.update&&this.stage.update())},e.prototype._startLoop=function(){var t=this;this._running=!0,gn((function e(){t._running&&(gn(e),!t._paused&&t.update())}))},e.prototype.start=function(){this._running||(this._time=qi(),this._pausedTime=0,this._startLoop())},e.prototype.stop=function(){this._running=!1},e.prototype.pause=function(){this._paused||(this._pauseStart=qi(),this._paused=!0)},e.prototype.resume=function(){this._paused&&(this._pausedTime+=qi()-this._pauseStart,this._paused=!1)},e.prototype.clear=function(){for(var t=this._head;t;){var e=t.next;t.prev=t.next=t.animation=null,t=e}this._head=this._tail=null},e.prototype.isFinished=function(){return null==this._head},e.prototype.animate=function(t,e){e=e||{},this.start();var n=new ji(t,e.loop);return this.addAnimator(n),n},e}(qt),Qi=r.domSupported,tr=($i={pointerdown:1,pointerup:1,pointermove:1,pointerout:1},{mouse:Ki=["click","dblclick","mousewheel","wheel","mouseout","mouseup","mousedown","mousemove","contextmenu"],touch:["touchstart","touchend","touchmove"],pointer:E(Ki,(function(t){var e=t.replace("mouse","pointer");return $i.hasOwnProperty(e)?e:t}))}),er=["mousemove","mouseup"],nr=["pointermove","pointerup"],ir=!1;function rr(t){var e=t.pointerType;return"pen"===e||"touch"===e}function or(t){t&&(t.zrByTouch=!0)}function ar(t,e){for(var n=e,i=!1;n&&9!==n.nodeType&&!(i=n.domBelongToZr||n!==e&&n===t.painterRoot);)n=n.parentNode;return i}var sr=function(t,e){this.stopPropagation=bt,this.stopImmediatePropagation=bt,this.preventDefault=bt,this.type=e.type,this.target=this.currentTarget=t.dom,this.pointerType=e.pointerType,this.clientX=e.clientX,this.clientY=e.clientY},lr={mousedown:function(t){t=de(this.dom,t),this.__mayPointerCapture=[t.zrX,t.zrY],this.trigger("mousedown",t)},mousemove:function(t){t=de(this.dom,t);var e=this.__mayPointerCapture;!e||t.zrX===e[0]&&t.zrY===e[1]||this.__togglePointerCapture(!0),this.trigger("mousemove",t)},mouseup:function(t){t=de(this.dom,t),this.__togglePointerCapture(!1),this.trigger("mouseup",t)},mouseout:function(t){ar(this,(t=de(this.dom,t)).toElement||t.relatedTarget)||(this.__pointerCapturing&&(t.zrEventControl="no_globalout"),this.trigger("mouseout",t))},wheel:function(t){ir=!0,t=de(this.dom,t),this.trigger("mousewheel",t)},mousewheel:function(t){ir||(t=de(this.dom,t),this.trigger("mousewheel",t))},touchstart:function(t){or(t=de(this.dom,t)),this.__lastTouchMoment=new Date,this.handler.processGesture(t,"start"),lr.mousemove.call(this,t),lr.mousedown.call(this,t)},touchmove:function(t){or(t=de(this.dom,t)),this.handler.processGesture(t,"change"),lr.mousemove.call(this,t)},touchend:function(t){or(t=de(this.dom,t)),this.handler.processGesture(t,"end"),lr.mouseup.call(this,t),+new Date-+this.__lastTouchMoment<300&&lr.click.call(this,t)},pointerdown:function(t){lr.mousedown.call(this,t)},pointermove:function(t){rr(t)||lr.mousemove.call(this,t)},pointerup:function(t){lr.mouseup.call(this,t)},pointerout:function(t){rr(t)||lr.mouseout.call(this,t)}};z(["click","dblclick","contextmenu"],(function(t){lr[t]=function(e){e=de(this.dom,e),this.trigger(t,e)}}));var ur={pointermove:function(t){rr(t)||ur.mousemove.call(this,t)},pointerup:function(t){ur.mouseup.call(this,t)},mousemove:function(t){this.trigger("mousemove",t)},mouseup:function(t){var e=this.__pointerCapturing;this.__togglePointerCapture(!1),this.trigger("mouseup",t),e&&(t.zrEventControl="only_globalout",this.trigger("mouseout",t))}};function cr(t,e){var n=e.domHandlers;r.pointerEventsSupported?z(tr.pointer,(function(i){dr(e,i,(function(e){n[i].call(t,e)}))})):(r.touchEventsSupported&&z(tr.touch,(function(i){dr(e,i,(function(r){n[i].call(t,r),function(t){t.touching=!0,null!=t.touchTimer&&(clearTimeout(t.touchTimer),t.touchTimer=null),t.touchTimer=setTimeout((function(){t.touching=!1,t.touchTimer=null}),700)}(e)}))})),z(tr.mouse,(function(i){dr(e,i,(function(r){r=he(r),e.touching||n[i].call(t,r)}))})))}function hr(t,e){function n(n){dr(e,n,(function(i){i=he(i),ar(t,i.target)||(i=function(t,e){return de(t.dom,new sr(t,e),!0)}(t,i),e.domHandlers[n].call(t,i))}),{capture:!0})}r.pointerEventsSupported?z(nr,n):r.touchEventsSupported||z(er,n)}function dr(t,e,n,i){t.mounted[e]=n,t.listenerOpts[e]=i,pe(t.domTarget,e,n,i)}function pr(t){var e,n,i,r,o=t.mounted;for(var a in o)o.hasOwnProperty(a)&&(e=t.domTarget,n=a,i=o[a],r=t.listenerOpts[a],e.removeEventListener(n,i,r));t.mounted={}}var fr=function(t,e){this.mounted={},this.listenerOpts={},this.touching=!1,this.domTarget=t,this.domHandlers=e},gr=function(t){function e(e,n){var i=t.call(this)||this;return i.__pointerCapturing=!1,i.dom=e,i.painterRoot=n,i._localHandlerScope=new fr(e,lr),Qi&&(i._globalHandlerScope=new fr(document,ur)),cr(i,i._localHandlerScope),i}return n(e,t),e.prototype.dispose=function(){pr(this._localHandlerScope),Qi&&pr(this._globalHandlerScope)},e.prototype.setCursor=function(t){this.dom.style&&(this.dom.style.cursor=t||"default")},e.prototype.__togglePointerCapture=function(t){if(this.__mayPointerCapture=null,Qi&&+this.__pointerCapturing^+t){this.__pointerCapturing=t;var e=this._globalHandlerScope;t?hr(this,e):pr(e)}},e}(qt),yr=1;r.hasGlobalWindow&&(yr=Math.max(window.devicePixelRatio||window.screen&&window.screen.deviceXDPI/window.screen.logicalXDPI||1,1));var vr=yr,mr="#333",xr="#ccc",_r=_e,br=5e-5;function wr(t){return t>br||t<-5e-5}var Sr,Mr=[],Ir=[],Tr=[1,0,0,1,0,0],Cr=Math.abs,Dr=function(){function t(){}var e;return t.prototype.getLocalTransform=function(e){return t.getLocalTransform(this,e)},t.prototype.setPosition=function(t){this.x=t[0],this.y=t[1]},t.prototype.setScale=function(t){this.scaleX=t[0],this.scaleY=t[1]},t.prototype.setSkew=function(t){this.skewX=t[0],this.skewY=t[1]},t.prototype.setOrigin=function(t){this.originX=t[0],this.originY=t[1]},t.prototype.needLocalTransform=function(){return wr(this.rotation)||wr(this.x)||wr(this.y)||wr(this.scaleX-1)||wr(this.scaleY-1)||wr(this.skewX)||wr(this.skewY)},t.prototype.updateTransform=function(){var t=this.parent&&this.parent.transform,e=this.needLocalTransform(),n=this.transform;e||t?(n=n||[1,0,0,1,0,0],e?this.getLocalTransform(n):_r(n),t&&(e?we(n,t,n):be(n,t)),this.transform=n,this._resolveGlobalScaleRatio(n)):n&&(_r(n),this.invTransform=null)},t.prototype._resolveGlobalScaleRatio=function(t){var e=this.globalScaleRatio;if(null!=e&&1!==e){this.getGlobalScale(Mr);var n=Mr[0]<0?-1:1,i=Mr[1]<0?-1:1,r=((Mr[0]-n)*e+n)/Mr[0]||0,o=((Mr[1]-i)*e+i)/Mr[1]||0;t[0]*=r,t[1]*=r,t[2]*=o,t[3]*=o}this.invTransform=this.invTransform||[1,0,0,1,0,0],Te(this.invTransform,t)},t.prototype.getComputedTransform=function(){for(var t=this,e=[];t;)e.push(t),t=t.parent;for(;t=e.pop();)t.updateTransform();return this.transform},t.prototype.setLocalTransform=function(t){if(t){var e=t[0]*t[0]+t[1]*t[1],n=t[2]*t[2]+t[3]*t[3],i=Math.atan2(t[1],t[0]),r=Math.PI/2+i-Math.atan2(t[3],t[2]);n=Math.sqrt(n)*Math.cos(r),e=Math.sqrt(e),this.skewX=r,this.skewY=0,this.rotation=-i,this.x=+t[4],this.y=+t[5],this.scaleX=e,this.scaleY=n,this.originX=0,this.originY=0}},t.prototype.decomposeTransform=function(){if(this.transform){var t=this.parent,e=this.transform;t&&t.transform&&(t.invTransform=t.invTransform||[1,0,0,1,0,0],we(Ir,t.invTransform,e),e=Ir);var n=this.originX,i=this.originY;(n||i)&&(Tr[4]=n,Tr[5]=i,we(Ir,e,Tr),Ir[4]-=n,Ir[5]-=i,e=Ir),this.setLocalTransform(e)}},t.prototype.getGlobalScale=function(t){var e=this.transform;return t=t||[],e?(t[0]=Math.sqrt(e[0]*e[0]+e[1]*e[1]),t[1]=Math.sqrt(e[2]*e[2]+e[3]*e[3]),e[0]<0&&(t[0]=-t[0]),e[3]<0&&(t[1]=-t[1]),t):(t[0]=1,t[1]=1,t)},t.prototype.transformCoordToLocal=function(t,e){var n=[t,e],i=this.invTransform;return i&&Ht(n,n,i),n},t.prototype.transformCoordToGlobal=function(t,e){var n=[t,e],i=this.transform;return i&&Ht(n,n,i),n},t.prototype.getLineScale=function(){var t=this.transform;return t&&Cr(t[0]-1)>1e-10&&Cr(t[3]-1)>1e-10?Math.sqrt(Cr(t[0]*t[3]-t[2]*t[1])):1},t.prototype.copyTransform=function(t){kr(this,t)},t.getLocalTransform=function(t,e){e=e||[];var n=t.originX||0,i=t.originY||0,r=t.scaleX,o=t.scaleY,a=t.anchorX,s=t.anchorY,l=t.rotation||0,u=t.x,c=t.y,h=t.skewX?Math.tan(t.skewX):0,d=t.skewY?Math.tan(-t.skewY):0;if(n||i||a||s){var p=n+a,f=i+s;e[4]=-p*r-h*f*o,e[5]=-f*o-d*p*r}else e[4]=e[5]=0;return e[0]=r,e[3]=o,e[1]=d*r,e[2]=h*o,l&&Me(e,e,l),e[4]+=n+u,e[5]+=i+c,e},t.initDefaultProps=((e=t.prototype).scaleX=e.scaleY=e.globalScaleRatio=1,void(e.x=e.y=e.originX=e.originY=e.skewX=e.skewY=e.rotation=e.anchorX=e.anchorY=0)),t}(),Ar=["x","y","originX","originY","anchorX","anchorY","rotation","scaleX","scaleY","skewX","skewY"];function kr(t,e){for(var n=0;n<Ar.length;n++){var i=Ar[n];t[i]=e[i]}}function Lr(t){Sr||(Sr=new Xn(100)),t=t||a;var e=Sr.get(t);return e||(e={font:t,strWidthCache:new Xn(500),asciiWidthMap:null,asciiWidthMapTried:!1,stWideCharWidth:c.measureText("国",t).width,asciiCharWidth:c.measureText("a",t).width},Sr.put(t,e)),e}var Pr=0,Or=5;function Rr(t,e){return t.asciiWidthMapTried||(t.asciiWidthMap=function(t){if(!(Pr>=Or)){t=t||a;for(var e=[],n=+new Date,i=0;i<=127;i++)e[i]=c.measureText(String.fromCharCode(i),t).width;var r=+new Date-n;return r>16?Pr=Or:r>2&&Pr++,e}}(t.font),t.asciiWidthMapTried=!0),0<=e&&e<=127?null!=t.asciiWidthMap?t.asciiWidthMap[e]:t.asciiCharWidth:t.stWideCharWidth}function Nr(t,e){var n=t.strWidthCache,i=n.get(e);return null==i&&(i=c.measureText(e,t.font).width,n.put(e,i)),i}function zr(t,e,n,i){var r=Nr(Lr(e),t),o=Gr(e),a=Br(0,r,n),s=Vr(0,o,i);return new He(a,s,r,o)}function Er(t,e,n,i){var r=((t||"")+"").split("\n");if(1===r.length)return zr(r[0],e,n,i);for(var o=new He(0,0,0,0),a=0;a<r.length;a++){var s=zr(r[a],e,n,i);0===a?o.copy(s):o.union(s)}return o}function Br(t,e,n,i){return"right"===n?i?t+=e:t-=e:"center"===n&&(i?t+=e/2:t-=e/2),t}function Vr(t,e,n,i){return"middle"===n?i?t+=e/2:t-=e/2:"bottom"===n&&(i?t+=e:t-=e),t}function Gr(t){return Lr(t).stWideCharWidth}function Fr(t,e){return"string"==typeof t?t.lastIndexOf("%")>=0?parseFloat(t)/100*e:parseFloat(t):t}function Wr(t,e,n){var i=e.position||"inside",r=null!=e.distance?e.distance:5,o=n.height,a=n.width,s=o/2,l=n.x,u=n.y,c="left",h="top";if(i instanceof Array)l+=Fr(i[0],n.width),u+=Fr(i[1],n.height),c=null,h=null;else switch(i){case"left":l-=r,u+=s,c="right",h="middle";break;case"right":l+=r+a,u+=s,h="middle";break;case"top":l+=a/2,u-=r,c="center",h="bottom";break;case"bottom":l+=a/2,u+=o+r,c="center";break;case"inside":l+=a/2,u+=s,c="center",h="middle";break;case"insideLeft":l+=r,u+=s,h="middle";break;case"insideRight":l+=a-r,u+=s,c="right",h="middle";break;case"insideTop":l+=a/2,u+=r,c="center";break;case"insideBottom":l+=a/2,u+=o-r,c="center",h="bottom";break;case"insideTopLeft":l+=r,u+=r;break;case"insideTopRight":l+=a-r,u+=r,c="right";break;case"insideBottomLeft":l+=r,u+=o-r,h="bottom";break;case"insideBottomRight":l+=a-r,u+=o-r,c="right",h="bottom"}return(t=t||{}).x=l,t.y=u,t.align=c,t.verticalAlign=h,t}var Hr="__zr_normal__",Ur=Ar.concat(["ignore"]),Yr=B(Ar,(function(t,e){return t[e]=!0,t}),{ignore:!1}),Xr={},Zr=new He(0,0,0,0),jr=[],qr=function(){function t(t){this.id=M(),this.animators=[],this.currentStates=[],this.states={},this._init(t)}return t.prototype._init=function(t){this.attr(t)},t.prototype.drift=function(t,e,n){switch(this.draggable){case"horizontal":e=0;break;case"vertical":t=0}var i=this.transform;i||(i=this.transform=[1,0,0,1,0,0]),i[4]+=t,i[5]+=e,this.decomposeTransform(),this.markRedraw()},t.prototype.beforeUpdate=function(){},t.prototype.afterUpdate=function(){},t.prototype.update=function(){this.updateTransform(),this.__dirty&&this.updateInnerText()},t.prototype.updateInnerText=function(t){var e=this._textContent;if(e&&(!e.ignore||t)){this.textConfig||(this.textConfig={});var n=this.textConfig,i=n.local,r=e.innerTransformable,o=void 0,a=void 0,s=!1;r.parent=i?this:null;var l=!1;r.copyTransform(e);var u=null!=n.position,c=n.autoOverflowArea,h=void 0;if((c||u)&&(h=Zr,n.layoutRect?h.copy(n.layoutRect):h.copy(this.getBoundingRect()),i||h.applyTransform(this.transform)),u){this.calculateTextPosition?this.calculateTextPosition(Xr,n,h):Wr(Xr,n,h),r.x=Xr.x,r.y=Xr.y,o=Xr.align,a=Xr.verticalAlign;var d=n.origin;if(d&&null!=n.rotation){var p=void 0,f=void 0;"center"===d?(p=.5*h.width,f=.5*h.height):(p=Fr(d[0],h.width),f=Fr(d[1],h.height)),l=!0,r.originX=-r.x+p+(i?0:h.x),r.originY=-r.y+f+(i?0:h.y)}}null!=n.rotation&&(r.rotation=n.rotation);var g=n.offset;g&&(r.x+=g[0],r.y+=g[1],l||(r.originX=-g[0],r.originY=-g[1]));var y=this._innerTextDefaultStyle||(this._innerTextDefaultStyle={});if(c){var v=y.overflowRect=y.overflowRect||new He(0,0,0,0);r.getLocalTransform(jr),Te(jr,jr),He.copy(v,h),v.applyTransform(jr)}else y.overflowRect=null;var m=void 0,x=void 0,_=void 0;(null==n.inside?"string"==typeof n.position&&n.position.indexOf("inside")>=0:n.inside)&&this.canBeInsideText()?(m=n.insideFill,x=n.insideStroke,null!=m&&"auto"!==m||(m=this.getInsideTextFill()),null!=x&&"auto"!==x||(x=this.getInsideTextStroke(m),_=!0)):(m=n.outsideFill,x=n.outsideStroke,null!=m&&"auto"!==m||(m=this.getOutsideFill()),null!=x&&"auto"!==x||(x=this.getOutsideStroke(m),_=!0)),(m=m||"#000")===y.fill&&x===y.stroke&&_===y.autoStroke&&o===y.align&&a===y.verticalAlign||(s=!0,y.fill=m,y.stroke=x,y.autoStroke=_,y.align=o,y.verticalAlign=a,e.setDefaultTextStyle(y)),e.__dirty|=1,s&&e.dirtyStyle(!0)}},t.prototype.canBeInsideText=function(){return!0},t.prototype.getInsideTextFill=function(){return"#fff"},t.prototype.getInsideTextStroke=function(t){return"#000"},t.prototype.getOutsideFill=function(){return this.__zr&&this.__zr.isDarkMode()?xr:mr},t.prototype.getOutsideStroke=function(t){var e=this.__zr&&this.__zr.getBackgroundColor(),n="string"==typeof e&&oi(e);n||(n=[255,255,255,1]);for(var i=n[3],r=this.__zr.isDarkMode(),o=0;o<3;o++)n[o]=n[o]*i+(r?0:255)*(1-i);return n[3]=1,fi(n,"rgba")},t.prototype.traverse=function(t,e){},t.prototype.attrKV=function(t,e){"textConfig"===t?this.setTextConfig(e):"textContent"===t?this.setTextContent(e):"clipPath"===t?this.setClipPath(e):"extra"===t?(this.extra=this.extra||{},A(this.extra,e)):this[t]=e},t.prototype.hide=function(){this.ignore=!0,this.markRedraw()},t.prototype.show=function(){this.ignore=!1,this.markRedraw()},t.prototype.attr=function(t,e){if("string"==typeof t)this.attrKV(t,e);else if(q(t))for(var n=F(t),i=0;i<n.length;i++){var r=n[i];this.attrKV(r,t[r])}return this.markRedraw(),this},t.prototype.saveCurrentToNormalState=function(t){this._innerSaveToNormal(t);for(var e=this._normalState,n=0;n<this.animators.length;n++){var i=this.animators[n],r=i.__fromStateTransition;if(!(i.getLoop()||r&&r!==Hr)){var o=i.targetName,a=o?e[o]:e;i.saveTo(a)}}},t.prototype._innerSaveToNormal=function(t){var e=this._normalState;e||(e=this._normalState={}),t.textConfig&&!e.textConfig&&(e.textConfig=this.textConfig),this._savePrimaryToNormal(t,e,Ur)},t.prototype._savePrimaryToNormal=function(t,e,n){for(var i=0;i<n.length;i++){var r=n[i];null==t[r]||r in e||(e[r]=this[r])}},t.prototype.hasState=function(){return this.currentStates.length>0},t.prototype.getState=function(t){return this.states[t]},t.prototype.ensureState=function(t){var e=this.states;return e[t]||(e[t]={}),e[t]},t.prototype.clearStates=function(t){this.useState(Hr,!1,t)},t.prototype.useState=function(t,e,n,i){var r=t===Hr;if(this.hasState()||!r){var o=this.currentStates,a=this.stateTransition;if(!(P(o,t)>=0)||!e&&1!==o.length){var s;if(this.stateProxy&&!r&&(s=this.stateProxy(t)),s||(s=this.states&&this.states[t]),s||r){r||this.saveCurrentToNormalState(s);var l=!!(s&&s.hoverLayer||i);l&&this._toggleHoverLayerFlag(!0),this._applyStateObj(t,s,this._normalState,e,!n&&!this.__inHover&&a&&a.duration>0,a);var u=this._textContent,c=this._textGuide;return u&&u.useState(t,e,n,l),c&&c.useState(t,e,n,l),r?(this.currentStates=[],this._normalState={}):e?this.currentStates.push(t):this.currentStates=[t],this._updateAnimationTargets(),this.markRedraw(),!l&&this.__inHover&&(this._toggleHoverLayerFlag(!1),this.__dirty&=-2),s}I("State "+t+" not exists.")}}},t.prototype.useStates=function(t,e,n){if(t.length){var i=[],r=this.currentStates,o=t.length,a=o===r.length;if(a)for(var s=0;s<o;s++)if(t[s]!==r[s]){a=!1;break}if(a)return;for(s=0;s<o;s++){var l=t[s],u=void 0;this.stateProxy&&(u=this.stateProxy(l,t)),u||(u=this.states[l]),u&&i.push(u)}var c=i[o-1],h=!!(c&&c.hoverLayer||n);h&&this._toggleHoverLayerFlag(!0);var d=this._mergeStates(i),p=this.stateTransition;this.saveCurrentToNormalState(d),this._applyStateObj(t.join(","),d,this._normalState,!1,!e&&!this.__inHover&&p&&p.duration>0,p);var f=this._textContent,g=this._textGuide;f&&f.useStates(t,e,h),g&&g.useStates(t,e,h),this._updateAnimationTargets(),this.currentStates=t.slice(),this.markRedraw(),!h&&this.__inHover&&(this._toggleHoverLayerFlag(!1),this.__dirty&=-2)}else this.clearStates()},t.prototype.isSilent=function(){for(var t=this;t;){if(t.silent)return!0;var e=t.__hostTarget;t=e?t.ignoreHostSilent?null:e:t.parent}return!1},t.prototype._updateAnimationTargets=function(){for(var t=0;t<this.animators.length;t++){var e=this.animators[t];e.targetName&&e.changeTarget(this[e.targetName])}},t.prototype.removeState=function(t){var e=P(this.currentStates,t);if(e>=0){var n=this.currentStates.slice();n.splice(e,1),this.useStates(n)}},t.prototype.replaceState=function(t,e,n){var i=this.currentStates.slice(),r=P(i,t),o=P(i,e)>=0;r>=0?o?i.splice(r,1):i[r]=e:n&&!o&&i.push(e),this.useStates(i)},t.prototype.toggleState=function(t,e){e?this.useState(t,!0):this.removeState(t)},t.prototype._mergeStates=function(t){for(var e,n={},i=0;i<t.length;i++){var r=t[i];A(n,r),r.textConfig&&A(e=e||{},r.textConfig)}return e&&(n.textConfig=e),n},t.prototype._applyStateObj=function(t,e,n,i,r,o){var a=!(e&&i);e&&e.textConfig?(this.textConfig=A({},i?this.textConfig:n.textConfig),A(this.textConfig,e.textConfig)):a&&n.textConfig&&(this.textConfig=n.textConfig);for(var s={},l=!1,u=0;u<Ur.length;u++){var c=Ur[u],h=r&&Yr[c];e&&null!=e[c]?h?(l=!0,s[c]=e[c]):this[c]=e[c]:a&&null!=n[c]&&(h?(l=!0,s[c]=n[c]):this[c]=n[c])}if(!r)for(u=0;u<this.animators.length;u++){var d=this.animators[u],p=d.targetName;d.getLoop()||d.__changeFinalValue(p?(e||n)[p]:e||n)}l&&this._transitionState(t,s,o)},t.prototype._attachComponent=function(t){if((!t.__zr||t.__hostTarget)&&t!==this){var e=this.__zr;e&&t.addSelfToZr(e),t.__zr=e,t.__hostTarget=this}},t.prototype._detachComponent=function(t){t.__zr&&t.removeSelfFromZr(t.__zr),t.__zr=null,t.__hostTarget=null},t.prototype.getClipPath=function(){return this._clipPath},t.prototype.setClipPath=function(t){this._clipPath&&this._clipPath!==t&&this.removeClipPath(),this._attachComponent(t),this._clipPath=t,this.markRedraw()},t.prototype.removeClipPath=function(){var t=this._clipPath;t&&(this._detachComponent(t),this._clipPath=null,this.markRedraw())},t.prototype.getTextContent=function(){return this._textContent},t.prototype.setTextContent=function(t){var e=this._textContent;e!==t&&(e&&e!==t&&this.removeTextContent(),t.innerTransformable=new Dr,this._attachComponent(t),this._textContent=t,this.markRedraw())},t.prototype.setTextConfig=function(t){this.textConfig||(this.textConfig={}),A(this.textConfig,t),this.markRedraw()},t.prototype.removeTextConfig=function(){this.textConfig=null,this.markRedraw()},t.prototype.removeTextContent=function(){var t=this._textContent;t&&(t.innerTransformable=null,this._detachComponent(t),this._textContent=null,this._innerTextDefaultStyle=null,this.markRedraw())},t.prototype.getTextGuideLine=function(){return this._textGuide},t.prototype.setTextGuideLine=function(t){this._textGuide&&this._textGuide!==t&&this.removeTextGuideLine(),this._attachComponent(t),this._textGuide=t,this.markRedraw()},t.prototype.removeTextGuideLine=function(){var t=this._textGuide;t&&(this._detachComponent(t),this._textGuide=null,this.markRedraw())},t.prototype.markRedraw=function(){this.__dirty|=1;var t=this.__zr;t&&(this.__inHover?t.refreshHover():t.refresh()),this.__hostTarget&&this.__hostTarget.markRedraw()},t.prototype.dirty=function(){this.markRedraw()},t.prototype._toggleHoverLayerFlag=function(t){this.__inHover=t;var e=this._textContent,n=this._textGuide;e&&(e.__inHover=t),n&&(n.__inHover=t)},t.prototype.addSelfToZr=function(t){if(this.__zr!==t){this.__zr=t;var e=this.animators;if(e)for(var n=0;n<e.length;n++)t.animation.addAnimator(e[n]);this._clipPath&&this._clipPath.addSelfToZr(t),this._textContent&&this._textContent.addSelfToZr(t),this._textGuide&&this._textGuide.addSelfToZr(t)}},t.prototype.removeSelfFromZr=function(t){if(this.__zr){this.__zr=null;var e=this.animators;if(e)for(var n=0;n<e.length;n++)t.animation.removeAnimator(e[n]);this._clipPath&&this._clipPath.removeSelfFromZr(t),this._textContent&&this._textContent.removeSelfFromZr(t),this._textGuide&&this._textGuide.removeSelfFromZr(t)}},t.prototype.animate=function(t,e,n){var i=t?this[t]:this;var r=new ji(i,e,n);return t&&(r.targetName=t),this.addAnimator(r,t),r},t.prototype.addAnimator=function(t,e){var n=this.__zr,i=this;t.during((function(){i.updateDuringAnimation(e)})).done((function(){var e=i.animators,n=P(e,t);n>=0&&e.splice(n,1)})),this.animators.push(t),n&&n.animation.addAnimator(t),n&&n.wakeUp()},t.prototype.updateDuringAnimation=function(t){this.markRedraw()},t.prototype.stopAnimation=function(t,e){for(var n=this.animators,i=n.length,r=[],o=0;o<i;o++){var a=n[o];t&&t!==a.scope?r.push(a):a.stop(e)}return this.animators=r,this},t.prototype.animateTo=function(t,e,n){Kr(this,t,e,n)},t.prototype.animateFrom=function(t,e,n){Kr(this,t,e,n,!0)},t.prototype._transitionState=function(t,e,n,i){for(var r=Kr(this,e,n,i),o=0;o<r.length;o++)r[o].__fromStateTransition=t},t.prototype.getBoundingRect=function(){return null},t.prototype.getPaintRect=function(){return null},t.initDefaultProps=function(){var e=t.prototype;e.type="element",e.name="",e.ignore=e.silent=e.ignoreHostSilent=e.isGroup=e.draggable=e.dragging=e.ignoreClip=e.__inHover=!1,e.__dirty=1;function n(t,n,i,r){function o(t,e){Object.defineProperty(e,0,{get:function(){return t[i]},set:function(e){t[i]=e}}),Object.defineProperty(e,1,{get:function(){return t[r]},set:function(e){t[r]=e}})}Object.defineProperty(e,t,{get:function(){this[n]||o(this,this[n]=[]);return this[n]},set:function(t){this[i]=t[0],this[r]=t[1],this[n]=t,o(this,t)}})}Object.defineProperty&&(n("position","_legacyPos","x","y"),n("scale","_legacyScale","scaleX","scaleY"),n("origin","_legacyOrigin","originX","originY"))}(),t}();function Kr(t,e,n,i,r){var o=[];Qr(t,"",t,e,n=n||{},i,o,r);var a=o.length,s=!1,l=n.done,u=n.aborted,c=function(){s=!0,--a<=0&&(s?l&&l():u&&u())},h=function(){--a<=0&&(s?l&&l():u&&u())};a||l&&l(),o.length>0&&n.during&&o[0].during((function(t,e){n.during(e)}));for(var d=0;d<o.length;d++){var p=o[d];c&&p.done(c),h&&p.aborted(h),n.force&&p.duration(n.duration),p.start(n.easing)}return o}function $r(t,e,n){for(var i=0;i<n;i++)t[i]=e[i]}function Jr(t,e,n){if(N(e[n]))if(N(t[n])||(t[n]=[]),$(e[n])){var i=e[n].length;t[n].length!==i&&(t[n]=new e[n].constructor(i),$r(t[n],e[n],i))}else{var r=e[n],o=t[n],a=r.length;if(N(r[0]))for(var s=r[0].length,l=0;l<a;l++)o[l]?$r(o[l],r[l],s):o[l]=Array.prototype.slice.call(r[l]);else $r(o,r,a);o.length=r.length}else t[n]=e[n]}function Qr(t,e,n,i,r,o,a,s){for(var l=F(i),u=r.duration,c=r.delay,h=r.additive,d=r.setToFinal,p=!q(o),f=t.animators,g=[],y=0;y<l.length;y++){var v=l[y],m=i[v];if(null!=m&&null!=n[v]&&(p||o[v]))if(!q(m)||N(m)||Q(m))g.push(v);else{if(e){s||(n[v]=m,t.updateDuringAnimation(e));continue}Qr(t,v,n[v],m,r,o&&o[v],a,s)}else s||(n[v]=m,t.updateDuringAnimation(e),g.push(v))}var x=g.length;if(!h&&x)for(var _=0;_<f.length;_++){if((w=f[_]).targetName===e)if(w.stopTracks(g)){var b=P(f,w);f.splice(b,1)}}if(r.force||(g=V(g,(function(t){return e=i[t],r=n[t],!(e===r||N(e)&&N(r)&&function(t,e){var n=t.length;if(n!==e.length)return!1;for(var i=0;i<n;i++)if(t[i]!==e[i])return!1;return!0}(e,r));var e,r})),x=g.length),x>0||r.force&&!a.length){var w,S=void 0,M=void 0,I=void 0;if(s){M={},d&&(S={});for(_=0;_<x;_++){M[v=g[_]]=n[v],d?S[v]=i[v]:n[v]=i[v]}}else if(d){I={};for(_=0;_<x;_++){I[v=g[_]]=Wi(n[v]),Jr(n,i,v)}}(w=new ji(n,!1,!1,h?V(f,(function(t){return t.targetName===e})):null)).targetName=e,r.scope&&(w.scope=r.scope),d&&S&&w.whenWithKeys(0,S,g),I&&w.whenWithKeys(0,I,g),w.whenWithKeys(null==u?500:u,s?M:i,g).delay(c||0),t.addAnimator(w,e),a.push(w)}}R(qr,qt),R(qr,Dr);var to=function(t){function e(e){var n=t.call(this)||this;return n.isGroup=!0,n._children=[],n.attr(e),n}return n(e,t),e.prototype.childrenRef=function(){return this._children},e.prototype.children=function(){return this._children.slice()},e.prototype.childAt=function(t){return this._children[t]},e.prototype.childOfName=function(t){for(var e=this._children,n=0;n<e.length;n++)if(e[n].name===t)return e[n]},e.prototype.childCount=function(){return this._children.length},e.prototype.add=function(t){return t&&t!==this&&t.parent!==this&&(this._children.push(t),this._doAdd(t)),this},e.prototype.addBefore=function(t,e){if(t&&t!==this&&t.parent!==this&&e&&e.parent===this){var n=this._children,i=n.indexOf(e);i>=0&&(n.splice(i,0,t),this._doAdd(t))}return this},e.prototype.replace=function(t,e){var n=P(this._children,t);return n>=0&&this.replaceAt(e,n),this},e.prototype.replaceAt=function(t,e){var n=this._children,i=n[e];if(t&&t!==this&&t.parent!==this&&t!==i){n[e]=t,i.parent=null;var r=this.__zr;r&&i.removeSelfFromZr(r),this._doAdd(t)}return this},e.prototype._doAdd=function(t){t.parent&&t.parent.remove(t),t.parent=this;var e=this.__zr;e&&e!==t.__zr&&t.addSelfToZr(e),e&&e.refresh()},e.prototype.remove=function(t){var e=this.__zr,n=this._children,i=P(n,t);return i<0||(n.splice(i,1),t.parent=null,e&&t.removeSelfFromZr(e),e&&e.refresh()),this},e.prototype.removeAll=function(){for(var t=this._children,e=this.__zr,n=0;n<t.length;n++){var i=t[n];e&&i.removeSelfFromZr(e),i.parent=null}return t.length=0,this},e.prototype.eachChild=function(t,e){for(var n=this._children,i=0;i<n.length;i++){var r=n[i];t.call(e,r,i)}return this},e.prototype.traverse=function(t,e){for(var n=0;n<this._children.length;n++){var i=this._children[n],r=t.call(e,i);i.isGroup&&!r&&i.traverse(t,e)}return this},e.prototype.addSelfToZr=function(e){t.prototype.addSelfToZr.call(this,e);for(var n=0;n<this._children.length;n++){this._children[n].addSelfToZr(e)}},e.prototype.removeSelfFromZr=function(e){t.prototype.removeSelfFromZr.call(this,e);for(var n=0;n<this._children.length;n++){this._children[n].removeSelfFromZr(e)}},e.prototype.getBoundingRect=function(t){for(var e=new He(0,0,0,0),n=t||this._children,i=[],r=null,o=0;o<n.length;o++){var a=n[o];if(!a.ignore&&!a.invisible){var s=a.getBoundingRect(),l=a.getLocalTransform(i);l?(He.applyTransform(e,s,l),(r=r||e.clone()).union(e)):(r=r||s.clone()).union(s)}}return r||e},e}(qr);to.prototype.type="group";
+/*!
+    * ZRender, a high performance 2d drawing library.
+    *
+    * Copyright (c) 2013, Baidu Inc.
+    * All rights reserved.
+    *
+    * LICENSE
+    * https://github.com/ecomfe/zrender/blob/master/LICENSE.txt
+    */
+var eo={},no={};var io,ro=function(){function t(t,e,n){var i=this;this._sleepAfterStill=10,this._stillFrameAccum=0,this._needsRefresh=!0,this._needsRefreshHover=!0,this._darkMode=!1,n=n||{},this.dom=e,this.id=t;var o=new fn,a=n.renderer||"canvas";eo[a]||(a=F(eo)[0]),n.useDirtyRect=null!=n.useDirtyRect&&n.useDirtyRect;var s=new eo[a](e,o,n,t),l=n.ssr||s.ssrOnly;this.storage=o,this.painter=s;var u,c=r.node||r.worker||l?null:new gr(s.getViewportRoot(),s.root),h=n.useCoarsePointer;(null==h||"auto"===h?r.touchEventsSupported:!!h)&&(u=rt(n.pointerSize,44)),this.handler=new tn(o,s,c,s.root,u),this.animation=new Ji({stage:{update:l?null:function(){return i._flush(!0)}}}),l||this.animation.start()}return t.prototype.add=function(t){!this._disposed&&t&&(this.storage.addRoot(t),t.addSelfToZr(this),this.refresh())},t.prototype.remove=function(t){!this._disposed&&t&&(this.storage.delRoot(t),t.removeSelfFromZr(this),this.refresh())},t.prototype.configLayer=function(t,e){this._disposed||(this.painter.configLayer&&this.painter.configLayer(t,e),this.refresh())},t.prototype.setBackgroundColor=function(t){this._disposed||(this.painter.setBackgroundColor&&this.painter.setBackgroundColor(t),this.refresh(),this._backgroundColor=t,this._darkMode=function(t){if(!t)return!1;if("string"==typeof t)return gi(t,1)<.4;if(t.colorStops){for(var e=t.colorStops,n=0,i=e.length,r=0;r<i;r++)n+=gi(e[r].color,1);return(n/=i)<.4}return!1}(t))},t.prototype.getBackgroundColor=function(){return this._backgroundColor},t.prototype.setDarkMode=function(t){this._darkMode=t},t.prototype.isDarkMode=function(){return this._darkMode},t.prototype.refreshImmediately=function(t){this._disposed||(t||this.animation.update(!0),this._needsRefresh=!1,this.painter.refresh(),this._needsRefresh=!1)},t.prototype.refresh=function(){this._disposed||(this._needsRefresh=!0,this.animation.start())},t.prototype.flush=function(){this._disposed||this._flush(!1)},t.prototype._flush=function(t){var e,n=qi();this._needsRefresh&&(e=!0,this.refreshImmediately(t)),this._needsRefreshHover&&(e=!0,this.refreshHoverImmediately());var i=qi();e?(this._stillFrameAccum=0,this.trigger("rendered",{elapsedTime:i-n})):this._sleepAfterStill>0&&(this._stillFrameAccum++,this._stillFrameAccum>this._sleepAfterStill&&this.animation.stop())},t.prototype.setSleepAfterStill=function(t){this._sleepAfterStill=t},t.prototype.wakeUp=function(){this._disposed||(this.animation.start(),this._stillFrameAccum=0)},t.prototype.refreshHover=function(){this._needsRefreshHover=!0},t.prototype.refreshHoverImmediately=function(){this._disposed||(this._needsRefreshHover=!1,this.painter.refreshHover&&"canvas"===this.painter.getType()&&this.painter.refreshHover())},t.prototype.resize=function(t){this._disposed||(t=t||{},this.painter.resize(t.width,t.height),this.handler.resize())},t.prototype.clearAnimation=function(){this._disposed||this.animation.clear()},t.prototype.getWidth=function(){if(!this._disposed)return this.painter.getWidth()},t.prototype.getHeight=function(){if(!this._disposed)return this.painter.getHeight()},t.prototype.setCursorStyle=function(t){this._disposed||this.handler.setCursorStyle(t)},t.prototype.findHover=function(t,e){if(!this._disposed)return this.handler.findHover(t,e)},t.prototype.on=function(t,e,n){return this._disposed||this.handler.on(t,e,n),this},t.prototype.off=function(t,e){this._disposed||this.handler.off(t,e)},t.prototype.trigger=function(t,e){this._disposed||this.handler.trigger(t,e)},t.prototype.clear=function(){if(!this._disposed){for(var t=this.storage.getRoots(),e=0;e<t.length;e++)t[e]instanceof to&&t[e].removeSelfFromZr(this);this.storage.delAllRoots(),this.painter.clear()}},t.prototype.dispose=function(){var t;this._disposed||(this.animation.stop(),this.clear(),this.storage.dispose(),this.painter.dispose(),this.handler.dispose(),this.animation=this.storage=this.painter=this.handler=null,this._disposed=!0,t=this.id,delete no[t])},t}();function oo(t,e){var n=new ro(M(),t,e);return no[n.id]=n,n}function ao(t,e){eo[t]=e}function so(t){if("function"==typeof io)return io(t)}function lo(t){io=t}var uo=Object.freeze({__proto__:null,init:oo,dispose:function(t){t.dispose()},disposeAll:function(){for(var t in no)no.hasOwnProperty(t)&&no[t].dispose();no={}},getInstance:function(t){return no[t]},registerPainter:ao,getElementSSRData:so,registerSSRDataGetter:lo,version:"6.0.0"}),co=1e-4;var ho=Math.min,po=Math.max,fo=Math.abs;function go(t,e,n,i){var r=e[0],o=e[1],a=n[0],s=n[1],l=o-r,u=s-a;if(0===l)return 0===u?a:(a+s)/2;if(i)if(l>0){if(t<=r)return a;if(t>=o)return s}else{if(t>=r)return a;if(t<=o)return s}else{if(t===r)return a;if(t===o)return s}return(t-r)/l*u+a}var yo=function(t,e,n){switch(t){case"center":case"middle":t="50%";break;case"left":case"top":t="0%";break;case"right":case"bottom":t="100%"}return vo(t,e,n)};function vo(t,e,n){return X(t)?(i=t,i.replace(/^\s+|\s+$/g,"")).match(/%$/)?parseFloat(t)/100*e+(n||0):parseFloat(t):null==t?NaN:+t;var i}function mo(t,e,n){return null==e&&(e=10),e=Math.min(Math.max(0,e),20),t=(+t).toFixed(e),n?t:+t}function xo(t){return t.sort((function(t,e){return t-e})),t}function _o(t){if(t=+t,isNaN(t))return 0;if(t>1e-14)for(var e=1,n=0;n<15;n++,e*=10)if(Math.round(t*e)/e===t)return n;return bo(t)}function bo(t){var e=t.toString().toLowerCase(),n=e.indexOf("e"),i=n>0?+e.slice(n+1):0,r=n>0?n:e.length,o=e.indexOf("."),a=o<0?0:r-1-o;return Math.max(0,a-i)}function wo(t,e){var n=Math.log,i=Math.LN10,r=Math.floor(n(t[1]-t[0])/i),o=Math.round(n(fo(e[1]-e[0]))/i),a=Math.min(Math.max(-r+o,0),20);return isFinite(a)?a:20}function So(t,e){var n=B(t,(function(t,e){return t+(isNaN(e)?0:e)}),0);if(0===n)return[];for(var i=Math.pow(10,e),r=E(t,(function(t){return(isNaN(t)?0:t)/n*i*100})),o=100*i,a=E(r,(function(t){return Math.floor(t)})),s=B(a,(function(t,e){return t+e}),0),l=E(r,(function(t,e){return t-a[e]}));s<o;){for(var u=Number.NEGATIVE_INFINITY,c=null,h=0,d=l.length;h<d;++h)l[h]>u&&(u=l[h],c=h);++a[c],l[c]=0,++s}return E(a,(function(t){return t/i}))}function Mo(t,e){var n=Math.max(_o(t),_o(e)),i=t+e;return n>20?i:mo(i,n)}var Io=9007199254740991;function To(t){var e=2*Math.PI;return(t%e+e)%e}function Co(t){return t>-1e-4&&t<co}var Do=/^(?:(\d{4})(?:[-\/](\d{1,2})(?:[-\/](\d{1,2})(?:[T ](\d{1,2})(?::(\d{1,2})(?::(\d{1,2})(?:[.,](\d+))?)?)?(Z|[\+\-]\d\d:?\d\d)?)?)?)?)?$/;function Ao(t){if(t instanceof Date)return t;if(X(t)){var e=Do.exec(t);if(!e)return new Date(NaN);if(e[8]){var n=+e[4]||0;return"Z"!==e[8].toUpperCase()&&(n-=+e[8].slice(0,3)),new Date(Date.UTC(+e[1],+(e[2]||1)-1,+e[3]||1,n,+(e[5]||0),+e[6]||0,e[7]?+e[7].substring(0,3):0))}return new Date(+e[1],+(e[2]||1)-1,+e[3]||1,+e[4]||0,+(e[5]||0),+e[6]||0,e[7]?+e[7].substring(0,3):0)}return null==t?new Date(NaN):new Date(Math.round(t))}function ko(t){return Math.pow(10,Lo(t))}function Lo(t){if(0===t)return 0;var e=Math.floor(Math.log(t)/Math.LN10);return t/Math.pow(10,e)>=10&&e++,e}function Po(t,e){var n=Lo(t),i=Math.pow(10,n),r=t/i;return t=(e?r<1.5?1:r<2.5?2:r<4?3:r<7?5:10:r<1?1:r<2?2:r<3?3:r<5?5:10)*i,n>=-20?+t.toFixed(n<0?-n:0):t}function Oo(t,e){var n=(t.length-1)*e+1,i=Math.floor(n),r=+t[i-1],o=n-i;return o?r+o*(t[i]-r):r}function Ro(t){t.sort((function(t,e){return s(t,e,0)?-1:1}));for(var e=-1/0,n=1,i=0;i<t.length;){for(var r=t[i].interval,o=t[i].close,a=0;a<2;a++)r[a]<=e&&(r[a]=e,o[a]=a?1:1-n),e=r[a],n=o[a];r[0]===r[1]&&o[0]*o[1]!=1?t.splice(i,1):i++}return t;function s(t,e,n){return t.interval[n]<e.interval[n]||t.interval[n]===e.interval[n]&&(t.close[n]-e.close[n]==(n?-1:1)||!n&&s(t,e,1))}}function No(t){var e=parseFloat(t);return e==t&&(0!==e||!X(t)||t.indexOf("x")<=0)?e:NaN}function zo(t){return!isNaN(No(t))}function Eo(){return Math.round(9*Math.random())}function Bo(t,e){return 0===e?t:Bo(e,t%e)}function Vo(t,e){return null==t?e:null==e?t:t*e/Bo(t,e)}var Go={},Fo="undefined"!=typeof console&&console.warn&&console.log;function Wo(t,e,n){if(Fo){if(n){if(Go[e])return;Go[e]=!0}console[t]("[ECharts] "+e)}}function Ho(t,e){Wo("error",t,e)}function Uo(t){0}function Yo(t){throw new Error(t)}function Xo(t,e,n){return(e-t)*n+t}var Zo="series\0",jo="\0_ec_\0";function qo(t){return t instanceof Array?t:null==t?[]:[t]}function Ko(t,e,n){if(t){t[e]=t[e]||{},t.emphasis=t.emphasis||{},t.emphasis[e]=t.emphasis[e]||{};for(var i=0,r=n.length;i<r;i++){var o=n[i];!t.emphasis[e].hasOwnProperty(o)&&t[e].hasOwnProperty(o)&&(t.emphasis[e][o]=t[e][o])}}}var $o=["fontStyle","fontWeight","fontSize","fontFamily","rich","tag","color","textBorderColor","textBorderWidth","width","height","lineHeight","align","verticalAlign","baseline","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY","textShadowColor","textShadowBlur","textShadowOffsetX","textShadowOffsetY","backgroundColor","borderColor","borderWidth","borderRadius","padding"];function Jo(t){return!q(t)||U(t)||t instanceof Date?t:t.value}function Qo(t){return q(t)&&!(t instanceof Array)}function ta(t,e,n){var i="normalMerge"===n,r="replaceMerge"===n,o="replaceAll"===n;t=t||[],e=(e||[]).slice();var a=yt();z(e,(function(t,n){q(t)||(e[n]=null)}));var s,l,u=function(t,e,n){var i=[];if("replaceAll"===n)return i;for(var r=0;r<t.length;r++){var o=t[r];o&&null!=o.id&&e.set(o.id,r),i.push({existing:"replaceMerge"===n||oa(o)?null:o,newOption:null,keyInfo:null,brandNew:null})}return i}(t,a,n);return(i||r)&&function(t,e,n,i){z(i,(function(r,o){if(r&&null!=r.id){var a=na(r.id),s=n.get(a);if(null!=s){var l=t[s];lt(!l.newOption,'Duplicated option on id "'+a+'".'),l.newOption=r,l.existing=e[s],i[o]=null}}}))}(u,t,a,e),i&&function(t,e){z(e,(function(n,i){if(n&&null!=n.name)for(var r=0;r<t.length;r++){var o=t[r].existing;if(!t[r].newOption&&o&&(null==o.id||null==n.id)&&!oa(n)&&!oa(o)&&ea("name",o,n))return t[r].newOption=n,void(e[i]=null)}}))}(u,e),i||r?function(t,e,n){z(e,(function(e){if(e){for(var i,r=0;(i=t[r])&&(i.newOption||oa(i.existing)||i.existing&&null!=e.id&&!ea("id",e,i.existing));)r++;i?(i.newOption=e,i.brandNew=n):t.push({newOption:e,brandNew:n,existing:null,keyInfo:null}),r++}}))}(u,e,r):o&&function(t,e){z(e,(function(e){t.push({newOption:e,brandNew:!0,existing:null,keyInfo:null})}))}(u,e),s=u,l=yt(),z(s,(function(t){var e=t.existing;e&&l.set(e.id,t)})),z(s,(function(t){var e=t.newOption;lt(!e||null==e.id||!l.get(e.id)||l.get(e.id)===t,"id duplicates: "+(e&&e.id)),e&&null!=e.id&&l.set(e.id,t),!t.keyInfo&&(t.keyInfo={})})),z(s,(function(t,e){var n=t.existing,i=t.newOption,r=t.keyInfo;if(q(i)){if(r.name=null!=i.name?na(i.name):n?n.name:Zo+e,n)r.id=na(n.id);else if(null!=i.id)r.id=na(i.id);else{var o=0;do{r.id="\0"+r.name+"\0"+o++}while(l.get(r.id))}l.set(r.id,t)}})),u}function ea(t,e,n){var i=ia(e[t],null),r=ia(n[t],null);return null!=i&&null!=r&&i===r}function na(t){return ia(t,"")}function ia(t,e){return null==t?e:X(t)?t:j(t)||Z(t)?t+"":e}function ra(t){var e=t.name;return!(!e||!e.indexOf(Zo))}function oa(t){return t&&null!=t.id&&0===na(t.id).indexOf(jo)}function aa(t,e){return null!=e.dataIndexInside?e.dataIndexInside:null!=e.dataIndex?U(e.dataIndex)?E(e.dataIndex,(function(e){return t.indexOfRawIndex(e)})):t.indexOfRawIndex(e.dataIndex):null!=e.name?U(e.name)?E(e.name,(function(e){return t.indexOfName(e)})):t.indexOfName(e.name):void 0}function sa(){var t="__ec_inner_"+la++;return function(e){return e[t]||(e[t]={})}}var la=Eo();function ua(t,e,n){var i=ca(e,n),r=i.mainTypeSpecified,o=i.queryOptionMap,a=i.others,s=n?n.defaultMainType:null;return!r&&s&&o.set(s,{}),o.each((function(e,i){var r=pa(t,i,e,{useDefault:s===i,enableAll:!n||null==n.enableAll||n.enableAll,enableNone:!n||null==n.enableNone||n.enableNone});a[i+"Models"]=r.models,a[i+"Model"]=r.models[0]})),a}function ca(t,e){var n;if(X(t)){var i={};i[t+"Index"]=0,n=i}else n=t;var r=yt(),o={},a=!1;return z(n,(function(t,n){if("dataIndex"!==n&&"dataIndexInside"!==n){var i=n.match(/^(\w+)(Index|Id|Name)$/)||[],s=i[1],l=(i[2]||"").toLowerCase();if(s&&l&&!(e&&e.includeMainTypes&&P(e.includeMainTypes,s)<0))a=a||!!s,(r.get(s)||r.set(s,{}))[l]=t}else o[n]=t})),{mainTypeSpecified:a,queryOptionMap:r,others:o}}var ha={useDefault:!0,enableAll:!1,enableNone:!1},da={useDefault:!1,enableAll:!0,enableNone:!0};function pa(t,e,n,i){i=i||ha;var r=n.index,o=n.id,a=n.name,s={models:null,specified:null!=r||null!=o||null!=a};if(!s.specified){var l=void 0;return s.models=i.useDefault&&(l=t.getComponent(e))?[l]:[],s}if("none"===r||!1===r){if(i.enableNone)return s.models=[],s;r=-1}return"all"===r&&(r=i.enableAll?o=a=null:-1),s.models=t.queryComponents({mainType:e,index:r,id:o,name:a}),s}function fa(t,e,n){t.setAttribute?t.setAttribute(e,n):t[e]=n}function ga(t,e){var n=yt(),i=[];return z(t,(function(t){var r=e(t);(n.get(r)||(i.push(r),n.set(r,[]))).push(t)})),{keys:i,buckets:n}}function ya(t,e,n,i,r){var o=null==e||"auto"===e;if(null==i)return i;if(j(i))return mo(f=Xo(n||0,i,r),o?Math.max(_o(n||0),_o(i)):e);if(X(i))return r<1?n:i;for(var a=[],s=n,l=i,u=Math.max(s?s.length:0,l.length),c=0;c<u;++c){var h=t.getDimensionInfo(c);if(h&&"ordinal"===h.type)a[c]=(r<1&&s?s:l)[c];else{var d=s&&s[c]?s[c]:0,p=l[c],f=Xo(d,p,r);a[c]=mo(f,o?Math.max(_o(d),_o(p)):e)}}return a}var va=function(){function t(){}return t.prototype.reset=function(t,e,n,i){return this._list=t,this._step=i=i||1,this._idx=e,this._end=null!=n?n:i>0?t.length:0,this.item=null,this.key=NaN,this},t.prototype.next=function(){return(this._step>0?this._idx<this._end:this._idx>=this._end)&&(this.item=this._list[this._idx],this.key=this._idx=this._idx+this._step,!0)},t}();function ma(t){t.option=t.parentModel=t.ecModel=null}var xa="___EC__COMPONENT__CONTAINER___",_a="___EC__EXTENDED_CLASS___";function ba(t){var e={main:"",sub:""};if(t){var n=t.split(".");e.main=n[0]||"",e.sub=n[1]||""}return e}function wa(t,e){t.$constructor=t,t.extend=function(t){var e,i,r=this;return Y(i=r)&&/^class\s/.test(Function.prototype.toString.call(i))?e=function(t){function e(){return t.apply(this,arguments)||this}return n(e,t),e}(r):(e=function(){(t.$constructor||r).apply(this,arguments)},O(e,this)),A(e.prototype,t),e[_a]=!0,e.extend=this.extend,e.superCall=Ia,e.superApply=Ta,e.superClass=r,e}}function Sa(t,e){t.extend=e.extend}var Ma=Math.round(10*Math.random());function Ia(t,e){for(var n=[],i=2;i<arguments.length;i++)n[i-2]=arguments[i];return this.superClass.prototype[e].apply(t,n)}function Ta(t,e,n){return this.superClass.prototype[e].apply(t,n)}function Ca(t){var e={};t.registerClass=function(t){var n,i=t.type||t.prototype.type;if(i){lt(/^[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)?$/.test(n=i),'componentType "'+n+'" illegal'),t.prototype.type=i;var r=ba(i);if(r.sub){if(r.sub!==xa){var o=function(t){var n=e[t.main];n&&n[xa]||((n=e[t.main]={})[xa]=!0);return n}(r);o[r.sub]=t}}else e[r.main]=t}return t},t.getClass=function(t,n,i){var r=e[t];if(r&&r[xa]&&(r=n?r[n]:null),i&&!r)throw new Error(n?"Component "+t+"."+(n||"")+" is used but not imported.":t+".type should be specified.");return r},t.getClassesByMainType=function(t){var n=ba(t),i=[],r=e[n.main];return r&&r[xa]?z(r,(function(t,e){e!==xa&&i.push(t)})):i.push(r),i},t.hasClass=function(t){var n=ba(t);return!!e[n.main]},t.getAllClassMainTypes=function(){var t=[];return z(e,(function(e,n){t.push(n)})),t},t.hasSubTypes=function(t){var n=ba(t),i=e[n.main];return i&&i[xa]}}function Da(t,e){for(var n=0;n<t.length;n++)t[n][1]||(t[n][1]=t[n][0]);return e=e||!1,function(n,i,r){for(var o={},a=0;a<t.length;a++){var s=t[a][1];if(!(i&&P(i,s)>=0||r&&P(r,s)<0)){var l=n.getShallow(s,e);null!=l&&(o[t[a][0]]=l)}}return o}}var Aa=Da([["fill","color"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["opacity"],["shadowColor"]]),ka=function(){function t(){}return t.prototype.getAreaStyle=function(t,e){return Aa(this,t,e)},t}(),La=new Xn(50);function Pa(t){if("string"==typeof t){var e=La.get(t);return e&&e.image}return t}function Oa(t,e,n,i,r){if(t){if("string"==typeof t){if(e&&e.__zrImageSrc===t||!n)return e;var o=La.get(t),a={hostEl:n,cb:i,cbPayload:r};return o?!Na(e=o.image)&&o.pending.push(a):((e=c.loadImage(t,Ra,Ra)).__zrImageSrc=t,La.put(t,e.__cachedImgObj={image:e,pending:[a]})),e}return t}return e}function Ra(){var t=this.__cachedImgObj;this.onload=this.onerror=this.__cachedImgObj=null;for(var e=0;e<t.pending.length;e++){var n=t.pending[e],i=n.cb;i&&i(this,n.cbPayload),n.hostEl.dirty()}t.pending.length=0}function Na(t){return t&&t.width&&t.height}var za=/\{([a-zA-Z0-9_]+)\|([^}]*)\}/g;function Ea(t,e,n,i,r,o){if(!n)return t.text="",void(t.isTruncated=!1);var a=(e+"").split("\n");o=Ba(n,i,r,o);for(var s=!1,l={},u=0,c=a.length;u<c;u++)Va(l,a[u],o),a[u]=l.textLine,s=s||l.isTruncated;t.text=a.join("\n"),t.isTruncated=s}function Ba(t,e,n,i){var r=A({},i=i||{});n=rt(n,"..."),r.maxIterations=rt(i.maxIterations,2);var o=r.minChar=rt(i.minChar,0),a=r.fontMeasureInfo=Lr(e),s=a.asciiCharWidth;r.placeholder=rt(i.placeholder,"");for(var l=t=Math.max(0,t-1),u=0;u<o&&l>=s;u++)l-=s;var c=Nr(a,n);return c>l&&(n="",c=0),l=t-c,r.ellipsis=n,r.ellipsisWidth=c,r.contentWidth=l,r.containerWidth=t,r}function Va(t,e,n){var i=n.containerWidth,r=n.contentWidth,o=n.fontMeasureInfo;if(!i)return t.textLine="",void(t.isTruncated=!1);var a=Nr(o,e);if(a<=i)return t.textLine=e,void(t.isTruncated=!1);for(var s=0;;s++){if(a<=r||s>=n.maxIterations){e+=n.ellipsis;break}var l=0===s?Ga(e,r,o):a>0?Math.floor(e.length*r/a):0;a=Nr(o,e=e.substr(0,l))}""===e&&(e=n.placeholder),t.textLine=e,t.isTruncated=!0}function Ga(t,e,n){for(var i=0,r=0,o=t.length;r<o&&i<e;r++)i+=Rr(n,t.charCodeAt(r));return r}var Fa=function(){},Wa=function(t){this.tokens=[],t&&(this.tokens=t)},Ha=function(){this.width=0,this.height=0,this.contentWidth=0,this.contentHeight=0,this.outerWidth=0,this.outerHeight=0,this.lines=[],this.isTruncated=!1};function Ua(t,e,n,i,r){var o,a,s=""===e,l=r&&n.rich[r]||{},u=t.lines,c=l.font||n.font,h=!1;if(i){var d=l.padding,p=d?d[1]+d[3]:0;if(null!=l.width&&"auto"!==l.width){var f=Fr(l.width,i.width)+p;u.length>0&&f+i.accumWidth>i.width&&(o=e.split("\n"),h=!0),i.accumWidth=f}else{var g=Za(e,c,i.width,i.breakAll,i.accumWidth);i.accumWidth=g.accumWidth+p,a=g.linesWidths,o=g.lines}}o||(o=e.split("\n"));for(var y=Lr(c),v=0;v<o.length;v++){var m=o[v],x=new Fa;if(x.styleName=r,x.text=m,x.isLineHolder=!m&&!s,"number"==typeof l.width?x.width=l.width:x.width=a?a[v]:Nr(y,m),v||h)u.push(new Wa([x]));else{var _=(u[u.length-1]||(u[0]=new Wa)).tokens,b=_.length;1===b&&_[0].isLineHolder?_[0]=x:(m||!b||s)&&_.push(x)}}}var Ya=B(",&?/;] ".split(""),(function(t,e){return t[e]=!0,t}),{});function Xa(t){return!function(t){var e=t.charCodeAt(0);return e>=32&&e<=591||e>=880&&e<=4351||e>=4608&&e<=5119||e>=7680&&e<=8303}(t)||!!Ya[t]}function Za(t,e,n,i,r){for(var o=[],a=[],s="",l="",u=0,c=0,h=Lr(e),d=0;d<t.length;d++){var p=t.charAt(d);if("\n"!==p){var f=Rr(h,p.charCodeAt(0)),g=!i&&!Xa(p);(o.length?c+f>n:r+c+f>n)?c?(s||l)&&(g?(s||(s=l,l="",c=u=0),o.push(s),a.push(c-u),l+=p,s="",c=u+=f):(l&&(s+=l,l="",u=0),o.push(s),a.push(c),s=p,c=f)):g?(o.push(l),a.push(u),l=p,u=f):(o.push(p),a.push(f)):(c+=f,g?(l+=p,u+=f):(l&&(s+=l,l="",u=0),s+=p))}else l&&(s+=l,c+=u),o.push(s),a.push(c),s="",l="",u=0,c=0}return l&&(s+=l),s&&(o.push(s),a.push(c)),1===o.length&&(c+=r),{accumWidth:c,lines:o,linesWidths:a}}function ja(t,e,n,i,r,o){if(t.baseX=n,t.baseY=i,t.outerWidth=t.outerHeight=null,e){var a=2*e.width,s=2*e.height;He.set(qa,Br(n,a,r),Vr(i,s,o),a,s),He.intersect(e,qa,null,Ka);var l=Ka.outIntersectRect;t.outerWidth=l.width,t.outerHeight=l.height,t.baseX=Br(l.x,l.width,r,!0),t.baseY=Vr(l.y,l.height,o,!0)}}var qa=new He(0,0,0,0),Ka={outIntersectRect:{},clamp:!0};function $a(t){return null!=t?t+="":t=""}function Ja(t,e,n,i){var r=new He(Br(t.x||0,e,t.textAlign),Vr(t.y||0,n,t.textBaseline),e,n),o=null!=i?i:Qa(t)?t.lineWidth:0;return o>0&&(r.x-=o/2,r.y-=o/2,r.width+=o,r.height+=o),r}function Qa(t){var e=t.stroke;return null!=e&&"none"!==e&&t.lineWidth>0}var ts="__zr_style_"+Math.round(10*Math.random()),es={shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,shadowColor:"#000",opacity:1,blend:"source-over"},ns={style:{shadowBlur:!0,shadowOffsetX:!0,shadowOffsetY:!0,shadowColor:!0,opacity:!0}};es[ts]=!0;var is=["z","z2","invisible"],rs=["invisible"],os=function(t){function e(e){return t.call(this,e)||this}var i;return n(e,t),e.prototype._init=function(e){for(var n=F(e),i=0;i<n.length;i++){var r=n[i];"style"===r?this.useStyle(e[r]):t.prototype.attrKV.call(this,r,e[r])}this.style||this.useStyle({})},e.prototype.beforeBrush=function(){},e.prototype.afterBrush=function(){},e.prototype.innerBeforeBrush=function(){},e.prototype.innerAfterBrush=function(){},e.prototype.shouldBePainted=function(t,e,n,i){var r=this.transform;if(this.ignore||this.invisible||0===this.style.opacity||this.culling&&function(t,e,n){as.copy(t.getBoundingRect()),t.transform&&as.applyTransform(t.transform);return ss.width=e,ss.height=n,!as.intersect(ss)}(this,t,e)||r&&!r[0]&&!r[3])return!1;if(n&&this.__clipPaths&&this.__clipPaths.length)for(var o=0;o<this.__clipPaths.length;++o)if(this.__clipPaths[o].isZeroArea())return!1;if(i&&this.parent)for(var a=this.parent;a;){if(a.ignore)return!1;a=a.parent}return!0},e.prototype.contain=function(t,e){return this.rectContain(t,e)},e.prototype.traverse=function(t,e){t.call(e,this)},e.prototype.rectContain=function(t,e){var n=this.transformCoordToLocal(t,e);return this.getBoundingRect().contain(n[0],n[1])},e.prototype.getPaintRect=function(){var t=this._paintRect;if(!this._paintRect||this.__dirty){var e=this.transform,n=this.getBoundingRect(),i=this.style,r=i.shadowBlur||0,o=i.shadowOffsetX||0,a=i.shadowOffsetY||0;t=this._paintRect||(this._paintRect=new He(0,0,0,0)),e?He.applyTransform(t,n,e):t.copy(n),(r||o||a)&&(t.width+=2*r+Math.abs(o),t.height+=2*r+Math.abs(a),t.x=Math.min(t.x,t.x+o-r),t.y=Math.min(t.y,t.y+a-r));var s=this.dirtyRectTolerance;t.isZero()||(t.x=Math.floor(t.x-s),t.y=Math.floor(t.y-s),t.width=Math.ceil(t.width+1+2*s),t.height=Math.ceil(t.height+1+2*s))}return t},e.prototype.setPrevPaintRect=function(t){t?(this._prevPaintRect=this._prevPaintRect||new He(0,0,0,0),this._prevPaintRect.copy(t)):this._prevPaintRect=null},e.prototype.getPrevPaintRect=function(){return this._prevPaintRect},e.prototype.animateStyle=function(t){return this.animate("style",t)},e.prototype.updateDuringAnimation=function(t){"style"===t?this.dirtyStyle():this.markRedraw()},e.prototype.attrKV=function(e,n){"style"!==e?t.prototype.attrKV.call(this,e,n):this.style?this.setStyle(n):this.useStyle(n)},e.prototype.setStyle=function(t,e){return"string"==typeof t?this.style[t]=e:A(this.style,t),this.dirtyStyle(),this},e.prototype.dirtyStyle=function(t){t||this.markRedraw(),this.__dirty|=2,this._rect&&(this._rect=null)},e.prototype.dirty=function(){this.dirtyStyle()},e.prototype.styleChanged=function(){return!!(2&this.__dirty)},e.prototype.styleUpdated=function(){this.__dirty&=-3},e.prototype.createStyle=function(t){return mt(es,t)},e.prototype.useStyle=function(t){t[ts]||(t=this.createStyle(t)),this.__inHover?this.__hoverStyle=t:this.style=t,this.dirtyStyle()},e.prototype.isStyleObject=function(t){return t[ts]},e.prototype._innerSaveToNormal=function(e){t.prototype._innerSaveToNormal.call(this,e);var n=this._normalState;e.style&&!n.style&&(n.style=this._mergeStyle(this.createStyle(),this.style)),this._savePrimaryToNormal(e,n,is)},e.prototype._applyStateObj=function(e,n,i,r,o,a){t.prototype._applyStateObj.call(this,e,n,i,r,o,a);var s,l=!(n&&r);if(n&&n.style?o?r?s=n.style:(s=this._mergeStyle(this.createStyle(),i.style),this._mergeStyle(s,n.style)):(s=this._mergeStyle(this.createStyle(),r?this.style:i.style),this._mergeStyle(s,n.style)):l&&(s=i.style),s)if(o){var u=this.style;if(this.style=this.createStyle(l?{}:u),l)for(var c=F(u),h=0;h<c.length;h++){(p=c[h])in s&&(s[p]=s[p],this.style[p]=u[p])}var d=F(s);for(h=0;h<d.length;h++){var p=d[h];this.style[p]=this.style[p]}this._transitionState(e,{style:s},a,this.getAnimationStyleProps())}else this.useStyle(s);var f=this.__inHover?rs:is;for(h=0;h<f.length;h++){p=f[h];n&&null!=n[p]?this[p]=n[p]:l&&null!=i[p]&&(this[p]=i[p])}},e.prototype._mergeStates=function(e){for(var n,i=t.prototype._mergeStates.call(this,e),r=0;r<e.length;r++){var o=e[r];o.style&&(n=n||{},this._mergeStyle(n,o.style))}return n&&(i.style=n),i},e.prototype._mergeStyle=function(t,e){return A(t,e),t},e.prototype.getAnimationStyleProps=function(){return ns},e.initDefaultProps=((i=e.prototype).type="displayable",i.invisible=!1,i.z=0,i.z2=0,i.zlevel=0,i.culling=!1,i.cursor="pointer",i.rectHover=!1,i.incremental=!1,i._rect=null,i.dirtyRectTolerance=0,void(i.__dirty=3)),e}(qr),as=new He(0,0,0,0),ss=new He(0,0,0,0);var ls=Math.min,us=Math.max,cs=Math.sin,hs=Math.cos,ds=2*Math.PI,ps=It(),fs=It(),gs=It();function ys(t,e,n){if(0!==t.length){for(var i=t[0],r=i[0],o=i[0],a=i[1],s=i[1],l=1;l<t.length;l++)i=t[l],r=ls(r,i[0]),o=us(o,i[0]),a=ls(a,i[1]),s=us(s,i[1]);e[0]=r,e[1]=a,n[0]=o,n[1]=s}}function vs(t,e,n,i,r,o){r[0]=ls(t,n),r[1]=ls(e,i),o[0]=us(t,n),o[1]=us(e,i)}var ms=[],xs=[];function _s(t,e,n,i,r,o,a,s,l,u){var c=Ln,h=Dn,d=c(t,n,r,a,ms);l[0]=1/0,l[1]=1/0,u[0]=-1/0,u[1]=-1/0;for(var p=0;p<d;p++){var f=h(t,n,r,a,ms[p]);l[0]=ls(f,l[0]),u[0]=us(f,u[0])}d=c(e,i,o,s,xs);for(p=0;p<d;p++){var g=h(e,i,o,s,xs[p]);l[1]=ls(g,l[1]),u[1]=us(g,u[1])}l[0]=ls(t,l[0]),u[0]=us(t,u[0]),l[0]=ls(a,l[0]),u[0]=us(a,u[0]),l[1]=ls(e,l[1]),u[1]=us(e,u[1]),l[1]=ls(s,l[1]),u[1]=us(s,u[1])}function bs(t,e,n,i,r,o,a,s){var l=En,u=Nn,c=us(ls(l(t,n,r),1),0),h=us(ls(l(e,i,o),1),0),d=u(t,n,r,c),p=u(e,i,o,h);a[0]=ls(t,r,d),a[1]=ls(e,o,p),s[0]=us(t,r,d),s[1]=us(e,o,p)}function ws(t,e,n,i,r,o,a,s,l){var u=Ut,c=Yt,h=Math.abs(r-o);if(h%ds<1e-4&&h>1e-4)return s[0]=t-n,s[1]=e-i,l[0]=t+n,void(l[1]=e+i);if(ps[0]=hs(r)*n+t,ps[1]=cs(r)*i+e,fs[0]=hs(o)*n+t,fs[1]=cs(o)*i+e,u(s,ps,fs),c(l,ps,fs),(r%=ds)<0&&(r+=ds),(o%=ds)<0&&(o+=ds),r>o&&!a?o+=ds:r<o&&a&&(r+=ds),a){var d=o;o=r,r=d}for(var p=0;p<o;p+=Math.PI/2)p>r&&(gs[0]=hs(p)*n+t,gs[1]=cs(p)*i+e,u(s,gs,s),c(l,gs,l))}var Ss={M:1,L:2,C:3,Q:4,A:5,Z:6,R:7},Ms=[],Is=[],Ts=[],Cs=[],Ds=[],As=[],ks=Math.min,Ls=Math.max,Ps=Math.cos,Os=Math.sin,Rs=Math.abs,Ns=Math.PI,zs=2*Ns,Es="undefined"!=typeof Float32Array,Bs=[];function Vs(t){return Math.round(t/Ns*1e8)/1e8%2*Ns}function Gs(t,e){var n=Vs(t[0]);n<0&&(n+=zs);var i=n-t[0],r=t[1];r+=i,!e&&r-n>=zs?r=n+zs:e&&n-r>=zs?r=n-zs:!e&&n>r?r=n+(zs-Vs(n-r)):e&&n<r&&(r=n-(zs-Vs(r-n))),t[0]=n,t[1]=r}var Fs=function(){function t(t){this.dpr=1,this._xi=0,this._yi=0,this._x0=0,this._y0=0,this._len=0,t&&(this._saveData=!1),this._saveData&&(this.data=[])}var e;return t.prototype.increaseVersion=function(){this._version++},t.prototype.getVersion=function(){return this._version},t.prototype.setScale=function(t,e,n){(n=n||0)>0&&(this._ux=Rs(n/vr/t)||0,this._uy=Rs(n/vr/e)||0)},t.prototype.setDPR=function(t){this.dpr=t},t.prototype.setContext=function(t){this._ctx=t},t.prototype.getContext=function(){return this._ctx},t.prototype.beginPath=function(){return this._ctx&&this._ctx.beginPath(),this.reset(),this},t.prototype.reset=function(){this._saveData&&(this._len=0),this._pathSegLen&&(this._pathSegLen=null,this._pathLen=0),this._version++},t.prototype.moveTo=function(t,e){return this._drawPendingPt(),this.addData(Ss.M,t,e),this._ctx&&this._ctx.moveTo(t,e),this._x0=t,this._y0=e,this._xi=t,this._yi=e,this},t.prototype.lineTo=function(t,e){var n=Rs(t-this._xi),i=Rs(e-this._yi),r=n>this._ux||i>this._uy;if(this.addData(Ss.L,t,e),this._ctx&&r&&this._ctx.lineTo(t,e),r)this._xi=t,this._yi=e,this._pendingPtDist=0;else{var o=n*n+i*i;o>this._pendingPtDist&&(this._pendingPtX=t,this._pendingPtY=e,this._pendingPtDist=o)}return this},t.prototype.bezierCurveTo=function(t,e,n,i,r,o){return this._drawPendingPt(),this.addData(Ss.C,t,e,n,i,r,o),this._ctx&&this._ctx.bezierCurveTo(t,e,n,i,r,o),this._xi=r,this._yi=o,this},t.prototype.quadraticCurveTo=function(t,e,n,i){return this._drawPendingPt(),this.addData(Ss.Q,t,e,n,i),this._ctx&&this._ctx.quadraticCurveTo(t,e,n,i),this._xi=n,this._yi=i,this},t.prototype.arc=function(t,e,n,i,r,o){this._drawPendingPt(),Bs[0]=i,Bs[1]=r,Gs(Bs,o),i=Bs[0];var a=(r=Bs[1])-i;return this.addData(Ss.A,t,e,n,n,i,a,0,o?0:1),this._ctx&&this._ctx.arc(t,e,n,i,r,o),this._xi=Ps(r)*n+t,this._yi=Os(r)*n+e,this},t.prototype.arcTo=function(t,e,n,i,r){return this._drawPendingPt(),this._ctx&&this._ctx.arcTo(t,e,n,i,r),this},t.prototype.rect=function(t,e,n,i){return this._drawPendingPt(),this._ctx&&this._ctx.rect(t,e,n,i),this.addData(Ss.R,t,e,n,i),this},t.prototype.closePath=function(){this._drawPendingPt(),this.addData(Ss.Z);var t=this._ctx,e=this._x0,n=this._y0;return t&&t.closePath(),this._xi=e,this._yi=n,this},t.prototype.fill=function(t){t&&t.fill(),this.toStatic()},t.prototype.stroke=function(t){t&&t.stroke(),this.toStatic()},t.prototype.len=function(){return this._len},t.prototype.setData=function(t){if(this._saveData){var e=t.length;this.data&&this.data.length===e||!Es||(this.data=new Float32Array(e));for(var n=0;n<e;n++)this.data[n]=t[n];this._len=e}},t.prototype.appendPath=function(t){if(this._saveData){t instanceof Array||(t=[t]);for(var e=t.length,n=0,i=this._len,r=0;r<e;r++)n+=t[r].len();var o=this.data;if(Es&&(o instanceof Float32Array||!o)&&(this.data=new Float32Array(i+n),i>0&&o))for(var a=0;a<i;a++)this.data[a]=o[a];for(r=0;r<e;r++){var s=t[r].data;for(a=0;a<s.length;a++)this.data[i++]=s[a]}this._len=i}},t.prototype.addData=function(t,e,n,i,r,o,a,s,l){if(this._saveData){var u=this.data;this._len+arguments.length>u.length&&(this._expandData(),u=this.data);for(var c=0;c<arguments.length;c++)u[this._len++]=arguments[c]}},t.prototype._drawPendingPt=function(){this._pendingPtDist>0&&(this._ctx&&this._ctx.lineTo(this._pendingPtX,this._pendingPtY),this._pendingPtDist=0)},t.prototype._expandData=function(){if(!(this.data instanceof Array)){for(var t=[],e=0;e<this._len;e++)t[e]=this.data[e];this.data=t}},t.prototype.toStatic=function(){if(this._saveData){this._drawPendingPt();var t=this.data;t instanceof Array&&(t.length=this._len,Es&&this._len>11&&(this.data=new Float32Array(t)))}},t.prototype.getBoundingRect=function(){Ts[0]=Ts[1]=Ds[0]=Ds[1]=Number.MAX_VALUE,Cs[0]=Cs[1]=As[0]=As[1]=-Number.MAX_VALUE;var t,e=this.data,n=0,i=0,r=0,o=0;for(t=0;t<this._len;){var a=e[t++],s=1===t;switch(s&&(r=n=e[t],o=i=e[t+1]),a){case Ss.M:n=r=e[t++],i=o=e[t++],Ds[0]=r,Ds[1]=o,As[0]=r,As[1]=o;break;case Ss.L:vs(n,i,e[t],e[t+1],Ds,As),n=e[t++],i=e[t++];break;case Ss.C:_s(n,i,e[t++],e[t++],e[t++],e[t++],e[t],e[t+1],Ds,As),n=e[t++],i=e[t++];break;case Ss.Q:bs(n,i,e[t++],e[t++],e[t],e[t+1],Ds,As),n=e[t++],i=e[t++];break;case Ss.A:var l=e[t++],u=e[t++],c=e[t++],h=e[t++],d=e[t++],p=e[t++]+d;t+=1;var f=!e[t++];s&&(r=Ps(d)*c+l,o=Os(d)*h+u),ws(l,u,c,h,d,p,f,Ds,As),n=Ps(p)*c+l,i=Os(p)*h+u;break;case Ss.R:vs(r=n=e[t++],o=i=e[t++],r+e[t++],o+e[t++],Ds,As);break;case Ss.Z:n=r,i=o}Ut(Ts,Ts,Ds),Yt(Cs,Cs,As)}return 0===t&&(Ts[0]=Ts[1]=Cs[0]=Cs[1]=0),new He(Ts[0],Ts[1],Cs[0]-Ts[0],Cs[1]-Ts[1])},t.prototype._calculateLength=function(){var t=this.data,e=this._len,n=this._ux,i=this._uy,r=0,o=0,a=0,s=0;this._pathSegLen||(this._pathSegLen=[]);for(var l=this._pathSegLen,u=0,c=0,h=0;h<e;){var d=t[h++],p=1===h;p&&(a=r=t[h],s=o=t[h+1]);var f=-1;switch(d){case Ss.M:r=a=t[h++],o=s=t[h++];break;case Ss.L:var g=t[h++],y=(x=t[h++])-o;(Rs(A=g-r)>n||Rs(y)>i||h===e-1)&&(f=Math.sqrt(A*A+y*y),r=g,o=x);break;case Ss.C:var v=t[h++],m=t[h++],x=(g=t[h++],t[h++]),_=t[h++],b=t[h++];f=Rn(r,o,v,m,g,x,_,b,10),r=_,o=b;break;case Ss.Q:f=Gn(r,o,v=t[h++],m=t[h++],g=t[h++],x=t[h++],10),r=g,o=x;break;case Ss.A:var w=t[h++],S=t[h++],M=t[h++],I=t[h++],T=t[h++],C=t[h++],D=C+T;h+=1,p&&(a=Ps(T)*M+w,s=Os(T)*I+S),f=Ls(M,I)*ks(zs,Math.abs(C)),r=Ps(D)*M+w,o=Os(D)*I+S;break;case Ss.R:a=r=t[h++],s=o=t[h++],f=2*t[h++]+2*t[h++];break;case Ss.Z:var A=a-r;y=s-o;f=Math.sqrt(A*A+y*y),r=a,o=s}f>=0&&(l[c++]=f,u+=f)}return this._pathLen=u,u},t.prototype.rebuildPath=function(t,e){var n,i,r,o,a,s,l,u,c,h,d=this.data,p=this._ux,f=this._uy,g=this._len,y=e<1,v=0,m=0,x=0;if(!y||(this._pathSegLen||this._calculateLength(),l=this._pathSegLen,u=e*this._pathLen))t:for(var _=0;_<g;){var b=d[_++],w=1===_;switch(w&&(n=r=d[_],i=o=d[_+1]),b!==Ss.L&&x>0&&(t.lineTo(c,h),x=0),b){case Ss.M:n=r=d[_++],i=o=d[_++],t.moveTo(r,o);break;case Ss.L:a=d[_++],s=d[_++];var S=Rs(a-r),M=Rs(s-o);if(S>p||M>f){if(y){if(v+(j=l[m++])>u){var I=(u-v)/j;t.lineTo(r*(1-I)+a*I,o*(1-I)+s*I);break t}v+=j}t.lineTo(a,s),r=a,o=s,x=0}else{var T=S*S+M*M;T>x&&(c=a,h=s,x=T)}break;case Ss.C:var C=d[_++],D=d[_++],A=d[_++],k=d[_++],L=d[_++],P=d[_++];if(y){if(v+(j=l[m++])>u){Pn(r,C,A,L,I=(u-v)/j,Ms),Pn(o,D,k,P,I,Is),t.bezierCurveTo(Ms[1],Is[1],Ms[2],Is[2],Ms[3],Is[3]);break t}v+=j}t.bezierCurveTo(C,D,A,k,L,P),r=L,o=P;break;case Ss.Q:C=d[_++],D=d[_++],A=d[_++],k=d[_++];if(y){if(v+(j=l[m++])>u){Bn(r,C,A,I=(u-v)/j,Ms),Bn(o,D,k,I,Is),t.quadraticCurveTo(Ms[1],Is[1],Ms[2],Is[2]);break t}v+=j}t.quadraticCurveTo(C,D,A,k),r=A,o=k;break;case Ss.A:var O=d[_++],R=d[_++],N=d[_++],z=d[_++],E=d[_++],B=d[_++],V=d[_++],G=!d[_++],F=N>z?N:z,W=Rs(N-z)>.001,H=E+B,U=!1;if(y)v+(j=l[m++])>u&&(H=E+B*(u-v)/j,U=!0),v+=j;if(W&&t.ellipse?t.ellipse(O,R,N,z,V,E,H,G):t.arc(O,R,F,E,H,G),U)break t;w&&(n=Ps(E)*N+O,i=Os(E)*z+R),r=Ps(H)*N+O,o=Os(H)*z+R;break;case Ss.R:n=r=d[_],i=o=d[_+1],a=d[_++],s=d[_++];var Y=d[_++],X=d[_++];if(y){if(v+(j=l[m++])>u){var Z=u-v;t.moveTo(a,s),t.lineTo(a+ks(Z,Y),s),(Z-=Y)>0&&t.lineTo(a+Y,s+ks(Z,X)),(Z-=X)>0&&t.lineTo(a+Ls(Y-Z,0),s+X),(Z-=Y)>0&&t.lineTo(a,s+Ls(X-Z,0));break t}v+=j}t.rect(a,s,Y,X);break;case Ss.Z:if(y){var j;if(v+(j=l[m++])>u){I=(u-v)/j;t.lineTo(r*(1-I)+n*I,o*(1-I)+i*I);break t}v+=j}t.closePath(),r=n,o=i}}},t.prototype.clone=function(){var e=new t,n=this.data;return e.data=n.slice?n.slice():Array.prototype.slice.call(n),e._len=this._len,e},t.prototype.canSave=function(){return!!this._saveData},t.CMD=Ss,t.initDefaultProps=((e=t.prototype)._saveData=!0,e._ux=0,e._uy=0,e._pendingPtDist=0,void(e._version=0)),t}();function Ws(t,e,n,i,r,o,a){if(0===r)return!1;var s=r,l=0;if(a>e+s&&a>i+s||a<e-s&&a<i-s||o>t+s&&o>n+s||o<t-s&&o<n-s)return!1;if(t===n)return Math.abs(o-t)<=s/2;var u=(l=(e-i)/(t-n))*o-a+(t*i-n*e)/(t-n);return u*u/(l*l+1)<=s/2*s/2}function Hs(t,e,n,i,r,o,a,s,l,u,c){if(0===l)return!1;var h=l;return!(c>e+h&&c>i+h&&c>o+h&&c>s+h||c<e-h&&c<i-h&&c<o-h&&c<s-h||u>t+h&&u>n+h&&u>r+h&&u>a+h||u<t-h&&u<n-h&&u<r-h&&u<a-h)&&On(t,e,n,i,r,o,a,s,u,c,null)<=h/2}function Us(t,e,n,i,r,o,a,s,l){if(0===a)return!1;var u=a;return!(l>e+u&&l>i+u&&l>o+u||l<e-u&&l<i-u&&l<o-u||s>t+u&&s>n+u&&s>r+u||s<t-u&&s<n-u&&s<r-u)&&Vn(t,e,n,i,r,o,s,l,null)<=u/2}var Ys=2*Math.PI;function Xs(t){return(t%=Ys)<0&&(t+=Ys),t}var Zs=2*Math.PI;function js(t,e,n,i,r,o,a,s,l){if(0===a)return!1;var u=a;s-=t,l-=e;var c=Math.sqrt(s*s+l*l);if(c-u>n||c+u<n)return!1;if(Math.abs(i-r)%Zs<1e-4)return!0;if(o){var h=i;i=Xs(r),r=Xs(h)}else i=Xs(i),r=Xs(r);i>r&&(r+=Zs);var d=Math.atan2(l,s);return d<0&&(d+=Zs),d>=i&&d<=r||d+Zs>=i&&d+Zs<=r}function qs(t,e,n,i,r,o){if(o>e&&o>i||o<e&&o<i)return 0;if(i===e)return 0;var a=(o-e)/(i-e),s=i<e?1:-1;1!==a&&0!==a||(s=i<e?.5:-.5);var l=a*(n-t)+t;return l===r?1/0:l>r?s:0}var Ks=Fs.CMD,$s=2*Math.PI;var Js=[-1,-1,-1],Qs=[-1,-1];function tl(t,e,n,i,r,o,a,s,l,u){if(u>e&&u>i&&u>o&&u>s||u<e&&u<i&&u<o&&u<s)return 0;var c,h=kn(e,i,o,s,u,Js);if(0===h)return 0;for(var d=0,p=-1,f=void 0,g=void 0,y=0;y<h;y++){var v=Js[y],m=0===v||1===v?.5:1;Dn(t,n,r,a,v)<l||(p<0&&(p=Ln(e,i,o,s,Qs),Qs[1]<Qs[0]&&p>1&&(c=void 0,c=Qs[0],Qs[0]=Qs[1],Qs[1]=c),f=Dn(e,i,o,s,Qs[0]),p>1&&(g=Dn(e,i,o,s,Qs[1]))),2===p?v<Qs[0]?d+=f<e?m:-m:v<Qs[1]?d+=g<f?m:-m:d+=s<g?m:-m:v<Qs[0]?d+=f<e?m:-m:d+=s<f?m:-m)}return d}function el(t,e,n,i,r,o,a,s){if(s>e&&s>i&&s>o||s<e&&s<i&&s<o)return 0;var l=function(t,e,n,i,r){var o=t-2*e+n,a=2*(e-t),s=t-i,l=0;if(Tn(o))Cn(a)&&(c=-s/a)>=0&&c<=1&&(r[l++]=c);else{var u=a*a-4*o*s;if(Tn(u))(c=-a/(2*o))>=0&&c<=1&&(r[l++]=c);else if(u>0){var c,h=mn(u),d=(-a-h)/(2*o);(c=(-a+h)/(2*o))>=0&&c<=1&&(r[l++]=c),d>=0&&d<=1&&(r[l++]=d)}}return l}(e,i,o,s,Js);if(0===l)return 0;var u=En(e,i,o);if(u>=0&&u<=1){for(var c=0,h=Nn(e,i,o,u),d=0;d<l;d++){var p=0===Js[d]||1===Js[d]?.5:1;Nn(t,n,r,Js[d])<a||(Js[d]<u?c+=h<e?p:-p:c+=o<h?p:-p)}return c}p=0===Js[0]||1===Js[0]?.5:1;return Nn(t,n,r,Js[0])<a?0:o<e?p:-p}function nl(t,e,n,i,r,o,a,s){if((s-=e)>n||s<-n)return 0;var l=Math.sqrt(n*n-s*s);Js[0]=-l,Js[1]=l;var u=Math.abs(i-r);if(u<1e-4)return 0;if(u>=$s-1e-4){i=0,r=$s;var c=o?1:-1;return a>=Js[0]+t&&a<=Js[1]+t?c:0}if(i>r){var h=i;i=r,r=h}i<0&&(i+=$s,r+=$s);for(var d=0,p=0;p<2;p++){var f=Js[p];if(f+t>a){var g=Math.atan2(s,f);c=o?1:-1;g<0&&(g=$s+g),(g>=i&&g<=r||g+$s>=i&&g+$s<=r)&&(g>Math.PI/2&&g<1.5*Math.PI&&(c=-c),d+=c)}}return d}function il(t,e,n,i,r){for(var o,a,s,l,u=t.data,c=t.len(),h=0,d=0,p=0,f=0,g=0,y=0;y<c;){var v=u[y++],m=1===y;switch(v===Ks.M&&y>1&&(n||(h+=qs(d,p,f,g,i,r))),m&&(f=d=u[y],g=p=u[y+1]),v){case Ks.M:d=f=u[y++],p=g=u[y++];break;case Ks.L:if(n){if(Ws(d,p,u[y],u[y+1],e,i,r))return!0}else h+=qs(d,p,u[y],u[y+1],i,r)||0;d=u[y++],p=u[y++];break;case Ks.C:if(n){if(Hs(d,p,u[y++],u[y++],u[y++],u[y++],u[y],u[y+1],e,i,r))return!0}else h+=tl(d,p,u[y++],u[y++],u[y++],u[y++],u[y],u[y+1],i,r)||0;d=u[y++],p=u[y++];break;case Ks.Q:if(n){if(Us(d,p,u[y++],u[y++],u[y],u[y+1],e,i,r))return!0}else h+=el(d,p,u[y++],u[y++],u[y],u[y+1],i,r)||0;d=u[y++],p=u[y++];break;case Ks.A:var x=u[y++],_=u[y++],b=u[y++],w=u[y++],S=u[y++],M=u[y++];y+=1;var I=!!(1-u[y++]);o=Math.cos(S)*b+x,a=Math.sin(S)*w+_,m?(f=o,g=a):h+=qs(d,p,o,a,i,r);var T=(i-x)*w/b+x;if(n){if(js(x,_,w,S,S+M,I,e,T,r))return!0}else h+=nl(x,_,w,S,S+M,I,T,r);d=Math.cos(S+M)*b+x,p=Math.sin(S+M)*w+_;break;case Ks.R:if(f=d=u[y++],g=p=u[y++],o=f+u[y++],a=g+u[y++],n){if(Ws(f,g,o,g,e,i,r)||Ws(o,g,o,a,e,i,r)||Ws(o,a,f,a,e,i,r)||Ws(f,a,f,g,e,i,r))return!0}else h+=qs(o,g,o,a,i,r),h+=qs(f,a,f,g,i,r);break;case Ks.Z:if(n){if(Ws(d,p,f,g,e,i,r))return!0}else h+=qs(d,p,f,g,i,r);d=f,p=g}}return n||(s=p,l=g,Math.abs(s-l)<1e-4)||(h+=qs(d,p,f,g,i,r)||0),0!==h}var rl=k({fill:"#000",stroke:null,strokePercent:1,fillOpacity:1,strokeOpacity:1,lineDashOffset:0,lineWidth:1,lineCap:"butt",miterLimit:10,strokeNoScale:!1,strokeFirst:!1},es),ol={style:k({fill:!0,stroke:!0,strokePercent:!0,fillOpacity:!0,strokeOpacity:!0,lineDashOffset:!0,lineWidth:!0,miterLimit:!0},ns.style)},al=Ar.concat(["invisible","culling","z","z2","zlevel","parent"]),sl=function(t){function e(e){return t.call(this,e)||this}var i;return n(e,t),e.prototype.update=function(){var n=this;t.prototype.update.call(this);var i=this.style;if(i.decal){var r=this._decalEl=this._decalEl||new e;r.buildPath===e.prototype.buildPath&&(r.buildPath=function(t){n.buildPath(t,n.shape)}),r.silent=!0;var o=r.style;for(var a in i)o[a]!==i[a]&&(o[a]=i[a]);o.fill=i.fill?i.decal:null,o.decal=null,o.shadowColor=null,i.strokeFirst&&(o.stroke=null);for(var s=0;s<al.length;++s)r[al[s]]=this[al[s]];r.__dirty|=1}else this._decalEl&&(this._decalEl=null)},e.prototype.getDecalElement=function(){return this._decalEl},e.prototype._init=function(e){var n=F(e);this.shape=this.getDefaultShape();var i=this.getDefaultStyle();i&&this.useStyle(i);for(var r=0;r<n.length;r++){var o=n[r],a=e[o];"style"===o?this.style?A(this.style,a):this.useStyle(a):"shape"===o?A(this.shape,a):t.prototype.attrKV.call(this,o,a)}this.style||this.useStyle({})},e.prototype.getDefaultStyle=function(){return null},e.prototype.getDefaultShape=function(){return{}},e.prototype.canBeInsideText=function(){return this.hasFill()},e.prototype.getInsideTextFill=function(){var t=this.style.fill;if("none"!==t){if(X(t)){var e=gi(t,0);return e>.5?mr:e>.2?"#eee":xr}if(t)return xr}return mr},e.prototype.getInsideTextStroke=function(t){var e=this.style.fill;if(X(e)){var n=this.__zr;if(!(!n||!n.isDarkMode())===gi(t,0)<.4)return e}},e.prototype.buildPath=function(t,e,n){},e.prototype.pathUpdated=function(){this.__dirty&=-5},e.prototype.getUpdatedPathProxy=function(t){return!this.path&&this.createPathProxy(),this.path.beginPath(),this.buildPath(this.path,this.shape,t),this.path},e.prototype.createPathProxy=function(){this.path=new Fs(!1)},e.prototype.hasStroke=function(){var t=this.style,e=t.stroke;return!(null==e||"none"===e||!(t.lineWidth>0))},e.prototype.hasFill=function(){var t=this.style.fill;return null!=t&&"none"!==t},e.prototype.getBoundingRect=function(){var t=this._rect,e=this.style,n=!t;if(n){var i=!1;this.path||(i=!0,this.createPathProxy());var r=this.path;(i||4&this.__dirty)&&(r.beginPath(),this.buildPath(r,this.shape,!1),this.pathUpdated()),t=r.getBoundingRect()}if(this._rect=t,this.hasStroke()&&this.path&&this.path.len()>0){var o=this._rectStroke||(this._rectStroke=t.clone());if(this.__dirty||n){o.copy(t);var a=e.strokeNoScale?this.getLineScale():1,s=e.lineWidth;if(!this.hasFill()){var l=this.strokeContainThreshold;s=Math.max(s,null==l?4:l)}a>1e-10&&(o.width+=s/a,o.height+=s/a,o.x-=s/a/2,o.y-=s/a/2)}return o}return t},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e),i=this.getBoundingRect(),r=this.style;if(t=n[0],e=n[1],i.contain(t,e)){var o=this.path;if(this.hasStroke()){var a=r.lineWidth,s=r.strokeNoScale?this.getLineScale():1;if(s>1e-10&&(this.hasFill()||(a=Math.max(a,this.strokeContainThreshold)),function(t,e,n,i){return il(t,e,!0,n,i)}(o,a/s,t,e)))return!0}if(this.hasFill())return function(t,e,n){return il(t,0,!1,e,n)}(o,t,e)}return!1},e.prototype.dirtyShape=function(){this.__dirty|=4,this._rect&&(this._rect=null),this._decalEl&&this._decalEl.dirtyShape(),this.markRedraw()},e.prototype.dirty=function(){this.dirtyStyle(),this.dirtyShape()},e.prototype.animateShape=function(t){return this.animate("shape",t)},e.prototype.updateDuringAnimation=function(t){"style"===t?this.dirtyStyle():"shape"===t?this.dirtyShape():this.markRedraw()},e.prototype.attrKV=function(e,n){"shape"===e?this.setShape(n):t.prototype.attrKV.call(this,e,n)},e.prototype.setShape=function(t,e){var n=this.shape;return n||(n=this.shape={}),"string"==typeof t?n[t]=e:A(n,t),this.dirtyShape(),this},e.prototype.shapeChanged=function(){return!!(4&this.__dirty)},e.prototype.createStyle=function(t){return mt(rl,t)},e.prototype._innerSaveToNormal=function(e){t.prototype._innerSaveToNormal.call(this,e);var n=this._normalState;e.shape&&!n.shape&&(n.shape=A({},this.shape))},e.prototype._applyStateObj=function(e,n,i,r,o,a){t.prototype._applyStateObj.call(this,e,n,i,r,o,a);var s,l=!(n&&r);if(n&&n.shape?o?r?s=n.shape:(s=A({},i.shape),A(s,n.shape)):(s=A({},r?this.shape:i.shape),A(s,n.shape)):l&&(s=i.shape),s)if(o){this.shape=A({},this.shape);for(var u={},c=F(s),h=0;h<c.length;h++){var d=c[h];"object"==typeof s[d]?this.shape[d]=s[d]:u[d]=s[d]}this._transitionState(e,{shape:u},a)}else this.shape=s,this.dirtyShape()},e.prototype._mergeStates=function(e){for(var n,i=t.prototype._mergeStates.call(this,e),r=0;r<e.length;r++){var o=e[r];o.shape&&(n=n||{},this._mergeStyle(n,o.shape))}return n&&(i.shape=n),i},e.prototype.getAnimationStyleProps=function(){return ol},e.prototype.isZeroArea=function(){return!1},e.extend=function(t){var i=function(e){function i(n){var i=e.call(this,n)||this;return t.init&&t.init.call(i,n),i}return n(i,e),i.prototype.getDefaultStyle=function(){return T(t.style)},i.prototype.getDefaultShape=function(){return T(t.shape)},i}(e);for(var r in t)"function"==typeof t[r]&&(i.prototype[r]=t[r]);return i},e.initDefaultProps=((i=e.prototype).type="path",i.strokeContainThreshold=5,i.segmentIgnoreThreshold=0,i.subPixelOptimize=!1,i.autoBatch=!1,void(i.__dirty=7)),e}(os),ll=k({strokeFirst:!0,font:a,x:0,y:0,textAlign:"left",textBaseline:"top",miterLimit:2},rl),ul=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.hasStroke=function(){return Qa(this.style)},e.prototype.hasFill=function(){var t=this.style.fill;return null!=t&&"none"!==t},e.prototype.createStyle=function(t){return mt(ll,t)},e.prototype.setBoundingRect=function(t){this._rect=t},e.prototype.getBoundingRect=function(){var t,e,n;return this._rect||(this._rect=(t=this.style,e=$a(t.text),n=t.font,Ja(t,Nr(Lr(n),e),Gr(n),null))),this._rect},e.initDefaultProps=void(e.prototype.dirtyRectTolerance=10),e}(os);ul.prototype.type="tspan";var cl=k({x:0,y:0},es),hl={style:k({x:!0,y:!0,width:!0,height:!0,sx:!0,sy:!0,sWidth:!0,sHeight:!0},ns.style)};var dl=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.createStyle=function(t){return mt(cl,t)},e.prototype._getSize=function(t){var e=this.style,n=e[t];if(null!=n)return n;var i,r=(i=e.image)&&"string"!=typeof i&&i.width&&i.height?e.image:this.__image;if(!r)return 0;var o="width"===t?"height":"width",a=e[o];return null==a?r[t]:r[t]/r[o]*a},e.prototype.getWidth=function(){return this._getSize("width")},e.prototype.getHeight=function(){return this._getSize("height")},e.prototype.getAnimationStyleProps=function(){return hl},e.prototype.getBoundingRect=function(){var t=this.style;return this._rect||(this._rect=new He(t.x||0,t.y||0,this.getWidth(),this.getHeight())),this._rect},e}(os);dl.prototype.type="image";var pl=Math.round;function fl(t,e,n){if(e){var i=e.x1,r=e.x2,o=e.y1,a=e.y2;t.x1=i,t.x2=r,t.y1=o,t.y2=a;var s=n&&n.lineWidth;return s?(pl(2*i)===pl(2*r)&&(t.x1=t.x2=yl(i,s,!0)),pl(2*o)===pl(2*a)&&(t.y1=t.y2=yl(o,s,!0)),t):t}}function gl(t,e,n){if(e){var i=e.x,r=e.y,o=e.width,a=e.height;t.x=i,t.y=r,t.width=o,t.height=a;var s=n&&n.lineWidth;return s?(t.x=yl(i,s,!0),t.y=yl(r,s,!0),t.width=Math.max(yl(i+o,s,!1)-t.x,0===o?0:1),t.height=Math.max(yl(r+a,s,!1)-t.y,0===a?0:1),t):t}}function yl(t,e,n){if(!e)return t;var i=pl(2*t);return(i+pl(e))%2==0?i/2:(i+(n?1:-1))/2}var vl=function(){this.x=0,this.y=0,this.width=0,this.height=0},ml={},xl=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new vl},e.prototype.buildPath=function(t,e){var n,i,r,o;if(this.subPixelOptimize){var a=gl(ml,e,this.style);n=a.x,i=a.y,r=a.width,o=a.height,a.r=e.r,e=a}else n=e.x,i=e.y,r=e.width,o=e.height;e.r?function(t,e){var n,i,r,o,a,s=e.x,l=e.y,u=e.width,c=e.height,h=e.r;u<0&&(s+=u,u=-u),c<0&&(l+=c,c=-c),"number"==typeof h?n=i=r=o=h:h instanceof Array?1===h.length?n=i=r=o=h[0]:2===h.length?(n=r=h[0],i=o=h[1]):3===h.length?(n=h[0],i=o=h[1],r=h[2]):(n=h[0],i=h[1],r=h[2],o=h[3]):n=i=r=o=0,n+i>u&&(n*=u/(a=n+i),i*=u/a),r+o>u&&(r*=u/(a=r+o),o*=u/a),i+r>c&&(i*=c/(a=i+r),r*=c/a),n+o>c&&(n*=c/(a=n+o),o*=c/a),t.moveTo(s+n,l),t.lineTo(s+u-i,l),0!==i&&t.arc(s+u-i,l+i,i,-Math.PI/2,0),t.lineTo(s+u,l+c-r),0!==r&&t.arc(s+u-r,l+c-r,r,0,Math.PI/2),t.lineTo(s+o,l+c),0!==o&&t.arc(s+o,l+c-o,o,Math.PI/2,Math.PI),t.lineTo(s,l+n),0!==n&&t.arc(s+n,l+n,n,Math.PI,1.5*Math.PI)}(t,e):t.rect(n,i,r,o)},e.prototype.isZeroArea=function(){return!this.shape.width||!this.shape.height},e}(sl);xl.prototype.type="rect";var _l={fill:"#000"},bl={},wl={style:k({fill:!0,stroke:!0,fillOpacity:!0,strokeOpacity:!0,lineWidth:!0,fontSize:!0,lineHeight:!0,width:!0,height:!0,textShadowColor:!0,textShadowBlur:!0,textShadowOffsetX:!0,textShadowOffsetY:!0,backgroundColor:!0,padding:!0,borderColor:!0,borderWidth:!0,borderRadius:!0},ns.style)},Sl=function(t){function e(e){var n=t.call(this)||this;return n.type="text",n._children=[],n._defaultStyle=_l,n.attr(e),n}return n(e,t),e.prototype.childrenRef=function(){return this._children},e.prototype.update=function(){t.prototype.update.call(this),this.styleChanged()&&this._updateSubTexts();for(var e=0;e<this._children.length;e++){var n=this._children[e];n.zlevel=this.zlevel,n.z=this.z,n.z2=this.z2,n.culling=this.culling,n.cursor=this.cursor,n.invisible=this.invisible}},e.prototype.updateTransform=function(){var e=this.innerTransformable;e?(e.updateTransform(),e.transform&&(this.transform=e.transform)):t.prototype.updateTransform.call(this)},e.prototype.getLocalTransform=function(e){var n=this.innerTransformable;return n?n.getLocalTransform(e):t.prototype.getLocalTransform.call(this,e)},e.prototype.getComputedTransform=function(){return this.__hostTarget&&(this.__hostTarget.getComputedTransform(),this.__hostTarget.updateInnerText(!0)),t.prototype.getComputedTransform.call(this)},e.prototype._updateSubTexts=function(){var t;this._childCursor=0,kl(t=this.style),z(t.rich,kl),this.style.rich?this._updateRichTexts():this._updatePlainTexts(),this._children.length=this._childCursor,this.styleUpdated()},e.prototype.addSelfToZr=function(e){t.prototype.addSelfToZr.call(this,e);for(var n=0;n<this._children.length;n++)this._children[n].__zr=e},e.prototype.removeSelfFromZr=function(e){t.prototype.removeSelfFromZr.call(this,e);for(var n=0;n<this._children.length;n++)this._children[n].__zr=null},e.prototype.getBoundingRect=function(){if(this.styleChanged()&&this._updateSubTexts(),!this._rect){for(var t=new He(0,0,0,0),e=this._children,n=[],i=null,r=0;r<e.length;r++){var o=e[r],a=o.getBoundingRect(),s=o.getLocalTransform(n);s?(t.copy(a),t.applyTransform(s),(i=i||t.clone()).union(t)):(i=i||a.clone()).union(a)}this._rect=i||t}return this._rect},e.prototype.setDefaultTextStyle=function(t){this._defaultStyle=t||_l},e.prototype.setTextContent=function(t){0},e.prototype._mergeStyle=function(t,e){if(!e)return t;var n=e.rich,i=t.rich||n&&{};return A(t,e),n&&i?(this._mergeRich(i,n),t.rich=i):i&&(t.rich=i),t},e.prototype._mergeRich=function(t,e){for(var n=F(e),i=0;i<n.length;i++){var r=n[i];t[r]=t[r]||{},A(t[r],e[r])}},e.prototype.getAnimationStyleProps=function(){return wl},e.prototype._getOrCreateChild=function(t){var e=this._children[this._childCursor];return e&&e instanceof t||(e=new t),this._children[this._childCursor++]=e,e.__zr=this.__zr,e.parent=this,e},e.prototype._updatePlainTexts=function(){var t=this.style,e=t.font||a,n=t.padding,i=this._defaultStyle,r=t.x||0,o=t.y||0,s=t.align||i.align||"left",l=t.verticalAlign||i.verticalAlign||"top";ja(bl,i.overflowRect,r,o,s,l),r=bl.baseX,o=bl.baseY;var u=function(t,e,n,i){var r=$a(t),o=e.overflow,a=e.padding,s=a?a[1]+a[3]:0,l=a?a[0]+a[2]:0,u=e.font,c="truncate"===o,h=Gr(u),d=rt(e.lineHeight,h),p="truncate"===e.lineOverflow,f=!1,g=e.width;null==g&&null!=n&&(g=n-s);var y,v=e.height;null==v&&null!=i&&(v=i-l);var m=(y=null==g||"break"!==o&&"breakAll"!==o?r?r.split("\n"):[]:r?Za(r,e.font,g,"breakAll"===o,0).lines:[]).length*d;if(null==v&&(v=m),m>v&&p){var x=Math.floor(v/d);f=f||y.length>x,m=(y=y.slice(0,x)).length*d}if(r&&c&&null!=g)for(var _=Ba(g,u,e.ellipsis,{minChar:e.truncateMinChar,placeholder:e.placeholder}),b={},w=0;w<y.length;w++)Va(b,y[w],_),y[w]=b.textLine,f=f||b.isTruncated;var S=v,M=0,I=Lr(u);for(w=0;w<y.length;w++)M=Math.max(Nr(I,y[w]),M);null==g&&(g=M);var T=g;return{lines:y,height:v,outerWidth:T+=s,outerHeight:S+=l,lineHeight:d,calculatedLineHeight:h,contentWidth:M,contentHeight:m,width:g,isTruncated:f}}(Rl(t),t,bl.outerWidth,bl.outerHeight),c=Nl(t),h=!!t.backgroundColor,d=u.outerHeight,p=u.outerWidth,f=u.lines,g=u.lineHeight;this.isTruncated=!!u.isTruncated;var y=r,v=Vr(o,u.contentHeight,l);if(c||n){var m=Br(r,p,s),x=Vr(o,d,l);c&&this._renderBackground(t,t,m,x,p,d)}v+=g/2,n&&(y=Ol(r,s,n),"top"===l?v+=n[0]:"bottom"===l&&(v-=n[2]));for(var _=0,b=!1,w=!1,S=(Pl("fill"in t?t.fill:(w=!0,i.fill))),M=(Ll("stroke"in t?t.stroke:h||i.autoStroke&&!w?null:(_=2,b=!0,i.stroke))),I=t.textShadowBlur>0,T=0;T<f.length;T++){var C=this._getOrCreateChild(ul),D=C.createStyle();C.useStyle(D),D.text=f[T],D.x=y,D.y=v,s&&(D.textAlign=s),D.textBaseline="middle",D.opacity=t.opacity,D.strokeFirst=!0,I&&(D.shadowBlur=t.textShadowBlur||0,D.shadowColor=t.textShadowColor||"transparent",D.shadowOffsetX=t.textShadowOffsetX||0,D.shadowOffsetY=t.textShadowOffsetY||0),D.stroke=M,D.fill=S,M&&(D.lineWidth=t.lineWidth||_,D.lineDash=t.lineDash,D.lineDashOffset=t.lineDashOffset||0),D.font=e,Dl(D,t),v+=g,C.setBoundingRect(Ja(D,u.contentWidth,u.calculatedLineHeight,b?0:null))}},e.prototype._updateRichTexts=function(){var t=this.style,e=this._defaultStyle,n=t.align||e.align,i=t.verticalAlign||e.verticalAlign,r=t.x||0,o=t.y||0;ja(bl,e.overflowRect,r,o,n,i),r=bl.baseX,o=bl.baseY;var a=function(t,e,n,i,r){var o=new Ha,a=$a(t);if(!a)return o;var s=e.padding,l=s?s[1]+s[3]:0,u=s?s[0]+s[2]:0,c=e.width;null==c&&null!=n&&(c=n-l);var h=e.height;null==h&&null!=i&&(h=i-u);for(var d,p=e.overflow,f="break"!==p&&"breakAll"!==p||null==c?null:{width:c,accumWidth:0,breakAll:"breakAll"===p},g=za.lastIndex=0;null!=(d=za.exec(a));){var y=d.index;y>g&&Ua(o,a.substring(g,y),e,f),Ua(o,d[2],e,f,d[1]),g=za.lastIndex}g<a.length&&Ua(o,a.substring(g,a.length),e,f);var v=[],m=0,x=0,_="truncate"===p,b="truncate"===e.lineOverflow,w={};function S(t,e,n){t.width=e,t.lineHeight=n,m+=n,x=Math.max(x,e)}t:for(var M=0;M<o.lines.length;M++){for(var I=o.lines[M],T=0,C=0,D=0;D<I.tokens.length;D++){var A=(G=I.tokens[D]).styleName&&e.rich[G.styleName]||{},k=G.textPadding=A.padding,L=k?k[1]+k[3]:0,P=G.font=A.font||e.font;G.contentHeight=Gr(P);var O=rt(A.height,G.contentHeight);if(G.innerHeight=O,k&&(O+=k[0]+k[2]),G.height=O,G.lineHeight=ot(A.lineHeight,e.lineHeight,O),G.align=A&&A.align||r,G.verticalAlign=A&&A.verticalAlign||"middle",b&&null!=h&&m+G.lineHeight>h){var R=o.lines.length;D>0?(I.tokens=I.tokens.slice(0,D),S(I,C,T),o.lines=o.lines.slice(0,M+1)):o.lines=o.lines.slice(0,M),o.isTruncated=o.isTruncated||o.lines.length<R;break t}var N=A.width,z=null==N||"auto"===N;if("string"==typeof N&&"%"===N.charAt(N.length-1))G.percentWidth=N,v.push(G),G.contentWidth=Nr(Lr(P),G.text);else{if(z){var E=A.backgroundColor,B=E&&E.image;B&&Na(B=Pa(B))&&(G.width=Math.max(G.width,B.width*O/B.height))}var V=_&&null!=c?c-C:null;null!=V&&V<G.width?!z||V<L?(G.text="",G.width=G.contentWidth=0):(Ea(w,G.text,V-L,P,e.ellipsis,{minChar:e.truncateMinChar}),G.text=w.text,o.isTruncated=o.isTruncated||w.isTruncated,G.width=G.contentWidth=Nr(Lr(P),G.text)):G.contentWidth=Nr(Lr(P),G.text)}G.width+=L,C+=G.width,A&&(T=Math.max(T,G.lineHeight))}S(I,C,T)}for(o.outerWidth=o.width=rt(c,x),o.outerHeight=o.height=rt(h,m),o.contentHeight=m,o.contentWidth=x,o.outerWidth+=l,o.outerHeight+=u,M=0;M<v.length;M++){var G,F=(G=v[M]).percentWidth;G.width=parseInt(F,10)/100*o.width}return o}(Rl(t),t,bl.outerWidth,bl.outerHeight,n),s=a.width,l=a.outerWidth,u=a.outerHeight,c=t.padding;this.isTruncated=!!a.isTruncated;var h=Br(r,l,n),d=Vr(o,u,i),p=h,f=d;c&&(p+=c[3],f+=c[0]);var g=p+s;Nl(t)&&this._renderBackground(t,t,h,d,l,u);for(var y=!!t.backgroundColor,v=0;v<a.lines.length;v++){for(var m=a.lines[v],x=m.tokens,_=x.length,b=m.lineHeight,w=m.width,S=0,M=p,I=g,T=_-1,C=void 0;S<_&&(!(C=x[S]).align||"left"===C.align);)this._placeToken(C,t,b,f,M,"left",y),w-=C.width,M+=C.width,S++;for(;T>=0&&"right"===(C=x[T]).align;)this._placeToken(C,t,b,f,I,"right",y),w-=C.width,I-=C.width,T--;for(M+=(s-(M-p)-(g-I)-w)/2;S<=T;)C=x[S],this._placeToken(C,t,b,f,M+C.width/2,"center",y),M+=C.width,S++;f+=b}},e.prototype._placeToken=function(t,e,n,i,r,o,s){var l=e.rich[t.styleName]||{};l.text=t.text;var u=t.verticalAlign,c=i+n/2;"top"===u?c=i+t.height/2:"bottom"===u&&(c=i+n-t.height/2),!t.isLineHolder&&Nl(l)&&this._renderBackground(l,e,"right"===o?r-t.width:"center"===o?r-t.width/2:r,c-t.height/2,t.width,t.height);var h=!!l.backgroundColor,d=t.textPadding;d&&(r=Ol(r,o,d),c-=t.height/2-d[0]-t.innerHeight/2);var p=this._getOrCreateChild(ul),f=p.createStyle();p.useStyle(f);var g=this._defaultStyle,y=!1,v=0,m=!1,x=Pl("fill"in l?l.fill:"fill"in e?e.fill:(y=!0,g.fill)),_=Ll("stroke"in l?l.stroke:"stroke"in e?e.stroke:h||s||g.autoStroke&&!y?null:(v=2,m=!0,g.stroke)),b=l.textShadowBlur>0||e.textShadowBlur>0;f.text=t.text,f.x=r,f.y=c,b&&(f.shadowBlur=l.textShadowBlur||e.textShadowBlur||0,f.shadowColor=l.textShadowColor||e.textShadowColor||"transparent",f.shadowOffsetX=l.textShadowOffsetX||e.textShadowOffsetX||0,f.shadowOffsetY=l.textShadowOffsetY||e.textShadowOffsetY||0),f.textAlign=o,f.textBaseline="middle",f.font=t.font||a,f.opacity=ot(l.opacity,e.opacity,1),Dl(f,l),_&&(f.lineWidth=ot(l.lineWidth,e.lineWidth,v),f.lineDash=rt(l.lineDash,e.lineDash),f.lineDashOffset=e.lineDashOffset||0,f.stroke=_),x&&(f.fill=x),p.setBoundingRect(Ja(f,t.contentWidth,t.contentHeight,m?0:null))},e.prototype._renderBackground=function(t,e,n,i,r,o){var a,s,l,u=t.backgroundColor,c=t.borderWidth,h=t.borderColor,d=u&&u.image,p=u&&!d,f=t.borderRadius,g=this;if(p||t.lineHeight||c&&h){(a=this._getOrCreateChild(xl)).useStyle(a.createStyle()),a.style.fill=null;var y=a.shape;y.x=n,y.y=i,y.width=r,y.height=o,y.r=f,a.dirtyShape()}if(p)(l=a.style).fill=u||null,l.fillOpacity=rt(t.fillOpacity,1);else if(d){(s=this._getOrCreateChild(dl)).onload=function(){g.dirtyStyle()};var v=s.style;v.image=u.image,v.x=n,v.y=i,v.width=r,v.height=o}c&&h&&((l=a.style).lineWidth=c,l.stroke=h,l.strokeOpacity=rt(t.strokeOpacity,1),l.lineDash=t.borderDash,l.lineDashOffset=t.borderDashOffset||0,a.strokeContainThreshold=0,a.hasFill()&&a.hasStroke()&&(l.strokeFirst=!0,l.lineWidth*=2));var m=(a||s).style;m.shadowBlur=t.shadowBlur||0,m.shadowColor=t.shadowColor||"transparent",m.shadowOffsetX=t.shadowOffsetX||0,m.shadowOffsetY=t.shadowOffsetY||0,m.opacity=ot(t.opacity,e.opacity,1)},e.makeFont=function(t){var e="";return Al(t)&&(e=[t.fontStyle,t.fontWeight,Cl(t.fontSize),t.fontFamily||"sans-serif"].join(" ")),e&&ut(e)||t.textFont||t.font},e}(os),Ml={left:!0,right:1,center:1},Il={top:1,bottom:1,middle:1},Tl=["fontStyle","fontWeight","fontSize","fontFamily"];function Cl(t){return"string"!=typeof t||-1===t.indexOf("px")&&-1===t.indexOf("rem")&&-1===t.indexOf("em")?isNaN(+t)?"12px":t+"px":t}function Dl(t,e){for(var n=0;n<Tl.length;n++){var i=Tl[n],r=e[i];null!=r&&(t[i]=r)}}function Al(t){return null!=t.fontSize||t.fontFamily||t.fontWeight}function kl(t){if(t){t.font=Sl.makeFont(t);var e=t.align;"middle"===e&&(e="center"),t.align=null==e||Ml[e]?e:"left";var n=t.verticalAlign;"center"===n&&(n="middle"),t.verticalAlign=null==n||Il[n]?n:"top",t.padding&&(t.padding=st(t.padding))}}function Ll(t,e){return null==t||e<=0||"transparent"===t||"none"===t?null:t.image||t.colorStops?"#000":t}function Pl(t){return null==t||"none"===t?null:t.image||t.colorStops?"#000":t}function Ol(t,e,n){return"right"===e?t-n[1]:"center"===e?t+n[3]/2-n[1]/2:t+n[3]}function Rl(t){var e=t.text;return null!=e&&(e+=""),e}function Nl(t){return!!(t.backgroundColor||t.lineHeight||t.borderWidth&&t.borderColor)}var zl=sa(),El=function(t,e,n,i){if(i){var r=zl(i);r.dataIndex=n,r.dataType=e,r.seriesIndex=t,r.ssrType="chart","group"===i.type&&i.traverse((function(i){var r=zl(i);r.seriesIndex=t,r.dataIndex=n,r.dataType=e,r.ssrType="chart"}))}},Bl=1,Vl={},Gl=sa(),Fl=sa(),Wl=["emphasis","blur","select"],Hl=["normal","emphasis","blur","select"],Ul=10,Yl="highlight",Xl="downplay",Zl="select",jl="unselect",ql="toggleSelect",Kl="selectchanged";function $l(t){return null!=t&&"none"!==t}function Jl(t,e,n){t.onHoverStateChange&&(t.hoverState||0)!==n&&t.onHoverStateChange(e),t.hoverState=n}function Ql(t){Jl(t,"emphasis",2)}function tu(t){2===t.hoverState&&Jl(t,"normal",0)}function eu(t){Jl(t,"blur",1)}function nu(t){1===t.hoverState&&Jl(t,"normal",0)}function iu(t){t.selected=!0}function ru(t){t.selected=!1}function ou(t,e,n){e(t,n)}function au(t,e,n){ou(t,e,n),t.isGroup&&t.traverse((function(t){ou(t,e,n)}))}function su(t,e){switch(e){case"emphasis":t.hoverState=2;break;case"normal":t.hoverState=0;break;case"blur":t.hoverState=1;break;case"select":t.selected=!0}}function lu(t,e){var n=this.states[t];if(this.style){if("emphasis"===t)return function(t,e,n,i){var r=n&&P(n,"select")>=0,o=!1;if(t instanceof sl){var a=Gl(t),s=r&&a.selectFill||a.normalFill,l=r&&a.selectStroke||a.normalStroke;if($l(s)||$l(l)){var u=(i=i||{}).style||{};"inherit"===u.fill?(o=!0,i=A({},i),(u=A({},u)).fill=s):!$l(u.fill)&&$l(s)?(o=!0,i=A({},i),(u=A({},u)).fill=vi(s)):!$l(u.stroke)&&$l(l)&&(o||(i=A({},i),u=A({},u)),u.stroke=vi(l)),i.style=u}}if(i&&null==i.z2){o||(i=A({},i));var c=t.z2EmphasisLift;i.z2=t.z2+(null!=c?c:Ul)}return i}(this,0,e,n);if("blur"===t)return function(t,e,n){var i=P(t.currentStates,e)>=0,r=t.style.opacity,o=i?null:function(t,e,n,i){for(var r=t.style,o={},a=0;a<e.length;a++){var s=e[a],l=r[s];o[s]=null==l?i&&i[s]:l}for(a=0;a<t.animators.length;a++){var u=t.animators[a];u.__fromStateTransition&&u.__fromStateTransition.indexOf(n)<0&&"style"===u.targetName&&u.saveTo(o,e)}return o}(t,["opacity"],e,{opacity:1}),a=(n=n||{}).style||{};return null==a.opacity&&(n=A({},n),a=A({opacity:i?r:.1*o.opacity},a),n.style=a),n}(this,t,n);if("select"===t)return function(t,e,n){if(n&&null==n.z2){n=A({},n);var i=t.z2SelectLift;n.z2=t.z2+(null!=i?i:9)}return n}(this,0,n)}return n}function uu(t){t.stateProxy=lu;var e=t.getTextContent(),n=t.getTextGuideLine();e&&(e.stateProxy=lu),n&&(n.stateProxy=lu)}function cu(t,e){!mu(t,e)&&!t.__highByOuter&&au(t,Ql)}function hu(t,e){!mu(t,e)&&!t.__highByOuter&&au(t,tu)}function du(t,e){t.__highByOuter|=1<<(e||0),au(t,Ql)}function pu(t,e){!(t.__highByOuter&=~(1<<(e||0)))&&au(t,tu)}function fu(t){au(t,eu)}function gu(t){au(t,nu)}function yu(t){au(t,iu)}function vu(t){au(t,ru)}function mu(t,e){return t.__highDownSilentOnTouch&&e.zrByTouch}function xu(t){var e=t.getModel(),n=[],i=[];e.eachComponent((function(e,r){var o=Fl(r),a="series"===e,s=a?t.getViewOfSeriesModel(r):t.getViewOfComponentModel(r);!a&&i.push(s),o.isBlured&&(s.group.traverse((function(t){nu(t)})),a&&n.push(r)),o.isBlured=!1})),z(i,(function(t){t&&t.toggleBlurSeries&&t.toggleBlurSeries(n,!1,e)}))}function _u(t,e,n,i){var r=i.getModel();function o(t,e){for(var n=0;n<e.length;n++){var i=t.getItemGraphicEl(e[n]);i&&gu(i)}}if(n=n||"coordinateSystem",null!=t&&e&&"none"!==e){var a=r.getSeriesByIndex(t),s=a.coordinateSystem;s&&s.master&&(s=s.master);var l=[];r.eachSeries((function(t){var r=a===t,u=t.coordinateSystem;if(u&&u.master&&(u=u.master),!("series"===n&&!r||"coordinateSystem"===n&&!(u&&s?u===s:r)||"series"===e&&r)){if(i.getViewOfSeriesModel(t).group.traverse((function(t){t.__highByOuter&&r&&"self"===e||eu(t)})),N(e))o(t.getData(),e);else if(q(e))for(var c=F(e),h=0;h<c.length;h++)o(t.getData(c[h]),e[c[h]]);l.push(t),Fl(t).isBlured=!0}})),r.eachComponent((function(t,e){if("series"!==t){var n=i.getViewOfComponentModel(e);n&&n.toggleBlurSeries&&n.toggleBlurSeries(l,!0,r)}}))}}function bu(t,e,n){if(null!=t&&null!=e){var i=n.getModel().getComponent(t,e);if(i){Fl(i).isBlured=!0;var r=n.getViewOfComponentModel(i);r&&r.focusBlurEnabled&&r.group.traverse((function(t){eu(t)}))}}}function wu(t,e,n,i){var r={focusSelf:!1,dispatchers:null};if(null==t||"series"===t||null==e||null==n)return r;var o=i.getModel().getComponent(t,e);if(!o)return r;var a=i.getViewOfComponentModel(o);if(!a||!a.findHighDownDispatchers)return r;for(var s,l=a.findHighDownDispatchers(n),u=0;u<l.length;u++)if("self"===zl(l[u]).focus){s=!0;break}return{focusSelf:s,dispatchers:l}}function Su(t){z(t.getAllData(),(function(e){var n=e.data,i=e.type;n.eachItemGraphicEl((function(e,n){t.isSelected(n,i)?yu(e):vu(e)}))}))}function Mu(t){var e=[];return t.eachSeries((function(t){z(t.getAllData(),(function(n){n.data;var i=n.type,r=t.getSelectedDataIndices();if(r.length>0){var o={dataIndex:r,seriesIndex:t.seriesIndex};null!=i&&(o.dataType=i),e.push(o)}}))})),e}function Iu(t,e,n){Lu(t,!0),au(t,uu),Cu(t,e,n)}function Tu(t,e,n,i){i?function(t){Lu(t,!1)}(t):Iu(t,e,n)}function Cu(t,e,n){var i=zl(t);null!=e?(i.focus=e,i.blurScope=n):i.focus&&(i.focus=null)}var Du=["emphasis","blur","select"],Au={itemStyle:"getItemStyle",lineStyle:"getLineStyle",areaStyle:"getAreaStyle"};function ku(t,e,n,i){n=n||"itemStyle";for(var r=0;r<Du.length;r++){var o=Du[r],a=e.getModel([o,n]);t.ensureState(o).style=i?i(a):a[Au[n]]()}}function Lu(t,e){var n=!1===e,i=t;t.highDownSilentOnTouch&&(i.__highDownSilentOnTouch=t.highDownSilentOnTouch),n&&!i.__highDownDispatcher||(i.__highByOuter=i.__highByOuter||0,i.__highDownDispatcher=!n)}function Pu(t){return!(!t||!t.__highDownDispatcher)}function Ou(t){var e=t.type;return e===Zl||e===jl||e===ql}function Ru(t){var e=t.type;return e===Yl||e===Xl}var Nu=Fs.CMD,zu=[[],[],[]],Eu=Math.sqrt,Bu=Math.atan2;function Vu(t,e){if(e){var n,i,r,o,a,s,l=t.data,u=t.len(),c=Nu.M,h=Nu.C,d=Nu.L,p=Nu.R,f=Nu.A,g=Nu.Q;for(r=0,o=0;r<u;){switch(n=l[r++],o=r,i=0,n){case c:case d:i=1;break;case h:i=3;break;case g:i=2;break;case f:var y=e[4],v=e[5],m=Eu(e[0]*e[0]+e[1]*e[1]),x=Eu(e[2]*e[2]+e[3]*e[3]),_=Bu(-e[1]/x,e[0]/m);l[r]*=m,l[r++]+=y,l[r]*=x,l[r++]+=v,l[r++]*=m,l[r++]*=x,l[r++]+=_,l[r++]+=_,o=r+=2;break;case p:s[0]=l[r++],s[1]=l[r++],Ht(s,s,e),l[o++]=s[0],l[o++]=s[1],s[0]+=l[r++],s[1]+=l[r++],Ht(s,s,e),l[o++]=s[0],l[o++]=s[1]}for(a=0;a<i;a++){var b=zu[a];b[0]=l[r++],b[1]=l[r++],Ht(b,b,e),l[o++]=b[0],l[o++]=b[1]}}t.increaseVersion()}}var Gu=Math.sqrt,Fu=Math.sin,Wu=Math.cos,Hu=Math.PI;function Uu(t){return Math.sqrt(t[0]*t[0]+t[1]*t[1])}function Yu(t,e){return(t[0]*e[0]+t[1]*e[1])/(Uu(t)*Uu(e))}function Xu(t,e){return(t[0]*e[1]<t[1]*e[0]?-1:1)*Math.acos(Yu(t,e))}function Zu(t,e,n,i,r,o,a,s,l,u,c){var h=l*(Hu/180),d=Wu(h)*(t-n)/2+Fu(h)*(e-i)/2,p=-1*Fu(h)*(t-n)/2+Wu(h)*(e-i)/2,f=d*d/(a*a)+p*p/(s*s);f>1&&(a*=Gu(f),s*=Gu(f));var g=(r===o?-1:1)*Gu((a*a*(s*s)-a*a*(p*p)-s*s*(d*d))/(a*a*(p*p)+s*s*(d*d)))||0,y=g*a*p/s,v=g*-s*d/a,m=(t+n)/2+Wu(h)*y-Fu(h)*v,x=(e+i)/2+Fu(h)*y+Wu(h)*v,_=Xu([1,0],[(d-y)/a,(p-v)/s]),b=[(d-y)/a,(p-v)/s],w=[(-1*d-y)/a,(-1*p-v)/s],S=Xu(b,w);if(Yu(b,w)<=-1&&(S=Hu),Yu(b,w)>=1&&(S=0),S<0){var M=Math.round(S/Hu*1e6)/1e6;S=2*Hu+M%2*Hu}c.addData(u,m,x,a,s,_,S,h,o)}var ju=/([mlvhzcqtsa])([^mlvhzcqtsa]*)/gi,qu=/-?([0-9]*\.)?[0-9]+([eE]-?[0-9]+)?/g;var Ku=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.applyTransform=function(t){},e}(sl);function $u(t){return null!=t.setData}function Ju(t,e){var n=function(t){var e=new Fs;if(!t)return e;var n,i=0,r=0,o=i,a=r,s=Fs.CMD,l=t.match(ju);if(!l)return e;for(var u=0;u<l.length;u++){for(var c=l[u],h=c.charAt(0),d=void 0,p=c.match(qu)||[],f=p.length,g=0;g<f;g++)p[g]=parseFloat(p[g]);for(var y=0;y<f;){var v=void 0,m=void 0,x=void 0,_=void 0,b=void 0,w=void 0,S=void 0,M=i,I=r,T=void 0,C=void 0;switch(h){case"l":i+=p[y++],r+=p[y++],d=s.L,e.addData(d,i,r);break;case"L":i=p[y++],r=p[y++],d=s.L,e.addData(d,i,r);break;case"m":i+=p[y++],r+=p[y++],d=s.M,e.addData(d,i,r),o=i,a=r,h="l";break;case"M":i=p[y++],r=p[y++],d=s.M,e.addData(d,i,r),o=i,a=r,h="L";break;case"h":i+=p[y++],d=s.L,e.addData(d,i,r);break;case"H":i=p[y++],d=s.L,e.addData(d,i,r);break;case"v":r+=p[y++],d=s.L,e.addData(d,i,r);break;case"V":r=p[y++],d=s.L,e.addData(d,i,r);break;case"C":d=s.C,e.addData(d,p[y++],p[y++],p[y++],p[y++],p[y++],p[y++]),i=p[y-2],r=p[y-1];break;case"c":d=s.C,e.addData(d,p[y++]+i,p[y++]+r,p[y++]+i,p[y++]+r,p[y++]+i,p[y++]+r),i+=p[y-2],r+=p[y-1];break;case"S":v=i,m=r,T=e.len(),C=e.data,n===s.C&&(v+=i-C[T-4],m+=r-C[T-3]),d=s.C,M=p[y++],I=p[y++],i=p[y++],r=p[y++],e.addData(d,v,m,M,I,i,r);break;case"s":v=i,m=r,T=e.len(),C=e.data,n===s.C&&(v+=i-C[T-4],m+=r-C[T-3]),d=s.C,M=i+p[y++],I=r+p[y++],i+=p[y++],r+=p[y++],e.addData(d,v,m,M,I,i,r);break;case"Q":M=p[y++],I=p[y++],i=p[y++],r=p[y++],d=s.Q,e.addData(d,M,I,i,r);break;case"q":M=p[y++]+i,I=p[y++]+r,i+=p[y++],r+=p[y++],d=s.Q,e.addData(d,M,I,i,r);break;case"T":v=i,m=r,T=e.len(),C=e.data,n===s.Q&&(v+=i-C[T-4],m+=r-C[T-3]),i=p[y++],r=p[y++],d=s.Q,e.addData(d,v,m,i,r);break;case"t":v=i,m=r,T=e.len(),C=e.data,n===s.Q&&(v+=i-C[T-4],m+=r-C[T-3]),i+=p[y++],r+=p[y++],d=s.Q,e.addData(d,v,m,i,r);break;case"A":x=p[y++],_=p[y++],b=p[y++],w=p[y++],S=p[y++],Zu(M=i,I=r,i=p[y++],r=p[y++],w,S,x,_,b,d=s.A,e);break;case"a":x=p[y++],_=p[y++],b=p[y++],w=p[y++],S=p[y++],Zu(M=i,I=r,i+=p[y++],r+=p[y++],w,S,x,_,b,d=s.A,e)}}"z"!==h&&"Z"!==h||(d=s.Z,e.addData(d),i=o,r=a),n=d}return e.toStatic(),e}(t),i=A({},e);return i.buildPath=function(t){var e,i=$u(t);i&&t.canSave()?(t.appendPath(n),(e=t.getContext())&&t.rebuildPath(e,1)):(e=i?t.getContext():t)&&n.rebuildPath(e,1)},i.applyTransform=function(t){Vu(n,t),this.dirtyShape()},i}function Qu(t,e){return new Ku(Ju(t,e))}function tc(t,e){e=e||{};var n=new sl;return t.shape&&n.setShape(t.shape),n.setStyle(t.style),e.bakeTransform?Vu(n.path,t.getComputedTransform()):e.toLocal?n.setLocalTransform(t.getComputedTransform()):n.copyTransform(t),n.buildPath=t.buildPath,n.applyTransform=n.applyTransform,n.z=t.z,n.z2=t.z2,n.zlevel=t.zlevel,n}var ec=function(){this.cx=0,this.cy=0,this.r=0},nc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new ec},e.prototype.buildPath=function(t,e){t.moveTo(e.cx+e.r,e.cy),t.arc(e.cx,e.cy,e.r,0,2*Math.PI)},e}(sl);nc.prototype.type="circle";var ic=function(){this.cx=0,this.cy=0,this.rx=0,this.ry=0},rc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new ic},e.prototype.buildPath=function(t,e){var n=.5522848,i=e.cx,r=e.cy,o=e.rx,a=e.ry,s=o*n,l=a*n;t.moveTo(i-o,r),t.bezierCurveTo(i-o,r-l,i-s,r-a,i,r-a),t.bezierCurveTo(i+s,r-a,i+o,r-l,i+o,r),t.bezierCurveTo(i+o,r+l,i+s,r+a,i,r+a),t.bezierCurveTo(i-s,r+a,i-o,r+l,i-o,r),t.closePath()},e}(sl);rc.prototype.type="ellipse";var oc=Math.PI,ac=2*oc,sc=Math.sin,lc=Math.cos,uc=Math.acos,cc=Math.atan2,hc=Math.abs,dc=Math.sqrt,pc=Math.max,fc=Math.min,gc=1e-4;function yc(t,e,n,i,r,o,a){var s=t-n,l=e-i,u=(a?o:-o)/dc(s*s+l*l),c=u*l,h=-u*s,d=t+c,p=e+h,f=n+c,g=i+h,y=(d+f)/2,v=(p+g)/2,m=f-d,x=g-p,_=m*m+x*x,b=r-o,w=d*g-f*p,S=(x<0?-1:1)*dc(pc(0,b*b*_-w*w)),M=(w*x-m*S)/_,I=(-w*m-x*S)/_,T=(w*x+m*S)/_,C=(-w*m+x*S)/_,D=M-y,A=I-v,k=T-y,L=C-v;return D*D+A*A>k*k+L*L&&(M=T,I=C),{cx:M,cy:I,x0:-c,y0:-h,x1:M*(r/b-1),y1:I*(r/b-1)}}function vc(t,e){var n,i=pc(e.r,0),r=pc(e.r0||0,0),o=i>0;if(o||r>0){if(o||(i=r,r=0),r>i){var a=i;i=r,r=a}var s=e.startAngle,l=e.endAngle;if(!isNaN(s)&&!isNaN(l)){var u=e.cx,c=e.cy,h=!!e.clockwise,d=hc(l-s),p=d>ac&&d%ac;if(p>gc&&(d=p),i>gc)if(d>ac-gc)t.moveTo(u+i*lc(s),c+i*sc(s)),t.arc(u,c,i,s,l,!h),r>gc&&(t.moveTo(u+r*lc(l),c+r*sc(l)),t.arc(u,c,r,l,s,h));else{var f=void 0,g=void 0,y=void 0,v=void 0,m=void 0,x=void 0,_=void 0,b=void 0,w=void 0,S=void 0,M=void 0,I=void 0,T=void 0,C=void 0,D=void 0,A=void 0,k=i*lc(s),L=i*sc(s),P=r*lc(l),O=r*sc(l),R=d>gc;if(R){var N=e.cornerRadius;N&&(n=function(t){var e;if(U(t)){var n=t.length;if(!n)return t;e=1===n?[t[0],t[0],0,0]:2===n?[t[0],t[0],t[1],t[1]]:3===n?t.concat(t[2]):t}else e=[t,t,t,t];return e}(N),f=n[0],g=n[1],y=n[2],v=n[3]);var z=hc(i-r)/2;if(m=fc(z,y),x=fc(z,v),_=fc(z,f),b=fc(z,g),M=w=pc(m,x),I=S=pc(_,b),(w>gc||S>gc)&&(T=i*lc(l),C=i*sc(l),D=r*lc(s),A=r*sc(s),d<oc)){var E=function(t,e,n,i,r,o,a,s){var l=n-t,u=i-e,c=a-r,h=s-o,d=h*l-c*u;if(!(d*d<gc))return[t+(d=(c*(e-o)-h*(t-r))/d)*l,e+d*u]}(k,L,D,A,T,C,P,O);if(E){var B=k-E[0],V=L-E[1],G=T-E[0],F=C-E[1],W=1/sc(uc((B*G+V*F)/(dc(B*B+V*V)*dc(G*G+F*F)))/2),H=dc(E[0]*E[0]+E[1]*E[1]);M=fc(w,(i-H)/(W+1)),I=fc(S,(r-H)/(W-1))}}}if(R)if(M>gc){var Y=fc(y,M),X=fc(v,M),Z=yc(D,A,k,L,i,Y,h),j=yc(T,C,P,O,i,X,h);t.moveTo(u+Z.cx+Z.x0,c+Z.cy+Z.y0),M<w&&Y===X?t.arc(u+Z.cx,c+Z.cy,M,cc(Z.y0,Z.x0),cc(j.y0,j.x0),!h):(Y>0&&t.arc(u+Z.cx,c+Z.cy,Y,cc(Z.y0,Z.x0),cc(Z.y1,Z.x1),!h),t.arc(u,c,i,cc(Z.cy+Z.y1,Z.cx+Z.x1),cc(j.cy+j.y1,j.cx+j.x1),!h),X>0&&t.arc(u+j.cx,c+j.cy,X,cc(j.y1,j.x1),cc(j.y0,j.x0),!h))}else t.moveTo(u+k,c+L),t.arc(u,c,i,s,l,!h);else t.moveTo(u+k,c+L);if(r>gc&&R)if(I>gc){Y=fc(f,I),Z=yc(P,O,T,C,r,-(X=fc(g,I)),h),j=yc(k,L,D,A,r,-Y,h);t.lineTo(u+Z.cx+Z.x0,c+Z.cy+Z.y0),I<S&&Y===X?t.arc(u+Z.cx,c+Z.cy,I,cc(Z.y0,Z.x0),cc(j.y0,j.x0),!h):(X>0&&t.arc(u+Z.cx,c+Z.cy,X,cc(Z.y0,Z.x0),cc(Z.y1,Z.x1),!h),t.arc(u,c,r,cc(Z.cy+Z.y1,Z.cx+Z.x1),cc(j.cy+j.y1,j.cx+j.x1),h),Y>0&&t.arc(u+j.cx,c+j.cy,Y,cc(j.y1,j.x1),cc(j.y0,j.x0),!h))}else t.lineTo(u+P,c+O),t.arc(u,c,r,l,s,h);else t.lineTo(u+P,c+O)}else t.moveTo(u,c);t.closePath()}}}var mc=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0,this.cornerRadius=0},xc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new mc},e.prototype.buildPath=function(t,e){vc(t,e)},e.prototype.isZeroArea=function(){return this.shape.startAngle===this.shape.endAngle||this.shape.r===this.shape.r0},e}(sl);xc.prototype.type="sector";var _c=function(){this.cx=0,this.cy=0,this.r=0,this.r0=0},bc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new _c},e.prototype.buildPath=function(t,e){var n=e.cx,i=e.cy,r=2*Math.PI;t.moveTo(n+e.r,i),t.arc(n,i,e.r,0,r,!1),t.moveTo(n+e.r0,i),t.arc(n,i,e.r0,0,r,!0)},e}(sl);function wc(t,e,n){var i=e.smooth,r=e.points;if(r&&r.length>=2){if(i){var o=function(t,e,n,i){var r,o,a,s,l=[],u=[],c=[],h=[];if(i){a=[1/0,1/0],s=[-1/0,-1/0];for(var d=0,p=t.length;d<p;d++)Ut(a,a,t[d]),Yt(s,s,t[d]);Ut(a,a,i[0]),Yt(s,s,i[1])}for(d=0,p=t.length;d<p;d++){var f=t[d];if(n)r=t[d?d-1:p-1],o=t[(d+1)%p];else{if(0===d||d===p-1){l.push(Ct(t[d]));continue}r=t[d-1],o=t[d+1]}Lt(u,o,r),zt(u,u,e);var g=Bt(f,r),y=Bt(f,o),v=g+y;0!==v&&(g/=v,y/=v),zt(c,u,-g),zt(h,u,y);var m=At([],f,c),x=At([],f,h);i&&(Yt(m,m,a),Ut(m,m,s),Yt(x,x,a),Ut(x,x,s)),l.push(m),l.push(x)}return n&&l.push(l.shift()),l}(r,i,n,e.smoothConstraint);t.moveTo(r[0][0],r[0][1]);for(var a=r.length,s=0;s<(n?a:a-1);s++){var l=o[2*s],u=o[2*s+1],c=r[(s+1)%a];t.bezierCurveTo(l[0],l[1],u[0],u[1],c[0],c[1])}}else{t.moveTo(r[0][0],r[0][1]);s=1;for(var h=r.length;s<h;s++)t.lineTo(r[s][0],r[s][1])}n&&t.closePath()}}bc.prototype.type="ring";var Sc=function(){this.points=null,this.smooth=0,this.smoothConstraint=null},Mc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new Sc},e.prototype.buildPath=function(t,e){wc(t,e,!0)},e}(sl);Mc.prototype.type="polygon";var Ic=function(){this.points=null,this.percent=1,this.smooth=0,this.smoothConstraint=null},Tc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Ic},e.prototype.buildPath=function(t,e){wc(t,e,!1)},e}(sl);Tc.prototype.type="polyline";var Cc={},Dc=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.percent=1},Ac=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Dc},e.prototype.buildPath=function(t,e){var n,i,r,o;if(this.subPixelOptimize){var a=fl(Cc,e,this.style);n=a.x1,i=a.y1,r=a.x2,o=a.y2}else n=e.x1,i=e.y1,r=e.x2,o=e.y2;var s=e.percent;0!==s&&(t.moveTo(n,i),s<1&&(r=n*(1-s)+r*s,o=i*(1-s)+o*s),t.lineTo(r,o))},e.prototype.pointAt=function(t){var e=this.shape;return[e.x1*(1-t)+e.x2*t,e.y1*(1-t)+e.y2*t]},e}(sl);Ac.prototype.type="line";var kc=[],Lc=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.cpx1=0,this.cpy1=0,this.percent=1};function Pc(t,e,n){var i=t.cpx2,r=t.cpy2;return null!=i||null!=r?[(n?An:Dn)(t.x1,t.cpx1,t.cpx2,t.x2,e),(n?An:Dn)(t.y1,t.cpy1,t.cpy2,t.y2,e)]:[(n?zn:Nn)(t.x1,t.cpx1,t.x2,e),(n?zn:Nn)(t.y1,t.cpy1,t.y2,e)]}var Oc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Lc},e.prototype.buildPath=function(t,e){var n=e.x1,i=e.y1,r=e.x2,o=e.y2,a=e.cpx1,s=e.cpy1,l=e.cpx2,u=e.cpy2,c=e.percent;0!==c&&(t.moveTo(n,i),null==l||null==u?(c<1&&(Bn(n,a,r,c,kc),a=kc[1],r=kc[2],Bn(i,s,o,c,kc),s=kc[1],o=kc[2]),t.quadraticCurveTo(a,s,r,o)):(c<1&&(Pn(n,a,l,r,c,kc),a=kc[1],l=kc[2],r=kc[3],Pn(i,s,u,o,c,kc),s=kc[1],u=kc[2],o=kc[3]),t.bezierCurveTo(a,s,l,u,r,o)))},e.prototype.pointAt=function(t){return Pc(this.shape,t,!1)},e.prototype.tangentAt=function(t){var e=Pc(this.shape,t,!0);return Et(e,e)},e}(sl);Oc.prototype.type="bezier-curve";var Rc=function(){this.cx=0,this.cy=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0},Nc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Rc},e.prototype.buildPath=function(t,e){var n=e.cx,i=e.cy,r=Math.max(e.r,0),o=e.startAngle,a=e.endAngle,s=e.clockwise,l=Math.cos(o),u=Math.sin(o);t.moveTo(l*r+n,u*r+i),t.arc(n,i,r,o,a,!s)},e}(sl);Nc.prototype.type="arc";var zc=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="compound",e}return n(e,t),e.prototype._updatePathDirty=function(){for(var t=this.shape.paths,e=this.shapeChanged(),n=0;n<t.length;n++)e=e||t[n].shapeChanged();e&&this.dirtyShape()},e.prototype.beforeBrush=function(){this._updatePathDirty();for(var t=this.shape.paths||[],e=this.getGlobalScale(),n=0;n<t.length;n++)t[n].path||t[n].createPathProxy(),t[n].path.setScale(e[0],e[1],t[n].segmentIgnoreThreshold)},e.prototype.buildPath=function(t,e){for(var n=e.paths||[],i=0;i<n.length;i++)n[i].buildPath(t,n[i].shape,!0)},e.prototype.afterBrush=function(){for(var t=this.shape.paths||[],e=0;e<t.length;e++)t[e].pathUpdated()},e.prototype.getBoundingRect=function(){return this._updatePathDirty.call(this),sl.prototype.getBoundingRect.call(this)},e}(sl),Ec=function(){function t(t){this.colorStops=t||[]}return t.prototype.addColorStop=function(t,e){this.colorStops.push({offset:t,color:e})},t}(),Bc=function(t){function e(e,n,i,r,o,a){var s=t.call(this,o)||this;return s.x=null==e?0:e,s.y=null==n?0:n,s.x2=null==i?1:i,s.y2=null==r?0:r,s.type="linear",s.global=a||!1,s}return n(e,t),e}(Ec),Vc=function(t){function e(e,n,i,r,o){var a=t.call(this,r)||this;return a.x=null==e?.5:e,a.y=null==n?.5:n,a.r=null==i?.5:i,a.type="radial",a.global=o||!1,a}return n(e,t),e}(Ec),Gc=Math.min,Fc=Math.max,Wc=Math.abs,Hc=[0,0],Uc=[0,0],Yc=Ze(),Xc=Yc.minTv,Zc=Yc.maxTv,jc=function(){function t(t,e){this._corners=[],this._axes=[],this._origin=[0,0];for(var n=0;n<4;n++)this._corners[n]=new Ae;for(n=0;n<2;n++)this._axes[n]=new Ae;t&&this.fromBoundingRect(t,e)}return t.prototype.fromBoundingRect=function(t,e){var n=this._corners,i=this._axes,r=t.x,o=t.y,a=r+t.width,s=o+t.height;if(n[0].set(r,o),n[1].set(a,o),n[2].set(a,s),n[3].set(r,s),e)for(var l=0;l<4;l++)n[l].transform(e);Ae.sub(i[0],n[1],n[0]),Ae.sub(i[1],n[3],n[0]),i[0].normalize(),i[1].normalize();for(l=0;l<2;l++)this._origin[l]=i[l].dot(n[0])},t.prototype.intersect=function(t,e,n){var i=!0,r=!e;return e&&Ae.set(e,0,0),Yc.reset(n,!r),!this._intersectCheckOneSide(this,t,r,1)&&(i=!1,r)||!this._intersectCheckOneSide(t,this,r,-1)&&(i=!1,r)||r||Yc.negativeSize||Ae.copy(e,i?Yc.useDir?Yc.dirMinTv:Xc:Zc),i},t.prototype._intersectCheckOneSide=function(t,e,n,i){for(var r=!0,o=0;o<2;o++){var a=t._axes[o];if(t._getProjMinMaxOnAxis(o,t._corners,Hc),t._getProjMinMaxOnAxis(o,e._corners,Uc),Yc.negativeSize||Hc[1]<Uc[0]||Hc[0]>Uc[1]){if(r=!1,Yc.negativeSize||n)return r;var s=Wc(Uc[0]-Hc[1]),l=Wc(Hc[0]-Uc[1]);Gc(s,l)>Zc.len()&&(s<l?Ae.scale(Zc,a,-s*i):Ae.scale(Zc,a,l*i))}else if(!n){s=Wc(Uc[0]-Hc[1]),l=Wc(Hc[0]-Uc[1]);(Yc.useDir||Gc(s,l)<Xc.len())&&((s<l||!Yc.bidirectional)&&(Ae.scale(Xc,a,s*i),Yc.useDir&&Yc.calcDirMTV()),(s>=l||!Yc.bidirectional)&&(Ae.scale(Xc,a,-l*i),Yc.useDir&&Yc.calcDirMTV()))}}return r},t.prototype._getProjMinMaxOnAxis=function(t,e,n){for(var i=this._axes[t],r=this._origin,o=e[0].dot(i)+r[t],a=o,s=o,l=1;l<e.length;l++){var u=e[l].dot(i)+r[t];a=Gc(u,a),s=Fc(u,s)}n[0]=a+Yc.touchThreshold,n[1]=s-Yc.touchThreshold,Yc.negativeSize=n[1]<n[0]},t}(),qc=[],Kc=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.notClear=!0,e.incremental=!0,e._displayables=[],e._temporaryDisplayables=[],e._cursor=0,e}return n(e,t),e.prototype.traverse=function(t,e){t.call(e,this)},e.prototype.useStyle=function(){this.style={}},e.prototype.getCursor=function(){return this._cursor},e.prototype.innerAfterBrush=function(){this._cursor=this._displayables.length},e.prototype.clearDisplaybles=function(){this._displayables=[],this._temporaryDisplayables=[],this._cursor=0,this.markRedraw(),this.notClear=!1},e.prototype.clearTemporalDisplayables=function(){this._temporaryDisplayables=[]},e.prototype.addDisplayable=function(t,e){e?this._temporaryDisplayables.push(t):this._displayables.push(t),this.markRedraw()},e.prototype.addDisplayables=function(t,e){e=e||!1;for(var n=0;n<t.length;n++)this.addDisplayable(t[n],e)},e.prototype.getDisplayables=function(){return this._displayables},e.prototype.getTemporalDisplayables=function(){return this._temporaryDisplayables},e.prototype.eachPendingDisplayable=function(t){for(var e=this._cursor;e<this._displayables.length;e++)t&&t(this._displayables[e]);for(e=0;e<this._temporaryDisplayables.length;e++)t&&t(this._temporaryDisplayables[e])},e.prototype.update=function(){this.updateTransform();for(var t=this._cursor;t<this._displayables.length;t++){(e=this._displayables[t]).parent=this,e.update(),e.parent=null}for(t=0;t<this._temporaryDisplayables.length;t++){var e;(e=this._temporaryDisplayables[t]).parent=this,e.update(),e.parent=null}},e.prototype.getBoundingRect=function(){if(!this._rect){for(var t=new He(1/0,1/0,-1/0,-1/0),e=0;e<this._displayables.length;e++){var n=this._displayables[e],i=n.getBoundingRect().clone();n.needLocalTransform()&&i.applyTransform(n.getLocalTransform(qc)),t.union(i)}this._rect=t}return this._rect},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e);if(this.getBoundingRect().contain(n[0],n[1]))for(var i=0;i<this._displayables.length;i++){if(this._displayables[i].contain(t,e))return!0}return!1},e}(os),$c=sa();function Jc(t,e,n,i,r){var o;if(e&&e.ecModel){var a=e.ecModel.getUpdatePayload();o=a&&a.animation}var s="update"===t;if(e&&e.isAnimationEnabled()){var l=void 0,u=void 0,c=void 0;return i?(l=rt(i.duration,200),u=rt(i.easing,"cubicOut"),c=0):(l=e.getShallow(s?"animationDurationUpdate":"animationDuration"),u=e.getShallow(s?"animationEasingUpdate":"animationEasing"),c=e.getShallow(s?"animationDelayUpdate":"animationDelay")),o&&(null!=o.duration&&(l=o.duration),null!=o.easing&&(u=o.easing),null!=o.delay&&(c=o.delay)),Y(c)&&(c=c(n,r)),Y(l)&&(l=l(n)),{duration:l||0,delay:c,easing:u}}return null}function Qc(t,e,n,i,r,o,a){var s,l=!1;Y(r)?(a=o,o=r,r=null):q(r)&&(o=r.cb,a=r.during,l=r.isFrom,s=r.removeOpt,r=r.dataIndex);var u="leave"===t;u||e.stopAnimation("leave");var c=Jc(t,i,r,u?s||{}:null,i&&i.getAnimationDelayParams?i.getAnimationDelayParams(e,r):null);if(c&&c.duration>0){var h={duration:c.duration,delay:c.delay||0,easing:c.easing,done:o,force:!!o||!!a,setToFinal:!u,scope:t,during:a};l?e.animateFrom(n,h):e.animateTo(n,h)}else e.stopAnimation(),!l&&e.attr(n),a&&a(1),o&&o()}function th(t,e,n,i,r,o){Qc("update",t,e,n,i,r,o)}function eh(t,e,n,i,r,o){Qc("enter",t,e,n,i,r,o)}function nh(t){if(!t.__zr)return!0;for(var e=0;e<t.animators.length;e++){if("leave"===t.animators[e].scope)return!0}return!1}function ih(t,e,n,i,r,o){nh(t)||Qc("leave",t,e,n,i,r,o)}function rh(t,e,n,i){t.removeTextContent(),t.removeTextGuideLine(),ih(t,{style:{opacity:0}},e,n,i)}function oh(t,e,n){function i(){t.parent&&t.parent.remove(t)}t.isGroup?t.traverse((function(t){t.isGroup||rh(t,e,n,i)})):rh(t,e,n,i)}function ah(t){$c(t).oldStyle=t.style}var sh={},lh=["x","y"],uh=["width","height"];function ch(t){return sl.extend(t)}var hh=function(t,e){var i=Ju(t,e);return function(t){function e(e){var n=t.call(this,e)||this;return n.applyTransform=i.applyTransform,n.buildPath=i.buildPath,n}return n(e,t),e}(Ku)};function dh(t,e){return hh(t,e)}function ph(t,e){sh[t]=e}function fh(t){if(sh.hasOwnProperty(t))return sh[t]}function gh(t,e,n,i){var r=Qu(t,e);return n&&("center"===i&&(n=vh(n,r.getBoundingRect())),xh(r,n)),r}function yh(t,e,n){var i=new dl({style:{image:t,x:e.x,y:e.y,width:e.width,height:e.height},onload:function(t){if("center"===n){var r={width:t.width,height:t.height};i.setStyle(vh(e,r))}}});return i}function vh(t,e){var n,i=e.width/e.height,r=t.height*i;return n=r<=t.width?t.height:(r=t.width)/i,{x:t.x+t.width/2-r/2,y:t.y+t.height/2-n/2,width:r,height:n}}var mh=function(t,e){for(var n=[],i=t.length,r=0;r<i;r++){var o=t[r];n.push(o.getUpdatedPathProxy(!0))}var a=new sl(e);return a.createPathProxy(),a.buildPath=function(t){if($u(t)){t.appendPath(n);var e=t.getContext();e&&t.rebuildPath(e,1)}},a};function xh(t,e){if(t.applyTransform){var n=t.getBoundingRect().calculateTransform(e);t.applyTransform(n)}}function _h(t,e){return fl(t,t,{lineWidth:e}),t}var bh=yl;function wh(t,e){for(var n=_e([]);t&&t!==e;)we(n,t.getLocalTransform(),n),t=t.parent;return n}function Sh(t,e,n){return e&&!N(e)&&(e=Dr.getLocalTransform(e)),n&&(e=Te([],e)),Ht([],t,e)}function Mh(t,e,n){var i=0===e[4]||0===e[5]||0===e[0]?1:fo(2*e[4]/e[0]),r=0===e[4]||0===e[5]||0===e[2]?1:fo(2*e[4]/e[2]),o=["left"===t?-i:"right"===t?i:0,"top"===t?-r:"bottom"===t?r:0];return o=Sh(o,e,n),fo(o[0])>fo(o[1])?o[0]>0?"right":"left":o[1]>0?"bottom":"top"}function Ih(t){return!t.isGroup}function Th(t,e,n){if(t&&e){var i,r=(i={},t.traverse((function(t){Ih(t)&&t.anid&&(i[t.anid]=t)})),i);e.traverse((function(t){if(Ih(t)&&t.anid){var e=r[t.anid];if(e){var i=o(t);t.attr(o(e)),th(t,i,n,zl(t).dataIndex)}}}))}function o(t){var e={x:t.x,y:t.y,rotation:t.rotation};return function(t){return null!=t.shape}(t)&&(e.shape=T(t.shape)),e}}function Ch(t,e){return E(t,(function(t){var n=t[0];n=po(n,e.x),n=ho(n,e.x+e.width);var i=t[1];return i=po(i,e.y),[n,i=ho(i,e.y+e.height)]}))}function Dh(t,e){var n=po(t.x,e.x),i=ho(t.x+t.width,e.x+e.width),r=po(t.y,e.y),o=ho(t.y+t.height,e.y+e.height);if(i>=n&&o>=r)return{x:n,y:r,width:i-n,height:o-r}}function Ah(t,e,n){var i=A({rectHover:!0},e),r=i.style={strokeNoScale:!0};if(n=n||{x:-1,y:-1,width:2,height:2},t)return 0===t.indexOf("image://")?(r.image=t.slice(8),k(r,n),new dl(i)):gh(t.replace("path://",""),i,n,"center")}function kh(t,e,n,i,r){for(var o=0,a=r[r.length-1];o<r.length;o++){var s=r[o];if(Lh(t,e,n,i,s[0],s[1],a[0],a[1]))return!0;a=s}}function Lh(t,e,n,i,r,o,a,s){var l,u=n-t,c=i-e,h=a-r,d=s-o,p=Ph(h,d,u,c);if((l=p)<=1e-6&&l>=-1e-6)return!1;var f=t-r,g=e-o,y=Ph(f,g,u,c)/p;if(y<0||y>1)return!1;var v=Ph(f,g,h,d)/p;return!(v<0||v>1)}function Ph(t,e,n,i){return t*i-n*e}function Oh(t,e,n,i,r){return null==e||(j(e)?Rh[0]=Rh[1]=Rh[2]=Rh[3]=e:(Rh[0]=e[0],Rh[1]=e[1],Rh[2]=e[2],Rh[3]=e[3]),i&&(Rh[0]=po(0,Rh[0]),Rh[1]=po(0,Rh[1]),Rh[2]=po(0,Rh[2]),Rh[3]=po(0,Rh[3])),n&&(Rh[0]=-Rh[0],Rh[1]=-Rh[1],Rh[2]=-Rh[2],Rh[3]=-Rh[3]),Nh(t,Rh,"x","width",3,1,r&&r[0]||0),Nh(t,Rh,"y","height",0,2,r&&r[1]||0)),t}var Rh=[0,0,0,0];function Nh(t,e,n,i,r,o,a){var s=e[o]+e[r],l=t[i];t[i]+=s,a=po(0,ho(a,l)),t[i]<a?(t[i]=a,t[n]+=e[r]>=0?-e[r]:e[o]>=0?l+e[o]:fo(s)>1e-8?(l-a)*e[r]/s:0):t[n]-=e[r]}function zh(t){var e=t.itemTooltipOption,n=t.componentModel,i=t.itemName,r=X(e)?{formatter:e}:e,o=n.mainType,a=n.componentIndex,s={componentType:o,name:i,$vars:["name"]};s[o+"Index"]=a;var l=t.formatterParamsExtra;l&&z(F(l),(function(t){_t(s,t)||(s[t]=l[t],s.$vars.push(t))}));var u=zl(t.el);u.componentMainType=o,u.componentIndex=a,u.tooltipConfig={name:i,option:k({content:i,encodeHTMLContent:!0,formatterParams:s},r)}}function Eh(t,e){var n;t.isGroup&&(n=e(t)),n||t.traverse(e)}function Bh(t,e){if(t)if(U(t))for(var n=0;n<t.length;n++)Eh(t[n],e);else Eh(t,e)}function Vh(t){return!t||fo(t[1])<Gh&&fo(t[2])<Gh||fo(t[0])<Gh&&fo(t[3])<Gh}var Gh=1e-5;function Fh(t,e){return t?He.copy(t,e):e.clone()}function Wh(t,e){return e?be(t||[1,0,0,1,0,0],e):void 0}function Hh(t){return{z:t.get("z")||0,zlevel:t.get("zlevel")||0}}function Uh(t){var e=-1/0,n=1/0;function i(t){if(t&&!t.isGroup){var e=t.currentStates;if(e.length)for(var n=0;n<e.length;n++)r(t.states[e[n]]);r(t)}}function r(t){if(t){var i=t.z2;i>e&&(e=i),i<n&&(n=i)}}return Eh(t,(function(t){i(t),i(t.getTextContent()),i(t.getTextGuideLine())})),n>e&&(n=e=0),{min:n,max:e}}function Yh(t,e,n){Xh(t,e,n,-1/0)}function Xh(t,e,n,i){if(t.ignoreModelZ)return i;var r=t.getTextContent(),o=t.getTextGuideLine();if(t.isGroup)for(var a=t.childrenRef(),s=0;s<a.length;s++)i=po(Xh(a[s],e,n,i),i);else t.z=e,t.zlevel=n,i=po(t.z2||0,i);if(r&&(r.z=e,r.zlevel=n,isFinite(i)&&(r.z2=i+2)),o){var l=t.textGuideLineConfig;o.z=e,o.zlevel=n,isFinite(i)&&(o.z2=i+(l&&l.showAbove?1:-1))}return i}ph("circle",nc),ph("ellipse",rc),ph("sector",xc),ph("ring",bc),ph("polygon",Mc),ph("polyline",Tc),ph("rect",xl),ph("line",Ac),ph("bezierCurve",Oc),ph("arc",Nc);var Zh=Object.freeze({__proto__:null,updateProps:th,initProps:eh,removeElement:ih,removeElementWithFadeOut:oh,isElementRemoved:nh,XY:lh,WH:uh,extendShape:ch,extendPath:dh,registerShape:ph,getShapeClass:fh,makePath:gh,makeImage:yh,mergePath:mh,resizePath:xh,subPixelOptimizeLine:_h,subPixelOptimizeRect:function(t,e){return gl(t,t,e),t},subPixelOptimize:bh,getTransform:wh,applyTransform:Sh,transformDirection:Mh,groupTransition:Th,clipPointsByRect:Ch,clipRectByRect:Dh,createIcon:Ah,linePolygonIntersect:kh,lineLineIntersect:Lh,expandOrShrinkRect:Oh,setTooltipConfig:zh,traverseElements:Bh,isBoundingRectAxisAligned:Vh,ensureCopyRect:Fh,ensureCopyTransform:Wh,retrieveZInfo:Hh,calcZ2Range:Uh,traverseUpdateZ:Yh,Group:to,Image:dl,Text:Sl,Circle:nc,Ellipse:rc,Sector:xc,Ring:bc,Polygon:Mc,Polyline:Tc,Rect:xl,Line:Ac,BezierCurve:Oc,Arc:Nc,IncrementalDisplayable:Kc,CompoundPath:zc,LinearGradient:Bc,RadialGradient:Vc,BoundingRect:He,OrientedBoundingRect:jc,Point:Ae,Path:sl}),jh={};function qh(t,e){for(var n=0;n<Wl.length;n++){var i=Wl[n],r=e[i],o=t.ensureState(i);o.style=o.style||{},o.style.text=r}var a=t.currentStates.slice();t.clearStates(!0),t.setStyle({text:e.normal}),t.useStates(a,!0)}function Kh(t,e,n){var i,r=t.labelFetcher,o=t.labelDataIndex,a=t.labelDimIndex,s=e.normal;r&&(i=r.getFormattedLabel(o,"normal",null,a,s&&s.get("formatter"),null!=n?{interpolatedValue:n}:null)),null==i&&(i=Y(t.defaultText)?t.defaultText(o,t,n):t.defaultText);for(var l={normal:i},u=0;u<Wl.length;u++){var c=Wl[u],h=e[c];l[c]=rt(r?r.getFormattedLabel(o,c,null,a,h&&h.get("formatter")):null,i)}return l}function $h(t,e,n,i){n=n||jh;for(var r=t instanceof Sl,o=!1,a=0;a<Hl.length;a++){if((d=e[Hl[a]])&&d.getShallow("show")){o=!0;break}}var s=r?t:t.getTextContent();if(o){r||(s||(s=new Sl,t.setTextContent(s)),t.stateProxy&&(s.stateProxy=t.stateProxy));var l=Kh(n,e),u=e.normal,c=!!u.getShallow("show"),h=Qh(u,i&&i.normal,n,!1,!r);h.text=l.normal,r||t.setTextConfig(td(u,n,!1));for(a=0;a<Wl.length;a++){var d,p=Wl[a];if(d=e[p]){var f=s.ensureState(p),g=!!rt(d.getShallow("show"),c);if(g!==c&&(f.ignore=!g),f.style=Qh(d,i&&i[p],n,!0,!r),f.style.text=l[p],!r)t.ensureState(p).textConfig=td(d,n,!0)}}s.silent=!!u.getShallow("silent"),null!=s.style.x&&(h.x=s.style.x),null!=s.style.y&&(h.y=s.style.y),s.ignore=!c,s.useStyle(h),s.dirty(),n.enableTextSetter&&(ad(s).setLabelText=function(t){var i=Kh(n,e,t);qh(s,i)})}else s&&(s.ignore=!0);t.dirty()}function Jh(t,e){e=e||"label";for(var n={normal:t.getModel(e)},i=0;i<Wl.length;i++){var r=Wl[i];n[r]=t.getModel([r,e])}return n}function Qh(t,e,n,i,r){var o={};return function(t,e,n,i,r){n=n||jh;var o,a=e.ecModel,s=a&&a.option.textStyle,l=function(t){var e;for(;t&&t!==t.ecModel;){var n=(t.option||jh).rich;if(n){e=e||{};for(var i=F(n),r=0;r<i.length;r++){e[i[r]]=1}}t=t.parentModel}return e}(e);if(l){o={};var u="richInheritPlainLabel",c=rt(e.get(u),a?a.get(u):void 0);for(var h in l)if(l.hasOwnProperty(h)){var d=e.getModel(["rich",h]);rd(o[h]={},d,s,e,c,n,i,r,!1,!0)}}o&&(t.rich=o);var p=e.get("overflow");p&&(t.overflow=p);var f=e.get("lineOverflow");f&&(t.lineOverflow=f);var g=t,y=e.get("minMargin");if(null!=y)y=j(y)?y/2:0,g.margin=[y,y,y,y],g.__marginType=hd.minMargin;else{var v=e.get("textMargin");null!=v&&(g.margin=st(v),g.__marginType=hd.textMargin)}rd(t,e,s,null,null,n,i,r,!0,!1)}(o,t,n,i,r),e&&A(o,e),o}function td(t,e,n){e=e||{};var i,r={},o=t.getShallow("rotate"),a=rt(t.getShallow("distance"),n?null:5),s=t.getShallow("offset");return"outside"===(i=t.getShallow("position")||(n?null:"inside"))&&(i=e.defaultOutsidePosition||"top"),null!=i&&(r.position=i),null!=s&&(r.offset=s),null!=o&&(o*=Math.PI/180,r.rotation=o),null!=a&&(r.distance=a),r.outsideFill="inherit"===t.get("color")?e.inheritColor||null:"auto",null!=e.autoOverflowArea&&(r.autoOverflowArea=e.autoOverflowArea),null!=e.layoutRect&&(r.layoutRect=e.layoutRect),r}var ed=["fontStyle","fontWeight","fontSize","fontFamily","textShadowColor","textShadowBlur","textShadowOffsetX","textShadowOffsetY"],nd=["align","lineHeight","width","height","tag","verticalAlign","ellipsis"],id=["padding","borderWidth","borderRadius","borderDashOffset","backgroundColor","borderColor","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"];function rd(t,e,n,i,r,o,a,s,l,u){n=!a&&n||jh;var c=o&&o.inheritColor,h=e.getShallow("color"),d=e.getShallow("textBorderColor"),p=rt(e.getShallow("opacity"),n.opacity);"inherit"!==h&&"auto"!==h||(h=c||null),"inherit"!==d&&"auto"!==d||(d=c||null),s||(h=h||n.color,d=d||n.textBorderColor),null!=h&&(t.fill=h),null!=d&&(t.stroke=d);var f=rt(e.getShallow("textBorderWidth"),n.textBorderWidth);null!=f&&(t.lineWidth=f);var g=rt(e.getShallow("textBorderType"),n.textBorderType);null!=g&&(t.lineDash=g);var y=rt(e.getShallow("textBorderDashOffset"),n.textBorderDashOffset);null!=y&&(t.lineDashOffset=y),a||null!=p||u||(p=o&&o.defaultOpacity),null!=p&&(t.opacity=p),a||s||null==t.fill&&o.inheritColor&&(t.fill=o.inheritColor);for(var v=0;v<ed.length;v++){var m=ed[v];null!=(_=!1!==r&&i?ot(e.getShallow(m),i.getShallow(m),n[m]):rt(e.getShallow(m),n[m]))&&(t[m]=_)}for(v=0;v<nd.length;v++){m=nd[v];null!=(_=e.getShallow(m))&&(t[m]=_)}if(null==t.verticalAlign){var x=e.getShallow("baseline");null!=x&&(t.verticalAlign=x)}if(!l||!o.disableBox){for(v=0;v<id.length;v++){var _;m=id[v];null!=(_=e.getShallow(m))&&(t[m]=_)}var b=e.getShallow("borderType");null!=b&&(t.borderDash=b),"auto"!==t.backgroundColor&&"inherit"!==t.backgroundColor||!c||(t.backgroundColor=c),"auto"!==t.borderColor&&"inherit"!==t.borderColor||!c||(t.borderColor=c)}}function od(t,e){var n=e&&e.getModel("textStyle");return ut([t.fontStyle||n&&n.getShallow("fontStyle")||"",t.fontWeight||n&&n.getShallow("fontWeight")||"",(t.fontSize||n&&n.getShallow("fontSize")||12)+"px",t.fontFamily||n&&n.getShallow("fontFamily")||"sans-serif"].join(" "))}var ad=sa();function sd(t,e,n,i){if(t){var r=ad(t);r.prevValue=r.value,r.value=n;var o=e.normal;r.valueAnimation=o.get("valueAnimation"),r.valueAnimation&&(r.precision=o.get("precision"),r.defaultInterpolatedText=i,r.statesModels=e)}}function ld(t,e,n,i,r){var o=ad(t);if(o.valueAnimation&&o.prevValue!==o.value){var a=o.defaultInterpolatedText,s=rt(o.interpolatedValue,o.prevValue),l=o.value;t.percent=0,(null==o.prevValue?eh:th)(t,{percent:1},i,e,null,(function(i){var u=ya(n,o.precision,s,l,i);o.interpolatedValue=1===i?null:u;var c=Kh({labelDataIndex:e,labelFetcher:r,defaultText:a?a(u):u+""},o.statesModels,u);qh(t,c)}))}}var ud,cd,hd={minMargin:1,textMargin:2},dd=["textStyle","color"],pd=["fontStyle","fontWeight","fontSize","fontFamily","padding","lineHeight","rich","width","height","overflow"],fd=new Sl,gd=function(){function t(){}return t.prototype.getTextColor=function(t){var e=this.ecModel;return this.getShallow("color")||(!t&&e?e.get(dd):null)},t.prototype.getFont=function(){return od({fontStyle:this.getShallow("fontStyle"),fontWeight:this.getShallow("fontWeight"),fontSize:this.getShallow("fontSize"),fontFamily:this.getShallow("fontFamily")},this.ecModel)},t.prototype.getTextRect=function(t){for(var e={text:t,verticalAlign:this.getShallow("verticalAlign")||this.getShallow("baseline")},n=0;n<pd.length;n++)e[pd[n]]=this.getShallow(pd[n]);return fd.useStyle(e),fd.update(),fd.getBoundingRect()},t}(),yd=[["lineWidth","width"],["stroke","color"],["opacity"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["shadowColor"],["lineDash","type"],["lineDashOffset","dashOffset"],["lineCap","cap"],["lineJoin","join"],["miterLimit"]],vd=Da(yd),md=function(){function t(){}return t.prototype.getLineStyle=function(t){return vd(this,t)},t}(),xd=[["fill","color"],["stroke","borderColor"],["lineWidth","borderWidth"],["opacity"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["shadowColor"],["lineDash","borderType"],["lineDashOffset","borderDashOffset"],["lineCap","borderCap"],["lineJoin","borderJoin"],["miterLimit","borderMiterLimit"]],_d=Da(xd),bd=function(){function t(){}return t.prototype.getItemStyle=function(t,e){return _d(this,t,e)},t}(),wd=function(){function t(t,e,n){this.parentModel=e,this.ecModel=n,this.option=t}return t.prototype.init=function(t,e,n){for(var i=[],r=3;r<arguments.length;r++)i[r-3]=arguments[r]},t.prototype.mergeOption=function(t,e){C(this.option,t,!0)},t.prototype.get=function(t,e){return null==t?this.option:this._doGet(this.parsePath(t),!e&&this.parentModel)},t.prototype.getShallow=function(t,e){var n=this.option,i=null==n?n:n[t];if(null==i&&!e){var r=this.parentModel;r&&(i=r.getShallow(t))}return i},t.prototype.getModel=function(e,n){var i=null!=e,r=i?this.parsePath(e):null;return new t(i?this._doGet(r):this.option,n=n||this.parentModel&&this.parentModel.getModel(this.resolveParentPath(r)),this.ecModel)},t.prototype.isEmpty=function(){return null==this.option},t.prototype.restoreData=function(){},t.prototype.clone=function(){return new(0,this.constructor)(T(this.option))},t.prototype.parsePath=function(t){return"string"==typeof t?t.split("."):t},t.prototype.resolveParentPath=function(t){return t},t.prototype.isAnimationEnabled=function(){if(!r.node&&this.option){if(null!=this.option.animation)return!!this.option.animation;if(this.parentModel)return this.parentModel.isAnimationEnabled()}},t.prototype._doGet=function(t,e){var n=this.option;if(!t)return n;for(var i=0;i<t.length&&(!t[i]||null!=(n=n&&"object"==typeof n?n[t[i]]:null));i++);return null==n&&e&&(n=e._doGet(this.resolveParentPath(t),e.parentModel)),n},t}();wa(wd),ud=wd,cd=["__\0is_clz",Ma++].join("_"),ud.prototype[cd]=!0,ud.isInstance=function(t){return!(!t||!t[cd])},R(wd,md),R(wd,bd),R(wd,ka),R(wd,gd);var Sd=Math.round(10*Math.random());function Md(t){return[t||"",Sd++].join("_")}function Id(t,e){return C(C({},t,!0),e,!0)}var Td="ZH",Cd="EN",Dd=Cd,Ad={},kd={},Ld=r.domSupported&&(document.documentElement.lang||navigator.language||navigator.browserLanguage||Dd).toUpperCase().indexOf(Td)>-1?Td:Dd;function Pd(t,e){t=t.toUpperCase(),kd[t]=new wd(e),Ad[t]=e}function Od(t){return kd[t]}Pd(Cd,{time:{month:["January","February","March","April","May","June","July","August","September","October","November","December"],monthAbbr:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],dayOfWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayOfWeekAbbr:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]},legend:{selector:{all:"All",inverse:"Inv"}},toolbox:{brush:{title:{rect:"Box Select",polygon:"Lasso Select",lineX:"Horizontally Select",lineY:"Vertically Select",keep:"Keep Selections",clear:"Clear Selections"}},dataView:{title:"Data View",lang:["Data View","Close","Refresh"]},dataZoom:{title:{zoom:"Zoom",back:"Zoom Reset"}},magicType:{title:{line:"Switch to Line Chart",bar:"Switch to Bar Chart",stack:"Stack",tiled:"Tile"}},restore:{title:"Restore"},saveAsImage:{title:"Save as Image",lang:["Right Click to Save Image"]}},series:{typeNames:{pie:"Pie chart",bar:"Bar chart",line:"Line chart",scatter:"Scatter plot",effectScatter:"Ripple scatter plot",radar:"Radar chart",tree:"Tree",treemap:"Treemap",boxplot:"Boxplot",candlestick:"Candlestick",k:"K line chart",heatmap:"Heat map",map:"Map",parallel:"Parallel coordinate map",lines:"Line graph",graph:"Relationship graph",sankey:"Sankey diagram",funnel:"Funnel chart",gauge:"Gauge",pictorialBar:"Pictorial bar",themeRiver:"Theme River Map",sunburst:"Sunburst",custom:"Custom chart",chart:"Chart"}},aria:{general:{withTitle:'This is a chart about "{title}"',withoutTitle:"This is a chart"},series:{single:{prefix:"",withName:" with type {seriesType} named {seriesName}.",withoutName:" with type {seriesType}."},multiple:{prefix:". It consists of {seriesCount} series count.",withName:" The {seriesId} series is a {seriesType} representing {seriesName}.",withoutName:" The {seriesId} series is a {seriesType}.",separator:{middle:"",end:""}}},data:{allData:"The data is as follows: ",partialData:"The first {displayCnt} items are: ",withName:"the data for {name} is {value}",withoutName:"{value}",separator:{middle:", ",end:". "}}}}),Pd(Td,{time:{month:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],monthAbbr:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],dayOfWeek:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],dayOfWeekAbbr:["日","一","二","三","四","五","六"]},legend:{selector:{all:"全选",inverse:"反选"}},toolbox:{brush:{title:{rect:"矩形选择",polygon:"圈选",lineX:"横向选择",lineY:"纵向选择",keep:"保持选择",clear:"清除选择"}},dataView:{title:"数据视图",lang:["数据视图","关闭","刷新"]},dataZoom:{title:{zoom:"区域缩放",back:"区域缩放还原"}},magicType:{title:{line:"切换为折线图",bar:"切换为柱状图",stack:"切换为堆叠",tiled:"切换为平铺"}},restore:{title:"还原"},saveAsImage:{title:"保存为图片",lang:["右键另存为图片"]}},series:{typeNames:{pie:"饼图",bar:"柱状图",line:"折线图",scatter:"散点图",effectScatter:"涟漪散点图",radar:"雷达图",tree:"树图",treemap:"矩形树图",boxplot:"箱型图",candlestick:"K线图",k:"K线图",heatmap:"热力图",map:"地图",parallel:"平行坐标图",lines:"线图",graph:"关系图",sankey:"桑基图",funnel:"漏斗图",gauge:"仪表盘图",pictorialBar:"象形柱图",themeRiver:"主题河流图",sunburst:"旭日图",custom:"自定义图表",chart:"图表"}},aria:{general:{withTitle:"这是一个关于“{title}”的图表。",withoutTitle:"这是一个图表，"},series:{single:{prefix:"",withName:"图表类型是{seriesType}，表示{seriesName}。",withoutName:"图表类型是{seriesType}。"},multiple:{prefix:"它由{seriesCount}个图表系列组成。",withName:"第{seriesId}个系列是一个表示{seriesName}的{seriesType}，",withoutName:"第{seriesId}个系列是一个{seriesType}，",separator:{middle:"；",end:"。"}}},data:{allData:"其数据是——",partialData:"其中，前{displayCnt}项是——",withName:"{name}的数据是{value}",withoutName:"{value}",separator:{middle:"，",end:""}}}});var Rd=null;function Nd(){return Rd}var zd=1e3,Ed=6e4,Bd=36e5,Vd=864e5,Gd=31536e6,Fd={year:/({yyyy}|{yy})/,month:/({MMMM}|{MMM}|{MM}|{M})/,day:/({dd}|{d})/,hour:/({HH}|{H}|{hh}|{h})/,minute:/({mm}|{m})/,second:/({ss}|{s})/,millisecond:/({SSS}|{S})/},Wd={year:"{yyyy}",month:"{MMM}",day:"{d}",hour:"{HH}:{mm}",minute:"{HH}:{mm}",second:"{HH}:{mm}:{ss}",millisecond:"{HH}:{mm}:{ss} {SSS}"},Hd="{yyyy}-{MM}-{dd}",Ud={year:"{yyyy}",month:"{yyyy}-{MM}",day:Hd,hour:Hd+" "+Wd.hour,minute:Hd+" "+Wd.minute,second:Hd+" "+Wd.second,millisecond:"{yyyy}-{MM}-{dd} {HH}:{mm}:{ss} {SSS}"},Yd=["year","month","day","hour","minute","second","millisecond"],Xd=["year","half-year","quarter","month","week","half-week","day","half-day","quarter-day","hour","minute","second","millisecond"];function Zd(t){return X(t)||Y(t)?t:function(t){t=t||{};var e={},n=!0;return z(Yd,(function(e){n&&(n=null==t[e])})),z(Yd,(function(i,r){var o=t[i];e[i]={};for(var a=null,s=r;s>=0;s--){var l=Yd[s],u=q(o)&&!U(o)?o[l]:o,c=void 0;U(u)?a=(c=u.slice())[0]||"":X(u)?c=[a=u]:(null==a?a=Wd[i]:Fd[l].test(a)||(a=e[l][l][0]+" "+a),c=[a],n&&(c[1]="{primary|"+a+"}")),e[i][l]=c}})),e}(t)}function jd(t,e){return"0000".substr(0,e-(t+="").length)+t}function qd(t){switch(t){case"half-year":case"quarter":return"month";case"week":case"half-week":return"day";case"half-day":case"quarter-day":return"hour";default:return t}}function Kd(t){return t===qd(t)}function $d(t,e,n,i){var r=Ao(t),o=r[tp(n)](),a=r[ep(n)]()+1,s=Math.floor((a-1)/3)+1,l=r[np(n)](),u=r["get"+(n?"UTC":"")+"Day"](),c=r[ip(n)](),h=(c-1)%12+1,d=r[rp(n)](),p=r[op(n)](),f=r[ap(n)](),g=c>=12?"pm":"am",y=g.toUpperCase(),v=(i instanceof wd?i:Od(i||Ld)||kd[Dd]).getModel("time"),m=v.get("month"),x=v.get("monthAbbr"),_=v.get("dayOfWeek"),b=v.get("dayOfWeekAbbr");return(e||"").replace(/{a}/g,g+"").replace(/{A}/g,y+"").replace(/{yyyy}/g,o+"").replace(/{yy}/g,jd(o%100+"",2)).replace(/{Q}/g,s+"").replace(/{MMMM}/g,m[a-1]).replace(/{MMM}/g,x[a-1]).replace(/{MM}/g,jd(a,2)).replace(/{M}/g,a+"").replace(/{dd}/g,jd(l,2)).replace(/{d}/g,l+"").replace(/{eeee}/g,_[u]).replace(/{ee}/g,b[u]).replace(/{e}/g,u+"").replace(/{HH}/g,jd(c,2)).replace(/{H}/g,c+"").replace(/{hh}/g,jd(h+"",2)).replace(/{h}/g,h+"").replace(/{mm}/g,jd(d,2)).replace(/{m}/g,d+"").replace(/{ss}/g,jd(p,2)).replace(/{s}/g,p+"").replace(/{SSS}/g,jd(f,3)).replace(/{S}/g,f+"")}function Jd(t,e){var n=Ao(t),i=n[ep(e)]()+1,r=n[np(e)](),o=n[ip(e)](),a=n[rp(e)](),s=n[op(e)](),l=0===n[ap(e)](),u=l&&0===s,c=u&&0===a,h=c&&0===o,d=h&&1===r;return d&&1===i?"year":d?"month":h?"day":c?"hour":u?"minute":l?"second":"millisecond"}function Qd(t,e,n){switch(e){case"year":t[lp(n)](0);case"month":t[up(n)](1);case"day":t[cp(n)](0);case"hour":t[hp(n)](0);case"minute":t[dp(n)](0);case"second":t[pp(n)](0)}return t}function tp(t){return t?"getUTCFullYear":"getFullYear"}function ep(t){return t?"getUTCMonth":"getMonth"}function np(t){return t?"getUTCDate":"getDate"}function ip(t){return t?"getUTCHours":"getHours"}function rp(t){return t?"getUTCMinutes":"getMinutes"}function op(t){return t?"getUTCSeconds":"getSeconds"}function ap(t){return t?"getUTCMilliseconds":"getMilliseconds"}function sp(t){return t?"setUTCFullYear":"setFullYear"}function lp(t){return t?"setUTCMonth":"setMonth"}function up(t){return t?"setUTCDate":"setDate"}function cp(t){return t?"setUTCHours":"setHours"}function hp(t){return t?"setUTCMinutes":"setMinutes"}function dp(t){return t?"setUTCSeconds":"setSeconds"}function pp(t){return t?"setUTCMilliseconds":"setMilliseconds"}function fp(t){if(!zo(t))return X(t)?t:"-";var e=(t+"").split(".");return e[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g,"$1,")+(e.length>1?"."+e[1]:"")}function gp(t,e){return t=(t||"").toLowerCase().replace(/-(.)/g,(function(t,e){return e.toUpperCase()})),e&&t&&(t=t.charAt(0).toUpperCase()+t.slice(1)),t}var yp=st;function vp(t,e,n){function i(t){return t&&ut(t)?t:"-"}function r(t){return!(null==t||isNaN(t)||!isFinite(t))}var o="time"===e,a=t instanceof Date;if(o||a){var s=o?Ao(t):t;if(!isNaN(+s))return $d(s,"{yyyy}-{MM}-{dd} {HH}:{mm}:{ss}",n);if(a)return"-"}if("ordinal"===e)return Z(t)?i(t):j(t)&&r(t)?t+"":"-";var l=No(t);return r(l)?fp(l):Z(t)?i(t):"boolean"==typeof t?t+"":"-"}var mp=["a","b","c","d","e","f","g"],xp=function(t,e){return"{"+t+(null==e?"":e)+"}"};function _p(t,e,n){U(e)||(e=[e]);var i=e.length;if(!i)return"";for(var r=e[0].$vars||[],o=0;o<r.length;o++){var a=mp[o];t=t.replace(xp(a),xp(a,0))}for(var s=0;s<i;s++)for(var l=0;l<r.length;l++){var u=e[s][r[l]];t=t.replace(xp(mp[l],s),n?oe(u):u)}return t}function bp(t,e){var n=X(t)?{color:t,extraCssText:e}:t||{},i=n.color,r=n.type;e=n.extraCssText;var o=n.renderMode||"html";return i?"html"===o?"subItem"===r?'<span style="display:inline-block;vertical-align:middle;margin-right:8px;margin-left:3px;border-radius:4px;width:4px;height:4px;background-color:'+oe(i)+";"+(e||"")+'"></span>':'<span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:'+oe(i)+";"+(e||"")+'"></span>':{renderMode:o,content:"{"+(n.markerId||"markerX")+"|}  ",style:"subItem"===r?{width:4,height:4,borderRadius:2,backgroundColor:i}:{width:10,height:10,borderRadius:5,backgroundColor:i}}:""}function wp(t,e){return e=e||"transparent",X(t)?t:q(t)&&t.colorStops&&(t.colorStops[0]||{}).color||e}function Sp(t,e){if("_blank"===e||"blank"===e){var n=window.open();n.opener=null,n.location.href=t}else window.open(t,e)}var Mp={},Ip={},Tp=function(){function t(){this._normalMasterList=[],this._nonSeriesBoxMasterList=[]}return t.prototype.create=function(t,e){function n(n,i){var r=[];return z(n,(function(n,i){var o=n.create(t,e);r=r.concat(o||[])})),r}this._nonSeriesBoxMasterList=n(Mp,!0),this._normalMasterList=n(Ip,!1)},t.prototype.update=function(t,e){z(this._normalMasterList,(function(n){n.update&&n.update(t,e)}))},t.prototype.getCoordinateSystems=function(){return this._normalMasterList.concat(this._nonSeriesBoxMasterList)},t.register=function(t,e){"matrix"!==t&&"calendar"!==t?Ip[t]=e:Mp[t]=e},t.get=function(t){return Ip[t]||Mp[t]},t}();var Cp=1,Dp=2;var Ap=yt();var kp=0,Lp=1,Pp=2;function Op(t,e){var n=t.getShallow("coordinateSystem"),i=t.getShallow("coordinateSystemUsage",!0),r=kp;if(n){var o="series"===t.mainType;null==i&&(i=o?"data":"box"),"data"===i?(r=Lp,o||(r=kp)):"box"===i&&(r=Pp,o||function(t){return!!Mp[t]}(n)||(r=kp))}return{coordSysType:n,kind:r}}function Rp(t){var e=t.targetModel,n=t.coordSysType,i=t.coordSysProvider,r=t.isDefaultDataCoordSys;t.allowNotFound;var o=Op(e),a=o.kind,s=o.coordSysType;if(r&&a!==Lp&&(a=Lp,s=n),a===kp||s!==n)return!1;var l=i(n,e);return!!l&&(a===Lp?e.coordinateSystem=l:e.boxCoordinateSystem=l,!0)}var Np=function(t,e){var n=e.getReferringComponents(t,ha).models[0];return n&&n.coordinateSystem},zp=z,Ep=["left","right","top","bottom","width","height"],Bp=[["width","left","right"],["height","top","bottom"]];function Vp(t,e,n,i,r){var o=0,a=0;null==i&&(i=1/0),null==r&&(r=1/0);var s=0;e.eachChild((function(l,u){var c,h,d=l.getBoundingRect(),p=e.childAt(u+1),f=p&&p.getBoundingRect();if("horizontal"===t){var g=d.width+(f?-f.x+d.x:0);(c=o+g)>i||l.newline?(o=0,c=g,a+=s+n,s=d.height):s=Math.max(s,d.height)}else{var y=d.height+(f?-f.y+d.y:0);(h=a+y)>r||l.newline?(o+=s+n,a=0,h=y,s=d.width):s=Math.max(s,d.width)}l.newline||(l.x=o,l.y=a,l.markRedraw(),"horizontal"===t?o=c+n:a=h+n)}))}var Gp=Vp;H(Vp,"vertical"),H(Vp,"horizontal");function Fp(t,e){return{left:t.getShallow("left",e),top:t.getShallow("top",e),right:t.getShallow("right",e),bottom:t.getShallow("bottom",e),width:t.getShallow("width",e),height:t.getShallow("height",e)}}function Wp(t,e){var n=function(t,e){var n,i,r=Xp(t,e,{enableLayoutOnlyByCenter:!0}),o=t.getBoxLayoutParams();if(r.type===Yp.point)i=r.refPoint,n=Hp(o,{width:e.getWidth(),height:e.getHeight()});else{var a=t.get("center"),s=U(a)?a:[a,a];n=Hp(o,r.refContainer),i=r.boxCoordFrom===Dp?r.refPoint:[yo(s[0],n.width)+n.x,yo(s[1],n.height)+n.y]}return{viewRect:n,center:i}}(t,e),i=n.viewRect,r=n.center,o=t.get("radius");U(o)||(o=[0,o]);var a=yo(i.width,e.getWidth()),s=yo(i.height,e.getHeight()),l=Math.min(a,s),u=yo(o[0],l/2),c=yo(o[1],l/2);return{cx:r[0],cy:r[1],r0:u,r:c,viewRect:i}}function Hp(t,e,n){n=yp(n||0);var i=e.width,r=e.height,o=yo(t.left,i),a=yo(t.top,r),s=yo(t.right,i),l=yo(t.bottom,r),u=yo(t.width,i),c=yo(t.height,r),h=n[2]+n[0],d=n[1]+n[3],p=t.aspect;switch(isNaN(u)&&(u=i-s-d-o),isNaN(c)&&(c=r-l-h-a),null!=p&&(isNaN(u)&&isNaN(c)&&(p>i/r?u=.8*i:c=.8*r),isNaN(u)&&(u=p*c),isNaN(c)&&(c=u/p)),isNaN(o)&&(o=i-s-u-d),isNaN(a)&&(a=r-l-c-h),t.left||t.right){case"center":o=i/2-u/2-n[3];break;case"right":o=i-u-d}switch(t.top||t.bottom){case"middle":case"center":a=r/2-c/2-n[0];break;case"bottom":a=r-c-h}o=o||0,a=a||0,isNaN(u)&&(u=i-d-o-(s||0)),isNaN(c)&&(c=r-h-a-(l||0));var f=new He((e.x||0)+o+n[3],(e.y||0)+a+n[0],u,c);return f.margin=n,f}function Up(t,e,n){var i=t.getShallow("preserveAspect",!0);if(!i)return e;var r=e.width/e.height;if(Math.abs(Math.atan(n)-Math.atan(r))<1e-9)return e;var o=t.getShallow("preserveAspectAlign",!0),a=t.getShallow("preserveAspectVerticalAlign",!0),s={width:e.width,height:e.height},l="cover"===i;return r>n&&!l||r<n&&l?(s.width=e.height*n,"left"===o?s.left=0:"right"===o?s.right=0:s.left="center"):(s.height=e.width/n,"top"===a?s.top=0:"bottom"===a?s.bottom=0:s.top="middle"),Hp(s,e)}var Yp={rect:1,point:2};function Xp(t,e,n){var i,r,o,a,s=t.boxCoordinateSystem;if(s){var l=function(t){var e=t.getShallow("coord",!0),n=Cp;if(null==e){var i=Ap.get(t.type);i&&i.getCoord2&&(n=Dp,e=i.getCoord2(t))}return{coord:e,from:n}}(t),u=l.coord,c=l.from;if(s.dataToLayout){o=Yp.rect,a=c;var h=s.dataToLayout(u);i=h.contentRect||h.rect}else n&&n.enableLayoutOnlyByCenter&&s.dataToPoint&&(o=Yp.point,a=c,r=s.dataToPoint(u))}return null==o&&(o=Yp.rect),o===Yp.rect&&(i||(i={x:0,y:0,width:e.getWidth(),height:e.getHeight()}),r=[i.x+i.width/2,i.y+i.height/2]),{type:o,refContainer:i,refPoint:r,boxCoordFrom:a}}function Zp(t,e,n,i,r,o){var a,s=!r||!r.hv||r.hv[0],l=!r||!r.hv||r.hv[1],u=r&&r.boundingMode||"all";if((o=o||t).x=t.x,o.y=t.y,!s&&!l)return!1;if("raw"===u)a="group"===t.type?new He(0,0,+e.width||0,+e.height||0):t.getBoundingRect();else if(a=t.getBoundingRect(),t.needLocalTransform()){var c=t.getLocalTransform();(a=a.clone()).applyTransform(c)}var h=Hp(k({width:a.width,height:a.height},e),n,i),d=s?h.x-a.x:0,p=l?h.y-a.y:0;return"raw"===u?(o.x=d,o.y=p):(o.x+=d,o.y+=p),o===t&&t.markRedraw(),!0}function jp(t){var e=t.layoutMode||t.constructor.layoutMode;return q(e)?e:e?{type:e}:null}function qp(t,e,n){var i=n&&n.ignoreSize;!U(i)&&(i=[i,i]);var r=a(Bp[0],0),o=a(Bp[1],1);function a(n,r){var o={},a=0,l={},u=0;if(zp(n,(function(e){l[e]=t[e]})),zp(n,(function(t){_t(e,t)&&(o[t]=l[t]=e[t]),s(o,t)&&a++,s(l,t)&&u++})),i[r])return s(e,n[1])?l[n[2]]=null:s(e,n[2])&&(l[n[1]]=null),l;if(2!==u&&a){if(a>=2)return o;for(var c=0;c<n.length;c++){var h=n[c];if(!_t(o,h)&&_t(t,h)){o[h]=t[h];break}}return o}return l}function s(t,e){return null!=t[e]&&"auto"!==t[e]}function l(t,e,n){zp(t,(function(t){e[t]=n[t]}))}l(Bp[0],t,r),l(Bp[1],t,o)}function Kp(t){return $p({},t)}function $p(t,e){return e&&t&&zp(Ep,(function(n){_t(e,n)&&(t[n]=e[n])})),t}var Jp=sa(),Qp=function(t){function e(e,n,i){var r=t.call(this,e,n,i)||this;return r.uid=Md("ec_cpt_model"),r}var i;return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n)},e.prototype.mergeDefaultAndTheme=function(t,e){var n=jp(this),i=n?Kp(t):{};C(t,e.getTheme().get(this.mainType)),C(t,this.getDefaultOption()),n&&qp(t,i,n)},e.prototype.mergeOption=function(t,e){C(this.option,t,!0);var n=jp(this);n&&qp(this.option,t,n)},e.prototype.optionUpdated=function(t,e){},e.prototype.getDefaultOption=function(){var t=this.constructor;if(!function(t){return!(!t||!t[_a])}(t))return t.defaultOption;var e=Jp(this);if(!e.defaultOption){for(var n=[],i=t;i;){var r=i.prototype.defaultOption;r&&n.push(r),i=i.superClass}for(var o={},a=n.length-1;a>=0;a--)o=C(o,n[a],!0);e.defaultOption=o}return e.defaultOption},e.prototype.getReferringComponents=function(t,e){var n=t+"Index",i=t+"Id";return pa(this.ecModel,t,{index:this.get(n,!0),id:this.get(i,!0)},e)},e.prototype.getBoxLayoutParams=function(){return Fp(this,!1)},e.prototype.getZLevelKey=function(){return""},e.prototype.setZLevel=function(t){this.option.zlevel=t},e.protoInitialize=((i=e.prototype).type="component",i.id="",i.name="",i.mainType="",i.subType="",void(i.componentIndex=0)),e}(wd);Sa(Qp,wd),Ca(Qp),function(t){var e={};t.registerSubTypeDefaulter=function(t,n){var i=ba(t);e[i.main]=n},t.determineSubType=function(n,i){var r=i.type;if(!r){var o=ba(n).main;t.hasSubTypes(n)&&e[o]&&(r=e[o](i))}return r}}(Qp),function(t,e){function n(t,e){return t[e]||(t[e]={predecessor:[],successor:[]}),t[e]}t.topologicalTravel=function(t,i,r,o){if(t.length){var a=function(t){var i={},r=[];return z(t,(function(o){var a=n(i,o),s=function(t,e){var n=[];return z(t,(function(t){P(e,t)>=0&&n.push(t)})),n}(a.originalDeps=e(o),t);a.entryCount=s.length,0===a.entryCount&&r.push(o),z(s,(function(t){P(a.predecessor,t)<0&&a.predecessor.push(t);var e=n(i,t);P(e.successor,t)<0&&e.successor.push(o)}))})),{graph:i,noEntryList:r}}(i),s=a.graph,l=a.noEntryList,u={};for(z(t,(function(t){u[t]=!0}));l.length;){var c=l.pop(),h=s[c],d=!!u[c];d&&(r.call(o,c,h.originalDeps.slice()),delete u[c]),z(h.successor,d?f:p)}z(u,(function(){var t="";throw new Error(t)}))}function p(t){s[t].entryCount--,0===s[t].entryCount&&l.push(t)}function f(t){u[t]=!0,p(t)}}}(Qp,(function(t){var e=[];z(Qp.getClassesByMainType(t),(function(t){e=e.concat(t.dependencies||t.prototype.dependencies||[])})),e=E(e,(function(t){return ba(t).main})),"dataset"!==t&&P(e,"dataset")<=0&&e.unshift("dataset");return e}));var tf={color:{},darkColor:{},size:{}},ef=tf.color={theme:["#5070dd","#b6d634","#505372","#ff994d","#0ca8df","#ffd10a","#fb628b","#785db0","#3fbe95"],neutral00:"#fff",neutral05:"#f4f7fd",neutral10:"#e8ebf0",neutral15:"#dbdee4",neutral20:"#cfd2d7",neutral25:"#c3c5cb",neutral30:"#b7b9be",neutral35:"#aaacb2",neutral40:"#9ea0a5",neutral45:"#929399",neutral50:"#86878c",neutral55:"#797b7f",neutral60:"#6d6e73",neutral65:"#616266",neutral70:"#54555a",neutral75:"#48494d",neutral80:"#3c3c41",neutral85:"#303034",neutral90:"#232328",neutral95:"#17171b",neutral99:"#000",accent05:"#eff1f9",accent10:"#e0e4f2",accent15:"#d0d6ec",accent20:"#c0c9e6",accent25:"#b1bbdf",accent30:"#a1aed9",accent35:"#91a0d3",accent40:"#8292cc",accent45:"#7285c6",accent50:"#6578ba",accent55:"#5c6da9",accent60:"#536298",accent65:"#4a5787",accent70:"#404c76",accent75:"#374165",accent80:"#2e3654",accent85:"#252b43",accent90:"#1b2032",accent95:"#121521",transparent:"rgba(0,0,0,0)",highlight:"rgba(255,231,130,0.8)"};for(var nf in A(ef,{primary:ef.neutral80,secondary:ef.neutral70,tertiary:ef.neutral60,quaternary:ef.neutral50,disabled:ef.neutral20,border:ef.neutral30,borderTint:ef.neutral20,borderShade:ef.neutral40,background:ef.neutral05,backgroundTint:"rgba(234,237,245,0.5)",backgroundTransparent:"rgba(255,255,255,0)",backgroundShade:ef.neutral10,shadow:"rgba(0,0,0,0.2)",shadowTint:"rgba(129,130,136,0.2)",axisLine:ef.neutral70,axisLineTint:ef.neutral40,axisTick:ef.neutral70,axisTickMinor:ef.neutral60,axisLabel:ef.neutral70,axisSplitLine:ef.neutral15,axisMinorSplitLine:ef.neutral05}),ef)if(ef.hasOwnProperty(nf)){var rf=ef[nf];"theme"===nf?tf.darkColor.theme=ef.theme.slice():"highlight"===nf?tf.darkColor.highlight="rgba(255,231,130,0.4)":0===nf.indexOf("accent")?tf.darkColor[nf]=di(rf,null,(function(t){return.5*t}),(function(t){return Math.min(1,1.3-t)})):tf.darkColor[nf]=di(rf,null,(function(t){return.9*t}),(function(t){return 1-Math.pow(t,1.5)}))}tf.size={xxs:2,xs:5,s:10,m:15,l:20,xl:30,xxl:40,xxxl:50};var of="";"undefined"!=typeof navigator&&(of=navigator.platform||"");var af="rgba(0, 0, 0, 0.2)",sf=tf.color.theme[0],lf=di(sf,null,null,.9),uf={darkMode:"auto",colorBy:"series",color:tf.color.theme,gradientColor:[lf,sf],aria:{decal:{decals:[{color:af,dashArrayX:[1,0],dashArrayY:[2,5],symbolSize:1,rotation:Math.PI/6},{color:af,symbol:"circle",dashArrayX:[[8,8],[0,8,8,0]],dashArrayY:[6,0],symbolSize:.8},{color:af,dashArrayX:[1,0],dashArrayY:[4,3],rotation:-Math.PI/4},{color:af,dashArrayX:[[6,6],[0,6,6,0]],dashArrayY:[6,0]},{color:af,dashArrayX:[[1,0],[1,6]],dashArrayY:[1,0,6,0],rotation:Math.PI/4},{color:af,symbol:"triangle",dashArrayX:[[9,9],[0,9,9,0]],dashArrayY:[7,2],symbolSize:.75}]}},textStyle:{fontFamily:of.match(/^Win/)?"Microsoft YaHei":"sans-serif",fontSize:12,fontStyle:"normal",fontWeight:"normal"},blendMode:null,stateAnimation:{duration:300,easing:"cubicOut"},animation:"auto",animationDuration:1e3,animationDurationUpdate:500,animationEasing:"cubicInOut",animationEasingUpdate:"cubicInOut",animationThreshold:2e3,progressiveThreshold:3e3,progressive:400,hoverLayerThreshold:3e3,useUTC:!1},cf=yt(["tooltip","label","itemName","itemId","itemGroupId","itemChildGroupId","seriesName"]),hf="original",df="arrayRows",pf="objectRows",ff="keyedColumns",gf="typedArray",yf="unknown",vf="column",mf="row",xf=1,_f=2,bf=3,wf=sa();function Sf(t,e,n){var i={},r=If(e);if(!r||!t)return i;var o,a,s=[],l=[],u=e.ecModel,c=wf(u).datasetMap,h=r.uid+"_"+n.seriesLayoutBy;z(t=t.slice(),(function(e,n){var r=q(e)?e:t[n]={name:e};"ordinal"===r.type&&null==o&&(o=n,a=f(r)),i[r.name]=[]}));var d=c.get(h)||c.set(h,{categoryWayDim:a,valueWayDim:0});function p(t,e,n){for(var i=0;i<n;i++)t.push(e+i)}function f(t){var e=t.dimsDef;return e?e.length:1}return z(t,(function(t,e){var n=t.name,r=f(t);if(null==o){var a=d.valueWayDim;p(i[n],a,r),p(l,a,r),d.valueWayDim+=r}else if(o===e)p(i[n],0,r),p(s,0,r);else{a=d.categoryWayDim;p(i[n],a,r),p(l,a,r),d.categoryWayDim+=r}})),s.length&&(i.itemName=s),l.length&&(i.seriesName=l),i}function Mf(t,e,n){var i={};if(!If(t))return i;var r,o=e.sourceFormat,a=e.dimensionsDefine;o!==pf&&o!==ff||z(a,(function(t,e){"name"===(q(t)?t.name:t)&&(r=e)}));var s=function(){for(var t={},i={},s=[],l=0,u=Math.min(5,n);l<u;l++){var c=Cf(e.data,o,e.seriesLayoutBy,a,e.startIndex,l);s.push(c);var h=c===bf;if(h&&null==t.v&&l!==r&&(t.v=l),(null==t.n||t.n===t.v||!h&&s[t.n]===bf)&&(t.n=l),d(t)&&s[t.n]!==bf)return t;h||(c===_f&&null==i.v&&l!==r&&(i.v=l),null!=i.n&&i.n!==i.v||(i.n=l))}function d(t){return null!=t.v&&null!=t.n}return d(t)?t:d(i)?i:null}();if(s){i.value=[s.v];var l=null!=r?r:s.n;i.itemName=[l],i.seriesName=[l]}return i}function If(t){if(!t.get("data",!0))return pa(t.ecModel,"dataset",{index:t.get("datasetIndex",!0),id:t.get("datasetId",!0)},ha).models[0]}function Tf(t,e){return Cf(t.data,t.sourceFormat,t.seriesLayoutBy,t.dimensionsDefine,t.startIndex,e)}function Cf(t,e,n,i,r,o){var a,s,l;if($(t))return bf;if(i){var u=i[o];q(u)?(s=u.name,l=u.type):X(u)&&(s=u)}if(null!=l)return"ordinal"===l?xf:bf;if(e===df){var c=t;if(n===mf){for(var h=c[o],d=0;d<(h||[]).length&&d<5;d++)if(null!=(a=m(h[r+d])))return a}else for(d=0;d<c.length&&d<5;d++){var p=c[r+d];if(p&&null!=(a=m(p[o])))return a}}else if(e===pf){var f=t;if(!s)return bf;for(d=0;d<f.length&&d<5;d++){if((y=f[d])&&null!=(a=m(y[s])))return a}}else if(e===ff){if(!s)return bf;if(!(h=t[s])||$(h))return bf;for(d=0;d<h.length&&d<5;d++)if(null!=(a=m(h[d])))return a}else if(e===hf){var g=t;for(d=0;d<g.length&&d<5;d++){var y,v=Jo(y=g[d]);if(!U(v))return bf;if(null!=(a=m(v[o])))return a}}function m(t){var e=X(t);return null!=t&&Number.isFinite(Number(t))&&""!==t?e?_f:bf:e&&"-"!==t?xf:void 0}return bf}var Df=yt();var Af,kf,Lf,Pf=sa(),Of=sa(),Rf=function(){function t(){}return t.prototype.getColorFromPalette=function(t,e,n){var i=qo(this.get("color",!0)),r=this.get("colorLayer",!0);return zf(this,Pf,i,r,t,e,n)},t.prototype.clearColorPalette=function(){!function(t,e){e(t).paletteIdx=0,e(t).paletteNameMap={}}(this,Pf)},t}();function Nf(t,e,n,i){var r=qo(t.get(["aria","decal","decals"]));return zf(t,Of,r,null,e,n,i)}function zf(t,e,n,i,r,o,a){var s=e(o=o||t),l=s.paletteIdx||0,u=s.paletteNameMap=s.paletteNameMap||{};if(u.hasOwnProperty(r))return u[r];var c=null!=a&&i?function(t,e){for(var n=t.length,i=0;i<n;i++)if(t[i].length>e)return t[i];return t[n-1]}(i,a):n;if((c=c||n)&&c.length){var h=c[l];return r&&(u[r]=h),s.paletteIdx=(l+1)%c.length,h}}var Ef="\0_ec_inner";var Bf=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.init=function(t,e,n,i,r,o){i=i||{},this.option=null,this._theme=new wd(i),this._locale=new wd(r),this._optionManager=o},e.prototype.setOption=function(t,e,n){var i=Ff(e);this._optionManager.setOption(t,n,i),this._resetOption(null,i)},e.prototype.resetOption=function(t,e){return this._resetOption(t,Ff(e))},e.prototype._resetOption=function(t,e){var n=!1,i=this._optionManager;if(!t||"recreate"===t){var r=i.mountOption("recreate"===t);0,this.option&&"recreate"!==t?(this.restoreData(),this._mergeOption(r,e)):Lf(this,r),n=!0}if("timeline"!==t&&"media"!==t||this.restoreData(),!t||"recreate"===t||"timeline"===t){var o=i.getTimelineOption(this);o&&(n=!0,this._mergeOption(o,e))}if(!t||"recreate"===t||"media"===t){var a=i.getMediaOption(this);a.length&&z(a,(function(t){n=!0,this._mergeOption(t,e)}),this)}return n},e.prototype.mergeOption=function(t){this._mergeOption(t,null)},e.prototype._mergeOption=function(t,e){var n=this.option,i=this._componentsMap,r=this._componentsCount,o=[],a=yt(),s=e&&e.replaceMergeMainTypeMap;wf(this).datasetMap=yt(),z(t,(function(t,e){null!=t&&(Qp.hasClass(e)?e&&(o.push(e),a.set(e,!0)):n[e]=null==n[e]?T(t):C(n[e],t,!0))})),s&&s.each((function(t,e){Qp.hasClass(e)&&!a.get(e)&&(o.push(e),a.set(e,!0))})),Qp.topologicalTravel(o,Qp.getAllClassMainTypes(),(function(e){var o=function(t,e,n){var i=Df.get(e);if(!i)return n;var r=i(t);return r?n.concat(r):n}(this,e,qo(t[e])),a=i.get(e),l=a?s&&s.get(e)?"replaceMerge":"normalMerge":"replaceAll",u=ta(a,o,l);(function(t,e,n){z(t,(function(t){var i=t.newOption;q(i)&&(t.keyInfo.mainType=e,t.keyInfo.subType=function(t,e,n,i){return e.type?e.type:n?n.subType:i.determineSubType(t,e)}(e,i,t.existing,n))}))})(u,e,Qp),n[e]=null,i.set(e,null),r.set(e,0);var c,h=[],d=[],p=0;z(u,(function(t,n){var i=t.existing,r=t.newOption;if(r){var o="series"===e,a=Qp.getClass(e,t.keyInfo.subType,!o);if(!a)return;if("tooltip"===e){if(c)return void 0;c=!0}if(i&&i.constructor===a)i.name=t.keyInfo.name,i.mergeOption(r,this),i.optionUpdated(r,!1);else{var s=A({componentIndex:n},t.keyInfo);A(i=new a(r,this,this,s),s),t.brandNew&&(i.__requireNewView=!0),i.init(r,this,this),i.optionUpdated(null,!0)}}else i&&(i.mergeOption({},this),i.optionUpdated({},!1));i?(h.push(i.option),d.push(i),p++):(h.push(void 0),d.push(void 0))}),this),n[e]=h,i.set(e,d),r.set(e,p),"series"===e&&Af(this)}),this),this._seriesIndices||Af(this)},e.prototype.getOption=function(){var t=T(this.option);return z(t,(function(e,n){if(Qp.hasClass(n)){for(var i=qo(e),r=i.length,o=!1,a=r-1;a>=0;a--)i[a]&&!oa(i[a])?o=!0:(i[a]=null,!o&&r--);i.length=r,t[n]=i}})),delete t[Ef],t},e.prototype.setTheme=function(t){this._theme=new wd(t),this._resetOption("recreate",null)},e.prototype.getTheme=function(){return this._theme},e.prototype.getLocaleModel=function(){return this._locale},e.prototype.setUpdatePayload=function(t){this._payload=t},e.prototype.getUpdatePayload=function(){return this._payload},e.prototype.getComponent=function(t,e){var n=this._componentsMap.get(t);if(n){var i=n[e||0];if(i)return i;if(null==e)for(var r=0;r<n.length;r++)if(n[r])return n[r]}},e.prototype.queryComponents=function(t){var e=t.mainType;if(!e)return[];var n,i=t.index,r=t.id,o=t.name,a=this._componentsMap.get(e);return a&&a.length?(null!=i?(n=[],z(qo(i),(function(t){a[t]&&n.push(a[t])}))):n=null!=r?Vf("id",r,a):null!=o?Vf("name",o,a):V(a,(function(t){return!!t})),Gf(n,t)):[]},e.prototype.findComponents=function(t){var e,n,i,r,o,a=t.query,s=t.mainType,l=(n=s+"Index",i=s+"Id",r=s+"Name",!(e=a)||null==e[n]&&null==e[i]&&null==e[r]?null:{mainType:s,index:e[n],id:e[i],name:e[r]}),u=l?this.queryComponents(l):V(this._componentsMap.get(s),(function(t){return!!t}));return o=Gf(u,t),t.filter?V(o,t.filter):o},e.prototype.eachComponent=function(t,e,n){var i=this._componentsMap;if(Y(t)){var r=e,o=t;i.each((function(t,e){for(var n=0;t&&n<t.length;n++){var i=t[n];i&&o.call(r,e,i,i.componentIndex)}}))}else for(var a=X(t)?i.get(t):q(t)?this.findComponents(t):null,s=0;a&&s<a.length;s++){var l=a[s];l&&e.call(n,l,l.componentIndex)}},e.prototype.getSeriesByName=function(t){var e=ia(t,null);return V(this._componentsMap.get("series"),(function(t){return!!t&&null!=e&&t.name===e}))},e.prototype.getSeriesByIndex=function(t){return this._componentsMap.get("series")[t]},e.prototype.getSeriesByType=function(t){return V(this._componentsMap.get("series"),(function(e){return!!e&&e.subType===t}))},e.prototype.getSeries=function(){return V(this._componentsMap.get("series"),(function(t){return!!t}))},e.prototype.getSeriesCount=function(){return this._componentsCount.get("series")},e.prototype.eachSeries=function(t,e){kf(this),z(this._seriesIndices,(function(n){var i=this._componentsMap.get("series")[n];t.call(e,i,n)}),this)},e.prototype.eachRawSeries=function(t,e){z(this._componentsMap.get("series"),(function(n){n&&t.call(e,n,n.componentIndex)}))},e.prototype.eachSeriesByType=function(t,e,n){kf(this),z(this._seriesIndices,(function(i){var r=this._componentsMap.get("series")[i];r.subType===t&&e.call(n,r,i)}),this)},e.prototype.eachRawSeriesByType=function(t,e,n){return z(this.getSeriesByType(t),e,n)},e.prototype.isSeriesFiltered=function(t){return kf(this),null==this._seriesIndicesMap.get(t.componentIndex)},e.prototype.getCurrentSeriesIndices=function(){return(this._seriesIndices||[]).slice()},e.prototype.filterSeries=function(t,e){kf(this);var n=[];z(this._seriesIndices,(function(i){var r=this._componentsMap.get("series")[i];t.call(e,r,i)&&n.push(i)}),this),this._seriesIndices=n,this._seriesIndicesMap=yt(n)},e.prototype.restoreData=function(t){Af(this);var e=this._componentsMap,n=[];e.each((function(t,e){Qp.hasClass(e)&&n.push(e)})),Qp.topologicalTravel(n,Qp.getAllClassMainTypes(),(function(n){z(e.get(n),(function(e){!e||"series"===n&&function(t,e){if(e){var n=e.seriesIndex,i=e.seriesId,r=e.seriesName;return null!=n&&t.componentIndex!==n||null!=i&&t.id!==i||null!=r&&t.name!==r}}(e,t)||e.restoreData()}))}))},e.internalField=(Af=function(t){var e=t._seriesIndices=[];z(t._componentsMap.get("series"),(function(t){t&&e.push(t.componentIndex)})),t._seriesIndicesMap=yt(e)},kf=function(t){},void(Lf=function(t,e){t.option={},t.option[Ef]=1,t._componentsMap=yt({series:[]}),t._componentsCount=yt();var n=e.aria;q(n)&&null==n.enabled&&(n.enabled=!0),function(t,e){var n=t.color&&!t.colorLayer;z(e,(function(e,i){"colorLayer"===i&&n||"color"===i&&t.color||Qp.hasClass(i)||("object"==typeof e?t[i]=t[i]?C(t[i],e,!1):T(e):null==t[i]&&(t[i]=e))}))}(e,t._theme.option),C(e,uf,!1),t._mergeOption(e,null)})),e}(wd);function Vf(t,e,n){if(U(e)){var i=yt();return z(e,(function(t){null!=t&&(null!=ia(t,null)&&i.set(t,!0))})),V(n,(function(e){return e&&i.get(e[t])}))}var r=ia(e,null);return V(n,(function(e){return e&&null!=r&&e[t]===r}))}function Gf(t,e){return e.hasOwnProperty("subType")?V(t,(function(t){return t&&t.subType===e.subType})):t}function Ff(t){var e=yt();return t&&z(qo(t.replaceMerge),(function(t){e.set(t,!0)})),{replaceMergeMainTypeMap:e}}R(Bf,Rf);var Wf=["getDom","getZr","getWidth","getHeight","getDevicePixelRatio","dispatchAction","isSSR","isDisposed","on","off","getDataURL","getConnectedDataURL","getOption","getId","updateLabelLayout"],Hf=function(t){z(Wf,(function(e){this[e]=W(t[e],t)}),this)},Uf=/^(min|max)?(.+)$/,Yf=function(){function t(t){this._timelineOptions=[],this._mediaList=[],this._currentMediaIndices=[],this._api=t}return t.prototype.setOption=function(t,e,n){t&&(z(qo(t.series),(function(t){t&&t.data&&$(t.data)&&ht(t.data)})),z(qo(t.dataset),(function(t){t&&t.source&&$(t.source)&&ht(t.source)}))),t=T(t);var i=this._optionBackup,r=function(t,e,n){var i,r,o=[],a=t.baseOption,s=t.timeline,l=t.options,u=t.media,c=!!t.media,h=!!(l||s||a&&a.timeline);a?(r=a).timeline||(r.timeline=s):((h||c)&&(t.options=t.media=null),r=t);c&&U(u)&&z(u,(function(t){t&&t.option&&(t.query?o.push(t):i||(i=t))}));function d(t){z(e,(function(e){e(t,n)}))}return d(r),z(l,(function(t){return d(t)})),z(o,(function(t){return d(t.option)})),{baseOption:r,timelineOptions:l||[],mediaDefault:i,mediaList:o}}(t,e,!i);this._newBaseOption=r.baseOption,i?(r.timelineOptions.length&&(i.timelineOptions=r.timelineOptions),r.mediaList.length&&(i.mediaList=r.mediaList),r.mediaDefault&&(i.mediaDefault=r.mediaDefault)):this._optionBackup=r},t.prototype.mountOption=function(t){var e=this._optionBackup;return this._timelineOptions=e.timelineOptions,this._mediaList=e.mediaList,this._mediaDefault=e.mediaDefault,this._currentMediaIndices=[],T(t?e.baseOption:this._newBaseOption)},t.prototype.getTimelineOption=function(t){var e,n=this._timelineOptions;if(n.length){var i=t.getComponent("timeline");i&&(e=T(n[i.getCurrentIndex()]))}return e},t.prototype.getMediaOption=function(t){var e,n,i=this._api.getWidth(),r=this._api.getHeight(),o=this._mediaList,a=this._mediaDefault,s=[],l=[];if(!o.length&&!a)return l;for(var u=0,c=o.length;u<c;u++)Xf(o[u].query,i,r)&&s.push(u);return!s.length&&a&&(s=[-1]),s.length&&(e=s,n=this._currentMediaIndices,e.join(",")!==n.join(","))&&(l=E(s,(function(t){return T(-1===t?a.option:o[t].option)}))),this._currentMediaIndices=s,l},t}();function Xf(t,e,n){var i={width:e,height:n,aspectratio:e/n},r=!0;return z(t,(function(t,e){var n=e.match(Uf);if(n&&n[1]&&n[2]){var o=n[1],a=n[2].toLowerCase();(function(t,e,n){return"min"===n?t>=e:"max"===n?t<=e:t===e})(i[a],t,o)||(r=!1)}})),r}var Zf=z,jf=q,qf=["areaStyle","lineStyle","nodeStyle","linkStyle","chordStyle","label","labelLine"];function Kf(t){var e=t&&t.itemStyle;if(e)for(var n=0,i=qf.length;n<i;n++){var r=qf[n],o=e.normal,a=e.emphasis;o&&o[r]&&(t[r]=t[r]||{},t[r].normal?C(t[r].normal,o[r]):t[r].normal=o[r],o[r]=null),a&&a[r]&&(t[r]=t[r]||{},t[r].emphasis?C(t[r].emphasis,a[r]):t[r].emphasis=a[r],a[r]=null)}}function $f(t,e,n){if(t&&t[e]&&(t[e].normal||t[e].emphasis)){var i=t[e].normal,r=t[e].emphasis;i&&(n?(t[e].normal=t[e].emphasis=null,k(t[e],i)):t[e]=i),r&&(t.emphasis=t.emphasis||{},t.emphasis[e]=r,r.focus&&(t.emphasis.focus=r.focus),r.blurScope&&(t.emphasis.blurScope=r.blurScope))}}function Jf(t){$f(t,"itemStyle"),$f(t,"lineStyle"),$f(t,"areaStyle"),$f(t,"label"),$f(t,"labelLine"),$f(t,"upperLabel"),$f(t,"edgeLabel")}function Qf(t,e){var n=jf(t)&&t[e],i=jf(n)&&n.textStyle;if(i){0;for(var r=0,o=$o.length;r<o;r++){var a=$o[r];i.hasOwnProperty(a)&&(n[a]=i[a])}}}function tg(t){t&&(Jf(t),Qf(t,"label"),t.emphasis&&Qf(t.emphasis,"label"))}function eg(t){return U(t)?t:t?[t]:[]}function ng(t){return(U(t)?t[0]:t)||{}}function ig(t,e){Zf(eg(t.series),(function(t){jf(t)&&function(t){if(jf(t)){Kf(t),Jf(t),Qf(t,"label"),Qf(t,"upperLabel"),Qf(t,"edgeLabel"),t.emphasis&&(Qf(t.emphasis,"label"),Qf(t.emphasis,"upperLabel"),Qf(t.emphasis,"edgeLabel"));var e=t.markPoint;e&&(Kf(e),tg(e));var n=t.markLine;n&&(Kf(n),tg(n));var i=t.markArea;i&&tg(i);var r=t.data;if("graph"===t.type){r=r||t.nodes;var o=t.links||t.edges;if(o&&!$(o))for(var a=0;a<o.length;a++)tg(o[a]);z(t.categories,(function(t){Jf(t)}))}if(r&&!$(r))for(a=0;a<r.length;a++)tg(r[a]);if((e=t.markPoint)&&e.data){var s=e.data;for(a=0;a<s.length;a++)tg(s[a])}if((n=t.markLine)&&n.data){var l=n.data;for(a=0;a<l.length;a++)U(l[a])?(tg(l[a][0]),tg(l[a][1])):tg(l[a])}"gauge"===t.type?(Qf(t,"axisLabel"),Qf(t,"title"),Qf(t,"detail")):"treemap"===t.type?($f(t.breadcrumb,"itemStyle"),z(t.levels,(function(t){Jf(t)}))):"tree"===t.type&&Jf(t.leaves)}}(t)}));var n=["xAxis","yAxis","radiusAxis","angleAxis","singleAxis","parallelAxis","radar"];e&&n.push("valueAxis","categoryAxis","logAxis","timeAxis"),Zf(n,(function(e){Zf(eg(t[e]),(function(t){t&&(Qf(t,"axisLabel"),Qf(t.axisPointer,"label"))}))})),Zf(eg(t.parallel),(function(t){var e=t&&t.parallelAxisDefault;Qf(e,"axisLabel"),Qf(e&&e.axisPointer,"label")})),Zf(eg(t.calendar),(function(t){$f(t,"itemStyle"),Qf(t,"dayLabel"),Qf(t,"monthLabel"),Qf(t,"yearLabel")})),Zf(eg(t.radar),(function(t){Qf(t,"name"),t.name&&null==t.axisName&&(t.axisName=t.name,delete t.name),null!=t.nameGap&&null==t.axisNameGap&&(t.axisNameGap=t.nameGap,delete t.nameGap)})),Zf(eg(t.geo),(function(t){jf(t)&&(tg(t),Zf(eg(t.regions),(function(t){tg(t)})))})),Zf(eg(t.timeline),(function(t){tg(t),$f(t,"label"),$f(t,"itemStyle"),$f(t,"controlStyle",!0);var e=t.data;U(e)&&z(e,(function(t){q(t)&&($f(t,"label"),$f(t,"itemStyle"))}))})),Zf(eg(t.toolbox),(function(t){$f(t,"iconStyle"),Zf(t.feature,(function(t){$f(t,"iconStyle")}))})),Qf(ng(t.axisPointer),"label"),Qf(ng(t.tooltip).axisPointer,"label")}function rg(t){t&&z(og,(function(e){e[0]in t&&!(e[1]in t)&&(t[e[1]]=t[e[0]])}))}var og=[["x","left"],["y","top"],["x2","right"],["y2","bottom"]],ag=["grid","geo","parallel","legend","toolbox","title","visualMap","dataZoom","timeline"],sg=[["borderRadius","barBorderRadius"],["borderColor","barBorderColor"],["borderWidth","barBorderWidth"]];function lg(t){var e=t&&t.itemStyle;if(e)for(var n=0;n<sg.length;n++){var i=sg[n][1],r=sg[n][0];null!=e[i]&&(e[r]=e[i])}}function ug(t){t&&"edge"===t.alignTo&&null!=t.margin&&null==t.edgeDistance&&(t.edgeDistance=t.margin)}function cg(t){t&&t.downplay&&!t.blur&&(t.blur=t.downplay)}function hg(t,e){if(t)for(var n=0;n<t.length;n++)e(t[n]),t[n]&&hg(t[n].children,e)}function dg(t,e){ig(t,e),t.series=qo(t.series),z(t.series,(function(t){if(q(t)){var e=t.type;if("line"===e)null!=t.clipOverflow&&(t.clip=t.clipOverflow);else if("pie"===e||"gauge"===e){if(null!=t.clockWise&&(t.clockwise=t.clockWise),ug(t.label),(r=t.data)&&!$(r))for(var n=0;n<r.length;n++)ug(r[n]);null!=t.hoverOffset&&(t.emphasis=t.emphasis||{},(t.emphasis.scaleSize=null)&&(t.emphasis.scaleSize=t.hoverOffset))}else if("gauge"===e){var i=function(t,e){for(var n=e.split(","),i=t,r=0;r<n.length&&null!=(i=i&&i[n[r]]);r++);return i}(t,"pointer.color");null!=i&&function(t,e,n,i){for(var r,o=e.split(","),a=t,s=0;s<o.length-1;s++)null==a[r=o[s]]&&(a[r]={}),a=a[r];(i||null==a[o[s]])&&(a[o[s]]=n)}(t,"itemStyle.color",i)}else if("bar"===e){var r;if(lg(t),lg(t.backgroundStyle),lg(t.emphasis),(r=t.data)&&!$(r))for(n=0;n<r.length;n++)"object"==typeof r[n]&&(lg(r[n]),lg(r[n]&&r[n].emphasis))}else if("sunburst"===e){var o=t.highlightPolicy;o&&(t.emphasis=t.emphasis||{},t.emphasis.focus||(t.emphasis.focus=o)),cg(t),hg(t.data,cg)}else"graph"===e||"sankey"===e?function(t){t&&null!=t.focusNodeAdjacency&&(t.emphasis=t.emphasis||{},null==t.emphasis.focus&&(t.emphasis.focus="adjacency"))}(t):"map"===e&&(t.mapType&&!t.map&&(t.map=t.mapType),t.mapLocation&&k(t,t.mapLocation));null!=t.hoverAnimation&&(t.emphasis=t.emphasis||{},t.emphasis&&null==t.emphasis.scale&&(t.emphasis.scale=t.hoverAnimation)),rg(t)}})),t.dataRange&&(t.visualMap=t.dataRange),z(ag,(function(e){var n=t[e];n&&(U(n)||(n=[n]),z(n,(function(t){rg(t)})))}))}var pg,fg,gg,yg,vg,mg,xg=function(t){this.data=t.data||(t.sourceFormat===ff?{}:[]),this.sourceFormat=t.sourceFormat||yf,this.seriesLayoutBy=t.seriesLayoutBy||vf,this.startIndex=t.startIndex||0,this.dimensionsDetectedCount=t.dimensionsDetectedCount,this.metaRawOption=t.metaRawOption;var e=this.dimensionsDefine=t.dimensionsDefine;if(e)for(var n=0;n<e.length;n++){var i=e[n];null==i.type&&Tf(this,n)===xf&&(i.type="ordinal")}};function _g(t){return t instanceof xg}function bg(t,e,n){n=n||Sg(t);var i=e.seriesLayoutBy,r=function(t,e,n,i,r){var o,a;if(!t)return{dimensionsDefine:Mg(r),startIndex:a,dimensionsDetectedCount:o};if(e===df){var s=t;"auto"===i||null==i?Ig((function(t){null!=t&&"-"!==t&&(X(t)?null==a&&(a=1):a=0)}),n,s,10):a=j(i)?i:i?1:0,r||1!==a||(r=[],Ig((function(t,e){r[e]=null!=t?t+"":""}),n,s,1/0)),o=r?r.length:n===mf?s.length:s[0]?s[0].length:null}else if(e===pf)r||(r=function(t){var e,n=0;for(;n<t.length&&!(e=t[n++]););if(e)return F(e)}(t));else if(e===ff)r||(r=[],z(t,(function(t,e){r.push(e)})));else if(e===hf){var l=Jo(t[0]);o=U(l)&&l.length||1}return{startIndex:a,dimensionsDefine:Mg(r),dimensionsDetectedCount:o}}(t,n,i,e.sourceHeader,e.dimensions);return new xg({data:t,sourceFormat:n,seriesLayoutBy:i,dimensionsDefine:r.dimensionsDefine,startIndex:r.startIndex,dimensionsDetectedCount:r.dimensionsDetectedCount,metaRawOption:T(e)})}function wg(t){return new xg({data:t,sourceFormat:$(t)?gf:hf})}function Sg(t){var e=yf;if($(t))e=gf;else if(U(t)){0===t.length&&(e=df);for(var n=0,i=t.length;n<i;n++){var r=t[n];if(null!=r){if(U(r)||$(r)){e=df;break}if(q(r)){e=pf;break}}}}else if(q(t))for(var o in t)if(_t(t,o)&&N(t[o])){e=ff;break}return e}function Mg(t){if(t){var e=yt();return E(t,(function(t,n){var i={name:(t=q(t)?t:{name:t}).name,displayName:t.displayName,type:t.type};if(null==i.name)return i;i.name+="",null==i.displayName&&(i.displayName=i.name);var r=e.get(i.name);return r?i.name+="-"+r.count++:e.set(i.name,{count:1}),i}))}}function Ig(t,e,n,i){if(e===mf)for(var r=0;r<n.length&&r<i;r++)t(n[r]?n[r][0]:null,r);else{var o=n[0]||[];for(r=0;r<o.length&&r<i;r++)t(o[r],r)}}function Tg(t){var e=t.sourceFormat;return e===pf||e===ff}var Cg=function(){function t(t,e){var n=_g(t)?t:wg(t);this._source=n;var i=this._data=n.data,r=n.sourceFormat;n.seriesLayoutBy;r===gf&&(this._offset=0,this._dimSize=e,this._data=i),mg(this,i,n)}var e;return t.prototype.getSource=function(){return this._source},t.prototype.count=function(){return 0},t.prototype.getItem=function(t,e){},t.prototype.appendData=function(t){},t.prototype.clean=function(){},t.protoInitialize=((e=t.prototype).pure=!1,void(e.persistent=!0)),t.internalField=function(){var t;mg=function(t,r,o){var a=o.sourceFormat,s=o.seriesLayoutBy,l=o.startIndex,u=o.dimensionsDefine,c=vg[Bg(a,s)];if(A(t,c),a===gf)t.getItem=e,t.count=i,t.fillStorage=n;else{var h=Lg(a,s);t.getItem=W(h,null,r,l,u);var d=Rg(a,s);t.count=W(d,null,r,l,u)}};var e=function(t,e){t-=this._offset,e=e||[];for(var n=this._data,i=this._dimSize,r=i*t,o=0;o<i;o++)e[o]=n[r+o];return e},n=function(t,e,n,i){for(var r=this._data,o=this._dimSize,a=0;a<o;a++){for(var s=i[a],l=null==s[0]?1/0:s[0],u=null==s[1]?-1/0:s[1],c=e-t,h=n[a],d=0;d<c;d++){var p=r[d*o+a];h[t+d]=p,p<l&&(l=p),p>u&&(u=p)}s[0]=l,s[1]=u}},i=function(){return this._data?this._data.length/this._dimSize:0};function r(t){for(var e=0;e<t.length;e++)this._data.push(t[e])}(t={})[df+"_"+vf]={pure:!0,appendData:r},t[df+"_"+mf]={pure:!0,appendData:function(){throw new Error('Do not support appendData when set seriesLayoutBy: "row".')}},t[pf]={pure:!0,appendData:r},t[ff]={pure:!0,appendData:function(t){var e=this._data;z(t,(function(t,n){for(var i=e[n]||(e[n]=[]),r=0;r<(t||[]).length;r++)i.push(t[r])}))}},t[hf]={appendData:r},t[gf]={persistent:!1,pure:!0,appendData:function(t){this._data=t},clean:function(){this._offset+=this.count(),this._data=null}},vg=t}(),t}(),Dg=function(t){U(t)||Ho("series.data or dataset.source must be an array.")},Ag=((pg={})[df+"_"+vf]=Dg,pg[df+"_"+mf]=Dg,pg[pf]=Dg,pg[ff]=function(t,e){for(var n=0;n<e.length;n++){null==e[n].name&&Ho("dimension name must not be null/undefined.")}},pg[hf]=Dg,function(t,e,n,i){return t[i]}),kg=((fg={})[df+"_"+vf]=function(t,e,n,i){return t[i+e]},fg[df+"_"+mf]=function(t,e,n,i,r){i+=e;for(var o=r||[],a=t,s=0;s<a.length;s++){var l=a[s];o[s]=l?l[i]:null}return o},fg[pf]=Ag,fg[ff]=function(t,e,n,i,r){for(var o=r||[],a=0;a<n.length;a++){var s=n[a].name,l=null!=s?t[s]:null;o[a]=l?l[i]:null}return o},fg[hf]=Ag,fg);function Lg(t,e){var n=kg[Bg(t,e)];return n}var Pg=function(t,e,n){return t.length},Og=((gg={})[df+"_"+vf]=function(t,e,n){return Math.max(0,t.length-e)},gg[df+"_"+mf]=function(t,e,n){var i=t[0];return i?Math.max(0,i.length-e):0},gg[pf]=Pg,gg[ff]=function(t,e,n){var i=n[0].name,r=null!=i?t[i]:null;return r?r.length:0},gg[hf]=Pg,gg);function Rg(t,e){var n=Og[Bg(t,e)];return n}var Ng=function(t,e,n){return t[e]},zg=((yg={})[df]=Ng,yg[pf]=function(t,e,n){return t[n]},yg[ff]=Ng,yg[hf]=function(t,e,n){var i=Jo(t);return i instanceof Array?i[e]:i},yg[gf]=Ng,yg);function Eg(t){var e=zg[t];return e}function Bg(t,e){return t===df?t+"_"+e:t}function Vg(t,e,n){if(t){var i=t.getRawDataItem(e);if(null!=i){var r=t.getStore(),o=r.getSource().sourceFormat;if(null!=n){var a=t.getDimensionIndex(n),s=r.getDimensionProperty(a);return Eg(o)(i,a,s)}var l=i;return o===hf&&(l=Jo(i)),l}}}var Gg=/\{@(.+?)\}/g,Fg=function(){function t(){}return t.prototype.getDataParams=function(t,e){var n=this.getData(e),i=this.getRawValue(t,e),r=n.getRawIndex(t),o=n.getName(t),a=n.getRawDataItem(t),s=n.getItemVisual(t,"style"),l=s&&s[n.getItemVisual(t,"drawType")||"fill"],u=s&&s.stroke,c=this.mainType,h="series"===c,d=n.userOutput&&n.userOutput.get();return{componentType:c,componentSubType:this.subType,componentIndex:this.componentIndex,seriesType:h?this.subType:null,seriesIndex:this.seriesIndex,seriesId:h?this.id:null,seriesName:h?this.name:null,name:o,dataIndex:r,data:a,dataType:e,value:i,color:l,borderColor:u,dimensionNames:d?d.fullDimensions:null,encode:d?d.encode:null,$vars:["seriesName","name","value"]}},t.prototype.getFormattedLabel=function(t,e,n,i,r,o){e=e||"normal";var a=this.getData(n),s=this.getDataParams(t,n);(o&&(s.value=o.interpolatedValue),null!=i&&U(s.value)&&(s.value=s.value[i]),r)||(r=a.getItemModel(t).get("normal"===e?["label","formatter"]:[e,"label","formatter"]));return Y(r)?(s.status=e,s.dimensionIndex=i,r(s)):X(r)?_p(r,s).replace(Gg,(function(e,n){var i=n.length,r=n;"["===r.charAt(0)&&"]"===r.charAt(i-1)&&(r=+r.slice(1,i-1));var s=Vg(a,t,r);if(o&&U(o.interpolatedValue)){var l=a.getDimensionIndex(r);l>=0&&(s=o.interpolatedValue[l])}return null!=s?s+"":""})):void 0},t.prototype.getRawValue=function(t,e){return Vg(this.getData(e),t)},t.prototype.formatTooltip=function(t,e,n){},t}();function Wg(t){var e,n;return q(t)?t.type&&(n=t):e=t,{text:e,frag:n}}function Hg(t){return new Ug(t)}var Ug=function(){function t(t){t=t||{},this._reset=t.reset,this._plan=t.plan,this._count=t.count,this._onDirty=t.onDirty,this._dirty=!0}return t.prototype.perform=function(t){var e,n=this._upstream,i=t&&t.skip;if(this._dirty&&n){var r=this.context;r.data=r.outputData=n.context.outputData}this.__pipeline&&(this.__pipeline.currentTask=this),this._plan&&!i&&(e=this._plan(this.context));var o,a=c(this._modBy),s=this._modDataCount||0,l=c(t&&t.modBy),u=t&&t.modDataCount||0;function c(t){return!(t>=1)&&(t=1),t}a===l&&s===u||(e="reset"),(this._dirty||"reset"===e)&&(this._dirty=!1,o=this._doReset(i)),this._modBy=l,this._modDataCount=u;var h=t&&t.step;if(this._dueEnd=n?n._outputDueEnd:this._count?this._count(this.context):1/0,this._progress){var d=this._dueIndex,p=Math.min(null!=h?this._dueIndex+h:1/0,this._dueEnd);if(!i&&(o||d<p)){var f=this._progress;if(U(f))for(var g=0;g<f.length;g++)this._doProgress(f[g],d,p,l,u);else this._doProgress(f,d,p,l,u)}this._dueIndex=p;var y=null!=this._settedOutputEnd?this._settedOutputEnd:p;0,this._outputDueEnd=y}else this._dueIndex=this._outputDueEnd=null!=this._settedOutputEnd?this._settedOutputEnd:this._dueEnd;return this.unfinished()},t.prototype.dirty=function(){this._dirty=!0,this._onDirty&&this._onDirty(this.context)},t.prototype._doProgress=function(t,e,n,i,r){Yg.reset(e,n,i,r),this._callingProgress=t,this._callingProgress({start:e,end:n,count:n-e,next:Yg.next},this.context)},t.prototype._doReset=function(t){var e,n;this._dueIndex=this._outputDueEnd=this._dueEnd=0,this._settedOutputEnd=null,!t&&this._reset&&((e=this._reset(this.context))&&e.progress&&(n=e.forceFirstProgress,e=e.progress),U(e)&&!e.length&&(e=null)),this._progress=e,this._modBy=this._modDataCount=null;var i=this._downstream;return i&&i.dirty(),n},t.prototype.unfinished=function(){return this._progress&&this._dueIndex<this._dueEnd},t.prototype.pipe=function(t){(this._downstream!==t||this._dirty)&&(this._downstream=t,t._upstream=this,t.dirty())},t.prototype.dispose=function(){this._disposed||(this._upstream&&(this._upstream._downstream=null),this._downstream&&(this._downstream._upstream=null),this._dirty=!1,this._disposed=!0)},t.prototype.getUpstream=function(){return this._upstream},t.prototype.getDownstream=function(){return this._downstream},t.prototype.setOutputEnd=function(t){this._outputDueEnd=this._settedOutputEnd=t},t}(),Yg=function(){var t,e,n,i,r,o={reset:function(l,u,c,h){e=l,t=u,n=c,i=h,r=Math.ceil(i/n),o.next=n>1&&i>0?s:a}};return o;function a(){return e<t?e++:null}function s(){var o=e%r*n+Math.ceil(e/r),a=e>=t?null:o<i?o:e;return e++,a}}();function Xg(t,e){var n=e&&e.type;return"ordinal"===n?t:("time"!==n||j(t)||null==t||"-"===t||(t=+Ao(t)),null==t||""===t?NaN:Number(t))}var Zg=yt({number:function(t){return parseFloat(t)},time:function(t){return+Ao(t)},trim:function(t){return X(t)?ut(t):t}});function jg(t){return Zg.get(t)}var qg={lt:function(t,e){return t<e},lte:function(t,e){return t<=e},gt:function(t,e){return t>e},gte:function(t,e){return t>=e}},Kg=function(){function t(t,e){if(!j(e)){var n="";0,Yo(n)}this._opFn=qg[t],this._rvalFloat=No(e)}return t.prototype.evaluate=function(t){return j(t)?this._opFn(t,this._rvalFloat):this._opFn(No(t),this._rvalFloat)},t}(),$g=function(){function t(t,e){var n="desc"===t;this._resultLT=n?1:-1,null==e&&(e=n?"min":"max"),this._incomparable="min"===e?-1/0:1/0}return t.prototype.evaluate=function(t,e){var n=j(t)?t:No(t),i=j(e)?e:No(e),r=isNaN(n),o=isNaN(i);if(r&&(n=this._incomparable),o&&(i=this._incomparable),r&&o){var a=X(t),s=X(e);a&&(n=s?t:0),s&&(i=a?e:0)}return n<i?this._resultLT:n>i?-this._resultLT:0},t}(),Jg=function(){function t(t,e){this._rval=e,this._isEQ=t,this._rvalTypeof=typeof e,this._rvalFloat=No(e)}return t.prototype.evaluate=function(t){var e=t===this._rval;if(!e){var n=typeof t;n===this._rvalTypeof||"number"!==n&&"number"!==this._rvalTypeof||(e=No(t)===this._rvalFloat)}return this._isEQ?e:!e},t}();function Qg(t,e){return"eq"===t||"ne"===t?new Jg("eq"===t,e):_t(qg,t)?new Kg(t,e):null}var ty=function(){function t(){}return t.prototype.getRawData=function(){throw new Error("not supported")},t.prototype.getRawDataItem=function(t){throw new Error("not supported")},t.prototype.cloneRawData=function(){},t.prototype.getDimensionInfo=function(t){},t.prototype.cloneAllDimensionInfo=function(){},t.prototype.count=function(){},t.prototype.retrieveValue=function(t,e){},t.prototype.retrieveValueFromItem=function(t,e){},t.prototype.convertValue=function(t,e){return Xg(t,e)},t}();function ey(t){var e=t.sourceFormat;if(!sy(e)){var n="";0,Yo(n)}return t.data}function ny(t){var e=t.sourceFormat,n=t.data;if(!sy(e)){var i="";0,Yo(i)}if(e===df){for(var r=[],o=0,a=n.length;o<a;o++)r.push(n[o].slice());return r}if(e===pf){for(r=[],o=0,a=n.length;o<a;o++)r.push(A({},n[o]));return r}}function iy(t,e,n){if(null!=n)return j(n)||!isNaN(n)&&!_t(e,n)?t[n]:_t(e,n)?e[n]:void 0}function ry(t){return T(t)}var oy=yt();function ay(t,e,n,i){var r="";e.length||Yo(r),q(t)||Yo(r);var o=t.type,a=oy.get(o);a||Yo(r);var s=E(e,(function(t){return function(t,e){var n=new ty,i=t.data,r=n.sourceFormat=t.sourceFormat,o=t.startIndex,a="";t.seriesLayoutBy!==vf&&Yo(a);var s=[],l={},u=t.dimensionsDefine;if(u)z(u,(function(t,e){var n=t.name,i={index:e,name:n,displayName:t.displayName};if(s.push(i),null!=n){var r="";_t(l,n)&&Yo(r),l[n]=i}}));else for(var c=0;c<t.dimensionsDetectedCount;c++)s.push({index:c});var h=Lg(r,vf);e.__isBuiltIn&&(n.getRawDataItem=function(t){return h(i,o,s,t)},n.getRawData=W(ey,null,t)),n.cloneRawData=W(ny,null,t);var d=Rg(r,vf);n.count=W(d,null,i,o,s);var p=Eg(r);n.retrieveValue=function(t,e){var n=h(i,o,s,t);return f(n,e)};var f=n.retrieveValueFromItem=function(t,e){if(null!=t){var n=s[e];return n?p(t,e,n.name):void 0}};return n.getDimensionInfo=W(iy,null,s,l),n.cloneAllDimensionInfo=W(ry,null,s),n}(t,a)})),l=qo(a.transform({upstream:s[0],upstreamList:s,config:T(t.config)}));return E(l,(function(t,n){var i,r="";q(t)||Yo(r),t.data||Yo(r),sy(Sg(t.data))||Yo(r);var o=e[0];if(o&&0===n&&!t.dimensions){var a=o.startIndex;a&&(t.data=o.data.slice(0,a).concat(t.data)),i={seriesLayoutBy:vf,sourceHeader:a,dimensions:o.metaRawOption.dimensions}}else i={seriesLayoutBy:vf,sourceHeader:0,dimensions:t.dimensions};return bg(t.data,i,null)}))}function sy(t){return t===df||t===pf}var ly,uy="undefined",cy=typeof Uint32Array===uy?Array:Uint32Array,hy=typeof Uint16Array===uy?Array:Uint16Array,dy=typeof Int32Array===uy?Array:Int32Array,py=typeof Float64Array===uy?Array:Float64Array,fy={float:py,int:dy,ordinal:Array,number:Array,time:py};function gy(t){return t>65535?cy:hy}function yy(t,e,n,i,r){var o=fy[n||"float"];if(r){var a=t[e],s=a&&a.length;if(s!==i){for(var l=new o(i),u=0;u<s;u++)l[u]=a[u];t[e]=l}}else t[e]=new o(i)}var vy=function(){function t(){this._chunks=[],this._rawExtent=[],this._extent=[],this._count=0,this._rawCount=0,this._calcDimNameToIdx=yt()}return t.prototype.initData=function(t,e,n){this._provider=t,this._chunks=[],this._indices=null,this.getRawIndex=this._getRawIdxIdentity;var i=t.getSource(),r=this.defaultDimValueGetter=ly[i.sourceFormat];this._dimValueGetter=n||r,this._rawExtent=[];Tg(i);this._dimensions=E(e,(function(t){return{type:t.type,property:t.property}})),this._initDataFromProvider(0,t.count())},t.prototype.getProvider=function(){return this._provider},t.prototype.getSource=function(){return this._provider.getSource()},t.prototype.ensureCalculationDimension=function(t,e){var n=this._calcDimNameToIdx,i=this._dimensions,r=n.get(t);if(null!=r){if(i[r].type===e)return r}else r=i.length;return i[r]={type:e},n.set(t,r),this._chunks[r]=new fy[e||"float"](this._rawCount),this._rawExtent[r]=[1/0,-1/0],r},t.prototype.collectOrdinalMeta=function(t,e){var n=this._chunks[t],i=this._dimensions[t],r=this._rawExtent,o=i.ordinalOffset||0,a=n.length;0===o&&(r[t]=[1/0,-1/0]);for(var s=r[t],l=o;l<a;l++){var u=n[l]=e.parseAndCollect(n[l]);isNaN(u)||(s[0]=Math.min(u,s[0]),s[1]=Math.max(u,s[1]))}i.ordinalMeta=e,i.ordinalOffset=a,i.type="ordinal"},t.prototype.getOrdinalMeta=function(t){return this._dimensions[t].ordinalMeta},t.prototype.getDimensionProperty=function(t){var e=this._dimensions[t];return e&&e.property},t.prototype.appendData=function(t){var e=this._provider,n=this.count();e.appendData(t);var i=e.count();return e.persistent||(i+=n),n<i&&this._initDataFromProvider(n,i,!0),[n,i]},t.prototype.appendValues=function(t,e){for(var n=this._chunks,i=this._dimensions,r=i.length,o=this._rawExtent,a=this.count(),s=a+Math.max(t.length,e||0),l=0;l<r;l++){yy(n,l,(p=i[l]).type,s,!0)}for(var u=[],c=a;c<s;c++)for(var h=c-a,d=0;d<r;d++){var p=i[d],f=ly.arrayRows.call(this,t[h]||u,p.property,h,d);n[d][c]=f;var g=o[d];f<g[0]&&(g[0]=f),f>g[1]&&(g[1]=f)}return this._rawCount=this._count=s,{start:a,end:s}},t.prototype._initDataFromProvider=function(t,e,n){for(var i=this._provider,r=this._chunks,o=this._dimensions,a=o.length,s=this._rawExtent,l=E(o,(function(t){return t.property})),u=0;u<a;u++){var c=o[u];s[u]||(s[u]=[1/0,-1/0]),yy(r,u,c.type,e,n)}if(i.fillStorage)i.fillStorage(t,e,r,s);else for(var h=[],d=t;d<e;d++){h=i.getItem(d,h);for(var p=0;p<a;p++){var f=r[p],g=this._dimValueGetter(h,l[p],d,p);f[d]=g;var y=s[p];g<y[0]&&(y[0]=g),g>y[1]&&(y[1]=g)}}!i.persistent&&i.clean&&i.clean(),this._rawCount=this._count=e,this._extent=[]},t.prototype.count=function(){return this._count},t.prototype.get=function(t,e){if(!(e>=0&&e<this._count))return NaN;var n=this._chunks[t];return n?n[this.getRawIndex(e)]:NaN},t.prototype.getValues=function(t,e){var n=[],i=[];if(null==e){e=t,t=[];for(var r=0;r<this._dimensions.length;r++)i.push(r)}else i=t;r=0;for(var o=i.length;r<o;r++)n.push(this.get(i[r],e));return n},t.prototype.getByRawIndex=function(t,e){if(!(e>=0&&e<this._rawCount))return NaN;var n=this._chunks[t];return n?n[e]:NaN},t.prototype.getSum=function(t){var e=0;if(this._chunks[t])for(var n=0,i=this.count();n<i;n++){var r=this.get(t,n);isNaN(r)||(e+=r)}return e},t.prototype.getMedian=function(t){var e=[];this.each([t],(function(t){isNaN(t)||e.push(t)}));var n=e.sort((function(t,e){return t-e})),i=this.count();return 0===i?0:i%2==1?n[(i-1)/2]:(n[i/2]+n[i/2-1])/2},t.prototype.indexOfRawIndex=function(t){if(t>=this._rawCount||t<0)return-1;if(!this._indices)return t;var e=this._indices,n=e[t];if(null!=n&&n<this._count&&n===t)return t;for(var i=0,r=this._count-1;i<=r;){var o=(i+r)/2|0;if(e[o]<t)i=o+1;else{if(!(e[o]>t))return o;r=o-1}}return-1},t.prototype.getIndices=function(){var t,e=this._indices;if(e){var n=e.constructor,i=this._count;if(n===Array){t=new n(i);for(var r=0;r<i;r++)t[r]=e[r]}else t=new n(e.buffer,0,i)}else{t=new(n=gy(this._rawCount))(this.count());for(r=0;r<t.length;r++)t[r]=r}return t},t.prototype.filter=function(t,e){if(!this._count)return this;for(var n=this.clone(),i=n.count(),r=new(gy(n._rawCount))(i),o=[],a=t.length,s=0,l=t[0],u=n._chunks,c=0;c<i;c++){var h=void 0,d=n.getRawIndex(c);if(0===a)h=e(c);else if(1===a){h=e(u[l][d],c)}else{for(var p=0;p<a;p++)o[p]=u[t[p]][d];o[p]=c,h=e.apply(null,o)}h&&(r[s++]=d)}return s<i&&(n._indices=r),n._count=s,n._extent=[],n._updateGetRawIdx(),n},t.prototype.selectRange=function(t){var e=this.clone(),n=e._count;if(!n)return this;var i=F(t),r=i.length;if(!r)return this;var o=e.count(),a=new(gy(e._rawCount))(o),s=0,l=i[0],u=t[l][0],c=t[l][1],h=e._chunks,d=!1;if(!e._indices){var p=0;if(1===r){for(var f=h[i[0]],g=0;g<n;g++){((x=f[g])>=u&&x<=c||isNaN(x))&&(a[s++]=p),p++}d=!0}else if(2===r){f=h[i[0]];var y=h[i[1]],v=t[i[1]][0],m=t[i[1]][1];for(g=0;g<n;g++){var x=f[g],_=y[g];(x>=u&&x<=c||isNaN(x))&&(_>=v&&_<=m||isNaN(_))&&(a[s++]=p),p++}d=!0}}if(!d)if(1===r)for(g=0;g<o;g++){var b=e.getRawIndex(g);((x=h[i[0]][b])>=u&&x<=c||isNaN(x))&&(a[s++]=b)}else for(g=0;g<o;g++){for(var w=!0,S=(b=e.getRawIndex(g),0);S<r;S++){var M=i[S];((x=h[M][b])<t[M][0]||x>t[M][1])&&(w=!1)}w&&(a[s++]=e.getRawIndex(g))}return s<o&&(e._indices=a),e._count=s,e._extent=[],e._updateGetRawIdx(),e},t.prototype.map=function(t,e){var n=this.clone(t);return this._updateDims(n,t,e),n},t.prototype.modify=function(t,e){this._updateDims(this,t,e)},t.prototype._updateDims=function(t,e,n){for(var i=t._chunks,r=[],o=e.length,a=t.count(),s=[],l=t._rawExtent,u=0;u<e.length;u++)l[e[u]]=[1/0,-1/0];for(var c=0;c<a;c++){for(var h=t.getRawIndex(c),d=0;d<o;d++)s[d]=i[e[d]][h];s[o]=c;var p=n&&n.apply(null,s);if(null!=p){"object"!=typeof p&&(r[0]=p,p=r);for(u=0;u<p.length;u++){var f=e[u],g=p[u],y=l[f],v=i[f];v&&(v[h]=g),g<y[0]&&(y[0]=g),g>y[1]&&(y[1]=g)}}}},t.prototype.lttbDownSample=function(t,e){var n,i,r,o=this.clone([t],!0),a=o._chunks[t],s=this.count(),l=0,u=Math.floor(1/e),c=this.getRawIndex(0),h=new(gy(this._rawCount))(Math.min(2*(Math.ceil(s/u)+2),s));h[l++]=c;for(var d=1;d<s-1;d+=u){for(var p=Math.min(d+u,s-1),f=Math.min(d+2*u,s),g=(f+p)/2,y=0,v=p;v<f;v++){var m=a[I=this.getRawIndex(v)];isNaN(m)||(y+=m)}y/=f-p;var x=d,_=Math.min(d+u,s),b=d-1,w=a[c];n=-1,r=x;var S=-1,M=0;for(v=x;v<_;v++){var I;m=a[I=this.getRawIndex(v)];isNaN(m)?(M++,S<0&&(S=I)):(i=Math.abs((b-g)*(m-w)-(b-v)*(y-w)))>n&&(n=i,r=I)}M>0&&M<_-x&&(h[l++]=Math.min(S,r),r=Math.max(S,r)),h[l++]=r,c=r}return h[l++]=this.getRawIndex(s-1),o._count=l,o._indices=h,o.getRawIndex=this._getRawIdx,o},t.prototype.minmaxDownSample=function(t,e){for(var n=this.clone([t],!0),i=n._chunks,r=Math.floor(1/e),o=i[t],a=this.count(),s=new(gy(this._rawCount))(2*Math.ceil(a/r)),l=0,u=0;u<a;u+=r){var c=u,h=o[this.getRawIndex(c)],d=u,p=o[this.getRawIndex(d)],f=r;u+r>a&&(f=a-u);for(var g=0;g<f;g++){var y=o[this.getRawIndex(u+g)];y<h&&(h=y,c=u+g),y>p&&(p=y,d=u+g)}var v=this.getRawIndex(c),m=this.getRawIndex(d);c<d?(s[l++]=v,s[l++]=m):(s[l++]=m,s[l++]=v)}return n._count=l,n._indices=s,n._updateGetRawIdx(),n},t.prototype.downSample=function(t,e,n,i){for(var r=this.clone([t],!0),o=r._chunks,a=[],s=Math.floor(1/e),l=o[t],u=this.count(),c=r._rawExtent[t]=[1/0,-1/0],h=new(gy(this._rawCount))(Math.ceil(u/s)),d=0,p=0;p<u;p+=s){s>u-p&&(s=u-p,a.length=s);for(var f=0;f<s;f++){var g=this.getRawIndex(p+f);a[f]=l[g]}var y=n(a),v=this.getRawIndex(Math.min(p+i(a,y)||0,u-1));l[v]=y,y<c[0]&&(c[0]=y),y>c[1]&&(c[1]=y),h[d++]=v}return r._count=d,r._indices=h,r._updateGetRawIdx(),r},t.prototype.each=function(t,e){if(this._count)for(var n=t.length,i=this._chunks,r=0,o=this.count();r<o;r++){var a=this.getRawIndex(r);switch(n){case 0:e(r);break;case 1:e(i[t[0]][a],r);break;case 2:e(i[t[0]][a],i[t[1]][a],r);break;default:for(var s=0,l=[];s<n;s++)l[s]=i[t[s]][a];l[s]=r,e.apply(null,l)}}},t.prototype.getDataExtent=function(t){var e=this._chunks[t],n=[1/0,-1/0];if(!e)return n;var i,r=this.count();if(!this._indices)return this._rawExtent[t].slice();if(i=this._extent[t])return i.slice();for(var o=(i=n)[0],a=i[1],s=0;s<r;s++){var l=e[this.getRawIndex(s)];l<o&&(o=l),l>a&&(a=l)}return i=[o,a],this._extent[t]=i,i},t.prototype.getRawDataItem=function(t){var e=this.getRawIndex(t);if(this._provider.persistent)return this._provider.getItem(e);for(var n=[],i=this._chunks,r=0;r<i.length;r++)n.push(i[r][e]);return n},t.prototype.clone=function(e,n){var i,r,o=new t,a=this._chunks,s=e&&B(e,(function(t,e){return t[e]=!0,t}),{});if(s)for(var l=0;l<a.length;l++)o._chunks[l]=s[l]?(i=a[l],r=void 0,(r=i.constructor)===Array?i.slice():new r(i)):a[l];else o._chunks=a;return this._copyCommonProps(o),n||(o._indices=this._cloneIndices()),o._updateGetRawIdx(),o},t.prototype._copyCommonProps=function(t){t._count=this._count,t._rawCount=this._rawCount,t._provider=this._provider,t._dimensions=this._dimensions,t._extent=T(this._extent),t._rawExtent=T(this._rawExtent)},t.prototype._cloneIndices=function(){if(this._indices){var t=this._indices.constructor,e=void 0;if(t===Array){var n=this._indices.length;e=new t(n);for(var i=0;i<n;i++)e[i]=this._indices[i]}else e=new t(this._indices);return e}return null},t.prototype._getRawIdxIdentity=function(t){return t},t.prototype._getRawIdx=function(t){return t<this._count&&t>=0?this._indices[t]:-1},t.prototype._updateGetRawIdx=function(){this.getRawIndex=this._indices?this._getRawIdx:this._getRawIdxIdentity},t.internalField=function(){function t(t,e,n,i){return Xg(t[i],this._dimensions[i])}ly={arrayRows:t,objectRows:function(t,e,n,i){return Xg(t[e],this._dimensions[i])},keyedColumns:t,original:function(t,e,n,i){var r=t&&(null==t.value?t:t.value);return Xg(r instanceof Array?r[i]:r,this._dimensions[i])},typedArray:function(t,e,n,i){return t[i]}}}(),t}(),my=function(){function t(t){this._sourceList=[],this._storeList=[],this._upstreamSignList=[],this._versionSignBase=0,this._dirty=!0,this._sourceHost=t}return t.prototype.dirty=function(){this._setLocalSource([],[]),this._storeList=[],this._dirty=!0},t.prototype._setLocalSource=function(t,e){this._sourceList=t,this._upstreamSignList=e,this._versionSignBase++,this._versionSignBase>9e10&&(this._versionSignBase=0)},t.prototype._getVersionSign=function(){return this._sourceHost.uid+"_"+this._versionSignBase},t.prototype.prepareSource=function(){this._isDirty()&&(this._createSource(),this._dirty=!1)},t.prototype._createSource=function(){this._setLocalSource([],[]);var t,e,n=this._sourceHost,i=this._getUpstreamSourceManagers(),r=!!i.length;if(_y(n)){var o=n,a=void 0,s=void 0,l=void 0;if(r){var u=i[0];u.prepareSource(),a=(l=u.getSource()).data,s=l.sourceFormat,e=[u._getVersionSign()]}else s=$(a=o.get("data",!0))?gf:hf,e=[];var c=this._getSourceMetaRawOption()||{},h=l&&l.metaRawOption||{},d=rt(c.seriesLayoutBy,h.seriesLayoutBy)||null,p=rt(c.sourceHeader,h.sourceHeader),f=rt(c.dimensions,h.dimensions);t=d!==h.seriesLayoutBy||!!p!=!!h.sourceHeader||f?[bg(a,{seriesLayoutBy:d,sourceHeader:p,dimensions:f},s)]:[]}else{var g=n;if(r){var y=this._applyTransform(i);t=y.sourceList,e=y.upstreamSignList}else{t=[bg(g.get("source",!0),this._getSourceMetaRawOption(),null)],e=[]}}this._setLocalSource(t,e)},t.prototype._applyTransform=function(t){var e,n=this._sourceHost,i=n.get("transform",!0),r=n.get("fromTransformResult",!0);if(null!=r){var o="";1!==t.length&&by(o)}var a,s=[],l=[];return z(t,(function(t){t.prepareSource();var e=t.getSource(r||0),n="";null==r||e||by(n),s.push(e),l.push(t._getVersionSign())})),i?e=function(t,e,n){var i=qo(t),r=i.length,o="";r||Yo(o);for(var a=0,s=r;a<s;a++)e=ay(i[a],e),a!==s-1&&(e.length=Math.max(e.length,1));return e}(i,s,n.componentIndex):null!=r&&(e=[(a=s[0],new xg({data:a.data,sourceFormat:a.sourceFormat,seriesLayoutBy:a.seriesLayoutBy,dimensionsDefine:T(a.dimensionsDefine),startIndex:a.startIndex,dimensionsDetectedCount:a.dimensionsDetectedCount}))]),{sourceList:e,upstreamSignList:l}},t.prototype._isDirty=function(){if(this._dirty)return!0;for(var t=this._getUpstreamSourceManagers(),e=0;e<t.length;e++){var n=t[e];if(n._isDirty()||this._upstreamSignList[e]!==n._getVersionSign())return!0}},t.prototype.getSource=function(t){t=t||0;var e=this._sourceList[t];if(!e){var n=this._getUpstreamSourceManagers();return n[0]&&n[0].getSource(t)}return e},t.prototype.getSharedDataStore=function(t){var e=t.makeStoreSchema();return this._innerGetDataStore(e.dimensions,t.source,e.hash)},t.prototype._innerGetDataStore=function(t,e,n){var i=this._storeList,r=i[0];r||(r=i[0]={});var o=r[n];if(!o){var a=this._getUpstreamSourceManagers()[0];_y(this._sourceHost)&&a?o=a._innerGetDataStore(t,e,n):(o=new vy).initData(new Cg(e,t.length),t),r[n]=o}return o},t.prototype._getUpstreamSourceManagers=function(){var t=this._sourceHost;if(_y(t)){var e=If(t);return e?[e.getSourceManager()]:[]}return E(function(t){return t.get("transform",!0)||t.get("fromTransformResult",!0)?pa(t.ecModel,"dataset",{index:t.get("fromDatasetIndex",!0),id:t.get("fromDatasetId",!0)},ha).models:[]}(t),(function(t){return t.getSourceManager()}))},t.prototype._getSourceMetaRawOption=function(){var t,e,n,i=this._sourceHost;if(_y(i))t=i.get("seriesLayoutBy",!0),e=i.get("sourceHeader",!0),n=i.get("dimensions",!0);else if(!this._getUpstreamSourceManagers().length){var r=i;t=r.get("seriesLayoutBy",!0),e=r.get("sourceHeader",!0),n=r.get("dimensions",!0)}return{seriesLayoutBy:t,sourceHeader:e,dimensions:n}},t}();function xy(t){t.option.transform&&ht(t.option.transform)}function _y(t){return"series"===t.mainType}function by(t){throw new Error(t)}function wy(t){var e=t.lineHeight;return null==e?"line-height:1":"line-height:"+oe(e+"")+"px"}function Sy(t,e){var n=t.color||tf.color.tertiary,i=t.fontSize||12,r=t.fontWeight||"400",o=t.color||tf.color.secondary,a=t.fontSize||14,s=t.fontWeight||"900";return"html"===e?{nameStyle:"font-size:"+oe(i+"")+"px;color:"+oe(n)+";font-weight:"+oe(r+""),valueStyle:"font-size:"+oe(a+"")+"px;color:"+oe(o)+";font-weight:"+oe(s+"")}:{nameStyle:{fontSize:i,fill:n,fontWeight:r},valueStyle:{fontSize:a,fill:o,fontWeight:s}}}var My=[0,10,20,30],Iy=["","\n","\n\n","\n\n\n"];function Ty(t,e){return e.type=t,e}function Cy(t){return"section"===t.type}function Dy(t){return Cy(t)?ky:Ly}function Ay(t){if(Cy(t)){var e=0,n=t.blocks.length,i=n>1||n>0&&!t.noHeader;return z(t.blocks,(function(t){var n=Ay(t);n>=e&&(e=n+ +(i&&(!n||Cy(t)&&!t.noHeader)))})),e}return 0}function ky(t,e,n,i){var r,o=e.noHeader,a=(r=Ay(e),{html:My[r],richText:Iy[r]}),s=[],l=e.blocks||[];lt(!l||U(l)),l=l||[];var u=t.orderMode;if(e.sortBlocks&&u){l=l.slice();var c={valueAsc:"asc",valueDesc:"desc"};if(_t(c,u)){var h=new $g(c[u],null);l.sort((function(t,e){return h.evaluate(t.sortParam,e.sortParam)}))}else"seriesDesc"===u&&l.reverse()}z(l,(function(n,r){var o=e.valueFormatter,l=Dy(n)(o?A(A({},t),{valueFormatter:o}):t,n,r>0?a.html:0,i);null!=l&&s.push(l)}));var d="richText"===t.renderMode?s.join(a.richText):Oy(i,s.join(""),o?n:a.html);if(o)return d;var p=vp(e.header,"ordinal",t.useUTC),f=Sy(i,t.renderMode).nameStyle,g=wy(i);return"richText"===t.renderMode?Ry(t,p,f)+a.richText+d:Oy(i,'<div style="'+f+";"+g+';">'+oe(p)+"</div>"+d,n)}function Ly(t,e,n,i){var r=t.renderMode,o=e.noName,a=e.noValue,s=!e.markerType,l=e.name,u=t.useUTC,c=e.valueFormatter||t.valueFormatter||function(t){return E(t=U(t)?t:[t],(function(t,e){return vp(t,U(p)?p[e]:p,u)}))};if(!o||!a){var h=s?"":t.markupStyleCreator.makeTooltipMarker(e.markerType,e.markerColor||tf.color.secondary,r),d=o?"":vp(l,"ordinal",u),p=e.valueType,f=a?[]:c(e.value,e.dataIndex),g=!s||!o,y=!s&&o,v=Sy(i,r),m=v.nameStyle,x=v.valueStyle;return"richText"===r?(s?"":h)+(o?"":Ry(t,d,m))+(a?"":function(t,e,n,i,r){var o=[r],a=i?10:20;return n&&o.push({padding:[0,0,0,a],align:"right"}),t.markupStyleCreator.wrapRichTextStyle(U(e)?e.join("  "):e,o)}(t,f,g,y,x)):Oy(i,(s?"":h)+(o?"":function(t,e,n){return'<span style="'+n+";"+(e?"margin-left:2px":"")+'">'+oe(t)+"</span>"}(d,!s,m))+(a?"":function(t,e,n,i){var r=n?"10px":"20px",o=e?"float:right;margin-left:"+r:"";return t=U(t)?t:[t],'<span style="'+o+";"+i+'">'+E(t,(function(t){return oe(t)})).join("&nbsp;&nbsp;")+"</span>"}(f,g,y,x)),n)}}function Py(t,e,n,i,r,o){if(t)return Dy(t)({useUTC:r,renderMode:n,orderMode:i,markupStyleCreator:e,valueFormatter:t.valueFormatter},t,0,o)}function Oy(t,e,n){return'<div style="'+("margin: "+n+"px 0 0")+";"+wy(t)+';">'+e+'<div style="clear:both"></div></div>'}function Ry(t,e,n){return t.markupStyleCreator.wrapRichTextStyle(e,n)}function Ny(t,e){return wp(t.getData().getItemVisual(e,"style")[t.visualDrawType])}function zy(t,e){var n=t.get("padding");return null!=n?n:"richText"===e?[8,10]:10}var Ey=function(){function t(){this.richTextStyles={},this._nextStyleNameId=Eo()}return t.prototype._generateStyleName=function(){return"__EC_aUTo_"+this._nextStyleNameId++},t.prototype.makeTooltipMarker=function(t,e,n){var i="richText"===n?this._generateStyleName():null,r=bp({color:e,type:t,renderMode:n,markerId:i});return X(r)?r:(this.richTextStyles[i]=r.style,r.content)},t.prototype.wrapRichTextStyle=function(t,e){var n={};U(e)?z(e,(function(t){return A(n,t)})):A(n,e);var i=this._generateStyleName();return this.richTextStyles[i]=n,"{"+i+"|"+t+"}"},t}();function By(t){var e,n,i,r,o=t.series,a=t.dataIndex,s=t.multipleSeries,l=o.getData(),u=l.mapDimensionsAll("defaultedTooltip"),c=u.length,h=o.getRawValue(a),d=U(h),p=Ny(o,a);if(c>1||d&&!c){var f=function(t,e,n,i,r){var o=e.getData(),a=B(t,(function(t,e,n){var i=o.getDimensionInfo(n);return t||i&&!1!==i.tooltip&&null!=i.displayName}),!1),s=[],l=[],u=[];function c(t,e){var n=o.getDimensionInfo(e);n&&!1!==n.otherDims.tooltip&&(a?u.push(Ty("nameValue",{markerType:"subItem",markerColor:r,name:n.displayName,value:t,valueType:n.type})):(s.push(t),l.push(n.type)))}return i.length?z(i,(function(t){c(Vg(o,n,t),t)})):z(t,c),{inlineValues:s,inlineValueTypes:l,blocks:u}}(h,o,a,u,p);e=f.inlineValues,n=f.inlineValueTypes,i=f.blocks,r=f.inlineValues[0]}else if(c){var g=l.getDimensionInfo(u[0]);r=e=Vg(l,a,u[0]),n=g.type}else r=e=d?h[0]:h;var y=ra(o),v=y&&o.name||"",m=l.getName(a),x=s?v:m;return Ty("section",{header:v,noHeader:s||!y,sortParam:r,blocks:[Ty("nameValue",{markerType:"item",markerColor:p,name:x,noName:!ut(x),value:e,valueType:n,dataIndex:a})].concat(i||[])})}var Vy=sa();function Gy(t,e){return t.getName(e)||t.getId(e)}var Fy="__universalTransitionEnabled",Wy=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e._selectedDataIndicesMap={},e}var i;return n(e,t),e.prototype.init=function(t,e,n){this.seriesIndex=this.componentIndex,this.dataTask=Hg({count:Uy,reset:Yy}),this.dataTask.context={model:this},this.mergeDefaultAndTheme(t,n),(Vy(this).sourceManager=new my(this)).prepareSource();var i=this.getInitialData(t,n);Zy(i,this),this.dataTask.context.data=i,Vy(this).dataBeforeProcessed=i,Hy(this),this._initSelectedMapFromData(i)},e.prototype.mergeDefaultAndTheme=function(t,e){var n=jp(this),i=n?Kp(t):{},r=this.subType;Qp.hasClass(r)&&(r+="Series"),C(t,e.getTheme().get(this.subType)),C(t,this.getDefaultOption()),Ko(t,"label",["show"]),this.fillDataTextStyle(t.data),n&&qp(t,i,n)},e.prototype.mergeOption=function(t,e){t=C(this.option,t,!0),this.fillDataTextStyle(t.data);var n=jp(this);n&&qp(this.option,t,n);var i=Vy(this).sourceManager;i.dirty(),i.prepareSource();var r=this.getInitialData(t,e);Zy(r,this),this.dataTask.dirty(),this.dataTask.context.data=r,Vy(this).dataBeforeProcessed=r,Hy(this),this._initSelectedMapFromData(r)},e.prototype.fillDataTextStyle=function(t){if(t&&!$(t))for(var e=["show"],n=0;n<t.length;n++)t[n]&&t[n].label&&Ko(t[n],"label",e)},e.prototype.getInitialData=function(t,e){},e.prototype.appendData=function(t){this.getRawData().appendData(t.data)},e.prototype.getData=function(t){var e=qy(this);if(e){var n=e.context.data;return null!=t&&n.getLinkedData?n.getLinkedData(t):n}return Vy(this).data},e.prototype.getAllData=function(){var t=this.getData();return t&&t.getLinkedDataAll?t.getLinkedDataAll():[{data:t}]},e.prototype.setData=function(t){var e=qy(this);if(e){var n=e.context;n.outputData=t,e!==this.dataTask&&(n.data=t)}Vy(this).data=t},e.prototype.getEncode=function(){var t=this.get("encode",!0);if(t)return yt(t)},e.prototype.getSourceManager=function(){return Vy(this).sourceManager},e.prototype.getSource=function(){return this.getSourceManager().getSource()},e.prototype.getRawData=function(){return Vy(this).dataBeforeProcessed},e.prototype.getColorBy=function(){return this.get("colorBy")||"series"},e.prototype.isColorBySeries=function(){return"series"===this.getColorBy()},e.prototype.getBaseAxis=function(){var t=this.coordinateSystem;return t&&t.getBaseAxis&&t.getBaseAxis()},e.prototype.indicesOfNearest=function(t,e,n,i){var r=this.getData(),o=this.coordinateSystem,a=o&&o.getAxis(t);if(!o||!a)return[];var s=a.dataToCoord(n);null==i&&(i=1/0);var l=[],u=1/0,c=-1,h=0;return r.each(e,(function(t,e){var n=a.dataToCoord(t),r=s-n,o=Math.abs(r);o<=i&&((o<u||o===u&&r>=0&&c<0)&&(u=o,c=r,h=0),r===c&&(l[h++]=e))})),l.length=h,l},e.prototype.formatTooltip=function(t,e,n){return By({series:this,dataIndex:t,multipleSeries:e})},e.prototype.isAnimationEnabled=function(){var t=this.ecModel;if(r.node&&(!t||!t.ssr))return!1;var e=this.getShallow("animation");return e&&this.getData().count()>this.getShallow("animationThreshold")&&(e=!1),!!e},e.prototype.restoreData=function(){this.dataTask.dirty()},e.prototype.getColorFromPalette=function(t,e,n){var i=this.ecModel,r=Rf.prototype.getColorFromPalette.call(this,t,e,n);return r||(r=i.getColorFromPalette(t,e,n)),r},e.prototype.coordDimToDataDim=function(t){return this.getRawData().mapDimensionsAll(t)},e.prototype.getProgressive=function(){return this.get("progressive")},e.prototype.getProgressiveThreshold=function(){return this.get("progressiveThreshold")},e.prototype.select=function(t,e){this._innerSelect(this.getData(e),t)},e.prototype.unselect=function(t,e){var n=this.option.selectedMap;if(n){var i=this.option.selectedMode,r=this.getData(e);if("series"===i||"all"===n)return this.option.selectedMap={},void(this._selectedDataIndicesMap={});for(var o=0;o<t.length;o++){var a=Gy(r,t[o]);n[a]=!1,this._selectedDataIndicesMap[a]=-1}}},e.prototype.toggleSelect=function(t,e){for(var n=[],i=0;i<t.length;i++)n[0]=t[i],this.isSelected(t[i],e)?this.unselect(n,e):this.select(n,e)},e.prototype.getSelectedDataIndices=function(){if("all"===this.option.selectedMap)return[].slice.call(this.getData().getIndices());for(var t=this._selectedDataIndicesMap,e=F(t),n=[],i=0;i<e.length;i++){var r=t[e[i]];r>=0&&n.push(r)}return n},e.prototype.isSelected=function(t,e){var n=this.option.selectedMap;if(!n)return!1;var i=this.getData(e);return("all"===n||n[Gy(i,t)])&&!i.getItemModel(t).get(["select","disabled"])},e.prototype.isUniversalTransitionEnabled=function(){if(this[Fy])return!0;var t=this.option.universalTransition;return!!t&&(!0===t||t&&t.enabled)},e.prototype._innerSelect=function(t,e){var n,i,r=this.option,o=r.selectedMode,a=e.length;if(o&&a)if("series"===o)r.selectedMap="all";else if("multiple"===o){q(r.selectedMap)||(r.selectedMap={});for(var s=r.selectedMap,l=0;l<a;l++){var u=e[l];s[h=Gy(t,u)]=!0,this._selectedDataIndicesMap[h]=t.getRawIndex(u)}}else if("single"===o||!0===o){var c=e[a-1],h=Gy(t,c);r.selectedMap=((n={})[h]=!0,n),this._selectedDataIndicesMap=((i={})[h]=t.getRawIndex(c),i)}},e.prototype._initSelectedMapFromData=function(t){if(!this.option.selectedMap){var e=[];t.hasItemOption&&t.each((function(n){var i=t.getRawDataItem(n);i&&i.selected&&e.push(n)})),e.length>0&&this._innerSelect(t,e)}},e.registerClass=function(t){return Qp.registerClass(t)},e.protoInitialize=((i=e.prototype).type="series.__base__",i.seriesIndex=0,i.ignoreStyleOnData=!1,i.hasSymbolVisual=!1,i.defaultSymbol="circle",i.visualStyleAccessPath="itemStyle",void(i.visualDrawType="fill")),e}(Qp);function Hy(t){var e=t.name;ra(t)||(t.name=function(t){var e=t.getRawData(),n=e.mapDimensionsAll("seriesName"),i=[];return z(n,(function(t){var n=e.getDimensionInfo(t);n.displayName&&i.push(n.displayName)})),i.join(" ")}(t)||e)}function Uy(t){return t.model.getRawData().count()}function Yy(t){var e=t.model;return e.setData(e.getRawData().cloneShallow()),Xy}function Xy(t,e){e.outputData&&t.end>e.outputData.count()&&e.model.getRawData().cloneShallow(e.outputData)}function Zy(t,e){z(vt(t.CHANGABLE_METHODS,t.DOWNSAMPLE_METHODS),(function(n){t.wrapMethod(n,H(jy,e))}))}function jy(t,e){var n=qy(t);return n&&n.setOutputEnd((e||this).count()),e}function qy(t){var e=(t.ecModel||{}).scheduler,n=e&&e.getPipeline(t.uid);if(n){var i=n.currentTask;if(i){var r=i.agentStubMap;r&&(i=r.get(t.uid))}return i}}R(Wy,Fg),R(Wy,Rf),Sa(Wy,Qp);var Ky=function(){function t(){this.group=new to,this.uid=Md("viewComponent")}return t.prototype.init=function(t,e){},t.prototype.render=function(t,e,n,i){},t.prototype.dispose=function(t,e){},t.prototype.updateView=function(t,e,n,i){},t.prototype.updateLayout=function(t,e,n,i){},t.prototype.updateVisual=function(t,e,n,i){},t.prototype.toggleBlurSeries=function(t,e,n){},t.prototype.eachRendered=function(t){var e=this.group;e&&e.traverse(t)},t}();function $y(){var t=sa();return function(e){var n=t(e),i=e.pipelineContext,r=!!n.large,o=!!n.progressiveRender,a=n.large=!(!i||!i.large),s=n.progressiveRender=!(!i||!i.progressiveRender);return!(r===a&&o===s)&&"reset"}}wa(Ky),Ca(Ky);var Jy=sa(),Qy=$y(),tv=function(){function t(){this.group=new to,this.uid=Md("viewChart"),this.renderTask=Hg({plan:iv,reset:rv}),this.renderTask.context={view:this}}return t.prototype.init=function(t,e){},t.prototype.render=function(t,e,n,i){0},t.prototype.highlight=function(t,e,n,i){var r=t.getData(i&&i.dataType);r&&nv(r,i,"emphasis")},t.prototype.downplay=function(t,e,n,i){var r=t.getData(i&&i.dataType);r&&nv(r,i,"normal")},t.prototype.remove=function(t,e){this.group.removeAll()},t.prototype.dispose=function(t,e){},t.prototype.updateView=function(t,e,n,i){this.render(t,e,n,i)},t.prototype.updateLayout=function(t,e,n,i){this.render(t,e,n,i)},t.prototype.updateVisual=function(t,e,n,i){this.render(t,e,n,i)},t.prototype.eachRendered=function(t){Bh(this.group,t)},t.markUpdateMethod=function(t,e){Jy(t).updateMethod=e},t.protoInitialize=void(t.prototype.type="chart"),t}();function ev(t,e,n){t&&Pu(t)&&("emphasis"===e?du:pu)(t,n)}function nv(t,e,n){var i=aa(t,e),r=e&&null!=e.highlightKey?function(t){var e=Vl[t];return null==e&&Bl<=32&&(e=Vl[t]=Bl++),e}(e.highlightKey):null;null!=i?z(qo(i),(function(e){ev(t.getItemGraphicEl(e),n,r)})):t.eachItemGraphicEl((function(t){ev(t,n,r)}))}function iv(t){return Qy(t.model)}function rv(t){var e=t.model,n=t.ecModel,i=t.api,r=t.payload,o=e.pipelineContext.progressiveRender,a=t.view,s=r&&Jy(r).updateMethod,l=o?"incrementalPrepareRender":s&&a[s]?s:"render";return"render"!==l&&a[l](e,n,i,r),ov[l]}wa(tv),Ca(tv);var ov={incrementalPrepareRender:{progress:function(t,e){e.view.incrementalRender(t,e.model,e.ecModel,e.api,e.payload)}},render:{forceFirstProgress:!0,progress:function(t,e){e.view.render(e.model,e.ecModel,e.api,e.payload)}}},av="\0__throttleOriginMethod",sv="\0__throttleRate",lv="\0__throttleType";function uv(t,e,n){var i,r,o,a,s,l=0,u=0,c=null;function h(){u=(new Date).getTime(),c=null,t.apply(o,a||[])}e=e||0;var d=function(){for(var t=[],d=0;d<arguments.length;d++)t[d]=arguments[d];i=(new Date).getTime(),o=this,a=t;var p=s||e,f=s||n;s=null,r=i-(f?l:u)-p,clearTimeout(c),f?c=setTimeout(h,p):r>=0?h():c=setTimeout(h,-r),l=i};return d.clear=function(){c&&(clearTimeout(c),c=null)},d.debounceNextCall=function(t){s=t},d}function cv(t,e,n,i){var r=t[e];if(r){var o=r[av]||r,a=r[lv];if(r[sv]!==n||a!==i){if(null==n||!i)return t[e]=o;(r=t[e]=uv(o,n,"debounce"===i))[av]=o,r[lv]=i,r[sv]=n}return r}}function hv(t,e){var n=t[e];n&&n[av]&&(n.clear&&n.clear(),t[e]=n[av])}var dv=sa(),pv={itemStyle:Da(xd,!0),lineStyle:Da(yd,!0)},fv={lineStyle:"stroke",itemStyle:"fill"};function gv(t,e){var n=t.visualStyleMapper||pv[e];return n||(console.warn("Unknown style type '"+e+"'."),pv.itemStyle)}function yv(t,e){var n=t.visualDrawType||fv[e];return n||(console.warn("Unknown style type '"+e+"'."),"fill")}var vv={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){var n=t.getData(),i=t.visualStyleAccessPath||"itemStyle",r=t.getModel(i),o=gv(t,i)(r),a=r.getShallow("decal");a&&(n.setVisual("decal",a),a.dirty=!0);var s=yv(t,i),l=o[s],u=Y(l)?l:null,c="auto"===o.fill||"auto"===o.stroke;if(!o[s]||u||c){var h=t.getColorFromPalette(t.name,null,e.getSeriesCount());o[s]||(o[s]=h,n.setVisual("colorFromPalette",!0)),o.fill="auto"===o.fill||Y(o.fill)?h:o.fill,o.stroke="auto"===o.stroke||Y(o.stroke)?h:o.stroke}if(n.setVisual("style",o),n.setVisual("drawType",s),!e.isSeriesFiltered(t)&&u)return n.setVisual("colorFromPalette",!1),{dataEach:function(e,n){var i=t.getDataParams(n),r=A({},o);r[s]=u(i),e.setItemVisual(n,"style",r)}}}},mv=new wd,xv={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){if(!t.ignoreStyleOnData&&!e.isSeriesFiltered(t)){var n=t.getData(),i=t.visualStyleAccessPath||"itemStyle",r=gv(t,i),o=n.getVisual("drawType");return{dataEach:n.hasItemOption?function(t,e){var n=t.getRawDataItem(e);if(n&&n[i]){mv.option=n[i];var a=r(mv);A(t.ensureUniqueItemVisual(e,"style"),a),mv.option.decal&&(t.setItemVisual(e,"decal",mv.option.decal),mv.option.decal.dirty=!0),o in a&&t.setItemVisual(e,"colorFromPalette",!1)}}:null}}}},_v={performRawSeries:!0,overallReset:function(t){var e=yt();t.eachSeries((function(t){var n=t.getColorBy();if(!t.isColorBySeries()){var i=t.type+"-"+n,r=e.get(i);r||(r={},e.set(i,r)),dv(t).scope=r}})),t.eachSeries((function(e){if(!e.isColorBySeries()&&!t.isSeriesFiltered(e)){var n=e.getRawData(),i={},r=e.getData(),o=dv(e).scope,a=e.visualStyleAccessPath||"itemStyle",s=yv(e,a);r.each((function(t){var e=r.getRawIndex(t);i[e]=t})),n.each((function(t){var a=i[t];if(r.getItemVisual(a,"colorFromPalette")){var l=r.ensureUniqueItemVisual(a,"style"),u=n.getName(t)||t+"",c=n.count();l[s]=e.getColorFromPalette(u,o,c)}}))}}))}},bv=Math.PI;var wv=function(){function t(t,e,n,i){this._stageTaskMap=yt(),this.ecInstance=t,this.api=e,n=this._dataProcessorHandlers=n.slice(),i=this._visualHandlers=i.slice(),this._allHandlers=n.concat(i)}return t.prototype.restoreData=function(t,e){t.restoreData(e),this._stageTaskMap.each((function(t){var e=t.overallTask;e&&e.dirty()}))},t.prototype.getPerformArgs=function(t,e){if(t.__pipeline){var n=this._pipelineMap.get(t.__pipeline.id),i=n.context,r=!e&&n.progressiveEnabled&&(!i||i.progressiveRender)&&t.__idxInPipeline>n.blockIndex?n.step:null,o=i&&i.modDataCount;return{step:r,modBy:null!=o?Math.ceil(o/r):null,modDataCount:o}}},t.prototype.getPipeline=function(t){return this._pipelineMap.get(t)},t.prototype.updateStreamModes=function(t,e){var n=this._pipelineMap.get(t.uid),i=t.getData().count(),r=n.progressiveEnabled&&e.incrementalPrepareRender&&i>=n.threshold,o=t.get("large")&&i>=t.get("largeThreshold"),a="mod"===t.get("progressiveChunkMode")?i:null;t.pipelineContext=n.context={progressiveRender:r,modDataCount:a,large:o}},t.prototype.restorePipelines=function(t){var e=this,n=e._pipelineMap=yt();t.eachSeries((function(t){var i=t.getProgressive(),r=t.uid;n.set(r,{id:r,head:null,tail:null,threshold:t.getProgressiveThreshold(),progressiveEnabled:i&&!(t.preventIncremental&&t.preventIncremental()),blockIndex:-1,step:Math.round(i||700),count:0}),e._pipe(t,t.dataTask)}))},t.prototype.prepareStageTasks=function(){var t=this._stageTaskMap,e=this.api.getModel(),n=this.api;z(this._allHandlers,(function(i){var r=t.get(i.uid)||t.set(i.uid,{}),o="";lt(!(i.reset&&i.overallReset),o),i.reset&&this._createSeriesStageTask(i,r,e,n),i.overallReset&&this._createOverallStageTask(i,r,e,n)}),this)},t.prototype.prepareView=function(t,e,n,i){var r=t.renderTask,o=r.context;o.model=e,o.ecModel=n,o.api=i,r.__block=!t.incrementalPrepareRender,this._pipe(e,r)},t.prototype.performDataProcessorTasks=function(t,e){this._performStageTasks(this._dataProcessorHandlers,t,e,{block:!0})},t.prototype.performVisualTasks=function(t,e,n){this._performStageTasks(this._visualHandlers,t,e,n)},t.prototype._performStageTasks=function(t,e,n,i){i=i||{};var r=!1,o=this;function a(t,e){return t.setDirty&&(!t.dirtyMap||t.dirtyMap.get(e.__pipeline.id))}z(t,(function(t,s){if(!i.visualType||i.visualType===t.visualType){var l=o._stageTaskMap.get(t.uid),u=l.seriesTaskMap,c=l.overallTask;if(c){var h,d=c.agentStubMap;d.each((function(t){a(i,t)&&(t.dirty(),h=!0)})),h&&c.dirty(),o.updatePayload(c,n);var p=o.getPerformArgs(c,i.block);d.each((function(t){t.perform(p)})),c.perform(p)&&(r=!0)}else u&&u.each((function(s,l){a(i,s)&&s.dirty();var u=o.getPerformArgs(s,i.block);u.skip=!t.performRawSeries&&e.isSeriesFiltered(s.context.model),o.updatePayload(s,n),s.perform(u)&&(r=!0)}))}})),this.unfinished=r||this.unfinished},t.prototype.performSeriesTasks=function(t){var e;t.eachSeries((function(t){e=t.dataTask.perform()||e})),this.unfinished=e||this.unfinished},t.prototype.plan=function(){this._pipelineMap.each((function(t){var e=t.tail;do{if(e.__block){t.blockIndex=e.__idxInPipeline;break}e=e.getUpstream()}while(e)}))},t.prototype.updatePayload=function(t,e){"remain"!==e&&(t.context.payload=e)},t.prototype._createSeriesStageTask=function(t,e,n,i){var r=this,o=e.seriesTaskMap,a=e.seriesTaskMap=yt(),s=t.seriesType,l=t.getTargetSeries;function u(e){var s=e.uid,l=a.set(s,o&&o.get(s)||Hg({plan:Cv,reset:Dv,count:Lv}));l.context={model:e,ecModel:n,api:i,useClearVisual:t.isVisual&&!t.isLayout,plan:t.plan,reset:t.reset,scheduler:r},r._pipe(e,l)}t.createOnAllSeries?n.eachRawSeries(u):s?n.eachRawSeriesByType(s,u):l&&l(n,i).each(u)},t.prototype._createOverallStageTask=function(t,e,n,i){var r=this,o=e.overallTask=e.overallTask||Hg({reset:Sv});o.context={ecModel:n,api:i,overallReset:t.overallReset,scheduler:r};var a=o.agentStubMap,s=o.agentStubMap=yt(),l=t.seriesType,u=t.getTargetSeries,c=!0,h=!1,d="";function p(t){var e=t.uid,n=s.set(e,a&&a.get(e)||(h=!0,Hg({reset:Mv,onDirty:Tv})));n.context={model:t,overallProgress:c},n.agent=o,n.__block=c,r._pipe(t,n)}lt(!t.createOnAllSeries,d),l?n.eachRawSeriesByType(l,p):u?u(n,i).each(p):(c=!1,z(n.getSeries(),p)),h&&o.dirty()},t.prototype._pipe=function(t,e){var n=t.uid,i=this._pipelineMap.get(n);!i.head&&(i.head=e),i.tail&&i.tail.pipe(e),i.tail=e,e.__idxInPipeline=i.count++,e.__pipeline=i},t.wrapStageHandler=function(t,e){return Y(t)&&(t={overallReset:t,seriesType:Pv(t)}),t.uid=Md("stageHandler"),e&&(t.visualType=e),t},t}();function Sv(t){t.overallReset(t.ecModel,t.api,t.payload)}function Mv(t){return t.overallProgress&&Iv}function Iv(){this.agent.dirty(),this.getDownstream().dirty()}function Tv(){this.agent&&this.agent.dirty()}function Cv(t){return t.plan?t.plan(t.model,t.ecModel,t.api,t.payload):null}function Dv(t){t.useClearVisual&&t.data.clearAllVisual();var e=t.resetDefines=qo(t.reset(t.model,t.ecModel,t.api,t.payload));return e.length>1?E(e,(function(t,e){return kv(e)})):Av}var Av=kv(0);function kv(t){return function(e,n){var i=n.data,r=n.resetDefines[t];if(r&&r.dataEach)for(var o=e.start;o<e.end;o++)r.dataEach(i,o);else r&&r.progress&&r.progress(e,i)}}function Lv(t){return t.data.count()}function Pv(t){Ov=null;try{t(Rv,Nv)}catch(t){}return Ov}var Ov,Rv={},Nv={};function zv(t,e){for(var n in e.prototype)t[n]=bt}zv(Rv,Bf),zv(Nv,Hf),Rv.eachSeriesByType=Rv.eachRawSeriesByType=function(t){Ov=t},Rv.eachComponent=function(t){"series"===t.mainType&&t.subType&&(Ov=t.subType)};var Ev,Bv=tf.darkColor,Vv=Bv.background,Gv=function(){return{axisLine:{lineStyle:{color:Bv.axisLine}},splitLine:{lineStyle:{color:Bv.axisSplitLine}},splitArea:{areaStyle:{color:[Bv.backgroundTint,Bv.backgroundTransparent]}},minorSplitLine:{lineStyle:{color:Bv.axisMinorSplitLine}},axisLabel:{color:Bv.axisLabel},axisName:{}}},Fv={label:{color:Bv.secondary},itemStyle:{borderColor:Bv.borderTint},dividerLineStyle:{color:Bv.border}},Wv={darkMode:!0,color:Bv.theme,backgroundColor:Vv,axisPointer:{lineStyle:{color:Bv.border},crossStyle:{color:Bv.borderShade},label:{color:Bv.tertiary}},legend:{textStyle:{color:Bv.secondary},pageTextStyle:{color:Bv.tertiary}},textStyle:{color:Bv.secondary},title:{textStyle:{color:Bv.primary},subtextStyle:{color:Bv.quaternary}},toolbox:{iconStyle:{borderColor:Bv.accent50}},tooltip:{backgroundColor:Bv.neutral20,defaultBorderColor:Bv.border,textStyle:{color:Bv.tertiary}},dataZoom:{borderColor:Bv.accent10,textStyle:{color:Bv.tertiary},brushStyle:{color:Bv.backgroundTint},handleStyle:{color:Bv.neutral00,borderColor:Bv.accent20},moveHandleStyle:{color:Bv.accent40},emphasis:{handleStyle:{borderColor:Bv.accent50}},dataBackground:{lineStyle:{color:Bv.accent30},areaStyle:{color:Bv.accent20}},selectedDataBackground:{lineStyle:{color:Bv.accent50},areaStyle:{color:Bv.accent30}}},visualMap:{textStyle:{color:Bv.secondary},handleStyle:{borderColor:Bv.neutral30}},timeline:{lineStyle:{color:Bv.accent10},label:{color:Bv.tertiary},controlStyle:{color:Bv.accent30,borderColor:Bv.accent30}},calendar:{itemStyle:{color:Bv.neutral00,borderColor:Bv.neutral20},dayLabel:{color:Bv.tertiary},monthLabel:{color:Bv.secondary},yearLabel:{color:Bv.secondary}},matrix:{x:Fv,y:Fv,backgroundColor:{borderColor:Bv.axisLine},body:{itemStyle:{borderColor:Bv.borderTint}}},timeAxis:Gv(),logAxis:Gv(),valueAxis:Gv(),categoryAxis:Gv(),line:{symbol:"circle"},graph:{color:Bv.theme},gauge:{title:{color:Bv.secondary},axisLine:{lineStyle:{color:[[1,Bv.neutral05]]}},axisLabel:{color:Bv.axisLabel},detail:{color:Bv.primary}},candlestick:{itemStyle:{color:"#f64e56",color0:"#54ea92",borderColor:"#f64e56",borderColor0:"#54ea92"}},funnel:{itemStyle:{borderColor:Bv.background}},radar:(Ev=Gv(),Ev.axisName={color:Bv.axisLabel},Ev.axisLine.lineStyle.color=Bv.neutral20,Ev),treemap:{breadcrumb:{itemStyle:{color:Bv.neutral20,textStyle:{color:Bv.secondary}},emphasis:{itemStyle:{color:Bv.neutral30}}}},sunburst:{itemStyle:{borderColor:Bv.background}},map:{itemStyle:{borderColor:Bv.border,areaColor:Bv.neutral10},label:{color:Bv.tertiary},emphasis:{label:{color:Bv.primary},itemStyle:{areaColor:Bv.highlight}},select:{label:{color:Bv.primary},itemStyle:{areaColor:Bv.highlight}}},geo:{itemStyle:{borderColor:Bv.border,areaColor:Bv.neutral10},emphasis:{label:{color:Bv.primary},itemStyle:{areaColor:Bv.highlight}},select:{label:{color:Bv.primary},itemStyle:{color:Bv.highlight}}}};Wv.categoryAxis.splitLine.show=!1;var Hv=function(){function t(){}return t.prototype.normalizeQuery=function(t){var e={},n={},i={};if(X(t)){var r=ba(t);e.mainType=r.main||null,e.subType=r.sub||null}else{var o=["Index","Name","Id"],a={name:1,dataIndex:1,dataType:1};z(t,(function(t,r){for(var s=!1,l=0;l<o.length;l++){var u=o[l],c=r.lastIndexOf(u);if(c>0&&c===r.length-u.length){var h=r.slice(0,c);"data"!==h&&(e.mainType=h,e[u.toLowerCase()]=t,s=!0)}}a.hasOwnProperty(r)&&(n[r]=t,s=!0),s||(i[r]=t)}))}return{cptQuery:e,dataQuery:n,otherQuery:i}},t.prototype.filter=function(t,e){var n=this.eventInfo;if(!n)return!0;var i=n.targetEl,r=n.packedEvent,o=n.model,a=n.view;if(!o||!a)return!0;var s=e.cptQuery,l=e.dataQuery;return u(s,o,"mainType")&&u(s,o,"subType")&&u(s,o,"index","componentIndex")&&u(s,o,"name")&&u(s,o,"id")&&u(l,r,"name")&&u(l,r,"dataIndex")&&u(l,r,"dataType")&&(!a.filterForExposedEvent||a.filterForExposedEvent(t,e.otherQuery,i,r));function u(t,e,n,i){return null==t[n]||e[i||n]===t[n]}},t.prototype.afterTrigger=function(){this.eventInfo=null},t}(),Uv=["symbol","symbolSize","symbolRotate","symbolOffset"],Yv=Uv.concat(["symbolKeepAspect"]),Xv={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){var n=t.getData();if(t.legendIcon&&n.setVisual("legendIcon",t.legendIcon),t.hasSymbolVisual){for(var i={},r={},o=!1,a=0;a<Uv.length;a++){var s=Uv[a],l=t.get(s);Y(l)?(o=!0,r[s]=l):i[s]=l}if(i.symbol=i.symbol||t.defaultSymbol,n.setVisual(A({legendIcon:t.legendIcon||i.symbol,symbolKeepAspect:t.get("symbolKeepAspect")},i)),!e.isSeriesFiltered(t)){var u=F(r);return{dataEach:o?function(e,n){for(var i=t.getRawValue(n),o=t.getDataParams(n),a=0;a<u.length;a++){var s=u[a];e.setItemVisual(n,s,r[s](i,o))}}:null}}}}},Zv={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){if(t.hasSymbolVisual&&!e.isSeriesFiltered(t))return{dataEach:t.getData().hasItemOption?function(t,e){for(var n=t.getItemModel(e),i=0;i<Yv.length;i++){var r=Yv[i],o=n.getShallow(r,!0);null!=o&&t.setItemVisual(e,r,o)}}:null}}};function jv(t,e,n){switch(n){case"color":return t.getItemVisual(e,"style")[t.getVisual("drawType")];case"opacity":return t.getItemVisual(e,"style").opacity;case"symbol":case"symbolSize":case"liftZ":return t.getItemVisual(e,n)}}function qv(t,e){switch(e){case"color":return t.getVisual("style")[t.getVisual("drawType")];case"opacity":return t.getVisual("style").opacity;case"symbol":case"symbolSize":case"liftZ":return t.getVisual(e)}}function Kv(t,e,n,i){switch(n){case"color":t.ensureUniqueItemVisual(e,"style")[t.getVisual("drawType")]=i,t.setItemVisual(e,"colorFromPalette",!1);break;case"opacity":t.ensureUniqueItemVisual(e,"style").opacity=i;break;case"symbol":case"symbolSize":case"liftZ":t.setItemVisual(e,n,i)}}function $v(t,e){function n(e,n){var i=[];return e.eachComponent({mainType:"series",subType:t,query:n},(function(t){i.push(t.seriesIndex)})),i}z([[t+"ToggleSelect","toggleSelect"],[t+"Select","select"],[t+"UnSelect","unselect"]],(function(t){e(t[0],(function(e,i,r){e=A({},e),r.dispatchAction(A(e,{type:t[1],seriesIndex:n(i,e)}))}))}))}function Jv(t,e,n,i,r){var o=t+e;n.isSilent(o)||i.eachComponent({mainType:"series",subType:"pie"},(function(t){for(var e=t.seriesIndex,i=t.option.selectedMap,a=r.selected,s=0;s<a.length;s++)if(a[s].seriesIndex===e){var l=t.getData(),u=aa(l,r.fromActionPayload);n.trigger(o,{type:o,seriesId:t.id,name:U(u)?l.getName(u[0]):l.getName(u),selected:X(i)?i:A({},i)})}}))}function Qv(t,e,n){for(var i;t&&(!e(t)||(i=t,!n));)t=t.__hostTarget||t.parent;return i}var tm=Math.round(9*Math.random()),em="function"==typeof Object.defineProperty,nm=function(){function t(){this._id="__ec_inner_"+tm++}return t.prototype.get=function(t){return this._guard(t)[this._id]},t.prototype.set=function(t,e){var n=this._guard(t);return em?Object.defineProperty(n,this._id,{value:e,enumerable:!1,configurable:!0}):n[this._id]=e,this},t.prototype.delete=function(t){return!!this.has(t)&&(delete this._guard(t)[this._id],!0)},t.prototype.has=function(t){return!!this._guard(t)[this._id]},t.prototype._guard=function(t){if(t!==Object(t))throw TypeError("Value of WeakMap is not a non-null object.");return t},t}(),im=sl.extend({type:"triangle",shape:{cx:0,cy:0,width:0,height:0},buildPath:function(t,e){var n=e.cx,i=e.cy,r=e.width/2,o=e.height/2;t.moveTo(n,i-o),t.lineTo(n+r,i+o),t.lineTo(n-r,i+o),t.closePath()}}),rm=sl.extend({type:"diamond",shape:{cx:0,cy:0,width:0,height:0},buildPath:function(t,e){var n=e.cx,i=e.cy,r=e.width/2,o=e.height/2;t.moveTo(n,i-o),t.lineTo(n+r,i),t.lineTo(n,i+o),t.lineTo(n-r,i),t.closePath()}}),om=sl.extend({type:"pin",shape:{x:0,y:0,width:0,height:0},buildPath:function(t,e){var n=e.x,i=e.y,r=e.width/5*3,o=Math.max(r,e.height),a=r/2,s=a*a/(o-a),l=i-o+a+s,u=Math.asin(s/a),c=Math.cos(u)*a,h=Math.sin(u),d=Math.cos(u),p=.6*a,f=.7*a;t.moveTo(n-c,l+s),t.arc(n,l,a,Math.PI-u,2*Math.PI+u),t.bezierCurveTo(n+c-h*p,l+s+d*p,n,i-f,n,i),t.bezierCurveTo(n,i-f,n-c+h*p,l+s+d*p,n-c,l+s),t.closePath()}}),am=sl.extend({type:"arrow",shape:{x:0,y:0,width:0,height:0},buildPath:function(t,e){var n=e.height,i=e.width,r=e.x,o=e.y,a=i/3*2;t.moveTo(r,o),t.lineTo(r+a,o+n),t.lineTo(r,o+n/4*3),t.lineTo(r-a,o+n),t.lineTo(r,o),t.closePath()}}),sm={line:function(t,e,n,i,r){r.x1=t,r.y1=e+i/2,r.x2=t+n,r.y2=e+i/2},rect:function(t,e,n,i,r){r.x=t,r.y=e,r.width=n,r.height=i},roundRect:function(t,e,n,i,r){r.x=t,r.y=e,r.width=n,r.height=i,r.r=Math.min(n,i)/4},square:function(t,e,n,i,r){var o=Math.min(n,i);r.x=t,r.y=e,r.width=o,r.height=o},circle:function(t,e,n,i,r){r.cx=t+n/2,r.cy=e+i/2,r.r=Math.min(n,i)/2},diamond:function(t,e,n,i,r){r.cx=t+n/2,r.cy=e+i/2,r.width=n,r.height=i},pin:function(t,e,n,i,r){r.x=t+n/2,r.y=e+i/2,r.width=n,r.height=i},arrow:function(t,e,n,i,r){r.x=t+n/2,r.y=e+i/2,r.width=n,r.height=i},triangle:function(t,e,n,i,r){r.cx=t+n/2,r.cy=e+i/2,r.width=n,r.height=i}},lm={};z({line:Ac,rect:xl,roundRect:xl,square:xl,circle:nc,diamond:rm,pin:om,arrow:am,triangle:im},(function(t,e){lm[e]=new t}));var um=sl.extend({type:"symbol",shape:{symbolType:"",x:0,y:0,width:0,height:0},calculateTextPosition:function(t,e,n){var i=Wr(t,e,n),r=this.shape;return r&&"pin"===r.symbolType&&"inside"===e.position&&(i.y=n.y+.4*n.height),i},buildPath:function(t,e,n){var i=e.symbolType;if("none"!==i){var r=lm[i];r||(r=lm[i="rect"]),sm[i](e.x,e.y,e.width,e.height,r.shape),r.buildPath(t,r.shape,n)}}});function cm(t,e){if("image"!==this.type){var n=this.style;this.__isEmptyBrush?(n.stroke=t,n.fill=e||tf.color.neutral00,n.lineWidth=2):"line"===this.shape.symbolType?n.stroke=t:n.fill=t,this.markRedraw()}}function hm(t,e,n,i,r,o,a){var s,l=0===t.indexOf("empty");return l&&(t=t.substr(5,1).toLowerCase()+t.substr(6)),(s=0===t.indexOf("image://")?yh(t.slice(8),new He(e,n,i,r),a?"center":"cover"):0===t.indexOf("path://")?gh(t.slice(7),{},new He(e,n,i,r),a?"center":"cover"):new um({shape:{symbolType:t,x:e,y:n,width:i,height:r}})).__isEmptyBrush=l,s.setColor=cm,o&&s.setColor(o),s}function dm(t){return U(t)||(t=[+t,+t]),[t[0]||0,t[1]||0]}function pm(t,e){if(null!=t)return U(t)||(t=[t,t]),[yo(t[0],e[0])||0,yo(rt(t[1],t[0]),e[1])||0]}function fm(t){return isFinite(t)}function gm(t,e,n){for(var i="radial"===e.type?function(t,e,n){var i=n.width,r=n.height,o=Math.min(i,r),a=null==e.x?.5:e.x,s=null==e.y?.5:e.y,l=null==e.r?.5:e.r;return e.global||(a=a*i+n.x,s=s*r+n.y,l*=o),a=fm(a)?a:.5,s=fm(s)?s:.5,l=l>=0&&fm(l)?l:.5,t.createRadialGradient(a,s,0,a,s,l)}(t,e,n):function(t,e,n){var i=null==e.x?0:e.x,r=null==e.x2?1:e.x2,o=null==e.y?0:e.y,a=null==e.y2?0:e.y2;return e.global||(i=i*n.width+n.x,r=r*n.width+n.x,o=o*n.height+n.y,a=a*n.height+n.y),i=fm(i)?i:0,r=fm(r)?r:1,o=fm(o)?o:0,a=fm(a)?a:0,t.createLinearGradient(i,o,r,a)}(t,e,n),r=e.colorStops,o=0;o<r.length;o++)i.addColorStop(r[o].offset,r[o].color);return i}function ym(t){return parseInt(t,10)}function vm(t,e,n){var i=["width","height"][e],r=["clientWidth","clientHeight"][e],o=["paddingLeft","paddingTop"][e],a=["paddingRight","paddingBottom"][e];if(null!=n[i]&&"auto"!==n[i])return parseFloat(n[i]);var s=document.defaultView.getComputedStyle(t);return(t[r]||ym(s[i])||ym(t.style[i]))-(ym(s[o])||0)-(ym(s[a])||0)|0}function mm(t){var e,n,i=t.style,r=i.lineDash&&i.lineWidth>0&&(e=i.lineDash,n=i.lineWidth,e&&"solid"!==e&&n>0?"dashed"===e?[4*n,2*n]:"dotted"===e?[n]:j(e)?[e]:U(e)?e:null:null),o=i.lineDashOffset;if(r){var a=i.strokeNoScale&&t.getLineScale?t.getLineScale():1;a&&1!==a&&(r=E(r,(function(t){return t/a})),o/=a)}return[r,o]}var xm=new Fs(!0);function _m(t){var e=t.stroke;return!(null==e||"none"===e||!(t.lineWidth>0))}function bm(t){return"string"==typeof t&&"none"!==t}function wm(t){var e=t.fill;return null!=e&&"none"!==e}function Sm(t,e){if(null!=e.fillOpacity&&1!==e.fillOpacity){var n=t.globalAlpha;t.globalAlpha=e.fillOpacity*e.opacity,t.fill(),t.globalAlpha=n}else t.fill()}function Mm(t,e){if(null!=e.strokeOpacity&&1!==e.strokeOpacity){var n=t.globalAlpha;t.globalAlpha=e.strokeOpacity*e.opacity,t.stroke(),t.globalAlpha=n}else t.stroke()}function Im(t,e,n){var i=Oa(e.image,e.__image,n);if(Na(i)){var r=t.createPattern(i,e.repeat||"repeat");if("function"==typeof DOMMatrix&&r&&r.setTransform){var o=new DOMMatrix;o.translateSelf(e.x||0,e.y||0),o.rotateSelf(0,0,(e.rotation||0)*wt),o.scaleSelf(e.scaleX||1,e.scaleY||1),r.setTransform(o)}return r}}var Tm=["shadowBlur","shadowOffsetX","shadowOffsetY"],Cm=[["lineCap","butt"],["lineJoin","miter"],["miterLimit",10]];function Dm(t,e,n,i,r){var o=!1;if(!i&&e===(n=n||{}))return!1;if(i||e.opacity!==n.opacity){Lm(t,r),o=!0;var a=Math.max(Math.min(e.opacity,1),0);t.globalAlpha=isNaN(a)?es.opacity:a}(i||e.blend!==n.blend)&&(o||(Lm(t,r),o=!0),t.globalCompositeOperation=e.blend||es.blend);for(var s=0;s<Tm.length;s++){var l=Tm[s];(i||e[l]!==n[l])&&(o||(Lm(t,r),o=!0),t[l]=t.dpr*(e[l]||0))}return(i||e.shadowColor!==n.shadowColor)&&(o||(Lm(t,r),o=!0),t.shadowColor=e.shadowColor||es.shadowColor),o}function Am(t,e,n,i,r){var o=Pm(e,r.inHover),a=i?null:n&&Pm(n,r.inHover)||{};if(o===a)return!1;var s=Dm(t,o,a,i,r);if((i||o.fill!==a.fill)&&(s||(Lm(t,r),s=!0),bm(o.fill)&&(t.fillStyle=o.fill)),(i||o.stroke!==a.stroke)&&(s||(Lm(t,r),s=!0),bm(o.stroke)&&(t.strokeStyle=o.stroke)),(i||o.opacity!==a.opacity)&&(s||(Lm(t,r),s=!0),t.globalAlpha=null==o.opacity?1:o.opacity),e.hasStroke()){var l=o.lineWidth/(o.strokeNoScale&&e.getLineScale?e.getLineScale():1);t.lineWidth!==l&&(s||(Lm(t,r),s=!0),t.lineWidth=l)}for(var u=0;u<Cm.length;u++){var c=Cm[u],h=c[0];(i||o[h]!==a[h])&&(s||(Lm(t,r),s=!0),t[h]=o[h]||c[1])}return s}function km(t,e){var n=e.transform,i=t.dpr||1;n?t.setTransform(i*n[0],i*n[1],i*n[2],i*n[3],i*n[4],i*n[5]):t.setTransform(i,0,0,i,0,0)}function Lm(t,e){e.batchFill&&t.fill(),e.batchStroke&&t.stroke(),e.batchFill="",e.batchStroke=""}function Pm(t,e){return e&&t.__hoverStyle||t.style}function Om(t,e){Rm(t,e,{inHover:!1,viewWidth:0,viewHeight:0},!0)}function Rm(t,e,n,i){var r=e.transform;if(!e.shouldBePainted(n.viewWidth,n.viewHeight,!1,!1))return e.__dirty&=-2,void(e.__isRendered=!1);var o=e.__clipPaths,s=n.prevElClipPaths,l=!1,u=!1;if(s&&!function(t,e){if(t===e||!t&&!e)return!1;if(!t||!e||t.length!==e.length)return!0;for(var n=0;n<t.length;n++)if(t[n]!==e[n])return!0;return!1}(o,s)||(s&&s.length&&(Lm(t,n),t.restore(),u=l=!0,n.prevElClipPaths=null,n.allClipped=!1,n.prevEl=null),o&&o.length&&(Lm(t,n),t.save(),function(t,e,n){for(var i=!1,r=0;r<t.length;r++){var o=t[r];i=i||o.isZeroArea(),km(e,o),e.beginPath(),o.buildPath(e,o.shape),e.clip()}n.allClipped=i}(o,t,n),l=!0),n.prevElClipPaths=o),n.allClipped)e.__isRendered=!1;else{e.beforeBrush&&e.beforeBrush(),e.innerBeforeBrush();var c=n.prevEl;c||(u=l=!0);var h,d,p=e instanceof sl&&e.autoBatch&&function(t){var e=wm(t),n=_m(t);return!(t.lineDash||!(+e^+n)||e&&"string"!=typeof t.fill||n&&"string"!=typeof t.stroke||t.strokePercent<1||t.strokeOpacity<1||t.fillOpacity<1)}(e.style);l||(h=r,d=c.transform,h&&d?h[0]!==d[0]||h[1]!==d[1]||h[2]!==d[2]||h[3]!==d[3]||h[4]!==d[4]||h[5]!==d[5]:h||d)?(Lm(t,n),km(t,e)):p||Lm(t,n);var f=Pm(e,n.inHover);e instanceof sl?(1!==n.lastDrawType&&(u=!0,n.lastDrawType=1),Am(t,e,c,u,n),p&&(n.batchFill||n.batchStroke)||t.beginPath(),function(t,e,n,i){var r,o=_m(n),a=wm(n),s=n.strokePercent,l=s<1,u=!e.path;e.silent&&!l||!u||e.createPathProxy();var c=e.path||xm,h=e.__dirty;if(!i){var d=n.fill,p=n.stroke,f=a&&!!d.colorStops,g=o&&!!p.colorStops,y=a&&!!d.image,v=o&&!!p.image,m=void 0,x=void 0,_=void 0,b=void 0,w=void 0;(f||g)&&(w=e.getBoundingRect()),f&&(m=h?gm(t,d,w):e.__canvasFillGradient,e.__canvasFillGradient=m),g&&(x=h?gm(t,p,w):e.__canvasStrokeGradient,e.__canvasStrokeGradient=x),y&&(_=h||!e.__canvasFillPattern?Im(t,d,e):e.__canvasFillPattern,e.__canvasFillPattern=_),v&&(b=h||!e.__canvasStrokePattern?Im(t,p,e):e.__canvasStrokePattern,e.__canvasStrokePattern=b),f?t.fillStyle=m:y&&(_?t.fillStyle=_:a=!1),g?t.strokeStyle=x:v&&(b?t.strokeStyle=b:o=!1)}var S,M,I=e.getGlobalScale();c.setScale(I[0],I[1],e.segmentIgnoreThreshold),t.setLineDash&&n.lineDash&&(S=(r=mm(e))[0],M=r[1]);var T=!0;(u||4&h)&&(c.setDPR(t.dpr),l?c.setContext(null):(c.setContext(t),T=!1),c.reset(),e.buildPath(c,e.shape,i),c.toStatic(),e.pathUpdated()),T&&c.rebuildPath(t,l?s:1),S&&(t.setLineDash(S),t.lineDashOffset=M),i||(n.strokeFirst?(o&&Mm(t,n),a&&Sm(t,n)):(a&&Sm(t,n),o&&Mm(t,n))),S&&t.setLineDash([])}(t,e,f,p),p&&(n.batchFill=f.fill||"",n.batchStroke=f.stroke||"")):e instanceof ul?(3!==n.lastDrawType&&(u=!0,n.lastDrawType=3),Am(t,e,c,u,n),function(t,e,n){var i,r=n.text;if(null!=r&&(r+=""),r){t.font=n.font||a,t.textAlign=n.textAlign,t.textBaseline=n.textBaseline;var o=void 0,s=void 0;t.setLineDash&&n.lineDash&&(o=(i=mm(e))[0],s=i[1]),o&&(t.setLineDash(o),t.lineDashOffset=s),n.strokeFirst?(_m(n)&&t.strokeText(r,n.x,n.y),wm(n)&&t.fillText(r,n.x,n.y)):(wm(n)&&t.fillText(r,n.x,n.y),_m(n)&&t.strokeText(r,n.x,n.y)),o&&t.setLineDash([])}}(t,e,f)):e instanceof dl?(2!==n.lastDrawType&&(u=!0,n.lastDrawType=2),function(t,e,n,i,r){Dm(t,Pm(e,r.inHover),n&&Pm(n,r.inHover),i,r)}(t,e,c,u,n),function(t,e,n){var i=e.__image=Oa(n.image,e.__image,e,e.onload);if(i&&Na(i)){var r=n.x||0,o=n.y||0,a=e.getWidth(),s=e.getHeight(),l=i.width/i.height;if(null==a&&null!=s?a=s*l:null==s&&null!=a?s=a/l:null==a&&null==s&&(a=i.width,s=i.height),n.sWidth&&n.sHeight){var u=n.sx||0,c=n.sy||0;t.drawImage(i,u,c,n.sWidth,n.sHeight,r,o,a,s)}else if(n.sx&&n.sy){var h=a-(u=n.sx),d=s-(c=n.sy);t.drawImage(i,u,c,h,d,r,o,a,s)}else t.drawImage(i,r,o,a,s)}}(t,e,f)):e.getTemporalDisplayables&&(4!==n.lastDrawType&&(u=!0,n.lastDrawType=4),function(t,e,n){var i=e.getDisplayables(),r=e.getTemporalDisplayables();t.save();var o,a,s={prevElClipPaths:null,prevEl:null,allClipped:!1,viewWidth:n.viewWidth,viewHeight:n.viewHeight,inHover:n.inHover};for(o=e.getCursor(),a=i.length;o<a;o++){(c=i[o]).beforeBrush&&c.beforeBrush(),c.innerBeforeBrush(),Rm(t,c,s,o===a-1),c.innerAfterBrush(),c.afterBrush&&c.afterBrush(),s.prevEl=c}for(var l=0,u=r.length;l<u;l++){var c;(c=r[l]).beforeBrush&&c.beforeBrush(),c.innerBeforeBrush(),Rm(t,c,s,l===u-1),c.innerAfterBrush(),c.afterBrush&&c.afterBrush(),s.prevEl=c}e.clearTemporalDisplayables(),e.notClear=!0,t.restore()}(t,e,n)),p&&i&&Lm(t,n),e.innerAfterBrush(),e.afterBrush&&e.afterBrush(),n.prevEl=e,e.__dirty=0,e.__isRendered=!0}}var Nm=new nm,zm=new Xn(100),Em=["symbol","symbolSize","symbolKeepAspect","color","backgroundColor","dashArrayX","dashArrayY","maxTileWidth","maxTileHeight"];function Bm(t,e){if("none"===t)return null;var n=e.getDevicePixelRatio(),i=e.getZr(),r="svg"===i.painter.type;t.dirty&&Nm.delete(t);var o=Nm.get(t);if(o)return o;var a=k(t,{symbol:"rect",symbolSize:1,symbolKeepAspect:!0,color:"rgba(0, 0, 0, 0.2)",backgroundColor:null,dashArrayX:5,dashArrayY:5,rotation:0,maxTileWidth:512,maxTileHeight:512});"none"===a.backgroundColor&&(a.backgroundColor=null);var s={repeat:"repeat"};return function(t){for(var e,o=[n],s=!0,l=0;l<Em.length;++l){var u=a[Em[l]];if(null!=u&&!U(u)&&!X(u)&&!j(u)&&"boolean"!=typeof u){s=!1;break}o.push(u)}if(s){e=o.join(",")+(r?"-svg":"");var h=zm.get(e);h&&(r?t.svgElement=h:t.image=h)}var d,p=Gm(a.dashArrayX),f=function(t){if(!t||"object"==typeof t&&0===t.length)return[0,0];if(j(t)){var e=Math.ceil(t);return[e,e]}var n=E(t,(function(t){return Math.ceil(t)}));return t.length%2?n.concat(n):n}(a.dashArrayY),g=Vm(a.symbol),y=(b=p,E(b,(function(t){return Fm(t)}))),v=Fm(f),m=!r&&c.createCanvas(),x=r&&{tag:"g",attrs:{},key:"dcl",children:[]},_=function(){for(var t=1,e=0,n=y.length;e<n;++e)t=Vo(t,y[e]);var i=1;for(e=0,n=g.length;e<n;++e)i=Vo(i,g[e].length);t*=i;var r=v*y.length*g.length;return{width:Math.max(1,Math.min(t,a.maxTileWidth)),height:Math.max(1,Math.min(r,a.maxTileHeight))}}();var b;m&&(m.width=_.width*n,m.height=_.height*n,d=m.getContext("2d"));(function(){d&&(d.clearRect(0,0,m.width,m.height),a.backgroundColor&&(d.fillStyle=a.backgroundColor,d.fillRect(0,0,m.width,m.height)));for(var t=0,e=0;e<f.length;++e)t+=f[e];if(t<=0)return;var o=-v,s=0,l=0,u=0;for(;o<_.height;){if(s%2==0){for(var c=l/2%g.length,h=0,y=0,b=0;h<2*_.width;){var w=0;for(e=0;e<p[u].length;++e)w+=p[u][e];if(w<=0)break;if(y%2==0){var S=.5*(1-a.symbolSize),M=h+p[u][y]*S,I=o+f[s]*S,T=p[u][y]*a.symbolSize,C=f[s]*a.symbolSize,D=b/2%g[c].length;A(M,I,T,C,g[c][D])}h+=p[u][y],++b,++y===p[u].length&&(y=0)}++u===p.length&&(u=0)}o+=f[s],++l,++s===f.length&&(s=0)}function A(t,e,o,s,l){var u=r?1:n,c=hm(l,t*u,e*u,o*u,s*u,a.color,a.symbolKeepAspect);if(r){var h=i.painter.renderOneToVNode(c);h&&x.children.push(h)}else Om(d,c)}})(),s&&zm.put(e,m||x);t.image=m,t.svgElement=x,t.svgWidth=_.width,t.svgHeight=_.height}(s),s.rotation=a.rotation,s.scaleX=s.scaleY=r?1:1/n,Nm.set(t,s),t.dirty=!1,s}function Vm(t){if(!t||0===t.length)return[["rect"]];if(X(t))return[[t]];for(var e=!0,n=0;n<t.length;++n)if(!X(t[n])){e=!1;break}if(e)return Vm([t]);var i=[];for(n=0;n<t.length;++n)X(t[n])?i.push([t[n]]):i.push(t[n]);return i}function Gm(t){if(!t||0===t.length)return[[0,0]];if(j(t))return[[r=Math.ceil(t),r]];for(var e=!0,n=0;n<t.length;++n)if(!j(t[n])){e=!1;break}if(e)return Gm([t]);var i=[];for(n=0;n<t.length;++n)if(j(t[n])){var r=Math.ceil(t[n]);i.push([r,r])}else{(r=E(t[n],(function(t){return Math.ceil(t)}))).length%2==1?i.push(r.concat(r)):i.push(r)}return i}function Fm(t){for(var e=0,n=0;n<t.length;++n)e+=t[n];return t.length%2==1?2*e:e}var Wm=new qt,Hm={};function Um(t){return Hm[t]}var Ym={};function Xm(t,e){Ym[t]=e}var Zm=2e3,jm=4500,qm={PROCESSOR:{FILTER:1e3,SERIES_FILTER:800,STATISTIC:5e3},VISUAL:{LAYOUT:1e3,PROGRESSIVE_LAYOUT:1100,GLOBAL:Zm,CHART:3e3,POST_CHART_LAYOUT:4600,COMPONENT:4e3,BRUSH:5e3,CHART_ITEM:jm,ARIA:6e3,DECAL:7e3}},Km="__flagInMainProcess",$m="__mainProcessVersion",Jm="__pendingUpdate",Qm="__needsUpdateStatus",tx=/^[a-zA-Z0-9_]+$/,ex="__connectUpdateStatus";function nx(t){return function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];if(!this.isDisposed())return rx(this,t,e);kx(this.id)}}function ix(t){return function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return rx(this,t,e)}}function rx(t,e,n){return n[0]=n[0]&&n[0].toLowerCase(),qt.prototype[e].apply(t,n)}var ox,ax,sx,lx,ux,cx,hx,dx,px,fx,gx,yx,vx,mx,xx,_x,bx,Sx,Mx,Ix=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e}(qt),Tx=Ix.prototype;Tx.on=ix("on"),Tx.off=ix("off");var Cx=function(t){function e(e,n,i){var r=t.call(this,new Hv)||this;r._chartsViews=[],r._chartsMap={},r._componentsViews=[],r._componentsMap={},r._pendingActions=[],i=i||{},r._dom=e;var o="canvas",a="auto",s=!1;r[$m]=1,i.ssr&&lo((function(t){var e=zl(t),n=e.dataIndex;if(null!=n){var i=yt();return i.set("series_index",e.seriesIndex),i.set("data_index",n),e.ssrType&&i.set("ssr_type",e.ssrType),i}}));var l=r._zr=oo(e,{renderer:i.renderer||o,devicePixelRatio:i.devicePixelRatio,width:i.width,height:i.height,ssr:i.ssr,useDirtyRect:rt(i.useDirtyRect,s),useCoarsePointer:rt(i.useCoarsePointer,a),pointerSize:i.pointerSize});r._ssr=i.ssr,r._throttledZrFlush=uv(W(l.flush,l),17),r._updateTheme(n),r._locale=function(t){if(X(t)){var e=Ad[t.toUpperCase()]||{};return t===Td||t===Cd?T(e):C(T(e),T(Ad[Dd]),!1)}return C(T(t),T(Ad[Dd]),!1)}(i.locale||Ld),r._coordSysMgr=new Tp;var u=r._api=xx(r);function c(t,e){return t.__prio-e.__prio}return cn(zx,c),cn(Rx,c),r._scheduler=new wv(r,u,Rx,zx),r._messageCenter=new Ix,r._initEvents(),r.resize=W(r.resize,r),l.animation.on("frame",r._onframe,r),fx(l,r),gx(l,r),ht(r),r}return n(e,t),e.prototype._onframe=function(){if(!this._disposed){Sx(this);var t=this._scheduler;if(this[Jm]){var e=this[Jm].silent;this[Km]=!0,Mx(this);try{ox(this),lx.update.call(this,null,this[Jm].updateParams)}catch(t){throw this[Km]=!1,this[Jm]=null,t}this._zr.flush(),this[Km]=!1,this[Jm]=null,dx.call(this,e),px.call(this,e)}else if(t.unfinished){var n=1,i=this._model,r=this._api;t.unfinished=!1;do{var o=+new Date;t.performSeriesTasks(i),t.performDataProcessorTasks(i),cx(this,i),t.performVisualTasks(i),mx(this,this._model,r,"remain",{}),n-=+new Date-o}while(n>0&&t.unfinished);t.unfinished||this._zr.flush()}}},e.prototype.getDom=function(){return this._dom},e.prototype.getId=function(){return this.id},e.prototype.getZr=function(){return this._zr},e.prototype.isSSR=function(){return this._ssr},e.prototype.setOption=function(t,e,n){if(!this[Km])if(this._disposed)kx(this.id);else{var i,r,o;if(q(e)&&(n=e.lazyUpdate,i=e.silent,r=e.replaceMerge,o=e.transition,e=e.notMerge),this[Km]=!0,Mx(this),!this._model||e){var a=new Yf(this._api),s=this._theme,l=this._model=new Bf;l.scheduler=this._scheduler,l.ssr=this._ssr,l.init(null,null,null,s,this._locale,a)}this._model.setOption(t,{replaceMerge:r},Nx);var u={seriesTransition:o,optionChanged:!0};if(n)this[Jm]={silent:i,updateParams:u},this[Km]=!1,this.getZr().wakeUp();else{try{ox(this),lx.update.call(this,null,u)}catch(t){throw this[Jm]=null,this[Km]=!1,t}this._ssr||this._zr.flush(),this[Jm]=null,this[Km]=!1,dx.call(this,i),px.call(this,i)}}},e.prototype.setTheme=function(t,e){if(!this[Km])if(this._disposed)kx(this.id);else{var n=this._model;if(n){var i=e&&e.silent,r=null;this[Jm]&&(null==i&&(i=this[Jm].silent),r=this[Jm].updateParams,this[Jm]=null),this[Km]=!0,Mx(this);try{this._updateTheme(t),n.setTheme(this._theme),ox(this),lx.update.call(this,{type:"setTheme"},r)}catch(t){throw this[Km]=!1,t}this[Km]=!1,dx.call(this,i),px.call(this,i)}}},e.prototype._updateTheme=function(t){X(t)&&(t=Ex[t]),t&&((t=T(t))&&dg(t,!0),this._theme=t)},e.prototype.getModel=function(){return this._model},e.prototype.getOption=function(){return this._model&&this._model.getOption()},e.prototype.getWidth=function(){return this._zr.getWidth()},e.prototype.getHeight=function(){return this._zr.getHeight()},e.prototype.getDevicePixelRatio=function(){return this._zr.painter.dpr||r.hasGlobalWindow&&window.devicePixelRatio||1},e.prototype.getRenderedCanvas=function(t){return this.renderToCanvas(t)},e.prototype.renderToCanvas=function(t){t=t||{};var e=this._zr.painter;return e.getRenderedCanvas({backgroundColor:t.backgroundColor||this._model.get("backgroundColor"),pixelRatio:t.pixelRatio||this.getDevicePixelRatio()})},e.prototype.renderToSVGString=function(t){t=t||{};var e=this._zr.painter;return e.renderToString({useViewBox:t.useViewBox})},e.prototype.getSvgDataURL=function(){var t=this._zr;return z(t.storage.getDisplayList(),(function(t){t.stopAnimation(null,!0)})),t.painter.toDataURL()},e.prototype.getDataURL=function(t){if(!this._disposed){var e=(t=t||{}).excludeComponents,n=this._model,i=[],r=this;z(e,(function(t){n.eachComponent({mainType:t},(function(t){var e=r._componentsMap[t.__viewId];e.group.ignore||(i.push(e),e.group.ignore=!0)}))}));var o="svg"===this._zr.painter.getType()?this.getSvgDataURL():this.renderToCanvas(t).toDataURL("image/"+(t&&t.type||"png"));return z(i,(function(t){t.group.ignore=!1})),o}kx(this.id)},e.prototype.getConnectedDataURL=function(t){if(!this._disposed){var e="svg"===t.type,n=this.group,i=Math.min,r=Math.max,o=1/0;if(Gx[n]){var a=o,s=o,l=-1/0,u=-1/0,h=[],d=t&&t.pixelRatio||this.getDevicePixelRatio();z(Vx,(function(o,c){if(o.group===n){var d=e?o.getZr().painter.getSvgDom().innerHTML:o.renderToCanvas(T(t)),p=o.getDom().getBoundingClientRect();a=i(p.left,a),s=i(p.top,s),l=r(p.right,l),u=r(p.bottom,u),h.push({dom:d,left:p.left,top:p.top})}}));var p=(l*=d)-(a*=d),f=(u*=d)-(s*=d),g=c.createCanvas(),y=oo(g,{renderer:e?"svg":"canvas"});if(y.resize({width:p,height:f}),e){var v="";return z(h,(function(t){var e=t.left-a,n=t.top-s;v+='<g transform="translate('+e+","+n+')">'+t.dom+"</g>"})),y.painter.getSvgRoot().innerHTML=v,t.connectedBackgroundColor&&y.painter.setBackgroundColor(t.connectedBackgroundColor),y.refreshImmediately(),y.painter.toDataURL()}return t.connectedBackgroundColor&&y.add(new xl({shape:{x:0,y:0,width:p,height:f},style:{fill:t.connectedBackgroundColor}})),z(h,(function(t){var e=new dl({style:{x:t.left*d-a,y:t.top*d-s,image:t.dom}});y.add(e)})),y.refreshImmediately(),g.toDataURL("image/"+(t&&t.type||"png"))}return this.getDataURL(t)}kx(this.id)},e.prototype.convertToPixel=function(t,e,n){return ux(this,"convertToPixel",t,e,n)},e.prototype.convertToLayout=function(t,e,n){return ux(this,"convertToLayout",t,e,n)},e.prototype.convertFromPixel=function(t,e,n){return ux(this,"convertFromPixel",t,e,n)},e.prototype.containPixel=function(t,e){var n;if(!this._disposed)return z(ua(this._model,t),(function(t,i){i.indexOf("Models")>=0&&z(t,(function(t){var r=t.coordinateSystem;if(r&&r.containPoint)n=n||!!r.containPoint(e);else if("seriesModels"===i){var o=this._chartsMap[t.__viewId];o&&o.containPoint&&(n=n||o.containPoint(e,t))}else 0}),this)}),this),!!n;kx(this.id)},e.prototype.getVisual=function(t,e){var n=ua(this._model,t,{defaultMainType:"series"}),i=n.seriesModel;var r=i.getData(),o=n.hasOwnProperty("dataIndexInside")?n.dataIndexInside:n.hasOwnProperty("dataIndex")?r.indexOfRawIndex(n.dataIndex):null;return null!=o?jv(r,o,e):qv(r,e)},e.prototype.getViewOfComponentModel=function(t){return this._componentsMap[t.__viewId]},e.prototype.getViewOfSeriesModel=function(t){return this._chartsMap[t.__viewId]},e.prototype._initEvents=function(){var t=this;z(Ax,(function(e){var n=function(n){var i,r=t.getModel(),o=n.target,a="globalout"===e;if(a?i={}:o&&Qv(o,(function(t){var e=zl(t);if(e&&null!=e.dataIndex){var n=e.dataModel||r.getSeriesByIndex(e.seriesIndex);return i=n&&n.getDataParams(e.dataIndex,e.dataType,o)||{},!0}if(e.eventData)return i=A({},e.eventData),!0}),!0),i){var s=i.componentType,l=i.componentIndex;"markLine"!==s&&"markPoint"!==s&&"markArea"!==s||(s="series",l=i.seriesIndex);var u=s&&null!=l&&r.getComponent(s,l),c=u&&t["series"===u.mainType?"_chartsMap":"_componentsMap"][u.__viewId];0,i.event=n,i.type=e,t._$eventProcessor.eventInfo={targetEl:o,packedEvent:i,model:u,view:c},t.trigger(e,i)}};n.zrEventfulCallAtLast=!0,t._zr.on(e,n,t)}));var e=this._messageCenter;z(Ox,(function(n,i){e.on(i,(function(e){t.trigger(i,e)}))})),function(t,e,n){t.on("selectchanged",(function(t){var i=n.getModel();t.isFromClick?(Jv("map","selectchanged",e,i,t),Jv("pie","selectchanged",e,i,t)):"select"===t.fromAction?(Jv("map","selected",e,i,t),Jv("pie","selected",e,i,t)):"unselect"===t.fromAction&&(Jv("map","unselected",e,i,t),Jv("pie","unselected",e,i,t))}))}(e,this,this._api)},e.prototype.isDisposed=function(){return this._disposed},e.prototype.clear=function(){this._disposed?kx(this.id):this.setOption({series:[]},!0)},e.prototype.dispose=function(){if(this._disposed)kx(this.id);else{this._disposed=!0,this.getDom()&&fa(this.getDom(),Hx,"");var t=this,e=t._api,n=t._model;z(t._componentsViews,(function(t){t.dispose(n,e)})),z(t._chartsViews,(function(t){t.dispose(n,e)})),t._zr.dispose(),t._dom=t._model=t._chartsMap=t._componentsMap=t._chartsViews=t._componentsViews=t._scheduler=t._api=t._zr=t._throttledZrFlush=t._theme=t._coordSysMgr=t._messageCenter=null,delete Vx[t.id]}},e.prototype.resize=function(t){if(!this[Km])if(this._disposed)kx(this.id);else{this._zr.resize(t);var e=this._model;if(this._loadingFX&&this._loadingFX.resize(),e){var n=e.resetOption("media"),i=t&&t.silent;this[Jm]&&(null==i&&(i=this[Jm].silent),n=!0,this[Jm]=null),this[Km]=!0,Mx(this);try{n&&ox(this),lx.update.call(this,{type:"resize",animation:A({duration:0},t&&t.animation)})}catch(t){throw this[Km]=!1,t}this[Km]=!1,dx.call(this,i),px.call(this,i)}}},e.prototype.showLoading=function(t,e){if(this._disposed)kx(this.id);else if(q(t)&&(e=t,t=""),t=t||"default",this.hideLoading(),Bx[t]){var n=Bx[t](this._api,e),i=this._zr;this._loadingFX=n,i.add(n)}},e.prototype.hideLoading=function(){this._disposed?kx(this.id):(this._loadingFX&&this._zr.remove(this._loadingFX),this._loadingFX=null)},e.prototype.makeActionFromEvent=function(t){var e=A({},t);return e.type=Px[t.type],e},e.prototype.dispatchAction=function(t,e){if(this._disposed)kx(this.id);else if(q(e)||(e={silent:!!e}),Lx[t.type]&&this._model)if(this[Km])this._pendingActions.push(t);else{var n=e.silent;hx.call(this,t,n);var i=e.flush;i?this._zr.flush():!1!==i&&r.browser.weChat&&this._throttledZrFlush(),dx.call(this,n),px.call(this,n)}},e.prototype.updateLabelLayout=function(){Wm.trigger("series:layoutlabels",this._model,this._api,{updatedSeries:[]})},e.prototype.appendData=function(t){if(this._disposed)kx(this.id);else{var e=t.seriesIndex,n=this.getModel().getSeriesByIndex(e);0,n.appendData(t),this._scheduler.unfinished=!0,this.getZr().wakeUp()}},e.internalField=function(){function t(t){t.clearColorPalette(),t.eachSeries((function(t){t.clearColorPalette()}))}function e(t){for(var e=[],n=t.currentStates,i=0;i<n.length;i++){var r=n[i];"emphasis"!==r&&"blur"!==r&&"select"!==r&&e.push(r)}t.selected&&t.states.select&&e.push("select"),2===t.hoverState&&t.states.emphasis?e.push("emphasis"):1===t.hoverState&&t.states.blur&&e.push("blur"),t.useStates(e)}function i(t,e){if(!t.preventAutoZ){var n=Hh(t);e.eachRendered((function(t){return Yh(t,n.z,n.zlevel),!0}))}}function o(t,e){e.eachRendered((function(t){if(!nh(t)){var e=t.getTextContent(),n=t.getTextGuideLine();t.stateTransition&&(t.stateTransition=null),e&&e.stateTransition&&(e.stateTransition=null),n&&n.stateTransition&&(n.stateTransition=null),t.hasState()?(t.prevStates=t.currentStates,t.clearStates()):t.prevStates&&(t.prevStates=null)}}))}function a(t,n){var i=t.getModel("stateAnimation"),r=t.isAnimationEnabled(),o=i.get("duration"),a=o>0?{duration:o,delay:i.get("delay"),easing:i.get("easing")}:null;n.eachRendered((function(t){if(t.states&&t.states.emphasis){if(nh(t))return;if(t instanceof sl&&function(t){var e=Gl(t);e.normalFill=t.style.fill,e.normalStroke=t.style.stroke;var n=t.states.select||{};e.selectFill=n.style&&n.style.fill||null,e.selectStroke=n.style&&n.style.stroke||null}(t),t.__dirty){var n=t.prevStates;n&&t.useStates(n)}if(r){t.stateTransition=a;var i=t.getTextContent(),o=t.getTextGuideLine();i&&(i.stateTransition=a),o&&(o.stateTransition=a)}t.__dirty&&e(t)}}))}ox=function(t){var e=t._scheduler;e.restorePipelines(t._model),e.prepareStageTasks(),ax(t,!0),ax(t,!1),e.plan()},ax=function(t,e){for(var n=t._model,i=t._scheduler,r=e?t._componentsViews:t._chartsViews,o=e?t._componentsMap:t._chartsMap,a=t._zr,s=t._api,l=0;l<r.length;l++)r[l].__alive=!1;function u(t){var l=t.__requireNewView;t.__requireNewView=!1;var u="_ec_"+t.id+"_"+t.type,c=!l&&o[u];if(!c){var h=ba(t.type),d=e?Ky.getClass(h.main,h.sub):tv.getClass(h.sub);0,(c=new d).init(n,s),o[u]=c,r.push(c),a.add(c.group)}t.__viewId=c.__id=u,c.__alive=!0,c.__model=t,c.group.__ecComponentInfo={mainType:t.mainType,index:t.componentIndex},!e&&i.prepareView(c,t,n,s)}e?n.eachComponent((function(t,e){"series"!==t&&u(e)})):n.eachSeries(u);for(l=0;l<r.length;){var c=r[l];c.__alive?l++:(!e&&c.renderTask.dispose(),a.remove(c.group),c.dispose(n,s),r.splice(l,1),o[c.__id]===c&&delete o[c.__id],c.__id=c.group.__ecComponentInfo=null)}},sx=function(t,e,n,i,r){var o=t._model;if(o.setUpdatePayload(n),i){var a={};a[i+"Id"]=n[i+"Id"],a[i+"Index"]=n[i+"Index"],a[i+"Name"]=n[i+"Name"];var s={mainType:i,query:a};r&&(s.subType=r);var l,u=n.excludeSeriesId;null!=u&&(l=yt(),z(qo(u),(function(t){var e=ia(t,null);null!=e&&l.set(e,!0)}))),o&&o.eachComponent(s,(function(e){if(!(l&&null!=l.get(e.id)))if(Ru(n))if(e instanceof Wy)n.type!==Yl||n.notBlur||e.get(["emphasis","disabled"])||function(t,e,n){var i=t.seriesIndex,r=t.getData(e.dataType);if(r){var o=aa(r,e);o=(U(o)?o[0]:o)||0;var a=r.getItemGraphicEl(o);if(!a)for(var s=r.count(),l=0;!a&&l<s;)a=r.getItemGraphicEl(l++);if(a){var u=zl(a);_u(i,u.focus,u.blurScope,n)}else{var c=t.get(["emphasis","focus"]),h=t.get(["emphasis","blurScope"]);null!=c&&_u(i,c,h,n)}}}(e,n,t._api);else{var i=wu(e.mainType,e.componentIndex,n.name,t._api),r=i.focusSelf,o=i.dispatchers;n.type===Yl&&r&&!n.notBlur&&bu(e.mainType,e.componentIndex,t._api),o&&z(o,(function(t){n.type===Yl?du(t):pu(t)}))}else Ou(n)&&e instanceof Wy&&(!function(t,e,n){if(Ou(e)){var i=e.dataType,r=aa(t.getData(i),e);U(r)||(r=[r]),t[e.type===ql?"toggleSelect":e.type===Zl?"select":"unselect"](r,i)}}(e,n,t._api),Su(e),bx(t))}),t),o&&o.eachComponent(s,(function(e){l&&null!=l.get(e.id)||c(t["series"===i?"_chartsMap":"_componentsMap"][e.__viewId])}),t)}else z([].concat(t._componentsViews).concat(t._chartsViews),c);function c(i){i&&i.__alive&&i[e]&&i[e](i.__model,o,t._api,n)}},lx={prepareAndUpdate:function(t){ox(this),lx.update.call(this,t,t&&{optionChanged:null!=t.newOption})},update:function(e,n){var i=this._model,r=this._api,o=this._zr,a=this._coordSysMgr,s=this._scheduler;if(i){i.setUpdatePayload(e),s.restoreData(i,e),s.performSeriesTasks(i),a.create(i,r),s.performDataProcessorTasks(i,e),cx(this,i),a.update(i,r),t(i),s.performVisualTasks(i,e);var l=i.get("backgroundColor")||"transparent";o.setBackgroundColor(l);var u=i.get("darkMode");null!=u&&"auto"!==u&&o.setDarkMode(u),yx(this,i,r,e,n),Wm.trigger("afterupdate",i,r)}},updateTransform:function(e){var n=this,i=this._model,r=this._api;if(i){i.setUpdatePayload(e);var o=[];i.eachComponent((function(t,a){if("series"!==t){var s=n.getViewOfComponentModel(a);if(s&&s.__alive)if(s.updateTransform){var l=s.updateTransform(a,i,r,e);l&&l.update&&o.push(s)}else o.push(s)}}));var a=yt();i.eachSeries((function(t){var o=n._chartsMap[t.__viewId];if(o.updateTransform){var s=o.updateTransform(t,i,r,e);s&&s.update&&a.set(t.uid,1)}else a.set(t.uid,1)})),t(i),this._scheduler.performVisualTasks(i,e,{setDirty:!0,dirtyMap:a}),mx(this,i,r,e,{},a),Wm.trigger("afterupdate",i,r)}},updateView:function(e){var n=this._model;n&&(n.setUpdatePayload(e),tv.markUpdateMethod(e,"updateView"),t(n),this._scheduler.performVisualTasks(n,e,{setDirty:!0}),yx(this,n,this._api,e,{}),Wm.trigger("afterupdate",n,this._api))},updateVisual:function(e){var n=this,i=this._model;i&&(i.setUpdatePayload(e),i.eachSeries((function(t){t.getData().clearAllVisual()})),tv.markUpdateMethod(e,"updateVisual"),t(i),this._scheduler.performVisualTasks(i,e,{visualType:"visual",setDirty:!0}),i.eachComponent((function(t,r){if("series"!==t){var o=n.getViewOfComponentModel(r);o&&o.__alive&&o.updateVisual(r,i,n._api,e)}})),i.eachSeries((function(t){n._chartsMap[t.__viewId].updateVisual(t,i,n._api,e)})),Wm.trigger("afterupdate",i,this._api))},updateLayout:function(t){lx.update.call(this,t)}},ux=function(t,e,n,i,r){if(t._disposed)kx(t.id);else{for(var o,a=t._model,s=t._coordSysMgr.getCoordinateSystems(),l=ua(a,n),u=0;u<s.length;u++){var c=s[u];if(c[e]&&null!=(o=c[e](a,l,i,r)))return o}0}},cx=function(t,e){var n=t._chartsMap,i=t._scheduler;e.eachSeries((function(t){i.updateStreamModes(t,n[t.__viewId])}))},hx=function(t,e){var n=this,i=this.getModel(),r=t.type,o=t.escapeConnect,a=Lx[r],s=(a.update||"update").split(":"),l=s.pop(),u=null!=s[0]&&ba(s[0]);this[Km]=!0,Mx(this);var c=[t],h=!1;t.batch&&(h=!0,c=E(t.batch,(function(e){return(e=k(A({},e),t)).batch=null,e})));var d,p=[],f=[],g=a.nonRefinedEventType,y=Ou(t),v=Ru(t);if(v&&xu(this._api),z(c,(function(e){var r=a.action(e,i,n._api);if(a.refineEvent?f.push(r):d=r,(d=d||A({},e)).type=g,p.push(d),v){var o=ca(t),s=o.queryOptionMap,c=o.mainTypeSpecified?s.keys()[0]:"series";sx(n,l,e,c),bx(n)}else y?(sx(n,l,e,"series"),bx(n)):u&&sx(n,l,e,u.main,u.sub)})),"none"!==l&&!v&&!y&&!u)try{this[Jm]?(ox(this),lx.update.call(this,t),this[Jm]=null):lx[l].call(this,t)}catch(t){throw this[Km]=!1,t}if(d=h?{type:g,escapeConnect:o,batch:p}:p[0],this[Km]=!1,!e){var m=void 0;if(a.refineEvent){var x=a.refineEvent(f,t,i,this._api).eventContent;lt(q(x)),(m=k({type:a.refinedEventType},x)).fromAction=t.type,m.fromActionPayload=t,m.escapeConnect=!0}var _=this._messageCenter;_.trigger(d.type,d),m&&_.trigger(m.type,m)}},dx=function(t){for(var e=this._pendingActions;e.length;){var n=e.shift();hx.call(this,n,t)}},px=function(t){!t&&this.trigger("updated")},fx=function(t,e){t.on("rendered",(function(n){e.trigger("rendered",n),!t.animation.isFinished()||e[Jm]||e._scheduler.unfinished||e._pendingActions.length||e.trigger("finished")}))},gx=function(t,e){t.on("mouseover",(function(t){var n=Qv(t.target,Pu);n&&(!function(t,e,n){var i=zl(t),r=wu(i.componentMainType,i.componentIndex,i.componentHighDownName,n),o=r.dispatchers,a=r.focusSelf;o?(a&&bu(i.componentMainType,i.componentIndex,n),z(o,(function(t){return cu(t,e)}))):(_u(i.seriesIndex,i.focus,i.blurScope,n),"self"===i.focus&&bu(i.componentMainType,i.componentIndex,n),cu(t,e))}(n,t,e._api),bx(e))})).on("mouseout",(function(t){var n=Qv(t.target,Pu);n&&(!function(t,e,n){xu(n);var i=zl(t),r=wu(i.componentMainType,i.componentIndex,i.componentHighDownName,n).dispatchers;r?z(r,(function(t){return hu(t,e)})):hu(t,e)}(n,t,e._api),bx(e))})).on("click",(function(t){var n=Qv(t.target,(function(t){return null!=zl(t).dataIndex}),!0);if(n){var i=n.selected?"unselect":"select",r=zl(n);e._api.dispatchAction({type:i,dataType:r.dataType,dataIndexInside:r.dataIndex,seriesIndex:r.seriesIndex,isFromClick:!0})}}))},yx=function(t,e,n,i,r){!function(t){var e=[],n=[],i=!1;if(t.eachComponent((function(t,r){var o=r.get("zlevel")||0,a=r.get("z")||0,s=r.getZLevelKey();i=i||!!s,("series"===t?n:e).push({zlevel:o,z:a,idx:r.componentIndex,type:t,key:s})})),i){var r,o,a=e.concat(n);cn(a,(function(t,e){return t.zlevel===e.zlevel?t.z-e.z:t.zlevel-e.zlevel})),z(a,(function(e){var n=t.getComponent(e.type,e.idx),i=e.zlevel,a=e.key;null!=r&&(i=Math.max(r,i)),a?(i===r&&a!==o&&i++,o=a):o&&(i===r&&i++,o=""),r=i,n.setZLevel(i)}))}}(e),vx(t,e,n,i,r),z(t._chartsViews,(function(t){t.__alive=!1})),mx(t,e,n,i,r),z(t._chartsViews,(function(t){t.__alive||t.remove(e,n)}))},vx=function(t,e,n,r,s,l){z(l||t._componentsViews,(function(t){var s=t.__model;o(s,t),t.render(s,e,n,r),i(s,t),a(s,t)}))},mx=function(t,e,n,s,l,u){var c=t._scheduler;l=A(l||{},{updatedSeries:e.getSeries()}),Wm.trigger("series:beforeupdate",e,n,l);var h=!1;e.eachSeries((function(e){var n=t._chartsMap[e.__viewId];n.__alive=!0;var i=n.renderTask;c.updatePayload(i,s),o(e,n),u&&u.get(e.uid)&&i.dirty(),i.perform(c.getPerformArgs(i))&&(h=!0),n.group.silent=!!e.get("silent"),function(t,e){var n=t.get("blendMode")||null;e.eachRendered((function(t){t.isGroup||(t.style.blend=n)}))}(e,n),Su(e)})),c.unfinished=h||c.unfinished,Wm.trigger("series:layoutlabels",e,n,l),Wm.trigger("series:transition",e,n,l),e.eachSeries((function(e){var n=t._chartsMap[e.__viewId];i(e,n),a(e,n)})),function(t,e){var n=t._zr,i=n.storage,o=0;i.traverse((function(t){t.isGroup||o++})),o>e.get("hoverLayerThreshold")&&!r.node&&!r.worker&&e.eachSeries((function(e){if(!e.preventUsingHoverLayer){var n=t._chartsMap[e.__viewId];n.__alive&&n.eachRendered((function(t){t.states.emphasis&&(t.states.emphasis.hoverLayer=!0)}))}}))}(t,e),Wm.trigger("series:afterupdate",e,n,l)},bx=function(t){t[Qm]=!0,t.getZr().wakeUp()},Mx=function(t){t[$m]=(t[$m]+1)%1e3},Sx=function(t){t[Qm]&&(t.getZr().storage.traverse((function(t){nh(t)||e(t)})),t[Qm]=!1)},xx=function(t){return new(function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return n(i,e),i.prototype.getCoordinateSystems=function(){return t._coordSysMgr.getCoordinateSystems()},i.prototype.getComponentByElement=function(e){for(;e;){var n=e.__ecComponentInfo;if(null!=n)return t._model.getComponent(n.mainType,n.index);e=e.parent}},i.prototype.enterEmphasis=function(e,n){du(e,n),bx(t)},i.prototype.leaveEmphasis=function(e,n){pu(e,n),bx(t)},i.prototype.enterBlur=function(e){fu(e),bx(t)},i.prototype.leaveBlur=function(e){gu(e),bx(t)},i.prototype.enterSelect=function(e){yu(e),bx(t)},i.prototype.leaveSelect=function(e){vu(e),bx(t)},i.prototype.getModel=function(){return t.getModel()},i.prototype.getViewOfComponentModel=function(e){return t.getViewOfComponentModel(e)},i.prototype.getViewOfSeriesModel=function(e){return t.getViewOfSeriesModel(e)},i.prototype.getMainProcessVersion=function(){return t[$m]},i}(Hf))(t)},_x=function(t){function e(t,e){for(var n=0;n<t.length;n++){t[n][ex]=e}}z(Px,(function(n,i){t._messageCenter.on(i,(function(n){if(Gx[t.group]&&0!==t[ex]){if(n&&n.escapeConnect)return;var i=t.makeActionFromEvent(n),r=[];z(Vx,(function(e){e!==t&&e.group===t.group&&r.push(e)})),e(r,0),z(r,(function(t){1!==t[ex]&&t.dispatchAction(i)})),e(r,2)}}))}))}}(),e}(qt),Dx=Cx.prototype;Dx.on=nx("on"),Dx.off=nx("off"),Dx.one=function(t,e,n){var i=this;Uo(),this.on.call(this,t,(function n(){for(var r=[],o=0;o<arguments.length;o++)r[o]=arguments[o];e&&e.apply&&e.apply(this,r),i.off(t,n)}),n)};var Ax=["click","dblclick","mouseover","mouseout","mousemove","mousedown","mouseup","globalout","contextmenu"];function kx(t){0}var Lx={},Px={},Ox={},Rx=[],Nx=[],zx=[],Ex={},Bx={},Vx={},Gx={},Fx=+new Date-0,Wx=+new Date-0,Hx="_echarts_instance_";function Ux(t){Gx[t]=!1}var Yx=Ux;function Xx(t){return Vx[function(t,e){return t.getAttribute?t.getAttribute(e):t[e]}(t,Hx)]}function Zx(t,e){Ex[t]=e}function jx(t){P(Nx,t)<0&&Nx.push(t)}function qx(t,e){r_(Rx,t,e,2e3)}function Kx(t){Jx("afterinit",t)}function $x(t){Jx("afterupdate",t)}function Jx(t,e){Wm.on(t,e)}function Qx(t,e,n){var i,r,o,a,s;function l(t){return t.toLowerCase()}Y(e)&&(n=e,e=""),q(t)?(i=t.type,r=t.event,a=t.update,s=t.publishNonRefinedEvent,n||(n=t.action),o=t.refineEvent):(i=t,r=e),r=l(r||i);var u=o?l(i):r;Lx[i]||(lt(tx.test(i)&&tx.test(r)),o&&lt(r!==i),Lx[i]={actionType:i,refinedEventType:r,nonRefinedEventType:u,update:a,action:n,refineEvent:o},Ox[r]=1,o&&s&&(Ox[u]=1),Px[u]=i)}function t_(t,e){Tp.register(t,e)}function e_(t,e){r_(zx,t,e,1e3,"layout")}function n_(t,e){r_(zx,t,e,3e3,"visual")}var i_=[];function r_(t,e,n,i,r){if((Y(e)||q(e))&&(n=e,e=i),!(P(i_,n)>=0)){i_.push(n);var o=wv.wrapStageHandler(n,r);o.__prio=e,o.__raw=n,t.push(o)}}function o_(t,e){Bx[t]=e}function a_(t,e,n){var i=Um("registerMap");i&&i(t,e,n)}var s_=function(t){var e=(t=T(t)).type,n="";e||Yo(n);var i=e.split(":");2!==i.length&&Yo(n);var r=!1;"echarts"===i[0]&&(e=i[1],r=!0),t.__isBuiltIn=r,oy.set(e,t)};function l_(t,e,n,i){return{eventContent:{selected:Mu(n),isFromClick:e.isFromClick||!1}}}n_(Zm,vv),n_(jm,xv),n_(jm,_v),n_(Zm,Xv),n_(jm,Zv),n_(7e3,(function(t,e){t.eachRawSeries((function(n){if(!t.isSeriesFiltered(n)){var i=n.getData();i.hasItemVisual()&&i.each((function(t){var n=i.getItemVisual(t,"decal");n&&(i.ensureUniqueItemVisual(t,"style").decal=Bm(n,e))}));var r=i.getVisual("decal");if(r)i.getVisual("style").decal=Bm(r,e)}}))})),jx(dg),qx(900,(function(t){var e=yt();t.eachSeries((function(t){var n=t.get("stack");if(n){var i=e.get(n)||e.set(n,[]),r=t.getData(),o={stackResultDimension:r.getCalculationInfo("stackResultDimension"),stackedOverDimension:r.getCalculationInfo("stackedOverDimension"),stackedDimension:r.getCalculationInfo("stackedDimension"),stackedByDimension:r.getCalculationInfo("stackedByDimension"),isStackedByIndex:r.getCalculationInfo("isStackedByIndex"),data:r,seriesModel:t};if(!o.stackedDimension||!o.isStackedByIndex&&!o.stackedByDimension)return;i.push(o)}})),e.each((function(t){0!==t.length&&("seriesDesc"===(t[0].seriesModel.get("stackOrder")||"seriesAsc")&&t.reverse(),z(t,(function(e,n){e.data.setCalculationInfo("stackedOnSeries",n>0?t[n-1].seriesModel:null)})),function(t){z(t,(function(e,n){var i=[],r=[NaN,NaN],o=[e.stackResultDimension,e.stackedOverDimension],a=e.data,s=e.isStackedByIndex,l=e.seriesModel.get("stackStrategy")||"samesign";a.modify(o,(function(o,u,c){var h,d,p=a.get(e.stackedDimension,c);if(isNaN(p))return r;s?d=a.getRawIndex(c):h=a.get(e.stackedByDimension,c);for(var f=NaN,g=n-1;g>=0;g--){var y=t[g];if(s||(d=y.data.rawIndexOf(y.stackedByDimension,h)),d>=0){var v=y.data.getByRawIndex(y.stackResultDimension,d);if("all"===l||"positive"===l&&v>0||"negative"===l&&v<0||"samesign"===l&&p>=0&&v>0||"samesign"===l&&p<=0&&v<0){p=Mo(p,v),f=v;break}}}return i[0]=p,i[1]=f,i}))}))}(t))}))})),o_("default",(function(t,e){k(e=e||{},{text:"loading",textColor:tf.color.primary,fontSize:12,fontWeight:"normal",fontStyle:"normal",fontFamily:"sans-serif",maskColor:"rgba(255,255,255,0.8)",showSpinner:!0,color:tf.color.theme[0],spinnerRadius:10,lineWidth:5,zlevel:0});var n=new to,i=new xl({style:{fill:e.maskColor},zlevel:e.zlevel,z:1e4});n.add(i);var r,o=new Sl({style:{text:e.text,fill:e.textColor,fontSize:e.fontSize,fontWeight:e.fontWeight,fontStyle:e.fontStyle,fontFamily:e.fontFamily},zlevel:e.zlevel,z:10001}),a=new xl({style:{fill:"none"},textContent:o,textConfig:{position:"right",distance:10},zlevel:e.zlevel,z:10001});return n.add(a),e.showSpinner&&((r=new Nc({shape:{startAngle:-bv/2,endAngle:-bv/2+.1,r:e.spinnerRadius},style:{stroke:e.color,lineCap:"round",lineWidth:e.lineWidth},zlevel:e.zlevel,z:10001})).animateShape(!0).when(1e3,{endAngle:3*bv/2}).start("circularInOut"),r.animateShape(!0).when(1e3,{startAngle:3*bv/2}).delay(300).start("circularInOut"),n.add(r)),n.resize=function(){var n=o.getBoundingRect().width,s=e.showSpinner?e.spinnerRadius:0,l=(t.getWidth()-2*s-(e.showSpinner&&n?10:0)-n)/2-(e.showSpinner&&n?0:5+n/2)+(e.showSpinner?0:n/2)+(n?0:s),u=t.getHeight()/2;e.showSpinner&&r.setShape({cx:l,cy:u}),a.setShape({x:l-s,y:u-s,width:2*s,height:2*s}),i.setShape({x:0,y:0,width:t.getWidth(),height:t.getHeight()})},n.resize(),n})),Qx({type:Yl,event:Yl,update:Yl},bt),Qx({type:Xl,event:Xl,update:Xl},bt),Qx({type:Zl,event:Kl,update:Zl,action:bt,refineEvent:l_,publishNonRefinedEvent:!0}),Qx({type:jl,event:Kl,update:jl,action:bt,refineEvent:l_,publishNonRefinedEvent:!0}),Qx({type:ql,event:Kl,update:ql,action:bt,refineEvent:l_,publishNonRefinedEvent:!0}),Zx("default",{}),Zx("dark",Wv);var u_=[],c_={registerPreprocessor:jx,registerProcessor:qx,registerPostInit:Kx,registerPostUpdate:$x,registerUpdateLifecycle:Jx,registerAction:Qx,registerCoordinateSystem:t_,registerLayout:e_,registerVisual:n_,registerTransform:s_,registerLoading:o_,registerMap:a_,registerImpl:function(t,e){Hm[t]=e},PRIORITY:qm,ComponentModel:Qp,ComponentView:Ky,SeriesModel:Wy,ChartView:tv,registerComponentModel:function(t){Qp.registerClass(t)},registerComponentView:function(t){Ky.registerClass(t)},registerSeriesModel:function(t){Wy.registerClass(t)},registerChartView:function(t){tv.registerClass(t)},registerCustomSeries:function(t,e){Xm(t,e)},registerSubTypeDefaulter:function(t,e){Qp.registerSubTypeDefaulter(t,e)},registerPainter:function(t,e){ao(t,e)}};function h_(t){U(t)?z(t,(function(t){h_(t)})):P(u_,t)>=0||(u_.push(t),Y(t)&&(t={install:t}),t.install(c_))}function d_(t){return null==t?0:t.length||1}function p_(t){return t}var f_=function(){function t(t,e,n,i,r,o){this._old=t,this._new=e,this._oldKeyGetter=n||p_,this._newKeyGetter=i||p_,this.context=r,this._diffModeMultiple="multiple"===o}return t.prototype.add=function(t){return this._add=t,this},t.prototype.update=function(t){return this._update=t,this},t.prototype.updateManyToOne=function(t){return this._updateManyToOne=t,this},t.prototype.updateOneToMany=function(t){return this._updateOneToMany=t,this},t.prototype.updateManyToMany=function(t){return this._updateManyToMany=t,this},t.prototype.remove=function(t){return this._remove=t,this},t.prototype.execute=function(){this[this._diffModeMultiple?"_executeMultiple":"_executeOneToOne"]()},t.prototype._executeOneToOne=function(){var t=this._old,e=this._new,n={},i=new Array(t.length),r=new Array(e.length);this._initIndexMap(t,null,i,"_oldKeyGetter"),this._initIndexMap(e,n,r,"_newKeyGetter");for(var o=0;o<t.length;o++){var a=i[o],s=n[a],l=d_(s);if(l>1){var u=s.shift();1===s.length&&(n[a]=s[0]),this._update&&this._update(u,o)}else 1===l?(n[a]=null,this._update&&this._update(s,o)):this._remove&&this._remove(o)}this._performRestAdd(r,n)},t.prototype._executeMultiple=function(){var t=this._old,e=this._new,n={},i={},r=[],o=[];this._initIndexMap(t,n,r,"_oldKeyGetter"),this._initIndexMap(e,i,o,"_newKeyGetter");for(var a=0;a<r.length;a++){var s=r[a],l=n[s],u=i[s],c=d_(l),h=d_(u);if(c>1&&1===h)this._updateManyToOne&&this._updateManyToOne(u,l),i[s]=null;else if(1===c&&h>1)this._updateOneToMany&&this._updateOneToMany(u,l),i[s]=null;else if(1===c&&1===h)this._update&&this._update(u,l),i[s]=null;else if(c>1&&h>1)this._updateManyToMany&&this._updateManyToMany(u,l),i[s]=null;else if(c>1)for(var d=0;d<c;d++)this._remove&&this._remove(l[d]);else this._remove&&this._remove(l)}this._performRestAdd(o,i)},t.prototype._performRestAdd=function(t,e){for(var n=0;n<t.length;n++){var i=t[n],r=e[i],o=d_(r);if(o>1)for(var a=0;a<o;a++)this._add&&this._add(r[a]);else 1===o&&this._add&&this._add(r);e[i]=null}},t.prototype._initIndexMap=function(t,e,n,i){for(var r=this._diffModeMultiple,o=0;o<t.length;o++){var a="_ec_"+this[i](t[o],o);if(r||(n[o]=a),e){var s=e[a],l=d_(s);0===l?(e[a]=o,r&&n.push(a)):1===l?e[a]=[s,o]:s.push(o)}}},t}(),g_=function(){function t(t,e){this._encode=t,this._schema=e}return t.prototype.get=function(){return{fullDimensions:this._getFullDimensionNames(),encode:this._encode}},t.prototype._getFullDimensionNames=function(){return this._cachedDimNames||(this._cachedDimNames=this._schema?this._schema.makeOutputDimensionNames():[]),this._cachedDimNames},t}();function y_(t,e){return t.hasOwnProperty(e)||(t[e]=[]),t[e]}function v_(t){return"category"===t?"ordinal":"time"===t?"time":"float"}var m_=function(t){this.otherDims={},null!=t&&A(this,t)},x_=sa(),__={float:"f",int:"i",ordinal:"o",number:"n",time:"t"},b_=function(){function t(t){this.dimensions=t.dimensions,this._dimOmitted=t.dimensionOmitted,this.source=t.source,this._fullDimCount=t.fullDimensionCount,this._updateDimOmitted(t.dimensionOmitted)}return t.prototype.isDimensionOmitted=function(){return this._dimOmitted},t.prototype._updateDimOmitted=function(t){this._dimOmitted=t,t&&(this._dimNameMap||(this._dimNameMap=M_(this.source)))},t.prototype.getSourceDimensionIndex=function(t){return rt(this._dimNameMap.get(t),-1)},t.prototype.getSourceDimension=function(t){var e=this.source.dimensionsDefine;if(e)return e[t]},t.prototype.makeStoreSchema=function(){for(var t=this._fullDimCount,e=Tg(this.source),n=!I_(t),i="",r=[],o=0,a=0;o<t;o++){var s=void 0,l=void 0,u=void 0,c=this.dimensions[a];if(c&&c.storeDimIndex===o)s=e?c.name:null,l=c.type,u=c.ordinalMeta,a++;else{var h=this.getSourceDimension(o);h&&(s=e?h.name:null,l=h.type)}r.push({property:s,type:l,ordinalMeta:u}),!e||null==s||c&&c.isCalculationCoord||(i+=n?s.replace(/\`/g,"`1").replace(/\$/g,"`2"):s),i+="$",i+=__[l]||"f",u&&(i+=u.uid),i+="$"}var d=this.source;return{dimensions:r,hash:[d.seriesLayoutBy,d.startIndex,i].join("$$")}},t.prototype.makeOutputDimensionNames=function(){for(var t=[],e=0,n=0;e<this._fullDimCount;e++){var i=void 0,r=this.dimensions[n];if(r&&r.storeDimIndex===e)r.isCalculationCoord||(i=r.name),n++;else{var o=this.getSourceDimension(e);o&&(i=o.name)}t.push(i)}return t},t.prototype.appendCalculationDimension=function(t){this.dimensions.push(t),t.isCalculationCoord=!0,this._fullDimCount++,this._updateDimOmitted(!0)},t}();function w_(t){return t instanceof b_}function S_(t){for(var e=yt(),n=0;n<(t||[]).length;n++){var i=t[n],r=q(i)?i.name:i;null!=r&&null==e.get(r)&&e.set(r,n)}return e}function M_(t){var e=x_(t);return e.dimNameMap||(e.dimNameMap=S_(t.dimensionsDefine))}function I_(t){return t>30}var T_,C_,D_,A_,k_,L_,P_,O_=q,R_=E,N_="undefined"==typeof Int32Array?Array:Int32Array,z_=["hasItemOption","_nameList","_idList","_invertedIndicesMap","_dimSummary","userOutput","_rawData","_dimValueGetter","_nameDimIdx","_idDimIdx","_nameRepeatCount"],E_=["_approximateExtent"],B_=function(){function t(t,e){var n;this.type="list",this._dimOmitted=!1,this._nameList=[],this._idList=[],this._visual={},this._layout={},this._itemVisuals=[],this._itemLayouts=[],this._graphicEls=[],this._approximateExtent={},this._calculationInfo={},this.hasItemOption=!1,this.TRANSFERABLE_METHODS=["cloneShallow","downSample","minmaxDownSample","lttbDownSample","map"],this.CHANGABLE_METHODS=["filterSelf","selectRange"],this.DOWNSAMPLE_METHODS=["downSample","minmaxDownSample","lttbDownSample"];var i=!1;w_(t)?(n=t.dimensions,this._dimOmitted=t.isDimensionOmitted(),this._schema=t):(i=!0,n=t),n=n||["x","y"];for(var r={},o=[],a={},s=!1,l={},u=0;u<n.length;u++){var c=n[u],h=X(c)?new m_({name:c}):c instanceof m_?c:new m_(c),d=h.name;h.type=h.type||"float",h.coordDim||(h.coordDim=d,h.coordDimIndex=0);var p=h.otherDims=h.otherDims||{};o.push(d),r[d]=h,null!=l[d]&&(s=!0),h.createInvertedIndices&&(a[d]=[]);var f=u;j(h.storeDimIndex)&&(f=h.storeDimIndex),0===p.itemName&&(this._nameDimIdx=f),0===p.itemId&&(this._idDimIdx=f),i&&(h.storeDimIndex=u)}if(this.dimensions=o,this._dimInfos=r,this._initGetDimensionInfo(s),this.hostModel=e,this._invertedIndicesMap=a,this._dimOmitted){var g=this._dimIdxToName=yt();z(o,(function(t){g.set(r[t].storeDimIndex,t)}))}}return t.prototype.getDimension=function(t){var e=this._recognizeDimIndex(t);if(null==e)return t;if(e=t,!this._dimOmitted)return this.dimensions[e];var n=this._dimIdxToName.get(e);if(null!=n)return n;var i=this._schema.getSourceDimension(e);return i?i.name:void 0},t.prototype.getDimensionIndex=function(t){var e=this._recognizeDimIndex(t);if(null!=e)return e;if(null==t)return-1;var n=this._getDimInfo(t);return n?n.storeDimIndex:this._dimOmitted?this._schema.getSourceDimensionIndex(t):-1},t.prototype._recognizeDimIndex=function(t){if(j(t)||null!=t&&!isNaN(t)&&!this._getDimInfo(t)&&(!this._dimOmitted||this._schema.getSourceDimensionIndex(t)<0))return+t},t.prototype._getStoreDimIndex=function(t){var e=this.getDimensionIndex(t);return e},t.prototype.getDimensionInfo=function(t){return this._getDimInfo(this.getDimension(t))},t.prototype._initGetDimensionInfo=function(t){var e=this._dimInfos;this._getDimInfo=t?function(t){return e.hasOwnProperty(t)?e[t]:void 0}:function(t){return e[t]}},t.prototype.getDimensionsOnCoord=function(){return this._dimSummary.dataDimsOnCoord.slice()},t.prototype.mapDimension=function(t,e){var n=this._dimSummary;if(null==e)return n.encodeFirstDimNotExtra[t];var i=n.encode[t];return i?i[e]:null},t.prototype.mapDimensionsAll=function(t){return(this._dimSummary.encode[t]||[]).slice()},t.prototype.getStore=function(){return this._store},t.prototype.initData=function(t,e,n){var i,r=this;if(t instanceof vy&&(i=t),!i){var o=this.dimensions,a=_g(t)||N(t)?new Cg(t,o.length):t;i=new vy;var s=R_(o,(function(t){return{type:r._dimInfos[t].type,property:t}}));i.initData(a,s,n)}this._store=i,this._nameList=(e||[]).slice(),this._idList=[],this._nameRepeatCount={},this._doInit(0,i.count()),this._dimSummary=function(t,e){var n={},i=n.encode={},r=yt(),o=[],a=[],s={};z(t.dimensions,(function(e){var n,l=t.getDimensionInfo(e),u=l.coordDim;if(u){var c=l.coordDimIndex;y_(i,u)[c]=e,l.isExtraCoord||(r.set(u,1),"ordinal"!==(n=l.type)&&"time"!==n&&(o[0]=e),y_(s,u)[c]=t.getDimensionIndex(l.name)),l.defaultTooltip&&a.push(e)}cf.each((function(t,e){var n=y_(i,e),r=l.otherDims[e];null!=r&&!1!==r&&(n[r]=l.name)}))}));var l=[],u={};r.each((function(t,e){var n=i[e];u[e]=n[0],l=l.concat(n)})),n.dataDimsOnCoord=l,n.dataDimIndicesOnCoord=E(l,(function(e){return t.getDimensionInfo(e).storeDimIndex})),n.encodeFirstDimNotExtra=u;var c=i.label;c&&c.length&&(o=c.slice());var h=i.tooltip;return h&&h.length?a=h.slice():a.length||(a=o.slice()),i.defaultedLabel=o,i.defaultedTooltip=a,n.userOutput=new g_(s,e),n}(this,this._schema),this.userOutput=this._dimSummary.userOutput},t.prototype.appendData=function(t){var e=this._store.appendData(t);this._doInit(e[0],e[1])},t.prototype.appendValues=function(t,e){var n=this._store.appendValues(t,e&&e.length),i=n.start,r=n.end,o=this._shouldMakeIdFromName();if(this._updateOrdinalMeta(),e)for(var a=i;a<r;a++){var s=a-i;this._nameList[a]=e[s],o&&P_(this,a)}},t.prototype._updateOrdinalMeta=function(){for(var t=this._store,e=this.dimensions,n=0;n<e.length;n++){var i=this._dimInfos[e[n]];i.ordinalMeta&&t.collectOrdinalMeta(i.storeDimIndex,i.ordinalMeta)}},t.prototype._shouldMakeIdFromName=function(){var t=this._store.getProvider();return null==this._idDimIdx&&t.getSource().sourceFormat!==gf&&!t.fillStorage},t.prototype._doInit=function(t,e){if(!(t>=e)){var n=this._store.getProvider();this._updateOrdinalMeta();var i=this._nameList,r=this._idList;if(n.getSource().sourceFormat===hf&&!n.pure)for(var o=[],a=t;a<e;a++){var s=n.getItem(a,o);if(!this.hasItemOption&&Qo(s)&&(this.hasItemOption=!0),s){var l=s.name;null==i[a]&&null!=l&&(i[a]=ia(l,null));var u=s.id;null==r[a]&&null!=u&&(r[a]=ia(u,null))}}if(this._shouldMakeIdFromName())for(a=t;a<e;a++)P_(this,a);T_(this)}},t.prototype.getApproximateExtent=function(t){return this._approximateExtent[t]||this._store.getDataExtent(this._getStoreDimIndex(t))},t.prototype.setApproximateExtent=function(t,e){e=this.getDimension(e),this._approximateExtent[e]=t.slice()},t.prototype.getCalculationInfo=function(t){return this._calculationInfo[t]},t.prototype.setCalculationInfo=function(t,e){O_(t)?A(this._calculationInfo,t):this._calculationInfo[t]=e},t.prototype.getName=function(t){var e=this.getRawIndex(t),n=this._nameList[e];return null==n&&null!=this._nameDimIdx&&(n=D_(this,this._nameDimIdx,e)),null==n&&(n=""),n},t.prototype._getCategory=function(t,e){var n=this._store.get(t,e),i=this._store.getOrdinalMeta(t);return i?i.categories[n]:n},t.prototype.getId=function(t){return C_(this,this.getRawIndex(t))},t.prototype.count=function(){return this._store.count()},t.prototype.get=function(t,e){var n=this._store,i=this._dimInfos[t];if(i)return n.get(i.storeDimIndex,e)},t.prototype.getByRawIndex=function(t,e){var n=this._store,i=this._dimInfos[t];if(i)return n.getByRawIndex(i.storeDimIndex,e)},t.prototype.getIndices=function(){return this._store.getIndices()},t.prototype.getDataExtent=function(t){return this._store.getDataExtent(this._getStoreDimIndex(t))},t.prototype.getSum=function(t){return this._store.getSum(this._getStoreDimIndex(t))},t.prototype.getMedian=function(t){return this._store.getMedian(this._getStoreDimIndex(t))},t.prototype.getValues=function(t,e){var n=this,i=this._store;return U(t)?i.getValues(R_(t,(function(t){return n._getStoreDimIndex(t)})),e):i.getValues(t)},t.prototype.hasValue=function(t){for(var e=this._dimSummary.dataDimIndicesOnCoord,n=0,i=e.length;n<i;n++)if(isNaN(this._store.get(e[n],t)))return!1;return!0},t.prototype.indexOfName=function(t){for(var e=0,n=this._store.count();e<n;e++)if(this.getName(e)===t)return e;return-1},t.prototype.getRawIndex=function(t){return this._store.getRawIndex(t)},t.prototype.indexOfRawIndex=function(t){return this._store.indexOfRawIndex(t)},t.prototype.rawIndexOf=function(t,e){var n=t&&this._invertedIndicesMap[t];var i=n&&n[e];return null==i||isNaN(i)?-1:i},t.prototype.each=function(t,e,n){Y(t)&&(n=e,e=t,t=[]);var i=n||this,r=R_(A_(t),this._getStoreDimIndex,this);this._store.each(r,i?W(e,i):e)},t.prototype.filterSelf=function(t,e,n){Y(t)&&(n=e,e=t,t=[]);var i=n||this,r=R_(A_(t),this._getStoreDimIndex,this);return this._store=this._store.filter(r,i?W(e,i):e),this},t.prototype.selectRange=function(t){var e=this,n={};return z(F(t),(function(i){var r=e._getStoreDimIndex(i);n[r]=t[i]})),this._store=this._store.selectRange(n),this},t.prototype.mapArray=function(t,e,n){Y(t)&&(n=e,e=t,t=[]),n=n||this;var i=[];return this.each(t,(function(){i.push(e&&e.apply(this,arguments))}),n),i},t.prototype.map=function(t,e,n,i){var r=n||i||this,o=R_(A_(t),this._getStoreDimIndex,this),a=L_(this);return a._store=this._store.map(o,r?W(e,r):e),a},t.prototype.modify=function(t,e,n,i){var r=n||i||this;var o=R_(A_(t),this._getStoreDimIndex,this);this._store.modify(o,r?W(e,r):e)},t.prototype.downSample=function(t,e,n,i){var r=L_(this);return r._store=this._store.downSample(this._getStoreDimIndex(t),e,n,i),r},t.prototype.minmaxDownSample=function(t,e){var n=L_(this);return n._store=this._store.minmaxDownSample(this._getStoreDimIndex(t),e),n},t.prototype.lttbDownSample=function(t,e){var n=L_(this);return n._store=this._store.lttbDownSample(this._getStoreDimIndex(t),e),n},t.prototype.getRawDataItem=function(t){return this._store.getRawDataItem(t)},t.prototype.getItemModel=function(t){var e=this.hostModel,n=this.getRawDataItem(t);return new wd(n,e,e&&e.ecModel)},t.prototype.diff=function(t){var e=this;return new f_(t?t.getStore().getIndices():[],this.getStore().getIndices(),(function(e){return C_(t,e)}),(function(t){return C_(e,t)}))},t.prototype.getVisual=function(t){var e=this._visual;return e&&e[t]},t.prototype.setVisual=function(t,e){this._visual=this._visual||{},O_(t)?A(this._visual,t):this._visual[t]=e},t.prototype.getItemVisual=function(t,e){var n=this._itemVisuals[t],i=n&&n[e];return null==i?this.getVisual(e):i},t.prototype.hasItemVisual=function(){return this._itemVisuals.length>0},t.prototype.ensureUniqueItemVisual=function(t,e){var n=this._itemVisuals,i=n[t];i||(i=n[t]={});var r=i[e];return null==r&&(U(r=this.getVisual(e))?r=r.slice():O_(r)&&(r=A({},r)),i[e]=r),r},t.prototype.setItemVisual=function(t,e,n){var i=this._itemVisuals[t]||{};this._itemVisuals[t]=i,O_(e)?A(i,e):i[e]=n},t.prototype.clearAllVisual=function(){this._visual={},this._itemVisuals=[]},t.prototype.setLayout=function(t,e){O_(t)?A(this._layout,t):this._layout[t]=e},t.prototype.getLayout=function(t){return this._layout[t]},t.prototype.getItemLayout=function(t){return this._itemLayouts[t]},t.prototype.setItemLayout=function(t,e,n){this._itemLayouts[t]=n?A(this._itemLayouts[t]||{},e):e},t.prototype.clearItemLayouts=function(){this._itemLayouts.length=0},t.prototype.setItemGraphicEl=function(t,e){var n=this.hostModel&&this.hostModel.seriesIndex;El(n,this.dataType,t,e),this._graphicEls[t]=e},t.prototype.getItemGraphicEl=function(t){return this._graphicEls[t]},t.prototype.eachItemGraphicEl=function(t,e){z(this._graphicEls,(function(n,i){n&&t&&t.call(e,n,i)}))},t.prototype.cloneShallow=function(e){return e||(e=new t(this._schema?this._schema:R_(this.dimensions,this._getDimInfo,this),this.hostModel)),k_(e,this),e._store=this._store,e},t.prototype.wrapMethod=function(t,e){var n=this[t];Y(n)&&(this.__wrappedMethods=this.__wrappedMethods||[],this.__wrappedMethods.push(t),this[t]=function(){var t=n.apply(this,arguments);return e.apply(this,[t].concat(at(arguments)))})},t.internalField=(T_=function(t){var e=t._invertedIndicesMap;z(e,(function(n,i){var r=t._dimInfos[i],o=r.ordinalMeta,a=t._store;if(o){n=e[i]=new N_(o.categories.length);for(var s=0;s<n.length;s++)n[s]=-1;for(s=0;s<a.count();s++)n[a.get(r.storeDimIndex,s)]=s}}))},D_=function(t,e,n){return ia(t._getCategory(e,n),null)},C_=function(t,e){var n=t._idList[e];return null==n&&null!=t._idDimIdx&&(n=D_(t,t._idDimIdx,e)),null==n&&(n="e\0\0"+e),n},A_=function(t){return U(t)||(t=null!=t?[t]:[]),t},L_=function(e){var n=new t(e._schema?e._schema:R_(e.dimensions,e._getDimInfo,e),e.hostModel);return k_(n,e),n},k_=function(t,e){z(z_.concat(e.__wrappedMethods||[]),(function(n){e.hasOwnProperty(n)&&(t[n]=e[n])})),t.__wrappedMethods=e.__wrappedMethods,z(E_,(function(n){t[n]=T(e[n])})),t._calculationInfo=A({},e._calculationInfo)},void(P_=function(t,e){var n=t._nameList,i=t._idList,r=t._nameDimIdx,o=t._idDimIdx,a=n[e],s=i[e];if(null==a&&null!=r&&(n[e]=a=D_(t,r,e)),null==s&&null!=o&&(i[e]=s=D_(t,o,e)),null==s&&null!=a){var l=t._nameRepeatCount,u=l[a]=(l[a]||0)+1;s=a,u>1&&(s+="__ec__"+u),i[e]=s}})),t}();function V_(t,e){_g(t)||(t=wg(t));var n=(e=e||{}).coordDimensions||[],i=e.dimensionsDefine||t.dimensionsDefine||[],r=yt(),o=[],a=function(t,e,n,i){var r=Math.max(t.dimensionsDetectedCount||1,e.length,n.length,i||0);return z(e,(function(t){var e;q(t)&&(e=t.dimsDef)&&(r=Math.max(r,e.length))})),r}(t,n,i,e.dimensionsCount),s=e.canOmitUnusedDimensions&&I_(a),l=i===t.dimensionsDefine,u=l?M_(t):S_(i),c=e.encodeDefine;!c&&e.encodeDefaulter&&(c=e.encodeDefaulter(t,a));for(var h=yt(c),d=new dy(a),p=0;p<d.length;p++)d[p]=-1;function f(t){var e=d[t];if(e<0){var n=i[t],r=q(n)?n:{name:n},a=new m_,s=r.name;null!=s&&null!=u.get(s)&&(a.name=a.displayName=s),null!=r.type&&(a.type=r.type),null!=r.displayName&&(a.displayName=r.displayName);var l=o.length;return d[t]=l,a.storeDimIndex=t,o.push(a),a}return o[e]}if(!s)for(p=0;p<a;p++)f(p);h.each((function(t,e){var n=qo(t).slice();if(1===n.length&&!X(n[0])&&n[0]<0)h.set(e,!1);else{var i=h.set(e,[]);z(n,(function(t,n){var r=X(t)?u.get(t):t;null!=r&&r<a&&(i[n]=r,y(f(r),e,n))}))}}));var g=0;function y(t,e,n){null!=cf.get(e)?t.otherDims[e]=n:(t.coordDim=e,t.coordDimIndex=n,r.set(e,!0))}z(n,(function(t){var e,n,i,r;if(X(t))e=t,r={};else{e=(r=t).name;var o=r.ordinalMeta;r.ordinalMeta=null,(r=A({},r)).ordinalMeta=o,n=r.dimsDef,i=r.otherDims,r.name=r.coordDim=r.coordDimIndex=r.dimsDef=r.otherDims=null}var s=h.get(e);if(!1!==s){if(!(s=qo(s)).length)for(var u=0;u<(n&&n.length||1);u++){for(;g<a&&null!=f(g).coordDim;)g++;g<a&&s.push(g++)}z(s,(function(t,o){var a=f(t);if(l&&null!=r.type&&(a.type=r.type),y(k(a,r),e,o),null==a.name&&n){var s=n[o];!q(s)&&(s={name:s}),a.name=a.displayName=s.name,a.defaultTooltip=s.defaultTooltip}i&&k(a.otherDims,i)}))}}));var v=e.generateCoord,m=e.generateCoordCount,x=null!=m;m=v?m||1:0;var _=v||"value";function b(t){null==t.name&&(t.name=t.coordDim)}if(s)z(o,(function(t){b(t)})),o.sort((function(t,e){return t.storeDimIndex-e.storeDimIndex}));else for(var w=0;w<a;w++){var S=f(w);null==S.coordDim&&(S.coordDim=G_(_,r,x),S.coordDimIndex=0,(!v||m<=0)&&(S.isExtraCoord=!0),m--),b(S),null!=S.type||Tf(t,w)!==xf&&(!S.isExtraCoord||null==S.otherDims.itemName&&null==S.otherDims.seriesName)||(S.type="ordinal")}return function(t){for(var e=yt(),n=0;n<t.length;n++){var i=t[n],r=i.name,o=e.get(r)||0;o>0&&(i.name=r+(o-1)),o++,e.set(r,o)}}(o),new b_({source:t,dimensions:o,fullDimensionCount:a,dimensionOmitted:s})}function G_(t,e,n){if(n||e.hasKey(t)){for(var i=0;e.hasKey(t+i);)i++;t+=i}return e.set(t,!0),t}var F_=function(t){this.coordSysDims=[],this.axisMap=yt(),this.categoryAxisMap=yt(),this.coordSysName=t};var W_={cartesian2d:function(t,e,n,i){var r=t.getReferringComponents("xAxis",ha).models[0],o=t.getReferringComponents("yAxis",ha).models[0];e.coordSysDims=["x","y"],n.set("x",r),n.set("y",o),H_(r)&&(i.set("x",r),e.firstCategoryDimIndex=0),H_(o)&&(i.set("y",o),null==e.firstCategoryDimIndex&&(e.firstCategoryDimIndex=1))},singleAxis:function(t,e,n,i){var r=t.getReferringComponents("singleAxis",ha).models[0];e.coordSysDims=["single"],n.set("single",r),H_(r)&&(i.set("single",r),e.firstCategoryDimIndex=0)},polar:function(t,e,n,i){var r=t.getReferringComponents("polar",ha).models[0],o=r.findAxisModel("radiusAxis"),a=r.findAxisModel("angleAxis");e.coordSysDims=["radius","angle"],n.set("radius",o),n.set("angle",a),H_(o)&&(i.set("radius",o),e.firstCategoryDimIndex=0),H_(a)&&(i.set("angle",a),null==e.firstCategoryDimIndex&&(e.firstCategoryDimIndex=1))},geo:function(t,e,n,i){e.coordSysDims=["lng","lat"]},parallel:function(t,e,n,i){var r=t.ecModel,o=r.getComponent("parallel",t.get("parallelIndex")),a=e.coordSysDims=o.dimensions.slice();z(o.parallelAxisIndex,(function(t,o){var s=r.getComponent("parallelAxis",t),l=a[o];n.set(l,s),H_(s)&&(i.set(l,s),null==e.firstCategoryDimIndex&&(e.firstCategoryDimIndex=o))}))},matrix:function(t,e,n,i){var r=t.getReferringComponents("matrix",ha).models[0];e.coordSysDims=["x","y"];var o=r.getDimensionModel("x"),a=r.getDimensionModel("y");n.set("x",o),n.set("y",a),i.set("x",o),i.set("y",a)}};function H_(t){return"category"===t.get("type")}function U_(t,e,n){var i,r,o,a=(n=n||{}).byIndex,s=n.stackedCoordDimension;!function(t){return!w_(t.schema)}(e)?(r=e.schema,i=r.dimensions,o=e.store):i=e;var l,u,c,h,d=!(!t||!t.get("stack"));if(z(i,(function(t,e){X(t)&&(i[e]=t={name:t}),d&&!t.isExtraCoord&&(a||l||!t.ordinalMeta||(l=t),u||"ordinal"===t.type||"time"===t.type||s&&s!==t.coordDim||(u=t))})),!u||a||l||(a=!0),u){c="__\0ecstackresult_"+t.id,h="__\0ecstackedover_"+t.id,l&&(l.createInvertedIndices=!0);var p=u.coordDim,f=u.type,g=0;z(i,(function(t){t.coordDim===p&&g++}));var y={name:c,coordDim:p,coordDimIndex:g,type:f,isExtraCoord:!0,isCalculationCoord:!0,storeDimIndex:i.length},v={name:h,coordDim:h,coordDimIndex:g+1,type:f,isExtraCoord:!0,isCalculationCoord:!0,storeDimIndex:i.length+1};r?(o&&(y.storeDimIndex=o.ensureCalculationDimension(h,f),v.storeDimIndex=o.ensureCalculationDimension(c,f)),r.appendCalculationDimension(y),r.appendCalculationDimension(v)):(i.push(y),i.push(v))}return{stackedDimension:u&&u.name,stackedByDimension:l&&l.name,isStackedByIndex:a,stackedOverDimension:h,stackResultDimension:c}}function Y_(t,e){return!!e&&e===t.getCalculationInfo("stackedDimension")}function X_(t,e){return Y_(t,e)?t.getCalculationInfo("stackResultDimension"):e}function Z_(t,e,n){n=n||{};var i,r=e.getSourceManager(),o=!1;t?(o=!0,i=wg(t)):o=(i=r.getSource()).sourceFormat===hf;var a=function(t){var e=t.get("coordinateSystem"),n=new F_(e),i=W_[e];if(i)return i(t,n,n.axisMap,n.categoryAxisMap),n}(e),s=function(t,e){var n,i=t.get("coordinateSystem"),r=Tp.get(i);return e&&e.coordSysDims&&(n=E(e.coordSysDims,(function(t){var n={name:t},i=e.axisMap.get(t);if(i){var r=i.get("type");n.type=v_(r)}return n}))),n||(n=r&&(r.getDimensionsInfo?r.getDimensionsInfo():r.dimensions.slice())||["x","y"]),n}(e,a),l=n.useEncodeDefaulter,u=Y(l)?l:l?H(Sf,s,e):null,c=V_(i,{coordDimensions:s,generateCoord:n.generateCoord,encodeDefine:e.getEncode(),encodeDefaulter:u,canOmitUnusedDimensions:!o}),h=function(t,e,n){var i,r;return n&&z(t,(function(t,o){var a=t.coordDim,s=n.categoryAxisMap.get(a);s&&(null==i&&(i=o),t.ordinalMeta=s.getOrdinalMeta(),e&&(t.createInvertedIndices=!0)),null!=t.otherDims.itemName&&(r=!0)})),r||null==i||(t[i].otherDims.itemName=0),i}(c.dimensions,n.createInvertedIndices,a),d=o?null:r.getSharedDataStore(c),p=U_(e,{schema:c,store:d}),f=new B_(c,e);f.setCalculationInfo(p);var g=null!=h&&function(t){if(t.sourceFormat===hf){var e=function(t){var e=0;for(;e<t.length&&null==t[e];)e++;return t[e]}(t.data||[]);return!U(Jo(e))}}(i)?function(t,e,n,i){return i===h?n:this.defaultDimValueGetter(t,e,n,i)}:null;return f.hasItemOption=!1,f.initData(o?i:d,null,g),f}function j_(t){return"interval"===t.type||"log"===t.type}function q_(t,e,n,i,r){var o={},a=o.interval=Po(e/n,!0);null!=i&&a<i&&(a=o.interval=i),null!=r&&a>r&&(a=o.interval=r);var s=o.intervalPrecision=$_(a);return function(t,e){!isFinite(t[0])&&(t[0]=e[0]),!isFinite(t[1])&&(t[1]=e[1]),J_(t,0,e),J_(t,1,e),t[0]>t[1]&&(t[0]=t[1])}(o.niceTickExtent=[mo(Math.ceil(t[0]/a)*a,s),mo(Math.floor(t[1]/a)*a,s)],t),o}function K_(t){var e=Math.pow(10,Lo(t)),n=t/e;return n?2===n?n=3:3===n?n=5:n*=2:n=1,mo(n*e)}function $_(t){return _o(t)+2}function J_(t,e,n){t[e]=Math.max(Math.min(t[e],n[1]),n[0])}function Q_(t,e){return t>=e[0]&&t<=e[1]}var tb=function(){function t(){this.normalize=eb,this.scale=nb}return t.prototype.updateMethods=function(t){t.hasBreaks()?(this.normalize=W(t.normalize,t),this.scale=W(t.scale,t)):(this.normalize=eb,this.scale=nb)},t}();function eb(t,e){return e[1]===e[0]?.5:(t-e[0])/(e[1]-e[0])}function nb(t,e){return t*(e[1]-e[0])+e[0]}function ib(t,e,n){var i=Math.log(t);return[Math.log(n?e[0]:Math.max(0,e[0]))/i,Math.log(n?e[1]:Math.max(0,e[1]))/i]}var rb=function(){function t(t){this._calculator=new tb,this._setting=t||{},this._extent=[1/0,-1/0];var e=Nd();e&&(this._brkCtx=e.createScaleBreakContext(),this._brkCtx.update(this._extent))}return t.prototype.getSetting=function(t){return this._setting[t]},t.prototype._innerUnionExtent=function(t){var e=this._extent;this._innerSetExtent(t[0]<e[0]?t[0]:e[0],t[1]>e[1]?t[1]:e[1])},t.prototype.unionExtentFromData=function(t,e){this._innerUnionExtent(t.getApproximateExtent(e))},t.prototype.getExtent=function(){return this._extent.slice()},t.prototype.setExtent=function(t,e){this._innerSetExtent(t,e)},t.prototype._innerSetExtent=function(t,e){var n=this._extent;isNaN(t)||(n[0]=t),isNaN(e)||(n[1]=e),this._brkCtx&&this._brkCtx.update(n)},t.prototype.setBreaksFromOption=function(t){var e=Nd();e&&this._innerSetBreak(e.parseAxisBreakOption(t,W(this.parse,this)))},t.prototype._innerSetBreak=function(t){this._brkCtx&&(this._brkCtx.setBreaks(t),this._calculator.updateMethods(this._brkCtx),this._brkCtx.update(this._extent))},t.prototype._innerGetBreaks=function(){return this._brkCtx?this._brkCtx.breaks:[]},t.prototype.hasBreaks=function(){return!!this._brkCtx&&this._brkCtx.hasBreaks()},t.prototype._getExtentSpanWithBreaks=function(){return this._brkCtx&&this._brkCtx.hasBreaks()?this._brkCtx.getExtentSpan():this._extent[1]-this._extent[0]},t.prototype.isInExtentRange=function(t){return this._extent[0]<=t&&this._extent[1]>=t},t.prototype.isBlank=function(){return this._isBlank},t.prototype.setBlank=function(t){this._isBlank=t},t}();Ca(rb);var ob=0,ab=function(){function t(t){this.categories=t.categories||[],this._needCollect=t.needCollect,this._deduplication=t.deduplication,this.uid=++ob,this._onCollect=t.onCollect}return t.createByAxisModel=function(e){var n=e.option,i=n.data,r=i&&E(i,sb);return new t({categories:r,needCollect:!r,deduplication:!1!==n.dedplication})},t.prototype.getOrdinal=function(t){return this._getOrCreateMap().get(t)},t.prototype.parseAndCollect=function(t){var e,n=this._needCollect;if(!X(t)&&!n)return t;if(n&&!this._deduplication)return e=this.categories.length,this.categories[e]=t,this._onCollect&&this._onCollect(t,e),e;var i=this._getOrCreateMap();return null==(e=i.get(t))&&(n?(e=this.categories.length,this.categories[e]=t,i.set(t,e),this._onCollect&&this._onCollect(t,e)):e=NaN),e},t.prototype._getOrCreateMap=function(){return this._map||(this._map=yt(this.categories))},t}();function sb(t){return q(t)&&null!=t.value?t.value:t+""}var lb=function(t){function e(e){var n=t.call(this,e)||this;n.type="ordinal";var i=n.getSetting("ordinalMeta");return i||(i=new ab({})),U(i)&&(i=new ab({categories:E(i,(function(t){return q(t)?t.value:t}))})),n._ordinalMeta=i,n._extent=n.getSetting("extent")||[0,i.categories.length-1],n}return n(e,t),e.prototype.parse=function(t){return null==t?NaN:X(t)?this._ordinalMeta.getOrdinal(t):Math.round(t)},e.prototype.contain=function(t){return Q_(t,this._extent)&&t>=0&&t<this._ordinalMeta.categories.length},e.prototype.normalize=function(t){return t=this._getTickNumber(t),this._calculator.normalize(t,this._extent)},e.prototype.scale=function(t){return t=Math.round(this._calculator.scale(t,this._extent)),this.getRawOrdinalNumber(t)},e.prototype.getTicks=function(){for(var t=[],e=this._extent,n=e[0];n<=e[1];)t.push({value:n}),n++;return t},e.prototype.getMinorTicks=function(t){},e.prototype.setSortInfo=function(t){if(null!=t){for(var e=t.ordinalNumbers,n=this._ordinalNumbersByTick=[],i=this._ticksByOrdinalNumber=[],r=0,o=this._ordinalMeta.categories.length,a=Math.min(o,e.length);r<a;++r){var s=e[r];n[r]=s,i[s]=r}for(var l=0;r<o;++r){for(;null!=i[l];)l++;n.push(l),i[l]=r}}else this._ordinalNumbersByTick=this._ticksByOrdinalNumber=null},e.prototype._getTickNumber=function(t){var e=this._ticksByOrdinalNumber;return e&&t>=0&&t<e.length?e[t]:t},e.prototype.getRawOrdinalNumber=function(t){var e=this._ordinalNumbersByTick;return e&&t>=0&&t<e.length?e[t]:t},e.prototype.getLabel=function(t){if(!this.isBlank()){var e=this.getRawOrdinalNumber(t.value),n=this._ordinalMeta.categories[e];return null==n?"":n+""}},e.prototype.count=function(){return this._extent[1]-this._extent[0]+1},e.prototype.isInExtentRange=function(t){return t=this._getTickNumber(t),this._extent[0]<=t&&this._extent[1]>=t},e.prototype.getOrdinalMeta=function(){return this._ordinalMeta},e.prototype.calcNiceTicks=function(){},e.prototype.calcNiceExtent=function(){},e.type="ordinal",e}(rb);rb.registerClass(lb);var ub=mo,cb=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="interval",e._interval=0,e._intervalPrecision=2,e}return n(e,t),e.prototype.parse=function(t){return null==t||""===t?NaN:Number(t)},e.prototype.contain=function(t){return Q_(t,this._extent)},e.prototype.normalize=function(t){return this._calculator.normalize(t,this._extent)},e.prototype.scale=function(t){return this._calculator.scale(t,this._extent)},e.prototype.getInterval=function(){return this._interval},e.prototype.setInterval=function(t){this._interval=t,this._niceExtent=this._extent.slice(),this._intervalPrecision=$_(t)},e.prototype.getTicks=function(t){t=t||{};var e=this._interval,n=this._extent,i=this._niceExtent,r=this._intervalPrecision,o=Nd(),a=[];if(!e)return a;if("only_break"===t.breakTicks&&o)return o.addBreaksToTicks(a,this._brkCtx.breaks,this._extent),a;n[0]<i[0]&&(t.expandToNicedExtent?a.push({value:ub(i[0]-e,r)}):a.push({value:n[0]}));for(var s=function(t,n){return Math.round((n-t)/e)},l=i[0];l<=i[1];){if(a.push({value:l}),l=ub(l+e,r),this._brkCtx){var u=this._brkCtx.calcNiceTickMultiple(l,s);u>=0&&(l=ub(l+u*e,r))}if(a.length>0&&l===a[a.length-1].value)break;if(a.length>1e4)return[]}var c=a.length?a[a.length-1].value:i[1];return n[1]>c&&(t.expandToNicedExtent?a.push({value:ub(c+e,r)}):a.push({value:n[1]})),o&&o.pruneTicksByBreak(t.pruneByBreak,a,this._brkCtx.breaks,(function(t){return t.value}),this._interval,this._extent),"none"!==t.breakTicks&&o&&o.addBreaksToTicks(a,this._brkCtx.breaks,this._extent),a},e.prototype.getMinorTicks=function(t){for(var e=this.getTicks({expandToNicedExtent:!0}),n=[],i=this.getExtent(),r=1;r<e.length;r++){var o=e[r],a=e[r-1];if(!a.break&&!o.break){for(var s=0,l=[],u=(o.value-a.value)/t,c=$_(u);s<t-1;){var h=ub(a.value+(s+1)*u,c);h>i[0]&&h<i[1]&&l.push(h),s++}var d=Nd();d&&d.pruneTicksByBreak("auto",l,this._getNonTransBreaks(),(function(t){return t}),this._interval,i),n.push(l)}}return n},e.prototype._getNonTransBreaks=function(){return this._brkCtx?this._brkCtx.breaks:[]},e.prototype.getLabel=function(t,e){if(null==t)return"";var n=e&&e.precision;return null==n?n=_o(t.value)||0:"auto"===n&&(n=this._intervalPrecision),fp(ub(t.value,n,!0))},e.prototype.calcNiceTicks=function(t,e,n){t=t||5;var i=this._extent.slice(),r=this._getExtentSpanWithBreaks();if(isFinite(r)){r<0&&(r=-r,i.reverse(),this._innerSetExtent(i[0],i[1]),i=this._extent.slice());var o=q_(i,r,t,e,n);this._intervalPrecision=o.intervalPrecision,this._interval=o.interval,this._niceExtent=o.niceTickExtent}},e.prototype.calcNiceExtent=function(t){var e=this._extent.slice();if(e[0]===e[1])if(0!==e[0]){var n=Math.abs(e[0]);t.fixMax||(e[1]+=n/2),e[0]-=n/2}else e[1]=1;var i=e[1]-e[0];isFinite(i)||(e[0]=0,e[1]=1),this._innerSetExtent(e[0],e[1]),e=this._extent.slice(),this.calcNiceTicks(t.splitNumber,t.minInterval,t.maxInterval);var r=this._interval,o=this._intervalPrecision;t.fixMin||(e[0]=ub(Math.floor(e[0]/r)*r,o)),t.fixMax||(e[1]=ub(Math.ceil(e[1]/r)*r,o)),this._innerSetExtent(e[0],e[1])},e.prototype.setNiceExtent=function(t,e){this._niceExtent=[t,e]},e.type="interval",e}(rb);rb.registerClass(cb);var hb="undefined"!=typeof Float32Array,db=hb?Float32Array:Array;function pb(t){return U(t)?hb?new Float32Array(t):t:new db(t)}var fb="__ec_stack_";function gb(t){return t.get("stack")||fb+t.seriesIndex}function yb(t){return t.dim+t.index}function vb(t,e){var n=[];return e.eachSeriesByType(t,(function(t){wb(t)&&n.push(t)})),n}function mb(t){var e=function(t){var e={};z(t,(function(t){var n=t.coordinateSystem.getBaseAxis();if("time"===n.type||"value"===n.type)for(var i=t.getData(),r=n.dim+"_"+n.index,o=i.getDimensionIndex(i.mapDimension(n.dim)),a=i.getStore(),s=0,l=a.count();s<l;++s){var u=a.get(o,s);e[r]?e[r].push(u):e[r]=[u]}}));var n={};for(var i in e)if(e.hasOwnProperty(i)){var r=e[i];if(r){r.sort((function(t,e){return t-e}));for(var o=null,a=1;a<r.length;++a){var s=r[a]-r[a-1];s>0&&(o=null===o?s:Math.min(o,s))}n[i]=o}}return n}(t),n=[];return z(t,(function(t){var i,r=t.coordinateSystem.getBaseAxis(),o=r.getExtent();if("category"===r.type)i=r.getBandWidth();else if("value"===r.type||"time"===r.type){var a=r.dim+"_"+r.index,s=e[a],l=Math.abs(o[1]-o[0]),u=r.scale.getExtent(),c=Math.abs(u[1]-u[0]);i=s?l/c*s:l}else{var h=t.getData();i=Math.abs(o[1]-o[0])/h.count()}var d=yo(t.get("barWidth"),i),p=yo(t.get("barMaxWidth"),i),f=yo(t.get("barMinWidth")||(Sb(t)?.5:1),i),g=t.get("barGap"),y=t.get("barCategoryGap"),v=t.get("defaultBarGap");n.push({bandWidth:i,barWidth:d,barMaxWidth:p,barMinWidth:f,barGap:g,barCategoryGap:y,defaultBarGap:v,axisKey:yb(r),stackId:gb(t)})})),xb(n)}function xb(t){var e={};z(t,(function(t,n){var i=t.axisKey,r=t.bandWidth,o=e[i]||{bandWidth:r,remainedWidth:r,autoWidthCount:0,categoryGap:null,gap:t.defaultBarGap||0,stacks:{}},a=o.stacks;e[i]=o;var s=t.stackId;a[s]||o.autoWidthCount++,a[s]=a[s]||{width:0,maxWidth:0};var l=t.barWidth;l&&!a[s].width&&(a[s].width=l,l=Math.min(o.remainedWidth,l),o.remainedWidth-=l);var u=t.barMaxWidth;u&&(a[s].maxWidth=u);var c=t.barMinWidth;c&&(a[s].minWidth=c);var h=t.barGap;null!=h&&(o.gap=h);var d=t.barCategoryGap;null!=d&&(o.categoryGap=d)}));var n={};return z(e,(function(t,e){n[e]={};var i=t.stacks,r=t.bandWidth,o=t.categoryGap;if(null==o){var a=F(i).length;o=Math.max(35-4*a,15)+"%"}var s=yo(o,r),l=yo(t.gap,1),u=t.remainedWidth,c=t.autoWidthCount,h=(u-s)/(c+(c-1)*l);h=Math.max(h,0),z(i,(function(t){var e=t.maxWidth,n=t.minWidth;if(t.width){i=t.width;e&&(i=Math.min(i,e)),n&&(i=Math.max(i,n)),t.width=i,u-=i+l*i,c--}else{var i=h;e&&e<i&&(i=Math.min(e,u)),n&&n>i&&(i=n),i!==h&&(t.width=i,u-=i+l*i,c--)}})),h=(u-s)/(c+(c-1)*l),h=Math.max(h,0);var d,p=0;z(i,(function(t,e){t.width||(t.width=h),d=t,p+=t.width*(1+l)})),d&&(p-=d.width*l);var f=-p/2;z(i,(function(t,i){n[e][i]=n[e][i]||{bandWidth:r,offset:f,width:t.width},f+=t.width*(1+l)}))})),n}function _b(t,e){var n=vb(t,e),i=mb(n);z(n,(function(t){var e=t.getData(),n=t.coordinateSystem.getBaseAxis(),r=gb(t),o=i[yb(n)][r],a=o.offset,s=o.width;e.setLayout({bandWidth:o.bandWidth,offset:a,size:s})}))}function bb(t){return{seriesType:t,plan:$y(),reset:function(t){if(wb(t)){var e=t.getData(),n=t.coordinateSystem,i=n.getBaseAxis(),r=n.getOtherAxis(i),o=e.getDimensionIndex(e.mapDimension(r.dim)),a=e.getDimensionIndex(e.mapDimension(i.dim)),s=t.get("showBackground",!0),l=e.mapDimension(r.dim),u=e.getCalculationInfo("stackResultDimension"),c=Y_(e,l)&&!!e.getCalculationInfo("stackedOnSeries"),h=r.isHorizontal(),d=function(t,e){var n=e.model.get("startValue");n||(n=0);return e.toGlobalCoord(e.dataToCoord("log"===e.type?n>0?n:1:n))}(0,r),p=Sb(t),f=t.get("barMinHeight")||0,g=u&&e.getDimensionIndex(u),y=e.getLayout("size"),v=e.getLayout("offset");return{progress:function(t,e){for(var i,r=t.count,l=p&&pb(3*r),u=p&&s&&pb(3*r),m=p&&pb(r),x=n.master.getRect(),_=h?x.width:x.height,b=e.getStore(),w=0;null!=(i=t.next());){var S=b.get(c?g:o,i),M=b.get(a,i),I=d,T=void 0;c&&(T=+S-b.get(o,i));var C=void 0,D=void 0,A=void 0,k=void 0;if(h){var L=n.dataToPoint([S,M]);if(c)I=n.dataToPoint([T,M])[0];C=I,D=L[1]+v,A=L[0]-I,k=y,Math.abs(A)<f&&(A=(A<0?-1:1)*f)}else{L=n.dataToPoint([M,S]);if(c)I=n.dataToPoint([M,T])[1];C=L[0]+v,D=I,A=y,k=L[1]-I,Math.abs(k)<f&&(k=(k<=0?-1:1)*f)}p?(l[w]=C,l[w+1]=D,l[w+2]=h?A:k,u&&(u[w]=h?x.x:C,u[w+1]=h?D:x.y,u[w+2]=_),m[i]=i):e.setItemLayout(i,{x:C,y:D,width:A,height:k}),w+=3}p&&e.setLayout({largePoints:l,largeDataIndices:m,largeBackgroundPoints:u,valueAxisHorizontal:h})}}}}}}function wb(t){return t.coordinateSystem&&"cartesian2d"===t.coordinateSystem.type}function Sb(t){return t.pipelineContext&&t.pipelineContext.large}var Mb=function(t){function e(e){var n=t.call(this,e)||this;return n.type="time",n}return n(e,t),e.prototype.getLabel=function(t){var e=this.getSetting("useUTC");return $d(t.value,Ud[function(t){switch(t){case"year":case"month":return"day";case"millisecond":return"millisecond";default:return"second"}}(qd(this._minLevelUnit))]||Ud.second,e,this.getSetting("locale"))},e.prototype.getFormattedLabel=function(t,e,n){var i=this.getSetting("useUTC");return function(t,e,n,i,r){var o=null;if(X(n))o=n;else if(Y(n)){var a={time:t.time,level:t.time.level},s=Nd();s&&s.makeAxisLabelFormatterParamBreak(a,t.break),o=n(t.value,e,a)}else{var l=t.time;if(l){var u=n[l.lowerTimeUnit][l.upperTimeUnit];o=u[Math.min(l.level,u.length-1)]||""}else{var c=Jd(t.value,r);o=n[c][c][0]}}return $d(new Date(t.value),o,r,i)}(t,e,n,this.getSetting("locale"),i)},e.prototype.getTicks=function(t){t=t||{};var e=this._interval,n=this._extent,i=Nd(),r=[];if(!e)return r;var o=this.getSetting("useUTC");if(i&&"only_break"===t.breakTicks)return Nd().addBreaksToTicks(r,this._brkCtx.breaks,this._extent),r;var a=Jd(n[1],o);r.push({value:n[0],time:{level:0,upperTimeUnit:a,lowerTimeUnit:a}});var s=function(t,e,n,i,r,o){var a=1e4,s=Xd,l=0;function u(t,e,n,r,s,u,c){for(var h=function(t,e){var n=new Date(0);n[t](1);var i=n.getTime();n[t](1+e);var r=n.getTime()-i;return function(t,e){return Math.max(0,Math.round((e-t)/r))}}(s,t),d=e,p=new Date(d);d<n&&d<=i[1];){if(c.push({value:d}),l++>a){0;break}if(p[s](p[r]()+t),d=p.getTime(),o){var f=o.calcNiceTickMultiple(d,h);f>0&&(p[s](p[r]()+f*t),d=p.getTime())}}c.push({value:d,notAdd:!0})}function c(t,r,o){var a=[],s=!r.length;if(!Tb(qd(t),i[0],i[1],n)){s&&(r=[{value:Pb(i[0],t,n)},{value:i[1]}]);for(var l=0;l<r.length-1;l++){var c=r[l].value,h=r[l+1].value;if(c!==h){var d=void 0,p=void 0,f=void 0,g=!1;switch(t){case"year":d=Math.max(1,Math.round(e/Vd/365)),p=tp(n),f=sp(n);break;case"half-year":case"quarter":case"month":d=Db(e),p=ep(n),f=lp(n);break;case"week":case"half-week":case"day":d=Cb(e),p=np(n),f=up(n),g=!0;break;case"half-day":case"quarter-day":case"hour":d=Ab(e),p=ip(n),f=cp(n);break;case"minute":d=kb(e,!0),p=rp(n),f=hp(n);break;case"second":d=kb(e,!1),p=op(n),f=dp(n);break;case"millisecond":d=Lb(e),p=ap(n),f=pp(n)}h>=i[0]&&c<=i[1]&&u(d,c,h,p,f,g,a),"year"===t&&o.length>1&&0===l&&o.unshift({value:o[0].value-d})}}for(l=0;l<a.length;l++)o.push(a[l])}}for(var h=[],d=[],p=0,f=0,g=0;g<s.length;++g){var y=qd(s[g]);if(Kd(s[g]))if(c(s[g],h[h.length-1]||[],d),y!==(s[g+1]?qd(s[g+1]):null)){if(d.length){f=p,d.sort((function(t,e){return t.value-e.value}));for(var v=[],m=0;m<d.length;++m){var x=d[m].value;0!==m&&d[m-1].value===x||(v.push(d[m]),x>=i[0]&&x<=i[1]&&p++)}var _=r/e;if(p>1.5*_&&f>_/1.5)break;if(h.push(v),p>_||t===s[g])break}d=[]}}var b=V(E(h,(function(t){return V(t,(function(t){return t.value>=i[0]&&t.value<=i[1]&&!t.notAdd}))})),(function(t){return t.length>0})),w=[],S=b.length-1;for(g=0;g<b.length;++g)for(var M=b[g],I=0;I<M.length;++I){var T=Jd(M[I].value,n);w.push({value:M[I].value,time:{level:S-g,upperTimeUnit:T,lowerTimeUnit:T}})}w.sort((function(t,e){return t.value-e.value}));var C=[];for(g=0;g<w.length;++g)0!==g&&w[g].value===w[g-1].value||C.push(w[g]);return C}(this._minLevelUnit,this._approxInterval,o,n,this._getExtentSpanWithBreaks(),this._brkCtx);r=r.concat(s);var l=Jd(n[1],o);r.push({value:n[1],time:{level:0,upperTimeUnit:l,lowerTimeUnit:l}});var u=this.getSetting("useUTC"),c=Yd.length-1,h=0;return z(r,(function(t){c=Math.min(c,P(Yd,t.time.upperTimeUnit)),h=Math.max(h,t.time.level)})),i&&Nd().pruneTicksByBreak(t.pruneByBreak,r,this._brkCtx.breaks,(function(t){return t.value}),this._approxInterval,this._extent),i&&"none"!==t.breakTicks&&Nd().addBreaksToTicks(r,this._brkCtx.breaks,this._extent,(function(t){for(var e=Math.max(P(Yd,Jd(t.vmin,u)),P(Yd,Jd(t.vmax,u))),n=0,i=0;i<Yd.length;i++)if(!Tb(Yd[i],t.vmin,t.vmax,u)){n=i;break}var r=Math.min(n,c),o=Math.max(r,e);return{level:h,lowerTimeUnit:Yd[o],upperTimeUnit:Yd[r]}})),r},e.prototype.calcNiceExtent=function(t){var e=this.getExtent();if(e[0]===e[1]&&(e[0]-=Vd,e[1]+=Vd),e[1]===-1/0&&e[0]===1/0){var n=new Date;e[1]=+new Date(n.getFullYear(),n.getMonth(),n.getDate()),e[0]=e[1]-Vd}this._innerSetExtent(e[0],e[1]),this.calcNiceTicks(t.splitNumber,t.minInterval,t.maxInterval)},e.prototype.calcNiceTicks=function(t,e,n){t=t||10;var i=this._getExtentSpanWithBreaks();this._approxInterval=i/t,null!=e&&this._approxInterval<e&&(this._approxInterval=e),null!=n&&this._approxInterval>n&&(this._approxInterval=n);var r=Ib.length,o=Math.min(function(t,e,n,i){for(;n<i;){var r=n+i>>>1;t[r][1]<e?n=r+1:i=r}return n}(Ib,this._approxInterval,0,r),r-1);this._interval=Ib[o][1],this._intervalPrecision=$_(this._interval),this._minLevelUnit=Ib[Math.max(o-1,0)][0]},e.prototype.parse=function(t){return j(t)?t:+Ao(t)},e.prototype.contain=function(t){return Q_(t,this._extent)},e.prototype.normalize=function(t){return this._calculator.normalize(t,this._extent)},e.prototype.scale=function(t){return this._calculator.scale(t,this._extent)},e.type="time",e}(cb),Ib=[["second",zd],["minute",Ed],["hour",Bd],["quarter-day",216e5],["half-day",432e5],["day",10368e4],["half-week",3024e5],["week",6048e5],["month",26784e5],["quarter",8208e6],["half-year",Gd/2],["year",Gd]];function Tb(t,e,n,i){return Qd(new Date(e),t,i).getTime()===Qd(new Date(n),t,i).getTime()}function Cb(t,e){return(t/=Vd)>16?16:t>7.5?7:t>3.5?4:t>1.5?2:1}function Db(t){return(t/=2592e6)>6?6:t>3?3:t>2?2:1}function Ab(t){return(t/=Bd)>12?12:t>6?6:t>3.5?4:t>2?2:1}function kb(t,e){return(t/=e?Ed:zd)>30?30:t>20?20:t>15?15:t>10?10:t>5?5:t>2?2:1}function Lb(t){return Po(t,!0)}function Pb(t,e,n){var i=Math.max(0,P(Yd,e)-1);return Qd(new Date(t),Yd[i],n).getTime()}rb.registerClass(Mb);var Ob=mo,Rb=Math.floor,Nb=Math.ceil,zb=Math.pow,Eb=Math.log,Bb=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="log",e.base=10,e._originalScale=new cb,e}return n(e,t),e.prototype.getTicks=function(e){e=e||{};var n=this._extent.slice(),i=this._originalScale.getExtent(),r=t.prototype.getTicks.call(this,e),o=this.base,a=this._originalScale._innerGetBreaks(),s=Nd();return E(r,(function(t){var e,r=t.value,l=null,u=zb(o,r);if(r===n[0]&&this._fixMin?l=i[0]:r===n[1]&&this._fixMax&&(l=i[1]),s){var c=s.getTicksLogTransformBreak(t,o,a,Vb);e=c.vBreak,null==l&&(l=c.brkRoundingCriterion)}return null!=l&&(u=Vb(u,l)),{value:u,break:e}}),this)},e.prototype._getNonTransBreaks=function(){return this._originalScale._innerGetBreaks()},e.prototype.setExtent=function(e,n){this._originalScale.setExtent(e,n);var i=ib(this.base,[e,n]);t.prototype.setExtent.call(this,i[0],i[1])},e.prototype.getExtent=function(){var e=this.base,n=t.prototype.getExtent.call(this);n[0]=zb(e,n[0]),n[1]=zb(e,n[1]);var i=this._originalScale.getExtent();return this._fixMin&&(n[0]=Vb(n[0],i[0])),this._fixMax&&(n[1]=Vb(n[1],i[1])),n},e.prototype.unionExtentFromData=function(t,e){this._originalScale.unionExtentFromData(t,e);var n=ib(this.base,t.getApproximateExtent(e),!0);this._innerUnionExtent(n)},e.prototype.calcNiceTicks=function(t){t=t||10;var e=this._extent.slice(),n=this._getExtentSpanWithBreaks();if(isFinite(n)&&!(n<=0)){var i=ko(n);for(t/n*i<=.5&&(i*=10);!isNaN(i)&&Math.abs(i)<1&&Math.abs(i)>0;)i*=10;var r=[Ob(Nb(e[0]/i)*i),Ob(Rb(e[1]/i)*i)];this._interval=i,this._intervalPrecision=$_(i),this._niceExtent=r}},e.prototype.calcNiceExtent=function(e){t.prototype.calcNiceExtent.call(this,e),this._fixMin=e.fixMin,this._fixMax=e.fixMax},e.prototype.contain=function(e){return e=Eb(e)/Eb(this.base),t.prototype.contain.call(this,e)},e.prototype.normalize=function(e){return e=Eb(e)/Eb(this.base),t.prototype.normalize.call(this,e)},e.prototype.scale=function(e){return e=t.prototype.scale.call(this,e),zb(this.base,e)},e.prototype.setBreaksFromOption=function(t){var e=Nd();if(e){var n=e.logarithmicParseBreaksFromOption(t,this.base,W(this.parse,this)),i=n.parsedOriginal,r=n.parsedLogged;this._originalScale._innerSetBreak(i),this._innerSetBreak(r)}},e.type="log",e}(cb);function Vb(t,e){return Ob(t,_o(e))}rb.registerClass(Bb);var Gb=function(){function t(t,e,n){this._prepareParams(t,e,n)}return t.prototype._prepareParams=function(t,e,n){n[1]<n[0]&&(n=[NaN,NaN]),this._dataMin=n[0],this._dataMax=n[1];var i=this._isOrdinal="ordinal"===t.type;this._needCrossZero="interval"===t.type&&e.getNeedCrossZero&&e.getNeedCrossZero();var r=e.get("min",!0);null==r&&(r=e.get("startValue",!0));var o=this._modelMinRaw=r;Y(o)?this._modelMinNum=Ub(t,o({min:n[0],max:n[1]})):"dataMin"!==o&&(this._modelMinNum=Ub(t,o));var a=this._modelMaxRaw=e.get("max",!0);if(Y(a)?this._modelMaxNum=Ub(t,a({min:n[0],max:n[1]})):"dataMax"!==a&&(this._modelMaxNum=Ub(t,a)),i)this._axisDataLen=e.getCategories().length;else{var s=e.get("boundaryGap"),l=U(s)?s:[s||0,s||0];"boolean"==typeof l[0]||"boolean"==typeof l[1]?this._boundaryGapInner=[0,0]:this._boundaryGapInner=[Fr(l[0],1),Fr(l[1],1)]}},t.prototype.calculate=function(){var t=this._isOrdinal,e=this._dataMin,n=this._dataMax,i=this._axisDataLen,r=this._boundaryGapInner,o=t?null:n-e||Math.abs(e),a="dataMin"===this._modelMinRaw?e:this._modelMinNum,s="dataMax"===this._modelMaxRaw?n:this._modelMaxNum,l=null!=a,u=null!=s;null==a&&(a=t?i?0:NaN:e-r[0]*o),null==s&&(s=t?i?i-1:NaN:n+r[1]*o),(null==a||!isFinite(a))&&(a=NaN),(null==s||!isFinite(s))&&(s=NaN);var c=nt(a)||nt(s)||t&&!i;this._needCrossZero&&(a>0&&s>0&&!l&&(a=0),a<0&&s<0&&!u&&(s=0));var h=this._determinedMin,d=this._determinedMax;return null!=h&&(a=h,l=!0),null!=d&&(s=d,u=!0),{min:a,max:s,minFixed:l,maxFixed:u,isBlank:c}},t.prototype.modifyDataMinMax=function(t,e){this[Wb[t]]=e},t.prototype.setDeterminedMinMax=function(t,e){var n=Fb[t];this[n]=e},t.prototype.freeze=function(){this.frozen=!0},t}(),Fb={min:"_determinedMin",max:"_determinedMax"},Wb={min:"_dataMin",max:"_dataMax"};function Hb(t,e,n){var i=t.rawExtentInfo;return i||(i=new Gb(t,e,n),t.rawExtentInfo=i,i)}function Ub(t,e){return null==e?null:nt(e)?NaN:t.parse(e)}function Yb(t,e){var n=t.type,i=Hb(t,e,t.getExtent()).calculate();t.setBlank(i.isBlank);var r=i.min,o=i.max,a=e.ecModel;if(a&&"time"===n){var s=vb("bar",a),l=!1;if(z(s,(function(t){l=l||t.getBaseAxis()===e.axis})),l){var u=mb(s),c=function(t,e,n,i){var r=n.axis.getExtent(),o=Math.abs(r[1]-r[0]),a=function(t,e,n){if(t&&e){var i=t[yb(e)];return null!=i&&null!=n?i[gb(n)]:i}}(i,n.axis);if(void 0===a)return{min:t,max:e};var s=1/0;z(a,(function(t){s=Math.min(t.offset,s)}));var l=-1/0;z(a,(function(t){l=Math.max(t.offset+t.width,l)})),s=Math.abs(s),l=Math.abs(l);var u=s+l,c=e-t,h=c/(1-(s+l)/o)-c;return e+=h*(l/u),t-=h*(s/u),{min:t,max:e}}(r,o,e,u);r=c.min,o=c.max}}return{extent:[r,o],fixMin:i.minFixed,fixMax:i.maxFixed}}function Xb(t,e){var n=e,i=Yb(t,n),r=i.extent,o=n.get("splitNumber");t instanceof Bb&&(t.base=n.get("logBase"));var a=t.type,s=n.get("interval"),l="interval"===a||"time"===a;t.setBreaksFromOption(ew(n)),t.setExtent(r[0],r[1]),t.calcNiceExtent({splitNumber:o,fixMin:i.fixMin,fixMax:i.fixMax,minInterval:l?n.get("minInterval"):null,maxInterval:l?n.get("maxInterval"):null}),null!=s&&t.setInterval&&t.setInterval(s)}function Zb(t,e){if(e=e||t.get("type"))switch(e){case"category":return new lb({ordinalMeta:t.getOrdinalMeta?t.getOrdinalMeta():t.getCategories(),extent:[1/0,-1/0]});case"time":return new Mb({locale:t.ecModel.getLocaleModel(),useUTC:t.ecModel.get("useUTC")});default:return new(rb.getClass(e)||cb)}}function jb(t){var e=t.getLabelModel().get("formatter");if("time"===t.type){var n=Zd(e);return function(e,i){return t.scale.getFormattedLabel(e,i,n)}}if(X(e))return function(n){var i=t.scale.getLabel(n);return e.replace("{value}",null!=i?i:"")};if(Y(e)){if("category"===t.type)return function(n,i){return e(qb(t,n),n.value-t.scale.getExtent()[0],null)};var i=Nd();return function(n,r){var o=null;return i&&(o=i.makeAxisLabelFormatterParamBreak(o,n.break)),e(qb(t,n),r,o)}}return function(e){return t.scale.getLabel(e)}}function qb(t,e){return"category"===t.type?t.scale.getLabel(e):e.value}function Kb(t){var e=t.get("interval");return null==e?"auto":e}function $b(t){return"category"===t.type&&0===Kb(t.getLabelModel())}function Jb(t,e){var n={};return z(t.mapDimensionsAll(e),(function(e){n[X_(t,e)]=!0})),F(n)}function Qb(t){return"middle"===t||"center"===t}function tw(t){return t.getShallow("show")}function ew(t){var e,n=t.get("breaks",!0);if(null!=n)return Nd()?"x"!==(e=t.axis).dim&&"y"!==e.dim&&"z"!==e.dim&&"single"!==e.dim||"category"===e.type?void 0:n:void 0}var nw=function(){function t(){}return t.prototype.getNeedCrossZero=function(){return!this.option.scale},t.prototype.getCoordSysModel=function(){},t}();var iw={isDimensionStacked:Y_,enableDataStack:U_,getStackedDimension:X_};var rw=Object.freeze({__proto__:null,createList:function(t){return Z_(null,t)},getLayoutRect:Hp,dataStack:iw,createScale:function(t,e){var n=e;e instanceof wd||(n=new wd(e));var i=Zb(n);return i.setExtent(t[0],t[1]),Xb(i,n),i},mixinAxisModelCommonMethods:function(t){R(t,nw)},getECData:zl,createTextStyle:function(t,e){return Qh(t,null,null,"normal"!==(e=e||{}).state)},createDimensions:function(t,e){return V_(t,e).dimensions},createSymbol:hm,enableHoverEmphasis:Iu});function ow(t,e){return Math.abs(t-e)<1e-8}function aw(t,e,n){var i=0,r=t[0];if(!r)return!1;for(var o=1;o<t.length;o++){var a=t[o];i+=qs(r[0],r[1],a[0],a[1],e,n),r=a}var s=t[0];return ow(r[0],s[0])&&ow(r[1],s[1])||(i+=qs(r[0],r[1],s[0],s[1],e,n)),0!==i}var sw=[];function lw(t,e){for(var n=0;n<t.length;n++)Ht(t[n],t[n],e)}function uw(t,e,n,i){for(var r=0;r<t.length;r++){var o=t[r];i&&(o=i.project(o)),o&&isFinite(o[0])&&isFinite(o[1])&&(Ut(e,e,o),Yt(n,n,o))}}var cw=function(){function t(t){this.name=t}return t.prototype.setCenter=function(t){this._center=t},t.prototype.getCenter=function(){var t=this._center;return t||(t=this._center=this.calcCenter()),t},t}(),hw=function(t,e){this.type="polygon",this.exterior=t,this.interiors=e},dw=function(t){this.type="linestring",this.points=t},pw=function(t){function e(e,n,i){var r=t.call(this,e)||this;return r.type="geoJSON",r.geometries=n,r._center=i&&[i[0],i[1]],r}return n(e,t),e.prototype.calcCenter=function(){for(var t,e=this.geometries,n=0,i=0;i<e.length;i++){var r=e[i],o=r.exterior,a=o&&o.length;a>n&&(t=r,n=a)}if(t)return function(t){for(var e=0,n=0,i=0,r=t.length,o=t[r-1][0],a=t[r-1][1],s=0;s<r;s++){var l=t[s][0],u=t[s][1],c=o*u-l*a;e+=c,n+=(o+l)*c,i+=(a+u)*c,o=l,a=u}return e?[n/e/3,i/e/3,e]:[t[0][0]||0,t[0][1]||0]}(t.exterior);var s=this.getBoundingRect();return[s.x+s.width/2,s.y+s.height/2]},e.prototype.getBoundingRect=function(t){var e=this._rect;if(e&&!t)return e;var n=[1/0,1/0],i=[-1/0,-1/0];return z(this.geometries,(function(e){"polygon"===e.type?uw(e.exterior,n,i,t):z(e.points,(function(e){uw(e,n,i,t)}))})),isFinite(n[0])&&isFinite(n[1])&&isFinite(i[0])&&isFinite(i[1])||(n[0]=n[1]=i[0]=i[1]=0),e=new He(n[0],n[1],i[0]-n[0],i[1]-n[1]),t||(this._rect=e),e},e.prototype.contain=function(t){var e=this.getBoundingRect(),n=this.geometries;if(!e.contain(t[0],t[1]))return!1;t:for(var i=0,r=n.length;i<r;i++){var o=n[i];if("polygon"===o.type){var a=o.exterior,s=o.interiors;if(aw(a,t[0],t[1])){for(var l=0;l<(s?s.length:0);l++)if(aw(s[l],t[0],t[1]))continue t;return!0}}}return!1},e.prototype.transformTo=function(t,e,n,i){var r=this.getBoundingRect(),o=r.width/r.height;n?i||(i=n/o):n=o*i;for(var a=new He(t,e,n,i),s=r.calculateTransform(a),l=this.geometries,u=0;u<l.length;u++){var c=l[u];"polygon"===c.type?(lw(c.exterior,s),z(c.interiors,(function(t){lw(t,s)}))):z(c.points,(function(t){lw(t,s)}))}(r=this._rect).copy(a),this._center=[r.x+r.width/2,r.y+r.height/2]},e.prototype.cloneShallow=function(t){null==t&&(t=this.name);var n=new e(t,this.geometries,this._center);return n._rect=this._rect,n.transformTo=null,n},e}(cw),fw=function(t){function e(e,n){var i=t.call(this,e)||this;return i.type="geoSVG",i._elOnlyForCalculate=n,i}return n(e,t),e.prototype.calcCenter=function(){for(var t=this._elOnlyForCalculate,e=t.getBoundingRect(),n=[e.x+e.width/2,e.y+e.height/2],i=_e(sw),r=t;r&&!r.isGeoSVGGraphicRoot;)we(i,r.getLocalTransform(),i),r=r.parent;return Te(i,i),Ht(n,n,i),n},e}(cw);function gw(t,e,n){for(var i=0;i<t.length;i++)t[i]=yw(t[i],e[i],n)}function yw(t,e,n){for(var i=[],r=e[0],o=e[1],a=0;a<t.length;a+=2){var s=t.charCodeAt(a)-64,l=t.charCodeAt(a+1)-64;s=s>>1^-(1&s),l=l>>1^-(1&l),r=s+=r,o=l+=o,i.push([s/n,l/n])}return i}function vw(t,e){return E(V((t=function(t){if(!t.UTF8Encoding)return t;var e=t,n=e.UTF8Scale;return null==n&&(n=1024),z(e.features,(function(t){var e=t.geometry,i=e.encodeOffsets,r=e.coordinates;if(i)switch(e.type){case"LineString":e.coordinates=yw(r,i,n);break;case"Polygon":case"MultiLineString":gw(r,i,n);break;case"MultiPolygon":z(r,(function(t,e){return gw(t,i[e],n)}))}})),e.UTF8Encoding=!1,e}(t)).features,(function(t){return t.geometry&&t.properties&&t.geometry.coordinates.length>0})),(function(t){var n=t.properties,i=t.geometry,r=[];switch(i.type){case"Polygon":var o=i.coordinates;r.push(new hw(o[0],o.slice(1)));break;case"MultiPolygon":z(i.coordinates,(function(t){t[0]&&r.push(new hw(t[0],t.slice(1)))}));break;case"LineString":r.push(new dw([i.coordinates]));break;case"MultiLineString":r.push(new dw(i.coordinates))}var a=new pw(n[e||"name"],r,n.cp);return a.properties=n,a}))}var mw=Object.freeze({__proto__:null,linearMap:go,round:mo,asc:xo,getPrecision:_o,getPrecisionSafe:bo,getPixelPrecision:wo,getPercentWithPrecision:function(t,e,n){return t[e]&&So(t,n)[e]||0},parsePercent:yo,MAX_SAFE_INTEGER:Io,remRadian:To,isRadianAroundZero:Co,parseDate:Ao,quantity:ko,quantityExponent:Lo,nice:Po,quantile:Oo,reformIntervals:Ro,isNumeric:zo,numericToNumber:No}),xw=Object.freeze({__proto__:null,parse:Ao,format:$d,roundTime:Qd}),_w=Object.freeze({__proto__:null,extendShape:ch,extendPath:dh,makePath:gh,makeImage:yh,mergePath:mh,resizePath:xh,createIcon:Ah,updateProps:th,initProps:eh,getTransform:wh,clipPointsByRect:Ch,clipRectByRect:Dh,registerShape:ph,getShapeClass:fh,Group:to,Image:dl,Text:Sl,Circle:nc,Ellipse:rc,Sector:xc,Ring:bc,Polygon:Mc,Polyline:Tc,Rect:xl,Line:Ac,BezierCurve:Oc,Arc:Nc,IncrementalDisplayable:Kc,CompoundPath:zc,LinearGradient:Bc,RadialGradient:Vc,BoundingRect:He}),bw=Object.freeze({__proto__:null,addCommas:fp,toCamelCase:gp,normalizeCssArray:yp,encodeHTML:oe,formatTpl:_p,getTooltipMarker:bp,formatTime:function(t,e,n){"week"!==t&&"month"!==t&&"quarter"!==t&&"half-year"!==t&&"year"!==t||(t="MM-dd\nyyyy");var i=Ao(e),r=n?"getUTC":"get",o=i[r+"FullYear"](),a=i[r+"Month"]()+1,s=i[r+"Date"](),l=i[r+"Hours"](),u=i[r+"Minutes"](),c=i[r+"Seconds"](),h=i[r+"Milliseconds"]();return t=t.replace("MM",jd(a,2)).replace("M",a).replace("yyyy",o).replace("yy",jd(o%100+"",2)).replace("dd",jd(s,2)).replace("d",s).replace("hh",jd(l,2)).replace("h",l).replace("mm",jd(u,2)).replace("m",u).replace("ss",jd(c,2)).replace("s",c).replace("SSS",jd(h,3))},capitalFirst:function(t){return t?t.charAt(0).toUpperCase()+t.substr(1):t},truncateText:function(t,e,n,i,r){var o={};return Ea(o,t,e,n,i,r),o.text},getTextRect:function(t,e,n,i,r,o,a,s){return new Sl({style:{text:t,font:e,align:n,verticalAlign:i,padding:r,rich:o,overflow:a?"truncate":null,lineHeight:s}}).getBoundingRect()}}),ww=Object.freeze({__proto__:null,map:E,each:z,indexOf:P,inherits:O,reduce:B,filter:V,bind:W,curry:H,isArray:U,isString:X,isObject:q,isFunction:Y,extend:A,defaults:k,clone:T,merge:C}),Sw=sa(),Mw=sa(),Iw=1,Tw=2;function Cw(t){return{out:{noPxChangeTryDetermine:[]},kind:t}}function Dw(t,e){var n=E(e,(function(e){return t.scale.parse(e)}));return"time"===t.type&&n.length>0&&(n.sort(),n.unshift(n[0]),n.push(n[n.length-1])),n}function Aw(t,e){var n=t.getLabelModel().get("customValues");if(n){var i=jb(t),r=t.scale.getExtent();return{labels:E(V(Dw(t,n),(function(t){return t>=r[0]&&t<=r[1]})),(function(e){var n={value:e};return{formattedLabel:i(n),rawLabel:t.scale.getLabel(n),tickValue:e,time:void 0,break:void 0}}))}}return"category"===t.type?function(t,e){var n=t.getLabelModel(),i=Lw(t,n,e);return!n.get("show")||t.scale.isBlank()?{labels:[]}:i}(t,e):function(t){var e=t.scale.getTicks(),n=jb(t);return{labels:E(e,(function(e,i){return{formattedLabel:n(e,i),rawLabel:t.scale.getLabel(e),tickValue:e.value,time:e.time,break:e.break}}))}}(t)}function kw(t,e,n){var i=t.getTickModel().get("customValues");if(i){var r=t.scale.getExtent();return{ticks:V(Dw(t,i),(function(t){return t>=r[0]&&t<=r[1]}))}}return"category"===t.type?function(t,e){var n,i,r=Pw(t),o=Kb(e),a=Nw(r,o);if(a)return a;e.get("show")&&!t.scale.isBlank()||(n=[]);if(Y(o))n=Gw(t,o,!0);else if("auto"===o){var s=Lw(t,t.getLabelModel(),Cw(Tw));i=s.labelCategoryInterval,n=E(s.labels,(function(t){return t.tickValue}))}else n=Vw(t,i=o,!0);return zw(r,o,{ticks:n,tickCategoryInterval:i})}(t,e):{ticks:E(t.scale.getTicks(n),(function(t){return t.value}))}}function Lw(t,e,n){var i,r,o=Ow(t),a=Kb(e),s=n.kind===Iw;if(!s){var l=Nw(o,a);if(l)return l}Y(a)?i=Gw(t,a):(r="auto"===a?function(t,e){if(e.kind===Iw){var n=t.calculateCategoryInterval(e);return e.out.noPxChangeTryDetermine.push((function(){return Mw(t).autoInterval=n,!0})),n}var i=Mw(t).autoInterval;return null!=i?i:Mw(t).autoInterval=t.calculateCategoryInterval(e)}(t,n):a,i=Vw(t,r));var u={labels:i,labelCategoryInterval:r};return s?n.out.noPxChangeTryDetermine.push((function(){return zw(o,a,u),!0})):zw(o,a,u),u}var Pw=Rw("axisTick"),Ow=Rw("axisLabel");function Rw(t){return function(e){return Mw(e)[t]||(Mw(e)[t]={list:[]})}}function Nw(t,e){for(var n=0;n<t.list.length;n++)if(t.list[n].key===e)return t.list[n].value}function zw(t,e,n){return t.list.push({key:e,value:n}),n}function Ew(t,e,n){return null==Bw(t,e,n)}function Bw(t,e,n){var i=Sw(t.model),r=t.getExtent(),o=i.lastAutoInterval,a=i.lastTickCount;if(null!=o&&null!=a&&Math.abs(o-e)<=1&&Math.abs(a-n)<=1&&o>e&&i.axisExtent0===r[0]&&i.axisExtent1===r[1])return o;i.lastTickCount=n,i.lastAutoInterval=e,i.axisExtent0=r[0],i.axisExtent1=r[1]}function Vw(t,e,n){var i=jb(t),r=t.scale,o=r.getExtent(),a=t.getLabelModel(),s=[],l=Math.max((e||0)+1,1),u=o[0],c=r.count();0!==u&&l>1&&c/l>2&&(u=Math.round(Math.ceil(u/l)*l));var h=$b(t),d=a.get("showMinLabel")||h,p=a.get("showMaxLabel")||h;d&&u!==o[0]&&g(o[0]);for(var f=u;f<=o[1];f+=l)g(f);function g(t){var e={value:t};s.push(n?t:{formattedLabel:i(e),rawLabel:r.getLabel(e),tickValue:t,time:void 0,break:void 0})}return p&&f-l!==o[1]&&g(o[1]),s}function Gw(t,e,n){var i=t.scale,r=jb(t),o=[];return z(i.getTicks(),(function(t){var a=i.getLabel(t),s=t.value;e(t.value,a)&&o.push(n?s:{formattedLabel:r(t),rawLabel:a,tickValue:s,time:void 0,break:void 0})})),o}var Fw=[0,1],Ww=function(){function t(t,e,n){this.onBand=!1,this.inverse=!1,this.dim=t,this.scale=e,this._extent=n||[0,0]}return t.prototype.contain=function(t){var e=this._extent,n=Math.min(e[0],e[1]),i=Math.max(e[0],e[1]);return t>=n&&t<=i},t.prototype.containData=function(t){return this.scale.contain(this.scale.parse(t))},t.prototype.getExtent=function(){return this._extent.slice()},t.prototype.getPixelPrecision=function(t){return wo(t||this.scale.getExtent(),this._extent)},t.prototype.setExtent=function(t,e){var n=this._extent;n[0]=t,n[1]=e},t.prototype.dataToCoord=function(t,e){var n=this._extent,i=this.scale;return t=i.normalize(i.parse(t)),this.onBand&&"ordinal"===i.type&&Hw(n=n.slice(),i.count()),go(t,Fw,n,e)},t.prototype.coordToData=function(t,e){var n=this._extent,i=this.scale;this.onBand&&"ordinal"===i.type&&Hw(n=n.slice(),i.count());var r=go(t,n,Fw,e);return this.scale.scale(r)},t.prototype.pointToData=function(t,e){},t.prototype.getTicksCoords=function(t){var e=(t=t||{}).tickModel||this.getTickModel(),n=E(kw(this,e,{breakTicks:t.breakTicks,pruneByBreak:t.pruneByBreak}).ticks,(function(t){return{coord:this.dataToCoord("ordinal"===this.scale.type?this.scale.getRawOrdinalNumber(t):t),tickValue:t}}),this);return function(t,e,n,i){var r=e.length;if(!t.onBand||n||!r)return;var o,a,s=t.getExtent();if(1===r)e[0].coord=s[0],e[0].onBand=!0,o=e[1]={coord:s[1],tickValue:e[0].tickValue,onBand:!0};else{var l=e[r-1].tickValue-e[0].tickValue,u=(e[r-1].coord-e[0].coord)/l;z(e,(function(t){t.coord-=u/2,t.onBand=!0}));var c=t.scale.getExtent();a=1+c[1]-e[r-1].tickValue,o={coord:e[r-1].coord+u*a,tickValue:c[1]+1,onBand:!0},e.push(o)}var h=s[0]>s[1];d(e[0].coord,s[0])&&(i?e[0].coord=s[0]:e.shift());i&&d(s[0],e[0].coord)&&e.unshift({coord:s[0],onBand:!0});d(s[1],o.coord)&&(i?o.coord=s[1]:e.pop());i&&d(o.coord,s[1])&&e.push({coord:s[1],onBand:!0});function d(t,e){return t=mo(t),e=mo(e),h?t>e:t<e}}(this,n,e.get("alignWithLabel"),t.clamp),n},t.prototype.getMinorTicksCoords=function(){if("ordinal"===this.scale.type)return[];var t=this.model.getModel("minorTick").get("splitNumber");return t>0&&t<100||(t=5),E(this.scale.getMinorTicks(t),(function(t){return E(t,(function(t){return{coord:this.dataToCoord(t),tickValue:t}}),this)}),this)},t.prototype.getViewLabels=function(t){return Aw(this,t=t||Cw(Tw)).labels},t.prototype.getLabelModel=function(){return this.model.getModel("axisLabel")},t.prototype.getTickModel=function(){return this.model.getModel("axisTick")},t.prototype.getBandWidth=function(){var t=this._extent,e=this.scale.getExtent(),n=e[1]-e[0]+(this.onBand?1:0);0===n&&(n=1);var i=Math.abs(t[1]-t[0]);return Math.abs(i)/n},t.prototype.calculateCategoryInterval=function(t){return function(t,e){var n=e.kind,i=function(t){var e=t.getLabelModel();return{axisRotate:t.getRotate?t.getRotate():t.isHorizontal&&!t.isHorizontal()?90:0,labelRotate:e.get("rotate")||0,font:e.getFont()}}(t),r=jb(t),o=(i.axisRotate-i.labelRotate)/180*Math.PI,a=t.scale,s=a.getExtent(),l=a.count();if(s[1]-s[0]<1)return 0;var u=1;l>40&&(u=Math.max(1,Math.floor(l/40)));for(var c=s[0],h=t.dataToCoord(c+1)-t.dataToCoord(c),d=Math.abs(h*Math.cos(o)),p=Math.abs(h*Math.sin(o)),f=0,g=0;c<=s[1];c+=u){var y,v,m=Er(r({value:c}),i.font,"center","top");y=1.3*m.width,v=1.3*m.height,f=Math.max(f,y,7),g=Math.max(g,v,7)}var x=f/d,_=g/p;isNaN(x)&&(x=1/0),isNaN(_)&&(_=1/0);var b=Math.max(0,Math.floor(Math.min(x,_)));if(n===Iw)return e.out.noPxChangeTryDetermine.push(W(Ew,null,t,b,l)),b;var w=Bw(t,b,l);return null!=w?w:b}(this,t=t||Cw(Tw))},t}();function Hw(t,e){var n=(t[1]-t[0])/e/2;t[0]+=n,t[1]-=n}var Uw=2*Math.PI,Yw=Fs.CMD,Xw=["top","right","bottom","left"];function Zw(t,e,n,i,r){var o=n.width,a=n.height;switch(t){case"top":i.set(n.x+o/2,n.y-e),r.set(0,-1);break;case"bottom":i.set(n.x+o/2,n.y+a+e),r.set(0,1);break;case"left":i.set(n.x-e,n.y+a/2),r.set(-1,0);break;case"right":i.set(n.x+o+e,n.y+a/2),r.set(1,0)}}function jw(t,e,n,i,r,o,a,s,l){a-=t,s-=e;var u=Math.sqrt(a*a+s*s),c=(a/=u)*n+t,h=(s/=u)*n+e;if(Math.abs(i-r)%Uw<1e-4)return l[0]=c,l[1]=h,u-n;if(o){var d=i;i=Xs(r),r=Xs(d)}else i=Xs(i),r=Xs(r);i>r&&(r+=Uw);var p=Math.atan2(s,a);if(p<0&&(p+=Uw),p>=i&&p<=r||p+Uw>=i&&p+Uw<=r)return l[0]=c,l[1]=h,u-n;var f=n*Math.cos(i)+t,g=n*Math.sin(i)+e,y=n*Math.cos(r)+t,v=n*Math.sin(r)+e,m=(f-a)*(f-a)+(g-s)*(g-s),x=(y-a)*(y-a)+(v-s)*(v-s);return m<x?(l[0]=f,l[1]=g,Math.sqrt(m)):(l[0]=y,l[1]=v,Math.sqrt(x))}function qw(t,e,n,i,r,o,a,s){var l=r-t,u=o-e,c=n-t,h=i-e,d=Math.sqrt(c*c+h*h),p=(l*(c/=d)+u*(h/=d))/d;s&&(p=Math.min(Math.max(p,0),1)),p*=d;var f=a[0]=t+p*c,g=a[1]=e+p*h;return Math.sqrt((f-r)*(f-r)+(g-o)*(g-o))}function Kw(t,e,n,i,r,o,a){n<0&&(t+=n,n=-n),i<0&&(e+=i,i=-i);var s=t+n,l=e+i,u=a[0]=Math.min(Math.max(r,t),s),c=a[1]=Math.min(Math.max(o,e),l);return Math.sqrt((u-r)*(u-r)+(c-o)*(c-o))}var $w=[];function Jw(t,e,n){var i=Kw(e.x,e.y,e.width,e.height,t.x,t.y,$w);return n.set($w[0],$w[1]),i}function Qw(t,e,n){for(var i,r,o=0,a=0,s=0,l=0,u=1/0,c=e.data,h=t.x,d=t.y,p=0;p<c.length;){var f=c[p++];1===p&&(s=o=c[p],l=a=c[p+1]);var g=u;switch(f){case Yw.M:o=s=c[p++],a=l=c[p++];break;case Yw.L:g=qw(o,a,c[p],c[p+1],h,d,$w,!0),o=c[p++],a=c[p++];break;case Yw.C:g=On(o,a,c[p++],c[p++],c[p++],c[p++],c[p],c[p+1],h,d,$w),o=c[p++],a=c[p++];break;case Yw.Q:g=Vn(o,a,c[p++],c[p++],c[p],c[p+1],h,d,$w),o=c[p++],a=c[p++];break;case Yw.A:var y=c[p++],v=c[p++],m=c[p++],x=c[p++],_=c[p++],b=c[p++];p+=1;var w=!!(1-c[p++]);i=Math.cos(_)*m+y,r=Math.sin(_)*x+v,p<=1&&(s=i,l=r),g=jw(y,v,x,_,_+b,w,(h-y)*x/m+y,d,$w),o=Math.cos(_+b)*m+y,a=Math.sin(_+b)*x+v;break;case Yw.R:g=Kw(s=o=c[p++],l=a=c[p++],c[p++],c[p++],h,d,$w);break;case Yw.Z:g=qw(o,a,s,l,h,d,$w,!0),o=s,a=l}g<u&&(u=g,n.set($w[0],$w[1]))}return u}var tS=new Ae,eS=new Ae,nS=new Ae,iS=new Ae,rS=new Ae;function oS(t,e){if(t){var n=t.getTextGuideLine(),i=t.getTextContent();if(i&&n){var r=t.textGuideLineConfig||{},o=[[0,0],[0,0],[0,0]],a=r.candidates||Xw,s=i.getBoundingRect().clone();s.applyTransform(i.getComputedTransform());var l=1/0,u=r.anchor,c=t.getComputedTransform(),h=c&&Te([],c),d=e.get("length2")||0;u&&nS.copy(u);for(var p=0;p<a.length;p++){Zw(a[p],0,s,tS,iS),Ae.scaleAndAdd(eS,tS,iS,d),eS.transform(h);var f=t.getBoundingRect(),g=u?u.distance(eS):t instanceof sl?Qw(eS,t.path,nS):Jw(eS,f,nS);g<l&&(l=g,eS.transform(c),nS.transform(c),nS.toArray(o[0]),eS.toArray(o[1]),tS.toArray(o[2]))}lS(o,e.get("minTurnAngle")),n.setShape({points:o})}}}var aS=[],sS=new Ae;function lS(t,e){if(e<=180&&e>0){e=e/180*Math.PI,tS.fromArray(t[0]),eS.fromArray(t[1]),nS.fromArray(t[2]),Ae.sub(iS,tS,eS),Ae.sub(rS,nS,eS);var n=iS.len(),i=rS.len();if(!(n<.001||i<.001)){iS.scale(1/n),rS.scale(1/i);var r=iS.dot(rS);if(Math.cos(e)<r){var o=qw(eS.x,eS.y,nS.x,nS.y,tS.x,tS.y,aS,!1);sS.fromArray(aS),sS.scaleAndAdd(rS,o/Math.tan(Math.PI-e));var a=nS.x!==eS.x?(sS.x-eS.x)/(nS.x-eS.x):(sS.y-eS.y)/(nS.y-eS.y);if(isNaN(a))return;a<0?Ae.copy(sS,eS):a>1&&Ae.copy(sS,nS),sS.toArray(t[1])}}}}function uS(t,e,n){if(n<=180&&n>0){n=n/180*Math.PI,tS.fromArray(t[0]),eS.fromArray(t[1]),nS.fromArray(t[2]),Ae.sub(iS,eS,tS),Ae.sub(rS,nS,eS);var i=iS.len(),r=rS.len();if(!(i<.001||r<.001))if(iS.scale(1/i),rS.scale(1/r),iS.dot(e)<Math.cos(n)){var o=qw(eS.x,eS.y,nS.x,nS.y,tS.x,tS.y,aS,!1);sS.fromArray(aS);var a=Math.PI/2,s=a+Math.acos(rS.dot(e))-n;if(s>=a)Ae.copy(sS,nS);else{sS.scaleAndAdd(rS,o/Math.tan(Math.PI/2-s));var l=nS.x!==eS.x?(sS.x-eS.x)/(nS.x-eS.x):(sS.y-eS.y)/(nS.y-eS.y);if(isNaN(l))return;l<0?Ae.copy(sS,eS):l>1&&Ae.copy(sS,nS)}sS.toArray(t[1])}}}function cS(t,e,n,i){var r="normal"===n,o=r?t:t.ensureState(n);o.ignore=e;var a=i.get("smooth");a&&!0===a&&(a=.3),o.shape=o.shape||{},a>0&&(o.shape.smooth=a);var s=i.getModel("lineStyle").getLineStyle();r?t.useStyle(s):o.style=s}function hS(t,e){var n=e.smooth,i=e.points;if(i)if(t.moveTo(i[0][0],i[0][1]),n>0&&i.length>=3){var r=Vt(i[0],i[1]),o=Vt(i[1],i[2]);if(!r||!o)return t.lineTo(i[1][0],i[1][1]),void t.lineTo(i[2][0],i[2][1]);var a=Math.min(r,o)*n,s=Wt([],i[1],i[0],a/r),l=Wt([],i[1],i[2],a/o),u=Wt([],s,l,.5);t.bezierCurveTo(s[0],s[1],s[0],s[1],u[0],u[1]),t.bezierCurveTo(l[0],l[1],l[0],l[1],i[2][0],i[2][1])}else for(var c=1;c<i.length;c++)t.lineTo(i[c][0],i[c][1])}function dS(t,e,n){var i=t.getTextGuideLine(),r=t.getTextContent();if(r){for(var o=e.normal,a=o.get("show"),s=r.ignore,l=0;l<Hl.length;l++){var u=Hl[l],c=e[u],h="normal"===u;if(c){var d=c.get("show");if((h?s:rt(r.states[u]&&r.states[u].ignore,s))||!rt(d,a)){var p=h?i:i&&i.states[u];p&&(p.ignore=!0),i&&cS(i,!0,u,c);continue}i||(i=new Tc,t.setTextGuideLine(i),h||!s&&a||cS(i,!0,"normal",e.normal),t.stateProxy&&(i.stateProxy=t.stateProxy)),cS(i,!1,u,c)}}if(i){k(i.style,n),i.style.fill=null;var f=o.get("showAbove");(t.textGuideLineConfig=t.textGuideLineConfig||{}).showAbove=f||!1,i.buildPath=hS}}else i&&t.removeTextGuideLine()}function pS(t,e){e=e||"labelLine";for(var n={normal:t.getModel(e)},i=0;i<Wl.length;i++){var r=Wl[i];n[r]=t.getModel([r,e])}return n}var fS=["label","labelLine","layoutOption","priority","defaultAttr","marginForce","minMarginForce","marginDefault","suggestIgnore"];function gS(t,e,n){n=n||3,e?t.dirty|=n:t.dirty&=~n}function yS(t,e){return e=e||3,null==t.dirty||!!(t.dirty&e)}function vS(t){if(t)return yS(t)&&mS(t,t.label,t),t}function mS(t,e,n){var i=e.getComputedTransform();t.transform=Wh(t.transform,i);var r=t.localRect=Fh(t.localRect,e.getBoundingRect()),o=e.style,a=o.margin,s=n&&n.marginForce,l=n&&n.minMarginForce,u=n&&n.marginDefault,c=o.__marginType;null==c&&u&&(a=u,c=hd.textMargin);for(var h=0;h<4;h++)xS[h]=c===hd.minMargin&&l&&null!=l[h]?l[h]:s&&null!=s[h]?s[h]:a?a[h]:0;c===hd.textMargin&&Oh(r,xS,!1,!1);var d=t.rect=Fh(t.rect,r);return i&&d.applyTransform(i),c===hd.minMargin&&Oh(d,xS,!1,!1),t.axisAligned=Vh(i),(t.label=t.label||{}).ignore=e.ignore,gS(t,!1),gS(t,!0,2),t}var xS=[0,0,0,0];function _S(t,e){if(t){t.label.x+=e.x,t.label.y+=e.y,t.label.markRedraw();var n=t.transform;n&&(n[4]+=e.x,n[5]+=e.y);var i=t.rect;i&&(i.x+=e.x,i.y+=e.y);var r=t.obb;r&&r.fromBoundingRect(t.localRect,n)}}function bS(t,e){for(var n=0;n<fS.length;n++){var i=fS[n];null==t[i]&&(t[i]=e[i])}return vS(t)}function wS(t){var e=t.obb;return e&&!yS(t,2)||(t.obb=e=e||new jc,e.fromBoundingRect(t.localRect,t.transform),gS(t,!1,2)),e}function SS(t,e,n,i,r){var o=t.length,a=lh[e],s=uh[e];if(o<2)return!1;t.sort((function(t,e){return t.rect[a]-e.rect[a]}));for(var l,u=0,c=!1,h=0,d=0;d<o;d++){var p=t[d],f=p.rect;(l=f[a]-u)<0&&(f[a]-=l,p.label[a]-=l,c=!0),h+=Math.max(-l,0),u=f[a]+f[s]}h>0&&r&&b(-h/o,0,o);var g,y,v=t[0],m=t[o-1];function x(){g=v.rect[a]-n,y=i-m.rect[a]-m.rect[s]}function _(t,e,n){if(t<0){var i=Math.min(e,-t);if(i>0){b(i*n,0,o);var r=i+t;r<0&&w(-r*n,1)}else w(-t*n,1)}}function b(e,n,i){0!==e&&(c=!0);for(var r=n;r<i;r++){var o=t[r];o.rect[a]+=e,o.label[a]+=e}}function w(e,n){for(var i=[],r=0,l=1;l<o;l++){var u=t[l-1].rect,c=Math.max(t[l].rect[a]-u[a]-u[s],0);i.push(c),r+=c}if(r){var h=Math.min(Math.abs(e)/r,n);if(e>0)for(l=0;l<o-1;l++){b(i[l]*h,0,l+1)}else for(l=o-1;l>0;l--){b(-(i[l-1]*h),l,o)}}}function S(t){var e=t<0?-1:1;t=Math.abs(t);for(var n=Math.ceil(t/(o-1)),i=0;i<o-1;i++)if(e>0?b(n,0,i+1):b(-n,o-i-1,o),(t-=n)<=0)return}return x(),g<0&&w(-g,.8),y<0&&w(y,.8),x(),_(g,y,1),_(y,g,-1),x(),g<0&&S(-g),y<0&&S(y),c}function MS(t){var e=[];function n(t){if(!t.ignore){var e=t.ensureState("emphasis");null==e.ignore&&(e.ignore=!1)}t.ignore=!0}t.sort((function(t,e){return(e.suggestIgnore?1:0)-(t.suggestIgnore?1:0)||e.priority-t.priority}));for(var i=0;i<t.length;i++){var r=vS(t[i]);if(!r.label.ignore){for(var o=r.label,a=r.labelLine,s=!1,l=0;l<e.length;l++)if(IS(r,e[l],null,{touchThreshold:.05})){s=!0;break}s?(n(o),a&&n(a)):e.push(r)}}}function IS(t,e,n,i){return!(!t||!e)&&(!(t.label&&t.label.ignore||e.label&&e.label.ignore)&&(!!t.rect.intersect(e.rect,n,i)&&(!(!t.axisAligned||!e.axisAligned)||wS(t).intersect(wS(e),n,i))))}function TS(t){if(t){for(var e=[],n=0;n<t.length;n++)e.push(t[n].slice());return e}}function CS(t,e){var n=t.label,i=e&&e.getTextGuideLine();return{dataIndex:t.dataIndex,dataType:t.dataType,seriesIndex:t.seriesModel.seriesIndex,text:t.label.style.text,rect:t.hostRect,labelRect:t.rect,align:n.style.align,verticalAlign:n.style.verticalAlign,labelLinePoints:TS(i&&i.shape.points)}}var DS=["align","verticalAlign","width","height","fontSize"],AS=new Dr,kS=sa(),LS=sa();function PS(t,e,n){for(var i=0;i<n.length;i++){var r=n[i];null!=e[r]&&(t[r]=e[r])}}var OS=["x","y","rotation"],RS=function(){function t(){this._labelList=[],this._chartViewList=[]}return t.prototype.clearLabels=function(){this._labelList=[],this._chartViewList=[]},t.prototype._addLabel=function(t,e,n,i,r){var o=i.style,a=i.__hostTarget.textConfig||{},s=i.getComputedTransform(),l=i.getBoundingRect().plain();He.applyTransform(l,l,s),s?AS.setLocalTransform(s):(AS.x=AS.y=AS.rotation=AS.originX=AS.originY=0,AS.scaleX=AS.scaleY=1),AS.rotation=Xs(AS.rotation);var u,c=i.__hostTarget;if(c){u=c.getBoundingRect().plain();var h=c.getComputedTransform();He.applyTransform(u,u,h)}var d=u&&c.getTextGuideLine();this._labelList.push({label:i,labelLine:d,seriesModel:n,dataIndex:t,dataType:e,layoutOptionOrCb:r,layoutOption:null,rect:l,hostRect:u,priority:u?u.width*u.height:0,defaultAttr:{ignore:i.ignore,labelGuideIgnore:d&&d.ignore,x:AS.x,y:AS.y,scaleX:AS.scaleX,scaleY:AS.scaleY,rotation:AS.rotation,style:{x:o.x,y:o.y,align:o.align,verticalAlign:o.verticalAlign,width:o.width,height:o.height,fontSize:o.fontSize},cursor:i.cursor,attachedPos:a.position,attachedRot:a.rotation}})},t.prototype.addLabelsOfSeries=function(t){var e=this;this._chartViewList.push(t);var n=t.__model,i=n.get("labelLayout");(Y(i)||F(i).length)&&t.group.traverse((function(t){if(t.ignore)return!0;var r=t.getTextContent(),o=zl(t);r&&!r.disableLabelLayout&&e._addLabel(o.dataIndex,o.dataType,n,r,i)}))},t.prototype.updateLayoutConfig=function(t){var e=t.getWidth(),n=t.getHeight();function i(t,e){return function(){oS(t,e)}}for(var r=0;r<this._labelList.length;r++){var o=this._labelList[r],a=o.label,s=a.__hostTarget,l=o.defaultAttr,u=void 0;u=(u=Y(o.layoutOptionOrCb)?o.layoutOptionOrCb(CS(o,s)):o.layoutOptionOrCb)||{},o.layoutOption=u;var c=Math.PI/180;s&&s.setTextConfig({local:!1,position:null!=u.x||null!=u.y?null:l.attachedPos,rotation:null!=u.rotate?u.rotate*c:l.attachedRot,offset:[u.dx||0,u.dy||0]});var h=!1;if(null!=u.x?(a.x=yo(u.x,e),a.setStyle("x",0),h=!0):(a.x=l.x,a.setStyle("x",l.style.x)),null!=u.y?(a.y=yo(u.y,n),a.setStyle("y",0),h=!0):(a.y=l.y,a.setStyle("y",l.style.y)),u.labelLinePoints){var d=s.getTextGuideLine();d&&(d.setShape({points:u.labelLinePoints}),h=!1)}kS(a).needsUpdateLabelLine=h,a.rotation=null!=u.rotate?u.rotate*c:l.rotation,a.scaleX=l.scaleX,a.scaleY=l.scaleY;for(var p=0;p<DS.length;p++){var f=DS[p];a.setStyle(f,null!=u[f]?u[f]:l.style[f])}if(u.draggable){if(a.draggable=!0,a.cursor="move",s){var g=o.seriesModel;if(null!=o.dataIndex)g=o.seriesModel.getData(o.dataType).getItemModel(o.dataIndex);a.on("drag",i(s,g.getModel("labelLine")))}}else a.off("drag"),a.cursor=l.cursor}},t.prototype.layout=function(t){var e=t.getWidth(),n=t.getHeight(),i=[];z(this._labelList,(function(t){t.defaultAttr.ignore||i.push(bS({},t))}));var r=V(i,(function(t){return"shiftX"===t.layoutOption.moveOverlap})),o=V(i,(function(t){return"shiftY"===t.layoutOption.moveOverlap}));SS(r,0,0,e),SS(o,1,0,n);var a=V(i,(function(t){return t.layoutOption.hideOverlap}));!function(t){for(var e=0;e<t.length;e++){var n=t[e],i=n.defaultAttr,r=n.labelLine;n.label.attr("ignore",i.ignore),r&&r.attr("ignore",i.labelGuideIgnore)}}(a),MS(a)},t.prototype.processLabelsOverall=function(){var t=this;z(this._chartViewList,(function(e){var n=e.__model,i=e.ignoreLabelLineUpdate,r=n.isAnimationEnabled();e.group.traverse((function(e){if(e.ignore&&!e.forceLabelAnimation)return!0;var o=!i,a=e.getTextContent();!o&&a&&(o=kS(a).needsUpdateLabelLine),o&&t._updateLabelLine(e,n),r&&t._animateLabels(e,n)}))}))},t.prototype._updateLabelLine=function(t,e){var n=t.getTextContent(),i=zl(t),r=i.dataIndex;if(n&&null!=r){var o=e.getData(i.dataType),a=o.getItemModel(r),s={},l=o.getItemVisual(r,"style");if(l){var u=o.getVisual("drawType");s.stroke=l[u]}var c=a.getModel("labelLine");dS(t,pS(a),s),oS(t,c)}},t.prototype._animateLabels=function(t,e){var n=t.getTextContent(),i=t.getTextGuideLine();if(n&&(t.forceLabelAnimation||!n.ignore&&!n.invisible&&!t.disableLabelAnimation&&!nh(t))){var r=(p=kS(n)).oldLayout,o=zl(t),a=o.dataIndex,s={x:n.x,y:n.y,rotation:n.rotation},l=e.getData(o.dataType);if(r){n.attr(r);var u=t.prevStates;u&&(P(u,"select")>=0&&n.attr(p.oldLayoutSelect),P(u,"emphasis")>=0&&n.attr(p.oldLayoutEmphasis)),th(n,s,e,a)}else if(n.attr(s),!ad(n).valueAnimation){var c=rt(n.style.opacity,1);n.style.opacity=0,eh(n,{style:{opacity:c}},e,a)}if(p.oldLayout=s,n.states.select){var h=p.oldLayoutSelect={};PS(h,s,OS),PS(h,n.states.select,OS)}if(n.states.emphasis){var d=p.oldLayoutEmphasis={};PS(d,s,OS),PS(d,n.states.emphasis,OS)}ld(n,a,l,e,e)}if(i&&!i.ignore&&!i.invisible){r=(p=LS(i)).oldLayout;var p,f={points:i.shape.points};r?(i.attr({shape:r}),th(i,{shape:f},e)):(i.setShape(f),i.style.strokePercent=0,eh(i,{style:{strokePercent:1}},e)),p.oldLayout=f}},t}(),NS=sa();var zS=Math.sin,ES=Math.cos,BS=Math.PI,VS=2*Math.PI,GS=180/BS,FS=function(){function t(){}return t.prototype.reset=function(t){this._start=!0,this._d=[],this._str="",this._p=Math.pow(10,t||4)},t.prototype.moveTo=function(t,e){this._add("M",t,e)},t.prototype.lineTo=function(t,e){this._add("L",t,e)},t.prototype.bezierCurveTo=function(t,e,n,i,r,o){this._add("C",t,e,n,i,r,o)},t.prototype.quadraticCurveTo=function(t,e,n,i){this._add("Q",t,e,n,i)},t.prototype.arc=function(t,e,n,i,r,o){this.ellipse(t,e,n,n,0,i,r,o)},t.prototype.ellipse=function(t,e,n,i,r,o,a,s){var l=a-o,u=!s,c=Math.abs(l),h=wi(c-VS)||(u?l>=VS:-l>=VS),d=l>0?l%VS:l%VS+VS,p=!1;p=!!h||!wi(c)&&d>=BS==!!u;var f=t+n*ES(o),g=e+i*zS(o);this._start&&this._add("M",f,g);var y=Math.round(r*GS);if(h){var v=1/this._p,m=(u?1:-1)*(VS-v);this._add("A",n,i,y,1,+u,t+n*ES(o+m),e+i*zS(o+m)),v>.01&&this._add("A",n,i,y,0,+u,f,g)}else{var x=t+n*ES(a),_=e+i*zS(a);this._add("A",n,i,y,+p,+u,x,_)}},t.prototype.rect=function(t,e,n,i){this._add("M",t,e),this._add("l",n,0),this._add("l",0,i),this._add("l",-n,0),this._add("Z")},t.prototype.closePath=function(){this._d.length>0&&this._add("Z")},t.prototype._add=function(t,e,n,i,r,o,a,s,l){for(var u=[],c=this._p,h=1;h<arguments.length;h++){var d=arguments[h];if(isNaN(d))return void(this._invalid=!0);u.push(Math.round(d*c)/c)}this._d.push(t+u.join(" ")),this._start="Z"===t},t.prototype.generateStr=function(){this._str=this._invalid?"":this._d.join(""),this._d=[]},t.prototype.getStr=function(){return this._str},t}(),WS="none",HS=Math.round;var US=["lineCap","miterLimit","lineJoin"],YS=E(US,(function(t){return"stroke-"+t.toLowerCase()}));function XS(t,e,n,i){var r=null==e.opacity?1:e.opacity;if(n instanceof dl)t("opacity",r);else{if(function(t){var e=t.fill;return null!=e&&e!==WS}(e)){var o=_i(e.fill);t("fill",o.color);var a=null!=e.fillOpacity?e.fillOpacity*o.opacity*r:o.opacity*r;(i||a<1)&&t("fill-opacity",a)}else t("fill",WS);if(function(t){var e=t.stroke;return null!=e&&e!==WS}(e)){var s=_i(e.stroke);t("stroke",s.color);var l=e.strokeNoScale?n.getLineScale():1,u=l?(e.lineWidth||0)/l:0,c=null!=e.strokeOpacity?e.strokeOpacity*s.opacity*r:s.opacity*r,h=e.strokeFirst;if((i||1!==u)&&t("stroke-width",u),(i||h)&&t("paint-order",h?"stroke":"fill"),(i||c<1)&&t("stroke-opacity",c),e.lineDash){var d=mm(n),p=d[0],f=d[1];p&&(f=HS(f||0),t("stroke-dasharray",p.join(",")),(f||i)&&t("stroke-dashoffset",f))}else i&&t("stroke-dasharray",WS);for(var g=0;g<US.length;g++){var y=US[g];if(i||e[y]!==rl[y]){var v=e[y]||rl[y];v&&t(YS[g],v)}}}else i&&t("stroke",WS)}}var ZS="http://www.w3.org/2000/svg",jS="http://www.w3.org/1999/xlink",qS="ecmeta_";function KS(t){return document.createElementNS(ZS,t)}function $S(t,e,n,i,r){return{tag:t,attrs:n||{},children:i,text:r,key:e}}function JS(t,e){var n=(e=e||{}).newline?"\n":"";return function t(e){var i=e.children,r=e.tag,o=e.attrs,a=e.text;return function(t,e){var n=[];if(e)for(var i in e){var r=e[i],o=i;!1!==r&&(!0!==r&&null!=r&&(o+='="'+r+'"'),n.push(o))}return"<"+t+" "+n.join(" ")+">"}(r,o)+("style"!==r?oe(a):a||"")+(i?""+n+E(i,(function(e){return t(e)})).join(n)+n:"")+("</"+r+">")}(t)}function QS(t){return{zrId:t,shadowCache:{},patternCache:{},gradientCache:{},clipPathCache:{},defs:{},cssNodes:{},cssAnims:{},cssStyleCache:{},cssAnimIdx:0,shadowIdx:0,gradientIdx:0,patternIdx:0,clipPathIdx:0}}function tM(t,e,n,i){return $S("svg","root",{width:t,height:e,xmlns:ZS,"xmlns:xlink":jS,version:"1.1",baseProfile:"full",viewBox:!!i&&"0 0 "+t+" "+e},n)}var eM=0;function nM(){return eM++}var iM={cubicIn:"0.32,0,0.67,0",cubicOut:"0.33,1,0.68,1",cubicInOut:"0.65,0,0.35,1",quadraticIn:"0.11,0,0.5,0",quadraticOut:"0.5,1,0.89,1",quadraticInOut:"0.45,0,0.55,1",quarticIn:"0.5,0,0.75,0",quarticOut:"0.25,1,0.5,1",quarticInOut:"0.76,0,0.24,1",quinticIn:"0.64,0,0.78,0",quinticOut:"0.22,1,0.36,1",quinticInOut:"0.83,0,0.17,1",sinusoidalIn:"0.12,0,0.39,0",sinusoidalOut:"0.61,1,0.88,1",sinusoidalInOut:"0.37,0,0.63,1",exponentialIn:"0.7,0,0.84,0",exponentialOut:"0.16,1,0.3,1",exponentialInOut:"0.87,0,0.13,1",circularIn:"0.55,0,1,0.45",circularOut:"0,0.55,0.45,1",circularInOut:"0.85,0,0.15,1"},rM="transform-origin";function oM(t,e,n){var i=A({},t.shape);A(i,e),t.buildPath(n,i);var r=new FS;return r.reset(Pi(t)),n.rebuildPath(r,1),r.generateStr(),r.getStr()}function aM(t,e){var n=e.originX,i=e.originY;(n||i)&&(t[rM]=n+"px "+i+"px")}var sM={fill:"fill",opacity:"opacity",lineWidth:"stroke-width",lineDashOffset:"stroke-dashoffset"};function lM(t,e){var n=e.zrId+"-ani-"+e.cssAnimIdx++;return e.cssAnims[n]=t,n}function uM(t){return X(t)?iM[t]?"cubic-bezier("+iM[t]+")":Wn(t)?t:"":""}function cM(t,e,n,i){var r=t.animators,o=r.length,a=[];if(t instanceof zc){var s=function(t,e,n){var i,r,o=t.shape.paths,a={};if(z(o,(function(t){var e=QS(n.zrId);e.animation=!0,cM(t,{},e,!0);var o=e.cssAnims,s=e.cssNodes,l=F(o),u=l.length;if(u){var c=o[r=l[u-1]];for(var h in c){var d=c[h];a[h]=a[h]||{d:""},a[h].d+=d.d||""}for(var p in s){var f=s[p].animation;f.indexOf(r)>=0&&(i=f)}}})),i){e.d=!1;var s=lM(a,n);return i.replace(r,s)}}(t,e,n);if(s)a.push(s);else if(!o)return}else if(!o)return;for(var l={},u=0;u<o;u++){var c=r[u],h=[c.getMaxTime()/1e3+"s"],d=uM(c.getClip().easing),p=c.getDelay();d?h.push(d):h.push("linear"),p&&h.push(p/1e3+"s"),c.getLoop()&&h.push("infinite");var f=h.join(" ");l[f]=l[f]||[f,[]],l[f][1].push(c)}function g(r){var o,a=r[1],s=a.length,l={},u={},c={},h="animation-timing-function";function d(t,e,n){for(var i=t.getTracks(),r=t.getMaxTime(),o=0;o<i.length;o++){var a=i[o];if(a.needsAnimate()){var s=a.keyframes,l=a.propName;if(n&&(l=n(l)),l)for(var u=0;u<s.length;u++){var c=s[u],d=Math.round(c.time/r*100)+"%",p=uM(c.easing),f=c.rawValue;(X(f)||j(f))&&(e[d]=e[d]||{},e[d][l]=c.rawValue,p&&(e[d][h]=p))}}}}for(var p=0;p<s;p++){(S=(w=a[p]).targetName)?"shape"===S&&d(w,u):!i&&d(w,l)}for(var f in l){var g={};kr(g,t),A(g,l[f]);var y=Oi(g),v=l[f][h];c[f]=y?{transform:y}:{},aM(c[f],g),v&&(c[f][h]=v)}var m=!0;for(var f in u){c[f]=c[f]||{};var x=!o;v=u[f][h];x&&(o=new Fs);var _=o.len();o.reset(),c[f].d=oM(t,u[f],o);var b=o.len();if(!x&&_!==b){m=!1;break}v&&(c[f][h]=v)}if(!m)for(var f in c)delete c[f].d;if(!i)for(p=0;p<s;p++){var w,S;"style"===(S=(w=a[p]).targetName)&&d(w,c,(function(t){return sM[t]}))}var M,I=F(c),T=!0;for(p=1;p<I.length;p++){var C=I[p-1],D=I[p];if(c[C][rM]!==c[D][rM]){T=!1;break}M=c[C][rM]}if(T&&M){for(var f in c)c[f][rM]&&delete c[f][rM];e[rM]=M}if(V(I,(function(t){return F(c[t]).length>0})).length)return lM(c,n)+" "+r[0]+" both"}for(var y in l){(s=g(l[y]))&&a.push(s)}if(a.length){var v=n.zrId+"-cls-"+nM();n.cssNodes["."+v]={animation:a.join(",")},e.class=v}}function hM(t,e,n,i){var r=JSON.stringify(t),o=n.cssStyleCache[r];o||(o=n.zrId+"-cls-"+nM(),n.cssStyleCache[r]=o,n.cssNodes["."+o+(i?":hover":"")]=t),e.class=e.class?e.class+" "+o:o}var dM=Math.round;function pM(t){return t&&X(t.src)}function fM(t){return t&&Y(t.toDataURL)}function gM(t,e,n,i){XS((function(r,o){var a="fill"===r||"stroke"===r;a&&ki(o)?TM(e,t,r,i):a&&Ci(o)?CM(n,t,r,i):t[r]=o,a&&i.ssr&&"none"===o&&(t["pointer-events"]="visible")}),e,n,!1),function(t,e,n){var i=t.style;if(function(t){return t&&(t.shadowBlur||t.shadowOffsetX||t.shadowOffsetY)}(i)){var r=function(t){var e=t.style,n=t.getGlobalScale();return[e.shadowColor,(e.shadowBlur||0).toFixed(2),(e.shadowOffsetX||0).toFixed(2),(e.shadowOffsetY||0).toFixed(2),n[0],n[1]].join(",")}(t),o=n.shadowCache,a=o[r];if(!a){var s=t.getGlobalScale(),l=s[0],u=s[1];if(!l||!u)return;var c=i.shadowOffsetX||0,h=i.shadowOffsetY||0,d=i.shadowBlur,p=_i(i.shadowColor),f=p.opacity,g=p.color,y=d/2/l+" "+d/2/u;a=n.zrId+"-s"+n.shadowIdx++,n.defs[a]=$S("filter",a,{id:a,x:"-100%",y:"-100%",width:"300%",height:"300%"},[$S("feDropShadow","",{dx:c/l,dy:h/u,stdDeviation:y,"flood-color":g,"flood-opacity":f})]),o[r]=a}e.filter=Li(a)}}(n,t,i)}function yM(t,e){var n=so(e);n&&(n.each((function(e,n){null!=e&&(t[(qS+n).toLowerCase()]=e+"")})),e.isSilent()&&(t[qS+"silent"]="true"))}function vM(t){return wi(t[0]-1)&&wi(t[1])&&wi(t[2])&&wi(t[3]-1)}function mM(t,e,n){if(e&&(!function(t){return wi(t[4])&&wi(t[5])}(e)||!vM(e))){var i=n?10:1e4;t.transform=vM(e)?"translate("+dM(e[4]*i)/i+" "+dM(e[5]*i)/i+")":function(t){return"matrix("+Si(t[0])+","+Si(t[1])+","+Si(t[2])+","+Si(t[3])+","+Mi(t[4])+","+Mi(t[5])+")"}(e)}}function xM(t,e,n){for(var i=t.points,r=[],o=0;o<i.length;o++)r.push(dM(i[o][0]*n)/n),r.push(dM(i[o][1]*n)/n);e.points=r.join(" ")}function _M(t){return!t.smooth}var bM,wM,SM={circle:[(bM=["cx","cy","r"],wM=E(bM,(function(t){return"string"==typeof t?[t,t]:t})),function(t,e,n){for(var i=0;i<wM.length;i++){var r=wM[i],o=t[r[0]];null!=o&&(e[r[1]]=dM(o*n)/n)}})],polyline:[xM,_M],polygon:[xM,_M]};function MM(t,e){var n=t.style,i=t.shape,r=SM[t.type],o={},a=e.animation,s="path",l=t.style.strokePercent,u=e.compress&&Pi(t)||4;if(!r||e.willUpdate||r[1]&&!r[1](i)||a&&function(t){for(var e=t.animators,n=0;n<e.length;n++)if("shape"===e[n].targetName)return!0;return!1}(t)||l<1){var c=!t.path||t.shapeChanged();t.path||t.createPathProxy();var h=t.path;c&&(h.beginPath(),t.buildPath(h,t.shape),t.pathUpdated());var d=h.getVersion(),p=t,f=p.__svgPathBuilder;p.__svgPathVersion===d&&f&&l===p.__svgPathStrokePercent||(f||(f=p.__svgPathBuilder=new FS),f.reset(u),h.rebuildPath(f,l),f.generateStr(),p.__svgPathVersion=d,p.__svgPathStrokePercent=l),o.d=f.getStr()}else{s=t.type;var g=Math.pow(10,u);r[0](i,o,g)}return mM(o,t.transform),gM(o,n,t,e),yM(o,t),e.animation&&cM(t,o,e),e.emphasis&&function(t,e,n){if(!t.ignore)if(t.isSilent())hM(u={"pointer-events":"none"},e,n,!0);else{var i=t.states.emphasis&&t.states.emphasis.style?t.states.emphasis.style:{},r=i.fill;if(!r){var o=t.style&&t.style.fill,a=t.states.select&&t.states.select.style&&t.states.select.style.fill,s=t.currentStates.indexOf("select")>=0&&a||o;s&&(r=vi(s))}var l=i.lineWidth;l&&(l/=!i.strokeNoScale&&t.transform?t.transform[0]:1);var u={cursor:"pointer"};r&&(u.fill=r),i.stroke&&(u.stroke=i.stroke),l&&(u["stroke-width"]=l),hM(u,e,n,!0)}}(t,o,e),$S(s,t.id+"",o)}function IM(t,e){return t instanceof sl?MM(t,e):t instanceof dl?function(t,e){var n=t.style,i=n.image;if(i&&!X(i)&&(pM(i)?i=i.src:fM(i)&&(i=i.toDataURL())),i){var r=n.x||0,o=n.y||0,a={href:i,width:n.width,height:n.height};return r&&(a.x=r),o&&(a.y=o),mM(a,t.transform),gM(a,n,t,e),yM(a,t),e.animation&&cM(t,a,e),$S("image",t.id+"",a)}}(t,e):t instanceof ul?function(t,e){var n=t.style,i=n.text;if(null!=i&&(i+=""),i&&!isNaN(n.x)&&!isNaN(n.y)){var r=n.font||a,s=n.x||0,l=function(t,e,n){return"top"===n?t+=e/2:"bottom"===n&&(t-=e/2),t}(n.y||0,Gr(r),n.textBaseline),u={"dominant-baseline":"central","text-anchor":Ii[n.textAlign]||n.textAlign};if(Al(n)){var c="",h=n.fontStyle,d=Cl(n.fontSize);if(!parseFloat(d))return;var p=n.fontFamily||o,f=n.fontWeight;c+="font-size:"+d+";font-family:"+p+";",h&&"normal"!==h&&(c+="font-style:"+h+";"),f&&"normal"!==f&&(c+="font-weight:"+f+";"),u.style=c}else u.style="font: "+r;return i.match(/\s/)&&(u["xml:space"]="preserve"),s&&(u.x=s),l&&(u.y=l),mM(u,t.transform),gM(u,n,t,e),yM(u,t),e.animation&&cM(t,u,e),$S("text",t.id+"",u,void 0,i)}}(t,e):void 0}function TM(t,e,n,i){var r,o=t[n],a={gradientUnits:o.global?"userSpaceOnUse":"objectBoundingBox"};if(Di(o))r="linearGradient",a.x1=o.x,a.y1=o.y,a.x2=o.x2,a.y2=o.y2;else{if(!Ai(o))return void 0;r="radialGradient",a.cx=rt(o.x,.5),a.cy=rt(o.y,.5),a.r=rt(o.r,.5)}for(var s=o.colorStops,l=[],u=0,c=s.length;u<c;++u){var h=100*Mi(s[u].offset)+"%",d=_i(s[u].color),p=d.color,f=d.opacity,g={offset:h};g["stop-color"]=p,f<1&&(g["stop-opacity"]=f),l.push($S("stop",u+"",g))}var y=JS($S(r,"",a,l)),v=i.gradientCache,m=v[y];m||(m=i.zrId+"-g"+i.gradientIdx++,v[y]=m,a.id=m,i.defs[m]=$S(r,m,a,l)),e[n]=Li(m)}function CM(t,e,n,i){var r,o=t.style[n],a=t.getBoundingRect(),s={},l=o.repeat,u="no-repeat"===l,c="repeat-x"===l,h="repeat-y"===l;if(Ti(o)){var d=o.imageWidth,p=o.imageHeight,f=void 0,g=o.image;if(X(g)?f=g:pM(g)?f=g.src:fM(g)&&(f=g.toDataURL()),"undefined"==typeof Image){var y="Image width/height must been given explictly in svg-ssr renderer.";lt(d,y),lt(p,y)}else if(null==d||null==p){var v=function(t,e){if(t){var n=t.elm,i=d||e.width,r=p||e.height;"pattern"===t.tag&&(c?(r=1,i/=a.width):h&&(i=1,r/=a.height)),t.attrs.width=i,t.attrs.height=r,n&&(n.setAttribute("width",i),n.setAttribute("height",r))}},m=Oa(f,null,t,(function(t){u||v(w,t),v(r,t)}));m&&m.width&&m.height&&(d=d||m.width,p=p||m.height)}r=$S("image","img",{href:f,width:d,height:p}),s.width=d,s.height=p}else o.svgElement&&(r=T(o.svgElement),s.width=o.svgWidth,s.height=o.svgHeight);if(r){var x,_;u?x=_=1:c?(_=1,x=s.width/a.width):h?(x=1,_=s.height/a.height):s.patternUnits="userSpaceOnUse",null==x||isNaN(x)||(s.width=x),null==_||isNaN(_)||(s.height=_);var b=Oi(o);b&&(s.patternTransform=b);var w=$S("pattern","",s,[r]),S=JS(w),M=i.patternCache,I=M[S];I||(I=i.zrId+"-p"+i.patternIdx++,M[S]=I,s.id=I,w=i.defs[I]=$S("pattern",I,s,[r])),e[n]=Li(I)}}function DM(t,e,n){var i=n.clipPathCache,r=n.defs,o=i[t.id];if(!o){var a={id:o=n.zrId+"-c"+n.clipPathIdx++};i[t.id]=o,r[o]=$S("clipPath",o,a,[MM(t,n)])}e["clip-path"]=Li(o)}function AM(t){return document.createTextNode(t)}function kM(t,e,n){t.insertBefore(e,n)}function LM(t,e){t.removeChild(e)}function PM(t,e){t.appendChild(e)}function OM(t){return t.parentNode}function RM(t){return t.nextSibling}function NM(t,e){t.textContent=e}var zM=$S("","");function EM(t){return void 0===t}function BM(t){return void 0!==t}function VM(t,e,n){for(var i={},r=e;r<=n;++r){var o=t[r].key;void 0!==o&&(i[o]=r)}return i}function GM(t,e){var n=t.key===e.key;return t.tag===e.tag&&n}function FM(t){var e,n=t.children,i=t.tag;if(BM(i)){var r=t.elm=KS(i);if(UM(zM,t),U(n))for(e=0;e<n.length;++e){var o=n[e];null!=o&&PM(r,FM(o))}else BM(t.text)&&!q(t.text)&&PM(r,AM(t.text))}else t.elm=AM(t.text);return t.elm}function WM(t,e,n,i,r){for(;i<=r;++i){var o=n[i];null!=o&&kM(t,FM(o),e)}}function HM(t,e,n,i){for(;n<=i;++n){var r=e[n];if(null!=r)if(BM(r.tag))LM(OM(r.elm),r.elm);else LM(t,r.elm)}}function UM(t,e){var n,i=e.elm,r=t&&t.attrs||{},o=e.attrs||{};if(r!==o){for(n in o){var a=o[n];r[n]!==a&&(!0===a?i.setAttribute(n,""):!1===a?i.removeAttribute(n):"style"===n?i.style.cssText=a:120!==n.charCodeAt(0)?i.setAttribute(n,a):"xmlns:xlink"===n||"xmlns"===n?i.setAttributeNS("http://www.w3.org/2000/xmlns/",n,a):58===n.charCodeAt(3)?i.setAttributeNS("http://www.w3.org/XML/1998/namespace",n,a):58===n.charCodeAt(5)?i.setAttributeNS(jS,n,a):i.setAttribute(n,a))}for(n in r)n in o||i.removeAttribute(n)}}function YM(t,e){var n=e.elm=t.elm,i=t.children,r=e.children;t!==e&&(UM(t,e),EM(e.text)?BM(i)&&BM(r)?i!==r&&function(t,e,n){for(var i,r,o,a=0,s=0,l=e.length-1,u=e[0],c=e[l],h=n.length-1,d=n[0],p=n[h];a<=l&&s<=h;)null==u?u=e[++a]:null==c?c=e[--l]:null==d?d=n[++s]:null==p?p=n[--h]:GM(u,d)?(YM(u,d),u=e[++a],d=n[++s]):GM(c,p)?(YM(c,p),c=e[--l],p=n[--h]):GM(u,p)?(YM(u,p),kM(t,u.elm,RM(c.elm)),u=e[++a],p=n[--h]):GM(c,d)?(YM(c,d),kM(t,c.elm,u.elm),c=e[--l],d=n[++s]):(EM(i)&&(i=VM(e,a,l)),EM(r=i[d.key])||(o=e[r]).tag!==d.tag?kM(t,FM(d),u.elm):(YM(o,d),e[r]=void 0,kM(t,o.elm,u.elm)),d=n[++s]);(a<=l||s<=h)&&(a>l?WM(t,null==n[h+1]?null:n[h+1].elm,n,s,h):HM(t,e,a,l))}(n,i,r):BM(r)?(BM(t.text)&&NM(n,""),WM(n,null,r,0,r.length-1)):BM(i)?HM(n,i,0,i.length-1):BM(t.text)&&NM(n,""):t.text!==e.text&&(BM(i)&&HM(n,i,0,i.length-1),NM(n,e.text)))}var XM=0,ZM=function(){function t(t,e,n){if(this.type="svg",this.refreshHover=jM("refreshHover"),this.configLayer=jM("configLayer"),this.storage=e,this._opts=n=A({},n),this.root=t,this._id="zr"+XM++,this._oldVNode=tM(n.width,n.height),t&&!n.ssr){var i=this._viewport=document.createElement("div");i.style.cssText="position:relative;overflow:hidden";var r=this._svgDom=this._oldVNode.elm=KS("svg");UM(null,this._oldVNode),i.appendChild(r),t.appendChild(i)}this.resize(n.width,n.height)}return t.prototype.getType=function(){return this.type},t.prototype.getViewportRoot=function(){return this._viewport},t.prototype.getViewportRootOffset=function(){var t=this.getViewportRoot();if(t)return{offsetLeft:t.offsetLeft||0,offsetTop:t.offsetTop||0}},t.prototype.getSvgDom=function(){return this._svgDom},t.prototype.refresh=function(){if(this.root){var t=this.renderToVNode({willUpdate:!0});t.attrs.style="position:absolute;left:0;top:0;user-select:none",function(t,e){if(GM(t,e))YM(t,e);else{var n=t.elm,i=OM(n);FM(e),null!==i&&(kM(i,e.elm,RM(n)),HM(i,[t],0,0))}}(this._oldVNode,t),this._oldVNode=t}},t.prototype.renderOneToVNode=function(t){return IM(t,QS(this._id))},t.prototype.renderToVNode=function(t){t=t||{};var e=this.storage.getDisplayList(!0),n=this._width,i=this._height,r=QS(this._id);r.animation=t.animation,r.willUpdate=t.willUpdate,r.compress=t.compress,r.emphasis=t.emphasis,r.ssr=this._opts.ssr;var o=[],a=this._bgVNode=function(t,e,n,i){var r;if(n&&"none"!==n)if(r=$S("rect","bg",{width:t,height:e,x:"0",y:"0"}),ki(n))TM({fill:n},r.attrs,"fill",i);else if(Ci(n))CM({style:{fill:n},dirty:bt,getBoundingRect:function(){return{width:t,height:e}}},r.attrs,"fill",i);else{var o=_i(n),a=o.color,s=o.opacity;r.attrs.fill=a,s<1&&(r.attrs["fill-opacity"]=s)}return r}(n,i,this._backgroundColor,r);a&&o.push(a);var s=t.compress?null:this._mainVNode=$S("g","main",{},[]);this._paintList(e,r,s?s.children:o),s&&o.push(s);var l=E(F(r.defs),(function(t){return r.defs[t]}));if(l.length&&o.push($S("defs","defs",{},l)),t.animation){var u=function(t,e,n){var i=(n=n||{}).newline?"\n":"",r=" {"+i,o=i+"}",a=E(F(t),(function(e){return e+r+E(F(t[e]),(function(n){return n+":"+t[e][n]+";"})).join(i)+o})).join(i),s=E(F(e),(function(t){return"@keyframes "+t+r+E(F(e[t]),(function(n){return n+r+E(F(e[t][n]),(function(i){var r=e[t][n][i];return"d"===i&&(r='path("'+r+'")'),i+":"+r+";"})).join(i)+o})).join(i)+o})).join(i);return a||s?["<![CDATA[",a,s,"]]>"].join(i):""}(r.cssNodes,r.cssAnims,{newline:!0});if(u){var c=$S("style","stl",{},[],u);o.push(c)}}return tM(n,i,o,t.useViewBox)},t.prototype.renderToString=function(t){return t=t||{},JS(this.renderToVNode({animation:rt(t.cssAnimation,!0),emphasis:rt(t.cssEmphasis,!0),willUpdate:!1,compress:!0,useViewBox:rt(t.useViewBox,!0)}),{newline:!0})},t.prototype.setBackgroundColor=function(t){this._backgroundColor=t},t.prototype.getSvgRoot=function(){return this._mainVNode&&this._mainVNode.elm},t.prototype._paintList=function(t,e,n){for(var i,r,o=t.length,a=[],s=0,l=0,u=0;u<o;u++){var c=t[u];if(!c.invisible){var h=c.__clipPaths,d=h&&h.length||0,p=r&&r.length||0,f=void 0;for(f=Math.max(d-1,p-1);f>=0&&(!h||!r||h[f]!==r[f]);f--);for(var g=p-1;g>f;g--)i=a[--s-1];for(var y=f+1;y<d;y++){var v={};DM(h[y],v,e);var m=$S("g","clip-g-"+l++,v,[]);(i?i.children:n).push(m),a[s++]=m,i=m}r=h;var x=IM(c,e);x&&(i?i.children:n).push(x)}}},t.prototype.resize=function(t,e){var n=this._opts,i=this.root,r=this._viewport;if(null!=t&&(n.width=t),null!=e&&(n.height=e),i&&r&&(r.style.display="none",t=vm(i,0,n),e=vm(i,1,n),r.style.display=""),this._width!==t||this._height!==e){if(this._width=t,this._height=e,r){var o=r.style;o.width=t+"px",o.height=e+"px"}if(Ci(this._backgroundColor))this.refresh();else{var a=this._svgDom;a&&(a.setAttribute("width",t),a.setAttribute("height",e));var s=this._bgVNode&&this._bgVNode.elm;s&&(s.setAttribute("width",t),s.setAttribute("height",e))}}},t.prototype.getWidth=function(){return this._width},t.prototype.getHeight=function(){return this._height},t.prototype.dispose=function(){this.root&&(this.root.innerHTML=""),this._svgDom=this._viewport=this.storage=this._oldVNode=this._bgVNode=this._mainVNode=null},t.prototype.clear=function(){this._svgDom&&(this._svgDom.innerHTML=null),this._oldVNode=null},t.prototype.toDataURL=function(t){var e=this.renderToString(),n="data:image/svg+xml;";return t?(e=Ri(e))&&n+"base64,"+e:n+"charset=UTF-8,"+encodeURIComponent(e)},t}();function jM(t){return function(){0}}function qM(t,e,n){var i=c.createCanvas(),r=e.getWidth(),o=e.getHeight(),a=i.style;return a&&(a.position="absolute",a.left="0",a.top="0",a.width=r+"px",a.height=o+"px",i.setAttribute("data-zr-dom-id",t)),i.width=r*n,i.height=o*n,i}var KM=function(t){function e(e,n,i){var r,o=t.call(this)||this;o.motionBlur=!1,o.lastFrameAlpha=.7,o.dpr=1,o.virtual=!1,o.config={},o.incremental=!1,o.zlevel=0,o.maxRepaintRectCount=5,o.__dirty=!0,o.__firstTimePaint=!0,o.__used=!1,o.__drawIndex=0,o.__startIndex=0,o.__endIndex=0,o.__prevStartIndex=null,o.__prevEndIndex=null,i=i||vr,"string"==typeof e?r=qM(e,n,i):q(e)&&(e=(r=e).id),o.id=e,o.dom=r;var a=r.style;return a&&(xt(r),r.onselectstart=function(){return!1},a.padding="0",a.margin="0",a.borderWidth="0"),o.painter=n,o.dpr=i,o}return n(e,t),e.prototype.getElementCount=function(){return this.__endIndex-this.__startIndex},e.prototype.afterBrush=function(){this.__prevStartIndex=this.__startIndex,this.__prevEndIndex=this.__endIndex},e.prototype.initContext=function(){this.ctx=this.dom.getContext("2d"),this.ctx.dpr=this.dpr},e.prototype.setUnpainted=function(){this.__firstTimePaint=!0},e.prototype.createBackBuffer=function(){var t=this.dpr;this.domBack=qM("back-"+this.id,this.painter,t),this.ctxBack=this.domBack.getContext("2d"),1!==t&&this.ctxBack.scale(t,t)},e.prototype.createRepaintRects=function(t,e,n,i){if(this.__firstTimePaint)return this.__firstTimePaint=!1,null;var r,o=[],a=this.maxRepaintRectCount,s=!1,l=new He(0,0,0,0);function u(t){if(t.isFinite()&&!t.isZero())if(0===o.length){(e=new He(0,0,0,0)).copy(t),o.push(e)}else{for(var e,n=!1,i=1/0,r=0,u=0;u<o.length;++u){var c=o[u];if(c.intersect(t)){var h=new He(0,0,0,0);h.copy(c),h.union(t),o[u]=h,n=!0;break}if(s){l.copy(t),l.union(c);var d=t.width*t.height,p=c.width*c.height,f=l.width*l.height-d-p;f<i&&(i=f,r=u)}}if(s&&(o[r].union(t),n=!0),!n)(e=new He(0,0,0,0)).copy(t),o.push(e);s||(s=o.length>=a)}}for(var c=this.__startIndex;c<this.__endIndex;++c){if(p=t[c]){var h=p.shouldBePainted(n,i,!0,!0);(f=p.__isRendered&&(1&p.__dirty||!h)?p.getPrevPaintRect():null)&&u(f);var d=h&&(1&p.__dirty||!p.__isRendered)?p.getPaintRect():null;d&&u(d)}}for(c=this.__prevStartIndex;c<this.__prevEndIndex;++c){var p,f;h=(p=e[c])&&p.shouldBePainted(n,i,!0,!0);if(p&&(!h||!p.__zr)&&p.__isRendered)(f=p.getPrevPaintRect())&&u(f)}do{r=!1;for(c=0;c<o.length;)if(o[c].isZero())o.splice(c,1);else{for(var g=c+1;g<o.length;)o[c].intersect(o[g])?(r=!0,o[c].union(o[g]),o.splice(g,1)):g++;c++}}while(r);return this._paintRects=o,o},e.prototype.debugGetPaintRects=function(){return(this._paintRects||[]).slice()},e.prototype.resize=function(t,e){var n=this.dpr,i=this.dom,r=i.style,o=this.domBack;r&&(r.width=t+"px",r.height=e+"px"),i.width=t*n,i.height=e*n,o&&(o.width=t*n,o.height=e*n,1!==n&&this.ctxBack.scale(n,n))},e.prototype.clear=function(t,e,n){var i=this.dom,r=this.ctx,o=i.width,a=i.height;e=e||this.clearColor;var s=this.motionBlur&&!t,l=this.lastFrameAlpha,u=this.dpr,c=this;s&&(this.domBack||this.createBackBuffer(),this.ctxBack.globalCompositeOperation="copy",this.ctxBack.drawImage(i,0,0,o/u,a/u));var h=this.domBack;function d(t,n,i,o){if(r.clearRect(t,n,i,o),e&&"transparent"!==e){var a=void 0;if(Q(e))a=(e.global||e.__width===i&&e.__height===o)&&e.__canvasGradient||gm(r,e,{x:0,y:0,width:i,height:o}),e.__canvasGradient=a,e.__width=i,e.__height=o;else tt(e)&&(e.scaleX=e.scaleX||u,e.scaleY=e.scaleY||u,a=Im(r,e,{dirty:function(){c.setUnpainted(),c.painter.refresh()}}));r.save(),r.fillStyle=a||e,r.fillRect(t,n,i,o),r.restore()}s&&(r.save(),r.globalAlpha=l,r.drawImage(h,t,n,i,o),r.restore())}!n||s?d(0,0,o,a):n.length&&z(n,(function(t){d(t.x*u,t.y*u,t.width*u,t.height*u)}))},e}(qt),$M=1e5,JM=314159,QM=.01;var tI=function(){function t(t,e,n,i){this.type="canvas",this._zlevelList=[],this._prevDisplayList=[],this._layers={},this._layerConfig={},this._needsManuallyCompositing=!1,this.type="canvas";var r=!t.nodeName||"CANVAS"===t.nodeName.toUpperCase();this._opts=n=A({},n||{}),this.dpr=n.devicePixelRatio||vr,this._singleCanvas=r,this.root=t,t.style&&(xt(t),t.innerHTML=""),this.storage=e;var o=this._zlevelList;this._prevDisplayList=[];var a=this._layers;if(r){var s=t,l=s.width,u=s.height;null!=n.width&&(l=n.width),null!=n.height&&(u=n.height),this.dpr=n.devicePixelRatio||1,s.width=l*this.dpr,s.height=u*this.dpr,this._width=l,this._height=u;var c=new KM(s,this,this.dpr);c.__builtin__=!0,c.initContext(),a[314159]=c,c.zlevel=JM,o.push(JM),this._domRoot=t}else{this._width=vm(t,0,n),this._height=vm(t,1,n);var h=this._domRoot=function(t,e){var n=document.createElement("div");return n.style.cssText=["position:relative","width:"+t+"px","height:"+e+"px","padding:0","margin:0","border-width:0"].join(";")+";",n}(this._width,this._height);t.appendChild(h)}}return t.prototype.getType=function(){return"canvas"},t.prototype.isSingleCanvas=function(){return this._singleCanvas},t.prototype.getViewportRoot=function(){return this._domRoot},t.prototype.getViewportRootOffset=function(){var t=this.getViewportRoot();if(t)return{offsetLeft:t.offsetLeft||0,offsetTop:t.offsetTop||0}},t.prototype.refresh=function(t){var e=this.storage.getDisplayList(!0),n=this._prevDisplayList,i=this._zlevelList;this._redrawId=Math.random(),this._paintList(e,n,t,this._redrawId);for(var r=0;r<i.length;r++){var o=i[r],a=this._layers[o];if(!a.__builtin__&&a.refresh){var s=0===r?this._backgroundColor:null;a.refresh(s)}}return this._opts.useDirtyRect&&(this._prevDisplayList=e.slice()),this},t.prototype.refreshHover=function(){this._paintHoverList(this.storage.getDisplayList(!1))},t.prototype._paintHoverList=function(t){var e=t.length,n=this._hoverlayer;if(n&&n.clear(),e){for(var i,r={inHover:!0,viewWidth:this._width,viewHeight:this._height},o=0;o<e;o++){var a=t[o];a.__inHover&&(n||(n=this._hoverlayer=this.getLayer($M)),i||(i=n.ctx).save(),Rm(i,a,r,o===e-1))}i&&i.restore()}},t.prototype.getHoverLayer=function(){return this.getLayer($M)},t.prototype.paintOne=function(t,e){Om(t,e)},t.prototype._paintList=function(t,e,n,i){if(this._redrawId===i){n=n||!1,this._updateLayerStatus(t);var r=this._doPaintList(t,e,n),o=r.finished,a=r.needsRefreshHover;if(this._needsManuallyCompositing&&this._compositeManually(),a&&this._paintHoverList(t),o)this.eachLayer((function(t){t.afterBrush&&t.afterBrush()}));else{var s=this;gn((function(){s._paintList(t,e,n,i)}))}}},t.prototype._compositeManually=function(){var t=this.getLayer(JM).ctx,e=this._domRoot.width,n=this._domRoot.height;t.clearRect(0,0,e,n),this.eachBuiltinLayer((function(i){i.virtual&&t.drawImage(i.dom,0,0,e,n)}))},t.prototype._doPaintList=function(t,e,n){for(var i=this,o=[],a=this._opts.useDirtyRect,s=0;s<this._zlevelList.length;s++){var l=this._zlevelList[s],u=this._layers[l];u.__builtin__&&u!==this._hoverlayer&&(u.__dirty||n)&&o.push(u)}for(var c=!0,h=!1,d=function(r){var s,l=o[r],u=l.ctx,d=a&&l.createRepaintRects(t,e,p._width,p._height),f=n?l.__startIndex:l.__drawIndex,g=!n&&l.incremental&&Date.now,y=g&&Date.now(),v=l.zlevel===p._zlevelList[0]?p._backgroundColor:null;if(l.__startIndex===l.__endIndex)l.clear(!1,v,d);else if(f===l.__startIndex){var m=t[f];m.incremental&&m.notClear&&!n||l.clear(!1,v,d)}-1===f&&(console.error("For some unknown reason. drawIndex is -1"),f=l.__startIndex);var x=function(e){var n={inHover:!1,allClipped:!1,prevEl:null,viewWidth:i._width,viewHeight:i._height};for(s=f;s<l.__endIndex;s++){var r=t[s];if(r.__inHover&&(h=!0),i._doPaintEl(r,l,a,e,n,s===l.__endIndex-1),g)if(Date.now()-y>15)break}n.prevElClipPaths&&u.restore()};if(d)if(0===d.length)s=l.__endIndex;else for(var _=p.dpr,b=0;b<d.length;++b){var w=d[b];u.save(),u.beginPath(),u.rect(w.x*_,w.y*_,w.width*_,w.height*_),u.clip(),x(w),u.restore()}else u.save(),x(),u.restore();l.__drawIndex=s,l.__drawIndex<l.__endIndex&&(c=!1)},p=this,f=0;f<o.length;f++)d(f);return r.wxa&&z(this._layers,(function(t){t&&t.ctx&&t.ctx.draw&&t.ctx.draw()})),{finished:c,needsRefreshHover:h}},t.prototype._doPaintEl=function(t,e,n,i,r,o){var a=e.ctx;if(n){var s=t.getPaintRect();(!i||s&&s.intersect(i))&&(Rm(a,t,r,o),t.setPrevPaintRect(s))}else Rm(a,t,r,o)},t.prototype.getLayer=function(t,e){this._singleCanvas&&!this._needsManuallyCompositing&&(t=JM);var n=this._layers[t];return n||((n=new KM("zr_"+t,this,this.dpr)).zlevel=t,n.__builtin__=!0,this._layerConfig[t]?C(n,this._layerConfig[t],!0):this._layerConfig[t-QM]&&C(n,this._layerConfig[t-QM],!0),e&&(n.virtual=e),this.insertLayer(t,n),n.initContext()),n},t.prototype.insertLayer=function(t,e){var n=this._layers,i=this._zlevelList,r=i.length,o=this._domRoot,a=null,s=-1;if(!n[t]&&function(t){return!!t&&(!!t.__builtin__||"function"==typeof t.resize&&"function"==typeof t.refresh)}(e)){if(r>0&&t>i[0]){for(s=0;s<r-1&&!(i[s]<t&&i[s+1]>t);s++);a=n[i[s]]}if(i.splice(s+1,0,t),n[t]=e,!e.virtual)if(a){var l=a.dom;l.nextSibling?o.insertBefore(e.dom,l.nextSibling):o.appendChild(e.dom)}else o.firstChild?o.insertBefore(e.dom,o.firstChild):o.appendChild(e.dom);e.painter||(e.painter=this)}},t.prototype.eachLayer=function(t,e){for(var n=this._zlevelList,i=0;i<n.length;i++){var r=n[i];t.call(e,this._layers[r],r)}},t.prototype.eachBuiltinLayer=function(t,e){for(var n=this._zlevelList,i=0;i<n.length;i++){var r=n[i],o=this._layers[r];o.__builtin__&&t.call(e,o,r)}},t.prototype.eachOtherLayer=function(t,e){for(var n=this._zlevelList,i=0;i<n.length;i++){var r=n[i],o=this._layers[r];o.__builtin__||t.call(e,o,r)}},t.prototype.getLayers=function(){return this._layers},t.prototype._updateLayerStatus=function(t){function e(t){o&&(o.__endIndex!==t&&(o.__dirty=!0),o.__endIndex=t)}if(this.eachBuiltinLayer((function(t,e){t.__dirty=t.__used=!1})),this._singleCanvas)for(var n=1;n<t.length;n++){if((s=t[n]).zlevel!==t[n-1].zlevel||s.incremental){this._needsManuallyCompositing=!0;break}}var i,r,o=null,a=0;for(r=0;r<t.length;r++){var s,l=(s=t[r]).zlevel,u=void 0;i!==l&&(i=l,a=0),s.incremental?((u=this.getLayer(l+.001,this._needsManuallyCompositing)).incremental=!0,a=1):u=this.getLayer(l+(a>0?QM:0),this._needsManuallyCompositing),u.__builtin__||I("ZLevel "+l+" has been used by unkown layer "+u.id),u!==o&&(u.__used=!0,u.__startIndex!==r&&(u.__dirty=!0),u.__startIndex=r,u.incremental?u.__drawIndex=-1:u.__drawIndex=r,e(r),o=u),1&s.__dirty&&!s.__inHover&&(u.__dirty=!0,u.incremental&&u.__drawIndex<0&&(u.__drawIndex=r))}e(r),this.eachBuiltinLayer((function(t,e){!t.__used&&t.getElementCount()>0&&(t.__dirty=!0,t.__startIndex=t.__endIndex=t.__drawIndex=0),t.__dirty&&t.__drawIndex<0&&(t.__drawIndex=t.__startIndex)}))},t.prototype.clear=function(){return this.eachBuiltinLayer(this._clearLayer),this},t.prototype._clearLayer=function(t){t.clear()},t.prototype.setBackgroundColor=function(t){this._backgroundColor=t,z(this._layers,(function(t){t.setUnpainted()}))},t.prototype.configLayer=function(t,e){if(e){var n=this._layerConfig;n[t]?C(n[t],e,!0):n[t]=e;for(var i=0;i<this._zlevelList.length;i++){var r=this._zlevelList[i];if(r===t||r===t+QM)C(this._layers[r],n[t],!0)}}},t.prototype.delLayer=function(t){var e=this._layers,n=this._zlevelList,i=e[t];i&&(i.dom.parentNode.removeChild(i.dom),delete e[t],n.splice(P(n,t),1))},t.prototype.resize=function(t,e){if(this._domRoot.style){var n=this._domRoot;n.style.display="none";var i=this._opts,r=this.root;if(null!=t&&(i.width=t),null!=e&&(i.height=e),t=vm(r,0,i),e=vm(r,1,i),n.style.display="",this._width!==t||e!==this._height){for(var o in n.style.width=t+"px",n.style.height=e+"px",this._layers)this._layers.hasOwnProperty(o)&&this._layers[o].resize(t,e);this.refresh(!0)}this._width=t,this._height=e}else{if(null==t||null==e)return;this._width=t,this._height=e,this.getLayer(JM).resize(t,e)}return this},t.prototype.clearLayer=function(t){var e=this._layers[t];e&&e.clear()},t.prototype.dispose=function(){this.root.innerHTML="",this.root=this.storage=this._domRoot=this._layers=null},t.prototype.getRenderedCanvas=function(t){if(t=t||{},this._singleCanvas&&!this._compositeManually)return this._layers[314159].dom;var e=new KM("image",this,t.pixelRatio||this.dpr);e.initContext(),e.clear(!1,t.backgroundColor||this._backgroundColor);var n=e.ctx;if(t.pixelRatio<=this.dpr){this.refresh();var i=e.dom.width,r=e.dom.height;this.eachLayer((function(t){t.__builtin__?n.drawImage(t.dom,0,0,i,r):t.renderToCanvas&&(n.save(),t.renderToCanvas(n),n.restore())}))}else for(var o={inHover:!1,viewWidth:this._width,viewHeight:this._height},a=this.storage.getDisplayList(!0),s=0,l=a.length;s<l;s++){var u=a[s];Rm(n,u,o,s===l-1)}return e.dom},t.prototype.getWidth=function(){return this._width},t.prototype.getHeight=function(){return this._height},t}();var eI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.getInitialData=function(t){return Z_(null,this,{useEncodeDefaulter:!0})},e.prototype.getLegendIcon=function(t){var e=new to,n=hm("line",0,t.itemHeight/2,t.itemWidth,0,t.lineStyle.stroke,!1);e.add(n),n.setStyle(t.lineStyle);var i=this.getData().getVisual("symbol"),r=this.getData().getVisual("symbolRotate"),o="none"===i?"circle":i,a=.8*t.itemHeight,s=hm(o,(t.itemWidth-a)/2,(t.itemHeight-a)/2,a,a,t.itemStyle.fill);e.add(s),s.setStyle(t.itemStyle);var l="inherit"===t.iconRotate?r:t.iconRotate||0;return s.rotation=l*Math.PI/180,s.setOrigin([t.itemWidth/2,t.itemHeight/2]),o.indexOf("empty")>-1&&(s.style.stroke=s.style.fill,s.style.fill=tf.color.neutral00,s.style.lineWidth=2),e},e.type="series.line",e.dependencies=["grid","polar"],e.defaultOption={z:3,coordinateSystem:"cartesian2d",legendHoverLink:!0,clip:!0,label:{position:"top"},endLabel:{show:!1,valueAnimation:!0,distance:8},lineStyle:{width:2,type:"solid"},emphasis:{scale:!0},step:!1,smooth:!1,smoothMonotone:null,symbol:"emptyCircle",symbolSize:6,symbolRotate:null,showSymbol:!0,showAllSymbol:"auto",connectNulls:!1,sampling:"none",animationEasing:"linear",progressive:0,hoverLayerThreshold:1/0,universalTransition:{divideShape:"clone"},triggerLineEvent:!1},e}(Wy);function nI(t,e){var n=t.mapDimensionsAll("defaultedLabel"),i=n.length;if(1===i){var r=Vg(t,e,n[0]);return null!=r?r+"":null}if(i){for(var o=[],a=0;a<n.length;a++)o.push(Vg(t,e,n[a]));return o.join(" ")}}function iI(t,e){var n=t.mapDimensionsAll("defaultedLabel");if(!U(e))return e+"";for(var i=[],r=0;r<n.length;r++){var o=t.getDimensionIndex(n[r]);o>=0&&i.push(e[o])}return i.join(" ")}var rI=function(t){function e(e,n,i,r){var o=t.call(this)||this;return o.updateData(e,n,i,r),o}return n(e,t),e.prototype._createSymbol=function(t,e,n,i,r,o){this.removeAll();var a=hm(t,-1,-1,2,2,null,o);a.attr({z2:rt(r,100),culling:!0,scaleX:i[0]/2,scaleY:i[1]/2}),a.drift=oI,this._symbolType=t,this.add(a)},e.prototype.stopSymbolAnimation=function(t){this.childAt(0).stopAnimation(null,t)},e.prototype.getSymbolType=function(){return this._symbolType},e.prototype.getSymbolPath=function(){return this.childAt(0)},e.prototype.highlight=function(){du(this.childAt(0))},e.prototype.downplay=function(){pu(this.childAt(0))},e.prototype.setZ=function(t,e){var n=this.childAt(0);n.zlevel=t,n.z=e},e.prototype.setDraggable=function(t,e){var n=this.childAt(0);n.draggable=t,n.cursor=!e&&t?"move":n.cursor},e.prototype.updateData=function(t,n,i,r){this.silent=!1;var o=t.getItemVisual(n,"symbol")||"circle",a=t.hostModel,s=e.getSymbolSize(t,n),l=e.getSymbolZ2(t,n),u=o!==this._symbolType,c=r&&r.disableAnimation;if(u){var h=t.getItemVisual(n,"symbolKeepAspect");this._createSymbol(o,t,n,s,l,h)}else{(p=this.childAt(0)).silent=!1;var d={scaleX:s[0]/2,scaleY:s[1]/2};c?p.attr(d):th(p,d,a,n),ah(p)}if(this._updateCommon(t,n,s,i,r),u){var p=this.childAt(0);if(!c){d={scaleX:this._sizeX,scaleY:this._sizeY,style:{opacity:p.style.opacity}};p.scaleX=p.scaleY=0,p.style.opacity=0,eh(p,d,a,n)}}c&&this.childAt(0).stopAnimation("leave")},e.prototype._updateCommon=function(t,e,n,i,r){var o,a,s,l,u,c,h,d,p,f=this.childAt(0),g=t.hostModel;if(i&&(o=i.emphasisItemStyle,a=i.blurItemStyle,s=i.selectItemStyle,l=i.focus,u=i.blurScope,h=i.labelStatesModels,d=i.hoverScale,p=i.cursorStyle,c=i.emphasisDisabled),!i||t.hasItemOption){var y=i&&i.itemModel?i.itemModel:t.getItemModel(e),v=y.getModel("emphasis");o=v.getModel("itemStyle").getItemStyle(),s=y.getModel(["select","itemStyle"]).getItemStyle(),a=y.getModel(["blur","itemStyle"]).getItemStyle(),l=v.get("focus"),u=v.get("blurScope"),c=v.get("disabled"),h=Jh(y),d=v.getShallow("scale"),p=y.getShallow("cursor")}var m=t.getItemVisual(e,"symbolRotate");f.attr("rotation",(m||0)*Math.PI/180||0);var x=pm(t.getItemVisual(e,"symbolOffset"),n);x&&(f.x=x[0],f.y=x[1]),p&&f.attr("cursor",p);var _=t.getItemVisual(e,"style"),b=_.fill;if(f instanceof dl){var w=f.style;f.useStyle(A({image:w.image,x:w.x,y:w.y,width:w.width,height:w.height},_))}else f.__isEmptyBrush?f.useStyle(A({},_)):f.useStyle(_),f.style.decal=null,f.setColor(b,r&&r.symbolInnerColor),f.style.strokeNoScale=!0;var S=t.getItemVisual(e,"liftZ"),M=this._z2;null!=S?null==M&&(this._z2=f.z2,f.z2+=S):null!=M&&(f.z2=M,this._z2=null);var I=r&&r.useNameLabel;$h(f,h,{labelFetcher:g,labelDataIndex:e,defaultText:function(e){return I?t.getName(e):nI(t,e)},inheritColor:b,defaultOpacity:_.opacity}),this._sizeX=n[0]/2,this._sizeY=n[1]/2;var T=f.ensureState("emphasis");T.style=o,f.ensureState("select").style=s,f.ensureState("blur").style=a;var C=null==d||!0===d?Math.max(1.1,3/this._sizeY):isFinite(d)&&d>0?+d:1;T.scaleX=this._sizeX*C,T.scaleY=this._sizeY*C,this.setSymbolScale(1),Tu(this,l,u,c)},e.prototype.setSymbolScale=function(t){this.scaleX=this.scaleY=t},e.prototype.fadeOut=function(t,e,n){var i=this.childAt(0),r=zl(this).dataIndex,o=n&&n.animation;if(this.silent=i.silent=!0,n&&n.fadeLabel){var a=i.getTextContent();a&&ih(a,{style:{opacity:0}},e,{dataIndex:r,removeOpt:o,cb:function(){i.removeTextContent()}})}else i.removeTextContent();ih(i,{style:{opacity:0},scaleX:0,scaleY:0},e,{dataIndex:r,cb:t,removeOpt:o})},e.getSymbolSize=function(t,e){return dm(t.getItemVisual(e,"symbolSize"))},e.getSymbolZ2=function(t,e){return t.getItemVisual(e,"z2")},e}(to);function oI(t,e){this.parent.drift(t,e)}function aI(t,e,n,i){return e&&!isNaN(e[0])&&!isNaN(e[1])&&!(i.isIgnore&&i.isIgnore(n))&&!(i.clipShape&&!i.clipShape.contain(e[0],e[1]))&&"none"!==t.getItemVisual(n,"symbol")}function sI(t){return null==t||q(t)||(t={isIgnore:t}),t||{}}function lI(t){var e=t.hostModel,n=e.getModel("emphasis");return{emphasisItemStyle:n.getModel("itemStyle").getItemStyle(),blurItemStyle:e.getModel(["blur","itemStyle"]).getItemStyle(),selectItemStyle:e.getModel(["select","itemStyle"]).getItemStyle(),focus:n.get("focus"),blurScope:n.get("blurScope"),emphasisDisabled:n.get("disabled"),hoverScale:n.get("scale"),labelStatesModels:Jh(e),cursorStyle:e.get("cursor")}}var uI=function(){function t(t){this.group=new to,this._SymbolCtor=t||rI}return t.prototype.updateData=function(t,e){this._progressiveEls=null,e=sI(e);var n=this.group,i=t.hostModel,r=this._data,o=this._SymbolCtor,a=e.disableAnimation,s=lI(t),l={disableAnimation:a},u=e.getSymbolPoint||function(e){return t.getItemLayout(e)};r||n.removeAll(),t.diff(r).add((function(i){var r=u(i);if(aI(t,r,i,e)){var a=new o(t,i,s,l);a.setPosition(r),t.setItemGraphicEl(i,a),n.add(a)}})).update((function(c,h){var d=r.getItemGraphicEl(h),p=u(c);if(aI(t,p,c,e)){var f=t.getItemVisual(c,"symbol")||"circle",g=d&&d.getSymbolType&&d.getSymbolType();if(!d||g&&g!==f)n.remove(d),(d=new o(t,c,s,l)).setPosition(p);else{d.updateData(t,c,s,l);var y={x:p[0],y:p[1]};a?d.attr(y):th(d,y,i)}n.add(d),t.setItemGraphicEl(c,d)}else n.remove(d)})).remove((function(t){var e=r.getItemGraphicEl(t);e&&e.fadeOut((function(){n.remove(e)}),i)})).execute(),this._getSymbolPoint=u,this._data=t},t.prototype.updateLayout=function(){var t=this,e=this._data;e&&e.eachItemGraphicEl((function(e,n){var i=t._getSymbolPoint(n);e.setPosition(i),e.markRedraw()}))},t.prototype.incrementalPrepareUpdate=function(t){this._seriesScope=lI(t),this._data=null,this.group.removeAll()},t.prototype.incrementalUpdate=function(t,e,n){function i(t){t.isGroup||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}this._progressiveEls=[],n=sI(n);for(var r=t.start;r<t.end;r++){var o=e.getItemLayout(r);if(aI(e,o,r,n)){var a=new this._SymbolCtor(e,r,this._seriesScope);a.traverse(i),a.setPosition(o),this.group.add(a),e.setItemGraphicEl(r,a),this._progressiveEls.push(a)}}},t.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},t.prototype.remove=function(t){var e=this.group,n=this._data;n&&t?n.eachItemGraphicEl((function(t){t.fadeOut((function(){e.remove(t)}),n.hostModel)})):e.removeAll()},t}();function cI(t,e,n){var i=t.getBaseAxis(),r=t.getOtherAxis(i),o=function(t,e){var n=0,i=t.scale.getExtent();"start"===e?n=i[0]:"end"===e?n=i[1]:j(e)&&!isNaN(e)?n=e:i[0]>0?n=i[0]:i[1]<0&&(n=i[1]);return n}(r,n),a=i.dim,s=r.dim,l=e.mapDimension(s),u=e.mapDimension(a),c="x"===s||"radius"===s?1:0,h=E(t.dimensions,(function(t){return e.mapDimension(t)})),d=!1,p=e.getCalculationInfo("stackResultDimension");return Y_(e,h[0])&&(d=!0,h[0]=p),Y_(e,h[1])&&(d=!0,h[1]=p),{dataDimsForPoint:h,valueStart:o,valueAxisDim:s,baseAxisDim:a,stacked:!!d,valueDim:l,baseDim:u,baseDataOffset:c,stackedOverDimension:e.getCalculationInfo("stackedOverDimension")}}function hI(t,e,n,i){var r=NaN;t.stacked&&(r=n.get(n.getCalculationInfo("stackedOverDimension"),i)),isNaN(r)&&(r=t.valueStart);var o=t.baseDataOffset,a=[];return a[o]=n.get(t.baseDim,i),a[1-o]=r,e.dataToPoint(a)}var dI=Math.min,pI=Math.max;function fI(t,e){return isNaN(t)||isNaN(e)}function gI(t,e,n,i,r,o,a,s,l){for(var u,c,h,d,p,f,g=n,y=0;y<i;y++){var v=e[2*g],m=e[2*g+1];if(g>=r||g<0)break;if(fI(v,m)){if(l){g+=o;continue}break}if(g===n)t[o>0?"moveTo":"lineTo"](v,m),h=v,d=m;else{var x=v-u,_=m-c;if(x*x+_*_<.5){g+=o;continue}if(a>0){for(var b=g+o,w=e[2*b],S=e[2*b+1];w===v&&S===m&&y<i;)y++,g+=o,w=e[2*(b+=o)],S=e[2*b+1],x=(v=e[2*g])-u,_=(m=e[2*g+1])-c;var M=y+1;if(l)for(;fI(w,S)&&M<i;)M++,w=e[2*(b+=o)],S=e[2*b+1];var I=.5,T=0,C=0,D=void 0,A=void 0;if(M>=i||fI(w,S))p=v,f=m;else{T=w-u,C=S-c;var k=v-u,L=w-v,P=m-c,O=S-m,R=void 0,N=void 0;if("x"===s){var z=T>0?1:-1;p=v-z*(R=Math.abs(k))*a,f=m,D=v+z*(N=Math.abs(L))*a,A=m}else if("y"===s){var E=C>0?1:-1;p=v,f=m-E*(R=Math.abs(P))*a,D=v,A=m+E*(N=Math.abs(O))*a}else R=Math.sqrt(k*k+P*P),p=v-T*a*(1-(I=(N=Math.sqrt(L*L+O*O))/(N+R))),f=m-C*a*(1-I),A=m+C*a*I,D=dI(D=v+T*a*I,pI(w,v)),A=dI(A,pI(S,m)),D=pI(D,dI(w,v)),f=m-(C=(A=pI(A,dI(S,m)))-m)*R/N,p=dI(p=v-(T=D-v)*R/N,pI(u,v)),f=dI(f,pI(c,m)),D=v+(T=v-(p=pI(p,dI(u,v))))*N/R,A=m+(C=m-(f=pI(f,dI(c,m))))*N/R}t.bezierCurveTo(h,d,p,f,v,m),h=D,d=A}else t.lineTo(v,m)}u=v,c=m,g+=o}return y}var yI=function(){this.smooth=0,this.smoothConstraint=!0},vI=function(t){function e(e){var n=t.call(this,e)||this;return n.type="ec-polyline",n}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:tf.color.neutral99,fill:null}},e.prototype.getDefaultShape=function(){return new yI},e.prototype.buildPath=function(t,e){var n=e.points,i=0,r=n.length/2;if(e.connectNulls){for(;r>0&&fI(n[2*r-2],n[2*r-1]);r--);for(;i<r&&fI(n[2*i],n[2*i+1]);i++);}for(;i<r;)i+=gI(t,n,i,r,r,1,e.smooth,e.smoothMonotone,e.connectNulls)+1},e.prototype.getPointOn=function(t,e){this.path||(this.createPathProxy(),this.buildPath(this.path,this.shape));for(var n,i,r=this.path.data,o=Fs.CMD,a="x"===e,s=[],l=0;l<r.length;){var u=void 0,c=void 0,h=void 0,d=void 0,p=void 0,f=void 0,g=void 0;switch(r[l++]){case o.M:n=r[l++],i=r[l++];break;case o.L:if(u=r[l++],c=r[l++],(g=a?(t-n)/(u-n):(t-i)/(c-i))<=1&&g>=0){var y=a?(c-i)*g+i:(u-n)*g+n;return a?[t,y]:[y,t]}n=u,i=c;break;case o.C:u=r[l++],c=r[l++],h=r[l++],d=r[l++],p=r[l++],f=r[l++];var v=a?kn(n,u,h,p,t,s):kn(i,c,d,f,t,s);if(v>0)for(var m=0;m<v;m++){var x=s[m];if(x<=1&&x>=0){y=a?Dn(i,c,d,f,x):Dn(n,u,h,p,x);return a?[t,y]:[y,t]}}n=p,i=f}}},e}(sl),mI=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e}(yI),xI=function(t){function e(e){var n=t.call(this,e)||this;return n.type="ec-polygon",n}return n(e,t),e.prototype.getDefaultShape=function(){return new mI},e.prototype.buildPath=function(t,e){var n=e.points,i=e.stackedOnPoints,r=0,o=n.length/2,a=e.smoothMonotone;if(e.connectNulls){for(;o>0&&fI(n[2*o-2],n[2*o-1]);o--);for(;r<o&&fI(n[2*r],n[2*r+1]);r++);}for(;r<o;){var s=gI(t,n,r,o,o,1,e.smooth,a,e.connectNulls);gI(t,i,r+s-1,s,o,-1,e.stackedOnSmooth,a,e.connectNulls),r+=s+1,t.closePath()}},e}(sl);function _I(t,e,n,i,r){var o=t.getArea(),a=o.x,s=o.y,l=o.width,u=o.height,c=n.get(["lineStyle","width"])||0;a-=c/2,s-=c/2,l+=c,u+=c,l=Math.ceil(l),a!==Math.floor(a)&&(a=Math.floor(a),l++);var h=new xl({shape:{x:a,y:s,width:l,height:u}});if(e){var d=t.getBaseAxis(),p=d.isHorizontal(),f=d.inverse;p?(f&&(h.shape.x+=l),h.shape.width=0):(f||(h.shape.y+=u),h.shape.height=0);var g=Y(r)?function(t){r(t,h)}:null;eh(h,{shape:{width:l,height:u,x:a,y:s}},n,null,i,g)}return h}function bI(t,e,n){var i=t.getArea(),r=mo(i.r0,1),o=mo(i.r,1),a=new xc({shape:{cx:mo(t.cx,1),cy:mo(t.cy,1),r0:r,r:o,startAngle:i.startAngle,endAngle:i.endAngle,clockwise:i.clockwise}});e&&("angle"===t.getBaseAxis().dim?a.shape.endAngle=i.startAngle:a.shape.r=r,eh(a,{shape:{endAngle:i.endAngle,r:o}},n));return a}function wI(t,e,n,i,r){return t?"polar"===t.type?bI(t,e,n):"cartesian2d"===t.type?_I(t,e,n,i,r):null:null}function SI(t,e){return t.type===e}function MI(t,e){if(t.length===e.length){for(var n=0;n<t.length;n++)if(t[n]!==e[n])return;return!0}}function II(t){for(var e=1/0,n=1/0,i=-1/0,r=-1/0,o=0;o<t.length;){var a=t[o++],s=t[o++];isNaN(a)||(e=Math.min(a,e),i=Math.max(a,i)),isNaN(s)||(n=Math.min(s,n),r=Math.max(s,r))}return[[e,n],[i,r]]}function TI(t,e){var n=II(t),i=n[0],r=n[1],o=II(e),a=o[0],s=o[1];return Math.max(Math.abs(i[0]-a[0]),Math.abs(i[1]-a[1]),Math.abs(r[0]-s[0]),Math.abs(r[1]-s[1]))}function CI(t){return j(t)?t:t?.5:0}function DI(t,e,n,i,r){var o=n.getBaseAxis(),a="x"===o.dim||"radius"===o.dim?0:1,s=[],l=0,u=[],c=[],h=[],d=[];if(r){for(l=0;l<t.length;l+=2){var p=e||t;isNaN(p[l])||isNaN(p[l+1])||d.push(t[l],t[l+1])}t=d}for(l=0;l<t.length-2;l+=2)switch(h[0]=t[l+2],h[1]=t[l+3],c[0]=t[l],c[1]=t[l+1],s.push(c[0],c[1]),i){case"end":u[a]=h[a],u[1-a]=c[1-a],s.push(u[0],u[1]);break;case"middle":var f=(c[a]+h[a])/2,g=[];u[a]=g[a]=f,u[1-a]=c[1-a],g[1-a]=h[1-a],s.push(u[0],u[1]),s.push(g[0],g[1]);break;default:u[a]=c[a],u[1-a]=h[1-a],s.push(u[0],u[1])}return s.push(t[l++],t[l++]),s}function AI(t,e,n){var i=t.getVisual("visualMeta");if(i&&i.length&&t.count()&&"cartesian2d"===e.type){for(var r,o,a=i.length-1;a>=0;a--){var s=t.getDimensionInfo(i[a].dimension);if("x"===(r=s&&s.coordDim)||"y"===r){o=i[a];break}}if(o){var l=e.getAxis(r),u=E(o.stops,(function(t){return{coord:l.toGlobalCoord(l.dataToCoord(t.value)),color:t.color}})),c=u.length,h=o.outerColors.slice();c&&u[0].coord>u[c-1].coord&&(u.reverse(),h.reverse());var d=function(t,e){var n,i,r=[],o=t.length;function a(t,e,n){var i=t.coord;return{coord:n,color:ci((n-i)/(e.coord-i),[t.color,e.color])}}for(var s=0;s<o;s++){var l=t[s],u=l.coord;if(u<0)n=l;else{if(u>e){i?r.push(a(i,l,e)):n&&r.push(a(n,l,0),a(n,l,e));break}n&&(r.push(a(n,l,0)),n=null),r.push(l),i=l}}return r}(u,"x"===r?n.getWidth():n.getHeight()),p=d.length;if(!p&&c)return u[0].coord<0?h[1]?h[1]:u[c-1].color:h[0]?h[0]:u[0].color;var f=d[0].coord-10,g=d[p-1].coord+10,y=g-f;if(y<.001)return"transparent";z(d,(function(t){t.offset=(t.coord-f)/y})),d.push({offset:p?d[p-1].offset:.5,color:h[1]||"transparent"}),d.unshift({offset:p?d[0].offset:.5,color:h[0]||"transparent"});var v=new Bc(0,0,0,0,d,!0);return v[r]=f,v[r+"2"]=g,v}}}function kI(t,e,n){var i=t.get("showAllSymbol"),r="auto"===i;if(!i||r){var o=n.getAxesByScale("ordinal")[0];if(o&&(!r||!function(t,e){var n=t.getExtent(),i=Math.abs(n[1]-n[0])/t.scale.count();isNaN(i)&&(i=0);for(var r=e.count(),o=Math.max(1,Math.round(r/5)),a=0;a<r;a+=o)if(1.5*rI.getSymbolSize(e,a)[t.isHorizontal()?1:0]>i)return!1;return!0}(o,e))){var a=e.mapDimension(o.dim),s={};return z(o.getViewLabels(),(function(t){var e=o.scale.getRawOrdinalNumber(t.tickValue);s[e]=1})),function(t){return!s.hasOwnProperty(e.get(a,t))}}}}function LI(t,e){return[t[2*e],t[2*e+1]]}function PI(t){if(t.get(["endLabel","show"]))return!0;for(var e=0;e<Wl.length;e++)if(t.get([Wl[e],"endLabel","show"]))return!0;return!1}function OI(t,e,n,i){if(SI(e,"cartesian2d")){var r=i.getModel("endLabel"),o=r.get("valueAnimation"),a=i.getData(),s={lastFrameIndex:0},l=PI(i)?function(n,i){t._endLabelOnDuring(n,i,a,s,o,r,e)}:null,u=e.getBaseAxis().isHorizontal(),c=_I(e,n,i,(function(){var e=t._endLabel;e&&n&&null!=s.originalX&&e.attr({x:s.originalX,y:s.originalY})}),l);if(!i.get("clip",!0)){var h=c.shape,d=Math.max(h.width,h.height);u?(h.y-=d,h.height+=2*d):(h.x-=d,h.width+=2*d)}return l&&l(1,c),c}return bI(e,n,i)}var RI=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.init=function(){var t=new to,e=new uI;this.group.add(e.group),this._symbolDraw=e,this._lineGroup=t,this._changePolyState=W(this._changePolyState,this)},e.prototype.render=function(t,e,n){var i=t.coordinateSystem,r=this.group,o=t.getData(),a=t.getModel("lineStyle"),s=t.getModel("areaStyle"),l=o.getLayout("points")||[],u="polar"===i.type,c=this._coordSys,h=this._symbolDraw,d=this._polyline,p=this._polygon,f=this._lineGroup,g=!e.ssr&&t.get("animation"),y=!s.isEmpty(),v=s.get("origin"),m=cI(i,o,v),x=y&&function(t,e,n){if(!n.valueDim)return[];for(var i=e.count(),r=pb(2*i),o=0;o<i;o++){var a=hI(n,t,e,o);r[2*o]=a[0],r[2*o+1]=a[1]}return r}(i,o,m),_=t.get("showSymbol"),b=t.get("connectNulls"),w=_&&!u&&kI(t,o,i),S=this._data;S&&S.eachItemGraphicEl((function(t,e){t.__temp&&(r.remove(t),S.setItemGraphicEl(e,null))})),_||h.remove(),r.add(f);var M,I=!u&&t.get("step");i&&i.getArea&&t.get("clip",!0)&&(null!=(M=i.getArea()).width?(M.x-=.1,M.y-=.1,M.width+=.2,M.height+=.2):M.r0&&(M.r0-=.5,M.r+=.5)),this._clipShapeForSymbol=M;var T=AI(o,i,n)||o.getVisual("style")[o.getVisual("drawType")];if(d&&c.type===i.type&&I===this._step){y&&!p?p=this._newPolygon(l,x):p&&!y&&(f.remove(p),p=this._polygon=null),u||this._initOrUpdateEndLabel(t,i,wp(T));var C=f.getClipPath();if(C)eh(C,{shape:OI(this,i,!1,t).shape},t);else f.setClipPath(OI(this,i,!0,t));_&&h.updateData(o,{isIgnore:w,clipShape:M,disableAnimation:!0,getSymbolPoint:function(t){return[l[2*t],l[2*t+1]]}}),MI(this._stackedOnPoints,x)&&MI(this._points,l)||(g?this._doUpdateAnimation(o,x,i,n,I,v,b):(I&&(x&&(x=DI(x,l,i,I,b)),l=DI(l,null,i,I,b)),d.setShape({points:l}),p&&p.setShape({points:l,stackedOnPoints:x})))}else _&&h.updateData(o,{isIgnore:w,clipShape:M,disableAnimation:!0,getSymbolPoint:function(t){return[l[2*t],l[2*t+1]]}}),g&&this._initSymbolLabelAnimation(o,i,M),I&&(x&&(x=DI(x,l,i,I,b)),l=DI(l,null,i,I,b)),d=this._newPolyline(l),y?p=this._newPolygon(l,x):p&&(f.remove(p),p=this._polygon=null),u||this._initOrUpdateEndLabel(t,i,wp(T)),f.setClipPath(OI(this,i,!0,t));var D=t.getModel("emphasis"),A=D.get("focus"),L=D.get("blurScope"),P=D.get("disabled");(d.useStyle(k(a.getLineStyle(),{fill:"none",stroke:T,lineJoin:"bevel"})),ku(d,t,"lineStyle"),d.style.lineWidth>0&&"bolder"===t.get(["emphasis","lineStyle","width"]))&&(d.getState("emphasis").style.lineWidth=+d.style.lineWidth+1);zl(d).seriesIndex=t.seriesIndex,Tu(d,A,L,P);var O=CI(t.get("smooth")),R=t.get("smoothMonotone");if(d.setShape({smooth:O,smoothMonotone:R,connectNulls:b}),p){var N=o.getCalculationInfo("stackedOnSeries"),z=0;p.useStyle(k(s.getAreaStyle(),{fill:T,opacity:.7,lineJoin:"bevel",decal:o.getVisual("style").decal})),N&&(z=CI(N.get("smooth"))),p.setShape({smooth:O,stackedOnSmooth:z,smoothMonotone:R,connectNulls:b}),ku(p,t,"areaStyle"),zl(p).seriesIndex=t.seriesIndex,Tu(p,A,L,P)}var E=this._changePolyState;o.eachItemGraphicEl((function(t){t&&(t.onHoverStateChange=E)})),this._polyline.onHoverStateChange=E,this._data=o,this._coordSys=i,this._stackedOnPoints=x,this._points=l,this._step=I,this._valueOrigin=v,t.get("triggerLineEvent")&&(this.packEventData(t,d),p&&this.packEventData(t,p))},e.prototype.packEventData=function(t,e){zl(e).eventData={componentType:"series",componentSubType:"line",componentIndex:t.componentIndex,seriesIndex:t.seriesIndex,seriesName:t.name,seriesType:"line"}},e.prototype.highlight=function(t,e,n,i){var r=t.getData(),o=aa(r,i);if(this._changePolyState("emphasis"),!(o instanceof Array)&&null!=o&&o>=0){var a=r.getLayout("points"),s=r.getItemGraphicEl(o);if(!s){var l=a[2*o],u=a[2*o+1];if(isNaN(l)||isNaN(u))return;if(this._clipShapeForSymbol&&!this._clipShapeForSymbol.contain(l,u))return;var c=t.get("zlevel")||0,h=t.get("z")||0;(s=new rI(r,o)).x=l,s.y=u,s.setZ(c,h);var d=s.getSymbolPath().getTextContent();d&&(d.zlevel=c,d.z=h,d.z2=this._polyline.z2+1),s.__temp=!0,r.setItemGraphicEl(o,s),s.stopSymbolAnimation(!0),this.group.add(s)}s.highlight()}else tv.prototype.highlight.call(this,t,e,n,i)},e.prototype.downplay=function(t,e,n,i){var r=t.getData(),o=aa(r,i);if(this._changePolyState("normal"),null!=o&&o>=0){var a=r.getItemGraphicEl(o);a&&(a.__temp?(r.setItemGraphicEl(o,null),this.group.remove(a)):a.downplay())}else tv.prototype.downplay.call(this,t,e,n,i)},e.prototype._changePolyState=function(t){var e=this._polygon;su(this._polyline,t),e&&su(e,t)},e.prototype._newPolyline=function(t){var e=this._polyline;return e&&this._lineGroup.remove(e),e=new vI({shape:{points:t},segmentIgnoreThreshold:2,z2:10}),this._lineGroup.add(e),this._polyline=e,e},e.prototype._newPolygon=function(t,e){var n=this._polygon;return n&&this._lineGroup.remove(n),n=new xI({shape:{points:t,stackedOnPoints:e},segmentIgnoreThreshold:2}),this._lineGroup.add(n),this._polygon=n,n},e.prototype._initSymbolLabelAnimation=function(t,e,n){var i,r,o=e.getBaseAxis(),a=o.inverse;"cartesian2d"===e.type?(i=o.isHorizontal(),r=!1):"polar"===e.type&&(i="angle"===o.dim,r=!0);var s=t.hostModel,l=s.get("animationDuration");Y(l)&&(l=l(null));var u=s.get("animationDelay")||0,c=Y(u)?u(null):u;t.eachItemGraphicEl((function(t,o){var s=t;if(s){var h=[t.x,t.y],d=void 0,p=void 0,f=void 0;if(n)if(r){var g=n,y=e.pointToCoord(h);i?(d=g.startAngle,p=g.endAngle,f=-y[1]/180*Math.PI):(d=g.r0,p=g.r,f=y[0])}else{var v=n;i?(d=v.x,p=v.x+v.width,f=t.x):(d=v.y+v.height,p=v.y,f=t.y)}var m=p===d?0:(f-d)/(p-d);a&&(m=1-m);var x=Y(u)?u(o):l*m+c,_=s.getSymbolPath(),b=_.getTextContent();s.attr({scaleX:0,scaleY:0}),s.animateTo({scaleX:1,scaleY:1},{duration:200,setToFinal:!0,delay:x}),b&&b.animateFrom({style:{opacity:0}},{duration:300,delay:x}),_.disableLabelAnimation=!0}}))},e.prototype._initOrUpdateEndLabel=function(t,e,n){var i=t.getModel("endLabel");if(PI(t)){var r=t.getData(),o=this._polyline,a=r.getLayout("points");if(!a)return o.removeTextContent(),void(this._endLabel=null);var s=this._endLabel;s||((s=this._endLabel=new Sl({z2:200})).ignoreClip=!0,o.setTextContent(this._endLabel),o.disableLabelAnimation=!0);var l=function(t){for(var e,n,i=t.length/2;i>0&&(e=t[2*i-2],n=t[2*i-1],isNaN(e)||isNaN(n));i--);return i-1}(a);l>=0&&($h(o,Jh(t,"endLabel"),{inheritColor:n,labelFetcher:t,labelDataIndex:l,defaultText:function(t,e,n){return null!=n?iI(r,n):nI(r,t)},enableTextSetter:!0},function(t,e){var n=e.getBaseAxis(),i=n.isHorizontal(),r=n.inverse,o=i?r?"right":"left":"center",a=i?"middle":r?"top":"bottom";return{normal:{align:t.get("align")||o,verticalAlign:t.get("verticalAlign")||a}}}(i,e)),o.textConfig.position=null)}else this._endLabel&&(this._polyline.removeTextContent(),this._endLabel=null)},e.prototype._endLabelOnDuring=function(t,e,n,i,r,o,a){var s=this._endLabel,l=this._polyline;if(s){t<1&&null==i.originalX&&(i.originalX=s.x,i.originalY=s.y);var u=n.getLayout("points"),c=n.hostModel,h=c.get("connectNulls"),d=o.get("precision"),p=o.get("distance")||0,f=a.getBaseAxis(),g=f.isHorizontal(),y=f.inverse,v=e.shape,m=y?g?v.x:v.y+v.height:g?v.x+v.width:v.y,x=(g?p:0)*(y?-1:1),_=(g?0:-p)*(y?-1:1),b=g?"x":"y",w=function(t,e,n){for(var i,r,o=t.length/2,a="x"===n?0:1,s=0,l=-1,u=0;u<o;u++)if(r=t[2*u+a],!isNaN(r)&&!isNaN(t[2*u+1-a]))if(0!==u){if(i<=e&&r>=e||i>=e&&r<=e){l=u;break}s=u,i=r}else i=r;return{range:[s,l],t:(e-i)/(r-i)}}(u,m,b),S=w.range,M=S[1]-S[0],I=void 0;if(M>=1){if(M>1&&!h){var T=LI(u,S[0]);s.attr({x:T[0]+x,y:T[1]+_}),r&&(I=c.getRawValue(S[0]))}else{(T=l.getPointOn(m,b))&&s.attr({x:T[0]+x,y:T[1]+_});var C=c.getRawValue(S[0]),D=c.getRawValue(S[1]);r&&(I=ya(n,d,C,D,w.t))}i.lastFrameIndex=S[0]}else{var A=1===t||i.lastFrameIndex>0?S[0]:0;T=LI(u,A);r&&(I=c.getRawValue(A)),s.attr({x:T[0]+x,y:T[1]+_})}if(r){var k=ad(s);"function"==typeof k.setLabelText&&k.setLabelText(I)}}},e.prototype._doUpdateAnimation=function(t,e,n,i,r,o,a){var s=this._polyline,l=this._polygon,u=t.hostModel,c=function(t,e,n,i,r,o,a,s){for(var l=function(t,e){var n=[];return e.diff(t).add((function(t){n.push({cmd:"+",idx:t})})).update((function(t,e){n.push({cmd:"=",idx:e,idx1:t})})).remove((function(t){n.push({cmd:"-",idx:t})})).execute(),n}(t,e),u=[],c=[],h=[],d=[],p=[],f=[],g=[],y=cI(r,e,a),v=t.getLayout("points")||[],m=e.getLayout("points")||[],x=0;x<l.length;x++){var _=l[x],b=!0,w=void 0,S=void 0;switch(_.cmd){case"=":w=2*_.idx,S=2*_.idx1;var M=v[w],I=v[w+1],T=m[S],C=m[S+1];(isNaN(M)||isNaN(I))&&(M=T,I=C),u.push(M,I),c.push(T,C),h.push(n[w],n[w+1]),d.push(i[S],i[S+1]),g.push(e.getRawIndex(_.idx1));break;case"+":var D=_.idx,A=y.dataDimsForPoint,k=r.dataToPoint([e.get(A[0],D),e.get(A[1],D)]);S=2*D,u.push(k[0],k[1]),c.push(m[S],m[S+1]);var L=hI(y,r,e,D);h.push(L[0],L[1]),d.push(i[S],i[S+1]),g.push(e.getRawIndex(D));break;case"-":b=!1}b&&(p.push(_),f.push(f.length))}f.sort((function(t,e){return g[t]-g[e]}));var P=u.length,O=pb(P),R=pb(P),N=pb(P),z=pb(P),E=[];for(x=0;x<f.length;x++){var B=f[x],V=2*x,G=2*B;O[V]=u[G],O[V+1]=u[G+1],R[V]=c[G],R[V+1]=c[G+1],N[V]=h[G],N[V+1]=h[G+1],z[V]=d[G],z[V+1]=d[G+1],E[x]=p[B]}return{current:O,next:R,stackedOnCurrent:N,stackedOnNext:z,status:E}}(this._data,t,this._stackedOnPoints,e,this._coordSys,0,this._valueOrigin),h=c.current,d=c.stackedOnCurrent,p=c.next,f=c.stackedOnNext;if(r&&(d=DI(c.stackedOnCurrent,c.current,n,r,a),h=DI(c.current,null,n,r,a),f=DI(c.stackedOnNext,c.next,n,r,a),p=DI(c.next,null,n,r,a)),TI(h,p)>3e3||l&&TI(d,f)>3e3)return s.stopAnimation(),s.setShape({points:p}),void(l&&(l.stopAnimation(),l.setShape({points:p,stackedOnPoints:f})));s.shape.__points=c.current,s.shape.points=h;var g={shape:{points:p}};c.current!==h&&(g.shape.__points=c.next),s.stopAnimation(),th(s,g,u),l&&(l.setShape({points:h,stackedOnPoints:d}),l.stopAnimation(),th(l,{shape:{stackedOnPoints:f}},u),s.shape.points!==l.shape.points&&(l.shape.points=s.shape.points));for(var y=[],v=c.status,m=0;m<v.length;m++){if("="===v[m].cmd){var x=t.getItemGraphicEl(v[m].idx1);x&&y.push({el:x,ptIdx:m})}}s.animators&&s.animators.length&&s.animators[0].during((function(){l&&l.dirtyShape();for(var t=s.shape.__points,e=0;e<y.length;e++){var n=y[e].el,i=2*y[e].ptIdx;n.x=t[i],n.y=t[i+1],n.markRedraw()}}))},e.prototype.remove=function(t){var e=this.group,n=this._data;this._lineGroup.removeAll(),this._symbolDraw.remove(!0),n&&n.eachItemGraphicEl((function(t,i){t.__temp&&(e.remove(t),n.setItemGraphicEl(i,null))})),this._polyline=this._polygon=this._coordSys=this._points=this._stackedOnPoints=this._endLabel=this._data=null},e.type="line",e}(tv);function NI(t,e){return{seriesType:t,plan:$y(),reset:function(t){var n=t.getData(),i=t.coordinateSystem,r=t.pipelineContext,o=e||r.large;if(i){var a=E(i.dimensions,(function(t){return n.mapDimension(t)})).slice(0,2),s=a.length,l=n.getCalculationInfo("stackResultDimension");Y_(n,a[0])&&(a[0]=l),Y_(n,a[1])&&(a[1]=l);var u=n.getStore(),c=n.getDimensionIndex(a[0]),h=n.getDimensionIndex(a[1]);return s&&{progress:function(t,e){for(var n=t.end-t.start,r=o&&pb(n*s),a=[],l=[],d=t.start,p=0;d<t.end;d++){var f=void 0;if(1===s){var g=u.get(c,d);f=i.dataToPoint(g,null,l)}else a[0]=u.get(c,d),a[1]=u.get(h,d),f=i.dataToPoint(a,null,l);o?(r[p++]=f[0],r[p++]=f[1]):e.setItemLayout(d,f.slice())}o&&e.setLayout("points",r)}}}}}}var zI={average:function(t){for(var e=0,n=0,i=0;i<t.length;i++)isNaN(t[i])||(e+=t[i],n++);return 0===n?NaN:e/n},sum:function(t){for(var e=0,n=0;n<t.length;n++)e+=t[n]||0;return e},max:function(t){for(var e=-1/0,n=0;n<t.length;n++)t[n]>e&&(e=t[n]);return isFinite(e)?e:NaN},min:function(t){for(var e=1/0,n=0;n<t.length;n++)t[n]<e&&(e=t[n]);return isFinite(e)?e:NaN},nearest:function(t){return t[0]}},EI=function(t){return Math.round(t.length/2)};function BI(t){return{seriesType:t,reset:function(t,e,n){var i=t.getData(),r=t.get("sampling"),o=t.coordinateSystem,a=i.count();if(a>10&&"cartesian2d"===o.type&&r){var s=o.getBaseAxis(),l=o.getOtherAxis(s),u=s.getExtent(),c=n.getDevicePixelRatio(),h=Math.abs(u[1]-u[0])*(c||1),d=Math.round(a/h);if(isFinite(d)&&d>1){"lttb"===r?t.setData(i.lttbDownSample(i.mapDimension(l.dim),1/d)):"minmax"===r&&t.setData(i.minmaxDownSample(i.mapDimension(l.dim),1/d));var p=void 0;X(r)?p=zI[r]:Y(r)&&(p=r),p&&t.setData(i.downSample(i.mapDimension(l.dim),1/d,p,EI))}}}}}var VI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{useEncodeDefaulter:!0})},e.prototype.getMarkerPosition=function(t,e,n){var i=this.coordinateSystem;if(i&&i.clampData){var r=i.clampData(t),o=i.dataToPoint(r);if(n)z(i.getAxes(),(function(t,n){if("category"===t.type&&null!=e){var i=t.getTicksCoords(),a=t.getTickModel().get("alignWithLabel"),s=r[n],l="x1"===e[n]||"y1"===e[n];if(l&&!a&&(s+=1),i.length<2)return;if(2===i.length)return void(o[n]=t.toGlobalCoord(t.getExtent()[l?1:0]));for(var u=void 0,c=void 0,h=1,d=0;d<i.length;d++){var p=i[d].coord,f=d===i.length-1?i[d-1].tickValue+h:i[d].tickValue;if(f===s){c=p;break}if(f<s)u=p;else if(null!=u&&f>s){c=(p+u)/2;break}1===d&&(h=f-i[0].tickValue)}null==c&&(u?u&&(c=i[i.length-1].coord):c=i[0].coord),o[n]=t.toGlobalCoord(c)}}));else{var a=this.getData(),s=a.getLayout("offset"),l=a.getLayout("size"),u=i.getBaseAxis().isHorizontal()?0:1;o[u]+=s+l/2}return o}return[NaN,NaN]},e.type="series.__base_bar__",e.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,barMinHeight:0,barMinAngle:0,large:!1,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod",defaultBarGap:"10%"},e}(Wy);Wy.registerClass(VI);var GI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(){return Z_(null,this,{useEncodeDefaulter:!0,createInvertedIndices:!!this.get("realtimeSort",!0)||null})},e.prototype.getProgressive=function(){return!!this.get("large")&&this.get("progressive")},e.prototype.getProgressiveThreshold=function(){var t=this.get("progressiveThreshold"),e=this.get("largeThreshold");return e>t&&(t=e),t},e.prototype.brushSelector=function(t,e,n){return n.rect(e.getItemLayout(t))},e.type="series.bar",e.dependencies=["grid","polar"],e.defaultOption=Id(VI.defaultOption,{clip:!0,roundCap:!1,showBackground:!1,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:tf.color.primary,borderWidth:2}},realtimeSort:!1}),e}(VI),FI=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0},WI=function(t){function e(e){var n=t.call(this,e)||this;return n.type="sausage",n}return n(e,t),e.prototype.getDefaultShape=function(){return new FI},e.prototype.buildPath=function(t,e){var n=e.cx,i=e.cy,r=Math.max(e.r0||0,0),o=Math.max(e.r,0),a=.5*(o-r),s=r+a,l=e.startAngle,u=e.endAngle,c=e.clockwise,h=2*Math.PI,d=c?u-l<h:l-u<h;d||(l=u-(c?h:-h));var p=Math.cos(l),f=Math.sin(l),g=Math.cos(u),y=Math.sin(u);d?(t.moveTo(p*r+n,f*r+i),t.arc(p*s+n,f*s+i,a,-Math.PI+l,l,!c)):t.moveTo(p*o+n,f*o+i),t.arc(n,i,o,l,u,!c),t.arc(g*s+n,y*s+i,a,u-2*Math.PI,u-Math.PI,!c),0!==r&&t.arc(n,i,r,u,l,c)},e}(sl);function HI(t,e,n){return e*Math.sin(t)*(n?-1:1)}function UI(t,e,n){return e*Math.cos(t)*(n?1:-1)}function YI(t,e,n){var i=t.get("borderRadius");if(null==i)return n?{cornerRadius:0}:null;U(i)||(i=[i,i,i,i]);var r=Math.abs(e.r||0-e.r0||0);return{cornerRadius:E(i,(function(t){return Fr(t,r)}))}}var XI=Math.max,ZI=Math.min;var jI=function(t){function e(){var n=t.call(this)||this;return n.type=e.type,n._isFirstFrame=!0,n}return n(e,t),e.prototype.render=function(t,e,n,i){this._model=t,this._removeOnRenderedListener(n),this._updateDrawMode(t);var r=t.get("coordinateSystem");("cartesian2d"===r||"polar"===r)&&(this._progressiveEls=null,this._isLargeDraw?this._renderLarge(t,e,n):this._renderNormal(t,e,n,i))},e.prototype.incrementalPrepareRender=function(t){this._clear(),this._updateDrawMode(t),this._updateLargeClip(t)},e.prototype.incrementalRender=function(t,e){this._progressiveEls=[],this._incrementalRenderLarge(t,e)},e.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},e.prototype._updateDrawMode=function(t){var e=t.pipelineContext.large;null!=this._isLargeDraw&&e===this._isLargeDraw||(this._isLargeDraw=e,this._clear())},e.prototype._renderNormal=function(t,e,n,i){var r,o=this.group,a=t.getData(),s=this._data,l=t.coordinateSystem,u=l.getBaseAxis();"cartesian2d"===l.type?r=u.isHorizontal():"polar"===l.type&&(r="angle"===u.dim);var c=t.isAnimationEnabled()?t:null,h=function(t,e){var n=t.get("realtimeSort",!0),i=e.getBaseAxis();0;if(n&&"category"===i.type&&"cartesian2d"===e.type)return{baseAxis:i,otherAxis:e.getOtherAxis(i)}}(t,l);h&&this._enableRealtimeSort(h,a,n);var d=t.get("clip",!0)||h,p=function(t,e){var n=t.getArea&&t.getArea();if(SI(t,"cartesian2d")){var i=t.getBaseAxis();if("category"!==i.type||!i.onBand){var r=e.getLayout("bandWidth");i.isHorizontal()?(n.x-=r,n.width+=2*r):(n.y-=r,n.height+=2*r)}}return n}(l,a);o.removeClipPath();var f=t.get("roundCap",!0),g=t.get("showBackground",!0),y=t.getModel("backgroundStyle"),v=y.get("borderRadius")||0,m=[],x=this._backgroundEls,_=i&&i.isInitSort,b=i&&"changeAxisOrder"===i.type;function w(t){var e=nT[l.type](a,t);if(!e)return null;var n=function(t,e,n){var i="polar"===t.type?xc:xl;return new i({shape:uT(e,n,t),silent:!0,z2:0})}(l,r,e);return n.useStyle(y.getItemStyle()),"cartesian2d"===l.type?n.setShape("r",v):n.setShape("cornerRadius",v),m[t]=n,n}a.diff(s).add((function(e){var n=a.getItemModel(e),i=nT[l.type](a,e,n);if(i&&(g&&w(e),a.hasValue(e)&&eT[l.type](i))){var s=!1;d&&(s=qI[l.type](p,i));var y=KI[l.type](t,a,e,i,r,c,u.model,!1,f);h&&(y.forceLabelAnimation=!0),rT(y,a,e,n,i,t,r,"polar"===l.type),_?y.attr({shape:i}):h?$I(h,c,y,i,e,r,!1,!1):eh(y,{shape:i},t,e),a.setItemGraphicEl(e,y),o.add(y),y.ignore=s}})).update((function(e,n){var i=a.getItemModel(e),S=nT[l.type](a,e,i);if(S){if(g){var M=void 0;0===x.length?M=w(n):((M=x[n]).useStyle(y.getItemStyle()),"cartesian2d"===l.type?M.setShape("r",v):M.setShape("cornerRadius",v),m[e]=M);var I=nT[l.type](a,e);th(M,{shape:uT(r,I,l)},c,e)}var T=s.getItemGraphicEl(n);if(a.hasValue(e)&&eT[l.type](S)){var C=!1;if(d&&(C=qI[l.type](p,S))&&o.remove(T),T&&("sector"===T.type&&f||"sausage"===T.type&&!f)&&(T&&oh(T,t,n),T=null),T?ah(T):T=KI[l.type](t,a,e,S,r,c,u.model,!0,f),h&&(T.forceLabelAnimation=!0),b){var D=T.getTextContent();if(D){var A=ad(D);null!=A.prevValue&&(A.prevValue=A.value)}}else rT(T,a,e,i,S,t,r,"polar"===l.type);_?T.attr({shape:S}):h?$I(h,c,T,S,e,r,!0,b):th(T,{shape:S},t,e,null),a.setItemGraphicEl(e,T),T.ignore=C,o.add(T)}else o.remove(T)}})).remove((function(e){var n=s.getItemGraphicEl(e);n&&oh(n,t,e)})).execute();var S=this._backgroundGroup||(this._backgroundGroup=new to);S.removeAll();for(var M=0;M<m.length;++M)S.add(m[M]);o.add(S),this._backgroundEls=m,this._data=a},e.prototype._renderLarge=function(t,e,n){this._clear(),sT(t,this.group),this._updateLargeClip(t)},e.prototype._incrementalRenderLarge=function(t,e){this._removeBackground(),sT(e,this.group,this._progressiveEls,!0)},e.prototype._updateLargeClip=function(t){var e=t.get("clip",!0)&&wI(t.coordinateSystem,!1,t),n=this.group;e?n.setClipPath(e):n.removeClipPath()},e.prototype._enableRealtimeSort=function(t,e,n){var i=this;if(e.count()){var r=t.baseAxis;if(this._isFirstFrame)this._dispatchInitSort(e,t,n),this._isFirstFrame=!1;else{var o=function(t){var n=e.getItemGraphicEl(t),i=n&&n.shape;return i&&Math.abs(r.isHorizontal()?i.height:i.width)||0};this._onRendered=function(){i._updateSortWithinSameData(e,o,r,n)},n.getZr().on("rendered",this._onRendered)}}},e.prototype._dataSort=function(t,e,n){var i=[];return t.each(t.mapDimension(e.dim),(function(t,e){var r=n(e);r=null==r?NaN:r,i.push({dataIndex:e,mappedValue:r,ordinalNumber:t})})),i.sort((function(t,e){return e.mappedValue-t.mappedValue})),{ordinalNumbers:E(i,(function(t){return t.ordinalNumber}))}},e.prototype._isOrderChangedWithinSameData=function(t,e,n){for(var i=n.scale,r=t.mapDimension(n.dim),o=Number.MAX_VALUE,a=0,s=i.getOrdinalMeta().categories.length;a<s;++a){var l=t.rawIndexOf(r,i.getRawOrdinalNumber(a)),u=l<0?Number.MIN_VALUE:e(t.indexOfRawIndex(l));if(u>o)return!0;o=u}return!1},e.prototype._isOrderDifferentInView=function(t,e){for(var n=e.scale,i=n.getExtent(),r=Math.max(0,i[0]),o=Math.min(i[1],n.getOrdinalMeta().categories.length-1);r<=o;++r)if(t.ordinalNumbers[r]!==n.getRawOrdinalNumber(r))return!0},e.prototype._updateSortWithinSameData=function(t,e,n,i){if(this._isOrderChangedWithinSameData(t,e,n)){var r=this._dataSort(t,n,e);this._isOrderDifferentInView(r,n)&&(this._removeOnRenderedListener(i),i.dispatchAction({type:"changeAxisOrder",componentType:n.dim+"Axis",axisId:n.index,sortInfo:r}))}},e.prototype._dispatchInitSort=function(t,e,n){var i=e.baseAxis,r=this._dataSort(t,i,(function(n){return t.get(t.mapDimension(e.otherAxis.dim),n)}));n.dispatchAction({type:"changeAxisOrder",componentType:i.dim+"Axis",isInitSort:!0,axisId:i.index,sortInfo:r})},e.prototype.remove=function(t,e){this._clear(this._model),this._removeOnRenderedListener(e)},e.prototype.dispose=function(t,e){this._removeOnRenderedListener(e)},e.prototype._removeOnRenderedListener=function(t){this._onRendered&&(t.getZr().off("rendered",this._onRendered),this._onRendered=null)},e.prototype._clear=function(t){var e=this.group,n=this._data;t&&t.isAnimationEnabled()&&n&&!this._isLargeDraw?(this._removeBackground(),this._backgroundEls=[],n.eachItemGraphicEl((function(e){oh(e,t,zl(e).dataIndex)}))):e.removeAll(),this._data=null,this._isFirstFrame=!0},e.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup),this._backgroundGroup=null},e.type="bar",e}(tv),qI={cartesian2d:function(t,e){var n=e.width<0?-1:1,i=e.height<0?-1:1;n<0&&(e.x+=e.width,e.width=-e.width),i<0&&(e.y+=e.height,e.height=-e.height);var r=t.x+t.width,o=t.y+t.height,a=XI(e.x,t.x),s=ZI(e.x+e.width,r),l=XI(e.y,t.y),u=ZI(e.y+e.height,o),c=s<a,h=u<l;return e.x=c&&a>r?s:a,e.y=h&&l>o?u:l,e.width=c?0:s-a,e.height=h?0:u-l,n<0&&(e.x+=e.width,e.width=-e.width),i<0&&(e.y+=e.height,e.height=-e.height),c||h},polar:function(t,e){var n=e.r0<=e.r?1:-1;if(n<0){var i=e.r;e.r=e.r0,e.r0=i}var r=ZI(e.r,t.r),o=XI(e.r0,t.r0);e.r=r,e.r0=o;var a=r-o<0;if(n<0){i=e.r;e.r=e.r0,e.r0=i}return a}},KI={cartesian2d:function(t,e,n,i,r,o,a,s,l){var u=new xl({shape:A({},i),z2:1});(u.__dataIndex=n,u.name="item",o)&&(u.shape[r?"height":"width"]=0);return u},polar:function(t,e,n,i,r,o,a,s,l){var u=!r&&l?WI:xc,c=new u({shape:i,z2:1});c.name="item";var h,d,p=iT(r);if(c.calculateTextPosition=(h=p,d=({isRoundCap:u===WI}||{}).isRoundCap,function(t,e,n){var i=e.position;if(!i||i instanceof Array)return Wr(t,e,n);var r=h(i),o=null!=e.distance?e.distance:5,a=this.shape,s=a.cx,l=a.cy,u=a.r,c=a.r0,p=(u+c)/2,f=a.startAngle,g=a.endAngle,y=(f+g)/2,v=d?Math.abs(u-c)/2:0,m=Math.cos,x=Math.sin,_=s+u*m(f),b=l+u*x(f),w="left",S="top";switch(r){case"startArc":_=s+(c-o)*m(y),b=l+(c-o)*x(y),w="center",S="top";break;case"insideStartArc":_=s+(c+o)*m(y),b=l+(c+o)*x(y),w="center",S="bottom";break;case"startAngle":_=s+p*m(f)+HI(f,o+v,!1),b=l+p*x(f)+UI(f,o+v,!1),w="right",S="middle";break;case"insideStartAngle":_=s+p*m(f)+HI(f,-o+v,!1),b=l+p*x(f)+UI(f,-o+v,!1),w="left",S="middle";break;case"middle":_=s+p*m(y),b=l+p*x(y),w="center",S="middle";break;case"endArc":_=s+(u+o)*m(y),b=l+(u+o)*x(y),w="center",S="bottom";break;case"insideEndArc":_=s+(u-o)*m(y),b=l+(u-o)*x(y),w="center",S="top";break;case"endAngle":_=s+p*m(g)+HI(g,o+v,!0),b=l+p*x(g)+UI(g,o+v,!0),w="left",S="middle";break;case"insideEndAngle":_=s+p*m(g)+HI(g,-o+v,!0),b=l+p*x(g)+UI(g,-o+v,!0),w="right",S="middle";break;default:return Wr(t,e,n)}return(t=t||{}).x=_,t.y=b,t.align=w,t.verticalAlign=S,t}),o){var f=r?"r":"endAngle",g={};c.shape[f]=r?i.r0:i.startAngle,g[f]=i[f],(s?th:eh)(c,{shape:g},o)}return c}};function $I(t,e,n,i,r,o,a,s){var l,u;o?(u={x:i.x,width:i.width},l={y:i.y,height:i.height}):(u={y:i.y,height:i.height},l={x:i.x,width:i.width}),s||(a?th:eh)(n,{shape:l},e,r,null),(a?th:eh)(n,{shape:u},e?t.baseAxis.model:null,r)}function JI(t,e){for(var n=0;n<e.length;n++)if(!isFinite(t[e[n]]))return!0;return!1}var QI=["x","y","width","height"],tT=["cx","cy","r","startAngle","endAngle"],eT={cartesian2d:function(t){return!JI(t,QI)},polar:function(t){return!JI(t,tT)}},nT={cartesian2d:function(t,e,n){var i=t.getItemLayout(e);if(!i)return null;var r=n?function(t,e){var n=t.get(["itemStyle","borderColor"]);if(!n||"none"===n)return 0;var i=t.get(["itemStyle","borderWidth"])||0,r=isNaN(e.width)?Number.MAX_VALUE:Math.abs(e.width),o=isNaN(e.height)?Number.MAX_VALUE:Math.abs(e.height);return Math.min(i,r,o)}(n,i):0,o=i.width>0?1:-1,a=i.height>0?1:-1;return{x:i.x+o*r/2,y:i.y+a*r/2,width:i.width-o*r,height:i.height-a*r}},polar:function(t,e,n){var i=t.getItemLayout(e);return{cx:i.cx,cy:i.cy,r0:i.r0,r:i.r,startAngle:i.startAngle,endAngle:i.endAngle,clockwise:i.clockwise}}};function iT(t){return function(t){var e=t?"Arc":"Angle";return function(t){switch(t){case"start":case"insideStart":case"end":case"insideEnd":return t+e;default:return t}}}(t)}function rT(t,e,n,i,r,o,a,s){var l=e.getItemVisual(n,"style");if(s){if(!o.get("roundCap")){var u=t.shape;A(u,YI(i.getModel("itemStyle"),u,!0)),t.setShape(u)}}else{var c=i.get(["itemStyle","borderRadius"])||0;t.setShape("r",c)}t.useStyle(l);var h=i.getShallow("cursor");h&&t.attr("cursor",h);var d=s?a?r.r>=r.r0?"endArc":"startArc":r.endAngle>=r.startAngle?"endAngle":"startAngle":a?r.height>=0?"bottom":"top":r.width>=0?"right":"left",p=Jh(i);$h(t,p,{labelFetcher:o,labelDataIndex:n,defaultText:nI(o.getData(),n),inheritColor:l.fill,defaultOpacity:l.opacity,defaultOutsidePosition:d});var f=t.getTextContent();if(s&&f){var g=i.get(["label","position"]);t.textConfig.inside="middle"===g||null,function(t,e,n,i){if(j(i))t.setTextConfig({rotation:i});else if(U(e))t.setTextConfig({rotation:0});else{var r,o=t.shape,a=o.clockwise?o.startAngle:o.endAngle,s=o.clockwise?o.endAngle:o.startAngle,l=(a+s)/2,u=n(e);switch(u){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":r=l;break;case"startAngle":case"insideStartAngle":r=a;break;case"endAngle":case"insideEndAngle":r=s;break;default:return void t.setTextConfig({rotation:0})}var c=1.5*Math.PI-r;"middle"===u&&c>Math.PI/2&&c<1.5*Math.PI&&(c-=Math.PI),t.setTextConfig({rotation:c})}}(t,"outside"===g?d:g,iT(a),i.get(["label","rotate"]))}sd(f,p,o.getRawValue(n),(function(t){return iI(e,t)}));var y=i.getModel(["emphasis"]);Tu(t,y.get("focus"),y.get("blurScope"),y.get("disabled")),ku(t,i),function(t){return null!=t.startAngle&&null!=t.endAngle&&t.startAngle===t.endAngle}(r)&&(t.style.fill="none",t.style.stroke="none",z(t.states,(function(t){t.style&&(t.style.fill=t.style.stroke="none")})))}var oT=function(){},aT=function(t){function e(e){var n=t.call(this,e)||this;return n.type="largeBar",n}return n(e,t),e.prototype.getDefaultShape=function(){return new oT},e.prototype.buildPath=function(t,e){for(var n=e.points,i=this.baseDimIdx,r=1-this.baseDimIdx,o=[],a=[],s=this.barWidth,l=0;l<n.length;l+=3)a[i]=s,a[r]=n[l+2],o[i]=n[l+i],o[r]=n[l+r],t.rect(o[0],o[1],a[0],a[1])},e}(sl);function sT(t,e,n,i){var r=t.getData(),o=r.getLayout("valueAxisHorizontal")?1:0,a=r.getLayout("largeDataIndices"),s=r.getLayout("size"),l=t.getModel("backgroundStyle"),u=r.getLayout("largeBackgroundPoints");if(u){var c=new aT({shape:{points:u},incremental:!!i,silent:!0,z2:0});c.baseDimIdx=o,c.largeDataIndices=a,c.barWidth=s,c.useStyle(l.getItemStyle()),e.add(c),n&&n.push(c)}var h=new aT({shape:{points:r.getLayout("largePoints")},incremental:!!i,ignoreCoarsePointer:!0,z2:1});h.baseDimIdx=o,h.largeDataIndices=a,h.barWidth=s,e.add(h),h.useStyle(r.getVisual("style")),h.style.stroke=null,zl(h).seriesIndex=t.seriesIndex,t.get("silent")||(h.on("mousedown",lT),h.on("mousemove",lT)),n&&n.push(h)}var lT=uv((function(t){var e=function(t,e,n){for(var i=t.baseDimIdx,r=1-i,o=t.shape.points,a=t.largeDataIndices,s=[],l=[],u=t.barWidth,c=0,h=o.length/3;c<h;c++){var d=3*c;if(l[i]=u,l[r]=o[d+2],s[i]=o[d+i],s[r]=o[d+r],l[r]<0&&(s[r]+=l[r],l[r]=-l[r]),e>=s[0]&&e<=s[0]+l[0]&&n>=s[1]&&n<=s[1]+l[1])return a[c]}return-1}(this,t.offsetX,t.offsetY);zl(this).dataIndex=e>=0?e:null}),30,!1);function uT(t,e,n){if(SI(n,"cartesian2d")){var i=e,r=n.getArea();return{x:t?i.x:r.x,y:t?r.y:i.y,width:t?i.width:r.width,height:t?r.height:i.height}}var o=e;return{cx:(r=n.getArea()).cx,cy:r.cy,r0:t?r.r0:o.r0,r:t?r.r:o.r,startAngle:t?o.startAngle:0,endAngle:t?o.endAngle:2*Math.PI}}var cT=2*Math.PI,hT=Math.PI/180;function dT(t,e,n){e.eachSeriesByType(t,(function(t){var e=t.getData(),i=e.mapDimension("value"),r=Wp(t,n),o=r.cx,a=r.cy,s=r.r,l=r.r0,u=r.viewRect,c=-t.get("startAngle")*hT,h=t.get("endAngle"),d=t.get("padAngle")*hT;h="auto"===h?c-cT:-h*hT;var p=t.get("minAngle")*hT+d,f=0;e.each(i,(function(t){!isNaN(t)&&f++}));var g=e.getSum(i),y=Math.PI/(g||f)*2,v=t.get("clockwise"),m=t.get("roseType"),x=t.get("stillShowZeroSum"),_=e.getDataExtent(i);_[0]=0;var b=v?1:-1,w=[c,h],S=b*d/2;Gs(w,!v),c=w[0],h=w[1];var M=pT(t);M.startAngle=c,M.endAngle=h,M.clockwise=v,M.cx=o,M.cy=a,M.r=s,M.r0=l;var I=Math.abs(h-c),T=I,C=0,D=c;if(e.setLayout({viewRect:u,r:s}),e.each(i,(function(t,n){var i;if(isNaN(t))e.setItemLayout(n,{angle:NaN,startAngle:NaN,endAngle:NaN,clockwise:v,cx:o,cy:a,r0:l,r:m?NaN:s});else{(i="area"!==m?0===g&&x?y:t*y:I/f)<p?(i=p,T-=p):C+=t;var r=D+b*i,u=0,c=0;d>i?c=u=D+b*i/2:(u=D+S,c=r-S),e.setItemLayout(n,{angle:i,startAngle:u,endAngle:c,clockwise:v,cx:o,cy:a,r0:l,r:m?go(t,_,[l,s]):s}),D=r}})),T<cT&&f)if(T<=.001){var A=I/f;e.each(i,(function(t,n){if(!isNaN(t)){var i=e.getItemLayout(n);i.angle=A;var r=0,o=0;A<d?o=r=c+b*(n+.5)*A:(r=c+b*n*A+S,o=c+b*(n+1)*A-S),i.startAngle=r,i.endAngle=o}}))}else y=T/C,D=c,e.each(i,(function(t,n){if(!isNaN(t)){var i=e.getItemLayout(n),r=i.angle===p?p:t*y,o=0,a=0;r<d?a=o=D+b*r/2:(o=D+S,a=D+b*r-S),i.startAngle=o,i.endAngle=a,D+=b*r}}))}))}var pT=sa();function fT(t){return{seriesType:t,reset:function(t,e){var n=e.findComponents({mainType:"legend"});if(n&&n.length){var i=t.getData();i.filterSelf((function(t){for(var e=i.getName(t),r=0;r<n.length;r++)if(!n[r].isSelected(e))return!1;return!0}))}}}}var gT=Math.PI/180;function yT(t,e,n,i,r,o,a,s,l,u){if(!(t.length<2)){for(var c=t.length,h=0;h<c;h++)if("outer"===t[h].position&&"labelLine"===t[h].labelAlignTo){var d=t[h].label.x-u;t[h].linePoints[1][0]+=d,t[h].label.x=u}SS(t,1,l,l+a)&&function(t){for(var o={list:[],maxY:0},a={list:[],maxY:0},s=0;s<t.length;s++)if("none"===t[s].labelAlignTo){var l=t[s],u=l.label.y>n?a:o,c=Math.abs(l.label.y-n);if(c>=u.maxY){var h=l.label.x-e-l.len2*r,d=i+l.len,f=Math.abs(h)<d?Math.sqrt(c*c/(1-h*h/d/d)):d;u.rB=f,u.maxY=c}u.list.push(l)}p(o),p(a)}(t)}function p(t){for(var o=t.rB,a=o*o,s=0;s<t.list.length;s++){var l=t.list[s],u=Math.abs(l.label.y-n),c=i+l.len,h=c*c,d=Math.sqrt(Math.abs((1-u*u/a)*h)),p=e+(d+l.len2)*r,f=p-l.label.x;vT(l,l.targetTextWidth-f*r,!0),l.label.x=p}}}function vT(t,e,n){if(null==t.labelStyleWidth){var i=t.label,r=i.style,o=t.rect,a=r.backgroundColor,s=r.padding,l=s?s[1]+s[3]:0,u=r.overflow,c=o.width+(a?0:l);if(e<c||n){if(u&&u.match("break")){i.setStyle("backgroundColor",null),i.setStyle("width",e-l);var h=i.getBoundingRect();i.setStyle("width",Math.ceil(h.width)),i.setStyle("backgroundColor",a)}else{var d=e-l,p=e<c?d:n?d>t.unconstrainedWidth?null:d:null;i.setStyle("width",p)}mT(o,i)}}}function mT(t,e){_T.rect=t,mS(_T,e,xT)}var xT={minMarginForce:[null,0,null,0],marginDefault:[1,0,1,0]},_T={};function bT(t){return"center"===t.position}function wT(t){var e,n,i=t.getData(),r=[],o=!1,a=(t.get("minShowLabelAngle")||0)*gT,s=i.getLayout("viewRect"),l=i.getLayout("r"),u=s.width,c=s.x,h=s.y,d=s.height;function p(t){t.ignore=!0}i.each((function(t){var s=i.getItemGraphicEl(t),h=s.shape,f=s.getTextContent(),g=s.getTextGuideLine(),y=i.getItemModel(t),v=y.getModel("label"),m=v.get("position")||y.get(["emphasis","label","position"]),x=v.get("distanceToLabelLine"),_=v.get("alignTo"),b=yo(v.get("edgeDistance"),u),w=v.get("bleedMargin");null==w&&(w=Math.min(u,d)>200?10:2);var S=y.getModel("labelLine"),M=S.get("length");M=yo(M,u);var I=S.get("length2");if(I=yo(I,u),Math.abs(h.endAngle-h.startAngle)<a)return z(f.states,p),f.ignore=!0,void(g&&(z(g.states,p),g.ignore=!0));if(function(t){if(!t.ignore)return!0;for(var e in t.states)if(!1===t.states[e].ignore)return!0;return!1}(f)){var T,C,D,A,k=(h.startAngle+h.endAngle)/2,L=Math.cos(k),P=Math.sin(k);e=h.cx,n=h.cy;var O="inside"===m||"inner"===m;if("center"===m)T=h.cx,C=h.cy,A="center";else{var R=(O?(h.r+h.r0)/2*L:h.r*L)+e,N=(O?(h.r+h.r0)/2*P:h.r*P)+n;if(T=R+3*L,C=N+3*P,!O){var E=R+L*(M+l-h.r),B=N+P*(M+l-h.r),V=E+(L<0?-1:1)*I;T="edge"===_?L<0?c+b:c+u-b:V+(L<0?-x:x),C=B,D=[[R,N],[E,B],[V,B]]}A=O?"center":"edge"===_?L>0?"right":"left":L>0?"left":"right"}var G=Math.PI,F=0,W=v.get("rotate");if(j(W))F=W*(G/180);else if("center"===m)F=0;else if("radial"===W||!0===W){F=L<0?-k+G:-k}else if("tangential"===W&&"outside"!==m&&"outer"!==m){var H=Math.atan2(L,P);H<0&&(H=2*G+H),P>0&&(H=G+H),F=H-G}if(o=!!F,f.x=T,f.y=C,f.rotation=F,f.setStyle({verticalAlign:"middle"}),O){f.setStyle({align:A});var U=f.states.select;U&&(U.x+=f.x,U.y+=f.y)}else{var Y=new He(0,0,0,0);mT(Y,f),r.push({label:f,labelLine:g,position:m,len:M,len2:I,minTurnAngle:S.get("minTurnAngle"),maxSurfaceAngle:S.get("maxSurfaceAngle"),surfaceNormal:new Ae(L,P),linePoints:D,textAlign:A,labelDistance:x,labelAlignTo:_,edgeDistance:b,bleedMargin:w,rect:Y,unconstrainedWidth:Y.width,labelStyleWidth:f.style.width})}s.setTextConfig({inside:O})}})),!o&&t.get("avoidLabelOverlap")&&function(t,e,n,i,r,o,a,s){for(var l=[],u=[],c=Number.MAX_VALUE,h=-Number.MAX_VALUE,d=0;d<t.length;d++){var p=t[d].label;bT(t[d])||(p.x<e?(c=Math.min(c,p.x),l.push(t[d])):(h=Math.max(h,p.x),u.push(t[d])))}for(d=0;d<t.length;d++)if(!bT(y=t[d])&&y.linePoints){if(null!=y.labelStyleWidth)continue;p=y.label;var f=y.linePoints,g=void 0;g="edge"===y.labelAlignTo?p.x<e?f[2][0]-y.labelDistance-a-y.edgeDistance:a+r-y.edgeDistance-f[2][0]-y.labelDistance:"labelLine"===y.labelAlignTo?p.x<e?c-a-y.bleedMargin:a+r-h-y.bleedMargin:p.x<e?p.x-a-y.bleedMargin:a+r-p.x-y.bleedMargin,y.targetTextWidth=g,vT(y,g,!1)}for(yT(u,e,n,i,1,0,o,0,s,h),yT(l,e,n,i,-1,0,o,0,s,c),d=0;d<t.length;d++){var y;if(!bT(y=t[d])&&y.linePoints){p=y.label,f=y.linePoints;var v="edge"===y.labelAlignTo,m=p.style.padding,x=m?m[1]+m[3]:0,_=p.style.backgroundColor?0:x,b=y.rect.width+_,w=f[1][0]-f[2][0];v?p.x<e?f[2][0]=a+y.edgeDistance+b+y.labelDistance:f[2][0]=a+r-y.edgeDistance-b-y.labelDistance:(p.x<e?f[2][0]=p.x+y.labelDistance:f[2][0]=p.x-y.labelDistance,f[1][0]=f[2][0]+w),f[1][1]=f[2][1]=p.y}}}(r,e,n,l,u,d,c,h);for(var f=0;f<r.length;f++){var g=r[f],y=g.label,v=g.labelLine,m=isNaN(y.x)||isNaN(y.y);if(y){y.setStyle({align:g.textAlign}),m&&(z(y.states,p),y.ignore=!0);var x=y.states.select;x&&(x.x+=y.x,x.y+=y.y)}if(v){var _=g.linePoints;m||!_?(z(v.states,p),v.ignore=!0):(lS(_,g.minTurnAngle),uS(_,g.surfaceNormal,g.maxSurfaceAngle),v.setShape({points:_}),y.__hostTarget.textGuideLineConfig={anchor:new Ae(_[0][0],_[0][1])})}}}var ST=function(t){function e(e,n,i){var r=t.call(this)||this;r.z2=2;var o=new Sl;return r.setTextContent(o),r.updateData(e,n,i,!0),r}return n(e,t),e.prototype.updateData=function(t,e,n,i){var r=this,o=t.hostModel,a=t.getItemModel(e),s=a.getModel("emphasis"),l=t.getItemLayout(e),u=A(YI(a.getModel("itemStyle"),l,!0),l);if(isNaN(u.startAngle))r.setShape(u);else{if(i){r.setShape(u);var c=o.getShallow("animationType");o.ecModel.ssr?(eh(r,{scaleX:0,scaleY:0},o,{dataIndex:e,isFrom:!0}),r.originX=u.cx,r.originY=u.cy):"scale"===c?(r.shape.r=l.r0,eh(r,{shape:{r:l.r}},o,e)):null!=n?(r.setShape({startAngle:n,endAngle:n}),eh(r,{shape:{startAngle:l.startAngle,endAngle:l.endAngle}},o,e)):(r.shape.endAngle=l.startAngle,th(r,{shape:{endAngle:l.endAngle}},o,e))}else ah(r),th(r,{shape:u},o,e);r.useStyle(t.getItemVisual(e,"style")),ku(r,a);var h=(l.startAngle+l.endAngle)/2,d=o.get("selectedOffset"),p=Math.cos(h)*d,f=Math.sin(h)*d,g=a.getShallow("cursor");g&&r.attr("cursor",g),this._updateLabel(o,t,e),r.ensureState("emphasis").shape=A({r:l.r+(s.get("scale")&&s.get("scaleSize")||0)},YI(s.getModel("itemStyle"),l)),A(r.ensureState("select"),{x:p,y:f,shape:YI(a.getModel(["select","itemStyle"]),l)}),A(r.ensureState("blur"),{shape:YI(a.getModel(["blur","itemStyle"]),l)});var y=r.getTextGuideLine(),v=r.getTextContent();y&&A(y.ensureState("select"),{x:p,y:f}),A(v.ensureState("select"),{x:p,y:f}),Tu(this,s.get("focus"),s.get("blurScope"),s.get("disabled"))}},e.prototype._updateLabel=function(t,e,n){var i=this,r=e.getItemModel(n),o=r.getModel("labelLine"),a=e.getItemVisual(n,"style"),s=a&&a.fill,l=a&&a.opacity;$h(i,Jh(r),{labelFetcher:e.hostModel,labelDataIndex:n,inheritColor:s,defaultOpacity:l,defaultText:t.getFormattedLabel(n,"normal")||e.getName(n)});var u=i.getTextContent();i.setTextConfig({position:null,rotation:null}),u.attr({z2:10});var c=r.get(["label","position"]);if("outside"!==c&&"outer"!==c)i.removeTextGuideLine();else{var h=this.getTextGuideLine();h||(h=new Tc,this.setTextGuideLine(h)),dS(this,pS(r),{stroke:s,opacity:ot(o.get(["lineStyle","opacity"]),l,1)})}},e}(xc),MT=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.ignoreLabelLineUpdate=!0,e}return n(e,t),e.prototype.render=function(t,e,n,i){var r,o=t.getData(),a=this._data,s=this.group;if(!a&&o.count()>0){for(var l=o.getItemLayout(0),u=1;isNaN(l&&l.startAngle)&&u<o.count();++u)l=o.getItemLayout(u);l&&(r=l.startAngle)}if(this._emptyCircleSector&&s.remove(this._emptyCircleSector),0===o.count()&&t.get("showEmptyCircle")){var c=pT(t),h=new xc({shape:T(c)});h.useStyle(t.getModel("emptyCircleStyle").getItemStyle()),this._emptyCircleSector=h,s.add(h)}o.diff(a).add((function(t){var e=new ST(o,t,r);o.setItemGraphicEl(t,e),s.add(e)})).update((function(t,e){var n=a.getItemGraphicEl(e);n.updateData(o,t,r),n.off("click"),s.add(n),o.setItemGraphicEl(t,n)})).remove((function(e){oh(a.getItemGraphicEl(e),t,e)})).execute(),wT(t),"expansion"!==t.get("animationTypeUpdate")&&(this._data=o)},e.prototype.dispose=function(){},e.prototype.containPoint=function(t,e){var n=e.getData().getItemLayout(0);if(n){var i=t[0]-n.cx,r=t[1]-n.cy,o=Math.sqrt(i*i+r*r);return o<=n.r&&o>=n.r0}},e.type="pie",e}(tv);function IT(t,e,n){e=U(e)&&{coordDimensions:e}||A({encodeDefine:t.getEncode()},e);var i=t.getSource(),r=V_(i,e).dimensions,o=new B_(r,t);return o.initData(i,n),o}var TT,CT=function(){function t(t,e){this._getDataWithEncodedVisual=t,this._getRawData=e}return t.prototype.getAllNames=function(){var t=this._getRawData();return t.mapArray(t.getName)},t.prototype.containName=function(t){return this._getRawData().indexOfName(t)>=0},t.prototype.indexOfName=function(t){return this._getDataWithEncodedVisual().indexOfName(t)},t.prototype.getItemVisual=function(t,e){return this._getDataWithEncodedVisual().getItemVisual(t,e)},t}(),DT=sa(),AT=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this)),this._defaultLabelLine(e)},e.prototype.mergeOption=function(){t.prototype.mergeOption.apply(this,arguments)},e.prototype.getInitialData=function(){return IT(this,{coordDimensions:["value"],encodeDefaulter:H(Mf,this)})},e.prototype.getDataParams=function(e){var n=this.getData(),i=DT(n),r=i.seats;if(!r){var o=[];n.each(n.mapDimension("value"),(function(t){o.push(t)})),r=i.seats=So(o,n.hostModel.get("percentPrecision"))}var a=t.prototype.getDataParams.call(this,e);return a.percent=r[e]||0,a.$vars.push("percent"),a},e.prototype._defaultLabelLine=function(t){Ko(t,"labelLine",["show"]);var e=t.labelLine,n=t.emphasis.labelLine;e.show=e.show&&t.label.show,n.show=n.show&&t.emphasis.label.show},e.type="series.pie",e.defaultOption={z:2,legendHoverLink:!0,colorBy:"data",center:["50%","50%"],radius:[0,"50%"],clockwise:!0,startAngle:90,endAngle:"auto",padAngle:0,minAngle:0,minShowLabelAngle:0,selectedOffset:10,percentPrecision:2,stillShowZeroSum:!0,coordinateSystemUsage:"box",left:0,top:0,right:0,bottom:0,width:null,height:null,label:{rotate:0,show:!0,overflow:"truncate",position:"outer",alignTo:"none",edgeDistance:"25%",distanceToLabelLine:5},labelLine:{show:!0,length:15,length2:30,smooth:!1,minTurnAngle:90,maxSurfaceAngle:90,lineStyle:{width:1,type:"solid"}},itemStyle:{borderWidth:1,borderJoin:"round"},showEmptyCircle:!0,emptyCircleStyle:{color:"lightgray",opacity:1},labelLayout:{hideOverlap:!0},emphasis:{scale:!0,scaleSize:5},avoidLabelOverlap:!0,animationType:"expansion",animationDuration:1e3,animationTypeUpdate:"transition",animationEasingUpdate:"cubicInOut",animationDurationUpdate:500,animationEasing:"cubicInOut"},e}(Wy);TT={fullType:AT.type,getCoord2:function(t){return t.getShallow("center")}},Ap.set(TT.fullType,{getCoord2:void 0}).getCoord2=TT.getCoord2;var kT=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{useEncodeDefaulter:!0})},e.prototype.getProgressive=function(){var t=this.option.progressive;return null==t?this.option.large?5e3:this.get("progressive"):t},e.prototype.getProgressiveThreshold=function(){var t=this.option.progressiveThreshold;return null==t?this.option.large?1e4:this.get("progressiveThreshold"):t},e.prototype.brushSelector=function(t,e,n){return n.point(e.getItemLayout(t))},e.prototype.getZLevelKey=function(){return this.getData().count()>this.getProgressiveThreshold()?this.id:""},e.type="series.scatter",e.dependencies=["grid","polar","geo","singleAxis","calendar","matrix"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,legendHoverLink:!0,symbolSize:10,large:!1,largeThreshold:2e3,itemStyle:{opacity:.8},emphasis:{scale:!0},clip:!0,select:{itemStyle:{borderColor:tf.color.primary}},universalTransition:{divideShape:"clone"}},e}(Wy),LT=function(){},PT=function(t){function e(e){var n=t.call(this,e)||this;return n._off=0,n.hoverDataIdx=-1,n}return n(e,t),e.prototype.getDefaultShape=function(){return new LT},e.prototype.reset=function(){this.notClear=!1,this._off=0},e.prototype.buildPath=function(t,e){var n,i=e.points,r=e.size,o=this.symbolProxy,a=o.shape,s=t.getContext?t.getContext():t,l=s&&r[0]<4,u=this.softClipShape;if(l)this._ctx=s;else{for(this._ctx=null,n=this._off;n<i.length;){var c=i[n++],h=i[n++];isNaN(c)||isNaN(h)||(u&&!u.contain(c,h)||(a.x=c-r[0]/2,a.y=h-r[1]/2,a.width=r[0],a.height=r[1],o.buildPath(t,a,!0)))}this.incremental&&(this._off=n,this.notClear=!0)}},e.prototype.afterBrush=function(){var t,e=this.shape,n=e.points,i=e.size,r=this._ctx,o=this.softClipShape;if(r){for(t=this._off;t<n.length;){var a=n[t++],s=n[t++];isNaN(a)||isNaN(s)||(o&&!o.contain(a,s)||r.fillRect(a-i[0]/2,s-i[1]/2,i[0],i[1]))}this.incremental&&(this._off=t,this.notClear=!0)}},e.prototype.findDataIndex=function(t,e){for(var n=this.shape,i=n.points,r=n.size,o=Math.max(r[0],4),a=Math.max(r[1],4),s=i.length/2-1;s>=0;s--){var l=2*s,u=i[l]-o/2,c=i[l+1]-a/2;if(t>=u&&e>=c&&t<=u+o&&e<=c+a)return s}return-1},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e),i=this.getBoundingRect();return t=n[0],e=n[1],i.contain(t,e)?(this.hoverDataIdx=this.findDataIndex(t,e))>=0:(this.hoverDataIdx=-1,!1)},e.prototype.getBoundingRect=function(){var t=this._rect;if(!t){for(var e=this.shape,n=e.points,i=e.size,r=i[0],o=i[1],a=1/0,s=1/0,l=-1/0,u=-1/0,c=0;c<n.length;){var h=n[c++],d=n[c++];a=Math.min(h,a),l=Math.max(h,l),s=Math.min(d,s),u=Math.max(d,u)}t=this._rect=new He(a-r/2,s-o/2,l-a+r,u-s+o)}return t},e}(sl),OT=function(){function t(){this.group=new to}return t.prototype.updateData=function(t,e){this._clear();var n=this._create();n.setShape({points:t.getLayout("points")}),this._setCommon(n,t,e)},t.prototype.updateLayout=function(t){var e=t.getLayout("points");this.group.eachChild((function(t){if(null!=t.startIndex){var n=2*(t.endIndex-t.startIndex),i=4*t.startIndex*2;e=new Float32Array(e.buffer,i,n)}t.setShape("points",e),t.reset()}))},t.prototype.incrementalPrepareUpdate=function(t){this._clear()},t.prototype.incrementalUpdate=function(t,e,n){var i=this._newAdded[0],r=e.getLayout("points"),o=i&&i.shape.points;if(o&&o.length<2e4){var a=o.length,s=new Float32Array(a+r.length);s.set(o),s.set(r,a),i.endIndex=t.end,i.setShape({points:s})}else{this._newAdded=[];var l=this._create();l.startIndex=t.start,l.endIndex=t.end,l.incremental=!0,l.setShape({points:r}),this._setCommon(l,e,n)}},t.prototype.eachRendered=function(t){this._newAdded[0]&&t(this._newAdded[0])},t.prototype._create=function(){var t=new PT({cursor:"default"});return t.ignoreCoarsePointer=!0,this.group.add(t),this._newAdded.push(t),t},t.prototype._setCommon=function(t,e,n){var i=e.hostModel;n=n||{};var r=e.getVisual("symbolSize");t.setShape("size",r instanceof Array?r:[r,r]),t.softClipShape=n.clipShape||null,t.symbolProxy=hm(e.getVisual("symbol"),0,0,0,0),t.setColor=t.symbolProxy.setColor;var o=t.shape.size[0]<4;t.useStyle(i.getModel("itemStyle").getItemStyle(o?["color","shadowBlur","shadowColor"]:["color"]));var a=e.getVisual("style"),s=a&&a.fill;s&&t.setColor(s);var l=zl(t);l.seriesIndex=i.seriesIndex,t.on("mousemove",(function(e){l.dataIndex=null;var n=t.hoverDataIdx;n>=0&&(l.dataIndex=n+(t.startIndex||0))}))},t.prototype.remove=function(){this._clear()},t.prototype._clear=function(){this._newAdded=[],this.group.removeAll()},t}(),RT=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData();this._updateSymbolDraw(i,t).updateData(i,{clipShape:this._getClipShape(t)}),this._finished=!0},e.prototype.incrementalPrepareRender=function(t,e,n){var i=t.getData();this._updateSymbolDraw(i,t).incrementalPrepareUpdate(i),this._finished=!1},e.prototype.incrementalRender=function(t,e,n){this._symbolDraw.incrementalUpdate(t,e.getData(),{clipShape:this._getClipShape(e)}),this._finished=t.end===e.getData().count()},e.prototype.updateTransform=function(t,e,n){var i=t.getData();if(this.group.dirty(),!this._finished||i.count()>1e4)return{update:!0};var r=NI("").reset(t,e,n);r.progress&&r.progress({start:0,end:i.count(),count:i.count()},i),this._symbolDraw.updateLayout(i)},e.prototype.eachRendered=function(t){this._symbolDraw&&this._symbolDraw.eachRendered(t)},e.prototype._getClipShape=function(t){if(t.get("clip",!0)){var e=t.coordinateSystem;return e&&e.getArea&&e.getArea(.1)}},e.prototype._updateSymbolDraw=function(t,e){var n=this._symbolDraw,i=e.pipelineContext.large;return n&&i===this._isLargeDraw||(n&&n.remove(),n=this._symbolDraw=i?new OT:new uI,this._isLargeDraw=i,this.group.removeAll()),this.group.add(n.group),n},e.prototype.remove=function(t,e){this._symbolDraw&&this._symbolDraw.remove(!0),this._symbolDraw=null},e.prototype.dispose=function(){},e.type="scatter",e}(tv),NT={left:0,right:0,top:0,bottom:0},zT=["25%","25%"],ET=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.mergeDefaultAndTheme=function(e,n){var i=Kp(e.outerBounds);t.prototype.mergeDefaultAndTheme.apply(this,arguments),i&&e.outerBounds&&qp(e.outerBounds,i)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.apply(this,arguments),this.option.outerBounds&&e.outerBounds&&qp(this.option.outerBounds,e.outerBounds)},e.type="grid",e.dependencies=["xAxis","yAxis"],e.layoutMode="box",e.defaultOption={show:!1,z:0,left:"15%",top:65,right:"10%",bottom:80,containLabel:!1,outerBoundsMode:"auto",outerBounds:NT,outerBoundsContain:"all",outerBoundsClampWidth:zT[0],outerBoundsClampHeight:zT[1],backgroundColor:tf.color.transparent,borderWidth:1,borderColor:tf.color.neutral30},e}(Qp),BT=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getCoordSysModel=function(){return this.getReferringComponents("grid",ha).models[0]},e.type="cartesian2dAxis",e}(Qp);R(BT,nw);var VT={show:!0,z:0,inverse:!1,name:"",nameLocation:"end",nameRotate:null,nameTruncate:{maxWidth:null,ellipsis:"...",placeholder:"."},nameTextStyle:{},nameGap:15,silent:!1,triggerEvent:!1,tooltip:{show:!1},axisPointer:{},axisLine:{show:!0,onZero:!0,onZeroAxisIndex:null,lineStyle:{color:tf.color.axisLine,width:1,type:"solid"},symbol:["none","none"],symbolSize:[10,15],breakLine:!0},axisTick:{show:!0,inside:!1,length:5,lineStyle:{width:1}},axisLabel:{show:!0,inside:!1,rotate:0,showMinLabel:null,showMaxLabel:null,margin:8,fontSize:12,color:tf.color.axisLabel,textMargin:[0,3]},splitLine:{show:!0,showMinLine:!0,showMaxLine:!0,lineStyle:{color:tf.color.axisSplitLine,width:1,type:"solid"}},splitArea:{show:!1,areaStyle:{color:[tf.color.backgroundTint,tf.color.backgroundTransparent]}},breakArea:{show:!0,itemStyle:{color:tf.color.neutral00,borderColor:tf.color.border,borderWidth:1,borderType:[3,3],opacity:.6},zigzagAmplitude:4,zigzagMinSpan:4,zigzagMaxSpan:20,zigzagZ:100,expandOnClick:!0},breakLabelLayout:{moveOverlap:"auto"}},GT=C({boundaryGap:!0,deduplication:null,jitter:0,jitterOverlap:!0,jitterMargin:2,splitLine:{show:!1},axisTick:{alignWithLabel:!1,interval:"auto",show:"auto"},axisLabel:{interval:"auto"}},VT),FT=C({boundaryGap:[0,0],axisLine:{show:"auto"},axisTick:{show:"auto"},splitNumber:5,minorTick:{show:!1,splitNumber:5,length:3,lineStyle:{}},minorSplitLine:{show:!1,lineStyle:{color:tf.color.axisMinorSplitLine,width:1}}},VT),WT={category:GT,value:FT,time:C({splitNumber:6,axisLabel:{showMinLabel:!1,showMaxLabel:!1,rich:{primary:{fontWeight:"bold"}}},splitLine:{show:!1}},FT),log:k({logBase:10},FT)},HT={value:1,category:1,time:1,log:1},UT=null;function YT(){return UT}function XT(t,e,i,r){z(HT,(function(o,a){var s=C(C({},WT[a],!0),r,!0),l=function(t){function i(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e+"Axis."+a,n}return n(i,t),i.prototype.mergeDefaultAndTheme=function(t,e){var n=jp(this),i=n?Kp(t):{};C(t,e.getTheme().get(a+"Axis")),C(t,this.getDefaultOption()),t.type=ZT(t),n&&qp(t,i,n)},i.prototype.optionUpdated=function(){"category"===this.option.type&&(this.__ordinalMeta=ab.createByAxisModel(this))},i.prototype.getCategories=function(t){var e=this.option;if("category"===e.type)return t?e.data:this.__ordinalMeta.categories},i.prototype.getOrdinalMeta=function(){return this.__ordinalMeta},i.prototype.updateAxisBreaks=function(t){var e=YT();return e?e.updateModelAxisBreak(this,t):{breaks:[]}},i.type=e+"Axis."+a,i.defaultOption=s,i}(i);t.registerComponentModel(l)})),t.registerSubTypeDefaulter(e+"Axis",ZT)}function ZT(t){return t.type||(t.data?"category":"value")}var jT=function(){function t(t){this.type="cartesian",this._dimList=[],this._axes={},this.name=t||""}return t.prototype.getAxis=function(t){return this._axes[t]},t.prototype.getAxes=function(){return E(this._dimList,(function(t){return this._axes[t]}),this)},t.prototype.getAxesByScale=function(t){return t=t.toLowerCase(),V(this.getAxes(),(function(e){return e.scale.type===t}))},t.prototype.addAxis=function(t){var e=t.dim;this._axes[e]=t,this._dimList.push(e)},t}(),qT=["x","y"];function KT(t){return("interval"===t.type||"time"===t.type)&&!t.hasBreaks()}var $T=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="cartesian2d",e.dimensions=qT,e}return n(e,t),e.prototype.calcAffineTransform=function(){this._transform=this._invTransform=null;var t=this.getAxis("x").scale,e=this.getAxis("y").scale;if(KT(t)&&KT(e)){var n=t.getExtent(),i=e.getExtent(),r=this.dataToPoint([n[0],i[0]]),o=this.dataToPoint([n[1],i[1]]),a=n[1]-n[0],s=i[1]-i[0];if(a&&s){var l=(o[0]-r[0])/a,u=(o[1]-r[1])/s,c=r[0]-n[0]*l,h=r[1]-i[0]*u,d=this._transform=[l,0,0,u,c,h];this._invTransform=Te([],d)}}},e.prototype.getBaseAxis=function(){return this.getAxesByScale("ordinal")[0]||this.getAxesByScale("time")[0]||this.getAxis("x")},e.prototype.containPoint=function(t){var e=this.getAxis("x"),n=this.getAxis("y");return e.contain(e.toLocalCoord(t[0]))&&n.contain(n.toLocalCoord(t[1]))},e.prototype.containData=function(t){return this.getAxis("x").containData(t[0])&&this.getAxis("y").containData(t[1])},e.prototype.containZone=function(t,e){var n=this.dataToPoint(t),i=this.dataToPoint(e),r=this.getArea(),o=new He(n[0],n[1],i[0]-n[0],i[1]-n[1]);return r.intersect(o)},e.prototype.dataToPoint=function(t,e,n){n=n||[];var i=t[0],r=t[1];if(this._transform&&null!=i&&isFinite(i)&&null!=r&&isFinite(r))return Ht(n,t,this._transform);var o=this.getAxis("x"),a=this.getAxis("y");return n[0]=o.toGlobalCoord(o.dataToCoord(i,e)),n[1]=a.toGlobalCoord(a.dataToCoord(r,e)),n},e.prototype.clampData=function(t,e){var n=this.getAxis("x").scale,i=this.getAxis("y").scale,r=n.getExtent(),o=i.getExtent(),a=n.parse(t[0]),s=i.parse(t[1]);return(e=e||[])[0]=Math.min(Math.max(Math.min(r[0],r[1]),a),Math.max(r[0],r[1])),e[1]=Math.min(Math.max(Math.min(o[0],o[1]),s),Math.max(o[0],o[1])),e},e.prototype.pointToData=function(t,e,n){if(n=n||[],this._invTransform)return Ht(n,t,this._invTransform);var i=this.getAxis("x"),r=this.getAxis("y");return n[0]=i.coordToData(i.toLocalCoord(t[0]),e),n[1]=r.coordToData(r.toLocalCoord(t[1]),e),n},e.prototype.getOtherAxis=function(t){return this.getAxis("x"===t.dim?"y":"x")},e.prototype.getArea=function(t){t=t||0;var e=this.getAxis("x").getGlobalExtent(),n=this.getAxis("y").getGlobalExtent(),i=Math.min(e[0],e[1])-t,r=Math.min(n[0],n[1])-t,o=Math.max(e[0],e[1])-i+t,a=Math.max(n[0],n[1])-r+t;return new He(i,r,o,a)},e}(jT),JT=function(t){function e(e,n,i,r,o){var a=t.call(this,e,n,i)||this;return a.index=0,a.type=r||"value",a.position=o||"bottom",a}return n(e,t),e.prototype.isHorizontal=function(){var t=this.position;return"top"===t||"bottom"===t},e.prototype.getGlobalExtent=function(t){var e=this.getExtent();return e[0]=this.toGlobalCoord(e[0]),e[1]=this.toGlobalCoord(e[1]),t&&e[0]>e[1]&&e.reverse(),e},e.prototype.pointToData=function(t,e){return this.coordToData(this.toLocalCoord(t["x"===this.dim?0:1]),e)},e.prototype.setCategorySortInfo=function(t){if("category"!==this.type)return!1;this.model.option.categorySortInfo=t,this.scale.setSortInfo(t)},e}(Ww),QT="expandAxisBreak",tC="collapseAxisBreak",eC="toggleAxisBreak",nC="axisbreakchanged",iC={type:QT,event:nC,update:"update",refineEvent:aC},rC={type:tC,event:nC,update:"update",refineEvent:aC},oC={type:eC,event:nC,update:"update",refineEvent:aC};function aC(t,e,n,i){var r=[];return z(t,(function(t){r=r.concat(t.eventBreaks)})),{eventContent:{breaks:r}}}var sC=Math.PI,lC=[[1,2,1,2],[5,3,5,3],[8,3,8,3]],uC=[[0,1,0,1],[0,3,0,3],[0,3,0,3]],cC=sa(),hC=sa(),dC=function(){function t(t){this.recordMap={},this.resolveAxisNameOverlap=t}return t.prototype.ensureRecord=function(t){var e=t.axis.dim,n=t.componentIndex,i=this.recordMap,r=i[e]||(i[e]=[]);return r[n]||(r[n]={ready:{}})},t}();var pC=[1,0,0,1,0,0],fC=new He(0,0,0,0),gC=function(t,e,n,i,r,o){if(Qb(t.nameLocation)){var a=o.stOccupiedRect;a&&yC(function(t,e,n){return t.transform=Wh(t.transform,n),t.localRect=Fh(t.localRect,e),t.rect=Fh(t.rect,e),n&&t.rect.applyTransform(n),t.axisAligned=Vh(n),t.obb=void 0,(t.label=t.label||{}).ignore=!1,t}({},a,o.transGroup.transform),i,r)}else vC(o.labelInfoList,o.dirVec,i,r)};function yC(t,e,n){var i=new Ae;IS(t,e,i,{direction:Math.atan2(n.y,n.x),bidirectional:!1,touchThreshold:.05})&&_S(e,i)}function vC(t,e,n,i){for(var r=Ae.dot(i,e)>=0,o=0,a=t.length;o<a;o++){var s=t[r?o:a-1-o];s.label.ignore||yC(s,n,i)}}var mC=function(){function t(t,e,n,i){this.group=new to,this._axisModel=t,this._api=e,this._local={},this._shared=i||new dC(gC),this._resetCfgDetermined(n)}return t.prototype.updateCfg=function(t){var e=this._cfg.raw;e.position=t.position,e.labelOffset=t.labelOffset,this._resetCfgDetermined(e)},t.prototype.__getRawCfg=function(){return this._cfg.raw},t.prototype._resetCfgDetermined=function(t){var e=this._axisModel,n=e.getDefaultOption?e.getDefaultOption():{},i=rt(t.axisName,e.get("name")),r=e.get("nameMoveOverlap");null!=r&&"auto"!==r||(r=rt(t.defaultNameMoveOverlap,!0));var o={raw:t,position:t.position,rotation:t.rotation,nameDirection:rt(t.nameDirection,1),tickDirection:rt(t.tickDirection,1),labelDirection:rt(t.labelDirection,1),labelOffset:rt(t.labelOffset,0),silent:rt(t.silent,!0),axisName:i,nameLocation:ot(e.get("nameLocation"),n.nameLocation,"end"),shouldNameMoveOverlap:AC(i)&&r,optionHideOverlap:e.get(["axisLabel","hideOverlap"]),showMinorTicks:e.get(["minorTick","show"])};this._cfg=o;var a=new to({x:o.position[0],y:o.position[1],rotation:o.rotation});a.updateTransform(),this._transformGroup=a;var s=this._shared.ensureRecord(e);s.transGroup=this._transformGroup,s.dirVec=new Ae(Math.cos(-o.rotation),Math.sin(-o.rotation))},t.prototype.build=function(t,e){var n=this;return t||(t={axisLine:!0,axisTickLabelEstimate:!1,axisTickLabelDetermine:!0,axisName:!0}),z(xC,(function(i){t[i]&&_C[i](n._cfg,n._local,n._shared,n._axisModel,n.group,n._transformGroup,n._api,e||{})})),this},t.innerTextLayout=function(t,e,n){var i,r,o=To(e-t);return Co(o)?(r=n>0?"top":"bottom",i="center"):Co(o-sC)?(r=n>0?"bottom":"top",i="center"):(r="middle",i=o>0&&o<sC?n>0?"right":"left":n>0?"left":"right"),{rotation:o,textAlign:i,textVerticalAlign:r}},t.makeAxisEventDataBase=function(t){var e={componentType:t.mainType,componentIndex:t.componentIndex};return e[t.mainType+"Index"]=t.componentIndex,e},t.isLabelSilent=function(t){var e=t.get("tooltip");return t.get("silent")||!(t.get("triggerEvent")||e&&e.show)},t}(),xC=["axisLine","axisTickLabelEstimate","axisTickLabelDetermine","axisName"],_C={axisLine:function(t,e,n,i,r,o,a){var s=i.get(["axisLine","show"]);if("auto"===s&&(s=!0,null!=t.raw.axisLineAutoShow&&(s=!!t.raw.axisLineAutoShow)),s){var l=i.axis.getExtent(),u=o.transform,c=[l[0],0],h=[l[1],0],d=c[0]>h[0];u&&(Ht(c,c,u),Ht(h,h,u));var p=A({lineCap:"round"},i.getModel(["axisLine","lineStyle"]).getLineStyle()),f={strokeContainThreshold:t.raw.strokeContainThreshold||5,silent:!0,z2:1,style:p};if(i.get(["axisLine","breakLine"])&&i.axis.scale.hasBreaks())YT().buildAxisBreakLine(i,r,o,f);else{var g=new Ac(A({shape:{x1:c[0],y1:c[1],x2:h[0],y2:h[1]}},f));_h(g.shape,g.style.lineWidth),g.anid="line",r.add(g)}var y=i.get(["axisLine","symbol"]);if(null!=y){var v=i.get(["axisLine","symbolSize"]);X(y)&&(y=[y,y]),(X(v)||j(v))&&(v=[v,v]);var m=pm(i.get(["axisLine","symbolOffset"])||0,v),x=v[0],_=v[1];z([{rotate:t.rotation+Math.PI/2,offset:m[0],r:0},{rotate:t.rotation-Math.PI/2,offset:m[1],r:Math.sqrt((c[0]-h[0])*(c[0]-h[0])+(c[1]-h[1])*(c[1]-h[1]))}],(function(e,n){if("none"!==y[n]&&null!=y[n]){var i=hm(y[n],-x/2,-_/2,x,_,p.stroke,!0),o=e.r+e.offset,a=d?h:c;i.attr({rotation:e.rotate,x:a[0]+o*Math.cos(t.rotation),y:a[1]-o*Math.sin(t.rotation),silent:!0,z2:11}),r.add(i)}}))}}},axisTickLabelEstimate:function(t,e,n,i,r,o,a,s){MC(e,r,s)&&bC(t,e,n,i,r,o,a,Iw)},axisTickLabelDetermine:function(t,e,n,i,r,o,a,s){MC(e,r,s)&&bC(t,e,n,i,r,o,a,Tw);var l=function(t,e,n,i){var r=i.axis,o=i.getModel("axisTick"),a=o.get("show");"auto"===a&&(a=!0,null!=t.raw.axisTickAutoShow&&(a=!!t.raw.axisTickAutoShow));if(!a||r.scale.isBlank())return[];for(var s=o.getModel("lineStyle"),l=t.tickDirection*o.get("length"),u=SC(r.getTicksCoords(),n.transform,l,k(s.getLineStyle(),{stroke:i.get(["axisLine","lineStyle","color"])}),"ticks"),c=0;c<u.length;c++)e.add(u[c]);return u}(t,r,o,i);!function(t,e,n){if(t.showMinorTicks)return;z(e,(function(t){if(t&&t.label.ignore)for(var e=0;e<n.length;e++){var i=n[e],r=hC(i),o=cC(t.label);if(null!=r.tickValue&&!r.onBand&&r.tickValue===o.tickValue)return void wC(i)}}))}(t,e.labelLayoutList,l),function(t,e,n,i,r){var o=i.axis,a=i.getModel("minorTick");if(!t.showMinorTicks||o.scale.isBlank())return;var s=o.getMinorTicksCoords();if(!s.length)return;for(var l=a.getModel("lineStyle"),u=r*a.get("length"),c=k(l.getLineStyle(),k(i.getModel("axisTick").getLineStyle(),{stroke:i.get(["axisLine","lineStyle","color"])})),h=0;h<s.length;h++)for(var d=SC(s[h],n.transform,u,c,"minorticks_"+h),p=0;p<d.length;p++)e.add(d[p])}(t,r,o,i,t.tickDirection)},axisName:function(t,e,n,i,r,o,a,s){var l=n.ensureRecord(i);e.nameEl&&(r.remove(e.nameEl),e.nameEl=l.nameLayout=l.nameLocation=null);var u=t.axisName;if(AC(u)){var c=t.nameLocation,h=t.nameDirection,d=i.getModel("nameTextStyle"),p=i.get("nameGap")||0,f=i.axis.getExtent(),g=i.axis.inverse?-1:1,y=new Ae(0,0),v=new Ae(0,0);"start"===c?(y.x=f[0]-g*p,v.x=-g):"end"===c?(y.x=f[1]+g*p,v.x=g):(y.x=(f[0]+f[1])/2,y.y=t.labelOffset+h*p,v.y=h);var m=[1,0,0,1,0,0];v.transform(Me(m,m,t.rotation));var x,_,b=i.get("nameRotate");null!=b&&(b=b*sC/180),Qb(c)?x=mC.innerTextLayout(t.rotation,null!=b?b:t.rotation,h):(x=function(t,e,n,i){var r,o,a=To(n-t),s=i[0]>i[1],l="start"===e&&!s||"start"!==e&&s;Co(a-sC/2)?(o=l?"bottom":"top",r="center"):Co(a-1.5*sC)?(o=l?"top":"bottom",r="center"):(o="middle",r=a<1.5*sC&&a>sC/2?l?"left":"right":l?"right":"left");return{rotation:a,textAlign:r,textVerticalAlign:o}}(t.rotation,c,b||0,f),null!=(_=t.raw.axisNameAvailableWidth)&&(_=Math.abs(_/Math.sin(x.rotation)),!isFinite(_)&&(_=null)));var w=d.getFont(),S=i.get("nameTruncate",!0)||{},M=S.ellipsis,I=it(t.raw.nameTruncateMaxWidth,S.maxWidth,_),T=s.nameMarginLevel||0,C=new Sl({x:y.x,y:y.y,rotation:x.rotation,silent:mC.isLabelSilent(i),style:Qh(d,{text:u,font:w,overflow:"truncate",width:I,ellipsis:M,fill:d.getTextColor()||i.get(["axisLine","lineStyle","color"]),align:d.get("align")||x.textAlign,verticalAlign:d.get("verticalAlign")||x.textVerticalAlign}),z2:1});if(zh({el:C,componentModel:i,itemName:u}),C.__fullText=u,C.anid="name",i.get("triggerEvent")){var D=mC.makeAxisEventDataBase(i);D.targetType="axisName",D.name=u,zl(C).eventData=D}o.add(C),C.updateTransform(),e.nameEl=C;var A=l.nameLayout=vS({label:C,priority:C.z2,defaultAttr:{ignore:C.ignore},marginDefault:Qb(c)?lC[T]:uC[T]});if(l.nameLocation=c,r.add(C),C.decomposeTransform(),t.shouldNameMoveOverlap&&A){var k=n.ensureRecord(i);0,n.resolveAxisNameOverlap(t,n,i,A,v,k)}}}};function bC(t,e,n,i,r,o,a,s){IC(e)||function(t,e,n,i,r,o){var a=r.axis,s=it(t.raw.axisLabelShow,r.get(["axisLabel","show"])),l=new to;n.add(l);var u=Cw(i);if(!s||a.scale.isBlank())return void TC(e,[],l,u);var c=r.getModel("axisLabel"),h=a.getViewLabels(u),d=(it(t.raw.labelRotate,c.get("rotate"))||0)*sC/180,p=mC.innerTextLayout(t.rotation,d,t.labelDirection),f=r.getCategories&&r.getCategories(!0),g=[],y=r.get("triggerEvent"),v=1/0,m=-1/0;z(h,(function(t,e){var n,i="ordinal"===a.scale.type?a.scale.getRawOrdinalNumber(t.tickValue):t.tickValue,s=t.formattedLabel,u=t.rawLabel,d=c;if(f&&f[i]){var x=f[i];q(x)&&x.textStyle&&(d=new wd(x.textStyle,c,r.ecModel))}var _=d.getTextColor()||r.get(["axisLine","lineStyle","color"]),b=d.getShallow("align",!0)||p.textAlign,w=rt(d.getShallow("alignMinLabel",!0),b),S=rt(d.getShallow("alignMaxLabel",!0),b),M=d.getShallow("verticalAlign",!0)||d.getShallow("baseline",!0)||p.textVerticalAlign,I=rt(d.getShallow("verticalAlignMinLabel",!0),M),T=rt(d.getShallow("verticalAlignMaxLabel",!0),M),C=10+((null===(n=t.time)||void 0===n?void 0:n.level)||0);v=Math.min(v,C),m=Math.max(m,C);var D=new Sl({x:0,y:0,rotation:0,silent:mC.isLabelSilent(r),z2:C,style:Qh(d,{text:s,align:0===e?w:e===h.length-1?S:b,verticalAlign:0===e?I:e===h.length-1?T:M,fill:Y(_)?_("category"===a.type?u:"value"===a.type?i+"":i,e):_})});D.anid="label_"+i;var A=cC(D);if(A.break=t.break,A.tickValue=i,A.layoutRotation=p.rotation,zh({el:D,componentModel:r,itemName:s,formatterParamsExtra:{isTruncated:function(){return D.isTruncated},value:u,tickIndex:e}}),y){var k=mC.makeAxisEventDataBase(r);k.targetType="axisLabel",k.value=u,k.tickIndex=e,t.break&&(k.break={start:t.break.parsedBreak.vmin,end:t.break.parsedBreak.vmax}),"category"===a.type&&(k.dataIndex=i),zl(D).eventData=k,t.break&&function(t,e,n,i){n.on("click",(function(n){var r={type:QT,breaks:[{start:i.parsedBreak.breakOption.start,end:i.parsedBreak.breakOption.end}]};r[t.axis.dim+"AxisIndex"]=t.componentIndex,e.dispatchAction(r)}))}(r,o,D,t.break)}g.push(D),l.add(D)}));var x=E(g,(function(t){return{label:t,priority:cC(t).break?t.z2+(m-v+1):t.z2,defaultAttr:{ignore:t.ignore}}}));TC(e,x,l,u)}(t,e,r,s,i,a);var l=e.labelLayoutList;!function(t,e,n,i){var r=e.get(["axisLabel","margin"]);z(n,(function(n,o){var a=vS(n);if(a){var s=a.label,l=cC(s);a.suggestIgnore=s.ignore,s.ignore=!1,kr(CC,DC),CC.x=e.axis.dataToCoord(l.tickValue),CC.y=t.labelOffset+t.labelDirection*r,CC.rotation=l.layoutRotation,i.add(CC),CC.updateTransform(),i.remove(CC),CC.decomposeTransform(),kr(s,CC),s.markRedraw(),gS(a,!0),vS(a)}}))}(t,i,l,o),function(t,e,n){var i=Nd();if(!i)return;var r=i.retrieveAxisBreakPairs(n,(function(t){return t&&cC(t.label).break}),!0),o=t.get(["breakLabelLayout","moveOverlap"],!0);!0!==o&&"auto"!==o||z(r,(function(i){YT().adjustBreakLabelPair(t.axis.inverse,e,[vS(n[i[0]]),vS(n[i[1]])])}))}(i,t.rotation,l);var u=t.optionHideOverlap;!function(t,e,n){if($b(t.axis))return;function i(t,i,r){var o=vS(e[i]),a=vS(e[r]);if(o&&a)if(!1===t||o.suggestIgnore)wC(o.label);else if(a.suggestIgnore)wC(a.label);else{var s=.1;if(!n){var l=[0,0,0,0];o=bS({marginForce:l},o),a=bS({marginForce:l},a)}IS(o,a,null,{touchThreshold:s})&&wC(t?a.label:o.label)}}var r=t.get(["axisLabel","showMinLabel"]),o=t.get(["axisLabel","showMaxLabel"]),a=e.length;i(r,0,1),i(o,a-1,a-2)}(i,l,u),u&&MS(V(l,(function(t){return t&&!t.label.ignore}))),function(t,e,n,i){var r,o=n.axis,a=e.ensureRecord(n),s=[],l=AC(t.axisName)&&Qb(t.nameLocation);z(i,(function(t){var e=vS(t);if(e&&!e.label.ignore){s.push(e);var n=a.transGroup;l&&(n.transform?Te(pC,n.transform):_e(pC),e.transform&&we(pC,pC,e.transform),He.copy(fC,e.localRect),fC.applyTransform(pC),r?r.union(fC):He.copy(r=new He(0,0,0,0),fC))}}));var u=Math.abs(a.dirVec.x)>.1?"x":"y",c=a.transGroup[u];if(s.sort((function(t,e){return Math.abs(t.label[u]-c)-Math.abs(e.label[u]-c)})),l&&r){var h=o.getExtent(),d=Math.min(h[0],h[1]),p=Math.max(h[0],h[1])-d;r.union(new He(d,0,p,1))}a.stOccupiedRect=r,a.labelInfoList=s}(t,n,i,l)}function wC(t){t&&(t.ignore=!0)}function SC(t,e,n,i,r){for(var o=[],a=[],s=[],l=0;l<t.length;l++){var u=t[l].coord;a[0]=u,a[1]=0,s[0]=u,s[1]=n,e&&(Ht(a,a,e),Ht(s,s,e));var c=new Ac({shape:{x1:a[0],y1:a[1],x2:s[0],y2:s[1]},style:i,z2:2,autoBatch:!0,silent:!0});_h(c.shape,c.style.lineWidth),c.anid=r+"_"+t[l].tickValue,o.push(c);var h=hC(c);h.onBand=!!t[l].onBand,h.tickValue=t[l].tickValue}return o}function MC(t,e,n){if(IC(t)){var i=t.axisLabelsCreationContext;0;var r=i.out.noPxChangeTryDetermine;if(n.noPxChange){for(var o=!0,a=0;a<r.length;a++)o=o&&r[a]();if(o)return!1}r.length&&(e.remove(t.labelGroup),TC(t,null,null,null))}return!0}function IC(t){return!!t.labelLayoutList}function TC(t,e,n,i){t.labelLayoutList=e,t.labelGroup=n,t.axisLabelsCreationContext=i}var CC=new xl,DC=new xl;function AC(t){return!!t}function kC(t,e,n){n=n||{};var i=e.axis,r={},o=i.getAxesOnZeroOf()[0],a=i.position,s=o?"onZero":a,l=i.dim,u=[t.x,t.x+t.width,t.y,t.y+t.height],c={left:0,right:1,top:0,bottom:1,onZero:2},h=e.get("offset")||0,d="x"===l?[u[2]-h,u[3]+h]:[u[0]-h,u[1]+h];if(o){var p=o.toGlobalCoord(o.dataToCoord(0));d[c.onZero]=Math.max(Math.min(p,d[1]),d[0])}r.position=["y"===l?d[c[s]]:u[0],"x"===l?d[c[s]]:u[3]],r.rotation=Math.PI/2*("x"===l?0:1);r.labelDirection=r.tickDirection=r.nameDirection={top:-1,bottom:1,left:-1,right:1}[a],r.labelOffset=o?d[c[a]]-d[c.onZero]:0,e.get(["axisTick","inside"])&&(r.tickDirection=-r.tickDirection),it(n.labelInside,e.get(["axisLabel","inside"]))&&(r.labelDirection=-r.labelDirection);var f=e.get(["axisLabel","rotate"]);return r.labelRotate="top"===s?-f:f,r.z2=1,r}function LC(t){var e={xAxisModel:null,yAxisModel:null};return z(e,(function(n,i){var r=i.replace(/Model$/,""),o=t.getReferringComponents(r,ha).models[0];e[i]=o})),e}function PC(t,e,n){var i=cb.prototype,r=i.getTicks.call(n),o=i.getTicks.call(n,{expandToNicedExtent:!0}),a=r.length-1,s=i.getInterval.call(n),l=Yb(t,e),u=l.extent,c=l.fixMin,h=l.fixMax;"log"===t.type&&(u=ib(t.base,u,!0)),t.setBreaksFromOption(ew(e)),t.setExtent(u[0],u[1]),t.calcNiceExtent({splitNumber:a,fixMin:c,fixMax:h});var d=i.getExtent.call(t);c&&(u[0]=d[0]),h&&(u[1]=d[1]);var p=i.getInterval.call(t),f=u[0],g=u[1];if(c&&h)p=(g-f)/a;else if(c)for(g=u[0]+p*a;g<u[1]&&isFinite(g)&&isFinite(u[1]);)p=K_(p),g=u[0]+p*a;else if(h)for(f=u[1]-p*a;f>u[0]&&isFinite(f)&&isFinite(u[0]);)p=K_(p),f=u[1]-p*a;else{t.getTicks().length-1>a&&(p=K_(p));var y=p*a;(f=mo((g=Math.ceil(u[1]/p)*p)-y))<0&&u[0]>=0?(f=0,g=mo(y)):g>0&&u[1]<=0&&(g=0,f=-mo(y))}var v=(r[0].value-o[0].value)/s,m=(r[a].value-o[a].value)/s;i.setExtent.call(t,f+p*v,g+p*m),i.setInterval.call(t,p),(v||m)&&i.setNiceExtent.call(t,f+p,g-p)}var OC,RC=[[3,1],[0,2]],NC=function(){function t(t,e,n){this.type="grid",this._coordsMap={},this._coordsList=[],this._axesMap={},this._axesList=[],this.axisPointerEnabled=!0,this.dimensions=qT,this._initCartesian(t,e,n),this.model=t}return t.prototype.getRect=function(){return this._rect},t.prototype.update=function(t,e){var n=this._axesMap;function i(t){var e,n=F(t),i=n.length;if(i){for(var r=[],o=i-1;o>=0;o--){var a=t[+n[o]],s=a.model,l=a.scale;j_(l)&&s.get("alignTicks")&&null==s.get("interval")?r.push(a):(Xb(l,s),j_(l)&&(e=a))}r.length&&(e||Xb((e=r.pop()).scale,e.model),z(r,(function(t){PC(t.scale,t.model,e.scale)})))}}this._updateScale(t,this.model),i(n.x),i(n.y);var r={};z(n.x,(function(t){EC(n,"y",t,r)})),z(n.y,(function(t){EC(n,"x",t,r)})),this.resize(this.model,e)},t.prototype.resize=function(t,e,n){var i=Xp(t,e),r=this._rect=Hp(t.getBoxLayoutParams(),i.refContainer),o=this._axesMap,a=this._coordsList,s=t.get("containLabel");if(VC(o,r),!n){var l=function(t,e,n,i,r){var o=new dC(HC);return z(n,(function(n){return z(n,(function(n){if(tw(n.model)){var a=!i;n.axisBuilder=function(t,e,n,i,r,o){for(var a=kC(t,n),s=!1,l=!1,u=0;u<e.length;u++)j_(e[u].getOtherAxis(n.axis).scale)&&(s=l=!0,"category"===n.axis.type&&n.axis.onBand&&(l=!1));return a.axisLineAutoShow=s,a.axisTickAutoShow=l,a.defaultNameMoveOverlap=o,new mC(n,i,a,r)}(t,e,n.model,r,o,a)}}))})),o}(r,a,o,s,e),u=void 0;if(s)OC?(OC(this._axesList,r),VC(o,r)):u=FC(r.clone(),"axisLabel",null,r,o,l,i);else{var c=function(t,e,n){var i,r=t.get("outerBoundsMode",!0);"same"===r?i=e.clone():null!=r&&"auto"!==r||(i=Hp(t.get("outerBounds",!0)||NT,n.refContainer));var o,a=t.get("outerBoundsContain",!0);o=null==a||"auto"===a||P(["all","axisLabel"],a)<0?"all":a;var s=[vo(rt(t.get("outerBoundsClampWidth",!0),zT[0]),e.width),vo(rt(t.get("outerBoundsClampHeight",!0),zT[1]),e.height)];return{outerBoundsRect:i,parsedOuterBoundsContain:o,outerBoundsClamp:s}}(t,r,i),h=c.outerBoundsRect,d=c.parsedOuterBoundsContain,p=c.outerBoundsClamp;h&&(u=FC(h,d,p,r,o,l,i))}WC(r,o,Tw,null,u,i)}z(this._coordsList,(function(t){t.calcAffineTransform()}))},t.prototype.getAxis=function(t,e){var n=this._axesMap[t];if(null!=n)return n[e||0]},t.prototype.getAxes=function(){return this._axesList.slice()},t.prototype.getCartesian=function(t,e){if(null!=t&&null!=e){var n="x"+t+"y"+e;return this._coordsMap[n]}q(t)&&(e=t.yAxisIndex,t=t.xAxisIndex);for(var i=0,r=this._coordsList;i<r.length;i++)if(r[i].getAxis("x").index===t||r[i].getAxis("y").index===e)return r[i]},t.prototype.getCartesians=function(){return this._coordsList.slice()},t.prototype.convertToPixel=function(t,e,n){var i=this._findConvertTarget(e);return i.cartesian?i.cartesian.dataToPoint(n):i.axis?i.axis.toGlobalCoord(i.axis.dataToCoord(n)):null},t.prototype.convertFromPixel=function(t,e,n){var i=this._findConvertTarget(e);return i.cartesian?i.cartesian.pointToData(n):i.axis?i.axis.coordToData(i.axis.toLocalCoord(n)):null},t.prototype._findConvertTarget=function(t){var e,n,i=t.seriesModel,r=t.xAxisModel||i&&i.getReferringComponents("xAxis",ha).models[0],o=t.yAxisModel||i&&i.getReferringComponents("yAxis",ha).models[0],a=t.gridModel,s=this._coordsList;if(i)P(s,e=i.coordinateSystem)<0&&(e=null);else if(r&&o)e=this.getCartesian(r.componentIndex,o.componentIndex);else if(r)n=this.getAxis("x",r.componentIndex);else if(o)n=this.getAxis("y",o.componentIndex);else if(a){a.coordinateSystem===this&&(e=this._coordsList[0])}return{cartesian:e,axis:n}},t.prototype.containPoint=function(t){var e=this._coordsList[0];if(e)return e.containPoint(t)},t.prototype._initCartesian=function(t,e,n){var i=this,r=this,o={left:!1,right:!1,top:!1,bottom:!1},a={x:{},y:{}},s={x:0,y:0};if(e.eachComponent("xAxis",l("x"),this),e.eachComponent("yAxis",l("y"),this),!s.x||!s.y)return this._axesMap={},void(this._axesList=[]);function l(e){return function(n,i){if(zC(n,t)){var l=n.get("position");"x"===e?"top"!==l&&"bottom"!==l&&(l=o.bottom?"top":"bottom"):"left"!==l&&"right"!==l&&(l=o.left?"right":"left"),o[l]=!0;var u=new JT(e,Zb(n),[0,0],n.get("type"),l),c="category"===u.type;u.onBand=c&&n.get("boundaryGap"),u.inverse=n.get("inverse"),n.axis=u,u.model=n,u.grid=r,u.index=i,r._axesList.push(u),a[e][i]=u,s[e]++}}}this._axesMap=a,z(a.x,(function(e,n){z(a.y,(function(r,o){var a="x"+n+"y"+o,s=new $T(a);s.master=i,s.model=t,i._coordsMap[a]=s,i._coordsList.push(s),s.addAxis(e),s.addAxis(r)}))}))},t.prototype._updateScale=function(t,e){function n(t,e){z(Jb(t,e.dim),(function(n){e.scale.unionExtentFromData(t,n)}))}z(this._axesList,(function(t){if(t.scale.setExtent(1/0,-1/0),"category"===t.type){var e=t.model.get("categorySortInfo");t.scale.setSortInfo(e)}})),t.eachSeries((function(t){if(function(t){return t.coordinateSystem&&"cartesian2d"===t.coordinateSystem.type}(t)){var i=LC(t),r=i.xAxisModel,o=i.yAxisModel;if(!zC(r,e)||!zC(o,e))return;var a=this.getCartesian(r.componentIndex,o.componentIndex),s=t.getData(),l=a.getAxis("x"),u=a.getAxis("y");n(s,l),n(s,u)}}),this)},t.prototype.getTooltipAxes=function(t){var e=[],n=[];return z(this.getCartesians(),(function(i){var r=null!=t&&"auto"!==t?i.getAxis(t):i.getBaseAxis(),o=i.getOtherAxis(r);P(e,r)<0&&e.push(r),P(n,o)<0&&n.push(o)})),{baseAxes:e,otherAxes:n}},t.create=function(e,n){var i=[];return e.eachComponent("grid",(function(r,o){var a=new t(r,e,n);a.name="grid_"+o,a.resize(r,n,!0),r.coordinateSystem=a,i.push(a)})),e.eachSeries((function(t){Rp({targetModel:t,coordSysType:"cartesian2d",coordSysProvider:function(){var e=LC(t),n=e.xAxisModel,i=e.yAxisModel,r=n.getCoordSysModel();0;return r.coordinateSystem.getCartesian(n.componentIndex,i.componentIndex)}})})),i},t.dimensions=qT,t}();function zC(t,e){return t.getCoordSysModel()===e}function EC(t,e,n,i){n.getAxesOnZeroOf=function(){return r?[r]:[]};var r,o=t[e],a=n.model,s=a.get(["axisLine","onZero"]),l=a.get(["axisLine","onZeroAxisIndex"]);if(s){if(null!=l)BC(o[l])&&(r=o[l]);else for(var u in o)if(o.hasOwnProperty(u)&&BC(o[u])&&!i[c(o[u])]){r=o[u];break}r&&(i[c(r)]=!0)}function c(t){return t.dim+"_"+t.index}}function BC(t){return t&&"category"!==t.type&&"time"!==t.type&&function(t){var e=t.scale.getExtent(),n=e[0],i=e[1];return!(n>0&&i>0||n<0&&i<0)}(t)}function VC(t,e){z(t.x,(function(t){return GC(t,e.x,e.width)})),z(t.y,(function(t){return GC(t,e.y,e.height)}))}function GC(t,e,n){var i=[0,n],r=t.inverse?1:0;t.setExtent(i[r],i[1-r]),function(t,e){var n=t.getExtent(),i=n[0]+n[1];t.toGlobalCoord="x"===t.dim?function(t){return t+e}:function(t){return i-t+e},t.toLocalCoord="x"===t.dim?function(t){return t-e}:function(t){return i-t+e}}(t,e)}function FC(t,e,n,i,r,o,a){WC(i,r,Iw,e,!1,a);var s=[0,0,0,0];u(0),u(1),c(i,0,NaN),c(i,1,NaN);var l=null==G(s,(function(t){return t>0}));return Oh(i,s,!0,!0,n),VC(r,i),l;function u(t){z(r[lh[t]],(function(e){if(tw(e.model)){var n=o.ensureRecord(e.model),i=n.labelInfoList;if(i)for(var r=0;r<i.length;r++){var a=i[r],s=e.scale.normalize(cC(a.label).tickValue);s=1===t?1-s:s,c(a.rect,t,s),c(a.rect,1-t,NaN)}var l=n.nameLayout;if(l){s=Qb(n.nameLocation)?.5:NaN;c(l.rect,t,s),c(l.rect,1-t,NaN)}}}))}function c(e,n,i){var r=t[lh[n]]-e[lh[n]],o=e[uh[n]]+e[lh[n]]-(t[uh[n]]+t[lh[n]]);r=h(r,1-i),o=h(o,i);var a=RC[n][0],l=RC[n][1];s[a]=po(s[a],r),s[l]=po(s[l],o)}function h(t,e){return t>0&&!nt(e)&&e>1e-4&&(t/=e),t}}function WC(t,e,n,i,r,o){var a=n===Tw;z(e,(function(e){return z(e,(function(e){tw(e.model)&&(!function(t,e,n){var i=kC(e,n);t.updateCfg(i)}(e.axisBuilder,t,e.model),e.axisBuilder.build(a?{axisTickLabelDetermine:!0}:{axisTickLabelEstimate:!0},{noPxChange:r}))}))}));var s={x:0,y:0};function l(e){s[lh[1-e]]=t[uh[e]]<=.5*o.refContainer[uh[e]]?0:1-e==1?2:1}l(0),l(1),z(e,(function(t,e){return z(t,(function(t){tw(t.model)&&(("all"===i||a)&&t.axisBuilder.build({axisName:!0},{nameMarginLevel:s[e]}),a&&t.axisBuilder.build({axisLine:!0}))}))}))}var HC=function(t,e,n,i,r,o){var a="x"===n.axis.dim?"y":"x";gC(t,0,0,i,r,o),Qb(t.nameLocation)||z(e.recordMap[a],(function(t){t&&t.labelInfoList&&t.dirVec&&vC(t.labelInfoList,t.dirVec,i,r)}))};function UC(t,e){var n={axesInfo:{},seriesInvolved:!1,coordSysAxesInfo:{},coordSysMap:{}};return function(t,e,n){var i=e.getComponent("tooltip"),r=e.getComponent("axisPointer"),o=r.get("link",!0)||[],a=[];z(n.getCoordinateSystems(),(function(n){if(n.axisPointerEnabled){var s=qC(n.model),l=t.coordSysAxesInfo[s]={};t.coordSysMap[s]=n;var u=n.model.getModel("tooltip",i);if(z(n.getAxes(),H(p,!1,null)),n.getTooltipAxes&&i&&u.get("show")){var c="axis"===u.get("trigger"),h="cross"===u.get(["axisPointer","type"]),d=n.getTooltipAxes(u.get(["axisPointer","axis"]));(c||h)&&z(d.baseAxes,H(p,!h||"cross",c)),h&&z(d.otherAxes,H(p,"cross",!1))}}function p(i,s,c){var h=c.model.getModel("axisPointer",r),d=h.get("show");if(d&&("auto"!==d||i||jC(h))){null==s&&(s=h.get("triggerTooltip")),h=i?function(t,e,n,i,r,o){var a=e.getModel("axisPointer"),s={};z(["type","snap","lineStyle","shadowStyle","label","animation","animationDurationUpdate","animationEasingUpdate","z"],(function(t){s[t]=T(a.get(t))})),s.snap="category"!==t.type&&!!o,"cross"===a.get("type")&&(s.type="line");var l=s.label||(s.label={});if(null==l.show&&(l.show=!1),"cross"===r){var u=a.get(["label","show"]);if(l.show=null==u||u,!o){var c=s.lineStyle=a.get("crossStyle");c&&k(l,c.textStyle)}}return t.model.getModel("axisPointer",new wd(s,n,i))}(c,u,r,e,i,s):h;var p=h.get("snap"),f=h.get("triggerEmphasis"),g=qC(c.model),y=s||p||"category"===c.type,v=t.axesInfo[g]={key:g,axis:c,coordSys:n,axisPointerModel:h,triggerTooltip:s,triggerEmphasis:f,involveSeries:y,snap:p,useHandle:jC(h),seriesModels:[],linkGroup:null};l[g]=v,t.seriesInvolved=t.seriesInvolved||y;var m=function(t,e){for(var n=e.model,i=e.dim,r=0;r<t.length;r++){var o=t[r]||{};if(YC(o[i+"AxisId"],n.id)||YC(o[i+"AxisIndex"],n.componentIndex)||YC(o[i+"AxisName"],n.name))return r}}(o,c);if(null!=m){var x=a[m]||(a[m]={axesInfo:{}});x.axesInfo[g]=v,x.mapper=o[m].mapper,v.linkGroup=x}}}}))}(n,t,e),n.seriesInvolved&&function(t,e){e.eachSeries((function(e){var n=e.coordinateSystem,i=e.get(["tooltip","trigger"],!0),r=e.get(["tooltip","show"],!0);n&&n.model&&"none"!==i&&!1!==i&&"item"!==i&&!1!==r&&!1!==e.get(["axisPointer","show"],!0)&&z(t.coordSysAxesInfo[qC(n.model)],(function(t){var i=t.axis;n.getAxis(i.dim)===i&&(t.seriesModels.push(e),null==t.seriesDataCount&&(t.seriesDataCount=0),t.seriesDataCount+=e.getData().count())}))}))}(n,t),n}function YC(t,e){return"all"===t||U(t)&&P(t,e)>=0||t===e}function XC(t){var e=ZC(t);if(e){var n=e.axisPointerModel,i=e.axis.scale,r=n.option,o=n.get("status"),a=n.get("value");null!=a&&(a=i.parse(a));var s=jC(n);null==o&&(r.status=s?"show":"hide");var l=i.getExtent().slice();l[0]>l[1]&&l.reverse(),(null==a||a>l[1])&&(a=l[1]),a<l[0]&&(a=l[0]),r.value=a,s&&(r.status=e.axis.scale.isBlank()?"hide":"show")}}function ZC(t){var e=(t.ecModel.getComponent("axisPointer")||{}).coordSysAxesInfo;return e&&e.axesInfo[qC(t)]}function jC(t){return!!t.get(["handle","show"])}function qC(t){return t.type+"||"+t.id}var KC={},$C=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(e,n,i,r){this.axisPointerClass&&XC(e),t.prototype.render.apply(this,arguments),this._doUpdateAxisPointerClass(e,i,!0)},e.prototype.updateAxisPointer=function(t,e,n,i){this._doUpdateAxisPointerClass(t,n,!1)},e.prototype.remove=function(t,e){var n=this._axisPointer;n&&n.remove(e)},e.prototype.dispose=function(e,n){this._disposeAxisPointer(n),t.prototype.dispose.apply(this,arguments)},e.prototype._doUpdateAxisPointerClass=function(t,n,i){var r=e.getAxisPointerClass(this.axisPointerClass);if(r){var o=function(t){var e=ZC(t);return e&&e.axisPointerModel}(t);o?(this._axisPointer||(this._axisPointer=new r)).render(t,o,n,i):this._disposeAxisPointer(n)}},e.prototype._disposeAxisPointer=function(t){this._axisPointer&&this._axisPointer.dispose(t),this._axisPointer=null},e.registerAxisPointerClass=function(t,e){KC[t]=e},e.getAxisPointerClass=function(t){return t&&KC[t]},e.type="axis",e}(Ky),JC=sa();function QC(t,e,n,i){var r=n.axis;if(!r.scale.isBlank()){var o=n.getModel("splitArea"),a=o.getModel("areaStyle"),s=a.get("color"),l=i.coordinateSystem.getRect(),u=r.getTicksCoords({tickModel:o,clamp:!0,breakTicks:"none",pruneByBreak:"preserve_extent_bound"});if(u.length){var c=s.length,h=JC(t).splitAreaColors,d=yt(),p=0;if(h)for(var f=0;f<u.length;f++){var g=h.get(u[f].tickValue);if(null!=g){p=(g+(c-1)*f)%c;break}}var y=r.toGlobalCoord(u[0].coord),v=a.getAreaStyle();s=U(s)?s:[s];for(f=1;f<u.length;f++){var m=r.toGlobalCoord(u[f].coord),x=void 0,_=void 0,b=void 0,w=void 0;r.isHorizontal()?(x=y,_=l.y,b=m-x,w=l.height,y=x+b):(x=l.x,_=y,b=l.width,y=_+(w=m-_));var S=u[f-1].tickValue;null!=S&&d.set(S,p),e.add(new xl({anid:null!=S?"area_"+S:null,shape:{x:x,y:_,width:b,height:w},style:k({fill:s[p]},v),autoBatch:!0,silent:!0})),p=(p+1)%c}JC(t).splitAreaColors=d}}}function tD(t){JC(t).splitAreaColors=null}var eD=["splitArea","splitLine","minorSplitLine","breakArea"],nD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="CartesianAxisPointer",n}return n(e,t),e.prototype.render=function(e,n,i,r){this.group.removeAll();var o=this._axisGroup;(this._axisGroup=new to,this.group.add(this._axisGroup),tw(e))&&(this._axisGroup.add(e.axis.axisBuilder.group),z(eD,(function(t){e.get([t,"show"])&&iD[t](this,this._axisGroup,e,e.getCoordSysModel(),i)}),this),r&&"changeAxisOrder"===r.type&&r.isInitSort||Th(o,this._axisGroup,e),t.prototype.render.call(this,e,n,i,r))},e.prototype.remove=function(){tD(this)},e.type="cartesianAxis",e}($C),iD={splitLine:function(t,e,n,i,r){var o=n.axis;if(!o.scale.isBlank()){var a=n.getModel("splitLine"),s=a.getModel("lineStyle"),l=s.get("color"),u=!1!==a.get("showMinLine"),c=!1!==a.get("showMaxLine");l=U(l)?l:[l];for(var h=i.coordinateSystem.getRect(),d=o.isHorizontal(),p=0,f=o.getTicksCoords({tickModel:a,breakTicks:"none",pruneByBreak:"preserve_extent_bound"}),g=[],y=[],v=s.getLineStyle(),m=0;m<f.length;m++){var x=o.toGlobalCoord(f[m].coord);if((0!==m||u)&&(m!==f.length-1||c)){var _=f[m].tickValue;d?(g[0]=x,g[1]=h.y,y[0]=x,y[1]=h.y+h.height):(g[0]=h.x,g[1]=x,y[0]=h.x+h.width,y[1]=x);var b=p++%l.length,w=new Ac({anid:null!=_?"line_"+_:null,autoBatch:!0,shape:{x1:g[0],y1:g[1],x2:y[0],y2:y[1]},style:k({stroke:l[b]},v),silent:!0});_h(w.shape,v.lineWidth),e.add(w)}}}},minorSplitLine:function(t,e,n,i,r){var o=n.axis,a=n.getModel("minorSplitLine").getModel("lineStyle"),s=i.coordinateSystem.getRect(),l=o.isHorizontal(),u=o.getMinorTicksCoords();if(u.length)for(var c=[],h=[],d=a.getLineStyle(),p=0;p<u.length;p++)for(var f=0;f<u[p].length;f++){var g=o.toGlobalCoord(u[p][f].coord);l?(c[0]=g,c[1]=s.y,h[0]=g,h[1]=s.y+s.height):(c[0]=s.x,c[1]=g,h[0]=s.x+s.width,h[1]=g);var y=new Ac({anid:"minor_line_"+u[p][f].tickValue,autoBatch:!0,shape:{x1:c[0],y1:c[1],x2:h[0],y2:h[1]},style:d,silent:!0});_h(y.shape,d.lineWidth),e.add(y)}},splitArea:function(t,e,n,i,r){QC(t,e,n,i)},breakArea:function(t,e,n,i,r){var o=YT(),a=n.axis.scale;o&&"ordinal"!==a.type&&o.rectCoordBuildBreakAxis(e,t,n,i.coordinateSystem.getRect(),r)}},rD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="xAxis",e}(nD),oD=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type=rD.type,e}return n(e,t),e.type="yAxis",e}(nD),aD=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="grid",e}return n(e,t),e.prototype.render=function(t,e){this.group.removeAll(),t.get("show")&&this.group.add(new xl({shape:t.coordinateSystem.getRect(),style:k({fill:t.get("backgroundColor")},t.getItemStyle()),silent:!0,z2:-1}))},e.type="grid",e}(Ky),sD={offset:0};function lD(t){t.registerComponentView(aD),t.registerComponentModel(ET),t.registerCoordinateSystem("cartesian2d",NC),XT(t,"x",BT,sD),XT(t,"y",BT,sD),t.registerComponentView(rD),t.registerComponentView(oD),t.registerPreprocessor((function(t){t.xAxis&&t.yAxis&&!t.grid&&(t.grid={})}))}var uD=sa();function cD(t,e,n,i){if(t instanceof JT){var r=t.scale.type;if("category"!==r&&"ordinal"!==r)return n}var o=t.model,a=o.get("jitter"),s=o.get("jitterOverlap"),l=o.get("jitterMargin")||0,u="ordinal"===t.scale.type?t.getBandWidth():null;return a>0?s?hD(n,a,u,i):function(t,e,n,i,r,o){var a=uD(t);a.items||(a.items=[]);var s=a.items,l=dD(s,e,n,i,r,o,1),u=dD(s,e,n,i,r,o,-1),c=Math.abs(l-n)<Math.abs(u-n)?l:u,h="ordinal"===t.scale.type?t.getBandWidth():null,d=Math.abs(c-n);if(d>r/2||h&&d>h/2-i)return hD(n,r,h,i);return s.push({fixedCoord:e,floatCoord:c,r:i}),c}(t,e,n,i,a,l):n}function hD(t,e,n,i){if(null===n)return t+(Math.random()-.5)*e;var r=n-2*i,o=Math.min(Math.max(0,e),r);return t+(Math.random()-.5)*o}function dD(t,e,n,i,r,o,a){for(var s=n,l=0;l<t.length;l++){var u=t[l],c=e-u.fixedCoord,h=s-u.floatCoord,d=c*c+h*h,p=i+u.r+o;if(d<p*p){var f=u.floatCoord+Math.sqrt(p*p-c*c)*a;if(Math.abs(f-n)>r/2)return Number.MAX_VALUE;if(1===a&&f>s||-1===a&&f<s){s=f,l=-1;continue}}}return s}function pD(t){t.eachSeriesByType("scatter",(function(t){var e=t.coordinateSystem;if(e&&("cartesian2d"===e.type||"single"===e.type)){var n=e.getBaseAxis?e.getBaseAxis():null,i=n&&function(t,e){var n=t.coordinateSystem,i=n&&n.type,r=n&&n.getBaseAxis&&n.getBaseAxis(),o=r&&r.scale&&r.scale.type,a="cartesian2d"===i&&"ordinal"===o||"single"===i,s=e.model.get("jitter")>0;return a&&s}(t,n);if(i){var r=t.getData();r.each((function(t){var e=n.dim,i=n.orient,o="horizontal"===i&&"category"!==n.type||"vertical"===i&&"category"===n.type,a=r.getItemLayout(t),s=r.getItemVisual(t,"symbolSize"),l=s instanceof Array?(s[1]+s[0])/2:s;if("y"===e||"single"===e&&o){var u=cD(n,a[0],a[1],l/2);r.setItemLayout(t,[a[0],u])}else if("x"===e||"single"===e&&!o){u=cD(n,a[1],a[0],l/2);r.setItemLayout(t,[u,a[1]])}}))}}}))}function fD(t){t.eachSeriesByType("radar",(function(t){var e=t.getData(),n=[],i=t.coordinateSystem;if(i){var r=i.getIndicatorAxes();z(r,(function(t,o){e.each(e.mapDimension(r[o].dim),(function(t,e){n[e]=n[e]||[];var r=i.dataToPoint(t,o);n[e][o]=gD(r)?r:yD(i)}))})),e.each((function(t){var r=G(n[t],(function(t){return gD(t)}))||yD(i);n[t].push(r.slice()),e.setItemLayout(t,n[t])}))}}))}function gD(t){return!isNaN(t[0])&&!isNaN(t[1])}function yD(t){return[t.cx,t.cy]}function vD(t){var e=t.polar;if(e){U(e)||(e=[e]);var n=[];z(e,(function(e,i){e.indicator?(e.type&&!e.shape&&(e.shape=e.type),t.radar=t.radar||[],U(t.radar)||(t.radar=[t.radar]),t.radar.push(e)):n.push(e)})),t.polar=n}z(t.series,(function(t){t&&"radar"===t.type&&t.polarIndex&&(t.radarIndex=t.polarIndex)}))}var mD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.coordinateSystem,r=this.group,o=t.getData(),a=this._data;function s(t,e){var n=t.getItemVisual(e,"symbol")||"circle";if("none"!==n){var i=dm(t.getItemVisual(e,"symbolSize")),r=hm(n,-1,-1,2,2),o=t.getItemVisual(e,"symbolRotate")||0;return r.attr({style:{strokeNoScale:!0},z2:100,scaleX:i[0]/2,scaleY:i[1]/2,rotation:o*Math.PI/180||0}),r}}function l(e,n,i,r,o,a){i.removeAll();for(var l=0;l<n.length-1;l++){var u=s(r,o);u&&(u.__dimIdx=l,e[l]?(u.setPosition(e[l]),Zh[a?"initProps":"updateProps"](u,{x:n[l][0],y:n[l][1]},t,o)):u.setPosition(n[l]),i.add(u))}}function u(t){return E(t,(function(t){return[i.cx,i.cy]}))}o.diff(a).add((function(e){var n=o.getItemLayout(e);if(n){var i=new Mc,r=new Tc,a={shape:{points:n}};i.shape.points=u(n),r.shape.points=u(n),eh(i,a,t,e),eh(r,a,t,e);var s=new to,c=new to;s.add(r),s.add(i),s.add(c),l(r.shape.points,n,c,o,e,!0),o.setItemGraphicEl(e,s)}})).update((function(e,n){var i=a.getItemGraphicEl(n),r=i.childAt(0),s=i.childAt(1),u=i.childAt(2),c={shape:{points:o.getItemLayout(e)}};c.shape.points&&(l(r.shape.points,c.shape.points,u,o,e,!1),ah(s),ah(r),th(r,c,t),th(s,c,t),o.setItemGraphicEl(e,i))})).remove((function(t){r.remove(a.getItemGraphicEl(t))})).execute(),o.eachItemGraphicEl((function(t,e){var n=o.getItemModel(e),i=t.childAt(0),a=t.childAt(1),s=t.childAt(2),l=o.getItemVisual(e,"style"),u=l.fill;r.add(t),i.useStyle(k(n.getModel("lineStyle").getLineStyle(),{fill:"none",stroke:u})),ku(i,n,"lineStyle"),ku(a,n,"areaStyle");var c=n.getModel("areaStyle"),h=c.isEmpty()&&c.parentModel.isEmpty();a.ignore=h,z(["emphasis","select","blur"],(function(t){var e=n.getModel([t,"areaStyle"]),r=e.isEmpty()&&e.parentModel.isEmpty();a.ensureState(t).ignore=r&&h;var o=n.getModel([t,"lineStyle"]).getLineStyle();i.ensureState(t).style=o;var l=e.getAreaStyle();a.ensureState(t).style=l;var u=n.getModel([t,"itemStyle"]).getItemStyle();s.eachChild((function(e){e.ensureState(t).style=T(u)}))})),a.useStyle(k(n.getModel("areaStyle").getAreaStyle(),{fill:u,opacity:.7,decal:l.decal}));var d=n.getModel("emphasis");s.eachChild((function(t){if(t instanceof dl){var i=t.style;t.useStyle(A({image:i.image,x:i.x,y:i.y,width:i.width,height:i.height},l))}else t.useStyle(l),t.setColor(u),t.style.strokeNoScale=!0;var r=o.getStore().get(o.getDimensionIndex(t.__dimIdx),e);(null==r||isNaN(r))&&(r=""),$h(t,Jh(n),{labelFetcher:o.hostModel,labelDataIndex:e,labelDimIndex:t.__dimIdx,defaultText:r,inheritColor:u,defaultOpacity:l.opacity})})),Tu(t,d.get("focus"),d.get("blurScope"),d.get("disabled"))})),this._data=o},e.prototype.remove=function(){this.group.removeAll(),this._data=null},e.type="radar",e}(tv),xD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this))},e.prototype.getInitialData=function(t,e){return IT(this,{generateCoord:"indicator_",generateCoordCount:1/0})},e.prototype.formatTooltip=function(t,e,n){var i=this.getData(),r=this.coordinateSystem.getIndicatorAxes(),o=this.getData().getName(t),a=""===o?this.name:o,s=Ny(this,t);return Ty("section",{header:a,sortBlocks:!0,blocks:E(r,(function(e){var n=i.get(i.mapDimension(e.dim),t);return Ty("nameValue",{markerType:"subItem",markerColor:s,name:e.name,value:n,sortParam:n})}))})},e.prototype.getTooltipPosition=function(t){if(null!=t)for(var e=this.getData(),n=this.coordinateSystem,i=e.getValues(E(n.dimensions,(function(t){return e.mapDimension(t)})),t),r=0,o=i.length;r<o;r++)if(!isNaN(i[r])){var a=n.getIndicatorAxes();return n.coordToPoint(a[r].dataToCoord(i[r]),r)}},e.type="series.radar",e.dependencies=["radar"],e.defaultOption={z:2,colorBy:"data",coordinateSystem:"radar",legendHoverLink:!0,radarIndex:0,lineStyle:{width:2,type:"solid",join:"round"},label:{position:"top"},symbolSize:8},e}(Wy),_D=WT.value;function bD(t,e){return k({show:e},t)}var wD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){var t=this.get("boundaryGap"),e=this.get("splitNumber"),n=this.get("scale"),i=this.get("axisLine"),r=this.get("axisTick"),o=this.get("axisLabel"),a=this.get("axisName"),s=this.get(["axisName","show"]),l=this.get(["axisName","formatter"]),u=this.get("axisNameGap"),c=this.get("triggerEvent"),h=E(this.get("indicator")||[],(function(h){null!=h.max&&h.max>0&&!h.min?h.min=0:null!=h.min&&h.min<0&&!h.max&&(h.max=0);var d=a;null!=h.color&&(d=k({color:h.color},a));var p=C(T(h),{boundaryGap:t,splitNumber:e,scale:n,axisLine:i,axisTick:r,axisLabel:o,name:h.text,showName:s,nameLocation:"end",nameGap:u,nameTextStyle:d,triggerEvent:c},!1);if(X(l)){var f=p.name;p.name=l.replace("{value}",null!=f?f:"")}else Y(l)&&(p.name=l(p.name,p));var g=new wd(p,null,this.ecModel);return R(g,nw.prototype),g.mainType="radar",g.componentIndex=this.componentIndex,g}),this);this._indicatorModels=h},e.prototype.getIndicatorModels=function(){return this._indicatorModels},e.type="radar",e.defaultOption={z:0,center:["50%","50%"],radius:"50%",startAngle:90,axisName:{show:!0,color:tf.color.axisLabel},boundaryGap:[0,0],splitNumber:5,axisNameGap:15,scale:!1,shape:"polygon",axisLine:C({lineStyle:{color:tf.color.neutral20}},_D.axisLine),axisLabel:bD(_D.axisLabel,!1),axisTick:bD(_D.axisTick,!1),splitLine:bD(_D.splitLine,!0),splitArea:bD(_D.splitArea,!0),indicator:[]},e}(Qp),SD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this.group.removeAll(),this._buildAxes(t,n),this._buildSplitLineAndArea(t)},e.prototype._buildAxes=function(t,e){var n=t.coordinateSystem;z(E(n.getIndicatorAxes(),(function(t){var i=t.model.get("showName")?t.name:"";return new mC(t.model,e,{axisName:i,position:[n.cx,n.cy],rotation:t.angle,labelDirection:-1,tickDirection:-1,nameDirection:1})})),(function(t){t.build(),this.group.add(t.group)}),this)},e.prototype._buildSplitLineAndArea=function(t){var e=t.coordinateSystem,n=e.getIndicatorAxes();if(n.length){var i=t.get("shape"),r=t.getModel("splitLine"),o=t.getModel("splitArea"),a=r.getModel("lineStyle"),s=o.getModel("areaStyle"),l=r.get("show"),u=o.get("show"),c=a.get("color"),h=s.get("color"),d=U(c)?c:[c],p=U(h)?h:[h],f=[],g=[];if("circle"===i)for(var y=n[0].getTicksCoords(),v=e.cx,m=e.cy,x=0;x<y.length;x++){if(l)f[C(f,d,x)].push(new nc({shape:{cx:v,cy:m,r:y[x].coord}}));if(u&&x<y.length-1)g[C(g,p,x)].push(new bc({shape:{cx:v,cy:m,r0:y[x].coord,r:y[x+1].coord}}))}else{var _,b=E(n,(function(t,n){var i=t.getTicksCoords();return _=null==_?i.length-1:Math.min(i.length-1,_),E(i,(function(t){return e.coordToPoint(t.coord,n)}))})),w=[];for(x=0;x<=_;x++){for(var S=[],M=0;M<n.length;M++)S.push(b[M][x]);if(S[0]&&S.push(S[0].slice()),l)f[C(f,d,x)].push(new Tc({shape:{points:S}}));if(u&&w)g[C(g,p,x-1)].push(new Mc({shape:{points:S.concat(w)}}));w=S.slice().reverse()}}var I=a.getLineStyle(),T=s.getAreaStyle();z(g,(function(t,e){this.group.add(mh(t,{style:k({stroke:"none",fill:p[e%p.length]},T),silent:!0}))}),this),z(f,(function(t,e){this.group.add(mh(t,{style:k({fill:"none",stroke:d[e%d.length]},I),silent:!0}))}),this)}function C(t,e,n){var i=n%e.length;return t[i]=t[i]||[],i}},e.type="radar",e}(Ky),MD=function(t){function e(e,n,i){var r=t.call(this,e,n,i)||this;return r.type="value",r.angle=0,r.name="",r}return n(e,t),e}(Ww),ID=function(){function t(t,e,n){this.dimensions=[],this._model=t,this._indicatorAxes=E(t.getIndicatorModels(),(function(t,e){var n="indicator_"+e,i=new MD(n,new cb);return i.name=t.get("name"),i.model=t,t.axis=i,this.dimensions.push(n),i}),this),this.resize(t,n)}return t.prototype.getIndicatorAxes=function(){return this._indicatorAxes},t.prototype.dataToPoint=function(t,e){var n=this._indicatorAxes[e];return this.coordToPoint(n.dataToCoord(t),e)},t.prototype.coordToPoint=function(t,e){var n=this._indicatorAxes[e].angle;return[this.cx+t*Math.cos(n),this.cy-t*Math.sin(n)]},t.prototype.pointToData=function(t){var e=t[0]-this.cx,n=t[1]-this.cy,i=Math.sqrt(e*e+n*n);e/=i,n/=i;for(var r,o=Math.atan2(-n,e),a=1/0,s=-1,l=0;l<this._indicatorAxes.length;l++){var u=this._indicatorAxes[l],c=Math.abs(o-u.angle);c<a&&(r=u,s=l,a=c)}return[s,+(r&&r.coordToData(i))]},t.prototype.resize=function(t,e){var n=Xp(t,e).refContainer,i=t.get("center"),r=Math.min(n.width,n.height)/2;this.cx=yo(i[0],n.width)+n.x,this.cy=yo(i[1],n.height)+n.y,this.startAngle=t.get("startAngle")*Math.PI/180;var o=t.get("radius");(X(o)||j(o))&&(o=[0,o]),this.r0=yo(o[0],r),this.r=yo(o[1],r),z(this._indicatorAxes,(function(t,e){t.setExtent(this.r0,this.r);var n=this.startAngle+e*Math.PI*2/this._indicatorAxes.length;n=Math.atan2(Math.sin(n),Math.cos(n)),t.angle=n}),this)},t.prototype.update=function(t,e){var n=this._indicatorAxes,i=this._model;z(n,(function(t){t.scale.setExtent(1/0,-1/0)})),t.eachSeriesByType("radar",(function(e,r){if("radar"===e.get("coordinateSystem")&&t.getComponent("radar",e.get("radarIndex"))===i){var o=e.getData();z(n,(function(t){t.scale.unionExtentFromData(o,o.mapDimension(t.dim))}))}}),this);var r=i.get("splitNumber"),o=new cb;o.setExtent(0,r),o.setInterval(1),z(n,(function(t,e){PC(t.scale,t.model,o)}))},t.prototype.convertToPixel=function(t,e,n){return console.warn("Not implemented."),null},t.prototype.convertFromPixel=function(t,e,n){return console.warn("Not implemented."),null},t.prototype.containPoint=function(t){return console.warn("Not implemented."),!1},t.create=function(e,n){var i=[];return e.eachComponent("radar",(function(r){var o=new t(r,e,n);i.push(o),r.coordinateSystem=o})),e.eachSeriesByType("radar",(function(t){"radar"===t.get("coordinateSystem")&&(t.coordinateSystem=i[t.get("radarIndex")||0])})),i},t.dimensions=[],t}();function TD(t){t.registerCoordinateSystem("radar",ID),t.registerComponentModel(wD),t.registerComponentView(SD),t.registerVisual({seriesType:"radar",reset:function(t){var e=t.getData();e.each((function(t){e.setItemVisual(t,"legendIcon","roundRect")})),e.setVisual("legendIcon","roundRect")}})}var CD=sa();function DD(t,e){return!!CD(t)[e]}Qx({type:"takeGlobalCursor",event:"globalCursorTaken",update:"update"},bt);var AD={axisPointer:1,tooltip:1,brush:1};function kD(t,e,n){var i=e.getComponentByElement(t.topTarget);if(!i||i===n||AD.hasOwnProperty(i.mainType))return!1;var r=i.coordinateSystem;if(!r||r.model===n)return!1;var o=Hh(i),a=Hh(n);return!((o.zlevel-a.zlevel||o.z-a.z)<=0)}var LD=function(t){function e(e){var n=t.call(this)||this;n._zr=e;var i=W(n._mousedownHandler,n),r=W(n._mousemoveHandler,n),o=W(n._mouseupHandler,n),a=W(n._mousewheelHandler,n),s=W(n._pinchHandler,n);return n.enable=function(t,n){var l=n.zInfo,u=Hh(l.component),c=u.z,h=u.zlevel,d={component:l.component,z:c,zlevel:h,z2:rt(l.z2,-1/0)},p=A({},n.triggerInfo);this._opt=k(A({},n),{zoomOnMouseWheel:!0,moveOnMouseMove:!0,moveOnMouseWheel:!1,preventDefaultMouseMove:!0,zInfoParsed:d,triggerInfo:p}),null==t&&(t=!0),this._enabled&&this._controlType===t||(this._enabled=!0,this.disable(),!0!==t&&"move"!==t&&"pan"!==t||(zD(e,"mousedown",i,d),zD(e,"mousemove",r,d),zD(e,"mouseup",o,d)),!0!==t&&"scale"!==t&&"zoom"!==t||(zD(e,"mousewheel",a,d),zD(e,"pinch",s,d)))},n.disable=function(){this._enabled=!1,ED(e,"mousedown",i),ED(e,"mousemove",r),ED(e,"mouseup",o),ED(e,"mousewheel",a),ED(e,"pinch",s)},n}return n(e,t),e.prototype.isDragging=function(){return this._dragging},e.prototype.isPinching=function(){return this._pinching},e.prototype._checkPointer=function(t,e,n){var i=this._opt,r=i.zInfoParsed;if(kD(t,i.api,r.component))return!1;var o=i.triggerInfo,a=!1;return"global"===o.roamTrigger&&(a=!0),a||(a=o.isInSelf(t,e,n)),a&&o.isInClip&&!o.isInClip(t,e,n)&&(a=!1),a},e.prototype._decideCursorStyle=function(t,e,n,i){var r=t.target;return!r&&this._checkPointer(t,e,n)?"grab":i?r&&r.cursor||"default":void 0},e.prototype.dispose=function(){this.disable()},e.prototype._mousedownHandler=function(t){if(!ge(t)&&!PD(t)){for(var e=t.target;e;){if(e.draggable)return;e=e.__hostTarget||e.parent}var n=t.offsetX,i=t.offsetY;this._checkPointer(t,n,i)&&(this._x=n,this._y=i,this._dragging=!0)}},e.prototype._mousemoveHandler=function(t){var e=this._zr;if("pinch"!==t.gestureEvent&&!DD(e,"globalPan")&&!PD(t)){var n=t.offsetX,i=t.offsetY;if(this._dragging&&GD("moveOnMouseMove",t,this._opt)){e.setCursorStyle("grabbing");var r=this._x,o=this._y,a=n-r,s=i-o;this._x=n,this._y=i,this._opt.preventDefaultMouseMove&&fe(t.event),t.__ecRoamConsumed=!0,VD(this,"pan","moveOnMouseMove",t,{dx:a,dy:s,oldX:r,oldY:o,newX:n,newY:i,isAvailableBehavior:null})}else{var l=this._decideCursorStyle(t,n,i,!1);l&&e.setCursorStyle(l)}}},e.prototype._mouseupHandler=function(t){if(!PD(t)){var e=this._zr;if(!ge(t)){this._dragging=!1;var n=this._decideCursorStyle(t,t.offsetX,t.offsetY,!0);n&&e.setCursorStyle(n)}}},e.prototype._mousewheelHandler=function(t){if(!PD(t)){var e=GD("zoomOnMouseWheel",t,this._opt),n=GD("moveOnMouseWheel",t,this._opt),i=t.wheelDelta,r=Math.abs(i),o=t.offsetX,a=t.offsetY;if(0!==i&&(e||n)){if(e){var s=r>3?1.4:r>1?1.2:1.1,l=i>0?s:1/s;this._checkTriggerMoveZoom(this,"zoom","zoomOnMouseWheel",t,{scale:l,originX:o,originY:a,isAvailableBehavior:null})}if(n){var u=Math.abs(i),c=(i>0?1:-1)*(u>3?.4:u>1?.15:.05);this._checkTriggerMoveZoom(this,"scrollMove","moveOnMouseWheel",t,{scrollDelta:c,originX:o,originY:a,isAvailableBehavior:null})}}}},e.prototype._pinchHandler=function(t){if(!DD(this._zr,"globalPan")&&!PD(t)){var e=t.pinchScale>1?1.1:1/1.1;this._checkTriggerMoveZoom(this,"zoom",null,t,{scale:e,originX:t.pinchX,originY:t.pinchY,isAvailableBehavior:null})}},e.prototype._checkTriggerMoveZoom=function(t,e,n,i,r){t._checkPointer(i,r.originX,r.originY)&&(fe(i.event),i.__ecRoamConsumed=!0,VD(t,e,n,i,r))},e}(qt);function PD(t){return t.__ecRoamConsumed}var OD,RD=sa();function ND(t){var e=RD(t);return e.roam=e.roam||{},e.uniform=e.uniform||{},e}function zD(t,e,n,i){for(var r=ND(t).roam,o=r[e]=r[e]||[],a=0;a<o.length;a++){var s=o[a].zInfoParsed;if((s.zlevel-i.zlevel||s.z-i.z||s.z2-i.z2)<=0)break}o.splice(a,0,{listener:n,zInfoParsed:i}),function(t,e){var n=ND(t);n.uniform[e]||t.on(e,n.uniform[e]=function(t){var i=n.roam[e];if(i)for(var r=0;r<i.length;r++)i[r].listener(t)})}(t,e)}function ED(t,e,n){for(var i=ND(t).roam[e]||[],r=0;r<i.length;r++)if(i[r].listener===n)return i.splice(r,1),void(i.length||BD(t,e))}function BD(t,e){var n=ND(t).uniform;n[e]&&(t.off(e,n[e]),n[e]=null)}function VD(t,e,n,i,r){r.isAvailableBehavior=W(GD,null,n,i),t.trigger(e,r)}function GD(t,e,n){var i=n[t];return!t||i&&(!X(i)||e.event[i+"Key"])}function FD(t,e,n){var i=t.target;i.x+=e,i.y+=n,i.dirty()}function WD(t,e,n,i){var r=t.target,o=t.zoomLimit,a=t.zoom=t.zoom||1,s=(a=ZD(a*=e,o))/t.zoom;t.zoom=a,XD(r,n,i,s),r.dirty()}function HD(t,e,n,i,r,o){var a=new He(0,0,0,0);i.enable(t.get("roam"),{api:e,zInfo:{component:t},triggerInfo:{roamTrigger:t.get("roamTrigger"),isInSelf:function(t,e,i){return a.copy(n.getBoundingRect()),a.applyTransform(n.getComputedTransform()),a.contain(e,i)},isInClip:function(t,e,n){return!o||o.contain(e,n)}}}),r.zoomLimit=t.get("scaleLimit");var s=t.coordinateSystem;r.zoom=s?s.getZoom():1;var l=t.subType+"Roam";i.off("pan").off("zoom").on("pan",(function(n){FD(r,n.dx,n.dy),e.dispatchAction({seriesId:t.id,type:l,dx:n.dx,dy:n.dy})})).on("zoom",(function(n){WD(r,n.scale,n.originX,n.originY),e.dispatchAction({seriesId:t.id,type:l,zoom:n.scale,originX:n.originX,originY:n.originY}),e.updateLabelLayout()}))}function UD(t,e){return t.pointToProjected?t.pointToProjected(e):t.pointToData(e)}function YD(t,e,n){var i=t.getZoom(),r=t.getCenter(),o=e.zoom,a=t.projectedToPoint?t.projectedToPoint(r):t.dataToPoint(r);return null!=e.dx&&null!=e.dy&&(a[0]-=e.dx,a[1]-=e.dy,t.setCenter(UD(t,a))),null!=o&&(o=ZD(i*o,n)/i,XD(t,e.originX,e.originY,o),t.updateTransform(),t.setCenter(UD(t,a)),t.setZoom(o*i)),{center:t.getCenter(),zoom:t.getZoom()}}function XD(t,e,n,i){t.x-=(e-t.x)*(i-1),t.y-=(n-t.y)*(i-1),t.scaleX*=i,t.scaleY*=i}function ZD(t,e){if(e){var n=e.min||0,i=e.max||1/0;t=Math.max(Math.min(i,t),n)}return t}function jD(t){X(t)&&(t=(new DOMParser).parseFromString(t,"text/xml"));var e=t;for(9===e.nodeType&&(e=e.firstChild);"svg"!==e.nodeName.toLowerCase()||1!==e.nodeType;)e=e.nextSibling;return e}var qD={fill:"fill",stroke:"stroke","stroke-width":"lineWidth",opacity:"opacity","fill-opacity":"fillOpacity","stroke-opacity":"strokeOpacity","stroke-dasharray":"lineDash","stroke-dashoffset":"lineDashOffset","stroke-linecap":"lineCap","stroke-linejoin":"lineJoin","stroke-miterlimit":"miterLimit","font-family":"fontFamily","font-size":"fontSize","font-style":"fontStyle","font-weight":"fontWeight","text-anchor":"textAlign",visibility:"visibility",display:"display"},KD=F(qD),$D={"alignment-baseline":"textBaseline","stop-color":"stopColor"},JD=F($D),QD=function(){function t(){this._defs={},this._root=null}return t.prototype.parse=function(t,e){e=e||{};var n=jD(t);this._defsUsePending=[];var i=new to;this._root=i;var r=[],o=n.getAttribute("viewBox")||"",a=parseFloat(n.getAttribute("width")||e.width),s=parseFloat(n.getAttribute("height")||e.height);isNaN(a)&&(a=null),isNaN(s)&&(s=null),oA(n,i,null,!0,!1);for(var l,u,c=n.firstChild;c;)this._parseNode(c,i,r,null,!1,!1),c=c.nextSibling;if(function(t,e){for(var n=0;n<e.length;n++){var i=e[n];i[0].style[i[1]]=t[i[2]]}}(this._defs,this._defsUsePending),this._defsUsePending=[],o){var h=uA(o);h.length>=4&&(l={x:parseFloat(h[0]||0),y:parseFloat(h[1]||0),width:parseFloat(h[2]),height:parseFloat(h[3])})}if(l&&null!=a&&null!=s&&(u=fA(l,{x:0,y:0,width:a,height:s}),!e.ignoreViewBox)){var d=i;(i=new to).add(d),d.scaleX=d.scaleY=u.scale,d.x=u.x,d.y=u.y}return e.ignoreRootClip||null==a||null==s||i.setClipPath(new xl({shape:{x:0,y:0,width:a,height:s}})),{root:i,width:a,height:s,viewBoxRect:l,viewBoxTransform:u,named:r}},t.prototype._parseNode=function(t,e,n,i,r,o){var a,s=t.nodeName.toLowerCase(),l=i;if("defs"===s&&(r=!0),"text"===s&&(o=!0),"defs"===s||"switch"===s)a=e;else{if(!r){var u=OD[s];if(u&&_t(OD,s)){a=u.call(this,t,e);var c=t.getAttribute("name");if(c){var h={name:c,namedFrom:null,svgNodeTagLower:s,el:a};n.push(h),"g"===s&&(l=h)}else i&&n.push({name:i.name,namedFrom:i,svgNodeTagLower:s,el:a});e.add(a)}}var d=tA[s];if(d&&_t(tA,s)){var p=d.call(this,t),f=t.getAttribute("id");f&&(this._defs[f]=p)}}if(a&&a.isGroup)for(var g=t.firstChild;g;)1===g.nodeType?this._parseNode(g,a,n,l,r,o):3===g.nodeType&&o&&this._parseText(g,a),g=g.nextSibling},t.prototype._parseText=function(t,e){var n=new ul({style:{text:t.textContent},silent:!0,x:this._textX||0,y:this._textY||0});iA(e,n),oA(t,n,this._defsUsePending,!1,!1),function(t,e){var n=e.__selfStyle;if(n){var i=n.textBaseline,r=i;i&&"auto"!==i?"baseline"===i?r="alphabetic":"before-edge"===i||"text-before-edge"===i?r="top":"after-edge"===i||"text-after-edge"===i?r="bottom":"central"!==i&&"mathematical"!==i||(r="middle"):r="alphabetic",t.style.textBaseline=r}var o=e.__inheritedStyle;if(o){var a=o.textAlign,s=a;a&&("middle"===a&&(s="center"),t.style.textAlign=s)}}(n,e);var i=n.style,r=i.fontSize;r&&r<9&&(i.fontSize=9,n.scaleX*=r/9,n.scaleY*=r/9);var o=(i.fontSize||i.fontFamily)&&[i.fontStyle,i.fontWeight,(i.fontSize||12)+"px",i.fontFamily||"sans-serif"].join(" ");i.font=o;var a=n.getBoundingRect();return this._textX+=a.width,e.add(n),n},t.internalField=void(OD={g:function(t,e){var n=new to;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n},rect:function(t,e){var n=new xl;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setShape({x:parseFloat(t.getAttribute("x")||"0"),y:parseFloat(t.getAttribute("y")||"0"),width:parseFloat(t.getAttribute("width")||"0"),height:parseFloat(t.getAttribute("height")||"0")}),n.silent=!0,n},circle:function(t,e){var n=new nc;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setShape({cx:parseFloat(t.getAttribute("cx")||"0"),cy:parseFloat(t.getAttribute("cy")||"0"),r:parseFloat(t.getAttribute("r")||"0")}),n.silent=!0,n},line:function(t,e){var n=new Ac;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setShape({x1:parseFloat(t.getAttribute("x1")||"0"),y1:parseFloat(t.getAttribute("y1")||"0"),x2:parseFloat(t.getAttribute("x2")||"0"),y2:parseFloat(t.getAttribute("y2")||"0")}),n.silent=!0,n},ellipse:function(t,e){var n=new rc;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setShape({cx:parseFloat(t.getAttribute("cx")||"0"),cy:parseFloat(t.getAttribute("cy")||"0"),rx:parseFloat(t.getAttribute("rx")||"0"),ry:parseFloat(t.getAttribute("ry")||"0")}),n.silent=!0,n},polygon:function(t,e){var n,i=t.getAttribute("points");i&&(n=rA(i));var r=new Mc({shape:{points:n||[]},silent:!0});return iA(e,r),oA(t,r,this._defsUsePending,!1,!1),r},polyline:function(t,e){var n,i=t.getAttribute("points");i&&(n=rA(i));var r=new Tc({shape:{points:n||[]},silent:!0});return iA(e,r),oA(t,r,this._defsUsePending,!1,!1),r},image:function(t,e){var n=new dl;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setStyle({image:t.getAttribute("xlink:href")||t.getAttribute("href"),x:+t.getAttribute("x"),y:+t.getAttribute("y"),width:+t.getAttribute("width"),height:+t.getAttribute("height")}),n.silent=!0,n},text:function(t,e){var n=t.getAttribute("x")||"0",i=t.getAttribute("y")||"0",r=t.getAttribute("dx")||"0",o=t.getAttribute("dy")||"0";this._textX=parseFloat(n)+parseFloat(r),this._textY=parseFloat(i)+parseFloat(o);var a=new to;return iA(e,a),oA(t,a,this._defsUsePending,!1,!0),a},tspan:function(t,e){var n=t.getAttribute("x"),i=t.getAttribute("y");null!=n&&(this._textX=parseFloat(n)),null!=i&&(this._textY=parseFloat(i));var r=t.getAttribute("dx")||"0",o=t.getAttribute("dy")||"0",a=new to;return iA(e,a),oA(t,a,this._defsUsePending,!1,!0),this._textX+=parseFloat(r),this._textY+=parseFloat(o),a},path:function(t,e){var n=Qu(t.getAttribute("d")||"");return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.silent=!0,n}}),t}(),tA={lineargradient:function(t){var e=parseInt(t.getAttribute("x1")||"0",10),n=parseInt(t.getAttribute("y1")||"0",10),i=parseInt(t.getAttribute("x2")||"10",10),r=parseInt(t.getAttribute("y2")||"0",10),o=new Bc(e,n,i,r);return eA(t,o),nA(t,o),o},radialgradient:function(t){var e=parseInt(t.getAttribute("cx")||"0",10),n=parseInt(t.getAttribute("cy")||"0",10),i=parseInt(t.getAttribute("r")||"0",10),r=new Vc(e,n,i);return eA(t,r),nA(t,r),r}};function eA(t,e){"userSpaceOnUse"===t.getAttribute("gradientUnits")&&(e.global=!0)}function nA(t,e){for(var n=t.firstChild;n;){if(1===n.nodeType&&"stop"===n.nodeName.toLocaleLowerCase()){var i=n.getAttribute("offset"),r=void 0;r=i&&i.indexOf("%")>0?parseInt(i,10)/100:i?parseFloat(i):0;var o={};pA(n,o,o);var a=o.stopColor||n.getAttribute("stop-color")||"#000000",s=o.stopOpacity||n.getAttribute("stop-opacity");if(s){var l=oi(a);l&&l[3]&&(l[3]*=$n(s),a=fi(l,"rgba"))}e.colorStops.push({offset:r,color:a})}n=n.nextSibling}}function iA(t,e){t&&t.__inheritedStyle&&(e.__inheritedStyle||(e.__inheritedStyle={}),k(e.__inheritedStyle,t.__inheritedStyle))}function rA(t){for(var e=uA(t),n=[],i=0;i<e.length;i+=2){var r=parseFloat(e[i]),o=parseFloat(e[i+1]);n.push([r,o])}return n}function oA(t,e,n,i,r){var o=e,a=o.__inheritedStyle=o.__inheritedStyle||{},s={};1===t.nodeType&&(function(t,e){var n=t.getAttribute("transform");if(n){n=n.replace(/,/g," ");var i=[],r=null;n.replace(cA,(function(t,e,n){return i.push(e,n),""}));for(var o=i.length-1;o>0;o-=2){var a=i[o],s=i[o-1],l=uA(a);switch(r=r||[1,0,0,1,0,0],s){case"translate":Se(r,r,[parseFloat(l[0]),parseFloat(l[1]||"0")]);break;case"scale":Ie(r,r,[parseFloat(l[0]),parseFloat(l[1]||l[0])]);break;case"rotate":Me(r,r,-parseFloat(l[0])*hA,[parseFloat(l[1]||"0"),parseFloat(l[2]||"0")]);break;case"skewX":we(r,[1,0,Math.tan(parseFloat(l[0])*hA),1,0,0],r);break;case"skewY":we(r,[1,Math.tan(parseFloat(l[0])*hA),0,1,0,0],r);break;case"matrix":r[0]=parseFloat(l[0]),r[1]=parseFloat(l[1]),r[2]=parseFloat(l[2]),r[3]=parseFloat(l[3]),r[4]=parseFloat(l[4]),r[5]=parseFloat(l[5])}}e.setLocalTransform(r)}}(t,e),pA(t,a,s),i||function(t,e,n){for(var i=0;i<KD.length;i++){var r=KD[i];null!=(o=t.getAttribute(r))&&(e[qD[r]]=o)}for(i=0;i<JD.length;i++){var o;r=JD[i];null!=(o=t.getAttribute(r))&&(n[$D[r]]=o)}}(t,a,s)),o.style=o.style||{},null!=a.fill&&(o.style.fill=sA(o,"fill",a.fill,n)),null!=a.stroke&&(o.style.stroke=sA(o,"stroke",a.stroke,n)),z(["lineWidth","opacity","fillOpacity","strokeOpacity","miterLimit","fontSize"],(function(t){null!=a[t]&&(o.style[t]=parseFloat(a[t]))})),z(["lineDashOffset","lineCap","lineJoin","fontWeight","fontFamily","fontStyle","textAlign"],(function(t){null!=a[t]&&(o.style[t]=a[t])})),r&&(o.__selfStyle=s),a.lineDash&&(o.style.lineDash=E(uA(a.lineDash),(function(t){return parseFloat(t)}))),"hidden"!==a.visibility&&"collapse"!==a.visibility||(o.invisible=!0),"none"===a.display&&(o.ignore=!0)}var aA=/^url\(\s*#(.*?)\)/;function sA(t,e,n,i){var r=n&&n.match(aA);if(!r)return"none"===n&&(n=null),n;var o=ut(r[1]);i.push([t,e,o])}var lA=/-?([0-9]*\.)?[0-9]+([eE]-?[0-9]+)?/g;function uA(t){return t.match(lA)||[]}var cA=/(translate|scale|rotate|skewX|skewY|matrix)\(([\-\s0-9\.eE,]*)\)/g,hA=Math.PI/180;var dA=/([^\s:;]+)\s*:\s*([^:;]+)/g;function pA(t,e,n){var i,r=t.getAttribute("style");if(r)for(dA.lastIndex=0;null!=(i=dA.exec(r));){var o=i[1],a=_t(qD,o)?qD[o]:null;a&&(e[a]=i[2]);var s=_t($D,o)?$D[o]:null;s&&(n[s]=i[2])}}function fA(t,e){var n=e.width/t.width,i=e.height/t.height,r=Math.min(n,i);return{scale:r,x:-(t.x+t.width/2)*r+(e.x+e.width/2),y:-(t.y+t.height/2)*r+(e.y+e.height/2)}}var gA=yt(["rect","circle","line","ellipse","polygon","polyline","path","text","tspan","g"]),yA=function(){function t(t,e){this.type="geoSVG",this._usedGraphicMap=yt(),this._freedGraphics=[],this._mapName=t,this._parsedXML=jD(e)}return t.prototype.load=function(){var t=this._firstGraphic;if(!t){t=this._firstGraphic=this._buildGraphic(this._parsedXML),this._freedGraphics.push(t),this._boundingRect=this._firstGraphic.boundingRect.clone();var e=function(t){var e=[],n=yt();return z(t,(function(t){if(null==t.namedFrom){var i=new fw(t.name,t.el);e.push(i),n.set(t.name,i)}})),{regions:e,regionsMap:n}}(t.named),n=e.regions,i=e.regionsMap;this._regions=n,this._regionsMap=i}return{boundingRect:this._boundingRect,regions:this._regions,regionsMap:this._regionsMap}},t.prototype._buildGraphic=function(t){var e,n;try{e=t&&function(t,e){return(new QD).parse(t,e)}(t,{ignoreViewBox:!0,ignoreRootClip:!0})||{},lt(null!=(n=e.root))}catch(t){throw new Error("Invalid svg format\n"+t.message)}var i=new to;i.add(n),i.isGeoSVGGraphicRoot=!0;var r=e.width,o=e.height,a=e.viewBoxRect,s=this._boundingRect;if(!s){var l=void 0,u=void 0,c=void 0,h=void 0;if(null!=r?(l=0,c=r):a&&(l=a.x,c=a.width),null!=o?(u=0,h=o):a&&(u=a.y,h=a.height),null==l||null==u){var d=n.getBoundingRect();null==l&&(l=d.x,c=d.width),null==u&&(u=d.y,h=d.height)}s=this._boundingRect=new He(l,u,c,h)}if(a){var p=fA(a,s);n.scaleX=n.scaleY=p.scale,n.x=p.x,n.y=p.y}i.setClipPath(new xl({shape:s.plain()}));var f=[];return z(e.named,(function(t){var e;null!=gA.get(t.svgNodeTagLower)&&(f.push(t),(e=t.el).silent=!1,e.isGroup&&e.traverse((function(t){t.silent=!1})))})),{root:i,boundingRect:s,named:f}},t.prototype.useGraphic=function(t){var e=this._usedGraphicMap,n=e.get(t);return n||(n=this._freedGraphics.pop()||this._buildGraphic(this._parsedXML),e.set(t,n),n)},t.prototype.freeGraphic=function(t){var e=this._usedGraphicMap,n=e.get(t);n&&(e.removeKey(t),this._freedGraphics.push(n))},t}();for(var vA=[126,25],mA="南海诸岛",xA=[[[0,3.5],[7,11.2],[15,11.9],[30,7],[42,.7],[52,.7],[56,7.7],[59,.7],[64,.7],[64,0],[5,0],[0,3.5]],[[13,16.1],[19,14.7],[16,21.7],[11,23.1],[13,16.1]],[[12,32.2],[14,38.5],[15,38.5],[13,32.2],[12,32.2]],[[16,47.6],[12,53.2],[13,53.2],[18,47.6],[16,47.6]],[[6,64.4],[8,70],[9,70],[8,64.4],[6,64.4]],[[23,82.6],[29,79.8],[30,79.8],[25,82.6],[23,82.6]],[[37,70.7],[43,62.3],[44,62.3],[39,70.7],[37,70.7]],[[48,51.1],[51,45.5],[53,45.5],[50,51.1],[48,51.1]],[[51,35],[51,28.7],[53,28.7],[53,35],[51,35]],[[52,22.4],[55,17.5],[56,17.5],[53,22.4],[52,22.4]],[[58,12.6],[62,7],[63,7],[60,12.6],[58,12.6]],[[0,3.5],[0,93.1],[64,93.1],[64,0],[63,0],[63,92.4],[1,92.4],[1,3.5],[0,3.5]]],_A=0;_A<xA.length;_A++)for(var bA=0;bA<xA[_A].length;bA++)xA[_A][bA][0]/=10.5,xA[_A][bA][1]/=-14,xA[_A][bA][0]+=vA[0],xA[_A][bA][1]+=vA[1];var wA={"南海诸岛":[32,80],"广东":[0,-10],"香港":[10,5],"澳门":[-10,10],"天津":[5,5]};var SA=[[[123.45165252685547,25.73527164402261],[123.49731445312499,25.73527164402261],[123.49731445312499,25.750734064600884],[123.45165252685547,25.750734064600884],[123.45165252685547,25.73527164402261]]];var MA=function(){function t(t,e,n){var i;this.type="geoJSON",this._parsedMap=yt(),this._mapName=t,this._specialAreas=n,this._geoJSON=X(i=e)?"undefined"!=typeof JSON&&JSON.parse?JSON.parse(i):new Function("return ("+i+");")():i}return t.prototype.load=function(t,e){e=e||"name";var n=this._parsedMap.get(e);if(!n){var i=this._parseToRegions(e);n=this._parsedMap.set(e,{regions:i,boundingRect:IA(i)})}var r=yt(),o=[];return z(n.regions,(function(e){var n=e.name;t&&_t(t,n)&&(e=e.cloneShallow(n=t[n])),o.push(e),r.set(n,e)})),{regions:o,boundingRect:n.boundingRect||new He(0,0,0,0),regionsMap:r}},t.prototype._parseToRegions=function(t){var e,n=this._mapName,i=this._geoJSON;try{e=i?vw(i,t):[]}catch(t){throw new Error("Invalid geoJson format\n"+t.message)}return function(t,e){if("china"===t){for(var n=0;n<e.length;n++)if(e[n].name===mA)return;e.push(new pw(mA,E(xA,(function(t){return{type:"polygon",exterior:t}})),vA))}}(n,e),z(e,(function(t){var e=t.name;!function(t,e){if("china"===t){var n=wA[e.name];if(n){var i=e.getCenter();i[0]+=n[0]/10.5,i[1]+=-n[1]/14,e.setCenter(i)}}}(n,t),function(t,e){"china"===t&&"台湾"===e.name&&e.geometries.push({type:"polygon",exterior:SA[0]})}(n,t);var i=this._specialAreas&&this._specialAreas[e];i&&t.transformTo(i.left,i.top,i.width,i.height)}),this),e},t.prototype.getMapForUser=function(){return{geoJson:this._geoJSON,geoJSON:this._geoJSON,specialAreas:this._specialAreas}},t}();function IA(t){for(var e,n=0;n<t.length;n++){var i=t[n].getBoundingRect();(e=e||i.clone()).union(i)}return e}var TA=yt(),CA=function(t,e,n){if(e.svg){var i=new yA(t,e.svg);TA.set(t,i)}else{var r=e.geoJson||e.geoJSON;r&&!e.features?n=e.specialAreas:r=e;i=new MA(t,r,n);TA.set(t,i)}},DA=function(t){return TA.get(t)},AA=function(t){var e=TA.get(t);return e&&"geoJSON"===e.type&&e.getMapForUser()},kA=function(t,e,n){var i=TA.get(t);if(i)return i.load(e,n)},LA=["rect","circle","line","ellipse","polygon","polyline","path"],PA=yt(LA),OA=yt(LA.concat(["g"])),RA=yt(LA.concat(["g"])),NA=sa();function zA(t){var e=t.getItemStyle(),n=t.get("areaColor");return null!=n&&(e.fill=n),e}function EA(t){var e=t.style;e&&(e.stroke=e.stroke||e.fill,e.fill=null)}var BA=function(){function t(t){var e=this.group=new to,n=this._transformGroup=new to;e.add(n),this.uid=Md("ec_map_draw"),this._controller=new LD(t.getZr()),this._controllerHost={target:n},n.add(this._regionsGroup=new to),n.add(this._svgGroup=new to)}return t.prototype.draw=function(t,e,n,i,r){var o="geo"===t.mainType,a=t.getData&&t.getData();o&&e.eachComponent({mainType:"series",subType:"map"},(function(e){a||e.getHostGeoModel()!==t||(a=e.getData())}));var s,l=t.coordinateSystem,u=this._regionsGroup,c=this._transformGroup,h=l.getTransformInfo(),d=h.raw,p=h.roam,f=!u.childAt(0)||r;t.getShallow("clip",!0)?(s=l.getViewRect().clone(),this.group.setClipPath(new xl({shape:s.clone()}))):this.group.removeClipPath(),f?(c.x=p.x,c.y=p.y,c.scaleX=p.scaleX,c.scaleY=p.scaleY,c.dirty()):th(c,p,t);var g=a&&a.getVisual("visualMeta")&&a.getVisual("visualMeta").length>0,y={api:n,geo:l,mapOrGeoModel:t,data:a,isVisualEncodedByVisualMap:g,isGeo:o,transformInfoRaw:d};"geoJSON"===l.resourceType?this._buildGeoJSON(y):"geoSVG"===l.resourceType&&this._buildSVG(y),this._updateController(t,s,e,n),this._updateMapSelectHandler(t,u,n,i)},t.prototype._buildGeoJSON=function(t){var e=this._regionsGroupByName=yt(),n=yt(),i=this._regionsGroup,r=t.transformInfoRaw,o=t.mapOrGeoModel,a=t.data,s=t.geo.projection,l=s&&s.stream;function u(t,e){return e&&(t=e(t)),t&&[t[0]*r.scaleX+r.x,t[1]*r.scaleY+r.y]}function c(t){for(var e=[],n=!l&&s&&s.project,i=0;i<t.length;++i){var r=u(t[i],n);r&&e.push(r)}return e}function h(t){return{shape:{points:c(t)}}}i.removeAll(),z(t.geo.regions,(function(r){var c=r.name,d=e.get(c),p=n.get(c)||{},f=p.dataIdx,g=p.regionModel;if(!d){d=e.set(c,new to),i.add(d),f=a?a.indexOfName(c):null;var y=(g=t.isGeo?o.getRegionModel(c):a?a.getItemModel(f):null).get("silent",!0);null!=y&&(d.silent=y),n.set(c,{dataIdx:f,regionModel:g})}var v=[],m=[];z(r.geometries,(function(t){if("polygon"===t.type){var e=[t.exterior].concat(t.interiors||[]);l&&(e=UA(e,l)),z(e,(function(t){v.push(new Mc(h(t)))}))}else{var n=t.points;l&&(n=UA(n,l,!0)),z(n,(function(t){m.push(new Tc(h(t)))}))}}));var x=u(r.getCenter(),s&&s.project);function _(e,n){if(e.length){var i=new zc({culling:!0,segmentIgnoreThreshold:1,shape:{paths:e}});d.add(i),VA(t,i,f,g),GA(t,i,c,g,o,f,x),n&&(EA(i),z(i.states,EA))}}_(v),_(m,!0)})),e.each((function(e,i){var r=n.get(i),a=r.dataIdx,s=r.regionModel;FA(t,e,i,s,o,a),WA(t,e,i,s,o),HA(t,e,i,s,o)}),this)},t.prototype._buildSVG=function(t){var e=t.geo.map,n=t.transformInfoRaw;this._svgGroup.x=n.x,this._svgGroup.y=n.y,this._svgGroup.scaleX=n.scaleX,this._svgGroup.scaleY=n.scaleY,this._svgResourceChanged(e)&&(this._freeSVG(),this._useSVG(e));var i=this._svgDispatcherMap=yt(),r=!1;z(this._svgGraphicRecord.named,(function(e){var n=e.name,o=t.mapOrGeoModel,a=t.data,s=e.svgNodeTagLower,l=e.el,u=a?a.indexOfName(n):null,c=o.getRegionModel(n);null!=PA.get(s)&&l instanceof os&&VA(t,l,u,c),l instanceof os&&(l.culling=!0);var h=c.get("silent",!0);(null!=h&&(l.silent=h),l.z2EmphasisLift=0,e.namedFrom)||(null!=RA.get(s)&&GA(t,l,n,c,o,u,null),FA(t,l,n,c,o,u),WA(t,l,n,c,o),null!=OA.get(s)&&("self"===HA(t,l,n,c,o)&&(r=!0),(i.get(n)||i.set(n,[])).push(l)))}),this),this._enableBlurEntireSVG(r,t)},t.prototype._enableBlurEntireSVG=function(t,e){if(t&&e.isGeo){var n=e.mapOrGeoModel.getModel(["blur","itemStyle"]).getItemStyle().opacity;this._svgGraphicRecord.root.traverse((function(t){if(!t.isGroup){uu(t);var e=t.ensureState("blur").style||{};null==e.opacity&&null!=n&&(e.opacity=n),t.ensureState("emphasis")}}))}},t.prototype.remove=function(){this._regionsGroup.removeAll(),this._regionsGroupByName=null,this._svgGroup.removeAll(),this._freeSVG(),this._controller.dispose(),this._controllerHost=null},t.prototype.findHighDownDispatchers=function(t,e){if(null==t)return[];var n=e.coordinateSystem;if("geoJSON"===n.resourceType){var i=this._regionsGroupByName;if(i){var r=i.get(t);return r?[r]:[]}}else if("geoSVG"===n.resourceType)return this._svgDispatcherMap&&this._svgDispatcherMap.get(t)||[]},t.prototype._svgResourceChanged=function(t){return this._svgMapName!==t},t.prototype._useSVG=function(t){var e=DA(t);if(e&&"geoSVG"===e.type){var n=e.useGraphic(this.uid);this._svgGroup.add(n.root),this._svgGraphicRecord=n,this._svgMapName=t}},t.prototype._freeSVG=function(){var t=this._svgMapName;if(null!=t){var e=DA(t);e&&"geoSVG"===e.type&&e.freeGraphic(this.uid),this._svgGraphicRecord=null,this._svgDispatcherMap=null,this._svgGroup.removeAll(),this._svgMapName=null}},t.prototype._updateController=function(t,e,n,i){var r=t.coordinateSystem,o=this._controller,a=this._controllerHost;a.zoomLimit=t.get("scaleLimit"),a.zoom=r.getZoom(),o.enable(t.get("roam")||!1,{api:i,zInfo:{component:t},triggerInfo:{roamTrigger:t.get("roamTrigger"),isInSelf:function(t,e,n){return r.containPoint([e,n])},isInClip:function(t,n,i){return!e||e.contain(n,i)}}});var s=t.mainType;function l(){var e={type:"geoRoam",componentType:s};return e[s+"Id"]=t.id,e}o.off("pan").on("pan",(function(t){this._mouseDownFlag=!1,FD(a,t.dx,t.dy),i.dispatchAction(A(l(),{dx:t.dx,dy:t.dy,animation:{duration:0}}))}),this),o.off("zoom").on("zoom",(function(t){this._mouseDownFlag=!1,WD(a,t.scale,t.originX,t.originY),i.dispatchAction(A(l(),{totalZoom:a.zoom,zoom:t.scale,originX:t.originX,originY:t.originY,animation:{duration:0}}))}),this)},t.prototype.resetForLabelLayout=function(){this.group.traverse((function(t){var e=t.getTextContent();e&&(e.ignore=NA(e).ignore)}))},t.prototype._updateMapSelectHandler=function(t,e,n,i){var r=this;e.off("mousedown"),e.off("click"),t.get("selectedMode")&&(e.on("mousedown",(function(){r._mouseDownFlag=!0})),e.on("click",(function(t){r._mouseDownFlag&&(r._mouseDownFlag=!1)})))},t}();function VA(t,e,n,i){var r=i.getModel("itemStyle"),o=i.getModel(["emphasis","itemStyle"]),a=i.getModel(["blur","itemStyle"]),s=i.getModel(["select","itemStyle"]),l=zA(r),u=zA(o),c=zA(s),h=zA(a),d=t.data;if(d){var p=d.getItemVisual(n,"style"),f=d.getItemVisual(n,"decal");t.isVisualEncodedByVisualMap&&p.fill&&(l.fill=p.fill),f&&(l.decal=Bm(f,t.api))}e.setStyle(l),e.style.strokeNoScale=!0,e.ensureState("emphasis").style=u,e.ensureState("select").style=c,e.ensureState("blur").style=h,uu(e)}function GA(t,e,n,i,r,o,a){var s=t.data,l=t.isGeo,u=s&&isNaN(s.get(s.mapDimension("value"),o)),c=s&&s.getItemLayout(o);if(l||u||c&&c.showLabel){var h=l?n:o,d=void 0;(!s||o>=0)&&(d=r);var p=a?{normal:{align:"center",verticalAlign:"middle"}}:null;$h(e,Jh(i),{labelFetcher:d,labelDataIndex:h,defaultText:n},p);var f=e.getTextContent();if(f&&(NA(f).ignore=f.ignore,e.textConfig&&a)){var g=e.getBoundingRect().clone();e.textConfig.layoutRect=g,e.textConfig.position=[(a[0]-g.x)/g.width*100+"%",(a[1]-g.y)/g.height*100+"%"]}e.disableLabelAnimation=!0}else e.removeTextContent(),e.removeTextConfig(),e.disableLabelAnimation=null}function FA(t,e,n,i,r,o){t.data?t.data.setItemGraphicEl(o,e):zl(e).eventData={componentType:"geo",componentIndex:r.componentIndex,geoIndex:r.componentIndex,name:n,region:i&&i.option||{}}}function WA(t,e,n,i,r){t.data||zh({el:e,componentModel:r,itemName:n,itemTooltipOption:i.get("tooltip")})}function HA(t,e,n,i,r){e.highDownSilentOnTouch=!!r.get("selectedMode");var o=i.getModel("emphasis"),a=o.get("focus");return Tu(e,a,o.get("blurScope"),o.get("disabled")),t.isGeo&&function(t,e,n){var i=zl(t);i.componentMainType=e.mainType,i.componentIndex=e.componentIndex,i.componentHighDownName=n}(e,r,n),a}function UA(t,e,n){var i,r=[];function o(){i=[]}function a(){i.length&&(r.push(i),i=[])}var s=e({polygonStart:o,polygonEnd:a,lineStart:o,lineEnd:a,point:function(t,e){isFinite(t)&&isFinite(e)&&i.push([t,e])},sphere:function(){}});return!n&&s.polygonStart(),z(t,(function(t){s.lineStart();for(var e=0;e<t.length;e++)s.point(t[e][0],t[e][1]);s.lineEnd()})),!n&&s.polygonEnd(),r}var YA=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){if(!i||"mapToggleSelect"!==i.type||i.from!==this.uid){var r=this.group;if(r.removeAll(),!t.getHostGeoModel()){if(this._mapDraw&&i&&"geoRoam"===i.type&&this._mapDraw.resetForLabelLayout(),i&&"geoRoam"===i.type&&"series"===i.componentType&&i.seriesId===t.id)(o=this._mapDraw)&&r.add(o.group);else if(t.needsDrawMap){var o=this._mapDraw||new BA(n);r.add(o.group),o.draw(t,e,n,this,i),this._mapDraw=o}else this._mapDraw&&this._mapDraw.remove(),this._mapDraw=null;t.get("showLegendSymbol")&&e.getComponent("legend")&&this._renderSymbols(t,e,n)}}},e.prototype.remove=function(){this._mapDraw&&this._mapDraw.remove(),this._mapDraw=null,this.group.removeAll()},e.prototype.dispose=function(){this._mapDraw&&this._mapDraw.remove(),this._mapDraw=null},e.prototype._renderSymbols=function(t,e,n){var i=t.originalData,r=this.group;i.each(i.mapDimension("value"),(function(e,n){if(!isNaN(e)){var o=i.getItemLayout(n);if(o&&o.point){var a=o.point,s=o.offset,l=new nc({style:{fill:t.getData().getVisual("style").fill},shape:{cx:a[0]+9*s,cy:a[1],r:3},silent:!0,z2:8+(s?0:11)});if(!s){var u=t.mainSeries.getData(),c=i.getName(n),h=u.indexOfName(c),d=i.getItemModel(n),p=d.getModel("label"),f=u.getItemGraphicEl(h);$h(l,Jh(d),{labelFetcher:{getFormattedLabel:function(e,n){return t.getFormattedLabel(h,n)}},defaultText:c}),l.disableLabelAnimation=!0,p.get("position")||l.setTextConfig({position:"bottom"}),f.onHoverStateChange=function(t){su(l,t)}}r.add(l)}}}))},e.type="map",e}(tv),XA=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.needsDrawMap=!1,n.seriesGroup=[],n.getTooltipPosition=function(t){if(null!=t){var e=this.getData().getName(t),n=this.coordinateSystem,i=n.getRegion(e);return i&&n.dataToPoint(i.getCenter())}},n}return n(e,t),e.prototype.getInitialData=function(t){for(var e=IT(this,{coordDimensions:["value"],encodeDefaulter:H(Mf,this)}),n=yt(),i=[],r=0,o=e.count();r<o;r++){var a=e.getName(r);n.set(a,r)}return z(kA(this.getMapType(),this.option.nameMap,this.option.nameProperty).regions,(function(t){var r,o=t.name,a=n.get(o),s=t.properties&&t.properties.echartsStyle;null==a?(r={name:o},i.push(r)):r=e.getRawDataItem(a),s&&C(r,s)})),e.appendData(i),e},e.prototype.getHostGeoModel=function(){if(Op(this).kind!==Pp)return this.getReferringComponents("geo",{useDefault:!1,enableAll:!1,enableNone:!1}).models[0]},e.prototype.getMapType=function(){return(this.getHostGeoModel()||this).option.map},e.prototype.getRawValue=function(t){var e=this.getData();return e.get(e.mapDimension("value"),t)},e.prototype.getRegionModel=function(t){var e=this.getData();return e.getItemModel(e.indexOfName(t))},e.prototype.formatTooltip=function(t,e,n){for(var i=this.getData(),r=this.getRawValue(t),o=i.getName(t),a=this.seriesGroup,s=[],l=0;l<a.length;l++){var u=a[l].originalData.indexOfName(o),c=i.mapDimension("value");isNaN(a[l].originalData.get(c,u))||s.push(a[l].name)}return Ty("section",{header:s.join(", "),noHeader:!s.length,blocks:[Ty("nameValue",{name:o,value:r})]})},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.getLegendIcon=function(t){var e=t.icon||"roundRect",n=hm(e,0,0,t.itemWidth,t.itemHeight,t.itemStyle.fill);return n.setStyle(t.itemStyle),n.style.stroke="none",e.indexOf("empty")>-1&&(n.style.stroke=n.style.fill,n.style.fill=tf.color.neutral00,n.style.lineWidth=2),n},e.type="series.map",e.dependencies=["geo"],e.layoutMode="box",e.defaultOption={z:2,coordinateSystem:"geo",map:"",left:"center",top:"center",aspectScale:null,showLegendSymbol:!0,boundingCoords:null,center:null,zoom:1,scaleLimit:null,selectedMode:!0,label:{show:!1,color:tf.color.tertiary},itemStyle:{borderWidth:.5,borderColor:tf.color.border,areaColor:tf.color.background},emphasis:{label:{show:!0,color:tf.color.primary},itemStyle:{areaColor:tf.color.highlight}},select:{label:{show:!0,color:tf.color.primary},itemStyle:{color:tf.color.highlight}},nameProperty:"name"},e}(Wy);function ZA(t){var e={};t.eachSeriesByType("map",(function(t){var n=t.getHostGeoModel(),i=n?"o"+n.id:"i"+t.getMapType();(e[i]=e[i]||[]).push(t)})),z(e,(function(t,e){for(var n,i,r,o=(n=E(t,(function(t){return t.getData()})),i=t[0].get("mapValueCalculation"),r={},z(n,(function(t){t.each(t.mapDimension("value"),(function(e,n){var i="ec-"+t.getName(n);r[i]=r[i]||[],isNaN(e)||r[i].push(e)}))})),n[0].map(n[0].mapDimension("value"),(function(t,e){for(var o="ec-"+n[0].getName(e),a=0,s=1/0,l=-1/0,u=r[o].length,c=0;c<u;c++)s=Math.min(s,r[o][c]),l=Math.max(l,r[o][c]),a+=r[o][c];return 0===u?NaN:"min"===i?s:"max"===i?l:"average"===i?a/u:a}))),a=0;a<t.length;a++)t[a].originalData=t[a].getData();for(a=0;a<t.length;a++)t[a].seriesGroup=t,t[a].needsDrawMap=0===a&&!t[a].getHostGeoModel(),t[a].setData(o.cloneShallow()),t[a].mainSeries=t[0]}))}function jA(t){var e={};t.eachSeriesByType("map",(function(n){var i=n.getMapType();if(!n.getHostGeoModel()&&!e[i]){var r={};z(n.seriesGroup,(function(e){var n=e.coordinateSystem,i=e.originalData;e.get("showLegendSymbol")&&t.getComponent("legend")&&i.each(i.mapDimension("value"),(function(t,e){var o=i.getName(e),a=n.getRegion(o);if(a&&!isNaN(t)){var s=r[o]||0,l=n.dataToPoint(a.getCenter());r[o]=s+1,i.setItemLayout(e,{point:l,offset:s})}}))}));var o=n.getData();o.each((function(t){var e=o.getName(t),n=o.getItemLayout(t)||{};n.showLabel=!r[e],o.setItemLayout(t,n)})),e[i]=!0}}))}var qA=Ht,KA=function(t){function e(e,n){var i=t.call(this)||this;return i.type="view",i.dimensions=["x","y"],i._roamTransformable=new Dr,i._rawTransformable=new Dr,i.name=e,i._opt=n,i}return n(e,t),e.prototype.setBoundingRect=function(t,e,n,i){return this._rect=new He(t,e,n,i),this._updateCenterAndZoom(),this._rect},e.prototype.getBoundingRect=function(){return this._rect},e.prototype.setViewRect=function(t,e,n,i){this._transformTo(t,e,n,i),this._viewRect=new He(t,e,n,i)},e.prototype._transformTo=function(t,e,n,i){var r=this.getBoundingRect(),o=this._rawTransformable;o.transform=r.calculateTransform(new He(t,e,n,i));var a=o.parent;o.parent=null,o.decomposeTransform(),o.parent=a,this._updateTransform()},e.prototype.setCenter=function(t){var e=this._opt;e&&e.api&&e.ecModel&&e.ecModel.getShallow("legacyViewCoordSysCenterBase")&&t&&(t=[yo(t[0],e.api.getWidth()),yo(t[1],e.api.getWidth())]),this._centerOption=T(t),this._updateCenterAndZoom()},e.prototype.setZoom=function(t){this._zoom=ZD(t||1,this.zoomLimit),this._updateCenterAndZoom()},e.prototype.getDefaultCenter=function(){var t=this.getBoundingRect();return[t.x+t.width/2,t.y+t.height/2]},e.prototype.getCenter=function(){return this._center||this.getDefaultCenter()},e.prototype.getZoom=function(){return this._zoom||1},e.prototype.getRoamTransform=function(){return this._roamTransformable.getLocalTransform()},e.prototype._updateCenterAndZoom=function(){var t=this._centerOption,e=this._rect;t&&e&&(this._center=[yo(t[0],e.width,e.x),yo(t[1],e.height,e.y)]);var n=this._rawTransformable.getLocalTransform(),i=this._roamTransformable,r=this.getDefaultCenter(),o=this.getCenter(),a=this.getZoom();o=Ht([],o,n),r=Ht([],r,n),i.originX=o[0],i.originY=o[1],i.x=r[0]-o[0],i.y=r[1]-o[1],i.scaleX=i.scaleY=a,this._updateTransform()},e.prototype._updateTransform=function(){var t=this._roamTransformable,e=this._rawTransformable;e.parent=t,t.updateTransform(),e.updateTransform(),be(this.transform||(this.transform=[]),e.transform||[1,0,0,1,0,0]),this._rawTransform=e.getLocalTransform(),this.invTransform=this.invTransform||[],Te(this.invTransform,this.transform),this.decomposeTransform()},e.prototype.getTransformInfo=function(){var t=this._rawTransformable,e=this._roamTransformable,n=new Dr;return n.transform=e.transform,n.decomposeTransform(),{roam:{x:n.x,y:n.y,scaleX:n.scaleX,scaleY:n.scaleY},raw:{x:t.x,y:t.y,scaleX:t.scaleX,scaleY:t.scaleY}}},e.prototype.getViewRect=function(){return this._viewRect},e.prototype.getViewRectAfterRoam=function(){var t=this.getBoundingRect().clone();return t.applyTransform(this.transform),t},e.prototype.dataToPoint=function(t,e,n){var i=e?this._rawTransform:this.transform;return n=n||[],i?qA(n,t,i):Tt(n,t)},e.prototype.pointToData=function(t,e,n){n=n||[];var i=this.invTransform;return i?qA(n,t,i):(n[0]=t[0],n[1]=t[1],n)},e.prototype.convertToPixel=function(t,e,n){var i=$A(e);return i===this?i.dataToPoint(n):null},e.prototype.convertFromPixel=function(t,e,n){var i=$A(e);return i===this?i.pointToData(n):null},e.prototype.containPoint=function(t){return this.getViewRectAfterRoam().contain(t[0],t[1])},e.dimensions=["x","y"],e}(Dr);function $A(t){var e=t.seriesModel;return e?e.coordinateSystem:null}var JA={geoJSON:{aspectScale:.75,invertLongitute:!0},geoSVG:{aspectScale:1,invertLongitute:!1}},QA=["lng","lat"],tk=function(t){function e(e,n,i){var r=t.call(this,e,{api:i.api,ecModel:i.ecModel})||this;r.dimensions=QA,r.type="geo",r._nameCoordMap=yt(),r.map=n;var o,a=i.projection,s=kA(n,i.nameMap,i.nameProperty),l=DA(n),u=(r.resourceType=l?l.type:null,r.regions=s.regions),c=JA[l.type];if(r._regionsMap=s.regionsMap,r.regions=s.regions,r.projection=a,a)for(var h=0;h<u.length;h++){var d=u[h].getBoundingRect(a);(o=o||d.clone()).union(d)}else o=s.boundingRect;return r.setBoundingRect(o.x,o.y,o.width,o.height),r.aspectScale=a?1:rt(i.aspectScale,c.aspectScale),r._invertLongitute=!a&&c.invertLongitute,r}return n(e,t),e.prototype._transformTo=function(t,e,n,i){var r=this.getBoundingRect(),o=this._invertLongitute;r=r.clone(),o&&(r.y=-r.y-r.height);var a=this._rawTransformable;a.transform=r.calculateTransform(new He(t,e,n,i));var s=a.parent;a.parent=null,a.decomposeTransform(),a.parent=s,o&&(a.scaleY=-a.scaleY),this._updateTransform()},e.prototype.getRegion=function(t){return this._regionsMap.get(t)},e.prototype.getRegionByCoord=function(t){for(var e=this.regions,n=0;n<e.length;n++){var i=e[n];if("geoJSON"===i.type&&i.contain(t))return e[n]}},e.prototype.addGeoCoord=function(t,e){this._nameCoordMap.set(t,e)},e.prototype.getGeoCoord=function(t){var e=this._regionsMap.get(t);return this._nameCoordMap.get(t)||e&&e.getCenter()},e.prototype.dataToPoint=function(t,e,n){if(X(t)&&(t=this.getGeoCoord(t)),t){var i=this.projection;return i&&(t=i.project(t)),t&&this.projectedToPoint(t,e,n)}},e.prototype.pointToData=function(t,e,n){var i=this.projection;return i&&(t=i.unproject(t)),t&&this.pointToProjected(t,n)},e.prototype.pointToProjected=function(e,n){return t.prototype.pointToData.call(this,e,0,n)},e.prototype.projectedToPoint=function(e,n,i){return t.prototype.dataToPoint.call(this,e,n,i)},e.prototype.convertToPixel=function(t,e,n){var i=ek(e);return i===this?i.dataToPoint(n):null},e.prototype.convertFromPixel=function(t,e,n){var i=ek(e);return i===this?i.pointToData(n):null},e}(KA);function ek(t){var e=t.geoModel,n=t.seriesModel;return e?e.coordinateSystem:n?n.coordinateSystem||(n.getReferringComponents("geo",ha).models[0]||{}).coordinateSystem:null}function nk(t,e){var n=t.get("boundingCoords");if(null!=n){var i=n[0],r=n[1];if(isFinite(i[0])&&isFinite(i[1])&&isFinite(r[0])&&isFinite(r[1])){var o=this.projection;if(o){var a=i[0],s=i[1],l=r[0],u=r[1];i=[1/0,1/0],r=[-1/0,-1/0];var c=function(t,e,n,a){for(var s=n-t,l=a-e,u=0;u<=100;u++){var c=u/100,h=o.project([t+s*c,e+l*c]);Ut(i,i,h),Yt(r,r,h)}};c(a,s,l,s),c(l,s,l,u),c(l,u,a,u),c(a,u,l,s)}this.setBoundingRect(i[0],i[1],r[0]-i[0],r[1]-i[1])}else 0}var h,d,p,f=this.getBoundingRect(),g=t.get("layoutCenter"),y=t.get("layoutSize"),v=Xp(t,e).refContainer,m=f.width/f.height*this.aspectScale,x=!1;if(g&&y&&(h=[yo(g[0],v.width)+v.x,yo(g[1],v.height)+v.y],d=yo(y,Math.min(v.width,v.height)),isNaN(h[0])||isNaN(h[1])||isNaN(d)||(x=!0)),x)p={},m>1?(p.width=d,p.height=d/m):(p.height=d,p.width=d*m),p.y=h[1]-p.height/2,p.x=h[0]-p.width/2;else{var _=t.getBoxLayoutParams();_.aspect=m,p=Up(t,p=Hp(_,v),m)}this.setViewRect(p.x,p.y,p.width,p.height),this.setCenter(t.get("center")),this.setZoom(t.get("zoom"))}R(tk,KA);var ik=function(){function t(){this.dimensions=QA}return t.prototype.create=function(t,e){var n=[];function i(t){return{nameProperty:t.get("nameProperty"),aspectScale:t.get("aspectScale"),projection:t.get("projection")}}t.eachComponent("geo",(function(r,o){var a=r.get("map"),s=new tk(a+o,a,A({nameMap:r.get("nameMap"),api:e,ecModel:t},i(r)));s.zoomLimit=r.get("scaleLimit"),n.push(s),r.coordinateSystem=s,s.model=r,s.resize=nk,s.resize(r,e)})),t.eachSeries((function(t){Rp({targetModel:t,coordSysType:"geo",coordSysProvider:function(){var e="map"===t.subType?t.getHostGeoModel():t.getReferringComponents("geo",ha).models[0];return e&&e.coordinateSystem},allowNotFound:!0})}));var r={};return t.eachSeriesByType("map",(function(t){if(!t.getHostGeoModel()){var e=t.getMapType();r[e]=r[e]||[],r[e].push(t)}})),z(r,(function(r,o){var a=E(r,(function(t){return t.get("nameMap")})),s=new tk(o,o,A({nameMap:D(a),api:e,ecModel:t},i(r[0])));s.zoomLimit=it.apply(null,E(r,(function(t){return t.get("scaleLimit")}))),n.push(s),s.resize=nk,s.resize(r[0],e),z(r,(function(t){t.coordinateSystem=s,function(t,e){z(e.get("geoCoord"),(function(e,n){t.addGeoCoord(n,e)}))}(s,t)}))})),n},t.prototype.getFilledRegions=function(t,e,n,i){for(var r=(t||[]).slice(),o=yt(),a=0;a<r.length;a++)o.set(r[a].name,r[a]);return z(kA(e,n,i).regions,(function(t){var e=t.name,n=o.get(e),i=t.properties&&t.properties.echartsStyle;n||(n={name:e},r.push(n)),i&&C(n,i)})),r},t}(),rk=new ik,ok=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n);var i=DA(t.map);if(i&&"geoJSON"===i.type){var r=t.itemStyle=t.itemStyle||{};"color"in r||(r.color=t.defaultItemStyleColor||tf.color.backgroundTint)}Ko(t,"label",["show"])},e.prototype.optionUpdated=function(){var t=this,e=this.option;e.regions=rk.getFilledRegions(e.regions,e.map,e.nameMap,e.nameProperty);var n={};this._optionModelMap=B(e.regions||[],(function(e,i){var r=i.name;return r&&(e.set(r,new wd(i,t,t.ecModel)),i.selected&&(n[r]=!0)),e}),yt()),e.selectedMap||(e.selectedMap=n)},e.prototype.getRegionModel=function(t){return this._optionModelMap.get(t)||new wd(null,this,this.ecModel)},e.prototype.getFormattedLabel=function(t,e){var n=this.getRegionModel(t),i="normal"===e?n.get(["label","formatter"]):n.get(["emphasis","label","formatter"]),r={name:t};return Y(i)?(r.status=e,i(r)):X(i)?i.replace("{a}",null!=t?t:""):void 0},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.select=function(t){var e=this.option,n=e.selectedMode;n&&("multiple"!==n&&(e.selectedMap=null),(e.selectedMap||(e.selectedMap={}))[t]=!0)},e.prototype.unSelect=function(t){var e=this.option.selectedMap;e&&(e[t]=!1)},e.prototype.toggleSelected=function(t){this[this.isSelected(t)?"unSelect":"select"](t)},e.prototype.isSelected=function(t){var e=this.option.selectedMap;return!(!e||!e[t])},e.type="geo",e.layoutMode="box",e.defaultOption={z:0,show:!0,left:"center",top:"center",aspectScale:null,silent:!1,map:"",boundingCoords:null,center:null,zoom:1,scaleLimit:null,label:{show:!1,color:tf.color.tertiary},itemStyle:{borderWidth:.5,borderColor:tf.color.border},emphasis:{label:{show:!0,color:tf.color.primary},itemStyle:{color:tf.color.highlight}},select:{label:{show:!0,color:tf.color.primary},itemStyle:{color:tf.color.highlight}},regions:[]},e}(Qp),ak=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.focusBlurEnabled=!0,n}return n(e,t),e.prototype.init=function(t,e){this._api=e},e.prototype.render=function(t,e,n,i){if(this._model=t,!t.get("show"))return this._mapDraw&&this._mapDraw.remove(),void(this._mapDraw=null);this._mapDraw||(this._mapDraw=new BA(n));var r=this._mapDraw;r.draw(t,e,n,this,i),r.group.on("click",this._handleRegionClick,this),r.group.silent=t.get("silent"),this.group.add(r.group),this.updateSelectStatus(t,e,n)},e.prototype._handleRegionClick=function(t){var e;Qv(t.target,(function(t){return null!=(e=zl(t).eventData)}),!0),e&&this._api.dispatchAction({type:"geoToggleSelect",geoId:this._model.id,name:e.name})},e.prototype.updateSelectStatus=function(t,e,n){var i=this;this._mapDraw.group.traverse((function(t){var e=zl(t).eventData;if(e)return i._model.isSelected(e.name)?n.enterSelect(t):n.leaveSelect(t),!0}))},e.prototype.findHighDownDispatchers=function(t){return this._mapDraw&&this._mapDraw.findHighDownDispatchers(t,this._model)},e.prototype.dispose=function(){this._mapDraw&&this._mapDraw.remove()},e.type="geo",e}(Ky);function sk(t,e,n){CA(t,e,n)}function lk(t){function e(e,n){n.update="geo:updateSelectStatus",t.registerAction(n,(function(t,n){var i={},r=[];return n.eachComponent({mainType:"geo",query:t},(function(n){n[e](t.name),z(n.coordinateSystem.regions,(function(t){i[t.name]=n.isSelected(t.name)||!1}));var o=[];z(i,(function(t,e){i[e]&&o.push(e)})),r.push({geoIndex:n.componentIndex,name:o})})),{selected:i,allSelected:r,name:t.name}}))}t.registerCoordinateSystem("geo",rk),t.registerComponentModel(ok),t.registerComponentView(ak),t.registerImpl("registerMap",sk),t.registerImpl("getMap",(function(t){return AA(t)})),e("toggleSelected",{type:"geoToggleSelect",event:"geoselectchanged"}),e("select",{type:"geoSelect",event:"geoselected"}),e("unSelect",{type:"geoUnSelect",event:"geounselected"}),t.registerAction({type:"geoRoam",event:"geoRoam",update:"updateTransform"},(function(t,e,n){var i=t.componentType;i||(null!=t.geoId?i="geo":null!=t.seriesId&&(i="series")),i||(i="series"),e.eachComponent({mainType:i,query:t},(function(e){var n=e.coordinateSystem;if("geo"===n.type){var r=YD(n,t,e.get("scaleLimit"));e.setCenter&&e.setCenter(r.center),e.setZoom&&e.setZoom(r.zoom),"series"===i&&z(e.seriesGroup,(function(t){t.setCenter(r.center),t.setZoom(r.zoom)}))}}))}))}function uk(t,e){var n=t.isExpand?t.children:[],i=t.parentNode.children,r=t.hierNode.i?i[t.hierNode.i-1]:null;if(n.length){!function(t){var e=t.children,n=e.length,i=0,r=0;for(;--n>=0;){var o=e[n];o.hierNode.prelim+=i,o.hierNode.modifier+=i,r+=o.hierNode.change,i+=o.hierNode.shift+r}}(t);var o=(n[0].hierNode.prelim+n[n.length-1].hierNode.prelim)/2;r?(t.hierNode.prelim=r.hierNode.prelim+e(t,r),t.hierNode.modifier=t.hierNode.prelim-o):t.hierNode.prelim=o}else r&&(t.hierNode.prelim=r.hierNode.prelim+e(t,r));t.parentNode.hierNode.defaultAncestor=function(t,e,n,i){if(e){for(var r=t,o=t,a=o.parentNode.children[0],s=e,l=r.hierNode.modifier,u=o.hierNode.modifier,c=a.hierNode.modifier,h=s.hierNode.modifier;s=pk(s),o=fk(o),s&&o;){r=pk(r),a=fk(a),r.hierNode.ancestor=t;var d=s.hierNode.prelim+h-o.hierNode.prelim-u+i(s,o);d>0&&(yk(gk(s,t,n),t,d),u+=d,l+=d),h+=s.hierNode.modifier,u+=o.hierNode.modifier,l+=r.hierNode.modifier,c+=a.hierNode.modifier}s&&!pk(r)&&(r.hierNode.thread=s,r.hierNode.modifier+=h-l),o&&!fk(a)&&(a.hierNode.thread=o,a.hierNode.modifier+=u-c,n=t)}return n}(t,r,t.parentNode.hierNode.defaultAncestor||i[0],e)}function ck(t){var e=t.hierNode.prelim+t.parentNode.hierNode.modifier;t.setLayout({x:e},!0),t.hierNode.modifier+=t.parentNode.hierNode.modifier}function hk(t){return arguments.length?t:vk}function dk(t,e){return t-=Math.PI/2,{x:e*Math.cos(t),y:e*Math.sin(t)}}function pk(t){var e=t.children;return e.length&&t.isExpand?e[e.length-1]:t.hierNode.thread}function fk(t){var e=t.children;return e.length&&t.isExpand?e[0]:t.hierNode.thread}function gk(t,e,n){return t.hierNode.ancestor.parentNode===e.parentNode?t.hierNode.ancestor:n}function yk(t,e,n){var i=n/(e.hierNode.i-t.hierNode.i);e.hierNode.change-=i,e.hierNode.shift+=n,e.hierNode.modifier+=n,e.hierNode.prelim+=n,t.hierNode.change+=i}function vk(t,e){return t.parentNode===e.parentNode?1:2}var mk=function(){this.parentPoint=[],this.childPoints=[]},xk=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:tf.color.neutral99,fill:null}},e.prototype.getDefaultShape=function(){return new mk},e.prototype.buildPath=function(t,e){var n=e.childPoints,i=n.length,r=e.parentPoint,o=n[0],a=n[i-1];if(1===i)return t.moveTo(r[0],r[1]),void t.lineTo(o[0],o[1]);var s=e.orient,l="TB"===s||"BT"===s?0:1,u=1-l,c=yo(e.forkPosition,1),h=[];h[l]=r[l],h[u]=r[u]+(a[u]-r[u])*c,t.moveTo(r[0],r[1]),t.lineTo(h[0],h[1]),t.moveTo(o[0],o[1]),h[l]=o[l],t.lineTo(h[0],h[1]),h[l]=a[l],t.lineTo(h[0],h[1]),t.lineTo(a[0],a[1]);for(var d=1;d<i-1;d++){var p=n[d];t.moveTo(p[0],p[1]),h[l]=p[l],t.lineTo(h[0],h[1])}},e}(sl),_k=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._mainGroup=new to,n}return n(e,t),e.prototype.init=function(t,e){this._controller=new LD(e.getZr()),this._controllerHost={target:this.group},this.group.add(this._mainGroup)},e.prototype.render=function(t,e,n){var i=t.getData(),r=t.layoutInfo,o=this._mainGroup;"radial"===t.get("layout")?(o.x=r.x+r.width/2,o.y=r.y+r.height/2):(o.x=r.x,o.y=r.y),this._updateViewCoordSys(t,n),this._updateController(t,null,e,n);var a=this._data;i.diff(a).add((function(e){bk(i,e)&&wk(i,e,null,o,t)})).update((function(e,n){var r=a.getItemGraphicEl(n);bk(i,e)?wk(i,e,r,o,t):r&&Ik(a,n,r,o,t)})).remove((function(e){var n=a.getItemGraphicEl(e);n&&Ik(a,e,n,o,t)})).execute(),this._nodeScaleRatio=t.get("nodeScaleRatio"),this._updateNodeAndLinkScale(t),!0===t.get("expandAndCollapse")&&i.eachItemGraphicEl((function(e,i){e.off("click").on("click",(function(){n.dispatchAction({type:"treeExpandAndCollapse",seriesId:t.id,dataIndex:i})}))})),this._data=i},e.prototype._updateViewCoordSys=function(t,e){var n=t.getData(),i=[];n.each((function(t){var e=n.getItemLayout(t);!e||isNaN(e.x)||isNaN(e.y)||i.push([+e.x,+e.y])}));var r=[],o=[];ys(i,r,o);var a=this._min,s=this._max;o[0]-r[0]==0&&(r[0]=a?a[0]:r[0]-1,o[0]=s?s[0]:o[0]+1),o[1]-r[1]==0&&(r[1]=a?a[1]:r[1]-1,o[1]=s?s[1]:o[1]+1);var l=t.coordinateSystem=new KA(null,{api:e,ecModel:t.ecModel});l.zoomLimit=t.get("scaleLimit"),l.setBoundingRect(r[0],r[1],o[0]-r[0],o[1]-r[1]),l.setCenter(t.get("center")),l.setZoom(t.get("zoom")),this.group.attr({x:l.x,y:l.y,scaleX:l.scaleX,scaleY:l.scaleY}),this._min=r,this._max=o},e.prototype._updateController=function(t,e,n,i){var r=this;HD(t,i,this.group,this._controller,this._controllerHost,e),this._controller.on("zoom",(function(e){r._updateNodeAndLinkScale(t)}))},e.prototype._updateNodeAndLinkScale=function(t){var e=t.getData(),n=this._getNodeGlobalScale(t);e.eachItemGraphicEl((function(t,e){t.setSymbolScale(n)}))},e.prototype._getNodeGlobalScale=function(t){var e=t.coordinateSystem;if("view"!==e.type)return 1;var n=this._nodeScaleRatio,i=e.scaleX||1;return((e.getZoom()-1)*n+1)/i},e.prototype.dispose=function(){this._controller&&this._controller.dispose(),this._controllerHost=null},e.prototype.remove=function(){this._mainGroup.removeAll(),this._data=null},e.type="tree",e}(tv);function bk(t,e){var n=t.getItemLayout(e);return n&&!isNaN(n.x)&&!isNaN(n.y)}function wk(t,e,n,i,r){var o=!n,a=t.tree.getNodeByDataIndex(e),s=a.getModel(),l=a.getVisual("style").fill,u=!1===a.isExpand&&0!==a.children.length?l:tf.color.neutral00,c=t.tree.root,h=a.parentNode===c?a:a.parentNode||a,d=t.getItemGraphicEl(h.dataIndex),p=h.getLayout(),f=d?{x:d.__oldX,y:d.__oldY,rawX:d.__radialOldRawX,rawY:d.__radialOldRawY}:p,g=a.getLayout();o?((n=new rI(t,e,null,{symbolInnerColor:u,useNameLabel:!0})).x=f.x,n.y=f.y):n.updateData(t,e,null,{symbolInnerColor:u,useNameLabel:!0}),n.__radialOldRawX=n.__radialRawX,n.__radialOldRawY=n.__radialRawY,n.__radialRawX=g.rawX,n.__radialRawY=g.rawY,i.add(n),t.setItemGraphicEl(e,n),n.__oldX=n.x,n.__oldY=n.y,th(n,{x:g.x,y:g.y},r);var y=n.getSymbolPath();if("radial"===r.get("layout")){var v=c.children[0],m=v.getLayout(),x=v.children.length,_=void 0,b=void 0;if(g.x===m.x&&!0===a.isExpand&&v.children.length){var w={x:(v.children[0].getLayout().x+v.children[x-1].getLayout().x)/2,y:(v.children[0].getLayout().y+v.children[x-1].getLayout().y)/2};(_=Math.atan2(w.y-m.y,w.x-m.x))<0&&(_=2*Math.PI+_),(b=w.x<m.x)&&(_-=Math.PI)}else(_=Math.atan2(g.y-m.y,g.x-m.x))<0&&(_=2*Math.PI+_),0===a.children.length||0!==a.children.length&&!1===a.isExpand?(b=g.x<m.x)&&(_-=Math.PI):(b=g.x>m.x)||(_-=Math.PI);var S=b?"left":"right",M=s.getModel("label"),I=M.get("rotate"),T=I*(Math.PI/180),C=y.getTextContent();C&&(y.setTextConfig({position:M.get("position")||S,rotation:null==I?-_:T,origin:"center"}),C.setStyle("verticalAlign","middle"))}var D=s.get(["emphasis","focus"]),A="relative"===D?vt(a.getAncestorsIndices(),a.getDescendantIndices()):"ancestor"===D?a.getAncestorsIndices():"descendant"===D?a.getDescendantIndices():null;A&&(zl(n).focus=A),function(t,e,n,i,r,o,a,s){var l=e.getModel(),u=t.get("edgeShape"),c=t.get("layout"),h=t.getOrient(),d=t.get(["lineStyle","curveness"]),p=t.get("edgeForkPosition"),f=l.getModel("lineStyle").getLineStyle(),g=i.__edge;if("curve"===u)e.parentNode&&e.parentNode!==n&&(g||(g=i.__edge=new Oc({shape:Tk(c,h,d,r,r)})),th(g,{shape:Tk(c,h,d,o,a)},t));else if("polyline"===u)if("orthogonal"===c){if(e!==n&&e.children&&0!==e.children.length&&!0===e.isExpand){for(var y=e.children,v=[],m=0;m<y.length;m++){var x=y[m].getLayout();v.push([x.x,x.y])}g||(g=i.__edge=new xk({shape:{parentPoint:[a.x,a.y],childPoints:[[a.x,a.y]],orient:h,forkPosition:p}})),th(g,{shape:{parentPoint:[a.x,a.y],childPoints:v}},t)}}else 0;g&&("polyline"!==u||e.isExpand)&&(g.useStyle(k({strokeNoScale:!0,fill:null},f)),ku(g,l,"lineStyle"),uu(g),s.add(g))}(r,a,c,n,f,p,g,i),n.__edge&&(n.onHoverStateChange=function(e){if("blur"!==e){var i=a.parentNode&&t.getItemGraphicEl(a.parentNode.dataIndex);i&&1===i.hoverState||su(n.__edge,e)}})}function Sk(t,e,n,i,r){var o=Mk(e.tree.root,t),a=o.source,s=o.sourceLayout,l=e.getItemGraphicEl(t.dataIndex);if(l){var u=e.getItemGraphicEl(a.dataIndex).__edge,c=l.__edge||(!1===a.isExpand||1===a.children.length?u:void 0),h=i.get("edgeShape"),d=i.get("layout"),p=i.get("orient"),f=i.get(["lineStyle","curveness"]);c&&("curve"===h?ih(c,{shape:Tk(d,p,f,s,s),style:{opacity:0}},i,{cb:function(){n.remove(c)},removeOpt:r}):"polyline"===h&&"orthogonal"===i.get("layout")&&ih(c,{shape:{parentPoint:[s.x,s.y],childPoints:[[s.x,s.y]]},style:{opacity:0}},i,{cb:function(){n.remove(c)},removeOpt:r}))}}function Mk(t,e){for(var n,i=e.parentNode===t?e:e.parentNode||e;null==(n=i.getLayout());)i=i.parentNode===t?i:i.parentNode||i;return{source:i,sourceLayout:n}}function Ik(t,e,n,i,r){var o=t.tree.getNodeByDataIndex(e),a=Mk(t.tree.root,o).sourceLayout,s={duration:r.get("animationDurationUpdate"),easing:r.get("animationEasingUpdate")};ih(n,{x:a.x+1,y:a.y+1},r,{cb:function(){i.remove(n),t.setItemGraphicEl(e,null)},removeOpt:s}),n.fadeOut(null,t.hostModel,{fadeLabel:!0,animation:s}),o.children.forEach((function(e){Sk(e,t,i,r,s)})),Sk(o,t,i,r,s)}function Tk(t,e,n,i,r){var o,a,s,l,u,c,h,d;if("radial"===t){u=i.rawX,h=i.rawY,c=r.rawX,d=r.rawY;var p=dk(u,h),f=dk(u,h+(d-h)*n),g=dk(c,d+(h-d)*n),y=dk(c,d);return{x1:p.x||0,y1:p.y||0,x2:y.x||0,y2:y.y||0,cpx1:f.x||0,cpy1:f.y||0,cpx2:g.x||0,cpy2:g.y||0}}return u=i.x,h=i.y,c=r.x,d=r.y,"LR"!==e&&"RL"!==e||(o=u+(c-u)*n,a=h,s=c+(u-c)*n,l=d),"TB"!==e&&"BT"!==e||(o=u,a=h+(d-h)*n,s=c,l=d+(h-d)*n),{x1:u,y1:h,x2:c,y2:d,cpx1:o,cpy1:a,cpx2:s,cpy2:l}}var Ck=sa();function Dk(t){var e=t.mainData,n=t.datas;n||(n={main:e},t.datasAttr={main:"data"}),t.datas=t.mainData=null,Rk(e,n,t),z(n,(function(n){z(e.TRANSFERABLE_METHODS,(function(e){n.wrapMethod(e,H(Ak,t))}))})),e.wrapMethod("cloneShallow",H(Lk,t)),z(e.CHANGABLE_METHODS,(function(n){e.wrapMethod(n,H(kk,t))})),lt(n[e.dataType]===e)}function Ak(t,e){if(Ck(i=this).mainData===i){var n=A({},Ck(this).datas);n[this.dataType]=e,Rk(e,n,t)}else Nk(e,this.dataType,Ck(this).mainData,t);var i;return e}function kk(t,e){return t.struct&&t.struct.update(),e}function Lk(t,e){return z(Ck(e).datas,(function(n,i){n!==e&&Nk(n.cloneShallow(),i,e,t)})),e}function Pk(t){var e=Ck(this).mainData;return null==t||null==e?e:Ck(e).datas[t]}function Ok(){var t=Ck(this).mainData;return null==t?[{data:t}]:E(F(Ck(t).datas),(function(e){return{type:e,data:Ck(t).datas[e]}}))}function Rk(t,e,n){Ck(t).datas={},z(e,(function(e,i){Nk(e,i,t,n)}))}function Nk(t,e,n,i){Ck(n).datas[e]=t,Ck(t).mainData=n,t.dataType=e,i.struct&&(t[i.structAttr]=i.struct,i.struct[i.datasAttr[e]]=t),t.getLinkedData=Pk,t.getLinkedDataAll=Ok}var zk=function(){function t(t,e){this.depth=0,this.height=0,this.dataIndex=-1,this.children=[],this.viewChildren=[],this.isExpand=!1,this.name=t||"",this.hostTree=e}return t.prototype.isRemoved=function(){return this.dataIndex<0},t.prototype.eachNode=function(t,e,n){Y(t)&&(n=e,e=t,t=null),X(t=t||{})&&(t={order:t});var i,r=t.order||"preorder",o=this[t.attr||"children"];"preorder"===r&&(i=e.call(n,this));for(var a=0;!i&&a<o.length;a++)o[a].eachNode(t,e,n);"postorder"===r&&e.call(n,this)},t.prototype.updateDepthAndHeight=function(t){var e=0;this.depth=t;for(var n=0;n<this.children.length;n++){var i=this.children[n];i.updateDepthAndHeight(t+1),i.height>e&&(e=i.height)}this.height=e+1},t.prototype.getNodeById=function(t){if(this.getId()===t)return this;for(var e=0,n=this.children,i=n.length;e<i;e++){var r=n[e].getNodeById(t);if(r)return r}},t.prototype.contains=function(t){if(t===this)return!0;for(var e=0,n=this.children,i=n.length;e<i;e++){var r=n[e].contains(t);if(r)return r}},t.prototype.getAncestors=function(t){for(var e=[],n=t?this:this.parentNode;n;)e.push(n),n=n.parentNode;return e.reverse(),e},t.prototype.getAncestorsIndices=function(){for(var t=[],e=this;e;)t.push(e.dataIndex),e=e.parentNode;return t.reverse(),t},t.prototype.getDescendantIndices=function(){var t=[];return this.eachNode((function(e){t.push(e.dataIndex)})),t},t.prototype.getValue=function(t){var e=this.hostTree.data;return e.getStore().get(e.getDimensionIndex(t||"value"),this.dataIndex)},t.prototype.setLayout=function(t,e){this.dataIndex>=0&&this.hostTree.data.setItemLayout(this.dataIndex,t,e)},t.prototype.getLayout=function(){return this.hostTree.data.getItemLayout(this.dataIndex)},t.prototype.getModel=function(t){if(!(this.dataIndex<0))return this.hostTree.data.getItemModel(this.dataIndex).getModel(t)},t.prototype.getLevelModel=function(){return(this.hostTree.levelModels||[])[this.depth]},t.prototype.setVisual=function(t,e){this.dataIndex>=0&&this.hostTree.data.setItemVisual(this.dataIndex,t,e)},t.prototype.getVisual=function(t){return this.hostTree.data.getItemVisual(this.dataIndex,t)},t.prototype.getRawIndex=function(){return this.hostTree.data.getRawIndex(this.dataIndex)},t.prototype.getId=function(){return this.hostTree.data.getId(this.dataIndex)},t.prototype.getChildIndex=function(){if(this.parentNode){for(var t=this.parentNode.children,e=0;e<t.length;++e)if(t[e]===this)return e;return-1}return-1},t.prototype.isAncestorOf=function(t){for(var e=t.parentNode;e;){if(e===this)return!0;e=e.parentNode}return!1},t.prototype.isDescendantOf=function(t){return t!==this&&t.isAncestorOf(this)},t}(),Ek=function(){function t(t){this.type="tree",this._nodes=[],this.hostModel=t}return t.prototype.eachNode=function(t,e,n){this.root.eachNode(t,e,n)},t.prototype.getNodeByDataIndex=function(t){var e=this.data.getRawIndex(t);return this._nodes[e]},t.prototype.getNodeById=function(t){return this.root.getNodeById(t)},t.prototype.update=function(){for(var t=this.data,e=this._nodes,n=0,i=e.length;n<i;n++)e[n].dataIndex=-1;for(n=0,i=t.count();n<i;n++)e[t.getRawIndex(n)].dataIndex=n},t.prototype.clearLayouts=function(){this.data.clearItemLayouts()},t.createTree=function(e,n,i){var r=new t(n),o=[],a=1;!function t(e,n){var i=e.value;a=Math.max(a,U(i)?i.length:1),o.push(e);var s=new zk(ia(e.name,""),r);n?function(t,e){var n=e.children;if(t.parentNode===e)return;n.push(t),t.parentNode=e}(s,n):r.root=s,r._nodes.push(s);var l=e.children;if(l)for(var u=0;u<l.length;u++)t(l[u],s)}(e),r.root.updateDepthAndHeight(0);var s=V_(o,{coordDimensions:["value"],dimensionsCount:a}).dimensions,l=new B_(s,n);return l.initData(o),i&&i(l),Dk({mainData:l,struct:r,structAttr:"tree"}),r.update(),r},t}();function Bk(t,e,n){if(t&&P(e,t.type)>=0){var i=n.getData().tree.root,r=t.targetNode;if(X(r)&&(r=i.getNodeById(r)),r&&i.contains(r))return{node:r};var o=t.targetNodeId;if(null!=o&&(r=i.getNodeById(o)))return{node:r}}}function Vk(t){for(var e=[];t;)(t=t.parentNode)&&e.push(t);return e.reverse()}function Gk(t,e){return P(Vk(t),e)>=0}function Fk(t,e){for(var n=[];t;){var i=t.dataIndex;n.push({name:t.name,dataIndex:i,value:e.getRawValue(i)}),t=t.parentNode}return n.reverse(),n}var Wk=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.hasSymbolVisual=!0,e.ignoreStyleOnData=!0,e}return n(e,t),e.prototype.getInitialData=function(t){var e={name:t.name,children:t.data},n=t.leaves||{},i=new wd(n,this,this.ecModel),r=Ek.createTree(e,this,(function(t){t.wrapMethod("getItemModel",(function(t,e){var n=r.getNodeByDataIndex(e);return n&&n.children.length&&n.isExpand||(t.parentModel=i),t}))}));var o=0;r.eachNode("preorder",(function(t){t.depth>o&&(o=t.depth)}));var a=t.expandAndCollapse&&t.initialTreeDepth>=0?t.initialTreeDepth:o;return r.root.eachNode("preorder",(function(t){var e=t.hostTree.data.getRawDataItem(t.dataIndex);t.isExpand=e&&null!=e.collapsed?!e.collapsed:t.depth<=a})),r.data},e.prototype.getOrient=function(){var t=this.get("orient");return"horizontal"===t?t="LR":"vertical"===t&&(t="TB"),t},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.formatTooltip=function(t,e,n){for(var i=this.getData().tree,r=i.root.children[0],o=i.getNodeByDataIndex(t),a=o.getValue(),s=o.name;o&&o!==r;)s=o.parentNode.name+"."+s,o=o.parentNode;return Ty("nameValue",{name:s,value:a,noValue:isNaN(a)||null==a})},e.prototype.getDataParams=function(e){var n=t.prototype.getDataParams.apply(this,arguments),i=this.getData().tree.getNodeByDataIndex(e);return n.treeAncestors=Fk(i,this),n.collapsed=!i.isExpand,n},e.type="series.tree",e.layoutMode="box",e.defaultOption={z:2,coordinateSystemUsage:"box",left:"12%",top:"12%",right:"12%",bottom:"12%",layout:"orthogonal",edgeShape:"curve",edgeForkPosition:"50%",roam:!1,roamTrigger:"global",nodeScaleRatio:.4,center:null,zoom:1,orient:"LR",symbol:"emptyCircle",symbolSize:7,expandAndCollapse:!0,initialTreeDepth:2,lineStyle:{color:tf.color.borderTint,width:1.5,curveness:.5},itemStyle:{color:"lightsteelblue",borderWidth:1.5},label:{show:!0},animationEasing:"linear",animationDuration:700,animationDurationUpdate:500},e}(Wy);function Hk(t,e){for(var n,i=[t];n=i.pop();)if(e(n),n.isExpand){var r=n.children;if(r.length)for(var o=r.length-1;o>=0;o--)i.push(r[o])}}function Uk(t,e){t.eachSeriesByType("tree",(function(t){!function(t,e){var n=Xp(t,e).refContainer,i=Hp(t.getBoxLayoutParams(),n);t.layoutInfo=i;var r=t.get("layout"),o=0,a=0,s=null;"radial"===r?(o=2*Math.PI,a=Math.min(i.height,i.width)/2,s=hk((function(t,e){return(t.parentNode===e.parentNode?1:2)/t.depth}))):(o=i.width,a=i.height,s=hk());var l=t.getData().tree.root,u=l.children[0];if(u){!function(t){var e=t;e.hierNode={defaultAncestor:null,ancestor:e,prelim:0,modifier:0,change:0,shift:0,i:0,thread:null};for(var n,i,r=[e];n=r.pop();)if(i=n.children,n.isExpand&&i.length)for(var o=i.length-1;o>=0;o--){var a=i[o];a.hierNode={defaultAncestor:null,ancestor:a,prelim:0,modifier:0,change:0,shift:0,i:o,thread:null},r.push(a)}}(l),function(t,e,n){for(var i,r=[t],o=[];i=r.pop();)if(o.push(i),i.isExpand){var a=i.children;if(a.length)for(var s=0;s<a.length;s++)r.push(a[s])}for(;i=o.pop();)e(i,n)}(u,uk,s),l.hierNode.modifier=-u.hierNode.prelim,Hk(u,ck);var c=u,h=u,d=u;Hk(u,(function(t){var e=t.getLayout().x;e<c.getLayout().x&&(c=t),e>h.getLayout().x&&(h=t),t.depth>d.depth&&(d=t)}));var p=c===h?1:s(c,h)/2,f=p-c.getLayout().x,g=0,y=0,v=0,m=0;if("radial"===r)g=o/(h.getLayout().x+p+f),y=a/(d.depth-1||1),Hk(u,(function(t){v=(t.getLayout().x+f)*g,m=(t.depth-1)*y;var e=dk(v,m);t.setLayout({x:e.x,y:e.y,rawX:v,rawY:m},!0)}));else{var x=t.getOrient();"RL"===x||"LR"===x?(y=a/(h.getLayout().x+p+f),g=o/(d.depth-1||1),Hk(u,(function(t){m=(t.getLayout().x+f)*y,v="LR"===x?(t.depth-1)*g:o-(t.depth-1)*g,t.setLayout({x:v,y:m},!0)}))):"TB"!==x&&"BT"!==x||(g=o/(h.getLayout().x+p+f),y=a/(d.depth-1||1),Hk(u,(function(t){v=(t.getLayout().x+f)*g,m="TB"===x?(t.depth-1)*y:a-(t.depth-1)*y,t.setLayout({x:v,y:m},!0)})))}}}(t,e)}))}function Yk(t){t.eachSeriesByType("tree",(function(t){var e=t.getData();e.tree.eachNode((function(t){var n=t.getModel().getModel("itemStyle").getItemStyle();A(e.ensureUniqueItemVisual(t.dataIndex,"style"),n)}))}))}var Xk=["treemapZoomToNode","treemapRender","treemapMove"];function Zk(t){var e=t.getData().tree,n={};e.eachNode((function(e){for(var i=e;i&&i.depth>1;)i=i.parentNode;var r=Nf(t.ecModel,i.name||i.dataIndex+"",n);e.setVisual("decal",r)}))}var jk=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.preventUsingHoverLayer=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){var n={name:t.name,children:t.data};qk(n);var i=t.levels||[],r=this.designatedVisualItemStyle={},o=new wd({itemStyle:r},this,e);i=t.levels=function(t,e){var n,i,r=qo(e.get("color")),o=qo(e.get(["aria","decal","decals"]));if(!r)return;t=t||[],z(t,(function(t){var e=new wd(t),r=e.get("color"),o=e.get("decal");(e.get(["itemStyle","color"])||r&&"none"!==r)&&(n=!0),(e.get(["itemStyle","decal"])||o&&"none"!==o)&&(i=!0)}));var a=t[0]||(t[0]={});n||(a.color=r.slice());!i&&o&&(a.decal=o.slice());return t}(i,e);var a=E(i||[],(function(t){return new wd(t,o,e)}),this),s=Ek.createTree(n,this,(function(t){t.wrapMethod("getItemModel",(function(t,e){var n=s.getNodeByDataIndex(e),i=n?a[n.depth]:null;return t.parentModel=i||o,t}))}));return s.data},e.prototype.optionUpdated=function(){this.resetViewRoot()},e.prototype.formatTooltip=function(t,e,n){var i=this.getData(),r=this.getRawValue(t);return Ty("nameValue",{name:i.getName(t),value:r})},e.prototype.getDataParams=function(e){var n=t.prototype.getDataParams.apply(this,arguments),i=this.getData().tree.getNodeByDataIndex(e);return n.treeAncestors=Fk(i,this),n.treePathInfo=n.treeAncestors,n},e.prototype.setLayoutInfo=function(t){this.layoutInfo=this.layoutInfo||{},A(this.layoutInfo,t)},e.prototype.mapIdToIndex=function(t){var e=this._idIndexMap;e||(e=this._idIndexMap=yt(),this._idIndexMapCount=0);var n=e.get(t);return null==n&&e.set(t,n=this._idIndexMapCount++),n},e.prototype.getViewRoot=function(){return this._viewRoot},e.prototype.resetViewRoot=function(t){t?this._viewRoot=t:t=this._viewRoot;var e=this.getRawData().tree.root;t&&(t===e||e.contains(t))||(this._viewRoot=e)},e.prototype.enableAriaDecal=function(){Zk(this)},e.type="series.treemap",e.layoutMode="box",e.defaultOption={progressive:0,coordinateSystemUsage:"box",left:tf.size.l,top:tf.size.xxxl,right:tf.size.l,bottom:tf.size.xxxl,sort:!0,clipWindow:"origin",squareRatio:.5*(1+Math.sqrt(5)),leafDepth:null,drillDownIcon:"▶",zoomToNodeRatio:.1024,scaleLimit:{max:5,min:.2},roam:!0,roamTrigger:"global",nodeClick:"zoomToNode",animation:!0,animationDurationUpdate:900,animationEasing:"quinticInOut",breadcrumb:{show:!0,height:22,left:"center",bottom:tf.size.m,emptyItemWidth:25,itemStyle:{color:tf.color.backgroundShade,textStyle:{color:tf.color.secondary}},emphasis:{itemStyle:{color:tf.color.background}}},label:{show:!0,distance:0,padding:5,position:"inside",color:tf.color.neutral00,overflow:"truncate"},upperLabel:{show:!1,position:[0,"50%"],height:20,overflow:"truncate",verticalAlign:"middle"},itemStyle:{color:null,colorAlpha:null,colorSaturation:null,borderWidth:0,gapWidth:0,borderColor:tf.color.neutral00,borderColorSaturation:null},emphasis:{upperLabel:{show:!0,position:[0,"50%"],overflow:"truncate",verticalAlign:"middle"}},visualDimension:0,visualMin:null,visualMax:null,color:[],colorAlpha:null,colorSaturation:null,colorMappingBy:"index",visibleMin:10,childrenVisibleMin:null,levels:[]},e}(Wy);function qk(t){var e=0;z(t.children,(function(t){qk(t);var n=t.value;U(n)&&(n=n[0]),e+=n}));var n=t.value;U(n)&&(n=n[0]),(null==n||isNaN(n))&&(n=e),n<0&&(n=0),U(t.value)?t.value[0]=n:t.value=n}var Kk=function(){function t(t){this.group=new to,t.add(this.group)}return t.prototype.render=function(t,e,n,i){var r=t.getModel("breadcrumb"),o=this.group;if(o.removeAll(),r.get("show")&&n){var a=r.getModel("itemStyle"),s=r.getModel("emphasis"),l=a.getModel("textStyle"),u=s.getModel(["itemStyle","textStyle"]),c=Xp(t,e).refContainer,h={left:r.get("left"),right:r.get("right"),top:r.get("top"),bottom:r.get("bottom")},d={emptyItemWidth:r.get("emptyItemWidth"),totalWidth:0,renderList:[]},p=Hp(h,c);this._prepare(n,d,l),this._renderContent(t,d,p,a,s,l,u,i),Zp(o,h,c)}},t.prototype._prepare=function(t,e,n){for(var i=t;i;i=i.parentNode){var r=ia(i.getModel().get("name"),""),o=n.getTextRect(r),a=Math.max(o.width+16,e.emptyItemWidth);e.totalWidth+=a+8,e.renderList.push({node:i,text:r,width:a})}},t.prototype._renderContent=function(t,e,n,i,r,o,a,s){for(var l=0,u=e.emptyItemWidth,c=t.get(["breadcrumb","height"]),h=e.totalWidth,d=e.renderList,p=r.getModel("itemStyle").getItemStyle(),f=d.length-1;f>=0;f--){var g=d[f],y=g.node,v=g.width,m=g.text;h>n.width&&(h-=v-u,v=u,m=null);var x=new Mc({shape:{points:$k(l,0,v,c,f===d.length-1,0===f)},style:k(i.getItemStyle(),{lineJoin:"bevel"}),textContent:new Sl({style:Qh(o,{text:m})}),textConfig:{position:"inside"},z2:1e5,onclick:H(s,y)});x.disableLabelAnimation=!0,x.getTextContent().ensureState("emphasis").style=Qh(a,{text:m}),x.ensureState("emphasis").style=p,Tu(x,r.get("focus"),r.get("blurScope"),r.get("disabled")),this.group.add(x),Jk(x,t,y),l+=v+8}},t.prototype.remove=function(){this.group.removeAll()},t}();function $k(t,e,n,i,r,o){var a=[[r?t:t-5,e],[t+n,e],[t+n,e+i],[r?t:t-5,e+i]];return!o&&a.splice(2,0,[t+n+5,e+i/2]),!r&&a.push([t,e+i/2]),a}function Jk(t,e,n){zl(t).eventData={componentType:"series",componentSubType:"treemap",componentIndex:e.componentIndex,seriesIndex:e.seriesIndex,seriesName:e.name,seriesType:"treemap",selfType:"breadcrumb",nodeData:{dataIndex:n&&n.dataIndex,name:n&&n.name},treePathInfo:n&&Fk(n,e)}}var Qk=function(){function t(){this._storage=[],this._elExistsMap={}}return t.prototype.add=function(t,e,n,i,r){return!this._elExistsMap[t.id]&&(this._elExistsMap[t.id]=!0,this._storage.push({el:t,target:e,duration:n,delay:i,easing:r}),!0)},t.prototype.finished=function(t){return this._finishedCallback=t,this},t.prototype.start=function(){for(var t=this,e=this._storage.length,n=function(){--e<=0&&(t._storage.length=0,t._elExistsMap={},t._finishedCallback&&t._finishedCallback())},i=0,r=this._storage.length;i<r;i++){var o=this._storage[i];o.el.animateTo(o.target,{duration:o.duration,delay:o.delay,easing:o.easing,setToFinal:!0,done:n,aborted:n})}return this},t}();var tL=to,eL=xl,nL="label",iL="upperLabel",rL=Da([["fill","color"],["stroke","strokeColor"],["lineWidth","strokeWidth"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["shadowColor"]]),oL=function(t){var e=rL(t);return e.stroke=e.fill=e.lineWidth=null,e},aL=sa(),sL=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._state="ready",n._storage={nodeGroup:[],background:[],content:[]},n}return n(e,t),e.prototype.render=function(t,e,n,i){if(!(P(e.findComponents({mainType:"series",subType:"treemap",query:i}),t)<0)){this.seriesModel=t,this.api=n,this.ecModel=e;var r=Bk(i,["treemapZoomToNode","treemapRootToNode"],t),o=i&&i.type,a=t.layoutInfo,s=!this._oldTree,l=this._storage,u="treemapRootToNode"===o&&r&&l?{rootNodeGroup:l.nodeGroup[r.node.getRawIndex()],direction:i.direction}:null,c=this._giveContainerGroup(a),h=t.get("animation"),d=this._doRender(c,t,u);!h||s||o&&"treemapZoomToNode"!==o&&"treemapRootToNode"!==o?d.renderFinally():this._doAnimation(c,d,t,u),this._resetController(n),this._renderBreadcrumb(t,n,r)}},e.prototype._giveContainerGroup=function(t){var e=this._containerGroup;return e||(e=this._containerGroup=new tL,this._initEvents(e),this.group.add(e)),e.x=t.x,e.y=t.y,e},e.prototype._doRender=function(t,e,n){var i=e.getData().tree,r=this._oldTree,o={nodeGroup:[],background:[],content:[]},a={nodeGroup:[],background:[],content:[]},s=this._storage,l=[];function u(t,i,r,u){return function(t,e,n,i,r,o,a,s,l,u){if(!a)return;var c=a.getLayout(),h=t.getData(),d=a.getModel();if(h.setItemGraphicEl(a.dataIndex,null),!c||!c.isInView)return;var p=c.width,f=c.height,g=c.borderWidth,y=c.invisible,v=a.getRawIndex(),m=s&&s.getRawIndex(),x=a.viewChildren,_=c.upperHeight,b=x&&x.length,w=d.getModel("itemStyle"),S=d.getModel(["emphasis","itemStyle"]),M=d.getModel(["blur","itemStyle"]),I=d.getModel(["select","itemStyle"]),T=w.get("borderRadius")||0,C=W("nodeGroup",tL);if(!C)return;if(l.add(C),C.x=c.x||0,C.y=c.y||0,C.markRedraw(),aL(C).nodeWidth=p,aL(C).nodeHeight=f,c.isAboveViewRoot)return C;var D=W("background",eL,u,20);D&&E(C,D,b&&c.upperLabelHeight);var k=d.getModel("emphasis"),L=k.get("focus"),P=k.get("blurScope"),O=k.get("disabled"),R="ancestor"===L?a.getAncestorsIndices():"descendant"===L?a.getDescendantIndices():L;if(b)Pu(C)&&Lu(C,!1),D&&(Lu(D,!O),h.setItemGraphicEl(a.dataIndex,D),Cu(D,R,P));else{var N=W("content",eL,u,30);N&&B(C,N),D.disableMorphing=!0,D&&Pu(D)&&Lu(D,!1),Lu(C,!O),h.setItemGraphicEl(a.dataIndex,C);var z=d.getShallow("cursor");z&&N.attr("cursor",z),Cu(C,R,P)}return C;function E(e,n,i){var r=zl(n);if(r.dataIndex=a.dataIndex,r.seriesIndex=t.seriesIndex,n.setShape({x:0,y:0,width:p,height:f,r:T}),y)V(n);else{n.invisible=!1;var o=a.getVisual("style"),s=o.stroke,l=oL(w);l.fill=s;var u=rL(S);u.fill=S.get("borderColor");var c=rL(M);c.fill=M.get("borderColor");var h=rL(I);if(h.fill=I.get("borderColor"),i){var d=p-2*g;G(n,s,o.opacity,{x:g,y:0,width:d,height:_})}else n.removeTextContent();n.setStyle(l),n.ensureState("emphasis").style=u,n.ensureState("blur").style=c,n.ensureState("select").style=h,uu(n)}e.add(n)}function B(e,n){var i=zl(n);i.dataIndex=a.dataIndex,i.seriesIndex=t.seriesIndex;var r=Math.max(p-2*g,0),o=Math.max(f-2*g,0);if(n.culling=!0,n.setShape({x:g,y:g,width:r,height:o,r:T}),y)V(n);else{n.invisible=!1;var s=a.getVisual("style"),l=s.fill,u=oL(w);u.fill=l,u.decal=s.decal;var c=rL(S),h=rL(M),d=rL(I);G(n,l,s.opacity,null),n.setStyle(u),n.ensureState("emphasis").style=c,n.ensureState("blur").style=h,n.ensureState("select").style=d,uu(n)}e.add(n)}function V(t){!t.invisible&&o.push(t)}function G(e,n,i,r){var o=d.getModel(r?iL:nL),s=ia(d.get("name"),null),l=o.getShallow("show");$h(e,Jh(d,r?iL:nL),{defaultText:l?s:null,inheritColor:n,defaultOpacity:i,labelFetcher:t,labelDataIndex:a.dataIndex});var u=e.getTextContent();if(u){var h=u.style,p=st(h.padding||0);r&&(e.setTextConfig({layoutRect:r}),u.disableLabelLayout=!0),u.beforeUpdate=function(){var t=Math.max((r?r.width:e.shape.width)-p[1]-p[3],0),n=Math.max((r?r.height:e.shape.height)-p[0]-p[2],0);h.width===t&&h.height===n||u.setStyle({width:t,height:n})},h.truncateMinChar=2,h.lineOverflow="truncate",F(h,r,c);var f=u.getState("emphasis");F(f?f.style:null,r,c)}}function F(e,n,i){var r=e?e.text:null;if(!n&&i.isLeafRoot&&null!=r){var o=t.get("drillDownIcon",!0);e.text=o?o+" "+r:r}}function W(t,i,o,a){var s=null!=m&&n[t][m],l=r[t];return s?(n[t][m]=null,H(l,s)):y||((s=new i)instanceof os&&(s.z2=function(t,e){return 100*t+e}(o,a)),U(l,s)),e[t][v]=s}function H(t,e){var n=t[v]={};e instanceof tL?(n.oldX=e.x,n.oldY=e.y):n.oldShape=A({},e.shape)}function U(t,e){var n=t[v]={},o=a.parentNode,s=e instanceof to;if(o&&(!i||"drillDown"===i.direction)){var l=0,u=0,c=r.background[o.getRawIndex()];!i&&c&&c.oldShape&&(l=c.oldShape.width,u=c.oldShape.height),s?(n.oldX=0,n.oldY=u):n.oldShape={x:l,y:u,width:0,height:0}}n.fadein=!s}}(e,a,s,n,o,l,t,i,r,u)}!function t(e,n,i,r,o){r?(n=e,z(e,(function(t,e){!t.isRemoved()&&s(e,e)}))):new f_(n,e,a,a).add(s).update(s).remove(H(s,null)).execute();function a(t){return t.getId()}function s(a,s){var l=null!=a?e[a]:null,c=null!=s?n[s]:null,h=u(l,c,i,o);h&&t(l&&l.viewChildren||[],c&&c.viewChildren||[],h,r,o+1)}}(i.root?[i.root]:[],r&&r.root?[r.root]:[],t,i===r||!r,0);var c=function(t){var e={nodeGroup:[],background:[],content:[]};return t&&z(t,(function(t,n){var i=e[n];z(t,(function(t){t&&(i.push(t),aL(t).willDelete=!0)}))})),e}(s);if(this._oldTree=i,this._storage=a,this._controllerHost){var h=this.seriesModel.layoutInfo,d=i.root.getLayout();d.width===h.width&&d.height===h.height&&(this._controllerHost.zoom=1)}return{lastsForAnimation:o,willDeleteEls:c,renderFinally:function(){z(c,(function(t){z(t,(function(t){t.parent&&t.parent.remove(t)}))})),z(l,(function(t){t.invisible=!0,t.dirty()}))}}},e.prototype._doAnimation=function(t,e,n,i){var r=n.get("animationDurationUpdate"),o=n.get("animationEasing"),a=(Y(r)?0:r)||0,s=(Y(o)?null:o)||"cubicOut",l=new Qk;z(e.willDeleteEls,(function(t,e){z(t,(function(t,n){if(!t.invisible){var r,o=t.parent,u=aL(o);if(i&&"drillDown"===i.direction)r=o===i.rootNodeGroup?{shape:{x:0,y:0,width:u.nodeWidth,height:u.nodeHeight},style:{opacity:0}}:{style:{opacity:0}};else{var c=0,h=0;u.willDelete||(c=u.nodeWidth/2,h=u.nodeHeight/2),r="nodeGroup"===e?{x:c,y:h,style:{opacity:0}}:{shape:{x:c,y:h,width:0,height:0},style:{opacity:0}}}r&&l.add(t,r,a,0,s)}}))})),z(this._storage,(function(t,n){z(t,(function(t,i){var r=e.lastsForAnimation[n][i],o={};r&&(t instanceof to?null!=r.oldX&&(o.x=t.x,o.y=t.y,t.x=r.oldX,t.y=r.oldY):(r.oldShape&&(o.shape=A({},t.shape),t.setShape(r.oldShape)),r.fadein?(t.setStyle("opacity",0),o.style={opacity:1}):1!==t.style.opacity&&(o.style={opacity:1})),l.add(t,o,a,0,s))}))}),this),this._state="animating",l.finished(W((function(){this._state="ready",e.renderFinally()}),this)).start()},e.prototype._resetController=function(t){var e=this,n=this._controller,i=this._controllerHost;i||(this._controllerHost={target:this.group},i=this._controllerHost);var r=this.seriesModel;n||((n=this._controller=new LD(t.getZr())).on("pan",W(this._onPan,this)),n.on("zoom",W(this._onZoom,this))),n.enable(r.get("roam"),{api:t,zInfo:{component:r},triggerInfo:{roamTrigger:r.get("roamTrigger"),isInSelf:function(t,n,i){var r=e._containerGroup;return!!r&&r.getBoundingRect().contain(n-r.x,i-r.y)}}}),i.zoomLimit=r.get("scaleLimit"),i.zoom=r.get("zoom")},e.prototype._clearController=function(){var t=this._controller;this._controllerHost=null,t&&(t.dispose(),t=null)},e.prototype._onPan=function(t){if("animating"!==this._state&&(Math.abs(t.dx)>3||Math.abs(t.dy)>3)){var e=this.seriesModel.getData().tree.root;if(!e)return;var n=e.getLayout();if(!n)return;this.api.dispatchAction({type:"treemapMove",from:this.uid,seriesId:this.seriesModel.id,rootRect:{x:n.x+t.dx,y:n.y+t.dy,width:n.width,height:n.height}})}},e.prototype._onZoom=function(t){var e=t.originX,n=t.originY,i=t.scale;if("animating"!==this._state){var r=this.seriesModel.getData().tree.root;if(!r)return;var o=r.getLayout();if(!o)return;var a,s=new He(o.x,o.y,o.width,o.height),l=this._controllerHost;a=l.zoomLimit;var u=l.zoom=l.zoom||1;if(u*=i,a){var c=a.min||0,h=a.max||1/0;u=Math.max(Math.min(h,u),c)}var d=u/l.zoom;l.zoom=u;var p=this.seriesModel.layoutInfo,f=[1,0,0,1,0,0];Se(f,f,[-(e-=p.x),-(n-=p.y)]),Ie(f,f,[d,d]),Se(f,f,[e,n]),s.applyTransform(f),this.api.dispatchAction({type:"treemapRender",from:this.uid,seriesId:this.seriesModel.id,rootRect:{x:s.x,y:s.y,width:s.width,height:s.height}})}},e.prototype._initEvents=function(t){var e=this;t.on("click",(function(t){if("ready"===e._state){var n=e.seriesModel.get("nodeClick",!0);if(n){var i=e.findTarget(t.offsetX,t.offsetY);if(i){var r=i.node;if(r.getLayout().isLeafRoot)e._rootToNode(i);else if("zoomToNode"===n)e._zoomToNode(i);else if("link"===n){var o=r.hostTree.data.getItemModel(r.dataIndex),a=o.get("link",!0),s=o.get("target",!0)||"blank";a&&Sp(a,s)}}}}}),this)},e.prototype._renderBreadcrumb=function(t,e,n){var i=this;n||(n=null!=t.get("leafDepth",!0)?{node:t.getViewRoot()}:this.findTarget(e.getWidth()/2,e.getHeight()/2))||(n={node:t.getData().tree.root}),(this._breadcrumb||(this._breadcrumb=new Kk(this.group))).render(t,e,n.node,(function(e){"animating"!==i._state&&(Gk(t.getViewRoot(),e)?i._rootToNode({node:e}):i._zoomToNode({node:e}))}))},e.prototype.remove=function(){this._clearController(),this._containerGroup&&this._containerGroup.removeAll(),this._storage={nodeGroup:[],background:[],content:[]},this._state="ready",this._breadcrumb&&this._breadcrumb.remove()},e.prototype.dispose=function(){this._clearController()},e.prototype._zoomToNode=function(t){this.api.dispatchAction({type:"treemapZoomToNode",from:this.uid,seriesId:this.seriesModel.id,targetNode:t.node})},e.prototype._rootToNode=function(t){this.api.dispatchAction({type:"treemapRootToNode",from:this.uid,seriesId:this.seriesModel.id,targetNode:t.node})},e.prototype.findTarget=function(t,e){var n;return this.seriesModel.getViewRoot().eachNode({attr:"viewChildren",order:"preorder"},(function(i){var r=this._storage.background[i.getRawIndex()];if(r){var o=r.transformCoordToLocal(t,e),a=r.shape;if(!(a.x<=o[0]&&o[0]<=a.x+a.width&&a.y<=o[1]&&o[1]<=a.y+a.height))return!1;n={node:i,offsetX:o[0],offsetY:o[1]}}}),this),n},e.type="treemap",e}(tv);var lL=z,uL=q,cL=-1,hL=function(){function t(e){var n=e.mappingMethod,i=e.type,r=this.option=T(e);this.type=i,this.mappingMethod=n,this._normalizeData=bL[n];var o=t.visualHandlers[i];this.applyVisual=o.applyVisual,this.getColorMapper=o.getColorMapper,this._normalizedToVisual=o._normalizedToVisual[n],"piecewise"===n?(dL(r),function(t){var e=t.pieceList;t.hasSpecialVisual=!1,z(e,(function(e,n){e.originIndex=n,null!=e.visual&&(t.hasSpecialVisual=!0)}))}(r)):"category"===n?r.categories?function(t){var e=t.categories,n=t.categoryMap={},i=t.visual;if(lL(e,(function(t,e){n[t]=e})),!U(i)){var r=[];q(i)?lL(i,(function(t,e){var i=n[e];r[null!=i?i:cL]=t})):r[-1]=i,i=_L(t,r)}for(var o=e.length-1;o>=0;o--)null==i[o]&&(delete n[e[o]],e.pop())}(r):dL(r,!0):(lt("linear"!==n||r.dataExtent),dL(r))}return t.prototype.mapValueToVisual=function(t){var e=this._normalizeData(t);return this._normalizedToVisual(e,t)},t.prototype.getNormalizer=function(){return W(this._normalizeData,this)},t.listVisualTypes=function(){return F(t.visualHandlers)},t.isValidType=function(e){return t.visualHandlers.hasOwnProperty(e)},t.eachVisual=function(t,e,n){q(t)?z(t,e,n):e.call(n,t)},t.mapVisual=function(e,n,i){var r,o=U(e)?[]:q(e)?{}:(r=!0,null);return t.eachVisual(e,(function(t,e){var a=n.call(i,t,e);r?o=a:o[e]=a})),o},t.retrieveVisuals=function(e){var n,i={};return e&&lL(t.visualHandlers,(function(t,r){e.hasOwnProperty(r)&&(i[r]=e[r],n=!0)})),n?i:null},t.prepareVisualTypes=function(t){if(U(t))t=t.slice();else{if(!uL(t))return[];var e=[];lL(t,(function(t,n){e.push(n)})),t=e}return t.sort((function(t,e){return"color"===e&&"color"!==t&&0===t.indexOf("color")?1:-1})),t},t.dependsOn=function(t,e){return"color"===e?!(!t||0!==t.indexOf(e)):t===e},t.findPieceIndex=function(t,e,n){for(var i,r=1/0,o=0,a=e.length;o<a;o++){var s=e[o].value;if(null!=s){if(s===t||X(s)&&s===t+"")return o;n&&h(s,o)}}for(o=0,a=e.length;o<a;o++){var l=e[o],u=l.interval,c=l.close;if(u){if(u[0]===-1/0){if(wL(c[1],t,u[1]))return o}else if(u[1]===1/0){if(wL(c[0],u[0],t))return o}else if(wL(c[0],u[0],t)&&wL(c[1],t,u[1]))return o;n&&h(u[0],o),n&&h(u[1],o)}}if(n)return t===1/0?e.length-1:t===-1/0?0:i;function h(e,n){var o=Math.abs(e-t);o<r&&(r=o,i=n)}},t.visualHandlers={color:{applyVisual:gL("color"),getColorMapper:function(){var t=this.option;return W("category"===t.mappingMethod?function(t,e){return!e&&(t=this._normalizeData(t)),yL.call(this,t)}:function(e,n,i){var r=!!i;return!n&&(e=this._normalizeData(e)),i=li(e,t.parsedVisual,i),r?i:fi(i,"rgba")},this)},_normalizedToVisual:{linear:function(t){return fi(li(t,this.option.parsedVisual),"rgba")},category:yL,piecewise:function(t,e){var n=xL.call(this,e);return null==n&&(n=fi(li(t,this.option.parsedVisual),"rgba")),n},fixed:vL}},colorHue:pL((function(t,e){return di(t,e)})),colorSaturation:pL((function(t,e){return di(t,null,e)})),colorLightness:pL((function(t,e){return di(t,null,null,e)})),colorAlpha:pL((function(t,e){return pi(t,e)})),decal:{applyVisual:gL("decal"),_normalizedToVisual:{linear:null,category:yL,piecewise:null,fixed:null}},opacity:{applyVisual:gL("opacity"),_normalizedToVisual:mL([0,1])},liftZ:{applyVisual:gL("liftZ"),_normalizedToVisual:{linear:vL,category:vL,piecewise:vL,fixed:vL}},symbol:{applyVisual:function(t,e,n){n("symbol",this.mapValueToVisual(t))},_normalizedToVisual:{linear:fL,category:yL,piecewise:function(t,e){var n=xL.call(this,e);return null==n&&(n=fL.call(this,t)),n},fixed:vL}},symbolSize:{applyVisual:gL("symbolSize"),_normalizedToVisual:mL([0,1])}},t}();function dL(t,e){var n=t.visual,i=[];q(n)?lL(n,(function(t){i.push(t)})):null!=n&&i.push(n);e||1!==i.length||{color:1,symbol:1}.hasOwnProperty(t.type)||(i[1]=i[0]),_L(t,i)}function pL(t){return{applyVisual:function(e,n,i){var r=this.mapValueToVisual(e);i("color",t(n("color"),r))},_normalizedToVisual:mL([0,1])}}function fL(t){var e=this.option.visual;return e[Math.round(go(t,[0,1],[0,e.length-1],!0))]||{}}function gL(t){return function(e,n,i){i(t,this.mapValueToVisual(e))}}function yL(t){var e=this.option.visual;return e[this.option.loop&&t!==cL?t%e.length:t]}function vL(){return this.option.visual[0]}function mL(t){return{linear:function(e){return go(e,t,this.option.visual,!0)},category:yL,piecewise:function(e,n){var i=xL.call(this,n);return null==i&&(i=go(e,t,this.option.visual,!0)),i},fixed:vL}}function xL(t){var e=this.option,n=e.pieceList;if(e.hasSpecialVisual){var i=n[hL.findPieceIndex(t,n)];if(i&&i.visual)return i.visual[this.type]}}function _L(t,e){return t.visual=e,"color"===t.type&&(t.parsedVisual=E(e,(function(t){var e=oi(t);return e||[0,0,0,1]}))),e}var bL={linear:function(t){return go(t,this.option.dataExtent,[0,1],!0)},piecewise:function(t){var e=this.option.pieceList,n=hL.findPieceIndex(t,e,!0);if(null!=n)return go(n,[0,e.length-1],[0,1],!0)},category:function(t){var e=this.option.categories?this.option.categoryMap[t]:t;return null==e?cL:e},fixed:bt};function wL(t,e,n){return t?e<=n:e<n}var SL=sa(),ML={seriesType:"treemap",reset:function(t){var e=t.getData().tree.root;e.isRemoved()||IL(e,{},t.getViewRoot().getAncestors(),t)}};function IL(t,e,n,i){var r=t.getModel(),o=t.getLayout(),a=t.hostTree.data;if(o&&!o.invisible&&o.isInView){var s,l=r.getModel("itemStyle"),u=function(t,e,n){var i=A({},e),r=n.designatedVisualItemStyle;return z(["color","colorAlpha","colorSaturation"],(function(n){r[n]=e[n];var o=t.get(n);r[n]=null,null!=o&&(i[n]=o)})),i}(l,e,i),c=a.ensureUniqueItemVisual(t.dataIndex,"style"),h=l.get("borderColor"),d=l.get("borderColorSaturation");null!=d&&(h=function(t,e){return null!=e?di(e,null,null,t):null}(d,s=TL(u))),c.stroke=h;var p=t.viewChildren;if(p&&p.length){var f=function(t,e,n,i,r,o){if(!o||!o.length)return;var a=DL(e,"color")||null!=r.color&&"none"!==r.color&&(DL(e,"colorAlpha")||DL(e,"colorSaturation"));if(!a)return;var s=e.get("visualMin"),l=e.get("visualMax"),u=n.dataExtent.slice();null!=s&&s<u[0]&&(u[0]=s),null!=l&&l>u[1]&&(u[1]=l);var c=e.get("colorMappingBy"),h={type:a.name,dataExtent:u,visual:a.range};"color"!==h.type||"index"!==c&&"id"!==c?h.mappingMethod="linear":(h.mappingMethod="category",h.loop=!0);var d=new hL(h);return SL(d).drColorMappingBy=c,d}(0,r,o,0,u,p);z(p,(function(t,e){if(t.depth>=n.length||t===n[t.depth]){var o=function(t,e,n,i,r,o){var a=A({},e);if(r){var s=r.type,l="color"===s&&SL(r).drColorMappingBy,u="index"===l?i:"id"===l?o.mapIdToIndex(n.getId()):n.getValue(t.get("visualDimension"));a[s]=r.mapValueToVisual(u)}return a}(r,u,t,e,f,i);IL(t,o,n,i)}}))}else s=TL(u),c.fill=s}}function TL(t){var e=CL(t,"color");if(e){var n=CL(t,"colorAlpha"),i=CL(t,"colorSaturation");return i&&(e=di(e,null,null,i)),n&&(e=pi(e,n)),e}}function CL(t,e){var n=t[e];if(null!=n&&"none"!==n)return n}function DL(t,e){var n=t.get(e);return U(n)&&n.length?{name:e,range:n}:null}var AL=Math.max,kL=Math.min,LL=it,PL=z,OL=["itemStyle","borderWidth"],RL=["itemStyle","gapWidth"],NL=["upperLabel","show"],zL=["upperLabel","height"],EL={seriesType:"treemap",reset:function(t,e,n,i){var r=t.option,o=Xp(t,n).refContainer,a=Hp(t.getBoxLayoutParams(),o),s=r.size||[],l=yo(LL(a.width,s[0]),o.width),u=yo(LL(a.height,s[1]),o.height),c=i&&i.type,h=Bk(i,["treemapZoomToNode","treemapRootToNode"],t),d="treemapRender"===c||"treemapMove"===c?i.rootRect:null,p=t.getViewRoot(),f=Vk(p);if("treemapMove"!==c){var g="treemapZoomToNode"===c?function(t,e,n,i,r){var o,a=(e||{}).node,s=[i,r];if(!a||a===n)return s;var l=i*r,u=l*t.option.zoomToNodeRatio;for(;o=a.parentNode;){for(var c=0,h=o.children,d=0,p=h.length;d<p;d++)c+=h[d].getValue();var f=a.getValue();if(0===f)return s;u*=c/f;var g=o.getModel(),y=g.get(OL);(u+=4*y*y+(3*y+Math.max(y,WL(g)))*Math.pow(u,.5))>Io&&(u=Io),a=o}u<l&&(u=l);var v=Math.pow(u/l,.5);return[i*v,r*v]}(t,h,p,l,u):d?[d.width,d.height]:[l,u],y=r.sort;y&&"asc"!==y&&"desc"!==y&&(y="desc");var v={squareRatio:r.squareRatio,sort:y,leafDepth:r.leafDepth};p.hostTree.clearLayouts();var m={x:0,y:0,width:g[0],height:g[1],area:g[0]*g[1]};p.setLayout(m),BL(p,v,!1,0),m=p.getLayout(),PL(f,(function(t,e){var n=(f[e+1]||p).getValue();t.setLayout(A({dataExtent:[n,n],borderWidth:0,upperHeight:0},m))}))}var x=t.getData().tree.root;x.setLayout(function(t,e,n){if(e)return{x:e.x,y:e.y};var i={x:0,y:0};if(!n)return i;var r=n.node,o=r.getLayout();if(!o)return i;var a=[o.width/2,o.height/2],s=r;for(;s;){var l=s.getLayout();a[0]+=l.x,a[1]+=l.y,s=s.parentNode}return{x:t.width/2-a[0],y:t.height/2-a[1]}}(a,d,h),!0),t.setLayoutInfo(a),FL(x,new He(-a.x,-a.y,n.getWidth(),n.getHeight()),f,p,0)}};function BL(t,e,n,i){var r,o;if(!t.isRemoved()){var a=t.getLayout();r=a.width,o=a.height;var s=t.getModel(),l=s.get(OL),u=s.get(RL)/2,c=WL(s),h=Math.max(l,c),d=l-u,p=h-u;t.setLayout({borderWidth:l,upperHeight:h,upperLabelHeight:c},!0);var f=(r=AL(r-2*d,0))*(o=AL(o-d-p,0)),g=function(t,e,n,i,r,o){var a=t.children||[],s=i.sort;"asc"!==s&&"desc"!==s&&(s=null);var l=null!=i.leafDepth&&i.leafDepth<=o;if(r&&!l)return t.viewChildren=[];a=V(a,(function(t){return!t.isRemoved()})),function(t,e){e&&t.sort((function(t,n){var i="asc"===e?t.getValue()-n.getValue():n.getValue()-t.getValue();return 0===i?"asc"===e?t.dataIndex-n.dataIndex:n.dataIndex-t.dataIndex:i}))}(a,s);var u=function(t,e,n){for(var i=0,r=0,o=e.length;r<o;r++)i+=e[r].getValue();var a,s=t.get("visualDimension");e&&e.length?"value"===s&&n?(a=[e[e.length-1].getValue(),e[0].getValue()],"asc"===n&&a.reverse()):(a=[1/0,-1/0],PL(e,(function(t){var e=t.getValue(s);e<a[0]&&(a[0]=e),e>a[1]&&(a[1]=e)}))):a=[NaN,NaN];return{sum:i,dataExtent:a}}(e,a,s);if(0===u.sum)return t.viewChildren=[];if(u.sum=function(t,e,n,i,r){if(!i)return n;for(var o=t.get("visibleMin"),a=r.length,s=a,l=a-1;l>=0;l--){var u=r["asc"===i?a-l-1:l].getValue();u/n*e<o&&(s=l,n-=u)}return"asc"===i?r.splice(0,a-s):r.splice(s,a-s),n}(e,n,u.sum,s,a),0===u.sum)return t.viewChildren=[];for(var c=0,h=a.length;c<h;c++){var d=a[c].getValue()/u.sum*n;a[c].setLayout({area:d})}l&&(a.length&&t.setLayout({isLeafRoot:!0},!0),a.length=0);return t.viewChildren=a,t.setLayout({dataExtent:u.dataExtent},!0),a}(t,s,f,e,n,i);if(g.length){var y={x:d,y:p,width:r,height:o},v=kL(r,o),m=1/0,x=[];x.area=0;for(var _=0,b=g.length;_<b;){var w=g[_];x.push(w),x.area+=w.getLayout().area;var S=VL(x,v,e.squareRatio);S<=m?(_++,m=S):(x.area-=x.pop().getLayout().area,GL(x,v,y,u,!1),v=kL(y.width,y.height),x.length=x.area=0,m=1/0)}if(x.length&&GL(x,v,y,u,!0),!n){var M=s.get("childrenVisibleMin");null!=M&&f<M&&(n=!0)}for(_=0,b=g.length;_<b;_++)BL(g[_],e,n,i+1)}}}function VL(t,e,n){for(var i=0,r=1/0,o=0,a=void 0,s=t.length;o<s;o++)(a=t[o].getLayout().area)&&(a<r&&(r=a),a>i&&(i=a));var l=t.area*t.area,u=e*e*n;return l?AL(u*i/l,l/(u*r)):1/0}function GL(t,e,n,i,r){var o=e===n.width?0:1,a=1-o,s=["x","y"],l=["width","height"],u=n[s[o]],c=e?t.area/e:0;(r||c>n[l[a]])&&(c=n[l[a]]);for(var h=0,d=t.length;h<d;h++){var p=t[h],f={},g=c?p.getLayout().area/c:0,y=f[l[a]]=AL(c-2*i,0),v=n[s[o]]+n[l[o]]-u,m=h===d-1||v<g?v:g,x=f[l[o]]=AL(m-2*i,0);f[s[a]]=n[s[a]]+kL(i,y/2),f[s[o]]=u+kL(i,x/2),u+=m,p.setLayout(f,!0)}n[s[a]]+=c,n[l[a]]-=c}function FL(t,e,n,i,r){var o=t.getLayout(),a=n[r],s=a&&a===t;if(!(a&&!s||r===n.length&&t!==i)){t.setLayout({isInView:!0,invisible:!s&&!e.intersect(o),isAboveViewRoot:s},!0);var l=new He(e.x-o.x,e.y-o.y,e.width,e.height);PL(t.viewChildren||[],(function(t){FL(t,l,n,i,r+1)}))}}function WL(t){return t.get(NL)?t.get(zL):0}function HL(t){var e=t.findComponents({mainType:"legend"});e&&e.length&&t.eachSeriesByType("graph",(function(t){var n=t.getCategoriesData(),i=t.getGraph().data,r=n.mapArray(n.getName);i.filterSelf((function(t){var n=i.getItemModel(t).getShallow("category");if(null!=n){j(n)&&(n=r[n]);for(var o=0;o<e.length;o++)if(!e[o].isSelected(n))return!1}return!0}))}))}function UL(t){var e={};t.eachSeriesByType("graph",(function(t){var n=t.getCategoriesData(),i=t.getData(),r={};n.each((function(i){var o=n.getName(i);r["ec-"+o]=i;var a=n.getItemModel(i),s=a.getModel("itemStyle").getItemStyle();s.fill||(s.fill=t.getColorFromPalette(o,e)),n.setItemVisual(i,"style",s);for(var l=["symbol","symbolSize","symbolKeepAspect"],u=0;u<l.length;u++){var c=a.getShallow(l[u],!0);null!=c&&n.setItemVisual(i,l[u],c)}})),n.count()&&i.each((function(t){var e=i.getItemModel(t).getShallow("category");if(null!=e){X(e)&&(e=r["ec-"+e]);var o=n.getItemVisual(e,"style");A(i.ensureUniqueItemVisual(t,"style"),o);for(var a=["symbol","symbolSize","symbolKeepAspect"],s=0;s<a.length;s++)i.setItemVisual(t,a[s],n.getItemVisual(e,a[s]))}}))}))}function YL(t){return t instanceof Array||(t=[t,t]),t}function XL(t){t.eachSeriesByType("graph",(function(t){var e=t.getGraph(),n=t.getEdgeData(),i=YL(t.get("edgeSymbol")),r=YL(t.get("edgeSymbolSize"));n.setVisual("fromSymbol",i&&i[0]),n.setVisual("toSymbol",i&&i[1]),n.setVisual("fromSymbolSize",r&&r[0]),n.setVisual("toSymbolSize",r&&r[1]),n.setVisual("style",t.getModel("lineStyle").getLineStyle()),n.each((function(t){var i=n.getItemModel(t),r=e.getEdgeByIndex(t),o=YL(i.getShallow("symbol",!0)),a=YL(i.getShallow("symbolSize",!0)),s=i.getModel("lineStyle").getLineStyle(),l=n.ensureUniqueItemVisual(t,"style");switch(A(l,s),l.stroke){case"source":var u=r.node1.getVisual("style");l.stroke=u&&u.fill;break;case"target":u=r.node2.getVisual("style");l.stroke=u&&u.fill}o[0]&&r.setVisual("fromSymbol",o[0]),o[1]&&r.setVisual("toSymbol",o[1]),a[0]&&r.setVisual("fromSymbolSize",a[0]),a[1]&&r.setVisual("toSymbolSize",a[1])}))}))}var ZL="--\x3e",jL=function(t){return t.get("autoCurveness")||null},qL=function(t,e){var n=jL(t),i=20,r=[];if(j(n))i=n;else if(U(n))return void(t.__curvenessList=n);e>i&&(i=e);var o=i%2?i+2:i+3;r=[];for(var a=0;a<o;a++)r.push((a%2?a+1:a)/10*(a%2?-1:1));t.__curvenessList=r},KL=function(t,e,n){var i=[t.id,t.dataIndex].join("."),r=[e.id,e.dataIndex].join(".");return[n.uid,i,r].join(ZL)},$L=function(t){var e=t.split(ZL);return[e[0],e[2],e[1]].join(ZL)},JL=function(t,e){var n=e.__edgeMap;return n[t]?n[t].length:0};function QL(t,e,n,i){var r=jL(e),o=U(r);if(!r)return null;var a=function(t,e){var n=KL(t.node1,t.node2,e);return e.__edgeMap[n]}(t,e);if(!a)return null;for(var s=-1,l=0;l<a.length;l++)if(a[l]===n){s=l;break}var u=function(t,e){return JL(KL(t.node1,t.node2,e),e)+JL(KL(t.node2,t.node1,e),e)}(t,e);qL(e,u),t.lineStyle=t.lineStyle||{};var c=KL(t.node1,t.node2,e),h=e.__curvenessList,d=o||u%2?0:1;if(a.isForward)return h[d+s];var p=$L(c),f=JL(p,e),g=h[s+f+d];return i?o?r&&0===r[0]?(f+d)%2?g:-g:((f%2?0:1)+d)%2?g:-g:(f+d)%2?g:-g:h[s+f+d]}function tP(t){var e=t.coordinateSystem;if(!e||"view"===e.type){var n=t.getGraph();n.eachNode((function(t){var e=t.getModel();t.setLayout([+e.get("x"),+e.get("y")])})),eP(n,t)}}function eP(t,e){t.eachEdge((function(t,n){var i=ot(t.getModel().get(["lineStyle","curveness"]),-QL(t,e,n,!0),0),r=Ct(t.node1.getLayout()),o=Ct(t.node2.getLayout()),a=[r,o];+i&&a.push([(r[0]+o[0])/2-(r[1]-o[1])*i,(r[1]+o[1])/2-(o[0]-r[0])*i]),t.setLayout(a)}))}function nP(t,e){t.eachSeriesByType("graph",(function(t){var e=t.get("layout"),n=t.coordinateSystem;if(n&&"view"!==n.type){var i=t.getData(),r=[];z(n.dimensions,(function(t){r=r.concat(i.mapDimensionsAll(t))}));for(var o=0;o<i.count();o++){for(var a=[],s=!1,l=0;l<r.length;l++){var u=i.get(r[l],o);isNaN(u)||(s=!0),a.push(u)}s?i.setItemLayout(o,n.dataToPoint(a)):i.setItemLayout(o,[NaN,NaN])}eP(i.graph,t)}else e&&"none"!==e||tP(t)}))}function iP(t){var e=t.coordinateSystem;if("view"!==e.type)return 1;var n=t.option.nodeScaleRatio,i=e.scaleX;return((e.getZoom()-1)*n+1)/i}function rP(t){var e=t.getVisual("symbolSize");return e instanceof Array&&(e=(e[0]+e[1])/2),+e}var oP=Math.PI,aP=[];function sP(t,e,n,i){var r=t.coordinateSystem;if(!r||"view"===r.type){var o=r.getBoundingRect(),a=t.getData(),s=a.graph,l=o.width/2+o.x,u=o.height/2+o.y,c=Math.min(o.width,o.height)/2,h=a.count();if(a.setLayout({cx:l,cy:u}),h){if(n){var d=r.pointToData(i),p=d[0],f=d[1],g=[p-l,f-u];Et(g,g),zt(g,g,c),n.setLayout([l+g[0],u+g[1]],!0),uP(n,t.get(["circular","rotateLabel"]),l,u)}lP[e](t,s,a,c,l,u,h),s.eachEdge((function(e,n){var i,r=ot(e.getModel().get(["lineStyle","curveness"]),QL(e,t,n),0),o=Ct(e.node1.getLayout()),a=Ct(e.node2.getLayout()),s=(o[0]+a[0])/2,c=(o[1]+a[1])/2;+r&&(i=[l*(r*=3)+s*(1-r),u*r+c*(1-r)]),e.setLayout([o,a,i])}))}}}var lP={value:function(t,e,n,i,r,o,a){var s=0,l=n.getSum("value"),u=2*Math.PI/(l||a);e.eachNode((function(t){var e=t.getValue("value"),n=u*(l?e:1)/2;s+=n,t.setLayout([i*Math.cos(s)+r,i*Math.sin(s)+o]),s+=n}))},symbolSize:function(t,e,n,i,r,o,a){var s=0;aP.length=a;var l=iP(t);e.eachNode((function(t){var e=rP(t);isNaN(e)&&(e=2),e<0&&(e=0),e*=l;var n=Math.asin(e/2/i);isNaN(n)&&(n=oP/2),aP[t.dataIndex]=n,s+=2*n}));var u=(2*oP-s)/a/2,c=0;e.eachNode((function(t){var e=u+aP[t.dataIndex];c+=e,(!t.getLayout()||!t.getLayout().fixed)&&t.setLayout([i*Math.cos(c)+r,i*Math.sin(c)+o]),c+=e}))}};function uP(t,e,n,i){var r=t.getGraphicEl();if(r){var o=t.getModel().get(["label","rotate"])||0,a=r.getSymbolPath();if(e){var s=t.getLayout(),l=Math.atan2(s[1]-i,s[0]-n);l<0&&(l=2*Math.PI+l);var u=s[0]<n;u&&(l-=Math.PI);var c=u?"left":"right";a.setTextConfig({rotation:-l,position:c,origin:"center"});var h=a.ensureState("emphasis");A(h.textConfig||(h.textConfig={}),{position:c})}else a.setTextConfig({rotation:o*=Math.PI/180})}}function cP(t){t.eachSeriesByType("graph",(function(t){"circular"===t.get("layout")&&sP(t,"symbolSize")}))}var hP=kt;function dP(t){t.eachSeriesByType("graph",(function(t){var e=t.coordinateSystem;if(!e||"view"===e.type)if("force"===t.get("layout")){var n=t.preservedPoints||{},i=t.getGraph(),r=i.data,o=i.edgeData,a=t.getModel("force"),s=a.get("initLayout");t.preservedPoints?r.each((function(t){var e=r.getId(t);r.setItemLayout(t,n[e]||[NaN,NaN])})):s&&"none"!==s?"circular"===s&&sP(t,"value"):tP(t);var l=r.getDataExtent("value"),u=o.getDataExtent("value"),c=a.get("repulsion"),h=a.get("edgeLength"),d=U(c)?c:[c,c],p=U(h)?h:[h,h];p=[p[1],p[0]];var f=r.mapArray("value",(function(t,e){var n=r.getItemLayout(e),i=go(t,l,d);return isNaN(i)&&(i=(d[0]+d[1])/2),{w:i,rep:i,fixed:r.getItemModel(e).get("fixed"),p:!n||isNaN(n[0])||isNaN(n[1])?null:n}})),g=o.mapArray("value",(function(e,n){var r=i.getEdgeByIndex(n),o=go(e,u,p);isNaN(o)&&(o=(p[0]+p[1])/2);var a=r.getModel(),s=ot(r.getModel().get(["lineStyle","curveness"]),-QL(r,t,n,!0),0);return{n1:f[r.node1.dataIndex],n2:f[r.node2.dataIndex],d:o,curveness:s,ignoreForceLayout:a.get("ignoreForceLayout")}})),y=e.getBoundingRect(),v=function(t,e,n){for(var i=t,r=e,o=n.rect,a=o.width,s=o.height,l=[o.x+a/2,o.y+s/2],u=null==n.gravity?.1:n.gravity,c=0;c<i.length;c++){var h=i[c];h.p||(h.p=It(a*(Math.random()-.5)+l[0],s*(Math.random()-.5)+l[1])),h.pp=Ct(h.p),h.edges=null}var d,p,f=null==n.friction?.6:n.friction,g=f;return{warmUp:function(){g=.8*f},setFixed:function(t){i[t].fixed=!0},setUnfixed:function(t){i[t].fixed=!1},beforeStep:function(t){d=t},afterStep:function(t){p=t},step:function(t){d&&d(i,r);for(var e=[],n=i.length,o=0;o<r.length;o++){var a=r[o];if(!a.ignoreForceLayout){var s=a.n1;Lt(e,(y=a.n2).p,s.p);var c=Pt(e)-a.d,h=y.w/(s.w+y.w);isNaN(h)&&(h=0),Et(e,e),!s.fixed&&hP(s.p,s.p,e,h*c*g),!y.fixed&&hP(y.p,y.p,e,-(1-h)*c*g)}}for(o=0;o<n;o++)(x=i[o]).fixed||(Lt(e,l,x.p),hP(x.p,x.p,e,u*g));for(o=0;o<n;o++){s=i[o];for(var f=o+1;f<n;f++){var y;Lt(e,(y=i[f]).p,s.p),0===(c=Pt(e))&&(Dt(e,Math.random()-.5,Math.random()-.5),c=1);var v=(s.rep+y.rep)/c/c;!s.fixed&&hP(s.pp,s.pp,e,v),!y.fixed&&hP(y.pp,y.pp,e,-v)}}var m=[];for(o=0;o<n;o++){var x;(x=i[o]).fixed||(Lt(m,x.p,x.pp),hP(x.p,x.p,m,g),Tt(x.pp,x.p))}var _=(g*=.992)<.01;p&&p(i,r,_),t&&t(_)}}}(f,g,{rect:y,gravity:a.get("gravity"),friction:a.get("friction")});v.beforeStep((function(t,e){for(var n=0,r=t.length;n<r;n++)t[n].fixed&&Tt(t[n].p,i.getNodeByIndex(n).getLayout())})),v.afterStep((function(t,e,o){for(var a=0,s=t.length;a<s;a++)t[a].fixed||i.getNodeByIndex(a).setLayout(t[a].p),n[r.getId(a)]=t[a].p;for(a=0,s=e.length;a<s;a++){var l=e[a],u=i.getEdgeByIndex(a),c=l.n1.p,h=l.n2.p,d=u.getLayout();(d=d?d.slice():[])[0]=d[0]||[],d[1]=d[1]||[],Tt(d[0],c),Tt(d[1],h),+l.curveness&&(d[2]=[(c[0]+h[0])/2-(c[1]-h[1])*l.curveness,(c[1]+h[1])/2-(h[0]-c[0])*l.curveness]),u.setLayout(d)}})),t.forceLayout=v,t.preservedPoints=n,v.step()}else t.forceLayout=null}))}function pP(t,e){var n=[];return t.eachSeriesByType("graph",(function(i){Rp({targetModel:i,coordSysType:"view",coordSysProvider:function(){var r=i.getData(),o=r.mapArray((function(t){var e=r.getItemModel(t);return[+e.get("x"),+e.get("y")]})),a=[],s=[];ys(o,a,s),s[0]-a[0]==0&&(s[0]+=1,a[0]-=1);s[1]-a[1]==0&&(s[1]+=1,a[1]-=1);var l=(s[0]-a[0])/(s[1]-a[1]),u=function(t,e,n){var i=Xp(t,e),r=A(t.getBoxLayoutParams(),{aspect:n});return Up(t,Hp(r,i.refContainer),n)}(i,e,l);isNaN(l)&&(a=[u.x,u.y],s=[u.x+u.width,u.y+u.height]);var c=s[0]-a[0],h=s[1]-a[1],d=new KA(null,{api:e,ecModel:t});return d.zoomLimit=i.get("scaleLimit"),d.setBoundingRect(a[0],a[1],c,h),d.setViewRect(u.x,u.y,u.width,u.height),d.setCenter(i.get("center")),d.setZoom(i.get("zoom")),n.push(d),d},isDefaultDataCoordSys:!0})})),n}var fP=Ac.prototype,gP=Oc.prototype,yP=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.percent=1};!function(t){function e(){return null!==t&&t.apply(this,arguments)||this}n(e,t)}(yP);function vP(t){return isNaN(+t.cpx1)||isNaN(+t.cpy1)}var mP=function(t){function e(e){var n=t.call(this,e)||this;return n.type="ec-line",n}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:tf.color.neutral99,fill:null}},e.prototype.getDefaultShape=function(){return new yP},e.prototype.buildPath=function(t,e){vP(e)?fP.buildPath.call(this,t,e):gP.buildPath.call(this,t,e)},e.prototype.pointAt=function(t){return vP(this.shape)?fP.pointAt.call(this,t):gP.pointAt.call(this,t)},e.prototype.tangentAt=function(t){var e=this.shape,n=vP(e)?[e.x2-e.x1,e.y2-e.y1]:gP.tangentAt.call(this,t);return Et(n,n)},e}(sl),xP=["fromSymbol","toSymbol"];function _P(t){return"_"+t+"Type"}function bP(t,e,n){var i=e.getItemVisual(n,t);if(!i||"none"===i)return i;var r=e.getItemVisual(n,t+"Size"),o=e.getItemVisual(n,t+"Rotate"),a=e.getItemVisual(n,t+"Offset"),s=e.getItemVisual(n,t+"KeepAspect"),l=dm(r);return i+l+pm(a||0,l)+(o||"")+(s||"")}function wP(t,e,n){var i=e.getItemVisual(n,t);if(i&&"none"!==i){var r=e.getItemVisual(n,t+"Size"),o=e.getItemVisual(n,t+"Rotate"),a=e.getItemVisual(n,t+"Offset"),s=e.getItemVisual(n,t+"KeepAspect"),l=dm(r),u=pm(a||0,l),c=hm(i,-l[0]/2+u[0],-l[1]/2+u[1],l[0],l[1],null,s);return c.__specifiedRotation=null==o||isNaN(o)?void 0:+o*Math.PI/180||0,c.name=t,c}}function SP(t,e){t.x1=e[0][0],t.y1=e[0][1],t.x2=e[1][0],t.y2=e[1][1],t.percent=1;var n=e[2];n?(t.cpx1=n[0],t.cpy1=n[1]):(t.cpx1=NaN,t.cpy1=NaN)}var MP=function(t){function e(e,n,i){var r=t.call(this)||this;return r._createLine(e,n,i),r}return n(e,t),e.prototype._createLine=function(t,e,n){var i=t.hostModel,r=t.getItemLayout(e),o=t.getItemVisual(e,"z2"),a=function(t){var e=new mP({name:"line",subPixelOptimize:!0});return SP(e.shape,t),e}(r);a.shape.percent=0,eh(a,{z2:rt(o,0),shape:{percent:1}},i,e),this.add(a),z(xP,(function(n){var i=wP(n,t,e);this.add(i),this[_P(n)]=bP(n,t,e)}),this),this._updateCommonStl(t,e,n)},e.prototype.updateData=function(t,e,n){var i=t.hostModel,r=this.childOfName("line"),o=t.getItemLayout(e),a={shape:{}};SP(a.shape,o),th(r,a,i,e),z(xP,(function(n){var i=bP(n,t,e),r=_P(n);if(this[r]!==i){this.remove(this.childOfName(n));var o=wP(n,t,e);this.add(o)}this[r]=i}),this),this._updateCommonStl(t,e,n)},e.prototype.getLinePath=function(){return this.childAt(0)},e.prototype._updateCommonStl=function(t,e,n){var i=t.hostModel,r=this.childOfName("line"),o=n&&n.emphasisLineStyle,a=n&&n.blurLineStyle,s=n&&n.selectLineStyle,l=n&&n.labelStatesModels,u=n&&n.emphasisDisabled,c=n&&n.focus,h=n&&n.blurScope;if(!n||t.hasItemOption){var d=t.getItemModel(e),p=d.getModel("emphasis");o=p.getModel("lineStyle").getLineStyle(),a=d.getModel(["blur","lineStyle"]).getLineStyle(),s=d.getModel(["select","lineStyle"]).getLineStyle(),u=p.get("disabled"),c=p.get("focus"),h=p.get("blurScope"),l=Jh(d)}var f=t.getItemVisual(e,"style"),g=f.stroke;r.useStyle(f),r.style.fill=null,r.style.strokeNoScale=!0,r.ensureState("emphasis").style=o,r.ensureState("blur").style=a,r.ensureState("select").style=s,z(xP,(function(t){var e=this.childOfName(t);if(e){e.setColor(g),e.style.opacity=f.opacity;for(var n=0;n<Wl.length;n++){var i=Wl[n],o=r.getState(i);if(o){var a=o.style||{},s=e.ensureState(i),l=s.style||(s.style={});null!=a.stroke&&(l[e.__isEmptyBrush?"stroke":"fill"]=a.stroke),null!=a.opacity&&(l.opacity=a.opacity)}}e.markRedraw()}}),this);var y=i.getRawValue(e);$h(this,l,{labelDataIndex:e,labelFetcher:{getFormattedLabel:function(e,n){return i.getFormattedLabel(e,n,t.dataType)}},inheritColor:g||tf.color.neutral99,defaultOpacity:f.opacity,defaultText:(null==y?t.getName(e):isFinite(y)?mo(y):y)+""});var v=this.getTextContent();if(v){var m=l.normal;v.__align=v.style.align,v.__verticalAlign=v.style.verticalAlign,v.__position=m.get("position")||"middle";var x=m.get("distance");U(x)||(x=[x,x]),v.__labelDistance=x}this.setTextConfig({position:null,local:!0,inside:!1}),Tu(this,c,h,u)},e.prototype.highlight=function(){du(this)},e.prototype.downplay=function(){pu(this)},e.prototype.updateLayout=function(t,e){this.setLinePoints(t.getItemLayout(e))},e.prototype.setLinePoints=function(t){var e=this.childOfName("line");SP(e.shape,t),e.dirty()},e.prototype.beforeUpdate=function(){var t=this,e=t.childOfName("fromSymbol"),n=t.childOfName("toSymbol"),i=t.getTextContent();if(e||n||i&&!i.ignore){for(var r=1,o=this.parent;o;)o.scaleX&&(r/=o.scaleX),o=o.parent;var a=t.childOfName("line");if(this.__dirty||a.__dirty){var s=a.shape.percent,l=a.pointAt(0),u=a.pointAt(s),c=Lt([],u,l);if(Et(c,c),e&&(e.setPosition(l),S(e,0),e.scaleX=e.scaleY=r*s,e.markRedraw()),n&&(n.setPosition(u),S(n,1),n.scaleX=n.scaleY=r*s,n.markRedraw()),i&&!i.ignore){i.x=i.y=0,i.originX=i.originY=0;var h=void 0,d=void 0,p=i.__labelDistance,f=p[0]*r,g=p[1]*r,y=s/2,v=a.tangentAt(y),m=[v[1],-v[0]],x=a.pointAt(y);m[1]>0&&(m[0]=-m[0],m[1]=-m[1]);var _=v[0]<0?-1:1;if("start"!==i.__position&&"end"!==i.__position){var b=-Math.atan2(v[1],v[0]);u[0]<l[0]&&(b=Math.PI+b),i.rotation=b}var w=void 0;switch(i.__position){case"insideStartTop":case"insideMiddleTop":case"insideEndTop":case"middle":w=-g,d="bottom";break;case"insideStartBottom":case"insideMiddleBottom":case"insideEndBottom":w=g,d="top";break;default:w=0,d="middle"}switch(i.__position){case"end":i.x=c[0]*f+u[0],i.y=c[1]*g+u[1],h=c[0]>.8?"left":c[0]<-.8?"right":"center",d=c[1]>.8?"top":c[1]<-.8?"bottom":"middle";break;case"start":i.x=-c[0]*f+l[0],i.y=-c[1]*g+l[1],h=c[0]>.8?"right":c[0]<-.8?"left":"center",d=c[1]>.8?"bottom":c[1]<-.8?"top":"middle";break;case"insideStartTop":case"insideStart":case"insideStartBottom":i.x=f*_+l[0],i.y=l[1]+w,h=v[0]<0?"right":"left",i.originX=-f*_,i.originY=-w;break;case"insideMiddleTop":case"insideMiddle":case"insideMiddleBottom":case"middle":i.x=x[0],i.y=x[1]+w,h="center",i.originY=-w;break;case"insideEndTop":case"insideEnd":case"insideEndBottom":i.x=-f*_+u[0],i.y=u[1]+w,h=v[0]>=0?"right":"left",i.originX=f*_,i.originY=-w}i.scaleX=i.scaleY=r,i.setStyle({verticalAlign:i.__verticalAlign||d,align:i.__align||h})}}}function S(t,e){var n=t.__specifiedRotation;if(null==n){var i=a.tangentAt(e);t.attr("rotation",(1===e?-1:1)*Math.PI/2-Math.atan2(i[1],i[0]))}else t.attr("rotation",n)}},e}(to),IP=function(){function t(t){this.group=new to,this._LineCtor=t||MP}return t.prototype.updateData=function(t){var e=this;this._progressiveEls=null;var n=this,i=n.group,r=n._lineData;n._lineData=t,r||i.removeAll();var o=TP(t);t.diff(r).add((function(n){e._doAdd(t,n,o)})).update((function(n,i){e._doUpdate(r,t,i,n,o)})).remove((function(t){i.remove(r.getItemGraphicEl(t))})).execute()},t.prototype.updateLayout=function(){var t=this._lineData;t&&t.eachItemGraphicEl((function(e,n){e.updateLayout(t,n)}),this)},t.prototype.incrementalPrepareUpdate=function(t){this._seriesScope=TP(t),this._lineData=null,this.group.removeAll()},t.prototype.incrementalUpdate=function(t,e){function n(t){t.isGroup||function(t){return t.animators&&t.animators.length>0}(t)||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}this._progressiveEls=[];for(var i=t.start;i<t.end;i++){if(DP(e.getItemLayout(i))){var r=new this._LineCtor(e,i,this._seriesScope);r.traverse(n),this.group.add(r),e.setItemGraphicEl(i,r),this._progressiveEls.push(r)}}},t.prototype.remove=function(){this.group.removeAll()},t.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},t.prototype._doAdd=function(t,e,n){if(DP(t.getItemLayout(e))){var i=new this._LineCtor(t,e,n);t.setItemGraphicEl(e,i),this.group.add(i)}},t.prototype._doUpdate=function(t,e,n,i,r){var o=t.getItemGraphicEl(n);DP(e.getItemLayout(i))?(o?o.updateData(e,i,r):o=new this._LineCtor(e,i,r),e.setItemGraphicEl(i,o),this.group.add(o)):this.group.remove(o)},t}();function TP(t){var e=t.hostModel,n=e.getModel("emphasis");return{lineStyle:e.getModel("lineStyle").getLineStyle(),emphasisLineStyle:n.getModel(["lineStyle"]).getLineStyle(),blurLineStyle:e.getModel(["blur","lineStyle"]).getLineStyle(),selectLineStyle:e.getModel(["select","lineStyle"]).getLineStyle(),emphasisDisabled:n.get("disabled"),blurScope:n.get("blurScope"),focus:n.get("focus"),labelStatesModels:Jh(e)}}function CP(t){return isNaN(t[0])||isNaN(t[1])}function DP(t){return t&&!CP(t[0])&&!CP(t[1])}var AP=[],kP=[],LP=[],PP=Nn,OP=Ft,RP=Math.abs;function NP(t,e,n){for(var i,r=t[0],o=t[1],a=t[2],s=1/0,l=n*n,u=.1,c=.1;c<=.9;c+=.1){AP[0]=PP(r[0],o[0],a[0],c),AP[1]=PP(r[1],o[1],a[1],c),(p=RP(OP(AP,e)-l))<s&&(s=p,i=c)}for(var h=0;h<32;h++){var d=i+u;kP[0]=PP(r[0],o[0],a[0],i),kP[1]=PP(r[1],o[1],a[1],i),LP[0]=PP(r[0],o[0],a[0],d),LP[1]=PP(r[1],o[1],a[1],d);var p=OP(kP,e)-l;if(RP(p)<.01)break;var f=OP(LP,e)-l;u/=2,p<0?f>=0?i+=u:i-=u:f>=0?i-=u:i+=u}return i}function zP(t,e){var n=[],i=Bn,r=[[],[],[]],o=[[],[]],a=[];e/=2,t.eachEdge((function(t,s){var l=t.getLayout(),u=t.getVisual("fromSymbol"),c=t.getVisual("toSymbol");l.__original||(l.__original=[Ct(l[0]),Ct(l[1])],l[2]&&l.__original.push(Ct(l[2])));var h=l.__original;if(null!=l[2]){if(Tt(r[0],h[0]),Tt(r[1],h[2]),Tt(r[2],h[1]),u&&"none"!==u){var d=rP(t.node1),p=NP(r,h[0],d*e);i(r[0][0],r[1][0],r[2][0],p,n),r[0][0]=n[3],r[1][0]=n[4],i(r[0][1],r[1][1],r[2][1],p,n),r[0][1]=n[3],r[1][1]=n[4]}if(c&&"none"!==c){d=rP(t.node2),p=NP(r,h[1],d*e);i(r[0][0],r[1][0],r[2][0],p,n),r[1][0]=n[1],r[2][0]=n[2],i(r[0][1],r[1][1],r[2][1],p,n),r[1][1]=n[1],r[2][1]=n[2]}Tt(l[0],r[0]),Tt(l[1],r[2]),Tt(l[2],r[1])}else{if(Tt(o[0],h[0]),Tt(o[1],h[1]),Lt(a,o[1],o[0]),Et(a,a),u&&"none"!==u){d=rP(t.node1);kt(o[0],o[0],a,d*e)}if(c&&"none"!==c){d=rP(t.node2);kt(o[1],o[1],a,-d*e)}Tt(l[0],o[0]),Tt(l[1],o[1])}}))}var EP=sa();function BP(t,e){t&&(EP(t).bridge=e)}function VP(t){return"view"===t.type}var GP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){var n=new uI,i=new IP,r=this.group,o=new to;this._controller=new LD(e.getZr()),this._controllerHost={target:o},o.add(n.group),o.add(i.group),r.add(o),this._symbolDraw=n,this._lineDraw=i,this._mainGroup=o,this._firstRender=!0},e.prototype.render=function(t,e,n){var i=this,r=t.coordinateSystem,o=!1;this._model=t,this._api=n,this._active=!0;var a=this._getThumbnailInfo();a&&a.bridge.reset(n);var s=this._symbolDraw,l=this._lineDraw;if(VP(r)){var u={x:r.x,y:r.y,scaleX:r.scaleX,scaleY:r.scaleY};this._firstRender?this._mainGroup.attr(u):th(this._mainGroup,u,t)}zP(t.getGraph(),iP(t));var c=t.getData();s.updateData(c);var h=t.getEdgeData();l.updateData(h),this._updateNodeAndLinkScale(),this._updateController(null,t,n),clearTimeout(this._layoutTimeout);var d=t.forceLayout,p=t.get(["force","layoutAnimation"]);d&&(o=!0,this._startForceLayoutIteration(d,n,p));var f=t.get("layout");c.graph.eachNode((function(e){var r=e.dataIndex,o=e.getGraphicEl(),a=e.getModel();if(o){o.off("drag").off("dragend");var s=a.get("draggable");s&&o.on("drag",(function(a){switch(f){case"force":d.warmUp(),!i._layouting&&i._startForceLayoutIteration(d,n,p),d.setFixed(r),c.setItemLayout(r,[o.x,o.y]);break;case"circular":c.setItemLayout(r,[o.x,o.y]),e.setLayout({fixed:!0},!0),sP(t,"symbolSize",e,[a.offsetX,a.offsetY]),i.updateLayout(t);break;default:c.setItemLayout(r,[o.x,o.y]),eP(t.getGraph(),t),i.updateLayout(t)}})).on("dragend",(function(){d&&d.setUnfixed(r)})),o.setDraggable(s,!!a.get("cursor")),"adjacency"===a.get(["emphasis","focus"])&&(zl(o).focus=e.getAdjacentDataIndices())}})),c.graph.eachEdge((function(t){var e=t.getGraphicEl(),n=t.getModel().get(["emphasis","focus"]);e&&"adjacency"===n&&(zl(e).focus={edge:[t.dataIndex],node:[t.node1.dataIndex,t.node2.dataIndex]})}));var g="circular"===t.get("layout")&&t.get(["circular","rotateLabel"]),y=c.getLayout("cx"),v=c.getLayout("cy");c.graph.eachNode((function(t){uP(t,g,y,v)})),this._firstRender=!1,o||this._renderThumbnail(t,n,this._symbolDraw,this._lineDraw)},e.prototype.dispose=function(){this.remove(),this._controller&&this._controller.dispose(),this._controllerHost=null},e.prototype._startForceLayoutIteration=function(t,e,n){var i=this,r=!1;!function o(){t.step((function(t){i.updateLayout(i._model),!t&&r||(r=!0,i._renderThumbnail(i._model,e,i._symbolDraw,i._lineDraw)),(i._layouting=!t)&&(n?i._layoutTimeout=setTimeout(o,16):o())}))}()},e.prototype._updateController=function(t,e,n){var i=this._controller,r=this._controllerHost,o=e.coordinateSystem;VP(o)?(i.enable(e.get("roam"),{api:n,zInfo:{component:e},triggerInfo:{roamTrigger:e.get("roamTrigger"),isInSelf:function(t,e,n){return o.containPoint([e,n])},isInClip:function(e,n,i){return!t||t.contain(n,i)}}}),r.zoomLimit=e.get("scaleLimit"),r.zoom=o.getZoom(),i.off("pan").off("zoom").on("pan",(function(t){n.dispatchAction({seriesId:e.id,type:"graphRoam",dx:t.dx,dy:t.dy})})).on("zoom",(function(t){n.dispatchAction({seriesId:e.id,type:"graphRoam",zoom:t.scale,originX:t.originX,originY:t.originY})}))):i.disable()},e.prototype.updateViewOnPan=function(t,e,n){this._active&&(FD(this._controllerHost,n.dx,n.dy),this._updateThumbnailWindow())},e.prototype.updateViewOnZoom=function(t,e,n){this._active&&(WD(this._controllerHost,n.zoom,n.originX,n.originY),this._updateNodeAndLinkScale(),zP(t.getGraph(),iP(t)),this._lineDraw.updateLayout(),e.updateLabelLayout(),this._updateThumbnailWindow())},e.prototype._updateNodeAndLinkScale=function(){var t=this._model,e=t.getData(),n=iP(t);e.eachItemGraphicEl((function(t,e){t&&t.setSymbolScale(n)}))},e.prototype.updateLayout=function(t){this._active&&(zP(t.getGraph(),iP(t)),this._symbolDraw.updateLayout(),this._lineDraw.updateLayout())},e.prototype.remove=function(){this._active=!1,clearTimeout(this._layoutTimeout),this._layouting=!1,this._layoutTimeout=null,this._symbolDraw&&this._symbolDraw.remove(),this._lineDraw&&this._lineDraw.remove(),this._controller&&this._controller.disable()},e.prototype._getThumbnailInfo=function(){var t=this._model,e=t.coordinateSystem;if("view"===e.type){var n=function(t){if(t)return EP(t).bridge}(t);if(n)return{bridge:n,coordSys:e}}},e.prototype._updateThumbnailWindow=function(){var t=this._getThumbnailInfo();t&&t.bridge.updateWindow(t.coordSys.transform,this._api)},e.prototype._renderThumbnail=function(t,e,n,i){var r=this._getThumbnailInfo();if(r){var o=new to,a=n.group.children(),s=i.group.children(),l=new to,u=new to;o.add(u),o.add(l);for(var c=0;c<a.length;c++){var h=(v=a[c]).children()[0],d=v.x,p=v.y,f=A(T(h.shape),{width:h.scaleX,height:h.scaleY,x:d-h.scaleX/2,y:p-h.scaleY/2}),g=T(h.style),y=new h.constructor({shape:f,style:g,z2:151});u.add(y)}for(c=0;c<s.length;c++){var v,m=(v=s[c]).children()[0],x=(g=T(m.style),f=T(m.shape),new mP({style:g,shape:f,z2:151}));l.add(x)}r.bridge.renderContent({api:e,roamType:t.get("roam"),viewportRect:null,group:o,targetTrans:r.coordSys.transform})}},e.type="graph",e}(tv);function FP(t){return"_EC_"+t}var WP=function(){function t(t){this.type="graph",this.nodes=[],this.edges=[],this._nodesMap={},this._edgesMap={},this._directed=t||!1}return t.prototype.isDirected=function(){return this._directed},t.prototype.addNode=function(t,e){t=null==t?""+e:""+t;var n=this._nodesMap;if(!n[FP(t)]){var i=new HP(t,e);return i.hostGraph=this,this.nodes.push(i),n[FP(t)]=i,i}},t.prototype.getNodeByIndex=function(t){var e=this.data.getRawIndex(t);return this.nodes[e]},t.prototype.getNodeById=function(t){return this._nodesMap[FP(t)]},t.prototype.addEdge=function(t,e,n){var i=this._nodesMap,r=this._edgesMap;if(j(t)&&(t=this.nodes[t]),j(e)&&(e=this.nodes[e]),t instanceof HP||(t=i[FP(t)]),e instanceof HP||(e=i[FP(e)]),t&&e){var o=t.id+"-"+e.id,a=new UP(t,e,n);return a.hostGraph=this,this._directed&&(t.outEdges.push(a),e.inEdges.push(a)),t.edges.push(a),t!==e&&e.edges.push(a),this.edges.push(a),r[o]=a,a}},t.prototype.getEdgeByIndex=function(t){var e=this.edgeData.getRawIndex(t);return this.edges[e]},t.prototype.getEdge=function(t,e){t instanceof HP&&(t=t.id),e instanceof HP&&(e=e.id);var n=this._edgesMap;return this._directed?n[t+"-"+e]:n[t+"-"+e]||n[e+"-"+t]},t.prototype.eachNode=function(t,e){for(var n=this.nodes,i=n.length,r=0;r<i;r++)n[r].dataIndex>=0&&t.call(e,n[r],r)},t.prototype.eachEdge=function(t,e){for(var n=this.edges,i=n.length,r=0;r<i;r++)n[r].dataIndex>=0&&n[r].node1.dataIndex>=0&&n[r].node2.dataIndex>=0&&t.call(e,n[r],r)},t.prototype.breadthFirstTraverse=function(t,e,n,i){if(e instanceof HP||(e=this._nodesMap[FP(e)]),e){for(var r="out"===n?"outEdges":"in"===n?"inEdges":"edges",o=0;o<this.nodes.length;o++)this.nodes[o].__visited=!1;if(!t.call(i,e,null))for(var a=[e];a.length;){var s=a.shift(),l=s[r];for(o=0;o<l.length;o++){var u=l[o],c=u.node1===s?u.node2:u.node1;if(!c.__visited){if(t.call(i,c,s))return;a.push(c),c.__visited=!0}}}}},t.prototype.update=function(){for(var t=this.data,e=this.edgeData,n=this.nodes,i=this.edges,r=0,o=n.length;r<o;r++)n[r].dataIndex=-1;for(r=0,o=t.count();r<o;r++)n[t.getRawIndex(r)].dataIndex=r;e.filterSelf((function(t){var n=i[e.getRawIndex(t)];return n.node1.dataIndex>=0&&n.node2.dataIndex>=0}));for(r=0,o=i.length;r<o;r++)i[r].dataIndex=-1;for(r=0,o=e.count();r<o;r++)i[e.getRawIndex(r)].dataIndex=r},t.prototype.clone=function(){for(var e=new t(this._directed),n=this.nodes,i=this.edges,r=0;r<n.length;r++)e.addNode(n[r].id,n[r].dataIndex);for(r=0;r<i.length;r++){var o=i[r];e.addEdge(o.node1.id,o.node2.id,o.dataIndex)}return e},t}(),HP=function(){function t(t,e){this.inEdges=[],this.outEdges=[],this.edges=[],this.dataIndex=-1,this.id=null==t?"":t,this.dataIndex=null==e?-1:e}return t.prototype.degree=function(){return this.edges.length},t.prototype.inDegree=function(){return this.inEdges.length},t.prototype.outDegree=function(){return this.outEdges.length},t.prototype.getModel=function(t){if(!(this.dataIndex<0))return this.hostGraph.data.getItemModel(this.dataIndex).getModel(t)},t.prototype.getAdjacentDataIndices=function(){for(var t={edge:[],node:[]},e=0;e<this.edges.length;e++){var n=this.edges[e];n.dataIndex<0||(t.edge.push(n.dataIndex),t.node.push(n.node1.dataIndex,n.node2.dataIndex))}return t},t.prototype.getTrajectoryDataIndices=function(){for(var t=yt(),e=yt(),n=0,i=this.edges.length;n<i;n++){var r=this.edges[n];if(!(r.dataIndex<0)){t.set(r.dataIndex,!0);for(var o=[r.node1],a=[r.node2],s=0;s<o.length;){var l=o[s];s++,e.set(l.dataIndex,!0);for(var u=l.inEdges,c=0,h=u.length,d=void 0,p=void 0;c<h;c++)(p=(d=u[c]).dataIndex)>=0&&!t.hasKey(p)&&(t.set(p,!0),o.push(d.node1))}for(s=0;s<a.length;){var f=a[s];s++,e.set(f.dataIndex,!0);for(var g=f.outEdges,y=(c=0,g.length),v=void 0,m=void 0;c<y;c++)(m=(v=g[c]).dataIndex)>=0&&!t.hasKey(m)&&(t.set(m,!0),a.push(v.node2))}}}return{edge:t.keys(),node:e.keys()}},t}(),UP=function(){function t(t,e,n){this.dataIndex=-1,this.node1=t,this.node2=e,this.dataIndex=null==n?-1:n}return t.prototype.getModel=function(t){if(!(this.dataIndex<0))return this.hostGraph.edgeData.getItemModel(this.dataIndex).getModel(t)},t.prototype.getAdjacentDataIndices=function(){return{edge:[this.dataIndex],node:[this.node1.dataIndex,this.node2.dataIndex]}},t.prototype.getTrajectoryDataIndices=function(){var t=yt(),e=yt();t.set(this.dataIndex,!0);for(var n=[this.node1],i=[this.node2],r=0;r<n.length;){var o=n[r];r++,e.set(o.dataIndex,!0);for(var a=0,s=o.inEdges.length,l=void 0,u=void 0;a<s;a++)(u=(l=o.inEdges[a]).dataIndex)>=0&&!t.hasKey(u)&&(t.set(u,!0),n.push(l.node1))}for(r=0;r<i.length;){var c=i[r];r++,e.set(c.dataIndex,!0);a=0,s=c.outEdges.length;for(var h=void 0,d=void 0;a<s;a++)(d=(h=c.outEdges[a]).dataIndex)>=0&&!t.hasKey(d)&&(t.set(d,!0),i.push(h.node2))}return{edge:t.keys(),node:e.keys()}},t}();function YP(t,e){return{getValue:function(n){var i=this[t][e];return i.getStore().get(i.getDimensionIndex(n||"value"),this.dataIndex)},setVisual:function(n,i){this.dataIndex>=0&&this[t][e].setItemVisual(this.dataIndex,n,i)},getVisual:function(n){return this[t][e].getItemVisual(this.dataIndex,n)},setLayout:function(n,i){this.dataIndex>=0&&this[t][e].setItemLayout(this.dataIndex,n,i)},getLayout:function(){return this[t][e].getItemLayout(this.dataIndex)},getGraphicEl:function(){return this[t][e].getItemGraphicEl(this.dataIndex)},getRawIndex:function(){return this[t][e].getRawIndex(this.dataIndex)}}}function XP(t,e,n,i,r){for(var o=new WP(i),a=0;a<t.length;a++)o.addNode(it(t[a].id,t[a].name,a),a);var s=[],l=[],u=0;for(a=0;a<e.length;a++){var c=e[a],h=c.source,d=c.target;o.addEdge(h,d,u)&&(l.push(c),s.push(it(ia(c.id,null),h+" > "+d)),u++)}var p,f=n.get("coordinateSystem");if("cartesian2d"===f||"polar"===f||"matrix"===f)p=Z_(t,n);else{var g=Tp.get(f),y=g&&g.dimensions||[];P(y,"value")<0&&y.concat(["value"]);var v=V_(t,{coordDimensions:y,encodeDefine:n.getEncode()}).dimensions;(p=new B_(v,n)).initData(t)}var m=new B_(["value"],n);return m.initData(l,s),r&&r(p,m),Dk({mainData:p,struct:o,structAttr:"graph",datas:{node:p,edge:m},datasAttr:{node:"data",edge:"edgeData"}}),o.update(),o}R(HP,YP("hostGraph","data")),R(UP,YP("hostGraph","edgeData"));var ZP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments);var n=this;function i(){return n._categoriesData}this.legendVisualProvider=new CT(i,i),this.fillDataTextStyle(e.edges||e.links),this._updateCategoriesData()},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),this.fillDataTextStyle(e.edges||e.links),this._updateCategoriesData()},e.prototype.mergeDefaultAndTheme=function(e){t.prototype.mergeDefaultAndTheme.apply(this,arguments),Ko(e,"edgeLabel",["show"])},e.prototype.getInitialData=function(t,e){var n,i=t.edges||t.links||[],r=t.data||t.nodes||[],o=this;if(r&&i){jL(n=this)&&(n.__curvenessList=[],n.__edgeMap={},qL(n));var a=XP(r,i,this,!0,(function(t,e){t.wrapMethod("getItemModel",(function(t){var e=o._categoriesModels[t.getShallow("category")];return e&&(e.parentModel=t.parentModel,t.parentModel=e),t}));var n=wd.prototype.getModel;function i(t,e){var i=n.call(this,t,e);return i.resolveParentPath=r,i}function r(t){if(t&&("label"===t[0]||"label"===t[1])){var e=t.slice();return"label"===t[0]?e[0]="edgeLabel":"label"===t[1]&&(e[1]="edgeLabel"),e}return t}e.wrapMethod("getItemModel",(function(t){return t.resolveParentPath=r,t.getModel=i,t}))}));return z(a.edges,(function(t){!function(t,e,n,i){if(jL(n)){var r=KL(t,e,n),o=n.__edgeMap,a=o[$L(r)];o[r]&&!a?o[r].isForward=!0:a&&o[r]&&(a.isForward=!0,o[r].isForward=!1),o[r]=o[r]||[],o[r].push(i)}}(t.node1,t.node2,this,t.dataIndex)}),this),a.data}},e.prototype.getGraph=function(){return this.getData().graph},e.prototype.getEdgeData=function(){return this.getGraph().edgeData},e.prototype.getCategoriesData=function(){return this._categoriesData},e.prototype.formatTooltip=function(t,e,n){if("edge"===n){var i=this.getData(),r=this.getDataParams(t,n),o=i.graph.getEdgeByIndex(t),a=i.getName(o.node1.dataIndex),s=i.getName(o.node2.dataIndex),l=[];return null!=a&&l.push(a),null!=s&&l.push(s),Ty("nameValue",{name:l.join(" > "),value:r.value,noValue:null==r.value})}return By({series:this,dataIndex:t,multipleSeries:e})},e.prototype._updateCategoriesData=function(){var t=E(this.option.categories||[],(function(t){return null!=t.value?t:A({value:0},t)})),e=new B_(["value"],this);e.initData(t),this._categoriesData=e,this._categoriesModels=e.mapArray((function(t){return e.getItemModel(t)}))},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.isAnimationEnabled=function(){return t.prototype.isAnimationEnabled.call(this)&&!("force"===this.get("layout")&&this.get(["force","layoutAnimation"]))},e.type="series.graph",e.dependencies=["grid","polar","geo","singleAxis","calendar"],e.defaultOption={z:2,coordinateSystem:"view",legendHoverLink:!0,layout:null,circular:{rotateLabel:!1},force:{initLayout:null,repulsion:[0,50],gravity:.1,friction:.6,edgeLength:30,layoutAnimation:!0},left:"center",top:"center",symbol:"circle",symbolSize:10,edgeSymbol:["none","none"],edgeSymbolSize:10,edgeLabel:{position:"middle",distance:5},draggable:!1,roam:!1,center:null,zoom:1,nodeScaleRatio:.6,label:{show:!1,formatter:"{b}"},itemStyle:{},lineStyle:{color:tf.color.neutral50,width:1,opacity:.5},emphasis:{scale:!0,label:{show:!0}},select:{itemStyle:{borderColor:tf.color.primary}}},e}(Wy);var jP=function(t){function e(e,n,i){var r=t.call(this)||this;zl(r).dataType="node",r.z2=2;var o=new Sl;return r.setTextContent(o),r.updateData(e,n,i,!0),r}return n(e,t),e.prototype.updateData=function(t,e,n,i){var r=this,o=t.graph.getNodeByIndex(e),a=t.hostModel,s=o.getModel(),l=s.getModel("emphasis"),u=t.getItemLayout(e),c=A(YI(s.getModel("itemStyle"),u,!0),u),h=this;if(isNaN(c.startAngle))h.setShape(c);else{i?h.setShape(c):th(h,{shape:c},a,e);var d=A(YI(s.getModel("itemStyle"),u,!0),u);r.setShape(d),r.useStyle(t.getItemVisual(e,"style")),ku(r,s),this._updateLabel(a,s,o),t.setItemGraphicEl(e,h),ku(h,s,"itemStyle");var p=l.get("focus");Tu(this,"adjacency"===p?o.getAdjacentDataIndices():p,l.get("blurScope"),l.get("disabled"))}},e.prototype._updateLabel=function(t,e,n){var i=this.getTextContent(),r=n.getLayout(),o=(r.startAngle+r.endAngle)/2,a=Math.cos(o),s=Math.sin(o),l=e.getModel("label");i.ignore=!l.get("show");var u=Jh(e),c=n.getVisual("style");$h(i,u,{labelFetcher:{getFormattedLabel:function(n,i,r,o,a,s){return t.getFormattedLabel(n,i,"node",o,ot(a,u.normal&&u.normal.get("formatter"),e.get("name")),s)}},labelDataIndex:n.dataIndex,defaultText:n.dataIndex+"",inheritColor:c.fill,defaultOpacity:c.opacity,defaultOutsidePosition:"startArc"});var h,d=l.get("position")||"outside",p=l.get("distance")||0;h="outside"===d?r.r+p:(r.r+r.r0)/2,this.textConfig={inside:"outside"!==d};var f="outside"!==d?l.get("align")||"center":a>0?"left":"right",g="outside"!==d?l.get("verticalAlign")||"middle":s>0?"top":"bottom";i.attr({x:a*h+r.cx,y:s*h+r.cy,rotation:0,style:{align:f,verticalAlign:g}})},e}(xc),qP=function(t){function e(e,n,i,r){var o=t.call(this)||this;return zl(o).dataType="edge",o.updateData(e,n,i,r,!0),o}return n(e,t),e.prototype.buildPath=function(t,e){t.moveTo(e.s1[0],e.s1[1]);var n=.7,i=e.clockwise;t.arc(e.cx,e.cy,e.r,e.sStartAngle,e.sEndAngle,!i),t.bezierCurveTo((e.cx-e.s2[0])*n+e.s2[0],(e.cy-e.s2[1])*n+e.s2[1],(e.cx-e.t1[0])*n+e.t1[0],(e.cy-e.t1[1])*n+e.t1[1],e.t1[0],e.t1[1]),t.arc(e.cx,e.cy,e.r,e.tStartAngle,e.tEndAngle,!i),t.bezierCurveTo((e.cx-e.t2[0])*n+e.t2[0],(e.cy-e.t2[1])*n+e.t2[1],(e.cx-e.s1[0])*n+e.s1[0],(e.cy-e.s1[1])*n+e.s1[1],e.s1[0],e.s1[1]),t.closePath()},e.prototype.updateData=function(t,e,n,i,r){var o=t.hostModel,a=e.graph.getEdgeByIndex(n),s=a.getLayout(),l=a.node1.getModel(),u=e.getItemModel(a.dataIndex),c=u.getModel("lineStyle"),h=u.getModel("emphasis"),d=h.get("focus"),p=A(YI(l.getModel("itemStyle"),s,!0),s),f=this;isNaN(p.sStartAngle)||isNaN(p.tStartAngle)?f.setShape(p):(r?(f.setShape(p),KP(f,a,t,c)):(ah(f),KP(f,a,t,c),th(f,{shape:p},o,n)),Tu(this,"adjacency"===d?a.getAdjacentDataIndices():d,h.get("blurScope"),h.get("disabled")),ku(f,u,"lineStyle"),e.setItemGraphicEl(a.dataIndex,f))},e}(sl);function KP(t,e,n,i){var r=e.node1,o=e.node2,a=t.style;switch(t.setStyle(i.getLineStyle()),i.get("color")){case"source":a.fill=n.getItemVisual(r.dataIndex,"style").fill,a.decal=r.getVisual("style").decal;break;case"target":a.fill=n.getItemVisual(o.dataIndex,"style").fill,a.decal=o.getVisual("style").decal;break;case"gradient":var s=n.getItemVisual(r.dataIndex,"style").fill,l=n.getItemVisual(o.dataIndex,"style").fill;if(X(s)&&X(l)){var u=t.shape,c=(u.s1[0]+u.s2[0])/2,h=(u.s1[1]+u.s2[1])/2,d=(u.t1[0]+u.t2[0])/2,p=(u.t1[1]+u.t2[1])/2;a.fill=new Bc(c,h,d,p,[{offset:0,color:s},{offset:1,color:l}],!0)}}}var $P=Math.PI/180,JP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){},e.prototype.render=function(t,e,n){var i=t.getData(),r=this._data,o=this.group,a=-t.get("startAngle")*$P;if(i.diff(r).add((function(t){if(i.getItemLayout(t)){var e=new jP(i,t,a);zl(e).dataIndex=t,o.add(e)}})).update((function(e,n){var s=r.getItemGraphicEl(n);i.getItemLayout(e)?(s?s.updateData(i,e,a):s=new jP(i,e,a),o.add(s)):s&&oh(s,t,n)})).remove((function(e){var n=r.getItemGraphicEl(e);n&&oh(n,t,e)})).execute(),!r){var s=t.get("center");this.group.scaleX=.01,this.group.scaleY=.01,this.group.originX=yo(s[0],n.getWidth()),this.group.originY=yo(s[1],n.getHeight()),eh(this.group,{scaleX:1,scaleY:1},t)}this._data=i,this.renderEdges(t,a)},e.prototype.renderEdges=function(t,e){var n=t.getData(),i=t.getEdgeData(),r=this._edgeData,o=this.group;i.diff(r).add((function(t){var r=new qP(n,i,t,e);zl(r).dataIndex=t,o.add(r)})).update((function(t,a){var s=r.getItemGraphicEl(a);s.updateData(n,i,t,e),o.add(s)})).remove((function(e){var n=r.getItemGraphicEl(e);n&&oh(n,t,e)})).execute(),this._edgeData=i},e.prototype.dispose=function(){},e.type="chord",e}(tv),QP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.fillDataTextStyle(e.edges||e.links),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this))},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),this.fillDataTextStyle(e.edges||e.links)},e.prototype.getInitialData=function(t,e){var n=t.edges||t.links||[],i=t.data||t.nodes||[];if(i&&n)return XP(i,n,this,!0,(function(t,e){var n=wd.prototype.getModel;function i(t,e){var i=n.call(this,t,e);return i.resolveParentPath=r,i}function r(t){if(t&&("label"===t[0]||"label"===t[1])){var e=t.slice();return"label"===t[0]?e[0]="edgeLabel":"label"===t[1]&&(e[1]="edgeLabel"),e}return t}e.wrapMethod("getItemModel",(function(t){return t.resolveParentPath=r,t.getModel=i,t}))})).data},e.prototype.getGraph=function(){return this.getData().graph},e.prototype.getEdgeData=function(){return this.getGraph().edgeData},e.prototype.formatTooltip=function(t,e,n){var i=this.getDataParams(t,n);if("edge"===n){var r=this.getData(),o=r.graph.getEdgeByIndex(t),a=r.getName(o.node1.dataIndex),s=r.getName(o.node2.dataIndex),l=[];return null!=a&&l.push(a),null!=s&&l.push(s),Ty("nameValue",{name:l.join(" > "),value:i.value,noValue:null==i.value})}return Ty("nameValue",{name:i.name,value:i.value,noValue:null==i.value})},e.prototype.getDataParams=function(e,n){var i=t.prototype.getDataParams.call(this,e,n);if("node"===n){var r=this.getData(),o=this.getGraph().getNodeByIndex(e);if(null==i.name&&(i.name=r.getName(e)),null==i.value){var a=o.getLayout().value;i.value=a}}return i},e.type="series.chord",e.defaultOption={z:2,coordinateSystem:"none",legendHoverLink:!0,colorBy:"data",left:0,top:0,right:0,bottom:0,width:null,height:null,center:["50%","50%"],radius:["70%","80%"],clockwise:!0,startAngle:90,endAngle:"auto",minAngle:0,padAngle:3,itemStyle:{borderRadius:[0,0,5,5]},lineStyle:{width:0,color:"source",opacity:.2},label:{show:!0,position:"outside",distance:5},emphasis:{focus:"adjacency",lineStyle:{opacity:.5}}},e}(Wy),tO=Math.PI/180;function eO(t,e){t.eachSeriesByType("chord",(function(t){!function(t,e){var n=t.getData(),i=n.graph,r=t.getEdgeData();if(!r.count())return;var o=Wp(t,e),a=o.cx,s=o.cy,l=o.r,u=o.r0,c=Math.max((t.get("padAngle")||0)*tO,0),h=Math.max((t.get("minAngle")||0)*tO,0),d=-t.get("startAngle")*tO,p=d+2*Math.PI,f=t.get("clockwise"),g=f?1:-1,y=[d,p];Gs(y,!f);var v=y[0],m=y[1]-v,x=0===n.getSum("value")&&0===r.getSum("value"),_=[],b=0;i.eachEdge((function(t){var e=x?1:t.getValue("value");x&&(e>0||h)&&(b+=2);var n=t.node1.dataIndex,i=t.node2.dataIndex;_[n]=(_[n]||0)+e,_[i]=(_[i]||0)+e}));var w=0;if(i.eachNode((function(t){var e=t.getValue("value");isNaN(e)||(_[t.dataIndex]=Math.max(e,_[t.dataIndex]||0)),!x&&(_[t.dataIndex]>0||h)&&b++,w+=_[t.dataIndex]||0})),0===b||0===w)return;c*b>=Math.abs(m)&&(c=Math.max(0,(Math.abs(m)-h*b)/b));(c+h)*b>=Math.abs(m)&&(h=(Math.abs(m)-c*b)/b);var S=(m-c*b*g)/w,M=0,I=0,T=0;i.eachNode((function(t){var e=_[t.dataIndex]||0,n=S*(w?e:1)*g;Math.abs(n)<h?M+=h-Math.abs(n):(I+=Math.abs(n)-h,T+=Math.abs(n)),t.setLayout({angle:n,value:e})}));var C=!1;if(M>I){var D=M/I;i.eachNode((function(t){var e=t.getLayout().angle;Math.abs(e)>=h?t.setLayout({angle:e*D,ratio:D},!0):t.setLayout({angle:h,ratio:0===h?1:e/h},!0)}))}else i.eachNode((function(t){if(!C){var e=t.getLayout().angle;e-Math.min(e/T,1)*M<h&&(C=!0)}}));var A=M;i.eachNode((function(t){if(!(A<=0)){var e=t.getLayout().angle;if(e>h&&h>0){var n=C?1:Math.min(e/T,1),i=e-h,r=Math.min(i,Math.min(A,M*n));A-=r,t.setLayout({angle:e-r,ratio:(e-r)/e},!0)}else h>0&&t.setLayout({angle:h,ratio:0===e?1:h/e},!0)}}));var k=v,L=[];i.eachNode((function(t){var e=Math.max(t.getLayout().angle,h);t.setLayout({cx:a,cy:s,r0:u,r:l,startAngle:k,endAngle:k+e*g,clockwise:f},!0),L[t.dataIndex]=k,k+=(e+c)*g})),i.eachEdge((function(t){var e=x?1:t.getValue("value"),n=S*(w?e:1)*g,i=t.node1.dataIndex,r=L[i]||0,o=r+Math.abs((t.node1.getLayout().ratio||1)*n)*g,l=[a+u*Math.cos(r),s+u*Math.sin(r)],c=[a+u*Math.cos(o),s+u*Math.sin(o)],h=t.node2.dataIndex,d=L[h]||0,p=d+Math.abs((t.node2.getLayout().ratio||1)*n)*g,y=[a+u*Math.cos(d),s+u*Math.sin(d)],v=[a+u*Math.cos(p),s+u*Math.sin(p)];t.setLayout({s1:l,s2:c,sStartAngle:r,sEndAngle:o,t1:y,t2:v,tStartAngle:d,tEndAngle:p,cx:a,cy:s,r:u,value:e,clockwise:f}),L[i]=o,L[h]=p}))}(t,e)}))}var nO=function(){this.angle=0,this.width=10,this.r=10,this.x=0,this.y=0},iO=function(t){function e(e){var n=t.call(this,e)||this;return n.type="pointer",n}return n(e,t),e.prototype.getDefaultShape=function(){return new nO},e.prototype.buildPath=function(t,e){var n=Math.cos,i=Math.sin,r=e.r,o=e.width,a=e.angle,s=e.x-n(a)*o*(o>=r/3?1:2),l=e.y-i(a)*o*(o>=r/3?1:2);a=e.angle-Math.PI/2,t.moveTo(s,l),t.lineTo(e.x+n(a)*o,e.y+i(a)*o),t.lineTo(e.x+n(e.angle)*r,e.y+i(e.angle)*r),t.lineTo(e.x-n(a)*o,e.y-i(a)*o),t.lineTo(s,l)},e}(sl);function rO(t,e){var n=null==t?"":t+"";return e&&(X(e)?n=e.replace("{value}",n):Y(e)&&(n=e(t))),n}var oO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this.group.removeAll();var i=t.get(["axisLine","lineStyle","color"]),r=function(t,e){var n=t.get("center"),i=e.getWidth(),r=e.getHeight(),o=Math.min(i,r);return{cx:yo(n[0],e.getWidth()),cy:yo(n[1],e.getHeight()),r:yo(t.get("radius"),o/2)}}(t,n);this._renderMain(t,e,n,i,r),this._data=t.getData()},e.prototype.dispose=function(){},e.prototype._renderMain=function(t,e,n,i,r){var o=this.group,a=t.get("clockwise"),s=-t.get("startAngle")/180*Math.PI,l=-t.get("endAngle")/180*Math.PI,u=t.getModel("axisLine"),c=u.get("roundCap")?WI:xc,h=u.get("show"),d=u.getModel("lineStyle"),p=d.get("width"),f=[s,l];Gs(f,!a);for(var g=(l=f[1])-(s=f[0]),y=s,v=[],m=0;h&&m<i.length;m++){var x=new c({shape:{startAngle:y,endAngle:l=s+g*Math.min(Math.max(i[m][0],0),1),cx:r.cx,cy:r.cy,clockwise:a,r0:r.r-p,r:r.r},silent:!0});x.setStyle({fill:i[m][1]}),x.setStyle(d.getLineStyle(["color","width"])),v.push(x),y=l}v.reverse(),z(v,(function(t){return o.add(t)}));var _=function(t){if(t<=0)return i[0][1];var e;for(e=0;e<i.length;e++)if(i[e][0]>=t&&(0===e?0:i[e-1][0])<t)return i[e][1];return i[e-1][1]};this._renderTicks(t,e,n,_,r,s,l,a,p),this._renderTitleAndDetail(t,e,n,_,r),this._renderAnchor(t,r),this._renderPointer(t,e,n,_,r,s,l,a,p)},e.prototype._renderTicks=function(t,e,n,i,r,o,a,s,l){for(var u,c,h=this.group,d=r.cx,p=r.cy,f=r.r,g=+t.get("min"),y=+t.get("max"),v=t.getModel("splitLine"),m=t.getModel("axisTick"),x=t.getModel("axisLabel"),_=t.get("splitNumber"),b=m.get("splitNumber"),w=yo(v.get("length"),f),S=yo(m.get("length"),f),M=o,I=(a-o)/_,T=I/b,C=v.getModel("lineStyle").getLineStyle(),D=m.getModel("lineStyle").getLineStyle(),A=v.get("distance"),k=0;k<=_;k++){if(u=Math.cos(M),c=Math.sin(M),v.get("show")){var L=new Ac({shape:{x1:u*(f-(P=A?A+l:l))+d,y1:c*(f-P)+p,x2:u*(f-w-P)+d,y2:c*(f-w-P)+p},style:C,silent:!0});"auto"===C.stroke&&L.setStyle({stroke:i(k/_)}),h.add(L)}if(x.get("show")){var P=x.get("distance")+A,O=rO(mo(k/_*(y-g)+g),x.get("formatter")),R=i(k/_),N=u*(f-w-P)+d,z=c*(f-w-P)+p,E=x.get("rotate"),B=0;"radial"===E?(B=-M+2*Math.PI)>Math.PI/2&&(B+=Math.PI):"tangential"===E?B=-M-Math.PI/2:j(E)&&(B=E*Math.PI/180),0===B?h.add(new Sl({style:Qh(x,{text:O,x:N,y:z,verticalAlign:c<-.8?"top":c>.8?"bottom":"middle",align:u<-.4?"left":u>.4?"right":"center"},{inheritColor:R}),silent:!0})):h.add(new Sl({style:Qh(x,{text:O,x:N,y:z,verticalAlign:"middle",align:"center"},{inheritColor:R}),silent:!0,originX:N,originY:z,rotation:B}))}if(m.get("show")&&k!==_){P=(P=m.get("distance"))?P+l:l;for(var V=0;V<=b;V++){u=Math.cos(M),c=Math.sin(M);var G=new Ac({shape:{x1:u*(f-P)+d,y1:c*(f-P)+p,x2:u*(f-S-P)+d,y2:c*(f-S-P)+p},silent:!0,style:D});"auto"===D.stroke&&G.setStyle({stroke:i((k+V/b)/_)}),h.add(G),M+=T}M-=T}else M+=I}},e.prototype._renderPointer=function(t,e,n,i,r,o,a,s,l){var u=this.group,c=this._data,h=this._progressEls,d=[],p=t.get(["pointer","show"]),f=t.getModel("progress"),g=f.get("show"),y=t.getData(),v=y.mapDimension("value"),m=+t.get("min"),x=+t.get("max"),_=[m,x],b=[o,a];function w(e,n){var i,o=y.getItemModel(e).getModel("pointer"),a=yo(o.get("width"),r.r),s=yo(o.get("length"),r.r),l=t.get(["pointer","icon"]),u=o.get("offsetCenter"),c=yo(u[0],r.r),h=yo(u[1],r.r),d=o.get("keepAspect");return(i=l?hm(l,c-a/2,h-s,a,s,null,d):new iO({shape:{angle:-Math.PI/2,width:a,r:s,x:c,y:h}})).rotation=-(n+Math.PI/2),i.x=r.cx,i.y=r.cy,i}function S(t,e){var n=f.get("roundCap")?WI:xc,i=f.get("overlap"),a=i?f.get("width"):l/y.count(),u=i?r.r-a:r.r-(t+1)*a,c=i?r.r:r.r-t*a,h=new n({shape:{startAngle:o,endAngle:e,cx:r.cx,cy:r.cy,clockwise:s,r0:u,r:c}});return i&&(h.z2=go(y.get(v,t),[m,x],[100,0],!0)),h}(g||p)&&(y.diff(c).add((function(e){var n=y.get(v,e);if(p){var i=w(e,o);eh(i,{rotation:-((isNaN(+n)?b[0]:go(n,_,b,!0))+Math.PI/2)},t),u.add(i),y.setItemGraphicEl(e,i)}if(g){var r=S(e,o),a=f.get("clip");eh(r,{shape:{endAngle:go(n,_,b,a)}},t),u.add(r),El(t.seriesIndex,y.dataType,e,r),d[e]=r}})).update((function(e,n){var i=y.get(v,e);if(p){var r=c.getItemGraphicEl(n),a=r?r.rotation:o,s=w(e,a);s.rotation=a,th(s,{rotation:-((isNaN(+i)?b[0]:go(i,_,b,!0))+Math.PI/2)},t),u.add(s),y.setItemGraphicEl(e,s)}if(g){var l=h[n],m=S(e,l?l.shape.endAngle:o),x=f.get("clip");th(m,{shape:{endAngle:go(i,_,b,x)}},t),u.add(m),El(t.seriesIndex,y.dataType,e,m),d[e]=m}})).execute(),y.each((function(t){var e=y.getItemModel(t),n=e.getModel("emphasis"),r=n.get("focus"),o=n.get("blurScope"),a=n.get("disabled");if(p){var s=y.getItemGraphicEl(t),l=y.getItemVisual(t,"style"),u=l.fill;if(s instanceof dl){var c=s.style;s.useStyle(A({image:c.image,x:c.x,y:c.y,width:c.width,height:c.height},l))}else s.useStyle(l),"pointer"!==s.type&&s.setColor(u);s.setStyle(e.getModel(["pointer","itemStyle"]).getItemStyle()),"auto"===s.style.fill&&s.setStyle("fill",i(go(y.get(v,t),_,[0,1],!0))),s.z2EmphasisLift=0,ku(s,e),Tu(s,r,o,a)}if(g){var h=d[t];h.useStyle(y.getItemVisual(t,"style")),h.setStyle(e.getModel(["progress","itemStyle"]).getItemStyle()),h.z2EmphasisLift=0,ku(h,e),Tu(h,r,o,a)}})),this._progressEls=d)},e.prototype._renderAnchor=function(t,e){var n=t.getModel("anchor");if(n.get("show")){var i=n.get("size"),r=n.get("icon"),o=n.get("offsetCenter"),a=n.get("keepAspect"),s=hm(r,e.cx-i/2+yo(o[0],e.r),e.cy-i/2+yo(o[1],e.r),i,i,null,a);s.z2=n.get("showAbove")?1:0,s.setStyle(n.getModel("itemStyle").getItemStyle()),this.group.add(s)}},e.prototype._renderTitleAndDetail=function(t,e,n,i,r){var o=this,a=t.getData(),s=a.mapDimension("value"),l=+t.get("min"),u=+t.get("max"),c=new to,h=[],d=[],p=t.isAnimationEnabled(),f=t.get(["pointer","showAbove"]);a.diff(this._data).add((function(t){h[t]=new Sl({silent:!0}),d[t]=new Sl({silent:!0})})).update((function(t,e){h[t]=o._titleEls[e],d[t]=o._detailEls[e]})).execute(),a.each((function(e){var n=a.getItemModel(e),o=a.get(s,e),g=new to,y=i(go(o,[l,u],[0,1],!0)),v=n.getModel("title");if(v.get("show")){var m=v.get("offsetCenter"),x=r.cx+yo(m[0],r.r),_=r.cy+yo(m[1],r.r);(D=h[e]).attr({z2:f?0:2,style:Qh(v,{x:x,y:_,text:a.getName(e),align:"center",verticalAlign:"middle"},{inheritColor:y})}),g.add(D)}var b=n.getModel("detail");if(b.get("show")){var w=b.get("offsetCenter"),S=r.cx+yo(w[0],r.r),M=r.cy+yo(w[1],r.r),I=yo(b.get("width"),r.r),T=yo(b.get("height"),r.r),C=t.get(["progress","show"])?a.getItemVisual(e,"style").fill:y,D=d[e],A=b.get("formatter");D.attr({z2:f?0:2,style:Qh(b,{x:S,y:M,text:rO(o,A),width:isNaN(I)?null:I,height:isNaN(T)?null:T,align:"center",verticalAlign:"middle"},{inheritColor:C})}),sd(D,{normal:b},o,(function(t){return rO(t,A)})),p&&ld(D,e,a,t,{getFormattedLabel:function(t,e,n,i,r,a){return rO(a?a.interpolatedValue:o,A)}}),g.add(D)}c.add(g)})),this.group.add(c),this._titleEls=h,this._detailEls=d},e.type="gauge",e}(tv),aO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.visualStyleAccessPath="itemStyle",n}return n(e,t),e.prototype.getInitialData=function(t,e){return IT(this,["value"])},e.type="series.gauge",e.defaultOption={z:2,colorBy:"data",center:["50%","50%"],legendHoverLink:!0,radius:"75%",startAngle:225,endAngle:-45,clockwise:!0,min:0,max:100,splitNumber:10,axisLine:{show:!0,roundCap:!1,lineStyle:{color:[[1,tf.color.neutral10]],width:10}},progress:{show:!1,overlap:!0,width:10,roundCap:!1,clip:!0},splitLine:{show:!0,length:10,distance:10,lineStyle:{color:tf.color.axisTick,width:3,type:"solid"}},axisTick:{show:!0,splitNumber:5,length:6,distance:10,lineStyle:{color:tf.color.axisTickMinor,width:1,type:"solid"}},axisLabel:{show:!0,distance:15,color:tf.color.axisLabel,fontSize:12,rotate:0},pointer:{icon:null,offsetCenter:[0,0],show:!0,showAbove:!0,length:"60%",width:6,keepAspect:!1},anchor:{show:!1,showAbove:!1,size:6,icon:"circle",offsetCenter:[0,0],keepAspect:!1,itemStyle:{color:tf.color.neutral00,borderWidth:0,borderColor:tf.color.theme[0]}},title:{show:!0,offsetCenter:[0,"20%"],color:tf.color.secondary,fontSize:16,valueAnimation:!1},detail:{show:!0,backgroundColor:tf.color.transparent,borderWidth:0,borderColor:tf.color.neutral40,width:100,height:null,padding:[5,10],offsetCenter:[0,"40%"],color:tf.color.primary,fontSize:30,fontWeight:"bold",lineHeight:30,valueAnimation:!1}},e}(Wy);var sO=["itemStyle","opacity"],lO=function(t){function e(e,n){var i=t.call(this)||this,r=i,o=new Tc,a=new Sl;return r.setTextContent(a),i.setTextGuideLine(o),i.updateData(e,n,!0),i}return n(e,t),e.prototype.updateData=function(t,e,n){var i=this,r=t.hostModel,o=t.getItemModel(e),a=t.getItemLayout(e),s=o.getModel("emphasis"),l=o.get(sO);l=null==l?1:l,n||ah(i),i.useStyle(t.getItemVisual(e,"style")),i.style.lineJoin="round",n?(i.setShape({points:a.points}),i.style.opacity=0,eh(i,{style:{opacity:l}},r,e)):th(i,{style:{opacity:l},shape:{points:a.points}},r,e),ku(i,o),this._updateLabel(t,e),Tu(this,s.get("focus"),s.get("blurScope"),s.get("disabled"))},e.prototype._updateLabel=function(t,e){var n=this,i=this.getTextGuideLine(),r=n.getTextContent(),o=t.hostModel,a=t.getItemModel(e),s=t.getItemLayout(e).label,l=t.getItemVisual(e,"style"),u=l.fill;$h(r,Jh(a),{labelFetcher:t.hostModel,labelDataIndex:e,defaultOpacity:l.opacity,defaultText:t.getName(e)},{normal:{align:s.textAlign,verticalAlign:s.verticalAlign}});var c="inherit"===a.getModel("label").get("color")?u:null;n.setTextConfig({local:!0,inside:!!s.inside,insideStroke:c,outsideFill:c});var h=s.linePoints;i.setShape({points:h}),n.textGuideLineConfig={anchor:h?new Ae(h[0][0],h[0][1]):null},th(r,{style:{x:s.x,y:s.y}},o,e),r.attr({rotation:s.rotation,originX:s.x,originY:s.y,z2:10}),dS(n,pS(a),{stroke:u})},e}(Mc),uO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.ignoreLabelLineUpdate=!0,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this._data,o=this.group;i.diff(r).add((function(t){var e=new lO(i,t);i.setItemGraphicEl(t,e),o.add(e)})).update((function(t,e){var n=r.getItemGraphicEl(e);n.updateData(i,t),o.add(n),i.setItemGraphicEl(t,n)})).remove((function(e){oh(r.getItemGraphicEl(e),t,e)})).execute(),this._data=i},e.prototype.remove=function(){this.group.removeAll(),this._data=null},e.prototype.dispose=function(){},e.type="funnel",e}(tv),cO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this)),this._defaultLabelLine(e)},e.prototype.getInitialData=function(t,e){return IT(this,{coordDimensions:["value"],encodeDefaulter:H(Mf,this)})},e.prototype._defaultLabelLine=function(t){Ko(t,"labelLine",["show"]);var e=t.labelLine,n=t.emphasis.labelLine;e.show=e.show&&t.label.show,n.show=n.show&&t.emphasis.label.show},e.prototype.getDataParams=function(e){var n=this.getData(),i=t.prototype.getDataParams.call(this,e),r=n.mapDimension("value"),o=n.getSum(r);return i.percent=o?+(n.get(r,e)/o*100).toFixed(2):0,i.$vars.push("percent"),i},e.type="series.funnel",e.defaultOption={coordinateSystemUsage:"box",z:2,legendHoverLink:!0,colorBy:"data",left:80,top:60,right:80,bottom:65,minSize:"0%",maxSize:"100%",sort:"descending",orient:"vertical",gap:0,funnelAlign:"center",label:{show:!0,position:"outer"},labelLine:{show:!0,length:20,lineStyle:{width:1}},itemStyle:{borderColor:tf.color.neutral00,borderWidth:1},emphasis:{label:{show:!0}},select:{itemStyle:{borderColor:tf.color.primary}}},e}(Wy);function hO(t,e){t.eachSeriesByType("funnel",(function(t){var n=t.getData(),i=n.mapDimension("value"),r=t.get("sort"),o=Xp(t,e),a=Hp(t.getBoxLayoutParams(),o.refContainer),s=t.get("orient"),l=a.width,u=a.height,c=function(t,e){for(var n=t.mapDimension("value"),i=t.mapArray(n,(function(t){return t})),r=[],o="ascending"===e,a=0,s=t.count();a<s;a++)r[a]=a;return Y(e)?r.sort(e):"none"!==e&&r.sort((function(t,e){return o?i[t]-i[e]:i[e]-i[t]})),r}(n,r),h=a.x,d=a.y,p="horizontal"===s?[yo(t.get("minSize"),u),yo(t.get("maxSize"),u)]:[yo(t.get("minSize"),l),yo(t.get("maxSize"),l)],f=n.getDataExtent(i),g=t.get("min"),y=t.get("max");null==g&&(g=Math.min(f[0],0)),null==y&&(y=f[1]);var v=t.get("funnelAlign"),m=t.get("gap"),x=(("horizontal"===s?l:u)-m*(n.count()-1))/n.count(),_=function(t,e){if("horizontal"===s){var r=go(n.get(i,t)||0,[g,y],p,!0),o=void 0;switch(v){case"top":o=d;break;case"center":o=d+(u-r)/2;break;case"bottom":o=d+(u-r)}return[[e,o],[e,o+r]]}var a,c=go(n.get(i,t)||0,[g,y],p,!0);switch(v){case"left":a=h;break;case"center":a=h+(l-c)/2;break;case"right":a=h+l-c}return[[a,e],[a+c,e]]};"ascending"===r&&(x=-x,m=-m,"horizontal"===s?h+=l:d+=u,c=c.reverse());for(var b=0;b<c.length;b++){var w=c[b],S=c[b+1],M=n.getItemModel(w);if("horizontal"===s){var I=M.get(["itemStyle","width"]);null==I?I=x:(I=yo(I,l),"ascending"===r&&(I=-I));var T=_(w,h),C=_(S,h+I);h+=I+m,n.setItemLayout(w,{points:T.concat(C.slice().reverse())})}else{var D=M.get(["itemStyle","height"]);null==D?D=x:(D=yo(D,u),"ascending"===r&&(D=-D));T=_(w,d),C=_(S,d+D);d+=D+m,n.setItemLayout(w,{points:T.concat(C.slice().reverse())})}}!function(t){var e=t.hostModel.get("orient");t.each((function(n){var i,r,o,a,s=t.getItemModel(n),l=s.getModel("label").get("position"),u=s.getModel("labelLine"),c=t.getItemLayout(n),h=c.points,d="inner"===l||"inside"===l||"center"===l||"insideLeft"===l||"insideRight"===l;if(d)"insideLeft"===l?(r=(h[0][0]+h[3][0])/2+5,o=(h[0][1]+h[3][1])/2,i="left"):"insideRight"===l?(r=(h[1][0]+h[2][0])/2-5,o=(h[1][1]+h[2][1])/2,i="right"):(r=(h[0][0]+h[1][0]+h[2][0]+h[3][0])/4,o=(h[0][1]+h[1][1]+h[2][1]+h[3][1])/4,i="center"),a=[[r,o],[r,o]];else{var p=void 0,f=void 0,g=void 0,y=void 0,v=u.get("length");"left"===l?(p=(h[3][0]+h[0][0])/2,f=(h[3][1]+h[0][1])/2,r=(g=p-v)-5,i="right"):"right"===l?(p=(h[1][0]+h[2][0])/2,f=(h[1][1]+h[2][1])/2,r=(g=p+v)+5,i="left"):"top"===l?(p=(h[3][0]+h[0][0])/2,o=(y=(f=(h[3][1]+h[0][1])/2)-v)-5,i="center"):"bottom"===l?(p=(h[1][0]+h[2][0])/2,o=(y=(f=(h[1][1]+h[2][1])/2)+v)+5,i="center"):"rightTop"===l?(p="horizontal"===e?h[3][0]:h[1][0],f="horizontal"===e?h[3][1]:h[1][1],"horizontal"===e?(o=(y=f-v)-5,i="center"):(r=(g=p+v)+5,i="top")):"rightBottom"===l?(p=h[2][0],f=h[2][1],"horizontal"===e?(o=(y=f+v)+5,i="center"):(r=(g=p+v)+5,i="bottom")):"leftTop"===l?(p=h[0][0],f="horizontal"===e?h[0][1]:h[1][1],"horizontal"===e?(o=(y=f-v)-5,i="center"):(r=(g=p-v)-5,i="right")):"leftBottom"===l?(p="horizontal"===e?h[1][0]:h[3][0],f="horizontal"===e?h[1][1]:h[2][1],"horizontal"===e?(o=(y=f+v)+5,i="center"):(r=(g=p-v)-5,i="right")):(p=(h[1][0]+h[2][0])/2,f=(h[1][1]+h[2][1])/2,"horizontal"===e?(o=(y=f+v)+5,i="center"):(r=(g=p+v)+5,i="left")),"horizontal"===e?r=g=p:o=y=f,a=[[p,f],[g,y]]}c.label={linePoints:a,x:r,y:o,verticalAlign:"middle",textAlign:i,inside:d}}))}(n)}))}var dO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._dataGroup=new to,n._initialized=!1,n}return n(e,t),e.prototype.init=function(){this.group.add(this._dataGroup)},e.prototype.render=function(t,e,n,i){this._progressiveEls=null;var r=this._dataGroup,o=t.getData(),a=this._data,s=t.coordinateSystem,l=s.dimensions,u=gO(t);if(o.diff(a).add((function(t){yO(fO(o,r,t,l,s),o,t,u)})).update((function(e,n){var i=a.getItemGraphicEl(n),r=pO(o,e,l,s);o.setItemGraphicEl(e,i),th(i,{shape:{points:r}},t,e),ah(i),yO(i,o,e,u)})).remove((function(t){var e=a.getItemGraphicEl(t);r.remove(e)})).execute(),!this._initialized){this._initialized=!0;var c=function(t,e,n){var i=t.model,r=t.getRect(),o=new xl({shape:{x:r.x,y:r.y,width:r.width,height:r.height}}),a="horizontal"===i.get("layout")?"width":"height";return o.setShape(a,0),eh(o,{shape:{width:r.width,height:r.height}},e,n),o}(s,t,(function(){setTimeout((function(){r.removeClipPath()}))}));r.setClipPath(c)}this._data=o},e.prototype.incrementalPrepareRender=function(t,e,n){this._initialized=!0,this._data=null,this._dataGroup.removeAll()},e.prototype.incrementalRender=function(t,e,n){for(var i=e.getData(),r=e.coordinateSystem,o=r.dimensions,a=gO(e),s=this._progressiveEls=[],l=t.start;l<t.end;l++){var u=fO(i,this._dataGroup,l,o,r);u.incremental=!0,yO(u,i,l,a),s.push(u)}},e.prototype.remove=function(){this._dataGroup&&this._dataGroup.removeAll(),this._data=null},e.type="parallel",e}(tv);function pO(t,e,n,i){for(var r,o=[],a=0;a<n.length;a++){var s=n[a],l=t.get(t.mapDimension(s),e);r=l,("category"===i.getAxis(s).type?null==r:null==r||isNaN(r))||o.push(i.dataToPoint(l,s))}return o}function fO(t,e,n,i,r){var o=pO(t,n,i,r),a=new Tc({shape:{points:o},z2:10});return e.add(a),t.setItemGraphicEl(n,a),a}function gO(t){var e=t.get("smooth",!0);return!0===e&&(e=.3),nt(e=No(e))&&(e=0),{smooth:e}}function yO(t,e,n,i){t.useStyle(e.getItemVisual(n,"style")),t.style.fill=null,t.setShape("smooth",i.smooth);var r=e.getItemModel(n),o=r.getModel("emphasis");ku(t,r,"lineStyle"),Tu(t,o.get("focus"),o.get("blurScope"),o.get("disabled"))}var vO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.visualStyleAccessPath="lineStyle",n.visualDrawType="stroke",n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{useEncodeDefaulter:W(mO,null,this)})},e.prototype.getRawIndicesByActiveState=function(t){var e=this.coordinateSystem,n=this.getData(),i=[];return e.eachActiveState(n,(function(e,r){t===e&&i.push(n.getRawIndex(r))})),i},e.type="series.parallel",e.dependencies=["parallel"],e.defaultOption={z:2,coordinateSystem:"parallel",parallelIndex:0,label:{show:!1},inactiveOpacity:.05,activeOpacity:1,lineStyle:{width:1,opacity:.45,type:"solid"},emphasis:{label:{show:!1}},progressive:500,smooth:!1,animationEasing:"linear"},e}(Wy);function mO(t){var e=t.ecModel.getComponent("parallel",t.get("parallelIndex"));if(e){var n={};return z(e.dimensions,(function(t){var e=+t.replace("dim","");n[t]=e})),n}}var xO=["lineStyle","opacity"],_O={seriesType:"parallel",reset:function(t,e){var n=t.coordinateSystem,i={normal:t.get(["lineStyle","opacity"]),active:t.get("activeOpacity"),inactive:t.get("inactiveOpacity")};return{progress:function(t,e){n.eachActiveState(e,(function(t,n){var r=i[t];if("normal"===t&&e.hasItemOption){var o=e.getItemModel(n).get(xO,!0);null!=o&&(r=o)}e.ensureUniqueItemVisual(n,"style").opacity=r}),t.start,t.end)}}}};function bO(t){!function(t){if(t.parallel)return;var e=!1;z(t.series,(function(t){t&&"parallel"===t.type&&(e=!0)})),e&&(t.parallel=[{}])}(t),function(t){var e=qo(t.parallelAxis);z(e,(function(e){if(q(e)){var n=e.parallelIndex||0,i=qo(t.parallel)[n];i&&i.parallelAxisDefault&&C(e,i.parallelAxisDefault,!1)}}))}(t)}var wO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this._model=t,this._api=n,this._handlers||(this._handlers={},z(SO,(function(t,e){n.getZr().on(e,this._handlers[e]=W(t,this))}),this)),cv(this,"_throttledDispatchExpand",t.get("axisExpandRate"),"fixRate")},e.prototype.dispose=function(t,e){hv(this,"_throttledDispatchExpand"),z(this._handlers,(function(t,n){e.getZr().off(n,t)})),this._handlers=null},e.prototype._throttledDispatchExpand=function(t){this._dispatchExpand(t)},e.prototype._dispatchExpand=function(t){t&&this._api.dispatchAction(A({type:"parallelAxisExpand"},t))},e.type="parallel",e}(Ky),SO={mousedown:function(t){MO(this,"click")&&(this._mouseDownPoint=[t.offsetX,t.offsetY])},mouseup:function(t){var e=this._mouseDownPoint;if(MO(this,"click")&&e){var n=[t.offsetX,t.offsetY];if(Math.pow(e[0]-n[0],2)+Math.pow(e[1]-n[1],2)>5)return;var i=this._model.coordinateSystem.getSlidedAxisExpandWindow([t.offsetX,t.offsetY]);"none"!==i.behavior&&this._dispatchExpand({axisExpandWindow:i.axisExpandWindow})}this._mouseDownPoint=null},mousemove:function(t){if(!this._mouseDownPoint&&MO(this,"mousemove")){var e=this._model,n=e.coordinateSystem.getSlidedAxisExpandWindow([t.offsetX,t.offsetY]),i=n.behavior;"jump"===i&&this._throttledDispatchExpand.debounceNextCall(e.get("axisExpandDebounce")),this._throttledDispatchExpand("none"===i?null:{axisExpandWindow:n.axisExpandWindow,animation:"jump"===i?null:{duration:0}})}}};function MO(t,e){var n=t._model;return n.get("axisExpandable")&&n.get("axisExpandTriggerOn")===e}var IO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){t.prototype.init.apply(this,arguments),this.mergeOption({})},e.prototype.mergeOption=function(t){var e=this.option;t&&C(e,t,!0),this._initDimensions()},e.prototype.contains=function(t,e){var n=t.get("parallelIndex");return null!=n&&e.getComponent("parallel",n)===this},e.prototype.setAxisExpand=function(t){z(["axisExpandable","axisExpandCenter","axisExpandCount","axisExpandWidth","axisExpandWindow"],(function(e){t.hasOwnProperty(e)&&(this.option[e]=t[e])}),this)},e.prototype._initDimensions=function(){var t=this.dimensions=[],e=this.parallelAxisIndex=[];z(V(this.ecModel.queryComponents({mainType:"parallelAxis"}),(function(t){return(t.get("parallelIndex")||0)===this.componentIndex}),this),(function(n){t.push("dim"+n.get("dim")),e.push(n.componentIndex)}))},e.type="parallel",e.dependencies=["parallelAxis"],e.layoutMode="box",e.defaultOption={z:0,left:80,top:60,right:80,bottom:60,layout:"horizontal",axisExpandable:!1,axisExpandCenter:null,axisExpandCount:0,axisExpandWidth:50,axisExpandRate:17,axisExpandDebounce:50,axisExpandSlideTriggerArea:[-.15,.05,.4],axisExpandTriggerOn:"click",parallelAxisDefault:null},e}(Qp),TO=function(t){function e(e,n,i,r,o){var a=t.call(this,e,n,i)||this;return a.type=r||"value",a.axisIndex=o,a}return n(e,t),e.prototype.isHorizontal=function(){return"horizontal"!==this.coordinateSystem.getModel().get("layout")},e}(Ww);function CO(t,e,n,i,r,o){t=t||0;var a=n[1]-n[0];if(null!=r&&(r=AO(r,[0,a])),null!=o&&(o=Math.max(o,null!=r?r:0)),"all"===i){var s=Math.abs(e[1]-e[0]);s=AO(s,[0,a]),r=o=AO(s,[r,o]),i=0}e[0]=AO(e[0],n),e[1]=AO(e[1],n);var l=DO(e,i);e[i]+=t;var u,c=r||0,h=n.slice();return l.sign<0?h[0]+=c:h[1]-=c,e[i]=AO(e[i],h),u=DO(e,i),null!=r&&(u.sign!==l.sign||u.span<r)&&(e[1-i]=e[i]+l.sign*r),u=DO(e,i),null!=o&&u.span>o&&(e[1-i]=e[i]+u.sign*o),e}function DO(t,e){var n=t[e]-t[1-e];return{span:Math.abs(n),sign:n>0?-1:n<0?1:e?-1:1}}function AO(t,e){return Math.min(null!=e[1]?e[1]:1/0,Math.max(null!=e[0]?e[0]:-1/0,t))}var kO=z,LO=Math.min,PO=Math.max,OO=Math.floor,RO=Math.ceil,NO=mo,zO=Math.PI,EO=function(){function t(t,e,n){this.type="parallel",this._axesMap=yt(),this._axesLayout={},this.dimensions=t.dimensions,this._model=t,this._init(t,e,n)}return t.prototype._init=function(t,e,n){var i=t.dimensions,r=t.parallelAxisIndex;kO(i,(function(t,n){var i=r[n],o=e.getComponent("parallelAxis",i),a=this._axesMap.set(t,new TO(t,Zb(o),[0,0],o.get("type"),i)),s="category"===a.type;a.onBand=s&&o.get("boundaryGap"),a.inverse=o.get("inverse"),o.axis=a,a.model=o,a.coordinateSystem=o.coordinateSystem=this}),this)},t.prototype.update=function(t,e){this._updateAxesFromSeries(this._model,t)},t.prototype.containPoint=function(t){var e=this._makeLayoutInfo(),n=e.axisBase,i=e.layoutBase,r=e.pixelDimIndex,o=t[1-r],a=t[r];return o>=n&&o<=n+e.axisLength&&a>=i&&a<=i+e.layoutLength},t.prototype.getModel=function(){return this._model},t.prototype._updateAxesFromSeries=function(t,e){e.eachSeries((function(n){if(t.contains(n,e)){var i=n.getData();kO(this.dimensions,(function(t){var e=this._axesMap.get(t);e.scale.unionExtentFromData(i,i.mapDimension(t)),Xb(e.scale,e.model)}),this)}}),this)},t.prototype.resize=function(t,e){var n=Xp(t,e).refContainer;this._rect=Hp(t.getBoxLayoutParams(),n),this._layoutAxes()},t.prototype.getRect=function(){return this._rect},t.prototype._makeLayoutInfo=function(){var t,e=this._model,n=this._rect,i=["x","y"],r=["width","height"],o=e.get("layout"),a="horizontal"===o?0:1,s=n[r[a]],l=[0,s],u=this.dimensions.length,c=BO(e.get("axisExpandWidth"),l),h=BO(e.get("axisExpandCount")||0,[0,u]),d=e.get("axisExpandable")&&u>3&&u>h&&h>1&&c>0&&s>0,p=e.get("axisExpandWindow");p?(t=BO(p[1]-p[0],l),p[1]=p[0]+t):(t=BO(c*(h-1),l),(p=[c*(e.get("axisExpandCenter")||OO(u/2))-t/2])[1]=p[0]+t);var f=(s-t)/(u-h);f<3&&(f=0);var g=[OO(NO(p[0]/c,1))+1,RO(NO(p[1]/c,1))-1],y=f/c*p[0];return{layout:o,pixelDimIndex:a,layoutBase:n[i[a]],layoutLength:s,axisBase:n[i[1-a]],axisLength:n[r[1-a]],axisExpandable:d,axisExpandWidth:c,axisCollapseWidth:f,axisExpandWindow:p,axisCount:u,winInnerIndices:g,axisExpandWindow0Pos:y}},t.prototype._layoutAxes=function(){var t=this._rect,e=this._axesMap,n=this.dimensions,i=this._makeLayoutInfo(),r=i.layout;e.each((function(t){var e=[0,i.axisLength],n=t.inverse?1:0;t.setExtent(e[n],e[1-n])})),kO(n,(function(e,n){var o=(i.axisExpandable?GO:VO)(n,i),a={horizontal:{x:o.position,y:i.axisLength},vertical:{x:0,y:o.position}},s={horizontal:zO/2,vertical:0},l=[a[r].x+t.x,a[r].y+t.y],u=s[r],c=[1,0,0,1,0,0];Me(c,c,u),Se(c,c,l),this._axesLayout[e]={position:l,rotation:u,transform:c,axisNameAvailableWidth:o.axisNameAvailableWidth,axisLabelShow:o.axisLabelShow,nameTruncateMaxWidth:o.nameTruncateMaxWidth,tickDirection:1,labelDirection:1}}),this)},t.prototype.getAxis=function(t){return this._axesMap.get(t)},t.prototype.dataToPoint=function(t,e){return this.axisCoordToPoint(this._axesMap.get(e).dataToCoord(t),e)},t.prototype.eachActiveState=function(t,e,n,i){null==n&&(n=0),null==i&&(i=t.count());var r=this._axesMap,o=this.dimensions,a=[],s=[];z(o,(function(e){a.push(t.mapDimension(e)),s.push(r.get(e).model)}));for(var l=this.hasAxisBrushed(),u=n;u<i;u++){var c=void 0;if(l){c="active";for(var h=t.getValues(a,u),d=0,p=o.length;d<p;d++){if("inactive"===s[d].getActiveState(h[d])){c="inactive";break}}}else c="normal";e(c,u)}},t.prototype.hasAxisBrushed=function(){for(var t=this.dimensions,e=this._axesMap,n=!1,i=0,r=t.length;i<r;i++)"normal"!==e.get(t[i]).model.getActiveState()&&(n=!0);return n},t.prototype.axisCoordToPoint=function(t,e){return Sh([t,0],this._axesLayout[e].transform)},t.prototype.getAxisLayout=function(t){return T(this._axesLayout[t])},t.prototype.getSlidedAxisExpandWindow=function(t){var e=this._makeLayoutInfo(),n=e.pixelDimIndex,i=e.axisExpandWindow.slice(),r=i[1]-i[0],o=[0,e.axisExpandWidth*(e.axisCount-1)];if(!this.containPoint(t))return{behavior:"none",axisExpandWindow:i};var a,s=t[n]-e.layoutBase-e.axisExpandWindow0Pos,l="slide",u=e.axisCollapseWidth,c=this._model.get("axisExpandSlideTriggerArea"),h=null!=c[0];if(u)h&&u&&s<r*c[0]?(l="jump",a=s-r*c[2]):h&&u&&s>r*(1-c[0])?(l="jump",a=s-r*(1-c[2])):(a=s-r*c[1])>=0&&(a=s-r*(1-c[1]))<=0&&(a=0),(a*=e.axisExpandWidth/u)?CO(a,i,o,"all"):l="none";else{var d=i[1]-i[0];(i=[PO(0,o[1]*s/d-d/2)])[1]=LO(o[1],i[0]+d),i[0]=i[1]-d}return{axisExpandWindow:i,behavior:l}},t}();function BO(t,e){return LO(PO(t,e[0]),e[1])}function VO(t,e){var n=e.layoutLength/(e.axisCount-1);return{position:n*t,axisNameAvailableWidth:n,axisLabelShow:!0}}function GO(t,e){var n,i,r=e.layoutLength,o=e.axisExpandWidth,a=e.axisCount,s=e.axisCollapseWidth,l=e.winInnerIndices,u=s,c=!1;return t<l[0]?(n=t*s,i=s):t<=l[1]?(n=e.axisExpandWindow0Pos+t*o-e.axisExpandWindow[0],u=o,c=!0):(n=r-(a-1-t)*s,i=s),{position:n,axisNameAvailableWidth:u,axisLabelShow:c,nameTruncateMaxWidth:i}}var FO={create:function(t,e){var n=[];return t.eachComponent("parallel",(function(i,r){var o=new EO(i,t,e);o.name="parallel_"+r,o.resize(i,e),i.coordinateSystem=o,o.model=i,n.push(o)})),t.eachSeries((function(t){if("parallel"===t.get("coordinateSystem")){var e=t.getReferringComponents("parallel",ha).models[0];t.coordinateSystem=e.coordinateSystem}})),n}},WO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.activeIntervals=[],n}return n(e,t),e.prototype.getAreaSelectStyle=function(){return Da([["fill","color"],["lineWidth","borderWidth"],["stroke","borderColor"],["width","width"],["opacity","opacity"]])(this.getModel("areaSelectStyle"))},e.prototype.setActiveIntervals=function(t){var e=this.activeIntervals=T(t);if(e)for(var n=e.length-1;n>=0;n--)xo(e[n])},e.prototype.getActiveState=function(t){var e=this.activeIntervals;if(!e.length)return"normal";if(null==t||isNaN(+t))return"inactive";if(1===e.length){var n=e[0];if(n[0]<=t&&t<=n[1])return"active"}else for(var i=0,r=e.length;i<r;i++)if(e[i][0]<=t&&t<=e[i][1])return"active";return"inactive"},e}(Qp);R(WO,nw);var HO=!0,UO=Math.min,YO=Math.max,XO=Math.pow,ZO="globalPan",jO={w:[0,0],e:[0,1],n:[1,0],s:[1,1]},qO={w:"ew",e:"ew",n:"ns",s:"ns",ne:"nesw",sw:"nesw",nw:"nwse",se:"nwse"},KO={brushStyle:{lineWidth:2,stroke:tf.color.backgroundTint,fill:tf.color.borderTint},transformable:!0,brushMode:"single",removeOnClick:!1},$O=0,JO=function(t){function e(e){var n=t.call(this)||this;return n._track=[],n._covers=[],n._handlers={},n._zr=e,n.group=new to,n._uid="brushController_"+$O++,z(IR,(function(t,e){this._handlers[e]=W(t,this)}),n),n}return n(e,t),e.prototype.enableBrush=function(t){return this._brushType&&this._doDisableBrush(),t.brushType&&this._doEnableBrush(t),this},e.prototype._doEnableBrush=function(t){var e=this._zr;this._enableGlobalPan||function(t,e,n){CD(t)[e]=n}(e,ZO,this._uid),z(this._handlers,(function(t,n){e.on(n,t)})),this._brushType=t.brushType,this._brushOption=C(T(KO),t,!0)},e.prototype._doDisableBrush=function(){var t=this._zr;!function(t,e,n){var i=CD(t);i[e]===n&&(i[e]=null)}(t,ZO,this._uid),z(this._handlers,(function(e,n){t.off(n,e)})),this._brushType=this._brushOption=null},e.prototype.setPanels=function(t){if(t&&t.length){var e=this._panels={};z(t,(function(t){e[t.panelId]=T(t)}))}else this._panels=null;return this},e.prototype.mount=function(t){t=t||{},this._enableGlobalPan=t.enableGlobalPan;var e=this.group;return this._zr.add(e),e.attr({x:t.x||0,y:t.y||0,rotation:t.rotation||0,scaleX:t.scaleX||1,scaleY:t.scaleY||1}),this._transform=e.getLocalTransform(),this},e.prototype.updateCovers=function(t){t=E(t,(function(t){return C(T(KO),t,!0)}));var e=this._covers,n=this._covers=[],i=this,r=this._creatingCover;return new f_(e,t,(function(t,e){return o(t.__brushOption,e)}),o).add(a).update(a).remove((function(t){e[t]!==r&&i.group.remove(e[t])})).execute(),this;function o(t,e){return(null!=t.id?t.id:"\0-brush-index-"+e)+"-"+t.brushType}function a(o,a){var s=t[o];if(null!=a&&e[a]===r)n[o]=e[a];else{var l=n[o]=null!=a?(e[a].__brushOption=s,e[a]):tR(i,QO(i,s));iR(i,l)}}},e.prototype.unmount=function(){return this.enableBrush(!1),sR(this),this._zr.remove(this.group),this},e.prototype.dispose=function(){this.unmount(),this.off()},e}(qt);function QO(t,e){var n=CR[e.brushType].createCover(t,e);return n.__brushOption=e,nR(n,e),t.group.add(n),n}function tR(t,e){var n=rR(e);return n.endCreating&&(n.endCreating(t,e),nR(e,e.__brushOption)),e}function eR(t,e){var n=e.__brushOption;rR(e).updateCoverShape(t,e,n.range,n)}function nR(t,e){var n=e.z;null==n&&(n=1e4),t.traverse((function(t){t.z=n,t.z2=n}))}function iR(t,e){rR(e).updateCommon(t,e),eR(t,e)}function rR(t){return CR[t.__brushOption.brushType]}function oR(t,e,n){var i,r=t._panels;if(!r)return HO;var o=t._transform;return z(r,(function(t){t.isTargetByCursor(e,n,o)&&(i=t)})),i}function aR(t,e){var n=t._panels;if(!n)return HO;var i=e.__brushOption.panelId;return null!=i?n[i]:HO}function sR(t){var e=t._covers,n=e.length;return z(e,(function(e){t.group.remove(e)}),t),e.length=0,!!n}function lR(t,e){var n=E(t._covers,(function(t){var e=t.__brushOption,n=T(e.range);return{brushType:e.brushType,panelId:e.panelId,range:n}}));t.trigger("brush",{areas:n,isEnd:!!e.isEnd,removeOnClick:!!e.removeOnClick})}function uR(t){var e=t.length-1;return e<0&&(e=0),[t[0],t[e]]}function cR(t,e,n,i){var r=new to;return r.add(new xl({name:"main",style:fR(n),silent:!0,draggable:!0,cursor:"move",drift:H(vR,t,e,r,["n","s","w","e"]),ondragend:H(lR,e,{isEnd:!0})})),z(i,(function(n){r.add(new xl({name:n.join(""),style:{opacity:0},draggable:!0,silent:!0,invisible:!0,drift:H(vR,t,e,r,n),ondragend:H(lR,e,{isEnd:!0})}))})),r}function hR(t,e,n,i){var r=i.brushStyle.lineWidth||0,o=YO(r,6),a=n[0][0],s=n[1][0],l=a-r/2,u=s-r/2,c=n[0][1],h=n[1][1],d=c-o+r/2,p=h-o+r/2,f=c-a,g=h-s,y=f+r,v=g+r;pR(t,e,"main",a,s,f,g),i.transformable&&(pR(t,e,"w",l,u,o,v),pR(t,e,"e",d,u,o,v),pR(t,e,"n",l,u,y,o),pR(t,e,"s",l,p,y,o),pR(t,e,"nw",l,u,o,o),pR(t,e,"ne",d,u,o,o),pR(t,e,"sw",l,p,o,o),pR(t,e,"se",d,p,o,o))}function dR(t,e){var n=e.__brushOption,i=n.transformable,r=e.childAt(0);r.useStyle(fR(n)),r.attr({silent:!i,cursor:i?"move":"default"}),z([["w"],["e"],["n"],["s"],["s","e"],["s","w"],["n","e"],["n","w"]],(function(n){var r=e.childOfName(n.join("")),o=1===n.length?yR(t,n[0]):function(t,e){var n=[yR(t,e[0]),yR(t,e[1])];return("e"===n[0]||"w"===n[0])&&n.reverse(),n.join("")}(t,n);r&&r.attr({silent:!i,invisible:!i,cursor:i?qO[o]+"-resize":null})}))}function pR(t,e,n,i,r,o,a){var s=e.childOfName(n);s&&s.setShape(function(t){var e=UO(t[0][0],t[1][0]),n=UO(t[0][1],t[1][1]),i=YO(t[0][0],t[1][0]),r=YO(t[0][1],t[1][1]);return{x:e,y:n,width:i-e,height:r-n}}(_R(t,e,[[i,r],[i+o,r+a]])))}function fR(t){return k({strokeNoScale:!0},t.brushStyle)}function gR(t,e,n,i){var r=[UO(t,n),UO(e,i)],o=[YO(t,n),YO(e,i)];return[[r[0],o[0]],[r[1],o[1]]]}function yR(t,e){var n=Mh({w:"left",e:"right",n:"top",s:"bottom"}[e],function(t){return wh(t.group)}(t));return{left:"w",right:"e",top:"n",bottom:"s"}[n]}function vR(t,e,n,i,r,o){var a=n.__brushOption,s=t.toRectRange(a.range),l=xR(e,r,o);z(i,(function(t){var e=jO[t];s[e[0]][e[1]]+=l[e[0]]})),a.range=t.fromRectRange(gR(s[0][0],s[1][0],s[0][1],s[1][1])),iR(e,n),lR(e,{isEnd:!1})}function mR(t,e,n,i){var r=e.__brushOption.range,o=xR(t,n,i);z(r,(function(t){t[0]+=o[0],t[1]+=o[1]})),iR(t,e),lR(t,{isEnd:!1})}function xR(t,e,n){var i=t.group,r=i.transformCoordToLocal(e,n),o=i.transformCoordToLocal(0,0);return[r[0]-o[0],r[1]-o[1]]}function _R(t,e,n){var i=aR(t,e);return i&&i!==HO?i.clipPath(n,t._transform):T(n)}function bR(t){var e=t.event;e.preventDefault&&e.preventDefault()}function wR(t,e,n){return t.childOfName("main").contain(e,n)}function SR(t,e,n,i){var r,o=t._creatingCover,a=t._creatingPanel,s=t._brushOption;if(t._track.push(n.slice()),function(t){var e=t._track;if(!e.length)return!1;var n=e[e.length-1],i=e[0],r=n[0]-i[0],o=n[1]-i[1];return XO(r*r+o*o,.5)>6}(t)||o){if(a&&!o){"single"===s.brushMode&&sR(t);var l=T(s);l.brushType=MR(l.brushType,a),l.panelId=a===HO?null:a.panelId,o=t._creatingCover=QO(t,l),t._covers.push(o)}if(o){var u=CR[MR(t._brushType,a)];o.__brushOption.range=u.getCreatingRange(_R(t,o,t._track)),i&&(tR(t,o),u.updateCommon(t,o)),eR(t,o),r={isEnd:i}}}else i&&"single"===s.brushMode&&s.removeOnClick&&oR(t,e,n)&&sR(t)&&(r={isEnd:i,removeOnClick:!0});return r}function MR(t,e){return"auto"===t?e.defaultBrushType:t}var IR={mousedown:function(t){if(this._dragging)TR(this,t);else if(!t.target||!t.target.draggable){bR(t);var e=this.group.transformCoordToLocal(t.offsetX,t.offsetY);this._creatingCover=null,(this._creatingPanel=oR(this,t,e))&&(this._dragging=!0,this._track=[e.slice()])}},mousemove:function(t){var e=t.offsetX,n=t.offsetY,i=this.group.transformCoordToLocal(e,n);if(function(t,e,n){if(t._brushType&&!function(t,e,n){var i=t._zr;return e<0||e>i.getWidth()||n<0||n>i.getHeight()}(t,e.offsetX,e.offsetY)){var i=t._zr,r=t._covers,o=oR(t,e,n);if(!t._dragging)for(var a=0;a<r.length;a++){var s=r[a].__brushOption;if(o&&(o===HO||s.panelId===o.panelId)&&CR[s.brushType].contain(r[a],n[0],n[1]))return}o&&i.setCursorStyle("crosshair")}}(this,t,i),this._dragging){bR(t);var r=SR(this,t,i,!1);r&&lR(this,r)}},mouseup:function(t){TR(this,t)}};function TR(t,e){if(t._dragging){bR(e);var n=e.offsetX,i=e.offsetY,r=t.group.transformCoordToLocal(n,i),o=SR(t,e,r,!0);t._dragging=!1,t._track=[],t._creatingCover=null,o&&lR(t,o)}}var CR={lineX:DR(0),lineY:DR(1),rect:{createCover:function(t,e){function n(t){return t}return cR({toRectRange:n,fromRectRange:n},t,e,[["w"],["e"],["n"],["s"],["s","e"],["s","w"],["n","e"],["n","w"]])},getCreatingRange:function(t){var e=uR(t);return gR(e[1][0],e[1][1],e[0][0],e[0][1])},updateCoverShape:function(t,e,n,i){hR(t,e,n,i)},updateCommon:dR,contain:wR},polygon:{createCover:function(t,e){var n=new to;return n.add(new Tc({name:"main",style:fR(e),silent:!0})),n},getCreatingRange:function(t){return t},endCreating:function(t,e){e.remove(e.childAt(0)),e.add(new Mc({name:"main",draggable:!0,drift:H(mR,t,e),ondragend:H(lR,t,{isEnd:!0})}))},updateCoverShape:function(t,e,n,i){e.childAt(0).setShape({points:_R(t,e,n)})},updateCommon:dR,contain:wR}};function DR(t){return{createCover:function(e,n){return cR({toRectRange:function(e){var n=[e,[0,100]];return t&&n.reverse(),n},fromRectRange:function(e){return e[t]}},e,n,[[["w"],["e"]],[["n"],["s"]]][t])},getCreatingRange:function(e){var n=uR(e);return[UO(n[0][t],n[1][t]),YO(n[0][t],n[1][t])]},updateCoverShape:function(e,n,i,r){var o,a=aR(e,n);if(a!==HO&&a.getLinearBrushOtherExtent)o=a.getLinearBrushOtherExtent(t);else{var s=e._zr;o=[0,[s.getWidth(),s.getHeight()][1-t]]}var l=[i,o];t&&l.reverse(),hR(e,n,l,r)},updateCommon:dR,contain:wR}}function AR(t){return t=PR(t),function(e){return Ch(e,t)}}function kR(t,e){return t=PR(t),function(n){var i=null!=e?e:n,r=i?t.width:t.height,o=i?t.x:t.y;return[o,o+(r||0)]}}function LR(t,e,n){var i=PR(t);return function(t,r){return i.contain(r[0],r[1])&&!kD(t,e,n)}}function PR(t){return He.create(t)}var OR=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e,n){t.prototype.init.apply(this,arguments),(this._brushController=new JO(n.getZr())).on("brush",W(this._onBrush,this))},e.prototype.render=function(t,e,n,i){if(!function(t,e,n){return n&&"axisAreaSelect"===n.type&&e.findComponents({mainType:"parallelAxis",query:n})[0]===t}(t,e,i)){this.axisModel=t,this.api=n,this.group.removeAll();var r=this._axisGroup;if(this._axisGroup=new to,this.group.add(this._axisGroup),t.get("show")){var o=function(t,e){return e.getComponent("parallel",t.get("parallelIndex"))}(t,e),a=o.coordinateSystem,s=t.getAreaSelectStyle(),l=s.width,u=t.axis.dim,c=A({strokeContainThreshold:l},a.getAxisLayout(u)),h=new mC(t,n,c);h.build(),this._axisGroup.add(h.group),this._refreshBrushController(c,s,t,o,l,n),Th(r,this._axisGroup,t)}}},e.prototype._refreshBrushController=function(t,e,n,i,r,o){var a=n.axis.getExtent(),s=a[1]-a[0],l=Math.min(30,.1*Math.abs(s)),u=He.create({x:a[0],y:-r/2,width:s,height:r});u.x-=l,u.width+=2*l,this._brushController.mount({enableGlobalPan:!0,rotation:t.rotation,x:t.position[0],y:t.position[1]}).setPanels([{panelId:"pl",clipPath:AR(u),isTargetByCursor:LR(u,o,i),getLinearBrushOtherExtent:kR(u,0)}]).enableBrush({brushType:"lineX",brushStyle:e,removeOnClick:!0}).updateCovers(function(t){var e=t.axis;return E(t.activeIntervals,(function(t){return{brushType:"lineX",panelId:"pl",range:[e.dataToCoord(t[0],!0),e.dataToCoord(t[1],!0)]}}))}(n))},e.prototype._onBrush=function(t){var e=t.areas,n=this.axisModel,i=n.axis,r=E(e,(function(t){return[i.coordToData(t.range[0],!0),i.coordToData(t.range[1],!0)]}));(!n.option.realtime===t.isEnd||t.removeOnClick)&&this.api.dispatchAction({type:"axisAreaSelect",parallelAxisId:n.id,intervals:r})},e.prototype.dispose=function(){this._brushController.dispose()},e.type="parallelAxis",e}(Ky);var RR={type:"axisAreaSelect",event:"axisAreaSelected"};var NR={type:"value",areaSelectStyle:{width:20,borderWidth:1,borderColor:"rgba(160,197,232)",color:"rgba(160,197,232)",opacity:.3},realtime:!0,z:10};function zR(t){t.registerComponentView(wO),t.registerComponentModel(IO),t.registerCoordinateSystem("parallel",FO),t.registerPreprocessor(bO),t.registerComponentModel(WO),t.registerComponentView(OR),XT(t,"parallel",WO,NR),function(t){t.registerAction(RR,(function(t,e){e.eachComponent({mainType:"parallelAxis",query:t},(function(e){e.axis.model.setActiveIntervals(t.intervals)}))})),t.registerAction("parallelAxisExpand",(function(t,e){e.eachComponent({mainType:"parallel",query:t},(function(e){e.setAxisExpand(t)}))}))}(t)}var ER=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.cpx1=0,this.cpy1=0,this.cpx2=0,this.cpy2=0,this.extent=0},BR=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new ER},e.prototype.buildPath=function(t,e){var n=e.extent;t.moveTo(e.x1,e.y1),t.bezierCurveTo(e.cpx1,e.cpy1,e.cpx2,e.cpy2,e.x2,e.y2),"vertical"===e.orient?(t.lineTo(e.x2+n,e.y2),t.bezierCurveTo(e.cpx2+n,e.cpy2,e.cpx1+n,e.cpy1,e.x1+n,e.y1)):(t.lineTo(e.x2,e.y2+n),t.bezierCurveTo(e.cpx2,e.cpy2+n,e.cpx1,e.cpy1+n,e.x1,e.y1+n)),t.closePath()},e.prototype.highlight=function(){du(this)},e.prototype.downplay=function(){pu(this)},e}(sl),VR=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._mainGroup=new to,n._focusAdjacencyDisabled=!1,n}return n(e,t),e.prototype.init=function(t,e){this._controller=new LD(e.getZr()),this._controllerHost={target:this.group},this.group.add(this._mainGroup)},e.prototype.render=function(t,e,n){var i=this,r=t.getGraph(),o=this._mainGroup,a=t.layoutInfo,s=a.width,l=a.height,u=t.getData(),c=t.getData("edge"),h=t.get("orient");this._model=t,o.removeAll(),o.x=a.x,o.y=a.y,this._updateViewCoordSys(t,n),HD(t,n,o,this._controller,this._controllerHost,null),r.eachEdge((function(e){var n=new BR,i=zl(n);i.dataIndex=e.dataIndex,i.seriesIndex=t.seriesIndex,i.dataType="edge";var r,a,u,d,p,f,g,y,v=e.getModel(),m=v.getModel("lineStyle"),x=m.get("curveness"),_=e.node1.getLayout(),b=e.node1.getModel(),w=b.get("localX"),S=b.get("localY"),M=e.node2.getLayout(),I=e.node2.getModel(),T=I.get("localX"),C=I.get("localY"),D=e.getLayout();n.shape.extent=Math.max(1,D.dy),n.shape.orient=h,"vertical"===h?(r=(null!=w?w*s:_.x)+D.sy,a=(null!=S?S*l:_.y)+_.dy,u=(null!=T?T*s:M.x)+D.ty,p=r,f=a*(1-x)+(d=null!=C?C*l:M.y)*x,g=u,y=a*x+d*(1-x)):(r=(null!=w?w*s:_.x)+_.dx,a=(null!=S?S*l:_.y)+D.sy,p=r*(1-x)+(u=null!=T?T*s:M.x)*x,f=a,g=r*x+u*(1-x),y=d=(null!=C?C*l:M.y)+D.ty),n.setShape({x1:r,y1:a,x2:u,y2:d,cpx1:p,cpy1:f,cpx2:g,cpy2:y}),n.useStyle(m.getItemStyle()),GR(n.style,h,e);var A=""+v.get("value"),k=Jh(v,"edgeLabel");$h(n,k,{labelFetcher:{getFormattedLabel:function(e,n,i,r,o,a){return t.getFormattedLabel(e,n,"edge",r,ot(o,k.normal&&k.normal.get("formatter"),A),a)}},labelDataIndex:e.dataIndex,defaultText:A}),n.setTextConfig({position:"inside"});var L=v.getModel("emphasis");ku(n,v,"lineStyle",(function(t){var n=t.getItemStyle();return GR(n,h,e),n})),o.add(n),c.setItemGraphicEl(e.dataIndex,n);var P=L.get("focus");Tu(n,"adjacency"===P?e.getAdjacentDataIndices():"trajectory"===P?e.getTrajectoryDataIndices():P,L.get("blurScope"),L.get("disabled"))})),r.eachNode((function(e){var n=e.getLayout(),i=e.getModel(),r=i.get("localX"),a=i.get("localY"),c=i.getModel("emphasis"),h=i.get(["itemStyle","borderRadius"])||0,d=new xl({shape:{x:null!=r?r*s:n.x,y:null!=a?a*l:n.y,width:n.dx,height:n.dy,r:h},style:i.getModel("itemStyle").getItemStyle(),z2:10});$h(d,Jh(i),{labelFetcher:{getFormattedLabel:function(e,n){return t.getFormattedLabel(e,n,"node")}},labelDataIndex:e.dataIndex,defaultText:e.id}),d.disableLabelAnimation=!0,d.setStyle("fill",e.getVisual("color")),d.setStyle("decal",e.getVisual("style").decal),ku(d,i),o.add(d),u.setItemGraphicEl(e.dataIndex,d),zl(d).dataType="node";var p=c.get("focus");Tu(d,"adjacency"===p?e.getAdjacentDataIndices():"trajectory"===p?e.getTrajectoryDataIndices():p,c.get("blurScope"),c.get("disabled"))})),u.eachItemGraphicEl((function(e,r){u.getItemModel(r).get("draggable")&&(e.drift=function(e,o){i._focusAdjacencyDisabled=!0,this.shape.x+=e,this.shape.y+=o,this.dirty(),n.dispatchAction({type:"dragNode",seriesId:t.id,dataIndex:u.getRawIndex(r),localX:this.shape.x/s,localY:this.shape.y/l})},e.ondragend=function(){i._focusAdjacencyDisabled=!1},e.draggable=!0,e.cursor="move")})),!this._data&&t.isAnimationEnabled()&&o.setClipPath(function(t,e,n){var i=new xl({shape:{x:t.x-10,y:t.y-10,width:0,height:t.height+20}});return eh(i,{shape:{width:t.width+20}},e,n),i}(o.getBoundingRect(),t,(function(){o.removeClipPath()}))),this._data=t.getData()},e.prototype.dispose=function(){this._controller&&this._controller.dispose(),this._controllerHost=null},e.prototype._updateViewCoordSys=function(t,e){var n=t.layoutInfo,i=n.width,r=n.height,o=t.coordinateSystem=new KA(null,{api:e,ecModel:t.ecModel});o.zoomLimit=t.get("scaleLimit"),o.setBoundingRect(0,0,i,r),o.setCenter(t.get("center")),o.setZoom(t.get("zoom")),this._controllerHost.target.attr({x:o.x,y:o.y,scaleX:o.scaleX,scaleY:o.scaleY})},e.type="sankey",e}(tv);function GR(t,e,n){switch(t.fill){case"source":t.fill=n.node1.getVisual("color"),t.decal=n.node1.getVisual("style").decal;break;case"target":t.fill=n.node2.getVisual("color"),t.decal=n.node2.getVisual("style").decal;break;case"gradient":var i=n.node1.getVisual("color"),r=n.node2.getVisual("color");X(i)&&X(r)&&(t.fill=new Bc(0,0,+("horizontal"===e),+("vertical"===e),[{color:i,offset:0},{color:r,offset:1}]))}}var FR=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(t,e){var n=t.edges||t.links||[],i=t.data||t.nodes||[],r=t.levels||[];this.levelModels=[];for(var o=this.levelModels,a=0;a<r.length;a++)null!=r[a].depth&&r[a].depth>=0&&(o[r[a].depth]=new wd(r[a],this,e));var s=XP(i,n,this,!0,(function(t,e){t.wrapMethod("getItemModel",(function(t,e){var n=t.parentModel,i=n.getData().getItemLayout(e);if(i){var r=i.depth,o=n.levelModels[r];o&&(t.parentModel=o)}return t})),e.wrapMethod("getItemModel",(function(t,e){var n=t.parentModel,i=n.getGraph().getEdgeByIndex(e).node1.getLayout();if(i){var r=i.depth,o=n.levelModels[r];o&&(t.parentModel=o)}return t}))}));return s.data},e.prototype.setNodePosition=function(t,e){var n=(this.option.data||this.option.nodes)[t];n.localX=e[0],n.localY=e[1]},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.getGraph=function(){return this.getData().graph},e.prototype.getEdgeData=function(){return this.getGraph().edgeData},e.prototype.formatTooltip=function(t,e,n){function i(t){return isNaN(t)||null==t}if("edge"===n){var r=this.getDataParams(t,n),o=r.data,a=r.value;return Ty("nameValue",{name:o.source+" -- "+o.target,value:a,noValue:i(a)})}var s=this.getGraph().getNodeByIndex(t).getLayout().value,l=this.getDataParams(t,n).data.name;return Ty("nameValue",{name:null!=l?l+"":null,value:s,noValue:i(s)})},e.prototype.optionUpdated=function(){},e.prototype.getDataParams=function(e,n){var i=t.prototype.getDataParams.call(this,e,n);if(null==i.value&&"node"===n){var r=this.getGraph().getNodeByIndex(e).getLayout().value;i.value=r}return i},e.type="series.sankey",e.layoutMode="box",e.defaultOption={z:2,coordinateSystemUsage:"box",left:"5%",top:"5%",right:"20%",bottom:"5%",orient:"horizontal",nodeWidth:20,nodeGap:8,draggable:!0,layoutIterations:32,roam:!1,roamTrigger:"global",center:null,zoom:1,label:{show:!0,position:"right",fontSize:12},edgeLabel:{show:!1,fontSize:12},levels:[],nodeAlign:"justify",lineStyle:{color:tf.color.neutral50,opacity:.2,curveness:.5},emphasis:{label:{show:!0},lineStyle:{opacity:.5}},select:{itemStyle:{borderColor:tf.color.primary}},animationEasing:"linear",animationDuration:1e3},e}(Wy);function WR(t,e){t.eachSeriesByType("sankey",(function(t){var n=t.get("nodeWidth"),i=t.get("nodeGap"),r=Xp(t,e).refContainer,o=Hp(t.getBoxLayoutParams(),r);t.layoutInfo=o;var a=o.width,s=o.height,l=t.getGraph(),u=l.nodes,c=l.edges;!function(t){z(t,(function(t){var e=JR(t.outEdges,$R),n=JR(t.inEdges,$R),i=t.getValue()||0,r=Math.max(e,n,i);t.setLayout({value:r},!0)}))}(u),function(t,e,n,i,r,o,a,s,l){(function(t,e,n,i,r,o,a){for(var s=[],l=[],u=[],c=[],h=0,d=0;d<e.length;d++)s[d]=1;for(d=0;d<t.length;d++)l[d]=t[d].inEdges.length,0===l[d]&&u.push(t[d]);var p=-1;for(;u.length;){for(var f=0;f<u.length;f++){var g=u[f],y=g.hostGraph.data.getRawDataItem(g.dataIndex),v=null!=y.depth&&y.depth>=0;v&&y.depth>p&&(p=y.depth),g.setLayout({depth:v?y.depth:h},!0),"vertical"===o?g.setLayout({dy:n},!0):g.setLayout({dx:n},!0);for(var m=0;m<g.outEdges.length;m++){var x=g.outEdges[m];s[e.indexOf(x)]=0;var _=x.node2;0==--l[t.indexOf(_)]&&c.indexOf(_)<0&&c.push(_)}}++h,u=c,c=[]}for(d=0;d<s.length;d++)if(1===s[d])throw new Error("Sankey is a DAG, the original data has cycle!");var b=p>h-1?p:h-1;a&&"left"!==a&&function(t,e,n,i){if("right"===e){for(var r=[],o=t,a=0;o.length;){for(var s=0;s<o.length;s++){var l=o[s];l.setLayout({skNodeHeight:a},!0);for(var u=0;u<l.inEdges.length;u++){var c=l.inEdges[u];r.indexOf(c.node1)<0&&r.push(c.node1)}}o=r,r=[],++a}z(t,(function(t){HR(t)||t.setLayout({depth:Math.max(0,i-t.getLayout().skNodeHeight)},!0)}))}else"justify"===e&&function(t,e){z(t,(function(t){HR(t)||t.outEdges.length||t.setLayout({depth:e},!0)}))}(t,i)}(t,a,0,b);var w="vertical"===o?(r-n)/b:(i-n)/b;!function(t,e,n){z(t,(function(t){var i=t.getLayout().depth*e;"vertical"===n?t.setLayout({y:i},!0):t.setLayout({x:i},!0)}))}(t,w,o)})(t,e,n,r,o,s,l),function(t,e,n,i,r,o,a){var s=function(t,e){var n=[],i="vertical"===e?"y":"x",r=ga(t,(function(t){return t.getLayout()[i]}));return r.keys.sort((function(t,e){return t-e})),z(r.keys,(function(t){n.push(r.buckets.get(t))})),n}(t,a);(function(t,e,n,i,r,o){var a=1/0;z(t,(function(t){var e=t.length,s=0;z(t,(function(t){s+=t.getLayout().value}));var l="vertical"===o?(i-(e-1)*r)/s:(n-(e-1)*r)/s;l<a&&(a=l)})),z(t,(function(t){z(t,(function(t,e){var n=t.getLayout().value*a;"vertical"===o?(t.setLayout({x:e},!0),t.setLayout({dx:n},!0)):(t.setLayout({y:e},!0),t.setLayout({dy:n},!0))}))})),z(e,(function(t){var e=+t.getValue()*a;t.setLayout({dy:e},!0)}))})(s,e,n,i,r,a),UR(s,r,n,i,a);for(var l=1;o>0;o--)YR(s,l*=.99,a),UR(s,r,n,i,a),QR(s,l,a),UR(s,r,n,i,a)}(t,e,o,r,i,a,s),function(t,e){var n="vertical"===e?"x":"y";z(t,(function(t){t.outEdges.sort((function(t,e){return t.node2.getLayout()[n]-e.node2.getLayout()[n]})),t.inEdges.sort((function(t,e){return t.node1.getLayout()[n]-e.node1.getLayout()[n]}))})),z(t,(function(t){var e=0,n=0;z(t.outEdges,(function(t){t.setLayout({sy:e},!0),e+=t.getLayout().dy})),z(t.inEdges,(function(t){t.setLayout({ty:n},!0),n+=t.getLayout().dy}))}))}(t,s)}(u,c,n,i,a,s,0!==V(u,(function(t){return 0===t.getLayout().value})).length?0:t.get("layoutIterations"),t.get("orient"),t.get("nodeAlign"))}))}function HR(t){var e=t.hostGraph.data.getRawDataItem(t.dataIndex);return null!=e.depth&&e.depth>=0}function UR(t,e,n,i,r){var o="vertical"===r?"x":"y";z(t,(function(t){var a,s,l;t.sort((function(t,e){return t.getLayout()[o]-e.getLayout()[o]}));for(var u=0,c=t.length,h="vertical"===r?"dx":"dy",d=0;d<c;d++)(l=u-(s=t[d]).getLayout()[o])>0&&(a=s.getLayout()[o]+l,"vertical"===r?s.setLayout({x:a},!0):s.setLayout({y:a},!0)),u=s.getLayout()[o]+s.getLayout()[h]+e;if((l=u-e-("vertical"===r?i:n))>0){a=s.getLayout()[o]-l,"vertical"===r?s.setLayout({x:a},!0):s.setLayout({y:a},!0),u=a;for(d=c-2;d>=0;--d)(l=(s=t[d]).getLayout()[o]+s.getLayout()[h]+e-u)>0&&(a=s.getLayout()[o]-l,"vertical"===r?s.setLayout({x:a},!0):s.setLayout({y:a},!0)),u=s.getLayout()[o]}}))}function YR(t,e,n){z(t.slice().reverse(),(function(t){z(t,(function(t){if(t.outEdges.length){var i=JR(t.outEdges,XR,n)/JR(t.outEdges,$R);if(isNaN(i)){var r=t.outEdges.length;i=r?JR(t.outEdges,ZR,n)/r:0}if("vertical"===n){var o=t.getLayout().x+(i-KR(t,n))*e;t.setLayout({x:o},!0)}else{var a=t.getLayout().y+(i-KR(t,n))*e;t.setLayout({y:a},!0)}}}))}))}function XR(t,e){return KR(t.node2,e)*t.getValue()}function ZR(t,e){return KR(t.node2,e)}function jR(t,e){return KR(t.node1,e)*t.getValue()}function qR(t,e){return KR(t.node1,e)}function KR(t,e){return"vertical"===e?t.getLayout().x+t.getLayout().dx/2:t.getLayout().y+t.getLayout().dy/2}function $R(t){return t.getValue()}function JR(t,e,n){for(var i=0,r=t.length,o=-1;++o<r;){var a=+e(t[o],n);isNaN(a)||(i+=a)}return i}function QR(t,e,n){z(t,(function(t){z(t,(function(t){if(t.inEdges.length){var i=JR(t.inEdges,jR,n)/JR(t.inEdges,$R);if(isNaN(i)){var r=t.inEdges.length;i=r?JR(t.inEdges,qR,n)/r:0}if("vertical"===n){var o=t.getLayout().x+(i-KR(t,n))*e;t.setLayout({x:o},!0)}else{var a=t.getLayout().y+(i-KR(t,n))*e;t.setLayout({y:a},!0)}}}))}))}function tN(t){t.eachSeriesByType("sankey",(function(t){var e=t.getGraph(),n=e.nodes,i=e.edges;if(n.length){var r=1/0,o=-1/0;z(n,(function(t){var e=t.getLayout().value;e<r&&(r=e),e>o&&(o=e)})),z(n,(function(e){var n=new hL({type:"color",mappingMethod:"linear",dataExtent:[r,o],visual:t.get("color")}).mapValueToVisual(e.getLayout().value),i=e.getModel().get(["itemStyle","color"]);null!=i?(e.setVisual("color",i),e.setVisual("style",{fill:i})):(e.setVisual("color",n),e.setVisual("style",{fill:n}))}))}i.length&&z(i,(function(t){var e=t.getModel().get("lineStyle");t.setVisual("style",e)}))}))}var eN=function(){function t(){}return t.prototype._hasEncodeRule=function(t){var e=this.getEncode();return e&&null!=e.get(t)},t.prototype.getInitialData=function(t,e){var n,i,r=e.getComponent("xAxis",this.get("xAxisIndex")),o=e.getComponent("yAxis",this.get("yAxisIndex")),a=r.get("type"),s=o.get("type");"category"===a?(t.layout="horizontal",n=r.getOrdinalMeta(),i=!this._hasEncodeRule("x")):"category"===s?(t.layout="vertical",n=o.getOrdinalMeta(),i=!this._hasEncodeRule("y")):t.layout=t.layout||"horizontal";var l=["x","y"],u="horizontal"===t.layout?0:1,c=this._baseAxisDim=l[u],h=l[1-u],d=[r,o],p=d[u].get("type"),f=d[1-u].get("type"),g=t.data;if(g&&i){var y=[];z(g,(function(t,e){var n;U(t)?(n=t.slice(),t.unshift(e)):U(t.value)?((n=A({},t)).value=n.value.slice(),t.value.unshift(e)):n=t,y.push(n)})),t.data=y}var v=this.defaultValueDimensions,m=[{name:c,type:v_(p),ordinalMeta:n,otherDims:{tooltip:!1,itemName:0},dimsDef:["base"]},{name:h,type:v_(f),dimsDef:v.slice()}];return IT(this,{coordDimensions:m,dimensionsCount:v.length+1,encodeDefaulter:H(Sf,m,this)})},t.prototype.getBaseAxis=function(){var t=this._baseAxisDim;return this.ecModel.getComponent(t+"Axis",this.get(t+"AxisIndex")).axis},t}(),nN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.defaultValueDimensions=[{name:"min",defaultTooltip:!0},{name:"Q1",defaultTooltip:!0},{name:"median",defaultTooltip:!0},{name:"Q3",defaultTooltip:!0},{name:"max",defaultTooltip:!0}],n.visualDrawType="stroke",n}return n(e,t),e.type="series.boxplot",e.dependencies=["xAxis","yAxis","grid"],e.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,layout:null,boxWidth:[7,50],itemStyle:{color:tf.color.neutral00,borderWidth:1},emphasis:{scale:!0,itemStyle:{borderWidth:2,shadowBlur:5,shadowOffsetX:1,shadowOffsetY:1,shadowColor:tf.color.shadow}},animationDuration:800},e}(Wy);R(nN,eN,!0);var iN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this.group,o=this._data;this._data||r.removeAll();var a="horizontal"===t.get("layout")?1:0;i.diff(o).add((function(t){if(i.hasValue(t)){var e=aN(i.getItemLayout(t),i,t,a,!0);i.setItemGraphicEl(t,e),r.add(e)}})).update((function(t,e){var n=o.getItemGraphicEl(e);if(i.hasValue(t)){var s=i.getItemLayout(t);n?(ah(n),sN(s,n,i,t)):n=aN(s,i,t,a),r.add(n),i.setItemGraphicEl(t,n)}else r.remove(n)})).remove((function(t){var e=o.getItemGraphicEl(t);e&&r.remove(e)})).execute(),this._data=i},e.prototype.remove=function(t){var e=this.group,n=this._data;this._data=null,n&&n.eachItemGraphicEl((function(t){t&&e.remove(t)}))},e.type="boxplot",e}(tv),rN=function(){},oN=function(t){function e(e){var n=t.call(this,e)||this;return n.type="boxplotBoxPath",n}return n(e,t),e.prototype.getDefaultShape=function(){return new rN},e.prototype.buildPath=function(t,e){var n=e.points,i=0;for(t.moveTo(n[i][0],n[i][1]),i++;i<4;i++)t.lineTo(n[i][0],n[i][1]);for(t.closePath();i<n.length;i++)t.moveTo(n[i][0],n[i][1]),i++,t.lineTo(n[i][0],n[i][1])},e}(sl);function aN(t,e,n,i,r){var o=t.ends,a=new oN({shape:{points:r?lN(o,i,t):o}});return sN(t,a,e,n,r),a}function sN(t,e,n,i,r){var o=n.hostModel;(0,Zh[r?"initProps":"updateProps"])(e,{shape:{points:t.ends}},o,i),e.useStyle(n.getItemVisual(i,"style")),e.style.strokeNoScale=!0,e.z2=100;var a=n.getItemModel(i),s=a.getModel("emphasis");ku(e,a),Tu(e,s.get("focus"),s.get("blurScope"),s.get("disabled"))}function lN(t,e,n){return E(t,(function(t){return(t=t.slice())[e]=n.initBaseline,t}))}var uN=z;function cN(t){var e=function(t){var e=[],n=[];return t.eachSeriesByType("boxplot",(function(t){var i=t.getBaseAxis(),r=P(n,i);r<0&&(r=n.length,n[r]=i,e[r]={axis:i,seriesModels:[]}),e[r].seriesModels.push(t)})),e}(t);uN(e,(function(t){var e=t.seriesModels;e.length&&(!function(t){var e,n=t.axis,i=t.seriesModels,r=i.length,o=t.boxWidthList=[],a=t.boxOffsetList=[],s=[];if("category"===n.type)e=n.getBandWidth();else{var l=0;uN(i,(function(t){l=Math.max(l,t.getData().count())}));var u=n.getExtent();e=Math.abs(u[1]-u[0])/l}uN(i,(function(t){var n=t.get("boxWidth");U(n)||(n=[n,n]),s.push([yo(n[0],e)||0,yo(n[1],e)||0])}));var c=.8*e-2,h=c/r*.3,d=(c-h*(r-1))/r,p=d/2-c/2;uN(i,(function(t,e){a.push(p),p+=h+d,o.push(Math.min(Math.max(d,s[e][0]),s[e][1]))}))}(t),uN(e,(function(e,n){!function(t,e,n){var i=t.coordinateSystem,r=t.getData(),o=n/2,a="horizontal"===t.get("layout")?0:1,s=1-a,l=["x","y"],u=r.mapDimension(l[a]),c=r.mapDimensionsAll(l[s]);if(null==u||c.length<5)return;for(var h=0;h<r.count();h++){var d=r.get(u,h),p=x(d,c[2],h),f=x(d,c[0],h),g=x(d,c[1],h),y=x(d,c[3],h),v=x(d,c[4],h),m=[];_(m,g,!1),_(m,y,!0),m.push(f,g,v,y),b(m,f),b(m,v),b(m,p),r.setItemLayout(h,{initBaseline:p[s],ends:m})}function x(t,n,o){var l,u=r.get(n,o),c=[];return c[a]=t,c[s]=u,isNaN(t)||isNaN(u)?l=[NaN,NaN]:(l=i.dataToPoint(c))[a]+=e,l}function _(t,e,n){var i=e.slice(),r=e.slice();i[a]+=o,r[a]-=o,n?t.push(i,r):t.push(r,i)}function b(t,e){var n=e.slice(),i=e.slice();n[a]-=o,i[a]+=o,t.push(n,i)}}(e,t.boxOffsetList[n],t.boxWidthList[n])})))}))}var hN={type:"echarts:boxplot",transform:function(t){var e=t.upstream;if(e.sourceFormat!==df){var n="";0,Yo(n)}var i=function(t,e){for(var n=[],i=[],r=(e=e||{}).boundIQR,o="none"===r||0===r,a=0;a<t.length;a++){var s=xo(t[a].slice()),l=Oo(s,.25),u=Oo(s,.5),c=Oo(s,.75),h=s[0],d=s[s.length-1],p=(null==r?1.5:r)*(c-l),f=o?h:Math.max(h,l-p),g=o?d:Math.min(d,c+p),y=e.itemNameFormatter,v=Y(y)?y({value:a}):X(y)?y.replace("{value}",a+""):a+"";n.push([v,f,l,u,c,g]);for(var m=0;m<s.length;m++){var x=s[m];if(x<f||x>g){var _=[v,x];i.push(_)}}}return{boxData:n,outliers:i}}(e.getRawData(),t.config);return[{dimensions:["ItemName","Low","Q1","Q2","Q3","High"],data:i.boxData},{data:i.outliers}]}};var dN=["itemStyle","borderColor"],pN=["itemStyle","borderColor0"],fN=["itemStyle","borderColorDoji"],gN=["itemStyle","color"],yN=["itemStyle","color0"];function vN(t,e){return e.get(t>0?gN:yN)}function mN(t,e){return e.get(0===t?fN:t>0?dN:pN)}var xN={seriesType:"candlestick",plan:$y(),performRawSeries:!0,reset:function(t,e){if(!e.isSeriesFiltered(t))return!t.pipelineContext.large&&{progress:function(t,e){for(var n;null!=(n=t.next());){var i=e.getItemModel(n),r=e.getItemLayout(n).sign,o=i.getItemStyle();o.fill=vN(r,i),o.stroke=mN(r,i)||o.fill,A(e.ensureUniqueItemVisual(n,"style"),o)}}}}},_N=["color","borderColor"],bN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this.group.removeClipPath(),this._progressiveEls=null,this._updateDrawMode(t),this._isLargeDraw?this._renderLarge(t):this._renderNormal(t)},e.prototype.incrementalPrepareRender=function(t,e,n){this._clear(),this._updateDrawMode(t)},e.prototype.incrementalRender=function(t,e,n,i){this._progressiveEls=[],this._isLargeDraw?this._incrementalRenderLarge(t,e):this._incrementalRenderNormal(t,e)},e.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},e.prototype._updateDrawMode=function(t){var e=t.pipelineContext.large;null!=this._isLargeDraw&&e===this._isLargeDraw||(this._isLargeDraw=e,this._clear())},e.prototype._renderNormal=function(t){var e=t.getData(),n=this._data,i=this.group,r=e.getLayout("isSimpleBox"),o=t.get("clip",!0),a=t.coordinateSystem,s=a.getArea&&a.getArea();this._data||i.removeAll(),e.diff(n).add((function(n){if(e.hasValue(n)){var a=e.getItemLayout(n);if(o&&IN(s,a))return;var l=MN(a,n,!0);eh(l,{shape:{points:a.ends}},t,n),TN(l,e,n,r),i.add(l),e.setItemGraphicEl(n,l)}})).update((function(a,l){var u=n.getItemGraphicEl(l);if(e.hasValue(a)){var c=e.getItemLayout(a);o&&IN(s,c)?i.remove(u):(u?(th(u,{shape:{points:c.ends}},t,a),ah(u)):u=MN(c),TN(u,e,a,r),i.add(u),e.setItemGraphicEl(a,u))}else i.remove(u)})).remove((function(t){var e=n.getItemGraphicEl(t);e&&i.remove(e)})).execute(),this._data=e},e.prototype._renderLarge=function(t){this._clear(),kN(t,this.group);var e=t.get("clip",!0)?wI(t.coordinateSystem,!1,t):null;e?this.group.setClipPath(e):this.group.removeClipPath()},e.prototype._incrementalRenderNormal=function(t,e){for(var n,i=e.getData(),r=i.getLayout("isSimpleBox");null!=(n=t.next());){var o=MN(i.getItemLayout(n));TN(o,i,n,r),o.incremental=!0,this.group.add(o),this._progressiveEls.push(o)}},e.prototype._incrementalRenderLarge=function(t,e){kN(e,this.group,this._progressiveEls,!0)},e.prototype.remove=function(t){this._clear()},e.prototype._clear=function(){this.group.removeAll(),this._data=null},e.type="candlestick",e}(tv),wN=function(){},SN=function(t){function e(e){var n=t.call(this,e)||this;return n.type="normalCandlestickBox",n}return n(e,t),e.prototype.getDefaultShape=function(){return new wN},e.prototype.buildPath=function(t,e){var n=e.points;this.__simpleBox?(t.moveTo(n[4][0],n[4][1]),t.lineTo(n[6][0],n[6][1])):(t.moveTo(n[0][0],n[0][1]),t.lineTo(n[1][0],n[1][1]),t.lineTo(n[2][0],n[2][1]),t.lineTo(n[3][0],n[3][1]),t.closePath(),t.moveTo(n[4][0],n[4][1]),t.lineTo(n[5][0],n[5][1]),t.moveTo(n[6][0],n[6][1]),t.lineTo(n[7][0],n[7][1]))},e}(sl);function MN(t,e,n){var i=t.ends;return new SN({shape:{points:n?CN(i,t):i},z2:100})}function IN(t,e){for(var n=!0,i=0;i<e.ends.length;i++)if(t.contain(e.ends[i][0],e.ends[i][1])){n=!1;break}return n}function TN(t,e,n,i){var r=e.getItemModel(n);t.useStyle(e.getItemVisual(n,"style")),t.style.strokeNoScale=!0,t.__simpleBox=i,ku(t,r);var o=e.getItemLayout(n).sign;z(t.states,(function(t,e){var n=r.getModel(e),i=vN(o,n),a=mN(o,n)||i,s=t.style||(t.style={});i&&(s.fill=i),a&&(s.stroke=a)}));var a=r.getModel("emphasis");Tu(t,a.get("focus"),a.get("blurScope"),a.get("disabled"))}function CN(t,e){return E(t,(function(t){return(t=t.slice())[1]=e.initBaseline,t}))}var DN=function(){},AN=function(t){function e(e){var n=t.call(this,e)||this;return n.type="largeCandlestickBox",n}return n(e,t),e.prototype.getDefaultShape=function(){return new DN},e.prototype.buildPath=function(t,e){for(var n=e.points,i=0;i<n.length;)if(this.__sign===n[i++]){var r=n[i++];t.moveTo(r,n[i++]),t.lineTo(r,n[i++])}else i+=3},e}(sl);function kN(t,e,n,i){var r=t.getData().getLayout("largePoints"),o=new AN({shape:{points:r},__sign:1,ignoreCoarsePointer:!0});e.add(o);var a=new AN({shape:{points:r},__sign:-1,ignoreCoarsePointer:!0});e.add(a);var s=new AN({shape:{points:r},__sign:0,ignoreCoarsePointer:!0});e.add(s),LN(1,o,t),LN(-1,a,t),LN(0,s,t),i&&(o.incremental=!0,a.incremental=!0),n&&n.push(o,a)}function LN(t,e,n,i){var r=mN(t,n)||vN(t,n),o=n.getModel("itemStyle").getItemStyle(_N);e.useStyle(o),e.style.fill=null,e.style.stroke=r}var PN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.defaultValueDimensions=[{name:"open",defaultTooltip:!0},{name:"close",defaultTooltip:!0},{name:"lowest",defaultTooltip:!0},{name:"highest",defaultTooltip:!0}],n}return n(e,t),e.prototype.getShadowDim=function(){return"open"},e.prototype.brushSelector=function(t,e,n){var i=e.getItemLayout(t);return i&&n.rect(i.brushRect)},e.type="series.candlestick",e.dependencies=["xAxis","yAxis","grid"],e.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,layout:null,clip:!0,itemStyle:{color:"#eb5454",color0:"#47b262",borderColor:"#eb5454",borderColor0:"#47b262",borderColorDoji:null,borderWidth:1},emphasis:{itemStyle:{borderWidth:2}},barMaxWidth:null,barMinWidth:null,barWidth:null,large:!0,largeThreshold:600,progressive:3e3,progressiveThreshold:1e4,progressiveChunkMode:"mod",animationEasing:"linear",animationDuration:300},e}(Wy);function ON(t){t&&U(t.series)&&z(t.series,(function(t){q(t)&&"k"===t.type&&(t.type="candlestick")}))}R(PN,eN,!0);var RN={seriesType:"candlestick",plan:$y(),reset:function(t){var e=t.coordinateSystem,n=t.getData(),i=function(t,e){var n,i=t.getBaseAxis(),r="category"===i.type?i.getBandWidth():(n=i.getExtent(),Math.abs(n[1]-n[0])/e.count()),o=yo(rt(t.get("barMaxWidth"),r),r),a=yo(rt(t.get("barMinWidth"),1),r),s=t.get("barWidth");return null!=s?yo(s,r):Math.max(Math.min(r/2,o),a)}(t,n),r=["x","y"],o=n.getDimensionIndex(n.mapDimension(r[0])),a=E(n.mapDimensionsAll(r[1]),n.getDimensionIndex,n),s=a[0],l=a[1],u=a[2],c=a[3];if(n.setLayout({candleWidth:i,isSimpleBox:i<=1.3}),!(o<0||a.length<4))return{progress:t.pipelineContext.large?function(n,i){var r,a,h=pb(4*n.count),d=0,p=[],f=[],g=i.getStore(),y=!!t.get(["itemStyle","borderColorDoji"]);for(;null!=(a=n.next());){var v=g.get(o,a),m=g.get(s,a),x=g.get(l,a),_=g.get(u,a),b=g.get(c,a);isNaN(v)||isNaN(_)||isNaN(b)?(h[d++]=NaN,d+=3):(h[d++]=NN(g,a,m,x,l,y),p[0]=v,p[1]=_,r=e.dataToPoint(p,null,f),h[d++]=r?r[0]:NaN,h[d++]=r?r[1]:NaN,p[1]=b,r=e.dataToPoint(p,null,f),h[d++]=r?r[1]:NaN)}i.setLayout("largePoints",h)}:function(t,n){var r,a=n.getStore();for(;null!=(r=t.next());){var h=a.get(o,r),d=a.get(s,r),p=a.get(l,r),f=a.get(u,r),g=a.get(c,r),y=Math.min(d,p),v=Math.max(d,p),m=M(y,h),x=M(v,h),_=M(f,h),b=M(g,h),w=[];I(w,x,0),I(w,m,1),w.push(C(b),C(x),C(_),C(m));var S=!!n.getItemModel(r).get(["itemStyle","borderColorDoji"]);n.setItemLayout(r,{sign:NN(a,r,d,p,l,S),initBaseline:d>p?x[1]:m[1],ends:w,brushRect:T(f,g,h)})}function M(t,n){var i=[];return i[0]=n,i[1]=t,isNaN(n)||isNaN(t)?[NaN,NaN]:e.dataToPoint(i)}function I(t,e,n){var r=e.slice(),o=e.slice();r[0]=bh(r[0]+i/2,1,!1),o[0]=bh(o[0]-i/2,1,!0),n?t.push(r,o):t.push(o,r)}function T(t,e,n){var r=M(t,n),o=M(e,n);return r[0]-=i/2,o[0]-=i/2,{x:r[0],y:r[1],width:i,height:o[1]-r[1]}}function C(t){return t[0]=bh(t[0],1),t}}}}};function NN(t,e,n,i,r,o){return n>i?-1:n<i?1:o?0:e>0?t.get(r,e-1)<=i?1:-1:1}function zN(t,e){var n=e.rippleEffectColor||e.color;t.eachChild((function(t){t.attr({z:e.z,zlevel:e.zlevel,style:{stroke:"stroke"===e.brushType?n:null,fill:"fill"===e.brushType?n:null}})}))}var EN=function(t){function e(e,n){var i=t.call(this)||this,r=new rI(e,n),o=new to;return i.add(r),i.add(o),i.updateData(e,n),i}return n(e,t),e.prototype.stopEffectAnimation=function(){this.childAt(1).removeAll()},e.prototype.startEffectAnimation=function(t){for(var e=t.symbolType,n=t.color,i=t.rippleNumber,r=this.childAt(1),o=0;o<i;o++){var a=hm(e,-1,-1,2,2,n);a.attr({style:{strokeNoScale:!0},z2:99,silent:!0,scaleX:.5,scaleY:.5});var s=-o/i*t.period+t.effectOffset;a.animate("",!0).when(t.period,{scaleX:t.rippleScale/2,scaleY:t.rippleScale/2}).delay(s).start(),a.animateStyle(!0).when(t.period,{opacity:0}).delay(s).start(),r.add(a)}zN(r,t)},e.prototype.updateEffectAnimation=function(t){for(var e=this._effectCfg,n=this.childAt(1),i=["symbolType","period","rippleScale","rippleNumber"],r=0;r<i.length;r++){var o=i[r];if(e[o]!==t[o])return this.stopEffectAnimation(),void this.startEffectAnimation(t)}zN(n,t)},e.prototype.highlight=function(){du(this)},e.prototype.downplay=function(){pu(this)},e.prototype.getSymbolType=function(){var t=this.childAt(0);return t&&t.getSymbolType()},e.prototype.updateData=function(t,e){var n=this,i=t.hostModel;this.childAt(0).updateData(t,e);var r=this.childAt(1),o=t.getItemModel(e),a=t.getItemVisual(e,"symbol"),s=dm(t.getItemVisual(e,"symbolSize")),l=t.getItemVisual(e,"style"),u=l&&l.fill,c=o.getModel("emphasis");r.setScale(s),r.traverse((function(t){t.setStyle("fill",u)}));var h=pm(t.getItemVisual(e,"symbolOffset"),s);h&&(r.x=h[0],r.y=h[1]);var d=t.getItemVisual(e,"symbolRotate");r.rotation=(d||0)*Math.PI/180||0;var p={};p.showEffectOn=i.get("showEffectOn"),p.rippleScale=o.get(["rippleEffect","scale"]),p.brushType=o.get(["rippleEffect","brushType"]),p.period=1e3*o.get(["rippleEffect","period"]),p.effectOffset=e/t.count(),p.z=i.getShallow("z")||0,p.zlevel=i.getShallow("zlevel")||0,p.symbolType=a,p.color=u,p.rippleEffectColor=o.get(["rippleEffect","color"]),p.rippleNumber=o.get(["rippleEffect","number"]),"render"===p.showEffectOn?(this._effectCfg?this.updateEffectAnimation(p):this.startEffectAnimation(p),this._effectCfg=p):(this._effectCfg=null,this.stopEffectAnimation(),this.onHoverStateChange=function(t){"emphasis"===t?"render"!==p.showEffectOn&&n.startEffectAnimation(p):"normal"===t&&"render"!==p.showEffectOn&&n.stopEffectAnimation()}),this._effectCfg=p,Tu(this,c.get("focus"),c.get("blurScope"),c.get("disabled"))},e.prototype.fadeOut=function(t){t&&t()},e}(to),BN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){this._symbolDraw=new uI(EN)},e.prototype.render=function(t,e,n){var i=t.getData(),r=this._symbolDraw;r.updateData(i,{clipShape:this._getClipShape(t)}),this.group.add(r.group)},e.prototype._getClipShape=function(t){var e=t.coordinateSystem,n=e&&e.getArea&&e.getArea();return t.get("clip",!0)?n:null},e.prototype.updateTransform=function(t,e,n){var i=t.getData();this.group.dirty();var r=NI("").reset(t,e,n);r.progress&&r.progress({start:0,end:i.count(),count:i.count()},i),this._symbolDraw.updateLayout()},e.prototype._updateGroupTransform=function(t){var e=t.coordinateSystem;e&&e.getRoamTransform&&(this.group.transform=Ce(e.getRoamTransform()),this.group.decomposeTransform())},e.prototype.remove=function(t,e){this._symbolDraw&&this._symbolDraw.remove(!0)},e.type="effectScatter",e}(tv),VN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{useEncodeDefaulter:!0})},e.prototype.brushSelector=function(t,e,n){return n.point(e.getItemLayout(t))},e.type="series.effectScatter",e.dependencies=["grid","polar"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,legendHoverLink:!0,effectType:"ripple",progressive:0,showEffectOn:"render",clip:!0,rippleEffect:{period:4,scale:2.5,brushType:"fill",number:3},universalTransition:{divideShape:"clone"},symbolSize:10},e}(Wy);var GN=function(t){function e(e,n,i){var r=t.call(this)||this;return r.add(r.createLine(e,n,i)),r._updateEffectSymbol(e,n),r}return n(e,t),e.prototype.createLine=function(t,e,n){return new MP(t,e,n)},e.prototype._updateEffectSymbol=function(t,e){var n=t.getItemModel(e).getModel("effect"),i=n.get("symbolSize"),r=n.get("symbol");U(i)||(i=[i,i]);var o=t.getItemVisual(e,"style"),a=n.get("color")||o&&o.stroke,s=this.childAt(1);this._symbolType!==r&&(this.remove(s),(s=hm(r,-.5,-.5,1,1,a)).z2=100,s.culling=!0,this.add(s)),s&&(s.setStyle("shadowColor",a),s.setStyle(n.getItemStyle(["color"])),s.scaleX=i[0],s.scaleY=i[1],s.setColor(a),this._symbolType=r,this._symbolScale=i,this._updateEffectAnimation(t,n,e))},e.prototype._updateEffectAnimation=function(t,e,n){var i=this.childAt(1);if(i){var r=t.getItemLayout(n),o=1e3*e.get("period"),a=e.get("loop"),s=e.get("roundTrip"),l=e.get("constantSpeed"),u=it(e.get("delay"),(function(e){return e/t.count()*o/3}));if(i.ignore=!0,this._updateAnimationPoints(i,r),l>0&&(o=this._getLineLength(i)/l*1e3),o!==this._period||a!==this._loop||s!==this._roundTrip){i.stopAnimation();var c=void 0;c=Y(u)?u(n):u,i.__t>0&&(c=-o*i.__t),this._animateSymbol(i,o,c,a,s)}this._period=o,this._loop=a,this._roundTrip=s}},e.prototype._animateSymbol=function(t,e,n,i,r){if(e>0){t.__t=0;var o=this,a=t.animate("",i).when(r?2*e:e,{__t:r?2:1}).delay(n).during((function(){o._updateSymbolPosition(t)}));i||a.done((function(){o.remove(t)})),a.start()}},e.prototype._getLineLength=function(t){return Vt(t.__p1,t.__cp1)+Vt(t.__cp1,t.__p2)},e.prototype._updateAnimationPoints=function(t,e){t.__p1=e[0],t.__p2=e[1],t.__cp1=e[2]||[(e[0][0]+e[1][0])/2,(e[0][1]+e[1][1])/2]},e.prototype.updateData=function(t,e,n){this.childAt(0).updateData(t,e,n),this._updateEffectSymbol(t,e)},e.prototype._updateSymbolPosition=function(t){var e=t.__p1,n=t.__p2,i=t.__cp1,r=t.__t<1?t.__t:2-t.__t,o=[t.x,t.y],a=o.slice(),s=Nn,l=zn;o[0]=s(e[0],i[0],n[0],r),o[1]=s(e[1],i[1],n[1],r);var u=t.__t<1?l(e[0],i[0],n[0],r):l(n[0],i[0],e[0],1-r),c=t.__t<1?l(e[1],i[1],n[1],r):l(n[1],i[1],e[1],1-r);t.rotation=-Math.atan2(c,u)-Math.PI/2,"line"!==this._symbolType&&"rect"!==this._symbolType&&"roundRect"!==this._symbolType||(void 0!==t.__lastT&&t.__lastT<t.__t?(t.scaleY=1.05*Vt(a,o),1===r&&(o[0]=a[0]+(o[0]-a[0])/2,o[1]=a[1]+(o[1]-a[1])/2)):1===t.__lastT?t.scaleY=2*Vt(e,o):t.scaleY=this._symbolScale[1]),t.__lastT=t.__t,t.ignore=!1,t.x=o[0],t.y=o[1]},e.prototype.updateLayout=function(t,e){this.childAt(0).updateLayout(t,e);var n=t.getItemModel(e).getModel("effect");this._updateEffectAnimation(t,n,e)},e}(to),FN=function(t){function e(e,n,i){var r=t.call(this)||this;return r._createPolyline(e,n,i),r}return n(e,t),e.prototype._createPolyline=function(t,e,n){var i=t.getItemLayout(e),r=new Tc({shape:{points:i}});this.add(r),this._updateCommonStl(t,e,n)},e.prototype.updateData=function(t,e,n){var i=t.hostModel;th(this.childAt(0),{shape:{points:t.getItemLayout(e)}},i,e),this._updateCommonStl(t,e,n)},e.prototype._updateCommonStl=function(t,e,n){var i=this.childAt(0),r=t.getItemModel(e),o=n&&n.emphasisLineStyle,a=n&&n.focus,s=n&&n.blurScope,l=n&&n.emphasisDisabled;if(!n||t.hasItemOption){var u=r.getModel("emphasis");o=u.getModel("lineStyle").getLineStyle(),l=u.get("disabled"),a=u.get("focus"),s=u.get("blurScope")}i.useStyle(t.getItemVisual(e,"style")),i.style.fill=null,i.style.strokeNoScale=!0,i.ensureState("emphasis").style=o,Tu(this,a,s,l)},e.prototype.updateLayout=function(t,e){this.childAt(0).setShape("points",t.getItemLayout(e))},e}(to),WN=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e._lastFrame=0,e._lastFramePercent=0,e}return n(e,t),e.prototype.createLine=function(t,e,n){return new FN(t,e,n)},e.prototype._updateAnimationPoints=function(t,e){this._points=e;for(var n=[0],i=0,r=1;r<e.length;r++){var o=e[r-1],a=e[r];i+=Vt(o,a),n.push(i)}if(0!==i){for(r=0;r<n.length;r++)n[r]/=i;this._offsets=n,this._length=i}else this._length=0},e.prototype._getLineLength=function(){return this._length},e.prototype._updateSymbolPosition=function(t){var e=t.__t<1?t.__t:2-t.__t,n=this._points,i=this._offsets,r=n.length;if(i){var o,a=this._lastFrame;if(e<this._lastFramePercent){for(o=Math.min(a+1,r-1);o>=0&&!(i[o]<=e);o--);o=Math.min(o,r-2)}else{for(o=a;o<r&&!(i[o]>e);o++);o=Math.min(o-1,r-2)}var s=(e-i[o])/(i[o+1]-i[o]),l=n[o],u=n[o+1];t.x=l[0]*(1-s)+s*u[0],t.y=l[1]*(1-s)+s*u[1];var c=t.__t<1?u[0]-l[0]:l[0]-u[0],h=t.__t<1?u[1]-l[1]:l[1]-u[1];t.rotation=-Math.atan2(h,c)-Math.PI/2,this._lastFrame=o,this._lastFramePercent=e,t.ignore=!1}},e}(GN),HN=function(){this.polyline=!1,this.curveness=0,this.segs=[]},UN=function(t){function e(e){var n=t.call(this,e)||this;return n._off=0,n.hoverDataIdx=-1,n}return n(e,t),e.prototype.reset=function(){this.notClear=!1,this._off=0},e.prototype.getDefaultStyle=function(){return{stroke:tf.color.neutral99,fill:null}},e.prototype.getDefaultShape=function(){return new HN},e.prototype.buildPath=function(t,e){var n,i=e.segs,r=e.curveness;if(e.polyline)for(n=this._off;n<i.length;){var o=i[n++];if(o>0){t.moveTo(i[n++],i[n++]);for(var a=1;a<o;a++)t.lineTo(i[n++],i[n++])}}else for(n=this._off;n<i.length;){var s=i[n++],l=i[n++],u=i[n++],c=i[n++];if(t.moveTo(s,l),r>0){var h=(s+u)/2-(l-c)*r,d=(l+c)/2-(u-s)*r;t.quadraticCurveTo(h,d,u,c)}else t.lineTo(u,c)}this.incremental&&(this._off=n,this.notClear=!0)},e.prototype.findDataIndex=function(t,e){var n=this.shape,i=n.segs,r=n.curveness,o=this.style.lineWidth;if(n.polyline)for(var a=0,s=0;s<i.length;){var l=i[s++];if(l>0)for(var u=i[s++],c=i[s++],h=1;h<l;h++){if(Ws(u,c,d=i[s++],p=i[s++],o,t,e))return a}a++}else for(a=0,s=0;s<i.length;){u=i[s++],c=i[s++];var d=i[s++],p=i[s++];if(r>0){if(Us(u,c,(u+d)/2-(c-p)*r,(c+p)/2-(d-u)*r,d,p,o,t,e))return a}else if(Ws(u,c,d,p,o,t,e))return a;a++}return-1},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e),i=this.getBoundingRect();return t=n[0],e=n[1],i.contain(t,e)?(this.hoverDataIdx=this.findDataIndex(t,e))>=0:(this.hoverDataIdx=-1,!1)},e.prototype.getBoundingRect=function(){var t=this._rect;if(!t){for(var e=this.shape.segs,n=1/0,i=1/0,r=-1/0,o=-1/0,a=0;a<e.length;){var s=e[a++],l=e[a++];n=Math.min(s,n),r=Math.max(s,r),i=Math.min(l,i),o=Math.max(l,o)}t=this._rect=new He(n,i,r,o)}return t},e}(sl),YN=function(){function t(){this.group=new to}return t.prototype.updateData=function(t){this._clear();var e=this._create();e.setShape({segs:t.getLayout("linesPoints")}),this._setCommon(e,t)},t.prototype.incrementalPrepareUpdate=function(t){this.group.removeAll(),this._clear()},t.prototype.incrementalUpdate=function(t,e){var n=this._newAdded[0],i=e.getLayout("linesPoints"),r=n&&n.shape.segs;if(r&&r.length<2e4){var o=r.length,a=new Float32Array(o+i.length);a.set(r),a.set(i,o),n.setShape({segs:a})}else{this._newAdded=[];var s=this._create();s.incremental=!0,s.setShape({segs:i}),this._setCommon(s,e),s.__startIndex=t.start}},t.prototype.remove=function(){this._clear()},t.prototype.eachRendered=function(t){this._newAdded[0]&&t(this._newAdded[0])},t.prototype._create=function(){var t=new UN({cursor:"default",ignoreCoarsePointer:!0});return this._newAdded.push(t),this.group.add(t),t},t.prototype._setCommon=function(t,e,n){var i=e.hostModel;t.setShape({polyline:i.get("polyline"),curveness:i.get(["lineStyle","curveness"])}),t.useStyle(i.getModel("lineStyle").getLineStyle()),t.style.strokeNoScale=!0;var r=e.getVisual("style");r&&r.stroke&&t.setStyle("stroke",r.stroke),t.setStyle("fill",null);var o=zl(t);o.seriesIndex=i.seriesIndex,t.on("mousemove",(function(e){o.dataIndex=null;var n=t.hoverDataIdx;n>0&&(o.dataIndex=n+t.__startIndex)}))},t.prototype._clear=function(){this._newAdded=[],this.group.removeAll()},t}(),XN={seriesType:"lines",plan:$y(),reset:function(t){var e=t.coordinateSystem;if(e){var n=t.get("polyline"),i=t.pipelineContext.large;return{progress:function(r,o){var a=[];if(i){var s=void 0,l=r.end-r.start;if(n){for(var u=0,c=r.start;c<r.end;c++)u+=t.getLineCoordsCount(c);s=new Float32Array(l+2*u)}else s=new Float32Array(4*l);var h=0,d=[];for(c=r.start;c<r.end;c++){var p=t.getLineCoords(c,a);n&&(s[h++]=p);for(var f=0;f<p;f++)d=e.dataToPoint(a[f],!1,d),s[h++]=d[0],s[h++]=d[1]}o.setLayout("linesPoints",s)}else for(c=r.start;c<r.end;c++){var g=o.getItemModel(c),y=(p=t.getLineCoords(c,a),[]);if(n)for(var v=0;v<p;v++)y.push(e.dataToPoint(a[v]));else{y[0]=e.dataToPoint(a[0]),y[1]=e.dataToPoint(a[1]);var m=g.get(["lineStyle","curveness"]);+m&&(y[2]=[(y[0][0]+y[1][0])/2-(y[0][1]-y[1][1])*m,(y[0][1]+y[1][1])/2-(y[1][0]-y[0][0])*m])}o.setItemLayout(c,y)}}}}}},ZN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this._updateLineDraw(i,t),o=t.get("zlevel"),a=t.get(["effect","trailLength"]),s=n.getZr(),l="svg"===s.painter.getType();l||s.painter.getLayer(o).clear(!0),null==this._lastZlevel||l||s.configLayer(this._lastZlevel,{motionBlur:!1}),this._showEffect(t)&&a>0&&(l||s.configLayer(o,{motionBlur:!0,lastFrameAlpha:Math.max(Math.min(a/10+.9,1),0)})),r.updateData(i);var u=t.get("clip",!0)&&wI(t.coordinateSystem,!1,t);u?this.group.setClipPath(u):this.group.removeClipPath(),this._lastZlevel=o,this._finished=!0},e.prototype.incrementalPrepareRender=function(t,e,n){var i=t.getData();this._updateLineDraw(i,t).incrementalPrepareUpdate(i),this._clearLayer(n),this._finished=!1},e.prototype.incrementalRender=function(t,e,n){this._lineDraw.incrementalUpdate(t,e.getData()),this._finished=t.end===e.getData().count()},e.prototype.eachRendered=function(t){this._lineDraw&&this._lineDraw.eachRendered(t)},e.prototype.updateTransform=function(t,e,n){var i=t.getData(),r=t.pipelineContext;if(!this._finished||r.large||r.progressiveRender)return{update:!0};var o=XN.reset(t,e,n);o.progress&&o.progress({start:0,end:i.count(),count:i.count()},i),this._lineDraw.updateLayout(),this._clearLayer(n)},e.prototype._updateLineDraw=function(t,e){var n=this._lineDraw,i=this._showEffect(e),r=!!e.get("polyline"),o=e.pipelineContext.large;return n&&i===this._hasEffet&&r===this._isPolyline&&o===this._isLargeDraw||(n&&n.remove(),n=this._lineDraw=o?new YN:new IP(r?i?WN:FN:i?GN:MP),this._hasEffet=i,this._isPolyline=r,this._isLargeDraw=o),this.group.add(n.group),n},e.prototype._showEffect=function(t){return!!t.get(["effect","show"])},e.prototype._clearLayer=function(t){var e=t.getZr();"svg"===e.painter.getType()||null==this._lastZlevel||e.painter.getLayer(this._lastZlevel).clear(!0)},e.prototype.remove=function(t,e){this._lineDraw&&this._lineDraw.remove(),this._lineDraw=null,this._clearLayer(e)},e.prototype.dispose=function(t,e){this.remove(t,e)},e.type="lines",e}(tv),jN="undefined"==typeof Uint32Array?Array:Uint32Array,qN="undefined"==typeof Float64Array?Array:Float64Array;function KN(t){var e=t.data;e&&e[0]&&e[0][0]&&e[0][0].coord&&(t.data=E(e,(function(t){var e={coords:[t[0].coord,t[1].coord]};return t[0].name&&(e.fromName=t[0].name),t[1].name&&(e.toName=t[1].name),D([e,t[0],t[1]])})))}var $N=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.visualStyleAccessPath="lineStyle",n.visualDrawType="stroke",n}return n(e,t),e.prototype.init=function(e){e.data=e.data||[],KN(e);var n=this._processFlatCoordsArray(e.data);this._flatCoords=n.flatCoords,this._flatCoordsOffset=n.flatCoordsOffset,n.flatCoords&&(e.data=new Float32Array(n.count)),t.prototype.init.apply(this,arguments)},e.prototype.mergeOption=function(e){if(KN(e),e.data){var n=this._processFlatCoordsArray(e.data);this._flatCoords=n.flatCoords,this._flatCoordsOffset=n.flatCoordsOffset,n.flatCoords&&(e.data=new Float32Array(n.count))}t.prototype.mergeOption.apply(this,arguments)},e.prototype.appendData=function(t){var e=this._processFlatCoordsArray(t.data);e.flatCoords&&(this._flatCoords?(this._flatCoords=vt(this._flatCoords,e.flatCoords),this._flatCoordsOffset=vt(this._flatCoordsOffset,e.flatCoordsOffset)):(this._flatCoords=e.flatCoords,this._flatCoordsOffset=e.flatCoordsOffset),t.data=new Float32Array(e.count)),this.getRawData().appendData(t.data)},e.prototype._getCoordsFromItemModel=function(t){var e=this.getData().getItemModel(t),n=e.option instanceof Array?e.option:e.getShallow("coords");return n},e.prototype.getLineCoordsCount=function(t){return this._flatCoordsOffset?this._flatCoordsOffset[2*t+1]:this._getCoordsFromItemModel(t).length},e.prototype.getLineCoords=function(t,e){if(this._flatCoordsOffset){for(var n=this._flatCoordsOffset[2*t],i=this._flatCoordsOffset[2*t+1],r=0;r<i;r++)e[r]=e[r]||[],e[r][0]=this._flatCoords[n+2*r],e[r][1]=this._flatCoords[n+2*r+1];return i}var o=this._getCoordsFromItemModel(t);for(r=0;r<o.length;r++)e[r]=e[r]||[],e[r][0]=o[r][0],e[r][1]=o[r][1];return o.length},e.prototype._processFlatCoordsArray=function(t){var e=0;if(this._flatCoords&&(e=this._flatCoords.length),j(t[0])){for(var n=t.length,i=new jN(n),r=new qN(n),o=0,a=0,s=0,l=0;l<n;){s++;var u=t[l++];i[a++]=o+e,i[a++]=u;for(var c=0;c<u;c++){var h=t[l++],d=t[l++];r[o++]=h,r[o++]=d}}return{flatCoordsOffset:new Uint32Array(i.buffer,0,a),flatCoords:r,count:s}}return{flatCoordsOffset:null,flatCoords:null,count:t.length}},e.prototype.getInitialData=function(t,e){var n=new B_(["value"],this);return n.hasItemOption=!1,n.initData(t.data,[],(function(t,e,i,r){if(t instanceof Array)return NaN;n.hasItemOption=!0;var o=t.value;return null!=o?o instanceof Array?o[r]:o:void 0})),n},e.prototype.formatTooltip=function(t,e,n){var i=this.getData().getItemModel(t),r=i.get("name");if(r)return r;var o=i.get("fromName"),a=i.get("toName"),s=[];return null!=o&&s.push(o),null!=a&&s.push(a),Ty("nameValue",{name:s.join(" > ")})},e.prototype.preventIncremental=function(){return!!this.get(["effect","show"])},e.prototype.getProgressive=function(){var t=this.option.progressive;return null==t?this.option.large?1e4:this.get("progressive"):t},e.prototype.getProgressiveThreshold=function(){var t=this.option.progressiveThreshold;return null==t?this.option.large?2e4:this.get("progressiveThreshold"):t},e.prototype.getZLevelKey=function(){var t=this.getModel("effect"),e=t.get("trailLength");return this.getData().count()>this.getProgressiveThreshold()?this.id:t.get("show")&&e>0?e+"":""},e.type="series.lines",e.dependencies=["grid","polar","geo","calendar"],e.defaultOption={coordinateSystem:"geo",z:2,legendHoverLink:!0,xAxisIndex:0,yAxisIndex:0,symbol:["none","none"],symbolSize:[10,10],geoIndex:0,effect:{show:!1,period:4,constantSpeed:0,symbol:"circle",symbolSize:3,loop:!0,trailLength:.2},large:!1,largeThreshold:2e3,polyline:!1,clip:!0,label:{show:!1,position:"end"},lineStyle:{opacity:.5}},e}(Wy);function JN(t){return t instanceof Array||(t=[t,t]),t}var QN={seriesType:"lines",reset:function(t){var e=JN(t.get("symbol")),n=JN(t.get("symbolSize")),i=t.getData();return i.setVisual("fromSymbol",e&&e[0]),i.setVisual("toSymbol",e&&e[1]),i.setVisual("fromSymbolSize",n&&n[0]),i.setVisual("toSymbolSize",n&&n[1]),{dataEach:i.hasItemOption?function(t,e){var n=t.getItemModel(e),i=JN(n.getShallow("symbol",!0)),r=JN(n.getShallow("symbolSize",!0));i[0]&&t.setItemVisual(e,"fromSymbol",i[0]),i[1]&&t.setItemVisual(e,"toSymbol",i[1]),r[0]&&t.setItemVisual(e,"fromSymbolSize",r[0]),r[1]&&t.setItemVisual(e,"toSymbolSize",r[1])}:null}}};var tz=function(){function t(){this.blurSize=30,this.pointSize=20,this.maxOpacity=1,this.minOpacity=0,this._gradientPixels={inRange:null,outOfRange:null};var t=c.createCanvas();this.canvas=t}return t.prototype.update=function(t,e,n,i,r,o){var a=this._getBrush(),s=this._getGradient(r,"inRange"),l=this._getGradient(r,"outOfRange"),u=this.pointSize+this.blurSize,c=this.canvas,h=c.getContext("2d"),d=t.length;c.width=e,c.height=n;for(var p=0;p<d;++p){var f=t[p],g=f[0],y=f[1],v=i(f[2]);h.globalAlpha=v,h.drawImage(a,g-u,y-u)}if(!c.width||!c.height)return c;for(var m=h.getImageData(0,0,c.width,c.height),x=m.data,_=0,b=x.length,w=this.minOpacity,S=this.maxOpacity-w;_<b;){v=x[_+3]/256;var M=4*Math.floor(255*v);if(v>0){var I=o(v)?s:l;v>0&&(v=v*S+w),x[_++]=I[M],x[_++]=I[M+1],x[_++]=I[M+2],x[_++]=I[M+3]*v*256}else _+=4}return h.putImageData(m,0,0),c},t.prototype._getBrush=function(){var t=this._brushCanvas||(this._brushCanvas=c.createCanvas()),e=this.pointSize+this.blurSize,n=2*e;t.width=n,t.height=n;var i=t.getContext("2d");return i.clearRect(0,0,n,n),i.shadowOffsetX=n,i.shadowBlur=this.blurSize,i.shadowColor=tf.color.neutral99,i.beginPath(),i.arc(-e,e,this.pointSize,0,2*Math.PI,!0),i.closePath(),i.fill(),t},t.prototype._getGradient=function(t,e){for(var n=this._gradientPixels,i=n[e]||(n[e]=new Uint8ClampedArray(1024)),r=[0,0,0,0],o=0,a=0;a<256;a++)t[e](a/255,!0,r),i[o++]=r[0],i[o++]=r[1],i[o++]=r[2],i[o++]=r[3];return i},t}();function ez(t){var e=t.dimensions;return"lng"===e[0]&&"lat"===e[1]}var nz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i;e.eachComponent("visualMap",(function(e){e.eachTargetSeries((function(n){n===t&&(i=e)}))})),this._progressiveEls=null,this.group.removeAll();var r=t.coordinateSystem;"cartesian2d"===r.type||"calendar"===r.type||"matrix"===r.type?this._renderOnGridLike(t,n,0,t.getData().count()):ez(r)&&this._renderOnGeo(r,t,i,n)},e.prototype.incrementalPrepareRender=function(t,e,n){this.group.removeAll()},e.prototype.incrementalRender=function(t,e,n,i){var r=e.coordinateSystem;r&&(ez(r)?this.render(e,n,i):(this._progressiveEls=[],this._renderOnGridLike(e,i,t.start,t.end,!0)))},e.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},e.prototype._renderOnGridLike=function(t,e,n,i,r){var o,a,s,l,u=t.coordinateSystem,c=SI(u,"cartesian2d"),h=SI(u,"matrix");if(c){var d=u.getAxis("x"),p=u.getAxis("y");0,o=d.getBandWidth()+.5,a=p.getBandWidth()+.5,s=d.scale.getExtent(),l=p.scale.getExtent()}for(var f=this.group,g=t.getData(),y=t.getModel(["emphasis","itemStyle"]).getItemStyle(),v=t.getModel(["blur","itemStyle"]).getItemStyle(),m=t.getModel(["select","itemStyle"]).getItemStyle(),x=t.get(["itemStyle","borderRadius"]),_=Jh(t),b=t.getModel("emphasis"),w=b.get("focus"),S=b.get("blurScope"),M=b.get("disabled"),I=c||h?[g.mapDimension("x"),g.mapDimension("y"),g.mapDimension("value")]:[g.mapDimension("time"),g.mapDimension("value")],T=n;T<i;T++){var C=void 0,D=g.getItemVisual(T,"style");if(c){var A=g.get(I[0],T),k=g.get(I[1],T);if(isNaN(g.get(I[2],T))||isNaN(A)||isNaN(k)||A<s[0]||A>s[1]||k<l[0]||k>l[1])continue;var L=u.dataToPoint([A,k]);C=new xl({shape:{x:L[0]-o/2,y:L[1]-a/2,width:o,height:a},style:D})}else if(h){if(nt((P=u.dataToLayout([g.get(I[0],T),g.get(I[1],T)]).rect).x))continue;C=new xl({z2:1,shape:P,style:D})}else{if(isNaN(g.get(I[1],T)))continue;var P,O=u.dataToLayout([g.get(I[0],T)]);if(nt((P=O.contentRect||O.rect).x)||nt(P.y))continue;C=new xl({z2:1,shape:P,style:D})}if(g.hasItemOption){var R=g.getItemModel(T),N=R.getModel("emphasis");y=N.getModel("itemStyle").getItemStyle(),v=R.getModel(["blur","itemStyle"]).getItemStyle(),m=R.getModel(["select","itemStyle"]).getItemStyle(),x=R.get(["itemStyle","borderRadius"]),w=N.get("focus"),S=N.get("blurScope"),M=N.get("disabled"),_=Jh(R)}C.shape.r=x;var z=t.getRawValue(T),E="-";z&&null!=z[2]&&(E=z[2]+""),$h(C,_,{labelFetcher:t,labelDataIndex:T,defaultOpacity:D.opacity,defaultText:E}),C.ensureState("emphasis").style=y,C.ensureState("blur").style=v,C.ensureState("select").style=m,Tu(C,w,S,M),C.incremental=r,r&&(C.states.emphasis.hoverLayer=!0),f.add(C),g.setItemGraphicEl(T,C),this._progressiveEls&&this._progressiveEls.push(C)}},e.prototype._renderOnGeo=function(t,e,n,i){var r=n.targetVisuals.inRange,o=n.targetVisuals.outOfRange,a=e.getData(),s=this._hmLayer||this._hmLayer||new tz;s.blurSize=e.get("blurSize"),s.pointSize=e.get("pointSize"),s.minOpacity=e.get("minOpacity"),s.maxOpacity=e.get("maxOpacity");var l=t.getViewRect().clone(),u=t.getRoamTransform();l.applyTransform(u);var c=Math.max(l.x,0),h=Math.max(l.y,0),d=Math.min(l.width+l.x,i.getWidth()),p=Math.min(l.height+l.y,i.getHeight()),f=d-c,g=p-h,y=[a.mapDimension("lng"),a.mapDimension("lat"),a.mapDimension("value")],v=a.mapArray(y,(function(e,n,i){var r=t.dataToPoint([e,n]);return r[0]-=c,r[1]-=h,r.push(i),r})),m=n.getExtent(),x="visualMap.continuous"===n.type?function(t,e){var n=t[1]-t[0];return e=[(e[0]-t[0])/n,(e[1]-t[0])/n],function(t){return t>=e[0]&&t<=e[1]}}(m,n.option.range):function(t,e,n){var i=t[1]-t[0],r=(e=E(e,(function(e){return{interval:[(e.interval[0]-t[0])/i,(e.interval[1]-t[0])/i]}}))).length,o=0;return function(t){var i;for(i=o;i<r;i++)if((a=e[i].interval)[0]<=t&&t<=a[1]){o=i;break}if(i===r)for(i=o-1;i>=0;i--){var a;if((a=e[i].interval)[0]<=t&&t<=a[1]){o=i;break}}return i>=0&&i<r&&n[i]}}(m,n.getPieceList(),n.option.selected);s.update(v,f,g,r.color.getNormalizer(),{inRange:r.color.getColorMapper(),outOfRange:o.color.getColorMapper()},x);var _=new dl({style:{width:f,height:g,x:c,y:h,image:s.canvas},silent:!0});this.group.add(_)},e.type="heatmap",e}(tv),iz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{generateCoord:"value"})},e.prototype.preventIncremental=function(){var t=Tp.get(this.get("coordinateSystem"));if(t&&t.dimensions)return"lng"===t.dimensions[0]&&"lat"===t.dimensions[1]},e.type="series.heatmap",e.dependencies=["grid","geo","calendar","matrix"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,geoIndex:0,blurSize:30,pointSize:20,maxOpacity:1,minOpacity:0,select:{itemStyle:{borderColor:tf.color.primary}}},e}(Wy);var rz=["itemStyle","borderWidth"],oz=[{xy:"x",wh:"width",index:0,posDesc:["left","right"]},{xy:"y",wh:"height",index:1,posDesc:["top","bottom"]}],az=new nc,sz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=this.group,r=t.getData(),o=this._data,a=t.coordinateSystem,s=a.getBaseAxis().isHorizontal(),l=a.master.getRect(),u={ecSize:{width:n.getWidth(),height:n.getHeight()},seriesModel:t,coordSys:a,coordSysExtent:[[l.x,l.x+l.width],[l.y,l.y+l.height]],isHorizontal:s,valueDim:oz[+s],categoryDim:oz[1-+s]};r.diff(o).add((function(t){if(r.hasValue(t)){var e=gz(r,t),n=lz(r,t,e,u),o=mz(r,u,n);r.setItemGraphicEl(t,o),i.add(o),Sz(o,u,n)}})).update((function(t,e){var n=o.getItemGraphicEl(e);if(r.hasValue(t)){var a=gz(r,t),s=lz(r,t,a,u),l=_z(r,s);n&&l!==n.__pictorialShapeStr&&(i.remove(n),r.setItemGraphicEl(t,null),n=null),n?function(t,e,n){var i=n.animationModel,r=n.dataIndex,o=t.__pictorialBundle;th(o,{x:n.bundlePosition[0],y:n.bundlePosition[1]},i,r),n.symbolRepeat?hz(t,e,n,!0):dz(t,e,n,!0);pz(t,n,!0),fz(t,e,n,!0)}(n,u,s):n=mz(r,u,s,!0),r.setItemGraphicEl(t,n),n.__pictorialSymbolMeta=s,i.add(n),Sz(n,u,s)}else i.remove(n)})).remove((function(t){var e=o.getItemGraphicEl(t);e&&xz(o,t,e.__pictorialSymbolMeta.animationModel,e)})).execute();var c=t.get("clip",!0)?wI(t.coordinateSystem,!1,t):null;return c?i.setClipPath(c):i.removeClipPath(),this._data=r,this.group},e.prototype.remove=function(t,e){var n=this.group,i=this._data;t.get("animation")?i&&i.eachItemGraphicEl((function(e){xz(i,zl(e).dataIndex,t,e)})):n.removeAll()},e.type="pictorialBar",e}(tv);function lz(t,e,n,i){var r=t.getItemLayout(e),o=n.get("symbolRepeat"),a=n.get("symbolClip"),s=n.get("symbolPosition")||"start",l=(n.get("symbolRotate")||0)*Math.PI/180||0,u=n.get("symbolPatternSize")||2,c=n.isAnimationEnabled(),h={dataIndex:e,layout:r,itemModel:n,symbolType:t.getItemVisual(e,"symbol")||"circle",style:t.getItemVisual(e,"style"),symbolClip:a,symbolRepeat:o,symbolRepeatDirection:n.get("symbolRepeatDirection"),symbolPatternSize:u,rotation:l,animationModel:c?n:null,hoverScale:c&&n.get(["emphasis","scale"]),z2:n.getShallow("z",!0)||0};!function(t,e,n,i,r){var o,a=i.valueDim,s=t.get("symbolBoundingData"),l=i.coordSys.getOtherAxis(i.coordSys.getBaseAxis()),u=l.toGlobalCoord(l.dataToCoord(0)),c=1-+(n[a.wh]<=0);if(U(s)){var h=[uz(l,s[0])-u,uz(l,s[1])-u];h[1]<h[0]&&h.reverse(),o=h[c]}else o=null!=s?uz(l,s)-u:e?i.coordSysExtent[a.index][c]-u:n[a.wh];r.boundingLength=o,e&&(r.repeatCutLength=n[a.wh]);var d="x"===a.xy,p=l.inverse;r.pxSign=d&&!p||!d&&p?o>=0?1:-1:o>0?1:-1}(n,o,r,i,h),function(t,e,n,i,r,o,a,s,l,u){var c,h=l.valueDim,d=l.categoryDim,p=Math.abs(n[d.wh]),f=t.getItemVisual(e,"symbolSize");c=U(f)?f.slice():null==f?["100%","100%"]:[f,f];c[d.index]=yo(c[d.index],p),c[h.index]=yo(c[h.index],i?p:Math.abs(o)),u.symbolSize=c;var g=u.symbolScale=[c[0]/s,c[1]/s];g[h.index]*=(l.isHorizontal?-1:1)*a}(t,e,r,o,0,h.boundingLength,h.pxSign,u,i,h),function(t,e,n,i,r){var o=t.get(rz)||0;o&&(az.attr({scaleX:e[0],scaleY:e[1],rotation:n}),az.updateTransform(),o/=az.getLineScale(),o*=e[i.valueDim.index]);r.valueLineWidth=o||0}(n,h.symbolScale,l,i,h);var d=h.symbolSize,p=pm(n.get("symbolOffset"),d);return function(t,e,n,i,r,o,a,s,l,u,c,h){var d=c.categoryDim,p=c.valueDim,f=h.pxSign,g=Math.max(e[p.index]+s,0),y=g;if(i){var v=Math.abs(l),m=it(t.get("symbolMargin"),"15%")+"",x=!1;m.lastIndexOf("!")===m.length-1&&(x=!0,m=m.slice(0,m.length-1));var _=yo(m,e[p.index]),b=Math.max(g+2*_,0),w=x?0:2*_,S=zo(i),M=S?i:Mz((v+w)/b);b=g+2*(_=(v-M*g)/2/(x?M:Math.max(M-1,1))),w=x?0:2*_,S||"fixed"===i||(M=u?Mz((Math.abs(u)+w)/b):0),y=M*b-w,h.repeatTimes=M,h.symbolMargin=_}var I=f*(y/2),T=h.pathPosition=[];T[d.index]=n[d.wh]/2,T[p.index]="start"===a?I:"end"===a?l-I:l/2,o&&(T[0]+=o[0],T[1]+=o[1]);var C=h.bundlePosition=[];C[d.index]=n[d.xy],C[p.index]=n[p.xy];var D=h.barRectShape=A({},n);D[p.wh]=f*Math.max(Math.abs(n[p.wh]),Math.abs(T[p.index]+I)),D[d.wh]=n[d.wh];var k=h.clipShape={};k[d.xy]=-n[d.xy],k[d.wh]=c.ecSize[d.wh],k[p.xy]=0,k[p.wh]=n[p.wh]}(n,d,r,o,0,p,s,h.valueLineWidth,h.boundingLength,h.repeatCutLength,i,h),h}function uz(t,e){return t.toGlobalCoord(t.dataToCoord(t.scale.parse(e)))}function cz(t){var e=t.symbolPatternSize,n=hm(t.symbolType,-e/2,-e/2,e,e);return n.attr({culling:!0}),"image"!==n.type&&n.setStyle({strokeNoScale:!0}),n}function hz(t,e,n,i){var r=t.__pictorialBundle,o=n.symbolSize,a=n.valueLineWidth,s=n.pathPosition,l=e.valueDim,u=n.repeatTimes||0,c=0,h=o[e.valueDim.index]+a+2*n.symbolMargin;for(bz(t,(function(t){t.__pictorialAnimationIndex=c,t.__pictorialRepeatTimes=u,c<u?wz(t,null,f(c),n,i):wz(t,null,{scaleX:0,scaleY:0},n,i,(function(){r.remove(t)})),c++}));c<u;c++){var d=cz(n);d.__pictorialAnimationIndex=c,d.__pictorialRepeatTimes=u,r.add(d);var p=f(c);wz(d,{x:p.x,y:p.y,scaleX:0,scaleY:0},{scaleX:p.scaleX,scaleY:p.scaleY,rotation:p.rotation},n,i)}function f(t){var e=s.slice(),i=n.pxSign,r=t;return("start"===n.symbolRepeatDirection?i>0:i<0)&&(r=u-1-t),e[l.index]=h*(r-u/2+.5)+s[l.index],{x:e[0],y:e[1],scaleX:n.symbolScale[0],scaleY:n.symbolScale[1],rotation:n.rotation}}}function dz(t,e,n,i){var r=t.__pictorialBundle,o=t.__pictorialMainPath;o?wz(o,null,{x:n.pathPosition[0],y:n.pathPosition[1],scaleX:n.symbolScale[0],scaleY:n.symbolScale[1],rotation:n.rotation},n,i):(o=t.__pictorialMainPath=cz(n),r.add(o),wz(o,{x:n.pathPosition[0],y:n.pathPosition[1],scaleX:0,scaleY:0,rotation:n.rotation},{scaleX:n.symbolScale[0],scaleY:n.symbolScale[1]},n,i))}function pz(t,e,n){var i=A({},e.barRectShape),r=t.__pictorialBarRect;r?wz(r,null,{shape:i},e,n):((r=t.__pictorialBarRect=new xl({z2:2,shape:i,silent:!0,style:{stroke:"transparent",fill:"transparent",lineWidth:0}})).disableMorphing=!0,t.add(r))}function fz(t,e,n,i){if(n.symbolClip){var r=t.__pictorialClipPath,o=A({},n.clipShape),a=e.valueDim,s=n.animationModel,l=n.dataIndex;if(r)th(r,{shape:o},s,l);else{o[a.wh]=0,r=new xl({shape:o}),t.__pictorialBundle.setClipPath(r),t.__pictorialClipPath=r;var u={};u[a.wh]=n.clipShape[a.wh],Zh[i?"updateProps":"initProps"](r,{shape:u},s,l)}}}function gz(t,e){var n=t.getItemModel(e);return n.getAnimationDelayParams=yz,n.isAnimationEnabled=vz,n}function yz(t){return{index:t.__pictorialAnimationIndex,count:t.__pictorialRepeatTimes}}function vz(){return this.parentModel.isAnimationEnabled()&&!!this.getShallow("animation")}function mz(t,e,n,i){var r=new to,o=new to;return r.add(o),r.__pictorialBundle=o,o.x=n.bundlePosition[0],o.y=n.bundlePosition[1],n.symbolRepeat?hz(r,e,n):dz(r,0,n),pz(r,n,i),fz(r,e,n,i),r.__pictorialShapeStr=_z(t,n),r.__pictorialSymbolMeta=n,r}function xz(t,e,n,i){var r=i.__pictorialBarRect;r&&r.removeTextContent();var o=[];bz(i,(function(t){o.push(t)})),i.__pictorialMainPath&&o.push(i.__pictorialMainPath),i.__pictorialClipPath&&(n=null),z(o,(function(t){ih(t,{scaleX:0,scaleY:0},n,e,(function(){i.parent&&i.parent.remove(i)}))})),t.setItemGraphicEl(e,null)}function _z(t,e){return[t.getItemVisual(e.dataIndex,"symbol")||"none",!!e.symbolRepeat,!!e.symbolClip].join(":")}function bz(t,e,n){z(t.__pictorialBundle.children(),(function(i){i!==t.__pictorialBarRect&&e.call(n,i)}))}function wz(t,e,n,i,r,o){e&&t.attr(e),i.symbolClip&&!r?n&&t.attr(n):n&&Zh[r?"updateProps":"initProps"](t,n,i.animationModel,i.dataIndex,o)}function Sz(t,e,n){var i=n.dataIndex,r=n.itemModel,o=r.getModel("emphasis"),a=o.getModel("itemStyle").getItemStyle(),s=r.getModel(["blur","itemStyle"]).getItemStyle(),l=r.getModel(["select","itemStyle"]).getItemStyle(),u=r.getShallow("cursor"),c=o.get("focus"),h=o.get("blurScope"),d=o.get("scale");bz(t,(function(t){if(t instanceof dl){var e=t.style;t.useStyle(A({image:e.image,x:e.x,y:e.y,width:e.width,height:e.height},n.style))}else t.useStyle(n.style);var i=t.ensureState("emphasis");i.style=a,d&&(i.scaleX=1.1*t.scaleX,i.scaleY=1.1*t.scaleY),t.ensureState("blur").style=s,t.ensureState("select").style=l,u&&(t.cursor=u),t.z2=n.z2}));var p=e.valueDim.posDesc[+(n.boundingLength>0)],f=t.__pictorialBarRect;f.ignoreClip=!0,$h(f,Jh(r),{labelFetcher:e.seriesModel,labelDataIndex:i,defaultText:nI(e.seriesModel.getData(),i),inheritColor:n.style.fill,defaultOpacity:n.style.opacity,defaultOutsidePosition:p}),Tu(t,c,h,o.get("disabled"))}function Mz(t){var e=Math.round(t);return Math.abs(t-e)<1e-4?e:Math.ceil(t)}var Iz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n.defaultSymbol="roundRect",n}return n(e,t),e.prototype.getInitialData=function(e){return e.stack=null,t.prototype.getInitialData.apply(this,arguments)},e.type="series.pictorialBar",e.dependencies=["grid"],e.defaultOption=Id(VI.defaultOption,{symbol:"circle",symbolSize:null,symbolRotate:null,symbolPosition:null,symbolOffset:null,symbolMargin:null,symbolRepeat:!1,symbolRepeatDirection:"end",symbolClip:!1,symbolBoundingData:null,symbolPatternSize:400,barGap:"-100%",clip:!1,progressive:0,emphasis:{scale:!1},select:{itemStyle:{borderColor:tf.color.primary}}}),e}(VI);var Tz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._layers=[],n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this,o=this.group,a=t.getLayerSeries(),s=i.getLayout("layoutInfo"),l=s.rect,u=s.boundaryGap;function c(t){return t.name}o.x=0,o.y=l.y+u[0];var h=new f_(this._layersSeries||[],a,c,c),d=[];function p(e,n,s){var l=r._layers;if("remove"!==e){for(var u,c,h=[],p=[],f=a[n].indices,g=0;g<f.length;g++){var y=i.getItemLayout(f[g]),v=y.x,m=y.y0,x=y.y;h.push(v,m),p.push(v,m+x),u=i.getItemVisual(f[g],"style")}var _=i.getItemLayout(f[0]),b=t.getModel("label").get("margin"),w=t.getModel("emphasis");if("add"===e){var S=d[n]=new to;c=new xI({shape:{points:h,stackedOnPoints:p,smooth:.4,stackedOnSmooth:.4,smoothConstraint:!1},z2:0}),S.add(c),o.add(S),t.isAnimationEnabled()&&c.setClipPath(function(t,e,n){var i=new xl({shape:{x:t.x-10,y:t.y-10,width:0,height:t.height+20}});return eh(i,{shape:{x:t.x-50,width:t.width+100,height:t.height+20}},e,n),i}(c.getBoundingRect(),t,(function(){c.removeClipPath()})))}else{S=l[s];c=S.childAt(0),o.add(S),d[n]=S,th(c,{shape:{points:h,stackedOnPoints:p}},t),ah(c)}$h(c,Jh(t),{labelDataIndex:f[g-1],defaultText:i.getName(f[g-1]),inheritColor:u.fill},{normal:{verticalAlign:"middle"}}),c.setTextConfig({position:null,local:!0});var M=c.getTextContent();M&&(M.x=_.x-b,M.y=_.y0+_.y/2),c.useStyle(u),i.setItemGraphicEl(n,c),ku(c,t),Tu(c,w.get("focus"),w.get("blurScope"),w.get("disabled"))}else o.remove(l[n])}h.add(W(p,this,"add")).update(W(p,this,"update")).remove(W(p,this,"remove")).execute(),this._layersSeries=a,this._layers=d},e.type="themeRiver",e}(tv);var Cz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this))},e.prototype.fixData=function(t){var e=t.length,n={},i=ga(t,(function(t){return n.hasOwnProperty(t[0]+"")||(n[t[0]+""]=-1),t[2]})),r=[];i.buckets.each((function(t,e){r.push({name:e,dataList:t})}));for(var o=r.length,a=0;a<o;++a){for(var s=r[a].name,l=0;l<r[a].dataList.length;++l){var u=r[a].dataList[l][0]+"";n[u]=a}for(var u in n)n.hasOwnProperty(u)&&n[u]!==a&&(n[u]=a,t[e]=[u,0,s],e++)}return t},e.prototype.getInitialData=function(t,e){for(var n=this.getReferringComponents("singleAxis",ha).models[0].get("type"),i=V(t.data,(function(t){return void 0!==t[2]})),r=this.fixData(i||[]),o=[],a=this.nameMap=yt(),s=0,l=0;l<r.length;++l)o.push(r[l][2]),a.get(r[l][2])||(a.set(r[l][2],s),s++);var u=V_(r,{coordDimensions:["single"],dimensionsDefine:[{name:"time",type:v_(n)},{name:"value",type:"float"},{name:"name",type:"ordinal"}],encodeDefine:{single:0,value:1,itemName:2}}).dimensions,c=new B_(u,this);return c.initData(r),c},e.prototype.getLayerSeries=function(){for(var t=this.getData(),e=t.count(),n=[],i=0;i<e;++i)n[i]=i;var r=t.mapDimension("single"),o=ga(n,(function(e){return t.get("name",e)})),a=[];return o.buckets.each((function(e,n){e.sort((function(e,n){return t.get(r,e)-t.get(r,n)})),a.push({name:n,indices:e})})),a},e.prototype.getAxisTooltipData=function(t,e,n){U(t)||(t=t?[t]:[]);for(var i,r=this.getData(),o=this.getLayerSeries(),a=[],s=o.length,l=0;l<s;++l){for(var u=Number.MAX_VALUE,c=-1,h=o[l].indices.length,d=0;d<h;++d){var p=r.get(t[0],o[l].indices[d]),f=Math.abs(p-e);f<=u&&(i=p,u=f,c=o[l].indices[d])}a.push(c)}return{dataIndices:a,nestestValue:i}},e.prototype.formatTooltip=function(t,e,n){var i=this.getData();return Ty("nameValue",{name:i.getName(t),value:i.get(i.mapDimension("value"),t)})},e.type="series.themeRiver",e.dependencies=["singleAxis"],e.defaultOption={z:2,colorBy:"data",coordinateSystem:"singleAxis",boundaryGap:["10%","10%"],singleAxisIndex:0,animationEasing:"linear",label:{margin:4,show:!0,position:"left",fontSize:11},emphasis:{label:{show:!0}}},e}(Wy);function Dz(t,e){t.eachSeriesByType("themeRiver",(function(t){var e=t.getData(),n=t.coordinateSystem,i={},r=n.getRect();i.rect=r;var o=t.get("boundaryGap"),a=n.getAxis();(i.boundaryGap=o,"horizontal"===a.orient)?(o[0]=yo(o[0],r.height),o[1]=yo(o[1],r.height),Az(e,t,r.height-o[0]-o[1])):(o[0]=yo(o[0],r.width),o[1]=yo(o[1],r.width),Az(e,t,r.width-o[0]-o[1]));e.setLayout("layoutInfo",i)}))}function Az(t,e,n){if(t.count())for(var i,r=e.coordinateSystem,o=e.getLayerSeries(),a=t.mapDimension("single"),s=t.mapDimension("value"),l=E(o,(function(e){return E(e.indices,(function(e){var n=r.dataToPoint(t.get(a,e));return n[1]=t.get(s,e),n}))})),u=function(t){for(var e=t.length,n=t[0].length,i=[],r=[],o=0,a=0;a<n;++a){for(var s=0,l=0;l<e;++l)s+=t[l][a][1];s>o&&(o=s),i.push(s)}for(var u=0;u<n;++u)r[u]=(o-i[u])/2;o=0;for(var c=0;c<n;++c){var h=i[c]+r[c];h>o&&(o=h)}return{y0:r,max:o}}(l),c=u.y0,h=n/u.max,d=o.length,p=o[0].indices.length,f=0;f<p;++f){i=c[f]*h,t.setItemLayout(o[0].indices[f],{layerIndex:0,x:l[0][f][0],y0:i,y:l[0][f][1]*h});for(var g=1;g<d;++g)i+=l[g-1][f][1]*h,t.setItemLayout(o[g].indices[f],{layerIndex:g,x:l[g][f][0],y0:i,y:l[g][f][1]*h})}}var kz=function(t){function e(e,n,i,r){var o=t.call(this)||this;o.z2=2,o.textConfig={inside:!0},zl(o).seriesIndex=n.seriesIndex;var a=new Sl({z2:4,silent:e.getModel().get(["label","silent"])});return o.setTextContent(a),o.updateData(!0,e,n,i,r),o}return n(e,t),e.prototype.updateData=function(t,e,n,i,r){this.node=e,e.piece=this,n=n||this._seriesModel,i=i||this._ecModel;var o=this;zl(o).dataIndex=e.dataIndex;var a=e.getModel(),s=a.getModel("emphasis"),l=e.getLayout(),u=A({},l);u.label=null;var c=e.getVisual("style");c.lineJoin="bevel";var h=e.getVisual("decal");h&&(c.decal=Bm(h,r));var d=YI(a.getModel("itemStyle"),u,!0);A(u,d),z(Wl,(function(t){var e=o.ensureState(t),n=a.getModel([t,"itemStyle"]);e.style=n.getItemStyle();var i=YI(n,u);i&&(e.shape=i)})),t?(o.setShape(u),o.shape.r=l.r0,eh(o,{shape:{r:l.r}},n,e.dataIndex)):(th(o,{shape:u},n),ah(o)),o.useStyle(c),this._updateLabel(n);var p=a.getShallow("cursor");p&&o.attr("cursor",p),this._seriesModel=n||this._seriesModel,this._ecModel=i||this._ecModel;var f=s.get("focus");Tu(this,"relative"===f?vt(e.getAncestorsIndices(),e.getDescendantIndices()):"ancestor"===f?e.getAncestorsIndices():"descendant"===f?e.getDescendantIndices():f,s.get("blurScope"),s.get("disabled"))},e.prototype._updateLabel=function(t){var e=this,n=this.node.getModel(),i=n.getModel("label"),r=this.node.getLayout(),o=r.endAngle-r.startAngle,a=(r.startAngle+r.endAngle)/2,s=Math.cos(a),l=Math.sin(a),u=this,c=u.getTextContent(),h=this.node.dataIndex,d=i.get("minAngle")/180*Math.PI,p=i.get("show")&&!(null!=d&&Math.abs(o)<d);function f(t,e){var n=t.get(e);return null==n?i.get(e):n}c.ignore=!p,z(Hl,(function(i){var d="normal"===i?n.getModel("label"):n.getModel([i,"label"]),p="normal"===i,g=p?c:c.ensureState(i),y=t.getFormattedLabel(h,i);p&&(y=y||e.node.name),g.style=Qh(d,{},null,"normal"!==i,!0),y&&(g.style.text=y);var v=d.get("show");null==v||p||(g.ignore=!v);var m,x=f(d,"position"),_=p?u:u.states[i],b=_.style.fill;_.textConfig={outsideFill:"inherit"===d.get("color")?b:null,inside:"outside"!==x};var w=f(d,"distance")||0,S=f(d,"align"),M=f(d,"rotate"),I=.5*Math.PI,T=1.5*Math.PI,C=Xs("tangential"===M?Math.PI/2-a:a),D=C>I&&!Co(C-I)&&C<T;"outside"===x?(m=r.r+w,S=D?"right":"left"):S&&"center"!==S?"left"===S?(m=r.r0+w,S=D?"right":"left"):"right"===S&&(m=r.r-w,S=D?"left":"right"):(m=o===2*Math.PI&&0===r.r0?0:(r.r+r.r0)/2,S="center"),g.style.align=S,g.style.verticalAlign=f(d,"verticalAlign")||"middle",g.x=m*s+r.cx,g.y=m*l+r.cy;var A=0;"radial"===M?A=Xs(-a)+(D?Math.PI:0):"tangential"===M?A=Xs(Math.PI/2-a)+(D?Math.PI:0):j(M)&&(A=M*Math.PI/180),g.rotation=Xs(A)})),c.dirtyStyle()},e}(xc),Lz="sunburstRootToNode",Pz="sunburstHighlight";var Oz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){var r=this;this.seriesModel=t,this.api=n,this.ecModel=e;var o=t.getData(),a=o.tree.root,s=t.getViewRoot(),l=this.group,u=t.get("renderLabelForZeroData"),c=[];s.eachNode((function(t){c.push(t)}));var h=this._oldChildren||[];!function(i,r){if(0===i.length&&0===r.length)return;function s(t){return t.getId()}function c(s,c){!function(i,r){u||!i||i.getValue()||(i=null);if(i!==a&&r!==a)if(r&&r.piece)i?(r.piece.updateData(!1,i,t,e,n),o.setItemGraphicEl(i.dataIndex,r.piece)):function(t){if(!t)return;t.piece&&(l.remove(t.piece),t.piece=null)}(r);else if(i){var s=new kz(i,t,e,n);l.add(s),o.setItemGraphicEl(i.dataIndex,s)}}(null==s?null:i[s],null==c?null:r[c])}new f_(r,i,s,s).add(c).update(c).remove(H(c,null)).execute()}(c,h),function(i,o){o.depth>0?(r.virtualPiece?r.virtualPiece.updateData(!1,i,t,e,n):(r.virtualPiece=new kz(i,t,e,n),l.add(r.virtualPiece)),o.piece.off("click"),r.virtualPiece.on("click",(function(t){r._rootToNode(o.parentNode)}))):r.virtualPiece&&(l.remove(r.virtualPiece),r.virtualPiece=null)}(a,s),this._initEvents(),this._oldChildren=c},e.prototype._initEvents=function(){var t=this;this.group.off("click"),this.group.on("click",(function(e){var n=!1;t.seriesModel.getViewRoot().eachNode((function(i){if(!n&&i.piece&&i.piece===e.target){var r=i.getModel().get("nodeClick");if("rootToNode"===r)t._rootToNode(i);else if("link"===r){var o=i.getModel(),a=o.get("link");if(a)Sp(a,o.get("target",!0)||"_blank")}n=!0}}))}))},e.prototype._rootToNode=function(t){t!==this.seriesModel.getViewRoot()&&this.api.dispatchAction({type:Lz,from:this.uid,seriesId:this.seriesModel.id,targetNode:t})},e.prototype.containPoint=function(t,e){var n=e.getData().getItemLayout(0);if(n){var i=t[0]-n.cx,r=t[1]-n.cy,o=Math.sqrt(i*i+r*r);return o<=n.r&&o>=n.r0}},e.type="sunburst",e}(tv),Rz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.ignoreStyleOnData=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){var n={name:t.name,children:t.data};Nz(n);var i=this._levelModels=E(t.levels||[],(function(t){return new wd(t,this,e)}),this),r=Ek.createTree(n,this,(function(t){t.wrapMethod("getItemModel",(function(t,e){var n=r.getNodeByDataIndex(e),o=i[n.depth];return o&&(t.parentModel=o),t}))}));return r.data},e.prototype.optionUpdated=function(){this.resetViewRoot()},e.prototype.getDataParams=function(e){var n=t.prototype.getDataParams.apply(this,arguments),i=this.getData().tree.getNodeByDataIndex(e);return n.treePathInfo=Fk(i,this),n},e.prototype.getLevelModel=function(t){return this._levelModels&&this._levelModels[t.depth]},e.prototype.getViewRoot=function(){return this._viewRoot},e.prototype.resetViewRoot=function(t){t?this._viewRoot=t:t=this._viewRoot;var e=this.getRawData().tree.root;t&&(t===e||e.contains(t))||(this._viewRoot=e)},e.prototype.enableAriaDecal=function(){Zk(this)},e.type="series.sunburst",e.defaultOption={z:2,center:["50%","50%"],radius:[0,"75%"],clockwise:!0,startAngle:90,minAngle:0,stillShowZeroSum:!0,nodeClick:"rootToNode",renderLabelForZeroData:!1,label:{rotate:"radial",show:!0,opacity:1,align:"center",position:"inside",distance:5,silent:!0},itemStyle:{borderWidth:1,borderColor:"white",borderType:"solid",shadowBlur:0,shadowColor:"rgba(0, 0, 0, 0.2)",shadowOffsetX:0,shadowOffsetY:0,opacity:1},emphasis:{focus:"descendant"},blur:{itemStyle:{opacity:.2},label:{opacity:.1}},animationType:"expansion",animationDuration:1e3,animationDurationUpdate:500,data:[],sort:"desc"},e}(Wy);function Nz(t){var e=0;z(t.children,(function(t){Nz(t);var n=t.value;U(n)&&(n=n[0]),e+=n}));var n=t.value;U(n)&&(n=n[0]),(null==n||isNaN(n))&&(n=e),n<0&&(n=0),U(t.value)?t.value[0]=n:t.value=n}var zz=Math.PI/180;function Ez(t,e,n){e.eachSeriesByType(t,(function(t){var e=t.get("center"),i=t.get("radius");U(i)||(i=[0,i]),U(e)||(e=[e,e]);var r=n.getWidth(),o=n.getHeight(),a=Math.min(r,o),s=yo(e[0],r),l=yo(e[1],o),u=yo(i[0],a/2),c=yo(i[1],a/2),h=-t.get("startAngle")*zz,d=t.get("minAngle")*zz,p=t.getData().tree.root,f=t.getViewRoot(),g=f.depth,y=t.get("sort");null!=y&&Bz(f,y);var v=0;z(f.children,(function(t){!isNaN(t.getValue())&&v++}));var m=f.getValue(),x=Math.PI/(m||v)*2,_=f.depth>0,b=f.height-(_?-1:1),w=(c-u)/(b||1),S=t.get("clockwise"),M=t.get("stillShowZeroSum"),I=S?1:-1,T=function(e,n){if(e){var i=n;if(e!==p){var r=e.getValue(),o=0===m&&M?x:r*x;o<d&&(o=d),i=n+I*o;var c=e.depth-g-(_?-1:1),h=u+w*c,f=u+w*(c+1),y=t.getLevelModel(e);if(y){var v=y.get("r0",!0),b=y.get("r",!0),C=y.get("radius",!0);null!=C&&(v=C[0],b=C[1]),null!=v&&(h=yo(v,a/2)),null!=b&&(f=yo(b,a/2))}e.setLayout({angle:o,startAngle:n,endAngle:i,clockwise:S,cx:s,cy:l,r0:h,r:f})}if(e.children&&e.children.length){var D=0;z(e.children,(function(t){D+=T(t,n+D)}))}return i-n}};if(_){var C=u,D=u+w,A=2*Math.PI;p.setLayout({angle:A,startAngle:h,endAngle:h+A,clockwise:S,cx:s,cy:l,r0:C,r:D})}T(f,h)}))}function Bz(t,e){var n=t.children||[];t.children=function(t,e){if(Y(e)){var n=E(t,(function(t,e){var n=t.getValue();return{params:{depth:t.depth,height:t.height,dataIndex:t.dataIndex,getValue:function(){return n}},index:e}}));return n.sort((function(t,n){return e(t.params,n.params)})),E(n,(function(e){return t[e.index]}))}var i="asc"===e;return t.sort((function(t,e){var n=(t.getValue()-e.getValue())*(i?1:-1);return 0===n?(t.dataIndex-e.dataIndex)*(i?-1:1):n}))}(n,e),n.length&&z(t.children,(function(t){Bz(t,e)}))}function Vz(t){var e={};t.eachSeriesByType("sunburst",(function(t){var n=t.getData(),i=n.tree;i.eachNode((function(r){var o=r.getModel().getModel("itemStyle").getItemStyle();o.fill||(o.fill=function(t,n,i){if(0===t.depth)return tf.color.neutral50;for(var r=t;r&&r.depth>1;)r=r.parentNode;var o=n.getColorFromPalette(r.name||r.dataIndex+"",e);return t.depth>1&&X(o)&&(o=si(o,(t.depth-1)/(i-1)*.5)),o}(r,t,i.root.height)),A(n.ensureUniqueItemVisual(r.dataIndex,"style"),o)}))}))}var Gz={color:"fill",borderColor:"stroke"},Fz={symbol:1,symbolSize:1,symbolKeepAspect:1,legendIcon:1,visualMeta:1,liftZ:1,decal:1},Wz=sa(),Hz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){this.currentZLevel=this.get("zlevel",!0),this.currentZ=this.get("z",!0)},e.prototype.getInitialData=function(t,e){return Z_(null,this)},e.prototype.getDataParams=function(e,n,i){var r=t.prototype.getDataParams.call(this,e,n);return i&&(r.info=Wz(i).info),r},e.type="series.custom",e.dependencies=["grid","polar","geo","singleAxis","calendar","matrix"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,legendHoverLink:!0,clip:!1},e}(Wy);function Uz(t,e){return e=e||[0,0],E(["x","y"],(function(n,i){var r=this.getAxis(n),o=e[i],a=t[i]/2;return"category"===r.type?r.getBandWidth():Math.abs(r.dataToCoord(o-a)-r.dataToCoord(o+a))}),this)}function Yz(t,e){return e=e||[0,0],E([0,1],(function(n){var i=e[n],r=t[n]/2,o=[],a=[];return o[n]=i-r,a[n]=i+r,o[1-n]=a[1-n]=e[1-n],Math.abs(this.dataToPoint(o)[n]-this.dataToPoint(a)[n])}),this)}function Xz(t,e){var n=this.getAxis(),i=e instanceof Array?e[0]:e,r=(t instanceof Array?t[0]:t)/2;return"category"===n.type?n.getBandWidth():Math.abs(n.dataToCoord(i-r)-n.dataToCoord(i+r))}function Zz(t,e){return e=e||[0,0],E(["Radius","Angle"],(function(n,i){var r=this["get"+n+"Axis"](),o=e[i],a=t[i]/2,s="category"===r.type?r.getBandWidth():Math.abs(r.dataToCoord(o-a)-r.dataToCoord(o+a));return"Angle"===n&&(s=s*Math.PI/180),s}),this)}function jz(t,e,n,i){return t&&(t.legacy||!1!==t.legacy&&!n&&!i&&"tspan"!==e&&("text"===e||_t(t,"text")))}function qz(t,e,n){var i,r,o,a=t;if("text"===e)o=a;else{o={},_t(a,"text")&&(o.text=a.text),_t(a,"rich")&&(o.rich=a.rich),_t(a,"textFill")&&(o.fill=a.textFill),_t(a,"textStroke")&&(o.stroke=a.textStroke),_t(a,"fontFamily")&&(o.fontFamily=a.fontFamily),_t(a,"fontSize")&&(o.fontSize=a.fontSize),_t(a,"fontStyle")&&(o.fontStyle=a.fontStyle),_t(a,"fontWeight")&&(o.fontWeight=a.fontWeight),r={type:"text",style:o,silent:!0},i={};var s=_t(a,"textPosition");n?i.position=s?a.textPosition:"inside":s&&(i.position=a.textPosition),_t(a,"textPosition")&&(i.position=a.textPosition),_t(a,"textOffset")&&(i.offset=a.textOffset),_t(a,"textRotation")&&(i.rotation=a.textRotation),_t(a,"textDistance")&&(i.distance=a.textDistance)}return Kz(o,t),z(o.rich,(function(t){Kz(t,t)})),{textConfig:i,textContent:r}}function Kz(t,e){e&&(e.font=e.textFont||e.font,_t(e,"textStrokeWidth")&&(t.lineWidth=e.textStrokeWidth),_t(e,"textAlign")&&(t.align=e.textAlign),_t(e,"textVerticalAlign")&&(t.verticalAlign=e.textVerticalAlign),_t(e,"textLineHeight")&&(t.lineHeight=e.textLineHeight),_t(e,"textWidth")&&(t.width=e.textWidth),_t(e,"textHeight")&&(t.height=e.textHeight),_t(e,"textBackgroundColor")&&(t.backgroundColor=e.textBackgroundColor),_t(e,"textPadding")&&(t.padding=e.textPadding),_t(e,"textBorderColor")&&(t.borderColor=e.textBorderColor),_t(e,"textBorderWidth")&&(t.borderWidth=e.textBorderWidth),_t(e,"textBorderRadius")&&(t.borderRadius=e.textBorderRadius),_t(e,"textBoxShadowColor")&&(t.shadowColor=e.textBoxShadowColor),_t(e,"textBoxShadowBlur")&&(t.shadowBlur=e.textBoxShadowBlur),_t(e,"textBoxShadowOffsetX")&&(t.shadowOffsetX=e.textBoxShadowOffsetX),_t(e,"textBoxShadowOffsetY")&&(t.shadowOffsetY=e.textBoxShadowOffsetY))}function $z(t,e,n){var i=t;i.textPosition=i.textPosition||n.position||"inside",null!=n.offset&&(i.textOffset=n.offset),null!=n.rotation&&(i.textRotation=n.rotation),null!=n.distance&&(i.textDistance=n.distance);var r=i.textPosition.indexOf("inside")>=0,o=t.fill||tf.color.neutral99;Jz(i,e);var a=null==i.textFill;return r?a&&(i.textFill=n.insideFill||tf.color.neutral00,!i.textStroke&&n.insideStroke&&(i.textStroke=n.insideStroke),!i.textStroke&&(i.textStroke=o),null==i.textStrokeWidth&&(i.textStrokeWidth=2)):(a&&(i.textFill=t.fill||n.outsideFill||tf.color.neutral00),!i.textStroke&&n.outsideStroke&&(i.textStroke=n.outsideStroke)),i.text=e.text,i.rich=e.rich,z(e.rich,(function(t){Jz(t,t)})),i}function Jz(t,e){e&&(_t(e,"fill")&&(t.textFill=e.fill),_t(e,"stroke")&&(t.textStroke=e.fill),_t(e,"lineWidth")&&(t.textStrokeWidth=e.lineWidth),_t(e,"font")&&(t.font=e.font),_t(e,"fontStyle")&&(t.fontStyle=e.fontStyle),_t(e,"fontWeight")&&(t.fontWeight=e.fontWeight),_t(e,"fontSize")&&(t.fontSize=e.fontSize),_t(e,"fontFamily")&&(t.fontFamily=e.fontFamily),_t(e,"align")&&(t.textAlign=e.align),_t(e,"verticalAlign")&&(t.textVerticalAlign=e.verticalAlign),_t(e,"lineHeight")&&(t.textLineHeight=e.lineHeight),_t(e,"width")&&(t.textWidth=e.width),_t(e,"height")&&(t.textHeight=e.height),_t(e,"backgroundColor")&&(t.textBackgroundColor=e.backgroundColor),_t(e,"padding")&&(t.textPadding=e.padding),_t(e,"borderColor")&&(t.textBorderColor=e.borderColor),_t(e,"borderWidth")&&(t.textBorderWidth=e.borderWidth),_t(e,"borderRadius")&&(t.textBorderRadius=e.borderRadius),_t(e,"shadowColor")&&(t.textBoxShadowColor=e.shadowColor),_t(e,"shadowBlur")&&(t.textBoxShadowBlur=e.shadowBlur),_t(e,"shadowOffsetX")&&(t.textBoxShadowOffsetX=e.shadowOffsetX),_t(e,"shadowOffsetY")&&(t.textBoxShadowOffsetY=e.shadowOffsetY),_t(e,"textShadowColor")&&(t.textShadowColor=e.textShadowColor),_t(e,"textShadowBlur")&&(t.textShadowBlur=e.textShadowBlur),_t(e,"textShadowOffsetX")&&(t.textShadowOffsetX=e.textShadowOffsetX),_t(e,"textShadowOffsetY")&&(t.textShadowOffsetY=e.textShadowOffsetY))}var Qz={position:["x","y"],scale:["scaleX","scaleY"],origin:["originX","originY"]},tE=F(Qz),eE=(B(Ar,(function(t,e){return t[e]=1,t}),{}),Ar.join(", "),["","style","shape","extra"]),nE=sa();function iE(t,e,n,i,r){var o=t+"Animation",a=Jc(t,i,r)||{},s=nE(e).userDuring;return a.duration>0&&(a.during=s?W(cE,{el:e,userDuring:s}):null,a.setToFinal=!0,a.scope=t),A(a,n[o]),a}function rE(t,e,n,i){var r=(i=i||{}).dataIndex,o=i.isInit,a=i.clearStyle,s=n.isAnimationEnabled(),l=nE(t),u=e.style;l.userDuring=e.during;var c={},h={};if(function(t,e,n){for(var i=0;i<tE.length;i++){var r=tE[i],o=Qz[r],a=e[r];a&&(n[o[0]]=a[0],n[o[1]]=a[1])}for(i=0;i<Ar.length;i++){var s=Ar[i];null!=e[s]&&(n[s]=e[s])}}(0,e,h),"compound"===t.type)for(var d=t.shape.paths,p=e.shape.paths,f=0;f<p.length;f++){dE("shape",p[f],d[f])}else dE("shape",e,h),dE("extra",e,h);if(!o&&s&&(function(t,e,n){for(var i=e.transition,r=sE(i)?Ar:qo(i||[]),o=0;o<r.length;o++){var a=r[o];if("style"!==a&&"shape"!==a&&"extra"!==a){var s=t[a];0,n[a]=s}}}(t,e,c),hE("shape",t,e,c),hE("extra",t,e,c),function(t,e,n,i){if(!n)return;var r,o=t.style;if(o){var a=n.transition,s=e.transition;if(a&&!sE(a)){var l=qo(a);!r&&(r=i.style={});for(var u=0;u<l.length;u++){var c=o[f=l[u]];r[f]=c}}else if(t.getAnimationStyleProps&&(sE(s)||sE(a)||P(s,"style")>=0)){var h=t.getAnimationStyleProps(),d=h?h.style:null;if(d){!r&&(r=i.style={});var p=F(n);for(u=0;u<p.length;u++){var f;if(d[f=p[u]]){c=o[f];r[f]=c}}}}}}(t,e,u,c)),h.style=u,function(t,e,n){var i=e.style;if(!t.isGroup&&i){if(n){t.useStyle({});for(var r=t.animators,o=0;o<r.length;o++){var a=r[o];"style"===a.targetName&&a.changeTarget(t.style)}}t.setStyle(i)}e&&(e.style=null,e&&t.attr(e),e.style=i)}(t,h,a),function(t,e){_t(e,"silent")&&(t.silent=e.silent),_t(e,"ignore")&&(t.ignore=e.ignore),t instanceof os&&_t(e,"invisible")&&(t.invisible=e.invisible);t instanceof sl&&_t(e,"autoBatch")&&(t.autoBatch=e.autoBatch)}(t,e),s)if(o){var g={};z(eE,(function(t){var n=t?e[t]:e;n&&n.enterFrom&&(t&&(g[t]=g[t]||{}),A(t?g[t]:g,n.enterFrom))}));var y=iE("enter",t,e,n,r);y.duration>0&&t.animateFrom(g,y)}else!function(t,e,n,i,r){if(r){var o=iE("update",t,e,i,n);o.duration>0&&t.animateFrom(r,o)}}(t,e,r||0,n,c);oE(t,e),u?t.dirty():t.markRedraw()}function oE(t,e){for(var n=nE(t).leaveToProps,i=0;i<eE.length;i++){var r=eE[i],o=r?e[r]:e;o&&o.leaveTo&&(n||(n=nE(t).leaveToProps={}),r&&(n[r]=n[r]||{}),A(r?n[r]:n,o.leaveTo))}}function aE(t,e,n,i){if(t){var r=t.parent,o=nE(t).leaveToProps;if(o){var a=iE("update",t,e,n,0);a.done=function(){r&&r.remove(t),i&&i()},t.animateTo(o,a)}else r&&r.remove(t),i&&i()}}function sE(t){return"all"===t}var lE={},uE={setTransform:function(t,e){return lE.el[t]=e,this},getTransform:function(t){return lE.el[t]},setShape:function(t,e){var n=lE.el;return(n.shape||(n.shape={}))[t]=e,n.dirtyShape&&n.dirtyShape(),this},getShape:function(t){var e=lE.el.shape;if(e)return e[t]},setStyle:function(t,e){var n=lE.el,i=n.style;return i&&(i[t]=e,n.dirtyStyle&&n.dirtyStyle()),this},getStyle:function(t){var e=lE.el.style;if(e)return e[t]},setExtra:function(t,e){return(lE.el.extra||(lE.el.extra={}))[t]=e,this},getExtra:function(t){var e=lE.el.extra;if(e)return e[t]}};function cE(){var t=this,e=t.el;if(e){var n=nE(e).userDuring,i=t.userDuring;n===i?(lE.el=e,i(uE)):t.el=t.userDuring=null}}function hE(t,e,n,i){var r=n[t];if(r){var o,a=e[t];if(a){var s=n.transition,l=r.transition;if(l)if(!o&&(o=i[t]={}),sE(l))A(o,a);else for(var u=qo(l),c=0;c<u.length;c++){var h=a[p=u[c]];o[p]=h}else if(sE(s)||P(s,t)>=0){!o&&(o=i[t]={});var d=F(a);for(c=0;c<d.length;c++){var p;h=a[p=d[c]];pE(r[p],h)&&(o[p]=h)}}}}}function dE(t,e,n){var i=e[t];if(i)for(var r=n[t]={},o=F(i),a=0;a<o.length;a++){var s=o[a];r[s]=Wi(i[s])}}function pE(t,e){return N(t)?t!==e:null!=t&&isFinite(t)}var fE=sa(),gE=["percent","easing","shape","style","extra"];function yE(t){t.stopAnimation("keyframe"),t.attr(fE(t))}function vE(t,e,n){if(n.isAnimationEnabled()&&e)if(U(e))z(e,(function(e){vE(t,e,n)}));else{var i=e.keyframes,r=e.duration;if(n&&null==r){var o=Jc("enter",n,0);r=o&&o.duration}if(i&&r){var a=fE(t);z(eE,(function(n){if(!n||t[n]){var o;i.sort((function(t,e){return t.percent-e.percent})),z(i,(function(i){var s=t.animators,l=n?i[n]:i;if(l){var u=F(l);if(n||(u=V(u,(function(t){return P(gE,t)<0}))),u.length){o||((o=t.animate(n,e.loop,!0)).scope="keyframe");for(var c=0;c<s.length;c++)s[c]!==o&&s[c].targetName===o.targetName&&s[c].stopTracks(u);n&&(a[n]=a[n]||{});var h=n?a[n]:a;z(u,(function(e){h[e]=((n?t[n]:t)||{})[e]})),o.whenWithKeys(r*i.percent,l,u,i.easing)}}})),o&&o.delay(e.delay||0).duration(r).start(e.easing)}}))}}}var mE="emphasis",xE="normal",_E="blur",bE="select",wE=[xE,mE,_E,bE],SE={normal:["itemStyle"],emphasis:[mE,"itemStyle"],blur:[_E,"itemStyle"],select:[bE,"itemStyle"]},ME={normal:["label"],emphasis:[mE,"label"],blur:[_E,"label"],select:[bE,"label"]},IE=["x","y"],TE={normal:{},emphasis:{},blur:{},select:{}},CE={cartesian2d:function(t){var e=t.master.getRect();return{coordSys:{type:"cartesian2d",x:e.x,y:e.y,width:e.width,height:e.height},api:{coord:function(e){return t.dataToPoint(e)},size:W(Uz,t)}}},geo:function(t){var e=t.getBoundingRect();return{coordSys:{type:"geo",x:e.x,y:e.y,width:e.width,height:e.height,zoom:t.getZoom()},api:{coord:function(e){return t.dataToPoint(e)},size:W(Yz,t)}}},single:function(t){var e=t.getRect();return{coordSys:{type:"singleAxis",x:e.x,y:e.y,width:e.width,height:e.height},api:{coord:function(e){return t.dataToPoint(e)},size:W(Xz,t)}}},polar:function(t){var e=t.getRadiusAxis(),n=t.getAngleAxis(),i=e.getExtent();return i[0]>i[1]&&i.reverse(),{coordSys:{type:"polar",cx:t.cx,cy:t.cy,r:i[1],r0:i[0]},api:{coord:function(i){var r=e.dataToRadius(i[0]),o=n.dataToAngle(i[1]),a=t.coordToPoint([r,o]);return a.push(r,o*Math.PI/180),a},size:W(Zz,t)}}},calendar:function(t){var e=t.getRect(),n=t.getRangeInfo();return{coordSys:{type:"calendar",x:e.x,y:e.y,width:e.width,height:e.height,cellWidth:t.getCellWidth(),cellHeight:t.getCellHeight(),rangeInfo:{start:n.start,end:n.end,weeks:n.weeks,dayCount:n.allDay}},api:{coord:function(e,n){return t.dataToPoint(e,n)},layout:function(e,n){return t.dataToLayout(e,n)}}}},matrix:function(t){var e=t.getRect();return{coordSys:{type:"matrix",x:e.x,y:e.y,width:e.width,height:e.height},api:{coord:function(e,n){return t.dataToPoint(e,n)},layout:function(e,n){return t.dataToLayout(e,n)}}}}};function DE(t){return t instanceof sl}function AE(t){return t instanceof os}var kE=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){this._progressiveEls=null;var r=this._data,o=t.getData(),a=this.group,s=NE(t,o,e,n);r||a.removeAll(),o.diff(r).add((function(e){EE(n,null,e,s(e,i),t,a,o)})).remove((function(e){var n=r.getItemGraphicEl(e);n&&aE(n,Wz(n).option,t)})).update((function(e,l){var u=r.getItemGraphicEl(l);EE(n,u,e,s(e,i),t,a,o)})).execute();var l=t.get("clip",!0)?wI(t.coordinateSystem,!1,t):null;l?a.setClipPath(l):a.removeClipPath(),this._data=o},e.prototype.incrementalPrepareRender=function(t,e,n){this.group.removeAll(),this._data=null},e.prototype.incrementalRender=function(t,e,n,i,r){var o=e.getData(),a=NE(e,o,n,i),s=this._progressiveEls=[];function l(t){t.isGroup||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}for(var u=t.start;u<t.end;u++){var c=EE(null,null,u,a(u,r),e,this.group,o);c&&(c.traverse(l),s.push(c))}},e.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},e.prototype.filterForExposedEvent=function(t,e,n,i){var r=e.element;if(null==r||n.name===r)return!0;for(;(n=n.__hostTarget||n.parent)&&n!==this.group;)if(n.name===r)return!0;return!1},e.type="custom",e}(tv);function LE(t){var e,n=t.type;if("path"===n){var i=null!=(o=t.shape).width&&null!=o.height?{x:o.x||0,y:o.y||0,width:o.width,height:o.height}:null,r=ZE(o);e=gh(r,null,i,o.layout||"center"),Wz(e).customPathData=r}else if("image"===n)e=new dl({}),Wz(e).customImagePath=t.style.image;else if("text"===n)e=new Sl({});else if("group"===n)e=new to;else if("compoundPath"===n){var o;if(!(o=t.shape)||!o.paths)0,Yo("");var a=E(o.paths,(function(t){if("path"===t.type)return gh(t.shape.pathData,t,null);var e=fh(t.type);if(!e){var n="";0,Yo(n)}return new e}));e=new zc({shape:{paths:a}})}else{var s=fh(n);if(!s)0,Yo("");e=new s}return Wz(e).customGraphicType=n,e.name=t.name,e.z2EmphasisLift=1,e.z2SelectLift=1,e}function PE(t,e,n,i,r,o,a){yE(e);var s=r&&r.normal.cfg;s&&e.setTextConfig(s),i&&null==i.transition&&(i.transition=IE);var l=i&&i.style;if(l){if("text"===e.type){var u=l;_t(u,"textFill")&&(u.fill=u.textFill),_t(u,"textStroke")&&(u.stroke=u.textStroke)}var c=void 0,h=DE(e)?l.decal:null;t&&h&&(h.dirty=!0,c=Bm(h,t)),l.__decalPattern=c}AE(e)&&(l&&(c=l.__decalPattern)&&(l.decal=c));rE(e,i,o,{dataIndex:n,isInit:a,clearStyle:!0}),vE(e,i.keyframeAnimation,o)}function OE(t,e,n,i,r){var o=e.isGroup?null:e,a=r&&r[t].cfg;if(o){var s=o.ensureState(t);if(!1===i){var l=o.getState(t);l&&(l.style=null)}else s.style=i||null;a&&(s.textConfig=a),uu(o)}}function RE(t,e,n){var i=n===xE,r=i?e:FE(e,n),o=r?r.z2:null;null!=o&&((i?t:t.ensureState(n)).z2=o||0)}function NE(t,e,n,i){var r=t.get("renderItem");if("string"==typeof r){var o=Ym[r];o&&(r=o)}var a=t.coordinateSystem,s={};a&&(s=a.prepareCustoms?a.prepareCustoms(a):CE[a.type](a));for(var l,u,c=k({getWidth:i.getWidth,getHeight:i.getHeight,getZr:i.getZr,getDevicePixelRatio:i.getDevicePixelRatio,value:function(t,n){return null==n&&(n=l),e.getStore().get(e.getDimensionIndex(t||0),n)},style:function(n,i){0;null==i&&(i=l);var r=e.getItemVisual(i,"style"),o=r&&r.fill,a=r&&r.opacity,s=x(i,xE).getItemStyle();null!=o&&(s.fill=o),null!=a&&(s.opacity=a);var u={inheritColor:X(o)?o:tf.color.neutral99},c=_(i,xE),h=Qh(c,null,u,!1,!0);h.text=c.getShallow("show")?rt(t.getFormattedLabel(i,xE),nI(e,i)):null;var d=td(c,u,!1);return w(n,s),s=$z(s,h,d),n&&b(s,n),s.legacy=!0,s},ordinalRawValue:function(t,n){null==n&&(n=l),t=t||0;var i=e.getDimensionInfo(t);if(!i){var r=e.getDimensionIndex(t);return r>=0?e.getStore().get(r,n):void 0}var o=e.get(i.name,n),a=i&&i.ordinalMeta;return a?a.categories[o]:o},styleEmphasis:function(n,i){0;null==i&&(i=l);var r=x(i,mE).getItemStyle(),o=_(i,mE),a=Qh(o,null,null,!0,!0);a.text=o.getShallow("show")?ot(t.getFormattedLabel(i,mE),t.getFormattedLabel(i,xE),nI(e,i)):null;var s=td(o,null,!0);return w(n,r),r=$z(r,a,s),n&&b(r,n),r.legacy=!0,r},visual:function(t,n){if(null==n&&(n=l),_t(Gz,t)){var i=e.getItemVisual(n,"style");return i?i[Gz[t]]:null}if(_t(Fz,t))return e.getItemVisual(n,t)},barLayout:function(t){if("cartesian2d"===a.type){return function(t){var e=[],n=t.axis,i="axis0";if("category"===n.type){for(var r=n.getBandWidth(),o=0;o<t.count;o++)e.push(k({bandWidth:r,axisKey:i,stackId:fb+o},t));var a=xb(e),s=[];for(o=0;o<t.count;o++){var l=a[i][fb+o];l.offsetCenter=l.offset+l.width/2,s.push(l)}return s}}(k({axis:a.getBaseAxis()},t))}},currentSeriesIndices:function(){return n.getCurrentSeriesIndices()},font:function(t){return od(t,n)}},s.api||{}),h={context:{},seriesId:t.id,seriesName:t.name,seriesIndex:t.seriesIndex,coordSys:s.coordSys,dataInsideLength:e.count(),encode:zE(t.getData()),itemPayload:t.get("itemPayload")||{}},d={},p={},f={},g={},y=0;y<wE.length;y++){var v=wE[y];f[v]=t.getModel(SE[v]),g[v]=t.getModel(ME[v])}function m(t){return t===l?u||(u=e.getItemModel(t)):e.getItemModel(t)}function x(t,n){return e.hasItemOption?t===l?d[n]||(d[n]=m(t).getModel(SE[n])):m(t).getModel(SE[n]):f[n]}function _(t,n){return e.hasItemOption?t===l?p[n]||(p[n]=m(t).getModel(ME[n])):m(t).getModel(ME[n]):g[n]}return function(t,n){return l=t,u=null,d={},p={},r&&r(k({dataIndexInside:t,dataIndex:e.getRawIndex(t),actionType:n?n.type:null},h),c)};function b(t,e){for(var n in e)_t(e,n)&&(t[n]=e[n])}function w(t,e){t&&(t.textFill&&(e.textFill=t.textFill),t.textPosition&&(e.textPosition=t.textPosition))}}function zE(t){var e={};return z(t.dimensions,(function(n){var i=t.getDimensionInfo(n);if(!i.isExtraCoord){var r=i.coordDim;(e[r]=e[r]||[])[i.coordDimIndex]=t.getDimensionIndex(n)}})),e}function EE(t,e,n,i,r,o,a){if(i){var s=BE(t,e,n,i,r,o);return s&&a.setItemGraphicEl(n,s),s&&Tu(s,i.focus,i.blurScope,i.emphasisDisabled),s}o.remove(e)}function BE(t,e,n,i,r,o){var a=-1,s=e;e&&VE(e,i,r)&&(a=P(o.childrenRef(),e),e=null);var l,u,c=!e,h=e;h?h.clearStates():(h=LE(i),s&&(l=s,(u=h).copyTransform(l),AE(u)&&AE(l)&&(u.setStyle(l.style),u.z=l.z,u.z2=l.z2,u.zlevel=l.zlevel,u.invisible=l.invisible,u.ignore=l.ignore,DE(u)&&DE(l)&&u.setShape(l.shape)))),!1===i.morph?h.disableMorphing=!0:h.disableMorphing&&(h.disableMorphing=!1),i.tooltipDisabled&&(h.tooltipDisabled=!0),TE.normal.cfg=TE.normal.conOpt=TE.emphasis.cfg=TE.emphasis.conOpt=TE.blur.cfg=TE.blur.conOpt=TE.select.cfg=TE.select.conOpt=null,TE.isLegacy=!1,function(t,e,n,i,r,o){if(t.isGroup||"compoundPath"===t.type)return;GE(n,null,o),GE(n,mE,o);var a=o.normal.conOpt,s=o.emphasis.conOpt,l=o.blur.conOpt,u=o.select.conOpt;if(null!=a||null!=s||null!=u||null!=l){var c=t.getTextContent();if(!1===a)c&&t.removeTextContent();else{a=o.normal.conOpt=a||{type:"text"},c?c.clearStates():(c=LE(a),t.setTextContent(c)),PE(null,c,e,a,null,i,r);for(var h=a&&a.style,d=0;d<wE.length;d++){var p=wE[d];if(p!==xE){var f=o[p].conOpt;OE(p,c,0,WE(a,f,p),null)}}h?c.dirty():c.markRedraw()}}}(h,n,i,r,c,TE),function(t,e,n,i,r){var o=n.clipPath;if(!1===o)t&&t.getClipPath()&&t.removeClipPath();else if(o){var a=t.getClipPath();a&&VE(a,o,i)&&(a=null),a||(a=LE(o),t.setClipPath(a)),PE(null,a,e,o,null,i,r)}}(h,n,i,r,c),PE(t,h,n,i,TE,r,c),_t(i,"info")&&(Wz(h).info=i.info);for(var d=0;d<wE.length;d++){var p=wE[d];if(p!==xE){var f=FE(i,p);OE(p,h,0,WE(i,f,p),TE)}}return function(t,e,n){if(!t.isGroup){var i=t,r=n.currentZ,o=n.currentZLevel;i.z=r,i.zlevel=o;var a=e.z2;null!=a&&(i.z2=a||0);for(var s=0;s<wE.length;s++)RE(i,e,wE[s])}}(h,i,r),"group"===i.type&&function(t,e,n,i,r){var o=i.children,a=o?o.length:0,s=i.$mergeChildren,l="byName"===s||i.diffChildrenByName,u=!1===s;if(!a&&!l&&!u)return;if(l)return c={api:t,oldChildren:e.children()||[],newChildren:o||[],dataIndex:n,seriesModel:r,group:e},void new f_(c.oldChildren,c.newChildren,UE,UE,c).add(YE).update(YE).remove(XE).execute();var c;u&&e.removeAll();for(var h=0;h<a;h++){var d=o[h],p=e.childAt(h);d?(null==d.ignore&&(d.ignore=!1),BE(t,p,n,d,r,e)):p.ignore=!0}for(var f=e.childCount()-1;f>=h;f--){var g=e.childAt(f);HE(e,g,r)}}(t,h,n,i,r),a>=0?o.replaceAt(h,a):o.add(h),h}function VE(t,e,n){var i,r=Wz(t),o=e.type,a=e.shape,s=e.style;return n.isUniversalTransitionEnabled()||null!=o&&o!==r.customGraphicType||"path"===o&&((i=a)&&(_t(i,"pathData")||_t(i,"d")))&&ZE(a)!==r.customPathData||"image"===o&&_t(s,"image")&&s.image!==r.customImagePath}function GE(t,e,n){var i=e?FE(t,e):t,r=e?WE(t,i,mE):t.style,o=t.type,a=i?i.textConfig:null,s=t.textContent,l=s?e?FE(s,e):s:null;if(r&&(n.isLegacy||jz(r,o,!!a,!!l))){n.isLegacy=!0;var u=qz(r,o,!e);!a&&u.textConfig&&(a=u.textConfig),!l&&u.textContent&&(l=u.textContent)}if(!e&&l){var c=l;!c.type&&(c.type="text")}var h=e?n[e]:n.normal;h.cfg=a,h.conOpt=l}function FE(t,e){return e?t?t[e]:null:t}function WE(t,e,n){var i=e&&e.style;return null==i&&n===mE&&t&&(i=t.styleEmphasis),i}function HE(t,e,n){e&&aE(e,Wz(t).option,n)}function UE(t,e){var n=t&&t.name;return null!=n?n:"e\0\0"+e}function YE(t,e){var n=this.context,i=null!=t?n.newChildren[t]:null,r=null!=e?n.oldChildren[e]:null;BE(n.api,r,n.dataIndex,i,n.seriesModel,n.group)}function XE(t){var e=this.context,n=e.oldChildren[t];n&&aE(n,Wz(n).option,e.seriesModel)}function ZE(t){return t&&(t.pathData||t.d)}var jE=sa(),qE=T,KE=W,$E=function(){function t(){this._dragging=!1,this.animationThreshold=15}return t.prototype.render=function(t,e,n,i){var r=e.get("value"),o=e.get("status");if(this._axisModel=t,this._axisPointerModel=e,this._api=n,i||this._lastValue!==r||this._lastStatus!==o){this._lastValue=r,this._lastStatus=o;var a=this._group,s=this._handle;if(!o||"hide"===o)return a&&a.hide(),void(s&&s.hide());a&&a.show(),s&&s.show();var l={};this.makeElOption(l,r,t,e,n);var u=l.graphicKey;u!==this._lastGraphicKey&&this.clear(n),this._lastGraphicKey=u;var c=this._moveAnimation=this.determineAnimation(t,e);if(a){var h=H(JE,e,c);this.updatePointerEl(a,l,h),this.updateLabelEl(a,l,h,e)}else a=this._group=new to,this.createPointerEl(a,l,t,e),this.createLabelEl(a,l,t,e),n.getZr().add(a);nB(a,e,!0),this._renderHandle(r)}},t.prototype.remove=function(t){this.clear(t)},t.prototype.dispose=function(t){this.clear(t)},t.prototype.determineAnimation=function(t,e){var n=e.get("animation"),i=t.axis,r="category"===i.type,o=e.get("snap");if(!o&&!r)return!1;if("auto"===n||null==n){var a=this.animationThreshold;if(r&&i.getBandWidth()>a)return!0;if(o){var s=ZC(t).seriesDataCount,l=i.getExtent();return Math.abs(l[0]-l[1])/s>a}return!1}return!0===n},t.prototype.makeElOption=function(t,e,n,i,r){},t.prototype.createPointerEl=function(t,e,n,i){var r=e.pointer;if(r){var o=jE(t).pointerEl=new Zh[r.type](qE(e.pointer));t.add(o)}},t.prototype.createLabelEl=function(t,e,n,i){if(e.label){var r=jE(t).labelEl=new Sl(qE(e.label));t.add(r),tB(r,i)}},t.prototype.updatePointerEl=function(t,e,n){var i=jE(t).pointerEl;i&&e.pointer&&(i.setStyle(e.pointer.style),n(i,{shape:e.pointer.shape}))},t.prototype.updateLabelEl=function(t,e,n,i){var r=jE(t).labelEl;r&&(r.setStyle(e.label.style),n(r,{x:e.label.x,y:e.label.y}),tB(r,i))},t.prototype._renderHandle=function(t){if(!this._dragging&&this.updateHandleTransform){var e,n=this._axisPointerModel,i=this._api.getZr(),r=this._handle,o=n.getModel("handle"),a=n.get("status");if(!o.get("show")||!a||"hide"===a)return r&&i.remove(r),void(this._handle=null);this._handle||(e=!0,r=this._handle=Ah(o.get("icon"),{cursor:"move",draggable:!0,onmousemove:function(t){fe(t.event)},onmousedown:KE(this._onHandleDragMove,this,0,0),drift:KE(this._onHandleDragMove,this),ondragend:KE(this._onHandleDragEnd,this)}),i.add(r)),nB(r,n,!1),r.setStyle(o.getItemStyle(null,["color","borderColor","borderWidth","opacity","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"]));var s=o.get("size");U(s)||(s=[s,s]),r.scaleX=s[0]/2,r.scaleY=s[1]/2,cv(this,"_doDispatchAxisPointer",o.get("throttle")||0,"fixRate"),this._moveHandleToValue(t,e)}},t.prototype._moveHandleToValue=function(t,e){JE(this._axisPointerModel,!e&&this._moveAnimation,this._handle,eB(this.getHandleTransform(t,this._axisModel,this._axisPointerModel)))},t.prototype._onHandleDragMove=function(t,e){var n=this._handle;if(n){this._dragging=!0;var i=this.updateHandleTransform(eB(n),[t,e],this._axisModel,this._axisPointerModel);this._payloadInfo=i,n.stopAnimation(),n.attr(eB(i)),jE(n).lastProp=null,this._doDispatchAxisPointer()}},t.prototype._doDispatchAxisPointer=function(){if(this._handle){var t=this._payloadInfo,e=this._axisModel;this._api.dispatchAction({type:"updateAxisPointer",x:t.cursorPoint[0],y:t.cursorPoint[1],tooltipOption:t.tooltipOption,axesInfo:[{axisDim:e.axis.dim,axisIndex:e.componentIndex}]})}},t.prototype._onHandleDragEnd=function(){if(this._dragging=!1,this._handle){var t=this._axisPointerModel.get("value");this._moveHandleToValue(t),this._api.dispatchAction({type:"hideTip"})}},t.prototype.clear=function(t){this._lastValue=null,this._lastStatus=null;var e=t.getZr(),n=this._group,i=this._handle;e&&n&&(this._lastGraphicKey=null,n&&e.remove(n),i&&e.remove(i),this._group=null,this._handle=null,this._payloadInfo=null),hv(this,"_doDispatchAxisPointer")},t.prototype.doClear=function(){},t.prototype.buildLabel=function(t,e,n){return{x:t[n=n||0],y:t[1-n],width:e[n],height:e[1-n]}},t}();function JE(t,e,n,i){QE(jE(n).lastProp,i)||(jE(n).lastProp=i,e?th(n,i,t):(n.stopAnimation(),n.attr(i)))}function QE(t,e){if(q(t)&&q(e)){var n=!0;return z(e,(function(e,i){n=n&&QE(t[i],e)})),!!n}return t===e}function tB(t,e){t[e.get(["label","show"])?"show":"hide"]()}function eB(t){return{x:t.x||0,y:t.y||0,rotation:t.rotation||0}}function nB(t,e,n){var i=e.get("z"),r=e.get("zlevel");t&&t.traverse((function(t){"group"!==t.type&&(null!=i&&(t.z=i),null!=r&&(t.zlevel=r),t.silent=n)}))}function iB(t){var e,n=t.get("type"),i=t.getModel(n+"Style");return"line"===n?(e=i.getLineStyle()).fill=null:"shadow"===n&&((e=i.getAreaStyle()).stroke=null),e}function rB(t,e,n,i,r){var o=oB(n.get("value"),e.axis,e.ecModel,n.get("seriesDataIndices"),{precision:n.get(["label","precision"]),formatter:n.get(["label","formatter"])}),a=n.getModel("label"),s=yp(a.get("padding")||0),l=a.getFont(),u=Er(o,l),c=r.position,h=u.width+s[1]+s[3],d=u.height+s[0]+s[2],p=r.align;"right"===p&&(c[0]-=h),"center"===p&&(c[0]-=h/2);var f=r.verticalAlign;"bottom"===f&&(c[1]-=d),"middle"===f&&(c[1]-=d/2),function(t,e,n,i){var r=i.getWidth(),o=i.getHeight();t[0]=Math.min(t[0]+e,r)-e,t[1]=Math.min(t[1]+n,o)-n,t[0]=Math.max(t[0],0),t[1]=Math.max(t[1],0)}(c,h,d,i);var g=a.get("backgroundColor");g&&"auto"!==g||(g=e.get(["axisLine","lineStyle","color"])),t.label={x:c[0],y:c[1],style:Qh(a,{text:o,font:l,fill:a.getTextColor(),padding:s,backgroundColor:g}),z2:10}}function oB(t,e,n,i,r){t=e.scale.parse(t);var o=e.scale.getLabel({value:t},{precision:r.precision}),a=r.formatter;if(a){var s={value:qb(e,{value:t}),axisDimension:e.dim,axisIndex:e.index,seriesData:[]};z(i,(function(t){var e=n.getSeriesByIndex(t.seriesIndex),i=t.dataIndexInside,r=e&&e.getDataParams(i);r&&s.seriesData.push(r)})),X(a)?o=a.replace("{value}",o):Y(a)&&(o=a(s))}return o}function aB(t,e,n){var i=[1,0,0,1,0,0];return Me(i,i,n.rotation),Se(i,i,n.position),Sh([t.dataToCoord(e),(n.labelOffset||0)+(n.labelDirection||1)*(n.labelMargin||0)],i)}function sB(t,e,n,i,r,o){var a=mC.innerTextLayout(n.rotation,0,n.labelDirection);n.labelMargin=r.get(["label","margin"]),rB(e,i,r,o,{position:aB(i.axis,t,n),align:a.textAlign,verticalAlign:a.textVerticalAlign})}function lB(t,e,n){return{x1:t[n=n||0],y1:t[1-n],x2:e[n],y2:e[1-n]}}function uB(t,e,n){return{x:t[n=n||0],y:t[1-n],width:e[n],height:e[1-n]}}function cB(t,e,n,i,r,o){return{cx:t,cy:e,r0:n,r:i,startAngle:r,endAngle:o,clockwise:!0}}var hB=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.makeElOption=function(t,e,n,i,r){var o=n.axis,a=o.grid,s=i.get("type"),l=dB(a,o).getOtherAxis(o).getGlobalExtent(),u=o.toGlobalCoord(o.dataToCoord(e,!0));if(s&&"none"!==s){var c=iB(i),h=pB[s](o,u,l);h.style=c,t.graphicKey=h.type,t.pointer=h}sB(e,t,kC(a.getRect(),n),n,i,r)},e.prototype.getHandleTransform=function(t,e,n){var i=kC(e.axis.grid.getRect(),e,{labelInside:!1});i.labelMargin=n.get(["handle","margin"]);var r=aB(e.axis,t,i);return{x:r[0],y:r[1],rotation:i.rotation+(i.labelDirection<0?Math.PI:0)}},e.prototype.updateHandleTransform=function(t,e,n,i){var r=n.axis,o=r.grid,a=r.getGlobalExtent(!0),s=dB(o,r).getOtherAxis(r).getGlobalExtent(),l="x"===r.dim?0:1,u=[t.x,t.y];u[l]+=e[l],u[l]=Math.min(a[1],u[l]),u[l]=Math.max(a[0],u[l]);var c=(s[1]+s[0])/2,h=[c,c];h[l]=u[l];return{x:u[0],y:u[1],rotation:t.rotation,cursorPoint:h,tooltipOption:[{verticalAlign:"middle"},{align:"center"}][l]}},e}($E);function dB(t,e){var n={};return n[e.dim+"AxisIndex"]=e.index,t.getCartesian(n)}var pB={line:function(t,e,n){return{type:"Line",subPixelOptimize:!0,shape:lB([e,n[0]],[e,n[1]],fB(t))}},shadow:function(t,e,n){var i=Math.max(1,t.getBandWidth()),r=n[1]-n[0];return{type:"Rect",shape:uB([e-i/2,n[0]],[i,r],fB(t))}}};function fB(t){return"x"===t.dim?0:1}var gB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="axisPointer",e.defaultOption={show:"auto",z:50,type:"line",snap:!1,triggerTooltip:!0,triggerEmphasis:!0,value:null,status:null,link:[],animation:null,animationDurationUpdate:200,lineStyle:{color:tf.color.border,width:1,type:"dashed"},shadowStyle:{color:tf.color.shadowTint},label:{show:!0,formatter:null,precision:"auto",margin:3,color:tf.color.neutral00,padding:[5,7,5,7],backgroundColor:tf.color.accent60,borderColor:null,borderWidth:0,borderRadius:3},handle:{show:!1,icon:"M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7v-1.2h6.6z M13.3,22H6.7v-1.2h6.6z M13.3,19.6H6.7v-1.2h6.6z",size:45,margin:50,color:tf.color.accent40,throttle:40}},e}(Qp),yB=sa(),vB=z;function mB(t,e,n){if(!r.node){var i=e.getZr();yB(i).records||(yB(i).records={}),function(t,e){if(yB(t).initialized)return;function n(n,i){t.on(n,(function(n){var r=function(t){var e={showTip:[],hideTip:[]},n=function(i){var r=e[i.type];r?r.push(i):(i.dispatchAction=n,t.dispatchAction(i))};return{dispatchAction:n,pendings:e}}(e);vB(yB(t).records,(function(t){t&&i(t,n,r.dispatchAction)})),function(t,e){var n,i=t.showTip.length,r=t.hideTip.length;i?n=t.showTip[i-1]:r&&(n=t.hideTip[r-1]);n&&(n.dispatchAction=null,e.dispatchAction(n))}(r.pendings,e)}))}yB(t).initialized=!0,n("click",H(_B,"click")),n("mousemove",H(_B,"mousemove")),n("globalout",xB)}(i,e),(yB(i).records[t]||(yB(i).records[t]={})).handler=n}}function xB(t,e,n){t.handler("leave",null,n)}function _B(t,e,n,i){e.handler(t,n,i)}function bB(t,e){if(!r.node){var n=e.getZr();(yB(n).records||{})[t]&&(yB(n).records[t]=null)}}var wB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=e.getComponent("tooltip"),r=t.get("triggerOn")||i&&i.get("triggerOn")||"mousemove|click";mB("axisPointer",n,(function(t,e,n){"none"!==r&&("leave"===t||r.indexOf(t)>=0)&&n({type:"updateAxisPointer",currTrigger:t,x:e&&e.offsetX,y:e&&e.offsetY})}))},e.prototype.remove=function(t,e){bB("axisPointer",e)},e.prototype.dispose=function(t,e){bB("axisPointer",e)},e.type="axisPointer",e}(Ky);function SB(t,e){var n,i=[],r=t.seriesIndex;if(null==r||!(n=e.getSeriesByIndex(r)))return{point:[]};var o=n.getData(),a=aa(o,t);if(null==a||a<0||U(a))return{point:[]};var s=o.getItemGraphicEl(a),l=n.coordinateSystem;if(n.getTooltipPosition)i=n.getTooltipPosition(a)||[];else if(l&&l.dataToPoint)if(t.isStacked){var u=l.getBaseAxis(),c=l.getOtherAxis(u).dim,h=u.dim,d="x"===c||"radius"===c?1:0,p=o.mapDimension(h),f=[];f[d]=o.get(p,a),f[1-d]=o.get(o.getCalculationInfo("stackResultDimension"),a),i=l.dataToPoint(f)||[]}else i=l.dataToPoint(o.getValues(E(l.dimensions,(function(t){return o.mapDimension(t)})),a))||[];else if(s){var g=s.getBoundingRect().clone();g.applyTransform(s.transform),i=[g.x+g.width/2,g.y+g.height/2]}return{point:i,el:s}}var MB=sa();function IB(t,e,n){var i=t.currTrigger,r=[t.x,t.y],o=t,a=t.dispatchAction||W(n.dispatchAction,n),s=e.getComponent("axisPointer").coordSysAxesInfo;if(s){kB(r)&&(r=SB({seriesIndex:o.seriesIndex,dataIndex:o.dataIndex},e).point);var l=kB(r),u=o.axesInfo,c=s.axesInfo,h="leave"===i||kB(r),d={},p={},f={list:[],map:{}},g={showPointer:H(CB,p),showTooltip:H(DB,f)};z(s.coordSysMap,(function(t,e){var n=l||t.containPoint(r);z(s.coordSysAxesInfo[e],(function(t,e){var i=t.axis,o=function(t,e){for(var n=0;n<(t||[]).length;n++){var i=t[n];if(e.axis.dim===i.axisDim&&e.axis.model.componentIndex===i.axisIndex)return i}}(u,t);if(!h&&n&&(!u||o)){var a=o&&o.value;null!=a||l||(a=i.pointToData(r)),null!=a&&TB(t,a,g,!1,d)}}))}));var y={};return z(c,(function(t,e){var n=t.linkGroup;n&&!p[e]&&z(n.axesInfo,(function(e,i){var r=p[i];if(e!==t&&r){var o=r.value;n.mapper&&(o=t.axis.scale.parse(n.mapper(o,AB(e),AB(t)))),y[t.key]=o}}))})),z(y,(function(t,e){TB(c[e],t,g,!0,d)})),function(t,e,n){var i=n.axesInfo=[];z(e,(function(e,n){var r=e.axisPointerModel.option,o=t[n];o?(!e.useHandle&&(r.status="show"),r.value=o.value,r.seriesDataIndices=(o.payloadBatch||[]).slice()):!e.useHandle&&(r.status="hide"),"show"===r.status&&i.push({axisDim:e.axis.dim,axisIndex:e.axis.model.componentIndex,value:r.value})}))}(p,c,d),function(t,e,n,i){if(kB(e)||!t.list.length)return void i({type:"hideTip"});var r=((t.list[0].dataByAxis[0]||{}).seriesDataIndices||[])[0]||{};i({type:"showTip",escapeConnect:!0,x:e[0],y:e[1],tooltipOption:n.tooltipOption,position:n.position,dataIndexInside:r.dataIndexInside,dataIndex:r.dataIndex,seriesIndex:r.seriesIndex,dataByCoordSys:t.list})}(f,r,t,a),function(t,e,n){var i=n.getZr(),r="axisPointerLastHighlights",o=MB(i)[r]||{},a=MB(i)[r]={};z(t,(function(t,e){var n=t.axisPointerModel.option;"show"===n.status&&t.triggerEmphasis&&z(n.seriesDataIndices,(function(t){var e=t.seriesIndex+" | "+t.dataIndex;a[e]=t}))}));var s=[],l=[];z(o,(function(t,e){!a[e]&&l.push(t)})),z(a,(function(t,e){!o[e]&&s.push(t)})),l.length&&n.dispatchAction({type:"downplay",escapeConnect:!0,notBlur:!0,batch:l}),s.length&&n.dispatchAction({type:"highlight",escapeConnect:!0,notBlur:!0,batch:s})}(c,0,n),d}}function TB(t,e,n,i,r){var o=t.axis;if(!o.scale.isBlank()&&o.containData(e))if(t.involveSeries){var a=function(t,e){var n=e.axis,i=n.dim,r=t,o=[],a=Number.MAX_VALUE,s=-1;return z(e.seriesModels,(function(e,l){var u,c,h=e.getData().mapDimensionsAll(i);if(e.getAxisTooltipData){var d=e.getAxisTooltipData(h,t,n);c=d.dataIndices,u=d.nestestValue}else{if(!(c=e.indicesOfNearest(i,h[0],t,"category"===n.type?.5:null)).length)return;u=e.getData().get(h[0],c[0])}if(null!=u&&isFinite(u)){var p=t-u,f=Math.abs(p);f<=a&&((f<a||p>=0&&s<0)&&(a=f,s=p,r=u,o.length=0),z(c,(function(t){o.push({seriesIndex:e.seriesIndex,dataIndexInside:t,dataIndex:e.getData().getRawIndex(t)})})))}})),{payloadBatch:o,snapToValue:r}}(e,t),s=a.payloadBatch,l=a.snapToValue;s[0]&&null==r.seriesIndex&&A(r,s[0]),!i&&t.snap&&o.containData(l)&&null!=l&&(e=l),n.showPointer(t,e,s),n.showTooltip(t,a,l)}else n.showPointer(t,e)}function CB(t,e,n,i){t[e.key]={value:n,payloadBatch:i}}function DB(t,e,n,i){var r=n.payloadBatch,o=e.axis,a=o.model,s=e.axisPointerModel;if(e.triggerTooltip&&r.length){var l=e.coordSys.model,u=qC(l),c=t.map[u];c||(c=t.map[u]={coordSysId:l.id,coordSysIndex:l.componentIndex,coordSysType:l.type,coordSysMainType:l.mainType,dataByAxis:[]},t.list.push(c)),c.dataByAxis.push({axisDim:o.dim,axisIndex:a.componentIndex,axisType:a.type,axisId:a.id,value:i,valueLabelOpt:{precision:s.get(["label","precision"]),formatter:s.get(["label","formatter"])},seriesDataIndices:r.slice()})}}function AB(t){var e=t.axis.model,n={},i=n.axisDim=t.axis.dim;return n.axisIndex=n[i+"AxisIndex"]=e.componentIndex,n.axisName=n[i+"AxisName"]=e.name,n.axisId=n[i+"AxisId"]=e.id,n}function kB(t){return!t||null==t[0]||isNaN(t[0])||null==t[1]||isNaN(t[1])}function LB(t){$C.registerAxisPointerClass("CartesianAxisPointer",hB),t.registerComponentModel(gB),t.registerComponentView(wB),t.registerPreprocessor((function(t){if(t){(!t.axisPointer||0===t.axisPointer.length)&&(t.axisPointer={});var e=t.axisPointer.link;e&&!U(e)&&(t.axisPointer.link=[e])}})),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,(function(t,e){t.getComponent("axisPointer").coordSysAxesInfo=UC(t,e)})),t.registerAction({type:"updateAxisPointer",event:"updateAxisPointer",update:":updateAxisPointer"},IB)}var PB=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.makeElOption=function(t,e,n,i,r){var o=n.axis;"angle"===o.dim&&(this.animationThreshold=Math.PI/18);var a=o.polar,s=a.getOtherAxis(o).getExtent(),l=o.dataToCoord(e),u=i.get("type");if(u&&"none"!==u){var c=iB(i),h=OB[u](o,a,l,s);h.style=c,t.graphicKey=h.type,t.pointer=h}var d=function(t,e,n,i,r){var o=e.axis,a=o.dataToCoord(t),s=i.getAngleAxis().getExtent()[0];s=s/180*Math.PI;var l,u,c,h=i.getRadiusAxis().getExtent();if("radius"===o.dim){var d=[1,0,0,1,0,0];Me(d,d,s),Se(d,d,[i.cx,i.cy]),l=Sh([a,-r],d);var p=e.getModel("axisLabel").get("rotate")||0,f=mC.innerTextLayout(s,p*Math.PI/180,-1);u=f.textAlign,c=f.textVerticalAlign}else{var g=h[1];l=i.coordToPoint([g+r,a]);var y=i.cx,v=i.cy;u=Math.abs(l[0]-y)/g<.3?"center":l[0]>y?"left":"right",c=Math.abs(l[1]-v)/g<.3?"middle":l[1]>v?"top":"bottom"}return{position:l,align:u,verticalAlign:c}}(e,n,0,a,i.get(["label","margin"]));rB(t,n,i,r,d)},e}($E);var OB={line:function(t,e,n,i){return"angle"===t.dim?{type:"Line",shape:lB(e.coordToPoint([i[0],n]),e.coordToPoint([i[1],n]))}:{type:"Circle",shape:{cx:e.cx,cy:e.cy,r:n}}},shadow:function(t,e,n,i){var r=Math.max(1,t.getBandWidth()),o=Math.PI/180;return"angle"===t.dim?{type:"Sector",shape:cB(e.cx,e.cy,i[0],i[1],(-n-r/2)*o,(r/2-n)*o)}:{type:"Sector",shape:cB(e.cx,e.cy,n-r/2,n+r/2,0,2*Math.PI)}}},RB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.findAxisModel=function(t){var e;return this.ecModel.eachComponent(t,(function(t){t.getCoordSysModel()===this&&(e=t)}),this),e},e.type="polar",e.dependencies=["radiusAxis","angleAxis"],e.defaultOption={z:0,center:["50%","50%"],radius:"80%"},e}(Qp),NB=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getCoordSysModel=function(){return this.getReferringComponents("polar",ha).models[0]},e.type="polarAxis",e}(Qp);R(NB,nw);var zB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="angleAxis",e}(NB),EB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="radiusAxis",e}(NB),BB=function(t){function e(e,n){return t.call(this,"radius",e,n)||this}return n(e,t),e.prototype.pointToData=function(t,e){return this.polar.pointToData(t,e)["radius"===this.dim?0:1]},e}(Ww);BB.prototype.dataToRadius=Ww.prototype.dataToCoord,BB.prototype.radiusToData=Ww.prototype.coordToData;var VB=sa(),GB=function(t){function e(e,n){return t.call(this,"angle",e,n||[0,360])||this}return n(e,t),e.prototype.pointToData=function(t,e){return this.polar.pointToData(t,e)["radius"===this.dim?0:1]},e.prototype.calculateCategoryInterval=function(){var t=this,e=t.getLabelModel(),n=t.scale,i=n.getExtent(),r=n.count();if(i[1]-i[0]<1)return 0;var o=i[0],a=t.dataToCoord(o+1)-t.dataToCoord(o),s=Math.abs(a),l=Er(null==o?"":o+"",e.getFont(),"center","top"),u=Math.max(l.height,7)/s;isNaN(u)&&(u=1/0);var c=Math.max(0,Math.floor(u)),h=VB(t.model),d=h.lastAutoInterval,p=h.lastTickCount;return null!=d&&null!=p&&Math.abs(d-c)<=1&&Math.abs(p-r)<=1&&d>c?c=d:(h.lastTickCount=r,h.lastAutoInterval=c),c},e}(Ww);GB.prototype.dataToAngle=Ww.prototype.dataToCoord,GB.prototype.angleToData=Ww.prototype.coordToData;var FB=["radius","angle"],WB=function(){function t(t){this.dimensions=FB,this.type="polar",this.cx=0,this.cy=0,this._radiusAxis=new BB,this._angleAxis=new GB,this.axisPointerEnabled=!0,this.name=t||"",this._radiusAxis.polar=this._angleAxis.polar=this}return t.prototype.containPoint=function(t){var e=this.pointToCoord(t);return this._radiusAxis.contain(e[0])&&this._angleAxis.contain(e[1])},t.prototype.containData=function(t){return this._radiusAxis.containData(t[0])&&this._angleAxis.containData(t[1])},t.prototype.getAxis=function(t){return this["_"+t+"Axis"]},t.prototype.getAxes=function(){return[this._radiusAxis,this._angleAxis]},t.prototype.getAxesByScale=function(t){var e=[],n=this._angleAxis,i=this._radiusAxis;return n.scale.type===t&&e.push(n),i.scale.type===t&&e.push(i),e},t.prototype.getAngleAxis=function(){return this._angleAxis},t.prototype.getRadiusAxis=function(){return this._radiusAxis},t.prototype.getOtherAxis=function(t){var e=this._angleAxis;return t===e?this._radiusAxis:e},t.prototype.getBaseAxis=function(){return this.getAxesByScale("ordinal")[0]||this.getAxesByScale("time")[0]||this.getAngleAxis()},t.prototype.getTooltipAxes=function(t){var e=null!=t&&"auto"!==t?this.getAxis(t):this.getBaseAxis();return{baseAxes:[e],otherAxes:[this.getOtherAxis(e)]}},t.prototype.dataToPoint=function(t,e,n){return this.coordToPoint([this._radiusAxis.dataToRadius(t[0],e),this._angleAxis.dataToAngle(t[1],e)],n)},t.prototype.pointToData=function(t,e,n){n=n||[];var i=this.pointToCoord(t);return n[0]=this._radiusAxis.radiusToData(i[0],e),n[1]=this._angleAxis.angleToData(i[1],e),n},t.prototype.pointToCoord=function(t){var e=t[0]-this.cx,n=t[1]-this.cy,i=this.getAngleAxis(),r=i.getExtent(),o=Math.min(r[0],r[1]),a=Math.max(r[0],r[1]);i.inverse?o=a-360:a=o+360;var s=Math.sqrt(e*e+n*n);e/=s,n/=s;for(var l=Math.atan2(-n,e)/Math.PI*180,u=l<o?1:-1;l<o||l>a;)l+=360*u;return[s,l]},t.prototype.coordToPoint=function(t,e){e=e||[];var n=t[0],i=t[1]/180*Math.PI;return e[0]=Math.cos(i)*n+this.cx,e[1]=-Math.sin(i)*n+this.cy,e},t.prototype.getArea=function(){var t=this.getAngleAxis(),e=this.getRadiusAxis().getExtent().slice();e[0]>e[1]&&e.reverse();var n=t.getExtent(),i=Math.PI/180,r=1e-4;return{cx:this.cx,cy:this.cy,r0:e[0],r:e[1],startAngle:-n[0]*i,endAngle:-n[1]*i,clockwise:t.inverse,contain:function(t,e){var n=t-this.cx,i=e-this.cy,o=n*n+i*i,a=this.r,s=this.r0;return a!==s&&o-r<=a*a&&o+r>=s*s},x:this.cx-e[1],y:this.cy-e[1],width:2*e[1],height:2*e[1]}},t.prototype.convertToPixel=function(t,e,n){return HB(e)===this?this.dataToPoint(n):null},t.prototype.convertFromPixel=function(t,e,n){return HB(e)===this?this.pointToData(n):null},t}();function HB(t){var e=t.seriesModel,n=t.polarModel;return n&&n.coordinateSystem||e&&e.coordinateSystem}function UB(t,e){var n=this,i=n.getAngleAxis(),r=n.getRadiusAxis();if(i.scale.setExtent(1/0,-1/0),r.scale.setExtent(1/0,-1/0),t.eachSeries((function(t){if(t.coordinateSystem===n){var e=t.getData();z(Jb(e,"radius"),(function(t){r.scale.unionExtentFromData(e,t)})),z(Jb(e,"angle"),(function(t){i.scale.unionExtentFromData(e,t)}))}})),Xb(i.scale,i.model),Xb(r.scale,r.model),"category"===i.type&&!i.onBand){var o=i.getExtent(),a=360/i.scale.count();i.inverse?o[1]+=a:o[1]-=a,i.setExtent(o[0],o[1])}}function YB(t,e){var n;if(t.type=e.get("type"),t.scale=Zb(e),t.onBand=e.get("boundaryGap")&&"category"===t.type,t.inverse=e.get("inverse"),function(t){return"angleAxis"===t.mainType}(e)){t.inverse=t.inverse!==e.get("clockwise");var i=e.get("startAngle"),r=null!==(n=e.get("endAngle"))&&void 0!==n?n:i+(t.inverse?-360:360);t.setExtent(i,r)}e.axis=t,t.model=e}var XB={dimensions:FB,create:function(t,e){var n=[];return t.eachComponent("polar",(function(t,i){var r=new WB(i+"");r.update=UB;var o=r.getRadiusAxis(),a=r.getAngleAxis(),s=t.findAxisModel("radiusAxis"),l=t.findAxisModel("angleAxis");YB(o,s),YB(a,l),function(t,e,n){var i=e.get("center"),r=Xp(e,n).refContainer;t.cx=yo(i[0],r.width)+r.x,t.cy=yo(i[1],r.height)+r.y;var o=t.getRadiusAxis(),a=Math.min(r.width,r.height)/2,s=e.get("radius");null==s?s=[0,"100%"]:U(s)||(s=[0,s]);var l=[yo(s[0],a),yo(s[1],a)];o.inverse?o.setExtent(l[1],l[0]):o.setExtent(l[0],l[1])}(r,t,e),n.push(r),t.coordinateSystem=r,r.model=t})),t.eachSeries((function(t){if("polar"===t.get("coordinateSystem")){var e=t.getReferringComponents("polar",ha).models[0];0,t.coordinateSystem=e.coordinateSystem}})),n}},ZB=["axisLine","axisLabel","axisTick","minorTick","splitLine","minorSplitLine","splitArea"];function jB(t,e,n){e[1]>e[0]&&(e=e.slice().reverse());var i=t.coordToPoint([e[0],n]),r=t.coordToPoint([e[1],n]);return{x1:i[0],y1:i[1],x2:r[0],y2:r[1]}}function qB(t){return t.getRadiusAxis().inverse?0:1}function KB(t){var e=t[0],n=t[t.length-1];e&&n&&Math.abs(Math.abs(e.coord-n.coord)-360)<1e-4&&t.pop()}var $B=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="PolarAxisPointer",n}return n(e,t),e.prototype.render=function(t,e){if(this.group.removeAll(),t.get("show")){var n=t.axis,i=n.polar,r=i.getRadiusAxis().getExtent(),o=n.getTicksCoords({breakTicks:"none"}),a=n.getMinorTicksCoords(),s=E(n.getViewLabels(),(function(t){t=T(t);var e=n.scale,i="ordinal"===e.type?e.getRawOrdinalNumber(t.tickValue):t.tickValue;return t.coord=n.dataToCoord(i),t}));KB(s),KB(o),z(ZB,(function(e){!t.get([e,"show"])||n.scale.isBlank()&&"axisLine"!==e||JB[e](this.group,t,i,o,a,r,s)}),this)}},e.type="angleAxis",e}($C),JB={axisLine:function(t,e,n,i,r,o){var a,s=e.getModel(["axisLine","lineStyle"]),l=n.getAngleAxis(),u=Math.PI/180,c=l.getExtent(),h=qB(n),d=h?0:1,p=360===Math.abs(c[1]-c[0])?"Circle":"Arc";(a=0===o[d]?new Zh[p]({shape:{cx:n.cx,cy:n.cy,r:o[h],startAngle:-c[0]*u,endAngle:-c[1]*u,clockwise:l.inverse},style:s.getLineStyle(),z2:1,silent:!0}):new bc({shape:{cx:n.cx,cy:n.cy,r:o[h],r0:o[d]},style:s.getLineStyle(),z2:1,silent:!0})).style.fill=null,t.add(a)},axisTick:function(t,e,n,i,r,o){var a=e.getModel("axisTick"),s=(a.get("inside")?-1:1)*a.get("length"),l=o[qB(n)],u=E(i,(function(t){return new Ac({shape:jB(n,[l,l+s],t.coord)})}));t.add(mh(u,{style:k(a.getModel("lineStyle").getLineStyle(),{stroke:e.get(["axisLine","lineStyle","color"])})}))},minorTick:function(t,e,n,i,r,o){if(r.length){for(var a=e.getModel("axisTick"),s=e.getModel("minorTick"),l=(a.get("inside")?-1:1)*s.get("length"),u=o[qB(n)],c=[],h=0;h<r.length;h++)for(var d=0;d<r[h].length;d++)c.push(new Ac({shape:jB(n,[u,u+l],r[h][d].coord)}));t.add(mh(c,{style:k(s.getModel("lineStyle").getLineStyle(),k(a.getLineStyle(),{stroke:e.get(["axisLine","lineStyle","color"])}))}))}},axisLabel:function(t,e,n,i,r,o,a){var s=e.getCategories(!0),l=e.getModel("axisLabel"),u=l.get("margin"),c=e.get("triggerEvent");z(a,(function(i,r){var a=l,h=i.tickValue,d=o[qB(n)],p=n.coordToPoint([d+u,i.coord]),f=n.cx,g=n.cy,y=Math.abs(p[0]-f)/d<.3?"center":p[0]>f?"left":"right",v=Math.abs(p[1]-g)/d<.3?"middle":p[1]>g?"top":"bottom";if(s&&s[h]){var m=s[h];q(m)&&m.textStyle&&(a=new wd(m.textStyle,l,l.ecModel))}var x=new Sl({silent:mC.isLabelSilent(e),style:Qh(a,{x:p[0],y:p[1],fill:a.getTextColor()||e.get(["axisLine","lineStyle","color"]),text:i.formattedLabel,align:y,verticalAlign:v})});if(t.add(x),zh({el:x,componentModel:e,itemName:i.formattedLabel,formatterParamsExtra:{isTruncated:function(){return x.isTruncated},value:i.rawLabel,tickIndex:r}}),c){var _=mC.makeAxisEventDataBase(e);_.targetType="axisLabel",_.value=i.rawLabel,zl(x).eventData=_}}),this)},splitLine:function(t,e,n,i,r,o){var a=e.getModel("splitLine").getModel("lineStyle"),s=a.get("color"),l=0;s=s instanceof Array?s:[s];for(var u=[],c=0;c<i.length;c++){var h=l++%s.length;u[h]=u[h]||[],u[h].push(new Ac({shape:jB(n,o,i[c].coord)}))}for(c=0;c<u.length;c++)t.add(mh(u[c],{style:k({stroke:s[c%s.length]},a.getLineStyle()),silent:!0,z:e.get("z")}))},minorSplitLine:function(t,e,n,i,r,o){if(r.length){for(var a=e.getModel("minorSplitLine").getModel("lineStyle"),s=[],l=0;l<r.length;l++)for(var u=0;u<r[l].length;u++)s.push(new Ac({shape:jB(n,o,r[l][u].coord)}));t.add(mh(s,{style:a.getLineStyle(),silent:!0,z:e.get("z")}))}},splitArea:function(t,e,n,i,r,o){if(i.length){var a=e.getModel("splitArea").getModel("areaStyle"),s=a.get("color"),l=0;s=s instanceof Array?s:[s];for(var u=[],c=Math.PI/180,h=-i[0].coord*c,d=Math.min(o[0],o[1]),p=Math.max(o[0],o[1]),f=e.get("clockwise"),g=1,y=i.length;g<=y;g++){var v=g===y?i[0].coord:i[g].coord,m=l++%s.length;u[m]=u[m]||[],u[m].push(new xc({shape:{cx:n.cx,cy:n.cy,r0:d,r:p,startAngle:h,endAngle:-v*c,clockwise:f},silent:!0})),h=-v*c}for(g=0;g<u.length;g++)t.add(mh(u[g],{style:k({fill:s[g%s.length]},a.getAreaStyle()),silent:!0}))}}},QB=["splitLine","splitArea","minorSplitLine"],tV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="PolarAxisPointer",n}return n(e,t),e.prototype.render=function(t,e,n){if(this.group.removeAll(),t.get("show")){var i=this._axisGroup,r=this._axisGroup=new to;this.group.add(r);var o=t.axis,a=o.polar,s=a.getAngleAxis(),l=o.getTicksCoords(),u=o.getMinorTicksCoords(),c=s.getExtent()[0],h=o.getExtent(),d=function(t,e,n){return{position:[t.cx,t.cy],rotation:n/180*Math.PI,labelDirection:-1,tickDirection:-1,nameDirection:1,labelRotate:e.getModel("axisLabel").get("rotate"),z2:1}}(a,t,c),p=new mC(t,n,d);p.build(),r.add(p.group),Th(i,r,t),z(QB,(function(e){t.get([e,"show"])&&!o.scale.isBlank()&&eV[e](this.group,t,a,c,h,l,u)}),this)}},e.type="radiusAxis",e}($C),eV={splitLine:function(t,e,n,i,r,o){var a=e.getModel("splitLine").getModel("lineStyle"),s=a.get("color"),l=0,u=n.getAngleAxis(),c=Math.PI/180,h=u.getExtent(),d=360===Math.abs(h[1]-h[0])?"Circle":"Arc";s=s instanceof Array?s:[s];for(var p=[],f=0;f<o.length;f++){var g=l++%s.length;p[g]=p[g]||[],p[g].push(new Zh[d]({shape:{cx:n.cx,cy:n.cy,r:Math.max(o[f].coord,0),startAngle:-h[0]*c,endAngle:-h[1]*c,clockwise:u.inverse}}))}for(f=0;f<p.length;f++)t.add(mh(p[f],{style:k({stroke:s[f%s.length],fill:null},a.getLineStyle()),silent:!0}))},minorSplitLine:function(t,e,n,i,r,o,a){if(a.length){for(var s=e.getModel("minorSplitLine").getModel("lineStyle"),l=[],u=0;u<a.length;u++)for(var c=0;c<a[u].length;c++)l.push(new nc({shape:{cx:n.cx,cy:n.cy,r:a[u][c].coord}}));t.add(mh(l,{style:k({fill:null},s.getLineStyle()),silent:!0}))}},splitArea:function(t,e,n,i,r,o){if(o.length){var a=e.getModel("splitArea").getModel("areaStyle"),s=a.get("color"),l=0;s=s instanceof Array?s:[s];for(var u=[],c=o[0].coord,h=1;h<o.length;h++){var d=l++%s.length;u[d]=u[d]||[],u[d].push(new xc({shape:{cx:n.cx,cy:n.cy,r0:c,r:o[h].coord,startAngle:0,endAngle:2*Math.PI},silent:!0})),c=o[h].coord}for(h=0;h<u.length;h++)t.add(mh(u[h],{style:k({fill:s[h%s.length]},a.getAreaStyle()),silent:!0}))}}};function nV(t){return t.get("stack")||"__ec_stack_"+t.seriesIndex}function iV(t,e){return e.dim+t.model.componentIndex}function rV(t,e,n){var i={},r=function(t){var e={};z(t,(function(t,n){var i=t.getData(),r=t.coordinateSystem,o=r.getBaseAxis(),a=iV(r,o),s=o.getExtent(),l="category"===o.type?o.getBandWidth():Math.abs(s[1]-s[0])/i.count(),u=e[a]||{bandWidth:l,remainedWidth:l,autoWidthCount:0,categoryGap:"20%",gap:"30%",stacks:{}},c=u.stacks;e[a]=u;var h=nV(t);c[h]||u.autoWidthCount++,c[h]=c[h]||{width:0,maxWidth:0};var d=yo(t.get("barWidth"),l),p=yo(t.get("barMaxWidth"),l),f=t.get("barGap"),g=t.get("barCategoryGap");d&&!c[h].width&&(d=Math.min(u.remainedWidth,d),c[h].width=d,u.remainedWidth-=d),p&&(c[h].maxWidth=p),null!=f&&(u.gap=f),null!=g&&(u.categoryGap=g)}));var n={};return z(e,(function(t,e){n[e]={};var i=t.stacks,r=t.bandWidth,o=yo(t.categoryGap,r),a=yo(t.gap,1),s=t.remainedWidth,l=t.autoWidthCount,u=(s-o)/(l+(l-1)*a);u=Math.max(u,0),z(i,(function(t,e){var n=t.maxWidth;n&&n<u&&(n=Math.min(n,s),t.width&&(n=Math.min(n,t.width)),s-=n,t.width=n,l--)})),u=(s-o)/(l+(l-1)*a),u=Math.max(u,0);var c,h=0;z(i,(function(t,e){t.width||(t.width=u),c=t,h+=t.width*(1+a)})),c&&(h-=c.width*a);var d=-h/2;z(i,(function(t,i){n[e][i]=n[e][i]||{offset:d,width:t.width},d+=t.width*(1+a)}))})),n}(V(e.getSeriesByType(t),(function(t){return!e.isSeriesFiltered(t)&&t.coordinateSystem&&"polar"===t.coordinateSystem.type})));e.eachSeriesByType(t,(function(t){if("polar"===t.coordinateSystem.type){var e=t.getData(),n=t.coordinateSystem,o=n.getBaseAxis(),a=iV(n,o),s=nV(t),l=r[a][s],u=l.offset,c=l.width,h=n.getOtherAxis(o),d=t.coordinateSystem.cx,p=t.coordinateSystem.cy,f=t.get("barMinHeight")||0,g=t.get("barMinAngle")||0;i[s]=i[s]||[];for(var y=e.mapDimension(h.dim),v=e.mapDimension(o.dim),m=Y_(e,y),x="radius"!==o.dim||!t.get("roundCap",!0),_=h.model.get("startValue"),b=h.dataToCoord(_||0),w=0,S=e.count();w<S;w++){var M=e.get(y,w),I=e.get(v,w),T=M>=0?"p":"n",C=b;m&&(i[s][I]||(i[s][I]={p:b,n:b}),C=i[s][I][T]);var D=void 0,A=void 0,k=void 0,L=void 0;if("radius"===h.dim){var P=h.dataToCoord(M)-b,O=o.dataToCoord(I);Math.abs(P)<f&&(P=(P<0?-1:1)*f),D=C,A=C+P,L=(k=O-u)-c,m&&(i[s][I][T]=A)}else{var R=h.dataToCoord(M,x)-b,N=o.dataToCoord(I);Math.abs(R)<g&&(R=(R<0?-1:1)*g),A=(D=N+u)+c,k=C,L=C+R,m&&(i[s][I][T]=L)}e.setItemLayout(w,{cx:d,cy:p,r0:D,r:A,startAngle:-k*Math.PI/180,endAngle:-L*Math.PI/180,clockwise:k>=L})}}}))}var oV={startAngle:90,clockwise:!0,splitNumber:12,axisLabel:{rotate:0}},aV={splitNumber:5},sV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="polar",e}(Ky);function lV(t,e){e=e||{};var n=t.coordinateSystem,i=t.axis,r={},o=i.position,a=i.orient,s=n.getRect(),l=[s.x,s.x+s.width,s.y,s.y+s.height],u={horizontal:{top:l[2],bottom:l[3]},vertical:{left:l[0],right:l[1]}};r.position=["vertical"===a?u.vertical[o]:l[0],"horizontal"===a?u.horizontal[o]:l[3]];r.rotation=Math.PI/2*{horizontal:0,vertical:1}[a];r.labelDirection=r.tickDirection=r.nameDirection={top:-1,bottom:1,right:1,left:-1}[o],t.get(["axisTick","inside"])&&(r.tickDirection=-r.tickDirection),it(e.labelInside,t.get(["axisLabel","inside"]))&&(r.labelDirection=-r.labelDirection);var c=t.get(["axisLabel","rotate"]);return r.labelRotate="top"===o?-c:c,r.z2=1,r}var uV=["splitArea","splitLine","breakArea"],cV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="SingleAxisPointer",n}return n(e,t),e.prototype.render=function(e,n,i,r){var o=this.group;o.removeAll();var a=this._axisGroup;this._axisGroup=new to;var s=lV(e),l=new mC(e,i,s);l.build(),o.add(this._axisGroup),o.add(l.group),z(uV,(function(t){e.get([t,"show"])&&hV[t](this,this.group,this._axisGroup,e,i)}),this),Th(a,this._axisGroup,e),t.prototype.render.call(this,e,n,i,r)},e.prototype.remove=function(){tD(this)},e.type="singleAxis",e}($C),hV={splitLine:function(t,e,n,i,r){var o=i.axis;if(!o.scale.isBlank()){var a=i.getModel("splitLine"),s=a.getModel("lineStyle"),l=s.get("color");l=l instanceof Array?l:[l];for(var u=s.get("width"),c=i.coordinateSystem.getRect(),h=o.isHorizontal(),d=[],p=0,f=o.getTicksCoords({tickModel:a,breakTicks:"none",pruneByBreak:"preserve_extent_bound"}),g=[],y=[],v=0;v<f.length;++v){var m=o.toGlobalCoord(f[v].coord);h?(g[0]=m,g[1]=c.y,y[0]=m,y[1]=c.y+c.height):(g[0]=c.x,g[1]=m,y[0]=c.x+c.width,y[1]=m);var x=new Ac({shape:{x1:g[0],y1:g[1],x2:y[0],y2:y[1]},silent:!0});_h(x.shape,u);var _=p++%l.length;d[_]=d[_]||[],d[_].push(x)}var b=s.getLineStyle(["color"]);for(v=0;v<d.length;++v)e.add(mh(d[v],{style:k({stroke:l[v%l.length]},b),silent:!0}))}},splitArea:function(t,e,n,i,r){QC(t,n,i,i)},breakArea:function(t,e,n,i,r){var o=YT(),a=i.axis.scale;o&&"ordinal"!==a.type&&o.rectCoordBuildBreakAxis(e,t,i,i.coordinateSystem.getRect(),r)}},dV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getCoordSysModel=function(){return this},e.type="singleAxis",e.layoutMode="box",e.defaultOption={left:"5%",top:"5%",right:"5%",bottom:"5%",type:"value",position:"bottom",orient:"horizontal",axisLine:{show:!0,lineStyle:{width:1,type:"solid"}},tooltip:{show:!0},axisTick:{show:!0,length:6,lineStyle:{width:1}},axisLabel:{show:!0,interval:"auto"},splitLine:{show:!0,lineStyle:{type:"dashed",opacity:.2}},jitter:0,jitterOverlap:!0,jitterMargin:2},e}(Qp);R(dV,nw.prototype);var pV=function(t){function e(e,n,i,r,o){var a=t.call(this,e,n,i)||this;return a.type=r||"value",a.position=o||"bottom",a}return n(e,t),e.prototype.isHorizontal=function(){var t=this.position;return"top"===t||"bottom"===t},e.prototype.pointToData=function(t,e){return this.coordinateSystem.pointToData(t)[0]},e}(Ww),fV=["single"],gV=function(){function t(t,e,n){this.type="single",this.dimension="single",this.dimensions=fV,this.axisPointerEnabled=!0,this.model=t,this._init(t,e,n)}return t.prototype._init=function(t,e,n){var i=this.dimension,r=new pV(i,Zb(t),[0,0],t.get("type"),t.get("position")),o="category"===r.type;r.onBand=o&&t.get("boundaryGap"),r.inverse=t.get("inverse"),r.orient=t.get("orient"),t.axis=r,r.model=t,r.coordinateSystem=this,this._axis=r},t.prototype.update=function(t,e){t.eachSeries((function(t){if(t.coordinateSystem===this){var e=t.getData();z(e.mapDimensionsAll(this.dimension),(function(t){this._axis.scale.unionExtentFromData(e,t)}),this),Xb(this._axis.scale,this._axis.model)}}),this)},t.prototype.resize=function(t,e){var n=Xp(t,e).refContainer;this._rect=Hp(t.getBoxLayoutParams(),n),this._adjustAxis()},t.prototype.getRect=function(){return this._rect},t.prototype._adjustAxis=function(){var t=this._rect,e=this._axis,n=e.isHorizontal(),i=n?[0,t.width]:[0,t.height],r=e.inverse?1:0;e.setExtent(i[r],i[1-r]),this._updateAxisTransform(e,n?t.x:t.y)},t.prototype._updateAxisTransform=function(t,e){var n=t.getExtent(),i=n[0]+n[1],r=t.isHorizontal();t.toGlobalCoord=r?function(t){return t+e}:function(t){return i-t+e},t.toLocalCoord=r?function(t){return t-e}:function(t){return i-t+e}},t.prototype.getAxis=function(){return this._axis},t.prototype.getBaseAxis=function(){return this._axis},t.prototype.getAxes=function(){return[this._axis]},t.prototype.getTooltipAxes=function(){return{baseAxes:[this.getAxis()],otherAxes:[]}},t.prototype.containPoint=function(t){var e=this.getRect(),n=this.getAxis();return"horizontal"===n.orient?n.contain(n.toLocalCoord(t[0]))&&t[1]>=e.y&&t[1]<=e.y+e.height:n.contain(n.toLocalCoord(t[1]))&&t[0]>=e.y&&t[0]<=e.y+e.height},t.prototype.pointToData=function(t,e,n){n=n||[];var i=this.getAxis();return n[0]=i.coordToData(i.toLocalCoord(t["horizontal"===i.orient?0:1])),n},t.prototype.dataToPoint=function(t,e,n){var i=this.getAxis(),r=this.getRect();n=n||[];var o="horizontal"===i.orient?0:1;return t instanceof Array&&(t=t[0]),n[o]=i.toGlobalCoord(i.dataToCoord(+t)),n[1-o]=0===o?r.y+r.height/2:r.x+r.width/2,n},t.prototype.convertToPixel=function(t,e,n){return yV(e)===this?this.dataToPoint(n):null},t.prototype.convertFromPixel=function(t,e,n){return yV(e)===this?this.pointToData(n):null},t}();function yV(t){var e=t.seriesModel,n=t.singleAxisModel;return n&&n.coordinateSystem||e&&e.coordinateSystem}var vV={create:function(t,e){var n=[];return t.eachComponent("singleAxis",(function(i,r){var o=new gV(i,t,e);o.name="single_"+r,o.resize(i,e),i.coordinateSystem=o,n.push(o)})),t.eachSeries((function(t){if("singleAxis"===t.get("coordinateSystem")){var e=t.getReferringComponents("singleAxis",ha).models[0];t.coordinateSystem=e&&e.coordinateSystem}})),n},dimensions:fV},mV=["x","y"],xV=["width","height"],_V=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.makeElOption=function(t,e,n,i,r){var o=n.axis,a=o.coordinateSystem,s=SV(a,1-wV(o)),l=a.dataToPoint(e)[0],u=i.get("type");if(u&&"none"!==u){var c=iB(i),h=bV[u](o,l,s);h.style=c,t.graphicKey=h.type,t.pointer=h}sB(e,t,lV(n),n,i,r)},e.prototype.getHandleTransform=function(t,e,n){var i=lV(e,{labelInside:!1});i.labelMargin=n.get(["handle","margin"]);var r=aB(e.axis,t,i);return{x:r[0],y:r[1],rotation:i.rotation+(i.labelDirection<0?Math.PI:0)}},e.prototype.updateHandleTransform=function(t,e,n,i){var r=n.axis,o=r.coordinateSystem,a=wV(r),s=SV(o,a),l=[t.x,t.y];l[a]+=e[a],l[a]=Math.min(s[1],l[a]),l[a]=Math.max(s[0],l[a]);var u=SV(o,1-a),c=(u[1]+u[0])/2,h=[c,c];return h[a]=l[a],{x:l[0],y:l[1],rotation:t.rotation,cursorPoint:h,tooltipOption:{verticalAlign:"middle"}}},e}($E),bV={line:function(t,e,n){return{type:"Line",subPixelOptimize:!0,shape:lB([e,n[0]],[e,n[1]],wV(t))}},shadow:function(t,e,n){var i=t.getBandWidth(),r=n[1]-n[0];return{type:"Rect",shape:uB([e-i/2,n[0]],[i,r],wV(t))}}};function wV(t){return t.isHorizontal()?0:1}function SV(t,e){var n=t.getRect();return[n[mV[e]],n[mV[e]]+n[xV[e]]]}var MV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="single",e}(Ky);var IV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e,n,i){var r=Kp(e);t.prototype.init.apply(this,arguments),TV(e,r)},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),TV(this.option,e)},e.prototype.getCellSize=function(){return this.option.cellSize},e.type="calendar",e.layoutMode="box",e.defaultOption={z:2,left:80,top:60,cellSize:20,orient:"horizontal",splitLine:{show:!0,lineStyle:{color:tf.color.axisLine,width:1,type:"solid"}},itemStyle:{color:tf.color.neutral00,borderWidth:1,borderColor:tf.color.neutral10},dayLabel:{show:!0,firstDay:0,position:"start",margin:tf.size.s,color:tf.color.secondary},monthLabel:{show:!0,position:"start",margin:tf.size.s,align:"center",formatter:null,color:tf.color.secondary},yearLabel:{show:!0,position:null,margin:tf.size.xl,formatter:null,color:tf.color.quaternary,fontFamily:"sans-serif",fontWeight:"bolder",fontSize:20}},e}(Qp);function TV(t,e){var n,i=t.cellSize;1===(n=U(i)?i:t.cellSize=[i,i]).length&&(n[1]=n[0]);var r=E([0,1],(function(t){return function(t,e){return null!=t[Bp[e][0]]||null!=t[Bp[e][1]]&&null!=t[Bp[e][2]]}(e,t)&&(n[t]="auto"),null!=n[t]&&"auto"!==n[t]}));qp(t,e,{type:"box",ignoreSize:r})}var CV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=this.group;i.removeAll();var r=t.coordinateSystem,o=r.getRangeInfo(),a=r.getOrient(),s=e.getLocaleModel();this._renderDayRect(t,o,i),this._renderLines(t,o,a,i),this._renderYearText(t,o,a,i),this._renderMonthText(t,s,a,i),this._renderWeekText(t,s,o,a,i)},e.prototype._renderDayRect=function(t,e,n){for(var i=t.coordinateSystem,r=t.getModel("itemStyle").getItemStyle(),o=i.getCellWidth(),a=i.getCellHeight(),s=e.start.time;s<=e.end.time;s=i.getNextNDay(s,1).time){var l=i.dataToCalendarLayout([s],!1).tl,u=new xl({shape:{x:l[0],y:l[1],width:o,height:a},cursor:"default",style:r});n.add(u)}},e.prototype._renderLines=function(t,e,n,i){var r=this,o=t.coordinateSystem,a=t.getModel(["splitLine","lineStyle"]).getLineStyle(),s=t.get(["splitLine","show"]),l=a.lineWidth;this._tlpoints=[],this._blpoints=[],this._firstDayOfMonth=[],this._firstDayPoints=[];for(var u=e.start,c=0;u.time<=e.end.time;c++){d(u.formatedDate),0===c&&(u=o.getDateInfo(e.start.y+"-"+e.start.m));var h=u.date;h.setMonth(h.getMonth()+1),u=o.getDateInfo(h)}function d(e){r._firstDayOfMonth.push(o.getDateInfo(e)),r._firstDayPoints.push(o.dataToCalendarLayout([e],!1).tl);var l=r._getLinePointsOfOneWeek(t,e,n);r._tlpoints.push(l[0]),r._blpoints.push(l[l.length-1]),s&&r._drawSplitline(l,a,i)}d(o.getNextNDay(e.end.time,1).formatedDate),s&&this._drawSplitline(r._getEdgesPoints(r._tlpoints,l,n),a,i),s&&this._drawSplitline(r._getEdgesPoints(r._blpoints,l,n),a,i)},e.prototype._getEdgesPoints=function(t,e,n){var i=[t[0].slice(),t[t.length-1].slice()],r="horizontal"===n?0:1;return i[0][r]=i[0][r]-e/2,i[1][r]=i[1][r]+e/2,i},e.prototype._drawSplitline=function(t,e,n){var i=new Tc({z2:20,shape:{points:t},style:e});n.add(i)},e.prototype._getLinePointsOfOneWeek=function(t,e,n){for(var i=t.coordinateSystem,r=i.getDateInfo(e),o=[],a=0;a<7;a++){var s=i.getNextNDay(r.time,a),l=i.dataToCalendarLayout([s.time],!1);o[2*s.day]=l.tl,o[2*s.day+1]=l["horizontal"===n?"bl":"tr"]}return o},e.prototype._formatterLabel=function(t,e){return X(t)&&t?(n=t,z(e,(function(t,e){n=n.replace("{"+e+"}",i?oe(t):t)})),n):Y(t)?t(e):e.nameMap;var n,i},e.prototype._yearTextPositionControl=function(t,e,n,i,r){var o=e[0],a=e[1],s=["center","bottom"];"bottom"===i?(a+=r,s=["center","top"]):"left"===i?o-=r:"right"===i?(o+=r,s=["center","top"]):a-=r;var l=0;return"left"!==i&&"right"!==i||(l=Math.PI/2),{rotation:l,x:o,y:a,style:{align:s[0],verticalAlign:s[1]}}},e.prototype._renderYearText=function(t,e,n,i){var r=t.getModel("yearLabel");if(r.get("show")){var o=r.get("margin"),a=r.get("position");a||(a="horizontal"!==n?"top":"left");var s=[this._tlpoints[this._tlpoints.length-1],this._blpoints[0]],l=(s[0][0]+s[1][0])/2,u=(s[0][1]+s[1][1])/2,c="horizontal"===n?0:1,h={top:[l,s[c][1]],bottom:[l,s[1-c][1]],left:[s[1-c][0],u],right:[s[c][0],u]},d=e.start.y;+e.end.y>+e.start.y&&(d=d+"-"+e.end.y);var p=r.get("formatter"),f={start:e.start.y,end:e.end.y,nameMap:d},g=this._formatterLabel(p,f),y=new Sl({z2:30,style:Qh(r,{text:g}),silent:r.get("silent")});y.attr(this._yearTextPositionControl(y,h[a],n,a,o)),i.add(y)}},e.prototype._monthTextPositionControl=function(t,e,n,i,r){var o="left",a="top",s=t[0],l=t[1];return"horizontal"===n?(l+=r,e&&(o="center"),"start"===i&&(a="bottom")):(s+=r,e&&(a="middle"),"start"===i&&(o="right")),{x:s,y:l,align:o,verticalAlign:a}},e.prototype._renderMonthText=function(t,e,n,i){var r=t.getModel("monthLabel");if(r.get("show")){var o=r.get("nameMap"),a=r.get("margin"),s=r.get("position"),l=r.get("align"),u=[this._tlpoints,this._blpoints];o&&!X(o)||(o&&(e=Od(o)||e),o=e.get(["time","monthAbbr"])||[]);var c="start"===s?0:1,h="horizontal"===n?0:1;a="start"===s?-a:a;for(var d="center"===l,p=r.get("silent"),f=0;f<u[c].length-1;f++){var g=u[c][f].slice(),y=this._firstDayOfMonth[f];if(d){var v=this._firstDayPoints[f];g[h]=(v[h]+u[0][f+1][h])/2}var m=r.get("formatter"),x=o[+y.m-1],_={yyyy:y.y,yy:(y.y+"").slice(2),MM:y.m,M:+y.m,nameMap:x},b=this._formatterLabel(m,_),w=new Sl({z2:30,style:A(Qh(r,{text:b}),this._monthTextPositionControl(g,d,n,s,a)),silent:p});i.add(w)}}},e.prototype._weekTextPositionControl=function(t,e,n,i,r){var o="center",a="middle",s=t[0],l=t[1],u="start"===n;return"horizontal"===e?(s=s+i+(u?1:-1)*r[0]/2,o=u?"right":"left"):(l=l+i+(u?1:-1)*r[1]/2,a=u?"bottom":"top"),{x:s,y:l,align:o,verticalAlign:a}},e.prototype._renderWeekText=function(t,e,n,i,r){var o=t.getModel("dayLabel");if(o.get("show")){var a=t.coordinateSystem,s=o.get("position"),l=o.get("nameMap"),u=o.get("margin"),c=a.getFirstDayOfWeek();if(!l||X(l))l&&(e=Od(l)||e),l=e.get(["time","dayOfWeekShort"])||E(e.get(["time","dayOfWeekAbbr"]),(function(t){return t[0]}));var h=a.getNextNDay(n.end.time,7-n.lweek).time,d=[a.getCellWidth(),a.getCellHeight()];u=yo(u,Math.min(d[1],d[0])),"start"===s&&(h=a.getNextNDay(n.start.time,-(7+n.fweek)).time,u=-u);for(var p=o.get("silent"),f=0;f<7;f++){var g,y=a.getNextNDay(h,f),v=a.dataToCalendarLayout([y.time],!1).center;g=Math.abs((f+c)%7);var m=new Sl({z2:30,style:A(Qh(o,{text:l[g]}),this._weekTextPositionControl(v,i,s,u,d)),silent:p});r.add(m)}}},e.type="calendar",e}(Ky),DV=864e5,AV=function(){function t(e,n,i){this.type="calendar",this.dimensions=t.dimensions,this.getDimensionsInfo=t.getDimensionsInfo,this._model=e,this._update(n,i)}return t.getDimensionsInfo=function(){return[{name:"time",type:"time"},"value"]},t.prototype.getRangeInfo=function(){return this._rangeInfo},t.prototype.getModel=function(){return this._model},t.prototype.getRect=function(){return this._rect},t.prototype.getCellWidth=function(){return this._sw},t.prototype.getCellHeight=function(){return this._sh},t.prototype.getOrient=function(){return this._orient},t.prototype.getFirstDayOfWeek=function(){return this._firstDayOfWeek},t.prototype.getDateInfo=function(t){var e=(t=Ao(t)).getFullYear(),n=t.getMonth()+1,i=n<10?"0"+n:""+n,r=t.getDate(),o=r<10?"0"+r:""+r,a=t.getDay();return{y:e+"",m:i,d:o,day:a=Math.abs((a+7-this.getFirstDayOfWeek())%7),time:t.getTime(),formatedDate:e+"-"+i+"-"+o,date:t}},t.prototype.getNextNDay=function(t,e){return 0===(e=e||0)||(t=new Date(this.getDateInfo(t).time)).setDate(t.getDate()+e),this.getDateInfo(t)},t.prototype._update=function(t,e){this._firstDayOfWeek=+this._model.getModel("dayLabel").get("firstDay"),this._orient=this._model.get("orient"),this._lineWidth=this._model.getModel("itemStyle").getItemStyle().lineWidth||0,this._rangeInfo=this._getRangeInfo(this._initRangeOption());var n=this._rangeInfo.weeks||1,i=["width","height"],r=this._model.getCellSize().slice(),o=this._model.getBoxLayoutParams(),a="horizontal"===this._orient?[n,7]:[7,n];z([0,1],(function(t){u(r,t)&&(o[i[t]]=r[t]*a[t])}));var s={width:e.getWidth(),height:e.getHeight()},l=this._rect=Hp(o,s);function u(t,e){return null!=t[e]&&"auto"!==t[e]}z([0,1],(function(t){u(r,t)||(r[t]=l[i[t]]/a[t])})),this._sw=r[0],this._sh=r[1]},t.prototype.dataToPoint=function(t,e,n){n=n||[],U(t)&&(t=t[0]),null==e&&(e=!0);var i=this.getDateInfo(t),r=this._rangeInfo,o=i.formatedDate;if(e&&!(i.time>=r.start.time&&i.time<r.end.time+DV))return n[0]=n[1]=NaN,n;var a=i.day,s=this._getRangeInfo([r.start.time,o]).nthWeek;return"vertical"===this._orient?(n[0]=this._rect.x+a*this._sw+this._sw/2,n[1]=this._rect.y+s*this._sh+this._sh/2):(n[0]=this._rect.x+s*this._sw+this._sw/2,n[1]=this._rect.y+a*this._sh+this._sh/2),n},t.prototype.pointToData=function(t){var e=this.pointToDate(t);return e&&e.time},t.prototype.dataToLayout=function(t,e,n){var i=(n=n||{}).rect=n.rect||{},r=n.contentRect=n.contentRect||{},o=this.dataToPoint(t,e);return i.x=o[0]-this._sw/2,i.y=o[1]-this._sh/2,i.width=this._sw,i.height=this._sh,He.copy(r,i),Oh(r,this._lineWidth/2,!0,!0),n},t.prototype.dataToCalendarLayout=function(t,e){var n=this.dataToPoint(t,e);return{center:n,tl:[n[0]-this._sw/2,n[1]-this._sh/2],tr:[n[0]+this._sw/2,n[1]-this._sh/2],br:[n[0]+this._sw/2,n[1]+this._sh/2],bl:[n[0]-this._sw/2,n[1]+this._sh/2]}},t.prototype.pointToDate=function(t){var e=Math.floor((t[0]-this._rect.x)/this._sw)+1,n=Math.floor((t[1]-this._rect.y)/this._sh)+1,i=this._rangeInfo.range;return"vertical"===this._orient?this._getDateByWeeksAndDay(n,e-1,i):this._getDateByWeeksAndDay(e,n-1,i)},t.prototype.convertToPixel=function(t,e,n){var i=kV(e);return i===this?i.dataToPoint(n):null},t.prototype.convertToLayout=function(t,e,n){var i=kV(e);return i===this?i.dataToLayout(n):null},t.prototype.convertFromPixel=function(t,e,n){var i=kV(e);return i===this?i.pointToData(n):null},t.prototype.containPoint=function(t){return console.warn("Not implemented."),!1},t.prototype._initRangeOption=function(){var t,e=this._model.get("range");if(U(e)&&1===e.length&&(e=e[0]),U(e))t=e;else{var n=e.toString();if(/^\d{4}$/.test(n)&&(t=[n+"-01-01",n+"-12-31"]),/^\d{4}[\/|-]\d{1,2}$/.test(n)){var i=this.getDateInfo(n),r=i.date;r.setMonth(r.getMonth()+1);var o=this.getNextNDay(r,-1);t=[i.formatedDate,o.formatedDate]}/^\d{4}[\/|-]\d{1,2}[\/|-]\d{1,2}$/.test(n)&&(t=[n,n])}if(!t)return e;var a=this._getRangeInfo(t);return a.start.time>a.end.time&&t.reverse(),t},t.prototype._getRangeInfo=function(t){var e,n=[this.getDateInfo(t[0]),this.getDateInfo(t[1])];n[0].time>n[1].time&&(e=!0,n.reverse());var i=Math.floor(n[1].time/DV)-Math.floor(n[0].time/DV)+1,r=new Date(n[0].time),o=r.getDate(),a=n[1].date.getDate();r.setDate(o+i-1);var s=r.getDate();if(s!==a)for(var l=r.getTime()-n[1].time>0?1:-1;(s=r.getDate())!==a&&(r.getTime()-n[1].time)*l>0;)i-=l,r.setDate(s-l);var u=Math.floor((i+n[0].day+6)/7),c=e?1-u:u-1;return e&&n.reverse(),{range:[n[0].formatedDate,n[1].formatedDate],start:n[0],end:n[1],allDay:i,weeks:u,nthWeek:c,fweek:n[0].day,lweek:n[1].day}},t.prototype._getDateByWeeksAndDay=function(t,e,n){var i=this._getRangeInfo(n);if(t>i.weeks||0===t&&e<i.fweek||t===i.weeks&&e>i.lweek)return null;var r=7*(t-1)-i.fweek+e,o=new Date(i.start.time);return o.setDate(+i.start.d+r),this.getDateInfo(o)},t.create=function(e,n){var i=[];return e.eachComponent("calendar",(function(r){var o=new t(r,e,n);i.push(o),r.coordinateSystem=o})),e.eachComponent((function(t,e){Rp({targetModel:e,coordSysType:"calendar",coordSysProvider:Np})})),i},t.dimensions=["time","value"],t}();function kV(t){var e=t.calendarModel,n=t.seriesModel;return e?e.coordinateSystem:n?n.coordinateSystem:null}var LV=1,PV=2,OV=3,RV={none:0,all:1,body:2,corner:3};function NV(t,e,n){var i=e[lh[n]].getCell(t);return!i&&j(t)&&t<0&&(i=e[lh[1-n]].getUnitLayoutInfo(n,Math.round(t))),i}function zV(t){var e=t||[];return e[0]=e[0]||[],e[1]=e[1]||[],e[0][0]=e[0][1]=e[1][0]=e[1][1]=NaN,e}function EV(t,e,n,i,r){BV(t[0],e,r,n,i,0),BV(t[1],e,r,n,i,1)}function BV(t,e,n,i,r,o){t[0]=1/0,t[1]=-1/0;var a=i[o],s=U(a)?a:[a],l=s.length,u=!!n;if(l>=1?(VV(t,e,s,u,r,o,0),l>1&&VV(t,e,s,u,r,o,l-1)):t[0]=t[1]=NaN,u){var c=-r[lh[1-o]].getLocatorCount(o),h=r[lh[o]].getLocatorCount(o)-1;n===RV.body?c=po(0,c):n===RV.corner&&(h=ho(-1,h)),h<c&&(c=h=NaN),nt(t[0])&&(t[0]=c),nt(t[1])&&(t[1]=h),t[0]=po(ho(t[0],h),c),t[1]=po(ho(t[1],h),c)}}function VV(t,e,n,i,r,o,a){var s=NV(n[a],r,o);if(s){var l,u=s.id[lh[o]],c=u,h=!(l=s)||l.type!==PV&&l.type!==OV?null:l;h&&(c+=h.span[lh[o]]-1),t[0]=ho(t[0],u,c),t[1]=po(t[1],u,c)}else t[0]=t[1]=NaN}function GV(t,e){return nt(t[e][0])||nt(t[e][1])}function FV(t,e,n,i){e=e||WV;for(var r=0;r<i;r++)e[r]=!1;for(;;){var o=!1;for(r=0;r<i;r++){var a=n[r];!e[r]&&a.cellMergeOwner&&HV(t,a.locatorRange)&&(e[r]=!0,o=!0)}if(!o)break}}var WV=[];function HV(t,e){return!(!UV(t[0],e[0])||!UV(t[1],e[1]))&&(t[0][0]=ho(t[0][0],e[0][0]),t[0][1]=po(t[0][1],e[0][1]),t[1][0]=ho(t[1][0],e[1][0]),t[1][1]=po(t[1][1],e[1][1]),!0)}function UV(t,e){return t[1]>=e[0]&&t[0]<=e[1]}function YV(t,e){t.id.set(e[0][0],e[1][0]),t.span.set(e[0][1]-t.id.x+1,e[1][1]-t.id.y+1)}function XV(t,e,n,i){var r=NV(e[i][0],n,i),o=NV(e[i][1],n,i);t[lh[i]]=t[uh[i]]=NaN,r&&o&&(t[lh[i]]=r.xy,t[uh[i]]=o.xy+o.wh-r.xy)}function ZV(t,e,n,i){return t[lh[e]]=n,t[lh[1-e]]=i,t}var jV=function(){function t(t,e){this._cells=[],this._levels=[],this.dim=t,this.dimIdx="x"===t?0:1,this._model=e,this._uniqueValueGen=function(t){var e=t.toUpperCase(),n=new RegExp("^"+e+"([0-9]+)$"),i=0;function r(t){var e;null!=t&&(e=t.match(n))&&(i=po(i,+e[1]+1))}function o(){return""+e+i++}function a(t,e){for(var n=yt(),i=0;i<t.length;i++){var r=t[i];null!=r&&null==n.get(r)||(t[i]=r=o(),e[i].option=k({value:r},e[i].option)),n.set(r,!0)}}return{calcDupBase:r,ensureValueUnique:a}}(t);var n=e.get("data",!0);null==n||U(n)||(n=[]),n?this._initByDimModelData(n):this._initBySeriesData()}return t.prototype._initByDimModelData=function(t){var e=this,n=e._cells,i=e._levels,r=[],o=0;return e._leavesCount=function t(n,a,s){var l=0;if(!n)return l;return z(n,(function(n,u){var c;X(n)?c={value:n}:q(n)?(c=n,null==n.value||X(n.value)||(!0,c={value:null})):c={value:null};var h={type:OV,ordinal:NaN,level:s,firstLeafLocator:a,id:new Ae,span:ZV(new Ae,e.dimIdx,1,1),option:c,xy:NaN,wh:NaN,dim:e,rect:{x:NaN,y:NaN,width:NaN,height:NaN}};o++,(r[a]||(r[a]=[])).push(h),i[s]||(i[s]={type:LV,xy:NaN,wh:NaN,option:null,id:new Ae,dim:e});var d=t(c.children,a,s+1),p=Math.max(1,d);h.span[lh[e.dimIdx]]=p,l+=p,a+=p})),l}(t,0,0),void function(){var t=[];for(;n.length<o;)for(var i=0;i<r.length;i++){var a=r[i].pop();if(a){a.ordinal=t.length;var s=a.option.value;t.push(s),n.push(a),e._uniqueValueGen.calcDupBase(s)}}e._uniqueValueGen.ensureValueUnique(t,n);var l=e._ordinalMeta=new ab({categories:t,needCollect:!1,deduplication:!1});e._scale=new lb({ordinalMeta:l});for(var u=0;u<e._leavesCount;u++){var c=e._cells[u];c.type=PV,c.span[lh[1-e.dimIdx]]=e._levels.length-c.level}e._initCellsId(),e._initLevelIdOptions()}()},t.prototype._initBySeriesData=function(){var t=this;t._leavesCount=0,t._levels=[{type:LV,xy:NaN,wh:NaN,option:null,id:new Ae,dim:t}],t._initLevelIdOptions();var e=t._ordinalMeta=new ab({needCollect:!0,deduplication:!0,onCollect:function(e,n){var i=t._cells[n]={type:PV,ordinal:n,level:0,firstLeafLocator:n,id:new Ae,span:ZV(new Ae,t.dimIdx,1,1),option:{value:e+""},xy:NaN,wh:NaN,dim:t,rect:{x:NaN,y:NaN,width:NaN,height:NaN}};t._leavesCount++,t._setCellId(i)}});t._scale=new lb({ordinalMeta:e})},t.prototype._setCellId=function(t){var e=this._levels.length,n=this.dimIdx;ZV(t.id,n,t.firstLeafLocator,t.level-e)},t.prototype._initCellsId=function(){var t=this._levels.length,e=this.dimIdx;z(this._cells,(function(n){ZV(n.id,e,n.firstLeafLocator,n.level-t)}))},t.prototype._initLevelIdOptions=function(){var t=this._levels.length,e=this.dimIdx,n=this._model.get("levels",!0);n=U(n)?n:[],z(this._levels,(function(i,r){ZV(i.id,e,0,r-t),i.option=n[r]}))},t.prototype.shouldShow=function(){return!!this._model.getShallow("show",!0)},t.prototype.resetLayoutIterator=function(t,e,n,i){if(t=t||new va,e===this.dimIdx){var r=this._leavesCount,o=null!=n?Math.max(0,n):0;i=null!=i?Math.min(i,r):r,t.reset(this._cells,o,o+i)}else{r=this._levels.length,o=null!=n?Math.max(0,n+r):0;i=null!=i?Math.min(i,r):r,t.reset(this._levels,o,o+i)}return t},t.prototype.resetCellIterator=function(t){return(t||new va).reset(this._cells,0)},t.prototype.resetLevelIterator=function(t){return(t||new va).reset(this._levels,0)},t.prototype.getLayout=function(t,e,n){var i=this.getUnitLayoutInfo(e,n);t[lh[e]]=i?i.xy:NaN,t[uh[e]]=i?i.wh:NaN},t.prototype.getUnitLayoutInfo=function(t,e){return t===this.dimIdx?e<this._leavesCount?this._cells[e]:void 0:this._levels[e+this._levels.length]},t.prototype.getCell=function(t){var e=this._scale.parse(t);return nt(e)?void 0:this._cells[e]},t.prototype.getLocatorCount=function(t){return t===this.dimIdx?this._leavesCount:this._levels.length},t.prototype.getOrdinalMeta=function(){return this._ordinalMeta},t}();var qV=function(){function t(t,e,n){this._model=e,this._dims=n,this._kind=t,this._cellMergeOwnerList=[]}return t.prototype._ensureCellMap=function(){var t=this,e=t._cellMap;return e||(e=t._cellMap=yt(),function(){var e=[],i=t._model.getShallow("data");i&&!U(i)&&(i=null);z(i,(function(n,i){if(q(n)&&U(n.coord)){var r=zV([]),o=null;if(EV(r,o,n.coord,t._dims,n.coordClamp?RV[t._kind]:RV.none),!GV(r,0)&&!GV(r,1)){var a=n&&n.mergeCells,s={id:new Ae,span:new Ae,locatorRange:r,option:n,cellMergeOwner:a};YV(s,r),e.push(s)}}}));for(var r=[],o=0;o<e.length;o++){var a=e[o];if(a.cellMergeOwner){var s=a.locatorRange;FV(s,r,e,o);for(var l=0;l<o;l++)r[l]&&(e[l].cellMergeOwner=!1);if(s[0][0]!==a.id.x||s[1][0]!==a.id.y){a.cellMergeOwner=!1;var u=A({},a.option);u.coord=null;var c={id:new Ae,span:new Ae,locatorRange:s,option:u,cellMergeOwner:!0};YV(c,s),e.push(c)}}}z(e,(function(e){var i=n(e.id.x,e.id.y);if(e.cellMergeOwner&&(i.cellMergeOwner=!0,i.span=e.span,i.locatorRange=e.locatorRange,i.spanRect={x:NaN,y:NaN,width:NaN,height:NaN},t._cellMergeOwnerList.push(i)),e.cellMergeOwner||e.option)for(var r=0;r<e.span.y;r++)for(var o=0;o<e.span.x;o++){var a=n(e.id.x+o,e.id.y+r);a.option=e.option,e.cellMergeOwner&&(a.inSpanOf=i)}}))}()),e;function n(t,n){var i=$V(t,n),r=e.get(i);return r||(r=e.set(i,{id:new Ae(t,n),option:null,inSpanOf:null,span:null,spanRect:null,locatorRange:null,cellMergeOwner:!1})),r}},t.prototype.getCell=function(t){return this._ensureCellMap().get($V(t[0],t[1]))},t.prototype.travelExistingCells=function(t){this._ensureCellMap().each(t)},t.prototype.expandRangeByCellMerge=function(t){if(!GV(t,0)&&!GV(t,1)&&t[0][0]===t[0][1]&&t[1][0]===t[1][1]){KV[0]=t[0][0],KV[1]=t[1][0];var e=this.getCell(KV),n=e&&e.inSpanOf;if(n)return void function(t,e){t[0][0]=e[0][0],t[0][1]=e[0][1],t[1][0]=e[1][0],t[1][1]=e[1][1]}(t,n.locatorRange)}var i=this._cellMergeOwnerList;FV(t,null,i,i.length)},t}(),KV=[];function $V(t,e){return t+"|"+e}var JV={show:!0,color:tf.color.secondary,overflow:"break",lineOverflow:"truncate",padding:[2,3,2,3],distance:0};function QV(t){return{color:"none",borderWidth:1,borderColor:t?"none":tf.color.borderTint}}var tG={show:!0,label:JV,itemStyle:QV(!1),silent:void 0,dividerLineStyle:{width:1,color:tf.color.border}},eG={z:-50,left:"10%",top:"10%",right:"10%",bottom:"10%",x:tG,y:tG,body:{label:JV,itemStyle:QV(!1),silent:void 0},corner:{label:JV,itemStyle:QV(!0),silent:void 0},backgroundStyle:{color:"none",borderColor:tf.color.axisLine,borderWidth:1}},nG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){var t=this._dimModels={x:new iG(this.get("x",!0)||{}),y:new iG(this.get("y",!0)||{})};t.x.option.type=t.y.option.type="category";var e={x:t.x.dim=new jV("x",t.x),y:t.y.dim=new jV("y",t.y)};this._body=new qV("body",new wd(this.getShallow("body")),e),this._corner=new qV("corner",new wd(this.getShallow("corner")),e)},e.prototype.getDimensionModel=function(t){return this._dimModels[t]},e.prototype.getBody=function(){return this._body},e.prototype.getCorner=function(){return this._corner},e.type="matrix",e.layoutMode="box",e.defaultOption=eG,e}(Qp),iG=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getOrdinalMeta=function(){return this.dim.getOrdinalMeta()},e}(wd),rG=Math.round,oG={normal:25,special:100},aG={normal:50,special:125},sG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e){this.group.removeAll();var n=this.group,i=t.coordinateSystem.getRect(),r=t.getDimensionModel("x"),o=t.getDimensionModel("y"),a=r.dim,s=o.dim;!function(t,e,n){function i(i){var r=e.getDimensionModel(lh[i]),o=r.dim;if(o.shouldShow())for(var a=r.getModel("itemStyle"),s=r.getModel("label"),l=e.getShallow("tooltip",!0),u=[],c=o.resetCellIterator();c.next();){var h=c.item,d={};He.copy(d,h.rect),Dt(u,h.id.x,h.id.y),lG(u,e,t,n,h.option,a,s,r,d,h.option.value,aG,l)}}i(0),i(1)}(n,t,e),function(t,e,n,i,r){o("body",e.getBody(),n,i),n.shouldShow()&&i.shouldShow()&&o("corner",e.getCorner(),i,n);function o(n,i,o,a){var s=new wd(e.getShallow(n,!0)),l=s.getModel("itemStyle"),u=s.getModel("label"),c=new va,h=new va,d=[],p=e.getShallow("tooltip",!0);for(a.resetLayoutIterator(h,1);h.next();)for(o.resetLayoutIterator(c,0);c.next();){var f=c.item,g=h.item;Dt(d,f.id.x,g.id.y);var y=i.getCell(d);if(!y||!y.inSpanOf||y.inSpanOf===y){var v={};y&&y.span?He.copy(v,y.spanRect):(f.dim.getLayout(v,0,d[0]),g.dim.getLayout(v,1,d[1]));var m=y?y.option:null;lG(d,e,t,r,m,l,u,s,v,m?m.value:null,oG,p)}}}}(n,t,a,s,e);var l=rt(t.getShallow("borderZ2",!0),99),u=l-1,c=t.getModel("backgroundStyle").getItemStyle(["borderWidth"]);c.lineWidth=0;var h=t.getModel("backgroundStyle").getItemStyle(["color","decal","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"]);h.fill="none";var d=pG(i.clone(),c,0),p=pG(i.clone(),h,l);d.silent=!0,p.silent=!0,n.add(d),n.add(p);var f=a.getUnitLayoutInfo(0,0),g=s.getUnitLayoutInfo(1,0);f&&g&&(a.shouldShow()&&n.add(fG({x1:i.x,y1:g.xy,x2:i.x+i.width,y2:g.xy},r.getModel("dividerLineStyle").getLineStyle(),u)),s.shouldShow()&&n.add(fG({x1:f.xy,y1:i.y,x2:f.xy,y2:i.y+i.height},o.getModel("dividerLineStyle").getLineStyle(),u)))},e.type="matrix",e}(Ky);function lG(t,e,n,i,r,o,a,s,l,u,c,h){var d;cG.option=r?r.itemStyle:null,cG.parentModel=o,uG.option=r,uG.parentModel=s;var p=rt(uG.getShallow("z2"),r&&r.itemStyle?c.special:c.normal),f=h&&h.show,g=pG(l,cG.getItemStyle(),p);n.add(g);var y,v=uG.get("cursor");if(null!=v&&g.attr("cursor",v),null!=u){var m=u+"";if(hG.option=r?r.label:null,hG.parentModel=a,hG.ecModel=i,$h(g,{normal:hG},{defaultText:m,autoOverflowArea:!0,layoutRect:T(g.shape)}),y=g.getTextContent()){y.z2=p+1;var x=y.style;if(x&&x.overflow&&"none"!==x.overflow&&x.lineOverflow){var _={};He.copy(_,l),Oh(_,((null===(d=g.style)||void 0===d?void 0:d.lineWidth)||0)/2,!0,!0),g.updateInnerText(),y.getLocalTransform(dG),Te(dG,dG),He.applyTransform(_,_,dG),y.setClipPath(new xl({shape:_}))}}zh({el:g,componentModel:e,itemName:m,itemTooltipOption:h,formatterParamsExtra:{xyLocator:t.slice()}})}if(y){var b=hG.get("silent");null==b&&(b=!f),y.silent=b,y.ignoreHostSilent=!0}var w=uG.get("silent");null==w&&(w=!g.style||"none"===g.style.fill||!g.style.fill),g.silent=w,ma(uG),ma(cG),ma(hG)}var uG=new wd,cG=new wd,hG=new wd,dG=[];function pG(t,e,n){var i=e.lineWidth;if(i){var r=t.x+t.width,o=t.y+t.height;t.x=yl(t.x,i,!0),t.y=yl(t.y,i,!0),t.width=yl(r,i,!0)-t.x,t.height=yl(o,i,!0)-t.y}return new xl({shape:t,style:e,z2:n})}function fG(t,e,n){var i=e.lineWidth;return i&&(rG(2*t.x1)===rG(2*t.x2)&&(t.x1=t.x2=yl(t.x1,i,!0)),rG(2*t.y1)===rG(2*t.y2)&&(t.y1=t.y2=yl(t.y1,i,!0))),new Ac({shape:t,style:e,silent:!0,z2:n})}var gG=function(){function t(e,n,i){this.dimensions=t.dimensions,this.type="matrix",this._model=e;var r=this._dimModels={x:e.getDimensionModel("x"),y:e.getDimensionModel("y")};this._dims={x:r.x.dim,y:r.y.dim},this._resize(e,i)}return t.getDimensionsInfo=function(){return[{name:"x",type:"ordinal"},{name:"y",type:"ordinal"},{name:"value"}]},t.create=function(e,n){var i=[];return e.eachComponent("matrix",(function(r){var o=new t(r,e,n);i.push(o),r.coordinateSystem=o})),e.eachComponent((function(t,e){Rp({targetModel:e,coordSysType:"matrix",coordSysProvider:Np})})),i},t.prototype.getRect=function(){return this._rect},t.prototype._resize=function(t,e){var n=this._dims,i=this._dimModels,r=this._rect=Hp(t.getBoxLayoutParams(),{width:e.getWidth(),height:e.getHeight()});xG(i,n,r,0),xG(i,n,r,1),_G(0,n),_G(1,n),bG(this._model.getBody(),n),bG(this._model.getCorner(),n)},t.prototype.dataToPoint=function(t,e,n){return n=n||[],this.dataToLayout(t,e,yG),n[0]=yG.rect.x+yG.rect.width/2,n[1]=yG.rect.y+yG.rect.height/2,n},t.prototype.dataToLayout=function(t,e,n){var i=this._dims,r=(n=n||{}).rect=n.rect||{};r.x=r.y=r.width=r.height=NaN;var o=n.matrixXYLocatorRange=zV(n.matrixXYLocatorRange);return U(t)?(EV(o,null,t,i,rt(e&&e.clamp,RV.none)),e&&e.ignoreMergeCells||(e&&e.clamp===RV.corner||this._model.getBody().expandRangeByCellMerge(o),e&&e.clamp===RV.body||this._model.getCorner().expandRangeByCellMerge(o)),XV(r,o,i,0),XV(r,o,i,1),n):n},t.prototype.pointToData=function(t,e,n){var i=this._dims;return CG(TG,0,i,t,e&&e.clamp),CG(TG,1,i,t,e&&e.clamp),(n=n||[])[0]=n[1]=NaN,TG.y===IG.inCorner&&TG.x===IG.inBody?DG(TG,n,0,i):TG.x===IG.inCorner&&TG.y===IG.inBody?DG(TG,n,1,i):(AG(TG,n,0,i),AG(TG,n,1,i)),n},t.prototype.convertToPixel=function(t,e,n,i){var r=MG(e);return r===this?r.dataToPoint(n,i):void 0},t.prototype.convertToLayout=function(t,e,n,i){var r=MG(e);return r===this?r.dataToLayout(n,i):void 0},t.prototype.convertFromPixel=function(t,e,n,i){var r=MG(e);return r===this?r.pointToData(n,i):void 0},t.prototype.containPoint=function(t){return this._rect.contain(t[0],t[1])},t.dimensions=["x","y","value"],t}(),yG={rect:{x:NaN,y:NaN,width:NaN,height:NaN}},vG=new va,mG=new va;function xG(t,e,n,i){for(var r=1-i,o=e[lh[i]],a=e[lh[r]],s=a.shouldShow(),l=o.resetCellIterator();l.next();)l.item.wh=l.item.xy=NaN;for(var u=a.resetLayoutIterator(null,i);u.next();)u.item.wh=u.item.xy=NaN;for(var c=n[uh[i]],h=o.getLocatorCount(i)+a.getLocatorCount(i),d=new wd,p=a.resetLevelIterator();p.next();)d.option=p.item.option,d.parentModel=t[lh[r]],y(p.item,s?d.get("levelSize"):0);for(var f=new wd,g=o.resetCellIterator();g.next();)g.item.type===PV&&(f.option=g.item.option,f.parentModel=void 0,y(g.item,f.get("size")));function y(t,e){var r=function(t,e,n){var i=vo(t,n[uh[e]]);return SG(i,n[uh[e]])}(e,i,n);nt(r)||(t.wh=SG(r,c),c=SG(c-t.wh),h--)}var v=h?c/h:0,m=!h&&c>=1,x=n[lh[i]],_=o.getLocatorCount(i)-1,b=new va;for(a.resetLayoutIterator(b,i);b.next();)w(b.item);for(o.resetLayoutIterator(b,i);b.next();)w(b.item);function w(t){nt(t.wh)&&(t.wh=v),t.xy=x,t.id[lh[i]]!==_||m||(t.wh=n[lh[i]]+n[uh[i]]-t.xy),x+=t.wh}}function _G(t,e){for(var n=e[lh[t]].resetCellIterator();n.next();){var i=n.item;wG(i.rect,t,i.id,i.span,e),wG(i.rect,1-t,i.id,i.span,e),i.type===OV&&(i.xy=i.rect[lh[t]],i.wh=i.rect[uh[t]])}}function bG(t,e){t.travelExistingCells((function(t){var n=t.span;if(n){var i=t.spanRect,r=t.id;wG(i,0,r,n,e),wG(i,1,r,n,e)}}))}function wG(t,e,n,i,r){t[uh[e]]=0;var o=n[lh[e]]<0?r[lh[1-e]]:r[lh[e]],a=o.getUnitLayoutInfo(e,n[lh[e]]);if(t[lh[e]]=a.xy,t[uh[e]]=a.wh,i[lh[e]]>1){var s=o.getUnitLayoutInfo(e,n[lh[e]]+i[lh[e]]-1);t[uh[e]]=s.xy+s.wh-a.xy}}function SG(t,e){return Math.max(Math.min(t,rt(e,1/0)),0)}function MG(t){var e=t.matrixModel,n=t.seriesModel;return e?e.coordinateSystem:n?n.coordinateSystem:null}var IG={inBody:1,inCorner:2,outside:3},TG={x:null,y:null,point:[]};function CG(t,e,n,i,r){var o=n[lh[e]],a=n[lh[1-e]],s=o.getUnitLayoutInfo(e,o.getLocatorCount(e)-1),l=o.getUnitLayoutInfo(e,0),u=a.getUnitLayoutInfo(e,-a.getLocatorCount(e)),c=a.shouldShow()?a.getUnitLayoutInfo(e,-1):null,h=t.point[e]=i[e];if(l||c)if(r!==RV.body)if(r!==RV.corner){var d=l?l.xy:c?c.xy+c.wh:NaN,p=u?u.xy:d,f=s?s.xy+s.wh:d;if(h<p){if(!r)return void(t[lh[e]]=IG.outside);h=p}else if(h>f){if(!r)return void(t[lh[e]]=IG.outside);h=f}t.point[e]=h,t[lh[e]]=d<=h&&h<=f?IG.inBody:p<=h&&h<=d?IG.inCorner:IG.outside}else c?(t[lh[e]]=IG.inCorner,h=ho(c.xy+c.wh,po(u.xy,h)),t.point[e]=h):t[lh[e]]=IG.outside;else l?(t[lh[e]]=IG.inBody,h=ho(s.xy+s.wh,po(l.xy,h)),t.point[e]=h):t[lh[e]]=IG.outside;else t[lh[e]]=IG.outside}function DG(t,e,n,i){var r=1-n;if(t[lh[n]]!==IG.outside)for(i[lh[n]].resetCellIterator(mG);mG.next();){var o=mG.item;if(kG(t.point[n],o.rect,n)&&kG(t.point[r],o.rect,r))return e[n]=o.ordinal,void(e[r]=o.id[lh[r]])}}function AG(t,e,n,i){var r,o;if(t[lh[n]]!==IG.outside)for((t[lh[n]]===IG.inCorner?i[lh[1-n]]:i[lh[n]]).resetLayoutIterator(vG,n);vG.next();)if(r=t.point[n],(o=vG.item).xy<=r&&r<=o.xy+o.wh)return void(e[n]=vG.item.id[lh[n]])}function kG(t,e,n){return e[lh[n]]<=t&&t<=e[lh[n]]+e[uh[n]]}function LG(t,e){var n;return z(e,(function(e){null!=t[e]&&"auto"!==t[e]&&(n=!0)})),n}var PG=["transition","enterFrom","leaveTo"],OG=PG.concat(["enterAnimation","updateAnimation","leaveAnimation"]);function RG(t,e,n){if(n&&(!t[n]&&e[n]&&(t[n]={}),t=t[n],e=e[n]),t&&e)for(var i=n?PG:OG,r=0;r<i.length;r++){var o=i[r];null==t[o]&&null!=e[o]&&(t[o]=e[o])}}var NG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.preventAutoZ=!0,n}return n(e,t),e.prototype.mergeOption=function(e,n){var i=this.option.elements;this.option.elements=null,t.prototype.mergeOption.call(this,e,n),this.option.elements=i},e.prototype.optionUpdated=function(t,e){var n=this.option,i=(e?n:t).elements,r=n.elements=e?[]:n.elements,o=[];this._flatten(i,o,null);var a=ta(r,o,"normalMerge"),s=this._elOptionsToUpdate=[];z(a,(function(t,e){var n=t.newOption;n&&(s.push(n),function(t,e){var n=t.existing;if(e.id=t.keyInfo.id,!e.type&&n&&(e.type=n.type),null==e.parentId){var i=e.parentOption;i?e.parentId=i.id:n&&(e.parentId=n.parentId)}e.parentOption=null}(t,n),function(t,e,n){var i=A({},n),r=t[e],o=n.$action||"merge";"merge"===o?r?(C(r,i,!0),qp(r,i,{ignoreSize:!0}),$p(n,r),RG(n,r),RG(n,r,"shape"),RG(n,r,"style"),RG(n,r,"extra"),n.clipPath=r.clipPath):t[e]=i:"replace"===o?t[e]=i:"remove"===o&&r&&(t[e]=null)}(r,e,n),function(t,e){if(t&&(t.hv=e.hv=[LG(e,["left","right"]),LG(e,["top","bottom"])],"group"===t.type)){var n=t,i=e;null==n.width&&(n.width=i.width=0),null==n.height&&(n.height=i.height=0)}}(r[e],n))}),this),n.elements=V(r,(function(t){return t&&delete t.$action,null!=t}))},e.prototype._flatten=function(t,e,n){z(t,(function(t){if(t){n&&(t.parentOption=n),e.push(t);var i=t.children;i&&i.length&&this._flatten(i,e,t),delete t.children}}),this)},e.prototype.useElOptionsToUpdate=function(){var t=this._elOptionsToUpdate;return this._elOptionsToUpdate=null,t},e.type="graphic",e.defaultOption={elements:[]},e}(Qp),zG={path:null,compoundPath:null,group:to,image:dl,text:Sl},EG=sa(),BG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){this._elMap=yt()},e.prototype.render=function(t,e,n){t!==this._lastGraphicModel&&this._clear(),this._lastGraphicModel=t,this._updateElements(t),this._relocate(t,n)},e.prototype._updateElements=function(t){var e=t.useElOptionsToUpdate();if(e){var n=this._elMap,i=this.group,r=t.get("z"),o=t.get("zlevel");z(e,(function(e){var a=ia(e.id,null),s=null!=a?n.get(a):null,l=ia(e.parentId,null),u=null!=l?n.get(l):i,c=e.type,h=e.style;"text"===c&&h&&e.hv&&e.hv[1]&&(h.textVerticalAlign=h.textBaseline=h.verticalAlign=h.align=null);var d=e.textContent,p=e.textConfig;if(h&&jz(h,c,!!p,!!d)){var f=qz(h,c,!0);!p&&f.textConfig&&(p=e.textConfig=f.textConfig),!d&&f.textContent&&(d=f.textContent)}var g=function(t){return t=A({},t),z(["id","parentId","$action","hv","bounding","textContent","clipPath"].concat(Ep),(function(e){delete t[e]})),t}(e);var y=e.$action||"merge",v="merge"===y,m="replace"===y;if(v){var x=s;(T=!s)?x=GG(a,u,e.type,n):(x&&(EG(x).isNew=!1),yE(x)),x&&(rE(x,g,t,{isInit:T}),WG(x,e,r,o))}else if(m){FG(s,e,n,t);var _=GG(a,u,e.type,n);_&&(rE(_,g,t,{isInit:!0}),WG(_,e,r,o))}else"remove"===y&&(oE(s,e),FG(s,e,n,t));var b=n.get(a);if(b&&d)if(v){var w=b.getTextContent();w?w.attr(d):b.setTextContent(new Sl(d))}else m&&b.setTextContent(new Sl(d));if(b){var S=e.clipPath;if(S){var M=S.type,I=void 0,T=!1;if(v){var C=b.getClipPath();I=(T=!C||EG(C).type!==M)?VG(M):C}else m&&(T=!0,I=VG(M));b.setClipPath(I),rE(I,S,t,{isInit:T}),vE(I,S.keyframeAnimation,t)}var D=EG(b);b.setTextConfig(p),D.option=e,function(t,e,n){var i=zl(t).eventData;t.silent||t.ignore||i||(i=zl(t).eventData={componentType:"graphic",componentIndex:e.componentIndex,name:t.name});i&&(i.info=n.info)}(b,t,e),zh({el:b,componentModel:t,itemName:b.name,itemTooltipOption:e.tooltip}),vE(b,e.keyframeAnimation,t)}}))}},e.prototype._relocate=function(t,e){for(var n=t.option.elements,i=this.group,r=this._elMap,o=e.getWidth(),a=e.getHeight(),s=["x","y"],l=0;l<n.length;l++){if((f=null!=(p=ia((d=n[l]).id,null))?r.get(p):null)&&f.isGroup){var u=(g=f.parent)===i,c=EG(f),h=EG(g);c.width=yo(c.option.width,u?o:h.width)||0,c.height=yo(c.option.height,u?a:h.height)||0}}for(l=n.length-1;l>=0;l--){var d,p,f;if(f=null!=(p=ia((d=n[l]).id,null))?r.get(p):null){var g=f.parent,y=(h=EG(g),{}),v=Zp(f,d,g===i?{width:o,height:a}:{width:h.width,height:h.height},null,{hv:d.hv,boundingMode:d.bounding},y);if(!EG(f).isNew&&v){for(var m=d.transition,x={},_=0;_<s.length;_++){var b=s[_],w=y[b];m&&(sE(m)||P(m,b)>=0)?x[b]=w:f[b]=w}th(f,x,t,0)}else f.attr(y)}}},e.prototype._clear=function(){var t=this,e=this._elMap;e.each((function(n){FG(n,EG(n).option,e,t._lastGraphicModel)})),this._elMap=yt()},e.prototype.dispose=function(){this._clear()},e.type="graphic",e}(Ky);function VG(t){var e=_t(zG,t)?zG[t]:fh(t);var n=new e({});return EG(n).type=t,n}function GG(t,e,n,i){var r=VG(n);return e.add(r),i.set(t,r),EG(r).id=t,EG(r).isNew=!0,r}function FG(t,e,n,i){t&&t.parent&&("group"===t.type&&t.traverse((function(t){FG(t,e,n,i)})),aE(t,e,i),n.removeKey(EG(t).id))}function WG(t,e,n,i){t.isGroup||z([["cursor",os.prototype.cursor],["zlevel",i||0],["z",n||0],["z2",0]],(function(n){var i=n[0];_t(e,i)?t[i]=rt(e[i],n[1]):null==t[i]&&(t[i]=n[1])})),z(F(e),(function(n){if(0===n.indexOf("on")){var i=e[n];t[n]=Y(i)?i:null}})),_t(e,"draggable")&&(t.draggable=e.draggable),null!=e.name&&(t.name=e.name),null!=e.id&&(t.id=e.id)}var HG=["x","y","radius","angle","single"],UG=["cartesian2d","polar","singleAxis"];function YG(t){return t+"Axis"}function XG(t,e){var n,i=yt(),r=[],o=yt();t.eachComponent({mainType:"dataZoom",query:e},(function(t){o.get(t.uid)||s(t)}));do{n=!1,t.eachComponent("dataZoom",a)}while(n);function a(t){!o.get(t.uid)&&function(t){var e=!1;return t.eachTargetAxis((function(t,n){var r=i.get(t);r&&r[n]&&(e=!0)})),e}(t)&&(s(t),n=!0)}function s(t){o.set(t.uid,!0),r.push(t),t.eachTargetAxis((function(t,e){(i.get(t)||i.set(t,[]))[e]=!0}))}return r}function ZG(t){var e=t.ecModel,n={infoList:[],infoMap:yt()};return t.eachTargetAxis((function(t,i){var r=e.getComponent(YG(t),i);if(r){var o=r.getCoordSysModel();if(o){var a=o.uid,s=n.infoMap.get(a);s||(s={model:o,axisModels:[]},n.infoList.push(s),n.infoMap.set(a,s)),s.axisModels.push(r)}}})),n}var jG=function(){function t(){this.indexList=[],this.indexMap=[]}return t.prototype.add=function(t){this.indexMap[t]||(this.indexList.push(t),this.indexMap[t]=!0)},t}(),qG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._autoThrottle=!0,n._noTarget=!0,n._rangePropMode=["percent","percent"],n}return n(e,t),e.prototype.init=function(t,e,n){var i=KG(t);this.settledOption=i,this.mergeDefaultAndTheme(t,n),this._doInit(i)},e.prototype.mergeOption=function(t){var e=KG(t);C(this.option,t,!0),C(this.settledOption,e,!0),this._doInit(e)},e.prototype._doInit=function(t){var e=this.option;this._setDefaultThrottle(t),this._updateRangeUse(t);var n=this.settledOption;z([["start","startValue"],["end","endValue"]],(function(t,i){"value"===this._rangePropMode[i]&&(e[t[0]]=n[t[0]]=null)}),this),this._resetTarget()},e.prototype._resetTarget=function(){var t=this.get("orient",!0),e=this._targetAxisInfoMap=yt();this._fillSpecifiedTargetAxis(e)?this._orient=t||this._makeAutoOrientByTargetAxis():(this._orient=t||"horizontal",this._fillAutoTargetAxisByOrient(e,this._orient)),this._noTarget=!0,e.each((function(t){t.indexList.length&&(this._noTarget=!1)}),this)},e.prototype._fillSpecifiedTargetAxis=function(t){var e=!1;return z(HG,(function(n){var i=this.getReferringComponents(YG(n),da);if(i.specified){e=!0;var r=new jG;z(i.models,(function(t){r.add(t.componentIndex)})),t.set(n,r)}}),this),e},e.prototype._fillAutoTargetAxisByOrient=function(t,e){var n=this.ecModel,i=!0;if(i){var r="vertical"===e?"y":"x";o(n.findComponents({mainType:r+"Axis"}),r)}i&&o(n.findComponents({mainType:"singleAxis",filter:function(t){return t.get("orient",!0)===e}}),"single");function o(e,n){var r=e[0];if(r){var o=new jG;if(o.add(r.componentIndex),t.set(n,o),i=!1,"x"===n||"y"===n){var a=r.getReferringComponents("grid",ha).models[0];a&&z(e,(function(t){r.componentIndex!==t.componentIndex&&a===t.getReferringComponents("grid",ha).models[0]&&o.add(t.componentIndex)}))}}}i&&z(HG,(function(e){if(i){var r=n.findComponents({mainType:YG(e),filter:function(t){return"category"===t.get("type",!0)}});if(r[0]){var o=new jG;o.add(r[0].componentIndex),t.set(e,o),i=!1}}}),this)},e.prototype._makeAutoOrientByTargetAxis=function(){var t;return this.eachTargetAxis((function(e){!t&&(t=e)}),this),"y"===t?"vertical":"horizontal"},e.prototype._setDefaultThrottle=function(t){if(t.hasOwnProperty("throttle")&&(this._autoThrottle=!1),this._autoThrottle){var e=this.ecModel.option;this.option.throttle=e.animation&&e.animationDurationUpdate>0?100:20}},e.prototype._updateRangeUse=function(t){var e=this._rangePropMode,n=this.get("rangeMode");z([["start","startValue"],["end","endValue"]],(function(i,r){var o=null!=t[i[0]],a=null!=t[i[1]];o&&!a?e[r]="percent":!o&&a?e[r]="value":n?e[r]=n[r]:o&&(e[r]="percent")}))},e.prototype.noTarget=function(){return this._noTarget},e.prototype.getFirstTargetAxisModel=function(){var t;return this.eachTargetAxis((function(e,n){null==t&&(t=this.ecModel.getComponent(YG(e),n))}),this),t},e.prototype.eachTargetAxis=function(t,e){this._targetAxisInfoMap.each((function(n,i){z(n.indexList,(function(n){t.call(e,i,n)}))}))},e.prototype.getAxisProxy=function(t,e){var n=this.getAxisModel(t,e);if(n)return n.__dzAxisProxy},e.prototype.getAxisModel=function(t,e){var n=this._targetAxisInfoMap.get(t);if(n&&n.indexMap[e])return this.ecModel.getComponent(YG(t),e)},e.prototype.setRawRange=function(t){var e=this.option,n=this.settledOption;z([["start","startValue"],["end","endValue"]],(function(i){null==t[i[0]]&&null==t[i[1]]||(e[i[0]]=n[i[0]]=t[i[0]],e[i[1]]=n[i[1]]=t[i[1]])}),this),this._updateRangeUse(t)},e.prototype.setCalculatedRange=function(t){var e=this.option;z(["start","startValue","end","endValue"],(function(n){e[n]=t[n]}))},e.prototype.getPercentRange=function(){var t=this.findRepresentativeAxisProxy();if(t)return t.getDataPercentWindow()},e.prototype.getValueRange=function(t,e){if(null!=t||null!=e)return this.getAxisProxy(t,e).getDataValueWindow();var n=this.findRepresentativeAxisProxy();return n?n.getDataValueWindow():void 0},e.prototype.findRepresentativeAxisProxy=function(t){if(t)return t.__dzAxisProxy;for(var e,n=this._targetAxisInfoMap.keys(),i=0;i<n.length;i++)for(var r=n[i],o=this._targetAxisInfoMap.get(r),a=0;a<o.indexList.length;a++){var s=this.getAxisProxy(r,o.indexList[a]);if(s.hostedBy(this))return s;e||(e=s)}return e},e.prototype.getRangePropMode=function(){return this._rangePropMode.slice()},e.prototype.getOrient=function(){return this._orient},e.type="dataZoom",e.dependencies=["xAxis","yAxis","radiusAxis","angleAxis","singleAxis","series","toolbox"],e.defaultOption={z:4,filterMode:"filter",start:0,end:100},e}(Qp);function KG(t){var e={};return z(["start","end","startValue","endValue","throttle"],(function(n){t.hasOwnProperty(n)&&(e[n]=t[n])})),e}var $G=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.select",e}(qG),JG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){this.dataZoomModel=t,this.ecModel=e,this.api=n},e.type="dataZoom",e}(Ky),QG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.select",e}(JG),tF=z,eF=xo,nF=function(){function t(t,e,n,i){this._dimName=t,this._axisIndex=e,this.ecModel=i,this._dataZoomModel=n}return t.prototype.hostedBy=function(t){return this._dataZoomModel===t},t.prototype.getDataValueWindow=function(){return this._valueWindow.slice()},t.prototype.getDataPercentWindow=function(){return this._percentWindow.slice()},t.prototype.getTargetSeriesModels=function(){var t=[];return this.ecModel.eachSeries((function(e){if(function(t){var e=t.get("coordinateSystem");return P(UG,e)>=0}(e)){var n=YG(this._dimName),i=e.getReferringComponents(n,ha).models[0];i&&this._axisIndex===i.componentIndex&&t.push(e)}}),this),t},t.prototype.getAxisModel=function(){return this.ecModel.getComponent(this._dimName+"Axis",this._axisIndex)},t.prototype.getMinMaxSpan=function(){return T(this._minMaxSpan)},t.prototype.calculateDataWindow=function(t){var e,n=this._dataExtent,i=this.getAxisModel().axis.scale,r=this._dataZoomModel.getRangePropMode(),o=[0,100],a=[],s=[];tF(["start","end"],(function(l,u){var c=t[l],h=t[l+"Value"];"percent"===r[u]?(null==c&&(c=o[u]),h=i.parse(go(c,o,n))):(e=!0,c=go(h=null==h?n[u]:i.parse(h),n,o)),s[u]=null==h||isNaN(h)?n[u]:h,a[u]=null==c||isNaN(c)?o[u]:c})),eF(s),eF(a);var l=this._minMaxSpan;function u(t,e,n,r,o){var a=o?"Span":"ValueSpan";CO(0,t,n,"all",l["min"+a],l["max"+a]);for(var s=0;s<2;s++)e[s]=go(t[s],n,r,!0),o&&(e[s]=i.parse(e[s]))}return e?u(s,a,n,o,!1):u(a,s,o,n,!0),{valueWindow:s,percentWindow:a}},t.prototype.reset=function(t){if(t===this._dataZoomModel){var e=this.getTargetSeriesModels();this._dataExtent=function(t,e,n){var i=[1/0,-1/0];tF(n,(function(t){!function(t,e,n){e&&z(Jb(e,n),(function(n){var i=e.getApproximateExtent(n);i[0]<t[0]&&(t[0]=i[0]),i[1]>t[1]&&(t[1]=i[1])}))}(i,t.getData(),e)}));var r=t.getAxisModel(),o=Hb(r.axis.scale,r,i).calculate();return[o.min,o.max]}(this,this._dimName,e),this._updateMinMaxSpan();var n=this.calculateDataWindow(t.settledOption);this._valueWindow=n.valueWindow,this._percentWindow=n.percentWindow,this._setAxisModel()}},t.prototype.filterData=function(t,e){if(t===this._dataZoomModel){var n=this._dimName,i=this.getTargetSeriesModels(),r=t.get("filterMode"),o=this._valueWindow;"none"!==r&&tF(i,(function(t){var e=t.getData(),i=e.mapDimensionsAll(n);if(i.length){if("weakFilter"===r){var a=e.getStore(),s=E(i,(function(t){return e.getDimensionIndex(t)}),e);e.filterSelf((function(t){for(var e,n,r,l=0;l<i.length;l++){var u=a.get(s[l],t),c=!isNaN(u),h=u<o[0],d=u>o[1];if(c&&!h&&!d)return!0;c&&(r=!0),h&&(e=!0),d&&(n=!0)}return r&&e&&n}))}else tF(i,(function(n){if("empty"===r)t.setData(e=e.map(n,(function(t){return function(t){return t>=o[0]&&t<=o[1]}(t)?t:NaN})));else{var i={};i[n]=o,e.selectRange(i)}}));tF(i,(function(t){e.setApproximateExtent(o,t)}))}}))}},t.prototype._updateMinMaxSpan=function(){var t=this._minMaxSpan={},e=this._dataZoomModel,n=this._dataExtent;tF(["min","max"],(function(i){var r=e.get(i+"Span"),o=e.get(i+"ValueSpan");null!=o&&(o=this.getAxisModel().axis.scale.parse(o)),null!=o?r=go(n[0]+o,n,[0,100],!0):null!=r&&(o=go(r,[0,100],n,!0)-n[0]),t[i+"Span"]=r,t[i+"ValueSpan"]=o}),this)},t.prototype._setAxisModel=function(){var t=this.getAxisModel(),e=this._percentWindow,n=this._valueWindow;if(e){var i=wo(n,[0,500]);i=Math.min(i,20);var r=t.axis.scale.rawExtentInfo;0!==e[0]&&r.setDeterminedMinMax("min",+n[0].toFixed(i)),100!==e[1]&&r.setDeterminedMinMax("max",+n[1].toFixed(i)),r.freeze()}},t}();var iF={getTargetSeries:function(t){function e(e){t.eachComponent("dataZoom",(function(n){n.eachTargetAxis((function(i,r){var o=t.getComponent(YG(i),r);e(i,r,o,n)}))}))}e((function(t,e,n,i){n.__dzAxisProxy=null}));var n=[];e((function(e,i,r,o){r.__dzAxisProxy||(r.__dzAxisProxy=new nF(e,i,o,t),n.push(r.__dzAxisProxy))}));var i=yt();return z(n,(function(t){z(t.getTargetSeriesModels(),(function(t){i.set(t.uid,t)}))})),i},overallReset:function(t,e){t.eachComponent("dataZoom",(function(t){t.eachTargetAxis((function(e,n){t.getAxisProxy(e,n).reset(t)})),t.eachTargetAxis((function(n,i){t.getAxisProxy(n,i).filterData(t,e)}))})),t.eachComponent("dataZoom",(function(t){var e=t.findRepresentativeAxisProxy();if(e){var n=e.getDataPercentWindow(),i=e.getDataValueWindow();t.setCalculatedRange({start:n[0],end:n[1],startValue:i[0],endValue:i[1]})}}))}};var rF=!1;function oF(t){rF||(rF=!0,t.registerProcessor(t.PRIORITY.PROCESSOR.FILTER,iF),function(t){t.registerAction("dataZoom",(function(t,e){z(XG(e,t),(function(e){e.setRawRange({start:t.start,end:t.end,startValue:t.startValue,endValue:t.endValue})}))}))}(t),t.registerSubTypeDefaulter("dataZoom",(function(){return"slider"})))}function aF(t){t.registerComponentModel($G),t.registerComponentView(QG),oF(t)}var sF=function(){},lF={};function uF(t,e){lF[t]=e}function cF(t){return lF[t]}var hF=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){t.prototype.optionUpdated.apply(this,arguments);var e=this.ecModel;z(this.option.feature,(function(t,n){var i=cF(n);i&&(i.getDefaultOption&&(i.defaultOption=i.getDefaultOption(e)),C(t,i.defaultOption))}))},e.type="toolbox",e.layoutMode={type:"box",ignoreSize:!0},e.defaultOption={show:!0,z:6,orient:"horizontal",left:"right",top:"top",backgroundColor:"transparent",borderColor:tf.color.border,borderRadius:0,borderWidth:0,padding:tf.size.m,itemSize:15,itemGap:tf.size.s,showTitle:!0,iconStyle:{borderColor:tf.color.accent50,color:"none"},emphasis:{iconStyle:{borderColor:tf.color.accent50}},tooltip:{show:!1,position:"bottom"}},e}(Qp);function dF(t,e){var n=yp(e.get("padding")),i=e.getItemStyle(["color","opacity"]);return i.fill=e.get("backgroundColor"),new xl({shape:{x:t.x-n[3],y:t.y-n[0],width:t.width+n[1]+n[3],height:t.height+n[0]+n[2],r:e.get("borderRadius")},style:i,silent:!0,z2:-1})}var pF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(t,e,n,i){var r=this.group;if(r.removeAll(),t.get("show")){var o=+t.get("itemSize"),a="vertical"===t.get("orient"),s=t.get("feature")||{},l=this._features||(this._features={}),u=[];z(s,(function(t,e){u.push(e)})),new f_(this._featureNames||[],u).add(f).update(f).remove(H(f,null)).execute(),this._featureNames=u;var c=Xp(t,n).refContainer,h=t.getBoxLayoutParams(),d=t.get("padding"),p=Hp(h,c,d);Gp(t.get("orient"),r,t.get("itemGap"),p.width,p.height),Zp(r,h,c,d),r.add(dF(r.getBoundingRect(),t)),a||r.eachChild((function(t){var e=t.__title,i=t.ensureState("emphasis"),a=i.textConfig||(i.textConfig={}),s=t.getTextContent(),l=s&&s.ensureState("emphasis");if(l&&!Y(l)&&e){var u=l.style||(l.style={}),c=Er(e,Sl.makeFont(u)),h=t.x+r.x,d=!1;t.y+r.y+o+c.height>n.getHeight()&&(a.position="top",d=!0);var p=d?-5-c.height:o+10;h+c.width/2>n.getWidth()?(a.position=["100%",p],u.align="right"):h-c.width/2<0&&(a.position=[0,p],u.align="left")}}))}function f(c,h){var d,p=u[c],f=u[h],g=s[p],y=new wd(g,t,t.ecModel);if(i&&null!=i.newTitle&&i.featureName===p&&(g.title=i.newTitle),p&&!f){if(function(t){return 0===t.indexOf("my")}(p))d={onclick:y.option.onclick,featureName:p};else{var v=cF(p);if(!v)return;d=new v}l[p]=d}else if(!(d=l[f]))return;d.uid=Md("toolbox-feature"),d.model=y,d.ecModel=e,d.api=n;var m=d instanceof sF;p||!f?!y.get("show")||m&&d.unusable?m&&d.remove&&d.remove(e,n):(!function(i,s,l){var u,c,h=i.getModel("iconStyle"),d=i.getModel(["emphasis","iconStyle"]),p=s instanceof sF&&s.getIcons?s.getIcons():i.get("icon"),f=i.get("title")||{};X(p)?(u={})[l]=p:u=p;X(f)?(c={})[l]=f:c=f;var g=i.iconPaths={};z(u,(function(l,u){var p=Ah(l,{},{x:-o/2,y:-o/2,width:o,height:o});p.setStyle(h.getItemStyle()),p.ensureState("emphasis").style=d.getItemStyle();var f=new Sl({style:{text:c[u],align:d.get("textAlign"),borderRadius:d.get("textBorderRadius"),padding:d.get("textPadding"),fill:null,font:od({fontStyle:d.get("textFontStyle"),fontFamily:d.get("textFontFamily"),fontSize:d.get("textFontSize"),fontWeight:d.get("textFontWeight")},e)},ignore:!0});p.setTextContent(f),zh({el:p,componentModel:t,itemName:u,formatterParamsExtra:{title:c[u]}}),p.__title=c[u],p.on("mouseover",(function(){var e=d.getItemStyle(),i=a?null==t.get("right")&&"right"!==t.get("left")?"right":"left":null==t.get("bottom")&&"bottom"!==t.get("top")?"bottom":"top";f.setStyle({fill:d.get("textFill")||e.fill||e.stroke||tf.color.neutral99,backgroundColor:d.get("textBackgroundColor")}),p.setTextConfig({position:d.get("textPosition")||i}),f.ignore=!t.get("showTitle"),n.enterEmphasis(this)})).on("mouseout",(function(){"emphasis"!==i.get(["iconStatus",u])&&n.leaveEmphasis(this),f.hide()})),("emphasis"===i.get(["iconStatus",u])?du:pu)(p),r.add(p),p.on("click",W(s.onclick,s,e,n,u)),g[u]=p}))}(y,d,p),y.setIconStatus=function(t,e){var n=this.option,i=this.iconPaths;n.iconStatus=n.iconStatus||{},n.iconStatus[t]=e,i[t]&&("emphasis"===e?du:pu)(i[t])},d instanceof sF&&d.render&&d.render(y,e,n,i)):m&&d.dispose&&d.dispose(e,n)}},e.prototype.updateView=function(t,e,n,i){z(this._features,(function(t){t instanceof sF&&t.updateView&&t.updateView(t.model,e,n,i)}))},e.prototype.remove=function(t,e){z(this._features,(function(n){n instanceof sF&&n.remove&&n.remove(t,e)})),this.group.removeAll()},e.prototype.dispose=function(t,e){z(this._features,(function(n){n instanceof sF&&n.dispose&&n.dispose(t,e)}))},e.type="toolbox",e}(Ky);var fF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.onclick=function(t,e){var n=this.model,i=n.get("name")||t.get("title.0.text")||"echarts",o="svg"===e.getZr().painter.getType(),a=o?"svg":n.get("type",!0)||"png",s=e.getConnectedDataURL({type:a,backgroundColor:n.get("backgroundColor",!0)||t.get("backgroundColor")||tf.color.neutral00,connectedBackgroundColor:n.get("connectedBackgroundColor"),excludeComponents:n.get("excludeComponents"),pixelRatio:n.get("pixelRatio")}),l=r.browser;if("function"!=typeof MouseEvent||!l.newEdge&&(l.ie||l.edge))if(window.navigator.msSaveOrOpenBlob||o){var u=s.split(","),c=u[0].indexOf("base64")>-1,h=o?decodeURIComponent(u[1]):u[1];c&&(h=window.atob(h));var d=i+"."+a;if(window.navigator.msSaveOrOpenBlob){for(var p=h.length,f=new Uint8Array(p);p--;)f[p]=h.charCodeAt(p);var g=new Blob([f]);window.navigator.msSaveOrOpenBlob(g,d)}else{var y=document.createElement("iframe");document.body.appendChild(y);var v=y.contentWindow,m=v.document;m.open("image/svg+xml","replace"),m.write(h),m.close(),v.focus(),m.execCommand("SaveAs",!0,d),document.body.removeChild(y)}}else{var x=n.get("lang"),_='<body style="margin:0;"><img src="'+s+'" style="max-width:100%;" title="'+(x&&x[0]||"")+'" /></body>',b=window.open();b.document.write(_),b.document.title=i}else{var w=document.createElement("a");w.download=i+"."+a,w.target="_blank",w.href=s;var S=new MouseEvent("click",{view:document.defaultView,bubbles:!0,cancelable:!1});w.dispatchEvent(S)}},e.getDefaultOption=function(t){return{show:!0,icon:"M4.7,22.9L29.3,45.5L54.7,23.4M4.6,43.6L4.6,58L53.8,58L53.8,43.6M29.2,45.1L29.2,0",title:t.getLocaleModel().get(["toolbox","saveAsImage","title"]),type:"png",connectedBackgroundColor:tf.color.neutral00,name:"",excludeComponents:["toolbox"],lang:t.getLocaleModel().get(["toolbox","saveAsImage","lang"])}},e}(sF),gF="__ec_magicType_stack__",yF=[["line","bar"],["stack"]],vF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getIcons=function(){var t=this.model,e=t.get("icon"),n={};return z(t.get("type"),(function(t){e[t]&&(n[t]=e[t])})),n},e.getDefaultOption=function(t){return{show:!0,type:[],icon:{line:"M4.1,28.9h7.1l9.3-22l7.4,38l9.7-19.7l3,12.8h14.9M4.1,58h51.4",bar:"M6.7,22.9h10V48h-10V22.9zM24.9,13h10v35h-10V13zM43.2,2h10v46h-10V2zM3.1,58h53.7",stack:"M8.2,38.4l-8.4,4.1l30.6,15.3L60,42.5l-8.1-4.1l-21.5,11L8.2,38.4z M51.9,30l-8.1,4.2l-13.4,6.9l-13.9-6.9L8.2,30l-8.4,4.2l8.4,4.2l22.2,11l21.5-11l8.1-4.2L51.9,30z M51.9,21.7l-8.1,4.2L35.7,30l-5.3,2.8L24.9,30l-8.4-4.1l-8.3-4.2l-8.4,4.2L8.2,30l8.3,4.2l13.9,6.9l13.4-6.9l8.1-4.2l8.1-4.1L51.9,21.7zM30.4,2.2L-0.2,17.5l8.4,4.1l8.3,4.2l8.4,4.2l5.5,2.7l5.3-2.7l8.1-4.2l8.1-4.2l8.1-4.1L30.4,2.2z"},title:t.getLocaleModel().get(["toolbox","magicType","title"]),option:{},seriesIndex:{}}},e.prototype.onclick=function(t,e,n){var i=this.model,r=i.get(["seriesIndex",n]);if(mF[n]){var o,a={series:[]};z(yF,(function(t){P(t,n)>=0&&z(t,(function(t){i.setIconStatus(t,"normal")}))})),i.setIconStatus(n,"emphasis"),t.eachComponent({mainType:"series",query:null==r?null:{seriesIndex:r}},(function(t){var e=t.subType,r=t.id,o=mF[n](e,r,t,i);o&&(k(o,t.option),a.series.push(o));var s=t.coordinateSystem;if(s&&"cartesian2d"===s.type&&("line"===n||"bar"===n)){var l=s.getAxesByScale("ordinal")[0];if(l){var u=l.dim+"Axis",c=t.getReferringComponents(u,ha).models[0].componentIndex;a[u]=a[u]||[];for(var h=0;h<=c;h++)a[u][c]=a[u][c]||{};a[u][c].boundaryGap="bar"===n}}}));var s=n;"stack"===n&&(o=C({stack:i.option.title.tiled,tiled:i.option.title.stack},i.option.title),"emphasis"!==i.get(["iconStatus",n])&&(s="tiled")),e.dispatchAction({type:"changeMagicType",currentType:s,newOption:a,newTitle:o,featureName:"magicType"})}},e}(sF),mF={line:function(t,e,n,i){if("bar"===t)return C({id:e,type:"line",data:n.get("data"),stack:n.get("stack"),markPoint:n.get("markPoint"),markLine:n.get("markLine")},i.get(["option","line"])||{},!0)},bar:function(t,e,n,i){if("line"===t)return C({id:e,type:"bar",data:n.get("data"),stack:n.get("stack"),markPoint:n.get("markPoint"),markLine:n.get("markLine")},i.get(["option","bar"])||{},!0)},stack:function(t,e,n,i){var r=n.get("stack")===gF;if("line"===t||"bar"===t)return i.setIconStatus("stack",r?"normal":"emphasis"),C({id:e,stack:r?"":gF},i.get(["option","stack"])||{},!0)}};Qx({type:"changeMagicType",event:"magicTypeChanged",update:"prepareAndUpdate"},(function(t,e){e.mergeOption(t.newOption)}));var xF=new Array(60).join("-"),_F="\t";function bF(t){return t.replace(/^\s\s*/,"").replace(/\s\s*$/,"")}var wF=new RegExp("[\t]+","g");function SF(t,e){var n=t.split(new RegExp("\n*"+xF+"\n*","g")),i={series:[]};return z(n,(function(t,n){if(function(t){if(t.slice(0,t.indexOf("\n")).indexOf(_F)>=0)return!0}(t)){var r=function(t){for(var e=t.split(/\n+/g),n=[],i=E(bF(e.shift()).split(wF),(function(t){return{name:t,data:[]}})),r=0;r<e.length;r++){var o=bF(e[r]).split(wF);n.push(o.shift());for(var a=0;a<o.length;a++)i[a]&&(i[a].data[r]=o[a])}return{series:i,categories:n}}(t),o=e[n],a=o.axisDim+"Axis";o&&(i[a]=i[a]||[],i[a][o.axisIndex]={data:r.categories},i.series=i.series.concat(r.series))}else{r=function(t){for(var e=t.split(/\n+/g),n=bF(e.shift()),i=[],r=0;r<e.length;r++){var o=bF(e[r]);if(o){var a=o.split(wF),s="",l=void 0,u=!1;isNaN(a[0])?(u=!0,s=a[0],a=a.slice(1),i[r]={name:s,value:[]},l=i[r].value):l=i[r]=[];for(var c=0;c<a.length;c++)l.push(+a[c]);1===l.length&&(u?i[r].value=l[0]:i[r]=l[0])}}return{name:n,data:i}}(t);i.series.push(r)}})),i}var MF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.onclick=function(t,e){setTimeout((function(){e.dispatchAction({type:"hideTip"})}));var n=e.getDom(),i=this.model;this._dom&&n.removeChild(this._dom);var r=document.createElement("div");r.style.cssText="position:absolute;top:0;bottom:0;left:0;right:0;padding:5px",r.style.backgroundColor=i.get("backgroundColor")||tf.color.neutral00;var o=document.createElement("h4"),a=i.get("lang")||[];o.innerHTML=a[0]||i.get("title"),o.style.cssText="margin:10px 20px",o.style.color=i.get("textColor");var s=document.createElement("div"),l=document.createElement("textarea");s.style.cssText="overflow:auto";var u=i.get("optionToContent"),c=i.get("contentToOption"),h=function(t){var e,n,i,r=function(t){var e={},n=[],i=[];return t.eachRawSeries((function(t){var r=t.coordinateSystem;if(!r||"cartesian2d"!==r.type&&"polar"!==r.type)n.push(t);else{var o=r.getBaseAxis();if("category"===o.type){var a=o.dim+"_"+o.index;e[a]||(e[a]={categoryAxis:o,valueAxis:r.getOtherAxis(o),series:[]},i.push({axisDim:o.dim,axisIndex:o.index})),e[a].series.push(t)}else n.push(t)}})),{seriesGroupByCategoryAxis:e,other:n,meta:i}}(t);return{value:V([(n=r.seriesGroupByCategoryAxis,i=[],z(n,(function(t,e){var n=t.categoryAxis,r=t.valueAxis.dim,o=[" "].concat(E(t.series,(function(t){return t.name}))),a=[n.model.getCategories()];z(t.series,(function(t){var e=t.getRawData();a.push(t.getRawData().mapArray(e.mapDimension(r),(function(t){return t})))}));for(var s=[o.join(_F)],l=0;l<a[0].length;l++){for(var u=[],c=0;c<a.length;c++)u.push(a[c][l]);s.push(u.join(_F))}i.push(s.join("\n"))})),i.join("\n\n"+xF+"\n\n")),(e=r.other,E(e,(function(t){var e=t.getRawData(),n=[t.name],i=[];return e.each(e.dimensions,(function(){for(var t=arguments.length,r=arguments[t-1],o=e.getName(r),a=0;a<t-1;a++)i[a]=arguments[a];n.push((o?o+_F:"")+i.join(_F))})),n.join("\n")})).join("\n\n"+xF+"\n\n"))],(function(t){return!!t.replace(/[\n\t\s]/g,"")})).join("\n\n"+xF+"\n\n"),meta:r.meta}}(t);if(Y(u)){var d=u(e.getOption());X(d)?s.innerHTML=d:J(d)&&s.appendChild(d)}else{l.readOnly=i.get("readOnly");var p=l.style;p.cssText="display:block;width:100%;height:100%;font-family:monospace;font-size:14px;line-height:1.6rem;resize:none;box-sizing:border-box;outline:none",p.color=i.get("textColor"),p.borderColor=i.get("textareaBorderColor"),p.backgroundColor=i.get("textareaColor"),l.value=h.value,s.appendChild(l)}var f=h.meta,g=document.createElement("div");g.style.cssText="position:absolute;bottom:5px;left:0;right:0";var y="float:right;margin-right:20px;border:none;cursor:pointer;padding:2px 5px;font-size:12px;border-radius:3px",v=document.createElement("div"),m=document.createElement("div");y+=";background-color:"+i.get("buttonColor"),y+=";color:"+i.get("buttonTextColor");var x=this;function _(){n.removeChild(r),x._dom=null}pe(v,"click",_),pe(m,"click",(function(){if(null==c&&null!=u||null!=c&&null==u)_();else{var t;try{t=Y(c)?c(s,e.getOption()):SF(l.value,f)}catch(t){throw _(),new Error("Data view format error "+t)}t&&e.dispatchAction({type:"changeDataView",newOption:t}),_()}})),v.innerHTML=a[1],m.innerHTML=a[2],m.style.cssText=v.style.cssText=y,!i.get("readOnly")&&g.appendChild(m),g.appendChild(v),r.appendChild(o),r.appendChild(s),r.appendChild(g),s.style.height=n.clientHeight-80+"px",n.appendChild(r),this._dom=r},e.prototype.remove=function(t,e){this._dom&&e.getDom().removeChild(this._dom)},e.prototype.dispose=function(t,e){this.remove(t,e)},e.getDefaultOption=function(t){return{show:!0,readOnly:!1,optionToContent:null,contentToOption:null,icon:"M17.5,17.3H33 M17.5,17.3H33 M45.4,29.5h-28 M11.5,2v56H51V14.8L38.4,2H11.5z M38.4,2.2v12.7H51 M45.4,41.7h-28",title:t.getLocaleModel().get(["toolbox","dataView","title"]),lang:t.getLocaleModel().get(["toolbox","dataView","lang"]),backgroundColor:tf.color.background,textColor:tf.color.primary,textareaColor:tf.color.background,textareaBorderColor:tf.color.border,buttonColor:tf.color.accent50,buttonTextColor:tf.color.neutral00}},e}(sF);function IF(t,e){return E(t,(function(t,n){var i=e&&e[n];if(q(i)&&!U(i)){q(t)&&!U(t)||(t={value:t});var r=null!=i.name&&null==t.name;return t=k(t,i),r&&delete t.name,t}return t}))}Qx({type:"changeDataView",event:"dataViewChanged",update:"prepareAndUpdate"},(function(t,e){var n=[];z(t.newOption.series,(function(t){var i=e.getSeriesByName(t.name)[0];if(i){var r=i.get("data");n.push({name:t.name,data:IF(t.data,r)})}else n.push(A({type:"scatter"},t))})),e.mergeOption(k({series:n},t.newOption))}));var TF=z,CF=sa();function DF(t){var e=CF(t);return e.snapshots||(e.snapshots=[{}]),e.snapshots}var AF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.onclick=function(t,e){!function(t){CF(t).snapshots=null}(t),e.dispatchAction({type:"restore",from:this.uid})},e.getDefaultOption=function(t){return{show:!0,icon:"M3.8,33.4 M47,18.9h9.8V8.7 M56.3,20.1 C52.1,9,40.5,0.6,26.8,2.1C12.6,3.7,1.6,16.2,2.1,30.6 M13,41.1H3.1v10.2 M3.7,39.9c4.2,11.1,15.8,19.5,29.5,18 c14.2-1.6,25.2-14.1,24.7-28.5",title:t.getLocaleModel().get(["toolbox","restore","title"])}},e}(sF);Qx({type:"restore",event:"restore",update:"prepareAndUpdate"},(function(t,e){e.resetOption("recreate")}));var kF=["grid","xAxis","yAxis","geo","graph","polar","radiusAxis","angleAxis","bmap"],LF=function(){function t(t,e,n){var i=this;this._targetInfoList=[];var r=OF(e,t);z(RF,(function(t,e){(!n||!n.include||P(n.include,e)>=0)&&t(r,i._targetInfoList)}))}return t.prototype.setOutputRanges=function(t,e){return this.matchOutputRanges(t,e,(function(t,e,n){if((t.coordRanges||(t.coordRanges=[])).push(e),!t.coordRange){t.coordRange=e;var i=EF[t.brushType](0,n,e);t.__rangeOffset={offset:VF[t.brushType](i.values,t.range,[1,1]),xyMinMax:i.xyMinMax}}})),t},t.prototype.matchOutputRanges=function(t,e,n){z(t,(function(t){var i=this.findTargetInfo(t,e);i&&!0!==i&&z(i.coordSyses,(function(i){var r=EF[t.brushType](1,i,t.range,!0);n(t,r.values,i,e)}))}),this)},t.prototype.setInputRanges=function(t,e){z(t,(function(t){var n,i,r,o,a,s=this.findTargetInfo(t,e);if(t.range=t.range||[],s&&!0!==s){t.panelId=s.panelId;var l=EF[t.brushType](0,s.coordSys,t.coordRange),u=t.__rangeOffset;t.range=u?VF[t.brushType](l.values,u.offset,(n=l.xyMinMax,i=u.xyMinMax,r=FF(n),o=FF(i),a=[r[0]/o[0],r[1]/o[1]],isNaN(a[0])&&(a[0]=1),isNaN(a[1])&&(a[1]=1),a)):l.values}}),this)},t.prototype.makePanelOpts=function(t,e){return E(this._targetInfoList,(function(n){var i=n.getPanelRect();return{panelId:n.panelId,defaultBrushType:e?e(n):null,clipPath:AR(i),isTargetByCursor:LR(i,t,n.coordSysModel),getLinearBrushOtherExtent:kR(i)}}))},t.prototype.controlSeries=function(t,e,n){var i=this.findTargetInfo(t,n);return!0===i||i&&P(i.coordSyses,e.coordinateSystem)>=0},t.prototype.findTargetInfo=function(t,e){for(var n=this._targetInfoList,i=OF(e,t),r=0;r<n.length;r++){var o=n[r],a=t.panelId;if(a){if(o.panelId===a)return o}else for(var s=0;s<NF.length;s++)if(NF[s](i,o))return o}return!0},t}();function PF(t){return t[0]>t[1]&&t.reverse(),t}function OF(t,e){return ua(t,e,{includeMainTypes:kF})}var RF={grid:function(t,e){var n=t.xAxisModels,i=t.yAxisModels,r=t.gridModels,o=yt(),a={},s={};(n||i||r)&&(z(n,(function(t){var e=t.axis.grid.model;o.set(e.id,e),a[e.id]=!0})),z(i,(function(t){var e=t.axis.grid.model;o.set(e.id,e),s[e.id]=!0})),z(r,(function(t){o.set(t.id,t),a[t.id]=!0,s[t.id]=!0})),o.each((function(t){var r=t.coordinateSystem,o=[];z(r.getCartesians(),(function(t,e){(P(n,t.getAxis("x").model)>=0||P(i,t.getAxis("y").model)>=0)&&o.push(t)})),e.push({panelId:"grid--"+t.id,gridModel:t,coordSysModel:t,coordSys:o[0],coordSyses:o,getPanelRect:zF.grid,xAxisDeclared:a[t.id],yAxisDeclared:s[t.id]})})))},geo:function(t,e){z(t.geoModels,(function(t){var n=t.coordinateSystem;e.push({panelId:"geo--"+t.id,geoModel:t,coordSysModel:t,coordSys:n,coordSyses:[n],getPanelRect:zF.geo})}))}},NF=[function(t,e){var n=t.xAxisModel,i=t.yAxisModel,r=t.gridModel;return!r&&n&&(r=n.axis.grid.model),!r&&i&&(r=i.axis.grid.model),r&&r===e.gridModel},function(t,e){var n=t.geoModel;return n&&n===e.geoModel}],zF={grid:function(){return this.coordSys.master.getRect().clone()},geo:function(){var t=this.coordSys,e=t.getBoundingRect().clone();return e.applyTransform(wh(t)),e}},EF={lineX:H(BF,0),lineY:H(BF,1),rect:function(t,e,n,i){var r=t?e.pointToData([n[0][0],n[1][0]],i):e.dataToPoint([n[0][0],n[1][0]],i),o=t?e.pointToData([n[0][1],n[1][1]],i):e.dataToPoint([n[0][1],n[1][1]],i),a=[PF([r[0],o[0]]),PF([r[1],o[1]])];return{values:a,xyMinMax:a}},polygon:function(t,e,n,i){var r=[[1/0,-1/0],[1/0,-1/0]];return{values:E(n,(function(n){var o=t?e.pointToData(n,i):e.dataToPoint(n,i);return r[0][0]=Math.min(r[0][0],o[0]),r[1][0]=Math.min(r[1][0],o[1]),r[0][1]=Math.max(r[0][1],o[0]),r[1][1]=Math.max(r[1][1],o[1]),o})),xyMinMax:r}}};function BF(t,e,n,i){var r=n.getAxis(["x","y"][t]),o=PF(E([0,1],(function(t){return e?r.coordToData(r.toLocalCoord(i[t]),!0):r.toGlobalCoord(r.dataToCoord(i[t]))}))),a=[];return a[t]=o,a[1-t]=[NaN,NaN],{values:o,xyMinMax:a}}var VF={lineX:H(GF,0),lineY:H(GF,1),rect:function(t,e,n){return[[t[0][0]-n[0]*e[0][0],t[0][1]-n[0]*e[0][1]],[t[1][0]-n[1]*e[1][0],t[1][1]-n[1]*e[1][1]]]},polygon:function(t,e,n){return E(t,(function(t,i){return[t[0]-n[0]*e[i][0],t[1]-n[1]*e[i][1]]}))}};function GF(t,e,n,i){return[e[0]-i[t]*n[0],e[1]-i[t]*n[1]]}function FF(t){return t?[t[0][1]-t[0][0],t[1][1]-t[1][0]]:[NaN,NaN]}var WF,HF,UF=z,YF=jo+"toolbox-dataZoom_",XF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(t,e,n,i){this._brushController||(this._brushController=new JO(n.getZr()),this._brushController.on("brush",W(this._onBrush,this)).mount()),function(t,e,n,i,r){var o=n._isZoomActive;i&&"takeGlobalCursor"===i.type&&(o="dataZoomSelect"===i.key&&i.dataZoomSelectActive);n._isZoomActive=o,t.setIconStatus("zoom",o?"emphasis":"normal");var a=new LF(jF(t),e,{include:["grid"]}),s=a.makePanelOpts(r,(function(t){return t.xAxisDeclared&&!t.yAxisDeclared?"lineX":!t.xAxisDeclared&&t.yAxisDeclared?"lineY":"rect"}));n._brushController.setPanels(s).enableBrush(!(!o||!s.length)&&{brushType:"auto",brushStyle:t.getModel("brushStyle").getItemStyle()})}(t,e,this,i,n),function(t,e){t.setIconStatus("back",function(t){return DF(t).length}(e)>1?"emphasis":"normal")}(t,e)},e.prototype.onclick=function(t,e,n){ZF[n].call(this)},e.prototype.remove=function(t,e){this._brushController&&this._brushController.unmount()},e.prototype.dispose=function(t,e){this._brushController&&this._brushController.dispose()},e.prototype._onBrush=function(t){var e=t.areas;if(t.isEnd&&e.length){var n={},i=this.ecModel;this._brushController.updateCovers([]),new LF(jF(this.model),i,{include:["grid"]}).matchOutputRanges(e,i,(function(t,e,n){if("cartesian2d"===n.type){var i=t.brushType;"rect"===i?(r("x",n,e[0]),r("y",n,e[1])):r({lineX:"x",lineY:"y"}[i],n,e)}})),function(t,e){var n=DF(t);TF(e,(function(e,i){for(var r=n.length-1;r>=0&&!n[r][i];r--);if(r<0){var o=t.queryComponents({mainType:"dataZoom",subType:"select",id:i})[0];if(o){var a=o.getPercentRange();n[0][i]={dataZoomId:i,start:a[0],end:a[1]}}}})),n.push(e)}(i,n),this._dispatchZoomAction(n)}function r(t,e,r){var o=e.getAxis(t),a=o.model,s=function(t,e,n){var i;return n.eachComponent({mainType:"dataZoom",subType:"select"},(function(n){n.getAxisModel(t,e.componentIndex)&&(i=n)})),i}(t,a,i),l=s.findRepresentativeAxisProxy(a).getMinMaxSpan();null==l.minValueSpan&&null==l.maxValueSpan||(r=CO(0,r.slice(),o.scale.getExtent(),0,l.minValueSpan,l.maxValueSpan)),s&&(n[s.id]={dataZoomId:s.id,startValue:r[0],endValue:r[1]})}},e.prototype._dispatchZoomAction=function(t){var e=[];UF(t,(function(t,n){e.push(T(t))})),e.length&&this.api.dispatchAction({type:"dataZoom",from:this.uid,batch:e})},e.getDefaultOption=function(t){return{show:!0,filterMode:"filter",icon:{zoom:"M0,13.5h26.9 M13.5,26.9V0 M32.1,13.5H58V58H13.5 V32.1",back:"M22,1.4L9.9,13.5l12.3,12.3 M10.3,13.5H54.9v44.6 H10.3v-26"},title:t.getLocaleModel().get(["toolbox","dataZoom","title"]),brushStyle:{borderWidth:0,color:tf.color.backgroundTint}}},e}(sF),ZF={zoom:function(){var t=!this._isZoomActive;this.api.dispatchAction({type:"takeGlobalCursor",key:"dataZoomSelect",dataZoomSelectActive:t})},back:function(){this._dispatchZoomAction(function(t){var e=DF(t),n=e[e.length-1];e.length>1&&e.pop();var i={};return TF(n,(function(t,n){for(var r=e.length-1;r>=0;r--)if(t=e[r][n]){i[n]=t;break}})),i}(this.ecModel))}};function jF(t){var e={xAxisIndex:t.get("xAxisIndex",!0),yAxisIndex:t.get("yAxisIndex",!0),xAxisId:t.get("xAxisId",!0),yAxisId:t.get("yAxisId",!0)};return null==e.xAxisIndex&&null==e.xAxisId&&(e.xAxisIndex="all"),null==e.yAxisIndex&&null==e.yAxisId&&(e.yAxisIndex="all"),e}WF="dataZoom",HF=function(t){var e=t.getComponent("toolbox",0),n=["feature","dataZoom"];if(e&&null!=e.get(n)){var i=e.getModel(n),r=[],o=ua(t,jF(i));return UF(o.xAxisModels,(function(t){return a(t,"xAxis","xAxisIndex")})),UF(o.yAxisModels,(function(t){return a(t,"yAxis","yAxisIndex")})),r}function a(t,e,n){var o=t.componentIndex,a={type:"select",$fromToolbox:!0,filterMode:i.get("filterMode",!0)||"filter",id:YF+e+o};a[n]=o,r.push(a)}},lt(null==Df.get(WF)&&HF),Df.set(WF,HF);var qF=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="tooltip",e.dependencies=["axisPointer"],e.defaultOption={z:60,show:!0,showContent:!0,trigger:"item",triggerOn:"mousemove|click",alwaysShowContent:!1,renderMode:"auto",confine:null,showDelay:0,hideDelay:100,transitionDuration:.4,displayTransition:!0,enterable:!1,backgroundColor:tf.color.neutral00,shadowBlur:10,shadowColor:"rgba(0, 0, 0, .2)",shadowOffsetX:1,shadowOffsetY:2,borderRadius:4,borderWidth:1,defaultBorderColor:tf.color.border,padding:null,extraCssText:"",axisPointer:{type:"line",axis:"auto",animation:"auto",animationDurationUpdate:200,animationEasingUpdate:"exponentialOut",crossStyle:{color:tf.color.borderShade,width:1,type:"dashed",textStyle:{}}},textStyle:{color:tf.color.tertiary,fontSize:14}},e}(Qp);function KF(t){var e=t.get("confine");return null!=e?!!e:"richText"===t.get("renderMode")}function $F(t){if(r.domSupported)for(var e=document.documentElement.style,n=0,i=t.length;n<i;n++)if(t[n]in e)return t[n]}var JF=$F(["transform","webkitTransform","OTransform","MozTransform","msTransform"]);function QF(t,e){if(!t)return e;e=gp(e,!0);var n=t.indexOf(e);return(t=-1===n?e:"-"+t.slice(0,n)+"-"+e).toLowerCase()}var tW=QF($F(["webkitTransition","transition","OTransition","MozTransition","msTransition"]),"transition"),eW=QF(JF,"transform"),nW="position:absolute;display:block;border-style:solid;white-space:nowrap;z-index:9999999;"+(r.transform3dSupported?"will-change:transform;":"");function iW(t,e,n){var i=t.toFixed(0)+"px",o=e.toFixed(0)+"px";if(!r.transformSupported)return n?"top:"+o+";left:"+i+";":[["top",o],["left",i]];var a=r.transform3dSupported,s="translate"+(a?"3d":"")+"("+i+","+o+(a?",0":"")+")";return n?"top:0;left:0;"+eW+":"+s+";":[["top",0],["left",0],[JF,s]]}function rW(t,e,n,i){var o=[],a=t.get("transitionDuration"),s=t.get("backgroundColor"),l=t.get("shadowBlur"),u=t.get("shadowColor"),c=t.get("shadowOffsetX"),h=t.get("shadowOffsetY"),d=t.getModel("textStyle"),p=zy(t,"html"),f=c+"px "+h+"px "+l+"px "+u;return o.push("box-shadow:"+f),e&&a>0&&o.push(function(t,e,n){var i="cubic-bezier(0.23,1,0.32,1)",o="",a="";return n&&(a="opacity"+(o=" "+t/2+"s "+i)+",visibility"+o),e||(o=" "+t+"s "+i,a+=(a.length?",":"")+(r.transformSupported?""+eW+o:",left"+o+",top"+o)),tW+":"+a}(a,n,i)),s&&o.push("background-color:"+s),z(["width","color","radius"],(function(e){var n="border-"+e,i=gp(n),r=t.get(i);null!=r&&o.push(n+":"+r+("color"===e?"":"px"))})),o.push(function(t){var e=[],n=t.get("fontSize"),i=t.getTextColor();i&&e.push("color:"+i),e.push("font:"+t.getFont());var r=rt(t.get("lineHeight"),Math.round(3*n/2));n&&e.push("line-height:"+r+"px");var o=t.get("textShadowColor"),a=t.get("textShadowBlur")||0,s=t.get("textShadowOffsetX")||0,l=t.get("textShadowOffsetY")||0;return o&&a&&e.push("text-shadow:"+s+"px "+l+"px "+a+"px "+o),z(["decoration","align"],(function(n){var i=t.get(n);i&&e.push("text-"+n+":"+i)})),e.join(";")}(d)),null!=p&&o.push("padding:"+yp(p).join("px ")+"px"),o.join(";")+";"}function oW(t,e,n,i,r){var o=e&&e.painter;if(n){var a=o&&o.getViewportRoot();a&&function(t,e,n,i,r){ee(te,e,i,r,!0)&&ee(t,n,te[0],te[1])}(t,a,n,i,r)}else{t[0]=i,t[1]=r;var s=o&&o.getViewportRootOffset();s&&(t[0]+=s.offsetLeft,t[1]+=s.offsetTop)}t[2]=t[0]/e.getWidth(),t[3]=t[1]/e.getHeight()}var aW=function(){function t(t,e){if(this._show=!1,this._styleCoord=[0,0,0,0],this._enterable=!0,this._alwaysShowContent=!1,this._firstShow=!0,this._longHide=!0,r.wxa)return null;var n=document.createElement("div");n.domBelongToZr=!0,this.el=n;var i=this._zr=t.getZr(),o=e.appendTo,a=o&&(X(o)?document.querySelector(o):J(o)?o:Y(o)&&o(t.getDom()));oW(this._styleCoord,i,a,t.getWidth()/2,t.getHeight()/2),(a||t.getDom()).appendChild(n),this._api=t,this._container=a;var s=this;n.onmouseenter=function(){s._enterable&&(clearTimeout(s._hideTimeout),s._show=!0),s._inContent=!0},n.onmousemove=function(t){if(t=t||window.event,!s._enterable){var e=i.handler;de(i.painter.getViewportRoot(),t,!0),e.dispatch("mousemove",t)}},n.onmouseleave=function(){s._inContent=!1,s._enterable&&s._show&&s.hideLater(s._hideDelay)}}return t.prototype.update=function(t){if(!this._container){var e=this._api.getDom(),n=(o="position",(a=(r=e).currentStyle||document.defaultView&&document.defaultView.getComputedStyle(r))?o?a[o]:a:null),i=e.style;"absolute"!==i.position&&"absolute"!==n&&(i.position="relative")}var r,o,a,s=t.get("alwaysShowContent");s&&this._moveIfResized(),this._alwaysShowContent=s,this._enableDisplayTransition=t.get("displayTransition")&&t.get("transitionDuration")>0,this.el.className=t.get("className")||""},t.prototype.show=function(t,e){clearTimeout(this._hideTimeout),clearTimeout(this._longHideTimeout);var n=this.el,i=n.style,r=this._styleCoord;n.innerHTML?i.cssText=nW+rW(t,!this._firstShow,this._longHide,this._enableDisplayTransition)+iW(r[0],r[1],!0)+"border-color:"+wp(e)+";"+(t.get("extraCssText")||"")+";pointer-events:"+(this._enterable?"auto":"none"):i.display="none",this._show=!0,this._firstShow=!1,this._longHide=!1},t.prototype.setContent=function(t,e,n,i,r){var o=this.el;if(null!=t){var a="";if(X(r)&&"item"===n.get("trigger")&&!KF(n)&&(a=function(t,e,n){if(!X(n)||"inside"===n)return"";var i=t.get("backgroundColor"),r=t.get("borderWidth");e=wp(e);var o,a,s="left"===(o=n)?"right":"right"===o?"left":"top"===o?"bottom":"top",l=Math.max(1.5*Math.round(r),6),u="",c=eW+":";P(["left","right"],s)>-1?(u+="top:50%",c+="translateY(-50%) rotate("+(a="left"===s?-225:-45)+"deg)"):(u+="left:50%",c+="translateX(-50%) rotate("+(a="top"===s?225:45)+"deg)");var h=a*Math.PI/180,d=l+r,p=d*Math.abs(Math.cos(h))+d*Math.abs(Math.sin(h)),f=e+" solid "+r+"px;";return'<div style="'+["position:absolute;width:"+l+"px;height:"+l+"px;z-index:-1;",(u+=";"+s+":-"+Math.round(100*((p-Math.SQRT2*r)/2+Math.SQRT2*r-(p-d)/2))/100+"px")+";"+c+";","border-bottom:"+f,"border-right:"+f,"background-color:"+i+";"].join("")+'"></div>'}(n,i,r)),X(t))o.innerHTML=t+a;else if(t){o.innerHTML="",U(t)||(t=[t]);for(var s=0;s<t.length;s++)J(t[s])&&t[s].parentNode!==o&&o.appendChild(t[s]);if(a&&o.childNodes.length){var l=document.createElement("div");l.innerHTML=a,o.appendChild(l)}}}else o.innerHTML=""},t.prototype.setEnterable=function(t){this._enterable=t},t.prototype.getSize=function(){var t=this.el;return t?[t.offsetWidth,t.offsetHeight]:[0,0]},t.prototype.moveTo=function(t,e){if(this.el){var n=this._styleCoord;if(oW(n,this._zr,this._container,t,e),null!=n[0]&&null!=n[1]){var i=this.el.style;z(iW(n[0],n[1]),(function(t){i[t[0]]=t[1]}))}}},t.prototype._moveIfResized=function(){var t=this._styleCoord[2],e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())},t.prototype.hide=function(){var t=this,e=this.el.style;this._enableDisplayTransition?(e.visibility="hidden",e.opacity="0"):e.display="none",r.transform3dSupported&&(e.willChange=""),this._show=!1,this._longHideTimeout=setTimeout((function(){return t._longHide=!0}),500)},t.prototype.hideLater=function(t){!this._show||this._inContent&&this._enterable||this._alwaysShowContent||(t?(this._hideDelay=t,this._show=!1,this._hideTimeout=setTimeout(W(this.hide,this),t)):this.hide())},t.prototype.isShow=function(){return this._show},t.prototype.dispose=function(){clearTimeout(this._hideTimeout),clearTimeout(this._longHideTimeout);var t=this._zr;!function(t,e){function n(t){var e=t[Qt];e&&(e.clearMarkers&&e.clearMarkers(),delete t[Qt])}t&&n(t),e&&n(e)}(t&&t.painter&&t.painter.getViewportRoot(),this._container);var e=this.el;if(e){e.onmouseenter=e.onmousemove=e.onmouseleave=null;var n=e.parentNode;n&&n.removeChild(e)}this.el=this._container=null},t}(),sW=function(){function t(t){this._show=!1,this._styleCoord=[0,0,0,0],this._alwaysShowContent=!1,this._enterable=!0,this._zr=t.getZr(),cW(this._styleCoord,this._zr,t.getWidth()/2,t.getHeight()/2)}return t.prototype.update=function(t){var e=t.get("alwaysShowContent");e&&this._moveIfResized(),this._alwaysShowContent=e},t.prototype.show=function(){this._hideTimeout&&clearTimeout(this._hideTimeout),this.el.show(),this._show=!0},t.prototype.setContent=function(t,e,n,i,r){var o=this;q(t)&&Yo(""),this.el&&this._zr.remove(this.el);var a=n.getModel("textStyle");this.el=new Sl({style:{rich:e.richTextStyles,text:t,lineHeight:22,borderWidth:1,borderColor:i,textShadowColor:a.get("textShadowColor"),fill:n.get(["textStyle","color"]),padding:zy(n,"richText"),verticalAlign:"top",align:"left"},z:n.get("z")}),z(["backgroundColor","borderRadius","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"],(function(t){o.el.style[t]=n.get(t)})),z(["textShadowBlur","textShadowOffsetX","textShadowOffsetY"],(function(t){o.el.style[t]=a.get(t)||0})),this._zr.add(this.el);var s=this;this.el.on("mouseover",(function(){s._enterable&&(clearTimeout(s._hideTimeout),s._show=!0),s._inContent=!0})),this.el.on("mouseout",(function(){s._enterable&&s._show&&s.hideLater(s._hideDelay),s._inContent=!1}))},t.prototype.setEnterable=function(t){this._enterable=t},t.prototype.getSize=function(){var t=this.el,e=this.el.getBoundingRect(),n=uW(t.style);return[e.width+n.left+n.right,e.height+n.top+n.bottom]},t.prototype.moveTo=function(t,e){var n=this.el;if(n){var i=this._styleCoord;cW(i,this._zr,t,e),t=i[0],e=i[1];var r=n.style,o=lW(r.borderWidth||0),a=uW(r);n.x=t+o+a.left,n.y=e+o+a.top,n.markRedraw()}},t.prototype._moveIfResized=function(){var t=this._styleCoord[2],e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())},t.prototype.hide=function(){this.el&&this.el.hide(),this._show=!1},t.prototype.hideLater=function(t){!this._show||this._inContent&&this._enterable||this._alwaysShowContent||(t?(this._hideDelay=t,this._show=!1,this._hideTimeout=setTimeout(W(this.hide,this),t)):this.hide())},t.prototype.isShow=function(){return this._show},t.prototype.dispose=function(){this._zr.remove(this.el)},t}();function lW(t){return Math.max(0,t)}function uW(t){var e=lW(t.shadowBlur||0),n=lW(t.shadowOffsetX||0),i=lW(t.shadowOffsetY||0);return{left:lW(e-n),right:lW(e+n),top:lW(e-i),bottom:lW(e+i)}}function cW(t,e,n,i){t[0]=n,t[1]=i,t[2]=t[0]/e.getWidth(),t[3]=t[1]/e.getHeight()}var hW=new xl({shape:{x:-1,y:-1,width:2,height:2}}),dW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){if(!r.node&&e.getDom()){var n,i=t.getComponent("tooltip"),o=this._renderMode="auto"===(n=i.get("renderMode"))?r.domSupported?"html":"richText":n||"html";this._tooltipContent="richText"===o?new sW(e):new aW(e,{appendTo:i.get("appendToBody",!0)?"body":i.get("appendTo",!0)})}},e.prototype.render=function(t,e,n){if(!r.node&&n.getDom()){this.group.removeAll(),this._tooltipModel=t,this._ecModel=e,this._api=n;var i=this._tooltipContent;i.update(t),i.setEnterable(t.get("enterable")),this._initGlobalListener(),this._keepShow(),"richText"!==this._renderMode&&t.get("transitionDuration")?cv(this,"_updatePosition",50,"fixRate"):hv(this,"_updatePosition")}},e.prototype._initGlobalListener=function(){var t=this._tooltipModel.get("triggerOn");mB("itemTooltip",this._api,W((function(e,n,i){"none"!==t&&(t.indexOf(e)>=0?this._tryShow(n,i):"leave"===e&&this._hide(i))}),this))},e.prototype._keepShow=function(){var t=this._tooltipModel,e=this._ecModel,n=this._api,i=t.get("triggerOn");if(null!=this._lastX&&null!=this._lastY&&"none"!==i&&"click"!==i){var r=this;clearTimeout(this._refreshUpdateTimeout),this._refreshUpdateTimeout=setTimeout((function(){!n.isDisposed()&&r.manuallyShowTip(t,e,n,{x:r._lastX,y:r._lastY,dataByCoordSys:r._lastDataByCoordSys})}))}},e.prototype.manuallyShowTip=function(t,e,n,i){if(i.from!==this.uid&&!r.node&&n.getDom()){var o=fW(i,n);this._ticket="";var a=i.dataByCoordSys,s=function(t,e,n){var i=ca(t).queryOptionMap,r=i.keys()[0];if(!r||"series"===r)return;var o=pa(e,r,i.get(r),{useDefault:!1,enableAll:!1,enableNone:!1}),a=o.models[0];if(!a)return;var s,l=n.getViewOfComponentModel(a);if(l.group.traverse((function(e){var n=zl(e).tooltipConfig;if(n&&n.name===t.name)return s=e,!0})),s)return{componentMainType:r,componentIndex:a.componentIndex,el:s}}(i,e,n);if(s){var l=s.el.getBoundingRect().clone();l.applyTransform(s.el.transform),this._tryShow({offsetX:l.x+l.width/2,offsetY:l.y+l.height/2,target:s.el,position:i.position,positionDefault:"bottom"},o)}else if(i.tooltip&&null!=i.x&&null!=i.y){var u=hW;u.x=i.x,u.y=i.y,u.update(),zl(u).tooltipConfig={name:null,option:i.tooltip},this._tryShow({offsetX:i.x,offsetY:i.y,target:u},o)}else if(a)this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,dataByCoordSys:a,tooltipOption:i.tooltipOption},o);else if(null!=i.seriesIndex){if(this._manuallyAxisShowTip(t,e,n,i))return;var c=SB(i,e),h=c.point[0],d=c.point[1];null!=h&&null!=d&&this._tryShow({offsetX:h,offsetY:d,target:c.el,position:i.position,positionDefault:"bottom"},o)}else null!=i.x&&null!=i.y&&(n.dispatchAction({type:"updateAxisPointer",x:i.x,y:i.y}),this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,target:n.getZr().findHover(i.x,i.y).target},o))}},e.prototype.manuallyHideTip=function(t,e,n,i){var r=this._tooltipContent;this._tooltipModel&&r.hideLater(this._tooltipModel.get("hideDelay")),this._lastX=this._lastY=this._lastDataByCoordSys=null,i.from!==this.uid&&this._hide(fW(i,n))},e.prototype._manuallyAxisShowTip=function(t,e,n,i){var r=i.seriesIndex,o=i.dataIndex,a=e.getComponent("axisPointer").coordSysAxesInfo;if(null!=r&&null!=o&&null!=a){var s=e.getSeriesByIndex(r);if(s)if("axis"===pW([s.getData().getItemModel(o),s,(s.coordinateSystem||{}).model],this._tooltipModel).get("trigger"))return n.dispatchAction({type:"updateAxisPointer",seriesIndex:r,dataIndex:o,position:i.position}),!0}},e.prototype._tryShow=function(t,e){var n=t.target;if(this._tooltipModel){this._lastX=t.offsetX,this._lastY=t.offsetY;var i=t.dataByCoordSys;if(i&&i.length)this._showAxisTooltip(i,t);else if(n){var r,o;if("legend"===zl(n).ssrType)return;this._lastDataByCoordSys=null,Qv(n,(function(t){if(t.tooltipDisabled)return r=o=null,!0;r||o||(null!=zl(t).dataIndex?r=t:null!=zl(t).tooltipConfig&&(o=t))}),!0),r?this._showSeriesItemTooltip(t,r,e):o?this._showComponentItemTooltip(t,o,e):this._hide(e)}else this._lastDataByCoordSys=null,this._hide(e)}},e.prototype._showOrMove=function(t,e){var n=t.get("showDelay");e=W(e,this),clearTimeout(this._showTimout),n>0?this._showTimout=setTimeout(e,n):e()},e.prototype._showAxisTooltip=function(t,e){var n=this._ecModel,i=this._tooltipModel,r=[e.offsetX,e.offsetY],o=pW([e.tooltipOption],i),a=this._renderMode,s=[],l=Ty("section",{blocks:[],noHeader:!0}),u=[],c=new Ey;z(t,(function(t){z(t.dataByAxis,(function(t){var e=n.getComponent(t.axisDim+"Axis",t.axisIndex),r=t.value;if(e&&null!=r){var o=oB(r,e.axis,n,t.seriesDataIndices,t.valueLabelOpt),h=Ty("section",{header:o,noHeader:!ut(o),sortBlocks:!0,blocks:[]});l.blocks.push(h),z(t.seriesDataIndices,(function(l){var d=n.getSeriesByIndex(l.seriesIndex),p=l.dataIndexInside,f=d.getDataParams(p);if(!(f.dataIndex<0)){f.axisDim=t.axisDim,f.axisIndex=t.axisIndex,f.axisType=t.axisType,f.axisId=t.axisId,f.axisValue=qb(e.axis,{value:r}),f.axisValueLabel=o,f.marker=c.makeTooltipMarker("item",wp(f.color),a);var g=Wg(d.formatTooltip(p,!0,null)),y=g.frag;if(y){var v=pW([d],i).get("valueFormatter");h.blocks.push(v?A({valueFormatter:v},y):y)}g.text&&u.push(g.text),s.push(f)}}))}}))})),l.blocks.reverse(),u.reverse();var h=e.position,d=o.get("order"),p=Py(l,c,a,d,n.get("useUTC"),o.get("textStyle"));p&&u.unshift(p);var f="richText"===a?"\n\n":"<br/>",g=u.join(f);this._showOrMove(o,(function(){this._updateContentNotChangedOnAxis(t,s)?this._updatePosition(o,h,r[0],r[1],this._tooltipContent,s):this._showTooltipContent(o,g,s,Math.random()+"",r[0],r[1],h,null,c)}))},e.prototype._showSeriesItemTooltip=function(t,e,n){var i=this._ecModel,r=zl(e),o=r.seriesIndex,a=i.getSeriesByIndex(o),s=r.dataModel||a,l=r.dataIndex,u=r.dataType,c=s.getData(u),h=this._renderMode,d=t.positionDefault,p=pW([c.getItemModel(l),s,a&&(a.coordinateSystem||{}).model],this._tooltipModel,d?{position:d}:null),f=p.get("trigger");if(null==f||"item"===f){var g=s.getDataParams(l,u),y=new Ey;g.marker=y.makeTooltipMarker("item",wp(g.color),h);var v=Wg(s.formatTooltip(l,!1,u)),m=p.get("order"),x=p.get("valueFormatter"),_=v.frag,b=_?Py(x?A({valueFormatter:x},_):_,y,h,m,i.get("useUTC"),p.get("textStyle")):v.text,w="item_"+s.name+"_"+l;this._showOrMove(p,(function(){this._showTooltipContent(p,b,g,w,t.offsetX,t.offsetY,t.position,t.target,y)})),n({type:"showTip",dataIndexInside:l,dataIndex:c.getRawIndex(l),seriesIndex:o,from:this.uid})}},e.prototype._showComponentItemTooltip=function(t,e,n){var i="html"===this._renderMode,r=zl(e),o=r.tooltipConfig.option||{},a=o.encodeHTMLContent;if(X(o)){o={content:o,formatter:o},a=!0}a&&i&&o.content&&((o=T(o)).content=oe(o.content));var s=[o],l=this._ecModel.getComponent(r.componentMainType,r.componentIndex);l&&s.push(l),s.push({formatter:o.content});var u=t.positionDefault,c=pW(s,this._tooltipModel,u?{position:u}:null),h=c.get("content"),d=Math.random()+"",p=new Ey;this._showOrMove(c,(function(){var n=T(c.get("formatterParams")||{});this._showTooltipContent(c,h,n,d,t.offsetX,t.offsetY,t.position,e,p)})),n({type:"showTip",from:this.uid})},e.prototype._showTooltipContent=function(t,e,n,i,r,o,a,s,l){if(this._ticket="",t.get("showContent")&&t.get("show")){var u=this._tooltipContent;u.setEnterable(t.get("enterable"));var c=t.get("formatter");a=a||t.get("position");var h=e,d=this._getNearestPoint([r,o],n,t.get("trigger"),t.get("borderColor"),t.get("defaultBorderColor",!0)).color;if(c)if(X(c)){var p=t.ecModel.get("useUTC"),f=U(n)?n[0]:n;h=c,f&&f.axisType&&f.axisType.indexOf("time")>=0&&(h=$d(f.axisValue,h,p)),h=_p(h,n,!0)}else if(Y(c)){var g=W((function(e,i){e===this._ticket&&(u.setContent(i,l,t,d,a),this._updatePosition(t,a,r,o,u,n,s))}),this);this._ticket=i,h=c(n,i,g)}else h=c;u.setContent(h,l,t,d,a),u.show(t,d),this._updatePosition(t,a,r,o,u,n,s)}},e.prototype._getNearestPoint=function(t,e,n,i,r){return"axis"===n||U(e)?{color:i||r}:U(e)?void 0:{color:i||e.color||e.borderColor}},e.prototype._updatePosition=function(t,e,n,i,r,o,a){var s=this._api.getWidth(),l=this._api.getHeight();e=e||t.get("position");var u=r.getSize(),c=t.get("align"),h=t.get("verticalAlign"),d=a&&a.getBoundingRect().clone();if(a&&d.applyTransform(a.transform),Y(e)&&(e=e([n,i],o,r.el,d,{viewSize:[s,l],contentSize:u.slice()})),U(e))n=yo(e[0],s),i=yo(e[1],l);else if(q(e)){var p=e;p.width=u[0],p.height=u[1];var f=Hp(p,{width:s,height:l});n=f.x,i=f.y,c=null,h=null}else if(X(e)&&a){var g=function(t,e,n,i){var r=n[0],o=n[1],a=Math.ceil(Math.SQRT2*i)+8,s=0,l=0,u=e.width,c=e.height;switch(t){case"inside":s=e.x+u/2-r/2,l=e.y+c/2-o/2;break;case"top":s=e.x+u/2-r/2,l=e.y-o-a;break;case"bottom":s=e.x+u/2-r/2,l=e.y+c+a;break;case"left":s=e.x-r-a,l=e.y+c/2-o/2;break;case"right":s=e.x+u+a,l=e.y+c/2-o/2}return[s,l]}(e,d,u,t.get("borderWidth"));n=g[0],i=g[1]}else{g=function(t,e,n,i,r,o,a){var s=n.getSize(),l=s[0],u=s[1];null!=o&&(t+l+o+2>i?t-=l+o:t+=o);null!=a&&(e+u+a>r?e-=u+a:e+=a);return[t,e]}(n,i,r,s,l,c?null:20,h?null:20);n=g[0],i=g[1]}if(c&&(n-=gW(c)?u[0]/2:"right"===c?u[0]:0),h&&(i-=gW(h)?u[1]/2:"bottom"===h?u[1]:0),KF(t)){g=function(t,e,n,i,r){var o=n.getSize(),a=o[0],s=o[1];return t=Math.min(t+a,i)-a,e=Math.min(e+s,r)-s,t=Math.max(t,0),e=Math.max(e,0),[t,e]}(n,i,r,s,l);n=g[0],i=g[1]}r.moveTo(n,i)},e.prototype._updateContentNotChangedOnAxis=function(t,e){var n=this._lastDataByCoordSys,i=this._cbParamsList,r=!!n&&n.length===t.length;return r&&z(n,(function(n,o){var a=n.dataByAxis||[],s=(t[o]||{}).dataByAxis||[];(r=r&&a.length===s.length)&&z(a,(function(t,n){var o=s[n]||{},a=t.seriesDataIndices||[],l=o.seriesDataIndices||[];(r=r&&t.value===o.value&&t.axisType===o.axisType&&t.axisId===o.axisId&&a.length===l.length)&&z(a,(function(t,e){var n=l[e];r=r&&t.seriesIndex===n.seriesIndex&&t.dataIndex===n.dataIndex})),i&&z(t.seriesDataIndices,(function(t){var n=t.seriesIndex,o=e[n],a=i[n];o&&a&&a.data!==o.data&&(r=!1)}))}))})),this._lastDataByCoordSys=t,this._cbParamsList=e,!!r},e.prototype._hide=function(t){this._lastDataByCoordSys=null,t({type:"hideTip",from:this.uid})},e.prototype.dispose=function(t,e){!r.node&&e.getDom()&&(hv(this,"_updatePosition"),this._tooltipContent.dispose(),bB("itemTooltip",e))},e.type="tooltip",e}(Ky);function pW(t,e,n){var i,r=e.ecModel;n?(i=new wd(n,r,r),i=new wd(e.option,i,r)):i=e;for(var o=t.length-1;o>=0;o--){var a=t[o];a&&(a instanceof wd&&(a=a.get("tooltip",!0)),X(a)&&(a={formatter:a}),a&&(i=new wd(a,i,r)))}return i}function fW(t,e){return t.dispatchAction||W(e.dispatchAction,e)}function gW(t){return"center"===t||"middle"===t}var yW=["rect","polygon","keep","clear"];function vW(t,e){var n=qo(t?t.brush:[]);if(n.length){var i=[];z(n,(function(t){var e=t.hasOwnProperty("toolbox")?t.toolbox:[];e instanceof Array&&(i=i.concat(e))}));var r=t&&t.toolbox;U(r)&&(r=r[0]),r||(r={feature:{}},t.toolbox=[r]);var o=r.feature||(r.feature={}),a=o.brush||(o.brush={}),s=a.type||(a.type=[]);s.push.apply(s,i),function(t){var e={};z(t,(function(t){e[t]=1})),t.length=0,z(e,(function(e,n){t.push(n)}))}(s),e&&!s.length&&s.push.apply(s,yW)}}var mW=z;function xW(t){if(t)for(var e in t)if(t.hasOwnProperty(e))return!0}function _W(t,e,n){var i={};return mW(e,(function(e){var r,o=i[e]=((r=function(){}).prototype.__hidden=r.prototype,new r);mW(t[e],(function(t,i){if(hL.isValidType(i)){var r={type:i,visual:t};n&&n(r,e),o[i]=new hL(r),"opacity"===i&&((r=T(r)).type="colorAlpha",o.__hidden.__alphaForOpacity=new hL(r))}}))})),i}function bW(t,e,n){var i;z(n,(function(t){e.hasOwnProperty(t)&&xW(e[t])&&(i=!0)})),i&&z(n,(function(n){e.hasOwnProperty(n)&&xW(e[n])?t[n]=T(e[n]):delete t[n]}))}var wW={lineX:SW(0),lineY:SW(1),rect:{point:function(t,e,n){return t&&n.boundingRect.contain(t[0],t[1])},rect:function(t,e,n){return t&&n.boundingRect.intersect(t)}},polygon:{point:function(t,e,n){return t&&n.boundingRect.contain(t[0],t[1])&&aw(n.range,t[0],t[1])},rect:function(t,e,n){var i=n.range;if(!t||i.length<=1)return!1;var r=t.x,o=t.y,a=t.width,s=t.height,l=i[0];return!!(aw(i,r,o)||aw(i,r+a,o)||aw(i,r,o+s)||aw(i,r+a,o+s)||He.create(t).contain(l[0],l[1])||kh(r,o,r+a,o,i)||kh(r,o,r,o+s,i)||kh(r+a,o,r+a,o+s,i)||kh(r,o+s,r+a,o+s,i))||void 0}}};function SW(t){var e=["x","y"],n=["width","height"];return{point:function(e,n,i){if(e){var r=i.range;return MW(e[t],r)}},rect:function(i,r,o){if(i){var a=o.range,s=[i[e[t]],i[e[t]]+i[n[t]]];return s[1]<s[0]&&s.reverse(),MW(s[0],a)||MW(s[1],a)||MW(a[0],s)||MW(a[1],s)}}}}function MW(t,e){return e[0]<=t&&t<=e[1]}var IW=["inBrush","outOfBrush"],TW="__ecBrushSelect",CW="__ecInBrushSelectEvent";function DW(t){t.eachComponent({mainType:"brush"},(function(e){(e.brushTargetManager=new LF(e.option,t)).setInputRanges(e.areas,t)}))}function AW(t,e,n){var i,r,o=[];t.eachComponent({mainType:"brush"},(function(t){n&&"takeGlobalCursor"===n.type&&t.setBrushOption("brush"===n.key?n.brushOption:{brushType:!1})})),DW(t),t.eachComponent({mainType:"brush"},(function(e,n){var a={brushId:e.id,brushIndex:n,brushName:e.name,areas:T(e.areas),selected:[]};o.push(a);var s=e.option,l=s.brushLink,u=[],c=[],h=[],d=!1;n||(i=s.throttleType,r=s.throttleDelay);var p=E(e.areas,(function(t){var e=PW[t.brushType],n=k({boundingRect:e?e(t):void 0},t);return n.selectors=function(t){var e=t.brushType,n={point:function(i){return wW[e].point(i,n,t)},rect:function(i){return wW[e].rect(i,n,t)}};return n}(n),n})),f=_W(e.option,IW,(function(t){t.mappingMethod="fixed"}));function g(t){return"all"===l||!!u[t]}function y(t){return!!t.length}U(l)&&z(l,(function(t){u[t]=1})),t.eachSeries((function(n,i){var r=h[i]=[];"parallel"===n.subType?function(t,e){var n=t.coordinateSystem;d=d||n.hasAxisBrushed(),g(e)&&n.eachActiveState(t.getData(),(function(t,e){"active"===t&&(c[e]=1)}))}(n,i):function(n,i,r){if(!n.brushSelector||function(t,e){var n=t.option.seriesIndex;return null!=n&&"all"!==n&&(U(n)?P(n,e)<0:e!==n)}(e,i))return;if(z(p,(function(i){e.brushTargetManager.controlSeries(i,n,t)&&r.push(i),d=d||y(r)})),g(i)&&y(r)){var o=n.getData();o.each((function(t){LW(n,r,o,t)&&(c[t]=1)}))}}(n,i,r)})),t.eachSeries((function(t,e){var n={seriesId:t.id,seriesIndex:e,seriesName:t.name,dataIndex:[]};a.selected.push(n);var i=h[e],r=t.getData(),o=g(e)?function(t){return c[t]?(n.dataIndex.push(r.getRawIndex(t)),"inBrush"):"outOfBrush"}:function(e){return LW(t,i,r,e)?(n.dataIndex.push(r.getRawIndex(e)),"inBrush"):"outOfBrush"};(g(e)?d:y(i))&&function(t,e,n,i,r,o){var a,s={};function l(t){return jv(n,a,t)}function u(t,e){Kv(n,a,t,e)}function c(t,c){a=null==o?t:c;var h=n.getRawDataItem(a);if(!h||!1!==h.visualMap)for(var d=i.call(r,t),p=e[d],f=s[d],g=0,y=f.length;g<y;g++){var v=f[g];p[v]&&p[v].applyVisual(t,l,u)}}z(t,(function(t){var n=hL.prepareVisualTypes(e[t]);s[t]=n})),null==o?n.each(c):n.each([o],c)}(IW,f,r,o)}))})),function(t,e,n,i,r){if(!r)return;var o=t.getZr();if(o[CW])return;o[TW]||(o[TW]=kW);var a=cv(o,TW,n,e);a(t,i)}(e,i,r,o,n)}function kW(t,e){if(!t.isDisposed()){var n=t.getZr();n[CW]=!0,t.dispatchAction({type:"brushSelect",batch:e}),n[CW]=!1}}function LW(t,e,n,i){for(var r=0,o=e.length;r<o;r++){var a=e[r];if(t.brushSelector(i,n,a.selectors,a))return!0}}var PW={rect:function(t){return OW(t.range)},polygon:function(t){for(var e,n=t.range,i=0,r=n.length;i<r;i++){e=e||[[1/0,-1/0],[1/0,-1/0]];var o=n[i];o[0]<e[0][0]&&(e[0][0]=o[0]),o[0]>e[0][1]&&(e[0][1]=o[0]),o[1]<e[1][0]&&(e[1][0]=o[1]),o[1]>e[1][1]&&(e[1][1]=o[1])}return e&&OW(e)}};function OW(t){return new He(t[0][0],t[1][0],t[0][1]-t[0][0],t[1][1]-t[1][0])}var RW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){this.ecModel=t,this.api=e,this.model,(this._brushController=new JO(e.getZr())).on("brush",W(this._onBrush,this)).mount()},e.prototype.render=function(t,e,n,i){this.model=t,this._updateController(t,e,n,i)},e.prototype.updateTransform=function(t,e,n,i){DW(e),this._updateController(t,e,n,i)},e.prototype.updateVisual=function(t,e,n,i){this.updateTransform(t,e,n,i)},e.prototype.updateView=function(t,e,n,i){this._updateController(t,e,n,i)},e.prototype._updateController=function(t,e,n,i){(!i||i.$from!==t.id)&&this._brushController.setPanels(t.brushTargetManager.makePanelOpts(n)).enableBrush(t.brushOption).updateCovers(t.areas.slice())},e.prototype.dispose=function(){this._brushController.dispose()},e.prototype._onBrush=function(t){var e=this.model.id,n=this.model.brushTargetManager.setOutputRanges(t.areas,this.ecModel);(!t.isEnd||t.removeOnClick)&&this.api.dispatchAction({type:"brush",brushId:e,areas:T(n),$from:e}),t.isEnd&&this.api.dispatchAction({type:"brushEnd",brushId:e,areas:T(n),$from:e})},e.type="brush",e}(Ky),NW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.areas=[],n.brushOption={},n}return n(e,t),e.prototype.optionUpdated=function(t,e){var n=this.option;!e&&bW(n,t,["inBrush","outOfBrush"]);var i=n.inBrush=n.inBrush||{};n.outOfBrush=n.outOfBrush||{color:this.option.defaultOutOfBrushColor},i.hasOwnProperty("liftZ")||(i.liftZ=5)},e.prototype.setAreas=function(t){t&&(this.areas=E(t,(function(t){return zW(this.option,t)}),this))},e.prototype.setBrushOption=function(t){this.brushOption=zW(this.option,t),this.brushType=this.brushOption.brushType},e.type="brush",e.dependencies=["geo","grid","xAxis","yAxis","parallel","series"],e.defaultOption={seriesIndex:"all",brushType:"rect",brushMode:"single",transformable:!0,brushStyle:{borderWidth:1,color:tf.color.backgroundTint,borderColor:tf.color.borderTint},throttleType:"fixRate",throttleDelay:0,removeOnClick:!0,z:1e4,defaultOutOfBrushColor:tf.color.disabled},e}(Qp);function zW(t,e){return C({brushType:t.brushType,brushMode:t.brushMode,transformable:t.transformable,brushStyle:new wd(t.brushStyle).getItemStyle(),removeOnClick:t.removeOnClick,z:t.z},e,!0)}var EW=["rect","polygon","lineX","lineY","keep","clear"],BW=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(t,e,n){var i,r,o;e.eachComponent({mainType:"brush"},(function(t){i=t.brushType,r=t.brushOption.brushMode||"single",o=o||!!t.areas.length})),this._brushType=i,this._brushMode=r,z(t.get("type",!0),(function(e){t.setIconStatus(e,("keep"===e?"multiple"===r:"clear"===e?o:e===i)?"emphasis":"normal")}))},e.prototype.updateView=function(t,e,n){this.render(t,e,n)},e.prototype.getIcons=function(){var t=this.model,e=t.get("icon",!0),n={};return z(t.get("type",!0),(function(t){e[t]&&(n[t]=e[t])})),n},e.prototype.onclick=function(t,e,n){var i=this._brushType,r=this._brushMode;"clear"===n?(e.dispatchAction({type:"axisAreaSelect",intervals:[]}),e.dispatchAction({type:"brush",command:"clear",areas:[]})):e.dispatchAction({type:"takeGlobalCursor",key:"brush",brushOption:{brushType:"keep"===n?i:i!==n&&n,brushMode:"keep"===n?"multiple"===r?"single":"multiple":r}})},e.getDefaultOption=function(t){return{show:!0,type:EW.slice(),icon:{rect:"M7.3,34.7 M0.4,10V-0.2h9.8 M89.6,10V-0.2h-9.8 M0.4,60v10.2h9.8 M89.6,60v10.2h-9.8 M12.3,22.4V10.5h13.1 M33.6,10.5h7.8 M49.1,10.5h7.8 M77.5,22.4V10.5h-13 M12.3,31.1v8.2 M77.7,31.1v8.2 M12.3,47.6v11.9h13.1 M33.6,59.5h7.6 M49.1,59.5 h7.7 M77.5,47.6v11.9h-13",polygon:"M55.2,34.9c1.7,0,3.1,1.4,3.1,3.1s-1.4,3.1-3.1,3.1 s-3.1-1.4-3.1-3.1S53.5,34.9,55.2,34.9z M50.4,51c1.7,0,3.1,1.4,3.1,3.1c0,1.7-1.4,3.1-3.1,3.1c-1.7,0-3.1-1.4-3.1-3.1 C47.3,52.4,48.7,51,50.4,51z M55.6,37.1l1.5-7.8 M60.1,13.5l1.6-8.7l-7.8,4 M59,19l-1,5.3 M24,16.1l6.4,4.9l6.4-3.3 M48.5,11.6 l-5.9,3.1 M19.1,12.8L9.7,5.1l1.1,7.7 M13.4,29.8l1,7.3l6.6,1.6 M11.6,18.4l1,6.1 M32.8,41.9 M26.6,40.4 M27.3,40.2l6.1,1.6 M49.9,52.1l-5.6-7.6l-4.9-1.2",lineX:"M15.2,30 M19.7,15.6V1.9H29 M34.8,1.9H40.4 M55.3,15.6V1.9H45.9 M19.7,44.4V58.1H29 M34.8,58.1H40.4 M55.3,44.4 V58.1H45.9 M12.5,20.3l-9.4,9.6l9.6,9.8 M3.1,29.9h16.5 M62.5,20.3l9.4,9.6L62.3,39.7 M71.9,29.9H55.4",lineY:"M38.8,7.7 M52.7,12h13.2v9 M65.9,26.6V32 M52.7,46.3h13.2v-9 M24.9,12H11.8v9 M11.8,26.6V32 M24.9,46.3H11.8v-9 M48.2,5.1l-9.3-9l-9.4,9.2 M38.9-3.9V12 M48.2,53.3l-9.3,9l-9.4-9.2 M38.9,62.3V46.4",keep:"M4,10.5V1h10.3 M20.7,1h6.1 M33,1h6.1 M55.4,10.5V1H45.2 M4,17.3v6.6 M55.6,17.3v6.6 M4,30.5V40h10.3 M20.7,40 h6.1 M33,40h6.1 M55.4,30.5V40H45.2 M21,18.9h62.9v48.6H21V18.9z",clear:"M22,14.7l30.9,31 M52.9,14.7L22,45.7 M4.7,16.8V4.2h13.1 M26,4.2h7.8 M41.6,4.2h7.8 M70.3,16.8V4.2H57.2 M4.7,25.9v8.6 M70.3,25.9v8.6 M4.7,43.2v12.6h13.1 M26,55.8h7.8 M41.6,55.8h7.8 M70.3,43.2v12.6H57.2"},title:t.getLocaleModel().get(["toolbox","brush","title"])}},e}(sF);var VW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.layoutMode={type:"box",ignoreSize:!0},n}return n(e,t),e.type="title",e.defaultOption={z:6,show:!0,text:"",target:"blank",subtext:"",subtarget:"blank",left:"center",top:tf.size.m,backgroundColor:tf.color.transparent,borderColor:tf.color.primary,borderWidth:0,padding:5,itemGap:10,textStyle:{fontSize:18,fontWeight:"bold",color:tf.color.primary},subtextStyle:{fontSize:12,color:tf.color.quaternary}},e}(Qp),GW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){if(this.group.removeAll(),t.get("show")){var i=this.group,r=t.getModel("textStyle"),o=t.getModel("subtextStyle"),a=t.get("textAlign"),s=rt(t.get("textBaseline"),t.get("textVerticalAlign")),l=new Sl({style:Qh(r,{text:t.get("text"),fill:r.getTextColor()},{disableBox:!0}),z2:10}),u=l.getBoundingRect(),c=t.get("subtext"),h=new Sl({style:Qh(o,{text:c,fill:o.getTextColor(),y:u.height+t.get("itemGap"),verticalAlign:"top"},{disableBox:!0}),z2:10}),d=t.get("link"),p=t.get("sublink"),f=t.get("triggerEvent",!0);l.silent=!d&&!f,h.silent=!p&&!f,d&&l.on("click",(function(){Sp(d,"_"+t.get("target"))})),p&&h.on("click",(function(){Sp(p,"_"+t.get("subtarget"))})),zl(l).eventData=zl(h).eventData=f?{componentType:"title",componentIndex:t.componentIndex}:null,i.add(l),c&&i.add(h);var g=i.getBoundingRect(),y=t.getBoxLayoutParams();y.width=g.width,y.height=g.height;var v=Hp(y,Xp(t,n).refContainer,t.get("padding"));a||("middle"===(a=t.get("left")||t.get("right"))&&(a="center"),"right"===a?v.x+=v.width:"center"===a&&(v.x+=v.width/2)),s||("center"===(s=t.get("top")||t.get("bottom"))&&(s="middle"),"bottom"===s?v.y+=v.height:"middle"===s&&(v.y+=v.height/2),s=s||"top"),i.x=v.x,i.y=v.y,i.markRedraw();var m={align:a,verticalAlign:s};l.setStyle(m),h.setStyle(m),g=i.getBoundingRect();var x=v.margin,_=t.getItemStyle(["color","opacity"]);_.fill=t.get("backgroundColor");var b=new xl({shape:{x:g.x-x[3],y:g.y-x[0],width:g.width+x[1]+x[3],height:g.height+x[0]+x[2],r:t.get("borderRadius")},style:_,subPixelOptimize:!0,silent:!0});i.add(b)}},e.type="title",e}(Ky);var FW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.layoutMode="box",n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n),this._initData()},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),this._initData()},e.prototype.setCurrentIndex=function(t){null==t&&(t=this.option.currentIndex);var e=this._data.count();this.option.loop?t=(t%e+e)%e:(t>=e&&(t=e-1),t<0&&(t=0)),this.option.currentIndex=t},e.prototype.getCurrentIndex=function(){return this.option.currentIndex},e.prototype.isIndexMax=function(){return this.getCurrentIndex()>=this._data.count()-1},e.prototype.setPlayState=function(t){this.option.autoPlay=!!t},e.prototype.getPlayState=function(){return!!this.option.autoPlay},e.prototype._initData=function(){var t,e=this.option,n=e.data||[],i=e.axisType,r=this._names=[];"category"===i?(t=[],z(n,(function(e,n){var i,o=ia(Jo(e),"");q(e)?(i=T(e)).value=n:i=n,t.push(i),r.push(o)}))):t=n;var o={category:"ordinal",time:"time",value:"number"}[i]||"number";(this._data=new B_([{name:"value",type:o}],this)).initData(t,r)},e.prototype.getData=function(){return this._data},e.prototype.getCategories=function(){if("category"===this.get("axisType"))return this._names.slice()},e.type="timeline",e.defaultOption={z:4,show:!0,axisType:"time",realtime:!0,left:"20%",top:null,right:"20%",bottom:0,width:null,height:40,padding:tf.size.m,controlPosition:"left",autoPlay:!1,rewind:!1,loop:!0,playInterval:2e3,currentIndex:0,itemStyle:{},label:{color:tf.color.secondary},data:[]},e}(Qp),WW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="timeline.slider",e.defaultOption=Id(FW.defaultOption,{backgroundColor:"rgba(0,0,0,0)",borderColor:tf.color.border,borderWidth:0,orient:"horizontal",inverse:!1,tooltip:{trigger:"item"},symbol:"circle",symbolSize:12,lineStyle:{show:!0,width:2,color:tf.color.accent10},label:{position:"auto",show:!0,interval:"auto",rotate:0,color:tf.color.tertiary},itemStyle:{color:tf.color.accent20,borderWidth:0},checkpointStyle:{symbol:"circle",symbolSize:15,color:tf.color.accent50,borderColor:tf.color.accent50,borderWidth:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,shadowColor:"rgba(0, 0, 0, 0)",animation:!0,animationDuration:300,animationEasing:"quinticInOut"},controlStyle:{show:!0,showPlayBtn:!0,showPrevBtn:!0,showNextBtn:!0,itemSize:24,itemGap:12,position:"left",playIcon:"path://M15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0ZM15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM11.5 10.6699C11.5 9.90014 12.3333 9.41887 13 9.80371L20.5 14.1338C21.1667 14.5187 21.1667 15.4813 20.5 15.8662L13 20.1963C12.3333 20.5811 11.5 20.0999 11.5 19.3301V10.6699Z",stopIcon:"path://M15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0ZM15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM11.5 10C12.3284 10 13 10.6716 13 11.5V18.5C13 19.3284 12.3284 20 11.5 20C10.6716 20 10 19.3284 10 18.5V11.5C10 10.6716 10.6716 10 11.5 10ZM18.5 10C19.3284 10 20 10.6716 20 11.5V18.5C20 19.3284 19.3284 20 18.5 20C17.6716 20 17 19.3284 17 18.5V11.5C17 10.6716 17.6716 10 18.5 10Z",nextIcon:"path://M0.838834 18.7383C0.253048 18.1525 0.253048 17.2028 0.838834 16.617L7.55635 9.89949L0.838834 3.18198C0.253048 2.59619 0.253048 1.64645 0.838834 1.06066C1.42462 0.474874 2.37437 0.474874 2.96015 1.06066L10.7383 8.83883L10.8412 8.95277C11.2897 9.50267 11.2897 10.2963 10.8412 10.8462L10.7383 10.9602L2.96015 18.7383C2.37437 19.3241 1.42462 19.3241 0.838834 18.7383Z",prevIcon:"path://M10.9602 1.06066C11.5459 1.64645 11.5459 2.59619 10.9602 3.18198L4.24264 9.89949L10.9602 16.617C11.5459 17.2028 11.5459 18.1525 10.9602 18.7383C10.3744 19.3241 9.42462 19.3241 8.83883 18.7383L1.06066 10.9602L0.957771 10.8462C0.509245 10.2963 0.509245 9.50267 0.957771 8.95277L1.06066 8.83883L8.83883 1.06066C9.42462 0.474874 10.3744 0.474874 10.9602 1.06066Z",prevBtnSize:18,nextBtnSize:18,color:tf.color.accent50,borderColor:tf.color.accent50,borderWidth:0},emphasis:{label:{show:!0,color:tf.color.accent60},itemStyle:{color:tf.color.accent60,borderColor:tf.color.accent60},controlStyle:{color:tf.color.accent70,borderColor:tf.color.accent70}},progress:{lineStyle:{color:tf.color.accent30},itemStyle:{color:tf.color.accent40}},data:[]}),e}(FW);R(WW,Fg.prototype);var HW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="timeline",e}(Ky),UW=function(t){function e(e,n,i,r){var o=t.call(this,e,n,i)||this;return o.type=r||"value",o}return n(e,t),e.prototype.getLabelModel=function(){return this.model.getModel("label")},e.prototype.isHorizontal=function(){return"horizontal"===this.model.get("orient")},e}(Ww),YW=Math.PI,XW=sa(),ZW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){this.api=e},e.prototype.render=function(t,e,n){if(this.model=t,this.api=n,this.ecModel=e,this.group.removeAll(),t.get("show",!0)){var i=this._layout(t,n),r=this._createGroup("_mainGroup"),o=this._createGroup("_labelGroup"),a=this._axis=this._createAxis(i,t);t.formatTooltip=function(t){return Ty("nameValue",{noName:!0,value:a.scale.getLabel({value:t})})},z(["AxisLine","AxisTick","Control","CurrentPointer"],(function(e){this["_render"+e](i,r,a,t)}),this),this._renderAxisLabel(i,o,a,t),this._position(i,t)}this._doPlayStop(),this._updateTicksStatus()},e.prototype.remove=function(){this._clearTimer(),this.group.removeAll()},e.prototype.dispose=function(){this._clearTimer()},e.prototype._layout=function(t,e){var n,i,r,o,a=t.get(["label","position"]),s=t.get("orient"),l=function(t,e){return Hp(t.getBoxLayoutParams(),Xp(t,e).refContainer,t.get("padding"))}(t,e),u={horizontal:"center",vertical:(n=null==a||"auto"===a?"horizontal"===s?l.y+l.height/2<e.getHeight()/2?"-":"+":l.x+l.width/2<e.getWidth()/2?"+":"-":X(a)?{horizontal:{top:"-",bottom:"+"},vertical:{left:"-",right:"+"}}[s][a]:a)>=0||"+"===n?"left":"right"},c={horizontal:n>=0||"+"===n?"top":"bottom",vertical:"middle"},h={horizontal:0,vertical:YW/2},d="vertical"===s?l.height:l.width,p=t.getModel("controlStyle"),f=p.get("show",!0),g=f?p.get("itemSize"):0,y=f?p.get("itemGap"):0,v=g+y,m=t.get(["label","rotate"])||0;m=m*YW/180;var x=p.get("position",!0),_=f&&p.get("showPlayBtn",!0),b=f&&p.get("showPrevBtn",!0),w=f&&p.get("showNextBtn",!0),S=0,M=d;"left"===x||"bottom"===x?(_&&(i=[0,0],S+=v),b&&(r=[S,0],S+=v),w&&(o=[M-g,0],M-=v)):(_&&(i=[M-g,0],M-=v),b&&(r=[0,0],S+=v),w&&(o=[M-g,0],M-=v));var I=[S,M];return t.get("inverse")&&I.reverse(),{viewRect:l,mainLength:d,orient:s,rotation:h[s],labelRotation:m,labelPosOpt:n,labelAlign:t.get(["label","align"])||u[s],labelBaseline:t.get(["label","verticalAlign"])||t.get(["label","baseline"])||c[s],playPosition:i,prevBtnPosition:r,nextBtnPosition:o,axisExtent:I,controlSize:g,controlGap:y}},e.prototype._position=function(t,e){var n=this._mainGroup,i=this._labelGroup,r=t.viewRect;if("vertical"===t.orient){var o=[1,0,0,1,0,0],a=r.x,s=r.y+r.height;Se(o,o,[-a,-s]),Me(o,o,-YW/2),Se(o,o,[a,s]),(r=r.clone()).applyTransform(o)}var l=y(r),u=y(n.getBoundingRect()),c=y(i.getBoundingRect()),h=[n.x,n.y],d=[i.x,i.y];d[0]=h[0]=l[0][0];var p,f=t.labelPosOpt;null==f||X(f)?(v(h,u,l,1,p="+"===f?0:1),v(d,c,l,1,1-p)):(v(h,u,l,1,p=f>=0?0:1),d[1]=h[1]+f);function g(t){t.originX=l[0][0]-t.x,t.originY=l[1][0]-t.y}function y(t){return[[t.x,t.x+t.width],[t.y,t.y+t.height]]}function v(t,e,n,i,r){t[i]+=n[i][r]-e[i][r]}n.setPosition(h),i.setPosition(d),n.rotation=i.rotation=t.rotation,g(n),g(i)},e.prototype._createAxis=function(t,e){var n=e.getData(),i=e.get("axisType"),r=function(t,e){if(e=e||t.get("type"),e)switch(e){case"category":return new lb({ordinalMeta:t.getCategories(),extent:[1/0,-1/0]});case"time":return new Mb({locale:t.ecModel.getLocaleModel(),useUTC:t.ecModel.get("useUTC")});default:return new cb}}(e,i);r.getTicks=function(){return n.mapArray(["value"],(function(t){return{value:t}}))};var o=n.getDataExtent("value");r.setExtent(o[0],o[1]),r.calcNiceTicks();var a=new UW("value",r,t.axisExtent,i);return a.model=e,a},e.prototype._createGroup=function(t){var e=this[t]=new to;return this.group.add(e),e},e.prototype._renderAxisLine=function(t,e,n,i){var r=n.getExtent();if(i.get(["lineStyle","show"])){var o=new Ac({shape:{x1:r[0],y1:0,x2:r[1],y2:0},style:A({lineCap:"round"},i.getModel("lineStyle").getLineStyle()),silent:!0,z2:1});e.add(o);var a=this._progressLine=new Ac({shape:{x1:r[0],x2:this._currentPointer?this._currentPointer.x:r[0],y1:0,y2:0},style:k({lineCap:"round",lineWidth:o.style.lineWidth},i.getModel(["progress","lineStyle"]).getLineStyle()),silent:!0,z2:1});e.add(a)}},e.prototype._renderAxisTick=function(t,e,n,i){var r=this,o=i.getData(),a=n.scale.getTicks();this._tickSymbols=[],z(a,(function(t){var a=n.dataToCoord(t.value),s=o.getItemModel(t.value),l=s.getModel("itemStyle"),u=s.getModel(["emphasis","itemStyle"]),c=s.getModel(["progress","itemStyle"]),h={x:a,y:0,onclick:W(r._changeTimeline,r,t.value)},d=jW(s,l,e,h);d.ensureState("emphasis").style=u.getItemStyle(),d.ensureState("progress").style=c.getItemStyle(),Iu(d);var p=zl(d);s.get("tooltip")?(p.dataIndex=t.value,p.dataModel=i):p.dataIndex=p.dataModel=null,r._tickSymbols.push(d)}))},e.prototype._renderAxisLabel=function(t,e,n,i){var r=this;if(n.getLabelModel().get("show")){var o=i.getData(),a=n.getViewLabels();this._tickLabels=[],z(a,(function(i){var a=i.tickValue,s=o.getItemModel(a),l=s.getModel("label"),u=s.getModel(["emphasis","label"]),c=s.getModel(["progress","label"]),h=n.dataToCoord(i.tickValue),d=new Sl({x:h,y:0,rotation:t.labelRotation-t.rotation,onclick:W(r._changeTimeline,r,a),silent:!1,style:Qh(l,{text:i.formattedLabel,align:t.labelAlign,verticalAlign:t.labelBaseline})});d.ensureState("emphasis").style=Qh(u),d.ensureState("progress").style=Qh(c),e.add(d),Iu(d),XW(d).dataIndex=a,r._tickLabels.push(d)}))}},e.prototype._renderControl=function(t,e,n,i){var r=t.controlSize,o=t.rotation,a=i.getModel("controlStyle").getItemStyle(),s=i.getModel(["emphasis","controlStyle"]).getItemStyle(),l=i.getPlayState(),u=i.get("inverse",!0);function c(t,n,l,u){if(t){var c=Fr(rt(i.get(["controlStyle",n+"BtnSize"]),r),r),h=function(t,e,n,i){var r=i.style,o=Ah(t.get(["controlStyle",e]),i||{},new He(n[0],n[1],n[2],n[3]));r&&o.setStyle(r);return o}(i,n+"Icon",[0,-c/2,c,c],{x:t[0],y:t[1],originX:r/2,originY:0,rotation:u?-o:0,rectHover:!0,style:a,onclick:l});h.ensureState("emphasis").style=s,e.add(h),Iu(h)}}c(t.nextBtnPosition,"next",W(this._changeTimeline,this,u?"-":"+")),c(t.prevBtnPosition,"prev",W(this._changeTimeline,this,u?"+":"-")),c(t.playPosition,l?"stop":"play",W(this._handlePlayClick,this,!l),!0)},e.prototype._renderCurrentPointer=function(t,e,n,i){var r=i.getData(),o=i.getCurrentIndex(),a=r.getItemModel(o).getModel("checkpointStyle"),s=this,l={onCreate:function(t){t.draggable=!0,t.drift=W(s._handlePointerDrag,s),t.ondragend=W(s._handlePointerDragend,s),qW(t,s._progressLine,o,n,i,!0)},onUpdate:function(t){qW(t,s._progressLine,o,n,i)}};this._currentPointer=jW(a,a,this._mainGroup,{},this._currentPointer,l)},e.prototype._handlePlayClick=function(t){this._clearTimer(),this.api.dispatchAction({type:"timelinePlayChange",playState:t,from:this.uid})},e.prototype._handlePointerDrag=function(t,e,n){this._clearTimer(),this._pointerChangeTimeline([n.offsetX,n.offsetY])},e.prototype._handlePointerDragend=function(t){this._pointerChangeTimeline([t.offsetX,t.offsetY],!0)},e.prototype._pointerChangeTimeline=function(t,e){var n=this._toAxisCoord(t)[0],i=xo(this._axis.getExtent().slice());n>i[1]&&(n=i[1]),n<i[0]&&(n=i[0]),this._currentPointer.x=n,this._currentPointer.markRedraw();var r=this._progressLine;r&&(r.shape.x2=n,r.dirty());var o=this._findNearestTick(n),a=this.model;(e||o!==a.getCurrentIndex()&&a.get("realtime"))&&this._changeTimeline(o)},e.prototype._doPlayStop=function(){var t=this;this._clearTimer(),this.model.getPlayState()&&(this._timer=setTimeout((function(){var e=t.model;t._changeTimeline(e.getCurrentIndex()+(e.get("rewind",!0)?-1:1))}),this.model.get("playInterval")))},e.prototype._toAxisCoord=function(t){return Sh(t,this._mainGroup.getLocalTransform(),!0)},e.prototype._findNearestTick=function(t){var e,n=this.model.getData(),i=1/0,r=this._axis;return n.each(["value"],(function(n,o){var a=r.dataToCoord(n),s=Math.abs(a-t);s<i&&(i=s,e=o)})),e},e.prototype._clearTimer=function(){this._timer&&(clearTimeout(this._timer),this._timer=null)},e.prototype._changeTimeline=function(t){var e=this.model.getCurrentIndex();"+"===t?t=e+1:"-"===t&&(t=e-1),this.api.dispatchAction({type:"timelineChange",currentIndex:t,from:this.uid})},e.prototype._updateTicksStatus=function(){var t=this.model.getCurrentIndex(),e=this._tickSymbols,n=this._tickLabels;if(e)for(var i=0;i<e.length;i++)e&&e[i]&&e[i].toggleState("progress",i<t);if(n)for(i=0;i<n.length;i++)n&&n[i]&&n[i].toggleState("progress",XW(n[i]).dataIndex<=t)},e.type="timeline.slider",e}(HW);function jW(t,e,n,i,r,o){var a=e.get("color");r?(r.setColor(a),n.add(r),o&&o.onUpdate(r)):((r=hm(t.get("symbol"),-1,-1,2,2,a)).setStyle("strokeNoScale",!0),n.add(r),o&&o.onCreate(r));var s=e.getItemStyle(["color"]);r.setStyle(s),i=C({rectHover:!0,z2:100},i,!0);var l=dm(t.get("symbolSize"));i.scaleX=l[0]/2,i.scaleY=l[1]/2;var u=pm(t.get("symbolOffset"),l);u&&(i.x=(i.x||0)+u[0],i.y=(i.y||0)+u[1]);var c=t.get("symbolRotate");return i.rotation=(c||0)*Math.PI/180||0,r.attr(i),r.updateTransform(),r}function qW(t,e,n,i,r,o){if(!t.dragging){var a=r.getModel("checkpointStyle"),s=i.dataToCoord(r.getData().get("value",n));if(o||!a.get("animation",!0))t.attr({x:s,y:0}),e&&e.attr({shape:{x2:s}});else{var l={duration:a.get("animationDuration",!0),easing:a.get("animationEasing",!0)};t.stopAnimation(null,!0),t.animateTo({x:s,y:0},l),e&&e.animateTo({shape:{x2:s}},l)}}}function KW(t){var e=t&&t.timeline;U(e)||(e=e?[e]:[]),z(e,(function(t){t&&function(t){var e=t.type,n={number:"value",time:"time"};n[e]&&(t.axisType=n[e],delete t.type);if($W(t),JW(t,"controlPosition")){var i=t.controlStyle||(t.controlStyle={});JW(i,"position")||(i.position=t.controlPosition),"none"!==i.position||JW(i,"show")||(i.show=!1,delete i.position),delete t.controlPosition}z(t.data||[],(function(t){q(t)&&!U(t)&&(!JW(t,"value")&&JW(t,"name")&&(t.value=t.name),$W(t))}))}(t)}))}function $W(t){var e=t.itemStyle||(t.itemStyle={}),n=e.emphasis||(e.emphasis={}),i=t.label||t.label||{},r=i.normal||(i.normal={}),o={normal:1,emphasis:1};z(i,(function(t,e){o[e]||JW(r,e)||(r[e]=t)})),n.label&&!JW(i,"emphasis")&&(i.emphasis=n.label,delete n.label)}function JW(t,e){return t.hasOwnProperty(e)}function QW(t,e){if(!t)return!1;for(var n=U(t)?t:[t],i=0;i<n.length;i++)if(n[i]&&n[i][e])return!0;return!1}function tH(t){Ko(t,"label",["show"])}var eH=sa(),nH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.createdBySelf=!1,n.preventAutoZ=!0,n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n),this._mergeOption(t,n,!1,!0)},e.prototype.isAnimationEnabled=function(){if(r.node)return!1;var t=this.__hostSeries;return this.getShallow("animation")&&t&&t.isAnimationEnabled()},e.prototype.mergeOption=function(t,e){this._mergeOption(t,e,!1,!1)},e.prototype._mergeOption=function(t,e,n,i){var r=this.mainType;n||e.eachSeries((function(t){var n=t.get(this.mainType,!0),o=eH(t)[r];n&&n.data?(o?o._mergeOption(n,e,!0):(i&&tH(n),z(n.data,(function(t){t instanceof Array?(tH(t[0]),tH(t[1])):tH(t)})),A(o=this.createMarkerModelFromSeries(n,this,e),{mainType:this.mainType,seriesIndex:t.seriesIndex,name:t.name,createdBySelf:!0}),o.__hostSeries=t),eH(t)[r]=o):eH(t)[r]=null}),this)},e.prototype.formatTooltip=function(t,e,n){var i=this.getData(),r=this.getRawValue(t),o=i.getName(t);return Ty("section",{header:this.name,blocks:[Ty("nameValue",{name:o,value:r,noName:!o,noValue:null==r})]})},e.prototype.getData=function(){return this._data},e.prototype.setData=function(t){this._data=t},e.prototype.getDataParams=function(t,e){var n=Fg.prototype.getDataParams.call(this,t,e),i=this.__hostSeries;return i&&(n.seriesId=i.id,n.seriesName=i.name,n.seriesType=i.subType),n},e.getMarkerModelFromSeries=function(t,e){return eH(t)[e]},e.type="marker",e.dependencies=["series","grid","polar","geo"],e}(Qp);R(nH,Fg.prototype);var iH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.createMarkerModelFromSeries=function(t,n,i){return new e(t,n,i)},e.type="markPoint",e.defaultOption={z:5,symbol:"pin",symbolSize:50,tooltip:{trigger:"item"},label:{show:!0,position:"inside"},itemStyle:{borderWidth:2},emphasis:{label:{show:!0}}},e}(nH);function rH(t){return!(isNaN(parseFloat(t.x))&&isNaN(parseFloat(t.y)))}function oH(t,e,n,i,r,o,a){var s=[],l=Y_(e,r)?e.getCalculationInfo("stackResultDimension"):r,u=hH(e,l,t),c=e.hostModel.indicesOfNearest(n,l,u)[0];s[o]=e.get(i,c),s[a]=e.get(l,c);var h=e.get(r,c),d=_o(e.get(r,c));return(d=Math.min(d,20))>=0&&(s[a]=+s[a].toFixed(d)),[s,h]}var aH={min:H(oH,"min"),max:H(oH,"max"),average:H(oH,"average"),median:H(oH,"median")};function sH(t,e){if(e){var n=t.getData(),i=t.coordinateSystem,r=i&&i.dimensions;if(!function(t){return!isNaN(parseFloat(t.x))&&!isNaN(parseFloat(t.y))}(e)&&!U(e.coord)&&U(r)){var o=lH(e,n,i,t);if((e=T(e)).type&&aH[e.type]&&o.baseAxis&&o.valueAxis){var a=P(r,o.baseAxis.dim),s=P(r,o.valueAxis.dim),l=aH[e.type](n,o.valueAxis.dim,o.baseDataDim,o.valueDataDim,a,s);e.coord=l[0],e.value=l[1]}else e.coord=[null!=e.xAxis?e.xAxis:e.radiusAxis,null!=e.yAxis?e.yAxis:e.angleAxis]}if(null!=e.coord&&U(r))for(var u=e.coord,c=0;c<2;c++)aH[u[c]]&&(u[c]=hH(n,n.mapDimension(r[c]),u[c]));else{e.coord=[];var h=t.getBaseAxis();if(h&&e.type&&aH[e.type]){var d=i.getOtherAxis(h);d&&(e.value=hH(n,n.mapDimension(d.dim),e.type))}}return e}}function lH(t,e,n,i){var r={};return null!=t.valueIndex||null!=t.valueDim?(r.valueDataDim=null!=t.valueIndex?e.getDimension(t.valueIndex):t.valueDim,r.valueAxis=n.getAxis(function(t,e){var n=t.getData().getDimensionInfo(e);return n&&n.coordDim}(i,r.valueDataDim)),r.baseAxis=n.getOtherAxis(r.valueAxis),r.baseDataDim=e.mapDimension(r.baseAxis.dim)):(r.baseAxis=i.getBaseAxis(),r.valueAxis=n.getOtherAxis(r.baseAxis),r.baseDataDim=e.mapDimension(r.baseAxis.dim),r.valueDataDim=e.mapDimension(r.valueAxis.dim)),r}function uH(t,e){return!(t&&t.containData&&e.coord&&!rH(e))||t.containData(e.coord)}function cH(t,e){return t?function(t,n,i,r){return Xg(r<2?t.coord&&t.coord[r]:t.value,e[r])}:function(t,n,i,r){return Xg(t.value,e[r])}}function hH(t,e,n){if("average"===n){var i=0,r=0;return t.each(e,(function(t,e){isNaN(t)||(i+=t,r++)})),i/r}return"median"===n?t.getMedian(e):t.getDataExtent(e)["max"===n?1:0]}var dH=sa(),pH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){this.markerGroupMap=yt()},e.prototype.render=function(t,e,n){var i=this,r=this.markerGroupMap;r.each((function(t){dH(t).keep=!1})),e.eachSeries((function(t){var r=nH.getMarkerModelFromSeries(t,i.type);r&&i.renderSeries(t,r,e,n)})),r.each((function(t){!dH(t).keep&&i.group.remove(t.group)})),function(t,e,n){t.eachSeries((function(t){var i=nH.getMarkerModelFromSeries(t,n),r=e.get(t.id);if(i&&r&&r.group){var o=Hh(i),a=o.z,s=o.zlevel;Yh(r.group,a,s)}}))}(e,r,this.type)},e.prototype.markKeep=function(t){dH(t).keep=!0},e.prototype.toggleBlurSeries=function(t,e){var n=this;z(t,(function(t){var i=nH.getMarkerModelFromSeries(t,n.type);i&&i.getData().eachItemGraphicEl((function(t){t&&(e?fu(t):gu(t))}))}))},e.type="marker",e}(Ky);function fH(t,e,n){var i=e.coordinateSystem,r=n.getWidth(),o=n.getHeight(),a=i&&i.getArea&&i.getArea();t.each((function(n){var s,l=t.getItemModel(n),u="coordinate"===l.get("relativeTo"),c=u?a?a.width:0:r,h=u?a?a.height:0:o,d=u&&a?a.x:0,p=u&&a?a.y:0,f=yo(l.get("x"),c)+d,g=yo(l.get("y"),h)+p;if(isNaN(f)||isNaN(g)){if(e.getMarkerPosition)s=e.getMarkerPosition(t.getValues(t.dimensions,n));else if(i){var y=t.get(i.dimensions[0],n),v=t.get(i.dimensions[1],n);s=i.dataToPoint([y,v])}}else s=[f,g];isNaN(f)||(s[0]=f),isNaN(g)||(s[1]=g),t.setItemLayout(n,s)}))}var gH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.updateTransform=function(t,e,n){e.eachSeries((function(t){var e=nH.getMarkerModelFromSeries(t,"markPoint");e&&(fH(e.getData(),t,n),this.markerGroupMap.get(t.id).updateLayout())}),this)},e.prototype.renderSeries=function(t,e,n,i){var r=t.coordinateSystem,o=t.id,a=t.getData(),s=this.markerGroupMap,l=s.get(o)||s.set(o,new uI),u=function(t,e,n){var i;i=t?E(t&&t.dimensions,(function(t){return A(A({},e.getData().getDimensionInfo(e.getData().mapDimension(t))||{}),{name:t,ordinalMeta:null})})):[{name:"value",type:"float"}];var r=new B_(i,n),o=E(n.get("data"),H(sH,e));t&&(o=V(o,H(uH,t)));var a=cH(!!t,i);return r.initData(o,null,a),r}(r,t,e);e.setData(u),fH(e.getData(),t,i),u.each((function(t){var n=u.getItemModel(t),i=n.getShallow("symbol"),r=n.getShallow("symbolSize"),o=n.getShallow("symbolRotate"),s=n.getShallow("symbolOffset"),l=n.getShallow("symbolKeepAspect");if(Y(i)||Y(r)||Y(o)||Y(s)){var c=e.getRawValue(t),h=e.getDataParams(t);Y(i)&&(i=i(c,h)),Y(r)&&(r=r(c,h)),Y(o)&&(o=o(c,h)),Y(s)&&(s=s(c,h))}var d=n.getModel("itemStyle").getItemStyle(),p=n.get("z2"),f=qv(a,"color");d.fill||(d.fill=f),u.setItemVisual(t,{z2:rt(p,0),symbol:i,symbolSize:r,symbolRotate:o,symbolOffset:s,symbolKeepAspect:l,style:d})})),l.updateData(u),this.group.add(l.group),u.eachItemGraphicEl((function(t){t.traverse((function(t){zl(t).dataModel=e}))})),this.markKeep(l),l.group.silent=e.get("silent")||t.get("silent")},e.type="markPoint",e}(pH);var yH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.createMarkerModelFromSeries=function(t,n,i){return new e(t,n,i)},e.type="markLine",e.defaultOption={z:5,symbol:["circle","arrow"],symbolSize:[8,16],symbolOffset:0,precision:2,tooltip:{trigger:"item"},label:{show:!0,position:"end",distance:5},lineStyle:{type:"dashed"},emphasis:{label:{show:!0},lineStyle:{width:3}},animationEasing:"linear"},e}(nH),vH=sa(),mH=function(t,e,n,i){var r,o=t.getData();if(U(i))r=i;else{var a=i.type;if("min"===a||"max"===a||"average"===a||"median"===a||null!=i.xAxis||null!=i.yAxis){var s=void 0,l=void 0;if(null!=i.yAxis||null!=i.xAxis)s=e.getAxis(null!=i.yAxis?"y":"x"),l=it(i.yAxis,i.xAxis);else{var u=lH(i,o,e,t);s=u.valueAxis,l=hH(o,X_(o,u.valueDataDim),a)}var c="x"===s.dim?0:1,h=1-c,d=T(i),p={coord:[]};d.type=null,d.coord=[],d.coord[h]=-1/0,p.coord[h]=1/0;var f=n.get("precision");f>=0&&j(l)&&(l=+l.toFixed(Math.min(f,20))),d.coord[c]=p.coord[c]=l,r=[d,p,{type:a,valueIndex:i.valueIndex,value:l}]}else r=[]}var g=[sH(t,r[0]),sH(t,r[1]),A({},r[2])];return g[2].type=g[2].type||null,C(g[2],g[0]),C(g[2],g[1]),g};function xH(t){return!isNaN(t)&&!isFinite(t)}function _H(t,e,n,i){var r=1-t,o=i.dimensions[t];return xH(e[r])&&xH(n[r])&&e[t]===n[t]&&i.getAxis(o).containData(e[t])}function bH(t,e){if("cartesian2d"===t.type){var n=e[0].coord,i=e[1].coord;if(n&&i&&(_H(1,n,i,t)||_H(0,n,i,t)))return!0}return uH(t,e[0])&&uH(t,e[1])}function wH(t,e,n,i,r){var o,a=i.coordinateSystem,s=t.getItemModel(e),l=yo(s.get("x"),r.getWidth()),u=yo(s.get("y"),r.getHeight());if(isNaN(l)||isNaN(u)){if(i.getMarkerPosition)o=i.getMarkerPosition(t.getValues(t.dimensions,e));else{var c=a.dimensions,h=t.get(c[0],e),d=t.get(c[1],e);o=a.dataToPoint([h,d])}if(SI(a,"cartesian2d")){var p=a.getAxis("x"),f=a.getAxis("y");c=a.dimensions;xH(t.get(c[0],e))?o[0]=p.toGlobalCoord(p.getExtent()[n?0:1]):xH(t.get(c[1],e))&&(o[1]=f.toGlobalCoord(f.getExtent()[n?0:1]))}isNaN(l)||(o[0]=l),isNaN(u)||(o[1]=u)}else o=[l,u];t.setItemLayout(e,o)}var SH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.updateTransform=function(t,e,n){e.eachSeries((function(t){var e=nH.getMarkerModelFromSeries(t,"markLine");if(e){var i=e.getData(),r=vH(e).from,o=vH(e).to;r.each((function(e){wH(r,e,!0,t,n),wH(o,e,!1,t,n)})),i.each((function(t){i.setItemLayout(t,[r.getItemLayout(t),o.getItemLayout(t)])})),this.markerGroupMap.get(t.id).updateLayout()}}),this)},e.prototype.renderSeries=function(t,e,n,i){var r=t.coordinateSystem,o=t.id,a=t.getData(),s=this.markerGroupMap,l=s.get(o)||s.set(o,new IP);this.group.add(l.group);var u=function(t,e,n){var i;i=t?E(t&&t.dimensions,(function(t){return A(A({},e.getData().getDimensionInfo(e.getData().mapDimension(t))||{}),{name:t,ordinalMeta:null})})):[{name:"value",type:"float"}];var r=new B_(i,n),o=new B_(i,n),a=new B_([],n),s=E(n.get("data"),H(mH,e,t,n));t&&(s=V(s,H(bH,t)));var l=cH(!!t,i);return r.initData(E(s,(function(t){return t[0]})),null,l),o.initData(E(s,(function(t){return t[1]})),null,l),a.initData(E(s,(function(t){return t[2]}))),a.hasItemOption=!0,{from:r,to:o,line:a}}(r,t,e),c=u.from,h=u.to,d=u.line;vH(e).from=c,vH(e).to=h,e.setData(d);var p=e.get("symbol"),f=e.get("symbolSize"),g=e.get("symbolRotate"),y=e.get("symbolOffset");function v(e,n,r){var o=e.getItemModel(n);wH(e,n,r,t,i);var s=o.getModel("itemStyle").getItemStyle();null==s.fill&&(s.fill=qv(a,"color")),e.setItemVisual(n,{symbolKeepAspect:o.get("symbolKeepAspect"),symbolOffset:rt(o.get("symbolOffset",!0),y[r?0:1]),symbolRotate:rt(o.get("symbolRotate",!0),g[r?0:1]),symbolSize:rt(o.get("symbolSize"),f[r?0:1]),symbol:rt(o.get("symbol",!0),p[r?0:1]),style:s})}U(p)||(p=[p,p]),U(f)||(f=[f,f]),U(g)||(g=[g,g]),U(y)||(y=[y,y]),u.from.each((function(t){v(c,t,!0),v(h,t,!1)})),d.each((function(t){var e=d.getItemModel(t),n=e.getModel("lineStyle").getLineStyle();d.setItemLayout(t,[c.getItemLayout(t),h.getItemLayout(t)]);var i=e.get("z2");null==n.stroke&&(n.stroke=c.getItemVisual(t,"style").fill),d.setItemVisual(t,{z2:rt(i,0),fromSymbolKeepAspect:c.getItemVisual(t,"symbolKeepAspect"),fromSymbolOffset:c.getItemVisual(t,"symbolOffset"),fromSymbolRotate:c.getItemVisual(t,"symbolRotate"),fromSymbolSize:c.getItemVisual(t,"symbolSize"),fromSymbol:c.getItemVisual(t,"symbol"),toSymbolKeepAspect:h.getItemVisual(t,"symbolKeepAspect"),toSymbolOffset:h.getItemVisual(t,"symbolOffset"),toSymbolRotate:h.getItemVisual(t,"symbolRotate"),toSymbolSize:h.getItemVisual(t,"symbolSize"),toSymbol:h.getItemVisual(t,"symbol"),style:n})})),l.updateData(d),u.line.eachItemGraphicEl((function(t){zl(t).dataModel=e,t.traverse((function(t){zl(t).dataModel=e}))})),this.markKeep(l),l.group.silent=e.get("silent")||t.get("silent")},e.type="markLine",e}(pH);var MH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.createMarkerModelFromSeries=function(t,n,i){return new e(t,n,i)},e.type="markArea",e.defaultOption={z:1,tooltip:{trigger:"item"},animation:!1,label:{show:!0,position:"top"},itemStyle:{borderWidth:0},emphasis:{label:{show:!0,position:"top"}}},e}(nH),IH=sa(),TH=function(t,e,n,i){var r=i[0],o=i[1];if(r&&o){var a=sH(t,r),s=sH(t,o),l=a.coord,u=s.coord;l[0]=it(l[0],-1/0),l[1]=it(l[1],-1/0),u[0]=it(u[0],1/0),u[1]=it(u[1],1/0);var c=D([{},a,s]);return c.coord=[a.coord,s.coord],c.x0=a.x,c.y0=a.y,c.x1=s.x,c.y1=s.y,c}};function CH(t){return!isNaN(t)&&!isFinite(t)}function DH(t,e,n,i){var r=1-t;return CH(e[r])&&CH(n[r])}function AH(t,e){var n=e.coord[0],i=e.coord[1],r={coord:n,x:e.x0,y:e.y0},o={coord:i,x:e.x1,y:e.y1};return SI(t,"cartesian2d")?!(!n||!i||!DH(1,n,i)&&!DH(0,n,i))||function(t,e,n){return!(t&&t.containZone&&e.coord&&n.coord&&!rH(e)&&!rH(n))||t.containZone(e.coord,n.coord)}(t,r,o):uH(t,r)||uH(t,o)}function kH(t,e,n,i,r){var o,a=i.coordinateSystem,s=t.getItemModel(e),l=yo(s.get(n[0]),r.getWidth()),u=yo(s.get(n[1]),r.getHeight());if(isNaN(l)||isNaN(u)){if(i.getMarkerPosition){var c=t.getValues(["x0","y0"],e),h=t.getValues(["x1","y1"],e),d=a.clampData(c),p=a.clampData(h),f=[];"x0"===n[0]?f[0]=d[0]>p[0]?h[0]:c[0]:f[0]=d[0]>p[0]?c[0]:h[0],"y0"===n[1]?f[1]=d[1]>p[1]?h[1]:c[1]:f[1]=d[1]>p[1]?c[1]:h[1],o=i.getMarkerPosition(f,n,!0)}else{var g=[m=t.get(n[0],e),x=t.get(n[1],e)];a.clampData&&a.clampData(g,g),o=a.dataToPoint(g,!0)}if(SI(a,"cartesian2d")){var y=a.getAxis("x"),v=a.getAxis("y"),m=t.get(n[0],e),x=t.get(n[1],e);CH(m)?o[0]=y.toGlobalCoord(y.getExtent()["x0"===n[0]?0:1]):CH(x)&&(o[1]=v.toGlobalCoord(v.getExtent()["y0"===n[1]?0:1]))}isNaN(l)||(o[0]=l),isNaN(u)||(o[1]=u)}else o=[l,u];return o}var LH=[["x0","y0"],["x1","y0"],["x1","y1"],["x0","y1"]],PH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.updateTransform=function(t,e,n){e.eachSeries((function(t){var e=nH.getMarkerModelFromSeries(t,"markArea");if(e){var i=e.getData();i.each((function(e){var r=E(LH,(function(r){return kH(i,e,r,t,n)}));i.setItemLayout(e,r),i.getItemGraphicEl(e).setShape("points",r)}))}}),this)},e.prototype.renderSeries=function(t,e,n,i){var r=t.coordinateSystem,o=t.id,a=t.getData(),s=this.markerGroupMap,l=s.get(o)||s.set(o,{group:new to});this.group.add(l.group),this.markKeep(l);var u=function(t,e,n){var i,r,o=["x0","y0","x1","y1"];if(t){var a=E(t&&t.dimensions,(function(t){var n=e.getData();return A(A({},n.getDimensionInfo(n.mapDimension(t))||{}),{name:t,ordinalMeta:null})}));r=E(o,(function(t,e){return{name:t,type:a[e%2].type}})),i=new B_(r,n)}else i=new B_(r=[{name:"value",type:"float"}],n);var s=E(n.get("data"),H(TH,e,t,n));t&&(s=V(s,H(AH,t)));var l=t?function(t,e,n,i){return Xg(t.coord[Math.floor(i/2)][i%2],r[i])}:function(t,e,n,i){return Xg(t.value,r[i])};return i.initData(s,null,l),i.hasItemOption=!0,i}(r,t,e);e.setData(u),u.each((function(e){var n=E(LH,(function(n){return kH(u,e,n,t,i)})),o=r.getAxis("x").scale,s=r.getAxis("y").scale,l=o.getExtent(),c=s.getExtent(),h=[o.parse(u.get("x0",e)),o.parse(u.get("x1",e))],d=[s.parse(u.get("y0",e)),s.parse(u.get("y1",e))];xo(h),xo(d);var p=!!(l[0]>h[1]||l[1]<h[0]||c[0]>d[1]||c[1]<d[0]);u.setItemLayout(e,{points:n,allClipped:p});var f=u.getItemModel(e),g=f.getModel("itemStyle").getItemStyle(),y=f.get("z2"),v=qv(a,"color");g.fill||(g.fill=v,X(g.fill)&&(g.fill=pi(g.fill,.4))),g.stroke||(g.stroke=v),u.setItemVisual(e,"style",g),u.setItemVisual(e,"z2",rt(y,0))})),u.diff(IH(l).data).add((function(t){var e=u.getItemLayout(t),n=u.getItemVisual(t,"z2");if(!e.allClipped){var i=new Mc({z2:rt(n,0),shape:{points:e.points}});u.setItemGraphicEl(t,i),l.group.add(i)}})).update((function(t,n){var i=IH(l).data.getItemGraphicEl(n),r=u.getItemLayout(t),o=u.getItemVisual(t,"z2");r.allClipped?i&&l.group.remove(i):(i?th(i,{z2:rt(o,0),shape:{points:r.points}},e,t):i=new Mc({shape:{points:r.points}}),u.setItemGraphicEl(t,i),l.group.add(i))})).remove((function(t){var e=IH(l).data.getItemGraphicEl(t);l.group.remove(e)})).execute(),u.eachItemGraphicEl((function(t,n){var i=u.getItemModel(n),r=u.getItemVisual(n,"style");t.useStyle(u.getItemVisual(n,"style")),$h(t,Jh(i),{labelFetcher:e,labelDataIndex:n,defaultText:u.getName(n)||"",inheritColor:X(r.fill)?pi(r.fill,1):tf.color.neutral99}),ku(t,i),Tu(t,null,null,i.get(["emphasis","disabled"])),zl(t).dataModel=e})),IH(l).data=u,l.group.silent=e.get("silent")||t.get("silent")},e.type="markArea",e}(pH);var OH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.layoutMode={type:"box",ignoreSize:!0},n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n),t.selected=t.selected||{},this._updateSelector(t)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.call(this,e,n),this._updateSelector(e)},e.prototype._updateSelector=function(t){var e=t.selector,n=this.ecModel;!0===e&&(e=t.selector=["all","inverse"]),U(e)&&z(e,(function(t,i){X(t)&&(t={type:t}),e[i]=C(t,function(t,e){return"all"===e?{type:"all",title:t.getLocaleModel().get(["legend","selector","all"])}:"inverse"===e?{type:"inverse",title:t.getLocaleModel().get(["legend","selector","inverse"])}:void 0}(n,t.type))}))},e.prototype.optionUpdated=function(){this._updateData(this.ecModel);var t=this._data;if(t[0]&&"single"===this.get("selectedMode")){for(var e=!1,n=0;n<t.length;n++){var i=t[n].get("name");if(this.isSelected(i)){this.select(i),e=!0;break}}!e&&this.select(t[0].get("name"))}},e.prototype._updateData=function(t){var e=[],n=[];t.eachRawSeries((function(i){var r,o=i.name;if(n.push(o),i.legendVisualProvider){var a=i.legendVisualProvider.getAllNames();t.isSeriesFiltered(i)||(n=n.concat(a)),a.length?e=e.concat(a):r=!0}else r=!0;r&&ra(i)&&e.push(i.name)})),this._availableNames=n;var i=this.get("data")||e,r=yt(),o=E(i,(function(t){return(X(t)||j(t))&&(t={name:t}),r.get(t.name)?null:(r.set(t.name,!0),new wd(t,this,this.ecModel))}),this);this._data=V(o,(function(t){return!!t}))},e.prototype.getData=function(){return this._data},e.prototype.select=function(t){var e=this.option.selected;"single"===this.get("selectedMode")&&z(this._data,(function(t){e[t.get("name")]=!1}));e[t]=!0},e.prototype.unSelect=function(t){"single"!==this.get("selectedMode")&&(this.option.selected[t]=!1)},e.prototype.toggleSelected=function(t){var e=this.option.selected;e.hasOwnProperty(t)||(e[t]=!0),this[e[t]?"unSelect":"select"](t)},e.prototype.allSelect=function(){var t=this._data,e=this.option.selected;z(t,(function(t){e[t.get("name",!0)]=!0}))},e.prototype.inverseSelect=function(){var t=this._data,e=this.option.selected;z(t,(function(t){var n=t.get("name",!0);e.hasOwnProperty(n)||(e[n]=!0),e[n]=!e[n]}))},e.prototype.isSelected=function(t){var e=this.option.selected;return!(e.hasOwnProperty(t)&&!e[t])&&P(this._availableNames,t)>=0},e.prototype.getOrient=function(){return"vertical"===this.get("orient")?{index:1,name:"vertical"}:{index:0,name:"horizontal"}},e.type="legend.plain",e.dependencies=["series"],e.defaultOption={z:4,show:!0,orient:"horizontal",left:"center",bottom:tf.size.m,align:"auto",backgroundColor:tf.color.transparent,borderColor:tf.color.border,borderRadius:0,borderWidth:0,padding:5,itemGap:8,itemWidth:25,itemHeight:14,symbolRotate:"inherit",symbolKeepAspect:!0,inactiveColor:tf.color.disabled,inactiveBorderColor:tf.color.disabled,inactiveBorderWidth:"auto",itemStyle:{color:"inherit",opacity:"inherit",borderColor:"inherit",borderWidth:"auto",borderCap:"inherit",borderJoin:"inherit",borderDashOffset:"inherit",borderMiterLimit:"inherit"},lineStyle:{width:"auto",color:"inherit",inactiveColor:tf.color.disabled,inactiveWidth:2,opacity:"inherit",type:"inherit",cap:"inherit",join:"inherit",dashOffset:"inherit",miterLimit:"inherit"},textStyle:{color:tf.color.secondary},selectedMode:!0,selector:!1,selectorLabel:{show:!0,borderRadius:10,padding:[3,5,3,5],fontSize:12,fontFamily:"sans-serif",color:tf.color.tertiary,borderWidth:1,borderColor:tf.color.border},emphasis:{selectorLabel:{show:!0,color:tf.color.quaternary}},selectorPosition:"auto",selectorItemGap:7,selectorButtonGap:10,tooltip:{show:!1},triggerEvent:!1},e}(Qp),RH=H,NH=z,zH=to,EH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.newlineDisabled=!1,n}return n(e,t),e.prototype.init=function(){this.group.add(this._contentGroup=new zH),this.group.add(this._selectorGroup=new zH),this._isFirstRender=!0},e.prototype.getContentGroup=function(){return this._contentGroup},e.prototype.getSelectorGroup=function(){return this._selectorGroup},e.prototype.render=function(t,e,n){var i=this._isFirstRender;if(this._isFirstRender=!1,this.resetInner(),t.get("show",!0)){var r=t.get("align"),o=t.get("orient");r&&"auto"!==r||(r="right"===t.get("left")&&"vertical"===o?"right":"left");var a=t.get("selector",!0),s=t.get("selectorPosition",!0);!a||s&&"auto"!==s||(s="horizontal"===o?"end":"start"),this.renderInner(r,t,e,n,a,o,s);var l=Xp(t,n).refContainer,u=t.getBoxLayoutParams(),c=t.get("padding"),h=Hp(u,l,c),d=this.layoutInner(t,r,h,i,a,s),p=Hp(k({width:d.width,height:d.height},u),l,c);this.group.x=p.x-d.x,this.group.y=p.y-d.y,this.group.markRedraw(),this.group.add(this._backgroundEl=dF(d,t))}},e.prototype.resetInner=function(){this.getContentGroup().removeAll(),this._backgroundEl&&this.group.remove(this._backgroundEl),this.getSelectorGroup().removeAll()},e.prototype.renderInner=function(t,e,n,i,r,o,a){var s=this.getContentGroup(),l=yt(),u=e.get("selectedMode"),c=e.get("triggerEvent"),h=[];n.eachRawSeries((function(t){!t.get("legendHoverLink")&&h.push(t.id)})),NH(e.getData(),(function(r,o){var a=this,d=r.get("name");if(!this.newlineDisabled&&(""===d||"\n"===d)){var p=new zH;return p.newline=!0,void s.add(p)}var f=n.getSeriesByName(d)[0];if(!l.get(d)){if(f){var g=f.getData(),y=g.getVisual("legendLineStyle")||{},v=g.getVisual("legendIcon"),m=g.getVisual("style"),x=this._createItem(f,d,o,r,e,t,y,m,v,u,i);x.on("click",RH(BH,d,null,i,h)).on("mouseover",RH(GH,f.name,null,i,h)).on("mouseout",RH(FH,f.name,null,i,h)),n.ssr&&x.eachChild((function(t){var e=zl(t);e.seriesIndex=f.seriesIndex,e.dataIndex=o,e.ssrType="legend"})),c&&x.eachChild((function(t){a.packEventData(t,e,f,o,d)})),l.set(d,!0)}else n.eachRawSeries((function(a){var s=this;if(!l.get(d)&&a.legendVisualProvider){var p=a.legendVisualProvider;if(!p.containName(d))return;var f=p.indexOfName(d),g=p.getItemVisual(f,"style"),y=p.getItemVisual(f,"legendIcon"),v=oi(g.fill);v&&0===v[3]&&(v[3]=.2,g=A(A({},g),{fill:fi(v,"rgba")}));var m=this._createItem(a,d,o,r,e,t,{},g,y,u,i);m.on("click",RH(BH,null,d,i,h)).on("mouseover",RH(GH,null,d,i,h)).on("mouseout",RH(FH,null,d,i,h)),n.ssr&&m.eachChild((function(t){var e=zl(t);e.seriesIndex=a.seriesIndex,e.dataIndex=o,e.ssrType="legend"})),c&&m.eachChild((function(t){s.packEventData(t,e,a,o,d)})),l.set(d,!0)}}),this);0}}),this),r&&this._createSelector(r,e,i,o,a)},e.prototype.packEventData=function(t,e,n,i,r){var o={componentType:"legend",componentIndex:e.componentIndex,dataIndex:i,value:r,seriesIndex:n.seriesIndex};zl(t).eventData=o},e.prototype._createSelector=function(t,e,n,i,r){var o=this.getSelectorGroup();NH(t,(function(t){var i=t.type,r=new Sl({style:{x:0,y:0,align:"center",verticalAlign:"middle"},onclick:function(){n.dispatchAction({type:"all"===i?"legendAllSelect":"legendInverseSelect",legendId:e.id})}});o.add(r),$h(r,{normal:e.getModel("selectorLabel"),emphasis:e.getModel(["emphasis","selectorLabel"])},{defaultText:t.title}),Iu(r)}))},e.prototype._createItem=function(t,e,n,i,r,o,a,s,l,u,c){var h=t.visualDrawType,d=r.get("itemWidth"),p=r.get("itemHeight"),f=r.isSelected(e),g=i.get("symbolRotate"),y=i.get("symbolKeepAspect"),v=i.get("icon"),m=function(t,e,n,i,r,o,a){function s(t,e){"auto"===t.lineWidth&&(t.lineWidth=e.lineWidth>0?2:0),NH(t,(function(n,i){"inherit"===t[i]&&(t[i]=e[i])}))}var l=e.getModel("itemStyle"),u=l.getItemStyle(),c=0===t.lastIndexOf("empty",0)?"fill":"stroke",h=l.getShallow("decal");u.decal=h&&"inherit"!==h?Bm(h,a):i.decal,"inherit"===u.fill&&(u.fill=i[r]);"inherit"===u.stroke&&(u.stroke=i[c]);"inherit"===u.opacity&&(u.opacity=("fill"===r?i:n).opacity);s(u,i);var d=e.getModel("lineStyle"),p=d.getLineStyle();if(s(p,n),"auto"===u.fill&&(u.fill=i.fill),"auto"===u.stroke&&(u.stroke=i.fill),"auto"===p.stroke&&(p.stroke=i.fill),!o){var f=e.get("inactiveBorderWidth"),g=u[c];u.lineWidth="auto"===f?i.lineWidth>0&&g?2:0:u.lineWidth,u.fill=e.get("inactiveColor"),u.stroke=e.get("inactiveBorderColor"),p.stroke=d.get("inactiveColor"),p.lineWidth=d.get("inactiveWidth")}return{itemStyle:u,lineStyle:p}}(l=v||l||"roundRect",i,a,s,h,f,c),x=new zH,_=i.getModel("textStyle");if(!Y(t.getLegendIcon)||v&&"inherit"!==v){var b="inherit"===v&&t.getData().getVisual("symbol")?"inherit"===g?t.getData().getVisual("symbolRotate"):g:0;x.add(function(t){var e=t.icon||"roundRect",n=hm(e,0,0,t.itemWidth,t.itemHeight,t.itemStyle.fill,t.symbolKeepAspect);n.setStyle(t.itemStyle),n.rotation=(t.iconRotate||0)*Math.PI/180,n.setOrigin([t.itemWidth/2,t.itemHeight/2]),e.indexOf("empty")>-1&&(n.style.stroke=n.style.fill,n.style.fill=tf.color.neutral00,n.style.lineWidth=2);return n}({itemWidth:d,itemHeight:p,icon:l,iconRotate:b,itemStyle:m.itemStyle,lineStyle:m.lineStyle,symbolKeepAspect:y}))}else x.add(t.getLegendIcon({itemWidth:d,itemHeight:p,icon:l,iconRotate:g,itemStyle:m.itemStyle,lineStyle:m.lineStyle,symbolKeepAspect:y}));var w="left"===o?d+5:-5,S=o,M=r.get("formatter"),I=e;X(M)&&M?I=M.replace("{name}",null!=e?e:""):Y(M)&&(I=M(e));var T=f?_.getTextColor():i.get("inactiveColor");x.add(new Sl({style:Qh(_,{text:I,x:w,y:p/2,fill:T,align:S,verticalAlign:"middle"},{inheritColor:T})}));var C=new xl({shape:x.getBoundingRect(),style:{fill:"transparent"}}),D=i.getModel("tooltip");return D.get("show")&&zh({el:C,componentModel:r,itemName:e,itemTooltipOption:D.option}),x.add(C),x.eachChild((function(t){t.silent=!0})),C.silent=!u,this.getContentGroup().add(x),Iu(x),x.__legendDataIndex=n,x},e.prototype.layoutInner=function(t,e,n,i,r,o){var a=this.getContentGroup(),s=this.getSelectorGroup();Gp(t.get("orient"),a,t.get("itemGap"),n.width,n.height);var l=a.getBoundingRect(),u=[-l.x,-l.y];if(s.markRedraw(),a.markRedraw(),r){Gp("horizontal",s,t.get("selectorItemGap",!0));var c=s.getBoundingRect(),h=[-c.x,-c.y],d=t.get("selectorButtonGap",!0),p=t.getOrient().index,f=0===p?"width":"height",g=0===p?"height":"width",y=0===p?"y":"x";"end"===o?h[p]+=l[f]+d:u[p]+=c[f]+d,h[1-p]+=l[g]/2-c[g]/2,s.x=h[0],s.y=h[1],a.x=u[0],a.y=u[1];var v={x:0,y:0};return v[f]=l[f]+d+c[f],v[g]=Math.max(l[g],c[g]),v[y]=Math.min(0,c[y]+h[1-p]),v}return a.x=u[0],a.y=u[1],this.group.getBoundingRect()},e.prototype.remove=function(){this.getContentGroup().removeAll(),this._isFirstRender=!0},e.type="legend.plain",e}(Ky);function BH(t,e,n,i){FH(t,e,n,i),n.dispatchAction({type:"legendToggleSelect",name:null!=t?t:e}),GH(t,e,n,i)}function VH(t){for(var e,n=t.getZr().storage.getDisplayList(),i=0,r=n.length;i<r&&!(e=n[i].states.emphasis);)i++;return e&&e.hoverLayer}function GH(t,e,n,i){VH(n)||n.dispatchAction({type:"highlight",seriesName:t,name:e,excludeSeriesId:i})}function FH(t,e,n,i){VH(n)||n.dispatchAction({type:"downplay",seriesName:t,name:e,excludeSeriesId:i})}function WH(t){var e=t.findComponents({mainType:"legend"});e&&e.length&&t.filterSeries((function(t){for(var n=0;n<e.length;n++)if(!e[n].isSelected(t.name))return!1;return!0}))}function HH(t,e,n){var i="allSelect"===t||"inverseSelect"===t,r={},o=[];n.eachComponent({mainType:"legend",query:e},(function(n){i?n[t]():n[t](e.name),UH(n,r),o.push(n.componentIndex)}));var a={};return n.eachComponent("legend",(function(t){z(r,(function(e,n){t[e?"select":"unSelect"](n)})),UH(t,a)})),i?{selected:a,legendIndex:o}:{name:e.name,selected:a}}function UH(t,e){var n=e||{};return z(t.getData(),(function(e){var i=e.get("name");if("\n"!==i&&""!==i){var r=t.isSelected(i);_t(n,i)?n[i]=n[i]&&r:n[i]=r}})),n}function YH(t){t.registerComponentModel(OH),t.registerComponentView(EH),t.registerProcessor(t.PRIORITY.PROCESSOR.SERIES_FILTER,WH),t.registerSubTypeDefaulter("legend",(function(){return"plain"})),function(t){t.registerAction("legendToggleSelect","legendselectchanged",H(HH,"toggleSelected")),t.registerAction("legendAllSelect","legendselectall",H(HH,"allSelect")),t.registerAction("legendInverseSelect","legendinverseselect",H(HH,"inverseSelect")),t.registerAction("legendSelect","legendselected",H(HH,"select")),t.registerAction("legendUnSelect","legendunselected",H(HH,"unSelect"))}(t)}var XH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.setScrollDataIndex=function(t){this.option.scrollDataIndex=t},e.prototype.init=function(e,n,i){var r=Kp(e);t.prototype.init.call(this,e,n,i),ZH(this,e,r)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.call(this,e,n),ZH(this,this.option,e)},e.type="legend.scroll",e.defaultOption=Id(OH.defaultOption,{scrollDataIndex:0,pageButtonItemGap:5,pageButtonGap:null,pageButtonPosition:"end",pageFormatter:"{current}/{total}",pageIcons:{horizontal:["M0,0L12,-10L12,10z","M0,0L-12,-10L-12,10z"],vertical:["M0,0L20,0L10,-20z","M0,0L20,0L10,20z"]},pageIconColor:tf.color.accent50,pageIconInactiveColor:tf.color.accent10,pageIconSize:15,pageTextStyle:{color:tf.color.tertiary},animationDurationUpdate:800}),e}(OH);function ZH(t,e,n){var i=[1,1];i[t.getOrient().index]=0,qp(e,n,{type:"box",ignoreSize:!!i})}var jH=to,qH=["width","height"],KH=["x","y"],$H=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.newlineDisabled=!0,n._currentIndex=0,n}return n(e,t),e.prototype.init=function(){t.prototype.init.call(this),this.group.add(this._containerGroup=new jH),this._containerGroup.add(this.getContentGroup()),this.group.add(this._controllerGroup=new jH)},e.prototype.resetInner=function(){t.prototype.resetInner.call(this),this._controllerGroup.removeAll(),this._containerGroup.removeClipPath(),this._containerGroup.__rectSize=null},e.prototype.renderInner=function(e,n,i,r,o,a,s){var l=this;t.prototype.renderInner.call(this,e,n,i,r,o,a,s);var u=this._controllerGroup,c=n.get("pageIconSize",!0),h=U(c)?c:[c,c];p("pagePrev",0);var d=n.getModel("pageTextStyle");function p(t,e){var i=t+"DataIndex",o=Ah(n.get("pageIcons",!0)[n.getOrient().name][e],{onclick:W(l._pageGo,l,i,n,r)},{x:-h[0]/2,y:-h[1]/2,width:h[0],height:h[1]});o.name=t,u.add(o)}u.add(new Sl({name:"pageText",style:{text:"xx/xx",fill:d.getTextColor(),font:d.getFont(),verticalAlign:"middle",align:"center"},silent:!0})),p("pageNext",1)},e.prototype.layoutInner=function(t,e,n,i,r,o){var a=this.getSelectorGroup(),s=t.getOrient().index,l=qH[s],u=KH[s],c=qH[1-s],h=KH[1-s];r&&Gp("horizontal",a,t.get("selectorItemGap",!0));var d=t.get("selectorButtonGap",!0),p=a.getBoundingRect(),f=[-p.x,-p.y],g=T(n);r&&(g[l]=n[l]-p[l]-d);var y=this._layoutContentAndController(t,i,g,s,l,c,h,u);if(r){if("end"===o)f[s]+=y[l]+d;else{var v=p[l]+d;f[s]-=v,y[u]-=v}y[l]+=p[l]+d,f[1-s]+=y[h]+y[c]/2-p[c]/2,y[c]=Math.max(y[c],p[c]),y[h]=Math.min(y[h],p[h]+f[1-s]),a.x=f[0],a.y=f[1],a.markRedraw()}return y},e.prototype._layoutContentAndController=function(t,e,n,i,r,o,a,s){var l=this.getContentGroup(),u=this._containerGroup,c=this._controllerGroup;Gp(t.get("orient"),l,t.get("itemGap"),i?n.width:null,i?null:n.height),Gp("horizontal",c,t.get("pageButtonItemGap",!0));var h=l.getBoundingRect(),d=c.getBoundingRect(),p=this._showController=h[r]>n[r],f=[-h.x,-h.y];e||(f[i]=l[s]);var g=[0,0],y=[-d.x,-d.y],v=rt(t.get("pageButtonGap",!0),t.get("itemGap",!0));p&&("end"===t.get("pageButtonPosition",!0)?y[i]+=n[r]-d[r]:g[i]+=d[r]+v);y[1-i]+=h[o]/2-d[o]/2,l.setPosition(f),u.setPosition(g),c.setPosition(y);var m={x:0,y:0};if(m[r]=p?n[r]:h[r],m[o]=Math.max(h[o],d[o]),m[a]=Math.min(0,d[a]+y[1-i]),u.__rectSize=n[r],p){var x={x:0,y:0};x[r]=Math.max(n[r]-d[r]-v,0),x[o]=m[o],u.setClipPath(new xl({shape:x})),u.__rectSize=x[r]}else c.eachChild((function(t){t.attr({invisible:!0,silent:!0})}));var _=this._getPageInfo(t);return null!=_.pageIndex&&th(l,{x:_.contentPosition[0],y:_.contentPosition[1]},p?t:null),this._updatePageInfoView(t,_),m},e.prototype._pageGo=function(t,e,n){var i=this._getPageInfo(e)[t];null!=i&&n.dispatchAction({type:"legendScroll",scrollDataIndex:i,legendId:e.id})},e.prototype._updatePageInfoView=function(t,e){var n=this._controllerGroup;z(["pagePrev","pageNext"],(function(i){var r=null!=e[i+"DataIndex"],o=n.childOfName(i);o&&(o.setStyle("fill",r?t.get("pageIconColor",!0):t.get("pageIconInactiveColor",!0)),o.cursor=r?"pointer":"default")}));var i=n.childOfName("pageText"),r=t.get("pageFormatter"),o=e.pageIndex,a=null!=o?o+1:0,s=e.pageCount;i&&r&&i.setStyle("text",X(r)?r.replace("{current}",null==a?"":a+"").replace("{total}",null==s?"":s+""):r({current:a,total:s}))},e.prototype._getPageInfo=function(t){var e=t.get("scrollDataIndex",!0),n=this.getContentGroup(),i=this._containerGroup.__rectSize,r=t.getOrient().index,o=qH[r],a=KH[r],s=this._findTargetItemIndex(e),l=n.children(),u=l[s],c=l.length,h=c?1:0,d={contentPosition:[n.x,n.y],pageCount:h,pageIndex:h-1,pagePrevDataIndex:null,pageNextDataIndex:null};if(!u)return d;var p=m(u);d.contentPosition[r]=-p.s;for(var f=s+1,g=p,y=p,v=null;f<=c;++f)(!(v=m(l[f]))&&y.e>g.s+i||v&&!x(v,g.s))&&(g=y.i>g.i?y:v)&&(null==d.pageNextDataIndex&&(d.pageNextDataIndex=g.i),++d.pageCount),y=v;for(f=s-1,g=p,y=p,v=null;f>=-1;--f)(v=m(l[f]))&&x(y,v.s)||!(g.i<y.i)||(y=g,null==d.pagePrevDataIndex&&(d.pagePrevDataIndex=g.i),++d.pageCount,++d.pageIndex),g=v;return d;function m(t){if(t){var e=t.getBoundingRect(),n=e[a]+t[a];return{s:n,e:n+e[o],i:t.__legendDataIndex}}}function x(t,e){return t.e>=e&&t.s<=e+i}},e.prototype._findTargetItemIndex=function(t){return this._showController?(this.getContentGroup().eachChild((function(i,r){var o=i.__legendDataIndex;null==n&&null!=o&&(n=r),o===t&&(e=r)})),null!=e?e:n):0;var e,n},e.type="legend.scroll",e}(EH);function JH(t){h_(YH),t.registerComponentModel(XH),t.registerComponentView($H),function(t){t.registerAction("legendScroll","legendscroll",(function(t,e){var n=t.scrollDataIndex;null!=n&&e.eachComponent({mainType:"legend",subType:"scroll",query:t},(function(t){t.setScrollDataIndex(n)}))}))}(t)}var QH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.inside",e.defaultOption=Id(qG.defaultOption,{disabled:!1,zoomLock:!1,zoomOnMouseWheel:!0,moveOnMouseMove:!0,moveOnMouseWheel:!1,preventDefaultMouseMove:!0}),e}(qG),tU=sa();function eU(t,e,n){tU(t).coordSysRecordMap.each((function(t){var i=t.dataZoomInfoMap.get(e.uid);i&&(i.getRange=n)}))}function nU(t,e){if(e){t.removeKey(e.model.uid);var n=e.controller;n&&n.dispose()}}function iU(t,e){t.isDisposed()||t.dispatchAction({type:"dataZoom",animation:{easing:"cubicOut",duration:100},batch:e})}function rU(t,e,n,i){return t.coordinateSystem.containPoint([n,i])}function oU(t){t.registerProcessor(t.PRIORITY.PROCESSOR.FILTER,(function(t,e){var n=tU(e),i=n.coordSysRecordMap||(n.coordSysRecordMap=yt());i.each((function(t){t.dataZoomInfoMap=null})),t.eachComponent({mainType:"dataZoom",subType:"inside"},(function(t){z(ZG(t).infoList,(function(n){var r=n.model.uid,o=i.get(r)||i.set(r,function(t,e){var n={model:e,containsPoint:H(rU,e),dispatchAction:H(iU,t),dataZoomInfoMap:null,controller:null},i=n.controller=new LD(t.getZr());return z(["pan","zoom","scrollMove"],(function(t){i.on(t,(function(e){var i=[];n.dataZoomInfoMap.each((function(r){if(e.isAvailableBehavior(r.model.option)){var o=(r.getRange||{})[t],a=o&&o(r.dzReferCoordSysInfo,n.model.mainType,n.controller,e);!r.model.get("disabled",!0)&&a&&i.push({dataZoomId:r.model.id,start:a[0],end:a[1]})}})),i.length&&n.dispatchAction(i)}))})),n}(e,n.model));(o.dataZoomInfoMap||(o.dataZoomInfoMap=yt())).set(t.uid,{dzReferCoordSysInfo:n,model:t,getRange:null})}))})),i.each((function(t){var n,r=t.controller,o=t.dataZoomInfoMap;if(o){var a=o.keys()[0];null!=a&&(n=o.get(a))}if(n){var s=function(t,e,n){var i,r="type_",o={type_true:2,type_move:1,type_false:0,type_undefined:-1},a=!0;return t.each((function(t){var e=t.model,n=!e.get("disabled",!0)&&(!e.get("zoomLock",!0)||"move");o[r+n]>o[r+i]&&(i=n),a=a&&e.get("preventDefaultMouseMove",!0)})),{controlType:i,opt:{zoomOnMouseWheel:!0,moveOnMouseMove:!0,moveOnMouseWheel:!0,preventDefaultMouseMove:!!a,api:n,zInfo:{component:e.model},triggerInfo:{roamTrigger:null,isInSelf:e.containsPoint}}}}(o,t,e);r.enable(s.controlType,s.opt),cv(t,"dispatchAction",n.model.get("throttle",!0),"fixRate")}else nU(i,t)}))}))}var aU=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="dataZoom.inside",e}return n(e,t),e.prototype.render=function(e,n,i){t.prototype.render.apply(this,arguments),e.noTarget()?this._clear():(this.range=e.getPercentRange(),eU(i,e,{pan:W(sU.pan,this),zoom:W(sU.zoom,this),scrollMove:W(sU.scrollMove,this)}))},e.prototype.dispose=function(){this._clear(),t.prototype.dispose.apply(this,arguments)},e.prototype._clear=function(){!function(t,e){for(var n=tU(t).coordSysRecordMap,i=n.keys(),r=0;r<i.length;r++){var o=i[r],a=n.get(o),s=a.dataZoomInfoMap;if(s){var l=e.uid;s.get(l)&&(s.removeKey(l),s.keys().length||nU(n,a))}}}(this.api,this.dataZoomModel),this.range=null},e.type="dataZoom.inside",e}(JG),sU={zoom:function(t,e,n,i){var r=this.range,o=r.slice(),a=t.axisModels[0];if(a){var s=uU[e](null,[i.originX,i.originY],a,n,t),l=(s.signal>0?s.pixelStart+s.pixelLength-s.pixel:s.pixel-s.pixelStart)/s.pixelLength*(o[1]-o[0])+o[0],u=Math.max(1/i.scale,0);o[0]=(o[0]-l)*u+l,o[1]=(o[1]-l)*u+l;var c=this.dataZoomModel.findRepresentativeAxisProxy().getMinMaxSpan();return CO(0,o,[0,100],0,c.minSpan,c.maxSpan),this.range=o,r[0]!==o[0]||r[1]!==o[1]?o:void 0}},pan:lU((function(t,e,n,i,r,o){var a=uU[i]([o.oldX,o.oldY],[o.newX,o.newY],e,r,n);return a.signal*(t[1]-t[0])*a.pixel/a.pixelLength})),scrollMove:lU((function(t,e,n,i,r,o){return uU[i]([0,0],[o.scrollDelta,o.scrollDelta],e,r,n).signal*(t[1]-t[0])*o.scrollDelta}))};function lU(t){return function(e,n,i,r){var o=this.range,a=o.slice(),s=e.axisModels[0];if(s)return CO(t(a,s,e,n,i,r),a,[0,100],"all"),this.range=a,o[0]!==a[0]||o[1]!==a[1]?a:void 0}}var uU={grid:function(t,e,n,i,r){var o=n.axis,a={},s=r.model.coordinateSystem.getRect();return t=t||[0,0],"x"===o.dim?(a.pixel=e[0]-t[0],a.pixelLength=s.width,a.pixelStart=s.x,a.signal=o.inverse?1:-1):(a.pixel=e[1]-t[1],a.pixelLength=s.height,a.pixelStart=s.y,a.signal=o.inverse?-1:1),a},polar:function(t,e,n,i,r){var o=n.axis,a={},s=r.model.coordinateSystem,l=s.getRadiusAxis().getExtent(),u=s.getAngleAxis().getExtent();return t=t?s.pointToCoord(t):[0,0],e=s.pointToCoord(e),"radiusAxis"===n.mainType?(a.pixel=e[0]-t[0],a.pixelLength=l[1]-l[0],a.pixelStart=l[0],a.signal=o.inverse?1:-1):(a.pixel=e[1]-t[1],a.pixelLength=u[1]-u[0],a.pixelStart=u[0],a.signal=o.inverse?-1:1),a},singleAxis:function(t,e,n,i,r){var o=n.axis,a=r.model.coordinateSystem.getRect(),s={};return t=t||[0,0],"horizontal"===o.orient?(s.pixel=e[0]-t[0],s.pixelLength=a.width,s.pixelStart=a.x,s.signal=o.inverse?1:-1):(s.pixel=e[1]-t[1],s.pixelLength=a.height,s.pixelStart=a.y,s.signal=o.inverse?-1:1),s}};function cU(t){oF(t),t.registerComponentModel(QH),t.registerComponentView(aU),oU(t)}var hU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.slider",e.layoutMode="box",e.defaultOption=Id(qG.defaultOption,{show:!0,right:"ph",top:"ph",width:"ph",height:"ph",left:null,bottom:null,borderColor:tf.color.accent10,borderRadius:0,backgroundColor:tf.color.transparent,dataBackground:{lineStyle:{color:tf.color.accent30,width:.5},areaStyle:{color:tf.color.accent20,opacity:.2}},selectedDataBackground:{lineStyle:{color:tf.color.accent40,width:.5},areaStyle:{color:tf.color.accent20,opacity:.3}},fillerColor:"rgba(135,175,274,0.2)",handleIcon:"path://M-9.35,34.56V42m0-40V9.5m-2,0h4a2,2,0,0,1,2,2v21a2,2,0,0,1-2,2h-4a2,2,0,0,1-2-2v-21A2,2,0,0,1-11.35,9.5Z",handleSize:"100%",handleStyle:{color:tf.color.neutral00,borderColor:tf.color.accent20},moveHandleSize:7,moveHandleIcon:"path://M-320.9-50L-320.9-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-348-41-339-50-320.9-50z M-212.3-50L-212.3-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-239.4-41-230.4-50-212.3-50z M-103.7-50L-103.7-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-130.9-41-121.8-50-103.7-50z",moveHandleStyle:{color:tf.color.accent40,opacity:.5},showDetail:!0,showDataShadow:"auto",realtime:!0,zoomLock:!1,textStyle:{color:tf.color.tertiary},brushSelect:!0,brushStyle:{color:tf.color.accent30,opacity:.3},emphasis:{handleLabel:{show:!0},handleStyle:{borderColor:tf.color.accent40},moveHandleStyle:{opacity:.8}},defaultLocationEdgeGap:15}),e}(qG),dU=xl,pU="horizontal",fU="vertical",gU=["line","bar","candlestick","scatter"],yU={easing:"cubicOut",duration:100,delay:0},vU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._displayables={},n}return n(e,t),e.prototype.init=function(t,e){this.api=e,this._onBrush=W(this._onBrush,this),this._onBrushEnd=W(this._onBrushEnd,this)},e.prototype.render=function(e,n,i,r){if(t.prototype.render.apply(this,arguments),cv(this,"_dispatchZoomAction",e.get("throttle"),"fixRate"),this._orient=e.getOrient(),!1!==e.get("show")){if(e.noTarget())return this._clear(),void this.group.removeAll();r&&"dataZoom"===r.type&&r.from===this.uid||this._buildView(),this._updateView()}else this.group.removeAll()},e.prototype.dispose=function(){this._clear(),t.prototype.dispose.apply(this,arguments)},e.prototype._clear=function(){hv(this,"_dispatchZoomAction");var t=this.api.getZr();t.off("mousemove",this._onBrush),t.off("mouseup",this._onBrushEnd)},e.prototype._buildView=function(){var t=this.group;t.removeAll(),this._brushing=!1,this._displayables.brushRect=null,this._resetLocation(),this._resetInterval();var e=this._displayables.sliderGroup=new to;this._renderBackground(),this._renderHandle(),this._renderDataShadow(),t.add(e),this._positionGroup()},e.prototype._resetLocation=function(){var t=this.dataZoomModel,e=this.api,n=t.get("brushSelect")?7:0,i=Xp(t,e).refContainer,r=this._findCoordRect(),o=t.get("defaultLocationEdgeGap",!0)||0,a=this._orient===pU?{right:i.width-r.x-r.width,top:i.height-30-o-n,width:r.width,height:30}:{right:o,top:r.y,width:30,height:r.height},s=Kp(t.option);z(["right","top","width","height"],(function(t){"ph"===s[t]&&(s[t]=a[t])}));var l=Hp(s,i);this._location={x:l.x,y:l.y},this._size=[l.width,l.height],this._orient===fU&&this._size.reverse()},e.prototype._positionGroup=function(){var t=this.group,e=this._location,n=this._orient,i=this.dataZoomModel.getFirstTargetAxisModel(),r=i&&i.get("inverse"),o=this._displayables.sliderGroup,a=(this._dataShadowInfo||{}).otherAxisInverse;o.attr(n!==pU||r?n===pU&&r?{scaleY:a?1:-1,scaleX:-1}:n!==fU||r?{scaleY:a?-1:1,scaleX:-1,rotation:Math.PI/2}:{scaleY:a?-1:1,scaleX:1,rotation:Math.PI/2}:{scaleY:a?1:-1,scaleX:1});var s=t.getBoundingRect([o]);t.x=e.x-s.x,t.y=e.y-s.y,t.markRedraw()},e.prototype._getViewExtent=function(){return[0,this._size[0]]},e.prototype._renderBackground=function(){var t=this.dataZoomModel,e=this._size,n=this._displayables.sliderGroup,i=t.get("brushSelect");n.add(new dU({silent:!0,shape:{x:0,y:0,width:e[0],height:e[1]},style:{fill:t.get("backgroundColor")},z2:-40}));var r=new dU({shape:{x:0,y:0,width:e[0],height:e[1]},style:{fill:"transparent"},z2:0,onclick:W(this._onClickPanel,this)}),o=this.api.getZr();i?(r.on("mousedown",this._onBrushStart,this),r.cursor="crosshair",o.on("mousemove",this._onBrush),o.on("mouseup",this._onBrushEnd)):(o.off("mousemove",this._onBrush),o.off("mouseup",this._onBrushEnd)),n.add(r)},e.prototype._renderDataShadow=function(){var t=this._dataShadowInfo=this._prepareDataShadowInfo();if(this._displayables.dataShadowSegs=[],t){var e=this._size,n=this._shadowSize||[],i=t.series,r=i.getRawData(),o=i.getShadowDim&&i.getShadowDim(),a=o&&r.getDimensionInfo(o)?i.getShadowDim():t.otherDim;if(null!=a){var s=this._shadowPolygonPts,l=this._shadowPolylinePts;if(r!==this._shadowData||a!==this._shadowDim||e[0]!==n[0]||e[1]!==n[1]){var u=r.getDataExtent(t.thisDim),c=r.getDataExtent(a),h=.3*(c[1]-c[0]);c=[c[0]-h,c[1]+h];var d,p=[0,e[1]],f=[0,e[0]],g=[[e[0],0],[0,0]],y=[],v=f[1]/Math.max(1,r.count()-1),m=e[0]/(u[1]-u[0]),x="time"===t.thisAxis.type,_=-v,b=Math.round(r.count()/e[0]);r.each([t.thisDim,a],(function(t,e,n){if(b>0&&n%b)x||(_+=v);else{_=x?(+t-u[0])*m:_+v;var i=null==e||isNaN(e)||""===e,r=i?0:go(e,c,p,!0);i&&!d&&n?(g.push([g[g.length-1][0],0]),y.push([y[y.length-1][0],0])):!i&&d&&(g.push([_,0]),y.push([_,0])),i||(g.push([_,r]),y.push([_,r])),d=i}})),s=this._shadowPolygonPts=g,l=this._shadowPolylinePts=y}this._shadowData=r,this._shadowDim=a,this._shadowSize=[e[0],e[1]];for(var w=this.dataZoomModel,S=0;S<3;S++){var M=I(1===S);this._displayables.sliderGroup.add(M),this._displayables.dataShadowSegs.push(M)}}}function I(t){var e=w.getModel(t?"selectedDataBackground":"dataBackground"),n=new to,i=new Mc({shape:{points:s},segmentIgnoreThreshold:1,style:e.getModel("areaStyle").getAreaStyle(),silent:!0,z2:-20}),r=new Tc({shape:{points:l},segmentIgnoreThreshold:1,style:e.getModel("lineStyle").getLineStyle(),silent:!0,z2:-19});return n.add(i),n.add(r),n}},e.prototype._prepareDataShadowInfo=function(){var t=this.dataZoomModel,e=t.get("showDataShadow");if(!1!==e){var n,i=this.ecModel;return t.eachTargetAxis((function(r,o){z(t.getAxisProxy(r,o).getTargetSeriesModels(),(function(t){if(!(n||!0!==e&&P(gU,t.get("type"))<0)){var a,s=i.getComponent(YG(r),o).axis,l=function(t){var e={x:"y",y:"x",radius:"angle",angle:"radius"};return e[t]}(r),u=t.coordinateSystem;null!=l&&u.getOtherAxis&&(a=u.getOtherAxis(s).inverse),l=t.getData().mapDimension(l);var c=t.getData().mapDimension(r);n={thisAxis:s,series:t,thisDim:c,otherDim:l,otherAxisInverse:a}}}),this)}),this),n}},e.prototype._renderHandle=function(){var t=this.group,e=this._displayables,n=e.handles=[null,null],i=e.handleLabels=[null,null],r=this._displayables.sliderGroup,o=this._size,a=this.dataZoomModel,s=this.api,l=a.get("borderRadius")||0,u=a.get("brushSelect"),c=e.filler=new dU({silent:u,style:{fill:a.get("fillerColor")},textConfig:{position:"inside"}});r.add(c),r.add(new dU({silent:!0,subPixelOptimize:!0,shape:{x:0,y:0,width:o[0],height:o[1],r:l},style:{stroke:a.get("dataBackgroundColor")||a.get("borderColor"),lineWidth:1,fill:tf.color.transparent}})),z([0,1],(function(e){var o=a.get("handleIcon");!lm[o]&&o.indexOf("path://")<0&&o.indexOf("image://")<0&&(o="path://"+o);var s,l=hm(o,-1,0,2,2,null,!0);l.attr({cursor:(s=this._orient,"vertical"===s?"ns-resize":"ew-resize"),draggable:!0,drift:W(this._onDragMove,this,e),ondragend:W(this._onDragEnd,this),onmouseover:W(this._showDataInfo,this,!0),onmouseout:W(this._showDataInfo,this,!1),z2:5});var u=l.getBoundingRect(),c=a.get("handleSize");this._handleHeight=yo(c,this._size[1]),this._handleWidth=u.width/u.height*this._handleHeight,l.setStyle(a.getModel("handleStyle").getItemStyle()),l.style.strokeNoScale=!0,l.rectHover=!0,l.ensureState("emphasis").style=a.getModel(["emphasis","handleStyle"]).getItemStyle(),Iu(l);var h=a.get("handleColor");null!=h&&(l.style.fill=h),r.add(n[e]=l);var d=a.getModel("textStyle"),p=(a.get("handleLabel")||{}).show||!1;t.add(i[e]=new Sl({silent:!0,invisible:!p,style:Qh(d,{x:0,y:0,text:"",verticalAlign:"middle",align:"center",fill:d.getTextColor(),font:d.getFont()}),z2:10}))}),this);var h=c;if(u){var d=yo(a.get("moveHandleSize"),o[1]),p=e.moveHandle=new xl({style:a.getModel("moveHandleStyle").getItemStyle(),silent:!0,shape:{r:[0,0,2,2],y:o[1]-.5,height:d}}),f=.8*d,g=e.moveHandleIcon=hm(a.get("moveHandleIcon"),-f/2,-f/2,f,f,tf.color.neutral00,!0);g.silent=!0,g.y=o[1]+d/2-.5,p.ensureState("emphasis").style=a.getModel(["emphasis","moveHandleStyle"]).getItemStyle();var y=Math.min(o[1]/2,Math.max(d,10));(h=e.moveZone=new xl({invisible:!0,shape:{y:o[1]-y,height:d+y}})).on("mouseover",(function(){s.enterEmphasis(p)})).on("mouseout",(function(){s.leaveEmphasis(p)})),r.add(p),r.add(g),r.add(h)}h.attr({draggable:!0,cursor:"default",drift:W(this._onDragMove,this,"all"),ondragstart:W(this._showDataInfo,this,!0),ondragend:W(this._onDragEnd,this),onmouseover:W(this._showDataInfo,this,!0),onmouseout:W(this._showDataInfo,this,!1)})},e.prototype._resetInterval=function(){var t=this._range=this.dataZoomModel.getPercentRange(),e=this._getViewExtent();this._handleEnds=[go(t[0],[0,100],e,!0),go(t[1],[0,100],e,!0)]},e.prototype._updateInterval=function(t,e){var n=this.dataZoomModel,i=this._handleEnds,r=this._getViewExtent(),o=n.findRepresentativeAxisProxy().getMinMaxSpan(),a=[0,100];CO(e,i,r,n.get("zoomLock")?"all":t,null!=o.minSpan?go(o.minSpan,a,r,!0):null,null!=o.maxSpan?go(o.maxSpan,a,r,!0):null);var s=this._range,l=this._range=xo([go(i[0],r,a,!0),go(i[1],r,a,!0)]);return!s||s[0]!==l[0]||s[1]!==l[1]},e.prototype._updateView=function(t){var e=this._displayables,n=this._handleEnds,i=xo(n.slice()),r=this._size;z([0,1],(function(t){var i=e.handles[t],o=this._handleHeight;i.attr({scaleX:o/2,scaleY:o/2,x:n[t]+(t?-1:1),y:r[1]/2-o/2})}),this),e.filler.setShape({x:i[0],y:0,width:i[1]-i[0],height:r[1]});var o={x:i[0],width:i[1]-i[0]};e.moveHandle&&(e.moveHandle.setShape(o),e.moveZone.setShape(o),e.moveZone.getBoundingRect(),e.moveHandleIcon&&e.moveHandleIcon.attr("x",o.x+o.width/2));for(var a=e.dataShadowSegs,s=[0,i[0],i[1],r[0]],l=0;l<a.length;l++){var u=a[l],c=u.getClipPath();c||(c=new xl,u.setClipPath(c)),c.setShape({x:s[l],y:0,width:s[l+1]-s[l],height:r[1]})}this._updateDataInfo(t)},e.prototype._updateDataInfo=function(t){var e=this.dataZoomModel,n=this._displayables,i=n.handleLabels,r=this._orient,o=["",""];if(e.get("showDetail")){var a=e.findRepresentativeAxisProxy();if(a){var s=a.getAxisModel().axis,l=this._range,u=t?a.calculateDataWindow({start:l[0],end:l[1]}).valueWindow:a.getDataValueWindow();o=[this._formatLabel(u[0],s),this._formatLabel(u[1],s)]}}var c=xo(this._handleEnds.slice());function h(t){var e=wh(n.handles[t].parent,this.group),a=Mh(0===t?"right":"left",e),s=this._handleWidth/2+5,l=Sh([c[t]+(0===t?-s:s),this._size[1]/2],e);i[t].setStyle({x:l[0],y:l[1],verticalAlign:r===pU?"middle":a,align:r===pU?a:"center",text:o[t]})}h.call(this,0),h.call(this,1)},e.prototype._formatLabel=function(t,e){var n=this.dataZoomModel,i=n.get("labelFormatter"),r=n.get("labelPrecision");null!=r&&"auto"!==r||(r=e.getPixelPrecision());var o=null==t||isNaN(t)?"":"category"===e.type||"time"===e.type?e.scale.getLabel({value:Math.round(t)}):t.toFixed(Math.min(r,20));return Y(i)?i(t,o):X(i)?i.replace("{value}",o):o},e.prototype._showDataInfo=function(t){var e=(this.dataZoomModel.get("handleLabel")||{}).show||!1,n=this.dataZoomModel.getModel(["emphasis","handleLabel"]).get("show")||!1,i=t||this._dragging?n:e,r=this._displayables,o=r.handleLabels;o[0].attr("invisible",!i),o[1].attr("invisible",!i),r.moveHandle&&this.api[i?"enterEmphasis":"leaveEmphasis"](r.moveHandle,1)},e.prototype._onDragMove=function(t,e,n,i){this._dragging=!0,fe(i.event);var r=Sh([e,n],this._displayables.sliderGroup.getLocalTransform(),!0),o=this._updateInterval(t,r[0]),a=this.dataZoomModel.get("realtime");this._updateView(!a),o&&a&&this._dispatchZoomAction(!0)},e.prototype._onDragEnd=function(){this._dragging=!1,this._showDataInfo(!1),!this.dataZoomModel.get("realtime")&&this._dispatchZoomAction(!1)},e.prototype._onClickPanel=function(t){var e=this._size,n=this._displayables.sliderGroup.transformCoordToLocal(t.offsetX,t.offsetY);if(!(n[0]<0||n[0]>e[0]||n[1]<0||n[1]>e[1])){var i=this._handleEnds,r=(i[0]+i[1])/2,o=this._updateInterval("all",n[0]-r);this._updateView(),o&&this._dispatchZoomAction(!1)}},e.prototype._onBrushStart=function(t){var e=t.offsetX,n=t.offsetY;this._brushStart=new Ae(e,n),this._brushing=!0,this._brushStartTime=+new Date},e.prototype._onBrushEnd=function(t){if(this._brushing){var e=this._displayables.brushRect;if(this._brushing=!1,e){e.attr("ignore",!0);var n=e.shape;if(!(+new Date-this._brushStartTime<200&&Math.abs(n.width)<5)){var i=this._getViewExtent(),r=[0,100],o=this._handleEnds=[n.x,n.x+n.width],a=this.dataZoomModel.findRepresentativeAxisProxy().getMinMaxSpan();CO(0,o,i,0,null!=a.minSpan?go(a.minSpan,r,i,!0):null,null!=a.maxSpan?go(a.maxSpan,r,i,!0):null),this._range=xo([go(o[0],i,r,!0),go(o[1],i,r,!0)]),this._updateView(),this._dispatchZoomAction(!1)}}}},e.prototype._onBrush=function(t){this._brushing&&(fe(t.event),this._updateBrushRect(t.offsetX,t.offsetY))},e.prototype._updateBrushRect=function(t,e){var n=this._displayables,i=this.dataZoomModel,r=n.brushRect;r||(r=n.brushRect=new dU({silent:!0,style:i.getModel("brushStyle").getItemStyle()}),n.sliderGroup.add(r)),r.attr("ignore",!1);var o=this._brushStart,a=this._displayables.sliderGroup,s=a.transformCoordToLocal(t,e),l=a.transformCoordToLocal(o.x,o.y),u=this._size;s[0]=Math.max(Math.min(u[0],s[0]),0),r.setShape({x:l[0],y:0,width:s[0]-l[0],height:u[1]})},e.prototype._dispatchZoomAction=function(t){var e=this._range;this.api.dispatchAction({type:"dataZoom",from:this.uid,dataZoomId:this.dataZoomModel.id,animation:t?yU:null,start:e[0],end:e[1]})},e.prototype._findCoordRect=function(){var t,e=ZG(this.dataZoomModel).infoList;if(!t&&e.length){var n=e[0].model.coordinateSystem;t=n.getRect&&n.getRect()}if(!t){var i=this.api.getWidth(),r=this.api.getHeight();t={x:.2*i,y:.2*r,width:.6*i,height:.6*r}}return t},e.type="dataZoom.slider",e}(JG);function mU(t){t.registerComponentModel(hU),t.registerComponentView(vU),oF(t)}var xU=function(t,e,n){var i=T((_U[t]||{})[e]);return n&&U(i)?i[i.length-1]:i},_U={color:{active:["#006edd","#e0ffff"],inactive:[tf.color.transparent]},colorHue:{active:[0,360],inactive:[0,0]},colorSaturation:{active:[.3,1],inactive:[0,0]},colorLightness:{active:[.9,.5],inactive:[0,0]},colorAlpha:{active:[.3,1],inactive:[0,0]},opacity:{active:[.3,1],inactive:[0,0]},symbol:{active:["circle","roundRect","diamond"],inactive:["none"]},symbolSize:{active:[10,50],inactive:[0,0]}},bU=hL.mapVisual,wU=hL.eachVisual,SU=U,MU=z,IU=xo,TU=go,CU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.stateList=["inRange","outOfRange"],n.replacableOptionKeys=["inRange","outOfRange","target","controller","color"],n.layoutMode={type:"box",ignoreSize:!0},n.dataBound=[-1/0,1/0],n.targetVisuals={},n.controllerVisuals={},n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n)},e.prototype.optionUpdated=function(t,e){var n=this.option;!e&&bW(n,t,this.replacableOptionKeys),this.textStyleModel=this.getModel("textStyle"),this.resetItemSize(),this.completeVisualOption()},e.prototype.resetVisual=function(t){var e=this.stateList;t=W(t,this),this.controllerVisuals=_W(this.option.controller,e,t),this.targetVisuals=_W(this.option.target,e,t)},e.prototype.getItemSymbol=function(){return null},e.prototype.getTargetSeriesIndices=function(){var t=this.option.seriesId,e=this.option.seriesIndex;return null==e&&null==t&&(e="all"),E(pa(this.ecModel,"series",{index:e,id:t},{useDefault:!1,enableAll:!0,enableNone:!1}).models,(function(t){return t.componentIndex}))},e.prototype.eachTargetSeries=function(t,e){z(this.getTargetSeriesIndices(),(function(n){var i=this.ecModel.getSeriesByIndex(n);i&&t.call(e,i)}),this)},e.prototype.isTargetSeries=function(t){var e=!1;return this.eachTargetSeries((function(n){n===t&&(e=!0)})),e},e.prototype.formatValueText=function(t,e,n){var i,r=this.option,o=r.precision,a=this.dataBound,s=r.formatter;n=n||["<",">"],U(t)&&(t=t.slice(),i=!0);var l=e?t:i?[u(t[0]),u(t[1])]:u(t);return X(s)?s.replace("{value}",i?l[0]:l).replace("{value2}",i?l[1]:l):Y(s)?i?s(t[0],t[1]):s(t):i?t[0]===a[0]?n[0]+" "+l[1]:t[1]===a[1]?n[1]+" "+l[0]:l[0]+" - "+l[1]:l;function u(t){return t===a[0]?"min":t===a[1]?"max":(+t).toFixed(Math.min(o,20))}},e.prototype.resetExtent=function(){var t=this.option,e=IU([t.min,t.max]);this._dataExtent=e},e.prototype.getDataDimensionIndex=function(t){var e=this.option.dimension;if(null!=e)return t.getDimensionIndex(e);for(var n=t.dimensions,i=n.length-1;i>=0;i--){var r=n[i],o=t.getDimensionInfo(r);if(!o.isCalculationCoord)return o.storeDimIndex}},e.prototype.getExtent=function(){return this._dataExtent.slice()},e.prototype.completeVisualOption=function(){var t=this.ecModel,e=this.option,n={inRange:e.inRange,outOfRange:e.outOfRange},i=e.target||(e.target={}),r=e.controller||(e.controller={});C(i,n),C(r,n);var o=this.isCategory();function a(n){SU(e.color)&&!n.inRange&&(n.inRange={color:e.color.slice().reverse()}),n.inRange=n.inRange||{color:t.get("gradientColor")}}a.call(this,i),a.call(this,r),function(t,e,n){var i=t[e],r=t[n];i&&!r&&(r=t[n]={},MU(i,(function(t,e){if(hL.isValidType(e)){var n=xU(e,"inactive",o);null!=n&&(r[e]=n,"color"!==e||r.hasOwnProperty("opacity")||r.hasOwnProperty("colorAlpha")||(r.opacity=[0,0]))}})))}.call(this,i,"inRange","outOfRange"),function(t){var e=(t.inRange||{}).symbol||(t.outOfRange||{}).symbol,n=(t.inRange||{}).symbolSize||(t.outOfRange||{}).symbolSize,i=this.get("inactiveColor"),r=this.getItemSymbol()||"roundRect";MU(this.stateList,(function(a){var s=this.itemSize,l=t[a];l||(l=t[a]={color:o?i:[i]}),null==l.symbol&&(l.symbol=e&&T(e)||(o?r:[r])),null==l.symbolSize&&(l.symbolSize=n&&T(n)||(o?s[0]:[s[0],s[0]])),l.symbol=bU(l.symbol,(function(t){return"none"===t?r:t}));var u=l.symbolSize;if(null!=u){var c=-1/0;wU(u,(function(t){t>c&&(c=t)})),l.symbolSize=bU(u,(function(t){return TU(t,[0,c],[0,s[0]],!0)}))}}),this)}.call(this,r)},e.prototype.resetItemSize=function(){this.itemSize=[parseFloat(this.get("itemWidth")),parseFloat(this.get("itemHeight"))]},e.prototype.isCategory=function(){return!!this.option.categories},e.prototype.setSelected=function(t){},e.prototype.getSelected=function(){return null},e.prototype.getValueState=function(t){return null},e.prototype.getVisualMeta=function(t){return null},e.type="visualMap",e.dependencies=["series"],e.defaultOption={show:!0,z:4,min:0,max:200,left:0,right:null,top:null,bottom:0,itemWidth:null,itemHeight:null,inverse:!1,orient:"vertical",backgroundColor:tf.color.transparent,borderColor:tf.color.borderTint,contentColor:tf.color.theme[0],inactiveColor:tf.color.disabled,borderWidth:0,padding:tf.size.m,textGap:10,precision:0,textStyle:{color:tf.color.secondary}},e}(Qp),DU=[20,140],AU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(e,n){t.prototype.optionUpdated.apply(this,arguments),this.resetExtent(),this.resetVisual((function(t){t.mappingMethod="linear",t.dataExtent=this.getExtent()})),this._resetRange()},e.prototype.resetItemSize=function(){t.prototype.resetItemSize.apply(this,arguments);var e=this.itemSize;(null==e[0]||isNaN(e[0]))&&(e[0]=DU[0]),(null==e[1]||isNaN(e[1]))&&(e[1]=DU[1])},e.prototype._resetRange=function(){var t=this.getExtent(),e=this.option.range;!e||e.auto?(t.auto=1,this.option.range=t):U(e)&&(e[0]>e[1]&&e.reverse(),e[0]=Math.max(e[0],t[0]),e[1]=Math.min(e[1],t[1]))},e.prototype.completeVisualOption=function(){t.prototype.completeVisualOption.apply(this,arguments),z(this.stateList,(function(t){var e=this.option.controller[t].symbolSize;e&&e[0]!==e[1]&&(e[0]=e[1]/3)}),this)},e.prototype.setSelected=function(t){this.option.range=t.slice(),this._resetRange()},e.prototype.getSelected=function(){var t=this.getExtent(),e=xo((this.get("range")||[]).slice());return e[0]>t[1]&&(e[0]=t[1]),e[1]>t[1]&&(e[1]=t[1]),e[0]<t[0]&&(e[0]=t[0]),e[1]<t[0]&&(e[1]=t[0]),e},e.prototype.getValueState=function(t){var e=this.option.range,n=this.getExtent(),i=rt(this.option.unboundedRange,!0);return(i&&e[0]<=n[0]||e[0]<=t)&&(i&&e[1]>=n[1]||t<=e[1])?"inRange":"outOfRange"},e.prototype.findTargetDataIndices=function(t){var e=[];return this.eachTargetSeries((function(n){var i=[],r=n.getData();r.each(this.getDataDimensionIndex(r),(function(e,n){t[0]<=e&&e<=t[1]&&i.push(n)}),this),e.push({seriesId:n.id,dataIndex:i})}),this),e},e.prototype.getVisualMeta=function(t){var e=kU(this,"outOfRange",this.getExtent()),n=kU(this,"inRange",this.option.range.slice()),i=[];function r(e,n){i.push({value:e,color:t(e,n)})}for(var o=0,a=0,s=n.length,l=e.length;a<l&&(!n.length||e[a]<=n[0]);a++)e[a]<n[o]&&r(e[a],"outOfRange");for(var u=1;o<s;o++,u=0)u&&i.length&&r(n[o],"outOfRange"),r(n[o],"inRange");for(u=1;a<l;a++)(!n.length||n[n.length-1]<e[a])&&(u&&(i.length&&r(i[i.length-1].value,"outOfRange"),u=0),r(e[a],"outOfRange"));var c=i.length;return{stops:i,outerColors:[c?i[0].color:"transparent",c?i[c-1].color:"transparent"]}},e.type="visualMap.continuous",e.defaultOption=Id(CU.defaultOption,{align:"auto",calculable:!1,hoverLink:!0,realtime:!0,handleIcon:"path://M-11.39,9.77h0a3.5,3.5,0,0,1-3.5,3.5h-22a3.5,3.5,0,0,1-3.5-3.5h0a3.5,3.5,0,0,1,3.5-3.5h22A3.5,3.5,0,0,1-11.39,9.77Z",handleSize:"120%",handleStyle:{borderColor:tf.color.neutral00,borderWidth:1},indicatorIcon:"circle",indicatorSize:"50%",indicatorStyle:{borderColor:tf.color.neutral00,borderWidth:2,shadowBlur:2,shadowOffsetX:1,shadowOffsetY:1,shadowColor:tf.color.shadow}}),e}(CU);function kU(t,e,n){if(n[0]===n[1])return n.slice();for(var i=(n[1]-n[0])/200,r=n[0],o=[],a=0;a<=200&&r<n[1];a++)o.push(r),r+=i;return o.push(n[1]),o}var LU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.autoPositionValues={left:1,right:1,top:1,bottom:1},n}return n(e,t),e.prototype.init=function(t,e){this.ecModel=t,this.api=e},e.prototype.render=function(t,e,n,i){this.visualMapModel=t,!1!==t.get("show")?this.doRender(t,e,n,i):this.group.removeAll()},e.prototype.renderBackground=function(t){var e=this.visualMapModel,n=yp(e.get("padding")||0),i=t.getBoundingRect();t.add(new xl({z2:-1,silent:!0,shape:{x:i.x-n[3],y:i.y-n[0],width:i.width+n[3]+n[1],height:i.height+n[0]+n[2]},style:{fill:e.get("backgroundColor"),stroke:e.get("borderColor"),lineWidth:e.get("borderWidth")}}))},e.prototype.getControllerVisual=function(t,e,n){var i=(n=n||{}).forceState,r=this.visualMapModel,o={};if("color"===e){var a=r.get("contentColor");o.color=a}function s(t){return o[t]}function l(t,e){o[t]=e}var u=r.controllerVisuals[i||r.getValueState(t)];return z(hL.prepareVisualTypes(u),(function(i){var r=u[i];n.convertOpacityToAlpha&&"opacity"===i&&(i="colorAlpha",r=u.__alphaForOpacity),hL.dependsOn(i,e)&&r&&r.applyVisual(t,s,l)})),o[e]},e.prototype.positionGroup=function(t){var e=this.visualMapModel,n=Xp(e,this.api).refContainer;Zp(t,e.getBoxLayoutParams(),n)},e.prototype.doRender=function(t,e,n,i){},e.type="visualMap",e}(Ky),PU=[["left","right","width"],["top","bottom","height"]];function OU(t,e,n){var i=t.option,r=i.align;if(null!=r&&"auto"!==r)return r;for(var o={width:e.getWidth(),height:e.getHeight()},a="horizontal"===i.orient?1:0,s=PU[a],l=[0,null,10],u={},c=0;c<3;c++)u[PU[1-a][c]]=l[c],u[s[c]]=2===c?n[0]:i[s[c]];var h=[["x","width",3],["y","height",0]][a],d=Hp(u,o,i.padding);return s[(d.margin[h[2]]||0)+d[h[0]]+.5*d[h[1]]<.5*o[h[1]]?0:1]}function RU(t,e){return z(t||[],(function(t){null!=t.dataIndex&&(t.dataIndexInside=t.dataIndex,t.dataIndex=null),t.highlightKey="visualMap"+(e?e.componentIndex:"")})),t}var NU=go,zU=z,EU=Math.min,BU=Math.max,VU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._shapes={},n._dataInterval=[],n._handleEnds=[],n._hoverLinkDataIndices=[],n}return n(e,t),e.prototype.init=function(e,n){t.prototype.init.call(this,e,n),this._hoverLinkFromSeriesMouseOver=W(this._hoverLinkFromSeriesMouseOver,this),this._hideIndicator=W(this._hideIndicator,this)},e.prototype.doRender=function(t,e,n,i){i&&"selectDataRange"===i.type&&i.from===this.uid||this._buildView()},e.prototype._buildView=function(){this.group.removeAll();var t=this.visualMapModel,e=this.group;this._orient=t.get("orient"),this._useHandle=t.get("calculable"),this._resetInterval(),this._renderBar(e);var n=t.get("text");this._renderEndsText(e,n,0),this._renderEndsText(e,n,1),this._updateView(!0),this.renderBackground(e),this._updateView(),this._enableHoverLinkToSeries(),this._enableHoverLinkFromSeries(),this.positionGroup(e)},e.prototype._renderEndsText=function(t,e,n){if(e){var i=e[1-n];i=null!=i?i+"":"";var r=this.visualMapModel,o=r.get("textGap"),a=r.itemSize,s=this._shapes.mainGroup,l=this._applyTransform([a[0]/2,0===n?-o:a[1]+o],s),u=this._applyTransform(0===n?"bottom":"top",s),c=this._orient,h=this.visualMapModel.textStyleModel;this.group.add(new Sl({style:Qh(h,{x:l[0],y:l[1],verticalAlign:h.get("verticalAlign")||("horizontal"===c?"middle":u),align:h.get("align")||("horizontal"===c?u:"center"),text:i})}))}},e.prototype._renderBar=function(t){var e=this.visualMapModel,n=this._shapes,i=e.itemSize,r=this._orient,o=this._useHandle,a=OU(e,this.api,i),s=n.mainGroup=this._createBarGroup(a),l=new to;s.add(l),l.add(n.outOfRange=GU()),l.add(n.inRange=GU(null,o?WU(this._orient):null,W(this._dragHandle,this,"all",!1),W(this._dragHandle,this,"all",!0))),l.setClipPath(new xl({shape:{x:0,y:0,width:i[0],height:i[1],r:3}}));var u=e.textStyleModel.getTextRect("国"),c=BU(u.width,u.height);o&&(n.handleThumbs=[],n.handleLabels=[],n.handleLabelPoints=[],this._createHandle(e,s,0,i,c,r),this._createHandle(e,s,1,i,c,r)),this._createIndicator(e,s,i,c,r),t.add(s)},e.prototype._createHandle=function(t,e,n,i,r,o){var a=W(this._dragHandle,this,n,!1),s=W(this._dragHandle,this,n,!0),l=Fr(t.get("handleSize"),i[0]),u=hm(t.get("handleIcon"),-l/2,-l/2,l,l,null,!0),c=WU(this._orient);u.attr({cursor:c,draggable:!0,drift:a,ondragend:s,onmousemove:function(t){fe(t.event)}}),u.x=i[0]/2,u.useStyle(t.getModel("handleStyle").getItemStyle()),u.setStyle({strokeNoScale:!0,strokeFirst:!0}),u.style.lineWidth*=2,u.ensureState("emphasis").style=t.getModel(["emphasis","handleStyle"]).getItemStyle(),Lu(u,!0),e.add(u);var h=this.visualMapModel.textStyleModel,d=new Sl({cursor:c,draggable:!0,drift:a,onmousemove:function(t){fe(t.event)},ondragend:s,style:Qh(h,{x:0,y:0,text:""})});d.ensureState("blur").style={opacity:.1},d.stateTransition={duration:200},this.group.add(d);var p=[l,0],f=this._shapes;f.handleThumbs[n]=u,f.handleLabelPoints[n]=p,f.handleLabels[n]=d},e.prototype._createIndicator=function(t,e,n,i,r){var o=Fr(t.get("indicatorSize"),n[0]),a=hm(t.get("indicatorIcon"),-o/2,-o/2,o,o,null,!0);a.attr({cursor:"move",invisible:!0,silent:!0,x:n[0]/2});var s=t.getModel("indicatorStyle").getItemStyle();if(a instanceof dl){var l=a.style;a.useStyle(A({image:l.image,x:l.x,y:l.y,width:l.width,height:l.height},s))}else a.useStyle(s);e.add(a);var u=this.visualMapModel.textStyleModel,c=new Sl({silent:!0,invisible:!0,style:Qh(u,{x:0,y:0,text:""})});this.group.add(c);var h=[("horizontal"===r?i/2:6)+n[0]/2,0],d=this._shapes;d.indicator=a,d.indicatorLabel=c,d.indicatorLabelPoint=h,this._firstShowIndicator=!0},e.prototype._dragHandle=function(t,e,n,i){if(this._useHandle){if(this._dragging=!e,!e){var r=this._applyTransform([n,i],this._shapes.mainGroup,!0);this._updateInterval(t,r[1]),this._hideIndicator(),this._updateView()}e===!this.visualMapModel.get("realtime")&&this.api.dispatchAction({type:"selectDataRange",from:this.uid,visualMapId:this.visualMapModel.id,selected:this._dataInterval.slice()}),e?!this._hovering&&this._clearHoverLinkToSeries():FU(this.visualMapModel)&&this._doHoverLinkToSeries(this._handleEnds[t],!1)}},e.prototype._resetInterval=function(){var t=this.visualMapModel,e=this._dataInterval=t.getSelected(),n=t.getExtent(),i=[0,t.itemSize[1]];this._handleEnds=[NU(e[0],n,i,!0),NU(e[1],n,i,!0)]},e.prototype._updateInterval=function(t,e){e=e||0;var n=this.visualMapModel,i=this._handleEnds,r=[0,n.itemSize[1]];CO(e,i,r,t,0);var o=n.getExtent();this._dataInterval=[NU(i[0],r,o,!0),NU(i[1],r,o,!0)]},e.prototype._updateView=function(t){var e=this.visualMapModel,n=e.getExtent(),i=this._shapes,r=[0,e.itemSize[1]],o=t?r:this._handleEnds,a=this._createBarVisual(this._dataInterval,n,o,"inRange"),s=this._createBarVisual(n,n,r,"outOfRange");i.inRange.setStyle({fill:a.barColor}).setShape("points",a.barPoints),i.outOfRange.setStyle({fill:s.barColor}).setShape("points",s.barPoints),this._updateHandle(o,a)},e.prototype._createBarVisual=function(t,e,n,i){var r={forceState:i,convertOpacityToAlpha:!0},o=this._makeColorGradient(t,r),a=[this.getControllerVisual(t[0],"symbolSize",r),this.getControllerVisual(t[1],"symbolSize",r)],s=this._createBarPoints(n,a);return{barColor:new Bc(0,0,0,1,o),barPoints:s,handlesColor:[o[0].color,o[o.length-1].color]}},e.prototype._makeColorGradient=function(t,e){var n=[],i=(t[1]-t[0])/100;n.push({color:this.getControllerVisual(t[0],"color",e),offset:0});for(var r=1;r<100;r++){var o=t[0]+i*r;if(o>t[1])break;n.push({color:this.getControllerVisual(o,"color",e),offset:r/100})}return n.push({color:this.getControllerVisual(t[1],"color",e),offset:1}),n},e.prototype._createBarPoints=function(t,e){var n=this.visualMapModel.itemSize;return[[n[0]-e[0],t[0]],[n[0],t[0]],[n[0],t[1]],[n[0]-e[1],t[1]]]},e.prototype._createBarGroup=function(t){var e=this._orient,n=this.visualMapModel.get("inverse");return new to("horizontal"!==e||n?"horizontal"===e&&n?{scaleX:"bottom"===t?-1:1,rotation:-Math.PI/2}:"vertical"!==e||n?{scaleX:"left"===t?1:-1}:{scaleX:"left"===t?1:-1,scaleY:-1}:{scaleX:"bottom"===t?1:-1,rotation:Math.PI/2})},e.prototype._updateHandle=function(t,e){if(this._useHandle){var n=this._shapes,i=this.visualMapModel,r=n.handleThumbs,o=n.handleLabels,a=i.itemSize,s=i.getExtent(),l=this._applyTransform("left",n.mainGroup);zU([0,1],(function(u){var c=r[u];c.setStyle("fill",e.handlesColor[u]),c.y=t[u];var h=NU(t[u],[0,a[1]],s,!0),d=this.getControllerVisual(h,"symbolSize");c.scaleX=c.scaleY=d/a[0],c.x=a[0]-d/2;var p=Sh(n.handleLabelPoints[u],wh(c,this.group));if("horizontal"===this._orient){var f="left"===l||"top"===l?(a[0]-d)/2:(a[0]-d)/-2;p[1]+=f}o[u].setStyle({x:p[0],y:p[1],text:i.formatValueText(this._dataInterval[u]),verticalAlign:"middle",align:"vertical"===this._orient?this._applyTransform("left",n.mainGroup):"center"})}),this)}},e.prototype._showIndicator=function(t,e,n,i){var r=this.visualMapModel,o=r.getExtent(),a=r.itemSize,s=[0,a[1]],l=this._shapes,u=l.indicator;if(u){u.attr("invisible",!1);var c=this.getControllerVisual(t,"color",{convertOpacityToAlpha:!0}),h=this.getControllerVisual(t,"symbolSize"),d=NU(t,o,s,!0),p=a[0]-h/2,f={x:u.x,y:u.y};u.y=d,u.x=p;var g=Sh(l.indicatorLabelPoint,wh(u,this.group)),y=l.indicatorLabel;y.attr("invisible",!1);var v=this._applyTransform("left",l.mainGroup),m="horizontal"===this._orient;y.setStyle({text:(n||"")+r.formatValueText(e),verticalAlign:m?v:"middle",align:m?"center":v});var x={x:p,y:d,style:{fill:c}},_={style:{x:g[0],y:g[1]}};if(r.ecModel.isAnimationEnabled()&&!this._firstShowIndicator){var b={duration:100,easing:"cubicInOut",additive:!0};u.x=f.x,u.y=f.y,u.animateTo(x,b),y.animateTo(_,b)}else u.attr(x),y.attr(_);this._firstShowIndicator=!1;var w=this._shapes.handleLabels;if(w)for(var S=0;S<w.length;S++)this.api.enterBlur(w[S])}},e.prototype._enableHoverLinkToSeries=function(){var t=this;this._shapes.mainGroup.on("mousemove",(function(e){if(t._hovering=!0,!t._dragging){var n=t.visualMapModel.itemSize,i=t._applyTransform([e.offsetX,e.offsetY],t._shapes.mainGroup,!0,!0);i[1]=EU(BU(0,i[1]),n[1]),t._doHoverLinkToSeries(i[1],0<=i[0]&&i[0]<=n[0])}})).on("mouseout",(function(){t._hovering=!1,!t._dragging&&t._clearHoverLinkToSeries()}))},e.prototype._enableHoverLinkFromSeries=function(){var t=this.api.getZr();this.visualMapModel.option.hoverLink?(t.on("mouseover",this._hoverLinkFromSeriesMouseOver,this),t.on("mouseout",this._hideIndicator,this)):this._clearHoverLinkFromSeries()},e.prototype._doHoverLinkToSeries=function(t,e){var n=this.visualMapModel,i=n.itemSize;if(n.option.hoverLink){var r=[0,i[1]],o=n.getExtent();t=EU(BU(r[0],t),r[1]);var a=function(t,e,n){var i=6,r=t.get("hoverLinkDataSize");r&&(i=NU(r,e,n,!0)/2);return i}(n,o,r),s=[t-a,t+a],l=NU(t,r,o,!0),u=[NU(s[0],r,o,!0),NU(s[1],r,o,!0)];s[0]<r[0]&&(u[0]=-1/0),s[1]>r[1]&&(u[1]=1/0),e&&(u[0]===-1/0?this._showIndicator(l,u[1],"< ",a):u[1]===1/0?this._showIndicator(l,u[0],"> ",a):this._showIndicator(l,l,"≈ ",a));var c=this._hoverLinkDataIndices,h=[];(e||FU(n))&&(h=this._hoverLinkDataIndices=n.findTargetDataIndices(u));var d=function(t,e){var n={},i={};return r(t||[],n),r(e||[],i,n),[o(n),o(i)];function r(t,e,n){for(var i=0,r=t.length;i<r;i++){var o=ia(t[i].seriesId,null);if(null==o)return;for(var a=qo(t[i].dataIndex),s=n&&n[o],l=0,u=a.length;l<u;l++){var c=a[l];s&&s[c]?s[c]=null:(e[o]||(e[o]={}))[c]=1}}}function o(t,e){var n=[];for(var i in t)if(t.hasOwnProperty(i)&&null!=t[i])if(e)n.push(+i);else{var r=o(t[i],!0);r.length&&n.push({seriesId:i,dataIndex:r})}return n}}(c,h);this._dispatchHighDown("downplay",RU(d[0],n)),this._dispatchHighDown("highlight",RU(d[1],n))}},e.prototype._hoverLinkFromSeriesMouseOver=function(t){var e;if(Qv(t.target,(function(t){var n=zl(t);if(null!=n.dataIndex)return e=n,!0}),!0),e){var n=this.ecModel.getSeriesByIndex(e.seriesIndex),i=this.visualMapModel;if(i.isTargetSeries(n)){var r=n.getData(e.dataType),o=r.getStore().get(i.getDataDimensionIndex(r),e.dataIndex);isNaN(o)||this._showIndicator(o,o)}}},e.prototype._hideIndicator=function(){var t=this._shapes;t.indicator&&t.indicator.attr("invisible",!0),t.indicatorLabel&&t.indicatorLabel.attr("invisible",!0);var e=this._shapes.handleLabels;if(e)for(var n=0;n<e.length;n++)this.api.leaveBlur(e[n])},e.prototype._clearHoverLinkToSeries=function(){this._hideIndicator();var t=this._hoverLinkDataIndices;this._dispatchHighDown("downplay",RU(t,this.visualMapModel)),t.length=0},e.prototype._clearHoverLinkFromSeries=function(){this._hideIndicator();var t=this.api.getZr();t.off("mouseover",this._hoverLinkFromSeriesMouseOver),t.off("mouseout",this._hideIndicator)},e.prototype._applyTransform=function(t,e,n,i){var r=wh(e,i?null:this.group);return U(t)?Sh(t,r,n):Mh(t,r,n)},e.prototype._dispatchHighDown=function(t,e){e&&e.length&&this.api.dispatchAction({type:t,batch:e})},e.prototype.dispose=function(){this._clearHoverLinkFromSeries(),this._clearHoverLinkToSeries()},e.type="visualMap.continuous",e}(LU);function GU(t,e,n,i){return new Mc({shape:{points:t},draggable:!!n,cursor:e,drift:n,onmousemove:function(t){fe(t.event)},ondragend:i})}function FU(t){var e=t.get("hoverLinkOnHandle");return!!(null==e?t.get("realtime"):e)}function WU(t){return"vertical"===t?"ns-resize":"ew-resize"}var HU={type:"selectDataRange",event:"dataRangeSelected",update:"update"},UU=function(t,e){e.eachComponent({mainType:"visualMap",query:t},(function(e){e.setSelected(t.selected)}))},YU=[{createOnAllSeries:!0,reset:function(t,e){var n=[];return e.eachComponent("visualMap",(function(e){var i,r,o,a,s,l=t.pipelineContext;!e.isTargetSeries(t)||l&&l.large||n.push((i=e.stateList,r=e.targetVisuals,o=W(e.getValueState,e),a=e.getDataDimensionIndex(t.getData()),s={},z(i,(function(t){var e=hL.prepareVisualTypes(r[t]);s[t]=e})),{progress:function(t,e){var n,i;function l(t){return jv(e,i,t)}function u(t,n){Kv(e,i,t,n)}null!=a&&(n=e.getDimensionIndex(a));for(var c=e.getStore();null!=(i=t.next());){var h=e.getRawDataItem(i);if(!h||!1!==h.visualMap)for(var d=null!=a?c.get(n,i):i,p=o(d),f=r[p],g=s[p],y=0,v=g.length;y<v;y++){var m=g[y];f[m]&&f[m].applyVisual(d,l,u)}}}}))})),n}},{createOnAllSeries:!0,reset:function(t,e){var n=t.getData(),i=[];e.eachComponent("visualMap",(function(e){if(e.isTargetSeries(t)){var r=e.getVisualMeta(W(XU,null,t,e))||{stops:[],outerColors:[]},o=e.getDataDimensionIndex(n);o>=0&&(r.dimension=o,i.push(r))}})),t.getData().setVisual("visualMeta",i)}}];function XU(t,e,n,i){for(var r=e.targetVisuals[i],o=hL.prepareVisualTypes(r),a={color:qv(t.getData(),"color")},s=0,l=o.length;s<l;s++){var u=o[s],c=r["opacity"===u?"__alphaForOpacity":u];c&&c.applyVisual(n,h,d)}return a.color;function h(t){return a[t]}function d(t,e){a[t]=e}}var ZU=z;function jU(t){var e=t&&t.visualMap;U(e)||(e=e?[e]:[]),ZU(e,(function(t){if(t){qU(t,"splitList")&&!qU(t,"pieces")&&(t.pieces=t.splitList,delete t.splitList);var e=t.pieces;e&&U(e)&&ZU(e,(function(t){q(t)&&(qU(t,"start")&&!qU(t,"min")&&(t.min=t.start),qU(t,"end")&&!qU(t,"max")&&(t.max=t.end))}))}}))}function qU(t,e){return t&&t.hasOwnProperty&&t.hasOwnProperty(e)}var KU=!1;function $U(t){KU||(KU=!0,t.registerSubTypeDefaulter("visualMap",(function(t){return t.categories||(t.pieces?t.pieces.length>0:t.splitNumber>0)&&!t.calculable?"piecewise":"continuous"})),t.registerAction(HU,UU),z(YU,(function(e){t.registerVisual(t.PRIORITY.VISUAL.COMPONENT,e)})),t.registerPreprocessor(jU))}function JU(t){t.registerComponentModel(AU),t.registerComponentView(VU),$U(t)}var QU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._pieceList=[],n}return n(e,t),e.prototype.optionUpdated=function(e,n){t.prototype.optionUpdated.apply(this,arguments),this.resetExtent();var i=this._mode=this._determineMode();this._pieceList=[],tY[this._mode].call(this,this._pieceList),this._resetSelected(e,n);var r=this.option.categories;this.resetVisual((function(t,e){"categories"===i?(t.mappingMethod="category",t.categories=T(r)):(t.dataExtent=this.getExtent(),t.mappingMethod="piecewise",t.pieceList=E(this._pieceList,(function(t){return t=T(t),"inRange"!==e&&(t.visual=null),t})))}))},e.prototype.completeVisualOption=function(){var e=this.option,n={},i=hL.listVisualTypes(),r=this.isCategory();function o(t,e,n){return t&&t[e]&&t[e].hasOwnProperty(n)}z(e.pieces,(function(t){z(i,(function(e){t.hasOwnProperty(e)&&(n[e]=1)}))})),z(n,(function(t,n){var i=!1;z(this.stateList,(function(t){i=i||o(e,t,n)||o(e.target,t,n)}),this),!i&&z(this.stateList,(function(t){(e[t]||(e[t]={}))[n]=xU(n,"inRange"===t?"active":"inactive",r)}))}),this),t.prototype.completeVisualOption.apply(this,arguments)},e.prototype._resetSelected=function(t,e){var n=this.option,i=this._pieceList,r=(e?n:t).selected||{};if(n.selected=r,z(i,(function(t,e){var n=this.getSelectedMapKey(t);r.hasOwnProperty(n)||(r[n]=!0)}),this),"single"===n.selectedMode){var o=!1;z(i,(function(t,e){var n=this.getSelectedMapKey(t);r[n]&&(o?r[n]=!1:o=!0)}),this)}},e.prototype.getItemSymbol=function(){return this.get("itemSymbol")},e.prototype.getSelectedMapKey=function(t){return"categories"===this._mode?t.value+"":t.index+""},e.prototype.getPieceList=function(){return this._pieceList},e.prototype._determineMode=function(){var t=this.option;return t.pieces&&t.pieces.length>0?"pieces":this.option.categories?"categories":"splitNumber"},e.prototype.setSelected=function(t){this.option.selected=T(t)},e.prototype.getValueState=function(t){var e=hL.findPieceIndex(t,this._pieceList);return null!=e&&this.option.selected[this.getSelectedMapKey(this._pieceList[e])]?"inRange":"outOfRange"},e.prototype.findTargetDataIndices=function(t){var e=[],n=this._pieceList;return this.eachTargetSeries((function(i){var r=[],o=i.getData();o.each(this.getDataDimensionIndex(o),(function(e,i){hL.findPieceIndex(e,n)===t&&r.push(i)}),this),e.push({seriesId:i.id,dataIndex:r})}),this),e},e.prototype.getRepresentValue=function(t){var e;if(this.isCategory())e=t.value;else if(null!=t.value)e=t.value;else{var n=t.interval||[];e=n[0]===-1/0&&n[1]===1/0?0:(n[0]+n[1])/2}return e},e.prototype.getVisualMeta=function(t){if(!this.isCategory()){var e=[],n=["",""],i=this,r=this._pieceList.slice();if(r.length){var o=r[0].interval[0];o!==-1/0&&r.unshift({interval:[-1/0,o]}),(o=r[r.length-1].interval[1])!==1/0&&r.push({interval:[o,1/0]})}else r.push({interval:[-1/0,1/0]});var a=-1/0;return z(r,(function(t){var e=t.interval;e&&(e[0]>a&&s([a,e[0]],"outOfRange"),s(e.slice()),a=e[1])}),this),{stops:e,outerColors:n}}function s(r,o){var a=i.getRepresentValue({interval:r});o||(o=i.getValueState(a));var s=t(a,o);r[0]===-1/0?n[0]=s:r[1]===1/0?n[1]=s:e.push({value:r[0],color:s},{value:r[1],color:s})}},e.type="visualMap.piecewise",e.defaultOption=Id(CU.defaultOption,{selected:null,minOpen:!1,maxOpen:!1,align:"auto",itemWidth:20,itemHeight:14,itemSymbol:"roundRect",pieces:null,categories:null,splitNumber:5,selectedMode:"multiple",itemGap:10,hoverLink:!0}),e}(CU),tY={splitNumber:function(t){var e=this.option,n=Math.min(e.precision,20),i=this.getExtent(),r=e.splitNumber;r=Math.max(parseInt(r,10),1),e.splitNumber=r;for(var o=(i[1]-i[0])/r;+o.toFixed(n)!==o&&n<5;)n++;e.precision=n,o=+o.toFixed(n),e.minOpen&&t.push({interval:[-1/0,i[0]],close:[0,0]});for(var a=0,s=i[0];a<r;s+=o,a++){var l=a===r-1?i[1]:s+o;t.push({interval:[s,l],close:[1,1]})}e.maxOpen&&t.push({interval:[i[1],1/0],close:[0,0]}),Ro(t),z(t,(function(t,e){t.index=e,t.text=this.formatValueText(t.interval)}),this)},categories:function(t){var e=this.option;z(e.categories,(function(e){t.push({text:this.formatValueText(e,!0),value:e})}),this),eY(e,t)},pieces:function(t){var e=this.option;z(e.pieces,(function(e,n){q(e)||(e={value:e});var i={text:"",index:n};if(null!=e.label&&(i.text=e.label),e.hasOwnProperty("value")){var r=i.value=e.value;i.interval=[r,r],i.close=[1,1]}else{for(var o=i.interval=[],a=i.close=[0,0],s=[1,0,1],l=[-1/0,1/0],u=[],c=0;c<2;c++){for(var h=[["gte","gt","min"],["lte","lt","max"]][c],d=0;d<3&&null==o[c];d++)o[c]=e[h[d]],a[c]=s[d],u[c]=2===d;null==o[c]&&(o[c]=l[c])}u[0]&&o[1]===1/0&&(a[0]=0),u[1]&&o[0]===-1/0&&(a[1]=0),o[0]===o[1]&&a[0]&&a[1]&&(i.value=o[0])}i.visual=hL.retrieveVisuals(e),t.push(i)}),this),eY(e,t),Ro(t),z(t,(function(t){var e=t.close,n=[["<","≤"][e[1]],[">","≥"][e[0]]];t.text=t.text||this.formatValueText(null!=t.value?t.value:t.interval,!1,n)}),this)}};function eY(t,e){var n=t.inverse;("vertical"===t.orient?!n:n)&&e.reverse()}var nY=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.doRender=function(){var t=this.group;t.removeAll();var e=this.visualMapModel,n=e.get("textGap"),i=e.textStyleModel,r=this._getItemAlign(),o=e.itemSize,a=this._getViewData(),s=a.endsText,l=it(e.get("showLabel",!0),!s),u=!e.get("selectedMode");s&&this._renderEndsText(t,s[0],o,l,r),z(a.viewPieceList,(function(a){var s=a.piece,c=new to;c.onclick=W(this._onItemClick,this,s),this._enableHoverLink(c,a.indexInModelPieceList);var h=e.getRepresentValue(s);if(this._createItemSymbol(c,h,[0,0,o[0],o[1]],u),l){var d=this.visualMapModel.getValueState(h),p=i.get("align")||r;c.add(new Sl({style:Qh(i,{x:"right"===p?-n:o[0]+n,y:o[1]/2,text:s.text,verticalAlign:i.get("verticalAlign")||"middle",align:p,opacity:rt(i.get("opacity"),"outOfRange"===d?.5:1)}),silent:u}))}t.add(c)}),this),s&&this._renderEndsText(t,s[1],o,l,r),Gp(e.get("orient"),t,e.get("itemGap")),this.renderBackground(t),this.positionGroup(t)},e.prototype._enableHoverLink=function(t,e){var n=this;t.on("mouseover",(function(){return i("highlight")})).on("mouseout",(function(){return i("downplay")}));var i=function(t){var i=n.visualMapModel;i.option.hoverLink&&n.api.dispatchAction({type:t,batch:RU(i.findTargetDataIndices(e),i)})}},e.prototype._getItemAlign=function(){var t=this.visualMapModel,e=t.option;if("vertical"===e.orient)return OU(t,this.api,t.itemSize);var n=e.align;return n&&"auto"!==n||(n="left"),n},e.prototype._renderEndsText=function(t,e,n,i,r){if(e){var o=new to,a=this.visualMapModel.textStyleModel;o.add(new Sl({style:Qh(a,{x:i?"right"===r?n[0]:0:n[0]/2,y:n[1]/2,verticalAlign:"middle",align:i?r:"center",text:e})})),t.add(o)}},e.prototype._getViewData=function(){var t=this.visualMapModel,e=E(t.getPieceList(),(function(t,e){return{piece:t,indexInModelPieceList:e}})),n=t.get("text"),i=t.get("orient"),r=t.get("inverse");return("horizontal"===i?r:!r)?e.reverse():n&&(n=n.slice().reverse()),{viewPieceList:e,endsText:n}},e.prototype._createItemSymbol=function(t,e,n,i){var r=hm(this.getControllerVisual(e,"symbol"),n[0],n[1],n[2],n[3],this.getControllerVisual(e,"color"));r.silent=i,t.add(r)},e.prototype._onItemClick=function(t){var e=this.visualMapModel,n=e.option,i=n.selectedMode;if(i){var r=T(n.selected),o=e.getSelectedMapKey(t);"single"===i||!0===i?(r[o]=!0,z(r,(function(t,e){r[e]=e===o}))):r[o]=!r[o],this.api.dispatchAction({type:"selectDataRange",from:this.uid,visualMapId:this.visualMapModel.id,selected:r})}},e.type="visualMap.piecewise",e}(LU);function iY(t){t.registerComponentModel(QU),t.registerComponentView(nY),$U(t)}var rY=function(){function t(t){this._thumbnailModel=t}return t.prototype.reset=function(t){this._renderVersion=t.getMainProcessVersion()},t.prototype.renderContent=function(t){var e=t.api.getViewOfComponentModel(this._thumbnailModel);e&&(t.group.silent=!0,e.renderContent({group:t.group,targetTrans:t.targetTrans,z2Range:Uh(t.group),roamType:t.roamType,viewportRect:t.viewportRect,renderVersion:this._renderVersion}))},t.prototype.updateWindow=function(t,e){var n=e.getViewOfComponentModel(this._thumbnailModel);n&&n.updateWindow({targetTrans:t,renderVersion:this._renderVersion})},t}(),oY=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.preventAutoZ=!0,n}return n(e,t),e.prototype.optionUpdated=function(t,e){this._updateBridge()},e.prototype._updateBridge=function(){var t=this._birdge=this._birdge||new rY(this);(this._target=null,this.ecModel.eachSeries((function(t){BP(t,null)})),this.shouldShow())&&BP(this.getTarget().baseMapProvider,t)},e.prototype.shouldShow=function(){return this.getShallow("show",!0)},e.prototype.getBridge=function(){return this._birdge},e.prototype.getTarget=function(){if(this._target)return this._target;var t=this.getReferringComponents("series",{useDefault:!1,enableAll:!1,enableNone:!1}).models[0];return t?"graph"!==t.subType&&(t=null):t=this.ecModel.queryComponents({mainType:"series",subType:"graph"})[0],this._target={baseMapProvider:t},this._target},e.type="thumbnail",e.layoutMode="box",e.dependencies=["series","geo"],e.defaultOption={show:!0,right:1,bottom:1,height:"25%",width:"25%",itemStyle:{borderColor:tf.color.border,borderWidth:2},windowStyle:{borderWidth:1,color:tf.color.neutral30,borderColor:tf.color.neutral40,opacity:.3},z:10},e}(Qp),aY=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){if(this._api=n,this._model=t,this._coordSys||(this._coordSys=new KA),this._isEnabled()){this._renderVersion=n.getMainProcessVersion();var i=this.group;i.removeAll();var r=t.getModel("itemStyle"),o=r.getItemStyle();null==o.fill&&(o.fill=e.get("backgroundColor")||tf.color.neutral00);var a=Xp(t,n).refContainer,s=Hp(Fp(t,!0),a),l=o.lineWidth||0,u=this._contentRect=Oh(s.clone(),l/2,!0,!0),c=new to;i.add(c),c.setClipPath(new xl({shape:u.plain()}));var h=this._targetGroup=new to;c.add(h);var d=s.plain();d.r=r.getShallow("borderRadius",!0),i.add(this._bgRect=new xl({style:o,shape:d,silent:!1,cursor:"grab"}));var p=t.getModel("windowStyle"),f=p.getShallow("borderRadius",!0);c.add(this._windowRect=new xl({shape:{x:0,y:0,width:0,height:0,r:f},style:p.getItemStyle(),silent:!1,cursor:"grab"})),this._dealRenderContent(),this._dealUpdateWindow(),lY(t,this)}else this._clear()},e.prototype.renderContent=function(t){this._bridgeRendered=t,this._isEnabled()&&(this._dealRenderContent(),this._dealUpdateWindow(),lY(this._model,this))},e.prototype._dealRenderContent=function(){var t=this._bridgeRendered;if(t&&t.renderVersion===this._renderVersion){var e=this._targetGroup,n=this._coordSys,i=this._contentRect;if(e.removeAll(),t){var r=t.group,o=r.getBoundingRect();e.add(r),this._bgRect.z2=t.z2Range.min-10,n.setBoundingRect(o.x,o.y,o.width,o.height);var a=Hp({left:"center",top:"center",aspect:o.width/o.height},i);n.setViewRect(a.x,a.y,a.width,a.height),r.attr(n.getTransformInfo().raw),this._windowRect.z2=t.z2Range.max+10,this._resetRoamController(t.roamType)}}},e.prototype.updateWindow=function(t){var e=this._bridgeRendered;e&&e.renderVersion===t.renderVersion&&(e.targetTrans=t.targetTrans),this._isEnabled()&&this._dealUpdateWindow()},e.prototype._dealUpdateWindow=function(){var t=this._bridgeRendered;if(t&&t.renderVersion===this._renderVersion){var e=Te([],t.targetTrans),n=we([],this._coordSys.transform,e);this._transThisToTarget=Te([],n);var i=t.viewportRect;(i=i?i.clone():new He(0,0,this._api.getWidth(),this._api.getHeight())).applyTransform(n);var r=this._windowRect,o=r.shape.r;r.setShape(k({r:o},i))}},e.prototype._resetRoamController=function(t){var e=this,n=this._api,i=this._roamController;i||(i=this._roamController=new LD(n.getZr())),t&&this._isEnabled()?(i.enable(t,{api:n,zInfo:{component:this._model},triggerInfo:{roamTrigger:null,isInSelf:function(t,n,i){return e._contentRect.contain(n,i)}}}),i.off("pan").off("zoom").on("pan",W(this._onPan,this)).on("zoom",W(this._onZoom,this))):i.disable()},e.prototype._onPan=function(t){var e=this._transThisToTarget;if(this._isEnabled()&&e){var n=Ht([],[t.oldX,t.oldY],e),i=Ht([],[t.oldX-t.dx,t.oldY-t.dy],e);this._api.dispatchAction(sY(this._model.getTarget().baseMapProvider,{dx:i[0]-n[0],dy:i[1]-n[1]}))}},e.prototype._onZoom=function(t){var e=this._transThisToTarget;if(this._isEnabled()&&e){var n=Ht([],[t.originX,t.originY],e);this._api.dispatchAction(sY(this._model.getTarget().baseMapProvider,{zoom:1/t.scale,originX:n[0],originY:n[1]}))}},e.prototype._isEnabled=function(){var t=this._model;return!(!t||!t.shouldShow())&&!!t.getTarget().baseMapProvider},e.prototype._clear=function(){this.group.removeAll(),this._bridgeRendered=null,this._roamController&&this._roamController.disable()},e.prototype.remove=function(){this._clear()},e.prototype.dispose=function(){this._clear()},e.type="thumbnail",e}(Ky);function sY(t,e){var n={type:"series"===t.mainType?t.subType+"Roam":t.mainType+"Roam"};return n[t.mainType+"Id"]=t.id,A(n,e),n}function lY(t,e){var n=Hh(t);Yh(e.group,n.z,n.zlevel)}var uY={label:{enabled:!0},decal:{show:!1}},cY=sa(),hY={};function dY(t,e){var n=t.getModel("aria");if(n.get("enabled")){var i=T(uY);C(i.label,t.getLocaleModel().get("aria"),!1),C(n.option,i,!1),function(){if(n.getModel("decal").get("show")){var e=yt();t.eachSeries((function(t){if(!t.isColorBySeries()){var n=e.get(t.type);n||(n={},e.set(t.type,n)),cY(t).scope=n}})),t.eachRawSeries((function(e){if(!t.isSeriesFiltered(e))if(Y(e.enableAriaDecal))e.enableAriaDecal();else{var n=e.getData();if(e.isColorBySeries()){var i=Nf(e.ecModel,e.name,hY,t.getSeriesCount()),r=n.getVisual("decal");n.setVisual("decal",u(r,i))}else{var o=e.getRawData(),a={},s=cY(e).scope;n.each((function(t){var e=n.getRawIndex(t);a[e]=t}));var l=o.count();o.each((function(t){var i=a[t],r=o.getName(t)||t+"",c=Nf(e.ecModel,r,s,l),h=n.getItemVisual(i,"decal");n.setItemVisual(i,"decal",u(h,c))}))}}function u(t,e){var n=t?A(A({},e),t):e;return n.dirty=!0,n}}))}}(),function(){var i=e.getZr().dom;if(!i)return;var o=t.getLocaleModel().get("aria"),a=n.getModel("label");if(a.option=k(a.option,o),!a.get("enabled"))return;if(i.setAttribute("role","img"),a.get("description"))return void i.setAttribute("aria-label",a.get("description"));var s,l=t.getSeriesCount(),u=a.get(["data","maxCount"])||10,c=a.get(["series","maxCount"])||10,h=Math.min(l,c);if(l<1)return;var d=function(){var e=t.get("title");e&&e.length&&(e=e[0]);return e&&e.text}();s=d?r(a.get(["general","withTitle"]),{title:d}):a.get(["general","withoutTitle"]);var p=[];s+=r(l>1?a.get(["series","multiple","prefix"]):a.get(["series","single","prefix"]),{seriesCount:l}),t.eachSeries((function(e,n){if(n<h){var i=void 0,o=e.get("name")?"withName":"withoutName";i=r(i=l>1?a.get(["series","multiple",o]):a.get(["series","single",o]),{seriesId:e.seriesIndex,seriesName:e.get("name"),seriesType:(_=e.subType,b=t.getLocaleModel().get(["series","typeNames"]),b[_]||b.chart)});var s=e.getData();if(s.count()>u)i+=r(a.get(["data","partialData"]),{displayCnt:u});else i+=a.get(["data","allData"]);for(var c=a.get(["data","separator","middle"]),d=a.get(["data","separator","end"]),f=a.get(["data","excludeDimensionId"]),g=[],y=0;y<s.count();y++)if(y<u){var v=s.getName(y),m=f?V(s.getValues(y),(function(t,e){return-1===P(f,e)})):s.getValues(y),x=a.get(["data",v?"withName":"withoutName"]);g.push(r(x,{name:v,value:m.join(c)}))}i+=g.join(c)+d,p.push(i)}var _,b}));var f=a.getModel(["series","multiple","separator"]),g=f.get("middle"),y=f.get("end");s+=p.join(g)+y,i.setAttribute("aria-label",s)}()}function r(t,e){if(!X(t))return t;var n=t;return z(e,(function(t,e){n=n.replace(new RegExp("\\{\\s*"+e+"\\s*\\}","g"),t)})),n}}function pY(t){if(t&&t.aria){var e=t.aria;null!=e.show&&(e.enabled=e.show),e.label=e.label||{},z(["description","general","series","data"],(function(t){null!=e[t]&&(e.label[t]=e[t])}))}}var fY={value:"eq","<":"lt","<=":"lte",">":"gt",">=":"gte","=":"eq","!=":"ne","<>":"ne"},gY=function(){function t(t){if(null==(this._condVal=X(t)?new RegExp(t):et(t)?t:null)){var e="";0,Yo(e)}}return t.prototype.evaluate=function(t){var e=typeof t;return X(e)?this._condVal.test(t):!!j(e)&&this._condVal.test(t+"")},t}(),yY=function(){function t(){}return t.prototype.evaluate=function(){return this.value},t}(),vY=function(){function t(){}return t.prototype.evaluate=function(){for(var t=this.children,e=0;e<t.length;e++)if(!t[e].evaluate())return!1;return!0},t}(),mY=function(){function t(){}return t.prototype.evaluate=function(){for(var t=this.children,e=0;e<t.length;e++)if(t[e].evaluate())return!0;return!1},t}(),xY=function(){function t(){}return t.prototype.evaluate=function(){return!this.child.evaluate()},t}(),_Y=function(){function t(){}return t.prototype.evaluate=function(){for(var t=!!this.valueParser,e=(0,this.getValue)(this.valueGetterParam),n=t?this.valueParser(e):null,i=0;i<this.subCondList.length;i++)if(!this.subCondList[i].evaluate(t?n:e))return!1;return!0},t}();function bY(t,e){if(!0===t||!1===t){var n=new yY;return n.value=t,n}var i="";return SY(t)||Yo(i),t.and?wY("and",t,e):t.or?wY("or",t,e):t.not?function(t,e){var n=t.not,i="";0;SY(n)||Yo(i);var r=new xY;r.child=bY(n,e),r.child||Yo(i);return r}(t,e):function(t,e){for(var n="",i=e.prepareGetValue(t),r=[],o=F(t),a=t.parser,s=a?jg(a):null,l=0;l<o.length;l++){var u=o[l];if("parser"!==u&&!e.valueGetterAttrMap.get(u)){var c=_t(fY,u)?fY[u]:u,h=t[u],d=s?s(h):h,p=Qg(c,d)||"reg"===c&&new gY(d);p||Yo(n),r.push(p)}}r.length||Yo(n);var f=new _Y;return f.valueGetterParam=i,f.valueParser=s,f.getValue=e.getValue,f.subCondList=r,f}(t,e)}function wY(t,e,n){var i=e[t],r="";U(i)||Yo(r),i.length||Yo(r);var o="and"===t?new vY:new mY;return o.children=E(i,(function(t){return bY(t,n)})),o.children.length||Yo(r),o}function SY(t){return q(t)&&!N(t)}var MY=function(){function t(t,e){this._cond=bY(t,e)}return t.prototype.evaluate=function(){return this._cond.evaluate()},t}();var IY={type:"echarts:filter",transform:function(t){for(var e,n,i,r=t.upstream,o=(n=t.config,i={valueGetterAttrMap:yt({dimension:!0}),prepareGetValue:function(t){var e="",n=t.dimension;_t(t,"dimension")||Yo(e);var i=r.getDimensionInfo(n);return i||Yo(e),{dimIdx:i.index}},getValue:function(t){return r.retrieveValueFromItem(e,t.dimIdx)}},new MY(n,i)),a=[],s=0,l=r.count();s<l;s++)e=r.getRawDataItem(s),o.evaluate()&&a.push(e);return{data:a}}};var TY={type:"echarts:sort",transform:function(t){var e=t.upstream,n=t.config,i="",r=qo(n);r.length||Yo(i);var o=[];z(r,(function(t){var n=t.dimension,r=t.order,a=t.parser,s=t.incomparable;if(null==n&&Yo(i),"asc"!==r&&"desc"!==r&&Yo(i),s&&"min"!==s&&"max"!==s){var l="";0,Yo(l)}if("asc"!==r&&"desc"!==r){var u="";0,Yo(u)}var c=e.getDimensionInfo(n);c||Yo(i);var h=a?jg(a):null;a&&!h&&Yo(i),o.push({dimIdx:c.index,parser:h,comparator:new $g(r,s)})}));var a=e.sourceFormat;a!==df&&a!==pf&&Yo(i);for(var s=[],l=0,u=e.count();l<u;l++)s.push(e.getRawDataItem(l));return s.sort((function(t,n){for(var i=0;i<o.length;i++){var r=o[i],a=e.retrieveValueFromItem(t,r.dimIdx),s=e.retrieveValueFromItem(n,r.dimIdx);r.parser&&(a=r.parser(a),s=r.parser(s));var l=r.comparator.evaluate(a,s);if(0!==l)return l}return 0})),{data:s}}};var CY=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="dataset",e}return n(e,t),e.prototype.init=function(e,n,i){t.prototype.init.call(this,e,n,i),this._sourceManager=new my(this),xy(this)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.call(this,e,n),xy(this)},e.prototype.optionUpdated=function(){this._sourceManager.dirty()},e.prototype.getSourceManager=function(){return this._sourceManager},e.type="dataset",e.defaultOption={seriesLayoutBy:vf},e}(Qp),DY=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="dataset",e}return n(e,t),e.type="dataset",e}(Ky);var AY=Fs.CMD;function kY(t,e){return Math.abs(t-e)<1e-5}function LY(t){var e,n,i,r,o,a=t.data,s=t.len(),l=[],u=0,c=0,h=0,d=0;function p(t,n){e&&e.length>2&&l.push(e),e=[t,n]}function f(t,n,i,r){kY(t,i)&&kY(n,r)||e.push(t,n,i,r,i,r)}function g(t,n,i,r,o,a){var s=Math.abs(n-t),l=4*Math.tan(s/4)/3,u=n<t?-1:1,c=Math.cos(t),h=Math.sin(t),d=Math.cos(n),p=Math.sin(n),f=c*o+i,g=h*a+r,y=d*o+i,v=p*a+r,m=o*l*u,x=a*l*u;e.push(f-m*h,g+x*c,y+m*p,v-x*d,y,v)}for(var y=0;y<s;){var v=a[y++],m=1===y;switch(m&&(h=u=a[y],d=c=a[y+1],v!==AY.L&&v!==AY.C&&v!==AY.Q||(e=[h,d])),v){case AY.M:u=h=a[y++],c=d=a[y++],p(h,d);break;case AY.L:f(u,c,n=a[y++],i=a[y++]),u=n,c=i;break;case AY.C:e.push(a[y++],a[y++],a[y++],a[y++],u=a[y++],c=a[y++]);break;case AY.Q:n=a[y++],i=a[y++],r=a[y++],o=a[y++],e.push(u+2/3*(n-u),c+2/3*(i-c),r+2/3*(n-r),o+2/3*(i-o),r,o),u=r,c=o;break;case AY.A:var x=a[y++],_=a[y++],b=a[y++],w=a[y++],S=a[y++],M=a[y++]+S;y+=1;var I=!a[y++];n=Math.cos(S)*b+x,i=Math.sin(S)*w+_,m?p(h=n,d=i):f(u,c,n,i),u=Math.cos(M)*b+x,c=Math.sin(M)*w+_;for(var T=(I?-1:1)*Math.PI/2,C=S;I?C>M:C<M;C+=T){g(C,I?Math.max(C+T,M):Math.min(C+T,M),x,_,b,w)}break;case AY.R:h=u=a[y++],d=c=a[y++],n=h+a[y++],i=d+a[y++],p(n,d),f(n,d,n,i),f(n,i,h,i),f(h,i,h,d),f(h,d,n,d);break;case AY.Z:e&&f(u,c,h,d),u=h,c=d}}return e&&e.length>2&&l.push(e),l}function PY(t,e,n,i,r,o,a,s,l,u){if(kY(t,n)&&kY(e,i)&&kY(r,a)&&kY(o,s))l.push(a,s);else{var c=2/u,h=c*c,d=a-t,p=s-e,f=Math.sqrt(d*d+p*p);d/=f,p/=f;var g=n-t,y=i-e,v=r-a,m=o-s,x=g*g+y*y,_=v*v+m*m;if(x<h&&_<h)l.push(a,s);else{var b=d*g+p*y,w=-d*v-p*m;if(x-b*b<h&&b>=0&&_-w*w<h&&w>=0)l.push(a,s);else{var S=[],M=[];Pn(t,n,r,a,.5,S),Pn(e,i,o,s,.5,M),PY(S[0],M[0],S[1],M[1],S[2],M[2],S[3],M[3],l,u),PY(S[4],M[4],S[5],M[5],S[6],M[6],S[7],M[7],l,u)}}}}function OY(t,e,n){var i=t[e],r=t[1-e],o=Math.abs(i/r),a=Math.ceil(Math.sqrt(o*n)),s=Math.floor(n/a);0===s&&(s=1,a=n);for(var l=[],u=0;u<a;u++)l.push(s);var c=n-a*s;if(c>0)for(u=0;u<c;u++)l[u%a]+=1;return l}function RY(t,e,n){for(var i=t.r0,r=t.r,o=t.startAngle,a=t.endAngle,s=Math.abs(a-o),l=s*r,u=r-i,c=l>Math.abs(u),h=OY([l,u],c?0:1,e),d=(c?s:u)/h.length,p=0;p<h.length;p++)for(var f=(c?u:s)/h[p],g=0;g<h[p];g++){var y={};c?(y.startAngle=o+d*p,y.endAngle=o+d*(p+1),y.r0=i+f*g,y.r=i+f*(g+1)):(y.startAngle=o+f*g,y.endAngle=o+f*(g+1),y.r0=i+d*p,y.r=i+d*(p+1)),y.clockwise=t.clockwise,y.cx=t.cx,y.cy=t.cy,n.push(y)}}function NY(t,e,n,i){return t*i-n*e}function zY(t,e,n,i,r,o,a,s){var l=n-t,u=i-e,c=a-r,h=s-o,d=NY(c,h,l,u);if(Math.abs(d)<1e-6)return null;var p=NY(t-r,e-o,c,h)/d;return p<0||p>1?null:new Ae(p*l+t,p*u+e)}function EY(t,e,n){var i=new Ae;Ae.sub(i,n,e),i.normalize();var r=new Ae;return Ae.sub(r,t,e),r.dot(i)}function BY(t,e){var n=t[t.length-1];n&&n[0]===e[0]&&n[1]===e[1]||t.push(e)}function VY(t){var e=t.points,n=[],i=[];ys(e,n,i);var r=new He(n[0],n[1],i[0]-n[0],i[1]-n[1]),o=r.width,a=r.height,s=r.x,l=r.y,u=new Ae,c=new Ae;return o>a?(u.x=c.x=s+o/2,u.y=l,c.y=l+a):(u.y=c.y=l+a/2,u.x=s,c.x=s+o),function(t,e,n){for(var i=t.length,r=[],o=0;o<i;o++){var a=t[o],s=t[(o+1)%i],l=zY(a[0],a[1],s[0],s[1],e.x,e.y,n.x,n.y);l&&r.push({projPt:EY(l,e,n),pt:l,idx:o})}if(r.length<2)return[{points:t},{points:t}];r.sort((function(t,e){return t.projPt-e.projPt}));var u=r[0],c=r[r.length-1];if(c.idx<u.idx){var h=u;u=c,c=h}var d=[u.pt.x,u.pt.y],p=[c.pt.x,c.pt.y],f=[d],g=[p];for(o=u.idx+1;o<=c.idx;o++)BY(f,t[o].slice());for(BY(f,p),BY(f,d),o=c.idx+1;o<=u.idx+i;o++)BY(g,t[o%i].slice());return BY(g,d),BY(g,p),[{points:f},{points:g}]}(e,u,c)}function GY(t,e,n,i){if(1===n)i.push(e);else{var r=Math.floor(n/2),o=t(e);GY(t,o[0],r,i),GY(t,o[1],n-r,i)}return i}function FY(t,e){e.setStyle(t.style),e.z=t.z,e.z2=t.z2,e.zlevel=t.zlevel}function WY(t,e){var n,i=[],r=t.shape;switch(t.type){case"rect":!function(t,e,n){for(var i=t.width,r=t.height,o=i>r,a=OY([i,r],o?0:1,e),s=o?"width":"height",l=o?"height":"width",u=o?"x":"y",c=o?"y":"x",h=t[s]/a.length,d=0;d<a.length;d++)for(var p=t[l]/a[d],f=0;f<a[d];f++){var g={};g[u]=d*h,g[c]=f*p,g[s]=h,g[l]=p,g.x+=t.x,g.y+=t.y,n.push(g)}}(r,e,i),n=xl;break;case"sector":RY(r,e,i),n=xc;break;case"circle":RY({r0:0,r:r.r,startAngle:0,endAngle:2*Math.PI,cx:r.cx,cy:r.cy},e,i),n=xc;break;default:var o=t.getComputedTransform(),a=o?Math.sqrt(Math.max(o[0]*o[0]+o[1]*o[1],o[2]*o[2]+o[3]*o[3])):1,s=E(function(t,e){var n=LY(t),i=[];e=e||1;for(var r=0;r<n.length;r++){var o=n[r],a=[],s=o[0],l=o[1];a.push(s,l);for(var u=2;u<o.length;){var c=o[u++],h=o[u++],d=o[u++],p=o[u++],f=o[u++],g=o[u++];PY(s,l,c,h,d,p,f,g,a,e),s=f,l=g}i.push(a)}return i}(t.getUpdatedPathProxy(),a),(function(t){return function(t){for(var e=[],n=0;n<t.length;)e.push([t[n++],t[n++]]);return e}(t)})),l=s.length;if(0===l)GY(VY,{points:s[0]},e,i);else if(l===e)for(var u=0;u<l;u++)i.push({points:s[u]});else{var c=0,h=E(s,(function(t){var e=[],n=[];ys(t,e,n);var i=(n[1]-e[1])*(n[0]-e[0]);return c+=i,{poly:t,area:i}}));h.sort((function(t,e){return e.area-t.area}));var d=e;for(u=0;u<l;u++){var p=h[u];if(d<=0)break;var f=u===l-1?d:Math.ceil(p.area/c*e);f<0||(GY(VY,{points:p.poly},f,i),d-=f)}}n=Mc}if(!n)return function(t,e){for(var n=[],i=0;i<e;i++)n.push(tc(t));return n}(t,e);var g=[];for(u=0;u<i.length;u++){var y=new n;y.setShape(i[u]),FY(t,y),g.push(y)}return g}function HY(t,e){var n=t.length,i=e.length;if(n===i)return[t,e];for(var r=[],o=[],a=n<i?t:e,s=Math.min(n,i),l=Math.abs(i-n)/6,u=(s-2)/6,c=Math.ceil(l/u)+1,h=[a[0],a[1]],d=l,p=2;p<s;){var f=a[p-2],g=a[p-1],y=a[p++],v=a[p++],m=a[p++],x=a[p++],_=a[p++],b=a[p++];if(d<=0)h.push(y,v,m,x,_,b);else{for(var w=Math.min(d,c-1)+1,S=1;S<=w;S++){var M=S/w;Pn(f,y,m,_,M,r),Pn(g,v,x,b,M,o),f=r[3],g=o[3],h.push(r[1],o[1],r[2],o[2],f,g),y=r[5],v=o[5],m=r[6],x=o[6]}d-=w-1}}return a===t?[h,e]:[t,h]}function UY(t,e){for(var n=t.length,i=t[n-2],r=t[n-1],o=[],a=0;a<e.length;)o[a++]=i,o[a++]=r;return o}function YY(t){for(var e=0,n=0,i=0,r=t.length,o=0,a=r-2;o<r;a=o,o+=2){var s=t[a],l=t[a+1],u=t[o],c=t[o+1],h=s*c-u*l;e+=h,n+=(s+u)*h,i+=(l+c)*h}return 0===e?[t[0]||0,t[1]||0]:[n/e/3,i/e/3,e]}function XY(t,e,n,i){for(var r=(t.length-2)/6,o=1/0,a=0,s=t.length,l=s-2,u=0;u<r;u++){for(var c=6*u,h=0,d=0;d<s;d+=2){var p=0===d?c:(c+d-2)%l+2,f=t[p]-n[0],g=t[p+1]-n[1],y=e[d]-i[0]-f,v=e[d+1]-i[1]-g;h+=y*y+v*v}h<o&&(o=h,a=u)}return a}function ZY(t){for(var e=[],n=t.length,i=0;i<n;i+=2)e[i]=t[n-i-2],e[i+1]=t[n-i-1];return e}function jY(t){return t.__isCombineMorphing}var qY="__mOriginal_";function KY(t,e,n){var i=qY+e,r=t[i]||t[e];t[i]||(t[i]=t[e]);var o=n.replace,a=n.after,s=n.before;t[e]=function(){var t,e=arguments;return s&&s.apply(this,e),t=o?o.apply(this,e):r.apply(this,e),a&&a.apply(this,e),t}}function $Y(t,e){var n=qY+e;t[n]&&(t[e]=t[n],t[n]=null)}function JY(t,e){for(var n=0;n<t.length;n++)for(var i=t[n],r=0;r<i.length;){var o=i[r],a=i[r+1];i[r++]=e[0]*o+e[2]*a+e[4],i[r++]=e[1]*o+e[3]*a+e[5]}}function QY(t,e){var n=t.getUpdatedPathProxy(),i=e.getUpdatedPathProxy(),r=function(t,e){for(var n,i,r,o=[],a=[],s=0;s<Math.max(t.length,e.length);s++){var l=t[s],u=e[s],c=void 0,h=void 0;l?u?(i=c=(n=HY(l,u))[0],r=h=n[1]):(h=UY(r||l,l),c=l):(c=UY(i||u,u),h=u),o.push(c),a.push(h)}return[o,a]}(LY(n),LY(i)),o=r[0],a=r[1],s=t.getComputedTransform(),l=e.getComputedTransform();s&&JY(o,s),l&&JY(a,l),KY(e,"updateTransform",{replace:function(){this.transform=null}}),e.transform=null;var u=function(t,e,n,i){for(var r,o=[],a=0;a<t.length;a++){var s=t[a],l=e[a],u=YY(s),c=YY(l);null==r&&(r=u[2]<0!=c[2]<0);var h=[],d=[],p=0,f=1/0,g=[],y=s.length;r&&(s=ZY(s));for(var v=6*XY(s,l,u,c),m=y-2,x=0;x<m;x+=2){var _=(v+x)%m+2;h[x+2]=s[_]-u[0],h[x+3]=s[_+1]-u[1]}if(h[0]=s[v]-u[0],h[1]=s[v+1]-u[1],n>0)for(var b=i/n,w=-i/2;w<=i/2;w+=b){var S=Math.sin(w),M=Math.cos(w),I=0;for(x=0;x<s.length;x+=2){var T=h[x],C=h[x+1],D=l[x]-c[0],A=l[x+1]-c[1],k=D*M-A*S,L=D*S+A*M;g[x]=k,g[x+1]=L;var P=k-T,O=L-C;I+=P*P+O*O}if(I<f){f=I,p=w;for(var R=0;R<g.length;R++)d[R]=g[R]}}else for(var N=0;N<y;N+=2)d[N]=l[N]-c[0],d[N+1]=l[N+1]-c[1];o.push({from:h,to:d,fromCp:u,toCp:c,rotation:-p})}return o}(o,a,10,Math.PI),c=[];KY(e,"buildPath",{replace:function(t){for(var n=e.__morphT,i=1-n,r=[],o=0;o<u.length;o++){var a=u[o],s=a.from,l=a.to,h=a.rotation*n,d=a.fromCp,p=a.toCp,f=Math.sin(h),g=Math.cos(h);Wt(r,d,p,n);for(var y=0;y<s.length;y+=2){var v=s[y],m=s[y+1],x=v*i+(S=l[y])*n,_=m*i+(M=l[y+1])*n;c[y]=x*g-_*f+r[0],c[y+1]=x*f+_*g+r[1]}var b=c[0],w=c[1];t.moveTo(b,w);for(y=2;y<s.length;){var S=c[y++],M=c[y++],I=c[y++],T=c[y++],C=c[y++],D=c[y++];b===S&&w===M&&I===C&&T===D?t.lineTo(C,D):t.bezierCurveTo(S,M,I,T,C,D),b=C,w=D}}}})}function tX(t,e,n){if(!t||!e)return e;var i=n.done,r=n.during;return QY(t,e),e.__morphT=0,e.animateTo({__morphT:1},k({during:function(t){e.dirtyShape(),r&&r(t)},done:function(){$Y(e,"buildPath"),$Y(e,"updateTransform"),e.__morphT=-1,e.createPathProxy(),e.dirtyShape(),i&&i()}},n)),e}function eX(t,e,n,i,r,o){t=r===n?0:Math.round(32767*(t-n)/(r-n)),e=o===i?0:Math.round(32767*(e-i)/(o-i));for(var a,s=0,l=32768;l>0;l/=2){var u=0,c=0;(t&l)>0&&(u=1),(e&l)>0&&(c=1),s+=l*l*(3*u^c),0===c&&(1===u&&(t=l-1-t,e=l-1-e),a=t,t=e,e=a)}return s}function nX(t){var e=1/0,n=1/0,i=-1/0,r=-1/0,o=E(t,(function(t){var o=t.getBoundingRect(),a=t.getComputedTransform(),s=o.x+o.width/2+(a?a[4]:0),l=o.y+o.height/2+(a?a[5]:0);return e=Math.min(s,e),n=Math.min(l,n),i=Math.max(s,i),r=Math.max(l,r),[s,l]}));return E(o,(function(o,a){return{cp:o,z:eX(o[0],o[1],e,n,i,r),path:t[a]}})).sort((function(t,e){return t.z-e.z})).map((function(t){return t.path}))}function iX(t){return WY(t.path,t.count)}function rX(t){return U(t[0])}function oX(t,e){for(var n=[],i=t.length,r=0;r<i;r++)n.push({one:t[r],many:[]});for(r=0;r<e.length;r++){var o=e[r].length,a=void 0;for(a=0;a<o;a++)n[a%i].many.push(e[r][a])}var s=0;for(r=i-1;r>=0;r--)if(!n[r].many.length){var l=n[s].many;if(l.length<=1){if(!s)return n;s=0}o=l.length;var u=Math.ceil(o/2);n[r].many=l.slice(u,o),n[s].many=l.slice(0,u),s++}return n}var aX={clone:function(t){for(var e=[],n=1-Math.pow(1-t.path.style.opacity,1/t.count),i=0;i<t.count;i++){var r=tc(t.path);r.setStyle("opacity",n),e.push(r)}return e},split:null};function sX(t,e,n,i,r,o){if(t.length&&e.length){var a=Jc("update",i,r);if(a&&a.duration>0){var s,l,u=i.getModel("universalTransition").get("delay"),c=Object.assign({setToFinal:!0},a);rX(t)&&(s=t,l=e),rX(e)&&(s=e,l=t);for(var h=s?s===t:t.length>e.length,d=s?oX(l,s):oX(h?e:t,[h?t:e]),p=0,f=0;f<d.length;f++)p+=d[f].many.length;var g=0;for(f=0;f<d.length;f++)y(d[f],h,g,p),g+=d[f].many.length}}function y(t,e,i,r,a){var s=t.many,l=t.one;if(1!==s.length||a)for(var h=k({dividePath:aX[n],individualDelay:u&&function(t,e,n,o){return u(t+i,r)}},c),d=e?function(t,e,n){var i=[];!function t(e){for(var n=0;n<e.length;n++){var r=e[n];jY(r)?t(r.childrenRef()):r instanceof sl&&i.push(r)}}(t);var r=i.length;if(!r)return{fromIndividuals:[],toIndividuals:[],count:0};var o=(n.dividePath||iX)({path:e,count:r});if(o.length!==r)return console.error("Invalid morphing: unmatched splitted path"),{fromIndividuals:[],toIndividuals:[],count:0};i=nX(i),o=nX(o);for(var a=n.done,s=n.during,l=n.individualDelay,u=new Dr,c=0;c<r;c++){var h=i[c],d=o[c];d.parent=e,d.copyTransform(u),l||QY(h,d)}function p(t){for(var e=0;e<o.length;e++)o[e].addSelfToZr(t)}function f(){e.__isCombineMorphing=!1,e.__morphT=-1,e.childrenRef=null,$Y(e,"addSelfToZr"),$Y(e,"removeSelfFromZr")}e.__isCombineMorphing=!0,e.childrenRef=function(){return o},KY(e,"addSelfToZr",{after:function(t){p(t)}}),KY(e,"removeSelfFromZr",{after:function(t){for(var e=0;e<o.length;e++)o[e].removeSelfFromZr(t)}});var g=o.length;if(l){var y=g,v=function(){0==--y&&(f(),a&&a())};for(c=0;c<g;c++){var m=l?k({delay:(n.delay||0)+l(c,g,i[c],o[c]),done:v},n):n;tX(i[c],o[c],m)}}else e.__morphT=0,e.animateTo({__morphT:1},k({during:function(t){for(var n=0;n<g;n++){var i=o[n];i.__morphT=e.__morphT,i.dirtyShape()}s&&s(t)},done:function(){f();for(var e=0;e<t.length;e++)$Y(t[e],"updateTransform");a&&a()}},n));return e.__zr&&p(e.__zr),{fromIndividuals:i,toIndividuals:o,count:g}}(s,l,h):function(t,e,n){var i=e.length,r=[],o=n.dividePath||iX;if(jY(t)){!function t(e){for(var n=0;n<e.length;n++){var i=e[n];jY(i)?t(i.childrenRef()):i instanceof sl&&r.push(i)}}(t.childrenRef());var a=r.length;if(a<i)for(var s=0,l=a;l<i;l++)r.push(tc(r[s++%a]));r.length=i}else{r=o({path:t,count:i});var u=t.getComputedTransform();for(l=0;l<r.length;l++)r[l].setLocalTransform(u);if(r.length!==i)return console.error("Invalid morphing: unmatched splitted path"),{fromIndividuals:[],toIndividuals:[],count:0}}r=nX(r),e=nX(e);var c=n.individualDelay;for(l=0;l<i;l++){var h=c?k({delay:(n.delay||0)+c(l,i,r[l],e[l])},n):n;tX(r[l],e[l],h)}return{fromIndividuals:r,toIndividuals:e,count:e.length}}(l,s,h),p=d.fromIndividuals,f=d.toIndividuals,g=p.length,v=0;v<g;v++){m=u?k({delay:u(v,g)},c):c;o(p[v],f[v],e?s[v]:t.one,e?t.one:s[v],m)}else{var m,x=e?s[0]:l,_=e?l:s[0];if(jY(x))y({many:[x],one:_},!0,i,r,!0);else tX(x,_,m=u?k({delay:u(i,r)},c):c),o(x,_,x,_,m)}}}function lX(t){if(!t)return[];if(U(t)){for(var e=[],n=0;n<t.length;n++)e.push(lX(t[n]));return e}var i=[];return t.traverse((function(t){t instanceof sl&&!t.disableMorphing&&!t.invisible&&!t.ignore&&i.push(t)})),i}var uX=sa();function cX(t,e,n,i){var r=function(t,e){for(var n=t.dimensions,i=0;i<n.length;i++){var r=t.getDimensionInfo(n[i]);if(r&&0===r.otherDims[e])return n[i]}}(t,i?"itemChildGroupId":"itemGroupId");if(r){var o=function(t,e,n){var i=t.getDimensionInfo(n),r=i&&i.ordinalMeta;if(i){var o=t.get(i.name,e);return r&&r.categories[o]||o+""}}(t,e,r);return o}var a=t.getRawDataItem(e),s=i?"childGroupId":"groupId";return a&&a[s]?a[s]+"":i?void 0:n||t.getId(e)}function hX(t){var e=[];return z(t,(function(t){var n=t.data,i=t.dataGroupId;if(!(n.count()>1e4))for(var r=n.getIndices(),o=0;o<r.length;o++)e.push({data:n,groupId:cX(n,o,i,!1),childGroupId:cX(n,o,i,!0),divide:t.divide,dataIndex:o})})),e}function dX(t,e,n){t.traverse((function(t){t instanceof sl&&eh(t,{style:{opacity:0}},e,{dataIndex:n,isFrom:!0})}))}function pX(t){if(t.parent){var e=t.getComputedTransform();t.setLocalTransform(e),t.parent.remove(t)}}function fX(t){t.stopAnimation(),t.isGroup&&t.traverse((function(t){t.stopAnimation()}))}function gX(t,e,n){var i=Jc("update",n,e);i&&t.traverse((function(t){if(t instanceof os){var e=function(t){return $c(t).oldStyle}(t);e&&t.animateFrom({style:e},i)}}))}function yX(t,e,n){var i=hX(t),r=hX(e);function o(t,e,n,i,r){(n||t)&&e.animateFrom({style:n&&n!==t?A(A({},n.style),t.style):t.style},r)}var a=!1,s=0,l=yt(),u=yt();i.forEach((function(t){t.groupId&&l.set(t.groupId,!0),t.childGroupId&&u.set(t.childGroupId,!0)}));for(var c=0;c<r.length;c++){var h=r[c].groupId;if(u.get(h)){s=1;break}var d=r[c].childGroupId;if(d&&l.get(d)){s=2;break}}function p(t,e){return function(n){var i=n.data,r=n.dataIndex;return e?i.getId(r):t?1===s?n.childGroupId:n.groupId:2===s?n.childGroupId:n.groupId}}var f=function(t,e){var n=t.length;if(n!==e.length)return!1;for(var i=0;i<n;i++){var r=t[i],o=e[i];if(r.data.getId(r.dataIndex)!==o.data.getId(o.dataIndex))return!1}return!0}(i,r),g={};if(!f)for(c=0;c<r.length;c++){var y=r[c],v=y.data.getItemGraphicEl(y.dataIndex);v&&(g[v.id]=!0)}function m(t,e){var n=i[e],s=r[t],l=s.data.hostModel,u=n.data.getItemGraphicEl(n.dataIndex),c=s.data.getItemGraphicEl(s.dataIndex);u!==c?u&&g[u.id]||c&&(fX(c),u?(fX(u),pX(u),a=!0,sX(lX(u),lX(c),s.divide,l,t,o)):dX(c,l,t)):c&&gX(c,s.dataIndex,l)}new f_(i,r,p(!0,f),p(!1,f),null,"multiple").update(m).updateManyToOne((function(t,e){var n=r[t],s=n.data,l=s.hostModel,u=s.getItemGraphicEl(n.dataIndex),c=V(E(e,(function(t){return i[t].data.getItemGraphicEl(i[t].dataIndex)})),(function(t){return t&&t!==u&&!g[t.id]}));u&&(fX(u),c.length?(z(c,(function(t){fX(t),pX(t)})),a=!0,sX(lX(c),lX(u),n.divide,l,t,o)):dX(u,l,n.dataIndex))})).updateOneToMany((function(t,e){var n=i[e],s=n.data.getItemGraphicEl(n.dataIndex);if(!s||!g[s.id]){var l=V(E(t,(function(t){return r[t].data.getItemGraphicEl(r[t].dataIndex)})),(function(t){return t&&t!==s})),u=r[t[0]].data.hostModel;l.length&&(z(l,(function(t){return fX(t)})),s?(fX(s),pX(s),a=!0,sX(lX(s),lX(l),n.divide,u,t[0],o)):z(l,(function(e){return dX(e,u,t[0])})))}})).updateManyToMany((function(t,e){new f_(e,t,(function(t){return i[t].data.getId(i[t].dataIndex)}),(function(t){return r[t].data.getId(r[t].dataIndex)})).update((function(n,i){m(t[n],e[i])})).execute()})).execute(),a&&z(e,(function(t){var e=t.data.hostModel,i=e&&n.getViewOfSeriesModel(e),r=Jc("update",e,0);i&&e.isAnimationEnabled()&&r&&r.duration>0&&i.group.traverse((function(t){t instanceof sl&&!t.animators.length&&t.animateFrom({style:{opacity:0}},r)}))}))}function vX(t){var e=t.getModel("universalTransition").get("seriesKey");return e||t.id}function mX(t){return U(t)?t.sort().join(","):t}function xX(t){if(t.hostModel)return t.hostModel.getModel("universalTransition").get("divideShape")}function _X(t,e){for(var n=0;n<t.length;n++){if(null!=e.seriesIndex&&e.seriesIndex===t[n].seriesIndex||null!=e.seriesId&&e.seriesId===t[n].id)return n}}var bX=function(){function t(){this.breaks=[],this._elapsedExtent=[1/0,-1/0]}return t.prototype.setBreaks=function(t){this.breaks=t.breaks},t.prototype.update=function(t){!function(t,e){var n=0,i={tpAbs:{span:0,val:0},tpPrct:{span:0,val:0}},r=function(){return{has:!1,span:NaN,inExtFrac:NaN,val:NaN}},o={S:{tpAbs:r(),tpPrct:r()},E:{tpAbs:r(),tpPrct:r()}};z(t.breaks,(function(t){var r=t.gapParsed;"tpPrct"===r.type&&(n+=r.val);var a=CX(t,e);if(a){var s=a.vmin!==t.vmin,l=a.vmax!==t.vmax,u=a.vmax-a.vmin;if(s&&l);else if(s||l){var c=s?"S":"E";o[c][r.type].has=!0,o[c][r.type].span=u,o[c][r.type].inExtFrac=u/(t.vmax-t.vmin),o[c][r.type].val=r.val}else i[r.type].span+=u,i[r.type].val+=r.val}}));var a=n*(e[1]-e[0]+0+(i.tpAbs.val-i.tpAbs.span)+(o.S.tpAbs.has?(o.S.tpAbs.val-o.S.tpAbs.span)*o.S.tpAbs.inExtFrac:0)+(o.E.tpAbs.has?(o.E.tpAbs.val-o.E.tpAbs.span)*o.E.tpAbs.inExtFrac:0)-i.tpPrct.span-(o.S.tpPrct.has?o.S.tpPrct.span*o.S.tpPrct.inExtFrac:0)-(o.E.tpPrct.has?o.E.tpPrct.span*o.E.tpPrct.inExtFrac:0))/(1-i.tpPrct.val-(o.S.tpPrct.has?o.S.tpPrct.val*o.S.tpPrct.inExtFrac:0)-(o.E.tpPrct.has?o.E.tpPrct.val*o.E.tpPrct.inExtFrac:0));z(t.breaks,(function(t){var e=t.gapParsed;"tpPrct"===e.type&&(t.gapReal=0!==n?Math.max(a,0)*e.val/n:0),"tpAbs"===e.type&&(t.gapReal=e.val),null==t.gapReal&&(t.gapReal=0)}))}(this,t);var e=this._elapsedExtent;e[0]=this.elapse(t[0]),e[1]=this.elapse(t[1])},t.prototype.hasBreaks=function(){return!!this.breaks.length},t.prototype.calcNiceTickMultiple=function(t,e){for(var n=0;n<this.breaks.length;n++){var i=this.breaks[n];if(i.vmin<t&&t<i.vmax){var r=e(t,i.vmax);return r}}return 0},t.prototype.getExtentSpan=function(){return this._elapsedExtent[1]-this._elapsedExtent[0]},t.prototype.normalize=function(t){var e=this._elapsedExtent[1]-this._elapsedExtent[0];return 0===e?.5:(this.elapse(t)-this._elapsedExtent[0])/e},t.prototype.scale=function(t){return this.unelapse(t*(this._elapsedExtent[1]-this._elapsedExtent[0])+this._elapsedExtent[0])},t.prototype.elapse=function(t){for(var e=SX,n=MX,i=!0,r=0;r<this.breaks.length;r++){var o=this.breaks[r];if(t<=o.vmax){t>o.vmin?e+=o.vmin-n+(t-o.vmin)/(o.vmax-o.vmin)*o.gapReal:e+=t-n,n=o.vmax,i=!1;break}e+=o.vmin-n+o.gapReal,n=o.vmax}return i&&(e+=t-n),e},t.prototype.unelapse=function(t){for(var e=SX,n=MX,i=!0,r=0,o=0;o<this.breaks.length;o++){var a=this.breaks[o],s=e+a.vmin-n,l=s+a.gapReal;if(t<=l){r=t>s?a.vmin+(t-s)/(l-s)*(a.vmax-a.vmin):n+t-e,n=a.vmax,i=!1;break}e=l,n=a.vmax}return i&&(r=n+t-e),r},t}();function wX(){return new bX}var SX=0,MX=0;function IX(t,e,n,i,r,o){"no"!==t&&z(n,(function(n){var a=CX(n,o);if(a)for(var s=e.length-1;s>=0;s--){var l=e[s],u=i(l),c=3*r/4;u>a.vmin-c&&u<a.vmax+c&&("preserve_extent_bound"!==t||u!==o[0]&&u!==o[1])&&e.splice(s,1)}}))}function TX(t,e,n,i){z(e,(function(e){var r=CX(e,n);r&&(t.push({value:r.vmin,break:{type:"vmin",parsedBreak:r},time:i?i(r):void 0}),t.push({value:r.vmax,break:{type:"vmax",parsedBreak:r},time:i?i(r):void 0}))})),e.length&&t.sort((function(t,e){return t.value-e.value}))}function CX(t,e){var n=Math.max(t.vmin,e[0]),i=Math.min(t.vmax,e[1]);return n<i||n===i&&n>e[0]&&n<e[1]?{vmin:n,vmax:i,breakOption:t.breakOption,gapParsed:t.gapParsed,gapReal:t.gapReal}:null}function DX(t,e,n){var i=[];if(!t)return{breaks:i};z(t,(function(t){if(t&&null!=t.start&&null!=t.end&&!t.isExpanded){var r={breakOption:T(t),vmin:e(t.start),vmax:e(t.end),gapParsed:{type:"tpAbs",val:0},gapReal:null};if(null!=t.gap){var o=!1;if(X(t.gap)){var a=ut(t.gap);if(a.match(/%$/)){var s=parseFloat(a)/100;(function(t,e){return t>=0&&t<.99999})(s)||(s=0),r.gapParsed.type="tpPrct",r.gapParsed.val=s,o=!0}}if(!o){var l=e(t.gap);(!isFinite(l)||l<0)&&(l=0),r.gapParsed.type="tpAbs",r.gapParsed.val=l}}if(r.vmin===r.vmax&&(r.gapParsed.type="tpAbs",r.gapParsed.val=0),n&&n.noNegative&&z(["vmin","vmax"],(function(t){r[t]<0&&(r[t]=0)})),r.vmin>r.vmax){var u=r.vmax;r.vmax=r.vmin,r.vmin=u}i.push(r)}})),i.sort((function(t,e){return t.vmin-e.vmin}));var r=-1/0;return z(i,(function(t,e){r>t.vmin&&(i[e]=null),r=t.vmax})),{breaks:i.filter((function(t){return!!t}))}}function AX(t,e){return kX(e)===kX(t)}function kX(t){return t.start+"_\0_"+t.end}function LX(t,e,n){var i=[];z(t,(function(t,n){var r=e(t);r&&"vmin"===r.type&&i.push([n])})),z(t,(function(n,r){var o=e(n);if(o&&"vmax"===o.type){var a=G(i,(function(n){return AX(e(t[n[0]]).parsedBreak.breakOption,o.parsedBreak.breakOption)}));a&&a.push(r)}}));var r=[];return z(i,(function(e){2===e.length&&r.push(n?e:[t[e[0]],t[e[1]]])})),r}function PX(t,e,n,i){var r,o;if(t.break){var a=t.break.parsedBreak,s=G(n,(function(e){return AX(e.breakOption,t.break.parsedBreak.breakOption)})),l=i(Math.pow(e,a.vmin),s.vmin),u=i(Math.pow(e,a.vmax),s.vmax),c={type:a.gapParsed.type,val:"tpAbs"===a.gapParsed.type?mo(Math.pow(e,a.vmin+a.gapParsed.val))-l:a.gapParsed.val};r={type:t.break.type,parsedBreak:{breakOption:a.breakOption,vmin:l,vmax:u,gapParsed:c,gapReal:a.gapReal}},o=s[t.break.type]}return{brkRoundingCriterion:o,vBreak:r}}function OX(t,e,n){var i={noNegative:!0},r=DX(t,n,i),o=DX(t,n,i),a=Math.log(e);return o.breaks=E(o.breaks,(function(t){var e=Math.log(t.vmin)/a;return{vmin:e,vmax:Math.log(t.vmax)/a,gapParsed:{type:t.gapParsed.type,val:"tpAbs"===t.gapParsed.type?Math.log(t.vmin+t.gapParsed.val)/a-e:t.gapParsed.val},gapReal:t.gapReal,breakOption:t.breakOption}})),{parsedOriginal:r,parsedLogged:o}}var RX={vmin:"start",vmax:"end"};function NX(t,e){return e&&((t=t||{}).break={type:RX[e.type],start:e.parsedBreak.vmin,end:e.parsedBreak.vmax}),t}function zX(){var t;t={createScaleBreakContext:wX,pruneTicksByBreak:IX,addBreaksToTicks:TX,parseAxisBreakOption:DX,identifyAxisBreak:AX,serializeAxisBreakIdentifier:kX,retrieveAxisBreakPairs:LX,getTicksLogTransformBreak:PX,logarithmicParseBreaksFromOption:OX,makeAxisLabelFormatterParamBreak:NX},Rd||(Rd=t)}var EX=sa();function BX(t,e,n,i,r){var o=n.axis;if(!o.scale.isBlank()&&Nd()){var a=Nd().retrieveAxisBreakPairs(o.scale.getTicks({breakTicks:"only_break"}),(function(t){return t.break}),!1);if(a.length){var s=n.getModel("breakArea"),l=s.get("zigzagAmplitude"),u=s.get("zigzagMinSpan"),c=s.get("zigzagMaxSpan");u=Math.max(2,u||0),c=Math.max(u,c||0);var h=s.get("expandOnClick"),d=s.get("zigzagZ"),p=s.getModel("itemStyle").getItemStyle(),f=p.stroke,g=p.lineWidth,y=p.lineDash,v=p.fill,m=new to({ignoreModelZ:!0}),x=o.isHorizontal(),_=EX(e).visualList||(EX(e).visualList=[]);z(_,(function(t){return t.shouldRemove=!0}));for(var b=function(t){var e=a[t][0].break.parsedBreak,s=[];s[0]=o.toGlobalCoord(o.dataToCoord(e.vmin,!0)),s[1]=o.toGlobalCoord(o.dataToCoord(e.vmax,!0)),s[1]<s[0]&&s.reverse();var b=function(t,e){var n=G(t,(function(t){return Nd().identifyAxisBreak(t.parsedBreak.breakOption,e.breakOption)}));return n||t.push(n={zigzagRandomList:[],parsedBreak:e,shouldRemove:!1}),n}(_,e);b.shouldRemove=!1;var w=new to;!function(t,e,n,r,o,a){var s={stroke:f,lineWidth:g,lineDash:y,fill:"none"},h=o?0:1,m=1-h,x=i[lh[m]]+i[uh[m]];function _(t){var e=[],n=[];e[h]=n[h]=t,e[m]=i[lh[m]],n[m]=x;var r={x1:e[0],y1:e[1],x2:n[0],y2:n[1]};return fl(r,r,{lineWidth:1}),e[0]=r.x1,e[1]=r.y1,e[h]}n=_(n),r=_(r);for(var b=[],w=[],S=!0,M=i[lh[m]],I=0;;I++){var T=M===i[lh[m]],C=M>=x;C&&(M=x);var D=[],A=[];D[h]=n,A[h]=r,T||C||(D[h]+=S?-l:l,A[h]-=S?l:-l),D[m]=M,A[m]=M,b.push(D),w.push(A);var k=void 0;if(I<t.length?k=t[I]:(k=Math.random(),t.push(k)),M+=k*(c-u)+u,S=!S,C)break}var L=Nd().serializeAxisBreakIdentifier(a.breakOption);if(e.add(new Tc({anid:"break_a_"+L,shape:{points:b},style:s,z:d})),0!==a.gapReal){e.add(new Tc({anid:"break_b_"+L,shape:{points:w},style:s,z:d}));var P=w.slice();P.reverse();var O=b.concat(P);e.add(new Mc({anid:"break_c_"+L,shape:{points:O},style:{fill:v,opacity:p.opacity},z:d}))}}(b.zigzagRandomList,w,s[0],s[1],x,e),h&&w.on("click",(function(){var t={type:QT,breaks:[{start:e.breakOption.start,end:e.breakOption.end}]};t[o.dim+"AxisIndex"]=n.componentIndex,r.dispatchAction(t)})),w.silent=!h,m.add(w)},w=0;w<a.length;w++)b(w);t.add(m),function(t){for(var e=t.length-1;e>=0;e--)t[e].shouldRemove&&t.splice(e,1)}(_)}}}function VX(t,e,n,i){var r=t.axis,o=n.transform;lt(i.style);var a=r.getExtent();r.inverse&&(a=a.slice()).reverse();var s=E(Nd().retrieveAxisBreakPairs(r.scale.getTicks({breakTicks:"only_break"}),(function(t){return t.break}),!1),(function(t){var e=t[0].break.parsedBreak,n=[r.dataToCoord(e.vmin,!0),r.dataToCoord(e.vmax,!0)];return n[0]>n[1]&&n.reverse(),{coordPair:n,brkId:Nd().serializeAxisBreakIdentifier(e.breakOption)}}));s.sort((function(t,e){return t.coordPair[0]-e.coordPair[0]}));for(var l=a[0],u=null,c=0;c<s.length;c++){var h=s[c],d=Math.max(h.coordPair[0],a[0]),p=Math.min(h.coordPair[1],a[1]);l<=d&&f(l,d,u,h),l=p,u=h}function f(t,n,r,a){function s(t,e){o&&(Ht(t,t,o),Ht(e,e,o))}function l(t,e){var n={x1:t[0],y1:t[1],x2:e[0],y2:e[1]};fl(n,n,i.style),t[0]=n.x1,t[1]=n.y1,e[0]=n.x2,e[1]=n.y2}var u=[t,0],c=[n,0],h=[t,5],d=[n,5];s(u,h),l(u,h),s(c,d),l(c,d),l(u,c);var p=new Ac(A({shape:{x1:u[0],y1:u[1],x2:c[0],y2:c[1]}},i));e.add(p),p.anid="breakLine_"+(r?r.brkId:"\0")+"_\0_"+(a?a.brkId:"\0")}l<=a[1]&&f(l,a[1],u,null)}function GX(t,e,n){if(!G(n,(function(t){return!t}))){var i=new Ae;if(IS(n[0],n[1],i,{direction:-(t?e+Math.PI:e),touchThreshold:0,bidirectional:!1})){var r=[1,0,0,1,0,0];Me(r,r,-e);var o=E(n,(function(t){return t.transform?we([1,0,0,1,0,0],r,t.transform):r})),a=.5;if(g(0)||g(1)){var s=E(n,(function(t,e){var n=t.localRect.clone();return n.applyTransform(o[e]),n})),l=new Ae;l.copy(n[0].label).add(n[1].label).scale(.5),l.transform(r);var u=i.clone().transform(r),c=(s[0].x+s[1].x+(u.x>=0?s[0].width:s[1].width)+u.x)/2-l.x,h=Math.min(c,c-u.x),d=Math.max(c,c-u.x);a=(c-(d<0?d:h>0?h:0))/u.x}var p=new Ae,f=new Ae;Ae.scale(p,i,-a),Ae.scale(f,i,1-a),_S(n[0],p),_S(n[1],f)}}function g(t){var e=n[0].localRect,i=new Ae(e[uh[t]]*o[0][0],e[uh[t]]*o[0][1]);return Math.abs(i.y)<1e-5}}function FX(t,e){var n={breaks:[]};return z(e.breaks,(function(i){if(i){var r=G(t.get("breaks",!0),(function(t){return Nd().identifyAxisBreak(t,i)}));if(r){var o=e.type,a={isExpanded:!!r.isExpanded};r.isExpanded=o===QT||o!==tC&&(o===eC?!r.isExpanded:r.isExpanded),n.breaks.push({start:r.start,end:r.end,isExpanded:!!r.isExpanded,old:a})}}})),n}function WX(){var t;t={adjustBreakLabelPair:GX,buildAxisBreakLine:VX,rectCoordBuildBreakAxis:BX,updateModelAxisBreak:FX},UT||(UT=t)}function HX(t,e){z(t,(function(t){if(!t.model.get(["axisLabel","inside"])){var n=function(t){var e,n,i=t.model,r=t.scale;if(!i.get(["axisLabel","show"])||r.isBlank())return;var o=r.getExtent();n=r instanceof lb?r.count():(e=r.getTicks()).length;var a,s=t.getLabelModel(),l=jb(t),u=1;n>40&&(u=Math.ceil(n/40));for(var c=0;c<n;c+=u){var h=l(e?e[c]:{value:o[0]+c},c),d=p(s.getTextRect(h),s.get("rotate")||0);a?a.union(d):a=d}return a;function p(t,e){var n=e*Math.PI/180,i=t.width,r=t.height,o=i*Math.abs(Math.cos(n))+Math.abs(r*Math.sin(n)),a=i*Math.abs(Math.sin(n))+Math.abs(r*Math.cos(n));return new He(t.x,t.y,o,a)}}(t);if(n){var i=t.isHorizontal()?"height":"width",r=t.model.get(["axisLabel","margin"]);e[i]-=n[i]+r,"top"===t.position?e.y+=n.height+r:"left"===t.position&&(e.x+=n.width+r)}}}))}h_([function(t){t.registerPainter("canvas",tI)}]),h_([function(t){t.registerPainter("svg",ZM)}]),h_([function(t){t.registerChartView(RI),t.registerSeriesModel(eI),t.registerLayout(NI("line",!0)),t.registerVisual({seriesType:"line",reset:function(t){var e=t.getData(),n=t.getModel("lineStyle").getLineStyle();n&&!n.stroke&&(n.stroke=e.getVisual("style").fill),e.setVisual("legendLineStyle",n)}}),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,BI("line"))},function(t){t.registerChartView(jI),t.registerSeriesModel(GI),t.registerLayout(t.PRIORITY.VISUAL.LAYOUT,H(_b,"bar")),t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,bb("bar")),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,BI("bar")),t.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(t,e){var n=t.componentType||"series";e.eachComponent({mainType:n,query:t},(function(e){t.sortInfo&&e.axis.setCategorySortInfo(t.sortInfo)}))}))},function(t){t.registerChartView(MT),t.registerSeriesModel(AT),$v("pie",t.registerAction),t.registerLayout(H(dT,"pie")),t.registerProcessor(fT("pie")),t.registerProcessor(function(t){return{seriesType:t,reset:function(t,e){var n=t.getData();n.filterSelf((function(t){var e=n.mapDimension("value"),i=n.get(e,t);return!(j(i)&&!isNaN(i)&&i<0)}))}}}("pie"))},function(t){h_(lD),t.registerSeriesModel(kT),t.registerChartView(RT),t.registerLayout(NI("scatter"))},function(t){h_(TD),t.registerChartView(mD),t.registerSeriesModel(xD),t.registerLayout(fD),t.registerProcessor(fT("radar")),t.registerPreprocessor(vD)},function(t){h_(lk),t.registerChartView(YA),t.registerSeriesModel(XA),t.registerLayout(jA),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,ZA),$v("map",t.registerAction)},function(t){t.registerChartView(_k),t.registerSeriesModel(Wk),t.registerLayout(Uk),t.registerVisual(Yk),function(t){t.registerAction({type:"treeExpandAndCollapse",event:"treeExpandAndCollapse",update:"update"},(function(t,e){e.eachComponent({mainType:"series",subType:"tree",query:t},(function(e){var n=t.dataIndex,i=e.getData().tree.getNodeByDataIndex(n);i.isExpand=!i.isExpand}))})),t.registerAction({type:"treeRoam",event:"treeRoam",update:"none"},(function(t,e,n){e.eachComponent({mainType:"series",subType:"tree",query:t},(function(e){var n=YD(e.coordinateSystem,t,e.get("scaleLimit"));e.setCenter(n.center),e.setZoom(n.zoom)}))}))}(t)},function(t){t.registerSeriesModel(jk),t.registerChartView(sL),t.registerVisual(ML),t.registerLayout(EL),function(t){for(var e=0;e<Xk.length;e++)t.registerAction({type:Xk[e],update:"updateView"},bt);t.registerAction({type:"treemapRootToNode",update:"updateView"},(function(t,e){e.eachComponent({mainType:"series",subType:"treemap",query:t},(function(e,n){var i=Bk(t,["treemapZoomToNode","treemapRootToNode"],e);if(i){var r=e.getViewRoot();r&&(t.direction=Gk(r,i.node)?"rollUp":"drillDown"),e.resetViewRoot(i.node)}}))}))}(t)},function(t){t.registerChartView(GP),t.registerSeriesModel(ZP),t.registerProcessor(HL),t.registerVisual(UL),t.registerVisual(XL),t.registerLayout(nP),t.registerLayout(t.PRIORITY.VISUAL.POST_CHART_LAYOUT,cP),t.registerLayout(dP),t.registerCoordinateSystem("graphView",{dimensions:KA.dimensions,create:pP}),t.registerAction({type:"focusNodeAdjacency",event:"focusNodeAdjacency",update:"series:focusNodeAdjacency"},bt),t.registerAction({type:"unfocusNodeAdjacency",event:"unfocusNodeAdjacency",update:"series:unfocusNodeAdjacency"},bt),t.registerAction({type:"graphRoam",event:"graphRoam",update:"none"},(function(t,e,n){e.eachComponent({mainType:"series",query:t},(function(e){var i=n.getViewOfSeriesModel(e);i&&(null!=t.dx&&null!=t.dy&&i.updateViewOnPan(e,n,t),null!=t.zoom&&null!=t.originX&&null!=t.originY&&i.updateViewOnZoom(e,n,t));var r=YD(e.coordinateSystem,t,e.get("scaleLimit"));e.setCenter&&e.setCenter(r.center),e.setZoom&&e.setZoom(r.zoom)}))}))},function(t){t.registerChartView(JP),t.registerSeriesModel(QP),t.registerLayout(t.PRIORITY.VISUAL.POST_CHART_LAYOUT,eO),t.registerProcessor(fT("chord"))},function(t){t.registerChartView(oO),t.registerSeriesModel(aO)},function(t){t.registerChartView(uO),t.registerSeriesModel(cO),t.registerLayout(hO),t.registerProcessor(fT("funnel"))},function(t){h_(zR),t.registerChartView(dO),t.registerSeriesModel(vO),t.registerVisual(t.PRIORITY.VISUAL.BRUSH,_O)},function(t){t.registerChartView(VR),t.registerSeriesModel(FR),t.registerLayout(WR),t.registerVisual(tN),t.registerAction({type:"dragNode",event:"dragnode",update:"update"},(function(t,e){e.eachComponent({mainType:"series",subType:"sankey",query:t},(function(e){e.setNodePosition(t.dataIndex,[t.localX,t.localY])}))})),t.registerAction({type:"sankeyRoam",event:"sankeyRoam",update:"none"},(function(t,e,n){e.eachComponent({mainType:"series",subType:"sankey",query:t},(function(e){var n=YD(e.coordinateSystem,t,e.get("scaleLimit"));e.setCenter(n.center),e.setZoom(n.zoom)}))}))},function(t){t.registerSeriesModel(nN),t.registerChartView(iN),t.registerLayout(cN),t.registerTransform(hN)},function(t){t.registerChartView(bN),t.registerSeriesModel(PN),t.registerPreprocessor(ON),t.registerVisual(xN),t.registerLayout(RN)},function(t){t.registerChartView(BN),t.registerSeriesModel(VN),t.registerLayout(NI("effectScatter"))},function(t){t.registerChartView(ZN),t.registerSeriesModel($N),t.registerLayout(XN),t.registerVisual(QN)},function(t){t.registerChartView(nz),t.registerSeriesModel(iz)},function(t){t.registerChartView(sz),t.registerSeriesModel(Iz),t.registerLayout(t.PRIORITY.VISUAL.LAYOUT,H(_b,"pictorialBar")),t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,bb("pictorialBar"))},function(t){t.registerChartView(Tz),t.registerSeriesModel(Cz),t.registerLayout(Dz),t.registerProcessor(fT("themeRiver"))},function(t){t.registerChartView(Oz),t.registerSeriesModel(Rz),t.registerLayout(H(Ez,"sunburst")),t.registerProcessor(H(fT,"sunburst")),t.registerVisual(Vz),function(t){t.registerAction({type:Lz,update:"updateView"},(function(t,e){e.eachComponent({mainType:"series",subType:"sunburst",query:t},(function(e,n){var i=Bk(t,[Lz],e);if(i){var r=e.getViewRoot();r&&(t.direction=Gk(r,i.node)?"rollUp":"drillDown"),e.resetViewRoot(i.node)}}))})),t.registerAction({type:Pz,update:"none"},(function(t,e,n){t=A({},t),e.eachComponent({mainType:"series",subType:"sunburst",query:t},(function(e){var n=Bk(t,[Pz],e);n&&(t.dataIndex=n.node.dataIndex)})),n.dispatchAction(A(t,{type:"highlight"}))})),t.registerAction({type:"sunburstUnhighlight",update:"updateView"},(function(t,e,n){t=A({},t),n.dispatchAction(A(t,{type:"downplay"}))}))}(t)},function(t){t.registerChartView(kE),t.registerSeriesModel(Hz)}]),h_((function(t){h_(lD),h_(LB)})),h_((function(t){h_(LB),$C.registerAxisPointerClass("PolarAxisPointer",PB),t.registerCoordinateSystem("polar",XB),t.registerComponentModel(RB),t.registerComponentView(sV),XT(t,"angle",zB,oV),XT(t,"radius",EB,aV),t.registerComponentView($B),t.registerComponentView(tV),t.registerLayout(H(rV,"bar"))})),h_(lk),h_((function(t){h_(LB),$C.registerAxisPointerClass("SingleAxisPointer",_V),t.registerComponentView(MV),t.registerComponentView(cV),t.registerComponentModel(dV),XT(t,"single",dV,dV.defaultOption),t.registerCoordinateSystem("single",vV)})),h_(zR),h_((function(t){t.registerComponentModel(IV),t.registerComponentView(CV),t.registerCoordinateSystem("calendar",AV)})),h_((function(t){t.registerComponentModel(nG),t.registerComponentView(sG),t.registerCoordinateSystem("matrix",gG)})),h_((function(t){t.registerComponentModel(NG),t.registerComponentView(BG),t.registerPreprocessor((function(t){var e=t.graphic;U(e)?e[0]&&e[0].elements?t.graphic=[t.graphic[0]]:t.graphic=[{elements:e}]:e&&!e.elements&&(t.graphic=[{elements:[e]}])}))})),h_((function(t){t.registerComponentModel(hF),t.registerComponentView(pF),uF("saveAsImage",fF),uF("magicType",vF),uF("dataView",MF),uF("dataZoom",XF),uF("restore",AF),h_(aF)})),h_((function(t){h_(LB),t.registerComponentModel(qF),t.registerComponentView(dW),t.registerAction({type:"showTip",event:"showTip",update:"tooltip:manuallyShowTip"},bt),t.registerAction({type:"hideTip",event:"hideTip",update:"tooltip:manuallyHideTip"},bt)})),h_(LB),h_((function(t){t.registerComponentView(RW),t.registerComponentModel(NW),t.registerPreprocessor(vW),t.registerVisual(t.PRIORITY.VISUAL.BRUSH,AW),t.registerAction({type:"brush",event:"brush",update:"updateVisual"},(function(t,e){e.eachComponent({mainType:"brush",query:t},(function(e){e.setAreas(t.areas)}))})),t.registerAction({type:"brushSelect",event:"brushSelected",update:"none"},bt),t.registerAction({type:"brushEnd",event:"brushEnd",update:"none"},bt),uF("brush",BW)})),h_((function(t){t.registerComponentModel(VW),t.registerComponentView(GW)})),h_((function(t){t.registerComponentModel(WW),t.registerComponentView(ZW),t.registerSubTypeDefaulter("timeline",(function(){return"slider"})),function(t){t.registerAction({type:"timelineChange",event:"timelineChanged",update:"prepareAndUpdate"},(function(t,e,n){var i=e.getComponent("timeline");return i&&null!=t.currentIndex&&(i.setCurrentIndex(t.currentIndex),!i.get("loop",!0)&&i.isIndexMax()&&i.getPlayState()&&(i.setPlayState(!1),n.dispatchAction({type:"timelinePlayChange",playState:!1,from:t.from}))),e.resetOption("timeline",{replaceMerge:i.get("replaceMerge",!0)}),k({currentIndex:i.option.currentIndex},t)})),t.registerAction({type:"timelinePlayChange",event:"timelinePlayChanged",update:"update"},(function(t,e){var n=e.getComponent("timeline");n&&null!=t.playState&&n.setPlayState(t.playState)}))}(t),t.registerPreprocessor(KW)})),h_((function(t){t.registerComponentModel(iH),t.registerComponentView(gH),t.registerPreprocessor((function(t){QW(t.series,"markPoint")&&(t.markPoint=t.markPoint||{})}))})),h_((function(t){t.registerComponentModel(yH),t.registerComponentView(SH),t.registerPreprocessor((function(t){QW(t.series,"markLine")&&(t.markLine=t.markLine||{})}))})),h_((function(t){t.registerComponentModel(MH),t.registerComponentView(PH),t.registerPreprocessor((function(t){QW(t.series,"markArea")&&(t.markArea=t.markArea||{})}))})),h_((function(t){h_(YH),h_(JH)})),h_((function(t){h_(cU),h_(mU)})),h_(cU),h_(mU),h_((function(t){h_(JU),h_(iY)})),h_(JU),h_(iY),h_((function(t){t.registerComponentModel(oY),t.registerComponentView(aY)})),h_((function(t){t.registerPreprocessor(pY),t.registerVisual(t.PRIORITY.VISUAL.ARIA,dY)})),h_((function(t){t.registerTransform(IY),t.registerTransform(TY)})),h_((function(t){t.registerComponentModel(CY),t.registerComponentView(DY)})),h_((function(t){t.registerUpdateLifecycle("series:beforeupdate",(function(t,e,n){z(qo(n.seriesTransition),(function(t){z(qo(t.to),(function(t){for(var e=n.updatedSeries,i=0;i<e.length;i++)(null!=t.seriesIndex&&t.seriesIndex===e[i].seriesIndex||null!=t.seriesId&&t.seriesId===e[i].id)&&(e[i][Fy]=!0)}))}))})),t.registerUpdateLifecycle("series:transition",(function(t,e,n){var i=uX(e);if(i.oldSeries&&n.updatedSeries&&n.optionChanged){var r=n.seriesTransition;if(r)z(qo(r),(function(t){!function(t,e,n,i){var r=[],o=[];z(qo(t.from),(function(t){var n=_X(e.oldSeries,t);n>=0&&r.push({dataGroupId:e.oldDataGroupIds[n],data:e.oldData[n],divide:xX(e.oldData[n]),groupIdDim:t.dimension})})),z(qo(t.to),(function(t){var i=_X(n.updatedSeries,t);if(i>=0){var r=n.updatedSeries[i].getData();o.push({dataGroupId:e.oldDataGroupIds[i],data:r,divide:xX(r),groupIdDim:t.dimension})}})),r.length>0&&o.length>0&&yX(r,o,i)}(t,i,n,e)}));else{var o=function(t,e){var n=yt(),i=yt(),r=yt();return z(t.oldSeries,(function(e,n){var o=t.oldDataGroupIds[n],a=t.oldData[n],s=vX(e),l=mX(s);i.set(l,{dataGroupId:o,data:a}),U(s)&&z(s,(function(t){r.set(t,{key:l,dataGroupId:o,data:a})}))})),z(e.updatedSeries,(function(t){if(t.isUniversalTransitionEnabled()&&t.isAnimationEnabled()){var e=t.get("dataGroupId"),o=t.getData(),a=vX(t),s=mX(a),l=i.get(s);if(l)n.set(s,{oldSeries:[{dataGroupId:l.dataGroupId,divide:xX(l.data),data:l.data}],newSeries:[{dataGroupId:e,divide:xX(o),data:o}]});else if(U(a)){var u=[];z(a,(function(t){var e=i.get(t);e.data&&u.push({dataGroupId:e.dataGroupId,divide:xX(e.data),data:e.data})})),u.length&&n.set(s,{oldSeries:u,newSeries:[{dataGroupId:e,data:o,divide:xX(o)}]})}else{var c=r.get(a);if(c){var h=n.get(c.key);h||(h={oldSeries:[{dataGroupId:c.dataGroupId,data:c.data,divide:xX(c.data)}],newSeries:[]},n.set(c.key,h)),h.newSeries.push({dataGroupId:e,data:o,divide:xX(o)})}}}})),n}(i,n);z(o.keys(),(function(t){var n=o.get(t);yX(n.oldSeries,n.newSeries,e)}))}z(n.updatedSeries,(function(t){t[Fy]&&(t[Fy]=!1)}))}for(var a=t.getSeries(),s=i.oldSeries=[],l=i.oldDataGroupIds=[],u=i.oldData=[],c=0;c<a.length;c++){var h=a[c].getData();h.count()<1e4&&(s.push(a[c]),l.push(a[c].get("dataGroupId")),u.push(h))}}))})),h_((function(t){t.registerUpdateLifecycle("series:beforeupdate",(function(t,e,n){var i=NS(e).labelManager;i||(i=NS(e).labelManager=new RS),i.clearLabels()})),t.registerUpdateLifecycle("series:layoutlabels",(function(t,e,n){var i=NS(e).labelManager;n.updatedSeries.forEach((function(t){i.addLabelsOfSeries(e.getViewOfSeriesModel(t))})),i.updateLayoutConfig(e),i.layout(e),i.processLabelsOverall()}))})),h_((function(t){!function(t){function e(t,e){var n=[],i=ua(e,t);function r(e,r){z(i[e],(function(e){z(e.updateAxisBreaks(t).breaks,(function(t){var i;n.push(k(((i={})[r]=e.componentIndex,i),t))}))}))}return r("xAxisModels","xAxisIndex"),r("yAxisModels","yAxisIndex"),r("singleAxisModels","singleAxisIndex"),{eventBreaks:n}}t.registerAction(iC,e),t.registerAction(rC,e),t.registerAction(oC,e)}(t),zX(),WX()})),h_((function(){OC=HX})),h_((function(t){t.registerLayout(t.PRIORITY.VISUAL.POST_CHART_LAYOUT,pD)})),t.Axis=Ww,t.ChartView=tv,t.ComponentModel=Qp,t.ComponentView=Ky,t.List=B_,t.Model=wd,t.PRIORITY=qm,t.SeriesModel=Wy,t.color=mi,t.connect=function(t){if(U(t)){var e=t;t=null,z(e,(function(e){null!=e.group&&(t=e.group)})),t=t||"g_"+Wx++,z(e,(function(e){e.group=t}))}return Gx[t]=!0,t},t.dataTool={},t.dependencies={zrender:"6.0.0"},t.disConnect=Yx,t.disconnect=Ux,t.dispose=function(t){X(t)?t=Vx[t]:t instanceof Cx||(t=Xx(t)),t instanceof Cx&&!t.isDisposed()&&t.dispose()},t.env=r,t.extendChartView=function(t){var e=tv.extend(t);return tv.registerClass(e),e},t.extendComponentModel=function(t){var e=Qp.extend(t);return Qp.registerClass(e),e},t.extendComponentView=function(t){var e=Ky.extend(t);return Ky.registerClass(e),e},t.extendSeriesModel=function(t){var e=Wy.extend(t);return Wy.registerClass(e),e},t.format=bw,t.getCoordinateSystemDimensions=function(t){var e=Tp.get(t);if(e)return e.getDimensionsInfo?e.getDimensionsInfo():e.dimensions.slice()},t.getInstanceByDom=Xx,t.getInstanceById=function(t){return Vx[t]},t.getMap=function(t){var e=Um("getMap");return e&&e(t)},t.graphic=_w,t.helper=rw,t.init=function(t,e,n){var i=!(n&&n.ssr);if(i){0;var r=Xx(t);if(r)return r;0}var o=new Cx(t,e,n);return o.id="ec_"+Fx++,Vx[o.id]=o,i&&fa(t,Hx,o.id),_x(o),Wm.trigger("afterinit",o),o},t.innerDrawElementOnCanvas=Om,t.matrix=De,t.number=mw,t.parseGeoJSON=vw,t.parseGeoJson=vw,t.registerAction=Qx,t.registerCoordinateSystem=t_,t.registerCustomSeries=function(t,e){Xm(t,e)},t.registerLayout=e_,t.registerLoading=o_,t.registerLocale=Pd,t.registerMap=a_,t.registerPostInit=Kx,t.registerPostUpdate=$x,t.registerPreprocessor=jx,t.registerProcessor=qx,t.registerTheme=Zx,t.registerTransform=s_,t.registerUpdateLifecycle=Jx,t.registerVisual=n_,t.setCanvasCreator=function(t){h({createCanvas:t})},t.setPlatformAPI=h,t.throttle=uv,t.time=xw,t.use=h_,t.util=ww,t.vector=Xt,t.version="6.0.0",t.zrUtil=Mt,t.zrender=uo,Object.defineProperty(t,"__esModule",{value:!0})}));
diff --git a/ci4app/public/assets/raven/vendor/js/jquery.min.js b/ci4app/public/assets/raven/vendor/js/jquery.min.js
new file mode 100644
index 0000000..7f37b5d
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/js/jquery.min.js
@@ -0,0 +1,2 @@
+/*! jQuery v3.7.1 | (c) OpenJS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(ie,e){"use strict";var oe=[],r=Object.getPrototypeOf,ae=oe.slice,g=oe.flat?function(e){return oe.flat.call(e)}:function(e){return oe.concat.apply([],e)},s=oe.push,se=oe.indexOf,n={},i=n.toString,ue=n.hasOwnProperty,o=ue.toString,a=o.call(Object),le={},v=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},y=function(e){return null!=e&&e===e.window},C=ie.document,u={type:!0,src:!0,nonce:!0,noModule:!0};function m(e,t,n){var r,i,o=(n=n||C).createElement("script");if(o.text=e,t)for(r in u)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[i.call(e)]||"object":typeof e}var t="3.7.1",l=/HTML$/i,ce=function(e,t){return new ce.fn.init(e,t)};function c(e){var t=!!e&&"length"in e&&e.length,n=x(e);return!v(e)&&!y(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}function fe(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}ce.fn=ce.prototype={jquery:t,constructor:ce,length:0,toArray:function(){return ae.call(this)},get:function(e){return null==e?ae.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=ce.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return ce.each(this,e)},map:function(n){return this.pushStack(ce.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(ae.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(ce.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(ce.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:s,sort:oe.sort,splice:oe.splice},ce.extend=ce.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||v(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e)r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(ce.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||ce.isPlainObject(n)?n:{},i=!1,a[t]=ce.extend(l,o,r)):void 0!==r&&(a[t]=r));return a},ce.extend({expando:"jQuery"+(t+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,n;return!(!e||"[object Object]"!==i.call(e))&&(!(t=r(e))||"function"==typeof(n=ue.call(t,"constructor")&&t.constructor)&&o.call(n)===a)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t,n){m(e,{nonce:t&&t.nonce},n)},each:function(e,t){var n,r=0;if(c(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},text:function(e){var t,n="",r=0,i=e.nodeType;if(!i)while(t=e[r++])n+=ce.text(t);return 1===i||11===i?e.textContent:9===i?e.documentElement.textContent:3===i||4===i?e.nodeValue:n},makeArray:function(e,t){var n=t||[];return null!=e&&(c(Object(e))?ce.merge(n,"string"==typeof e?[e]:e):s.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:se.call(t,e,n)},isXMLDoc:function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!l.test(t||n&&n.nodeName||"HTML")},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,a=[];if(c(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&a.push(i);return g(a)},guid:1,support:le}),"function"==typeof Symbol&&(ce.fn[Symbol.iterator]=oe[Symbol.iterator]),ce.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase()});var pe=oe.pop,de=oe.sort,he=oe.splice,ge="[\\x20\\t\\r\\n\\f]",ve=new RegExp("^"+ge+"+|((?:^|[^\\\\])(?:\\\\.)*)"+ge+"+$","g");ce.contains=function(e,t){var n=t&&t.parentNode;return e===n||!(!n||1!==n.nodeType||!(e.contains?e.contains(n):e.compareDocumentPosition&&16&e.compareDocumentPosition(n)))};var f=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\x80-\uFFFF\w-]/g;function p(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e}ce.escapeSelector=function(e){return(e+"").replace(f,p)};var ye=C,me=s;!function(){var e,b,w,o,a,T,r,C,d,i,k=me,S=ce.expando,E=0,n=0,s=W(),c=W(),u=W(),h=W(),l=function(e,t){return e===t&&(a=!0),0},f="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",t="(?:\\\\[\\da-fA-F]{1,6}"+ge+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",p="\\["+ge+"*("+t+")(?:"+ge+"*([*^$|!~]?=)"+ge+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+t+"))|)"+ge+"*\\]",g=":("+t+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+p+")*)|.*)\\)|)",v=new RegExp(ge+"+","g"),y=new RegExp("^"+ge+"*,"+ge+"*"),m=new RegExp("^"+ge+"*([>+~]|"+ge+")"+ge+"*"),x=new RegExp(ge+"|>"),j=new RegExp(g),A=new RegExp("^"+t+"$"),D={ID:new RegExp("^#("+t+")"),CLASS:new RegExp("^\\.("+t+")"),TAG:new RegExp("^("+t+"|[*])"),ATTR:new RegExp("^"+p),PSEUDO:new RegExp("^"+g),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+ge+"*(even|odd|(([+-]|)(\\d*)n|)"+ge+"*(?:([+-]|)"+ge+"*(\\d+)|))"+ge+"*\\)|)","i"),bool:new RegExp("^(?:"+f+")$","i"),needsContext:new RegExp("^"+ge+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+ge+"*((?:-\\d)?\\d*)"+ge+"*\\)|)(?=[^-]|$)","i")},N=/^(?:input|select|textarea|button)$/i,q=/^h\d$/i,L=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,H=/[+~]/,O=new RegExp("\\\\[\\da-fA-F]{1,6}"+ge+"?|\\\\([^\\r\\n\\f])","g"),P=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},M=function(){V()},R=J(function(e){return!0===e.disabled&&fe(e,"fieldset")},{dir:"parentNode",next:"legend"});try{k.apply(oe=ae.call(ye.childNodes),ye.childNodes),oe[ye.childNodes.length].nodeType}catch(e){k={apply:function(e,t){me.apply(e,ae.call(t))},call:function(e){me.apply(e,ae.call(arguments,1))}}}function I(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(V(e),e=e||T,C)){if(11!==p&&(u=L.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return k.call(n,a),n}else if(f&&(a=f.getElementById(i))&&I.contains(e,a)&&a.id===i)return k.call(n,a),n}else{if(u[2])return k.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&e.getElementsByClassName)return k.apply(n,e.getElementsByClassName(i)),n}if(!(h[t+" "]||d&&d.test(t))){if(c=t,f=e,1===p&&(x.test(t)||m.test(t))){(f=H.test(t)&&U(e.parentNode)||e)==e&&le.scope||((s=e.getAttribute("id"))?s=ce.escapeSelector(s):e.setAttribute("id",s=S)),o=(l=Y(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+Q(l[o]);c=l.join(",")}try{return k.apply(n,f.querySelectorAll(c)),n}catch(e){h(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return re(t.replace(ve,"$1"),e,n,r)}function W(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function F(e){return e[S]=!0,e}function $(e){var t=T.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function B(t){return function(e){return fe(e,"input")&&e.type===t}}function _(t){return function(e){return(fe(e,"input")||fe(e,"button"))&&e.type===t}}function z(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&R(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function X(a){return F(function(o){return o=+o,F(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function U(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}function V(e){var t,n=e?e.ownerDocument||e:ye;return n!=T&&9===n.nodeType&&n.documentElement&&(r=(T=n).documentElement,C=!ce.isXMLDoc(T),i=r.matches||r.webkitMatchesSelector||r.msMatchesSelector,r.msMatchesSelector&&ye!=T&&(t=T.defaultView)&&t.top!==t&&t.addEventListener("unload",M),le.getById=$(function(e){return r.appendChild(e).id=ce.expando,!T.getElementsByName||!T.getElementsByName(ce.expando).length}),le.disconnectedMatch=$(function(e){return i.call(e,"*")}),le.scope=$(function(){return T.querySelectorAll(":scope")}),le.cssHas=$(function(){try{return T.querySelector(":has(*,:jqfake)"),!1}catch(e){return!0}}),le.getById?(b.filter.ID=function(e){var t=e.replace(O,P);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(O,P);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):t.querySelectorAll(e)},b.find.CLASS=function(e,t){if("undefined"!=typeof t.getElementsByClassName&&C)return t.getElementsByClassName(e)},d=[],$(function(e){var t;r.appendChild(e).innerHTML="<a id='"+S+"' href='' disabled='disabled'></a><select id='"+S+"-\r\\' disabled='disabled'><option selected=''></option></select>",e.querySelectorAll("[selected]").length||d.push("\\["+ge+"*(?:value|"+f+")"),e.querySelectorAll("[id~="+S+"-]").length||d.push("~="),e.querySelectorAll("a#"+S+"+*").length||d.push(".#.+[+~]"),e.querySelectorAll(":checked").length||d.push(":checked"),(t=T.createElement("input")).setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),r.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&d.push(":enabled",":disabled"),(t=T.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||d.push("\\["+ge+"*name"+ge+"*="+ge+"*(?:''|\"\")")}),le.cssHas||d.push(":has"),d=d.length&&new RegExp(d.join("|")),l=function(e,t){if(e===t)return a=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!le.sortDetached&&t.compareDocumentPosition(e)===n?e===T||e.ownerDocument==ye&&I.contains(ye,e)?-1:t===T||t.ownerDocument==ye&&I.contains(ye,t)?1:o?se.call(o,e)-se.call(o,t):0:4&n?-1:1)}),T}for(e in I.matches=function(e,t){return I(e,null,null,t)},I.matchesSelector=function(e,t){if(V(e),C&&!h[t+" "]&&(!d||!d.test(t)))try{var n=i.call(e,t);if(n||le.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){h(t,!0)}return 0<I(t,T,null,[e]).length},I.contains=function(e,t){return(e.ownerDocument||e)!=T&&V(e),ce.contains(e,t)},I.attr=function(e,t){(e.ownerDocument||e)!=T&&V(e);var n=b.attrHandle[t.toLowerCase()],r=n&&ue.call(b.attrHandle,t.toLowerCase())?n(e,t,!C):void 0;return void 0!==r?r:e.getAttribute(t)},I.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},ce.uniqueSort=function(e){var t,n=[],r=0,i=0;if(a=!le.sortStable,o=!le.sortStable&&ae.call(e,0),de.call(e,l),a){while(t=e[i++])t===e[i]&&(r=n.push(i));while(r--)he.call(e,n[r],1)}return o=null,e},ce.fn.uniqueSort=function(){return this.pushStack(ce.uniqueSort(ae.apply(this)))},(b=ce.expr={cacheLength:50,createPseudo:F,match:D,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(O,P),e[3]=(e[3]||e[4]||e[5]||"").replace(O,P),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||I.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&I.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return D.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&j.test(n)&&(t=Y(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(O,P).toLowerCase();return"*"===e?function(){return!0}:function(e){return fe(e,t)}},CLASS:function(e){var t=s[e+" "];return t||(t=new RegExp("(^|"+ge+")"+e+"("+ge+"|$)"))&&s(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=I.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1<t.indexOf(i):"$="===r?i&&t.slice(-i.length)===i:"~="===r?-1<(" "+t.replace(v," ")+" ").indexOf(i):"|="===r&&(t===i||t.slice(0,i.length+1)===i+"-"))}},CHILD:function(d,e,t,h,g){var v="nth"!==d.slice(0,3),y="last"!==d.slice(-4),m="of-type"===e;return 1===h&&0===g?function(e){return!!e.parentNode}:function(e,t,n){var r,i,o,a,s,u=v!==y?"nextSibling":"previousSibling",l=e.parentNode,c=m&&e.nodeName.toLowerCase(),f=!n&&!m,p=!1;if(l){if(v){while(u){o=e;while(o=o[u])if(m?fe(o,c):1===o.nodeType)return!1;s=u="only"===d&&!s&&"nextSibling"}return!0}if(s=[y?l.firstChild:l.lastChild],y&&f){p=(a=(r=(i=l[S]||(l[S]={}))[d]||[])[0]===E&&r[1])&&r[2],o=a&&l.childNodes[a];while(o=++a&&o&&o[u]||(p=a=0)||s.pop())if(1===o.nodeType&&++p&&o===e){i[d]=[E,a,p];break}}else if(f&&(p=a=(r=(i=e[S]||(e[S]={}))[d]||[])[0]===E&&r[1]),!1===p)while(o=++a&&o&&o[u]||(p=a=0)||s.pop())if((m?fe(o,c):1===o.nodeType)&&++p&&(f&&((i=o[S]||(o[S]={}))[d]=[E,p]),o===e))break;return(p-=g)===h||p%h==0&&0<=p/h}}},PSEUDO:function(e,o){var t,a=b.pseudos[e]||b.setFilters[e.toLowerCase()]||I.error("unsupported pseudo: "+e);return a[S]?a(o):1<a.length?(t=[e,e,"",o],b.setFilters.hasOwnProperty(e.toLowerCase())?F(function(e,t){var n,r=a(e,o),i=r.length;while(i--)e[n=se.call(e,r[i])]=!(t[n]=r[i])}):function(e){return a(e,0,t)}):a}},pseudos:{not:F(function(e){var r=[],i=[],s=ne(e.replace(ve,"$1"));return s[S]?F(function(e,t,n,r){var i,o=s(e,null,r,[]),a=e.length;while(a--)(i=o[a])&&(e[a]=!(t[a]=i))}):function(e,t,n){return r[0]=e,s(r,null,n,i),r[0]=null,!i.pop()}}),has:F(function(t){return function(e){return 0<I(t,e).length}}),contains:F(function(t){return t=t.replace(O,P),function(e){return-1<(e.textContent||ce.text(e)).indexOf(t)}}),lang:F(function(n){return A.test(n||"")||I.error("unsupported lang: "+n),n=n.replace(O,P).toLowerCase(),function(e){var t;do{if(t=C?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=ie.location&&ie.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===r},focus:function(e){return e===function(){try{return T.activeElement}catch(e){}}()&&T.hasFocus()&&!!(e.type||e.href||~e.tabIndex)},enabled:z(!1),disabled:z(!0),checked:function(e){return fe(e,"input")&&!!e.checked||fe(e,"option")&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!b.pseudos.empty(e)},header:function(e){return q.test(e.nodeName)},input:function(e){return N.test(e.nodeName)},button:function(e){return fe(e,"input")&&"button"===e.type||fe(e,"button")},text:function(e){var t;return fe(e,"input")&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:X(function(){return[0]}),last:X(function(e,t){return[t-1]}),eq:X(function(e,t,n){return[n<0?n+t:n]}),even:X(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:X(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:X(function(e,t,n){var r;for(r=n<0?n+t:t<n?t:n;0<=--r;)e.push(r);return e}),gt:X(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=b.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})b.pseudos[e]=B(e);for(e in{submit:!0,reset:!0})b.pseudos[e]=_(e);function G(){}function Y(e,t){var n,r,i,o,a,s,u,l=c[e+" "];if(l)return t?0:l.slice(0);a=e,s=[],u=b.preFilter;while(a){for(o in n&&!(r=y.exec(a))||(r&&(a=a.slice(r[0].length)||a),s.push(i=[])),n=!1,(r=m.exec(a))&&(n=r.shift(),i.push({value:n,type:r[0].replace(ve," ")}),a=a.slice(n.length)),b.filter)!(r=D[o].exec(a))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?I.error(e):c(e,s).slice(0)}function Q(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function J(a,e,t){var s=e.dir,u=e.next,l=u||s,c=t&&"parentNode"===l,f=n++;return e.first?function(e,t,n){while(e=e[s])if(1===e.nodeType||c)return a(e,t,n);return!1}:function(e,t,n){var r,i,o=[E,f];if(n){while(e=e[s])if((1===e.nodeType||c)&&a(e,t,n))return!0}else while(e=e[s])if(1===e.nodeType||c)if(i=e[S]||(e[S]={}),u&&fe(e,u))e=e[s]||e;else{if((r=i[l])&&r[0]===E&&r[1]===f)return o[2]=r[2];if((i[l]=o)[2]=a(e,t,n))return!0}return!1}}function K(i){return 1<i.length?function(e,t,n){var r=i.length;while(r--)if(!i[r](e,t,n))return!1;return!0}:i[0]}function Z(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function ee(d,h,g,v,y,e){return v&&!v[S]&&(v=ee(v)),y&&!y[S]&&(y=ee(y,e)),F(function(e,t,n,r){var i,o,a,s,u=[],l=[],c=t.length,f=e||function(e,t,n){for(var r=0,i=t.length;r<i;r++)I(e,t[r],n);return n}(h||"*",n.nodeType?[n]:n,[]),p=!d||!e&&h?f:Z(f,u,d,n,r);if(g?g(p,s=y||(e?d:c||v)?[]:t,n,r):s=p,v){i=Z(s,l),v(i,[],n,r),o=i.length;while(o--)(a=i[o])&&(s[l[o]]=!(p[l[o]]=a))}if(e){if(y||d){if(y){i=[],o=s.length;while(o--)(a=s[o])&&i.push(p[o]=a);y(null,s=[],i,r)}o=s.length;while(o--)(a=s[o])&&-1<(i=y?se.call(e,a):u[o])&&(e[i]=!(t[i]=a))}}else s=Z(s===t?s.splice(c,s.length):s),y?y(null,t,s,r):k.apply(t,s)})}function te(e){for(var i,t,n,r=e.length,o=b.relative[e[0].type],a=o||b.relative[" "],s=o?1:0,u=J(function(e){return e===i},a,!0),l=J(function(e){return-1<se.call(i,e)},a,!0),c=[function(e,t,n){var r=!o&&(n||t!=w)||((i=t).nodeType?u(e,t,n):l(e,t,n));return i=null,r}];s<r;s++)if(t=b.relative[e[s].type])c=[J(K(c),t)];else{if((t=b.filter[e[s].type].apply(null,e[s].matches))[S]){for(n=++s;n<r;n++)if(b.relative[e[n].type])break;return ee(1<s&&K(c),1<s&&Q(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace(ve,"$1"),t,s<n&&te(e.slice(s,n)),n<r&&te(e=e.slice(n)),n<r&&Q(e))}c.push(t)}return K(c)}function ne(e,t){var n,v,y,m,x,r,i=[],o=[],a=u[e+" "];if(!a){t||(t=Y(e)),n=t.length;while(n--)(a=te(t[n]))[S]?i.push(a):o.push(a);(a=u(e,(v=o,m=0<(y=i).length,x=0<v.length,r=function(e,t,n,r,i){var o,a,s,u=0,l="0",c=e&&[],f=[],p=w,d=e||x&&b.find.TAG("*",i),h=E+=null==p?1:Math.random()||.1,g=d.length;for(i&&(w=t==T||t||i);l!==g&&null!=(o=d[l]);l++){if(x&&o){a=0,t||o.ownerDocument==T||(V(o),n=!C);while(s=v[a++])if(s(o,t||T,n)){k.call(r,o);break}i&&(E=h)}m&&((o=!s&&o)&&u--,e&&c.push(o))}if(u+=l,m&&l!==u){a=0;while(s=y[a++])s(c,f,t,n);if(e){if(0<u)while(l--)c[l]||f[l]||(f[l]=pe.call(r));f=Z(f)}k.apply(r,f),i&&!e&&0<f.length&&1<u+y.length&&ce.uniqueSort(r)}return i&&(E=h,w=p),c},m?F(r):r))).selector=e}return a}function re(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,c=!r&&Y(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(a=o[0]).type&&9===t.nodeType&&C&&b.relative[o[1].type]){if(!(t=(b.find.ID(a.matches[0].replace(O,P),t)||[])[0]))return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}i=D.needsContext.test(e)?0:o.length;while(i--){if(a=o[i],b.relative[s=a.type])break;if((u=b.find[s])&&(r=u(a.matches[0].replace(O,P),H.test(o[0].type)&&U(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&Q(o)))return k.apply(n,r),n;break}}}return(l||ne(e,c))(r,t,!C,n,!t||H.test(e)&&U(t.parentNode)||t),n}G.prototype=b.filters=b.pseudos,b.setFilters=new G,le.sortStable=S.split("").sort(l).join("")===S,V(),le.sortDetached=$(function(e){return 1&e.compareDocumentPosition(T.createElement("fieldset"))}),ce.find=I,ce.expr[":"]=ce.expr.pseudos,ce.unique=ce.uniqueSort,I.compile=ne,I.select=re,I.setDocument=V,I.tokenize=Y,I.escape=ce.escapeSelector,I.getText=ce.text,I.isXML=ce.isXMLDoc,I.selectors=ce.expr,I.support=ce.support,I.uniqueSort=ce.uniqueSort}();var d=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&ce(e).is(n))break;r.push(e)}return r},h=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},b=ce.expr.match.needsContext,w=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function T(e,n,r){return v(n)?ce.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?ce.grep(e,function(e){return e===n!==r}):"string"!=typeof n?ce.grep(e,function(e){return-1<se.call(n,e)!==r}):ce.filter(n,e,r)}ce.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?ce.find.matchesSelector(r,e)?[r]:[]:ce.find.matches(e,ce.grep(t,function(e){return 1===e.nodeType}))},ce.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(ce(e).filter(function(){for(t=0;t<r;t++)if(ce.contains(i[t],this))return!0}));for(n=this.pushStack([]),t=0;t<r;t++)ce.find(e,i[t],n);return 1<r?ce.uniqueSort(n):n},filter:function(e){return this.pushStack(T(this,e||[],!1))},not:function(e){return this.pushStack(T(this,e||[],!0))},is:function(e){return!!T(this,"string"==typeof e&&b.test(e)?ce(e):e||[],!1).length}});var k,S=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(ce.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||k,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:S.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof ce?t[0]:t,ce.merge(this,ce.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:C,!0)),w.test(r[1])&&ce.isPlainObject(t))for(r in t)v(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=C.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):v(e)?void 0!==n.ready?n.ready(e):e(ce):ce.makeArray(e,this)}).prototype=ce.fn,k=ce(C);var E=/^(?:parents|prev(?:Until|All))/,j={children:!0,contents:!0,next:!0,prev:!0};function A(e,t){while((e=e[t])&&1!==e.nodeType);return e}ce.fn.extend({has:function(e){var t=ce(e,this),n=t.length;return this.filter(function(){for(var e=0;e<n;e++)if(ce.contains(this,t[e]))return!0})},closest:function(e,t){var n,r=0,i=this.length,o=[],a="string"!=typeof e&&ce(e);if(!b.test(e))for(;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?-1<a.index(n):1===n.nodeType&&ce.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(1<o.length?ce.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?se.call(ce(e),this[0]):se.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(ce.uniqueSort(ce.merge(this.get(),ce(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),ce.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return d(e,"parentNode")},parentsUntil:function(e,t,n){return d(e,"parentNode",n)},next:function(e){return A(e,"nextSibling")},prev:function(e){return A(e,"previousSibling")},nextAll:function(e){return d(e,"nextSibling")},prevAll:function(e){return d(e,"previousSibling")},nextUntil:function(e,t,n){return d(e,"nextSibling",n)},prevUntil:function(e,t,n){return d(e,"previousSibling",n)},siblings:function(e){return h((e.parentNode||{}).firstChild,e)},children:function(e){return h(e.firstChild)},contents:function(e){return null!=e.contentDocument&&r(e.contentDocument)?e.contentDocument:(fe(e,"template")&&(e=e.content||e),ce.merge([],e.childNodes))}},function(r,i){ce.fn[r]=function(e,t){var n=ce.map(this,i,e);return"Until"!==r.slice(-5)&&(t=e),t&&"string"==typeof t&&(n=ce.filter(t,n)),1<this.length&&(j[r]||ce.uniqueSort(n),E.test(r)&&n.reverse()),this.pushStack(n)}});var D=/[^\x20\t\r\n\f]+/g;function N(e){return e}function q(e){throw e}function L(e,t,n,r){var i;try{e&&v(i=e.promise)?i.call(e).done(t).fail(n):e&&v(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}ce.Callbacks=function(r){var e,n;r="string"==typeof r?(e=r,n={},ce.each(e.match(D)||[],function(e,t){n[t]=!0}),n):ce.extend({},r);var i,t,o,a,s=[],u=[],l=-1,c=function(){for(a=a||r.once,o=i=!0;u.length;l=-1){t=u.shift();while(++l<s.length)!1===s[l].apply(t[0],t[1])&&r.stopOnFalse&&(l=s.length,t=!1)}r.memory||(t=!1),i=!1,a&&(s=t?[]:"")},f={add:function(){return s&&(t&&!i&&(l=s.length-1,u.push(t)),function n(e){ce.each(e,function(e,t){v(t)?r.unique&&f.has(t)||s.push(t):t&&t.length&&"string"!==x(t)&&n(t)})}(arguments),t&&!i&&c()),this},remove:function(){return ce.each(arguments,function(e,t){var n;while(-1<(n=ce.inArray(t,s,n)))s.splice(n,1),n<=l&&l--}),this},has:function(e){return e?-1<ce.inArray(e,s):0<s.length},empty:function(){return s&&(s=[]),this},disable:function(){return a=u=[],s=t="",this},disabled:function(){return!s},lock:function(){return a=u=[],t||i||(s=t=""),this},locked:function(){return!!a},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],u.push(t),i||c()),this},fire:function(){return f.fireWith(this,arguments),this},fired:function(){return!!o}};return f},ce.extend({Deferred:function(e){var o=[["notify","progress",ce.Callbacks("memory"),ce.Callbacks("memory"),2],["resolve","done",ce.Callbacks("once memory"),ce.Callbacks("once memory"),0,"resolved"],["reject","fail",ce.Callbacks("once memory"),ce.Callbacks("once memory"),1,"rejected"]],i="pending",a={state:function(){return i},always:function(){return s.done(arguments).fail(arguments),this},"catch":function(e){return a.then(null,e)},pipe:function(){var i=arguments;return ce.Deferred(function(r){ce.each(o,function(e,t){var n=v(i[t[4]])&&i[t[4]];s[t[1]](function(){var e=n&&n.apply(this,arguments);e&&v(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments)})}),i=null}).promise()},then:function(t,n,r){var u=0;function l(i,o,a,s){return function(){var n=this,r=arguments,e=function(){var e,t;if(!(i<u)){if((e=a.apply(n,r))===o.promise())throw new TypeError("Thenable self-resolution");t=e&&("object"==typeof e||"function"==typeof e)&&e.then,v(t)?s?t.call(e,l(u,o,N,s),l(u,o,q,s)):(u++,t.call(e,l(u,o,N,s),l(u,o,q,s),l(u,o,N,o.notifyWith))):(a!==N&&(n=void 0,r=[e]),(s||o.resolveWith)(n,r))}},t=s?e:function(){try{e()}catch(e){ce.Deferred.exceptionHook&&ce.Deferred.exceptionHook(e,t.error),u<=i+1&&(a!==q&&(n=void 0,r=[e]),o.rejectWith(n,r))}};i?t():(ce.Deferred.getErrorHook?t.error=ce.Deferred.getErrorHook():ce.Deferred.getStackHook&&(t.error=ce.Deferred.getStackHook()),ie.setTimeout(t))}}return ce.Deferred(function(e){o[0][3].add(l(0,e,v(r)?r:N,e.notifyWith)),o[1][3].add(l(0,e,v(t)?t:N)),o[2][3].add(l(0,e,v(n)?n:q))}).promise()},promise:function(e){return null!=e?ce.extend(e,a):a}},s={};return ce.each(o,function(e,t){var n=t[2],r=t[5];a[t[1]]=n.add,r&&n.add(function(){i=r},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),s[t[0]]=function(){return s[t[0]+"With"](this===s?void 0:this,arguments),this},s[t[0]+"With"]=n.fireWith}),a.promise(s),e&&e.call(s,s),s},when:function(e){var n=arguments.length,t=n,r=Array(t),i=ae.call(arguments),o=ce.Deferred(),a=function(t){return function(e){r[t]=this,i[t]=1<arguments.length?ae.call(arguments):e,--n||o.resolveWith(r,i)}};if(n<=1&&(L(e,o.done(a(t)).resolve,o.reject,!n),"pending"===o.state()||v(i[t]&&i[t].then)))return o.then();while(t--)L(i[t],a(t),o.reject);return o.promise()}});var H=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;ce.Deferred.exceptionHook=function(e,t){ie.console&&ie.console.warn&&e&&H.test(e.name)&&ie.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},ce.readyException=function(e){ie.setTimeout(function(){throw e})};var O=ce.Deferred();function P(){C.removeEventListener("DOMContentLoaded",P),ie.removeEventListener("load",P),ce.ready()}ce.fn.ready=function(e){return O.then(e)["catch"](function(e){ce.readyException(e)}),this},ce.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--ce.readyWait:ce.isReady)||(ce.isReady=!0)!==e&&0<--ce.readyWait||O.resolveWith(C,[ce])}}),ce.ready.then=O.then,"complete"===C.readyState||"loading"!==C.readyState&&!C.documentElement.doScroll?ie.setTimeout(ce.ready):(C.addEventListener("DOMContentLoaded",P),ie.addEventListener("load",P));var M=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===x(n))for(s in i=!0,n)M(e,t,s,n[s],!0,o,a);else if(void 0!==r&&(i=!0,v(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(ce(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},R=/^-ms-/,I=/-([a-z])/g;function W(e,t){return t.toUpperCase()}function F(e){return e.replace(R,"ms-").replace(I,W)}var $=function(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType};function B(){this.expando=ce.expando+B.uid++}B.uid=1,B.prototype={cache:function(e){var t=e[this.expando];return t||(t={},$(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,n){var r,i=this.cache(e);if("string"==typeof t)i[F(t)]=n;else for(r in t)i[F(r)]=t[r];return i},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][F(t)]},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t)},remove:function(e,t){var n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(F):(t=F(t))in r?[t]:t.match(D)||[]).length;while(n--)delete r[t[n]]}(void 0===t||ce.isEmptyObject(r))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){var t=e[this.expando];return void 0!==t&&!ce.isEmptyObject(t)}};var _=new B,z=new B,X=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,U=/[A-Z]/g;function V(e,t,n){var r,i;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(U,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:X.test(i)?JSON.parse(i):i)}catch(e){}z.set(e,t,n)}else n=void 0;return n}ce.extend({hasData:function(e){return z.hasData(e)||_.hasData(e)},data:function(e,t,n){return z.access(e,t,n)},removeData:function(e,t){z.remove(e,t)},_data:function(e,t,n){return _.access(e,t,n)},_removeData:function(e,t){_.remove(e,t)}}),ce.fn.extend({data:function(n,e){var t,r,i,o=this[0],a=o&&o.attributes;if(void 0===n){if(this.length&&(i=z.get(o),1===o.nodeType&&!_.get(o,"hasDataAttrs"))){t=a.length;while(t--)a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=F(r.slice(5)),V(o,r,i[r]));_.set(o,"hasDataAttrs",!0)}return i}return"object"==typeof n?this.each(function(){z.set(this,n)}):M(this,function(e){var t;if(o&&void 0===e)return void 0!==(t=z.get(o,n))?t:void 0!==(t=V(o,n))?t:void 0;this.each(function(){z.set(this,n,e)})},null,e,1<arguments.length,null,!0)},removeData:function(e){return this.each(function(){z.remove(this,e)})}}),ce.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=_.get(e,t),n&&(!r||Array.isArray(n)?r=_.access(e,t,ce.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=ce.queue(e,t),r=n.length,i=n.shift(),o=ce._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){ce.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return _.get(e,n)||_.access(e,n,{empty:ce.Callbacks("once memory").add(function(){_.remove(e,[t+"queue",n])})})}}),ce.fn.extend({queue:function(t,n){var e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?ce.queue(this[0],t):void 0===n?this:this.each(function(){var e=ce.queue(this,t,n);ce._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&ce.dequeue(this,t)})},dequeue:function(e){return this.each(function(){ce.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=ce.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=void 0),e=e||"fx";while(a--)(n=_.get(o[a],e+"queueHooks"))&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}});var G=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,Y=new RegExp("^(?:([+-])=|)("+G+")([a-z%]*)$","i"),Q=["Top","Right","Bottom","Left"],J=C.documentElement,K=function(e){return ce.contains(e.ownerDocument,e)},Z={composed:!0};J.getRootNode&&(K=function(e){return ce.contains(e.ownerDocument,e)||e.getRootNode(Z)===e.ownerDocument});var ee=function(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&K(e)&&"none"===ce.css(e,"display")};function te(e,t,n,r){var i,o,a=20,s=r?function(){return r.cur()}:function(){return ce.css(e,t,"")},u=s(),l=n&&n[3]||(ce.cssNumber[t]?"":"px"),c=e.nodeType&&(ce.cssNumber[t]||"px"!==l&&+u)&&Y.exec(ce.css(e,t));if(c&&c[3]!==l){u/=2,l=l||c[3],c=+u||1;while(a--)ce.style(e,t,c+l),(1-o)*(1-(o=s()/u||.5))<=0&&(a=0),c/=o;c*=2,ce.style(e,t,c+l),n=n||[]}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}var ne={};function re(e,t){for(var n,r,i,o,a,s,u,l=[],c=0,f=e.length;c<f;c++)(r=e[c]).style&&(n=r.style.display,t?("none"===n&&(l[c]=_.get(r,"display")||null,l[c]||(r.style.display="")),""===r.style.display&&ee(r)&&(l[c]=(u=a=o=void 0,a=(i=r).ownerDocument,s=i.nodeName,(u=ne[s])||(o=a.body.appendChild(a.createElement(s)),u=ce.css(o,"display"),o.parentNode.removeChild(o),"none"===u&&(u="block"),ne[s]=u)))):"none"!==n&&(l[c]="none",_.set(r,"display",n)));for(c=0;c<f;c++)null!=l[c]&&(e[c].style.display=l[c]);return e}ce.fn.extend({show:function(){return re(this,!0)},hide:function(){return re(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){ee(this)?ce(this).show():ce(this).hide()})}});var xe,be,we=/^(?:checkbox|radio)$/i,Te=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,Ce=/^$|^module$|\/(?:java|ecma)script/i;xe=C.createDocumentFragment().appendChild(C.createElement("div")),(be=C.createElement("input")).setAttribute("type","radio"),be.setAttribute("checked","checked"),be.setAttribute("name","t"),xe.appendChild(be),le.checkClone=xe.cloneNode(!0).cloneNode(!0).lastChild.checked,xe.innerHTML="<textarea>x</textarea>",le.noCloneChecked=!!xe.cloneNode(!0).lastChild.defaultValue,xe.innerHTML="<option></option>",le.option=!!xe.lastChild;var ke={thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};function Se(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&fe(e,t)?ce.merge([e],n):n}function Ee(e,t){for(var n=0,r=e.length;n<r;n++)_.set(e[n],"globalEval",!t||_.get(t[n],"globalEval"))}ke.tbody=ke.tfoot=ke.colgroup=ke.caption=ke.thead,ke.th=ke.td,le.option||(ke.optgroup=ke.option=[1,"<select multiple='multiple'>","</select>"]);var je=/<|&#?\w+;/;function Ae(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d<h;d++)if((o=e[d])||0===o)if("object"===x(o))ce.merge(p,o.nodeType?[o]:o);else if(je.test(o)){a=a||f.appendChild(t.createElement("div")),s=(Te.exec(o)||["",""])[1].toLowerCase(),u=ke[s]||ke._default,a.innerHTML=u[1]+ce.htmlPrefilter(o)+u[2],c=u[0];while(c--)a=a.lastChild;ce.merge(p,a.childNodes),(a=f.firstChild).textContent=""}else p.push(t.createTextNode(o));f.textContent="",d=0;while(o=p[d++])if(r&&-1<ce.inArray(o,r))i&&i.push(o);else if(l=K(o),a=Se(f.appendChild(o),"script"),l&&Ee(a),n){c=0;while(o=a[c++])Ce.test(o.type||"")&&n.push(o)}return f}var De=/^([^.]*)(?:\.(.+)|)/;function Ne(){return!0}function qe(){return!1}function Le(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Le(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=qe;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return ce().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=ce.guid++)),e.each(function(){ce.event.add(this,t,i,r,n)})}function He(e,r,t){t?(_.set(e,r,!1),ce.event.add(e,r,{namespace:!1,handler:function(e){var t,n=_.get(this,r);if(1&e.isTrigger&&this[r]){if(n)(ce.event.special[r]||{}).delegateType&&e.stopPropagation();else if(n=ae.call(arguments),_.set(this,r,n),this[r](),t=_.get(this,r),_.set(this,r,!1),n!==t)return e.stopImmediatePropagation(),e.preventDefault(),t}else n&&(_.set(this,r,ce.event.trigger(n[0],n.slice(1),this)),e.stopPropagation(),e.isImmediatePropagationStopped=Ne)}})):void 0===_.get(e,r)&&ce.event.add(e,r,Ne)}ce.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=_.get(t);if($(t)){n.handler&&(n=(o=n).handler,i=o.selector),i&&ce.find.matchesSelector(J,i),n.guid||(n.guid=ce.guid++),(u=v.events)||(u=v.events=Object.create(null)),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof ce&&ce.event.triggered!==e.type?ce.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(D)||[""]).length;while(l--)d=g=(s=De.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=ce.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=ce.event.special[d]||{},c=ce.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&ce.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),ce.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=_.hasData(e)&&_.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(D)||[""]).length;while(l--)if(d=g=(s=De.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=ce.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||ce.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)ce.event.remove(e,d+t[l],n,r,!0);ce.isEmptyObject(u)&&_.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=new Array(arguments.length),u=ce.event.fix(e),l=(_.get(this,"events")||Object.create(null))[u.type]||[],c=ce.event.special[u.type]||{};for(s[0]=u,t=1;t<arguments.length;t++)s[t]=arguments[t];if(u.delegateTarget=this,!c.preDispatch||!1!==c.preDispatch.call(this,u)){a=ce.event.handlers.call(this,u,l),t=0;while((i=a[t++])&&!u.isPropagationStopped()){u.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!u.isImmediatePropagationStopped())u.rnamespace&&!1!==o.namespace&&!u.rnamespace.test(o.namespace)||(u.handleObj=o,u.data=o.data,void 0!==(r=((ce.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s))&&!1===(u.result=r)&&(u.preventDefault(),u.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,u),u.result}},handlers:function(e,t){var n,r,i,o,a,s=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n<u;n++)void 0===a[i=(r=t[n]).selector+" "]&&(a[i]=r.needsContext?-1<ce(i,this).index(l):ce.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u<t.length&&s.push({elem:l,handlers:t.slice(u)}),s},addProp:function(t,e){Object.defineProperty(ce.Event.prototype,t,{enumerable:!0,configurable:!0,get:v(e)?function(){if(this.originalEvent)return e(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[t]},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e})}})},fix:function(e){return e[ce.expando]?e:new ce.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){var t=this||e;return we.test(t.type)&&t.click&&fe(t,"input")&&He(t,"click",!0),!1},trigger:function(e){var t=this||e;return we.test(t.type)&&t.click&&fe(t,"input")&&He(t,"click"),!0},_default:function(e){var t=e.target;return we.test(t.type)&&t.click&&fe(t,"input")&&_.get(t,"click")||fe(t,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}},ce.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)},ce.Event=function(e,t){if(!(this instanceof ce.Event))return new ce.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?Ne:qe,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&ce.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[ce.expando]=!0},ce.Event.prototype={constructor:ce.Event,isDefaultPrevented:qe,isPropagationStopped:qe,isImmediatePropagationStopped:qe,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=Ne,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=Ne,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=Ne,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},ce.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,"char":!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:!0},ce.event.addProp),ce.each({focus:"focusin",blur:"focusout"},function(r,i){function o(e){if(C.documentMode){var t=_.get(this,"handle"),n=ce.event.fix(e);n.type="focusin"===e.type?"focus":"blur",n.isSimulated=!0,t(e),n.target===n.currentTarget&&t(n)}else ce.event.simulate(i,e.target,ce.event.fix(e))}ce.event.special[r]={setup:function(){var e;if(He(this,r,!0),!C.documentMode)return!1;(e=_.get(this,i))||this.addEventListener(i,o),_.set(this,i,(e||0)+1)},trigger:function(){return He(this,r),!0},teardown:function(){var e;if(!C.documentMode)return!1;(e=_.get(this,i)-1)?_.set(this,i,e):(this.removeEventListener(i,o),_.remove(this,i))},_default:function(e){return _.get(e.target,r)},delegateType:i},ce.event.special[i]={setup:function(){var e=this.ownerDocument||this.document||this,t=C.documentMode?this:e,n=_.get(t,i);n||(C.documentMode?this.addEventListener(i,o):e.addEventListener(r,o,!0)),_.set(t,i,(n||0)+1)},teardown:function(){var e=this.ownerDocument||this.document||this,t=C.documentMode?this:e,n=_.get(t,i)-1;n?_.set(t,i,n):(C.documentMode?this.removeEventListener(i,o):e.removeEventListener(r,o,!0),_.remove(t,i))}}}),ce.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){ce.event.special[e]={delegateType:i,bindType:i,handle:function(e){var t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||ce.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t}}}),ce.fn.extend({on:function(e,t,n,r){return Le(this,e,t,n,r)},one:function(e,t,n,r){return Le(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,ce(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=qe),this.each(function(){ce.event.remove(this,e,n,t)})}});var Oe=/<script|<style|<link/i,Pe=/checked\s*(?:[^=]|=\s*.checked.)/i,Me=/^\s*<!\[CDATA\[|\]\]>\s*$/g;function Re(e,t){return fe(e,"table")&&fe(11!==t.nodeType?t:t.firstChild,"tr")&&ce(e).children("tbody")[0]||e}function Ie(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function We(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Fe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(_.hasData(e)&&(s=_.get(e).events))for(i in _.remove(t,"handle events"),s)for(n=0,r=s[i].length;n<r;n++)ce.event.add(t,i,s[i][n]);z.hasData(e)&&(o=z.access(e),a=ce.extend({},o),z.set(t,a))}}function $e(n,r,i,o){r=g(r);var e,t,a,s,u,l,c=0,f=n.length,p=f-1,d=r[0],h=v(d);if(h||1<f&&"string"==typeof d&&!le.checkClone&&Pe.test(d))return n.each(function(e){var t=n.eq(e);h&&(r[0]=d.call(this,e,t.html())),$e(t,r,i,o)});if(f&&(t=(e=Ae(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(s=(a=ce.map(Se(e,"script"),Ie)).length;c<f;c++)u=e,c!==p&&(u=ce.clone(u,!0,!0),s&&ce.merge(a,Se(u,"script"))),i.call(n[c],u,c);if(s)for(l=a[a.length-1].ownerDocument,ce.map(a,We),c=0;c<s;c++)u=a[c],Ce.test(u.type||"")&&!_.access(u,"globalEval")&&ce.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?ce._evalUrl&&!u.noModule&&ce._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")},l):m(u.textContent.replace(Me,""),u,l))}return n}function Be(e,t,n){for(var r,i=t?ce.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||ce.cleanData(Se(r)),r.parentNode&&(n&&K(r)&&Ee(Se(r,"script")),r.parentNode.removeChild(r));return e}ce.extend({htmlPrefilter:function(e){return e},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=K(e);if(!(le.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||ce.isXMLDoc(e)))for(a=Se(c),r=0,i=(o=Se(e)).length;r<i;r++)s=o[r],u=a[r],void 0,"input"===(l=u.nodeName.toLowerCase())&&we.test(s.type)?u.checked=s.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=s.defaultValue);if(t)if(n)for(o=o||Se(e),a=a||Se(c),r=0,i=o.length;r<i;r++)Fe(o[r],a[r]);else Fe(e,c);return 0<(a=Se(c,"script")).length&&Ee(a,!f&&Se(e,"script")),c},cleanData:function(e){for(var t,n,r,i=ce.event.special,o=0;void 0!==(n=e[o]);o++)if($(n)){if(t=n[_.expando]){if(t.events)for(r in t.events)i[r]?ce.event.remove(n,r):ce.removeEvent(n,r,t.handle);n[_.expando]=void 0}n[z.expando]&&(n[z.expando]=void 0)}}}),ce.fn.extend({detach:function(e){return Be(this,e,!0)},remove:function(e){return Be(this,e)},text:function(e){return M(this,function(e){return void 0===e?ce.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return $e(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||Re(this,e).appendChild(e)})},prepend:function(){return $e(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Re(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return $e(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return $e(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(ce.cleanData(Se(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return ce.clone(this,e,t)})},html:function(e){return M(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!Oe.test(e)&&!ke[(Te.exec(e)||["",""])[1].toLowerCase()]){e=ce.htmlPrefilter(e);try{for(;n<r;n++)1===(t=this[n]||{}).nodeType&&(ce.cleanData(Se(t,!1)),t.innerHTML=e);t=0}catch(e){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var n=[];return $e(this,arguments,function(e){var t=this.parentNode;ce.inArray(this,n)<0&&(ce.cleanData(Se(this)),t&&t.replaceChild(e,this))},n)}}),ce.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,a){ce.fn[e]=function(e){for(var t,n=[],r=ce(e),i=r.length-1,o=0;o<=i;o++)t=o===i?this:this.clone(!0),ce(r[o])[a](t),s.apply(n,t.get());return this.pushStack(n)}});var _e=new RegExp("^("+G+")(?!px)[a-z%]+$","i"),ze=/^--/,Xe=function(e){var t=e.ownerDocument.defaultView;return t&&t.opener||(t=ie),t.getComputedStyle(e)},Ue=function(e,t,n){var r,i,o={};for(i in t)o[i]=e.style[i],e.style[i]=t[i];for(i in r=n.call(e),t)e.style[i]=o[i];return r},Ve=new RegExp(Q.join("|"),"i");function Ge(e,t,n){var r,i,o,a,s=ze.test(t),u=e.style;return(n=n||Xe(e))&&(a=n.getPropertyValue(t)||n[t],s&&a&&(a=a.replace(ve,"$1")||void 0),""!==a||K(e)||(a=ce.style(e,t)),!le.pixelBoxStyles()&&_e.test(a)&&Ve.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=n.width,u.width=r,u.minWidth=i,u.maxWidth=o)),void 0!==a?a+"":a}function Ye(e,t){return{get:function(){if(!e())return(this.get=t).apply(this,arguments);delete this.get}}}!function(){function e(){if(l){u.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",l.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",J.appendChild(u).appendChild(l);var e=ie.getComputedStyle(l);n="1%"!==e.top,s=12===t(e.marginLeft),l.style.right="60%",o=36===t(e.right),r=36===t(e.width),l.style.position="absolute",i=12===t(l.offsetWidth/3),J.removeChild(u),l=null}}function t(e){return Math.round(parseFloat(e))}var n,r,i,o,a,s,u=C.createElement("div"),l=C.createElement("div");l.style&&(l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",le.clearCloneStyle="content-box"===l.style.backgroundClip,ce.extend(le,{boxSizingReliable:function(){return e(),r},pixelBoxStyles:function(){return e(),o},pixelPosition:function(){return e(),n},reliableMarginLeft:function(){return e(),s},scrollboxSize:function(){return e(),i},reliableTrDimensions:function(){var e,t,n,r;return null==a&&(e=C.createElement("table"),t=C.createElement("tr"),n=C.createElement("div"),e.style.cssText="position:absolute;left:-11111px;border-collapse:separate",t.style.cssText="box-sizing:content-box;border:1px solid",t.style.height="1px",n.style.height="9px",n.style.display="block",J.appendChild(e).appendChild(t).appendChild(n),r=ie.getComputedStyle(t),a=parseInt(r.height,10)+parseInt(r.borderTopWidth,10)+parseInt(r.borderBottomWidth,10)===t.offsetHeight,J.removeChild(e)),a}}))}();var Qe=["Webkit","Moz","ms"],Je=C.createElement("div").style,Ke={};function Ze(e){var t=ce.cssProps[e]||Ke[e];return t||(e in Je?e:Ke[e]=function(e){var t=e[0].toUpperCase()+e.slice(1),n=Qe.length;while(n--)if((e=Qe[n]+t)in Je)return e}(e)||e)}var et=/^(none|table(?!-c[ea]).+)/,tt={position:"absolute",visibility:"hidden",display:"block"},nt={letterSpacing:"0",fontWeight:"400"};function rt(e,t,n){var r=Y.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t}function it(e,t,n,r,i,o){var a="width"===t?1:0,s=0,u=0,l=0;if(n===(r?"border":"content"))return 0;for(;a<4;a+=2)"margin"===n&&(l+=ce.css(e,n+Q[a],!0,i)),r?("content"===n&&(u-=ce.css(e,"padding"+Q[a],!0,i)),"margin"!==n&&(u-=ce.css(e,"border"+Q[a]+"Width",!0,i))):(u+=ce.css(e,"padding"+Q[a],!0,i),"padding"!==n?u+=ce.css(e,"border"+Q[a]+"Width",!0,i):s+=ce.css(e,"border"+Q[a]+"Width",!0,i));return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))||0),u+l}function ot(e,t,n){var r=Xe(e),i=(!le.boxSizingReliable()||n)&&"border-box"===ce.css(e,"boxSizing",!1,r),o=i,a=Ge(e,t,r),s="offset"+t[0].toUpperCase()+t.slice(1);if(_e.test(a)){if(!n)return a;a="auto"}return(!le.boxSizingReliable()&&i||!le.reliableTrDimensions()&&fe(e,"tr")||"auto"===a||!parseFloat(a)&&"inline"===ce.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===ce.css(e,"boxSizing",!1,r),(o=s in e)&&(a=e[s])),(a=parseFloat(a)||0)+it(e,t,n||(i?"border":"content"),o,r,a)+"px"}function at(e,t,n,r,i){return new at.prototype.init(e,t,n,r,i)}ce.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Ge(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,aspectRatio:!0,borderImageSlice:!0,columnCount:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,scale:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeMiterlimit:!0,strokeOpacity:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=F(t),u=ze.test(t),l=e.style;if(u||(t=Ze(s)),a=ce.cssHooks[t]||ce.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"===(o=typeof n)&&(i=Y.exec(n))&&i[1]&&(n=te(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(ce.cssNumber[s]?"":"px")),le.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=F(t);return ze.test(t)||(t=Ze(s)),(a=ce.cssHooks[t]||ce.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=Ge(e,t,r)),"normal"===i&&t in nt&&(i=nt[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),ce.each(["height","width"],function(e,u){ce.cssHooks[u]={get:function(e,t,n){if(t)return!et.test(ce.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?ot(e,u,n):Ue(e,tt,function(){return ot(e,u,n)})},set:function(e,t,n){var r,i=Xe(e),o=!le.scrollboxSize()&&"absolute"===i.position,a=(o||n)&&"border-box"===ce.css(e,"boxSizing",!1,i),s=n?it(e,u,n,a,i):0;return a&&o&&(s-=Math.ceil(e["offset"+u[0].toUpperCase()+u.slice(1)]-parseFloat(i[u])-it(e,u,"border",!1,i)-.5)),s&&(r=Y.exec(t))&&"px"!==(r[3]||"px")&&(e.style[u]=t,t=ce.css(e,u)),rt(0,t,s)}}}),ce.cssHooks.marginLeft=Ye(le.reliableMarginLeft,function(e,t){if(t)return(parseFloat(Ge(e,"marginLeft"))||e.getBoundingClientRect().left-Ue(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),ce.each({margin:"",padding:"",border:"Width"},function(i,o){ce.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++)n[i+Q[t]+o]=r[t]||r[t-2]||r[0];return n}},"margin"!==i&&(ce.cssHooks[i+o].set=rt)}),ce.fn.extend({css:function(e,t){return M(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=Xe(e),i=t.length;a<i;a++)o[t[a]]=ce.css(e,t[a],!1,r);return o}return void 0!==n?ce.style(e,t,n):ce.css(e,t)},e,t,1<arguments.length)}}),((ce.Tween=at).prototype={constructor:at,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||ce.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(ce.cssNumber[n]?"":"px")},cur:function(){var e=at.propHooks[this.prop];return e&&e.get?e.get(this):at.propHooks._default.get(this)},run:function(e){var t,n=at.propHooks[this.prop];return this.options.duration?this.pos=t=ce.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):at.propHooks._default.set(this),this}}).init.prototype=at.prototype,(at.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=ce.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){ce.fx.step[e.prop]?ce.fx.step[e.prop](e):1!==e.elem.nodeType||!ce.cssHooks[e.prop]&&null==e.elem.style[Ze(e.prop)]?e.elem[e.prop]=e.now:ce.style(e.elem,e.prop,e.now+e.unit)}}}).scrollTop=at.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},ce.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},ce.fx=at.prototype.init,ce.fx.step={};var st,ut,lt,ct,ft=/^(?:toggle|show|hide)$/,pt=/queueHooks$/;function dt(){ut&&(!1===C.hidden&&ie.requestAnimationFrame?ie.requestAnimationFrame(dt):ie.setTimeout(dt,ce.fx.interval),ce.fx.tick())}function ht(){return ie.setTimeout(function(){st=void 0}),st=Date.now()}function gt(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=Q[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function vt(e,t,n){for(var r,i=(yt.tweeners[t]||[]).concat(yt.tweeners["*"]),o=0,a=i.length;o<a;o++)if(r=i[o].call(n,t,e))return r}function yt(o,e,t){var n,a,r=0,i=yt.prefilters.length,s=ce.Deferred().always(function(){delete u.elem}),u=function(){if(a)return!1;for(var e=st||ht(),t=Math.max(0,l.startTime+l.duration-e),n=1-(t/l.duration||0),r=0,i=l.tweens.length;r<i;r++)l.tweens[r].run(n);return s.notifyWith(o,[l,n,t]),n<1&&i?t:(i||s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l]),!1)},l=s.promise({elem:o,props:ce.extend({},e),opts:ce.extend(!0,{specialEasing:{},easing:ce.easing._default},t),originalProperties:e,originalOptions:t,startTime:st||ht(),duration:t.duration,tweens:[],createTween:function(e,t){var n=ce.Tween(o,l.opts,e,t,l.opts.specialEasing[e]||l.opts.easing);return l.tweens.push(n),n},stop:function(e){var t=0,n=e?l.tweens.length:0;if(a)return this;for(a=!0;t<n;t++)l.tweens[t].run(1);return e?(s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l,e])):s.rejectWith(o,[l,e]),this}}),c=l.props;for(!function(e,t){var n,r,i,o,a;for(n in e)if(i=t[r=F(n)],o=e[n],Array.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),(a=ce.cssHooks[r])&&"expand"in a)for(n in o=a.expand(o),delete e[r],o)n in e||(e[n]=o[n],t[n]=i);else t[r]=i}(c,l.opts.specialEasing);r<i;r++)if(n=yt.prefilters[r].call(l,o,c,l.opts))return v(n.stop)&&(ce._queueHooks(l.elem,l.opts.queue).stop=n.stop.bind(n)),n;return ce.map(c,vt,l),v(l.opts.start)&&l.opts.start.call(o,l),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always),ce.fx.timer(ce.extend(u,{elem:o,anim:l,queue:l.opts.queue})),l}ce.Animation=ce.extend(yt,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return te(n.elem,e,Y.exec(t),n),n}]},tweener:function(e,t){v(e)?(t=e,e=["*"]):e=e.match(D);for(var n,r=0,i=e.length;r<i;r++)n=e[r],yt.tweeners[n]=yt.tweeners[n]||[],yt.tweeners[n].unshift(t)},prefilters:[function(e,t,n){var r,i,o,a,s,u,l,c,f="width"in t||"height"in t,p=this,d={},h=e.style,g=e.nodeType&&ee(e),v=_.get(e,"fxshow");for(r in n.queue||(null==(a=ce._queueHooks(e,"fx")).unqueued&&(a.unqueued=0,s=a.empty.fire,a.empty.fire=function(){a.unqueued||s()}),a.unqueued++,p.always(function(){p.always(function(){a.unqueued--,ce.queue(e,"fx").length||a.empty.fire()})})),t)if(i=t[r],ft.test(i)){if(delete t[r],o=o||"toggle"===i,i===(g?"hide":"show")){if("show"!==i||!v||void 0===v[r])continue;g=!0}d[r]=v&&v[r]||ce.style(e,r)}if((u=!ce.isEmptyObject(t))||!ce.isEmptyObject(d))for(r in f&&1===e.nodeType&&(n.overflow=[h.overflow,h.overflowX,h.overflowY],null==(l=v&&v.display)&&(l=_.get(e,"display")),"none"===(c=ce.css(e,"display"))&&(l?c=l:(re([e],!0),l=e.style.display||l,c=ce.css(e,"display"),re([e]))),("inline"===c||"inline-block"===c&&null!=l)&&"none"===ce.css(e,"float")&&(u||(p.done(function(){h.display=l}),null==l&&(c=h.display,l="none"===c?"":c)),h.display="inline-block")),n.overflow&&(h.overflow="hidden",p.always(function(){h.overflow=n.overflow[0],h.overflowX=n.overflow[1],h.overflowY=n.overflow[2]})),u=!1,d)u||(v?"hidden"in v&&(g=v.hidden):v=_.access(e,"fxshow",{display:l}),o&&(v.hidden=!g),g&&re([e],!0),p.done(function(){for(r in g||re([e]),_.remove(e,"fxshow"),d)ce.style(e,r,d[r])})),u=vt(g?v[r]:0,r,p),r in v||(v[r]=u.start,g&&(u.end=u.start,u.start=0))}],prefilter:function(e,t){t?yt.prefilters.unshift(e):yt.prefilters.push(e)}}),ce.speed=function(e,t,n){var r=e&&"object"==typeof e?ce.extend({},e):{complete:n||!n&&t||v(e)&&e,duration:e,easing:n&&t||t&&!v(t)&&t};return ce.fx.off?r.duration=0:"number"!=typeof r.duration&&(r.duration in ce.fx.speeds?r.duration=ce.fx.speeds[r.duration]:r.duration=ce.fx.speeds._default),null!=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function(){v(r.old)&&r.old.call(this),r.queue&&ce.dequeue(this,r.queue)},r},ce.fn.extend({fadeTo:function(e,t,n,r){return this.filter(ee).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(t,e,n,r){var i=ce.isEmptyObject(t),o=ce.speed(e,n,r),a=function(){var e=yt(this,ce.extend({},t),o);(i||_.get(this,"finish"))&&e.stop(!0)};return a.finish=a,i||!1===o.queue?this.each(a):this.queue(o.queue,a)},stop:function(i,e,o){var a=function(e){var t=e.stop;delete e.stop,t(o)};return"string"!=typeof i&&(o=e,e=i,i=void 0),e&&this.queue(i||"fx",[]),this.each(function(){var e=!0,t=null!=i&&i+"queueHooks",n=ce.timers,r=_.get(this);if(t)r[t]&&r[t].stop&&a(r[t]);else for(t in r)r[t]&&r[t].stop&&pt.test(t)&&a(r[t]);for(t=n.length;t--;)n[t].elem!==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));!e&&o||ce.dequeue(this,i)})},finish:function(a){return!1!==a&&(a=a||"fx"),this.each(function(){var e,t=_.get(this),n=t[a+"queue"],r=t[a+"queueHooks"],i=ce.timers,o=n?n.length:0;for(t.finish=!0,ce.queue(this,a,[]),r&&r.stop&&r.stop.call(this,!0),e=i.length;e--;)i[e].elem===this&&i[e].queue===a&&(i[e].anim.stop(!0),i.splice(e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].finish.call(this);delete t.finish})}}),ce.each(["toggle","show","hide"],function(e,r){var i=ce.fn[r];ce.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?i.apply(this,arguments):this.animate(gt(r,!0),e,t,n)}}),ce.each({slideDown:gt("show"),slideUp:gt("hide"),slideToggle:gt("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,r){ce.fn[e]=function(e,t,n){return this.animate(r,e,t,n)}}),ce.timers=[],ce.fx.tick=function(){var e,t=0,n=ce.timers;for(st=Date.now();t<n.length;t++)(e=n[t])()||n[t]!==e||n.splice(t--,1);n.length||ce.fx.stop(),st=void 0},ce.fx.timer=function(e){ce.timers.push(e),ce.fx.start()},ce.fx.interval=13,ce.fx.start=function(){ut||(ut=!0,dt())},ce.fx.stop=function(){ut=null},ce.fx.speeds={slow:600,fast:200,_default:400},ce.fn.delay=function(r,e){return r=ce.fx&&ce.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){var n=ie.setTimeout(e,r);t.stop=function(){ie.clearTimeout(n)}})},lt=C.createElement("input"),ct=C.createElement("select").appendChild(C.createElement("option")),lt.type="checkbox",le.checkOn=""!==lt.value,le.optSelected=ct.selected,(lt=C.createElement("input")).value="t",lt.type="radio",le.radioValue="t"===lt.value;var mt,xt=ce.expr.attrHandle;ce.fn.extend({attr:function(e,t){return M(this,ce.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){ce.removeAttr(this,e)})}}),ce.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?ce.prop(e,t,n):(1===o&&ce.isXMLDoc(e)||(i=ce.attrHooks[t.toLowerCase()]||(ce.expr.match.bool.test(t)?mt:void 0)),void 0!==n?null===n?void ce.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=ce.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!le.radioValue&&"radio"===t&&fe(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(D);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),mt={set:function(e,t,n){return!1===t?ce.removeAttr(e,n):e.setAttribute(n,n),n}},ce.each(ce.expr.match.bool.source.match(/\w+/g),function(e,t){var a=xt[t]||ce.find.attr;xt[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=xt[o],xt[o]=r,r=null!=a(e,t,n)?o:null,xt[o]=i),r}});var bt=/^(?:input|select|textarea|button)$/i,wt=/^(?:a|area)$/i;function Tt(e){return(e.match(D)||[]).join(" ")}function Ct(e){return e.getAttribute&&e.getAttribute("class")||""}function kt(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(D)||[]}ce.fn.extend({prop:function(e,t){return M(this,ce.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[ce.propFix[e]||e]})}}),ce.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&ce.isXMLDoc(e)||(t=ce.propFix[t]||t,i=ce.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=ce.find.attr(e,"tabindex");return t?parseInt(t,10):bt.test(e.nodeName)||wt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),le.optSelected||(ce.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),ce.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){ce.propFix[this.toLowerCase()]=this}),ce.fn.extend({addClass:function(t){var e,n,r,i,o,a;return v(t)?this.each(function(e){ce(this).addClass(t.call(this,e,Ct(this)))}):(e=kt(t)).length?this.each(function(){if(r=Ct(this),n=1===this.nodeType&&" "+Tt(r)+" "){for(o=0;o<e.length;o++)i=e[o],n.indexOf(" "+i+" ")<0&&(n+=i+" ");a=Tt(n),r!==a&&this.setAttribute("class",a)}}):this},removeClass:function(t){var e,n,r,i,o,a;return v(t)?this.each(function(e){ce(this).removeClass(t.call(this,e,Ct(this)))}):arguments.length?(e=kt(t)).length?this.each(function(){if(r=Ct(this),n=1===this.nodeType&&" "+Tt(r)+" "){for(o=0;o<e.length;o++){i=e[o];while(-1<n.indexOf(" "+i+" "))n=n.replace(" "+i+" "," ")}a=Tt(n),r!==a&&this.setAttribute("class",a)}}):this:this.attr("class","")},toggleClass:function(t,n){var e,r,i,o,a=typeof t,s="string"===a||Array.isArray(t);return v(t)?this.each(function(e){ce(this).toggleClass(t.call(this,e,Ct(this),n),n)}):"boolean"==typeof n&&s?n?this.addClass(t):this.removeClass(t):(e=kt(t),this.each(function(){if(s)for(o=ce(this),i=0;i<e.length;i++)r=e[i],o.hasClass(r)?o.removeClass(r):o.addClass(r);else void 0!==t&&"boolean"!==a||((r=Ct(this))&&_.set(this,"__className__",r),this.setAttribute&&this.setAttribute("class",r||!1===t?"":_.get(this,"__className__")||""))}))},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&-1<(" "+Tt(Ct(n))+" ").indexOf(t))return!0;return!1}});var St=/\r/g;ce.fn.extend({val:function(n){var r,e,i,t=this[0];return arguments.length?(i=v(n),this.each(function(e){var t;1===this.nodeType&&(null==(t=i?n.call(this,e,ce(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=ce.map(t,function(e){return null==e?"":e+""})),(r=ce.valHooks[this.type]||ce.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t))})):t?(r=ce.valHooks[t.type]||ce.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(St,""):null==e?"":e:void 0}}),ce.extend({valHooks:{option:{get:function(e){var t=ce.find.attr(e,"value");return null!=t?t:Tt(ce.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!fe(n.parentNode,"optgroup"))){if(t=ce(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=ce.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-1<ce.inArray(ce.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),ce.each(["radio","checkbox"],function(){ce.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<ce.inArray(ce(e).val(),t)}},le.checkOn||(ce.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var Et=ie.location,jt={guid:Date.now()},At=/\?/;ce.parseXML=function(e){var t,n;if(!e||"string"!=typeof e)return null;try{t=(new ie.DOMParser).parseFromString(e,"text/xml")}catch(e){}return n=t&&t.getElementsByTagName("parsererror")[0],t&&!n||ce.error("Invalid XML: "+(n?ce.map(n.childNodes,function(e){return e.textContent}).join("\n"):e)),t};var Dt=/^(?:focusinfocus|focusoutblur)$/,Nt=function(e){e.stopPropagation()};ce.extend(ce.event,{trigger:function(e,t,n,r){var i,o,a,s,u,l,c,f,p=[n||C],d=ue.call(e,"type")?e.type:e,h=ue.call(e,"namespace")?e.namespace.split("."):[];if(o=f=a=n=n||C,3!==n.nodeType&&8!==n.nodeType&&!Dt.test(d+ce.event.triggered)&&(-1<d.indexOf(".")&&(d=(h=d.split(".")).shift(),h.sort()),u=d.indexOf(":")<0&&"on"+d,(e=e[ce.expando]?e:new ce.Event(d,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:ce.makeArray(t,[e]),c=ce.event.special[d]||{},r||!c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!y(n)){for(s=c.delegateType||d,Dt.test(s+d)||(o=o.parentNode);o;o=o.parentNode)p.push(o),a=o;a===(n.ownerDocument||C)&&p.push(a.defaultView||a.parentWindow||ie)}i=0;while((o=p[i++])&&!e.isPropagationStopped())f=o,e.type=1<i?s:c.bindType||d,(l=(_.get(o,"events")||Object.create(null))[e.type]&&_.get(o,"handle"))&&l.apply(o,t),(l=u&&o[u])&&l.apply&&$(o)&&(e.result=l.apply(o,t),!1===e.result&&e.preventDefault());return e.type=d,r||e.isDefaultPrevented()||c._default&&!1!==c._default.apply(p.pop(),t)||!$(n)||u&&v(n[d])&&!y(n)&&((a=n[u])&&(n[u]=null),ce.event.triggered=d,e.isPropagationStopped()&&f.addEventListener(d,Nt),n[d](),e.isPropagationStopped()&&f.removeEventListener(d,Nt),ce.event.triggered=void 0,a&&(n[u]=a)),e.result}},simulate:function(e,t,n){var r=ce.extend(new ce.Event,n,{type:e,isSimulated:!0});ce.event.trigger(r,null,t)}}),ce.fn.extend({trigger:function(e,t){return this.each(function(){ce.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return ce.event.trigger(e,t,n,!0)}});var qt=/\[\]$/,Lt=/\r?\n/g,Ht=/^(?:submit|button|image|reset|file)$/i,Ot=/^(?:input|select|textarea|keygen)/i;function Pt(n,e,r,i){var t;if(Array.isArray(e))ce.each(e,function(e,t){r||qt.test(n)?i(n,t):Pt(n+"["+("object"==typeof t&&null!=t?e:"")+"]",t,r,i)});else if(r||"object"!==x(e))i(n,e);else for(t in e)Pt(n+"["+t+"]",e[t],r,i)}ce.param=function(e,t){var n,r=[],i=function(e,t){var n=v(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if(Array.isArray(e)||e.jquery&&!ce.isPlainObject(e))ce.each(e,function(){i(this.name,this.value)});else for(n in e)Pt(n,e[n],t,i);return r.join("&")},ce.fn.extend({serialize:function(){return ce.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=ce.prop(this,"elements");return e?ce.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!ce(this).is(":disabled")&&Ot.test(this.nodeName)&&!Ht.test(e)&&(this.checked||!we.test(e))}).map(function(e,t){var n=ce(this).val();return null==n?null:Array.isArray(n)?ce.map(n,function(e){return{name:t.name,value:e.replace(Lt,"\r\n")}}):{name:t.name,value:n.replace(Lt,"\r\n")}}).get()}});var Mt=/%20/g,Rt=/#.*$/,It=/([?&])_=[^&]*/,Wt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Ft=/^(?:GET|HEAD)$/,$t=/^\/\//,Bt={},_t={},zt="*/".concat("*"),Xt=C.createElement("a");function Ut(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var n,r=0,i=e.toLowerCase().match(D)||[];if(v(t))while(n=i[r++])"+"===n[0]?(n=n.slice(1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t)}}function Vt(t,i,o,a){var s={},u=t===_t;function l(e){var r;return s[e]=!0,ce.each(t[e]||[],function(e,t){var n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:(i.dataTypes.unshift(n),l(n),!1)}),r}return l(i.dataTypes[0])||!s["*"]&&l("*")}function Gt(e,t){var n,r,i=ce.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&ce.extend(!0,e,r),e}Xt.href=Et.href,ce.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Et.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(Et.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":zt,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":ce.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?Gt(Gt(e,ce.ajaxSettings),t):Gt(ce.ajaxSettings,e)},ajaxPrefilter:Ut(Bt),ajaxTransport:Ut(_t),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0),t=t||{};var c,f,p,n,d,r,h,g,i,o,v=ce.ajaxSetup({},t),y=v.context||v,m=v.context&&(y.nodeType||y.jquery)?ce(y):ce.event,x=ce.Deferred(),b=ce.Callbacks("once memory"),w=v.statusCode||{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(h){if(!n){n={};while(t=Wt.exec(p))n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+" "]||[]).concat(t[2])}t=n[e.toLowerCase()+" "]}return null==t?null:t.join(", ")},getAllResponseHeaders:function(){return h?p:null},setRequestHeader:function(e,t){return null==h&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||e,a[e]=t),this},overrideMimeType:function(e){return null==h&&(v.mimeType=e),this},statusCode:function(e){var t;if(e)if(h)T.always(e[T.status]);else for(t in e)w[t]=[w[t],e[t]];return this},abort:function(e){var t=e||u;return c&&c.abort(t),l(0,t),this}};if(x.promise(T),v.url=((e||v.url||Et.href)+"").replace($t,Et.protocol+"//"),v.type=t.method||t.type||v.method||v.type,v.dataTypes=(v.dataType||"*").toLowerCase().match(D)||[""],null==v.crossDomain){r=C.createElement("a");try{r.href=v.url,r.href=r.href,v.crossDomain=Xt.protocol+"//"+Xt.host!=r.protocol+"//"+r.host}catch(e){v.crossDomain=!0}}if(v.data&&v.processData&&"string"!=typeof v.data&&(v.data=ce.param(v.data,v.traditional)),Vt(Bt,v,t,T),h)return T;for(i in(g=ce.event&&v.global)&&0==ce.active++&&ce.event.trigger("ajaxStart"),v.type=v.type.toUpperCase(),v.hasContent=!Ft.test(v.type),f=v.url.replace(Rt,""),v.hasContent?v.data&&v.processData&&0===(v.contentType||"").indexOf("application/x-www-form-urlencoded")&&(v.data=v.data.replace(Mt,"+")):(o=v.url.slice(f.length),v.data&&(v.processData||"string"==typeof v.data)&&(f+=(At.test(f)?"&":"?")+v.data,delete v.data),!1===v.cache&&(f=f.replace(It,"$1"),o=(At.test(f)?"&":"?")+"_="+jt.guid+++o),v.url=f+o),v.ifModified&&(ce.lastModified[f]&&T.setRequestHeader("If-Modified-Since",ce.lastModified[f]),ce.etag[f]&&T.setRequestHeader("If-None-Match",ce.etag[f])),(v.data&&v.hasContent&&!1!==v.contentType||t.contentType)&&T.setRequestHeader("Content-Type",v.contentType),T.setRequestHeader("Accept",v.dataTypes[0]&&v.accepts[v.dataTypes[0]]?v.accepts[v.dataTypes[0]]+("*"!==v.dataTypes[0]?", "+zt+"; q=0.01":""):v.accepts["*"]),v.headers)T.setRequestHeader(i,v.headers[i]);if(v.beforeSend&&(!1===v.beforeSend.call(y,T,v)||h))return T.abort();if(u="abort",b.add(v.complete),T.done(v.success),T.fail(v.error),c=Vt(_t,v,t,T)){if(T.readyState=1,g&&m.trigger("ajaxSend",[T,v]),h)return T;v.async&&0<v.timeout&&(d=ie.setTimeout(function(){T.abort("timeout")},v.timeout));try{h=!1,c.send(a,l)}catch(e){if(h)throw e;l(-1,e)}}else l(-1,"No Transport");function l(e,t,n,r){var i,o,a,s,u,l=t;h||(h=!0,d&&ie.clearTimeout(d),c=void 0,p=r||"",T.readyState=0<e?4:0,i=200<=e&&e<300||304===e,n&&(s=function(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}(v,T,n)),!i&&-1<ce.inArray("script",v.dataTypes)&&ce.inArray("json",v.dataTypes)<0&&(v.converters["text script"]=function(){}),s=function(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}(v,s,T,i),i?(v.ifModified&&((u=T.getResponseHeader("Last-Modified"))&&(ce.lastModified[f]=u),(u=T.getResponseHeader("etag"))&&(ce.etag[f]=u)),204===e||"HEAD"===v.type?l="nocontent":304===e?l="notmodified":(l=s.state,o=s.data,i=!(a=s.error))):(a=l,!e&&l||(l="error",e<0&&(e=0))),T.status=e,T.statusText=(t||l)+"",i?x.resolveWith(y,[o,l,T]):x.rejectWith(y,[T,l,a]),T.statusCode(w),w=void 0,g&&m.trigger(i?"ajaxSuccess":"ajaxError",[T,v,i?o:a]),b.fireWith(y,[T,l]),g&&(m.trigger("ajaxComplete",[T,v]),--ce.active||ce.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return ce.get(e,t,n,"json")},getScript:function(e,t){return ce.get(e,void 0,t,"script")}}),ce.each(["get","post"],function(e,i){ce[i]=function(e,t,n,r){return v(t)&&(r=r||n,n=t,t=void 0),ce.ajax(ce.extend({url:e,type:i,dataType:r,data:t,success:n},ce.isPlainObject(e)&&e))}}),ce.ajaxPrefilter(function(e){var t;for(t in e.headers)"content-type"===t.toLowerCase()&&(e.contentType=e.headers[t]||"")}),ce._evalUrl=function(e,t,n){return ce.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(e){ce.globalEval(e,t,n)}})},ce.fn.extend({wrapAll:function(e){var t;return this[0]&&(v(e)&&(e=e.call(this[0])),t=ce(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(n){return v(n)?this.each(function(e){ce(this).wrapInner(n.call(this,e))}):this.each(function(){var e=ce(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var n=v(t);return this.each(function(e){ce(this).wrapAll(n?t.call(this,e):t)})},unwrap:function(e){return this.parent(e).not("body").each(function(){ce(this).replaceWith(this.childNodes)}),this}}),ce.expr.pseudos.hidden=function(e){return!ce.expr.pseudos.visible(e)},ce.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},ce.ajaxSettings.xhr=function(){try{return new ie.XMLHttpRequest}catch(e){}};var Yt={0:200,1223:204},Qt=ce.ajaxSettings.xhr();le.cors=!!Qt&&"withCredentials"in Qt,le.ajax=Qt=!!Qt,ce.ajaxTransport(function(i){var o,a;if(le.cors||Qt&&!i.crossDomain)return{send:function(e,t){var n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields)for(n in i.xhrFields)r[n]=i.xhrFields[n];for(n in i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest"),e)r.setRequestHeader(n,e[n]);o=function(e){return function(){o&&(o=a=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"===e?r.abort():"error"===e?"number"!=typeof r.status?t(0,"error"):t(r.status,r.statusText):t(Yt[r.status]||r.status,r.statusText,"text"!==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:{text:r.responseText},r.getAllResponseHeaders()))}},r.onload=o(),a=r.onerror=r.ontimeout=o("error"),void 0!==r.onabort?r.onabort=a:r.onreadystatechange=function(){4===r.readyState&&ie.setTimeout(function(){o&&a()})},o=o("abort");try{r.send(i.hasContent&&i.data||null)}catch(e){if(o)throw e}},abort:function(){o&&o()}}}),ce.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),ce.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return ce.globalEval(e),e}}}),ce.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),ce.ajaxTransport("script",function(n){var r,i;if(n.crossDomain||n.scriptAttrs)return{send:function(e,t){r=ce("<script>").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),C.head.appendChild(r[0])},abort:function(){i&&i()}}});var Jt,Kt=[],Zt=/(=)\?(?=&|$)|\?\?/;ce.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Kt.pop()||ce.expando+"_"+jt.guid++;return this[e]=!0,e}}),ce.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Zt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Zt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=v(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Zt,"$1"+r):!1!==e.jsonp&&(e.url+=(At.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||ce.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=ie[r],ie[r]=function(){o=arguments},n.always(function(){void 0===i?ce(ie).removeProp(r):ie[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Kt.push(r)),o&&v(i)&&i(o[0]),o=i=void 0}),"script"}),le.createHTMLDocument=((Jt=C.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===Jt.childNodes.length),ce.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(le.createHTMLDocument?((r=(t=C.implementation.createHTMLDocument("")).createElement("base")).href=C.location.href,t.head.appendChild(r)):t=C),o=!n&&[],(i=w.exec(e))?[t.createElement(i[1])]:(i=Ae([e],t,o),o&&o.length&&ce(o).remove(),ce.merge([],i.childNodes)));var r,i,o},ce.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1<s&&(r=Tt(e.slice(s)),e=e.slice(0,s)),v(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),0<a.length&&ce.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?ce("<div>").append(ce.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},ce.expr.pseudos.animated=function(t){return ce.grep(ce.timers,function(e){return t===e.elem}).length},ce.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=ce.css(e,"position"),c=ce(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=ce.css(e,"top"),u=ce.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),v(t)&&(t=t.call(e,n,ce.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},ce.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){ce.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===ce.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===ce.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=ce(e).offset()).top+=ce.css(e,"borderTopWidth",!0),i.left+=ce.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-ce.css(r,"marginTop",!0),left:t.left-i.left-ce.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===ce.css(e,"position"))e=e.offsetParent;return e||J})}}),ce.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;ce.fn[t]=function(e){return M(this,function(e,t,n){var r;if(y(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),ce.each(["top","left"],function(e,n){ce.cssHooks[n]=Ye(le.pixelPosition,function(e,t){if(t)return t=Ge(e,n),_e.test(t)?ce(e).position()[n]+"px":t})}),ce.each({Height:"height",Width:"width"},function(a,s){ce.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){ce.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return M(this,function(e,t,n){var r;return y(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?ce.css(e,t,i):ce.style(e,t,n,i)},s,n?e:void 0,n)}})}),ce.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){ce.fn[t]=function(e){return this.on(t,e)}}),ce.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.on("mouseenter",e).on("mouseleave",t||e)}}),ce.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){ce.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n)}});var en=/^[\s\uFEFF\xA0]+|([^\s\uFEFF\xA0])[\s\uFEFF\xA0]+$/g;ce.proxy=function(e,t){var n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),v(e))return r=ae.call(arguments,2),(i=function(){return e.apply(t||this,r.concat(ae.call(arguments)))}).guid=e.guid=e.guid||ce.guid++,i},ce.holdReady=function(e){e?ce.readyWait++:ce.ready(!0)},ce.isArray=Array.isArray,ce.parseJSON=JSON.parse,ce.nodeName=fe,ce.isFunction=v,ce.isWindow=y,ce.camelCase=F,ce.type=x,ce.now=Date.now,ce.isNumeric=function(e){var t=ce.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e))},ce.trim=function(e){return null==e?"":(e+"").replace(en,"$1")},"function"==typeof define&&define.amd&&define("jquery",[],function(){return ce});var tn=ie.jQuery,nn=ie.$;return ce.noConflict=function(e){return ie.$===ce&&(ie.$=nn),e&&ie.jQuery===ce&&(ie.jQuery=tn),ce},"undefined"==typeof e&&(ie.jQuery=ie.$=ce),ce});
diff --git a/ci4app/public/assets/raven/vendor/js/jsvectormap.min.js b/ci4app/public/assets/raven/vendor/js/jsvectormap.min.js
new file mode 100644
index 0000000..68edce6
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/js/jsvectormap.min.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).jsVectorMap=e()}(this,(function(){"use strict";var t=function(t){return function(t){return!!t&&"object"==typeof t}(t)&&!function(t){var i=Object.prototype.toString.call(t);return"[object RegExp]"===i||"[object Date]"===i||function(t){return t instanceof Node}(t)||function(t){return t.$$typeof===e}(t)}(t)};var e="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function i(t,e){return!1!==e.clone&&e.isMergeableObject(t)?o((i=t,Array.isArray(i)?[]:{}),t,e):t;var i}function s(t,e,s){return t.concat(e).map((function(t){return i(t,s)}))}function n(t){return Object.keys(t).concat(function(t){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t).filter((function(e){return t.propertyIsEnumerable(e)})):[]}(t))}function r(t,e){try{return e in t}catch(t){return!1}}function a(t,e,s){var a={};return s.isMergeableObject(t)&&n(t).forEach((function(e){a[e]=i(t[e],s)})),n(e).forEach((function(n){(function(t,e){return r(t,e)&&!(Object.hasOwnProperty.call(t,e)&&Object.propertyIsEnumerable.call(t,e))})(t,n)||(r(t,n)&&s.isMergeableObject(e[n])?a[n]=function(t,e){if(!e.customMerge)return o;var i=e.customMerge(t);return"function"==typeof i?i:o}(n,s)(t[n],e[n],s):a[n]=i(e[n],s))})),a}var o=function(e,n,r){(r=r||{}).arrayMerge=r.arrayMerge||s,r.isMergeableObject=r.isMergeableObject||t,r.cloneUnlessOtherwiseSpecified=i;var o=Array.isArray(n);return o===Array.isArray(e)?o?r.arrayMerge(e,n,r):a(e,n,r):i(n,r)},h=function(t){return"object"==typeof t&&void 0!==t.nodeType?t:"string"==typeof t?document.querySelector(t):null},l=function(t,e,i,s){void 0===s&&(s=!1);var n=document.createElement(t);return i&&(n[s?"innerHTML":"textContent"]=i),e&&(n.className=e),n},c=function(t){t.parentNode.removeChild(t)},u=function(t,e,i){return void 0===i&&(i=!1),i?o(t,e):Object.assign(t,e)},p=function(t,e){return t.toLowerCase()+":to:"+e.toLowerCase()},d=function(t,e){Object.assign(t.prototype,e)},f={},m=1,g={on:function(t,e,i,s){void 0===s&&(s={});var n="jvm:"+e+"::"+m++;f[n]={selector:t,handler:i},i._uid=n,t.addEventListener(e,i,s)},delegate:function(t,e,i,s){(e=e.split(" ")).forEach((function(e){g.on(t,e,(function(t){var e=t.target;e.matches(i)&&s.call(e,t)}))}))},off:function(t,e,i){var s=e.split(":")[1];t.removeEventListener(s,i),delete f[i._uid]},flush:function(){Object.keys(f).forEach((function(t){g.off(f[t].selector,t,f[t].handler)}))},getEventRegistry:function(){return f}};var v={onLoaded:"map:loaded",onViewportChange:"viewport:changed",onRegionClick:"region:clicked",onMarkerClick:"marker:clicked",onRegionSelected:"region:selected",onMarkerSelected:"marker:selected",onRegionTooltipShow:"region.tooltip:show",onMarkerTooltipShow:"marker.tooltip:show",onDestroyed:"map:destroyed"},_=function(t,e,i){var s=h(e),n=-1===s.getAttribute("class").indexOf("jvm-region")?"marker":"region",r="region"===n,a=r?s.getAttribute("data-code"):s.getAttribute("data-index"),o=r?v.onRegionSelected:v.onMarkerSelected;return i&&(o=r?v.onRegionTooltipShow:v.onMarkerTooltipShow),{type:n,code:a,event:o,element:r?t.regions[a].element:t._markers[a].element,tooltipText:r?t._mapData.paths[a].name||"":t._markers[a].config.name||""}};function y(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,s=Array(e);i<e;i++)s[i]=t[i];return s}function b(t,e){for(var i=0;i<e.length;i++){var s=e[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,j(s.key),s)}}function S(t,e){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(i)return(i=i.call(t)).next.bind(i);if(Array.isArray(t)||(i=function(t,e){if(t){if("string"==typeof t)return y(t,e);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?y(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){i&&(t=i);var s=0;return function(){return s>=t.length?{done:!0}:{done:!1,value:t[s++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(){return w=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var s in i)({}).hasOwnProperty.call(i,s)&&(t[s]=i[s])}return t},w.apply(null,arguments)}function k(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,x(t,e)}function M(t,e){if(null==t)return{};var i={};for(var s in t)if({}.hasOwnProperty.call(t,s)){if(-1!==e.indexOf(s))continue;i[s]=t[s]}return i}function x(t,e){return x=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},x(t,e)}function j(t){var e=function(t,e){if("object"!=typeof t||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var s=i.call(t,e||"default");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:e+""}var C=function(){function t(){}return t.prototype.dispose=function(){this._tooltip?c(this._tooltip):this.shape.remove();for(var t,e=S(Object.getOwnPropertyNames(this));!(t=e()).done;){this[t.value]=null}},t}(),L={getLabelText:function(t,e){if(e){if("function"==typeof e.render){var i=[];return"marker"===this.constructor.Name&&i.push(this.getConfig()),i.push(t),e.render.apply(this,i)}return t}},getLabelOffsets:function(t,e){return"function"==typeof e.offsets?e.offsets(t):Array.isArray(e.offsets)?e.offsets[t]:[0,0]},setStyle:function(t,e){this.shape.setStyle(t,e)},remove:function(){this.shape.remove(),this.label&&this.label.remove()},hover:function(t){this._setStatus("isHovered",t)},select:function(t){this._setStatus("isSelected",t)},_setStatus:function(t,e){this.shape[t]=e,this.shape.updateStyle(),this[t]=e,this.label&&(this.label[t]=e,this.label.updateStyle())}},O=function(t){function e(e){var i,s=e.map,n=e.code,r=e.path,a=e.style,o=e.label,h=e.labelStyle,l=e.labelsGroup;(i=t.call(this)||this)._map=s,i.shape=i._createRegion(r,n,a);var c=i.getLabelText(n,o);if(o&&c){var u=i.shape.getBBox(),p=i.getLabelOffsets(n,o);i.labelX=u.x+u.width/2+p[0],i.labelY=u.y+u.height/2+p[1],i.label=i._map.canvas.createText({text:c,textAnchor:"middle",alignmentBaseline:"central",dataCode:n,x:i.labelX,y:i.labelY},h,l),i.label.addClass("jvm-region jvm-element")}return i}k(e,t);var i=e.prototype;return i._createRegion=function(t,e,i){return(t=this._map.canvas.createPath({d:t,dataCode:e},i)).addClass("jvm-region jvm-element"),t},i.updateLabelPosition=function(){this.label&&this.label.set({x:this.labelX*this._map.scale+this._map.transX*this._map.scale,y:this.labelY*this._map.scale+this._map.transY*this._map.scale})},e}(C);d(O,L);var A=function(t){function e(e,i){var s;return(s=t.call(this)||this)._options=e,s._style={initial:i},s._draw(),s}k(e,t);var i=e.prototype;return i.setStyle=function(t,e){this.shape.setStyle(t,e)},i.getConfig=function(){return this._options.config},i._draw=function(){var t=this._options,e=t.index,i=t.group,s=t.map,n={d:this._getDAttribute(),fill:"none",dataIndex:e};this.shape=s.canvas.createPath(n,this._style,i),this.shape.addClass("jvm-line")},i._getDAttribute=function(){var t=this._options,e=t.x1,i=t.y1,s=t.x2,n=t.y2,r=t.curvature;return"M"+e+","+i+this._getQCommand(e,i,s,n,r)+s+","+n},i._getQCommand=function(t,e,i,s,n){return n?" Q"+((t+i)/2+n*(s-e))+","+((e+s)/2-n*(i-t))+" ":" "},e}(C),X=["curvature"],Y=["curvature"];var T="jvm-",E=T+"element "+T+"marker",P=T+"element "+T+"label",z=function(t){function e(e,i){var s;return(s=t.call(this)||this)._options=e,s._style=i,s._labelX=null,s._labelY=null,s._offsets=null,s._isImage=!!i.initial.image,s._draw(),s._options.label&&s._drawLabel(),s._isImage&&s.updateLabelPosition(),s}k(e,t);var i,s,n,r=e.prototype;return r.getConfig=function(){return this._options.config},r.updateLabelPosition=function(){var t=this._options.map;this.label&&this.label.set({x:this._labelX*t.scale+this._offsets[0]+t.transX*t.scale+5+(this._isImage?(this.shape.width||0)/2:this.shape.node.r.baseVal.value),y:this._labelY*t.scale+t.transY*this._options.map.scale+this._offsets[1]})},r._draw=function(){var t=this._options,e=t.index,i=t.map,s=t.group,n=t.cx,r=t.cy,a=this._isImage?"createImage":"createCircle";this.shape=i.canvas[a]({dataIndex:e,cx:n,cy:r},this._style,s),this.shape.addClass(E)},r._drawLabel=function(){var t=this._options,e=t.index,i=t.map,s=t.label,n=t.labelsGroup,r=t.cx,a=t.cy,o=t.config,h=t.isRecentlyCreated,l=this.getLabelText(e,s);this._labelX=r/i.scale-i.transX,this._labelY=a/i.scale-i.transY,this._offsets=h&&o.offsets?o.offsets:this.getLabelOffsets(e,s),this.label=i.canvas.createText({text:l,dataIndex:e,x:this._labelX,y:this._labelY,dy:"0.6ex"},i.params.markerLabelStyle,n),this.label.addClass(P),h&&this.updateLabelPosition()},i=e,n=[{key:"Name",get:function(){return"marker"}}],(s=null)&&b(i.prototype,s),n&&b(i,n),Object.defineProperty(i,"prototype",{writable:!1}),i}(C);d(z,L);var R=function(){function t(t){void 0===t&&(t={}),this._options=t,this._map=this._options.map,this._series=this._options.series,this._body=l("div","jvm-legend"),this._options.cssClass&&this._body.setAttribute("class",this._options.cssClass),t.vertical?this._map.legendVertical.appendChild(this._body):this._map.legendHorizontal.appendChild(this._body),this.render()}return t.prototype.render=function(){var t,e=this._series.scale.getTicks();if(this._body.innderHTML="",this._options.title){var i=l("div","jvm-legend-title",this._options.title);this._body.appendChild(i)}for(var s=0;s<e.length;s++){var n=l("div","jvm-legend-tick"),r=l("div","jvm-legend-tick-sample");switch(this._series.config.attribute){case"fill":t=e[s].value,/\.(jpg|gif|png)$/.test(t)?r.style.background="url("+e[s].value+")":r.style.background=e[s].value;break;case"stroke":r.style.background=e[s].value;break;case"image":r.style.background="url("+("object"==typeof e[s].value?e[s].value.url:e[s].value)+") no-repeat center center",r.style.backgroundSize="cover"}n.appendChild(r);var a=e[s].label;this._options.labelRender&&(a=this._options.labelRender(a));var o=l("div","jvm-legend-tick-text",a);n.appendChild(o),this._body.appendChild(n)}},t}(),D=function(){function t(t){this._scale=t}var e=t.prototype;return e.getValue=function(t){return this._scale[t]},e.getTicks=function(){var t=[];for(var e in this._scale)t.push({label:e,value:this._scale[e]});return t},t}(),I=function(){function t(t,e,i){void 0===t&&(t={}),this._map=i,this._elements=e,this._values=t.values||{},this.config=t,this.config.attribute=t.attribute||"fill",t.attributes&&this.setAttributes(t.attributes),"object"==typeof t.scale&&(this.scale=new D(t.scale)),this.config.legend&&(this.legend=new R(u({map:this._map,series:this},this.config.legend))),this.setValues(this._values)}var e=t.prototype;return e.setValues=function(t){var e={};for(var i in t)t[i]&&(e[i]=this.scale.getValue(t[i]));this.setAttributes(e)},e.setAttributes=function(t){for(var e in t)this._elements[e]&&this._elements[e].element.setStyle(this.config.attribute,t[e])},e.clear=function(){var t,e={};for(t in this._values)this._elements[t]&&(e[t]=this._elements[t].element.shape.style.initial[this.config.attribute]);this.setAttributes(e),this._values={}},t}();var H={mill:function(t,e,i){return{x:this.radius*(e-i)*this.radDeg,y:-this.radius*Math.log(Math.tan((45+.4*t)*this.radDeg))/.8}},merc:function(t,e,i){return{x:this.radius*(e-i)*this.radDeg,y:-this.radius*Math.log(Math.tan(Math.PI/4+t*Math.PI/360))}},aea:function(t,e,i){var s=i*this.radDeg,n=29.5*this.radDeg,r=45.5*this.radDeg,a=t*this.radDeg,o=e*this.radDeg,h=(Math.sin(n)+Math.sin(r))/2,l=Math.cos(n)*Math.cos(n)+2*h*Math.sin(n),c=h*(o-s),u=Math.sqrt(l-2*h*Math.sin(a))/h,p=Math.sqrt(l-2*h*Math.sin(0))/h;return{x:u*Math.sin(c)*this.radius,y:-(p-u*Math.cos(c))*this.radius}},lcc:function(t,e,i){var s=i*this.radDeg,n=e*this.radDeg,r=33*this.radDeg,a=45*this.radDeg,o=t*this.radDeg,h=Math.log(Math.cos(r)*(1/Math.cos(a)))/Math.log(Math.tan(Math.PI/4+a/2)*(1/Math.tan(Math.PI/4+r/2))),l=Math.cos(r)*Math.pow(Math.tan(Math.PI/4+r/2),h)/h,c=l*Math.pow(1/Math.tan(Math.PI/4+o/2),h),u=l*Math.pow(1/Math.tan(Math.PI/4+0),h);return{x:c*Math.sin(h*(n-s))*this.radius,y:-(u-c*Math.cos(h*(n-s)))*this.radius}}};H.degRad=180/Math.PI,H.radDeg=Math.PI/180,H.radius=6381372;var V={_setupContainerEvents:function(){var t,e,i=this,s=this,n=!1;this.params.draggable&&(g.on(this.container,"mousemove",(function(i){if(!n)return!1;s.transX-=(t-i.pageX)/s.scale,s.transY-=(e-i.pageY)/s.scale,s._applyTransform(),t=i.pageX,e=i.pageY})),g.on(this.container,"mousedown",(function(i){return n=!0,t=i.pageX,e=i.pageY,!1})),g.on(document.body,"mouseup",(function(){n=!1}))),this.params.zoomOnScroll&&g.on(this.container,"wheel",(function(t){var e=75*((t.deltaY||-t.wheelDelta||t.detail)>>10||1),n=i.container.getBoundingClientRect(),r=t.pageX-n.left-window.scrollX,a=t.pageY-n.top-window.scrollY,o=Math.pow(1+s.params.zoomOnScrollSpeed/1e3,-1.5*e);s.tooltip&&s._tooltip.hide(),s._setScale(s.scale*o,r,a),t.preventDefault()}))},_setupElementEvents:function(){var t,e,i,s=this,n=this.container;g.on(n,"mousemove",(function(s){Math.abs(t-s.pageX)+Math.abs(e-s.pageY)>2&&(i=!0)})),g.delegate(n,"mousedown",".jvm-element",(function(s){t=s.pageX,e=s.pageY,i=!1})),g.delegate(n,"mouseover mouseout",".jvm-element",(function(t){var e=_(s,this,!0),i=s.params.showTooltip;"mouseover"===t.type?(e.element.hover(!0),i&&(s._tooltip.text(e.tooltipText),s._emit(e.event,[t,s._tooltip,e.code]),t.defaultPrevented||s._tooltip.show())):(e.element.hover(!1),i&&s._tooltip.hide())})),g.delegate(n,"mouseup",".jvm-element",(function(t){var e=_(s,this);if(!i&&("region"===e.type&&s.params.regionsSelectable||"marker"===e.type&&s.params.markersSelectable)){var n=e.element;s.params[e.type+"sSelectableOne"]&&("region"===e.type?s.clearSelectedRegions():s.clearSelectedMarkers()),e.element.isSelected?n.select(!1):n.select(!0),s._emit(e.event,[e.code,n.isSelected,"region"===e.type?s.getSelectedRegions():s.getSelectedMarkers()])}})),g.delegate(n,"click",".jvm-element",(function(t){var e=_(s,this),i=e.type,n=e.code;s._emit("region"===i?v.onRegionClick:v.onMarkerClick,[t,n])}))},_setupZoomButtons:function(){var t=this,e=this.params.zoomInButton,i=this.params.zoomOutButton,s=function(t){return"string"==typeof t?document.querySelector(t):t},n=e?s(e):l("div","jvm-zoom-btn jvm-zoomin","&#43;",!0),r=i?s(i):l("div","jvm-zoom-btn jvm-zoomout","&#x2212",!0);e||this.container.appendChild(n),i||this.container.appendChild(r);var a=function(e){return void 0===e&&(e=!0),function(){return t._setScale(e?t.scale*t.params.zoomStep:t.scale/t.params.zoomStep,t._width/2,t._height/2,!1,t.params.zoomAnimate)}};g.on(n,"click",a()),g.on(r,"click",a(!1))},_setupContainerTouchEvents:function(){var t,e,i,s,n,r,a,o=this,h=function(h){var l,c,u,p,d=h.touches;if("touchstart"==h.type&&(a=0),1==d.length){var f;if(1==a)u=o.transX,p=o.transY,o.transX-=(i-d[0].pageX)/o.scale,o.transY-=(s-d[0].pageY)/o.scale,null==(f=o._tooltip)||f.hide(),o._applyTransform(),u==o.transX&&p==o.transY||h.preventDefault();i=d[0].pageX,s=d[0].pageY}else if(2==d.length)if(2==a){var m;c=Math.sqrt(Math.pow(d[0].pageX-d[1].pageX,2)+Math.pow(d[0].pageY-d[1].pageY,2))/e,o._setScale(t*c,n,r),null==(m=o._tooltip)||m.hide(),h.preventDefault()}else{var g=o.container.getBoundingClientRect();l={top:g.top+window.scrollY,left:g.left+window.scrollX},n=d[0].pageX>d[1].pageX?d[1].pageX+(d[0].pageX-d[1].pageX)/2:d[0].pageX+(d[1].pageX-d[0].pageX)/2,r=d[0].pageY>d[1].pageY?d[1].pageY+(d[0].pageY-d[1].pageY)/2:d[0].pageY+(d[1].pageY-d[0].pageY)/2,n-=l.left,r-=l.top,t=o.scale,e=Math.sqrt(Math.pow(d[0].pageX-d[1].pageX,2)+Math.pow(d[0].pageY-d[1].pageY,2))}a=d.length};g.on(o.container,"touchstart",h),g.on(o.container,"touchmove",h)},_createRegions:function(){for(var t in this._regionLabelsGroup=this._regionLabelsGroup||this.canvas.createGroup("jvm-regions-labels-group"),this._mapData.paths){var e=new O({map:this,code:t,path:this._mapData.paths[t].path,style:u({},this.params.regionStyle),labelStyle:this.params.regionLabelStyle,labelsGroup:this._regionLabelsGroup,label:this.params.labels&&this.params.labels.regions});this.regions[t]={config:this._mapData.paths[t],element:e}}},_createLines:function(t){var e=!1,i=!1,s=this.params.lineStyle,n=s.curvature,r=M(s,X);for(var a in t){for(var o=t[a],h=0,l=Object.values(this._markers);h<l.length;h++){var c=l[h].config;c.name===o.from&&(e=this.getMarkerPosition(c)),c.name===o.to&&(i=this.getMarkerPosition(c))}if(!1!==e&&!1!==i){var d=o.style||{},f=d.curvature,m=M(d,Y);this._lines[p(o.from,o.to)]=new A({index:a,map:this,group:this._linesGroup,config:o,x1:e.x,y1:e.y,x2:i.x,y2:i.y,curvature:0==f?0:f||n},u(r,m,!0))}}},_createMarkers:function(t,e){var i=this;void 0===t&&(t={}),void 0===e&&(e=!1);var s=function(){var s=t[n],r=i.getMarkerPosition(s),a=s.coords.join(":");if(!r)return 0;if(e){if(Object.keys(i._markers).filter((function(t){return i._markers[t]._uid===a})).length)return 0;n=Object.keys(i._markers).length}var o=new z({index:n,map:i,label:i.params.labels&&i.params.labels.markers,labelsGroup:i._markerLabelsGroup,cx:r.x,cy:r.y,group:i._markersGroup,config:s,isRecentlyCreated:e},u(i.params.markerStyle,w({},s.style||{}),!0));i._markers[n]&&i.removeMarkers([n]),i._markers[n]={_uid:a,config:s,element:o}};for(var n in t)s()},_createSeries:function(){for(var t in this.series={markers:[],regions:[]},this.params.series)for(var e=0;e<this.params.series[t].length;e++)this.series[t][e]=new I(this.params.series[t][e],"markers"===t?this._markers:this.regions,this)},_applyTransform:function(){var t,e,i,s;this._defaultWidth*this.scale<=this._width?(t=(this._width-this._defaultWidth*this.scale)/(2*this.scale),i=(this._width-this._defaultWidth*this.scale)/(2*this.scale)):(t=0,i=(this._width-this._defaultWidth*this.scale)/this.scale),this._defaultHeight*this.scale<=this._height?(e=(this._height-this._defaultHeight*this.scale)/(2*this.scale),s=(this._height-this._defaultHeight*this.scale)/(2*this.scale)):(e=0,s=(this._height-this._defaultHeight*this.scale)/this.scale),this.transY>e?this.transY=e:this.transY<s&&(this.transY=s),this.transX>t?this.transX=t:this.transX<i&&(this.transX=i),this.canvas.applyTransformParams(this.scale,this.transX,this.transY),this._markers&&this._repositionMarkers(),this._lines&&this._repositionLines(),this._repositionLabels()},_resize:function(){var t=this._baseScale;this._width/this._height>this._defaultWidth/this._defaultHeight?(this._baseScale=this._height/this._defaultHeight,this._baseTransX=Math.abs(this._width-this._defaultWidth*this._baseScale)/(2*this._baseScale)):(this._baseScale=this._width/this._defaultWidth,this._baseTransY=Math.abs(this._height-this._defaultHeight*this._baseScale)/(2*this._baseScale)),this.scale*=this._baseScale/t,this.transX*=this._baseScale/t,this.transY*=this._baseScale/t},_setScale:function(t,e,i,s,n){var r,a,o,h,l,c,u,p,d,f,m=this,g=0,_=Math.abs(Math.round(60*(t-this.scale)/Math.max(t,this.scale)));t>this.params.zoomMax*this._baseScale?t=this.params.zoomMax*this._baseScale:t<this.params.zoomMin*this._baseScale&&(t=this.params.zoomMin*this._baseScale),void 0!==e&&void 0!==i&&(r=t/this.scale,s?(d=e+this._defaultWidth*(this._width/(this._defaultWidth*t))/2,f=i+this._defaultHeight*(this._height/(this._defaultHeight*t))/2):(d=this.transX-(r-1)/t*e,f=this.transY-(r-1)/t*i)),n&&_>0?(o=this.scale,h=(t-o)/_,l=this.transX*this.scale,u=this.transY*this.scale,c=(d*t-l)/_,p=(f*t-u)/_,a=setInterval((function(){g+=1,m.scale=o+h*g,m.transX=(l+c*g)/m.scale,m.transY=(u+p*g)/m.scale,m._applyTransform(),g==_&&(clearInterval(a),m._emit(v.onViewportChange,[m.scale,m.transX,m.transY]))}),10)):(this.transX=d,this.transY=f,this.scale=t,this._applyTransform(),this._emit(v.onViewportChange,[this.scale,this.transX,this.transY]))},setFocus:function(t){var e=this;void 0===t&&(t={});var i,s=[];if(t.region?s.push(t.region):t.regions&&(s=t.regions),s.length)return s.forEach((function(t){if(e.regions[t]){var s=e.regions[t].element.shape.getBBox();s&&(i=void 0===i?s:{x:Math.min(i.x,s.x),y:Math.min(i.y,s.y),width:Math.max(i.x+i.width,s.x+s.width)-Math.min(i.x,s.x),height:Math.max(i.y+i.height,s.y+s.height)-Math.min(i.y,s.y)})}})),this._setScale(Math.min(this._width/i.width,this._height/i.height),-(i.x+i.width/2),-(i.y+i.height/2),!0,t.animate);if(t.coords){var n=this.coordsToPoint(t.coords[0],t.coords[1]),r=this.transX-n.x/this.scale,a=this.transY-n.y/this.scale;return this._setScale(t.scale*this._baseScale,r,a,!0,t.animate)}},updateSize:function(){this._width=this.container.offsetWidth,this._height=this.container.offsetHeight,this._resize(),this.canvas.setSize(this._width,this._height),this._applyTransform()},coordsToPoint:function(t,e){var i=st.maps[this.params.map].projection,s=H[i.type](t,e,i.centralMeridian),n=s.x,r=s.y,a=this.getInsetForPoint(n,r);if(!a)return!1;var o=a.bbox;return n=(n-o[0].x)/(o[1].x-o[0].x)*a.width*this.scale,r=(r-o[0].y)/(o[1].y-o[0].y)*a.height*this.scale,{x:n+this.transX*this.scale+a.left*this.scale,y:r+this.transY*this.scale+a.top*this.scale}},getInsetForPoint:function(t,e){for(var i=st.maps[this.params.map].insets,s=0;s<i.length;s++){var n=i[s].bbox,r=n[0],a=n[1];if(t>r.x&&t<a.x&&e>r.y&&e<a.y)return i[s]}},getMarkerPosition:function(t){var e=t.coords;return st.maps[this.params.map].projection?this.coordsToPoint.apply(this,e):{x:e[0]*this.scale+this.transX*this.scale,y:e[1]*this.scale+this.transY*this.scale}},_repositionLines:function(){var t=this,e=this.params.lineStyle.curvature;Object.values(this._lines).forEach((function(i){var s=Object.values(t._markers).find((function(t){return t.config.name===i.getConfig().from})),n=Object.values(t._markers).find((function(t){return t.config.name===i.getConfig().to}));if(s&&n){var r=t.getMarkerPosition(s.config),a=r.x,o=r.y,h=t.getMarkerPosition(n.config),l=h.x,c=h.y,u=0==i._options.curvature?0:i._options.curvature||e,p=(a+l)/2+u*(c-o),d=(o+c)/2-u*(l-a);i.setStyle({d:"M"+a+","+o+" Q"+p+","+d+" "+l+","+c})}}))},_repositionMarkers:function(){for(var t in this._markers){var e=this.getMarkerPosition(this._markers[t].config);!1!==e&&this._markers[t].element.setStyle({cx:e.x,cy:e.y})}},_repositionLabels:function(){var t=this.params.labels;if(t){if(t.regions)for(var e in this.regions)this.regions[e].element.updateLabelPosition();if(t.markers)for(var i in this._markers)this._markers[i].element.updateLabelPosition()}}},B=function(){function t(t,e){this.node=this._createElement(t),e&&this.set(e)}var e=t.prototype;return e._createElement=function(t){return document.createElementNS("http://www.w3.org/2000/svg",t)},e.addClass=function(t){this.node.setAttribute("class",t)},e.getBBox=function(){return this.node.getBBox()},e.set=function(t,e){if("object"==typeof t)for(var i in t)this.applyAttr(i,t[i]);else this.applyAttr(t,e)},e.get=function(t){return this.style.initial[t]},e.applyAttr=function(t,e){this.node.setAttribute(t.replace(/[\w]([A-Z])/g,(function(t){return t[0]+"-"+t[1]})).toLowerCase(),e)},e.remove=function(){c(this.node)},t}(),G=function(t){function e(e,i,s){var n;return void 0===s&&(s={}),(n=t.call(this,e,i)||this).isHovered=!1,n.isSelected=!1,n.style=s,n.style.current={},n.updateStyle(),n}k(e,t);var i=e.prototype;return i.setStyle=function(t,e){var i;"object"==typeof t?u(this.style.current,t):u(this.style.current,((i={})[t]=e,i));this.updateStyle()},i.updateStyle=function(){var t={};u(t,this.style.initial),u(t,this.style.current),this.isHovered&&u(t,this.style.hover),this.isSelected&&(u(t,this.style.selected),this.isHovered&&u(t,this.style.selectedHover)),this.set(t)},e}(B),W=function(t){function e(e,i){return t.call(this,"text",e,i)||this}return k(e,t),e.prototype.applyAttr=function(e,i){"text"===e?this.node.textContent=i:t.prototype.applyAttr.call(this,e,i)},e}(G),N=function(t){function e(e,i){return t.call(this,"image",e,i)||this}return k(e,t),e.prototype.applyAttr=function(e,i){var s;"image"===e?("object"==typeof i?(s=i.url,this.offset=i.offset||[0,0]):(s=i,this.offset=[0,0]),this.node.setAttributeNS("http://www.w3.org/1999/xlink","href",s),this.width=23,this.height=23,this.applyAttr("width",this.width),this.applyAttr("height",this.height),this.applyAttr("x",this.cx-this.width/2+this.offset[0]),this.applyAttr("y",this.cy-this.height/2+this.offset[1])):"cx"==e?(this.cx=i,this.width&&this.applyAttr("x",i-this.width/2+this.offset[0])):"cy"==e?(this.cy=i,this.height&&this.applyAttr("y",i-this.height/2+this.offset[1])):t.prototype.applyAttr.apply(this,arguments)},e}(G),F=function(t){function e(e){var i;return(i=t.call(this,"svg")||this)._container=e,i._defsElement=new B("defs"),i._rootElement=new B("g",{id:"jvm-regions-group"}),i.node.appendChild(i._defsElement.node),i.node.appendChild(i._rootElement.node),i._container.appendChild(i.node),i}k(e,t);var i=e.prototype;return i.setSize=function(t,e){this.node.setAttribute("width",t),this.node.setAttribute("height",e)},i.applyTransformParams=function(t,e,i){this._rootElement.node.setAttribute("transform","scale("+t+") translate("+e+", "+i+")")},i.createPath=function(t,e,i){var s=new G("path",t,e);return s.node.setAttribute("fill-rule","evenodd"),this._add(s,i)},i.createCircle=function(t,e,i){var s=new G("circle",t,e);return this._add(s,i)},i.createLine=function(t,e,i){var s=new G("line",t,e);return this._add(s,i)},i.createText=function(t,e,i){var s=new W(t,e);return this._add(s,i)},i.createImage=function(t,e,i){var s=new N(t,e);return this._add(s,i)},i.createGroup=function(t){var e=new B("g");return this.node.appendChild(e.node),t&&(e.node.id=t),e.canvas=this,e},i._add=function(t,e){return(e=e||this._rootElement).node.appendChild(t.node),t},e}(B),q=function(t){function e(e){var i;i=t.call(this)||this;var s=l("div","jvm-tooltip");return i._map=e,i._tooltip=document.body.appendChild(s),i._bindEventListeners(),i||function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(i)}k(e,t);var i=e.prototype;return i._bindEventListeners=function(){var t=this;g.on(this._map.container,"mousemove",(function(e){if(t._tooltip.classList.contains("active")){var i,s,n=(i=t._map.container,s="#jvm-regions-group",Element.prototype.querySelector.call(i,s)).getBoundingClientRect(),r=t._tooltip.getBoundingClientRect(),a=r.height,o=r.width,h=e.clientY<=n.top+a+5,l=e.pageY-a-5,c=e.pageX-o-5;h&&(l+=a+5,c-=10),e.clientX<n.left+o+5&&(c=e.pageX+5+2,h&&(c+=10)),t.css({top:l+"px",left:c+"px"})}}))},i.getElement=function(){return this._tooltip},i.show=function(){this._tooltip.classList.add("active")},i.hide=function(){this._tooltip.classList.remove("active")},i.text=function(t,e){void 0===e&&(e=!1);var i=e?"innerHTML":"textContent";if(!t)return this._tooltip[i];this._tooltip[i]=t},i.css=function(t){for(var e in t)this._tooltip.style[e]=t[e];return this},e}(C),U=function(){function t(t,e){var i=t.scale,s=t.values;this._scale=i,this._values=s,this._fromColor=this.hexToRgb(i[0]),this._toColor=this.hexToRgb(i[1]),this._map=e,this.setMinMaxValues(s),this.visualize()}var e=t.prototype;return e.setMinMaxValues=function(t){for(var e in this.min=Number.MAX_VALUE,this.max=0,t)(e=parseFloat(t[e]))>this.max&&(this.max=e),e<this.min&&(this.min=e)},e.visualize=function(){var t,e={};for(var i in this._values)t=parseFloat(this._values[i]),isNaN(t)||(e[i]=this.getValue(t));this.setAttributes(e)},e.setAttributes=function(t){for(var e in t)this._map.regions[e]&&this._map.regions[e].element.setStyle("fill",t[e])},e.getValue=function(t){if(this.min===this.max)return"#"+this._toColor.join("");for(var e,i="#",s=0;s<3;s++)i+=(1===(e=Math.round(this._fromColor[s]+(this._toColor[s]-this._fromColor[s])*((t-this.min)/(this.max-this.min))).toString(16)).length?"0":"")+e;return i},e.hexToRgb=function(t){var e=0,i=0,s=0;return 4==t.length?(e="0x"+t[1]+t[1],i="0x"+t[2]+t[2],s="0x"+t[3]+t[3]):7==t.length&&(e="0x"+t[1]+t[2],i="0x"+t[3]+t[4],s="0x"+t[5]+t[6]),[parseInt(e),parseInt(i),parseInt(s)]},t}(),Q="jvm-",$=Q+"container",Z=Q+"markers-group",J=Q+"markers-labels-group",K=Q+"lines-group",tt=Q+"series-container",et=tt+" "+Q+"series-h",it=tt+" "+Q+"series-v",st=function(){function t(e){var i=this;if(void 0===e&&(e={}),this.params=u(t.defaults,e,!0),!t.maps[this.params.map])throw new Error("Attempt to use map which was not loaded: "+e.map);this.regions={},this.scale=1,this.transX=0,this.transY=0,this._mapData=t.maps[this.params.map],this._markers={},this._lines={},this._defaultWidth=this._mapData.width,this._defaultHeight=this._mapData.height,this._height=0,this._width=0,this._baseScale=1,this._baseTransX=0,this._baseTransY=0,"loading"!==document.readyState?this._init():window.addEventListener("DOMContentLoaded",(function(){return i._init()}))}var e=t.prototype;return e._init=function(){var t=this.params;this.container=h(t.selector),this.container.classList.add($),this.canvas=new F(this.container),this.setBackgroundColor(t.backgroundColor),this._createRegions(),this.updateSize(),t.lines&&(this._linesGroup=this.canvas.createGroup(K)),t.markers&&(this._markersGroup=this.canvas.createGroup(Z),this._markerLabelsGroup=this.canvas.createGroup(J)),this._createMarkers(t.markers),this._createLines(t.lines||{}),this._repositionLabels(),this._setupContainerEvents(),this._setupElementEvents(),t.zoomButtons&&this._setupZoomButtons(),t.showTooltip&&(this._tooltip=new q(this)),t.selectedRegions&&this._setSelected("regions",t.selectedRegions),t.selectedMarkers&&this._setSelected("_markers",t.selectedMarkers),t.focusOn&&this.setFocus(t.focusOn),t.visualizeData&&(this.dataVisualization=new U(t.visualizeData,this)),t.bindTouchEvents&&("ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch)&&this._setupContainerTouchEvents(),t.series&&(this.container.appendChild(this.legendHorizontal=l("div",et)),this.container.appendChild(this.legendVertical=l("div",it)),this._createSeries()),this._emit(v.onLoaded,[this])},e.setBackgroundColor=function(t){this.container.style.backgroundColor=t},e.getSelectedRegions=function(){return this._getSelected("regions")},e.clearSelectedRegions=function(t){var e=this;void 0===t&&(t=void 0),(t=this._normalizeRegions(t)||this._getSelected("regions")).forEach((function(t){e.regions[t].element.select(!1)}))},e.setSelectedRegions=function(t){this.clearSelectedRegions(),this._setSelected("regions",this._normalizeRegions(t))},e.getSelectedMarkers=function(){return this._getSelected("_markers")},e.clearSelectedMarkers=function(){this._clearSelected("_markers")},e.setSelectedMarkers=function(t){this._setSelected("_markers",t)},e.addMarkers=function(t){t=Array.isArray(t)?t:[t],this._createMarkers(t,!0)},e.removeMarkers=function(t){var e=this;t||(t=Object.keys(this._markers)),t.forEach((function(t){e._markers[t].element.remove(),delete e._markers[t]}))},e.addLine=function(t,e,i){void 0===i&&(i={}),console.warn("`addLine` method is deprecated, please use `addLines` instead."),this._createLines([{from:t,to:e,style:i}],this._markers,!0)},e.addLines=function(t){var e=this._getLinesAsUids();Array.isArray(t)||(t=[t]),this._createLines(t.filter((function(t){return!(e.indexOf(p(t.from,t.to))>-1)})),!0)},e.removeLines=function(t){var e=this;(t=Array.isArray(t)?t.map((function(t){return p(t.from,t.to)})):this._getLinesAsUids()).forEach((function(t){e._lines[t].dispose(),delete e._lines[t]}))},e.removeLine=function(t,e){console.warn("`removeLine` method is deprecated, please use `removeLines` instead.");var i=p(t,e);this._lines.hasOwnProperty(i)&&(this._lines[i].element.remove(),delete this._lines[i])},e.reset=function(){for(var t in this.series)for(var e=0;e<this.series[t].length;e++)this.series[t][e].clear();this.legendHorizontal&&(c(this.legendHorizontal),this.legendHorizontal=null),this.legendVertical&&(c(this.legendVertical),this.legendVertical=null),this.scale=this._baseScale,this.transX=this._baseTransX,this.transY=this._baseTransY,this._applyTransform(),this.clearSelectedMarkers(),this.clearSelectedRegions(),this.removeMarkers()},e.destroy=function(t){var e=this;void 0===t&&(t=!0),g.flush(),this._tooltip.dispose(),this._emit(v.onDestroyed),t&&Object.keys(this).forEach((function(t){try{delete e[t]}catch(t){}}))},e.extend=function(e,i){if("function"==typeof this[e])throw new Error("The method ["+e+"] does already exist, please use another name.");t.prototype[e]=i},e._emit=function(t,e){for(var i in v)v[i]===t&&"function"==typeof this.params[i]&&this.params[i].apply(this,e)},e._getSelected=function(t){var e=[];for(var i in this[t])this[t][i].element.isSelected&&e.push(i);return e},e._setSelected=function(t,e){var i=this;e.forEach((function(e){i[t][e]&&i[t][e].element.select(!0)}))},e._clearSelected=function(t){var e=this;this._getSelected(t).forEach((function(i){e[t][i].element.select(!1)}))},e._getLinesAsUids=function(){return Object.keys(this._lines)},e._normalizeRegions=function(t){return"string"==typeof t?[t]:t},t}();st.maps={},st.defaults={map:"world",backgroundColor:"transparent",draggable:!0,zoomButtons:!0,zoomOnScroll:!0,zoomOnScrollSpeed:3,zoomMax:12,zoomMin:1,zoomAnimate:!0,showTooltip:!0,zoomStep:1.5,bindTouchEvents:!0,lineStyle:{curvature:0,stroke:"#808080",strokeWidth:1,strokeLinecap:"round"},markersSelectable:!1,markersSelectableOne:!1,markerStyle:{initial:{r:7,fill:"#374151",fillOpacity:1,stroke:"#FFF",strokeWidth:5,strokeOpacity:.5},hover:{fill:"#3cc0ff",cursor:"pointer"},selected:{fill:"blue"},selectedHover:{}},markerLabelStyle:{initial:{fontFamily:"Verdana",fontSize:12,fontWeight:500,cursor:"default",fill:"#374151"},hover:{cursor:"pointer"},selected:{},selectedHover:{}},regionsSelectable:!1,regionsSelectableOne:!1,regionStyle:{initial:{fill:"#dee2e8",fillOpacity:1,stroke:"none",strokeWidth:0},hover:{fillOpacity:.7,cursor:"pointer"},selected:{fill:"#9ca3af"},selectedHover:{}},regionLabelStyle:{initial:{fontFamily:"Verdana",fontSize:"12",fontWeight:"bold",cursor:"default",fill:"#35373e"},hover:{cursor:"pointer"}}},Object.assign(st.prototype,V);var nt=function(){function t(t){if(void 0===t&&(t={}),!t.selector)throw new Error("Selector is not given.");return new st(t)}return t.addMap=function(t,e){st.maps[t]=e},t}();return window.jsVectorMap=nt}));
diff --git a/ci4app/public/assets/raven/vendor/js/just-validate.production.min.js b/ci4app/public/assets/raven/vendor/js/just-validate.production.min.js
new file mode 100644
index 0000000..1bab58f
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/js/just-validate.production.min.js
@@ -0,0 +1 @@
+var __defProp=Object.defineProperty,__defNormalProp=(e,i,t)=>i in e?__defProp(e,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[i]=t,__publicField=(e,i,t)=>(__defNormalProp(e,"symbol"!=typeof i?i+"":i,t),t);!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(e="undefined"!=typeof globalThis?globalThis:e||self).JustValidate=i()}(this,(function(){"use strict";const e=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,i=/^-?[0-9]\d*$/,t=/^(?=.*[A-Za-z])(?=.*\d).{8,}$/,s=/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/,l=e=>"string"!=typeof e||""===e;var r=(e=>(e.Required="required",e.Email="email",e.MinLength="minLength",e.MaxLength="maxLength",e.Password="password",e.Number="number",e.Integer="integer",e.MaxNumber="maxNumber",e.MinNumber="minNumber",e.StrongPassword="strongPassword",e.CustomRegexp="customRegexp",e.MinFilesCount="minFilesCount",e.MaxFilesCount="maxFilesCount",e.Files="files",e))(r||{}),o=(e=>(e.Required="required",e))(o||{}),a=(e=>(e.Label="label",e.LabelArrow="labelArrow",e))(a||{});const n=[{key:r.Required,dict:{en:"The field is required"}},{key:r.Email,dict:{en:"Email has invalid format"}},{key:r.MaxLength,dict:{en:"The field must contain a maximum of :value characters"}},{key:r.MinLength,dict:{en:"The field must contain a minimum of :value characters"}},{key:r.Password,dict:{en:"Password must contain minimum eight characters, at least one letter and one number"}},{key:r.StrongPassword,dict:{en:"Password should contain minimum eight characters, at least one uppercase letter, one lowercase letter, one number and one special character"}},{key:r.Number,dict:{en:"Value should be a number"}},{key:r.MaxNumber,dict:{en:"Number should be less or equal than :value"}},{key:r.MinNumber,dict:{en:"Number should be more or equal than :value"}},{key:r.MinFilesCount,dict:{en:"Files count should be more or equal than :value"}},{key:r.MaxFilesCount,dict:{en:"Files count should be less or equal than :value"}},{key:r.Files,dict:{en:"Uploaded files have one or several invalid properties (extension/size/type etc)."}}],d=e=>"object"==typeof e&&null!==e&&"then"in e&&"function"==typeof e.then,c=e=>Array.isArray(e)?e.filter((e=>e.length>0)):"string"==typeof e&&e.trim()?[...e.split(" ").filter((e=>e.length>0))]:[],u=e=>e instanceof Element||e instanceof HTMLDocument,h={errorFieldStyle:{color:"#b81111",border:"1px solid #B81111"},errorFieldCssClass:"just-validate-error-field",successFieldCssClass:"just-validate-success-field",errorLabelStyle:{color:"#b81111"},errorLabelCssClass:"just-validate-error-label",successLabelCssClass:"just-validate-success-label",focusInvalidField:!0,lockForm:!0,testingMode:!1,validateBeforeSubmitting:!1,submitFormAutomatically:!1};return class{constructor(e,i,t){__publicField(this,"form",null),__publicField(this,"fields",{}),__publicField(this,"groupFields",{}),__publicField(this,"errors",{}),__publicField(this,"isValid",!1),__publicField(this,"isSubmitted",!1),__publicField(this,"globalConfig",h),__publicField(this,"errorLabels",{}),__publicField(this,"successLabels",{}),__publicField(this,"eventListeners",[]),__publicField(this,"dictLocale",n),__publicField(this,"currentLocale","en"),__publicField(this,"customStyleTags",{}),__publicField(this,"onSuccessCallback"),__publicField(this,"onFailCallback"),__publicField(this,"onValidateCallback"),__publicField(this,"tooltips",[]),__publicField(this,"lastScrollPosition"),__publicField(this,"isScrollTick"),__publicField(this,"fieldIds",new Map),__publicField(this,"getKeyByFieldSelector",(e=>this.fieldIds.get(e))),__publicField(this,"getFieldSelectorByKey",(e=>{for(const[i,t]of this.fieldIds)if(e===t)return i})),__publicField(this,"getCompatibleFields",(()=>{const e={};return Object.keys(this.fields).forEach((i=>{let t=i;const s=this.getFieldSelectorByKey(i);"string"==typeof s&&(t=s),e[t]={...this.fields[i]}})),e})),__publicField(this,"setKeyByFieldSelector",(e=>{if(this.fieldIds.has(e))return this.fieldIds.get(e);const i=String(this.fieldIds.size+1);return this.fieldIds.set(e,i),i})),__publicField(this,"refreshAllTooltips",(()=>{this.tooltips.forEach((e=>{e.refresh()}))})),__publicField(this,"handleDocumentScroll",(()=>{this.lastScrollPosition=window.scrollY,this.isScrollTick||(window.requestAnimationFrame((()=>{this.refreshAllTooltips(),this.isScrollTick=!1})),this.isScrollTick=!0)})),__publicField(this,"formSubmitHandler",(e=>{e.preventDefault(),this.isSubmitted=!0,this.validateHandler(e)})),__publicField(this,"handleFieldChange",(e=>{let i;for(const t in this.fields){if(this.fields[t].elem===e){i=t;break}}i&&(this.fields[i].touched=!0,this.validateField(i,!0))})),__publicField(this,"handleGroupChange",(e=>{let i;for(const t in this.groupFields){if(this.groupFields[t].elems.find((i=>i===e))){i=t;break}}i&&(this.groupFields[i].touched=!0,this.validateGroup(i,!0))})),__publicField(this,"handlerChange",(e=>{e.target&&(this.handleFieldChange(e.target),this.handleGroupChange(e.target),this.renderErrors())})),this.initialize(e,i,t)}initialize(e,i,t){if(this.form=null,this.errors={},this.isValid=!1,this.isSubmitted=!1,this.globalConfig=h,this.errorLabels={},this.successLabels={},this.eventListeners=[],this.customStyleTags={},this.tooltips=[],this.currentLocale="en","string"==typeof e){const i=document.querySelector(e);if(!i)throw Error(`Form with ${e} selector not found! Please check the form selector`);this.setForm(i)}else{if(!(e instanceof HTMLFormElement))throw Error("Form selector is not valid. Please specify a string selector or a DOM element.");this.setForm(e)}if(this.globalConfig={...h,...i},t&&(this.dictLocale=[...t,...n]),this.isTooltip()){const e=document.createElement("style");e.textContent=".just-validate-error-label[data-tooltip=true]{position:fixed;padding:4px 8px;background:#423f3f;color:#fff;white-space:nowrap;z-index:10;border-radius:4px;transform:translateY(-5px)}.just-validate-error-label[data-tooltip=true]:before{content:'';width:0;height:0;border-left:solid 5px transparent;border-right:solid 5px transparent;border-bottom:solid 5px #423f3f;position:absolute;z-index:3;display:block;bottom:-5px;transform:rotate(180deg);left:calc(50% - 5px)}.just-validate-error-label[data-tooltip=true][data-direction=left]{transform:translateX(-5px)}.just-validate-error-label[data-tooltip=true][data-direction=left]:before{right:-7px;bottom:auto;left:auto;top:calc(50% - 2px);transform:rotate(90deg)}.just-validate-error-label[data-tooltip=true][data-direction=right]{transform:translateX(5px)}.just-validate-error-label[data-tooltip=true][data-direction=right]:before{right:auto;bottom:auto;left:-7px;top:calc(50% - 2px);transform:rotate(-90deg)}.just-validate-error-label[data-tooltip=true][data-direction=bottom]{transform:translateY(5px)}.just-validate-error-label[data-tooltip=true][data-direction=bottom]:before{right:auto;bottom:auto;left:calc(50% - 5px);top:-5px;transform:rotate(0)}",this.customStyleTags[a.Label]=document.head.appendChild(e),this.addListener("scroll",document,this.handleDocumentScroll)}}getLocalisedString(e,i,t){var s;const l=null!=t?t:e;let o=null==(s=this.dictLocale.find((e=>e.key===l)))?void 0:s.dict[this.currentLocale];if(o||t&&(o=t),o&&void 0!==i)switch(e){case r.MaxLength:case r.MinLength:case r.MaxNumber:case r.MinNumber:case r.MinFilesCount:case r.MaxFilesCount:o=o.replace(":value",String(i))}return o||t||"Value is incorrect"}getFieldErrorMessage(e,i){const t="function"==typeof e.errorMessage?e.errorMessage(this.getElemValue(i),this.fields):e.errorMessage;return this.getLocalisedString(e.rule,e.value,t)}getFieldSuccessMessage(e,i){const t="function"==typeof e?e(this.getElemValue(i),this.fields):e;return this.getLocalisedString(void 0,void 0,t)}getGroupErrorMessage(e){return this.getLocalisedString(e.rule,void 0,e.errorMessage)}getGroupSuccessMessage(e){if(e.successMessage)return this.getLocalisedString(void 0,void 0,e.successMessage)}setFieldInvalid(e,i){this.fields[e].isValid=!1,this.fields[e].errorMessage=this.getFieldErrorMessage(i,this.fields[e].elem)}setFieldValid(e,i){this.fields[e].isValid=!0,void 0!==i&&(this.fields[e].successMessage=this.getFieldSuccessMessage(i,this.fields[e].elem))}setGroupInvalid(e,i){this.groupFields[e].isValid=!1,this.groupFields[e].errorMessage=this.getGroupErrorMessage(i)}setGroupValid(e,i){this.groupFields[e].isValid=!0,this.groupFields[e].successMessage=this.getGroupSuccessMessage(i)}getElemValue(e){switch(e.type){case"checkbox":return e.checked;case"file":return e.files;default:return e.value}}validateGroupRule(e,i,t){if(t.rule===o.Required)i.every((e=>!e.checked))?this.setGroupInvalid(e,t):this.setGroupValid(e,t)}validateFieldRule(o,a,n,c=!1){const u=n.value,h=this.getElemValue(a);if(n.plugin){n.plugin(h,this.getCompatibleFields())||this.setFieldInvalid(o,n)}else{switch(n.rule){case r.Required:(e=>{let i=e;return"string"==typeof e&&(i=e.trim()),!i})(h)&&this.setFieldInvalid(o,n);break;case r.Email:if(l(h))break;f=h,e.test(f)||this.setFieldInvalid(o,n);break;case r.MaxLength:if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(l(h))break;((e,i)=>e.length>i)(h,u)&&this.setFieldInvalid(o,n);break;case r.MinLength:if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(l(h))break;((e,i)=>e.length<i)(h,u)&&this.setFieldInvalid(o,n);break;case r.Password:if(l(h))break;(e=>t.test(e))(h)||this.setFieldInvalid(o,n);break;case r.StrongPassword:if(l(h))break;(e=>s.test(e))(h)||this.setFieldInvalid(o,n);break;case r.Number:if(l(h))break;(e=>"string"==typeof e&&!isNaN(+e)&&!isNaN(parseFloat(e)))(h)||this.setFieldInvalid(o,n);break;case r.Integer:if(l(h))break;(e=>i.test(e))(h)||this.setFieldInvalid(o,n);break;case r.MaxNumber:{if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] field should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(l(h))break;const e=+h;(Number.isNaN(e)||((e,i)=>e>i)(e,u))&&this.setFieldInvalid(o,n);break}case r.MinNumber:{if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] field should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(l(h))break;const e=+h;(Number.isNaN(e)||((e,i)=>e<i)(e,u))&&this.setFieldInvalid(o,n);break}case r.CustomRegexp:{if(void 0===u)return console.error(`Value for ${n.rule} rule for [${o}] field is not defined. This field will be always invalid.`),void this.setFieldInvalid(o,n);let e;try{e=new RegExp(u)}catch(b){console.error(`Value for ${n.rule} rule for [${o}] should be a valid regexp. This field will be always invalid.`),this.setFieldInvalid(o,n);break}const i=String(h);""===i||e.test(i)||this.setFieldInvalid(o,n);break}case r.MinFilesCount:if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. This field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] field should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(Number.isFinite(null==h?void 0:h.length)&&h.length<u){this.setFieldInvalid(o,n);break}break;case r.MaxFilesCount:if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. This field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] field should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(Number.isFinite(null==h?void 0:h.length)&&h.length>u){this.setFieldInvalid(o,n);break}break;case r.Files:{if(void 0===u)return console.error(`Value for ${n.rule} rule for [${o}] field is not defined. This field will be always invalid.`),void this.setFieldInvalid(o,n);if("object"!=typeof u)return console.error(`Value for ${n.rule} rule for [${o}] field should be an object. This field will be always invalid.`),void this.setFieldInvalid(o,n);const e=u.files;if("object"!=typeof e)return console.error(`Value for ${n.rule} rule for [${o}] field should be an object with files array. This field will be always invalid.`),void this.setFieldInvalid(o,n);const i=(e,i)=>{const t=Number.isFinite(i.minSize)&&e.size<i.minSize,s=Number.isFinite(i.maxSize)&&e.size>i.maxSize,l=Array.isArray(i.names)&&!i.names.includes(e.name),r=Array.isArray(i.extensions)&&!i.extensions.includes(e.name.split(".")[e.name.split(".").length-1]),o=Array.isArray(i.types)&&!i.types.includes(e.type);return t||s||l||r||o};if("object"==typeof h&&null!==h)for(let t=0,s=h.length;t<s;++t){const s=h.item(t);if(!s){this.setFieldInvalid(o,n);break}if(i(s,e)){this.setFieldInvalid(o,n);break}}break}default:{if("function"!=typeof n.validator)return console.error(`Validator for custom rule for [${o}] field should be a function. This field will be always invalid.`),void this.setFieldInvalid(o,n);const e=n.validator(h,this.getCompatibleFields());if("boolean"!=typeof e&&"function"!=typeof e&&console.error(`Validator return value for [${o}] field should be boolean or function. It will be cast to boolean.`),"function"==typeof e){if(!c){this.fields[o].asyncCheckPending=!1;const i=e();return d(i)?i.then((e=>{e||this.setFieldInvalid(o,n)})).catch((()=>{this.setFieldInvalid(o,n)})):(console.error(`Validator function for custom rule for [${o}] field should return a Promise. This field will be always invalid.`),void this.setFieldInvalid(o,n))}this.fields[o].asyncCheckPending=!0}e||this.setFieldInvalid(o,n)}}var f}}isFormValid(){let e=!0;for(let i=0,t=Object.values(this.fields).length;i<t;++i){const t=Object.values(this.fields)[i];if(void 0===t.isValid){e=void 0;break}if(!1===t.isValid){e=!1;break}}for(let i=0,t=Object.values(this.groupFields).length;i<t;++i){const t=Object.values(this.groupFields)[i];if(void 0===t.isValid){e=void 0;break}if(!1===t.isValid){e=!1;break}}return e}validateField(e,i=!1){var t;const s=this.fields[e];s.isValid=!0;const l=[];return[...s.rules].reverse().forEach((t=>{const r=this.validateFieldRule(e,s.elem,t,i);d(r)&&l.push(r)})),s.isValid&&this.setFieldValid(e,null==(t=s.config)?void 0:t.successMessage),Promise.allSettled(l).finally((()=>{var e;i&&(null==(e=this.onValidateCallback)||e.call(this,{isValid:this.isFormValid(),isSubmitted:this.isSubmitted,fields:this.getCompatibleFields(),groups:{...this.groupFields}}))}))}revalidateField(e){if("string"!=typeof e&&!u(e))throw Error("Field selector is not valid. Please specify a string selector or a valid DOM element.");const i=this.getKeyByFieldSelector(e);return i&&this.fields[i]?new Promise((e=>{this.validateField(i,!0).finally((()=>{this.clearFieldStyle(i),this.clearFieldLabel(i),this.renderFieldError(i,!0),e(!!this.fields[i].isValid)}))})):(console.error("Field not found. Check the field selector."),Promise.reject())}revalidateGroup(e){if("string"!=typeof e&&!u(e))throw Error("Group selector is not valid. Please specify a string selector or a valid DOM element.");const i=this.getKeyByFieldSelector(e);return i&&this.groupFields[i]?new Promise((e=>{this.validateGroup(i).finally((()=>{this.clearFieldLabel(i),this.renderGroupError(i,!0),e(!!this.groupFields[i].isValid)}))})):(console.error("Group not found. Check the group selector."),Promise.reject())}validateGroup(e,i=!1){const t=this.groupFields[e],s=[];return[...t.rules].reverse().forEach((i=>{const l=this.validateGroupRule(e,t.elems,i);d(l)&&s.push(l)})),Promise.allSettled(s).finally((()=>{var e;i&&(null==(e=this.onValidateCallback)||e.call(this,{isValid:this.isFormValid(),isSubmitted:this.isSubmitted,fields:this.getCompatibleFields(),groups:{...this.groupFields}}))}))}focusInvalidField(){for(const e in this.fields){const i=this.fields[e];if(!i.isValid){setTimeout((()=>i.elem.focus()),0);break}}}afterSubmitValidation(e=!1){this.renderErrors(e),this.globalConfig.focusInvalidField&&this.focusInvalidField()}validate(e=!1){return new Promise((i=>{const t=[];Object.keys(this.fields).forEach((e=>{const i=this.validateField(e);d(i)&&t.push(i)})),Object.keys(this.groupFields).forEach((e=>{const i=this.validateGroup(e);d(i)&&t.push(i)})),Promise.allSettled(t).then((()=>{var s;this.afterSubmitValidation(e),null==(s=this.onValidateCallback)||s.call(this,{isValid:this.isFormValid(),isSubmitted:this.isSubmitted,fields:this.getCompatibleFields(),groups:{...this.groupFields}}),i(!!t.length)}))}))}revalidate(){return new Promise((e=>{this.validateHandler(void 0,!0).finally((()=>{this.globalConfig.focusInvalidField&&this.focusInvalidField(),e(this.isValid)}))}))}validateHandler(e,i=!1){return this.globalConfig.lockForm&&this.lockForm(),this.validate(i).finally((()=>{var i,t,s;this.globalConfig.lockForm&&this.unlockForm(),this.isValid?(null==(i=this.onSuccessCallback)||i.call(this,e),this.globalConfig.submitFormAutomatically&&(null==(t=null==e?void 0:e.currentTarget)||t.submit())):null==(s=this.onFailCallback)||s.call(this,this.getCompatibleFields(),this.groupFields)}))}setForm(e){this.form=e,this.form.setAttribute("novalidate","novalidate"),this.removeListener("submit",this.form,this.formSubmitHandler),this.addListener("submit",this.form,this.formSubmitHandler)}addListener(e,i,t){i.addEventListener(e,t),this.eventListeners.push({type:e,elem:i,func:t})}removeListener(e,i,t){i.removeEventListener(e,t),this.eventListeners=this.eventListeners.filter((t=>t.type!==e||t.elem!==i))}addField(e,i,t){if("string"!=typeof e&&!u(e))throw Error("Field selector is not valid. Please specify a string selector or a valid DOM element.");let s;if(s="string"==typeof e?this.form.querySelector(e):e,!s)throw Error("Field doesn't exist in the DOM! Please check the field selector.");if(!Array.isArray(i)||!i.length)throw Error("Rules argument should be an array and should contain at least 1 element.");i.forEach((e=>{if(!("rule"in e||"validator"in e||"plugin"in e))throw Error("Rules argument must contain at least one rule or validator property.");if(!(e.validator||e.plugin||e.rule&&Object.values(r).includes(e.rule)))throw Error(`Rule should be one of these types: ${Object.values(r).join(", ")}. Provided value: ${e.rule}`)}));const l=this.setKeyByFieldSelector(e);return this.fields[l]={elem:s,rules:i,isValid:void 0,touched:!1,config:t},this.setListeners(s),(this.isSubmitted||this.globalConfig.validateBeforeSubmitting)&&this.validateField(l),this}removeField(e){if("string"!=typeof e&&!u(e))throw Error("Field selector is not valid. Please specify a string selector or a valid DOM element.");const i=this.getKeyByFieldSelector(e);if(!i||!this.fields[i])return console.error("Field not found. Check the field selector."),this;const t=this.getListenerType(this.fields[i].elem.type);return this.removeListener(t,this.fields[i].elem,this.handlerChange),this.clearErrors(),delete this.fields[i],this}removeGroup(e){if("string"!=typeof e)throw Error("Group selector is not valid. Please specify a string selector.");const i=this.getKeyByFieldSelector(e);return i&&this.groupFields[i]?(this.groupFields[i].elems.forEach((e=>{const i=this.getListenerType(e.type);this.removeListener(i,e,this.handlerChange)})),this.clearErrors(),delete this.groupFields[i],this):(console.error("Group not found. Check the group selector."),this)}addRequiredGroup(e,i,t,s){if("string"!=typeof e&&!u(e))throw Error("Group selector is not valid. Please specify a string selector or a valid DOM element.");let l;if(l="string"==typeof e?this.form.querySelector(e):e,!l)throw Error("Group selector not found! Please check the group selector.");const r=l.querySelectorAll("input"),a=Array.from(r).filter((e=>{const i=((e,i)=>{const t=[...i].reverse();for(let s=0,l=t.length;s<l;++s){const i=t[s];for(const t in e){const s=e[t];if(s.groupElem===i)return[t,s]}}return null})(this.groupFields,(e=>{let i=e;const t=[];for(;i;)t.unshift(i),i=i.parentNode;return t})(e));return!i||i[1].elems.find((i=>i!==e))})),n=this.setKeyByFieldSelector(e);return this.groupFields[n]={rules:[{rule:o.Required,errorMessage:i,successMessage:s}],groupElem:l,elems:a,touched:!1,isValid:void 0,config:t},r.forEach((e=>{this.setListeners(e)})),this}getListenerType(e){switch(e){case"checkbox":case"select-one":case"file":case"radio":return"change";default:return"input"}}setListeners(e){const i=this.getListenerType(e.type);this.removeListener(i,e,this.handlerChange),this.addListener(i,e,this.handlerChange)}clearFieldLabel(e){var i,t;null==(i=this.errorLabels[e])||i.remove(),null==(t=this.successLabels[e])||t.remove()}clearFieldStyle(e){var i,t,s,l;const r=this.fields[e],o=(null==(i=r.config)?void 0:i.errorFieldStyle)||this.globalConfig.errorFieldStyle;Object.keys(o).forEach((e=>{r.elem.style[e]=""}));const a=(null==(t=r.config)?void 0:t.successFieldStyle)||this.globalConfig.successFieldStyle||{};Object.keys(a).forEach((e=>{r.elem.style[e]=""})),r.elem.classList.remove(...c((null==(s=r.config)?void 0:s.errorFieldCssClass)||this.globalConfig.errorFieldCssClass),...c((null==(l=r.config)?void 0:l.successFieldCssClass)||this.globalConfig.successFieldCssClass))}clearErrors(){var e,i;Object.keys(this.errorLabels).forEach((e=>this.errorLabels[e].remove())),Object.keys(this.successLabels).forEach((e=>this.successLabels[e].remove()));for(const t in this.fields)this.clearFieldStyle(t);for(const t in this.groupFields){const s=this.groupFields[t],l=(null==(e=s.config)?void 0:e.errorFieldStyle)||this.globalConfig.errorFieldStyle;Object.keys(l).forEach((e=>{s.elems.forEach((i=>{var t;i.style[e]="",i.classList.remove(...c((null==(t=s.config)?void 0:t.errorFieldCssClass)||this.globalConfig.errorFieldCssClass))}))}));const r=(null==(i=s.config)?void 0:i.successFieldStyle)||this.globalConfig.successFieldStyle||{};Object.keys(r).forEach((e=>{s.elems.forEach((i=>{var t;i.style[e]="",i.classList.remove(...c((null==(t=s.config)?void 0:t.successFieldCssClass)||this.globalConfig.successFieldCssClass))}))}))}this.tooltips=[]}isTooltip(){return!!this.globalConfig.tooltip}lockForm(){const e=this.form.querySelectorAll("input, textarea, button, select");for(let i=0,t=e.length;i<t;++i)e[i].setAttribute("data-just-validate-fallback-disabled",e[i].disabled?"true":"false"),e[i].setAttribute("disabled","disabled"),e[i].style.pointerEvents="none",e[i].style.webkitFilter="grayscale(100%)",e[i].style.filter="grayscale(100%)"}unlockForm(){const e=this.form.querySelectorAll("input, textarea, button, select");for(let i=0,t=e.length;i<t;++i)"true"!==e[i].getAttribute("data-just-validate-fallback-disabled")&&e[i].removeAttribute("disabled"),e[i].style.pointerEvents="",e[i].style.webkitFilter="",e[i].style.filter=""}renderTooltip(e,i,t){var s;const{top:l,left:r,width:o,height:a}=e.getBoundingClientRect(),n=i.getBoundingClientRect(),d=t||(null==(s=this.globalConfig.tooltip)?void 0:s.position);switch(d){case"left":i.style.top=l+a/2-n.height/2+"px",i.style.left=r-n.width-5+"px";break;case"top":i.style.top=l-n.height-5+"px",i.style.left=r+o/2-n.width/2+"px";break;case"right":i.style.top=l+a/2-n.height/2+"px",i.style.left=`${r+o+5}px`;break;case"bottom":i.style.top=`${l+a+5}px`,i.style.left=r+o/2-n.width/2+"px"}i.dataset.direction=d;return{refresh:()=>{this.renderTooltip(e,i,t)}}}createErrorLabelElem(e,i,t){const s=document.createElement("div");s.innerHTML=i;const l=this.isTooltip()?null==t?void 0:t.errorLabelStyle:(null==t?void 0:t.errorLabelStyle)||this.globalConfig.errorLabelStyle;return Object.assign(s.style,l),s.classList.add(...c((null==t?void 0:t.errorLabelCssClass)||this.globalConfig.errorLabelCssClass),"just-validate-error-label"),this.isTooltip()&&(s.dataset.tooltip="true"),this.globalConfig.testingMode&&(s.dataset.testId=`error-label-${e}`),this.errorLabels[e]=s,s}createSuccessLabelElem(e,i,t){if(void 0===i)return null;const s=document.createElement("div");s.innerHTML=i;const l=(null==t?void 0:t.successLabelStyle)||this.globalConfig.successLabelStyle;return Object.assign(s.style,l),s.classList.add(...c((null==t?void 0:t.successLabelCssClass)||this.globalConfig.successLabelCssClass),"just-validate-success-label"),this.globalConfig.testingMode&&(s.dataset.testId=`success-label-${e}`),this.successLabels[e]=s,s}renderErrorsContainer(e,i){const t=i||this.globalConfig.errorsContainer;if("string"==typeof t){const i=this.form.querySelector(t);if(i)return i.appendChild(e),!0;console.error(`Error container with ${t} selector not found. Errors will be rendered as usual`)}return t instanceof Element?(t.appendChild(e),!0):(void 0!==t&&console.error("Error container not found. It should be a string or existing Element. Errors will be rendered as usual"),!1)}renderGroupLabel(e,i,t,s){if(!s){if(this.renderErrorsContainer(i,t))return}e.appendChild(i)}renderFieldLabel(e,i,t,s){var l,r,o,a,n,d,c;if(!s){if(this.renderErrorsContainer(i,t))return}if("checkbox"===e.type||"radio"===e.type){const t=document.querySelector(`label[for="${e.getAttribute("id")}"]`);"label"===(null==(r=null==(l=e.parentElement)?void 0:l.tagName)?void 0:r.toLowerCase())?null==(a=null==(o=e.parentElement)?void 0:o.parentElement)||a.appendChild(i):t?null==(n=t.parentElement)||n.appendChild(i):null==(d=e.parentElement)||d.appendChild(i)}else null==(c=e.parentElement)||c.appendChild(i)}showLabels(e,i){Object.keys(e).forEach(((t,s)=>{const l=e[t],r=this.getKeyByFieldSelector(t);if(!r||!this.fields[r])return void console.error("Field not found. Check the field selector.");const o=this.fields[r];o.isValid=!i,this.clearFieldStyle(r),this.clearFieldLabel(r),this.renderFieldError(r,!1,l),0===s&&this.globalConfig.focusInvalidField&&setTimeout((()=>o.elem.focus()),0)}))}showErrors(e){if("object"!=typeof e)throw Error("[showErrors]: Errors should be an object with key: value format");this.showLabels(e,!0)}showSuccessLabels(e){if("object"!=typeof e)throw Error("[showSuccessLabels]: Labels should be an object with key: value format");this.showLabels(e,!1)}renderFieldError(e,i=!1,t){var s,l,r,o,a,n;const d=this.fields[e];if(!1===d.isValid&&(this.isValid=!1),void 0===d.isValid||!i&&!this.isSubmitted&&!d.touched&&void 0===t)return;if(d.isValid){if(!d.asyncCheckPending){const i=this.createSuccessLabelElem(e,void 0!==t?t:d.successMessage,d.config);i&&this.renderFieldLabel(d.elem,i,null==(s=d.config)?void 0:s.errorsContainer,!0),d.elem.classList.add(...c((null==(l=d.config)?void 0:l.successFieldCssClass)||this.globalConfig.successFieldCssClass))}return}d.elem.classList.add(...c((null==(r=d.config)?void 0:r.errorFieldCssClass)||this.globalConfig.errorFieldCssClass));const u=this.createErrorLabelElem(e,void 0!==t?t:d.errorMessage,d.config);this.renderFieldLabel(d.elem,u,null==(o=d.config)?void 0:o.errorsContainer),this.isTooltip()&&this.tooltips.push(this.renderTooltip(d.elem,u,null==(n=null==(a=d.config)?void 0:a.tooltip)?void 0:n.position))}renderGroupError(e,i=!0){var t,s,l,r;const o=this.groupFields[e];if(!1===o.isValid&&(this.isValid=!1),void 0===o.isValid||!i&&!this.isSubmitted&&!o.touched)return;if(o.isValid){o.elems.forEach((e=>{var i,t;Object.assign(e.style,(null==(i=o.config)?void 0:i.successFieldStyle)||this.globalConfig.successFieldStyle),e.classList.add(...c((null==(t=o.config)?void 0:t.successFieldCssClass)||this.globalConfig.successFieldCssClass))}));const i=this.createSuccessLabelElem(e,o.successMessage,o.config);return void(i&&this.renderGroupLabel(o.groupElem,i,null==(t=o.config)?void 0:t.errorsContainer,!0))}this.isValid=!1,o.elems.forEach((e=>{var i,t;Object.assign(e.style,(null==(i=o.config)?void 0:i.errorFieldStyle)||this.globalConfig.errorFieldStyle),e.classList.add(...c((null==(t=o.config)?void 0:t.errorFieldCssClass)||this.globalConfig.errorFieldCssClass))}));const a=this.createErrorLabelElem(e,o.errorMessage,o.config);this.renderGroupLabel(o.groupElem,a,null==(s=o.config)?void 0:s.errorsContainer),this.isTooltip()&&this.tooltips.push(this.renderTooltip(o.groupElem,a,null==(r=null==(l=o.config)?void 0:l.tooltip)?void 0:r.position))}renderErrors(e=!1){if(this.isSubmitted||e||this.globalConfig.validateBeforeSubmitting){this.clearErrors(),this.isValid=!0;for(const e in this.groupFields)this.renderGroupError(e);for(const e in this.fields)this.renderFieldError(e)}}destroy(){this.eventListeners.forEach((e=>{this.removeListener(e.type,e.elem,e.func)})),Object.keys(this.customStyleTags).forEach((e=>{this.customStyleTags[e].remove()})),this.clearErrors(),this.globalConfig.lockForm&&this.unlockForm()}refresh(){this.destroy(),this.form?(this.initialize(this.form,this.globalConfig),Object.keys(this.fields).forEach((e=>{const i=this.getFieldSelectorByKey(e);i&&this.addField(i,[...this.fields[e].rules],this.fields[e].config)}))):console.error("Cannot initialize the library! Form is not defined")}setCurrentLocale(e){"string"==typeof e||void 0===e?(this.currentLocale=e,this.isSubmitted&&this.validate()):console.error("Current locale should be a string")}onSuccess(e){return this.onSuccessCallback=e,this}onFail(e){return this.onFailCallback=e,this}onValidate(e){return this.onValidateCallback=e,this}}}));
diff --git a/ci4app/public/assets/raven/vendor/js/moment.min.js b/ci4app/public/assets/raven/vendor/js/moment.min.js
new file mode 100644
index 0000000..8b80f20
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/js/moment.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.moment=t()}(this,function(){"use strict";var H;function _(){return H.apply(null,arguments)}function y(e){return e instanceof Array||"[object Array]"===Object.prototype.toString.call(e)}function F(e){return null!=e&&"[object Object]"===Object.prototype.toString.call(e)}function c(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function L(e){if(Object.getOwnPropertyNames)return 0===Object.getOwnPropertyNames(e).length;for(var t in e)if(c(e,t))return;return 1}function g(e){return void 0===e}function w(e){return"number"==typeof e||"[object Number]"===Object.prototype.toString.call(e)}function V(e){return e instanceof Date||"[object Date]"===Object.prototype.toString.call(e)}function G(e,t){for(var n=[],s=e.length,i=0;i<s;++i)n.push(t(e[i],i));return n}function E(e,t){for(var n in t)c(t,n)&&(e[n]=t[n]);return c(t,"toString")&&(e.toString=t.toString),c(t,"valueOf")&&(e.valueOf=t.valueOf),e}function l(e,t,n,s){return Wt(e,t,n,s,!0).utc()}function p(e){return null==e._pf&&(e._pf={empty:!1,unusedTokens:[],unusedInput:[],overflow:-2,charsLeftOver:0,nullInput:!1,invalidEra:null,invalidMonth:null,invalidFormat:!1,userInvalidated:!1,iso:!1,parsedDateParts:[],era:null,meridiem:null,rfc2822:!1,weekdayMismatch:!1}),e._pf}function A(e){var t,n,s=e._d&&!isNaN(e._d.getTime());return s&&(t=p(e),n=j.call(t.parsedDateParts,function(e){return null!=e}),s=t.overflow<0&&!t.empty&&!t.invalidEra&&!t.invalidMonth&&!t.invalidWeekday&&!t.weekdayMismatch&&!t.nullInput&&!t.invalidFormat&&!t.userInvalidated&&(!t.meridiem||t.meridiem&&n),e._strict)&&(s=s&&0===t.charsLeftOver&&0===t.unusedTokens.length&&void 0===t.bigHour),null!=Object.isFrozen&&Object.isFrozen(e)?s:(e._isValid=s,e._isValid)}function I(e){var t=l(NaN);return null!=e?E(p(t),e):p(t).userInvalidated=!0,t}var j=Array.prototype.some||function(e){for(var t=Object(this),n=t.length>>>0,s=0;s<n;s++)if(s in t&&e.call(this,t[s],s,t))return!0;return!1},Z=_.momentProperties=[],z=!1;function q(e,t){var n,s,i,r=Z.length;if(g(t._isAMomentObject)||(e._isAMomentObject=t._isAMomentObject),g(t._i)||(e._i=t._i),g(t._f)||(e._f=t._f),g(t._l)||(e._l=t._l),g(t._strict)||(e._strict=t._strict),g(t._tzm)||(e._tzm=t._tzm),g(t._isUTC)||(e._isUTC=t._isUTC),g(t._offset)||(e._offset=t._offset),g(t._pf)||(e._pf=p(t)),g(t._locale)||(e._locale=t._locale),0<r)for(n=0;n<r;n++)g(i=t[s=Z[n]])||(e[s]=i);return e}function $(e){q(this,e),this._d=new Date(null!=e._d?e._d.getTime():NaN),this.isValid()||(this._d=new Date(NaN)),!1===z&&(z=!0,_.updateOffset(this),z=!1)}function k(e){return e instanceof $||null!=e&&null!=e._isAMomentObject}function B(e){!1===_.suppressDeprecationWarnings&&"undefined"!=typeof console&&console.warn&&console.warn("Deprecation warning: "+e)}function e(r,a){var o=!0;return E(function(){if(null!=_.deprecationHandler&&_.deprecationHandler(null,r),o){for(var e,t,n=[],s=arguments.length,i=0;i<s;i++){if(e="","object"==typeof arguments[i]){for(t in e+="\n["+i+"] ",arguments[0])c(arguments[0],t)&&(e+=t+": "+arguments[0][t]+", ");e=e.slice(0,-2)}else e=arguments[i];n.push(e)}B(r+"\nArguments: "+Array.prototype.slice.call(n).join("")+"\n"+(new Error).stack),o=!1}return a.apply(this,arguments)},a)}var J={};function Q(e,t){null!=_.deprecationHandler&&_.deprecationHandler(e,t),J[e]||(B(t),J[e]=!0)}function a(e){return"undefined"!=typeof Function&&e instanceof Function||"[object Function]"===Object.prototype.toString.call(e)}function X(e,t){var n,s=E({},e);for(n in t)c(t,n)&&(F(e[n])&&F(t[n])?(s[n]={},E(s[n],e[n]),E(s[n],t[n])):null!=t[n]?s[n]=t[n]:delete s[n]);for(n in e)c(e,n)&&!c(t,n)&&F(e[n])&&(s[n]=E({},s[n]));return s}function K(e){null!=e&&this.set(e)}_.suppressDeprecationWarnings=!1,_.deprecationHandler=null;var ee=Object.keys||function(e){var t,n=[];for(t in e)c(e,t)&&n.push(t);return n};function r(e,t,n){var s=""+Math.abs(e);return(0<=e?n?"+":"":"-")+Math.pow(10,Math.max(0,t-s.length)).toString().substr(1)+s}var te=/(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|N{1,5}|YYYYYY|YYYYY|YYYY|YY|y{2,4}|yo?|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,ne=/(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,se={},ie={};function s(e,t,n,s){var i="string"==typeof s?function(){return this[s]()}:s;e&&(ie[e]=i),t&&(ie[t[0]]=function(){return r(i.apply(this,arguments),t[1],t[2])}),n&&(ie[n]=function(){return this.localeData().ordinal(i.apply(this,arguments),e)})}function re(e,t){return e.isValid()?(t=ae(t,e.localeData()),se[t]=se[t]||function(s){for(var e,i=s.match(te),t=0,r=i.length;t<r;t++)ie[i[t]]?i[t]=ie[i[t]]:i[t]=(e=i[t]).match(/\[[\s\S]/)?e.replace(/^\[|\]$/g,""):e.replace(/\\/g,"");return function(e){for(var t="",n=0;n<r;n++)t+=a(i[n])?i[n].call(e,s):i[n];return t}}(t),se[t](e)):e.localeData().invalidDate()}function ae(e,t){var n=5;function s(e){return t.longDateFormat(e)||e}for(ne.lastIndex=0;0<=n&&ne.test(e);)e=e.replace(ne,s),ne.lastIndex=0,--n;return e}var oe={D:"date",dates:"date",date:"date",d:"day",days:"day",day:"day",e:"weekday",weekdays:"weekday",weekday:"weekday",E:"isoWeekday",isoweekdays:"isoWeekday",isoweekday:"isoWeekday",DDD:"dayOfYear",dayofyears:"dayOfYear",dayofyear:"dayOfYear",h:"hour",hours:"hour",hour:"hour",ms:"millisecond",milliseconds:"millisecond",millisecond:"millisecond",m:"minute",minutes:"minute",minute:"minute",M:"month",months:"month",month:"month",Q:"quarter",quarters:"quarter",quarter:"quarter",s:"second",seconds:"second",second:"second",gg:"weekYear",weekyears:"weekYear",weekyear:"weekYear",GG:"isoWeekYear",isoweekyears:"isoWeekYear",isoweekyear:"isoWeekYear",w:"week",weeks:"week",week:"week",W:"isoWeek",isoweeks:"isoWeek",isoweek:"isoWeek",y:"year",years:"year",year:"year"};function o(e){return"string"==typeof e?oe[e]||oe[e.toLowerCase()]:void 0}function ue(e){var t,n,s={};for(n in e)c(e,n)&&(t=o(n))&&(s[t]=e[n]);return s}var le={date:9,day:11,weekday:11,isoWeekday:11,dayOfYear:4,hour:13,millisecond:16,minute:14,month:8,quarter:7,second:15,weekYear:1,isoWeekYear:1,week:5,isoWeek:5,year:1};var de=/\d/,t=/\d\d/,he=/\d{3}/,ce=/\d{4}/,fe=/[+-]?\d{6}/,n=/\d\d?/,me=/\d\d\d\d?/,_e=/\d\d\d\d\d\d?/,ye=/\d{1,3}/,ge=/\d{1,4}/,we=/[+-]?\d{1,6}/,pe=/\d+/,ke=/[+-]?\d+/,Me=/Z|[+-]\d\d:?\d\d/gi,ve=/Z|[+-]\d\d(?::?\d\d)?/gi,i=/[0-9]{0,256}['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFF07\uFF10-\uFFEF]{1,256}|[\u0600-\u06FF\/]{1,256}(\s*?[\u0600-\u06FF]{1,256}){1,2}/i,u=/^[1-9]\d?/,d=/^([1-9]\d|\d)/;function h(e,n,s){Ye[e]=a(n)?n:function(e,t){return e&&s?s:n}}function De(e,t){return c(Ye,e)?Ye[e](t._strict,t._locale):new RegExp(f(e.replace("\\","").replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,function(e,t,n,s,i){return t||n||s||i})))}function f(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}function m(e){return e<0?Math.ceil(e)||0:Math.floor(e)}function M(e){var e=+e,t=0;return t=0!=e&&isFinite(e)?m(e):t}var Ye={},Se={};function v(e,n){var t,s,i=n;for("string"==typeof e&&(e=[e]),w(n)&&(i=function(e,t){t[n]=M(e)}),s=e.length,t=0;t<s;t++)Se[e[t]]=i}function Oe(e,i){v(e,function(e,t,n,s){n._w=n._w||{},i(e,n._w,n,s)})}function be(e){return e%4==0&&e%100!=0||e%400==0}var D=0,Y=1,S=2,O=3,b=4,T=5,Te=6,xe=7,Ne=8;function We(e){return be(e)?366:365}s("Y",0,0,function(){var e=this.year();return e<=9999?r(e,4):"+"+e}),s(0,["YY",2],0,function(){return this.year()%100}),s(0,["YYYY",4],0,"year"),s(0,["YYYYY",5],0,"year"),s(0,["YYYYYY",6,!0],0,"year"),h("Y",ke),h("YY",n,t),h("YYYY",ge,ce),h("YYYYY",we,fe),h("YYYYYY",we,fe),v(["YYYYY","YYYYYY"],D),v("YYYY",function(e,t){t[D]=2===e.length?_.parseTwoDigitYear(e):M(e)}),v("YY",function(e,t){t[D]=_.parseTwoDigitYear(e)}),v("Y",function(e,t){t[D]=parseInt(e,10)}),_.parseTwoDigitYear=function(e){return M(e)+(68<M(e)?1900:2e3)};var x,Pe=Re("FullYear",!0);function Re(t,n){return function(e){return null!=e?(Ue(this,t,e),_.updateOffset(this,n),this):Ce(this,t)}}function Ce(e,t){if(!e.isValid())return NaN;var n=e._d,s=e._isUTC;switch(t){case"Milliseconds":return s?n.getUTCMilliseconds():n.getMilliseconds();case"Seconds":return s?n.getUTCSeconds():n.getSeconds();case"Minutes":return s?n.getUTCMinutes():n.getMinutes();case"Hours":return s?n.getUTCHours():n.getHours();case"Date":return s?n.getUTCDate():n.getDate();case"Day":return s?n.getUTCDay():n.getDay();case"Month":return s?n.getUTCMonth():n.getMonth();case"FullYear":return s?n.getUTCFullYear():n.getFullYear();default:return NaN}}function Ue(e,t,n){var s,i,r;if(e.isValid()&&!isNaN(n)){switch(s=e._d,i=e._isUTC,t){case"Milliseconds":return i?s.setUTCMilliseconds(n):s.setMilliseconds(n);case"Seconds":return i?s.setUTCSeconds(n):s.setSeconds(n);case"Minutes":return i?s.setUTCMinutes(n):s.setMinutes(n);case"Hours":return i?s.setUTCHours(n):s.setHours(n);case"Date":return i?s.setUTCDate(n):s.setDate(n);case"FullYear":break;default:return}t=n,r=e.month(),e=29!==(e=e.date())||1!==r||be(t)?e:28,i?s.setUTCFullYear(t,r,e):s.setFullYear(t,r,e)}}function He(e,t){var n;return isNaN(e)||isNaN(t)?NaN:(n=(t%(n=12)+n)%n,e+=(t-n)/12,1==n?be(e)?29:28:31-n%7%2)}x=Array.prototype.indexOf||function(e){for(var t=0;t<this.length;++t)if(this[t]===e)return t;return-1},s("M",["MM",2],"Mo",function(){return this.month()+1}),s("MMM",0,0,function(e){return this.localeData().monthsShort(this,e)}),s("MMMM",0,0,function(e){return this.localeData().months(this,e)}),h("M",n,u),h("MM",n,t),h("MMM",function(e,t){return t.monthsShortRegex(e)}),h("MMMM",function(e,t){return t.monthsRegex(e)}),v(["M","MM"],function(e,t){t[Y]=M(e)-1}),v(["MMM","MMMM"],function(e,t,n,s){s=n._locale.monthsParse(e,s,n._strict);null!=s?t[Y]=s:p(n).invalidMonth=e});var Fe="January_February_March_April_May_June_July_August_September_October_November_December".split("_"),Le="Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),Ve=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?/,Ge=i,Ee=i;function Ae(e,t){if(e.isValid()){if("string"==typeof t)if(/^\d+$/.test(t))t=M(t);else if(!w(t=e.localeData().monthsParse(t)))return;var n=(n=e.date())<29?n:Math.min(n,He(e.year(),t));e._isUTC?e._d.setUTCMonth(t,n):e._d.setMonth(t,n)}}function Ie(e){return null!=e?(Ae(this,e),_.updateOffset(this,!0),this):Ce(this,"Month")}function je(){function e(e,t){return t.length-e.length}for(var t,n,s=[],i=[],r=[],a=0;a<12;a++)n=l([2e3,a]),t=f(this.monthsShort(n,"")),n=f(this.months(n,"")),s.push(t),i.push(n),r.push(n),r.push(t);s.sort(e),i.sort(e),r.sort(e),this._monthsRegex=new RegExp("^("+r.join("|")+")","i"),this._monthsShortRegex=this._monthsRegex,this._monthsStrictRegex=new RegExp("^("+i.join("|")+")","i"),this._monthsShortStrictRegex=new RegExp("^("+s.join("|")+")","i")}function Ze(e,t,n,s,i,r,a){var o;return e<100&&0<=e?(o=new Date(e+400,t,n,s,i,r,a),isFinite(o.getFullYear())&&o.setFullYear(e)):o=new Date(e,t,n,s,i,r,a),o}function ze(e){var t;return e<100&&0<=e?((t=Array.prototype.slice.call(arguments))[0]=e+400,t=new Date(Date.UTC.apply(null,t)),isFinite(t.getUTCFullYear())&&t.setUTCFullYear(e)):t=new Date(Date.UTC.apply(null,arguments)),t}function qe(e,t,n){n=7+t-n;return n-(7+ze(e,0,n).getUTCDay()-t)%7-1}function $e(e,t,n,s,i){var r,t=1+7*(t-1)+(7+n-s)%7+qe(e,s,i),n=t<=0?We(r=e-1)+t:t>We(e)?(r=e+1,t-We(e)):(r=e,t);return{year:r,dayOfYear:n}}function Be(e,t,n){var s,i,r=qe(e.year(),t,n),r=Math.floor((e.dayOfYear()-r-1)/7)+1;return r<1?s=r+N(i=e.year()-1,t,n):r>N(e.year(),t,n)?(s=r-N(e.year(),t,n),i=e.year()+1):(i=e.year(),s=r),{week:s,year:i}}function N(e,t,n){var s=qe(e,t,n),t=qe(e+1,t,n);return(We(e)-s+t)/7}s("w",["ww",2],"wo","week"),s("W",["WW",2],"Wo","isoWeek"),h("w",n,u),h("ww",n,t),h("W",n,u),h("WW",n,t),Oe(["w","ww","W","WW"],function(e,t,n,s){t[s.substr(0,1)]=M(e)});function Je(e,t){return e.slice(t,7).concat(e.slice(0,t))}s("d",0,"do","day"),s("dd",0,0,function(e){return this.localeData().weekdaysMin(this,e)}),s("ddd",0,0,function(e){return this.localeData().weekdaysShort(this,e)}),s("dddd",0,0,function(e){return this.localeData().weekdays(this,e)}),s("e",0,0,"weekday"),s("E",0,0,"isoWeekday"),h("d",n),h("e",n),h("E",n),h("dd",function(e,t){return t.weekdaysMinRegex(e)}),h("ddd",function(e,t){return t.weekdaysShortRegex(e)}),h("dddd",function(e,t){return t.weekdaysRegex(e)}),Oe(["dd","ddd","dddd"],function(e,t,n,s){s=n._locale.weekdaysParse(e,s,n._strict);null!=s?t.d=s:p(n).invalidWeekday=e}),Oe(["d","e","E"],function(e,t,n,s){t[s]=M(e)});var Qe="Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),Xe="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),Ke="Su_Mo_Tu_We_Th_Fr_Sa".split("_"),et=i,tt=i,nt=i;function st(){function e(e,t){return t.length-e.length}for(var t,n,s,i=[],r=[],a=[],o=[],u=0;u<7;u++)s=l([2e3,1]).day(u),t=f(this.weekdaysMin(s,"")),n=f(this.weekdaysShort(s,"")),s=f(this.weekdays(s,"")),i.push(t),r.push(n),a.push(s),o.push(t),o.push(n),o.push(s);i.sort(e),r.sort(e),a.sort(e),o.sort(e),this._weekdaysRegex=new RegExp("^("+o.join("|")+")","i"),this._weekdaysShortRegex=this._weekdaysRegex,this._weekdaysMinRegex=this._weekdaysRegex,this._weekdaysStrictRegex=new RegExp("^("+a.join("|")+")","i"),this._weekdaysShortStrictRegex=new RegExp("^("+r.join("|")+")","i"),this._weekdaysMinStrictRegex=new RegExp("^("+i.join("|")+")","i")}function it(){return this.hours()%12||12}function rt(e,t){s(e,0,0,function(){return this.localeData().meridiem(this.hours(),this.minutes(),t)})}function at(e,t){return t._meridiemParse}s("H",["HH",2],0,"hour"),s("h",["hh",2],0,it),s("k",["kk",2],0,function(){return this.hours()||24}),s("hmm",0,0,function(){return""+it.apply(this)+r(this.minutes(),2)}),s("hmmss",0,0,function(){return""+it.apply(this)+r(this.minutes(),2)+r(this.seconds(),2)}),s("Hmm",0,0,function(){return""+this.hours()+r(this.minutes(),2)}),s("Hmmss",0,0,function(){return""+this.hours()+r(this.minutes(),2)+r(this.seconds(),2)}),rt("a",!0),rt("A",!1),h("a",at),h("A",at),h("H",n,d),h("h",n,u),h("k",n,u),h("HH",n,t),h("hh",n,t),h("kk",n,t),h("hmm",me),h("hmmss",_e),h("Hmm",me),h("Hmmss",_e),v(["H","HH"],O),v(["k","kk"],function(e,t,n){e=M(e);t[O]=24===e?0:e}),v(["a","A"],function(e,t,n){n._isPm=n._locale.isPM(e),n._meridiem=e}),v(["h","hh"],function(e,t,n){t[O]=M(e),p(n).bigHour=!0}),v("hmm",function(e,t,n){var s=e.length-2;t[O]=M(e.substr(0,s)),t[b]=M(e.substr(s)),p(n).bigHour=!0}),v("hmmss",function(e,t,n){var s=e.length-4,i=e.length-2;t[O]=M(e.substr(0,s)),t[b]=M(e.substr(s,2)),t[T]=M(e.substr(i)),p(n).bigHour=!0}),v("Hmm",function(e,t,n){var s=e.length-2;t[O]=M(e.substr(0,s)),t[b]=M(e.substr(s))}),v("Hmmss",function(e,t,n){var s=e.length-4,i=e.length-2;t[O]=M(e.substr(0,s)),t[b]=M(e.substr(s,2)),t[T]=M(e.substr(i))});i=Re("Hours",!0);var ot,ut={calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},longDateFormat:{LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},invalidDate:"Invalid date",ordinal:"%d",dayOfMonthOrdinalParse:/\d{1,2}/,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",w:"a week",ww:"%d weeks",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},months:Fe,monthsShort:Le,week:{dow:0,doy:6},weekdays:Qe,weekdaysMin:Ke,weekdaysShort:Xe,meridiemParse:/[ap]\.?m?\.?/i},W={},lt={};function dt(e){return e&&e.toLowerCase().replace("_","-")}function ht(e){for(var t,n,s,i,r=0;r<e.length;){for(t=(i=dt(e[r]).split("-")).length,n=(n=dt(e[r+1]))?n.split("-"):null;0<t;){if(s=ct(i.slice(0,t).join("-")))return s;if(n&&n.length>=t&&function(e,t){for(var n=Math.min(e.length,t.length),s=0;s<n;s+=1)if(e[s]!==t[s])return s;return n}(i,n)>=t-1)break;t--}r++}return ot}function ct(t){var e,n;if(void 0===W[t]&&"undefined"!=typeof module&&module&&module.exports&&(n=t)&&n.match("^[^/\\\\]*$"))try{e=ot._abbr,require("./locale/"+t),ft(e)}catch(e){W[t]=null}return W[t]}function ft(e,t){return e&&((t=g(t)?P(e):mt(e,t))?ot=t:"undefined"!=typeof console&&console.warn&&console.warn("Locale "+e+" not found. Did you forget to load it?")),ot._abbr}function mt(e,t){if(null===t)return delete W[e],null;var n,s=ut;if(t.abbr=e,null!=W[e])Q("defineLocaleOverride","use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info."),s=W[e]._config;else if(null!=t.parentLocale)if(null!=W[t.parentLocale])s=W[t.parentLocale]._config;else{if(null==(n=ct(t.parentLocale)))return lt[t.parentLocale]||(lt[t.parentLocale]=[]),lt[t.parentLocale].push({name:e,config:t}),null;s=n._config}return W[e]=new K(X(s,t)),lt[e]&&lt[e].forEach(function(e){mt(e.name,e.config)}),ft(e),W[e]}function P(e){var t;if(!(e=e&&e._locale&&e._locale._abbr?e._locale._abbr:e))return ot;if(!y(e)){if(t=ct(e))return t;e=[e]}return ht(e)}function _t(e){var t=e._a;return t&&-2===p(e).overflow&&(t=t[Y]<0||11<t[Y]?Y:t[S]<1||t[S]>He(t[D],t[Y])?S:t[O]<0||24<t[O]||24===t[O]&&(0!==t[b]||0!==t[T]||0!==t[Te])?O:t[b]<0||59<t[b]?b:t[T]<0||59<t[T]?T:t[Te]<0||999<t[Te]?Te:-1,p(e)._overflowDayOfYear&&(t<D||S<t)&&(t=S),p(e)._overflowWeeks&&-1===t&&(t=xe),p(e)._overflowWeekday&&-1===t&&(t=Ne),p(e).overflow=t),e}var yt=/^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,gt=/^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d|))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,wt=/Z|[+-]\d\d(?::?\d\d)?/,pt=[["YYYYYY-MM-DD",/[+-]\d{6}-\d\d-\d\d/],["YYYY-MM-DD",/\d{4}-\d\d-\d\d/],["GGGG-[W]WW-E",/\d{4}-W\d\d-\d/],["GGGG-[W]WW",/\d{4}-W\d\d/,!1],["YYYY-DDD",/\d{4}-\d{3}/],["YYYY-MM",/\d{4}-\d\d/,!1],["YYYYYYMMDD",/[+-]\d{10}/],["YYYYMMDD",/\d{8}/],["GGGG[W]WWE",/\d{4}W\d{3}/],["GGGG[W]WW",/\d{4}W\d{2}/,!1],["YYYYDDD",/\d{7}/],["YYYYMM",/\d{6}/,!1],["YYYY",/\d{4}/,!1]],kt=[["HH:mm:ss.SSSS",/\d\d:\d\d:\d\d\.\d+/],["HH:mm:ss,SSSS",/\d\d:\d\d:\d\d,\d+/],["HH:mm:ss",/\d\d:\d\d:\d\d/],["HH:mm",/\d\d:\d\d/],["HHmmss.SSSS",/\d\d\d\d\d\d\.\d+/],["HHmmss,SSSS",/\d\d\d\d\d\d,\d+/],["HHmmss",/\d\d\d\d\d\d/],["HHmm",/\d\d\d\d/],["HH",/\d\d/]],Mt=/^\/?Date\((-?\d+)/i,vt=/^(?:(Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\s)?(\d{1,2})\s(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s(\d{2,4})\s(\d\d):(\d\d)(?::(\d\d))?\s(?:(UT|GMT|[ECMP][SD]T)|([Zz])|([+-]\d{4}))$/,Dt={UT:0,GMT:0,EDT:-240,EST:-300,CDT:-300,CST:-360,MDT:-360,MST:-420,PDT:-420,PST:-480};function Yt(e){var t,n,s,i,r,a,o=e._i,u=yt.exec(o)||gt.exec(o),o=pt.length,l=kt.length;if(u){for(p(e).iso=!0,t=0,n=o;t<n;t++)if(pt[t][1].exec(u[1])){i=pt[t][0],s=!1!==pt[t][2];break}if(null==i)e._isValid=!1;else{if(u[3]){for(t=0,n=l;t<n;t++)if(kt[t][1].exec(u[3])){r=(u[2]||" ")+kt[t][0];break}if(null==r)return void(e._isValid=!1)}if(s||null==r){if(u[4]){if(!wt.exec(u[4]))return void(e._isValid=!1);a="Z"}e._f=i+(r||"")+(a||""),xt(e)}else e._isValid=!1}}else e._isValid=!1}function St(e,t,n,s,i,r){e=[function(e){e=parseInt(e,10);{if(e<=49)return 2e3+e;if(e<=999)return 1900+e}return e}(e),Le.indexOf(t),parseInt(n,10),parseInt(s,10),parseInt(i,10)];return r&&e.push(parseInt(r,10)),e}function Ot(e){var t,n,s=vt.exec(e._i.replace(/\([^()]*\)|[\n\t]/g," ").replace(/(\s\s+)/g," ").replace(/^\s\s*/,"").replace(/\s\s*$/,""));s?(t=St(s[4],s[3],s[2],s[5],s[6],s[7]),function(e,t,n){if(!e||Xe.indexOf(e)===new Date(t[0],t[1],t[2]).getDay())return 1;p(n).weekdayMismatch=!0,n._isValid=!1}(s[1],t,e)&&(e._a=t,e._tzm=(t=s[8],n=s[9],s=s[10],t?Dt[t]:n?0:60*(((t=parseInt(s,10))-(n=t%100))/100)+n),e._d=ze.apply(null,e._a),e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),p(e).rfc2822=!0)):e._isValid=!1}function bt(e,t,n){return null!=e?e:null!=t?t:n}function Tt(e){var t,n,s,i,r,a,o,u,l,d,h,c=[];if(!e._d){for(s=e,i=new Date(_.now()),n=s._useUTC?[i.getUTCFullYear(),i.getUTCMonth(),i.getUTCDate()]:[i.getFullYear(),i.getMonth(),i.getDate()],e._w&&null==e._a[S]&&null==e._a[Y]&&(null!=(i=(s=e)._w).GG||null!=i.W||null!=i.E?(u=1,l=4,r=bt(i.GG,s._a[D],Be(R(),1,4).year),a=bt(i.W,1),((o=bt(i.E,1))<1||7<o)&&(d=!0)):(u=s._locale._week.dow,l=s._locale._week.doy,h=Be(R(),u,l),r=bt(i.gg,s._a[D],h.year),a=bt(i.w,h.week),null!=i.d?((o=i.d)<0||6<o)&&(d=!0):null!=i.e?(o=i.e+u,(i.e<0||6<i.e)&&(d=!0)):o=u),a<1||a>N(r,u,l)?p(s)._overflowWeeks=!0:null!=d?p(s)._overflowWeekday=!0:(h=$e(r,a,o,u,l),s._a[D]=h.year,s._dayOfYear=h.dayOfYear)),null!=e._dayOfYear&&(i=bt(e._a[D],n[D]),(e._dayOfYear>We(i)||0===e._dayOfYear)&&(p(e)._overflowDayOfYear=!0),d=ze(i,0,e._dayOfYear),e._a[Y]=d.getUTCMonth(),e._a[S]=d.getUTCDate()),t=0;t<3&&null==e._a[t];++t)e._a[t]=c[t]=n[t];for(;t<7;t++)e._a[t]=c[t]=null==e._a[t]?2===t?1:0:e._a[t];24===e._a[O]&&0===e._a[b]&&0===e._a[T]&&0===e._a[Te]&&(e._nextDay=!0,e._a[O]=0),e._d=(e._useUTC?ze:Ze).apply(null,c),r=e._useUTC?e._d.getUTCDay():e._d.getDay(),null!=e._tzm&&e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),e._nextDay&&(e._a[O]=24),e._w&&void 0!==e._w.d&&e._w.d!==r&&(p(e).weekdayMismatch=!0)}}function xt(e){if(e._f===_.ISO_8601)Yt(e);else if(e._f===_.RFC_2822)Ot(e);else{e._a=[],p(e).empty=!0;for(var t,n,s,i,r,a=""+e._i,o=a.length,u=0,l=ae(e._f,e._locale).match(te)||[],d=l.length,h=0;h<d;h++)n=l[h],(t=(a.match(De(n,e))||[])[0])&&(0<(s=a.substr(0,a.indexOf(t))).length&&p(e).unusedInput.push(s),a=a.slice(a.indexOf(t)+t.length),u+=t.length),ie[n]?(t?p(e).empty=!1:p(e).unusedTokens.push(n),s=n,r=e,null!=(i=t)&&c(Se,s)&&Se[s](i,r._a,r,s)):e._strict&&!t&&p(e).unusedTokens.push(n);p(e).charsLeftOver=o-u,0<a.length&&p(e).unusedInput.push(a),e._a[O]<=12&&!0===p(e).bigHour&&0<e._a[O]&&(p(e).bigHour=void 0),p(e).parsedDateParts=e._a.slice(0),p(e).meridiem=e._meridiem,e._a[O]=function(e,t,n){if(null==n)return t;return null!=e.meridiemHour?e.meridiemHour(t,n):null!=e.isPM?((e=e.isPM(n))&&t<12&&(t+=12),t=e||12!==t?t:0):t}(e._locale,e._a[O],e._meridiem),null!==(o=p(e).era)&&(e._a[D]=e._locale.erasConvertYear(o,e._a[D])),Tt(e),_t(e)}}function Nt(e){var t,n,s,i=e._i,r=e._f;if(e._locale=e._locale||P(e._l),null===i||void 0===r&&""===i)return I({nullInput:!0});if("string"==typeof i&&(e._i=i=e._locale.preparse(i)),k(i))return new $(_t(i));if(V(i))e._d=i;else if(y(r)){var a,o,u,l,d,h,c=e,f=!1,m=c._f.length;if(0===m)p(c).invalidFormat=!0,c._d=new Date(NaN);else{for(l=0;l<m;l++)d=0,h=!1,a=q({},c),null!=c._useUTC&&(a._useUTC=c._useUTC),a._f=c._f[l],xt(a),A(a)&&(h=!0),d=(d+=p(a).charsLeftOver)+10*p(a).unusedTokens.length,p(a).score=d,f?d<u&&(u=d,o=a):(null==u||d<u||h)&&(u=d,o=a,h)&&(f=!0);E(c,o||a)}}else if(r)xt(e);else if(g(r=(i=e)._i))i._d=new Date(_.now());else V(r)?i._d=new Date(r.valueOf()):"string"==typeof r?(n=i,null!==(t=Mt.exec(n._i))?n._d=new Date(+t[1]):(Yt(n),!1===n._isValid&&(delete n._isValid,Ot(n),!1===n._isValid)&&(delete n._isValid,n._strict?n._isValid=!1:_.createFromInputFallback(n)))):y(r)?(i._a=G(r.slice(0),function(e){return parseInt(e,10)}),Tt(i)):F(r)?(t=i)._d||(s=void 0===(n=ue(t._i)).day?n.date:n.day,t._a=G([n.year,n.month,s,n.hour,n.minute,n.second,n.millisecond],function(e){return e&&parseInt(e,10)}),Tt(t)):w(r)?i._d=new Date(r):_.createFromInputFallback(i);return A(e)||(e._d=null),e}function Wt(e,t,n,s,i){var r={};return!0!==t&&!1!==t||(s=t,t=void 0),!0!==n&&!1!==n||(s=n,n=void 0),(F(e)&&L(e)||y(e)&&0===e.length)&&(e=void 0),r._isAMomentObject=!0,r._useUTC=r._isUTC=i,r._l=n,r._i=e,r._f=t,r._strict=s,(i=new $(_t(Nt(i=r))))._nextDay&&(i.add(1,"d"),i._nextDay=void 0),i}function R(e,t,n,s){return Wt(e,t,n,s,!1)}_.createFromInputFallback=e("value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.",function(e){e._d=new Date(e._i+(e._useUTC?" UTC":""))}),_.ISO_8601=function(){},_.RFC_2822=function(){};me=e("moment().min is deprecated, use moment.max instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=R.apply(null,arguments);return this.isValid()&&e.isValid()?e<this?this:e:I()}),_e=e("moment().max is deprecated, use moment.min instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=R.apply(null,arguments);return this.isValid()&&e.isValid()?this<e?this:e:I()});function Pt(e,t){var n,s;if(!(t=1===t.length&&y(t[0])?t[0]:t).length)return R();for(n=t[0],s=1;s<t.length;++s)t[s].isValid()&&!t[s][e](n)||(n=t[s]);return n}var Rt=["year","quarter","month","week","day","hour","minute","second","millisecond"];function Ct(e){var e=ue(e),t=e.year||0,n=e.quarter||0,s=e.month||0,i=e.week||e.isoWeek||0,r=e.day||0,a=e.hour||0,o=e.minute||0,u=e.second||0,l=e.millisecond||0;this._isValid=function(e){var t,n,s=!1,i=Rt.length;for(t in e)if(c(e,t)&&(-1===x.call(Rt,t)||null!=e[t]&&isNaN(e[t])))return!1;for(n=0;n<i;++n)if(e[Rt[n]]){if(s)return!1;parseFloat(e[Rt[n]])!==M(e[Rt[n]])&&(s=!0)}return!0}(e),this._milliseconds=+l+1e3*u+6e4*o+1e3*a*60*60,this._days=+r+7*i,this._months=+s+3*n+12*t,this._data={},this._locale=P(),this._bubble()}function Ut(e){return e instanceof Ct}function Ht(e){return e<0?-1*Math.round(-1*e):Math.round(e)}function Ft(e,n){s(e,0,0,function(){var e=this.utcOffset(),t="+";return e<0&&(e=-e,t="-"),t+r(~~(e/60),2)+n+r(~~e%60,2)})}Ft("Z",":"),Ft("ZZ",""),h("Z",ve),h("ZZ",ve),v(["Z","ZZ"],function(e,t,n){n._useUTC=!0,n._tzm=Vt(ve,e)});var Lt=/([\+\-]|\d\d)/gi;function Vt(e,t){var t=(t||"").match(e);return null===t?null:0===(t=60*(e=((t[t.length-1]||[])+"").match(Lt)||["-",0,0])[1]+M(e[2]))?0:"+"===e[0]?t:-t}function Gt(e,t){var n;return t._isUTC?(t=t.clone(),n=(k(e)||V(e)?e:R(e)).valueOf()-t.valueOf(),t._d.setTime(t._d.valueOf()+n),_.updateOffset(t,!1),t):R(e).local()}function Et(e){return-Math.round(e._d.getTimezoneOffset())}function At(){return!!this.isValid()&&this._isUTC&&0===this._offset}_.updateOffset=function(){};var It=/^(-|\+)?(?:(\d*)[. ])?(\d+):(\d+)(?::(\d+)(\.\d*)?)?$/,jt=/^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;function C(e,t){var n,s=e;return Ut(e)?s={ms:e._milliseconds,d:e._days,M:e._months}:w(e)||!isNaN(+e)?(s={},t?s[t]=+e:s.milliseconds=+e):(t=It.exec(e))?(n="-"===t[1]?-1:1,s={y:0,d:M(t[S])*n,h:M(t[O])*n,m:M(t[b])*n,s:M(t[T])*n,ms:M(Ht(1e3*t[Te]))*n}):(t=jt.exec(e))?(n="-"===t[1]?-1:1,s={y:Zt(t[2],n),M:Zt(t[3],n),w:Zt(t[4],n),d:Zt(t[5],n),h:Zt(t[6],n),m:Zt(t[7],n),s:Zt(t[8],n)}):null==s?s={}:"object"==typeof s&&("from"in s||"to"in s)&&(t=function(e,t){var n;if(!e.isValid()||!t.isValid())return{milliseconds:0,months:0};t=Gt(t,e),e.isBefore(t)?n=zt(e,t):((n=zt(t,e)).milliseconds=-n.milliseconds,n.months=-n.months);return n}(R(s.from),R(s.to)),(s={}).ms=t.milliseconds,s.M=t.months),n=new Ct(s),Ut(e)&&c(e,"_locale")&&(n._locale=e._locale),Ut(e)&&c(e,"_isValid")&&(n._isValid=e._isValid),n}function Zt(e,t){e=e&&parseFloat(e.replace(",","."));return(isNaN(e)?0:e)*t}function zt(e,t){var n={};return n.months=t.month()-e.month()+12*(t.year()-e.year()),e.clone().add(n.months,"M").isAfter(t)&&--n.months,n.milliseconds=+t-+e.clone().add(n.months,"M"),n}function qt(s,i){return function(e,t){var n;return null===t||isNaN(+t)||(Q(i,"moment()."+i+"(period, number) is deprecated. Please use moment()."+i+"(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info."),n=e,e=t,t=n),$t(this,C(e,t),s),this}}function $t(e,t,n,s){var i=t._milliseconds,r=Ht(t._days),t=Ht(t._months);e.isValid()&&(s=null==s||s,t&&Ae(e,Ce(e,"Month")+t*n),r&&Ue(e,"Date",Ce(e,"Date")+r*n),i&&e._d.setTime(e._d.valueOf()+i*n),s)&&_.updateOffset(e,r||t)}C.fn=Ct.prototype,C.invalid=function(){return C(NaN)};Fe=qt(1,"add"),Qe=qt(-1,"subtract");function Bt(e){return"string"==typeof e||e instanceof String}function Jt(e){return k(e)||V(e)||Bt(e)||w(e)||function(t){var e=y(t),n=!1;e&&(n=0===t.filter(function(e){return!w(e)&&Bt(t)}).length);return e&&n}(e)||function(e){var t,n,s=F(e)&&!L(e),i=!1,r=["years","year","y","months","month","M","days","day","d","dates","date","D","hours","hour","h","minutes","minute","m","seconds","second","s","milliseconds","millisecond","ms"],a=r.length;for(t=0;t<a;t+=1)n=r[t],i=i||c(e,n);return s&&i}(e)||null==e}function Qt(e,t){var n,s;return e.date()<t.date()?-Qt(t,e):-((n=12*(t.year()-e.year())+(t.month()-e.month()))+(t-(s=e.clone().add(n,"months"))<0?(t-s)/(s-e.clone().add(n-1,"months")):(t-s)/(e.clone().add(1+n,"months")-s)))||0}function Xt(e){return void 0===e?this._locale._abbr:(null!=(e=P(e))&&(this._locale=e),this)}_.defaultFormat="YYYY-MM-DDTHH:mm:ssZ",_.defaultFormatUtc="YYYY-MM-DDTHH:mm:ss[Z]";Ke=e("moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.",function(e){return void 0===e?this.localeData():this.locale(e)});function Kt(){return this._locale}var en=126227808e5;function tn(e,t){return(e%t+t)%t}function nn(e,t,n){return e<100&&0<=e?new Date(e+400,t,n)-en:new Date(e,t,n).valueOf()}function sn(e,t,n){return e<100&&0<=e?Date.UTC(e+400,t,n)-en:Date.UTC(e,t,n)}function rn(e,t){return t.erasAbbrRegex(e)}function an(){for(var e,t,n,s=[],i=[],r=[],a=[],o=this.eras(),u=0,l=o.length;u<l;++u)e=f(o[u].name),t=f(o[u].abbr),n=f(o[u].narrow),i.push(e),s.push(t),r.push(n),a.push(e),a.push(t),a.push(n);this._erasRegex=new RegExp("^("+a.join("|")+")","i"),this._erasNameRegex=new RegExp("^("+i.join("|")+")","i"),this._erasAbbrRegex=new RegExp("^("+s.join("|")+")","i"),this._erasNarrowRegex=new RegExp("^("+r.join("|")+")","i")}function on(e,t){s(0,[e,e.length],0,t)}function un(e,t,n,s,i){var r;return null==e?Be(this,s,i).year:(r=N(e,s,i),function(e,t,n,s,i){e=$e(e,t,n,s,i),t=ze(e.year,0,e.dayOfYear);return this.year(t.getUTCFullYear()),this.month(t.getUTCMonth()),this.date(t.getUTCDate()),this}.call(this,e,t=r<t?r:t,n,s,i))}s("N",0,0,"eraAbbr"),s("NN",0,0,"eraAbbr"),s("NNN",0,0,"eraAbbr"),s("NNNN",0,0,"eraName"),s("NNNNN",0,0,"eraNarrow"),s("y",["y",1],"yo","eraYear"),s("y",["yy",2],0,"eraYear"),s("y",["yyy",3],0,"eraYear"),s("y",["yyyy",4],0,"eraYear"),h("N",rn),h("NN",rn),h("NNN",rn),h("NNNN",function(e,t){return t.erasNameRegex(e)}),h("NNNNN",function(e,t){return t.erasNarrowRegex(e)}),v(["N","NN","NNN","NNNN","NNNNN"],function(e,t,n,s){s=n._locale.erasParse(e,s,n._strict);s?p(n).era=s:p(n).invalidEra=e}),h("y",pe),h("yy",pe),h("yyy",pe),h("yyyy",pe),h("yo",function(e,t){return t._eraYearOrdinalRegex||pe}),v(["y","yy","yyy","yyyy"],D),v(["yo"],function(e,t,n,s){var i;n._locale._eraYearOrdinalRegex&&(i=e.match(n._locale._eraYearOrdinalRegex)),n._locale.eraYearOrdinalParse?t[D]=n._locale.eraYearOrdinalParse(e,i):t[D]=parseInt(e,10)}),s(0,["gg",2],0,function(){return this.weekYear()%100}),s(0,["GG",2],0,function(){return this.isoWeekYear()%100}),on("gggg","weekYear"),on("ggggg","weekYear"),on("GGGG","isoWeekYear"),on("GGGGG","isoWeekYear"),h("G",ke),h("g",ke),h("GG",n,t),h("gg",n,t),h("GGGG",ge,ce),h("gggg",ge,ce),h("GGGGG",we,fe),h("ggggg",we,fe),Oe(["gggg","ggggg","GGGG","GGGGG"],function(e,t,n,s){t[s.substr(0,2)]=M(e)}),Oe(["gg","GG"],function(e,t,n,s){t[s]=_.parseTwoDigitYear(e)}),s("Q",0,"Qo","quarter"),h("Q",de),v("Q",function(e,t){t[Y]=3*(M(e)-1)}),s("D",["DD",2],"Do","date"),h("D",n,u),h("DD",n,t),h("Do",function(e,t){return e?t._dayOfMonthOrdinalParse||t._ordinalParse:t._dayOfMonthOrdinalParseLenient}),v(["D","DD"],S),v("Do",function(e,t){t[S]=M(e.match(n)[0])});ge=Re("Date",!0);s("DDD",["DDDD",3],"DDDo","dayOfYear"),h("DDD",ye),h("DDDD",he),v(["DDD","DDDD"],function(e,t,n){n._dayOfYear=M(e)}),s("m",["mm",2],0,"minute"),h("m",n,d),h("mm",n,t),v(["m","mm"],b);var ln,ce=Re("Minutes",!1),we=(s("s",["ss",2],0,"second"),h("s",n,d),h("ss",n,t),v(["s","ss"],T),Re("Seconds",!1));for(s("S",0,0,function(){return~~(this.millisecond()/100)}),s(0,["SS",2],0,function(){return~~(this.millisecond()/10)}),s(0,["SSS",3],0,"millisecond"),s(0,["SSSS",4],0,function(){return 10*this.millisecond()}),s(0,["SSSSS",5],0,function(){return 100*this.millisecond()}),s(0,["SSSSSS",6],0,function(){return 1e3*this.millisecond()}),s(0,["SSSSSSS",7],0,function(){return 1e4*this.millisecond()}),s(0,["SSSSSSSS",8],0,function(){return 1e5*this.millisecond()}),s(0,["SSSSSSSSS",9],0,function(){return 1e6*this.millisecond()}),h("S",ye,de),h("SS",ye,t),h("SSS",ye,he),ln="SSSS";ln.length<=9;ln+="S")h(ln,pe);function dn(e,t){t[Te]=M(1e3*("0."+e))}for(ln="S";ln.length<=9;ln+="S")v(ln,dn);fe=Re("Milliseconds",!1),s("z",0,0,"zoneAbbr"),s("zz",0,0,"zoneName");u=$.prototype;function hn(e){return e}u.add=Fe,u.calendar=function(e,t){1===arguments.length&&(arguments[0]?Jt(arguments[0])?(e=arguments[0],t=void 0):function(e){for(var t=F(e)&&!L(e),n=!1,s=["sameDay","nextDay","lastDay","nextWeek","lastWeek","sameElse"],i=0;i<s.length;i+=1)n=n||c(e,s[i]);return t&&n}(arguments[0])&&(t=arguments[0],e=void 0):t=e=void 0);var e=e||R(),n=Gt(e,this).startOf("day"),n=_.calendarFormat(this,n)||"sameElse",t=t&&(a(t[n])?t[n].call(this,e):t[n]);return this.format(t||this.localeData().calendar(n,this,R(e)))},u.clone=function(){return new $(this)},u.diff=function(e,t,n){var s,i,r;if(!this.isValid())return NaN;if(!(s=Gt(e,this)).isValid())return NaN;switch(i=6e4*(s.utcOffset()-this.utcOffset()),t=o(t)){case"year":r=Qt(this,s)/12;break;case"month":r=Qt(this,s);break;case"quarter":r=Qt(this,s)/3;break;case"second":r=(this-s)/1e3;break;case"minute":r=(this-s)/6e4;break;case"hour":r=(this-s)/36e5;break;case"day":r=(this-s-i)/864e5;break;case"week":r=(this-s-i)/6048e5;break;default:r=this-s}return n?r:m(r)},u.endOf=function(e){var t,n;if(void 0!==(e=o(e))&&"millisecond"!==e&&this.isValid()){switch(n=this._isUTC?sn:nn,e){case"year":t=n(this.year()+1,0,1)-1;break;case"quarter":t=n(this.year(),this.month()-this.month()%3+3,1)-1;break;case"month":t=n(this.year(),this.month()+1,1)-1;break;case"week":t=n(this.year(),this.month(),this.date()-this.weekday()+7)-1;break;case"isoWeek":t=n(this.year(),this.month(),this.date()-(this.isoWeekday()-1)+7)-1;break;case"day":case"date":t=n(this.year(),this.month(),this.date()+1)-1;break;case"hour":t=this._d.valueOf(),t+=36e5-tn(t+(this._isUTC?0:6e4*this.utcOffset()),36e5)-1;break;case"minute":t=this._d.valueOf(),t+=6e4-tn(t,6e4)-1;break;case"second":t=this._d.valueOf(),t+=1e3-tn(t,1e3)-1;break}this._d.setTime(t),_.updateOffset(this,!0)}return this},u.format=function(e){return e=e||(this.isUtc()?_.defaultFormatUtc:_.defaultFormat),e=re(this,e),this.localeData().postformat(e)},u.from=function(e,t){return this.isValid()&&(k(e)&&e.isValid()||R(e).isValid())?C({to:this,from:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()},u.fromNow=function(e){return this.from(R(),e)},u.to=function(e,t){return this.isValid()&&(k(e)&&e.isValid()||R(e).isValid())?C({from:this,to:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()},u.toNow=function(e){return this.to(R(),e)},u.get=function(e){return a(this[e=o(e)])?this[e]():this},u.invalidAt=function(){return p(this).overflow},u.isAfter=function(e,t){return e=k(e)?e:R(e),!(!this.isValid()||!e.isValid())&&("millisecond"===(t=o(t)||"millisecond")?this.valueOf()>e.valueOf():e.valueOf()<this.clone().startOf(t).valueOf())},u.isBefore=function(e,t){return e=k(e)?e:R(e),!(!this.isValid()||!e.isValid())&&("millisecond"===(t=o(t)||"millisecond")?this.valueOf()<e.valueOf():this.clone().endOf(t).valueOf()<e.valueOf())},u.isBetween=function(e,t,n,s){return e=k(e)?e:R(e),t=k(t)?t:R(t),!!(this.isValid()&&e.isValid()&&t.isValid())&&("("===(s=s||"()")[0]?this.isAfter(e,n):!this.isBefore(e,n))&&(")"===s[1]?this.isBefore(t,n):!this.isAfter(t,n))},u.isSame=function(e,t){var e=k(e)?e:R(e);return!(!this.isValid()||!e.isValid())&&("millisecond"===(t=o(t)||"millisecond")?this.valueOf()===e.valueOf():(e=e.valueOf(),this.clone().startOf(t).valueOf()<=e&&e<=this.clone().endOf(t).valueOf()))},u.isSameOrAfter=function(e,t){return this.isSame(e,t)||this.isAfter(e,t)},u.isSameOrBefore=function(e,t){return this.isSame(e,t)||this.isBefore(e,t)},u.isValid=function(){return A(this)},u.lang=Ke,u.locale=Xt,u.localeData=Kt,u.max=_e,u.min=me,u.parsingFlags=function(){return E({},p(this))},u.set=function(e,t){if("object"==typeof e)for(var n=function(e){var t,n=[];for(t in e)c(e,t)&&n.push({unit:t,priority:le[t]});return n.sort(function(e,t){return e.priority-t.priority}),n}(e=ue(e)),s=n.length,i=0;i<s;i++)this[n[i].unit](e[n[i].unit]);else if(a(this[e=o(e)]))return this[e](t);return this},u.startOf=function(e){var t,n;if(void 0!==(e=o(e))&&"millisecond"!==e&&this.isValid()){switch(n=this._isUTC?sn:nn,e){case"year":t=n(this.year(),0,1);break;case"quarter":t=n(this.year(),this.month()-this.month()%3,1);break;case"month":t=n(this.year(),this.month(),1);break;case"week":t=n(this.year(),this.month(),this.date()-this.weekday());break;case"isoWeek":t=n(this.year(),this.month(),this.date()-(this.isoWeekday()-1));break;case"day":case"date":t=n(this.year(),this.month(),this.date());break;case"hour":t=this._d.valueOf(),t-=tn(t+(this._isUTC?0:6e4*this.utcOffset()),36e5);break;case"minute":t=this._d.valueOf(),t-=tn(t,6e4);break;case"second":t=this._d.valueOf(),t-=tn(t,1e3);break}this._d.setTime(t),_.updateOffset(this,!0)}return this},u.subtract=Qe,u.toArray=function(){var e=this;return[e.year(),e.month(),e.date(),e.hour(),e.minute(),e.second(),e.millisecond()]},u.toObject=function(){var e=this;return{years:e.year(),months:e.month(),date:e.date(),hours:e.hours(),minutes:e.minutes(),seconds:e.seconds(),milliseconds:e.milliseconds()}},u.toDate=function(){return new Date(this.valueOf())},u.toISOString=function(e){var t;return this.isValid()?(t=(e=!0!==e)?this.clone().utc():this).year()<0||9999<t.year()?re(t,e?"YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYYYY-MM-DD[T]HH:mm:ss.SSSZ"):a(Date.prototype.toISOString)?e?this.toDate().toISOString():new Date(this.valueOf()+60*this.utcOffset()*1e3).toISOString().replace("Z",re(t,"Z")):re(t,e?"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYY-MM-DD[T]HH:mm:ss.SSSZ"):null},u.inspect=function(){var e,t,n;return this.isValid()?(t="moment",e="",this.isLocal()||(t=0===this.utcOffset()?"moment.utc":"moment.parseZone",e="Z"),t="["+t+'("]',n=0<=this.year()&&this.year()<=9999?"YYYY":"YYYYYY",this.format(t+n+"-MM-DD[T]HH:mm:ss.SSS"+(e+'[")]'))):"moment.invalid(/* "+this._i+" */)"},"undefined"!=typeof Symbol&&null!=Symbol.for&&(u[Symbol.for("nodejs.util.inspect.custom")]=function(){return"Moment<"+this.format()+">"}),u.toJSON=function(){return this.isValid()?this.toISOString():null},u.toString=function(){return this.clone().locale("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")},u.unix=function(){return Math.floor(this.valueOf()/1e3)},u.valueOf=function(){return this._d.valueOf()-6e4*(this._offset||0)},u.creationData=function(){return{input:this._i,format:this._f,locale:this._locale,isUTC:this._isUTC,strict:this._strict}},u.eraName=function(){for(var e,t=this.localeData().eras(),n=0,s=t.length;n<s;++n){if(e=this.clone().startOf("day").valueOf(),t[n].since<=e&&e<=t[n].until)return t[n].name;if(t[n].until<=e&&e<=t[n].since)return t[n].name}return""},u.eraNarrow=function(){for(var e,t=this.localeData().eras(),n=0,s=t.length;n<s;++n){if(e=this.clone().startOf("day").valueOf(),t[n].since<=e&&e<=t[n].until)return t[n].narrow;if(t[n].until<=e&&e<=t[n].since)return t[n].narrow}return""},u.eraAbbr=function(){for(var e,t=this.localeData().eras(),n=0,s=t.length;n<s;++n){if(e=this.clone().startOf("day").valueOf(),t[n].since<=e&&e<=t[n].until)return t[n].abbr;if(t[n].until<=e&&e<=t[n].since)return t[n].abbr}return""},u.eraYear=function(){for(var e,t,n=this.localeData().eras(),s=0,i=n.length;s<i;++s)if(e=n[s].since<=n[s].until?1:-1,t=this.clone().startOf("day").valueOf(),n[s].since<=t&&t<=n[s].until||n[s].until<=t&&t<=n[s].since)return(this.year()-_(n[s].since).year())*e+n[s].offset;return this.year()},u.year=Pe,u.isLeapYear=function(){return be(this.year())},u.weekYear=function(e){return un.call(this,e,this.week(),this.weekday()+this.localeData()._week.dow,this.localeData()._week.dow,this.localeData()._week.doy)},u.isoWeekYear=function(e){return un.call(this,e,this.isoWeek(),this.isoWeekday(),1,4)},u.quarter=u.quarters=function(e){return null==e?Math.ceil((this.month()+1)/3):this.month(3*(e-1)+this.month()%3)},u.month=Ie,u.daysInMonth=function(){return He(this.year(),this.month())},u.week=u.weeks=function(e){var t=this.localeData().week(this);return null==e?t:this.add(7*(e-t),"d")},u.isoWeek=u.isoWeeks=function(e){var t=Be(this,1,4).week;return null==e?t:this.add(7*(e-t),"d")},u.weeksInYear=function(){var e=this.localeData()._week;return N(this.year(),e.dow,e.doy)},u.weeksInWeekYear=function(){var e=this.localeData()._week;return N(this.weekYear(),e.dow,e.doy)},u.isoWeeksInYear=function(){return N(this.year(),1,4)},u.isoWeeksInISOWeekYear=function(){return N(this.isoWeekYear(),1,4)},u.date=ge,u.day=u.days=function(e){var t,n,s;return this.isValid()?(t=Ce(this,"Day"),null!=e?(n=e,s=this.localeData(),e="string"!=typeof n?n:isNaN(n)?"number"==typeof(n=s.weekdaysParse(n))?n:null:parseInt(n,10),this.add(e-t,"d")):t):null!=e?this:NaN},u.weekday=function(e){var t;return this.isValid()?(t=(this.day()+7-this.localeData()._week.dow)%7,null==e?t:this.add(e-t,"d")):null!=e?this:NaN},u.isoWeekday=function(e){var t,n;return this.isValid()?null!=e?(t=e,n=this.localeData(),n="string"==typeof t?n.weekdaysParse(t)%7||7:isNaN(t)?null:t,this.day(this.day()%7?n:n-7)):this.day()||7:null!=e?this:NaN},u.dayOfYear=function(e){var t=Math.round((this.clone().startOf("day")-this.clone().startOf("year"))/864e5)+1;return null==e?t:this.add(e-t,"d")},u.hour=u.hours=i,u.minute=u.minutes=ce,u.second=u.seconds=we,u.millisecond=u.milliseconds=fe,u.utcOffset=function(e,t,n){var s,i=this._offset||0;if(!this.isValid())return null!=e?this:NaN;if(null==e)return this._isUTC?i:Et(this);if("string"==typeof e){if(null===(e=Vt(ve,e)))return this}else Math.abs(e)<16&&!n&&(e*=60);return!this._isUTC&&t&&(s=Et(this)),this._offset=e,this._isUTC=!0,null!=s&&this.add(s,"m"),i!==e&&(!t||this._changeInProgress?$t(this,C(e-i,"m"),1,!1):this._changeInProgress||(this._changeInProgress=!0,_.updateOffset(this,!0),this._changeInProgress=null)),this},u.utc=function(e){return this.utcOffset(0,e)},u.local=function(e){return this._isUTC&&(this.utcOffset(0,e),this._isUTC=!1,e)&&this.subtract(Et(this),"m"),this},u.parseZone=function(){var e;return null!=this._tzm?this.utcOffset(this._tzm,!1,!0):"string"==typeof this._i&&(null!=(e=Vt(Me,this._i))?this.utcOffset(e):this.utcOffset(0,!0)),this},u.hasAlignedHourOffset=function(e){return!!this.isValid()&&(e=e?R(e).utcOffset():0,(this.utcOffset()-e)%60==0)},u.isDST=function(){return this.utcOffset()>this.clone().month(0).utcOffset()||this.utcOffset()>this.clone().month(5).utcOffset()},u.isLocal=function(){return!!this.isValid()&&!this._isUTC},u.isUtcOffset=function(){return!!this.isValid()&&this._isUTC},u.isUtc=At,u.isUTC=At,u.zoneAbbr=function(){return this._isUTC?"UTC":""},u.zoneName=function(){return this._isUTC?"Coordinated Universal Time":""},u.dates=e("dates accessor is deprecated. Use date instead.",ge),u.months=e("months accessor is deprecated. Use month instead",Ie),u.years=e("years accessor is deprecated. Use year instead",Pe),u.zone=e("moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/",function(e,t){return null!=e?(this.utcOffset(e="string"!=typeof e?-e:e,t),this):-this.utcOffset()}),u.isDSTShifted=e("isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information",function(){var e,t;return g(this._isDSTShifted)&&(q(e={},this),(e=Nt(e))._a?(t=(e._isUTC?l:R)(e._a),this._isDSTShifted=this.isValid()&&0<function(e,t,n){for(var s=Math.min(e.length,t.length),i=Math.abs(e.length-t.length),r=0,a=0;a<s;a++)(n&&e[a]!==t[a]||!n&&M(e[a])!==M(t[a]))&&r++;return r+i}(e._a,t.toArray())):this._isDSTShifted=!1),this._isDSTShifted});d=K.prototype;function cn(e,t,n,s){var i=P(),s=l().set(s,t);return i[n](s,e)}function fn(e,t,n){if(w(e)&&(t=e,e=void 0),e=e||"",null!=t)return cn(e,t,n,"month");for(var s=[],i=0;i<12;i++)s[i]=cn(e,i,n,"month");return s}function mn(e,t,n,s){t=("boolean"==typeof e?w(t)&&(n=t,t=void 0):(t=e,e=!1,w(n=t)&&(n=t,t=void 0)),t||"");var i,r=P(),a=e?r._week.dow:0,o=[];if(null!=n)return cn(t,(n+a)%7,s,"day");for(i=0;i<7;i++)o[i]=cn(t,(i+a)%7,s,"day");return o}d.calendar=function(e,t,n){return a(e=this._calendar[e]||this._calendar.sameElse)?e.call(t,n):e},d.longDateFormat=function(e){var t=this._longDateFormat[e],n=this._longDateFormat[e.toUpperCase()];return t||!n?t:(this._longDateFormat[e]=n.match(te).map(function(e){return"MMMM"===e||"MM"===e||"DD"===e||"dddd"===e?e.slice(1):e}).join(""),this._longDateFormat[e])},d.invalidDate=function(){return this._invalidDate},d.ordinal=function(e){return this._ordinal.replace("%d",e)},d.preparse=hn,d.postformat=hn,d.relativeTime=function(e,t,n,s){var i=this._relativeTime[n];return a(i)?i(e,t,n,s):i.replace(/%d/i,e)},d.pastFuture=function(e,t){return a(e=this._relativeTime[0<e?"future":"past"])?e(t):e.replace(/%s/i,t)},d.set=function(e){var t,n;for(n in e)c(e,n)&&(a(t=e[n])?this[n]=t:this["_"+n]=t);this._config=e,this._dayOfMonthOrdinalParseLenient=new RegExp((this._dayOfMonthOrdinalParse.source||this._ordinalParse.source)+"|"+/\d{1,2}/.source)},d.eras=function(e,t){for(var n,s=this._eras||P("en")._eras,i=0,r=s.length;i<r;++i){switch(typeof s[i].since){case"string":n=_(s[i].since).startOf("day"),s[i].since=n.valueOf();break}switch(typeof s[i].until){case"undefined":s[i].until=1/0;break;case"string":n=_(s[i].until).startOf("day").valueOf(),s[i].until=n.valueOf();break}}return s},d.erasParse=function(e,t,n){var s,i,r,a,o,u=this.eras();for(e=e.toUpperCase(),s=0,i=u.length;s<i;++s)if(r=u[s].name.toUpperCase(),a=u[s].abbr.toUpperCase(),o=u[s].narrow.toUpperCase(),n)switch(t){case"N":case"NN":case"NNN":if(a===e)return u[s];break;case"NNNN":if(r===e)return u[s];break;case"NNNNN":if(o===e)return u[s];break}else if(0<=[r,a,o].indexOf(e))return u[s]},d.erasConvertYear=function(e,t){var n=e.since<=e.until?1:-1;return void 0===t?_(e.since).year():_(e.since).year()+(t-e.offset)*n},d.erasAbbrRegex=function(e){return c(this,"_erasAbbrRegex")||an.call(this),e?this._erasAbbrRegex:this._erasRegex},d.erasNameRegex=function(e){return c(this,"_erasNameRegex")||an.call(this),e?this._erasNameRegex:this._erasRegex},d.erasNarrowRegex=function(e){return c(this,"_erasNarrowRegex")||an.call(this),e?this._erasNarrowRegex:this._erasRegex},d.months=function(e,t){return e?(y(this._months)?this._months:this._months[(this._months.isFormat||Ve).test(t)?"format":"standalone"])[e.month()]:y(this._months)?this._months:this._months.standalone},d.monthsShort=function(e,t){return e?(y(this._monthsShort)?this._monthsShort:this._monthsShort[Ve.test(t)?"format":"standalone"])[e.month()]:y(this._monthsShort)?this._monthsShort:this._monthsShort.standalone},d.monthsParse=function(e,t,n){var s,i;if(this._monthsParseExact)return function(e,t,n){var s,i,r,e=e.toLocaleLowerCase();if(!this._monthsParse)for(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[],s=0;s<12;++s)r=l([2e3,s]),this._shortMonthsParse[s]=this.monthsShort(r,"").toLocaleLowerCase(),this._longMonthsParse[s]=this.months(r,"").toLocaleLowerCase();return n?"MMM"===t?-1!==(i=x.call(this._shortMonthsParse,e))?i:null:-1!==(i=x.call(this._longMonthsParse,e))?i:null:"MMM"===t?-1!==(i=x.call(this._shortMonthsParse,e))||-1!==(i=x.call(this._longMonthsParse,e))?i:null:-1!==(i=x.call(this._longMonthsParse,e))||-1!==(i=x.call(this._shortMonthsParse,e))?i:null}.call(this,e,t,n);for(this._monthsParse||(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[]),s=0;s<12;s++){if(i=l([2e3,s]),n&&!this._longMonthsParse[s]&&(this._longMonthsParse[s]=new RegExp("^"+this.months(i,"").replace(".","")+"$","i"),this._shortMonthsParse[s]=new RegExp("^"+this.monthsShort(i,"").replace(".","")+"$","i")),n||this._monthsParse[s]||(i="^"+this.months(i,"")+"|^"+this.monthsShort(i,""),this._monthsParse[s]=new RegExp(i.replace(".",""),"i")),n&&"MMMM"===t&&this._longMonthsParse[s].test(e))return s;if(n&&"MMM"===t&&this._shortMonthsParse[s].test(e))return s;if(!n&&this._monthsParse[s].test(e))return s}},d.monthsRegex=function(e){return this._monthsParseExact?(c(this,"_monthsRegex")||je.call(this),e?this._monthsStrictRegex:this._monthsRegex):(c(this,"_monthsRegex")||(this._monthsRegex=Ee),this._monthsStrictRegex&&e?this._monthsStrictRegex:this._monthsRegex)},d.monthsShortRegex=function(e){return this._monthsParseExact?(c(this,"_monthsRegex")||je.call(this),e?this._monthsShortStrictRegex:this._monthsShortRegex):(c(this,"_monthsShortRegex")||(this._monthsShortRegex=Ge),this._monthsShortStrictRegex&&e?this._monthsShortStrictRegex:this._monthsShortRegex)},d.week=function(e){return Be(e,this._week.dow,this._week.doy).week},d.firstDayOfYear=function(){return this._week.doy},d.firstDayOfWeek=function(){return this._week.dow},d.weekdays=function(e,t){return t=y(this._weekdays)?this._weekdays:this._weekdays[e&&!0!==e&&this._weekdays.isFormat.test(t)?"format":"standalone"],!0===e?Je(t,this._week.dow):e?t[e.day()]:t},d.weekdaysMin=function(e){return!0===e?Je(this._weekdaysMin,this._week.dow):e?this._weekdaysMin[e.day()]:this._weekdaysMin},d.weekdaysShort=function(e){return!0===e?Je(this._weekdaysShort,this._week.dow):e?this._weekdaysShort[e.day()]:this._weekdaysShort},d.weekdaysParse=function(e,t,n){var s,i;if(this._weekdaysParseExact)return function(e,t,n){var s,i,r,e=e.toLocaleLowerCase();if(!this._weekdaysParse)for(this._weekdaysParse=[],this._shortWeekdaysParse=[],this._minWeekdaysParse=[],s=0;s<7;++s)r=l([2e3,1]).day(s),this._minWeekdaysParse[s]=this.weekdaysMin(r,"").toLocaleLowerCase(),this._shortWeekdaysParse[s]=this.weekdaysShort(r,"").toLocaleLowerCase(),this._weekdaysParse[s]=this.weekdays(r,"").toLocaleLowerCase();return n?"dddd"===t?-1!==(i=x.call(this._weekdaysParse,e))?i:null:"ddd"===t?-1!==(i=x.call(this._shortWeekdaysParse,e))?i:null:-1!==(i=x.call(this._minWeekdaysParse,e))?i:null:"dddd"===t?-1!==(i=x.call(this._weekdaysParse,e))||-1!==(i=x.call(this._shortWeekdaysParse,e))||-1!==(i=x.call(this._minWeekdaysParse,e))?i:null:"ddd"===t?-1!==(i=x.call(this._shortWeekdaysParse,e))||-1!==(i=x.call(this._weekdaysParse,e))||-1!==(i=x.call(this._minWeekdaysParse,e))?i:null:-1!==(i=x.call(this._minWeekdaysParse,e))||-1!==(i=x.call(this._weekdaysParse,e))||-1!==(i=x.call(this._shortWeekdaysParse,e))?i:null}.call(this,e,t,n);for(this._weekdaysParse||(this._weekdaysParse=[],this._minWeekdaysParse=[],this._shortWeekdaysParse=[],this._fullWeekdaysParse=[]),s=0;s<7;s++){if(i=l([2e3,1]).day(s),n&&!this._fullWeekdaysParse[s]&&(this._fullWeekdaysParse[s]=new RegExp("^"+this.weekdays(i,"").replace(".","\\.?")+"$","i"),this._shortWeekdaysParse[s]=new RegExp("^"+this.weekdaysShort(i,"").replace(".","\\.?")+"$","i"),this._minWeekdaysParse[s]=new RegExp("^"+this.weekdaysMin(i,"").replace(".","\\.?")+"$","i")),this._weekdaysParse[s]||(i="^"+this.weekdays(i,"")+"|^"+this.weekdaysShort(i,"")+"|^"+this.weekdaysMin(i,""),this._weekdaysParse[s]=new RegExp(i.replace(".",""),"i")),n&&"dddd"===t&&this._fullWeekdaysParse[s].test(e))return s;if(n&&"ddd"===t&&this._shortWeekdaysParse[s].test(e))return s;if(n&&"dd"===t&&this._minWeekdaysParse[s].test(e))return s;if(!n&&this._weekdaysParse[s].test(e))return s}},d.weekdaysRegex=function(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||st.call(this),e?this._weekdaysStrictRegex:this._weekdaysRegex):(c(this,"_weekdaysRegex")||(this._weekdaysRegex=et),this._weekdaysStrictRegex&&e?this._weekdaysStrictRegex:this._weekdaysRegex)},d.weekdaysShortRegex=function(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||st.call(this),e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex):(c(this,"_weekdaysShortRegex")||(this._weekdaysShortRegex=tt),this._weekdaysShortStrictRegex&&e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex)},d.weekdaysMinRegex=function(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||st.call(this),e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex):(c(this,"_weekdaysMinRegex")||(this._weekdaysMinRegex=nt),this._weekdaysMinStrictRegex&&e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex)},d.isPM=function(e){return"p"===(e+"").toLowerCase().charAt(0)},d.meridiem=function(e,t,n){return 11<e?n?"pm":"PM":n?"am":"AM"},ft("en",{eras:[{since:"0001-01-01",until:1/0,offset:1,name:"Anno Domini",narrow:"AD",abbr:"AD"},{since:"0000-12-31",until:-1/0,offset:1,name:"Before Christ",narrow:"BC",abbr:"BC"}],dayOfMonthOrdinalParse:/\d{1,2}(th|st|nd|rd)/,ordinal:function(e){var t=e%10;return e+(1===M(e%100/10)?"th":1==t?"st":2==t?"nd":3==t?"rd":"th")}}),_.lang=e("moment.lang is deprecated. Use moment.locale instead.",ft),_.langData=e("moment.langData is deprecated. Use moment.localeData instead.",P);var _n=Math.abs;function yn(e,t,n,s){t=C(t,n);return e._milliseconds+=s*t._milliseconds,e._days+=s*t._days,e._months+=s*t._months,e._bubble()}function gn(e){return e<0?Math.floor(e):Math.ceil(e)}function wn(e){return 4800*e/146097}function pn(e){return 146097*e/4800}function kn(e){return function(){return this.as(e)}}de=kn("ms"),t=kn("s"),ye=kn("m"),he=kn("h"),Fe=kn("d"),_e=kn("w"),me=kn("M"),Qe=kn("Q"),i=kn("y"),ce=de;function Mn(e){return function(){return this.isValid()?this._data[e]:NaN}}var we=Mn("milliseconds"),fe=Mn("seconds"),ge=Mn("minutes"),Pe=Mn("hours"),d=Mn("days"),vn=Mn("months"),Dn=Mn("years");var Yn=Math.round,Sn={ss:44,s:45,m:45,h:22,d:26,w:null,M:11};function On(e,t,n,s){var i=C(e).abs(),r=Yn(i.as("s")),a=Yn(i.as("m")),o=Yn(i.as("h")),u=Yn(i.as("d")),l=Yn(i.as("M")),d=Yn(i.as("w")),i=Yn(i.as("y")),r=(r<=n.ss?["s",r]:r<n.s&&["ss",r])||(a<=1?["m"]:a<n.m&&["mm",a])||(o<=1?["h"]:o<n.h&&["hh",o])||(u<=1?["d"]:u<n.d&&["dd",u]);return(r=(r=null!=n.w?r||(d<=1?["w"]:d<n.w&&["ww",d]):r)||(l<=1?["M"]:l<n.M&&["MM",l])||(i<=1?["y"]:["yy",i]))[2]=t,r[3]=0<+e,r[4]=s,function(e,t,n,s,i){return i.relativeTime(t||1,!!n,e,s)}.apply(null,r)}var bn=Math.abs;function Tn(e){return(0<e)-(e<0)||+e}function xn(){var e,t,n,s,i,r,a,o,u,l,d;return this.isValid()?(e=bn(this._milliseconds)/1e3,t=bn(this._days),n=bn(this._months),(o=this.asSeconds())?(s=m(e/60),i=m(s/60),e%=60,s%=60,r=m(n/12),n%=12,a=e?e.toFixed(3).replace(/\.?0+$/,""):"",u=Tn(this._months)!==Tn(o)?"-":"",l=Tn(this._days)!==Tn(o)?"-":"",d=Tn(this._milliseconds)!==Tn(o)?"-":"",(o<0?"-":"")+"P"+(r?u+r+"Y":"")+(n?u+n+"M":"")+(t?l+t+"D":"")+(i||s||e?"T":"")+(i?d+i+"H":"")+(s?d+s+"M":"")+(e?d+a+"S":"")):"P0D"):this.localeData().invalidDate()}var U=Ct.prototype;return U.isValid=function(){return this._isValid},U.abs=function(){var e=this._data;return this._milliseconds=_n(this._milliseconds),this._days=_n(this._days),this._months=_n(this._months),e.milliseconds=_n(e.milliseconds),e.seconds=_n(e.seconds),e.minutes=_n(e.minutes),e.hours=_n(e.hours),e.months=_n(e.months),e.years=_n(e.years),this},U.add=function(e,t){return yn(this,e,t,1)},U.subtract=function(e,t){return yn(this,e,t,-1)},U.as=function(e){if(!this.isValid())return NaN;var t,n,s=this._milliseconds;if("month"===(e=o(e))||"quarter"===e||"year"===e)switch(t=this._days+s/864e5,n=this._months+wn(t),e){case"month":return n;case"quarter":return n/3;case"year":return n/12}else switch(t=this._days+Math.round(pn(this._months)),e){case"week":return t/7+s/6048e5;case"day":return t+s/864e5;case"hour":return 24*t+s/36e5;case"minute":return 1440*t+s/6e4;case"second":return 86400*t+s/1e3;case"millisecond":return Math.floor(864e5*t)+s;default:throw new Error("Unknown unit "+e)}},U.asMilliseconds=de,U.asSeconds=t,U.asMinutes=ye,U.asHours=he,U.asDays=Fe,U.asWeeks=_e,U.asMonths=me,U.asQuarters=Qe,U.asYears=i,U.valueOf=ce,U._bubble=function(){var e=this._milliseconds,t=this._days,n=this._months,s=this._data;return 0<=e&&0<=t&&0<=n||e<=0&&t<=0&&n<=0||(e+=864e5*gn(pn(n)+t),n=t=0),s.milliseconds=e%1e3,e=m(e/1e3),s.seconds=e%60,e=m(e/60),s.minutes=e%60,e=m(e/60),s.hours=e%24,t+=m(e/24),n+=e=m(wn(t)),t-=gn(pn(e)),e=m(n/12),n%=12,s.days=t,s.months=n,s.years=e,this},U.clone=function(){return C(this)},U.get=function(e){return e=o(e),this.isValid()?this[e+"s"]():NaN},U.milliseconds=we,U.seconds=fe,U.minutes=ge,U.hours=Pe,U.days=d,U.weeks=function(){return m(this.days()/7)},U.months=vn,U.years=Dn,U.humanize=function(e,t){var n,s;return this.isValid()?(n=!1,s=Sn,"object"==typeof e&&(t=e,e=!1),"boolean"==typeof e&&(n=e),"object"==typeof t&&(s=Object.assign({},Sn,t),null!=t.s)&&null==t.ss&&(s.ss=t.s-1),e=this.localeData(),t=On(this,!n,s,e),n&&(t=e.pastFuture(+this,t)),e.postformat(t)):this.localeData().invalidDate()},U.toISOString=xn,U.toString=xn,U.toJSON=xn,U.locale=Xt,U.localeData=Kt,U.toIsoString=e("toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)",xn),U.lang=Ke,s("X",0,0,"unix"),s("x",0,0,"valueOf"),h("x",ke),h("X",/[+-]?\d+(\.\d{1,3})?/),v("X",function(e,t,n){n._d=new Date(1e3*parseFloat(e))}),v("x",function(e,t,n){n._d=new Date(M(e))}),_.version="2.30.1",H=R,_.fn=u,_.min=function(){return Pt("isBefore",[].slice.call(arguments,0))},_.max=function(){return Pt("isAfter",[].slice.call(arguments,0))},_.now=function(){return Date.now?Date.now():+new Date},_.utc=l,_.unix=function(e){return R(1e3*e)},_.months=function(e,t){return fn(e,t,"months")},_.isDate=V,_.locale=ft,_.invalid=I,_.duration=C,_.isMoment=k,_.weekdays=function(e,t,n){return mn(e,t,n,"weekdays")},_.parseZone=function(){return R.apply(null,arguments).parseZone()},_.localeData=P,_.isDuration=Ut,_.monthsShort=function(e,t){return fn(e,t,"monthsShort")},_.weekdaysMin=function(e,t,n){return mn(e,t,n,"weekdaysMin")},_.defineLocale=mt,_.updateLocale=function(e,t){var n,s;return null!=t?(s=ut,null!=W[e]&&null!=W[e].parentLocale?W[e].set(X(W[e]._config,t)):(t=X(s=null!=(n=ct(e))?n._config:s,t),null==n&&(t.abbr=e),(s=new K(t)).parentLocale=W[e],W[e]=s),ft(e)):null!=W[e]&&(null!=W[e].parentLocale?(W[e]=W[e].parentLocale,e===ft()&&ft(e)):null!=W[e]&&delete W[e]),W[e]},_.locales=function(){return ee(W)},_.weekdaysShort=function(e,t,n){return mn(e,t,n,"weekdaysShort")},_.normalizeUnits=o,_.relativeTimeRounding=function(e){return void 0===e?Yn:"function"==typeof e&&(Yn=e,!0)},_.relativeTimeThreshold=function(e,t){return void 0!==Sn[e]&&(void 0===t?Sn[e]:(Sn[e]=t,"s"===e&&(Sn.ss=t-1),!0))},_.calendarFormat=function(e,t){return(e=e.diff(t,"days",!0))<-6?"sameElse":e<-1?"lastWeek":e<0?"lastDay":e<1?"sameDay":e<2?"nextDay":e<7?"nextWeek":"sameElse"},_.prototype=u,_.HTML5_FMT={DATETIME_LOCAL:"YYYY-MM-DDTHH:mm",DATETIME_LOCAL_SECONDS:"YYYY-MM-DDTHH:mm:ss",DATETIME_LOCAL_MS:"YYYY-MM-DDTHH:mm:ss.SSS",DATE:"YYYY-MM-DD",TIME:"HH:mm",TIME_SECONDS:"HH:mm:ss",TIME_MS:"HH:mm:ss.SSS",WEEK:"GGGG-[W]WW",MONTH:"YYYY-MM"},_});
+//# sourceMappingURL=moment.min.js.map
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/vendor/js/quill.js b/ci4app/public/assets/raven/vendor/js/quill.js
new file mode 100644
index 0000000..aeddaa1
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/js/quill.js
@@ -0,0 +1,3 @@
+/*! For license information please see quill.js.LICENSE.txt */
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.Quill=e():t.Quill=e()}(self,(function(){return function(){var t={9698:function(t,e,n){"use strict";n.d(e,{Ay:function(){return c},Ji:function(){return d},mG:function(){return h},zo:function(){return u}});var r=n(6003),i=n(5232),s=n.n(i),o=n(3036),l=n(4850),a=n(5508);class c extends r.BlockBlot{cache={};delta(){return null==this.cache.delta&&(this.cache.delta=h(this)),this.cache.delta}deleteAt(t,e){super.deleteAt(t,e),this.cache={}}formatAt(t,e,n,i){e<=0||(this.scroll.query(n,r.Scope.BLOCK)?t+e===this.length()&&this.format(n,i):super.formatAt(t,Math.min(e,this.length()-t-1),n,i),this.cache={})}insertAt(t,e,n){if(null!=n)return super.insertAt(t,e,n),void(this.cache={});if(0===e.length)return;const r=e.split("\n"),i=r.shift();i.length>0&&(t<this.length()-1||null==this.children.tail?super.insertAt(Math.min(t,this.length()-1),i):this.children.tail.insertAt(this.children.tail.length(),i),this.cache={});let s=this;r.reduce(((t,e)=>(s=s.split(t,!0),s.insertAt(0,e),e.length)),t+i.length)}insertBefore(t,e){const{head:n}=this.children;super.insertBefore(t,e),n instanceof o.A&&n.remove(),this.cache={}}length(){return null==this.cache.length&&(this.cache.length=super.length()+1),this.cache.length}moveChildren(t,e){super.moveChildren(t,e),this.cache={}}optimize(t){super.optimize(t),this.cache={}}path(t){return super.path(t,!0)}removeChild(t){super.removeChild(t),this.cache={}}split(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(e&&(0===t||t>=this.length()-1)){const e=this.clone();return 0===t?(this.parent.insertBefore(e,this),this):(this.parent.insertBefore(e,this.next),e)}const n=super.split(t,e);return this.cache={},n}}c.blotName="block",c.tagName="P",c.defaultChild=o.A,c.allowedChildren=[o.A,l.A,r.EmbedBlot,a.A];class u extends r.EmbedBlot{attach(){super.attach(),this.attributes=new r.AttributorStore(this.domNode)}delta(){return(new(s())).insert(this.value(),{...this.formats(),...this.attributes.values()})}format(t,e){const n=this.scroll.query(t,r.Scope.BLOCK_ATTRIBUTE);null!=n&&this.attributes.attribute(n,e)}formatAt(t,e,n,r){this.format(n,r)}insertAt(t,e,n){if(null!=n)return void super.insertAt(t,e,n);const r=e.split("\n"),i=r.pop(),s=r.map((t=>{const e=this.scroll.create(c.blotName);return e.insertAt(0,t),e})),o=this.split(t);s.forEach((t=>{this.parent.insertBefore(t,o)})),i&&this.parent.insertBefore(this.scroll.create("text",i),o)}}function h(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return t.descendants(r.LeafBlot).reduce(((t,n)=>0===n.length()?t:t.insert(n.value(),d(n,{},e))),new(s())).insert("\n",d(t))}function d(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return null==t?e:("formats"in t&&"function"==typeof t.formats&&(e={...e,...t.formats()},n&&delete e["code-token"]),null==t.parent||"scroll"===t.parent.statics.blotName||t.parent.statics.scope!==t.statics.scope?e:d(t.parent,e,n))}u.scope=r.Scope.BLOCK_BLOT},3036:function(t,e,n){"use strict";var r=n(6003);class i extends r.EmbedBlot{static value(){}optimize(){(this.prev||this.next)&&this.remove()}length(){return 0}value(){return""}}i.blotName="break",i.tagName="BR",e.A=i},580:function(t,e,n){"use strict";var r=n(6003);class i extends r.ContainerBlot{}e.A=i},4541:function(t,e,n){"use strict";var r=n(6003),i=n(5508);class s extends r.EmbedBlot{static blotName="cursor";static className="ql-cursor";static tagName="span";static CONTENTS="\ufeff";static value(){}constructor(t,e,n){super(t,e),this.selection=n,this.textNode=document.createTextNode(s.CONTENTS),this.domNode.appendChild(this.textNode),this.savedLength=0}detach(){null!=this.parent&&this.parent.removeChild(this)}format(t,e){if(0!==this.savedLength)return void super.format(t,e);let n=this,i=0;for(;null!=n&&n.statics.scope!==r.Scope.BLOCK_BLOT;)i+=n.offset(n.parent),n=n.parent;null!=n&&(this.savedLength=s.CONTENTS.length,n.optimize(),n.formatAt(i,s.CONTENTS.length,t,e),this.savedLength=0)}index(t,e){return t===this.textNode?0:super.index(t,e)}length(){return this.savedLength}position(){return[this.textNode,this.textNode.data.length]}remove(){super.remove(),this.parent=null}restore(){if(this.selection.composing||null==this.parent)return null;const t=this.selection.getNativeRange();for(;null!=this.domNode.lastChild&&this.domNode.lastChild!==this.textNode;)this.domNode.parentNode.insertBefore(this.domNode.lastChild,this.domNode);const e=this.prev instanceof i.A?this.prev:null,n=e?e.length():0,r=this.next instanceof i.A?this.next:null,o=r?r.text:"",{textNode:l}=this,a=l.data.split(s.CONTENTS).join("");let c;if(l.data=s.CONTENTS,e)c=e,(a||r)&&(e.insertAt(e.length(),a+o),r&&r.remove());else if(r)c=r,r.insertAt(0,a);else{const t=document.createTextNode(a);c=this.scroll.create(t),this.parent.insertBefore(c,this)}if(this.remove(),t){const i=(t,i)=>e&&t===e.domNode?i:t===l?n+i-1:r&&t===r.domNode?n+a.length+i:null,s=i(t.start.node,t.start.offset),o=i(t.end.node,t.end.offset);if(null!==s&&null!==o)return{startNode:c.domNode,startOffset:s,endNode:c.domNode,endOffset:o}}return null}update(t,e){if(t.some((t=>"characterData"===t.type&&t.target===this.textNode))){const t=this.restore();t&&(e.range=t)}}optimize(t){super.optimize(t);let{parent:e}=this;for(;e;){if("A"===e.domNode.tagName){this.savedLength=s.CONTENTS.length,e.isolate(this.offset(e),this.length()).unwrap(),this.savedLength=0;break}e=e.parent}}value(){return""}}e.A=s},746:function(t,e,n){"use strict";var r=n(6003),i=n(5508);const s="\ufeff";class o extends r.EmbedBlot{constructor(t,e){super(t,e),this.contentNode=document.createElement("span"),this.contentNode.setAttribute("contenteditable","false"),Array.from(this.domNode.childNodes).forEach((t=>{this.contentNode.appendChild(t)})),this.leftGuard=document.createTextNode(s),this.rightGuard=document.createTextNode(s),this.domNode.appendChild(this.leftGuard),this.domNode.appendChild(this.contentNode),this.domNode.appendChild(this.rightGuard)}index(t,e){return t===this.leftGuard?0:t===this.rightGuard?1:super.index(t,e)}restore(t){let e,n=null;const r=t.data.split(s).join("");if(t===this.leftGuard)if(this.prev instanceof i.A){const t=this.prev.length();this.prev.insertAt(t,r),n={startNode:this.prev.domNode,startOffset:t+r.length}}else e=document.createTextNode(r),this.parent.insertBefore(this.scroll.create(e),this),n={startNode:e,startOffset:r.length};else t===this.rightGuard&&(this.next instanceof i.A?(this.next.insertAt(0,r),n={startNode:this.next.domNode,startOffset:r.length}):(e=document.createTextNode(r),this.parent.insertBefore(this.scroll.create(e),this.next),n={startNode:e,startOffset:r.length}));return t.data=s,n}update(t,e){t.forEach((t=>{if("characterData"===t.type&&(t.target===this.leftGuard||t.target===this.rightGuard)){const n=this.restore(t.target);n&&(e.range=n)}}))}}e.A=o},4850:function(t,e,n){"use strict";var r=n(6003),i=n(3036),s=n(5508);class o extends r.InlineBlot{static allowedChildren=[o,i.A,r.EmbedBlot,s.A];static order=["cursor","inline","link","underline","strike","italic","bold","script","code"];static compare(t,e){const n=o.order.indexOf(t),r=o.order.indexOf(e);return n>=0||r>=0?n-r:t===e?0:t<e?-1:1}formatAt(t,e,n,i){if(o.compare(this.statics.blotName,n)<0&&this.scroll.query(n,r.Scope.BLOT)){const r=this.isolate(t,e);i&&r.wrap(n,i)}else super.formatAt(t,e,n,i)}optimize(t){if(super.optimize(t),this.parent instanceof o&&o.compare(this.statics.blotName,this.parent.statics.blotName)>0){const t=this.parent.isolate(this.offset(),this.length());this.moveChildren(t),t.wrap(this)}}}e.A=o},5508:function(t,e,n){"use strict";n.d(e,{A:function(){return i},X:function(){return o}});var r=n(6003);class i extends r.TextBlot{}const s={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function o(t){return t.replace(/[&<>"']/g,(t=>s[t]))}},3729:function(t,e,n){"use strict";n.d(e,{default:function(){return R}});var r=n(6142),i=n(9698),s=n(3036),o=n(580),l=n(4541),a=n(746),c=n(4850),u=n(6003),h=n(5232),d=n.n(h),f=n(5374);function p(t){return t instanceof i.Ay||t instanceof i.zo}function g(t){return"function"==typeof t.updateContent}class m extends u.ScrollBlot{static blotName="scroll";static className="ql-editor";static tagName="DIV";static defaultChild=i.Ay;static allowedChildren=[i.Ay,i.zo,o.A];constructor(t,e,n){let{emitter:r}=n;super(t,e),this.emitter=r,this.batch=!1,this.optimize(),this.enable(),this.domNode.addEventListener("dragstart",(t=>this.handleDragStart(t)))}batchStart(){Array.isArray(this.batch)||(this.batch=[])}batchEnd(){if(!this.batch)return;const t=this.batch;this.batch=!1,this.update(t)}emitMount(t){this.emitter.emit(f.A.events.SCROLL_BLOT_MOUNT,t)}emitUnmount(t){this.emitter.emit(f.A.events.SCROLL_BLOT_UNMOUNT,t)}emitEmbedUpdate(t,e){this.emitter.emit(f.A.events.SCROLL_EMBED_UPDATE,t,e)}deleteAt(t,e){const[n,r]=this.line(t),[o]=this.line(t+e);if(super.deleteAt(t,e),null!=o&&n!==o&&r>0){if(n instanceof i.zo||o instanceof i.zo)return void this.optimize();const t=o.children.head instanceof s.A?null:o.children.head;n.moveChildren(o,t),n.remove()}this.optimize()}enable(){let t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.domNode.setAttribute("contenteditable",t?"true":"false")}formatAt(t,e,n,r){super.formatAt(t,e,n,r),this.optimize()}insertAt(t,e,n){if(t>=this.length())if(null==n||null==this.scroll.query(e,u.Scope.BLOCK)){const t=this.scroll.create(this.statics.defaultChild.blotName);this.appendChild(t),null==n&&e.endsWith("\n")?t.insertAt(0,e.slice(0,-1),n):t.insertAt(0,e,n)}else{const t=this.scroll.create(e,n);this.appendChild(t)}else super.insertAt(t,e,n);this.optimize()}insertBefore(t,e){if(t.statics.scope===u.Scope.INLINE_BLOT){const n=this.scroll.create(this.statics.defaultChild.blotName);n.appendChild(t),super.insertBefore(n,e)}else super.insertBefore(t,e)}insertContents(t,e){const n=this.deltaToRenderBlocks(e.concat((new(d())).insert("\n"))),r=n.pop();if(null==r)return;this.batchStart();const s=n.shift();if(s){const e="block"===s.type&&(0===s.delta.length()||!this.descendant(i.zo,t)[0]&&t<this.length()),n="block"===s.type?s.delta:(new(d())).insert({[s.key]:s.value});b(this,t,n);const r="block"===s.type?1:0,o=t+n.length()+r;e&&this.insertAt(o-1,"\n");const l=(0,i.Ji)(this.line(t)[0]),a=h.AttributeMap.diff(l,s.attributes)||{};Object.keys(a).forEach((t=>{this.formatAt(o-1,1,t,a[t])})),t=o}let[o,l]=this.children.find(t);n.length&&(o&&(o=o.split(l),l=0),n.forEach((t=>{if("block"===t.type)b(this.createBlock(t.attributes,o||void 0),0,t.delta);else{const e=this.create(t.key,t.value);this.insertBefore(e,o||void 0),Object.keys(t.attributes).forEach((n=>{e.format(n,t.attributes[n])}))}}))),"block"===r.type&&r.delta.length()&&b(this,o?o.offset(o.scroll)+l:this.length(),r.delta),this.batchEnd(),this.optimize()}isEnabled(){return"true"===this.domNode.getAttribute("contenteditable")}leaf(t){const e=this.path(t).pop();if(!e)return[null,-1];const[n,r]=e;return n instanceof u.LeafBlot?[n,r]:[null,-1]}line(t){return t===this.length()?this.line(t-1):this.descendant(p,t)}lines(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Number.MAX_VALUE;const n=(t,e,r)=>{let i=[],s=r;return t.children.forEachAt(e,r,((t,e,r)=>{p(t)?i.push(t):t instanceof u.ContainerBlot&&(i=i.concat(n(t,e,s))),s-=r})),i};return n(this,t,e)}optimize(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.batch||(super.optimize(t,e),t.length>0&&this.emitter.emit(f.A.events.SCROLL_OPTIMIZE,t,e))}path(t){return super.path(t).slice(1)}remove(){}update(t){if(this.batch)return void(Array.isArray(t)&&(this.batch=this.batch.concat(t)));let e=f.A.sources.USER;"string"==typeof t&&(e=t),Array.isArray(t)||(t=this.observer.takeRecords()),(t=t.filter((t=>{let{target:e}=t;const n=this.find(e,!0);return n&&!g(n)}))).length>0&&this.emitter.emit(f.A.events.SCROLL_BEFORE_UPDATE,e,t),super.update(t.concat([])),t.length>0&&this.emitter.emit(f.A.events.SCROLL_UPDATE,e,t)}updateEmbedAt(t,e,n){const[r]=this.descendant((t=>t instanceof i.zo),t);r&&r.statics.blotName===e&&g(r)&&r.updateContent(n)}handleDragStart(t){t.preventDefault()}deltaToRenderBlocks(t){const e=[];let n=new(d());return t.forEach((t=>{const r=t?.insert;if(r)if("string"==typeof r){const i=r.split("\n");i.slice(0,-1).forEach((r=>{n.insert(r,t.attributes),e.push({type:"block",delta:n,attributes:t.attributes??{}}),n=new(d())}));const s=i[i.length-1];s&&n.insert(s,t.attributes)}else{const i=Object.keys(r)[0];if(!i)return;this.query(i,u.Scope.INLINE)?n.push(t):(n.length()&&e.push({type:"block",delta:n,attributes:{}}),n=new(d()),e.push({type:"blockEmbed",key:i,value:r[i],attributes:t.attributes??{}}))}})),n.length()&&e.push({type:"block",delta:n,attributes:{}}),e}createBlock(t,e){let n;const r={};Object.entries(t).forEach((t=>{let[e,i]=t;null!=this.query(e,u.Scope.BLOCK&u.Scope.BLOT)?n=e:r[e]=i}));const i=this.create(n||this.statics.defaultChild.blotName,n?t[n]:void 0);this.insertBefore(i,e||void 0);const s=i.length();return Object.entries(r).forEach((t=>{let[e,n]=t;i.formatAt(0,s,e,n)})),i}}function b(t,e,n){n.reduce(((e,n)=>{const r=h.Op.length(n);let s=n.attributes||{};if(null!=n.insert)if("string"==typeof n.insert){const r=n.insert;t.insertAt(e,r);const[o]=t.descendant(u.LeafBlot,e),l=(0,i.Ji)(o);s=h.AttributeMap.diff(l,s)||{}}else if("object"==typeof n.insert){const r=Object.keys(n.insert)[0];if(null==r)return e;if(t.insertAt(e,r,n.insert[r]),null!=t.scroll.query(r,u.Scope.INLINE)){const[n]=t.descendant(u.LeafBlot,e),r=(0,i.Ji)(n);s=h.AttributeMap.diff(r,s)||{}}}return Object.keys(s).forEach((n=>{t.formatAt(e,r,n,s[n])})),e+r}),e)}var y=m,v=n(5508),A=n(584),x=n(4266);class N extends x.A{static DEFAULTS={delay:1e3,maxStack:100,userOnly:!1};lastRecorded=0;ignoreChange=!1;stack={undo:[],redo:[]};currentRange=null;constructor(t,e){super(t,e),this.quill.on(r.Ay.events.EDITOR_CHANGE,((t,e,n,i)=>{t===r.Ay.events.SELECTION_CHANGE?e&&i!==r.Ay.sources.SILENT&&(this.currentRange=e):t===r.Ay.events.TEXT_CHANGE&&(this.ignoreChange||(this.options.userOnly&&i!==r.Ay.sources.USER?this.transform(e):this.record(e,n)),this.currentRange=w(this.currentRange,e))})),this.quill.keyboard.addBinding({key:"z",shortKey:!0},this.undo.bind(this)),this.quill.keyboard.addBinding({key:["z","Z"],shortKey:!0,shiftKey:!0},this.redo.bind(this)),/Win/i.test(navigator.platform)&&this.quill.keyboard.addBinding({key:"y",shortKey:!0},this.redo.bind(this)),this.quill.root.addEventListener("beforeinput",(t=>{"historyUndo"===t.inputType?(this.undo(),t.preventDefault()):"historyRedo"===t.inputType&&(this.redo(),t.preventDefault())}))}change(t,e){if(0===this.stack[t].length)return;const n=this.stack[t].pop();if(!n)return;const i=this.quill.getContents(),s=n.delta.invert(i);this.stack[e].push({delta:s,range:w(n.range,s)}),this.lastRecorded=0,this.ignoreChange=!0,this.quill.updateContents(n.delta,r.Ay.sources.USER),this.ignoreChange=!1,this.restoreSelection(n)}clear(){this.stack={undo:[],redo:[]}}cutoff(){this.lastRecorded=0}record(t,e){if(0===t.ops.length)return;this.stack.redo=[];let n=t.invert(e),r=this.currentRange;const i=Date.now();if(this.lastRecorded+this.options.delay>i&&this.stack.undo.length>0){const t=this.stack.undo.pop();t&&(n=n.compose(t.delta),r=t.range)}else this.lastRecorded=i;0!==n.length()&&(this.stack.undo.push({delta:n,range:r}),this.stack.undo.length>this.options.maxStack&&this.stack.undo.shift())}redo(){this.change("redo","undo")}transform(t){E(this.stack.undo,t),E(this.stack.redo,t)}undo(){this.change("undo","redo")}restoreSelection(t){if(t.range)this.quill.setSelection(t.range,r.Ay.sources.USER);else{const e=function(t,e){const n=e.reduce(((t,e)=>t+(e.delete||0)),0);let r=e.length()-n;return function(t,e){const n=e.ops[e.ops.length-1];return null!=n&&(null!=n.insert?"string"==typeof n.insert&&n.insert.endsWith("\n"):null!=n.attributes&&Object.keys(n.attributes).some((e=>null!=t.query(e,u.Scope.BLOCK))))}(t,e)&&(r-=1),r}(this.quill.scroll,t.delta);this.quill.setSelection(e,r.Ay.sources.USER)}}}function E(t,e){let n=e;for(let e=t.length-1;e>=0;e-=1){const r=t[e];t[e]={delta:n.transform(r.delta,!0),range:r.range&&w(r.range,n)},n=r.delta.transform(n),0===t[e].delta.length()&&t.splice(e,1)}}function w(t,e){if(!t)return t;const n=e.transformPosition(t.index);return{index:n,length:e.transformPosition(t.index+t.length)-n}}var q=n(8123);class k extends x.A{constructor(t,e){super(t,e),t.root.addEventListener("drop",(e=>{e.preventDefault();let n=null;if(document.caretRangeFromPoint)n=document.caretRangeFromPoint(e.clientX,e.clientY);else if(document.caretPositionFromPoint){const t=document.caretPositionFromPoint(e.clientX,e.clientY);n=document.createRange(),n.setStart(t.offsetNode,t.offset),n.setEnd(t.offsetNode,t.offset)}const r=n&&t.selection.normalizeNative(n);if(r){const n=t.selection.normalizedToRange(r);e.dataTransfer?.files&&this.upload(n,e.dataTransfer.files)}}))}upload(t,e){const n=[];Array.from(e).forEach((t=>{t&&this.options.mimetypes?.includes(t.type)&&n.push(t)})),n.length>0&&this.options.handler.call(this,t,n)}}k.DEFAULTS={mimetypes:["image/png","image/jpeg"],handler(t,e){if(!this.quill.scroll.query("image"))return;const n=e.map((t=>new Promise((e=>{const n=new FileReader;n.onload=()=>{e(n.result)},n.readAsDataURL(t)}))));Promise.all(n).then((e=>{const n=e.reduce(((t,e)=>t.insert({image:e})),(new(d())).retain(t.index).delete(t.length));this.quill.updateContents(n,f.A.sources.USER),this.quill.setSelection(t.index+e.length,f.A.sources.SILENT)}))}};var _=k;const L=["insertText","insertReplacementText"];class S extends x.A{constructor(t,e){super(t,e),t.root.addEventListener("beforeinput",(t=>{this.handleBeforeInput(t)})),/Android/i.test(navigator.userAgent)||t.on(r.Ay.events.COMPOSITION_BEFORE_START,(()=>{this.handleCompositionStart()}))}deleteRange(t){(0,q.Xo)({range:t,quill:this.quill})}replaceText(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(0===t.length)return!1;if(e){const n=this.quill.getFormat(t.index,1);this.deleteRange(t),this.quill.updateContents((new(d())).retain(t.index).insert(e,n),r.Ay.sources.USER)}else this.deleteRange(t);return this.quill.setSelection(t.index+e.length,0,r.Ay.sources.SILENT),!0}handleBeforeInput(t){if(this.quill.composition.isComposing||t.defaultPrevented||!L.includes(t.inputType))return;const e=t.getTargetRanges?t.getTargetRanges()[0]:null;if(!e||!0===e.collapsed)return;const n=function(t){return"string"==typeof t.data?t.data:t.dataTransfer?.types.includes("text/plain")?t.dataTransfer.getData("text/plain"):null}(t);if(null==n)return;const r=this.quill.selection.normalizeNative(e),i=r?this.quill.selection.normalizedToRange(r):null;i&&this.replaceText(i,n)&&t.preventDefault()}handleCompositionStart(){const t=this.quill.getSelection();t&&this.replaceText(t)}}var O=S;const T=/Mac/i.test(navigator.platform);class j extends x.A{isListening=!1;selectionChangeDeadline=0;constructor(t,e){super(t,e),this.handleArrowKeys(),this.handleNavigationShortcuts()}handleArrowKeys(){this.quill.keyboard.addBinding({key:["ArrowLeft","ArrowRight"],offset:0,shiftKey:null,handler(t,e){let{line:n,event:i}=e;if(!(n instanceof u.ParentBlot&&n.uiNode))return!0;const s="rtl"===getComputedStyle(n.domNode).direction;return!!(s&&"ArrowRight"!==i.key||!s&&"ArrowLeft"!==i.key)||(this.quill.setSelection(t.index-1,t.length+(i.shiftKey?1:0),r.Ay.sources.USER),!1)}})}handleNavigationShortcuts(){this.quill.root.addEventListener("keydown",(t=>{!t.defaultPrevented&&(t=>"ArrowLeft"===t.key||"ArrowRight"===t.key||"ArrowUp"===t.key||"ArrowDown"===t.key||"Home"===t.key||!(!T||"a"!==t.key||!0!==t.ctrlKey))(t)&&this.ensureListeningToSelectionChange()}))}ensureListeningToSelectionChange(){this.selectionChangeDeadline=Date.now()+100,this.isListening||(this.isListening=!0,document.addEventListener("selectionchange",(()=>{this.isListening=!1,Date.now()<=this.selectionChangeDeadline&&this.handleSelectionChange()}),{once:!0}))}handleSelectionChange(){const t=document.getSelection();if(!t)return;const e=t.getRangeAt(0);if(!0!==e.collapsed||0!==e.startOffset)return;const n=this.quill.scroll.find(e.startContainer);if(!(n instanceof u.ParentBlot&&n.uiNode))return;const r=document.createRange();r.setStartAfter(n.uiNode),r.setEndAfter(n.uiNode),t.removeAllRanges(),t.addRange(r)}}var C=j;r.Ay.register({"blots/block":i.Ay,"blots/block/embed":i.zo,"blots/break":s.A,"blots/container":o.A,"blots/cursor":l.A,"blots/embed":a.A,"blots/inline":c.A,"blots/scroll":y,"blots/text":v.A,"modules/clipboard":A.Ay,"modules/history":N,"modules/keyboard":q.Ay,"modules/uploader":_,"modules/input":O,"modules/uiNode":C});var R=r.Ay},5374:function(t,e,n){"use strict";n.d(e,{A:function(){return o}});var r=n(8920),i=n(7356);const s=(0,n(6078).A)("quill:events");["selectionchange","mousedown","mouseup","click"].forEach((t=>{document.addEventListener(t,(function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];Array.from(document.querySelectorAll(".ql-container")).forEach((t=>{const n=i.A.get(t);n&&n.emitter&&n.emitter.handleDOM(...e)}))}))}));var o=class extends r{static events={EDITOR_CHANGE:"editor-change",SCROLL_BEFORE_UPDATE:"scroll-before-update",SCROLL_BLOT_MOUNT:"scroll-blot-mount",SCROLL_BLOT_UNMOUNT:"scroll-blot-unmount",SCROLL_OPTIMIZE:"scroll-optimize",SCROLL_UPDATE:"scroll-update",SCROLL_EMBED_UPDATE:"scroll-embed-update",SELECTION_CHANGE:"selection-change",TEXT_CHANGE:"text-change",COMPOSITION_BEFORE_START:"composition-before-start",COMPOSITION_START:"composition-start",COMPOSITION_BEFORE_END:"composition-before-end",COMPOSITION_END:"composition-end"};static sources={API:"api",SILENT:"silent",USER:"user"};constructor(){super(),this.domListeners={},this.on("error",s.error)}emit(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return s.log.call(s,...e),super.emit(...e)}handleDOM(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];(this.domListeners[t.type]||[]).forEach((e=>{let{node:r,handler:i}=e;(t.target===r||r.contains(t.target))&&i(t,...n)}))}listenDOM(t,e,n){this.domListeners[t]||(this.domListeners[t]=[]),this.domListeners[t].push({node:e,handler:n})}}},7356:function(t,e){"use strict";e.A=new WeakMap},6078:function(t,e){"use strict";const n=["error","warn","log","info"];let r="warn";function i(t){if(r&&n.indexOf(t)<=n.indexOf(r)){for(var e=arguments.length,i=new Array(e>1?e-1:0),s=1;s<e;s++)i[s-1]=arguments[s];console[t](...i)}}function s(t){return n.reduce(((e,n)=>(e[n]=i.bind(console,n,t),e)),{})}s.level=t=>{r=t},i.level=s.level,e.A=s},4266:function(t,e){"use strict";e.A=class{static DEFAULTS={};constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.quill=t,this.options=e}}},6142:function(t,e,n){"use strict";n.d(e,{Ay:function(){return I}});var r=n(8347),i=n(6003),s=n(5232),o=n.n(s),l=n(3707),a=n(5123),c=n(9698),u=n(3036),h=n(4541),d=n(5508),f=n(8298);const p=/^[ -~]*$/;function g(t,e,n){if(0===t.length){const[t]=y(n.pop());return e<=0?`</li></${t}>`:`</li></${t}>${g([],e-1,n)}`}const[{child:r,offset:i,length:s,indent:o,type:l},...a]=t,[c,u]=y(l);if(o>e)return n.push(l),o===e+1?`<${c}><li${u}>${m(r,i,s)}${g(a,o,n)}`:`<${c}><li>${g(t,e+1,n)}`;const h=n[n.length-1];if(o===e&&l===h)return`</li><li${u}>${m(r,i,s)}${g(a,o,n)}`;const[d]=y(n.pop());return`</li></${d}>${g(t,e-1,n)}`}function m(t,e,n){let r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if("html"in t&&"function"==typeof t.html)return t.html(e,n);if(t instanceof d.A)return(0,d.X)(t.value().slice(e,e+n)).replaceAll(" ","&nbsp;");if(t instanceof i.ParentBlot){if("list-container"===t.statics.blotName){const r=[];return t.children.forEachAt(e,n,((t,e,n)=>{const i="formats"in t&&"function"==typeof t.formats?t.formats():{};r.push({child:t,offset:e,length:n,indent:i.indent||0,type:i.list})})),g(r,-1,[])}const i=[];if(t.children.forEachAt(e,n,((t,e,n)=>{i.push(m(t,e,n))})),r||"list"===t.statics.blotName)return i.join("");const{outerHTML:s,innerHTML:o}=t.domNode,[l,a]=s.split(`>${o}<`);return"<table"===l?`<table style="border: 1px solid #000;">${i.join("")}<${a}`:`${l}>${i.join("")}<${a}`}return t.domNode instanceof Element?t.domNode.outerHTML:""}function b(t,e){return Object.keys(e).reduce(((n,r)=>{if(null==t[r])return n;const i=e[r];return i===t[r]?n[r]=i:Array.isArray(i)?i.indexOf(t[r])<0?n[r]=i.concat([t[r]]):n[r]=i:n[r]=[i,t[r]],n}),{})}function y(t){const e="ordered"===t?"ol":"ul";switch(t){case"checked":return[e,' data-list="checked"'];case"unchecked":return[e,' data-list="unchecked"'];default:return[e,""]}}function v(t){return t.reduce(((t,e)=>{if("string"==typeof e.insert){const n=e.insert.replace(/\r\n/g,"\n").replace(/\r/g,"\n");return t.insert(n,e.attributes)}return t.push(e)}),new(o()))}function A(t,e){let{index:n,length:r}=t;return new f.Q(n+e,r)}var x=class{constructor(t){this.scroll=t,this.delta=this.getDelta()}applyDelta(t){this.scroll.update();let e=this.scroll.length();this.scroll.batchStart();const n=v(t),l=new(o());return function(t){const e=[];return t.forEach((t=>{"string"==typeof t.insert?t.insert.split("\n").forEach(((n,r)=>{r&&e.push({insert:"\n",attributes:t.attributes}),n&&e.push({insert:n,attributes:t.attributes})})):e.push(t)})),e}(n.ops.slice()).reduce(((t,n)=>{const o=s.Op.length(n);let a=n.attributes||{},u=!1,h=!1;if(null!=n.insert){if(l.retain(o),"string"==typeof n.insert){const o=n.insert;h=!o.endsWith("\n")&&(e<=t||!!this.scroll.descendant(c.zo,t)[0]),this.scroll.insertAt(t,o);const[l,u]=this.scroll.line(t);let d=(0,r.A)({},(0,c.Ji)(l));if(l instanceof c.Ay){const[t]=l.descendant(i.LeafBlot,u);t&&(d=(0,r.A)(d,(0,c.Ji)(t)))}a=s.AttributeMap.diff(d,a)||{}}else if("object"==typeof n.insert){const o=Object.keys(n.insert)[0];if(null==o)return t;const l=null!=this.scroll.query(o,i.Scope.INLINE);if(l)(e<=t||this.scroll.descendant(c.zo,t)[0])&&(h=!0);else if(t>0){const[e,n]=this.scroll.descendant(i.LeafBlot,t-1);e instanceof d.A?"\n"!==e.value()[n]&&(u=!0):e instanceof i.EmbedBlot&&e.statics.scope===i.Scope.INLINE_BLOT&&(u=!0)}if(this.scroll.insertAt(t,o,n.insert[o]),l){const[e]=this.scroll.descendant(i.LeafBlot,t);if(e){const t=(0,r.A)({},(0,c.Ji)(e));a=s.AttributeMap.diff(t,a)||{}}}}e+=o}else if(l.push(n),null!==n.retain&&"object"==typeof n.retain){const e=Object.keys(n.retain)[0];if(null==e)return t;this.scroll.updateEmbedAt(t,e,n.retain[e])}Object.keys(a).forEach((e=>{this.scroll.formatAt(t,o,e,a[e])}));const f=u?1:0,p=h?1:0;return e+=f+p,l.retain(f),l.delete(p),t+o+f+p}),0),l.reduce(((t,e)=>"number"==typeof e.delete?(this.scroll.deleteAt(t,e.delete),t):t+s.Op.length(e)),0),this.scroll.batchEnd(),this.scroll.optimize(),this.update(n)}deleteText(t,e){return this.scroll.deleteAt(t,e),this.update((new(o())).retain(t).delete(e))}formatLine(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};this.scroll.update(),Object.keys(n).forEach((r=>{this.scroll.lines(t,Math.max(e,1)).forEach((t=>{t.format(r,n[r])}))})),this.scroll.optimize();const r=(new(o())).retain(t).retain(e,(0,l.A)(n));return this.update(r)}formatText(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};Object.keys(n).forEach((r=>{this.scroll.formatAt(t,e,r,n[r])}));const r=(new(o())).retain(t).retain(e,(0,l.A)(n));return this.update(r)}getContents(t,e){return this.delta.slice(t,t+e)}getDelta(){return this.scroll.lines().reduce(((t,e)=>t.concat(e.delta())),new(o()))}getFormat(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=[],r=[];0===e?this.scroll.path(t).forEach((t=>{const[e]=t;e instanceof c.Ay?n.push(e):e instanceof i.LeafBlot&&r.push(e)})):(n=this.scroll.lines(t,e),r=this.scroll.descendants(i.LeafBlot,t,e));const[s,o]=[n,r].map((t=>{const e=t.shift();if(null==e)return{};let n=(0,c.Ji)(e);for(;Object.keys(n).length>0;){const e=t.shift();if(null==e)return n;n=b((0,c.Ji)(e),n)}return n}));return{...s,...o}}getHTML(t,e){const[n,r]=this.scroll.line(t);if(n){const i=n.length();return n.length()>=r+e&&(0!==r||e!==i)?m(n,r,e,!0):m(this.scroll,t,e,!0)}return""}getText(t,e){return this.getContents(t,e).filter((t=>"string"==typeof t.insert)).map((t=>t.insert)).join("")}insertContents(t,e){const n=v(e),r=(new(o())).retain(t).concat(n);return this.scroll.insertContents(t,n),this.update(r)}insertEmbed(t,e,n){return this.scroll.insertAt(t,e,n),this.update((new(o())).retain(t).insert({[e]:n}))}insertText(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return e=e.replace(/\r\n/g,"\n").replace(/\r/g,"\n"),this.scroll.insertAt(t,e),Object.keys(n).forEach((r=>{this.scroll.formatAt(t,e.length,r,n[r])})),this.update((new(o())).retain(t).insert(e,(0,l.A)(n)))}isBlank(){if(0===this.scroll.children.length)return!0;if(this.scroll.children.length>1)return!1;const t=this.scroll.children.head;if(t?.statics.blotName!==c.Ay.blotName)return!1;const e=t;return!(e.children.length>1)&&e.children.head instanceof u.A}removeFormat(t,e){const n=this.getText(t,e),[r,i]=this.scroll.line(t+e);let s=0,l=new(o());null!=r&&(s=r.length()-i,l=r.delta().slice(i,i+s-1).insert("\n"));const a=this.getContents(t,e+s).diff((new(o())).insert(n).concat(l)),c=(new(o())).retain(t).concat(a);return this.applyDelta(c)}update(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;const r=this.delta;if(1===e.length&&"characterData"===e[0].type&&e[0].target.data.match(p)&&this.scroll.find(e[0].target)){const i=this.scroll.find(e[0].target),s=(0,c.Ji)(i),l=i.offset(this.scroll),a=e[0].oldValue.replace(h.A.CONTENTS,""),u=(new(o())).insert(a),d=(new(o())).insert(i.value()),f=n&&{oldRange:A(n.oldRange,-l),newRange:A(n.newRange,-l)};t=(new(o())).retain(l).concat(u.diff(d,f)).reduce(((t,e)=>e.insert?t.insert(e.insert,s):t.push(e)),new(o())),this.delta=r.compose(t)}else this.delta=this.getDelta(),t&&(0,a.A)(r.compose(t),this.delta)||(t=r.diff(this.delta,n));return t}},N=n(5374),E=n(7356),w=n(6078),q=n(4266),k=n(746),_=class{isComposing=!1;constructor(t,e){this.scroll=t,this.emitter=e,this.setupListeners()}setupListeners(){this.scroll.domNode.addEventListener("compositionstart",(t=>{this.isComposing||this.handleCompositionStart(t)})),this.scroll.domNode.addEventListener("compositionend",(t=>{this.isComposing&&queueMicrotask((()=>{this.handleCompositionEnd(t)}))}))}handleCompositionStart(t){const e=t.target instanceof Node?this.scroll.find(t.target,!0):null;!e||e instanceof k.A||(this.emitter.emit(N.A.events.COMPOSITION_BEFORE_START,t),this.scroll.batchStart(),this.emitter.emit(N.A.events.COMPOSITION_START,t),this.isComposing=!0)}handleCompositionEnd(t){this.emitter.emit(N.A.events.COMPOSITION_BEFORE_END,t),this.scroll.batchEnd(),this.emitter.emit(N.A.events.COMPOSITION_END,t),this.isComposing=!1}},L=n(9609);const S=t=>{const e=t.getBoundingClientRect(),n="offsetWidth"in t&&Math.abs(e.width)/t.offsetWidth||1,r="offsetHeight"in t&&Math.abs(e.height)/t.offsetHeight||1;return{top:e.top,right:e.left+t.clientWidth*n,bottom:e.top+t.clientHeight*r,left:e.left}},O=t=>{const e=parseInt(t,10);return Number.isNaN(e)?0:e},T=(t,e,n,r,i,s)=>t<n&&e>r?0:t<n?-(n-t+i):e>r?e-t>r-n?t+i-n:e-r+s:0;const j=["block","break","cursor","inline","scroll","text"];const C=(0,w.A)("quill"),R=new i.Registry;i.ParentBlot.uiClass="ql-ui";class I{static DEFAULTS={bounds:null,modules:{clipboard:!0,keyboard:!0,history:!0,uploader:!0},placeholder:"",readOnly:!1,registry:R,theme:"default"};static events=N.A.events;static sources=N.A.sources;static version="2.0.3";static imports={delta:o(),parchment:i,"core/module":q.A,"core/theme":L.A};static debug(t){!0===t&&(t="log"),w.A.level(t)}static find(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return E.A.get(t)||R.find(t,e)}static import(t){return null==this.imports[t]&&C.error(`Cannot import ${t}. Are you sure it was registered?`),this.imports[t]}static register(){if("string"!=typeof(arguments.length<=0?void 0:arguments[0])){const t=arguments.length<=0?void 0:arguments[0],e=!!(arguments.length<=1?void 0:arguments[1]),n="attrName"in t?t.attrName:t.blotName;"string"==typeof n?this.register(`formats/${n}`,t,e):Object.keys(t).forEach((n=>{this.register(n,t[n],e)}))}else{const t=arguments.length<=0?void 0:arguments[0],e=arguments.length<=1?void 0:arguments[1],n=!!(arguments.length<=2?void 0:arguments[2]);null==this.imports[t]||n||C.warn(`Overwriting ${t} with`,e),this.imports[t]=e,(t.startsWith("blots/")||t.startsWith("formats/"))&&e&&"boolean"!=typeof e&&"abstract"!==e.blotName&&R.register(e),"function"==typeof e.register&&e.register(R)}}constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this.options=function(t,e){const n=B(t);if(!n)throw new Error("Invalid Quill container");const s=!e.theme||e.theme===I.DEFAULTS.theme?L.A:I.import(`themes/${e.theme}`);if(!s)throw new Error(`Invalid theme ${e.theme}. Did you register it?`);const{modules:o,...l}=I.DEFAULTS,{modules:a,...c}=s.DEFAULTS;let u=M(e.modules);null!=u&&u.toolbar&&u.toolbar.constructor!==Object&&(u={...u,toolbar:{container:u.toolbar}});const h=(0,r.A)({},M(o),M(a),u),d={...l,...U(c),...U(e)};let f=e.registry;return f?e.formats&&C.warn('Ignoring "formats" option because "registry" is specified'):f=e.formats?((t,e,n)=>{const r=new i.Registry;return j.forEach((t=>{const n=e.query(t);n&&r.register(n)})),t.forEach((t=>{let i=e.query(t);i||n.error(`Cannot register "${t}" specified in "formats" config. Are you sure it was registered?`);let s=0;for(;i;)if(r.register(i),i="blotName"in i?i.requiredContainer??null:null,s+=1,s>100){n.error(`Cycle detected in registering blot requiredContainer: "${t}"`);break}})),r})(e.formats,d.registry,C):d.registry,{...d,registry:f,container:n,theme:s,modules:Object.entries(h).reduce(((t,e)=>{let[n,i]=e;if(!i)return t;const s=I.import(`modules/${n}`);return null==s?(C.error(`Cannot load ${n} module. Are you sure you registered it?`),t):{...t,[n]:(0,r.A)({},s.DEFAULTS||{},i)}}),{}),bounds:B(d.bounds)}}(t,e),this.container=this.options.container,null==this.container)return void C.error("Invalid Quill container",t);this.options.debug&&I.debug(this.options.debug);const n=this.container.innerHTML.trim();this.container.classList.add("ql-container"),this.container.innerHTML="",E.A.set(this.container,this),this.root=this.addContainer("ql-editor"),this.root.classList.add("ql-blank"),this.emitter=new N.A;const s=i.ScrollBlot.blotName,l=this.options.registry.query(s);if(!l||!("blotName"in l))throw new Error(`Cannot initialize Quill without "${s}" blot`);if(this.scroll=new l(this.options.registry,this.root,{emitter:this.emitter}),this.editor=new x(this.scroll),this.selection=new f.A(this.scroll,this.emitter),this.composition=new _(this.scroll,this.emitter),this.theme=new this.options.theme(this,this.options),this.keyboard=this.theme.addModule("keyboard"),this.clipboard=this.theme.addModule("clipboard"),this.history=this.theme.addModule("history"),this.uploader=this.theme.addModule("uploader"),this.theme.addModule("input"),this.theme.addModule("uiNode"),this.theme.init(),this.emitter.on(N.A.events.EDITOR_CHANGE,(t=>{t===N.A.events.TEXT_CHANGE&&this.root.classList.toggle("ql-blank",this.editor.isBlank())})),this.emitter.on(N.A.events.SCROLL_UPDATE,((t,e)=>{const n=this.selection.lastRange,[r]=this.selection.getRange(),i=n&&r?{oldRange:n,newRange:r}:void 0;D.call(this,(()=>this.editor.update(null,e,i)),t)})),this.emitter.on(N.A.events.SCROLL_EMBED_UPDATE,((t,e)=>{const n=this.selection.lastRange,[r]=this.selection.getRange(),i=n&&r?{oldRange:n,newRange:r}:void 0;D.call(this,(()=>{const n=(new(o())).retain(t.offset(this)).retain({[t.statics.blotName]:e});return this.editor.update(n,[],i)}),I.sources.USER)})),n){const t=this.clipboard.convert({html:`${n}<p><br></p>`,text:"\n"});this.setContents(t)}this.history.clear(),this.options.placeholder&&this.root.setAttribute("data-placeholder",this.options.placeholder),this.options.readOnly&&this.disable(),this.allowReadOnlyEdits=!1}addContainer(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if("string"==typeof t){const e=t;(t=document.createElement("div")).classList.add(e)}return this.container.insertBefore(t,e),t}blur(){this.selection.setRange(null)}deleteText(t,e,n){return[t,e,,n]=P(t,e,n),D.call(this,(()=>this.editor.deleteText(t,e)),n,t,-1*e)}disable(){this.enable(!1)}editReadOnly(t){this.allowReadOnlyEdits=!0;const e=t();return this.allowReadOnlyEdits=!1,e}enable(){let t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.scroll.enable(t),this.container.classList.toggle("ql-disabled",!t)}focus(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.selection.focus(),t.preventScroll||this.scrollSelectionIntoView()}format(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:N.A.sources.API;return D.call(this,(()=>{const n=this.getSelection(!0);let r=new(o());if(null==n)return r;if(this.scroll.query(t,i.Scope.BLOCK))r=this.editor.formatLine(n.index,n.length,{[t]:e});else{if(0===n.length)return this.selection.format(t,e),r;r=this.editor.formatText(n.index,n.length,{[t]:e})}return this.setSelection(n,N.A.sources.SILENT),r}),n)}formatLine(t,e,n,r,i){let s;return[t,e,s,i]=P(t,e,n,r,i),D.call(this,(()=>this.editor.formatLine(t,e,s)),i,t,0)}formatText(t,e,n,r,i){let s;return[t,e,s,i]=P(t,e,n,r,i),D.call(this,(()=>this.editor.formatText(t,e,s)),i,t,0)}getBounds(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=null;if(n="number"==typeof t?this.selection.getBounds(t,e):this.selection.getBounds(t.index,t.length),!n)return null;const r=this.container.getBoundingClientRect();return{bottom:n.bottom-r.top,height:n.height,left:n.left-r.left,right:n.right-r.left,top:n.top-r.top,width:n.width}}getContents(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.getLength()-t;return[t,e]=P(t,e),this.editor.getContents(t,e)}getFormat(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.getSelection(!0),e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return"number"==typeof t?this.editor.getFormat(t,e):this.editor.getFormat(t.index,t.length)}getIndex(t){return t.offset(this.scroll)}getLength(){return this.scroll.length()}getLeaf(t){return this.scroll.leaf(t)}getLine(t){return this.scroll.line(t)}getLines(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Number.MAX_VALUE;return"number"!=typeof t?this.scroll.lines(t.index,t.length):this.scroll.lines(t,e)}getModule(t){return this.theme.modules[t]}getSelection(){return arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.focus(),this.update(),this.selection.getRange()[0]}getSemanticHTML(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return"number"==typeof t&&(e=e??this.getLength()-t),[t,e]=P(t,e),this.editor.getHTML(t,e)}getText(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return"number"==typeof t&&(e=e??this.getLength()-t),[t,e]=P(t,e),this.editor.getText(t,e)}hasFocus(){return this.selection.hasFocus()}insertEmbed(t,e,n){let r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:I.sources.API;return D.call(this,(()=>this.editor.insertEmbed(t,e,n)),r,t)}insertText(t,e,n,r,i){let s;return[t,,s,i]=P(t,0,n,r,i),D.call(this,(()=>this.editor.insertText(t,e,s)),i,t,e.length)}isEnabled(){return this.scroll.isEnabled()}off(){return this.emitter.off(...arguments)}on(){return this.emitter.on(...arguments)}once(){return this.emitter.once(...arguments)}removeFormat(t,e,n){return[t,e,,n]=P(t,e,n),D.call(this,(()=>this.editor.removeFormat(t,e)),n,t)}scrollRectIntoView(t){((t,e)=>{const n=t.ownerDocument;let r=e,i=t;for(;i;){const t=i===n.body,e=t?{top:0,right:window.visualViewport?.width??n.documentElement.clientWidth,bottom:window.visualViewport?.height??n.documentElement.clientHeight,left:0}:S(i),o=getComputedStyle(i),l=T(r.left,r.right,e.left,e.right,O(o.scrollPaddingLeft),O(o.scrollPaddingRight)),a=T(r.top,r.bottom,e.top,e.bottom,O(o.scrollPaddingTop),O(o.scrollPaddingBottom));if(l||a)if(t)n.defaultView?.scrollBy(l,a);else{const{scrollLeft:t,scrollTop:e}=i;a&&(i.scrollTop+=a),l&&(i.scrollLeft+=l);const n=i.scrollLeft-t,s=i.scrollTop-e;r={left:r.left-n,top:r.top-s,right:r.right-n,bottom:r.bottom-s}}i=t||"fixed"===o.position?null:(s=i).parentElement||s.getRootNode().host||null}var s})(this.root,t)}scrollIntoView(){console.warn("Quill#scrollIntoView() has been deprecated and will be removed in the near future. Please use Quill#scrollSelectionIntoView() instead."),this.scrollSelectionIntoView()}scrollSelectionIntoView(){const t=this.selection.lastRange,e=t&&this.selection.getBounds(t.index,t.length);e&&this.scrollRectIntoView(e)}setContents(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:N.A.sources.API;return D.call(this,(()=>{t=new(o())(t);const e=this.getLength(),n=this.editor.deleteText(0,e),r=this.editor.insertContents(0,t),i=this.editor.deleteText(this.getLength()-1,1);return n.compose(r).compose(i)}),e)}setSelection(t,e,n){null==t?this.selection.setRange(null,e||I.sources.API):([t,e,,n]=P(t,e,n),this.selection.setRange(new f.Q(Math.max(0,t),e),n),n!==N.A.sources.SILENT&&this.scrollSelectionIntoView())}setText(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:N.A.sources.API;const n=(new(o())).insert(t);return this.setContents(n,e)}update(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:N.A.sources.USER;const e=this.scroll.update(t);return this.selection.update(t),e}updateContents(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:N.A.sources.API;return D.call(this,(()=>(t=new(o())(t),this.editor.applyDelta(t))),e,!0)}}function B(t){return"string"==typeof t?document.querySelector(t):t}function M(t){return Object.entries(t??{}).reduce(((t,e)=>{let[n,r]=e;return{...t,[n]:!0===r?{}:r}}),{})}function U(t){return Object.fromEntries(Object.entries(t).filter((t=>void 0!==t[1])))}function D(t,e,n,r){if(!this.isEnabled()&&e===N.A.sources.USER&&!this.allowReadOnlyEdits)return new(o());let i=null==n?null:this.getSelection();const s=this.editor.delta,l=t();if(null!=i&&(!0===n&&(n=i.index),null==r?i=z(i,l,e):0!==r&&(i=z(i,n,r,e)),this.setSelection(i,N.A.sources.SILENT)),l.length()>0){const t=[N.A.events.TEXT_CHANGE,l,s,e];this.emitter.emit(N.A.events.EDITOR_CHANGE,...t),e!==N.A.sources.SILENT&&this.emitter.emit(...t)}return l}function P(t,e,n,r,i){let s={};return"number"==typeof t.index&&"number"==typeof t.length?"number"!=typeof e?(i=r,r=n,n=e,e=t.length,t=t.index):(e=t.length,t=t.index):"number"!=typeof e&&(i=r,r=n,n=e,e=0),"object"==typeof n?(s=n,i=r):"string"==typeof n&&(null!=r?s[n]=r:i=n),[t,e,s,i=i||N.A.sources.API]}function z(t,e,n,r){const i="number"==typeof n?n:0;if(null==t)return null;let s,o;return e&&"function"==typeof e.transformPosition?[s,o]=[t.index,t.index+t.length].map((t=>e.transformPosition(t,r!==N.A.sources.USER))):[s,o]=[t.index,t.index+t.length].map((t=>t<e||t===e&&r===N.A.sources.USER?t:i>=0?t+i:Math.max(e,t+i))),new f.Q(s,o-s)}},8298:function(t,e,n){"use strict";n.d(e,{Q:function(){return a}});var r=n(6003),i=n(5123),s=n(3707),o=n(5374);const l=(0,n(6078).A)("quill:selection");class a{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.index=t,this.length=e}}function c(t,e){try{e.parentNode}catch(t){return!1}return t.contains(e)}e.A=class{constructor(t,e){this.emitter=e,this.scroll=t,this.composing=!1,this.mouseDown=!1,this.root=this.scroll.domNode,this.cursor=this.scroll.create("cursor",this),this.savedRange=new a(0,0),this.lastRange=this.savedRange,this.lastNative=null,this.handleComposition(),this.handleDragging(),this.emitter.listenDOM("selectionchange",document,(()=>{this.mouseDown||this.composing||setTimeout(this.update.bind(this,o.A.sources.USER),1)})),this.emitter.on(o.A.events.SCROLL_BEFORE_UPDATE,(()=>{if(!this.hasFocus())return;const t=this.getNativeRange();null!=t&&t.start.node!==this.cursor.textNode&&this.emitter.once(o.A.events.SCROLL_UPDATE,((e,n)=>{try{this.root.contains(t.start.node)&&this.root.contains(t.end.node)&&this.setNativeRange(t.start.node,t.start.offset,t.end.node,t.end.offset);const r=n.some((t=>"characterData"===t.type||"childList"===t.type||"attributes"===t.type&&t.target===this.root));this.update(r?o.A.sources.SILENT:e)}catch(t){}}))})),this.emitter.on(o.A.events.SCROLL_OPTIMIZE,((t,e)=>{if(e.range){const{startNode:t,startOffset:n,endNode:r,endOffset:i}=e.range;this.setNativeRange(t,n,r,i),this.update(o.A.sources.SILENT)}})),this.update(o.A.sources.SILENT)}handleComposition(){this.emitter.on(o.A.events.COMPOSITION_BEFORE_START,(()=>{this.composing=!0})),this.emitter.on(o.A.events.COMPOSITION_END,(()=>{if(this.composing=!1,this.cursor.parent){const t=this.cursor.restore();if(!t)return;setTimeout((()=>{this.setNativeRange(t.startNode,t.startOffset,t.endNode,t.endOffset)}),1)}}))}handleDragging(){this.emitter.listenDOM("mousedown",document.body,(()=>{this.mouseDown=!0})),this.emitter.listenDOM("mouseup",document.body,(()=>{this.mouseDown=!1,this.update(o.A.sources.USER)}))}focus(){this.hasFocus()||(this.root.focus({preventScroll:!0}),this.setRange(this.savedRange))}format(t,e){this.scroll.update();const n=this.getNativeRange();if(null!=n&&n.native.collapsed&&!this.scroll.query(t,r.Scope.BLOCK)){if(n.start.node!==this.cursor.textNode){const t=this.scroll.find(n.start.node,!1);if(null==t)return;if(t instanceof r.LeafBlot){const e=t.split(n.start.offset);t.parent.insertBefore(this.cursor,e)}else t.insertBefore(this.cursor,n.start.node);this.cursor.attach()}this.cursor.format(t,e),this.scroll.optimize(),this.setNativeRange(this.cursor.textNode,this.cursor.textNode.data.length),this.update()}}getBounds(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;const n=this.scroll.length();let r;t=Math.min(t,n-1),e=Math.min(t+e,n-1)-t;let[i,s]=this.scroll.leaf(t);if(null==i)return null;if(e>0&&s===i.length()){const[e]=this.scroll.leaf(t+1);if(e){const[n]=this.scroll.line(t),[r]=this.scroll.line(t+1);n===r&&(i=e,s=0)}}[r,s]=i.position(s,!0);const o=document.createRange();if(e>0)return o.setStart(r,s),[i,s]=this.scroll.leaf(t+e),null==i?null:([r,s]=i.position(s,!0),o.setEnd(r,s),o.getBoundingClientRect());let l,a="left";if(r instanceof Text){if(!r.data.length)return null;s<r.data.length?(o.setStart(r,s),o.setEnd(r,s+1)):(o.setStart(r,s-1),o.setEnd(r,s),a="right"),l=o.getBoundingClientRect()}else{if(!(i.domNode instanceof Element))return null;l=i.domNode.getBoundingClientRect(),s>0&&(a="right")}return{bottom:l.top+l.height,height:l.height,left:l[a],right:l[a],top:l.top,width:0}}getNativeRange(){const t=document.getSelection();if(null==t||t.rangeCount<=0)return null;const e=t.getRangeAt(0);if(null==e)return null;const n=this.normalizeNative(e);return l.info("getNativeRange",n),n}getRange(){const t=this.scroll.domNode;if("isConnected"in t&&!t.isConnected)return[null,null];const e=this.getNativeRange();return null==e?[null,null]:[this.normalizedToRange(e),e]}hasFocus(){return document.activeElement===this.root||null!=document.activeElement&&c(this.root,document.activeElement)}normalizedToRange(t){const e=[[t.start.node,t.start.offset]];t.native.collapsed||e.push([t.end.node,t.end.offset]);const n=e.map((t=>{const[e,n]=t,i=this.scroll.find(e,!0),s=i.offset(this.scroll);return 0===n?s:i instanceof r.LeafBlot?s+i.index(e,n):s+i.length()})),i=Math.min(Math.max(...n),this.scroll.length()-1),s=Math.min(i,...n);return new a(s,i-s)}normalizeNative(t){if(!c(this.root,t.startContainer)||!t.collapsed&&!c(this.root,t.endContainer))return null;const e={start:{node:t.startContainer,offset:t.startOffset},end:{node:t.endContainer,offset:t.endOffset},native:t};return[e.start,e.end].forEach((t=>{let{node:e,offset:n}=t;for(;!(e instanceof Text)&&e.childNodes.length>0;)if(e.childNodes.length>n)e=e.childNodes[n],n=0;else{if(e.childNodes.length!==n)break;e=e.lastChild,n=e instanceof Text?e.data.length:e.childNodes.length>0?e.childNodes.length:e.childNodes.length+1}t.node=e,t.offset=n})),e}rangeToNative(t){const e=this.scroll.length(),n=(t,n)=>{t=Math.min(e-1,t);const[r,i]=this.scroll.leaf(t);return r?r.position(i,n):[null,-1]};return[...n(t.index,!1),...n(t.index+t.length,!0)]}setNativeRange(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:t,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:e,i=arguments.length>4&&void 0!==arguments[4]&&arguments[4];if(l.info("setNativeRange",t,e,n,r),null!=t&&(null==this.root.parentNode||null==t.parentNode||null==n.parentNode))return;const s=document.getSelection();if(null!=s)if(null!=t){this.hasFocus()||this.root.focus({preventScroll:!0});const{native:o}=this.getNativeRange()||{};if(null==o||i||t!==o.startContainer||e!==o.startOffset||n!==o.endContainer||r!==o.endOffset){t instanceof Element&&"BR"===t.tagName&&(e=Array.from(t.parentNode.childNodes).indexOf(t),t=t.parentNode),n instanceof Element&&"BR"===n.tagName&&(r=Array.from(n.parentNode.childNodes).indexOf(n),n=n.parentNode);const i=document.createRange();i.setStart(t,e),i.setEnd(n,r),s.removeAllRanges(),s.addRange(i)}}else s.removeAllRanges(),this.root.blur()}setRange(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o.A.sources.API;if("string"==typeof e&&(n=e,e=!1),l.info("setRange",t),null!=t){const n=this.rangeToNative(t);this.setNativeRange(...n,e)}else this.setNativeRange(null);this.update(n)}update(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o.A.sources.USER;const e=this.lastRange,[n,r]=this.getRange();if(this.lastRange=n,this.lastNative=r,null!=this.lastRange&&(this.savedRange=this.lastRange),!(0,i.A)(e,this.lastRange)){if(!this.composing&&null!=r&&r.native.collapsed&&r.start.node!==this.cursor.textNode){const t=this.cursor.restore();t&&this.setNativeRange(t.startNode,t.startOffset,t.endNode,t.endOffset)}const n=[o.A.events.SELECTION_CHANGE,(0,s.A)(this.lastRange),(0,s.A)(e),t];this.emitter.emit(o.A.events.EDITOR_CHANGE,...n),t!==o.A.sources.SILENT&&this.emitter.emit(...n)}}}},9609:function(t,e){"use strict";class n{static DEFAULTS={modules:{}};static themes={default:n};modules={};constructor(t,e){this.quill=t,this.options=e}init(){Object.keys(this.options.modules).forEach((t=>{null==this.modules[t]&&this.addModule(t)}))}addModule(t){const e=this.quill.constructor.import(`modules/${t}`);return this.modules[t]=new e(this.quill,this.options.modules[t]||{}),this.modules[t]}}e.A=n},8276:function(t,e,n){"use strict";n.d(e,{Hu:function(){return l},gS:function(){return s},qh:function(){return o}});var r=n(6003);const i={scope:r.Scope.BLOCK,whitelist:["right","center","justify"]},s=new r.Attributor("align","align",i),o=new r.ClassAttributor("align","ql-align",i),l=new r.StyleAttributor("align","text-align",i)},9541:function(t,e,n){"use strict";n.d(e,{l:function(){return s},s:function(){return o}});var r=n(6003),i=n(8638);const s=new r.ClassAttributor("background","ql-bg",{scope:r.Scope.INLINE}),o=new i.a2("background","background-color",{scope:r.Scope.INLINE})},9404:function(t,e,n){"use strict";n.d(e,{Ay:function(){return h},Cy:function(){return d},EJ:function(){return u}});var r=n(9698),i=n(3036),s=n(4541),o=n(4850),l=n(5508),a=n(580),c=n(6142);class u extends a.A{static create(t){const e=super.create(t);return e.setAttribute("spellcheck","false"),e}code(t,e){return this.children.map((t=>t.length()<=1?"":t.domNode.innerText)).join("\n").slice(t,t+e)}html(t,e){return`<pre>\n${(0,l.X)(this.code(t,e))}\n</pre>`}}class h extends r.Ay{static TAB="  ";static register(){c.Ay.register(u)}}class d extends o.A{}d.blotName="code",d.tagName="CODE",h.blotName="code-block",h.className="ql-code-block",h.tagName="DIV",u.blotName="code-block-container",u.className="ql-code-block-container",u.tagName="DIV",u.allowedChildren=[h],h.allowedChildren=[l.A,i.A,s.A],h.requiredContainer=u},8638:function(t,e,n){"use strict";n.d(e,{JM:function(){return o},a2:function(){return i},g3:function(){return s}});var r=n(6003);class i extends r.StyleAttributor{value(t){let e=super.value(t);return e.startsWith("rgb(")?(e=e.replace(/^[^\d]+/,"").replace(/[^\d]+$/,""),`#${e.split(",").map((t=>`00${parseInt(t,10).toString(16)}`.slice(-2))).join("")}`):e}}const s=new r.ClassAttributor("color","ql-color",{scope:r.Scope.INLINE}),o=new i("color","color",{scope:r.Scope.INLINE})},7912:function(t,e,n){"use strict";n.d(e,{Mc:function(){return s},VL:function(){return l},sY:function(){return o}});var r=n(6003);const i={scope:r.Scope.BLOCK,whitelist:["rtl"]},s=new r.Attributor("direction","dir",i),o=new r.ClassAttributor("direction","ql-direction",i),l=new r.StyleAttributor("direction","direction",i)},6772:function(t,e,n){"use strict";n.d(e,{q:function(){return s},z:function(){return l}});var r=n(6003);const i={scope:r.Scope.INLINE,whitelist:["serif","monospace"]},s=new r.ClassAttributor("font","ql-font",i);class o extends r.StyleAttributor{value(t){return super.value(t).replace(/["']/g,"")}}const l=new o("font","font-family",i)},664:function(t,e,n){"use strict";n.d(e,{U:function(){return i},r:function(){return s}});var r=n(6003);const i=new r.ClassAttributor("size","ql-size",{scope:r.Scope.INLINE,whitelist:["small","large","huge"]}),s=new r.StyleAttributor("size","font-size",{scope:r.Scope.INLINE,whitelist:["10px","18px","32px"]})},584:function(t,e,n){"use strict";n.d(e,{Ay:function(){return S},hV:function(){return I}});var r=n(6003),i=n(5232),s=n.n(i),o=n(9698),l=n(6078),a=n(4266),c=n(6142),u=n(8276),h=n(9541),d=n(9404),f=n(8638),p=n(7912),g=n(6772),m=n(664),b=n(8123);const y=/font-weight:\s*normal/,v=["P","OL","UL"],A=t=>t&&v.includes(t.tagName),x=/\bmso-list:[^;]*ignore/i,N=/\bmso-list:[^;]*\bl(\d+)/i,E=/\bmso-list:[^;]*\blevel(\d+)/i,w=[function(t){"urn:schemas-microsoft-com:office:word"===t.documentElement.getAttribute("xmlns:w")&&(t=>{const e=Array.from(t.querySelectorAll("[style*=mso-list]")),n=[],r=[];e.forEach((t=>{(t.getAttribute("style")||"").match(x)?n.push(t):r.push(t)})),n.forEach((t=>t.parentNode?.removeChild(t)));const i=t.documentElement.innerHTML,s=r.map((t=>((t,e)=>{const n=t.getAttribute("style"),r=n?.match(N);if(!r)return null;const i=Number(r[1]),s=n?.match(E),o=s?Number(s[1]):1,l=new RegExp(`@list l${i}:level${o}\\s*\\{[^\\}]*mso-level-number-format:\\s*([\\w-]+)`,"i"),a=e.match(l);return{id:i,indent:o,type:a&&"bullet"===a[1]?"bullet":"ordered",element:t}})(t,i))).filter((t=>t));for(;s.length;){const t=[];let e=s.shift();for(;e;)t.push(e),e=s.length&&s[0]?.element===e.element.nextElementSibling&&s[0].id===e.id?s.shift():null;const n=document.createElement("ul");t.forEach((t=>{const e=document.createElement("li");e.setAttribute("data-list",t.type),t.indent>1&&e.setAttribute("class","ql-indent-"+(t.indent-1)),e.innerHTML=t.element.innerHTML,n.appendChild(e)}));const r=t[0]?.element,{parentNode:i}=r??{};r&&i?.replaceChild(n,r),t.slice(1).forEach((t=>{let{element:e}=t;i?.removeChild(e)}))}})(t)},function(t){t.querySelector('[id^="docs-internal-guid-"]')&&((t=>{Array.from(t.querySelectorAll('b[style*="font-weight"]')).filter((t=>t.getAttribute("style")?.match(y))).forEach((e=>{const n=t.createDocumentFragment();n.append(...e.childNodes),e.parentNode?.replaceChild(n,e)}))})(t),(t=>{Array.from(t.querySelectorAll("br")).filter((t=>A(t.previousElementSibling)&&A(t.nextElementSibling))).forEach((t=>{t.parentNode?.removeChild(t)}))})(t))}];const q=(0,l.A)("quill:clipboard"),k=[[Node.TEXT_NODE,function(t,e,n){let r=t.data;if("O:P"===t.parentElement?.tagName)return e.insert(r.trim());if(!R(t)){if(0===r.trim().length&&r.includes("\n")&&!function(t,e){return t.previousElementSibling&&t.nextElementSibling&&!j(t.previousElementSibling,e)&&!j(t.nextElementSibling,e)}(t,n))return e;r=r.replace(/[^\S\u00a0]/g," "),r=r.replace(/ {2,}/g," "),(null==t.previousSibling&&null!=t.parentElement&&j(t.parentElement,n)||t.previousSibling instanceof Element&&j(t.previousSibling,n))&&(r=r.replace(/^ /,"")),(null==t.nextSibling&&null!=t.parentElement&&j(t.parentElement,n)||t.nextSibling instanceof Element&&j(t.nextSibling,n))&&(r=r.replace(/ $/,"")),r=r.replaceAll(" "," ")}return e.insert(r)}],[Node.TEXT_NODE,M],["br",function(t,e){return T(e,"\n")||e.insert("\n"),e}],[Node.ELEMENT_NODE,M],[Node.ELEMENT_NODE,function(t,e,n){const i=n.query(t);if(null==i)return e;if(i.prototype instanceof r.EmbedBlot){const e={},r=i.value(t);if(null!=r)return e[i.blotName]=r,(new(s())).insert(e,i.formats(t,n))}else if(i.prototype instanceof r.BlockBlot&&!T(e,"\n")&&e.insert("\n"),"blotName"in i&&"formats"in i&&"function"==typeof i.formats)return O(e,i.blotName,i.formats(t,n),n);return e}],[Node.ELEMENT_NODE,function(t,e,n){const i=r.Attributor.keys(t),s=r.ClassAttributor.keys(t),o=r.StyleAttributor.keys(t),l={};return i.concat(s).concat(o).forEach((e=>{let i=n.query(e,r.Scope.ATTRIBUTE);null!=i&&(l[i.attrName]=i.value(t),l[i.attrName])||(i=_[e],null==i||i.attrName!==e&&i.keyName!==e||(l[i.attrName]=i.value(t)||void 0),i=L[e],null==i||i.attrName!==e&&i.keyName!==e||(i=L[e],l[i.attrName]=i.value(t)||void 0))})),Object.entries(l).reduce(((t,e)=>{let[r,i]=e;return O(t,r,i,n)}),e)}],[Node.ELEMENT_NODE,function(t,e,n){const r={},i=t.style||{};return"italic"===i.fontStyle&&(r.italic=!0),"underline"===i.textDecoration&&(r.underline=!0),"line-through"===i.textDecoration&&(r.strike=!0),(i.fontWeight?.startsWith("bold")||parseInt(i.fontWeight,10)>=700)&&(r.bold=!0),e=Object.entries(r).reduce(((t,e)=>{let[r,i]=e;return O(t,r,i,n)}),e),parseFloat(i.textIndent||0)>0?(new(s())).insert("\t").concat(e):e}],["li",function(t,e,n){const r=n.query(t);if(null==r||"list"!==r.blotName||!T(e,"\n"))return e;let i=-1,o=t.parentNode;for(;null!=o;)["OL","UL"].includes(o.tagName)&&(i+=1),o=o.parentNode;return i<=0?e:e.reduce(((t,e)=>e.insert?e.attributes&&"number"==typeof e.attributes.indent?t.push(e):t.insert(e.insert,{indent:i,...e.attributes||{}}):t),new(s()))}],["ol, ul",function(t,e,n){const r=t;let i="OL"===r.tagName?"ordered":"bullet";const s=r.getAttribute("data-checked");return s&&(i="true"===s?"checked":"unchecked"),O(e,"list",i,n)}],["pre",function(t,e,n){const r=n.query("code-block");return O(e,"code-block",!r||!("formats"in r)||"function"!=typeof r.formats||r.formats(t,n),n)}],["tr",function(t,e,n){const r="TABLE"===t.parentElement?.tagName?t.parentElement:t.parentElement?.parentElement;return null!=r?O(e,"table",Array.from(r.querySelectorAll("tr")).indexOf(t)+1,n):e}],["b",B("bold")],["i",B("italic")],["strike",B("strike")],["style",function(){return new(s())}]],_=[u.gS,p.Mc].reduce(((t,e)=>(t[e.keyName]=e,t)),{}),L=[u.Hu,h.s,f.JM,p.VL,g.z,m.r].reduce(((t,e)=>(t[e.keyName]=e,t)),{});class S extends a.A{static DEFAULTS={matchers:[]};constructor(t,e){super(t,e),this.quill.root.addEventListener("copy",(t=>this.onCaptureCopy(t,!1))),this.quill.root.addEventListener("cut",(t=>this.onCaptureCopy(t,!0))),this.quill.root.addEventListener("paste",this.onCapturePaste.bind(this)),this.matchers=[],k.concat(this.options.matchers??[]).forEach((t=>{let[e,n]=t;this.addMatcher(e,n)}))}addMatcher(t,e){this.matchers.push([t,e])}convert(t){let{html:e,text:n}=t,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(r[d.Ay.blotName])return(new(s())).insert(n||"",{[d.Ay.blotName]:r[d.Ay.blotName]});if(!e)return(new(s())).insert(n||"",r);const i=this.convertHTML(e);return T(i,"\n")&&(null==i.ops[i.ops.length-1].attributes||r.table)?i.compose((new(s())).retain(i.length()-1).delete(1)):i}normalizeHTML(t){(t=>{t.documentElement&&w.forEach((e=>{e(t)}))})(t)}convertHTML(t){const e=(new DOMParser).parseFromString(t,"text/html");this.normalizeHTML(e);const n=e.body,r=new WeakMap,[i,s]=this.prepareMatching(n,r);return I(this.quill.scroll,n,i,s,r)}dangerouslyPasteHTML(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:c.Ay.sources.API;if("string"==typeof t){const n=this.convert({html:t,text:""});this.quill.setContents(n,e),this.quill.setSelection(0,c.Ay.sources.SILENT)}else{const r=this.convert({html:e,text:""});this.quill.updateContents((new(s())).retain(t).concat(r),n),this.quill.setSelection(t+r.length(),c.Ay.sources.SILENT)}}onCaptureCopy(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(t.defaultPrevented)return;t.preventDefault();const[n]=this.quill.selection.getRange();if(null==n)return;const{html:r,text:i}=this.onCopy(n,e);t.clipboardData?.setData("text/plain",i),t.clipboardData?.setData("text/html",r),e&&(0,b.Xo)({range:n,quill:this.quill})}normalizeURIList(t){return t.split(/\r?\n/).filter((t=>"#"!==t[0])).join("\n")}onCapturePaste(t){if(t.defaultPrevented||!this.quill.isEnabled())return;t.preventDefault();const e=this.quill.getSelection(!0);if(null==e)return;const n=t.clipboardData?.getData("text/html");let r=t.clipboardData?.getData("text/plain");if(!n&&!r){const e=t.clipboardData?.getData("text/uri-list");e&&(r=this.normalizeURIList(e))}const i=Array.from(t.clipboardData?.files||[]);if(!n&&i.length>0)this.quill.uploader.upload(e,i);else{if(n&&i.length>0){const t=(new DOMParser).parseFromString(n,"text/html");if(1===t.body.childElementCount&&"IMG"===t.body.firstElementChild?.tagName)return void this.quill.uploader.upload(e,i)}this.onPaste(e,{html:n,text:r})}}onCopy(t){const e=this.quill.getText(t);return{html:this.quill.getSemanticHTML(t),text:e}}onPaste(t,e){let{text:n,html:r}=e;const i=this.quill.getFormat(t.index),o=this.convert({text:n,html:r},i);q.log("onPaste",o,{text:n,html:r});const l=(new(s())).retain(t.index).delete(t.length).concat(o);this.quill.updateContents(l,c.Ay.sources.USER),this.quill.setSelection(l.length()-t.length,c.Ay.sources.SILENT),this.quill.scrollSelectionIntoView()}prepareMatching(t,e){const n=[],r=[];return this.matchers.forEach((i=>{const[s,o]=i;switch(s){case Node.TEXT_NODE:r.push(o);break;case Node.ELEMENT_NODE:n.push(o);break;default:Array.from(t.querySelectorAll(s)).forEach((t=>{if(e.has(t)){const n=e.get(t);n?.push(o)}else e.set(t,[o])}))}})),[n,r]}}function O(t,e,n,r){return r.query(e)?t.reduce(((t,r)=>{if(!r.insert)return t;if(r.attributes&&r.attributes[e])return t.push(r);const i=n?{[e]:n}:{};return t.insert(r.insert,{...i,...r.attributes})}),new(s())):t}function T(t,e){let n="";for(let r=t.ops.length-1;r>=0&&n.length<e.length;--r){const e=t.ops[r];if("string"!=typeof e.insert)break;n=e.insert+n}return n.slice(-1*e.length)===e}function j(t,e){if(!(t instanceof Element))return!1;const n=e.query(t);return!(n&&n.prototype instanceof r.EmbedBlot)&&["address","article","blockquote","canvas","dd","div","dl","dt","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","iframe","li","main","nav","ol","output","p","pre","section","table","td","tr","ul","video"].includes(t.tagName.toLowerCase())}const C=new WeakMap;function R(t){return null!=t&&(C.has(t)||("PRE"===t.tagName?C.set(t,!0):C.set(t,R(t.parentNode))),C.get(t))}function I(t,e,n,r,i){return e.nodeType===e.TEXT_NODE?r.reduce(((n,r)=>r(e,n,t)),new(s())):e.nodeType===e.ELEMENT_NODE?Array.from(e.childNodes||[]).reduce(((s,o)=>{let l=I(t,o,n,r,i);return o.nodeType===e.ELEMENT_NODE&&(l=n.reduce(((e,n)=>n(o,e,t)),l),l=(i.get(o)||[]).reduce(((e,n)=>n(o,e,t)),l)),s.concat(l)}),new(s())):new(s())}function B(t){return(e,n,r)=>O(n,t,!0,r)}function M(t,e,n){if(!T(e,"\n")){if(j(t,n)&&(t.childNodes.length>0||t instanceof HTMLParagraphElement))return e.insert("\n");if(e.length()>0&&t.nextSibling){let r=t.nextSibling;for(;null!=r;){if(j(r,n))return e.insert("\n");const t=n.query(r);if(t&&t.prototype instanceof o.zo)return e.insert("\n");r=r.firstChild}}}return e}},8123:function(t,e,n){"use strict";n.d(e,{Ay:function(){return f},Xo:function(){return v}});var r=n(5123),i=n(3707),s=n(5232),o=n.n(s),l=n(6003),a=n(6142),c=n(6078),u=n(4266);const h=(0,c.A)("quill:keyboard"),d=/Mac/i.test(navigator.platform)?"metaKey":"ctrlKey";class f extends u.A{static match(t,e){return!["altKey","ctrlKey","metaKey","shiftKey"].some((n=>!!e[n]!==t[n]&&null!==e[n]))&&(e.key===t.key||e.key===t.which)}constructor(t,e){super(t,e),this.bindings={},Object.keys(this.options.bindings).forEach((t=>{this.options.bindings[t]&&this.addBinding(this.options.bindings[t])})),this.addBinding({key:"Enter",shiftKey:null},this.handleEnter),this.addBinding({key:"Enter",metaKey:null,ctrlKey:null,altKey:null},(()=>{})),/Firefox/i.test(navigator.userAgent)?(this.addBinding({key:"Backspace"},{collapsed:!0},this.handleBackspace),this.addBinding({key:"Delete"},{collapsed:!0},this.handleDelete)):(this.addBinding({key:"Backspace"},{collapsed:!0,prefix:/^.?$/},this.handleBackspace),this.addBinding({key:"Delete"},{collapsed:!0,suffix:/^.?$/},this.handleDelete)),this.addBinding({key:"Backspace"},{collapsed:!1},this.handleDeleteRange),this.addBinding({key:"Delete"},{collapsed:!1},this.handleDeleteRange),this.addBinding({key:"Backspace",altKey:null,ctrlKey:null,metaKey:null,shiftKey:null},{collapsed:!0,offset:0},this.handleBackspace),this.listen()}addBinding(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const r=function(t){if("string"==typeof t||"number"==typeof t)t={key:t};else{if("object"!=typeof t)return null;t=(0,i.A)(t)}return t.shortKey&&(t[d]=t.shortKey,delete t.shortKey),t}(t);null!=r?("function"==typeof e&&(e={handler:e}),"function"==typeof n&&(n={handler:n}),(Array.isArray(r.key)?r.key:[r.key]).forEach((t=>{const i={...r,key:t,...e,...n};this.bindings[i.key]=this.bindings[i.key]||[],this.bindings[i.key].push(i)}))):h.warn("Attempted to add invalid keyboard binding",r)}listen(){this.quill.root.addEventListener("keydown",(t=>{if(t.defaultPrevented||t.isComposing)return;if(229===t.keyCode&&("Enter"===t.key||"Backspace"===t.key))return;const e=(this.bindings[t.key]||[]).concat(this.bindings[t.which]||[]).filter((e=>f.match(t,e)));if(0===e.length)return;const n=a.Ay.find(t.target,!0);if(n&&n.scroll!==this.quill.scroll)return;const i=this.quill.getSelection();if(null==i||!this.quill.hasFocus())return;const[s,o]=this.quill.getLine(i.index),[c,u]=this.quill.getLeaf(i.index),[h,d]=0===i.length?[c,u]:this.quill.getLeaf(i.index+i.length),p=c instanceof l.TextBlot?c.value().slice(0,u):"",g=h instanceof l.TextBlot?h.value().slice(d):"",m={collapsed:0===i.length,empty:0===i.length&&s.length()<=1,format:this.quill.getFormat(i),line:s,offset:o,prefix:p,suffix:g,event:t};e.some((t=>{if(null!=t.collapsed&&t.collapsed!==m.collapsed)return!1;if(null!=t.empty&&t.empty!==m.empty)return!1;if(null!=t.offset&&t.offset!==m.offset)return!1;if(Array.isArray(t.format)){if(t.format.every((t=>null==m.format[t])))return!1}else if("object"==typeof t.format&&!Object.keys(t.format).every((e=>!0===t.format[e]?null!=m.format[e]:!1===t.format[e]?null==m.format[e]:(0,r.A)(t.format[e],m.format[e]))))return!1;return!(null!=t.prefix&&!t.prefix.test(m.prefix)||null!=t.suffix&&!t.suffix.test(m.suffix)||!0===t.handler.call(this,i,m,t))}))&&t.preventDefault()}))}handleBackspace(t,e){const n=/[\uD800-\uDBFF][\uDC00-\uDFFF]$/.test(e.prefix)?2:1;if(0===t.index||this.quill.getLength()<=1)return;let r={};const[i]=this.quill.getLine(t.index);let l=(new(o())).retain(t.index-n).delete(n);if(0===e.offset){const[e]=this.quill.getLine(t.index-1);if(e&&!("block"===e.statics.blotName&&e.length()<=1)){const e=i.formats(),n=this.quill.getFormat(t.index-1,1);if(r=s.AttributeMap.diff(e,n)||{},Object.keys(r).length>0){const e=(new(o())).retain(t.index+i.length()-2).retain(1,r);l=l.compose(e)}}}this.quill.updateContents(l,a.Ay.sources.USER),this.quill.focus()}handleDelete(t,e){const n=/^[\uD800-\uDBFF][\uDC00-\uDFFF]/.test(e.suffix)?2:1;if(t.index>=this.quill.getLength()-n)return;let r={};const[i]=this.quill.getLine(t.index);let l=(new(o())).retain(t.index).delete(n);if(e.offset>=i.length()-1){const[e]=this.quill.getLine(t.index+1);if(e){const n=i.formats(),o=this.quill.getFormat(t.index,1);r=s.AttributeMap.diff(n,o)||{},Object.keys(r).length>0&&(l=l.retain(e.length()-1).retain(1,r))}}this.quill.updateContents(l,a.Ay.sources.USER),this.quill.focus()}handleDeleteRange(t){v({range:t,quill:this.quill}),this.quill.focus()}handleEnter(t,e){const n=Object.keys(e.format).reduce(((t,n)=>(this.quill.scroll.query(n,l.Scope.BLOCK)&&!Array.isArray(e.format[n])&&(t[n]=e.format[n]),t)),{}),r=(new(o())).retain(t.index).delete(t.length).insert("\n",n);this.quill.updateContents(r,a.Ay.sources.USER),this.quill.setSelection(t.index+1,a.Ay.sources.SILENT),this.quill.focus()}}const p={bindings:{bold:b("bold"),italic:b("italic"),underline:b("underline"),indent:{key:"Tab",format:["blockquote","indent","list"],handler(t,e){return!(!e.collapsed||0===e.offset)||(this.quill.format("indent","+1",a.Ay.sources.USER),!1)}},outdent:{key:"Tab",shiftKey:!0,format:["blockquote","indent","list"],handler(t,e){return!(!e.collapsed||0===e.offset)||(this.quill.format("indent","-1",a.Ay.sources.USER),!1)}},"outdent backspace":{key:"Backspace",collapsed:!0,shiftKey:null,metaKey:null,ctrlKey:null,altKey:null,format:["indent","list"],offset:0,handler(t,e){null!=e.format.indent?this.quill.format("indent","-1",a.Ay.sources.USER):null!=e.format.list&&this.quill.format("list",!1,a.Ay.sources.USER)}},"indent code-block":g(!0),"outdent code-block":g(!1),"remove tab":{key:"Tab",shiftKey:!0,collapsed:!0,prefix:/\t$/,handler(t){this.quill.deleteText(t.index-1,1,a.Ay.sources.USER)}},tab:{key:"Tab",handler(t,e){if(e.format.table)return!0;this.quill.history.cutoff();const n=(new(o())).retain(t.index).delete(t.length).insert("\t");return this.quill.updateContents(n,a.Ay.sources.USER),this.quill.history.cutoff(),this.quill.setSelection(t.index+1,a.Ay.sources.SILENT),!1}},"blockquote empty enter":{key:"Enter",collapsed:!0,format:["blockquote"],empty:!0,handler(){this.quill.format("blockquote",!1,a.Ay.sources.USER)}},"list empty enter":{key:"Enter",collapsed:!0,format:["list"],empty:!0,handler(t,e){const n={list:!1};e.format.indent&&(n.indent=!1),this.quill.formatLine(t.index,t.length,n,a.Ay.sources.USER)}},"checklist enter":{key:"Enter",collapsed:!0,format:{list:"checked"},handler(t){const[e,n]=this.quill.getLine(t.index),r={...e.formats(),list:"checked"},i=(new(o())).retain(t.index).insert("\n",r).retain(e.length()-n-1).retain(1,{list:"unchecked"});this.quill.updateContents(i,a.Ay.sources.USER),this.quill.setSelection(t.index+1,a.Ay.sources.SILENT),this.quill.scrollSelectionIntoView()}},"header enter":{key:"Enter",collapsed:!0,format:["header"],suffix:/^$/,handler(t,e){const[n,r]=this.quill.getLine(t.index),i=(new(o())).retain(t.index).insert("\n",e.format).retain(n.length()-r-1).retain(1,{header:null});this.quill.updateContents(i,a.Ay.sources.USER),this.quill.setSelection(t.index+1,a.Ay.sources.SILENT),this.quill.scrollSelectionIntoView()}},"table backspace":{key:"Backspace",format:["table"],collapsed:!0,offset:0,handler(){}},"table delete":{key:"Delete",format:["table"],collapsed:!0,suffix:/^$/,handler(){}},"table enter":{key:"Enter",shiftKey:null,format:["table"],handler(t){const e=this.quill.getModule("table");if(e){const[n,r,i,s]=e.getTable(t),l=function(t,e,n,r){return null==e.prev&&null==e.next?null==n.prev&&null==n.next?0===r?-1:1:null==n.prev?-1:1:null==e.prev?-1:null==e.next?1:null}(0,r,i,s);if(null==l)return;let c=n.offset();if(l<0){const e=(new(o())).retain(c).insert("\n");this.quill.updateContents(e,a.Ay.sources.USER),this.quill.setSelection(t.index+1,t.length,a.Ay.sources.SILENT)}else if(l>0){c+=n.length();const t=(new(o())).retain(c).insert("\n");this.quill.updateContents(t,a.Ay.sources.USER),this.quill.setSelection(c,a.Ay.sources.USER)}}}},"table tab":{key:"Tab",shiftKey:null,format:["table"],handler(t,e){const{event:n,line:r}=e,i=r.offset(this.quill.scroll);n.shiftKey?this.quill.setSelection(i-1,a.Ay.sources.USER):this.quill.setSelection(i+r.length(),a.Ay.sources.USER)}},"list autofill":{key:" ",shiftKey:null,collapsed:!0,format:{"code-block":!1,blockquote:!1,table:!1},prefix:/^\s*?(\d+\.|-|\*|\[ ?\]|\[x\])$/,handler(t,e){if(null==this.quill.scroll.query("list"))return!0;const{length:n}=e.prefix,[r,i]=this.quill.getLine(t.index);if(i>n)return!0;let s;switch(e.prefix.trim()){case"[]":case"[ ]":s="unchecked";break;case"[x]":s="checked";break;case"-":case"*":s="bullet";break;default:s="ordered"}this.quill.insertText(t.index," ",a.Ay.sources.USER),this.quill.history.cutoff();const l=(new(o())).retain(t.index-i).delete(n+1).retain(r.length()-2-i).retain(1,{list:s});return this.quill.updateContents(l,a.Ay.sources.USER),this.quill.history.cutoff(),this.quill.setSelection(t.index-n,a.Ay.sources.SILENT),!1}},"code exit":{key:"Enter",collapsed:!0,format:["code-block"],prefix:/^$/,suffix:/^\s*$/,handler(t){const[e,n]=this.quill.getLine(t.index);let r=2,i=e;for(;null!=i&&i.length()<=1&&i.formats()["code-block"];)if(i=i.prev,r-=1,r<=0){const r=(new(o())).retain(t.index+e.length()-n-2).retain(1,{"code-block":null}).delete(1);return this.quill.updateContents(r,a.Ay.sources.USER),this.quill.setSelection(t.index-1,a.Ay.sources.SILENT),!1}return!0}},"embed left":m("ArrowLeft",!1),"embed left shift":m("ArrowLeft",!0),"embed right":m("ArrowRight",!1),"embed right shift":m("ArrowRight",!0),"table down":y(!1),"table up":y(!0)}};function g(t){return{key:"Tab",shiftKey:!t,format:{"code-block":!0},handler(e,n){let{event:r}=n;const i=this.quill.scroll.query("code-block"),{TAB:s}=i;if(0===e.length&&!r.shiftKey)return this.quill.insertText(e.index,s,a.Ay.sources.USER),void this.quill.setSelection(e.index+s.length,a.Ay.sources.SILENT);const o=0===e.length?this.quill.getLines(e.index,1):this.quill.getLines(e);let{index:l,length:c}=e;o.forEach(((e,n)=>{t?(e.insertAt(0,s),0===n?l+=s.length:c+=s.length):e.domNode.textContent.startsWith(s)&&(e.deleteAt(0,s.length),0===n?l-=s.length:c-=s.length)})),this.quill.update(a.Ay.sources.USER),this.quill.setSelection(l,c,a.Ay.sources.SILENT)}}}function m(t,e){return{key:t,shiftKey:e,altKey:null,["ArrowLeft"===t?"prefix":"suffix"]:/^$/,handler(n){let{index:r}=n;"ArrowRight"===t&&(r+=n.length+1);const[i]=this.quill.getLeaf(r);return!(i instanceof l.EmbedBlot&&("ArrowLeft"===t?e?this.quill.setSelection(n.index-1,n.length+1,a.Ay.sources.USER):this.quill.setSelection(n.index-1,a.Ay.sources.USER):e?this.quill.setSelection(n.index,n.length+1,a.Ay.sources.USER):this.quill.setSelection(n.index+n.length+1,a.Ay.sources.USER),1))}}}function b(t){return{key:t[0],shortKey:!0,handler(e,n){this.quill.format(t,!n.format[t],a.Ay.sources.USER)}}}function y(t){return{key:t?"ArrowUp":"ArrowDown",collapsed:!0,format:["table"],handler(e,n){const r=t?"prev":"next",i=n.line,s=i.parent[r];if(null!=s){if("table-row"===s.statics.blotName){let t=s.children.head,e=i;for(;null!=e.prev;)e=e.prev,t=t.next;const r=t.offset(this.quill.scroll)+Math.min(n.offset,t.length()-1);this.quill.setSelection(r,0,a.Ay.sources.USER)}}else{const e=i.table()[r];null!=e&&(t?this.quill.setSelection(e.offset(this.quill.scroll)+e.length()-1,0,a.Ay.sources.USER):this.quill.setSelection(e.offset(this.quill.scroll),0,a.Ay.sources.USER))}return!1}}}function v(t){let{quill:e,range:n}=t;const r=e.getLines(n);let i={};if(r.length>1){const t=r[0].formats(),e=r[r.length-1].formats();i=s.AttributeMap.diff(e,t)||{}}e.deleteText(n,a.Ay.sources.USER),Object.keys(i).length>0&&e.formatLine(n.index,1,i,a.Ay.sources.USER),e.setSelection(n.index,a.Ay.sources.SILENT)}f.DEFAULTS=p},8920:function(t){"use strict";var e=Object.prototype.hasOwnProperty,n="~";function r(){}function i(t,e,n){this.fn=t,this.context=e,this.once=n||!1}function s(t,e,r,s,o){if("function"!=typeof r)throw new TypeError("The listener must be a function");var l=new i(r,s||t,o),a=n?n+e:e;return t._events[a]?t._events[a].fn?t._events[a]=[t._events[a],l]:t._events[a].push(l):(t._events[a]=l,t._eventsCount++),t}function o(t,e){0==--t._eventsCount?t._events=new r:delete t._events[e]}function l(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=Object.create(null),(new r).__proto__||(n=!1)),l.prototype.eventNames=function(){var t,r,i=[];if(0===this._eventsCount)return i;for(r in t=this._events)e.call(t,r)&&i.push(n?r.slice(1):r);return Object.getOwnPropertySymbols?i.concat(Object.getOwnPropertySymbols(t)):i},l.prototype.listeners=function(t){var e=n?n+t:t,r=this._events[e];if(!r)return[];if(r.fn)return[r.fn];for(var i=0,s=r.length,o=new Array(s);i<s;i++)o[i]=r[i].fn;return o},l.prototype.listenerCount=function(t){var e=n?n+t:t,r=this._events[e];return r?r.fn?1:r.length:0},l.prototype.emit=function(t,e,r,i,s,o){var l=n?n+t:t;if(!this._events[l])return!1;var a,c,u=this._events[l],h=arguments.length;if(u.fn){switch(u.once&&this.removeListener(t,u.fn,void 0,!0),h){case 1:return u.fn.call(u.context),!0;case 2:return u.fn.call(u.context,e),!0;case 3:return u.fn.call(u.context,e,r),!0;case 4:return u.fn.call(u.context,e,r,i),!0;case 5:return u.fn.call(u.context,e,r,i,s),!0;case 6:return u.fn.call(u.context,e,r,i,s,o),!0}for(c=1,a=new Array(h-1);c<h;c++)a[c-1]=arguments[c];u.fn.apply(u.context,a)}else{var d,f=u.length;for(c=0;c<f;c++)switch(u[c].once&&this.removeListener(t,u[c].fn,void 0,!0),h){case 1:u[c].fn.call(u[c].context);break;case 2:u[c].fn.call(u[c].context,e);break;case 3:u[c].fn.call(u[c].context,e,r);break;case 4:u[c].fn.call(u[c].context,e,r,i);break;default:if(!a)for(d=1,a=new Array(h-1);d<h;d++)a[d-1]=arguments[d];u[c].fn.apply(u[c].context,a)}}return!0},l.prototype.on=function(t,e,n){return s(this,t,e,n,!1)},l.prototype.once=function(t,e,n){return s(this,t,e,n,!0)},l.prototype.removeListener=function(t,e,r,i){var s=n?n+t:t;if(!this._events[s])return this;if(!e)return o(this,s),this;var l=this._events[s];if(l.fn)l.fn!==e||i&&!l.once||r&&l.context!==r||o(this,s);else{for(var a=0,c=[],u=l.length;a<u;a++)(l[a].fn!==e||i&&!l[a].once||r&&l[a].context!==r)&&c.push(l[a]);c.length?this._events[s]=1===c.length?c[0]:c:o(this,s)}return this},l.prototype.removeAllListeners=function(t){var e;return t?(e=n?n+t:t,this._events[e]&&o(this,e)):(this._events=new r,this._eventsCount=0),this},l.prototype.off=l.prototype.removeListener,l.prototype.addListener=l.prototype.on,l.prefixed=n,l.EventEmitter=l,t.exports=l},5090:function(t){var e=-1,n=1,r=0;function i(t,g,m,b,y){if(t===g)return t?[[r,t]]:[];if(null!=m){var A=function(t,e,n){var r="number"==typeof n?{index:n,length:0}:n.oldRange,i="number"==typeof n?null:n.newRange,s=t.length,o=e.length;if(0===r.length&&(null===i||0===i.length)){var l=r.index,a=t.slice(0,l),c=t.slice(l),u=i?i.index:null,h=l+o-s;if((null===u||u===h)&&!(h<0||h>o)){var d=e.slice(0,h);if((g=e.slice(h))===c){var f=Math.min(l,h);if((b=a.slice(0,f))===(A=d.slice(0,f)))return v(b,a.slice(f),d.slice(f),c)}}if(null===u||u===l){var p=l,g=(d=e.slice(0,p),e.slice(p));if(d===a){var m=Math.min(s-p,o-p);if((y=c.slice(c.length-m))===(x=g.slice(g.length-m)))return v(a,c.slice(0,c.length-m),g.slice(0,g.length-m),y)}}}if(r.length>0&&i&&0===i.length){var b=t.slice(0,r.index),y=t.slice(r.index+r.length);if(!(o<(f=b.length)+(m=y.length))){var A=e.slice(0,f),x=e.slice(o-m);if(b===A&&y===x)return v(b,t.slice(f,s-m),e.slice(f,o-m),y)}}return null}(t,g,m);if(A)return A}var x=o(t,g),N=t.substring(0,x);x=a(t=t.substring(x),g=g.substring(x));var E=t.substring(t.length-x),w=function(t,l){var c;if(!t)return[[n,l]];if(!l)return[[e,t]];var u=t.length>l.length?t:l,h=t.length>l.length?l:t,d=u.indexOf(h);if(-1!==d)return c=[[n,u.substring(0,d)],[r,h],[n,u.substring(d+h.length)]],t.length>l.length&&(c[0][0]=c[2][0]=e),c;if(1===h.length)return[[e,t],[n,l]];var f=function(t,e){var n=t.length>e.length?t:e,r=t.length>e.length?e:t;if(n.length<4||2*r.length<n.length)return null;function i(t,e,n){for(var r,i,s,l,c=t.substring(n,n+Math.floor(t.length/4)),u=-1,h="";-1!==(u=e.indexOf(c,u+1));){var d=o(t.substring(n),e.substring(u)),f=a(t.substring(0,n),e.substring(0,u));h.length<f+d&&(h=e.substring(u-f,u)+e.substring(u,u+d),r=t.substring(0,n-f),i=t.substring(n+d),s=e.substring(0,u-f),l=e.substring(u+d))}return 2*h.length>=t.length?[r,i,s,l,h]:null}var s,l,c,u,h,d=i(n,r,Math.ceil(n.length/4)),f=i(n,r,Math.ceil(n.length/2));return d||f?(s=f?d&&d[4].length>f[4].length?d:f:d,t.length>e.length?(l=s[0],c=s[1],u=s[2],h=s[3]):(u=s[0],h=s[1],l=s[2],c=s[3]),[l,c,u,h,s[4]]):null}(t,l);if(f){var p=f[0],g=f[1],m=f[2],b=f[3],y=f[4],v=i(p,m),A=i(g,b);return v.concat([[r,y]],A)}return function(t,r){for(var i=t.length,o=r.length,l=Math.ceil((i+o)/2),a=l,c=2*l,u=new Array(c),h=new Array(c),d=0;d<c;d++)u[d]=-1,h[d]=-1;u[a+1]=0,h[a+1]=0;for(var f=i-o,p=f%2!=0,g=0,m=0,b=0,y=0,v=0;v<l;v++){for(var A=-v+g;A<=v-m;A+=2){for(var x=a+A,N=(_=A===-v||A!==v&&u[x-1]<u[x+1]?u[x+1]:u[x-1]+1)-A;_<i&&N<o&&t.charAt(_)===r.charAt(N);)_++,N++;if(u[x]=_,_>i)m+=2;else if(N>o)g+=2;else if(p&&(q=a+f-A)>=0&&q<c&&-1!==h[q]&&_>=(w=i-h[q]))return s(t,r,_,N)}for(var E=-v+b;E<=v-y;E+=2){for(var w,q=a+E,k=(w=E===-v||E!==v&&h[q-1]<h[q+1]?h[q+1]:h[q-1]+1)-E;w<i&&k<o&&t.charAt(i-w-1)===r.charAt(o-k-1);)w++,k++;if(h[q]=w,w>i)y+=2;else if(k>o)b+=2;else if(!p){var _;if((x=a+f-E)>=0&&x<c&&-1!==u[x])if(N=a+(_=u[x])-x,_>=(w=i-w))return s(t,r,_,N)}}}return[[e,t],[n,r]]}(t,l)}(t=t.substring(0,t.length-x),g=g.substring(0,g.length-x));return N&&w.unshift([r,N]),E&&w.push([r,E]),p(w,y),b&&function(t){for(var i=!1,s=[],o=0,g=null,m=0,b=0,y=0,v=0,A=0;m<t.length;)t[m][0]==r?(s[o++]=m,b=v,y=A,v=0,A=0,g=t[m][1]):(t[m][0]==n?v+=t[m][1].length:A+=t[m][1].length,g&&g.length<=Math.max(b,y)&&g.length<=Math.max(v,A)&&(t.splice(s[o-1],0,[e,g]),t[s[o-1]+1][0]=n,o--,m=--o>0?s[o-1]:-1,b=0,y=0,v=0,A=0,g=null,i=!0)),m++;for(i&&p(t),function(t){function e(t,e){if(!t||!e)return 6;var n=t.charAt(t.length-1),r=e.charAt(0),i=n.match(c),s=r.match(c),o=i&&n.match(u),l=s&&r.match(u),a=o&&n.match(h),p=l&&r.match(h),g=a&&t.match(d),m=p&&e.match(f);return g||m?5:a||p?4:i&&!o&&l?3:o||l?2:i||s?1:0}for(var n=1;n<t.length-1;){if(t[n-1][0]==r&&t[n+1][0]==r){var i=t[n-1][1],s=t[n][1],o=t[n+1][1],l=a(i,s);if(l){var p=s.substring(s.length-l);i=i.substring(0,i.length-l),s=p+s.substring(0,s.length-l),o=p+o}for(var g=i,m=s,b=o,y=e(i,s)+e(s,o);s.charAt(0)===o.charAt(0);){i+=s.charAt(0),s=s.substring(1)+o.charAt(0),o=o.substring(1);var v=e(i,s)+e(s,o);v>=y&&(y=v,g=i,m=s,b=o)}t[n-1][1]!=g&&(g?t[n-1][1]=g:(t.splice(n-1,1),n--),t[n][1]=m,b?t[n+1][1]=b:(t.splice(n+1,1),n--))}n++}}(t),m=1;m<t.length;){if(t[m-1][0]==e&&t[m][0]==n){var x=t[m-1][1],N=t[m][1],E=l(x,N),w=l(N,x);E>=w?(E>=x.length/2||E>=N.length/2)&&(t.splice(m,0,[r,N.substring(0,E)]),t[m-1][1]=x.substring(0,x.length-E),t[m+1][1]=N.substring(E),m++):(w>=x.length/2||w>=N.length/2)&&(t.splice(m,0,[r,x.substring(0,w)]),t[m-1][0]=n,t[m-1][1]=N.substring(0,N.length-w),t[m+1][0]=e,t[m+1][1]=x.substring(w),m++),m++}m++}}(w),w}function s(t,e,n,r){var s=t.substring(0,n),o=e.substring(0,r),l=t.substring(n),a=e.substring(r),c=i(s,o),u=i(l,a);return c.concat(u)}function o(t,e){if(!t||!e||t.charAt(0)!==e.charAt(0))return 0;for(var n=0,r=Math.min(t.length,e.length),i=r,s=0;n<i;)t.substring(s,i)==e.substring(s,i)?s=n=i:r=i,i=Math.floor((r-n)/2+n);return g(t.charCodeAt(i-1))&&i--,i}function l(t,e){var n=t.length,r=e.length;if(0==n||0==r)return 0;n>r?t=t.substring(n-r):n<r&&(e=e.substring(0,n));var i=Math.min(n,r);if(t==e)return i;for(var s=0,o=1;;){var l=t.substring(i-o),a=e.indexOf(l);if(-1==a)return s;o+=a,0!=a&&t.substring(i-o)!=e.substring(0,o)||(s=o,o++)}}function a(t,e){if(!t||!e||t.slice(-1)!==e.slice(-1))return 0;for(var n=0,r=Math.min(t.length,e.length),i=r,s=0;n<i;)t.substring(t.length-i,t.length-s)==e.substring(e.length-i,e.length-s)?s=n=i:r=i,i=Math.floor((r-n)/2+n);return m(t.charCodeAt(t.length-i))&&i--,i}var c=/[^a-zA-Z0-9]/,u=/\s/,h=/[\r\n]/,d=/\n\r?\n$/,f=/^\r?\n\r?\n/;function p(t,i){t.push([r,""]);for(var s,l=0,c=0,u=0,h="",d="";l<t.length;)if(l<t.length-1&&!t[l][1])t.splice(l,1);else switch(t[l][0]){case n:u++,d+=t[l][1],l++;break;case e:c++,h+=t[l][1],l++;break;case r:var f=l-u-c-1;if(i){if(f>=0&&y(t[f][1])){var g=t[f][1].slice(-1);if(t[f][1]=t[f][1].slice(0,-1),h=g+h,d=g+d,!t[f][1]){t.splice(f,1),l--;var m=f-1;t[m]&&t[m][0]===n&&(u++,d=t[m][1]+d,m--),t[m]&&t[m][0]===e&&(c++,h=t[m][1]+h,m--),f=m}}b(t[l][1])&&(g=t[l][1].charAt(0),t[l][1]=t[l][1].slice(1),h+=g,d+=g)}if(l<t.length-1&&!t[l][1]){t.splice(l,1);break}if(h.length>0||d.length>0){h.length>0&&d.length>0&&(0!==(s=o(d,h))&&(f>=0?t[f][1]+=d.substring(0,s):(t.splice(0,0,[r,d.substring(0,s)]),l++),d=d.substring(s),h=h.substring(s)),0!==(s=a(d,h))&&(t[l][1]=d.substring(d.length-s)+t[l][1],d=d.substring(0,d.length-s),h=h.substring(0,h.length-s)));var v=u+c;0===h.length&&0===d.length?(t.splice(l-v,v),l-=v):0===h.length?(t.splice(l-v,v,[n,d]),l=l-v+1):0===d.length?(t.splice(l-v,v,[e,h]),l=l-v+1):(t.splice(l-v,v,[e,h],[n,d]),l=l-v+2)}0!==l&&t[l-1][0]===r?(t[l-1][1]+=t[l][1],t.splice(l,1)):l++,u=0,c=0,h="",d=""}""===t[t.length-1][1]&&t.pop();var A=!1;for(l=1;l<t.length-1;)t[l-1][0]===r&&t[l+1][0]===r&&(t[l][1].substring(t[l][1].length-t[l-1][1].length)===t[l-1][1]?(t[l][1]=t[l-1][1]+t[l][1].substring(0,t[l][1].length-t[l-1][1].length),t[l+1][1]=t[l-1][1]+t[l+1][1],t.splice(l-1,1),A=!0):t[l][1].substring(0,t[l+1][1].length)==t[l+1][1]&&(t[l-1][1]+=t[l+1][1],t[l][1]=t[l][1].substring(t[l+1][1].length)+t[l+1][1],t.splice(l+1,1),A=!0)),l++;A&&p(t,i)}function g(t){return t>=55296&&t<=56319}function m(t){return t>=56320&&t<=57343}function b(t){return m(t.charCodeAt(0))}function y(t){return g(t.charCodeAt(t.length-1))}function v(t,i,s,o){return y(t)||b(o)?null:function(t){for(var e=[],n=0;n<t.length;n++)t[n][1].length>0&&e.push(t[n]);return e}([[r,t],[e,i],[n,s],[r,o]])}function A(t,e,n,r){return i(t,e,n,r,!0)}A.INSERT=n,A.DELETE=e,A.EQUAL=r,t.exports=A},9629:function(t,e,n){t=n.nmd(t);var r="__lodash_hash_undefined__",i=9007199254740991,s="[object Arguments]",o="[object Boolean]",l="[object Date]",a="[object Function]",c="[object GeneratorFunction]",u="[object Map]",h="[object Number]",d="[object Object]",f="[object Promise]",p="[object RegExp]",g="[object Set]",m="[object String]",b="[object Symbol]",y="[object WeakMap]",v="[object ArrayBuffer]",A="[object DataView]",x="[object Float32Array]",N="[object Float64Array]",E="[object Int8Array]",w="[object Int16Array]",q="[object Int32Array]",k="[object Uint8Array]",_="[object Uint8ClampedArray]",L="[object Uint16Array]",S="[object Uint32Array]",O=/\w*$/,T=/^\[object .+?Constructor\]$/,j=/^(?:0|[1-9]\d*)$/,C={};C[s]=C["[object Array]"]=C[v]=C[A]=C[o]=C[l]=C[x]=C[N]=C[E]=C[w]=C[q]=C[u]=C[h]=C[d]=C[p]=C[g]=C[m]=C[b]=C[k]=C[_]=C[L]=C[S]=!0,C["[object Error]"]=C[a]=C[y]=!1;var R="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,I="object"==typeof self&&self&&self.Object===Object&&self,B=R||I||Function("return this")(),M=e&&!e.nodeType&&e,U=M&&t&&!t.nodeType&&t,D=U&&U.exports===M;function P(t,e){return t.set(e[0],e[1]),t}function z(t,e){return t.add(e),t}function F(t,e,n,r){var i=-1,s=t?t.length:0;for(r&&s&&(n=t[++i]);++i<s;)n=e(n,t[i],i,t);return n}function H(t){var e=!1;if(null!=t&&"function"!=typeof t.toString)try{e=!!(t+"")}catch(t){}return e}function $(t){var e=-1,n=Array(t.size);return t.forEach((function(t,r){n[++e]=[r,t]})),n}function V(t,e){return function(n){return t(e(n))}}function K(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var W,Z=Array.prototype,G=Function.prototype,X=Object.prototype,Q=B["__core-js_shared__"],J=(W=/[^.]+$/.exec(Q&&Q.keys&&Q.keys.IE_PROTO||""))?"Symbol(src)_1."+W:"",Y=G.toString,tt=X.hasOwnProperty,et=X.toString,nt=RegExp("^"+Y.call(tt).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),rt=D?B.Buffer:void 0,it=B.Symbol,st=B.Uint8Array,ot=V(Object.getPrototypeOf,Object),lt=Object.create,at=X.propertyIsEnumerable,ct=Z.splice,ut=Object.getOwnPropertySymbols,ht=rt?rt.isBuffer:void 0,dt=V(Object.keys,Object),ft=Bt(B,"DataView"),pt=Bt(B,"Map"),gt=Bt(B,"Promise"),mt=Bt(B,"Set"),bt=Bt(B,"WeakMap"),yt=Bt(Object,"create"),vt=zt(ft),At=zt(pt),xt=zt(gt),Nt=zt(mt),Et=zt(bt),wt=it?it.prototype:void 0,qt=wt?wt.valueOf:void 0;function kt(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function _t(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function Lt(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function St(t){this.__data__=new _t(t)}function Ot(t,e,n){var r=t[e];tt.call(t,e)&&Ft(r,n)&&(void 0!==n||e in t)||(t[e]=n)}function Tt(t,e){for(var n=t.length;n--;)if(Ft(t[n][0],e))return n;return-1}function jt(t,e,n,r,i,f,y){var T;if(r&&(T=f?r(t,i,f,y):r(t)),void 0!==T)return T;if(!Wt(t))return t;var j=Ht(t);if(j){if(T=function(t){var e=t.length,n=t.constructor(e);return e&&"string"==typeof t[0]&&tt.call(t,"index")&&(n.index=t.index,n.input=t.input),n}(t),!e)return function(t,e){var n=-1,r=t.length;for(e||(e=Array(r));++n<r;)e[n]=t[n];return e}(t,T)}else{var R=Ut(t),I=R==a||R==c;if(Vt(t))return function(t,e){if(e)return t.slice();var n=new t.constructor(t.length);return t.copy(n),n}(t,e);if(R==d||R==s||I&&!f){if(H(t))return f?t:{};if(T=function(t){return"function"!=typeof t.constructor||Pt(t)?{}:Wt(e=ot(t))?lt(e):{};var e}(I?{}:t),!e)return function(t,e){return Rt(t,Mt(t),e)}(t,function(t,e){return t&&Rt(e,Zt(e),t)}(T,t))}else{if(!C[R])return f?t:{};T=function(t,e,n,r){var i,s=t.constructor;switch(e){case v:return Ct(t);case o:case l:return new s(+t);case A:return function(t,e){var n=e?Ct(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.byteLength)}(t,r);case x:case N:case E:case w:case q:case k:case _:case L:case S:return function(t,e){var n=e?Ct(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.length)}(t,r);case u:return function(t,e,n){return F(e?n($(t),!0):$(t),P,new t.constructor)}(t,r,n);case h:case m:return new s(t);case p:return function(t){var e=new t.constructor(t.source,O.exec(t));return e.lastIndex=t.lastIndex,e}(t);case g:return function(t,e,n){return F(e?n(K(t),!0):K(t),z,new t.constructor)}(t,r,n);case b:return i=t,qt?Object(qt.call(i)):{}}}(t,R,jt,e)}}y||(y=new St);var B=y.get(t);if(B)return B;if(y.set(t,T),!j)var M=n?function(t){return function(t,e,n){var r=e(t);return Ht(t)?r:function(t,e){for(var n=-1,r=e.length,i=t.length;++n<r;)t[i+n]=e[n];return t}(r,n(t))}(t,Zt,Mt)}(t):Zt(t);return function(t,e){for(var n=-1,r=t?t.length:0;++n<r&&!1!==e(t[n],n););}(M||t,(function(i,s){M&&(i=t[s=i]),Ot(T,s,jt(i,e,n,r,s,t,y))})),T}function Ct(t){var e=new t.constructor(t.byteLength);return new st(e).set(new st(t)),e}function Rt(t,e,n,r){n||(n={});for(var i=-1,s=e.length;++i<s;){var o=e[i],l=r?r(n[o],t[o],o,n,t):void 0;Ot(n,o,void 0===l?t[o]:l)}return n}function It(t,e){var n,r,i=t.__data__;return("string"==(r=typeof(n=e))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?i["string"==typeof e?"string":"hash"]:i.map}function Bt(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return function(t){return!(!Wt(t)||(e=t,J&&J in e))&&(Kt(t)||H(t)?nt:T).test(zt(t));var e}(n)?n:void 0}kt.prototype.clear=function(){this.__data__=yt?yt(null):{}},kt.prototype.delete=function(t){return this.has(t)&&delete this.__data__[t]},kt.prototype.get=function(t){var e=this.__data__;if(yt){var n=e[t];return n===r?void 0:n}return tt.call(e,t)?e[t]:void 0},kt.prototype.has=function(t){var e=this.__data__;return yt?void 0!==e[t]:tt.call(e,t)},kt.prototype.set=function(t,e){return this.__data__[t]=yt&&void 0===e?r:e,this},_t.prototype.clear=function(){this.__data__=[]},_t.prototype.delete=function(t){var e=this.__data__,n=Tt(e,t);return!(n<0||(n==e.length-1?e.pop():ct.call(e,n,1),0))},_t.prototype.get=function(t){var e=this.__data__,n=Tt(e,t);return n<0?void 0:e[n][1]},_t.prototype.has=function(t){return Tt(this.__data__,t)>-1},_t.prototype.set=function(t,e){var n=this.__data__,r=Tt(n,t);return r<0?n.push([t,e]):n[r][1]=e,this},Lt.prototype.clear=function(){this.__data__={hash:new kt,map:new(pt||_t),string:new kt}},Lt.prototype.delete=function(t){return It(this,t).delete(t)},Lt.prototype.get=function(t){return It(this,t).get(t)},Lt.prototype.has=function(t){return It(this,t).has(t)},Lt.prototype.set=function(t,e){return It(this,t).set(t,e),this},St.prototype.clear=function(){this.__data__=new _t},St.prototype.delete=function(t){return this.__data__.delete(t)},St.prototype.get=function(t){return this.__data__.get(t)},St.prototype.has=function(t){return this.__data__.has(t)},St.prototype.set=function(t,e){var n=this.__data__;if(n instanceof _t){var r=n.__data__;if(!pt||r.length<199)return r.push([t,e]),this;n=this.__data__=new Lt(r)}return n.set(t,e),this};var Mt=ut?V(ut,Object):function(){return[]},Ut=function(t){return et.call(t)};function Dt(t,e){return!!(e=null==e?i:e)&&("number"==typeof t||j.test(t))&&t>-1&&t%1==0&&t<e}function Pt(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||X)}function zt(t){if(null!=t){try{return Y.call(t)}catch(t){}try{return t+""}catch(t){}}return""}function Ft(t,e){return t===e||t!=t&&e!=e}(ft&&Ut(new ft(new ArrayBuffer(1)))!=A||pt&&Ut(new pt)!=u||gt&&Ut(gt.resolve())!=f||mt&&Ut(new mt)!=g||bt&&Ut(new bt)!=y)&&(Ut=function(t){var e=et.call(t),n=e==d?t.constructor:void 0,r=n?zt(n):void 0;if(r)switch(r){case vt:return A;case At:return u;case xt:return f;case Nt:return g;case Et:return y}return e});var Ht=Array.isArray;function $t(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=i}(t.length)&&!Kt(t)}var Vt=ht||function(){return!1};function Kt(t){var e=Wt(t)?et.call(t):"";return e==a||e==c}function Wt(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function Zt(t){return $t(t)?function(t,e){var n=Ht(t)||function(t){return function(t){return function(t){return!!t&&"object"==typeof t}(t)&&$t(t)}(t)&&tt.call(t,"callee")&&(!at.call(t,"callee")||et.call(t)==s)}(t)?function(t,e){for(var n=-1,r=Array(t);++n<t;)r[n]=e(n);return r}(t.length,String):[],r=n.length,i=!!r;for(var o in t)!e&&!tt.call(t,o)||i&&("length"==o||Dt(o,r))||n.push(o);return n}(t):function(t){if(!Pt(t))return dt(t);var e=[];for(var n in Object(t))tt.call(t,n)&&"constructor"!=n&&e.push(n);return e}(t)}t.exports=function(t){return jt(t,!0,!0)}},4162:function(t,e,n){t=n.nmd(t);var r="__lodash_hash_undefined__",i=1,s=2,o=9007199254740991,l="[object Arguments]",a="[object Array]",c="[object AsyncFunction]",u="[object Boolean]",h="[object Date]",d="[object Error]",f="[object Function]",p="[object GeneratorFunction]",g="[object Map]",m="[object Number]",b="[object Null]",y="[object Object]",v="[object Promise]",A="[object Proxy]",x="[object RegExp]",N="[object Set]",E="[object String]",w="[object Undefined]",q="[object WeakMap]",k="[object ArrayBuffer]",_="[object DataView]",L=/^\[object .+?Constructor\]$/,S=/^(?:0|[1-9]\d*)$/,O={};O["[object Float32Array]"]=O["[object Float64Array]"]=O["[object Int8Array]"]=O["[object Int16Array]"]=O["[object Int32Array]"]=O["[object Uint8Array]"]=O["[object Uint8ClampedArray]"]=O["[object Uint16Array]"]=O["[object Uint32Array]"]=!0,O[l]=O[a]=O[k]=O[u]=O[_]=O[h]=O[d]=O[f]=O[g]=O[m]=O[y]=O[x]=O[N]=O[E]=O[q]=!1;var T="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,j="object"==typeof self&&self&&self.Object===Object&&self,C=T||j||Function("return this")(),R=e&&!e.nodeType&&e,I=R&&t&&!t.nodeType&&t,B=I&&I.exports===R,M=B&&T.process,U=function(){try{return M&&M.binding&&M.binding("util")}catch(t){}}(),D=U&&U.isTypedArray;function P(t,e){for(var n=-1,r=null==t?0:t.length;++n<r;)if(e(t[n],n,t))return!0;return!1}function z(t){var e=-1,n=Array(t.size);return t.forEach((function(t,r){n[++e]=[r,t]})),n}function F(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var H,$,V,K=Array.prototype,W=Function.prototype,Z=Object.prototype,G=C["__core-js_shared__"],X=W.toString,Q=Z.hasOwnProperty,J=(H=/[^.]+$/.exec(G&&G.keys&&G.keys.IE_PROTO||""))?"Symbol(src)_1."+H:"",Y=Z.toString,tt=RegExp("^"+X.call(Q).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),et=B?C.Buffer:void 0,nt=C.Symbol,rt=C.Uint8Array,it=Z.propertyIsEnumerable,st=K.splice,ot=nt?nt.toStringTag:void 0,lt=Object.getOwnPropertySymbols,at=et?et.isBuffer:void 0,ct=($=Object.keys,V=Object,function(t){return $(V(t))}),ut=It(C,"DataView"),ht=It(C,"Map"),dt=It(C,"Promise"),ft=It(C,"Set"),pt=It(C,"WeakMap"),gt=It(Object,"create"),mt=Dt(ut),bt=Dt(ht),yt=Dt(dt),vt=Dt(ft),At=Dt(pt),xt=nt?nt.prototype:void 0,Nt=xt?xt.valueOf:void 0;function Et(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function wt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function qt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function kt(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new qt;++e<n;)this.add(t[e])}function _t(t){var e=this.__data__=new wt(t);this.size=e.size}function Lt(t,e){for(var n=t.length;n--;)if(Pt(t[n][0],e))return n;return-1}function St(t){return null==t?void 0===t?w:b:ot&&ot in Object(t)?function(t){var e=Q.call(t,ot),n=t[ot];try{t[ot]=void 0;var r=!0}catch(t){}var i=Y.call(t);return r&&(e?t[ot]=n:delete t[ot]),i}(t):function(t){return Y.call(t)}(t)}function Ot(t){return Wt(t)&&St(t)==l}function Tt(t,e,n,r,o){return t===e||(null==t||null==e||!Wt(t)&&!Wt(e)?t!=t&&e!=e:function(t,e,n,r,o,c){var f=Ft(t),p=Ft(e),b=f?a:Mt(t),v=p?a:Mt(e),A=(b=b==l?y:b)==y,w=(v=v==l?y:v)==y,q=b==v;if(q&&Ht(t)){if(!Ht(e))return!1;f=!0,A=!1}if(q&&!A)return c||(c=new _t),f||Zt(t)?jt(t,e,n,r,o,c):function(t,e,n,r,o,l,a){switch(n){case _:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case k:return!(t.byteLength!=e.byteLength||!l(new rt(t),new rt(e)));case u:case h:case m:return Pt(+t,+e);case d:return t.name==e.name&&t.message==e.message;case x:case E:return t==e+"";case g:var c=z;case N:var f=r&i;if(c||(c=F),t.size!=e.size&&!f)return!1;var p=a.get(t);if(p)return p==e;r|=s,a.set(t,e);var b=jt(c(t),c(e),r,o,l,a);return a.delete(t),b;case"[object Symbol]":if(Nt)return Nt.call(t)==Nt.call(e)}return!1}(t,e,b,n,r,o,c);if(!(n&i)){var L=A&&Q.call(t,"__wrapped__"),S=w&&Q.call(e,"__wrapped__");if(L||S){var O=L?t.value():t,T=S?e.value():e;return c||(c=new _t),o(O,T,n,r,c)}}return!!q&&(c||(c=new _t),function(t,e,n,r,s,o){var l=n&i,a=Ct(t),c=a.length;if(c!=Ct(e).length&&!l)return!1;for(var u=c;u--;){var h=a[u];if(!(l?h in e:Q.call(e,h)))return!1}var d=o.get(t);if(d&&o.get(e))return d==e;var f=!0;o.set(t,e),o.set(e,t);for(var p=l;++u<c;){var g=t[h=a[u]],m=e[h];if(r)var b=l?r(m,g,h,e,t,o):r(g,m,h,t,e,o);if(!(void 0===b?g===m||s(g,m,n,r,o):b)){f=!1;break}p||(p="constructor"==h)}if(f&&!p){var y=t.constructor,v=e.constructor;y==v||!("constructor"in t)||!("constructor"in e)||"function"==typeof y&&y instanceof y&&"function"==typeof v&&v instanceof v||(f=!1)}return o.delete(t),o.delete(e),f}(t,e,n,r,o,c))}(t,e,n,r,Tt,o))}function jt(t,e,n,r,o,l){var a=n&i,c=t.length,u=e.length;if(c!=u&&!(a&&u>c))return!1;var h=l.get(t);if(h&&l.get(e))return h==e;var d=-1,f=!0,p=n&s?new kt:void 0;for(l.set(t,e),l.set(e,t);++d<c;){var g=t[d],m=e[d];if(r)var b=a?r(m,g,d,e,t,l):r(g,m,d,t,e,l);if(void 0!==b){if(b)continue;f=!1;break}if(p){if(!P(e,(function(t,e){if(i=e,!p.has(i)&&(g===t||o(g,t,n,r,l)))return p.push(e);var i}))){f=!1;break}}else if(g!==m&&!o(g,m,n,r,l)){f=!1;break}}return l.delete(t),l.delete(e),f}function Ct(t){return function(t,e,n){var r=e(t);return Ft(t)?r:function(t,e){for(var n=-1,r=e.length,i=t.length;++n<r;)t[i+n]=e[n];return t}(r,n(t))}(t,Gt,Bt)}function Rt(t,e){var n,r,i=t.__data__;return("string"==(r=typeof(n=e))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?i["string"==typeof e?"string":"hash"]:i.map}function It(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return function(t){return!(!Kt(t)||function(t){return!!J&&J in t}(t))&&($t(t)?tt:L).test(Dt(t))}(n)?n:void 0}Et.prototype.clear=function(){this.__data__=gt?gt(null):{},this.size=0},Et.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},Et.prototype.get=function(t){var e=this.__data__;if(gt){var n=e[t];return n===r?void 0:n}return Q.call(e,t)?e[t]:void 0},Et.prototype.has=function(t){var e=this.__data__;return gt?void 0!==e[t]:Q.call(e,t)},Et.prototype.set=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=gt&&void 0===e?r:e,this},wt.prototype.clear=function(){this.__data__=[],this.size=0},wt.prototype.delete=function(t){var e=this.__data__,n=Lt(e,t);return!(n<0||(n==e.length-1?e.pop():st.call(e,n,1),--this.size,0))},wt.prototype.get=function(t){var e=this.__data__,n=Lt(e,t);return n<0?void 0:e[n][1]},wt.prototype.has=function(t){return Lt(this.__data__,t)>-1},wt.prototype.set=function(t,e){var n=this.__data__,r=Lt(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this},qt.prototype.clear=function(){this.size=0,this.__data__={hash:new Et,map:new(ht||wt),string:new Et}},qt.prototype.delete=function(t){var e=Rt(this,t).delete(t);return this.size-=e?1:0,e},qt.prototype.get=function(t){return Rt(this,t).get(t)},qt.prototype.has=function(t){return Rt(this,t).has(t)},qt.prototype.set=function(t,e){var n=Rt(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this},kt.prototype.add=kt.prototype.push=function(t){return this.__data__.set(t,r),this},kt.prototype.has=function(t){return this.__data__.has(t)},_t.prototype.clear=function(){this.__data__=new wt,this.size=0},_t.prototype.delete=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n},_t.prototype.get=function(t){return this.__data__.get(t)},_t.prototype.has=function(t){return this.__data__.has(t)},_t.prototype.set=function(t,e){var n=this.__data__;if(n instanceof wt){var r=n.__data__;if(!ht||r.length<199)return r.push([t,e]),this.size=++n.size,this;n=this.__data__=new qt(r)}return n.set(t,e),this.size=n.size,this};var Bt=lt?function(t){return null==t?[]:(t=Object(t),function(e,n){for(var r=-1,i=null==e?0:e.length,s=0,o=[];++r<i;){var l=e[r];a=l,it.call(t,a)&&(o[s++]=l)}var a;return o}(lt(t)))}:function(){return[]},Mt=St;function Ut(t,e){return!!(e=null==e?o:e)&&("number"==typeof t||S.test(t))&&t>-1&&t%1==0&&t<e}function Dt(t){if(null!=t){try{return X.call(t)}catch(t){}try{return t+""}catch(t){}}return""}function Pt(t,e){return t===e||t!=t&&e!=e}(ut&&Mt(new ut(new ArrayBuffer(1)))!=_||ht&&Mt(new ht)!=g||dt&&Mt(dt.resolve())!=v||ft&&Mt(new ft)!=N||pt&&Mt(new pt)!=q)&&(Mt=function(t){var e=St(t),n=e==y?t.constructor:void 0,r=n?Dt(n):"";if(r)switch(r){case mt:return _;case bt:return g;case yt:return v;case vt:return N;case At:return q}return e});var zt=Ot(function(){return arguments}())?Ot:function(t){return Wt(t)&&Q.call(t,"callee")&&!it.call(t,"callee")},Ft=Array.isArray,Ht=at||function(){return!1};function $t(t){if(!Kt(t))return!1;var e=St(t);return e==f||e==p||e==c||e==A}function Vt(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=o}function Kt(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}function Wt(t){return null!=t&&"object"==typeof t}var Zt=D?function(t){return function(e){return t(e)}}(D):function(t){return Wt(t)&&Vt(t.length)&&!!O[St(t)]};function Gt(t){return null!=(e=t)&&Vt(e.length)&&!$t(e)?function(t,e){var n=Ft(t),r=!n&&zt(t),i=!n&&!r&&Ht(t),s=!n&&!r&&!i&&Zt(t),o=n||r||i||s,l=o?function(t,e){for(var n=-1,r=Array(t);++n<t;)r[n]=e(n);return r}(t.length,String):[],a=l.length;for(var c in t)!e&&!Q.call(t,c)||o&&("length"==c||i&&("offset"==c||"parent"==c)||s&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||Ut(c,a))||l.push(c);return l}(t):function(t){if(n=(e=t)&&e.constructor,e!==("function"==typeof n&&n.prototype||Z))return ct(t);var e,n,r=[];for(var i in Object(t))Q.call(t,i)&&"constructor"!=i&&r.push(i);return r}(t);var e}t.exports=function(t,e){return Tt(t,e)}},1270:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const r=n(9629),i=n(4162);var s;!function(t){t.compose=function(t={},e={},n=!1){"object"!=typeof t&&(t={}),"object"!=typeof e&&(e={});let i=r(e);n||(i=Object.keys(i).reduce(((t,e)=>(null!=i[e]&&(t[e]=i[e]),t)),{}));for(const n in t)void 0!==t[n]&&void 0===e[n]&&(i[n]=t[n]);return Object.keys(i).length>0?i:void 0},t.diff=function(t={},e={}){"object"!=typeof t&&(t={}),"object"!=typeof e&&(e={});const n=Object.keys(t).concat(Object.keys(e)).reduce(((n,r)=>(i(t[r],e[r])||(n[r]=void 0===e[r]?null:e[r]),n)),{});return Object.keys(n).length>0?n:void 0},t.invert=function(t={},e={}){t=t||{};const n=Object.keys(e).reduce(((n,r)=>(e[r]!==t[r]&&void 0!==t[r]&&(n[r]=e[r]),n)),{});return Object.keys(t).reduce(((n,r)=>(t[r]!==e[r]&&void 0===e[r]&&(n[r]=null),n)),n)},t.transform=function(t,e,n=!1){if("object"!=typeof t)return e;if("object"!=typeof e)return;if(!n)return e;const r=Object.keys(e).reduce(((n,r)=>(void 0===t[r]&&(n[r]=e[r]),n)),{});return Object.keys(r).length>0?r:void 0}}(s||(s={})),e.default=s},5232:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.AttributeMap=e.OpIterator=e.Op=void 0;const r=n(5090),i=n(9629),s=n(4162),o=n(1270);e.AttributeMap=o.default;const l=n(4123);e.Op=l.default;const a=n(7033);e.OpIterator=a.default;const c=String.fromCharCode(0),u=(t,e)=>{if("object"!=typeof t||null===t)throw new Error("cannot retain a "+typeof t);if("object"!=typeof e||null===e)throw new Error("cannot retain a "+typeof e);const n=Object.keys(t)[0];if(!n||n!==Object.keys(e)[0])throw new Error(`embed types not matched: ${n} != ${Object.keys(e)[0]}`);return[n,t[n],e[n]]};class h{constructor(t){Array.isArray(t)?this.ops=t:null!=t&&Array.isArray(t.ops)?this.ops=t.ops:this.ops=[]}static registerEmbed(t,e){this.handlers[t]=e}static unregisterEmbed(t){delete this.handlers[t]}static getHandler(t){const e=this.handlers[t];if(!e)throw new Error(`no handlers for embed type "${t}"`);return e}insert(t,e){const n={};return"string"==typeof t&&0===t.length?this:(n.insert=t,null!=e&&"object"==typeof e&&Object.keys(e).length>0&&(n.attributes=e),this.push(n))}delete(t){return t<=0?this:this.push({delete:t})}retain(t,e){if("number"==typeof t&&t<=0)return this;const n={retain:t};return null!=e&&"object"==typeof e&&Object.keys(e).length>0&&(n.attributes=e),this.push(n)}push(t){let e=this.ops.length,n=this.ops[e-1];if(t=i(t),"object"==typeof n){if("number"==typeof t.delete&&"number"==typeof n.delete)return this.ops[e-1]={delete:n.delete+t.delete},this;if("number"==typeof n.delete&&null!=t.insert&&(e-=1,n=this.ops[e-1],"object"!=typeof n))return this.ops.unshift(t),this;if(s(t.attributes,n.attributes)){if("string"==typeof t.insert&&"string"==typeof n.insert)return this.ops[e-1]={insert:n.insert+t.insert},"object"==typeof t.attributes&&(this.ops[e-1].attributes=t.attributes),this;if("number"==typeof t.retain&&"number"==typeof n.retain)return this.ops[e-1]={retain:n.retain+t.retain},"object"==typeof t.attributes&&(this.ops[e-1].attributes=t.attributes),this}}return e===this.ops.length?this.ops.push(t):this.ops.splice(e,0,t),this}chop(){const t=this.ops[this.ops.length-1];return t&&"number"==typeof t.retain&&!t.attributes&&this.ops.pop(),this}filter(t){return this.ops.filter(t)}forEach(t){this.ops.forEach(t)}map(t){return this.ops.map(t)}partition(t){const e=[],n=[];return this.forEach((r=>{(t(r)?e:n).push(r)})),[e,n]}reduce(t,e){return this.ops.reduce(t,e)}changeLength(){return this.reduce(((t,e)=>e.insert?t+l.default.length(e):e.delete?t-e.delete:t),0)}length(){return this.reduce(((t,e)=>t+l.default.length(e)),0)}slice(t=0,e=1/0){const n=[],r=new a.default(this.ops);let i=0;for(;i<e&&r.hasNext();){let s;i<t?s=r.next(t-i):(s=r.next(e-i),n.push(s)),i+=l.default.length(s)}return new h(n)}compose(t){const e=new a.default(this.ops),n=new a.default(t.ops),r=[],i=n.peek();if(null!=i&&"number"==typeof i.retain&&null==i.attributes){let t=i.retain;for(;"insert"===e.peekType()&&e.peekLength()<=t;)t-=e.peekLength(),r.push(e.next());i.retain-t>0&&n.next(i.retain-t)}const l=new h(r);for(;e.hasNext()||n.hasNext();)if("insert"===n.peekType())l.push(n.next());else if("delete"===e.peekType())l.push(e.next());else{const t=Math.min(e.peekLength(),n.peekLength()),r=e.next(t),i=n.next(t);if(i.retain){const a={};if("number"==typeof r.retain)a.retain="number"==typeof i.retain?t:i.retain;else if("number"==typeof i.retain)null==r.retain?a.insert=r.insert:a.retain=r.retain;else{const t=null==r.retain?"insert":"retain",[e,n,s]=u(r[t],i.retain),o=h.getHandler(e);a[t]={[e]:o.compose(n,s,"retain"===t)}}const c=o.default.compose(r.attributes,i.attributes,"number"==typeof r.retain);if(c&&(a.attributes=c),l.push(a),!n.hasNext()&&s(l.ops[l.ops.length-1],a)){const t=new h(e.rest());return l.concat(t).chop()}}else"number"==typeof i.delete&&("number"==typeof r.retain||"object"==typeof r.retain&&null!==r.retain)&&l.push(i)}return l.chop()}concat(t){const e=new h(this.ops.slice());return t.ops.length>0&&(e.push(t.ops[0]),e.ops=e.ops.concat(t.ops.slice(1))),e}diff(t,e){if(this.ops===t.ops)return new h;const n=[this,t].map((e=>e.map((n=>{if(null!=n.insert)return"string"==typeof n.insert?n.insert:c;throw new Error("diff() called "+(e===t?"on":"with")+" non-document")})).join(""))),i=new h,l=r(n[0],n[1],e,!0),u=new a.default(this.ops),d=new a.default(t.ops);return l.forEach((t=>{let e=t[1].length;for(;e>0;){let n=0;switch(t[0]){case r.INSERT:n=Math.min(d.peekLength(),e),i.push(d.next(n));break;case r.DELETE:n=Math.min(e,u.peekLength()),u.next(n),i.delete(n);break;case r.EQUAL:n=Math.min(u.peekLength(),d.peekLength(),e);const t=u.next(n),l=d.next(n);s(t.insert,l.insert)?i.retain(n,o.default.diff(t.attributes,l.attributes)):i.push(l).delete(n)}e-=n}})),i.chop()}eachLine(t,e="\n"){const n=new a.default(this.ops);let r=new h,i=0;for(;n.hasNext();){if("insert"!==n.peekType())return;const s=n.peek(),o=l.default.length(s)-n.peekLength(),a="string"==typeof s.insert?s.insert.indexOf(e,o)-o:-1;if(a<0)r.push(n.next());else if(a>0)r.push(n.next(a));else{if(!1===t(r,n.next(1).attributes||{},i))return;i+=1,r=new h}}r.length()>0&&t(r,{},i)}invert(t){const e=new h;return this.reduce(((n,r)=>{if(r.insert)e.delete(l.default.length(r));else{if("number"==typeof r.retain&&null==r.attributes)return e.retain(r.retain),n+r.retain;if(r.delete||"number"==typeof r.retain){const i=r.delete||r.retain;return t.slice(n,n+i).forEach((t=>{r.delete?e.push(t):r.retain&&r.attributes&&e.retain(l.default.length(t),o.default.invert(r.attributes,t.attributes))})),n+i}if("object"==typeof r.retain&&null!==r.retain){const i=t.slice(n,n+1),s=new a.default(i.ops).next(),[l,c,d]=u(r.retain,s.insert),f=h.getHandler(l);return e.retain({[l]:f.invert(c,d)},o.default.invert(r.attributes,s.attributes)),n+1}}return n}),0),e.chop()}transform(t,e=!1){if(e=!!e,"number"==typeof t)return this.transformPosition(t,e);const n=t,r=new a.default(this.ops),i=new a.default(n.ops),s=new h;for(;r.hasNext()||i.hasNext();)if("insert"!==r.peekType()||!e&&"insert"===i.peekType())if("insert"===i.peekType())s.push(i.next());else{const t=Math.min(r.peekLength(),i.peekLength()),n=r.next(t),l=i.next(t);if(n.delete)continue;if(l.delete)s.push(l);else{const r=n.retain,i=l.retain;let a="object"==typeof i&&null!==i?i:t;if("object"==typeof r&&null!==r&&"object"==typeof i&&null!==i){const t=Object.keys(r)[0];if(t===Object.keys(i)[0]){const n=h.getHandler(t);n&&(a={[t]:n.transform(r[t],i[t],e)})}}s.retain(a,o.default.transform(n.attributes,l.attributes,e))}}else s.retain(l.default.length(r.next()));return s.chop()}transformPosition(t,e=!1){e=!!e;const n=new a.default(this.ops);let r=0;for(;n.hasNext()&&r<=t;){const i=n.peekLength(),s=n.peekType();n.next(),"delete"!==s?("insert"===s&&(r<t||!e)&&(t+=i),r+=i):t-=Math.min(i,t-r)}return t}}h.Op=l.default,h.OpIterator=a.default,h.AttributeMap=o.default,h.handlers={},e.default=h,t.exports=h,t.exports.default=h},4123:function(t,e){"use strict";var n;Object.defineProperty(e,"__esModule",{value:!0}),function(t){t.length=function(t){return"number"==typeof t.delete?t.delete:"number"==typeof t.retain?t.retain:"object"==typeof t.retain&&null!==t.retain?1:"string"==typeof t.insert?t.insert.length:1}}(n||(n={})),e.default=n},7033:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const r=n(4123);e.default=class{constructor(t){this.ops=t,this.index=0,this.offset=0}hasNext(){return this.peekLength()<1/0}next(t){t||(t=1/0);const e=this.ops[this.index];if(e){const n=this.offset,i=r.default.length(e);if(t>=i-n?(t=i-n,this.index+=1,this.offset=0):this.offset+=t,"number"==typeof e.delete)return{delete:t};{const r={};return e.attributes&&(r.attributes=e.attributes),"number"==typeof e.retain?r.retain=t:"object"==typeof e.retain&&null!==e.retain?r.retain=e.retain:"string"==typeof e.insert?r.insert=e.insert.substr(n,t):r.insert=e.insert,r}}return{retain:1/0}}peek(){return this.ops[this.index]}peekLength(){return this.ops[this.index]?r.default.length(this.ops[this.index])-this.offset:1/0}peekType(){const t=this.ops[this.index];return t?"number"==typeof t.delete?"delete":"number"==typeof t.retain||"object"==typeof t.retain&&null!==t.retain?"retain":"insert":"retain"}rest(){if(this.hasNext()){if(0===this.offset)return this.ops.slice(this.index);{const t=this.offset,e=this.index,n=this.next(),r=this.ops.slice(this.index);return this.offset=t,this.index=e,[n].concat(r)}}return[]}}},8820:function(t,e,n){"use strict";n.d(e,{A:function(){return l}});var r=n(8138),i=function(t,e){for(var n=t.length;n--;)if((0,r.A)(t[n][0],e))return n;return-1},s=Array.prototype.splice;function o(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}o.prototype.clear=function(){this.__data__=[],this.size=0},o.prototype.delete=function(t){var e=this.__data__,n=i(e,t);return!(n<0||(n==e.length-1?e.pop():s.call(e,n,1),--this.size,0))},o.prototype.get=function(t){var e=this.__data__,n=i(e,t);return n<0?void 0:e[n][1]},o.prototype.has=function(t){return i(this.__data__,t)>-1},o.prototype.set=function(t,e){var n=this.__data__,r=i(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this};var l=o},2461:function(t,e,n){"use strict";var r=n(2281),i=n(5507),s=(0,r.A)(i.A,"Map");e.A=s},3558:function(t,e,n){"use strict";n.d(e,{A:function(){return d}});var r=(0,n(2281).A)(Object,"create"),i=Object.prototype.hasOwnProperty,s=Object.prototype.hasOwnProperty;function o(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}o.prototype.clear=function(){this.__data__=r?r(null):{},this.size=0},o.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},o.prototype.get=function(t){var e=this.__data__;if(r){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return i.call(e,t)?e[t]:void 0},o.prototype.has=function(t){var e=this.__data__;return r?void 0!==e[t]:s.call(e,t)},o.prototype.set=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=r&&void 0===e?"__lodash_hash_undefined__":e,this};var l=o,a=n(8820),c=n(2461),u=function(t,e){var n,r,i=t.__data__;return("string"==(r=typeof(n=e))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?i["string"==typeof e?"string":"hash"]:i.map};function h(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}h.prototype.clear=function(){this.size=0,this.__data__={hash:new l,map:new(c.A||a.A),string:new l}},h.prototype.delete=function(t){var e=u(this,t).delete(t);return this.size-=e?1:0,e},h.prototype.get=function(t){return u(this,t).get(t)},h.prototype.has=function(t){return u(this,t).has(t)},h.prototype.set=function(t,e){var n=u(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this};var d=h},2673:function(t,e,n){"use strict";n.d(e,{A:function(){return l}});var r=n(8820),i=n(2461),s=n(3558);function o(t){var e=this.__data__=new r.A(t);this.size=e.size}o.prototype.clear=function(){this.__data__=new r.A,this.size=0},o.prototype.delete=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n},o.prototype.get=function(t){return this.__data__.get(t)},o.prototype.has=function(t){return this.__data__.has(t)},o.prototype.set=function(t,e){var n=this.__data__;if(n instanceof r.A){var o=n.__data__;if(!i.A||o.length<199)return o.push([t,e]),this.size=++n.size,this;n=this.__data__=new s.A(o)}return n.set(t,e),this.size=n.size,this};var l=o},439:function(t,e,n){"use strict";var r=n(5507).A.Symbol;e.A=r},7218:function(t,e,n){"use strict";var r=n(5507).A.Uint8Array;e.A=r},6753:function(t,e,n){"use strict";n.d(e,{A:function(){return c}});var r=n(8412),i=n(723),s=n(776),o=n(3767),l=n(5755),a=Object.prototype.hasOwnProperty,c=function(t,e){var n=(0,i.A)(t),c=!n&&(0,r.A)(t),u=!n&&!c&&(0,s.A)(t),h=!n&&!c&&!u&&(0,l.A)(t),d=n||c||u||h,f=d?function(t,e){for(var n=-1,r=Array(t);++n<t;)r[n]=e(n);return r}(t.length,String):[],p=f.length;for(var g in t)!e&&!a.call(t,g)||d&&("length"==g||u&&("offset"==g||"parent"==g)||h&&("buffer"==g||"byteLength"==g||"byteOffset"==g)||(0,o.A)(g,p))||f.push(g);return f}},802:function(t,e){"use strict";e.A=function(t,e){for(var n=-1,r=e.length,i=t.length;++n<r;)t[i+n]=e[n];return t}},6437:function(t,e,n){"use strict";var r=n(6770),i=n(8138),s=Object.prototype.hasOwnProperty;e.A=function(t,e,n){var o=t[e];s.call(t,e)&&(0,i.A)(o,n)&&(void 0!==n||e in t)||(0,r.A)(t,e,n)}},6770:function(t,e,n){"use strict";var r=n(7889);e.A=function(t,e,n){"__proto__"==e&&r.A?(0,r.A)(t,e,{configurable:!0,enumerable:!0,value:n,writable:!0}):t[e]=n}},1381:function(t,e,n){"use strict";var r=n(802),i=n(723);e.A=function(t,e,n){var s=e(t);return(0,i.A)(t)?s:(0,r.A)(s,n(t))}},2159:function(t,e,n){"use strict";n.d(e,{A:function(){return u}});var r=n(439),i=Object.prototype,s=i.hasOwnProperty,o=i.toString,l=r.A?r.A.toStringTag:void 0,a=Object.prototype.toString,c=r.A?r.A.toStringTag:void 0,u=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":c&&c in Object(t)?function(t){var e=s.call(t,l),n=t[l];try{t[l]=void 0;var r=!0}catch(t){}var i=o.call(t);return r&&(e?t[l]=n:delete t[l]),i}(t):function(t){return a.call(t)}(t)}},5771:function(t,e){"use strict";e.A=function(t){return function(e){return t(e)}}},2899:function(t,e,n){"use strict";var r=n(7218);e.A=function(t){var e=new t.constructor(t.byteLength);return new r.A(e).set(new r.A(t)),e}},3812:function(t,e,n){"use strict";var r=n(5507),i="object"==typeof exports&&exports&&!exports.nodeType&&exports,s=i&&"object"==typeof module&&module&&!module.nodeType&&module,o=s&&s.exports===i?r.A.Buffer:void 0,l=o?o.allocUnsafe:void 0;e.A=function(t,e){if(e)return t.slice();var n=t.length,r=l?l(n):new t.constructor(n);return t.copy(r),r}},1827:function(t,e,n){"use strict";var r=n(2899);e.A=function(t,e){var n=e?(0,r.A)(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.length)}},4405:function(t,e){"use strict";e.A=function(t,e){var n=-1,r=t.length;for(e||(e=Array(r));++n<r;)e[n]=t[n];return e}},9601:function(t,e,n){"use strict";var r=n(6437),i=n(6770);e.A=function(t,e,n,s){var o=!n;n||(n={});for(var l=-1,a=e.length;++l<a;){var c=e[l],u=s?s(n[c],t[c],c,n,t):void 0;void 0===u&&(u=t[c]),o?(0,i.A)(n,c,u):(0,r.A)(n,c,u)}return n}},7889:function(t,e,n){"use strict";var r=n(2281),i=function(){try{var t=(0,r.A)(Object,"defineProperty");return t({},"",{}),t}catch(t){}}();e.A=i},9646:function(t,e){"use strict";var n="object"==typeof global&&global&&global.Object===Object&&global;e.A=n},2816:function(t,e,n){"use strict";var r=n(1381),i=n(9844),s=n(3169);e.A=function(t){return(0,r.A)(t,s.A,i.A)}},2281:function(t,e,n){"use strict";n.d(e,{A:function(){return m}});var r,i=n(7572),s=n(5507).A["__core-js_shared__"],o=(r=/[^.]+$/.exec(s&&s.keys&&s.keys.IE_PROTO||""))?"Symbol(src)_1."+r:"",l=n(659),a=n(1543),c=/^\[object .+?Constructor\]$/,u=Function.prototype,h=Object.prototype,d=u.toString,f=h.hasOwnProperty,p=RegExp("^"+d.call(f).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),g=function(t){return!(!(0,l.A)(t)||(e=t,o&&o in e))&&((0,i.A)(t)?p:c).test((0,a.A)(t));var e},m=function(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return g(n)?n:void 0}},8769:function(t,e,n){"use strict";var r=(0,n(2217).A)(Object.getPrototypeOf,Object);e.A=r},9844:function(t,e,n){"use strict";n.d(e,{A:function(){return o}});var r=n(6935),i=Object.prototype.propertyIsEnumerable,s=Object.getOwnPropertySymbols,o=s?function(t){return null==t?[]:(t=Object(t),function(t,e){for(var n=-1,r=null==t?0:t.length,i=0,s=[];++n<r;){var o=t[n];e(o,n,t)&&(s[i++]=o)}return s}(s(t),(function(e){return i.call(t,e)})))}:r.A},7995:function(t,e,n){"use strict";n.d(e,{A:function(){return E}});var r=n(2281),i=n(5507),s=(0,r.A)(i.A,"DataView"),o=n(2461),l=(0,r.A)(i.A,"Promise"),a=(0,r.A)(i.A,"Set"),c=(0,r.A)(i.A,"WeakMap"),u=n(2159),h=n(1543),d="[object Map]",f="[object Promise]",p="[object Set]",g="[object WeakMap]",m="[object DataView]",b=(0,h.A)(s),y=(0,h.A)(o.A),v=(0,h.A)(l),A=(0,h.A)(a),x=(0,h.A)(c),N=u.A;(s&&N(new s(new ArrayBuffer(1)))!=m||o.A&&N(new o.A)!=d||l&&N(l.resolve())!=f||a&&N(new a)!=p||c&&N(new c)!=g)&&(N=function(t){var e=(0,u.A)(t),n="[object Object]"==e?t.constructor:void 0,r=n?(0,h.A)(n):"";if(r)switch(r){case b:return m;case y:return d;case v:return f;case A:return p;case x:return g}return e});var E=N},1683:function(t,e,n){"use strict";n.d(e,{A:function(){return a}});var r=n(659),i=Object.create,s=function(){function t(){}return function(e){if(!(0,r.A)(e))return{};if(i)return i(e);t.prototype=e;var n=new t;return t.prototype=void 0,n}}(),o=n(8769),l=n(501),a=function(t){return"function"!=typeof t.constructor||(0,l.A)(t)?{}:s((0,o.A)(t))}},3767:function(t,e){"use strict";var n=/^(?:0|[1-9]\d*)$/;e.A=function(t,e){var r=typeof t;return!!(e=null==e?9007199254740991:e)&&("number"==r||"symbol"!=r&&n.test(t))&&t>-1&&t%1==0&&t<e}},501:function(t,e){"use strict";var n=Object.prototype;e.A=function(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||n)}},8795:function(t,e,n){"use strict";var r=n(9646),i="object"==typeof exports&&exports&&!exports.nodeType&&exports,s=i&&"object"==typeof module&&module&&!module.nodeType&&module,o=s&&s.exports===i&&r.A.process,l=function(){try{return s&&s.require&&s.require("util").types||o&&o.binding&&o.binding("util")}catch(t){}}();e.A=l},2217:function(t,e){"use strict";e.A=function(t,e){return function(n){return t(e(n))}}},5507:function(t,e,n){"use strict";var r=n(9646),i="object"==typeof self&&self&&self.Object===Object&&self,s=r.A||i||Function("return this")();e.A=s},1543:function(t,e){"use strict";var n=Function.prototype.toString;e.A=function(t){if(null!=t){try{return n.call(t)}catch(t){}try{return t+""}catch(t){}}return""}},3707:function(t,e,n){"use strict";n.d(e,{A:function(){return H}});var r=n(2673),i=n(6437),s=n(9601),o=n(3169),l=n(2624),a=n(3812),c=n(4405),u=n(9844),h=n(802),d=n(8769),f=n(6935),p=Object.getOwnPropertySymbols?function(t){for(var e=[];t;)(0,h.A)(e,(0,u.A)(t)),t=(0,d.A)(t);return e}:f.A,g=n(2816),m=n(1381),b=function(t){return(0,m.A)(t,l.A,p)},y=n(7995),v=Object.prototype.hasOwnProperty,A=n(2899),x=/\w*$/,N=n(439),E=N.A?N.A.prototype:void 0,w=E?E.valueOf:void 0,q=n(1827),k=function(t,e,n){var r,i,s,o=t.constructor;switch(e){case"[object ArrayBuffer]":return(0,A.A)(t);case"[object Boolean]":case"[object Date]":return new o(+t);case"[object DataView]":return function(t,e){var n=e?(0,A.A)(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.byteLength)}(t,n);case"[object Float32Array]":case"[object Float64Array]":case"[object Int8Array]":case"[object Int16Array]":case"[object Int32Array]":case"[object Uint8Array]":case"[object Uint8ClampedArray]":case"[object Uint16Array]":case"[object Uint32Array]":return(0,q.A)(t,n);case"[object Map]":case"[object Set]":return new o;case"[object Number]":case"[object String]":return new o(t);case"[object RegExp]":return(s=new(i=t).constructor(i.source,x.exec(i))).lastIndex=i.lastIndex,s;case"[object Symbol]":return r=t,w?Object(w.call(r)):{}}},_=n(1683),L=n(723),S=n(776),O=n(7948),T=n(5771),j=n(8795),C=j.A&&j.A.isMap,R=C?(0,T.A)(C):function(t){return(0,O.A)(t)&&"[object Map]"==(0,y.A)(t)},I=n(659),B=j.A&&j.A.isSet,M=B?(0,T.A)(B):function(t){return(0,O.A)(t)&&"[object Set]"==(0,y.A)(t)},U="[object Arguments]",D="[object Function]",P="[object Object]",z={};z[U]=z["[object Array]"]=z["[object ArrayBuffer]"]=z["[object DataView]"]=z["[object Boolean]"]=z["[object Date]"]=z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Map]"]=z["[object Number]"]=z[P]=z["[object RegExp]"]=z["[object Set]"]=z["[object String]"]=z["[object Symbol]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z["[object Error]"]=z[D]=z["[object WeakMap]"]=!1;var F=function t(e,n,h,d,f,m){var A,x=1&n,N=2&n,E=4&n;if(h&&(A=f?h(e,d,f,m):h(e)),void 0!==A)return A;if(!(0,I.A)(e))return e;var w=(0,L.A)(e);if(w){if(A=function(t){var e=t.length,n=new t.constructor(e);return e&&"string"==typeof t[0]&&v.call(t,"index")&&(n.index=t.index,n.input=t.input),n}(e),!x)return(0,c.A)(e,A)}else{var q=(0,y.A)(e),O=q==D||"[object GeneratorFunction]"==q;if((0,S.A)(e))return(0,a.A)(e,x);if(q==P||q==U||O&&!f){if(A=N||O?{}:(0,_.A)(e),!x)return N?function(t,e){return(0,s.A)(t,p(t),e)}(e,function(t,e){return t&&(0,s.A)(e,(0,l.A)(e),t)}(A,e)):function(t,e){return(0,s.A)(t,(0,u.A)(t),e)}(e,function(t,e){return t&&(0,s.A)(e,(0,o.A)(e),t)}(A,e))}else{if(!z[q])return f?e:{};A=k(e,q,x)}}m||(m=new r.A);var T=m.get(e);if(T)return T;m.set(e,A),M(e)?e.forEach((function(r){A.add(t(r,n,h,r,e,m))})):R(e)&&e.forEach((function(r,i){A.set(i,t(r,n,h,i,e,m))}));var j=E?N?b:g.A:N?l.A:o.A,C=w?void 0:j(e);return function(t,e){for(var n=-1,r=null==t?0:t.length;++n<r&&!1!==e(t[n],n,t););}(C||e,(function(r,s){C&&(r=e[s=r]),(0,i.A)(A,s,t(r,n,h,s,e,m))})),A},H=function(t){return F(t,5)}},8138:function(t,e){"use strict";e.A=function(t,e){return t===e||t!=t&&e!=e}},8412:function(t,e,n){"use strict";n.d(e,{A:function(){return u}});var r=n(2159),i=n(7948),s=function(t){return(0,i.A)(t)&&"[object Arguments]"==(0,r.A)(t)},o=Object.prototype,l=o.hasOwnProperty,a=o.propertyIsEnumerable,c=s(function(){return arguments}())?s:function(t){return(0,i.A)(t)&&l.call(t,"callee")&&!a.call(t,"callee")},u=c},723:function(t,e){"use strict";var n=Array.isArray;e.A=n},3628:function(t,e,n){"use strict";var r=n(7572),i=n(1628);e.A=function(t){return null!=t&&(0,i.A)(t.length)&&!(0,r.A)(t)}},776:function(t,e,n){"use strict";n.d(e,{A:function(){return l}});var r=n(5507),i="object"==typeof exports&&exports&&!exports.nodeType&&exports,s=i&&"object"==typeof module&&module&&!module.nodeType&&module,o=s&&s.exports===i?r.A.Buffer:void 0,l=(o?o.isBuffer:void 0)||function(){return!1}},5123:function(t,e,n){"use strict";n.d(e,{A:function(){return S}});var r=n(2673),i=n(3558);function s(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new i.A;++e<n;)this.add(t[e])}s.prototype.add=s.prototype.push=function(t){return this.__data__.set(t,"__lodash_hash_undefined__"),this},s.prototype.has=function(t){return this.__data__.has(t)};var o=s,l=function(t,e){for(var n=-1,r=null==t?0:t.length;++n<r;)if(e(t[n],n,t))return!0;return!1},a=function(t,e,n,r,i,s){var a=1&n,c=t.length,u=e.length;if(c!=u&&!(a&&u>c))return!1;var h=s.get(t),d=s.get(e);if(h&&d)return h==e&&d==t;var f=-1,p=!0,g=2&n?new o:void 0;for(s.set(t,e),s.set(e,t);++f<c;){var m=t[f],b=e[f];if(r)var y=a?r(b,m,f,e,t,s):r(m,b,f,t,e,s);if(void 0!==y){if(y)continue;p=!1;break}if(g){if(!l(e,(function(t,e){if(o=e,!g.has(o)&&(m===t||i(m,t,n,r,s)))return g.push(e);var o}))){p=!1;break}}else if(m!==b&&!i(m,b,n,r,s)){p=!1;break}}return s.delete(t),s.delete(e),p},c=n(439),u=n(7218),h=n(8138),d=function(t){var e=-1,n=Array(t.size);return t.forEach((function(t,r){n[++e]=[r,t]})),n},f=function(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n},p=c.A?c.A.prototype:void 0,g=p?p.valueOf:void 0,m=n(2816),b=Object.prototype.hasOwnProperty,y=n(7995),v=n(723),A=n(776),x=n(5755),N="[object Arguments]",E="[object Array]",w="[object Object]",q=Object.prototype.hasOwnProperty,k=function(t,e,n,i,s,o){var l=(0,v.A)(t),c=(0,v.A)(e),p=l?E:(0,y.A)(t),k=c?E:(0,y.A)(e),_=(p=p==N?w:p)==w,L=(k=k==N?w:k)==w,S=p==k;if(S&&(0,A.A)(t)){if(!(0,A.A)(e))return!1;l=!0,_=!1}if(S&&!_)return o||(o=new r.A),l||(0,x.A)(t)?a(t,e,n,i,s,o):function(t,e,n,r,i,s,o){switch(n){case"[object DataView]":if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case"[object ArrayBuffer]":return!(t.byteLength!=e.byteLength||!s(new u.A(t),new u.A(e)));case"[object Boolean]":case"[object Date]":case"[object Number]":return(0,h.A)(+t,+e);case"[object Error]":return t.name==e.name&&t.message==e.message;case"[object RegExp]":case"[object String]":return t==e+"";case"[object Map]":var l=d;case"[object Set]":var c=1&r;if(l||(l=f),t.size!=e.size&&!c)return!1;var p=o.get(t);if(p)return p==e;r|=2,o.set(t,e);var m=a(l(t),l(e),r,i,s,o);return o.delete(t),m;case"[object Symbol]":if(g)return g.call(t)==g.call(e)}return!1}(t,e,p,n,i,s,o);if(!(1&n)){var O=_&&q.call(t,"__wrapped__"),T=L&&q.call(e,"__wrapped__");if(O||T){var j=O?t.value():t,C=T?e.value():e;return o||(o=new r.A),s(j,C,n,i,o)}}return!!S&&(o||(o=new r.A),function(t,e,n,r,i,s){var o=1&n,l=(0,m.A)(t),a=l.length;if(a!=(0,m.A)(e).length&&!o)return!1;for(var c=a;c--;){var u=l[c];if(!(o?u in e:b.call(e,u)))return!1}var h=s.get(t),d=s.get(e);if(h&&d)return h==e&&d==t;var f=!0;s.set(t,e),s.set(e,t);for(var p=o;++c<a;){var g=t[u=l[c]],y=e[u];if(r)var v=o?r(y,g,u,e,t,s):r(g,y,u,t,e,s);if(!(void 0===v?g===y||i(g,y,n,r,s):v)){f=!1;break}p||(p="constructor"==u)}if(f&&!p){var A=t.constructor,x=e.constructor;A==x||!("constructor"in t)||!("constructor"in e)||"function"==typeof A&&A instanceof A&&"function"==typeof x&&x instanceof x||(f=!1)}return s.delete(t),s.delete(e),f}(t,e,n,i,s,o))},_=n(7948),L=function t(e,n,r,i,s){return e===n||(null==e||null==n||!(0,_.A)(e)&&!(0,_.A)(n)?e!=e&&n!=n:k(e,n,r,i,t,s))},S=function(t,e){return L(t,e)}},7572:function(t,e,n){"use strict";var r=n(2159),i=n(659);e.A=function(t){if(!(0,i.A)(t))return!1;var e=(0,r.A)(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}},1628:function(t,e){"use strict";e.A=function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=9007199254740991}},659:function(t,e){"use strict";e.A=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}},7948:function(t,e){"use strict";e.A=function(t){return null!=t&&"object"==typeof t}},5755:function(t,e,n){"use strict";n.d(e,{A:function(){return u}});var r=n(2159),i=n(1628),s=n(7948),o={};o["[object Float32Array]"]=o["[object Float64Array]"]=o["[object Int8Array]"]=o["[object Int16Array]"]=o["[object Int32Array]"]=o["[object Uint8Array]"]=o["[object Uint8ClampedArray]"]=o["[object Uint16Array]"]=o["[object Uint32Array]"]=!0,o["[object Arguments]"]=o["[object Array]"]=o["[object ArrayBuffer]"]=o["[object Boolean]"]=o["[object DataView]"]=o["[object Date]"]=o["[object Error]"]=o["[object Function]"]=o["[object Map]"]=o["[object Number]"]=o["[object Object]"]=o["[object RegExp]"]=o["[object Set]"]=o["[object String]"]=o["[object WeakMap]"]=!1;var l=n(5771),a=n(8795),c=a.A&&a.A.isTypedArray,u=c?(0,l.A)(c):function(t){return(0,s.A)(t)&&(0,i.A)(t.length)&&!!o[(0,r.A)(t)]}},3169:function(t,e,n){"use strict";n.d(e,{A:function(){return a}});var r=n(6753),i=n(501),s=(0,n(2217).A)(Object.keys,Object),o=Object.prototype.hasOwnProperty,l=n(3628),a=function(t){return(0,l.A)(t)?(0,r.A)(t):function(t){if(!(0,i.A)(t))return s(t);var e=[];for(var n in Object(t))o.call(t,n)&&"constructor"!=n&&e.push(n);return e}(t)}},2624:function(t,e,n){"use strict";n.d(e,{A:function(){return c}});var r=n(6753),i=n(659),s=n(501),o=Object.prototype.hasOwnProperty,l=function(t){if(!(0,i.A)(t))return function(t){var e=[];if(null!=t)for(var n in Object(t))e.push(n);return e}(t);var e=(0,s.A)(t),n=[];for(var r in t)("constructor"!=r||!e&&o.call(t,r))&&n.push(r);return n},a=n(3628),c=function(t){return(0,a.A)(t)?(0,r.A)(t,!0):l(t)}},8347:function(t,e,n){"use strict";n.d(e,{A:function(){return $}});var r,i,s,o,l=n(2673),a=n(6770),c=n(8138),u=function(t,e,n){(void 0!==n&&!(0,c.A)(t[e],n)||void 0===n&&!(e in t))&&(0,a.A)(t,e,n)},h=function(t,e,n){for(var r=-1,i=Object(t),s=n(t),o=s.length;o--;){var l=s[++r];if(!1===e(i[l],l,i))break}return t},d=n(3812),f=n(1827),p=n(4405),g=n(1683),m=n(8412),b=n(723),y=n(3628),v=n(7948),A=n(776),x=n(7572),N=n(659),E=n(2159),w=n(8769),q=Function.prototype,k=Object.prototype,_=q.toString,L=k.hasOwnProperty,S=_.call(Object),O=n(5755),T=function(t,e){if(("constructor"!==e||"function"!=typeof t[e])&&"__proto__"!=e)return t[e]},j=n(9601),C=n(2624),R=function(t,e,n,r,i,s,o){var l,a=T(t,n),c=T(e,n),h=o.get(c);if(h)u(t,n,h);else{var q=s?s(a,c,n+"",t,e,o):void 0,k=void 0===q;if(k){var R=(0,b.A)(c),I=!R&&(0,A.A)(c),B=!R&&!I&&(0,O.A)(c);q=c,R||I||B?(0,b.A)(a)?q=a:(l=a,(0,v.A)(l)&&(0,y.A)(l)?q=(0,p.A)(a):I?(k=!1,q=(0,d.A)(c,!0)):B?(k=!1,q=(0,f.A)(c,!0)):q=[]):function(t){if(!(0,v.A)(t)||"[object Object]"!=(0,E.A)(t))return!1;var e=(0,w.A)(t);if(null===e)return!0;var n=L.call(e,"constructor")&&e.constructor;return"function"==typeof n&&n instanceof n&&_.call(n)==S}(c)||(0,m.A)(c)?(q=a,(0,m.A)(a)?q=function(t){return(0,j.A)(t,(0,C.A)(t))}(a):(0,N.A)(a)&&!(0,x.A)(a)||(q=(0,g.A)(c))):k=!1}k&&(o.set(c,q),i(q,c,r,s,o),o.delete(c)),u(t,n,q)}},I=function t(e,n,r,i,s){e!==n&&h(n,(function(o,a){if(s||(s=new l.A),(0,N.A)(o))R(e,n,a,r,t,i,s);else{var c=i?i(T(e,a),o,a+"",e,n,s):void 0;void 0===c&&(c=o),u(e,a,c)}}),C.A)},B=function(t){return t},M=Math.max,U=n(7889),D=U.A?function(t,e){return(0,U.A)(t,"toString",{configurable:!0,enumerable:!1,value:(n=e,function(){return n}),writable:!0});var n}:B,P=Date.now,z=(r=D,i=0,s=0,function(){var t=P(),e=16-(t-s);if(s=t,e>0){if(++i>=800)return arguments[0]}else i=0;return r.apply(void 0,arguments)}),F=function(t,e){return z(function(t,e,n){return e=M(void 0===e?t.length-1:e,0),function(){for(var r=arguments,i=-1,s=M(r.length-e,0),o=Array(s);++i<s;)o[i]=r[e+i];i=-1;for(var l=Array(e+1);++i<e;)l[i]=r[i];return l[e]=n(o),function(t,e,n){switch(n.length){case 0:return t.call(e);case 1:return t.call(e,n[0]);case 2:return t.call(e,n[0],n[1]);case 3:return t.call(e,n[0],n[1],n[2])}return t.apply(e,n)}(t,this,l)}}(t,e,B),t+"")},H=n(3767),$=(o=function(t,e,n){I(t,e,n)},F((function(t,e){var n=-1,r=e.length,i=r>1?e[r-1]:void 0,s=r>2?e[2]:void 0;for(i=o.length>3&&"function"==typeof i?(r--,i):void 0,s&&function(t,e,n){if(!(0,N.A)(n))return!1;var r=typeof e;return!!("number"==r?(0,y.A)(n)&&(0,H.A)(e,n.length):"string"==r&&e in n)&&(0,c.A)(n[e],t)}(e[0],e[1],s)&&(i=r<3?void 0:i,r=1),t=Object(t);++n<r;){var l=e[n];l&&o(t,l,n)}return t})))},6935:function(t,e){"use strict";e.A=function(){return[]}},6003:function(t,e,n){"use strict";n.r(e),n.d(e,{Attributor:function(){return i},AttributorStore:function(){return d},BlockBlot:function(){return w},ClassAttributor:function(){return c},ContainerBlot:function(){return k},EmbedBlot:function(){return _},InlineBlot:function(){return N},LeafBlot:function(){return m},ParentBlot:function(){return A},Registry:function(){return l},Scope:function(){return r},ScrollBlot:function(){return O},StyleAttributor:function(){return h},TextBlot:function(){return j}});var r=(t=>(t[t.TYPE=3]="TYPE",t[t.LEVEL=12]="LEVEL",t[t.ATTRIBUTE=13]="ATTRIBUTE",t[t.BLOT=14]="BLOT",t[t.INLINE=7]="INLINE",t[t.BLOCK=11]="BLOCK",t[t.BLOCK_BLOT=10]="BLOCK_BLOT",t[t.INLINE_BLOT=6]="INLINE_BLOT",t[t.BLOCK_ATTRIBUTE=9]="BLOCK_ATTRIBUTE",t[t.INLINE_ATTRIBUTE=5]="INLINE_ATTRIBUTE",t[t.ANY=15]="ANY",t))(r||{});class i{constructor(t,e,n={}){this.attrName=t,this.keyName=e;const i=r.TYPE&r.ATTRIBUTE;this.scope=null!=n.scope?n.scope&r.LEVEL|i:r.ATTRIBUTE,null!=n.whitelist&&(this.whitelist=n.whitelist)}static keys(t){return Array.from(t.attributes).map((t=>t.name))}add(t,e){return!!this.canAdd(t,e)&&(t.setAttribute(this.keyName,e),!0)}canAdd(t,e){return null==this.whitelist||("string"==typeof e?this.whitelist.indexOf(e.replace(/["']/g,""))>-1:this.whitelist.indexOf(e)>-1)}remove(t){t.removeAttribute(this.keyName)}value(t){const e=t.getAttribute(this.keyName);return this.canAdd(t,e)&&e?e:""}}class s extends Error{constructor(t){super(t="[Parchment] "+t),this.message=t,this.name=this.constructor.name}}const o=class t{constructor(){this.attributes={},this.classes={},this.tags={},this.types={}}static find(t,e=!1){if(null==t)return null;if(this.blots.has(t))return this.blots.get(t)||null;if(e){let n=null;try{n=t.parentNode}catch{return null}return this.find(n,e)}return null}create(e,n,r){const i=this.query(n);if(null==i)throw new s(`Unable to create ${n} blot`);const o=i,l=n instanceof Node||n.nodeType===Node.TEXT_NODE?n:o.create(r),a=new o(e,l,r);return t.blots.set(a.domNode,a),a}find(e,n=!1){return t.find(e,n)}query(t,e=r.ANY){let n;return"string"==typeof t?n=this.types[t]||this.attributes[t]:t instanceof Text||t.nodeType===Node.TEXT_NODE?n=this.types.text:"number"==typeof t?t&r.LEVEL&r.BLOCK?n=this.types.block:t&r.LEVEL&r.INLINE&&(n=this.types.inline):t instanceof Element&&((t.getAttribute("class")||"").split(/\s+/).some((t=>(n=this.classes[t],!!n))),n=n||this.tags[t.tagName]),null==n?null:"scope"in n&&e&r.LEVEL&n.scope&&e&r.TYPE&n.scope?n:null}register(...t){return t.map((t=>{const e="blotName"in t,n="attrName"in t;if(!e&&!n)throw new s("Invalid definition");if(e&&"abstract"===t.blotName)throw new s("Cannot register abstract class");const r=e?t.blotName:n?t.attrName:void 0;return this.types[r]=t,n?"string"==typeof t.keyName&&(this.attributes[t.keyName]=t):e&&(t.className&&(this.classes[t.className]=t),t.tagName&&(Array.isArray(t.tagName)?t.tagName=t.tagName.map((t=>t.toUpperCase())):t.tagName=t.tagName.toUpperCase(),(Array.isArray(t.tagName)?t.tagName:[t.tagName]).forEach((e=>{(null==this.tags[e]||null==t.className)&&(this.tags[e]=t)})))),t}))}};o.blots=new WeakMap;let l=o;function a(t,e){return(t.getAttribute("class")||"").split(/\s+/).filter((t=>0===t.indexOf(`${e}-`)))}const c=class extends i{static keys(t){return(t.getAttribute("class")||"").split(/\s+/).map((t=>t.split("-").slice(0,-1).join("-")))}add(t,e){return!!this.canAdd(t,e)&&(this.remove(t),t.classList.add(`${this.keyName}-${e}`),!0)}remove(t){a(t,this.keyName).forEach((e=>{t.classList.remove(e)})),0===t.classList.length&&t.removeAttribute("class")}value(t){const e=(a(t,this.keyName)[0]||"").slice(this.keyName.length+1);return this.canAdd(t,e)?e:""}};function u(t){const e=t.split("-"),n=e.slice(1).map((t=>t[0].toUpperCase()+t.slice(1))).join("");return e[0]+n}const h=class extends i{static keys(t){return(t.getAttribute("style")||"").split(";").map((t=>t.split(":")[0].trim()))}add(t,e){return!!this.canAdd(t,e)&&(t.style[u(this.keyName)]=e,!0)}remove(t){t.style[u(this.keyName)]="",t.getAttribute("style")||t.removeAttribute("style")}value(t){const e=t.style[u(this.keyName)];return this.canAdd(t,e)?e:""}},d=class{constructor(t){this.attributes={},this.domNode=t,this.build()}attribute(t,e){e?t.add(this.domNode,e)&&(null!=t.value(this.domNode)?this.attributes[t.attrName]=t:delete this.attributes[t.attrName]):(t.remove(this.domNode),delete this.attributes[t.attrName])}build(){this.attributes={};const t=l.find(this.domNode);if(null==t)return;const e=i.keys(this.domNode),n=c.keys(this.domNode),s=h.keys(this.domNode);e.concat(n).concat(s).forEach((e=>{const n=t.scroll.query(e,r.ATTRIBUTE);n instanceof i&&(this.attributes[n.attrName]=n)}))}copy(t){Object.keys(this.attributes).forEach((e=>{const n=this.attributes[e].value(this.domNode);t.format(e,n)}))}move(t){this.copy(t),Object.keys(this.attributes).forEach((t=>{this.attributes[t].remove(this.domNode)})),this.attributes={}}values(){return Object.keys(this.attributes).reduce(((t,e)=>(t[e]=this.attributes[e].value(this.domNode),t)),{})}},f=class{constructor(t,e){this.scroll=t,this.domNode=e,l.blots.set(e,this),this.prev=null,this.next=null}static create(t){if(null==this.tagName)throw new s("Blot definition missing tagName");let e,n;return Array.isArray(this.tagName)?("string"==typeof t?(n=t.toUpperCase(),parseInt(n,10).toString()===n&&(n=parseInt(n,10))):"number"==typeof t&&(n=t),e="number"==typeof n?document.createElement(this.tagName[n-1]):n&&this.tagName.indexOf(n)>-1?document.createElement(n):document.createElement(this.tagName[0])):e=document.createElement(this.tagName),this.className&&e.classList.add(this.className),e}get statics(){return this.constructor}attach(){}clone(){const t=this.domNode.cloneNode(!1);return this.scroll.create(t)}detach(){null!=this.parent&&this.parent.removeChild(this),l.blots.delete(this.domNode)}deleteAt(t,e){this.isolate(t,e).remove()}formatAt(t,e,n,i){const s=this.isolate(t,e);if(null!=this.scroll.query(n,r.BLOT)&&i)s.wrap(n,i);else if(null!=this.scroll.query(n,r.ATTRIBUTE)){const t=this.scroll.create(this.statics.scope);s.wrap(t),t.format(n,i)}}insertAt(t,e,n){const r=null==n?this.scroll.create("text",e):this.scroll.create(e,n),i=this.split(t);this.parent.insertBefore(r,i||void 0)}isolate(t,e){const n=this.split(t);if(null==n)throw new Error("Attempt to isolate at end");return n.split(e),n}length(){return 1}offset(t=this.parent){return null==this.parent||this===t?0:this.parent.children.offset(this)+this.parent.offset(t)}optimize(t){this.statics.requiredContainer&&!(this.parent instanceof this.statics.requiredContainer)&&this.wrap(this.statics.requiredContainer.blotName)}remove(){null!=this.domNode.parentNode&&this.domNode.parentNode.removeChild(this.domNode),this.detach()}replaceWith(t,e){const n="string"==typeof t?this.scroll.create(t,e):t;return null!=this.parent&&(this.parent.insertBefore(n,this.next||void 0),this.remove()),n}split(t,e){return 0===t?this:this.next}update(t,e){}wrap(t,e){const n="string"==typeof t?this.scroll.create(t,e):t;if(null!=this.parent&&this.parent.insertBefore(n,this.next||void 0),"function"!=typeof n.appendChild)throw new s(`Cannot wrap ${t}`);return n.appendChild(this),n}};f.blotName="abstract";let p=f;const g=class extends p{static value(t){return!0}index(t,e){return this.domNode===t||this.domNode.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_CONTAINED_BY?Math.min(e,1):-1}position(t,e){let n=Array.from(this.parent.domNode.childNodes).indexOf(this.domNode);return t>0&&(n+=1),[this.parent.domNode,n]}value(){return{[this.statics.blotName]:this.statics.value(this.domNode)||!0}}};g.scope=r.INLINE_BLOT;const m=g;class b{constructor(){this.head=null,this.tail=null,this.length=0}append(...t){if(this.insertBefore(t[0],null),t.length>1){const e=t.slice(1);this.append(...e)}}at(t){const e=this.iterator();let n=e();for(;n&&t>0;)t-=1,n=e();return n}contains(t){const e=this.iterator();let n=e();for(;n;){if(n===t)return!0;n=e()}return!1}indexOf(t){const e=this.iterator();let n=e(),r=0;for(;n;){if(n===t)return r;r+=1,n=e()}return-1}insertBefore(t,e){null!=t&&(this.remove(t),t.next=e,null!=e?(t.prev=e.prev,null!=e.prev&&(e.prev.next=t),e.prev=t,e===this.head&&(this.head=t)):null!=this.tail?(this.tail.next=t,t.prev=this.tail,this.tail=t):(t.prev=null,this.head=this.tail=t),this.length+=1)}offset(t){let e=0,n=this.head;for(;null!=n;){if(n===t)return e;e+=n.length(),n=n.next}return-1}remove(t){this.contains(t)&&(null!=t.prev&&(t.prev.next=t.next),null!=t.next&&(t.next.prev=t.prev),t===this.head&&(this.head=t.next),t===this.tail&&(this.tail=t.prev),this.length-=1)}iterator(t=this.head){return()=>{const e=t;return null!=t&&(t=t.next),e}}find(t,e=!1){const n=this.iterator();let r=n();for(;r;){const i=r.length();if(t<i||e&&t===i&&(null==r.next||0!==r.next.length()))return[r,t];t-=i,r=n()}return[null,0]}forEach(t){const e=this.iterator();let n=e();for(;n;)t(n),n=e()}forEachAt(t,e,n){if(e<=0)return;const[r,i]=this.find(t);let s=t-i;const o=this.iterator(r);let l=o();for(;l&&s<t+e;){const r=l.length();t>s?n(l,t-s,Math.min(e,s+r-t)):n(l,0,Math.min(r,t+e-s)),s+=r,l=o()}}map(t){return this.reduce(((e,n)=>(e.push(t(n)),e)),[])}reduce(t,e){const n=this.iterator();let r=n();for(;r;)e=t(e,r),r=n();return e}}function y(t,e){const n=e.find(t);if(n)return n;try{return e.create(t)}catch{const n=e.create(r.INLINE);return Array.from(t.childNodes).forEach((t=>{n.domNode.appendChild(t)})),t.parentNode&&t.parentNode.replaceChild(n.domNode,t),n.attach(),n}}const v=class t extends p{constructor(t,e){super(t,e),this.uiNode=null,this.build()}appendChild(t){this.insertBefore(t)}attach(){super.attach(),this.children.forEach((t=>{t.attach()}))}attachUI(e){null!=this.uiNode&&this.uiNode.remove(),this.uiNode=e,t.uiClass&&this.uiNode.classList.add(t.uiClass),this.uiNode.setAttribute("contenteditable","false"),this.domNode.insertBefore(this.uiNode,this.domNode.firstChild)}build(){this.children=new b,Array.from(this.domNode.childNodes).filter((t=>t!==this.uiNode)).reverse().forEach((t=>{try{const e=y(t,this.scroll);this.insertBefore(e,this.children.head||void 0)}catch(t){if(t instanceof s)return;throw t}}))}deleteAt(t,e){if(0===t&&e===this.length())return this.remove();this.children.forEachAt(t,e,((t,e,n)=>{t.deleteAt(e,n)}))}descendant(e,n=0){const[r,i]=this.children.find(n);return null==e.blotName&&e(r)||null!=e.blotName&&r instanceof e?[r,i]:r instanceof t?r.descendant(e,i):[null,-1]}descendants(e,n=0,r=Number.MAX_VALUE){let i=[],s=r;return this.children.forEachAt(n,r,((n,r,o)=>{(null==e.blotName&&e(n)||null!=e.blotName&&n instanceof e)&&i.push(n),n instanceof t&&(i=i.concat(n.descendants(e,r,s))),s-=o})),i}detach(){this.children.forEach((t=>{t.detach()})),super.detach()}enforceAllowedChildren(){let e=!1;this.children.forEach((n=>{e||this.statics.allowedChildren.some((t=>n instanceof t))||(n.statics.scope===r.BLOCK_BLOT?(null!=n.next&&this.splitAfter(n),null!=n.prev&&this.splitAfter(n.prev),n.parent.unwrap(),e=!0):n instanceof t?n.unwrap():n.remove())}))}formatAt(t,e,n,r){this.children.forEachAt(t,e,((t,e,i)=>{t.formatAt(e,i,n,r)}))}insertAt(t,e,n){const[r,i]=this.children.find(t);if(r)r.insertAt(i,e,n);else{const t=null==n?this.scroll.create("text",e):this.scroll.create(e,n);this.appendChild(t)}}insertBefore(t,e){null!=t.parent&&t.parent.children.remove(t);let n=null;this.children.insertBefore(t,e||null),t.parent=this,null!=e&&(n=e.domNode),(this.domNode.parentNode!==t.domNode||this.domNode.nextSibling!==n)&&this.domNode.insertBefore(t.domNode,n),t.attach()}length(){return this.children.reduce(((t,e)=>t+e.length()),0)}moveChildren(t,e){this.children.forEach((n=>{t.insertBefore(n,e)}))}optimize(t){if(super.optimize(t),this.enforceAllowedChildren(),null!=this.uiNode&&this.uiNode!==this.domNode.firstChild&&this.domNode.insertBefore(this.uiNode,this.domNode.firstChild),0===this.children.length)if(null!=this.statics.defaultChild){const t=this.scroll.create(this.statics.defaultChild.blotName);this.appendChild(t)}else this.remove()}path(e,n=!1){const[r,i]=this.children.find(e,n),s=[[this,e]];return r instanceof t?s.concat(r.path(i,n)):(null!=r&&s.push([r,i]),s)}removeChild(t){this.children.remove(t)}replaceWith(e,n){const r="string"==typeof e?this.scroll.create(e,n):e;return r instanceof t&&this.moveChildren(r),super.replaceWith(r)}split(t,e=!1){if(!e){if(0===t)return this;if(t===this.length())return this.next}const n=this.clone();return this.parent&&this.parent.insertBefore(n,this.next||void 0),this.children.forEachAt(t,this.length(),((t,r,i)=>{const s=t.split(r,e);null!=s&&n.appendChild(s)})),n}splitAfter(t){const e=this.clone();for(;null!=t.next;)e.appendChild(t.next);return this.parent&&this.parent.insertBefore(e,this.next||void 0),e}unwrap(){this.parent&&this.moveChildren(this.parent,this.next||void 0),this.remove()}update(t,e){const n=[],r=[];t.forEach((t=>{t.target===this.domNode&&"childList"===t.type&&(n.push(...t.addedNodes),r.push(...t.removedNodes))})),r.forEach((t=>{if(null!=t.parentNode&&"IFRAME"!==t.tagName&&document.body.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_CONTAINED_BY)return;const e=this.scroll.find(t);null!=e&&(null==e.domNode.parentNode||e.domNode.parentNode===this.domNode)&&e.detach()})),n.filter((t=>t.parentNode===this.domNode&&t!==this.uiNode)).sort(((t,e)=>t===e?0:t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING?1:-1)).forEach((t=>{let e=null;null!=t.nextSibling&&(e=this.scroll.find(t.nextSibling));const n=y(t,this.scroll);(n.next!==e||null==n.next)&&(null!=n.parent&&n.parent.removeChild(this),this.insertBefore(n,e||void 0))})),this.enforceAllowedChildren()}};v.uiClass="";const A=v,x=class t extends A{static create(t){return super.create(t)}static formats(e,n){const r=n.query(t.blotName);if(null==r||e.tagName!==r.tagName){if("string"==typeof this.tagName)return!0;if(Array.isArray(this.tagName))return e.tagName.toLowerCase()}}constructor(t,e){super(t,e),this.attributes=new d(this.domNode)}format(e,n){if(e!==this.statics.blotName||n){const t=this.scroll.query(e,r.INLINE);if(null==t)return;t instanceof i?this.attributes.attribute(t,n):n&&(e!==this.statics.blotName||this.formats()[e]!==n)&&this.replaceWith(e,n)}else this.children.forEach((e=>{e instanceof t||(e=e.wrap(t.blotName,!0)),this.attributes.copy(e)})),this.unwrap()}formats(){const t=this.attributes.values(),e=this.statics.formats(this.domNode,this.scroll);return null!=e&&(t[this.statics.blotName]=e),t}formatAt(t,e,n,i){null!=this.formats()[n]||this.scroll.query(n,r.ATTRIBUTE)?this.isolate(t,e).format(n,i):super.formatAt(t,e,n,i)}optimize(e){super.optimize(e);const n=this.formats();if(0===Object.keys(n).length)return this.unwrap();const r=this.next;r instanceof t&&r.prev===this&&function(t,e){if(Object.keys(t).length!==Object.keys(e).length)return!1;for(const n in t)if(t[n]!==e[n])return!1;return!0}(n,r.formats())&&(r.moveChildren(this),r.remove())}replaceWith(t,e){const n=super.replaceWith(t,e);return this.attributes.copy(n),n}update(t,e){super.update(t,e),t.some((t=>t.target===this.domNode&&"attributes"===t.type))&&this.attributes.build()}wrap(e,n){const r=super.wrap(e,n);return r instanceof t&&this.attributes.move(r),r}};x.allowedChildren=[x,m],x.blotName="inline",x.scope=r.INLINE_BLOT,x.tagName="SPAN";const N=x,E=class t extends A{static create(t){return super.create(t)}static formats(e,n){const r=n.query(t.blotName);if(null==r||e.tagName!==r.tagName){if("string"==typeof this.tagName)return!0;if(Array.isArray(this.tagName))return e.tagName.toLowerCase()}}constructor(t,e){super(t,e),this.attributes=new d(this.domNode)}format(e,n){const s=this.scroll.query(e,r.BLOCK);null!=s&&(s instanceof i?this.attributes.attribute(s,n):e!==this.statics.blotName||n?n&&(e!==this.statics.blotName||this.formats()[e]!==n)&&this.replaceWith(e,n):this.replaceWith(t.blotName))}formats(){const t=this.attributes.values(),e=this.statics.formats(this.domNode,this.scroll);return null!=e&&(t[this.statics.blotName]=e),t}formatAt(t,e,n,i){null!=this.scroll.query(n,r.BLOCK)?this.format(n,i):super.formatAt(t,e,n,i)}insertAt(t,e,n){if(null==n||null!=this.scroll.query(e,r.INLINE))super.insertAt(t,e,n);else{const r=this.split(t);if(null==r)throw new Error("Attempt to insertAt after block boundaries");{const t=this.scroll.create(e,n);r.parent.insertBefore(t,r)}}}replaceWith(t,e){const n=super.replaceWith(t,e);return this.attributes.copy(n),n}update(t,e){super.update(t,e),t.some((t=>t.target===this.domNode&&"attributes"===t.type))&&this.attributes.build()}};E.blotName="block",E.scope=r.BLOCK_BLOT,E.tagName="P",E.allowedChildren=[N,E,m];const w=E,q=class extends A{checkMerge(){return null!==this.next&&this.next.statics.blotName===this.statics.blotName}deleteAt(t,e){super.deleteAt(t,e),this.enforceAllowedChildren()}formatAt(t,e,n,r){super.formatAt(t,e,n,r),this.enforceAllowedChildren()}insertAt(t,e,n){super.insertAt(t,e,n),this.enforceAllowedChildren()}optimize(t){super.optimize(t),this.children.length>0&&null!=this.next&&this.checkMerge()&&(this.next.moveChildren(this),this.next.remove())}};q.blotName="container",q.scope=r.BLOCK_BLOT;const k=q,_=class extends m{static formats(t,e){}format(t,e){super.formatAt(0,this.length(),t,e)}formatAt(t,e,n,r){0===t&&e===this.length()?this.format(n,r):super.formatAt(t,e,n,r)}formats(){return this.statics.formats(this.domNode,this.scroll)}},L={attributes:!0,characterData:!0,characterDataOldValue:!0,childList:!0,subtree:!0},S=class extends A{constructor(t,e){super(null,e),this.registry=t,this.scroll=this,this.build(),this.observer=new MutationObserver((t=>{this.update(t)})),this.observer.observe(this.domNode,L),this.attach()}create(t,e){return this.registry.create(this,t,e)}find(t,e=!1){const n=this.registry.find(t,e);return n?n.scroll===this?n:e?this.find(n.scroll.domNode.parentNode,!0):null:null}query(t,e=r.ANY){return this.registry.query(t,e)}register(...t){return this.registry.register(...t)}build(){null!=this.scroll&&super.build()}detach(){super.detach(),this.observer.disconnect()}deleteAt(t,e){this.update(),0===t&&e===this.length()?this.children.forEach((t=>{t.remove()})):super.deleteAt(t,e)}formatAt(t,e,n,r){this.update(),super.formatAt(t,e,n,r)}insertAt(t,e,n){this.update(),super.insertAt(t,e,n)}optimize(t=[],e={}){super.optimize(e);const n=e.mutationsMap||new WeakMap;let r=Array.from(this.observer.takeRecords());for(;r.length>0;)t.push(r.pop());const i=(t,e=!0)=>{null==t||t===this||null!=t.domNode.parentNode&&(n.has(t.domNode)||n.set(t.domNode,[]),e&&i(t.parent))},s=t=>{n.has(t.domNode)&&(t instanceof A&&t.children.forEach(s),n.delete(t.domNode),t.optimize(e))};let o=t;for(let e=0;o.length>0;e+=1){if(e>=100)throw new Error("[Parchment] Maximum optimize iterations reached");for(o.forEach((t=>{const e=this.find(t.target,!0);null!=e&&(e.domNode===t.target&&("childList"===t.type?(i(this.find(t.previousSibling,!1)),Array.from(t.addedNodes).forEach((t=>{const e=this.find(t,!1);i(e,!1),e instanceof A&&e.children.forEach((t=>{i(t,!1)}))}))):"attributes"===t.type&&i(e.prev)),i(e))})),this.children.forEach(s),o=Array.from(this.observer.takeRecords()),r=o.slice();r.length>0;)t.push(r.pop())}}update(t,e={}){t=t||this.observer.takeRecords();const n=new WeakMap;t.map((t=>{const e=this.find(t.target,!0);return null==e?null:n.has(e.domNode)?(n.get(e.domNode).push(t),null):(n.set(e.domNode,[t]),e)})).forEach((t=>{null!=t&&t!==this&&n.has(t.domNode)&&t.update(n.get(t.domNode)||[],e)})),e.mutationsMap=n,n.has(this.domNode)&&super.update(n.get(this.domNode),e),this.optimize(t,e)}};S.blotName="scroll",S.defaultChild=w,S.allowedChildren=[w,k],S.scope=r.BLOCK_BLOT,S.tagName="DIV";const O=S,T=class t extends m{static create(t){return document.createTextNode(t)}static value(t){return t.data}constructor(t,e){super(t,e),this.text=this.statics.value(this.domNode)}deleteAt(t,e){this.domNode.data=this.text=this.text.slice(0,t)+this.text.slice(t+e)}index(t,e){return this.domNode===t?e:-1}insertAt(t,e,n){null==n?(this.text=this.text.slice(0,t)+e+this.text.slice(t),this.domNode.data=this.text):super.insertAt(t,e,n)}length(){return this.text.length}optimize(e){super.optimize(e),this.text=this.statics.value(this.domNode),0===this.text.length?this.remove():this.next instanceof t&&this.next.prev===this&&(this.insertAt(this.length(),this.next.value()),this.next.remove())}position(t,e=!1){return[this.domNode,t]}split(t,e=!1){if(!e){if(0===t)return this;if(t===this.length())return this.next}const n=this.scroll.create(this.domNode.splitText(t));return this.parent.insertBefore(n,this.next||void 0),this.text=this.statics.value(this.domNode),n}update(t,e){t.some((t=>"characterData"===t.type&&t.target===this.domNode))&&(this.text=this.statics.value(this.domNode))}value(){return this.text}};T.blotName="text",T.scope=r.INLINE_BLOT;const j=T}},e={};function n(r){var i=e[r];if(void 0!==i)return i.exports;var s=e[r]={id:r,loaded:!1,exports:{}};return t[r](s,s.exports,n),s.loaded=!0,s.exports}n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.nmd=function(t){return t.paths=[],t.children||(t.children=[]),t};var r={};return function(){"use strict";n.d(r,{default:function(){return It}});var t=n(3729),e=n(8276),i=n(7912),s=n(6003);class o extends s.ClassAttributor{add(t,e){let n=0;if("+1"===e||"-1"===e){const r=this.value(t)||0;n="+1"===e?r+1:r-1}else"number"==typeof e&&(n=e);return 0===n?(this.remove(t),!0):super.add(t,n.toString())}canAdd(t,e){return super.canAdd(t,e)||super.canAdd(t,parseInt(e,10))}value(t){return parseInt(super.value(t),10)||void 0}}var l=new o("indent","ql-indent",{scope:s.Scope.BLOCK,whitelist:[1,2,3,4,5,6,7,8]}),a=n(9698);class c extends a.Ay{static blotName="blockquote";static tagName="blockquote"}var u=c;class h extends a.Ay{static blotName="header";static tagName=["H1","H2","H3","H4","H5","H6"];static formats(t){return this.tagName.indexOf(t.tagName)+1}}var d=h,f=n(580),p=n(6142);class g extends f.A{}g.blotName="list-container",g.tagName="OL";class m extends a.Ay{static create(t){const e=super.create();return e.setAttribute("data-list",t),e}static formats(t){return t.getAttribute("data-list")||void 0}static register(){p.Ay.register(g)}constructor(t,e){super(t,e);const n=e.ownerDocument.createElement("span"),r=n=>{if(!t.isEnabled())return;const r=this.statics.formats(e,t);"checked"===r?(this.format("list","unchecked"),n.preventDefault()):"unchecked"===r&&(this.format("list","checked"),n.preventDefault())};n.addEventListener("mousedown",r),n.addEventListener("touchstart",r),this.attachUI(n)}format(t,e){t===this.statics.blotName&&e?this.domNode.setAttribute("data-list",e):super.format(t,e)}}m.blotName="list",m.tagName="LI",g.allowedChildren=[m],m.requiredContainer=g;var b=n(9541),y=n(8638),v=n(6772),A=n(664),x=n(4850);class N extends x.A{static blotName="bold";static tagName=["STRONG","B"];static create(){return super.create()}static formats(){return!0}optimize(t){super.optimize(t),this.domNode.tagName!==this.statics.tagName[0]&&this.replaceWith(this.statics.blotName)}}var E=N;class w extends x.A{static blotName="link";static tagName="A";static SANITIZED_URL="about:blank";static PROTOCOL_WHITELIST=["http","https","mailto","tel","sms"];static create(t){const e=super.create(t);return e.setAttribute("href",this.sanitize(t)),e.setAttribute("rel","noopener noreferrer"),e.setAttribute("target","_blank"),e}static formats(t){return t.getAttribute("href")}static sanitize(t){return q(t,this.PROTOCOL_WHITELIST)?t:this.SANITIZED_URL}format(t,e){t===this.statics.blotName&&e?this.domNode.setAttribute("href",this.constructor.sanitize(e)):super.format(t,e)}}function q(t,e){const n=document.createElement("a");n.href=t;const r=n.href.slice(0,n.href.indexOf(":"));return e.indexOf(r)>-1}class k extends x.A{static blotName="script";static tagName=["SUB","SUP"];static create(t){return"super"===t?document.createElement("sup"):"sub"===t?document.createElement("sub"):super.create(t)}static formats(t){return"SUB"===t.tagName?"sub":"SUP"===t.tagName?"super":void 0}}var _=k;class L extends x.A{static blotName="underline";static tagName="U"}var S=L,O=n(746);class T extends O.A{static blotName="formula";static className="ql-formula";static tagName="SPAN";static create(t){if(null==window.katex)throw new Error("Formula module requires KaTeX.");const e=super.create(t);return"string"==typeof t&&(window.katex.render(t,e,{throwOnError:!1,errorColor:"#f00"}),e.setAttribute("data-value",t)),e}static value(t){return t.getAttribute("data-value")}html(){const{formula:t}=this.value();return`<span>${t}</span>`}}var j=T;const C=["alt","height","width"];class R extends s.EmbedBlot{static blotName="image";static tagName="IMG";static create(t){const e=super.create(t);return"string"==typeof t&&e.setAttribute("src",this.sanitize(t)),e}static formats(t){return C.reduce(((e,n)=>(t.hasAttribute(n)&&(e[n]=t.getAttribute(n)),e)),{})}static match(t){return/\.(jpe?g|gif|png)$/.test(t)||/^data:image\/.+;base64/.test(t)}static sanitize(t){return q(t,["http","https","data"])?t:"//:0"}static value(t){return t.getAttribute("src")}format(t,e){C.indexOf(t)>-1?e?this.domNode.setAttribute(t,e):this.domNode.removeAttribute(t):super.format(t,e)}}var I=R;const B=["height","width"];class M extends a.zo{static blotName="video";static className="ql-video";static tagName="IFRAME";static create(t){const e=super.create(t);return e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","true"),e.setAttribute("src",this.sanitize(t)),e}static formats(t){return B.reduce(((e,n)=>(t.hasAttribute(n)&&(e[n]=t.getAttribute(n)),e)),{})}static sanitize(t){return w.sanitize(t)}static value(t){return t.getAttribute("src")}format(t,e){B.indexOf(t)>-1?e?this.domNode.setAttribute(t,e):this.domNode.removeAttribute(t):super.format(t,e)}html(){const{video:t}=this.value();return`<a href="${t}">${t}</a>`}}var U=M,D=n(9404),P=n(5232),z=n.n(P),F=n(4266),H=n(3036),$=n(4541),V=n(5508),K=n(584);const W=new s.ClassAttributor("code-token","hljs",{scope:s.Scope.INLINE});class Z extends x.A{static formats(t,e){for(;null!=t&&t!==e.domNode;){if(t.classList&&t.classList.contains(D.Ay.className))return super.formats(t,e);t=t.parentNode}}constructor(t,e,n){super(t,e,n),W.add(this.domNode,n)}format(t,e){t!==Z.blotName?super.format(t,e):e?W.add(this.domNode,e):(W.remove(this.domNode),this.domNode.classList.remove(this.statics.className))}optimize(){super.optimize(...arguments),W.value(this.domNode)||this.unwrap()}}Z.blotName="code-token",Z.className="ql-token";class G extends D.Ay{static create(t){const e=super.create(t);return"string"==typeof t&&e.setAttribute("data-language",t),e}static formats(t){return t.getAttribute("data-language")||"plain"}static register(){}format(t,e){t===this.statics.blotName&&e?this.domNode.setAttribute("data-language",e):super.format(t,e)}replaceWith(t,e){return this.formatAt(0,this.length(),Z.blotName,!1),super.replaceWith(t,e)}}class X extends D.EJ{attach(){super.attach(),this.forceNext=!1,this.scroll.emitMount(this)}format(t,e){t===G.blotName&&(this.forceNext=!0,this.children.forEach((n=>{n.format(t,e)})))}formatAt(t,e,n,r){n===G.blotName&&(this.forceNext=!0),super.formatAt(t,e,n,r)}highlight(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null==this.children.head)return;const n=`${Array.from(this.domNode.childNodes).filter((t=>t!==this.uiNode)).map((t=>t.textContent)).join("\n")}\n`,r=G.formats(this.children.head.domNode);if(e||this.forceNext||this.cachedText!==n){if(n.trim().length>0||null==this.cachedText){const e=this.children.reduce(((t,e)=>t.concat((0,a.mG)(e,!1))),new(z())),i=t(n,r);e.diff(i).reduce(((t,e)=>{let{retain:n,attributes:r}=e;return n?(r&&Object.keys(r).forEach((e=>{[G.blotName,Z.blotName].includes(e)&&this.formatAt(t,n,e,r[e])})),t+n):t}),0)}this.cachedText=n,this.forceNext=!1}}html(t,e){const[n]=this.children.find(t);return`<pre data-language="${n?G.formats(n.domNode):"plain"}">\n${(0,V.X)(this.code(t,e))}\n</pre>`}optimize(t){if(super.optimize(t),null!=this.parent&&null!=this.children.head&&null!=this.uiNode){const t=G.formats(this.children.head.domNode);t!==this.uiNode.value&&(this.uiNode.value=t)}}}X.allowedChildren=[G],G.requiredContainer=X,G.allowedChildren=[Z,$.A,V.A,H.A];class Q extends F.A{static register(){p.Ay.register(Z,!0),p.Ay.register(G,!0),p.Ay.register(X,!0)}constructor(t,e){if(super(t,e),null==this.options.hljs)throw new Error("Syntax module requires highlight.js. Please include the library on the page before Quill.");this.languages=this.options.languages.reduce(((t,e)=>{let{key:n}=e;return t[n]=!0,t}),{}),this.highlightBlot=this.highlightBlot.bind(this),this.initListener(),this.initTimer()}initListener(){this.quill.on(p.Ay.events.SCROLL_BLOT_MOUNT,(t=>{if(!(t instanceof X))return;const e=this.quill.root.ownerDocument.createElement("select");this.options.languages.forEach((t=>{let{key:n,label:r}=t;const i=e.ownerDocument.createElement("option");i.textContent=r,i.setAttribute("value",n),e.appendChild(i)})),e.addEventListener("change",(()=>{t.format(G.blotName,e.value),this.quill.root.focus(),this.highlight(t,!0)})),null==t.uiNode&&(t.attachUI(e),t.children.head&&(e.value=G.formats(t.children.head.domNode)))}))}initTimer(){let t=null;this.quill.on(p.Ay.events.SCROLL_OPTIMIZE,(()=>{t&&clearTimeout(t),t=setTimeout((()=>{this.highlight(),t=null}),this.options.interval)}))}highlight(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.quill.selection.composing)return;this.quill.update(p.Ay.sources.USER);const n=this.quill.getSelection();(null==t?this.quill.scroll.descendants(X):[t]).forEach((t=>{t.highlight(this.highlightBlot,e)})),this.quill.update(p.Ay.sources.SILENT),null!=n&&this.quill.setSelection(n,p.Ay.sources.SILENT)}highlightBlot(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"plain";if(e=this.languages[e]?e:"plain","plain"===e)return(0,V.X)(t).split("\n").reduce(((t,n,r)=>(0!==r&&t.insert("\n",{[D.Ay.blotName]:e}),t.insert(n))),new(z()));const n=this.quill.root.ownerDocument.createElement("div");return n.classList.add(D.Ay.className),n.innerHTML=((t,e,n)=>{if("string"==typeof t.versionString){const r=t.versionString.split(".")[0];if(parseInt(r,10)>=11)return t.highlight(n,{language:e}).value}return t.highlight(e,n).value})(this.options.hljs,e,t),(0,K.hV)(this.quill.scroll,n,[(t,e)=>{const n=W.value(t);return n?e.compose((new(z())).retain(e.length(),{[Z.blotName]:n})):e}],[(t,n)=>t.data.split("\n").reduce(((t,n,r)=>(0!==r&&t.insert("\n",{[D.Ay.blotName]:e}),t.insert(n))),n)],new WeakMap)}}Q.DEFAULTS={hljs:window.hljs,interval:1e3,languages:[{key:"plain",label:"Plain"},{key:"bash",label:"Bash"},{key:"cpp",label:"C++"},{key:"cs",label:"C#"},{key:"css",label:"CSS"},{key:"diff",label:"Diff"},{key:"xml",label:"HTML/XML"},{key:"java",label:"Java"},{key:"javascript",label:"JavaScript"},{key:"markdown",label:"Markdown"},{key:"php",label:"PHP"},{key:"python",label:"Python"},{key:"ruby",label:"Ruby"},{key:"sql",label:"SQL"}]};class J extends a.Ay{static blotName="table";static tagName="TD";static create(t){const e=super.create();return t?e.setAttribute("data-row",t):e.setAttribute("data-row",nt()),e}static formats(t){if(t.hasAttribute("data-row"))return t.getAttribute("data-row")}cellOffset(){return this.parent?this.parent.children.indexOf(this):-1}format(t,e){t===J.blotName&&e?this.domNode.setAttribute("data-row",e):super.format(t,e)}row(){return this.parent}rowOffset(){return this.row()?this.row().rowOffset():-1}table(){return this.row()&&this.row().table()}}class Y extends f.A{static blotName="table-row";static tagName="TR";checkMerge(){if(super.checkMerge()&&null!=this.next.children.head){const t=this.children.head.formats(),e=this.children.tail.formats(),n=this.next.children.head.formats(),r=this.next.children.tail.formats();return t.table===e.table&&t.table===n.table&&t.table===r.table}return!1}optimize(t){super.optimize(t),this.children.forEach((t=>{if(null==t.next)return;const e=t.formats(),n=t.next.formats();if(e.table!==n.table){const e=this.splitAfter(t);e&&e.optimize(),this.prev&&this.prev.optimize()}}))}rowOffset(){return this.parent?this.parent.children.indexOf(this):-1}table(){return this.parent&&this.parent.parent}}class tt extends f.A{static blotName="table-body";static tagName="TBODY"}class et extends f.A{static blotName="table-container";static tagName="TABLE";balanceCells(){const t=this.descendants(Y),e=t.reduce(((t,e)=>Math.max(e.children.length,t)),0);t.forEach((t=>{new Array(e-t.children.length).fill(0).forEach((()=>{let e;null!=t.children.head&&(e=J.formats(t.children.head.domNode));const n=this.scroll.create(J.blotName,e);t.appendChild(n),n.optimize()}))}))}cells(t){return this.rows().map((e=>e.children.at(t)))}deleteColumn(t){const[e]=this.descendant(tt);null!=e&&null!=e.children.head&&e.children.forEach((e=>{const n=e.children.at(t);null!=n&&n.remove()}))}insertColumn(t){const[e]=this.descendant(tt);null!=e&&null!=e.children.head&&e.children.forEach((e=>{const n=e.children.at(t),r=J.formats(e.children.head.domNode),i=this.scroll.create(J.blotName,r);e.insertBefore(i,n)}))}insertRow(t){const[e]=this.descendant(tt);if(null==e||null==e.children.head)return;const n=nt(),r=this.scroll.create(Y.blotName);e.children.head.children.forEach((()=>{const t=this.scroll.create(J.blotName,n);r.appendChild(t)}));const i=e.children.at(t);e.insertBefore(r,i)}rows(){const t=this.children.head;return null==t?[]:t.children.map((t=>t))}}function nt(){return`row-${Math.random().toString(36).slice(2,6)}`}et.allowedChildren=[tt],tt.requiredContainer=et,tt.allowedChildren=[Y],Y.requiredContainer=tt,Y.allowedChildren=[J],J.requiredContainer=Y;class rt extends F.A{static register(){p.Ay.register(J),p.Ay.register(Y),p.Ay.register(tt),p.Ay.register(et)}constructor(){super(...arguments),this.listenBalanceCells()}balanceTables(){this.quill.scroll.descendants(et).forEach((t=>{t.balanceCells()}))}deleteColumn(){const[t,,e]=this.getTable();null!=e&&(t.deleteColumn(e.cellOffset()),this.quill.update(p.Ay.sources.USER))}deleteRow(){const[,t]=this.getTable();null!=t&&(t.remove(),this.quill.update(p.Ay.sources.USER))}deleteTable(){const[t]=this.getTable();if(null==t)return;const e=t.offset();t.remove(),this.quill.update(p.Ay.sources.USER),this.quill.setSelection(e,p.Ay.sources.SILENT)}getTable(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.quill.getSelection();if(null==t)return[null,null,null,-1];const[e,n]=this.quill.getLine(t.index);if(null==e||e.statics.blotName!==J.blotName)return[null,null,null,-1];const r=e.parent;return[r.parent.parent,r,e,n]}insertColumn(t){const e=this.quill.getSelection();if(!e)return;const[n,r,i]=this.getTable(e);if(null==i)return;const s=i.cellOffset();n.insertColumn(s+t),this.quill.update(p.Ay.sources.USER);let o=r.rowOffset();0===t&&(o+=1),this.quill.setSelection(e.index+o,e.length,p.Ay.sources.SILENT)}insertColumnLeft(){this.insertColumn(0)}insertColumnRight(){this.insertColumn(1)}insertRow(t){const e=this.quill.getSelection();if(!e)return;const[n,r,i]=this.getTable(e);if(null==i)return;const s=r.rowOffset();n.insertRow(s+t),this.quill.update(p.Ay.sources.USER),t>0?this.quill.setSelection(e,p.Ay.sources.SILENT):this.quill.setSelection(e.index+r.children.length,e.length,p.Ay.sources.SILENT)}insertRowAbove(){this.insertRow(0)}insertRowBelow(){this.insertRow(1)}insertTable(t,e){const n=this.quill.getSelection();if(null==n)return;const r=new Array(t).fill(0).reduce((t=>{const n=new Array(e).fill("\n").join("");return t.insert(n,{table:nt()})}),(new(z())).retain(n.index));this.quill.updateContents(r,p.Ay.sources.USER),this.quill.setSelection(n.index,p.Ay.sources.SILENT),this.balanceTables()}listenBalanceCells(){this.quill.on(p.Ay.events.SCROLL_OPTIMIZE,(t=>{t.some((t=>!!["TD","TR","TBODY","TABLE"].includes(t.target.tagName)&&(this.quill.once(p.Ay.events.TEXT_CHANGE,((t,e,n)=>{n===p.Ay.sources.USER&&this.balanceTables()})),!0)))}))}}var it=rt;const st=(0,n(6078).A)("quill:toolbar");class ot extends F.A{constructor(t,e){if(super(t,e),Array.isArray(this.options.container)){const e=document.createElement("div");e.setAttribute("role","toolbar"),function(t,e){Array.isArray(e[0])||(e=[e]),e.forEach((e=>{const n=document.createElement("span");n.classList.add("ql-formats"),e.forEach((t=>{if("string"==typeof t)lt(n,t);else{const e=Object.keys(t)[0],r=t[e];Array.isArray(r)?function(t,e,n){const r=document.createElement("select");r.classList.add(`ql-${e}`),n.forEach((t=>{const e=document.createElement("option");!1!==t?e.setAttribute("value",String(t)):e.setAttribute("selected","selected"),r.appendChild(e)})),t.appendChild(r)}(n,e,r):lt(n,e,r)}})),t.appendChild(n)}))}(e,this.options.container),t.container?.parentNode?.insertBefore(e,t.container),this.container=e}else"string"==typeof this.options.container?this.container=document.querySelector(this.options.container):this.container=this.options.container;this.container instanceof HTMLElement?(this.container.classList.add("ql-toolbar"),this.controls=[],this.handlers={},this.options.handlers&&Object.keys(this.options.handlers).forEach((t=>{const e=this.options.handlers?.[t];e&&this.addHandler(t,e)})),Array.from(this.container.querySelectorAll("button, select")).forEach((t=>{this.attach(t)})),this.quill.on(p.Ay.events.EDITOR_CHANGE,(()=>{const[t]=this.quill.selection.getRange();this.update(t)}))):st.error("Container required for toolbar",this.options)}addHandler(t,e){this.handlers[t]=e}attach(t){let e=Array.from(t.classList).find((t=>0===t.indexOf("ql-")));if(!e)return;if(e=e.slice(3),"BUTTON"===t.tagName&&t.setAttribute("type","button"),null==this.handlers[e]&&null==this.quill.scroll.query(e))return void st.warn("ignoring attaching to nonexistent format",e,t);const n="SELECT"===t.tagName?"change":"click";t.addEventListener(n,(n=>{let r;if("SELECT"===t.tagName){if(t.selectedIndex<0)return;const e=t.options[t.selectedIndex];r=!e.hasAttribute("selected")&&(e.value||!1)}else r=!t.classList.contains("ql-active")&&(t.value||!t.hasAttribute("value")),n.preventDefault();this.quill.focus();const[i]=this.quill.selection.getRange();if(null!=this.handlers[e])this.handlers[e].call(this,r);else if(this.quill.scroll.query(e).prototype instanceof s.EmbedBlot){if(r=prompt(`Enter ${e}`),!r)return;this.quill.updateContents((new(z())).retain(i.index).delete(i.length).insert({[e]:r}),p.Ay.sources.USER)}else this.quill.format(e,r,p.Ay.sources.USER);this.update(i)})),this.controls.push([e,t])}update(t){const e=null==t?{}:this.quill.getFormat(t);this.controls.forEach((n=>{const[r,i]=n;if("SELECT"===i.tagName){let n=null;if(null==t)n=null;else if(null==e[r])n=i.querySelector("option[selected]");else if(!Array.isArray(e[r])){let t=e[r];"string"==typeof t&&(t=t.replace(/"/g,'\\"')),n=i.querySelector(`option[value="${t}"]`)}null==n?(i.value="",i.selectedIndex=-1):n.selected=!0}else if(null==t)i.classList.remove("ql-active"),i.setAttribute("aria-pressed","false");else if(i.hasAttribute("value")){const t=e[r],n=t===i.getAttribute("value")||null!=t&&t.toString()===i.getAttribute("value")||null==t&&!i.getAttribute("value");i.classList.toggle("ql-active",n),i.setAttribute("aria-pressed",n.toString())}else{const t=null!=e[r];i.classList.toggle("ql-active",t),i.setAttribute("aria-pressed",t.toString())}}))}}function lt(t,e,n){const r=document.createElement("button");r.setAttribute("type","button"),r.classList.add(`ql-${e}`),r.setAttribute("aria-pressed","false"),null!=n?(r.value=n,r.setAttribute("aria-label",`${e}: ${n}`)):r.setAttribute("aria-label",e),t.appendChild(r)}ot.DEFAULTS={},ot.DEFAULTS={container:null,handlers:{clean(){const t=this.quill.getSelection();if(null!=t)if(0===t.length){const t=this.quill.getFormat();Object.keys(t).forEach((t=>{null!=this.quill.scroll.query(t,s.Scope.INLINE)&&this.quill.format(t,!1,p.Ay.sources.USER)}))}else this.quill.removeFormat(t.index,t.length,p.Ay.sources.USER)},direction(t){const{align:e}=this.quill.getFormat();"rtl"===t&&null==e?this.quill.format("align","right",p.Ay.sources.USER):t||"right"!==e||this.quill.format("align",!1,p.Ay.sources.USER),this.quill.format("direction",t,p.Ay.sources.USER)},indent(t){const e=this.quill.getSelection(),n=this.quill.getFormat(e),r=parseInt(n.indent||0,10);if("+1"===t||"-1"===t){let e="+1"===t?1:-1;"rtl"===n.direction&&(e*=-1),this.quill.format("indent",r+e,p.Ay.sources.USER)}},link(t){!0===t&&(t=prompt("Enter link URL:")),this.quill.format("link",t,p.Ay.sources.USER)},list(t){const e=this.quill.getSelection(),n=this.quill.getFormat(e);"check"===t?"checked"===n.list||"unchecked"===n.list?this.quill.format("list",!1,p.Ay.sources.USER):this.quill.format("list","unchecked",p.Ay.sources.USER):this.quill.format("list",t,p.Ay.sources.USER)}}};const at='<svg viewbox="0 0 18 18"><polyline class="ql-even ql-stroke" points="5 7 3 9 5 11"/><polyline class="ql-even ql-stroke" points="13 7 15 9 13 11"/><line class="ql-stroke" x1="10" x2="8" y1="5" y2="13"/></svg>';var ct={align:{"":'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="3" x2="15" y1="9" y2="9"/><line class="ql-stroke" x1="3" x2="13" y1="14" y2="14"/><line class="ql-stroke" x1="3" x2="9" y1="4" y2="4"/></svg>',center:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"/><line class="ql-stroke" x1="14" x2="4" y1="14" y2="14"/><line class="ql-stroke" x1="12" x2="6" y1="4" y2="4"/></svg>',right:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"/><line class="ql-stroke" x1="15" x2="5" y1="14" y2="14"/><line class="ql-stroke" x1="15" x2="9" y1="4" y2="4"/></svg>',justify:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"/><line class="ql-stroke" x1="15" x2="3" y1="14" y2="14"/><line class="ql-stroke" x1="15" x2="3" y1="4" y2="4"/></svg>'},background:'<svg viewbox="0 0 18 18"><g class="ql-fill ql-color-label"><polygon points="6 6.868 6 6 5 6 5 7 5.942 7 6 6.868"/><rect height="1" width="1" x="4" y="4"/><polygon points="6.817 5 6 5 6 6 6.38 6 6.817 5"/><rect height="1" width="1" x="2" y="6"/><rect height="1" width="1" x="3" y="5"/><rect height="1" width="1" x="4" y="7"/><polygon points="4 11.439 4 11 3 11 3 12 3.755 12 4 11.439"/><rect height="1" width="1" x="2" y="12"/><rect height="1" width="1" x="2" y="9"/><rect height="1" width="1" x="2" y="15"/><polygon points="4.63 10 4 10 4 11 4.192 11 4.63 10"/><rect height="1" width="1" x="3" y="8"/><path d="M10.832,4.2L11,4.582V4H10.708A1.948,1.948,0,0,1,10.832,4.2Z"/><path d="M7,4.582L7.168,4.2A1.929,1.929,0,0,1,7.292,4H7V4.582Z"/><path d="M8,13H7.683l-0.351.8a1.933,1.933,0,0,1-.124.2H8V13Z"/><rect height="1" width="1" x="12" y="2"/><rect height="1" width="1" x="11" y="3"/><path d="M9,3H8V3.282A1.985,1.985,0,0,1,9,3Z"/><rect height="1" width="1" x="2" y="3"/><rect height="1" width="1" x="6" y="2"/><rect height="1" width="1" x="3" y="2"/><rect height="1" width="1" x="5" y="3"/><rect height="1" width="1" x="9" y="2"/><rect height="1" width="1" x="15" y="14"/><polygon points="13.447 10.174 13.469 10.225 13.472 10.232 13.808 11 14 11 14 10 13.37 10 13.447 10.174"/><rect height="1" width="1" x="13" y="7"/><rect height="1" width="1" x="15" y="5"/><rect height="1" width="1" x="14" y="6"/><rect height="1" width="1" x="15" y="8"/><rect height="1" width="1" x="14" y="9"/><path d="M3.775,14H3v1H4V14.314A1.97,1.97,0,0,1,3.775,14Z"/><rect height="1" width="1" x="14" y="3"/><polygon points="12 6.868 12 6 11.62 6 12 6.868"/><rect height="1" width="1" x="15" y="2"/><rect height="1" width="1" x="12" y="5"/><rect height="1" width="1" x="13" y="4"/><polygon points="12.933 9 13 9 13 8 12.495 8 12.933 9"/><rect height="1" width="1" x="9" y="14"/><rect height="1" width="1" x="8" y="15"/><path d="M6,14.926V15H7V14.316A1.993,1.993,0,0,1,6,14.926Z"/><rect height="1" width="1" x="5" y="15"/><path d="M10.668,13.8L10.317,13H10v1h0.792A1.947,1.947,0,0,1,10.668,13.8Z"/><rect height="1" width="1" x="11" y="15"/><path d="M14.332,12.2a1.99,1.99,0,0,1,.166.8H15V12H14.245Z"/><rect height="1" width="1" x="14" y="15"/><rect height="1" width="1" x="15" y="11"/></g><polyline class="ql-stroke" points="5.5 13 9 5 12.5 13"/><line class="ql-stroke" x1="11.63" x2="6.38" y1="11" y2="11"/></svg>',blockquote:'<svg viewbox="0 0 18 18"><rect class="ql-fill ql-stroke" height="3" width="3" x="4" y="5"/><rect class="ql-fill ql-stroke" height="3" width="3" x="11" y="5"/><path class="ql-even ql-fill ql-stroke" d="M7,8c0,4.031-3,5-3,5"/><path class="ql-even ql-fill ql-stroke" d="M14,8c0,4.031-3,5-3,5"/></svg>',bold:'<svg viewbox="0 0 18 18"><path class="ql-stroke" d="M5,4H9.5A2.5,2.5,0,0,1,12,6.5v0A2.5,2.5,0,0,1,9.5,9H5A0,0,0,0,1,5,9V4A0,0,0,0,1,5,4Z"/><path class="ql-stroke" d="M5,9h5.5A2.5,2.5,0,0,1,13,11.5v0A2.5,2.5,0,0,1,10.5,14H5a0,0,0,0,1,0,0V9A0,0,0,0,1,5,9Z"/></svg>',clean:'<svg class="" viewbox="0 0 18 18"><line class="ql-stroke" x1="5" x2="13" y1="3" y2="3"/><line class="ql-stroke" x1="6" x2="9.35" y1="12" y2="3"/><line class="ql-stroke" x1="11" x2="15" y1="11" y2="15"/><line class="ql-stroke" x1="15" x2="11" y1="11" y2="15"/><rect class="ql-fill" height="1" rx="0.5" ry="0.5" width="7" x="2" y="14"/></svg>',code:at,"code-block":at,color:'<svg viewbox="0 0 18 18"><line class="ql-color-label ql-stroke ql-transparent" x1="3" x2="15" y1="15" y2="15"/><polyline class="ql-stroke" points="5.5 11 9 3 12.5 11"/><line class="ql-stroke" x1="11.63" x2="6.38" y1="9" y2="9"/></svg>',direction:{"":'<svg viewbox="0 0 18 18"><polygon class="ql-stroke ql-fill" points="3 11 5 9 3 7 3 11"/><line class="ql-stroke ql-fill" x1="15" x2="11" y1="4" y2="4"/><path class="ql-fill" d="M11,3a3,3,0,0,0,0,6h1V3H11Z"/><rect class="ql-fill" height="11" width="1" x="11" y="4"/><rect class="ql-fill" height="11" width="1" x="13" y="4"/></svg>',rtl:'<svg viewbox="0 0 18 18"><polygon class="ql-stroke ql-fill" points="15 12 13 10 15 8 15 12"/><line class="ql-stroke ql-fill" x1="9" x2="5" y1="4" y2="4"/><path class="ql-fill" d="M5,3A3,3,0,0,0,5,9H6V3H5Z"/><rect class="ql-fill" height="11" width="1" x="5" y="4"/><rect class="ql-fill" height="11" width="1" x="7" y="4"/></svg>'},formula:'<svg viewbox="0 0 18 18"><path class="ql-fill" d="M11.759,2.482a2.561,2.561,0,0,0-3.53.607A7.656,7.656,0,0,0,6.8,6.2C6.109,9.188,5.275,14.677,4.15,14.927a1.545,1.545,0,0,0-1.3-.933A0.922,0.922,0,0,0,2,15.036S1.954,16,4.119,16s3.091-2.691,3.7-5.553c0.177-.826.36-1.726,0.554-2.6L8.775,6.2c0.381-1.421.807-2.521,1.306-2.676a1.014,1.014,0,0,0,1.02.56A0.966,0.966,0,0,0,11.759,2.482Z"/><rect class="ql-fill" height="1.6" rx="0.8" ry="0.8" width="5" x="5.15" y="6.2"/><path class="ql-fill" d="M13.663,12.027a1.662,1.662,0,0,1,.266-0.276q0.193,0.069.456,0.138a2.1,2.1,0,0,0,.535.069,1.075,1.075,0,0,0,.767-0.3,1.044,1.044,0,0,0,.314-0.8,0.84,0.84,0,0,0-.238-0.619,0.8,0.8,0,0,0-.594-0.239,1.154,1.154,0,0,0-.781.3,4.607,4.607,0,0,0-.781,1q-0.091.15-.218,0.346l-0.246.38c-0.068-.288-0.137-0.582-0.212-0.885-0.459-1.847-2.494-.984-2.941-0.8-0.482.2-.353,0.647-0.094,0.529a0.869,0.869,0,0,1,1.281.585c0.217,0.751.377,1.436,0.527,2.038a5.688,5.688,0,0,1-.362.467,2.69,2.69,0,0,1-.264.271q-0.221-.08-0.471-0.147a2.029,2.029,0,0,0-.522-0.066,1.079,1.079,0,0,0-.768.3A1.058,1.058,0,0,0,9,15.131a0.82,0.82,0,0,0,.832.852,1.134,1.134,0,0,0,.787-0.3,5.11,5.11,0,0,0,.776-0.993q0.141-.219.215-0.34c0.046-.076.122-0.194,0.223-0.346a2.786,2.786,0,0,0,.918,1.726,2.582,2.582,0,0,0,2.376-.185c0.317-.181.212-0.565,0-0.494A0.807,0.807,0,0,1,14.176,15a5.159,5.159,0,0,1-.913-2.446l0,0Q13.487,12.24,13.663,12.027Z"/></svg>',header:{1:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M10,4V14a1,1,0,0,1-2,0V10H3v4a1,1,0,0,1-2,0V4A1,1,0,0,1,3,4V8H8V4a1,1,0,0,1,2,0Zm6.06787,9.209H14.98975V7.59863a.54085.54085,0,0,0-.605-.60547h-.62744a1.01119,1.01119,0,0,0-.748.29688L11.645,8.56641a.5435.5435,0,0,0-.022.8584l.28613.30762a.53861.53861,0,0,0,.84717.0332l.09912-.08789a1.2137,1.2137,0,0,0,.2417-.35254h.02246s-.01123.30859-.01123.60547V13.209H12.041a.54085.54085,0,0,0-.605.60547v.43945a.54085.54085,0,0,0,.605.60547h4.02686a.54085.54085,0,0,0,.605-.60547v-.43945A.54085.54085,0,0,0,16.06787,13.209Z"/></svg>',2:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M16.73975,13.81445v.43945a.54085.54085,0,0,1-.605.60547H11.855a.58392.58392,0,0,1-.64893-.60547V14.0127c0-2.90527,3.39941-3.42187,3.39941-4.55469a.77675.77675,0,0,0-.84717-.78125,1.17684,1.17684,0,0,0-.83594.38477c-.2749.26367-.561.374-.85791.13184l-.4292-.34082c-.30811-.24219-.38525-.51758-.1543-.81445a2.97155,2.97155,0,0,1,2.45361-1.17676,2.45393,2.45393,0,0,1,2.68408,2.40918c0,2.45312-3.1792,2.92676-3.27832,3.93848h2.79443A.54085.54085,0,0,1,16.73975,13.81445ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"/></svg>',3:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M16.65186,12.30664a2.6742,2.6742,0,0,1-2.915,2.68457,3.96592,3.96592,0,0,1-2.25537-.6709.56007.56007,0,0,1-.13232-.83594L11.64648,13c.209-.34082.48389-.36328.82471-.1543a2.32654,2.32654,0,0,0,1.12256.33008c.71484,0,1.12207-.35156,1.12207-.78125,0-.61523-.61621-.86816-1.46338-.86816H13.2085a.65159.65159,0,0,1-.68213-.41895l-.05518-.10937a.67114.67114,0,0,1,.14307-.78125l.71533-.86914a8.55289,8.55289,0,0,1,.68213-.7373V8.58887a3.93913,3.93913,0,0,1-.748.05469H11.9873a.54085.54085,0,0,1-.605-.60547V7.59863a.54085.54085,0,0,1,.605-.60547h3.75146a.53773.53773,0,0,1,.60547.59375v.17676a1.03723,1.03723,0,0,1-.27539.748L14.74854,10.0293A2.31132,2.31132,0,0,1,16.65186,12.30664ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"/></svg>',4:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M10,4V14a1,1,0,0,1-2,0V10H3v4a1,1,0,0,1-2,0V4A1,1,0,0,1,3,4V8H8V4a1,1,0,0,1,2,0Zm7.05371,7.96582v.38477c0,.39648-.165.60547-.46191.60547h-.47314v1.29785a.54085.54085,0,0,1-.605.60547h-.69336a.54085.54085,0,0,1-.605-.60547V12.95605H11.333a.5412.5412,0,0,1-.60547-.60547v-.15332a1.199,1.199,0,0,1,.22021-.748l2.56348-4.05957a.7819.7819,0,0,1,.72607-.39648h1.27637a.54085.54085,0,0,1,.605.60547v3.7627h.33008A.54055.54055,0,0,1,17.05371,11.96582ZM14.28125,8.7207h-.022a4.18969,4.18969,0,0,1-.38525.81348l-1.188,1.80469v.02246h1.5293V9.60059A7.04058,7.04058,0,0,1,14.28125,8.7207Z"/></svg>',5:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M16.74023,12.18555a2.75131,2.75131,0,0,1-2.91553,2.80566,3.908,3.908,0,0,1-2.25537-.68164.54809.54809,0,0,1-.13184-.8252L11.73438,13c.209-.34082.48389-.36328.8252-.1543a2.23757,2.23757,0,0,0,1.1001.33008,1.01827,1.01827,0,0,0,1.1001-.96777c0-.61621-.53906-.97949-1.25439-.97949a2.15554,2.15554,0,0,0-.64893.09961,1.15209,1.15209,0,0,1-.814.01074l-.12109-.04395a.64116.64116,0,0,1-.45117-.71484l.231-3.00391a.56666.56666,0,0,1,.62744-.583H15.541a.54085.54085,0,0,1,.605.60547v.43945a.54085.54085,0,0,1-.605.60547H13.41748l-.04395.72559a1.29306,1.29306,0,0,1-.04395.30859h.022a2.39776,2.39776,0,0,1,.57227-.07715A2.53266,2.53266,0,0,1,16.74023,12.18555ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"/></svg>',6:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M14.51758,9.64453a1.85627,1.85627,0,0,0-1.24316.38477H13.252a1.73532,1.73532,0,0,1,1.72754-1.4082,2.66491,2.66491,0,0,1,.5498.06641c.35254.05469.57227.01074.70508-.40723l.16406-.5166a.53393.53393,0,0,0-.373-.75977,4.83723,4.83723,0,0,0-1.17773-.14258c-2.43164,0-3.7627,2.17773-3.7627,4.43359,0,2.47559,1.60645,3.69629,3.19043,3.69629A2.70585,2.70585,0,0,0,16.96,12.19727,2.43861,2.43861,0,0,0,14.51758,9.64453Zm-.23047,3.58691c-.67187,0-1.22168-.81445-1.22168-1.45215,0-.47363.30762-.583.72559-.583.96875,0,1.27734.59375,1.27734,1.12207A.82182.82182,0,0,1,14.28711,13.23145ZM10,4V14a1,1,0,0,1-2,0V10H3v4a1,1,0,0,1-2,0V4A1,1,0,0,1,3,4V8H8V4a1,1,0,0,1,2,0Z"/></svg>'},italic:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="7" x2="13" y1="4" y2="4"/><line class="ql-stroke" x1="5" x2="11" y1="14" y2="14"/><line class="ql-stroke" x1="8" x2="10" y1="14" y2="4"/></svg>',image:'<svg viewbox="0 0 18 18"><rect class="ql-stroke" height="10" width="12" x="3" y="4"/><circle class="ql-fill" cx="6" cy="7" r="1"/><polyline class="ql-even ql-fill" points="5 12 5 11 7 9 8 10 11 7 13 9 13 12 5 12"/></svg>',indent:{"+1":'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="3" x2="15" y1="14" y2="14"/><line class="ql-stroke" x1="3" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="9" x2="15" y1="9" y2="9"/><polyline class="ql-fill ql-stroke" points="3 7 3 11 5 9 3 7"/></svg>',"-1":'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="3" x2="15" y1="14" y2="14"/><line class="ql-stroke" x1="3" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="9" x2="15" y1="9" y2="9"/><polyline class="ql-stroke" points="5 7 5 11 3 9 5 7"/></svg>'},link:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="7" x2="11" y1="7" y2="11"/><path class="ql-even ql-stroke" d="M8.9,4.577a3.476,3.476,0,0,1,.36,4.679A3.476,3.476,0,0,1,4.577,8.9C3.185,7.5,2.035,6.4,4.217,4.217S7.5,3.185,8.9,4.577Z"/><path class="ql-even ql-stroke" d="M13.423,9.1a3.476,3.476,0,0,0-4.679-.36,3.476,3.476,0,0,0,.36,4.679c1.392,1.392,2.5,2.542,4.679.36S14.815,10.5,13.423,9.1Z"/></svg>',list:{bullet:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="6" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="6" x2="15" y1="9" y2="9"/><line class="ql-stroke" x1="6" x2="15" y1="14" y2="14"/><line class="ql-stroke" x1="3" x2="3" y1="4" y2="4"/><line class="ql-stroke" x1="3" x2="3" y1="9" y2="9"/><line class="ql-stroke" x1="3" x2="3" y1="14" y2="14"/></svg>',check:'<svg class="" viewbox="0 0 18 18"><line class="ql-stroke" x1="9" x2="15" y1="4" y2="4"/><polyline class="ql-stroke" points="3 4 4 5 6 3"/><line class="ql-stroke" x1="9" x2="15" y1="14" y2="14"/><polyline class="ql-stroke" points="3 14 4 15 6 13"/><line class="ql-stroke" x1="9" x2="15" y1="9" y2="9"/><polyline class="ql-stroke" points="3 9 4 10 6 8"/></svg>',ordered:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="7" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="7" x2="15" y1="9" y2="9"/><line class="ql-stroke" x1="7" x2="15" y1="14" y2="14"/><line class="ql-stroke ql-thin" x1="2.5" x2="4.5" y1="5.5" y2="5.5"/><path class="ql-fill" d="M3.5,6A0.5,0.5,0,0,1,3,5.5V3.085l-0.276.138A0.5,0.5,0,0,1,2.053,3c-0.124-.247-0.023-0.324.224-0.447l1-.5A0.5,0.5,0,0,1,4,2.5v3A0.5,0.5,0,0,1,3.5,6Z"/><path class="ql-stroke ql-thin" d="M4.5,10.5h-2c0-.234,1.85-1.076,1.85-2.234A0.959,0.959,0,0,0,2.5,8.156"/><path class="ql-stroke ql-thin" d="M2.5,14.846a0.959,0.959,0,0,0,1.85-.109A0.7,0.7,0,0,0,3.75,14a0.688,0.688,0,0,0,.6-0.736,0.959,0.959,0,0,0-1.85-.109"/></svg>'},script:{sub:'<svg viewbox="0 0 18 18"><path class="ql-fill" d="M15.5,15H13.861a3.858,3.858,0,0,0,1.914-2.975,1.8,1.8,0,0,0-1.6-1.751A1.921,1.921,0,0,0,12.021,11.7a0.50013,0.50013,0,1,0,.957.291h0a0.914,0.914,0,0,1,1.053-.725,0.81,0.81,0,0,1,.744.762c0,1.076-1.16971,1.86982-1.93971,2.43082A1.45639,1.45639,0,0,0,12,15.5a0.5,0.5,0,0,0,.5.5h3A0.5,0.5,0,0,0,15.5,15Z"/><path class="ql-fill" d="M9.65,5.241a1,1,0,0,0-1.409.108L6,7.964,3.759,5.349A1,1,0,0,0,2.192,6.59178Q2.21541,6.6213,2.241,6.649L4.684,9.5,2.241,12.35A1,1,0,0,0,3.71,13.70722q0.02557-.02768.049-0.05722L6,11.036,8.241,13.65a1,1,0,1,0,1.567-1.24277Q9.78459,12.3777,9.759,12.35L7.316,9.5,9.759,6.651A1,1,0,0,0,9.65,5.241Z"/></svg>',super:'<svg viewbox="0 0 18 18"><path class="ql-fill" d="M15.5,7H13.861a4.015,4.015,0,0,0,1.914-2.975,1.8,1.8,0,0,0-1.6-1.751A1.922,1.922,0,0,0,12.021,3.7a0.5,0.5,0,1,0,.957.291,0.917,0.917,0,0,1,1.053-.725,0.81,0.81,0,0,1,.744.762c0,1.077-1.164,1.925-1.934,2.486A1.423,1.423,0,0,0,12,7.5a0.5,0.5,0,0,0,.5.5h3A0.5,0.5,0,0,0,15.5,7Z"/><path class="ql-fill" d="M9.651,5.241a1,1,0,0,0-1.41.108L6,7.964,3.759,5.349a1,1,0,1,0-1.519,1.3L4.683,9.5,2.241,12.35a1,1,0,1,0,1.519,1.3L6,11.036,8.241,13.65a1,1,0,0,0,1.519-1.3L7.317,9.5,9.759,6.651A1,1,0,0,0,9.651,5.241Z"/></svg>'},strike:'<svg viewbox="0 0 18 18"><line class="ql-stroke ql-thin" x1="15.5" x2="2.5" y1="8.5" y2="9.5"/><path class="ql-fill" d="M9.007,8C6.542,7.791,6,7.519,6,6.5,6,5.792,7.283,5,9,5c1.571,0,2.765.679,2.969,1.309a1,1,0,0,0,1.9-.617C13.356,4.106,11.354,3,9,3,6.2,3,4,4.538,4,6.5a3.2,3.2,0,0,0,.5,1.843Z"/><path class="ql-fill" d="M8.984,10C11.457,10.208,12,10.479,12,11.5c0,0.708-1.283,1.5-3,1.5-1.571,0-2.765-.679-2.969-1.309a1,1,0,1,0-1.9.617C4.644,13.894,6.646,15,9,15c2.8,0,5-1.538,5-3.5a3.2,3.2,0,0,0-.5-1.843Z"/></svg>',table:'<svg viewbox="0 0 18 18"><rect class="ql-stroke" height="12" width="12" x="3" y="3"/><rect class="ql-fill" height="2" width="3" x="5" y="5"/><rect class="ql-fill" height="2" width="4" x="9" y="5"/><g class="ql-fill ql-transparent"><rect height="2" width="3" x="5" y="8"/><rect height="2" width="4" x="9" y="8"/><rect height="2" width="3" x="5" y="11"/><rect height="2" width="4" x="9" y="11"/></g></svg>',underline:'<svg viewbox="0 0 18 18"><path class="ql-stroke" d="M5,3V9a4.012,4.012,0,0,0,4,4H9a4.012,4.012,0,0,0,4-4V3"/><rect class="ql-fill" height="1" rx="0.5" ry="0.5" width="12" x="3" y="15"/></svg>',video:'<svg viewbox="0 0 18 18"><rect class="ql-stroke" height="12" width="12" x="3" y="3"/><rect class="ql-fill" height="12" width="1" x="5" y="3"/><rect class="ql-fill" height="12" width="1" x="12" y="3"/><rect class="ql-fill" height="2" width="8" x="5" y="8"/><rect class="ql-fill" height="1" width="3" x="3" y="5"/><rect class="ql-fill" height="1" width="3" x="3" y="7"/><rect class="ql-fill" height="1" width="3" x="3" y="10"/><rect class="ql-fill" height="1" width="3" x="3" y="12"/><rect class="ql-fill" height="1" width="3" x="12" y="5"/><rect class="ql-fill" height="1" width="3" x="12" y="7"/><rect class="ql-fill" height="1" width="3" x="12" y="10"/><rect class="ql-fill" height="1" width="3" x="12" y="12"/></svg>'};let ut=0;function ht(t,e){t.setAttribute(e,`${!("true"===t.getAttribute(e))}`)}var dt=class{constructor(t){this.select=t,this.container=document.createElement("span"),this.buildPicker(),this.select.style.display="none",this.select.parentNode.insertBefore(this.container,this.select),this.label.addEventListener("mousedown",(()=>{this.togglePicker()})),this.label.addEventListener("keydown",(t=>{switch(t.key){case"Enter":this.togglePicker();break;case"Escape":this.escape(),t.preventDefault()}})),this.select.addEventListener("change",this.update.bind(this))}togglePicker(){this.container.classList.toggle("ql-expanded"),ht(this.label,"aria-expanded"),ht(this.options,"aria-hidden")}buildItem(t){const e=document.createElement("span");e.tabIndex="0",e.setAttribute("role","button"),e.classList.add("ql-picker-item");const n=t.getAttribute("value");return n&&e.setAttribute("data-value",n),t.textContent&&e.setAttribute("data-label",t.textContent),e.addEventListener("click",(()=>{this.selectItem(e,!0)})),e.addEventListener("keydown",(t=>{switch(t.key){case"Enter":this.selectItem(e,!0),t.preventDefault();break;case"Escape":this.escape(),t.preventDefault()}})),e}buildLabel(){const t=document.createElement("span");return t.classList.add("ql-picker-label"),t.innerHTML='<svg viewbox="0 0 18 18"><polygon class="ql-stroke" points="7 11 9 13 11 11 7 11"/><polygon class="ql-stroke" points="7 7 9 5 11 7 7 7"/></svg>',t.tabIndex="0",t.setAttribute("role","button"),t.setAttribute("aria-expanded","false"),this.container.appendChild(t),t}buildOptions(){const t=document.createElement("span");t.classList.add("ql-picker-options"),t.setAttribute("aria-hidden","true"),t.tabIndex="-1",t.id=`ql-picker-options-${ut}`,ut+=1,this.label.setAttribute("aria-controls",t.id),this.options=t,Array.from(this.select.options).forEach((e=>{const n=this.buildItem(e);t.appendChild(n),!0===e.selected&&this.selectItem(n)})),this.container.appendChild(t)}buildPicker(){Array.from(this.select.attributes).forEach((t=>{this.container.setAttribute(t.name,t.value)})),this.container.classList.add("ql-picker"),this.label=this.buildLabel(),this.buildOptions()}escape(){this.close(),setTimeout((()=>this.label.focus()),1)}close(){this.container.classList.remove("ql-expanded"),this.label.setAttribute("aria-expanded","false"),this.options.setAttribute("aria-hidden","true")}selectItem(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const n=this.container.querySelector(".ql-selected");t!==n&&(null!=n&&n.classList.remove("ql-selected"),null!=t&&(t.classList.add("ql-selected"),this.select.selectedIndex=Array.from(t.parentNode.children).indexOf(t),t.hasAttribute("data-value")?this.label.setAttribute("data-value",t.getAttribute("data-value")):this.label.removeAttribute("data-value"),t.hasAttribute("data-label")?this.label.setAttribute("data-label",t.getAttribute("data-label")):this.label.removeAttribute("data-label"),e&&(this.select.dispatchEvent(new Event("change")),this.close())))}update(){let t;if(this.select.selectedIndex>-1){const e=this.container.querySelector(".ql-picker-options").children[this.select.selectedIndex];t=this.select.options[this.select.selectedIndex],this.selectItem(e)}else this.selectItem(null);const e=null!=t&&t!==this.select.querySelector("option[selected]");this.label.classList.toggle("ql-active",e)}},ft=class extends dt{constructor(t,e){super(t),this.label.innerHTML=e,this.container.classList.add("ql-color-picker"),Array.from(this.container.querySelectorAll(".ql-picker-item")).slice(0,7).forEach((t=>{t.classList.add("ql-primary")}))}buildItem(t){const e=super.buildItem(t);return e.style.backgroundColor=t.getAttribute("value")||"",e}selectItem(t,e){super.selectItem(t,e);const n=this.label.querySelector(".ql-color-label"),r=t&&t.getAttribute("data-value")||"";n&&("line"===n.tagName?n.style.stroke=r:n.style.fill=r)}},pt=class extends dt{constructor(t,e){super(t),this.container.classList.add("ql-icon-picker"),Array.from(this.container.querySelectorAll(".ql-picker-item")).forEach((t=>{t.innerHTML=e[t.getAttribute("data-value")||""]})),this.defaultItem=this.container.querySelector(".ql-selected"),this.selectItem(this.defaultItem)}selectItem(t,e){super.selectItem(t,e);const n=t||this.defaultItem;if(null!=n){if(this.label.innerHTML===n.innerHTML)return;this.label.innerHTML=n.innerHTML}}},gt=class{constructor(t,e){this.quill=t,this.boundsContainer=e||document.body,this.root=t.addContainer("ql-tooltip"),this.root.innerHTML=this.constructor.TEMPLATE,(t=>{const{overflowY:e}=getComputedStyle(t,null);return"visible"!==e&&"clip"!==e})(this.quill.root)&&this.quill.root.addEventListener("scroll",(()=>{this.root.style.marginTop=-1*this.quill.root.scrollTop+"px"})),this.hide()}hide(){this.root.classList.add("ql-hidden")}position(t){const e=t.left+t.width/2-this.root.offsetWidth/2,n=t.bottom+this.quill.root.scrollTop;this.root.style.left=`${e}px`,this.root.style.top=`${n}px`,this.root.classList.remove("ql-flip");const r=this.boundsContainer.getBoundingClientRect(),i=this.root.getBoundingClientRect();let s=0;if(i.right>r.right&&(s=r.right-i.right,this.root.style.left=`${e+s}px`),i.left<r.left&&(s=r.left-i.left,this.root.style.left=`${e+s}px`),i.bottom>r.bottom){const e=i.bottom-i.top,r=t.bottom-t.top+e;this.root.style.top=n-r+"px",this.root.classList.add("ql-flip")}return s}show(){this.root.classList.remove("ql-editing"),this.root.classList.remove("ql-hidden")}},mt=n(8347),bt=n(5374),yt=n(9609);const vt=[!1,"center","right","justify"],At=["#000000","#e60000","#ff9900","#ffff00","#008a00","#0066cc","#9933ff","#ffffff","#facccc","#ffebcc","#ffffcc","#cce8cc","#cce0f5","#ebd6ff","#bbbbbb","#f06666","#ffc266","#ffff66","#66b966","#66a3e0","#c285ff","#888888","#a10000","#b26b00","#b2b200","#006100","#0047b2","#6b24b2","#444444","#5c0000","#663d00","#666600","#003700","#002966","#3d1466"],xt=[!1,"serif","monospace"],Nt=["1","2","3",!1],Et=["small",!1,"large","huge"];class wt extends yt.A{constructor(t,e){super(t,e);const n=e=>{document.body.contains(t.root)?(null==this.tooltip||this.tooltip.root.contains(e.target)||document.activeElement===this.tooltip.textbox||this.quill.hasFocus()||this.tooltip.hide(),null!=this.pickers&&this.pickers.forEach((t=>{t.container.contains(e.target)||t.close()}))):document.body.removeEventListener("click",n)};t.emitter.listenDOM("click",document.body,n)}addModule(t){const e=super.addModule(t);return"toolbar"===t&&this.extendToolbar(e),e}buildButtons(t,e){Array.from(t).forEach((t=>{(t.getAttribute("class")||"").split(/\s+/).forEach((n=>{if(n.startsWith("ql-")&&(n=n.slice(3),null!=e[n]))if("direction"===n)t.innerHTML=e[n][""]+e[n].rtl;else if("string"==typeof e[n])t.innerHTML=e[n];else{const r=t.value||"";null!=r&&e[n][r]&&(t.innerHTML=e[n][r])}}))}))}buildPickers(t,e){this.pickers=Array.from(t).map((t=>{if(t.classList.contains("ql-align")&&(null==t.querySelector("option")&&kt(t,vt),"object"==typeof e.align))return new pt(t,e.align);if(t.classList.contains("ql-background")||t.classList.contains("ql-color")){const n=t.classList.contains("ql-background")?"background":"color";return null==t.querySelector("option")&&kt(t,At,"background"===n?"#ffffff":"#000000"),new ft(t,e[n])}return null==t.querySelector("option")&&(t.classList.contains("ql-font")?kt(t,xt):t.classList.contains("ql-header")?kt(t,Nt):t.classList.contains("ql-size")&&kt(t,Et)),new dt(t)})),this.quill.on(bt.A.events.EDITOR_CHANGE,(()=>{this.pickers.forEach((t=>{t.update()}))}))}}wt.DEFAULTS=(0,mt.A)({},yt.A.DEFAULTS,{modules:{toolbar:{handlers:{formula(){this.quill.theme.tooltip.edit("formula")},image(){let t=this.container.querySelector("input.ql-image[type=file]");null==t&&(t=document.createElement("input"),t.setAttribute("type","file"),t.setAttribute("accept",this.quill.uploader.options.mimetypes.join(", ")),t.classList.add("ql-image"),t.addEventListener("change",(()=>{const e=this.quill.getSelection(!0);this.quill.uploader.upload(e,t.files),t.value=""})),this.container.appendChild(t)),t.click()},video(){this.quill.theme.tooltip.edit("video")}}}}});class qt extends gt{constructor(t,e){super(t,e),this.textbox=this.root.querySelector('input[type="text"]'),this.listen()}listen(){this.textbox.addEventListener("keydown",(t=>{"Enter"===t.key?(this.save(),t.preventDefault()):"Escape"===t.key&&(this.cancel(),t.preventDefault())}))}cancel(){this.hide(),this.restoreFocus()}edit(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"link",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(this.root.classList.remove("ql-hidden"),this.root.classList.add("ql-editing"),null==this.textbox)return;null!=e?this.textbox.value=e:t!==this.root.getAttribute("data-mode")&&(this.textbox.value="");const n=this.quill.getBounds(this.quill.selection.savedRange);null!=n&&this.position(n),this.textbox.select(),this.textbox.setAttribute("placeholder",this.textbox.getAttribute(`data-${t}`)||""),this.root.setAttribute("data-mode",t)}restoreFocus(){this.quill.focus({preventScroll:!0})}save(){let{value:t}=this.textbox;switch(this.root.getAttribute("data-mode")){case"link":{const{scrollTop:e}=this.quill.root;this.linkRange?(this.quill.formatText(this.linkRange,"link",t,bt.A.sources.USER),delete this.linkRange):(this.restoreFocus(),this.quill.format("link",t,bt.A.sources.USER)),this.quill.root.scrollTop=e;break}case"video":t=function(t){let e=t.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtube\.com\/watch.*v=([a-zA-Z0-9_-]+)/)||t.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtu\.be\/([a-zA-Z0-9_-]+)/);return e?`${e[1]||"https"}://www.youtube.com/embed/${e[2]}?showinfo=0`:(e=t.match(/^(?:(https?):\/\/)?(?:www\.)?vimeo\.com\/(\d+)/))?`${e[1]||"https"}://player.vimeo.com/video/${e[2]}/`:t}(t);case"formula":{if(!t)break;const e=this.quill.getSelection(!0);if(null!=e){const n=e.index+e.length;this.quill.insertEmbed(n,this.root.getAttribute("data-mode"),t,bt.A.sources.USER),"formula"===this.root.getAttribute("data-mode")&&this.quill.insertText(n+1," ",bt.A.sources.USER),this.quill.setSelection(n+2,bt.A.sources.USER)}break}}this.textbox.value="",this.hide()}}function kt(t,e){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];e.forEach((e=>{const r=document.createElement("option");e===n?r.setAttribute("selected","selected"):r.setAttribute("value",String(e)),t.appendChild(r)}))}var _t=n(8298);const Lt=[["bold","italic","link"],[{header:1},{header:2},"blockquote"]];class St extends qt{static TEMPLATE=['<span class="ql-tooltip-arrow"></span>','<div class="ql-tooltip-editor">','<input type="text" data-formula="e=mc^2" data-link="https://quilljs.com" data-video="Embed URL">','<a class="ql-close"></a>',"</div>"].join("");constructor(t,e){super(t,e),this.quill.on(bt.A.events.EDITOR_CHANGE,((t,e,n,r)=>{if(t===bt.A.events.SELECTION_CHANGE)if(null!=e&&e.length>0&&r===bt.A.sources.USER){this.show(),this.root.style.left="0px",this.root.style.width="",this.root.style.width=`${this.root.offsetWidth}px`;const t=this.quill.getLines(e.index,e.length);if(1===t.length){const t=this.quill.getBounds(e);null!=t&&this.position(t)}else{const n=t[t.length-1],r=this.quill.getIndex(n),i=Math.min(n.length()-1,e.index+e.length-r),s=this.quill.getBounds(new _t.Q(r,i));null!=s&&this.position(s)}}else document.activeElement!==this.textbox&&this.quill.hasFocus()&&this.hide()}))}listen(){super.listen(),this.root.querySelector(".ql-close").addEventListener("click",(()=>{this.root.classList.remove("ql-editing")})),this.quill.on(bt.A.events.SCROLL_OPTIMIZE,(()=>{setTimeout((()=>{if(this.root.classList.contains("ql-hidden"))return;const t=this.quill.getSelection();if(null!=t){const e=this.quill.getBounds(t);null!=e&&this.position(e)}}),1)}))}cancel(){this.show()}position(t){const e=super.position(t),n=this.root.querySelector(".ql-tooltip-arrow");return n.style.marginLeft="",0!==e&&(n.style.marginLeft=-1*e-n.offsetWidth/2+"px"),e}}class Ot extends wt{constructor(t,e){null!=e.modules.toolbar&&null==e.modules.toolbar.container&&(e.modules.toolbar.container=Lt),super(t,e),this.quill.container.classList.add("ql-bubble")}extendToolbar(t){this.tooltip=new St(this.quill,this.options.bounds),null!=t.container&&(this.tooltip.root.appendChild(t.container),this.buildButtons(t.container.querySelectorAll("button"),ct),this.buildPickers(t.container.querySelectorAll("select"),ct))}}Ot.DEFAULTS=(0,mt.A)({},wt.DEFAULTS,{modules:{toolbar:{handlers:{link(t){t?this.quill.theme.tooltip.edit():this.quill.format("link",!1,p.Ay.sources.USER)}}}}});const Tt=[[{header:["1","2","3",!1]}],["bold","italic","underline","link"],[{list:"ordered"},{list:"bullet"}],["clean"]];class jt extends qt{static TEMPLATE=['<a class="ql-preview" rel="noopener noreferrer" target="_blank" href="about:blank"></a>','<input type="text" data-formula="e=mc^2" data-link="https://quilljs.com" data-video="Embed URL">','<a class="ql-action"></a>','<a class="ql-remove"></a>'].join("");preview=this.root.querySelector("a.ql-preview");listen(){super.listen(),this.root.querySelector("a.ql-action").addEventListener("click",(t=>{this.root.classList.contains("ql-editing")?this.save():this.edit("link",this.preview.textContent),t.preventDefault()})),this.root.querySelector("a.ql-remove").addEventListener("click",(t=>{if(null!=this.linkRange){const t=this.linkRange;this.restoreFocus(),this.quill.formatText(t,"link",!1,bt.A.sources.USER),delete this.linkRange}t.preventDefault(),this.hide()})),this.quill.on(bt.A.events.SELECTION_CHANGE,((t,e,n)=>{if(null!=t){if(0===t.length&&n===bt.A.sources.USER){const[e,n]=this.quill.scroll.descendant(w,t.index);if(null!=e){this.linkRange=new _t.Q(t.index-n,e.length());const r=w.formats(e.domNode);this.preview.textContent=r,this.preview.setAttribute("href",r),this.show();const i=this.quill.getBounds(this.linkRange);return void(null!=i&&this.position(i))}}else delete this.linkRange;this.hide()}}))}show(){super.show(),this.root.removeAttribute("data-mode")}}class Ct extends wt{constructor(t,e){null!=e.modules.toolbar&&null==e.modules.toolbar.container&&(e.modules.toolbar.container=Tt),super(t,e),this.quill.container.classList.add("ql-snow")}extendToolbar(t){null!=t.container&&(t.container.classList.add("ql-snow"),this.buildButtons(t.container.querySelectorAll("button"),ct),this.buildPickers(t.container.querySelectorAll("select"),ct),this.tooltip=new jt(this.quill,this.options.bounds),t.container.querySelector(".ql-link")&&this.quill.keyboard.addBinding({key:"k",shortKey:!0},((e,n)=>{t.handlers.link.call(t,!n.format.link)})))}}Ct.DEFAULTS=(0,mt.A)({},wt.DEFAULTS,{modules:{toolbar:{handlers:{link(t){if(t){const t=this.quill.getSelection();if(null==t||0===t.length)return;let e=this.quill.getText(t);/^\S+@\S+\.\S+$/.test(e)&&0!==e.indexOf("mailto:")&&(e=`mailto:${e}`);const{tooltip:n}=this.quill.theme;n.edit("link",e)}else this.quill.format("link",!1,p.Ay.sources.USER)}}}}});var Rt=Ct;t.default.register({"attributors/attribute/direction":i.Mc,"attributors/class/align":e.qh,"attributors/class/background":b.l,"attributors/class/color":y.g3,"attributors/class/direction":i.sY,"attributors/class/font":v.q,"attributors/class/size":A.U,"attributors/style/align":e.Hu,"attributors/style/background":b.s,"attributors/style/color":y.JM,"attributors/style/direction":i.VL,"attributors/style/font":v.z,"attributors/style/size":A.r},!0),t.default.register({"formats/align":e.qh,"formats/direction":i.sY,"formats/indent":l,"formats/background":b.s,"formats/color":y.JM,"formats/font":v.q,"formats/size":A.U,"formats/blockquote":u,"formats/code-block":D.Ay,"formats/header":d,"formats/list":m,"formats/bold":E,"formats/code":D.Cy,"formats/italic":class extends E{static blotName="italic";static tagName=["EM","I"]},"formats/link":w,"formats/script":_,"formats/strike":class extends E{static blotName="strike";static tagName=["S","STRIKE"]},"formats/underline":S,"formats/formula":j,"formats/image":I,"formats/video":U,"modules/syntax":Q,"modules/table":it,"modules/toolbar":ot,"themes/bubble":Ot,"themes/snow":Rt,"ui/icons":ct,"ui/picker":dt,"ui/icon-picker":pt,"ui/color-picker":ft,"ui/tooltip":gt},!0);var It=t.default}(),r.default}()}));
+//# sourceMappingURL=quill.js.map
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/vendor/js/sal.js b/ci4app/public/assets/raven/vendor/js/sal.js
new file mode 100644
index 0000000..91d3e1b
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/js/sal.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.sal=t():e.sal=t()}(this,(function(){return(()=>{"use strict";var e={d:(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},t={};function n(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function r(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}e.d(t,{default:()=>j});var a="Sal was not initialised! Probably it is used in SSR.",s="Your browser does not support IntersectionObserver!\nGet a polyfill from here:\nhttps://github.com/w3c/IntersectionObserver/tree/master/polyfill",i={root:null,rootMargin:"0% 50%",threshold:.5,animateClassName:"sal-animate",disabledClassName:"sal-disabled",enterEventName:"sal:in",exitEventName:"sal:out",selector:"[data-sal]",once:!0,disabled:!1},l=[],c=null,u=function(e){e&&e!==i&&(i=r(r({},i),e))},d=function(e){e.classList.remove(i.animateClassName)},f=function(e,t){var n=new CustomEvent(e,{bubbles:!0,detail:t});t.target.dispatchEvent(n)},b=function(){document.body.classList.add(i.disabledClassName)},p=function(){c.disconnect(),c=null},m=function(){return i.disabled||"function"==typeof i.disabled&&i.disabled()},v=function(e,t){e.forEach((function(e){var n=e.target,r=void 0!==n.dataset.salRepeat,o=void 0!==n.dataset.salOnce,a=r||!(o||i.once);e.intersectionRatio>=i.threshold?(function(e){e.target.classList.add(i.animateClassName),f(i.enterEventName,e)}(e),a||t.unobserve(n)):a&&function(e){d(e.target),f(i.exitEventName,e)}(e)}))},y=function(){var e=[].filter.call(document.querySelectorAll(i.selector),(function(e){return!function(e){return e.classList.contains(i.animateClassName)}(e,i.animateClassName)}));return e.forEach((function(e){return c.observe(e)})),e},O=function(){b(),p()},h=function(){document.body.classList.remove(i.disabledClassName),c=new IntersectionObserver(v,{root:i.root,rootMargin:i.rootMargin,threshold:i.threshold}),l=y()},g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};p(),Array.from(document.querySelectorAll(i.selector)).forEach(d),u(e),h()},w=function(){var e=y();l.push(e)};const j=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i;if(u(e),"undefined"==typeof window)return console.warn(a),{elements:l,disable:O,enable:h,reset:g,update:w};if(!window.IntersectionObserver)throw b(),Error(s);return m()?b():h(),{elements:l,disable:O,enable:h,reset:g,update:w}};return t.default})()}));
+//# sourceMappingURL=sal.js.map
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/vendor/js/sweetalert2.all.min.js b/ci4app/public/assets/raven/vendor/js/sweetalert2.all.min.js
new file mode 100644
index 0000000..3fdf3da
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/js/sweetalert2.all.min.js
@@ -0,0 +1,6 @@
+/*!
+* sweetalert2 v11.23.0
+* Released under the MIT License.
+*/
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).Sweetalert2=t()}(this,function(){"use strict";function e(e,t,n){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:n;throw new TypeError("Private element is not present on this object")}function t(t,n){return t.get(e(t,n))}function n(e,t,n){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,n)}const o={},i=e=>new Promise(t=>{if(!e)return t();const n=window.scrollX,i=window.scrollY;o.restoreFocusTimeout=setTimeout(()=>{o.previousActiveElement instanceof HTMLElement?(o.previousActiveElement.focus(),o.previousActiveElement=null):document.body&&document.body.focus(),t()},100),window.scrollTo(n,i)}),s="swal2-",r=["container","shown","height-auto","iosfix","popup","modal","no-backdrop","no-transition","toast","toast-shown","show","hide","close","title","html-container","actions","confirm","deny","cancel","footer","icon","icon-content","image","input","file","range","select","radio","checkbox","label","textarea","inputerror","input-label","validation-message","progress-steps","active-progress-step","progress-step","progress-step-line","loader","loading","styled","top","top-start","top-end","top-left","top-right","center","center-start","center-end","center-left","center-right","bottom","bottom-start","bottom-end","bottom-left","bottom-right","grow-row","grow-column","grow-fullscreen","rtl","timer-progress-bar","timer-progress-bar-container","scrollbar-measure","icon-success","icon-warning","icon-info","icon-question","icon-error","draggable","dragging"].reduce((e,t)=>(e[t]=s+t,e),{}),a=["success","warning","info","question","error"].reduce((e,t)=>(e[t]=s+t,e),{}),l="SweetAlert2:",c=e=>e.charAt(0).toUpperCase()+e.slice(1),u=e=>{console.warn(`${l} ${"object"==typeof e?e.join(" "):e}`)},d=e=>{console.error(`${l} ${e}`)},p=[],m=(e,t=null)=>{var n;n=`"${e}" is deprecated and will be removed in the next major release.${t?` Use "${t}" instead.`:""}`,p.includes(n)||(p.push(n),u(n))},h=e=>"function"==typeof e?e():e,g=e=>e&&"function"==typeof e.toPromise,f=e=>g(e)?e.toPromise():Promise.resolve(e),b=e=>e&&Promise.resolve(e)===e,y=()=>document.body.querySelector(`.${r.container}`),v=e=>{const t=y();return t?t.querySelector(e):null},w=e=>v(`.${e}`),C=()=>w(r.popup),A=()=>w(r.icon),E=()=>w(r.title),k=()=>w(r["html-container"]),B=()=>w(r.image),$=()=>w(r["progress-steps"]),L=()=>w(r["validation-message"]),P=()=>v(`.${r.actions} .${r.confirm}`),x=()=>v(`.${r.actions} .${r.cancel}`),T=()=>v(`.${r.actions} .${r.deny}`),S=()=>v(`.${r.loader}`),O=()=>w(r.actions),M=()=>w(r.footer),j=()=>w(r["timer-progress-bar"]),H=()=>w(r.close),I=()=>{const e=C();if(!e)return[];const t=e.querySelectorAll('[tabindex]:not([tabindex="-1"]):not([tabindex="0"])'),n=Array.from(t).sort((e,t)=>{const n=parseInt(e.getAttribute("tabindex")||"0"),o=parseInt(t.getAttribute("tabindex")||"0");return n>o?1:n<o?-1:0}),o=e.querySelectorAll('\n  a[href],\n  area[href],\n  input:not([disabled]),\n  select:not([disabled]),\n  textarea:not([disabled]),\n  button:not([disabled]),\n  iframe,\n  object,\n  embed,\n  [tabindex="0"],\n  [contenteditable],\n  audio[controls],\n  video[controls],\n  summary\n'),i=Array.from(o).filter(e=>"-1"!==e.getAttribute("tabindex"));return[...new Set(n.concat(i))].filter(e=>ee(e))},D=()=>N(document.body,r.shown)&&!N(document.body,r["toast-shown"])&&!N(document.body,r["no-backdrop"]),V=()=>{const e=C();return!!e&&N(e,r.toast)},q=(e,t)=>{if(e.textContent="",t){const n=(new DOMParser).parseFromString(t,"text/html"),o=n.querySelector("head");o&&Array.from(o.childNodes).forEach(t=>{e.appendChild(t)});const i=n.querySelector("body");i&&Array.from(i.childNodes).forEach(t=>{t instanceof HTMLVideoElement||t instanceof HTMLAudioElement?e.appendChild(t.cloneNode(!0)):e.appendChild(t)})}},N=(e,t)=>{if(!t)return!1;const n=t.split(/\s+/);for(let t=0;t<n.length;t++)if(!e.classList.contains(n[t]))return!1;return!0},_=(e,t,n)=>{if(((e,t)=>{Array.from(e.classList).forEach(n=>{Object.values(r).includes(n)||Object.values(a).includes(n)||Object.values(t.showClass||{}).includes(n)||e.classList.remove(n)})})(e,t),!t.customClass)return;const o=t.customClass[n];o&&("string"==typeof o||o.forEach?z(e,o):u(`Invalid type of customClass.${n}! Expected string or iterable object, got "${typeof o}"`))},F=(e,t)=>{if(!t)return null;switch(t){case"select":case"textarea":case"file":return e.querySelector(`.${r.popup} > .${r[t]}`);case"checkbox":return e.querySelector(`.${r.popup} > .${r.checkbox} input`);case"radio":return e.querySelector(`.${r.popup} > .${r.radio} input:checked`)||e.querySelector(`.${r.popup} > .${r.radio} input:first-child`);case"range":return e.querySelector(`.${r.popup} > .${r.range} input`);default:return e.querySelector(`.${r.popup} > .${r.input}`)}},R=e=>{if(e.focus(),"file"!==e.type){const t=e.value;e.value="",e.value=t}},U=(e,t,n)=>{e&&t&&("string"==typeof t&&(t=t.split(/\s+/).filter(Boolean)),t.forEach(t=>{Array.isArray(e)?e.forEach(e=>{n?e.classList.add(t):e.classList.remove(t)}):n?e.classList.add(t):e.classList.remove(t)}))},z=(e,t)=>{U(e,t,!0)},W=(e,t)=>{U(e,t,!1)},K=(e,t)=>{const n=Array.from(e.children);for(let e=0;e<n.length;e++){const o=n[e];if(o instanceof HTMLElement&&N(o,t))return o}},Y=(e,t,n)=>{n===`${parseInt(n)}`&&(n=parseInt(n)),n||0===parseInt(n)?e.style.setProperty(t,"number"==typeof n?`${n}px`:n):e.style.removeProperty(t)},X=(e,t="flex")=>{e&&(e.style.display=t)},Z=e=>{e&&(e.style.display="none")},J=(e,t="block")=>{e&&new MutationObserver(()=>{Q(e,e.innerHTML,t)}).observe(e,{childList:!0,subtree:!0})},G=(e,t,n,o)=>{const i=e.querySelector(t);i&&i.style.setProperty(n,o)},Q=(e,t,n="flex")=>{t?X(e,n):Z(e)},ee=e=>!(!e||!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)),te=e=>!!(e.scrollHeight>e.clientHeight),ne=e=>{const t=window.getComputedStyle(e),n=parseFloat(t.getPropertyValue("animation-duration")||"0"),o=parseFloat(t.getPropertyValue("transition-duration")||"0");return n>0||o>0},oe=(e,t=!1)=>{const n=j();n&&ee(n)&&(t&&(n.style.transition="none",n.style.width="100%"),setTimeout(()=>{n.style.transition=`width ${e/1e3}s linear`,n.style.width="0%"},10))},ie=`\n <div aria-labelledby="${r.title}" aria-describedby="${r["html-container"]}" class="${r.popup}" tabindex="-1">\n   <button type="button" class="${r.close}"></button>\n   <ul class="${r["progress-steps"]}"></ul>\n   <div class="${r.icon}"></div>\n   <img class="${r.image}" />\n   <h2 class="${r.title}" id="${r.title}"></h2>\n   <div class="${r["html-container"]}" id="${r["html-container"]}"></div>\n   <input class="${r.input}" id="${r.input}" />\n   <input type="file" class="${r.file}" />\n   <div class="${r.range}">\n     <input type="range" />\n     <output></output>\n   </div>\n   <select class="${r.select}" id="${r.select}"></select>\n   <div class="${r.radio}"></div>\n   <label class="${r.checkbox}">\n     <input type="checkbox" id="${r.checkbox}" />\n     <span class="${r.label}"></span>\n   </label>\n   <textarea class="${r.textarea}" id="${r.textarea}"></textarea>\n   <div class="${r["validation-message"]}" id="${r["validation-message"]}"></div>\n   <div class="${r.actions}">\n     <div class="${r.loader}"></div>\n     <button type="button" class="${r.confirm}"></button>\n     <button type="button" class="${r.deny}"></button>\n     <button type="button" class="${r.cancel}"></button>\n   </div>\n   <div class="${r.footer}"></div>\n   <div class="${r["timer-progress-bar-container"]}">\n     <div class="${r["timer-progress-bar"]}"></div>\n   </div>\n </div>\n`.replace(/(^|\n)\s*/g,""),se=()=>{o.currentInstance.resetValidationMessage()},re=e=>{const t=(()=>{const e=y();return!!e&&(e.remove(),W([document.documentElement,document.body],[r["no-backdrop"],r["toast-shown"],r["has-column"]]),!0)})();if("undefined"==typeof window||"undefined"==typeof document)return void d("SweetAlert2 requires document to initialize");const n=document.createElement("div");n.className=r.container,t&&z(n,r["no-transition"]),q(n,ie),n.dataset.swal2Theme=e.theme;const o="string"==typeof(i=e.target)?document.querySelector(i):i;var i;o.appendChild(n),e.topLayer&&(n.setAttribute("popover",""),n.showPopover()),(e=>{const t=C();t.setAttribute("role",e.toast?"alert":"dialog"),t.setAttribute("aria-live",e.toast?"polite":"assertive"),e.toast||t.setAttribute("aria-modal","true")})(e),(e=>{"rtl"===window.getComputedStyle(e).direction&&z(y(),r.rtl)})(o),(()=>{const e=C(),t=K(e,r.input),n=K(e,r.file),o=e.querySelector(`.${r.range} input`),i=e.querySelector(`.${r.range} output`),s=K(e,r.select),a=e.querySelector(`.${r.checkbox} input`),l=K(e,r.textarea);t.oninput=se,n.onchange=se,s.onchange=se,a.onchange=se,l.oninput=se,o.oninput=()=>{se(),i.value=o.value},o.onchange=()=>{se(),i.value=o.value}})()},ae=(e,t)=>{e instanceof HTMLElement?t.appendChild(e):"object"==typeof e?le(e,t):e&&q(t,e)},le=(e,t)=>{e.jquery?ce(t,e):q(t,e.toString())},ce=(e,t)=>{if(e.textContent="",0 in t)for(let n=0;n in t;n++)e.appendChild(t[n].cloneNode(!0));else e.appendChild(t.cloneNode(!0))},ue=(e,t)=>{const n=O(),o=S();n&&o&&(t.showConfirmButton||t.showDenyButton||t.showCancelButton?X(n):Z(n),_(n,t,"actions"),function(e,t,n){const o=P(),i=T(),s=x();if(!o||!i||!s)return;pe(o,"confirm",n),pe(i,"deny",n),pe(s,"cancel",n),function(e,t,n,o){if(!o.buttonsStyling)return void W([e,t,n],r.styled);z([e,t,n],r.styled),o.confirmButtonColor&&e.style.setProperty("--swal2-confirm-button-background-color",o.confirmButtonColor);o.denyButtonColor&&t.style.setProperty("--swal2-deny-button-background-color",o.denyButtonColor);o.cancelButtonColor&&n.style.setProperty("--swal2-cancel-button-background-color",o.cancelButtonColor);de(e),de(t),de(n)}(o,i,s,n),n.reverseButtons&&(n.toast?(e.insertBefore(s,o),e.insertBefore(i,o)):(e.insertBefore(s,t),e.insertBefore(i,t),e.insertBefore(o,t)))}(n,o,t),q(o,t.loaderHtml||""),_(o,t,"loader"))};function de(e){const t=window.getComputedStyle(e);if(t.getPropertyValue("--swal2-action-button-focus-box-shadow"))return;const n=t.backgroundColor.replace(/rgba?\((\d+), (\d+), (\d+).*/,"rgba($1, $2, $3, 0.5)");e.style.setProperty("--swal2-action-button-focus-box-shadow",t.getPropertyValue("--swal2-outline").replace(/ rgba\(.*/,` ${n}`))}function pe(e,t,n){const o=c(t);Q(e,n[`show${o}Button`],"inline-block"),q(e,n[`${t}ButtonText`]||""),e.setAttribute("aria-label",n[`${t}ButtonAriaLabel`]||""),e.className=r[t],_(e,n,`${t}Button`)}const me=(e,t)=>{const n=y();n&&(!function(e,t){"string"==typeof t?e.style.background=t:t||z([document.documentElement,document.body],r["no-backdrop"])}(n,t.backdrop),function(e,t){if(!t)return;t in r?z(e,r[t]):(u('The "position" parameter is not valid, defaulting to "center"'),z(e,r.center))}(n,t.position),function(e,t){if(!t)return;z(e,r[`grow-${t}`])}(n,t.grow),_(n,t,"container"))};var he={innerParams:new WeakMap,domCache:new WeakMap};const ge=["input","file","range","select","radio","checkbox","textarea"],fe=e=>{if(!e.input)return;if(!Ee[e.input])return void d(`Unexpected type of input! Expected ${Object.keys(Ee).join(" | ")}, got "${e.input}"`);const t=Ce(e.input);if(!t)return;const n=Ee[e.input](t,e);X(t),e.inputAutoFocus&&setTimeout(()=>{R(n)})},be=(e,t)=>{const n=C();if(!n)return;const o=F(n,e);if(o){(e=>{for(let t=0;t<e.attributes.length;t++){const n=e.attributes[t].name;["id","type","value","style"].includes(n)||e.removeAttribute(n)}})(o);for(const e in t)o.setAttribute(e,t[e])}},ye=e=>{if(!e.input)return;const t=Ce(e.input);t&&_(t,e,"input")},ve=(e,t)=>{!e.placeholder&&t.inputPlaceholder&&(e.placeholder=t.inputPlaceholder)},we=(e,t,n)=>{if(n.inputLabel){const o=document.createElement("label"),i=r["input-label"];o.setAttribute("for",e.id),o.className=i,"object"==typeof n.customClass&&z(o,n.customClass.inputLabel),o.innerText=n.inputLabel,t.insertAdjacentElement("beforebegin",o)}},Ce=e=>{const t=C();if(t)return K(t,r[e]||r.input)},Ae=(e,t)=>{["string","number"].includes(typeof t)?e.value=`${t}`:b(t)||u(`Unexpected type of inputValue! Expected "string", "number" or "Promise", got "${typeof t}"`)},Ee={};Ee.text=Ee.email=Ee.password=Ee.number=Ee.tel=Ee.url=Ee.search=Ee.date=Ee["datetime-local"]=Ee.time=Ee.week=Ee.month=(e,t)=>(Ae(e,t.inputValue),we(e,e,t),ve(e,t),e.type=t.input,e),Ee.file=(e,t)=>(we(e,e,t),ve(e,t),e),Ee.range=(e,t)=>{const n=e.querySelector("input"),o=e.querySelector("output");return Ae(n,t.inputValue),n.type=t.input,Ae(o,t.inputValue),we(n,e,t),e},Ee.select=(e,t)=>{if(e.textContent="",t.inputPlaceholder){const n=document.createElement("option");q(n,t.inputPlaceholder),n.value="",n.disabled=!0,n.selected=!0,e.appendChild(n)}return we(e,e,t),e},Ee.radio=e=>(e.textContent="",e),Ee.checkbox=(e,t)=>{const n=F(C(),"checkbox");n.value="1",n.checked=Boolean(t.inputValue);const o=e.querySelector("span");return q(o,t.inputPlaceholder||t.inputLabel),n},Ee.textarea=(e,t)=>{Ae(e,t.inputValue),ve(e,t),we(e,e,t);return setTimeout(()=>{if("MutationObserver"in window){const n=parseInt(window.getComputedStyle(C()).width);new MutationObserver(()=>{if(!document.body.contains(e))return;const o=e.offsetWidth+(i=e,parseInt(window.getComputedStyle(i).marginLeft)+parseInt(window.getComputedStyle(i).marginRight));var i;o>n?C().style.width=`${o}px`:Y(C(),"width",t.width)}).observe(e,{attributes:!0,attributeFilter:["style"]})}}),e};const ke=(e,t)=>{const n=k();n&&(J(n),_(n,t,"htmlContainer"),t.html?(ae(t.html,n),X(n,"block")):t.text?(n.textContent=t.text,X(n,"block")):Z(n),((e,t)=>{const n=C();if(!n)return;const o=he.innerParams.get(e),i=!o||t.input!==o.input;ge.forEach(e=>{const o=K(n,r[e]);o&&(be(e,t.inputAttributes),o.className=r[e],i&&Z(o))}),t.input&&(i&&fe(t),ye(t))})(e,t))},Be=(e,t)=>{for(const[n,o]of Object.entries(a))t.icon!==n&&W(e,o);z(e,t.icon&&a[t.icon]),Pe(e,t),$e(),_(e,t,"icon")},$e=()=>{const e=C();if(!e)return;const t=window.getComputedStyle(e).getPropertyValue("background-color"),n=e.querySelectorAll("[class^=swal2-success-circular-line], .swal2-success-fix");for(let e=0;e<n.length;e++)n[e].style.backgroundColor=t},Le=(e,t)=>{if(!t.icon&&!t.iconHtml)return;let n=e.innerHTML,o="";if(t.iconHtml)o=xe(t.iconHtml);else if("success"===t.icon)o=(e=>`\n  ${e.animation?'<div class="swal2-success-circular-line-left"></div>':""}\n  <span class="swal2-success-line-tip"></span> <span class="swal2-success-line-long"></span>\n  <div class="swal2-success-ring"></div>\n  ${e.animation?'<div class="swal2-success-fix"></div>':""}\n  ${e.animation?'<div class="swal2-success-circular-line-right"></div>':""}\n`)(t),n=n.replace(/ style=".*?"/g,"");else if("error"===t.icon)o='\n  <span class="swal2-x-mark">\n    <span class="swal2-x-mark-line-left"></span>\n    <span class="swal2-x-mark-line-right"></span>\n  </span>\n';else if(t.icon){o=xe({question:"?",warning:"!",info:"i"}[t.icon])}n.trim()!==o.trim()&&q(e,o)},Pe=(e,t)=>{if(t.iconColor){e.style.color=t.iconColor,e.style.borderColor=t.iconColor;for(const n of[".swal2-success-line-tip",".swal2-success-line-long",".swal2-x-mark-line-left",".swal2-x-mark-line-right"])G(e,n,"background-color",t.iconColor);G(e,".swal2-success-ring","border-color",t.iconColor)}},xe=e=>`<div class="${r["icon-content"]}">${e}</div>`;let Te=!1,Se=0,Oe=0,Me=0,je=0;const He=e=>{const t=C();if(e.target===t||A().contains(e.target)){Te=!0;const n=Ve(e);Se=n.clientX,Oe=n.clientY,Me=parseInt(t.style.insetInlineStart)||0,je=parseInt(t.style.insetBlockStart)||0,z(t,"swal2-dragging")}},Ie=e=>{const t=C();if(Te){let{clientX:n,clientY:o}=Ve(e);t.style.insetInlineStart=`${Me+(n-Se)}px`,t.style.insetBlockStart=`${je+(o-Oe)}px`}},De=()=>{const e=C();Te=!1,W(e,"swal2-dragging")},Ve=e=>{let t=0,n=0;return e.type.startsWith("mouse")?(t=e.clientX,n=e.clientY):e.type.startsWith("touch")&&(t=e.touches[0].clientX,n=e.touches[0].clientY),{clientX:t,clientY:n}},qe=(e,t)=>{const n=y(),o=C();if(n&&o){if(t.toast){Y(n,"width",t.width),o.style.width="100%";const e=S();e&&o.insertBefore(e,A())}else Y(o,"width",t.width);Y(o,"padding",t.padding),t.color&&(o.style.color=t.color),t.background&&(o.style.background=t.background),Z(L()),Ne(o,t),t.draggable&&!t.toast?(z(o,r.draggable),(e=>{e.addEventListener("mousedown",He),document.body.addEventListener("mousemove",Ie),e.addEventListener("mouseup",De),e.addEventListener("touchstart",He),document.body.addEventListener("touchmove",Ie),e.addEventListener("touchend",De)})(o)):(W(o,r.draggable),(e=>{e.removeEventListener("mousedown",He),document.body.removeEventListener("mousemove",Ie),e.removeEventListener("mouseup",De),e.removeEventListener("touchstart",He),document.body.removeEventListener("touchmove",Ie),e.removeEventListener("touchend",De)})(o))}},Ne=(e,t)=>{const n=t.showClass||{};e.className=`${r.popup} ${ee(e)?n.popup:""}`,t.toast?(z([document.documentElement,document.body],r["toast-shown"]),z(e,r.toast)):z(e,r.modal),_(e,t,"popup"),"string"==typeof t.customClass&&z(e,t.customClass),t.icon&&z(e,r[`icon-${t.icon}`])},_e=e=>{const t=document.createElement("li");return z(t,r["progress-step"]),q(t,e),t},Fe=e=>{const t=document.createElement("li");return z(t,r["progress-step-line"]),e.progressStepsDistance&&Y(t,"width",e.progressStepsDistance),t},Re=(e,t)=>{qe(0,t),me(0,t),((e,t)=>{const n=$();if(!n)return;const{progressSteps:o,currentProgressStep:i}=t;o&&0!==o.length&&void 0!==i?(X(n),n.textContent="",i>=o.length&&u("Invalid currentProgressStep parameter, it should be less than progressSteps.length (currentProgressStep like JS arrays starts from 0)"),o.forEach((e,s)=>{const a=_e(e);if(n.appendChild(a),s===i&&z(a,r["active-progress-step"]),s!==o.length-1){const e=Fe(t);n.appendChild(e)}})):Z(n)})(0,t),((e,t)=>{const n=he.innerParams.get(e),o=A();if(!o)return;if(n&&t.icon===n.icon)return Le(o,t),void Be(o,t);if(!t.icon&&!t.iconHtml)return void Z(o);if(t.icon&&-1===Object.keys(a).indexOf(t.icon))return d(`Unknown icon! Expected "success", "error", "warning", "info" or "question", got "${t.icon}"`),void Z(o);X(o),Le(o,t),Be(o,t),z(o,t.showClass&&t.showClass.icon),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",$e)})(e,t),((e,t)=>{const n=B();n&&(t.imageUrl?(X(n,""),n.setAttribute("src",t.imageUrl),n.setAttribute("alt",t.imageAlt||""),Y(n,"width",t.imageWidth),Y(n,"height",t.imageHeight),n.className=r.image,_(n,t,"image")):Z(n))})(0,t),((e,t)=>{const n=E();n&&(J(n),Q(n,t.title||t.titleText,"block"),t.title&&ae(t.title,n),t.titleText&&(n.innerText=t.titleText),_(n,t,"title"))})(0,t),((e,t)=>{const n=H();n&&(q(n,t.closeButtonHtml||""),_(n,t,"closeButton"),Q(n,t.showCloseButton),n.setAttribute("aria-label",t.closeButtonAriaLabel||""))})(0,t),ke(e,t),ue(0,t),((e,t)=>{const n=M();n&&(J(n),Q(n,t.footer,"block"),t.footer&&ae(t.footer,n),_(n,t,"footer"))})(0,t);const n=C();"function"==typeof t.didRender&&n&&t.didRender(n),o.eventEmitter.emit("didRender",n)},Ue=()=>{var e;return null===(e=P())||void 0===e?void 0:e.click()},ze=Object.freeze({cancel:"cancel",backdrop:"backdrop",close:"close",esc:"esc",timer:"timer"}),We=e=>{e.keydownTarget&&e.keydownHandlerAdded&&(e.keydownTarget.removeEventListener("keydown",e.keydownHandler,{capture:e.keydownListenerCapture}),e.keydownHandlerAdded=!1)},Ke=(e,t)=>{var n;const o=I();if(o.length)return-2===(e+=t)&&(e=o.length-1),e===o.length?e=0:-1===e&&(e=o.length-1),void o[e].focus();null===(n=C())||void 0===n||n.focus()},Ye=["ArrowRight","ArrowDown"],Xe=["ArrowLeft","ArrowUp"],Ze=(e,t,n)=>{e&&(t.isComposing||229===t.keyCode||(e.stopKeydownPropagation&&t.stopPropagation(),"Enter"===t.key?Je(t,e):"Tab"===t.key?Ge(t):[...Ye,...Xe].includes(t.key)?Qe(t.key):"Escape"===t.key&&et(t,e,n)))},Je=(e,t)=>{if(!h(t.allowEnterKey))return;const n=F(C(),t.input);if(e.target&&n&&e.target instanceof HTMLElement&&e.target.outerHTML===n.outerHTML){if(["textarea","file"].includes(t.input))return;Ue(),e.preventDefault()}},Ge=e=>{const t=e.target,n=I();let o=-1;for(let e=0;e<n.length;e++)if(t===n[e]){o=e;break}e.shiftKey?Ke(o,-1):Ke(o,1),e.stopPropagation(),e.preventDefault()},Qe=e=>{const t=O(),n=P(),o=T(),i=x();if(!(t&&n&&o&&i))return;const s=[n,o,i];if(document.activeElement instanceof HTMLElement&&!s.includes(document.activeElement))return;const r=Ye.includes(e)?"nextElementSibling":"previousElementSibling";let a=document.activeElement;if(a){for(let e=0;e<t.children.length;e++){if(a=a[r],!a)return;if(a instanceof HTMLButtonElement&&ee(a))break}a instanceof HTMLButtonElement&&a.focus()}},et=(e,t,n)=>{e.preventDefault(),h(t.allowEscapeKey)&&n(ze.esc)};var tt={swalPromiseResolve:new WeakMap,swalPromiseReject:new WeakMap};const nt=()=>{Array.from(document.body.children).forEach(e=>{e.hasAttribute("data-previous-aria-hidden")?(e.setAttribute("aria-hidden",e.getAttribute("data-previous-aria-hidden")||""),e.removeAttribute("data-previous-aria-hidden")):e.removeAttribute("aria-hidden")})},ot="undefined"!=typeof window&&!!window.GestureEvent,it=()=>{const e=y();if(!e)return;let t;e.ontouchstart=e=>{t=st(e)},e.ontouchmove=e=>{t&&(e.preventDefault(),e.stopPropagation())}},st=e=>{const t=e.target,n=y(),o=k();return!(!n||!o)&&(!rt(e)&&!at(e)&&(t===n||!(te(n)||!(t instanceof HTMLElement)||((e,t)=>{let n=e;for(;n&&n!==t;){if(te(n))return!0;n=n.parentElement}return!1})(t,o)||"INPUT"===t.tagName||"TEXTAREA"===t.tagName||te(o)&&o.contains(t))))},rt=e=>e.touches&&e.touches.length&&"stylus"===e.touches[0].touchType,at=e=>e.touches&&e.touches.length>1;let lt=null;const ct=e=>{null===lt&&(document.body.scrollHeight>window.innerHeight||"scroll"===e)&&(lt=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right")),document.body.style.paddingRight=`${lt+(()=>{const e=document.createElement("div");e.className=r["scrollbar-measure"],document.body.appendChild(e);const t=e.getBoundingClientRect().width-e.clientWidth;return document.body.removeChild(e),t})()}px`)};function ut(e,t,n,s){V()?yt(e,s):(i(n).then(()=>yt(e,s)),We(o)),ot?(t.setAttribute("style","display:none !important"),t.removeAttribute("class"),t.innerHTML=""):t.remove(),D()&&(null!==lt&&(document.body.style.paddingRight=`${lt}px`,lt=null),(()=>{if(N(document.body,r.iosfix)){const e=parseInt(document.body.style.top,10);W(document.body,r.iosfix),document.body.style.top="",document.body.scrollTop=-1*e}})(),nt()),W([document.documentElement,document.body],[r.shown,r["height-auto"],r["no-backdrop"],r["toast-shown"]])}function dt(e){e=gt(e);const t=tt.swalPromiseResolve.get(this),n=pt(this);this.isAwaitingPromise?e.isDismissed||(ht(this),t(e)):n&&t(e)}const pt=e=>{const t=C();if(!t)return!1;const n=he.innerParams.get(e);if(!n||N(t,n.hideClass.popup))return!1;W(t,n.showClass.popup),z(t,n.hideClass.popup);const o=y();return W(o,n.showClass.backdrop),z(o,n.hideClass.backdrop),ft(e,t,n),!0};function mt(e){const t=tt.swalPromiseReject.get(this);ht(this),t&&t(e)}const ht=e=>{e.isAwaitingPromise&&(delete e.isAwaitingPromise,he.innerParams.get(e)||e._destroy())},gt=e=>void 0===e?{isConfirmed:!1,isDenied:!1,isDismissed:!0}:Object.assign({isConfirmed:!1,isDenied:!1,isDismissed:!1},e),ft=(e,t,n)=>{var i;const s=y(),r=ne(t);"function"==typeof n.willClose&&n.willClose(t),null===(i=o.eventEmitter)||void 0===i||i.emit("willClose",t),r?bt(e,t,s,n.returnFocus,n.didClose):ut(e,s,n.returnFocus,n.didClose)},bt=(e,t,n,i,s)=>{o.swalCloseEventFinishedCallback=ut.bind(null,e,n,i,s);const r=function(e){var n;e.target===t&&(null===(n=o.swalCloseEventFinishedCallback)||void 0===n||n.call(o),delete o.swalCloseEventFinishedCallback,t.removeEventListener("animationend",r),t.removeEventListener("transitionend",r))};t.addEventListener("animationend",r),t.addEventListener("transitionend",r)},yt=(e,t)=>{setTimeout(()=>{var n;"function"==typeof t&&t.bind(e.params)(),null===(n=o.eventEmitter)||void 0===n||n.emit("didClose"),e._destroy&&e._destroy()})},vt=e=>{let t=C();if(t||new Qn,t=C(),!t)return;const n=S();V()?Z(A()):wt(t,e),X(n),t.setAttribute("data-loading","true"),t.setAttribute("aria-busy","true"),t.focus()},wt=(e,t)=>{const n=O(),o=S();n&&o&&(!t&&ee(P())&&(t=P()),X(n),t&&(Z(t),o.setAttribute("data-button-to-replace",t.className),n.insertBefore(o,t)),z([e,n],r.loading))},Ct=e=>e.checked?1:0,At=e=>e.checked?e.value:null,Et=e=>e.files&&e.files.length?null!==e.getAttribute("multiple")?e.files:e.files[0]:null,kt=(e,t)=>{const n=C();if(!n)return;const o=e=>{"select"===t.input?function(e,t,n){const o=K(e,r.select);if(!o)return;const i=(e,t,o)=>{const i=document.createElement("option");i.value=o,q(i,t),i.selected=Lt(o,n.inputValue),e.appendChild(i)};t.forEach(e=>{const t=e[0],n=e[1];if(Array.isArray(n)){const e=document.createElement("optgroup");e.label=t,e.disabled=!1,o.appendChild(e),n.forEach(t=>i(e,t[1],t[0]))}else i(o,n,t)}),o.focus()}(n,$t(e),t):"radio"===t.input&&function(e,t,n){const o=K(e,r.radio);if(!o)return;t.forEach(e=>{const t=e[0],i=e[1],s=document.createElement("input"),a=document.createElement("label");s.type="radio",s.name=r.radio,s.value=t,Lt(t,n.inputValue)&&(s.checked=!0);const l=document.createElement("span");q(l,i),l.className=r.label,a.appendChild(s),a.appendChild(l),o.appendChild(a)});const i=o.querySelectorAll("input");i.length&&i[0].focus()}(n,$t(e),t)};g(t.inputOptions)||b(t.inputOptions)?(vt(P()),f(t.inputOptions).then(t=>{e.hideLoading(),o(t)})):"object"==typeof t.inputOptions?o(t.inputOptions):d("Unexpected type of inputOptions! Expected object, Map or Promise, got "+typeof t.inputOptions)},Bt=(e,t)=>{const n=e.getInput();n&&(Z(n),f(t.inputValue).then(o=>{n.value="number"===t.input?`${parseFloat(o)||0}`:`${o}`,X(n),n.focus(),e.hideLoading()}).catch(t=>{d(`Error in inputValue promise: ${t}`),n.value="",X(n),n.focus(),e.hideLoading()}))};const $t=e=>{const t=[];return e instanceof Map?e.forEach((e,n)=>{let o=e;"object"==typeof o&&(o=$t(o)),t.push([n,o])}):Object.keys(e).forEach(n=>{let o=e[n];"object"==typeof o&&(o=$t(o)),t.push([n,o])}),t},Lt=(e,t)=>!!t&&t.toString()===e.toString(),Pt=(e,t)=>{const n=he.innerParams.get(e);if(!n.input)return void d(`The "input" parameter is needed to be set when using returnInputValueOn${c(t)}`);const o=e.getInput(),i=((e,t)=>{const n=e.getInput();if(!n)return null;switch(t.input){case"checkbox":return Ct(n);case"radio":return At(n);case"file":return Et(n);default:return t.inputAutoTrim?n.value.trim():n.value}})(e,n);n.inputValidator?xt(e,i,t):o&&!o.checkValidity()?(e.enableButtons(),e.showValidationMessage(n.validationMessage||o.validationMessage)):"deny"===t?Tt(e,i):Mt(e,i)},xt=(e,t,n)=>{const o=he.innerParams.get(e);e.disableInput();Promise.resolve().then(()=>f(o.inputValidator(t,o.validationMessage))).then(o=>{e.enableButtons(),e.enableInput(),o?e.showValidationMessage(o):"deny"===n?Tt(e,t):Mt(e,t)})},Tt=(e,t)=>{const n=he.innerParams.get(e||void 0);if(n.showLoaderOnDeny&&vt(T()),n.preDeny){e.isAwaitingPromise=!0;Promise.resolve().then(()=>f(n.preDeny(t,n.validationMessage))).then(n=>{!1===n?(e.hideLoading(),ht(e)):e.close({isDenied:!0,value:void 0===n?t:n})}).catch(t=>Ot(e||void 0,t))}else e.close({isDenied:!0,value:t})},St=(e,t)=>{e.close({isConfirmed:!0,value:t})},Ot=(e,t)=>{e.rejectPromise(t)},Mt=(e,t)=>{const n=he.innerParams.get(e||void 0);if(n.showLoaderOnConfirm&&vt(),n.preConfirm){e.resetValidationMessage(),e.isAwaitingPromise=!0;Promise.resolve().then(()=>f(n.preConfirm(t,n.validationMessage))).then(n=>{ee(L())||!1===n?(e.hideLoading(),ht(e)):St(e,void 0===n?t:n)}).catch(t=>Ot(e||void 0,t))}else St(e,t)};function jt(){const e=he.innerParams.get(this);if(!e)return;const t=he.domCache.get(this);Z(t.loader),V()?e.icon&&X(A()):Ht(t),W([t.popup,t.actions],r.loading),t.popup.removeAttribute("aria-busy"),t.popup.removeAttribute("data-loading"),t.confirmButton.disabled=!1,t.denyButton.disabled=!1,t.cancelButton.disabled=!1}const Ht=e=>{const t=e.popup.getElementsByClassName(e.loader.getAttribute("data-button-to-replace"));t.length?X(t[0],"inline-block"):ee(P())||ee(T())||ee(x())||Z(e.actions)};function It(){const e=he.innerParams.get(this),t=he.domCache.get(this);return t?F(t.popup,e.input):null}function Dt(e,t,n){const o=he.domCache.get(e);t.forEach(e=>{o[e].disabled=n})}function Vt(e,t){const n=C();if(n&&e)if("radio"===e.type){const e=n.querySelectorAll(`[name="${r.radio}"]`);for(let n=0;n<e.length;n++)e[n].disabled=t}else e.disabled=t}function qt(){Dt(this,["confirmButton","denyButton","cancelButton"],!1)}function Nt(){Dt(this,["confirmButton","denyButton","cancelButton"],!0)}function _t(){Vt(this.getInput(),!1)}function Ft(){Vt(this.getInput(),!0)}function Rt(e){const t=he.domCache.get(this),n=he.innerParams.get(this);q(t.validationMessage,e),t.validationMessage.className=r["validation-message"],n.customClass&&n.customClass.validationMessage&&z(t.validationMessage,n.customClass.validationMessage),X(t.validationMessage);const o=this.getInput();o&&(o.setAttribute("aria-invalid","true"),o.setAttribute("aria-describedby",r["validation-message"]),R(o),z(o,r.inputerror))}function Ut(){const e=he.domCache.get(this);e.validationMessage&&Z(e.validationMessage);const t=this.getInput();t&&(t.removeAttribute("aria-invalid"),t.removeAttribute("aria-describedby"),W(t,r.inputerror))}const zt={title:"",titleText:"",text:"",html:"",footer:"",icon:void 0,iconColor:void 0,iconHtml:void 0,template:void 0,toast:!1,draggable:!1,animation:!0,theme:"light",showClass:{popup:"swal2-show",backdrop:"swal2-backdrop-show",icon:"swal2-icon-show"},hideClass:{popup:"swal2-hide",backdrop:"swal2-backdrop-hide",icon:"swal2-icon-hide"},customClass:{},target:"body",color:void 0,backdrop:!0,heightAuto:!0,allowOutsideClick:!0,allowEscapeKey:!0,allowEnterKey:!0,stopKeydownPropagation:!0,keydownListenerCapture:!1,showConfirmButton:!0,showDenyButton:!1,showCancelButton:!1,preConfirm:void 0,preDeny:void 0,confirmButtonText:"OK",confirmButtonAriaLabel:"",confirmButtonColor:void 0,denyButtonText:"No",denyButtonAriaLabel:"",denyButtonColor:void 0,cancelButtonText:"Cancel",cancelButtonAriaLabel:"",cancelButtonColor:void 0,buttonsStyling:!0,reverseButtons:!1,focusConfirm:!0,focusDeny:!1,focusCancel:!1,returnFocus:!0,showCloseButton:!1,closeButtonHtml:"&times;",closeButtonAriaLabel:"Close this dialog",loaderHtml:"",showLoaderOnConfirm:!1,showLoaderOnDeny:!1,imageUrl:void 0,imageWidth:void 0,imageHeight:void 0,imageAlt:"",timer:void 0,timerProgressBar:!1,width:void 0,padding:void 0,background:void 0,input:void 0,inputPlaceholder:"",inputLabel:"",inputValue:"",inputOptions:{},inputAutoFocus:!0,inputAutoTrim:!0,inputAttributes:{},inputValidator:void 0,returnInputValueOnDeny:!1,validationMessage:void 0,grow:!1,position:"center",progressSteps:[],currentProgressStep:void 0,progressStepsDistance:void 0,willOpen:void 0,didOpen:void 0,didRender:void 0,willClose:void 0,didClose:void 0,didDestroy:void 0,scrollbarPadding:!0,topLayer:!1},Wt=["allowEscapeKey","allowOutsideClick","background","buttonsStyling","cancelButtonAriaLabel","cancelButtonColor","cancelButtonText","closeButtonAriaLabel","closeButtonHtml","color","confirmButtonAriaLabel","confirmButtonColor","confirmButtonText","currentProgressStep","customClass","denyButtonAriaLabel","denyButtonColor","denyButtonText","didClose","didDestroy","draggable","footer","hideClass","html","icon","iconColor","iconHtml","imageAlt","imageHeight","imageUrl","imageWidth","preConfirm","preDeny","progressSteps","returnFocus","reverseButtons","showCancelButton","showCloseButton","showConfirmButton","showDenyButton","text","title","titleText","theme","willClose"],Kt={allowEnterKey:void 0},Yt=["allowOutsideClick","allowEnterKey","backdrop","draggable","focusConfirm","focusDeny","focusCancel","returnFocus","heightAuto","keydownListenerCapture"],Xt=e=>Object.prototype.hasOwnProperty.call(zt,e),Zt=e=>-1!==Wt.indexOf(e),Jt=e=>Kt[e],Gt=e=>{Xt(e)||u(`Unknown parameter "${e}"`)},Qt=e=>{Yt.includes(e)&&u(`The parameter "${e}" is incompatible with toasts`)},en=e=>{const t=Jt(e);t&&m(e,t)},tn=e=>{!1===e.backdrop&&e.allowOutsideClick&&u('"allowOutsideClick" parameter requires `backdrop` parameter to be set to `true`'),e.theme&&!["light","dark","auto","minimal","borderless","embed-iframe","bulma","bulma-light","bulma-dark"].includes(e.theme)&&u(`Invalid theme "${e.theme}"`);for(const t in e)Gt(t),e.toast&&Qt(t),en(t)};function nn(e){const t=y(),n=C(),o=he.innerParams.get(this);if(!n||N(n,o.hideClass.popup))return void u("You're trying to update the closed or closing popup, that won't work. Use the update() method in preConfirm parameter or show a new popup.");const i=on(e),s=Object.assign({},o,i);tn(s),t.dataset.swal2Theme=s.theme,Re(this,s),he.innerParams.set(this,s),Object.defineProperties(this,{params:{value:Object.assign({},this.params,e),writable:!1,enumerable:!0}})}const on=e=>{const t={};return Object.keys(e).forEach(n=>{Zt(n)?t[n]=e[n]:u(`Invalid parameter to update: ${n}`)}),t};function sn(){const e=he.domCache.get(this),t=he.innerParams.get(this);t?(e.popup&&o.swalCloseEventFinishedCallback&&(o.swalCloseEventFinishedCallback(),delete o.swalCloseEventFinishedCallback),"function"==typeof t.didDestroy&&t.didDestroy(),o.eventEmitter.emit("didDestroy"),rn(this)):an(this)}const rn=e=>{an(e),delete e.params,delete o.keydownHandler,delete o.keydownTarget,delete o.currentInstance},an=e=>{e.isAwaitingPromise?(ln(he,e),e.isAwaitingPromise=!0):(ln(tt,e),ln(he,e),delete e.isAwaitingPromise,delete e.disableButtons,delete e.enableButtons,delete e.getInput,delete e.disableInput,delete e.enableInput,delete e.hideLoading,delete e.disableLoading,delete e.showValidationMessage,delete e.resetValidationMessage,delete e.close,delete e.closePopup,delete e.closeModal,delete e.closeToast,delete e.rejectPromise,delete e.update,delete e._destroy)},ln=(e,t)=>{for(const n in e)e[n].delete(t)};var cn=Object.freeze({__proto__:null,_destroy:sn,close:dt,closeModal:dt,closePopup:dt,closeToast:dt,disableButtons:Nt,disableInput:Ft,disableLoading:jt,enableButtons:qt,enableInput:_t,getInput:It,handleAwaitingPromise:ht,hideLoading:jt,rejectPromise:mt,resetValidationMessage:Ut,showValidationMessage:Rt,update:nn});const un=(e,t,n)=>{t.popup.onclick=()=>{e&&(dn(e)||e.timer||e.input)||n(ze.close)}},dn=e=>!!(e.showConfirmButton||e.showDenyButton||e.showCancelButton||e.showCloseButton);let pn=!1;const mn=e=>{e.popup.onmousedown=()=>{e.container.onmouseup=function(t){e.container.onmouseup=()=>{},t.target===e.container&&(pn=!0)}}},hn=e=>{e.container.onmousedown=t=>{t.target===e.container&&t.preventDefault(),e.popup.onmouseup=function(t){e.popup.onmouseup=()=>{},(t.target===e.popup||t.target instanceof HTMLElement&&e.popup.contains(t.target))&&(pn=!0)}}},gn=(e,t,n)=>{t.container.onclick=o=>{pn?pn=!1:o.target===t.container&&h(e.allowOutsideClick)&&n(ze.backdrop)}},fn=e=>e instanceof Element||(e=>"object"==typeof e&&e.jquery)(e);const bn=()=>{if(o.timeout)return(()=>{const e=j();if(!e)return;const t=parseInt(window.getComputedStyle(e).width);e.style.removeProperty("transition"),e.style.width="100%";const n=t/parseInt(window.getComputedStyle(e).width)*100;e.style.width=`${n}%`})(),o.timeout.stop()},yn=()=>{if(o.timeout){const e=o.timeout.start();return oe(e),e}};let vn=!1;const wn={};const Cn=e=>{for(let t=e.target;t&&t!==document;t=t.parentNode)for(const e in wn){const n=t.getAttribute(e);if(n)return void wn[e].fire({template:n})}};o.eventEmitter=new class{constructor(){this.events={}}_getHandlersByEventName(e){return void 0===this.events[e]&&(this.events[e]=[]),this.events[e]}on(e,t){const n=this._getHandlersByEventName(e);n.includes(t)||n.push(t)}once(e,t){const n=(...o)=>{this.removeListener(e,n),t.apply(this,o)};this.on(e,n)}emit(e,...t){this._getHandlersByEventName(e).forEach(e=>{try{e.apply(this,t)}catch(e){console.error(e)}})}removeListener(e,t){const n=this._getHandlersByEventName(e),o=n.indexOf(t);o>-1&&n.splice(o,1)}removeAllListeners(e){void 0!==this.events[e]&&(this.events[e].length=0)}reset(){this.events={}}};var An=Object.freeze({__proto__:null,argsToParams:e=>{const t={};return"object"!=typeof e[0]||fn(e[0])?["title","html","icon"].forEach((n,o)=>{const i=e[o];"string"==typeof i||fn(i)?t[n]=i:void 0!==i&&d(`Unexpected type of ${n}! Expected "string" or "Element", got ${typeof i}`)}):Object.assign(t,e[0]),t},bindClickHandler:function(e="data-swal-template"){wn[e]=this,vn||(document.body.addEventListener("click",Cn),vn=!0)},clickCancel:()=>{var e;return null===(e=x())||void 0===e?void 0:e.click()},clickConfirm:Ue,clickDeny:()=>{var e;return null===(e=T())||void 0===e?void 0:e.click()},enableLoading:vt,fire:function(...e){return new this(...e)},getActions:O,getCancelButton:x,getCloseButton:H,getConfirmButton:P,getContainer:y,getDenyButton:T,getFocusableElements:I,getFooter:M,getHtmlContainer:k,getIcon:A,getIconContent:()=>w(r["icon-content"]),getImage:B,getInputLabel:()=>w(r["input-label"]),getLoader:S,getPopup:C,getProgressSteps:$,getTimerLeft:()=>o.timeout&&o.timeout.getTimerLeft(),getTimerProgressBar:j,getTitle:E,getValidationMessage:L,increaseTimer:e=>{if(o.timeout){const t=o.timeout.increase(e);return oe(t,!0),t}},isDeprecatedParameter:Jt,isLoading:()=>{const e=C();return!!e&&e.hasAttribute("data-loading")},isTimerRunning:()=>!(!o.timeout||!o.timeout.isRunning()),isUpdatableParameter:Zt,isValidParameter:Xt,isVisible:()=>ee(C()),mixin:function(e){return class extends(this){_main(t,n){return super._main(t,Object.assign({},e,n))}}},off:(e,t)=>{e?t?o.eventEmitter.removeListener(e,t):o.eventEmitter.removeAllListeners(e):o.eventEmitter.reset()},on:(e,t)=>{o.eventEmitter.on(e,t)},once:(e,t)=>{o.eventEmitter.once(e,t)},resumeTimer:yn,showLoading:vt,stopTimer:bn,toggleTimer:()=>{const e=o.timeout;return e&&(e.running?bn():yn())}});class En{constructor(e,t){this.callback=e,this.remaining=t,this.running=!1,this.start()}start(){return this.running||(this.running=!0,this.started=new Date,this.id=setTimeout(this.callback,this.remaining)),this.remaining}stop(){return this.started&&this.running&&(this.running=!1,clearTimeout(this.id),this.remaining-=(new Date).getTime()-this.started.getTime()),this.remaining}increase(e){const t=this.running;return t&&this.stop(),this.remaining+=e,t&&this.start(),this.remaining}getTimerLeft(){return this.running&&(this.stop(),this.start()),this.remaining}isRunning(){return this.running}}const kn=["swal-title","swal-html","swal-footer"],Bn=e=>{const t={};return Array.from(e.querySelectorAll("swal-param")).forEach(e=>{Mn(e,["name","value"]);const n=e.getAttribute("name"),o=e.getAttribute("value");n&&o&&(t[n]="boolean"==typeof zt[n]?"false"!==o:"object"==typeof zt[n]?JSON.parse(o):o)}),t},$n=e=>{const t={};return Array.from(e.querySelectorAll("swal-function-param")).forEach(e=>{const n=e.getAttribute("name"),o=e.getAttribute("value");n&&o&&(t[n]=new Function(`return ${o}`)())}),t},Ln=e=>{const t={};return Array.from(e.querySelectorAll("swal-button")).forEach(e=>{Mn(e,["type","color","aria-label"]);const n=e.getAttribute("type");n&&["confirm","cancel","deny"].includes(n)&&(t[`${n}ButtonText`]=e.innerHTML,t[`show${c(n)}Button`]=!0,e.hasAttribute("color")&&(t[`${n}ButtonColor`]=e.getAttribute("color")),e.hasAttribute("aria-label")&&(t[`${n}ButtonAriaLabel`]=e.getAttribute("aria-label")))}),t},Pn=e=>{const t={},n=e.querySelector("swal-image");return n&&(Mn(n,["src","width","height","alt"]),n.hasAttribute("src")&&(t.imageUrl=n.getAttribute("src")||void 0),n.hasAttribute("width")&&(t.imageWidth=n.getAttribute("width")||void 0),n.hasAttribute("height")&&(t.imageHeight=n.getAttribute("height")||void 0),n.hasAttribute("alt")&&(t.imageAlt=n.getAttribute("alt")||void 0)),t},xn=e=>{const t={},n=e.querySelector("swal-icon");return n&&(Mn(n,["type","color"]),n.hasAttribute("type")&&(t.icon=n.getAttribute("type")),n.hasAttribute("color")&&(t.iconColor=n.getAttribute("color")),t.iconHtml=n.innerHTML),t},Tn=e=>{const t={},n=e.querySelector("swal-input");n&&(Mn(n,["type","label","placeholder","value"]),t.input=n.getAttribute("type")||"text",n.hasAttribute("label")&&(t.inputLabel=n.getAttribute("label")),n.hasAttribute("placeholder")&&(t.inputPlaceholder=n.getAttribute("placeholder")),n.hasAttribute("value")&&(t.inputValue=n.getAttribute("value")));const o=Array.from(e.querySelectorAll("swal-input-option"));return o.length&&(t.inputOptions={},o.forEach(e=>{Mn(e,["value"]);const n=e.getAttribute("value");if(!n)return;const o=e.innerHTML;t.inputOptions[n]=o})),t},Sn=(e,t)=>{const n={};for(const o in t){const i=t[o],s=e.querySelector(i);s&&(Mn(s,[]),n[i.replace(/^swal-/,"")]=s.innerHTML.trim())}return n},On=e=>{const t=kn.concat(["swal-param","swal-function-param","swal-button","swal-image","swal-icon","swal-input","swal-input-option"]);Array.from(e.children).forEach(e=>{const n=e.tagName.toLowerCase();t.includes(n)||u(`Unrecognized element <${n}>`)})},Mn=(e,t)=>{Array.from(e.attributes).forEach(n=>{-1===t.indexOf(n.name)&&u([`Unrecognized attribute "${n.name}" on <${e.tagName.toLowerCase()}>.`,""+(t.length?`Allowed attributes are: ${t.join(", ")}`:"To set the value, use HTML within the element.")])})},jn=e=>{const t=y(),n=C();"function"==typeof e.willOpen&&e.willOpen(n),o.eventEmitter.emit("willOpen",n);const i=window.getComputedStyle(document.body).overflowY;Vn(t,n,e),setTimeout(()=>{In(t,n)},10),D()&&(Dn(t,e.scrollbarPadding,i),(()=>{const e=y();Array.from(document.body.children).forEach(t=>{t.contains(e)||(t.hasAttribute("aria-hidden")&&t.setAttribute("data-previous-aria-hidden",t.getAttribute("aria-hidden")||""),t.setAttribute("aria-hidden","true"))})})()),V()||o.previousActiveElement||(o.previousActiveElement=document.activeElement),"function"==typeof e.didOpen&&setTimeout(()=>e.didOpen(n)),o.eventEmitter.emit("didOpen",n),W(t,r["no-transition"])},Hn=e=>{const t=C();if(e.target!==t)return;const n=y();t.removeEventListener("animationend",Hn),t.removeEventListener("transitionend",Hn),n.style.overflowY="auto"},In=(e,t)=>{ne(t)?(e.style.overflowY="hidden",t.addEventListener("animationend",Hn),t.addEventListener("transitionend",Hn)):e.style.overflowY="auto"},Dn=(e,t,n)=>{(()=>{if(ot&&!N(document.body,r.iosfix)){const e=document.body.scrollTop;document.body.style.top=-1*e+"px",z(document.body,r.iosfix),it()}})(),t&&"hidden"!==n&&ct(n),setTimeout(()=>{e.scrollTop=0})},Vn=(e,t,n)=>{z(e,n.showClass.backdrop),n.animation?(t.style.setProperty("opacity","0","important"),X(t,"grid"),setTimeout(()=>{z(t,n.showClass.popup),t.style.removeProperty("opacity")},10)):X(t,"grid"),z([document.documentElement,document.body],r.shown),n.heightAuto&&n.backdrop&&!n.toast&&z([document.documentElement,document.body],r["height-auto"])};var qn=(e,t)=>/^[a-zA-Z0-9.+_'-]+@[a-zA-Z0-9.-]+\.[a-zA-Z0-9-]+$/.test(e)?Promise.resolve():Promise.resolve(t||"Invalid email address"),Nn=(e,t)=>/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-z]{2,63}\b([-a-zA-Z0-9@:%_+.~#?&/=]*)$/.test(e)?Promise.resolve():Promise.resolve(t||"Invalid URL");function _n(e){!function(e){e.inputValidator||("email"===e.input&&(e.inputValidator=qn),"url"===e.input&&(e.inputValidator=Nn))}(e),e.showLoaderOnConfirm&&!e.preConfirm&&u("showLoaderOnConfirm is set to true, but preConfirm is not defined.\nshowLoaderOnConfirm should be used together with preConfirm, see usage example:\nhttps://sweetalert2.github.io/#ajax-request"),function(e){(!e.target||"string"==typeof e.target&&!document.querySelector(e.target)||"string"!=typeof e.target&&!e.target.appendChild)&&(u('Target parameter is not valid, defaulting to "body"'),e.target="body")}(e),"string"==typeof e.title&&(e.title=e.title.split("\n").join("<br />")),re(e)}let Fn;var Rn=new WeakMap;class Un{constructor(...t){if(n(this,Rn,void 0),"undefined"==typeof window)return;Fn=this;const o=Object.freeze(this.constructor.argsToParams(t));var i,s,r;this.params=o,this.isAwaitingPromise=!1,i=Rn,s=this,r=this._main(Fn.params),i.set(e(i,s),r)}_main(e,t={}){if(tn(Object.assign({},t,e)),o.currentInstance){const e=tt.swalPromiseResolve.get(o.currentInstance),{isAwaitingPromise:t}=o.currentInstance;o.currentInstance._destroy(),t||e({isDismissed:!0}),D()&&nt()}o.currentInstance=Fn;const n=Wn(e,t);_n(n),Object.freeze(n),o.timeout&&(o.timeout.stop(),delete o.timeout),clearTimeout(o.restoreFocusTimeout);const i=Kn(Fn);return Re(Fn,n),he.innerParams.set(Fn,n),zn(Fn,i,n)}then(e){return t(Rn,this).then(e)}finally(e){return t(Rn,this).finally(e)}}const zn=(e,t,n)=>new Promise((i,s)=>{const r=t=>{e.close({isDismissed:!0,dismiss:t})};tt.swalPromiseResolve.set(e,i),tt.swalPromiseReject.set(e,s),t.confirmButton.onclick=()=>{(e=>{const t=he.innerParams.get(e);e.disableButtons(),t.input?Pt(e,"confirm"):Mt(e,!0)})(e)},t.denyButton.onclick=()=>{(e=>{const t=he.innerParams.get(e);e.disableButtons(),t.returnInputValueOnDeny?Pt(e,"deny"):Tt(e,!1)})(e)},t.cancelButton.onclick=()=>{((e,t)=>{e.disableButtons(),t(ze.cancel)})(e,r)},t.closeButton.onclick=()=>{r(ze.close)},((e,t,n)=>{e.toast?un(e,t,n):(mn(t),hn(t),gn(e,t,n))})(n,t,r),((e,t,n)=>{We(e),t.toast||(e.keydownHandler=e=>Ze(t,e,n),e.keydownTarget=t.keydownListenerCapture?window:C(),e.keydownListenerCapture=t.keydownListenerCapture,e.keydownTarget.addEventListener("keydown",e.keydownHandler,{capture:e.keydownListenerCapture}),e.keydownHandlerAdded=!0)})(o,n,r),((e,t)=>{"select"===t.input||"radio"===t.input?kt(e,t):["text","email","number","tel","textarea"].some(e=>e===t.input)&&(g(t.inputValue)||b(t.inputValue))&&(vt(P()),Bt(e,t))})(e,n),jn(n),Yn(o,n,r),Xn(t,n),setTimeout(()=>{t.container.scrollTop=0})}),Wn=(e,t)=>{const n=(e=>{const t="string"==typeof e.template?document.querySelector(e.template):e.template;if(!t)return{};const n=t.content;return On(n),Object.assign(Bn(n),$n(n),Ln(n),Pn(n),xn(n),Tn(n),Sn(n,kn))})(e),o=Object.assign({},zt,t,n,e);return o.showClass=Object.assign({},zt.showClass,o.showClass),o.hideClass=Object.assign({},zt.hideClass,o.hideClass),!1===o.animation&&(o.showClass={backdrop:"swal2-noanimation"},o.hideClass={}),o},Kn=e=>{const t={popup:C(),container:y(),actions:O(),confirmButton:P(),denyButton:T(),cancelButton:x(),loader:S(),closeButton:H(),validationMessage:L(),progressSteps:$()};return he.domCache.set(e,t),t},Yn=(e,t,n)=>{const o=j();Z(o),t.timer&&(e.timeout=new En(()=>{n("timer"),delete e.timeout},t.timer),t.timerProgressBar&&(X(o),_(o,t,"timerProgressBar"),setTimeout(()=>{e.timeout&&e.timeout.running&&oe(t.timer)})))},Xn=(e,t)=>{if(!t.toast)return h(t.allowEnterKey)?void(Zn(e)||Jn(e,t)||Ke(-1,1)):(m("allowEnterKey"),void Gn())},Zn=e=>{const t=Array.from(e.popup.querySelectorAll("[autofocus]"));for(const e of t)if(e instanceof HTMLElement&&ee(e))return e.focus(),!0;return!1},Jn=(e,t)=>t.focusDeny&&ee(e.denyButton)?(e.denyButton.focus(),!0):t.focusCancel&&ee(e.cancelButton)?(e.cancelButton.focus(),!0):!(!t.focusConfirm||!ee(e.confirmButton))&&(e.confirmButton.focus(),!0),Gn=()=>{document.activeElement instanceof HTMLElement&&"function"==typeof document.activeElement.blur&&document.activeElement.blur()};Un.prototype.disableButtons=Nt,Un.prototype.enableButtons=qt,Un.prototype.getInput=It,Un.prototype.disableInput=Ft,Un.prototype.enableInput=_t,Un.prototype.hideLoading=jt,Un.prototype.disableLoading=jt,Un.prototype.showValidationMessage=Rt,Un.prototype.resetValidationMessage=Ut,Un.prototype.close=dt,Un.prototype.closePopup=dt,Un.prototype.closeModal=dt,Un.prototype.closeToast=dt,Un.prototype.rejectPromise=mt,Un.prototype.update=nn,Un.prototype._destroy=sn,Object.assign(Un,An),Object.keys(cn).forEach(e=>{Un[e]=function(...t){return Fn&&Fn[e]?Fn[e](...t):null}}),Un.DismissReason=ze,Un.version="11.23.0";const Qn=Un;return Qn.default=Qn,Qn}),void 0!==this&&this.Sweetalert2&&(this.swal=this.sweetAlert=this.Swal=this.SweetAlert=this.Sweetalert2);
+"undefined"!=typeof document&&function(e,t){var n=e.createElement("style");if(e.getElementsByTagName("head")[0].appendChild(n),n.styleSheet)n.styleSheet.disabled||(n.styleSheet.cssText=t);else try{n.innerHTML=t}catch(e){n.innerText=t}}(document,":root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-container-padding: 0.625em;--swal2-backdrop: rgba(0, 0, 0, 0.4);--swal2-backdrop-transition: background-color 0.1s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: 0.3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show 0.3s;--swal2-hide-animation: swal2-hide 0.15s forwards;--swal2-icon-zoom: 1;--swal2-icon-animations: true;--swal2-title-padding: 0.8em 1em 0;--swal2-html-container-padding: 1em 1.6em 0.3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: 0.1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color 0.2s, box-shadow 0.2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px $swal2-outline-color;--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color 0.2s, box-shadow 0.2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: 0.25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: 0.25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: 0.25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show 0.5s;--swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}@media(prefers-color-scheme: dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:\"top-start     top            top-end\" \"center-start  center         center-end\" \"bottom-start  bottom-center  bottom-end\";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem;container-name:swal2-popup}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:rgba(0,0,0,0);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:\"!\";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:all}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}");
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/vendor/js/swiper-bundle.min.js b/ci4app/public/assets/raven/vendor/js/swiper-bundle.min.js
new file mode 100644
index 0000000..2a57d2a
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/js/swiper-bundle.min.js
@@ -0,0 +1,14 @@
+/**
+ * Swiper 11.2.10
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2025 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: June 28, 2025
+ */
+
+var Swiper=function(){"use strict";function e(e){return null!==e&&"object"==typeof e&&"constructor"in e&&e.constructor===Object}function t(s,a){void 0===s&&(s={}),void 0===a&&(a={});const i=["__proto__","constructor","prototype"];Object.keys(a).filter((e=>i.indexOf(e)<0)).forEach((i=>{void 0===s[i]?s[i]=a[i]:e(a[i])&&e(s[i])&&Object.keys(a[i]).length>0&&t(s[i],a[i])}))}const s={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector:()=>null,querySelectorAll:()=>[],getElementById:()=>null,createEvent:()=>({initEvent(){}}),createElement:()=>({children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName:()=>[]}),createElementNS:()=>({}),importNode:()=>null,location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function a(){const e="undefined"!=typeof document?document:{};return t(e,s),e}const i={document:s,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle:()=>({getPropertyValue:()=>""}),Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia:()=>({}),requestAnimationFrame:e=>"undefined"==typeof setTimeout?(e(),null):setTimeout(e,0),cancelAnimationFrame(e){"undefined"!=typeof setTimeout&&clearTimeout(e)}};function r(){const e="undefined"!=typeof window?window:{};return t(e,i),e}function n(e){return void 0===e&&(e=""),e.trim().split(" ").filter((e=>!!e.trim()))}function l(e,t){return void 0===t&&(t=0),setTimeout(e,t)}function o(){return Date.now()}function d(e,t){void 0===t&&(t="x");const s=r();let a,i,n;const l=function(e){const t=r();let s;return t.getComputedStyle&&(s=t.getComputedStyle(e,null)),!s&&e.currentStyle&&(s=e.currentStyle),s||(s=e.style),s}(e);return s.WebKitCSSMatrix?(i=l.transform||l.webkitTransform,i.split(",").length>6&&(i=i.split(", ").map((e=>e.replace(",","."))).join(", ")),n=new s.WebKitCSSMatrix("none"===i?"":i)):(n=l.MozTransform||l.OTransform||l.MsTransform||l.msTransform||l.transform||l.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),a=n.toString().split(",")),"x"===t&&(i=s.WebKitCSSMatrix?n.m41:16===a.length?parseFloat(a[12]):parseFloat(a[4])),"y"===t&&(i=s.WebKitCSSMatrix?n.m42:16===a.length?parseFloat(a[13]):parseFloat(a[5])),i||0}function c(e){return"object"==typeof e&&null!==e&&e.constructor&&"Object"===Object.prototype.toString.call(e).slice(8,-1)}function p(){const e=Object(arguments.length<=0?void 0:arguments[0]),t=["__proto__","constructor","prototype"];for(let a=1;a<arguments.length;a+=1){const i=a<0||arguments.length<=a?void 0:arguments[a];if(null!=i&&(s=i,!("undefined"!=typeof window&&void 0!==window.HTMLElement?s instanceof HTMLElement:s&&(1===s.nodeType||11===s.nodeType)))){const s=Object.keys(Object(i)).filter((e=>t.indexOf(e)<0));for(let t=0,a=s.length;t<a;t+=1){const a=s[t],r=Object.getOwnPropertyDescriptor(i,a);void 0!==r&&r.enumerable&&(c(e[a])&&c(i[a])?i[a].__swiper__?e[a]=i[a]:p(e[a],i[a]):!c(e[a])&&c(i[a])?(e[a]={},i[a].__swiper__?e[a]=i[a]:p(e[a],i[a])):e[a]=i[a])}}}var s;return e}function u(e,t,s){e.style.setProperty(t,s)}function m(e){let{swiper:t,targetPosition:s,side:a}=e;const i=r(),n=-t.translate;let l,o=null;const d=t.params.speed;t.wrapperEl.style.scrollSnapType="none",i.cancelAnimationFrame(t.cssModeFrameID);const c=s>n?"next":"prev",p=(e,t)=>"next"===c&&e>=t||"prev"===c&&e<=t,u=()=>{l=(new Date).getTime(),null===o&&(o=l);const e=Math.max(Math.min((l-o)/d,1),0),r=.5-Math.cos(e*Math.PI)/2;let c=n+r*(s-n);if(p(c,s)&&(c=s),t.wrapperEl.scrollTo({[a]:c}),p(c,s))return t.wrapperEl.style.overflow="hidden",t.wrapperEl.style.scrollSnapType="",setTimeout((()=>{t.wrapperEl.style.overflow="",t.wrapperEl.scrollTo({[a]:c})})),void i.cancelAnimationFrame(t.cssModeFrameID);t.cssModeFrameID=i.requestAnimationFrame(u)};u()}function h(e){return e.querySelector(".swiper-slide-transform")||e.shadowRoot&&e.shadowRoot.querySelector(".swiper-slide-transform")||e}function f(e,t){void 0===t&&(t="");const s=r(),a=[...e.children];return s.HTMLSlotElement&&e instanceof HTMLSlotElement&&a.push(...e.assignedElements()),t?a.filter((e=>e.matches(t))):a}function g(e){try{return void console.warn(e)}catch(e){}}function v(e,t){void 0===t&&(t=[]);const s=document.createElement(e);return s.classList.add(...Array.isArray(t)?t:n(t)),s}function w(e){const t=r(),s=a(),i=e.getBoundingClientRect(),n=s.body,l=e.clientTop||n.clientTop||0,o=e.clientLeft||n.clientLeft||0,d=e===t?t.scrollY:e.scrollTop,c=e===t?t.scrollX:e.scrollLeft;return{top:i.top+d-l,left:i.left+c-o}}function b(e,t){return r().getComputedStyle(e,null).getPropertyValue(t)}function y(e){let t,s=e;if(s){for(t=0;null!==(s=s.previousSibling);)1===s.nodeType&&(t+=1);return t}}function E(e,t){const s=[];let a=e.parentElement;for(;a;)t?a.matches(t)&&s.push(a):s.push(a),a=a.parentElement;return s}function x(e,t){t&&e.addEventListener("transitionend",(function s(a){a.target===e&&(t.call(e,a),e.removeEventListener("transitionend",s))}))}function S(e,t,s){const a=r();return s?e["width"===t?"offsetWidth":"offsetHeight"]+parseFloat(a.getComputedStyle(e,null).getPropertyValue("width"===t?"margin-right":"margin-top"))+parseFloat(a.getComputedStyle(e,null).getPropertyValue("width"===t?"margin-left":"margin-bottom")):e.offsetWidth}function T(e){return(Array.isArray(e)?e:[e]).filter((e=>!!e))}function M(e){return t=>Math.abs(t)>0&&e.browser&&e.browser.need3dFix&&Math.abs(t)%90==0?t+.001:t}function C(e,t){void 0===t&&(t=""),"undefined"!=typeof trustedTypes?e.innerHTML=trustedTypes.createPolicy("html",{createHTML:e=>e}).createHTML(t):e.innerHTML=t}let P,L,I;function z(){return P||(P=function(){const e=r(),t=a();return{smoothScroll:t.documentElement&&t.documentElement.style&&"scrollBehavior"in t.documentElement.style,touch:!!("ontouchstart"in e||e.DocumentTouch&&t instanceof e.DocumentTouch)}}()),P}function A(e){return void 0===e&&(e={}),L||(L=function(e){let{userAgent:t}=void 0===e?{}:e;const s=z(),a=r(),i=a.navigator.platform,n=t||a.navigator.userAgent,l={ios:!1,android:!1},o=a.screen.width,d=a.screen.height,c=n.match(/(Android);?[\s\/]+([\d.]+)?/);let p=n.match(/(iPad).*OS\s([\d_]+)/);const u=n.match(/(iPod)(.*OS\s([\d_]+))?/),m=!p&&n.match(/(iPhone\sOS|iOS)\s([\d_]+)/),h="Win32"===i;let f="MacIntel"===i;return!p&&f&&s.touch&&["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"].indexOf(`${o}x${d}`)>=0&&(p=n.match(/(Version)\/([\d.]+)/),p||(p=[0,1,"13_0_0"]),f=!1),c&&!h&&(l.os="android",l.android=!0),(p||m||u)&&(l.os="ios",l.ios=!0),l}(e)),L}function $(){return I||(I=function(){const e=r(),t=A();let s=!1;function a(){const t=e.navigator.userAgent.toLowerCase();return t.indexOf("safari")>=0&&t.indexOf("chrome")<0&&t.indexOf("android")<0}if(a()){const t=String(e.navigator.userAgent);if(t.includes("Version/")){const[e,a]=t.split("Version/")[1].split(" ")[0].split(".").map((e=>Number(e)));s=e<16||16===e&&a<2}}const i=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(e.navigator.userAgent),n=a();return{isSafari:s||n,needPerspectiveFix:s,need3dFix:n||i&&t.ios,isWebView:i}}()),I}var k={on(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;const i=s?"unshift":"push";return e.split(" ").forEach((e=>{a.eventsListeners[e]||(a.eventsListeners[e]=[]),a.eventsListeners[e][i](t)})),a},once(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;function i(){a.off(e,i),i.__emitterProxy&&delete i.__emitterProxy;for(var s=arguments.length,r=new Array(s),n=0;n<s;n++)r[n]=arguments[n];t.apply(a,r)}return i.__emitterProxy=t,a.on(e,i,s)},onAny(e,t){const s=this;if(!s.eventsListeners||s.destroyed)return s;if("function"!=typeof e)return s;const a=t?"unshift":"push";return s.eventsAnyListeners.indexOf(e)<0&&s.eventsAnyListeners[a](e),s},offAny(e){const t=this;if(!t.eventsListeners||t.destroyed)return t;if(!t.eventsAnyListeners)return t;const s=t.eventsAnyListeners.indexOf(e);return s>=0&&t.eventsAnyListeners.splice(s,1),t},off(e,t){const s=this;return!s.eventsListeners||s.destroyed?s:s.eventsListeners?(e.split(" ").forEach((e=>{void 0===t?s.eventsListeners[e]=[]:s.eventsListeners[e]&&s.eventsListeners[e].forEach(((a,i)=>{(a===t||a.__emitterProxy&&a.__emitterProxy===t)&&s.eventsListeners[e].splice(i,1)}))})),s):s},emit(){const e=this;if(!e.eventsListeners||e.destroyed)return e;if(!e.eventsListeners)return e;let t,s,a;for(var i=arguments.length,r=new Array(i),n=0;n<i;n++)r[n]=arguments[n];"string"==typeof r[0]||Array.isArray(r[0])?(t=r[0],s=r.slice(1,r.length),a=e):(t=r[0].events,s=r[0].data,a=r[0].context||e),s.unshift(a);return(Array.isArray(t)?t:t.split(" ")).forEach((t=>{e.eventsAnyListeners&&e.eventsAnyListeners.length&&e.eventsAnyListeners.forEach((e=>{e.apply(a,[t,...s])})),e.eventsListeners&&e.eventsListeners[t]&&e.eventsListeners[t].forEach((e=>{e.apply(a,s)}))})),e}};const O=(e,t,s)=>{t&&!e.classList.contains(s)?e.classList.add(s):!t&&e.classList.contains(s)&&e.classList.remove(s)};const D=(e,t,s)=>{t&&!e.classList.contains(s)?e.classList.add(s):!t&&e.classList.contains(s)&&e.classList.remove(s)};const G=(e,t)=>{if(!e||e.destroyed||!e.params)return;const s=t.closest(e.isElement?"swiper-slide":`.${e.params.slideClass}`);if(s){let t=s.querySelector(`.${e.params.lazyPreloaderClass}`);!t&&e.isElement&&(s.shadowRoot?t=s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`):requestAnimationFrame((()=>{s.shadowRoot&&(t=s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`),t&&t.remove())}))),t&&t.remove()}},X=(e,t)=>{if(!e.slides[t])return;const s=e.slides[t].querySelector('[loading="lazy"]');s&&s.removeAttribute("loading")},Y=e=>{if(!e||e.destroyed||!e.params)return;let t=e.params.lazyPreloadPrevNext;const s=e.slides.length;if(!s||!t||t<0)return;t=Math.min(t,s);const a="auto"===e.params.slidesPerView?e.slidesPerViewDynamic():Math.ceil(e.params.slidesPerView),i=e.activeIndex;if(e.params.grid&&e.params.grid.rows>1){const s=i,r=[s-t];return r.push(...Array.from({length:t}).map(((e,t)=>s+a+t))),void e.slides.forEach(((t,s)=>{r.includes(t.column)&&X(e,s)}))}const r=i+a-1;if(e.params.rewind||e.params.loop)for(let a=i-t;a<=r+t;a+=1){const t=(a%s+s)%s;(t<i||t>r)&&X(e,t)}else for(let a=Math.max(i-t,0);a<=Math.min(r+t,s-1);a+=1)a!==i&&(a>r||a<i)&&X(e,a)};var B={updateSize:function(){const e=this;let t,s;const a=e.el;t=void 0!==e.params.width&&null!==e.params.width?e.params.width:a.clientWidth,s=void 0!==e.params.height&&null!==e.params.height?e.params.height:a.clientHeight,0===t&&e.isHorizontal()||0===s&&e.isVertical()||(t=t-parseInt(b(a,"padding-left")||0,10)-parseInt(b(a,"padding-right")||0,10),s=s-parseInt(b(a,"padding-top")||0,10)-parseInt(b(a,"padding-bottom")||0,10),Number.isNaN(t)&&(t=0),Number.isNaN(s)&&(s=0),Object.assign(e,{width:t,height:s,size:e.isHorizontal()?t:s}))},updateSlides:function(){const e=this;function t(t,s){return parseFloat(t.getPropertyValue(e.getDirectionLabel(s))||0)}const s=e.params,{wrapperEl:a,slidesEl:i,size:r,rtlTranslate:n,wrongRTL:l}=e,o=e.virtual&&s.virtual.enabled,d=o?e.virtual.slides.length:e.slides.length,c=f(i,`.${e.params.slideClass}, swiper-slide`),p=o?e.virtual.slides.length:c.length;let m=[];const h=[],g=[];let v=s.slidesOffsetBefore;"function"==typeof v&&(v=s.slidesOffsetBefore.call(e));let w=s.slidesOffsetAfter;"function"==typeof w&&(w=s.slidesOffsetAfter.call(e));const y=e.snapGrid.length,E=e.slidesGrid.length;let x=s.spaceBetween,T=-v,M=0,C=0;if(void 0===r)return;"string"==typeof x&&x.indexOf("%")>=0?x=parseFloat(x.replace("%",""))/100*r:"string"==typeof x&&(x=parseFloat(x)),e.virtualSize=-x,c.forEach((e=>{n?e.style.marginLeft="":e.style.marginRight="",e.style.marginBottom="",e.style.marginTop=""})),s.centeredSlides&&s.cssMode&&(u(a,"--swiper-centered-offset-before",""),u(a,"--swiper-centered-offset-after",""));const P=s.grid&&s.grid.rows>1&&e.grid;let L;P?e.grid.initSlides(c):e.grid&&e.grid.unsetSlides();const I="auto"===s.slidesPerView&&s.breakpoints&&Object.keys(s.breakpoints).filter((e=>void 0!==s.breakpoints[e].slidesPerView)).length>0;for(let a=0;a<p;a+=1){let i;if(L=0,c[a]&&(i=c[a]),P&&e.grid.updateSlide(a,i,c),!c[a]||"none"!==b(i,"display")){if("auto"===s.slidesPerView){I&&(c[a].style[e.getDirectionLabel("width")]="");const r=getComputedStyle(i),n=i.style.transform,l=i.style.webkitTransform;if(n&&(i.style.transform="none"),l&&(i.style.webkitTransform="none"),s.roundLengths)L=e.isHorizontal()?S(i,"width",!0):S(i,"height",!0);else{const e=t(r,"width"),s=t(r,"padding-left"),a=t(r,"padding-right"),n=t(r,"margin-left"),l=t(r,"margin-right"),o=r.getPropertyValue("box-sizing");if(o&&"border-box"===o)L=e+n+l;else{const{clientWidth:t,offsetWidth:r}=i;L=e+s+a+n+l+(r-t)}}n&&(i.style.transform=n),l&&(i.style.webkitTransform=l),s.roundLengths&&(L=Math.floor(L))}else L=(r-(s.slidesPerView-1)*x)/s.slidesPerView,s.roundLengths&&(L=Math.floor(L)),c[a]&&(c[a].style[e.getDirectionLabel("width")]=`${L}px`);c[a]&&(c[a].swiperSlideSize=L),g.push(L),s.centeredSlides?(T=T+L/2+M/2+x,0===M&&0!==a&&(T=T-r/2-x),0===a&&(T=T-r/2-x),Math.abs(T)<.001&&(T=0),s.roundLengths&&(T=Math.floor(T)),C%s.slidesPerGroup==0&&m.push(T),h.push(T)):(s.roundLengths&&(T=Math.floor(T)),(C-Math.min(e.params.slidesPerGroupSkip,C))%e.params.slidesPerGroup==0&&m.push(T),h.push(T),T=T+L+x),e.virtualSize+=L+x,M=L,C+=1}}if(e.virtualSize=Math.max(e.virtualSize,r)+w,n&&l&&("slide"===s.effect||"coverflow"===s.effect)&&(a.style.width=`${e.virtualSize+x}px`),s.setWrapperSize&&(a.style[e.getDirectionLabel("width")]=`${e.virtualSize+x}px`),P&&e.grid.updateWrapperSize(L,m),!s.centeredSlides){const t=[];for(let a=0;a<m.length;a+=1){let i=m[a];s.roundLengths&&(i=Math.floor(i)),m[a]<=e.virtualSize-r&&t.push(i)}m=t,Math.floor(e.virtualSize-r)-Math.floor(m[m.length-1])>1&&m.push(e.virtualSize-r)}if(o&&s.loop){const t=g[0]+x;if(s.slidesPerGroup>1){const a=Math.ceil((e.virtual.slidesBefore+e.virtual.slidesAfter)/s.slidesPerGroup),i=t*s.slidesPerGroup;for(let e=0;e<a;e+=1)m.push(m[m.length-1]+i)}for(let a=0;a<e.virtual.slidesBefore+e.virtual.slidesAfter;a+=1)1===s.slidesPerGroup&&m.push(m[m.length-1]+t),h.push(h[h.length-1]+t),e.virtualSize+=t}if(0===m.length&&(m=[0]),0!==x){const t=e.isHorizontal()&&n?"marginLeft":e.getDirectionLabel("marginRight");c.filter(((e,t)=>!(s.cssMode&&!s.loop)||t!==c.length-1)).forEach((e=>{e.style[t]=`${x}px`}))}if(s.centeredSlides&&s.centeredSlidesBounds){let e=0;g.forEach((t=>{e+=t+(x||0)})),e-=x;const t=e>r?e-r:0;m=m.map((e=>e<=0?-v:e>t?t+w:e))}if(s.centerInsufficientSlides){let e=0;g.forEach((t=>{e+=t+(x||0)})),e-=x;const t=(s.slidesOffsetBefore||0)+(s.slidesOffsetAfter||0);if(e+t<r){const s=(r-e-t)/2;m.forEach(((e,t)=>{m[t]=e-s})),h.forEach(((e,t)=>{h[t]=e+s}))}}if(Object.assign(e,{slides:c,snapGrid:m,slidesGrid:h,slidesSizesGrid:g}),s.centeredSlides&&s.cssMode&&!s.centeredSlidesBounds){u(a,"--swiper-centered-offset-before",-m[0]+"px"),u(a,"--swiper-centered-offset-after",e.size/2-g[g.length-1]/2+"px");const t=-e.snapGrid[0],s=-e.slidesGrid[0];e.snapGrid=e.snapGrid.map((e=>e+t)),e.slidesGrid=e.slidesGrid.map((e=>e+s))}if(p!==d&&e.emit("slidesLengthChange"),m.length!==y&&(e.params.watchOverflow&&e.checkOverflow(),e.emit("snapGridLengthChange")),h.length!==E&&e.emit("slidesGridLengthChange"),s.watchSlidesProgress&&e.updateSlidesOffset(),e.emit("slidesUpdated"),!(o||s.cssMode||"slide"!==s.effect&&"fade"!==s.effect)){const t=`${s.containerModifierClass}backface-hidden`,a=e.el.classList.contains(t);p<=s.maxBackfaceHiddenSlides?a||e.el.classList.add(t):a&&e.el.classList.remove(t)}},updateAutoHeight:function(e){const t=this,s=[],a=t.virtual&&t.params.virtual.enabled;let i,r=0;"number"==typeof e?t.setTransition(e):!0===e&&t.setTransition(t.params.speed);const n=e=>a?t.slides[t.getSlideIndexByData(e)]:t.slides[e];if("auto"!==t.params.slidesPerView&&t.params.slidesPerView>1)if(t.params.centeredSlides)(t.visibleSlides||[]).forEach((e=>{s.push(e)}));else for(i=0;i<Math.ceil(t.params.slidesPerView);i+=1){const e=t.activeIndex+i;if(e>t.slides.length&&!a)break;s.push(n(e))}else s.push(n(t.activeIndex));for(i=0;i<s.length;i+=1)if(void 0!==s[i]){const e=s[i].offsetHeight;r=e>r?e:r}(r||0===r)&&(t.wrapperEl.style.height=`${r}px`)},updateSlidesOffset:function(){const e=this,t=e.slides,s=e.isElement?e.isHorizontal()?e.wrapperEl.offsetLeft:e.wrapperEl.offsetTop:0;for(let a=0;a<t.length;a+=1)t[a].swiperSlideOffset=(e.isHorizontal()?t[a].offsetLeft:t[a].offsetTop)-s-e.cssOverflowAdjustment()},updateSlidesProgress:function(e){void 0===e&&(e=this&&this.translate||0);const t=this,s=t.params,{slides:a,rtlTranslate:i,snapGrid:r}=t;if(0===a.length)return;void 0===a[0].swiperSlideOffset&&t.updateSlidesOffset();let n=-e;i&&(n=e),t.visibleSlidesIndexes=[],t.visibleSlides=[];let l=s.spaceBetween;"string"==typeof l&&l.indexOf("%")>=0?l=parseFloat(l.replace("%",""))/100*t.size:"string"==typeof l&&(l=parseFloat(l));for(let e=0;e<a.length;e+=1){const o=a[e];let d=o.swiperSlideOffset;s.cssMode&&s.centeredSlides&&(d-=a[0].swiperSlideOffset);const c=(n+(s.centeredSlides?t.minTranslate():0)-d)/(o.swiperSlideSize+l),p=(n-r[0]+(s.centeredSlides?t.minTranslate():0)-d)/(o.swiperSlideSize+l),u=-(n-d),m=u+t.slidesSizesGrid[e],h=u>=0&&u<=t.size-t.slidesSizesGrid[e],f=u>=0&&u<t.size-1||m>1&&m<=t.size||u<=0&&m>=t.size;f&&(t.visibleSlides.push(o),t.visibleSlidesIndexes.push(e)),O(o,f,s.slideVisibleClass),O(o,h,s.slideFullyVisibleClass),o.progress=i?-c:c,o.originalProgress=i?-p:p}},updateProgress:function(e){const t=this;if(void 0===e){const s=t.rtlTranslate?-1:1;e=t&&t.translate&&t.translate*s||0}const s=t.params,a=t.maxTranslate()-t.minTranslate();let{progress:i,isBeginning:r,isEnd:n,progressLoop:l}=t;const o=r,d=n;if(0===a)i=0,r=!0,n=!0;else{i=(e-t.minTranslate())/a;const s=Math.abs(e-t.minTranslate())<1,l=Math.abs(e-t.maxTranslate())<1;r=s||i<=0,n=l||i>=1,s&&(i=0),l&&(i=1)}if(s.loop){const s=t.getSlideIndexByData(0),a=t.getSlideIndexByData(t.slides.length-1),i=t.slidesGrid[s],r=t.slidesGrid[a],n=t.slidesGrid[t.slidesGrid.length-1],o=Math.abs(e);l=o>=i?(o-i)/n:(o+n-r)/n,l>1&&(l-=1)}Object.assign(t,{progress:i,progressLoop:l,isBeginning:r,isEnd:n}),(s.watchSlidesProgress||s.centeredSlides&&s.autoHeight)&&t.updateSlidesProgress(e),r&&!o&&t.emit("reachBeginning toEdge"),n&&!d&&t.emit("reachEnd toEdge"),(o&&!r||d&&!n)&&t.emit("fromEdge"),t.emit("progress",i)},updateSlidesClasses:function(){const e=this,{slides:t,params:s,slidesEl:a,activeIndex:i}=e,r=e.virtual&&s.virtual.enabled,n=e.grid&&s.grid&&s.grid.rows>1,l=e=>f(a,`.${s.slideClass}${e}, swiper-slide${e}`)[0];let o,d,c;if(r)if(s.loop){let t=i-e.virtual.slidesBefore;t<0&&(t=e.virtual.slides.length+t),t>=e.virtual.slides.length&&(t-=e.virtual.slides.length),o=l(`[data-swiper-slide-index="${t}"]`)}else o=l(`[data-swiper-slide-index="${i}"]`);else n?(o=t.find((e=>e.column===i)),c=t.find((e=>e.column===i+1)),d=t.find((e=>e.column===i-1))):o=t[i];o&&(n||(c=function(e,t){const s=[];for(;e.nextElementSibling;){const a=e.nextElementSibling;t?a.matches(t)&&s.push(a):s.push(a),e=a}return s}(o,`.${s.slideClass}, swiper-slide`)[0],s.loop&&!c&&(c=t[0]),d=function(e,t){const s=[];for(;e.previousElementSibling;){const a=e.previousElementSibling;t?a.matches(t)&&s.push(a):s.push(a),e=a}return s}(o,`.${s.slideClass}, swiper-slide`)[0],s.loop&&0===!d&&(d=t[t.length-1]))),t.forEach((e=>{D(e,e===o,s.slideActiveClass),D(e,e===c,s.slideNextClass),D(e,e===d,s.slidePrevClass)})),e.emitSlidesClasses()},updateActiveIndex:function(e){const t=this,s=t.rtlTranslate?t.translate:-t.translate,{snapGrid:a,params:i,activeIndex:r,realIndex:n,snapIndex:l}=t;let o,d=e;const c=e=>{let s=e-t.virtual.slidesBefore;return s<0&&(s=t.virtual.slides.length+s),s>=t.virtual.slides.length&&(s-=t.virtual.slides.length),s};if(void 0===d&&(d=function(e){const{slidesGrid:t,params:s}=e,a=e.rtlTranslate?e.translate:-e.translate;let i;for(let e=0;e<t.length;e+=1)void 0!==t[e+1]?a>=t[e]&&a<t[e+1]-(t[e+1]-t[e])/2?i=e:a>=t[e]&&a<t[e+1]&&(i=e+1):a>=t[e]&&(i=e);return s.normalizeSlideIndex&&(i<0||void 0===i)&&(i=0),i}(t)),a.indexOf(s)>=0)o=a.indexOf(s);else{const e=Math.min(i.slidesPerGroupSkip,d);o=e+Math.floor((d-e)/i.slidesPerGroup)}if(o>=a.length&&(o=a.length-1),d===r&&!t.params.loop)return void(o!==l&&(t.snapIndex=o,t.emit("snapIndexChange")));if(d===r&&t.params.loop&&t.virtual&&t.params.virtual.enabled)return void(t.realIndex=c(d));const p=t.grid&&i.grid&&i.grid.rows>1;let u;if(t.virtual&&i.virtual.enabled&&i.loop)u=c(d);else if(p){const e=t.slides.find((e=>e.column===d));let s=parseInt(e.getAttribute("data-swiper-slide-index"),10);Number.isNaN(s)&&(s=Math.max(t.slides.indexOf(e),0)),u=Math.floor(s/i.grid.rows)}else if(t.slides[d]){const e=t.slides[d].getAttribute("data-swiper-slide-index");u=e?parseInt(e,10):d}else u=d;Object.assign(t,{previousSnapIndex:l,snapIndex:o,previousRealIndex:n,realIndex:u,previousIndex:r,activeIndex:d}),t.initialized&&Y(t),t.emit("activeIndexChange"),t.emit("snapIndexChange"),(t.initialized||t.params.runCallbacksOnInit)&&(n!==u&&t.emit("realIndexChange"),t.emit("slideChange"))},updateClickedSlide:function(e,t){const s=this,a=s.params;let i=e.closest(`.${a.slideClass}, swiper-slide`);!i&&s.isElement&&t&&t.length>1&&t.includes(e)&&[...t.slice(t.indexOf(e)+1,t.length)].forEach((e=>{!i&&e.matches&&e.matches(`.${a.slideClass}, swiper-slide`)&&(i=e)}));let r,n=!1;if(i)for(let e=0;e<s.slides.length;e+=1)if(s.slides[e]===i){n=!0,r=e;break}if(!i||!n)return s.clickedSlide=void 0,void(s.clickedIndex=void 0);s.clickedSlide=i,s.virtual&&s.params.virtual.enabled?s.clickedIndex=parseInt(i.getAttribute("data-swiper-slide-index"),10):s.clickedIndex=r,a.slideToClickedSlide&&void 0!==s.clickedIndex&&s.clickedIndex!==s.activeIndex&&s.slideToClickedSlide()}};var H={getTranslate:function(e){void 0===e&&(e=this.isHorizontal()?"x":"y");const{params:t,rtlTranslate:s,translate:a,wrapperEl:i}=this;if(t.virtualTranslate)return s?-a:a;if(t.cssMode)return a;let r=d(i,e);return r+=this.cssOverflowAdjustment(),s&&(r=-r),r||0},setTranslate:function(e,t){const s=this,{rtlTranslate:a,params:i,wrapperEl:r,progress:n}=s;let l,o=0,d=0;s.isHorizontal()?o=a?-e:e:d=e,i.roundLengths&&(o=Math.floor(o),d=Math.floor(d)),s.previousTranslate=s.translate,s.translate=s.isHorizontal()?o:d,i.cssMode?r[s.isHorizontal()?"scrollLeft":"scrollTop"]=s.isHorizontal()?-o:-d:i.virtualTranslate||(s.isHorizontal()?o-=s.cssOverflowAdjustment():d-=s.cssOverflowAdjustment(),r.style.transform=`translate3d(${o}px, ${d}px, 0px)`);const c=s.maxTranslate()-s.minTranslate();l=0===c?0:(e-s.minTranslate())/c,l!==n&&s.updateProgress(e),s.emit("setTranslate",s.translate,t)},minTranslate:function(){return-this.snapGrid[0]},maxTranslate:function(){return-this.snapGrid[this.snapGrid.length-1]},translateTo:function(e,t,s,a,i){void 0===e&&(e=0),void 0===t&&(t=this.params.speed),void 0===s&&(s=!0),void 0===a&&(a=!0);const r=this,{params:n,wrapperEl:l}=r;if(r.animating&&n.preventInteractionOnTransition)return!1;const o=r.minTranslate(),d=r.maxTranslate();let c;if(c=a&&e>o?o:a&&e<d?d:e,r.updateProgress(c),n.cssMode){const e=r.isHorizontal();if(0===t)l[e?"scrollLeft":"scrollTop"]=-c;else{if(!r.support.smoothScroll)return m({swiper:r,targetPosition:-c,side:e?"left":"top"}),!0;l.scrollTo({[e?"left":"top"]:-c,behavior:"smooth"})}return!0}return 0===t?(r.setTransition(0),r.setTranslate(c),s&&(r.emit("beforeTransitionStart",t,i),r.emit("transitionEnd"))):(r.setTransition(t),r.setTranslate(c),s&&(r.emit("beforeTransitionStart",t,i),r.emit("transitionStart")),r.animating||(r.animating=!0,r.onTranslateToWrapperTransitionEnd||(r.onTranslateToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.wrapperEl.removeEventListener("transitionend",r.onTranslateToWrapperTransitionEnd),r.onTranslateToWrapperTransitionEnd=null,delete r.onTranslateToWrapperTransitionEnd,r.animating=!1,s&&r.emit("transitionEnd"))}),r.wrapperEl.addEventListener("transitionend",r.onTranslateToWrapperTransitionEnd))),!0}};function N(e){let{swiper:t,runCallbacks:s,direction:a,step:i}=e;const{activeIndex:r,previousIndex:n}=t;let l=a;l||(l=r>n?"next":r<n?"prev":"reset"),t.emit(`transition${i}`),s&&"reset"===l?t.emit(`slideResetTransition${i}`):s&&r!==n&&(t.emit(`slideChangeTransition${i}`),"next"===l?t.emit(`slideNextTransition${i}`):t.emit(`slidePrevTransition${i}`))}var R={slideTo:function(e,t,s,a,i){void 0===e&&(e=0),void 0===s&&(s=!0),"string"==typeof e&&(e=parseInt(e,10));const r=this;let n=e;n<0&&(n=0);const{params:l,snapGrid:o,slidesGrid:d,previousIndex:c,activeIndex:p,rtlTranslate:u,wrapperEl:h,enabled:f}=r;if(!f&&!a&&!i||r.destroyed||r.animating&&l.preventInteractionOnTransition)return!1;void 0===t&&(t=r.params.speed);const g=Math.min(r.params.slidesPerGroupSkip,n);let v=g+Math.floor((n-g)/r.params.slidesPerGroup);v>=o.length&&(v=o.length-1);const w=-o[v];if(l.normalizeSlideIndex)for(let e=0;e<d.length;e+=1){const t=-Math.floor(100*w),s=Math.floor(100*d[e]),a=Math.floor(100*d[e+1]);void 0!==d[e+1]?t>=s&&t<a-(a-s)/2?n=e:t>=s&&t<a&&(n=e+1):t>=s&&(n=e)}if(r.initialized&&n!==p){if(!r.allowSlideNext&&(u?w>r.translate&&w>r.minTranslate():w<r.translate&&w<r.minTranslate()))return!1;if(!r.allowSlidePrev&&w>r.translate&&w>r.maxTranslate()&&(p||0)!==n)return!1}let b;n!==(c||0)&&s&&r.emit("beforeSlideChangeStart"),r.updateProgress(w),b=n>p?"next":n<p?"prev":"reset";const y=r.virtual&&r.params.virtual.enabled;if(!(y&&i)&&(u&&-w===r.translate||!u&&w===r.translate))return r.updateActiveIndex(n),l.autoHeight&&r.updateAutoHeight(),r.updateSlidesClasses(),"slide"!==l.effect&&r.setTranslate(w),"reset"!==b&&(r.transitionStart(s,b),r.transitionEnd(s,b)),!1;if(l.cssMode){const e=r.isHorizontal(),s=u?w:-w;if(0===t)y&&(r.wrapperEl.style.scrollSnapType="none",r._immediateVirtual=!0),y&&!r._cssModeVirtualInitialSet&&r.params.initialSlide>0?(r._cssModeVirtualInitialSet=!0,requestAnimationFrame((()=>{h[e?"scrollLeft":"scrollTop"]=s}))):h[e?"scrollLeft":"scrollTop"]=s,y&&requestAnimationFrame((()=>{r.wrapperEl.style.scrollSnapType="",r._immediateVirtual=!1}));else{if(!r.support.smoothScroll)return m({swiper:r,targetPosition:s,side:e?"left":"top"}),!0;h.scrollTo({[e?"left":"top"]:s,behavior:"smooth"})}return!0}const E=$().isSafari;return y&&!i&&E&&r.isElement&&r.virtual.update(!1,!1,n),r.setTransition(t),r.setTranslate(w),r.updateActiveIndex(n),r.updateSlidesClasses(),r.emit("beforeTransitionStart",t,a),r.transitionStart(s,b),0===t?r.transitionEnd(s,b):r.animating||(r.animating=!0,r.onSlideToWrapperTransitionEnd||(r.onSlideToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.wrapperEl.removeEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.onSlideToWrapperTransitionEnd=null,delete r.onSlideToWrapperTransitionEnd,r.transitionEnd(s,b))}),r.wrapperEl.addEventListener("transitionend",r.onSlideToWrapperTransitionEnd)),!0},slideToLoop:function(e,t,s,a){if(void 0===e&&(e=0),void 0===s&&(s=!0),"string"==typeof e){e=parseInt(e,10)}const i=this;if(i.destroyed)return;void 0===t&&(t=i.params.speed);const r=i.grid&&i.params.grid&&i.params.grid.rows>1;let n=e;if(i.params.loop)if(i.virtual&&i.params.virtual.enabled)n+=i.virtual.slidesBefore;else{let e;if(r){const t=n*i.params.grid.rows;e=i.slides.find((e=>1*e.getAttribute("data-swiper-slide-index")===t)).column}else e=i.getSlideIndexByData(n);const t=r?Math.ceil(i.slides.length/i.params.grid.rows):i.slides.length,{centeredSlides:s}=i.params;let l=i.params.slidesPerView;"auto"===l?l=i.slidesPerViewDynamic():(l=Math.ceil(parseFloat(i.params.slidesPerView,10)),s&&l%2==0&&(l+=1));let o=t-e<l;if(s&&(o=o||e<Math.ceil(l/2)),a&&s&&"auto"!==i.params.slidesPerView&&!r&&(o=!1),o){const a=s?e<i.activeIndex?"prev":"next":e-i.activeIndex-1<i.params.slidesPerView?"next":"prev";i.loopFix({direction:a,slideTo:!0,activeSlideIndex:"next"===a?e+1:e-t+1,slideRealIndex:"next"===a?i.realIndex:void 0})}if(r){const e=n*i.params.grid.rows;n=i.slides.find((t=>1*t.getAttribute("data-swiper-slide-index")===e)).column}else n=i.getSlideIndexByData(n)}return requestAnimationFrame((()=>{i.slideTo(n,t,s,a)})),i},slideNext:function(e,t,s){void 0===t&&(t=!0);const a=this,{enabled:i,params:r,animating:n}=a;if(!i||a.destroyed)return a;void 0===e&&(e=a.params.speed);let l=r.slidesPerGroup;"auto"===r.slidesPerView&&1===r.slidesPerGroup&&r.slidesPerGroupAuto&&(l=Math.max(a.slidesPerViewDynamic("current",!0),1));const o=a.activeIndex<r.slidesPerGroupSkip?1:l,d=a.virtual&&r.virtual.enabled;if(r.loop){if(n&&!d&&r.loopPreventsSliding)return!1;if(a.loopFix({direction:"next"}),a._clientLeft=a.wrapperEl.clientLeft,a.activeIndex===a.slides.length-1&&r.cssMode)return requestAnimationFrame((()=>{a.slideTo(a.activeIndex+o,e,t,s)})),!0}return r.rewind&&a.isEnd?a.slideTo(0,e,t,s):a.slideTo(a.activeIndex+o,e,t,s)},slidePrev:function(e,t,s){void 0===t&&(t=!0);const a=this,{params:i,snapGrid:r,slidesGrid:n,rtlTranslate:l,enabled:o,animating:d}=a;if(!o||a.destroyed)return a;void 0===e&&(e=a.params.speed);const c=a.virtual&&i.virtual.enabled;if(i.loop){if(d&&!c&&i.loopPreventsSliding)return!1;a.loopFix({direction:"prev"}),a._clientLeft=a.wrapperEl.clientLeft}function p(e){return e<0?-Math.floor(Math.abs(e)):Math.floor(e)}const u=p(l?a.translate:-a.translate),m=r.map((e=>p(e))),h=i.freeMode&&i.freeMode.enabled;let f=r[m.indexOf(u)-1];if(void 0===f&&(i.cssMode||h)){let e;r.forEach(((t,s)=>{u>=t&&(e=s)})),void 0!==e&&(f=h?r[e]:r[e>0?e-1:e])}let g=0;if(void 0!==f&&(g=n.indexOf(f),g<0&&(g=a.activeIndex-1),"auto"===i.slidesPerView&&1===i.slidesPerGroup&&i.slidesPerGroupAuto&&(g=g-a.slidesPerViewDynamic("previous",!0)+1,g=Math.max(g,0))),i.rewind&&a.isBeginning){const i=a.params.virtual&&a.params.virtual.enabled&&a.virtual?a.virtual.slides.length-1:a.slides.length-1;return a.slideTo(i,e,t,s)}return i.loop&&0===a.activeIndex&&i.cssMode?(requestAnimationFrame((()=>{a.slideTo(g,e,t,s)})),!0):a.slideTo(g,e,t,s)},slideReset:function(e,t,s){void 0===t&&(t=!0);const a=this;if(!a.destroyed)return void 0===e&&(e=a.params.speed),a.slideTo(a.activeIndex,e,t,s)},slideToClosest:function(e,t,s,a){void 0===t&&(t=!0),void 0===a&&(a=.5);const i=this;if(i.destroyed)return;void 0===e&&(e=i.params.speed);let r=i.activeIndex;const n=Math.min(i.params.slidesPerGroupSkip,r),l=n+Math.floor((r-n)/i.params.slidesPerGroup),o=i.rtlTranslate?i.translate:-i.translate;if(o>=i.snapGrid[l]){const e=i.snapGrid[l];o-e>(i.snapGrid[l+1]-e)*a&&(r+=i.params.slidesPerGroup)}else{const e=i.snapGrid[l-1];o-e<=(i.snapGrid[l]-e)*a&&(r-=i.params.slidesPerGroup)}return r=Math.max(r,0),r=Math.min(r,i.slidesGrid.length-1),i.slideTo(r,e,t,s)},slideToClickedSlide:function(){const e=this;if(e.destroyed)return;const{params:t,slidesEl:s}=e,a="auto"===t.slidesPerView?e.slidesPerViewDynamic():t.slidesPerView;let i,r=e.getSlideIndexWhenGrid(e.clickedIndex);const n=e.isElement?"swiper-slide":`.${t.slideClass}`,o=e.grid&&e.params.grid&&e.params.grid.rows>1;if(t.loop){if(e.animating)return;i=parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"),10),t.centeredSlides?e.slideToLoop(i):r>(o?(e.slides.length-a)/2-(e.params.grid.rows-1):e.slides.length-a)?(e.loopFix(),r=e.getSlideIndex(f(s,`${n}[data-swiper-slide-index="${i}"]`)[0]),l((()=>{e.slideTo(r)}))):e.slideTo(r)}else e.slideTo(r)}};var _={loopCreate:function(e,t){const s=this,{params:a,slidesEl:i}=s;if(!a.loop||s.virtual&&s.params.virtual.enabled)return;const r=()=>{f(i,`.${a.slideClass}, swiper-slide`).forEach(((e,t)=>{e.setAttribute("data-swiper-slide-index",t)}))},n=s.grid&&a.grid&&a.grid.rows>1;a.loopAddBlankSlides&&(a.slidesPerGroup>1||n)&&(()=>{const e=f(i,`.${a.slideBlankClass}`);e.forEach((e=>{e.remove()})),e.length>0&&(s.recalcSlides(),s.updateSlides())})();const l=a.slidesPerGroup*(n?a.grid.rows:1),o=s.slides.length%l!=0,d=n&&s.slides.length%a.grid.rows!=0,c=e=>{for(let t=0;t<e;t+=1){const e=s.isElement?v("swiper-slide",[a.slideBlankClass]):v("div",[a.slideClass,a.slideBlankClass]);s.slidesEl.append(e)}};if(o){if(a.loopAddBlankSlides){c(l-s.slides.length%l),s.recalcSlides(),s.updateSlides()}else g("Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");r()}else if(d){if(a.loopAddBlankSlides){c(a.grid.rows-s.slides.length%a.grid.rows),s.recalcSlides(),s.updateSlides()}else g("Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");r()}else r();s.loopFix({slideRealIndex:e,direction:a.centeredSlides?void 0:"next",initial:t})},loopFix:function(e){let{slideRealIndex:t,slideTo:s=!0,direction:a,setTranslate:i,activeSlideIndex:r,initial:n,byController:l,byMousewheel:o}=void 0===e?{}:e;const d=this;if(!d.params.loop)return;d.emit("beforeLoopFix");const{slides:c,allowSlidePrev:p,allowSlideNext:u,slidesEl:m,params:h}=d,{centeredSlides:f,initialSlide:v}=h;if(d.allowSlidePrev=!0,d.allowSlideNext=!0,d.virtual&&h.virtual.enabled)return s&&(h.centeredSlides||0!==d.snapIndex?h.centeredSlides&&d.snapIndex<h.slidesPerView?d.slideTo(d.virtual.slides.length+d.snapIndex,0,!1,!0):d.snapIndex===d.snapGrid.length-1&&d.slideTo(d.virtual.slidesBefore,0,!1,!0):d.slideTo(d.virtual.slides.length,0,!1,!0)),d.allowSlidePrev=p,d.allowSlideNext=u,void d.emit("loopFix");let w=h.slidesPerView;"auto"===w?w=d.slidesPerViewDynamic():(w=Math.ceil(parseFloat(h.slidesPerView,10)),f&&w%2==0&&(w+=1));const b=h.slidesPerGroupAuto?w:h.slidesPerGroup;let y=f?Math.max(b,Math.ceil(w/2)):b;y%b!=0&&(y+=b-y%b),y+=h.loopAdditionalSlides,d.loopedSlides=y;const E=d.grid&&h.grid&&h.grid.rows>1;c.length<w+y||"cards"===d.params.effect&&c.length<w+2*y?g("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled or not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters"):E&&"row"===h.grid.fill&&g("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const x=[],S=[],T=E?Math.ceil(c.length/h.grid.rows):c.length,M=n&&T-v<w&&!f;let C=M?v:d.activeIndex;void 0===r?r=d.getSlideIndex(c.find((e=>e.classList.contains(h.slideActiveClass)))):C=r;const P="next"===a||!a,L="prev"===a||!a;let I=0,z=0;const A=(E?c[r].column:r)+(f&&void 0===i?-w/2+.5:0);if(A<y){I=Math.max(y-A,b);for(let e=0;e<y-A;e+=1){const t=e-Math.floor(e/T)*T;if(E){const e=T-t-1;for(let t=c.length-1;t>=0;t-=1)c[t].column===e&&x.push(t)}else x.push(T-t-1)}}else if(A+w>T-y){z=Math.max(A-(T-2*y),b),M&&(z=Math.max(z,w-T+v+1));for(let e=0;e<z;e+=1){const t=e-Math.floor(e/T)*T;E?c.forEach(((e,s)=>{e.column===t&&S.push(s)})):S.push(t)}}if(d.__preventObserver__=!0,requestAnimationFrame((()=>{d.__preventObserver__=!1})),"cards"===d.params.effect&&c.length<w+2*y&&(S.includes(r)&&S.splice(S.indexOf(r),1),x.includes(r)&&x.splice(x.indexOf(r),1)),L&&x.forEach((e=>{c[e].swiperLoopMoveDOM=!0,m.prepend(c[e]),c[e].swiperLoopMoveDOM=!1})),P&&S.forEach((e=>{c[e].swiperLoopMoveDOM=!0,m.append(c[e]),c[e].swiperLoopMoveDOM=!1})),d.recalcSlides(),"auto"===h.slidesPerView?d.updateSlides():E&&(x.length>0&&L||S.length>0&&P)&&d.slides.forEach(((e,t)=>{d.grid.updateSlide(t,e,d.slides)})),h.watchSlidesProgress&&d.updateSlidesOffset(),s)if(x.length>0&&L){if(void 0===t){const e=d.slidesGrid[C],t=d.slidesGrid[C+I]-e;o?d.setTranslate(d.translate-t):(d.slideTo(C+Math.ceil(I),0,!1,!0),i&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-t,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-t))}else if(i){const e=E?x.length/h.grid.rows:x.length;d.slideTo(d.activeIndex+e,0,!1,!0),d.touchEventsData.currentTranslate=d.translate}}else if(S.length>0&&P)if(void 0===t){const e=d.slidesGrid[C],t=d.slidesGrid[C-z]-e;o?d.setTranslate(d.translate-t):(d.slideTo(C-z,0,!1,!0),i&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-t,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-t))}else{const e=E?S.length/h.grid.rows:S.length;d.slideTo(d.activeIndex-e,0,!1,!0)}if(d.allowSlidePrev=p,d.allowSlideNext=u,d.controller&&d.controller.control&&!l){const e={slideRealIndex:t,direction:a,setTranslate:i,activeSlideIndex:r,byController:!0};Array.isArray(d.controller.control)?d.controller.control.forEach((t=>{!t.destroyed&&t.params.loop&&t.loopFix({...e,slideTo:t.params.slidesPerView===h.slidesPerView&&s})})):d.controller.control instanceof d.constructor&&d.controller.control.params.loop&&d.controller.control.loopFix({...e,slideTo:d.controller.control.params.slidesPerView===h.slidesPerView&&s})}d.emit("loopFix")},loopDestroy:function(){const e=this,{params:t,slidesEl:s}=e;if(!t.loop||!s||e.virtual&&e.params.virtual.enabled)return;e.recalcSlides();const a=[];e.slides.forEach((e=>{const t=void 0===e.swiperSlideIndex?1*e.getAttribute("data-swiper-slide-index"):e.swiperSlideIndex;a[t]=e})),e.slides.forEach((e=>{e.removeAttribute("data-swiper-slide-index")})),a.forEach((e=>{s.append(e)})),e.recalcSlides(),e.slideTo(e.realIndex,0)}};function q(e,t,s){const a=r(),{params:i}=e,n=i.edgeSwipeDetection,l=i.edgeSwipeThreshold;return!n||!(s<=l||s>=a.innerWidth-l)||"prevent"===n&&(t.preventDefault(),!0)}function V(e){const t=this,s=a();let i=e;i.originalEvent&&(i=i.originalEvent);const n=t.touchEventsData;if("pointerdown"===i.type){if(null!==n.pointerId&&n.pointerId!==i.pointerId)return;n.pointerId=i.pointerId}else"touchstart"===i.type&&1===i.targetTouches.length&&(n.touchId=i.targetTouches[0].identifier);if("touchstart"===i.type)return void q(t,i,i.targetTouches[0].pageX);const{params:l,touches:d,enabled:c}=t;if(!c)return;if(!l.simulateTouch&&"mouse"===i.pointerType)return;if(t.animating&&l.preventInteractionOnTransition)return;!t.animating&&l.cssMode&&l.loop&&t.loopFix();let p=i.target;if("wrapper"===l.touchEventsTarget&&!function(e,t){const s=r();let a=t.contains(e);!a&&s.HTMLSlotElement&&t instanceof HTMLSlotElement&&(a=[...t.assignedElements()].includes(e),a||(a=function(e,t){const s=[t];for(;s.length>0;){const t=s.shift();if(e===t)return!0;s.push(...t.children,...t.shadowRoot?t.shadowRoot.children:[],...t.assignedElements?t.assignedElements():[])}}(e,t)));return a}(p,t.wrapperEl))return;if("which"in i&&3===i.which)return;if("button"in i&&i.button>0)return;if(n.isTouched&&n.isMoved)return;const u=!!l.noSwipingClass&&""!==l.noSwipingClass,m=i.composedPath?i.composedPath():i.path;u&&i.target&&i.target.shadowRoot&&m&&(p=m[0]);const h=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,f=!(!i.target||!i.target.shadowRoot);if(l.noSwiping&&(f?function(e,t){return void 0===t&&(t=this),function t(s){if(!s||s===a()||s===r())return null;s.assignedSlot&&(s=s.assignedSlot);const i=s.closest(e);return i||s.getRootNode?i||t(s.getRootNode().host):null}(t)}(h,p):p.closest(h)))return void(t.allowClick=!0);if(l.swipeHandler&&!p.closest(l.swipeHandler))return;d.currentX=i.pageX,d.currentY=i.pageY;const g=d.currentX,v=d.currentY;if(!q(t,i,g))return;Object.assign(n,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),d.startX=g,d.startY=v,n.touchStartTime=o(),t.allowClick=!0,t.updateSize(),t.swipeDirection=void 0,l.threshold>0&&(n.allowThresholdMove=!1);let w=!0;p.matches(n.focusableElements)&&(w=!1,"SELECT"===p.nodeName&&(n.isTouched=!1)),s.activeElement&&s.activeElement.matches(n.focusableElements)&&s.activeElement!==p&&("mouse"===i.pointerType||"mouse"!==i.pointerType&&!p.matches(n.focusableElements))&&s.activeElement.blur();const b=w&&t.allowTouchMove&&l.touchStartPreventDefault;!l.touchStartForcePreventDefault&&!b||p.isContentEditable||i.preventDefault(),l.freeMode&&l.freeMode.enabled&&t.freeMode&&t.animating&&!l.cssMode&&t.freeMode.onTouchStart(),t.emit("touchStart",i)}function F(e){const t=a(),s=this,i=s.touchEventsData,{params:r,touches:n,rtlTranslate:l,enabled:d}=s;if(!d)return;if(!r.simulateTouch&&"mouse"===e.pointerType)return;let c,p=e;if(p.originalEvent&&(p=p.originalEvent),"pointermove"===p.type){if(null!==i.touchId)return;if(p.pointerId!==i.pointerId)return}if("touchmove"===p.type){if(c=[...p.changedTouches].find((e=>e.identifier===i.touchId)),!c||c.identifier!==i.touchId)return}else c=p;if(!i.isTouched)return void(i.startMoving&&i.isScrolling&&s.emit("touchMoveOpposite",p));const u=c.pageX,m=c.pageY;if(p.preventedByNestedSwiper)return n.startX=u,void(n.startY=m);if(!s.allowTouchMove)return p.target.matches(i.focusableElements)||(s.allowClick=!1),void(i.isTouched&&(Object.assign(n,{startX:u,startY:m,currentX:u,currentY:m}),i.touchStartTime=o()));if(r.touchReleaseOnEdges&&!r.loop)if(s.isVertical()){if(m<n.startY&&s.translate<=s.maxTranslate()||m>n.startY&&s.translate>=s.minTranslate())return i.isTouched=!1,void(i.isMoved=!1)}else{if(l&&(u>n.startX&&-s.translate<=s.maxTranslate()||u<n.startX&&-s.translate>=s.minTranslate()))return;if(!l&&(u<n.startX&&s.translate<=s.maxTranslate()||u>n.startX&&s.translate>=s.minTranslate()))return}if(t.activeElement&&t.activeElement.matches(i.focusableElements)&&t.activeElement!==p.target&&"mouse"!==p.pointerType&&t.activeElement.blur(),t.activeElement&&p.target===t.activeElement&&p.target.matches(i.focusableElements))return i.isMoved=!0,void(s.allowClick=!1);i.allowTouchCallbacks&&s.emit("touchMove",p),n.previousX=n.currentX,n.previousY=n.currentY,n.currentX=u,n.currentY=m;const h=n.currentX-n.startX,f=n.currentY-n.startY;if(s.params.threshold&&Math.sqrt(h**2+f**2)<s.params.threshold)return;if(void 0===i.isScrolling){let e;s.isHorizontal()&&n.currentY===n.startY||s.isVertical()&&n.currentX===n.startX?i.isScrolling=!1:h*h+f*f>=25&&(e=180*Math.atan2(Math.abs(f),Math.abs(h))/Math.PI,i.isScrolling=s.isHorizontal()?e>r.touchAngle:90-e>r.touchAngle)}if(i.isScrolling&&s.emit("touchMoveOpposite",p),void 0===i.startMoving&&(n.currentX===n.startX&&n.currentY===n.startY||(i.startMoving=!0)),i.isScrolling||"touchmove"===p.type&&i.preventTouchMoveFromPointerMove)return void(i.isTouched=!1);if(!i.startMoving)return;s.allowClick=!1,!r.cssMode&&p.cancelable&&p.preventDefault(),r.touchMoveStopPropagation&&!r.nested&&p.stopPropagation();let g=s.isHorizontal()?h:f,v=s.isHorizontal()?n.currentX-n.previousX:n.currentY-n.previousY;r.oneWayMovement&&(g=Math.abs(g)*(l?1:-1),v=Math.abs(v)*(l?1:-1)),n.diff=g,g*=r.touchRatio,l&&(g=-g,v=-v);const w=s.touchesDirection;s.swipeDirection=g>0?"prev":"next",s.touchesDirection=v>0?"prev":"next";const b=s.params.loop&&!r.cssMode,y="next"===s.touchesDirection&&s.allowSlideNext||"prev"===s.touchesDirection&&s.allowSlidePrev;if(!i.isMoved){if(b&&y&&s.loopFix({direction:s.swipeDirection}),i.startTranslate=s.getTranslate(),s.setTransition(0),s.animating){const e=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0,detail:{bySwiperTouchMove:!0}});s.wrapperEl.dispatchEvent(e)}i.allowMomentumBounce=!1,!r.grabCursor||!0!==s.allowSlideNext&&!0!==s.allowSlidePrev||s.setGrabCursor(!0),s.emit("sliderFirstMove",p)}if((new Date).getTime(),!1!==r._loopSwapReset&&i.isMoved&&i.allowThresholdMove&&w!==s.touchesDirection&&b&&y&&Math.abs(g)>=1)return Object.assign(n,{startX:u,startY:m,currentX:u,currentY:m,startTranslate:i.currentTranslate}),i.loopSwapReset=!0,void(i.startTranslate=i.currentTranslate);s.emit("sliderMove",p),i.isMoved=!0,i.currentTranslate=g+i.startTranslate;let E=!0,x=r.resistanceRatio;if(r.touchReleaseOnEdges&&(x=0),g>0?(b&&y&&i.allowThresholdMove&&i.currentTranslate>(r.centeredSlides?s.minTranslate()-s.slidesSizesGrid[s.activeIndex+1]-("auto"!==r.slidesPerView&&s.slides.length-r.slidesPerView>=2?s.slidesSizesGrid[s.activeIndex+1]+s.params.spaceBetween:0)-s.params.spaceBetween:s.minTranslate())&&s.loopFix({direction:"prev",setTranslate:!0,activeSlideIndex:0}),i.currentTranslate>s.minTranslate()&&(E=!1,r.resistance&&(i.currentTranslate=s.minTranslate()-1+(-s.minTranslate()+i.startTranslate+g)**x))):g<0&&(b&&y&&i.allowThresholdMove&&i.currentTranslate<(r.centeredSlides?s.maxTranslate()+s.slidesSizesGrid[s.slidesSizesGrid.length-1]+s.params.spaceBetween+("auto"!==r.slidesPerView&&s.slides.length-r.slidesPerView>=2?s.slidesSizesGrid[s.slidesSizesGrid.length-1]+s.params.spaceBetween:0):s.maxTranslate())&&s.loopFix({direction:"next",setTranslate:!0,activeSlideIndex:s.slides.length-("auto"===r.slidesPerView?s.slidesPerViewDynamic():Math.ceil(parseFloat(r.slidesPerView,10)))}),i.currentTranslate<s.maxTranslate()&&(E=!1,r.resistance&&(i.currentTranslate=s.maxTranslate()+1-(s.maxTranslate()-i.startTranslate-g)**x))),E&&(p.preventedByNestedSwiper=!0),!s.allowSlideNext&&"next"===s.swipeDirection&&i.currentTranslate<i.startTranslate&&(i.currentTranslate=i.startTranslate),!s.allowSlidePrev&&"prev"===s.swipeDirection&&i.currentTranslate>i.startTranslate&&(i.currentTranslate=i.startTranslate),s.allowSlidePrev||s.allowSlideNext||(i.currentTranslate=i.startTranslate),r.threshold>0){if(!(Math.abs(g)>r.threshold||i.allowThresholdMove))return void(i.currentTranslate=i.startTranslate);if(!i.allowThresholdMove)return i.allowThresholdMove=!0,n.startX=n.currentX,n.startY=n.currentY,i.currentTranslate=i.startTranslate,void(n.diff=s.isHorizontal()?n.currentX-n.startX:n.currentY-n.startY)}r.followFinger&&!r.cssMode&&((r.freeMode&&r.freeMode.enabled&&s.freeMode||r.watchSlidesProgress)&&(s.updateActiveIndex(),s.updateSlidesClasses()),r.freeMode&&r.freeMode.enabled&&s.freeMode&&s.freeMode.onTouchMove(),s.updateProgress(i.currentTranslate),s.setTranslate(i.currentTranslate))}function W(e){const t=this,s=t.touchEventsData;let a,i=e;i.originalEvent&&(i=i.originalEvent);if("touchend"===i.type||"touchcancel"===i.type){if(a=[...i.changedTouches].find((e=>e.identifier===s.touchId)),!a||a.identifier!==s.touchId)return}else{if(null!==s.touchId)return;if(i.pointerId!==s.pointerId)return;a=i}if(["pointercancel","pointerout","pointerleave","contextmenu"].includes(i.type)){if(!(["pointercancel","contextmenu"].includes(i.type)&&(t.browser.isSafari||t.browser.isWebView)))return}s.pointerId=null,s.touchId=null;const{params:r,touches:n,rtlTranslate:d,slidesGrid:c,enabled:p}=t;if(!p)return;if(!r.simulateTouch&&"mouse"===i.pointerType)return;if(s.allowTouchCallbacks&&t.emit("touchEnd",i),s.allowTouchCallbacks=!1,!s.isTouched)return s.isMoved&&r.grabCursor&&t.setGrabCursor(!1),s.isMoved=!1,void(s.startMoving=!1);r.grabCursor&&s.isMoved&&s.isTouched&&(!0===t.allowSlideNext||!0===t.allowSlidePrev)&&t.setGrabCursor(!1);const u=o(),m=u-s.touchStartTime;if(t.allowClick){const e=i.path||i.composedPath&&i.composedPath();t.updateClickedSlide(e&&e[0]||i.target,e),t.emit("tap click",i),m<300&&u-s.lastClickTime<300&&t.emit("doubleTap doubleClick",i)}if(s.lastClickTime=o(),l((()=>{t.destroyed||(t.allowClick=!0)})),!s.isTouched||!s.isMoved||!t.swipeDirection||0===n.diff&&!s.loopSwapReset||s.currentTranslate===s.startTranslate&&!s.loopSwapReset)return s.isTouched=!1,s.isMoved=!1,void(s.startMoving=!1);let h;if(s.isTouched=!1,s.isMoved=!1,s.startMoving=!1,h=r.followFinger?d?t.translate:-t.translate:-s.currentTranslate,r.cssMode)return;if(r.freeMode&&r.freeMode.enabled)return void t.freeMode.onTouchEnd({currentPos:h});const f=h>=-t.maxTranslate()&&!t.params.loop;let g=0,v=t.slidesSizesGrid[0];for(let e=0;e<c.length;e+=e<r.slidesPerGroupSkip?1:r.slidesPerGroup){const t=e<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;void 0!==c[e+t]?(f||h>=c[e]&&h<c[e+t])&&(g=e,v=c[e+t]-c[e]):(f||h>=c[e])&&(g=e,v=c[c.length-1]-c[c.length-2])}let w=null,b=null;r.rewind&&(t.isBeginning?b=r.virtual&&r.virtual.enabled&&t.virtual?t.virtual.slides.length-1:t.slides.length-1:t.isEnd&&(w=0));const y=(h-c[g])/v,E=g<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;if(m>r.longSwipesMs){if(!r.longSwipes)return void t.slideTo(t.activeIndex);"next"===t.swipeDirection&&(y>=r.longSwipesRatio?t.slideTo(r.rewind&&t.isEnd?w:g+E):t.slideTo(g)),"prev"===t.swipeDirection&&(y>1-r.longSwipesRatio?t.slideTo(g+E):null!==b&&y<0&&Math.abs(y)>r.longSwipesRatio?t.slideTo(b):t.slideTo(g))}else{if(!r.shortSwipes)return void t.slideTo(t.activeIndex);t.navigation&&(i.target===t.navigation.nextEl||i.target===t.navigation.prevEl)?i.target===t.navigation.nextEl?t.slideTo(g+E):t.slideTo(g):("next"===t.swipeDirection&&t.slideTo(null!==w?w:g+E),"prev"===t.swipeDirection&&t.slideTo(null!==b?b:g))}}function j(){const e=this,{params:t,el:s}=e;if(s&&0===s.offsetWidth)return;t.breakpoints&&e.setBreakpoint();const{allowSlideNext:a,allowSlidePrev:i,snapGrid:r}=e,n=e.virtual&&e.params.virtual.enabled;e.allowSlideNext=!0,e.allowSlidePrev=!0,e.updateSize(),e.updateSlides(),e.updateSlidesClasses();const l=n&&t.loop;!("auto"===t.slidesPerView||t.slidesPerView>1)||!e.isEnd||e.isBeginning||e.params.centeredSlides||l?e.params.loop&&!n?e.slideToLoop(e.realIndex,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0):e.slideTo(e.slides.length-1,0,!1,!0),e.autoplay&&e.autoplay.running&&e.autoplay.paused&&(clearTimeout(e.autoplay.resizeTimeout),e.autoplay.resizeTimeout=setTimeout((()=>{e.autoplay&&e.autoplay.running&&e.autoplay.paused&&e.autoplay.resume()}),500)),e.allowSlidePrev=i,e.allowSlideNext=a,e.params.watchOverflow&&r!==e.snapGrid&&e.checkOverflow()}function U(e){const t=this;t.enabled&&(t.allowClick||(t.params.preventClicks&&e.preventDefault(),t.params.preventClicksPropagation&&t.animating&&(e.stopPropagation(),e.stopImmediatePropagation())))}function K(){const e=this,{wrapperEl:t,rtlTranslate:s,enabled:a}=e;if(!a)return;let i;e.previousTranslate=e.translate,e.isHorizontal()?e.translate=-t.scrollLeft:e.translate=-t.scrollTop,0===e.translate&&(e.translate=0),e.updateActiveIndex(),e.updateSlidesClasses();const r=e.maxTranslate()-e.minTranslate();i=0===r?0:(e.translate-e.minTranslate())/r,i!==e.progress&&e.updateProgress(s?-e.translate:e.translate),e.emit("setTranslate",e.translate,!1)}function Z(e){const t=this;G(t,e.target),t.params.cssMode||"auto"!==t.params.slidesPerView&&!t.params.autoHeight||t.update()}function Q(){const e=this;e.documentTouchHandlerProceeded||(e.documentTouchHandlerProceeded=!0,e.params.touchReleaseOnEdges&&(e.el.style.touchAction="auto"))}const J=(e,t)=>{const s=a(),{params:i,el:r,wrapperEl:n,device:l}=e,o=!!i.nested,d="on"===t?"addEventListener":"removeEventListener",c=t;r&&"string"!=typeof r&&(s[d]("touchstart",e.onDocumentTouchStart,{passive:!1,capture:o}),r[d]("touchstart",e.onTouchStart,{passive:!1}),r[d]("pointerdown",e.onTouchStart,{passive:!1}),s[d]("touchmove",e.onTouchMove,{passive:!1,capture:o}),s[d]("pointermove",e.onTouchMove,{passive:!1,capture:o}),s[d]("touchend",e.onTouchEnd,{passive:!0}),s[d]("pointerup",e.onTouchEnd,{passive:!0}),s[d]("pointercancel",e.onTouchEnd,{passive:!0}),s[d]("touchcancel",e.onTouchEnd,{passive:!0}),s[d]("pointerout",e.onTouchEnd,{passive:!0}),s[d]("pointerleave",e.onTouchEnd,{passive:!0}),s[d]("contextmenu",e.onTouchEnd,{passive:!0}),(i.preventClicks||i.preventClicksPropagation)&&r[d]("click",e.onClick,!0),i.cssMode&&n[d]("scroll",e.onScroll),i.updateOnWindowResize?e[c](l.ios||l.android?"resize orientationchange observerUpdate":"resize observerUpdate",j,!0):e[c]("observerUpdate",j,!0),r[d]("load",e.onLoad,{capture:!0}))};const ee=(e,t)=>e.grid&&t.grid&&t.grid.rows>1;var te={init:!0,direction:"horizontal",oneWayMovement:!1,swiperElementNodeName:"SWIPER-CONTAINER",touchEventsTarget:"wrapper",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,resizeObserver:!0,nested:!1,createElements:!1,eventsPrefix:"swiper",enabled:!0,focusableElements:"input, select, option, textarea, button, video, label",width:null,height:null,preventInteractionOnTransition:!1,userAgent:null,url:null,edgeSwipeDetection:!1,edgeSwipeThreshold:20,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,breakpointsBase:"window",spaceBetween:0,slidesPerView:1,slidesPerGroup:1,slidesPerGroupSkip:0,slidesPerGroupAuto:!1,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,watchOverflow:!0,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:5,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,loop:!1,loopAddBlankSlides:!0,loopAdditionalSlides:0,loopPreventsSliding:!0,rewind:!1,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,maxBackfaceHiddenSlides:10,containerModifierClass:"swiper-",slideClass:"swiper-slide",slideBlankClass:"swiper-slide-blank",slideActiveClass:"swiper-slide-active",slideVisibleClass:"swiper-slide-visible",slideFullyVisibleClass:"swiper-slide-fully-visible",slideNextClass:"swiper-slide-next",slidePrevClass:"swiper-slide-prev",wrapperClass:"swiper-wrapper",lazyPreloaderClass:"swiper-lazy-preloader",lazyPreloadPrevNext:0,runCallbacksOnInit:!0,_emitClasses:!1};function se(e,t){return function(s){void 0===s&&(s={});const a=Object.keys(s)[0],i=s[a];"object"==typeof i&&null!==i?(!0===e[a]&&(e[a]={enabled:!0}),"navigation"===a&&e[a]&&e[a].enabled&&!e[a].prevEl&&!e[a].nextEl&&(e[a].auto=!0),["pagination","scrollbar"].indexOf(a)>=0&&e[a]&&e[a].enabled&&!e[a].el&&(e[a].auto=!0),a in e&&"enabled"in i?("object"!=typeof e[a]||"enabled"in e[a]||(e[a].enabled=!0),e[a]||(e[a]={enabled:!1}),p(t,s)):p(t,s)):p(t,s)}}const ae={eventsEmitter:k,update:B,translate:H,transition:{setTransition:function(e,t){const s=this;s.params.cssMode||(s.wrapperEl.style.transitionDuration=`${e}ms`,s.wrapperEl.style.transitionDelay=0===e?"0ms":""),s.emit("setTransition",e,t)},transitionStart:function(e,t){void 0===e&&(e=!0);const s=this,{params:a}=s;a.cssMode||(a.autoHeight&&s.updateAutoHeight(),N({swiper:s,runCallbacks:e,direction:t,step:"Start"}))},transitionEnd:function(e,t){void 0===e&&(e=!0);const s=this,{params:a}=s;s.animating=!1,a.cssMode||(s.setTransition(0),N({swiper:s,runCallbacks:e,direction:t,step:"End"}))}},slide:R,loop:_,grabCursor:{setGrabCursor:function(e){const t=this;if(!t.params.simulateTouch||t.params.watchOverflow&&t.isLocked||t.params.cssMode)return;const s="container"===t.params.touchEventsTarget?t.el:t.wrapperEl;t.isElement&&(t.__preventObserver__=!0),s.style.cursor="move",s.style.cursor=e?"grabbing":"grab",t.isElement&&requestAnimationFrame((()=>{t.__preventObserver__=!1}))},unsetGrabCursor:function(){const e=this;e.params.watchOverflow&&e.isLocked||e.params.cssMode||(e.isElement&&(e.__preventObserver__=!0),e["container"===e.params.touchEventsTarget?"el":"wrapperEl"].style.cursor="",e.isElement&&requestAnimationFrame((()=>{e.__preventObserver__=!1})))}},events:{attachEvents:function(){const e=this,{params:t}=e;e.onTouchStart=V.bind(e),e.onTouchMove=F.bind(e),e.onTouchEnd=W.bind(e),e.onDocumentTouchStart=Q.bind(e),t.cssMode&&(e.onScroll=K.bind(e)),e.onClick=U.bind(e),e.onLoad=Z.bind(e),J(e,"on")},detachEvents:function(){J(this,"off")}},breakpoints:{setBreakpoint:function(){const e=this,{realIndex:t,initialized:s,params:i,el:r}=e,n=i.breakpoints;if(!n||n&&0===Object.keys(n).length)return;const l=a(),o="window"!==i.breakpointsBase&&i.breakpointsBase?"container":i.breakpointsBase,d=["window","container"].includes(i.breakpointsBase)||!i.breakpointsBase?e.el:l.querySelector(i.breakpointsBase),c=e.getBreakpoint(n,o,d);if(!c||e.currentBreakpoint===c)return;const u=(c in n?n[c]:void 0)||e.originalParams,m=ee(e,i),h=ee(e,u),f=e.params.grabCursor,g=u.grabCursor,v=i.enabled;m&&!h?(r.classList.remove(`${i.containerModifierClass}grid`,`${i.containerModifierClass}grid-column`),e.emitContainerClasses()):!m&&h&&(r.classList.add(`${i.containerModifierClass}grid`),(u.grid.fill&&"column"===u.grid.fill||!u.grid.fill&&"column"===i.grid.fill)&&r.classList.add(`${i.containerModifierClass}grid-column`),e.emitContainerClasses()),f&&!g?e.unsetGrabCursor():!f&&g&&e.setGrabCursor(),["navigation","pagination","scrollbar"].forEach((t=>{if(void 0===u[t])return;const s=i[t]&&i[t].enabled,a=u[t]&&u[t].enabled;s&&!a&&e[t].disable(),!s&&a&&e[t].enable()}));const w=u.direction&&u.direction!==i.direction,b=i.loop&&(u.slidesPerView!==i.slidesPerView||w),y=i.loop;w&&s&&e.changeDirection(),p(e.params,u);const E=e.params.enabled,x=e.params.loop;Object.assign(e,{allowTouchMove:e.params.allowTouchMove,allowSlideNext:e.params.allowSlideNext,allowSlidePrev:e.params.allowSlidePrev}),v&&!E?e.disable():!v&&E&&e.enable(),e.currentBreakpoint=c,e.emit("_beforeBreakpoint",u),s&&(b?(e.loopDestroy(),e.loopCreate(t),e.updateSlides()):!y&&x?(e.loopCreate(t),e.updateSlides()):y&&!x&&e.loopDestroy()),e.emit("breakpoint",u)},getBreakpoint:function(e,t,s){if(void 0===t&&(t="window"),!e||"container"===t&&!s)return;let a=!1;const i=r(),n="window"===t?i.innerHeight:s.clientHeight,l=Object.keys(e).map((e=>{if("string"==typeof e&&0===e.indexOf("@")){const t=parseFloat(e.substr(1));return{value:n*t,point:e}}return{value:e,point:e}}));l.sort(((e,t)=>parseInt(e.value,10)-parseInt(t.value,10)));for(let e=0;e<l.length;e+=1){const{point:r,value:n}=l[e];"window"===t?i.matchMedia(`(min-width: ${n}px)`).matches&&(a=r):n<=s.clientWidth&&(a=r)}return a||"max"}},checkOverflow:{checkOverflow:function(){const e=this,{isLocked:t,params:s}=e,{slidesOffsetBefore:a}=s;if(a){const t=e.slides.length-1,s=e.slidesGrid[t]+e.slidesSizesGrid[t]+2*a;e.isLocked=e.size>s}else e.isLocked=1===e.snapGrid.length;!0===s.allowSlideNext&&(e.allowSlideNext=!e.isLocked),!0===s.allowSlidePrev&&(e.allowSlidePrev=!e.isLocked),t&&t!==e.isLocked&&(e.isEnd=!1),t!==e.isLocked&&e.emit(e.isLocked?"lock":"unlock")}},classes:{addClasses:function(){const e=this,{classNames:t,params:s,rtl:a,el:i,device:r}=e,n=function(e,t){const s=[];return e.forEach((e=>{"object"==typeof e?Object.keys(e).forEach((a=>{e[a]&&s.push(t+a)})):"string"==typeof e&&s.push(t+e)})),s}(["initialized",s.direction,{"free-mode":e.params.freeMode&&s.freeMode.enabled},{autoheight:s.autoHeight},{rtl:a},{grid:s.grid&&s.grid.rows>1},{"grid-column":s.grid&&s.grid.rows>1&&"column"===s.grid.fill},{android:r.android},{ios:r.ios},{"css-mode":s.cssMode},{centered:s.cssMode&&s.centeredSlides},{"watch-progress":s.watchSlidesProgress}],s.containerModifierClass);t.push(...n),i.classList.add(...t),e.emitContainerClasses()},removeClasses:function(){const{el:e,classNames:t}=this;e&&"string"!=typeof e&&(e.classList.remove(...t),this.emitContainerClasses())}}},ie={};class re{constructor(){let e,t;for(var s=arguments.length,i=new Array(s),r=0;r<s;r++)i[r]=arguments[r];1===i.length&&i[0].constructor&&"Object"===Object.prototype.toString.call(i[0]).slice(8,-1)?t=i[0]:[e,t]=i,t||(t={}),t=p({},t),e&&!t.el&&(t.el=e);const n=a();if(t.el&&"string"==typeof t.el&&n.querySelectorAll(t.el).length>1){const e=[];return n.querySelectorAll(t.el).forEach((s=>{const a=p({},t,{el:s});e.push(new re(a))})),e}const l=this;l.__swiper__=!0,l.support=z(),l.device=A({userAgent:t.userAgent}),l.browser=$(),l.eventsListeners={},l.eventsAnyListeners=[],l.modules=[...l.__modules__],t.modules&&Array.isArray(t.modules)&&l.modules.push(...t.modules);const o={};l.modules.forEach((e=>{e({params:t,swiper:l,extendParams:se(t,o),on:l.on.bind(l),once:l.once.bind(l),off:l.off.bind(l),emit:l.emit.bind(l)})}));const d=p({},te,o);return l.params=p({},d,ie,t),l.originalParams=p({},l.params),l.passedParams=p({},t),l.params&&l.params.on&&Object.keys(l.params.on).forEach((e=>{l.on(e,l.params.on[e])})),l.params&&l.params.onAny&&l.onAny(l.params.onAny),Object.assign(l,{enabled:l.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal:()=>"horizontal"===l.params.direction,isVertical:()=>"vertical"===l.params.direction,activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:l.params.allowSlideNext,allowSlidePrev:l.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:l.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:l.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),l.emit("_swiper"),l.params.init&&l.init(),l}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:t,params:s}=this,a=y(f(t,`.${s.slideClass}, swiper-slide`)[0]);return y(e)-a}getSlideIndexByData(e){return this.getSlideIndex(this.slides.find((t=>1*t.getAttribute("data-swiper-slide-index")===e)))}getSlideIndexWhenGrid(e){return this.grid&&this.params.grid&&this.params.grid.rows>1&&("column"===this.params.grid.fill?e=Math.floor(e/this.params.grid.rows):"row"===this.params.grid.fill&&(e%=Math.ceil(this.slides.length/this.params.grid.rows))),e}recalcSlides(){const{slidesEl:e,params:t}=this;this.slides=f(e,`.${t.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,t){const s=this;e=Math.min(Math.max(e,0),1);const a=s.minTranslate(),i=(s.maxTranslate()-a)*e+a;s.translateTo(i,void 0===t?0:t),s.updateActiveIndex(),s.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=e.el.className.split(" ").filter((t=>0===t.indexOf("swiper")||0===t.indexOf(e.params.containerModifierClass)));e.emit("_containerClasses",t.join(" "))}getSlideClasses(e){const t=this;return t.destroyed?"":e.className.split(" ").filter((e=>0===e.indexOf("swiper-slide")||0===e.indexOf(t.params.slideClass))).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=[];e.slides.forEach((s=>{const a=e.getSlideClasses(s);t.push({slideEl:s,classNames:a}),e.emit("_slideClass",s,a)})),e.emit("_slideClasses",t)}slidesPerViewDynamic(e,t){void 0===e&&(e="current"),void 0===t&&(t=!1);const{params:s,slides:a,slidesGrid:i,slidesSizesGrid:r,size:n,activeIndex:l}=this;let o=1;if("number"==typeof s.slidesPerView)return s.slidesPerView;if(s.centeredSlides){let e,t=a[l]?Math.ceil(a[l].swiperSlideSize):0;for(let s=l+1;s<a.length;s+=1)a[s]&&!e&&(t+=Math.ceil(a[s].swiperSlideSize),o+=1,t>n&&(e=!0));for(let s=l-1;s>=0;s-=1)a[s]&&!e&&(t+=a[s].swiperSlideSize,o+=1,t>n&&(e=!0))}else if("current"===e)for(let e=l+1;e<a.length;e+=1){(t?i[e]+r[e]-i[l]<n:i[e]-i[l]<n)&&(o+=1)}else for(let e=l-1;e>=0;e-=1){i[l]-i[e]<n&&(o+=1)}return o}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:t,params:s}=e;function a(){const t=e.rtlTranslate?-1*e.translate:e.translate,s=Math.min(Math.max(t,e.maxTranslate()),e.minTranslate());e.setTranslate(s),e.updateActiveIndex(),e.updateSlidesClasses()}let i;if(s.breakpoints&&e.setBreakpoint(),[...e.el.querySelectorAll('[loading="lazy"]')].forEach((t=>{t.complete&&G(e,t)})),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses(),s.freeMode&&s.freeMode.enabled&&!s.cssMode)a(),s.autoHeight&&e.updateAutoHeight();else{if(("auto"===s.slidesPerView||s.slidesPerView>1)&&e.isEnd&&!s.centeredSlides){const t=e.virtual&&s.virtual.enabled?e.virtual.slides:e.slides;i=e.slideTo(t.length-1,0,!1,!0)}else i=e.slideTo(e.activeIndex,0,!1,!0);i||a()}s.watchOverflow&&t!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,t){void 0===t&&(t=!0);const s=this,a=s.params.direction;return e||(e="horizontal"===a?"vertical":"horizontal"),e===a||"horizontal"!==e&&"vertical"!==e||(s.el.classList.remove(`${s.params.containerModifierClass}${a}`),s.el.classList.add(`${s.params.containerModifierClass}${e}`),s.emitContainerClasses(),s.params.direction=e,s.slides.forEach((t=>{"vertical"===e?t.style.width="":t.style.height=""})),s.emit("changeDirection"),t&&s.update()),s}changeLanguageDirection(e){const t=this;t.rtl&&"rtl"===e||!t.rtl&&"ltr"===e||(t.rtl="rtl"===e,t.rtlTranslate="horizontal"===t.params.direction&&t.rtl,t.rtl?(t.el.classList.add(`${t.params.containerModifierClass}rtl`),t.el.dir="rtl"):(t.el.classList.remove(`${t.params.containerModifierClass}rtl`),t.el.dir="ltr"),t.update())}mount(e){const t=this;if(t.mounted)return!0;let s=e||t.params.el;if("string"==typeof s&&(s=document.querySelector(s)),!s)return!1;s.swiper=t,s.parentNode&&s.parentNode.host&&s.parentNode.host.nodeName===t.params.swiperElementNodeName.toUpperCase()&&(t.isElement=!0);const a=()=>`.${(t.params.wrapperClass||"").trim().split(" ").join(".")}`;let i=(()=>{if(s&&s.shadowRoot&&s.shadowRoot.querySelector){return s.shadowRoot.querySelector(a())}return f(s,a())[0]})();return!i&&t.params.createElements&&(i=v("div",t.params.wrapperClass),s.append(i),f(s,`.${t.params.slideClass}`).forEach((e=>{i.append(e)}))),Object.assign(t,{el:s,wrapperEl:i,slidesEl:t.isElement&&!s.parentNode.host.slideSlots?s.parentNode.host:i,hostEl:t.isElement?s.parentNode.host:s,mounted:!0,rtl:"rtl"===s.dir.toLowerCase()||"rtl"===b(s,"direction"),rtlTranslate:"horizontal"===t.params.direction&&("rtl"===s.dir.toLowerCase()||"rtl"===b(s,"direction")),wrongRTL:"-webkit-box"===b(i,"display")}),!0}init(e){const t=this;if(t.initialized)return t;if(!1===t.mount(e))return t;t.emit("beforeInit"),t.params.breakpoints&&t.setBreakpoint(),t.addClasses(),t.updateSize(),t.updateSlides(),t.params.watchOverflow&&t.checkOverflow(),t.params.grabCursor&&t.enabled&&t.setGrabCursor(),t.params.loop&&t.virtual&&t.params.virtual.enabled?t.slideTo(t.params.initialSlide+t.virtual.slidesBefore,0,t.params.runCallbacksOnInit,!1,!0):t.slideTo(t.params.initialSlide,0,t.params.runCallbacksOnInit,!1,!0),t.params.loop&&t.loopCreate(void 0,!0),t.attachEvents();const s=[...t.el.querySelectorAll('[loading="lazy"]')];return t.isElement&&s.push(...t.hostEl.querySelectorAll('[loading="lazy"]')),s.forEach((e=>{e.complete?G(t,e):e.addEventListener("load",(e=>{G(t,e.target)}))})),Y(t),t.initialized=!0,Y(t),t.emit("init"),t.emit("afterInit"),t}destroy(e,t){void 0===e&&(e=!0),void 0===t&&(t=!0);const s=this,{params:a,el:i,wrapperEl:r,slides:n}=s;return void 0===s.params||s.destroyed||(s.emit("beforeDestroy"),s.initialized=!1,s.detachEvents(),a.loop&&s.loopDestroy(),t&&(s.removeClasses(),i&&"string"!=typeof i&&i.removeAttribute("style"),r&&r.removeAttribute("style"),n&&n.length&&n.forEach((e=>{e.classList.remove(a.slideVisibleClass,a.slideFullyVisibleClass,a.slideActiveClass,a.slideNextClass,a.slidePrevClass),e.removeAttribute("style"),e.removeAttribute("data-swiper-slide-index")}))),s.emit("destroy"),Object.keys(s.eventsListeners).forEach((e=>{s.off(e)})),!1!==e&&(s.el&&"string"!=typeof s.el&&(s.el.swiper=null),function(e){const t=e;Object.keys(t).forEach((e=>{try{t[e]=null}catch(e){}try{delete t[e]}catch(e){}}))}(s)),s.destroyed=!0),null}static extendDefaults(e){p(ie,e)}static get extendedDefaults(){return ie}static get defaults(){return te}static installModule(e){re.prototype.__modules__||(re.prototype.__modules__=[]);const t=re.prototype.__modules__;"function"==typeof e&&t.indexOf(e)<0&&t.push(e)}static use(e){return Array.isArray(e)?(e.forEach((e=>re.installModule(e))),re):(re.installModule(e),re)}}function ne(e,t,s,a){return e.params.createElements&&Object.keys(a).forEach((i=>{if(!s[i]&&!0===s.auto){let r=f(e.el,`.${a[i]}`)[0];r||(r=v("div",a[i]),r.className=a[i],e.el.append(r)),s[i]=r,t[i]=r}})),s}function le(e){return void 0===e&&(e=""),`.${e.trim().replace(/([\.:!+\/()[\]])/g,"\\$1").replace(/ /g,".")}`}function oe(e){const t=this,{params:s,slidesEl:a}=t;s.loop&&t.loopDestroy();const i=e=>{if("string"==typeof e){const t=document.createElement("div");C(t,e),a.append(t.children[0]),C(t,"")}else a.append(e)};if("object"==typeof e&&"length"in e)for(let t=0;t<e.length;t+=1)e[t]&&i(e[t]);else i(e);t.recalcSlides(),s.loop&&t.loopCreate(),s.observer&&!t.isElement||t.update()}function de(e){const t=this,{params:s,activeIndex:a,slidesEl:i}=t;s.loop&&t.loopDestroy();let r=a+1;const n=e=>{if("string"==typeof e){const t=document.createElement("div");C(t,e),i.prepend(t.children[0]),C(t,"")}else i.prepend(e)};if("object"==typeof e&&"length"in e){for(let t=0;t<e.length;t+=1)e[t]&&n(e[t]);r=a+e.length}else n(e);t.recalcSlides(),s.loop&&t.loopCreate(),s.observer&&!t.isElement||t.update(),t.slideTo(r,0,!1)}function ce(e,t){const s=this,{params:a,activeIndex:i,slidesEl:r}=s;let n=i;a.loop&&(n-=s.loopedSlides,s.loopDestroy(),s.recalcSlides());const l=s.slides.length;if(e<=0)return void s.prependSlide(t);if(e>=l)return void s.appendSlide(t);let o=n>e?n+1:n;const d=[];for(let t=l-1;t>=e;t-=1){const e=s.slides[t];e.remove(),d.unshift(e)}if("object"==typeof t&&"length"in t){for(let e=0;e<t.length;e+=1)t[e]&&r.append(t[e]);o=n>e?n+t.length:n}else r.append(t);for(let e=0;e<d.length;e+=1)r.append(d[e]);s.recalcSlides(),a.loop&&s.loopCreate(),a.observer&&!s.isElement||s.update(),a.loop?s.slideTo(o+s.loopedSlides,0,!1):s.slideTo(o,0,!1)}function pe(e){const t=this,{params:s,activeIndex:a}=t;let i=a;s.loop&&(i-=t.loopedSlides,t.loopDestroy());let r,n=i;if("object"==typeof e&&"length"in e){for(let s=0;s<e.length;s+=1)r=e[s],t.slides[r]&&t.slides[r].remove(),r<n&&(n-=1);n=Math.max(n,0)}else r=e,t.slides[r]&&t.slides[r].remove(),r<n&&(n-=1),n=Math.max(n,0);t.recalcSlides(),s.loop&&t.loopCreate(),s.observer&&!t.isElement||t.update(),s.loop?t.slideTo(n+t.loopedSlides,0,!1):t.slideTo(n,0,!1)}function ue(){const e=this,t=[];for(let s=0;s<e.slides.length;s+=1)t.push(s);e.removeSlide(t)}function me(e){const{effect:t,swiper:s,on:a,setTranslate:i,setTransition:r,overwriteParams:n,perspective:l,recreateShadows:o,getEffectParams:d}=e;let c;a("beforeInit",(()=>{if(s.params.effect!==t)return;s.classNames.push(`${s.params.containerModifierClass}${t}`),l&&l()&&s.classNames.push(`${s.params.containerModifierClass}3d`);const e=n?n():{};Object.assign(s.params,e),Object.assign(s.originalParams,e)})),a("setTranslate _virtualUpdated",(()=>{s.params.effect===t&&i()})),a("setTransition",((e,a)=>{s.params.effect===t&&r(a)})),a("transitionEnd",(()=>{if(s.params.effect===t&&o){if(!d||!d().slideShadows)return;s.slides.forEach((e=>{e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((e=>e.remove()))})),o()}})),a("virtualUpdate",(()=>{s.params.effect===t&&(s.slides.length||(c=!0),requestAnimationFrame((()=>{c&&s.slides&&s.slides.length&&(i(),c=!1)})))}))}function he(e,t){const s=h(t);return s!==t&&(s.style.backfaceVisibility="hidden",s.style["-webkit-backface-visibility"]="hidden"),s}function fe(e){let{swiper:t,duration:s,transformElements:a,allSlides:i}=e;const{activeIndex:r}=t;if(t.params.virtualTranslate&&0!==s){let e,s=!1;e=i?a:a.filter((e=>{const s=e.classList.contains("swiper-slide-transform")?(e=>{if(!e.parentElement)return t.slides.find((t=>t.shadowRoot&&t.shadowRoot===e.parentNode));return e.parentElement})(e):e;return t.getSlideIndex(s)===r})),e.forEach((e=>{x(e,(()=>{if(s)return;if(!t||t.destroyed)return;s=!0,t.animating=!1;const e=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});t.wrapperEl.dispatchEvent(e)}))}))}}function ge(e,t,s){const a=`swiper-slide-shadow${s?`-${s}`:""}${e?` swiper-slide-shadow-${e}`:""}`,i=h(t);let r=i.querySelector(`.${a.split(" ").join(".")}`);return r||(r=v("div",a.split(" ")),i.append(r)),r}Object.keys(ae).forEach((e=>{Object.keys(ae[e]).forEach((t=>{re.prototype[t]=ae[e][t]}))})),re.use([function(e){let{swiper:t,on:s,emit:a}=e;const i=r();let n=null,l=null;const o=()=>{t&&!t.destroyed&&t.initialized&&(a("beforeResize"),a("resize"))},d=()=>{t&&!t.destroyed&&t.initialized&&a("orientationchange")};s("init",(()=>{t.params.resizeObserver&&void 0!==i.ResizeObserver?t&&!t.destroyed&&t.initialized&&(n=new ResizeObserver((e=>{l=i.requestAnimationFrame((()=>{const{width:s,height:a}=t;let i=s,r=a;e.forEach((e=>{let{contentBoxSize:s,contentRect:a,target:n}=e;n&&n!==t.el||(i=a?a.width:(s[0]||s).inlineSize,r=a?a.height:(s[0]||s).blockSize)})),i===s&&r===a||o()}))})),n.observe(t.el)):(i.addEventListener("resize",o),i.addEventListener("orientationchange",d))})),s("destroy",(()=>{l&&i.cancelAnimationFrame(l),n&&n.unobserve&&t.el&&(n.unobserve(t.el),n=null),i.removeEventListener("resize",o),i.removeEventListener("orientationchange",d)}))},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=[],l=r(),o=function(e,s){void 0===s&&(s={});const a=new(l.MutationObserver||l.WebkitMutationObserver)((e=>{if(t.__preventObserver__)return;if(1===e.length)return void i("observerUpdate",e[0]);const s=function(){i("observerUpdate",e[0])};l.requestAnimationFrame?l.requestAnimationFrame(s):l.setTimeout(s,0)}));a.observe(e,{attributes:void 0===s.attributes||s.attributes,childList:t.isElement||(void 0===s.childList||s).childList,characterData:void 0===s.characterData||s.characterData}),n.push(a)};s({observer:!1,observeParents:!1,observeSlideChildren:!1}),a("init",(()=>{if(t.params.observer){if(t.params.observeParents){const e=E(t.hostEl);for(let t=0;t<e.length;t+=1)o(e[t])}o(t.hostEl,{childList:t.params.observeSlideChildren}),o(t.wrapperEl,{attributes:!1})}})),a("destroy",(()=>{n.forEach((e=>{e.disconnect()})),n.splice(0,n.length)}))}]);const ve=[function(e){let t,{swiper:s,extendParams:i,on:r,emit:n}=e;i({virtual:{enabled:!1,slides:[],cache:!0,renderSlide:null,renderExternal:null,renderExternalUpdate:!0,addSlidesBefore:0,addSlidesAfter:0}});const l=a();s.virtual={cache:{},from:void 0,to:void 0,slides:[],offset:0,slidesGrid:[]};const o=l.createElement("div");function d(e,t){const a=s.params.virtual;if(a.cache&&s.virtual.cache[t])return s.virtual.cache[t];let i;return a.renderSlide?(i=a.renderSlide.call(s,e,t),"string"==typeof i&&(C(o,i),i=o.children[0])):i=s.isElement?v("swiper-slide"):v("div",s.params.slideClass),i.setAttribute("data-swiper-slide-index",t),a.renderSlide||C(i,e),a.cache&&(s.virtual.cache[t]=i),i}function c(e,t,a){const{slidesPerView:i,slidesPerGroup:r,centeredSlides:l,loop:o,initialSlide:c}=s.params;if(t&&!o&&c>0)return;const{addSlidesBefore:p,addSlidesAfter:u}=s.params.virtual,{from:m,to:h,slides:g,slidesGrid:v,offset:w}=s.virtual;s.params.cssMode||s.updateActiveIndex();const b=void 0===a?s.activeIndex||0:a;let y,E,x;y=s.rtlTranslate?"right":s.isHorizontal()?"left":"top",l?(E=Math.floor(i/2)+r+u,x=Math.floor(i/2)+r+p):(E=i+(r-1)+u,x=(o?i:r)+p);let S=b-x,T=b+E;o||(S=Math.max(S,0),T=Math.min(T,g.length-1));let M=(s.slidesGrid[S]||0)-(s.slidesGrid[0]||0);function C(){s.updateSlides(),s.updateProgress(),s.updateSlidesClasses(),n("virtualUpdate")}if(o&&b>=x?(S-=x,l||(M+=s.slidesGrid[0])):o&&b<x&&(S=-x,l&&(M+=s.slidesGrid[0])),Object.assign(s.virtual,{from:S,to:T,offset:M,slidesGrid:s.slidesGrid,slidesBefore:x,slidesAfter:E}),m===S&&h===T&&!e)return s.slidesGrid!==v&&M!==w&&s.slides.forEach((e=>{e.style[y]=M-Math.abs(s.cssOverflowAdjustment())+"px"})),s.updateProgress(),void n("virtualUpdate");if(s.params.virtual.renderExternal)return s.params.virtual.renderExternal.call(s,{offset:M,from:S,to:T,slides:function(){const e=[];for(let t=S;t<=T;t+=1)e.push(g[t]);return e}()}),void(s.params.virtual.renderExternalUpdate?C():n("virtualUpdate"));const P=[],L=[],I=e=>{let t=e;return e<0?t=g.length+e:t>=g.length&&(t-=g.length),t};if(e)s.slides.filter((e=>e.matches(`.${s.params.slideClass}, swiper-slide`))).forEach((e=>{e.remove()}));else for(let e=m;e<=h;e+=1)if(e<S||e>T){const t=I(e);s.slides.filter((e=>e.matches(`.${s.params.slideClass}[data-swiper-slide-index="${t}"], swiper-slide[data-swiper-slide-index="${t}"]`))).forEach((e=>{e.remove()}))}const z=o?-g.length:0,A=o?2*g.length:g.length;for(let t=z;t<A;t+=1)if(t>=S&&t<=T){const s=I(t);void 0===h||e?L.push(s):(t>h&&L.push(s),t<m&&P.push(s))}if(L.forEach((e=>{s.slidesEl.append(d(g[e],e))})),o)for(let e=P.length-1;e>=0;e-=1){const t=P[e];s.slidesEl.prepend(d(g[t],t))}else P.sort(((e,t)=>t-e)),P.forEach((e=>{s.slidesEl.prepend(d(g[e],e))}));f(s.slidesEl,".swiper-slide, swiper-slide").forEach((e=>{e.style[y]=M-Math.abs(s.cssOverflowAdjustment())+"px"})),C()}r("beforeInit",(()=>{if(!s.params.virtual.enabled)return;let e;if(void 0===s.passedParams.virtual.slides){const t=[...s.slidesEl.children].filter((e=>e.matches(`.${s.params.slideClass}, swiper-slide`)));t&&t.length&&(s.virtual.slides=[...t],e=!0,t.forEach(((e,t)=>{e.setAttribute("data-swiper-slide-index",t),s.virtual.cache[t]=e,e.remove()})))}e||(s.virtual.slides=s.params.virtual.slides),s.classNames.push(`${s.params.containerModifierClass}virtual`),s.params.watchSlidesProgress=!0,s.originalParams.watchSlidesProgress=!0,c(!1,!0)})),r("setTranslate",(()=>{s.params.virtual.enabled&&(s.params.cssMode&&!s._immediateVirtual?(clearTimeout(t),t=setTimeout((()=>{c()}),100)):c())})),r("init update resize",(()=>{s.params.virtual.enabled&&s.params.cssMode&&u(s.wrapperEl,"--swiper-virtual-size",`${s.virtualSize}px`)})),Object.assign(s.virtual,{appendSlide:function(e){if("object"==typeof e&&"length"in e)for(let t=0;t<e.length;t+=1)e[t]&&s.virtual.slides.push(e[t]);else s.virtual.slides.push(e);c(!0)},prependSlide:function(e){const t=s.activeIndex;let a=t+1,i=1;if(Array.isArray(e)){for(let t=0;t<e.length;t+=1)e[t]&&s.virtual.slides.unshift(e[t]);a=t+e.length,i=e.length}else s.virtual.slides.unshift(e);if(s.params.virtual.cache){const e=s.virtual.cache,t={};Object.keys(e).forEach((s=>{const a=e[s],r=a.getAttribute("data-swiper-slide-index");r&&a.setAttribute("data-swiper-slide-index",parseInt(r,10)+i),t[parseInt(s,10)+i]=a})),s.virtual.cache=t}c(!0),s.slideTo(a,0)},removeSlide:function(e){if(null==e)return;let t=s.activeIndex;if(Array.isArray(e))for(let a=e.length-1;a>=0;a-=1)s.params.virtual.cache&&(delete s.virtual.cache[e[a]],Object.keys(s.virtual.cache).forEach((t=>{t>e&&(s.virtual.cache[t-1]=s.virtual.cache[t],s.virtual.cache[t-1].setAttribute("data-swiper-slide-index",t-1),delete s.virtual.cache[t])}))),s.virtual.slides.splice(e[a],1),e[a]<t&&(t-=1),t=Math.max(t,0);else s.params.virtual.cache&&(delete s.virtual.cache[e],Object.keys(s.virtual.cache).forEach((t=>{t>e&&(s.virtual.cache[t-1]=s.virtual.cache[t],s.virtual.cache[t-1].setAttribute("data-swiper-slide-index",t-1),delete s.virtual.cache[t])}))),s.virtual.slides.splice(e,1),e<t&&(t-=1),t=Math.max(t,0);c(!0),s.slideTo(t,0)},removeAllSlides:function(){s.virtual.slides=[],s.params.virtual.cache&&(s.virtual.cache={}),c(!0),s.slideTo(0,0)},update:c})},function(e){let{swiper:t,extendParams:s,on:i,emit:n}=e;const l=a(),o=r();function d(e){if(!t.enabled)return;const{rtlTranslate:s}=t;let a=e;a.originalEvent&&(a=a.originalEvent);const i=a.keyCode||a.charCode,r=t.params.keyboard.pageUpDown,d=r&&33===i,c=r&&34===i,p=37===i,u=39===i,m=38===i,h=40===i;if(!t.allowSlideNext&&(t.isHorizontal()&&u||t.isVertical()&&h||c))return!1;if(!t.allowSlidePrev&&(t.isHorizontal()&&p||t.isVertical()&&m||d))return!1;if(!(a.shiftKey||a.altKey||a.ctrlKey||a.metaKey||l.activeElement&&(l.activeElement.isContentEditable||l.activeElement.nodeName&&("input"===l.activeElement.nodeName.toLowerCase()||"textarea"===l.activeElement.nodeName.toLowerCase())))){if(t.params.keyboard.onlyInViewport&&(d||c||p||u||m||h)){let e=!1;if(E(t.el,`.${t.params.slideClass}, swiper-slide`).length>0&&0===E(t.el,`.${t.params.slideActiveClass}`).length)return;const a=t.el,i=a.clientWidth,r=a.clientHeight,n=o.innerWidth,l=o.innerHeight,d=w(a);s&&(d.left-=a.scrollLeft);const c=[[d.left,d.top],[d.left+i,d.top],[d.left,d.top+r],[d.left+i,d.top+r]];for(let t=0;t<c.length;t+=1){const s=c[t];if(s[0]>=0&&s[0]<=n&&s[1]>=0&&s[1]<=l){if(0===s[0]&&0===s[1])continue;e=!0}}if(!e)return}t.isHorizontal()?((d||c||p||u)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),((c||u)&&!s||(d||p)&&s)&&t.slideNext(),((d||p)&&!s||(c||u)&&s)&&t.slidePrev()):((d||c||m||h)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),(c||h)&&t.slideNext(),(d||m)&&t.slidePrev()),n("keyPress",i)}}function c(){t.keyboard.enabled||(l.addEventListener("keydown",d),t.keyboard.enabled=!0)}function p(){t.keyboard.enabled&&(l.removeEventListener("keydown",d),t.keyboard.enabled=!1)}t.keyboard={enabled:!1},s({keyboard:{enabled:!1,onlyInViewport:!0,pageUpDown:!0}}),i("init",(()=>{t.params.keyboard.enabled&&c()})),i("destroy",(()=>{t.keyboard.enabled&&p()})),Object.assign(t.keyboard,{enable:c,disable:p})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=r();let d;s({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),t.mousewheel={enabled:!1};let c,p=o();const u=[];function m(){t.enabled&&(t.mouseEntered=!0)}function h(){t.enabled&&(t.mouseEntered=!1)}function f(e){return!(t.params.mousewheel.thresholdDelta&&e.delta<t.params.mousewheel.thresholdDelta)&&(!(t.params.mousewheel.thresholdTime&&o()-p<t.params.mousewheel.thresholdTime)&&(e.delta>=6&&o()-p<60||(e.direction<0?t.isEnd&&!t.params.loop||t.animating||(t.slideNext(),i("scroll",e.raw)):t.isBeginning&&!t.params.loop||t.animating||(t.slidePrev(),i("scroll",e.raw)),p=(new n.Date).getTime(),!1)))}function g(e){let s=e,a=!0;if(!t.enabled)return;if(e.target.closest(`.${t.params.mousewheel.noMousewheelClass}`))return;const r=t.params.mousewheel;t.params.cssMode&&s.preventDefault();let n=t.el;"container"!==t.params.mousewheel.eventsTarget&&(n=document.querySelector(t.params.mousewheel.eventsTarget));const p=n&&n.contains(s.target);if(!t.mouseEntered&&!p&&!r.releaseOnEdges)return!0;s.originalEvent&&(s=s.originalEvent);let m=0;const h=t.rtlTranslate?-1:1,g=function(e){let t=0,s=0,a=0,i=0;return"detail"in e&&(s=e.detail),"wheelDelta"in e&&(s=-e.wheelDelta/120),"wheelDeltaY"in e&&(s=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=s,s=0),a=10*t,i=10*s,"deltaY"in e&&(i=e.deltaY),"deltaX"in e&&(a=e.deltaX),e.shiftKey&&!a&&(a=i,i=0),(a||i)&&e.deltaMode&&(1===e.deltaMode?(a*=40,i*=40):(a*=800,i*=800)),a&&!t&&(t=a<1?-1:1),i&&!s&&(s=i<1?-1:1),{spinX:t,spinY:s,pixelX:a,pixelY:i}}(s);if(r.forceToAxis)if(t.isHorizontal()){if(!(Math.abs(g.pixelX)>Math.abs(g.pixelY)))return!0;m=-g.pixelX*h}else{if(!(Math.abs(g.pixelY)>Math.abs(g.pixelX)))return!0;m=-g.pixelY}else m=Math.abs(g.pixelX)>Math.abs(g.pixelY)?-g.pixelX*h:-g.pixelY;if(0===m)return!0;r.invert&&(m=-m);let v=t.getTranslate()+m*r.sensitivity;if(v>=t.minTranslate()&&(v=t.minTranslate()),v<=t.maxTranslate()&&(v=t.maxTranslate()),a=!!t.params.loop||!(v===t.minTranslate()||v===t.maxTranslate()),a&&t.params.nested&&s.stopPropagation(),t.params.freeMode&&t.params.freeMode.enabled){const e={time:o(),delta:Math.abs(m),direction:Math.sign(m)},a=c&&e.time<c.time+500&&e.delta<=c.delta&&e.direction===c.direction;if(!a){c=void 0;let n=t.getTranslate()+m*r.sensitivity;const o=t.isBeginning,p=t.isEnd;if(n>=t.minTranslate()&&(n=t.minTranslate()),n<=t.maxTranslate()&&(n=t.maxTranslate()),t.setTransition(0),t.setTranslate(n),t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses(),(!o&&t.isBeginning||!p&&t.isEnd)&&t.updateSlidesClasses(),t.params.loop&&t.loopFix({direction:e.direction<0?"next":"prev",byMousewheel:!0}),t.params.freeMode.sticky){clearTimeout(d),d=void 0,u.length>=15&&u.shift();const s=u.length?u[u.length-1]:void 0,a=u[0];if(u.push(e),s&&(e.delta>s.delta||e.direction!==s.direction))u.splice(0);else if(u.length>=15&&e.time-a.time<500&&a.delta-e.delta>=1&&e.delta<=6){const s=m>0?.8:.2;c=e,u.splice(0),d=l((()=>{!t.destroyed&&t.params&&t.slideToClosest(t.params.speed,!0,void 0,s)}),0)}d||(d=l((()=>{if(t.destroyed||!t.params)return;c=e,u.splice(0),t.slideToClosest(t.params.speed,!0,void 0,.5)}),500))}if(a||i("scroll",s),t.params.autoplay&&t.params.autoplay.disableOnInteraction&&t.autoplay.stop(),r.releaseOnEdges&&(n===t.minTranslate()||n===t.maxTranslate()))return!0}}else{const s={time:o(),delta:Math.abs(m),direction:Math.sign(m),raw:e};u.length>=2&&u.shift();const a=u.length?u[u.length-1]:void 0;if(u.push(s),a?(s.direction!==a.direction||s.delta>a.delta||s.time>a.time+150)&&f(s):f(s),function(e){const s=t.params.mousewheel;if(e.direction<0){if(t.isEnd&&!t.params.loop&&s.releaseOnEdges)return!0}else if(t.isBeginning&&!t.params.loop&&s.releaseOnEdges)return!0;return!1}(s))return!0}return s.preventDefault?s.preventDefault():s.returnValue=!1,!1}function v(e){let s=t.el;"container"!==t.params.mousewheel.eventsTarget&&(s=document.querySelector(t.params.mousewheel.eventsTarget)),s[e]("mouseenter",m),s[e]("mouseleave",h),s[e]("wheel",g)}function w(){return t.params.cssMode?(t.wrapperEl.removeEventListener("wheel",g),!0):!t.mousewheel.enabled&&(v("addEventListener"),t.mousewheel.enabled=!0,!0)}function b(){return t.params.cssMode?(t.wrapperEl.addEventListener(event,g),!0):!!t.mousewheel.enabled&&(v("removeEventListener"),t.mousewheel.enabled=!1,!0)}a("init",(()=>{!t.params.mousewheel.enabled&&t.params.cssMode&&b(),t.params.mousewheel.enabled&&w()})),a("destroy",(()=>{t.params.cssMode&&w(),t.mousewheel.enabled&&b()})),Object.assign(t.mousewheel,{enable:w,disable:b})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;function r(e){let s;return e&&"string"==typeof e&&t.isElement&&(s=t.el.querySelector(e)||t.hostEl.querySelector(e),s)?s:(e&&("string"==typeof e&&(s=[...document.querySelectorAll(e)]),t.params.uniqueNavElements&&"string"==typeof e&&s&&s.length>1&&1===t.el.querySelectorAll(e).length?s=t.el.querySelector(e):s&&1===s.length&&(s=s[0])),e&&!s?e:s)}function n(e,s){const a=t.params.navigation;(e=T(e)).forEach((e=>{e&&(e.classList[s?"add":"remove"](...a.disabledClass.split(" ")),"BUTTON"===e.tagName&&(e.disabled=s),t.params.watchOverflow&&t.enabled&&e.classList[t.isLocked?"add":"remove"](a.lockClass))}))}function l(){const{nextEl:e,prevEl:s}=t.navigation;if(t.params.loop)return n(s,!1),void n(e,!1);n(s,t.isBeginning&&!t.params.rewind),n(e,t.isEnd&&!t.params.rewind)}function o(e){e.preventDefault(),(!t.isBeginning||t.params.loop||t.params.rewind)&&(t.slidePrev(),i("navigationPrev"))}function d(e){e.preventDefault(),(!t.isEnd||t.params.loop||t.params.rewind)&&(t.slideNext(),i("navigationNext"))}function c(){const e=t.params.navigation;if(t.params.navigation=ne(t,t.originalParams.navigation,t.params.navigation,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"}),!e.nextEl&&!e.prevEl)return;let s=r(e.nextEl),a=r(e.prevEl);Object.assign(t.navigation,{nextEl:s,prevEl:a}),s=T(s),a=T(a);const i=(s,a)=>{s&&s.addEventListener("click","next"===a?d:o),!t.enabled&&s&&s.classList.add(...e.lockClass.split(" "))};s.forEach((e=>i(e,"next"))),a.forEach((e=>i(e,"prev")))}function p(){let{nextEl:e,prevEl:s}=t.navigation;e=T(e),s=T(s);const a=(e,s)=>{e.removeEventListener("click","next"===s?d:o),e.classList.remove(...t.params.navigation.disabledClass.split(" "))};e.forEach((e=>a(e,"next"))),s.forEach((e=>a(e,"prev")))}s({navigation:{nextEl:null,prevEl:null,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock",navigationDisabledClass:"swiper-navigation-disabled"}}),t.navigation={nextEl:null,prevEl:null},a("init",(()=>{!1===t.params.navigation.enabled?u():(c(),l())})),a("toEdge fromEdge lock unlock",(()=>{l()})),a("destroy",(()=>{p()})),a("enable disable",(()=>{let{nextEl:e,prevEl:s}=t.navigation;e=T(e),s=T(s),t.enabled?l():[...e,...s].filter((e=>!!e)).forEach((e=>e.classList.add(t.params.navigation.lockClass)))})),a("click",((e,s)=>{let{nextEl:a,prevEl:r}=t.navigation;a=T(a),r=T(r);const n=s.target;let l=r.includes(n)||a.includes(n);if(t.isElement&&!l){const e=s.path||s.composedPath&&s.composedPath();e&&(l=e.find((e=>a.includes(e)||r.includes(e))))}if(t.params.navigation.hideOnClick&&!l){if(t.pagination&&t.params.pagination&&t.params.pagination.clickable&&(t.pagination.el===n||t.pagination.el.contains(n)))return;let e;a.length?e=a[0].classList.contains(t.params.navigation.hiddenClass):r.length&&(e=r[0].classList.contains(t.params.navigation.hiddenClass)),i(!0===e?"navigationShow":"navigationHide"),[...a,...r].filter((e=>!!e)).forEach((e=>e.classList.toggle(t.params.navigation.hiddenClass)))}}));const u=()=>{t.el.classList.add(...t.params.navigation.navigationDisabledClass.split(" ")),p()};Object.assign(t.navigation,{enable:()=>{t.el.classList.remove(...t.params.navigation.navigationDisabledClass.split(" ")),c(),l()},disable:u,update:l,init:c,destroy:p})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const r="swiper-pagination";let n;s({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:e=>e,formatFractionTotal:e=>e,bulletClass:`${r}-bullet`,bulletActiveClass:`${r}-bullet-active`,modifierClass:`${r}-`,currentClass:`${r}-current`,totalClass:`${r}-total`,hiddenClass:`${r}-hidden`,progressbarFillClass:`${r}-progressbar-fill`,progressbarOppositeClass:`${r}-progressbar-opposite`,clickableClass:`${r}-clickable`,lockClass:`${r}-lock`,horizontalClass:`${r}-horizontal`,verticalClass:`${r}-vertical`,paginationDisabledClass:`${r}-disabled`}}),t.pagination={el:null,bullets:[]};let l=0;function o(){return!t.params.pagination.el||!t.pagination.el||Array.isArray(t.pagination.el)&&0===t.pagination.el.length}function d(e,s){const{bulletActiveClass:a}=t.params.pagination;e&&(e=e[("prev"===s?"previous":"next")+"ElementSibling"])&&(e.classList.add(`${a}-${s}`),(e=e[("prev"===s?"previous":"next")+"ElementSibling"])&&e.classList.add(`${a}-${s}-${s}`))}function c(e){const s=e.target.closest(le(t.params.pagination.bulletClass));if(!s)return;e.preventDefault();const a=y(s)*t.params.slidesPerGroup;if(t.params.loop){if(t.realIndex===a)return;const e=(i=t.realIndex,r=a,n=t.slides.length,(r%=n)==1+(i%=n)?"next":r===i-1?"previous":void 0);"next"===e?t.slideNext():"previous"===e?t.slidePrev():t.slideToLoop(a)}else t.slideTo(a);var i,r,n}function p(){const e=t.rtl,s=t.params.pagination;if(o())return;let a,r,c=t.pagination.el;c=T(c);const p=t.virtual&&t.params.virtual.enabled?t.virtual.slides.length:t.slides.length,u=t.params.loop?Math.ceil(p/t.params.slidesPerGroup):t.snapGrid.length;if(t.params.loop?(r=t.previousRealIndex||0,a=t.params.slidesPerGroup>1?Math.floor(t.realIndex/t.params.slidesPerGroup):t.realIndex):void 0!==t.snapIndex?(a=t.snapIndex,r=t.previousSnapIndex):(r=t.previousIndex||0,a=t.activeIndex||0),"bullets"===s.type&&t.pagination.bullets&&t.pagination.bullets.length>0){const i=t.pagination.bullets;let o,p,u;if(s.dynamicBullets&&(n=S(i[0],t.isHorizontal()?"width":"height",!0),c.forEach((e=>{e.style[t.isHorizontal()?"width":"height"]=n*(s.dynamicMainBullets+4)+"px"})),s.dynamicMainBullets>1&&void 0!==r&&(l+=a-(r||0),l>s.dynamicMainBullets-1?l=s.dynamicMainBullets-1:l<0&&(l=0)),o=Math.max(a-l,0),p=o+(Math.min(i.length,s.dynamicMainBullets)-1),u=(p+o)/2),i.forEach((e=>{const t=[...["","-next","-next-next","-prev","-prev-prev","-main"].map((e=>`${s.bulletActiveClass}${e}`))].map((e=>"string"==typeof e&&e.includes(" ")?e.split(" "):e)).flat();e.classList.remove(...t)})),c.length>1)i.forEach((e=>{const i=y(e);i===a?e.classList.add(...s.bulletActiveClass.split(" ")):t.isElement&&e.setAttribute("part","bullet"),s.dynamicBullets&&(i>=o&&i<=p&&e.classList.add(...`${s.bulletActiveClass}-main`.split(" ")),i===o&&d(e,"prev"),i===p&&d(e,"next"))}));else{const e=i[a];if(e&&e.classList.add(...s.bulletActiveClass.split(" ")),t.isElement&&i.forEach(((e,t)=>{e.setAttribute("part",t===a?"bullet-active":"bullet")})),s.dynamicBullets){const e=i[o],t=i[p];for(let e=o;e<=p;e+=1)i[e]&&i[e].classList.add(...`${s.bulletActiveClass}-main`.split(" "));d(e,"prev"),d(t,"next")}}if(s.dynamicBullets){const a=Math.min(i.length,s.dynamicMainBullets+4),r=(n*a-n)/2-u*n,l=e?"right":"left";i.forEach((e=>{e.style[t.isHorizontal()?l:"top"]=`${r}px`}))}}c.forEach(((e,r)=>{if("fraction"===s.type&&(e.querySelectorAll(le(s.currentClass)).forEach((e=>{e.textContent=s.formatFractionCurrent(a+1)})),e.querySelectorAll(le(s.totalClass)).forEach((e=>{e.textContent=s.formatFractionTotal(u)}))),"progressbar"===s.type){let i;i=s.progressbarOpposite?t.isHorizontal()?"vertical":"horizontal":t.isHorizontal()?"horizontal":"vertical";const r=(a+1)/u;let n=1,l=1;"horizontal"===i?n=r:l=r,e.querySelectorAll(le(s.progressbarFillClass)).forEach((e=>{e.style.transform=`translate3d(0,0,0) scaleX(${n}) scaleY(${l})`,e.style.transitionDuration=`${t.params.speed}ms`}))}"custom"===s.type&&s.renderCustom?(C(e,s.renderCustom(t,a+1,u)),0===r&&i("paginationRender",e)):(0===r&&i("paginationRender",e),i("paginationUpdate",e)),t.params.watchOverflow&&t.enabled&&e.classList[t.isLocked?"add":"remove"](s.lockClass)}))}function u(){const e=t.params.pagination;if(o())return;const s=t.virtual&&t.params.virtual.enabled?t.virtual.slides.length:t.grid&&t.params.grid.rows>1?t.slides.length/Math.ceil(t.params.grid.rows):t.slides.length;let a=t.pagination.el;a=T(a);let r="";if("bullets"===e.type){let a=t.params.loop?Math.ceil(s/t.params.slidesPerGroup):t.snapGrid.length;t.params.freeMode&&t.params.freeMode.enabled&&a>s&&(a=s);for(let s=0;s<a;s+=1)e.renderBullet?r+=e.renderBullet.call(t,s,e.bulletClass):r+=`<${e.bulletElement} ${t.isElement?'part="bullet"':""} class="${e.bulletClass}"></${e.bulletElement}>`}"fraction"===e.type&&(r=e.renderFraction?e.renderFraction.call(t,e.currentClass,e.totalClass):`<span class="${e.currentClass}"></span> / <span class="${e.totalClass}"></span>`),"progressbar"===e.type&&(r=e.renderProgressbar?e.renderProgressbar.call(t,e.progressbarFillClass):`<span class="${e.progressbarFillClass}"></span>`),t.pagination.bullets=[],a.forEach((s=>{"custom"!==e.type&&C(s,r||""),"bullets"===e.type&&t.pagination.bullets.push(...s.querySelectorAll(le(e.bulletClass)))})),"custom"!==e.type&&i("paginationRender",a[0])}function m(){t.params.pagination=ne(t,t.originalParams.pagination,t.params.pagination,{el:"swiper-pagination"});const e=t.params.pagination;if(!e.el)return;let s;"string"==typeof e.el&&t.isElement&&(s=t.el.querySelector(e.el)),s||"string"!=typeof e.el||(s=[...document.querySelectorAll(e.el)]),s||(s=e.el),s&&0!==s.length&&(t.params.uniqueNavElements&&"string"==typeof e.el&&Array.isArray(s)&&s.length>1&&(s=[...t.el.querySelectorAll(e.el)],s.length>1&&(s=s.find((e=>E(e,".swiper")[0]===t.el)))),Array.isArray(s)&&1===s.length&&(s=s[0]),Object.assign(t.pagination,{el:s}),s=T(s),s.forEach((s=>{"bullets"===e.type&&e.clickable&&s.classList.add(...(e.clickableClass||"").split(" ")),s.classList.add(e.modifierClass+e.type),s.classList.add(t.isHorizontal()?e.horizontalClass:e.verticalClass),"bullets"===e.type&&e.dynamicBullets&&(s.classList.add(`${e.modifierClass}${e.type}-dynamic`),l=0,e.dynamicMainBullets<1&&(e.dynamicMainBullets=1)),"progressbar"===e.type&&e.progressbarOpposite&&s.classList.add(e.progressbarOppositeClass),e.clickable&&s.addEventListener("click",c),t.enabled||s.classList.add(e.lockClass)})))}function h(){const e=t.params.pagination;if(o())return;let s=t.pagination.el;s&&(s=T(s),s.forEach((s=>{s.classList.remove(e.hiddenClass),s.classList.remove(e.modifierClass+e.type),s.classList.remove(t.isHorizontal()?e.horizontalClass:e.verticalClass),e.clickable&&(s.classList.remove(...(e.clickableClass||"").split(" ")),s.removeEventListener("click",c))}))),t.pagination.bullets&&t.pagination.bullets.forEach((t=>t.classList.remove(...e.bulletActiveClass.split(" "))))}a("changeDirection",(()=>{if(!t.pagination||!t.pagination.el)return;const e=t.params.pagination;let{el:s}=t.pagination;s=T(s),s.forEach((s=>{s.classList.remove(e.horizontalClass,e.verticalClass),s.classList.add(t.isHorizontal()?e.horizontalClass:e.verticalClass)}))})),a("init",(()=>{!1===t.params.pagination.enabled?f():(m(),u(),p())})),a("activeIndexChange",(()=>{void 0===t.snapIndex&&p()})),a("snapIndexChange",(()=>{p()})),a("snapGridLengthChange",(()=>{u(),p()})),a("destroy",(()=>{h()})),a("enable disable",(()=>{let{el:e}=t.pagination;e&&(e=T(e),e.forEach((e=>e.classList[t.enabled?"remove":"add"](t.params.pagination.lockClass))))})),a("lock unlock",(()=>{p()})),a("click",((e,s)=>{const a=s.target,r=T(t.pagination.el);if(t.params.pagination.el&&t.params.pagination.hideOnClick&&r&&r.length>0&&!a.classList.contains(t.params.pagination.bulletClass)){if(t.navigation&&(t.navigation.nextEl&&a===t.navigation.nextEl||t.navigation.prevEl&&a===t.navigation.prevEl))return;const e=r[0].classList.contains(t.params.pagination.hiddenClass);i(!0===e?"paginationShow":"paginationHide"),r.forEach((e=>e.classList.toggle(t.params.pagination.hiddenClass)))}}));const f=()=>{t.el.classList.add(t.params.pagination.paginationDisabledClass);let{el:e}=t.pagination;e&&(e=T(e),e.forEach((e=>e.classList.add(t.params.pagination.paginationDisabledClass)))),h()};Object.assign(t.pagination,{enable:()=>{t.el.classList.remove(t.params.pagination.paginationDisabledClass);let{el:e}=t.pagination;e&&(e=T(e),e.forEach((e=>e.classList.remove(t.params.pagination.paginationDisabledClass)))),m(),u(),p()},disable:f,render:u,update:p,init:m,destroy:h})},function(e){let{swiper:t,extendParams:s,on:i,emit:r}=e;const o=a();let d,c,p,u,m=!1,h=null,f=null;function g(){if(!t.params.scrollbar.el||!t.scrollbar.el)return;const{scrollbar:e,rtlTranslate:s}=t,{dragEl:a,el:i}=e,r=t.params.scrollbar,n=t.params.loop?t.progressLoop:t.progress;let l=c,o=(p-c)*n;s?(o=-o,o>0?(l=c-o,o=0):-o+c>p&&(l=p+o)):o<0?(l=c+o,o=0):o+c>p&&(l=p-o),t.isHorizontal()?(a.style.transform=`translate3d(${o}px, 0, 0)`,a.style.width=`${l}px`):(a.style.transform=`translate3d(0px, ${o}px, 0)`,a.style.height=`${l}px`),r.hide&&(clearTimeout(h),i.style.opacity=1,h=setTimeout((()=>{i.style.opacity=0,i.style.transitionDuration="400ms"}),1e3))}function b(){if(!t.params.scrollbar.el||!t.scrollbar.el)return;const{scrollbar:e}=t,{dragEl:s,el:a}=e;s.style.width="",s.style.height="",p=t.isHorizontal()?a.offsetWidth:a.offsetHeight,u=t.size/(t.virtualSize+t.params.slidesOffsetBefore-(t.params.centeredSlides?t.snapGrid[0]:0)),c="auto"===t.params.scrollbar.dragSize?p*u:parseInt(t.params.scrollbar.dragSize,10),t.isHorizontal()?s.style.width=`${c}px`:s.style.height=`${c}px`,a.style.display=u>=1?"none":"",t.params.scrollbar.hide&&(a.style.opacity=0),t.params.watchOverflow&&t.enabled&&e.el.classList[t.isLocked?"add":"remove"](t.params.scrollbar.lockClass)}function y(e){return t.isHorizontal()?e.clientX:e.clientY}function E(e){const{scrollbar:s,rtlTranslate:a}=t,{el:i}=s;let r;r=(y(e)-w(i)[t.isHorizontal()?"left":"top"]-(null!==d?d:c/2))/(p-c),r=Math.max(Math.min(r,1),0),a&&(r=1-r);const n=t.minTranslate()+(t.maxTranslate()-t.minTranslate())*r;t.updateProgress(n),t.setTranslate(n),t.updateActiveIndex(),t.updateSlidesClasses()}function x(e){const s=t.params.scrollbar,{scrollbar:a,wrapperEl:i}=t,{el:n,dragEl:l}=a;m=!0,d=e.target===l?y(e)-e.target.getBoundingClientRect()[t.isHorizontal()?"left":"top"]:null,e.preventDefault(),e.stopPropagation(),i.style.transitionDuration="100ms",l.style.transitionDuration="100ms",E(e),clearTimeout(f),n.style.transitionDuration="0ms",s.hide&&(n.style.opacity=1),t.params.cssMode&&(t.wrapperEl.style["scroll-snap-type"]="none"),r("scrollbarDragStart",e)}function S(e){const{scrollbar:s,wrapperEl:a}=t,{el:i,dragEl:n}=s;m&&(e.preventDefault&&e.cancelable?e.preventDefault():e.returnValue=!1,E(e),a.style.transitionDuration="0ms",i.style.transitionDuration="0ms",n.style.transitionDuration="0ms",r("scrollbarDragMove",e))}function M(e){const s=t.params.scrollbar,{scrollbar:a,wrapperEl:i}=t,{el:n}=a;m&&(m=!1,t.params.cssMode&&(t.wrapperEl.style["scroll-snap-type"]="",i.style.transitionDuration=""),s.hide&&(clearTimeout(f),f=l((()=>{n.style.opacity=0,n.style.transitionDuration="400ms"}),1e3)),r("scrollbarDragEnd",e),s.snapOnRelease&&t.slideToClosest())}function C(e){const{scrollbar:s,params:a}=t,i=s.el;if(!i)return;const r=i,n=!!a.passiveListeners&&{passive:!1,capture:!1},l=!!a.passiveListeners&&{passive:!0,capture:!1};if(!r)return;const d="on"===e?"addEventListener":"removeEventListener";r[d]("pointerdown",x,n),o[d]("pointermove",S,n),o[d]("pointerup",M,l)}function P(){const{scrollbar:e,el:s}=t;t.params.scrollbar=ne(t,t.originalParams.scrollbar,t.params.scrollbar,{el:"swiper-scrollbar"});const a=t.params.scrollbar;if(!a.el)return;let i,r;if("string"==typeof a.el&&t.isElement&&(i=t.el.querySelector(a.el)),i||"string"!=typeof a.el)i||(i=a.el);else if(i=o.querySelectorAll(a.el),!i.length)return;t.params.uniqueNavElements&&"string"==typeof a.el&&i.length>1&&1===s.querySelectorAll(a.el).length&&(i=s.querySelector(a.el)),i.length>0&&(i=i[0]),i.classList.add(t.isHorizontal()?a.horizontalClass:a.verticalClass),i&&(r=i.querySelector(le(t.params.scrollbar.dragClass)),r||(r=v("div",t.params.scrollbar.dragClass),i.append(r))),Object.assign(e,{el:i,dragEl:r}),a.draggable&&t.params.scrollbar.el&&t.scrollbar.el&&C("on"),i&&i.classList[t.enabled?"remove":"add"](...n(t.params.scrollbar.lockClass))}function L(){const e=t.params.scrollbar,s=t.scrollbar.el;s&&s.classList.remove(...n(t.isHorizontal()?e.horizontalClass:e.verticalClass)),t.params.scrollbar.el&&t.scrollbar.el&&C("off")}s({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),t.scrollbar={el:null,dragEl:null},i("changeDirection",(()=>{if(!t.scrollbar||!t.scrollbar.el)return;const e=t.params.scrollbar;let{el:s}=t.scrollbar;s=T(s),s.forEach((s=>{s.classList.remove(e.horizontalClass,e.verticalClass),s.classList.add(t.isHorizontal()?e.horizontalClass:e.verticalClass)}))})),i("init",(()=>{!1===t.params.scrollbar.enabled?I():(P(),b(),g())})),i("update resize observerUpdate lock unlock changeDirection",(()=>{b()})),i("setTranslate",(()=>{g()})),i("setTransition",((e,s)=>{!function(e){t.params.scrollbar.el&&t.scrollbar.el&&(t.scrollbar.dragEl.style.transitionDuration=`${e}ms`)}(s)})),i("enable disable",(()=>{const{el:e}=t.scrollbar;e&&e.classList[t.enabled?"remove":"add"](...n(t.params.scrollbar.lockClass))})),i("destroy",(()=>{L()}));const I=()=>{t.el.classList.add(...n(t.params.scrollbar.scrollbarDisabledClass)),t.scrollbar.el&&t.scrollbar.el.classList.add(...n(t.params.scrollbar.scrollbarDisabledClass)),L()};Object.assign(t.scrollbar,{enable:()=>{t.el.classList.remove(...n(t.params.scrollbar.scrollbarDisabledClass)),t.scrollbar.el&&t.scrollbar.el.classList.remove(...n(t.params.scrollbar.scrollbarDisabledClass)),P(),b(),g()},disable:I,updateSize:b,setTranslate:g,init:P,destroy:L})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({parallax:{enabled:!1}});const i="[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",r=(e,s)=>{const{rtl:a}=t,i=a?-1:1,r=e.getAttribute("data-swiper-parallax")||"0";let n=e.getAttribute("data-swiper-parallax-x"),l=e.getAttribute("data-swiper-parallax-y");const o=e.getAttribute("data-swiper-parallax-scale"),d=e.getAttribute("data-swiper-parallax-opacity"),c=e.getAttribute("data-swiper-parallax-rotate");if(n||l?(n=n||"0",l=l||"0"):t.isHorizontal()?(n=r,l="0"):(l=r,n="0"),n=n.indexOf("%")>=0?parseInt(n,10)*s*i+"%":n*s*i+"px",l=l.indexOf("%")>=0?parseInt(l,10)*s+"%":l*s+"px",null!=d){const t=d-(d-1)*(1-Math.abs(s));e.style.opacity=t}let p=`translate3d(${n}, ${l}, 0px)`;if(null!=o){p+=` scale(${o-(o-1)*(1-Math.abs(s))})`}if(c&&null!=c){p+=` rotate(${c*s*-1}deg)`}e.style.transform=p},n=()=>{const{el:e,slides:s,progress:a,snapGrid:n,isElement:l}=t,o=f(e,i);t.isElement&&o.push(...f(t.hostEl,i)),o.forEach((e=>{r(e,a)})),s.forEach(((e,s)=>{let l=e.progress;t.params.slidesPerGroup>1&&"auto"!==t.params.slidesPerView&&(l+=Math.ceil(s/2)-a*(n.length-1)),l=Math.min(Math.max(l,-1),1),e.querySelectorAll(`${i}, [data-swiper-parallax-rotate]`).forEach((e=>{r(e,l)}))}))};a("beforeInit",(()=>{t.params.parallax.enabled&&(t.params.watchSlidesProgress=!0,t.originalParams.watchSlidesProgress=!0)})),a("init",(()=>{t.params.parallax.enabled&&n()})),a("setTranslate",(()=>{t.params.parallax.enabled&&n()})),a("setTransition",((e,s)=>{t.params.parallax.enabled&&function(e){void 0===e&&(e=t.params.speed);const{el:s,hostEl:a}=t,r=[...s.querySelectorAll(i)];t.isElement&&r.push(...a.querySelectorAll(i)),r.forEach((t=>{let s=parseInt(t.getAttribute("data-swiper-parallax-duration"),10)||e;0===e&&(s=0),t.style.transitionDuration=`${s}ms`}))}(s)}))},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=r();s({zoom:{enabled:!1,limitToOriginalSize:!1,maxRatio:3,minRatio:1,panOnMouseMove:!1,toggle:!0,containerClass:"swiper-zoom-container",zoomedSlideClass:"swiper-slide-zoomed"}}),t.zoom={enabled:!1};let l=1,o=!1,c=!1,p={x:0,y:0};const u=-3;let m,h;const g=[],v={originX:0,originY:0,slideEl:void 0,slideWidth:void 0,slideHeight:void 0,imageEl:void 0,imageWrapEl:void 0,maxRatio:3},b={isTouched:void 0,isMoved:void 0,currentX:void 0,currentY:void 0,minX:void 0,minY:void 0,maxX:void 0,maxY:void 0,width:void 0,height:void 0,startX:void 0,startY:void 0,touchesStart:{},touchesCurrent:{}},y={x:void 0,y:void 0,prevPositionX:void 0,prevPositionY:void 0,prevTime:void 0};let x,S=1;function T(){if(g.length<2)return 1;const e=g[0].pageX,t=g[0].pageY,s=g[1].pageX,a=g[1].pageY;return Math.sqrt((s-e)**2+(a-t)**2)}function M(){const e=t.params.zoom,s=v.imageWrapEl.getAttribute("data-swiper-zoom")||e.maxRatio;if(e.limitToOriginalSize&&v.imageEl&&v.imageEl.naturalWidth){const e=v.imageEl.naturalWidth/v.imageEl.offsetWidth;return Math.min(e,s)}return s}function C(e){const s=t.isElement?"swiper-slide":`.${t.params.slideClass}`;return!!e.target.matches(s)||t.slides.filter((t=>t.contains(e.target))).length>0}function P(e){const s=`.${t.params.zoom.containerClass}`;return!!e.target.matches(s)||[...t.hostEl.querySelectorAll(s)].filter((t=>t.contains(e.target))).length>0}function L(e){if("mouse"===e.pointerType&&g.splice(0,g.length),!C(e))return;const s=t.params.zoom;if(m=!1,h=!1,g.push(e),!(g.length<2)){if(m=!0,v.scaleStart=T(),!v.slideEl){v.slideEl=e.target.closest(`.${t.params.slideClass}, swiper-slide`),v.slideEl||(v.slideEl=t.slides[t.activeIndex]);let a=v.slideEl.querySelector(`.${s.containerClass}`);if(a&&(a=a.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),v.imageEl=a,v.imageWrapEl=a?E(v.imageEl,`.${s.containerClass}`)[0]:void 0,!v.imageWrapEl)return void(v.imageEl=void 0);v.maxRatio=M()}if(v.imageEl){const[e,t]=function(){if(g.length<2)return{x:null,y:null};const e=v.imageEl.getBoundingClientRect();return[(g[0].pageX+(g[1].pageX-g[0].pageX)/2-e.x-n.scrollX)/l,(g[0].pageY+(g[1].pageY-g[0].pageY)/2-e.y-n.scrollY)/l]}();v.originX=e,v.originY=t,v.imageEl.style.transitionDuration="0ms"}o=!0}}function I(e){if(!C(e))return;const s=t.params.zoom,a=t.zoom,i=g.findIndex((t=>t.pointerId===e.pointerId));i>=0&&(g[i]=e),g.length<2||(h=!0,v.scaleMove=T(),v.imageEl&&(a.scale=v.scaleMove/v.scaleStart*l,a.scale>v.maxRatio&&(a.scale=v.maxRatio-1+(a.scale-v.maxRatio+1)**.5),a.scale<s.minRatio&&(a.scale=s.minRatio+1-(s.minRatio-a.scale+1)**.5),v.imageEl.style.transform=`translate3d(0,0,0) scale(${a.scale})`))}function z(e){if(!C(e))return;if("mouse"===e.pointerType&&"pointerout"===e.type)return;const s=t.params.zoom,a=t.zoom,i=g.findIndex((t=>t.pointerId===e.pointerId));i>=0&&g.splice(i,1),m&&h&&(m=!1,h=!1,v.imageEl&&(a.scale=Math.max(Math.min(a.scale,v.maxRatio),s.minRatio),v.imageEl.style.transitionDuration=`${t.params.speed}ms`,v.imageEl.style.transform=`translate3d(0,0,0) scale(${a.scale})`,l=a.scale,o=!1,a.scale>1&&v.slideEl?v.slideEl.classList.add(`${s.zoomedSlideClass}`):a.scale<=1&&v.slideEl&&v.slideEl.classList.remove(`${s.zoomedSlideClass}`),1===a.scale&&(v.originX=0,v.originY=0,v.slideEl=void 0)))}function A(){t.touchEventsData.preventTouchMoveFromPointerMove=!1}function $(e){const s="mouse"===e.pointerType&&t.params.zoom.panOnMouseMove;if(!C(e)||!P(e))return;const a=t.zoom;if(!v.imageEl)return;if(!b.isTouched||!v.slideEl)return void(s&&O(e));if(s)return void O(e);b.isMoved||(b.width=v.imageEl.offsetWidth||v.imageEl.clientWidth,b.height=v.imageEl.offsetHeight||v.imageEl.clientHeight,b.startX=d(v.imageWrapEl,"x")||0,b.startY=d(v.imageWrapEl,"y")||0,v.slideWidth=v.slideEl.offsetWidth,v.slideHeight=v.slideEl.offsetHeight,v.imageWrapEl.style.transitionDuration="0ms");const i=b.width*a.scale,r=b.height*a.scale;b.minX=Math.min(v.slideWidth/2-i/2,0),b.maxX=-b.minX,b.minY=Math.min(v.slideHeight/2-r/2,0),b.maxY=-b.minY,b.touchesCurrent.x=g.length>0?g[0].pageX:e.pageX,b.touchesCurrent.y=g.length>0?g[0].pageY:e.pageY;if(Math.max(Math.abs(b.touchesCurrent.x-b.touchesStart.x),Math.abs(b.touchesCurrent.y-b.touchesStart.y))>5&&(t.allowClick=!1),!b.isMoved&&!o){if(t.isHorizontal()&&(Math.floor(b.minX)===Math.floor(b.startX)&&b.touchesCurrent.x<b.touchesStart.x||Math.floor(b.maxX)===Math.floor(b.startX)&&b.touchesCurrent.x>b.touchesStart.x))return b.isTouched=!1,void A();if(!t.isHorizontal()&&(Math.floor(b.minY)===Math.floor(b.startY)&&b.touchesCurrent.y<b.touchesStart.y||Math.floor(b.maxY)===Math.floor(b.startY)&&b.touchesCurrent.y>b.touchesStart.y))return b.isTouched=!1,void A()}e.cancelable&&e.preventDefault(),e.stopPropagation(),clearTimeout(x),t.touchEventsData.preventTouchMoveFromPointerMove=!0,x=setTimeout((()=>{t.destroyed||A()})),b.isMoved=!0;const n=(a.scale-l)/(v.maxRatio-t.params.zoom.minRatio),{originX:c,originY:p}=v;b.currentX=b.touchesCurrent.x-b.touchesStart.x+b.startX+n*(b.width-2*c),b.currentY=b.touchesCurrent.y-b.touchesStart.y+b.startY+n*(b.height-2*p),b.currentX<b.minX&&(b.currentX=b.minX+1-(b.minX-b.currentX+1)**.8),b.currentX>b.maxX&&(b.currentX=b.maxX-1+(b.currentX-b.maxX+1)**.8),b.currentY<b.minY&&(b.currentY=b.minY+1-(b.minY-b.currentY+1)**.8),b.currentY>b.maxY&&(b.currentY=b.maxY-1+(b.currentY-b.maxY+1)**.8),y.prevPositionX||(y.prevPositionX=b.touchesCurrent.x),y.prevPositionY||(y.prevPositionY=b.touchesCurrent.y),y.prevTime||(y.prevTime=Date.now()),y.x=(b.touchesCurrent.x-y.prevPositionX)/(Date.now()-y.prevTime)/2,y.y=(b.touchesCurrent.y-y.prevPositionY)/(Date.now()-y.prevTime)/2,Math.abs(b.touchesCurrent.x-y.prevPositionX)<2&&(y.x=0),Math.abs(b.touchesCurrent.y-y.prevPositionY)<2&&(y.y=0),y.prevPositionX=b.touchesCurrent.x,y.prevPositionY=b.touchesCurrent.y,y.prevTime=Date.now(),v.imageWrapEl.style.transform=`translate3d(${b.currentX}px, ${b.currentY}px,0)`}function k(){const e=t.zoom;v.slideEl&&t.activeIndex!==t.slides.indexOf(v.slideEl)&&(v.imageEl&&(v.imageEl.style.transform="translate3d(0,0,0) scale(1)"),v.imageWrapEl&&(v.imageWrapEl.style.transform="translate3d(0,0,0)"),v.slideEl.classList.remove(`${t.params.zoom.zoomedSlideClass}`),e.scale=1,l=1,v.slideEl=void 0,v.imageEl=void 0,v.imageWrapEl=void 0,v.originX=0,v.originY=0)}function O(e){if(l<=1||!v.imageWrapEl)return;if(!C(e)||!P(e))return;const t=n.getComputedStyle(v.imageWrapEl).transform,s=new n.DOMMatrix(t);if(!c)return c=!0,p.x=e.clientX,p.y=e.clientY,b.startX=s.e,b.startY=s.f,b.width=v.imageEl.offsetWidth||v.imageEl.clientWidth,b.height=v.imageEl.offsetHeight||v.imageEl.clientHeight,v.slideWidth=v.slideEl.offsetWidth,void(v.slideHeight=v.slideEl.offsetHeight);const a=(e.clientX-p.x)*u,i=(e.clientY-p.y)*u,r=b.width*l,o=b.height*l,d=v.slideWidth,m=v.slideHeight,h=Math.min(d/2-r/2,0),f=-h,g=Math.min(m/2-o/2,0),w=-g,y=Math.max(Math.min(b.startX+a,f),h),E=Math.max(Math.min(b.startY+i,w),g);v.imageWrapEl.style.transitionDuration="0ms",v.imageWrapEl.style.transform=`translate3d(${y}px, ${E}px, 0)`,p.x=e.clientX,p.y=e.clientY,b.startX=y,b.startY=E,b.currentX=y,b.currentY=E}function D(e){const s=t.zoom,a=t.params.zoom;if(!v.slideEl){e&&e.target&&(v.slideEl=e.target.closest(`.${t.params.slideClass}, swiper-slide`)),v.slideEl||(t.params.virtual&&t.params.virtual.enabled&&t.virtual?v.slideEl=f(t.slidesEl,`.${t.params.slideActiveClass}`)[0]:v.slideEl=t.slides[t.activeIndex]);let s=v.slideEl.querySelector(`.${a.containerClass}`);s&&(s=s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),v.imageEl=s,v.imageWrapEl=s?E(v.imageEl,`.${a.containerClass}`)[0]:void 0}if(!v.imageEl||!v.imageWrapEl)return;let i,r,o,d,c,p,u,m,h,g,y,x,S,T,C,P,L,I;t.params.cssMode&&(t.wrapperEl.style.overflow="hidden",t.wrapperEl.style.touchAction="none"),v.slideEl.classList.add(`${a.zoomedSlideClass}`),void 0===b.touchesStart.x&&e?(i=e.pageX,r=e.pageY):(i=b.touchesStart.x,r=b.touchesStart.y);const z=l,A="number"==typeof e?e:null;1===l&&A&&(i=void 0,r=void 0,b.touchesStart.x=void 0,b.touchesStart.y=void 0);const $=M();s.scale=A||$,l=A||$,!e||1===l&&A?(u=0,m=0):(L=v.slideEl.offsetWidth,I=v.slideEl.offsetHeight,o=w(v.slideEl).left+n.scrollX,d=w(v.slideEl).top+n.scrollY,c=o+L/2-i,p=d+I/2-r,h=v.imageEl.offsetWidth||v.imageEl.clientWidth,g=v.imageEl.offsetHeight||v.imageEl.clientHeight,y=h*s.scale,x=g*s.scale,S=Math.min(L/2-y/2,0),T=Math.min(I/2-x/2,0),C=-S,P=-T,z>0&&A&&"number"==typeof b.currentX&&"number"==typeof b.currentY?(u=b.currentX*s.scale/z,m=b.currentY*s.scale/z):(u=c*s.scale,m=p*s.scale),u<S&&(u=S),u>C&&(u=C),m<T&&(m=T),m>P&&(m=P)),A&&1===s.scale&&(v.originX=0,v.originY=0),b.currentX=u,b.currentY=m,v.imageWrapEl.style.transitionDuration="300ms",v.imageWrapEl.style.transform=`translate3d(${u}px, ${m}px,0)`,v.imageEl.style.transitionDuration="300ms",v.imageEl.style.transform=`translate3d(0,0,0) scale(${s.scale})`}function G(){const e=t.zoom,s=t.params.zoom;if(!v.slideEl){t.params.virtual&&t.params.virtual.enabled&&t.virtual?v.slideEl=f(t.slidesEl,`.${t.params.slideActiveClass}`)[0]:v.slideEl=t.slides[t.activeIndex];let e=v.slideEl.querySelector(`.${s.containerClass}`);e&&(e=e.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),v.imageEl=e,v.imageWrapEl=e?E(v.imageEl,`.${s.containerClass}`)[0]:void 0}v.imageEl&&v.imageWrapEl&&(t.params.cssMode&&(t.wrapperEl.style.overflow="",t.wrapperEl.style.touchAction=""),e.scale=1,l=1,b.currentX=void 0,b.currentY=void 0,b.touchesStart.x=void 0,b.touchesStart.y=void 0,v.imageWrapEl.style.transitionDuration="300ms",v.imageWrapEl.style.transform="translate3d(0,0,0)",v.imageEl.style.transitionDuration="300ms",v.imageEl.style.transform="translate3d(0,0,0) scale(1)",v.slideEl.classList.remove(`${s.zoomedSlideClass}`),v.slideEl=void 0,v.originX=0,v.originY=0,t.params.zoom.panOnMouseMove&&(p={x:0,y:0},c&&(c=!1,b.startX=0,b.startY=0)))}function X(e){const s=t.zoom;s.scale&&1!==s.scale?G():D(e)}function Y(){return{passiveListener:!!t.params.passiveListeners&&{passive:!0,capture:!1},activeListenerWithCapture:!t.params.passiveListeners||{passive:!1,capture:!0}}}function B(){const e=t.zoom;if(e.enabled)return;e.enabled=!0;const{passiveListener:s,activeListenerWithCapture:a}=Y();t.wrapperEl.addEventListener("pointerdown",L,s),t.wrapperEl.addEventListener("pointermove",I,a),["pointerup","pointercancel","pointerout"].forEach((e=>{t.wrapperEl.addEventListener(e,z,s)})),t.wrapperEl.addEventListener("pointermove",$,a)}function H(){const e=t.zoom;if(!e.enabled)return;e.enabled=!1;const{passiveListener:s,activeListenerWithCapture:a}=Y();t.wrapperEl.removeEventListener("pointerdown",L,s),t.wrapperEl.removeEventListener("pointermove",I,a),["pointerup","pointercancel","pointerout"].forEach((e=>{t.wrapperEl.removeEventListener(e,z,s)})),t.wrapperEl.removeEventListener("pointermove",$,a)}Object.defineProperty(t.zoom,"scale",{get:()=>S,set(e){if(S!==e){const t=v.imageEl,s=v.slideEl;i("zoomChange",e,t,s)}S=e}}),a("init",(()=>{t.params.zoom.enabled&&B()})),a("destroy",(()=>{H()})),a("touchStart",((e,s)=>{t.zoom.enabled&&function(e){const s=t.device;if(!v.imageEl)return;if(b.isTouched)return;s.android&&e.cancelable&&e.preventDefault(),b.isTouched=!0;const a=g.length>0?g[0]:e;b.touchesStart.x=a.pageX,b.touchesStart.y=a.pageY}(s)})),a("touchEnd",((e,s)=>{t.zoom.enabled&&function(){const e=t.zoom;if(g.length=0,!v.imageEl)return;if(!b.isTouched||!b.isMoved)return b.isTouched=!1,void(b.isMoved=!1);b.isTouched=!1,b.isMoved=!1;let s=300,a=300;const i=y.x*s,r=b.currentX+i,n=y.y*a,l=b.currentY+n;0!==y.x&&(s=Math.abs((r-b.currentX)/y.x)),0!==y.y&&(a=Math.abs((l-b.currentY)/y.y));const o=Math.max(s,a);b.currentX=r,b.currentY=l;const d=b.width*e.scale,c=b.height*e.scale;b.minX=Math.min(v.slideWidth/2-d/2,0),b.maxX=-b.minX,b.minY=Math.min(v.slideHeight/2-c/2,0),b.maxY=-b.minY,b.currentX=Math.max(Math.min(b.currentX,b.maxX),b.minX),b.currentY=Math.max(Math.min(b.currentY,b.maxY),b.minY),v.imageWrapEl.style.transitionDuration=`${o}ms`,v.imageWrapEl.style.transform=`translate3d(${b.currentX}px, ${b.currentY}px,0)`}()})),a("doubleTap",((e,s)=>{!t.animating&&t.params.zoom.enabled&&t.zoom.enabled&&t.params.zoom.toggle&&X(s)})),a("transitionEnd",(()=>{t.zoom.enabled&&t.params.zoom.enabled&&k()})),a("slideChange",(()=>{t.zoom.enabled&&t.params.zoom.enabled&&t.params.cssMode&&k()})),Object.assign(t.zoom,{enable:B,disable:H,in:D,out:G,toggle:X})},function(e){let{swiper:t,extendParams:s,on:a}=e;function i(e,t){const s=function(){let e,t,s;return(a,i)=>{for(t=-1,e=a.length;e-t>1;)s=e+t>>1,a[s]<=i?t=s:e=s;return e}}();let a,i;return this.x=e,this.y=t,this.lastIndex=e.length-1,this.interpolate=function(e){return e?(i=s(this.x,e),a=i-1,(e-this.x[a])*(this.y[i]-this.y[a])/(this.x[i]-this.x[a])+this.y[a]):0},this}function r(){t.controller.control&&t.controller.spline&&(t.controller.spline=void 0,delete t.controller.spline)}s({controller:{control:void 0,inverse:!1,by:"slide"}}),t.controller={control:void 0},a("beforeInit",(()=>{if("undefined"!=typeof window&&("string"==typeof t.params.controller.control||t.params.controller.control instanceof HTMLElement)){("string"==typeof t.params.controller.control?[...document.querySelectorAll(t.params.controller.control)]:[t.params.controller.control]).forEach((e=>{if(t.controller.control||(t.controller.control=[]),e&&e.swiper)t.controller.control.push(e.swiper);else if(e){const s=`${t.params.eventsPrefix}init`,a=i=>{t.controller.control.push(i.detail[0]),t.update(),e.removeEventListener(s,a)};e.addEventListener(s,a)}}))}else t.controller.control=t.params.controller.control})),a("update",(()=>{r()})),a("resize",(()=>{r()})),a("observerUpdate",(()=>{r()})),a("setTranslate",((e,s,a)=>{t.controller.control&&!t.controller.control.destroyed&&t.controller.setTranslate(s,a)})),a("setTransition",((e,s,a)=>{t.controller.control&&!t.controller.control.destroyed&&t.controller.setTransition(s,a)})),Object.assign(t.controller,{setTranslate:function(e,s){const a=t.controller.control;let r,n;const l=t.constructor;function o(e){if(e.destroyed)return;const s=t.rtlTranslate?-t.translate:t.translate;"slide"===t.params.controller.by&&(!function(e){t.controller.spline=t.params.loop?new i(t.slidesGrid,e.slidesGrid):new i(t.snapGrid,e.snapGrid)}(e),n=-t.controller.spline.interpolate(-s)),n&&"container"!==t.params.controller.by||(r=(e.maxTranslate()-e.minTranslate())/(t.maxTranslate()-t.minTranslate()),!Number.isNaN(r)&&Number.isFinite(r)||(r=1),n=(s-t.minTranslate())*r+e.minTranslate()),t.params.controller.inverse&&(n=e.maxTranslate()-n),e.updateProgress(n),e.setTranslate(n,t),e.updateActiveIndex(),e.updateSlidesClasses()}if(Array.isArray(a))for(let e=0;e<a.length;e+=1)a[e]!==s&&a[e]instanceof l&&o(a[e]);else a instanceof l&&s!==a&&o(a)},setTransition:function(e,s){const a=t.constructor,i=t.controller.control;let r;function n(s){s.destroyed||(s.setTransition(e,t),0!==e&&(s.transitionStart(),s.params.autoHeight&&l((()=>{s.updateAutoHeight()})),x(s.wrapperEl,(()=>{i&&s.transitionEnd()}))))}if(Array.isArray(i))for(r=0;r<i.length;r+=1)i[r]!==s&&i[r]instanceof a&&n(i[r]);else i instanceof a&&s!==i&&n(i)}})},function(e){let{swiper:t,extendParams:s,on:i}=e;s({a11y:{enabled:!0,notificationClass:"swiper-notification",prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide",paginationBulletMessage:"Go to slide {{index}}",slideLabelMessage:"{{index}} / {{slidesLength}}",containerMessage:null,containerRoleDescriptionMessage:null,containerRole:null,itemRoleDescriptionMessage:null,slideRole:"group",id:null,scrollOnFocus:!0}}),t.a11y={clicked:!1};let r,n,l=null,o=(new Date).getTime();function d(e){const t=l;0!==t.length&&C(t,e)}function c(e){(e=T(e)).forEach((e=>{e.setAttribute("tabIndex","0")}))}function p(e){(e=T(e)).forEach((e=>{e.setAttribute("tabIndex","-1")}))}function u(e,t){(e=T(e)).forEach((e=>{e.setAttribute("role",t)}))}function m(e,t){(e=T(e)).forEach((e=>{e.setAttribute("aria-roledescription",t)}))}function h(e,t){(e=T(e)).forEach((e=>{e.setAttribute("aria-label",t)}))}function f(e){(e=T(e)).forEach((e=>{e.setAttribute("aria-disabled",!0)}))}function g(e){(e=T(e)).forEach((e=>{e.setAttribute("aria-disabled",!1)}))}function w(e){if(13!==e.keyCode&&32!==e.keyCode)return;const s=t.params.a11y,a=e.target;if(!t.pagination||!t.pagination.el||a!==t.pagination.el&&!t.pagination.el.contains(e.target)||e.target.matches(le(t.params.pagination.bulletClass))){if(t.navigation&&t.navigation.prevEl&&t.navigation.nextEl){const e=T(t.navigation.prevEl);T(t.navigation.nextEl).includes(a)&&(t.isEnd&&!t.params.loop||t.slideNext(),t.isEnd?d(s.lastSlideMessage):d(s.nextSlideMessage)),e.includes(a)&&(t.isBeginning&&!t.params.loop||t.slidePrev(),t.isBeginning?d(s.firstSlideMessage):d(s.prevSlideMessage))}t.pagination&&a.matches(le(t.params.pagination.bulletClass))&&a.click()}}function b(){return t.pagination&&t.pagination.bullets&&t.pagination.bullets.length}function E(){return b()&&t.params.pagination.clickable}const x=(e,t,s)=>{c(e),"BUTTON"!==e.tagName&&(u(e,"button"),e.addEventListener("keydown",w)),h(e,s),function(e,t){(e=T(e)).forEach((e=>{e.setAttribute("aria-controls",t)}))}(e,t)},S=e=>{n&&n!==e.target&&!n.contains(e.target)&&(r=!0),t.a11y.clicked=!0},M=()=>{r=!1,requestAnimationFrame((()=>{requestAnimationFrame((()=>{t.destroyed||(t.a11y.clicked=!1)}))}))},P=e=>{o=(new Date).getTime()},L=e=>{if(t.a11y.clicked||!t.params.a11y.scrollOnFocus)return;if((new Date).getTime()-o<100)return;const s=e.target.closest(`.${t.params.slideClass}, swiper-slide`);if(!s||!t.slides.includes(s))return;n=s;const a=t.slides.indexOf(s)===t.activeIndex,i=t.params.watchSlidesProgress&&t.visibleSlides&&t.visibleSlides.includes(s);a||i||e.sourceCapabilities&&e.sourceCapabilities.firesTouchEvents||(t.isHorizontal()?t.el.scrollLeft=0:t.el.scrollTop=0,requestAnimationFrame((()=>{r||(t.params.loop?t.slideToLoop(t.getSlideIndexWhenGrid(parseInt(s.getAttribute("data-swiper-slide-index"))),0):t.slideTo(t.getSlideIndexWhenGrid(t.slides.indexOf(s)),0),r=!1)})))},I=()=>{const e=t.params.a11y;e.itemRoleDescriptionMessage&&m(t.slides,e.itemRoleDescriptionMessage),e.slideRole&&u(t.slides,e.slideRole);const s=t.slides.length;e.slideLabelMessage&&t.slides.forEach(((a,i)=>{const r=t.params.loop?parseInt(a.getAttribute("data-swiper-slide-index"),10):i;h(a,e.slideLabelMessage.replace(/\{\{index\}\}/,r+1).replace(/\{\{slidesLength\}\}/,s))}))},z=()=>{const e=t.params.a11y;t.el.append(l);const s=t.el;e.containerRoleDescriptionMessage&&m(s,e.containerRoleDescriptionMessage),e.containerMessage&&h(s,e.containerMessage),e.containerRole&&u(s,e.containerRole);const i=t.wrapperEl,r=e.id||i.getAttribute("id")||`swiper-wrapper-${n=16,void 0===n&&(n=16),"x".repeat(n).replace(/x/g,(()=>Math.round(16*Math.random()).toString(16)))}`;var n;const o=t.params.autoplay&&t.params.autoplay.enabled?"off":"polite";var d;d=r,T(i).forEach((e=>{e.setAttribute("id",d)})),function(e,t){(e=T(e)).forEach((e=>{e.setAttribute("aria-live",t)}))}(i,o),I();let{nextEl:c,prevEl:p}=t.navigation?t.navigation:{};if(c=T(c),p=T(p),c&&c.forEach((t=>x(t,r,e.nextSlideMessage))),p&&p.forEach((t=>x(t,r,e.prevSlideMessage))),E()){T(t.pagination.el).forEach((e=>{e.addEventListener("keydown",w)}))}a().addEventListener("visibilitychange",P),t.el.addEventListener("focus",L,!0),t.el.addEventListener("focus",L,!0),t.el.addEventListener("pointerdown",S,!0),t.el.addEventListener("pointerup",M,!0)};i("beforeInit",(()=>{l=v("span",t.params.a11y.notificationClass),l.setAttribute("aria-live","assertive"),l.setAttribute("aria-atomic","true")})),i("afterInit",(()=>{t.params.a11y.enabled&&z()})),i("slidesLengthChange snapGridLengthChange slidesGridLengthChange",(()=>{t.params.a11y.enabled&&I()})),i("fromEdge toEdge afterInit lock unlock",(()=>{t.params.a11y.enabled&&function(){if(t.params.loop||t.params.rewind||!t.navigation)return;const{nextEl:e,prevEl:s}=t.navigation;s&&(t.isBeginning?(f(s),p(s)):(g(s),c(s))),e&&(t.isEnd?(f(e),p(e)):(g(e),c(e)))}()})),i("paginationUpdate",(()=>{t.params.a11y.enabled&&function(){const e=t.params.a11y;b()&&t.pagination.bullets.forEach((s=>{t.params.pagination.clickable&&(c(s),t.params.pagination.renderBullet||(u(s,"button"),h(s,e.paginationBulletMessage.replace(/\{\{index\}\}/,y(s)+1)))),s.matches(le(t.params.pagination.bulletActiveClass))?s.setAttribute("aria-current","true"):s.removeAttribute("aria-current")}))}()})),i("destroy",(()=>{t.params.a11y.enabled&&function(){l&&l.remove();let{nextEl:e,prevEl:s}=t.navigation?t.navigation:{};e=T(e),s=T(s),e&&e.forEach((e=>e.removeEventListener("keydown",w))),s&&s.forEach((e=>e.removeEventListener("keydown",w))),E()&&T(t.pagination.el).forEach((e=>{e.removeEventListener("keydown",w)}));a().removeEventListener("visibilitychange",P),t.el&&"string"!=typeof t.el&&(t.el.removeEventListener("focus",L,!0),t.el.removeEventListener("pointerdown",S,!0),t.el.removeEventListener("pointerup",M,!0))}()}))},function(e){let{swiper:t,extendParams:s,on:a}=e;s({history:{enabled:!1,root:"",replaceState:!1,key:"slides",keepQuery:!1}});let i=!1,n={};const l=e=>e.toString().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,""),o=e=>{const t=r();let s;s=e?new URL(e):t.location;const a=s.pathname.slice(1).split("/").filter((e=>""!==e)),i=a.length;return{key:a[i-2],value:a[i-1]}},d=(e,s)=>{const a=r();if(!i||!t.params.history.enabled)return;let n;n=t.params.url?new URL(t.params.url):a.location;const o=t.virtual&&t.params.virtual.enabled?t.slidesEl.querySelector(`[data-swiper-slide-index="${s}"]`):t.slides[s];let d=l(o.getAttribute("data-history"));if(t.params.history.root.length>0){let s=t.params.history.root;"/"===s[s.length-1]&&(s=s.slice(0,s.length-1)),d=`${s}/${e?`${e}/`:""}${d}`}else n.pathname.includes(e)||(d=`${e?`${e}/`:""}${d}`);t.params.history.keepQuery&&(d+=n.search);const c=a.history.state;c&&c.value===d||(t.params.history.replaceState?a.history.replaceState({value:d},null,d):a.history.pushState({value:d},null,d))},c=(e,s,a)=>{if(s)for(let i=0,r=t.slides.length;i<r;i+=1){const r=t.slides[i];if(l(r.getAttribute("data-history"))===s){const s=t.getSlideIndex(r);t.slideTo(s,e,a)}}else t.slideTo(0,e,a)},p=()=>{n=o(t.params.url),c(t.params.speed,n.value,!1)};a("init",(()=>{t.params.history.enabled&&(()=>{const e=r();if(t.params.history){if(!e.history||!e.history.pushState)return t.params.history.enabled=!1,void(t.params.hashNavigation.enabled=!0);i=!0,n=o(t.params.url),n.key||n.value?(c(0,n.value,t.params.runCallbacksOnInit),t.params.history.replaceState||e.addEventListener("popstate",p)):t.params.history.replaceState||e.addEventListener("popstate",p)}})()})),a("destroy",(()=>{t.params.history.enabled&&(()=>{const e=r();t.params.history.replaceState||e.removeEventListener("popstate",p)})()})),a("transitionEnd _freeModeNoMomentumRelease",(()=>{i&&d(t.params.history.key,t.activeIndex)})),a("slideChange",(()=>{i&&t.params.cssMode&&d(t.params.history.key,t.activeIndex)}))},function(e){let{swiper:t,extendParams:s,emit:i,on:n}=e,l=!1;const o=a(),d=r();s({hashNavigation:{enabled:!1,replaceState:!1,watchState:!1,getSlideIndex(e,s){if(t.virtual&&t.params.virtual.enabled){const e=t.slides.find((e=>e.getAttribute("data-hash")===s));if(!e)return 0;return parseInt(e.getAttribute("data-swiper-slide-index"),10)}return t.getSlideIndex(f(t.slidesEl,`.${t.params.slideClass}[data-hash="${s}"], swiper-slide[data-hash="${s}"]`)[0])}}});const c=()=>{i("hashChange");const e=o.location.hash.replace("#",""),s=t.virtual&&t.params.virtual.enabled?t.slidesEl.querySelector(`[data-swiper-slide-index="${t.activeIndex}"]`):t.slides[t.activeIndex];if(e!==(s?s.getAttribute("data-hash"):"")){const s=t.params.hashNavigation.getSlideIndex(t,e);if(void 0===s||Number.isNaN(s))return;t.slideTo(s)}},p=()=>{if(!l||!t.params.hashNavigation.enabled)return;const e=t.virtual&&t.params.virtual.enabled?t.slidesEl.querySelector(`[data-swiper-slide-index="${t.activeIndex}"]`):t.slides[t.activeIndex],s=e?e.getAttribute("data-hash")||e.getAttribute("data-history"):"";t.params.hashNavigation.replaceState&&d.history&&d.history.replaceState?(d.history.replaceState(null,null,`#${s}`||""),i("hashSet")):(o.location.hash=s||"",i("hashSet"))};n("init",(()=>{t.params.hashNavigation.enabled&&(()=>{if(!t.params.hashNavigation.enabled||t.params.history&&t.params.history.enabled)return;l=!0;const e=o.location.hash.replace("#","");if(e){const s=0,a=t.params.hashNavigation.getSlideIndex(t,e);t.slideTo(a||0,s,t.params.runCallbacksOnInit,!0)}t.params.hashNavigation.watchState&&d.addEventListener("hashchange",c)})()})),n("destroy",(()=>{t.params.hashNavigation.enabled&&t.params.hashNavigation.watchState&&d.removeEventListener("hashchange",c)})),n("transitionEnd _freeModeNoMomentumRelease",(()=>{l&&p()})),n("slideChange",(()=>{l&&t.params.cssMode&&p()}))},function(e){let t,s,{swiper:i,extendParams:r,on:n,emit:l,params:o}=e;i.autoplay={running:!1,paused:!1,timeLeft:0},r({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let d,c,p,u,m,h,f,g,v=o&&o.autoplay?o.autoplay.delay:3e3,w=o&&o.autoplay?o.autoplay.delay:3e3,b=(new Date).getTime();function y(e){i&&!i.destroyed&&i.wrapperEl&&e.target===i.wrapperEl&&(i.wrapperEl.removeEventListener("transitionend",y),g||e.detail&&e.detail.bySwiperTouchMove||C())}const E=()=>{if(i.destroyed||!i.autoplay.running)return;i.autoplay.paused?c=!0:c&&(w=d,c=!1);const e=i.autoplay.paused?d:b+w-(new Date).getTime();i.autoplay.timeLeft=e,l("autoplayTimeLeft",e,e/v),s=requestAnimationFrame((()=>{E()}))},x=e=>{if(i.destroyed||!i.autoplay.running)return;cancelAnimationFrame(s),E();let a=void 0===e?i.params.autoplay.delay:e;v=i.params.autoplay.delay,w=i.params.autoplay.delay;const r=(()=>{let e;if(e=i.virtual&&i.params.virtual.enabled?i.slides.find((e=>e.classList.contains("swiper-slide-active"))):i.slides[i.activeIndex],!e)return;return parseInt(e.getAttribute("data-swiper-autoplay"),10)})();!Number.isNaN(r)&&r>0&&void 0===e&&(a=r,v=r,w=r),d=a;const n=i.params.speed,o=()=>{i&&!i.destroyed&&(i.params.autoplay.reverseDirection?!i.isBeginning||i.params.loop||i.params.rewind?(i.slidePrev(n,!0,!0),l("autoplay")):i.params.autoplay.stopOnLastSlide||(i.slideTo(i.slides.length-1,n,!0,!0),l("autoplay")):!i.isEnd||i.params.loop||i.params.rewind?(i.slideNext(n,!0,!0),l("autoplay")):i.params.autoplay.stopOnLastSlide||(i.slideTo(0,n,!0,!0),l("autoplay")),i.params.cssMode&&(b=(new Date).getTime(),requestAnimationFrame((()=>{x()}))))};return a>0?(clearTimeout(t),t=setTimeout((()=>{o()}),a)):requestAnimationFrame((()=>{o()})),a},S=()=>{b=(new Date).getTime(),i.autoplay.running=!0,x(),l("autoplayStart")},T=()=>{i.autoplay.running=!1,clearTimeout(t),cancelAnimationFrame(s),l("autoplayStop")},M=(e,s)=>{if(i.destroyed||!i.autoplay.running)return;clearTimeout(t),e||(f=!0);const a=()=>{l("autoplayPause"),i.params.autoplay.waitForTransition?i.wrapperEl.addEventListener("transitionend",y):C()};if(i.autoplay.paused=!0,s)return h&&(d=i.params.autoplay.delay),h=!1,void a();const r=d||i.params.autoplay.delay;d=r-((new Date).getTime()-b),i.isEnd&&d<0&&!i.params.loop||(d<0&&(d=0),a())},C=()=>{i.isEnd&&d<0&&!i.params.loop||i.destroyed||!i.autoplay.running||(b=(new Date).getTime(),f?(f=!1,x(d)):x(),i.autoplay.paused=!1,l("autoplayResume"))},P=()=>{if(i.destroyed||!i.autoplay.running)return;const e=a();"hidden"===e.visibilityState&&(f=!0,M(!0)),"visible"===e.visibilityState&&C()},L=e=>{"mouse"===e.pointerType&&(f=!0,g=!0,i.animating||i.autoplay.paused||M(!0))},I=e=>{"mouse"===e.pointerType&&(g=!1,i.autoplay.paused&&C())};n("init",(()=>{i.params.autoplay.enabled&&(i.params.autoplay.pauseOnMouseEnter&&(i.el.addEventListener("pointerenter",L),i.el.addEventListener("pointerleave",I)),a().addEventListener("visibilitychange",P),S())})),n("destroy",(()=>{i.el&&"string"!=typeof i.el&&(i.el.removeEventListener("pointerenter",L),i.el.removeEventListener("pointerleave",I)),a().removeEventListener("visibilitychange",P),i.autoplay.running&&T()})),n("_freeModeStaticRelease",(()=>{(u||f)&&C()})),n("_freeModeNoMomentumRelease",(()=>{i.params.autoplay.disableOnInteraction?T():M(!0,!0)})),n("beforeTransitionStart",((e,t,s)=>{!i.destroyed&&i.autoplay.running&&(s||!i.params.autoplay.disableOnInteraction?M(!0,!0):T())})),n("sliderFirstMove",(()=>{!i.destroyed&&i.autoplay.running&&(i.params.autoplay.disableOnInteraction?T():(p=!0,u=!1,f=!1,m=setTimeout((()=>{f=!0,u=!0,M(!0)}),200)))})),n("touchEnd",(()=>{if(!i.destroyed&&i.autoplay.running&&p){if(clearTimeout(m),clearTimeout(t),i.params.autoplay.disableOnInteraction)return u=!1,void(p=!1);u&&i.params.cssMode&&C(),u=!1,p=!1}})),n("slideChange",(()=>{!i.destroyed&&i.autoplay.running&&(h=!0)})),Object.assign(i.autoplay,{start:S,stop:T,pause:M,resume:C})},function(e){let{swiper:t,extendParams:s,on:i}=e;s({thumbs:{swiper:null,multipleActiveThumbs:!0,autoScrollOffset:0,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-thumbs"}});let r=!1,n=!1;function l(){const e=t.thumbs.swiper;if(!e||e.destroyed)return;const s=e.clickedIndex,a=e.clickedSlide;if(a&&a.classList.contains(t.params.thumbs.slideThumbActiveClass))return;if(null==s)return;let i;i=e.params.loop?parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"),10):s,t.params.loop?t.slideToLoop(i):t.slideTo(i)}function o(){const{thumbs:e}=t.params;if(r)return!1;r=!0;const s=t.constructor;if(e.swiper instanceof s){if(e.swiper.destroyed)return r=!1,!1;t.thumbs.swiper=e.swiper,Object.assign(t.thumbs.swiper.originalParams,{watchSlidesProgress:!0,slideToClickedSlide:!1}),Object.assign(t.thumbs.swiper.params,{watchSlidesProgress:!0,slideToClickedSlide:!1}),t.thumbs.swiper.update()}else if(c(e.swiper)){const a=Object.assign({},e.swiper);Object.assign(a,{watchSlidesProgress:!0,slideToClickedSlide:!1}),t.thumbs.swiper=new s(a),n=!0}return t.thumbs.swiper.el.classList.add(t.params.thumbs.thumbsContainerClass),t.thumbs.swiper.on("tap",l),!0}function d(e){const s=t.thumbs.swiper;if(!s||s.destroyed)return;const a="auto"===s.params.slidesPerView?s.slidesPerViewDynamic():s.params.slidesPerView;let i=1;const r=t.params.thumbs.slideThumbActiveClass;if(t.params.slidesPerView>1&&!t.params.centeredSlides&&(i=t.params.slidesPerView),t.params.thumbs.multipleActiveThumbs||(i=1),i=Math.floor(i),s.slides.forEach((e=>e.classList.remove(r))),s.params.loop||s.params.virtual&&s.params.virtual.enabled)for(let e=0;e<i;e+=1)f(s.slidesEl,`[data-swiper-slide-index="${t.realIndex+e}"]`).forEach((e=>{e.classList.add(r)}));else for(let e=0;e<i;e+=1)s.slides[t.realIndex+e]&&s.slides[t.realIndex+e].classList.add(r);const n=t.params.thumbs.autoScrollOffset,l=n&&!s.params.loop;if(t.realIndex!==s.realIndex||l){const i=s.activeIndex;let r,o;if(s.params.loop){const e=s.slides.find((e=>e.getAttribute("data-swiper-slide-index")===`${t.realIndex}`));r=s.slides.indexOf(e),o=t.activeIndex>t.previousIndex?"next":"prev"}else r=t.realIndex,o=r>t.previousIndex?"next":"prev";l&&(r+="next"===o?n:-1*n),s.visibleSlidesIndexes&&s.visibleSlidesIndexes.indexOf(r)<0&&(s.params.centeredSlides?r=r>i?r-Math.floor(a/2)+1:r+Math.floor(a/2)-1:r>i&&s.params.slidesPerGroup,s.slideTo(r,e?0:void 0))}}t.thumbs={swiper:null},i("beforeInit",(()=>{const{thumbs:e}=t.params;if(e&&e.swiper)if("string"==typeof e.swiper||e.swiper instanceof HTMLElement){const s=a(),i=()=>{const a="string"==typeof e.swiper?s.querySelector(e.swiper):e.swiper;if(a&&a.swiper)e.swiper=a.swiper,o(),d(!0);else if(a){const s=`${t.params.eventsPrefix}init`,i=r=>{e.swiper=r.detail[0],a.removeEventListener(s,i),o(),d(!0),e.swiper.update(),t.update()};a.addEventListener(s,i)}return a},r=()=>{if(t.destroyed)return;i()||requestAnimationFrame(r)};requestAnimationFrame(r)}else o(),d(!0)})),i("slideChange update resize observerUpdate",(()=>{d()})),i("setTransition",((e,s)=>{const a=t.thumbs.swiper;a&&!a.destroyed&&a.setTransition(s)})),i("beforeDestroy",(()=>{const e=t.thumbs.swiper;e&&!e.destroyed&&n&&e.destroy()})),Object.assign(t.thumbs,{init:o,update:d})},function(e){let{swiper:t,extendParams:s,emit:a,once:i}=e;s({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}}),Object.assign(t,{freeMode:{onTouchStart:function(){if(t.params.cssMode)return;const e=t.getTranslate();t.setTranslate(e),t.setTransition(0),t.touchEventsData.velocities.length=0,t.freeMode.onTouchEnd({currentPos:t.rtl?t.translate:-t.translate})},onTouchMove:function(){if(t.params.cssMode)return;const{touchEventsData:e,touches:s}=t;0===e.velocities.length&&e.velocities.push({position:s[t.isHorizontal()?"startX":"startY"],time:e.touchStartTime}),e.velocities.push({position:s[t.isHorizontal()?"currentX":"currentY"],time:o()})},onTouchEnd:function(e){let{currentPos:s}=e;if(t.params.cssMode)return;const{params:r,wrapperEl:n,rtlTranslate:l,snapGrid:d,touchEventsData:c}=t,p=o()-c.touchStartTime;if(s<-t.minTranslate())t.slideTo(t.activeIndex);else if(s>-t.maxTranslate())t.slides.length<d.length?t.slideTo(d.length-1):t.slideTo(t.slides.length-1);else{if(r.freeMode.momentum){if(c.velocities.length>1){const e=c.velocities.pop(),s=c.velocities.pop(),a=e.position-s.position,i=e.time-s.time;t.velocity=a/i,t.velocity/=2,Math.abs(t.velocity)<r.freeMode.minimumVelocity&&(t.velocity=0),(i>150||o()-e.time>300)&&(t.velocity=0)}else t.velocity=0;t.velocity*=r.freeMode.momentumVelocityRatio,c.velocities.length=0;let e=1e3*r.freeMode.momentumRatio;const s=t.velocity*e;let p=t.translate+s;l&&(p=-p);let u,m=!1;const h=20*Math.abs(t.velocity)*r.freeMode.momentumBounceRatio;let f;if(p<t.maxTranslate())r.freeMode.momentumBounce?(p+t.maxTranslate()<-h&&(p=t.maxTranslate()-h),u=t.maxTranslate(),m=!0,c.allowMomentumBounce=!0):p=t.maxTranslate(),r.loop&&r.centeredSlides&&(f=!0);else if(p>t.minTranslate())r.freeMode.momentumBounce?(p-t.minTranslate()>h&&(p=t.minTranslate()+h),u=t.minTranslate(),m=!0,c.allowMomentumBounce=!0):p=t.minTranslate(),r.loop&&r.centeredSlides&&(f=!0);else if(r.freeMode.sticky){let e;for(let t=0;t<d.length;t+=1)if(d[t]>-p){e=t;break}p=Math.abs(d[e]-p)<Math.abs(d[e-1]-p)||"next"===t.swipeDirection?d[e]:d[e-1],p=-p}if(f&&i("transitionEnd",(()=>{t.loopFix()})),0!==t.velocity){if(e=l?Math.abs((-p-t.translate)/t.velocity):Math.abs((p-t.translate)/t.velocity),r.freeMode.sticky){const s=Math.abs((l?-p:p)-t.translate),a=t.slidesSizesGrid[t.activeIndex];e=s<a?r.speed:s<2*a?1.5*r.speed:2.5*r.speed}}else if(r.freeMode.sticky)return void t.slideToClosest();r.freeMode.momentumBounce&&m?(t.updateProgress(u),t.setTransition(e),t.setTranslate(p),t.transitionStart(!0,t.swipeDirection),t.animating=!0,x(n,(()=>{t&&!t.destroyed&&c.allowMomentumBounce&&(a("momentumBounce"),t.setTransition(r.speed),setTimeout((()=>{t.setTranslate(u),x(n,(()=>{t&&!t.destroyed&&t.transitionEnd()}))}),0))}))):t.velocity?(a("_freeModeNoMomentumRelease"),t.updateProgress(p),t.setTransition(e),t.setTranslate(p),t.transitionStart(!0,t.swipeDirection),t.animating||(t.animating=!0,x(n,(()=>{t&&!t.destroyed&&t.transitionEnd()})))):t.updateProgress(p),t.updateActiveIndex(),t.updateSlidesClasses()}else{if(r.freeMode.sticky)return void t.slideToClosest();r.freeMode&&a("_freeModeNoMomentumRelease")}(!r.freeMode.momentum||p>=r.longSwipesMs)&&(a("_freeModeStaticRelease"),t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses())}}}})},function(e){let t,s,a,i,{swiper:r,extendParams:n,on:l}=e;n({grid:{rows:1,fill:"column"}});const o=()=>{let e=r.params.spaceBetween;return"string"==typeof e&&e.indexOf("%")>=0?e=parseFloat(e.replace("%",""))/100*r.size:"string"==typeof e&&(e=parseFloat(e)),e};l("init",(()=>{i=r.params.grid&&r.params.grid.rows>1})),l("update",(()=>{const{params:e,el:t}=r,s=e.grid&&e.grid.rows>1;i&&!s?(t.classList.remove(`${e.containerModifierClass}grid`,`${e.containerModifierClass}grid-column`),a=1,r.emitContainerClasses()):!i&&s&&(t.classList.add(`${e.containerModifierClass}grid`),"column"===e.grid.fill&&t.classList.add(`${e.containerModifierClass}grid-column`),r.emitContainerClasses()),i=s})),r.grid={initSlides:e=>{const{slidesPerView:i}=r.params,{rows:n,fill:l}=r.params.grid,o=r.virtual&&r.params.virtual.enabled?r.virtual.slides.length:e.length;a=Math.floor(o/n),t=Math.floor(o/n)===o/n?o:Math.ceil(o/n)*n,"auto"!==i&&"row"===l&&(t=Math.max(t,i*n)),s=t/n},unsetSlides:()=>{r.slides&&r.slides.forEach((e=>{e.swiperSlideGridSet&&(e.style.height="",e.style[r.getDirectionLabel("margin-top")]="")}))},updateSlide:(e,i,n)=>{const{slidesPerGroup:l}=r.params,d=o(),{rows:c,fill:p}=r.params.grid,u=r.virtual&&r.params.virtual.enabled?r.virtual.slides.length:n.length;let m,h,f;if("row"===p&&l>1){const s=Math.floor(e/(l*c)),a=e-c*l*s,r=0===s?l:Math.min(Math.ceil((u-s*c*l)/c),l);f=Math.floor(a/r),h=a-f*r+s*l,m=h+f*t/c,i.style.order=m}else"column"===p?(h=Math.floor(e/c),f=e-h*c,(h>a||h===a&&f===c-1)&&(f+=1,f>=c&&(f=0,h+=1))):(f=Math.floor(e/s),h=e-f*s);i.row=f,i.column=h,i.style.height=`calc((100% - ${(c-1)*d}px) / ${c})`,i.style[r.getDirectionLabel("margin-top")]=0!==f?d&&`${d}px`:"",i.swiperSlideGridSet=!0},updateWrapperSize:(e,s)=>{const{centeredSlides:a,roundLengths:i}=r.params,n=o(),{rows:l}=r.params.grid;if(r.virtualSize=(e+n)*t,r.virtualSize=Math.ceil(r.virtualSize/l)-n,r.params.cssMode||(r.wrapperEl.style[r.getDirectionLabel("width")]=`${r.virtualSize+n}px`),a){const e=[];for(let t=0;t<s.length;t+=1){let a=s[t];i&&(a=Math.floor(a)),s[t]<r.virtualSize+s[0]&&e.push(a)}s.splice(0,s.length),s.push(...e)}}}},function(e){let{swiper:t}=e;Object.assign(t,{appendSlide:oe.bind(t),prependSlide:de.bind(t),addSlide:ce.bind(t),removeSlide:pe.bind(t),removeAllSlides:ue.bind(t)})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({fadeEffect:{crossFade:!1}}),me({effect:"fade",swiper:t,on:a,setTranslate:()=>{const{slides:e}=t;t.params.fadeEffect;for(let s=0;s<e.length;s+=1){const e=t.slides[s];let a=-e.swiperSlideOffset;t.params.virtualTranslate||(a-=t.translate);let i=0;t.isHorizontal()||(i=a,a=0);const r=t.params.fadeEffect.crossFade?Math.max(1-Math.abs(e.progress),0):1+Math.min(Math.max(e.progress,-1),0),n=he(0,e);n.style.opacity=r,n.style.transform=`translate3d(${a}px, ${i}px, 0px)`}},setTransition:e=>{const s=t.slides.map((e=>h(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`})),fe({swiper:t,duration:e,transformElements:s,allSlides:!0})},overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}});const i=(e,t,s)=>{let a=s?e.querySelector(".swiper-slide-shadow-left"):e.querySelector(".swiper-slide-shadow-top"),i=s?e.querySelector(".swiper-slide-shadow-right"):e.querySelector(".swiper-slide-shadow-bottom");a||(a=v("div",("swiper-slide-shadow-cube swiper-slide-shadow-"+(s?"left":"top")).split(" ")),e.append(a)),i||(i=v("div",("swiper-slide-shadow-cube swiper-slide-shadow-"+(s?"right":"bottom")).split(" ")),e.append(i)),a&&(a.style.opacity=Math.max(-t,0)),i&&(i.style.opacity=Math.max(t,0))};me({effect:"cube",swiper:t,on:a,setTranslate:()=>{const{el:e,wrapperEl:s,slides:a,width:r,height:n,rtlTranslate:l,size:o,browser:d}=t,c=M(t),p=t.params.cubeEffect,u=t.isHorizontal(),m=t.virtual&&t.params.virtual.enabled;let h,f=0;p.shadow&&(u?(h=t.wrapperEl.querySelector(".swiper-cube-shadow"),h||(h=v("div","swiper-cube-shadow"),t.wrapperEl.append(h)),h.style.height=`${r}px`):(h=e.querySelector(".swiper-cube-shadow"),h||(h=v("div","swiper-cube-shadow"),e.append(h))));for(let e=0;e<a.length;e+=1){const t=a[e];let s=e;m&&(s=parseInt(t.getAttribute("data-swiper-slide-index"),10));let r=90*s,n=Math.floor(r/360);l&&(r=-r,n=Math.floor(-r/360));const d=Math.max(Math.min(t.progress,1),-1);let h=0,g=0,v=0;s%4==0?(h=4*-n*o,v=0):(s-1)%4==0?(h=0,v=4*-n*o):(s-2)%4==0?(h=o+4*n*o,v=o):(s-3)%4==0&&(h=-o,v=3*o+4*o*n),l&&(h=-h),u||(g=h,h=0);const w=`rotateX(${c(u?0:-r)}deg) rotateY(${c(u?r:0)}deg) translate3d(${h}px, ${g}px, ${v}px)`;d<=1&&d>-1&&(f=90*s+90*d,l&&(f=90*-s-90*d)),t.style.transform=w,p.slideShadows&&i(t,d,u)}if(s.style.transformOrigin=`50% 50% -${o/2}px`,s.style["-webkit-transform-origin"]=`50% 50% -${o/2}px`,p.shadow)if(u)h.style.transform=`translate3d(0px, ${r/2+p.shadowOffset}px, ${-r/2}px) rotateX(89.99deg) rotateZ(0deg) scale(${p.shadowScale})`;else{const e=Math.abs(f)-90*Math.floor(Math.abs(f)/90),t=1.5-(Math.sin(2*e*Math.PI/360)/2+Math.cos(2*e*Math.PI/360)/2),s=p.shadowScale,a=p.shadowScale/t,i=p.shadowOffset;h.style.transform=`scale3d(${s}, 1, ${a}) translate3d(0px, ${n/2+i}px, ${-n/2/a}px) rotateX(-89.99deg)`}const g=(d.isSafari||d.isWebView)&&d.needPerspectiveFix?-o/2:0;s.style.transform=`translate3d(0px,0,${g}px) rotateX(${c(t.isHorizontal()?0:f)}deg) rotateY(${c(t.isHorizontal()?-f:0)}deg)`,s.style.setProperty("--swiper-cube-translate-z",`${g}px`)},setTransition:e=>{const{el:s,slides:a}=t;if(a.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),t.params.cubeEffect.shadow&&!t.isHorizontal()){const t=s.querySelector(".swiper-cube-shadow");t&&(t.style.transitionDuration=`${e}ms`)}},recreateShadows:()=>{const e=t.isHorizontal();t.slides.forEach((t=>{const s=Math.max(Math.min(t.progress,1),-1);i(t,s,e)}))},getEffectParams:()=>t.params.cubeEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,resistanceRatio:0,spaceBetween:0,centeredSlides:!1,virtualTranslate:!0})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({flipEffect:{slideShadows:!0,limitRotation:!0}});const i=(e,s)=>{let a=t.isHorizontal()?e.querySelector(".swiper-slide-shadow-left"):e.querySelector(".swiper-slide-shadow-top"),i=t.isHorizontal()?e.querySelector(".swiper-slide-shadow-right"):e.querySelector(".swiper-slide-shadow-bottom");a||(a=ge("flip",e,t.isHorizontal()?"left":"top")),i||(i=ge("flip",e,t.isHorizontal()?"right":"bottom")),a&&(a.style.opacity=Math.max(-s,0)),i&&(i.style.opacity=Math.max(s,0))};me({effect:"flip",swiper:t,on:a,setTranslate:()=>{const{slides:e,rtlTranslate:s}=t,a=t.params.flipEffect,r=M(t);for(let n=0;n<e.length;n+=1){const l=e[n];let o=l.progress;t.params.flipEffect.limitRotation&&(o=Math.max(Math.min(l.progress,1),-1));const d=l.swiperSlideOffset;let c=-180*o,p=0,u=t.params.cssMode?-d-t.translate:-d,m=0;t.isHorizontal()?s&&(c=-c):(m=u,u=0,p=-c,c=0),l.style.zIndex=-Math.abs(Math.round(o))+e.length,a.slideShadows&&i(l,o);const h=`translate3d(${u}px, ${m}px, 0px) rotateX(${r(p)}deg) rotateY(${r(c)}deg)`;he(0,l).style.transform=h}},setTransition:e=>{const s=t.slides.map((e=>h(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),fe({swiper:t,duration:e,transformElements:s})},recreateShadows:()=>{t.params.flipEffect,t.slides.forEach((e=>{let s=e.progress;t.params.flipEffect.limitRotation&&(s=Math.max(Math.min(e.progress,1),-1)),i(e,s)}))},getEffectParams:()=>t.params.flipEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({coverflowEffect:{rotate:50,stretch:0,depth:100,scale:1,modifier:1,slideShadows:!0}}),me({effect:"coverflow",swiper:t,on:a,setTranslate:()=>{const{width:e,height:s,slides:a,slidesSizesGrid:i}=t,r=t.params.coverflowEffect,n=t.isHorizontal(),l=t.translate,o=n?e/2-l:s/2-l,d=n?r.rotate:-r.rotate,c=r.depth,p=M(t);for(let e=0,t=a.length;e<t;e+=1){const t=a[e],s=i[e],l=(o-t.swiperSlideOffset-s/2)/s,u="function"==typeof r.modifier?r.modifier(l):l*r.modifier;let m=n?d*u:0,h=n?0:d*u,f=-c*Math.abs(u),g=r.stretch;"string"==typeof g&&-1!==g.indexOf("%")&&(g=parseFloat(r.stretch)/100*s);let v=n?0:g*u,w=n?g*u:0,b=1-(1-r.scale)*Math.abs(u);Math.abs(w)<.001&&(w=0),Math.abs(v)<.001&&(v=0),Math.abs(f)<.001&&(f=0),Math.abs(m)<.001&&(m=0),Math.abs(h)<.001&&(h=0),Math.abs(b)<.001&&(b=0);const y=`translate3d(${w}px,${v}px,${f}px)  rotateX(${p(h)}deg) rotateY(${p(m)}deg) scale(${b})`;if(he(0,t).style.transform=y,t.style.zIndex=1-Math.abs(Math.round(u)),r.slideShadows){let e=n?t.querySelector(".swiper-slide-shadow-left"):t.querySelector(".swiper-slide-shadow-top"),s=n?t.querySelector(".swiper-slide-shadow-right"):t.querySelector(".swiper-slide-shadow-bottom");e||(e=ge("coverflow",t,n?"left":"top")),s||(s=ge("coverflow",t,n?"right":"bottom")),e&&(e.style.opacity=u>0?u:0),s&&(s.style.opacity=-u>0?-u:0)}}},setTransition:e=>{t.slides.map((e=>h(e))).forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>{t.style.transitionDuration=`${e}ms`}))}))},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({creativeEffect:{limitProgress:1,shadowPerProgress:!1,progressMultiplier:1,perspective:!0,prev:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1},next:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1}}});const i=e=>"string"==typeof e?e:`${e}px`;me({effect:"creative",swiper:t,on:a,setTranslate:()=>{const{slides:e,wrapperEl:s,slidesSizesGrid:a}=t,r=t.params.creativeEffect,{progressMultiplier:n}=r,l=t.params.centeredSlides,o=M(t);if(l){const e=a[0]/2-t.params.slidesOffsetBefore||0;s.style.transform=`translateX(calc(50% - ${e}px))`}for(let s=0;s<e.length;s+=1){const a=e[s],d=a.progress,c=Math.min(Math.max(a.progress,-r.limitProgress),r.limitProgress);let p=c;l||(p=Math.min(Math.max(a.originalProgress,-r.limitProgress),r.limitProgress));const u=a.swiperSlideOffset,m=[t.params.cssMode?-u-t.translate:-u,0,0],h=[0,0,0];let f=!1;t.isHorizontal()||(m[1]=m[0],m[0]=0);let g={translate:[0,0,0],rotate:[0,0,0],scale:1,opacity:1};c<0?(g=r.next,f=!0):c>0&&(g=r.prev,f=!0),m.forEach(((e,t)=>{m[t]=`calc(${e}px + (${i(g.translate[t])} * ${Math.abs(c*n)}))`})),h.forEach(((e,t)=>{let s=g.rotate[t]*Math.abs(c*n);h[t]=s})),a.style.zIndex=-Math.abs(Math.round(d))+e.length;const v=m.join(", "),w=`rotateX(${o(h[0])}deg) rotateY(${o(h[1])}deg) rotateZ(${o(h[2])}deg)`,b=p<0?`scale(${1+(1-g.scale)*p*n})`:`scale(${1-(1-g.scale)*p*n})`,y=p<0?1+(1-g.opacity)*p*n:1-(1-g.opacity)*p*n,E=`translate3d(${v}) ${w} ${b}`;if(f&&g.shadow||!f){let e=a.querySelector(".swiper-slide-shadow");if(!e&&g.shadow&&(e=ge("creative",a)),e){const t=r.shadowPerProgress?c*(1/r.limitProgress):c;e.style.opacity=Math.min(Math.max(Math.abs(t),0),1)}}const x=he(0,a);x.style.transform=E,x.style.opacity=y,g.origin&&(x.style.transformOrigin=g.origin)}},setTransition:e=>{const s=t.slides.map((e=>h(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),fe({swiper:t,duration:e,transformElements:s,allSlides:!0})},perspective:()=>t.params.creativeEffect.perspective,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({cardsEffect:{slideShadows:!0,rotate:!0,perSlideRotate:2,perSlideOffset:8}}),me({effect:"cards",swiper:t,on:a,setTranslate:()=>{const{slides:e,activeIndex:s,rtlTranslate:a}=t,i=t.params.cardsEffect,{startTranslate:r,isTouched:n}=t.touchEventsData,l=a?-t.translate:t.translate;for(let o=0;o<e.length;o+=1){const d=e[o],c=d.progress,p=Math.min(Math.max(c,-4),4);let u=d.swiperSlideOffset;t.params.centeredSlides&&!t.params.cssMode&&(t.wrapperEl.style.transform=`translateX(${t.minTranslate()}px)`),t.params.centeredSlides&&t.params.cssMode&&(u-=e[0].swiperSlideOffset);let m=t.params.cssMode?-u-t.translate:-u,h=0;const f=-100*Math.abs(p);let g=1,v=-i.perSlideRotate*p,w=i.perSlideOffset-.75*Math.abs(p);const b=t.virtual&&t.params.virtual.enabled?t.virtual.from+o:o,y=(b===s||b===s-1)&&p>0&&p<1&&(n||t.params.cssMode)&&l<r,E=(b===s||b===s+1)&&p<0&&p>-1&&(n||t.params.cssMode)&&l>r;if(y||E){const e=(1-Math.abs((Math.abs(p)-.5)/.5))**.5;v+=-28*p*e,g+=-.5*e,w+=96*e,h=-25*e*Math.abs(p)+"%"}if(m=p<0?`calc(${m}px ${a?"-":"+"} (${w*Math.abs(p)}%))`:p>0?`calc(${m}px ${a?"-":"+"} (-${w*Math.abs(p)}%))`:`${m}px`,!t.isHorizontal()){const e=h;h=m,m=e}const x=p<0?""+(1+(1-g)*p):""+(1-(1-g)*p),S=`\n        translate3d(${m}, ${h}, ${f}px)\n        rotateZ(${i.rotate?a?-v:v:0}deg)\n        scale(${x})\n      `;if(i.slideShadows){let e=d.querySelector(".swiper-slide-shadow");e||(e=ge("cards",d)),e&&(e.style.opacity=Math.min(Math.max((Math.abs(p)-.5)/.5,0),1))}d.style.zIndex=-Math.abs(Math.round(c))+e.length;he(0,d).style.transform=S}},setTransition:e=>{const s=t.slides.map((e=>h(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),fe({swiper:t,duration:e,transformElements:s})},perspective:()=>!0,overwriteParams:()=>({_loopSwapReset:!1,watchSlidesProgress:!0,loopAdditionalSlides:t.params.cardsEffect.rotate?3:2,centeredSlides:!0,virtualTranslate:!t.params.cssMode})})}];return re.use(ve),re}();
+//# sourceMappingURL=swiper-bundle.min.js.map
\ No newline at end of file
diff --git a/ci4app/public/assets/raven/vendor/js/tom-select.complete.min.js b/ci4app/public/assets/raven/vendor/js/tom-select.complete.min.js
new file mode 100644
index 0000000..d0b9d30
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/js/tom-select.complete.min.js
@@ -0,0 +1,444 @@
+/**
+* Tom Select v2.4.3
+* Licensed under the Apache License, Version 2.0 (the "License");
+*/
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).TomSelect=t()}(this,(function(){"use strict"
+function e(e,t){e.split(/\s+/).forEach((e=>{t(e)}))}class t{constructor(){this._events={}}on(t,s){e(t,(e=>{const t=this._events[e]||[]
+t.push(s),this._events[e]=t}))}off(t,s){var i=arguments.length
+0!==i?e(t,(e=>{if(1===i)return void delete this._events[e]
+const t=this._events[e]
+void 0!==t&&(t.splice(t.indexOf(s),1),this._events[e]=t)})):this._events={}}trigger(t,...s){var i=this
+e(t,(e=>{const t=i._events[e]
+void 0!==t&&t.forEach((e=>{e.apply(i,s)}))}))}}const s=e=>(e=e.filter(Boolean)).length<2?e[0]||"":1==l(e)?"["+e.join("")+"]":"(?:"+e.join("|")+")",i=e=>{if(!o(e))return e.join("")
+let t="",s=0
+const i=()=>{s>1&&(t+="{"+s+"}")}
+return e.forEach(((n,o)=>{n!==e[o-1]?(i(),t+=n,s=1):s++})),i(),t},n=e=>{let t=Array.from(e)
+return s(t)},o=e=>new Set(e).size!==e.length,r=e=>(e+"").replace(/([\$\(\)\*\+\.\?\[\]\^\{\|\}\\])/gu,"\\$1"),l=e=>e.reduce(((e,t)=>Math.max(e,a(t))),0),a=e=>Array.from(e).length,c=e=>{if(1===e.length)return[[e]]
+let t=[]
+const s=e.substring(1)
+return c(s).forEach((function(s){let i=s.slice(0)
+i[0]=e.charAt(0)+i[0],t.push(i),i=s.slice(0),i.unshift(e.charAt(0)),t.push(i)})),t},d=[[0,65535]]
+let u,p
+const h={},g={"/":"⁄∕",0:"߀",a:"ⱥɐɑ",aa:"ꜳ",ae:"æǽǣ",ao:"ꜵ",au:"ꜷ",av:"ꜹꜻ",ay:"ꜽ",b:"ƀɓƃ",c:"ꜿƈȼↄ",d:"đɗɖᴅƌꮷԁɦ",e:"ɛǝᴇɇ",f:"ꝼƒ",g:"ǥɠꞡᵹꝿɢ",h:"ħⱨⱶɥ",i:"ɨı",j:"ɉȷ",k:"ƙⱪꝁꝃꝅꞣ",l:"łƚɫⱡꝉꝇꞁɭ",m:"ɱɯϻ",n:"ꞥƞɲꞑᴎлԉ",o:"øǿɔɵꝋꝍᴑ",oe:"œ",oi:"ƣ",oo:"ꝏ",ou:"ȣ",p:"ƥᵽꝑꝓꝕρ",q:"ꝗꝙɋ",r:"ɍɽꝛꞧꞃ",s:"ßȿꞩꞅʂ",t:"ŧƭʈⱦꞇ",th:"þ",tz:"ꜩ",u:"ʉ",v:"ʋꝟʌ",vy:"ꝡ",w:"ⱳ",y:"ƴɏỿ",z:"ƶȥɀⱬꝣ",hv:"ƕ"}
+for(let e in g){let t=g[e]||""
+for(let s=0;s<t.length;s++){let i=t.substring(s,s+1)
+h[i]=e}}const f=new RegExp(Object.keys(h).join("|")+"|[̀-ͯ·ʾʼ]","gu"),m=(e,t="NFKD")=>e.normalize(t),v=e=>Array.from(e).reduce(((e,t)=>e+y(t)),""),y=e=>(e=m(e).toLowerCase().replace(f,(e=>h[e]||"")),m(e,"NFC"))
+const O=e=>{const t={},s=(e,s)=>{const i=t[e]||new Set,o=new RegExp("^"+n(i)+"$","iu")
+s.match(o)||(i.add(r(s)),t[e]=i)}
+for(let t of function*(e){for(const[t,s]of e)for(let e=t;e<=s;e++){let t=String.fromCharCode(e),s=v(t)
+s!=t.toLowerCase()&&(s.length>3||0!=s.length&&(yield{folded:s,composed:t,code_point:e}))}}(e))s(t.folded,t.folded),s(t.folded,t.composed)
+return t},b=e=>{const t=O(e),i={}
+let o=[]
+for(let e in t){let s=t[e]
+s&&(i[e]=n(s)),e.length>1&&o.push(r(e))}o.sort(((e,t)=>t.length-e.length))
+const l=s(o)
+return p=new RegExp("^"+l,"u"),i},w=(e,t=1)=>(t=Math.max(t,e.length-1),s(c(e).map((e=>((e,t=1)=>{let s=0
+return e=e.map((e=>(u[e]&&(s+=e.length),u[e]||e))),s>=t?i(e):""})(e,t))))),_=(e,t=!0)=>{let n=e.length>1?1:0
+return s(e.map((e=>{let s=[]
+const o=t?e.length():e.length()-1
+for(let t=0;t<o;t++)s.push(w(e.substrs[t]||"",n))
+return i(s)})))},C=(e,t)=>{for(const s of t){if(s.start!=e.start||s.end!=e.end)continue
+if(s.substrs.join("")!==e.substrs.join(""))continue
+let t=e.parts
+const i=e=>{for(const s of t){if(s.start===e.start&&s.substr===e.substr)return!1
+if(1!=e.length&&1!=s.length){if(e.start<s.start&&e.end>s.start)return!0
+if(s.start<e.start&&s.end>e.start)return!0}}return!1}
+if(!(s.parts.filter(i).length>0))return!0}return!1}
+class S{parts
+substrs
+start
+end
+constructor(){this.parts=[],this.substrs=[],this.start=0,this.end=0}add(e){e&&(this.parts.push(e),this.substrs.push(e.substr),this.start=Math.min(e.start,this.start),this.end=Math.max(e.end,this.end))}last(){return this.parts[this.parts.length-1]}length(){return this.parts.length}clone(e,t){let s=new S,i=JSON.parse(JSON.stringify(this.parts)),n=i.pop()
+for(const e of i)s.add(e)
+let o=t.substr.substring(0,e-n.start),r=o.length
+return s.add({start:n.start,end:n.start+r,length:r,substr:o}),s}}const I=e=>{void 0===u&&(u=b(d)),e=v(e)
+let t="",s=[new S]
+for(let i=0;i<e.length;i++){let n=e.substring(i).match(p)
+const o=e.substring(i,i+1),r=n?n[0]:null
+let l=[],a=new Set
+for(const e of s){const t=e.last()
+if(!t||1==t.length||t.end<=i)if(r){const t=r.length
+e.add({start:i,end:i+t,length:t,substr:r}),a.add("1")}else e.add({start:i,end:i+1,length:1,substr:o}),a.add("2")
+else if(r){let s=e.clone(i,t)
+const n=r.length
+s.add({start:i,end:i+n,length:n,substr:r}),l.push(s)}else a.add("3")}if(l.length>0){l=l.sort(((e,t)=>e.length()-t.length()))
+for(let e of l)C(e,s)||s.push(e)}else if(i>0&&1==a.size&&!a.has("3")){t+=_(s,!1)
+let e=new S
+const i=s[0]
+i&&e.add(i.last()),s=[e]}}return t+=_(s,!0),t},A=(e,t)=>{if(e)return e[t]},k=(e,t)=>{if(e){for(var s,i=t.split(".");(s=i.shift())&&(e=e[s]););return e}},x=(e,t,s)=>{var i,n
+return e?(e+="",null==t.regex||-1===(n=e.search(t.regex))?0:(i=t.string.length/e.length,0===n&&(i+=.5),i*s)):0},F=(e,t)=>{var s=e[t]
+if("function"==typeof s)return s
+s&&!Array.isArray(s)&&(e[t]=[s])},L=(e,t)=>{if(Array.isArray(e))e.forEach(t)
+else for(var s in e)e.hasOwnProperty(s)&&t(e[s],s)},E=(e,t)=>"number"==typeof e&&"number"==typeof t?e>t?1:e<t?-1:0:(e=v(e+"").toLowerCase())>(t=v(t+"").toLowerCase())?1:t>e?-1:0
+class T{items
+settings
+constructor(e,t){this.items=e,this.settings=t||{diacritics:!0}}tokenize(e,t,s){if(!e||!e.length)return[]
+const i=[],n=e.split(/\s+/)
+var o
+return s&&(o=new RegExp("^("+Object.keys(s).map(r).join("|")+"):(.*)$")),n.forEach((e=>{let s,n=null,l=null
+o&&(s=e.match(o))&&(n=s[1],e=s[2]),e.length>0&&(l=this.settings.diacritics?I(e)||null:r(e),l&&t&&(l="\\b"+l)),i.push({string:e,regex:l?new RegExp(l,"iu"):null,field:n})})),i}getScoreFunction(e,t){var s=this.prepareSearch(e,t)
+return this._getScoreFunction(s)}_getScoreFunction(e){const t=e.tokens,s=t.length
+if(!s)return function(){return 0}
+const i=e.options.fields,n=e.weights,o=i.length,r=e.getAttrFn
+if(!o)return function(){return 1}
+const l=1===o?function(e,t){const s=i[0].field
+return x(r(t,s),e,n[s]||1)}:function(e,t){var s=0
+if(e.field){const i=r(t,e.field)
+!e.regex&&i?s+=1/o:s+=x(i,e,1)}else L(n,((i,n)=>{s+=x(r(t,n),e,i)}))
+return s/o}
+return 1===s?function(e){return l(t[0],e)}:"and"===e.options.conjunction?function(e){var i,n=0
+for(let s of t){if((i=l(s,e))<=0)return 0
+n+=i}return n/s}:function(e){var i=0
+return L(t,(t=>{i+=l(t,e)})),i/s}}getSortFunction(e,t){var s=this.prepareSearch(e,t)
+return this._getSortFunction(s)}_getSortFunction(e){var t,s=[]
+const i=this,n=e.options,o=!e.query&&n.sort_empty?n.sort_empty:n.sort
+if("function"==typeof o)return o.bind(this)
+const r=function(t,s){return"$score"===t?s.score:e.getAttrFn(i.items[s.id],t)}
+if(o)for(let t of o)(e.query||"$score"!==t.field)&&s.push(t)
+if(e.query){t=!0
+for(let e of s)if("$score"===e.field){t=!1
+break}t&&s.unshift({field:"$score",direction:"desc"})}else s=s.filter((e=>"$score"!==e.field))
+return s.length?function(e,t){var i,n
+for(let o of s){if(n=o.field,i=("desc"===o.direction?-1:1)*E(r(n,e),r(n,t)))return i}return 0}:null}prepareSearch(e,t){const s={}
+var i=Object.assign({},t)
+if(F(i,"sort"),F(i,"sort_empty"),i.fields){F(i,"fields")
+const e=[]
+i.fields.forEach((t=>{"string"==typeof t&&(t={field:t,weight:1}),e.push(t),s[t.field]="weight"in t?t.weight:1})),i.fields=e}return{options:i,query:e.toLowerCase().trim(),tokens:this.tokenize(e,i.respect_word_boundaries,s),total:0,items:[],weights:s,getAttrFn:i.nesting?k:A}}search(e,t){var s,i,n=this
+i=this.prepareSearch(e,t),t=i.options,e=i.query
+const o=t.score||n._getScoreFunction(i)
+e.length?L(n.items,((e,n)=>{s=o(e),(!1===t.filter||s>0)&&i.items.push({score:s,id:n})})):L(n.items,((e,t)=>{i.items.push({score:1,id:t})}))
+const r=n._getSortFunction(i)
+return r&&i.items.sort(r),i.total=i.items.length,"number"==typeof t.limit&&(i.items=i.items.slice(0,t.limit)),i}}const P=e=>null==e?null:N(e),N=e=>"boolean"==typeof e?e?"1":"0":e+"",j=e=>(e+"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;"),$=(e,t)=>{var s
+return function(i,n){var o=this
+s&&(o.loading=Math.max(o.loading-1,0),clearTimeout(s)),s=setTimeout((function(){s=null,o.loadedSearches[i]=!0,e.call(o,i,n)}),t)}},V=(e,t,s)=>{var i,n=e.trigger,o={}
+for(i of(e.trigger=function(){var s=arguments[0]
+if(-1===t.indexOf(s))return n.apply(e,arguments)
+o[s]=arguments},s.apply(e,[]),e.trigger=n,t))i in o&&n.apply(e,o[i])},q=(e,t=!1)=>{e&&(e.preventDefault(),t&&e.stopPropagation())},D=(e,t,s,i)=>{e.addEventListener(t,s,i)},H=(e,t)=>!!t&&(!!t[e]&&1===(t.altKey?1:0)+(t.ctrlKey?1:0)+(t.shiftKey?1:0)+(t.metaKey?1:0)),R=(e,t)=>{const s=e.getAttribute("id")
+return s||(e.setAttribute("id",t),t)},M=e=>e.replace(/[\\"']/g,"\\$&"),z=(e,t)=>{t&&e.append(t)},B=(e,t)=>{if(Array.isArray(e))e.forEach(t)
+else for(var s in e)e.hasOwnProperty(s)&&t(e[s],s)},K=e=>{if(e.jquery)return e[0]
+if(e instanceof HTMLElement)return e
+if(Q(e)){var t=document.createElement("template")
+return t.innerHTML=e.trim(),t.content.firstChild}return document.querySelector(e)},Q=e=>"string"==typeof e&&e.indexOf("<")>-1,G=(e,t)=>{var s=document.createEvent("HTMLEvents")
+s.initEvent(t,!0,!1),e.dispatchEvent(s)},U=(e,t)=>{Object.assign(e.style,t)},J=(e,...t)=>{var s=X(t);(e=Y(e)).map((e=>{s.map((t=>{e.classList.add(t)}))}))},W=(e,...t)=>{var s=X(t);(e=Y(e)).map((e=>{s.map((t=>{e.classList.remove(t)}))}))},X=e=>{var t=[]
+return B(e,(e=>{"string"==typeof e&&(e=e.trim().split(/[\t\n\f\r\s]/)),Array.isArray(e)&&(t=t.concat(e))})),t.filter(Boolean)},Y=e=>(Array.isArray(e)||(e=[e]),e),Z=(e,t,s)=>{if(!s||s.contains(e))for(;e&&e.matches;){if(e.matches(t))return e
+e=e.parentNode}},ee=(e,t=0)=>t>0?e[e.length-1]:e[0],te=(e,t)=>{if(!e)return-1
+t=t||e.nodeName
+for(var s=0;e=e.previousElementSibling;)e.matches(t)&&s++
+return s},se=(e,t)=>{B(t,((t,s)=>{null==t?e.removeAttribute(s):e.setAttribute(s,""+t)}))},ie=(e,t)=>{e.parentNode&&e.parentNode.replaceChild(t,e)},ne=(e,t)=>{if(null===t)return
+if("string"==typeof t){if(!t.length)return
+t=new RegExp(t,"i")}const s=e=>3===e.nodeType?(e=>{var s=e.data.match(t)
+if(s&&e.data.length>0){var i=document.createElement("span")
+i.className="highlight"
+var n=e.splitText(s.index)
+n.splitText(s[0].length)
+var o=n.cloneNode(!0)
+return i.appendChild(o),ie(n,i),1}return 0})(e):((e=>{1!==e.nodeType||!e.childNodes||/(script|style)/i.test(e.tagName)||"highlight"===e.className&&"SPAN"===e.tagName||Array.from(e.childNodes).forEach((e=>{s(e)}))})(e),0)
+s(e)},oe="undefined"!=typeof navigator&&/Mac/.test(navigator.userAgent)?"metaKey":"ctrlKey"
+var re={options:[],optgroups:[],plugins:[],delimiter:",",splitOn:null,persist:!0,diacritics:!0,create:null,createOnBlur:!1,createFilter:null,highlight:!0,openOnFocus:!0,shouldOpen:null,maxOptions:50,maxItems:null,hideSelected:null,duplicates:!1,addPrecedence:!1,selectOnTab:!1,preload:null,allowEmptyOption:!1,refreshThrottle:300,loadThrottle:300,loadingClass:"loading",dataAttr:null,optgroupField:"optgroup",valueField:"value",labelField:"text",disabledField:"disabled",optgroupLabelField:"label",optgroupValueField:"value",lockOptgroupOrder:!1,sortField:"$order",searchField:["text"],searchConjunction:"and",mode:null,wrapperClass:"ts-wrapper",controlClass:"ts-control",dropdownClass:"ts-dropdown",dropdownContentClass:"ts-dropdown-content",itemClass:"item",optionClass:"option",dropdownParent:null,controlInput:'<input type="text" autocomplete="off" size="1" />',copyClassesToDropdown:!1,placeholder:null,hidePlaceholder:null,shouldLoad:function(e){return e.length>0},render:{}}
+function le(e,t){var s=Object.assign({},re,t),i=s.dataAttr,n=s.labelField,o=s.valueField,r=s.disabledField,l=s.optgroupField,a=s.optgroupLabelField,c=s.optgroupValueField,d=e.tagName.toLowerCase(),u=e.getAttribute("placeholder")||e.getAttribute("data-placeholder")
+if(!u&&!s.allowEmptyOption){let t=e.querySelector('option[value=""]')
+t&&(u=t.textContent)}var p={placeholder:u,options:[],optgroups:[],items:[],maxItems:null}
+return"select"===d?(()=>{var t,d=p.options,u={},h=1
+let g=0
+var f=e=>{var t=Object.assign({},e.dataset),s=i&&t[i]
+return"string"==typeof s&&s.length&&(t=Object.assign(t,JSON.parse(s))),t},m=(e,t)=>{var i=P(e.value)
+if(null!=i&&(i||s.allowEmptyOption)){if(u.hasOwnProperty(i)){if(t){var a=u[i][l]
+a?Array.isArray(a)?a.push(t):u[i][l]=[a,t]:u[i][l]=t}}else{var c=f(e)
+c[n]=c[n]||e.textContent,c[o]=c[o]||i,c[r]=c[r]||e.disabled,c[l]=c[l]||t,c.$option=e,c.$order=c.$order||++g,u[i]=c,d.push(c)}e.selected&&p.items.push(i)}}
+p.maxItems=e.hasAttribute("multiple")?null:1,B(e.children,(e=>{var s,i,n
+"optgroup"===(t=e.tagName.toLowerCase())?((n=f(s=e))[a]=n[a]||s.getAttribute("label")||"",n[c]=n[c]||h++,n[r]=n[r]||s.disabled,n.$order=n.$order||++g,p.optgroups.push(n),i=n[c],B(s.children,(e=>{m(e,i)}))):"option"===t&&m(e)}))})():(()=>{const t=e.getAttribute(i)
+if(t)p.options=JSON.parse(t),B(p.options,(e=>{p.items.push(e[o])}))
+else{var r=e.value.trim()||""
+if(!s.allowEmptyOption&&!r.length)return
+const t=r.split(s.delimiter)
+B(t,(e=>{const t={}
+t[n]=e,t[o]=e,p.options.push(t)})),p.items=t}})(),Object.assign({},re,p,t)}var ae=0
+class ce extends(function(e){return e.plugins={},class extends e{constructor(...e){super(...e),this.plugins={names:[],settings:{},requested:{},loaded:{}}}static define(t,s){e.plugins[t]={name:t,fn:s}}initializePlugins(e){var t,s
+const i=this,n=[]
+if(Array.isArray(e))e.forEach((e=>{"string"==typeof e?n.push(e):(i.plugins.settings[e.name]=e.options,n.push(e.name))}))
+else if(e)for(t in e)e.hasOwnProperty(t)&&(i.plugins.settings[t]=e[t],n.push(t))
+for(;s=n.shift();)i.require(s)}loadPlugin(t){var s=this,i=s.plugins,n=e.plugins[t]
+if(!e.plugins.hasOwnProperty(t))throw new Error('Unable to find "'+t+'" plugin')
+i.requested[t]=!0,i.loaded[t]=n.fn.apply(s,[s.plugins.settings[t]||{}]),i.names.push(t)}require(e){var t=this,s=t.plugins
+if(!t.plugins.loaded.hasOwnProperty(e)){if(s.requested[e])throw new Error('Plugin has circular dependency ("'+e+'")')
+t.loadPlugin(e)}return s.loaded[e]}}}(t)){constructor(e,t){var s
+super(),this.order=0,this.isOpen=!1,this.isDisabled=!1,this.isReadOnly=!1,this.isInvalid=!1,this.isValid=!0,this.isLocked=!1,this.isFocused=!1,this.isInputHidden=!1,this.isSetup=!1,this.ignoreFocus=!1,this.ignoreHover=!1,this.hasOptions=!1,this.lastValue="",this.caretPos=0,this.loading=0,this.loadedSearches={},this.activeOption=null,this.activeItems=[],this.optgroups={},this.options={},this.userOptions={},this.items=[],this.refreshTimeout=null,ae++
+var i=K(e)
+if(i.tomselect)throw new Error("Tom Select already initialized on this element")
+i.tomselect=this,s=(window.getComputedStyle&&window.getComputedStyle(i,null)).getPropertyValue("direction")
+const n=le(i,t)
+this.settings=n,this.input=i,this.tabIndex=i.tabIndex||0,this.is_select_tag="select"===i.tagName.toLowerCase(),this.rtl=/rtl/i.test(s),this.inputId=R(i,"tomselect-"+ae),this.isRequired=i.required,this.sifter=new T(this.options,{diacritics:n.diacritics}),n.mode=n.mode||(1===n.maxItems?"single":"multi"),"boolean"!=typeof n.hideSelected&&(n.hideSelected="multi"===n.mode),"boolean"!=typeof n.hidePlaceholder&&(n.hidePlaceholder="multi"!==n.mode)
+var o=n.createFilter
+"function"!=typeof o&&("string"==typeof o&&(o=new RegExp(o)),o instanceof RegExp?n.createFilter=e=>o.test(e):n.createFilter=e=>this.settings.duplicates||!this.options[e]),this.initializePlugins(n.plugins),this.setupCallbacks(),this.setupTemplates()
+const r=K("<div>"),l=K("<div>"),a=this._render("dropdown"),c=K('<div role="listbox" tabindex="-1">'),d=this.input.getAttribute("class")||"",u=n.mode
+var p
+if(J(r,n.wrapperClass,d,u),J(l,n.controlClass),z(r,l),J(a,n.dropdownClass,u),n.copyClassesToDropdown&&J(a,d),J(c,n.dropdownContentClass),z(a,c),K(n.dropdownParent||r).appendChild(a),Q(n.controlInput)){p=K(n.controlInput)
+B(["autocorrect","autocapitalize","autocomplete","spellcheck"],(e=>{i.getAttribute(e)&&se(p,{[e]:i.getAttribute(e)})})),p.tabIndex=-1,l.appendChild(p),this.focus_node=p}else n.controlInput?(p=K(n.controlInput),this.focus_node=p):(p=K("<input/>"),this.focus_node=l)
+this.wrapper=r,this.dropdown=a,this.dropdown_content=c,this.control=l,this.control_input=p,this.setup()}setup(){const e=this,t=e.settings,s=e.control_input,i=e.dropdown,n=e.dropdown_content,o=e.wrapper,l=e.control,a=e.input,c=e.focus_node,d={passive:!0},u=e.inputId+"-ts-dropdown"
+se(n,{id:u}),se(c,{role:"combobox","aria-haspopup":"listbox","aria-expanded":"false","aria-controls":u})
+const p=R(c,e.inputId+"-ts-control"),h="label[for='"+(e=>e.replace(/['"\\]/g,"\\$&"))(e.inputId)+"']",g=document.querySelector(h),f=e.focus.bind(e)
+if(g){D(g,"click",f),se(g,{for:p})
+const t=R(g,e.inputId+"-ts-label")
+se(c,{"aria-labelledby":t}),se(n,{"aria-labelledby":t})}if(o.style.width=a.style.width,e.plugins.names.length){const t="plugin-"+e.plugins.names.join(" plugin-")
+J([o,i],t)}(null===t.maxItems||t.maxItems>1)&&e.is_select_tag&&se(a,{multiple:"multiple"}),t.placeholder&&se(s,{placeholder:t.placeholder}),!t.splitOn&&t.delimiter&&(t.splitOn=new RegExp("\\s*"+r(t.delimiter)+"+\\s*")),t.load&&t.loadThrottle&&(t.load=$(t.load,t.loadThrottle)),D(i,"mousemove",(()=>{e.ignoreHover=!1})),D(i,"mouseenter",(t=>{var s=Z(t.target,"[data-selectable]",i)
+s&&e.onOptionHover(t,s)}),{capture:!0}),D(i,"click",(t=>{const s=Z(t.target,"[data-selectable]")
+s&&(e.onOptionSelect(t,s),q(t,!0))})),D(l,"click",(t=>{var i=Z(t.target,"[data-ts-item]",l)
+i&&e.onItemSelect(t,i)?q(t,!0):""==s.value&&(e.onClick(),q(t,!0))})),D(c,"keydown",(t=>e.onKeyDown(t))),D(s,"keypress",(t=>e.onKeyPress(t))),D(s,"input",(t=>e.onInput(t))),D(c,"blur",(t=>e.onBlur(t))),D(c,"focus",(t=>e.onFocus(t))),D(s,"paste",(t=>e.onPaste(t)))
+const m=t=>{const n=t.composedPath()[0]
+if(!o.contains(n)&&!i.contains(n))return e.isFocused&&e.blur(),void e.inputState()
+n==s&&e.isOpen?t.stopPropagation():q(t,!0)},v=()=>{e.isOpen&&e.positionDropdown()}
+D(document,"mousedown",m),D(window,"scroll",v,d),D(window,"resize",v,d),this._destroy=()=>{document.removeEventListener("mousedown",m),window.removeEventListener("scroll",v),window.removeEventListener("resize",v),g&&g.removeEventListener("click",f)},this.revertSettings={innerHTML:a.innerHTML,tabIndex:a.tabIndex},a.tabIndex=-1,a.insertAdjacentElement("afterend",e.wrapper),e.sync(!1),t.items=[],delete t.optgroups,delete t.options,D(a,"invalid",(()=>{e.isValid&&(e.isValid=!1,e.isInvalid=!0,e.refreshState())})),e.updateOriginalInput(),e.refreshItems(),e.close(!1),e.inputState(),e.isSetup=!0,a.disabled?e.disable():a.readOnly?e.setReadOnly(!0):e.enable(),e.on("change",this.onChange),J(a,"tomselected","ts-hidden-accessible"),e.trigger("initialize"),!0===t.preload&&e.preload()}setupOptions(e=[],t=[]){this.addOptions(e),B(t,(e=>{this.registerOptionGroup(e)}))}setupTemplates(){var e=this,t=e.settings.labelField,s=e.settings.optgroupLabelField,i={optgroup:e=>{let t=document.createElement("div")
+return t.className="optgroup",t.appendChild(e.options),t},optgroup_header:(e,t)=>'<div class="optgroup-header">'+t(e[s])+"</div>",option:(e,s)=>"<div>"+s(e[t])+"</div>",item:(e,s)=>"<div>"+s(e[t])+"</div>",option_create:(e,t)=>'<div class="create">Add <strong>'+t(e.input)+"</strong>&hellip;</div>",no_results:()=>'<div class="no-results">No results found</div>',loading:()=>'<div class="spinner"></div>',not_loading:()=>{},dropdown:()=>"<div></div>"}
+e.settings.render=Object.assign({},i,e.settings.render)}setupCallbacks(){var e,t,s={initialize:"onInitialize",change:"onChange",item_add:"onItemAdd",item_remove:"onItemRemove",item_select:"onItemSelect",clear:"onClear",option_add:"onOptionAdd",option_remove:"onOptionRemove",option_clear:"onOptionClear",optgroup_add:"onOptionGroupAdd",optgroup_remove:"onOptionGroupRemove",optgroup_clear:"onOptionGroupClear",dropdown_open:"onDropdownOpen",dropdown_close:"onDropdownClose",type:"onType",load:"onLoad",focus:"onFocus",blur:"onBlur"}
+for(e in s)(t=this.settings[s[e]])&&this.on(e,t)}sync(e=!0){const t=this,s=e?le(t.input,{delimiter:t.settings.delimiter}):t.settings
+t.setupOptions(s.options,s.optgroups),t.setValue(s.items||[],!0),t.lastQuery=null}onClick(){var e=this
+if(e.activeItems.length>0)return e.clearActiveItems(),void e.focus()
+e.isFocused&&e.isOpen?e.blur():e.focus()}onMouseDown(){}onChange(){G(this.input,"input"),G(this.input,"change")}onPaste(e){var t=this
+t.isInputHidden||t.isLocked?q(e):t.settings.splitOn&&setTimeout((()=>{var e=t.inputValue()
+if(e.match(t.settings.splitOn)){var s=e.trim().split(t.settings.splitOn)
+B(s,(e=>{P(e)&&(this.options[e]?t.addItem(e):t.createItem(e))}))}}),0)}onKeyPress(e){var t=this
+if(!t.isLocked){var s=String.fromCharCode(e.keyCode||e.which)
+return t.settings.create&&"multi"===t.settings.mode&&s===t.settings.delimiter?(t.createItem(),void q(e)):void 0}q(e)}onKeyDown(e){var t=this
+if(t.ignoreHover=!0,t.isLocked)9!==e.keyCode&&q(e)
+else{switch(e.keyCode){case 65:if(H(oe,e)&&""==t.control_input.value)return q(e),void t.selectAll()
+break
+case 27:return t.isOpen&&(q(e,!0),t.close()),void t.clearActiveItems()
+case 40:if(!t.isOpen&&t.hasOptions)t.open()
+else if(t.activeOption){let e=t.getAdjacent(t.activeOption,1)
+e&&t.setActiveOption(e)}return void q(e)
+case 38:if(t.activeOption){let e=t.getAdjacent(t.activeOption,-1)
+e&&t.setActiveOption(e)}return void q(e)
+case 13:return void(t.canSelect(t.activeOption)?(t.onOptionSelect(e,t.activeOption),q(e)):(t.settings.create&&t.createItem()||document.activeElement==t.control_input&&t.isOpen)&&q(e))
+case 37:return void t.advanceSelection(-1,e)
+case 39:return void t.advanceSelection(1,e)
+case 9:return void(t.settings.selectOnTab&&(t.canSelect(t.activeOption)&&(t.onOptionSelect(e,t.activeOption),q(e)),t.settings.create&&t.createItem()&&q(e)))
+case 8:case 46:return void t.deleteSelection(e)}t.isInputHidden&&!H(oe,e)&&q(e)}}onInput(e){if(this.isLocked)return
+const t=this.inputValue()
+this.lastValue!==t&&(this.lastValue=t,""!=t?(this.refreshTimeout&&window.clearTimeout(this.refreshTimeout),this.refreshTimeout=((e,t)=>t>0?window.setTimeout(e,t):(e.call(null),null))((()=>{this.refreshTimeout=null,this._onInput()}),this.settings.refreshThrottle)):this._onInput())}_onInput(){const e=this.lastValue
+this.settings.shouldLoad.call(this,e)&&this.load(e),this.refreshOptions(),this.trigger("type",e)}onOptionHover(e,t){this.ignoreHover||this.setActiveOption(t,!1)}onFocus(e){var t=this,s=t.isFocused
+if(t.isDisabled||t.isReadOnly)return t.blur(),void q(e)
+t.ignoreFocus||(t.isFocused=!0,"focus"===t.settings.preload&&t.preload(),s||t.trigger("focus"),t.activeItems.length||(t.inputState(),t.refreshOptions(!!t.settings.openOnFocus)),t.refreshState())}onBlur(e){if(!1!==document.hasFocus()){var t=this
+if(t.isFocused){t.isFocused=!1,t.ignoreFocus=!1
+var s=()=>{t.close(),t.setActiveItem(),t.setCaret(t.items.length),t.trigger("blur")}
+t.settings.create&&t.settings.createOnBlur?t.createItem(null,s):s()}}}onOptionSelect(e,t){var s,i=this
+t.parentElement&&t.parentElement.matches("[data-disabled]")||(t.classList.contains("create")?i.createItem(null,(()=>{i.settings.closeAfterSelect&&i.close()})):void 0!==(s=t.dataset.value)&&(i.lastQuery=null,i.addItem(s),i.settings.closeAfterSelect&&i.close(),!i.settings.hideSelected&&e.type&&/click/.test(e.type)&&i.setActiveOption(t)))}canSelect(e){return!!(this.isOpen&&e&&this.dropdown_content.contains(e))}onItemSelect(e,t){var s=this
+return!s.isLocked&&"multi"===s.settings.mode&&(q(e),s.setActiveItem(t,e),!0)}canLoad(e){return!!this.settings.load&&!this.loadedSearches.hasOwnProperty(e)}load(e){const t=this
+if(!t.canLoad(e))return
+J(t.wrapper,t.settings.loadingClass),t.loading++
+const s=t.loadCallback.bind(t)
+t.settings.load.call(t,e,s)}loadCallback(e,t){const s=this
+s.loading=Math.max(s.loading-1,0),s.lastQuery=null,s.clearActiveOption(),s.setupOptions(e,t),s.refreshOptions(s.isFocused&&!s.isInputHidden),s.loading||W(s.wrapper,s.settings.loadingClass),s.trigger("load",e,t)}preload(){var e=this.wrapper.classList
+e.contains("preloaded")||(e.add("preloaded"),this.load(""))}setTextboxValue(e=""){var t=this.control_input
+t.value!==e&&(t.value=e,G(t,"update"),this.lastValue=e)}getValue(){return this.is_select_tag&&this.input.hasAttribute("multiple")?this.items:this.items.join(this.settings.delimiter)}setValue(e,t){V(this,t?[]:["change"],(()=>{this.clear(t),this.addItems(e,t)}))}setMaxItems(e){0===e&&(e=null),this.settings.maxItems=e,this.refreshState()}setActiveItem(e,t){var s,i,n,o,r,l,a=this
+if("single"!==a.settings.mode){if(!e)return a.clearActiveItems(),void(a.isFocused&&a.inputState())
+if("click"===(s=t&&t.type.toLowerCase())&&H("shiftKey",t)&&a.activeItems.length){for(l=a.getLastActive(),(n=Array.prototype.indexOf.call(a.control.children,l))>(o=Array.prototype.indexOf.call(a.control.children,e))&&(r=n,n=o,o=r),i=n;i<=o;i++)e=a.control.children[i],-1===a.activeItems.indexOf(e)&&a.setActiveItemClass(e)
+q(t)}else"click"===s&&H(oe,t)||"keydown"===s&&H("shiftKey",t)?e.classList.contains("active")?a.removeActiveItem(e):a.setActiveItemClass(e):(a.clearActiveItems(),a.setActiveItemClass(e))
+a.inputState(),a.isFocused||a.focus()}}setActiveItemClass(e){const t=this,s=t.control.querySelector(".last-active")
+s&&W(s,"last-active"),J(e,"active last-active"),t.trigger("item_select",e),-1==t.activeItems.indexOf(e)&&t.activeItems.push(e)}removeActiveItem(e){var t=this.activeItems.indexOf(e)
+this.activeItems.splice(t,1),W(e,"active")}clearActiveItems(){W(this.activeItems,"active"),this.activeItems=[]}setActiveOption(e,t=!0){e!==this.activeOption&&(this.clearActiveOption(),e&&(this.activeOption=e,se(this.focus_node,{"aria-activedescendant":e.getAttribute("id")}),se(e,{"aria-selected":"true"}),J(e,"active"),t&&this.scrollToOption(e)))}scrollToOption(e,t){if(!e)return
+const s=this.dropdown_content,i=s.clientHeight,n=s.scrollTop||0,o=e.offsetHeight,r=e.getBoundingClientRect().top-s.getBoundingClientRect().top+n
+r+o>i+n?this.scroll(r-i+o,t):r<n&&this.scroll(r,t)}scroll(e,t){const s=this.dropdown_content
+t&&(s.style.scrollBehavior=t),s.scrollTop=e,s.style.scrollBehavior=""}clearActiveOption(){this.activeOption&&(W(this.activeOption,"active"),se(this.activeOption,{"aria-selected":null})),this.activeOption=null,se(this.focus_node,{"aria-activedescendant":null})}selectAll(){const e=this
+if("single"===e.settings.mode)return
+const t=e.controlChildren()
+t.length&&(e.inputState(),e.close(),e.activeItems=t,B(t,(t=>{e.setActiveItemClass(t)})))}inputState(){var e=this
+e.control.contains(e.control_input)&&(se(e.control_input,{placeholder:e.settings.placeholder}),e.activeItems.length>0||!e.isFocused&&e.settings.hidePlaceholder&&e.items.length>0?(e.setTextboxValue(),e.isInputHidden=!0):(e.settings.hidePlaceholder&&e.items.length>0&&se(e.control_input,{placeholder:""}),e.isInputHidden=!1),e.wrapper.classList.toggle("input-hidden",e.isInputHidden))}inputValue(){return this.control_input.value.trim()}focus(){var e=this
+e.isDisabled||e.isReadOnly||(e.ignoreFocus=!0,e.control_input.offsetWidth?e.control_input.focus():e.focus_node.focus(),setTimeout((()=>{e.ignoreFocus=!1,e.onFocus()}),0))}blur(){this.focus_node.blur(),this.onBlur()}getScoreFunction(e){return this.sifter.getScoreFunction(e,this.getSearchOptions())}getSearchOptions(){var e=this.settings,t=e.sortField
+return"string"==typeof e.sortField&&(t=[{field:e.sortField}]),{fields:e.searchField,conjunction:e.searchConjunction,sort:t,nesting:e.nesting}}search(e){var t,s,i=this,n=this.getSearchOptions()
+if(i.settings.score&&"function"!=typeof(s=i.settings.score.call(i,e)))throw new Error('Tom Select "score" setting must be a function that returns a function')
+return e!==i.lastQuery?(i.lastQuery=e,t=i.sifter.search(e,Object.assign(n,{score:s})),i.currentResults=t):t=Object.assign({},i.currentResults),i.settings.hideSelected&&(t.items=t.items.filter((e=>{let t=P(e.id)
+return!(t&&-1!==i.items.indexOf(t))}))),t}refreshOptions(e=!0){var t,s,i,n,o,r,l,a,c,d
+const u={},p=[]
+var h=this,g=h.inputValue()
+const f=g===h.lastQuery||""==g&&null==h.lastQuery
+var m=h.search(g),v=null,y=h.settings.shouldOpen||!1,O=h.dropdown_content
+f&&(v=h.activeOption)&&(c=v.closest("[data-group]")),n=m.items.length,"number"==typeof h.settings.maxOptions&&(n=Math.min(n,h.settings.maxOptions)),n>0&&(y=!0)
+const b=(e,t)=>{let s=u[e]
+if(void 0!==s){let e=p[s]
+if(void 0!==e)return[s,e.fragment]}let i=document.createDocumentFragment()
+return s=p.length,p.push({fragment:i,order:t,optgroup:e}),[s,i]}
+for(t=0;t<n;t++){let e=m.items[t]
+if(!e)continue
+let n=e.id,l=h.options[n]
+if(void 0===l)continue
+let a=N(n),d=h.getOption(a,!0)
+for(h.settings.hideSelected||d.classList.toggle("selected",h.items.includes(a)),o=l[h.settings.optgroupField]||"",s=0,i=(r=Array.isArray(o)?o:[o])&&r.length;s<i;s++){o=r[s]
+let e=l.$order,t=h.optgroups[o]
+void 0===t?o="":e=t.$order
+const[i,a]=b(o,e)
+s>0&&(d=d.cloneNode(!0),se(d,{id:l.$id+"-clone-"+s,"aria-selected":null}),d.classList.add("ts-cloned"),W(d,"active"),h.activeOption&&h.activeOption.dataset.value==n&&c&&c.dataset.group===o.toString()&&(v=d)),a.appendChild(d),""!=o&&(u[o]=i)}}var w
+h.settings.lockOptgroupOrder&&p.sort(((e,t)=>e.order-t.order)),l=document.createDocumentFragment(),B(p,(e=>{let t=e.fragment,s=e.optgroup
+if(!t||!t.children.length)return
+let i=h.optgroups[s]
+if(void 0!==i){let e=document.createDocumentFragment(),s=h.render("optgroup_header",i)
+z(e,s),z(e,t)
+let n=h.render("optgroup",{group:i,options:e})
+z(l,n)}else z(l,t)})),O.innerHTML="",z(O,l),h.settings.highlight&&(w=O.querySelectorAll("span.highlight"),Array.prototype.forEach.call(w,(function(e){var t=e.parentNode
+t.replaceChild(e.firstChild,e),t.normalize()})),m.query.length&&m.tokens.length&&B(m.tokens,(e=>{ne(O,e.regex)})))
+var _=e=>{let t=h.render(e,{input:g})
+return t&&(y=!0,O.insertBefore(t,O.firstChild)),t}
+if(h.loading?_("loading"):h.settings.shouldLoad.call(h,g)?0===m.items.length&&_("no_results"):_("not_loading"),(a=h.canCreate(g))&&(d=_("option_create")),h.hasOptions=m.items.length>0||a,y){if(m.items.length>0){if(v||"single"!==h.settings.mode||null==h.items[0]||(v=h.getOption(h.items[0])),!O.contains(v)){let e=0
+d&&!h.settings.addPrecedence&&(e=1),v=h.selectable()[e]}}else d&&(v=d)
+e&&!h.isOpen&&(h.open(),h.scrollToOption(v,"auto")),h.setActiveOption(v)}else h.clearActiveOption(),e&&h.isOpen&&h.close(!1)}selectable(){return this.dropdown_content.querySelectorAll("[data-selectable]")}addOption(e,t=!1){const s=this
+if(Array.isArray(e))return s.addOptions(e,t),!1
+const i=P(e[s.settings.valueField])
+return null!==i&&!s.options.hasOwnProperty(i)&&(e.$order=e.$order||++s.order,e.$id=s.inputId+"-opt-"+e.$order,s.options[i]=e,s.lastQuery=null,t&&(s.userOptions[i]=t,s.trigger("option_add",i,e)),i)}addOptions(e,t=!1){B(e,(e=>{this.addOption(e,t)}))}registerOption(e){return this.addOption(e)}registerOptionGroup(e){var t=P(e[this.settings.optgroupValueField])
+return null!==t&&(e.$order=e.$order||++this.order,this.optgroups[t]=e,t)}addOptionGroup(e,t){var s
+t[this.settings.optgroupValueField]=e,(s=this.registerOptionGroup(t))&&this.trigger("optgroup_add",s,t)}removeOptionGroup(e){this.optgroups.hasOwnProperty(e)&&(delete this.optgroups[e],this.clearCache(),this.trigger("optgroup_remove",e))}clearOptionGroups(){this.optgroups={},this.clearCache(),this.trigger("optgroup_clear")}updateOption(e,t){const s=this
+var i,n
+const o=P(e),r=P(t[s.settings.valueField])
+if(null===o)return
+const l=s.options[o]
+if(null==l)return
+if("string"!=typeof r)throw new Error("Value must be set in option data")
+const a=s.getOption(o),c=s.getItem(o)
+if(t.$order=t.$order||l.$order,delete s.options[o],s.uncacheValue(r),s.options[r]=t,a){if(s.dropdown_content.contains(a)){const e=s._render("option",t)
+ie(a,e),s.activeOption===a&&s.setActiveOption(e)}a.remove()}c&&(-1!==(n=s.items.indexOf(o))&&s.items.splice(n,1,r),i=s._render("item",t),c.classList.contains("active")&&J(i,"active"),ie(c,i)),s.lastQuery=null}removeOption(e,t){const s=this
+e=N(e),s.uncacheValue(e),delete s.userOptions[e],delete s.options[e],s.lastQuery=null,s.trigger("option_remove",e),s.removeItem(e,t)}clearOptions(e){const t=(e||this.clearFilter).bind(this)
+this.loadedSearches={},this.userOptions={},this.clearCache()
+const s={}
+B(this.options,((e,i)=>{t(e,i)&&(s[i]=e)})),this.options=this.sifter.items=s,this.lastQuery=null,this.trigger("option_clear")}clearFilter(e,t){return this.items.indexOf(t)>=0}getOption(e,t=!1){const s=P(e)
+if(null===s)return null
+const i=this.options[s]
+if(null!=i){if(i.$div)return i.$div
+if(t)return this._render("option",i)}return null}getAdjacent(e,t,s="option"){var i
+if(!e)return null
+i="item"==s?this.controlChildren():this.dropdown_content.querySelectorAll("[data-selectable]")
+for(let s=0;s<i.length;s++)if(i[s]==e)return t>0?i[s+1]:i[s-1]
+return null}getItem(e){if("object"==typeof e)return e
+var t=P(e)
+return null!==t?this.control.querySelector(`[data-value="${M(t)}"]`):null}addItems(e,t){var s=this,i=Array.isArray(e)?e:[e]
+const n=(i=i.filter((e=>-1===s.items.indexOf(e))))[i.length-1]
+i.forEach((e=>{s.isPending=e!==n,s.addItem(e,t)}))}addItem(e,t){V(this,t?[]:["change","dropdown_close"],(()=>{var s,i
+const n=this,o=n.settings.mode,r=P(e)
+if((!r||-1===n.items.indexOf(r)||("single"===o&&n.close(),"single"!==o&&n.settings.duplicates))&&null!==r&&n.options.hasOwnProperty(r)&&("single"===o&&n.clear(t),"multi"!==o||!n.isFull())){if(s=n._render("item",n.options[r]),n.control.contains(s)&&(s=s.cloneNode(!0)),i=n.isFull(),n.items.splice(n.caretPos,0,r),n.insertAtCaret(s),n.isSetup){if(!n.isPending&&n.settings.hideSelected){let e=n.getOption(r),t=n.getAdjacent(e,1)
+t&&n.setActiveOption(t)}n.isPending||n.settings.closeAfterSelect||n.refreshOptions(n.isFocused&&"single"!==o),0!=n.settings.closeAfterSelect&&n.isFull()?n.close():n.isPending||n.positionDropdown(),n.trigger("item_add",r,s),n.isPending||n.updateOriginalInput({silent:t})}(!n.isPending||!i&&n.isFull())&&(n.inputState(),n.refreshState())}}))}removeItem(e=null,t){const s=this
+if(!(e=s.getItem(e)))return
+var i,n
+const o=e.dataset.value
+i=te(e),e.remove(),e.classList.contains("active")&&(n=s.activeItems.indexOf(e),s.activeItems.splice(n,1),W(e,"active")),s.items.splice(i,1),s.lastQuery=null,!s.settings.persist&&s.userOptions.hasOwnProperty(o)&&s.removeOption(o,t),i<s.caretPos&&s.setCaret(s.caretPos-1),s.updateOriginalInput({silent:t}),s.refreshState(),s.positionDropdown(),s.trigger("item_remove",o,e)}createItem(e=null,t=()=>{}){3===arguments.length&&(t=arguments[2]),"function"!=typeof t&&(t=()=>{})
+var s,i=this,n=i.caretPos
+if(e=e||i.inputValue(),!i.canCreate(e))return t(),!1
+i.lock()
+var o=!1,r=e=>{if(i.unlock(),!e||"object"!=typeof e)return t()
+var s=P(e[i.settings.valueField])
+if("string"!=typeof s)return t()
+i.setTextboxValue(),i.addOption(e,!0),i.setCaret(n),i.addItem(s),t(e),o=!0}
+return s="function"==typeof i.settings.create?i.settings.create.call(this,e,r):{[i.settings.labelField]:e,[i.settings.valueField]:e},o||r(s),!0}refreshItems(){var e=this
+e.lastQuery=null,e.isSetup&&e.addItems(e.items),e.updateOriginalInput(),e.refreshState()}refreshState(){const e=this
+e.refreshValidityState()
+const t=e.isFull(),s=e.isLocked
+e.wrapper.classList.toggle("rtl",e.rtl)
+const i=e.wrapper.classList
+var n
+i.toggle("focus",e.isFocused),i.toggle("disabled",e.isDisabled),i.toggle("readonly",e.isReadOnly),i.toggle("required",e.isRequired),i.toggle("invalid",!e.isValid),i.toggle("locked",s),i.toggle("full",t),i.toggle("input-active",e.isFocused&&!e.isInputHidden),i.toggle("dropdown-active",e.isOpen),i.toggle("has-options",(n=e.options,0===Object.keys(n).length)),i.toggle("has-items",e.items.length>0)}refreshValidityState(){var e=this
+e.input.validity&&(e.isValid=e.input.validity.valid,e.isInvalid=!e.isValid)}isFull(){return null!==this.settings.maxItems&&this.items.length>=this.settings.maxItems}updateOriginalInput(e={}){const t=this
+var s,i
+const n=t.input.querySelector('option[value=""]')
+if(t.is_select_tag){const o=[],r=t.input.querySelectorAll("option:checked").length
+function l(e,s,i){return e||(e=K('<option value="'+j(s)+'">'+j(i)+"</option>")),e!=n&&t.input.append(e),o.push(e),(e!=n||r>0)&&(e.selected=!0),e}t.input.querySelectorAll("option:checked").forEach((e=>{e.selected=!1})),0==t.items.length&&"single"==t.settings.mode?l(n,"",""):t.items.forEach((e=>{if(s=t.options[e],i=s[t.settings.labelField]||"",o.includes(s.$option)){l(t.input.querySelector(`option[value="${M(e)}"]:not(:checked)`),e,i)}else s.$option=l(s.$option,e,i)}))}else t.input.value=t.getValue()
+t.isSetup&&(e.silent||t.trigger("change",t.getValue()))}open(){var e=this
+e.isLocked||e.isOpen||"multi"===e.settings.mode&&e.isFull()||(e.isOpen=!0,se(e.focus_node,{"aria-expanded":"true"}),e.refreshState(),U(e.dropdown,{visibility:"hidden",display:"block"}),e.positionDropdown(),U(e.dropdown,{visibility:"visible",display:"block"}),e.focus(),e.trigger("dropdown_open",e.dropdown))}close(e=!0){var t=this,s=t.isOpen
+e&&(t.setTextboxValue(),"single"===t.settings.mode&&t.items.length&&t.inputState()),t.isOpen=!1,se(t.focus_node,{"aria-expanded":"false"}),U(t.dropdown,{display:"none"}),t.settings.hideSelected&&t.clearActiveOption(),t.refreshState(),s&&t.trigger("dropdown_close",t.dropdown)}positionDropdown(){if("body"===this.settings.dropdownParent){var e=this.control,t=e.getBoundingClientRect(),s=e.offsetHeight+t.top+window.scrollY,i=t.left+window.scrollX
+U(this.dropdown,{width:t.width+"px",top:s+"px",left:i+"px"})}}clear(e){var t=this
+if(t.items.length){var s=t.controlChildren()
+B(s,(e=>{t.removeItem(e,!0)})),t.inputState(),e||t.updateOriginalInput(),t.trigger("clear")}}insertAtCaret(e){const t=this,s=t.caretPos,i=t.control
+i.insertBefore(e,i.children[s]||null),t.setCaret(s+1)}deleteSelection(e){var t,s,i,n,o,r=this
+t=e&&8===e.keyCode?-1:1,s={start:(o=r.control_input).selectionStart||0,length:(o.selectionEnd||0)-(o.selectionStart||0)}
+const l=[]
+if(r.activeItems.length)n=ee(r.activeItems,t),i=te(n),t>0&&i++,B(r.activeItems,(e=>l.push(e)))
+else if((r.isFocused||"single"===r.settings.mode)&&r.items.length){const e=r.controlChildren()
+let i
+t<0&&0===s.start&&0===s.length?i=e[r.caretPos-1]:t>0&&s.start===r.inputValue().length&&(i=e[r.caretPos]),void 0!==i&&l.push(i)}if(!r.shouldDelete(l,e))return!1
+for(q(e,!0),void 0!==i&&r.setCaret(i);l.length;)r.removeItem(l.pop())
+return r.inputState(),r.positionDropdown(),r.refreshOptions(!1),!0}shouldDelete(e,t){const s=e.map((e=>e.dataset.value))
+return!(!s.length||"function"==typeof this.settings.onDelete&&!1===this.settings.onDelete(s,t))}advanceSelection(e,t){var s,i,n=this
+n.rtl&&(e*=-1),n.inputValue().length||(H(oe,t)||H("shiftKey",t)?(i=(s=n.getLastActive(e))?s.classList.contains("active")?n.getAdjacent(s,e,"item"):s:e>0?n.control_input.nextElementSibling:n.control_input.previousElementSibling)&&(i.classList.contains("active")&&n.removeActiveItem(s),n.setActiveItemClass(i)):n.moveCaret(e))}moveCaret(e){}getLastActive(e){let t=this.control.querySelector(".last-active")
+if(t)return t
+var s=this.control.querySelectorAll(".active")
+return s?ee(s,e):void 0}setCaret(e){this.caretPos=this.items.length}controlChildren(){return Array.from(this.control.querySelectorAll("[data-ts-item]"))}lock(){this.setLocked(!0)}unlock(){this.setLocked(!1)}setLocked(e=this.isReadOnly||this.isDisabled){this.isLocked=e,this.refreshState()}disable(){this.setDisabled(!0),this.close()}enable(){this.setDisabled(!1)}setDisabled(e){this.focus_node.tabIndex=e?-1:this.tabIndex,this.isDisabled=e,this.input.disabled=e,this.control_input.disabled=e,this.setLocked()}setReadOnly(e){this.isReadOnly=e,this.input.readOnly=e,this.control_input.readOnly=e,this.setLocked()}destroy(){var e=this,t=e.revertSettings
+e.trigger("destroy"),e.off(),e.wrapper.remove(),e.dropdown.remove(),e.input.innerHTML=t.innerHTML,e.input.tabIndex=t.tabIndex,W(e.input,"tomselected","ts-hidden-accessible"),e._destroy(),delete e.input.tomselect}render(e,t){var s,i
+const n=this
+if("function"!=typeof this.settings.render[e])return null
+if(!(i=n.settings.render[e].call(this,t,j)))return null
+if(i=K(i),"option"===e||"option_create"===e?t[n.settings.disabledField]?se(i,{"aria-disabled":"true"}):se(i,{"data-selectable":""}):"optgroup"===e&&(s=t.group[n.settings.optgroupValueField],se(i,{"data-group":s}),t.group[n.settings.disabledField]&&se(i,{"data-disabled":""})),"option"===e||"item"===e){const s=N(t[n.settings.valueField])
+se(i,{"data-value":s}),"item"===e?(J(i,n.settings.itemClass),se(i,{"data-ts-item":""})):(J(i,n.settings.optionClass),se(i,{role:"option",id:t.$id}),t.$div=i,n.options[s]=t)}return i}_render(e,t){const s=this.render(e,t)
+if(null==s)throw"HTMLElement expected"
+return s}clearCache(){B(this.options,(e=>{e.$div&&(e.$div.remove(),delete e.$div)}))}uncacheValue(e){const t=this.getOption(e)
+t&&t.remove()}canCreate(e){return this.settings.create&&e.length>0&&this.settings.createFilter.call(this,e)}hook(e,t,s){var i=this,n=i[t]
+i[t]=function(){var t,o
+return"after"===e&&(t=n.apply(i,arguments)),o=s.apply(i,arguments),"instead"===e?o:("before"===e&&(t=n.apply(i,arguments)),t)}}}return ce.define("change_listener",(function(){D(this.input,"change",(()=>{this.sync()}))})),ce.define("checkbox_options",(function(e){var t=this,s=t.onOptionSelect
+t.settings.hideSelected=!1
+const i=Object.assign({className:"tomselect-checkbox",checkedClassNames:void 0,uncheckedClassNames:void 0},e)
+var n=function(e,t){t?(e.checked=!0,i.uncheckedClassNames&&e.classList.remove(...i.uncheckedClassNames),i.checkedClassNames&&e.classList.add(...i.checkedClassNames)):(e.checked=!1,i.checkedClassNames&&e.classList.remove(...i.checkedClassNames),i.uncheckedClassNames&&e.classList.add(...i.uncheckedClassNames))},o=function(e){setTimeout((()=>{var t=e.querySelector("input."+i.className)
+t instanceof HTMLInputElement&&n(t,e.classList.contains("selected"))}),1)}
+t.hook("after","setupTemplates",(()=>{var e=t.settings.render.option
+t.settings.render.option=(s,o)=>{var r=K(e.call(t,s,o)),l=document.createElement("input")
+i.className&&l.classList.add(i.className),l.addEventListener("click",(function(e){q(e)})),l.type="checkbox"
+const a=P(s[t.settings.valueField])
+return n(l,!!(a&&t.items.indexOf(a)>-1)),r.prepend(l),r}})),t.on("item_remove",(e=>{var s=t.getOption(e)
+s&&(s.classList.remove("selected"),o(s))})),t.on("item_add",(e=>{var s=t.getOption(e)
+s&&o(s)})),t.hook("instead","onOptionSelect",((e,i)=>{if(i.classList.contains("selected"))return i.classList.remove("selected"),t.removeItem(i.dataset.value),t.refreshOptions(),void q(e,!0)
+s.call(t,e,i),o(i)}))})),ce.define("clear_button",(function(e){const t=this,s=Object.assign({className:"clear-button",title:"Clear All",html:e=>`<div class="${e.className}" title="${e.title}">&#10799;</div>`},e)
+t.on("initialize",(()=>{var e=K(s.html(s))
+e.addEventListener("click",(e=>{t.isLocked||(t.clear(),"single"===t.settings.mode&&t.settings.allowEmptyOption&&t.addItem(""),e.preventDefault(),e.stopPropagation())})),t.control.appendChild(e)}))})),ce.define("drag_drop",(function(){var e=this
+if("multi"!==e.settings.mode)return
+var t=e.lock,s=e.unlock
+let i,n=!0
+e.hook("after","setupTemplates",(()=>{var t=e.settings.render.item
+e.settings.render.item=(s,o)=>{const r=K(t.call(e,s,o))
+se(r,{draggable:"true"})
+const l=e=>{e.preventDefault(),r.classList.add("ts-drag-over"),a(r,i)},a=(e,t)=>{var s,i,n
+void 0!==t&&(((e,t)=>{do{var s
+if(e==(t=null==(s=t)?void 0:s.previousElementSibling))return!0}while(t&&t.previousElementSibling)
+return!1})(t,r)?(i=t,null==(n=(s=e).parentNode)||n.insertBefore(i,s.nextSibling)):((e,t)=>{var s
+null==(s=e.parentNode)||s.insertBefore(t,e)})(e,t))}
+return D(r,"mousedown",(e=>{n||q(e),e.stopPropagation()})),D(r,"dragstart",(e=>{i=r,setTimeout((()=>{r.classList.add("ts-dragging")}),0)})),D(r,"dragenter",l),D(r,"dragover",l),D(r,"dragleave",(()=>{r.classList.remove("ts-drag-over")})),D(r,"dragend",(()=>{var t
+document.querySelectorAll(".ts-drag-over").forEach((e=>e.classList.remove("ts-drag-over"))),null==(t=i)||t.classList.remove("ts-dragging"),i=void 0
+var s=[]
+e.control.querySelectorAll("[data-value]").forEach((e=>{if(e.dataset.value){let t=e.dataset.value
+t&&s.push(t)}})),e.setValue(s)})),r}})),e.hook("instead","lock",(()=>(n=!1,t.call(e)))),e.hook("instead","unlock",(()=>(n=!0,s.call(e))))})),ce.define("dropdown_header",(function(e){const t=this,s=Object.assign({title:"Untitled",headerClass:"dropdown-header",titleRowClass:"dropdown-header-title",labelClass:"dropdown-header-label",closeClass:"dropdown-header-close",html:e=>'<div class="'+e.headerClass+'"><div class="'+e.titleRowClass+'"><span class="'+e.labelClass+'">'+e.title+'</span><a class="'+e.closeClass+'">&times;</a></div></div>'},e)
+t.on("initialize",(()=>{var e=K(s.html(s)),i=e.querySelector("."+s.closeClass)
+i&&i.addEventListener("click",(e=>{q(e,!0),t.close()})),t.dropdown.insertBefore(e,t.dropdown.firstChild)}))})),ce.define("caret_position",(function(){var e=this
+e.hook("instead","setCaret",(t=>{"single"!==e.settings.mode&&e.control.contains(e.control_input)?(t=Math.max(0,Math.min(e.items.length,t)))==e.caretPos||e.isPending||e.controlChildren().forEach(((s,i)=>{i<t?e.control_input.insertAdjacentElement("beforebegin",s):e.control.appendChild(s)})):t=e.items.length,e.caretPos=t})),e.hook("instead","moveCaret",(t=>{if(!e.isFocused)return
+const s=e.getLastActive(t)
+if(s){const i=te(s)
+e.setCaret(t>0?i+1:i),e.setActiveItem(),W(s,"last-active")}else e.setCaret(e.caretPos+t)}))})),ce.define("dropdown_input",(function(){const e=this
+e.settings.shouldOpen=!0,e.hook("before","setup",(()=>{e.focus_node=e.control,J(e.control_input,"dropdown-input")
+const t=K('<div class="dropdown-input-wrap">')
+t.append(e.control_input),e.dropdown.insertBefore(t,e.dropdown.firstChild)
+const s=K('<input class="items-placeholder" tabindex="-1" />')
+s.placeholder=e.settings.placeholder||"",e.control.append(s)})),e.on("initialize",(()=>{e.control_input.addEventListener("keydown",(t=>{switch(t.keyCode){case 27:return e.isOpen&&(q(t,!0),e.close()),void e.clearActiveItems()
+case 9:e.focus_node.tabIndex=-1}return e.onKeyDown.call(e,t)})),e.on("blur",(()=>{e.focus_node.tabIndex=e.isDisabled?-1:e.tabIndex})),e.on("dropdown_open",(()=>{e.control_input.focus()}))
+const t=e.onBlur
+e.hook("instead","onBlur",(s=>{if(!s||s.relatedTarget!=e.control_input)return t.call(e)})),D(e.control_input,"blur",(()=>e.onBlur())),e.hook("before","close",(()=>{e.isOpen&&e.focus_node.focus({preventScroll:!0})}))}))})),ce.define("input_autogrow",(function(){var e=this
+e.on("initialize",(()=>{var t=document.createElement("span"),s=e.control_input
+t.style.cssText="position:absolute; top:-99999px; left:-99999px; width:auto; padding:0; white-space:pre; ",e.wrapper.appendChild(t)
+for(const e of["letterSpacing","fontSize","fontFamily","fontWeight","textTransform"])t.style[e]=s.style[e]
+var i=()=>{t.textContent=s.value,s.style.width=t.clientWidth+"px"}
+i(),e.on("update item_add item_remove",i),D(s,"input",i),D(s,"keyup",i),D(s,"blur",i),D(s,"update",i)}))})),ce.define("no_backspace_delete",(function(){var e=this,t=e.deleteSelection
+this.hook("instead","deleteSelection",(s=>!!e.activeItems.length&&t.call(e,s)))})),ce.define("no_active_items",(function(){this.hook("instead","setActiveItem",(()=>{})),this.hook("instead","selectAll",(()=>{}))})),ce.define("optgroup_columns",(function(){var e=this,t=e.onKeyDown
+e.hook("instead","onKeyDown",(s=>{var i,n,o,r
+if(!e.isOpen||37!==s.keyCode&&39!==s.keyCode)return t.call(e,s)
+e.ignoreHover=!0,r=Z(e.activeOption,"[data-group]"),i=te(e.activeOption,"[data-selectable]"),r&&(r=37===s.keyCode?r.previousSibling:r.nextSibling)&&(n=(o=r.querySelectorAll("[data-selectable]"))[Math.min(o.length-1,i)])&&e.setActiveOption(n)}))})),ce.define("remove_button",(function(e){const t=Object.assign({label:"&times;",title:"Remove",className:"remove",append:!0},e)
+var s=this
+if(t.append){var i='<a href="javascript:void(0)" class="'+t.className+'" tabindex="-1" title="'+j(t.title)+'">'+t.label+"</a>"
+s.hook("after","setupTemplates",(()=>{var e=s.settings.render.item
+s.settings.render.item=(t,n)=>{var o=K(e.call(s,t,n)),r=K(i)
+return o.appendChild(r),D(r,"mousedown",(e=>{q(e,!0)})),D(r,"click",(e=>{s.isLocked||(q(e,!0),s.isLocked||s.shouldDelete([o],e)&&(s.removeItem(o),s.refreshOptions(!1),s.inputState()))})),o}}))}})),ce.define("restore_on_backspace",(function(e){const t=this,s=Object.assign({text:e=>e[t.settings.labelField]},e)
+t.on("item_remove",(function(e){if(t.isFocused&&""===t.control_input.value.trim()){var i=t.options[e]
+i&&t.setTextboxValue(s.text.call(t,i))}}))})),ce.define("virtual_scroll",(function(){const e=this,t=e.canLoad,s=e.clearActiveOption,i=e.loadCallback
+var n,o,r={},l=!1,a=[]
+if(e.settings.shouldLoadMore||(e.settings.shouldLoadMore=()=>{if(n.clientHeight/(n.scrollHeight-n.scrollTop)>.9)return!0
+if(e.activeOption){var t=e.selectable()
+if(Array.from(t).indexOf(e.activeOption)>=t.length-2)return!0}return!1}),!e.settings.firstUrl)throw"virtual_scroll plugin requires a firstUrl() method"
+e.settings.sortField=[{field:"$order"},{field:"$score"}]
+const c=t=>!("number"==typeof e.settings.maxOptions&&n.children.length>=e.settings.maxOptions)&&!(!(t in r)||!r[t]),d=(t,s)=>e.items.indexOf(s)>=0||a.indexOf(s)>=0
+e.setNextUrl=(e,t)=>{r[e]=t},e.getUrl=t=>{if(t in r){const e=r[t]
+return r[t]=!1,e}return e.clearPagination(),e.settings.firstUrl.call(e,t)},e.clearPagination=()=>{r={}},e.hook("instead","clearActiveOption",(()=>{if(!l)return s.call(e)})),e.hook("instead","canLoad",(s=>s in r?c(s):t.call(e,s))),e.hook("instead","loadCallback",((t,s)=>{if(l){if(o){const s=t[0]
+void 0!==s&&(o.dataset.value=s[e.settings.valueField])}}else e.clearOptions(d)
+i.call(e,t,s),l=!1})),e.hook("after","refreshOptions",(()=>{const t=e.lastValue
+var s
+c(t)?(s=e.render("loading_more",{query:t}))&&(s.setAttribute("data-selectable",""),o=s):t in r&&!n.querySelector(".no-results")&&(s=e.render("no_more_results",{query:t})),s&&(J(s,e.settings.optionClass),n.append(s))})),e.on("initialize",(()=>{a=Object.keys(e.options),n=e.dropdown_content,e.settings.render=Object.assign({},{loading_more:()=>'<div class="loading-more-results">Loading more results ... </div>',no_more_results:()=>'<div class="no-more-results">No more results</div>'},e.settings.render),n.addEventListener("scroll",(()=>{e.settings.shouldLoadMore.call(e)&&c(e.lastValue)&&(l||(l=!0,e.load.call(e,e.lastValue)))}))}))})),ce}))
+var tomSelect=function(e,t){return new TomSelect(e,t)}
+//# sourceMappingURL=tom-select.complete.min.js.map
diff --git a/ci4app/public/assets/raven/vendor/js/world.js b/ci4app/public/assets/raven/vendor/js/world.js
new file mode 100644
index 0000000..0ea2234
--- /dev/null
+++ b/ci4app/public/assets/raven/vendor/js/world.js
@@ -0,0 +1 @@
+"use strict";jsVectorMap.addMap("world",{insets:[{width:900,top:0,left:0,height:440.70631074413296,bbox:[{y:-12671671.123330014,x:-20004297.151525836},{y:6930392.025135122,x:20026572.39474939}]}],paths:{BD:{path:"M651.84,230.21l-0.6,-2.0l-1.36,-1.71l-2.31,-0.11l-0.41,0.48l0.2,0.94l-0.53,0.99l-0.72,-0.36l-0.68,0.35l-1.2,-0.36l-0.37,-2.0l-0.81,-1.86l0.39,-1.46l-0.22,-0.47l-1.14,-0.53l0.29,-0.5l1.48,-0.94l0.03,-0.65l-1.55,-1.22l0.55,-1.14l1.61,0.94l1.04,0.15l0.18,1.54l0.34,0.35l5.64,0.63l-0.84,1.64l-1.22,0.34l-0.77,1.51l0.07,0.47l1.37,1.37l0.67,-0.19l0.42,-1.39l1.21,3.84l-0.03,1.21l-0.33,-0.15l-0.4,0.28Z",name:"Bangladesh"},BE:{path:"M429.29,144.05l1.91,0.24l2.1,-0.63l2.63,1.99l-0.21,1.66l-0.69,0.4l-0.18,1.2l-1.66,-1.13l-1.39,0.15l-2.73,-2.7l-1.17,-0.18l-0.16,-0.52l1.54,-0.5Z",name:"Belgium"},BF:{path:"M421.42,247.64l-0.11,0.95l0.34,1.16l1.4,1.71l0.07,1.1l0.32,0.37l2.55,0.51l-0.04,1.28l-0.38,0.53l-1.07,0.21l-0.72,1.18l-0.63,0.21l-3.22,-0.25l-0.94,0.39l-5.4,-0.05l-0.39,0.38l0.16,2.73l-1.23,-0.43l-1.17,0.1l-0.89,0.57l-2.27,-1.72l-0.13,-1.11l0.61,-0.96l0.02,-0.93l1.87,-1.98l0.44,-1.81l0.43,-0.39l1.28,0.26l1.05,-0.52l0.47,-0.73l1.84,-1.09l0.55,-0.83l2.2,-1.0l1.15,-0.3l0.72,0.45l1.13,-0.01Z",name:"Burkina Faso"},BG:{path:"M491.65,168.18l-0.86,0.88l-0.91,2.17l0.48,1.34l-1.6,-0.24l-2.55,0.95l-0.28,1.51l-1.8,0.22l-2.0,-1.0l-1.92,0.79l-1.42,-0.07l-0.15,-1.63l-1.05,-0.97l0.0,-0.8l1.2,-1.57l0.01,-0.56l-1.14,-1.23l-0.05,-0.94l0.88,0.97l0.88,-0.2l1.91,0.47l3.68,0.16l1.42,-0.81l2.72,-0.66l2.55,1.24Z",name:"Bulgaria"},BA:{path:"M463.49,163.65l2.1,0.5l1.72,-0.03l1.52,0.68l-0.36,0.78l0.08,0.45l1.04,1.02l-0.25,0.98l-1.81,1.15l-0.38,1.38l-1.67,-0.87l-0.89,-1.2l-2.11,-1.83l-1.63,-2.22l0.23,-0.57l0.48,0.38l0.55,-0.06l0.43,-0.51l0.94,-0.06Z",name:"Bosnia and Herz."},BN:{path:"M707.48,273.58l0.68,-0.65l1.41,-0.91l-0.15,1.63l-0.81,-0.05l-0.61,0.58l-0.53,-0.6Z",name:"Brunei"},BO:{path:"M263.83,340.69l-3.09,-0.23l-0.38,0.23l-0.7,1.52l-1.31,-1.53l-3.28,-0.64l-2.37,2.4l-1.31,0.26l-0.88,-3.26l-1.3,-2.86l0.74,-2.37l-0.13,-0.43l-1.2,-1.01l-0.37,-1.89l-1.08,-1.55l1.45,-2.56l-0.96,-2.33l0.47,-1.06l-0.34,-0.73l0.91,-1.32l0.16,-3.84l0.5,-1.18l-1.81,-3.41l2.46,0.07l0.8,-0.85l3.4,-1.91l2.66,-0.35l-0.19,1.38l0.3,1.07l-0.05,1.97l2.72,2.27l2.88,0.49l0.89,0.86l1.79,0.58l0.98,0.7l1.71,0.05l1.17,0.61l0.6,2.7l-0.7,0.54l0.96,2.99l0.37,0.28l4.3,0.1l-0.25,1.2l0.27,1.02l1.43,0.9l0.5,1.35l-0.41,1.86l-0.65,1.08l0.12,1.35l-2.69,-1.65l-2.4,-0.03l-4.36,0.76l-1.49,2.5l-0.11,1.52l-0.75,2.37Z",name:"Bolivia"},JP:{path:"M781.12,166.87l1.81,0.68l1.62,-0.97l0.39,2.42l-3.35,0.75l-2.23,2.88l-3.63,-1.9l-0.56,0.2l-1.26,3.05l-2.16,0.03l-0.29,-2.51l1.08,-2.03l2.45,-0.16l0.37,-0.33l1.25,-5.94l2.47,2.71l2.03,1.12ZM773.56,187.34l-0.91,2.22l0.37,1.52l-1.14,1.75l-3.02,1.26l-4.58,0.27l-3.34,3.01l-1.25,-0.8l-0.09,-1.9l-0.46,-0.38l-4.35,0.62l-3.0,1.32l-2.85,0.05l-0.37,0.27l0.13,0.44l2.32,1.89l-1.54,4.34l-1.26,0.9l-0.79,-0.7l0.56,-2.27l-0.21,-0.45l-1.47,-0.75l-0.74,-1.4l2.12,-0.84l1.26,-1.7l2.45,-1.42l1.83,-1.91l4.78,-0.81l2.6,0.57l0.44,-0.21l2.39,-4.66l1.29,1.06l0.5,0.01l5.1,-4.02l1.69,-3.73l-0.38,-3.4l0.9,-1.61l2.14,-0.44l1.23,3.72l-0.07,2.18l-2.23,2.84l-0.04,3.16ZM757.78,196.26l0.19,0.56l-1.01,1.21l-1.16,-0.68l-1.28,0.65l-0.69,1.45l-1.02,-0.5l0.01,-0.93l1.14,-1.38l1.57,0.14l0.85,-0.98l1.4,0.46Z",name:"Japan"},BI:{path:"M495.45,295.49l-1.08,-2.99l1.14,-0.11l0.64,-1.19l0.76,0.09l0.65,1.83l-2.1,2.36Z",name:"Burundi"},BJ:{path:"M429.57,255.75l-0.05,0.8l0.5,1.34l-0.42,0.86l0.17,0.79l-1.81,2.12l-0.57,1.76l-0.08,5.42l-1.41,0.2l-0.48,-1.36l0.11,-5.71l-0.52,-0.7l-0.2,-1.35l-1.48,-1.48l0.21,-0.9l0.89,-0.43l0.42,-0.92l1.27,-0.36l1.22,-1.34l0.61,-0.0l1.62,1.24Z",name:"Benin"},BT:{path:"M650.32,213.86l0.84,0.71l-0.12,1.1l-3.76,-0.11l-1.57,0.4l-1.93,-0.87l1.48,-1.96l1.13,-0.57l1.63,0.57l1.33,0.08l0.99,0.65Z",name:"Bhutan"},JM:{path:"M228.38,239.28l-0.8,0.4l-2.26,-1.06l0.84,-0.23l2.14,0.3l1.17,0.56l-1.08,0.03Z",name:"Jamaica"},BW:{path:"M483.92,330.07l2.27,4.01l2.83,2.86l0.96,0.31l0.78,2.43l2.13,0.61l1.02,0.76l-3.0,1.64l-2.32,2.02l-1.54,2.69l-1.52,0.45l-0.64,1.94l-1.34,0.52l-1.85,-0.12l-1.21,-0.74l-1.35,-0.3l-1.22,0.62l-0.75,1.37l-2.31,1.9l-1.4,0.21l-0.35,-0.59l0.16,-1.75l-1.48,-2.54l-0.62,-0.43l-0.0,-7.1l2.08,-0.08l0.39,-0.4l0.07,-8.9l5.19,-0.93l0.8,0.89l0.51,0.07l1.5,-0.95l2.21,-0.49Z",name:"Botswana"},BR:{path:"M259.98,275.05l3.24,0.7l0.65,-0.53l4.55,-1.32l1.08,-1.06l-0.02,-0.63l0.55,-0.05l0.28,0.28l-0.26,0.87l0.22,0.48l0.73,0.32l0.4,0.81l-0.62,0.86l-0.4,2.13l0.82,2.56l1.69,1.43l1.43,0.2l3.17,-1.68l3.18,0.3l0.65,-0.75l-0.27,-0.92l1.9,-0.09l2.39,0.99l1.06,-0.61l0.84,0.78l1.2,-0.18l1.18,-1.06l0.84,-1.94l1.36,-2.11l0.37,-0.05l1.89,5.45l1.33,0.59l0.05,1.28l-1.77,1.94l0.02,0.56l1.02,0.87l4.07,0.36l0.08,2.16l0.66,0.29l1.74,-1.5l6.97,2.32l1.02,1.22l-0.35,1.18l0.49,0.5l2.81,-0.74l4.77,1.3l3.75,-0.08l3.57,2.0l3.29,2.86l1.93,0.72l2.12,0.12l0.71,0.62l1.21,4.51l-0.95,3.98l-4.72,5.06l-1.64,2.92l-1.72,2.05l-0.8,0.3l-0.72,2.03l0.18,4.75l-0.94,5.53l-0.81,1.13l-0.43,3.36l-2.55,3.5l-0.4,2.51l-1.86,1.04l-0.67,1.53l-2.54,0.01l-3.94,1.01l-1.83,1.2l-2.87,0.82l-3.03,2.19l-2.2,2.83l-0.36,2.0l0.4,1.58l-0.44,2.6l-0.51,1.2l-1.77,1.54l-2.75,4.78l-3.83,3.42l-1.24,2.74l-1.18,1.15l-0.36,-0.83l0.95,-1.14l0.01,-0.5l-1.52,-1.97l-4.56,-3.32l-1.03,-0.0l-2.38,-2.02l-0.81,-0.0l5.34,-5.45l3.77,-2.58l0.22,-2.46l-1.35,-1.81l-0.91,0.07l0.58,-2.33l0.01,-1.54l-1.11,-0.83l-1.75,0.3l-0.44,-3.11l-0.52,-0.95l-1.88,-0.88l-1.24,0.47l-2.17,-0.41l0.15,-3.21l-0.62,-1.34l0.66,-0.73l-0.22,-1.34l0.66,-1.13l0.44,-2.04l-0.61,-1.83l-1.4,-0.86l-0.2,-0.75l0.34,-1.39l-0.38,-0.5l-4.52,-0.1l-0.72,-2.22l0.59,-0.42l-0.03,-1.1l-0.5,-0.87l-0.32,-1.7l-1.45,-0.76l-1.63,-0.02l-1.05,-0.72l-1.6,-0.48l-1.13,-0.99l-2.69,-0.4l-2.47,-2.06l0.13,-4.35l-0.45,-0.45l-3.46,0.5l-3.44,1.94l-0.6,0.74l-2.9,-0.17l-1.47,0.42l-0.72,-0.18l0.15,-3.52l-0.63,-0.34l-1.94,1.41l-1.87,-0.06l-0.83,-1.18l-1.37,-0.26l0.21,-1.01l-1.35,-1.49l-0.88,-1.91l0.56,-0.6l-0.0,-0.81l1.29,-0.62l0.22,-0.43l-0.22,-1.19l0.61,-0.91l0.15,-0.99l2.65,-1.58l1.99,-0.47l0.42,-0.36l2.06,0.11l0.42,-0.33l1.19,-8.0l-0.41,-1.56l-1.1,-1.0l0.01,-1.33l1.91,-0.42l0.08,-0.96l-0.33,-0.43l-1.14,-0.2l-0.02,-0.83l4.47,0.05l0.82,-0.67l0.82,1.81l0.8,0.07l1.15,1.1l2.26,-0.05l0.71,-0.83l2.78,-0.96l0.48,-1.13l1.6,-0.64l0.24,-0.47l-0.48,-0.82l-1.83,-0.19l-0.36,-3.22Z",name:"Brazil"},BS:{path:"M226.4,223.87l-0.48,-1.15l-0.84,-0.75l0.36,-1.11l0.95,1.95l0.01,1.06ZM225.56,216.43l-1.87,0.29l-0.04,-0.22l0.74,-0.14l1.17,0.06Z",name:"Bahamas"},BY:{path:"M493.84,128.32l0.29,0.7l0.49,0.23l1.19,-0.38l2.09,0.72l0.19,1.26l-0.45,1.24l1.57,2.26l0.89,0.59l0.17,0.81l1.58,0.56l0.4,0.5l-0.53,0.41l-1.87,-0.11l-0.73,0.38l-0.13,0.52l1.04,2.74l-1.91,0.26l-0.89,0.99l-0.11,1.18l-2.73,-0.04l-0.53,-0.62l-0.52,-0.08l-0.75,0.46l-0.91,-0.42l-1.92,-0.07l-2.75,-0.79l-2.6,-0.28l-2.0,0.07l-1.5,0.92l-0.67,0.07l-0.08,-1.22l-0.59,-1.19l1.36,-0.88l0.01,-1.35l-0.7,-1.41l-0.07,-1.0l2.16,-0.02l2.72,-1.3l0.75,-2.04l1.91,-1.04l0.2,-0.41l-0.19,-1.25l3.8,-1.78l2.3,0.77Z",name:"Belarus"},BZ:{path:"M198.03,244.38l0.1,-4.49l0.69,-0.06l0.74,-1.3l0.34,0.28l-0.4,1.3l0.17,0.58l-0.34,2.25l-1.3,1.42Z",name:"Belize"},RU:{path:"M491.55,115.25l2.55,-1.85l-0.01,-0.65l-2.2,-1.5l7.32,-6.76l1.03,-2.11l-0.13,-0.49l-3.46,-2.52l0.86,-2.7l-2.11,-2.81l1.56,-3.67l-2.77,-4.52l2.15,-2.99l-0.08,-0.55l-3.65,-2.73l0.3,-2.54l1.81,-0.37l4.26,-1.77l2.42,-1.45l4.06,2.61l6.79,1.04l9.34,4.85l1.78,1.88l0.14,2.46l-2.55,2.02l-3.9,1.06l-11.07,-3.14l-2.06,0.53l-0.13,0.7l3.94,2.94l0.31,5.86l0.26,0.36l5.14,2.24l0.58,-0.29l0.32,-1.94l-1.35,-1.78l1.13,-1.09l6.13,2.42l2.11,-0.98l0.18,-0.56l-1.51,-2.67l5.41,-3.76l2.07,0.22l2.26,1.41l0.57,-0.16l1.46,-2.87l-0.05,-0.44l-1.92,-2.32l1.12,-2.32l-1.32,-2.27l5.87,1.16l1.04,1.75l-2.59,0.43l-0.33,0.4l0.02,2.36l2.46,1.83l3.87,-0.91l0.86,-2.8l13.69,-5.65l0.99,0.11l-1.92,2.06l0.23,0.67l3.11,0.45l2.0,-1.48l4.56,-0.12l3.64,-1.73l2.65,2.44l0.56,-0.01l2.85,-2.88l-0.01,-0.57l-2.35,-2.29l0.9,-1.01l7.14,1.3l3.41,1.36l9.05,4.97l0.51,-0.11l1.67,-2.27l-0.05,-0.53l-2.43,-2.21l-0.06,-0.78l-0.34,-0.36l-2.52,-0.36l0.64,-1.93l-1.32,-3.46l-0.06,-1.21l4.48,-4.06l1.69,-4.29l1.6,-0.81l6.23,1.18l0.44,2.21l-2.29,3.64l0.06,0.5l1.47,1.39l0.76,3.0l-0.56,6.03l2.69,2.82l-0.96,2.57l-4.86,5.95l0.23,0.64l2.86,0.61l0.42,-0.17l0.93,-1.4l2.64,-1.03l0.87,-2.24l2.09,-1.96l0.07,-0.5l-1.36,-2.28l1.09,-2.69l-0.32,-0.55l-2.47,-0.33l-0.5,-2.06l1.94,-4.38l-0.06,-0.42l-2.96,-3.4l4.12,-2.88l0.16,-0.4l-0.51,-2.93l0.54,-0.05l1.13,2.25l-0.96,4.35l0.27,0.47l2.68,0.84l0.5,-0.51l-1.02,-2.99l3.79,-1.66l5.01,-0.24l4.53,2.61l0.48,-0.06l0.07,-0.48l-2.18,-3.82l-0.23,-4.67l3.98,-0.9l5.97,0.21l5.49,-0.64l0.27,-0.65l-1.83,-2.31l2.56,-2.9l2.87,-0.17l4.8,-2.47l6.54,-0.67l1.03,-1.42l6.25,-0.45l2.32,1.11l5.53,-2.7l4.5,0.08l0.39,-0.28l0.66,-2.15l2.26,-2.12l5.69,-2.11l3.21,1.29l-2.46,0.94l-0.25,0.42l0.34,0.35l5.41,0.77l0.61,2.33l0.58,0.25l2.2,-1.22l7.13,0.07l5.51,2.47l1.79,1.72l-0.53,2.24l-9.16,4.15l-1.97,1.52l0.16,0.71l6.77,1.91l2.16,-0.78l1.13,2.74l0.67,0.11l1.01,-1.15l3.81,-0.73l7.7,0.77l0.54,1.99l0.36,0.29l10.47,0.71l0.43,-0.38l0.13,-3.23l4.87,0.78l3.95,-0.02l3.83,2.4l1.03,2.71l-1.35,1.79l0.02,0.5l3.15,3.64l4.07,1.96l0.53,-0.18l2.23,-4.47l3.95,1.93l4.16,-1.21l4.73,1.39l2.05,-1.26l3.94,0.62l0.43,-0.55l-1.68,-4.02l2.89,-1.8l22.31,3.03l2.16,2.75l6.55,3.51l10.29,-0.81l4.82,0.73l1.85,1.66l-0.29,3.08l0.25,0.41l3.08,1.26l3.56,-0.88l4.35,-0.11l4.8,0.87l4.57,-0.47l4.23,3.79l0.43,0.07l3.1,-1.4l0.16,-0.6l-1.88,-2.62l0.85,-1.52l7.71,1.21l5.22,-0.26l7.09,2.09l9.59,5.22l6.35,4.11l-0.2,2.38l1.88,1.41l0.6,-0.42l-0.48,-2.53l6.15,0.57l4.4,3.51l-1.97,1.43l-4.0,0.41l-0.36,0.39l-0.06,3.79l-0.74,0.62l-2.07,-0.11l-1.91,-1.39l-3.14,-1.11l-0.78,-1.85l-2.72,-0.68l-2.63,0.49l-1.04,-1.1l0.46,-1.31l-0.5,-0.51l-3.0,0.98l-0.22,0.58l0.99,1.7l-1.21,1.48l-3.04,1.68l-3.12,-0.28l-0.4,0.23l0.09,0.46l2.2,2.09l1.46,3.2l1.15,1.1l0.24,1.33l-0.42,0.67l-4.63,-0.77l-6.96,2.9l-2.19,0.44l-7.6,5.06l-0.84,1.45l-3.61,-2.37l-6.24,2.82l-0.94,-1.15l-0.53,-0.08l-2.28,1.52l-3.2,-0.49l-0.44,0.27l-0.78,2.37l-3.05,3.78l0.09,1.47l0.29,0.36l2.54,0.72l-0.29,4.53l-1.97,0.11l-0.35,0.26l-1.07,2.94l0.8,1.45l-3.91,1.58l-1.05,3.95l-3.48,0.77l-0.3,0.3l-0.72,3.29l-3.09,2.65l-0.7,-1.74l-2.44,-12.44l1.16,-4.71l2.04,-2.06l0.22,-1.64l3.8,-0.86l4.46,-4.61l4.28,-3.81l4.48,-3.01l2.17,-5.63l-0.42,-0.54l-3.04,0.33l-1.77,3.31l-5.86,3.86l-1.86,-4.25l-0.45,-0.23l-6.46,1.3l-6.47,6.44l-0.01,0.55l1.58,1.74l-8.24,1.17l0.15,-2.2l-0.34,-0.42l-3.89,-0.56l-3.25,1.81l-7.62,-0.62l-8.45,1.19l-17.71,15.41l0.22,0.7l3.74,0.41l1.36,2.17l2.43,0.76l1.88,-1.68l2.4,0.2l3.4,3.54l0.08,2.6l-1.95,3.42l-0.21,3.9l-1.1,5.06l-3.71,4.54l-0.87,2.21l-8.29,8.89l-3.19,1.7l-1.32,0.03l-1.45,-1.36l-0.49,-0.04l-2.27,1.5l0.41,-3.65l-0.59,-2.47l1.75,-0.89l2.91,0.53l0.42,-0.2l1.68,-3.03l0.87,-3.46l0.97,-1.18l1.32,-2.88l-0.45,-0.56l-4.14,0.95l-2.19,1.25l-3.41,-0.0l-1.06,-2.93l-2.97,-2.3l-4.28,-1.06l-1.75,-5.07l-2.66,-5.01l-2.29,-1.29l-3.75,-1.01l-3.44,0.08l-3.18,0.62l-2.24,1.77l0.05,0.66l1.18,0.69l0.02,1.43l-1.33,1.05l-2.26,3.51l-0.04,1.43l-3.16,1.84l-2.82,-1.16l-3.01,0.23l-1.35,-1.07l-1.5,-0.35l-3.9,2.31l-3.22,0.52l-2.27,0.79l-3.05,-0.51l-2.21,0.03l-1.48,-1.6l-2.6,-1.63l-2.63,-0.43l-5.46,1.01l-3.23,-1.25l-0.72,-2.57l-5.2,-1.24l-2.75,-1.36l-0.5,0.12l-2.59,3.45l0.84,2.1l-2.06,1.93l-3.41,-0.77l-2.42,-0.12l-1.83,-1.54l-2.53,-0.05l-2.42,-0.98l-3.86,1.57l-4.72,2.78l-3.3,0.75l-1.55,-1.92l-3.0,0.41l-1.11,-1.33l-1.62,-0.59l-1.31,-1.94l-1.38,-0.6l-3.7,0.79l-3.31,-1.83l-0.51,0.11l-0.99,1.29l-5.29,-8.05l-2.96,-2.48l0.65,-0.77l0.01,-0.51l-0.5,-0.11l-6.2,3.21l-1.84,0.15l0.15,-1.39l-0.26,-0.42l-3.22,-1.17l-2.46,0.7l-0.69,-3.16l-0.32,-0.31l-4.5,-0.75l-2.47,1.47l-6.19,1.27l-1.29,0.86l-9.51,1.3l-1.15,1.17l-0.03,0.53l1.47,1.9l-1.89,0.69l-0.22,0.56l0.31,0.6l-2.11,1.44l0.03,0.68l3.75,2.12l-0.39,0.98l-3.23,-0.13l-0.86,0.86l-3.09,-1.59l-3.97,0.07l-2.66,1.35l-8.32,-3.56l-4.07,0.06l-5.39,3.68l-0.39,2.0l-2.03,-1.5l-0.59,0.13l-2.0,3.59l0.57,0.93l-1.28,2.16l0.06,0.48l2.13,2.17l1.95,0.04l1.37,1.82l-0.23,1.46l0.25,0.43l0.83,0.33l-0.8,1.31l-2.49,0.62l-2.49,3.2l0.0,0.49l2.17,2.78l-0.15,2.18l2.5,3.24l-1.58,1.59l-0.7,-0.13l-1.63,-1.72l-2.29,-0.84l-0.94,-1.31l-2.34,-0.63l-1.48,0.4l-0.43,-0.47l-3.51,-1.48l-5.76,-1.01l-0.45,0.19l-2.89,-2.34l-2.9,-1.2l-1.53,-1.29l1.29,-0.43l2.08,-2.61l-0.05,-0.55l-0.89,-0.79l3.05,-1.06l0.27,-0.42l-0.07,-0.69l-0.49,-0.35l-1.73,0.39l0.04,-0.68l1.04,-0.72l2.66,-0.48l0.4,-1.32l-0.5,-1.6l0.92,-1.54l0.03,-1.17l-0.29,-0.37l-3.69,-1.06l-1.41,0.02l-1.42,-1.41l-2.19,0.38l-2.77,-1.01l-0.03,-0.59l-0.89,-1.43l-2.0,-0.32l-0.11,-0.54l0.49,-0.53l0.01,-0.53l-1.6,-1.9l-3.58,0.02l-0.88,0.73l-0.46,-0.07l-1.0,-2.79l2.22,-0.02l0.97,-0.74l0.07,-0.57l-0.9,-1.04l-1.35,-0.48l-0.11,-0.7l-0.95,-0.58l-1.38,-1.99l0.46,-0.98l-0.51,-1.96l-2.45,-0.84l-1.21,0.3l-0.46,-0.76l-2.46,-0.83l-0.72,-1.87l-0.21,-1.69l-0.99,-0.85l0.85,-1.17l-0.7,-3.21l1.66,-1.97l-0.16,-0.79ZM749.2,170.72l-0.6,0.4l-0.13,0.16l-0.01,-0.51l0.74,-0.05ZM874.85,67.94l-5.63,0.48l-0.26,-0.84l3.15,-1.89l1.94,0.01l3.19,1.16l-2.39,1.09ZM797.39,48.49l-2.0,1.36l-3.8,-0.42l-4.25,-1.8l0.35,-0.97l9.69,1.83ZM783.67,46.12l-1.63,3.09l-8.98,-0.13l-4.09,1.14l-4.54,-2.97l1.16,-3.01l3.05,-0.89l6.5,0.22l8.54,2.56ZM778.2,134.98l-0.56,-0.9l0.27,-0.12l0.29,1.01ZM778.34,135.48l0.94,3.53l-0.05,3.38l1.05,3.39l2.18,5.0l-2.89,-0.83l-0.49,0.26l-1.54,4.65l2.42,3.5l-0.04,1.13l-1.24,-1.24l-0.61,0.06l-1.09,1.61l-0.28,-1.61l0.27,-3.1l-0.28,-3.4l0.58,-2.47l0.11,-4.39l-1.46,-3.36l0.21,-4.32l2.15,-1.46l0.07,-0.34ZM771.95,56.61l1.76,-1.42l2.89,-0.42l3.28,1.71l0.14,0.6l-3.27,0.03l-4.81,-0.5ZM683.76,31.09l-13.01,1.93l4.03,-6.35l1.82,-0.56l1.73,0.34l5.99,2.98l-0.56,1.66ZM670.85,27.93l-5.08,0.64l-6.86,-1.57l-3.99,-2.05l-2.1,-4.16l-2.6,-0.87l5.72,-3.5l5.2,-1.28l4.69,2.85l5.59,5.4l-0.56,4.53ZM564.15,68.94l-0.64,0.17l-7.85,-0.57l-0.86,-2.04l-4.28,-1.17l-0.28,-1.94l2.27,-0.89l0.25,-0.39l-0.08,-2.38l4.81,-3.97l-0.15,-0.7l-1.47,-0.38l5.3,-3.81l0.15,-0.44l-0.58,-1.94l5.28,-2.51l8.21,-3.27l8.28,-0.96l4.35,-1.94l4.6,-0.64l1.36,1.61l-1.34,1.28l-16.43,4.94l-7.97,4.88l-7.74,9.63l0.66,4.14l4.16,3.27ZM548.81,18.48l-5.5,1.18l-0.58,1.02l-2.59,0.84l-2.13,-1.07l1.12,-1.42l-0.3,-0.65l-2.33,-0.07l1.68,-0.36l3.47,-0.06l0.42,1.29l0.66,0.16l1.38,-1.34l2.15,-0.88l2.94,1.01l-0.39,0.36ZM477.37,133.15l-4.08,0.05l-2.56,-0.32l0.33,-0.87l3.17,-1.03l3.24,0.96l-0.09,1.23Z",name:"Russia"},RW:{path:"M497.0,288.25l0.71,1.01l-0.11,1.09l-1.63,0.03l-1.04,1.39l-0.83,-0.11l0.51,-1.2l0.08,-1.34l0.42,-0.41l0.7,0.14l1.19,-0.61Z",name:"Rwanda"},RS:{path:"M469.4,163.99l0.42,-0.5l-0.01,-0.52l-1.15,-1.63l1.43,-0.62l1.33,0.12l1.17,1.06l0.46,1.13l1.34,0.64l0.35,1.35l1.46,0.9l0.76,-0.29l0.2,0.69l-0.48,0.78l0.22,1.12l1.05,1.22l-0.77,0.8l-0.37,1.52l-1.21,0.08l0.24,-0.64l-0.39,-0.54l-2.08,-1.64l-0.9,0.05l-0.48,0.94l-2.12,-1.37l0.53,-1.6l-1.11,-1.37l0.51,-1.1l-0.41,-0.57Z",name:"Serbia"},LT:{path:"M486.93,129.3l0.17,1.12l-1.81,0.98l-0.72,2.02l-2.47,1.18l-2.1,-0.02l-0.73,-1.05l-1.06,-0.3l-0.09,-1.87l-3.56,-1.13l-0.43,-2.36l2.48,-0.94l4.12,0.22l2.25,-0.31l0.52,0.69l1.24,0.21l2.19,1.56Z",name:"Lithuania"},LU:{path:"M436.08,149.45l-0.48,-0.07l0.3,-1.28l0.27,0.4l-0.09,0.96Z",name:"Luxembourg"},LR:{path:"M399.36,265.97l0.18,1.54l-0.48,0.99l0.08,0.47l2.47,1.8l-0.33,2.8l-2.65,-1.13l-5.78,-4.61l0.58,-1.32l2.1,-2.33l0.86,-0.22l0.77,1.14l-0.14,0.85l0.59,0.87l1.0,0.14l0.76,-0.99Z",name:"Liberia"},RO:{path:"M487.53,154.23l0.6,0.24l2.87,3.98l-0.17,2.69l0.45,1.42l1.32,0.81l1.35,-0.42l0.76,0.36l0.02,0.31l-0.83,0.45l-0.59,-0.22l-0.54,0.3l-0.62,3.3l-1.0,-0.22l-2.07,-1.13l-2.95,0.71l-1.25,0.76l-3.51,-0.15l-1.89,-0.47l-0.87,0.16l-0.82,-1.3l0.29,-0.26l-0.06,-0.64l-1.09,-0.34l-0.56,0.5l-1.05,-0.64l-0.39,-1.39l-1.36,-0.65l-0.35,-1.0l-0.83,-0.75l1.54,-0.54l2.66,-4.21l2.4,-1.24l2.96,0.34l1.48,0.73l0.79,-0.45l1.78,-0.3l0.75,-0.74l0.79,0.0Z",name:"Romania"},GW:{path:"M386.23,253.6l-0.29,0.84l0.15,0.6l-2.21,0.59l-0.86,0.96l-1.04,-0.83l-1.09,-0.23l-0.54,-1.06l-0.66,-0.49l2.41,-0.48l4.13,0.1Z",name:"Guinea-Bissau"},GT:{path:"M195.08,249.77l-2.48,-0.37l-1.03,-0.45l-1.14,-0.89l0.3,-0.99l-0.24,-0.68l0.96,-1.66l2.98,-0.01l0.4,-0.37l-0.19,-1.28l-1.67,-1.4l0.51,-0.4l0.0,-1.05l3.85,0.02l-0.21,4.53l0.4,0.43l1.46,0.38l-1.48,0.98l-0.35,0.7l0.12,0.57l-2.2,1.96Z",name:"Guatemala"},GR:{path:"M487.07,174.59l-0.59,1.43l-0.37,0.21l-2.84,-0.35l-3.03,0.77l-0.18,0.68l1.28,1.23l-0.61,0.23l-1.14,0.0l-1.2,-1.39l-0.63,0.03l-0.53,1.01l0.56,1.76l1.03,1.19l-0.56,0.38l-0.05,0.62l2.52,2.12l0.02,0.87l-1.78,-0.59l-0.48,0.56l0.5,1.0l-1.07,0.2l-0.3,0.53l0.75,2.01l-0.98,0.02l-1.84,-1.12l-1.37,-4.2l-2.21,-2.95l-0.11,-0.56l1.04,-1.28l0.2,-0.95l0.85,-0.66l0.03,-0.46l1.32,-0.21l1.01,-0.64l1.22,0.05l0.65,-0.56l2.26,-0.0l1.82,-0.75l1.85,1.0l2.28,-0.28l0.35,-0.39l0.01,-0.77l0.34,0.22ZM480.49,192.16l0.58,0.4l-0.68,-0.12l0.11,-0.28ZM482.52,192.82l2.51,0.06l0.24,0.32l-1.99,0.13l-0.77,-0.51Z",name:"Greece"},GQ:{path:"M448.79,279.62l0.02,2.22l-4.09,0.0l0.69,-2.27l3.38,0.05Z",name:"Eq. Guinea"},GY:{path:"M277.42,270.07l-0.32,1.83l-1.32,0.57l-0.23,0.46l-0.28,2.0l1.11,1.82l0.83,0.19l0.32,1.25l1.13,1.62l-1.21,-0.19l-1.08,0.71l-1.77,0.5l-0.44,0.46l-0.86,-0.09l-1.32,-1.01l-0.77,-2.27l0.36,-1.9l0.68,-1.23l-0.57,-1.17l-0.74,-0.43l0.12,-1.16l-0.9,-0.69l-1.1,0.09l-1.31,-1.48l0.53,-0.72l-0.04,-0.84l1.99,-0.86l0.05,-0.59l-0.71,-0.78l0.14,-0.57l1.66,-1.24l1.36,0.77l1.41,1.49l0.06,1.15l0.37,0.38l0.8,0.05l2.06,1.86Z",name:"Guyana"},GE:{path:"M521.71,168.93l5.29,0.89l4.07,2.01l1.41,-0.44l2.07,0.56l0.68,1.1l1.07,0.55l-0.12,0.59l0.98,1.29l-1.01,-0.13l-1.81,-0.83l-0.94,0.47l-3.23,0.43l-2.29,-1.39l-2.33,0.05l0.21,-0.97l-0.76,-2.26l-1.45,-1.12l-1.43,-0.39l-0.41,-0.42Z",name:"Georgia"},GB:{path:"M412.61,118.72l-2.19,3.22l-0.0,0.45l5.13,-0.3l-0.53,2.37l-2.2,3.12l0.29,0.63l2.37,0.21l2.33,4.3l1.76,0.69l2.2,5.12l2.94,0.77l-0.23,1.62l-1.15,0.88l-0.1,0.52l0.82,1.42l-1.86,1.43l-3.3,-0.02l-4.12,0.87l-1.04,-0.58l-0.47,0.06l-1.51,1.41l-2.12,-0.34l-1.86,1.18l-0.6,-0.29l3.19,-3.0l2.16,-0.69l0.28,-0.41l-0.34,-0.36l-3.73,-0.53l-0.4,-0.76l2.2,-0.87l0.17,-0.61l-1.26,-1.67l0.36,-1.7l3.38,0.28l0.43,-0.33l0.37,-1.99l-1.79,-2.49l-3.11,-0.72l-0.38,-0.59l0.79,-1.35l-0.04,-0.46l-0.82,-0.97l-0.61,0.01l-0.68,0.84l-0.1,-2.34l-1.23,-1.88l0.85,-3.47l1.77,-2.68l1.85,0.26l2.17,-0.22ZM406.26,132.86l-1.01,1.77l-1.57,-0.59l-1.16,0.01l0.37,-1.54l-0.39,-1.39l1.45,-0.1l2.3,1.84Z",name:"United Kingdom"},GA:{path:"M453.24,279.52l-0.08,0.98l0.7,1.29l2.36,0.24l-0.98,2.63l1.18,1.79l0.25,1.78l-0.29,1.52l-0.6,0.93l-1.84,-0.09l-1.23,-1.11l-0.66,0.23l-0.15,0.84l-1.42,0.26l-1.02,0.7l-0.11,0.52l0.77,1.35l-1.34,0.97l-3.94,-4.3l-1.44,-2.45l0.06,-0.6l0.54,-0.81l1.05,-3.46l4.17,-0.07l0.4,-0.4l-0.02,-2.66l2.39,0.21l1.25,-0.27Z",name:"Gabon"},GN:{path:"M391.8,254.11l0.47,0.8l1.11,-0.32l0.98,0.7l1.07,0.2l2.26,-1.22l0.64,0.44l1.13,1.56l-0.48,1.4l0.8,0.3l-0.08,0.48l0.46,0.68l-0.35,1.36l1.05,2.61l-1.0,0.69l0.03,1.41l-0.72,-0.06l-1.08,1.0l-0.24,-0.27l0.07,-1.11l-1.05,-1.54l-1.79,0.21l-0.35,-2.01l-1.6,-2.18l-2.0,-0.0l-1.31,0.54l-1.95,2.18l-1.86,-2.19l-1.2,-0.78l-0.3,-1.11l-0.8,-0.85l0.65,-0.72l0.81,-0.03l1.64,-0.8l0.23,-1.87l2.67,0.64l0.89,-0.3l1.21,0.15Z",name:"Guinea"},GM:{path:"M379.31,251.39l0.1,-0.35l2.43,-0.07l0.74,-0.61l0.51,-0.03l0.77,0.49l-1.03,-0.3l-1.87,0.9l-1.65,-0.04ZM384.03,250.91l0.91,0.05l0.75,-0.24l-0.59,0.31l-1.08,-0.13Z",name:"Gambia"},GL:{path:"M353.02,1.2l14.69,4.67l-3.68,1.89l-22.97,0.86l-0.36,0.27l0.12,0.43l1.55,1.18l8.79,-0.66l7.48,2.07l4.86,-1.77l1.66,1.73l-2.53,3.19l-0.01,0.48l0.46,0.15l6.35,-2.2l12.06,-2.31l7.24,1.13l1.09,1.99l-9.79,4.01l-1.44,1.32l-7.87,0.98l-0.35,0.41l0.38,0.38l5.07,0.24l-2.53,3.58l-2.07,3.81l0.08,6.05l2.57,3.11l-3.22,0.2l-4.12,1.66l-0.05,0.72l4.45,2.65l0.51,3.75l-2.3,0.4l-0.25,0.64l2.79,3.69l-4.82,0.31l-0.36,0.29l0.16,0.44l2.62,1.8l-0.59,1.22l-3.3,0.7l-3.45,0.01l-0.29,0.68l3.03,3.12l0.02,1.34l-4.4,-1.73l-1.72,1.35l0.15,0.66l3.31,1.15l3.13,2.71l0.81,3.16l-3.85,0.75l-4.89,-4.26l-0.47,-0.03l-0.17,0.44l0.79,2.86l-2.71,2.21l-0.13,0.44l0.37,0.27l8.73,0.34l-12.32,6.64l-7.24,1.48l-2.94,0.08l-2.69,1.75l-3.43,4.41l-5.24,2.84l-1.73,0.18l-7.12,2.1l-2.15,2.52l-0.13,2.99l-1.19,2.45l-4.01,3.09l-0.14,0.44l0.97,2.9l-2.28,6.48l-3.1,0.2l-3.83,-3.07l-4.86,-0.02l-2.25,-1.93l-1.7,-3.79l-4.3,-4.84l-1.21,-2.49l-0.44,-3.8l-3.32,-3.63l0.84,-2.86l-1.56,-1.7l2.28,-4.6l3.83,-1.74l1.03,-1.96l0.52,-3.47l-0.59,-0.41l-4.17,2.21l-2.07,0.58l-2.72,-1.28l-0.15,-2.71l0.85,-2.09l2.01,-0.06l5.06,1.2l0.46,-0.23l-0.14,-0.49l-6.54,-4.47l-2.67,0.55l-1.58,-0.86l2.56,-4.01l-0.03,-0.48l-1.5,-1.74l-4.98,-8.5l-3.13,-1.96l0.03,-1.88l-0.24,-0.37l-6.85,-3.02l-5.36,-0.38l-12.7,0.58l-2.78,-1.57l-3.66,-2.77l5.73,-1.45l5.0,-0.28l0.38,-0.38l-0.35,-0.41l-10.67,-1.38l-5.3,-2.06l0.25,-1.54l18.41,-5.26l1.22,-2.27l-0.25,-0.55l-6.14,-1.86l1.68,-1.77l8.55,-4.03l3.59,-0.63l0.3,-0.54l-0.88,-2.27l5.47,-1.47l7.65,-0.95l7.55,-0.05l3.04,1.85l6.48,-3.27l5.81,2.22l3.56,0.5l5.16,1.94l0.5,-0.21l-0.17,-0.52l-5.71,-3.13l0.28,-2.13l8.12,-3.6l8.7,0.28l3.35,-2.34l8.71,-0.6l19.93,0.8Z",name:"Greenland"},KW:{path:"M540.81,207.91l0.37,0.86l-0.17,0.76l0.6,1.53l-0.95,0.04l-0.82,-1.28l-1.57,-0.18l1.31,-1.88l1.22,0.17Z",name:"Kuwait"},GH:{path:"M420.53,257.51l-0.01,0.72l0.96,1.2l0.24,3.73l0.59,0.95l-0.51,2.1l0.19,1.41l1.02,2.21l-6.97,2.84l-1.8,-0.57l0.04,-0.89l-1.02,-2.04l0.61,-2.65l1.07,-2.32l-0.96,-6.47l5.01,0.07l0.94,-0.39l0.61,0.11Z",name:"Ghana"},OM:{path:"M568.09,230.93l-0.91,1.67l-1.22,0.04l-0.6,0.76l-0.41,1.51l0.27,1.58l-1.16,0.05l-1.56,0.97l-0.76,1.74l-1.62,0.05l-0.98,0.65l-0.17,1.15l-0.89,0.52l-1.49,-0.18l-2.4,0.94l-2.47,-5.4l7.35,-2.71l1.67,-5.23l-1.12,-2.09l0.05,-0.83l0.67,-1.0l0.07,-1.05l0.9,-0.42l-0.05,-2.07l0.7,-0.01l1.0,1.62l1.51,1.08l3.3,0.84l1.73,2.29l0.81,0.37l-1.23,2.35l-0.99,0.79Z",name:"Oman"},_2:{path:"M531.15,258.94l1.51,0.12l5.13,-0.95l5.3,-1.48l-0.01,4.4l-2.67,3.39l-1.85,0.01l-8.04,-2.94l-2.55,-3.17l1.12,-1.71l2.04,2.34Z",name:"Somaliland"},_1:{path:"M472.77,172.64l-1.08,-1.29l0.96,-0.77l0.29,-0.83l1.98,1.64l-0.36,0.67l-1.79,0.58Z",name:"Kosovo"},_0:{path:"M504.91,192.87l0.34,0.01l0.27,-0.07l-0.29,0.26l-0.31,-0.2Z",name:"N. Cyprus"},JO:{path:"M518.64,201.38l-5.14,1.56l-0.19,0.65l2.16,2.39l-0.89,1.14l-1.71,0.34l-1.71,1.8l-2.34,-0.37l1.21,-4.32l0.56,-4.07l2.8,0.94l4.46,-2.71l0.79,2.66Z",name:"Jordan"},HR:{path:"M455.59,162.84l1.09,0.07l-0.82,0.94l-0.27,-1.01ZM456.96,162.92l0.62,-0.41l1.73,0.45l0.42,-0.4l-0.01,-0.59l0.86,-0.52l0.2,-1.05l1.63,-0.68l2.57,1.68l2.07,0.6l0.87,-0.31l1.05,1.57l-0.52,0.63l-1.05,-0.56l-1.68,0.04l-2.1,-0.5l-1.29,0.06l-0.57,0.49l-0.59,-0.47l-0.62,0.16l-0.46,1.7l1.79,2.42l2.79,2.75l-1.18,-0.87l-2.21,-0.87l-1.67,-1.78l0.13,-0.63l-1.05,-1.19l-0.32,-1.27l-1.42,-0.43Z",name:"Croatia"},HT:{path:"M237.05,238.38l-1.16,0.43l-0.91,-0.55l0.05,-0.2l2.02,0.31ZM237.53,238.43l1.06,0.12l-0.05,0.01l-1.01,-0.12ZM239.25,238.45l0.79,-0.51l0.06,-0.62l-1.02,-1.0l0.02,-0.82l-0.3,-0.4l-0.93,-0.32l3.16,0.45l0.02,1.84l-0.48,0.34l-0.08,0.58l0.54,0.72l-1.78,-0.26Z",name:"Haiti"},HU:{path:"M462.08,157.89l0.65,-1.59l-0.09,-0.44l0.64,-0.0l0.39,-0.34l0.1,-0.69l1.75,0.87l2.32,-0.37l0.43,-0.66l3.49,-0.78l0.69,-0.78l0.57,-0.14l2.57,0.93l0.67,-0.23l1.03,0.65l0.08,0.37l-1.42,0.71l-2.59,4.14l-1.8,0.53l-1.68,-0.1l-2.74,1.23l-1.85,-0.54l-2.54,-1.66l-0.66,-1.1Z",name:"Hungary"},HN:{path:"M199.6,249.52l-1.7,-1.21l0.06,-0.94l3.04,-2.14l2.37,0.28l1.27,-0.09l1.1,-0.52l1.3,0.28l1.14,-0.25l1.38,0.37l2.23,1.37l-2.36,0.93l-1.23,-0.39l-0.88,1.3l-1.28,0.99l-0.98,-0.22l-0.42,0.52l-0.96,0.05l-0.36,0.41l0.04,0.88l-0.52,0.6l-0.3,0.04l-0.3,-0.55l-0.66,-0.31l0.11,-0.67l-0.48,-0.65l-0.87,-0.26l-0.73,0.2Z",name:"Honduras"},PR:{path:"M256.17,238.73l-0.26,0.27l-2.83,0.05l-0.07,-0.55l1.95,-0.1l1.22,0.33Z",name:"Puerto Rico"},PS:{path:"M509.21,203.07l0.1,-0.06l-0.02,0.03l-0.09,0.03ZM509.36,202.91l-0.02,-0.63l-0.33,-0.16l0.31,-1.09l0.24,0.1l-0.2,1.78Z",name:"Palestine"},PT:{path:"M401.84,187.38l-0.64,0.47l-1.13,-0.35l-0.91,0.17l0.28,-1.78l-0.24,-1.78l-1.25,-0.56l-0.45,-0.84l0.17,-1.66l1.01,-1.18l0.69,-2.92l-0.04,-1.39l-0.59,-1.9l1.3,-0.85l0.84,1.35l3.1,-0.3l0.46,0.99l-1.05,0.94l-0.03,2.16l-0.41,0.57l-0.08,1.1l-0.79,0.18l-0.26,0.59l0.91,1.6l-0.63,1.75l0.76,1.09l-1.1,1.52l0.07,1.05Z",name:"Portugal"},PY:{path:"M274.9,336.12l0.74,1.52l-0.16,3.45l0.32,0.41l2.64,0.5l1.11,-0.47l1.4,0.59l0.36,0.6l0.53,3.42l1.27,0.4l0.98,-0.38l0.51,0.27l-0.0,1.18l-1.21,5.32l-2.09,1.9l-1.8,0.4l-4.71,-0.98l2.2,-3.63l-0.32,-1.5l-2.78,-1.28l-3.03,-1.94l-2.07,-0.44l-4.34,-4.06l0.91,-2.9l0.08,-1.42l1.07,-2.04l4.13,-0.72l2.18,0.03l2.05,1.17l0.03,0.59Z",name:"Paraguay"},PA:{path:"M213.8,263.68l0.26,-1.52l-0.36,-0.26l-0.01,-0.49l0.44,-0.1l0.93,1.4l1.26,0.03l0.77,0.49l1.38,-0.23l2.51,-1.11l0.86,-0.72l3.45,0.85l1.4,1.18l0.41,1.74l-0.21,0.34l-0.53,-0.12l-0.47,0.29l-0.16,0.6l-0.68,-1.28l0.45,-0.49l-0.19,-0.66l-0.47,-0.13l-0.54,-0.84l-1.5,-0.75l-1.1,0.16l-0.75,0.99l-1.62,0.84l-0.18,0.96l0.85,0.97l-0.58,0.45l-0.69,0.08l-0.34,-1.18l-1.27,0.03l-0.71,-1.05l-2.59,-0.46Z",name:"Panama"},PG:{path:"M808.58,298.86l2.54,2.56l-0.13,0.26l-0.33,0.12l-0.87,-0.78l-1.22,-2.16ZM801.41,293.04l0.5,0.29l0.26,0.27l-0.49,-0.35l-0.27,-0.21ZM803.17,294.58l0.59,0.5l0.08,1.06l-0.29,-0.91l-0.38,-0.65ZM796.68,298.41l0.52,0.75l1.43,-0.19l2.27,-1.81l-0.01,-1.43l1.12,0.16l-0.04,1.1l-0.7,1.28l-1.12,0.18l-0.62,0.79l-2.46,1.11l-1.17,-0.0l-3.08,-1.25l3.41,0.0l0.45,-0.68ZM789.15,303.55l2.31,1.8l1.59,2.61l1.34,0.13l-0.06,0.66l0.31,0.43l1.06,0.24l0.06,0.65l2.25,1.05l-1.22,0.13l-0.72,-0.63l-4.56,-0.65l-3.22,-2.87l-1.49,-2.34l-3.27,-1.1l-2.38,0.72l-1.59,0.86l-0.2,0.42l0.27,1.55l-1.55,0.68l-1.36,-0.4l-2.21,-0.09l-0.08,-15.41l8.39,2.93l2.95,2.4l0.6,1.64l4.02,1.49l0.31,0.68l-1.76,0.21l-0.33,0.52l0.55,1.68Z",name:"Papua New Guinea"},PE:{path:"M244.96,295.21l-1.26,-0.07l-0.57,0.42l-1.93,0.45l-2.98,1.75l-0.36,1.36l-0.58,0.8l0.12,1.37l-1.24,0.59l-0.22,1.22l-0.62,0.84l1.04,2.27l1.28,1.44l-0.41,0.84l0.32,0.57l1.48,0.13l1.16,1.37l2.21,0.07l1.63,-1.08l-0.13,3.02l0.3,0.4l1.14,0.29l1.31,-0.34l1.9,3.59l-0.48,0.85l-0.17,3.85l-0.94,1.59l0.35,0.75l-0.47,1.07l0.98,1.97l-2.1,3.82l-0.98,0.5l-2.17,-1.28l-0.39,-1.16l-4.95,-2.58l-4.46,-2.79l-1.84,-1.51l-0.91,-1.84l0.3,-0.96l-2.11,-3.33l-4.82,-9.68l-1.04,-1.2l-0.87,-1.94l-3.4,-2.48l0.58,-1.18l-1.13,-2.23l0.66,-1.49l1.45,-1.15l-0.6,0.98l0.07,0.92l0.47,0.36l1.74,0.03l0.97,1.17l0.54,0.07l1.42,-1.03l0.6,-1.84l1.42,-2.02l3.04,-1.04l2.73,-2.62l0.86,-1.74l-0.1,-1.87l1.44,1.02l0.9,1.25l1.06,0.59l1.7,2.73l1.86,0.31l1.45,-0.61l0.96,0.39l1.36,-0.19l1.45,0.89l-1.4,2.21l0.31,0.61l0.59,0.05l0.47,0.5Z",name:"Peru"},PK:{path:"M615.09,192.34l-1.83,1.81l-2.6,0.39l-3.73,-0.68l-1.58,1.33l-0.09,0.42l1.77,4.39l1.7,1.23l-1.69,1.27l-0.12,2.14l-2.33,2.64l-1.6,2.8l-2.46,2.67l-3.03,-0.07l-2.76,2.83l0.05,0.6l1.5,1.11l0.26,1.9l1.44,1.5l0.37,1.68l-5.01,-0.01l-1.78,1.7l-1.42,-0.52l-0.76,-1.87l-2.27,-2.15l-11.61,0.86l0.71,-2.34l3.43,-1.32l0.25,-0.44l-0.21,-1.24l-1.2,-0.65l-0.28,-2.46l-2.29,-1.14l-1.28,-1.94l2.82,0.94l2.62,-0.38l1.42,0.33l0.76,-0.56l1.71,0.19l3.25,-1.14l0.27,-0.36l0.08,-2.19l1.18,-1.32l1.68,0.0l0.58,-0.82l1.6,-0.3l1.19,0.16l0.98,-0.78l0.02,-1.88l0.93,-1.47l1.48,-0.66l0.19,-0.55l-0.66,-1.25l2.04,-0.11l0.69,-1.01l-0.02,-1.16l1.11,-1.06l-0.17,-1.78l-0.49,-1.03l1.15,-0.98l5.42,-0.91l2.6,-0.82l1.6,1.16l0.97,2.34l3.45,0.97Z",name:"Pakistan"},PH:{path:"M737.01,263.84l0.39,2.97l-0.44,1.18l-0.55,-1.53l-0.67,-0.14l-1.17,1.28l0.65,2.09l-0.42,0.69l-2.48,-1.23l-0.57,-1.49l0.65,-1.03l-0.1,-0.54l-1.59,-1.19l-0.56,0.08l-0.65,0.87l-1.23,0.0l-1.58,0.97l0.83,-1.8l2.56,-1.42l0.65,0.84l0.45,0.13l1.9,-0.69l0.56,-1.11l1.5,-0.06l0.38,-0.43l-0.09,-1.19l1.21,0.71l0.36,2.02ZM733.59,256.58l0.05,0.75l0.08,0.26l-0.8,-0.42l-0.18,-0.71l0.85,0.12ZM734.08,256.1l-0.12,-1.12l-1.0,-1.27l1.36,0.03l0.53,0.73l0.51,2.04l-1.27,-0.4ZM733.76,257.68l0.38,0.98l-0.32,0.15l-0.07,-1.13ZM724.65,238.43l1.46,0.7l0.72,-0.31l-0.32,1.17l0.79,1.71l-0.57,1.84l-1.53,1.04l-0.39,2.25l0.56,2.04l1.63,0.57l1.16,-0.27l2.71,1.23l-0.19,1.08l0.76,0.84l-0.08,0.36l-1.4,-0.9l-0.88,-1.27l-0.66,0.0l-0.38,0.55l-1.6,-1.31l-2.15,0.36l-0.87,-0.39l0.07,-0.61l0.66,-0.55l-0.01,-0.62l-0.75,-0.59l-0.72,0.44l-0.74,-0.87l-0.39,-2.49l0.32,0.27l0.66,-0.28l0.26,-3.97l0.7,-2.02l1.14,0.0ZM731.03,258.87l-0.88,0.85l-1.19,1.94l-1.05,-1.19l0.93,-1.1l0.32,-1.47l0.52,-0.06l-0.27,1.15l0.22,0.45l0.49,-0.12l1.0,-1.32l-0.08,0.85ZM726.83,255.78l0.83,0.38l1.17,-0.0l-0.02,0.48l-2.0,1.4l0.03,-2.26ZM724.81,252.09l-0.38,1.27l-1.42,-1.95l1.2,0.05l0.6,0.63ZM716.55,261.82l1.1,-0.95l0.03,-0.03l-0.28,0.36l-0.85,0.61ZM719.22,259.06l0.04,-0.06l0.8,-1.53l0.16,0.75l-1.0,0.84Z",name:"Philippines"},PL:{path:"M468.44,149.42l-1.11,-1.54l-1.86,-0.33l-0.48,-1.05l-1.72,-0.37l-0.65,0.69l-0.72,-0.36l0.11,-0.61l-0.33,-0.46l-1.75,-0.27l-1.04,-0.93l-0.94,-1.94l0.16,-1.22l-0.62,-1.8l-0.78,-1.07l0.57,-1.04l-0.48,-1.43l1.41,-0.83l6.91,-2.71l2.14,0.5l0.52,0.91l5.51,0.44l4.55,-0.05l1.07,0.31l0.48,0.84l0.15,1.58l0.65,1.2l-0.01,0.99l-1.27,0.58l-0.19,0.54l0.73,1.48l0.08,1.55l1.2,2.76l-0.17,0.58l-1.23,0.44l-2.27,2.72l0.18,0.95l-1.97,-1.03l-1.98,0.4l-1.36,-0.28l-1.24,0.58l-1.07,-0.97l-1.16,0.24Z",name:"Poland"},ZM:{path:"M481.47,313.3l0.39,0.31l2.52,0.14l0.99,1.17l2.01,0.35l1.4,-0.64l0.69,1.17l1.78,0.33l1.84,2.35l2.23,0.18l0.4,-0.43l-0.21,-2.74l-0.62,-0.3l-0.48,0.32l-1.98,-1.17l0.72,-5.29l-0.51,-1.18l0.57,-1.3l3.68,-0.62l0.26,0.63l1.21,0.63l0.9,-0.22l2.16,0.67l1.33,0.71l1.07,1.02l0.56,1.87l-0.88,2.7l0.43,2.09l-0.73,0.87l-0.76,2.37l0.59,0.68l-6.6,1.83l-0.29,0.44l0.19,1.45l-1.68,0.35l-1.43,1.02l-0.38,0.87l-0.87,0.26l-3.48,3.69l-4.16,-0.53l-1.52,-1.0l-1.77,-0.13l-1.83,0.52l-3.04,-3.4l0.11,-7.59l4.82,0.03l0.39,-0.49l-0.18,-0.76l0.33,-0.83l-0.4,-1.36l0.24,-1.05Z",name:"Zambia"},EH:{path:"M384.42,230.28l0.25,-0.79l1.06,-1.29l0.8,-3.51l3.38,-2.78l0.7,-1.81l0.06,4.84l-1.98,0.2l-0.94,1.59l0.39,3.56l-3.7,-0.01ZM392.01,218.1l0.7,-1.8l1.77,-0.24l2.09,0.34l0.95,-0.62l1.28,-0.07l-0.0,2.51l-6.79,-0.12Z",name:"W. Sahara"},EE:{path:"M485.71,115.04l2.64,0.6l2.56,0.11l-1.6,1.91l0.61,3.54l-0.81,0.87l-1.78,-0.01l-3.22,-1.76l-1.8,0.45l0.21,-1.53l-0.58,-0.41l-0.69,0.34l-1.26,-1.03l-0.17,-1.63l2.83,-0.92l3.05,-0.52Z",name:"Estonia"},EG:{path:"M492.06,205.03l1.46,0.42l2.95,-1.64l2.04,-0.21l1.53,0.3l0.59,1.19l0.69,0.04l0.41,-0.64l1.81,0.58l1.95,0.16l1.04,-0.51l1.42,4.08l-2.03,4.54l-1.66,-1.77l-1.76,-3.85l-0.64,-0.12l-0.36,0.67l1.04,2.88l3.44,6.95l1.78,3.04l2.03,2.65l-0.36,0.53l0.23,2.01l2.7,2.19l-28.41,0.0l0.0,-18.96l-0.73,-2.2l0.59,-1.56l-0.32,-1.26l0.68,-0.99l3.06,-0.04l4.82,1.52Z",name:"Egypt"},ZA:{path:"M467.14,373.21l-0.13,-1.96l-0.68,-1.56l0.7,-0.68l-0.13,-2.33l-4.56,-8.19l0.77,-0.86l0.6,0.45l0.69,1.31l2.83,0.72l1.5,-0.26l2.24,-1.39l0.19,-9.55l1.35,2.3l-0.21,1.5l0.61,1.2l0.4,0.19l1.79,-0.27l2.6,-2.07l0.69,-1.32l0.96,-0.48l2.19,1.04l2.04,0.13l1.77,-0.65l0.85,-2.12l1.38,-0.33l1.59,-2.76l2.15,-1.89l3.41,-1.87l2.0,0.45l1.02,-0.28l0.99,0.2l1.75,5.29l-0.38,3.25l-0.81,-0.23l-1.0,0.46l-0.87,1.68l-0.05,1.16l1.97,1.84l1.47,-0.29l0.69,-1.18l1.09,0.01l-0.76,3.69l-0.58,1.09l-2.2,1.79l-3.17,4.76l-2.8,2.83l-3.57,2.88l-2.53,1.05l-1.22,0.14l-0.51,0.7l-1.18,-0.32l-1.39,0.5l-2.59,-0.52l-1.61,0.33l-1.18,-0.11l-2.55,1.1l-2.1,0.44l-1.6,1.07l-0.85,0.05l-0.93,-0.89l-0.93,-0.15l-0.97,-1.13l-0.25,0.05ZM491.45,364.19l0.62,-0.93l1.48,-0.59l1.18,-2.19l-0.07,-0.49l-1.99,-1.69l-1.66,0.56l-1.43,1.14l-1.34,1.73l0.02,0.51l1.88,2.11l1.31,-0.16Z",name:"South Africa"},EC:{path:"M231.86,285.53l0.29,1.59l-0.69,1.45l-2.61,2.51l-3.13,1.11l-1.53,2.18l-0.49,1.68l-1.0,0.73l-1.02,-1.11l-1.78,-0.16l0.67,-1.15l-0.24,-0.86l1.25,-2.13l-0.54,-1.09l-0.67,-0.08l-0.72,0.87l-0.87,-0.64l0.35,-0.69l-0.36,-1.96l0.81,-0.51l0.45,-1.51l0.92,-1.57l-0.07,-0.97l2.65,-1.33l2.75,1.35l0.77,1.05l2.12,0.35l0.76,-0.32l1.96,1.21Z",name:"Ecuador"},AL:{path:"M470.32,171.8l0.74,0.03l0.92,0.89l-0.17,1.95l0.36,1.28l1.01,0.82l-1.82,2.83l-0.19,-0.61l-1.25,-0.89l-0.18,-1.2l0.53,-2.82l-0.54,-1.47l0.6,-0.83Z",name:"Albania"},AO:{path:"M461.55,300.03l1.26,3.15l1.94,2.36l2.47,-0.53l1.25,0.32l0.44,-0.18l0.93,-1.92l1.31,-0.08l0.41,-0.44l0.47,-0.0l-0.1,0.41l0.39,0.49l2.65,-0.02l0.03,1.19l0.48,1.01l-0.34,1.52l0.18,1.55l0.83,1.04l-0.13,2.85l0.54,0.39l3.96,-0.41l-0.1,1.79l0.39,1.05l-0.24,1.43l-4.7,-0.03l-0.4,0.39l-0.12,8.13l2.92,3.49l-3.83,0.88l-5.89,-0.36l-1.88,-1.24l-10.47,0.22l-1.3,-1.01l-1.85,-0.16l-2.4,0.77l-0.15,-1.06l0.33,-2.16l1.0,-3.45l1.35,-3.2l2.24,-2.8l0.33,-2.06l-0.13,-1.53l-0.8,-1.08l-1.21,-2.87l0.87,-1.62l-1.27,-4.12l-1.17,-1.53l2.47,-0.63l7.03,0.03ZM451.71,298.87l-0.47,-1.25l1.25,-1.11l0.32,0.3l-0.99,1.03l-0.12,1.03Z",name:"Angola"},KZ:{path:"M552.8,172.89l0.46,-1.27l-0.48,-1.05l-2.96,-1.19l-1.06,-2.58l-1.37,-0.87l-0.03,-0.3l1.95,0.23l0.45,-0.38l0.08,-1.96l1.75,-0.41l2.1,0.45l0.48,-0.33l0.45,-3.04l-0.45,-2.09l-0.41,-0.31l-2.42,0.15l-2.36,-0.73l-2.87,1.37l-2.17,0.61l-0.85,-0.34l0.13,-1.61l-1.6,-2.12l-2.02,-0.08l-1.78,-1.82l1.29,-2.18l-0.57,-0.95l1.62,-2.91l2.21,1.63l0.63,-0.27l0.29,-2.22l4.92,-3.43l3.71,-0.08l8.4,3.6l2.92,-1.36l3.77,-0.06l3.11,1.66l0.51,-0.11l0.6,-0.81l3.31,0.13l0.39,-0.25l0.63,-1.57l-0.17,-0.5l-3.5,-1.98l1.87,-1.27l-0.13,-1.03l1.98,-0.72l0.18,-0.62l-1.59,-2.06l0.81,-0.82l9.23,-1.18l1.33,-0.88l6.18,-1.26l2.26,-1.42l4.08,0.68l0.73,3.33l0.51,0.3l2.48,-0.8l2.79,1.02l-0.17,1.56l0.43,0.44l2.55,-0.24l4.89,-2.53l0.03,0.32l3.15,2.61l5.56,8.47l0.65,0.02l1.12,-1.46l3.15,1.74l3.76,-0.78l1.15,0.49l1.14,1.8l1.84,0.76l0.99,1.29l3.35,-0.25l1.02,1.52l-1.6,1.81l-1.93,0.28l-0.34,0.38l-0.11,3.05l-1.13,1.16l-4.75,-1.0l-0.46,0.27l-1.76,5.47l-1.1,0.59l-4.91,1.23l-0.27,0.54l2.1,4.97l-1.37,0.63l-0.23,0.41l0.13,1.13l-0.88,-0.25l-1.42,-1.13l-7.89,-0.4l-0.92,0.31l-3.73,-1.22l-1.42,0.63l-0.53,1.66l-3.72,-0.94l-1.85,0.43l-0.76,1.4l-4.65,2.62l-1.13,2.08l-0.44,0.01l-0.92,-1.4l-2.87,-0.09l-0.45,-2.14l-0.38,-0.32l-0.8,-0.01l0.0,-2.96l-3.0,-2.22l-7.31,0.58l-2.35,-2.68l-6.71,-3.69l-6.45,1.83l-0.29,0.39l0.1,10.85l-0.7,0.08l-1.62,-2.17l-1.83,-0.96l-3.11,0.59l-0.64,0.51Z",name:"Kazakhstan"},ET:{path:"M516.04,247.79l1.1,0.84l1.63,-0.45l0.68,0.47l1.63,0.03l2.01,0.94l1.73,1.66l1.64,2.07l-1.52,2.04l0.16,1.72l0.39,0.38l2.05,0.0l-0.36,1.03l2.86,3.58l8.32,3.08l1.31,0.02l-6.32,6.75l-3.1,0.11l-2.36,1.77l-1.47,0.04l-0.86,0.79l-1.38,-0.0l-1.32,-0.81l-2.29,1.05l-0.76,0.98l-3.29,-0.41l-3.07,-2.07l-1.8,-0.07l-0.62,-0.6l0.0,-1.24l-0.28,-0.38l-1.15,-0.37l-1.4,-2.59l-1.19,-0.68l-0.47,-1.0l-1.27,-1.23l-1.16,-0.22l0.43,-0.72l1.45,-0.28l0.41,-0.95l-0.03,-2.21l0.68,-2.44l1.05,-0.63l1.43,-3.06l1.57,-1.37l1.02,-2.51l0.35,-1.88l2.52,0.46l0.44,-0.24l0.58,-1.43Z",name:"Ethiopia"},ZW:{path:"M498.91,341.09l-1.11,-0.22l-0.92,0.28l-2.09,-0.44l-1.5,-1.11l-1.89,-0.43l-0.62,-1.4l-0.01,-0.84l-0.3,-0.38l-0.97,-0.25l-2.71,-2.74l-1.92,-3.32l3.83,0.45l3.73,-3.82l1.08,-0.44l0.26,-0.77l1.25,-0.9l1.41,-0.26l0.5,0.89l1.99,-0.05l1.72,1.17l1.11,0.17l1.05,0.66l0.01,2.99l-0.59,3.76l0.38,0.86l-0.23,1.23l-0.39,0.35l-0.63,1.81l-2.43,2.75Z",name:"Zimbabwe"},ES:{path:"M416.0,169.21l1.07,1.17l4.61,1.38l1.06,-0.57l2.6,1.26l2.71,-0.3l0.09,1.12l-2.14,1.8l-3.11,0.61l-0.31,0.31l-0.2,0.89l-1.54,1.69l-0.97,2.4l0.84,1.74l-1.32,1.27l-0.48,1.68l-1.88,0.65l-1.66,2.07l-5.36,-0.01l-1.79,1.08l-0.89,0.98l-0.88,-0.17l-0.79,-0.82l-0.68,-1.59l-2.37,-0.63l-0.11,-0.5l1.21,-1.82l-0.77,-1.13l0.61,-1.68l-0.76,-1.62l0.87,-0.49l0.09,-1.25l0.42,-0.6l0.03,-2.11l0.99,-0.69l0.13,-0.5l-1.03,-1.73l-1.46,-0.11l-0.61,0.38l-1.06,0.0l-0.52,-1.23l-0.53,-0.21l-1.32,0.67l-0.01,-1.49l-0.75,-0.96l3.03,-1.88l2.99,0.53l3.32,-0.02l2.63,0.51l6.01,-0.06Z",name:"Spain"},ER:{path:"M520.38,246.23l3.42,2.43l3.5,3.77l0.84,0.54l-0.95,-0.01l-3.51,-3.89l-2.33,-1.15l-1.73,-0.07l-0.91,-0.51l-1.26,0.51l-1.34,-1.02l-0.61,0.17l-0.66,1.61l-2.35,-0.43l-0.17,-0.67l1.29,-5.29l0.61,-0.61l1.95,-0.53l0.87,-1.01l1.17,2.41l0.68,2.33l1.49,1.43Z",name:"Eritrea"},ME:{path:"M468.91,172.53l-1.22,-1.02l0.47,-1.81l0.89,-0.72l2.26,1.51l-0.5,0.57l-0.75,-0.27l-1.14,1.73Z",name:"Montenegro"},MD:{path:"M488.41,153.73l1.4,-0.27l1.72,0.93l1.07,0.15l0.85,0.65l-0.14,0.84l0.96,0.85l1.12,2.47l-1.15,-0.07l-0.66,-0.41l-0.52,0.25l-0.09,0.86l-1.08,1.89l-0.27,-0.86l0.25,-1.34l-0.16,-1.6l-3.29,-4.34Z",name:"Moldova"},MG:{path:"M545.91,319.14l0.4,3.03l0.62,1.21l-0.21,1.02l-0.57,-0.8l-0.69,-0.01l-0.47,0.76l0.41,2.12l-0.18,0.87l-0.73,0.78l-0.15,2.14l-4.71,15.2l-1.06,2.88l-3.92,1.64l-3.12,-1.49l-0.6,-1.21l-0.19,-2.4l-0.86,-2.05l-0.21,-1.77l0.38,-1.62l1.21,-0.75l0.01,-0.76l1.19,-2.04l0.23,-1.66l-1.06,-2.99l-0.19,-2.21l0.81,-1.33l0.32,-1.46l4.63,-1.22l3.44,-3.0l0.85,-1.4l-0.08,-0.7l0.78,-0.04l1.38,-1.77l0.13,-1.64l0.45,-0.61l1.16,1.69l0.59,1.6Z",name:"Madagascar"},MA:{path:"M378.78,230.02l0.06,-0.59l0.92,-0.73l0.82,-1.37l-0.09,-1.04l0.79,-1.7l1.31,-1.58l0.96,-0.59l0.66,-1.55l0.09,-1.47l0.81,-1.48l1.72,-1.07l1.55,-2.69l1.16,-0.96l2.44,-0.39l1.94,-1.82l1.31,-0.78l2.09,-2.28l-0.51,-3.65l1.24,-3.7l1.5,-1.75l4.46,-2.57l2.37,-4.47l1.44,0.01l1.68,1.21l2.32,-0.19l3.47,0.65l0.8,1.54l0.16,1.71l0.86,2.96l0.56,0.59l-0.26,0.61l-3.05,0.44l-1.26,1.05l-1.33,0.22l-0.33,0.37l-0.09,1.78l-2.68,1.0l-1.07,1.42l-4.47,1.13l-4.04,2.01l-0.54,4.64l-1.15,0.06l-0.92,0.61l-1.96,-0.35l-2.42,0.54l-0.74,1.9l-0.86,0.4l-1.14,3.26l-3.53,3.01l-0.8,3.55l-0.96,1.1l-0.29,0.82l-4.95,0.18Z",name:"Morocco"},UZ:{path:"M598.64,172.75l-1.63,1.52l0.06,0.64l1.85,1.12l1.97,-0.64l2.21,1.17l-2.52,1.68l-2.59,-0.22l-0.18,-0.41l0.46,-1.23l-0.45,-0.53l-3.35,0.69l-2.1,3.51l-1.87,-0.12l-1.03,1.51l0.22,0.55l1.64,0.62l0.46,1.83l-1.19,2.49l-2.66,-0.53l0.05,-1.36l-0.26,-0.39l-3.3,-1.23l-2.56,-1.4l-4.4,-3.34l-1.34,-3.14l-1.08,-0.6l-2.58,0.13l-0.69,-0.44l-0.47,-2.52l-3.37,-1.6l-0.43,0.05l-2.07,1.72l-2.1,1.01l-0.21,0.47l0.28,1.01l-1.91,0.03l-0.09,-10.5l5.99,-1.7l6.19,3.54l2.71,2.84l7.05,-0.67l2.71,2.01l-0.17,2.81l0.39,0.42l0.9,0.02l0.44,2.14l0.38,0.32l2.94,0.09l0.95,1.42l1.28,-0.24l1.05,-2.04l4.43,-2.5Z",name:"Uzbekistan"},MM:{path:"M673.9,230.21l-1.97,1.57l-0.57,0.96l-1.4,0.6l-1.36,1.05l-1.99,0.36l-1.08,2.66l-0.91,0.4l-0.19,0.55l1.21,2.27l2.52,3.43l-0.79,1.91l-0.74,0.41l-0.17,0.52l0.65,1.37l1.61,1.95l0.25,2.58l0.9,2.13l-1.92,3.57l0.68,-2.25l-0.81,-1.74l0.19,-2.65l-1.05,-1.53l-1.24,-6.17l-1.12,-2.26l-0.6,-0.13l-4.34,3.02l-2.39,-0.65l0.77,-2.84l-0.52,-2.61l-1.91,-2.96l0.25,-0.75l-0.29,-0.51l-1.33,-0.3l-1.61,-1.93l-0.1,-1.3l0.82,-0.24l0.04,-1.64l1.02,-0.52l0.21,-0.45l-0.23,-0.95l0.54,-0.96l0.08,-2.22l1.46,0.45l0.47,-0.2l1.12,-2.19l0.16,-1.35l1.33,-2.16l-0.0,-1.52l2.89,-1.66l1.63,0.44l0.5,-0.44l-0.17,-1.4l0.64,-0.36l0.08,-1.04l0.77,-0.11l0.71,1.35l1.06,0.69l-0.03,3.86l-2.38,2.37l-0.3,3.15l0.46,0.43l2.28,-0.38l0.51,2.08l1.47,0.67l-0.6,1.8l0.19,0.48l2.97,1.48l1.64,-0.55l0.02,0.32Z",name:"Myanmar"},ML:{path:"M392.61,254.08l-0.19,-2.37l-0.99,-0.87l-0.44,-1.3l-0.09,-1.28l0.81,-0.58l0.35,-1.24l2.37,0.65l1.31,-0.47l0.86,0.15l0.66,-0.56l9.83,-0.04l0.38,-0.28l0.56,-1.8l-0.44,-0.65l-2.35,-21.95l3.27,-0.04l16.7,11.38l0.74,1.31l2.5,1.09l0.02,1.38l0.44,0.39l2.34,-0.21l0.01,5.38l-1.28,1.61l-0.26,1.49l-5.31,0.57l-1.07,0.92l-2.9,0.1l-0.86,-0.48l-1.38,0.36l-2.4,1.08l-0.6,0.87l-1.85,1.09l-0.43,0.7l-0.79,0.39l-1.44,-0.21l-0.81,0.84l-0.34,1.64l-1.91,2.02l-0.06,1.03l-0.67,1.22l0.13,1.16l-0.97,0.39l-0.23,-0.64l-0.52,-0.24l-1.35,0.4l-0.34,0.55l-2.69,-0.28l-0.37,-0.35l-0.02,-0.9l-0.65,-0.35l0.45,-0.64l-0.03,-0.53l-2.12,-2.44l-0.76,-0.01l-2.0,1.16l-0.78,-0.15l-0.8,-0.67l-1.21,0.23Z",name:"Mali"},MN:{path:"M676.61,146.48l3.81,1.68l5.67,-1.0l2.37,0.41l2.34,1.5l1.79,1.75l2.29,-0.03l3.12,0.52l2.47,-0.81l3.41,-0.59l3.53,-2.21l1.25,0.29l1.53,1.13l2.27,-0.21l-2.66,5.01l0.64,1.68l0.47,0.21l1.32,-0.38l2.38,0.48l2.02,-1.11l1.76,0.89l2.06,2.02l-0.13,0.53l-1.72,-0.29l-3.77,0.46l-1.88,0.99l-1.76,1.99l-3.71,1.17l-2.45,1.6l-3.83,-0.87l-0.41,0.17l-1.31,1.99l1.04,2.24l-1.52,0.9l-1.74,1.57l-2.79,1.02l-3.78,0.13l-4.05,1.05l-2.77,1.52l-1.16,-0.85l-2.94,0.0l-3.62,-1.79l-2.58,-0.49l-3.4,0.41l-5.12,-0.67l-2.63,0.06l-1.31,-1.6l-1.4,-3.0l-1.48,-0.33l-3.13,-1.94l-6.16,-0.93l-0.71,-1.06l0.86,-3.82l-1.93,-2.71l-3.5,-1.18l-1.95,-1.58l-0.5,-1.72l2.34,-0.52l4.75,-2.8l3.62,-1.47l2.18,0.97l2.46,0.05l1.81,1.53l2.46,0.12l3.95,0.71l2.43,-2.28l0.08,-0.48l-0.9,-1.72l2.24,-2.98l2.62,1.27l4.94,1.17l0.43,2.24Z",name:"Mongolia"},MK:{path:"M472.8,173.98l0.49,-0.71l3.57,-0.71l1.0,0.77l0.13,1.45l-0.65,0.53l-1.15,-0.05l-1.12,0.67l-1.39,0.22l-0.79,-0.55l-0.29,-1.03l0.19,-0.6Z",name:"Macedonia"},MW:{path:"M505.5,309.31l0.85,1.95l0.15,2.86l-0.69,1.65l0.71,1.8l0.06,1.28l0.49,0.64l0.07,1.06l0.4,0.55l0.8,-0.23l0.55,0.61l0.69,-0.21l0.34,0.6l0.19,2.94l-1.04,0.62l-0.54,1.25l-1.11,-1.08l-0.16,-1.56l0.51,-1.31l-0.32,-1.3l-0.99,-0.65l-0.82,0.12l-2.36,-1.64l0.63,-1.96l0.82,-1.18l-0.46,-2.01l0.9,-2.86l-0.94,-2.51l0.96,0.18l0.29,0.4Z",name:"Malawi"},MR:{path:"M407.36,220.66l-2.58,0.03l-0.39,0.44l2.42,22.56l0.36,0.43l-0.39,1.24l-9.75,0.04l-0.56,0.53l-0.91,-0.11l-1.27,0.45l-1.61,-0.66l-0.97,0.03l-0.36,0.29l-0.38,1.35l-0.42,0.23l-2.93,-3.4l-2.96,-1.52l-1.62,-0.03l-1.27,0.54l-1.12,-0.2l-0.65,0.4l-0.08,-0.49l0.68,-1.29l0.31,-2.43l-0.57,-3.91l0.23,-1.21l-0.69,-1.5l-1.15,-1.02l0.25,-0.39l9.58,0.02l0.4,-0.45l-0.46,-3.68l0.47,-1.04l2.12,-0.21l0.36,-0.4l-0.08,-6.4l7.81,0.13l0.41,-0.4l0.01,-3.31l7.76,5.35Z",name:"Mauritania"},UG:{path:"M498.55,276.32l0.7,-0.46l1.65,0.5l1.96,-0.57l1.7,0.01l1.45,-0.98l0.91,1.33l1.33,3.95l-2.57,4.03l-1.46,-0.4l-2.54,0.91l-1.37,1.61l-0.01,0.81l-2.42,-0.01l-2.26,1.01l-0.17,-1.59l0.58,-1.04l0.14,-1.94l1.37,-2.28l1.78,-1.58l-0.17,-0.65l-0.72,-0.24l0.13,-2.43Z",name:"Uganda"},MY:{path:"M717.47,273.46l-1.39,0.65l-2.12,-0.41l-2.88,-0.0l-0.38,0.28l-0.84,2.75l-0.99,0.96l-1.21,3.29l-1.73,0.45l-2.45,-0.68l-1.39,0.31l-1.33,1.15l-1.59,-0.14l-1.41,0.44l-1.44,-1.19l-0.18,-0.73l1.34,0.53l1.93,-0.47l0.75,-2.22l4.02,-1.03l2.75,-3.21l0.82,0.94l0.64,-0.05l0.4,-0.65l0.96,0.06l0.42,-0.36l0.24,-2.68l1.81,-1.64l1.21,-1.86l0.63,-0.01l1.07,1.05l0.34,1.28l3.44,1.35l-0.06,0.35l-1.37,0.1l-0.35,0.54l0.32,0.88ZM673.68,269.59l0.17,1.09l0.47,0.33l1.65,-0.3l0.87,-0.94l1.61,1.52l0.98,1.56l-0.12,2.81l0.41,2.29l0.95,0.9l0.88,2.44l-1.27,0.12l-5.1,-3.67l-0.34,-1.29l-1.37,-1.59l-0.33,-1.97l-0.88,-1.4l0.25,-1.68l-0.46,-1.05l1.63,0.84Z",name:"Malaysia"},MX:{path:"M133.12,200.41l0.2,0.47l9.63,3.33l6.96,-0.02l0.4,-0.4l0.0,-0.74l3.77,0.0l3.55,2.93l1.39,2.83l1.52,1.04l2.08,0.82l0.47,-0.14l1.46,-2.0l1.73,-0.04l1.59,0.98l2.05,3.35l1.47,1.56l1.26,3.14l2.18,1.02l2.26,0.58l-1.18,3.72l-0.42,5.04l1.79,4.89l1.62,1.89l0.61,1.52l1.2,1.42l2.55,0.66l1.37,1.1l7.54,-1.89l1.86,-1.3l1.14,-4.3l4.1,-1.21l3.57,-0.11l0.32,0.3l-0.06,0.94l-1.26,1.45l-0.67,1.71l0.38,0.7l-0.72,2.27l-0.49,-0.3l-1.0,0.08l-1.0,1.39l-0.47,-0.11l-0.53,0.47l-4.26,-0.02l-0.4,0.4l-0.0,1.06l-1.1,0.26l0.1,0.44l1.82,1.44l0.56,0.91l-3.19,0.21l-1.21,2.09l0.24,0.72l-0.2,0.44l-2.24,-2.18l-1.45,-0.93l-2.22,-0.69l-1.52,0.22l-3.07,1.16l-10.55,-3.85l-2.86,-1.96l-3.78,-0.92l-1.08,-1.19l-2.62,-1.43l-1.18,-1.54l-0.38,-0.81l0.66,-0.63l-0.18,-0.53l0.52,-0.76l0.01,-0.91l-2.0,-3.82l-2.21,-2.63l-2.53,-2.09l-1.19,-1.62l-2.2,-1.17l-0.3,-0.43l0.34,-1.48l-0.21,-0.45l-1.23,-0.6l-1.36,-1.2l-0.59,-1.78l-1.54,-0.47l-2.44,-2.55l-0.16,-0.9l-1.33,-2.03l-0.84,-1.99l-0.16,-1.33l-1.81,-1.1l-0.97,0.05l-1.31,-0.7l-0.57,0.22l-0.4,1.12l0.72,3.77l3.51,3.89l0.28,0.78l0.53,0.26l0.41,1.43l1.33,1.73l1.58,1.41l0.8,2.39l1.43,2.41l0.13,1.32l0.37,0.36l1.04,0.08l1.67,2.28l-0.85,0.76l-0.66,-1.51l-1.68,-1.54l-2.91,-1.87l0.06,-1.82l-0.54,-1.68l-2.91,-2.03l-0.55,0.09l-1.95,-1.1l-0.88,-0.94l0.68,-0.08l0.93,-1.01l0.08,-1.78l-1.93,-1.94l-1.46,-0.77l-3.75,-7.56l4.88,-0.42Z",name:"Mexico"},VU:{path:"M839.04,322.8l0.22,1.14l-0.44,0.03l-0.2,-1.45l0.42,0.27Z",name:"Vanuatu"},FR:{path:"M444.48,172.62l-0.64,1.78l-0.58,-0.31l-0.49,-1.72l0.4,-0.89l1.0,-0.72l0.3,1.85ZM429.64,147.1l1.78,1.58l1.46,-0.13l2.1,1.42l1.35,0.27l1.23,0.83l3.04,0.5l-1.03,1.85l-0.3,2.12l-0.41,0.32l-0.95,-0.24l-0.5,0.43l0.06,0.61l-1.81,1.92l-0.04,1.42l0.55,0.38l0.88,-0.36l0.61,0.97l-0.03,1.0l0.57,0.91l-0.75,1.09l0.65,2.39l1.27,0.57l-0.18,0.82l-2.01,1.53l-4.77,-0.8l-3.82,1.0l-0.53,1.85l-2.49,0.34l-2.71,-1.31l-1.16,0.57l-4.31,-1.29l-0.72,-0.86l1.19,-1.78l0.39,-6.45l-2.58,-3.3l-1.9,-1.66l-3.72,-1.23l-0.19,-1.72l2.81,-0.61l4.12,0.81l0.47,-0.48l-0.6,-2.77l1.94,0.95l5.83,-2.54l0.92,-2.74l1.6,-0.49l0.24,0.78l1.36,0.33l1.05,1.19ZM289.01,278.39l-0.81,0.8l-0.78,0.12l-0.5,-0.66l-0.56,-0.1l-0.91,0.6l-0.46,-0.22l1.09,-2.96l-0.96,-1.77l-0.17,-1.49l1.07,-1.77l2.32,0.75l2.51,2.01l0.3,0.74l-2.14,3.96Z",name:"France"},FI:{path:"M492.17,76.39l-0.23,3.5l3.52,2.63l-2.08,2.88l-0.02,0.44l2.8,4.56l-1.59,3.31l2.16,3.24l-0.94,2.39l0.14,0.47l3.44,2.51l-0.77,1.62l-7.52,6.95l-4.5,0.31l-4.38,1.37l-3.8,0.74l-1.44,-1.96l-2.17,-1.11l0.5,-3.66l-1.16,-3.33l1.09,-2.08l2.21,-2.42l5.67,-4.32l1.64,-0.83l0.21,-0.42l-0.46,-2.02l-3.38,-1.89l-0.75,-1.43l-0.22,-6.74l-6.79,-4.8l0.8,-0.62l2.54,2.12l3.46,-0.12l3.0,0.96l2.51,-2.11l1.17,-3.08l3.55,-1.38l2.76,1.53l-0.95,2.79Z",name:"Finland"},FJ:{path:"M871.53,326.34l-2.8,1.05l-0.08,-0.23l2.97,-1.21l-0.1,0.39ZM867.58,329.25l0.43,0.37l-0.27,0.88l-1.24,0.28l-1.04,-0.24l-0.14,-0.66l0.63,-0.58l0.92,0.26l0.7,-0.31Z",name:"Fiji"},FK:{path:"M274.36,425.85l1.44,1.08l-0.47,0.73l-3.0,0.89l-0.96,-1.0l-0.52,-0.05l-1.83,1.29l-0.73,-0.88l2.46,-1.64l1.93,0.76l1.67,-1.19Z",name:"Falkland Is."},NI:{path:"M202.33,252.67l0.81,-0.18l1.03,-1.02l-0.04,-0.88l0.68,-0.0l0.63,-0.54l0.97,0.22l1.53,-1.26l0.58,-0.99l1.17,0.34l2.41,-0.94l0.13,1.32l-0.81,1.94l0.1,2.74l-0.36,0.37l-0.11,1.75l-0.47,0.81l0.18,1.14l-1.73,-0.85l-0.71,0.27l-1.47,-0.6l-0.52,0.16l-4.01,-3.81Z",name:"Nicaragua"},NL:{path:"M430.31,143.39l0.6,-0.5l2.13,-4.8l3.2,-1.33l1.74,0.08l0.33,0.8l-0.59,2.92l-0.5,0.99l-1.26,0.0l-0.4,0.45l0.33,2.7l-2.2,-1.78l-2.62,0.58l-0.75,-0.11Z",name:"Netherlands"},NO:{path:"M491.44,67.41l6.8,2.89l-2.29,0.86l-0.15,0.65l2.33,2.38l-4.98,1.79l0.84,-2.45l-0.18,-0.48l-3.55,-1.8l-3.89,1.52l-1.42,3.38l-2.12,1.72l-2.64,-1.0l-3.11,0.21l-2.66,-2.22l-0.5,-0.01l-1.41,1.1l-1.44,0.17l-0.35,0.35l-0.32,2.47l-4.32,-0.64l-0.44,0.29l-0.58,2.11l-2.45,0.2l-4.15,7.68l-3.88,5.76l0.78,1.62l-0.64,1.16l-2.24,-0.06l-0.38,0.24l-1.66,3.89l0.15,5.17l1.57,2.04l-0.78,4.16l-2.02,2.48l-0.85,1.63l-1.3,-1.75l-0.58,-0.07l-4.87,4.19l-3.1,0.79l-3.16,-1.7l-0.85,-3.77l-0.77,-8.55l2.14,-2.31l6.55,-3.27l5.02,-4.17l10.63,-13.84l10.98,-8.7l5.35,-1.91l4.34,0.12l3.69,-3.64l4.49,0.19l4.37,-0.89ZM484.55,20.04l4.26,1.75l-3.1,2.55l-7.1,0.65l-7.08,-0.9l-0.37,-1.31l-0.37,-0.29l-3.44,-0.1l-2.08,-2.0l6.87,-1.44l3.9,1.31l2.39,-1.64l6.13,1.4ZM481.69,33.93l-4.45,1.74l-3.54,-0.99l1.12,-0.9l0.05,-0.58l-1.06,-1.22l4.22,-0.89l1.09,1.97l2.57,0.87ZM466.44,24.04l7.43,3.77l-5.41,1.86l-1.58,4.08l-2.26,1.2l-1.12,4.11l-2.61,0.18l-4.79,-2.86l1.84,-1.54l-0.1,-0.68l-3.69,-1.53l-4.77,-4.51l-1.73,-3.89l6.11,-1.82l1.54,1.92l3.57,-0.08l1.2,-1.96l3.32,-0.18l3.05,1.92Z",name:"Norway"},NA:{path:"M474.26,330.66l-0.97,0.04l-0.38,0.4l-0.07,8.9l-2.09,0.08l-0.39,0.4l-0.0,17.42l-1.98,1.23l-1.17,0.17l-2.44,-0.66l-0.48,-1.13l-0.99,-0.74l-0.54,0.05l-0.9,1.01l-1.53,-1.68l-0.93,-1.88l-1.99,-8.56l-0.06,-3.12l-0.33,-1.52l-2.3,-3.34l-1.91,-4.83l-1.96,-2.43l-0.12,-1.57l2.33,-0.79l1.43,0.07l1.81,1.13l10.23,-0.25l1.84,1.23l5.87,0.35ZM474.66,330.64l6.51,-1.6l1.9,0.39l-1.69,0.4l-1.31,0.83l-1.12,-0.94l-4.29,0.92Z",name:"Namibia"},NC:{path:"M838.78,341.24l-0.33,0.22l-2.9,-1.75l-3.26,-3.37l1.65,0.83l4.85,4.07Z",name:"New Caledonia"},NE:{path:"M454.75,226.53l1.33,1.37l0.48,0.07l1.27,-0.7l0.53,3.52l0.94,0.83l0.17,0.92l0.81,0.69l-0.44,0.95l-0.96,5.26l-0.13,3.22l-3.04,2.31l-1.22,3.57l1.02,1.24l-0.0,1.46l0.39,0.4l1.13,0.04l-0.9,1.25l-1.47,-2.42l-0.86,-0.29l-2.09,1.37l-1.74,-0.67l-1.45,-0.17l-0.85,0.35l-1.36,-0.07l-1.64,1.09l-1.06,0.05l-2.94,-1.28l-1.44,0.59l-1.01,-0.03l-0.97,-0.94l-2.7,-0.98l-2.69,0.3l-0.87,0.64l-0.47,1.6l-0.75,1.16l-0.12,1.53l-1.57,-1.1l-1.31,0.24l0.03,-0.81l-0.32,-0.41l-2.59,-0.52l-0.15,-1.16l-1.35,-1.6l-0.29,-1.0l0.13,-0.84l1.29,-0.08l1.08,-0.92l3.31,-0.22l2.22,-0.41l0.32,-0.34l0.2,-1.47l1.39,-1.88l-0.01,-5.66l3.36,-1.12l7.24,-5.12l8.42,-4.92l3.69,1.06Z",name:"Niger"},NG:{path:"M456.32,253.89l0.64,0.65l-0.28,1.04l-2.11,2.01l-2.03,5.18l-1.37,1.16l-1.15,3.18l-1.33,0.66l-1.46,-0.97l-1.21,0.16l-1.38,1.36l-0.91,0.24l-1.79,4.06l-2.33,0.81l-1.11,-0.07l-0.86,0.5l-1.71,-0.05l-1.19,-1.39l-0.89,-1.89l-1.77,-1.66l-3.95,-0.08l0.07,-5.21l0.42,-1.43l1.95,-2.3l-0.14,-0.91l0.43,-1.18l-0.53,-1.41l0.25,-2.92l0.72,-1.07l0.32,-1.34l0.46,-0.39l2.47,-0.28l2.34,0.89l1.15,1.02l1.28,0.04l1.22,-0.58l3.03,1.27l1.49,-0.14l1.36,-1.0l1.33,0.07l0.82,-0.35l3.45,0.8l1.82,-1.32l1.84,2.67l0.66,0.16Z",name:"Nigeria"},NZ:{path:"M857.8,379.65l1.86,3.12l0.44,0.18l0.3,-0.38l0.03,-1.23l0.38,0.27l0.57,2.31l2.02,0.94l1.81,0.27l1.57,-1.06l0.7,0.18l-1.15,3.59l-1.98,0.11l-0.74,1.2l0.2,1.11l-2.42,3.98l-1.49,0.92l-1.04,-0.85l1.21,-2.05l-0.81,-2.01l-2.63,-1.25l0.04,-0.57l1.82,-1.19l0.43,-2.34l-0.16,-2.03l-0.95,-1.82l-0.06,-0.72l-3.11,-3.64l-0.79,-1.52l1.56,1.45l1.76,0.66l0.65,2.34ZM853.83,393.59l0.57,1.24l0.59,0.16l1.42,-0.97l0.46,0.79l0.0,1.03l-2.47,3.48l-1.26,1.2l-0.06,0.5l0.55,0.87l-1.41,0.07l-2.33,1.38l-2.03,5.02l-3.02,2.16l-2.06,-0.06l-1.71,-1.04l-2.47,-0.2l-0.27,-0.73l1.22,-2.1l3.05,-2.94l1.62,-0.59l4.02,-2.82l1.57,-1.67l1.07,-2.16l0.88,-0.7l0.48,-1.75l1.24,-0.97l0.35,0.79Z",name:"New Zealand"},NP:{path:"M641.14,213.62l0.01,3.19l-1.74,0.04l-4.8,-0.86l-1.58,-1.39l-3.37,-0.34l-7.65,-3.7l0.8,-2.09l2.33,-1.7l1.77,0.75l2.49,1.76l1.38,0.41l0.99,1.35l1.9,0.52l1.99,1.17l5.49,0.9Z",name:"Nepal"},CI:{path:"M407.4,259.27l0.86,0.42l0.56,0.9l1.13,0.53l1.19,-0.61l0.97,-0.08l1.42,0.54l0.6,3.24l-1.03,2.08l-0.65,2.84l1.06,2.33l-0.06,0.53l-2.54,-0.47l-1.66,0.03l-3.06,0.46l-4.11,1.6l0.32,-3.06l-1.18,-1.31l-1.32,-0.66l0.42,-0.85l-0.2,-1.4l0.5,-0.67l0.01,-1.59l0.84,-0.32l0.26,-0.5l-1.15,-3.01l0.12,-0.5l0.51,-0.25l0.66,0.31l1.93,0.02l0.67,-0.71l0.71,-0.14l0.25,0.69l0.57,0.22l1.4,-0.61Z",name:"Côte d'Ivoire"},CH:{path:"M444.62,156.35l-0.29,0.87l0.18,0.53l1.13,0.58l1.0,0.1l-0.1,0.65l-0.79,0.38l-1.72,-0.37l-0.45,0.23l-0.45,1.04l-0.75,0.06l-0.84,-0.4l-1.32,1.0l-0.96,0.12l-0.88,-0.55l-0.81,-1.3l-0.49,-0.16l-0.63,0.26l0.02,-0.65l1.71,-1.66l0.1,-0.56l0.93,0.08l0.58,-0.46l1.99,0.02l0.66,-0.61l2.19,0.79Z",name:"Switzerland"},CO:{path:"M242.07,254.93l-1.7,0.59l-0.59,1.18l-1.7,1.69l-0.38,1.93l-0.67,1.43l0.31,0.57l1.03,0.13l0.25,0.9l0.57,0.64l-0.04,2.34l1.64,1.42l3.16,-0.24l1.26,0.28l1.67,2.06l0.41,0.13l4.09,-0.39l0.45,0.22l-0.92,1.95l-0.2,1.8l0.52,1.83l0.75,1.05l-1.12,1.1l0.07,0.63l0.84,0.51l0.74,1.29l-0.39,-0.45l-0.59,-0.01l-0.71,0.74l-4.71,-0.05l-0.4,0.41l0.03,1.57l0.33,0.39l1.11,0.2l-1.68,0.4l-0.29,0.38l-0.01,1.82l1.16,1.14l0.34,1.25l-1.05,7.05l-1.04,-0.87l1.26,-1.99l-0.13,-0.56l-2.18,-1.23l-1.38,0.2l-1.14,-0.38l-1.27,0.61l-1.55,-0.26l-1.38,-2.46l-1.23,-0.75l-0.85,-1.2l-1.67,-1.19l-0.86,0.13l-2.11,-1.32l-1.01,0.31l-1.8,-0.29l-0.52,-0.91l-3.09,-1.68l0.77,-0.52l-0.1,-1.12l0.41,-0.64l1.34,-0.32l2.0,-2.88l-0.11,-0.57l-0.66,-0.43l0.39,-1.38l-0.52,-2.1l0.49,-0.83l-0.4,-2.13l-0.97,-1.35l0.17,-0.66l0.86,-0.08l0.47,-0.75l-0.46,-1.63l1.41,-0.07l1.8,-1.69l0.93,-0.24l0.3,-0.38l0.45,-2.76l1.22,-1.0l1.44,-0.04l0.45,-0.5l1.91,0.12l2.93,-1.84l1.15,-1.14l0.91,0.46l-0.25,0.45Z",name:"Colombia"},CN:{path:"M740.23,148.97l4.57,1.3l2.8,2.17l0.98,2.9l0.38,0.27l3.8,0.0l2.32,-1.28l3.29,-0.75l-0.96,2.09l-1.02,1.28l-0.85,3.4l-1.52,2.73l-2.76,-0.5l-2.4,1.13l-0.21,0.45l0.64,2.57l-0.32,3.2l-0.94,0.06l-0.37,0.89l-0.91,-1.01l-0.64,0.07l-0.92,1.57l-3.73,1.25l-0.26,0.48l0.26,1.06l-1.5,-0.08l-1.09,-0.86l-0.56,0.06l-1.67,2.06l-2.7,1.56l-2.03,1.88l-3.4,0.83l-1.93,1.4l-1.15,0.34l0.33,-0.7l-0.41,-0.89l1.79,-1.79l0.02,-0.54l-1.32,-1.56l-0.48,-0.1l-2.24,1.09l-2.83,2.06l-1.51,1.83l-2.28,0.13l-1.55,1.49l-0.04,0.5l1.32,1.97l2.0,0.58l0.31,1.35l1.98,0.84l3.0,-1.96l2.0,1.02l1.49,0.11l0.22,0.83l-3.37,0.86l-1.12,1.48l-2.5,1.52l-1.29,1.99l0.14,0.56l2.57,1.48l0.97,2.7l3.17,4.63l-0.03,1.66l-1.35,0.65l-0.2,0.51l0.6,1.47l1.4,0.91l-0.89,3.82l-1.43,0.38l-3.85,6.44l-2.27,3.11l-6.78,4.57l-2.73,0.29l-1.45,1.04l-0.62,-0.61l-0.55,-0.01l-1.36,1.25l-3.39,1.27l-2.61,0.4l-1.1,2.79l-0.81,0.09l-0.49,-1.42l0.5,-0.85l-0.25,-0.59l-3.36,-0.84l-1.3,0.4l-2.31,-0.62l-0.94,-0.84l0.33,-1.28l-0.3,-0.49l-2.19,-0.46l-1.13,-0.93l-0.47,-0.02l-2.06,1.36l-4.29,0.28l-2.76,1.05l-0.28,0.43l0.32,2.53l-0.59,-0.03l-0.19,-1.34l-0.55,-0.34l-1.68,0.7l-2.46,-1.23l0.62,-1.87l-0.26,-0.51l-1.37,-0.44l-0.54,-2.22l-0.45,-0.3l-2.13,0.35l0.24,-2.48l2.39,-2.4l0.03,-4.31l-1.19,-0.92l-0.78,-1.49l-0.41,-0.21l-1.41,0.19l-1.98,-0.3l0.46,-1.07l-1.17,-1.7l-0.55,-0.11l-1.63,1.05l-2.25,-0.57l-2.89,1.73l-2.25,1.98l-1.75,0.29l-1.17,-0.71l-3.31,-0.65l-1.48,0.79l-1.04,1.27l-0.12,-1.17l-0.54,-0.34l-1.44,0.54l-5.55,-0.86l-1.98,-1.16l-1.89,-0.54l-0.99,-1.35l-1.34,-0.37l-2.55,-1.79l-2.01,-0.84l-1.21,0.56l-5.57,-3.45l-0.53,-2.31l1.19,0.25l0.48,-0.37l0.08,-1.42l-0.98,-1.56l0.15,-2.44l-2.69,-3.32l-4.12,-1.23l-0.67,-2.0l-1.92,-1.48l-0.38,-0.7l-0.51,-3.01l-1.52,-0.66l-0.7,0.13l-0.48,-2.05l0.55,-0.51l-0.09,-0.82l2.03,-1.19l1.6,-0.54l2.56,0.38l0.42,-0.22l0.85,-1.7l3.0,-0.33l1.1,-1.26l4.05,-1.77l0.39,-0.91l-0.17,-1.44l1.45,-0.67l0.2,-0.52l-2.07,-4.9l4.51,-1.12l1.37,-0.73l1.89,-5.51l4.98,0.86l1.51,-1.7l0.11,-2.87l1.99,-0.38l1.83,-2.06l0.49,-0.13l0.68,2.08l2.23,1.77l3.44,1.16l1.55,2.29l-0.92,3.49l0.96,1.67l6.54,1.13l2.95,1.87l1.47,0.35l1.06,2.62l1.53,1.91l3.05,0.08l5.14,0.67l3.37,-0.41l2.36,0.43l3.65,1.8l3.06,0.04l1.45,0.88l2.87,-1.59l3.95,-1.02l3.83,-0.14l3.06,-1.14l1.77,-1.6l1.72,-1.01l0.17,-0.49l-1.1,-2.05l1.02,-1.54l4.02,0.8l2.45,-1.61l3.76,-1.19l1.96,-2.13l1.63,-0.83l3.51,-0.4l1.92,0.34l0.46,-0.3l0.17,-1.5l-2.27,-2.22l-2.11,-1.09l-2.18,1.11l-2.32,-0.47l-1.29,0.32l-0.4,-0.82l2.73,-5.16l3.02,1.06l3.53,-2.06l0.18,-1.68l2.16,-3.35l1.49,-1.35l-0.03,-1.85l-1.07,-0.85l1.54,-1.26l2.98,-0.59l3.23,-0.09l3.64,0.99l2.04,1.16l3.29,6.71l0.92,3.19ZM696.92,237.31l-1.87,1.08l-1.63,-0.64l-0.06,-1.79l1.03,-0.98l2.58,-0.69l1.16,0.05l0.3,0.54l-0.98,1.06l-0.53,1.37Z",name:"China"},CM:{path:"M457.92,257.49l1.05,1.91l-1.4,0.16l-1.05,-0.23l-0.45,0.22l-0.54,1.19l0.08,0.45l1.48,1.47l1.05,0.45l1.01,2.46l-1.52,2.99l-0.68,0.68l-0.13,3.69l2.38,3.84l1.09,0.8l0.24,2.48l-3.67,-1.14l-11.27,-0.13l0.23,-1.79l-0.98,-1.66l-1.19,-0.54l-0.44,-0.97l-0.6,-0.42l1.71,-4.27l0.75,-0.13l1.38,-1.36l0.65,-0.03l1.71,0.99l1.93,-1.12l1.14,-3.18l1.38,-1.17l2.0,-5.14l2.17,-2.13l0.3,-1.64l-0.86,-0.88l0.03,-0.33l0.94,1.28l0.07,3.22Z",name:"Cameroon"},CL:{path:"M246.5,429.18l-3.14,1.83l-0.57,3.16l-0.64,0.05l-2.68,-1.06l-2.82,-2.33l-3.04,-1.89l-0.69,-1.85l0.63,-2.14l-1.21,-2.11l-0.31,-5.37l1.01,-2.91l2.57,-2.38l-0.18,-0.68l-3.16,-0.77l2.05,-2.47l0.77,-4.65l2.32,0.9l0.54,-0.29l1.31,-6.31l-0.22,-0.44l-1.68,-0.8l-0.56,0.28l-0.7,3.36l-0.81,-0.22l1.56,-9.41l1.15,-2.24l-0.71,-2.82l-0.18,-2.84l1.01,-0.33l3.26,-9.14l1.07,-4.22l-0.56,-4.21l0.74,-2.34l-0.29,-3.27l1.46,-3.34l2.04,-16.59l-0.66,-7.76l1.03,-0.53l0.54,-0.9l0.79,1.14l0.32,1.78l1.25,1.16l-0.69,2.55l1.33,2.9l0.97,3.59l0.46,0.29l1.5,-0.3l0.11,0.23l-0.76,2.44l-2.57,1.23l-0.23,0.37l0.08,4.33l-0.46,0.77l0.56,1.21l-1.58,1.51l-1.68,2.62l-0.89,2.47l0.2,2.7l-1.48,2.73l1.12,5.09l0.64,0.61l-0.01,2.29l-1.38,2.68l0.01,2.4l-1.89,2.04l0.02,2.75l0.69,2.57l-1.43,1.13l-1.26,5.68l0.39,3.51l-0.97,0.89l0.58,3.5l1.02,1.14l-0.65,1.02l0.15,0.57l1.0,0.53l0.16,0.69l-1.03,0.85l0.26,1.75l-0.89,4.03l-1.31,2.66l0.24,1.75l-0.71,1.83l-1.99,1.7l0.3,3.67l0.88,1.19l1.58,0.01l0.01,2.21l1.04,1.95l5.98,0.63ZM248.69,430.79l0.0,7.33l0.4,0.4l3.52,0.05l-0.44,0.75l-1.94,0.98l-2.49,-0.37l-1.88,-1.06l-2.55,-0.49l-5.59,-3.71l-2.38,-2.63l4.1,2.48l3.32,1.23l0.45,-0.12l1.29,-1.57l0.83,-2.32l2.05,-1.24l1.31,0.29Z",name:"Chile"},CA:{path:"M280.06,145.6l-1.67,2.88l0.07,0.49l0.5,0.04l1.46,-0.98l1.0,0.42l-0.56,0.72l0.17,0.62l2.22,0.89l1.35,-0.71l1.95,0.78l-0.66,2.01l0.5,0.51l1.32,-0.42l0.98,3.17l-0.91,2.41l-0.8,0.08l-1.23,-0.45l0.47,-2.25l-0.89,-0.83l-0.48,0.06l-2.78,2.63l-0.34,-0.02l1.02,-0.85l-0.14,-0.69l-2.4,-0.77l-7.4,0.08l-0.17,-0.41l1.3,-0.94l0.02,-0.64l-0.73,-0.58l1.85,-1.74l2.57,-5.16l1.47,-1.79l1.99,-1.05l0.46,0.06l-1.53,2.45ZM68.32,74.16l4.13,0.95l4.02,2.14l2.61,0.4l2.47,-1.89l2.88,-1.31l3.85,0.48l3.71,-1.94l3.82,-1.04l1.56,1.68l0.49,0.08l1.87,-1.04l0.65,-1.98l1.24,0.35l4.16,3.94l0.54,0.01l2.75,-2.49l0.26,2.59l0.49,0.35l3.08,-0.73l1.04,-1.27l2.73,0.23l3.83,1.86l5.86,1.61l3.47,0.75l2.44,-0.26l2.73,1.78l-2.98,1.81l-0.19,0.41l0.31,0.32l4.53,0.92l6.87,-0.5l2.0,-0.69l2.49,2.39l0.53,0.02l2.72,-2.16l-0.02,-0.64l-2.16,-1.54l1.15,-1.06l4.83,-0.61l1.84,0.95l2.48,2.31l3.01,-0.23l4.55,1.92l3.85,-0.67l3.61,0.1l0.41,-0.44l-0.25,-2.36l1.79,-0.61l3.49,1.32l-0.01,3.77l0.31,0.39l0.45,-0.22l1.48,-3.16l1.74,0.1l0.41,-0.3l1.13,-4.37l-2.78,-3.11l-2.8,-1.74l0.19,-4.64l2.71,-3.07l2.98,0.67l2.41,1.95l3.19,4.8l-1.99,1.97l0.21,0.68l4.33,0.84l-0.01,4.15l0.25,0.37l0.44,-0.09l3.07,-3.15l2.54,2.39l-0.61,3.33l2.42,2.88l0.61,0.0l2.61,-3.08l1.88,-3.82l0.17,-4.58l6.72,0.94l3.13,2.04l0.13,1.82l-1.76,2.19l-0.01,0.49l1.66,2.16l-0.26,1.71l-4.68,2.8l-3.28,0.61l-2.47,-1.2l-0.55,0.23l-0.73,2.04l-2.38,3.43l-0.74,1.77l-2.74,2.57l-3.44,0.25l-2.21,1.78l-0.28,2.53l-2.82,0.55l-3.12,3.22l-2.72,4.31l-1.03,3.17l-0.14,4.31l0.33,0.41l3.44,0.57l2.24,5.95l0.45,0.23l3.4,-0.69l4.52,1.51l2.43,1.31l1.91,1.73l3.1,0.96l2.62,1.46l6.6,0.54l-0.35,2.74l0.81,3.53l1.81,3.78l3.83,3.3l0.45,0.04l2.1,-1.28l1.37,-3.69l-1.31,-5.38l-1.45,-1.58l3.57,-1.47l2.84,-2.46l1.52,-2.8l-0.25,-2.55l-1.7,-3.07l-2.85,-2.61l2.8,-3.95l-1.08,-3.37l-0.79,-5.67l1.36,-0.7l6.76,1.41l2.12,-0.96l5.12,3.36l1.05,1.61l4.08,0.26l-0.06,2.87l0.83,4.7l0.3,0.32l2.16,0.54l1.73,2.06l0.5,0.09l3.63,-2.03l2.52,-4.19l1.26,-1.32l7.6,11.72l-0.92,2.04l0.16,0.51l3.3,1.97l2.22,1.98l4.1,0.98l1.43,0.99l0.95,2.79l2.1,0.68l0.84,1.08l0.17,3.45l-3.37,2.26l-4.22,1.24l-3.06,2.63l-4.06,0.51l-5.35,-0.69l-6.39,0.2l-2.3,2.41l-3.26,1.51l-6.47,7.15l-0.06,0.48l0.44,0.19l2.13,-0.52l4.17,-4.24l5.12,-2.62l3.52,-0.3l1.69,1.21l-2.12,2.21l0.81,3.47l1.02,2.61l3.47,1.6l4.14,-0.45l2.15,-2.8l0.26,1.48l1.14,0.8l-2.56,1.69l-5.5,1.82l-2.54,1.27l-2.74,2.15l-1.4,-0.16l-0.07,-2.01l4.14,-2.44l0.18,-0.45l-0.39,-0.29l-6.63,0.45l-1.39,-1.49l-0.14,-4.43l-1.11,-0.91l-1.82,0.39l-0.66,-0.66l-0.6,0.03l-1.91,2.39l-0.82,2.52l-0.8,1.27l-1.67,0.56l-0.46,0.76l-8.31,0.07l-1.21,0.62l-2.35,1.97l-0.71,-0.14l-1.37,0.96l-1.12,-0.48l-4.74,1.26l-0.9,1.17l0.21,0.62l1.73,0.3l-1.81,0.31l-1.85,0.81l-2.11,-0.13l-2.95,1.78l-0.69,-0.09l1.39,-2.1l1.73,-1.21l0.1,-2.29l1.16,-1.99l0.49,0.53l2.03,0.42l1.2,-1.16l0.02,-0.47l-2.66,-3.51l-2.28,-0.61l-5.64,-0.71l-0.4,-0.57l-0.79,0.13l0.2,-0.41l-0.22,-0.55l-0.68,-0.26l0.19,-1.26l-0.78,-0.73l0.31,-0.64l-0.29,-0.57l-2.6,-0.44l-0.75,-1.63l-0.94,-0.66l-4.31,-0.65l-1.13,1.19l-1.48,0.59l-0.85,1.06l-2.83,-0.76l-2.09,0.39l-2.39,-0.97l-4.24,-0.7l-0.57,-0.4l-0.41,-1.63l-0.4,-0.3l-0.85,0.02l-0.39,0.4l-0.01,0.85l-69.13,-0.01l-6.51,-4.52l-4.5,-1.38l-1.26,-2.66l0.33,-1.93l-0.23,-0.43l-3.01,-1.35l-0.55,-2.77l-2.89,-2.38l-0.04,-1.45l1.39,-1.83l-0.28,-2.55l-4.16,-2.2l-4.07,-6.6l-4.02,-3.22l-1.3,-1.88l-0.5,-0.13l-2.51,1.21l-2.23,1.87l-3.85,-3.88l-2.44,-1.04l-2.22,-0.13l0.03,-37.49ZM260.37,148.65l3.04,0.76l2.26,1.2l-3.78,-0.95l-1.53,-1.01ZM249.4,3.81l6.68,0.49l5.32,0.79l4.26,1.57l-0.07,1.1l-5.85,2.53l-6.02,1.21l-2.39,1.39l-0.18,0.45l0.39,0.29l4.01,-0.02l-4.65,2.82l-4.2,1.74l-4.19,4.59l-5.03,0.92l-1.67,1.15l-7.47,0.59l-0.37,0.37l0.32,0.42l2.41,0.49l-0.81,0.47l-0.12,0.59l1.83,2.41l-2.02,1.59l-3.81,1.51l-1.32,2.16l-3.38,1.53l-0.22,0.48l0.35,1.19l0.4,0.29l3.88,-0.18l0.03,0.61l-6.33,2.95l-6.41,-1.4l-7.43,0.79l-3.72,-0.62l-4.4,-0.25l-0.23,-1.83l4.29,-1.11l0.28,-0.51l-1.1,-3.45l1.0,-0.25l6.58,2.28l0.47,-0.16l-0.05,-0.49l-3.41,-3.45l-3.58,-0.98l1.48,-1.55l4.34,-1.29l0.97,-2.19l-0.16,-0.48l-3.42,-2.13l-0.81,-2.26l6.2,0.22l2.24,0.58l3.91,-2.1l0.2,-0.43l-0.35,-0.32l-5.64,-0.67l-8.73,0.36l-4.26,-1.9l-2.12,-2.4l-2.78,-1.66l-0.41,-1.52l3.31,-1.03l2.93,-0.2l4.91,-0.99l3.7,-2.27l2.87,0.3l2.62,1.67l0.56,-0.14l1.82,-3.2l3.13,-0.94l4.44,-0.69l7.53,-0.26l1.48,0.67l7.19,-1.06l10.8,0.79ZM203.85,57.54l0.01,0.42l1.97,2.97l0.68,-0.02l2.24,-3.72l5.95,-1.86l4.01,4.64l-0.35,2.91l0.5,0.43l4.95,-1.36l2.32,-1.8l5.31,2.28l3.27,2.11l0.3,1.84l0.48,0.33l4.42,-0.99l2.64,2.87l5.97,1.77l2.06,1.72l2.11,3.71l-4.19,1.86l-0.01,0.73l5.9,2.83l3.94,0.94l3.78,3.95l3.46,0.25l-0.63,2.37l-4.11,4.47l-2.76,-1.56l-3.9,-3.94l-3.59,0.41l-0.33,0.34l-0.19,2.72l2.63,2.38l3.42,1.89l0.94,0.97l1.55,3.75l-0.7,2.29l-2.74,-0.92l-6.25,-3.15l-0.51,0.13l0.05,0.52l6.07,5.69l0.18,0.59l-6.09,-1.39l-5.31,-2.24l-2.63,-1.66l0.6,-0.77l-0.12,-0.6l-7.39,-4.01l-0.59,0.37l0.03,0.79l-6.73,0.6l-1.69,-1.1l1.36,-2.46l4.51,-0.07l5.15,-0.52l0.31,-0.6l-0.74,-1.3l0.78,-1.84l3.21,-4.05l-0.67,-2.35l-1.11,-1.6l-3.84,-2.1l-4.35,-1.28l0.91,-0.63l0.06,-0.61l-2.65,-2.75l-2.34,-0.36l-1.89,-1.46l-0.53,0.03l-1.24,1.23l-4.36,0.55l-9.04,-0.99l-9.26,-1.98l-1.6,-1.22l2.22,-1.77l0.13,-0.44l-0.38,-0.27l-3.22,-0.02l-0.72,-4.25l1.83,-4.04l2.42,-1.85l5.5,-1.1l-1.39,2.35ZM261.19,159.33l2.07,0.61l1.44,-0.04l-1.15,0.63l-2.94,-1.23l-0.4,-0.68l0.36,-0.37l0.61,1.07ZM230.83,84.39l-2.37,0.18l-0.49,-1.63l0.93,-2.09l1.94,-0.51l1.62,0.99l0.02,1.52l-1.66,1.54ZM229.43,58.25l0.11,0.65l-4.87,-0.21l-2.72,0.62l-3.1,-2.57l0.08,-1.26l0.86,-0.23l5.57,0.51l4.08,2.5ZM222.0,105.02l-0.72,1.49l-0.63,-0.19l-0.48,-0.84l0.81,-0.99l0.65,0.05l0.37,0.46ZM183.74,38.32l2.9,1.7l4.79,-0.01l1.84,1.46l-0.49,1.68l0.23,0.48l2.82,1.14l1.76,1.26l7.01,0.65l4.1,-1.1l5.03,-0.43l3.93,0.35l2.48,1.77l0.46,1.7l-1.3,1.1l-3.56,1.01l-3.23,-0.59l-7.17,0.76l-5.09,0.09l-3.99,-0.6l-6.42,-1.54l-0.79,-2.51l-0.3,-2.49l-2.64,-2.5l-5.32,-0.72l-2.52,-1.4l0.68,-1.57l4.78,0.31ZM207.38,91.35l0.4,1.56l0.56,0.26l1.06,-0.52l1.32,0.96l5.42,2.57l0.2,1.68l0.46,0.35l1.68,-0.28l1.15,0.85l-1.55,0.87l-3.61,-0.88l-1.32,-1.69l-0.57,-0.06l-2.45,2.1l-3.12,1.79l-0.7,-1.87l-0.42,-0.26l-2.16,0.24l1.39,-1.39l0.32,-3.14l0.76,-3.35l1.18,0.22ZM215.49,102.6l-2.67,1.95l-1.4,-0.07l-0.3,-0.58l1.53,-1.48l2.84,0.18ZM202.7,24.12l2.53,1.59l-2.87,1.4l-4.53,4.05l-4.25,0.38l-5.03,-0.68l-2.45,-2.04l0.03,-1.62l1.82,-1.37l0.14,-0.45l-0.38,-0.27l-4.45,0.04l-2.59,-1.76l-1.41,-2.29l1.57,-2.32l1.62,-1.66l2.44,-0.39l0.25,-0.65l-0.6,-0.74l4.86,-0.25l3.24,3.11l8.16,2.3l1.9,3.61ZM187.47,59.2l-2.76,3.49l-2.38,-0.15l-1.44,-3.84l0.04,-2.2l1.19,-1.88l2.3,-1.23l5.07,0.17l4.11,1.02l-3.24,3.72l-2.88,0.89ZM186.07,48.79l-1.08,1.53l-3.34,-0.34l-2.56,-1.1l1.03,-1.75l3.25,-1.23l1.95,1.58l0.75,1.3ZM185.71,35.32l-5.3,-0.2l-0.32,-0.71l4.31,0.07l1.3,0.84ZM180.68,32.48l-3.34,1.0l-1.79,-1.1l-0.98,-1.87l-0.15,-1.73l4.1,0.53l2.67,1.7l-0.51,1.47ZM180.9,76.31l-1.1,1.08l-3.13,-1.23l-2.12,0.43l-2.71,-1.57l1.72,-1.09l1.55,-1.72l3.81,1.9l1.98,2.2ZM169.74,54.87l2.96,0.97l4.17,-0.57l0.41,0.88l-2.14,2.11l0.09,0.64l3.55,1.92l-0.4,3.72l-3.79,1.65l-2.17,-0.35l-1.72,-1.74l-6.02,-3.5l0.03,-0.85l4.68,0.54l0.4,-0.21l-0.05,-0.45l-2.48,-2.81l2.46,-1.95ZM174.45,40.74l1.37,1.73l0.07,2.44l-1.05,3.45l-3.79,0.47l-2.32,-0.69l0.05,-2.64l-0.44,-0.41l-3.68,0.35l-0.12,-3.1l2.45,0.1l3.67,-1.73l3.41,0.29l0.37,-0.26ZM170.05,31.55l0.67,1.56l-3.33,-0.49l-4.22,-1.77l-4.35,-0.16l1.4,-0.94l-0.06,-0.7l-2.81,-1.23l-0.12,-1.39l4.39,0.68l6.62,1.98l1.81,2.47ZM134.5,58.13l-1.02,1.82l0.45,0.58l5.4,-1.39l3.33,2.29l0.49,-0.03l2.6,-2.23l1.94,1.32l2.0,4.5l0.7,0.06l1.3,-2.29l-1.63,-4.46l1.69,-0.54l2.31,0.71l2.65,1.81l2.49,7.92l8.48,4.27l-0.19,1.35l-3.79,0.33l-0.26,0.67l1.4,1.49l-0.58,1.1l-4.23,-0.64l-4.43,-1.19l-3.0,0.28l-4.66,1.47l-10.52,1.04l-1.43,-2.02l-3.42,-1.2l-2.21,0.43l-2.51,-2.86l4.84,-1.05l3.6,0.19l3.27,-0.78l0.31,-0.39l-0.31,-0.39l-4.84,-1.06l-8.79,0.27l-0.85,-1.07l5.26,-1.66l0.27,-0.45l-0.4,-0.34l-3.8,0.06l-3.81,-1.06l1.81,-3.01l1.66,-1.79l6.48,-2.81l1.97,0.71ZM158.7,56.61l-1.7,2.44l-3.2,-2.75l0.37,-0.3l3.11,-0.18l1.42,0.79ZM149.61,42.73l1.01,1.89l0.5,0.18l2.14,-0.82l2.23,0.19l0.36,2.04l-1.33,2.09l-8.28,0.76l-6.35,2.15l-3.41,0.1l-0.19,-0.96l4.9,-2.08l0.23,-0.46l-0.41,-0.31l-11.25,0.59l-2.89,-0.74l3.04,-4.44l2.14,-1.32l6.81,1.69l4.58,3.06l4.37,0.39l0.36,-0.63l-3.36,-4.6l1.85,-1.53l2.18,0.51l0.77,2.26ZM144.76,34.41l-4.36,1.44l-3.0,-1.4l1.46,-1.24l3.47,-0.52l2.96,0.71l-0.52,1.01ZM145.13,29.83l-1.9,0.66l-3.67,-0.0l2.27,-1.61l3.3,0.95ZM118.92,65.79l-6.03,2.02l-1.33,-1.9l-5.38,-2.28l2.59,-5.05l2.16,-3.14l-0.02,-0.48l-1.97,-2.41l7.64,-0.7l3.6,1.02l6.3,0.27l4.42,2.95l-2.53,0.98l-6.24,3.43l-3.1,3.28l-0.11,2.01ZM129.54,35.53l-0.28,3.37l-1.72,1.62l-2.33,0.28l-4.61,2.19l-3.86,0.76l-2.64,-0.87l3.72,-3.4l5.01,-3.34l3.72,0.07l3.0,-0.67ZM111.09,152.69l-0.67,0.24l-3.85,-1.37l-0.83,-1.17l-2.12,-1.07l-0.66,-1.02l-2.4,-0.55l-0.74,-1.71l6.02,1.45l2.0,2.55l2.52,1.39l0.73,1.27ZM87.8,134.64l0.89,0.29l1.86,-0.21l-0.65,3.34l1.69,2.33l-1.31,-1.33l-0.99,-1.62l-1.17,-0.98l-0.33,-1.82Z",name:"Canada"},CG:{path:"M466.72,276.48l-0.1,1.03l-1.25,2.97l-0.19,3.62l-0.46,1.78l-0.23,0.63l-1.61,1.19l-1.21,1.39l-1.09,2.43l0.04,2.09l-3.25,3.24l-0.5,-0.24l-0.5,-0.83l-1.36,-0.02l-0.98,0.89l-1.68,-0.99l-1.54,1.24l-1.52,-1.96l1.57,-1.14l0.11,-0.52l-0.77,-1.35l2.1,-0.66l0.39,-0.73l1.05,0.82l2.21,0.11l1.12,-1.37l0.37,-1.81l-0.27,-2.09l-1.13,-1.5l1.0,-2.69l-0.13,-0.45l-0.92,-0.58l-1.6,0.17l-0.51,-0.94l0.1,-0.61l2.75,0.09l3.97,1.24l0.51,-0.33l0.17,-1.28l1.24,-2.21l1.28,-1.14l2.76,0.49Z",name:"Congo"},CF:{path:"M461.16,278.2l-0.26,-1.19l-1.09,-0.77l-0.84,-1.17l-0.29,-1.0l-1.04,-1.15l0.08,-3.43l0.58,-0.49l1.16,-2.35l1.85,-0.17l0.61,-0.62l0.97,0.58l3.15,-0.96l2.48,-1.92l0.02,-0.96l2.81,0.02l2.36,-1.17l1.93,-2.85l1.16,-0.93l1.11,-0.3l0.27,0.86l1.34,1.47l-0.39,2.01l0.3,1.01l4.01,2.75l0.17,0.93l2.63,2.31l0.6,1.44l2.08,1.4l-3.84,-0.21l-1.94,0.88l-1.23,-0.49l-2.67,1.2l-1.29,-0.18l-0.51,0.36l-0.6,1.22l-3.35,-0.65l-1.57,-0.91l-2.42,-0.83l-1.45,0.91l-0.97,1.27l-0.26,1.56l-3.22,-0.43l-1.49,1.33l-0.94,1.62Z",name:"Central African Rep."},CD:{path:"M487.01,272.38l2.34,-0.14l1.35,1.84l1.34,0.45l0.86,-0.39l1.21,0.12l1.07,-0.41l0.54,0.89l2.04,1.54l-0.14,2.72l0.7,0.54l-1.38,1.13l-1.53,2.54l-0.17,2.05l-0.59,1.08l-0.02,1.72l-0.72,0.84l-0.66,3.01l0.63,1.32l-0.44,4.26l0.64,1.47l-0.37,1.22l0.86,1.8l1.53,1.41l0.3,1.26l0.44,0.5l-4.08,0.75l-0.92,1.81l0.51,1.34l-0.74,5.43l0.17,0.38l2.45,1.46l0.54,-0.1l0.12,1.62l-1.28,-0.01l-1.85,-2.35l-1.94,-0.45l-0.48,-1.13l-0.55,-0.2l-1.41,0.74l-1.71,-0.3l-1.01,-1.18l-2.49,-0.19l-0.44,-0.77l-1.98,-0.21l-2.88,0.36l0.11,-2.41l-0.85,-1.13l-0.16,-1.36l0.32,-1.73l-0.46,-0.89l-0.04,-1.49l-0.4,-0.39l-2.53,0.02l0.1,-0.41l-0.39,-0.49l-1.28,0.01l-0.43,0.45l-1.62,0.32l-0.83,1.79l-1.09,-0.28l-2.4,0.52l-1.37,-1.91l-1.3,-3.3l-0.38,-0.27l-7.39,-0.03l-2.46,0.42l0.5,-0.45l0.37,-1.47l0.66,-0.38l0.92,0.08l0.73,-0.82l0.87,0.02l0.31,0.68l1.4,0.36l3.59,-3.63l0.01,-2.23l1.02,-2.29l2.69,-2.39l0.43,-0.99l0.49,-1.96l0.17,-3.51l1.25,-2.95l0.36,-3.14l0.86,-1.13l1.1,-0.66l3.57,1.73l3.65,0.73l0.46,-0.21l0.8,-1.46l1.24,0.19l2.61,-1.17l0.81,0.44l1.04,-0.03l0.59,-0.66l0.7,-0.16l1.81,0.25Z",name:"Dem. Rep. Congo"},CZ:{path:"M458.46,144.88l1.22,1.01l1.47,0.23l0.13,0.93l1.36,0.68l0.54,-0.2l0.24,-0.55l1.15,0.25l0.53,1.09l1.68,0.18l0.6,0.84l-1.04,0.73l-0.96,1.28l-1.6,0.17l-0.55,0.56l-1.04,-0.46l-1.05,0.15l-2.12,-0.96l-1.05,0.34l-1.2,1.12l-1.56,-0.87l-2.57,-2.1l-0.53,-1.88l4.7,-2.52l0.71,0.26l0.9,-0.28Z",name:"Czech Rep."},CY:{path:"M504.36,193.47l0.43,0.28l-1.28,0.57l-0.92,-0.28l-0.24,-0.46l2.01,-0.13Z",name:"Cyprus"},CR:{path:"M211.34,258.05l0.48,0.99l1.6,1.6l-0.54,0.45l0.29,1.42l-0.25,1.19l-1.09,-0.59l-0.05,-1.25l-2.46,-1.42l-0.28,-0.77l-0.66,-0.45l-0.45,-0.0l-0.11,1.04l-1.32,-0.95l0.31,-1.3l-0.36,-0.6l0.31,-0.27l1.42,0.58l1.29,-0.14l0.56,0.56l0.74,0.17l0.55,-0.27Z",name:"Costa Rica"},CU:{path:"M221.21,227.25l1.27,1.02l2.19,-0.28l4.43,3.33l2.08,0.43l-0.1,0.38l0.36,0.5l1.75,0.1l1.48,0.84l-3.11,0.51l-4.15,-0.03l0.77,-0.67l-0.04,-0.64l-1.2,-0.74l-1.49,-0.16l-0.7,-0.61l-0.56,-1.4l-0.4,-0.25l-1.34,0.1l-2.2,-0.66l-0.88,-0.58l-3.18,-0.4l-0.27,-0.16l0.58,-0.74l-0.36,-0.29l-2.72,-0.05l-1.7,1.29l-0.91,0.03l-0.61,0.69l-1.01,0.22l1.11,-1.29l1.01,-0.52l3.69,-1.01l3.98,0.21l2.21,0.84Z",name:"Cuba"},SZ:{path:"M500.35,351.36l0.5,2.04l-0.38,0.89l-1.05,0.21l-1.23,-1.2l-0.02,-0.64l0.83,-1.57l1.34,0.27Z",name:"Swaziland"},SY:{path:"M511.0,199.79l0.05,-1.33l0.54,-1.36l1.28,-0.99l0.13,-0.45l-0.41,-1.11l-1.14,-0.36l-0.19,-1.74l0.52,-1.0l1.29,-1.21l0.2,-1.18l0.59,0.23l2.62,-0.76l1.36,0.52l2.06,-0.01l2.95,-1.08l3.25,-0.26l-0.67,0.94l-1.28,0.66l-0.21,0.4l0.23,2.01l-0.88,3.19l-10.15,5.73l-2.15,-0.85Z",name:"Syria"},KG:{path:"M621.35,172.32l-3.87,1.69l-0.96,1.18l-3.04,0.34l-1.13,1.86l-2.36,-0.35l-1.99,0.63l-2.39,1.4l0.06,0.95l-0.4,0.37l-4.52,0.43l-3.02,-0.93l-2.37,0.17l0.11,-0.79l2.32,0.42l1.13,-0.88l1.99,0.2l3.21,-2.14l-0.03,-0.69l-2.97,-1.57l-1.94,0.65l-1.22,-0.74l1.71,-1.58l-0.12,-0.67l-0.36,-0.15l0.32,-0.77l1.36,-0.35l4.02,1.02l0.49,-0.3l0.35,-1.59l1.09,-0.48l3.42,1.22l1.11,-0.31l7.64,0.39l1.16,1.0l1.23,0.39Z",name:"Kyrgyzstan"},KE:{path:"M506.26,284.69l1.87,-2.56l0.93,-2.15l-1.38,-4.08l-1.06,-1.6l2.82,-2.75l0.79,0.26l0.12,1.41l0.86,0.83l1.9,0.11l3.28,2.13l3.57,0.44l1.05,-1.12l1.96,-0.9l0.82,0.68l1.16,0.09l-1.78,2.45l0.03,9.12l1.3,1.94l-1.37,0.78l-0.67,1.03l-1.08,0.46l-0.34,1.67l-0.81,1.07l-0.45,1.55l-0.68,0.56l-3.2,-2.23l-0.35,-1.58l-8.86,-4.98l0.14,-1.6l-0.57,-1.04Z",name:"Kenya"},SS:{path:"M481.71,263.34l1.07,-0.72l1.2,-3.18l1.36,-0.26l1.61,1.99l0.87,0.34l1.1,-0.41l1.5,0.07l0.57,0.53l2.49,0.0l0.44,-0.63l1.07,-0.4l0.45,-0.84l0.59,-0.33l1.9,1.33l1.6,-0.2l2.83,-3.33l-0.32,-2.21l1.59,-0.52l-0.24,1.6l0.3,1.83l1.35,1.18l0.2,1.87l0.35,0.41l0.02,1.53l-0.23,0.47l-1.42,0.25l-0.85,1.44l0.3,0.6l1.4,0.16l1.11,1.08l0.59,1.13l1.03,0.53l1.28,2.36l-4.41,3.98l-1.74,0.01l-1.89,0.55l-1.47,-0.52l-1.15,0.57l-2.96,-2.62l-1.3,0.49l-1.06,-0.15l-0.79,0.39l-0.82,-0.22l-1.8,-2.7l-1.91,-1.1l-0.66,-1.5l-2.62,-2.32l-0.18,-0.94l-2.37,-1.6Z",name:"S. Sudan"},SR:{path:"M283.12,270.19l2.1,0.53l-1.08,1.95l0.2,1.72l0.93,1.49l-0.59,2.03l-0.43,0.71l-1.12,-0.42l-1.32,0.22l-0.93,-0.2l-0.46,0.26l-0.25,0.73l0.33,0.7l-0.89,-0.13l-1.39,-1.97l-0.31,-1.34l-0.97,-0.31l-0.89,-1.47l0.35,-1.61l1.45,-0.82l0.33,-1.87l2.61,0.44l0.57,-0.47l1.75,-0.16Z",name:"Suriname"},KH:{path:"M689.52,249.39l0.49,1.45l-0.28,2.74l-4.0,1.86l-0.16,0.6l0.68,0.95l-2.06,0.17l-2.05,0.97l-1.82,-0.32l-2.12,-3.7l-0.55,-2.85l1.4,-1.85l3.02,-0.45l2.23,0.35l2.01,0.98l0.51,-0.14l0.95,-1.48l1.74,0.74Z",name:"Cambodia"},SV:{path:"M195.8,250.13l1.4,-1.19l2.24,1.45l0.98,-0.27l0.44,0.2l-0.27,1.05l-1.14,-0.03l-3.64,-1.21Z",name:"El Salvador"},SK:{path:"M476.82,151.17l-1.14,1.9l-2.73,-0.92l-0.82,0.2l-0.74,0.8l-3.46,0.73l-0.47,0.69l-1.76,0.33l-1.88,-1.0l-0.18,-0.81l0.38,-0.75l1.87,-0.32l1.74,-1.89l0.83,0.16l0.79,-0.34l1.51,1.04l1.34,-0.63l1.25,0.3l1.65,-0.42l1.81,0.95Z",name:"Slovakia"},KR:{path:"M737.51,185.84l0.98,-0.1l0.87,-1.17l2.69,-0.32l0.33,-0.29l1.76,2.79l0.58,1.76l0.02,3.12l-0.8,1.32l-2.21,0.55l-1.93,1.13l-1.8,0.19l-0.2,-1.1l0.43,-2.28l-0.95,-2.56l1.43,-0.37l0.23,-0.62l-1.43,-2.06Z",name:"Korea"},SI:{path:"M456.18,162.07l-0.51,-1.32l0.18,-1.05l1.69,0.2l1.42,-0.71l2.09,-0.07l0.62,-0.51l0.21,0.47l-1.61,0.67l-0.44,1.34l-0.66,0.24l-0.26,0.82l-1.22,-0.49l-0.84,0.46l-0.69,-0.04Z",name:"Slovenia"},KP:{path:"M736.77,185.16l-0.92,-0.42l-0.88,0.62l-1.21,-0.88l0.96,-1.15l0.59,-2.59l-0.46,-0.74l-2.09,-0.77l1.64,-1.52l2.72,-1.58l1.58,-1.91l1.11,0.78l2.17,0.11l0.41,-0.5l-0.3,-1.22l3.52,-1.18l0.94,-1.4l0.98,1.08l-2.19,2.18l0.01,2.14l-1.06,0.54l-1.41,1.4l-1.7,0.52l-1.25,1.09l-0.14,1.98l0.94,0.45l1.15,1.04l-0.13,0.26l-2.6,0.29l-1.13,1.29l-1.22,0.08Z",name:"Dem. Rep. Korea"},SO:{path:"M525.13,288.48l-1.13,-1.57l-0.03,-8.86l2.66,-3.38l1.67,-0.13l2.13,-1.69l3.41,-0.23l7.08,-7.55l2.91,-3.69l0.08,-4.82l2.98,-0.67l1.24,-0.86l0.45,-0.0l-0.2,3.0l-1.21,3.62l-2.73,5.97l-2.13,3.65l-5.03,6.16l-8.56,6.4l-2.78,3.08l-0.8,1.56Z",name:"Somalia"},SN:{path:"M390.09,248.21l0.12,1.55l0.49,1.46l0.96,0.82l0.05,1.28l-1.26,-0.19l-0.75,0.33l-1.84,-0.61l-5.84,-0.13l-2.54,0.51l-0.22,-1.03l1.77,0.04l2.01,-0.91l1.03,0.48l1.09,0.04l1.29,-0.62l0.14,-0.58l-0.51,-0.74l-1.81,0.25l-1.13,-0.63l-0.79,0.04l-0.72,0.61l-2.31,0.06l-0.92,-1.77l-0.81,-0.64l0.64,-0.35l2.46,-3.74l1.04,0.19l1.38,-0.56l1.19,-0.02l2.72,1.37l3.03,3.48Z",name:"Senegal"},SL:{path:"M394.46,264.11l-1.73,1.98l-0.58,1.33l-2.07,-1.06l-1.22,-1.26l-0.65,-2.39l1.16,-0.96l0.67,-1.17l1.21,-0.52l1.66,0.0l1.03,1.64l0.52,2.41Z",name:"Sierra Leone"},SB:{path:"M826.69,311.6l-0.61,0.09l-0.2,-0.33l0.37,0.15l0.44,0.09ZM824.18,307.38l-0.26,-0.3l-0.31,-0.91l0.03,0.0l0.54,1.21ZM823.04,309.33l-1.66,-0.22l-0.2,-0.52l1.16,0.28l0.69,0.46ZM819.28,304.68l1.14,0.65l0.02,0.03l-0.81,-0.44l-0.35,-0.23Z",name:"Solomon Is."},SA:{path:"M537.53,210.34l2.0,0.24l0.9,1.32l1.49,-0.06l0.87,2.08l1.29,0.76l0.51,0.99l1.56,1.03l-0.1,1.9l0.32,0.9l1.58,2.47l0.76,0.53l0.7,-0.04l1.68,4.23l7.53,1.33l0.51,-0.29l0.77,1.25l-1.55,4.87l-7.29,2.52l-7.3,1.03l-2.34,1.17l-1.88,2.74l-0.76,0.28l-0.82,-0.78l-0.91,0.12l-2.88,-0.51l-3.51,0.25l-0.86,-0.56l-0.57,0.15l-0.66,1.27l0.16,1.11l-0.43,0.32l-0.93,-1.4l-0.33,-1.16l-1.23,-0.88l-1.27,-2.06l-0.78,-2.22l-1.73,-1.79l-1.14,-0.48l-1.54,-2.31l-0.21,-3.41l-1.44,-2.93l-1.27,-1.16l-1.33,-0.57l-1.31,-3.37l-0.77,-0.67l-0.97,-1.97l-2.8,-4.03l-1.06,-0.17l0.37,-1.96l0.2,-0.72l2.74,0.3l1.08,-0.84l0.6,-0.94l1.74,-0.35l0.65,-1.03l0.71,-0.4l0.1,-0.62l-2.06,-2.28l4.39,-1.22l0.48,-0.37l2.77,0.69l3.66,1.9l7.03,5.5l4.87,0.3Z",name:"Saudi Arabia"},SE:{path:"M480.22,89.3l-4.03,1.17l-2.43,2.86l0.26,2.57l-8.77,6.64l-1.78,5.79l1.78,2.68l2.22,1.96l-2.07,3.77l-2.72,1.13l-0.95,6.04l-1.29,3.01l-2.74,-0.31l-0.4,0.22l-1.31,2.59l-2.34,0.13l-0.75,-3.09l-2.08,-4.03l-1.83,-4.96l1.0,-1.93l2.14,-2.7l0.83,-4.45l-1.6,-2.17l-0.15,-4.94l1.48,-3.39l2.58,-0.15l0.87,-1.59l-0.78,-1.57l3.76,-5.59l4.04,-7.48l2.17,0.01l0.39,-0.29l0.57,-2.07l4.37,0.64l0.46,-0.34l0.33,-2.56l1.1,-0.13l6.94,4.87l0.06,6.32l0.66,1.36Z",name:"Sweden"},SD:{path:"M505.98,259.4l-0.34,-0.77l-1.17,-0.9l-0.26,-1.61l0.29,-1.81l-0.34,-0.46l-1.16,-0.17l-0.54,0.59l-1.23,0.11l-0.28,0.65l0.53,0.65l0.17,1.22l-2.44,3.0l-0.96,0.19l-2.39,-1.4l-0.95,0.52l-0.38,0.78l-1.11,0.41l-0.29,0.5l-1.94,0.0l-0.54,-0.52l-1.81,-0.09l-0.95,0.4l-2.45,-2.35l-2.07,0.54l-0.73,1.26l-0.6,2.1l-1.25,0.58l-0.75,-0.62l0.27,-2.65l-1.48,-1.78l-0.22,-1.48l-0.92,-0.96l-0.02,-1.29l-0.57,-1.16l-0.68,-0.16l0.69,-1.29l-0.18,-1.14l0.65,-0.62l0.03,-0.55l-0.36,-0.41l1.55,-2.97l1.91,0.16l0.43,-0.4l-0.1,-10.94l2.49,-0.01l0.4,-0.4l-0.0,-4.82l29.02,0.0l0.64,2.04l-0.49,0.66l0.36,2.69l0.93,3.16l2.12,1.55l-0.89,1.04l-1.72,0.39l-0.98,0.9l-1.43,5.65l0.24,1.15l-0.38,2.06l-0.96,2.38l-1.53,1.31l-1.32,2.91l-1.22,0.86l-0.37,1.34Z",name:"Sudan"},DO:{path:"M241.8,239.2l0.05,-0.65l-0.46,-0.73l0.42,-0.44l0.19,-1.0l-0.09,-1.53l1.66,0.01l1.99,0.63l0.33,0.67l1.28,0.19l0.33,0.76l1.0,0.08l0.8,0.62l-0.45,0.51l-1.13,-0.47l-1.88,-0.01l-1.27,0.59l-0.75,-0.55l-1.01,0.54l-0.79,1.4l-0.23,-0.61Z",name:"Dominican Rep."},DJ:{path:"M528.43,256.18l-0.45,0.66l-0.58,-0.25l-1.51,0.13l-0.18,-1.01l1.45,-1.95l0.83,0.17l0.77,-0.44l0.2,1.0l-1.2,0.51l-0.06,0.7l0.73,0.47Z",name:"Djibouti"},DK:{path:"M452.28,129.07l-1.19,2.24l-2.13,-1.6l-0.23,-0.95l2.98,-0.95l0.57,1.26ZM447.74,126.31l-0.26,0.57l-0.88,-0.07l-1.8,2.53l0.48,1.69l-1.09,0.36l-1.61,-0.39l-0.89,-1.69l-0.07,-3.43l0.96,-1.73l2.02,-0.2l1.09,-1.07l1.33,-0.67l-0.05,1.06l-0.73,1.41l0.3,1.0l1.2,0.64Z",name:"Denmark"},DE:{path:"M453.14,155.55l-0.55,-0.36l-1.2,-0.1l-1.87,0.57l-2.13,-0.13l-0.56,0.63l-0.86,-0.6l-0.96,0.09l-2.57,-0.93l-0.85,0.67l-1.47,-0.02l0.24,-1.75l1.23,-2.14l-0.28,-0.59l-3.52,-0.58l-0.92,-0.66l0.12,-1.2l-0.48,-0.88l0.27,-2.17l-0.37,-3.03l1.41,-0.22l0.63,-1.26l0.66,-3.19l-0.41,-1.18l0.26,-0.39l1.66,-0.15l0.33,0.54l0.62,0.07l1.7,-1.69l-0.54,-3.02l1.37,0.33l1.31,-0.37l0.31,1.18l2.25,0.71l-0.02,0.92l0.5,0.4l2.55,-0.65l1.34,-0.87l2.57,1.24l1.06,0.98l0.48,1.44l-0.57,0.74l-0.0,0.48l0.87,1.15l0.57,1.64l-0.14,1.29l0.82,1.7l-1.5,-0.07l-0.56,0.57l-4.47,2.15l-0.22,0.54l0.68,2.26l2.58,2.16l-0.66,1.11l-0.79,0.36l-0.23,0.43l0.32,1.87Z",name:"Germany"},YE:{path:"M528.27,246.72l0.26,-0.42l-0.22,-1.01l0.19,-1.5l0.92,-0.69l-0.07,-1.35l0.39,-0.75l1.01,0.47l3.34,-0.27l3.76,0.41l0.95,0.81l1.36,-0.58l1.74,-2.62l2.18,-1.09l6.86,-0.94l2.48,5.41l-1.64,0.76l-0.56,1.9l-6.23,2.16l-2.29,1.8l-1.93,0.05l-1.41,1.02l-4.24,0.74l-1.72,1.49l-3.28,0.19l-0.52,-1.18l0.02,-1.51l-1.34,-3.29Z",name:"Yemen"},AT:{path:"M462.89,152.8l0.04,2.25l-1.07,0.0l-0.33,0.63l0.36,0.51l-1.04,2.13l-2.02,0.07l-1.33,0.7l-5.29,-0.99l-0.47,-0.93l-0.44,-0.21l-2.47,0.55l-0.42,0.51l-3.18,-0.81l0.43,-0.91l1.12,0.78l0.6,-0.17l0.25,-0.58l1.93,0.12l1.86,-0.56l1.0,0.08l0.68,0.57l0.62,-0.15l0.26,-0.77l-0.3,-1.78l0.8,-0.44l0.68,-1.15l1.52,0.85l0.47,-0.06l1.34,-1.25l0.64,-0.17l1.81,0.92l1.28,-0.11l0.7,0.37Z",name:"Austria"},DZ:{path:"M441.46,188.44l-0.32,1.07l0.39,2.64l-0.54,2.16l-1.58,1.82l0.37,2.39l1.91,1.55l0.18,0.8l1.42,1.03l1.84,7.23l0.12,1.16l-0.57,5.0l0.2,1.51l-0.87,0.99l-0.02,0.51l1.41,1.86l0.14,1.2l0.89,1.48l0.5,0.16l0.98,-0.41l1.73,1.08l0.82,1.23l-8.22,4.81l-7.23,5.11l-3.43,1.13l-2.3,0.21l-0.28,-1.59l-2.56,-1.09l-0.67,-1.25l-26.12,-17.86l0.01,-3.47l3.77,-1.88l2.44,-0.41l2.12,-0.75l1.08,-1.42l2.81,-1.05l0.35,-2.08l1.33,-0.29l1.04,-0.94l3.47,-0.69l0.46,-1.08l-0.1,-0.45l-0.58,-0.52l-0.82,-2.81l-0.19,-1.83l-0.78,-1.49l2.03,-1.31l2.63,-0.48l1.7,-1.22l2.31,-0.84l8.24,-0.73l1.49,0.38l2.28,-1.1l2.46,-0.02l0.92,0.6l1.35,-0.05Z",name:"Algeria"},US:{path:"M892.72,99.2l1.31,0.53l1.41,-0.37l1.89,0.98l1.89,0.42l-1.32,0.58l-2.9,-1.53l-2.08,0.22l-0.26,-0.15l0.07,-0.67ZM183.22,150.47l0.37,1.47l1.12,0.85l4.23,0.7l2.39,0.98l2.17,-0.38l1.85,0.5l-1.55,0.65l-3.49,2.61l-0.16,0.77l0.5,0.39l2.33,-0.61l1.77,1.02l5.15,-2.4l-0.31,0.65l0.25,0.56l1.36,0.38l1.71,1.16l4.7,-0.88l0.67,0.85l1.31,0.21l0.58,0.58l-1.34,0.17l-2.18,-0.32l-3.6,0.89l-2.71,3.25l0.35,0.9l0.59,-0.0l0.55,-0.6l-1.36,4.65l0.29,3.09l0.67,1.58l0.61,0.45l1.77,-0.44l1.6,-1.96l0.14,-2.21l-0.82,-1.96l0.11,-1.13l1.19,-2.37l0.44,-0.33l0.48,0.75l0.4,-0.29l0.4,-1.37l0.6,-0.47l0.24,-0.8l1.69,0.49l1.65,1.08l-0.03,2.37l-1.27,1.13l-0.0,1.13l0.87,0.36l1.66,-1.29l0.5,0.17l0.5,2.6l-2.49,3.75l0.17,0.61l1.54,0.62l1.48,0.17l1.92,-0.44l4.72,-2.15l2.16,-1.8l-0.05,-1.24l0.75,-0.22l3.92,0.36l2.12,-1.05l0.21,-0.4l-0.28,-1.48l3.27,-2.4l8.32,-0.02l0.56,-0.82l1.9,-0.77l0.93,-1.51l0.74,-2.37l1.58,-1.98l0.92,0.62l1.47,-0.47l0.8,0.66l-0.0,4.09l1.96,2.6l-2.34,1.31l-5.37,2.09l-1.83,2.72l0.02,1.79l0.83,1.59l0.54,0.23l-6.19,0.94l-2.2,0.89l-0.23,0.48l0.45,0.29l2.99,-0.46l-2.19,0.56l-1.13,0.0l-0.15,-0.32l-0.48,0.08l-0.76,0.82l0.22,0.67l0.32,0.06l-0.41,1.62l-1.27,1.58l-1.48,-1.07l-0.49,-0.04l-0.16,0.46l0.52,1.58l0.61,0.59l0.03,0.79l-0.95,1.38l-1.21,-1.22l-0.27,-2.27l-0.35,-0.35l-0.42,0.25l-0.48,1.27l0.33,1.41l-0.97,-0.27l-0.48,0.24l0.18,0.5l1.52,0.83l0.1,2.52l0.79,0.51l0.52,3.42l-1.42,1.88l-2.47,0.8l-1.71,1.66l-1.31,0.25l-1.27,1.03l-0.43,0.99l-2.69,1.78l-2.64,3.03l-0.45,2.12l0.45,2.08l0.85,2.38l1.09,1.9l0.04,1.2l1.16,3.06l-0.18,2.69l-0.55,1.43l-0.47,0.21l-0.89,-0.23l-0.49,-1.18l-0.87,-0.56l-2.75,-5.16l0.48,-1.68l-0.72,-1.78l-2.01,-2.38l-1.12,-0.53l-2.72,1.18l-1.47,-1.35l-1.57,-0.68l-2.99,0.31l-2.17,-0.3l-2.0,0.19l-1.15,0.46l-0.19,0.58l0.39,0.63l0.14,1.34l-0.84,-0.2l-0.84,0.46l-1.58,-0.07l-2.08,-1.44l-2.09,0.33l-1.91,-0.62l-3.73,0.84l-2.39,2.07l-2.54,1.22l-1.45,1.41l-0.61,1.38l0.34,3.71l-0.29,0.02l-3.5,-1.33l-1.25,-3.11l-1.44,-1.5l-2.24,-3.56l-1.76,-1.09l-2.27,-0.01l-1.71,2.07l-1.76,-0.69l-1.16,-0.74l-1.52,-2.98l-3.93,-3.16l-4.34,-0.0l-0.4,0.4l-0.0,0.74l-6.5,0.02l-9.02,-3.14l-0.34,-0.71l-5.7,0.49l-0.43,-1.29l-1.62,-1.61l-1.14,-0.38l-0.55,-0.88l-1.28,-0.13l-1.01,-0.77l-2.22,-0.27l-0.43,-0.3l-0.36,-1.58l-2.4,-2.83l-2.01,-3.85l-0.06,-0.9l-2.92,-3.26l-0.33,-2.29l-1.3,-1.66l0.52,-2.37l-0.09,-2.57l-0.78,-2.3l0.95,-2.82l0.61,-5.68l-0.47,-4.27l-1.46,-4.08l3.19,0.79l1.26,2.83l0.69,0.08l0.69,-1.14l-1.1,-4.79l68.76,-0.0l0.4,-0.4l0.14,-0.86ZM32.44,67.52l1.73,1.97l0.55,0.05l0.99,-0.79l3.65,0.24l-0.09,0.62l0.32,0.45l3.83,0.77l2.61,-0.43l5.19,1.4l4.84,0.43l1.89,0.57l3.42,-0.7l6.14,1.87l-0.03,38.06l0.38,0.4l2.39,0.11l2.31,0.98l3.9,3.99l0.55,0.04l2.4,-2.03l2.16,-1.04l1.2,1.71l3.95,3.14l4.09,6.63l4.2,2.29l0.06,1.83l-1.02,1.23l-1.16,-1.08l-2.04,-1.03l-0.67,-2.89l-3.28,-3.03l-1.65,-3.57l-6.35,-0.32l-2.82,-1.01l-5.26,-3.85l-6.77,-2.04l-3.53,0.3l-4.81,-1.69l-3.25,-1.63l-2.78,0.8l-0.28,0.46l0.44,2.21l-3.91,0.96l-2.26,1.27l-2.3,0.65l-0.27,-1.65l1.05,-3.42l2.49,-1.09l0.16,-0.6l-0.69,-0.96l-0.55,-0.1l-3.19,2.12l-1.78,2.56l-3.55,2.61l-0.04,0.61l1.56,1.52l-2.07,2.29l-5.11,2.57l-0.77,1.66l-3.76,1.77l-0.92,1.73l-2.69,1.38l-1.81,-0.22l-6.95,3.32l-3.97,0.91l4.85,-2.5l2.59,-1.86l3.26,-0.52l1.19,-1.4l3.42,-2.1l2.59,-2.27l0.42,-2.68l1.23,-2.1l-0.04,-0.46l-0.45,-0.11l-2.68,1.03l-0.63,-0.49l-0.53,0.03l-1.05,1.04l-1.36,-1.54l-0.66,0.08l-0.32,0.62l-0.58,-1.14l-0.56,-0.16l-2.41,1.42l-1.07,-0.0l-0.17,-1.75l0.3,-1.71l-1.61,-1.33l-3.41,0.59l-1.96,-1.63l-1.57,-0.84l-0.15,-2.21l-1.7,-1.43l0.82,-1.88l1.99,-2.12l0.88,-1.92l1.71,-0.24l2.04,0.51l1.87,-1.77l1.91,0.25l1.91,-1.23l0.17,-0.43l-0.47,-1.82l-1.07,-0.7l1.39,-1.17l0.12,-0.45l-0.39,-0.26l-1.65,0.07l-2.66,0.88l-0.75,0.78l-1.92,-0.8l-3.46,0.44l-3.44,-0.91l-1.06,-1.61l-2.65,-1.99l2.91,-1.43l5.5,-2.0l1.52,0.0l-0.26,1.62l0.41,0.46l5.29,-0.16l0.3,-0.65l-2.03,-2.59l-3.14,-1.68l-1.79,-2.12l-2.4,-1.83l-3.09,-1.24l1.04,-1.69l4.23,-0.14l3.36,-2.07l0.73,-2.27l2.39,-1.99l2.42,-0.52l4.65,-1.97l2.46,0.23l3.71,-2.35l3.5,0.89ZM37.6,123.41l-2.25,1.23l-0.95,-0.69l-0.29,-1.24l3.21,-1.63l1.42,0.21l0.67,0.7l-1.8,1.42ZM31.06,234.03l0.98,0.47l0.74,0.87l-1.77,1.07l-0.44,-1.53l0.49,-0.89ZM29.34,232.07l0.18,0.05l0.08,0.05l-0.16,0.03l-0.11,-0.14ZM25.16,230.17l0.05,-0.03l0.18,0.22l-0.13,-0.01l-0.1,-0.18ZM5.89,113.26l-1.08,0.41l-2.21,-1.12l1.53,-0.4l1.62,0.28l0.14,0.83Z",name:"United States"},LV:{path:"M489.16,122.85l0.96,0.66l0.22,1.65l0.68,1.76l-3.65,1.7l-2.23,-1.58l-1.29,-0.26l-0.68,-0.77l-2.42,0.34l-4.16,-0.23l-2.47,0.9l0.06,-1.98l1.13,-2.06l1.95,-1.02l2.12,2.58l2.01,-0.07l0.38,-0.33l0.44,-2.52l1.76,-0.53l3.06,1.7l2.15,0.07Z",name:"Latvia"},UY:{path:"M286.85,372.74l-0.92,1.5l-2.59,1.44l-1.69,-0.52l-1.42,0.26l-2.39,-1.19l-1.52,0.08l-1.27,-1.3l0.16,-1.5l0.56,-0.79l-0.02,-2.73l1.21,-4.74l1.19,-0.21l2.37,2.0l1.08,0.03l4.36,3.17l1.22,1.6l-0.96,1.5l0.61,1.4Z",name:"Uruguay"},LB:{path:"M510.37,198.01l-0.88,0.51l1.82,-3.54l0.62,0.08l0.22,0.61l-1.13,0.88l-0.65,1.47Z",name:"Lebanon"},LA:{path:"M689.54,248.53l-1.76,-0.74l-0.49,0.15l-0.94,1.46l-1.32,-0.64l0.62,-0.98l0.11,-2.17l-2.04,-2.42l-0.25,-2.65l-1.9,-2.1l-2.15,-0.31l-0.78,0.91l-1.12,0.06l-1.05,-0.4l-2.06,1.2l-0.04,-1.59l0.61,-2.68l-0.36,-0.49l-1.35,-0.1l-0.11,-1.23l-0.96,-0.88l1.96,-1.89l0.39,0.36l1.33,0.07l0.42,-0.45l-0.34,-2.66l0.7,-0.21l1.28,1.81l1.11,2.35l0.36,0.23l2.82,0.02l0.71,1.67l-1.39,0.65l-0.72,0.93l0.13,0.6l2.91,1.51l3.6,5.25l1.88,1.78l0.56,1.62l-0.35,1.96Z",name:"Lao PDR"},TW:{path:"M724.01,226.68l-0.74,1.48l-0.9,-1.52l-0.25,-1.74l1.38,-2.44l1.73,-1.74l0.64,0.44l-1.85,5.52Z",name:"Taiwan"},TT:{path:"M266.64,259.32l0.28,-1.16l1.13,-0.22l-0.06,1.2l-1.35,0.18Z",name:"Trinidad and Tobago"},TR:{path:"M513.21,175.47l3.64,1.17l3.05,-0.44l2.1,0.26l3.11,-1.56l2.46,-0.13l2.19,1.33l0.33,0.82l-0.22,1.33l0.25,0.44l2.28,1.13l-1.17,0.57l-0.21,0.45l0.75,3.2l-0.41,1.16l1.13,1.92l-0.55,0.22l-0.9,-0.67l-2.91,-0.37l-1.24,0.46l-4.23,0.41l-2.81,1.05l-1.91,0.01l-1.52,-0.53l-2.58,0.75l-0.66,-0.45l-0.62,0.3l-0.12,1.45l-0.89,0.84l-0.47,-0.67l0.79,-1.3l-0.41,-0.2l-1.43,0.23l-2.0,-0.63l-2.02,1.65l-3.51,0.3l-2.13,-1.53l-2.7,-0.1l-0.86,1.24l-1.38,0.27l-2.29,-1.44l-2.71,-0.01l-1.37,-2.65l-1.68,-1.52l1.07,-1.99l-0.09,-0.49l-1.27,-1.12l2.37,-2.41l3.7,-0.11l1.28,-2.24l4.49,0.37l3.21,-1.97l2.81,-0.82l3.99,-0.06l4.29,2.07ZM488.79,176.72l-1.72,1.31l-0.5,-0.88l1.37,-2.57l-0.7,-0.85l1.7,-0.63l1.8,0.34l0.46,1.17l1.76,0.78l-2.87,0.32l-1.3,1.01Z",name:"Turkey"},LK:{path:"M624.16,268.99l-1.82,0.48l-0.99,-1.67l-0.42,-3.46l0.95,-3.43l1.21,0.98l2.26,4.19l-0.34,2.33l-0.85,0.58Z",name:"Sri Lanka"},TN:{path:"M448.1,188.24l-1.0,1.27l-0.02,1.32l0.84,0.88l-0.28,2.09l-1.53,1.32l-0.12,0.42l0.48,1.54l1.42,0.32l0.53,1.11l0.9,0.52l-0.11,1.67l-3.54,2.64l-0.1,2.38l-0.58,0.3l-0.96,-4.45l-1.54,-1.25l-0.16,-0.78l-1.92,-1.56l-0.18,-1.76l1.51,-1.62l0.59,-2.34l-0.38,-2.78l0.42,-1.21l2.45,-1.05l1.29,0.26l-0.06,1.11l0.58,0.38l1.47,-0.73Z",name:"Tunisia"},TL:{path:"M734.55,307.93l-0.1,-0.97l4.5,-0.86l-2.82,1.28l-1.59,0.55Z",name:"Timor-Leste"},TM:{path:"M553.03,173.76l-0.04,0.34l-0.09,-0.22l0.13,-0.12ZM555.87,172.66l0.45,-0.1l1.48,0.74l2.06,2.43l4.07,-0.18l0.38,-0.51l-0.32,-1.19l1.92,-0.94l1.91,-1.59l2.94,1.39l0.43,2.47l1.19,0.67l2.58,-0.13l0.62,0.4l1.32,3.12l4.54,3.44l2.67,1.45l3.06,1.14l-0.04,1.05l-1.33,-0.75l-0.59,0.19l-0.32,0.84l-2.2,0.81l-0.46,2.13l-1.21,0.74l-1.91,0.42l-0.73,1.33l-1.56,0.31l-2.22,-0.94l-0.2,-2.17l-0.38,-0.36l-1.73,-0.09l-2.76,-2.46l-2.14,-0.4l-2.84,-1.48l-1.78,-0.27l-1.24,0.53l-1.57,-0.08l-2.0,1.69l-1.7,0.43l-0.36,-1.58l0.36,-2.98l-0.22,-0.4l-1.65,-0.84l0.54,-1.69l-0.34,-0.52l-1.22,-0.13l0.36,-1.64l2.22,0.59l2.2,-0.95l0.12,-0.65l-1.77,-1.74l-0.66,-1.57Z",name:"Turkmenistan"},TJ:{path:"M597.75,178.82l-2.54,-0.44l-0.47,0.34l-0.24,1.7l0.43,0.45l2.64,-0.22l3.18,0.95l4.39,-0.41l0.56,2.37l0.52,0.29l0.67,-0.24l1.11,0.49l0.21,2.13l-3.76,-0.21l-1.8,1.32l-1.76,0.74l-0.61,-0.58l0.21,-2.23l-0.64,-0.49l-0.07,-0.93l-1.36,-0.66l-0.45,0.07l-1.08,1.01l-0.55,1.48l-1.31,-0.05l-0.95,1.16l-0.9,-0.35l-1.86,0.74l1.26,-2.83l-0.54,-2.17l-1.67,-0.82l0.33,-0.66l2.18,-0.04l1.19,-1.63l0.76,-1.79l2.43,-0.5l-0.26,1.0l0.73,1.05Z",name:"Tajikistan"},LS:{path:"M491.06,363.48l-0.49,0.15l-1.49,-1.67l1.1,-1.43l2.19,-1.44l1.51,1.27l-0.98,1.82l-1.23,0.38l-0.62,0.93Z",name:"Lesotho"},TH:{path:"M670.27,255.86l-1.41,3.87l0.15,2.0l0.38,0.36l1.38,0.07l0.9,2.04l0.55,2.34l1.4,1.44l1.61,0.38l0.96,0.97l-0.5,0.64l-1.1,0.2l-0.34,-1.18l-2.04,-1.1l-0.63,0.23l-0.63,-0.62l-0.48,-1.3l-2.56,-2.63l-0.73,0.41l0.95,-3.89l2.16,-4.22ZM670.67,254.77l-0.92,-2.18l-0.26,-2.61l-2.14,-3.06l0.71,-0.49l0.89,-2.59l-3.61,-5.45l0.87,-0.51l1.05,-2.58l1.74,-0.18l2.6,-1.59l0.76,0.56l0.13,1.39l0.37,0.36l1.23,0.09l-0.51,2.28l0.05,2.42l0.6,0.34l2.43,-1.42l0.77,0.39l1.47,-0.07l0.71,-0.88l1.48,0.14l1.71,1.88l0.25,2.65l1.92,2.11l-0.1,1.89l-0.61,0.86l-2.22,-0.33l-3.5,0.64l-1.6,2.12l0.36,2.58l-1.51,-0.79l-1.84,-0.01l0.28,-1.52l-0.4,-0.47l-2.21,0.01l-0.4,0.37l-0.19,2.74l-0.34,0.93Z",name:"Thailand"},TF:{path:"M596.68,420.38l-3.2,0.18l-0.05,-1.26l0.39,-1.41l1.3,0.78l2.08,0.35l-0.52,1.36Z",name:"Fr. S. Antarctic Lands"},TG:{path:"M422.7,257.63l-0.09,1.23l1.53,1.52l0.08,1.09l0.5,0.65l-0.11,5.62l0.49,1.47l-1.31,0.35l-1.02,-2.13l-0.18,-1.12l0.53,-2.19l-0.63,-1.16l-0.22,-3.68l-1.01,-1.4l0.07,-0.28l1.37,0.03Z",name:"Togo"},TD:{path:"M480.25,235.49l0.12,9.57l-2.1,0.05l-1.14,1.89l-0.69,1.63l0.34,0.73l-0.66,0.91l0.24,0.89l-0.86,1.95l0.45,0.5l0.6,-0.1l0.34,0.64l0.03,1.38l0.9,1.04l-1.45,0.43l-1.27,1.03l-1.83,2.76l-2.16,1.07l-2.31,-0.15l-0.86,0.25l-0.26,0.49l0.17,0.61l-2.11,1.68l-2.85,0.87l-1.09,-0.57l-0.73,0.66l-1.12,0.1l-1.1,-3.12l-1.25,-0.64l-1.22,-1.22l0.29,-0.64l3.01,0.04l0.35,-0.6l-1.3,-2.2l-0.08,-3.31l-0.97,-1.66l0.22,-1.04l-0.38,-0.48l-1.22,-0.04l0.0,-1.25l-0.98,-1.07l0.96,-3.01l3.25,-2.65l0.13,-3.33l0.95,-5.18l0.52,-1.07l-0.1,-0.48l-0.91,-0.78l-0.2,-0.96l-0.8,-0.58l-0.55,-3.65l2.1,-1.2l19.57,9.83Z",name:"Chad"},LY:{path:"M483.48,203.15l-0.75,1.1l0.29,1.39l-0.6,1.83l0.73,2.14l0.0,24.12l-2.48,0.01l-0.41,0.85l-19.41,-9.76l-4.41,2.28l-1.37,-1.33l-3.82,-1.1l-1.14,-1.65l-1.98,-1.23l-1.22,0.32l-0.66,-1.11l-0.17,-1.26l-1.28,-1.69l0.87,-1.19l-0.07,-4.34l0.43,-2.27l-0.86,-3.45l1.13,-0.76l0.22,-1.16l-0.2,-1.03l3.48,-2.61l0.29,-1.94l2.45,0.8l1.18,-0.21l1.98,0.44l3.15,1.18l1.37,2.54l5.72,1.67l2.64,1.35l1.61,-0.72l1.29,-1.34l-0.44,-2.34l0.66,-1.13l1.67,-1.21l1.57,-0.35l3.14,0.53l1.08,1.28l3.99,0.78l0.36,0.54Z",name:"Libya"},AE:{path:"M550.76,223.97l1.88,-0.4l3.84,0.02l4.78,-4.75l0.19,0.36l0.26,1.58l-0.81,0.01l-0.39,0.35l-0.08,2.04l-0.81,0.63l-0.01,0.96l-0.66,0.99l-0.39,1.41l-7.08,-1.25l-0.7,-1.96Z",name:"United Arab Emirates"},VE:{path:"M240.68,256.69l0.53,0.75l-0.02,1.06l-1.07,1.78l0.95,2.0l0.42,0.22l1.4,-0.44l0.56,-1.83l-0.77,-1.17l-0.1,-1.47l2.82,-0.93l0.26,-0.49l-0.28,-0.96l0.3,-0.28l0.66,1.31l1.96,0.26l1.4,1.22l0.08,0.68l0.39,0.35l4.81,-0.22l1.49,1.11l1.92,0.31l1.67,-0.84l0.22,-0.6l3.44,-0.14l-0.17,0.55l0.86,1.19l2.19,0.35l1.67,1.1l0.37,1.86l0.41,0.32l1.55,0.17l-1.66,1.35l-0.22,0.92l0.65,0.97l-1.67,0.54l-0.3,0.4l0.04,0.99l-0.56,0.57l-0.01,0.55l1.85,2.27l-0.66,0.69l-4.47,1.29l-0.72,0.54l-3.69,-0.9l-0.71,0.27l-0.02,0.7l0.91,0.53l-0.08,1.54l0.35,1.58l0.35,0.31l1.66,0.17l-1.3,0.52l-0.48,1.13l-2.68,0.91l-0.6,0.77l-1.57,0.13l-1.17,-1.13l-0.8,-2.52l-1.25,-1.26l1.02,-1.23l-1.29,-2.95l0.18,-1.62l1.0,-2.21l-0.2,-0.49l-1.14,-0.46l-4.02,0.36l-1.82,-2.1l-1.57,-0.33l-2.99,0.22l-1.06,-0.97l0.25,-1.23l-0.2,-1.01l-0.59,-0.69l-0.29,-1.06l-1.08,-0.39l0.78,-2.79l1.9,-2.11Z",name:"Venezuela"},AF:{path:"M600.7,188.88l-1.57,1.3l-0.1,0.48l0.8,2.31l-1.09,1.04l-0.03,1.27l-0.48,0.71l-2.16,-0.08l-0.37,0.59l0.78,1.48l-1.38,0.69l-1.06,1.69l0.06,1.7l-0.65,0.52l-0.91,-0.21l-1.91,0.36l-0.48,0.77l-1.88,0.13l-1.4,1.56l-0.18,2.32l-2.91,1.02l-1.65,-0.23l-0.71,0.55l-1.41,-0.3l-2.41,0.39l-3.52,-1.17l1.96,-2.35l-0.21,-1.78l-0.3,-0.34l-1.63,-0.4l-0.19,-1.58l-0.75,-2.03l0.95,-1.36l-0.19,-0.6l-0.73,-0.28l1.47,-4.8l2.14,0.9l2.12,-0.36l0.74,-1.34l1.77,-0.39l1.54,-0.92l0.63,-2.31l1.87,-0.5l0.49,-0.81l0.94,0.56l2.13,0.11l2.55,0.92l1.95,-0.83l0.65,0.43l0.56,-0.13l0.69,-1.12l1.57,-0.08l0.72,-1.66l0.79,-0.74l0.8,0.39l-0.17,0.56l0.71,0.58l-0.08,2.39l1.11,0.95ZM601.37,188.71l1.73,-0.71l1.43,-1.18l4.03,0.35l-2.23,0.74l-4.95,0.8Z",name:"Afghanistan"},IQ:{path:"M530.82,187.47l0.79,0.66l1.26,-0.28l1.46,3.08l1.63,0.94l0.14,1.23l-1.22,1.05l-0.53,2.52l1.73,2.67l3.12,1.62l1.15,1.88l-0.38,1.85l0.39,0.48l0.41,-0.0l0.02,1.07l0.76,0.94l-2.47,-0.1l-1.71,2.44l-4.31,-0.2l-7.02,-5.48l-3.73,-1.94l-2.88,-0.73l-0.85,-2.87l5.45,-3.02l0.95,-3.43l-0.19,-1.96l1.27,-0.7l1.22,-1.7l0.87,-0.36l2.69,0.34Z",name:"Iraq"},IS:{path:"M384.14,88.06l-0.37,2.61l2.54,2.51l-2.9,2.75l-9.19,3.4l-9.25,-1.66l1.7,-1.22l-0.1,-0.7l-4.05,-1.47l2.96,-0.53l0.33,-0.43l-0.11,-1.2l-0.33,-0.36l-4.67,-0.85l1.28,-2.04l3.45,-0.56l3.77,2.72l0.44,0.02l3.64,-2.16l3.3,1.08l3.98,-2.16l3.58,0.26Z",name:"Iceland"},IR:{path:"M533.43,187.16l-1.27,-2.15l0.42,-0.98l-0.71,-3.04l1.03,-0.5l0.33,0.83l1.26,1.35l2.05,0.51l1.11,-0.16l2.89,-2.11l0.62,-0.14l0.39,0.46l-0.72,1.2l0.06,0.49l1.56,1.53l0.65,0.04l0.67,1.81l2.56,0.83l1.87,1.48l3.69,0.49l3.91,-0.76l0.47,-0.73l2.17,-0.6l1.66,-1.54l1.51,0.08l1.18,-0.53l1.59,0.24l2.83,1.48l1.88,0.3l2.77,2.47l1.77,0.18l0.18,1.99l-1.68,5.49l0.24,0.5l0.61,0.23l-0.82,1.48l0.8,2.18l0.19,1.71l0.3,0.34l1.63,0.4l0.15,1.32l-2.15,2.35l-0.01,0.53l2.21,3.03l2.34,1.24l0.06,2.14l1.24,0.72l0.11,0.69l-3.31,1.27l-1.08,3.03l-9.68,-1.68l-0.99,-3.05l-1.43,-0.73l-2.17,0.46l-2.47,1.26l-2.83,-0.82l-2.46,-2.02l-2.41,-0.8l-3.42,-6.06l-0.48,-0.2l-1.18,0.39l-1.44,-0.82l-0.5,0.08l-0.65,0.74l-0.97,-1.01l-0.02,-1.31l-0.71,-0.39l0.26,-1.81l-1.29,-2.11l-3.13,-1.63l-1.58,-2.43l0.5,-1.9l1.31,-1.26l-0.19,-1.66l-1.74,-1.1l-1.57,-3.3Z",name:"Iran"},AM:{path:"M536.99,182.33l-0.28,0.03l-1.23,-2.13l-0.93,0.01l-0.62,-0.66l-0.69,-0.07l-0.96,-0.81l-1.56,-0.62l0.19,-1.12l-0.26,-0.79l2.72,-0.36l1.09,1.01l-0.17,0.92l1.02,0.78l-0.47,0.62l0.08,0.56l2.04,1.23l0.04,1.4Z",name:"Armenia"},IT:{path:"M451.59,158.63l3.48,0.94l-0.21,1.17l0.3,0.83l-1.49,-0.24l-2.04,1.1l-0.21,0.39l0.13,1.45l-0.25,1.12l0.82,1.57l2.39,1.63l1.31,2.54l2.79,2.43l2.05,0.08l0.21,0.23l-0.39,0.33l0.09,0.67l4.05,1.97l2.17,1.76l-0.16,0.36l-1.17,-1.08l-2.18,-0.49l-0.44,0.2l-1.05,1.91l0.14,0.54l1.57,0.95l-0.19,0.98l-1.06,0.33l-1.25,2.34l-0.37,0.08l0.0,-0.33l1.0,-2.45l-1.73,-3.17l-1.12,-0.51l-0.88,-1.33l-1.51,-0.51l-1.27,-1.25l-1.75,-0.18l-4.12,-3.21l-1.62,-1.65l-1.03,-3.19l-3.53,-1.36l-1.3,0.51l-1.69,1.41l0.16,-0.72l-0.28,-0.47l-1.14,-0.33l-0.53,-1.96l0.72,-0.78l0.04,-0.48l-0.65,-1.17l0.8,0.39l1.4,-0.23l1.11,-0.84l0.52,0.35l1.19,-0.1l0.75,-1.2l1.53,0.33l1.36,-0.56l0.35,-1.14l1.08,0.32l0.68,-0.64l1.98,-0.44l0.42,0.82ZM459.19,184.75l-0.65,1.65l0.32,1.05l-0.31,0.89l-1.5,-0.85l-4.5,-1.67l0.19,-0.82l2.67,0.23l3.78,-0.48ZM443.93,176.05l1.18,1.66l-0.3,3.32l-1.06,-0.01l-0.77,0.73l-0.53,-0.44l-0.1,-3.37l-0.39,-1.22l1.04,0.01l0.92,-0.68Z",name:"Italy"},VN:{path:"M690.56,230.25l-2.7,1.82l-2.09,2.46l-0.63,1.95l4.31,6.45l2.32,1.65l1.43,1.94l1.11,4.59l-0.32,4.24l-1.93,1.54l-2.84,1.61l-2.11,2.15l-2.73,2.06l-0.59,-1.05l0.63,-1.53l-0.13,-0.47l-1.34,-1.04l1.51,-0.71l2.55,-0.18l0.3,-0.63l-0.82,-1.14l4.0,-2.07l0.31,-3.05l-0.57,-1.77l0.42,-2.66l-0.73,-1.97l-1.86,-1.76l-3.63,-5.29l-2.72,-1.46l0.36,-0.47l1.5,-0.64l0.21,-0.52l-0.97,-2.27l-0.37,-0.24l-2.83,-0.02l-2.24,-3.9l0.83,-0.4l4.39,-0.29l2.06,-1.31l1.15,0.89l1.88,0.4l-0.17,1.51l1.35,1.16l1.67,0.45Z",name:"Vietnam"},AR:{path:"M249.29,428.93l-2.33,-0.52l-5.83,-0.43l-0.89,-1.66l0.05,-2.37l-0.45,-0.4l-1.43,0.18l-0.67,-0.91l-0.2,-3.13l1.88,-1.47l0.79,-2.04l-0.25,-1.7l1.3,-2.68l0.91,-4.15l-0.22,-1.69l0.85,-0.45l0.2,-0.44l-0.27,-1.16l-0.98,-0.68l0.59,-0.92l-0.05,-0.5l-1.04,-1.07l-0.52,-3.1l0.97,-0.86l-0.42,-3.58l1.2,-5.43l1.38,-0.98l0.16,-0.43l-0.75,-2.79l-0.01,-2.43l1.78,-1.75l0.06,-2.57l1.43,-2.85l0.01,-2.58l-0.69,-0.74l-1.09,-4.52l1.47,-2.7l-0.18,-2.79l0.85,-2.35l1.59,-2.46l1.73,-1.64l0.05,-0.52l-0.6,-0.84l0.44,-0.85l-0.07,-4.19l2.7,-1.44l0.86,-2.75l-0.21,-0.71l1.76,-2.01l2.9,0.57l1.38,1.78l0.68,-0.08l0.87,-1.87l2.39,0.09l4.95,4.77l2.17,0.49l3.0,1.92l2.47,1.0l0.25,0.82l-2.37,3.93l0.23,0.59l5.39,1.16l2.12,-0.44l2.45,-2.16l0.5,-2.38l0.76,-0.31l0.98,1.2l-0.04,1.8l-3.67,2.51l-2.85,2.66l-3.43,3.88l-1.3,5.07l0.01,2.72l-0.54,0.73l-0.36,3.28l3.14,2.64l-0.16,2.11l1.4,1.11l-0.1,1.09l-2.29,3.52l-3.55,1.49l-4.92,0.6l-2.71,-0.29l-0.43,0.51l0.5,1.65l-0.49,2.1l0.38,1.42l-1.19,0.83l-2.36,0.38l-2.3,-1.04l-1.38,0.83l0.41,3.64l1.69,0.91l1.4,-0.71l0.36,0.76l-2.04,0.86l-2.01,1.89l-0.97,4.63l-2.34,0.1l-2.09,1.78l-0.61,2.75l2.46,2.31l2.17,0.63l-0.7,2.32l-2.83,1.73l-1.73,3.86l-2.17,1.22l-1.16,1.67l0.75,3.76l1.04,1.28ZM256.71,438.88l-2.0,0.15l-1.4,-1.22l-3.82,-0.1l-0.0,-5.83l1.6,3.05l3.26,2.07l3.08,0.78l-0.71,1.1Z",name:"Argentina"},AU:{path:"M705.8,353.26l0.26,0.04l0.17,-0.47l-0.48,-1.42l0.92,1.11l0.45,0.15l0.27,-0.39l-0.1,-1.56l-1.98,-3.63l1.09,-3.31l-0.24,-1.57l0.34,-0.62l0.38,1.06l0.43,-0.19l0.99,-1.7l1.91,-0.83l1.29,-1.15l1.81,-0.91l0.96,-0.17l0.92,0.26l1.92,-0.95l1.47,-0.28l1.03,-0.8l1.43,0.04l2.78,-0.84l1.36,-1.15l0.71,-1.45l1.41,-1.26l0.3,-2.58l1.27,-1.59l0.78,1.65l0.54,0.19l1.07,-0.51l0.15,-0.6l-0.73,-1.0l0.45,-0.71l0.78,0.39l0.58,-0.3l0.28,-1.82l1.87,-2.14l1.12,-0.39l0.28,-0.58l0.62,0.17l0.53,-0.73l1.87,-0.57l1.65,1.05l1.35,1.48l3.39,0.38l0.43,-0.54l-0.46,-1.23l1.05,-1.79l1.04,-0.61l0.14,-0.55l-0.25,-0.41l0.88,-1.17l1.31,-0.77l1.3,0.27l2.1,-0.48l0.31,-0.4l-0.05,-1.3l-0.92,-0.77l1.48,0.56l1.41,1.07l2.11,0.65l0.81,-0.2l1.4,0.7l1.69,-0.66l0.8,0.19l0.64,-0.33l0.71,0.77l-1.33,1.94l-0.71,0.07l-0.35,0.51l0.24,0.86l-1.52,2.35l0.12,1.05l2.15,1.65l1.97,0.85l3.04,2.36l1.97,0.65l0.55,0.88l2.72,0.85l1.84,-1.1l2.07,-5.97l-0.42,-3.59l0.3,-1.73l0.47,-0.87l-0.31,-0.68l1.09,-3.28l0.46,-0.47l0.4,0.71l0.16,1.51l0.65,0.52l0.16,1.04l0.85,1.21l0.12,2.38l0.9,2.0l0.57,0.18l1.3,-0.78l1.69,1.7l-0.2,1.08l0.53,2.2l0.39,1.3l0.68,0.48l0.6,1.95l-0.19,1.48l0.81,1.76l6.01,3.69l-0.11,0.76l1.38,1.58l0.95,2.77l0.58,0.22l0.72,-0.41l0.8,0.9l0.61,0.01l0.46,2.41l4.81,4.71l0.66,2.02l-0.07,3.31l1.14,2.2l-0.13,2.24l-1.1,3.68l0.03,1.64l-0.47,1.89l-1.05,2.4l-1.9,1.47l-1.72,3.51l-2.38,6.09l-0.24,2.82l-1.14,0.8l-2.85,0.15l-2.31,1.19l-2.51,2.25l-3.09,-1.57l0.3,-1.15l-0.54,-0.47l-1.5,0.63l-2.01,1.94l-7.12,-2.18l-1.48,-1.63l-1.14,-3.74l-1.45,-1.26l-1.81,-0.26l0.56,-1.18l-0.61,-2.1l-0.72,-0.1l-1.14,1.82l-0.9,0.21l0.63,-0.82l0.36,-1.55l0.92,-1.31l-0.13,-2.34l-0.7,-0.22l-2.0,2.34l-1.51,0.93l-0.94,2.01l-1.35,-0.81l-0.02,-1.52l-1.57,-2.04l-1.09,-0.88l0.24,-0.33l-0.14,-0.59l-3.21,-1.69l-1.83,-0.12l-2.54,-1.35l-4.58,0.28l-6.02,1.9l-2.53,-0.13l-2.62,1.41l-2.13,0.63l-1.49,2.6l-3.49,0.31l-2.29,-0.5l-3.48,0.43l-1.6,1.47l-0.81,-0.04l-2.37,1.63l-3.26,-0.1l-3.72,-2.21l0.04,-1.05l1.19,-0.46l0.49,-0.89l0.21,-2.97l-0.28,-1.64l-1.34,-2.86l-0.38,-1.47l0.05,-1.72l-0.95,-1.7l-0.18,-0.97l-1.01,-0.99l-0.29,-1.98l-1.13,-1.75ZM784.92,393.44l2.65,1.02l3.23,-0.96l1.09,0.14l0.15,3.06l-0.85,1.13l-0.17,1.63l-0.87,-0.24l-1.57,1.91l-1.68,-0.18l-1.4,-2.36l-0.37,-2.04l-1.39,-2.51l0.04,-0.8l1.15,0.18Z",name:"Australia"},IL:{path:"M507.76,203.05l0.4,-0.78l0.18,0.4l-0.33,1.03l0.52,0.44l0.68,-0.22l-0.86,3.6l-1.16,-3.32l0.59,-0.74l-0.03,-0.41ZM508.73,200.34l0.37,-1.02l0.64,0.0l0.52,-0.51l-0.49,1.53l-0.56,-0.24l-0.48,0.23Z",name:"Israel"},IN:{path:"M623.34,207.03l-1.24,1.04l-0.97,2.55l0.22,0.51l8.04,3.87l3.42,0.37l1.57,1.38l4.92,0.88l2.18,-0.04l0.38,-0.3l0.29,-1.24l-0.32,-1.64l0.14,-0.87l0.82,-0.31l0.45,2.48l2.28,1.02l1.77,-0.38l4.14,0.1l0.38,-0.36l0.18,-1.66l-0.5,-0.65l1.37,-0.29l2.25,-1.99l2.7,-1.62l1.93,0.62l1.8,-0.98l0.79,1.14l-0.68,0.91l0.26,0.63l2.42,0.36l0.09,0.47l-0.83,0.75l0.13,1.07l-1.52,-0.29l-3.24,1.86l-0.13,1.78l-1.32,2.14l-0.18,1.39l-0.93,1.82l-1.64,-0.5l-0.52,0.37l-0.09,2.63l-0.56,1.11l0.19,0.81l-0.53,0.27l-1.18,-3.73l-1.08,-0.27l-0.38,0.31l-0.24,1.0l-0.66,-0.66l0.54,-1.06l1.22,-0.34l1.15,-2.25l-0.24,-0.56l-1.57,-0.47l-4.34,-0.28l-0.18,-1.56l-0.35,-0.35l-1.11,-0.12l-1.91,-1.12l-0.56,0.17l-0.88,1.82l0.11,0.49l1.36,1.07l-1.09,0.69l-0.69,1.11l0.18,0.56l1.24,0.57l-0.32,1.54l0.85,1.94l0.36,2.01l-0.22,0.59l-4.58,0.52l-0.33,0.42l0.13,1.8l-1.17,1.36l-3.65,1.81l-2.79,3.03l-4.32,3.28l-0.18,1.27l-4.65,1.79l-0.77,2.16l0.64,5.3l-1.06,2.49l-0.01,3.94l-1.24,0.28l-1.14,1.93l0.39,0.84l-1.68,0.53l-1.04,1.83l-0.65,0.47l-2.06,-2.05l-2.1,-6.02l-2.2,-3.64l-1.05,-4.75l-2.29,-3.57l-1.76,-8.2l0.01,-3.11l-0.49,-2.53l-0.55,-0.29l-3.53,1.52l-1.53,-0.27l-2.86,-2.77l0.85,-0.67l0.08,-0.55l-0.74,-1.03l-2.67,-2.06l1.24,-1.32l5.34,0.01l0.39,-0.49l-0.5,-2.29l-1.42,-1.46l-0.27,-1.93l-1.43,-1.2l2.31,-2.37l3.05,0.06l2.62,-2.85l1.6,-2.81l2.4,-2.73l0.07,-2.04l1.97,-1.48l-0.02,-0.65l-1.93,-1.31l-0.82,-1.78l-0.8,-2.21l0.9,-0.89l3.59,0.65l2.92,-0.42l2.33,-2.19l2.31,2.85l-0.24,2.13l0.99,1.59l-0.05,0.82l-1.34,-0.28l-0.47,0.48l0.7,3.06l2.62,1.99l2.99,1.65Z",name:"India"},TZ:{path:"M495.56,296.42l2.8,-3.12l-0.02,-0.81l-0.64,-1.3l0.68,-0.52l0.14,-1.47l-0.76,-1.25l0.31,-0.11l2.26,0.03l-0.51,2.76l0.76,1.3l0.5,0.12l1.05,-0.53l1.19,-0.12l0.61,0.24l1.43,-0.62l0.1,-0.67l-0.71,-0.62l1.57,-1.7l8.65,4.86l0.32,1.53l3.34,2.33l-1.05,2.8l0.13,1.61l1.63,1.12l-0.6,1.76l-0.01,2.33l1.89,4.03l0.57,0.43l-1.46,1.08l-2.61,0.94l-1.43,-0.04l-1.06,0.77l-2.29,0.36l-2.87,-0.68l-0.83,0.07l-0.63,-0.75l-0.31,-2.78l-1.32,-1.35l-3.25,-0.77l-3.96,-1.58l-1.18,-2.41l-0.32,-1.75l-1.76,-1.49l0.42,-1.05l-0.44,-0.89l0.08,-0.96l-0.46,-0.58l0.06,-0.56Z",name:"Tanzania"},AZ:{path:"M539.29,175.73l1.33,0.32l1.94,-1.8l2.3,3.34l1.43,0.43l-1.26,0.15l-0.35,0.32l-0.8,3.14l-0.99,0.96l0.05,1.11l-1.26,-1.13l0.7,-1.18l-0.04,-0.47l-0.74,-0.86l-1.48,0.15l-2.34,1.71l-0.03,-1.27l-2.03,-1.35l0.47,-0.62l-0.08,-0.56l-1.03,-0.79l0.29,-0.43l-0.14,-0.58l-1.13,-0.86l1.89,0.68l1.69,0.06l0.37,-0.87l-0.81,-1.37l0.42,0.06l1.63,1.72ZM533.78,180.57l0.61,0.46l0.69,-0.0l0.59,1.15l-0.68,-0.15l-1.21,-1.45Z",name:"Azerbaijan"},IE:{path:"M405.08,135.42l0.35,2.06l-1.75,2.78l-4.22,1.88l-2.84,-0.4l1.73,-3.0l-1.18,-3.53l4.6,-3.74l0.32,1.15l-0.49,1.74l0.4,0.51l1.47,-0.04l1.6,0.6Z",name:"Ireland"},ID:{path:"M756.47,287.89l0.69,4.01l2.79,1.78l0.51,-0.1l2.04,-2.59l2.71,-1.43l2.05,-0.0l3.9,1.73l2.46,0.45l0.08,15.12l-1.75,-1.54l-2.54,-0.51l-0.88,0.71l-2.32,0.06l0.69,-1.33l1.45,-0.64l0.23,-0.46l-0.65,-2.74l-1.24,-2.21l-5.04,-2.29l-2.09,-0.23l-3.68,-2.27l-0.55,0.13l-0.65,1.07l-0.52,0.12l-0.55,-1.89l-1.21,-0.78l1.84,-0.62l1.72,0.05l0.39,-0.52l-0.21,-0.66l-0.38,-0.28l-3.45,-0.0l-1.13,-1.48l-2.1,-0.43l-0.52,-0.6l2.69,-0.48l1.28,-0.78l3.66,0.94l0.3,0.71ZM757.91,300.34l-0.62,0.82l-0.1,-0.8l0.59,-1.12l0.13,1.1ZM747.38,292.98l0.34,0.72l-1.22,-0.57l-4.68,-0.1l0.27,-0.62l2.78,-0.09l2.52,0.67ZM741.05,285.25l-0.67,-2.88l0.64,-2.01l0.41,0.86l1.21,0.18l0.16,0.7l-0.1,1.68l-0.84,-0.16l-0.46,0.3l-0.34,1.34ZM739.05,293.5l-0.5,0.44l-1.34,-0.36l-0.17,-0.37l1.73,-0.08l0.27,0.36ZM721.45,284.51l-0.19,1.97l2.24,2.23l0.54,0.02l1.27,-1.07l2.75,-0.5l-0.9,1.21l-2.11,0.93l-0.16,0.6l2.22,3.01l-0.3,1.07l1.36,1.74l-2.26,0.85l-0.28,-0.31l0.12,-1.19l-1.64,-1.34l0.17,-2.23l-0.56,-0.39l-1.67,0.76l-0.23,0.39l0.3,6.17l-1.1,0.25l-0.69,-0.47l0.64,-2.21l-0.39,-2.42l-0.39,-0.34l-0.8,-0.01l-0.58,-1.29l0.98,-1.6l0.35,-1.96l1.32,-3.87ZM728.59,296.27l0.38,0.49l-0.02,1.28l-0.88,0.49l-0.53,-0.47l1.04,-1.79ZM729.04,286.98l0.27,-0.05l-0.02,0.13l-0.24,-0.08ZM721.68,284.05l0.16,-0.32l1.89,-1.65l1.83,0.68l3.16,0.35l2.94,-0.1l2.39,-1.66l-1.73,2.13l-1.66,0.43l-2.41,-0.48l-4.17,0.13l-2.39,0.51ZM730.55,310.47l1.11,-1.93l2.03,-0.82l0.08,0.62l-1.45,1.67l-1.77,0.46ZM728.12,305.88l-0.1,0.38l-3.46,0.66l-2.91,-0.27l-0.0,-0.25l1.54,-0.41l1.66,0.73l1.67,-0.19l1.61,-0.65ZM722.9,310.24l-0.64,0.03l-2.26,-1.2l1.11,-0.24l1.78,1.41ZM716.26,305.77l0.88,0.51l1.28,-0.17l0.2,0.35l-4.65,0.73l0.39,-0.67l1.15,-0.02l0.75,-0.73ZM711.66,293.84l-0.38,-0.16l-2.54,1.01l-1.12,-1.44l-1.69,-0.13l-1.16,-0.75l-3.04,0.77l-1.1,-1.15l-3.31,-0.11l-0.35,-3.05l-1.35,-0.95l-1.11,-1.98l-0.33,-2.06l0.27,-2.14l0.9,-1.01l0.37,1.15l2.09,1.49l1.53,-0.48l1.82,0.08l1.38,-1.19l1.0,-0.18l2.28,0.67l2.26,-0.53l1.52,-3.64l1.01,-0.99l0.78,-2.57l4.1,0.3l-1.11,1.77l0.02,0.46l1.7,2.2l-0.23,1.39l2.07,1.71l-2.33,0.42l-0.88,1.9l0.1,2.05l-2.4,1.9l-0.06,2.45l-0.7,2.79ZM692.58,302.03l0.35,0.26l4.8,0.25l0.78,-0.97l4.17,1.09l1.13,1.68l3.69,0.45l2.13,1.04l-1.8,0.6l-2.77,-0.99l-4.8,-0.12l-5.24,-1.41l-1.84,-0.25l-1.11,0.3l-4.26,-0.97l-0.7,-1.14l-1.59,-0.13l1.18,-1.65l2.74,0.13l2.87,1.13l0.26,0.68ZM685.53,299.17l-2.22,0.04l-2.06,-2.03l-3.15,-2.01l-2.93,-3.51l-3.11,-5.33l-2.2,-2.12l-1.64,-4.06l-2.32,-1.69l-1.27,-2.07l-1.96,-1.5l-2.51,-2.65l-0.11,-0.66l4.81,0.53l2.15,2.38l3.31,2.74l2.35,2.66l2.7,0.17l1.95,1.59l1.54,2.17l1.59,0.95l-0.84,1.71l0.15,0.52l1.44,0.87l0.79,0.1l0.4,1.58l0.87,1.4l1.96,0.39l1.0,1.31l-0.6,3.01l-0.09,3.5Z",name:"Indonesia"},UA:{path:"M492.5,162.44l1.28,-2.49l1.82,0.19l0.66,-0.23l0.09,-0.71l-0.25,-0.75l-0.79,-0.72l-0.33,-1.21l-0.86,-0.62l-0.02,-1.19l-1.13,-0.86l-1.15,-0.19l-2.04,-1.0l-1.66,0.32l-0.66,0.47l-0.92,-0.0l-0.84,0.78l-2.48,0.7l-1.18,-0.71l-3.07,-0.36l-0.89,0.43l-0.24,-0.55l-1.11,-0.7l0.35,-0.93l1.26,-1.02l-0.54,-1.23l2.04,-2.43l1.4,-0.62l0.25,-1.19l-1.04,-2.39l0.83,-0.13l1.28,-0.84l1.8,-0.07l2.47,0.26l2.86,0.81l1.88,0.06l0.86,0.44l1.04,-0.41l0.77,0.66l2.18,-0.15l0.92,0.3l0.52,-0.34l0.15,-1.53l0.56,-0.54l2.85,-0.05l0.84,-0.72l3.04,-0.18l1.23,1.46l-0.48,0.77l0.21,1.03l0.36,0.32l1.8,0.14l0.93,2.08l3.18,1.15l1.94,-0.45l1.67,1.49l1.4,-0.03l3.35,0.96l0.02,0.54l-0.96,1.59l0.47,1.97l-0.26,0.7l-2.36,0.28l-1.29,0.89l-0.23,1.38l-1.83,0.27l-1.58,0.97l-2.41,0.21l-2.16,1.17l-0.21,0.38l0.34,2.26l1.23,0.75l2.13,-0.08l-0.14,0.31l-2.65,0.53l-3.23,1.69l-0.87,-0.39l0.42,-1.1l-0.25,-0.52l-2.21,-0.73l2.35,-1.06l0.12,-0.65l-0.93,-0.82l-3.62,-0.74l-0.13,-0.89l-0.46,-0.34l-2.61,0.59l-0.91,1.69l-1.71,2.04l-0.86,-0.4l-1.62,0.27Z",name:"Ukraine"},QA:{path:"M549.33,221.64l-0.76,-0.23l-0.14,-1.64l0.84,-1.29l0.47,0.52l0.04,1.34l-0.45,1.3Z",name:"Qatar"},MZ:{path:"M508.58,318.75l-0.34,-2.57l0.51,-2.05l3.55,0.63l2.5,-0.38l1.02,-0.76l1.49,0.01l2.74,-0.98l1.66,-1.2l0.5,9.24l0.41,1.23l-0.68,1.67l-0.93,1.71l-1.5,1.5l-5.16,2.28l-2.78,2.73l-1.02,0.53l-1.71,1.8l-0.98,0.57l-0.35,2.41l1.16,1.94l0.49,2.17l0.43,0.31l-0.06,2.06l-0.39,1.17l0.5,0.72l-0.25,0.73l-0.92,0.83l-5.12,2.39l-1.22,1.36l0.21,1.13l0.58,0.39l-0.11,0.72l-1.22,-0.01l-0.73,-2.97l0.42,-3.09l-1.78,-5.37l2.49,-2.81l0.69,-1.89l0.44,-0.43l0.28,-1.53l-0.39,-0.93l0.59,-3.65l-0.01,-3.26l-1.49,-1.16l-1.2,-0.22l-1.74,-1.17l-1.92,0.01l-0.29,-2.08l7.06,-1.96l1.28,1.09l0.89,-0.1l0.67,0.44l0.1,0.73l-0.51,1.29l0.19,1.81l1.75,1.83l0.65,-0.13l0.71,-1.65l1.17,-0.86l-0.26,-3.47l-1.05,-1.85l-1.04,-0.94Z",name:"Mozambique"}},height:440.70631074413296,width:900,projection:{type:"mill",centralMeridian:11.5}});
diff --git a/ci4app/public/phpinfo.php b/ci4app/public/phpinfo.php
new file mode 100644
index 0000000..61ace19
--- /dev/null
+++ b/ci4app/public/phpinfo.php
@@ -0,0 +1,2 @@
+<?php
+phpinfo();
diff --git a/ci4app/spark b/ci4app/spark
new file mode 100644
index 0000000..e7871ea
--- /dev/null
+++ b/ci4app/spark
@@ -0,0 +1,87 @@
+#!/usr/bin/env php
+<?php
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+use CodeIgniter\Boot;
+use Config\Paths;
+
+/*
+ * --------------------------------------------------------------------
+ * CODEIGNITER COMMAND-LINE TOOLS
+ * --------------------------------------------------------------------
+ * The main entry point into the CLI system and allows you to run
+ * commands and perform maintenance on your application.
+ */
+
+/*
+ *---------------------------------------------------------------
+ * CHECK SERVER API
+ *---------------------------------------------------------------
+ */
+
+// Refuse to run when called from php-cgi
+if (str_starts_with(PHP_SAPI, 'cgi')) {
+    exit("The cli tool is not supported when running php-cgi. It needs php-cli to function!\n\n");
+}
+
+/*
+ *---------------------------------------------------------------
+ * CHECK PHP VERSION
+ *---------------------------------------------------------------
+ */
+
+$minPhpVersion = '8.1'; // If you update this, don't forget to update `public/index.php`.
+if (version_compare(PHP_VERSION, $minPhpVersion, '<')) {
+    $message = sprintf(
+        'Your PHP version must be %s or higher to run CodeIgniter. Current version: %s',
+        $minPhpVersion,
+        PHP_VERSION,
+    );
+
+    exit($message);
+}
+
+// We want errors to be shown when using it from the CLI.
+error_reporting(E_ALL);
+ini_set('display_errors', '1');
+
+/*
+ *---------------------------------------------------------------
+ * SET THE CURRENT DIRECTORY
+ *---------------------------------------------------------------
+ */
+
+// Path to the front controller
+define('FCPATH', __DIR__ . DIRECTORY_SEPARATOR . 'public' . DIRECTORY_SEPARATOR);
+
+// Ensure the current directory is pointing to the front controller's directory
+chdir(FCPATH);
+
+/*
+ *---------------------------------------------------------------
+ * BOOTSTRAP THE APPLICATION
+ *---------------------------------------------------------------
+ * This process sets up the path constants, loads and registers
+ * our autoloader, along with Composer's, loads our constants
+ * and fires up an environment-specific bootstrapping.
+ */
+
+// LOAD OUR PATHS CONFIG FILE
+// This is the line that might need to be changed, depending on your folder structure.
+require FCPATH . '../app/Config/Paths.php';
+// ^^^ Change this line if you move your application folder
+
+$paths = new Paths();
+
+// LOAD THE FRAMEWORK BOOTSTRAP FILE
+require $paths->systemDirectory . '/Boot.php';
+
+exit(Boot::bootSpark($paths));
diff --git a/ci4app/system/.htaccess b/ci4app/system/.htaccess
new file mode 100644
index 0000000..3462048
--- /dev/null
+++ b/ci4app/system/.htaccess
@@ -0,0 +1,6 @@
+<IfModule authz_core_module>
+	Require all denied
+</IfModule>
+<IfModule !authz_core_module>
+	Deny from all
+</IfModule>
diff --git a/ci4app/system/API/ResponseTrait.php b/ci4app/system/API/ResponseTrait.php
new file mode 100644
index 0000000..318af4b
--- /dev/null
+++ b/ci4app/system/API/ResponseTrait.php
@@ -0,0 +1,363 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\API;
+
+use CodeIgniter\Format\Format;
+use CodeIgniter\Format\FormatterInterface;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+
+/**
+ * Provides common, more readable, methods to provide
+ * consistent HTTP responses under a variety of common
+ * situations when working as an API.
+ *
+ * @property RequestInterface  $request
+ * @property ResponseInterface $response
+ * @property bool              $stringAsHtml Whether to treat string data as HTML in JSON response.
+ *                                           Setting `true` is only for backward compatibility.
+ */
+trait ResponseTrait
+{
+    /**
+     * Allows child classes to override the
+     * status code that is used in their API.
+     *
+     * @var array<string, int>
+     */
+    protected $codes = [
+        'created'                   => 201,
+        'deleted'                   => 200,
+        'updated'                   => 200,
+        'no_content'                => 204,
+        'invalid_request'           => 400,
+        'unsupported_response_type' => 400,
+        'invalid_scope'             => 400,
+        'temporarily_unavailable'   => 400,
+        'invalid_grant'             => 400,
+        'invalid_credentials'       => 400,
+        'invalid_refresh'           => 400,
+        'no_data'                   => 400,
+        'invalid_data'              => 400,
+        'access_denied'             => 401,
+        'unauthorized'              => 401,
+        'invalid_client'            => 401,
+        'forbidden'                 => 403,
+        'resource_not_found'        => 404,
+        'not_acceptable'            => 406,
+        'resource_exists'           => 409,
+        'conflict'                  => 409,
+        'resource_gone'             => 410,
+        'payload_too_large'         => 413,
+        'unsupported_media_type'    => 415,
+        'too_many_requests'         => 429,
+        'server_error'              => 500,
+        'unsupported_grant_type'    => 501,
+        'not_implemented'           => 501,
+    ];
+
+    /**
+     * How to format the response data.
+     * Either 'json' or 'xml'. If null is set, it will be determined through
+     * content negotiation.
+     *
+     * @var 'html'|'json'|'xml'|null
+     */
+    protected $format = 'json';
+
+    /**
+     * Current Formatter instance. This is usually set by ResponseTrait::format
+     *
+     * @var FormatterInterface|null
+     */
+    protected $formatter;
+
+    /**
+     * Provides a single, simple method to return an API response, formatted
+     * to match the requested format, with proper content-type and status code.
+     *
+     * @param array<string, mixed>|string|null $data
+     *
+     * @return ResponseInterface
+     */
+    protected function respond($data = null, ?int $status = null, string $message = '')
+    {
+        if ($data === null && $status === null) {
+            $status = 404;
+            $output = null;
+            $this->format($data);
+        } elseif ($data === null && is_numeric($status)) {
+            $output = null;
+            $this->format($data);
+        } else {
+            $status ??= 200;
+            $output = $this->format($data);
+        }
+
+        if ($output !== null) {
+            if ($this->format === 'json') {
+                return $this->response->setJSON($output)->setStatusCode($status, $message);
+            }
+
+            if ($this->format === 'xml') {
+                return $this->response->setXML($output)->setStatusCode($status, $message);
+            }
+        }
+
+        return $this->response->setBody($output)->setStatusCode($status, $message);
+    }
+
+    /**
+     * Used for generic failures that no custom methods exist for.
+     *
+     * @param list<string>|string $messages
+     * @param int                 $status   HTTP status code
+     * @param string|null         $code     Custom, API-specific, error code
+     *
+     * @return ResponseInterface
+     */
+    protected function fail($messages, int $status = 400, ?string $code = null, string $customMessage = '')
+    {
+        if (! is_array($messages)) {
+            $messages = ['error' => $messages];
+        }
+
+        $response = [
+            'status'   => $status,
+            'error'    => $code ?? $status,
+            'messages' => $messages,
+        ];
+
+        return $this->respond($response, $status, $customMessage);
+    }
+
+    // --------------------------------------------------------------------
+    // Response Helpers
+    // --------------------------------------------------------------------
+
+    /**
+     * Used after successfully creating a new resource.
+     *
+     * @param array<string, mixed>|string|null $data
+     *
+     * @return ResponseInterface
+     */
+    protected function respondCreated($data = null, string $message = '')
+    {
+        return $this->respond($data, $this->codes['created'], $message);
+    }
+
+    /**
+     * Used after a resource has been successfully deleted.
+     *
+     * @param array<string, mixed>|string|null $data
+     *
+     * @return ResponseInterface
+     */
+    protected function respondDeleted($data = null, string $message = '')
+    {
+        return $this->respond($data, $this->codes['deleted'], $message);
+    }
+
+    /**
+     * Used after a resource has been successfully updated.
+     *
+     * @param array<string, mixed>|string|null $data
+     *
+     * @return ResponseInterface
+     */
+    protected function respondUpdated($data = null, string $message = '')
+    {
+        return $this->respond($data, $this->codes['updated'], $message);
+    }
+
+    /**
+     * Used after a command has been successfully executed but there is no
+     * meaningful reply to send back to the client.
+     *
+     * @return ResponseInterface
+     */
+    protected function respondNoContent(string $message = 'No Content')
+    {
+        return $this->respond(null, $this->codes['no_content'], $message);
+    }
+
+    /**
+     * Used when the client is either didn't send authorization information,
+     * or had bad authorization credentials. User is encouraged to try again
+     * with the proper information.
+     *
+     * @return ResponseInterface
+     */
+    protected function failUnauthorized(string $description = 'Unauthorized', ?string $code = null, string $message = '')
+    {
+        return $this->fail($description, $this->codes['unauthorized'], $code, $message);
+    }
+
+    /**
+     * Used when access is always denied to this resource and no amount
+     * of trying again will help.
+     *
+     * @return ResponseInterface
+     */
+    protected function failForbidden(string $description = 'Forbidden', ?string $code = null, string $message = '')
+    {
+        return $this->fail($description, $this->codes['forbidden'], $code, $message);
+    }
+
+    /**
+     * Used when a specified resource cannot be found.
+     *
+     * @return ResponseInterface
+     */
+    protected function failNotFound(string $description = 'Not Found', ?string $code = null, string $message = '')
+    {
+        return $this->fail($description, $this->codes['resource_not_found'], $code, $message);
+    }
+
+    /**
+     * Used when the data provided by the client cannot be validated on one or more fields.
+     *
+     * @param list<string>|string $errors
+     *
+     * @return ResponseInterface
+     */
+    protected function failValidationErrors($errors, ?string $code = null, string $message = '')
+    {
+        return $this->fail($errors, $this->codes['invalid_data'], $code, $message);
+    }
+
+    /**
+     * Use when trying to create a new resource and it already exists.
+     *
+     * @return ResponseInterface
+     */
+    protected function failResourceExists(string $description = 'Conflict', ?string $code = null, string $message = '')
+    {
+        return $this->fail($description, $this->codes['resource_exists'], $code, $message);
+    }
+
+    /**
+     * Use when a resource was previously deleted. This is different than
+     * Not Found, because here we know the data previously existed, but is now gone,
+     * where Not Found means we simply cannot find any information about it.
+     *
+     * @return ResponseInterface
+     */
+    protected function failResourceGone(string $description = 'Gone', ?string $code = null, string $message = '')
+    {
+        return $this->fail($description, $this->codes['resource_gone'], $code, $message);
+    }
+
+    /**
+     * Used when the user has made too many requests for the resource recently.
+     *
+     * @return ResponseInterface
+     */
+    protected function failTooManyRequests(string $description = 'Too Many Requests', ?string $code = null, string $message = '')
+    {
+        return $this->fail($description, $this->codes['too_many_requests'], $code, $message);
+    }
+
+    /**
+     * Used when there is a server error.
+     *
+     * @param string      $description The error message to show the user.
+     * @param string|null $code        A custom, API-specific, error code.
+     * @param string      $message     A custom "reason" message to return.
+     */
+    protected function failServerError(string $description = 'Internal Server Error', ?string $code = null, string $message = ''): ResponseInterface
+    {
+        return $this->fail($description, $this->codes['server_error'], $code, $message);
+    }
+
+    // --------------------------------------------------------------------
+    // Utility Methods
+    // --------------------------------------------------------------------
+
+    /**
+     * Handles formatting a response. Currently, makes some heavy assumptions
+     * and needs updating! :)
+     *
+     * @param array<string, mixed>|string|null $data
+     *
+     * @return string|null
+     */
+    protected function format($data = null)
+    {
+        /** @var Format $format */
+        $format = service('format');
+
+        $mime = $this->format === null
+            ? $format->getConfig()->supportedResponseFormats[0]
+            : "application/{$this->format}";
+
+        // Determine correct response type through content negotiation if not explicitly declared
+        if (
+            ! in_array($this->format, ['json', 'xml'], true)
+            && $this->request instanceof IncomingRequest
+        ) {
+            $mime = $this->request->negotiate(
+                'media',
+                $format->getConfig()->supportedResponseFormats,
+                false,
+            );
+        }
+
+        $this->response->setContentType($mime);
+
+        // if we don't have a formatter, make one
+        $this->formatter ??= $format->getFormatter($mime);
+
+        $asHtml = $this->stringAsHtml ?? false;
+
+        if (
+            ($mime === 'application/json' && $asHtml && is_string($data))
+            || ($mime !== 'application/json' && is_string($data))
+        ) {
+            // The content type should be text/... and not application/...
+            $contentType = $this->response->getHeaderLine('Content-Type');
+            $contentType = str_replace('application/json', 'text/html', $contentType);
+            $contentType = str_replace('application/', 'text/', $contentType);
+            $this->response->setContentType($contentType);
+            $this->format = 'html';
+
+            return $data;
+        }
+
+        if ($mime !== 'application/json') {
+            // Recursively convert objects into associative arrays
+            // Conversion not required for JSONFormatter
+            /** @var array<string, mixed>|string|null $data */
+            $data = json_decode(json_encode($data), true);
+        }
+
+        return $this->formatter->format($data);
+    }
+
+    /**
+     * Sets the format the response should be in.
+     *
+     * @param 'json'|'xml' $format Response format
+     *
+     * @return $this
+     */
+    protected function setResponseFormat(?string $format = null)
+    {
+        $this->format = $format === null ? null : strtolower($format);
+
+        return $this;
+    }
+}
diff --git a/ci4app/system/Autoloader/Autoloader.php b/ci4app/system/Autoloader/Autoloader.php
new file mode 100644
index 0000000..65c535e
--- /dev/null
+++ b/ci4app/system/Autoloader/Autoloader.php
@@ -0,0 +1,562 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Autoloader;
+
+use CodeIgniter\Exceptions\ConfigException;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Exceptions\RuntimeException;
+use Composer\Autoload\ClassLoader;
+use Composer\InstalledVersions;
+use Config\Autoload;
+use Config\Kint as KintConfig;
+use Config\Modules;
+use Kint\Kint;
+use Kint\Renderer\CliRenderer;
+use Kint\Renderer\RichRenderer;
+
+/**
+ * An autoloader that uses both PSR4 autoloading, and traditional classmaps.
+ *
+ * Given a foo-bar package of classes in the file system at the following paths:
+ * ```
+ *      /path/to/packages/foo-bar/
+ *          /src
+ *              Baz.php         # Foo\Bar\Baz
+ *              Qux/
+ *                  Quux.php    # Foo\Bar\Qux\Quux
+ * ```
+ * you can add the path to the configuration array that is passed in the constructor.
+ * The Config array consists of 2 primary keys, both of which are associative arrays:
+ * 'psr4', and 'classmap'.
+ * ```
+ *      $Config = [
+ *          'psr4' => [
+ *              'Foo\Bar'   => '/path/to/packages/foo-bar'
+ *          ],
+ *          'classmap' => [
+ *              'MyClass'   => '/path/to/class/file.php'
+ *          ]
+ *      ];
+ * ```
+ * Example:
+ * ```
+ *      <?php
+ *      // our configuration array
+ *      $Config = [ ... ];
+ *      $loader = new \CodeIgniter\Autoloader\Autoloader($Config);
+ *
+ *      // register the autoloader
+ *      $loader->register();
+ * ```
+ *
+ * @see \CodeIgniter\Autoloader\AutoloaderTest
+ */
+class Autoloader
+{
+    /**
+     * Stores namespaces as key, and path as values.
+     *
+     * @var array<non-empty-string, list<non-empty-string>>
+     */
+    protected $prefixes = [];
+
+    /**
+     * Stores class name as key, and path as values.
+     *
+     * @var array<class-string, non-empty-string>
+     */
+    protected $classmap = [];
+
+    /**
+     * Stores files as a list.
+     *
+     * @var list<non-empty-string>
+     */
+    protected $files = [];
+
+    /**
+     * Stores helper list.
+     * Always load the URL helper, it should be used in most apps.
+     *
+     * @var list<non-empty-string>
+     */
+    protected $helpers = ['url'];
+
+    /**
+     * Reads in the configuration array (described above) and stores
+     * the valid parts that we'll need.
+     *
+     * @return $this
+     */
+    public function initialize(Autoload $config, Modules $modules)
+    {
+        $this->prefixes = [];
+        $this->classmap = [];
+        $this->files    = [];
+
+        // We have to have one or the other, though we don't enforce the need
+        // to have both present in order to work.
+        if ($config->psr4 === [] && $config->classmap === []) {
+            throw new InvalidArgumentException('Config array must contain either the \'psr4\' key or the \'classmap\' key.');
+        }
+
+        if ($config->psr4 !== []) {
+            $this->addNamespace($config->psr4);
+        }
+
+        if ($config->classmap !== []) {
+            $this->classmap = $config->classmap;
+        }
+
+        if ($config->files !== []) {
+            $this->files = $config->files;
+        }
+
+        if ($config->helpers !== []) {
+            $this->helpers = [...$this->helpers, ...$config->helpers];
+        }
+
+        if (is_file(COMPOSER_PATH)) {
+            $this->loadComposerAutoloader($modules);
+        }
+
+        return $this;
+    }
+
+    private function loadComposerAutoloader(Modules $modules): void
+    {
+        // The path to the vendor directory.
+        // We do not want to enforce this, so set the constant if Composer was used.
+        if (! defined('VENDORPATH')) {
+            define('VENDORPATH', dirname(COMPOSER_PATH) . DIRECTORY_SEPARATOR);
+        }
+
+        /** @var ClassLoader $composer */
+        $composer = include COMPOSER_PATH;
+
+        // Should we load through Composer's namespaces, also?
+        if ($modules->discoverInComposer) {
+            $composerPackages = $modules->composerPackages;
+            $this->loadComposerNamespaces($composer, $composerPackages ?? []);
+        }
+
+        unset($composer);
+    }
+
+    /**
+     * Register the loader with the SPL autoloader stack
+     * in the following order:
+     *
+     * 1. Classmap loader
+     * 2. PSR-4 autoloader
+     * 3. Non-class files
+     *
+     * @return void
+     */
+    public function register()
+    {
+        spl_autoload_register($this->loadClassmap(...), true);
+        spl_autoload_register($this->loadClass(...), true);
+
+        foreach ($this->files as $file) {
+            $this->includeFile($file);
+        }
+    }
+
+    /**
+     * Unregisters the autoloader from the SPL autoload stack.
+     */
+    public function unregister(): void
+    {
+        spl_autoload_unregister($this->loadClass(...));
+        spl_autoload_unregister($this->loadClassmap(...));
+    }
+
+    /**
+     * Registers namespaces with the autoloader.
+     *
+     * @param array<non-empty-string, list<non-empty-string>|non-empty-string>|non-empty-string $namespace
+     *
+     * @return $this
+     */
+    public function addNamespace($namespace, ?string $path = null)
+    {
+        if (is_array($namespace)) {
+            foreach ($namespace as $prefix => $namespacedPath) {
+                $prefix = trim($prefix, '\\');
+
+                if (is_array($namespacedPath)) {
+                    foreach ($namespacedPath as $dir) {
+                        $this->prefixes[$prefix][] = rtrim($dir, '\\/') . DIRECTORY_SEPARATOR;
+                    }
+
+                    continue;
+                }
+
+                $this->prefixes[$prefix][] = rtrim($namespacedPath, '\\/') . DIRECTORY_SEPARATOR;
+            }
+        } else {
+            $this->prefixes[trim($namespace, '\\')][] = rtrim($path, '\\/') . DIRECTORY_SEPARATOR;
+        }
+
+        return $this;
+    }
+
+    /**
+     * Get namespaces with prefixes as keys and paths as values.
+     *
+     * If a prefix param is set, returns only paths to the given prefix.
+     *
+     * @return ($prefix is null ? array<non-empty-string, list<non-empty-string>> : list<non-empty-string>)
+     */
+    public function getNamespace(?string $prefix = null)
+    {
+        if ($prefix === null) {
+            return $this->prefixes;
+        }
+
+        return $this->prefixes[trim($prefix, '\\')] ?? [];
+    }
+
+    /**
+     * Removes a single namespace from the psr4 settings.
+     *
+     * @return $this
+     */
+    public function removeNamespace(string $namespace)
+    {
+        if (isset($this->prefixes[trim($namespace, '\\')])) {
+            unset($this->prefixes[trim($namespace, '\\')]);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Load a class using available class mapping.
+     *
+     * @param class-string $class The fully qualified class name.
+     *
+     * @internal For `spl_autoload_register` use.
+     */
+    public function loadClassmap(string $class): void
+    {
+        $file = $this->classmap[$class] ?? '';
+
+        if (is_string($file) && $file !== '') {
+            $this->includeFile($file);
+        }
+    }
+
+    /**
+     * Loads the class file for a given class name.
+     *
+     * @param class-string $class The fully qualified class name.
+     *
+     * @internal For `spl_autoload_register` use.
+     */
+    public function loadClass(string $class): void
+    {
+        $this->loadInNamespace($class);
+    }
+
+    /**
+     * Loads the class file for a given class name.
+     *
+     * @param class-string $class The fully qualified class name.
+     *
+     * @return false|non-empty-string The mapped file name on success, or boolean false on fail
+     */
+    protected function loadInNamespace(string $class)
+    {
+        if (! str_contains($class, '\\')) {
+            return false;
+        }
+
+        foreach ($this->prefixes as $namespace => $directories) {
+            if (str_starts_with($class, $namespace)) {
+                $relativeClassPath = str_replace('\\', DIRECTORY_SEPARATOR, substr($class, strlen($namespace)));
+
+                foreach ($directories as $directory) {
+                    $directory = rtrim($directory, '\\/');
+
+                    $filePath = $directory . $relativeClassPath . '.php';
+                    $filename = $this->includeFile($filePath);
+
+                    if ($filename !== false) {
+                        return $filename;
+                    }
+                }
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * A central way to include a file. Split out primarily for testing purposes.
+     *
+     * @return false|non-empty-string The filename on success, false if the file is not loaded
+     */
+    protected function includeFile(string $file)
+    {
+        if (is_file($file)) {
+            include_once $file;
+
+            return $file;
+        }
+
+        return false;
+    }
+
+    /**
+     * Check file path.
+     *
+     * Checks special characters that are illegal in filenames on certain
+     * operating systems and special characters requiring special escaping
+     * to manipulate at the command line. Replaces spaces and consecutive
+     * dashes with a single dash. Trim period, dash and underscore from beginning
+     * and end of filename.
+     *
+     * @return string The sanitized filename
+     *
+     * @deprecated No longer used. See https://github.com/codeigniter4/CodeIgniter4/issues/7055
+     */
+    public function sanitizeFilename(string $filename): string
+    {
+        // Only allow characters deemed safe for POSIX portable filenames.
+        // Plus the forward slash for directory separators since this might be a path.
+        // http://pubs.opengroup.org/onlinepubs/9699919799/basedefs/V1_chap03.html#tag_03_278
+        // Modified to allow backslash and colons for on Windows machines.
+        $result = preg_match_all('/[^0-9\p{L}\s\/\-_.:\\\\]/u', $filename, $matches);
+
+        if ($result > 0) {
+            $chars = implode('', $matches[0]);
+
+            throw new InvalidArgumentException(
+                'The file path contains special characters "' . $chars
+                . '" that are not allowed: "' . $filename . '"',
+            );
+        }
+        if ($result === false) {
+            $message = preg_last_error_msg();
+
+            throw new RuntimeException($message . '. filename: "' . $filename . '"');
+        }
+
+        // Clean up our filename edges.
+        $cleanFilename = trim($filename, '.-_');
+
+        if ($filename !== $cleanFilename) {
+            throw new InvalidArgumentException('The characters ".-_" are not allowed in filename edges: "' . $filename . '"');
+        }
+
+        return $cleanFilename;
+    }
+
+    /**
+     * @param array{only?: list<string>, exclude?: list<string>} $composerPackages
+     */
+    private function loadComposerNamespaces(ClassLoader $composer, array $composerPackages): void
+    {
+        $namespacePaths = $composer->getPrefixesPsr4();
+
+        // Get rid of duplicated namespaces.
+        $duplicatedNamespaces = ['CodeIgniter', APP_NAMESPACE, 'Config'];
+
+        foreach ($duplicatedNamespaces as $ns) {
+            if (isset($namespacePaths[$ns . '\\'])) {
+                unset($namespacePaths[$ns . '\\']);
+            }
+        }
+
+        if (! method_exists(InstalledVersions::class, 'getAllRawData')) { // @phpstan-ignore function.alreadyNarrowedType
+            throw new RuntimeException(
+                'Your Composer version is too old.'
+                . ' Please update Composer (run `composer self-update`) to v2.0.14 or later'
+                . ' and remove your vendor/ directory, and run `composer update`.',
+            );
+        }
+        // This method requires Composer 2.0.14 or later.
+        $allData     = InstalledVersions::getAllRawData();
+        $packageList = [];
+
+        foreach ($allData as $list) {
+            $packageList = array_merge($packageList, $list['versions']);
+        }
+
+        // Check config for $composerPackages.
+        $only    = $composerPackages['only'] ?? [];
+        $exclude = $composerPackages['exclude'] ?? [];
+        if ($only !== [] && $exclude !== []) {
+            throw new ConfigException('Cannot use "only" and "exclude" at the same time in "Config\Modules::$composerPackages".');
+        }
+
+        // Get install paths of packages to add namespace for auto-discovery.
+        $installPaths = [];
+        if ($only !== []) {
+            foreach ($packageList as $packageName => $data) {
+                if (in_array($packageName, $only, true) && isset($data['install_path'])) {
+                    $installPaths[] = $data['install_path'];
+                }
+            }
+        } else {
+            foreach ($packageList as $packageName => $data) {
+                if (! in_array($packageName, $exclude, true) && isset($data['install_path'])) {
+                    $installPaths[] = $data['install_path'];
+                }
+            }
+        }
+
+        $newPaths = [];
+
+        foreach ($namespacePaths as $namespace => $srcPaths) {
+            $add = false;
+
+            foreach ($srcPaths as $path) {
+                foreach ($installPaths as $installPath) {
+                    if (str_starts_with($path, $installPath)) {
+                        $add = true;
+                        break 2;
+                    }
+                }
+            }
+
+            if ($add) {
+                // Composer stores namespaces with trailing slash. We don't.
+                $newPaths[rtrim($namespace, '\\ ')] = $srcPaths;
+            }
+        }
+
+        $this->addNamespace($newPaths);
+    }
+
+    /**
+     * Locates autoload information from Composer, if available.
+     *
+     * @deprecated No longer used.
+     *
+     * @return void
+     */
+    protected function discoverComposerNamespaces()
+    {
+        if (! is_file(COMPOSER_PATH)) {
+            return;
+        }
+
+        /**
+         * @var ClassLoader $composer
+         */
+        $composer = include COMPOSER_PATH;
+        $paths    = $composer->getPrefixesPsr4();
+        $classes  = $composer->getClassMap();
+
+        unset($composer);
+
+        // Get rid of CodeIgniter so we don't have duplicates
+        if (isset($paths['CodeIgniter\\'])) {
+            unset($paths['CodeIgniter\\']);
+        }
+
+        $newPaths = [];
+
+        foreach ($paths as $key => $value) {
+            // Composer stores namespaces with trailing slash. We don't.
+            $newPaths[rtrim($key, '\\ ')] = $value;
+        }
+
+        $this->prefixes = array_merge($this->prefixes, $newPaths);
+        $this->classmap = array_merge($this->classmap, $classes);
+    }
+
+    /**
+     * Loads helpers
+     */
+    public function loadHelpers(): void
+    {
+        helper($this->helpers);
+    }
+
+    /**
+     * Initializes Kint
+     */
+    public function initializeKint(bool $debug = false): void
+    {
+        if ($debug) {
+            $this->autoloadKint();
+            $this->configureKint();
+        } elseif (class_exists(Kint::class)) {
+            // In case that Kint is already loaded via Composer.
+            Kint::$enabled_mode = false;
+        }
+
+        helper('kint');
+    }
+
+    private function autoloadKint(): void
+    {
+        // If we have KINT_DIR it means it's already loaded via composer
+        if (! defined('KINT_DIR')) {
+            spl_autoload_register(function ($class): void {
+                $class = explode('\\', $class);
+
+                if (array_shift($class) !== 'Kint') {
+                    return;
+                }
+
+                $file = SYSTEMPATH . 'ThirdParty/Kint/' . implode('/', $class) . '.php';
+
+                if (is_file($file)) {
+                    require_once $file;
+                }
+            });
+
+            require_once SYSTEMPATH . 'ThirdParty/Kint/init.php';
+        }
+    }
+
+    private function configureKint(): void
+    {
+        $config = new KintConfig();
+
+        Kint::$depth_limit         = $config->maxDepth;
+        Kint::$display_called_from = $config->displayCalledFrom;
+        Kint::$expanded            = $config->expanded;
+
+        if (isset($config->plugins) && is_array($config->plugins)) {
+            Kint::$plugins = $config->plugins;
+        }
+
+        $csp = service('csp');
+        if ($csp->enabled()) {
+            RichRenderer::$js_nonce  = $csp->getScriptNonce();
+            RichRenderer::$css_nonce = $csp->getStyleNonce();
+        }
+
+        RichRenderer::$theme  = $config->richTheme;
+        RichRenderer::$folder = $config->richFolder;
+
+        if (isset($config->richObjectPlugins) && is_array($config->richObjectPlugins)) {
+            RichRenderer::$value_plugins = $config->richObjectPlugins;
+        }
+        if (isset($config->richTabPlugins) && is_array($config->richTabPlugins)) {
+            RichRenderer::$tab_plugins = $config->richTabPlugins;
+        }
+
+        CliRenderer::$cli_colors         = $config->cliColors;
+        CliRenderer::$force_utf8         = $config->cliForceUTF8;
+        CliRenderer::$detect_width       = $config->cliDetectWidth;
+        CliRenderer::$min_terminal_width = $config->cliMinWidth;
+    }
+}
diff --git a/ci4app/system/Autoloader/FileLocator.php b/ci4app/system/Autoloader/FileLocator.php
new file mode 100644
index 0000000..f67708a
--- /dev/null
+++ b/ci4app/system/Autoloader/FileLocator.php
@@ -0,0 +1,406 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Autoloader;
+
+/**
+ * Allows loading non-class files in a namespaced manner.
+ * Works with Helpers, Views, etc.
+ *
+ * @see \CodeIgniter\Autoloader\FileLocatorTest
+ */
+class FileLocator implements FileLocatorInterface
+{
+    /**
+     * The Autoloader to use.
+     *
+     * @var Autoloader
+     */
+    protected $autoloader;
+
+    /**
+     * List of classnames that did not exist.
+     *
+     * @var list<class-string>
+     */
+    private array $invalidClassnames = [];
+
+    public function __construct(Autoloader $autoloader)
+    {
+        $this->autoloader = $autoloader;
+    }
+
+    /**
+     * Attempts to locate a file by examining the name for a namespace
+     * and looking through the PSR-4 namespaced files that we know about.
+     *
+     * @param non-empty-string      $file   The relative file path or namespaced file to
+     *                                      locate. If not namespaced, search in the app
+     *                                      folder.
+     * @param non-empty-string|null $folder The folder within the namespace that we should
+     *                                      look for the file. If $file does not contain
+     *                                      this value, it will be appended to the namespace
+     *                                      folder.
+     * @param string                $ext    The file extension the file should have.
+     *
+     * @return false|non-empty-string The path to the file, or false if not found.
+     */
+    public function locateFile(string $file, ?string $folder = null, string $ext = 'php')
+    {
+        $file = $this->ensureExt($file, $ext);
+
+        // Clears the folder name if it is at the beginning of the filename
+        if ($folder !== null && str_starts_with($file, $folder)) {
+            $file = substr($file, strlen($folder . '/'));
+        }
+
+        // Is not namespaced? Try the application folder.
+        if (! str_contains($file, '\\')) {
+            return $this->legacyLocate($file, $folder);
+        }
+
+        // Standardize slashes to handle nested directories.
+        $file = strtr($file, '/', '\\');
+        $file = ltrim($file, '\\');
+
+        $segments = explode('\\', $file);
+
+        // The first segment will be empty if a slash started the filename.
+        if ($segments[0] === '') {
+            unset($segments[0]);
+        }
+
+        $paths    = [];
+        $filename = '';
+
+        // Namespaces always comes with arrays of paths
+        $namespaces = $this->autoloader->getNamespace();
+
+        foreach (array_keys($namespaces) as $namespace) {
+            if (substr($file, 0, strlen($namespace) + 1) === $namespace . '\\') {
+                $fileWithoutNamespace = substr($file, strlen($namespace));
+
+                // There may be sub-namespaces of the same vendor,
+                // so overwrite them with namespaces found later.
+                $paths    = $namespaces[$namespace];
+                $filename = ltrim(str_replace('\\', '/', $fileWithoutNamespace), '/');
+            }
+        }
+
+        // if no namespaces matched then quit
+        if ($paths === []) {
+            return false;
+        }
+
+        // Check each path in the namespace
+        foreach ($paths as $path) {
+            // Ensure trailing slash
+            $path = rtrim($path, '/') . '/';
+
+            // If we have a folder name, then the calling function
+            // expects this file to be within that folder, like 'Views',
+            // or 'libraries'.
+            if ($folder !== null && ! str_contains($path . $filename, '/' . $folder . '/')) {
+                $path .= trim($folder, '/') . '/';
+            }
+
+            $path .= $filename;
+            if (is_file($path)) {
+                return $path;
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * Examines a file and returns the fully qualified class name.
+     */
+    public function getClassname(string $file): string
+    {
+        if (is_dir($file)) {
+            return '';
+        }
+
+        $php       = file_get_contents($file);
+        $tokens    = token_get_all($php);
+        $dlm       = false;
+        $namespace = '';
+        $className = '';
+
+        foreach ($tokens as $i => $token) {
+            if ($i < 2) {
+                continue;
+            }
+
+            if ((isset($tokens[$i - 2][1]) && ($tokens[$i - 2][1] === 'phpnamespace' || $tokens[$i - 2][1] === 'namespace')) || ($dlm && $tokens[$i - 1][0] === T_NS_SEPARATOR && $token[0] === T_STRING)) {
+                if (! $dlm) {
+                    $namespace = '';
+                }
+
+                if (isset($token[1])) {
+                    $namespace = $namespace !== '' ? $namespace . '\\' . $token[1] : $token[1];
+                    $dlm       = true;
+                }
+            } elseif ($dlm && ($token[0] !== T_NS_SEPARATOR) && ($token[0] !== T_STRING)) {
+                $dlm = false;
+            }
+
+            if (
+                ($tokens[$i - 2][0] === T_CLASS || (isset($tokens[$i - 2][1]) && $tokens[$i - 2][1] === 'phpclass'))
+                && $tokens[$i - 1][0] === T_WHITESPACE
+                && $token[0] === T_STRING
+            ) {
+                $className = $token[1];
+                break;
+            }
+        }
+
+        if ($className === '') {
+            return '';
+        }
+
+        return $namespace . '\\' . $className;
+    }
+
+    /**
+     * Searches through all of the defined namespaces looking for a file.
+     * Returns an array of all found locations for the defined file.
+     *
+     * Example:
+     *
+     *  $locator->search('Config/Routes.php');
+     *  // Assuming PSR4 namespaces include foo and bar, might return:
+     *  [
+     *      'app/Modules/foo/Config/Routes.php',
+     *      'app/Modules/bar/Config/Routes.php',
+     *  ]
+     *
+     * @return list<non-empty-string>
+     */
+    public function search(string $path, string $ext = 'php', bool $prioritizeApp = true): array
+    {
+        $path = $this->ensureExt($path, $ext);
+
+        $foundPaths = [];
+        $appPaths   = [];
+
+        foreach ($this->getNamespaces() as $namespace) {
+            if (isset($namespace['path']) && is_file($namespace['path'] . $path)) {
+                $fullPath     = $namespace['path'] . $path;
+                $resolvedPath = realpath($fullPath);
+                $fullPath     = $resolvedPath !== false ? $resolvedPath : $fullPath;
+
+                if ($prioritizeApp) {
+                    $foundPaths[] = $fullPath;
+                } elseif (str_starts_with($fullPath, APPPATH)) {
+                    $appPaths[] = $fullPath;
+                } else {
+                    $foundPaths[] = $fullPath;
+                }
+            }
+        }
+
+        if (! $prioritizeApp && $appPaths !== []) {
+            $foundPaths = [...$foundPaths, ...$appPaths];
+        }
+
+        return array_values(array_unique($foundPaths));
+    }
+
+    /**
+     * Ensures a extension is at the end of a filename
+     */
+    protected function ensureExt(string $path, string $ext): string
+    {
+        if ($ext !== '') {
+            $ext = '.' . $ext;
+
+            if (! str_ends_with($path, $ext)) {
+                $path .= $ext;
+            }
+        }
+
+        return $path;
+    }
+
+    /**
+     * Return the namespace mappings we know about.
+     *
+     * @return list<array{prefix: non-empty-string, path: non-empty-string}>
+     */
+    protected function getNamespaces()
+    {
+        $namespaces = [];
+
+        $system = [];
+
+        foreach ($this->autoloader->getNamespace() as $prefix => $paths) {
+            foreach ($paths as $path) {
+                if ($prefix === 'CodeIgniter') {
+                    $system[] = [
+                        'prefix' => $prefix,
+                        'path'   => rtrim($path, '\\/') . DIRECTORY_SEPARATOR,
+                    ];
+
+                    continue;
+                }
+
+                $namespaces[] = [
+                    'prefix' => $prefix,
+                    'path'   => rtrim($path, '\\/') . DIRECTORY_SEPARATOR,
+                ];
+            }
+        }
+
+        // Save system for last
+        return array_merge($namespaces, $system);
+    }
+
+    public function findQualifiedNameFromPath(string $path)
+    {
+        $resolvedPath = realpath($path);
+        $path         = $resolvedPath !== false ? $resolvedPath : $path;
+
+        if (! is_file($path)) {
+            return false;
+        }
+
+        foreach ($this->getNamespaces() as $namespace) {
+            $resolvedNamespacePath = realpath($namespace['path']);
+            $namespace['path']     = $resolvedNamespacePath !== false ? $resolvedNamespacePath : $namespace['path'];
+
+            if ($namespace['path'] === '') {
+                continue;
+            }
+
+            if (mb_strpos($path, $namespace['path']) === 0) {
+                $className = $namespace['prefix'] . '\\' .
+                    ltrim(
+                        str_replace(
+                            '/',
+                            '\\',
+                            mb_substr($path, mb_strlen($namespace['path'])),
+                        ),
+                        '\\',
+                    );
+
+                // Remove the file extension (.php)
+                /** @var class-string $className */
+                $className = mb_substr($className, 0, -4);
+
+                if (in_array($className, $this->invalidClassnames, true)) {
+                    continue;
+                }
+
+                if (class_exists($className)) {
+                    return $className;
+                }
+
+                $this->invalidClassnames[] = $className;
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * Scans the defined namespaces, returning a list of all files
+     * that are contained within the subpath specified by $path.
+     *
+     * @return list<string> List of file paths
+     */
+    public function listFiles(string $path): array
+    {
+        if ($path === '') {
+            return [];
+        }
+
+        $files = [];
+        helper('filesystem');
+
+        foreach ($this->getNamespaces() as $namespace) {
+            $fullPath     = $namespace['path'] . $path;
+            $resolvedPath = realpath($fullPath);
+            $fullPath     = $resolvedPath !== false ? $resolvedPath : $fullPath;
+
+            if (! is_dir($fullPath)) {
+                continue;
+            }
+
+            $tempFiles = get_filenames($fullPath, true, false, false);
+
+            if ($tempFiles !== []) {
+                $files = array_merge($files, $tempFiles);
+            }
+        }
+
+        return $files;
+    }
+
+    /**
+     * Scans the provided namespace, returning a list of all files
+     * that are contained within the sub path specified by $path.
+     *
+     * @return list<non-empty-string> List of file paths
+     */
+    public function listNamespaceFiles(string $prefix, string $path): array
+    {
+        if ($path === '' || $prefix === '') {
+            return [];
+        }
+
+        $files = [];
+        helper('filesystem');
+
+        // autoloader->getNamespace($prefix) returns an array of paths for that namespace
+        foreach ($this->autoloader->getNamespace($prefix) as $namespacePath) {
+            $fullPath     = rtrim($namespacePath, '/') . '/' . $path;
+            $resolvedPath = realpath($fullPath);
+            $fullPath     = $resolvedPath !== false ? $resolvedPath : $fullPath;
+
+            if (! is_dir($fullPath)) {
+                continue;
+            }
+
+            $tempFiles = get_filenames($fullPath, true, false, false);
+
+            if ($tempFiles !== []) {
+                $files = array_merge($files, $tempFiles);
+            }
+        }
+
+        return $files;
+    }
+
+    /**
+     * Checks the app folder to see if the file can be found.
+     * Only for use with filenames that DO NOT include namespacing.
+     *
+     * @param non-empty-string|null $folder
+     *
+     * @return false|string The path to the file, or false if not found.
+     */
+    protected function legacyLocate(string $file, ?string $folder = null)
+    {
+        $path         = APPPATH . ($folder === null ? $file : $folder . '/' . $file);
+        $resolvedPath = realpath($path);
+        $path         = $resolvedPath !== false ? $resolvedPath : $path;
+
+        if (is_file($path)) {
+            return $path;
+        }
+
+        return false;
+    }
+}
diff --git a/ci4app/system/Autoloader/FileLocatorCached.php b/ci4app/system/Autoloader/FileLocatorCached.php
new file mode 100644
index 0000000..0aa267b
--- /dev/null
+++ b/ci4app/system/Autoloader/FileLocatorCached.php
@@ -0,0 +1,177 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Autoloader;
+
+use CodeIgniter\Cache\CacheInterface;
+use CodeIgniter\Cache\FactoriesCache\FileVarExportHandler;
+
+/**
+ * FileLocator with Cache
+ *
+ * @see \CodeIgniter\Autoloader\FileLocatorCachedTest
+ */
+final class FileLocatorCached implements FileLocatorInterface
+{
+    /**
+     * @var CacheInterface|FileVarExportHandler
+     */
+    private $cacheHandler;
+
+    /**
+     * Cache data
+     *
+     * [method => data]
+     * E.g.,
+     * [
+     *     'search' => [$path => $foundPaths],
+     * ]
+     *
+     * @var array<string, array<string, mixed>>
+     */
+    private array $cache = [];
+
+    /**
+     * Is the cache updated?
+     */
+    private bool $cacheUpdated = false;
+
+    private string $cacheKey = 'FileLocatorCache';
+
+    /**
+     * @param CacheInterface|FileVarExportHandler|null $cache
+     */
+    public function __construct(private readonly FileLocator $locator, $cache = null)
+    {
+        $this->cacheHandler = $cache ?? new FileVarExportHandler();
+
+        $this->loadCache();
+    }
+
+    private function loadCache(): void
+    {
+        $data = $this->cacheHandler->get($this->cacheKey);
+
+        if (is_array($data)) {
+            $this->cache = $data;
+        }
+    }
+
+    public function __destruct()
+    {
+        $this->saveCache();
+    }
+
+    private function saveCache(): void
+    {
+        if ($this->cacheUpdated) {
+            $this->cacheHandler->save($this->cacheKey, $this->cache, 3600 * 24);
+        }
+    }
+
+    /**
+     * Delete cache data
+     */
+    public function deleteCache(): void
+    {
+        $this->cacheUpdated = false;
+        $this->cacheHandler->delete($this->cacheKey);
+    }
+
+    public function findQualifiedNameFromPath(string $path): false|string
+    {
+        if (isset($this->cache['findQualifiedNameFromPath'][$path])) {
+            return $this->cache['findQualifiedNameFromPath'][$path];
+        }
+
+        $classname = $this->locator->findQualifiedNameFromPath($path);
+
+        $this->cache['findQualifiedNameFromPath'][$path] = $classname;
+        $this->cacheUpdated                              = true;
+
+        return $classname;
+    }
+
+    public function getClassname(string $file): string
+    {
+        if (isset($this->cache['getClassname'][$file])) {
+            return $this->cache['getClassname'][$file];
+        }
+
+        $classname = $this->locator->getClassname($file);
+
+        $this->cache['getClassname'][$file] = $classname;
+        $this->cacheUpdated                 = true;
+
+        return $classname;
+    }
+
+    /**
+     * @return list<non-empty-string>
+     */
+    public function search(string $path, string $ext = 'php', bool $prioritizeApp = true): array
+    {
+        if (isset($this->cache['search'][$path][$ext][$prioritizeApp])) {
+            return $this->cache['search'][$path][$ext][$prioritizeApp];
+        }
+
+        $foundPaths = $this->locator->search($path, $ext, $prioritizeApp);
+
+        $this->cache['search'][$path][$ext][$prioritizeApp] = $foundPaths;
+        $this->cacheUpdated                                 = true;
+
+        return $foundPaths;
+    }
+
+    public function listFiles(string $path): array
+    {
+        if (isset($this->cache['listFiles'][$path])) {
+            return $this->cache['listFiles'][$path];
+        }
+
+        $files = $this->locator->listFiles($path);
+
+        $this->cache['listFiles'][$path] = $files;
+        $this->cacheUpdated              = true;
+
+        return $files;
+    }
+
+    public function listNamespaceFiles(string $prefix, string $path): array
+    {
+        if (isset($this->cache['listNamespaceFiles'][$prefix][$path])) {
+            return $this->cache['listNamespaceFiles'][$prefix][$path];
+        }
+
+        $files = $this->locator->listNamespaceFiles($prefix, $path);
+
+        $this->cache['listNamespaceFiles'][$prefix][$path] = $files;
+        $this->cacheUpdated                                = true;
+
+        return $files;
+    }
+
+    public function locateFile(string $file, ?string $folder = null, string $ext = 'php'): false|string
+    {
+        if (isset($this->cache['locateFile'][$file][$folder][$ext])) {
+            return $this->cache['locateFile'][$file][$folder][$ext];
+        }
+
+        $files = $this->locator->locateFile($file, $folder, $ext);
+
+        $this->cache['locateFile'][$file][$folder][$ext] = $files;
+        $this->cacheUpdated                              = true;
+
+        return $files;
+    }
+}
diff --git a/ci4app/system/Autoloader/FileLocatorInterface.php b/ci4app/system/Autoloader/FileLocatorInterface.php
new file mode 100644
index 0000000..0422ec2
--- /dev/null
+++ b/ci4app/system/Autoloader/FileLocatorInterface.php
@@ -0,0 +1,86 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Autoloader;
+
+/**
+ * Allows loading non-class files in a namespaced manner.
+ * Works with Helpers, Views, etc.
+ */
+interface FileLocatorInterface
+{
+    /**
+     * Attempts to locate a file by examining the name for a namespace
+     * and looking through the PSR-4 namespaced files that we know about.
+     *
+     * @param non-empty-string      $file   The relative file path or namespaced file to
+     *                                      locate. If not namespaced, search in the app
+     *                                      folder.
+     * @param non-empty-string|null $folder The folder within the namespace that we should
+     *                                      look for the file. If $file does not contain
+     *                                      this value, it will be appended to the namespace
+     *                                      folder.
+     * @param string                $ext    The file extension the file should have.
+     *
+     * @return false|non-empty-string The path to the file, or false if not found.
+     */
+    public function locateFile(string $file, ?string $folder = null, string $ext = 'php');
+
+    /**
+     * Examines a file and returns the fully qualified class name.
+     *
+     * @param non-empty-string $file
+     */
+    public function getClassname(string $file): string;
+
+    /**
+     * Searches through all of the defined namespaces looking for a file.
+     * Returns an array of all found locations for the defined file.
+     *
+     * Example:
+     *
+     *  $locator->search('Config/Routes.php');
+     *  // Assuming PSR4 namespaces include foo and bar, might return:
+     *  [
+     *      'app/Modules/foo/Config/Routes.php',
+     *      'app/Modules/bar/Config/Routes.php',
+     *  ]
+     *
+     * @return list<non-empty-string>
+     */
+    public function search(string $path, string $ext = 'php', bool $prioritizeApp = true): array;
+
+    /**
+     * Find the qualified name of a file according to
+     * the namespace of the first matched namespace path.
+     *
+     * @return class-string|false The qualified name or false if the path is not found
+     */
+    public function findQualifiedNameFromPath(string $path);
+
+    /**
+     * Scans the defined namespaces, returning a list of all files
+     * that are contained within the subpath specified by $path.
+     *
+     * @return list<string> List of file paths
+     */
+    public function listFiles(string $path): array;
+
+    /**
+     * Scans the provided namespace, returning a list of all files
+     * that are contained within the sub path specified by $path.
+     *
+     * @return list<string> List of file paths
+     */
+    public function listNamespaceFiles(string $prefix, string $path): array;
+}
diff --git a/ci4app/system/BaseModel.php b/ci4app/system/BaseModel.php
new file mode 100644
index 0000000..4f1cf3d
--- /dev/null
+++ b/ci4app/system/BaseModel.php
@@ -0,0 +1,1943 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter;
+
+use Closure;
+use CodeIgniter\Database\BaseConnection;
+use CodeIgniter\Database\BaseResult;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Database\Exceptions\DataException;
+use CodeIgniter\Database\Query;
+use CodeIgniter\DataConverter\DataConverter;
+use CodeIgniter\Entity\Entity;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Exceptions\ModelException;
+use CodeIgniter\I18n\Time;
+use CodeIgniter\Pager\Pager;
+use CodeIgniter\Validation\ValidationInterface;
+use Config\Feature;
+use ReflectionClass;
+use ReflectionException;
+use ReflectionProperty;
+use stdClass;
+
+/**
+ * The BaseModel class provides a number of convenient features that
+ * makes working with a databases less painful. Extending this class
+ * provide means of implementing various database systems
+ *
+ * It will:
+ *      - simplifies pagination
+ *      - allow specifying the return type (array, object, etc) with each call
+ *      - automatically set and update timestamps
+ *      - handle soft deletes
+ *      - ensure validation is run against objects when saving items
+ *      - process various callbacks
+ *      - allow intermingling calls to the db connection
+ *
+ * @phpstan-type row_array               array<int|string, float|int|null|object|string|bool>
+ * @phpstan-type event_data_beforeinsert array{data: row_array}
+ * @phpstan-type event_data_afterinsert  array{id: int|string, data: row_array, result: bool}
+ * @phpstan-type event_data_beforefind   array{id?: int|string, method: string, singleton: bool, limit?: int, offset?: int}
+ * @phpstan-type event_data_afterfind    array{id: int|string|null|list<int|string>, data: row_array|list<row_array>|object|null, method: string, singleton: bool}
+ * @phpstan-type event_data_beforeupdate array{id: null|list<int|string>, data: row_array}
+ * @phpstan-type event_data_afterupdate  array{id: null|list<int|string>, data: row_array|object, result: bool}
+ * @phpstan-type event_data_beforedelete array{id: null|list<int|string>, purge: bool}
+ * @phpstan-type event_data_afterdelete  array{id: null|list<int|string>, data: null, purge: bool, result: bool}
+ */
+abstract class BaseModel
+{
+    /**
+     * Pager instance.
+     * Populated after calling $this->paginate()
+     *
+     * @var Pager
+     */
+    public $pager;
+
+    /**
+     * Database Connection
+     *
+     * @var BaseConnection
+     */
+    protected $db;
+
+    /**
+     * Last insert ID
+     *
+     * @var int|string
+     */
+    protected $insertID = 0;
+
+    /**
+     * The Database connection group that
+     * should be instantiated.
+     *
+     * @var non-empty-string|null
+     */
+    protected $DBGroup;
+
+    /**
+     * The format that the results should be returned as.
+     * Will be overridden if the as* methods are used.
+     *
+     * @var string
+     */
+    protected $returnType = 'array';
+
+    /**
+     * Used by asArray() and asObject() to provide
+     * temporary overrides of model default.
+     *
+     * @var 'array'|'object'|class-string
+     */
+    protected $tempReturnType;
+
+    /**
+     * Array of column names and the type of value to cast.
+     *
+     * @var array<string, string> [column => type]
+     */
+    protected array $casts = [];
+
+    /**
+     * Custom convert handlers.
+     *
+     * @var array<string, class-string> [type => classname]
+     */
+    protected array $castHandlers = [];
+
+    protected ?DataConverter $converter = null;
+
+    /**
+     * Determines whether the model should protect field names during
+     * mass assignment operations such as insert() and update().
+     *
+     * When set to true, only the fields explicitly defined in the $allowedFields
+     * property will be allowed for mass assignment. This helps prevent
+     * unintended modification of database fields and improves security
+     * by avoiding mass assignment vulnerabilities.
+     *
+     * @var bool
+     */
+    protected $protectFields = true;
+
+    /**
+     * An array of field names that are allowed
+     * to be set by the user in inserts/updates.
+     *
+     * @var list<string>
+     */
+    protected $allowedFields = [];
+
+    /**
+     * If true, will set created_at, and updated_at
+     * values during insert and update routines.
+     *
+     * @var bool
+     */
+    protected $useTimestamps = false;
+
+    /**
+     * The type of column that created_at and updated_at
+     * are expected to.
+     *
+     * Allowed: 'datetime', 'date', 'int'
+     *
+     * @var string
+     */
+    protected $dateFormat = 'datetime';
+
+    /**
+     * The column used for insert timestamps
+     *
+     * @var string
+     */
+    protected $createdField = 'created_at';
+
+    /**
+     * The column used for update timestamps
+     *
+     * @var string
+     */
+    protected $updatedField = 'updated_at';
+
+    /**
+     * If this model should use "softDeletes" and
+     * simply set a date when rows are deleted, or
+     * do hard deletes.
+     *
+     * @var bool
+     */
+    protected $useSoftDeletes = false;
+
+    /**
+     * Used by withDeleted to override the
+     * model's softDelete setting.
+     *
+     * @var bool
+     */
+    protected $tempUseSoftDeletes;
+
+    /**
+     * The column used to save soft delete state
+     *
+     * @var string
+     */
+    protected $deletedField = 'deleted_at';
+
+    /**
+     * Whether to allow inserting empty data.
+     */
+    protected bool $allowEmptyInserts = false;
+
+    /**
+     * Whether to update Entity's only changed data.
+     */
+    protected bool $updateOnlyChanged = true;
+
+    /**
+     * Rules used to validate data in insert(), update(), and save() methods.
+     *
+     * The array must match the format of data passed to the Validation
+     * library.
+     *
+     * @see https://codeigniter4.github.io/userguide/models/model.html#setting-validation-rules
+     *
+     * @var array<string, array<string, array<string, string>|string>|string>|string
+     */
+    protected $validationRules = [];
+
+    /**
+     * Contains any custom error messages to be
+     * used during data validation.
+     *
+     * @var array<string, array<string, string>>
+     */
+    protected $validationMessages = [];
+
+    /**
+     * Skip the model's validation. Used in conjunction with skipValidation()
+     * to skip data validation for any future calls.
+     *
+     * @var bool
+     */
+    protected $skipValidation = false;
+
+    /**
+     * Whether rules should be removed that do not exist
+     * in the passed data. Used in updates.
+     *
+     * @var bool
+     */
+    protected $cleanValidationRules = true;
+
+    /**
+     * Our validator instance.
+     *
+     * @var ValidationInterface|null
+     */
+    protected $validation;
+
+    /*
+     * Callbacks.
+     *
+     * Each array should contain the method names (within the model)
+     * that should be called when those events are triggered.
+     *
+     * "Update" and "delete" methods are passed the same items that
+     * are given to their respective method.
+     *
+     * "Find" methods receive the ID searched for (if present), and
+     * 'afterFind' additionally receives the results that were found.
+     */
+
+    /**
+     * Whether to trigger the defined callbacks
+     *
+     * @var bool
+     */
+    protected $allowCallbacks = true;
+
+    /**
+     * Used by allowCallbacks() to override the
+     * model's allowCallbacks setting.
+     *
+     * @var bool
+     */
+    protected $tempAllowCallbacks;
+
+    /**
+     * Callbacks for beforeInsert
+     *
+     * @var list<string>
+     */
+    protected $beforeInsert = [];
+
+    /**
+     * Callbacks for afterInsert
+     *
+     * @var list<string>
+     */
+    protected $afterInsert = [];
+
+    /**
+     * Callbacks for beforeUpdate
+     *
+     * @var list<string>
+     */
+    protected $beforeUpdate = [];
+
+    /**
+     * Callbacks for afterUpdate
+     *
+     * @var list<string>
+     */
+    protected $afterUpdate = [];
+
+    /**
+     * Callbacks for beforeInsertBatch
+     *
+     * @var list<string>
+     */
+    protected $beforeInsertBatch = [];
+
+    /**
+     * Callbacks for afterInsertBatch
+     *
+     * @var list<string>
+     */
+    protected $afterInsertBatch = [];
+
+    /**
+     * Callbacks for beforeUpdateBatch
+     *
+     * @var list<string>
+     */
+    protected $beforeUpdateBatch = [];
+
+    /**
+     * Callbacks for afterUpdateBatch
+     *
+     * @var list<string>
+     */
+    protected $afterUpdateBatch = [];
+
+    /**
+     * Callbacks for beforeFind
+     *
+     * @var list<string>
+     */
+    protected $beforeFind = [];
+
+    /**
+     * Callbacks for afterFind
+     *
+     * @var list<string>
+     */
+    protected $afterFind = [];
+
+    /**
+     * Callbacks for beforeDelete
+     *
+     * @var list<string>
+     */
+    protected $beforeDelete = [];
+
+    /**
+     * Callbacks for afterDelete
+     *
+     * @var list<string>
+     */
+    protected $afterDelete = [];
+
+    public function __construct(?ValidationInterface $validation = null)
+    {
+        $this->tempReturnType     = $this->returnType;
+        $this->tempUseSoftDeletes = $this->useSoftDeletes;
+        $this->tempAllowCallbacks = $this->allowCallbacks;
+
+        $this->validation = $validation;
+
+        $this->initialize();
+        $this->createDataConverter();
+    }
+
+    /**
+     * Creates DataConverter instance.
+     */
+    protected function createDataConverter(): void
+    {
+        if ($this->useCasts()) {
+            $this->converter = new DataConverter(
+                $this->casts,
+                $this->castHandlers,
+                $this->db,
+            );
+        }
+    }
+
+    /**
+     * Are casts used?
+     */
+    protected function useCasts(): bool
+    {
+        return $this->casts !== [];
+    }
+
+    /**
+     * Initializes the instance with any additional steps.
+     * Optionally implemented by child classes.
+     *
+     * @return void
+     */
+    protected function initialize()
+    {
+    }
+
+    /**
+     * Fetches the row of database.
+     * This method works only with dbCalls.
+     *
+     * @param bool                  $singleton Single or multiple results
+     * @param array|int|string|null $id        One primary key or an array of primary keys
+     *
+     * @return array|object|null The resulting row of data, or null.
+     */
+    abstract protected function doFind(bool $singleton, $id = null);
+
+    /**
+     * Fetches the column of database.
+     * This method works only with dbCalls.
+     *
+     * @param string $columnName Column Name
+     *
+     * @return array|null The resulting row of data, or null if no data found.
+     *
+     * @throws DataException
+     */
+    abstract protected function doFindColumn(string $columnName);
+
+    /**
+     * Fetches all results, while optionally limiting them.
+     * This method works only with dbCalls.
+     *
+     * @param int|null $limit  Limit
+     * @param int      $offset Offset
+     *
+     * @return array
+     */
+    abstract protected function doFindAll(?int $limit = null, int $offset = 0);
+
+    /**
+     * Returns the first row of the result set.
+     * This method works only with dbCalls.
+     *
+     * @return array|object|null
+     */
+    abstract protected function doFirst();
+
+    /**
+     * Inserts data into the current database.
+     * This method works only with dbCalls.
+     *
+     * @param         array     $row Row data
+     * @phpstan-param row_array $row
+     *
+     * @return bool
+     */
+    abstract protected function doInsert(array $row);
+
+    /**
+     * Compiles batch insert and runs the queries, validating each row prior.
+     * This method works only with dbCalls.
+     *
+     * @param array|null $set       An associative array of insert values
+     * @param bool|null  $escape    Whether to escape values
+     * @param int        $batchSize The size of the batch to run
+     * @param bool       $testing   True means only number of records is returned, false will execute the query
+     *
+     * @return bool|int Number of rows inserted or FALSE on failure
+     */
+    abstract protected function doInsertBatch(?array $set = null, ?bool $escape = null, int $batchSize = 100, bool $testing = false);
+
+    /**
+     * Updates a single record in the database.
+     * This method works only with dbCalls.
+     *
+     * @param         array|int|string|null $id  ID
+     * @param         array|null            $row Row data
+     * @phpstan-param row_array|null        $row
+     */
+    abstract protected function doUpdate($id = null, $row = null): bool;
+
+    /**
+     * Compiles an update and runs the query.
+     * This method works only with dbCalls.
+     *
+     * @param array|null  $set       An associative array of update values
+     * @param string|null $index     The where key
+     * @param int         $batchSize The size of the batch to run
+     * @param bool        $returnSQL True means SQL is returned, false will execute the query
+     *
+     * @return false|int|list<string> Number of rows affected or FALSE on failure, SQL array when testMode
+     *
+     * @throws DatabaseException
+     */
+    abstract protected function doUpdateBatch(?array $set = null, ?string $index = null, int $batchSize = 100, bool $returnSQL = false);
+
+    /**
+     * Deletes a single record from the database where $id matches.
+     * This method works only with dbCalls.
+     *
+     * @param array|int|string|null $id    The rows primary key(s)
+     * @param bool                  $purge Allows overriding the soft deletes setting.
+     *
+     * @return bool|string
+     *
+     * @throws DatabaseException
+     */
+    abstract protected function doDelete($id = null, bool $purge = false);
+
+    /**
+     * Permanently deletes all rows that have been marked as deleted.
+     * through soft deletes (deleted = 1).
+     * This method works only with dbCalls.
+     *
+     * @return bool|string Returns a string if in test mode.
+     */
+    abstract protected function doPurgeDeleted();
+
+    /**
+     * Works with the find* methods to return only the rows that
+     * have been deleted.
+     * This method works only with dbCalls.
+     *
+     * @return void
+     */
+    abstract protected function doOnlyDeleted();
+
+    /**
+     * Compiles a replace and runs the query.
+     * This method works only with dbCalls.
+     *
+     * @param row_array|null $row       Row data
+     * @param bool           $returnSQL Set to true to return Query String
+     *
+     * @return BaseResult|false|Query|string
+     */
+    abstract protected function doReplace(?array $row = null, bool $returnSQL = false);
+
+    /**
+     * Grabs the last error(s) that occurred from the Database connection.
+     * This method works only with dbCalls.
+     *
+     * @return array<string, string>
+     */
+    abstract protected function doErrors();
+
+    /**
+     * Public getter to return the id value using the idValue() method.
+     * For example with SQL this will return $data->$this->primaryKey.
+     *
+     * @param object|row_array $row Row data
+     *
+     * @return array|int|string|null
+     */
+    abstract public function getIdValue($row);
+
+    /**
+     * Override countAllResults to account for soft deleted accounts.
+     * This method works only with dbCalls.
+     *
+     * @param bool $reset Reset
+     * @param bool $test  Test
+     *
+     * @return int|string
+     */
+    abstract public function countAllResults(bool $reset = true, bool $test = false);
+
+    /**
+     * Loops over records in batches, allowing you to operate on them.
+     * This method works only with dbCalls.
+     *
+     * @param int                                          $size     Size
+     * @param Closure(array<string, string>|object): mixed $userFunc Callback Function
+     *
+     * @return void
+     *
+     * @throws DataException
+     */
+    abstract public function chunk(int $size, Closure $userFunc);
+
+    /**
+     * Fetches the row of database.
+     *
+     * @param array|int|string|null $id One primary key or an array of primary keys
+     *
+     * @return         array|object|null                                                    The resulting row of data, or null.
+     * @phpstan-return ($id is int|string ? row_array|object|null : list<row_array|object>)
+     */
+    public function find($id = null)
+    {
+        $singleton = is_numeric($id) || is_string($id);
+
+        if ($this->tempAllowCallbacks) {
+            // Call the before event and check for a return
+            $eventData = $this->trigger('beforeFind', [
+                'id'        => $id,
+                'method'    => 'find',
+                'singleton' => $singleton,
+            ]);
+
+            if (isset($eventData['returnData']) && $eventData['returnData'] === true) {
+                return $eventData['data'];
+            }
+        }
+
+        $eventData = [
+            'id'        => $id,
+            'data'      => $this->doFind($singleton, $id),
+            'method'    => 'find',
+            'singleton' => $singleton,
+        ];
+
+        if ($this->tempAllowCallbacks) {
+            $eventData = $this->trigger('afterFind', $eventData);
+        }
+
+        $this->tempReturnType     = $this->returnType;
+        $this->tempUseSoftDeletes = $this->useSoftDeletes;
+        $this->tempAllowCallbacks = $this->allowCallbacks;
+
+        return $eventData['data'];
+    }
+
+    /**
+     * Fetches the column of database.
+     *
+     * @param string $columnName Column Name
+     *
+     * @return array|null The resulting row of data, or null if no data found.
+     *
+     * @throws DataException
+     */
+    public function findColumn(string $columnName)
+    {
+        if (str_contains($columnName, ',')) {
+            throw DataException::forFindColumnHaveMultipleColumns();
+        }
+
+        $resultSet = $this->doFindColumn($columnName);
+
+        return $resultSet !== null ? array_column($resultSet, $columnName) : null;
+    }
+
+    /**
+     * Fetches all results, while optionally limiting them.
+     *
+     * @param int $limit  Limit
+     * @param int $offset Offset
+     *
+     * @return array
+     */
+    public function findAll(?int $limit = null, int $offset = 0)
+    {
+        $limitZeroAsAll = config(Feature::class)->limitZeroAsAll ?? true;
+        if ($limitZeroAsAll) {
+            $limit ??= 0;
+        }
+
+        if ($this->tempAllowCallbacks) {
+            // Call the before event and check for a return
+            $eventData = $this->trigger('beforeFind', [
+                'method'    => 'findAll',
+                'limit'     => $limit,
+                'offset'    => $offset,
+                'singleton' => false,
+            ]);
+
+            if (isset($eventData['returnData']) && $eventData['returnData'] === true) {
+                return $eventData['data'];
+            }
+        }
+
+        $eventData = [
+            'data'      => $this->doFindAll($limit, $offset),
+            'limit'     => $limit,
+            'offset'    => $offset,
+            'method'    => 'findAll',
+            'singleton' => false,
+        ];
+
+        if ($this->tempAllowCallbacks) {
+            $eventData = $this->trigger('afterFind', $eventData);
+        }
+
+        $this->tempReturnType     = $this->returnType;
+        $this->tempUseSoftDeletes = $this->useSoftDeletes;
+        $this->tempAllowCallbacks = $this->allowCallbacks;
+
+        return $eventData['data'];
+    }
+
+    /**
+     * Returns the first row of the result set.
+     *
+     * @return array|object|null
+     */
+    public function first()
+    {
+        if ($this->tempAllowCallbacks) {
+            // Call the before event and check for a return
+            $eventData = $this->trigger('beforeFind', [
+                'method'    => 'first',
+                'singleton' => true,
+            ]);
+
+            if (isset($eventData['returnData']) && $eventData['returnData'] === true) {
+                return $eventData['data'];
+            }
+        }
+
+        $eventData = [
+            'data'      => $this->doFirst(),
+            'method'    => 'first',
+            'singleton' => true,
+        ];
+
+        if ($this->tempAllowCallbacks) {
+            $eventData = $this->trigger('afterFind', $eventData);
+        }
+
+        $this->tempReturnType     = $this->returnType;
+        $this->tempUseSoftDeletes = $this->useSoftDeletes;
+        $this->tempAllowCallbacks = $this->allowCallbacks;
+
+        return $eventData['data'];
+    }
+
+    /**
+     * A convenience method that will attempt to determine whether the
+     * data should be inserted or updated. Will work with either
+     * an array or object. When using with custom class objects,
+     * you must ensure that the class will provide access to the class
+     * variables, even if through a magic method.
+     *
+     * @param object|row_array $row Row data
+     *
+     * @throws ReflectionException
+     */
+    public function save($row): bool
+    {
+        if ((array) $row === []) {
+            return true;
+        }
+
+        if ($this->shouldUpdate($row)) {
+            $response = $this->update($this->getIdValue($row), $row);
+        } else {
+            $response = $this->insert($row, false);
+
+            if ($response !== false) {
+                $response = true;
+            }
+        }
+
+        return $response;
+    }
+
+    /**
+     * This method is called on save to determine if entry have to be updated.
+     * If this method returns false insert operation will be executed
+     *
+     * @param         array|object     $row Row data
+     * @phpstan-param row_array|object $row
+     */
+    protected function shouldUpdate($row): bool
+    {
+        $id = $this->getIdValue($row);
+
+        return ! ($id === null || $id === [] || $id === '');
+    }
+
+    /**
+     * Returns last insert ID or 0.
+     *
+     * @return int|string
+     */
+    public function getInsertID()
+    {
+        return is_numeric($this->insertID) ? (int) $this->insertID : $this->insertID;
+    }
+
+    /**
+     * Inserts data into the database. If an object is provided,
+     * it will attempt to convert it to an array.
+     *
+     * @param object|row_array|null $row      Row data
+     * @param bool                  $returnID Whether insert ID should be returned or not.
+     *
+     * @return ($returnID is true ? false|int|string : bool)
+     *
+     * @throws ReflectionException
+     */
+    public function insert($row = null, bool $returnID = true)
+    {
+        $this->insertID = 0;
+
+        // Set $cleanValidationRules to false temporary.
+        $cleanValidationRules       = $this->cleanValidationRules;
+        $this->cleanValidationRules = false;
+
+        $row = $this->transformDataToArray($row, 'insert');
+
+        // Validate data before saving.
+        if (! $this->skipValidation && ! $this->validate($row)) {
+            // Restore $cleanValidationRules
+            $this->cleanValidationRules = $cleanValidationRules;
+
+            return false;
+        }
+
+        // Restore $cleanValidationRules
+        $this->cleanValidationRules = $cleanValidationRules;
+
+        // Must be called first, so we don't
+        // strip out created_at values.
+        $row = $this->doProtectFieldsForInsert($row);
+
+        // doProtectFields() can further remove elements from
+        // $row, so we need to check for empty dataset again
+        if (! $this->allowEmptyInserts && $row === []) {
+            throw DataException::forEmptyDataset('insert');
+        }
+
+        // Set created_at and updated_at with same time
+        $date = $this->setDate();
+        $row  = $this->setCreatedField($row, $date);
+        $row  = $this->setUpdatedField($row, $date);
+
+        $eventData = ['data' => $row];
+
+        if ($this->tempAllowCallbacks) {
+            $eventData = $this->trigger('beforeInsert', $eventData);
+        }
+
+        $result = $this->doInsert($eventData['data']);
+
+        $eventData = [
+            'id'     => $this->insertID,
+            'data'   => $eventData['data'],
+            'result' => $result,
+        ];
+
+        if ($this->tempAllowCallbacks) {
+            // Trigger afterInsert events with the inserted data and new ID
+            $this->trigger('afterInsert', $eventData);
+        }
+
+        $this->tempAllowCallbacks = $this->allowCallbacks;
+
+        // If insertion failed, get out of here
+        if (! $result) {
+            return $result;
+        }
+
+        // otherwise return the insertID, if requested.
+        return $returnID ? $this->insertID : $result;
+    }
+
+    /**
+     * Set datetime to created field.
+     *
+     * @param row_array  $row
+     * @param int|string $date timestamp or datetime string
+     */
+    protected function setCreatedField(array $row, $date): array
+    {
+        if ($this->useTimestamps && $this->createdField !== '' && ! array_key_exists($this->createdField, $row)) {
+            $row[$this->createdField] = $date;
+        }
+
+        return $row;
+    }
+
+    /**
+     * Set datetime to updated field.
+     *
+     * @param row_array  $row
+     * @param int|string $date timestamp or datetime string
+     */
+    protected function setUpdatedField(array $row, $date): array
+    {
+        if ($this->useTimestamps && $this->updatedField !== '' && ! array_key_exists($this->updatedField, $row)) {
+            $row[$this->updatedField] = $date;
+        }
+
+        return $row;
+    }
+
+    /**
+     * Compiles batch insert runs the queries, validating each row prior.
+     *
+     * @param list<object|row_array>|null $set       an associative array of insert values
+     * @param bool|null                   $escape    Whether to escape values
+     * @param int                         $batchSize The size of the batch to run
+     * @param bool                        $testing   True means only number of records is returned, false will execute the query
+     *
+     * @return bool|int Number of rows inserted or FALSE on failure
+     *
+     * @throws ReflectionException
+     */
+    public function insertBatch(?array $set = null, ?bool $escape = null, int $batchSize = 100, bool $testing = false)
+    {
+        // Set $cleanValidationRules to false temporary.
+        $cleanValidationRules       = $this->cleanValidationRules;
+        $this->cleanValidationRules = false;
+
+        if (is_array($set)) {
+            foreach ($set as &$row) {
+                // If $row is using a custom class with public or protected
+                // properties representing the collection elements, we need to grab
+                // them as an array.
+                if (is_object($row) && ! $row instanceof stdClass) {
+                    $row = $this->objectToArray($row, false, true);
+                }
+
+                // If it's still a stdClass, go ahead and convert to
+                // an array so doProtectFields and other model methods
+                // don't have to do special checks.
+                if (is_object($row)) {
+                    $row = (array) $row;
+                }
+
+                // Convert any Time instances to appropriate $dateFormat
+                $row = $this->timeToString($row);
+
+                // Validate every row.
+                if (! $this->skipValidation && ! $this->validate($row)) {
+                    // Restore $cleanValidationRules
+                    $this->cleanValidationRules = $cleanValidationRules;
+
+                    return false;
+                }
+
+                // Must be called first so we don't
+                // strip out created_at values.
+                $row = $this->doProtectFieldsForInsert($row);
+
+                // Set created_at and updated_at with same time
+                $date = $this->setDate();
+                $row  = $this->setCreatedField($row, $date);
+                $row  = $this->setUpdatedField($row, $date);
+            }
+        }
+
+        // Restore $cleanValidationRules
+        $this->cleanValidationRules = $cleanValidationRules;
+
+        $eventData = ['data' => $set];
+
+        if ($this->tempAllowCallbacks) {
+            $eventData = $this->trigger('beforeInsertBatch', $eventData);
+        }
+
+        $result = $this->doInsertBatch($eventData['data'], $escape, $batchSize, $testing);
+
+        $eventData = [
+            'data'   => $eventData['data'],
+            'result' => $result,
+        ];
+
+        if ($this->tempAllowCallbacks) {
+            // Trigger afterInsert events with the inserted data and new ID
+            $this->trigger('afterInsertBatch', $eventData);
+        }
+
+        $this->tempAllowCallbacks = $this->allowCallbacks;
+
+        return $result;
+    }
+
+    /**
+     * Updates a single record in the database. If an object is provided,
+     * it will attempt to convert it into an array.
+     *
+     * @param         array|int|string|null $id
+     * @param         array|object|null     $row Row data
+     * @phpstan-param row_array|object|null $row
+     *
+     * @throws ReflectionException
+     */
+    public function update($id = null, $row = null): bool
+    {
+        if (is_bool($id)) {
+            throw new InvalidArgumentException('update(): argument #1 ($id) should not be boolean.');
+        }
+
+        if (is_numeric($id) || is_string($id)) {
+            $id = [$id];
+        }
+
+        $row = $this->transformDataToArray($row, 'update');
+
+        // Validate data before saving.
+        if (! $this->skipValidation && ! $this->validate($row)) {
+            return false;
+        }
+
+        // Must be called first, so we don't
+        // strip out updated_at values.
+        $row = $this->doProtectFields($row);
+
+        // doProtectFields() can further remove elements from
+        // $row, so we need to check for empty dataset again
+        if ($row === []) {
+            throw DataException::forEmptyDataset('update');
+        }
+
+        $row = $this->setUpdatedField($row, $this->setDate());
+
+        $eventData = [
+            'id'   => $id,
+            'data' => $row,
+        ];
+
+        if ($this->tempAllowCallbacks) {
+            $eventData = $this->trigger('beforeUpdate', $eventData);
+        }
+
+        $eventData = [
+            'id'     => $id,
+            'data'   => $eventData['data'],
+            'result' => $this->doUpdate($id, $eventData['data']),
+        ];
+
+        if ($this->tempAllowCallbacks) {
+            $this->trigger('afterUpdate', $eventData);
+        }
+
+        $this->tempAllowCallbacks = $this->allowCallbacks;
+
+        return $eventData['result'];
+    }
+
+    /**
+     * Compiles an update and runs the query.
+     *
+     * @param list<object|row_array>|null $set       an associative array of insert values
+     * @param string|null                 $index     The where key
+     * @param int                         $batchSize The size of the batch to run
+     * @param bool                        $returnSQL True means SQL is returned, false will execute the query
+     *
+     * @return false|int|list<string> Number of rows affected or FALSE on failure, SQL array when testMode
+     *
+     * @throws DatabaseException
+     * @throws ReflectionException
+     */
+    public function updateBatch(?array $set = null, ?string $index = null, int $batchSize = 100, bool $returnSQL = false)
+    {
+        if (is_array($set)) {
+            foreach ($set as &$row) {
+                // If $row is using a custom class with public or protected
+                // properties representing the collection elements, we need to grab
+                // them as an array.
+                if (is_object($row) && ! $row instanceof stdClass) {
+                    // For updates the index field is needed even if it is not changed.
+                    // So set $onlyChanged to false.
+                    $row = $this->objectToArray($row, false, true);
+                }
+
+                // If it's still a stdClass, go ahead and convert to
+                // an array so doProtectFields and other model methods
+                // don't have to do special checks.
+                if (is_object($row)) {
+                    $row = (array) $row;
+                }
+
+                // Validate data before saving.
+                if (! $this->skipValidation && ! $this->validate($row)) {
+                    return false;
+                }
+
+                // Save updateIndex for later
+                $updateIndex = $row[$index] ?? null;
+
+                if ($updateIndex === null) {
+                    throw new InvalidArgumentException(
+                        'The index ("' . $index . '") for updateBatch() is missing in the data: '
+                        . json_encode($row),
+                    );
+                }
+
+                // Must be called first so we don't
+                // strip out updated_at values.
+                $row = $this->doProtectFields($row);
+
+                // Restore updateIndex value in case it was wiped out
+                $row[$index] = $updateIndex;
+
+                $row = $this->setUpdatedField($row, $this->setDate());
+            }
+        }
+
+        $eventData = ['data' => $set];
+
+        if ($this->tempAllowCallbacks) {
+            $eventData = $this->trigger('beforeUpdateBatch', $eventData);
+        }
+
+        $result = $this->doUpdateBatch($eventData['data'], $index, $batchSize, $returnSQL);
+
+        $eventData = [
+            'data'   => $eventData['data'],
+            'result' => $result,
+        ];
+
+        if ($this->tempAllowCallbacks) {
+            // Trigger afterInsert events with the inserted data and new ID
+            $this->trigger('afterUpdateBatch', $eventData);
+        }
+
+        $this->tempAllowCallbacks = $this->allowCallbacks;
+
+        return $result;
+    }
+
+    /**
+     * Deletes a single record from the database where $id matches.
+     *
+     * @param int|list<int|string>|string|null $id    The rows primary key(s)
+     * @param bool                             $purge Allows overriding the soft deletes setting.
+     *
+     * @return BaseResult|bool
+     *
+     * @throws DatabaseException
+     */
+    public function delete($id = null, bool $purge = false)
+    {
+        if (is_bool($id)) {
+            throw new InvalidArgumentException('delete(): argument #1 ($id) should not be boolean.');
+        }
+
+        if (! in_array($id, [null, 0, '0'], true) && (is_numeric($id) || is_string($id))) {
+            $id = [$id];
+        }
+
+        $eventData = [
+            'id'    => $id,
+            'purge' => $purge,
+        ];
+
+        if ($this->tempAllowCallbacks) {
+            $this->trigger('beforeDelete', $eventData);
+        }
+
+        $eventData = [
+            'id'     => $id,
+            'data'   => null,
+            'purge'  => $purge,
+            'result' => $this->doDelete($id, $purge),
+        ];
+
+        if ($this->tempAllowCallbacks) {
+            $this->trigger('afterDelete', $eventData);
+        }
+
+        $this->tempAllowCallbacks = $this->allowCallbacks;
+
+        return $eventData['result'];
+    }
+
+    /**
+     * Permanently deletes all rows that have been marked as deleted
+     * through soft deletes (deleted = 1).
+     *
+     * @return bool|string Returns a string if in test mode.
+     */
+    public function purgeDeleted()
+    {
+        if (! $this->useSoftDeletes) {
+            return true;
+        }
+
+        return $this->doPurgeDeleted();
+    }
+
+    /**
+     * Sets $useSoftDeletes value so that we can temporarily override
+     * the soft deletes settings. Can be used for all find* methods.
+     *
+     * @param bool $val Value
+     *
+     * @return $this
+     */
+    public function withDeleted(bool $val = true)
+    {
+        $this->tempUseSoftDeletes = ! $val;
+
+        return $this;
+    }
+
+    /**
+     * Works with the find* methods to return only the rows that
+     * have been deleted.
+     *
+     * @return $this
+     */
+    public function onlyDeleted()
+    {
+        $this->tempUseSoftDeletes = false;
+        $this->doOnlyDeleted();
+
+        return $this;
+    }
+
+    /**
+     * Compiles a replace and runs the query.
+     *
+     * @param row_array|null $row       Row data
+     * @param bool           $returnSQL Set to true to return Query String
+     *
+     * @return BaseResult|false|Query|string
+     */
+    public function replace(?array $row = null, bool $returnSQL = false)
+    {
+        // Validate data before saving.
+        if (($row !== null) && ! $this->skipValidation && ! $this->validate($row)) {
+            return false;
+        }
+
+        $row = $this->setUpdatedField((array) $row, $this->setDate());
+
+        return $this->doReplace($row, $returnSQL);
+    }
+
+    /**
+     * Grabs the last error(s) that occurred. If data was validated,
+     * it will first check for errors there, otherwise will try to
+     * grab the last error from the Database connection.
+     *
+     * The return array should be in the following format:
+     *  ['source' => 'message']
+     *
+     * @param bool $forceDB Always grab the db error, not validation
+     *
+     * @return array<string, string>
+     */
+    public function errors(bool $forceDB = false)
+    {
+        if ($this->validation === null) {
+            return $this->doErrors();
+        }
+
+        // Do we have validation errors?
+        if (! $forceDB && ! $this->skipValidation && ($errors = $this->validation->getErrors()) !== []) {
+            return $errors;
+        }
+
+        return $this->doErrors();
+    }
+
+    /**
+     * Works with Pager to get the size and offset parameters.
+     * Expects a GET variable (?page=2) that specifies the page of results
+     * to display.
+     *
+     * @param int|null $perPage Items per page
+     * @param string   $group   Will be used by the pagination library to identify a unique pagination set.
+     * @param int|null $page    Optional page number (useful when the page number is provided in different way)
+     * @param int      $segment Optional URI segment number (if page number is provided by URI segment)
+     *
+     * @return array|null
+     */
+    public function paginate(?int $perPage = null, string $group = 'default', ?int $page = null, int $segment = 0)
+    {
+        // Since multiple models may use the Pager, the Pager must be shared.
+        $pager = service('pager');
+
+        if ($segment !== 0) {
+            $pager->setSegment($segment, $group);
+        }
+
+        $page = $page >= 1 ? $page : $pager->getCurrentPage($group);
+        // Store it in the Pager library, so it can be paginated in the views.
+        $this->pager = $pager->store($group, $page, $perPage, $this->countAllResults(false), $segment);
+        $perPage     = $this->pager->getPerPage($group);
+        $offset      = ($pager->getCurrentPage($group) - 1) * $perPage;
+
+        return $this->findAll($perPage, $offset);
+    }
+
+    /**
+     * It could be used when you have to change default or override current allowed fields.
+     *
+     * @param array $allowedFields Array with names of fields
+     *
+     * @return $this
+     */
+    public function setAllowedFields(array $allowedFields)
+    {
+        $this->allowedFields = $allowedFields;
+
+        return $this;
+    }
+
+    /**
+     * Sets whether or not we should whitelist data set during
+     * updates or inserts against $this->availableFields.
+     *
+     * @param bool $protect Value
+     *
+     * @return $this
+     */
+    public function protect(bool $protect = true)
+    {
+        $this->protectFields = $protect;
+
+        return $this;
+    }
+
+    /**
+     * Ensures that only the fields that are allowed to be updated are
+     * in the data array.
+     *
+     * @used-by update() to protect against mass assignment vulnerabilities.
+     * @used-by updateBatch() to protect against mass assignment vulnerabilities.
+     *
+     * @param         array     $row Row data
+     * @phpstan-param row_array $row
+     *
+     * @throws DataException
+     */
+    protected function doProtectFields(array $row): array
+    {
+        if (! $this->protectFields) {
+            return $row;
+        }
+
+        if ($this->allowedFields === []) {
+            throw DataException::forInvalidAllowedFields(static::class);
+        }
+
+        foreach (array_keys($row) as $key) {
+            if (! in_array($key, $this->allowedFields, true)) {
+                unset($row[$key]);
+            }
+        }
+
+        return $row;
+    }
+
+    /**
+     * Ensures that only the fields that are allowed to be inserted are in
+     * the data array.
+     *
+     * @used-by insert() to protect against mass assignment vulnerabilities.
+     * @used-by insertBatch() to protect against mass assignment vulnerabilities.
+     *
+     * @param         array     $row Row data
+     * @phpstan-param row_array $row
+     *
+     * @throws DataException
+     */
+    protected function doProtectFieldsForInsert(array $row): array
+    {
+        return $this->doProtectFields($row);
+    }
+
+    /**
+     * Sets the date or current date if null value is passed.
+     *
+     * @param int|null $userData An optional PHP timestamp to be converted.
+     *
+     * @return int|string
+     *
+     * @throws ModelException
+     */
+    protected function setDate(?int $userData = null)
+    {
+        $currentDate = $userData ?? Time::now()->getTimestamp();
+
+        return $this->intToDate($currentDate);
+    }
+
+    /**
+     * A utility function to allow child models to use the type of
+     * date/time format that they prefer. This is primarily used for
+     * setting created_at, updated_at and deleted_at values, but can be
+     * used by inheriting classes.
+     *
+     * The available time formats are:
+     *  - 'int'      - Stores the date as an integer timestamp
+     *  - 'datetime' - Stores the data in the SQL datetime format
+     *  - 'date'     - Stores the date (only) in the SQL date format.
+     *
+     * @param int $value value
+     *
+     * @return int|string
+     *
+     * @throws ModelException
+     */
+    protected function intToDate(int $value)
+    {
+        return match ($this->dateFormat) {
+            'int'      => $value,
+            'datetime' => date($this->db->dateFormat['datetime'], $value),
+            'date'     => date($this->db->dateFormat['date'], $value),
+            default    => throw ModelException::forNoDateFormat(static::class),
+        };
+    }
+
+    /**
+     * Converts Time value to string using $this->dateFormat.
+     *
+     * The available time formats are:
+     *  - 'int'      - Stores the date as an integer timestamp
+     *  - 'datetime' - Stores the data in the SQL datetime format
+     *  - 'date'     - Stores the date (only) in the SQL date format.
+     *
+     * @param Time $value value
+     *
+     * @return int|string
+     */
+    protected function timeToDate(Time $value)
+    {
+        return match ($this->dateFormat) {
+            'datetime' => $value->format($this->db->dateFormat['datetime']),
+            'date'     => $value->format($this->db->dateFormat['date']),
+            'int'      => $value->getTimestamp(),
+            default    => (string) $value,
+        };
+    }
+
+    /**
+     * Set the value of the skipValidation flag.
+     *
+     * @param bool $skip Value
+     *
+     * @return $this
+     */
+    public function skipValidation(bool $skip = true)
+    {
+        $this->skipValidation = $skip;
+
+        return $this;
+    }
+
+    /**
+     * Allows to set (and reset) validation messages.
+     * It could be used when you have to change default or override current validate messages.
+     *
+     * @param array $validationMessages Value
+     *
+     * @return $this
+     */
+    public function setValidationMessages(array $validationMessages)
+    {
+        $this->validationMessages = $validationMessages;
+
+        return $this;
+    }
+
+    /**
+     * Allows to set field wise validation message.
+     * It could be used when you have to change default or override current validate messages.
+     *
+     * @param string $field         Field Name
+     * @param array  $fieldMessages Validation messages
+     *
+     * @return $this
+     */
+    public function setValidationMessage(string $field, array $fieldMessages)
+    {
+        $this->validationMessages[$field] = $fieldMessages;
+
+        return $this;
+    }
+
+    /**
+     * Allows to set (and reset) validation rules.
+     * It could be used when you have to change default or override current validate rules.
+     *
+     * @param array<string, array<string, array<string, string>|string>|string> $validationRules Value
+     *
+     * @return $this
+     */
+    public function setValidationRules(array $validationRules)
+    {
+        $this->validationRules = $validationRules;
+
+        return $this;
+    }
+
+    /**
+     * Allows to set field wise validation rules.
+     * It could be used when you have to change default or override current validate rules.
+     *
+     * @param string       $field      Field Name
+     * @param array|string $fieldRules Validation rules
+     *
+     * @return $this
+     */
+    public function setValidationRule(string $field, $fieldRules)
+    {
+        $rules = $this->validationRules;
+
+        // ValidationRules can be either a string, which is the group name,
+        // or an array of rules.
+        if (is_string($rules)) {
+            $this->ensureValidation();
+
+            [$rules, $customErrors] = $this->validation->loadRuleGroup($rules);
+
+            $this->validationRules = $rules;
+            $this->validationMessages += $customErrors;
+        }
+
+        $this->validationRules[$field] = $fieldRules;
+
+        return $this;
+    }
+
+    /**
+     * Should validation rules be removed before saving?
+     * Most handy when doing updates.
+     *
+     * @param bool $choice Value
+     *
+     * @return $this
+     */
+    public function cleanRules(bool $choice = false)
+    {
+        $this->cleanValidationRules = $choice;
+
+        return $this;
+    }
+
+    /**
+     * Validate the row data against the validation rules (or the validation group)
+     * specified in the class property, $validationRules.
+     *
+     * @param         array|object     $row Row data
+     * @phpstan-param row_array|object $row
+     */
+    public function validate($row): bool
+    {
+        if ($this->skipValidation) {
+            return true;
+        }
+
+        $rules = $this->getValidationRules();
+
+        if ($rules === []) {
+            return true;
+        }
+
+        // Validation requires array, so cast away.
+        if (is_object($row)) {
+            $row = (array) $row;
+        }
+
+        if ($row === []) {
+            return true;
+        }
+
+        $rules = $this->cleanValidationRules ? $this->cleanValidationRules($rules, $row) : $rules;
+
+        // If no data existed that needs validation
+        // our job is done here.
+        if ($rules === []) {
+            return true;
+        }
+
+        $this->ensureValidation();
+
+        $this->validation->reset()->setRules($rules, $this->validationMessages);
+
+        return $this->validation->run($row, null, $this->DBGroup);
+    }
+
+    /**
+     * Returns the model's defined validation rules so that they
+     * can be used elsewhere, if needed.
+     *
+     * @param array $options Options
+     */
+    public function getValidationRules(array $options = []): array
+    {
+        $rules = $this->validationRules;
+
+        // ValidationRules can be either a string, which is the group name,
+        // or an array of rules.
+        if (is_string($rules)) {
+            $this->ensureValidation();
+
+            [$rules, $customErrors] = $this->validation->loadRuleGroup($rules);
+
+            $this->validationMessages += $customErrors;
+        }
+
+        if (isset($options['except'])) {
+            $rules = array_diff_key($rules, array_flip($options['except']));
+        } elseif (isset($options['only'])) {
+            $rules = array_intersect_key($rules, array_flip($options['only']));
+        }
+
+        return $rules;
+    }
+
+    protected function ensureValidation(): void
+    {
+        if ($this->validation === null) {
+            $this->validation = service('validation', null, false);
+        }
+    }
+
+    /**
+     * Returns the model's validation messages, so they
+     * can be used elsewhere, if needed.
+     */
+    public function getValidationMessages(): array
+    {
+        return $this->validationMessages;
+    }
+
+    /**
+     * Removes any rules that apply to fields that have not been set
+     * currently so that rules don't block updating when only updating
+     * a partial row.
+     *
+     * @param         array     $rules Array containing field name and rule
+     * @param         array     $row   Row data (@TODO Remove null in param type)
+     * @phpstan-param row_array $row
+     */
+    protected function cleanValidationRules(array $rules, ?array $row = null): array
+    {
+        if ($row === null || $row === []) {
+            return [];
+        }
+
+        foreach (array_keys($rules) as $field) {
+            if (! array_key_exists($field, $row)) {
+                unset($rules[$field]);
+            }
+        }
+
+        return $rules;
+    }
+
+    /**
+     * Sets $tempAllowCallbacks value so that we can temporarily override
+     * the setting. Resets after the next method that uses triggers.
+     *
+     * @param bool $val value
+     *
+     * @return $this
+     */
+    public function allowCallbacks(bool $val = true)
+    {
+        $this->tempAllowCallbacks = $val;
+
+        return $this;
+    }
+
+    /**
+     * A simple event trigger for Model Events that allows additional
+     * data manipulation within the model. Specifically intended for
+     * usage by child models this can be used to format data,
+     * save/load related classes, etc.
+     *
+     * It is the responsibility of the callback methods to return
+     * the data itself.
+     *
+     * Each $eventData array MUST have a 'data' key with the relevant
+     * data for callback methods (like an array of key/value pairs to insert
+     * or update, an array of results, etc.)
+     *
+     * If callbacks are not allowed then returns $eventData immediately.
+     *
+     * @param string $event     Event
+     * @param array  $eventData Event Data
+     *
+     * @return array
+     *
+     * @throws DataException
+     */
+    protected function trigger(string $event, array $eventData)
+    {
+        // Ensure it's a valid event
+        if (! isset($this->{$event}) || $this->{$event} === []) {
+            return $eventData;
+        }
+
+        foreach ($this->{$event} as $callback) {
+            if (! method_exists($this, $callback)) {
+                throw DataException::forInvalidMethodTriggered($callback);
+            }
+
+            $eventData = $this->{$callback}($eventData);
+        }
+
+        return $eventData;
+    }
+
+    /**
+     * Sets the return type of the results to be as an associative array.
+     *
+     * @return $this
+     */
+    public function asArray()
+    {
+        $this->tempReturnType = 'array';
+
+        return $this;
+    }
+
+    /**
+     * Sets the return type to be of the specified type of object.
+     * Defaults to a simple object, but can be any class that has
+     * class vars with the same name as the collection columns,
+     * or at least allows them to be created.
+     *
+     * @param 'object'|class-string $class Class Name
+     *
+     * @return $this
+     */
+    public function asObject(string $class = 'object')
+    {
+        $this->tempReturnType = $class;
+
+        return $this;
+    }
+
+    /**
+     * Takes a class and returns an array of its public and protected
+     * properties as an array suitable for use in creates and updates.
+     * This method uses objectToRawArray() internally and does conversion
+     * to string on all Time instances
+     *
+     * @param object $object      Object
+     * @param bool   $onlyChanged Only Changed Property
+     * @param bool   $recursive   If true, inner entities will be cast as array as well
+     *
+     * @return array<string, mixed>
+     *
+     * @throws ReflectionException
+     */
+    protected function objectToArray($object, bool $onlyChanged = true, bool $recursive = false): array
+    {
+        $properties = $this->objectToRawArray($object, $onlyChanged, $recursive);
+
+        // Convert any Time instances to appropriate $dateFormat
+        return $this->timeToString($properties);
+    }
+
+    /**
+     * Convert any Time instances to appropriate $dateFormat.
+     *
+     * @param array<string, mixed> $properties
+     *
+     * @return array<string, mixed>
+     */
+    protected function timeToString(array $properties): array
+    {
+        if ($properties === []) {
+            return [];
+        }
+
+        return array_map(function ($value) {
+            if ($value instanceof Time) {
+                return $this->timeToDate($value);
+            }
+
+            return $value;
+        }, $properties);
+    }
+
+    /**
+     * Takes a class and returns an array of its public and protected
+     * properties as an array with raw values.
+     *
+     * @param object $object      Object
+     * @param bool   $onlyChanged Only Changed Property
+     * @param bool   $recursive   If true, inner entities will be casted as array as well
+     *
+     * @return array<string, mixed> Array with raw values.
+     *
+     * @throws ReflectionException
+     */
+    protected function objectToRawArray($object, bool $onlyChanged = true, bool $recursive = false): array
+    {
+        // Entity::toRawArray() returns array.
+        if (method_exists($object, 'toRawArray')) {
+            $properties = $object->toRawArray($onlyChanged, $recursive);
+        } else {
+            $mirror = new ReflectionClass($object);
+            $props  = $mirror->getProperties(ReflectionProperty::IS_PUBLIC | ReflectionProperty::IS_PROTECTED);
+
+            $properties = [];
+
+            // Loop over each property,
+            // saving the name/value in a new array we can return.
+            foreach ($props as $prop) {
+                $properties[$prop->getName()] = $prop->getValue($object);
+            }
+        }
+
+        return $properties;
+    }
+
+    /**
+     * Transform data to array.
+     *
+     * @param object|row_array|null $row  Row data
+     * @param string                $type Type of data (insert|update)
+     *
+     * @throws DataException
+     * @throws InvalidArgumentException
+     * @throws ReflectionException
+     *
+     * @used-by insert()
+     * @used-by update()
+     */
+    protected function transformDataToArray($row, string $type): array
+    {
+        if (! in_array($type, ['insert', 'update'], true)) {
+            throw new InvalidArgumentException(sprintf('Invalid type "%s" used upon transforming data to array.', $type));
+        }
+
+        if (! $this->allowEmptyInserts && ($row === null || (array) $row === [])) {
+            throw DataException::forEmptyDataset($type);
+        }
+
+        // If it validates with entire rules, all fields are needed.
+        if ($this->skipValidation === false && $this->cleanValidationRules === false) {
+            $onlyChanged = false;
+        } else {
+            $onlyChanged = ($type === 'update' && $this->updateOnlyChanged);
+        }
+
+        if ($this->useCasts()) {
+            if (is_array($row)) {
+                $row = $this->converter->toDataSource($row);
+            } elseif ($row instanceof stdClass) {
+                $row = (array) $row;
+                $row = $this->converter->toDataSource($row);
+            } elseif ($row instanceof Entity) {
+                $row = $this->converter->extract($row, $onlyChanged);
+            } elseif (is_object($row)) {
+                $row = $this->converter->extract($row, $onlyChanged);
+            }
+        }
+        // If $row is using a custom class with public or protected
+        // properties representing the collection elements, we need to grab
+        // them as an array.
+        elseif (is_object($row) && ! $row instanceof stdClass) {
+            $row = $this->objectToArray($row, $onlyChanged, true);
+        }
+
+        // If it's still a stdClass, go ahead and convert to
+        // an array so doProtectFields and other model methods
+        // don't have to do special checks.
+        if (is_object($row)) {
+            $row = (array) $row;
+        }
+
+        // If it's still empty here, means $row is no change or is empty object
+        if (! $this->allowEmptyInserts && ($row === null || $row === [])) {
+            throw DataException::forEmptyDataset($type);
+        }
+
+        // Convert any Time instances to appropriate $dateFormat
+        return $this->timeToString($row);
+    }
+
+    /**
+     * Provides the db connection and model's properties.
+     *
+     * @param string $name Name
+     *
+     * @return array|bool|float|int|object|string|null
+     */
+    public function __get(string $name)
+    {
+        if (property_exists($this, $name)) {
+            return $this->{$name};
+        }
+
+        return $this->db->{$name} ?? null;
+    }
+
+    /**
+     * Checks for the existence of properties across this model, and db connection.
+     *
+     * @param string $name Name
+     */
+    public function __isset(string $name): bool
+    {
+        if (property_exists($this, $name)) {
+            return true;
+        }
+
+        return isset($this->db->{$name});
+    }
+
+    /**
+     * Provides direct access to method in the database connection.
+     *
+     * @param string $name   Name
+     * @param array  $params Params
+     *
+     * @return $this|null
+     */
+    public function __call(string $name, array $params)
+    {
+        if (method_exists($this->db, $name)) {
+            return $this->db->{$name}(...$params);
+        }
+
+        return null;
+    }
+
+    /**
+     * Sets $allowEmptyInserts.
+     */
+    public function allowEmptyInserts(bool $value = true): self
+    {
+        $this->allowEmptyInserts = $value;
+
+        return $this;
+    }
+
+    /**
+     * Converts database data array to return type value.
+     *
+     * @param array<string, mixed>          $row        Raw data from database
+     * @param 'array'|'object'|class-string $returnType
+     */
+    protected function convertToReturnType(array $row, string $returnType): array|object
+    {
+        if ($returnType === 'array') {
+            return $this->converter->fromDataSource($row);
+        }
+
+        if ($returnType === 'object') {
+            return (object) $this->converter->fromDataSource($row);
+        }
+
+        return $this->converter->reconstruct($returnType, $row);
+    }
+}
diff --git a/ci4app/system/Boot.php b/ci4app/system/Boot.php
new file mode 100644
index 0000000..ba36755
--- /dev/null
+++ b/ci4app/system/Boot.php
@@ -0,0 +1,392 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter;
+
+use CodeIgniter\Cache\FactoriesCache;
+use CodeIgniter\CLI\Console;
+use CodeIgniter\Config\DotEnv;
+use Config\App;
+use Config\Autoload;
+use Config\Modules;
+use Config\Optimize;
+use Config\Paths;
+use Config\Services;
+
+/**
+ * Bootstrap for the application
+ *
+ * @codeCoverageIgnore
+ */
+class Boot
+{
+    /**
+     * Used by `public/index.php`
+     *
+     * Context
+     *   web:     Invoked by HTTP request
+     *   php-cli: Invoked by CLI via `php public/index.php`
+     *
+     * @return int Exit code.
+     */
+    public static function bootWeb(Paths $paths): int
+    {
+        static::definePathConstants($paths);
+        if (! defined('APP_NAMESPACE')) {
+            static::loadConstants();
+        }
+        static::checkMissingExtensions();
+
+        static::loadDotEnv($paths);
+        static::defineEnvironment();
+        static::loadEnvironmentBootstrap($paths);
+
+        static::loadCommonFunctions();
+        static::loadAutoloader();
+        static::setExceptionHandler();
+        static::initializeKint();
+
+        $configCacheEnabled = class_exists(Optimize::class)
+            && (new Optimize())->configCacheEnabled;
+        if ($configCacheEnabled) {
+            $factoriesCache = static::loadConfigCache();
+        }
+
+        static::autoloadHelpers();
+
+        $app = static::initializeCodeIgniter();
+        static::runCodeIgniter($app);
+
+        if ($configCacheEnabled) {
+            static::saveConfigCache($factoriesCache);
+        }
+
+        // Exits the application, setting the exit code for CLI-based
+        // applications that might be watching.
+        return EXIT_SUCCESS;
+    }
+
+    /**
+     * Used by command line scripts other than
+     * * `spark`
+     * * `php-cli`
+     * * `phpunit`
+     *
+     * @used-by `system/util_bootstrap.php`
+     */
+    public static function bootConsole(Paths $paths): void
+    {
+        static::definePathConstants($paths);
+        static::loadConstants();
+        static::checkMissingExtensions();
+
+        static::loadDotEnv($paths);
+        static::loadEnvironmentBootstrap($paths);
+
+        static::loadCommonFunctions();
+        static::loadAutoloader();
+        static::setExceptionHandler();
+        static::initializeKint();
+        static::autoloadHelpers();
+
+        // We need to force the request to be a CLIRequest since we're in console
+        Services::createRequest(new App(), true);
+        service('routes')->loadRoutes();
+    }
+
+    /**
+     * Used by `spark`
+     *
+     * @return int Exit code.
+     */
+    public static function bootSpark(Paths $paths): int
+    {
+        static::definePathConstants($paths);
+        if (! defined('APP_NAMESPACE')) {
+            static::loadConstants();
+        }
+        static::checkMissingExtensions();
+
+        static::loadDotEnv($paths);
+        static::defineEnvironment();
+        static::loadEnvironmentBootstrap($paths);
+
+        static::loadCommonFunctions();
+        static::loadAutoloader();
+        static::setExceptionHandler();
+        static::initializeKint();
+        static::autoloadHelpers();
+
+        static::initializeCodeIgniter();
+        $console = static::initializeConsole();
+
+        return static::runCommand($console);
+    }
+
+    /**
+     * Used by `system/Test/bootstrap.php`
+     */
+    public static function bootTest(Paths $paths): void
+    {
+        static::loadConstants();
+        static::checkMissingExtensions();
+
+        static::loadDotEnv($paths);
+        static::loadEnvironmentBootstrap($paths, false);
+
+        static::loadCommonFunctions();
+        static::loadAutoloader();
+        static::setExceptionHandler();
+        static::initializeKint();
+        static::autoloadHelpers();
+    }
+
+    /**
+     * Used by `preload.php`
+     */
+    public static function preload(Paths $paths): void
+    {
+        static::definePathConstants($paths);
+        static::loadConstants();
+        static::defineEnvironment();
+        static::loadEnvironmentBootstrap($paths, false);
+
+        static::loadAutoloader();
+    }
+
+    /**
+     * Load environment settings from .env files into $_SERVER and $_ENV
+     */
+    protected static function loadDotEnv(Paths $paths): void
+    {
+        require_once $paths->systemDirectory . '/Config/DotEnv.php';
+        (new DotEnv($paths->appDirectory . '/../'))->load();
+    }
+
+    protected static function defineEnvironment(): void
+    {
+        if (! defined('ENVIRONMENT')) {
+            // @phpstan-ignore-next-line
+            $env = $_ENV['CI_ENVIRONMENT'] ?? $_SERVER['CI_ENVIRONMENT']
+                ?? getenv('CI_ENVIRONMENT')
+                ?: 'production';
+
+            define('ENVIRONMENT', $env);
+        }
+    }
+
+    protected static function loadEnvironmentBootstrap(Paths $paths, bool $exit = true): void
+    {
+        if (is_file($paths->appDirectory . '/Config/Boot/' . ENVIRONMENT . '.php')) {
+            require_once $paths->appDirectory . '/Config/Boot/' . ENVIRONMENT . '.php';
+
+            return;
+        }
+
+        if ($exit) {
+            header('HTTP/1.1 503 Service Unavailable.', true, 503);
+            echo 'The application environment is not set correctly.';
+
+            exit(EXIT_ERROR);
+        }
+    }
+
+    /**
+     * The path constants provide convenient access to the folders throughout
+     * the application. We have to set them up here, so they are available in
+     * the config files that are loaded.
+     */
+    protected static function definePathConstants(Paths $paths): void
+    {
+        // The path to the application directory.
+        if (! defined('APPPATH')) {
+            define('APPPATH', realpath(rtrim($paths->appDirectory, '\\/ ')) . DIRECTORY_SEPARATOR);
+        }
+
+        // The path to the project root directory. Just above APPPATH.
+        if (! defined('ROOTPATH')) {
+            define('ROOTPATH', realpath(APPPATH . '../') . DIRECTORY_SEPARATOR);
+        }
+
+        // The path to the system directory.
+        if (! defined('SYSTEMPATH')) {
+            define('SYSTEMPATH', realpath(rtrim($paths->systemDirectory, '\\/ ')) . DIRECTORY_SEPARATOR);
+        }
+
+        // The path to the writable directory.
+        if (! defined('WRITEPATH')) {
+            $writePath = realpath(rtrim($paths->writableDirectory, '\\/ '));
+
+            if ($writePath === false) {
+                header('HTTP/1.1 503 Service Unavailable.', true, 503);
+                echo 'The WRITEPATH is not set correctly.';
+
+                // EXIT_ERROR is not yet defined
+                exit(1);
+            }
+            define('WRITEPATH', $writePath . DIRECTORY_SEPARATOR);
+        }
+
+        // The path to the tests directory
+        if (! defined('TESTPATH')) {
+            define('TESTPATH', realpath(rtrim($paths->testsDirectory, '\\/ ')) . DIRECTORY_SEPARATOR);
+        }
+    }
+
+    protected static function loadConstants(): void
+    {
+        require_once APPPATH . 'Config/Constants.php';
+    }
+
+    protected static function loadCommonFunctions(): void
+    {
+        // Require app/Common.php file if exists.
+        if (is_file(APPPATH . 'Common.php')) {
+            require_once APPPATH . 'Common.php';
+        }
+
+        // Require system/Common.php
+        require_once SYSTEMPATH . 'Common.php';
+    }
+
+    /**
+     * The autoloader allows all the pieces to work together in the framework.
+     * We have to load it here, though, so that the config files can use the
+     * path constants.
+     */
+    protected static function loadAutoloader(): void
+    {
+        if (! class_exists(Autoload::class, false)) {
+            require_once SYSTEMPATH . 'Config/AutoloadConfig.php';
+            require_once APPPATH . 'Config/Autoload.php';
+            require_once SYSTEMPATH . 'Modules/Modules.php';
+            require_once APPPATH . 'Config/Modules.php';
+        }
+
+        require_once SYSTEMPATH . 'Autoloader/Autoloader.php';
+        require_once SYSTEMPATH . 'Config/BaseService.php';
+        require_once SYSTEMPATH . 'Config/Services.php';
+        require_once APPPATH . 'Config/Services.php';
+
+        // Initialize and register the loader with the SPL autoloader stack.
+        Services::autoloader()->initialize(new Autoload(), new Modules())->register();
+    }
+
+    protected static function autoloadHelpers(): void
+    {
+        service('autoloader')->loadHelpers();
+    }
+
+    protected static function setExceptionHandler(): void
+    {
+        service('exceptions')->initialize();
+    }
+
+    protected static function checkMissingExtensions(): void
+    {
+        if (is_file(COMPOSER_PATH)) {
+            return;
+        }
+
+        // Run this check for manual installations
+        $missingExtensions = [];
+
+        foreach ([
+            'intl',
+            'json',
+            'mbstring',
+        ] as $extension) {
+            if (! extension_loaded($extension)) {
+                $missingExtensions[] = $extension;
+            }
+        }
+
+        if ($missingExtensions === []) {
+            return;
+        }
+
+        $message = sprintf(
+            'The framework needs the following extension(s) installed and loaded: %s.',
+            implode(', ', $missingExtensions),
+        );
+
+        header('HTTP/1.1 503 Service Unavailable.', true, 503);
+        echo $message;
+
+        exit(EXIT_ERROR);
+    }
+
+    protected static function initializeKint(): void
+    {
+        service('autoloader')->initializeKint(CI_DEBUG);
+    }
+
+    protected static function loadConfigCache(): FactoriesCache
+    {
+        $factoriesCache = new FactoriesCache();
+        $factoriesCache->load('config');
+
+        return $factoriesCache;
+    }
+
+    /**
+     * The CodeIgniter class contains the core functionality to make
+     * the application run, and does all the dirty work to get
+     * the pieces all working together.
+     */
+    protected static function initializeCodeIgniter(): CodeIgniter
+    {
+        $app = service('codeigniter');
+        $app->initialize();
+        $context = is_cli() ? 'php-cli' : 'web';
+        $app->setContext($context);
+
+        return $app;
+    }
+
+    /**
+     * Now that everything is set up, it's time to actually fire
+     * up the engines and make this app do its thang.
+     */
+    protected static function runCodeIgniter(CodeIgniter $app): void
+    {
+        $app->run();
+    }
+
+    protected static function saveConfigCache(FactoriesCache $factoriesCache): void
+    {
+        $factoriesCache->save('config');
+    }
+
+    protected static function initializeConsole(): Console
+    {
+        $console = new Console();
+
+        // Show basic information before we do anything else.
+        if (is_int($suppress = array_search('--no-header', $_SERVER['argv'], true))) {
+            unset($_SERVER['argv'][$suppress]);
+            $suppress = true;
+        }
+
+        $console->showHeader($suppress);
+
+        return $console;
+    }
+
+    protected static function runCommand(Console $console): int
+    {
+        $exit = $console->run();
+
+        return is_int($exit) ? $exit : EXIT_SUCCESS;
+    }
+}
diff --git a/ci4app/system/CLI/BaseCommand.php b/ci4app/system/CLI/BaseCommand.php
new file mode 100644
index 0000000..afeb80e
--- /dev/null
+++ b/ci4app/system/CLI/BaseCommand.php
@@ -0,0 +1,233 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\CLI;
+
+use Config\Exceptions;
+use Psr\Log\LoggerInterface;
+use ReflectionException;
+use Throwable;
+
+/**
+ * BaseCommand is the base class used in creating CLI commands.
+ *
+ * @property array<string, string> $arguments
+ * @property Commands              $commands
+ * @property string                $description
+ * @property string                $group
+ * @property LoggerInterface       $logger
+ * @property string                $name
+ * @property array<string, string> $options
+ * @property string                $usage
+ */
+abstract class BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group;
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name;
+
+    /**
+     * the Command's usage description
+     *
+     * @var string
+     */
+    protected $usage;
+
+    /**
+     * the Command's short description
+     *
+     * @var string
+     */
+    protected $description;
+
+    /**
+     * the Command's options description
+     *
+     * @var array<string, string>
+     */
+    protected $options = [];
+
+    /**
+     * the Command's Arguments description
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [];
+
+    /**
+     * The Logger to use for a command
+     *
+     * @var LoggerInterface
+     */
+    protected $logger;
+
+    /**
+     * Instance of Commands so
+     * commands can call other commands.
+     *
+     * @var Commands
+     */
+    protected $commands;
+
+    public function __construct(LoggerInterface $logger, Commands $commands)
+    {
+        $this->logger   = $logger;
+        $this->commands = $commands;
+    }
+
+    /**
+     * Actually execute a command.
+     *
+     * @param array<int|string, string|null> $params
+     *
+     * @return int|void
+     */
+    abstract public function run(array $params);
+
+    /**
+     * Can be used by a command to run other commands.
+     *
+     * @param array<int|string, string|null> $params
+     *
+     * @return int|void
+     *
+     * @throws ReflectionException
+     */
+    protected function call(string $command, array $params = [])
+    {
+        return $this->commands->run($command, $params);
+    }
+
+    /**
+     * A simple method to display an error with line/file, in child commands.
+     *
+     * @return void
+     */
+    protected function showError(Throwable $e)
+    {
+        $exception = $e;
+        $message   = $e->getMessage();
+        $config    = config(Exceptions::class);
+
+        require $config->errorViewPath . '/cli/error_exception.php';
+    }
+
+    /**
+     * Show Help includes (Usage, Arguments, Description, Options).
+     *
+     * @return void
+     */
+    public function showHelp()
+    {
+        CLI::write(lang('CLI.helpUsage'), 'yellow');
+
+        if (isset($this->usage)) {
+            $usage = $this->usage;
+        } else {
+            $usage = $this->name;
+
+            if ($this->arguments !== []) {
+                $usage .= ' [arguments]';
+            }
+        }
+
+        CLI::write($this->setPad($usage, 0, 0, 2));
+
+        if (isset($this->description)) {
+            CLI::newLine();
+            CLI::write(lang('CLI.helpDescription'), 'yellow');
+            CLI::write($this->setPad($this->description, 0, 0, 2));
+        }
+
+        if ($this->arguments !== []) {
+            CLI::newLine();
+            CLI::write(lang('CLI.helpArguments'), 'yellow');
+            $length = max(array_map(strlen(...), array_keys($this->arguments)));
+
+            foreach ($this->arguments as $argument => $description) {
+                CLI::write(CLI::color($this->setPad($argument, $length, 2, 2), 'green') . $description);
+            }
+        }
+
+        if ($this->options !== []) {
+            CLI::newLine();
+            CLI::write(lang('CLI.helpOptions'), 'yellow');
+            $length = max(array_map(strlen(...), array_keys($this->options)));
+
+            foreach ($this->options as $option => $description) {
+                CLI::write(CLI::color($this->setPad($option, $length, 2, 2), 'green') . $description);
+            }
+        }
+    }
+
+    /**
+     * Pads our string out so that all titles are the same length to nicely line up descriptions.
+     *
+     * @param int $extra How many extra spaces to add at the end
+     */
+    public function setPad(string $item, int $max, int $extra = 2, int $indent = 0): string
+    {
+        $max += $extra + $indent;
+
+        return str_pad(str_repeat(' ', $indent) . $item, $max);
+    }
+
+    /**
+     * Get pad for $key => $value array output
+     *
+     * @param array<string, string> $array
+     *
+     * @deprecated Use setPad() instead.
+     *
+     * @codeCoverageIgnore
+     */
+    public function getPad(array $array, int $pad): int
+    {
+        $max = 0;
+
+        foreach (array_keys($array) as $key) {
+            $max = max($max, strlen($key));
+        }
+
+        return $max + $pad;
+    }
+
+    /**
+     * Makes it simple to access our protected properties.
+     *
+     * @return array<string, string>|Commands|LoggerInterface|string|null
+     */
+    public function __get(string $key)
+    {
+        return $this->{$key} ?? null;
+    }
+
+    /**
+     * Makes it simple to check our protected properties.
+     */
+    public function __isset(string $key): bool
+    {
+        return isset($this->{$key});
+    }
+}
diff --git a/ci4app/system/CLI/CLI.php b/ci4app/system/CLI/CLI.php
new file mode 100644
index 0000000..b8ea471
--- /dev/null
+++ b/ci4app/system/CLI/CLI.php
@@ -0,0 +1,1155 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\CLI;
+
+use CodeIgniter\CLI\Exceptions\CLIException;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use Throwable;
+
+/**
+ * Set of static methods useful for CLI request handling.
+ *
+ * Portions of this code were initially from the FuelPHP Framework,
+ * version 1.7.x, and used here under the MIT license they were
+ * originally made available under. Reference: http://fuelphp.com
+ *
+ * Some of the code in this class is Windows-specific, and not
+ * possible to test using travis-ci. It has been phpunit-annotated
+ * to prevent messing up code coverage.
+ *
+ * @see \CodeIgniter\CLI\CLITest
+ */
+class CLI
+{
+    /**
+     * Is the readline library on the system?
+     *
+     * @var bool
+     *
+     * @deprecated 4.4.2 Should be protected, and no longer used.
+     * @TODO Fix to camelCase in the next major version.
+     */
+    public static $readline_support = false;
+
+    /**
+     * The message displayed at prompts.
+     *
+     * @var string
+     *
+     * @deprecated 4.4.2 Should be protected.
+     * @TODO Fix to camelCase in the next major version.
+     */
+    public static $wait_msg = 'Press any key to continue...';
+
+    /**
+     * Has the class already been initialized?
+     *
+     * @var bool
+     */
+    protected static $initialized = false;
+
+    /**
+     * Foreground color list
+     *
+     * @var array<string, string>
+     *
+     * @TODO Fix to camelCase in the next major version.
+     */
+    protected static $foreground_colors = [
+        'black'        => '0;30',
+        'dark_gray'    => '1;30',
+        'blue'         => '0;34',
+        'dark_blue'    => '0;34',
+        'light_blue'   => '1;34',
+        'green'        => '0;32',
+        'light_green'  => '1;32',
+        'cyan'         => '0;36',
+        'light_cyan'   => '1;36',
+        'red'          => '0;31',
+        'light_red'    => '1;31',
+        'purple'       => '0;35',
+        'light_purple' => '1;35',
+        'yellow'       => '0;33',
+        'light_yellow' => '1;33',
+        'light_gray'   => '0;37',
+        'white'        => '1;37',
+    ];
+
+    /**
+     * Background color list
+     *
+     * @var array<string, string>
+     *
+     * @TODO Fix to camelCase in the next major version.
+     */
+    protected static $background_colors = [
+        'black'      => '40',
+        'red'        => '41',
+        'green'      => '42',
+        'yellow'     => '43',
+        'blue'       => '44',
+        'magenta'    => '45',
+        'cyan'       => '46',
+        'light_gray' => '47',
+    ];
+
+    /**
+     * List of array segments.
+     *
+     * @var list<string>
+     */
+    protected static $segments = [];
+
+    /**
+     * @var array<string, string|null>
+     */
+    protected static $options = [];
+
+    /**
+     * Helps track internally whether the last
+     * output was a "write" or a "print" to
+     * keep the output clean and as expected.
+     *
+     * @var string|null
+     */
+    protected static $lastWrite;
+
+    /**
+     * Height of the CLI window
+     *
+     * @var int|null
+     */
+    protected static $height;
+
+    /**
+     * Width of the CLI window
+     *
+     * @var int|null
+     */
+    protected static $width;
+
+    /**
+     * Whether the current stream supports colored output.
+     *
+     * @var bool
+     */
+    protected static $isColored = false;
+
+    /**
+     * Input and Output for CLI.
+     */
+    protected static ?InputOutput $io = null;
+
+    /**
+     * Static "constructor".
+     *
+     * @return void
+     */
+    public static function init()
+    {
+        if (is_cli()) {
+            // Readline is an extension for PHP that makes interactivity with PHP
+            // much more bash-like.
+            // http://www.php.net/manual/en/readline.installation.php
+            static::$readline_support = extension_loaded('readline');
+
+            // clear segments & options to keep testing clean
+            static::$segments = [];
+            static::$options  = [];
+
+            // Check our stream resource for color support
+            static::$isColored = static::hasColorSupport(STDOUT);
+
+            static::parseCommandLine();
+
+            static::$initialized = true;
+        } elseif (! defined('STDOUT')) {
+            // If the command is being called from a controller
+            // we need to define STDOUT ourselves
+            // For "! defined('STDOUT')" see: https://github.com/codeigniter4/CodeIgniter4/issues/7047
+            define('STDOUT', 'php://output'); // @codeCoverageIgnore
+        }
+
+        static::resetInputOutput();
+    }
+
+    /**
+     * Get input from the shell, using readline or the standard STDIN
+     *
+     * Named options must be in the following formats:
+     * php index.php user -v --v -name=John --name=John
+     *
+     * @param string|null $prefix You may specify a string with which to prompt the user.
+     */
+    public static function input(?string $prefix = null): string
+    {
+        return static::$io->input($prefix);
+    }
+
+    /**
+     * Asks the user for input.
+     *
+     * Usage:
+     *
+     * // Takes any input
+     * $color = CLI::prompt('What is your favorite color?');
+     *
+     * // Takes any input, but offers default
+     * $color = CLI::prompt('What is your favourite color?', 'white');
+     *
+     * // Will validate options with the in_list rule and accept only if one of the list
+     * $color = CLI::prompt('What is your favourite color?', array('red','blue'));
+     *
+     * // Do not provide options but requires a valid email
+     * $email = CLI::prompt('What is your email?', null, 'required|valid_email');
+     *
+     * @param string                  $field      Output "field" question
+     * @param list<int|string>|string $options    String to a default value, array to a list of options (the first option will be the default value)
+     * @param array|string|null       $validation Validation rules
+     *
+     * @return string The user input
+     */
+    public static function prompt(string $field, $options = null, $validation = null): string
+    {
+        $extraOutput = '';
+        $default     = '';
+
+        if (isset($validation) && ! is_array($validation) && ! is_string($validation)) {
+            throw new InvalidArgumentException('$rules can only be of type string|array');
+        }
+
+        if (! is_array($validation)) {
+            $validation = ($validation !== null) ? explode('|', $validation) : [];
+        }
+
+        if (is_string($options)) {
+            $extraOutput = ' [' . static::color($options, 'green') . ']';
+            $default     = $options;
+        }
+
+        if (is_array($options) && $options !== []) {
+            $opts               = $options;
+            $extraOutputDefault = static::color((string) $opts[0], 'green');
+
+            unset($opts[0]);
+
+            if ($opts === []) {
+                $extraOutput = $extraOutputDefault;
+            } else {
+                $extraOutput  = '[' . $extraOutputDefault . ', ' . implode(', ', $opts) . ']';
+                $validation[] = 'in_list[' . implode(', ', $options) . ']';
+            }
+
+            $default = $options[0];
+        }
+
+        static::fwrite(STDOUT, $field . (trim($field) !== '' ? ' ' : '') . $extraOutput . ': ');
+
+        // Read the input from keyboard.
+        $input = trim(static::$io->input());
+        $input = ($input === '') ? (string) $default : $input;
+
+        if ($validation !== []) {
+            while (! static::validate('"' . trim($field) . '"', $input, $validation)) {
+                $input = static::prompt($field, $options, $validation);
+            }
+        }
+
+        return $input;
+    }
+
+    /**
+     * prompt(), but based on the option's key
+     *
+     * @param array|string      $text       Output "field" text or an one or two value array where the first value is the text before listing the options
+     *                                      and the second value the text before asking to select one option. Provide empty string to omit
+     * @param array             $options    A list of options (array(key => description)), the first option will be the default value
+     * @param array|string|null $validation Validation rules
+     *
+     * @return string The selected key of $options
+     */
+    public static function promptByKey($text, array $options, $validation = null): string
+    {
+        if (is_string($text)) {
+            $text = [$text];
+        } elseif (! is_array($text)) {
+            throw new InvalidArgumentException('$text can only be of type string|array');
+        }
+
+        CLI::isZeroOptions($options);
+
+        if (($line = array_shift($text)) !== null) {
+            CLI::write($line);
+        }
+
+        CLI::printKeysAndValues($options);
+
+        return static::prompt(PHP_EOL . array_shift($text), array_keys($options), $validation);
+    }
+
+    /**
+     * This method is the same as promptByKey(), but this method supports multiple keys, separated by commas.
+     *
+     * @param string $text    Output "field" text or an one or two value array where the first value is the text before listing the options
+     *                        and the second value the text before asking to select one option. Provide empty string to omit
+     * @param array  $options A list of options (array(key => description)), the first option will be the default value
+     *
+     * @return array The selected key(s) and value(s) of $options
+     */
+    public static function promptByMultipleKeys(string $text, array $options): array
+    {
+        CLI::isZeroOptions($options);
+
+        $extraOutputDefault = static::color('0', 'green');
+        $opts               = $options;
+        unset($opts[0]);
+
+        if ($opts === []) {
+            $extraOutput = $extraOutputDefault;
+        } else {
+            $optsKey = [];
+
+            foreach (array_keys($opts) as $key) {
+                $optsKey[] = $key;
+            }
+            $extraOutput = '[' . $extraOutputDefault . ', ' . implode(', ', $optsKey) . ']';
+            $extraOutput = 'You can specify multiple values separated by commas.' . PHP_EOL . $extraOutput;
+        }
+
+        CLI::write($text);
+        CLI::printKeysAndValues($options);
+        CLI::newLine();
+
+        $input = static::prompt($extraOutput);
+        $input = ($input === '') ? '0' : $input; // 0 is default
+
+        // validation
+        while (true) {
+            $pattern = preg_match_all('/^\d+(,\d+)*$/', trim($input));
+
+            // separate input by comma and convert all to an int[]
+            $inputToArray = array_map(static fn ($value): int => (int) $value, explode(',', $input));
+            // find max from key of $options
+            $maxOptions = array_key_last($options);
+            // find max from input
+            $maxInput = max($inputToArray);
+
+            // return the prompt again if $input contain(s) non-numeric character, except a comma.
+            // And if max from $options less than max from input,
+            // it means user tried to access null value in $options
+            if ($pattern < 1 || $maxOptions < $maxInput) {
+                static::error('Please select correctly.');
+                CLI::newLine();
+
+                $input = static::prompt($extraOutput);
+                $input = ($input === '') ? '0' : $input;
+            } else {
+                break;
+            }
+        }
+
+        $input = [];
+
+        foreach ($options as $key => $description) {
+            foreach ($inputToArray as $inputKey) {
+                if ($key === $inputKey) {
+                    $input[$key] = $description;
+                }
+            }
+        }
+
+        return $input;
+    }
+
+    // --------------------------------------------------------------------
+    // Utility for promptBy...
+    // --------------------------------------------------------------------
+
+    /**
+     * Validation for $options in promptByKey() and promptByMultipleKeys(). Return an error if $options is an empty array.
+     */
+    private static function isZeroOptions(array $options): void
+    {
+        if ($options === []) {
+            throw new InvalidArgumentException('No options to select from were provided');
+        }
+    }
+
+    /**
+     * Print each key and value one by one
+     */
+    private static function printKeysAndValues(array $options): void
+    {
+        // +2 for the square brackets around the key
+        $keyMaxLength = max(array_map(mb_strwidth(...), array_keys($options))) + 2;
+
+        foreach ($options as $key => $description) {
+            $name = str_pad('  [' . $key . ']  ', $keyMaxLength + 4, ' ');
+            CLI::write(CLI::color($name, 'green') . CLI::wrap($description, 125, $keyMaxLength + 4));
+        }
+    }
+
+    // --------------------------------------------------------------------
+    // End Utility for promptBy...
+    // --------------------------------------------------------------------
+
+    /**
+     * Validate one prompt "field" at a time
+     *
+     * @param string       $field Prompt "field" output
+     * @param string       $value Input value
+     * @param array|string $rules Validation rules
+     */
+    protected static function validate(string $field, string $value, $rules): bool
+    {
+        $label      = $field;
+        $field      = 'temp';
+        $validation = service('validation', null, false);
+        $validation->setRules([
+            $field => [
+                'label' => $label,
+                'rules' => $rules,
+            ],
+        ]);
+        $validation->run([$field => $value]);
+
+        if ($validation->hasError($field)) {
+            static::error($validation->getError($field));
+
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * Outputs a string to the CLI without any surrounding newlines.
+     * Useful for showing repeating elements on a single line.
+     *
+     * @return void
+     */
+    public static function print(string $text = '', ?string $foreground = null, ?string $background = null)
+    {
+        if ((string) $foreground !== '' || (string) $background !== '') {
+            $text = static::color($text, $foreground, $background);
+        }
+
+        static::$lastWrite = null;
+
+        static::fwrite(STDOUT, $text);
+    }
+
+    /**
+     * Outputs a string to the cli on its own line.
+     *
+     * @return void
+     */
+    public static function write(string $text = '', ?string $foreground = null, ?string $background = null)
+    {
+        if ((string) $foreground !== '' || (string) $background !== '') {
+            $text = static::color($text, $foreground, $background);
+        }
+
+        if (static::$lastWrite !== 'write') {
+            $text              = PHP_EOL . $text;
+            static::$lastWrite = 'write';
+        }
+
+        static::fwrite(STDOUT, $text . PHP_EOL);
+    }
+
+    /**
+     * Outputs an error to the CLI using STDERR instead of STDOUT
+     *
+     * @return void
+     */
+    public static function error(string $text, string $foreground = 'light_red', ?string $background = null)
+    {
+        // Check color support for STDERR
+        $stdout            = static::$isColored;
+        static::$isColored = static::hasColorSupport(STDERR);
+
+        if ($foreground !== '' || (string) $background !== '') {
+            $text = static::color($text, $foreground, $background);
+        }
+
+        static::fwrite(STDERR, $text . PHP_EOL);
+
+        // return STDOUT color support
+        static::$isColored = $stdout;
+    }
+
+    /**
+     * Beeps a certain number of times.
+     *
+     * @param int $num The number of times to beep
+     *
+     * @return void
+     */
+    public static function beep(int $num = 1)
+    {
+        echo str_repeat("\x07", $num);
+    }
+
+    /**
+     * Waits a certain number of seconds, optionally showing a wait message and
+     * waiting for a key press.
+     *
+     * @param int  $seconds   Number of seconds
+     * @param bool $countdown Show a countdown or not
+     *
+     * @return void
+     */
+    public static function wait(int $seconds, bool $countdown = false)
+    {
+        if ($countdown) {
+            $time = $seconds;
+
+            while ($time > 0) {
+                static::fwrite(STDOUT, $time . '... ');
+                sleep(1);
+                $time--;
+            }
+
+            static::write();
+        } elseif ($seconds > 0) {
+            sleep($seconds);
+        } else {
+            static::write(static::$wait_msg);
+            static::$io->input();
+        }
+    }
+
+    /**
+     * if operating system === windows
+     *
+     * @deprecated 4.3.0 Use `is_windows()` instead
+     */
+    public static function isWindows(): bool
+    {
+        return is_windows();
+    }
+
+    /**
+     * Enter a number of empty lines
+     *
+     * @return void
+     */
+    public static function newLine(int $num = 1)
+    {
+        // Do it once or more, write with empty string gives us a new line
+        for ($i = 0; $i < $num; $i++) {
+            static::write();
+        }
+    }
+
+    /**
+     * Clears the screen of output
+     *
+     * @return void
+     */
+    public static function clearScreen()
+    {
+        // Unix systems, and Windows with VT100 Terminal support (i.e. Win10)
+        // can handle CSI sequences. For lower than Win10 we just shove in 40 new lines.
+        is_windows() && ! static::streamSupports('sapi_windows_vt100_support', STDOUT)
+            ? static::newLine(40)
+            : static::fwrite(STDOUT, "\033[H\033[2J");
+    }
+
+    /**
+     * Returns the given text with the correct color codes for a foreground and
+     * optionally a background color.
+     *
+     * @param string      $text       The text to color
+     * @param string      $foreground The foreground color
+     * @param string|null $background The background color
+     * @param string|null $format     Other formatting to apply. Currently only 'underline' is understood
+     *
+     * @return string The color coded string
+     */
+    public static function color(string $text, string $foreground, ?string $background = null, ?string $format = null): string
+    {
+        if (! static::$isColored || $text === '') {
+            return $text;
+        }
+
+        if (! array_key_exists($foreground, static::$foreground_colors)) {
+            throw CLIException::forInvalidColor('foreground', $foreground);
+        }
+
+        if ((string) $background !== '' && ! array_key_exists($background, static::$background_colors)) {
+            throw CLIException::forInvalidColor('background', $background);
+        }
+
+        $newText = '';
+
+        // Detect if color method was already in use with this text
+        if (str_contains($text, "\033[0m")) {
+            $pattern = '/\\033\\[0;.+?\\033\\[0m/u';
+
+            preg_match_all($pattern, $text, $matches);
+            $coloredStrings = $matches[0];
+
+            // No colored string found. Invalid strings with no `\033[0;??`.
+            if ($coloredStrings === []) {
+                return $newText . self::getColoredText($text, $foreground, $background, $format);
+            }
+
+            $nonColoredText = preg_replace(
+                $pattern,
+                '<<__colored_string__>>',
+                $text,
+            );
+            $nonColoredChunks = preg_split(
+                '/<<__colored_string__>>/u',
+                $nonColoredText,
+            );
+
+            foreach ($nonColoredChunks as $i => $chunk) {
+                if ($chunk !== '') {
+                    $newText .= self::getColoredText($chunk, $foreground, $background, $format);
+                }
+
+                if (isset($coloredStrings[$i])) {
+                    $newText .= $coloredStrings[$i];
+                }
+            }
+        } else {
+            $newText .= self::getColoredText($text, $foreground, $background, $format);
+        }
+
+        return $newText;
+    }
+
+    private static function getColoredText(string $text, string $foreground, ?string $background, ?string $format): string
+    {
+        $string = "\033[" . static::$foreground_colors[$foreground] . 'm';
+
+        if ((string) $background !== '') {
+            $string .= "\033[" . static::$background_colors[$background] . 'm';
+        }
+
+        if ($format === 'underline') {
+            $string .= "\033[4m";
+        }
+
+        return $string . $text . "\033[0m";
+    }
+
+    /**
+     * Get the number of characters in string having encoded characters
+     * and ignores styles set by the color() function
+     */
+    public static function strlen(?string $string): int
+    {
+        if ((string) $string === '') {
+            return 0;
+        }
+
+        foreach (static::$foreground_colors as $color) {
+            $string = strtr($string, ["\033[" . $color . 'm' => '']);
+        }
+
+        foreach (static::$background_colors as $color) {
+            $string = strtr($string, ["\033[" . $color . 'm' => '']);
+        }
+
+        $string = strtr($string, ["\033[4m" => '', "\033[0m" => '']);
+
+        return mb_strwidth($string);
+    }
+
+    /**
+     * Checks whether the current stream resource supports or
+     * refers to a valid terminal type device.
+     *
+     * @param resource $resource
+     */
+    public static function streamSupports(string $function, $resource): bool
+    {
+        if (ENVIRONMENT === 'testing') {
+            // In the current setup of the tests we cannot fully check
+            // if the stream supports the function since we are using
+            // filtered streams.
+            return function_exists($function);
+        }
+
+        return function_exists($function) && @$function($resource); // @codeCoverageIgnore
+    }
+
+    /**
+     * Returns true if the stream resource supports colors.
+     *
+     * This is tricky on Windows, because Cygwin, Msys2 etc. emulate pseudo
+     * terminals via named pipes, so we can only check the environment.
+     *
+     * Reference: https://github.com/composer/xdebug-handler/blob/master/src/Process.php
+     *
+     * @param resource $resource
+     */
+    public static function hasColorSupport($resource): bool
+    {
+        // Follow https://no-color.org/
+        if (isset($_SERVER['NO_COLOR']) || getenv('NO_COLOR') !== false) {
+            return false;
+        }
+
+        if (getenv('TERM_PROGRAM') === 'Hyper') {
+            return true;
+        }
+
+        if (is_windows()) {
+            // @codeCoverageIgnoreStart
+            return static::streamSupports('sapi_windows_vt100_support', $resource)
+                || isset($_SERVER['ANSICON'])
+                || getenv('ANSICON') !== false
+                || getenv('ConEmuANSI') === 'ON'
+                || getenv('TERM') === 'xterm';
+            // @codeCoverageIgnoreEnd
+        }
+
+        return static::streamSupports('stream_isatty', $resource);
+    }
+
+    /**
+     * Attempts to determine the width of the viewable CLI window.
+     */
+    public static function getWidth(int $default = 80): int
+    {
+        if (static::$width === null) {
+            static::generateDimensions();
+        }
+
+        return static::$width ?: $default;
+    }
+
+    /**
+     * Attempts to determine the height of the viewable CLI window.
+     */
+    public static function getHeight(int $default = 32): int
+    {
+        if (static::$height === null) {
+            static::generateDimensions();
+        }
+
+        return static::$height ?: $default;
+    }
+
+    /**
+     * Populates the CLI's dimensions.
+     *
+     * @return void
+     */
+    public static function generateDimensions()
+    {
+        try {
+            if (is_windows()) {
+                // Shells such as `Cygwin` and `Git bash` returns incorrect values
+                // when executing `mode CON`, so we use `tput` instead
+                if (getenv('TERM') || (($shell = getenv('SHELL')) && preg_match('/(?:bash|zsh)(?:\.exe)?$/', $shell))) {
+                    static::$height = (int) exec('tput lines');
+                    static::$width  = (int) exec('tput cols');
+                } else {
+                    $return = -1;
+                    $output = [];
+                    exec('mode CON', $output, $return);
+
+                    // Look for the next lines ending in ": <number>"
+                    // Searching for "Columns:" or "Lines:" will fail on non-English locales
+                    if ($return === 0 && $output !== [] && preg_match('/:\s*(\d+)\n[^:]+:\s*(\d+)\n/', implode("\n", $output), $matches)) {
+                        static::$height = (int) $matches[1];
+                        static::$width  = (int) $matches[2];
+                    }
+                }
+            } elseif (($size = exec('stty size')) && preg_match('/(\d+)\s+(\d+)/', $size, $matches)) {
+                static::$height = (int) $matches[1];
+                static::$width  = (int) $matches[2];
+            } else {
+                static::$height = (int) exec('tput lines');
+                static::$width  = (int) exec('tput cols');
+            }
+        } catch (Throwable $e) {
+            // Reset the dimensions so that the default values will be returned later.
+            // Then let the developer know of the error.
+            static::$height = null;
+            static::$width  = null;
+            log_message('error', (string) $e);
+        }
+    }
+
+    /**
+     * Displays a progress bar on the CLI. You must call it repeatedly
+     * to update it. Set $thisStep = false to erase the progress bar.
+     *
+     * @param bool|int $thisStep
+     *
+     * @return void
+     */
+    public static function showProgress($thisStep = 1, int $totalSteps = 10)
+    {
+        static $inProgress = false;
+
+        // restore cursor position when progress is continuing.
+        if ($inProgress !== false && $inProgress <= $thisStep) {
+            static::fwrite(STDOUT, "\033[1A");
+        }
+        $inProgress = $thisStep;
+
+        if ($thisStep !== false) {
+            // Don't allow div by zero or negative numbers....
+            $thisStep   = abs($thisStep);
+            $totalSteps = $totalSteps < 1 ? 1 : $totalSteps;
+
+            $percent = (int) (($thisStep / $totalSteps) * 100);
+            $step    = (int) round($percent / 10);
+
+            // Write the progress bar
+            static::fwrite(STDOUT, "[\033[32m" . str_repeat('#', $step) . str_repeat('.', 10 - $step) . "\033[0m]");
+            // Textual representation...
+            static::fwrite(STDOUT, sprintf(' %3d%% Complete', $percent) . PHP_EOL);
+        } else {
+            static::fwrite(STDOUT, "\007");
+        }
+    }
+
+    /**
+     * Takes a string and writes it to the command line, wrapping to a maximum
+     * width. If no maximum width is specified, will wrap to the window's max
+     * width.
+     *
+     * If an int is passed into $pad_left, then all strings after the first
+     * will pad with that many spaces to the left. Useful when printing
+     * short descriptions that need to start on an existing line.
+     */
+    public static function wrap(?string $string = null, int $max = 0, int $padLeft = 0): string
+    {
+        if ((string) $string === '') {
+            return '';
+        }
+
+        if ($max === 0) {
+            $max = self::getWidth();
+        }
+
+        if (self::getWidth() < $max) {
+            $max = self::getWidth();
+        }
+
+        $max -= $padLeft;
+
+        $lines = wordwrap($string, $max, PHP_EOL);
+
+        if ($padLeft > 0) {
+            $lines = explode(PHP_EOL, $lines);
+
+            $first = true;
+
+            array_walk($lines, static function (&$line) use ($padLeft, &$first): void {
+                if (! $first) {
+                    $line = str_repeat(' ', $padLeft) . $line;
+                } else {
+                    $first = false;
+                }
+            });
+
+            $lines = implode(PHP_EOL, $lines);
+        }
+
+        return $lines;
+    }
+
+    // --------------------------------------------------------------------
+    // Command-Line 'URI' support
+    // --------------------------------------------------------------------
+
+    /**
+     * Parses the command line it was called from and collects all
+     * options and valid segments.
+     *
+     * @return void
+     */
+    protected static function parseCommandLine()
+    {
+        $args = $_SERVER['argv'] ?? [];
+        array_shift($args); // scrap invoking program
+        $optionValue = false;
+
+        foreach ($args as $i => $arg) {
+            // If there's no "-" at the beginning, then
+            // this is probably an argument or an option value
+            if (mb_strpos($arg, '-') !== 0) {
+                if ($optionValue) {
+                    // We have already included this in the previous
+                    // iteration, so reset this flag
+                    $optionValue = false;
+                } else {
+                    // Yup, it's a segment
+                    static::$segments[] = $arg;
+                }
+
+                continue;
+            }
+
+            $arg   = ltrim($arg, '-');
+            $value = null;
+
+            if (isset($args[$i + 1]) && mb_strpos($args[$i + 1], '-') !== 0) {
+                $value       = $args[$i + 1];
+                $optionValue = true;
+            }
+
+            static::$options[$arg] = $value;
+        }
+    }
+
+    /**
+     * Returns the command line string portions of the arguments, minus
+     * any options, as a string. This is used to pass along to the main
+     * CodeIgniter application.
+     */
+    public static function getURI(): string
+    {
+        return implode('/', static::$segments);
+    }
+
+    /**
+     * Returns an individual segment.
+     *
+     * This ignores any options that might have been dispersed between
+     * valid segments in the command:
+     *
+     *  // segment(3) is 'three', not '-f' or 'anOption'
+     *  > php spark one two -f anOption three
+     *
+     * **IMPORTANT:** The index here is one-based instead of zero-based.
+     *
+     * @return string|null
+     */
+    public static function getSegment(int $index)
+    {
+        return static::$segments[$index - 1] ?? null;
+    }
+
+    /**
+     * Returns the raw array of segments found.
+     *
+     * @return list<string>
+     */
+    public static function getSegments(): array
+    {
+        return static::$segments;
+    }
+
+    /**
+     * Gets a single command-line option. Returns TRUE if the option
+     * exists, but doesn't have a value, and is simply acting as a flag.
+     *
+     * @return string|true|null
+     */
+    public static function getOption(string $name)
+    {
+        if (! array_key_exists($name, static::$options)) {
+            return null;
+        }
+
+        // If the option didn't have a value, simply return TRUE
+        // so they know it was set, otherwise return the actual value.
+        $val = static::$options[$name] ?? true;
+
+        return $val;
+    }
+
+    /**
+     * Returns the raw array of options found.
+     *
+     * @return array<string, string|null>
+     */
+    public static function getOptions(): array
+    {
+        return static::$options;
+    }
+
+    /**
+     * Returns the options as a string, suitable for passing along on
+     * the CLI to other commands.
+     *
+     * @param bool $useLongOpts Use '--' for long options?
+     * @param bool $trim        Trim final string output?
+     */
+    public static function getOptionString(bool $useLongOpts = false, bool $trim = false): string
+    {
+        if (static::$options === []) {
+            return '';
+        }
+
+        $out = '';
+
+        foreach (static::$options as $name => $value) {
+            if ($useLongOpts && mb_strlen($name) > 1) {
+                $out .= "--{$name} ";
+            } else {
+                $out .= "-{$name} ";
+            }
+
+            if ($value === null) {
+                continue;
+            }
+
+            if (mb_strpos($value, ' ') !== false) {
+                $out .= "\"{$value}\" ";
+            } elseif ($value !== null) {
+                $out .= "{$value} ";
+            }
+        }
+
+        return $trim ? trim($out) : $out;
+    }
+
+    /**
+     * Returns a well formatted table
+     *
+     * @param array $tbody List of rows
+     * @param array $thead List of columns
+     *
+     * @return void
+     */
+    public static function table(array $tbody, array $thead = [])
+    {
+        // All the rows in the table will be here until the end
+        $tableRows = [];
+
+        // We need only indexes and not keys
+        if ($thead !== []) {
+            $tableRows[] = array_values($thead);
+        }
+
+        foreach ($tbody as $tr) {
+            $tableRows[] = array_values($tr);
+        }
+
+        // Yes, it really is necessary to know this count
+        $totalRows = count($tableRows);
+
+        // Store all columns lengths
+        // $all_cols_lengths[row][column] = length
+        $allColsLengths = [];
+
+        // Store maximum lengths by column
+        // $max_cols_lengths[column] = length
+        $maxColsLengths = [];
+
+        // Read row by row and define the longest columns
+        for ($row = 0; $row < $totalRows; $row++) {
+            $column = 0; // Current column index
+
+            foreach ($tableRows[$row] as $col) {
+                // Sets the size of this column in the current row
+                $allColsLengths[$row][$column] = static::strlen((string) $col);
+
+                // If the current column does not have a value among the larger ones
+                // or the value of this is greater than the existing one
+                // then, now, this assumes the maximum length
+                if (! isset($maxColsLengths[$column]) || $allColsLengths[$row][$column] > $maxColsLengths[$column]) {
+                    $maxColsLengths[$column] = $allColsLengths[$row][$column];
+                }
+
+                // We can go check the size of the next column...
+                $column++;
+            }
+        }
+
+        // Read row by row and add spaces at the end of the columns
+        // to match the exact column length
+        for ($row = 0; $row < $totalRows; $row++) {
+            $column = 0;
+
+            foreach ($tableRows[$row] as $col) {
+                $diff = $maxColsLengths[$column] - static::strlen((string) $col);
+
+                if ($diff !== 0) {
+                    $tableRows[$row][$column] .= str_repeat(' ', $diff);
+                }
+
+                $column++;
+            }
+        }
+
+        $table = '';
+        $cols  = '';
+
+        // Joins columns and append the well formatted rows to the table
+        for ($row = 0; $row < $totalRows; $row++) {
+            // Set the table border-top
+            if ($row === 0) {
+                $cols = '+';
+
+                foreach ($tableRows[$row] as $col) {
+                    $cols .= str_repeat('-', static::strlen((string) $col) + 2) . '+';
+                }
+                $table .= $cols . PHP_EOL;
+            }
+
+            // Set the columns borders
+            $table .= '| ' . implode(' | ', $tableRows[$row]) . ' |' . PHP_EOL;
+
+            // Set the thead and table borders-bottom
+            if (($row === 0 && $thead !== []) || ($row + 1 === $totalRows)) {
+                $table .= $cols . PHP_EOL;
+            }
+        }
+
+        static::write($table);
+    }
+
+    /**
+     * While the library is intended for use on CLI commands,
+     * commands can be called from controllers and elsewhere
+     * so we need a way to allow them to still work.
+     *
+     * For now, just echo the content, but look into a better
+     * solution down the road.
+     *
+     * @param resource $handle
+     *
+     * @return void
+     */
+    protected static function fwrite($handle, string $string)
+    {
+        static::$io->fwrite($handle, $string);
+    }
+
+    /**
+     * Testing purpose only
+     *
+     * @testTag
+     */
+    public static function setInputOutput(InputOutput $io): void
+    {
+        static::$io = $io;
+    }
+
+    /**
+     * Testing purpose only
+     *
+     * @testTag
+     */
+    public static function resetInputOutput(): void
+    {
+        static::$io = new InputOutput();
+    }
+}
+
+// Ensure the class is initialized. Done outside of code coverage
+CLI::init(); // @codeCoverageIgnore
diff --git a/ci4app/system/CLI/Commands.php b/ci4app/system/CLI/Commands.php
new file mode 100644
index 0000000..aecd22c
--- /dev/null
+++ b/ci4app/system/CLI/Commands.php
@@ -0,0 +1,207 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\CLI;
+
+use CodeIgniter\Autoloader\FileLocatorInterface;
+use CodeIgniter\Events\Events;
+use CodeIgniter\Log\Logger;
+use ReflectionClass;
+use ReflectionException;
+
+/**
+ * Core functionality for running, listing, etc commands.
+ *
+ * @phpstan-type commands_list array<string, array{'class': class-string<BaseCommand>, 'file': string, 'group': string,'description': string}>
+ */
+class Commands
+{
+    /**
+     * The found commands.
+     *
+     * @var commands_list
+     */
+    protected $commands = [];
+
+    /**
+     * Logger instance.
+     *
+     * @var Logger
+     */
+    protected $logger;
+
+    /**
+     * Constructor
+     *
+     * @param Logger|null $logger
+     */
+    public function __construct($logger = null)
+    {
+        $this->logger = $logger ?? service('logger');
+        $this->discoverCommands();
+    }
+
+    /**
+     * Runs a command given
+     *
+     * @param array<int|string, string|null> $params
+     *
+     * @return int Exit code
+     */
+    public function run(string $command, array $params)
+    {
+        if (! $this->verifyCommand($command, $this->commands)) {
+            return EXIT_ERROR;
+        }
+
+        // The file would have already been loaded during the
+        // createCommandList function...
+        $className = $this->commands[$command]['class'];
+        $class     = new $className($this->logger, $this);
+
+        Events::trigger('pre_command');
+
+        $exit = $class->run($params);
+
+        Events::trigger('post_command');
+
+        return $exit;
+    }
+
+    /**
+     * Provide access to the list of commands.
+     *
+     * @return commands_list
+     */
+    public function getCommands()
+    {
+        return $this->commands;
+    }
+
+    /**
+     * Discovers all commands in the framework and within user code,
+     * and collects instances of them to work with.
+     *
+     * @return void
+     */
+    public function discoverCommands()
+    {
+        if ($this->commands !== []) {
+            return;
+        }
+
+        /** @var FileLocatorInterface */
+        $locator = service('locator');
+        $files   = $locator->listFiles('Commands/');
+
+        // If no matching command files were found, bail
+        // This should never happen in unit testing.
+        if ($files === []) {
+            return; // @codeCoverageIgnore
+        }
+
+        // Loop over each file checking to see if a command with that
+        // alias exists in the class.
+        foreach ($files as $file) {
+            /** @var class-string<BaseCommand>|false */
+            $className = $locator->findQualifiedNameFromPath($file);
+
+            if ($className === false || ! class_exists($className)) {
+                continue;
+            }
+
+            try {
+                $class = new ReflectionClass($className);
+
+                if (! $class->isInstantiable() || ! $class->isSubclassOf(BaseCommand::class)) {
+                    continue;
+                }
+
+                $class = new $className($this->logger, $this);
+
+                if (isset($class->group) && ! isset($this->commands[$class->name])) {
+                    $this->commands[$class->name] = [
+                        'class'       => $className,
+                        'file'        => $file,
+                        'group'       => $class->group,
+                        'description' => $class->description,
+                    ];
+                }
+
+                unset($class);
+            } catch (ReflectionException $e) {
+                $this->logger->error($e->getMessage());
+            }
+        }
+
+        asort($this->commands);
+    }
+
+    /**
+     * Verifies if the command being sought is found
+     * in the commands list.
+     *
+     * @param commands_list $commands
+     */
+    public function verifyCommand(string $command, array $commands): bool
+    {
+        if (isset($commands[$command])) {
+            return true;
+        }
+
+        $message      = lang('CLI.commandNotFound', [$command]);
+        $alternatives = $this->getCommandAlternatives($command, $commands);
+
+        if ($alternatives !== []) {
+            if (count($alternatives) === 1) {
+                $message .= "\n\n" . lang('CLI.altCommandSingular') . "\n    ";
+            } else {
+                $message .= "\n\n" . lang('CLI.altCommandPlural') . "\n    ";
+            }
+
+            $message .= implode("\n    ", $alternatives);
+        }
+
+        CLI::error($message);
+        CLI::newLine();
+
+        return false;
+    }
+
+    /**
+     * Finds alternative of `$name` among collection
+     * of commands.
+     *
+     * @param commands_list $collection
+     *
+     * @return list<string>
+     */
+    protected function getCommandAlternatives(string $name, array $collection): array
+    {
+        /** @var array<string, int> */
+        $alternatives = [];
+
+        /** @var string $commandName */
+        foreach (array_keys($collection) as $commandName) {
+            $lev = levenshtein($name, $commandName);
+
+            if ($lev <= strlen($commandName) / 3 || str_contains($commandName, $name)) {
+                $alternatives[$commandName] = $lev;
+            }
+        }
+
+        ksort($alternatives, SORT_NATURAL | SORT_FLAG_CASE);
+
+        return array_keys($alternatives);
+    }
+}
diff --git a/ci4app/system/CLI/Console.php b/ci4app/system/CLI/Console.php
new file mode 100644
index 0000000..89415e2
--- /dev/null
+++ b/ci4app/system/CLI/Console.php
@@ -0,0 +1,90 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\CLI;
+
+use CodeIgniter\CodeIgniter;
+use Config\App;
+use Config\Services;
+use Exception;
+
+/**
+ * Console
+ *
+ * @see \CodeIgniter\CLI\ConsoleTest
+ */
+class Console
+{
+    /**
+     * Runs the current command discovered on the CLI.
+     *
+     * @return int|void Exit code
+     *
+     * @throws Exception
+     */
+    public function run()
+    {
+        // Create CLIRequest
+        $appConfig = config(App::class);
+        Services::createRequest($appConfig, true);
+        // Load Routes
+        service('routes')->loadRoutes();
+
+        $params  = array_merge(CLI::getSegments(), CLI::getOptions());
+        $params  = $this->parseParamsForHelpOption($params);
+        $command = array_shift($params) ?? 'list';
+
+        return service('commands')->run($command, $params);
+    }
+
+    /**
+     * Displays basic information about the Console.
+     *
+     * @return void
+     */
+    public function showHeader(bool $suppress = false)
+    {
+        if ($suppress) {
+            return;
+        }
+
+        CLI::write(sprintf(
+            'CodeIgniter v%s Command Line Tool - Server Time: %s',
+            CodeIgniter::CI_VERSION,
+            date('Y-m-d H:i:s \\U\\T\\CP'),
+        ), 'green');
+        CLI::newLine();
+    }
+
+    /**
+     * Introspects the `$params` passed for presence of the
+     * `--help` option.
+     *
+     * If present, it will be found as `['help' => null]`.
+     * We'll remove that as an option from `$params` and
+     * unshift it as argument instead.
+     *
+     * @param array<int|string, string|null> $params
+     */
+    private function parseParamsForHelpOption(array $params): array
+    {
+        if (array_key_exists('help', $params)) {
+            unset($params['help']);
+
+            $params = $params === [] ? ['list'] : $params;
+            array_unshift($params, 'help');
+        }
+
+        return $params;
+    }
+}
diff --git a/ci4app/system/CLI/Exceptions/CLIException.php b/ci4app/system/CLI/Exceptions/CLIException.php
new file mode 100644
index 0000000..304b2ea
--- /dev/null
+++ b/ci4app/system/CLI/Exceptions/CLIException.php
@@ -0,0 +1,36 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\CLI\Exceptions;
+
+use CodeIgniter\Exceptions\DebugTraceableTrait;
+use CodeIgniter\Exceptions\RuntimeException;
+
+/**
+ * CLIException
+ */
+class CLIException extends RuntimeException
+{
+    use DebugTraceableTrait;
+
+    /**
+     * Thrown when `$color` specified for `$type` is not within the
+     * allowed list of colors.
+     *
+     * @return CLIException
+     */
+    public static function forInvalidColor(string $type, string $color)
+    {
+        return new static(lang('CLI.invalidColor', [$type, $color]));
+    }
+}
diff --git a/ci4app/system/CLI/GeneratorTrait.php b/ci4app/system/CLI/GeneratorTrait.php
new file mode 100644
index 0000000..62f5cee
--- /dev/null
+++ b/ci4app/system/CLI/GeneratorTrait.php
@@ -0,0 +1,526 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\CLI;
+
+use Config\Generators;
+use Throwable;
+
+/**
+ * GeneratorTrait contains a collection of methods
+ * to build the commands that generates a file.
+ */
+trait GeneratorTrait
+{
+    /**
+     * Component Name
+     *
+     * @var string
+     */
+    protected $component;
+
+    /**
+     * File directory
+     *
+     * @var string
+     */
+    protected $directory;
+
+    /**
+     * (Optional) View template path
+     *
+     * We use special namespaced paths like:
+     *      `CodeIgniter\Commands\Generators\Views\cell.tpl.php`.
+     */
+    protected ?string $templatePath = null;
+
+    /**
+     * View template name for fallback
+     *
+     * @var string
+     */
+    protected $template;
+
+    /**
+     * Language string key for required class names.
+     *
+     * @var string
+     */
+    protected $classNameLang = '';
+
+    /**
+     * Namespace to use for class.
+     * Leave null to use the default namespace.
+     */
+    protected ?string $namespace = null;
+
+    /**
+     * Whether to require class name.
+     *
+     * @internal
+     *
+     * @var bool
+     */
+    private $hasClassName = true;
+
+    /**
+     * Whether to sort class imports.
+     *
+     * @internal
+     *
+     * @var bool
+     */
+    private $sortImports = true;
+
+    /**
+     * Whether the `--suffix` option has any effect.
+     *
+     * @internal
+     *
+     * @var bool
+     */
+    private $enabledSuffixing = true;
+
+    /**
+     * The params array for easy access by other methods.
+     *
+     * @internal
+     *
+     * @var array<int|string, string|null>
+     */
+    private $params = [];
+
+    /**
+     * Execute the command.
+     *
+     * @param array<int|string, string|null> $params
+     *
+     * @deprecated use generateClass() instead
+     */
+    protected function execute(array $params): void
+    {
+        $this->generateClass($params);
+    }
+
+    /**
+     * Generates a class file from an existing template.
+     *
+     * @param array<int|string, string|null> $params
+     */
+    protected function generateClass(array $params): void
+    {
+        $this->params = $params;
+
+        // Get the fully qualified class name from the input.
+        $class = $this->qualifyClassName();
+
+        // Get the file path from class name.
+        $target = $this->buildPath($class);
+
+        // Check if path is empty.
+        if ($target === '') {
+            return;
+        }
+
+        $this->generateFile($target, $this->buildContent($class));
+    }
+
+    /**
+     * Generate a view file from an existing template.
+     *
+     * @param string                         $view   namespaced view name that is generated
+     * @param array<int|string, string|null> $params
+     */
+    protected function generateView(string $view, array $params): void
+    {
+        $this->params = $params;
+
+        $target = $this->buildPath($view);
+
+        // Check if path is empty.
+        if ($target === '') {
+            return;
+        }
+
+        $this->generateFile($target, $this->buildContent($view));
+    }
+
+    /**
+     * Handles writing the file to disk, and all of the safety checks around that.
+     *
+     * @param string $target file path
+     */
+    private function generateFile(string $target, string $content): void
+    {
+        if ($this->getOption('namespace') === 'CodeIgniter') {
+            // @codeCoverageIgnoreStart
+            CLI::write(lang('CLI.generator.usingCINamespace'), 'yellow');
+            CLI::newLine();
+
+            if (
+                CLI::prompt(
+                    'Are you sure you want to continue?',
+                    ['y', 'n'],
+                    'required',
+                ) === 'n'
+            ) {
+                CLI::newLine();
+                CLI::write(lang('CLI.generator.cancelOperation'), 'yellow');
+                CLI::newLine();
+
+                return;
+            }
+
+            CLI::newLine();
+            // @codeCoverageIgnoreEnd
+        }
+
+        $isFile = is_file($target);
+
+        // Overwriting files unknowingly is a serious annoyance, So we'll check if
+        // we are duplicating things, If 'force' option is not supplied, we bail.
+        if (! $this->getOption('force') && $isFile) {
+            CLI::error(
+                lang('CLI.generator.fileExist', [clean_path($target)]),
+                'light_gray',
+                'red',
+            );
+            CLI::newLine();
+
+            return;
+        }
+
+        // Check if the directory to save the file is existing.
+        $dir = dirname($target);
+
+        if (! is_dir($dir)) {
+            mkdir($dir, 0755, true);
+        }
+
+        helper('filesystem');
+
+        // Build the class based on the details we have, We'll be getting our file
+        // contents from the template, and then we'll do the necessary replacements.
+        if (! write_file($target, $content)) {
+            // @codeCoverageIgnoreStart
+            CLI::error(
+                lang('CLI.generator.fileError', [clean_path($target)]),
+                'light_gray',
+                'red',
+            );
+            CLI::newLine();
+
+            return;
+            // @codeCoverageIgnoreEnd
+        }
+
+        if ($this->getOption('force') && $isFile) {
+            CLI::write(
+                lang('CLI.generator.fileOverwrite', [clean_path($target)]),
+                'yellow',
+            );
+            CLI::newLine();
+
+            return;
+        }
+
+        CLI::write(
+            lang('CLI.generator.fileCreate', [clean_path($target)]),
+            'green',
+        );
+        CLI::newLine();
+    }
+
+    /**
+     * Prepare options and do the necessary replacements.
+     *
+     * @param string $class namespaced classname or namespaced view.
+     *
+     * @return string generated file content
+     */
+    protected function prepare(string $class): string
+    {
+        return $this->parseTemplate($class);
+    }
+
+    /**
+     * Change file basename before saving.
+     *
+     * Useful for components where the file name has a date.
+     */
+    protected function basename(string $filename): string
+    {
+        return basename($filename);
+    }
+
+    /**
+     * Parses the class name and checks if it is already qualified.
+     */
+    protected function qualifyClassName(): string
+    {
+        $class = $this->normalizeInputClassName();
+
+        // Gets the namespace from input. Don't forget the ending backslash!
+        $namespace = $this->getNamespace() . '\\';
+
+        if (str_starts_with($class, $namespace)) {
+            return $class; // @codeCoverageIgnore
+        }
+
+        $directoryString = ($this->directory !== null) ? $this->directory . '\\' : '';
+
+        return $namespace . $directoryString . str_replace('/', '\\', $class);
+    }
+
+    private function normalizeInputClassName(): string
+    {
+        // Gets the class name from input.
+        $class = $this->params[0] ?? CLI::getSegment(2);
+
+        if ($class === null && $this->hasClassName) {
+            $nameField = $this->classNameLang !== ''
+                ? $this->classNameLang
+                : 'CLI.generator.className.default';
+            $class = CLI::prompt(lang($nameField), null, 'required');
+
+            // Reassign the class name to the params array in case
+            // the class name is requested again
+            $this->params[0] = $class;
+            CLI::newLine();
+        }
+
+        helper('inflector');
+
+        $component = singular($this->component);
+
+        /**
+         * @see https://regex101.com/r/a5KNCR/2
+         */
+        $pattern = sprintf('/([a-z][a-z0-9_\/\\\\]+)(%s)$/i', $component);
+
+        if (preg_match($pattern, $class, $matches) === 1) {
+            $class = $matches[1] . ucfirst($matches[2]);
+        }
+
+        if (
+            $this->enabledSuffixing && $this->getOption('suffix')
+            && preg_match($pattern, $class) !== 1
+        ) {
+            $class .= ucfirst($component);
+        }
+
+        // Trims input, normalize separators, and ensure that all paths are in Pascalcase.
+        return ltrim(
+            implode(
+                '\\',
+                array_map(
+                    pascalize(...),
+                    explode('\\', str_replace('/', '\\', trim($class))),
+                ),
+            ),
+            '\\/',
+        );
+    }
+
+    /**
+     * Gets the generator view as defined in the `Config\Generators::$views`,
+     * with fallback to `$template` when the defined view does not exist.
+     *
+     * @param array<string, mixed> $data
+     */
+    protected function renderTemplate(array $data = []): string
+    {
+        try {
+            $template = $this->templatePath ?? config(Generators::class)->views[$this->name];
+
+            return view($template, $data, ['debug' => false]);
+        } catch (Throwable $e) {
+            log_message('error', (string) $e);
+
+            return view(
+                "CodeIgniter\\Commands\\Generators\\Views\\{$this->template}",
+                $data,
+                ['debug' => false],
+            );
+        }
+    }
+
+    /**
+     * Performs pseudo-variables contained within view file.
+     *
+     * @param string                          $class   namespaced classname or namespaced view.
+     * @param list<string>                    $search
+     * @param list<string>                    $replace
+     * @param array<string, bool|string|null> $data
+     *
+     * @return string generated file content
+     */
+    protected function parseTemplate(
+        string $class,
+        array $search = [],
+        array $replace = [],
+        array $data = [],
+    ): string {
+        // Retrieves the namespace part from the fully qualified class name.
+        $namespace = trim(
+            implode(
+                '\\',
+                array_slice(explode('\\', $class), 0, -1),
+            ),
+            '\\',
+        );
+        $search[]  = '<@php';
+        $search[]  = '{namespace}';
+        $search[]  = '{class}';
+        $replace[] = '<?php';
+        $replace[] = $namespace;
+        $replace[] = str_replace($namespace . '\\', '', $class);
+
+        return str_replace($search, $replace, $this->renderTemplate($data));
+    }
+
+    /**
+     * Builds the contents for class being generated, doing all
+     * the replacements necessary, and alphabetically sorts the
+     * imports for a given template.
+     */
+    protected function buildContent(string $class): string
+    {
+        $template = $this->prepare($class);
+
+        if (
+            $this->sortImports
+            && preg_match(
+                '/(?P<imports>(?:^use [^;]+;$\n?)+)/m',
+                $template,
+                $match,
+            )
+        ) {
+            $imports = explode("\n", trim($match['imports']));
+            sort($imports);
+
+            return str_replace(trim($match['imports']), implode("\n", $imports), $template);
+        }
+
+        return $template;
+    }
+
+    /**
+     * Builds the file path from the class name.
+     *
+     * @param string $class namespaced classname or namespaced view.
+     */
+    protected function buildPath(string $class): string
+    {
+        $namespace = $this->getNamespace();
+
+        // Check if the namespace is actually defined and we are not just typing gibberish.
+        $base = service('autoloader')->getNamespace($namespace);
+
+        if (! $base = reset($base)) {
+            CLI::error(
+                lang('CLI.namespaceNotDefined', [$namespace]),
+                'light_gray',
+                'red',
+            );
+            CLI::newLine();
+
+            return '';
+        }
+
+        $realpath = realpath($base);
+        $base     = ($realpath !== false) ? $realpath : $base;
+
+        $file = $base . DIRECTORY_SEPARATOR
+            . str_replace(
+                '\\',
+                DIRECTORY_SEPARATOR,
+                trim(str_replace($namespace . '\\', '', $class), '\\'),
+            ) . '.php';
+
+        return implode(
+            DIRECTORY_SEPARATOR,
+            array_slice(
+                explode(DIRECTORY_SEPARATOR, $file),
+                0,
+                -1,
+            ),
+        ) . DIRECTORY_SEPARATOR . $this->basename($file);
+    }
+
+    /**
+     * Gets the namespace from the command-line option,
+     * or the default namespace if the option is not set.
+     * Can be overridden by directly setting $this->namespace.
+     */
+    protected function getNamespace(): string
+    {
+        return $this->namespace ?? trim(
+            str_replace(
+                '/',
+                '\\',
+                $this->getOption('namespace') ?? APP_NAMESPACE,
+            ),
+            '\\',
+        );
+    }
+
+    /**
+     * Allows child generators to modify the internal `$hasClassName` flag.
+     *
+     * @return $this
+     */
+    protected function setHasClassName(bool $hasClassName)
+    {
+        $this->hasClassName = $hasClassName;
+
+        return $this;
+    }
+
+    /**
+     * Allows child generators to modify the internal `$sortImports` flag.
+     *
+     * @return $this
+     */
+    protected function setSortImports(bool $sortImports)
+    {
+        $this->sortImports = $sortImports;
+
+        return $this;
+    }
+
+    /**
+     * Allows child generators to modify the internal `$enabledSuffixing` flag.
+     *
+     * @return $this
+     */
+    protected function setEnabledSuffixing(bool $enabledSuffixing)
+    {
+        $this->enabledSuffixing = $enabledSuffixing;
+
+        return $this;
+    }
+
+    /**
+     * Gets a single command-line option. Returns TRUE if the option exists,
+     * but doesn't have a value, and is simply acting as a flag.
+     */
+    protected function getOption(string $name): bool|string|null
+    {
+        if (! array_key_exists($name, $this->params)) {
+            return CLI::getOption($name);
+        }
+
+        return $this->params[$name] ?? true;
+    }
+}
diff --git a/ci4app/system/CLI/InputOutput.php b/ci4app/system/CLI/InputOutput.php
new file mode 100644
index 0000000..b69c19e
--- /dev/null
+++ b/ci4app/system/CLI/InputOutput.php
@@ -0,0 +1,80 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\CLI;
+
+/**
+ * Input and Output for CLI.
+ */
+class InputOutput
+{
+    /**
+     * Is the readline library on the system?
+     */
+    private readonly bool $readlineSupport;
+
+    public function __construct()
+    {
+        // Readline is an extension for PHP that makes interactivity with PHP
+        // much more bash-like.
+        // http://www.php.net/manual/en/readline.installation.php
+        $this->readlineSupport = extension_loaded('readline');
+    }
+
+    /**
+     * Get input from the shell, using readline or the standard STDIN
+     *
+     * Named options must be in the following formats:
+     * php index.php user -v --v -name=John --name=John
+     *
+     * @param string|null $prefix You may specify a string with which to prompt the user.
+     */
+    public function input(?string $prefix = null): string
+    {
+        // readline() can't be tested.
+        if ($this->readlineSupport && ENVIRONMENT !== 'testing') {
+            return readline($prefix); // @codeCoverageIgnore
+        }
+
+        echo $prefix;
+
+        $input = fgets(fopen('php://stdin', 'rb'));
+
+        if ($input === false) {
+            $input = '';
+        }
+
+        return $input;
+    }
+
+    /**
+     * While the library is intended for use on CLI commands,
+     * commands can be called from controllers and elsewhere
+     * so we need a way to allow them to still work.
+     *
+     * For now, just echo the content, but look into a better
+     * solution down the road.
+     *
+     * @param resource $handle
+     */
+    public function fwrite($handle, string $string): void
+    {
+        if (! is_cli()) {
+            echo $string;
+
+            return;
+        }
+
+        fwrite($handle, $string);
+    }
+}
diff --git a/ci4app/system/Cache/CacheFactory.php b/ci4app/system/Cache/CacheFactory.php
new file mode 100644
index 0000000..e842541
--- /dev/null
+++ b/ci4app/system/Cache/CacheFactory.php
@@ -0,0 +1,91 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cache;
+
+use CodeIgniter\Cache\Exceptions\CacheException;
+use CodeIgniter\Exceptions\CriticalError;
+use CodeIgniter\Test\Mock\MockCache;
+use Config\Cache;
+
+/**
+ * A factory for loading the desired
+ *
+ * @see \CodeIgniter\Cache\CacheFactoryTest
+ */
+class CacheFactory
+{
+    /**
+     * The class to use when mocking
+     *
+     * @var string
+     */
+    public static $mockClass = MockCache::class;
+
+    /**
+     * The service to inject the mock as
+     *
+     * @var string
+     */
+    public static $mockServiceName = 'cache';
+
+    /**
+     * Attempts to create the desired cache handler, based upon the
+     *
+     * @param non-empty-string|null $handler
+     * @param non-empty-string|null $backup
+     *
+     * @return CacheInterface
+     */
+    public static function getHandler(Cache $config, ?string $handler = null, ?string $backup = null)
+    {
+        if (! isset($config->validHandlers) || $config->validHandlers === []) {
+            throw CacheException::forInvalidHandlers();
+        }
+
+        if (! isset($config->handler) || ! isset($config->backupHandler)) {
+            throw CacheException::forNoBackup();
+        }
+
+        $handler ??= $config->handler;
+        $backup ??= $config->backupHandler;
+
+        if (! array_key_exists($handler, $config->validHandlers) || ! array_key_exists($backup, $config->validHandlers)) {
+            throw CacheException::forHandlerNotFound();
+        }
+
+        $adapter = new $config->validHandlers[$handler]($config);
+
+        if (! $adapter->isSupported()) {
+            $adapter = new $config->validHandlers[$backup]($config);
+
+            if (! $adapter->isSupported()) {
+                // Fall back to the dummy adapter.
+                $adapter = new $config->validHandlers['dummy']();
+            }
+        }
+
+        // If $adapter->initialize() throws a CriticalError exception, we will attempt to
+        // use the $backup handler, if that also fails, we resort to the dummy handler.
+        try {
+            $adapter->initialize();
+        } catch (CriticalError $e) {
+            log_message('critical', $e . ' Resorting to using ' . $backup . ' handler.');
+
+            // get the next best cache handler (or dummy if the $backup also fails)
+            $adapter = self::getHandler($config, $backup, 'dummy');
+        }
+
+        return $adapter;
+    }
+}
diff --git a/ci4app/system/Cache/CacheInterface.php b/ci4app/system/Cache/CacheInterface.php
new file mode 100644
index 0000000..0f94cd5
--- /dev/null
+++ b/ci4app/system/Cache/CacheInterface.php
@@ -0,0 +1,106 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cache;
+
+interface CacheInterface
+{
+    /**
+     * Takes care of any handler-specific setup that must be done.
+     *
+     * @return void
+     */
+    public function initialize();
+
+    /**
+     * Attempts to fetch an item from the cache store.
+     *
+     * @param string $key Cache item name
+     *
+     * @return mixed
+     */
+    public function get(string $key);
+
+    /**
+     * Saves an item to the cache store.
+     *
+     * @param string $key   Cache item name
+     * @param mixed  $value The data to save
+     * @param int    $ttl   Time To Live, in seconds (default 60)
+     *
+     * @return bool Success or failure
+     */
+    public function save(string $key, $value, int $ttl = 60);
+
+    /**
+     * Deletes a specific item from the cache store.
+     *
+     * @param string $key Cache item name
+     *
+     * @return bool Success or failure
+     */
+    public function delete(string $key);
+
+    /**
+     * Performs atomic incrementation of a raw stored value.
+     *
+     * @param string $key    Cache ID
+     * @param int    $offset Step/value to increase by
+     *
+     * @return bool|int
+     */
+    public function increment(string $key, int $offset = 1);
+
+    /**
+     * Performs atomic decrementation of a raw stored value.
+     *
+     * @param string $key    Cache ID
+     * @param int    $offset Step/value to increase by
+     *
+     * @return bool|int
+     */
+    public function decrement(string $key, int $offset = 1);
+
+    /**
+     * Will delete all items in the entire cache.
+     *
+     * @return bool Success or failure
+     */
+    public function clean();
+
+    /**
+     * Returns information on the entire cache.
+     *
+     * The information returned and the structure of the data
+     * varies depending on the handler.
+     *
+     * @return array<array-key, mixed>|false|object|null
+     */
+    public function getCacheInfo();
+
+    /**
+     * Returns detailed information about the specific item in the cache.
+     *
+     * @param string $key Cache item name.
+     *
+     * @return array<string, mixed>|false|null Returns null if the item does not exist, otherwise array<string, mixed>
+     *                                         with at least the 'expire' key for absolute epoch expiry (or null).
+     *                                         Some handlers may return false when an item does not exist, which is deprecated.
+     */
+    public function getMetaData(string $key);
+
+    /**
+     * Determines if the driver is supported on this system.
+     */
+    public function isSupported(): bool;
+}
diff --git a/ci4app/system/Cache/Exceptions/CacheException.php b/ci4app/system/Cache/Exceptions/CacheException.php
new file mode 100644
index 0000000..c4871a0
--- /dev/null
+++ b/ci4app/system/Cache/Exceptions/CacheException.php
@@ -0,0 +1,62 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cache\Exceptions;
+
+use CodeIgniter\Exceptions\DebugTraceableTrait;
+use CodeIgniter\Exceptions\RuntimeException;
+
+class CacheException extends RuntimeException
+{
+    use DebugTraceableTrait;
+
+    /**
+     * Thrown when handler has no permission to write cache.
+     *
+     * @return static
+     */
+    public static function forUnableToWrite(string $path)
+    {
+        return new static(lang('Cache.unableToWrite', [$path]));
+    }
+
+    /**
+     * Thrown when an unrecognized handler is used.
+     *
+     * @return static
+     */
+    public static function forInvalidHandlers()
+    {
+        return new static(lang('Cache.invalidHandlers'));
+    }
+
+    /**
+     * Thrown when no backup handler is setup in config.
+     *
+     * @return static
+     */
+    public static function forNoBackup()
+    {
+        return new static(lang('Cache.noBackup'));
+    }
+
+    /**
+     * Thrown when specified handler was not found.
+     *
+     * @return static
+     */
+    public static function forHandlerNotFound()
+    {
+        return new static(lang('Cache.handlerNotFound'));
+    }
+}
diff --git a/ci4app/system/Cache/FactoriesCache.php b/ci4app/system/Cache/FactoriesCache.php
new file mode 100644
index 0000000..6e49996
--- /dev/null
+++ b/ci4app/system/Cache/FactoriesCache.php
@@ -0,0 +1,63 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cache;
+
+use CodeIgniter\Cache\FactoriesCache\FileVarExportHandler;
+use CodeIgniter\Config\Factories;
+
+final class FactoriesCache
+{
+    private readonly CacheInterface|FileVarExportHandler $cache;
+
+    public function __construct(CacheInterface|FileVarExportHandler|null $cache = null)
+    {
+        $this->cache = $cache ?? new FileVarExportHandler();
+    }
+
+    public function save(string $component): void
+    {
+        if (! Factories::isUpdated($component)) {
+            return;
+        }
+
+        $data = Factories::getComponentInstances($component);
+
+        $this->cache->save($this->getCacheKey($component), $data, 3600 * 24);
+    }
+
+    private function getCacheKey(string $component): string
+    {
+        return 'FactoriesCache_' . $component;
+    }
+
+    public function load(string $component): bool
+    {
+        $key = $this->getCacheKey($component);
+
+        $data = $this->cache->get($key);
+
+        if (! is_array($data) || $data === []) {
+            return false;
+        }
+
+        Factories::setComponentInstances($component, $data);
+
+        return true;
+    }
+
+    public function delete(string $component): void
+    {
+        $this->cache->delete($this->getCacheKey($component));
+    }
+}
diff --git a/ci4app/system/Cache/FactoriesCache/FileVarExportHandler.php b/ci4app/system/Cache/FactoriesCache/FileVarExportHandler.php
new file mode 100644
index 0000000..092cd67
--- /dev/null
+++ b/ci4app/system/Cache/FactoriesCache/FileVarExportHandler.php
@@ -0,0 +1,40 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cache\FactoriesCache;
+
+final class FileVarExportHandler
+{
+    private string $path = WRITEPATH . 'cache';
+
+    public function save(string $key, mixed $val): void
+    {
+        $val = var_export($val, true);
+
+        // Write to temp file first to ensure atomicity
+        $tmp = $this->path . "/{$key}." . uniqid('', true) . '.tmp';
+        file_put_contents($tmp, '<?php return ' . $val . ';', LOCK_EX);
+
+        rename($tmp, $this->path . "/{$key}");
+    }
+
+    public function delete(string $key): void
+    {
+        @unlink($this->path . "/{$key}");
+    }
+
+    public function get(string $key): mixed
+    {
+        return @include $this->path . "/{$key}";
+    }
+}
diff --git a/ci4app/system/Cache/Handlers/BaseHandler.php b/ci4app/system/Cache/Handlers/BaseHandler.php
new file mode 100644
index 0000000..db48295
--- /dev/null
+++ b/ci4app/system/Cache/Handlers/BaseHandler.php
@@ -0,0 +1,115 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cache\Handlers;
+
+use Closure;
+use CodeIgniter\Cache\CacheInterface;
+use CodeIgniter\Exceptions\BadMethodCallException;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use Config\Cache;
+use Exception;
+
+/**
+ * Base class for cache handling
+ *
+ * @see \CodeIgniter\Cache\Handlers\BaseHandlerTest
+ */
+abstract class BaseHandler implements CacheInterface
+{
+    /**
+     * Reserved characters that cannot be used in a key or tag. May be overridden by the config.
+     * From https://github.com/symfony/cache-contracts/blob/c0446463729b89dd4fa62e9aeecc80287323615d/ItemInterface.php#L43
+     *
+     * @deprecated in favor of the Cache config
+     */
+    public const RESERVED_CHARACTERS = '{}()/\@:';
+
+    /**
+     * Maximum key length.
+     */
+    public const MAX_KEY_LENGTH = PHP_INT_MAX;
+
+    /**
+     * Prefix to apply to cache keys.
+     * May not be used by all handlers.
+     *
+     * @var string
+     */
+    protected $prefix;
+
+    /**
+     * Validates a cache key according to PSR-6.
+     * Keys that exceed MAX_KEY_LENGTH are hashed.
+     * From https://github.com/symfony/cache/blob/7b024c6726af21fd4984ac8d1eae2b9f3d90de88/CacheItem.php#L158
+     *
+     * @param mixed  $key    The key to validate
+     * @param string $prefix Optional prefix to include in length calculations
+     *
+     * @throws InvalidArgumentException When $key is not valid
+     */
+    public static function validateKey($key, $prefix = ''): string
+    {
+        if (! is_string($key)) {
+            throw new InvalidArgumentException('Cache key must be a string');
+        }
+        if ($key === '') {
+            throw new InvalidArgumentException('Cache key cannot be empty.');
+        }
+
+        $reserved = config(Cache::class)->reservedCharacters;
+
+        if ($reserved !== '' && strpbrk($key, $reserved) !== false) {
+            throw new InvalidArgumentException('Cache key contains reserved characters ' . $reserved);
+        }
+
+        // If the key with prefix exceeds the length then return the hashed version
+        return strlen($prefix . $key) > static::MAX_KEY_LENGTH ? $prefix . md5($key) : $prefix . $key;
+    }
+
+    /**
+     * Get an item from the cache, or execute the given Closure and store the result.
+     *
+     * @param string           $key      Cache item name
+     * @param int              $ttl      Time to live
+     * @param Closure(): mixed $callback Callback return value
+     *
+     * @return mixed
+     */
+    public function remember(string $key, int $ttl, Closure $callback)
+    {
+        $value = $this->get($key);
+
+        if ($value !== null) {
+            return $value;
+        }
+
+        $this->save($key, $value = $callback(), $ttl);
+
+        return $value;
+    }
+
+    /**
+     * Deletes items from the cache store matching a given pattern.
+     *
+     * @param string $pattern Cache items glob-style pattern
+     *
+     * @return int
+     *
+     * @throws Exception
+     */
+    public function deleteMatching(string $pattern)
+    {
+        throw new BadMethodCallException('The deleteMatching method is not implemented.');
+    }
+}
diff --git a/ci4app/system/Cache/Handlers/DummyHandler.php b/ci4app/system/Cache/Handlers/DummyHandler.php
new file mode 100644
index 0000000..10300c7
--- /dev/null
+++ b/ci4app/system/Cache/Handlers/DummyHandler.php
@@ -0,0 +1,121 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cache\Handlers;
+
+use Closure;
+
+/**
+ * Dummy cache handler
+ *
+ * @see \CodeIgniter\Cache\Handlers\DummyHandlerTest
+ */
+class DummyHandler extends BaseHandler
+{
+    /**
+     * {@inheritDoc}
+     */
+    public function initialize()
+    {
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function get(string $key)
+    {
+        return null;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function remember(string $key, int $ttl, Closure $callback)
+    {
+        return null;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function save(string $key, $value, int $ttl = 60)
+    {
+        return true;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function delete(string $key)
+    {
+        return true;
+    }
+
+    /**
+     * {@inheritDoc}
+     *
+     * @return int
+     */
+    public function deleteMatching(string $pattern)
+    {
+        return 0;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function increment(string $key, int $offset = 1)
+    {
+        return true;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function decrement(string $key, int $offset = 1)
+    {
+        return true;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function clean()
+    {
+        return true;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getCacheInfo()
+    {
+        return null;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getMetaData(string $key)
+    {
+        return null;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function isSupported(): bool
+    {
+        return true;
+    }
+}
diff --git a/ci4app/system/Cache/Handlers/FileHandler.php b/ci4app/system/Cache/Handlers/FileHandler.php
new file mode 100644
index 0000000..010fc86
--- /dev/null
+++ b/ci4app/system/Cache/Handlers/FileHandler.php
@@ -0,0 +1,467 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cache\Handlers;
+
+use CodeIgniter\Cache\Exceptions\CacheException;
+use CodeIgniter\I18n\Time;
+use Config\Cache;
+use Throwable;
+
+/**
+ * File system cache handler
+ *
+ * @see \CodeIgniter\Cache\Handlers\FileHandlerTest
+ */
+class FileHandler extends BaseHandler
+{
+    /**
+     * Maximum key length.
+     */
+    public const MAX_KEY_LENGTH = 255;
+
+    /**
+     * Where to store cached files on the disk.
+     *
+     * @var string
+     */
+    protected $path;
+
+    /**
+     * Mode for the stored files.
+     * Must be chmod-safe (octal).
+     *
+     * @var int
+     *
+     * @see https://www.php.net/manual/en/function.chmod.php
+     */
+    protected $mode;
+
+    /**
+     * Note: Use `CacheFactory::getHandler()` to instantiate.
+     *
+     * @throws CacheException
+     */
+    public function __construct(Cache $config)
+    {
+        $options = [
+            ...['storePath' => WRITEPATH . 'cache', 'mode' => 0640],
+            ...$config->file,
+        ];
+
+        $this->path = $options['storePath'] !== '' ? $options['storePath'] : WRITEPATH . 'cache';
+        $this->path = rtrim($this->path, '\\/') . '/';
+
+        if (! is_really_writable($this->path)) {
+            throw CacheException::forUnableToWrite($this->path);
+        }
+
+        $this->mode   = $options['mode'];
+        $this->prefix = $config->prefix;
+
+        helper('filesystem');
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function initialize()
+    {
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function get(string $key)
+    {
+        $key  = static::validateKey($key, $this->prefix);
+        $data = $this->getItem($key);
+
+        return is_array($data) ? $data['data'] : null;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function save(string $key, $value, int $ttl = 60)
+    {
+        $key = static::validateKey($key, $this->prefix);
+
+        $contents = [
+            'time' => Time::now()->getTimestamp(),
+            'ttl'  => $ttl,
+            'data' => $value,
+        ];
+
+        if (write_file($this->path . $key, serialize($contents))) {
+            try {
+                chmod($this->path . $key, $this->mode);
+
+                // @codeCoverageIgnoreStart
+            } catch (Throwable $e) {
+                log_message('debug', 'Failed to set mode on cache file: ' . $e);
+                // @codeCoverageIgnoreEnd
+            }
+
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function delete(string $key)
+    {
+        $key = static::validateKey($key, $this->prefix);
+
+        return is_file($this->path . $key) && unlink($this->path . $key);
+    }
+
+    /**
+     * {@inheritDoc}
+     *
+     * @return int
+     */
+    public function deleteMatching(string $pattern)
+    {
+        $deleted = 0;
+
+        foreach (glob($this->path . $pattern, GLOB_NOSORT) as $filename) {
+            if (is_file($filename) && @unlink($filename)) {
+                $deleted++;
+            }
+        }
+
+        return $deleted;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function increment(string $key, int $offset = 1)
+    {
+        $prefixedKey = static::validateKey($key, $this->prefix);
+        $tmp         = $this->getItem($prefixedKey);
+
+        if ($tmp === false) {
+            $tmp = ['data' => 0, 'ttl' => 60];
+        }
+
+        ['data' => $value, 'ttl' => $ttl] = $tmp;
+
+        if (! is_int($value)) {
+            return false;
+        }
+
+        $value += $offset;
+
+        return $this->save($key, $value, $ttl) ? $value : false;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function decrement(string $key, int $offset = 1)
+    {
+        return $this->increment($key, -$offset);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function clean()
+    {
+        return delete_files($this->path, false, true);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getCacheInfo()
+    {
+        return get_dir_file_info($this->path);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getMetaData(string $key)
+    {
+        $key = static::validateKey($key, $this->prefix);
+
+        if (false === $data = $this->getItem($key)) {
+            return false; // @TODO This will return null in a future release
+        }
+
+        return [
+            'expire' => $data['ttl'] > 0 ? $data['time'] + $data['ttl'] : null,
+            'mtime'  => filemtime($this->path . $key),
+            'data'   => $data['data'],
+        ];
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function isSupported(): bool
+    {
+        return is_writable($this->path);
+    }
+
+    /**
+     * Does the heavy lifting of actually retrieving the file and
+     * verifying its age.
+     *
+     * @return array{data: mixed, ttl: int, time: int}|false
+     */
+    protected function getItem(string $filename)
+    {
+        if (! is_file($this->path . $filename)) {
+            return false;
+        }
+
+        $content = @file_get_contents($this->path . $filename);
+
+        if ($content === false) {
+            return false;
+        }
+
+        try {
+            $data = unserialize($content);
+        } catch (Throwable) {
+            return false;
+        }
+
+        if (! is_array($data)) {
+            return false;
+        }
+
+        if (! isset($data['ttl']) || ! is_int($data['ttl'])) {
+            return false;
+        }
+
+        if (! isset($data['time']) || ! is_int($data['time'])) {
+            return false;
+        }
+
+        if ($data['ttl'] > 0 && Time::now()->getTimestamp() > $data['time'] + $data['ttl']) {
+            @unlink($this->path . $filename);
+
+            return false;
+        }
+
+        return $data;
+    }
+
+    /**
+     * Writes a file to disk, or returns false if not successful.
+     *
+     * @deprecated 4.6.1 Use `write_file()` instead.
+     *
+     * @param string $path
+     * @param string $data
+     * @param string $mode
+     *
+     * @return bool
+     */
+    protected function writeFile($path, $data, $mode = 'wb')
+    {
+        if (($fp = @fopen($path, $mode)) === false) {
+            return false;
+        }
+
+        flock($fp, LOCK_EX);
+
+        $result = 0;
+
+        for ($written = 0, $length = strlen($data); $written < $length; $written += $result) {
+            if (($result = fwrite($fp, substr($data, $written))) === false) {
+                break;
+            }
+        }
+
+        flock($fp, LOCK_UN);
+        fclose($fp);
+
+        return is_int($result);
+    }
+
+    /**
+     * Deletes all files contained in the supplied directory path.
+     * Files must be writable or owned by the system in order to be deleted.
+     * If the second parameter is set to TRUE, any directories contained
+     * within the supplied base directory will be nuked as well.
+     *
+     * @deprecated 4.6.1 Use `delete_files()` instead.
+     *
+     * @param string $path   File path
+     * @param bool   $delDir Whether to delete any directories found in the path
+     * @param bool   $htdocs Whether to skip deleting .htaccess and index page files
+     * @param int    $_level Current directory depth level (default: 0; internal use only)
+     */
+    protected function deleteFiles(string $path, bool $delDir = false, bool $htdocs = false, int $_level = 0): bool
+    {
+        // Trim the trailing slash
+        $path = rtrim($path, '/\\');
+
+        if (! $currentDir = @opendir($path)) {
+            return false;
+        }
+
+        while (false !== ($filename = @readdir($currentDir))) {
+            if ($filename !== '.' && $filename !== '..') {
+                if (is_dir($path . DIRECTORY_SEPARATOR . $filename) && $filename[0] !== '.') {
+                    $this->deleteFiles($path . DIRECTORY_SEPARATOR . $filename, $delDir, $htdocs, $_level + 1);
+                } elseif (! $htdocs || preg_match('/^(\.htaccess|index\.(html|htm|php)|web\.config)$/i', $filename) !== 1) {
+                    @unlink($path . DIRECTORY_SEPARATOR . $filename);
+                }
+            }
+        }
+
+        closedir($currentDir);
+
+        return ($delDir && $_level > 0) ? @rmdir($path) : true;
+    }
+
+    /**
+     * Reads the specified directory and builds an array containing the filenames,
+     * filesize, dates, and permissions
+     *
+     * Any sub-folders contained within the specified path are read as well.
+     *
+     * @deprecated 4.6.1 Use `get_dir_file_info()` instead.
+     *
+     * @param string $sourceDir    Path to source
+     * @param bool   $topLevelOnly Look only at the top level directory specified?
+     * @param bool   $_recursion   Internal variable to determine recursion status - do not use in calls
+     *
+     * @return array<string, array{
+     *  name: string,
+     *  server_path: string,
+     *  size: int,
+     *  date: int,
+     *  relative_path: string,
+     * }>|false
+     */
+    protected function getDirFileInfo(string $sourceDir, bool $topLevelOnly = true, bool $_recursion = false)
+    {
+        static $filedata = [];
+
+        $relativePath = $sourceDir;
+        $filePointer  = @opendir($sourceDir);
+
+        if (! is_bool($filePointer)) {
+            // reset the array and make sure $sourceDir has a trailing slash on the initial call
+            if ($_recursion === false) {
+                $filedata = [];
+
+                $resolvedSrc = realpath($sourceDir);
+                $resolvedSrc = $resolvedSrc === false ? $sourceDir : $resolvedSrc;
+
+                $sourceDir = rtrim($resolvedSrc, DIRECTORY_SEPARATOR) . DIRECTORY_SEPARATOR;
+            }
+
+            // Used to be foreach (scandir($sourceDir, 1) as $file), but scandir() is simply not as fast
+            while (false !== $file = readdir($filePointer)) {
+                if (is_dir($sourceDir . $file) && $file[0] !== '.' && $topLevelOnly === false) {
+                    $this->getDirFileInfo($sourceDir . $file . DIRECTORY_SEPARATOR, $topLevelOnly, true);
+                } elseif (! is_dir($sourceDir . $file) && $file[0] !== '.') {
+                    $filedata[$file] = $this->getFileInfo($sourceDir . $file);
+
+                    $filedata[$file]['relative_path'] = $relativePath;
+                }
+            }
+
+            closedir($filePointer);
+
+            return $filedata;
+        }
+
+        return false;
+    }
+
+    /**
+     * Given a file and path, returns the name, path, size, date modified
+     * Second parameter allows you to explicitly declare what information you want returned
+     * Options are: name, server_path, size, date, readable, writable, executable, fileperms
+     * Returns FALSE if the file cannot be found.
+     *
+     * @deprecated 4.6.1 Use `get_file_info()` instead.
+     *
+     * @param string              $file           Path to file
+     * @param list<string>|string $returnedValues Array or comma separated string of information returned
+     *
+     * @return array{
+     *  name?: string,
+     *  server_path?: string,
+     *  size?: int,
+     *  date?: int,
+     *  readable?: bool,
+     *  writable?: bool,
+     *  executable?: bool,
+     *  fileperms?: int
+     * }|false
+     */
+    protected function getFileInfo(string $file, $returnedValues = ['name', 'server_path', 'size', 'date'])
+    {
+        if (! is_file($file)) {
+            return false;
+        }
+
+        if (is_string($returnedValues)) {
+            $returnedValues = explode(',', $returnedValues);
+        }
+
+        $fileInfo = [];
+
+        foreach ($returnedValues as $key) {
+            switch ($key) {
+                case 'name':
+                    $fileInfo['name'] = basename($file);
+                    break;
+
+                case 'server_path':
+                    $fileInfo['server_path'] = $file;
+                    break;
+
+                case 'size':
+                    $fileInfo['size'] = filesize($file);
+                    break;
+
+                case 'date':
+                    $fileInfo['date'] = filemtime($file);
+                    break;
+
+                case 'readable':
+                    $fileInfo['readable'] = is_readable($file);
+                    break;
+
+                case 'writable':
+                    $fileInfo['writable'] = is_writable($file);
+                    break;
+
+                case 'executable':
+                    $fileInfo['executable'] = is_executable($file);
+                    break;
+
+                case 'fileperms':
+                    $fileInfo['fileperms'] = fileperms($file);
+                    break;
+            }
+        }
+
+        return $fileInfo;
+    }
+}
diff --git a/ci4app/system/Cache/Handlers/MemcachedHandler.php b/ci4app/system/Cache/Handlers/MemcachedHandler.php
new file mode 100644
index 0000000..91ac38a
--- /dev/null
+++ b/ci4app/system/Cache/Handlers/MemcachedHandler.php
@@ -0,0 +1,268 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cache\Handlers;
+
+use CodeIgniter\Exceptions\BadMethodCallException;
+use CodeIgniter\Exceptions\CriticalError;
+use CodeIgniter\I18n\Time;
+use Config\Cache;
+use Exception;
+use Memcache;
+use Memcached;
+
+/**
+ * Mamcached cache handler
+ *
+ * @see \CodeIgniter\Cache\Handlers\MemcachedHandlerTest
+ */
+class MemcachedHandler extends BaseHandler
+{
+    /**
+     * The memcached object
+     *
+     * @var Memcache|Memcached
+     */
+    protected $memcached;
+
+    /**
+     * Memcached Configuration
+     *
+     * @var array{host: string, port: int, weight: int, raw: bool}
+     */
+    protected $config = [
+        'host'   => '127.0.0.1',
+        'port'   => 11211,
+        'weight' => 1,
+        'raw'    => false,
+    ];
+
+    /**
+     * Note: Use `CacheFactory::getHandler()` to instantiate.
+     */
+    public function __construct(Cache $config)
+    {
+        $this->prefix = $config->prefix;
+
+        $this->config = array_merge($this->config, $config->memcached);
+    }
+
+    /**
+     * Closes the connection to Memcache(d) if present.
+     */
+    public function __destruct()
+    {
+        if ($this->memcached instanceof Memcached) {
+            $this->memcached->quit();
+        } elseif ($this->memcached instanceof Memcache) {
+            $this->memcached->close();
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function initialize()
+    {
+        try {
+            if (class_exists(Memcached::class)) {
+                $this->memcached = new Memcached();
+
+                if ($this->config['raw']) {
+                    $this->memcached->setOption(Memcached::OPT_BINARY_PROTOCOL, true);
+                }
+
+                $this->memcached->addServer(
+                    $this->config['host'],
+                    $this->config['port'],
+                    $this->config['weight'],
+                );
+
+                $stats = $this->memcached->getStats();
+
+                // $stats should be an associate array with a key in the format of host:port.
+                // If it doesn't have the key, we know the server is not working as expected.
+                if (! is_array($stats) || ! isset($stats[$this->config['host'] . ':' . $this->config['port']])) {
+                    throw new CriticalError('Cache: Memcached connection failed.');
+                }
+            } elseif (class_exists(Memcache::class)) {
+                $this->memcached = new Memcache();
+
+                if (! $this->memcached->connect($this->config['host'], $this->config['port'])) {
+                    throw new CriticalError('Cache: Memcache connection failed.');
+                }
+
+                $this->memcached->addServer(
+                    $this->config['host'],
+                    $this->config['port'],
+                    true,
+                    $this->config['weight'],
+                );
+            } else {
+                throw new CriticalError('Cache: Not support Memcache(d) extension.');
+            }
+        } catch (Exception $e) {
+            throw new CriticalError('Cache: Memcache(d) connection refused (' . $e->getMessage() . ').');
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function get(string $key)
+    {
+        $data = [];
+        $key  = static::validateKey($key, $this->prefix);
+
+        if ($this->memcached instanceof Memcached) {
+            $data = $this->memcached->get($key);
+
+            // check for unmatched key
+            if ($this->memcached->getResultCode() === Memcached::RES_NOTFOUND) {
+                return null;
+            }
+        } elseif ($this->memcached instanceof Memcache) {
+            $flags = false;
+            $data  = $this->memcached->get($key, $flags);
+
+            // check for unmatched key (i.e. $flags is untouched)
+            if ($flags === false) {
+                return null;
+            }
+        }
+
+        return is_array($data) ? $data[0] : $data;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function save(string $key, $value, int $ttl = 60)
+    {
+        $key = static::validateKey($key, $this->prefix);
+
+        if (! $this->config['raw']) {
+            $value = [
+                $value,
+                Time::now()->getTimestamp(),
+                $ttl,
+            ];
+        }
+
+        if ($this->memcached instanceof Memcached) {
+            return $this->memcached->set($key, $value, $ttl);
+        }
+
+        if ($this->memcached instanceof Memcache) {
+            return $this->memcached->set($key, $value, 0, $ttl);
+        }
+
+        return false;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function delete(string $key)
+    {
+        $key = static::validateKey($key, $this->prefix);
+
+        return $this->memcached->delete($key);
+    }
+
+    /**
+     * {@inheritDoc}
+     *
+     * @return never
+     */
+    public function deleteMatching(string $pattern)
+    {
+        throw new BadMethodCallException('The deleteMatching method is not implemented for Memcached. You must select File, Redis or Predis handlers to use it.');
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function increment(string $key, int $offset = 1)
+    {
+        if (! $this->config['raw']) {
+            return false;
+        }
+
+        $key = static::validateKey($key, $this->prefix);
+
+        return $this->memcached->increment($key, $offset, $offset, 60);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function decrement(string $key, int $offset = 1)
+    {
+        if (! $this->config['raw']) {
+            return false;
+        }
+
+        $key = static::validateKey($key, $this->prefix);
+
+        // FIXME: third parameter isn't other handler actions.
+
+        return $this->memcached->decrement($key, $offset, $offset, 60);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function clean()
+    {
+        return $this->memcached->flush();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getCacheInfo()
+    {
+        return $this->memcached->getStats();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getMetaData(string $key)
+    {
+        $key    = static::validateKey($key, $this->prefix);
+        $stored = $this->memcached->get($key);
+
+        // if not an array, don't try to count for PHP7.2
+        if (! is_array($stored) || count($stored) !== 3) {
+            return false; // @TODO This will return null in a future release
+        }
+
+        [$data, $time, $limit] = $stored;
+
+        return [
+            'expire' => $limit > 0 ? $time + $limit : null,
+            'mtime'  => $time,
+            'data'   => $data,
+        ];
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function isSupported(): bool
+    {
+        return extension_loaded('memcached') || extension_loaded('memcache');
+    }
+}
diff --git a/ci4app/system/Cache/Handlers/PredisHandler.php b/ci4app/system/Cache/Handlers/PredisHandler.php
new file mode 100644
index 0000000..250ea74
--- /dev/null
+++ b/ci4app/system/Cache/Handlers/PredisHandler.php
@@ -0,0 +1,234 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cache\Handlers;
+
+use CodeIgniter\Exceptions\CriticalError;
+use CodeIgniter\I18n\Time;
+use Config\Cache;
+use Exception;
+use Predis\Client;
+use Predis\Collection\Iterator\Keyspace;
+use Predis\Response\Status;
+
+/**
+ * Predis cache handler
+ *
+ * @see \CodeIgniter\Cache\Handlers\PredisHandlerTest
+ */
+class PredisHandler extends BaseHandler
+{
+    /**
+     * Default config
+     *
+     * @var array{
+     *   scheme: string,
+     *   host: string,
+     *   password: string|null,
+     *   port: int,
+     *   timeout: int
+     * }
+     */
+    protected $config = [
+        'scheme'   => 'tcp',
+        'host'     => '127.0.0.1',
+        'password' => null,
+        'port'     => 6379,
+        'timeout'  => 0,
+    ];
+
+    /**
+     * Predis connection
+     *
+     * @var Client
+     */
+    protected $redis;
+
+    /**
+     * Note: Use `CacheFactory::getHandler()` to instantiate.
+     */
+    public function __construct(Cache $config)
+    {
+        $this->prefix = $config->prefix;
+
+        if (isset($config->redis)) {
+            $this->config = array_merge($this->config, $config->redis);
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function initialize()
+    {
+        try {
+            $this->redis = new Client($this->config, ['prefix' => $this->prefix]);
+            $this->redis->time();
+        } catch (Exception $e) {
+            throw new CriticalError('Cache: Predis connection refused (' . $e->getMessage() . ').');
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function get(string $key)
+    {
+        $key = static::validateKey($key);
+
+        $data = array_combine(
+            ['__ci_type', '__ci_value'],
+            $this->redis->hmget($key, ['__ci_type', '__ci_value']),
+        );
+
+        if (! isset($data['__ci_type'], $data['__ci_value']) || $data['__ci_value'] === false) {
+            return null;
+        }
+
+        return match ($data['__ci_type']) {
+            'array', 'object' => unserialize($data['__ci_value']),
+            // Yes, 'double' is returned and NOT 'float'
+            'boolean', 'integer', 'double', 'string', 'NULL' => settype($data['__ci_value'], $data['__ci_type']) ? $data['__ci_value'] : null,
+            default => null,
+        };
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function save(string $key, $value, int $ttl = 60)
+    {
+        $key = static::validateKey($key);
+
+        switch ($dataType = gettype($value)) {
+            case 'array':
+            case 'object':
+                $value = serialize($value);
+                break;
+
+            case 'boolean':
+            case 'integer':
+            case 'double': // Yes, 'double' is returned and NOT 'float'
+            case 'string':
+            case 'NULL':
+                break;
+
+            case 'resource':
+            default:
+                return false;
+        }
+
+        if (! $this->redis->hmset($key, ['__ci_type' => $dataType, '__ci_value' => $value]) instanceof Status) {
+            return false;
+        }
+
+        if ($ttl !== 0) {
+            $this->redis->expireat($key, Time::now()->getTimestamp() + $ttl);
+        }
+
+        return true;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function delete(string $key)
+    {
+        $key = static::validateKey($key);
+
+        return $this->redis->del($key) === 1;
+    }
+
+    /**
+     * {@inheritDoc}
+     *
+     * @return int
+     */
+    public function deleteMatching(string $pattern)
+    {
+        $matchedKeys = [];
+
+        foreach (new Keyspace($this->redis, $pattern) as $key) {
+            $matchedKeys[] = $key;
+        }
+
+        return $this->redis->del($matchedKeys);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function increment(string $key, int $offset = 1)
+    {
+        $key = static::validateKey($key);
+
+        return $this->redis->hincrby($key, 'data', $offset);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function decrement(string $key, int $offset = 1)
+    {
+        $key = static::validateKey($key);
+
+        return $this->redis->hincrby($key, 'data', -$offset);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function clean()
+    {
+        return $this->redis->flushdb()->getPayload() === 'OK';
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getCacheInfo()
+    {
+        return $this->redis->info();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getMetaData(string $key)
+    {
+        $key = static::validateKey($key);
+
+        $data = array_combine(['__ci_value'], $this->redis->hmget($key, ['__ci_value']));
+
+        if (isset($data['__ci_value']) && $data['__ci_value'] !== false) {
+            $time = Time::now()->getTimestamp();
+            $ttl  = $this->redis->ttl($key);
+
+            return [
+                'expire' => $ttl > 0 ? $time + $ttl : null,
+                'mtime'  => $time,
+                'data'   => $data['__ci_value'],
+            ];
+        }
+
+        return null;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function isSupported(): bool
+    {
+        return class_exists(Client::class);
+    }
+}
diff --git a/ci4app/system/Cache/Handlers/RedisHandler.php b/ci4app/system/Cache/Handlers/RedisHandler.php
new file mode 100644
index 0000000..3a13ee0
--- /dev/null
+++ b/ci4app/system/Cache/Handlers/RedisHandler.php
@@ -0,0 +1,264 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cache\Handlers;
+
+use CodeIgniter\Exceptions\CriticalError;
+use CodeIgniter\I18n\Time;
+use Config\Cache;
+use Redis;
+use RedisException;
+
+/**
+ * Redis cache handler
+ *
+ * @see \CodeIgniter\Cache\Handlers\RedisHandlerTest
+ */
+class RedisHandler extends BaseHandler
+{
+    /**
+     * Default config
+     *
+     * @var array{
+     *   host: string,
+     *   password: string|null,
+     *   port: int,
+     *   timeout: int,
+     *   database: int,
+     * }
+     */
+    protected $config = [
+        'host'     => '127.0.0.1',
+        'password' => null,
+        'port'     => 6379,
+        'timeout'  => 0,
+        'database' => 0,
+    ];
+
+    /**
+     * Redis connection
+     *
+     * @var Redis|null
+     */
+    protected $redis;
+
+    /**
+     * Note: Use `CacheFactory::getHandler()` to instantiate.
+     */
+    public function __construct(Cache $config)
+    {
+        $this->prefix = $config->prefix;
+
+        $this->config = array_merge($this->config, $config->redis);
+    }
+
+    /**
+     * Closes the connection to Redis if present.
+     */
+    public function __destruct()
+    {
+        if (isset($this->redis)) {
+            $this->redis->close();
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function initialize()
+    {
+        $config = $this->config;
+
+        $this->redis = new Redis();
+
+        try {
+            // Note:: If Redis is your primary cache choice, and it is "offline", every page load will end up been delayed by the timeout duration.
+            // I feel like some sort of temporary flag should be set, to indicate that we think Redis is "offline", allowing us to bypass the timeout for a set period of time.
+
+            if (! $this->redis->connect($config['host'], ($config['host'][0] === '/' ? 0 : $config['port']), $config['timeout'])) {
+                // Note:: I'm unsure if log_message() is necessary, however I'm not 100% comfortable removing it.
+                log_message('error', 'Cache: Redis connection failed. Check your configuration.');
+
+                throw new CriticalError('Cache: Redis connection failed. Check your configuration.');
+            }
+
+            if (isset($config['password']) && ! $this->redis->auth($config['password'])) {
+                log_message('error', 'Cache: Redis authentication failed.');
+
+                throw new CriticalError('Cache: Redis authentication failed.');
+            }
+
+            if (isset($config['database']) && ! $this->redis->select($config['database'])) {
+                log_message('error', 'Cache: Redis select database failed.');
+
+                throw new CriticalError('Cache: Redis select database failed.');
+            }
+        } catch (RedisException $e) {
+            throw new CriticalError('Cache: RedisException occurred with message (' . $e->getMessage() . ').');
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function get(string $key)
+    {
+        $key  = static::validateKey($key, $this->prefix);
+        $data = $this->redis->hMget($key, ['__ci_type', '__ci_value']);
+
+        if (! isset($data['__ci_type'], $data['__ci_value']) || $data['__ci_value'] === false) {
+            return null;
+        }
+
+        return match ($data['__ci_type']) {
+            'array', 'object' => unserialize($data['__ci_value']),
+            // Yes, 'double' is returned and NOT 'float'
+            'boolean', 'integer', 'double', 'string', 'NULL' => settype($data['__ci_value'], $data['__ci_type']) ? $data['__ci_value'] : null,
+            default => null,
+        };
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function save(string $key, $value, int $ttl = 60)
+    {
+        $key = static::validateKey($key, $this->prefix);
+
+        switch ($dataType = gettype($value)) {
+            case 'array':
+            case 'object':
+                $value = serialize($value);
+                break;
+
+            case 'boolean':
+            case 'integer':
+            case 'double': // Yes, 'double' is returned and NOT 'float'
+            case 'string':
+            case 'NULL':
+                break;
+
+            case 'resource':
+            default:
+                return false;
+        }
+
+        if (! $this->redis->hMset($key, ['__ci_type' => $dataType, '__ci_value' => $value])) {
+            return false;
+        }
+
+        if ($ttl !== 0) {
+            $this->redis->expireAt($key, Time::now()->getTimestamp() + $ttl);
+        }
+
+        return true;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function delete(string $key)
+    {
+        $key = static::validateKey($key, $this->prefix);
+
+        return $this->redis->del($key) === 1;
+    }
+
+    /**
+     * {@inheritDoc}
+     *
+     * @return int
+     */
+    public function deleteMatching(string $pattern)
+    {
+        /** @var list<string> $matchedKeys */
+        $matchedKeys = [];
+        $pattern     = static::validateKey($pattern, $this->prefix);
+        $iterator    = null;
+
+        do {
+            /** @var false|list<string> $keys */
+            $keys = $this->redis->scan($iterator, $pattern);
+
+            if (is_array($keys)) {
+                $matchedKeys = [...$matchedKeys, ...$keys];
+            }
+        } while ($iterator > 0);
+
+        return $this->redis->del($matchedKeys);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function increment(string $key, int $offset = 1)
+    {
+        $key = static::validateKey($key, $this->prefix);
+
+        return $this->redis->hIncrBy($key, '__ci_value', $offset);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function decrement(string $key, int $offset = 1)
+    {
+        return $this->increment($key, -$offset);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function clean()
+    {
+        return $this->redis->flushDB();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getCacheInfo()
+    {
+        return $this->redis->info();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getMetaData(string $key)
+    {
+        $value = $this->get($key);
+
+        if ($value !== null) {
+            $time = Time::now()->getTimestamp();
+            $ttl  = $this->redis->ttl(static::validateKey($key, $this->prefix));
+            assert(is_int($ttl));
+
+            return [
+                'expire' => $ttl > 0 ? $time + $ttl : null,
+                'mtime'  => $time,
+                'data'   => $value,
+            ];
+        }
+
+        return null;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function isSupported(): bool
+    {
+        return extension_loaded('redis');
+    }
+}
diff --git a/ci4app/system/Cache/Handlers/WincacheHandler.php b/ci4app/system/Cache/Handlers/WincacheHandler.php
new file mode 100644
index 0000000..d4d9770
--- /dev/null
+++ b/ci4app/system/Cache/Handlers/WincacheHandler.php
@@ -0,0 +1,152 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cache\Handlers;
+
+use CodeIgniter\Exceptions\BadMethodCallException;
+use CodeIgniter\I18n\Time;
+use Config\Cache;
+
+/**
+ * Cache handler for WinCache from Microsoft & IIS.
+ *
+ * @codeCoverageIgnore
+ */
+class WincacheHandler extends BaseHandler
+{
+    /**
+     * Note: Use `CacheFactory::getHandler()` to instantiate.
+     */
+    public function __construct(Cache $config)
+    {
+        $this->prefix = $config->prefix;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function initialize()
+    {
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function get(string $key)
+    {
+        $key     = static::validateKey($key, $this->prefix);
+        $success = false;
+
+        $data = wincache_ucache_get($key, $success);
+
+        // Success returned by reference from wincache_ucache_get()
+        return $success ? $data : null;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function save(string $key, $value, int $ttl = 60)
+    {
+        $key = static::validateKey($key, $this->prefix);
+
+        return wincache_ucache_set($key, $value, $ttl);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function delete(string $key)
+    {
+        $key = static::validateKey($key, $this->prefix);
+
+        return wincache_ucache_delete($key);
+    }
+
+    /**
+     * {@inheritDoc}
+     *
+     * @return never
+     */
+    public function deleteMatching(string $pattern)
+    {
+        throw new BadMethodCallException('The deleteMatching method is not implemented for Wincache. You must select File, Redis or Predis handlers to use it.');
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function increment(string $key, int $offset = 1)
+    {
+        $key = static::validateKey($key, $this->prefix);
+
+        return wincache_ucache_inc($key, $offset);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function decrement(string $key, int $offset = 1)
+    {
+        $key = static::validateKey($key, $this->prefix);
+
+        return wincache_ucache_dec($key, $offset);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function clean()
+    {
+        return wincache_ucache_clear();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getCacheInfo()
+    {
+        return wincache_ucache_info(true);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getMetaData(string $key)
+    {
+        $key = static::validateKey($key, $this->prefix);
+
+        if ($stored = wincache_ucache_info(false, $key)) {
+            $age      = $stored['ucache_entries'][1]['age_seconds'];
+            $ttl      = $stored['ucache_entries'][1]['ttl_seconds'];
+            $hitcount = $stored['ucache_entries'][1]['hitcount'];
+
+            return [
+                'expire'   => $ttl > 0 ? Time::now()->getTimestamp() + $ttl : null,
+                'hitcount' => $hitcount,
+                'age'      => $age,
+                'ttl'      => $ttl,
+            ];
+        }
+
+        return false; // @TODO This will return null in a future release
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function isSupported(): bool
+    {
+        return extension_loaded('wincache') && ini_get('wincache.ucenabled');
+    }
+}
diff --git a/ci4app/system/Cache/ResponseCache.php b/ci4app/system/Cache/ResponseCache.php
new file mode 100644
index 0000000..2c92dc5
--- /dev/null
+++ b/ci4app/system/Cache/ResponseCache.php
@@ -0,0 +1,148 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cache;
+
+use CodeIgniter\Exceptions\RuntimeException;
+use CodeIgniter\HTTP\CLIRequest;
+use CodeIgniter\HTTP\Header;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\ResponseInterface;
+use Config\Cache as CacheConfig;
+
+/**
+ * Web Page Caching
+ *
+ * @see \CodeIgniter\Cache\ResponseCacheTest
+ */
+final class ResponseCache
+{
+    /**
+     * Whether to take the URL query string into consideration when generating
+     * output cache files. Valid options are:
+     *
+     *    false      = Disabled
+     *    true       = Enabled, take all query parameters into account.
+     *                 Please be aware that this may result in numerous cache
+     *                 files generated for the same page over and over again.
+     *    array('q') = Enabled, but only take into account the specified list
+     *                 of query parameters.
+     *
+     * @var bool|list<string>
+     */
+    private array|bool $cacheQueryString = false;
+
+    /**
+     * Cache time to live (TTL) in seconds.
+     */
+    private int $ttl = 0;
+
+    public function __construct(CacheConfig $config, private readonly CacheInterface $cache)
+    {
+        $this->cacheQueryString = $config->cacheQueryString;
+    }
+
+    public function setTtl(int $ttl): self
+    {
+        $this->ttl = $ttl;
+
+        return $this;
+    }
+
+    /**
+     * Generates the cache key to use from the current request.
+     *
+     * @internal for testing purposes only
+     */
+    public function generateCacheKey(CLIRequest|IncomingRequest $request): string
+    {
+        if ($request instanceof CLIRequest) {
+            return md5($request->getPath());
+        }
+
+        $uri = clone $request->getUri();
+
+        $query = (bool) $this->cacheQueryString
+            ? $uri->getQuery(is_array($this->cacheQueryString) ? ['only' => $this->cacheQueryString] : [])
+            : '';
+
+        return md5($request->getMethod() . ':' . $uri->setFragment('')->setQuery($query));
+    }
+
+    /**
+     * Caches the response.
+     */
+    public function make(CLIRequest|IncomingRequest $request, ResponseInterface $response): bool
+    {
+        if ($this->ttl === 0) {
+            return true;
+        }
+
+        $headers = [];
+
+        foreach ($response->headers() as $name => $value) {
+            if ($value instanceof Header) {
+                $headers[$name] = $value->getValueLine();
+            } else {
+                foreach ($value as $header) {
+                    $headers[$name][] = $header->getValueLine();
+                }
+            }
+        }
+
+        return $this->cache->save(
+            $this->generateCacheKey($request),
+            serialize(['headers' => $headers, 'output' => $response->getBody()]),
+            $this->ttl,
+        );
+    }
+
+    /**
+     * Gets the cached response for the request.
+     */
+    public function get(CLIRequest|IncomingRequest $request, ResponseInterface $response): ?ResponseInterface
+    {
+        $cachedResponse = $this->cache->get($this->generateCacheKey($request));
+
+        if (is_string($cachedResponse) && $cachedResponse !== '') {
+            $cachedResponse = unserialize($cachedResponse);
+
+            if (
+                ! is_array($cachedResponse)
+                || ! isset($cachedResponse['output'])
+                || ! isset($cachedResponse['headers'])
+            ) {
+                throw new RuntimeException('Error unserializing page cache');
+            }
+
+            $headers = $cachedResponse['headers'];
+            $output  = $cachedResponse['output'];
+
+            // Clear all default headers
+            foreach (array_keys($response->headers()) as $key) {
+                $response->removeHeader($key);
+            }
+
+            // Set cached headers
+            foreach ($headers as $name => $value) {
+                $response->setHeader($name, $value);
+            }
+
+            $response->setBody($output);
+
+            return $response;
+        }
+
+        return null;
+    }
+}
diff --git a/ci4app/system/CodeIgniter.php b/ci4app/system/CodeIgniter.php
new file mode 100644
index 0000000..c87ff78
--- /dev/null
+++ b/ci4app/system/CodeIgniter.php
@@ -0,0 +1,1159 @@
+<?php
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter;
+
+use Closure;
+use CodeIgniter\Cache\ResponseCache;
+use CodeIgniter\Debug\Timer;
+use CodeIgniter\Events\Events;
+use CodeIgniter\Exceptions\FrameworkException;
+use CodeIgniter\Exceptions\LogicException;
+use CodeIgniter\Exceptions\PageNotFoundException;
+use CodeIgniter\Filters\Filters;
+use CodeIgniter\HTTP\CLIRequest;
+use CodeIgniter\HTTP\DownloadResponse;
+use CodeIgniter\HTTP\Exceptions\RedirectException;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\Method;
+use CodeIgniter\HTTP\RedirectResponse;
+use CodeIgniter\HTTP\Request;
+use CodeIgniter\HTTP\ResponsableInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use CodeIgniter\HTTP\URI;
+use CodeIgniter\Router\RouteCollectionInterface;
+use CodeIgniter\Router\Router;
+use Config\App;
+use Config\Cache;
+use Config\Feature;
+use Config\Kint as KintConfig;
+use Config\Services;
+use Exception;
+use Kint;
+use Kint\Renderer\CliRenderer;
+use Kint\Renderer\RichRenderer;
+use Locale;
+use Throwable;
+
+/**
+ * This class is the core of the framework, and will analyse the
+ * request, route it to a controller, and send back the response.
+ * Of course, there are variations to that flow, but this is the brains.
+ *
+ * @see \CodeIgniter\CodeIgniterTest
+ */
+class CodeIgniter
+{
+    /**
+     * The current version of CodeIgniter Framework
+     */
+    public const CI_VERSION = '4.6.3';
+
+    /**
+     * App startup time.
+     *
+     * @var float|null
+     */
+    protected $startTime;
+
+    /**
+     * Total app execution time
+     *
+     * @var float
+     */
+    protected $totalTime;
+
+    /**
+     * Main application configuration
+     *
+     * @var App
+     */
+    protected $config;
+
+    /**
+     * Timer instance.
+     *
+     * @var Timer
+     */
+    protected $benchmark;
+
+    /**
+     * Current request.
+     *
+     * @var CLIRequest|IncomingRequest|null
+     */
+    protected $request;
+
+    /**
+     * Current response.
+     *
+     * @var ResponseInterface
+     */
+    protected $response;
+
+    /**
+     * Router to use.
+     *
+     * @var Router
+     */
+    protected $router;
+
+    /**
+     * Controller to use.
+     *
+     * @var (Closure(mixed...): ResponseInterface|string)|string|null
+     */
+    protected $controller;
+
+    /**
+     * Controller method to invoke.
+     *
+     * @var string
+     */
+    protected $method;
+
+    /**
+     * Output handler to use.
+     *
+     * @var string
+     */
+    protected $output;
+
+    /**
+     * Cache expiration time
+     *
+     * @var int seconds
+     *
+     * @deprecated 4.4.0 Moved to ResponseCache::$ttl. No longer used.
+     */
+    protected static $cacheTTL = 0;
+
+    /**
+     * Context
+     *  web:     Invoked by HTTP request
+     *  php-cli: Invoked by CLI via `php public/index.php`
+     *
+     * @var 'php-cli'|'web'|null
+     */
+    protected ?string $context = null;
+
+    /**
+     * Whether to enable Control Filters.
+     */
+    protected bool $enableFilters = true;
+
+    /**
+     * Whether to return Response object or send response.
+     *
+     * @deprecated 4.4.0 No longer used.
+     */
+    protected bool $returnResponse = false;
+
+    /**
+     * Application output buffering level
+     */
+    protected int $bufferLevel;
+
+    /**
+     * Web Page Caching
+     */
+    protected ResponseCache $pageCache;
+
+    /**
+     * Constructor.
+     */
+    public function __construct(App $config)
+    {
+        $this->startTime = microtime(true);
+        $this->config    = $config;
+
+        $this->pageCache = Services::responsecache();
+    }
+
+    /**
+     * Handles some basic app and environment setup.
+     *
+     * @return void
+     */
+    public function initialize()
+    {
+        // Set default locale on the server
+        Locale::setDefault($this->config->defaultLocale ?? 'en');
+
+        // Set default timezone on the server
+        date_default_timezone_set($this->config->appTimezone ?? 'UTC');
+    }
+
+    /**
+     * Checks system for missing required PHP extensions.
+     *
+     * @return void
+     *
+     * @throws FrameworkException
+     *
+     * @codeCoverageIgnore
+     *
+     * @deprecated 4.5.0 Moved to system/bootstrap.php.
+     */
+    protected function resolvePlatformExtensions()
+    {
+        $requiredExtensions = [
+            'intl',
+            'json',
+            'mbstring',
+        ];
+
+        $missingExtensions = [];
+
+        foreach ($requiredExtensions as $extension) {
+            if (! extension_loaded($extension)) {
+                $missingExtensions[] = $extension;
+            }
+        }
+
+        if ($missingExtensions !== []) {
+            throw FrameworkException::forMissingExtension(implode(', ', $missingExtensions));
+        }
+    }
+
+    /**
+     * Initializes Kint
+     *
+     * @return void
+     *
+     * @deprecated 4.5.0 Moved to Autoloader.
+     */
+    protected function initializeKint()
+    {
+        if (CI_DEBUG) {
+            $this->autoloadKint();
+            $this->configureKint();
+        } elseif (class_exists(Kint::class)) {
+            // In case that Kint is already loaded via Composer.
+            Kint::$enabled_mode = false;
+            // @codeCoverageIgnore
+        }
+
+        helper('kint');
+    }
+
+    /**
+     * @deprecated 4.5.0 Moved to Autoloader.
+     */
+    private function autoloadKint(): void
+    {
+        // If we have KINT_DIR it means it's already loaded via composer
+        if (! defined('KINT_DIR')) {
+            spl_autoload_register(function ($class): void {
+                $class = explode('\\', $class);
+
+                if (array_shift($class) !== 'Kint') {
+                    return;
+                }
+
+                $file = SYSTEMPATH . 'ThirdParty/Kint/' . implode('/', $class) . '.php';
+
+                if (is_file($file)) {
+                    require_once $file;
+                }
+            });
+
+            require_once SYSTEMPATH . 'ThirdParty/Kint/init.php';
+        }
+    }
+
+    /**
+     * @deprecated 4.5.0 Moved to Autoloader.
+     */
+    private function configureKint(): void
+    {
+        $config = new KintConfig();
+
+        Kint::$depth_limit         = $config->maxDepth;
+        Kint::$display_called_from = $config->displayCalledFrom;
+        Kint::$expanded            = $config->expanded;
+
+        if (isset($config->plugins) && is_array($config->plugins)) {
+            Kint::$plugins = $config->plugins;
+        }
+
+        $csp = Services::csp();
+        if ($csp->enabled()) {
+            RichRenderer::$js_nonce  = $csp->getScriptNonce();
+            RichRenderer::$css_nonce = $csp->getStyleNonce();
+        }
+
+        RichRenderer::$theme  = $config->richTheme;
+        RichRenderer::$folder = $config->richFolder;
+
+        if (isset($config->richObjectPlugins) && is_array($config->richObjectPlugins)) {
+            RichRenderer::$value_plugins = $config->richObjectPlugins;
+        }
+        if (isset($config->richTabPlugins) && is_array($config->richTabPlugins)) {
+            RichRenderer::$tab_plugins = $config->richTabPlugins;
+        }
+
+        CliRenderer::$cli_colors         = $config->cliColors;
+        CliRenderer::$force_utf8         = $config->cliForceUTF8;
+        CliRenderer::$detect_width       = $config->cliDetectWidth;
+        CliRenderer::$min_terminal_width = $config->cliMinWidth;
+    }
+
+    /**
+     * Launch the application!
+     *
+     * This is "the loop" if you will. The main entry point into the script
+     * that gets the required class instances, fires off the filters,
+     * tries to route the response, loads the controller and generally
+     * makes all the pieces work together.
+     *
+     * @param bool $returnResponse Used for testing purposes only.
+     *
+     * @return ResponseInterface|null
+     */
+    public function run(?RouteCollectionInterface $routes = null, bool $returnResponse = false)
+    {
+        if ($this->context === null) {
+            throw new LogicException(
+                'Context must be set before run() is called. If you are upgrading from 4.1.x, '
+                . 'you need to merge `public/index.php` and `spark` file from `vendor/codeigniter4/framework`.',
+            );
+        }
+
+        $this->pageCache->setTtl(0);
+        $this->bufferLevel = ob_get_level();
+
+        $this->startBenchmark();
+
+        $this->getRequestObject();
+        $this->getResponseObject();
+
+        Events::trigger('pre_system');
+
+        $this->benchmark->stop('bootstrap');
+
+        $this->benchmark->start('required_before_filters');
+        // Start up the filters
+        $filters = Services::filters();
+        // Run required before filters
+        $possibleResponse = $this->runRequiredBeforeFilters($filters);
+
+        // If a ResponseInterface instance is returned then send it back to the client and stop
+        if ($possibleResponse instanceof ResponseInterface) {
+            $this->response = $possibleResponse;
+        } else {
+            try {
+                $this->response = $this->handleRequest($routes, config(Cache::class), $returnResponse);
+            } catch (ResponsableInterface $e) {
+                $this->outputBufferingEnd();
+
+                $this->response = $e->getResponse();
+            } catch (PageNotFoundException $e) {
+                $this->response = $this->display404errors($e);
+            } catch (Throwable $e) {
+                $this->outputBufferingEnd();
+
+                throw $e;
+            }
+        }
+
+        $this->runRequiredAfterFilters($filters);
+
+        // Is there a post-system event?
+        Events::trigger('post_system');
+
+        if ($returnResponse) {
+            return $this->response;
+        }
+
+        $this->sendResponse();
+
+        return null;
+    }
+
+    /**
+     * Run required before filters.
+     */
+    private function runRequiredBeforeFilters(Filters $filters): ?ResponseInterface
+    {
+        $possibleResponse = $filters->runRequired('before');
+        $this->benchmark->stop('required_before_filters');
+
+        // If a ResponseInterface instance is returned then send it back to the client and stop
+        if ($possibleResponse instanceof ResponseInterface) {
+            return $possibleResponse;
+        }
+
+        return null;
+    }
+
+    /**
+     * Run required after filters.
+     */
+    private function runRequiredAfterFilters(Filters $filters): void
+    {
+        $filters->setResponse($this->response);
+
+        // Run required after filters
+        $this->benchmark->start('required_after_filters');
+        $response = $filters->runRequired('after');
+        $this->benchmark->stop('required_after_filters');
+
+        if ($response instanceof ResponseInterface) {
+            $this->response = $response;
+        }
+    }
+
+    /**
+     * Invoked via php-cli command?
+     */
+    private function isPhpCli(): bool
+    {
+        return $this->context === 'php-cli';
+    }
+
+    /**
+     * Web access?
+     */
+    private function isWeb(): bool
+    {
+        return $this->context === 'web';
+    }
+
+    /**
+     * Disables Controller Filters.
+     */
+    public function disableFilters(): void
+    {
+        $this->enableFilters = false;
+    }
+
+    /**
+     * Handles the main request logic and fires the controller.
+     *
+     * @return ResponseInterface
+     *
+     * @throws PageNotFoundException
+     * @throws RedirectException
+     *
+     * @deprecated $returnResponse is deprecated.
+     */
+    protected function handleRequest(?RouteCollectionInterface $routes, Cache $cacheConfig, bool $returnResponse = false)
+    {
+        if ($this->request instanceof IncomingRequest && $this->request->getMethod() === 'CLI') {
+            return $this->response->setStatusCode(405)->setBody('Method Not Allowed');
+        }
+
+        $routeFilters = $this->tryToRouteIt($routes);
+
+        // $uri is URL-encoded.
+        $uri = $this->request->getPath();
+
+        if ($this->enableFilters) {
+            /** @var Filters $filters */
+            $filters = service('filters');
+
+            // If any filters were specified within the routes file,
+            // we need to ensure it's active for the current request
+            if ($routeFilters !== null) {
+                $filters->enableFilters($routeFilters, 'before');
+
+                $oldFilterOrder = config(Feature::class)->oldFilterOrder ?? false;
+                if (! $oldFilterOrder) {
+                    $routeFilters = array_reverse($routeFilters);
+                }
+
+                $filters->enableFilters($routeFilters, 'after');
+            }
+
+            // Run "before" filters
+            $this->benchmark->start('before_filters');
+            $possibleResponse = $filters->run($uri, 'before');
+            $this->benchmark->stop('before_filters');
+
+            // If a ResponseInterface instance is returned then send it back to the client and stop
+            if ($possibleResponse instanceof ResponseInterface) {
+                $this->outputBufferingEnd();
+
+                return $possibleResponse;
+            }
+
+            if ($possibleResponse instanceof IncomingRequest || $possibleResponse instanceof CLIRequest) {
+                $this->request = $possibleResponse;
+            }
+        }
+
+        $returned = $this->startController();
+
+        // Closure controller has run in startController().
+        if (! is_callable($this->controller)) {
+            $controller = $this->createController();
+
+            if (! method_exists($controller, '_remap') && ! is_callable([$controller, $this->method], false)) {
+                throw PageNotFoundException::forMethodNotFound($this->method);
+            }
+
+            // Is there a "post_controller_constructor" event?
+            Events::trigger('post_controller_constructor');
+
+            $returned = $this->runController($controller);
+        } else {
+            $this->benchmark->stop('controller_constructor');
+            $this->benchmark->stop('controller');
+        }
+
+        // If $returned is a string, then the controller output something,
+        // probably a view, instead of echoing it directly. Send it along
+        // so it can be used with the output.
+        $this->gatherOutput($cacheConfig, $returned);
+
+        if ($this->enableFilters) {
+            /** @var Filters $filters */
+            $filters = service('filters');
+            $filters->setResponse($this->response);
+
+            // Run "after" filters
+            $this->benchmark->start('after_filters');
+            $response = $filters->run($uri, 'after');
+            $this->benchmark->stop('after_filters');
+
+            if ($response instanceof ResponseInterface) {
+                $this->response = $response;
+            }
+        }
+
+        // Skip unnecessary processing for special Responses.
+        if (
+            ! $this->response instanceof DownloadResponse
+            && ! $this->response instanceof RedirectResponse
+        ) {
+            // Save our current URI as the previous URI in the session
+            // for safer, more accurate use with `previous_url()` helper function.
+            $this->storePreviousURL(current_url(true));
+        }
+
+        unset($uri);
+
+        return $this->response;
+    }
+
+    /**
+     * You can load different configurations depending on your
+     * current environment. Setting the environment also influences
+     * things like logging and error reporting.
+     *
+     * This can be set to anything, but default usage is:
+     *
+     *     development
+     *     testing
+     *     production
+     *
+     * @codeCoverageIgnore
+     *
+     * @return void
+     *
+     * @deprecated 4.4.0 No longer used. Moved to index.php and spark.
+     */
+    protected function detectEnvironment()
+    {
+        // Make sure ENVIRONMENT isn't already set by other means.
+        if (! defined('ENVIRONMENT')) {
+            define('ENVIRONMENT', env('CI_ENVIRONMENT', 'production'));
+        }
+    }
+
+    /**
+     * Load any custom boot files based upon the current environment.
+     *
+     * If no boot file exists, we shouldn't continue because something
+     * is wrong. At the very least, they should have error reporting setup.
+     *
+     * @return void
+     *
+     * @deprecated 4.5.0 Moved to system/bootstrap.php.
+     */
+    protected function bootstrapEnvironment()
+    {
+        if (is_file(APPPATH . 'Config/Boot/' . ENVIRONMENT . '.php')) {
+            require_once APPPATH . 'Config/Boot/' . ENVIRONMENT . '.php';
+        } else {
+            // @codeCoverageIgnoreStart
+            header('HTTP/1.1 503 Service Unavailable.', true, 503);
+            echo 'The application environment is not set correctly.';
+
+            exit(EXIT_ERROR); // EXIT_ERROR
+            // @codeCoverageIgnoreEnd
+        }
+    }
+
+    /**
+     * Start the Benchmark
+     *
+     * The timer is used to display total script execution both in the
+     * debug toolbar, and potentially on the displayed page.
+     *
+     * @return void
+     */
+    protected function startBenchmark()
+    {
+        if ($this->startTime === null) {
+            $this->startTime = microtime(true);
+        }
+
+        $this->benchmark = Services::timer();
+        $this->benchmark->start('total_execution', $this->startTime);
+        $this->benchmark->start('bootstrap');
+    }
+
+    /**
+     * Sets a Request object to be used for this request.
+     * Used when running certain tests.
+     *
+     * @param CLIRequest|IncomingRequest $request
+     *
+     * @return $this
+     *
+     * @internal Used for testing purposes only.
+     * @testTag
+     */
+    public function setRequest($request)
+    {
+        $this->request = $request;
+
+        return $this;
+    }
+
+    /**
+     * Get our Request object, (either IncomingRequest or CLIRequest).
+     *
+     * @return void
+     */
+    protected function getRequestObject()
+    {
+        if ($this->request instanceof Request) {
+            $this->spoofRequestMethod();
+
+            return;
+        }
+
+        if ($this->isPhpCli()) {
+            Services::createRequest($this->config, true);
+        } else {
+            Services::createRequest($this->config);
+        }
+
+        $this->request = service('request');
+
+        $this->spoofRequestMethod();
+    }
+
+    /**
+     * Get our Response object, and set some default values, including
+     * the HTTP protocol version and a default successful response.
+     *
+     * @return void
+     */
+    protected function getResponseObject()
+    {
+        $this->response = Services::response($this->config);
+
+        if ($this->isWeb()) {
+            $this->response->setProtocolVersion($this->request->getProtocolVersion());
+        }
+
+        // Assume success until proven otherwise.
+        $this->response->setStatusCode(200);
+    }
+
+    /**
+     * Force Secure Site Access? If the config value 'forceGlobalSecureRequests'
+     * is true, will enforce that all requests to this site are made through
+     * HTTPS. Will redirect the user to the current page with HTTPS, as well
+     * as set the HTTP Strict Transport Security header for those browsers
+     * that support it.
+     *
+     * @param int $duration How long the Strict Transport Security
+     *                      should be enforced for this URL.
+     *
+     * @return void
+     *
+     * @deprecated 4.5.0 No longer used. Moved to ForceHTTPS filter.
+     */
+    protected function forceSecureAccess($duration = 31_536_000)
+    {
+        if ($this->config->forceGlobalSecureRequests !== true) {
+            return;
+        }
+
+        force_https($duration, $this->request, $this->response);
+    }
+
+    /**
+     * Determines if a response has been cached for the given URI.
+     *
+     * @return false|ResponseInterface
+     *
+     * @throws Exception
+     *
+     * @deprecated 4.5.0 PageCache required filter is used. No longer used.
+     * @deprecated 4.4.2 The parameter $config is deprecated. No longer used.
+     */
+    public function displayCache(Cache $config)
+    {
+        $cachedResponse = $this->pageCache->get($this->request, $this->response);
+        if ($cachedResponse instanceof ResponseInterface) {
+            $this->response = $cachedResponse;
+
+            $this->totalTime = $this->benchmark->getElapsedTime('total_execution');
+            $output          = $this->displayPerformanceMetrics($cachedResponse->getBody());
+            $this->response->setBody($output);
+
+            return $this->response;
+        }
+
+        return false;
+    }
+
+    /**
+     * Tells the app that the final output should be cached.
+     *
+     * @deprecated 4.4.0 Moved to ResponseCache::setTtl(). No longer used.
+     *
+     * @return void
+     */
+    public static function cache(int $time)
+    {
+        static::$cacheTTL = $time;
+    }
+
+    /**
+     * Caches the full response from the current request. Used for
+     * full-page caching for very high performance.
+     *
+     * @return bool
+     *
+     * @deprecated 4.4.0 No longer used.
+     */
+    public function cachePage(Cache $config)
+    {
+        $headers = [];
+
+        foreach ($this->response->headers() as $header) {
+            $headers[$header->getName()] = $header->getValueLine();
+        }
+
+        return cache()->save($this->generateCacheName($config), serialize(['headers' => $headers, 'output' => $this->output]), static::$cacheTTL);
+    }
+
+    /**
+     * Returns an array with our basic performance stats collected.
+     */
+    public function getPerformanceStats(): array
+    {
+        // After filter debug toolbar requires 'total_execution'.
+        $this->totalTime = $this->benchmark->getElapsedTime('total_execution');
+
+        return [
+            'startTime' => $this->startTime,
+            'totalTime' => $this->totalTime,
+        ];
+    }
+
+    /**
+     * Generates the cache name to use for our full-page caching.
+     *
+     * @deprecated 4.4.0 No longer used.
+     */
+    protected function generateCacheName(Cache $config): string
+    {
+        if ($this->request instanceof CLIRequest) {
+            return md5($this->request->getPath());
+        }
+
+        $uri = clone $this->request->getUri();
+
+        $query = $config->cacheQueryString
+            ? $uri->getQuery(is_array($config->cacheQueryString) ? ['only' => $config->cacheQueryString] : [])
+            : '';
+
+        return md5((string) $uri->setFragment('')->setQuery($query));
+    }
+
+    /**
+     * Replaces the elapsed_time and memory_usage tag.
+     *
+     * @deprecated 4.5.0 PerformanceMetrics required filter is used. No longer used.
+     */
+    public function displayPerformanceMetrics(string $output): string
+    {
+        return str_replace(
+            ['{elapsed_time}', '{memory_usage}'],
+            [(string) $this->totalTime, number_format(memory_get_peak_usage() / 1024 / 1024, 3)],
+            $output,
+        );
+    }
+
+    /**
+     * Try to Route It - As it sounds like, works with the router to
+     * match a route against the current URI. If the route is a
+     * "redirect route", will also handle the redirect.
+     *
+     * @param RouteCollectionInterface|null $routes A collection interface to use in place
+     *                                              of the config file.
+     *
+     * @return list<string>|string|null Route filters, that is, the filters specified in the routes file
+     *
+     * @throws RedirectException
+     */
+    protected function tryToRouteIt(?RouteCollectionInterface $routes = null)
+    {
+        $this->benchmark->start('routing');
+
+        if (! $routes instanceof RouteCollectionInterface) {
+            $routes = service('routes')->loadRoutes();
+        }
+
+        // $routes is defined in Config/Routes.php
+        $this->router = Services::router($routes, $this->request);
+
+        // $uri is URL-encoded.
+        $uri = $this->request->getPath();
+
+        $this->outputBufferingStart();
+
+        $this->controller = $this->router->handle($uri);
+        $this->method     = $this->router->methodName();
+
+        // If a {locale} segment was matched in the final route,
+        // then we need to set the correct locale on our Request.
+        if ($this->router->hasLocale()) {
+            $this->request->setLocale($this->router->getLocale());
+        }
+
+        $this->benchmark->stop('routing');
+
+        return $this->router->getFilters();
+    }
+
+    /**
+     * Determines the path to use for us to try to route to, based
+     * on the CLI/IncomingRequest path.
+     *
+     * @return string
+     *
+     * @deprecated 4.5.0 No longer used.
+     */
+    protected function determinePath()
+    {
+        return $this->request->getPath();
+    }
+
+    /**
+     * Now that everything has been setup, this method attempts to run the
+     * controller method and make the script go. If it's not able to, will
+     * show the appropriate Page Not Found error.
+     *
+     * @return ResponseInterface|string|null
+     */
+    protected function startController()
+    {
+        $this->benchmark->start('controller');
+        $this->benchmark->start('controller_constructor');
+
+        // Is it routed to a Closure?
+        if (is_object($this->controller) && ($this->controller::class === 'Closure')) {
+            $controller = $this->controller;
+
+            return $controller(...$this->router->params());
+        }
+
+        // No controller specified - we don't know what to do now.
+        if (! isset($this->controller)) {
+            throw PageNotFoundException::forEmptyController();
+        }
+
+        // Try to autoload the class
+        if (
+            ! class_exists($this->controller, true)
+            || ($this->method[0] === '_' && $this->method !== '__invoke')
+        ) {
+            throw PageNotFoundException::forControllerNotFound($this->controller, $this->method);
+        }
+
+        return null;
+    }
+
+    /**
+     * Instantiates the controller class.
+     *
+     * @return Controller
+     */
+    protected function createController()
+    {
+        assert(is_string($this->controller));
+
+        $class = new $this->controller();
+        $class->initController($this->request, $this->response, Services::logger());
+
+        $this->benchmark->stop('controller_constructor');
+
+        return $class;
+    }
+
+    /**
+     * Runs the controller, allowing for _remap methods to function.
+     *
+     * CI4 supports three types of requests:
+     *  1. Web: URI segments become parameters, sent to Controllers via Routes,
+     *      output controlled by Headers to browser
+     *  2. PHP CLI: accessed by CLI via php public/index.php, arguments become URI segments,
+     *      sent to Controllers via Routes, output varies
+     *
+     * @param Controller $class
+     *
+     * @return false|ResponseInterface|string|void
+     */
+    protected function runController($class)
+    {
+        // This is a Web request or PHP CLI request
+        $params = $this->router->params();
+
+        // The controller method param types may not be string.
+        // So cannot set `declare(strict_types=1)` in this file.
+        $output = method_exists($class, '_remap')
+            ? $class->_remap($this->method, ...$params)
+            : $class->{$this->method}(...$params);
+
+        $this->benchmark->stop('controller');
+
+        return $output;
+    }
+
+    /**
+     * Displays a 404 Page Not Found error. If set, will try to
+     * call the 404Override controller/method that was set in routing config.
+     *
+     * @return ResponseInterface|void
+     */
+    protected function display404errors(PageNotFoundException $e)
+    {
+        $this->response->setStatusCode($e->getCode());
+
+        // Is there a 404 Override available?
+        $override = $this->router->get404Override();
+
+        if ($override !== null) {
+            $returned = null;
+
+            if ($override instanceof Closure) {
+                echo $override($e->getMessage());
+            } elseif (is_array($override)) {
+                $this->benchmark->start('controller');
+                $this->benchmark->start('controller_constructor');
+
+                $this->controller = $override[0];
+                $this->method     = $override[1];
+
+                $controller = $this->createController();
+
+                $returned = $controller->{$this->method}($e->getMessage());
+
+                $this->benchmark->stop('controller');
+            }
+
+            unset($override);
+
+            $cacheConfig = config(Cache::class);
+            $this->gatherOutput($cacheConfig, $returned);
+
+            return $this->response;
+        }
+
+        $this->outputBufferingEnd();
+
+        // Throws new PageNotFoundException and remove exception message on production.
+        throw PageNotFoundException::forPageNotFound(
+            (ENVIRONMENT !== 'production' || ! $this->isWeb()) ? $e->getMessage() : null,
+        );
+    }
+
+    /**
+     * Gathers the script output from the buffer, replaces some execution
+     * time tag in the output and displays the debug toolbar, if required.
+     *
+     * @param Cache|null                    $cacheConfig Deprecated. No longer used.
+     * @param ResponseInterface|string|null $returned
+     *
+     * @deprecated $cacheConfig is deprecated.
+     *
+     * @return void
+     */
+    protected function gatherOutput(?Cache $cacheConfig = null, $returned = null)
+    {
+        $this->output = $this->outputBufferingEnd();
+
+        if ($returned instanceof DownloadResponse) {
+            $this->response = $returned;
+
+            return;
+        }
+        // If the controller returned a response object,
+        // we need to grab the body from it so it can
+        // be added to anything else that might have been
+        // echoed already.
+        // We also need to save the instance locally
+        // so that any status code changes, etc, take place.
+        if ($returned instanceof ResponseInterface) {
+            $this->response = $returned;
+            $returned       = $returned->getBody();
+        }
+
+        if (is_string($returned)) {
+            $this->output .= $returned;
+        }
+
+        $this->response->setBody($this->output);
+    }
+
+    /**
+     * If we have a session object to use, store the current URI
+     * as the previous URI. This is called just prior to sending the
+     * response to the client, and will make it available next request.
+     *
+     * This helps provider safer, more reliable previous_url() detection.
+     *
+     * @param string|URI $uri
+     *
+     * @return void
+     */
+    public function storePreviousURL($uri)
+    {
+        // Ignore CLI requests
+        if (! $this->isWeb()) {
+            return;
+        }
+        // Ignore AJAX requests
+        if (method_exists($this->request, 'isAJAX') && $this->request->isAJAX()) {
+            return;
+        }
+
+        // Ignore unroutable responses
+        if ($this->response instanceof DownloadResponse || $this->response instanceof RedirectResponse) {
+            return;
+        }
+
+        // Ignore non-HTML responses
+        if (! str_contains($this->response->getHeaderLine('Content-Type'), 'text/html')) {
+            return;
+        }
+
+        // This is mainly needed during testing...
+        if (is_string($uri)) {
+            $uri = new URI($uri);
+        }
+
+        if (isset($_SESSION)) {
+            session()->set('_ci_previous_url', URI::createURIString(
+                $uri->getScheme(),
+                $uri->getAuthority(),
+                $uri->getPath(),
+                $uri->getQuery(),
+                $uri->getFragment(),
+            ));
+        }
+    }
+
+    /**
+     * Modifies the Request Object to use a different method if a POST
+     * variable called _method is found.
+     *
+     * @return void
+     */
+    public function spoofRequestMethod()
+    {
+        // Only works with POSTED forms
+        if ($this->request->getMethod() !== Method::POST) {
+            return;
+        }
+
+        $method = $this->request->getPost('_method');
+
+        if ($method === null) {
+            return;
+        }
+
+        // Only allows PUT, PATCH, DELETE
+        if (in_array($method, [Method::PUT, Method::PATCH, Method::DELETE], true)) {
+            $this->request = $this->request->setMethod($method);
+        }
+    }
+
+    /**
+     * Sends the output of this request back to the client.
+     * This is what they've been waiting for!
+     *
+     * @return void
+     */
+    protected function sendResponse()
+    {
+        $this->response->send();
+    }
+
+    /**
+     * Exits the application, setting the exit code for CLI-based applications
+     * that might be watching.
+     *
+     * Made into a separate method so that it can be mocked during testing
+     * without actually stopping script execution.
+     *
+     * @param int $code
+     *
+     * @deprecated 4.4.0 No longer Used. Moved to index.php.
+     *
+     * @return void
+     */
+    protected function callExit($code)
+    {
+        exit($code); // @codeCoverageIgnore
+    }
+
+    /**
+     * Sets the app context.
+     *
+     * @param 'php-cli'|'web' $context
+     *
+     * @return $this
+     */
+    public function setContext(string $context)
+    {
+        $this->context = $context;
+
+        return $this;
+    }
+
+    protected function outputBufferingStart(): void
+    {
+        $this->bufferLevel = ob_get_level();
+        ob_start();
+    }
+
+    protected function outputBufferingEnd(): string
+    {
+        $buffer = '';
+
+        while (ob_get_level() > $this->bufferLevel) {
+            $buffer .= ob_get_contents();
+            ob_end_clean();
+        }
+
+        return $buffer;
+    }
+}
diff --git a/ci4app/system/Commands/Cache/ClearCache.php b/ci4app/system/Commands/Cache/ClearCache.php
new file mode 100644
index 0000000..e1180c2
--- /dev/null
+++ b/ci4app/system/Commands/Cache/ClearCache.php
@@ -0,0 +1,90 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Cache;
+
+use CodeIgniter\Cache\CacheFactory;
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use Config\Cache;
+
+/**
+ * Clears current cache.
+ */
+class ClearCache extends BaseCommand
+{
+    /**
+     * Command grouping.
+     *
+     * @var string
+     */
+    protected $group = 'Cache';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'cache:clear';
+
+    /**
+     * the Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Clears the current system caches.';
+
+    /**
+     * the Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'cache:clear [<driver>]';
+
+    /**
+     * the Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'driver' => 'The cache driver to use',
+    ];
+
+    /**
+     * Clears the cache
+     */
+    public function run(array $params)
+    {
+        $config  = config(Cache::class);
+        $handler = $params[0] ?? $config->handler;
+
+        if (! array_key_exists($handler, $config->validHandlers)) {
+            CLI::error($handler . ' is not a valid cache handler.');
+
+            return;
+        }
+
+        $config->handler = $handler;
+        $cache           = CacheFactory::getHandler($config);
+
+        if (! $cache->clean()) {
+            // @codeCoverageIgnoreStart
+            CLI::error('Error while clearing the cache.');
+
+            return;
+            // @codeCoverageIgnoreEnd
+        }
+
+        CLI::write(CLI::color('Cache cleared.', 'green'));
+    }
+}
diff --git a/ci4app/system/Commands/Cache/InfoCache.php b/ci4app/system/Commands/Cache/InfoCache.php
new file mode 100644
index 0000000..abeabd7
--- /dev/null
+++ b/ci4app/system/Commands/Cache/InfoCache.php
@@ -0,0 +1,91 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Cache;
+
+use CodeIgniter\Cache\CacheFactory;
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\I18n\Time;
+use Config\Cache;
+
+/**
+ * Shows information on the cache.
+ */
+class InfoCache extends BaseCommand
+{
+    /**
+     * Command grouping.
+     *
+     * @var string
+     */
+    protected $group = 'Cache';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'cache:info';
+
+    /**
+     * the Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Shows file cache information in the current system.';
+
+    /**
+     * the Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'cache:info';
+
+    /**
+     * Clears the cache
+     */
+    public function run(array $params)
+    {
+        $config = config(Cache::class);
+        helper('number');
+
+        if ($config->handler !== 'file') {
+            CLI::error('This command only supports the file cache handler.');
+
+            return;
+        }
+
+        $cache  = CacheFactory::getHandler($config);
+        $caches = $cache->getCacheInfo();
+        $tbody  = [];
+
+        foreach ($caches as $key => $field) {
+            $tbody[] = [
+                $key,
+                clean_path($field['server_path']),
+                number_to_size($field['size']),
+                Time::createFromTimestamp($field['date']),
+            ];
+        }
+
+        $thead = [
+            CLI::color('Name', 'green'),
+            CLI::color('Server Path', 'green'),
+            CLI::color('Size', 'green'),
+            CLI::color('Date', 'green'),
+        ];
+
+        CLI::table($tbody, $thead);
+    }
+}
diff --git a/ci4app/system/Commands/Database/CreateDatabase.php b/ci4app/system/Commands/Database/CreateDatabase.php
new file mode 100644
index 0000000..0c8d201
--- /dev/null
+++ b/ci4app/system/Commands/Database/CreateDatabase.php
@@ -0,0 +1,154 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Database;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\Config\Factories;
+use CodeIgniter\Database\SQLite3\Connection;
+use Config\Database;
+use Throwable;
+
+/**
+ * Creates a new database.
+ */
+class CreateDatabase extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'Database';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'db:create';
+
+    /**
+     * the Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Create a new database schema.';
+
+    /**
+     * the Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'db:create <db_name> [options]';
+
+    /**
+     * The Command's arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'db_name' => 'The database name to use',
+    ];
+
+    /**
+     * The Command's options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--ext' => 'File extension of the database file for SQLite3. Can be `db` or `sqlite`. Defaults to `db`.',
+    ];
+
+    /**
+     * Creates a new database.
+     */
+    public function run(array $params)
+    {
+        $name = array_shift($params);
+
+        if (empty($name)) {
+            $name = CLI::prompt('Database name', null, 'required'); // @codeCoverageIgnore
+        }
+
+        try {
+            $config = config(Database::class);
+
+            // Set to an empty database to prevent connection errors.
+            $group = ENVIRONMENT === 'testing' ? 'tests' : $config->defaultGroup;
+
+            $config->{$group}['database'] = '';
+
+            $db = Database::connect();
+
+            // Special SQLite3 handling
+            if ($db instanceof Connection) {
+                $ext = $params['ext'] ?? CLI::getOption('ext') ?? 'db';
+
+                if (! in_array($ext, ['db', 'sqlite'], true)) {
+                    $ext = CLI::prompt('Please choose a valid file extension', ['db', 'sqlite']); // @codeCoverageIgnore
+                }
+
+                if ($name !== ':memory:') {
+                    $name = str_replace(['.db', '.sqlite'], '', $name) . ".{$ext}";
+                }
+
+                $config->{$group}['DBDriver'] = 'SQLite3';
+                $config->{$group}['database'] = $name;
+
+                if ($name !== ':memory:') {
+                    $dbName = ! str_contains($name, DIRECTORY_SEPARATOR) ? WRITEPATH . $name : $name;
+
+                    if (is_file($dbName)) {
+                        CLI::error("Database \"{$dbName}\" already exists.", 'light_gray', 'red');
+                        CLI::newLine();
+
+                        return;
+                    }
+
+                    unset($dbName);
+                }
+
+                // Connect to new SQLite3 to create new database
+                $db = Database::connect(null, false);
+                $db->connect();
+
+                if (! is_file($db->getDatabase()) && $name !== ':memory:') {
+                    // @codeCoverageIgnoreStart
+                    CLI::error('Database creation failed.', 'light_gray', 'red');
+                    CLI::newLine();
+
+                    return;
+                    // @codeCoverageIgnoreEnd
+                }
+            } elseif (! Database::forge()->createDatabase($name)) {
+                // @codeCoverageIgnoreStart
+                CLI::error('Database creation failed.', 'light_gray', 'red');
+                CLI::newLine();
+
+                return;
+                // @codeCoverageIgnoreEnd
+            }
+
+            CLI::write("Database \"{$name}\" successfully created.", 'green');
+            CLI::newLine();
+        } catch (Throwable $e) {
+            $this->showError($e);
+        } finally {
+            Factories::reset('config');
+            Database::connect(null, false);
+        }
+    }
+}
diff --git a/ci4app/system/Commands/Database/Migrate.php b/ci4app/system/Commands/Database/Migrate.php
new file mode 100644
index 0000000..b422e4a
--- /dev/null
+++ b/ci4app/system/Commands/Database/Migrate.php
@@ -0,0 +1,103 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Database;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use Throwable;
+
+/**
+ * Runs all new migrations.
+ */
+class Migrate extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'Database';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'migrate';
+
+    /**
+     * the Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Locates and runs all new migrations against the database.';
+
+    /**
+     * the Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'migrate [options]';
+
+    /**
+     * the Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '-n'    => 'Set migration namespace',
+        '-g'    => 'Set database group',
+        '--all' => 'Set for all namespaces, will ignore (-n) option',
+    ];
+
+    /**
+     * Ensures that all migrations have been run.
+     */
+    public function run(array $params)
+    {
+        $runner = service('migrations');
+        $runner->clearCliMessages();
+
+        CLI::write(lang('Migrations.latest'), 'yellow');
+
+        $namespace = $params['n'] ?? CLI::getOption('n');
+        $group     = $params['g'] ?? CLI::getOption('g');
+
+        try {
+            if (array_key_exists('all', $params) || CLI::getOption('all')) {
+                $runner->setNamespace(null);
+            } elseif ($namespace) {
+                $runner->setNamespace($namespace);
+            }
+
+            if (! $runner->latest($group)) {
+                CLI::error(lang('Migrations.generalFault'), 'light_gray', 'red'); // @codeCoverageIgnore
+            }
+
+            $messages = $runner->getCliMessages();
+
+            foreach ($messages as $message) {
+                CLI::write($message);
+            }
+
+            CLI::write(lang('Migrations.migrated'), 'green');
+
+            // @codeCoverageIgnoreStart
+        } catch (Throwable $e) {
+            $this->showError($e);
+            // @codeCoverageIgnoreEnd
+        }
+    }
+}
diff --git a/ci4app/system/Commands/Database/MigrateRefresh.php b/ci4app/system/Commands/Database/MigrateRefresh.php
new file mode 100644
index 0000000..e5e8a6d
--- /dev/null
+++ b/ci4app/system/Commands/Database/MigrateRefresh.php
@@ -0,0 +1,89 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Database;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+
+/**
+ * Does a rollback followed by a latest to refresh the current state
+ * of the database.
+ */
+class MigrateRefresh extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'Database';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'migrate:refresh';
+
+    /**
+     * the Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Does a rollback followed by a latest to refresh the current state of the database.';
+
+    /**
+     * the Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'migrate:refresh [options]';
+
+    /**
+     * the Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '-n'    => 'Set migration namespace',
+        '-g'    => 'Set database group',
+        '--all' => 'Set latest for all namespace, will ignore (-n) option',
+        '-f'    => 'Force command - this option allows you to bypass the confirmation question when running this command in a production environment',
+    ];
+
+    /**
+     * Does a rollback followed by a latest to refresh the current state
+     * of the database.
+     */
+    public function run(array $params)
+    {
+        $params['b'] = 0;
+
+        if (ENVIRONMENT === 'production') {
+            // @codeCoverageIgnoreStart
+            $force = array_key_exists('f', $params) || CLI::getOption('f');
+
+            if (! $force && CLI::prompt(lang('Migrations.refreshConfirm'), ['y', 'n']) === 'n') {
+                return;
+            }
+
+            $params['f'] = null;
+            // @codeCoverageIgnoreEnd
+        }
+
+        $this->call('migrate:rollback', $params);
+        $this->call('migrate', $params);
+    }
+}
diff --git a/ci4app/system/Commands/Database/MigrateRollback.php b/ci4app/system/Commands/Database/MigrateRollback.php
new file mode 100644
index 0000000..cb6cbe3
--- /dev/null
+++ b/ci4app/system/Commands/Database/MigrateRollback.php
@@ -0,0 +1,121 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Database;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\Database\MigrationRunner;
+use Throwable;
+
+/**
+ * Runs all of the migrations in reverse order, until they have
+ * all been unapplied.
+ */
+class MigrateRollback extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'Database';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'migrate:rollback';
+
+    /**
+     * the Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Runs the "down" method for all migrations in the last batch.';
+
+    /**
+     * the Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'migrate:rollback [options]';
+
+    /**
+     * the Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '-b' => 'Specify a batch to roll back to; e.g. "3" to return to batch #3',
+        '-f' => 'Force command - this option allows you to bypass the confirmation question when running this command in a production environment',
+    ];
+
+    /**
+     * Runs all of the migrations in reverse order, until they have
+     * all been unapplied.
+     */
+    public function run(array $params)
+    {
+        if (ENVIRONMENT === 'production') {
+            // @codeCoverageIgnoreStart
+            $force = array_key_exists('f', $params) || CLI::getOption('f');
+
+            if (! $force && CLI::prompt(lang('Migrations.rollBackConfirm'), ['y', 'n']) === 'n') {
+                return null;
+            }
+            // @codeCoverageIgnoreEnd
+        }
+
+        /** @var MigrationRunner $runner */
+        $runner = service('migrations');
+
+        try {
+            $batch = $params['b'] ?? CLI::getOption('b') ?? $runner->getLastBatch() - 1;
+
+            if (is_string($batch)) {
+                if (! ctype_digit($batch)) {
+                    CLI::error('Invalid batch number: ' . $batch, 'light_gray', 'red');
+                    CLI::newLine();
+
+                    return EXIT_ERROR;
+                }
+
+                $batch = (int) $batch;
+            }
+
+            CLI::write(lang('Migrations.rollingBack') . ' ' . $batch, 'yellow');
+
+            if (! $runner->regress($batch)) {
+                CLI::error(lang('Migrations.generalFault'), 'light_gray', 'red'); // @codeCoverageIgnore
+            }
+
+            $messages = $runner->getCliMessages();
+
+            foreach ($messages as $message) {
+                CLI::write($message);
+            }
+
+            CLI::write('Done rolling back migrations.', 'green');
+
+            // @codeCoverageIgnoreStart
+        } catch (Throwable $e) {
+            $this->showError($e);
+            // @codeCoverageIgnoreEnd
+        }
+
+        return null;
+    }
+}
diff --git a/ci4app/system/Commands/Database/MigrateStatus.php b/ci4app/system/Commands/Database/MigrateStatus.php
new file mode 100644
index 0000000..9506c2e
--- /dev/null
+++ b/ci4app/system/Commands/Database/MigrateStatus.php
@@ -0,0 +1,168 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Database;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+
+/**
+ * Displays a list of all migrations and whether they've been run or not.
+ *
+ * @see \CodeIgniter\Commands\Database\MigrateStatusTest
+ */
+class MigrateStatus extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'Database';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'migrate:status';
+
+    /**
+     * the Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Displays a list of all migrations and whether they\'ve been run or not.';
+
+    /**
+     * the Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'migrate:status [options]';
+
+    /**
+     * the Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '-g' => 'Set database group',
+    ];
+
+    /**
+     * Namespaces to ignore when looking for migrations.
+     *
+     * @var list<string>
+     */
+    protected $ignoredNamespaces = [
+        'CodeIgniter',
+        'Config',
+        'Kint',
+        'Laminas\ZendFrameworkBridge',
+        'Laminas\Escaper',
+        'Psr\Log',
+    ];
+
+    /**
+     * Displays a list of all migrations and whether they've been run or not.
+     *
+     * @param array<string, mixed> $params
+     */
+    public function run(array $params)
+    {
+        $runner     = service('migrations');
+        $paramGroup = $params['g'] ?? CLI::getOption('g');
+
+        // Get all namespaces
+        $namespaces = service('autoloader')->getNamespace();
+
+        // Collection of migration status
+        $status = [];
+
+        foreach (array_keys($namespaces) as $namespace) {
+            if (ENVIRONMENT !== 'testing') {
+                // Make Tests\\Support discoverable for testing
+                $this->ignoredNamespaces[] = 'Tests\Support'; // @codeCoverageIgnore
+            }
+
+            if (in_array($namespace, $this->ignoredNamespaces, true)) {
+                continue;
+            }
+
+            if (APP_NAMESPACE !== 'App' && $namespace === 'App') {
+                continue; // @codeCoverageIgnore
+            }
+
+            $migrations = $runner->findNamespaceMigrations($namespace);
+
+            if (empty($migrations)) {
+                continue;
+            }
+
+            $runner->setNamespace($namespace);
+            $history = $runner->getHistory((string) $paramGroup);
+            ksort($migrations);
+
+            foreach ($migrations as $uid => $migration) {
+                $migrations[$uid]->name = mb_substr($migration->name, (int) mb_strpos($migration->name, $uid . '_'));
+
+                $date  = '---';
+                $group = '---';
+                $batch = '---';
+
+                foreach ($history as $row) {
+                    // @codeCoverageIgnoreStart
+                    if ($runner->getObjectUid($row) !== $migration->uid) {
+                        continue;
+                    }
+
+                    $date  = date('Y-m-d H:i:s', (int) $row->time);
+                    $group = $row->group;
+                    $batch = $row->batch;
+                    // @codeCoverageIgnoreEnd
+                }
+
+                $status[] = [
+                    $namespace,
+                    $migration->version,
+                    $migration->name,
+                    $group,
+                    $date,
+                    $batch,
+                ];
+            }
+        }
+
+        if ($status === []) {
+            // @codeCoverageIgnoreStart
+            CLI::error(lang('Migrations.noneFound'), 'light_gray', 'red');
+            CLI::newLine();
+
+            return;
+            // @codeCoverageIgnoreEnd
+        }
+
+        $headers = [
+            CLI::color(lang('Migrations.namespace'), 'yellow'),
+            CLI::color(lang('Migrations.version'), 'yellow'),
+            CLI::color(lang('Migrations.filename'), 'yellow'),
+            CLI::color(lang('Migrations.group'), 'yellow'),
+            CLI::color(str_replace(': ', '', lang('Migrations.on')), 'yellow'),
+            CLI::color(lang('Migrations.batch'), 'yellow'),
+        ];
+
+        CLI::table($status, $headers);
+    }
+}
diff --git a/ci4app/system/Commands/Database/Seed.php b/ci4app/system/Commands/Database/Seed.php
new file mode 100644
index 0000000..fc1c0f1
--- /dev/null
+++ b/ci4app/system/Commands/Database/Seed.php
@@ -0,0 +1,84 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Database;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\Database\Seeder;
+use Config\Database;
+use Throwable;
+
+/**
+ * Runs the specified Seeder file to populate the database
+ * with some data.
+ */
+class Seed extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'Database';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'db:seed';
+
+    /**
+     * the Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Runs the specified seeder to populate known data into the database.';
+
+    /**
+     * the Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'db:seed <seeder_name>';
+
+    /**
+     * the Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'seeder_name' => 'The seeder name to run',
+    ];
+
+    /**
+     * Passes to Seeder to populate the database.
+     */
+    public function run(array $params)
+    {
+        $seeder   = new Seeder(new Database());
+        $seedName = array_shift($params);
+
+        if (empty($seedName)) {
+            $seedName = CLI::prompt(lang('Migrations.migSeeder'), null, 'required'); // @codeCoverageIgnore
+        }
+
+        try {
+            $seeder->call($seedName);
+        } catch (Throwable $e) {
+            $this->showError($e);
+        }
+    }
+}
diff --git a/ci4app/system/Commands/Database/ShowTableInfo.php b/ci4app/system/Commands/Database/ShowTableInfo.php
new file mode 100644
index 0000000..390bf58
--- /dev/null
+++ b/ci4app/system/Commands/Database/ShowTableInfo.php
@@ -0,0 +1,346 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Database;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\Database\BaseConnection;
+use CodeIgniter\Database\TableName;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use Config\Database;
+
+/**
+ * Get table data if it exists in the database.
+ *
+ * @see \CodeIgniter\Commands\Database\ShowTableInfoTest
+ */
+class ShowTableInfo extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'Database';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'db:table';
+
+    /**
+     * the Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Retrieves information on the selected table.';
+
+    /**
+     * the Command's usage
+     *
+     * @var string
+     */
+    protected $usage = <<<'EOL'
+        db:table [<table_name>] [options]
+
+          Examples:
+            db:table --show
+            db:table --metadata
+            db:table my_table --metadata
+            db:table my_table
+            db:table my_table --limit-rows 5 --limit-field-value 10 --desc
+        EOL;
+
+    /**
+     * The Command's arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'table_name' => 'The table name to show info',
+    ];
+
+    /**
+     * The Command's options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--show'              => 'Lists the names of all database tables.',
+        '--metadata'          => 'Retrieves list containing field information.',
+        '--desc'              => 'Sorts the table rows in DESC order.',
+        '--limit-rows'        => 'Limits the number of rows. Default: 10.',
+        '--limit-field-value' => 'Limits the length of field values. Default: 15.',
+        '--dbgroup'           => 'Database group to show.',
+    ];
+
+    /**
+     * @var list<list<int|string>> Table Data.
+     */
+    private array $tbody;
+
+    private ?BaseConnection $db = null;
+
+    /**
+     * @var bool Sort the table rows in DESC order or not.
+     */
+    private bool $sortDesc = false;
+
+    private string $DBPrefix;
+
+    public function run(array $params)
+    {
+        $dbGroup = $params['dbgroup'] ?? CLI::getOption('dbgroup');
+
+        try {
+            $this->db = Database::connect($dbGroup);
+        } catch (InvalidArgumentException $e) {
+            CLI::error($e->getMessage());
+
+            return EXIT_ERROR;
+        }
+
+        $this->DBPrefix = $this->db->getPrefix();
+
+        $this->showDBConfig();
+
+        $tables = $this->db->listTables();
+
+        if (array_key_exists('desc', $params)) {
+            $this->sortDesc = true;
+        }
+
+        if ($tables === []) {
+            CLI::error('Database has no tables!', 'light_gray', 'red');
+            CLI::newLine();
+
+            return EXIT_ERROR;
+        }
+
+        if (array_key_exists('show', $params)) {
+            $this->showAllTables($tables);
+
+            return EXIT_ERROR;
+        }
+
+        $tableName       = $params[0] ?? null;
+        $limitRows       = (int) ($params['limit-rows'] ?? 10);
+        $limitFieldValue = (int) ($params['limit-field-value'] ?? 15);
+
+        while (! in_array($tableName, $tables, true)) {
+            $tableNameNo = CLI::promptByKey(
+                ['Here is the list of your database tables:', 'Which table do you want to see?'],
+                $tables,
+                'required',
+            );
+            CLI::newLine();
+
+            $tableName = $tables[$tableNameNo] ?? null;
+        }
+
+        if (array_key_exists('metadata', $params)) {
+            $this->showFieldMetaData($tableName);
+
+            return EXIT_SUCCESS;
+        }
+
+        $this->showDataOfTable($tableName, $limitRows, $limitFieldValue);
+
+        return EXIT_SUCCESS;
+    }
+
+    private function showDBConfig(): void
+    {
+        $data = [[
+            'hostname' => $this->db->hostname,
+            'database' => $this->db->getDatabase(),
+            'username' => $this->db->username,
+            'DBDriver' => $this->db->getPlatform(),
+            'DBPrefix' => $this->DBPrefix,
+            'port'     => $this->db->port,
+        ]];
+        CLI::table(
+            $data,
+            ['hostname', 'database', 'username', 'DBDriver', 'DBPrefix', 'port'],
+        );
+    }
+
+    private function removeDBPrefix(): void
+    {
+        $this->db->setPrefix('');
+    }
+
+    private function restoreDBPrefix(): void
+    {
+        $this->db->setPrefix($this->DBPrefix);
+    }
+
+    /**
+     * Show Data of Table
+     *
+     * @return void
+     */
+    private function showDataOfTable(string $tableName, int $limitRows, int $limitFieldValue)
+    {
+        CLI::write("Data of Table \"{$tableName}\":", 'black', 'yellow');
+        CLI::newLine();
+
+        $this->removeDBPrefix();
+        $thead = $this->db->getFieldNames(TableName::fromActualName($this->db->DBPrefix, $tableName));
+        $this->restoreDBPrefix();
+
+        // If there is a field named `id`, sort by it.
+        $sortField = null;
+        if (in_array('id', $thead, true)) {
+            $sortField = 'id';
+        }
+
+        $this->tbody = $this->makeTableRows($tableName, $limitRows, $limitFieldValue, $sortField);
+        CLI::table($this->tbody, $thead);
+    }
+
+    /**
+     * Show All Tables
+     *
+     * @param list<string> $tables
+     *
+     * @return void
+     */
+    private function showAllTables(array $tables)
+    {
+        CLI::write('The following is a list of the names of all database tables:', 'black', 'yellow');
+        CLI::newLine();
+
+        $thead       = ['ID', 'Table Name', 'Num of Rows', 'Num of Fields'];
+        $this->tbody = $this->makeTbodyForShowAllTables($tables);
+
+        CLI::table($this->tbody, $thead);
+        CLI::newLine();
+    }
+
+    /**
+     * Make body for table
+     *
+     * @param list<string> $tables
+     *
+     * @return list<list<int|string>>
+     */
+    private function makeTbodyForShowAllTables(array $tables): array
+    {
+        $this->removeDBPrefix();
+
+        foreach ($tables  as $id => $tableName) {
+            $table = $this->db->protectIdentifiers($tableName);
+            $db    = $this->db->query("SELECT * FROM {$table}");
+
+            $this->tbody[] = [
+                $id + 1,
+                $tableName,
+                $db->getNumRows(),
+                $db->getFieldCount(),
+            ];
+        }
+
+        $this->restoreDBPrefix();
+
+        if ($this->sortDesc) {
+            krsort($this->tbody);
+        }
+
+        return $this->tbody;
+    }
+
+    /**
+     * Make table rows
+     *
+     * @return list<list<int|string>>
+     */
+    private function makeTableRows(
+        string $tableName,
+        int $limitRows,
+        int $limitFieldValue,
+        ?string $sortField = null,
+    ): array {
+        $this->tbody = [];
+
+        $this->removeDBPrefix();
+        $builder = $this->db->table(TableName::fromActualName($this->db->DBPrefix, $tableName));
+        $builder->limit($limitRows);
+        if ($sortField !== null) {
+            $builder->orderBy($sortField, $this->sortDesc ? 'DESC' : 'ASC');
+        }
+        $rows = $builder->get()->getResultArray();
+        $this->restoreDBPrefix();
+
+        foreach ($rows as $row) {
+            $row = array_map(
+                static fn ($item): string => mb_strlen((string) $item) > $limitFieldValue
+                    ? mb_substr((string) $item, 0, $limitFieldValue) . '...'
+                    : (string) $item,
+                $row,
+            );
+            $this->tbody[] = $row;
+        }
+
+        if ($sortField === null && $this->sortDesc) {
+            krsort($this->tbody);
+        }
+
+        return $this->tbody;
+    }
+
+    private function showFieldMetaData(string $tableName): void
+    {
+        CLI::write("List of Metadata Information in Table \"{$tableName}\":", 'black', 'yellow');
+        CLI::newLine();
+
+        $thead = ['Field Name', 'Type', 'Max Length', 'Nullable', 'Default', 'Primary Key'];
+
+        $this->removeDBPrefix();
+        $fields = $this->db->getFieldData($tableName);
+        $this->restoreDBPrefix();
+
+        foreach ($fields as $row) {
+            $this->tbody[] = [
+                $row->name,
+                $row->type,
+                $row->max_length,
+                isset($row->nullable) ? $this->setYesOrNo($row->nullable) : 'n/a',
+                $row->default,
+                isset($row->primary_key) ? $this->setYesOrNo($row->primary_key) : 'n/a',
+            ];
+        }
+
+        if ($this->sortDesc) {
+            krsort($this->tbody);
+        }
+
+        CLI::table($this->tbody, $thead);
+    }
+
+    /**
+     * @param bool|int|string|null $fieldValue
+     */
+    private function setYesOrNo($fieldValue): string
+    {
+        if ((bool) $fieldValue) {
+            return CLI::color('Yes', 'green');
+        }
+
+        return CLI::color('No', 'red');
+    }
+}
diff --git a/ci4app/system/Commands/Encryption/GenerateKey.php b/ci4app/system/Commands/Encryption/GenerateKey.php
new file mode 100644
index 0000000..a3fdbd4
--- /dev/null
+++ b/ci4app/system/Commands/Encryption/GenerateKey.php
@@ -0,0 +1,205 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Encryption;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\Config\DotEnv;
+use CodeIgniter\Encryption\Encryption;
+
+/**
+ * Generates a new encryption key.
+ */
+class GenerateKey extends BaseCommand
+{
+    /**
+     * The Command's group.
+     *
+     * @var string
+     */
+    protected $group = 'Encryption';
+
+    /**
+     * The Command's name.
+     *
+     * @var string
+     */
+    protected $name = 'key:generate';
+
+    /**
+     * The Command's usage.
+     *
+     * @var string
+     */
+    protected $usage = 'key:generate [options]';
+
+    /**
+     * The Command's short description.
+     *
+     * @var string
+     */
+    protected $description = 'Generates a new encryption key and writes it in an `.env` file.';
+
+    /**
+     * The command's options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--force'  => 'Force overwrite existing key in `.env` file.',
+        '--length' => 'The length of the random string that should be returned in bytes. Defaults to 32.',
+        '--prefix' => 'Prefix to prepend to encoded key (either hex2bin or base64). Defaults to hex2bin.',
+        '--show'   => 'Shows the generated key in the terminal instead of storing in the `.env` file.',
+    ];
+
+    /**
+     * Actually execute the command.
+     */
+    public function run(array $params)
+    {
+        $prefix = $params['prefix'] ?? CLI::getOption('prefix');
+
+        if (in_array($prefix, [null, true], true)) {
+            $prefix = 'hex2bin';
+        } elseif (! in_array($prefix, ['hex2bin', 'base64'], true)) {
+            $prefix = CLI::prompt('Please provide a valid prefix to use.', ['hex2bin', 'base64'], 'required'); // @codeCoverageIgnore
+        }
+
+        $length = $params['length'] ?? CLI::getOption('length');
+
+        if (in_array($length, [null, true], true)) {
+            $length = 32;
+        }
+
+        $encodedKey = $this->generateRandomKey($prefix, $length);
+
+        if (array_key_exists('show', $params) || (bool) CLI::getOption('show')) {
+            CLI::write($encodedKey, 'yellow');
+            CLI::newLine();
+
+            return;
+        }
+
+        if (! $this->setNewEncryptionKey($encodedKey, $params)) {
+            CLI::write('Error in setting new encryption key to .env file.', 'light_gray', 'red');
+            CLI::newLine();
+
+            return;
+        }
+
+        // force DotEnv to reload the new env vars
+        putenv('encryption.key');
+        unset($_ENV['encryption.key'], $_SERVER['encryption.key']);
+        $dotenv = new DotEnv(ROOTPATH);
+        $dotenv->load();
+
+        CLI::write('Application\'s new encryption key was successfully set.', 'green');
+        CLI::newLine();
+    }
+
+    /**
+     * Generates a key and encodes it.
+     */
+    protected function generateRandomKey(string $prefix, int $length): string
+    {
+        $key = Encryption::createKey($length);
+
+        if ($prefix === 'hex2bin') {
+            return 'hex2bin:' . bin2hex($key);
+        }
+
+        return 'base64:' . base64_encode($key);
+    }
+
+    /**
+     * Sets the new encryption key in your .env file.
+     *
+     * @param array<int|string, string|null> $params
+     */
+    protected function setNewEncryptionKey(string $key, array $params): bool
+    {
+        $currentKey = env('encryption.key', '');
+
+        if ($currentKey !== '' && ! $this->confirmOverwrite($params)) {
+            // Not yet testable since it requires keyboard input
+            return false; // @codeCoverageIgnore
+        }
+
+        return $this->writeNewEncryptionKeyToFile($currentKey, $key);
+    }
+
+    /**
+     * Checks whether to overwrite existing encryption key.
+     *
+     * @param array<int|string, string|null> $params
+     */
+    protected function confirmOverwrite(array $params): bool
+    {
+        return (array_key_exists('force', $params) || CLI::getOption('force')) || CLI::prompt('Overwrite existing key?', ['n', 'y']) === 'y';
+    }
+
+    /**
+     * Writes the new encryption key to .env file.
+     */
+    protected function writeNewEncryptionKeyToFile(string $oldKey, string $newKey): bool
+    {
+        $baseEnv = ROOTPATH . 'env';
+        $envFile = ROOTPATH . '.env';
+
+        if (! is_file($envFile)) {
+            if (! is_file($baseEnv)) {
+                CLI::write('Both default shipped `env` file and custom `.env` are missing.', 'yellow');
+                CLI::write('Here\'s your new key instead: ' . CLI::color($newKey, 'yellow'));
+                CLI::newLine();
+
+                return false;
+            }
+
+            copy($baseEnv, $envFile);
+        }
+
+        $oldFileContents = (string) file_get_contents($envFile);
+        $replacementKey  = "\nencryption.key = {$newKey}";
+
+        if (! str_contains($oldFileContents, 'encryption.key')) {
+            return file_put_contents($envFile, $replacementKey, FILE_APPEND) !== false;
+        }
+
+        $newFileContents = preg_replace($this->keyPattern($oldKey), $replacementKey, $oldFileContents);
+
+        if ($newFileContents === $oldFileContents) {
+            $newFileContents = preg_replace(
+                '/^[#\s]*encryption.key[=\s]*(?:hex2bin\:[a-f0-9]{64}|base64\:(?:[A-Za-z0-9+\/]{4})*(?:[A-Za-z0-9+\/]{2}==|[A-Za-z0-9+\/]{3}=)?)$/m',
+                $replacementKey,
+                $oldFileContents,
+            );
+        }
+
+        return file_put_contents($envFile, $newFileContents) !== false;
+    }
+
+    /**
+     * Get the regex of the current encryption key.
+     */
+    protected function keyPattern(string $oldKey): string
+    {
+        $escaped = preg_quote($oldKey, '/');
+
+        if ($escaped !== '') {
+            $escaped = "[{$escaped}]*";
+        }
+
+        return "/^[#\\s]*encryption.key[=\\s]*{$escaped}$/m";
+    }
+}
diff --git a/ci4app/system/Commands/Generators/CellGenerator.php b/ci4app/system/Commands/Generators/CellGenerator.php
new file mode 100644
index 0000000..04c5bd8
--- /dev/null
+++ b/ci4app/system/Commands/Generators/CellGenerator.php
@@ -0,0 +1,107 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Generators;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\GeneratorTrait;
+use Config\Generators;
+
+/**
+ * Generates a skeleton Cell and its view.
+ */
+class CellGenerator extends BaseCommand
+{
+    use GeneratorTrait;
+
+    /**
+     * The Command's Group
+     *
+     * @var string
+     */
+    protected $group = 'Generators';
+
+    /**
+     * The Command's Name
+     *
+     * @var string
+     */
+    protected $name = 'make:cell';
+
+    /**
+     * The Command's Description
+     *
+     * @var string
+     */
+    protected $description = 'Generates a new Controlled Cell file and its view.';
+
+    /**
+     * The Command's Usage
+     *
+     * @var string
+     */
+    protected $usage = 'make:cell <name> [options]';
+
+    /**
+     * The Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'name' => 'The Controlled Cell class name.',
+    ];
+
+    /**
+     * The Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--namespace' => 'Set root namespace. Default: "APP_NAMESPACE".',
+        '--force'     => 'Force overwrite existing file.',
+    ];
+
+    /**
+     * Actually execute a command.
+     */
+    public function run(array $params)
+    {
+        $this->component = 'Cell';
+        $this->directory = 'Cells';
+
+        $params = array_merge($params, ['suffix' => null]);
+
+        $this->templatePath  = config(Generators::class)->views[$this->name]['class'];
+        $this->template      = 'cell.tpl.php';
+        $this->classNameLang = 'CLI.generator.className.cell';
+
+        $this->generateClass($params);
+
+        $this->templatePath  = config(Generators::class)->views[$this->name]['view'];
+        $this->template      = 'cell_view.tpl.php';
+        $this->classNameLang = 'CLI.generator.viewName.cell';
+
+        $className = $this->qualifyClassName();
+        $viewName  = decamelize(class_basename($className));
+        $viewName  = preg_replace(
+            '/([a-z][a-z0-9_\/\\\\]+)(_cell)$/i',
+            '$1',
+            $viewName,
+        ) ?? $viewName;
+        $namespace = substr($className, 0, strrpos($className, '\\') + 1);
+
+        $this->generateView($namespace . $viewName, $params);
+
+        return 0;
+    }
+}
diff --git a/ci4app/system/Commands/Generators/CommandGenerator.php b/ci4app/system/Commands/Generators/CommandGenerator.php
new file mode 100644
index 0000000..a0872f6
--- /dev/null
+++ b/ci4app/system/Commands/Generators/CommandGenerator.php
@@ -0,0 +1,121 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Generators;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\CLI\GeneratorTrait;
+
+/**
+ * Generates a skeleton command file.
+ */
+class CommandGenerator extends BaseCommand
+{
+    use GeneratorTrait;
+
+    /**
+     * The Command's Group
+     *
+     * @var string
+     */
+    protected $group = 'Generators';
+
+    /**
+     * The Command's Name
+     *
+     * @var string
+     */
+    protected $name = 'make:command';
+
+    /**
+     * The Command's Description
+     *
+     * @var string
+     */
+    protected $description = 'Generates a new spark command.';
+
+    /**
+     * The Command's Usage
+     *
+     * @var string
+     */
+    protected $usage = 'make:command <name> [options]';
+
+    /**
+     * The Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'name' => 'The command class name.',
+    ];
+
+    /**
+     * The Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--command'   => 'The command name. Default: "command:name"',
+        '--type'      => 'The command type. Options [basic, generator]. Default: "basic".',
+        '--group'     => 'The command group. Default: [basic -> "App", generator -> "Generators"].',
+        '--namespace' => 'Set root namespace. Default: "APP_NAMESPACE".',
+        '--suffix'    => 'Append the component title to the class name (e.g. User => UserCommand).',
+        '--force'     => 'Force overwrite existing file.',
+    ];
+
+    /**
+     * Actually execute a command.
+     */
+    public function run(array $params)
+    {
+        $this->component = 'Command';
+        $this->directory = 'Commands';
+        $this->template  = 'command.tpl.php';
+
+        $this->classNameLang = 'CLI.generator.className.command';
+        $this->generateClass($params);
+    }
+
+    /**
+     * Prepare options and do the necessary replacements.
+     */
+    protected function prepare(string $class): string
+    {
+        $command = $this->getOption('command');
+        $group   = $this->getOption('group');
+        $type    = $this->getOption('type');
+
+        $command = is_string($command) ? $command : 'command:name';
+        $type    = is_string($type) ? $type : 'basic';
+
+        if (! in_array($type, ['basic', 'generator'], true)) {
+            // @codeCoverageIgnoreStart
+            $type = CLI::prompt(lang('CLI.generator.commandType'), ['basic', 'generator'], 'required');
+            CLI::newLine();
+            // @codeCoverageIgnoreEnd
+        }
+
+        if (! is_string($group)) {
+            $group = $type === 'generator' ? 'Generators' : 'App';
+        }
+
+        return $this->parseTemplate(
+            $class,
+            ['{group}', '{command}'],
+            [$group, $command],
+            ['type' => $type],
+        );
+    }
+}
diff --git a/ci4app/system/Commands/Generators/ConfigGenerator.php b/ci4app/system/Commands/Generators/ConfigGenerator.php
new file mode 100644
index 0000000..7b1d5f2
--- /dev/null
+++ b/ci4app/system/Commands/Generators/ConfigGenerator.php
@@ -0,0 +1,100 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Generators;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\GeneratorTrait;
+
+/**
+ * Generates a skeleton config file.
+ */
+class ConfigGenerator extends BaseCommand
+{
+    use GeneratorTrait;
+
+    /**
+     * The Command's Group
+     *
+     * @var string
+     */
+    protected $group = 'Generators';
+
+    /**
+     * The Command's Name
+     *
+     * @var string
+     */
+    protected $name = 'make:config';
+
+    /**
+     * The Command's Description
+     *
+     * @var string
+     */
+    protected $description = 'Generates a new config file.';
+
+    /**
+     * The Command's Usage
+     *
+     * @var string
+     */
+    protected $usage = 'make:config <name> [options]';
+
+    /**
+     * The Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'name' => 'The config class name.',
+    ];
+
+    /**
+     * The Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--namespace' => 'Set root namespace. Default: "APP_NAMESPACE".',
+        '--suffix'    => 'Append the component title to the class name (e.g. User => UserConfig).',
+        '--force'     => 'Force overwrite existing file.',
+    ];
+
+    /**
+     * Actually execute a command.
+     */
+    public function run(array $params)
+    {
+        $this->component = 'Config';
+        $this->directory = 'Config';
+        $this->template  = 'config.tpl.php';
+
+        $this->classNameLang = 'CLI.generator.className.config';
+        $this->generateClass($params);
+    }
+
+    /**
+     * Prepare options and do the necessary replacements.
+     */
+    protected function prepare(string $class): string
+    {
+        $namespace = $this->getOption('namespace') ?? APP_NAMESPACE;
+
+        if ($namespace === APP_NAMESPACE) {
+            $class = substr($class, strlen($namespace . '\\'));
+        }
+
+        return $this->parseTemplate($class);
+    }
+}
diff --git a/ci4app/system/Commands/Generators/ControllerGenerator.php b/ci4app/system/Commands/Generators/ControllerGenerator.php
new file mode 100644
index 0000000..287f92f
--- /dev/null
+++ b/ci4app/system/Commands/Generators/ControllerGenerator.php
@@ -0,0 +1,136 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Generators;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\CLI\GeneratorTrait;
+use CodeIgniter\Controller;
+use CodeIgniter\RESTful\ResourceController;
+use CodeIgniter\RESTful\ResourcePresenter;
+
+/**
+ * Generates a skeleton controller file.
+ */
+class ControllerGenerator extends BaseCommand
+{
+    use GeneratorTrait;
+
+    /**
+     * The Command's Group
+     *
+     * @var string
+     */
+    protected $group = 'Generators';
+
+    /**
+     * The Command's Name
+     *
+     * @var string
+     */
+    protected $name = 'make:controller';
+
+    /**
+     * The Command's Description
+     *
+     * @var string
+     */
+    protected $description = 'Generates a new controller file.';
+
+    /**
+     * The Command's Usage
+     *
+     * @var string
+     */
+    protected $usage = 'make:controller <name> [options]';
+
+    /**
+     * The Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'name' => 'The controller class name.',
+    ];
+
+    /**
+     * The Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--bare'      => 'Extends from CodeIgniter\Controller instead of BaseController.',
+        '--restful'   => 'Extends from a RESTful resource, Options: [controller, presenter]. Default: "controller".',
+        '--namespace' => 'Set root namespace. Default: "APP_NAMESPACE".',
+        '--suffix'    => 'Append the component title to the class name (e.g. User => UserController).',
+        '--force'     => 'Force overwrite existing file.',
+    ];
+
+    /**
+     * Actually execute a command.
+     */
+    public function run(array $params)
+    {
+        $this->component = 'Controller';
+        $this->directory = 'Controllers';
+        $this->template  = 'controller.tpl.php';
+
+        $this->classNameLang = 'CLI.generator.className.controller';
+        $this->generateClass($params);
+    }
+
+    /**
+     * Prepare options and do the necessary replacements.
+     */
+    protected function prepare(string $class): string
+    {
+        $bare = $this->getOption('bare');
+        $rest = $this->getOption('restful');
+
+        $useStatement = trim(APP_NAMESPACE, '\\') . '\Controllers\BaseController';
+        $extends      = 'BaseController';
+
+        // Gets the appropriate parent class to extend.
+        if ($bare || $rest) {
+            if ($bare) {
+                $useStatement = Controller::class;
+                $extends      = 'Controller';
+            } elseif ($rest) {
+                $rest = is_string($rest) ? $rest : 'controller';
+
+                if (! in_array($rest, ['controller', 'presenter'], true)) {
+                    // @codeCoverageIgnoreStart
+                    $rest = CLI::prompt(lang('CLI.generator.parentClass'), ['controller', 'presenter'], 'required');
+                    CLI::newLine();
+                    // @codeCoverageIgnoreEnd
+                }
+
+                if ($rest === 'controller') {
+                    $useStatement = ResourceController::class;
+                    $extends      = 'ResourceController';
+                } elseif ($rest === 'presenter') {
+                    $useStatement = ResourcePresenter::class;
+                    $extends      = 'ResourcePresenter';
+                }
+            }
+        }
+
+        return $this->parseTemplate(
+            $class,
+            ['{useStatement}', '{extends}'],
+            [$useStatement, $extends],
+            ['type' => $rest],
+        );
+    }
+}
diff --git a/ci4app/system/Commands/Generators/EntityGenerator.php b/ci4app/system/Commands/Generators/EntityGenerator.php
new file mode 100644
index 0000000..09c3505
--- /dev/null
+++ b/ci4app/system/Commands/Generators/EntityGenerator.php
@@ -0,0 +1,86 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Generators;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\GeneratorTrait;
+
+/**
+ * Generates a skeleton Entity file.
+ */
+class EntityGenerator extends BaseCommand
+{
+    use GeneratorTrait;
+
+    /**
+     * The Command's Group
+     *
+     * @var string
+     */
+    protected $group = 'Generators';
+
+    /**
+     * The Command's Name
+     *
+     * @var string
+     */
+    protected $name = 'make:entity';
+
+    /**
+     * The Command's Description
+     *
+     * @var string
+     */
+    protected $description = 'Generates a new entity file.';
+
+    /**
+     * The Command's Usage
+     *
+     * @var string
+     */
+    protected $usage = 'make:entity <name> [options]';
+
+    /**
+     * The Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'name' => 'The entity class name.',
+    ];
+
+    /**
+     * The Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--namespace' => 'Set root namespace. Default: "APP_NAMESPACE".',
+        '--suffix'    => 'Append the component title to the class name (e.g. User => UserEntity).',
+        '--force'     => 'Force overwrite existing file.',
+    ];
+
+    /**
+     * Actually execute a command.
+     */
+    public function run(array $params)
+    {
+        $this->component = 'Entity';
+        $this->directory = 'Entities';
+        $this->template  = 'entity.tpl.php';
+
+        $this->classNameLang = 'CLI.generator.className.entity';
+        $this->generateClass($params);
+    }
+}
diff --git a/ci4app/system/Commands/Generators/FilterGenerator.php b/ci4app/system/Commands/Generators/FilterGenerator.php
new file mode 100644
index 0000000..c723da3
--- /dev/null
+++ b/ci4app/system/Commands/Generators/FilterGenerator.php
@@ -0,0 +1,86 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Generators;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\GeneratorTrait;
+
+/**
+ * Generates a skeleton Filter file.
+ */
+class FilterGenerator extends BaseCommand
+{
+    use GeneratorTrait;
+
+    /**
+     * The Command's Group
+     *
+     * @var string
+     */
+    protected $group = 'Generators';
+
+    /**
+     * The Command's Name
+     *
+     * @var string
+     */
+    protected $name = 'make:filter';
+
+    /**
+     * The Command's Description
+     *
+     * @var string
+     */
+    protected $description = 'Generates a new filter file.';
+
+    /**
+     * The Command's Usage
+     *
+     * @var string
+     */
+    protected $usage = 'make:filter <name> [options]';
+
+    /**
+     * The Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'name' => 'The filter class name.',
+    ];
+
+    /**
+     * The Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--namespace' => 'Set root namespace. Default: "APP_NAMESPACE".',
+        '--suffix'    => 'Append the component title to the class name (e.g. User => UserFilter).',
+        '--force'     => 'Force overwrite existing file.',
+    ];
+
+    /**
+     * Actually execute a command.
+     */
+    public function run(array $params)
+    {
+        $this->component = 'Filter';
+        $this->directory = 'Filters';
+        $this->template  = 'filter.tpl.php';
+
+        $this->classNameLang = 'CLI.generator.className.filter';
+        $this->generateClass($params);
+    }
+}
diff --git a/ci4app/system/Commands/Generators/MigrationGenerator.php b/ci4app/system/Commands/Generators/MigrationGenerator.php
new file mode 100644
index 0000000..b5e64ec
--- /dev/null
+++ b/ci4app/system/Commands/Generators/MigrationGenerator.php
@@ -0,0 +1,128 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Generators;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\CLI\GeneratorTrait;
+use Config\Database;
+use Config\Migrations;
+use Config\Session as SessionConfig;
+
+/**
+ * Generates a skeleton migration file.
+ */
+class MigrationGenerator extends BaseCommand
+{
+    use GeneratorTrait;
+
+    /**
+     * The Command's Group
+     *
+     * @var string
+     */
+    protected $group = 'Generators';
+
+    /**
+     * The Command's Name
+     *
+     * @var string
+     */
+    protected $name = 'make:migration';
+
+    /**
+     * The Command's Description
+     *
+     * @var string
+     */
+    protected $description = 'Generates a new migration file.';
+
+    /**
+     * The Command's Usage
+     *
+     * @var string
+     */
+    protected $usage = 'make:migration <name> [options]';
+
+    /**
+     * The Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'name' => 'The migration class name.',
+    ];
+
+    /**
+     * The Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--session'   => 'Generates the migration file for database sessions.',
+        '--table'     => 'Table name to use for database sessions. Default: "ci_sessions".',
+        '--dbgroup'   => 'Database group to use for database sessions. Default: "default".',
+        '--namespace' => 'Set root namespace. Default: "APP_NAMESPACE".',
+        '--suffix'    => 'Append the component title to the class name (e.g. User => UserMigration).',
+    ];
+
+    /**
+     * Actually execute a command.
+     */
+    public function run(array $params)
+    {
+        $this->component = 'Migration';
+        $this->directory = 'Database\Migrations';
+        $this->template  = 'migration.tpl.php';
+
+        if (array_key_exists('session', $params) || CLI::getOption('session')) {
+            $table     = $params['table'] ?? CLI::getOption('table') ?? 'ci_sessions';
+            $params[0] = "_create_{$table}_table";
+        }
+
+        $this->classNameLang = 'CLI.generator.className.migration';
+        $this->generateClass($params);
+    }
+
+    /**
+     * Prepare options and do the necessary replacements.
+     */
+    protected function prepare(string $class): string
+    {
+        $data            = [];
+        $data['session'] = false;
+
+        if ($this->getOption('session')) {
+            $table   = $this->getOption('table');
+            $DBGroup = $this->getOption('dbgroup');
+
+            $data['session']  = true;
+            $data['table']    = is_string($table) ? $table : 'ci_sessions';
+            $data['DBGroup']  = is_string($DBGroup) ? $DBGroup : 'default';
+            $data['DBDriver'] = config(Database::class)->{$data['DBGroup']}['DBDriver'];
+
+            $data['matchIP'] = config(SessionConfig::class)->matchIP;
+        }
+
+        return $this->parseTemplate($class, [], [], $data);
+    }
+
+    /**
+     * Change file basename before saving.
+     */
+    protected function basename(string $filename): string
+    {
+        return gmdate(config(Migrations::class)->timestampFormat) . basename($filename);
+    }
+}
diff --git a/ci4app/system/Commands/Generators/ModelGenerator.php b/ci4app/system/Commands/Generators/ModelGenerator.php
new file mode 100644
index 0000000..5450bda
--- /dev/null
+++ b/ci4app/system/Commands/Generators/ModelGenerator.php
@@ -0,0 +1,135 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Generators;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\CLI\GeneratorTrait;
+
+/**
+ * Generates a skeleton Model file.
+ */
+class ModelGenerator extends BaseCommand
+{
+    use GeneratorTrait;
+
+    /**
+     * The Command's Group
+     *
+     * @var string
+     */
+    protected $group = 'Generators';
+
+    /**
+     * The Command's Name
+     *
+     * @var string
+     */
+    protected $name = 'make:model';
+
+    /**
+     * The Command's Description
+     *
+     * @var string
+     */
+    protected $description = 'Generates a new model file.';
+
+    /**
+     * The Command's Usage
+     *
+     * @var string
+     */
+    protected $usage = 'make:model <name> [options]';
+
+    /**
+     * The Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'name' => 'The model class name.',
+    ];
+
+    /**
+     * The Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--table'     => 'Supply a table name. Default: "the lowercased plural of the class name".',
+        '--dbgroup'   => 'Database group to use. Default: "default".',
+        '--return'    => 'Return type, Options: [array, object, entity]. Default: "array".',
+        '--namespace' => 'Set root namespace. Default: "APP_NAMESPACE".',
+        '--suffix'    => 'Append the component title to the class name (e.g. User => UserModel).',
+        '--force'     => 'Force overwrite existing file.',
+    ];
+
+    /**
+     * Actually execute a command.
+     */
+    public function run(array $params)
+    {
+        $this->component = 'Model';
+        $this->directory = 'Models';
+        $this->template  = 'model.tpl.php';
+
+        $this->classNameLang = 'CLI.generator.className.model';
+        $this->generateClass($params);
+    }
+
+    /**
+     * Prepare options and do the necessary replacements.
+     */
+    protected function prepare(string $class): string
+    {
+        $table   = $this->getOption('table');
+        $dbGroup = $this->getOption('dbgroup');
+        $return  = $this->getOption('return');
+
+        $baseClass = class_basename($class);
+
+        if (preg_match('/^(\S+)Model$/i', $baseClass, $match) === 1) {
+            $baseClass = $match[1];
+        }
+
+        $table  = is_string($table) ? $table : plural(strtolower($baseClass));
+        $return = is_string($return) ? $return : 'array';
+
+        if (! in_array($return, ['array', 'object', 'entity'], true)) {
+            // @codeCoverageIgnoreStart
+            $return = CLI::prompt(lang('CLI.generator.returnType'), ['array', 'object', 'entity'], 'required');
+            CLI::newLine();
+            // @codeCoverageIgnoreEnd
+        }
+
+        if ($return === 'entity') {
+            $return = str_replace('Models', 'Entities', $class);
+
+            if (preg_match('/^(\S+)Model$/i', $return, $match) === 1) {
+                $return = $match[1];
+
+                if ($this->getOption('suffix')) {
+                    $return .= 'Entity';
+                }
+            }
+
+            $return = '\\' . trim($return, '\\') . '::class';
+            $this->call('make:entity', array_merge([$baseClass], $this->params));
+        } else {
+            $return = "'{$return}'";
+        }
+
+        return $this->parseTemplate($class, ['{dbGroup}', '{table}', '{return}'], [$dbGroup, $table, $return], compact('dbGroup'));
+    }
+}
diff --git a/ci4app/system/Commands/Generators/ScaffoldGenerator.php b/ci4app/system/Commands/Generators/ScaffoldGenerator.php
new file mode 100644
index 0000000..3b1ef79
--- /dev/null
+++ b/ci4app/system/Commands/Generators/ScaffoldGenerator.php
@@ -0,0 +1,123 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Generators;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\CLI\GeneratorTrait;
+
+/**
+ * Generates a complete set of scaffold files.
+ */
+class ScaffoldGenerator extends BaseCommand
+{
+    use GeneratorTrait;
+
+    /**
+     * The Command's Group
+     *
+     * @var string
+     */
+    protected $group = 'Generators';
+
+    /**
+     * The Command's Name
+     *
+     * @var string
+     */
+    protected $name = 'make:scaffold';
+
+    /**
+     * The Command's Description
+     *
+     * @var string
+     */
+    protected $description = 'Generates a complete set of scaffold files.';
+
+    /**
+     * The Command's Usage
+     *
+     * @var string
+     */
+    protected $usage = 'make:scaffold <name> [options]';
+
+    /**
+     * The Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'name' => 'The class name',
+    ];
+
+    /**
+     * The Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--bare'      => 'Add the "--bare" option to controller component.',
+        '--restful'   => 'Add the "--restful" option to controller component.',
+        '--table'     => 'Add the "--table" option to the model component.',
+        '--dbgroup'   => 'Add the "--dbgroup" option to model component.',
+        '--return'    => 'Add the "--return" option to the model component.',
+        '--namespace' => 'Set root namespace. Default: "APP_NAMESPACE".',
+        '--suffix'    => 'Append the component title to the class name.',
+        '--force'     => 'Force overwrite existing file.',
+    ];
+
+    /**
+     * Actually execute a command.
+     */
+    public function run(array $params)
+    {
+        $this->params = $params;
+
+        $options = [];
+
+        if ($this->getOption('namespace')) {
+            $options['namespace'] = $this->getOption('namespace');
+        }
+
+        if ($this->getOption('suffix')) {
+            $options['suffix'] = null;
+        }
+
+        if ($this->getOption('force')) {
+            $options['force'] = null;
+        }
+
+        $controllerOpts = [];
+
+        if ($this->getOption('bare')) {
+            $controllerOpts['bare'] = null;
+        } elseif ($this->getOption('restful')) {
+            $controllerOpts['restful'] = $this->getOption('restful');
+        }
+
+        $modelOpts = [
+            'table'   => $this->getOption('table'),
+            'dbgroup' => $this->getOption('dbgroup'),
+            'return'  => $this->getOption('return'),
+        ];
+
+        $class = $params[0] ?? CLI::getSegment(2);
+
+        // Call those commands!
+        $this->call('make:controller', array_merge([$class], $controllerOpts, $options));
+        $this->call('make:model', array_merge([$class], $modelOpts, $options));
+        $this->call('make:migration', array_merge([$class], $options));
+        $this->call('make:seeder', array_merge([$class], $options));
+    }
+}
diff --git a/ci4app/system/Commands/Generators/SeederGenerator.php b/ci4app/system/Commands/Generators/SeederGenerator.php
new file mode 100644
index 0000000..0549ad8
--- /dev/null
+++ b/ci4app/system/Commands/Generators/SeederGenerator.php
@@ -0,0 +1,86 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Generators;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\GeneratorTrait;
+
+/**
+ * Generates a skeleton seeder file.
+ */
+class SeederGenerator extends BaseCommand
+{
+    use GeneratorTrait;
+
+    /**
+     * The Command's Group
+     *
+     * @var string
+     */
+    protected $group = 'Generators';
+
+    /**
+     * The Command's Name
+     *
+     * @var string
+     */
+    protected $name = 'make:seeder';
+
+    /**
+     * The Command's Description
+     *
+     * @var string
+     */
+    protected $description = 'Generates a new seeder file.';
+
+    /**
+     * The Command's Usage
+     *
+     * @var string
+     */
+    protected $usage = 'make:seeder <name> [options]';
+
+    /**
+     * The Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'name' => 'The seeder class name.',
+    ];
+
+    /**
+     * The Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--namespace' => 'Set root namespace. Default: "APP_NAMESPACE".',
+        '--suffix'    => 'Append the component title to the class name (e.g. User => UserSeeder).',
+        '--force'     => 'Force overwrite existing file.',
+    ];
+
+    /**
+     * Actually execute a command.
+     */
+    public function run(array $params)
+    {
+        $this->component = 'Seeder';
+        $this->directory = 'Database\Seeds';
+        $this->template  = 'seeder.tpl.php';
+
+        $this->classNameLang = 'CLI.generator.className.seeder';
+        $this->generateClass($params);
+    }
+}
diff --git a/ci4app/system/Commands/Generators/TestGenerator.php b/ci4app/system/Commands/Generators/TestGenerator.php
new file mode 100644
index 0000000..47f7129
--- /dev/null
+++ b/ci4app/system/Commands/Generators/TestGenerator.php
@@ -0,0 +1,192 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Generators;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\CLI\GeneratorTrait;
+
+/**
+ * Generates a skeleton command file.
+ */
+class TestGenerator extends BaseCommand
+{
+    use GeneratorTrait;
+
+    /**
+     * The Command's Group
+     *
+     * @var string
+     */
+    protected $group = 'Generators';
+
+    /**
+     * The Command's Name
+     *
+     * @var string
+     */
+    protected $name = 'make:test';
+
+    /**
+     * The Command's Description
+     *
+     * @var string
+     */
+    protected $description = 'Generates a new test file.';
+
+    /**
+     * The Command's Usage
+     *
+     * @var string
+     */
+    protected $usage = 'make:test <name> [options]';
+
+    /**
+     * The Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'name' => 'The test class name.',
+    ];
+
+    /**
+     * The Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--namespace' => 'Set root namespace. Default: "Tests".',
+        '--force'     => 'Force overwrite existing file.',
+    ];
+
+    /**
+     * Actually execute a command.
+     */
+    public function run(array $params)
+    {
+        // Ensure tests are always suffixed with 'Test'
+        $params['suffix'] = null;
+
+        $this->component = 'Test';
+        $this->template  = 'test.tpl.php';
+
+        $this->classNameLang = 'CLI.generator.className.test';
+
+        $autoload = service('autoloader');
+        $autoload->addNamespace('CodeIgniter', TESTPATH . 'system');
+        $autoload->addNamespace('Tests', ROOTPATH . 'tests');
+
+        $this->generateClass($params);
+    }
+
+    /**
+     * Gets the namespace from input or the default namespace.
+     */
+    protected function getNamespace(): string
+    {
+        if ($this->namespace !== null) {
+            return $this->namespace;
+        }
+
+        if ($this->getOption('namespace') !== null) {
+            return trim(
+                str_replace(
+                    '/',
+                    '\\',
+                    $this->getOption('namespace'),
+                ),
+                '\\',
+            );
+        }
+
+        $class      = $this->normalizeInputClassName();
+        $classPaths = explode('\\', $class);
+
+        $namespaces = service('autoloader')->getNamespace();
+
+        while ($classPaths !== []) {
+            array_pop($classPaths);
+            $namespace = implode('\\', $classPaths);
+
+            foreach (array_keys($namespaces) as $prefix) {
+                if ($prefix === $namespace) {
+                    // The input classname is FQCN, and use the namespace.
+                    return $namespace;
+                }
+            }
+        }
+
+        return 'Tests';
+    }
+
+    /**
+     * Builds the test file path from the class name.
+     *
+     * @param string $class namespaced classname.
+     */
+    protected function buildPath(string $class): string
+    {
+        $namespace = $this->getNamespace();
+
+        $base = $this->searchTestFilePath($namespace);
+
+        if ($base === null) {
+            CLI::error(
+                lang('CLI.namespaceNotDefined', [$namespace]),
+                'light_gray',
+                'red',
+            );
+            CLI::newLine();
+
+            return '';
+        }
+
+        $realpath = realpath($base);
+        $base     = ($realpath !== false) ? $realpath : $base;
+
+        $file = $base . DIRECTORY_SEPARATOR
+            . str_replace(
+                '\\',
+                DIRECTORY_SEPARATOR,
+                trim(str_replace($namespace . '\\', '', $class), '\\'),
+            ) . '.php';
+
+        return implode(
+            DIRECTORY_SEPARATOR,
+            array_slice(
+                explode(DIRECTORY_SEPARATOR, $file),
+                0,
+                -1,
+            ),
+        ) . DIRECTORY_SEPARATOR . $this->basename($file);
+    }
+
+    /**
+     * Returns test file path for the namespace.
+     */
+    private function searchTestFilePath(string $testNamespace): ?string
+    {
+        /** @var list<non-empty-string> $testPaths */
+        $testPaths = service('autoloader')->getNamespace($testNamespace);
+
+        foreach ($testPaths as $candidate) {
+            if (str_contains($candidate, DIRECTORY_SEPARATOR . 'tests' . DIRECTORY_SEPARATOR)) {
+                return $candidate;
+            }
+        }
+
+        return null;
+    }
+}
diff --git a/ci4app/system/Commands/Generators/ValidationGenerator.php b/ci4app/system/Commands/Generators/ValidationGenerator.php
new file mode 100644
index 0000000..d9e3d49
--- /dev/null
+++ b/ci4app/system/Commands/Generators/ValidationGenerator.php
@@ -0,0 +1,86 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Generators;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\GeneratorTrait;
+
+/**
+ * Generates a skeleton Validation file.
+ */
+class ValidationGenerator extends BaseCommand
+{
+    use GeneratorTrait;
+
+    /**
+     * The Command's Group
+     *
+     * @var string
+     */
+    protected $group = 'Generators';
+
+    /**
+     * The Command's Name
+     *
+     * @var string
+     */
+    protected $name = 'make:validation';
+
+    /**
+     * The Command's Description
+     *
+     * @var string
+     */
+    protected $description = 'Generates a new validation file.';
+
+    /**
+     * The Command's Usage
+     *
+     * @var string
+     */
+    protected $usage = 'make:validation <name> [options]';
+
+    /**
+     * The Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'name' => 'The validation class name.',
+    ];
+
+    /**
+     * The Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--namespace' => 'Set root namespace. Default: "APP_NAMESPACE".',
+        '--suffix'    => 'Append the component title to the class name (e.g. User => UserValidation).',
+        '--force'     => 'Force overwrite existing file.',
+    ];
+
+    /**
+     * Actually execute a command.
+     */
+    public function run(array $params)
+    {
+        $this->component = 'Validation';
+        $this->directory = 'Validation';
+        $this->template  = 'validation.tpl.php';
+
+        $this->classNameLang = 'CLI.generator.className.validation';
+        $this->generateClass($params);
+    }
+}
diff --git a/ci4app/system/Commands/Generators/Views/cell.tpl.php b/ci4app/system/Commands/Generators/Views/cell.tpl.php
new file mode 100644
index 0000000..f20c078
--- /dev/null
+++ b/ci4app/system/Commands/Generators/Views/cell.tpl.php
@@ -0,0 +1,10 @@
+<@php
+
+namespace {namespace};
+
+use CodeIgniter\View\Cells\Cell;
+
+class {class} extends Cell
+{
+    //
+}
diff --git a/ci4app/system/Commands/Generators/Views/cell_view.tpl.php b/ci4app/system/Commands/Generators/Views/cell_view.tpl.php
new file mode 100644
index 0000000..9866dc2
--- /dev/null
+++ b/ci4app/system/Commands/Generators/Views/cell_view.tpl.php
@@ -0,0 +1,3 @@
+<div>
+    <!-- Your HTML here -->
+</div>
diff --git a/ci4app/system/Commands/Generators/Views/command.tpl.php b/ci4app/system/Commands/Generators/Views/command.tpl.php
new file mode 100644
index 0000000..bfbdcc4
--- /dev/null
+++ b/ci4app/system/Commands/Generators/Views/command.tpl.php
@@ -0,0 +1,76 @@
+<@php
+
+namespace {namespace};
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+<?php if ($type === 'generator'): ?>
+use CodeIgniter\CLI\GeneratorTrait;
+<?php endif ?>
+
+class {class} extends BaseCommand
+{
+<?php if ($type === 'generator'): ?>
+    use GeneratorTrait;
+
+<?php endif ?>
+    /**
+     * The Command's Group
+     *
+     * @var string
+     */
+    protected $group = '{group}';
+
+    /**
+     * The Command's Name
+     *
+     * @var string
+     */
+    protected $name = '{command}';
+
+    /**
+     * The Command's Description
+     *
+     * @var string
+     */
+    protected $description = '';
+
+    /**
+     * The Command's Usage
+     *
+     * @var string
+     */
+    protected $usage = '{command} [arguments] [options]';
+
+    /**
+     * The Command's Arguments
+     *
+     * @var array
+     */
+    protected $arguments = [];
+
+    /**
+     * The Command's Options
+     *
+     * @var array
+     */
+    protected $options = [];
+
+    /**
+     * Actually execute a command.
+     *
+     * @param array $params
+     */
+    public function run(array $params)
+    {
+<?php if ($type === 'generator'): ?>
+        $this->component = 'Command';
+        $this->directory = 'Commands';
+        $this->template  = 'command.tpl.php';
+
+        $this->execute($params);
+<?php else: ?>
+        //
+<?php endif ?>
+    }
+}
diff --git a/ci4app/system/Commands/Generators/Views/config.tpl.php b/ci4app/system/Commands/Generators/Views/config.tpl.php
new file mode 100644
index 0000000..31c60cb
--- /dev/null
+++ b/ci4app/system/Commands/Generators/Views/config.tpl.php
@@ -0,0 +1,10 @@
+<@php
+
+namespace {namespace};
+
+use CodeIgniter\Config\BaseConfig;
+
+class {class} extends BaseConfig
+{
+    //
+}
diff --git a/ci4app/system/Commands/Generators/Views/controller.tpl.php b/ci4app/system/Commands/Generators/Views/controller.tpl.php
new file mode 100644
index 0000000..514de05
--- /dev/null
+++ b/ci4app/system/Commands/Generators/Views/controller.tpl.php
@@ -0,0 +1,186 @@
+<@php
+
+namespace {namespace};
+
+use {useStatement};
+use CodeIgniter\HTTP\ResponseInterface;
+
+class {class} extends {extends}
+{
+<?php if ($type === 'controller'): ?>
+    /**
+     * Return an array of resource objects, themselves in array format.
+     *
+     * @return ResponseInterface
+     */
+    public function index()
+    {
+        //
+    }
+
+    /**
+     * Return the properties of a resource object.
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface
+     */
+    public function show($id = null)
+    {
+        //
+    }
+
+    /**
+     * Return a new resource object, with default properties.
+     *
+     * @return ResponseInterface
+     */
+    public function new()
+    {
+        //
+    }
+
+    /**
+     * Create a new resource object, from "posted" parameters.
+     *
+     * @return ResponseInterface
+     */
+    public function create()
+    {
+        //
+    }
+
+    /**
+     * Return the editable properties of a resource object.
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface
+     */
+    public function edit($id = null)
+    {
+        //
+    }
+
+    /**
+     * Add or update a model resource, from "posted" properties.
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface
+     */
+    public function update($id = null)
+    {
+        //
+    }
+
+    /**
+     * Delete the designated resource object from the model.
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface
+     */
+    public function delete($id = null)
+    {
+        //
+    }
+<?php elseif ($type === 'presenter'): ?>
+    /**
+     * Present a view of resource objects.
+     *
+     * @return ResponseInterface
+     */
+    public function index()
+    {
+        //
+    }
+
+    /**
+     * Present a view to present a specific resource object.
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface
+     */
+    public function show($id = null)
+    {
+        //
+    }
+
+    /**
+     * Present a view to present a new single resource object.
+     *
+     * @return ResponseInterface
+     */
+    public function new()
+    {
+        //
+    }
+
+    /**
+     * Process the creation/insertion of a new resource object.
+     * This should be a POST.
+     *
+     * @return ResponseInterface
+     */
+    public function create()
+    {
+        //
+    }
+
+    /**
+     * Present a view to edit the properties of a specific resource object.
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface
+     */
+    public function edit($id = null)
+    {
+        //
+    }
+
+    /**
+     * Process the updating, full or partial, of a specific resource object.
+     * This should be a POST.
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface
+     */
+    public function update($id = null)
+    {
+        //
+    }
+
+    /**
+     * Present a view to confirm the deletion of a specific resource object.
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface
+     */
+    public function remove($id = null)
+    {
+        //
+    }
+
+    /**
+     * Process the deletion of a specific resource object.
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface
+     */
+    public function delete($id = null)
+    {
+        //
+    }
+<?php else: ?>
+    public function index()
+    {
+        //
+    }
+<?php endif ?>
+}
diff --git a/ci4app/system/Commands/Generators/Views/entity.tpl.php b/ci4app/system/Commands/Generators/Views/entity.tpl.php
new file mode 100644
index 0000000..c74c776
--- /dev/null
+++ b/ci4app/system/Commands/Generators/Views/entity.tpl.php
@@ -0,0 +1,12 @@
+<@php
+
+namespace {namespace};
+
+use CodeIgniter\Entity\Entity;
+
+class {class} extends Entity
+{
+    protected $datamap = [];
+    protected $dates   = ['created_at', 'updated_at', 'deleted_at'];
+    protected $casts   = [];
+}
diff --git a/ci4app/system/Commands/Generators/Views/filter.tpl.php b/ci4app/system/Commands/Generators/Views/filter.tpl.php
new file mode 100644
index 0000000..767ac0b
--- /dev/null
+++ b/ci4app/system/Commands/Generators/Views/filter.tpl.php
@@ -0,0 +1,47 @@
+<@php
+
+namespace {namespace};
+
+use CodeIgniter\Filters\FilterInterface;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+
+class {class} implements FilterInterface
+{
+    /**
+     * Do whatever processing this filter needs to do.
+     * By default it should not return anything during
+     * normal execution. However, when an abnormal state
+     * is found, it should return an instance of
+     * CodeIgniter\HTTP\Response. If it does, script
+     * execution will end and that Response will be
+     * sent back to the client, allowing for error pages,
+     * redirects, etc.
+     *
+     * @param RequestInterface $request
+     * @param array|null       $arguments
+     *
+     * @return RequestInterface|ResponseInterface|string|void
+     */
+    public function before(RequestInterface $request, $arguments = null)
+    {
+        //
+    }
+
+    /**
+     * Allows After filters to inspect and modify the response
+     * object as needed. This method does not allow any way
+     * to stop execution of other after filters, short of
+     * throwing an Exception or Error.
+     *
+     * @param RequestInterface  $request
+     * @param ResponseInterface $response
+     * @param array|null        $arguments
+     *
+     * @return ResponseInterface|void
+     */
+    public function after(RequestInterface $request, ResponseInterface $response, $arguments = null)
+    {
+        //
+    }
+}
diff --git a/ci4app/system/Commands/Generators/Views/migration.tpl.php b/ci4app/system/Commands/Generators/Views/migration.tpl.php
new file mode 100644
index 0000000..321895e
--- /dev/null
+++ b/ci4app/system/Commands/Generators/Views/migration.tpl.php
@@ -0,0 +1,50 @@
+<@php
+
+namespace {namespace};
+
+use CodeIgniter\Database\Migration;
+
+class {class} extends Migration
+{
+<?php if ($session): ?>
+    protected $DBGroup = '<?= $DBGroup ?>';
+
+    public function up()
+    {
+        $this->forge->addField([
+            'id' => ['type' => 'VARCHAR', 'constraint' => 128, 'null' => false],
+<?php if ($DBDriver === 'MySQLi'): ?>
+            'ip_address' => ['type' => 'VARCHAR', 'constraint' => 45, 'null' => false],
+            'timestamp timestamp DEFAULT CURRENT_TIMESTAMP NOT NULL',
+            'data' => ['type' => 'BLOB', 'null' => false],
+ <?php elseif ($DBDriver === 'Postgre'): ?>
+            'ip_address inet NOT NULL',
+            'timestamp timestamptz DEFAULT CURRENT_TIMESTAMP NOT NULL',
+            "data bytea DEFAULT '' NOT NULL",
+<?php endif; ?>
+        ]);
+<?php if ($matchIP) : ?>
+        $this->forge->addKey(['id', 'ip_address'], true);
+<?php else: ?>
+        $this->forge->addKey('id', true);
+<?php endif ?>
+        $this->forge->addKey('timestamp');
+        $this->forge->createTable('<?= $table ?>', true);
+    }
+
+    public function down()
+    {
+        $this->forge->dropTable('<?= $table ?>', true);
+    }
+<?php else: ?>
+    public function up()
+    {
+        //
+    }
+
+    public function down()
+    {
+        //
+    }
+<?php endif ?>
+}
diff --git a/ci4app/system/Commands/Generators/Views/model.tpl.php b/ci4app/system/Commands/Generators/Views/model.tpl.php
new file mode 100644
index 0000000..954404f
--- /dev/null
+++ b/ci4app/system/Commands/Generators/Views/model.tpl.php
@@ -0,0 +1,49 @@
+<@php
+
+namespace {namespace};
+
+use CodeIgniter\Model;
+
+class {class} extends Model
+{
+<?php if (is_string($dbGroup)): ?>
+    protected $DBGroup          = '{dbGroup}';
+<?php endif; ?>
+    protected $table            = '{table}';
+    protected $primaryKey       = 'id';
+    protected $useAutoIncrement = true;
+    protected $returnType       = {return};
+    protected $useSoftDeletes   = false;
+    protected $protectFields    = true;
+    protected $allowedFields    = [];
+
+    protected bool $allowEmptyInserts = false;
+    protected bool $updateOnlyChanged = true;
+
+    protected array $casts = [];
+    protected array $castHandlers = [];
+
+    // Dates
+    protected $useTimestamps = false;
+    protected $dateFormat    = 'datetime';
+    protected $createdField  = 'created_at';
+    protected $updatedField  = 'updated_at';
+    protected $deletedField  = 'deleted_at';
+
+    // Validation
+    protected $validationRules      = [];
+    protected $validationMessages   = [];
+    protected $skipValidation       = false;
+    protected $cleanValidationRules = true;
+
+    // Callbacks
+    protected $allowCallbacks = true;
+    protected $beforeInsert   = [];
+    protected $afterInsert    = [];
+    protected $beforeUpdate   = [];
+    protected $afterUpdate    = [];
+    protected $beforeFind     = [];
+    protected $afterFind      = [];
+    protected $beforeDelete   = [];
+    protected $afterDelete    = [];
+}
diff --git a/ci4app/system/Commands/Generators/Views/seeder.tpl.php b/ci4app/system/Commands/Generators/Views/seeder.tpl.php
new file mode 100644
index 0000000..6f21628
--- /dev/null
+++ b/ci4app/system/Commands/Generators/Views/seeder.tpl.php
@@ -0,0 +1,13 @@
+<@php
+
+namespace {namespace};
+
+use CodeIgniter\Database\Seeder;
+
+class {class} extends Seeder
+{
+    public function run()
+    {
+        //
+    }
+}
diff --git a/ci4app/system/Commands/Generators/Views/test.tpl.php b/ci4app/system/Commands/Generators/Views/test.tpl.php
new file mode 100644
index 0000000..f67348d
--- /dev/null
+++ b/ci4app/system/Commands/Generators/Views/test.tpl.php
@@ -0,0 +1,18 @@
+<@php
+
+namespace {namespace};
+
+use CodeIgniter\Test\CIUnitTestCase;
+
+class {class} extends CIUnitTestCase
+{
+    protected function setUp(): void
+    {
+        parent::setUp();
+    }
+
+    public function testExample(): void
+    {
+        //
+    }
+}
diff --git a/ci4app/system/Commands/Generators/Views/validation.tpl.php b/ci4app/system/Commands/Generators/Views/validation.tpl.php
new file mode 100644
index 0000000..e040a74
--- /dev/null
+++ b/ci4app/system/Commands/Generators/Views/validation.tpl.php
@@ -0,0 +1,11 @@
+<@php
+
+namespace {namespace};
+
+class {class}
+{
+    // public function custom_rule(): bool
+    // {
+    //     return true;
+    // }
+}
diff --git a/ci4app/system/Commands/Help.php b/ci4app/system/Commands/Help.php
new file mode 100644
index 0000000..76913e8
--- /dev/null
+++ b/ci4app/system/Commands/Help.php
@@ -0,0 +1,87 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands;
+
+use CodeIgniter\CLI\BaseCommand;
+
+/**
+ * CI Help command for the spark script.
+ *
+ * Lists the basic usage information for the spark script,
+ * and provides a way to list help for other commands.
+ */
+class Help extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'CodeIgniter';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'help';
+
+    /**
+     * the Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Displays basic usage information.';
+
+    /**
+     * the Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'help [<command_name>]';
+
+    /**
+     * the Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'command_name' => 'The command name [default: "help"]',
+    ];
+
+    /**
+     * the Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [];
+
+    /**
+     * Displays the help for spark commands.
+     */
+    public function run(array $params)
+    {
+        $command = array_shift($params);
+        $command ??= 'help';
+        $commands = $this->commands->getCommands();
+
+        if (! $this->commands->verifyCommand($command, $commands)) {
+            return;
+        }
+
+        $class = new $commands[$command]['class']($this->logger, $this->commands);
+        $class->showHelp();
+    }
+}
diff --git a/ci4app/system/Commands/Housekeeping/ClearDebugbar.php b/ci4app/system/Commands/Housekeeping/ClearDebugbar.php
new file mode 100644
index 0000000..dd49b24
--- /dev/null
+++ b/ci4app/system/Commands/Housekeeping/ClearDebugbar.php
@@ -0,0 +1,72 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Housekeeping;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+
+/**
+ * ClearDebugbar Command
+ */
+class ClearDebugbar extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'Housekeeping';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'debugbar:clear';
+
+    /**
+     * The Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'debugbar:clear';
+
+    /**
+     * The Command's short description.
+     *
+     * @var string
+     */
+    protected $description = 'Clears all debugbar JSON files.';
+
+    /**
+     * Actually runs the command.
+     */
+    public function run(array $params)
+    {
+        helper('filesystem');
+
+        if (! delete_files(WRITEPATH . 'debugbar', false, true)) {
+            // @codeCoverageIgnoreStart
+            CLI::error('Error deleting the debugbar JSON files.');
+            CLI::newLine();
+
+            return;
+            // @codeCoverageIgnoreEnd
+        }
+
+        CLI::write('Debugbar cleared.', 'green');
+        CLI::newLine();
+    }
+}
diff --git a/ci4app/system/Commands/Housekeeping/ClearLogs.php b/ci4app/system/Commands/Housekeeping/ClearLogs.php
new file mode 100644
index 0000000..ec4b700
--- /dev/null
+++ b/ci4app/system/Commands/Housekeeping/ClearLogs.php
@@ -0,0 +1,93 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Housekeeping;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+
+/**
+ * ClearLogs command.
+ */
+class ClearLogs extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'Housekeeping';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'logs:clear';
+
+    /**
+     * The Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Clears all log files.';
+
+    /**
+     * The Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'logs:clear [option';
+
+    /**
+     * The Command's options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--force' => 'Force delete of all logs files without prompting.',
+    ];
+
+    /**
+     * Actually execute a command.
+     */
+    public function run(array $params)
+    {
+        $force = array_key_exists('force', $params) || CLI::getOption('force');
+
+        if (! $force && CLI::prompt('Are you sure you want to delete the logs?', ['n', 'y']) === 'n') {
+            // @codeCoverageIgnoreStart
+            CLI::error('Deleting logs aborted.', 'light_gray', 'red');
+            CLI::error('If you want, use the "-force" option to force delete all log files.', 'light_gray', 'red');
+            CLI::newLine();
+
+            return;
+            // @codeCoverageIgnoreEnd
+        }
+
+        helper('filesystem');
+
+        if (! delete_files(WRITEPATH . 'logs', false, true)) {
+            // @codeCoverageIgnoreStart
+            CLI::error('Error in deleting the logs files.', 'light_gray', 'red');
+            CLI::newLine();
+
+            return;
+            // @codeCoverageIgnoreEnd
+        }
+
+        CLI::write('Logs cleared.', 'green');
+        CLI::newLine();
+    }
+}
diff --git a/ci4app/system/Commands/ListCommands.php b/ci4app/system/Commands/ListCommands.php
new file mode 100644
index 0000000..8761e2b
--- /dev/null
+++ b/ci4app/system/Commands/ListCommands.php
@@ -0,0 +1,146 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+
+/**
+ * CI Help command for the spark script.
+ *
+ * Lists the basic usage information for the spark script,
+ * and provides a way to list help for other commands.
+ */
+class ListCommands extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'CodeIgniter';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'list';
+
+    /**
+     * the Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Lists the available commands.';
+
+    /**
+     * the Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'list';
+
+    /**
+     * the Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [];
+
+    /**
+     * the Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--simple' => 'Prints a list of the commands with no other info',
+    ];
+
+    /**
+     * Displays the help for the spark cli script itself.
+     *
+     * @return int
+     */
+    public function run(array $params)
+    {
+        $commands = $this->commands->getCommands();
+        ksort($commands);
+
+        // Check for 'simple' format
+        return array_key_exists('simple', $params) || CLI::getOption('simple') === true
+            ? $this->listSimple($commands)
+            : $this->listFull($commands);
+    }
+
+    /**
+     * Lists the commands with accompanying info.
+     *
+     * @return int
+     */
+    protected function listFull(array $commands)
+    {
+        // Sort into buckets by group
+        $groups = [];
+
+        foreach ($commands as $title => $command) {
+            if (! isset($groups[$command['group']])) {
+                $groups[$command['group']] = [];
+            }
+
+            $groups[$command['group']][$title] = $command;
+        }
+
+        $length = max(array_map(strlen(...), array_keys($commands)));
+
+        ksort($groups);
+
+        // Display it all...
+        foreach ($groups as $group => $commands) {
+            CLI::write($group, 'yellow');
+
+            foreach ($commands as $name => $command) {
+                $name   = $this->setPad($name, $length, 2, 2);
+                $output = CLI::color($name, 'green');
+
+                if (isset($command['description'])) {
+                    $output .= CLI::wrap($command['description'], 125, strlen($name));
+                }
+
+                CLI::write($output);
+            }
+
+            if ($group !== array_key_last($groups)) {
+                CLI::newLine();
+            }
+        }
+
+        return EXIT_SUCCESS;
+    }
+
+    /**
+     * Lists the commands only.
+     *
+     * @return int
+     */
+    protected function listSimple(array $commands)
+    {
+        foreach (array_keys($commands) as $title) {
+            CLI::write($title);
+        }
+
+        return EXIT_SUCCESS;
+    }
+}
diff --git a/ci4app/system/Commands/Server/Serve.php b/ci4app/system/Commands/Server/Serve.php
new file mode 100644
index 0000000..594e4e5
--- /dev/null
+++ b/ci4app/system/Commands/Server/Serve.php
@@ -0,0 +1,119 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Server;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+
+/**
+ * Launch the PHP development server
+ *
+ * Not testable, as it throws phpunit for a loop :-/
+ *
+ * @codeCoverageIgnore
+ */
+class Serve extends BaseCommand
+{
+    /**
+     * Group
+     *
+     * @var string
+     */
+    protected $group = 'CodeIgniter';
+
+    /**
+     * Name
+     *
+     * @var string
+     */
+    protected $name = 'serve';
+
+    /**
+     * Description
+     *
+     * @var string
+     */
+    protected $description = 'Launches the CodeIgniter PHP-Development Server.';
+
+    /**
+     * Usage
+     *
+     * @var string
+     */
+    protected $usage = 'serve';
+
+    /**
+     * Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [];
+
+    /**
+     * The current port offset.
+     *
+     * @var int
+     */
+    protected $portOffset = 0;
+
+    /**
+     * The max number of ports to attempt to serve from
+     *
+     * @var int
+     */
+    protected $tries = 10;
+
+    /**
+     * Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--php'  => 'The PHP Binary [default: "PHP_BINARY"]',
+        '--host' => 'The HTTP Host [default: "localhost"]',
+        '--port' => 'The HTTP Host Port [default: "8080"]',
+    ];
+
+    /**
+     * Run the server
+     */
+    public function run(array $params)
+    {
+        // Collect any user-supplied options and apply them.
+        $php  = escapeshellarg(CLI::getOption('php') ?? PHP_BINARY);
+        $host = CLI::getOption('host') ?? 'localhost';
+        $port = (int) (CLI::getOption('port') ?? 8080) + $this->portOffset;
+
+        // Get the party started.
+        CLI::write('CodeIgniter development server started on http://' . $host . ':' . $port, 'green');
+        CLI::write('Press Control-C to stop.');
+
+        // Set the Front Controller path as Document Root.
+        $docroot = escapeshellarg(FCPATH);
+
+        // Mimic Apache's mod_rewrite functionality with user settings.
+        $rewrite = escapeshellarg(SYSTEMPATH . 'rewrite.php');
+
+        // Call PHP's built-in webserver, making sure to set our
+        // base path to the public folder, and to use the rewrite file
+        // to ensure our environment is set and it simulates basic mod_rewrite.
+        passthru($php . ' -S ' . $host . ':' . $port . ' -t ' . $docroot . ' ' . $rewrite, $status);
+
+        if ($status !== EXIT_SUCCESS && $this->portOffset < $this->tries) {
+            $this->portOffset++;
+
+            $this->run($params);
+        }
+    }
+}
diff --git a/ci4app/system/Commands/Translation/LocalizationFinder.php b/ci4app/system/Commands/Translation/LocalizationFinder.php
new file mode 100644
index 0000000..e6557b7
--- /dev/null
+++ b/ci4app/system/Commands/Translation/LocalizationFinder.php
@@ -0,0 +1,388 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Translation;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\Helpers\Array\ArrayHelper;
+use Config\App;
+use Locale;
+use RecursiveDirectoryIterator;
+use RecursiveIteratorIterator;
+use SplFileInfo;
+
+/**
+ * @see \CodeIgniter\Commands\Translation\LocalizationFinderTest
+ */
+class LocalizationFinder extends BaseCommand
+{
+    protected $group       = 'Translation';
+    protected $name        = 'lang:find';
+    protected $description = 'Find and save available phrases to translate.';
+    protected $usage       = 'lang:find [options]';
+    protected $arguments   = [];
+    protected $options     = [
+        '--locale'   => 'Specify locale (en, ru, etc.) to save files.',
+        '--dir'      => 'Directory to search for translations relative to APPPATH.',
+        '--show-new' => 'Show only new translations in table. Does not write to files.',
+        '--verbose'  => 'Output detailed information.',
+    ];
+
+    /**
+     * Flag for output detailed information
+     */
+    private bool $verbose = false;
+
+    /**
+     * Flag for showing only translations, without saving
+     */
+    private bool $showNew = false;
+
+    private string $languagePath;
+
+    public function run(array $params)
+    {
+        $this->verbose      = array_key_exists('verbose', $params);
+        $this->showNew      = array_key_exists('show-new', $params);
+        $optionLocale       = $params['locale'] ?? null;
+        $optionDir          = $params['dir'] ?? null;
+        $currentLocale      = Locale::getDefault();
+        $currentDir         = APPPATH;
+        $this->languagePath = $currentDir . 'Language';
+
+        if (ENVIRONMENT === 'testing') {
+            $currentDir         = SUPPORTPATH . 'Services' . DIRECTORY_SEPARATOR;
+            $this->languagePath = SUPPORTPATH . 'Language';
+        }
+
+        if (is_string($optionLocale)) {
+            if (! in_array($optionLocale, config(App::class)->supportedLocales, true)) {
+                CLI::error(
+                    'Error: "' . $optionLocale . '" is not supported. Supported locales: '
+                    . implode(', ', config(App::class)->supportedLocales),
+                );
+
+                return EXIT_USER_INPUT;
+            }
+
+            $currentLocale = $optionLocale;
+        }
+
+        if (is_string($optionDir)) {
+            $tempCurrentDir = realpath($currentDir . $optionDir);
+
+            if ($tempCurrentDir === false) {
+                CLI::error('Error: Directory must be located in "' . $currentDir . '"');
+
+                return EXIT_USER_INPUT;
+            }
+
+            if ($this->isSubDirectory($tempCurrentDir, $this->languagePath)) {
+                CLI::error('Error: Directory "' . $this->languagePath . '" restricted to scan.');
+
+                return EXIT_USER_INPUT;
+            }
+
+            $currentDir = $tempCurrentDir;
+        }
+
+        $this->process($currentDir, $currentLocale);
+
+        CLI::write('All operations done!');
+
+        return EXIT_SUCCESS;
+    }
+
+    private function process(string $currentDir, string $currentLocale): void
+    {
+        $tableRows    = [];
+        $countNewKeys = 0;
+
+        $iterator = new RecursiveIteratorIterator(new RecursiveDirectoryIterator($currentDir));
+        $files    = iterator_to_array($iterator, true);
+        ksort($files);
+
+        [
+            'foundLanguageKeys' => $foundLanguageKeys,
+            'badLanguageKeys'   => $badLanguageKeys,
+            'countFiles'        => $countFiles,
+        ] = $this->findLanguageKeysInFiles($files);
+
+        ksort($foundLanguageKeys);
+
+        $languageDiff        = [];
+        $languageFoundGroups = array_unique(array_keys($foundLanguageKeys));
+
+        foreach ($languageFoundGroups as $langFileName) {
+            $languageStoredKeys = [];
+            $languageFilePath   = $this->languagePath . DIRECTORY_SEPARATOR . $currentLocale . DIRECTORY_SEPARATOR . $langFileName . '.php';
+
+            if (is_file($languageFilePath)) {
+                // Load old localization
+                $languageStoredKeys = require $languageFilePath;
+            }
+
+            $languageDiff = ArrayHelper::recursiveDiff($foundLanguageKeys[$langFileName], $languageStoredKeys);
+            $countNewKeys += ArrayHelper::recursiveCount($languageDiff);
+
+            if ($this->showNew) {
+                $tableRows = array_merge($this->arrayToTableRows($langFileName, $languageDiff), $tableRows);
+            } else {
+                $newLanguageKeys = array_replace_recursive($foundLanguageKeys[$langFileName], $languageStoredKeys);
+
+                if ($languageDiff !== []) {
+                    if (file_put_contents($languageFilePath, $this->templateFile($newLanguageKeys)) === false) {
+                        $this->writeIsVerbose('Lang file ' . $langFileName . ' (error write).', 'red');
+                    } else {
+                        $this->writeIsVerbose('Lang file "' . $langFileName . '" successful updated!', 'green');
+                    }
+                }
+            }
+        }
+
+        if ($this->showNew && $tableRows !== []) {
+            sort($tableRows);
+            CLI::table($tableRows, ['File', 'Key']);
+        }
+
+        if (! $this->showNew && $countNewKeys > 0) {
+            CLI::write('Note: You need to run your linting tool to fix coding standards issues.', 'white', 'red');
+        }
+
+        $this->writeIsVerbose('Files found: ' . $countFiles);
+        $this->writeIsVerbose('New translates found: ' . $countNewKeys);
+        $this->writeIsVerbose('Bad translates found: ' . count($badLanguageKeys));
+
+        if ($this->verbose && $badLanguageKeys !== []) {
+            $tableBadRows = [];
+
+            foreach ($badLanguageKeys as $value) {
+                $tableBadRows[] = [$value[1], $value[0]];
+            }
+
+            ArrayHelper::sortValuesByNatural($tableBadRows, 0);
+
+            CLI::table($tableBadRows, ['Bad Key', 'Filepath']);
+        }
+    }
+
+    /**
+     * @param SplFileInfo|string $file
+     *
+     * @return array<string, array>
+     */
+    private function findTranslationsInFile($file): array
+    {
+        $foundLanguageKeys = [];
+        $badLanguageKeys   = [];
+
+        if (is_string($file) && is_file($file)) {
+            $file = new SplFileInfo($file);
+        }
+
+        $fileContent = file_get_contents($file->getRealPath());
+        preg_match_all('/lang\(\'([._a-z0-9\-]+)\'\)/ui', $fileContent, $matches);
+
+        if ($matches[1] === []) {
+            return compact('foundLanguageKeys', 'badLanguageKeys');
+        }
+
+        foreach ($matches[1] as $phraseKey) {
+            $phraseKeys = explode('.', $phraseKey);
+
+            // Language key not have Filename or Lang key
+            if (count($phraseKeys) < 2) {
+                $badLanguageKeys[] = [mb_substr($file->getRealPath(), mb_strlen(ROOTPATH)), $phraseKey];
+
+                continue;
+            }
+
+            $languageFileName   = array_shift($phraseKeys);
+            $isEmptyNestedArray = ($languageFileName !== '' && $phraseKeys[0] === '')
+                || ($languageFileName === '' && $phraseKeys[0] !== '')
+                || ($languageFileName === '' && $phraseKeys[0] === '');
+
+            if ($isEmptyNestedArray) {
+                $badLanguageKeys[] = [mb_substr($file->getRealPath(), mb_strlen(ROOTPATH)), $phraseKey];
+
+                continue;
+            }
+
+            if (count($phraseKeys) === 1) {
+                $foundLanguageKeys[$languageFileName][$phraseKeys[0]] = $phraseKey;
+            } else {
+                $childKeys = $this->buildMultiArray($phraseKeys, $phraseKey);
+
+                $foundLanguageKeys[$languageFileName] = array_replace_recursive($foundLanguageKeys[$languageFileName] ?? [], $childKeys);
+            }
+        }
+
+        return compact('foundLanguageKeys', 'badLanguageKeys');
+    }
+
+    private function isIgnoredFile(SplFileInfo $file): bool
+    {
+        if ($file->isDir() || $this->isSubDirectory($file->getRealPath(), $this->languagePath)) {
+            return true;
+        }
+
+        return $file->getExtension() !== 'php';
+    }
+
+    private function templateFile(array $language = []): string
+    {
+        if ($language !== []) {
+            $languageArrayString = var_export($language, true);
+
+            $code = <<<PHP
+                <?php
+
+                return {$languageArrayString};
+
+                PHP;
+
+            return $this->replaceArraySyntax($code);
+        }
+
+        return <<<'PHP'
+            <?php
+
+            return [];
+
+            PHP;
+    }
+
+    private function replaceArraySyntax(string $code): string
+    {
+        $tokens    = token_get_all($code);
+        $newTokens = $tokens;
+
+        foreach ($tokens as $i => $token) {
+            if (is_array($token)) {
+                [$tokenId, $tokenValue] = $token;
+
+                // Replace "array ("
+                if (
+                    $tokenId === T_ARRAY
+                    && $tokens[$i + 1][0] === T_WHITESPACE
+                    && $tokens[$i + 2] === '('
+                ) {
+                    $newTokens[$i][1]     = '[';
+                    $newTokens[$i + 1][1] = '';
+                    $newTokens[$i + 2]    = '';
+                }
+
+                // Replace indent
+                if ($tokenId === T_WHITESPACE && preg_match('/\n([ ]+)/u', $tokenValue, $matches)) {
+                    $newTokens[$i][1] = "\n{$matches[1]}{$matches[1]}";
+                }
+            } // Replace ")"
+            elseif ($token === ')') {
+                $newTokens[$i] = ']';
+            }
+        }
+
+        $output = '';
+
+        foreach ($newTokens as $token) {
+            $output .= $token[1] ?? $token;
+        }
+
+        return $output;
+    }
+
+    /**
+     * Create multidimensional array from another keys
+     */
+    private function buildMultiArray(array $fromKeys, string $lastArrayValue = ''): array
+    {
+        $newArray  = [];
+        $lastIndex = array_pop($fromKeys);
+        $current   = &$newArray;
+
+        foreach ($fromKeys as $value) {
+            $current[$value] = [];
+            $current         = &$current[$value];
+        }
+
+        $current[$lastIndex] = $lastArrayValue;
+
+        return $newArray;
+    }
+
+    /**
+     * Convert multi arrays to specific CLI table rows (flat array)
+     */
+    private function arrayToTableRows(string $langFileName, array $array): array
+    {
+        $rows = [];
+
+        foreach ($array as $value) {
+            if (is_array($value)) {
+                $rows = array_merge($rows, $this->arrayToTableRows($langFileName, $value));
+
+                continue;
+            }
+
+            if (is_string($value)) {
+                $rows[] = [$langFileName, $value];
+            }
+        }
+
+        return $rows;
+    }
+
+    /**
+     * Show details in the console if the flag is set
+     */
+    private function writeIsVerbose(string $text = '', ?string $foreground = null, ?string $background = null): void
+    {
+        if ($this->verbose) {
+            CLI::write($text, $foreground, $background);
+        }
+    }
+
+    private function isSubDirectory(string $directory, string $rootDirectory): bool
+    {
+        return 0 === strncmp($directory, $rootDirectory, strlen($directory));
+    }
+
+    /**
+     * @param list<SplFileInfo> $files
+     *
+     * @return array{'foundLanguageKeys': array<string, array<string, string>>, 'badLanguageKeys': array<int, array<int, string>>, 'countFiles': int}
+     */
+    private function findLanguageKeysInFiles(array $files): array
+    {
+        $foundLanguageKeys = [];
+        $badLanguageKeys   = [];
+        $countFiles        = 0;
+
+        foreach ($files as $file) {
+            if ($this->isIgnoredFile($file)) {
+                continue;
+            }
+
+            $this->writeIsVerbose('File found: ' . mb_substr($file->getRealPath(), mb_strlen(APPPATH)));
+            $countFiles++;
+
+            $findInFile = $this->findTranslationsInFile($file);
+
+            $foundLanguageKeys = array_replace_recursive($findInFile['foundLanguageKeys'], $foundLanguageKeys);
+            $badLanguageKeys   = array_merge($findInFile['badLanguageKeys'], $badLanguageKeys);
+        }
+
+        return compact('foundLanguageKeys', 'badLanguageKeys', 'countFiles');
+    }
+}
diff --git a/ci4app/system/Commands/Translation/LocalizationSync.php b/ci4app/system/Commands/Translation/LocalizationSync.php
new file mode 100644
index 0000000..6381ab3
--- /dev/null
+++ b/ci4app/system/Commands/Translation/LocalizationSync.php
@@ -0,0 +1,202 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Translation;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\Exceptions\LogicException;
+use Config\App;
+use ErrorException;
+use FilesystemIterator;
+use Locale;
+use RecursiveDirectoryIterator;
+use RecursiveIteratorIterator;
+use SplFileInfo;
+
+/**
+ * @see \CodeIgniter\Commands\Translation\LocalizationSyncTest
+ */
+class LocalizationSync extends BaseCommand
+{
+    protected $group       = 'Translation';
+    protected $name        = 'lang:sync';
+    protected $description = 'Synchronize translation files from one language to another.';
+    protected $usage       = 'lang:sync [options]';
+    protected $arguments   = [];
+    protected $options     = [
+        '--locale' => 'The original locale (en, ru, etc.).',
+        '--target' => 'Target locale (en, ru, etc.).',
+    ];
+    private string $languagePath;
+
+    public function run(array $params)
+    {
+        $optionTargetLocale = '';
+        $optionLocale       = $params['locale'] ?? Locale::getDefault();
+        $this->languagePath = APPPATH . 'Language';
+
+        if (isset($params['target']) && $params['target'] !== '') {
+            $optionTargetLocale = $params['target'];
+        }
+
+        if (! in_array($optionLocale, config(App::class)->supportedLocales, true)) {
+            CLI::error(
+                'Error: "' . $optionLocale . '" is not supported. Supported locales: '
+                . implode(', ', config(App::class)->supportedLocales),
+            );
+
+            return EXIT_USER_INPUT;
+        }
+
+        if ($optionTargetLocale === '') {
+            CLI::error(
+                'Error: "--target" is not configured. Supported locales: '
+                . implode(', ', config(App::class)->supportedLocales),
+            );
+
+            return EXIT_USER_INPUT;
+        }
+
+        if (! in_array($optionTargetLocale, config(App::class)->supportedLocales, true)) {
+            CLI::error(
+                'Error: "' . $optionTargetLocale . '" is not supported. Supported locales: '
+                . implode(', ', config(App::class)->supportedLocales),
+            );
+
+            return EXIT_USER_INPUT;
+        }
+
+        if ($optionTargetLocale === $optionLocale) {
+            CLI::error(
+                'Error: You cannot have the same values for "--target" and "--locale".',
+            );
+
+            return EXIT_USER_INPUT;
+        }
+
+        if (ENVIRONMENT === 'testing') {
+            $this->languagePath = SUPPORTPATH . 'Language';
+        }
+
+        if ($this->process($optionLocale, $optionTargetLocale) === EXIT_ERROR) {
+            return EXIT_ERROR;
+        }
+
+        CLI::write('All operations done!');
+
+        return EXIT_SUCCESS;
+    }
+
+    private function process(string $originalLocale, string $targetLocale): int
+    {
+        $originalLocaleDir = $this->languagePath . DIRECTORY_SEPARATOR . $originalLocale;
+        $targetLocaleDir   = $this->languagePath . DIRECTORY_SEPARATOR . $targetLocale;
+
+        if (! is_dir($originalLocaleDir)) {
+            CLI::error(
+                'Error: The "' . clean_path($originalLocaleDir) . '" directory was not found.',
+            );
+
+            return EXIT_ERROR;
+        }
+
+        // Unifying the error - mkdir() may cause an exception.
+        try {
+            if (! is_dir($targetLocaleDir) && ! mkdir($targetLocaleDir, 0775)) {
+                throw new ErrorException();
+            }
+        } catch (ErrorException $e) {
+            CLI::error(
+                'Error: The target directory "' . clean_path($targetLocaleDir) . '" cannot be accessed.',
+            );
+
+            return EXIT_ERROR;
+        }
+
+        $iterator = new RecursiveIteratorIterator(
+            new RecursiveDirectoryIterator(
+                $originalLocaleDir,
+                FilesystemIterator::KEY_AS_PATHNAME | FilesystemIterator::CURRENT_AS_FILEINFO | FilesystemIterator::SKIP_DOTS,
+            ),
+        );
+
+        /**
+         * @var array<non-empty-string, SplFileInfo> $files
+         */
+        $files = iterator_to_array($iterator, true);
+        ksort($files);
+
+        foreach ($files as $originalLanguageFile) {
+            if ($originalLanguageFile->getExtension() !== 'php') {
+                continue;
+            }
+
+            $targetLanguageFile = $targetLocaleDir . DIRECTORY_SEPARATOR . $originalLanguageFile->getFilename();
+
+            $targetLanguageKeys   = [];
+            $originalLanguageKeys = include $originalLanguageFile;
+
+            if (is_file($targetLanguageFile)) {
+                $targetLanguageKeys = include $targetLanguageFile;
+            }
+
+            $targetLanguageKeys = $this->mergeLanguageKeys($originalLanguageKeys, $targetLanguageKeys, $originalLanguageFile->getBasename('.php'));
+
+            $content = "<?php\n\nreturn " . var_export($targetLanguageKeys, true) . ";\n";
+            file_put_contents($targetLanguageFile, $content);
+        }
+
+        return EXIT_SUCCESS;
+    }
+
+    /**
+     * @param array<string, array<string,mixed>|string|null> $originalLanguageKeys
+     * @param array<string, array<string,mixed>|string|null> $targetLanguageKeys
+     *
+     * @return array<string, array<string,mixed>|string|null>
+     */
+    private function mergeLanguageKeys(array $originalLanguageKeys, array $targetLanguageKeys, string $prefix = ''): array
+    {
+        $mergedLanguageKeys = [];
+
+        foreach ($originalLanguageKeys as $key => $value) {
+            $placeholderValue = $prefix !== '' ? $prefix . '.' . $key : $key;
+
+            if (is_string($value)) {
+                // Keep the old value
+                // TODO: The value type may not match the original one
+                if (array_key_exists($key, $targetLanguageKeys)) {
+                    $mergedLanguageKeys[$key] = $targetLanguageKeys[$key];
+
+                    continue;
+                }
+
+                // Set new key with placeholder
+                $mergedLanguageKeys[$key] = $placeholderValue;
+            } elseif (is_array($value)) {
+                if (! array_key_exists($key, $targetLanguageKeys)) {
+                    $mergedLanguageKeys[$key] = $this->mergeLanguageKeys($value, [], $placeholderValue);
+
+                    continue;
+                }
+
+                $mergedLanguageKeys[$key] = $this->mergeLanguageKeys($value, $targetLanguageKeys[$key], $placeholderValue);
+            } else {
+                throw new LogicException('Value for the key "' . $placeholderValue . '" is of the wrong type. Only "array" or "string" is allowed.');
+            }
+        }
+
+        return $mergedLanguageKeys;
+    }
+}
diff --git a/ci4app/system/Commands/Utilities/ConfigCheck.php b/ci4app/system/Commands/Utilities/ConfigCheck.php
new file mode 100644
index 0000000..4583c67
--- /dev/null
+++ b/ci4app/system/Commands/Utilities/ConfigCheck.php
@@ -0,0 +1,156 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Utilities;
+
+use CodeIgniter\Cache\FactoriesCache;
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\Config\BaseConfig;
+use Config\Optimize;
+use Kint\Kint;
+
+/**
+ * Check the Config values.
+ *
+ * @see \CodeIgniter\Commands\Utilities\ConfigCheckTest
+ */
+final class ConfigCheck extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'CodeIgniter';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'config:check';
+
+    /**
+     * The Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Check your Config values.';
+
+    /**
+     * The Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'config:check <classname>';
+
+    /**
+     * The Command's arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'classname' => 'The config classname to check. Short classname or FQCN.',
+    ];
+
+    /**
+     * The Command's options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [];
+
+    /**
+     * @return int
+     */
+    public function run(array $params)
+    {
+        if (! isset($params[0])) {
+            CLI::error('You must specify a Config classname.');
+            CLI::write('  Usage: ' . $this->usage);
+            CLI::write('Example: config:check App');
+            CLI::write('         config:check \'CodeIgniter\Shield\Config\Auth\'');
+
+            return EXIT_ERROR;
+        }
+
+        /** @var class-string<BaseConfig> $class */
+        $class = $params[0];
+
+        // Load Config cache if it is enabled.
+        $configCacheEnabled = class_exists(Optimize::class)
+            && (new Optimize())->configCacheEnabled;
+        if ($configCacheEnabled) {
+            $factoriesCache = new FactoriesCache();
+            $factoriesCache->load('config');
+        }
+
+        $config = config($class);
+
+        if ($config === null) {
+            CLI::error('No such Config class: ' . $class);
+
+            return EXIT_ERROR;
+        }
+
+        if (defined('KINT_DIR') && Kint::$enabled_mode !== false) {
+            CLI::write($this->getKintD($config));
+        } else {
+            CLI::write(
+                CLI::color($this->getVarDump($config), 'cyan'),
+            );
+        }
+
+        CLI::newLine();
+        $state = CLI::color($configCacheEnabled ? 'Enabled' : 'Disabled', 'green');
+        CLI::write('Config Caching: ' . $state);
+
+        return EXIT_SUCCESS;
+    }
+
+    /**
+     * Gets object dump by Kint d()
+     */
+    private function getKintD(object $config): string
+    {
+        ob_start();
+        d($config);
+        $output = ob_get_clean();
+
+        $output = trim($output);
+
+        $lines = explode("\n", $output);
+        array_splice($lines, 0, 3);
+        array_splice($lines, -3);
+
+        return implode("\n", $lines);
+    }
+
+    /**
+     * Gets object dump by var_dump()
+     */
+    private function getVarDump(object $config): string
+    {
+        ob_start();
+        var_dump($config);
+        $output = ob_get_clean();
+
+        return preg_replace(
+            '!.*system/Commands/Utilities/ConfigCheck.php.*\n!u',
+            '',
+            $output,
+        );
+    }
+}
diff --git a/ci4app/system/Commands/Utilities/Environment.php b/ci4app/system/Commands/Utilities/Environment.php
new file mode 100644
index 0000000..22794fe
--- /dev/null
+++ b/ci4app/system/Commands/Utilities/Environment.php
@@ -0,0 +1,159 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Utilities;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\Config\DotEnv;
+
+/**
+ * Command to display the current environment,
+ * or set a new one in the `.env` file.
+ */
+final class Environment extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'CodeIgniter';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'env';
+
+    /**
+     * The Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Retrieves the current environment, or set a new one.';
+
+    /**
+     * The Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'env [<environment>]';
+
+    /**
+     * The Command's arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'environment' => '[Optional] The new environment to set. If none is provided, this will print the current environment.',
+    ];
+
+    /**
+     * The Command's options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [];
+
+    /**
+     * Allowed values for environment. `testing` is excluded
+     * since spark won't work on it.
+     *
+     * @var array<int, string>
+     */
+    private static array $knownTypes = [
+        'production',
+        'development',
+    ];
+
+    /**
+     * @return int
+     */
+    public function run(array $params)
+    {
+        if ($params === []) {
+            CLI::write(sprintf('Your environment is currently set as %s.', CLI::color($_SERVER['CI_ENVIRONMENT'] ?? ENVIRONMENT, 'green')));
+            CLI::newLine();
+
+            return EXIT_ERROR;
+        }
+
+        $env = strtolower(array_shift($params));
+
+        if ($env === 'testing') {
+            CLI::error('The "testing" environment is reserved for PHPUnit testing.', 'light_gray', 'red');
+            CLI::error('You will not be able to run spark under a "testing" environment.', 'light_gray', 'red');
+            CLI::newLine();
+
+            return EXIT_ERROR;
+        }
+
+        if (! in_array($env, self::$knownTypes, true)) {
+            CLI::error(sprintf('Invalid environment type "%s". Expected one of "%s".', $env, implode('" and "', self::$knownTypes)), 'light_gray', 'red');
+            CLI::newLine();
+
+            return EXIT_ERROR;
+        }
+
+        if (! $this->writeNewEnvironmentToEnvFile($env)) {
+            CLI::error('Error in writing new environment to .env file.', 'light_gray', 'red');
+            CLI::newLine();
+
+            return EXIT_ERROR;
+        }
+
+        // force DotEnv to reload the new environment
+        // however we cannot redefine the ENVIRONMENT constant
+        putenv('CI_ENVIRONMENT');
+        unset($_ENV['CI_ENVIRONMENT'], $_SERVER['CI_ENVIRONMENT']);
+        (new DotEnv(ROOTPATH))->load();
+
+        CLI::write(sprintf('Environment is successfully changed to "%s".', $env), 'green');
+        CLI::write('The ENVIRONMENT constant will be changed in the next script execution.');
+        CLI::newLine();
+
+        return EXIT_SUCCESS;
+    }
+
+    /**
+     * @see https://regex101.com/r/4sSORp/1 for the regex in action
+     */
+    private function writeNewEnvironmentToEnvFile(string $newEnv): bool
+    {
+        $baseEnv = ROOTPATH . 'env';
+        $envFile = ROOTPATH . '.env';
+
+        if (! is_file($envFile)) {
+            if (! is_file($baseEnv)) {
+                CLI::write('Both default shipped `env` file and custom `.env` are missing.', 'yellow');
+                CLI::write('It is impossible to write the new environment type.', 'yellow');
+                CLI::newLine();
+
+                return false;
+            }
+
+            copy($baseEnv, $envFile);
+        }
+
+        $pattern = preg_quote($_SERVER['CI_ENVIRONMENT'] ?? ENVIRONMENT, '/');
+        $pattern = sprintf('/^[#\s]*CI_ENVIRONMENT[=\s]+%s$/m', $pattern);
+
+        return file_put_contents(
+            $envFile,
+            preg_replace($pattern, "\nCI_ENVIRONMENT = {$newEnv}", file_get_contents($envFile), -1, $count),
+        ) !== false && $count > 0;
+    }
+}
diff --git a/ci4app/system/Commands/Utilities/FilterCheck.php b/ci4app/system/Commands/Utilities/FilterCheck.php
new file mode 100644
index 0000000..e2043fe
--- /dev/null
+++ b/ci4app/system/Commands/Utilities/FilterCheck.php
@@ -0,0 +1,199 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Utilities;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\Commands\Utilities\Routes\FilterCollector;
+
+/**
+ * Check filters for a route.
+ */
+class FilterCheck extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'CodeIgniter';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'filter:check';
+
+    /**
+     * the Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Check filters for a route.';
+
+    /**
+     * the Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'filter:check <HTTP method> <route>';
+
+    /**
+     * the Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'method' => 'The HTTP method. GET, POST, PUT, etc.',
+        'route'  => 'The route (URI path) to check filters.',
+    ];
+
+    /**
+     * the Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [];
+
+    /**
+     * @return int exit code
+     */
+    public function run(array $params)
+    {
+        if (! $this->checkParams($params)) {
+            return EXIT_ERROR;
+        }
+
+        $method = $params[0];
+        $route  = $params[1];
+
+        // Load Routes
+        service('routes')->loadRoutes();
+
+        $filterCollector = new FilterCollector();
+
+        $filters = $filterCollector->get($method, $route);
+
+        // PageNotFoundException
+        if ($filters['before'] === ['<unknown>']) {
+            CLI::error(
+                "Can't find a route: " .
+                CLI::color(
+                    '"' . strtoupper($method) . ' ' . $route . '"',
+                    'black',
+                    'light_gray',
+                ),
+            );
+
+            return EXIT_ERROR;
+        }
+
+        $this->showTable($filterCollector, $filters, $method, $route);
+        $this->showFilterClasses($filterCollector, $method, $route);
+
+        return EXIT_SUCCESS;
+    }
+
+    /**
+     * @param array<int|string, string|null> $params
+     */
+    private function checkParams(array $params): bool
+    {
+        if (! isset($params[0], $params[1])) {
+            CLI::error('You must specify a HTTP verb and a route.');
+            CLI::write('  Usage: ' . $this->usage);
+            CLI::write('Example: filter:check GET /');
+            CLI::write('         filter:check PUT products/1');
+
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * @param array{before: list<string>, after: list<string>} $filters
+     */
+    private function showTable(
+        FilterCollector $filterCollector,
+        array $filters,
+        string $method,
+        string $route,
+    ): void {
+        $thead = [
+            'Method',
+            'Route',
+            'Before Filters',
+            'After Filters',
+        ];
+
+        $required = $filterCollector->getRequiredFilters();
+
+        $coloredRequired = $this->colorItems($required);
+
+        $before = array_merge($coloredRequired['before'], $filters['before']);
+        $after  = array_merge($filters['after'], $coloredRequired['after']);
+
+        $tbody   = [];
+        $tbody[] = [
+            strtoupper($method),
+            $route,
+            implode(' ', $before),
+            implode(' ', $after),
+        ];
+
+        CLI::table($tbody, $thead);
+    }
+
+    /**
+     * Color all elements of the array.
+     *
+     * @param array<array-key, mixed> $array
+     *
+     * @return array<array-key, mixed>
+     */
+    private function colorItems(array $array): array
+    {
+        return array_map(function ($item): array|string {
+            if (is_array($item)) {
+                return $this->colorItems($item);
+            }
+
+            return CLI::color($item, 'yellow');
+        }, $array);
+    }
+
+    private function showFilterClasses(
+        FilterCollector $filterCollector,
+        string $method,
+        string $route,
+    ): void {
+        $requiredFilterClasses = $filterCollector->getRequiredFilterClasses();
+        $filterClasses         = $filterCollector->getClasses($method, $route);
+
+        $coloredRequiredFilterClasses = $this->colorItems($requiredFilterClasses);
+
+        $classList = [
+            'before' => array_merge($coloredRequiredFilterClasses['before'], $filterClasses['before']),
+            'after'  => array_merge($filterClasses['after'], $coloredRequiredFilterClasses['after']),
+        ];
+
+        foreach ($classList as $position => $classes) {
+            CLI::write(ucfirst($position) . ' Filter Classes:', 'cyan');
+            CLI::write(implode(' → ', $classes));
+        }
+    }
+}
diff --git a/ci4app/system/Commands/Utilities/Namespaces.php b/ci4app/system/Commands/Utilities/Namespaces.php
new file mode 100644
index 0000000..8dda8ce
--- /dev/null
+++ b/ci4app/system/Commands/Utilities/Namespaces.php
@@ -0,0 +1,160 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Utilities;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use Config\Autoload;
+
+/**
+ * Lists namespaces set in Config\Autoload with their
+ * full server path. Helps you to verify that you have
+ * the namespaces setup correctly.
+ *
+ * @see \CodeIgniter\Commands\Utilities\NamespacesTest
+ */
+class Namespaces extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'CodeIgniter';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'namespaces';
+
+    /**
+     * the Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Verifies your namespaces are setup correctly.';
+
+    /**
+     * the Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'namespaces';
+
+    /**
+     * the Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [];
+
+    /**
+     * the Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '-c' => 'Show only CodeIgniter config namespaces.',
+        '-r' => 'Show raw path strings.',
+        '-m' => 'Specify max length of the path strings to output. Default: 60.',
+    ];
+
+    /**
+     * Displays the help for the spark cli script itself.
+     */
+    public function run(array $params)
+    {
+        $params['m'] = (int) ($params['m'] ?? 60);
+
+        $tbody = array_key_exists('c', $params) ? $this->outputCINamespaces($params) : $this->outputAllNamespaces($params);
+
+        $thead = [
+            'Namespace',
+            'Path',
+            'Found?',
+        ];
+
+        CLI::table($tbody, $thead);
+    }
+
+    private function outputAllNamespaces(array $params): array
+    {
+        $maxLength = $params['m'];
+
+        $autoloader = service('autoloader');
+
+        $tbody = [];
+
+        foreach ($autoloader->getNamespace() as $ns => $paths) {
+            foreach ($paths as $path) {
+                if (array_key_exists('r', $params)) {
+                    $pathOutput = $this->truncate($path, $maxLength);
+                } else {
+                    $pathOutput = $this->truncate(clean_path($path), $maxLength);
+                }
+
+                $tbody[] = [
+                    $ns,
+                    $pathOutput,
+                    is_dir($path) ? 'Yes' : 'MISSING',
+                ];
+            }
+        }
+
+        return $tbody;
+    }
+
+    private function truncate(string $string, int $max): string
+    {
+        $length = mb_strlen($string);
+
+        if ($length > $max) {
+            return mb_substr($string, 0, $max - 3) . '...';
+        }
+
+        return $string;
+    }
+
+    private function outputCINamespaces(array $params): array
+    {
+        $maxLength = $params['m'];
+
+        $config = new Autoload();
+
+        $tbody = [];
+
+        foreach ($config->psr4 as $ns => $paths) {
+            foreach ((array) $paths as $path) {
+                if (array_key_exists('r', $params)) {
+                    $pathOutput = $this->truncate($path, $maxLength);
+                } else {
+                    $pathOutput = $this->truncate(clean_path($path), $maxLength);
+                }
+
+                $path = realpath($path) ?: $path;
+
+                $tbody[] = [
+                    $ns,
+                    $pathOutput,
+                    is_dir($path) ? 'Yes' : 'MISSING',
+                ];
+            }
+        }
+
+        return $tbody;
+    }
+}
diff --git a/ci4app/system/Commands/Utilities/Optimize.php b/ci4app/system/Commands/Utilities/Optimize.php
new file mode 100644
index 0000000..1a103a1
--- /dev/null
+++ b/ci4app/system/Commands/Utilities/Optimize.php
@@ -0,0 +1,149 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Utilities;
+
+use CodeIgniter\Autoloader\FileLocator;
+use CodeIgniter\Autoloader\FileLocatorCached;
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\Exceptions\RuntimeException;
+use CodeIgniter\Publisher\Publisher;
+
+/**
+ * Optimize for production.
+ */
+final class Optimize extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'CodeIgniter';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'optimize';
+
+    /**
+     * The Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Optimize for production.';
+
+    /**
+     * The Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'optimize';
+
+    /**
+     * @return int
+     */
+    public function run(array $params)
+    {
+        try {
+            $this->enableCaching();
+            $this->clearCache();
+            $this->removeDevPackages();
+
+            return EXIT_SUCCESS;
+        } catch (RuntimeException) {
+            CLI::error('The "spark optimize" failed.');
+
+            return EXIT_ERROR;
+        }
+    }
+
+    private function clearCache(): void
+    {
+        $locator = new FileLocatorCached(new FileLocator(service('autoloader')));
+        $locator->deleteCache();
+        CLI::write('Removed FileLocatorCache.', 'green');
+
+        $cache = WRITEPATH . 'cache/FactoriesCache_config';
+        $this->removeFile($cache);
+    }
+
+    private function removeFile(string $cache): void
+    {
+        if (is_file($cache)) {
+            $result = unlink($cache);
+
+            if ($result) {
+                CLI::write('Removed "' . clean_path($cache) . '".', 'green');
+
+                return;
+            }
+
+            CLI::error('Error in removing file: ' . clean_path($cache));
+
+            throw new RuntimeException(__METHOD__);
+        }
+    }
+
+    private function enableCaching(): void
+    {
+        $publisher = new Publisher(APPPATH, APPPATH);
+
+        $config = APPPATH . 'Config/Optimize.php';
+
+        $result = $publisher->replace(
+            $config,
+            [
+                'public bool $configCacheEnabled = false;'  => 'public bool $configCacheEnabled = true;',
+                'public bool $locatorCacheEnabled = false;' => 'public bool $locatorCacheEnabled = true;',
+            ],
+        );
+
+        if ($result) {
+            CLI::write(
+                'Config Caching and FileLocator Caching are enabled in "app/Config/Optimize.php".',
+                'green',
+            );
+
+            return;
+        }
+
+        CLI::error('Error in updating file: ' . clean_path($config));
+
+        throw new RuntimeException(__METHOD__);
+    }
+
+    private function removeDevPackages(): void
+    {
+        if (! defined('VENDORPATH')) {
+            return;
+        }
+
+        chdir(ROOTPATH);
+        passthru('composer install --no-dev', $status);
+
+        if ($status === 0) {
+            CLI::write('Removed Composer dev packages.', 'green');
+
+            return;
+        }
+
+        CLI::error('Error in removing Composer dev packages.');
+
+        throw new RuntimeException(__METHOD__);
+    }
+}
diff --git a/ci4app/system/Commands/Utilities/PhpIniCheck.php b/ci4app/system/Commands/Utilities/PhpIniCheck.php
new file mode 100644
index 0000000..f25518f
--- /dev/null
+++ b/ci4app/system/Commands/Utilities/PhpIniCheck.php
@@ -0,0 +1,96 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Utilities;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\Security\CheckPhpIni;
+
+/**
+ * Check php.ini values.
+ */
+final class PhpIniCheck extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'CodeIgniter';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'phpini:check';
+
+    /**
+     * The Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Check your php.ini values in production environment.';
+
+    /**
+     * The Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'phpini:check';
+
+    /**
+     * The Command's arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'opcache' => 'Check detail opcache values in production environment.',
+    ];
+
+    /**
+     * The Command's options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [];
+
+    /**
+     * @return int
+     */
+    public function run(array $params)
+    {
+        if (isset($params[0]) && ! in_array($params[0], array_keys($this->arguments), true)) {
+            CLI::error('You must specify a correct argument.');
+            CLI::write('    Usage: ' . $this->usage);
+            CLI::write('  Example: phpini:check opcache');
+            CLI::write('Arguments:');
+
+            $length = max(array_map(strlen(...), array_keys($this->arguments)));
+
+            foreach ($this->arguments as $argument => $description) {
+                CLI::write(CLI::color($this->setPad($argument, $length, 2, 2), 'green') . $description);
+            }
+
+            return EXIT_ERROR;
+        }
+
+        $argument = $params[0] ?? null;
+
+        CheckPhpIni::run(argument: $argument);
+
+        return EXIT_SUCCESS;
+    }
+}
diff --git a/ci4app/system/Commands/Utilities/Publish.php b/ci4app/system/Commands/Utilities/Publish.php
new file mode 100644
index 0000000..13ffa96
--- /dev/null
+++ b/ci4app/system/Commands/Utilities/Publish.php
@@ -0,0 +1,113 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Utilities;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\Publisher\Publisher;
+
+/**
+ * Discovers all Publisher classes from the "Publishers/" directory
+ * across namespaces. Executes `publish()` from each instance, parsing
+ * each result.
+ */
+class Publish extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'CodeIgniter';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'publish';
+
+    /**
+     * The Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Discovers and executes all predefined Publisher classes.';
+
+    /**
+     * The Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'publish [<directory>]';
+
+    /**
+     * The Command's arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [
+        'directory' => '[Optional] The directory to scan within each namespace. Default: "Publishers".',
+    ];
+
+    /**
+     * the Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '--namespace' => 'The namespace from which to search for files to publish. By default, all namespaces are analysed.',
+    ];
+
+    /**
+     * Displays the help for the spark cli script itself.
+     */
+    public function run(array $params)
+    {
+        $directory = $params[0] ?? 'Publishers';
+        $namespace = $params['namespace'] ?? '';
+
+        if ([] === $publishers = Publisher::discover($directory, $namespace)) {
+            if ($namespace === '') {
+                CLI::write(lang('Publisher.publishMissing', [$directory]));
+            } else {
+                CLI::write(lang('Publisher.publishMissingNamespace', [$directory, $namespace]));
+            }
+
+            return;
+        }
+
+        foreach ($publishers as $publisher) {
+            if ($publisher->publish()) {
+                CLI::write(lang('Publisher.publishSuccess', [
+                    $publisher::class,
+                    count($publisher->getPublished()),
+                    $publisher->getDestination(),
+                ]), 'green');
+            } else {
+                CLI::error(lang('Publisher.publishFailure', [
+                    $publisher::class,
+                    $publisher->getDestination(),
+                ]), 'light_gray', 'red');
+
+                foreach ($publisher->getErrors() as $file => $exception) {
+                    CLI::write($file);
+                    CLI::error($exception->getMessage());
+                    CLI::newLine();
+                }
+            }
+        }
+    }
+}
diff --git a/ci4app/system/Commands/Utilities/Routes.php b/ci4app/system/Commands/Utilities/Routes.php
new file mode 100644
index 0000000..2a6122c
--- /dev/null
+++ b/ci4app/system/Commands/Utilities/Routes.php
@@ -0,0 +1,224 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Utilities;
+
+use CodeIgniter\CLI\BaseCommand;
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\Commands\Utilities\Routes\AutoRouteCollector;
+use CodeIgniter\Commands\Utilities\Routes\AutoRouterImproved\AutoRouteCollector as AutoRouteCollectorImproved;
+use CodeIgniter\Commands\Utilities\Routes\FilterCollector;
+use CodeIgniter\Commands\Utilities\Routes\SampleURIGenerator;
+use CodeIgniter\Router\DefinedRouteCollector;
+use CodeIgniter\Router\Router;
+use Config\Feature;
+use Config\Routing;
+
+/**
+ * Lists all the routes. This will include any Routes files
+ * that can be discovered, and will include routes that are not defined
+ * in routes files, but are instead discovered through auto-routing.
+ */
+class Routes extends BaseCommand
+{
+    /**
+     * The group the command is lumped under
+     * when listing commands.
+     *
+     * @var string
+     */
+    protected $group = 'CodeIgniter';
+
+    /**
+     * The Command's name
+     *
+     * @var string
+     */
+    protected $name = 'routes';
+
+    /**
+     * the Command's short description
+     *
+     * @var string
+     */
+    protected $description = 'Displays all routes.';
+
+    /**
+     * the Command's usage
+     *
+     * @var string
+     */
+    protected $usage = 'routes';
+
+    /**
+     * the Command's Arguments
+     *
+     * @var array<string, string>
+     */
+    protected $arguments = [];
+
+    /**
+     * the Command's Options
+     *
+     * @var array<string, string>
+     */
+    protected $options = [
+        '-h'     => 'Sort by Handler.',
+        '--host' => 'Specify hostname in request URI.',
+    ];
+
+    /**
+     * Displays the help for the spark cli script itself.
+     */
+    public function run(array $params)
+    {
+        $sortByHandler = array_key_exists('h', $params);
+        $host          = $params['host'] ?? null;
+
+        // Set HTTP_HOST
+        if ($host !== null) {
+            $request              = service('request');
+            $_SERVER              = $request->getServer();
+            $_SERVER['HTTP_HOST'] = $host;
+            $request->setGlobal('server', $_SERVER);
+        }
+
+        $collection = service('routes')->loadRoutes();
+
+        // Reset HTTP_HOST
+        if ($host !== null) {
+            unset($_SERVER['HTTP_HOST']);
+        }
+
+        $methods = Router::HTTP_METHODS;
+
+        $tbody           = [];
+        $uriGenerator    = new SampleURIGenerator();
+        $filterCollector = new FilterCollector();
+
+        $definedRouteCollector = new DefinedRouteCollector($collection);
+
+        foreach ($definedRouteCollector->collect() as $route) {
+            $sampleUri = $uriGenerator->get($route['route']);
+            $filters   = $filterCollector->get($route['method'], $sampleUri);
+
+            $routeName = ($route['route'] === $route['name']) ? '»' : $route['name'];
+
+            $tbody[] = [
+                strtoupper($route['method']),
+                $route['route'],
+                $routeName,
+                $route['handler'],
+                implode(' ', array_map(class_basename(...), $filters['before'])),
+                implode(' ', array_map(class_basename(...), $filters['after'])),
+            ];
+        }
+
+        if ($collection->shouldAutoRoute()) {
+            $autoRoutesImproved = config(Feature::class)->autoRoutesImproved ?? false;
+
+            if ($autoRoutesImproved) {
+                $autoRouteCollector = new AutoRouteCollectorImproved(
+                    $collection->getDefaultNamespace(),
+                    $collection->getDefaultController(),
+                    $collection->getDefaultMethod(),
+                    $methods,
+                    $collection->getRegisteredControllers('*'),
+                );
+
+                $autoRoutes = $autoRouteCollector->get();
+
+                // Check for Module Routes.
+                $routingConfig = config(Routing::class);
+
+                if ($routingConfig instanceof Routing) {
+                    foreach ($routingConfig->moduleRoutes as $uri => $namespace) {
+                        $autoRouteCollector = new AutoRouteCollectorImproved(
+                            $namespace,
+                            $collection->getDefaultController(),
+                            $collection->getDefaultMethod(),
+                            $methods,
+                            $collection->getRegisteredControllers('*'),
+                            $uri,
+                        );
+
+                        $autoRoutes = [...$autoRoutes, ...$autoRouteCollector->get()];
+                    }
+                }
+            } else {
+                $autoRouteCollector = new AutoRouteCollector(
+                    $collection->getDefaultNamespace(),
+                    $collection->getDefaultController(),
+                    $collection->getDefaultMethod(),
+                );
+
+                $autoRoutes = $autoRouteCollector->get();
+
+                foreach ($autoRoutes as &$routes) {
+                    // There is no `AUTO` method, but it is intentional not to get route filters.
+                    $filters = $filterCollector->get('AUTO', $uriGenerator->get($routes[1]));
+
+                    $routes[] = implode(' ', array_map(class_basename(...), $filters['before']));
+                    $routes[] = implode(' ', array_map(class_basename(...), $filters['after']));
+                }
+            }
+
+            $tbody = [...$tbody, ...$autoRoutes];
+        }
+
+        $thead = [
+            'Method',
+            'Route',
+            'Name',
+            $sortByHandler ? 'Handler ↓' : 'Handler',
+            'Before Filters',
+            'After Filters',
+        ];
+
+        // Sort by Handler.
+        if ($sortByHandler) {
+            usort($tbody, static fn ($handler1, $handler2): int => strcmp($handler1[3], $handler2[3]));
+        }
+
+        if ($host !== null) {
+            CLI::write('Host: ' . $host);
+        }
+
+        CLI::table($tbody, $thead);
+
+        $this->showRequiredFilters();
+    }
+
+    private function showRequiredFilters(): void
+    {
+        $filterCollector = new FilterCollector();
+
+        $required = $filterCollector->getRequiredFilters();
+
+        $filters = [];
+
+        foreach ($required['before'] as $filter) {
+            $filters[] = CLI::color($filter, 'yellow');
+        }
+
+        CLI::write('Required Before Filters: ' . implode(', ', $filters));
+
+        $filters = [];
+
+        foreach ($required['after'] as $filter) {
+            $filters[] = CLI::color($filter, 'yellow');
+        }
+
+        CLI::write(' Required After Filters: ' . implode(', ', $filters));
+    }
+}
diff --git a/ci4app/system/Commands/Utilities/Routes/AutoRouteCollector.php b/ci4app/system/Commands/Utilities/Routes/AutoRouteCollector.php
new file mode 100644
index 0000000..3b91d36
--- /dev/null
+++ b/ci4app/system/Commands/Utilities/Routes/AutoRouteCollector.php
@@ -0,0 +1,59 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Utilities\Routes;
+
+/**
+ * Collects data for auto route listing.
+ *
+ * @see \CodeIgniter\Commands\Utilities\Routes\AutoRouteCollectorTest
+ */
+final class AutoRouteCollector
+{
+    /**
+     * @param string $namespace namespace to search
+     */
+    public function __construct(private readonly string $namespace, private readonly string $defaultController, private readonly string $defaultMethod)
+    {
+    }
+
+    /**
+     * @return list<list<string>>
+     */
+    public function get(): array
+    {
+        $finder = new ControllerFinder($this->namespace);
+        $reader = new ControllerMethodReader($this->namespace);
+
+        $tbody = [];
+
+        foreach ($finder->find() as $class) {
+            $output = $reader->read(
+                $class,
+                $this->defaultController,
+                $this->defaultMethod,
+            );
+
+            foreach ($output as $item) {
+                $tbody[] = [
+                    'auto',
+                    $item['route'],
+                    '',
+                    $item['handler'],
+                ];
+            }
+        }
+
+        return $tbody;
+    }
+}
diff --git a/ci4app/system/Commands/Utilities/Routes/AutoRouterImproved/AutoRouteCollector.php b/ci4app/system/Commands/Utilities/Routes/AutoRouterImproved/AutoRouteCollector.php
new file mode 100644
index 0000000..f4a5204
--- /dev/null
+++ b/ci4app/system/Commands/Utilities/Routes/AutoRouterImproved/AutoRouteCollector.php
@@ -0,0 +1,153 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Utilities\Routes\AutoRouterImproved;
+
+use CodeIgniter\Commands\Utilities\Routes\ControllerFinder;
+use CodeIgniter\Commands\Utilities\Routes\FilterCollector;
+
+/**
+ * Collects data for Auto Routing Improved.
+ *
+ * @see \CodeIgniter\Commands\Utilities\Routes\AutoRouterImproved\AutoRouteCollectorTest
+ */
+final class AutoRouteCollector
+{
+    /**
+     * @param string             $namespace            namespace to search
+     * @param list<class-string> $protectedControllers List of controllers in Defined
+     *                                                 Routes that should not be accessed via Auto-Routing.
+     * @param list<string>       $httpMethods
+     * @param string             $prefix               URI prefix for Module Routing
+     */
+    public function __construct(
+        private readonly string $namespace,
+        private readonly string $defaultController,
+        private readonly string $defaultMethod,
+        private readonly array $httpMethods,
+        private readonly array $protectedControllers,
+        private readonly string $prefix = '',
+    ) {
+    }
+
+    /**
+     * @return list<list<string>>
+     */
+    public function get(): array
+    {
+        $finder = new ControllerFinder($this->namespace);
+        $reader = new ControllerMethodReader($this->namespace, $this->httpMethods);
+
+        $tbody = [];
+
+        foreach ($finder->find() as $class) {
+            // Exclude controllers in Defined Routes.
+            if (in_array('\\' . $class, $this->protectedControllers, true)) {
+                continue;
+            }
+
+            $routes = $reader->read(
+                $class,
+                $this->defaultController,
+                $this->defaultMethod,
+            );
+
+            if ($routes === []) {
+                continue;
+            }
+
+            $routes = $this->addFilters($routes);
+
+            foreach ($routes as $item) {
+                $route = $item['route'] . $item['route_params'];
+
+                // For module routing
+                if ($this->prefix !== '' && $route === '/') {
+                    $route = $this->prefix;
+                } elseif ($this->prefix !== '') {
+                    $route = $this->prefix . '/' . $route;
+                }
+
+                $tbody[] = [
+                    strtoupper($item['method']) . '(auto)',
+                    $route,
+                    '',
+                    $item['handler'],
+                    $item['before'],
+                    $item['after'],
+                ];
+            }
+        }
+
+        return $tbody;
+    }
+
+    /**
+     * Adding Filters
+     *
+     * @param list<array<string, array|string>> $routes
+     *
+     * @return list<array<string, array|string>>
+     */
+    private function addFilters($routes)
+    {
+        $filterCollector = new FilterCollector(true);
+
+        foreach ($routes as &$route) {
+            $routePath = $route['route'];
+
+            // For module routing
+            if ($this->prefix !== '' && $route === '/') {
+                $routePath = $this->prefix;
+            } elseif ($this->prefix !== '') {
+                $routePath = $this->prefix . '/' . $routePath;
+            }
+
+            // Search filters for the URI with all params
+            $sampleUri      = $this->generateSampleUri($route);
+            $filtersLongest = $filterCollector->get($route['method'], $routePath . $sampleUri);
+
+            // Search filters for the URI without optional params
+            $sampleUri       = $this->generateSampleUri($route, false);
+            $filtersShortest = $filterCollector->get($route['method'], $routePath . $sampleUri);
+
+            // Get common array elements
+            $filters = [
+                'before' => array_intersect($filtersLongest['before'], $filtersShortest['before']),
+                'after'  => array_intersect($filtersLongest['after'], $filtersShortest['after']),
+            ];
+
+            $route['before'] = implode(' ', array_map(class_basename(...), $filters['before']));
+            $route['after']  = implode(' ', array_map(class_basename(...), $filters['after']));
+        }
+
+        return $routes;
+    }
+
+    private function generateSampleUri(array $route, bool $longest = true): string
+    {
+        $sampleUri = '';
+
+        if (isset($route['params'])) {
+            $i = 1;
+
+            foreach ($route['params'] as $required) {
+                if ($longest && ! $required) {
+                    $sampleUri .= '/' . $i++;
+                }
+            }
+        }
+
+        return $sampleUri;
+    }
+}
diff --git a/ci4app/system/Commands/Utilities/Routes/AutoRouterImproved/ControllerMethodReader.php b/ci4app/system/Commands/Utilities/Routes/AutoRouterImproved/ControllerMethodReader.php
new file mode 100644
index 0000000..a0a98af
--- /dev/null
+++ b/ci4app/system/Commands/Utilities/Routes/AutoRouterImproved/ControllerMethodReader.php
@@ -0,0 +1,243 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Utilities\Routes\AutoRouterImproved;
+
+use Config\Routing;
+use ReflectionClass;
+use ReflectionMethod;
+
+/**
+ * Reads a controller and returns a list of auto route listing.
+ *
+ * @see \CodeIgniter\Commands\Utilities\Routes\AutoRouterImproved\ControllerMethodReaderTest
+ */
+final class ControllerMethodReader
+{
+    private readonly bool $translateURIDashes;
+    private readonly bool $translateUriToCamelCase;
+
+    /**
+     * @param string       $namespace   the default namespace
+     * @param list<string> $httpMethods
+     */
+    public function __construct(
+        private readonly string $namespace,
+        private readonly array $httpMethods,
+    ) {
+        $config                        = config(Routing::class);
+        $this->translateURIDashes      = $config->translateURIDashes;
+        $this->translateUriToCamelCase = $config->translateUriToCamelCase;
+    }
+
+    /**
+     * Returns found route info in the controller.
+     *
+     * @param class-string $class
+     *
+     * @return list<array<string, array|string>>
+     */
+    public function read(string $class, string $defaultController = 'Home', string $defaultMethod = 'index'): array
+    {
+        $reflection = new ReflectionClass($class);
+
+        if ($reflection->isAbstract()) {
+            return [];
+        }
+
+        $classname      = $reflection->getName();
+        $classShortname = $reflection->getShortName();
+
+        $output     = [];
+        $classInUri = $this->convertClassNameToUri($classname);
+
+        foreach ($reflection->getMethods(ReflectionMethod::IS_PUBLIC) as $method) {
+            $methodName = $method->getName();
+
+            foreach ($this->httpMethods as $httpVerb) {
+                if (str_starts_with($methodName, strtolower($httpVerb))) {
+                    // Remove HTTP verb prefix.
+                    $methodInUri = $this->convertMethodNameToUri($httpVerb, $methodName);
+
+                    // Check if it is the default method.
+                    if ($methodInUri === $defaultMethod) {
+                        $routeForDefaultController = $this->getRouteForDefaultController(
+                            $classShortname,
+                            $defaultController,
+                            $classInUri,
+                            $classname,
+                            $methodName,
+                            $httpVerb,
+                            $method,
+                        );
+
+                        if ($routeForDefaultController !== []) {
+                            // The controller is the default controller. It only
+                            // has a route for the default method. Other methods
+                            // will not be routed even if they exist.
+                            $output = [...$output, ...$routeForDefaultController];
+
+                            continue;
+                        }
+
+                        [$params, $routeParams] = $this->getParameters($method);
+
+                        // Route for the default method.
+                        $output[] = [
+                            'method'       => $httpVerb,
+                            'route'        => $classInUri,
+                            'route_params' => $routeParams,
+                            'handler'      => '\\' . $classname . '::' . $methodName,
+                            'params'       => $params,
+                        ];
+
+                        continue;
+                    }
+
+                    $route = $classInUri . '/' . $methodInUri;
+
+                    [$params, $routeParams] = $this->getParameters($method);
+
+                    // If it is the default controller, the method will not be
+                    // routed.
+                    if ($classShortname === $defaultController) {
+                        $route = 'x ' . $route;
+                    }
+
+                    $output[] = [
+                        'method'       => $httpVerb,
+                        'route'        => $route,
+                        'route_params' => $routeParams,
+                        'handler'      => '\\' . $classname . '::' . $methodName,
+                        'params'       => $params,
+                    ];
+                }
+            }
+        }
+
+        return $output;
+    }
+
+    private function getParameters(ReflectionMethod $method): array
+    {
+        $params      = [];
+        $routeParams = '';
+        $refParams   = $method->getParameters();
+
+        foreach ($refParams as $param) {
+            $required = true;
+            if ($param->isOptional()) {
+                $required = false;
+
+                $routeParams .= '[/..]';
+            } else {
+                $routeParams .= '/..';
+            }
+
+            // [variable_name => required?]
+            $params[$param->getName()] = $required;
+        }
+
+        return [$params, $routeParams];
+    }
+
+    /**
+     * @param class-string $classname
+     *
+     * @return string URI path part from the folder(s) and controller
+     */
+    private function convertClassNameToUri(string $classname): string
+    {
+        // remove the namespace
+        $pattern = '/' . preg_quote($this->namespace, '/') . '/';
+        $class   = ltrim(preg_replace($pattern, '', $classname), '\\');
+
+        $classParts = explode('\\', $class);
+        $classPath  = '';
+
+        foreach ($classParts as $part) {
+            // make the first letter lowercase, because auto routing makes
+            // the URI path's first letter uppercase and search the controller
+            $classPath .= lcfirst($part) . '/';
+        }
+
+        $classUri = rtrim($classPath, '/');
+
+        return $this->translateToUri($classUri);
+    }
+
+    /**
+     * @return string URI path part from the method
+     */
+    private function convertMethodNameToUri(string $httpVerb, string $methodName): string
+    {
+        $methodUri = lcfirst(substr($methodName, strlen($httpVerb)));
+
+        return $this->translateToUri($methodUri);
+    }
+
+    /**
+     * @param string $string classname or method name
+     */
+    private function translateToUri(string $string): string
+    {
+        if ($this->translateUriToCamelCase) {
+            $string = strtolower(
+                preg_replace('/([a-z\d])([A-Z])/', '$1-$2', $string),
+            );
+        } elseif ($this->translateURIDashes) {
+            $string = str_replace('_', '-', $string);
+        }
+
+        return $string;
+    }
+
+    /**
+     * Gets a route for the default controller.
+     *
+     * @return list<array>
+     */
+    private function getRouteForDefaultController(
+        string $classShortname,
+        string $defaultController,
+        string $uriByClass,
+        string $classname,
+        string $methodName,
+        string $httpVerb,
+        ReflectionMethod $method,
+    ): array {
+        $output = [];
+
+        if ($classShortname === $defaultController) {
+            $pattern                = '#' . preg_quote(lcfirst($defaultController), '#') . '\z#';
+            $routeWithoutController = rtrim(preg_replace($pattern, '', $uriByClass), '/');
+            $routeWithoutController = $routeWithoutController !== '' && $routeWithoutController !== '0' ? $routeWithoutController : '/';
+
+            [$params, $routeParams] = $this->getParameters($method);
+
+            if ($routeWithoutController === '/' && $routeParams !== '') {
+                $routeWithoutController = '';
+            }
+
+            $output[] = [
+                'method'       => $httpVerb,
+                'route'        => $routeWithoutController,
+                'route_params' => $routeParams,
+                'handler'      => '\\' . $classname . '::' . $methodName,
+                'params'       => $params,
+            ];
+        }
+
+        return $output;
+    }
+}
diff --git a/ci4app/system/Commands/Utilities/Routes/ControllerFinder.php b/ci4app/system/Commands/Utilities/Routes/ControllerFinder.php
new file mode 100644
index 0000000..400e30e
--- /dev/null
+++ b/ci4app/system/Commands/Utilities/Routes/ControllerFinder.php
@@ -0,0 +1,74 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Utilities\Routes;
+
+use CodeIgniter\Autoloader\FileLocatorInterface;
+
+/**
+ * Finds all controllers in a namespace for auto route listing.
+ *
+ * @see \CodeIgniter\Commands\Utilities\Routes\ControllerFinderTest
+ */
+final class ControllerFinder
+{
+    private readonly FileLocatorInterface $locator;
+
+    /**
+     * @param string $namespace namespace to search
+     */
+    public function __construct(
+        private readonly string $namespace,
+    ) {
+        $this->locator = service('locator');
+    }
+
+    /**
+     * @return list<class-string>
+     */
+    public function find(): array
+    {
+        $nsArray = explode('\\', trim($this->namespace, '\\'));
+        $count   = count($nsArray);
+        $ns      = '';
+        $files   = [];
+
+        for ($i = 0; $i < $count; $i++) {
+            $ns .= '\\' . array_shift($nsArray);
+            $path = implode('\\', $nsArray);
+
+            $files = $this->locator->listNamespaceFiles($ns, $path);
+
+            if ($files !== []) {
+                break;
+            }
+        }
+
+        $classes = [];
+
+        foreach ($files as $file) {
+            if (\is_file($file)) {
+                $classnameOrEmpty = $this->locator->getClassname($file);
+
+                if ($classnameOrEmpty !== '') {
+                    /** @var class-string $classname */
+                    $classname = $classnameOrEmpty;
+
+                    $classes[] = $classname;
+                }
+            }
+        }
+
+        return $classes;
+    }
+}
diff --git a/ci4app/system/Commands/Utilities/Routes/ControllerMethodReader.php b/ci4app/system/Commands/Utilities/Routes/ControllerMethodReader.php
new file mode 100644
index 0000000..cd47085
--- /dev/null
+++ b/ci4app/system/Commands/Utilities/Routes/ControllerMethodReader.php
@@ -0,0 +1,171 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Utilities\Routes;
+
+use ReflectionClass;
+use ReflectionMethod;
+
+/**
+ * Reads a controller and returns a list of auto route listing.
+ *
+ * @see \CodeIgniter\Commands\Utilities\Routes\ControllerMethodReaderTest
+ */
+final class ControllerMethodReader
+{
+    /**
+     * @param string $namespace the default namespace
+     */
+    public function __construct(private readonly string $namespace)
+    {
+    }
+
+    /**
+     * @param class-string $class
+     *
+     * @return list<array{route: string, handler: string}>
+     */
+    public function read(string $class, string $defaultController = 'Home', string $defaultMethod = 'index'): array
+    {
+        $reflection = new ReflectionClass($class);
+
+        if ($reflection->isAbstract()) {
+            return [];
+        }
+
+        $classname      = $reflection->getName();
+        $classShortname = $reflection->getShortName();
+
+        $output     = [];
+        $uriByClass = $this->getUriByClass($classname);
+
+        if ($this->hasRemap($reflection)) {
+            $methodName = '_remap';
+
+            $routeWithoutController = $this->getRouteWithoutController(
+                $classShortname,
+                $defaultController,
+                $uriByClass,
+                $classname,
+                $methodName,
+            );
+            $output = [...$output, ...$routeWithoutController];
+
+            $output[] = [
+                'route'   => $uriByClass . '[/...]',
+                'handler' => '\\' . $classname . '::' . $methodName,
+            ];
+
+            return $output;
+        }
+
+        foreach ($reflection->getMethods(ReflectionMethod::IS_PUBLIC) as $method) {
+            $methodName = $method->getName();
+
+            $route = $uriByClass . '/' . $methodName;
+
+            // Exclude BaseController and initController
+            // See system/Config/Routes.php
+            if (preg_match('#\AbaseController.*#', $route) === 1) {
+                continue;
+            }
+            if (preg_match('#.*/initController\z#', $route) === 1) {
+                continue;
+            }
+
+            if ($methodName === $defaultMethod) {
+                $routeWithoutController = $this->getRouteWithoutController(
+                    $classShortname,
+                    $defaultController,
+                    $uriByClass,
+                    $classname,
+                    $methodName,
+                );
+                $output = [...$output, ...$routeWithoutController];
+
+                $output[] = [
+                    'route'   => $uriByClass,
+                    'handler' => '\\' . $classname . '::' . $methodName,
+                ];
+            }
+
+            $output[] = [
+                'route'   => $route . '[/...]',
+                'handler' => '\\' . $classname . '::' . $methodName,
+            ];
+        }
+
+        return $output;
+    }
+
+    /**
+     * Whether the class has a _remap() method.
+     */
+    private function hasRemap(ReflectionClass $class): bool
+    {
+        if ($class->hasMethod('_remap')) {
+            $remap = $class->getMethod('_remap');
+
+            return $remap->isPublic();
+        }
+
+        return false;
+    }
+
+    /**
+     * @param class-string $classname
+     *
+     * @return string URI path part from the folder(s) and controller
+     */
+    private function getUriByClass(string $classname): string
+    {
+        // remove the namespace
+        $pattern = '/' . preg_quote($this->namespace, '/') . '/';
+        $class   = ltrim(preg_replace($pattern, '', $classname), '\\');
+
+        $classParts = explode('\\', $class);
+        $classPath  = '';
+
+        foreach ($classParts as $part) {
+            // make the first letter lowercase, because auto routing makes
+            // the URI path's first letter uppercase and search the controller
+            $classPath .= lcfirst($part) . '/';
+        }
+
+        return rtrim($classPath, '/');
+    }
+
+    /**
+     * Gets a route without default controller.
+     */
+    private function getRouteWithoutController(
+        string $classShortname,
+        string $defaultController,
+        string $uriByClass,
+        string $classname,
+        string $methodName,
+    ): array {
+        if ($classShortname !== $defaultController) {
+            return [];
+        }
+
+        $pattern                = '#' . preg_quote(lcfirst($defaultController), '#') . '\z#';
+        $routeWithoutController = rtrim(preg_replace($pattern, '', $uriByClass), '/');
+        $routeWithoutController = $routeWithoutController !== '' && $routeWithoutController !== '0' ? $routeWithoutController : '/';
+
+        return [[
+            'route'   => $routeWithoutController,
+            'handler' => '\\' . $classname . '::' . $methodName,
+        ]];
+    }
+}
diff --git a/ci4app/system/Commands/Utilities/Routes/FilterCollector.php b/ci4app/system/Commands/Utilities/Routes/FilterCollector.php
new file mode 100644
index 0000000..052884a
--- /dev/null
+++ b/ci4app/system/Commands/Utilities/Routes/FilterCollector.php
@@ -0,0 +1,176 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Utilities\Routes;
+
+use CodeIgniter\Filters\Filters;
+use CodeIgniter\HTTP\Method;
+use CodeIgniter\HTTP\Request;
+use CodeIgniter\Router\Router;
+use Config\Filters as FiltersConfig;
+
+/**
+ * Collects filters for a route.
+ *
+ * @see \CodeIgniter\Commands\Utilities\Routes\FilterCollectorTest
+ */
+final class FilterCollector
+{
+    public function __construct(
+        /**
+         * Whether to reset Defined Routes.
+         *
+         * If set to true, route filters are not found.
+         */
+        private readonly bool $resetRoutes = false,
+    ) {
+    }
+
+    /**
+     * Returns filters for the URI
+     *
+     * @param string $method HTTP verb like `GET`,`POST` or `CLI`.
+     * @param string $uri    URI path to find filters for
+     *
+     * @return array{before: list<string>, after: list<string>} array of alias/classname:args
+     */
+    public function get(string $method, string $uri): array
+    {
+        if ($method === strtolower($method)) {
+            @trigger_error(
+                'Passing lowercase HTTP method "' . $method . '" is deprecated.'
+                . ' Use uppercase HTTP method like "' . strtoupper($method) . '".',
+                E_USER_DEPRECATED,
+            );
+        }
+
+        /**
+         * @deprecated 4.5.0
+         * @TODO Remove this in the future.
+         */
+        $method = strtoupper($method);
+
+        if ($method === 'CLI') {
+            return [
+                'before' => [],
+                'after'  => [],
+            ];
+        }
+
+        $request = service('incomingrequest', null, false);
+        $request->setMethod($method);
+
+        $router  = $this->createRouter($request);
+        $filters = $this->createFilters($request);
+
+        $finder = new FilterFinder($router, $filters);
+
+        return $finder->find($uri);
+    }
+
+    /**
+     * Returns filter classes for the URI
+     *
+     * @param string $method HTTP verb like `GET`,`POST` or `CLI`.
+     * @param string $uri    URI path to find filters for
+     *
+     * @return array{before: list<string>, after: list<string>} array of classname:args
+     */
+    public function getClasses(string $method, string $uri): array
+    {
+        if ($method === strtolower($method)) {
+            @trigger_error(
+                'Passing lowercase HTTP method "' . $method . '" is deprecated.'
+                . ' Use uppercase HTTP method like "' . strtoupper($method) . '".',
+                E_USER_DEPRECATED,
+            );
+        }
+
+        /**
+         * @deprecated 4.5.0
+         * @TODO Remove this in the future.
+         */
+        $method = strtoupper($method);
+
+        if ($method === 'CLI') {
+            return [
+                'before' => [],
+                'after'  => [],
+            ];
+        }
+
+        $request = service('incomingrequest', null, false);
+        $request->setMethod($method);
+
+        $router  = $this->createRouter($request);
+        $filters = $this->createFilters($request);
+
+        $finder = new FilterFinder($router, $filters);
+
+        return $finder->findClasses($uri);
+    }
+
+    /**
+     * Returns Required Filters
+     *
+     * @return array{before: list<string>, after: list<string>} array of aliases
+     */
+    public function getRequiredFilters(): array
+    {
+        $request = service('incomingrequest', null, false);
+        $request->setMethod(Method::GET);
+
+        $router  = $this->createRouter($request);
+        $filters = $this->createFilters($request);
+
+        $finder = new FilterFinder($router, $filters);
+
+        return $finder->getRequiredFilters();
+    }
+
+    /**
+     * Returns Required Filter class list
+     *
+     * @return array{before: list<string>, after: list<string>} array of classnames
+     */
+    public function getRequiredFilterClasses(): array
+    {
+        $request = service('incomingrequest', null, false);
+        $request->setMethod(Method::GET);
+
+        $router  = $this->createRouter($request);
+        $filters = $this->createFilters($request);
+
+        $finder = new FilterFinder($router, $filters);
+
+        return $finder->getRequiredFilterClasses();
+    }
+
+    private function createRouter(Request $request): Router
+    {
+        $routes = service('routes');
+
+        if ($this->resetRoutes) {
+            $routes->resetRoutes();
+        }
+
+        return new Router($routes, $request);
+    }
+
+    private function createFilters(Request $request): Filters
+    {
+        $config = config(FiltersConfig::class);
+
+        return new Filters($config, $request, service('response'));
+    }
+}
diff --git a/ci4app/system/Commands/Utilities/Routes/FilterFinder.php b/ci4app/system/Commands/Utilities/Routes/FilterFinder.php
new file mode 100644
index 0000000..f34ea26
--- /dev/null
+++ b/ci4app/system/Commands/Utilities/Routes/FilterFinder.php
@@ -0,0 +1,179 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Utilities\Routes;
+
+use CodeIgniter\Exceptions\PageNotFoundException;
+use CodeIgniter\Filters\Filters;
+use CodeIgniter\HTTP\Exceptions\BadRequestException;
+use CodeIgniter\HTTP\Exceptions\RedirectException;
+use CodeIgniter\Router\Router;
+use Config\Feature;
+
+/**
+ * Finds filters.
+ *
+ * @see \CodeIgniter\Commands\Utilities\Routes\FilterFinderTest
+ */
+final class FilterFinder
+{
+    private readonly Router $router;
+    private readonly Filters $filters;
+
+    public function __construct(?Router $router = null, ?Filters $filters = null)
+    {
+        $this->router  = $router ?? service('router');
+        $this->filters = $filters ?? service('filters');
+    }
+
+    private function getRouteFilters(string $uri): array
+    {
+        $this->router->handle($uri);
+
+        return $this->router->getFilters();
+    }
+
+    /**
+     * @param string $uri URI path to find filters for
+     *
+     * @return array{before: list<string>, after: list<string>} array of alias/classname:args
+     */
+    public function find(string $uri): array
+    {
+        $this->filters->reset();
+
+        try {
+            // Add route filters
+            $routeFilters = $this->getRouteFilters($uri);
+            $this->filters->enableFilters($routeFilters, 'before');
+            $oldFilterOrder = config(Feature::class)->oldFilterOrder ?? false;
+            if (! $oldFilterOrder) {
+                $routeFilters = array_reverse($routeFilters);
+            }
+            $this->filters->enableFilters($routeFilters, 'after');
+
+            $this->filters->initialize($uri);
+
+            return $this->filters->getFilters();
+        } catch (RedirectException) {
+            return [
+                'before' => [],
+                'after'  => [],
+            ];
+        } catch (BadRequestException|PageNotFoundException) {
+            return [
+                'before' => ['<unknown>'],
+                'after'  => ['<unknown>'],
+            ];
+        }
+    }
+
+    /**
+     * @param string $uri URI path to find filters for
+     *
+     * @return array{before: list<string>, after: list<string>} array of classname:args
+     */
+    public function findClasses(string $uri): array
+    {
+        $this->filters->reset();
+
+        try {
+            // Add route filters
+            $routeFilters = $this->getRouteFilters($uri);
+            $this->filters->enableFilters($routeFilters, 'before');
+            $oldFilterOrder = config(Feature::class)->oldFilterOrder ?? false;
+            if (! $oldFilterOrder) {
+                $routeFilters = array_reverse($routeFilters);
+            }
+            $this->filters->enableFilters($routeFilters, 'after');
+
+            $this->filters->initialize($uri);
+
+            $filterClassList = $this->filters->getFiltersClass();
+
+            $filterClasses = [
+                'before' => [],
+                'after'  => [],
+            ];
+
+            foreach ($filterClassList['before'] as $classInfo) {
+                $classWithArguments = ($classInfo[1] === []) ? $classInfo[0]
+                    : $classInfo[0] . ':' . implode(',', $classInfo[1]);
+
+                $filterClasses['before'][] = $classWithArguments;
+            }
+
+            foreach ($filterClassList['after'] as $classInfo) {
+                $classWithArguments = ($classInfo[1] === []) ? $classInfo[0]
+                    : $classInfo[0] . ':' . implode(',', $classInfo[1]);
+
+                $filterClasses['after'][] = $classWithArguments;
+            }
+
+            return $filterClasses;
+        } catch (RedirectException) {
+            return [
+                'before' => [],
+                'after'  => [],
+            ];
+        } catch (BadRequestException|PageNotFoundException) {
+            return [
+                'before' => ['<unknown>'],
+                'after'  => ['<unknown>'],
+            ];
+        }
+    }
+
+    /**
+     * Returns Required Filters
+     *
+     * @return array{before: list<string>, after:list<string>} array of aliases
+     */
+    public function getRequiredFilters(): array
+    {
+        [$requiredBefore] = $this->filters->getRequiredFilters('before');
+        [$requiredAfter]  = $this->filters->getRequiredFilters('after');
+
+        return [
+            'before' => $requiredBefore,
+            'after'  => $requiredAfter,
+        ];
+    }
+
+    /**
+     * Returns Required Filter classes
+     *
+     * @return array{before: list<string>, after:list<string>}
+     */
+    public function getRequiredFilterClasses(): array
+    {
+        $before = $this->filters->getRequiredClasses('before');
+        $after  = $this->filters->getRequiredClasses('after');
+
+        $requiredBefore = [];
+        $requiredAfter  = [];
+
+        foreach ($before as $classInfo) {
+            $requiredBefore[] = $classInfo[0];
+        }
+
+        foreach ($after as $classInfo) {
+            $requiredAfter[] = $classInfo[0];
+        }
+
+        return [
+            'before' => $requiredBefore,
+            'after'  => $requiredAfter,
+        ];
+    }
+}
diff --git a/ci4app/system/Commands/Utilities/Routes/SampleURIGenerator.php b/ci4app/system/Commands/Utilities/Routes/SampleURIGenerator.php
new file mode 100644
index 0000000..a0e5f09
--- /dev/null
+++ b/ci4app/system/Commands/Utilities/Routes/SampleURIGenerator.php
@@ -0,0 +1,73 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Commands\Utilities\Routes;
+
+use CodeIgniter\Router\RouteCollection;
+use Config\App;
+
+/**
+ * Generate a sample URI path from route key regex.
+ *
+ * @see \CodeIgniter\Commands\Utilities\Routes\SampleURIGeneratorTest
+ */
+final class SampleURIGenerator
+{
+    private readonly RouteCollection $routes;
+
+    /**
+     * Sample URI path for placeholder.
+     *
+     * @var array<string, string>
+     */
+    private array $samples = [
+        'any'      => '123/abc',
+        'segment'  => 'abc_123',
+        'alphanum' => 'abc123',
+        'num'      => '123',
+        'alpha'    => 'abc',
+        'hash'     => 'abc_123',
+    ];
+
+    public function __construct(?RouteCollection $routes = null)
+    {
+        $this->routes = $routes ?? service('routes');
+    }
+
+    /**
+     * @param string $routeKey route key regex
+     *
+     * @return string sample URI path
+     */
+    public function get(string $routeKey): string
+    {
+        $sampleUri = $routeKey;
+
+        if (str_contains($routeKey, '{locale}')) {
+            $sampleUri = str_replace(
+                '{locale}',
+                config(App::class)->defaultLocale,
+                $routeKey,
+            );
+        }
+
+        foreach ($this->routes->getPlaceholders() as $placeholder => $regex) {
+            $sample = $this->samples[$placeholder] ?? '::unknown::';
+
+            $sampleUri = str_replace('(' . $regex . ')', $sample, $sampleUri);
+        }
+
+        // auto route
+        return str_replace('[/...]', '/1/2/3/4/5', $sampleUri);
+    }
+}
diff --git a/ci4app/system/Common.php b/ci4app/system/Common.php
new file mode 100644
index 0000000..3f69838
--- /dev/null
+++ b/ci4app/system/Common.php
@@ -0,0 +1,1257 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+use CodeIgniter\Cache\CacheInterface;
+use CodeIgniter\Config\BaseConfig;
+use CodeIgniter\Config\Factories;
+use CodeIgniter\Cookie\Cookie;
+use CodeIgniter\Cookie\CookieStore;
+use CodeIgniter\Cookie\Exceptions\CookieException;
+use CodeIgniter\Database\BaseConnection;
+use CodeIgniter\Database\ConnectionInterface;
+use CodeIgniter\Debug\Timer;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Exceptions\RuntimeException;
+use CodeIgniter\Files\Exceptions\FileNotFoundException;
+use CodeIgniter\HTTP\CLIRequest;
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+use CodeIgniter\HTTP\Exceptions\RedirectException;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\RedirectResponse;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use CodeIgniter\Language\Language;
+use CodeIgniter\Model;
+use CodeIgniter\Session\Session;
+use CodeIgniter\Test\TestLogger;
+use Config\App;
+use Config\Database;
+use Config\DocTypes;
+use Config\Logger;
+use Config\Services;
+use Config\View;
+use Laminas\Escaper\Escaper;
+
+// Services Convenience Functions
+
+if (! function_exists('app_timezone')) {
+    /**
+     * Returns the timezone the application has been set to display
+     * dates in. This might be different than the timezone set
+     * at the server level, as you often want to stores dates in UTC
+     * and convert them on the fly for the user.
+     */
+    function app_timezone(): string
+    {
+        $config = config(App::class);
+
+        return $config->appTimezone;
+    }
+}
+
+if (! function_exists('cache')) {
+    /**
+     * A convenience method that provides access to the Cache
+     * object. If no parameter is provided, will return the object,
+     * otherwise, will attempt to return the cached value.
+     *
+     * Examples:
+     *    cache()->save('foo', 'bar');
+     *    $foo = cache('bar');
+     *
+     * @return ($key is null ? CacheInterface : mixed)
+     */
+    function cache(?string $key = null)
+    {
+        $cache = service('cache');
+
+        // No params - return cache object
+        if ($key === null) {
+            return $cache;
+        }
+
+        // Still here? Retrieve the value.
+        return $cache->get($key);
+    }
+}
+
+if (! function_exists('clean_path')) {
+    /**
+     * A convenience method to clean paths for
+     * a nicer looking output. Useful for exception
+     * handling, error logging, etc.
+     */
+    function clean_path(string $path): string
+    {
+        // Resolve relative paths
+        try {
+            $path = realpath($path) ?: $path;
+        } catch (ErrorException|ValueError) {
+            $path = 'error file path: ' . urlencode($path);
+        }
+
+        return match (true) {
+            str_starts_with($path, APPPATH)                             => 'APPPATH' . DIRECTORY_SEPARATOR . substr($path, strlen(APPPATH)),
+            str_starts_with($path, SYSTEMPATH)                          => 'SYSTEMPATH' . DIRECTORY_SEPARATOR . substr($path, strlen(SYSTEMPATH)),
+            str_starts_with($path, FCPATH)                              => 'FCPATH' . DIRECTORY_SEPARATOR . substr($path, strlen(FCPATH)),
+            defined('VENDORPATH') && str_starts_with($path, VENDORPATH) => 'VENDORPATH' . DIRECTORY_SEPARATOR . substr($path, strlen(VENDORPATH)),
+            str_starts_with($path, ROOTPATH)                            => 'ROOTPATH' . DIRECTORY_SEPARATOR . substr($path, strlen(ROOTPATH)),
+            default                                                     => $path,
+        };
+    }
+}
+
+if (! function_exists('command')) {
+    /**
+     * Runs a single command.
+     * Input expected in a single string as would
+     * be used on the command line itself:
+     *
+     *  > command('migrate:create SomeMigration');
+     *
+     * @return false|string
+     */
+    function command(string $command)
+    {
+        $regexString = '([^\s]+?)(?:\s|(?<!\\\\)"|(?<!\\\\)\'|$)';
+        $regexQuoted = '(?:"([^"\\\\]*(?:\\\\.[^"\\\\]*)*)"|\'([^\'\\\\]*(?:\\\\.[^\'\\\\]*)*)\')';
+
+        $args   = [];
+        $length = strlen($command);
+        $cursor = 0;
+
+        /**
+         * Adopted from Symfony's `StringInput::tokenize()` with few changes.
+         *
+         * @see https://github.com/symfony/symfony/blob/master/src/Symfony/Component/Console/Input/StringInput.php
+         */
+        while ($cursor < $length) {
+            if (preg_match('/\s+/A', $command, $match, 0, $cursor)) {
+                // nothing to do
+            } elseif (preg_match('/' . $regexQuoted . '/A', $command, $match, 0, $cursor)) {
+                $args[] = stripcslashes(substr($match[0], 1, strlen($match[0]) - 2));
+            } elseif (preg_match('/' . $regexString . '/A', $command, $match, 0, $cursor)) {
+                $args[] = stripcslashes($match[1]);
+            } else {
+                // @codeCoverageIgnoreStart
+                throw new InvalidArgumentException(sprintf(
+                    'Unable to parse input near "... %s ...".',
+                    substr($command, $cursor, 10),
+                ));
+                // @codeCoverageIgnoreEnd
+            }
+
+            $cursor += strlen($match[0]);
+        }
+
+        /** @var array<int|string, string|null> */
+        $params      = [];
+        $command     = array_shift($args);
+        $optionValue = false;
+
+        foreach ($args as $i => $arg) {
+            if (mb_strpos($arg, '-') !== 0) {
+                if ($optionValue) {
+                    // if this was an option value, it was already
+                    // included in the previous iteration
+                    $optionValue = false;
+                } else {
+                    // add to segments if not starting with '-'
+                    // and not an option value
+                    $params[] = $arg;
+                }
+
+                continue;
+            }
+
+            $arg   = ltrim($arg, '-');
+            $value = null;
+
+            if (isset($args[$i + 1]) && mb_strpos($args[$i + 1], '-') !== 0) {
+                $value       = $args[$i + 1];
+                $optionValue = true;
+            }
+
+            $params[$arg] = $value;
+        }
+
+        ob_start();
+        service('commands')->run($command, $params);
+
+        return ob_get_clean();
+    }
+}
+
+if (! function_exists('config')) {
+    /**
+     * More simple way of getting config instances from Factories
+     *
+     * @template ConfigTemplate of BaseConfig
+     *
+     * @param class-string<ConfigTemplate>|string $name
+     *
+     * @return ($name is class-string<ConfigTemplate> ? ConfigTemplate : object|null)
+     */
+    function config(string $name, bool $getShared = true)
+    {
+        if ($getShared) {
+            return Factories::get('config', $name);
+        }
+
+        return Factories::config($name, ['getShared' => $getShared]);
+    }
+}
+
+if (! function_exists('cookie')) {
+    /**
+     * Simpler way to create a new Cookie instance.
+     *
+     * @param string $name    Name of the cookie
+     * @param string $value   Value of the cookie
+     * @param array  $options Array of options to be passed to the cookie
+     *
+     * @throws CookieException
+     */
+    function cookie(string $name, string $value = '', array $options = []): Cookie
+    {
+        return new Cookie($name, $value, $options);
+    }
+}
+
+if (! function_exists('cookies')) {
+    /**
+     * Fetches the global `CookieStore` instance held by `Response`.
+     *
+     * @param list<Cookie> $cookies   If `getGlobal` is false, this is passed to CookieStore's constructor
+     * @param bool         $getGlobal If false, creates a new instance of CookieStore
+     */
+    function cookies(array $cookies = [], bool $getGlobal = true): CookieStore
+    {
+        if ($getGlobal) {
+            return service('response')->getCookieStore();
+        }
+
+        return new CookieStore($cookies);
+    }
+}
+
+if (! function_exists('csrf_token')) {
+    /**
+     * Returns the CSRF token name.
+     * Can be used in Views when building hidden inputs manually,
+     * or used in javascript vars when using APIs.
+     */
+    function csrf_token(): string
+    {
+        return service('security')->getTokenName();
+    }
+}
+
+if (! function_exists('csrf_header')) {
+    /**
+     * Returns the CSRF header name.
+     * Can be used in Views by adding it to the meta tag
+     * or used in javascript to define a header name when using APIs.
+     */
+    function csrf_header(): string
+    {
+        return service('security')->getHeaderName();
+    }
+}
+
+if (! function_exists('csrf_hash')) {
+    /**
+     * Returns the current hash value for the CSRF protection.
+     * Can be used in Views when building hidden inputs manually,
+     * or used in javascript vars for API usage.
+     */
+    function csrf_hash(): string
+    {
+        return service('security')->getHash();
+    }
+}
+
+if (! function_exists('csrf_field')) {
+    /**
+     * Generates a hidden input field for use within manually generated forms.
+     *
+     * @param non-empty-string|null $id
+     */
+    function csrf_field(?string $id = null): string
+    {
+        return '<input type="hidden"' . ($id !== null ? ' id="' . esc($id, 'attr') . '"' : '') . ' name="' . csrf_token() . '" value="' . csrf_hash() . '"' . _solidus() . '>';
+    }
+}
+
+if (! function_exists('csrf_meta')) {
+    /**
+     * Generates a meta tag for use within javascript calls.
+     *
+     * @param non-empty-string|null $id
+     */
+    function csrf_meta(?string $id = null): string
+    {
+        return '<meta' . ($id !== null ? ' id="' . esc($id, 'attr') . '"' : '') . ' name="' . csrf_header() . '" content="' . csrf_hash() . '"' . _solidus() . '>';
+    }
+}
+
+if (! function_exists('csp_style_nonce')) {
+    /**
+     * Generates a nonce attribute for style tag.
+     */
+    function csp_style_nonce(): string
+    {
+        $csp = service('csp');
+
+        if (! $csp->enabled()) {
+            return '';
+        }
+
+        return 'nonce="' . $csp->getStyleNonce() . '"';
+    }
+}
+
+if (! function_exists('csp_script_nonce')) {
+    /**
+     * Generates a nonce attribute for script tag.
+     */
+    function csp_script_nonce(): string
+    {
+        $csp = service('csp');
+
+        if (! $csp->enabled()) {
+            return '';
+        }
+
+        return 'nonce="' . $csp->getScriptNonce() . '"';
+    }
+}
+
+if (! function_exists('db_connect')) {
+    /**
+     * Grabs a database connection and returns it to the user.
+     *
+     * This is a convenience wrapper for \Config\Database::connect()
+     * and supports the same parameters. Namely:
+     *
+     * When passing in $db, you may pass any of the following to connect:
+     * - group name
+     * - existing connection instance
+     * - array of database configuration values
+     *
+     * If $getShared === false then a new connection instance will be provided,
+     * otherwise it will all calls will return the same instance.
+     *
+     * @param array|ConnectionInterface|string|null $db
+     *
+     * @return BaseConnection
+     */
+    function db_connect($db = null, bool $getShared = true)
+    {
+        return Database::connect($db, $getShared);
+    }
+}
+
+if (! function_exists('env')) {
+    /**
+     * Allows user to retrieve values from the environment
+     * variables that have been set. Especially useful for
+     * retrieving values set from the .env file for
+     * use in config files.
+     *
+     * @param array<int|string, mixed>|bool|float|int|object|string|null $default
+     *
+     * @return array<int|string, mixed>|bool|float|int|object|string|null
+     */
+    function env(string $key, $default = null)
+    {
+        $value = $_ENV[$key] ?? $_SERVER[$key] ?? getenv($key);
+
+        // Not found? Return the default value
+        if ($value === false) {
+            return $default;
+        }
+
+        // Handle any boolean values
+        return match (strtolower($value)) {
+            'true'  => true,
+            'false' => false,
+            'empty' => '',
+            'null'  => null,
+            default => $value,
+        };
+    }
+}
+
+if (! function_exists('esc')) {
+    /**
+     * Performs simple auto-escaping of data for security reasons.
+     * Might consider making this more complex at a later date.
+     *
+     * If $data is a string, then it simply escapes and returns it.
+     * If $data is an array, then it loops over it, escaping each
+     * 'value' of the key/value pairs.
+     *
+     * @param array|string                         $data
+     * @param 'attr'|'css'|'html'|'js'|'raw'|'url' $context
+     * @param string|null                          $encoding Current encoding for escaping.
+     *                                                       If not UTF-8, we convert strings from this encoding
+     *                                                       pre-escaping and back to this encoding post-escaping.
+     *
+     * @return array|string
+     *
+     * @throws InvalidArgumentException
+     */
+    function esc($data, string $context = 'html', ?string $encoding = null)
+    {
+        $context = strtolower($context);
+
+        // Provide a way to NOT escape data since
+        // this could be called automatically by
+        // the View library.
+        if ($context === 'raw') {
+            return $data;
+        }
+
+        if (is_array($data)) {
+            foreach ($data as &$value) {
+                $value = esc($value, $context);
+            }
+        }
+
+        if (is_string($data)) {
+            if (! in_array($context, ['html', 'js', 'css', 'url', 'attr'], true)) {
+                throw new InvalidArgumentException('Invalid escape context provided.');
+            }
+
+            $method = $context === 'attr' ? 'escapeHtmlAttr' : 'escape' . ucfirst($context);
+
+            static $escaper;
+            if (! $escaper) {
+                $escaper = new Escaper($encoding);
+            }
+
+            if ($encoding !== null && $escaper->getEncoding() !== $encoding) {
+                $escaper = new Escaper($encoding);
+            }
+
+            $data = $escaper->{$method}($data);
+        }
+
+        return $data;
+    }
+}
+
+if (! function_exists('force_https')) {
+    /**
+     * Used to force a page to be accessed in via HTTPS.
+     * Uses a standard redirect, plus will set the HSTS header
+     * for modern browsers that support, which gives best
+     * protection against man-in-the-middle attacks.
+     *
+     * @see https://en.wikipedia.org/wiki/HTTP_Strict_Transport_Security
+     *
+     * @param int $duration How long should the SSL header be set for? (in seconds)
+     *                      Defaults to 1 year.
+     *
+     * @throws HTTPException
+     * @throws RedirectException
+     */
+    function force_https(
+        int $duration = 31_536_000,
+        ?RequestInterface $request = null,
+        ?ResponseInterface $response = null,
+    ): void {
+        $request ??= service('request');
+
+        if (! $request instanceof IncomingRequest) {
+            return;
+        }
+
+        $response ??= service('response');
+
+        if ((ENVIRONMENT !== 'testing' && (is_cli() || $request->isSecure()))
+            || $request->getServer('HTTPS') === 'test'
+        ) {
+            return; // @codeCoverageIgnore
+        }
+
+        // If the session status is active, we should regenerate
+        // the session ID for safety sake.
+        if (ENVIRONMENT !== 'testing' && session_status() === PHP_SESSION_ACTIVE) {
+            service('session')->regenerate(); // @codeCoverageIgnore
+        }
+
+        $uri = $request->getUri()->withScheme('https');
+
+        // Set an HSTS header
+        $response->setHeader('Strict-Transport-Security', 'max-age=' . $duration)
+            ->redirect((string) $uri)
+            ->setStatusCode(307)
+            ->setBody('')
+            ->getCookieStore()
+            ->clear();
+
+        throw new RedirectException($response);
+    }
+}
+
+if (! function_exists('function_usable')) {
+    /**
+     * Function usable
+     *
+     * Executes a function_exists() check, and if the Suhosin PHP
+     * extension is loaded - checks whether the function that is
+     * checked might be disabled in there as well.
+     *
+     * This is useful as function_exists() will return FALSE for
+     * functions disabled via the *disable_functions* php.ini
+     * setting, but not for *suhosin.executor.func.blacklist* and
+     * *suhosin.executor.disable_eval*. These settings will just
+     * terminate script execution if a disabled function is executed.
+     *
+     * The above described behavior turned out to be a bug in Suhosin,
+     * but even though a fix was committed for 0.9.34 on 2012-02-12,
+     * that version is yet to be released. This function will therefore
+     * be just temporary, but would probably be kept for a few years.
+     *
+     * @see   http://www.hardened-php.net/suhosin/
+     *
+     * @param string $functionName Function to check for
+     *
+     * @return bool TRUE if the function exists and is safe to call,
+     *              FALSE otherwise.
+     *
+     * @codeCoverageIgnore This is too exotic
+     */
+    function function_usable(string $functionName): bool
+    {
+        static $_suhosin_func_blacklist;
+
+        if (function_exists($functionName)) {
+            if (! isset($_suhosin_func_blacklist)) {
+                $_suhosin_func_blacklist = extension_loaded('suhosin') ? explode(',', trim(ini_get('suhosin.executor.func.blacklist'))) : [];
+            }
+
+            return ! in_array($functionName, $_suhosin_func_blacklist, true);
+        }
+
+        return false;
+    }
+}
+
+if (! function_exists('helper')) {
+    /**
+     * Loads a helper file into memory. Supports namespaced helpers,
+     * both in and out of the 'Helpers' directory of a namespaced directory.
+     *
+     * Will load ALL helpers of the matching name, in the following order:
+     *   1. app/Helpers
+     *   2. {namespace}/Helpers
+     *   3. system/Helpers
+     *
+     * @param array|string $filenames
+     *
+     * @throws FileNotFoundException
+     */
+    function helper($filenames): void
+    {
+        static $loaded = [];
+
+        $loader = service('locator');
+
+        if (! is_array($filenames)) {
+            $filenames = [$filenames];
+        }
+
+        // Store a list of all files to include...
+        $includes = [];
+
+        foreach ($filenames as $filename) {
+            // Store our system and application helper
+            // versions so that we can control the load ordering.
+            $systemHelper  = '';
+            $appHelper     = '';
+            $localIncludes = [];
+
+            if (! str_contains($filename, '_helper')) {
+                $filename .= '_helper';
+            }
+
+            // Check if this helper has already been loaded
+            if (in_array($filename, $loaded, true)) {
+                continue;
+            }
+
+            // If the file is namespaced, we'll just grab that
+            // file and not search for any others
+            if (str_contains($filename, '\\')) {
+                $path = $loader->locateFile($filename, 'Helpers');
+
+                if ($path === false) {
+                    throw FileNotFoundException::forFileNotFound($filename);
+                }
+
+                $includes[] = $path;
+                $loaded[]   = $filename;
+            } else {
+                // No namespaces, so search in all available locations
+                $paths = $loader->search('Helpers/' . $filename);
+
+                foreach ($paths as $path) {
+                    if (str_starts_with($path, APPPATH . 'Helpers' . DIRECTORY_SEPARATOR)) {
+                        $appHelper = $path;
+                    } elseif (str_starts_with($path, SYSTEMPATH . 'Helpers' . DIRECTORY_SEPARATOR)) {
+                        $systemHelper = $path;
+                    } else {
+                        $localIncludes[] = $path;
+                        $loaded[]        = $filename;
+                    }
+                }
+
+                // App-level helpers should override all others
+                if ($appHelper !== '') {
+                    $includes[] = $appHelper;
+                    $loaded[]   = $filename;
+                }
+
+                // All namespaced files get added in next
+                $includes = [...$includes, ...$localIncludes];
+
+                // And the system default one should be added in last.
+                if ($systemHelper !== '') {
+                    $includes[] = $systemHelper;
+                    $loaded[]   = $filename;
+                }
+            }
+        }
+
+        // Now actually include all of the files
+        foreach ($includes as $path) {
+            include_once $path;
+        }
+    }
+}
+
+if (! function_exists('is_cli')) {
+    /**
+     * Check if PHP was invoked from the command line.
+     *
+     * @codeCoverageIgnore Cannot be tested fully as PHPUnit always run in php-cli
+     */
+    function is_cli(): bool
+    {
+        if (in_array(PHP_SAPI, ['cli', 'phpdbg'], true)) {
+            return true;
+        }
+
+        // PHP_SAPI could be 'cgi-fcgi', 'fpm-fcgi'.
+        // See https://github.com/codeigniter4/CodeIgniter4/pull/5393
+        return ! isset($_SERVER['REMOTE_ADDR']) && ! isset($_SERVER['REQUEST_METHOD']);
+    }
+}
+
+if (! function_exists('is_really_writable')) {
+    /**
+     * Tests for file writability
+     *
+     * is_writable() returns TRUE on Windows servers when you really can't write to
+     * the file, based on the read-only attribute. is_writable() is also unreliable
+     * on Unix servers if safe_mode is on.
+     *
+     * @see https://bugs.php.net/bug.php?id=54709
+     *
+     * @throws Exception
+     *
+     * @codeCoverageIgnore Not practical to test, as travis runs on linux
+     */
+    function is_really_writable(string $file): bool
+    {
+        // If we're on a Unix server we call is_writable
+        if (! is_windows()) {
+            return is_writable($file);
+        }
+
+        /* For Windows servers and safe_mode "on" installations we'll actually
+         * write a file then read it. Bah...
+         */
+        if (is_dir($file)) {
+            $file = rtrim($file, '/') . '/' . bin2hex(random_bytes(16));
+            if (($fp = @fopen($file, 'ab')) === false) {
+                return false;
+            }
+
+            fclose($fp);
+            @chmod($file, 0777);
+            @unlink($file);
+
+            return true;
+        }
+
+        if (! is_file($file) || ($fp = @fopen($file, 'ab')) === false) {
+            return false;
+        }
+
+        fclose($fp);
+
+        return true;
+    }
+}
+
+if (! function_exists('is_windows')) {
+    /**
+     * Detect if platform is running in Windows.
+     */
+    function is_windows(?bool $mock = null): bool
+    {
+        static $mocked;
+
+        if (func_num_args() === 1) {
+            $mocked = $mock;
+        }
+
+        return $mocked ?? DIRECTORY_SEPARATOR === '\\';
+    }
+}
+
+if (! function_exists('lang')) {
+    /**
+     * A convenience method to translate a string or array of them and format
+     * the result with the intl extension's MessageFormatter.
+     *
+     * @return list<string>|string
+     */
+    function lang(string $line, array $args = [], ?string $locale = null)
+    {
+        /** @var Language $language */
+        $language = service('language');
+
+        // Get active locale
+        $activeLocale = $language->getLocale();
+
+        if ((string) $locale !== '' && $locale !== $activeLocale) {
+            $language->setLocale($locale);
+        }
+
+        $lines = $language->getLine($line, $args);
+
+        if ((string) $locale !== '' && $locale !== $activeLocale) {
+            // Reset to active locale
+            $language->setLocale($activeLocale);
+        }
+
+        return $lines;
+    }
+}
+
+if (! function_exists('log_message')) {
+    /**
+     * A convenience/compatibility method for logging events through
+     * the Log system.
+     *
+     * Allowed log levels are:
+     *  - emergency
+     *  - alert
+     *  - critical
+     *  - error
+     *  - warning
+     *  - notice
+     *  - info
+     *  - debug
+     */
+    function log_message(string $level, string $message, array $context = []): void
+    {
+        // When running tests, we want to always ensure that the
+        // TestLogger is running, which provides utilities for
+        // for asserting that logs were called in the test code.
+        if (ENVIRONMENT === 'testing') {
+            $logger = new TestLogger(new Logger());
+
+            $logger->log($level, $message, $context);
+
+            return;
+        }
+
+        service('logger')->log($level, $message, $context); // @codeCoverageIgnore
+    }
+}
+
+if (! function_exists('model')) {
+    /**
+     * More simple way of getting model instances from Factories
+     *
+     * @template ModelTemplate of Model
+     *
+     * @param class-string<ModelTemplate>|string $name
+     *
+     * @return ($name is class-string<ModelTemplate> ? ModelTemplate : object|null)
+     */
+    function model(string $name, bool $getShared = true, ?ConnectionInterface &$conn = null)
+    {
+        return Factories::models($name, ['getShared' => $getShared], $conn);
+    }
+}
+
+if (! function_exists('old')) {
+    /**
+     * Provides access to "old input" that was set in the session
+     * during a redirect()->withInput().
+     *
+     * @param string|null                                $default
+     * @param 'attr'|'css'|'html'|'js'|'raw'|'url'|false $escape
+     *
+     * @return array|string|null
+     */
+    function old(string $key, $default = null, $escape = 'html')
+    {
+        // Ensure the session is loaded
+        if (session_status() === PHP_SESSION_NONE && ENVIRONMENT !== 'testing') {
+            session(); // @codeCoverageIgnore
+        }
+
+        $request = service('request');
+
+        $value = $request->getOldInput($key);
+
+        // Return the default value if nothing
+        // found in the old input.
+        if ($value === null) {
+            return $default;
+        }
+
+        return $escape === false ? $value : esc($value, $escape);
+    }
+}
+
+if (! function_exists('redirect')) {
+    /**
+     * Convenience method that works with the current global $request and
+     * $router instances to redirect using named/reverse-routed routes
+     * to determine the URL to go to.
+     *
+     * If more control is needed, you must use $response->redirect explicitly.
+     *
+     * @param non-empty-string|null $route Route name or Controller::method
+     */
+    function redirect(?string $route = null): RedirectResponse
+    {
+        $response = service('redirectresponse');
+
+        if ((string) $route !== '') {
+            return $response->route($route);
+        }
+
+        return $response;
+    }
+}
+
+if (! function_exists('_solidus')) {
+    /**
+     * Generates the solidus character (`/`) depending on the HTML5 compatibility flag in `Config\DocTypes`
+     *
+     * @param DocTypes|null $docTypesConfig New config. For testing purpose only.
+     *
+     * @internal
+     */
+    function _solidus(?DocTypes $docTypesConfig = null): string
+    {
+        static $docTypes = null;
+
+        if ($docTypesConfig instanceof DocTypes) {
+            $docTypes = $docTypesConfig;
+        }
+
+        $docTypes ??= new DocTypes();
+
+        if ($docTypes->html5 ?? false) {
+            return '';
+        }
+
+        return ' /';
+    }
+}
+
+if (! function_exists('remove_invisible_characters')) {
+    /**
+     * Remove Invisible Characters
+     *
+     * This prevents sandwiching null characters
+     * between ascii characters, like Java\0script.
+     */
+    function remove_invisible_characters(string $str, bool $urlEncoded = true): string
+    {
+        $nonDisplayables = [];
+
+        // every control character except newline (dec 10),
+        // carriage return (dec 13) and horizontal tab (dec 09)
+        if ($urlEncoded) {
+            $nonDisplayables[] = '/%0[0-8bcef]/';  // url encoded 00-08, 11, 12, 14, 15
+            $nonDisplayables[] = '/%1[0-9a-f]/';   // url encoded 16-31
+        }
+
+        $nonDisplayables[] = '/[\x00-\x08\x0B\x0C\x0E-\x1F\x7F]+/S';   // 00-08, 11, 12, 14-31, 127
+
+        do {
+            $str = preg_replace($nonDisplayables, '', $str, -1, $count);
+        } while ($count);
+
+        return $str;
+    }
+}
+
+if (! function_exists('request')) {
+    /**
+     * Returns the shared Request.
+     *
+     * @return CLIRequest|IncomingRequest
+     */
+    function request()
+    {
+        return service('request');
+    }
+}
+
+if (! function_exists('response')) {
+    /**
+     * Returns the shared Response.
+     */
+    function response(): ResponseInterface
+    {
+        return service('response');
+    }
+}
+
+if (! function_exists('route_to')) {
+    /**
+     * Given a route name or controller/method string and any params,
+     * will attempt to build the relative URL to the
+     * matching route.
+     *
+     * NOTE: This requires the controller/method to
+     * have a route defined in the routes Config file.
+     *
+     * @param string     $method    Route name or Controller::method
+     * @param int|string ...$params One or more parameters to be passed to the route.
+     *                              The last parameter allows you to set the locale.
+     *
+     * @return false|string The route (URI path relative to baseURL) or false if not found.
+     */
+    function route_to(string $method, ...$params)
+    {
+        return service('routes')->reverseRoute($method, ...$params);
+    }
+}
+
+if (! function_exists('session')) {
+    /**
+     * A convenience method for accessing the session instance,
+     * or an item that has been set in the session.
+     *
+     * Examples:
+     *    session()->set('foo', 'bar');
+     *    $foo = session('bar');
+     *
+     * @return ($val is null ? Session : mixed)
+     */
+    function session(?string $val = null)
+    {
+        $session = service('session');
+
+        // Returning a single item?
+        if (is_string($val)) {
+            return $session->get($val);
+        }
+
+        return $session;
+    }
+}
+
+if (! function_exists('service')) {
+    /**
+     * Allows cleaner access to the Services Config file.
+     * Always returns a SHARED instance of the class, so
+     * calling the function multiple times should always
+     * return the same instance.
+     *
+     * These are equal:
+     *  - $timer = service('timer')
+     *  - $timer = \CodeIgniter\Config\Services::timer();
+     *
+     * @param array|bool|float|int|object|string|null ...$params
+     */
+    function service(string $name, ...$params): ?object
+    {
+        if ($params === []) {
+            return Services::get($name);
+        }
+
+        return Services::$name(...$params);
+    }
+}
+
+if (! function_exists('single_service')) {
+    /**
+     * Always returns a new instance of the class.
+     *
+     * @param array|bool|float|int|object|string|null ...$params
+     */
+    function single_service(string $name, ...$params): ?object
+    {
+        $service = Services::serviceExists($name);
+
+        if ($service === null) {
+            // The service is not defined anywhere so just return.
+            return null;
+        }
+
+        $method = new ReflectionMethod($service, $name);
+        $count  = $method->getNumberOfParameters();
+        $mParam = $method->getParameters();
+
+        if ($count === 1) {
+            // This service needs only one argument, which is the shared
+            // instance flag, so let's wrap up and pass false here.
+            return $service::$name(false);
+        }
+
+        // Fill in the params with the defaults, but stop before the last
+        for ($startIndex = count($params); $startIndex <= $count - 2; $startIndex++) {
+            $params[$startIndex] = $mParam[$startIndex]->getDefaultValue();
+        }
+
+        // Ensure the last argument will not create a shared instance
+        $params[$count - 1] = false;
+
+        return $service::$name(...$params);
+    }
+}
+
+if (! function_exists('slash_item')) {
+    // Unlike CI3, this function is placed here because
+    // it's not a config, or part of a config.
+    /**
+     * Fetch a config file item with slash appended (if not empty)
+     *
+     * @param string $item Config item name
+     *
+     * @return string|null The configuration item or NULL if
+     *                     the item doesn't exist
+     */
+    function slash_item(string $item): ?string
+    {
+        $config = config(App::class);
+
+        if (! property_exists($config, $item)) {
+            return null;
+        }
+
+        $configItem = $config->{$item};
+
+        if (! is_scalar($configItem)) {
+            throw new RuntimeException(sprintf(
+                'Cannot convert "%s::$%s" of type "%s" to type "string".',
+                App::class,
+                $item,
+                gettype($configItem),
+            ));
+        }
+
+        $configItem = trim((string) $configItem);
+
+        if ($configItem === '') {
+            return $configItem;
+        }
+
+        return rtrim($configItem, '/') . '/';
+    }
+}
+
+if (! function_exists('stringify_attributes')) {
+    /**
+     * Stringify attributes for use in HTML tags.
+     *
+     * Helper function used to convert a string, array, or object
+     * of attributes to a string.
+     *
+     * @param array|object|string $attributes string, array, object that can be cast to array
+     */
+    function stringify_attributes($attributes, bool $js = false): string
+    {
+        $atts = '';
+
+        if ($attributes === '' || $attributes === [] || $attributes === null) {
+            return $atts;
+        }
+
+        if (is_string($attributes)) {
+            return ' ' . $attributes;
+        }
+
+        $attributes = (array) $attributes;
+
+        foreach ($attributes as $key => $val) {
+            $atts .= ($js) ? $key . '=' . esc($val, 'js') . ',' : ' ' . $key . '="' . esc($val) . '"';
+        }
+
+        return rtrim($atts, ',');
+    }
+}
+
+if (! function_exists('timer')) {
+    /**
+     * A convenience method for working with the timer.
+     * If no parameter is passed, it will return the timer instance.
+     * If callable is passed, it measures time of callable and
+     * returns its return value if any.
+     * Otherwise will start or stop the timer intelligently.
+     *
+     * @param non-empty-string|null    $name
+     * @param (callable(): mixed)|null $callable
+     *
+     * @return ($name is null ? Timer : ($callable is (callable(): mixed) ? mixed : Timer))
+     */
+    function timer(?string $name = null, ?callable $callable = null)
+    {
+        $timer = service('timer');
+
+        if ($name === null) {
+            return $timer;
+        }
+
+        if ($callable !== null) {
+            return $timer->record($name, $callable);
+        }
+
+        if ($timer->has($name)) {
+            return $timer->stop($name);
+        }
+
+        return $timer->start($name);
+    }
+}
+
+if (! function_exists('view')) {
+    /**
+     * Grabs the current RendererInterface-compatible class
+     * and tells it to render the specified view. Simply provides
+     * a convenience method that can be used in Controllers,
+     * libraries, and routed closures.
+     *
+     * NOTE: Does not provide any escaping of the data, so that must
+     * all be handled manually by the developer.
+     *
+     * @param array $options Options for saveData or third-party extensions.
+     */
+    function view(string $name, array $data = [], array $options = []): string
+    {
+        $renderer = service('renderer');
+
+        $config   = config(View::class);
+        $saveData = $config->saveData;
+
+        if (array_key_exists('saveData', $options)) {
+            $saveData = (bool) $options['saveData'];
+            unset($options['saveData']);
+        }
+
+        return $renderer->setData($data, 'raw')->render($name, $options, $saveData);
+    }
+}
+
+if (! function_exists('view_cell')) {
+    /**
+     * View cells are used within views to insert HTML chunks that are managed
+     * by other classes.
+     *
+     * @param array|string|null $params
+     *
+     * @throws ReflectionException
+     */
+    function view_cell(string $library, $params = null, int $ttl = 0, ?string $cacheName = null): string
+    {
+        return service('viewcell')
+            ->render($library, $params, $ttl, $cacheName);
+    }
+}
+
+/**
+ * These helpers come from Laravel so will not be
+ * re-tested and can be ignored safely.
+ *
+ * @see https://github.com/laravel/framework/blob/8.x/src/Illuminate/Support/helpers.php
+ */
+if (! function_exists('class_basename')) {
+    /**
+     * Get the class "basename" of the given object / class.
+     *
+     * @param object|string $class
+     *
+     * @return string
+     *
+     * @codeCoverageIgnore
+     */
+    function class_basename($class)
+    {
+        $class = is_object($class) ? $class::class : $class;
+
+        return basename(str_replace('\\', '/', $class));
+    }
+}
+
+if (! function_exists('class_uses_recursive')) {
+    /**
+     * Returns all traits used by a class, its parent classes and trait of their traits.
+     *
+     * @param object|string $class
+     *
+     * @return array
+     *
+     * @codeCoverageIgnore
+     */
+    function class_uses_recursive($class)
+    {
+        if (is_object($class)) {
+            $class = $class::class;
+        }
+
+        $results = [];
+
+        foreach (array_reverse(class_parents($class)) + [$class => $class] as $class) {
+            $results += trait_uses_recursive($class);
+        }
+
+        return array_unique($results);
+    }
+}
+
+if (! function_exists('trait_uses_recursive')) {
+    /**
+     * Returns all traits used by a trait and its traits.
+     *
+     * @param string $trait
+     *
+     * @return array
+     *
+     * @codeCoverageIgnore
+     */
+    function trait_uses_recursive($trait)
+    {
+        $traits = class_uses($trait) ?: [];
+
+        foreach ($traits as $trait) {
+            $traits += trait_uses_recursive($trait);
+        }
+
+        return $traits;
+    }
+}
diff --git a/ci4app/system/ComposerScripts.php b/ci4app/system/ComposerScripts.php
new file mode 100644
index 0000000..1794e7f
--- /dev/null
+++ b/ci4app/system/ComposerScripts.php
@@ -0,0 +1,174 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter;
+
+use FilesystemIterator;
+use RecursiveDirectoryIterator;
+use RecursiveIteratorIterator;
+use SplFileInfo;
+
+/**
+ * This class is used by Composer during installs and updates
+ * to move files to locations within the system folder so that end-users
+ * do not need to use Composer to install a package, but can simply
+ * download.
+ *
+ * @codeCoverageIgnore
+ *
+ * @internal
+ */
+final class ComposerScripts
+{
+    /**
+     * Path to the ThirdParty directory.
+     */
+    private static string $path = __DIR__ . '/ThirdParty/';
+
+    /**
+     * Direct dependencies of CodeIgniter to copy
+     * contents to `system/ThirdParty/`.
+     *
+     * @var array<string, array<string, string>>
+     */
+    private static array $dependencies = [
+        'kint-src' => [
+            'license' => __DIR__ . '/../vendor/kint-php/kint/LICENSE',
+            'from'    => __DIR__ . '/../vendor/kint-php/kint/src/',
+            'to'      => __DIR__ . '/ThirdParty/Kint/',
+        ],
+        'kint-resources' => [
+            'from' => __DIR__ . '/../vendor/kint-php/kint/resources/',
+            'to'   => __DIR__ . '/ThirdParty/Kint/resources/',
+        ],
+        'escaper' => [
+            'license' => __DIR__ . '/../vendor/laminas/laminas-escaper/LICENSE.md',
+            'from'    => __DIR__ . '/../vendor/laminas/laminas-escaper/src/',
+            'to'      => __DIR__ . '/ThirdParty/Escaper/',
+        ],
+        'psr-log' => [
+            'license' => __DIR__ . '/../vendor/psr/log/LICENSE',
+            'from'    => __DIR__ . '/../vendor/psr/log/src/',
+            'to'      => __DIR__ . '/ThirdParty/PSR/Log/',
+        ],
+    ];
+
+    /**
+     * This static method is called by Composer after every update event,
+     * i.e., `composer install`, `composer update`, `composer remove`.
+     */
+    public static function postUpdate(): void
+    {
+        self::recursiveDelete(self::$path);
+
+        foreach (self::$dependencies as $key => $dependency) {
+            // Kint may be removed.
+            if (! is_dir($dependency['from']) && str_starts_with($key, 'kint')) {
+                continue;
+            }
+
+            self::recursiveMirror($dependency['from'], $dependency['to']);
+
+            if (isset($dependency['license'])) {
+                $license = basename($dependency['license']);
+                copy($dependency['license'], $dependency['to'] . '/' . $license);
+            }
+        }
+
+        self::copyKintInitFiles();
+    }
+
+    /**
+     * Recursively remove the contents of the previous `system/ThirdParty`.
+     */
+    private static function recursiveDelete(string $directory): void
+    {
+        if (! is_dir($directory)) {
+            echo sprintf('Cannot recursively delete "%s" as it does not exist.', $directory) . PHP_EOL;
+
+            return;
+        }
+
+        /** @var SplFileInfo $file */
+        foreach (new RecursiveIteratorIterator(
+            new RecursiveDirectoryIterator(rtrim($directory, '\\/'), FilesystemIterator::SKIP_DOTS),
+            RecursiveIteratorIterator::CHILD_FIRST,
+        ) as $file) {
+            $path = $file->getPathname();
+
+            if ($file->isDir()) {
+                @rmdir($path);
+            } else {
+                @unlink($path);
+            }
+        }
+    }
+
+    /**
+     * Recursively copy the files and directories of the origin directory
+     * into the target directory, i.e. "mirror" its contents.
+     */
+    private static function recursiveMirror(string $originDir, string $targetDir): void
+    {
+        $originDir = rtrim($originDir, '\\/');
+        $targetDir = rtrim($targetDir, '\\/');
+
+        if (! is_dir($originDir)) {
+            echo sprintf('The origin directory "%s" was not found.', $originDir);
+
+            exit(1);
+        }
+
+        if (is_dir($targetDir)) {
+            echo sprintf('The target directory "%s" is existing. Run %s::recursiveDelete(\'%s\') first.', $targetDir, self::class, $targetDir);
+
+            exit(1);
+        }
+
+        if (! @mkdir($targetDir, 0755, true)) {
+            echo sprintf('Cannot create the target directory: "%s"', $targetDir) . PHP_EOL;
+
+            exit(1);
+        }
+
+        $dirLen = strlen($originDir);
+
+        /** @var SplFileInfo $file */
+        foreach (new RecursiveIteratorIterator(
+            new RecursiveDirectoryIterator($originDir, FilesystemIterator::SKIP_DOTS),
+            RecursiveIteratorIterator::SELF_FIRST,
+        ) as $file) {
+            $origin = $file->getPathname();
+            $target = $targetDir . substr($origin, $dirLen);
+
+            if ($file->isDir()) {
+                @mkdir($target, 0755);
+            } else {
+                @copy($origin, $target);
+            }
+        }
+    }
+
+    /**
+     * Copy Kint's init files into `system/ThirdParty/Kint/`
+     */
+    private static function copyKintInitFiles(): void
+    {
+        $originDir = self::$dependencies['kint-src']['from'] . '../';
+        $targetDir = self::$dependencies['kint-src']['to'];
+
+        foreach (['init.php', 'init_helpers.php'] as $kintInit) {
+            @copy($originDir . $kintInit, $targetDir . $kintInit);
+        }
+    }
+}
diff --git a/ci4app/system/Config/AutoloadConfig.php b/ci4app/system/Config/AutoloadConfig.php
new file mode 100644
index 0000000..b6d7f72
--- /dev/null
+++ b/ci4app/system/Config/AutoloadConfig.php
@@ -0,0 +1,155 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Config;
+
+use Laminas\Escaper\Escaper;
+use Laminas\Escaper\EscaperInterface;
+use Laminas\Escaper\Exception\ExceptionInterface;
+use Laminas\Escaper\Exception\InvalidArgumentException as EscaperInvalidArgumentException;
+use Laminas\Escaper\Exception\RuntimeException;
+use Psr\Log\AbstractLogger;
+use Psr\Log\InvalidArgumentException;
+use Psr\Log\LoggerAwareInterface;
+use Psr\Log\LoggerAwareTrait;
+use Psr\Log\LoggerInterface;
+use Psr\Log\LoggerTrait;
+use Psr\Log\LogLevel;
+use Psr\Log\NullLogger;
+
+/**
+ * AUTOLOADER CONFIGURATION
+ *
+ * This file defines the namespaces and class maps so the Autoloader
+ * can find the files as needed.
+ */
+class AutoloadConfig
+{
+    /**
+     * -------------------------------------------------------------------
+     * Namespaces
+     * -------------------------------------------------------------------
+     * This maps the locations of any namespaces in your application to
+     * their location on the file system. These are used by the autoloader
+     * to locate files the first time they have been instantiated.
+     *
+     * The '/app' and '/system' directories are already mapped for you.
+     * you may change the name of the 'App' namespace if you wish,
+     * but this should be done prior to creating any namespaced classes,
+     * else you will need to modify all of those classes for this to work.
+     *
+     * @var array<string, list<string>|string>
+     */
+    public $psr4 = [];
+
+    /**
+     * -------------------------------------------------------------------
+     * Class Map
+     * -------------------------------------------------------------------
+     * The class map provides a map of class names and their exact
+     * location on the drive. Classes loaded in this manner will have
+     * slightly faster performance because they will not have to be
+     * searched for within one or more directories as they would if they
+     * were being autoloaded through a namespace.
+     *
+     * @var array<string, string>
+     */
+    public $classmap = [];
+
+    /**
+     * -------------------------------------------------------------------
+     * Files
+     * -------------------------------------------------------------------
+     * The files array provides a list of paths to __non-class__ files
+     * that will be autoloaded. This can be useful for bootstrap operations
+     * or for loading functions.
+     *
+     * @var list<string>
+     */
+    public $files = [];
+
+    /**
+     * -------------------------------------------------------------------
+     * Namespaces
+     * -------------------------------------------------------------------
+     * This maps the locations of any namespaces in your application to
+     * their location on the file system. These are used by the autoloader
+     * to locate files the first time they have been instantiated.
+     *
+     * Do not change the name of the CodeIgniter namespace or your application
+     * will break.
+     *
+     * @var array<string, string>
+     */
+    protected $corePsr4 = [
+        'CodeIgniter' => SYSTEMPATH,
+        'Config'      => APPPATH . 'Config',
+    ];
+
+    /**
+     * -------------------------------------------------------------------
+     * Class Map
+     * -------------------------------------------------------------------
+     * The class map provides a map of class names and their exact
+     * location on the drive. Classes loaded in this manner will have
+     * slightly faster performance because they will not have to be
+     * searched for within one or more directories as they would if they
+     * were being autoloaded through a namespace.
+     *
+     * @var array<class-string, string>
+     */
+    protected $coreClassmap = [
+        AbstractLogger::class                  => SYSTEMPATH . 'ThirdParty/PSR/Log/AbstractLogger.php',
+        InvalidArgumentException::class        => SYSTEMPATH . 'ThirdParty/PSR/Log/InvalidArgumentException.php',
+        LoggerAwareInterface::class            => SYSTEMPATH . 'ThirdParty/PSR/Log/LoggerAwareInterface.php',
+        LoggerAwareTrait::class                => SYSTEMPATH . 'ThirdParty/PSR/Log/LoggerAwareTrait.php',
+        LoggerInterface::class                 => SYSTEMPATH . 'ThirdParty/PSR/Log/LoggerInterface.php',
+        LoggerTrait::class                     => SYSTEMPATH . 'ThirdParty/PSR/Log/LoggerTrait.php',
+        LogLevel::class                        => SYSTEMPATH . 'ThirdParty/PSR/Log/LogLevel.php',
+        NullLogger::class                      => SYSTEMPATH . 'ThirdParty/PSR/Log/NullLogger.php',
+        ExceptionInterface::class              => SYSTEMPATH . 'ThirdParty/Escaper/Exception/ExceptionInterface.php',
+        EscaperInvalidArgumentException::class => SYSTEMPATH . 'ThirdParty/Escaper/Exception/InvalidArgumentException.php',
+        RuntimeException::class                => SYSTEMPATH . 'ThirdParty/Escaper/Exception/RuntimeException.php',
+        EscaperInterface::class                => SYSTEMPATH . 'ThirdParty/Escaper/EscaperInterface.php',
+        Escaper::class                         => SYSTEMPATH . 'ThirdParty/Escaper/Escaper.php',
+    ];
+
+    /**
+     * -------------------------------------------------------------------
+     * Core Files
+     * -------------------------------------------------------------------
+     * List of files from the framework to be autoloaded early.
+     *
+     * @var array<int, string>
+     */
+    protected $coreFiles = [];
+
+    /**
+     * Constructor.
+     *
+     * Merge the built-in and developer-configured psr4 and classmap,
+     * with preference to the developer ones.
+     */
+    public function __construct()
+    {
+        if (isset($_SERVER['CI_ENVIRONMENT']) && $_SERVER['CI_ENVIRONMENT'] === 'testing') {
+            $this->psr4['Tests\Support']                  = SUPPORTPATH;
+            $this->classmap['CodeIgniter\Log\TestLogger'] = SYSTEMPATH . 'Test/TestLogger.php';
+            $this->classmap['CIDatabaseTestCase']         = SYSTEMPATH . 'Test/CIDatabaseTestCase.php';
+        }
+
+        $this->psr4     = array_merge($this->corePsr4, $this->psr4);
+        $this->classmap = array_merge($this->coreClassmap, $this->classmap);
+        $this->files    = [...$this->coreFiles, ...$this->files];
+    }
+}
diff --git a/ci4app/system/Config/BaseConfig.php b/ci4app/system/Config/BaseConfig.php
new file mode 100644
index 0000000..ce6594d
--- /dev/null
+++ b/ci4app/system/Config/BaseConfig.php
@@ -0,0 +1,301 @@
+<?php
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Config;
+
+use CodeIgniter\Autoloader\FileLocatorInterface;
+use CodeIgniter\Exceptions\ConfigException;
+use CodeIgniter\Exceptions\RuntimeException;
+use Config\Encryption;
+use Config\Modules;
+use ReflectionClass;
+use ReflectionException;
+
+/**
+ * Class BaseConfig
+ *
+ * Not intended to be used on its own, this class will attempt to
+ * automatically populate the child class' properties with values
+ * from the environment.
+ *
+ * These can be set within the .env file.
+ *
+ * @phpstan-consistent-constructor
+ * @see \CodeIgniter\Config\BaseConfigTest
+ */
+class BaseConfig
+{
+    /**
+     * An optional array of classes that will act as Registrars
+     * for rapidly setting config class properties.
+     *
+     * @var array
+     */
+    public static $registrars = [];
+
+    /**
+     * Whether to override properties by Env vars and Registrars.
+     */
+    public static bool $override = true;
+
+    /**
+     * Has module discovery completed?
+     *
+     * @var bool
+     */
+    protected static $didDiscovery = false;
+
+    /**
+     * Is module discovery running or not?
+     */
+    protected static bool $discovering = false;
+
+    /**
+     * The processing Registrar file for error message.
+     */
+    protected static string $registrarFile = '';
+
+    /**
+     * The modules configuration.
+     *
+     * @var Modules|null
+     */
+    protected static $moduleConfig;
+
+    public static function __set_state(array $array)
+    {
+        static::$override = false;
+        $obj              = new static();
+        static::$override = true;
+
+        $properties = array_keys(get_object_vars($obj));
+
+        foreach ($properties as $property) {
+            $obj->{$property} = $array[$property];
+        }
+
+        return $obj;
+    }
+
+    /**
+     * @internal For testing purposes only.
+     * @testTag
+     */
+    public static function setModules(Modules $modules): void
+    {
+        static::$moduleConfig = $modules;
+    }
+
+    /**
+     * @internal For testing purposes only.
+     * @testTag
+     */
+    public static function reset(): void
+    {
+        static::$registrars   = [];
+        static::$override     = true;
+        static::$didDiscovery = false;
+        static::$moduleConfig = null;
+    }
+
+    /**
+     * Will attempt to get environment variables with names
+     * that match the properties of the child class.
+     *
+     * The "shortPrefix" is the lowercase-only config class name.
+     */
+    public function __construct()
+    {
+        static::$moduleConfig ??= new Modules();
+
+        if (! static::$override) {
+            return;
+        }
+
+        $this->registerProperties();
+
+        $properties  = array_keys(get_object_vars($this));
+        $prefix      = static::class;
+        $slashAt     = strrpos($prefix, '\\');
+        $shortPrefix = strtolower(substr($prefix, $slashAt === false ? 0 : $slashAt + 1));
+
+        foreach ($properties as $property) {
+            $this->initEnvValue($this->{$property}, $property, $prefix, $shortPrefix);
+
+            if ($this instanceof Encryption && $property === 'key') {
+                if (str_starts_with($this->{$property}, 'hex2bin:')) {
+                    // Handle hex2bin prefix
+                    $this->{$property} = hex2bin(substr($this->{$property}, 8));
+                } elseif (str_starts_with($this->{$property}, 'base64:')) {
+                    // Handle base64 prefix
+                    $this->{$property} = base64_decode(substr($this->{$property}, 7), true);
+                }
+            }
+        }
+    }
+
+    /**
+     * Initialization an environment-specific configuration setting
+     *
+     * @param array|bool|float|int|string|null $property
+     *
+     * @return void
+     */
+    protected function initEnvValue(&$property, string $name, string $prefix, string $shortPrefix)
+    {
+        if (is_array($property)) {
+            foreach (array_keys($property) as $key) {
+                $this->initEnvValue($property[$key], "{$name}.{$key}", $prefix, $shortPrefix);
+            }
+        } elseif (($value = $this->getEnvValue($name, $prefix, $shortPrefix)) !== false && $value !== null) {
+            if ($value === 'false') {
+                $value = false;
+            } elseif ($value === 'true') {
+                $value = true;
+            }
+            if (is_bool($value)) {
+                $property = $value;
+
+                return;
+            }
+
+            $value = trim($value, '\'"');
+
+            if (is_int($property)) {
+                $value = (int) $value;
+            } elseif (is_float($property)) {
+                $value = (float) $value;
+            }
+
+            // If the default value of the property is `null` and the type is not
+            // `string`, TypeError will happen.
+            // So cannot set `declare(strict_types=1)` in this file.
+            $property = $value;
+        }
+    }
+
+    /**
+     * Retrieve an environment-specific configuration setting
+     *
+     * @return string|null
+     */
+    protected function getEnvValue(string $property, string $prefix, string $shortPrefix)
+    {
+        $shortPrefix        = ltrim($shortPrefix, '\\');
+        $underscoreProperty = str_replace('.', '_', $property);
+
+        switch (true) {
+            case array_key_exists("{$shortPrefix}.{$property}", $_ENV):
+                return $_ENV["{$shortPrefix}.{$property}"];
+
+            case array_key_exists("{$shortPrefix}_{$underscoreProperty}", $_ENV):
+                return $_ENV["{$shortPrefix}_{$underscoreProperty}"];
+
+            case array_key_exists("{$shortPrefix}.{$property}", $_SERVER):
+                return $_SERVER["{$shortPrefix}.{$property}"];
+
+            case array_key_exists("{$shortPrefix}_{$underscoreProperty}", $_SERVER):
+                return $_SERVER["{$shortPrefix}_{$underscoreProperty}"];
+
+            case array_key_exists("{$prefix}.{$property}", $_ENV):
+                return $_ENV["{$prefix}.{$property}"];
+
+            case array_key_exists("{$prefix}_{$underscoreProperty}", $_ENV):
+                return $_ENV["{$prefix}_{$underscoreProperty}"];
+
+            case array_key_exists("{$prefix}.{$property}", $_SERVER):
+                return $_SERVER["{$prefix}.{$property}"];
+
+            case array_key_exists("{$prefix}_{$underscoreProperty}", $_SERVER):
+                return $_SERVER["{$prefix}_{$underscoreProperty}"];
+
+            default:
+                $value = getenv("{$shortPrefix}.{$property}");
+                $value = $value === false ? getenv("{$shortPrefix}_{$underscoreProperty}") : $value;
+                $value = $value === false ? getenv("{$prefix}.{$property}") : $value;
+                $value = $value === false ? getenv("{$prefix}_{$underscoreProperty}") : $value;
+
+                return $value === false ? null : $value;
+        }
+    }
+
+    /**
+     * Provides external libraries a simple way to register one or more
+     * options into a config file.
+     *
+     * @return void
+     *
+     * @throws ReflectionException
+     */
+    protected function registerProperties()
+    {
+        if (! static::$moduleConfig->shouldDiscover('registrars')) {
+            return;
+        }
+
+        if (! static::$didDiscovery) {
+            // Discovery must be completed before the first instantiation of any Config class.
+            if (static::$discovering) {
+                throw new ConfigException(
+                    'During Auto-Discovery of Registrars,'
+                    . ' "' . static::class . '" executes Auto-Discovery again.'
+                    . ' "' . clean_path(static::$registrarFile) . '" seems to have bad code.',
+                );
+            }
+
+            static::$discovering = true;
+
+            /** @var FileLocatorInterface */
+            $locator         = service('locator');
+            $registrarsFiles = $locator->search('Config/Registrar.php');
+
+            foreach ($registrarsFiles as $file) {
+                // Saves the file for error message.
+                static::$registrarFile = $file;
+
+                $className = $locator->findQualifiedNameFromPath($file);
+
+                if ($className === false) {
+                    continue;
+                }
+
+                static::$registrars[] = new $className();
+            }
+
+            static::$didDiscovery = true;
+            static::$discovering  = false;
+        }
+
+        $shortName = (new ReflectionClass($this))->getShortName();
+
+        // Check the registrar class for a method named after this class' shortName
+        foreach (static::$registrars as $callable) {
+            // ignore non-applicable registrars
+            if (! method_exists($callable, $shortName)) {
+                continue; // @codeCoverageIgnore
+            }
+
+            $properties = $callable::$shortName();
+
+            if (! is_array($properties)) {
+                throw new RuntimeException('Registrars must return an array of properties and their values.');
+            }
+
+            foreach ($properties as $property => $value) {
+                if (isset($this->{$property}) && is_array($this->{$property}) && is_array($value)) {
+                    $this->{$property} = array_merge($this->{$property}, $value);
+                } else {
+                    $this->{$property} = $value;
+                }
+            }
+        }
+    }
+}
diff --git a/ci4app/system/Config/BaseService.php b/ci4app/system/Config/BaseService.php
new file mode 100644
index 0000000..0fb4c3c
--- /dev/null
+++ b/ci4app/system/Config/BaseService.php
@@ -0,0 +1,432 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Config;
+
+use CodeIgniter\Autoloader\Autoloader;
+use CodeIgniter\Autoloader\FileLocator;
+use CodeIgniter\Autoloader\FileLocatorCached;
+use CodeIgniter\Autoloader\FileLocatorInterface;
+use CodeIgniter\Cache\CacheInterface;
+use CodeIgniter\Cache\ResponseCache;
+use CodeIgniter\CLI\Commands;
+use CodeIgniter\CodeIgniter;
+use CodeIgniter\Database\ConnectionInterface;
+use CodeIgniter\Database\MigrationRunner;
+use CodeIgniter\Debug\Exceptions;
+use CodeIgniter\Debug\Iterator;
+use CodeIgniter\Debug\Timer;
+use CodeIgniter\Debug\Toolbar;
+use CodeIgniter\Email\Email;
+use CodeIgniter\Encryption\EncrypterInterface;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Filters\Filters;
+use CodeIgniter\Format\Format;
+use CodeIgniter\Honeypot\Honeypot;
+use CodeIgniter\HTTP\CLIRequest;
+use CodeIgniter\HTTP\ContentSecurityPolicy;
+use CodeIgniter\HTTP\CURLRequest;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\Negotiate;
+use CodeIgniter\HTTP\RedirectResponse;
+use CodeIgniter\HTTP\Request;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use CodeIgniter\HTTP\SiteURIFactory;
+use CodeIgniter\HTTP\URI;
+use CodeIgniter\Images\Handlers\BaseHandler;
+use CodeIgniter\Language\Language;
+use CodeIgniter\Log\Logger;
+use CodeIgniter\Pager\Pager;
+use CodeIgniter\Router\RouteCollection;
+use CodeIgniter\Router\RouteCollectionInterface;
+use CodeIgniter\Router\Router;
+use CodeIgniter\Security\Security;
+use CodeIgniter\Session\Session;
+use CodeIgniter\Superglobals;
+use CodeIgniter\Throttle\Throttler;
+use CodeIgniter\Typography\Typography;
+use CodeIgniter\Validation\ValidationInterface;
+use CodeIgniter\View\Cell;
+use CodeIgniter\View\Parser;
+use CodeIgniter\View\RendererInterface;
+use CodeIgniter\View\View;
+use Config\App;
+use Config\Autoload;
+use Config\Cache;
+use Config\ContentSecurityPolicy as CSPConfig;
+use Config\Encryption;
+use Config\Exceptions as ConfigExceptions;
+use Config\Filters as ConfigFilters;
+use Config\Format as ConfigFormat;
+use Config\Honeypot as ConfigHoneyPot;
+use Config\Images;
+use Config\Migrations;
+use Config\Modules;
+use Config\Optimize;
+use Config\Pager as ConfigPager;
+use Config\Services as AppServices;
+use Config\Session as ConfigSession;
+use Config\Toolbar as ConfigToolbar;
+use Config\Validation as ConfigValidation;
+use Config\View as ConfigView;
+
+/**
+ * Services Configuration file.
+ *
+ * Services are simply other classes/libraries that the system uses
+ * to do its job. This is used by CodeIgniter to allow the core of the
+ * framework to be swapped out easily without affecting the usage within
+ * the rest of your application.
+ *
+ * This is used in place of a Dependency Injection container primarily
+ * due to its simplicity, which allows a better long-term maintenance
+ * of the applications built on top of CodeIgniter. A bonus side-effect
+ * is that IDEs are able to determine what class you are calling
+ * whereas with DI Containers there usually isn't a way for them to do this.
+ *
+ * Warning: To allow overrides by service providers do not use static calls,
+ * instead call out to \Config\Services (imported as AppServices).
+ *
+ * @see http://blog.ircmaxell.com/2015/11/simple-easy-risk-and-change.html
+ * @see http://www.infoq.com/presentations/Simple-Made-Easy
+ *
+ * @method static CacheInterface             cache(Cache $config = null, $getShared = true)
+ * @method static CLIRequest                 clirequest(App $config = null, $getShared = true)
+ * @method static CodeIgniter                codeigniter(App $config = null, $getShared = true)
+ * @method static Commands                   commands($getShared = true)
+ * @method static void                       createRequest(App $config, bool $isCli = false)
+ * @method static ContentSecurityPolicy      csp(CSPConfig $config = null, $getShared = true)
+ * @method static CURLRequest                curlrequest($options = [], ResponseInterface $response = null, App $config = null, $getShared = true)
+ * @method static Email                      email($config = null, $getShared = true)
+ * @method static EncrypterInterface         encrypter(Encryption $config = null, $getShared = false)
+ * @method static Exceptions                 exceptions(ConfigExceptions $config = null, $getShared = true)
+ * @method static Filters                    filters(ConfigFilters $config = null, $getShared = true)
+ * @method static Format                     format(ConfigFormat $config = null, $getShared = true)
+ * @method static Honeypot                   honeypot(ConfigHoneyPot $config = null, $getShared = true)
+ * @method static BaseHandler                image($handler = null, Images $config = null, $getShared = true)
+ * @method static IncomingRequest            incomingrequest(?App $config = null, bool $getShared = true)
+ * @method static Iterator                   iterator($getShared = true)
+ * @method static Language                   language($locale = null, $getShared = true)
+ * @method static Logger                     logger($getShared = true)
+ * @method static MigrationRunner            migrations(Migrations $config = null, ConnectionInterface $db = null, $getShared = true)
+ * @method static Negotiate                  negotiator(RequestInterface $request = null, $getShared = true)
+ * @method static Pager                      pager(ConfigPager $config = null, RendererInterface $view = null, $getShared = true)
+ * @method static Parser                     parser($viewPath = null, ConfigView $config = null, $getShared = true)
+ * @method static RedirectResponse           redirectresponse(App $config = null, $getShared = true)
+ * @method static View                       renderer($viewPath = null, ConfigView $config = null, $getShared = true)
+ * @method static IncomingRequest|CLIRequest request(App $config = null, $getShared = true)
+ * @method static ResponseInterface          response(App $config = null, $getShared = true)
+ * @method static ResponseCache              responsecache(?Cache $config = null, ?CacheInterface $cache = null, bool $getShared = true)
+ * @method static Router                     router(RouteCollectionInterface $routes = null, Request $request = null, $getShared = true)
+ * @method static RouteCollection            routes($getShared = true)
+ * @method static Security                   security(App $config = null, $getShared = true)
+ * @method static Session                    session(ConfigSession $config = null, $getShared = true)
+ * @method static SiteURIFactory             siteurifactory(App $config = null, Superglobals $superglobals = null, $getShared = true)
+ * @method static Superglobals               superglobals(array $server = null, array $get = null, bool $getShared = true)
+ * @method static Throttler                  throttler($getShared = true)
+ * @method static Timer                      timer($getShared = true)
+ * @method static Toolbar                    toolbar(ConfigToolbar $config = null, $getShared = true)
+ * @method static Typography                 typography($getShared = true)
+ * @method static URI                        uri($uri = null, $getShared = true)
+ * @method static ValidationInterface        validation(ConfigValidation $config = null, $getShared = true)
+ * @method static Cell                       viewcell($getShared = true)
+ */
+class BaseService
+{
+    /**
+     * Cache for instance of any services that
+     * have been requested as a "shared" instance.
+     * Keys should be lowercase service names.
+     *
+     * @var array<string, object> [key => instance]
+     */
+    protected static $instances = [];
+
+    /**
+     * Factory method list.
+     *
+     * @var array<string, (callable(mixed ...$params): object)> [key => callable]
+     */
+    protected static array $factories = [];
+
+    /**
+     * Mock objects for testing which are returned if exist.
+     *
+     * @var array<string, object> [key => instance]
+     */
+    protected static $mocks = [];
+
+    /**
+     * Have we already discovered other Services?
+     *
+     * @var bool
+     */
+    protected static $discovered = false;
+
+    /**
+     * A cache of other service classes we've found.
+     *
+     * @var array
+     *
+     * @deprecated 4.5.0 No longer used.
+     */
+    protected static $services = [];
+
+    /**
+     * A cache of the names of services classes found.
+     *
+     * @var list<string>
+     */
+    private static array $serviceNames = [];
+
+    /**
+     * Simple method to get an entry fast.
+     *
+     * @param string $key Identifier of the entry to look for.
+     *
+     * @return object|null Entry.
+     */
+    public static function get(string $key): ?object
+    {
+        return static::$instances[$key] ?? static::__callStatic($key, []);
+    }
+
+    /**
+     * Sets an entry.
+     *
+     * @param string $key Identifier of the entry.
+     */
+    public static function set(string $key, object $value): void
+    {
+        if (isset(static::$instances[$key])) {
+            throw new InvalidArgumentException('The entry for "' . $key . '" is already set.');
+        }
+
+        static::$instances[$key] = $value;
+    }
+
+    /**
+     * Overrides an existing entry.
+     *
+     * @param string $key Identifier of the entry.
+     */
+    public static function override(string $key, object $value): void
+    {
+        static::$instances[$key] = $value;
+    }
+
+    /**
+     * Returns a shared instance of any of the class' services.
+     *
+     * $key must be a name matching a service.
+     *
+     * @param array|bool|float|int|object|string|null ...$params
+     *
+     * @return object
+     */
+    protected static function getSharedInstance(string $key, ...$params)
+    {
+        $key = strtolower($key);
+
+        // Returns mock if exists
+        if (isset(static::$mocks[$key])) {
+            return static::$mocks[$key];
+        }
+
+        if (! isset(static::$instances[$key])) {
+            // Make sure $getShared is false
+            $params[] = false;
+
+            static::$instances[$key] = AppServices::$key(...$params);
+        }
+
+        return static::$instances[$key];
+    }
+
+    /**
+     * The Autoloader class is the central class that handles our
+     * spl_autoload_register method, and helper methods.
+     *
+     * @return Autoloader
+     */
+    public static function autoloader(bool $getShared = true)
+    {
+        if ($getShared) {
+            if (empty(static::$instances['autoloader'])) {
+                static::$instances['autoloader'] = new Autoloader();
+            }
+
+            return static::$instances['autoloader'];
+        }
+
+        return new Autoloader();
+    }
+
+    /**
+     * The file locator provides utility methods for looking for non-classes
+     * within namespaced folders, as well as convenience methods for
+     * loading 'helpers', and 'libraries'.
+     *
+     * @return FileLocatorInterface
+     */
+    public static function locator(bool $getShared = true)
+    {
+        if ($getShared) {
+            if (empty(static::$instances['locator'])) {
+                $cacheEnabled = class_exists(Optimize::class)
+                    && (new Optimize())->locatorCacheEnabled;
+
+                if ($cacheEnabled) {
+                    static::$instances['locator'] = new FileLocatorCached(new FileLocator(static::autoloader()));
+                } else {
+                    static::$instances['locator'] = new FileLocator(static::autoloader());
+                }
+            }
+
+            return static::$mocks['locator'] ?? static::$instances['locator'];
+        }
+
+        return new FileLocator(static::autoloader());
+    }
+
+    /**
+     * Provides the ability to perform case-insensitive calling of service
+     * names.
+     *
+     * @return object|null
+     */
+    public static function __callStatic(string $name, array $arguments)
+    {
+        if (isset(static::$factories[$name])) {
+            return static::$factories[$name](...$arguments);
+        }
+
+        $service = static::serviceExists($name);
+
+        if ($service === null) {
+            return null;
+        }
+
+        return $service::$name(...$arguments);
+    }
+
+    /**
+     * Check if the requested service is defined and return the declaring
+     * class. Return null if not found.
+     */
+    public static function serviceExists(string $name): ?string
+    {
+        static::buildServicesCache();
+
+        $services = array_merge(self::$serviceNames, [Services::class]);
+        $name     = strtolower($name);
+
+        foreach ($services as $service) {
+            if (method_exists($service, $name)) {
+                static::$factories[$name] = [$service, $name];
+
+                return $service;
+            }
+        }
+
+        return null;
+    }
+
+    /**
+     * Reset shared instances and mocks for testing.
+     *
+     * @return void
+     *
+     * @testTag only available to test code
+     */
+    public static function reset(bool $initAutoloader = true)
+    {
+        static::$mocks     = [];
+        static::$instances = [];
+        static::$factories = [];
+
+        if ($initAutoloader) {
+            static::autoloader()->initialize(new Autoload(), new Modules());
+        }
+    }
+
+    /**
+     * Resets any mock and shared instances for a single service.
+     *
+     * @return void
+     *
+     * @testTag only available to test code
+     */
+    public static function resetSingle(string $name)
+    {
+        $name = strtolower($name);
+        unset(static::$mocks[$name], static::$instances[$name]);
+    }
+
+    /**
+     * Inject mock object for testing.
+     *
+     * @param object $mock
+     *
+     * @return void
+     *
+     * @testTag only available to test code
+     */
+    public static function injectMock(string $name, $mock)
+    {
+        static::$instances[$name]         = $mock;
+        static::$mocks[strtolower($name)] = $mock;
+    }
+
+    /**
+     * Resets the service cache.
+     */
+    public static function resetServicesCache(): void
+    {
+        self::$serviceNames = [];
+        static::$discovered = false;
+    }
+
+    protected static function buildServicesCache(): void
+    {
+        if (! static::$discovered) {
+            if ((new Modules())->shouldDiscover('services')) {
+                $locator = static::locator();
+                $files   = $locator->search('Config/Services');
+
+                $systemPath = static::autoloader()->getNamespace('CodeIgniter')[0];
+
+                // Get instances of all service classes and cache them locally.
+                foreach ($files as $file) {
+                    // Does not search `CodeIgniter` namespace to prevent from loading twice.
+                    if (str_starts_with($file, $systemPath)) {
+                        continue;
+                    }
+
+                    $classname = $locator->findQualifiedNameFromPath($file);
+
+                    if ($classname === false) {
+                        continue;
+                    }
+
+                    if ($classname !== Services::class) {
+                        self::$serviceNames[] = $classname;
+                    }
+                }
+            }
+
+            static::$discovered = true;
+        }
+    }
+}
diff --git a/ci4app/system/Config/DotEnv.php b/ci4app/system/Config/DotEnv.php
new file mode 100644
index 0000000..6778c44
--- /dev/null
+++ b/ci4app/system/Config/DotEnv.php
@@ -0,0 +1,240 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Config;
+
+use CodeIgniter\Exceptions\InvalidArgumentException;
+
+/**
+ * Environment-specific configuration
+ *
+ * @see \CodeIgniter\Config\DotEnvTest
+ */
+class DotEnv
+{
+    /**
+     * The directory where the .env file can be located.
+     *
+     * @var string
+     */
+    protected $path;
+
+    /**
+     * Builds the path to our file.
+     */
+    public function __construct(string $path, string $file = '.env')
+    {
+        $this->path = rtrim($path, DIRECTORY_SEPARATOR) . DIRECTORY_SEPARATOR . $file;
+    }
+
+    /**
+     * The main entry point, will load the .env file and process it
+     * so that we end up with all settings in the PHP environment vars
+     * (i.e. getenv(), $_ENV, and $_SERVER)
+     */
+    public function load(): bool
+    {
+        $vars = $this->parse();
+
+        return $vars !== null;
+    }
+
+    /**
+     * Parse the .env file into an array of key => value
+     */
+    public function parse(): ?array
+    {
+        // We don't want to enforce the presence of a .env file, they should be optional.
+        if (! is_file($this->path)) {
+            return null;
+        }
+
+        // Ensure the file is readable
+        if (! is_readable($this->path)) {
+            throw new InvalidArgumentException("The .env file is not readable: {$this->path}");
+        }
+
+        $vars = [];
+
+        $lines = file($this->path, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
+
+        foreach ($lines as $line) {
+            // Is it a comment?
+            if (str_starts_with(trim($line), '#')) {
+                continue;
+            }
+
+            // If there is an equal sign, then we know we are assigning a variable.
+            if (str_contains($line, '=')) {
+                [$name, $value] = $this->normaliseVariable($line);
+                $vars[$name]    = $value;
+                $this->setVariable($name, $value);
+            }
+        }
+
+        return $vars;
+    }
+
+    /**
+     * Sets the variable into the environment. Will parse the string
+     * first to look for {name}={value} pattern, ensure that nested
+     * variables are handled, and strip it of single and double quotes.
+     *
+     * @return void
+     */
+    protected function setVariable(string $name, string $value = '')
+    {
+        if (getenv($name, true) === false) {
+            putenv("{$name}={$value}");
+        }
+
+        if (empty($_ENV[$name])) {
+            $_ENV[$name] = $value;
+        }
+
+        if (empty($_SERVER[$name])) {
+            $_SERVER[$name] = $value;
+        }
+    }
+
+    /**
+     * Parses for assignment, cleans the $name and $value, and ensures
+     * that nested variables are handled.
+     */
+    public function normaliseVariable(string $name, string $value = ''): array
+    {
+        // Split our compound string into its parts.
+        if (str_contains($name, '=')) {
+            [$name, $value] = explode('=', $name, 2);
+        }
+
+        $name  = trim($name);
+        $value = trim($value);
+
+        // Sanitize the name
+        $name = preg_replace('/^export[ \t]++(\S+)/', '$1', $name);
+        $name = str_replace(['\'', '"'], '', $name);
+
+        // Sanitize the value
+        $value = $this->sanitizeValue($value);
+        $value = $this->resolveNestedVariables($value);
+
+        return [$name, $value];
+    }
+
+    /**
+     * Strips quotes from the environment variable value.
+     *
+     * This was borrowed from the excellent phpdotenv with very few changes.
+     * https://github.com/vlucas/phpdotenv
+     *
+     * @throws InvalidArgumentException
+     */
+    protected function sanitizeValue(string $value): string
+    {
+        if ($value === '') {
+            return $value;
+        }
+
+        // Does it begin with a quote?
+        if (strpbrk($value[0], '"\'') !== false) {
+            // value starts with a quote
+            $quote = $value[0];
+
+            $regexPattern = sprintf(
+                '/^
+                %1$s          # match a quote at the start of the value
+                (             # capturing sub-pattern used
+                 (?:          # we do not need to capture this
+                 [^%1$s\\\\] # any character other than a quote or backslash
+                 |\\\\\\\\   # or two backslashes together
+                 |\\\\%1$s   # or an escaped quote e.g \"
+                 )*           # as many characters that match the previous rules
+                )             # end of the capturing sub-pattern
+                %1$s          # and the closing quote
+                .*$           # and discard any string after the closing quote
+                /mx',
+                $quote,
+            );
+
+            $value = preg_replace($regexPattern, '$1', $value);
+            $value = str_replace("\\{$quote}", $quote, $value);
+            $value = str_replace('\\\\', '\\', $value);
+        } else {
+            $parts = explode(' #', $value, 2);
+            $value = trim($parts[0]);
+
+            // Unquoted values cannot contain whitespace
+            if (preg_match('/\s+/', $value) > 0) {
+                throw new InvalidArgumentException('.env values containing spaces must be surrounded by quotes.');
+            }
+        }
+
+        return $value;
+    }
+
+    /**
+     *  Resolve the nested variables.
+     *
+     * Look for ${varname} patterns in the variable value and replace with an existing
+     * environment variable.
+     *
+     * This was borrowed from the excellent phpdotenv with very few changes.
+     * https://github.com/vlucas/phpdotenv
+     */
+    protected function resolveNestedVariables(string $value): string
+    {
+        if (str_contains($value, '$')) {
+            $value = preg_replace_callback(
+                '/\${([a-zA-Z0-9_\.]+)}/',
+                function ($matchedPatterns) {
+                    $nestedVariable = $this->getVariable($matchedPatterns[1]);
+
+                    if ($nestedVariable === null) {
+                        return $matchedPatterns[0];
+                    }
+
+                    return $nestedVariable;
+                },
+                $value,
+            );
+        }
+
+        return $value;
+    }
+
+    /**
+     * Search the different places for environment variables and return first value found.
+     *
+     * This was borrowed from the excellent phpdotenv with very few changes.
+     * https://github.com/vlucas/phpdotenv
+     *
+     * @return string|null
+     */
+    protected function getVariable(string $name)
+    {
+        switch (true) {
+            case array_key_exists($name, $_ENV):
+                return $_ENV[$name];
+
+            case array_key_exists($name, $_SERVER):
+                return $_SERVER[$name];
+
+            default:
+                $value = getenv($name);
+
+                // switch getenv default to null
+                return $value === false ? null : $value;
+        }
+    }
+}
diff --git a/ci4app/system/Config/Factories.php b/ci4app/system/Config/Factories.php
new file mode 100644
index 0000000..ab5343d
--- /dev/null
+++ b/ci4app/system/Config/Factories.php
@@ -0,0 +1,564 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Config;
+
+use CodeIgniter\Autoloader\FileLocatorInterface;
+use CodeIgniter\Database\ConnectionInterface;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Model;
+
+/**
+ * Factories for creating instances.
+ *
+ * Factories allow dynamic loading of components by their path
+ * and name. The "shared instance" implementation provides a
+ * large performance boost and helps keep code clean of lengthy
+ * instantiation checks.
+ *
+ * @method static BaseConfig|null config(...$arguments)
+ * @method static Model|null      models(string $alias, array $options = [], ?ConnectionInterface &$conn = null)
+ * @see \CodeIgniter\Config\FactoriesTest
+ */
+final class Factories
+{
+    /**
+     * Store of component-specific options, usually
+     * from CodeIgniter\Config\Factory.
+     *
+     * @var array<string, array<string, bool|string|null>>
+     */
+    private static array $options = [];
+
+    /**
+     * Explicit options for the Config
+     * component to prevent logic loops.
+     *
+     * @var array<string, bool|string|null>
+     */
+    private static array $configOptions = [
+        'component'  => 'config',
+        'path'       => 'Config',
+        'instanceOf' => null,
+        'getShared'  => true,
+        'preferApp'  => true,
+    ];
+
+    /**
+     * Mapping of class aliases to their true Fully Qualified Class Name (FQCN).
+     *
+     * Class aliases can be:
+     *     - FQCN. E.g., 'App\Lib\SomeLib'
+     *     - short classname. E.g., 'SomeLib'
+     *     - short classname with sub-directories. E.g., 'Sub/SomeLib'
+     *
+     * [component => [alias => FQCN]]
+     *
+     * @var array<string, array<string, class-string>>
+     */
+    private static array $aliases = [];
+
+    /**
+     * Store for instances of any component that
+     * has been requested as "shared".
+     *
+     * A multi-dimensional array with components as
+     * keys to the array of name-indexed instances.
+     *
+     * [component => [FQCN => instance]]
+     *
+     * @var array<string, array<class-string, object>>
+     */
+    private static array $instances = [];
+
+    /**
+     * Whether the component instances are updated?
+     *
+     * @var array<string, true> [component => true]
+     *
+     * @internal For caching only
+     */
+    private static array $updated = [];
+
+    /**
+     * Define the class to load. You can *override* the concrete class.
+     *
+     * @param string       $component Lowercase, plural component name
+     * @param string       $alias     Class alias. See the $aliases property.
+     * @param class-string $classname FQCN to be loaded
+     */
+    public static function define(string $component, string $alias, string $classname): void
+    {
+        $component = strtolower($component);
+
+        if (isset(self::$aliases[$component][$alias])) {
+            if (self::$aliases[$component][$alias] === $classname) {
+                return;
+            }
+
+            throw new InvalidArgumentException(
+                'Already defined in Factories: ' . $component . ' ' . $alias . ' -> ' . self::$aliases[$component][$alias],
+            );
+        }
+
+        if (! class_exists($classname)) {
+            throw new InvalidArgumentException('No such class: ' . $classname);
+        }
+
+        // Force a configuration to exist for this component.
+        // Otherwise, getOptions() will reset the component.
+        self::getOptions($component);
+
+        self::$aliases[$component][$alias] = $classname;
+        self::$updated[$component]         = true;
+    }
+
+    /**
+     * Loads instances based on the method component name. Either
+     * creates a new instance or returns an existing shared instance.
+     *
+     * @return object|null
+     */
+    public static function __callStatic(string $component, array $arguments)
+    {
+        $component = strtolower($component);
+
+        // First argument is the class alias, second is options
+        $alias   = trim(array_shift($arguments), '\\ ');
+        $options = array_shift($arguments) ?? [];
+
+        // Determine the component-specific options
+        $options = array_merge(self::getOptions($component), $options);
+
+        if (! $options['getShared']) {
+            if (isset(self::$aliases[$options['component']][$alias])) {
+                $class = self::$aliases[$options['component']][$alias];
+
+                return new $class(...$arguments);
+            }
+
+            // Try to locate the class
+            $class = self::locateClass($options, $alias);
+            if ($class !== null) {
+                return new $class(...$arguments);
+            }
+
+            return null;
+        }
+
+        // Check for an existing definition
+        $instance = self::getDefinedInstance($options, $alias, $arguments);
+        if ($instance !== null) {
+            return $instance;
+        }
+
+        // Try to locate the class
+        if (($class = self::locateClass($options, $alias)) === null) {
+            return null;
+        }
+
+        self::createInstance($options['component'], $class, $arguments);
+        self::setAlias($options['component'], $alias, $class);
+
+        return self::$instances[$options['component']][$class];
+    }
+
+    /**
+     * Simple method to get the shared instance fast.
+     */
+    public static function get(string $component, string $alias): ?object
+    {
+        if (isset(self::$aliases[$component][$alias])) {
+            $class = self::$aliases[$component][$alias];
+
+            if (isset(self::$instances[$component][$class])) {
+                return self::$instances[$component][$class];
+            }
+        }
+
+        return self::__callStatic($component, [$alias]);
+    }
+
+    /**
+     * Gets the defined instance. If not exists, creates new one.
+     *
+     * @return object|null
+     */
+    private static function getDefinedInstance(array $options, string $alias, array $arguments)
+    {
+        // The alias is already defined.
+        if (isset(self::$aliases[$options['component']][$alias])) {
+            $class = self::$aliases[$options['component']][$alias];
+
+            // Need to verify if the shared instance matches the request
+            if (self::verifyInstanceOf($options, $class)) {
+                // Check for an existing instance
+                if (isset(self::$instances[$options['component']][$class])) {
+                    return self::$instances[$options['component']][$class];
+                }
+
+                self::createInstance($options['component'], $class, $arguments);
+
+                return self::$instances[$options['component']][$class];
+            }
+        }
+
+        // Try to locate the class
+        if (($class = self::locateClass($options, $alias)) === null) {
+            return null;
+        }
+
+        // Check for an existing instance for the class
+        if (isset(self::$instances[$options['component']][$class])) {
+            self::setAlias($options['component'], $alias, $class);
+
+            return self::$instances[$options['component']][$class];
+        }
+
+        return null;
+    }
+
+    /**
+     * Creates the shared instance.
+     */
+    private static function createInstance(string $component, string $class, array $arguments): void
+    {
+        self::$instances[$component][$class] = new $class(...$arguments);
+        self::$updated[$component]           = true;
+    }
+
+    /**
+     * Sets alias
+     */
+    private static function setAlias(string $component, string $alias, string $class): void
+    {
+        self::$aliases[$component][$alias] = $class;
+        self::$updated[$component]         = true;
+
+        // If a short classname is specified, also register FQCN to share the instance.
+        if (! isset(self::$aliases[$component][$class]) && ! self::isNamespaced($alias)) {
+            self::$aliases[$component][$class] = $class;
+        }
+    }
+
+    /**
+     * Is the component Config?
+     *
+     * @param string $component Lowercase, plural component name
+     */
+    private static function isConfig(string $component): bool
+    {
+        return $component === 'config';
+    }
+
+    /**
+     * Finds a component class
+     *
+     * @param array  $options The array of component-specific directives
+     * @param string $alias   Class alias. See the $aliases property.
+     */
+    private static function locateClass(array $options, string $alias): ?string
+    {
+        // Check for low-hanging fruit
+        if (
+            class_exists($alias, false)
+            && self::verifyPreferApp($options, $alias)
+            && self::verifyInstanceOf($options, $alias)
+        ) {
+            return $alias;
+        }
+
+        // Determine the relative class names we need
+        $basename = self::getBasename($alias);
+        $appname  = self::isConfig($options['component'])
+            ? 'Config\\' . $basename
+            : rtrim(APP_NAMESPACE, '\\') . '\\' . $options['path'] . '\\' . $basename;
+
+        // If an App version was requested then see if it verifies
+        if (
+            // preferApp is used only for no namespaced class.
+            ! self::isNamespaced($alias)
+            && $options['preferApp'] && class_exists($appname)
+            && self::verifyInstanceOf($options, $alias)
+        ) {
+            return $appname;
+        }
+
+        // If we have ruled out an App version and the class exists then try it
+        if (class_exists($alias) && self::verifyInstanceOf($options, $alias)) {
+            return $alias;
+        }
+
+        // Have to do this the hard way...
+        /** @var FileLocatorInterface */
+        $locator = service('locator');
+
+        // Check if the class alias was namespaced
+        if (self::isNamespaced($alias)) {
+            if (! $file = $locator->locateFile($alias, $options['path'])) {
+                return null;
+            }
+            $files = [$file];
+        }
+        // No namespace? Search for it
+        // Check all namespaces, prioritizing App and modules
+        elseif (($files = $locator->search($options['path'] . DIRECTORY_SEPARATOR . $alias)) === []) {
+            return null;
+        }
+
+        // Check all files for a valid class
+        foreach ($files as $file) {
+            $class = $locator->findQualifiedNameFromPath($file);
+
+            if ($class !== false && self::verifyInstanceOf($options, $class)) {
+                return $class;
+            }
+        }
+
+        return null;
+    }
+
+    /**
+     * Is the class alias namespaced or not?
+     *
+     * @param string $alias Class alias. See the $aliases property.
+     */
+    private static function isNamespaced(string $alias): bool
+    {
+        return str_contains($alias, '\\');
+    }
+
+    /**
+     * Verifies that a class & config satisfy the "preferApp" option
+     *
+     * @param array  $options The array of component-specific directives
+     * @param string $alias   Class alias. See the $aliases property.
+     */
+    private static function verifyPreferApp(array $options, string $alias): bool
+    {
+        // Anything without that restriction passes
+        if (! $options['preferApp']) {
+            return true;
+        }
+
+        // Special case for Config since its App namespace is actually \Config
+        if (self::isConfig($options['component'])) {
+            return str_starts_with($alias, 'Config');
+        }
+
+        return str_starts_with($alias, APP_NAMESPACE);
+    }
+
+    /**
+     * Verifies that a class & config satisfy the "instanceOf" option
+     *
+     * @param array  $options The array of component-specific directives
+     * @param string $alias   Class alias. See the $aliases property.
+     */
+    private static function verifyInstanceOf(array $options, string $alias): bool
+    {
+        // Anything without that restriction passes
+        if (! $options['instanceOf']) {
+            return true;
+        }
+
+        return is_a($alias, $options['instanceOf'], true);
+    }
+
+    /**
+     * Returns the component-specific configuration
+     *
+     * @param string $component Lowercase, plural component name
+     *
+     * @return array<string, bool|string|null>
+     *
+     * @internal For testing only
+     * @testTag
+     */
+    public static function getOptions(string $component): array
+    {
+        $component = strtolower($component);
+
+        // Check for a stored version
+        if (isset(self::$options[$component])) {
+            return self::$options[$component];
+        }
+
+        $values = self::isConfig($component)
+            // Handle Config as a special case to prevent logic loops
+            ? self::$configOptions
+            // Load values from the best Factory configuration (will include Registrars)
+            : config('Factory')->{$component} ?? [];
+
+        // The setOptions() reset the component. So getOptions() may reset
+        // the component.
+        return self::setOptions($component, $values);
+    }
+
+    /**
+     * Normalizes, stores, and returns the configuration for a specific component
+     *
+     * @param string $component Lowercase, plural component name
+     * @param array  $values    option values
+     *
+     * @return array<string, bool|string|null> The result after applying defaults and normalization
+     */
+    public static function setOptions(string $component, array $values): array
+    {
+        $component = strtolower($component);
+
+        // Allow the config to replace the component name, to support "aliases"
+        $values['component'] = strtolower($values['component'] ?? $component);
+
+        // Reset this component so instances can be rediscovered with the updated config
+        self::reset($values['component']);
+
+        // If no path was available then use the component
+        $values['path'] = trim($values['path'] ?? ucfirst($values['component']), '\\ ');
+
+        // Add defaults for any missing values
+        $values = array_merge(Factory::$default, $values);
+
+        // Store the result to the supplied name and potential alias
+        self::$options[$component]           = $values;
+        self::$options[$values['component']] = $values;
+
+        return $values;
+    }
+
+    /**
+     * Resets the static arrays, optionally just for one component
+     *
+     * @param string|null $component Lowercase, plural component name
+     *
+     * @return void
+     */
+    public static function reset(?string $component = null)
+    {
+        if ($component !== null) {
+            unset(
+                self::$options[$component],
+                self::$aliases[$component],
+                self::$instances[$component],
+                self::$updated[$component],
+            );
+
+            return;
+        }
+
+        self::$options   = [];
+        self::$aliases   = [];
+        self::$instances = [];
+        self::$updated   = [];
+    }
+
+    /**
+     * Helper method for injecting mock instances
+     *
+     * @param string $component Lowercase, plural component name
+     * @param string $alias     Class alias. See the $aliases property.
+     *
+     * @return void
+     *
+     * @internal For testing only
+     * @testTag
+     */
+    public static function injectMock(string $component, string $alias, object $instance)
+    {
+        $component = strtolower($component);
+
+        // Force a configuration to exist for this component
+        self::getOptions($component);
+
+        $class = $instance::class;
+
+        self::$instances[$component][$class] = $instance;
+        self::$aliases[$component][$alias]   = $class;
+
+        if (self::isConfig($component)) {
+            if (self::isNamespaced($alias)) {
+                self::$aliases[$component][self::getBasename($alias)] = $class;
+            } else {
+                self::$aliases[$component]['Config\\' . $alias] = $class;
+            }
+        }
+    }
+
+    /**
+     * Gets a basename from a class alias, namespaced or not.
+     *
+     * @internal For testing only
+     * @testTag
+     */
+    public static function getBasename(string $alias): string
+    {
+        // Determine the basename
+        if ($basename = strrchr($alias, '\\')) {
+            return substr($basename, 1);
+        }
+
+        return $alias;
+    }
+
+    /**
+     * Gets component data for caching.
+     *
+     * @return array{
+     *   options: array<string, bool|string|null>,
+     *   aliases: array<string, class-string>,
+     *   instances: array<class-string, object>,
+     * }
+     *
+     * @internal For caching only
+     */
+    public static function getComponentInstances(string $component): array
+    {
+        if (! isset(self::$aliases[$component])) {
+            return [
+                'options'   => [],
+                'aliases'   => [],
+                'instances' => [],
+            ];
+        }
+
+        return [
+            'options'   => self::$options[$component],
+            'aliases'   => self::$aliases[$component],
+            'instances' => self::$instances[$component],
+        ];
+    }
+
+    /**
+     * Sets component data
+     *
+     * @internal For caching only
+     */
+    public static function setComponentInstances(string $component, array $data): void
+    {
+        self::$options[$component]   = $data['options'];
+        self::$aliases[$component]   = $data['aliases'];
+        self::$instances[$component] = $data['instances'];
+
+        unset(self::$updated[$component]);
+    }
+
+    /**
+     * Whether the component instances are updated?
+     *
+     * @internal For caching only
+     */
+    public static function isUpdated(string $component): bool
+    {
+        return isset(self::$updated[$component]);
+    }
+}
diff --git a/ci4app/system/Config/Factory.php b/ci4app/system/Config/Factory.php
new file mode 100644
index 0000000..b252677
--- /dev/null
+++ b/ci4app/system/Config/Factory.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Config;
+
+/**
+ * Factories Configuration file.
+ *
+ * Provides overriding directives for how
+ * Factories should handle discovery and
+ * instantiation of specific components.
+ * Each property should correspond to the
+ * lowercase, plural component name.
+ */
+class Factory extends BaseConfig
+{
+    /**
+     * Supplies a default set of options to merge for
+     * all unspecified factory components.
+     *
+     * @var array
+     */
+    public static $default = [
+        'component'  => null,
+        'path'       => null,
+        'instanceOf' => null,
+        'getShared'  => true,
+        'preferApp'  => true,
+    ];
+
+    /**
+     * Specifies that Models should always favor child
+     * classes to allow easy extension of module Models.
+     *
+     * @var array
+     */
+    public $models = [
+        'preferApp' => true,
+    ];
+}
diff --git a/ci4app/system/Config/Filters.php b/ci4app/system/Config/Filters.php
new file mode 100644
index 0000000..80662ed
--- /dev/null
+++ b/ci4app/system/Config/Filters.php
@@ -0,0 +1,123 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Config;
+
+use CodeIgniter\Filters\Cors;
+use CodeIgniter\Filters\CSRF;
+use CodeIgniter\Filters\DebugToolbar;
+use CodeIgniter\Filters\ForceHTTPS;
+use CodeIgniter\Filters\Honeypot;
+use CodeIgniter\Filters\InvalidChars;
+use CodeIgniter\Filters\PageCache;
+use CodeIgniter\Filters\PerformanceMetrics;
+use CodeIgniter\Filters\SecureHeaders;
+
+/**
+ * Filters configuration
+ */
+class Filters extends BaseConfig
+{
+    /**
+     * Configures aliases for Filter classes to
+     * make reading things nicer and simpler.
+     *
+     * @var array<string, class-string|list<class-string>>
+     *
+     * [filter_name => classname]
+     * or [filter_name => [classname1, classname2, ...]]
+     */
+    public array $aliases = [
+        'csrf'          => CSRF::class,
+        'toolbar'       => DebugToolbar::class,
+        'honeypot'      => Honeypot::class,
+        'invalidchars'  => InvalidChars::class,
+        'secureheaders' => SecureHeaders::class,
+        'cors'          => Cors::class,
+        'forcehttps'    => ForceHTTPS::class,
+        'pagecache'     => PageCache::class,
+        'performance'   => PerformanceMetrics::class,
+    ];
+
+    /**
+     * List of special required filters.
+     *
+     * The filters listed here are special. They are applied before and after
+     * other kinds of filters, and always applied even if a route does not exist.
+     *
+     * Filters set by default provide framework functionality. If removed,
+     * those functions will no longer work.
+     *
+     * @see https://codeigniter.com/user_guide/incoming/filters.html#provided-filters
+     *
+     * @var array{before: list<string>, after: list<string>}
+     */
+    public array $required = [
+        'before' => [
+            'forcehttps', // Force Global Secure Requests
+            'pagecache',  // Web Page Caching
+        ],
+        'after' => [
+            'pagecache',   // Web Page Caching
+            'performance', // Performance Metrics
+            'toolbar',     // Debug Toolbar
+        ],
+    ];
+
+    /**
+     * List of filter aliases that are always
+     * applied before and after every request.
+     *
+     * @var array{
+     *    before: array<string, array{except: list<string>|string}>|list<string>,
+     *    after: array<string, array{except: list<string>|string}>|list<string>
+     * }
+     */
+    public array $globals = [
+        'before' => [
+            // 'honeypot',
+            // 'csrf',
+            // 'invalidchars',
+        ],
+        'after' => [
+            // 'honeypot',
+            // 'secureheaders',
+        ],
+    ];
+
+    /**
+     * List of filter aliases that works on a
+     * particular HTTP method (GET, POST, etc.).
+     *
+     * Example:
+     * 'POST' => ['foo', 'bar']
+     *
+     * If you use this, you should disable auto-routing because auto-routing
+     * permits any HTTP method to access a controller. Accessing the controller
+     * with a method you don't expect could bypass the filter.
+     *
+     * @var array<string, list<string>>
+     */
+    public array $methods = [];
+
+    /**
+     * List of filter aliases that should run on any
+     * before or after URI patterns.
+     *
+     * Example:
+     * 'isLoggedIn' => ['before' => ['account/*', 'profiles/*']]
+     *
+     * @var array<string, array<string, list<string>>>
+     */
+    public array $filters = [];
+}
diff --git a/ci4app/system/Config/ForeignCharacters.php b/ci4app/system/Config/ForeignCharacters.php
new file mode 100644
index 0000000..2663a53
--- /dev/null
+++ b/ci4app/system/Config/ForeignCharacters.php
@@ -0,0 +1,117 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Config;
+
+/**
+ * Describes foreign characters for transliteration with the text helper.
+ */
+class ForeignCharacters
+{
+    /**
+     * The list of foreign characters.
+     *
+     * @var array<string, string>
+     */
+    public $characterList = [
+        '/ä|æ|ǽ/'                                                     => 'ae',
+        '/ö|œ/'                                                       => 'oe',
+        '/ü/'                                                         => 'ue',
+        '/Ä/'                                                         => 'Ae',
+        '/Ü/'                                                         => 'Ue',
+        '/Ö/'                                                         => 'Oe',
+        '/À|Á|Â|Ã|Ä|Å|Ǻ|Ā|Ă|Ą|Ǎ|Α|Ά|Ả|Ạ|Ầ|Ẫ|Ẩ|Ậ|Ằ|Ắ|Ẵ|Ẳ|Ặ|А/'         => 'A',
+        '/à|á|â|ã|å|ǻ|ā|ă|ą|ǎ|ª|α|ά|ả|ạ|ầ|ấ|ẫ|ẩ|ậ|ằ|ắ|ẵ|ẳ|ặ|а/'       => 'a',
+        '/Б/'                                                         => 'B',
+        '/б/'                                                         => 'b',
+        '/Ç|Ć|Ĉ|Ċ|Č/'                                                 => 'C',
+        '/ç|ć|ĉ|ċ|č/'                                                 => 'c',
+        '/Д/'                                                         => 'D',
+        '/д/'                                                         => 'd',
+        '/Ð|Ď|Đ|Δ/'                                                   => 'Dj',
+        '/ð|ď|đ|δ/'                                                   => 'dj',
+        '/È|É|Ê|Ë|Ē|Ĕ|Ė|Ę|Ě|Ε|Έ|Ẽ|Ẻ|Ẹ|Ề|Ế|Ễ|Ể|Ệ|Е|Э/'                 => 'E',
+        '/è|é|ê|ë|ē|ĕ|ė|ę|ě|έ|ε|ẽ|ẻ|ẹ|ề|ế|ễ|ể|ệ|е|э/'                 => 'e',
+        '/Ф/'                                                         => 'F',
+        '/ф/'                                                         => 'f',
+        '/Ĝ|Ğ|Ġ|Ģ|Γ|Г|Ґ/'                                             => 'G',
+        '/ĝ|ğ|ġ|ģ|γ|г|ґ/'                                             => 'g',
+        '/Ĥ|Ħ/'                                                       => 'H',
+        '/ĥ|ħ/'                                                       => 'h',
+        '/Ì|Í|Î|Ï|Ĩ|Ī|Ĭ|Ǐ|Į|İ|Η|Ή|Ί|Ι|Ϊ|Ỉ|Ị|И|Ы/'                     => 'I',
+        '/ì|í|î|ï|ĩ|ī|ĭ|ǐ|į|ı|η|ή|ί|ι|ϊ|ỉ|ị|и|ы|ї/'                   => 'i',
+        '/Ĵ/'                                                         => 'J',
+        '/ĵ/'                                                         => 'j',
+        '/Ķ|Κ|К/'                                                     => 'K',
+        '/ķ|κ|к/'                                                     => 'k',
+        '/Ĺ|Ļ|Ľ|Ŀ|Ł|Λ|Л/'                                             => 'L',
+        '/ĺ|ļ|ľ|ŀ|ł|λ|л/'                                             => 'l',
+        '/М/'                                                         => 'M',
+        '/м/'                                                         => 'm',
+        '/Ñ|Ń|Ņ|Ň|Ν|Н/'                                               => 'N',
+        '/ñ|ń|ņ|ň|ʼn|ν|н/'                                             => 'n',
+        '/Ò|Ó|Ô|Õ|Ō|Ŏ|Ǒ|Ő|Ơ|Ø|Ǿ|Ο|Ό|Ω|Ώ|Ỏ|Ọ|Ồ|Ố|Ỗ|Ổ|Ộ|Ờ|Ớ|Ỡ|Ở|Ợ|О/'   => 'O',
+        '/ò|ó|ô|õ|ō|ŏ|ǒ|ő|ơ|ø|ǿ|º|ο|ό|ω|ώ|ỏ|ọ|ồ|ố|ỗ|ổ|ộ|ờ|ớ|ỡ|ở|ợ|о/' => 'o',
+        '/П/'                                                         => 'P',
+        '/п/'                                                         => 'p',
+        '/Ŕ|Ŗ|Ř|Ρ|Р/'                                                 => 'R',
+        '/ŕ|ŗ|ř|ρ|р/'                                                 => 'r',
+        '/Ś|Ŝ|Ş|Ș|Š|Σ|С/'                                             => 'S',
+        '/ś|ŝ|ş|ș|š|ſ|σ|ς|с/'                                         => 's',
+        '/Ț|Ţ|Ť|Ŧ|τ|Т/'                                               => 'T',
+        '/ț|ţ|ť|ŧ|т/'                                                 => 't',
+        '/Ù|Ú|Û|Ũ|Ū|Ŭ|Ů|Ű|Ų|Ư|Ǔ|Ǖ|Ǘ|Ǚ|Ǜ|Ũ|Ủ|Ụ|Ừ|Ứ|Ữ|Ử|Ự|У/'           => 'U',
+        '/ù|ú|û|ũ|ū|ŭ|ů|ű|ų|ư|ǔ|ǖ|ǘ|ǚ|ǜ|υ|ύ|ϋ|ủ|ụ|ừ|ứ|ữ|ử|ự|у/'       => 'u',
+        '/Ƴ|Ɏ|Ỵ|Ẏ|Ӳ|Ӯ|Ў|Ý|Ÿ|Ŷ|Υ|Ύ|Ϋ|Ỳ|Ỹ|Ỷ|Ỵ|Й/'                       => 'Y',
+        '/ẙ|ʏ|ƴ|ɏ|ỵ|ẏ|ӳ|ӯ|ў|ý|ÿ|ŷ|ỳ|ỹ|ỷ|ỵ|й/'                         => 'y',
+        '/В/'                                                         => 'V',
+        '/в/'                                                         => 'v',
+        '/Ŵ/'                                                         => 'W',
+        '/ŵ/'                                                         => 'w',
+        '/Ź|Ż|Ž|Ζ|З/'                                                 => 'Z',
+        '/ź|ż|ž|ζ|з/'                                                 => 'z',
+        '/Æ|Ǽ/'                                                       => 'AE',
+        '/ß/'                                                         => 'ss',
+        '/IJ/'                                                         => 'IJ',
+        '/ij/'                                                         => 'ij',
+        '/Œ/'                                                         => 'OE',
+        '/ƒ/'                                                         => 'f',
+        '/ξ/'                                                         => 'ks',
+        '/π/'                                                         => 'p',
+        '/β/'                                                         => 'v',
+        '/μ/'                                                         => 'm',
+        '/ψ/'                                                         => 'ps',
+        '/Ё/'                                                         => 'Yo',
+        '/ё/'                                                         => 'yo',
+        '/Є/'                                                         => 'Ye',
+        '/є/'                                                         => 'ye',
+        '/Ї/'                                                         => 'Yi',
+        '/Ж/'                                                         => 'Zh',
+        '/ж/'                                                         => 'zh',
+        '/Х/'                                                         => 'Kh',
+        '/х/'                                                         => 'kh',
+        '/Ц/'                                                         => 'Ts',
+        '/ц/'                                                         => 'ts',
+        '/Ч/'                                                         => 'Ch',
+        '/ч/'                                                         => 'ch',
+        '/Ш/'                                                         => 'Sh',
+        '/ш/'                                                         => 'sh',
+        '/Щ/'                                                         => 'Shch',
+        '/щ/'                                                         => 'shch',
+        '/Ъ|ъ|Ь|ь/'                                                   => '',
+        '/Ю/'                                                         => 'Yu',
+        '/ю/'                                                         => 'yu',
+        '/Я/'                                                         => 'Ya',
+        '/я/'                                                         => 'ya',
+    ];
+}
diff --git a/ci4app/system/Config/Publisher.php b/ci4app/system/Config/Publisher.php
new file mode 100644
index 0000000..7e1b0ff
--- /dev/null
+++ b/ci4app/system/Config/Publisher.php
@@ -0,0 +1,44 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Config;
+
+/**
+ * Publisher Configuration
+ *
+ * Defines basic security restrictions for the Publisher class
+ * to prevent abuse by injecting malicious files into a project.
+ */
+class Publisher extends BaseConfig
+{
+    /**
+     * A list of allowed destinations with a (pseudo-)regex
+     * of allowed files for each destination.
+     * Attempts to publish to directories not in this list will
+     * result in a PublisherException. Files that do no fit the
+     * pattern will cause copy/merge to fail.
+     *
+     * @var array<string, string>
+     */
+    public $restrictions = [
+        ROOTPATH => '*',
+        FCPATH   => '#\.(?css|js|map|htm?|xml|json|webmanifest|tff|eot|woff?|gif|jpe?g|tiff?|png|webp|bmp|ico|svg)$#i',
+    ];
+
+    /**
+     * Disables Registrars to prevent modules from altering the restrictions.
+     */
+    final protected function registerProperties(): void
+    {
+    }
+}
diff --git a/ci4app/system/Config/Routing.php b/ci4app/system/Config/Routing.php
new file mode 100644
index 0000000..6999ad3
--- /dev/null
+++ b/ci4app/system/Config/Routing.php
@@ -0,0 +1,140 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Config;
+
+/**
+ * Routing configuration
+ */
+class Routing extends BaseConfig
+{
+    /**
+     * For Defined Routes.
+     * An array of files that contain route definitions.
+     * Route files are read in order, with the first match
+     * found taking precedence.
+     *
+     * Default: APPPATH . 'Config/Routes.php'
+     *
+     * @var list<string>
+     */
+    public array $routeFiles = [
+        APPPATH . 'Config/Routes.php',
+    ];
+
+    /**
+     * For Defined Routes and Auto Routing.
+     * The default namespace to use for Controllers when no other
+     * namespace has been specified.
+     *
+     * Default: 'App\Controllers'
+     */
+    public string $defaultNamespace = 'App\Controllers';
+
+    /**
+     * For Auto Routing.
+     * The default controller to use when no other controller has been
+     * specified.
+     *
+     * Default: 'Home'
+     */
+    public string $defaultController = 'Home';
+
+    /**
+     * For Defined Routes and Auto Routing.
+     * The default method to call on the controller when no other
+     * method has been set in the route.
+     *
+     * Default: 'index'
+     */
+    public string $defaultMethod = 'index';
+
+    /**
+     * For Auto Routing.
+     * Whether to translate dashes in URIs for controller/method to underscores.
+     * Primarily useful when using the auto-routing.
+     *
+     * Default: false
+     */
+    public bool $translateURIDashes = false;
+
+    /**
+     * Sets the class/method that should be called if routing doesn't
+     * find a match. It can be the controller/method name like: Users::index
+     *
+     * This setting is passed to the Router class and handled there.
+     *
+     * If you want to use a closure, you will have to set it in the
+     * routes file by calling:
+     *
+     * $routes->set404Override(function() {
+     *    // Do something here
+     * });
+     *
+     * Example:
+     *  public $override404 = 'App\Errors::show404';
+     */
+    public ?string $override404 = null;
+
+    /**
+     * If TRUE, the system will attempt to match the URI against
+     * Controllers by matching each segment against folders/files
+     * in APPPATH/Controllers, when a match wasn't found against
+     * defined routes.
+     *
+     * If FALSE, will stop searching and do NO automatic routing.
+     */
+    public bool $autoRoute = false;
+
+    /**
+     * For Defined Routes.
+     * If TRUE, will enable the use of the 'prioritize' option
+     * when defining routes.
+     *
+     * Default: false
+     */
+    public bool $prioritize = false;
+
+    /**
+     * For Defined Routes.
+     * If TRUE, matched multiple URI segments will be passed as one parameter.
+     *
+     * Default: false
+     */
+    public bool $multipleSegmentsOneParam = false;
+
+    /**
+     * For Auto Routing (Improved).
+     * Map of URI segments and namespaces.
+     *
+     * The key is the first URI segment. The value is the controller namespace.
+     * E.g.,
+     *   [
+     *       'blog' => 'Acme\Blog\Controllers',
+     *   ]
+     *
+     * @var array<string, string>
+     */
+    public array $moduleRoutes = [];
+
+    /**
+     * For Auto Routing (Improved).
+     * Whether to translate dashes in URIs for controller/method to CamelCase.
+     * E.g., blog-controller -> BlogController
+     *
+     * If you enable this, $translateURIDashes is ignored.
+     *
+     * Default: false
+     */
+    public bool $translateUriToCamelCase = false;
+}
diff --git a/ci4app/system/Config/Services.php b/ci4app/system/Config/Services.php
new file mode 100644
index 0000000..c9266a8
--- /dev/null
+++ b/ci4app/system/Config/Services.php
@@ -0,0 +1,871 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Config;
+
+use CodeIgniter\Cache\CacheFactory;
+use CodeIgniter\Cache\CacheInterface;
+use CodeIgniter\Cache\ResponseCache;
+use CodeIgniter\CLI\Commands;
+use CodeIgniter\CodeIgniter;
+use CodeIgniter\Database\ConnectionInterface;
+use CodeIgniter\Database\MigrationRunner;
+use CodeIgniter\Debug\Exceptions;
+use CodeIgniter\Debug\Iterator;
+use CodeIgniter\Debug\Timer;
+use CodeIgniter\Debug\Toolbar;
+use CodeIgniter\Email\Email;
+use CodeIgniter\Encryption\EncrypterInterface;
+use CodeIgniter\Encryption\Encryption;
+use CodeIgniter\Filters\Filters;
+use CodeIgniter\Format\Format;
+use CodeIgniter\Honeypot\Honeypot;
+use CodeIgniter\HTTP\CLIRequest;
+use CodeIgniter\HTTP\ContentSecurityPolicy;
+use CodeIgniter\HTTP\CURLRequest;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\Negotiate;
+use CodeIgniter\HTTP\RedirectResponse;
+use CodeIgniter\HTTP\Request;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\Response;
+use CodeIgniter\HTTP\ResponseInterface;
+use CodeIgniter\HTTP\SiteURIFactory;
+use CodeIgniter\HTTP\URI;
+use CodeIgniter\HTTP\UserAgent;
+use CodeIgniter\Images\Handlers\BaseHandler;
+use CodeIgniter\Language\Language;
+use CodeIgniter\Log\Logger;
+use CodeIgniter\Pager\Pager;
+use CodeIgniter\Router\RouteCollection;
+use CodeIgniter\Router\RouteCollectionInterface;
+use CodeIgniter\Router\Router;
+use CodeIgniter\Security\Security;
+use CodeIgniter\Session\Handlers\BaseHandler as SessionBaseHandler;
+use CodeIgniter\Session\Handlers\Database\MySQLiHandler;
+use CodeIgniter\Session\Handlers\Database\PostgreHandler;
+use CodeIgniter\Session\Handlers\DatabaseHandler;
+use CodeIgniter\Session\Session;
+use CodeIgniter\Superglobals;
+use CodeIgniter\Throttle\Throttler;
+use CodeIgniter\Typography\Typography;
+use CodeIgniter\Validation\Validation;
+use CodeIgniter\Validation\ValidationInterface;
+use CodeIgniter\View\Cell;
+use CodeIgniter\View\Parser;
+use CodeIgniter\View\RendererInterface;
+use CodeIgniter\View\View;
+use Config\App;
+use Config\Cache;
+use Config\ContentSecurityPolicy as ContentSecurityPolicyConfig;
+use Config\ContentSecurityPolicy as CSPConfig;
+use Config\Database;
+use Config\Email as EmailConfig;
+use Config\Encryption as EncryptionConfig;
+use Config\Exceptions as ExceptionsConfig;
+use Config\Filters as FiltersConfig;
+use Config\Format as FormatConfig;
+use Config\Honeypot as HoneypotConfig;
+use Config\Images;
+use Config\Logger as LoggerConfig;
+use Config\Migrations;
+use Config\Modules;
+use Config\Pager as PagerConfig;
+use Config\Paths;
+use Config\Routing;
+use Config\Security as SecurityConfig;
+use Config\Services as AppServices;
+use Config\Session as SessionConfig;
+use Config\Toolbar as ToolbarConfig;
+use Config\Validation as ValidationConfig;
+use Config\View as ViewConfig;
+use InvalidArgumentException;
+use Locale;
+
+/**
+ * Services Configuration file.
+ *
+ * Services are simply other classes/libraries that the system uses
+ * to do its job. This is used by CodeIgniter to allow the core of the
+ * framework to be swapped out easily without affecting the usage within
+ * the rest of your application.
+ *
+ * This is used in place of a Dependency Injection container primarily
+ * due to its simplicity, which allows a better long-term maintenance
+ * of the applications built on top of CodeIgniter. A bonus side-effect
+ * is that IDEs are able to determine what class you are calling
+ * whereas with DI Containers there usually isn't a way for them to do this.
+ *
+ * @see http://blog.ircmaxell.com/2015/11/simple-easy-risk-and-change.html
+ * @see http://www.infoq.com/presentations/Simple-Made-Easy
+ * @see \CodeIgniter\Config\ServicesTest
+ */
+class Services extends BaseService
+{
+    /**
+     * The cache class provides a simple way to store and retrieve
+     * complex data for later.
+     *
+     * @return CacheInterface
+     */
+    public static function cache(?Cache $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('cache', $config);
+        }
+
+        $config ??= config(Cache::class);
+
+        return CacheFactory::getHandler($config);
+    }
+
+    /**
+     * The CLI Request class provides for ways to interact with
+     * a command line request.
+     *
+     * @return CLIRequest
+     *
+     * @internal
+     */
+    public static function clirequest(?App $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('clirequest', $config);
+        }
+
+        $config ??= config(App::class);
+
+        return new CLIRequest($config);
+    }
+
+    /**
+     * CodeIgniter, the core of the framework.
+     *
+     * @return CodeIgniter
+     */
+    public static function codeigniter(?App $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('codeigniter', $config);
+        }
+
+        $config ??= config(App::class);
+
+        return new CodeIgniter($config);
+    }
+
+    /**
+     * The commands utility for running and working with CLI commands.
+     *
+     * @return Commands
+     */
+    public static function commands(bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('commands');
+        }
+
+        return new Commands();
+    }
+
+    /**
+     * Content Security Policy
+     *
+     * @return ContentSecurityPolicy
+     */
+    public static function csp(?CSPConfig $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('csp', $config);
+        }
+
+        $config ??= config(ContentSecurityPolicyConfig::class);
+
+        return new ContentSecurityPolicy($config);
+    }
+
+    /**
+     * The CURL Request class acts as a simple HTTP client for interacting
+     * with other servers, typically through APIs.
+     *
+     * @return CURLRequest
+     */
+    public static function curlrequest(array $options = [], ?ResponseInterface $response = null, ?App $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('curlrequest', $options, $response, $config);
+        }
+
+        $config ??= config(App::class);
+        $response ??= new Response($config);
+
+        return new CURLRequest(
+            $config,
+            new URI($options['baseURI'] ?? null),
+            $response,
+            $options,
+        );
+    }
+
+    /**
+     * The Email class allows you to send email via mail, sendmail, SMTP.
+     *
+     * @param array|EmailConfig|null $config
+     *
+     * @return Email
+     */
+    public static function email($config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('email', $config);
+        }
+
+        if (empty($config) || (! is_array($config) && ! $config instanceof EmailConfig)) {
+            $config = config(EmailConfig::class);
+        }
+
+        return new Email($config);
+    }
+
+    /**
+     * The Encryption class provides two-way encryption.
+     *
+     * @param bool $getShared
+     *
+     * @return EncrypterInterface Encryption handler
+     */
+    public static function encrypter(?EncryptionConfig $config = null, $getShared = false)
+    {
+        if ($getShared === true) {
+            return static::getSharedInstance('encrypter', $config);
+        }
+
+        $config ??= config(EncryptionConfig::class);
+        $encryption = new Encryption($config);
+
+        return $encryption->initialize($config);
+    }
+
+    /**
+     * The Exceptions class holds the methods that handle:
+     *
+     *  - set_exception_handler
+     *  - set_error_handler
+     *  - register_shutdown_function
+     *
+     * @return Exceptions
+     */
+    public static function exceptions(
+        ?ExceptionsConfig $config = null,
+        bool $getShared = true,
+    ) {
+        if ($getShared) {
+            return static::getSharedInstance('exceptions', $config);
+        }
+
+        $config ??= config(ExceptionsConfig::class);
+
+        return new Exceptions($config);
+    }
+
+    /**
+     * Filters allow you to run tasks before and/or after a controller
+     * is executed. During before filters, the request can be modified,
+     * and actions taken based on the request, while after filters can
+     * act on or modify the response itself before it is sent to the client.
+     *
+     * @return Filters
+     */
+    public static function filters(?FiltersConfig $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('filters', $config);
+        }
+
+        $config ??= config(FiltersConfig::class);
+
+        return new Filters($config, AppServices::get('request'), AppServices::get('response'));
+    }
+
+    /**
+     * The Format class is a convenient place to create Formatters.
+     *
+     * @return Format
+     */
+    public static function format(?FormatConfig $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('format', $config);
+        }
+
+        $config ??= config(FormatConfig::class);
+
+        return new Format($config);
+    }
+
+    /**
+     * The Honeypot provides a secret input on forms that bots should NOT
+     * fill in, providing an additional safeguard when accepting user input.
+     *
+     * @return Honeypot
+     */
+    public static function honeypot(?HoneypotConfig $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('honeypot', $config);
+        }
+
+        $config ??= config(HoneypotConfig::class);
+
+        return new Honeypot($config);
+    }
+
+    /**
+     * Acts as a factory for ImageHandler classes and returns an instance
+     * of the handler. Used like service('image')->withFile($path)->rotate(90)->save();
+     *
+     * @return BaseHandler
+     */
+    public static function image(?string $handler = null, ?Images $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('image', $handler, $config);
+        }
+
+        $config ??= config(Images::class);
+        assert($config instanceof Images);
+
+        $handler = $handler !== null && $handler !== '' && $handler !== '0' ? $handler : $config->defaultHandler;
+        $class   = $config->handlers[$handler];
+
+        return new $class($config);
+    }
+
+    /**
+     * The Iterator class provides a simple way of looping over a function
+     * and timing the results and memory usage. Used when debugging and
+     * optimizing applications.
+     *
+     * @return Iterator
+     */
+    public static function iterator(bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('iterator');
+        }
+
+        return new Iterator();
+    }
+
+    /**
+     * Responsible for loading the language string translations.
+     *
+     * @return Language
+     */
+    public static function language(?string $locale = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('language', $locale)->setLocale($locale);
+        }
+
+        if (AppServices::get('request') instanceof IncomingRequest) {
+            $requestLocale = AppServices::get('request')->getLocale();
+        } else {
+            $requestLocale = Locale::getDefault();
+        }
+
+        // Use '?:' for empty string check
+        $locale = $locale !== null && $locale !== '' && $locale !== '0' ? $locale : $requestLocale;
+
+        return new Language($locale);
+    }
+
+    /**
+     * The Logger class is a PSR-3 compatible Logging class that supports
+     * multiple handlers that process the actual logging.
+     *
+     * @return Logger
+     */
+    public static function logger(bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('logger');
+        }
+
+        return new Logger(config(LoggerConfig::class));
+    }
+
+    /**
+     * Return the appropriate Migration runner.
+     *
+     * @return MigrationRunner
+     */
+    public static function migrations(?Migrations $config = null, ?ConnectionInterface $db = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('migrations', $config, $db);
+        }
+
+        $config ??= config(Migrations::class);
+
+        return new MigrationRunner($config, $db);
+    }
+
+    /**
+     * The Negotiate class provides the content negotiation features for
+     * working the request to determine correct language, encoding, charset,
+     * and more.
+     *
+     * @return Negotiate
+     */
+    public static function negotiator(?RequestInterface $request = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('negotiator', $request);
+        }
+
+        $request ??= AppServices::get('request');
+
+        return new Negotiate($request);
+    }
+
+    /**
+     * Return the ResponseCache.
+     *
+     * @return ResponseCache
+     */
+    public static function responsecache(?Cache $config = null, ?CacheInterface $cache = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('responsecache', $config, $cache);
+        }
+
+        $config ??= config(Cache::class);
+        $cache ??= AppServices::get('cache');
+
+        return new ResponseCache($config, $cache);
+    }
+
+    /**
+     * Return the appropriate pagination handler.
+     *
+     * @return Pager
+     */
+    public static function pager(?PagerConfig $config = null, ?RendererInterface $view = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('pager', $config, $view);
+        }
+
+        $config ??= config(PagerConfig::class);
+        $view ??= AppServices::renderer(null, null, false);
+
+        return new Pager($config, $view);
+    }
+
+    /**
+     * The Parser is a simple template parser.
+     *
+     * @return Parser
+     */
+    public static function parser(?string $viewPath = null, ?ViewConfig $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('parser', $viewPath, $config);
+        }
+
+        $viewPath = $viewPath !== null && $viewPath !== '' && $viewPath !== '0' ? $viewPath : (new Paths())->viewDirectory;
+        $config ??= config(ViewConfig::class);
+
+        return new Parser($config, $viewPath, AppServices::get('locator'), CI_DEBUG, AppServices::get('logger'));
+    }
+
+    /**
+     * The Renderer class is the class that actually displays a file to the user.
+     * The default View class within CodeIgniter is intentionally simple, but this
+     * service could easily be replaced by a template engine if the user needed to.
+     *
+     * @return View
+     */
+    public static function renderer(?string $viewPath = null, ?ViewConfig $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('renderer', $viewPath, $config);
+        }
+
+        $viewPath = $viewPath !== null && $viewPath !== '' && $viewPath !== '0' ? $viewPath : (new Paths())->viewDirectory;
+        $config ??= config(ViewConfig::class);
+
+        return new View($config, $viewPath, AppServices::get('locator'), CI_DEBUG, AppServices::get('logger'));
+    }
+
+    /**
+     * Returns the current Request object.
+     *
+     * createRequest() injects IncomingRequest or CLIRequest.
+     *
+     * @return CLIRequest|IncomingRequest
+     *
+     * @deprecated The parameter $config and $getShared are deprecated.
+     */
+    public static function request(?App $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('request', $config);
+        }
+
+        // @TODO remove the following code for backward compatibility
+        return AppServices::incomingrequest($config, $getShared);
+    }
+
+    /**
+     * Create the current Request object, either IncomingRequest or CLIRequest.
+     *
+     * This method is called from CodeIgniter::getRequestObject().
+     *
+     * @internal
+     */
+    public static function createRequest(App $config, bool $isCli = false): void
+    {
+        if ($isCli) {
+            $request = AppServices::clirequest($config);
+        } else {
+            $request = AppServices::incomingrequest($config);
+
+            // guess at protocol if needed
+            $request->setProtocolVersion($_SERVER['SERVER_PROTOCOL'] ?? 'HTTP/1.1');
+        }
+
+        // Inject the request object into Services.
+        static::$instances['request'] = $request;
+    }
+
+    /**
+     * The IncomingRequest class models an HTTP request.
+     *
+     * @return IncomingRequest
+     *
+     * @internal
+     */
+    public static function incomingrequest(?App $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('request', $config);
+        }
+
+        $config ??= config(App::class);
+
+        return new IncomingRequest(
+            $config,
+            AppServices::get('uri'),
+            'php://input',
+            new UserAgent(),
+        );
+    }
+
+    /**
+     * The Response class models an HTTP response.
+     *
+     * @return ResponseInterface
+     */
+    public static function response(?App $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('response', $config);
+        }
+
+        $config ??= config(App::class);
+
+        return new Response($config);
+    }
+
+    /**
+     * The Redirect class provides nice way of working with redirects.
+     *
+     * @return RedirectResponse
+     */
+    public static function redirectresponse(?App $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('redirectresponse', $config);
+        }
+
+        $config ??= config(App::class);
+        $response = new RedirectResponse($config);
+        $response->setProtocolVersion(AppServices::get('request')->getProtocolVersion());
+
+        return $response;
+    }
+
+    /**
+     * The Routes service is a class that allows for easily building
+     * a collection of routes.
+     *
+     * @return RouteCollection
+     */
+    public static function routes(bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('routes');
+        }
+
+        return new RouteCollection(AppServices::get('locator'), new Modules(), config(Routing::class));
+    }
+
+    /**
+     * The Router class uses a RouteCollection's array of routes, and determines
+     * the correct Controller and Method to execute.
+     *
+     * @return Router
+     */
+    public static function router(?RouteCollectionInterface $routes = null, ?Request $request = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('router', $routes, $request);
+        }
+
+        $routes ??= AppServices::get('routes');
+        $request ??= AppServices::get('request');
+
+        return new Router($routes, $request);
+    }
+
+    /**
+     * The Security class provides a few handy tools for keeping the site
+     * secure, most notably the CSRF protection tools.
+     *
+     * @return Security
+     */
+    public static function security(?SecurityConfig $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('security', $config);
+        }
+
+        $config ??= config(SecurityConfig::class);
+
+        return new Security($config);
+    }
+
+    /**
+     * Return the session manager.
+     *
+     * @return Session
+     */
+    public static function session(?SessionConfig $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('session', $config);
+        }
+
+        $config ??= config(SessionConfig::class);
+
+        $logger = AppServices::get('logger');
+
+        $driverName = $config->driver;
+
+        if ($driverName === DatabaseHandler::class) {
+            $DBGroup = $config->DBGroup ?? config(Database::class)->defaultGroup;
+
+            $driverPlatform = Database::connect($DBGroup)->getPlatform();
+
+            if ($driverPlatform === 'MySQLi') {
+                $driverName = MySQLiHandler::class;
+            } elseif ($driverPlatform === 'Postgre') {
+                $driverName = PostgreHandler::class;
+            } else {
+                throw new InvalidArgumentException(sprintf(
+                    'Invalid session database handler "%s" provided. Only "MySQLi" and "Postgre" are supported.',
+                    $driverPlatform,
+                ));
+            }
+        }
+
+        if (! class_exists($driverName) || ! is_a($driverName, SessionBaseHandler::class, true)) {
+            throw new InvalidArgumentException(sprintf(
+                'Invalid session handler "%s" provided.',
+                $driverName,
+            ));
+        }
+
+        /** @var SessionBaseHandler $driver */
+        $driver = new $driverName($config, AppServices::get('request')->getIPAddress());
+        $driver->setLogger($logger);
+
+        $session = new Session($driver, $config);
+        $session->setLogger($logger);
+
+        if (session_status() === PHP_SESSION_NONE) {
+            // PHP Session emits the headers according to `session.cache_limiter`.
+            // See https://www.php.net/manual/en/function.session-cache-limiter.php.
+            // The headers are not managed by CI's Response class.
+            // So, we remove CI's default Cache-Control header.
+            AppServices::get('response')->removeHeader('Cache-Control');
+
+            $session->start();
+        }
+
+        return $session;
+    }
+
+    /**
+     * The Factory for SiteURI.
+     *
+     * @return SiteURIFactory
+     */
+    public static function siteurifactory(
+        ?App $config = null,
+        ?Superglobals $superglobals = null,
+        bool $getShared = true,
+    ) {
+        if ($getShared) {
+            return static::getSharedInstance('siteurifactory', $config, $superglobals);
+        }
+
+        $config ??= config('App');
+        $superglobals ??= AppServices::get('superglobals');
+
+        return new SiteURIFactory($config, $superglobals);
+    }
+
+    /**
+     * Superglobals.
+     *
+     * @return Superglobals
+     */
+    public static function superglobals(
+        ?array $server = null,
+        ?array $get = null,
+        bool $getShared = true,
+    ) {
+        if ($getShared) {
+            return static::getSharedInstance('superglobals', $server, $get);
+        }
+
+        return new Superglobals($server, $get);
+    }
+
+    /**
+     * The Throttler class provides a simple method for implementing
+     * rate limiting in your applications.
+     *
+     * @return Throttler
+     */
+    public static function throttler(bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('throttler');
+        }
+
+        return new Throttler(AppServices::get('cache'));
+    }
+
+    /**
+     * The Timer class provides a simple way to Benchmark portions of your
+     * application.
+     *
+     * @return Timer
+     */
+    public static function timer(bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('timer');
+        }
+
+        return new Timer();
+    }
+
+    /**
+     * Return the debug toolbar.
+     *
+     * @return Toolbar
+     */
+    public static function toolbar(?ToolbarConfig $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('toolbar', $config);
+        }
+
+        $config ??= config(ToolbarConfig::class);
+
+        return new Toolbar($config);
+    }
+
+    /**
+     * The URI class provides a way to model and manipulate URIs.
+     *
+     * @param string|null $uri The URI string
+     *
+     * @return URI The current URI if $uri is null.
+     */
+    public static function uri(?string $uri = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('uri', $uri);
+        }
+
+        if ($uri === null) {
+            $appConfig = config(App::class);
+            $factory   = AppServices::siteurifactory($appConfig, AppServices::get('superglobals'));
+
+            return $factory->createFromGlobals();
+        }
+
+        return new URI($uri);
+    }
+
+    /**
+     * The Validation class provides tools for validating input data.
+     *
+     * @return ValidationInterface
+     */
+    public static function validation(?ValidationConfig $config = null, bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('validation', $config);
+        }
+
+        $config ??= config(ValidationConfig::class);
+
+        return new Validation($config, AppServices::get('renderer'));
+    }
+
+    /**
+     * View cells are intended to let you insert HTML into view
+     * that has been generated by any callable in the system.
+     *
+     * @return Cell
+     */
+    public static function viewcell(bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('viewcell');
+        }
+
+        return new Cell(AppServices::get('cache'));
+    }
+
+    /**
+     * The Typography class provides a way to format text in semantically relevant ways.
+     *
+     * @return Typography
+     */
+    public static function typography(bool $getShared = true)
+    {
+        if ($getShared) {
+            return static::getSharedInstance('typography');
+        }
+
+        return new Typography();
+    }
+}
diff --git a/ci4app/system/Config/View.php b/ci4app/system/Config/View.php
new file mode 100644
index 0000000..038c6fa
--- /dev/null
+++ b/ci4app/system/Config/View.php
@@ -0,0 +1,136 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Config;
+
+use CodeIgniter\View\ViewDecoratorInterface;
+
+/**
+ * View configuration
+ *
+ * @phpstan-type parser_callable (callable(mixed): mixed)
+ * @phpstan-type parser_callable_string (callable(mixed): mixed)&string
+ */
+class View extends BaseConfig
+{
+    /**
+     * When false, the view method will clear the data between each
+     * call.
+     *
+     * @var bool
+     */
+    public $saveData = true;
+
+    /**
+     * Parser Filters map a filter name with any PHP callable. When the
+     * Parser prepares a variable for display, it will chain it
+     * through the filters in the order defined, inserting any parameters.
+     *
+     * To prevent potential abuse, all filters MUST be defined here
+     * in order for them to be available for use within the Parser.
+     *
+     * @psalm-suppress UndefinedDocblockClass
+     *
+     * @var         array<string, string>
+     * @phpstan-var array<string, parser_callable_string>
+     */
+    public $filters = [];
+
+    /**
+     * Parser Plugins provide a way to extend the functionality provided
+     * by the core Parser by creating aliases that will be replaced with
+     * any callable. Can be single or tag pair.
+     *
+     * @psalm-suppress UndefinedDocblockClass
+     *
+     * @var         array<string, callable|list<string>|string>
+     * @phpstan-var array<string, list<parser_callable_string>|parser_callable_string|parser_callable>
+     */
+    public $plugins = [];
+
+    /**
+     * Built-in View filters.
+     *
+     * @psalm-suppress UndefinedDocblockClass
+     *
+     * @var         array<string, string>
+     * @phpstan-var array<string, parser_callable_string>
+     */
+    protected $coreFilters = [
+        'abs'            => '\abs',
+        'capitalize'     => '\CodeIgniter\View\Filters::capitalize',
+        'date'           => '\CodeIgniter\View\Filters::date',
+        'date_modify'    => '\CodeIgniter\View\Filters::date_modify',
+        'default'        => '\CodeIgniter\View\Filters::default',
+        'esc'            => '\CodeIgniter\View\Filters::esc',
+        'excerpt'        => '\CodeIgniter\View\Filters::excerpt',
+        'highlight'      => '\CodeIgniter\View\Filters::highlight',
+        'highlight_code' => '\CodeIgniter\View\Filters::highlight_code',
+        'limit_words'    => '\CodeIgniter\View\Filters::limit_words',
+        'limit_chars'    => '\CodeIgniter\View\Filters::limit_chars',
+        'local_currency' => '\CodeIgniter\View\Filters::local_currency',
+        'local_number'   => '\CodeIgniter\View\Filters::local_number',
+        'lower'          => '\strtolower',
+        'nl2br'          => '\CodeIgniter\View\Filters::nl2br',
+        'number_format'  => '\number_format',
+        'prose'          => '\CodeIgniter\View\Filters::prose',
+        'round'          => '\CodeIgniter\View\Filters::round',
+        'strip_tags'     => '\strip_tags',
+        'title'          => '\CodeIgniter\View\Filters::title',
+        'upper'          => '\strtoupper',
+    ];
+
+    /**
+     * Built-in View plugins.
+     *
+     * @psalm-suppress UndefinedDocblockClass
+     *
+     * @var         array<string, callable|list<string>|string>
+     * @phpstan-var array<string, array<parser_callable_string>|parser_callable_string|parser_callable>
+     */
+    protected $corePlugins = [
+        'csp_script_nonce'  => '\CodeIgniter\View\Plugins::cspScriptNonce',
+        'csp_style_nonce'   => '\CodeIgniter\View\Plugins::cspStyleNonce',
+        'current_url'       => '\CodeIgniter\View\Plugins::currentURL',
+        'previous_url'      => '\CodeIgniter\View\Plugins::previousURL',
+        'mailto'            => '\CodeIgniter\View\Plugins::mailto',
+        'safe_mailto'       => '\CodeIgniter\View\Plugins::safeMailto',
+        'lang'              => '\CodeIgniter\View\Plugins::lang',
+        'validation_errors' => '\CodeIgniter\View\Plugins::validationErrors',
+        'route'             => '\CodeIgniter\View\Plugins::route',
+        'siteURL'           => '\CodeIgniter\View\Plugins::siteURL',
+    ];
+
+    /**
+     * View Decorators are class methods that will be run in sequence to
+     * have a chance to alter the generated output just prior to caching
+     * the results.
+     *
+     * All classes must implement CodeIgniter\View\ViewDecoratorInterface
+     *
+     * @var list<class-string<ViewDecoratorInterface>>
+     */
+    public array $decorators = [];
+
+    /**
+     * Merge the built-in and developer-configured filters and plugins,
+     * with preference to the developer ones.
+     */
+    public function __construct()
+    {
+        $this->filters = array_merge($this->coreFilters, $this->filters);
+        $this->plugins = array_merge($this->corePlugins, $this->plugins);
+
+        parent::__construct();
+    }
+}
diff --git a/ci4app/system/Controller.php b/ci4app/system/Controller.php
new file mode 100644
index 0000000..9c6e7ee
--- /dev/null
+++ b/ci4app/system/Controller.php
@@ -0,0 +1,184 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter;
+
+use CodeIgniter\HTTP\CLIRequest;
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+use CodeIgniter\HTTP\Exceptions\RedirectException;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use CodeIgniter\Validation\Exceptions\ValidationException;
+use CodeIgniter\Validation\ValidationInterface;
+use Config\Validation;
+use Psr\Log\LoggerInterface;
+
+/**
+ * Class Controller
+ *
+ * @see \CodeIgniter\ControllerTest
+ */
+class Controller
+{
+    /**
+     * Helpers that will be automatically loaded on class instantiation.
+     *
+     * @var list<string>
+     */
+    protected $helpers = [];
+
+    /**
+     * Instance of the main Request object.
+     *
+     * @var CLIRequest|IncomingRequest
+     */
+    protected $request;
+
+    /**
+     * Instance of the main response object.
+     *
+     * @var ResponseInterface
+     */
+    protected $response;
+
+    /**
+     * Instance of logger to use.
+     *
+     * @var LoggerInterface
+     */
+    protected $logger;
+
+    /**
+     * Should enforce HTTPS access for all methods in this controller.
+     *
+     * @var int Number of seconds to set HSTS header
+     */
+    protected $forceHTTPS = 0;
+
+    /**
+     * Once validation has been run, will hold the Validation instance.
+     *
+     * @var ValidationInterface|null
+     */
+    protected $validator;
+
+    /**
+     * Constructor.
+     *
+     * @return void
+     *
+     * @throws HTTPException|RedirectException
+     */
+    public function initController(RequestInterface $request, ResponseInterface $response, LoggerInterface $logger)
+    {
+        $this->request  = $request;
+        $this->response = $response;
+        $this->logger   = $logger;
+
+        if ($this->forceHTTPS > 0) {
+            $this->forceHTTPS($this->forceHTTPS);
+        }
+
+        // Autoload helper files.
+        helper($this->helpers);
+    }
+
+    /**
+     * A convenience method to use when you need to ensure that a single
+     * method is reached only via HTTPS. If it isn't, then a redirect
+     * will happen back to this method and HSTS header will be sent
+     * to have modern browsers transform requests automatically.
+     *
+     * @param int $duration The number of seconds this link should be
+     *                      considered secure for. Only with HSTS header.
+     *                      Default value is 1 year.
+     *
+     * @return void
+     *
+     * @throws HTTPException|RedirectException
+     */
+    protected function forceHTTPS(int $duration = 31_536_000)
+    {
+        force_https($duration, $this->request, $this->response);
+    }
+
+    /**
+     * How long to cache the current page for.
+     *
+     * @params int $time time to live in seconds.
+     *
+     * @return void
+     */
+    protected function cachePage(int $time)
+    {
+        service('responsecache')->setTtl($time);
+    }
+
+    /**
+     * A shortcut to performing validation on Request data.
+     *
+     * @param array|string $rules
+     * @param array        $messages An array of custom error messages
+     */
+    protected function validate($rules, array $messages = []): bool
+    {
+        $this->setValidator($rules, $messages);
+
+        return $this->validator->withRequest($this->request)->run();
+    }
+
+    /**
+     * A shortcut to performing validation on any input data.
+     *
+     * @param array        $data     The data to validate
+     * @param array|string $rules
+     * @param array        $messages An array of custom error messages
+     * @param string|null  $dbGroup  The database group to use
+     */
+    protected function validateData(array $data, $rules, array $messages = [], ?string $dbGroup = null): bool
+    {
+        $this->setValidator($rules, $messages);
+
+        return $this->validator->run($data, null, $dbGroup);
+    }
+
+    /**
+     * @param array|string $rules
+     */
+    private function setValidator($rules, array $messages): void
+    {
+        $this->validator = service('validation');
+
+        // If you replace the $rules array with the name of the group
+        if (is_string($rules)) {
+            $validation = config(Validation::class);
+
+            // If the rule wasn't found in the \Config\Validation, we
+            // should throw an exception so the developer can find it.
+            if (! isset($validation->{$rules})) {
+                throw ValidationException::forRuleNotFound($rules);
+            }
+
+            // If no error message is defined, use the error message in the Config\Validation file
+            if ($messages === []) {
+                $errorName = $rules . '_errors';
+                $messages  = $validation->{$errorName} ?? [];
+            }
+
+            $rules = $validation->{$rules};
+        }
+
+        $this->validator->setRules($rules, $messages);
+    }
+}
diff --git a/ci4app/system/Cookie/CloneableCookieInterface.php b/ci4app/system/Cookie/CloneableCookieInterface.php
new file mode 100644
index 0000000..3055129
--- /dev/null
+++ b/ci4app/system/Cookie/CloneableCookieInterface.php
@@ -0,0 +1,102 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cookie;
+
+use DateTimeInterface;
+
+/**
+ * Interface for a fresh Cookie instance with selected attribute(s)
+ * only changed from the original instance.
+ */
+interface CloneableCookieInterface extends CookieInterface
+{
+    /**
+     * Creates a new Cookie with a new cookie prefix.
+     *
+     * @return static
+     */
+    public function withPrefix(string $prefix = '');
+
+    /**
+     * Creates a new Cookie with a new name.
+     *
+     * @return static
+     */
+    public function withName(string $name);
+
+    /**
+     * Creates a new Cookie with new value.
+     *
+     * @return static
+     */
+    public function withValue(string $value);
+
+    /**
+     * Creates a new Cookie with a new cookie expires time.
+     *
+     * @param DateTimeInterface|int|string $expires
+     *
+     * @return static
+     */
+    public function withExpires($expires);
+
+    /**
+     * Creates a new Cookie that will expire the cookie from the browser.
+     *
+     * @return static
+     */
+    public function withExpired();
+
+    /**
+     * Creates a new Cookie with a new path on the server the cookie is available.
+     *
+     * @return static
+     */
+    public function withPath(?string $path);
+
+    /**
+     * Creates a new Cookie with a new domain the cookie is available.
+     *
+     * @return static
+     */
+    public function withDomain(?string $domain);
+
+    /**
+     * Creates a new Cookie with a new "Secure" attribute.
+     *
+     * @return static
+     */
+    public function withSecure(bool $secure = true);
+
+    /**
+     * Creates a new Cookie with a new "HttpOnly" attribute
+     *
+     * @return static
+     */
+    public function withHTTPOnly(bool $httponly = true);
+
+    /**
+     * Creates a new Cookie with a new "SameSite" attribute.
+     *
+     * @return static
+     */
+    public function withSameSite(string $samesite);
+
+    /**
+     * Creates a new Cookie with URL encoding option updated.
+     *
+     * @return static
+     */
+    public function withRaw(bool $raw = true);
+}
diff --git a/ci4app/system/Cookie/Cookie.php b/ci4app/system/Cookie/Cookie.php
new file mode 100644
index 0000000..ad461c7
--- /dev/null
+++ b/ci4app/system/Cookie/Cookie.php
@@ -0,0 +1,804 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cookie;
+
+use ArrayAccess;
+use CodeIgniter\Cookie\Exceptions\CookieException;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Exceptions\LogicException;
+use CodeIgniter\I18n\Time;
+use Config\Cookie as CookieConfig;
+use DateTimeInterface;
+use ReturnTypeWillChange;
+
+/**
+ * A `Cookie` class represents an immutable HTTP cookie value object.
+ *
+ * Being immutable, modifying one or more of its attributes will return
+ * a new `Cookie` instance, rather than modifying itself. Users should
+ * reassign this new instance to a new variable to capture it.
+ *
+ * ```php
+ * $cookie = new Cookie('test_cookie', 'test_value');
+ * $cookie->getName(); // test_cookie
+ *
+ * $cookie->withName('prod_cookie');
+ * $cookie->getName(); // test_cookie
+ *
+ * $cookie2 = $cookie->withName('prod_cookie');
+ * $cookie2->getName(); // prod_cookie
+ * ```
+ *
+ * @template-implements ArrayAccess<string, bool|int|string>
+ * @see \CodeIgniter\Cookie\CookieTest
+ */
+class Cookie implements ArrayAccess, CloneableCookieInterface
+{
+    /**
+     * @var string
+     */
+    protected $prefix = '';
+
+    /**
+     * @var string
+     */
+    protected $name;
+
+    /**
+     * @var string
+     */
+    protected $value;
+
+    /**
+     * @var int Unix timestamp
+     */
+    protected $expires;
+
+    /**
+     * @var string
+     */
+    protected $path = '/';
+
+    /**
+     * @var string
+     */
+    protected $domain = '';
+
+    /**
+     * @var bool
+     */
+    protected $secure = false;
+
+    /**
+     * @var bool
+     */
+    protected $httponly = true;
+
+    /**
+     * @var string
+     */
+    protected $samesite = self::SAMESITE_LAX;
+
+    /**
+     * @var bool
+     */
+    protected $raw = false;
+
+    /**
+     * Default attributes for a Cookie object. The keys here are the
+     * lowercase attribute names. Do not camelCase!
+     *
+     * @var array{
+     *  prefix: string,
+     *  expires: int,
+     *  path: string,
+     *  domain: string,
+     *  secure: bool,
+     *  httponly: bool,
+     *  samesite: string,
+     *  raw: bool,
+     * }
+     */
+    private static array $defaults = [
+        'prefix'   => '',
+        'expires'  => 0,
+        'path'     => '/',
+        'domain'   => '',
+        'secure'   => false,
+        'httponly' => true,
+        'samesite' => self::SAMESITE_LAX,
+        'raw'      => false,
+    ];
+
+    /**
+     * A cookie name can be any US-ASCII characters, except control characters,
+     * spaces, tabs, or separator characters.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie#attributes
+     * @see https://tools.ietf.org/html/rfc2616#section-2.2
+     */
+    private static string $reservedCharsList = "=,; \t\r\n\v\f()<>@:\\\"/[]?{}";
+
+    /**
+     * Set the default attributes to a Cookie instance by injecting
+     * the values from the `CookieConfig` config or an array.
+     *
+     * This method is called from Response::__construct().
+     *
+     * @param array{
+     *  prefix?: string,
+     *  expires?: int,
+     *  path?: string,
+     *  domain?: string,
+     *  secure?: bool,
+     *  httponly?: bool,
+     *  samesite?: string,
+     *  raw?: bool,
+     * }|CookieConfig $config
+     *
+     * @return array{
+     *  prefix: string,
+     *  expires: int,
+     *  path: string,
+     *  domain: string,
+     *  secure: bool,
+     *  httponly: bool,
+     *  samesite: string,
+     *  raw: bool,
+     * } The old defaults array. Useful for resetting.
+     */
+    public static function setDefaults($config = [])
+    {
+        $oldDefaults = self::$defaults;
+        $newDefaults = [];
+
+        if ($config instanceof CookieConfig) {
+            $newDefaults = [
+                'prefix'   => $config->prefix,
+                'expires'  => $config->expires,
+                'path'     => $config->path,
+                'domain'   => $config->domain,
+                'secure'   => $config->secure,
+                'httponly' => $config->httponly,
+                'samesite' => $config->samesite,
+                'raw'      => $config->raw,
+            ];
+        } elseif (is_array($config)) {
+            $newDefaults = $config;
+        }
+
+        // This array union ensures that even if passed `$config` is not
+        // `CookieConfig` or `array`, no empty defaults will occur.
+        self::$defaults = $newDefaults + $oldDefaults;
+
+        return $oldDefaults;
+    }
+
+    // =========================================================================
+    // CONSTRUCTORS
+    // =========================================================================
+
+    /**
+     * Create a new Cookie instance from a `Set-Cookie` header.
+     *
+     * @return static
+     *
+     * @throws CookieException
+     */
+    public static function fromHeaderString(string $cookie, bool $raw = false)
+    {
+        $data        = self::$defaults;
+        $data['raw'] = $raw;
+
+        $parts = preg_split('/\;[\s]*/', $cookie);
+        $part  = explode('=', array_shift($parts), 2);
+
+        $name  = $raw ? $part[0] : urldecode($part[0]);
+        $value = isset($part[1]) ? ($raw ? $part[1] : urldecode($part[1])) : '';
+        unset($part);
+
+        foreach ($parts as $part) {
+            if (str_contains($part, '=')) {
+                [$attr, $val] = explode('=', $part);
+            } else {
+                $attr = $part;
+                $val  = true;
+            }
+
+            $data[strtolower($attr)] = $val;
+        }
+
+        return new static($name, $value, $data);
+    }
+
+    /**
+     * Construct a new Cookie instance.
+     *
+     * @param string                                                                                                                                                                                      $name    The cookie's name
+     * @param string                                                                                                                                                                                      $value   The cookie's value
+     * @param array{prefix?: string, max-age?: int|numeric-string, expires?: DateTimeInterface|int|string, path?: string, domain?: string, secure?: bool, httponly?: bool, samesite?: string, raw?: bool} $options The cookie's options
+     *
+     * @throws CookieException
+     */
+    final public function __construct(string $name, string $value = '', array $options = [])
+    {
+        $options += self::$defaults;
+
+        $options['expires'] = static::convertExpiresTimestamp($options['expires']);
+
+        // If both `Expires` and `Max-Age` are set, `Max-Age` has precedence.
+        if (isset($options['max-age']) && is_numeric($options['max-age'])) {
+            $options['expires'] = Time::now()->getTimestamp() + (int) $options['max-age'];
+            unset($options['max-age']);
+        }
+
+        // to preserve backward compatibility with array-based cookies in previous CI versions
+        $prefix = ($options['prefix'] === '') ? self::$defaults['prefix'] : $options['prefix'];
+        $path   = $options['path'] ?: self::$defaults['path'];
+        $domain = $options['domain'] ?: self::$defaults['domain'];
+
+        // empty string SameSite should use the default for browsers
+        $samesite = $options['samesite'] ?: self::$defaults['samesite'];
+
+        $raw      = $options['raw'];
+        $secure   = $options['secure'];
+        $httponly = $options['httponly'];
+
+        $this->validateName($name, $raw);
+        $this->validatePrefix($prefix, $secure, $path, $domain);
+        $this->validateSameSite($samesite, $secure);
+
+        $this->prefix   = $prefix;
+        $this->name     = $name;
+        $this->value    = $value;
+        $this->expires  = static::convertExpiresTimestamp($options['expires']);
+        $this->path     = $path;
+        $this->domain   = $domain;
+        $this->secure   = $secure;
+        $this->httponly = $httponly;
+        $this->samesite = ucfirst(strtolower($samesite));
+        $this->raw      = $raw;
+    }
+
+    // =========================================================================
+    // GETTERS
+    // =========================================================================
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getId(): string
+    {
+        return implode(';', [$this->getPrefixedName(), $this->getPath(), $this->getDomain()]);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getPrefix(): string
+    {
+        return $this->prefix;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getName(): string
+    {
+        return $this->name;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getPrefixedName(): string
+    {
+        $name = $this->getPrefix();
+
+        if ($this->isRaw()) {
+            $name .= $this->getName();
+        } else {
+            $search  = str_split(self::$reservedCharsList);
+            $replace = array_map(rawurlencode(...), $search);
+
+            $name .= str_replace($search, $replace, $this->getName());
+        }
+
+        return $name;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getValue(): string
+    {
+        return $this->value;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getExpiresTimestamp(): int
+    {
+        return $this->expires;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getExpiresString(): string
+    {
+        return gmdate(self::EXPIRES_FORMAT, $this->expires);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function isExpired(): bool
+    {
+        return $this->expires === 0 || $this->expires < Time::now()->getTimestamp();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getMaxAge(): int
+    {
+        $maxAge = $this->expires - Time::now()->getTimestamp();
+
+        return $maxAge >= 0 ? $maxAge : 0;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getPath(): string
+    {
+        return $this->path;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getDomain(): string
+    {
+        return $this->domain;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function isSecure(): bool
+    {
+        return $this->secure;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function isHTTPOnly(): bool
+    {
+        return $this->httponly;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getSameSite(): string
+    {
+        return $this->samesite;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function isRaw(): bool
+    {
+        return $this->raw;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function getOptions(): array
+    {
+        // This is the order of options in `setcookie`. DO NOT CHANGE.
+        return [
+            'expires'  => $this->expires,
+            'path'     => $this->path,
+            'domain'   => $this->domain,
+            'secure'   => $this->secure,
+            'httponly' => $this->httponly,
+            'samesite' => $this->samesite ?: ucfirst(self::SAMESITE_LAX),
+        ];
+    }
+
+    // =========================================================================
+    // CLONING
+    // =========================================================================
+
+    /**
+     * {@inheritDoc}
+     */
+    public function withPrefix(string $prefix = '')
+    {
+        $this->validatePrefix($prefix, $this->secure, $this->path, $this->domain);
+
+        $cookie = clone $this;
+
+        $cookie->prefix = $prefix;
+
+        return $cookie;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function withName(string $name)
+    {
+        $this->validateName($name, $this->raw);
+
+        $cookie = clone $this;
+
+        $cookie->name = $name;
+
+        return $cookie;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function withValue(string $value)
+    {
+        $cookie = clone $this;
+
+        $cookie->value = $value;
+
+        return $cookie;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function withExpires($expires)
+    {
+        $cookie = clone $this;
+
+        $cookie->expires = static::convertExpiresTimestamp($expires);
+
+        return $cookie;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function withExpired()
+    {
+        $cookie = clone $this;
+
+        $cookie->expires = 0;
+
+        return $cookie;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function withPath(?string $path)
+    {
+        $path = $path !== null && $path !== '' && $path !== '0' ? $path : self::$defaults['path'];
+        $this->validatePrefix($this->prefix, $this->secure, $path, $this->domain);
+
+        $cookie = clone $this;
+
+        $cookie->path = $path;
+
+        return $cookie;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function withDomain(?string $domain)
+    {
+        $domain ??= self::$defaults['domain'];
+        $this->validatePrefix($this->prefix, $this->secure, $this->path, $domain);
+
+        $cookie = clone $this;
+
+        $cookie->domain = $domain;
+
+        return $cookie;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function withSecure(bool $secure = true)
+    {
+        $this->validatePrefix($this->prefix, $secure, $this->path, $this->domain);
+        $this->validateSameSite($this->samesite, $secure);
+
+        $cookie = clone $this;
+
+        $cookie->secure = $secure;
+
+        return $cookie;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function withHTTPOnly(bool $httponly = true)
+    {
+        $cookie = clone $this;
+
+        $cookie->httponly = $httponly;
+
+        return $cookie;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function withSameSite(string $samesite)
+    {
+        $this->validateSameSite($samesite, $this->secure);
+
+        $cookie = clone $this;
+
+        $cookie->samesite = ucfirst(strtolower($samesite));
+
+        return $cookie;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function withRaw(bool $raw = true)
+    {
+        $this->validateName($this->name, $raw);
+
+        $cookie = clone $this;
+
+        $cookie->raw = $raw;
+
+        return $cookie;
+    }
+
+    // =========================================================================
+    // ARRAY ACCESS FOR BC
+    // =========================================================================
+
+    /**
+     * Whether an offset exists.
+     *
+     * @param string $offset
+     */
+    public function offsetExists($offset): bool
+    {
+        return $offset === 'expire' ? true : property_exists($this, $offset);
+    }
+
+    /**
+     * Offset to retrieve.
+     *
+     * @param string $offset
+     *
+     * @return bool|int|string
+     *
+     * @throws InvalidArgumentException
+     */
+    #[ReturnTypeWillChange]
+    public function offsetGet($offset)
+    {
+        if (! $this->offsetExists($offset)) {
+            throw new InvalidArgumentException(sprintf('Undefined offset "%s".', $offset));
+        }
+
+        return $offset === 'expire' ? $this->expires : $this->{$offset};
+    }
+
+    /**
+     * Offset to set.
+     *
+     * @param string          $offset
+     * @param bool|int|string $value
+     *
+     * @throws LogicException
+     */
+    public function offsetSet($offset, $value): void
+    {
+        throw new LogicException(sprintf('Cannot set values of properties of %s as it is immutable.', static::class));
+    }
+
+    /**
+     * Offset to unset.
+     *
+     * @param string $offset
+     *
+     * @throws LogicException
+     */
+    public function offsetUnset($offset): void
+    {
+        throw new LogicException(sprintf('Cannot unset values of properties of %s as it is immutable.', static::class));
+    }
+
+    // =========================================================================
+    // CONVERTERS
+    // =========================================================================
+
+    /**
+     * {@inheritDoc}
+     */
+    public function toHeaderString(): string
+    {
+        return $this->__toString();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function __toString(): string
+    {
+        $cookieHeader = [];
+
+        if ($this->getValue() === '') {
+            $cookieHeader[] = $this->getPrefixedName() . '=deleted';
+            $cookieHeader[] = 'Expires=' . gmdate(self::EXPIRES_FORMAT, 0);
+            $cookieHeader[] = 'Max-Age=0';
+        } else {
+            $value = $this->isRaw() ? $this->getValue() : rawurlencode($this->getValue());
+
+            $cookieHeader[] = sprintf('%s=%s', $this->getPrefixedName(), $value);
+
+            if ($this->getExpiresTimestamp() !== 0) {
+                $cookieHeader[] = 'Expires=' . $this->getExpiresString();
+                $cookieHeader[] = 'Max-Age=' . $this->getMaxAge();
+            }
+        }
+
+        if ($this->getPath() !== '') {
+            $cookieHeader[] = 'Path=' . $this->getPath();
+        }
+
+        if ($this->getDomain() !== '') {
+            $cookieHeader[] = 'Domain=' . $this->getDomain();
+        }
+
+        if ($this->isSecure()) {
+            $cookieHeader[] = 'Secure';
+        }
+
+        if ($this->isHTTPOnly()) {
+            $cookieHeader[] = 'HttpOnly';
+        }
+
+        $samesite = $this->getSameSite();
+
+        if ($samesite === '') {
+            // modern browsers warn in console logs that an empty SameSite attribute
+            // will be given the `Lax` value
+            $samesite = self::SAMESITE_LAX;
+        }
+
+        $cookieHeader[] = 'SameSite=' . ucfirst(strtolower($samesite));
+
+        return implode('; ', $cookieHeader);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function toArray(): array
+    {
+        return [
+            'name'   => $this->name,
+            'value'  => $this->value,
+            'prefix' => $this->prefix,
+            'raw'    => $this->raw,
+        ] + $this->getOptions();
+    }
+
+    /**
+     * Converts expires time to Unix format.
+     *
+     * @param DateTimeInterface|int|string $expires
+     */
+    protected static function convertExpiresTimestamp($expires = 0): int
+    {
+        if ($expires instanceof DateTimeInterface) {
+            $expires = $expires->format('U');
+        }
+
+        if (! is_string($expires) && ! is_int($expires)) {
+            throw CookieException::forInvalidExpiresTime(gettype($expires));
+        }
+
+        if (! is_numeric($expires)) {
+            $expires = strtotime($expires);
+
+            if ($expires === false) {
+                throw CookieException::forInvalidExpiresValue();
+            }
+        }
+
+        return $expires > 0 ? (int) $expires : 0;
+    }
+
+    // =========================================================================
+    // VALIDATION
+    // =========================================================================
+
+    /**
+     * Validates the cookie name per RFC 2616.
+     *
+     * If `$raw` is true, names should not contain invalid characters
+     * as `setrawcookie()` will reject this.
+     *
+     * @throws CookieException
+     */
+    protected function validateName(string $name, bool $raw): void
+    {
+        if ($raw && strpbrk($name, self::$reservedCharsList) !== false) {
+            throw CookieException::forInvalidCookieName($name);
+        }
+
+        if ($name === '') {
+            throw CookieException::forEmptyCookieName();
+        }
+    }
+
+    /**
+     * Validates the special prefixes if some attribute requirements are met.
+     *
+     * @throws CookieException
+     */
+    protected function validatePrefix(string $prefix, bool $secure, string $path, string $domain): void
+    {
+        if (str_starts_with($prefix, '__Secure-') && ! $secure) {
+            throw CookieException::forInvalidSecurePrefix();
+        }
+
+        if (str_starts_with($prefix, '__Host-') && (! $secure || $domain !== '' || $path !== '/')) {
+            throw CookieException::forInvalidHostPrefix();
+        }
+    }
+
+    /**
+     * Validates the `SameSite` to be within the allowed types.
+     *
+     * @throws CookieException
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie/SameSite
+     */
+    protected function validateSameSite(string $samesite, bool $secure): void
+    {
+        if ($samesite === '') {
+            $samesite = self::$defaults['samesite'];
+        }
+
+        if ($samesite === '') {
+            $samesite = self::SAMESITE_LAX;
+        }
+
+        if (! in_array(strtolower($samesite), self::ALLOWED_SAMESITE_VALUES, true)) {
+            throw CookieException::forInvalidSameSite($samesite);
+        }
+
+        if (strtolower($samesite) === self::SAMESITE_NONE && ! $secure) {
+            throw CookieException::forInvalidSameSiteNone();
+        }
+    }
+}
diff --git a/ci4app/system/Cookie/CookieInterface.php b/ci4app/system/Cookie/CookieInterface.php
new file mode 100644
index 0000000..b4a7ea3
--- /dev/null
+++ b/ci4app/system/Cookie/CookieInterface.php
@@ -0,0 +1,188 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cookie;
+
+/**
+ * Interface for a value object representation of an HTTP cookie.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie
+ */
+interface CookieInterface
+{
+    /**
+     * Cookies will be sent in all contexts, i.e in responses to both
+     * first-party and cross-origin requests. If `SameSite=None` is set,
+     * the cookie `Secure` attribute must also be set (or the cookie will be blocked).
+     */
+    public const SAMESITE_NONE = 'none';
+
+    /**
+     * Cookies are not sent on normal cross-site subrequests (for example to
+     * load images or frames into a third party site), but are sent when a
+     * user is navigating to the origin site (i.e. when following a link).
+     */
+    public const SAMESITE_LAX = 'lax';
+
+    /**
+     * Cookies will only be sent in a first-party context and not be sent
+     * along with requests initiated by third party websites.
+     */
+    public const SAMESITE_STRICT = 'strict';
+
+    /**
+     * RFC 6265 allowed values for the "SameSite" attribute.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie/SameSite
+     */
+    public const ALLOWED_SAMESITE_VALUES = [
+        self::SAMESITE_NONE,
+        self::SAMESITE_LAX,
+        self::SAMESITE_STRICT,
+    ];
+
+    /**
+     * Expires date format.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Date
+     * @see https://tools.ietf.org/html/rfc7231#section-7.1.1.2
+     */
+    public const EXPIRES_FORMAT = 'D, d-M-Y H:i:s T';
+
+    /**
+     * Returns a unique identifier for the cookie consisting
+     * of its prefixed name, path, and domain.
+     */
+    public function getId(): string;
+
+    /**
+     * Gets the cookie prefix.
+     */
+    public function getPrefix(): string;
+
+    /**
+     * Gets the cookie name.
+     */
+    public function getName(): string;
+
+    /**
+     * Gets the cookie name prepended with the prefix, if any.
+     */
+    public function getPrefixedName(): string;
+
+    /**
+     * Gets the cookie value.
+     */
+    public function getValue(): string;
+
+    /**
+     * Gets the time in Unix timestamp the cookie expires.
+     */
+    public function getExpiresTimestamp(): int;
+
+    /**
+     * Gets the formatted expires time.
+     */
+    public function getExpiresString(): string;
+
+    /**
+     * Checks if the cookie is expired.
+     */
+    public function isExpired(): bool;
+
+    /**
+     * Gets the "Max-Age" cookie attribute.
+     */
+    public function getMaxAge(): int;
+
+    /**
+     * Gets the "Path" cookie attribute.
+     */
+    public function getPath(): string;
+
+    /**
+     * Gets the "Domain" cookie attribute.
+     */
+    public function getDomain(): string;
+
+    /**
+     * Gets the "Secure" cookie attribute.
+     *
+     * Checks if the cookie is only sent to the server when a request is made
+     * with the `https:` scheme (except on `localhost`), and therefore is more
+     * resistent to man-in-the-middle attacks.
+     */
+    public function isSecure(): bool;
+
+    /**
+     * Gets the "HttpOnly" cookie attribute.
+     *
+     * Checks if JavaScript is forbidden from accessing the cookie.
+     */
+    public function isHTTPOnly(): bool;
+
+    /**
+     * Gets the "SameSite" cookie attribute.
+     */
+    public function getSameSite(): string;
+
+    /**
+     * Checks if the cookie should be sent with no URL encoding.
+     */
+    public function isRaw(): bool;
+
+    /**
+     * Gets the options that are passable to the `setcookie` variant
+     * available on PHP 7.3+
+     *
+     * @return array{
+     *  expires: int,
+     *  path: string,
+     *  domain: string,
+     *  secure: bool,
+     *  httponly: bool,
+     *  samesite: string,
+     * }
+     */
+    public function getOptions(): array;
+
+    /**
+     * Returns the Cookie as a header value.
+     */
+    public function toHeaderString(): string;
+
+    /**
+     * Returns the string representation of the Cookie object.
+     *
+     * @return string
+     */
+    public function __toString();
+
+    /**
+     * Returns the array representation of the Cookie object.
+     *
+     * @return array{
+     *  name: string,
+     *  value: string,
+     *  prefix: string,
+     *  raw: bool,
+     *  expires: int,
+     *  path: string,
+     *  domain: string,
+     *  secure: bool,
+     *  httponly: bool,
+     *  samesite: string,
+     * }
+     */
+    public function toArray(): array;
+}
diff --git a/ci4app/system/Cookie/CookieStore.php b/ci4app/system/Cookie/CookieStore.php
new file mode 100644
index 0000000..6d5caa2
--- /dev/null
+++ b/ci4app/system/Cookie/CookieStore.php
@@ -0,0 +1,213 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cookie;
+
+use ArrayIterator;
+use CodeIgniter\Cookie\Exceptions\CookieException;
+use Countable;
+use IteratorAggregate;
+use Traversable;
+
+/**
+ * The CookieStore object represents an immutable collection of `Cookie` value objects.
+ *
+ * @implements IteratorAggregate<string, Cookie>
+ * @see \CodeIgniter\Cookie\CookieStoreTest
+ */
+class CookieStore implements Countable, IteratorAggregate
+{
+    /**
+     * The cookie collection.
+     *
+     * @var array<string, Cookie>
+     */
+    protected $cookies = [];
+
+    /**
+     * Creates a CookieStore from an array of `Set-Cookie` headers.
+     *
+     * @param list<string> $headers
+     *
+     * @return static
+     *
+     * @throws CookieException
+     */
+    public static function fromCookieHeaders(array $headers, bool $raw = false)
+    {
+        /**
+         * @var list<Cookie> $cookies
+         */
+        $cookies = array_filter(array_map(static function (string $header) use ($raw) {
+            try {
+                return Cookie::fromHeaderString($header, $raw);
+            } catch (CookieException $e) {
+                log_message('error', (string) $e);
+
+                return false;
+            }
+        }, $headers));
+
+        return new static($cookies);
+    }
+
+    /**
+     * @param array<array-key, Cookie> $cookies
+     *
+     * @throws CookieException
+     */
+    final public function __construct(array $cookies)
+    {
+        $this->validateCookies($cookies);
+
+        foreach ($cookies as $cookie) {
+            $this->cookies[$cookie->getId()] = $cookie;
+        }
+    }
+
+    /**
+     * Checks if a `Cookie` object identified by name and
+     * prefix is present in the collection.
+     */
+    public function has(string $name, string $prefix = '', ?string $value = null): bool
+    {
+        $name = $prefix . $name;
+
+        foreach ($this->cookies as $cookie) {
+            if ($cookie->getPrefixedName() !== $name) {
+                continue;
+            }
+
+            if ($value === null) {
+                return true; // for BC
+            }
+
+            return $cookie->getValue() === $value;
+        }
+
+        return false;
+    }
+
+    /**
+     * Retrieves an instance of `Cookie` identified by a name and prefix.
+     * This throws an exception if not found.
+     *
+     * @throws CookieException
+     */
+    public function get(string $name, string $prefix = ''): Cookie
+    {
+        $name = $prefix . $name;
+
+        foreach ($this->cookies as $cookie) {
+            if ($cookie->getPrefixedName() === $name) {
+                return $cookie;
+            }
+        }
+
+        throw CookieException::forUnknownCookieInstance([$name, $prefix]);
+    }
+
+    /**
+     * Store a new cookie and return a new collection. The original collection
+     * is left unchanged.
+     *
+     * @return static
+     */
+    public function put(Cookie $cookie)
+    {
+        $store = clone $this;
+
+        $store->cookies[$cookie->getId()] = $cookie;
+
+        return $store;
+    }
+
+    /**
+     * Removes a cookie from a collection and returns an updated collection.
+     * The original collection is left unchanged.
+     *
+     * Removing a cookie from the store **DOES NOT** delete it from the browser.
+     * If you intend to delete a cookie *from the browser*, you must put an empty
+     * value cookie with the same name to the store.
+     *
+     * @return static
+     */
+    public function remove(string $name, string $prefix = '')
+    {
+        $default = Cookie::setDefaults();
+
+        $id = implode(';', [$prefix . $name, $default['path'], $default['domain']]);
+
+        $store = clone $this;
+
+        foreach (array_keys($store->cookies) as $index) {
+            if ($index === $id) {
+                unset($store->cookies[$index]);
+            }
+        }
+
+        return $store;
+    }
+
+    /**
+     * Returns all cookie instances in store.
+     *
+     * @return array<string, Cookie>
+     */
+    public function display(): array
+    {
+        return $this->cookies;
+    }
+
+    /**
+     * Clears the cookie collection.
+     */
+    public function clear(): void
+    {
+        $this->cookies = [];
+    }
+
+    /**
+     * Gets the Cookie count in this collection.
+     */
+    public function count(): int
+    {
+        return count($this->cookies);
+    }
+
+    /**
+     * Gets the iterator for the cookie collection.
+     *
+     * @return Traversable<string, Cookie>
+     */
+    public function getIterator(): Traversable
+    {
+        return new ArrayIterator($this->cookies);
+    }
+
+    /**
+     * Validates all cookies passed to be instances of Cookie.
+     *
+     * @throws CookieException
+     */
+    protected function validateCookies(array $cookies): void
+    {
+        foreach ($cookies as $index => $cookie) {
+            $type = get_debug_type($cookie);
+
+            if (! $cookie instanceof Cookie) {
+                throw CookieException::forInvalidCookieInstance([static::class, Cookie::class, $type, $index]);
+            }
+        }
+    }
+}
diff --git a/ci4app/system/Cookie/Exceptions/CookieException.php b/ci4app/system/Cookie/Exceptions/CookieException.php
new file mode 100644
index 0000000..8b6c757
--- /dev/null
+++ b/ci4app/system/Cookie/Exceptions/CookieException.php
@@ -0,0 +1,129 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Cookie\Exceptions;
+
+use CodeIgniter\Exceptions\FrameworkException;
+
+/**
+ * CookieException is thrown for invalid cookies initialization and management.
+ */
+class CookieException extends FrameworkException
+{
+    /**
+     * Thrown for invalid type given for the "Expires" attribute.
+     *
+     * @return static
+     */
+    public static function forInvalidExpiresTime(string $type)
+    {
+        return new static(lang('Cookie.invalidExpiresTime', [$type]));
+    }
+
+    /**
+     * Thrown when the value provided for "Expires" is invalid.
+     *
+     * @return static
+     */
+    public static function forInvalidExpiresValue()
+    {
+        return new static(lang('Cookie.invalidExpiresValue'));
+    }
+
+    /**
+     * Thrown when the cookie name contains invalid characters per RFC 2616.
+     *
+     * @return static
+     */
+    public static function forInvalidCookieName(string $name)
+    {
+        return new static(lang('Cookie.invalidCookieName', [$name]));
+    }
+
+    /**
+     * Thrown when the cookie name is empty.
+     *
+     * @return static
+     */
+    public static function forEmptyCookieName()
+    {
+        return new static(lang('Cookie.emptyCookieName'));
+    }
+
+    /**
+     * Thrown when using the `__Secure-` prefix but the `Secure` attribute
+     * is not set to true.
+     *
+     * @return static
+     */
+    public static function forInvalidSecurePrefix()
+    {
+        return new static(lang('Cookie.invalidSecurePrefix'));
+    }
+
+    /**
+     * Thrown when using the `__Host-` prefix but the `Secure` flag is not
+     * set, the `Domain` is set, and the `Path` is not `/`.
+     *
+     * @return static
+     */
+    public static function forInvalidHostPrefix()
+    {
+        return new static(lang('Cookie.invalidHostPrefix'));
+    }
+
+    /**
+     * Thrown when the `SameSite` attribute given is not of the valid types.
+     *
+     * @return static
+     */
+    public static function forInvalidSameSite(string $sameSite)
+    {
+        return new static(lang('Cookie.invalidSameSite', [$sameSite]));
+    }
+
+    /**
+     * Thrown when the `SameSite` attribute is set to `None` but the `Secure`
+     * attribute is not set.
+     *
+     * @return static
+     */
+    public static function forInvalidSameSiteNone()
+    {
+        return new static(lang('Cookie.invalidSameSiteNone'));
+    }
+
+    /**
+     * Thrown when the `CookieStore` class is filled with invalid Cookie objects.
+     *
+     * @param list<int|string> $data
+     *
+     * @return static
+     */
+    public static function forInvalidCookieInstance(array $data)
+    {
+        return new static(lang('Cookie.invalidCookieInstance', $data));
+    }
+
+    /**
+     * Thrown when the queried Cookie object does not exist in the cookie collection.
+     *
+     * @param list<string> $data
+     *
+     * @return static
+     */
+    public static function forUnknownCookieInstance(array $data)
+    {
+        return new static(lang('Cookie.unknownCookieInstance', $data));
+    }
+}
diff --git a/ci4app/system/DataCaster/Cast/ArrayCast.php b/ci4app/system/DataCaster/Cast/ArrayCast.php
new file mode 100644
index 0000000..1deddea
--- /dev/null
+++ b/ci4app/system/DataCaster/Cast/ArrayCast.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\DataCaster\Cast;
+
+/**
+ * Class ArrayCast
+ *
+ * (PHP) [array --> string] --> (DB driver) --> (DB column) string
+ *       [      <-- string] <-- (DB driver) <-- (DB column) string
+ */
+class ArrayCast extends BaseCast implements CastInterface
+{
+    public static function get(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): array {
+        if (! is_string($value)) {
+            self::invalidTypeValueError($value);
+        }
+
+        if ((str_starts_with($value, 'a:') || str_starts_with($value, 's:'))) {
+            $value = unserialize($value, ['allowed_classes' => false]);
+        }
+
+        return (array) $value;
+    }
+
+    public static function set(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): string {
+        return serialize($value);
+    }
+}
diff --git a/ci4app/system/DataCaster/Cast/BaseCast.php b/ci4app/system/DataCaster/Cast/BaseCast.php
new file mode 100644
index 0000000..06fb0eb
--- /dev/null
+++ b/ci4app/system/DataCaster/Cast/BaseCast.php
@@ -0,0 +1,45 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\DataCaster\Cast;
+
+use CodeIgniter\Exceptions\InvalidArgumentException;
+
+abstract class BaseCast implements CastInterface
+{
+    public static function get(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): mixed {
+        return $value;
+    }
+
+    public static function set(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): mixed {
+        return $value;
+    }
+
+    protected static function invalidTypeValueError(mixed $value): never
+    {
+        $message = '[' . static::class . '] Invalid value type: ' . get_debug_type($value);
+        if (is_scalar($value)) {
+            $message .= ', and its value: ' . var_export($value, true);
+        }
+
+        throw new InvalidArgumentException($message);
+    }
+}
diff --git a/ci4app/system/DataCaster/Cast/BooleanCast.php b/ci4app/system/DataCaster/Cast/BooleanCast.php
new file mode 100644
index 0000000..6554081
--- /dev/null
+++ b/ci4app/system/DataCaster/Cast/BooleanCast.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\DataCaster\Cast;
+
+/**
+ * Class BooleanCast
+ *
+ * (PHP) [bool --> bool      ] --> (DB driver) --> (DB column) bool|int(0/1)
+ *       [     <-- string|int] <-- (DB driver) <-- (DB column) bool|int(0/1)
+ */
+class BooleanCast extends BaseCast
+{
+    public static function get(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): bool {
+        // For PostgreSQL
+        if ($value === 't') {
+            return true;
+        }
+        if ($value === 'f') {
+            return false;
+        }
+
+        return filter_var($value, FILTER_VALIDATE_BOOLEAN);
+    }
+}
diff --git a/ci4app/system/DataCaster/Cast/CSVCast.php b/ci4app/system/DataCaster/Cast/CSVCast.php
new file mode 100644
index 0000000..d77c64c
--- /dev/null
+++ b/ci4app/system/DataCaster/Cast/CSVCast.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\DataCaster\Cast;
+
+/**
+ * Class CSVCast
+ *
+ * (PHP) [array --> string] --> (DB driver) --> (DB column) string
+ *       [      <-- string] <-- (DB driver) <-- (DB column) string
+ */
+class CSVCast extends BaseCast
+{
+    public static function get(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): array {
+        if (! is_string($value)) {
+            self::invalidTypeValueError($value);
+        }
+
+        return explode(',', $value);
+    }
+
+    public static function set(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): string {
+        if (! is_array($value)) {
+            self::invalidTypeValueError($value);
+        }
+
+        return implode(',', $value);
+    }
+}
diff --git a/ci4app/system/DataCaster/Cast/CastInterface.php b/ci4app/system/DataCaster/Cast/CastInterface.php
new file mode 100644
index 0000000..f90f2b2
--- /dev/null
+++ b/ci4app/system/DataCaster/Cast/CastInterface.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\DataCaster\Cast;
+
+interface CastInterface
+{
+    /**
+     * Takes a value from DataSource, returns its value for PHP.
+     *
+     * @param mixed        $value  Data from database driver
+     * @param list<string> $params Additional param
+     * @param object|null  $helper Helper object. E.g., database connection
+     *
+     * @return mixed PHP native value
+     */
+    public static function get(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): mixed;
+
+    /**
+     * Takes a PHP value, returns its value for DataSource.
+     *
+     * @param mixed        $value  PHP native value
+     * @param list<string> $params Additional param
+     * @param object|null  $helper Helper object. E.g., database connection
+     *
+     * @return mixed Data to pass to database driver
+     */
+    public static function set(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): mixed;
+}
diff --git a/ci4app/system/DataCaster/Cast/DatetimeCast.php b/ci4app/system/DataCaster/Cast/DatetimeCast.php
new file mode 100644
index 0000000..b5f346c
--- /dev/null
+++ b/ci4app/system/DataCaster/Cast/DatetimeCast.php
@@ -0,0 +1,85 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\DataCaster\Cast;
+
+use CodeIgniter\Database\BaseConnection;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\I18n\Time;
+
+/**
+ * Class DatetimeCast
+ *
+ * (PHP) [Time --> string] --> (DB driver) --> (DB column) datetime
+ *       [     <-- string] <-- (DB driver) <-- (DB column) datetime
+ */
+class DatetimeCast extends BaseCast
+{
+    public static function get(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): Time {
+        if (! is_string($value)) {
+            self::invalidTypeValueError($value);
+        }
+
+        if (! $helper instanceof BaseConnection) {
+            $message = 'The parameter $helper must be BaseConnection.';
+
+            throw new InvalidArgumentException($message);
+        }
+
+        /**
+         * @see https://www.php.net/manual/en/datetimeimmutable.createfromformat.php#datetimeimmutable.createfromformat.parameters
+         */
+        $format = self::getDateTimeFormat($params, $helper);
+
+        return Time::createFromFormat($format, $value);
+    }
+
+    public static function set(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): string {
+        if (! $value instanceof Time) {
+            self::invalidTypeValueError($value);
+        }
+
+        if (! $helper instanceof BaseConnection) {
+            $message = 'The parameter $helper must be BaseConnection.';
+
+            throw new InvalidArgumentException($message);
+        }
+
+        $format = self::getDateTimeFormat($params, $helper);
+
+        return $value->format($format);
+    }
+
+    /**
+     * Gets DateTime format from the DB connection.
+     *
+     * @param list<string> $params Additional param
+     */
+    protected static function getDateTimeFormat(array $params, BaseConnection $db): string
+    {
+        return match ($params[0] ?? '') {
+            ''      => $db->dateFormat['datetime'],
+            'ms'    => $db->dateFormat['datetime-ms'],
+            'us'    => $db->dateFormat['datetime-us'],
+            default => throw new InvalidArgumentException('Invalid parameter: ' . $params[0]),
+        };
+    }
+}
diff --git a/ci4app/system/DataCaster/Cast/FloatCast.php b/ci4app/system/DataCaster/Cast/FloatCast.php
new file mode 100644
index 0000000..d217382
--- /dev/null
+++ b/ci4app/system/DataCaster/Cast/FloatCast.php
@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\DataCaster\Cast;
+
+/**
+ * Class FloatCast
+ *
+ * (PHP) [float --> float       ] --> (DB driver) --> (DB column) float
+ *       [      <-- float|string] <-- (DB driver) <-- (DB column) float
+ */
+class FloatCast extends BaseCast
+{
+    public static function get(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): float {
+        if (! is_float($value) && ! is_string($value)) {
+            self::invalidTypeValueError($value);
+        }
+
+        return (float) $value;
+    }
+}
diff --git a/ci4app/system/DataCaster/Cast/IntBoolCast.php b/ci4app/system/DataCaster/Cast/IntBoolCast.php
new file mode 100644
index 0000000..5aa1f2b
--- /dev/null
+++ b/ci4app/system/DataCaster/Cast/IntBoolCast.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\DataCaster\Cast;
+
+/**
+ * Int Bool Cast
+ *
+ * (PHP) [bool --> int       ] --> (DB driver) --> (DB column) int(0/1)
+ *       [     <-- int|string] <-- (DB driver) <-- (DB column) int(0/1)
+ */
+final class IntBoolCast extends BaseCast
+{
+    public static function get(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): bool {
+        if (! is_int($value) && ! is_string($value)) {
+            self::invalidTypeValueError($value);
+        }
+
+        return (bool) $value;
+    }
+
+    public static function set(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): int {
+        if (! is_bool($value)) {
+            self::invalidTypeValueError($value);
+        }
+
+        return (int) $value;
+    }
+}
diff --git a/ci4app/system/DataCaster/Cast/IntegerCast.php b/ci4app/system/DataCaster/Cast/IntegerCast.php
new file mode 100644
index 0000000..f65baf8
--- /dev/null
+++ b/ci4app/system/DataCaster/Cast/IntegerCast.php
@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\DataCaster\Cast;
+
+/**
+ * Class IntegerCast
+ *
+ * (PHP) [int --> int       ] --> (DB driver) --> (DB column) int
+ *       [    <-- int|string] <-- (DB driver) <-- (DB column) int
+ */
+class IntegerCast extends BaseCast
+{
+    public static function get(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): int {
+        if (! is_string($value) && ! is_int($value)) {
+            self::invalidTypeValueError($value);
+        }
+
+        return (int) $value;
+    }
+}
diff --git a/ci4app/system/DataCaster/Cast/JsonCast.php b/ci4app/system/DataCaster/Cast/JsonCast.php
new file mode 100644
index 0000000..5ca10b3
--- /dev/null
+++ b/ci4app/system/DataCaster/Cast/JsonCast.php
@@ -0,0 +1,63 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\DataCaster\Cast;
+
+use CodeIgniter\DataCaster\Exceptions\CastException;
+use JsonException;
+use stdClass;
+
+/**
+ * Class JsonCast
+ *
+ * (PHP) [array|stdClass --> string] --> (DB driver) --> (DB column) string
+ *       [               <-- string] <-- (DB driver) <-- (DB column) string
+ */
+class JsonCast extends BaseCast
+{
+    public static function get(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): array|stdClass {
+        if (! is_string($value)) {
+            self::invalidTypeValueError($value);
+        }
+
+        $associative = in_array('array', $params, true);
+
+        $output = ($associative ? [] : new stdClass());
+
+        try {
+            $output = json_decode($value, $associative, 512, JSON_THROW_ON_ERROR);
+        } catch (JsonException $e) {
+            throw CastException::forInvalidJsonFormat($e->getCode());
+        }
+
+        return $output;
+    }
+
+    public static function set(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): string {
+        try {
+            $output = json_encode($value, JSON_UNESCAPED_UNICODE | JSON_THROW_ON_ERROR);
+        } catch (JsonException $e) {
+            throw CastException::forInvalidJsonFormat($e->getCode());
+        }
+
+        return $output;
+    }
+}
diff --git a/ci4app/system/DataCaster/Cast/TimestampCast.php b/ci4app/system/DataCaster/Cast/TimestampCast.php
new file mode 100644
index 0000000..aa94266
--- /dev/null
+++ b/ci4app/system/DataCaster/Cast/TimestampCast.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\DataCaster\Cast;
+
+use CodeIgniter\I18n\Time;
+
+/**
+ * Class TimestampCast
+ *
+ * (PHP) [Time --> int       ] --> (DB driver) --> (DB column) int
+ *       [     <-- int|string] <-- (DB driver) <-- (DB column) int
+ */
+class TimestampCast extends BaseCast
+{
+    public static function get(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): Time {
+        if (! is_int($value) && ! is_string($value)) {
+            self::invalidTypeValueError($value);
+        }
+
+        return Time::createFromTimestamp((int) $value, date_default_timezone_get());
+    }
+
+    public static function set(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): int {
+        if (! $value instanceof Time) {
+            self::invalidTypeValueError($value);
+        }
+
+        return $value->getTimestamp();
+    }
+}
diff --git a/ci4app/system/DataCaster/Cast/URICast.php b/ci4app/system/DataCaster/Cast/URICast.php
new file mode 100644
index 0000000..f9e2f56
--- /dev/null
+++ b/ci4app/system/DataCaster/Cast/URICast.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\DataCaster\Cast;
+
+use CodeIgniter\HTTP\URI;
+
+/**
+ * Class URICast
+ *
+ * (PHP) [URI --> string] --> (DB driver) --> (DB column) string
+ *       [    <-- string] <-- (DB driver) <-- (DB column) string
+ */
+class URICast extends BaseCast
+{
+    public static function get(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): URI {
+        if (! is_string($value)) {
+            self::invalidTypeValueError($value);
+        }
+
+        return new URI($value);
+    }
+
+    public static function set(
+        mixed $value,
+        array $params = [],
+        ?object $helper = null,
+    ): string {
+        if (! $value instanceof URI) {
+            self::invalidTypeValueError($value);
+        }
+
+        return (string) $value;
+    }
+}
diff --git a/ci4app/system/DataCaster/DataCaster.php b/ci4app/system/DataCaster/DataCaster.php
new file mode 100644
index 0000000..81ebe23
--- /dev/null
+++ b/ci4app/system/DataCaster/DataCaster.php
@@ -0,0 +1,187 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\DataCaster;
+
+use CodeIgniter\DataCaster\Cast\ArrayCast;
+use CodeIgniter\DataCaster\Cast\BooleanCast;
+use CodeIgniter\DataCaster\Cast\CastInterface;
+use CodeIgniter\DataCaster\Cast\CSVCast;
+use CodeIgniter\DataCaster\Cast\DatetimeCast;
+use CodeIgniter\DataCaster\Cast\FloatCast;
+use CodeIgniter\DataCaster\Cast\IntBoolCast;
+use CodeIgniter\DataCaster\Cast\IntegerCast;
+use CodeIgniter\DataCaster\Cast\JsonCast;
+use CodeIgniter\DataCaster\Cast\TimestampCast;
+use CodeIgniter\DataCaster\Cast\URICast;
+use CodeIgniter\Entity\Cast\CastInterface as EntityCastInterface;
+use CodeIgniter\Entity\Exceptions\CastException;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+
+final class DataCaster
+{
+    /**
+     * Array of field names and the type of value to cast.
+     *
+     * @var array<string, string> [field => type]
+     */
+    private array $types = [];
+
+    /**
+     * Convert handlers
+     *
+     * @var array<string, class-string> [type => classname]
+     */
+    private array $castHandlers = [
+        'array'     => ArrayCast::class,
+        'bool'      => BooleanCast::class,
+        'boolean'   => BooleanCast::class,
+        'csv'       => CSVCast::class,
+        'datetime'  => DatetimeCast::class,
+        'double'    => FloatCast::class,
+        'float'     => FloatCast::class,
+        'int'       => IntegerCast::class,
+        'integer'   => IntegerCast::class,
+        'int-bool'  => IntBoolCast::class,
+        'json'      => JsonCast::class,
+        'timestamp' => TimestampCast::class,
+        'uri'       => URICast::class,
+    ];
+
+    /**
+     * @param array<string, class-string>|null $castHandlers Custom convert handlers
+     * @param array<string, string>|null       $types        [field => type]
+     * @param object|null                      $helper       Helper object.
+     * @param bool                             $strict       Strict mode? Set to false for casts for Entity.
+     */
+    public function __construct(
+        ?array $castHandlers = null,
+        ?array $types = null,
+        private readonly ?object $helper = null,
+        private readonly bool $strict = true,
+    ) {
+        $this->castHandlers = array_merge($this->castHandlers, $castHandlers);
+
+        if ($types !== null) {
+            $this->setTypes($types);
+        }
+
+        if ($this->strict) {
+            foreach ($this->castHandlers as $handler) {
+                if (
+                    ! is_subclass_of($handler, CastInterface::class)
+                    && ! is_subclass_of($handler, EntityCastInterface::class)
+                ) {
+                    throw new InvalidArgumentException(
+                        'Invalid class type. It must implement CastInterface. class: ' . $handler,
+                    );
+                }
+            }
+        }
+    }
+
+    /**
+     * This method is only for Entity.
+     *
+     * @TODO if Entity::$casts is readonly, we don't need this method.
+     *
+     * @param array<string, string> $types [field => type]
+     *
+     * @return $this
+     *
+     * @internal
+     */
+    public function setTypes(array $types): static
+    {
+        $this->types = $types;
+
+        return $this;
+    }
+
+    /**
+     * Provides the ability to cast an item as a specific data type.
+     * Add ? at the beginning of the type (i.e. ?string) to get `null`
+     * instead of casting $value when $value is null.
+     *
+     * @param mixed       $value  The value to convert
+     * @param string      $field  The field name
+     * @param 'get'|'set' $method Allowed to "get" and "set"
+     */
+    public function castAs(mixed $value, string $field, string $method = 'get'): mixed
+    {
+        // If the type is not defined, return as it is.
+        if (! isset($this->types[$field])) {
+            return $value;
+        }
+
+        $type = $this->types[$field];
+
+        $isNullable = false;
+
+        // Is nullable?
+        if (str_starts_with($type, '?')) {
+            $isNullable = true;
+
+            if ($value === null) {
+                return null;
+            }
+
+            $type = substr($type, 1);
+        } elseif ($value === null) {
+            if ($this->strict) {
+                $message = 'Field "' . $field . '" is not nullable, but null was passed.';
+
+                throw new InvalidArgumentException($message);
+            }
+        }
+
+        // In order not to create a separate handler for the
+        // json-array type, we transform the required one.
+        $type = ($type === 'json-array') ? 'json[array]' : $type;
+
+        $params = [];
+
+        // Attempt to retrieve additional parameters if specified
+        // type[param, param2,param3]
+        if (preg_match('/\A(.+)\[(.+)\]\z/', $type, $matches)) {
+            $type   = $matches[1];
+            $params = array_map(trim(...), explode(',', $matches[2]));
+        }
+
+        if ($isNullable && ! $this->strict) {
+            $params[] = 'nullable';
+        }
+
+        $type = trim($type, '[]');
+
+        $handlers = $this->castHandlers;
+
+        if (! isset($handlers[$type])) {
+            throw new InvalidArgumentException(
+                'No such handler for "' . $field . '". Invalid type: ' . $type,
+            );
+        }
+
+        $handler = $handlers[$type];
+
+        if (
+            ! $this->strict
+            && ! is_subclass_of($handler, CastInterface::class)
+            && ! is_subclass_of($handler, EntityCastInterface::class)
+        ) {
+            throw CastException::forInvalidInterface($handler);
+        }
+
+        return $handler::$method($value, $params, $this->helper);
+    }
+}
diff --git a/ci4app/system/DataCaster/Exceptions/CastException.php b/ci4app/system/DataCaster/Exceptions/CastException.php
new file mode 100644
index 0000000..ff328b3
--- /dev/null
+++ b/ci4app/system/DataCaster/Exceptions/CastException.php
@@ -0,0 +1,23 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\DataCaster\Exceptions;
+
+use CodeIgniter\Entity\Exceptions\CastException as EntityCastException;
+
+/**
+ * CastException is thrown for invalid cast initialization and management.
+ */
+class CastException extends EntityCastException
+{
+}
diff --git a/ci4app/system/DataConverter/DataConverter.php b/ci4app/system/DataConverter/DataConverter.php
new file mode 100644
index 0000000..fa8353e
--- /dev/null
+++ b/ci4app/system/DataConverter/DataConverter.php
@@ -0,0 +1,201 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\DataConverter;
+
+use Closure;
+use CodeIgniter\DataCaster\DataCaster;
+use CodeIgniter\Entity\Entity;
+
+/**
+ * PHP data <==> DataSource data converter
+ *
+ * @template TEntity of object
+ *
+ * @see \CodeIgniter\DataConverter\DataConverterTest
+ */
+final class DataConverter
+{
+    /**
+     * The data caster.
+     */
+    private readonly DataCaster $dataCaster;
+
+    /**
+     * @param array<string, class-string> $castHandlers Custom convert handlers
+     *
+     * @internal
+     */
+    public function __construct(
+        /**
+         * Type definitions.
+         *
+         * @var array<string, string> [column => type]
+         */
+        private readonly array $types,
+        array $castHandlers = [],
+        /**
+         * Helper object.
+         */
+        private readonly ?object $helper = null,
+        /**
+         * Static reconstruct method name or closure to reconstruct an object.
+         * Used by reconstruct().
+         *
+         * @var (Closure(array<string, mixed>): TEntity)|string|null
+         */
+        private readonly Closure|string|null $reconstructor = 'reconstruct',
+        /**
+         * Extract method name or closure to extract data from an object.
+         * Used by extract().
+         *
+         * @var (Closure(TEntity, bool, bool): array<string, mixed>)|string|null
+         */
+        private readonly Closure|string|null $extractor = null,
+    ) {
+        $this->dataCaster = new DataCaster($castHandlers, $types, $this->helper);
+    }
+
+    /**
+     * Converts data from DataSource to PHP array with specified type values.
+     *
+     * @param array<string, mixed> $data DataSource data
+     *
+     * @internal
+     */
+    public function fromDataSource(array $data): array
+    {
+        foreach (array_keys($this->types) as $field) {
+            if (array_key_exists($field, $data)) {
+                $data[$field] = $this->dataCaster->castAs($data[$field], $field, 'get');
+            }
+        }
+
+        return $data;
+    }
+
+    /**
+     * Converts PHP array to data for DataSource field types.
+     *
+     * @param array<string, mixed> $phpData PHP data
+     *
+     * @internal
+     */
+    public function toDataSource(array $phpData): array
+    {
+        foreach (array_keys($this->types) as $field) {
+            if (array_key_exists($field, $phpData)) {
+                $phpData[$field] = $this->dataCaster->castAs($phpData[$field], $field, 'set');
+            }
+        }
+
+        return $phpData;
+    }
+
+    /**
+     * Takes database data array and creates a specified type object.
+     *
+     * @param class-string<TEntity> $classname
+     * @param array<string, mixed>  $row       Raw data from database
+     *
+     * @return TEntity
+     *
+     * @internal
+     */
+    public function reconstruct(string $classname, array $row): object
+    {
+        $phpData = $this->fromDataSource($row);
+
+        // Use static reconstruct method.
+        if (is_string($this->reconstructor) && method_exists($classname, $this->reconstructor)) {
+            $method = $this->reconstructor;
+
+            return $classname::$method($phpData);
+        }
+
+        // Use closure to reconstruct.
+        if ($this->reconstructor instanceof Closure) {
+            $closure = $this->reconstructor;
+
+            return $closure($phpData);
+        }
+
+        $classObj = new $classname();
+
+        if ($classObj instanceof Entity) {
+            $classObj->injectRawData($phpData);
+            $classObj->syncOriginal();
+
+            return $classObj;
+        }
+
+        $classSet = Closure::bind(function ($key, $value): void {
+            $this->{$key} = $value;
+        }, $classObj, $classname);
+
+        foreach ($phpData as $key => $value) {
+            $classSet($key, $value);
+        }
+
+        return $classObj;
+    }
+
+    /**
+     * Takes an object and extract properties as an array.
+     *
+     * @param bool $onlyChanged Only for CodeIgniter's Entity. If true, only returns
+     *                          values that have changed since object creation.
+     * @param bool $recursive   Only for CodeIgniter's Entity. If true, inner
+     *                          entities will be cast as array as well.
+     *
+     * @return array<string, mixed>
+     *
+     * @internal
+     */
+    public function extract(object $object, bool $onlyChanged = false, bool $recursive = false): array
+    {
+        // Use extractor method.
+        if (is_string($this->extractor) && method_exists($object, $this->extractor)) {
+            $method = $this->extractor;
+            $row    = $object->{$method}($onlyChanged, $recursive);
+
+            return $this->toDataSource($row);
+        }
+
+        // Use closure to extract.
+        if ($this->extractor instanceof Closure) {
+            $closure = $this->extractor;
+            $row     = $closure($object, $onlyChanged, $recursive);
+
+            return $this->toDataSource($row);
+        }
+
+        if ($object instanceof Entity) {
+            $row = $object->toRawArray($onlyChanged, $recursive);
+
+            return $this->toDataSource($row);
+        }
+
+        $array = (array) $object;
+
+        $row = [];
+
+        foreach ($array as $key => $value) {
+            $key = preg_replace('/\000.*\000/', '', $key);
+
+            $row[$key] = $value;
+        }
+
+        return $this->toDataSource($row);
+    }
+}
diff --git a/ci4app/system/Database/BaseBuilder.php b/ci4app/system/Database/BaseBuilder.php
new file mode 100644
index 0000000..82442fb
--- /dev/null
+++ b/ci4app/system/Database/BaseBuilder.php
@@ -0,0 +1,3602 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+use Closure;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Database\Exceptions\DataException;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Traits\ConditionalTrait;
+use Config\Feature;
+
+/**
+ * Class BaseBuilder
+ *
+ * Provides the core Query Builder methods.
+ * Database-specific Builders might need to override
+ * certain methods to make them work.
+ */
+class BaseBuilder
+{
+    use ConditionalTrait;
+
+    /**
+     * Reset DELETE data flag
+     *
+     * @var bool
+     */
+    protected $resetDeleteData = false;
+
+    /**
+     * QB SELECT data
+     *
+     * @var array
+     */
+    protected $QBSelect = [];
+
+    /**
+     * QB DISTINCT flag
+     *
+     * @var bool
+     */
+    protected $QBDistinct = false;
+
+    /**
+     * QB FROM data
+     *
+     * @var array
+     */
+    protected $QBFrom = [];
+
+    /**
+     * QB JOIN data
+     *
+     * @var array
+     */
+    protected $QBJoin = [];
+
+    /**
+     * QB WHERE data
+     *
+     * @var array
+     */
+    protected $QBWhere = [];
+
+    /**
+     * QB GROUP BY data
+     *
+     * @var array
+     */
+    public $QBGroupBy = [];
+
+    /**
+     * QB HAVING data
+     *
+     * @var array
+     */
+    protected $QBHaving = [];
+
+    /**
+     * QB keys
+     * list of column names.
+     *
+     * @var list<string>
+     */
+    protected $QBKeys = [];
+
+    /**
+     * QB LIMIT data
+     *
+     * @var bool|int
+     */
+    protected $QBLimit = false;
+
+    /**
+     * QB OFFSET data
+     *
+     * @var bool|int
+     */
+    protected $QBOffset = false;
+
+    /**
+     * QB ORDER BY data
+     *
+     * @var array|string|null
+     */
+    public $QBOrderBy = [];
+
+    /**
+     * QB UNION data
+     *
+     * @var list<string>
+     */
+    protected array $QBUnion = [];
+
+    /**
+     * Whether to protect identifiers in SELECT
+     *
+     * @var list<bool|null> true=protect, false=not protect
+     */
+    public $QBNoEscape = [];
+
+    /**
+     * QB data sets
+     *
+     * @var array<string, string>|list<list<int|string>>
+     */
+    protected $QBSet = [];
+
+    /**
+     * QB WHERE group started flag
+     *
+     * @var bool
+     */
+    protected $QBWhereGroupStarted = false;
+
+    /**
+     * QB WHERE group count
+     *
+     * @var int
+     */
+    protected $QBWhereGroupCount = 0;
+
+    /**
+     * Ignore data that cause certain
+     * exceptions, for example in case of
+     * duplicate keys.
+     *
+     * @var bool
+     */
+    protected $QBIgnore = false;
+
+    /**
+     * QB Options data
+     * Holds additional options and data used to render SQL
+     * and is reset by resetWrite()
+     *
+     * @var array{
+     *   updateFieldsAdditional?: array,
+     *   tableIdentity?: string,
+     *   updateFields?: array,
+     *   constraints?: array,
+     *   setQueryAsData?: string,
+     *   sql?: string,
+     *   alias?: string,
+     *   fieldTypes?: array<string, array<string, string>>
+     * }
+     *
+     * fieldTypes: [ProtectedTableName => [FieldName => Type]]
+     */
+    protected $QBOptions;
+
+    /**
+     * A reference to the database connection.
+     *
+     * @var BaseConnection
+     */
+    protected $db;
+
+    /**
+     * Name of the primary table for this instance.
+     * Tracked separately because $QBFrom gets escaped
+     * and prefixed.
+     *
+     * When $tableName to the constructor has multiple tables,
+     * the value is empty string.
+     *
+     * @var string
+     */
+    protected $tableName;
+
+    /**
+     * ORDER BY random keyword
+     *
+     * @var array
+     */
+    protected $randomKeyword = [
+        'RAND()',
+        'RAND(%d)',
+    ];
+
+    /**
+     * COUNT string
+     *
+     * @used-by CI_DB_driver::count_all()
+     * @used-by BaseBuilder::count_all_results()
+     *
+     * @var string
+     */
+    protected $countString = 'SELECT COUNT(*) AS ';
+
+    /**
+     * Collects the named parameters and
+     * their values for later binding
+     * in the Query object.
+     *
+     * @var array
+     */
+    protected $binds = [];
+
+    /**
+     * Collects the key count for named parameters
+     * in the Query object.
+     *
+     * @var array
+     */
+    protected $bindsKeyCount = [];
+
+    /**
+     * Some databases, like SQLite, do not by default
+     * allow limiting of delete clauses.
+     *
+     * @var bool
+     */
+    protected $canLimitDeletes = true;
+
+    /**
+     * Some databases do not by default
+     * allow limit update queries with WHERE.
+     *
+     * @var bool
+     */
+    protected $canLimitWhereUpdates = true;
+
+    /**
+     * Specifies which sql statements
+     * support the ignore option.
+     *
+     * @var array<string, string>
+     */
+    protected $supportedIgnoreStatements = [];
+
+    /**
+     * Builder testing mode status.
+     *
+     * @var bool
+     */
+    protected $testMode = false;
+
+    /**
+     * Tables relation types
+     *
+     * @var array
+     */
+    protected $joinTypes = [
+        'LEFT',
+        'RIGHT',
+        'OUTER',
+        'INNER',
+        'LEFT OUTER',
+        'RIGHT OUTER',
+    ];
+
+    /**
+     * Strings that determine if a string represents a literal value or a field name
+     *
+     * @var list<string>
+     */
+    protected $isLiteralStr = [];
+
+    /**
+     * RegExp used to get operators
+     *
+     * @var list<string>
+     */
+    protected $pregOperators = [];
+
+    /**
+     * Constructor
+     *
+     * @param array|string|TableName $tableName tablename or tablenames with or without aliases
+     *
+     * Examples of $tableName: `mytable`, `jobs j`, `jobs j, users u`, `['jobs j','users u']`
+     *
+     * @throws DatabaseException
+     */
+    public function __construct($tableName, ConnectionInterface $db, ?array $options = null)
+    {
+        if (empty($tableName)) {
+            throw new DatabaseException('A table must be specified when creating a new Query Builder.');
+        }
+
+        /**
+         * @var BaseConnection $db
+         */
+        $this->db = $db;
+
+        if ($tableName instanceof TableName) {
+            $this->tableName = $tableName->getTableName();
+            $this->QBFrom[]  = $this->db->escapeIdentifier($tableName);
+            $this->db->addTableAlias($tableName->getAlias());
+        }
+        // If it contains `,`, it has multiple tables
+        elseif (is_string($tableName) && ! str_contains($tableName, ',')) {
+            $this->tableName = $tableName;  // @TODO remove alias if exists
+            $this->from($tableName);
+        } else {
+            $this->tableName = '';
+            $this->from($tableName);
+        }
+
+        if ($options !== null && $options !== []) {
+            foreach ($options as $key => $value) {
+                if (property_exists($this, $key)) {
+                    $this->{$key} = $value;
+                }
+            }
+        }
+    }
+
+    /**
+     * Returns the current database connection
+     *
+     * @return BaseConnection
+     */
+    public function db(): ConnectionInterface
+    {
+        return $this->db;
+    }
+
+    /**
+     * Sets a test mode status.
+     *
+     * @return $this
+     */
+    public function testMode(bool $mode = true)
+    {
+        $this->testMode = $mode;
+
+        return $this;
+    }
+
+    /**
+     * Gets the name of the primary table.
+     */
+    public function getTable(): string
+    {
+        return $this->tableName;
+    }
+
+    /**
+     * Returns an array of bind values and their
+     * named parameters for binding in the Query object later.
+     */
+    public function getBinds(): array
+    {
+        return $this->binds;
+    }
+
+    /**
+     * Ignore
+     *
+     * Set ignore Flag for next insert,
+     * update or delete query.
+     *
+     * @return $this
+     */
+    public function ignore(bool $ignore = true)
+    {
+        $this->QBIgnore = $ignore;
+
+        return $this;
+    }
+
+    /**
+     * Generates the SELECT portion of the query
+     *
+     * @param list<RawSql|string>|RawSql|string $select
+     * @param bool|null                         $escape Whether to protect identifiers
+     *
+     * @return $this
+     */
+    public function select($select = '*', ?bool $escape = null)
+    {
+        // If the escape value was not set, we will base it on the global setting
+        if (! is_bool($escape)) {
+            $escape = $this->db->protectIdentifiers;
+        }
+
+        if ($select instanceof RawSql) {
+            $select = [$select];
+        }
+
+        if (is_string($select)) {
+            $select = ($escape === false) ? [$select] : explode(',', $select);
+        }
+
+        foreach ($select as $val) {
+            if ($val instanceof RawSql) {
+                $this->QBSelect[]   = $val;
+                $this->QBNoEscape[] = false;
+
+                continue;
+            }
+
+            $val = trim($val);
+
+            if ($val !== '') {
+                $this->QBSelect[] = $val;
+
+                /*
+                 * When doing 'SELECT NULL as field_alias FROM table'
+                 * null gets taken as a field, and therefore escaped
+                 * with backticks.
+                 * This prevents NULL being escaped
+                 * @see https://github.com/codeigniter4/CodeIgniter4/issues/1169
+                 */
+                if (mb_stripos($val, 'NULL') === 0) {
+                    $this->QBNoEscape[] = false;
+
+                    continue;
+                }
+
+                $this->QBNoEscape[] = $escape;
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * Generates a SELECT MAX(field) portion of a query
+     *
+     * @return $this
+     */
+    public function selectMax(string $select = '', string $alias = '')
+    {
+        return $this->maxMinAvgSum($select, $alias);
+    }
+
+    /**
+     * Generates a SELECT MIN(field) portion of a query
+     *
+     * @return $this
+     */
+    public function selectMin(string $select = '', string $alias = '')
+    {
+        return $this->maxMinAvgSum($select, $alias, 'MIN');
+    }
+
+    /**
+     * Generates a SELECT AVG(field) portion of a query
+     *
+     * @return $this
+     */
+    public function selectAvg(string $select = '', string $alias = '')
+    {
+        return $this->maxMinAvgSum($select, $alias, 'AVG');
+    }
+
+    /**
+     * Generates a SELECT SUM(field) portion of a query
+     *
+     * @return $this
+     */
+    public function selectSum(string $select = '', string $alias = '')
+    {
+        return $this->maxMinAvgSum($select, $alias, 'SUM');
+    }
+
+    /**
+     * Generates a SELECT COUNT(field) portion of a query
+     *
+     * @return $this
+     */
+    public function selectCount(string $select = '', string $alias = '')
+    {
+        return $this->maxMinAvgSum($select, $alias, 'COUNT');
+    }
+
+    /**
+     * Adds a subquery to the selection
+     */
+    public function selectSubquery(BaseBuilder $subquery, string $as): self
+    {
+        $this->QBSelect[] = $this->buildSubquery($subquery, true, $as);
+
+        return $this;
+    }
+
+    /**
+     * SELECT [MAX|MIN|AVG|SUM|COUNT]()
+     *
+     * @used-by selectMax()
+     * @used-by selectMin()
+     * @used-by selectAvg()
+     * @used-by selectSum()
+     *
+     * @return $this
+     *
+     * @throws DatabaseException
+     * @throws DataException
+     */
+    protected function maxMinAvgSum(string $select = '', string $alias = '', string $type = 'MAX')
+    {
+        if ($select === '') {
+            throw DataException::forEmptyInputGiven('Select');
+        }
+
+        if (str_contains($select, ',')) {
+            throw DataException::forInvalidArgument('column name not separated by comma');
+        }
+
+        $type = strtoupper($type);
+
+        if (! in_array($type, ['MAX', 'MIN', 'AVG', 'SUM', 'COUNT'], true)) {
+            throw new DatabaseException('Invalid function type: ' . $type);
+        }
+
+        if ($alias === '') {
+            $alias = $this->createAliasFromTable(trim($select));
+        }
+
+        $sql = $type . '(' . $this->db->protectIdentifiers(trim($select)) . ') AS ' . $this->db->escapeIdentifiers(trim($alias));
+
+        $this->QBSelect[]   = $sql;
+        $this->QBNoEscape[] = null;
+
+        return $this;
+    }
+
+    /**
+     * Determines the alias name based on the table
+     */
+    protected function createAliasFromTable(string $item): string
+    {
+        if (str_contains($item, '.')) {
+            $item = explode('.', $item);
+
+            return end($item);
+        }
+
+        return $item;
+    }
+
+    /**
+     * Sets a flag which tells the query string compiler to add DISTINCT
+     *
+     * @return $this
+     */
+    public function distinct(bool $val = true)
+    {
+        $this->QBDistinct = $val;
+
+        return $this;
+    }
+
+    /**
+     * Generates the FROM portion of the query
+     *
+     * @param array|string $from
+     *
+     * @return $this
+     */
+    public function from($from, bool $overwrite = false): self
+    {
+        if ($overwrite) {
+            $this->QBFrom = [];
+            $this->db->setAliasedTables([]);
+        }
+
+        foreach ((array) $from as $table) {
+            if (str_contains($table, ',')) {
+                $this->from(explode(',', $table));
+            } else {
+                $table = trim($table);
+
+                if ($table === '') {
+                    continue;
+                }
+
+                $this->trackAliases($table);
+                $this->QBFrom[] = $this->db->protectIdentifiers($table, true, null, false);
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * @param BaseBuilder $from  Expected subquery
+     * @param string      $alias Subquery alias
+     *
+     * @return $this
+     */
+    public function fromSubquery(BaseBuilder $from, string $alias): self
+    {
+        $table = $this->buildSubquery($from, true, $alias);
+
+        $this->db->addTableAlias($alias);
+        $this->QBFrom[] = $table;
+
+        return $this;
+    }
+
+    /**
+     * Generates the JOIN portion of the query
+     *
+     * @param RawSql|string $cond
+     *
+     * @return $this
+     */
+    public function join(string $table, $cond, string $type = '', ?bool $escape = null)
+    {
+        if ($type !== '') {
+            $type = strtoupper(trim($type));
+
+            if (! in_array($type, $this->joinTypes, true)) {
+                $type = '';
+            } else {
+                $type .= ' ';
+            }
+        }
+
+        // Extract any aliases that might exist. We use this information
+        // in the protectIdentifiers to know whether to add a table prefix
+        $this->trackAliases($table);
+
+        if (! is_bool($escape)) {
+            $escape = $this->db->protectIdentifiers;
+        }
+
+        // Do we want to escape the table name?
+        if ($escape === true) {
+            $table = $this->db->protectIdentifiers($table, true, null, false);
+        }
+
+        if ($cond instanceof RawSql) {
+            $this->QBJoin[] = $type . 'JOIN ' . $table . ' ON ' . $cond;
+
+            return $this;
+        }
+
+        if (! $this->hasOperator($cond)) {
+            $cond = ' USING (' . ($escape ? $this->db->escapeIdentifiers($cond) : $cond) . ')';
+        } elseif ($escape === false) {
+            $cond = ' ON ' . $cond;
+        } else {
+            // Split multiple conditions
+            // @TODO This does not parse `BETWEEN a AND b` correctly.
+            if (preg_match_all('/\sAND\s|\sOR\s/i', $cond, $joints, PREG_OFFSET_CAPTURE) >= 1) {
+                $conditions = [];
+                $joints     = $joints[0];
+                array_unshift($joints, ['', 0]);
+
+                for ($i = count($joints) - 1, $pos = strlen($cond); $i >= 0; $i--) {
+                    $joints[$i][1] += strlen($joints[$i][0]); // offset
+                    $conditions[$i] = substr($cond, $joints[$i][1], $pos - $joints[$i][1]);
+                    $pos            = $joints[$i][1] - strlen($joints[$i][0]);
+                    $joints[$i]     = $joints[$i][0];
+                }
+                ksort($conditions);
+            } else {
+                $conditions = [$cond];
+                $joints     = [''];
+            }
+
+            $cond = ' ON ';
+
+            foreach ($conditions as $i => $condition) {
+                $operator = $this->getOperator($condition);
+
+                // Workaround for BETWEEN
+                if ($operator === false) {
+                    $cond .= $joints[$i] . $condition;
+
+                    continue;
+                }
+
+                $cond .= $joints[$i];
+                $cond .= preg_match('/(\(*)?([\[\]\w\.\'-]+)' . preg_quote($operator, '/') . '(.*)/i', $condition, $match) ? $match[1] . $this->db->protectIdentifiers($match[2]) . $operator . $this->db->protectIdentifiers($match[3]) : $condition;
+            }
+        }
+
+        // Assemble the JOIN statement
+        $this->QBJoin[] = $type . 'JOIN ' . $table . $cond;
+
+        return $this;
+    }
+
+    /**
+     * Generates the WHERE portion of the query.
+     * Separates multiple calls with 'AND'.
+     *
+     * @param array|RawSql|string $key
+     * @param mixed               $value
+     *
+     * @return $this
+     */
+    public function where($key, $value = null, ?bool $escape = null)
+    {
+        return $this->whereHaving('QBWhere', $key, $value, 'AND ', $escape);
+    }
+
+    /**
+     * OR WHERE
+     *
+     * Generates the WHERE portion of the query.
+     * Separates multiple calls with 'OR'.
+     *
+     * @param array|RawSql|string $key
+     * @param mixed               $value
+     *
+     * @return $this
+     */
+    public function orWhere($key, $value = null, ?bool $escape = null)
+    {
+        return $this->whereHaving('QBWhere', $key, $value, 'OR ', $escape);
+    }
+
+    /**
+     * @used-by where()
+     * @used-by orWhere()
+     * @used-by having()
+     * @used-by orHaving()
+     *
+     * @param array|RawSql|string $key
+     * @param mixed               $value
+     *
+     * @return $this
+     */
+    protected function whereHaving(string $qbKey, $key, $value = null, string $type = 'AND ', ?bool $escape = null)
+    {
+        $rawSqlOnly = false;
+
+        if ($key instanceof RawSql) {
+            if ($value === null) {
+                $keyValue   = [(string) $key => $key];
+                $rawSqlOnly = true;
+            } else {
+                $keyValue = [(string) $key => $value];
+            }
+        } elseif (! is_array($key)) {
+            $keyValue = [$key => $value];
+        } else {
+            $keyValue = $key;
+        }
+
+        // If the escape value was not set will base it on the global setting
+        if (! is_bool($escape)) {
+            $escape = $this->db->protectIdentifiers;
+        }
+
+        foreach ($keyValue as $k => $v) {
+            $prefix = empty($this->{$qbKey}) ? $this->groupGetType('') : $this->groupGetType($type);
+
+            if ($rawSqlOnly) {
+                $k  = '';
+                $op = '';
+            } elseif ($v !== null) {
+                $op = $this->getOperatorFromWhereKey($k);
+
+                if (! empty($op)) {
+                    $k = trim($k);
+
+                    end($op);
+                    $op = trim(current($op));
+
+                    // Does the key end with operator?
+                    if (str_ends_with($k, $op)) {
+                        $k  = rtrim(substr($k, 0, -strlen($op)));
+                        $op = " {$op}";
+                    } else {
+                        $op = '';
+                    }
+                } else {
+                    $op = ' =';
+                }
+
+                if ($this->isSubquery($v)) {
+                    $v = $this->buildSubquery($v, true);
+                } else {
+                    $bind = $this->setBind($k, $v, $escape);
+                    $v    = " :{$bind}:";
+                }
+            } elseif (! $this->hasOperator($k) && $qbKey !== 'QBHaving') {
+                // value appears not to have been set, assign the test to IS NULL
+                $op = ' IS NULL';
+            } elseif (
+                // The key ends with !=, =, <>, IS, IS NOT
+                preg_match(
+                    '/\s*(!?=|<>|IS(?:\s+NOT)?)\s*$/i',
+                    $k,
+                    $match,
+                    PREG_OFFSET_CAPTURE,
+                )
+            ) {
+                $k  = substr($k, 0, $match[0][1]);
+                $op = $match[1][0] === '=' ? ' IS NULL' : ' IS NOT NULL';
+            } else {
+                $op = '';
+            }
+
+            if ($v instanceof RawSql) {
+                $this->{$qbKey}[] = [
+                    'condition' => $v->with($prefix . $k . $op . $v),
+                    'escape'    => $escape,
+                ];
+            } else {
+                $this->{$qbKey}[] = [
+                    'condition' => $prefix . $k . $op . $v,
+                    'escape'    => $escape,
+                ];
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * Generates a WHERE field IN('item', 'item') SQL query,
+     * joined with 'AND' if appropriate.
+     *
+     * @param array|BaseBuilder|(Closure(BaseBuilder): BaseBuilder)|null $values The values searched on, or anonymous function with subquery
+     *
+     * @return $this
+     */
+    public function whereIn(?string $key = null, $values = null, ?bool $escape = null)
+    {
+        return $this->_whereIn($key, $values, false, 'AND ', $escape);
+    }
+
+    /**
+     * Generates a WHERE field IN('item', 'item') SQL query,
+     * joined with 'OR' if appropriate.
+     *
+     * @param array|BaseBuilder|(Closure(BaseBuilder): BaseBuilder)|null $values The values searched on, or anonymous function with subquery
+     *
+     * @return $this
+     */
+    public function orWhereIn(?string $key = null, $values = null, ?bool $escape = null)
+    {
+        return $this->_whereIn($key, $values, false, 'OR ', $escape);
+    }
+
+    /**
+     * Generates a WHERE field NOT IN('item', 'item') SQL query,
+     * joined with 'AND' if appropriate.
+     *
+     * @param array|BaseBuilder|(Closure(BaseBuilder): BaseBuilder)|null $values The values searched on, or anonymous function with subquery
+     *
+     * @return $this
+     */
+    public function whereNotIn(?string $key = null, $values = null, ?bool $escape = null)
+    {
+        return $this->_whereIn($key, $values, true, 'AND ', $escape);
+    }
+
+    /**
+     * Generates a WHERE field NOT IN('item', 'item') SQL query,
+     * joined with 'OR' if appropriate.
+     *
+     * @param array|BaseBuilder|(Closure(BaseBuilder): BaseBuilder)|null $values The values searched on, or anonymous function with subquery
+     *
+     * @return $this
+     */
+    public function orWhereNotIn(?string $key = null, $values = null, ?bool $escape = null)
+    {
+        return $this->_whereIn($key, $values, true, 'OR ', $escape);
+    }
+
+    /**
+     * Generates a HAVING field IN('item', 'item') SQL query,
+     * joined with 'AND' if appropriate.
+     *
+     * @param array|BaseBuilder|(Closure(BaseBuilder): BaseBuilder)|null $values The values searched on, or anonymous function with subquery
+     *
+     * @return $this
+     */
+    public function havingIn(?string $key = null, $values = null, ?bool $escape = null)
+    {
+        return $this->_whereIn($key, $values, false, 'AND ', $escape, 'QBHaving');
+    }
+
+    /**
+     * Generates a HAVING field IN('item', 'item') SQL query,
+     * joined with 'OR' if appropriate.
+     *
+     * @param array|BaseBuilder|(Closure(BaseBuilder): BaseBuilder)|null $values The values searched on, or anonymous function with subquery
+     *
+     * @return $this
+     */
+    public function orHavingIn(?string $key = null, $values = null, ?bool $escape = null)
+    {
+        return $this->_whereIn($key, $values, false, 'OR ', $escape, 'QBHaving');
+    }
+
+    /**
+     * Generates a HAVING field NOT IN('item', 'item') SQL query,
+     * joined with 'AND' if appropriate.
+     *
+     * @param array|BaseBuilder|(Closure(BaseBuilder):BaseBuilder)|null $values The values searched on, or anonymous function with subquery
+     *
+     * @return $this
+     */
+    public function havingNotIn(?string $key = null, $values = null, ?bool $escape = null)
+    {
+        return $this->_whereIn($key, $values, true, 'AND ', $escape, 'QBHaving');
+    }
+
+    /**
+     * Generates a HAVING field NOT IN('item', 'item') SQL query,
+     * joined with 'OR' if appropriate.
+     *
+     * @param array|BaseBuilder|(Closure(BaseBuilder): BaseBuilder)|null $values The values searched on, or anonymous function with subquery
+     *
+     * @return $this
+     */
+    public function orHavingNotIn(?string $key = null, $values = null, ?bool $escape = null)
+    {
+        return $this->_whereIn($key, $values, true, 'OR ', $escape, 'QBHaving');
+    }
+
+    /**
+     * @used-by WhereIn()
+     * @used-by orWhereIn()
+     * @used-by whereNotIn()
+     * @used-by orWhereNotIn()
+     *
+     * @param non-empty-string|null                                      $key
+     * @param array|BaseBuilder|(Closure(BaseBuilder): BaseBuilder)|null $values The values searched on, or anonymous function with subquery
+     *
+     * @return $this
+     *
+     * @throws InvalidArgumentException
+     */
+    protected function _whereIn(?string $key = null, $values = null, bool $not = false, string $type = 'AND ', ?bool $escape = null, string $clause = 'QBWhere')
+    {
+        if ($key === null || $key === '') {
+            throw new InvalidArgumentException(sprintf('%s() expects $key to be a non-empty string', debug_backtrace(0, 2)[1]['function']));
+        }
+
+        if ($values === null || (! is_array($values) && ! $this->isSubquery($values))) {
+            throw new InvalidArgumentException(sprintf('%s() expects $values to be of type array or closure', debug_backtrace(0, 2)[1]['function']));
+        }
+
+        if (! is_bool($escape)) {
+            $escape = $this->db->protectIdentifiers;
+        }
+
+        $ok = $key;
+
+        if ($escape === true) {
+            $key = $this->db->protectIdentifiers($key);
+        }
+
+        $not = ($not) ? ' NOT' : '';
+
+        if ($this->isSubquery($values)) {
+            $whereIn = $this->buildSubquery($values, true);
+            $escape  = false;
+        } else {
+            $whereIn = array_values($values);
+        }
+
+        $ok = $this->setBind($ok, $whereIn, $escape);
+
+        $prefix = empty($this->{$clause}) ? $this->groupGetType('') : $this->groupGetType($type);
+
+        $whereIn = [
+            'condition' => "{$prefix}{$key}{$not} IN :{$ok}:",
+            'escape'    => false,
+        ];
+
+        $this->{$clause}[] = $whereIn;
+
+        return $this;
+    }
+
+    /**
+     * Generates a %LIKE% portion of the query.
+     * Separates multiple calls with 'AND'.
+     *
+     * @param array|RawSql|string $field
+     *
+     * @return $this
+     */
+    public function like($field, string $match = '', string $side = 'both', ?bool $escape = null, bool $insensitiveSearch = false)
+    {
+        return $this->_like($field, $match, 'AND ', $side, '', $escape, $insensitiveSearch);
+    }
+
+    /**
+     * Generates a NOT LIKE portion of the query.
+     * Separates multiple calls with 'AND'.
+     *
+     * @param array|RawSql|string $field
+     *
+     * @return $this
+     */
+    public function notLike($field, string $match = '', string $side = 'both', ?bool $escape = null, bool $insensitiveSearch = false)
+    {
+        return $this->_like($field, $match, 'AND ', $side, 'NOT', $escape, $insensitiveSearch);
+    }
+
+    /**
+     * Generates a %LIKE% portion of the query.
+     * Separates multiple calls with 'OR'.
+     *
+     * @param array|RawSql|string $field
+     *
+     * @return $this
+     */
+    public function orLike($field, string $match = '', string $side = 'both', ?bool $escape = null, bool $insensitiveSearch = false)
+    {
+        return $this->_like($field, $match, 'OR ', $side, '', $escape, $insensitiveSearch);
+    }
+
+    /**
+     * Generates a NOT LIKE portion of the query.
+     * Separates multiple calls with 'OR'.
+     *
+     * @param array|RawSql|string $field
+     *
+     * @return $this
+     */
+    public function orNotLike($field, string $match = '', string $side = 'both', ?bool $escape = null, bool $insensitiveSearch = false)
+    {
+        return $this->_like($field, $match, 'OR ', $side, 'NOT', $escape, $insensitiveSearch);
+    }
+
+    /**
+     * Generates a %LIKE% portion of the query.
+     * Separates multiple calls with 'AND'.
+     *
+     * @param array|RawSql|string $field
+     *
+     * @return $this
+     */
+    public function havingLike($field, string $match = '', string $side = 'both', ?bool $escape = null, bool $insensitiveSearch = false)
+    {
+        return $this->_like($field, $match, 'AND ', $side, '', $escape, $insensitiveSearch, 'QBHaving');
+    }
+
+    /**
+     * Generates a NOT LIKE portion of the query.
+     * Separates multiple calls with 'AND'.
+     *
+     * @param array|RawSql|string $field
+     *
+     * @return $this
+     */
+    public function notHavingLike($field, string $match = '', string $side = 'both', ?bool $escape = null, bool $insensitiveSearch = false)
+    {
+        return $this->_like($field, $match, 'AND ', $side, 'NOT', $escape, $insensitiveSearch, 'QBHaving');
+    }
+
+    /**
+     * Generates a %LIKE% portion of the query.
+     * Separates multiple calls with 'OR'.
+     *
+     * @param array|RawSql|string $field
+     *
+     * @return $this
+     */
+    public function orHavingLike($field, string $match = '', string $side = 'both', ?bool $escape = null, bool $insensitiveSearch = false)
+    {
+        return $this->_like($field, $match, 'OR ', $side, '', $escape, $insensitiveSearch, 'QBHaving');
+    }
+
+    /**
+     * Generates a NOT LIKE portion of the query.
+     * Separates multiple calls with 'OR'.
+     *
+     * @param array|RawSql|string $field
+     *
+     * @return $this
+     */
+    public function orNotHavingLike($field, string $match = '', string $side = 'both', ?bool $escape = null, bool $insensitiveSearch = false)
+    {
+        return $this->_like($field, $match, 'OR ', $side, 'NOT', $escape, $insensitiveSearch, 'QBHaving');
+    }
+
+    /**
+     * @used-by like()
+     * @used-by orLike()
+     * @used-by notLike()
+     * @used-by orNotLike()
+     * @used-by havingLike()
+     * @used-by orHavingLike()
+     * @used-by notHavingLike()
+     * @used-by orNotHavingLike()
+     *
+     * @param array<string, string>|RawSql|string $field
+     *
+     * @return $this
+     */
+    protected function _like($field, string $match = '', string $type = 'AND ', string $side = 'both', string $not = '', ?bool $escape = null, bool $insensitiveSearch = false, string $clause = 'QBWhere')
+    {
+        $escape = is_bool($escape) ? $escape : $this->db->protectIdentifiers;
+        $side   = strtolower($side);
+
+        if ($field instanceof RawSql) {
+            $k                 = (string) $field;
+            $v                 = $match;
+            $insensitiveSearch = false;
+
+            $prefix = empty($this->{$clause}) ? $this->groupGetType('') : $this->groupGetType($type);
+
+            if ($side === 'none') {
+                $bind = $this->setBind($field->getBindingKey(), $v, $escape);
+            } elseif ($side === 'before') {
+                $bind = $this->setBind($field->getBindingKey(), "%{$v}", $escape);
+            } elseif ($side === 'after') {
+                $bind = $this->setBind($field->getBindingKey(), "{$v}%", $escape);
+            } else {
+                $bind = $this->setBind($field->getBindingKey(), "%{$v}%", $escape);
+            }
+
+            $likeStatement = $this->_like_statement($prefix, $k, $not, $bind, $insensitiveSearch);
+
+            // some platforms require an escape sequence definition for LIKE wildcards
+            if ($escape === true && $this->db->likeEscapeStr !== '') {
+                $likeStatement .= sprintf($this->db->likeEscapeStr, $this->db->likeEscapeChar);
+            }
+
+            $this->{$clause}[] = [
+                'condition' => $field->with($likeStatement),
+                'escape'    => $escape,
+            ];
+
+            return $this;
+        }
+
+        $keyValue = ! is_array($field) ? [$field => $match] : $field;
+
+        foreach ($keyValue as $k => $v) {
+            if ($insensitiveSearch) {
+                $v = mb_strtolower($v, 'UTF-8');
+            }
+
+            $prefix = empty($this->{$clause}) ? $this->groupGetType('') : $this->groupGetType($type);
+
+            if ($side === 'none') {
+                $bind = $this->setBind($k, $v, $escape);
+            } elseif ($side === 'before') {
+                $bind = $this->setBind($k, "%{$v}", $escape);
+            } elseif ($side === 'after') {
+                $bind = $this->setBind($k, "{$v}%", $escape);
+            } else {
+                $bind = $this->setBind($k, "%{$v}%", $escape);
+            }
+
+            $likeStatement = $this->_like_statement($prefix, $k, $not, $bind, $insensitiveSearch);
+
+            // some platforms require an escape sequence definition for LIKE wildcards
+            if ($escape === true && $this->db->likeEscapeStr !== '') {
+                $likeStatement .= sprintf($this->db->likeEscapeStr, $this->db->likeEscapeChar);
+            }
+
+            $this->{$clause}[] = [
+                'condition' => $likeStatement,
+                'escape'    => $escape,
+            ];
+        }
+
+        return $this;
+    }
+
+    /**
+     * Platform independent LIKE statement builder.
+     */
+    protected function _like_statement(?string $prefix, string $column, ?string $not, string $bind, bool $insensitiveSearch = false): string
+    {
+        if ($insensitiveSearch) {
+            return "{$prefix} LOWER(" . $this->db->escapeIdentifiers($column) . ") {$not} LIKE :{$bind}:";
+        }
+
+        return "{$prefix} {$column} {$not} LIKE :{$bind}:";
+    }
+
+    /**
+     * Add UNION statement
+     *
+     * @param BaseBuilder|Closure(BaseBuilder): BaseBuilder $union
+     *
+     * @return $this
+     */
+    public function union($union)
+    {
+        return $this->addUnionStatement($union);
+    }
+
+    /**
+     * Add UNION ALL statement
+     *
+     * @param BaseBuilder|Closure(BaseBuilder): BaseBuilder $union
+     *
+     * @return $this
+     */
+    public function unionAll($union)
+    {
+        return $this->addUnionStatement($union, true);
+    }
+
+    /**
+     * @used-by union()
+     * @used-by unionAll()
+     *
+     * @param BaseBuilder|Closure(BaseBuilder): BaseBuilder $union
+     *
+     * @return $this
+     */
+    protected function addUnionStatement($union, bool $all = false)
+    {
+        $this->QBUnion[] = "\nUNION "
+            . ($all ? 'ALL ' : '')
+            . 'SELECT * FROM '
+            . $this->buildSubquery($union, true, 'uwrp' . (count($this->QBUnion) + 1));
+
+        return $this;
+    }
+
+    /**
+     * Starts a query group.
+     *
+     * @return $this
+     */
+    public function groupStart()
+    {
+        return $this->groupStartPrepare();
+    }
+
+    /**
+     * Starts a query group, but ORs the group
+     *
+     * @return $this
+     */
+    public function orGroupStart()
+    {
+        return $this->groupStartPrepare('', 'OR ');
+    }
+
+    /**
+     * Starts a query group, but NOTs the group
+     *
+     * @return $this
+     */
+    public function notGroupStart()
+    {
+        return $this->groupStartPrepare('NOT ');
+    }
+
+    /**
+     * Starts a query group, but OR NOTs the group
+     *
+     * @return $this
+     */
+    public function orNotGroupStart()
+    {
+        return $this->groupStartPrepare('NOT ', 'OR ');
+    }
+
+    /**
+     * Ends a query group
+     *
+     * @return $this
+     */
+    public function groupEnd()
+    {
+        return $this->groupEndPrepare();
+    }
+
+    /**
+     * Starts a query group for HAVING clause.
+     *
+     * @return $this
+     */
+    public function havingGroupStart()
+    {
+        return $this->groupStartPrepare('', 'AND ', 'QBHaving');
+    }
+
+    /**
+     * Starts a query group for HAVING clause, but ORs the group.
+     *
+     * @return $this
+     */
+    public function orHavingGroupStart()
+    {
+        return $this->groupStartPrepare('', 'OR ', 'QBHaving');
+    }
+
+    /**
+     * Starts a query group for HAVING clause, but NOTs the group.
+     *
+     * @return $this
+     */
+    public function notHavingGroupStart()
+    {
+        return $this->groupStartPrepare('NOT ', 'AND ', 'QBHaving');
+    }
+
+    /**
+     * Starts a query group for HAVING clause, but OR NOTs the group.
+     *
+     * @return $this
+     */
+    public function orNotHavingGroupStart()
+    {
+        return $this->groupStartPrepare('NOT ', 'OR ', 'QBHaving');
+    }
+
+    /**
+     * Ends a query group for HAVING clause.
+     *
+     * @return $this
+     */
+    public function havingGroupEnd()
+    {
+        return $this->groupEndPrepare('QBHaving');
+    }
+
+    /**
+     * Prepate a query group start.
+     *
+     * @return $this
+     */
+    protected function groupStartPrepare(string $not = '', string $type = 'AND ', string $clause = 'QBWhere')
+    {
+        $type = $this->groupGetType($type);
+
+        $this->QBWhereGroupStarted = true;
+        $prefix                    = empty($this->{$clause}) ? '' : $type;
+        $where                     = [
+            'condition' => $prefix . $not . str_repeat(' ', ++$this->QBWhereGroupCount) . ' (',
+            'escape'    => false,
+        ];
+
+        $this->{$clause}[] = $where;
+
+        return $this;
+    }
+
+    /**
+     * Prepate a query group end.
+     *
+     * @return $this
+     */
+    protected function groupEndPrepare(string $clause = 'QBWhere')
+    {
+        $this->QBWhereGroupStarted = false;
+        $where                     = [
+            'condition' => str_repeat(' ', $this->QBWhereGroupCount--) . ')',
+            'escape'    => false,
+        ];
+
+        $this->{$clause}[] = $where;
+
+        return $this;
+    }
+
+    /**
+     * @used-by groupStart()
+     * @used-by _like()
+     * @used-by whereHaving()
+     * @used-by _whereIn()
+     * @used-by havingGroupStart()
+     */
+    protected function groupGetType(string $type): string
+    {
+        if ($this->QBWhereGroupStarted) {
+            $type                      = '';
+            $this->QBWhereGroupStarted = false;
+        }
+
+        return $type;
+    }
+
+    /**
+     * @param array|string $by
+     *
+     * @return $this
+     */
+    public function groupBy($by, ?bool $escape = null)
+    {
+        if (! is_bool($escape)) {
+            $escape = $this->db->protectIdentifiers;
+        }
+
+        if (is_string($by)) {
+            $by = ($escape === true) ? explode(',', $by) : [$by];
+        }
+
+        foreach ($by as $val) {
+            $val = trim($val);
+
+            if ($val !== '') {
+                $val = [
+                    'field'  => $val,
+                    'escape' => $escape,
+                ];
+
+                $this->QBGroupBy[] = $val;
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * Separates multiple calls with 'AND'.
+     *
+     * @param array|RawSql|string $key
+     * @param mixed               $value
+     *
+     * @return $this
+     */
+    public function having($key, $value = null, ?bool $escape = null)
+    {
+        return $this->whereHaving('QBHaving', $key, $value, 'AND ', $escape);
+    }
+
+    /**
+     * Separates multiple calls with 'OR'.
+     *
+     * @param array|RawSql|string $key
+     * @param mixed               $value
+     *
+     * @return $this
+     */
+    public function orHaving($key, $value = null, ?bool $escape = null)
+    {
+        return $this->whereHaving('QBHaving', $key, $value, 'OR ', $escape);
+    }
+
+    /**
+     * @param string $direction ASC, DESC or RANDOM
+     *
+     * @return $this
+     */
+    public function orderBy(string $orderBy, string $direction = '', ?bool $escape = null)
+    {
+        if ($orderBy === '') {
+            return $this;
+        }
+
+        $qbOrderBy = [];
+
+        $direction = strtoupper(trim($direction));
+
+        if ($direction === 'RANDOM') {
+            $direction = '';
+            $orderBy   = ctype_digit($orderBy) ? sprintf($this->randomKeyword[1], $orderBy) : $this->randomKeyword[0];
+            $escape    = false;
+        } elseif ($direction !== '') {
+            $direction = in_array($direction, ['ASC', 'DESC'], true) ? ' ' . $direction : '';
+        }
+
+        if ($escape === null) {
+            $escape = $this->db->protectIdentifiers;
+        }
+
+        if ($escape === false) {
+            $qbOrderBy[] = [
+                'field'     => $orderBy,
+                'direction' => $direction,
+                'escape'    => false,
+            ];
+        } else {
+            foreach (explode(',', $orderBy) as $field) {
+                $qbOrderBy[] = ($direction === '' && preg_match('/\s+(ASC|DESC)$/i', rtrim($field), $match, PREG_OFFSET_CAPTURE))
+                    ? [
+                        'field'     => ltrim(substr($field, 0, $match[0][1])),
+                        'direction' => ' ' . $match[1][0],
+                        'escape'    => true,
+                    ]
+                    : [
+                        'field'     => trim($field),
+                        'direction' => $direction,
+                        'escape'    => true,
+                    ];
+            }
+        }
+
+        $this->QBOrderBy = array_merge($this->QBOrderBy, $qbOrderBy);
+
+        return $this;
+    }
+
+    /**
+     * @return $this
+     */
+    public function limit(?int $value = null, ?int $offset = 0)
+    {
+        $limitZeroAsAll = config(Feature::class)->limitZeroAsAll ?? true;
+        if ($limitZeroAsAll && $value === 0) {
+            $value = null;
+        }
+
+        if ($value !== null) {
+            $this->QBLimit = $value;
+        }
+
+        if ($offset !== null && $offset !== 0) {
+            $this->QBOffset = $offset;
+        }
+
+        return $this;
+    }
+
+    /**
+     * Sets the OFFSET value
+     *
+     * @return $this
+     */
+    public function offset(int $offset)
+    {
+        if ($offset !== 0) {
+            $this->QBOffset = $offset;
+        }
+
+        return $this;
+    }
+
+    /**
+     * Generates a platform-specific LIMIT clause.
+     */
+    protected function _limit(string $sql, bool $offsetIgnore = false): string
+    {
+        return $sql . ' LIMIT ' . ($offsetIgnore === false && $this->QBOffset ? $this->QBOffset . ', ' : '') . $this->QBLimit;
+    }
+
+    /**
+     * Allows key/value pairs to be set for insert(), update() or replace().
+     *
+     * @param array|object|string $key    Field name, or an array of field/value pairs, or an object
+     * @param mixed               $value  Field value, if $key is a single field
+     * @param bool|null           $escape Whether to escape values
+     *
+     * @return $this
+     */
+    public function set($key, $value = '', ?bool $escape = null)
+    {
+        $key = $this->objectToArray($key);
+
+        if (! is_array($key)) {
+            $key = [$key => $value];
+        }
+
+        $escape = is_bool($escape) ? $escape : $this->db->protectIdentifiers;
+
+        foreach ($key as $k => $v) {
+            if ($escape) {
+                $bind = $this->setBind($k, $v, $escape);
+
+                $this->QBSet[$this->db->protectIdentifiers($k, false)] = ":{$bind}:";
+            } else {
+                $this->QBSet[$this->db->protectIdentifiers($k, false)] = $v;
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * Returns the previously set() data, alternatively resetting it if needed.
+     */
+    public function getSetData(bool $clean = false): array
+    {
+        $data = $this->QBSet;
+
+        if ($clean) {
+            $this->QBSet = [];
+        }
+
+        return $data;
+    }
+
+    /**
+     * Compiles a SELECT query string and returns the sql.
+     */
+    public function getCompiledSelect(bool $reset = true): string
+    {
+        $select = $this->compileSelect();
+
+        if ($reset) {
+            $this->resetSelect();
+        }
+
+        return $this->compileFinalQuery($select);
+    }
+
+    /**
+     * Returns a finalized, compiled query string with the bindings
+     * inserted and prefixes swapped out.
+     */
+    protected function compileFinalQuery(string $sql): string
+    {
+        $query = new Query($this->db);
+        $query->setQuery($sql, $this->binds, false);
+
+        if (! empty($this->db->swapPre) && ! empty($this->db->DBPrefix)) {
+            $query->swapPrefix($this->db->DBPrefix, $this->db->swapPre);
+        }
+
+        return $query->getQuery();
+    }
+
+    /**
+     * Compiles the select statement based on the other functions called
+     * and runs the query
+     *
+     * @return false|ResultInterface
+     */
+    public function get(?int $limit = null, int $offset = 0, bool $reset = true)
+    {
+        $limitZeroAsAll = config(Feature::class)->limitZeroAsAll ?? true;
+        if ($limitZeroAsAll && $limit === 0) {
+            $limit = null;
+        }
+
+        if ($limit !== null) {
+            $this->limit($limit, $offset);
+        }
+
+        $result = $this->testMode
+            ? $this->getCompiledSelect($reset)
+            : $this->db->query($this->compileSelect(), $this->binds, false);
+
+        if ($reset) {
+            $this->resetSelect();
+
+            // Clear our binds so we don't eat up memory
+            $this->binds = [];
+        }
+
+        return $result;
+    }
+
+    /**
+     * Generates a platform-specific query string that counts all records in
+     * the particular table
+     *
+     * @return int|string
+     */
+    public function countAll(bool $reset = true)
+    {
+        $table = $this->QBFrom[0];
+
+        $sql = $this->countString . $this->db->escapeIdentifiers('numrows') . ' FROM ' .
+            $this->db->protectIdentifiers($table, true, null, false);
+
+        if ($this->testMode) {
+            return $sql;
+        }
+
+        $query = $this->db->query($sql, null, false);
+
+        if (empty($query->getResult())) {
+            return 0;
+        }
+
+        $query = $query->getRow();
+
+        if ($reset) {
+            $this->resetSelect();
+        }
+
+        return (int) $query->numrows;
+    }
+
+    /**
+     * Generates a platform-specific query string that counts all records
+     * returned by an Query Builder query.
+     *
+     * @return int|string
+     */
+    public function countAllResults(bool $reset = true)
+    {
+        // ORDER BY usage is often problematic here (most notably
+        // on Microsoft SQL Server) and ultimately unnecessary
+        // for selecting COUNT(*) ...
+        $orderBy = [];
+
+        if (! empty($this->QBOrderBy)) {
+            $orderBy = $this->QBOrderBy;
+
+            $this->QBOrderBy = null;
+        }
+
+        // We cannot use a LIMIT when getting the single row COUNT(*) result
+        $limit = $this->QBLimit;
+
+        $this->QBLimit = false;
+
+        if ($this->QBDistinct === true || ! empty($this->QBGroupBy)) {
+            // We need to backup the original SELECT in case DBPrefix is used
+            $select = $this->QBSelect;
+            $sql    = $this->countString . $this->db->protectIdentifiers('numrows') . "\nFROM (\n" . $this->compileSelect() . "\n) CI_count_all_results";
+
+            // Restore SELECT part
+            $this->QBSelect = $select;
+            unset($select);
+        } else {
+            $sql = $this->compileSelect($this->countString . $this->db->protectIdentifiers('numrows'));
+        }
+
+        if ($this->testMode) {
+            return $sql;
+        }
+
+        $result = $this->db->query($sql, $this->binds, false);
+
+        if ($reset) {
+            $this->resetSelect();
+        } elseif (! isset($this->QBOrderBy)) {
+            $this->QBOrderBy = $orderBy;
+        }
+
+        // Restore the LIMIT setting
+        $this->QBLimit = $limit;
+
+        $row = $result instanceof ResultInterface ? $result->getRow() : null;
+
+        if (empty($row)) {
+            return 0;
+        }
+
+        return (int) $row->numrows;
+    }
+
+    /**
+     * Compiles the set conditions and returns the sql statement
+     *
+     * @return array
+     */
+    public function getCompiledQBWhere()
+    {
+        return $this->QBWhere;
+    }
+
+    /**
+     * Allows the where clause, limit and offset to be added directly
+     *
+     * @param array|string $where
+     *
+     * @return ResultInterface
+     */
+    public function getWhere($where = null, ?int $limit = null, ?int $offset = 0, bool $reset = true)
+    {
+        if ($where !== null) {
+            $this->where($where);
+        }
+
+        $limitZeroAsAll = config(Feature::class)->limitZeroAsAll ?? true;
+        if ($limitZeroAsAll && $limit === 0) {
+            $limit = null;
+        }
+
+        if ($limit !== null) {
+            $this->limit($limit, $offset);
+        }
+
+        $result = $this->testMode
+            ? $this->getCompiledSelect($reset)
+            : $this->db->query($this->compileSelect(), $this->binds, false);
+
+        if ($reset) {
+            $this->resetSelect();
+
+            // Clear our binds so we don't eat up memory
+            $this->binds = [];
+        }
+
+        return $result;
+    }
+
+    /**
+     * Compiles batch insert/update/upsert strings and runs the queries
+     *
+     * @param '_deleteBatch'|'_insertBatch'|'_updateBatch'|'_upsertBatch' $renderMethod
+     *
+     * @return false|int|list<string> Number of rows inserted or FALSE on failure, SQL array when testMode
+     *
+     * @throws DatabaseException
+     */
+    protected function batchExecute(string $renderMethod, int $batchSize = 100)
+    {
+        if (empty($this->QBSet)) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException(trim($renderMethod, '_') . '() has no data.');
+            }
+
+            return false; // @codeCoverageIgnore
+        }
+
+        $table = $this->db->protectIdentifiers($this->QBFrom[0], true, null, false);
+
+        $affectedRows = 0;
+        $savedSQL     = [];
+        $cnt          = count($this->QBSet);
+
+        // batch size 0 for unlimited
+        if ($batchSize === 0) {
+            $batchSize = $cnt;
+        }
+
+        for ($i = 0, $total = $cnt; $i < $total; $i += $batchSize) {
+            $QBSet = array_slice($this->QBSet, $i, $batchSize);
+
+            $sql = $this->{$renderMethod}($table, $this->QBKeys, $QBSet);
+
+            if ($sql === '') {
+                return false; // @codeCoverageIgnore
+            }
+
+            if ($this->testMode) {
+                $savedSQL[] = $sql;
+            } else {
+                $this->db->query($sql, null, false);
+                $affectedRows += $this->db->affectedRows();
+            }
+        }
+
+        if (! $this->testMode) {
+            $this->resetWrite();
+        }
+
+        return $this->testMode ? $savedSQL : $affectedRows;
+    }
+
+    /**
+     * Allows a row or multiple rows to be set for batch inserts/upserts/updates
+     *
+     * @param array|object $set
+     * @param string       $alias alias for sql table
+     *
+     * @return $this|null
+     */
+    public function setData($set, ?bool $escape = null, string $alias = '')
+    {
+        if (empty($set)) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('setData() has no data.');
+            }
+
+            return null; // @codeCoverageIgnore
+        }
+
+        $this->setAlias($alias);
+
+        // this allows to set just one row at a time
+        if (is_object($set) || (! is_array(current($set)) && ! is_object(current($set)))) {
+            $set = [$set];
+        }
+
+        $set = $this->batchObjectToArray($set);
+
+        $escape = is_bool($escape) ? $escape : $this->db->protectIdentifiers;
+
+        $keys = array_keys($this->objectToArray(current($set)));
+        sort($keys);
+
+        foreach ($set as $row) {
+            $row = $this->objectToArray($row);
+            if (array_diff($keys, array_keys($row)) !== [] || array_diff(array_keys($row), $keys) !== []) {
+                // batchExecute() function returns an error on an empty array
+                $this->QBSet[] = [];
+
+                return null;
+            }
+
+            ksort($row); // puts $row in the same order as our keys
+
+            $clean = [];
+
+            foreach ($row as $rowValue) {
+                $clean[] = $escape ? $this->db->escape($rowValue) : $rowValue;
+            }
+
+            $row = $clean;
+
+            $this->QBSet[] = $row;
+        }
+
+        foreach ($keys as $k) {
+            $k = $this->db->protectIdentifiers($k, false);
+
+            if (! in_array($k, $this->QBKeys, true)) {
+                $this->QBKeys[] = $k;
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * Compiles an upsert query and returns the sql
+     *
+     * @return string
+     *
+     * @throws DatabaseException
+     */
+    public function getCompiledUpsert()
+    {
+        [$currentTestMode, $this->testMode] = [$this->testMode, true];
+
+        $sql = implode(";\n", $this->upsert());
+
+        $this->testMode = $currentTestMode;
+
+        return $this->compileFinalQuery($sql);
+    }
+
+    /**
+     * Converts call to batchUpsert
+     *
+     * @param array|object|null $set
+     *
+     * @return false|int|list<string> Number of affected rows or FALSE on failure, SQL array when testMode
+     *
+     * @throws DatabaseException
+     */
+    public function upsert($set = null, ?bool $escape = null)
+    {
+        // if set() has been used merge QBSet with binds and then setData()
+        if ($set === null && ! is_array(current($this->QBSet))) {
+            $set = [];
+
+            foreach ($this->QBSet as $field => $value) {
+                $k = trim($field, $this->db->escapeChar);
+                // use binds if available else use QBSet value but with RawSql to avoid escape
+                $set[$k] = isset($this->binds[$k]) ? $this->binds[$k][0] : new RawSql($value);
+            }
+
+            $this->binds = [];
+
+            $this->resetRun([
+                'QBSet'  => [],
+                'QBKeys' => [],
+            ]);
+
+            $this->setData($set, true); // unescaped items are RawSql now
+        } elseif ($set !== null) {
+            $this->setData($set, $escape);
+        } // else setData() has already been used and we need to do nothing
+
+        return $this->batchExecute('_upsertBatch');
+    }
+
+    /**
+     * Compiles batch upsert strings and runs the queries
+     *
+     * @param array|object|null $set a dataset
+     *
+     * @return false|int|list<string> Number of affected rows or FALSE on failure, SQL array when testMode
+     *
+     * @throws DatabaseException
+     */
+    public function upsertBatch($set = null, ?bool $escape = null, int $batchSize = 100)
+    {
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $sql = $this->_upsertBatch($this->QBFrom[0], $this->QBKeys, []);
+
+            if ($sql === '') {
+                return false; // @codeCoverageIgnore
+            }
+
+            if ($this->testMode === false) {
+                $this->db->query($sql, null, false);
+            }
+
+            $this->resetWrite();
+
+            return $this->testMode ? $sql : $this->db->affectedRows();
+        }
+
+        if ($set !== null) {
+            $this->setData($set, $escape);
+        }
+
+        return $this->batchExecute('_upsertBatch', $batchSize);
+    }
+
+    /**
+     * Generates a platform-specific upsertBatch string from the supplied data
+     *
+     * @used-by batchExecute()
+     *
+     * @param string                 $table  Protected table name
+     * @param list<string>           $keys   QBKeys
+     * @param list<list<int|string>> $values QBSet
+     */
+    protected function _upsertBatch(string $table, array $keys, array $values): string
+    {
+        $sql = $this->QBOptions['sql'] ?? '';
+
+        // if this is the first iteration of batch then we need to build skeleton sql
+        if ($sql === '') {
+            $updateFields = $this->QBOptions['updateFields'] ?? $this->updateFields($keys)->QBOptions['updateFields'] ?? [];
+
+            $sql = 'INSERT INTO ' . $table . ' (' . implode(', ', $keys) . ")\n{:_table_:}ON DUPLICATE KEY UPDATE\n" . implode(
+                ",\n",
+                array_map(
+                    static fn ($key, $value): string => $table . '.' . $key . ($value instanceof RawSql ?
+                        ' = ' . $value :
+                        ' = VALUES(' . $value . ')'),
+                    array_keys($updateFields),
+                    $updateFields,
+                ),
+            );
+
+            $this->QBOptions['sql'] = $sql;
+        }
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $data = $this->QBOptions['setQueryAsData'] . "\n";
+        } else {
+            $data = 'VALUES ' . implode(', ', $this->formatValues($values)) . "\n";
+        }
+
+        return str_replace('{:_table_:}', $data, $sql);
+    }
+
+    /**
+     * Set table alias for dataset pseudo table.
+     */
+    private function setAlias(string $alias): BaseBuilder
+    {
+        if ($alias !== '') {
+            $this->db->addTableAlias($alias);
+            $this->QBOptions['alias'] = $this->db->protectIdentifiers($alias);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Sets update fields for upsert, update
+     *
+     * @param list<RawSql>|list<string>|string $set
+     * @param bool                             $addToDefault adds update fields to the default ones
+     * @param array|null                       $ignore       ignores items in set
+     *
+     * @return $this
+     */
+    public function updateFields($set, bool $addToDefault = false, ?array $ignore = null)
+    {
+        if (! empty($set)) {
+            if (! is_array($set)) {
+                $set = explode(',', $set);
+            }
+
+            foreach ($set as $key => $value) {
+                if (! ($value instanceof RawSql)) {
+                    $value = $this->db->protectIdentifiers($value);
+                }
+
+                if (is_numeric($key)) {
+                    $key = $value;
+                }
+
+                if ($ignore === null || ! in_array($key, $ignore, true)) {
+                    if ($addToDefault) {
+                        $this->QBOptions['updateFieldsAdditional'][$this->db->protectIdentifiers($key)] = $value;
+                    } else {
+                        $this->QBOptions['updateFields'][$this->db->protectIdentifiers($key)] = $value;
+                    }
+                }
+            }
+
+            if ($addToDefault === false && isset($this->QBOptions['updateFieldsAdditional'], $this->QBOptions['updateFields'])) {
+                $this->QBOptions['updateFields'] = array_merge($this->QBOptions['updateFields'], $this->QBOptions['updateFieldsAdditional']);
+
+                unset($this->QBOptions['updateFieldsAdditional']);
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * Sets constraints for batch upsert, update
+     *
+     * @param array|RawSql|string $set a string of columns, key value pairs, or RawSql
+     *
+     * @return $this
+     */
+    public function onConstraint($set)
+    {
+        if (! empty($set)) {
+            if (is_string($set)) {
+                $set = explode(',', $set);
+
+                $set = array_map(static fn ($key): string => trim($key), $set);
+            }
+
+            if ($set instanceof RawSql) {
+                $set = [$set];
+            }
+
+            foreach ($set as $key => $value) {
+                if (! ($value instanceof RawSql)) {
+                    $value = $this->db->protectIdentifiers($value);
+                }
+
+                if (is_string($key)) {
+                    $key = $this->db->protectIdentifiers($key);
+                }
+
+                $this->QBOptions['constraints'][$key] = $value;
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * Sets data source as a query for insertBatch()/updateBatch()/upsertBatch()/deleteBatch()
+     *
+     * @param BaseBuilder|RawSql $query
+     * @param array|string|null  $columns an array or comma delimited string of columns
+     */
+    public function setQueryAsData($query, ?string $alias = null, $columns = null): BaseBuilder
+    {
+        if (is_string($query)) {
+            throw new InvalidArgumentException('$query parameter must be BaseBuilder or RawSql class.');
+        }
+
+        if ($query instanceof BaseBuilder) {
+            $query = $query->getCompiledSelect();
+        } elseif ($query instanceof RawSql) {
+            $query = $query->__toString();
+        }
+
+        if (is_string($query)) {
+            if ($columns !== null && is_string($columns)) {
+                $columns = explode(',', $columns);
+                $columns = array_map(static fn ($key): string => trim($key), $columns);
+            }
+
+            $columns = (array) $columns;
+
+            if ($columns === []) {
+                $columns = $this->fieldsFromQuery($query);
+            }
+
+            if ($alias !== null) {
+                $this->setAlias($alias);
+            }
+
+            foreach ($columns as $key => $value) {
+                $columns[$key] = $this->db->escapeChar . $value . $this->db->escapeChar;
+            }
+
+            $this->QBOptions['setQueryAsData'] = $query;
+            $this->QBKeys                      = $columns;
+            $this->QBSet                       = [];
+        }
+
+        return $this;
+    }
+
+    /**
+     * Gets column names from a select query
+     */
+    protected function fieldsFromQuery(string $sql): array
+    {
+        return $this->db->query('SELECT * FROM (' . $sql . ') _u_ LIMIT 1')->getFieldNames();
+    }
+
+    /**
+     * Converts value array of array to array of strings
+     */
+    protected function formatValues(array $values): array
+    {
+        return array_map(static fn ($index): string => '(' . implode(',', $index) . ')', $values);
+    }
+
+    /**
+     * Compiles batch insert strings and runs the queries
+     *
+     * @param array|object|null $set a dataset
+     *
+     * @return false|int|list<string> Number of rows inserted or FALSE on no data to perform an insert operation, SQL array when testMode
+     */
+    public function insertBatch($set = null, ?bool $escape = null, int $batchSize = 100)
+    {
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $sql = $this->_insertBatch($this->QBFrom[0], $this->QBKeys, []);
+
+            if ($sql === '') {
+                return false; // @codeCoverageIgnore
+            }
+
+            if ($this->testMode === false) {
+                $this->db->query($sql, null, false);
+            }
+
+            $this->resetWrite();
+
+            return $this->testMode ? $sql : $this->db->affectedRows();
+        }
+
+        if ($set !== null && $set !== []) {
+            $this->setData($set, $escape);
+        }
+
+        return $this->batchExecute('_insertBatch', $batchSize);
+    }
+
+    /**
+     * Generates a platform-specific insert string from the supplied data.
+     *
+     * @used-by batchExecute()
+     *
+     * @param string                 $table  Protected table name
+     * @param list<string>           $keys   QBKeys
+     * @param list<list<int|string>> $values QBSet
+     */
+    protected function _insertBatch(string $table, array $keys, array $values): string
+    {
+        $sql = $this->QBOptions['sql'] ?? '';
+
+        // if this is the first iteration of batch then we need to build skeleton sql
+        if ($sql === '') {
+            $sql = 'INSERT ' . $this->compileIgnore('insert') . 'INTO ' . $table
+                . ' (' . implode(', ', $keys) . ")\n{:_table_:}";
+
+            $this->QBOptions['sql'] = $sql;
+        }
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $data = $this->QBOptions['setQueryAsData'];
+        } else {
+            $data = 'VALUES ' . implode(', ', $this->formatValues($values));
+        }
+
+        return str_replace('{:_table_:}', $data, $sql);
+    }
+
+    /**
+     * Allows key/value pairs to be set for batch inserts
+     *
+     * @param mixed $key
+     *
+     * @return $this|null
+     *
+     * @deprecated
+     */
+    public function setInsertBatch($key, string $value = '', ?bool $escape = null)
+    {
+        if (! is_array($key)) {
+            $key = [[$key => $value]];
+        }
+
+        return $this->setData($key, $escape);
+    }
+
+    /**
+     * Compiles an insert query and returns the sql
+     *
+     * @return bool|string
+     *
+     * @throws DatabaseException
+     */
+    public function getCompiledInsert(bool $reset = true)
+    {
+        if ($this->validateInsert() === false) {
+            return false;
+        }
+
+        $sql = $this->_insert(
+            $this->db->protectIdentifiers(
+                $this->removeAlias($this->QBFrom[0]),
+                true,
+                null,
+                false,
+            ),
+            array_keys($this->QBSet),
+            array_values($this->QBSet),
+        );
+
+        if ($reset) {
+            $this->resetWrite();
+        }
+
+        return $this->compileFinalQuery($sql);
+    }
+
+    /**
+     * Compiles an insert string and runs the query
+     *
+     * @param array|object|null $set
+     *
+     * @return BaseResult|bool|Query
+     *
+     * @throws DatabaseException
+     */
+    public function insert($set = null, ?bool $escape = null)
+    {
+        if ($set !== null) {
+            $this->set($set, '', $escape);
+        }
+
+        if ($this->validateInsert() === false) {
+            return false;
+        }
+
+        $sql = $this->_insert(
+            $this->db->protectIdentifiers(
+                $this->removeAlias($this->QBFrom[0]),
+                true,
+                $escape,
+                false,
+            ),
+            array_keys($this->QBSet),
+            array_values($this->QBSet),
+        );
+
+        if (! $this->testMode) {
+            $this->resetWrite();
+
+            $result = $this->db->query($sql, $this->binds, false);
+
+            // Clear our binds so we don't eat up memory
+            $this->binds = [];
+
+            return $result;
+        }
+
+        return false;
+    }
+
+    /**
+     * @internal This is a temporary solution.
+     *
+     * @see https://github.com/codeigniter4/CodeIgniter4/pull/5376
+     *
+     * @TODO Fix a root cause, and this method should be removed.
+     */
+    protected function removeAlias(string $from): string
+    {
+        if (str_contains($from, ' ')) {
+            // if the alias is written with the AS keyword, remove it
+            $from = preg_replace('/\s+AS\s+/i', ' ', $from);
+
+            $parts = explode(' ', $from);
+            $from  = $parts[0];
+        }
+
+        return $from;
+    }
+
+    /**
+     * This method is used by both insert() and getCompiledInsert() to
+     * validate that the there data is actually being set and that table
+     * has been chosen to be inserted into.
+     *
+     * @throws DatabaseException
+     */
+    protected function validateInsert(): bool
+    {
+        if (empty($this->QBSet)) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('You must use the "set" method to insert an entry.');
+            }
+
+            return false; // @codeCoverageIgnore
+        }
+
+        return true;
+    }
+
+    /**
+     * Generates a platform-specific insert string from the supplied data
+     *
+     * @param string           $table         Protected table name
+     * @param list<string>     $keys          Keys of QBSet
+     * @param list<int|string> $unescapedKeys Values of QBSet
+     */
+    protected function _insert(string $table, array $keys, array $unescapedKeys): string
+    {
+        return 'INSERT ' . $this->compileIgnore('insert') . 'INTO ' . $table . ' (' . implode(', ', $keys) . ') VALUES (' . implode(', ', $unescapedKeys) . ')';
+    }
+
+    /**
+     * Compiles a replace into string and runs the query
+     *
+     * @return BaseResult|false|Query|string
+     *
+     * @throws DatabaseException
+     */
+    public function replace(?array $set = null)
+    {
+        if ($set !== null) {
+            $this->set($set);
+        }
+
+        if (empty($this->QBSet)) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('You must use the "set" method to update an entry.');
+            }
+
+            return false; // @codeCoverageIgnore
+        }
+
+        $table = $this->QBFrom[0];
+
+        $sql = $this->_replace($table, array_keys($this->QBSet), array_values($this->QBSet));
+
+        $this->resetWrite();
+
+        return $this->testMode ? $sql : $this->db->query($sql, $this->binds, false);
+    }
+
+    /**
+     * Generates a platform-specific replace string from the supplied data
+     *
+     * @param string           $table  Protected table name
+     * @param list<string>     $keys   Keys of QBSet
+     * @param list<int|string> $values Values of QBSet
+     */
+    protected function _replace(string $table, array $keys, array $values): string
+    {
+        return 'REPLACE INTO ' . $table . ' (' . implode(', ', $keys) . ') VALUES (' . implode(', ', $values) . ')';
+    }
+
+    /**
+     * Groups tables in FROM clauses if needed, so there is no confusion
+     * about operator precedence.
+     *
+     * Note: This is only used (and overridden) by MySQL and SQLSRV.
+     */
+    protected function _fromTables(): string
+    {
+        return implode(', ', $this->QBFrom);
+    }
+
+    /**
+     * Compiles an update query and returns the sql
+     *
+     * @return bool|string
+     */
+    public function getCompiledUpdate(bool $reset = true)
+    {
+        if ($this->validateUpdate() === false) {
+            return false;
+        }
+
+        $sql = $this->_update($this->QBFrom[0], $this->QBSet);
+
+        if ($reset) {
+            $this->resetWrite();
+        }
+
+        return $this->compileFinalQuery($sql);
+    }
+
+    /**
+     * Compiles an update string and runs the query.
+     *
+     * @param array|object|null        $set
+     * @param array|RawSql|string|null $where
+     *
+     * @throws DatabaseException
+     */
+    public function update($set = null, $where = null, ?int $limit = null): bool
+    {
+        if ($set !== null) {
+            $this->set($set);
+        }
+
+        if ($this->validateUpdate() === false) {
+            return false;
+        }
+
+        if ($where !== null) {
+            $this->where($where);
+        }
+
+        $limitZeroAsAll = config(Feature::class)->limitZeroAsAll ?? true;
+        if ($limitZeroAsAll && $limit === 0) {
+            $limit = null;
+        }
+
+        if ($limit !== null) {
+            if (! $this->canLimitWhereUpdates) {
+                throw new DatabaseException('This driver does not allow LIMITs on UPDATE queries using WHERE.');
+            }
+
+            $this->limit($limit);
+        }
+
+        $sql = $this->_update($this->QBFrom[0], $this->QBSet);
+
+        if (! $this->testMode) {
+            $this->resetWrite();
+
+            $result = $this->db->query($sql, $this->binds, false);
+
+            if ($result !== false) {
+                // Clear our binds so we don't eat up memory
+                $this->binds = [];
+
+                return true;
+            }
+
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * Generates a platform-specific update string from the supplied data
+     *
+     * @param string                $table  Protected table name
+     * @param array<string, string> $values QBSet
+     */
+    protected function _update(string $table, array $values): string
+    {
+        $valStr = [];
+
+        foreach ($values as $key => $val) {
+            $valStr[] = $key . ' = ' . $val;
+        }
+
+        $limitZeroAsAll = config(Feature::class)->limitZeroAsAll ?? true;
+        if ($limitZeroAsAll) {
+            return 'UPDATE ' . $this->compileIgnore('update') . $table . ' SET ' . implode(', ', $valStr)
+                . $this->compileWhereHaving('QBWhere')
+                . $this->compileOrderBy()
+                . ($this->QBLimit ? $this->_limit(' ', true) : '');
+        }
+
+        return 'UPDATE ' . $this->compileIgnore('update') . $table . ' SET ' . implode(', ', $valStr)
+            . $this->compileWhereHaving('QBWhere')
+            . $this->compileOrderBy()
+            . ($this->QBLimit !== false ? $this->_limit(' ', true) : '');
+    }
+
+    /**
+     * This method is used by both update() and getCompiledUpdate() to
+     * validate that data is actually being set and that a table has been
+     * chosen to be updated.
+     *
+     * @throws DatabaseException
+     */
+    protected function validateUpdate(): bool
+    {
+        if (empty($this->QBSet)) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('You must use the "set" method to update an entry.');
+            }
+
+            return false; // @codeCoverageIgnore
+        }
+
+        return true;
+    }
+
+    /**
+     * Sets data and calls batchExecute to run queries
+     *
+     * @param array|object|null        $set         a dataset
+     * @param array|RawSql|string|null $constraints
+     *
+     * @return false|int|list<string> Number of rows affected or FALSE on failure, SQL array when testMode
+     */
+    public function updateBatch($set = null, $constraints = null, int $batchSize = 100)
+    {
+        $this->onConstraint($constraints);
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $sql = $this->_updateBatch($this->QBFrom[0], $this->QBKeys, []);
+
+            if ($sql === '') {
+                return false; // @codeCoverageIgnore
+            }
+
+            if ($this->testMode === false) {
+                $this->db->query($sql, null, false);
+            }
+
+            $this->resetWrite();
+
+            return $this->testMode ? $sql : $this->db->affectedRows();
+        }
+
+        if ($set !== null && $set !== []) {
+            $this->setData($set, true);
+        }
+
+        return $this->batchExecute('_updateBatch', $batchSize);
+    }
+
+    /**
+     * Generates a platform-specific batch update string from the supplied data
+     *
+     * @used-by batchExecute()
+     *
+     * @param string                 $table  Protected table name
+     * @param list<string>           $keys   QBKeys
+     * @param list<list<int|string>> $values QBSet
+     */
+    protected function _updateBatch(string $table, array $keys, array $values): string
+    {
+        $sql = $this->QBOptions['sql'] ?? '';
+
+        // if this is the first iteration of batch then we need to build skeleton sql
+        if ($sql === '') {
+            $constraints = $this->QBOptions['constraints'] ?? [];
+
+            if ($constraints === []) {
+                if ($this->db->DBDebug) {
+                    throw new DatabaseException('You must specify a constraint to match on for batch updates.'); // @codeCoverageIgnore
+                }
+
+                return ''; // @codeCoverageIgnore
+            }
+
+            $updateFields = $this->QBOptions['updateFields'] ??
+                $this->updateFields($keys, false, $constraints)->QBOptions['updateFields'] ??
+                [];
+
+            $alias = $this->QBOptions['alias'] ?? '_u';
+
+            $sql = 'UPDATE ' . $this->compileIgnore('update') . $table . "\n";
+
+            $sql .= "SET\n";
+
+            $sql .= implode(
+                ",\n",
+                array_map(
+                    static fn ($key, $value): string => $key . ($value instanceof RawSql ?
+                        ' = ' . $value :
+                        ' = ' . $alias . '.' . $value),
+                    array_keys($updateFields),
+                    $updateFields,
+                ),
+            ) . "\n";
+
+            $sql .= "FROM (\n{:_table_:}";
+
+            $sql .= ') ' . $alias . "\n";
+
+            $sql .= 'WHERE ' . implode(
+                ' AND ',
+                array_map(
+                    static fn ($key, $value) => (
+                        ($value instanceof RawSql && is_string($key))
+                        ?
+                        $table . '.' . $key . ' = ' . $value
+                        :
+                        (
+                            $value instanceof RawSql
+                            ?
+                            $value
+                            :
+                            $table . '.' . $value . ' = ' . $alias . '.' . $value
+                        )
+                    ),
+                    array_keys($constraints),
+                    $constraints,
+                ),
+            );
+
+            $this->QBOptions['sql'] = $sql;
+        }
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $data = $this->QBOptions['setQueryAsData'];
+        } else {
+            $data = implode(
+                " UNION ALL\n",
+                array_map(
+                    static fn ($value): string => 'SELECT ' . implode(', ', array_map(
+                        static fn ($key, $index): string => $index . ' ' . $key,
+                        $keys,
+                        $value,
+                    )),
+                    $values,
+                ),
+            ) . "\n";
+        }
+
+        return str_replace('{:_table_:}', $data, $sql);
+    }
+
+    /**
+     * Allows key/value pairs to be set for batch updating
+     *
+     * @param array|object $key
+     *
+     * @return $this
+     *
+     * @throws DatabaseException
+     *
+     * @deprecated
+     */
+    public function setUpdateBatch($key, string $index = '', ?bool $escape = null)
+    {
+        if ($index !== '') {
+            $this->onConstraint($index);
+        }
+
+        $this->setData($key, $escape);
+
+        return $this;
+    }
+
+    /**
+     * Compiles a delete string and runs "DELETE FROM table"
+     *
+     * @return bool|string TRUE on success, FALSE on failure, string on testMode
+     */
+    public function emptyTable()
+    {
+        $table = $this->QBFrom[0];
+
+        $sql = $this->_delete($table);
+
+        if ($this->testMode) {
+            return $sql;
+        }
+
+        $this->resetWrite();
+
+        return $this->db->query($sql, null, false);
+    }
+
+    /**
+     * Compiles a truncate string and runs the query
+     * If the database does not support the truncate() command
+     * This function maps to "DELETE FROM table"
+     *
+     * @return bool|string TRUE on success, FALSE on failure, string on testMode
+     */
+    public function truncate()
+    {
+        $table = $this->QBFrom[0];
+
+        $sql = $this->_truncate($table);
+
+        if ($this->testMode) {
+            return $sql;
+        }
+
+        $this->resetWrite();
+
+        return $this->db->query($sql, null, false);
+    }
+
+    /**
+     * Generates a platform-specific truncate string from the supplied data
+     *
+     * If the database does not support the truncate() command,
+     * then this method maps to 'DELETE FROM table'
+     *
+     * @param string $table Protected table name
+     */
+    protected function _truncate(string $table): string
+    {
+        return 'TRUNCATE ' . $table;
+    }
+
+    /**
+     * Compiles a delete query string and returns the sql
+     */
+    public function getCompiledDelete(bool $reset = true): string
+    {
+        $sql = $this->testMode()->delete('', null, $reset);
+        $this->testMode(false);
+
+        return $this->compileFinalQuery($sql);
+    }
+
+    /**
+     * Compiles a delete string and runs the query
+     *
+     * @param array|RawSql|string $where
+     *
+     * @return bool|string Returns a SQL string if in test mode.
+     *
+     * @throws DatabaseException
+     */
+    public function delete($where = '', ?int $limit = null, bool $resetData = true)
+    {
+        $table = $this->db->protectIdentifiers($this->QBFrom[0], true, null, false);
+
+        if ($where !== '') {
+            $this->where($where);
+        }
+
+        if (empty($this->QBWhere)) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('Deletes are not allowed unless they contain a "where" or "like" clause.');
+            }
+
+            return false; // @codeCoverageIgnore
+        }
+
+        $sql = $this->_delete($this->removeAlias($table));
+
+        $limitZeroAsAll = config(Feature::class)->limitZeroAsAll ?? true;
+        if ($limitZeroAsAll && $limit === 0) {
+            $limit = null;
+        }
+
+        if ($limit !== null) {
+            $this->QBLimit = $limit;
+        }
+
+        if (! empty($this->QBLimit)) {
+            if (! $this->canLimitDeletes) {
+                throw new DatabaseException('SQLite3 does not allow LIMITs on DELETE queries.');
+            }
+
+            $sql = $this->_limit($sql, true);
+        }
+
+        if ($resetData) {
+            $this->resetWrite();
+        }
+
+        return $this->testMode ? $sql : $this->db->query($sql, $this->binds, false);
+    }
+
+    /**
+     * Sets data and calls batchExecute to run queries
+     *
+     * @param array|object|null $set         a dataset
+     * @param array|RawSql|null $constraints
+     *
+     * @return false|int|list<string> Number of rows affected or FALSE on failure, SQL array when testMode
+     */
+    public function deleteBatch($set = null, $constraints = null, int $batchSize = 100)
+    {
+        $this->onConstraint($constraints);
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $sql = $this->_deleteBatch($this->QBFrom[0], $this->QBKeys, []);
+
+            if ($sql === '') {
+                return false; // @codeCoverageIgnore
+            }
+
+            if ($this->testMode === false) {
+                $this->db->query($sql, null, false);
+            }
+
+            $this->resetWrite();
+
+            return $this->testMode ? $sql : $this->db->affectedRows();
+        }
+
+        if ($set !== null && $set !== []) {
+            $this->setData($set, true);
+        }
+
+        return $this->batchExecute('_deleteBatch', $batchSize);
+    }
+
+    /**
+     * Generates a platform-specific batch update string from the supplied data
+     *
+     * @used-by batchExecute()
+     *
+     * @param string           $table  Protected table name
+     * @param list<string>     $keys   QBKeys
+     * @param list<int|string> $values QBSet
+     */
+    protected function _deleteBatch(string $table, array $keys, array $values): string
+    {
+        $sql = $this->QBOptions['sql'] ?? '';
+
+        // if this is the first iteration of batch then we need to build skeleton sql
+        if ($sql === '') {
+            $constraints = $this->QBOptions['constraints'] ?? [];
+
+            if ($constraints === []) {
+                if ($this->db->DBDebug) {
+                    throw new DatabaseException('You must specify a constraint to match on for batch deletes.'); // @codeCoverageIgnore
+                }
+
+                return ''; // @codeCoverageIgnore
+            }
+
+            $alias = $this->QBOptions['alias'] ?? '_u';
+
+            $sql = 'DELETE ' . $table . ' FROM ' . $table . "\n";
+
+            $sql .= "INNER JOIN (\n{:_table_:}";
+
+            $sql .= ') ' . $alias . "\n";
+
+            $sql .= 'ON ' . implode(
+                ' AND ',
+                array_map(
+                    static fn ($key, $value) => (
+                        $value instanceof RawSql ?
+                        $value :
+                        (
+                            is_string($key) ?
+                            $table . '.' . $key . ' = ' . $alias . '.' . $value :
+                            $table . '.' . $value . ' = ' . $alias . '.' . $value
+                        )
+                    ),
+                    array_keys($constraints),
+                    $constraints,
+                ),
+            );
+
+            // convert binds in where
+            foreach ($this->QBWhere as $key => $where) {
+                foreach ($this->binds as $field => $bind) {
+                    $this->QBWhere[$key]['condition'] = str_replace(':' . $field . ':', $bind[0], $where['condition']);
+                }
+            }
+
+            $sql .= ' ' . $this->compileWhereHaving('QBWhere');
+
+            $this->QBOptions['sql'] = trim($sql);
+        }
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $data = $this->QBOptions['setQueryAsData'];
+        } else {
+            $data = implode(
+                " UNION ALL\n",
+                array_map(
+                    static fn ($value): string => 'SELECT ' . implode(', ', array_map(
+                        static fn ($key, $index): string => $index . ' ' . $key,
+                        $keys,
+                        $value,
+                    )),
+                    $values,
+                ),
+            ) . "\n";
+        }
+
+        return str_replace('{:_table_:}', $data, $sql);
+    }
+
+    /**
+     * Increments a numeric column by the specified value.
+     *
+     * @return bool
+     */
+    public function increment(string $column, int $value = 1)
+    {
+        $column = $this->db->protectIdentifiers($column);
+
+        $sql = $this->_update($this->QBFrom[0], [$column => "{$column} + {$value}"]);
+
+        if (! $this->testMode) {
+            $this->resetWrite();
+
+            return $this->db->query($sql, $this->binds, false);
+        }
+
+        return true;
+    }
+
+    /**
+     * Decrements a numeric column by the specified value.
+     *
+     * @return bool
+     */
+    public function decrement(string $column, int $value = 1)
+    {
+        $column = $this->db->protectIdentifiers($column);
+
+        $sql = $this->_update($this->QBFrom[0], [$column => "{$column}-{$value}"]);
+
+        if (! $this->testMode) {
+            $this->resetWrite();
+
+            return $this->db->query($sql, $this->binds, false);
+        }
+
+        return true;
+    }
+
+    /**
+     * Generates a platform-specific delete string from the supplied data
+     *
+     * @param string $table Protected table name
+     */
+    protected function _delete(string $table): string
+    {
+        return 'DELETE ' . $this->compileIgnore('delete') . 'FROM ' . $table . $this->compileWhereHaving('QBWhere');
+    }
+
+    /**
+     * Used to track SQL statements written with aliased tables.
+     *
+     * @param array|string $table The table to inspect
+     *
+     * @return string|null
+     */
+    protected function trackAliases($table)
+    {
+        if (is_array($table)) {
+            foreach ($table as $t) {
+                $this->trackAliases($t);
+            }
+
+            return null;
+        }
+
+        // Does the string contain a comma?  If so, we need to separate
+        // the string into discreet statements
+        if (str_contains($table, ',')) {
+            return $this->trackAliases(explode(',', $table));
+        }
+
+        // if a table alias is used we can recognize it by a space
+        if (str_contains($table, ' ')) {
+            // if the alias is written with the AS keyword, remove it
+            $table = preg_replace('/\s+AS\s+/i', ' ', $table);
+
+            // Grab the alias
+            $alias = trim(strrchr($table, ' '));
+
+            // Store the alias, if it doesn't already exist
+            $this->db->addTableAlias($alias);
+        }
+
+        return null;
+    }
+
+    /**
+     * Compile the SELECT statement
+     *
+     * Generates a query string based on which functions were used.
+     * Should not be called directly.
+     *
+     * @param mixed $selectOverride
+     */
+    protected function compileSelect($selectOverride = false): string
+    {
+        if ($selectOverride !== false) {
+            $sql = $selectOverride;
+        } else {
+            $sql = (! $this->QBDistinct) ? 'SELECT ' : 'SELECT DISTINCT ';
+
+            if (empty($this->QBSelect)) {
+                $sql .= '*';
+            } else {
+                // Cycle through the "select" portion of the query and prep each column name.
+                // The reason we protect identifiers here rather than in the select() function
+                // is because until the user calls the from() function we don't know if there are aliases
+                foreach ($this->QBSelect as $key => $val) {
+                    if ($val instanceof RawSql) {
+                        $this->QBSelect[$key] = (string) $val;
+                    } else {
+                        $protect              = $this->QBNoEscape[$key] ?? null;
+                        $this->QBSelect[$key] = $this->db->protectIdentifiers($val, false, $protect);
+                    }
+                }
+
+                $sql .= implode(', ', $this->QBSelect);
+            }
+        }
+
+        if (! empty($this->QBFrom)) {
+            $sql .= "\nFROM " . $this->_fromTables();
+        }
+
+        if (! empty($this->QBJoin)) {
+            $sql .= "\n" . implode("\n", $this->QBJoin);
+        }
+
+        $sql .= $this->compileWhereHaving('QBWhere')
+            . $this->compileGroupBy()
+            . $this->compileWhereHaving('QBHaving')
+            . $this->compileOrderBy();
+
+        $limitZeroAsAll = config(Feature::class)->limitZeroAsAll ?? true;
+        if ($limitZeroAsAll) {
+            if ($this->QBLimit) {
+                $sql = $this->_limit($sql . "\n");
+            }
+        } elseif ($this->QBLimit !== false || $this->QBOffset) {
+            $sql = $this->_limit($sql . "\n");
+        }
+
+        return $this->unionInjection($sql);
+    }
+
+    /**
+     * Checks if the ignore option is supported by
+     * the Database Driver for the specific statement.
+     *
+     * @return string
+     */
+    protected function compileIgnore(string $statement)
+    {
+        if ($this->QBIgnore && isset($this->supportedIgnoreStatements[$statement])) {
+            return trim($this->supportedIgnoreStatements[$statement]) . ' ';
+        }
+
+        return '';
+    }
+
+    /**
+     * Escapes identifiers in WHERE and HAVING statements at execution time.
+     *
+     * Required so that aliases are tracked properly, regardless of whether
+     * where(), orWhere(), having(), orHaving are called prior to from(),
+     * join() and prefixTable is added only if needed.
+     *
+     * @param string $qbKey 'QBWhere' or 'QBHaving'
+     *
+     * @return string SQL statement
+     */
+    protected function compileWhereHaving(string $qbKey): string
+    {
+        if (! empty($this->{$qbKey})) {
+            foreach ($this->{$qbKey} as &$qbkey) {
+                // Is this condition already compiled?
+                if (is_string($qbkey)) {
+                    continue;
+                }
+
+                if ($qbkey instanceof RawSql) {
+                    continue;
+                }
+
+                if ($qbkey['condition'] instanceof RawSql) {
+                    $qbkey = $qbkey['condition'];
+
+                    continue;
+                }
+
+                if ($qbkey['escape'] === false) {
+                    $qbkey = $qbkey['condition'];
+
+                    continue;
+                }
+
+                // Split multiple conditions
+                $conditions = preg_split(
+                    '/((?:^|\s+)AND\s+|(?:^|\s+)OR\s+)/i',
+                    $qbkey['condition'],
+                    -1,
+                    PREG_SPLIT_DELIM_CAPTURE | PREG_SPLIT_NO_EMPTY,
+                );
+
+                foreach ($conditions as &$condition) {
+                    $op = $this->getOperator($condition);
+                    if (
+                        $op === false
+                        || preg_match(
+                            '/^(\(?)(.*)(' . preg_quote($op, '/') . ')\s*(.*(?<!\)))?(\)?)$/i',
+                            $condition,
+                            $matches,
+                        ) !== 1
+                    ) {
+                        continue;
+                    }
+
+                    // $matches = [
+                    //  0 => '(test <= foo)',   /* the whole thing */
+                    //  1 => '(',               /* optional */
+                    //  2 => 'test',            /* the field name */
+                    //  3 => ' <= ',            /* $op */
+                    //  4 => 'foo',	            /* optional, if $op is e.g. 'IS NULL' */
+                    //  5 => ')'                /* optional */
+                    // ];
+
+                    if ($matches[4] !== '') {
+                        $protectIdentifiers = false;
+                        if (str_contains($matches[4], '.')) {
+                            $protectIdentifiers = true;
+                        }
+
+                        if (! str_contains($matches[4], ':')) {
+                            $matches[4] = $this->db->protectIdentifiers(trim($matches[4]), false, $protectIdentifiers);
+                        }
+
+                        $matches[4] = ' ' . $matches[4];
+                    }
+
+                    $condition = $matches[1] . $this->db->protectIdentifiers(trim($matches[2]))
+                        . ' ' . trim($matches[3]) . $matches[4] . $matches[5];
+                }
+
+                $qbkey = implode('', $conditions);
+            }
+
+            return ($qbKey === 'QBHaving' ? "\nHAVING " : "\nWHERE ")
+                . implode("\n", $this->{$qbKey});
+        }
+
+        return '';
+    }
+
+    /**
+     * Escapes identifiers in GROUP BY statements at execution time.
+     *
+     * Required so that aliases are tracked properly, regardless of whether
+     * groupBy() is called prior to from(), join() and prefixTable is added
+     * only if needed.
+     */
+    protected function compileGroupBy(): string
+    {
+        if (! empty($this->QBGroupBy)) {
+            foreach ($this->QBGroupBy as &$groupBy) {
+                // Is it already compiled?
+                if (is_string($groupBy)) {
+                    continue;
+                }
+
+                $groupBy = ($groupBy['escape'] === false || $this->isLiteral($groupBy['field']))
+                    ? $groupBy['field']
+                    : $this->db->protectIdentifiers($groupBy['field']);
+            }
+
+            return "\nGROUP BY " . implode(', ', $this->QBGroupBy);
+        }
+
+        return '';
+    }
+
+    /**
+     * Escapes identifiers in ORDER BY statements at execution time.
+     *
+     * Required so that aliases are tracked properly, regardless of whether
+     * orderBy() is called prior to from(), join() and prefixTable is added
+     * only if needed.
+     */
+    protected function compileOrderBy(): string
+    {
+        if (is_array($this->QBOrderBy) && $this->QBOrderBy !== []) {
+            foreach ($this->QBOrderBy as &$orderBy) {
+                if ($orderBy['escape'] !== false && ! $this->isLiteral($orderBy['field'])) {
+                    $orderBy['field'] = $this->db->protectIdentifiers($orderBy['field']);
+                }
+
+                $orderBy = $orderBy['field'] . $orderBy['direction'];
+            }
+
+            return $this->QBOrderBy = "\nORDER BY " . implode(', ', $this->QBOrderBy);
+        }
+
+        if (is_string($this->QBOrderBy)) {
+            return $this->QBOrderBy;
+        }
+
+        return '';
+    }
+
+    protected function unionInjection(string $sql): string
+    {
+        if ($this->QBUnion === []) {
+            return $sql;
+        }
+
+        return 'SELECT * FROM (' . $sql . ') '
+            . ($this->db->protectIdentifiers ? $this->db->escapeIdentifiers('uwrp0') : 'uwrp0')
+            . implode("\n", $this->QBUnion);
+    }
+
+    /**
+     * Takes an object as input and converts the class variables to array key/vals
+     *
+     * @param array|object $object
+     *
+     * @return array
+     */
+    protected function objectToArray($object)
+    {
+        if (! is_object($object)) {
+            return $object;
+        }
+
+        if ($object instanceof RawSql) {
+            throw new InvalidArgumentException('RawSql "' . $object . '" cannot be used here.');
+        }
+
+        $array = [];
+
+        foreach (get_object_vars($object) as $key => $val) {
+            if ((! is_object($val) || $val instanceof RawSql) && ! is_array($val)) {
+                $array[$key] = $val;
+            }
+        }
+
+        return $array;
+    }
+
+    /**
+     * Takes an object as input and converts the class variables to array key/vals
+     *
+     * @param array|object $object
+     *
+     * @return array
+     */
+    protected function batchObjectToArray($object)
+    {
+        if (! is_object($object)) {
+            return $object;
+        }
+
+        $array  = [];
+        $out    = get_object_vars($object);
+        $fields = array_keys($out);
+
+        foreach ($fields as $val) {
+            $i = 0;
+
+            foreach ($out[$val] as $data) {
+                $array[$i++][$val] = $data;
+            }
+        }
+
+        return $array;
+    }
+
+    /**
+     * Determines if a string represents a literal value or a field name
+     */
+    protected function isLiteral(string $str): bool
+    {
+        $str = trim($str);
+
+        if ($str === ''
+            || ctype_digit($str)
+            || (string) (float) $str === $str
+            || in_array(strtoupper($str), ['TRUE', 'FALSE'], true)
+        ) {
+            return true;
+        }
+
+        if ($this->isLiteralStr === []) {
+            $this->isLiteralStr = $this->db->escapeChar !== '"' ? ['"', "'"] : ["'"];
+        }
+
+        return in_array($str[0], $this->isLiteralStr, true);
+    }
+
+    /**
+     * Publicly-visible method to reset the QB values.
+     *
+     * @return $this
+     */
+    public function resetQuery()
+    {
+        $this->resetSelect();
+        $this->resetWrite();
+
+        return $this;
+    }
+
+    /**
+     * Resets the query builder values.  Called by the get() function
+     *
+     * @param array $qbResetItems An array of fields to reset
+     *
+     * @return void
+     */
+    protected function resetRun(array $qbResetItems)
+    {
+        foreach ($qbResetItems as $item => $defaultValue) {
+            $this->{$item} = $defaultValue;
+        }
+    }
+
+    /**
+     * Resets the query builder values.  Called by the get() function
+     *
+     * @return void
+     */
+    protected function resetSelect()
+    {
+        $this->resetRun([
+            'QBSelect'   => [],
+            'QBJoin'     => [],
+            'QBWhere'    => [],
+            'QBGroupBy'  => [],
+            'QBHaving'   => [],
+            'QBOrderBy'  => [],
+            'QBNoEscape' => [],
+            'QBDistinct' => false,
+            'QBLimit'    => false,
+            'QBOffset'   => false,
+            'QBUnion'    => [],
+        ]);
+
+        if ($this->db instanceof BaseConnection) {
+            $this->db->setAliasedTables([]);
+        }
+
+        // Reset QBFrom part
+        if (! empty($this->QBFrom)) {
+            $this->from(array_shift($this->QBFrom), true);
+        }
+    }
+
+    /**
+     * Resets the query builder "write" values.
+     *
+     * Called by the insert() update() insertBatch() updateBatch() and delete() functions
+     *
+     * @return void
+     */
+    protected function resetWrite()
+    {
+        $this->resetRun([
+            'QBSet'     => [],
+            'QBJoin'    => [],
+            'QBWhere'   => [],
+            'QBOrderBy' => [],
+            'QBKeys'    => [],
+            'QBLimit'   => false,
+            'QBIgnore'  => false,
+            'QBOptions' => [],
+        ]);
+    }
+
+    /**
+     * Tests whether the string has an SQL operator
+     */
+    protected function hasOperator(string $str): bool
+    {
+        return preg_match(
+            '/(<|>|!|=|\sIS NULL|\sIS NOT NULL|\sEXISTS|\sBETWEEN|\sLIKE|\sIN\s*\(|\s)/i',
+            trim($str),
+        ) === 1;
+    }
+
+    /**
+     * Returns the SQL string operator
+     *
+     * @return array|false|string
+     */
+    protected function getOperator(string $str, bool $list = false)
+    {
+        if ($this->pregOperators === []) {
+            $_les = $this->db->likeEscapeStr !== ''
+                ? '\s+' . preg_quote(trim(sprintf($this->db->likeEscapeStr, $this->db->likeEscapeChar)), '/')
+                : '';
+            $this->pregOperators = [
+                '\s*(?:<|>|!)?=\s*', // =, <=, >=, !=
+                '\s*<>?\s*',         // <, <>
+                '\s*>\s*',           // >
+                '\s+IS NULL',             // IS NULL
+                '\s+IS NOT NULL',         // IS NOT NULL
+                '\s+EXISTS\s*\(.*\)',     // EXISTS (sql)
+                '\s+NOT EXISTS\s*\(.*\)', // NOT EXISTS(sql)
+                '\s+BETWEEN\s+',          // BETWEEN value AND value
+                '\s+IN\s*\(.*\)',         // IN (list)
+                '\s+NOT IN\s*\(.*\)',     // NOT IN (list)
+                '\s+LIKE\s+\S.*(' . $_les . ')?',     // LIKE 'expr'[ ESCAPE '%s']
+                '\s+NOT LIKE\s+\S.*(' . $_les . ')?', // NOT LIKE 'expr'[ ESCAPE '%s']
+            ];
+        }
+
+        return preg_match_all(
+            '/' . implode('|', $this->pregOperators) . '/i',
+            $str,
+            $match,
+        ) >= 1 ? ($list ? $match[0] : $match[0][0]) : false;
+    }
+
+    /**
+     * Returns the SQL string operator from where key
+     *
+     * @return false|list<string>
+     */
+    private function getOperatorFromWhereKey(string $whereKey)
+    {
+        $whereKey = trim($whereKey);
+
+        $pregOperators = [
+            '\s*(?:<|>|!)?=',         // =, <=, >=, !=
+            '\s*<>?',                 // <, <>
+            '\s*>',                   // >
+            '\s+IS NULL',             // IS NULL
+            '\s+IS NOT NULL',         // IS NOT NULL
+            '\s+EXISTS\s*\(.*\)',     // EXISTS (sql)
+            '\s+NOT EXISTS\s*\(.*\)', // NOT EXISTS (sql)
+            '\s+BETWEEN\s+',          // BETWEEN value AND value
+            '\s+IN\s*\(.*\)',         // IN (list)
+            '\s+NOT IN\s*\(.*\)',     // NOT IN (list)
+            '\s+LIKE',                // LIKE
+            '\s+NOT LIKE',            // NOT LIKE
+        ];
+
+        return preg_match_all(
+            '/' . implode('|', $pregOperators) . '/i',
+            $whereKey,
+            $match,
+        ) >= 1 ? $match[0] : false;
+    }
+
+    /**
+     * Stores a bind value after ensuring that it's unique.
+     * While it might be nicer to have named keys for our binds array
+     * with PHP 7+ we get a huge memory/performance gain with indexed
+     * arrays instead, so lets take advantage of that here.
+     *
+     * @param mixed $value
+     */
+    protected function setBind(string $key, $value = null, bool $escape = true): string
+    {
+        if (! array_key_exists($key, $this->binds)) {
+            $this->binds[$key] = [
+                $value,
+                $escape,
+            ];
+
+            return $key;
+        }
+
+        if (! array_key_exists($key, $this->bindsKeyCount)) {
+            $this->bindsKeyCount[$key] = 1;
+        }
+
+        $count = $this->bindsKeyCount[$key]++;
+
+        $this->binds[$key . '.' . $count] = [
+            $value,
+            $escape,
+        ];
+
+        return $key . '.' . $count;
+    }
+
+    /**
+     * Returns a clone of a Base Builder with reset query builder values.
+     *
+     * @return $this
+     *
+     * @deprecated
+     */
+    protected function cleanClone()
+    {
+        return (clone $this)->from([], true)->resetQuery();
+    }
+
+    /**
+     * @param mixed $value
+     */
+    protected function isSubquery($value): bool
+    {
+        return $value instanceof BaseBuilder || $value instanceof Closure;
+    }
+
+    /**
+     * @param BaseBuilder|Closure(BaseBuilder): BaseBuilder $builder
+     * @param bool                                          $wrapped Wrap the subquery in brackets
+     * @param string                                        $alias   Subquery alias
+     */
+    protected function buildSubquery($builder, bool $wrapped = false, string $alias = ''): string
+    {
+        if ($builder instanceof Closure) {
+            $builder($builder = $this->db->newQuery());
+        }
+
+        if ($builder === $this) {
+            throw new DatabaseException('The subquery cannot be the same object as the main query object.');
+        }
+
+        $subquery = strtr($builder->getCompiledSelect(false), "\n", ' ');
+
+        if ($wrapped) {
+            $subquery = '(' . $subquery . ')';
+            $alias    = trim($alias);
+
+            if ($alias !== '') {
+                $subquery .= ' ' . ($this->db->protectIdentifiers ? $this->db->escapeIdentifiers($alias) : $alias);
+            }
+        }
+
+        return $subquery;
+    }
+}
diff --git a/ci4app/system/Database/BaseConnection.php b/ci4app/system/Database/BaseConnection.php
new file mode 100644
index 0000000..f09175d
--- /dev/null
+++ b/ci4app/system/Database/BaseConnection.php
@@ -0,0 +1,1899 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+use Closure;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Events\Events;
+use stdClass;
+use Stringable;
+use Throwable;
+
+/**
+ * @property-read array      $aliasedTables
+ * @property-read string     $charset
+ * @property-read bool       $compress
+ * @property-read float      $connectDuration
+ * @property-read float      $connectTime
+ * @property-read string     $database
+ * @property-read array      $dateFormat
+ * @property-read string     $DBCollat
+ * @property-read bool       $DBDebug
+ * @property-read string     $DBDriver
+ * @property-read string     $DBPrefix
+ * @property-read string     $DSN
+ * @property-read array|bool $encrypt
+ * @property-read array      $failover
+ * @property-read string     $hostname
+ * @property-read Query      $lastQuery
+ * @property-read string     $password
+ * @property-read bool       $pConnect
+ * @property-read int|string $port
+ * @property-read bool       $pretend
+ * @property-read string     $queryClass
+ * @property-read array      $reservedIdentifiers
+ * @property-read bool       $strictOn
+ * @property-read string     $subdriver
+ * @property-read string     $swapPre
+ * @property-read int        $transDepth
+ * @property-read bool       $transFailure
+ * @property-read bool       $transStatus
+ * @property-read string     $username
+ *
+ * @template TConnection
+ * @template TResult
+ *
+ * @implements ConnectionInterface<TConnection, TResult>
+ * @see \CodeIgniter\Database\BaseConnectionTest
+ */
+abstract class BaseConnection implements ConnectionInterface
+{
+    /**
+     * Data Source Name / Connect string
+     *
+     * @var string
+     */
+    protected $DSN;
+
+    /**
+     * Database port
+     *
+     * @var int|string
+     */
+    protected $port = '';
+
+    /**
+     * Hostname
+     *
+     * @var string
+     */
+    protected $hostname;
+
+    /**
+     * Username
+     *
+     * @var string
+     */
+    protected $username;
+
+    /**
+     * Password
+     *
+     * @var string
+     */
+    protected $password;
+
+    /**
+     * Database name
+     *
+     * @var string
+     */
+    protected $database;
+
+    /**
+     * Database driver
+     *
+     * @var string
+     */
+    protected $DBDriver = 'MySQLi';
+
+    /**
+     * Sub-driver
+     *
+     * @used-by CI_DB_pdo_driver
+     *
+     * @var string
+     */
+    protected $subdriver;
+
+    /**
+     * Table prefix
+     *
+     * @var string
+     */
+    protected $DBPrefix = '';
+
+    /**
+     * Persistent connection flag
+     *
+     * @var bool
+     */
+    protected $pConnect = false;
+
+    /**
+     * Whether to throw Exception or not when an error occurs.
+     *
+     * @var bool
+     */
+    protected $DBDebug = true;
+
+    /**
+     * Character set
+     *
+     * This value must be updated by Config\Database if the driver use it.
+     *
+     * @var string
+     */
+    protected $charset = '';
+
+    /**
+     * Collation
+     *
+     * This value must be updated by Config\Database if the driver use it.
+     *
+     * @var string
+     */
+    protected $DBCollat = '';
+
+    /**
+     * Swap Prefix
+     *
+     * @var string
+     */
+    protected $swapPre = '';
+
+    /**
+     * Encryption flag/data
+     *
+     * @var array|bool
+     */
+    protected $encrypt = false;
+
+    /**
+     * Compression flag
+     *
+     * @var bool
+     */
+    protected $compress = false;
+
+    /**
+     * Strict ON flag
+     *
+     * Whether we're running in strict SQL mode.
+     *
+     * @var bool|null
+     *
+     * @deprecated 4.5.0 Will move to MySQLi\Connection.
+     */
+    protected $strictOn;
+
+    /**
+     * Settings for a failover connection.
+     *
+     * @var array
+     */
+    protected $failover = [];
+
+    /**
+     * The last query object that was executed
+     * on this connection.
+     *
+     * @var Query
+     */
+    protected $lastQuery;
+
+    /**
+     * Connection ID
+     *
+     * @var false|TConnection
+     */
+    public $connID = false;
+
+    /**
+     * Result ID
+     *
+     * @var false|TResult
+     */
+    public $resultID = false;
+
+    /**
+     * Protect identifiers flag
+     *
+     * @var bool
+     */
+    public $protectIdentifiers = true;
+
+    /**
+     * List of reserved identifiers
+     *
+     * Identifiers that must NOT be escaped.
+     *
+     * @var array
+     */
+    protected $reservedIdentifiers = ['*'];
+
+    /**
+     * Identifier escape character
+     *
+     * @var array|string
+     */
+    public $escapeChar = '"';
+
+    /**
+     * ESCAPE statement string
+     *
+     * @var string
+     */
+    public $likeEscapeStr = " ESCAPE '%s' ";
+
+    /**
+     * ESCAPE character
+     *
+     * @var string
+     */
+    public $likeEscapeChar = '!';
+
+    /**
+     * RegExp used to escape identifiers
+     *
+     * @var array
+     */
+    protected $pregEscapeChar = [];
+
+    /**
+     * Holds previously looked up data
+     * for performance reasons.
+     *
+     * @var array
+     */
+    public $dataCache = [];
+
+    /**
+     * Microtime when connection was made
+     *
+     * @var float
+     */
+    protected $connectTime = 0.0;
+
+    /**
+     * How long it took to establish connection.
+     *
+     * @var float
+     */
+    protected $connectDuration = 0.0;
+
+    /**
+     * If true, no queries will actually be
+     * run against the database.
+     *
+     * @var bool
+     */
+    protected $pretend = false;
+
+    /**
+     * Transaction enabled flag
+     *
+     * @var bool
+     */
+    public $transEnabled = true;
+
+    /**
+     * Strict transaction mode flag
+     *
+     * @var bool
+     */
+    public $transStrict = true;
+
+    /**
+     * Transaction depth level
+     *
+     * @var int
+     */
+    protected $transDepth = 0;
+
+    /**
+     * Transaction status flag
+     *
+     * Used with transactions to determine if a rollback should occur.
+     *
+     * @var bool
+     */
+    protected $transStatus = true;
+
+    /**
+     * Transaction failure flag
+     *
+     * Used with transactions to determine if a transaction has failed.
+     *
+     * @var bool
+     */
+    protected $transFailure = false;
+
+    /**
+     * Whether to throw exceptions during transaction
+     */
+    protected bool $transException = false;
+
+    /**
+     * Array of table aliases.
+     *
+     * @var list<string>
+     */
+    protected $aliasedTables = [];
+
+    /**
+     * Query Class
+     *
+     * @var string
+     */
+    protected $queryClass = Query::class;
+
+    /**
+     * Default Date/Time formats
+     *
+     * @var array<string, string>
+     */
+    protected array $dateFormat = [
+        'date'        => 'Y-m-d',
+        'datetime'    => 'Y-m-d H:i:s',
+        'datetime-ms' => 'Y-m-d H:i:s.v',
+        'datetime-us' => 'Y-m-d H:i:s.u',
+        'time'        => 'H:i:s',
+    ];
+
+    /**
+     * Saves our connection settings.
+     */
+    public function __construct(array $params)
+    {
+        if (isset($params['dateFormat'])) {
+            $this->dateFormat = array_merge($this->dateFormat, $params['dateFormat']);
+            unset($params['dateFormat']);
+        }
+
+        foreach ($params as $key => $value) {
+            if (property_exists($this, $key)) {
+                $this->{$key} = $value;
+            }
+        }
+
+        $queryClass = str_replace('Connection', 'Query', static::class);
+
+        if (class_exists($queryClass)) {
+            $this->queryClass = $queryClass;
+        }
+
+        if ($this->failover !== []) {
+            // If there is a failover database, connect now to do failover.
+            // Otherwise, Query Builder creates SQL statement with the main database config
+            // (DBPrefix) even when the main database is down.
+            $this->initialize();
+        }
+    }
+
+    /**
+     * Initializes the database connection/settings.
+     *
+     * @return void
+     *
+     * @throws DatabaseException
+     */
+    public function initialize()
+    {
+        /* If an established connection is available, then there's
+         * no need to connect and select the database.
+         *
+         * Depending on the database driver, connID can be either
+         * boolean TRUE, a resource or an object.
+         */
+        if ($this->connID) {
+            return;
+        }
+
+        $this->connectTime = microtime(true);
+        $connectionErrors  = [];
+
+        try {
+            // Connect to the database and set the connection ID
+            $this->connID = $this->connect($this->pConnect);
+        } catch (Throwable $e) {
+            $this->connID       = false;
+            $connectionErrors[] = sprintf(
+                'Main connection [%s]: %s',
+                $this->DBDriver,
+                $e->getMessage(),
+            );
+            log_message('error', 'Error connecting to the database: ' . $e);
+        }
+
+        // No connection resource? Check if there is a failover else throw an error
+        if (! $this->connID) {
+            // Check if there is a failover set
+            if (! empty($this->failover) && is_array($this->failover)) {
+                // Go over all the failovers
+                foreach ($this->failover as $index => $failover) {
+                    // Replace the current settings with those of the failover
+                    foreach ($failover as $key => $val) {
+                        if (property_exists($this, $key)) {
+                            $this->{$key} = $val;
+                        }
+                    }
+
+                    try {
+                        // Try to connect
+                        $this->connID = $this->connect($this->pConnect);
+                    } catch (Throwable $e) {
+                        $connectionErrors[] = sprintf(
+                            'Failover #%d [%s]: %s',
+                            ++$index,
+                            $this->DBDriver,
+                            $e->getMessage(),
+                        );
+                        log_message('error', 'Error connecting to the database: ' . $e);
+                    }
+
+                    // If a connection is made break the foreach loop
+                    if ($this->connID) {
+                        break;
+                    }
+                }
+            }
+
+            // We still don't have a connection?
+            if (! $this->connID) {
+                throw new DatabaseException(sprintf(
+                    'Unable to connect to the database.%s%s',
+                    PHP_EOL,
+                    implode(PHP_EOL, $connectionErrors),
+                ));
+            }
+        }
+
+        $this->connectDuration = microtime(true) - $this->connectTime;
+    }
+
+    /**
+     * Close the database connection.
+     *
+     * @return void
+     */
+    public function close()
+    {
+        if ($this->connID) {
+            $this->_close();
+            $this->connID = false;
+        }
+    }
+
+    /**
+     * Platform dependent way method for closing the connection.
+     *
+     * @return void
+     */
+    abstract protected function _close();
+
+    /**
+     * Create a persistent database connection.
+     *
+     * @return false|TConnection
+     */
+    public function persistentConnect()
+    {
+        return $this->connect(true);
+    }
+
+    /**
+     * Returns the actual connection object. If both a 'read' and 'write'
+     * connection has been specified, you can pass either term in to
+     * get that connection. If you pass either alias in and only a single
+     * connection is present, it must return the sole connection.
+     *
+     * @return false|TConnection
+     */
+    public function getConnection(?string $alias = null)
+    {
+        // @todo work with read/write connections
+        return $this->connID;
+    }
+
+    /**
+     * Returns the name of the current database being used.
+     */
+    public function getDatabase(): string
+    {
+        return empty($this->database) ? '' : $this->database;
+    }
+
+    /**
+     * Set DB Prefix
+     *
+     * Set's the DB Prefix to something new without needing to reconnect
+     *
+     * @param string $prefix The prefix
+     */
+    public function setPrefix(string $prefix = ''): string
+    {
+        return $this->DBPrefix = $prefix;
+    }
+
+    /**
+     * Returns the database prefix.
+     */
+    public function getPrefix(): string
+    {
+        return $this->DBPrefix;
+    }
+
+    /**
+     * The name of the platform in use (MySQLi, Postgre, SQLite3, OCI8, etc)
+     */
+    public function getPlatform(): string
+    {
+        return $this->DBDriver;
+    }
+
+    /**
+     * Sets the Table Aliases to use. These are typically
+     * collected during use of the Builder, and set here
+     * so queries are built correctly.
+     *
+     * @return $this
+     */
+    public function setAliasedTables(array $aliases)
+    {
+        $this->aliasedTables = $aliases;
+
+        return $this;
+    }
+
+    /**
+     * Add a table alias to our list.
+     *
+     * @return $this
+     */
+    public function addTableAlias(string $alias)
+    {
+        if ($alias === '') {
+            return $this;
+        }
+
+        if (! in_array($alias, $this->aliasedTables, true)) {
+            $this->aliasedTables[] = $alias;
+        }
+
+        return $this;
+    }
+
+    /**
+     * Executes the query against the database.
+     *
+     * @return false|TResult
+     */
+    abstract protected function execute(string $sql);
+
+    /**
+     * Orchestrates a query against the database. Queries must use
+     * Database\Statement objects to store the query and build it.
+     * This method works with the cache.
+     *
+     * Should automatically handle different connections for read/write
+     * queries if needed.
+     *
+     * @param array|string|null $binds
+     *
+     * @return BaseResult<TConnection, TResult>|bool|Query
+     *
+     * @todo BC set $queryClass default as null in 4.1
+     */
+    public function query(string $sql, $binds = null, bool $setEscapeFlags = true, string $queryClass = '')
+    {
+        $queryClass = $queryClass !== '' && $queryClass !== '0' ? $queryClass : $this->queryClass;
+
+        if (empty($this->connID)) {
+            $this->initialize();
+        }
+
+        /**
+         * @var Query $query
+         */
+        $query = new $queryClass($this);
+
+        $query->setQuery($sql, $binds, $setEscapeFlags);
+
+        if (! empty($this->swapPre) && ! empty($this->DBPrefix)) {
+            $query->swapPrefix($this->DBPrefix, $this->swapPre);
+        }
+
+        $startTime = microtime(true);
+
+        // Always save the last query so we can use
+        // the getLastQuery() method.
+        $this->lastQuery = $query;
+
+        // If $pretend is true, then we just want to return
+        // the actual query object here. There won't be
+        // any results to return.
+        if ($this->pretend) {
+            $query->setDuration($startTime);
+
+            return $query;
+        }
+
+        // Run the query for real
+        try {
+            $exception      = null;
+            $this->resultID = $this->simpleQuery($query->getQuery());
+        } catch (DatabaseException $exception) {
+            $this->resultID = false;
+        }
+
+        if ($this->resultID === false) {
+            $query->setDuration($startTime, $startTime);
+
+            // This will trigger a rollback if transactions are being used
+            $this->handleTransStatus();
+
+            if (
+                $this->DBDebug
+                && (
+                    // Not in transactions
+                    $this->transDepth === 0
+                    // In transactions, do not throw exception by default.
+                    || $this->transException
+                )
+            ) {
+                // We call this function in order to roll-back queries
+                // if transactions are enabled. If we don't call this here
+                // the error message will trigger an exit, causing the
+                // transactions to remain in limbo.
+                while ($this->transDepth !== 0) {
+                    $transDepth = $this->transDepth;
+                    $this->transComplete();
+
+                    if ($transDepth === $this->transDepth) {
+                        log_message('error', 'Database: Failure during an automated transaction commit/rollback!');
+                        break;
+                    }
+                }
+
+                // Let others do something with this query.
+                Events::trigger('DBQuery', $query);
+
+                if ($exception instanceof DatabaseException) {
+                    throw new DatabaseException(
+                        $exception->getMessage(),
+                        $exception->getCode(),
+                        $exception,
+                    );
+                }
+
+                return false;
+            }
+
+            // Let others do something with this query.
+            Events::trigger('DBQuery', $query);
+
+            return false;
+        }
+
+        $query->setDuration($startTime);
+
+        // Let others do something with this query
+        Events::trigger('DBQuery', $query);
+
+        // resultID is not false, so it must be successful
+        if ($this->isWriteType($sql)) {
+            return true;
+        }
+
+        // query is not write-type, so it must be read-type query; return QueryResult
+        $resultClass = str_replace('Connection', 'Result', static::class);
+
+        return new $resultClass($this->connID, $this->resultID);
+    }
+
+    /**
+     * Performs a basic query against the database. No binding or caching
+     * is performed, nor are transactions handled. Simply takes a raw
+     * query string and returns the database-specific result id.
+     *
+     * @return false|TResult
+     */
+    public function simpleQuery(string $sql)
+    {
+        if (empty($this->connID)) {
+            $this->initialize();
+        }
+
+        return $this->execute($sql);
+    }
+
+    /**
+     * Disable Transactions
+     *
+     * This permits transactions to be disabled at run-time.
+     *
+     * @return void
+     */
+    public function transOff()
+    {
+        $this->transEnabled = false;
+    }
+
+    /**
+     * Enable/disable Transaction Strict Mode
+     *
+     * When strict mode is enabled, if you are running multiple groups of
+     * transactions, if one group fails all subsequent groups will be
+     * rolled back.
+     *
+     * If strict mode is disabled, each group is treated autonomously,
+     * meaning a failure of one group will not affect any others
+     *
+     * @param bool $mode = true
+     *
+     * @return $this
+     */
+    public function transStrict(bool $mode = true)
+    {
+        $this->transStrict = $mode;
+
+        return $this;
+    }
+
+    /**
+     * Start Transaction
+     */
+    public function transStart(bool $testMode = false): bool
+    {
+        if (! $this->transEnabled) {
+            return false;
+        }
+
+        return $this->transBegin($testMode);
+    }
+
+    /**
+     * If set to true, exceptions are thrown during transactions.
+     *
+     * @return $this
+     */
+    public function transException(bool $transException)
+    {
+        $this->transException = $transException;
+
+        return $this;
+    }
+
+    /**
+     * Complete Transaction
+     */
+    public function transComplete(): bool
+    {
+        if (! $this->transEnabled) {
+            return false;
+        }
+
+        // The query() function will set this flag to FALSE in the event that a query failed
+        if ($this->transStatus === false || $this->transFailure === true) {
+            $this->transRollback();
+
+            // If we are NOT running in strict mode, we will reset
+            // the _trans_status flag so that subsequent groups of
+            // transactions will be permitted.
+            if ($this->transStrict === false) {
+                $this->transStatus = true;
+            }
+
+            return false;
+        }
+
+        return $this->transCommit();
+    }
+
+    /**
+     * Lets you retrieve the transaction flag to determine if it has failed
+     */
+    public function transStatus(): bool
+    {
+        return $this->transStatus;
+    }
+
+    /**
+     * Begin Transaction
+     */
+    public function transBegin(bool $testMode = false): bool
+    {
+        if (! $this->transEnabled) {
+            return false;
+        }
+
+        // When transactions are nested we only begin/commit/rollback the outermost ones
+        if ($this->transDepth > 0) {
+            $this->transDepth++;
+
+            return true;
+        }
+
+        if (empty($this->connID)) {
+            $this->initialize();
+        }
+
+        // Reset the transaction failure flag.
+        // If the $testMode flag is set to TRUE transactions will be rolled back
+        // even if the queries produce a successful result.
+        $this->transFailure = $testMode;
+
+        if ($this->_transBegin()) {
+            $this->transDepth++;
+
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Commit Transaction
+     */
+    public function transCommit(): bool
+    {
+        if (! $this->transEnabled || $this->transDepth === 0) {
+            return false;
+        }
+
+        // When transactions are nested we only begin/commit/rollback the outermost ones
+        if ($this->transDepth > 1 || $this->_transCommit()) {
+            $this->transDepth--;
+
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Rollback Transaction
+     */
+    public function transRollback(): bool
+    {
+        if (! $this->transEnabled || $this->transDepth === 0) {
+            return false;
+        }
+
+        // When transactions are nested we only begin/commit/rollback the outermost ones
+        if ($this->transDepth > 1 || $this->_transRollback()) {
+            $this->transDepth--;
+
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Reset transaction status - to restart transactions after strict mode failure
+     */
+    public function resetTransStatus(): static
+    {
+        $this->transStatus = true;
+
+        return $this;
+    }
+
+    /**
+     * Handle transaction status when a query fails
+     *
+     * @internal This method is for internal database component use only
+     */
+    public function handleTransStatus(): void
+    {
+        if ($this->transDepth !== 0) {
+            $this->transStatus = false;
+        }
+    }
+
+    /**
+     * Begin Transaction
+     */
+    abstract protected function _transBegin(): bool;
+
+    /**
+     * Commit Transaction
+     */
+    abstract protected function _transCommit(): bool;
+
+    /**
+     * Rollback Transaction
+     */
+    abstract protected function _transRollback(): bool;
+
+    /**
+     * Returns a non-shared new instance of the query builder for this connection.
+     *
+     * @param array|string|TableName $tableName
+     *
+     * @return BaseBuilder
+     *
+     * @throws DatabaseException
+     */
+    public function table($tableName)
+    {
+        if (empty($tableName)) {
+            throw new DatabaseException('You must set the database table to be used with your query.');
+        }
+
+        $className = str_replace('Connection', 'Builder', static::class);
+
+        return new $className($tableName, $this);
+    }
+
+    /**
+     * Returns a new instance of the BaseBuilder class with a cleared FROM clause.
+     */
+    public function newQuery(): BaseBuilder
+    {
+        // save table aliases
+        $tempAliases         = $this->aliasedTables;
+        $builder             = $this->table(',')->from([], true);
+        $this->aliasedTables = $tempAliases;
+
+        return $builder;
+    }
+
+    /**
+     * Creates a prepared statement with the database that can then
+     * be used to execute multiple statements against. Within the
+     * closure, you would build the query in any normal way, though
+     * the Query Builder is the expected manner.
+     *
+     * Example:
+     *    $stmt = $db->prepare(function($db)
+     *           {
+     *             return $db->table('users')
+     *                   ->where('id', 1)
+     *                     ->get();
+     *           })
+     *
+     * @param Closure(BaseConnection): mixed $func
+     *
+     * @return BasePreparedQuery|null
+     */
+    public function prepare(Closure $func, array $options = [])
+    {
+        if (empty($this->connID)) {
+            $this->initialize();
+        }
+
+        $this->pretend();
+
+        $sql = $func($this);
+
+        $this->pretend(false);
+
+        if ($sql instanceof QueryInterface) {
+            $sql = $sql->getOriginalQuery();
+        }
+
+        $class = str_ireplace('Connection', 'PreparedQuery', static::class);
+        /** @var BasePreparedQuery $class */
+        $class = new $class($this);
+
+        return $class->prepare($sql, $options);
+    }
+
+    /**
+     * Returns the last query's statement object.
+     *
+     * @return Query
+     */
+    public function getLastQuery()
+    {
+        return $this->lastQuery;
+    }
+
+    /**
+     * Returns a string representation of the last query's statement object.
+     */
+    public function showLastQuery(): string
+    {
+        return (string) $this->lastQuery;
+    }
+
+    /**
+     * Returns the time we started to connect to this database in
+     * seconds with microseconds.
+     *
+     * Used by the Debug Toolbar's timeline.
+     */
+    public function getConnectStart(): ?float
+    {
+        return $this->connectTime;
+    }
+
+    /**
+     * Returns the number of seconds with microseconds that it took
+     * to connect to the database.
+     *
+     * Used by the Debug Toolbar's timeline.
+     */
+    public function getConnectDuration(int $decimals = 6): string
+    {
+        return number_format($this->connectDuration, $decimals);
+    }
+
+    /**
+     * Protect Identifiers
+     *
+     * This function is used extensively by the Query Builder class, and by
+     * a couple functions in this class.
+     * It takes a column or table name (optionally with an alias) and inserts
+     * the table prefix onto it. Some logic is necessary in order to deal with
+     * column names that include the path. Consider a query like this:
+     *
+     * SELECT hostname.database.table.column AS c FROM hostname.database.table
+     *
+     * Or a query with aliasing:
+     *
+     * SELECT m.member_id, m.member_name FROM members AS m
+     *
+     * Since the column name can include up to four segments (host, DB, table, column)
+     * or also have an alias prefix, we need to do a bit of work to figure this out and
+     * insert the table prefix (if it exists) in the proper position, and escape only
+     * the correct identifiers.
+     *
+     * @param array|int|string|TableName $item
+     * @param bool                       $prefixSingle       Prefix a table name with no segments?
+     * @param bool                       $protectIdentifiers Protect table or column names?
+     * @param bool                       $fieldExists        Supplied $item contains a column name?
+     *
+     * @return ($item is array ? array : string)
+     */
+    public function protectIdentifiers($item, bool $prefixSingle = false, ?bool $protectIdentifiers = null, bool $fieldExists = true)
+    {
+        if (! is_bool($protectIdentifiers)) {
+            $protectIdentifiers = $this->protectIdentifiers;
+        }
+
+        if (is_array($item)) {
+            $escapedArray = [];
+
+            foreach ($item as $k => $v) {
+                $escapedArray[$this->protectIdentifiers($k)] = $this->protectIdentifiers($v, $prefixSingle, $protectIdentifiers, $fieldExists);
+            }
+
+            return $escapedArray;
+        }
+
+        if ($item instanceof TableName) {
+            /** @psalm-suppress NoValue I don't know why ERROR. */
+            return $this->escapeTableName($item);
+        }
+
+        // If you pass `['column1', 'column2']`, `$item` will be int because the array keys are int.
+        $item = (string) $item;
+
+        // This is basically a bug fix for queries that use MAX, MIN, etc.
+        // If a parenthesis is found we know that we do not need to
+        // escape the data or add a prefix. There's probably a more graceful
+        // way to deal with this, but I'm not thinking of it
+        //
+        // Added exception for single quotes as well, we don't want to alter
+        // literal strings.
+        if (strcspn($item, "()'") !== strlen($item)) {
+            /** @psalm-suppress NoValue I don't know why ERROR. */
+            return $item;
+        }
+
+        // Do not protect identifiers and do not prefix, no swap prefix, there is nothing to do
+        if ($protectIdentifiers === false && $prefixSingle === false && $this->swapPre === '') {
+            /** @psalm-suppress NoValue I don't know why ERROR. */
+            return $item;
+        }
+
+        // Convert tabs or multiple spaces into single spaces
+        /** @psalm-suppress NoValue I don't know why ERROR. */
+        $item = preg_replace('/\s+/', ' ', trim($item));
+
+        // If the item has an alias declaration we remove it and set it aside.
+        // Note: strripos() is used in order to support spaces in table names
+        if ($offset = strripos($item, ' AS ')) {
+            $alias = ($protectIdentifiers) ? substr($item, $offset, 4) . $this->escapeIdentifiers(substr($item, $offset + 4)) : substr($item, $offset);
+            $item  = substr($item, 0, $offset);
+        } elseif ($offset = strrpos($item, ' ')) {
+            $alias = ($protectIdentifiers) ? ' ' . $this->escapeIdentifiers(substr($item, $offset + 1)) : substr($item, $offset);
+            $item  = substr($item, 0, $offset);
+        } else {
+            $alias = '';
+        }
+
+        // Break the string apart if it contains periods, then insert the table prefix
+        // in the correct location, assuming the period doesn't indicate that we're dealing
+        // with an alias. While we're at it, we will escape the components
+        if (str_contains($item, '.')) {
+            return $this->protectDotItem($item, $alias, $protectIdentifiers, $fieldExists);
+        }
+
+        // In some cases, especially 'from', we end up running through
+        // protect_identifiers twice. This algorithm won't work when
+        // it contains the escapeChar so strip it out.
+        $item = trim($item, $this->escapeChar);
+
+        // Is there a table prefix? If not, no need to insert it
+        if ($this->DBPrefix !== '') {
+            // Verify table prefix and replace if necessary
+            if ($this->swapPre !== '' && str_starts_with($item, $this->swapPre)) {
+                $item = preg_replace('/^' . $this->swapPre . '(\S+?)/', $this->DBPrefix . '\\1', $item);
+            }
+            // Do we prefix an item with no segments?
+            elseif ($prefixSingle && ! str_starts_with($item, $this->DBPrefix)) {
+                $item = $this->DBPrefix . $item;
+            }
+        }
+
+        if ($protectIdentifiers === true && ! in_array($item, $this->reservedIdentifiers, true)) {
+            $item = $this->escapeIdentifiers($item);
+        }
+
+        return $item . $alias;
+    }
+
+    private function protectDotItem(string $item, string $alias, bool $protectIdentifiers, bool $fieldExists): string
+    {
+        $parts = explode('.', $item);
+
+        // Does the first segment of the exploded item match
+        // one of the aliases previously identified? If so,
+        // we have nothing more to do other than escape the item
+        //
+        // NOTE: The ! empty() condition prevents this method
+        // from breaking when QB isn't enabled.
+        if (! empty($this->aliasedTables) && in_array($parts[0], $this->aliasedTables, true)) {
+            if ($protectIdentifiers) {
+                foreach ($parts as $key => $val) {
+                    if (! in_array($val, $this->reservedIdentifiers, true)) {
+                        $parts[$key] = $this->escapeIdentifiers($val);
+                    }
+                }
+
+                $item = implode('.', $parts);
+            }
+
+            return $item . $alias;
+        }
+
+        // Is there a table prefix defined in the config file? If not, no need to do anything
+        if ($this->DBPrefix !== '') {
+            // We now add the table prefix based on some logic.
+            // Do we have 4 segments (hostname.database.table.column)?
+            // If so, we add the table prefix to the column name in the 3rd segment.
+            if (isset($parts[3])) {
+                $i = 2;
+            }
+            // Do we have 3 segments (database.table.column)?
+            // If so, we add the table prefix to the column name in 2nd position
+            elseif (isset($parts[2])) {
+                $i = 1;
+            }
+            // Do we have 2 segments (table.column)?
+            // If so, we add the table prefix to the column name in 1st segment
+            else {
+                $i = 0;
+            }
+
+            // This flag is set when the supplied $item does not contain a field name.
+            // This can happen when this function is being called from a JOIN.
+            if ($fieldExists === false) {
+                $i++;
+            }
+
+            // Verify table prefix and replace if necessary
+            if ($this->swapPre !== '' && str_starts_with($parts[$i], $this->swapPre)) {
+                $parts[$i] = preg_replace('/^' . $this->swapPre . '(\S+?)/', $this->DBPrefix . '\\1', $parts[$i]);
+            }
+            // We only add the table prefix if it does not already exist
+            elseif (! str_starts_with($parts[$i], $this->DBPrefix)) {
+                $parts[$i] = $this->DBPrefix . $parts[$i];
+            }
+
+            // Put the parts back together
+            $item = implode('.', $parts);
+        }
+
+        if ($protectIdentifiers) {
+            $item = $this->escapeIdentifiers($item);
+        }
+
+        return $item . $alias;
+    }
+
+    /**
+     * Escape the SQL Identifier
+     *
+     * This function escapes single identifier.
+     *
+     * @param non-empty-string|TableName $item
+     */
+    public function escapeIdentifier($item): string
+    {
+        if ($item === '') {
+            return '';
+        }
+
+        if ($item instanceof TableName) {
+            return $this->escapeTableName($item);
+        }
+
+        return $this->escapeChar
+            . str_replace(
+                $this->escapeChar,
+                $this->escapeChar . $this->escapeChar,
+                $item,
+            )
+            . $this->escapeChar;
+    }
+
+    /**
+     * Returns escaped table name with alias.
+     */
+    private function escapeTableName(TableName $tableName): string
+    {
+        $alias = $tableName->getAlias();
+
+        return $this->escapeIdentifier($tableName->getActualTableName())
+            . (($alias !== '') ? ' ' . $this->escapeIdentifier($alias) : '');
+    }
+
+    /**
+     * Escape the SQL Identifiers
+     *
+     * This function escapes column and table names
+     *
+     * @param array|string $item
+     *
+     * @return ($item is array ? array : string)
+     */
+    public function escapeIdentifiers($item)
+    {
+        if ($this->escapeChar === '' || empty($item) || in_array($item, $this->reservedIdentifiers, true)) {
+            return $item;
+        }
+
+        if (is_array($item)) {
+            foreach ($item as $key => $value) {
+                $item[$key] = $this->escapeIdentifiers($value);
+            }
+
+            return $item;
+        }
+
+        // Avoid breaking functions and literal values inside queries
+        if (ctype_digit($item)
+            || $item[0] === "'"
+            || ($this->escapeChar !== '"' && $item[0] === '"')
+            || str_contains($item, '(')) {
+            return $item;
+        }
+
+        if ($this->pregEscapeChar === []) {
+            if (is_array($this->escapeChar)) {
+                $this->pregEscapeChar = [
+                    preg_quote($this->escapeChar[0], '/'),
+                    preg_quote($this->escapeChar[1], '/'),
+                    $this->escapeChar[0],
+                    $this->escapeChar[1],
+                ];
+            } else {
+                $this->pregEscapeChar[0] = $this->pregEscapeChar[1] = preg_quote($this->escapeChar, '/');
+                $this->pregEscapeChar[2] = $this->pregEscapeChar[3] = $this->escapeChar;
+            }
+        }
+
+        foreach ($this->reservedIdentifiers as $id) {
+            /** @psalm-suppress NoValue I don't know why ERROR. */
+            if (str_contains($item, '.' . $id)) {
+                return preg_replace(
+                    '/' . $this->pregEscapeChar[0] . '?([^' . $this->pregEscapeChar[1] . '\.]+)' . $this->pregEscapeChar[1] . '?\./i',
+                    $this->pregEscapeChar[2] . '$1' . $this->pregEscapeChar[3] . '.',
+                    $item,
+                );
+            }
+        }
+
+        /** @psalm-suppress NoValue I don't know why ERROR. */
+        return preg_replace(
+            '/' . $this->pregEscapeChar[0] . '?([^' . $this->pregEscapeChar[1] . '\.]+)' . $this->pregEscapeChar[1] . '?(\.)?/i',
+            $this->pregEscapeChar[2] . '$1' . $this->pregEscapeChar[3] . '$2',
+            $item,
+        );
+    }
+
+    /**
+     * Prepends a database prefix if one exists in configuration
+     *
+     * @throws DatabaseException
+     */
+    public function prefixTable(string $table = ''): string
+    {
+        if ($table === '') {
+            throw new DatabaseException('A table name is required for that operation.');
+        }
+
+        return $this->DBPrefix . $table;
+    }
+
+    /**
+     * Returns the total number of rows affected by this query.
+     */
+    abstract public function affectedRows(): int;
+
+    /**
+     * "Smart" Escape String
+     *
+     * Escapes data based on type.
+     * Sets boolean and null types
+     *
+     * @param array|bool|float|int|object|string|null $str
+     *
+     * @return ($str is array ? array : float|int|string)
+     */
+    public function escape($str)
+    {
+        if (is_array($str)) {
+            return array_map($this->escape(...), $str);
+        }
+
+        if ($str instanceof Stringable) {
+            if ($str instanceof RawSql) {
+                return $str->__toString();
+            }
+
+            $str = (string) $str;
+        }
+
+        if (is_string($str)) {
+            return "'" . $this->escapeString($str) . "'";
+        }
+
+        if (is_bool($str)) {
+            return ($str === false) ? 0 : 1;
+        }
+
+        return $str ?? 'NULL';
+    }
+
+    /**
+     * Escape String
+     *
+     * @param list<string|Stringable>|string|Stringable $str  Input string
+     * @param bool                                      $like Whether the string will be used in a LIKE condition
+     *
+     * @return list<string>|string
+     */
+    public function escapeString($str, bool $like = false)
+    {
+        if (is_array($str)) {
+            foreach ($str as $key => $val) {
+                $str[$key] = $this->escapeString($val, $like);
+            }
+
+            return $str;
+        }
+
+        if ($str instanceof Stringable) {
+            if ($str instanceof RawSql) {
+                return $str->__toString();
+            }
+
+            $str = (string) $str;
+        }
+
+        $str = $this->_escapeString($str);
+
+        // escape LIKE condition wildcards
+        if ($like) {
+            return str_replace(
+                [
+                    $this->likeEscapeChar,
+                    '%',
+                    '_',
+                ],
+                [
+                    $this->likeEscapeChar . $this->likeEscapeChar,
+                    $this->likeEscapeChar . '%',
+                    $this->likeEscapeChar . '_',
+                ],
+                $str,
+            );
+        }
+
+        return $str;
+    }
+
+    /**
+     * Escape LIKE String
+     *
+     * Calls the individual driver for platform
+     * specific escaping for LIKE conditions
+     *
+     * @param list<string|Stringable>|string|Stringable $str
+     *
+     * @return list<string>|string
+     */
+    public function escapeLikeString($str)
+    {
+        return $this->escapeString($str, true);
+    }
+
+    /**
+     * Platform independent string escape.
+     *
+     * Will likely be overridden in child classes.
+     */
+    protected function _escapeString(string $str): string
+    {
+        return str_replace("'", "''", remove_invisible_characters($str, false));
+    }
+
+    /**
+     * This function enables you to call PHP database functions that are not natively included
+     * in CodeIgniter, in a platform independent manner.
+     *
+     * @param array ...$params
+     *
+     * @throws DatabaseException
+     */
+    public function callFunction(string $functionName, ...$params): bool
+    {
+        $driver = $this->getDriverFunctionPrefix();
+
+        if (! str_contains($driver, $functionName)) {
+            $functionName = $driver . $functionName;
+        }
+
+        if (! function_exists($functionName)) {
+            if ($this->DBDebug) {
+                throw new DatabaseException('This feature is not available for the database you are using.');
+            }
+
+            return false;
+        }
+
+        return $functionName(...$params);
+    }
+
+    /**
+     * Get the prefix of the function to access the DB.
+     */
+    protected function getDriverFunctionPrefix(): string
+    {
+        return strtolower($this->DBDriver) . '_';
+    }
+
+    // --------------------------------------------------------------------
+    // META Methods
+    // --------------------------------------------------------------------
+
+    /**
+     * Returns an array of table names
+     *
+     * @return false|list<string>
+     *
+     * @throws DatabaseException
+     */
+    public function listTables(bool $constrainByPrefix = false)
+    {
+        if (isset($this->dataCache['table_names']) && $this->dataCache['table_names']) {
+            return $constrainByPrefix
+                ? preg_grep("/^{$this->DBPrefix}/", $this->dataCache['table_names'])
+                : $this->dataCache['table_names'];
+        }
+
+        $sql = $this->_listTables($constrainByPrefix);
+
+        if ($sql === false) {
+            if ($this->DBDebug) {
+                throw new DatabaseException('This feature is not available for the database you are using.');
+            }
+
+            return false;
+        }
+
+        $this->dataCache['table_names'] = [];
+
+        $query = $this->query($sql);
+
+        foreach ($query->getResultArray() as $row) {
+            /** @var string $table */
+            $table = $row['table_name'] ?? $row['TABLE_NAME'] ?? $row[array_key_first($row)];
+
+            $this->dataCache['table_names'][] = $table;
+        }
+
+        return $this->dataCache['table_names'];
+    }
+
+    /**
+     * Determine if a particular table exists
+     *
+     * @param bool $cached Whether to use data cache
+     */
+    public function tableExists(string $tableName, bool $cached = true): bool
+    {
+        if ($cached) {
+            return in_array($this->protectIdentifiers($tableName, true, false, false), $this->listTables(), true);
+        }
+
+        if (false === ($sql = $this->_listTables(false, $tableName))) {
+            if ($this->DBDebug) {
+                throw new DatabaseException('This feature is not available for the database you are using.');
+            }
+
+            return false;
+        }
+
+        $tableExists = $this->query($sql)->getResultArray() !== [];
+
+        // if cache has been built already
+        if (! empty($this->dataCache['table_names'])) {
+            $key = array_search(
+                strtolower($tableName),
+                array_map(strtolower(...), $this->dataCache['table_names']),
+                true,
+            );
+
+            // table doesn't exist but still in cache - lets reset cache, it can be rebuilt later
+            // OR if table does exist but is not found in cache
+            if (($key !== false && ! $tableExists) || ($key === false && $tableExists)) {
+                $this->resetDataCache();
+            }
+        }
+
+        return $tableExists;
+    }
+
+    /**
+     * Fetch Field Names
+     *
+     * @param string|TableName $tableName
+     *
+     * @return false|list<string>
+     *
+     * @throws DatabaseException
+     */
+    public function getFieldNames($tableName)
+    {
+        $table = ($tableName instanceof TableName) ? $tableName->getTableName() : $tableName;
+
+        // Is there a cached result?
+        if (isset($this->dataCache['field_names'][$table])) {
+            return $this->dataCache['field_names'][$table];
+        }
+
+        if (empty($this->connID)) {
+            $this->initialize();
+        }
+
+        if (false === ($sql = $this->_listColumns($tableName))) {
+            if ($this->DBDebug) {
+                throw new DatabaseException('This feature is not available for the database you are using.');
+            }
+
+            return false;
+        }
+
+        $query = $this->query($sql);
+
+        $this->dataCache['field_names'][$table] = [];
+
+        foreach ($query->getResultArray() as $row) {
+            // Do we know from where to get the column's name?
+            if (! isset($key)) {
+                if (isset($row['column_name'])) {
+                    $key = 'column_name';
+                } elseif (isset($row['COLUMN_NAME'])) {
+                    $key = 'COLUMN_NAME';
+                } else {
+                    // We have no other choice but to just get the first element's key.
+                    $key = key($row);
+                }
+            }
+
+            $this->dataCache['field_names'][$table][] = $row[$key];
+        }
+
+        return $this->dataCache['field_names'][$table];
+    }
+
+    /**
+     * Determine if a particular field exists
+     */
+    public function fieldExists(string $fieldName, string $tableName): bool
+    {
+        return in_array($fieldName, $this->getFieldNames($tableName), true);
+    }
+
+    /**
+     * Returns an object with field data
+     *
+     * @return list<stdClass>
+     */
+    public function getFieldData(string $table)
+    {
+        return $this->_fieldData($this->protectIdentifiers($table, true, false, false));
+    }
+
+    /**
+     * Returns an object with key data
+     *
+     * @return array<string, stdClass>
+     */
+    public function getIndexData(string $table)
+    {
+        return $this->_indexData($this->protectIdentifiers($table, true, false, false));
+    }
+
+    /**
+     * Returns an object with foreign key data
+     *
+     * @return array<string, stdClass>
+     */
+    public function getForeignKeyData(string $table)
+    {
+        return $this->_foreignKeyData($this->protectIdentifiers($table, true, false, false));
+    }
+
+    /**
+     * Converts array of arrays generated by _foreignKeyData() to array of objects
+     *
+     * @return array<string, stdClass>
+     *
+     * array[
+     *    {constraint_name} =>
+     *        stdClass[
+     *            'constraint_name'     => string,
+     *            'table_name'          => string,
+     *            'column_name'         => string[],
+     *            'foreign_table_name'  => string,
+     *            'foreign_column_name' => string[],
+     *            'on_delete'           => string,
+     *            'on_update'           => string,
+     *            'match'               => string
+     *        ]
+     * ]
+     */
+    protected function foreignKeyDataToObjects(array $data)
+    {
+        $retVal = [];
+
+        foreach ($data as $row) {
+            $name = $row['constraint_name'];
+
+            // for sqlite generate name
+            if ($name === null) {
+                $name = $row['table_name'] . '_' . implode('_', $row['column_name']) . '_foreign';
+            }
+
+            $obj                      = new stdClass();
+            $obj->constraint_name     = $name;
+            $obj->table_name          = $row['table_name'];
+            $obj->column_name         = $row['column_name'];
+            $obj->foreign_table_name  = $row['foreign_table_name'];
+            $obj->foreign_column_name = $row['foreign_column_name'];
+            $obj->on_delete           = $row['on_delete'];
+            $obj->on_update           = $row['on_update'];
+            $obj->match               = $row['match'];
+
+            $retVal[$name] = $obj;
+        }
+
+        return $retVal;
+    }
+
+    /**
+     * Disables foreign key checks temporarily.
+     *
+     * @return bool
+     */
+    public function disableForeignKeyChecks()
+    {
+        $sql = $this->_disableForeignKeyChecks();
+
+        if ($sql === '') {
+            // The feature is not supported.
+            return false;
+        }
+
+        return $this->query($sql);
+    }
+
+    /**
+     * Enables foreign key checks temporarily.
+     *
+     * @return bool
+     */
+    public function enableForeignKeyChecks()
+    {
+        $sql = $this->_enableForeignKeyChecks();
+
+        if ($sql === '') {
+            // The feature is not supported.
+            return false;
+        }
+
+        return $this->query($sql);
+    }
+
+    /**
+     * Allows the engine to be set into a mode where queries are not
+     * actually executed, but they are still generated, timed, etc.
+     *
+     * This is primarily used by the prepared query functionality.
+     *
+     * @return $this
+     */
+    public function pretend(bool $pretend = true)
+    {
+        $this->pretend = $pretend;
+
+        return $this;
+    }
+
+    /**
+     * Empties our data cache. Especially helpful during testing.
+     *
+     * @return $this
+     */
+    public function resetDataCache()
+    {
+        $this->dataCache = [];
+
+        return $this;
+    }
+
+    /**
+     * Determines if the statement is a write-type query or not.
+     *
+     * @param string $sql
+     */
+    public function isWriteType($sql): bool
+    {
+        return (bool) preg_match('/^\s*(WITH\s.+(\s|[)]))?"?(SET|INSERT|UPDATE|DELETE|REPLACE|CREATE|DROP|TRUNCATE|LOAD|COPY|ALTER|RENAME|GRANT|REVOKE|LOCK|UNLOCK|REINDEX|MERGE)\s(?!.*\sRETURNING\s)/is', $sql);
+    }
+
+    /**
+     * Returns the last error code and message.
+     *
+     * Must return an array with keys 'code' and 'message':
+     *
+     * @return array{code: int|string|null, message: string|null}
+     */
+    abstract public function error(): array;
+
+    /**
+     * Insert ID
+     *
+     * @return int|string
+     */
+    abstract public function insertID();
+
+    /**
+     * Generates the SQL for listing tables in a platform-dependent manner.
+     *
+     * @param string|null $tableName If $tableName is provided will return only this table if exists.
+     *
+     * @return false|string
+     */
+    abstract protected function _listTables(bool $constrainByPrefix = false, ?string $tableName = null);
+
+    /**
+     * Generates a platform-specific query string so that the column names can be fetched.
+     *
+     * @param string|TableName $table
+     *
+     * @return false|string
+     */
+    abstract protected function _listColumns($table = '');
+
+    /**
+     * Platform-specific field data information.
+     *
+     * @see getFieldData()
+     *
+     * @return list<stdClass>
+     */
+    abstract protected function _fieldData(string $table): array;
+
+    /**
+     * Platform-specific index data.
+     *
+     * @see    getIndexData()
+     *
+     * @return array<string, stdClass>
+     */
+    abstract protected function _indexData(string $table): array;
+
+    /**
+     * Platform-specific foreign keys data.
+     *
+     * @see    getForeignKeyData()
+     *
+     * @return array<string, stdClass>
+     */
+    abstract protected function _foreignKeyData(string $table): array;
+
+    /**
+     * Platform-specific SQL statement to disable foreign key checks.
+     *
+     * If this feature is not supported, return empty string.
+     *
+     * @TODO This method should be moved to an interface that represents foreign key support.
+     *
+     * @return string
+     *
+     * @see disableForeignKeyChecks()
+     */
+    protected function _disableForeignKeyChecks()
+    {
+        return '';
+    }
+
+    /**
+     * Platform-specific SQL statement to enable foreign key checks.
+     *
+     * If this feature is not supported, return empty string.
+     *
+     * @TODO This method should be moved to an interface that represents foreign key support.
+     *
+     * @return string
+     *
+     * @see enableForeignKeyChecks()
+     */
+    protected function _enableForeignKeyChecks()
+    {
+        return '';
+    }
+
+    /**
+     * Accessor for properties if they exist.
+     *
+     * @return array|bool|float|int|object|resource|string|null
+     */
+    public function __get(string $key)
+    {
+        if (property_exists($this, $key)) {
+            return $this->{$key};
+        }
+
+        return null;
+    }
+
+    /**
+     * Checker for properties existence.
+     */
+    public function __isset(string $key): bool
+    {
+        return property_exists($this, $key);
+    }
+}
diff --git a/ci4app/system/Database/BasePreparedQuery.php b/ci4app/system/Database/BasePreparedQuery.php
new file mode 100644
index 0000000..d5bb40b
--- /dev/null
+++ b/ci4app/system/Database/BasePreparedQuery.php
@@ -0,0 +1,265 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+use ArgumentCountError;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Events\Events;
+use CodeIgniter\Exceptions\BadMethodCallException;
+use ErrorException;
+
+/**
+ * @template TConnection
+ * @template TStatement
+ * @template TResult
+ *
+ * @implements PreparedQueryInterface<TConnection, TStatement, TResult>
+ */
+abstract class BasePreparedQuery implements PreparedQueryInterface
+{
+    /**
+     * The prepared statement itself.
+     *
+     * @var TStatement|null
+     */
+    protected $statement;
+
+    /**
+     * The error code, if any.
+     *
+     * @var int
+     */
+    protected $errorCode;
+
+    /**
+     * The error message, if any.
+     *
+     * @var string
+     */
+    protected $errorString;
+
+    /**
+     * Holds the prepared query object
+     * that is cloned during execute.
+     *
+     * @var Query
+     */
+    protected $query;
+
+    /**
+     * A reference to the db connection to use.
+     *
+     * @var BaseConnection<TConnection, TResult>
+     */
+    protected $db;
+
+    public function __construct(BaseConnection $db)
+    {
+        $this->db = $db;
+    }
+
+    /**
+     * Prepares the query against the database, and saves the connection
+     * info necessary to execute the query later.
+     *
+     * NOTE: This version is based on SQL code. Child classes should
+     * override this method.
+     *
+     * @return $this
+     */
+    public function prepare(string $sql, array $options = [], string $queryClass = Query::class)
+    {
+        // We only supports positional placeholders (?)
+        // in order to work with the execute method below, so we
+        // need to replace our named placeholders (:name)
+        $sql = preg_replace('/:[^\s,)]+/', '?', $sql);
+
+        /** @var Query $query */
+        $query = new $queryClass($this->db);
+
+        $query->setQuery($sql);
+
+        if (! empty($this->db->swapPre) && ! empty($this->db->DBPrefix)) {
+            $query->swapPrefix($this->db->DBPrefix, $this->db->swapPre);
+        }
+
+        $this->query = $query;
+
+        return $this->_prepare($query->getOriginalQuery(), $options);
+    }
+
+    /**
+     * The database-dependent portion of the prepare statement.
+     *
+     * @return $this
+     */
+    abstract public function _prepare(string $sql, array $options = []);
+
+    /**
+     * Takes a new set of data and runs it against the currently
+     * prepared query. Upon success, will return a Results object.
+     *
+     * @return bool|ResultInterface<TConnection, TResult>
+     *
+     * @throws DatabaseException
+     */
+    public function execute(...$data)
+    {
+        // Execute the Query.
+        $startTime = microtime(true);
+
+        try {
+            $exception = null;
+            $result    = $this->_execute($data);
+        } catch (ArgumentCountError|ErrorException $exception) {
+            $result = false;
+        }
+
+        // Update our query object
+        $query = clone $this->query;
+        $query->setBinds($data);
+
+        if ($result === false) {
+            $query->setDuration($startTime, $startTime);
+
+            // This will trigger a rollback if transactions are being used
+            $this->db->handleTransStatus();
+
+            if ($this->db->DBDebug) {
+                // We call this function in order to roll-back queries
+                // if transactions are enabled. If we don't call this here
+                // the error message will trigger an exit, causing the
+                // transactions to remain in limbo.
+                while ($this->db->transDepth !== 0) {
+                    $transDepth = $this->db->transDepth;
+                    $this->db->transComplete();
+
+                    if ($transDepth === $this->db->transDepth) {
+                        log_message('error', 'Database: Failure during an automated transaction commit/rollback!');
+                        break;
+                    }
+                }
+
+                // Let others do something with this query.
+                Events::trigger('DBQuery', $query);
+
+                if ($exception !== null) {
+                    throw new DatabaseException($exception->getMessage(), $exception->getCode(), $exception);
+                }
+
+                return false;
+            }
+
+            // Let others do something with this query.
+            Events::trigger('DBQuery', $query);
+
+            return false;
+        }
+
+        $query->setDuration($startTime);
+
+        // Let others do something with this query
+        Events::trigger('DBQuery', $query);
+
+        if ($this->db->isWriteType((string) $query)) {
+            return true;
+        }
+
+        // Return a result object
+        $resultClass = str_replace('PreparedQuery', 'Result', static::class);
+
+        $resultID = $this->_getResult();
+
+        return new $resultClass($this->db->connID, $resultID);
+    }
+
+    /**
+     * The database dependant version of the execute method.
+     */
+    abstract public function _execute(array $data): bool;
+
+    /**
+     * Returns the result object for the prepared query.
+     *
+     * @return object|resource|null
+     */
+    abstract public function _getResult();
+
+    /**
+     * Explicitly closes the prepared statement.
+     *
+     * @throws BadMethodCallException
+     */
+    public function close(): bool
+    {
+        if (! isset($this->statement)) {
+            throw new BadMethodCallException('Cannot call close on a non-existing prepared statement.');
+        }
+
+        try {
+            return $this->_close();
+        } finally {
+            $this->statement = null;
+        }
+    }
+
+    /**
+     * The database-dependent version of the close method.
+     */
+    abstract protected function _close(): bool;
+
+    /**
+     * Returns the SQL that has been prepared.
+     */
+    public function getQueryString(): string
+    {
+        if (! $this->query instanceof QueryInterface) {
+            throw new BadMethodCallException('Cannot call getQueryString on a prepared query until after the query has been prepared.');
+        }
+
+        return $this->query->getQuery();
+    }
+
+    /**
+     * A helper to determine if any error exists.
+     */
+    public function hasError(): bool
+    {
+        return ! empty($this->errorString);
+    }
+
+    /**
+     * Returns the error code created while executing this statement.
+     */
+    public function getErrorCode(): int
+    {
+        return $this->errorCode;
+    }
+
+    /**
+     * Returns the error message created while executing this statement.
+     */
+    public function getErrorMessage(): string
+    {
+        return $this->errorString;
+    }
+
+    /**
+     * Whether the input contain binary data.
+     */
+    protected function isBinary(string $input): bool
+    {
+        return mb_detect_encoding($input, 'UTF-8', true) === false;
+    }
+}
diff --git a/ci4app/system/Database/BaseResult.php b/ci4app/system/Database/BaseResult.php
new file mode 100644
index 0000000..c0bdc2a
--- /dev/null
+++ b/ci4app/system/Database/BaseResult.php
@@ -0,0 +1,537 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+use CodeIgniter\Entity\Entity;
+use stdClass;
+
+/**
+ * @template TConnection
+ * @template TResult
+ *
+ * @implements ResultInterface<TConnection, TResult>
+ */
+abstract class BaseResult implements ResultInterface
+{
+    /**
+     * Connection ID
+     *
+     * @var TConnection
+     */
+    public $connID;
+
+    /**
+     * Result ID
+     *
+     * @var false|TResult
+     */
+    public $resultID;
+
+    /**
+     * Result Array
+     *
+     * @var list<array>
+     */
+    public $resultArray = [];
+
+    /**
+     * Result Object
+     *
+     * @var list<object>
+     */
+    public $resultObject = [];
+
+    /**
+     * Custom Result Object
+     *
+     * @var array
+     */
+    public $customResultObject = [];
+
+    /**
+     * Current Row index
+     *
+     * @var int
+     */
+    public $currentRow = 0;
+
+    /**
+     * The number of records in the query result
+     *
+     * @var int|null
+     */
+    protected $numRows;
+
+    /**
+     * Row data
+     *
+     * @var array|null
+     */
+    public $rowData;
+
+    /**
+     * Constructor
+     *
+     * @param TConnection $connID
+     * @param TResult     $resultID
+     */
+    public function __construct(&$connID, &$resultID)
+    {
+        $this->connID   = $connID;
+        $this->resultID = $resultID;
+    }
+
+    /**
+     * Retrieve the results of the query. Typically an array of
+     * individual data rows, which can be either an 'array', an
+     * 'object', or a custom class name.
+     *
+     * @param string $type The row type. Either 'array', 'object', or a class name to use
+     */
+    public function getResult(string $type = 'object'): array
+    {
+        if ($type === 'array') {
+            return $this->getResultArray();
+        }
+
+        if ($type === 'object') {
+            return $this->getResultObject();
+        }
+
+        return $this->getCustomResultObject($type);
+    }
+
+    /**
+     * Returns the results as an array of custom objects.
+     *
+     * @param class-string $className
+     *
+     * @return array
+     */
+    public function getCustomResultObject(string $className)
+    {
+        if (isset($this->customResultObject[$className])) {
+            return $this->customResultObject[$className];
+        }
+
+        if (! $this->isValidResultId()) {
+            return [];
+        }
+
+        // Don't fetch the result set again if we already have it
+        $_data = null;
+        if (($c = count($this->resultArray)) > 0) {
+            $_data = 'resultArray';
+        } elseif (($c = count($this->resultObject)) > 0) {
+            $_data = 'resultObject';
+        }
+
+        if ($_data !== null) {
+            for ($i = 0; $i < $c; $i++) {
+                $this->customResultObject[$className][$i] = new $className();
+
+                foreach ($this->{$_data}[$i] as $key => $value) {
+                    $this->customResultObject[$className][$i]->{$key} = $value;
+                }
+            }
+
+            return $this->customResultObject[$className];
+        }
+
+        if ($this->rowData !== null) {
+            $this->dataSeek();
+        }
+        $this->customResultObject[$className] = [];
+
+        while ($row = $this->fetchObject($className)) {
+            if (! is_subclass_of($row, Entity::class) && method_exists($row, 'syncOriginal')) {
+                $row->syncOriginal();
+            }
+
+            $this->customResultObject[$className][] = $row;
+        }
+
+        return $this->customResultObject[$className];
+    }
+
+    /**
+     * Returns the results as an array of arrays.
+     *
+     * If no results, an empty array is returned.
+     */
+    public function getResultArray(): array
+    {
+        if ($this->resultArray !== []) {
+            return $this->resultArray;
+        }
+
+        // In the event that query caching is on, the result_id variable
+        // will not be a valid resource so we'll simply return an empty
+        // array.
+        if (! $this->isValidResultId()) {
+            return [];
+        }
+
+        if ($this->resultObject !== []) {
+            foreach ($this->resultObject as $row) {
+                $this->resultArray[] = (array) $row;
+            }
+
+            return $this->resultArray;
+        }
+
+        if ($this->rowData !== null) {
+            $this->dataSeek();
+        }
+
+        while ($row = $this->fetchAssoc()) {
+            $this->resultArray[] = $row;
+        }
+
+        return $this->resultArray;
+    }
+
+    /**
+     * Returns the results as an array of objects.
+     *
+     * If no results, an empty array is returned.
+     *
+     * @return list<stdClass>
+     */
+    public function getResultObject(): array
+    {
+        if ($this->resultObject !== []) {
+            return $this->resultObject;
+        }
+
+        // In the event that query caching is on, the result_id variable
+        // will not be a valid resource so we'll simply return an empty
+        // array.
+        if (! $this->isValidResultId()) {
+            return [];
+        }
+
+        if ($this->resultArray !== []) {
+            foreach ($this->resultArray as $row) {
+                $this->resultObject[] = (object) $row;
+            }
+
+            return $this->resultObject;
+        }
+
+        if ($this->rowData !== null) {
+            $this->dataSeek();
+        }
+
+        while ($row = $this->fetchObject()) {
+            if (! is_subclass_of($row, Entity::class) && method_exists($row, 'syncOriginal')) {
+                $row->syncOriginal();
+            }
+
+            $this->resultObject[] = $row;
+        }
+
+        return $this->resultObject;
+    }
+
+    /**
+     * Wrapper object to return a row as either an array, an object, or
+     * a custom class.
+     *
+     * If the row doesn't exist, returns null.
+     *
+     * @template T of object
+     *
+     * @param int|string                       $n    The index of the results to return, or column name.
+     * @param 'array'|'object'|class-string<T> $type The type of result object. 'array', 'object' or class name.
+     *
+     * @return ($n is string ? float|int|string|null : ($type is 'object' ? stdClass|null : ($type is 'array' ? array|null : T|null)))
+     */
+    public function getRow($n = 0, string $type = 'object')
+    {
+        // $n is a column name.
+        if (! is_numeric($n)) {
+            // We cache the row data for subsequent uses
+            if (! is_array($this->rowData)) {
+                $this->rowData = $this->getRowArray();
+            }
+
+            // array_key_exists() instead of isset() to allow for NULL values
+            if (empty($this->rowData) || ! array_key_exists($n, $this->rowData)) {
+                return null;
+            }
+
+            return $this->rowData[$n];
+        }
+
+        if ($type === 'object') {
+            return $this->getRowObject($n);
+        }
+
+        if ($type === 'array') {
+            return $this->getRowArray($n);
+        }
+
+        return $this->getCustomRowObject($n, $type);
+    }
+
+    /**
+     * Returns a row as a custom class instance.
+     *
+     * If the row doesn't exist, returns null.
+     *
+     * @template T of object
+     *
+     * @param int             $n         The index of the results to return.
+     * @param class-string<T> $className
+     *
+     * @return T|null
+     */
+    public function getCustomRowObject(int $n, string $className)
+    {
+        if (! isset($this->customResultObject[$className])) {
+            $this->getCustomResultObject($className);
+        }
+
+        if (empty($this->customResultObject[$className])) {
+            return null;
+        }
+
+        if ($n !== $this->currentRow && isset($this->customResultObject[$className][$n])) {
+            $this->currentRow = $n;
+        }
+
+        return $this->customResultObject[$className][$this->currentRow];
+    }
+
+    /**
+     * Returns a single row from the results as an array.
+     *
+     * If row doesn't exist, returns null.
+     *
+     * @return array|null
+     */
+    public function getRowArray(int $n = 0)
+    {
+        $result = $this->getResultArray();
+        if ($result === []) {
+            return null;
+        }
+
+        if ($n !== $this->currentRow && isset($result[$n])) {
+            $this->currentRow = $n;
+        }
+
+        return $result[$this->currentRow];
+    }
+
+    /**
+     * Returns a single row from the results as an object.
+     *
+     * If row doesn't exist, returns null.
+     *
+     * @return object|stdClass|null
+     */
+    public function getRowObject(int $n = 0)
+    {
+        $result = $this->getResultObject();
+        if ($result === []) {
+            return null;
+        }
+
+        if ($n !== $this->customResultObject && isset($result[$n])) {
+            $this->currentRow = $n;
+        }
+
+        return $result[$this->currentRow];
+    }
+
+    /**
+     * Assigns an item into a particular column slot.
+     *
+     * @param array|string               $key
+     * @param array|object|stdClass|null $value
+     *
+     * @return void
+     */
+    public function setRow($key, $value = null)
+    {
+        // We cache the row data for subsequent uses
+        if (! is_array($this->rowData)) {
+            $this->rowData = $this->getRowArray();
+        }
+
+        if (is_array($key)) {
+            foreach ($key as $k => $v) {
+                $this->rowData[$k] = $v;
+            }
+
+            return;
+        }
+
+        if ($key !== '' && $value !== null) {
+            $this->rowData[$key] = $value;
+        }
+    }
+
+    /**
+     * Returns the "first" row of the current results.
+     *
+     * @return array|object|null
+     */
+    public function getFirstRow(string $type = 'object')
+    {
+        $result = $this->getResult($type);
+
+        return ($result === []) ? null : $result[0];
+    }
+
+    /**
+     * Returns the "last" row of the current results.
+     *
+     * @return array|object|null
+     */
+    public function getLastRow(string $type = 'object')
+    {
+        $result = $this->getResult($type);
+
+        return ($result === []) ? null : $result[count($result) - 1];
+    }
+
+    /**
+     * Returns the "next" row of the current results.
+     *
+     * @return array|object|null
+     */
+    public function getNextRow(string $type = 'object')
+    {
+        $result = $this->getResult($type);
+        if ($result === []) {
+            return null;
+        }
+
+        return isset($result[$this->currentRow + 1]) ? $result[++$this->currentRow] : null;
+    }
+
+    /**
+     * Returns the "previous" row of the current results.
+     *
+     * @return array|object|null
+     */
+    public function getPreviousRow(string $type = 'object')
+    {
+        $result = $this->getResult($type);
+        if ($result === []) {
+            return null;
+        }
+
+        if (isset($result[$this->currentRow - 1])) {
+            $this->currentRow--;
+        }
+
+        return $result[$this->currentRow];
+    }
+
+    /**
+     * Returns an unbuffered row and move the pointer to the next row.
+     *
+     * @return array|object|null
+     */
+    public function getUnbufferedRow(string $type = 'object')
+    {
+        if ($type === 'array') {
+            return $this->fetchAssoc();
+        }
+
+        if ($type === 'object') {
+            return $this->fetchObject();
+        }
+
+        return $this->fetchObject($type);
+    }
+
+    /**
+     * Number of rows in the result set; checks for previous count, falls
+     * back on counting resultArray or resultObject, finally fetching resultArray
+     * if nothing was previously fetched
+     */
+    public function getNumRows(): int
+    {
+        if (is_int($this->numRows)) {
+            return $this->numRows;
+        }
+        if ($this->resultArray !== []) {
+            return $this->numRows = count($this->resultArray);
+        }
+        if ($this->resultObject !== []) {
+            return $this->numRows = count($this->resultObject);
+        }
+
+        return $this->numRows = count($this->getResultArray());
+    }
+
+    private function isValidResultId(): bool
+    {
+        return is_resource($this->resultID) || is_object($this->resultID);
+    }
+
+    /**
+     * Gets the number of fields in the result set.
+     */
+    abstract public function getFieldCount(): int;
+
+    /**
+     * Generates an array of column names in the result set.
+     */
+    abstract public function getFieldNames(): array;
+
+    /**
+     * Generates an array of objects representing field meta-data.
+     */
+    abstract public function getFieldData(): array;
+
+    /**
+     * Frees the current result.
+     *
+     * @return void
+     */
+    abstract public function freeResult();
+
+    /**
+     * Moves the internal pointer to the desired offset. This is called
+     * internally before fetching results to make sure the result set
+     * starts at zero.
+     *
+     * @return bool
+     */
+    abstract public function dataSeek(int $n = 0);
+
+    /**
+     * Returns the result set as an array.
+     *
+     * Overridden by driver classes.
+     *
+     * @return array|false|null
+     */
+    abstract protected function fetchAssoc();
+
+    /**
+     * Returns the result set as an object.
+     *
+     * @param class-string $className
+     *
+     * @return false|object
+     */
+    abstract protected function fetchObject(string $className = stdClass::class);
+}
diff --git a/ci4app/system/Database/BaseUtils.php b/ci4app/system/Database/BaseUtils.php
new file mode 100644
index 0000000..26957ff
--- /dev/null
+++ b/ci4app/system/Database/BaseUtils.php
@@ -0,0 +1,328 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+use CodeIgniter\Database\Exceptions\DatabaseException;
+
+/**
+ * Class BaseUtils
+ */
+abstract class BaseUtils
+{
+    /**
+     * Database object
+     *
+     * @var object
+     */
+    protected $db;
+
+    /**
+     * List databases statement
+     *
+     * @var bool|string
+     */
+    protected $listDatabases = false;
+
+    /**
+     * OPTIMIZE TABLE statement
+     *
+     * @var bool|string
+     */
+    protected $optimizeTable = false;
+
+    /**
+     * REPAIR TABLE statement
+     *
+     * @var bool|string
+     */
+    protected $repairTable = false;
+
+    /**
+     * Class constructor
+     */
+    public function __construct(ConnectionInterface $db)
+    {
+        $this->db = $db;
+    }
+
+    /**
+     * List databases
+     *
+     * @return array|bool
+     *
+     * @throws DatabaseException
+     */
+    public function listDatabases()
+    {
+        // Is there a cached result?
+        if (isset($this->db->dataCache['db_names'])) {
+            return $this->db->dataCache['db_names'];
+        }
+
+        if ($this->listDatabases === false) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('Unsupported feature of the database platform you are using.');
+            }
+
+            return false;
+        }
+
+        $this->db->dataCache['db_names'] = [];
+
+        $query = $this->db->query($this->listDatabases);
+        if ($query === false) {
+            return $this->db->dataCache['db_names'];
+        }
+
+        for ($i = 0, $query = $query->getResultArray(), $c = count($query); $i < $c; $i++) {
+            $this->db->dataCache['db_names'][] = current($query[$i]);
+        }
+
+        return $this->db->dataCache['db_names'];
+    }
+
+    /**
+     * Determine if a particular database exists
+     */
+    public function databaseExists(string $databaseName): bool
+    {
+        return in_array($databaseName, $this->listDatabases(), true);
+    }
+
+    /**
+     * Optimize Table
+     *
+     * @return bool
+     *
+     * @throws DatabaseException
+     */
+    public function optimizeTable(string $tableName)
+    {
+        if ($this->optimizeTable === false) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('Unsupported feature of the database platform you are using.');
+            }
+
+            return false;
+        }
+
+        $query = $this->db->query(sprintf($this->optimizeTable, $this->db->escapeIdentifiers($tableName)));
+
+        return $query !== false;
+    }
+
+    /**
+     * Optimize Database
+     *
+     * @return mixed
+     *
+     * @throws DatabaseException
+     */
+    public function optimizeDatabase()
+    {
+        if ($this->optimizeTable === false) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('Unsupported feature of the database platform you are using.');
+            }
+
+            return false;
+        }
+
+        $result = [];
+
+        foreach ($this->db->listTables() as $tableName) {
+            $res = $this->db->query(sprintf($this->optimizeTable, $this->db->escapeIdentifiers($tableName)));
+            if (is_bool($res)) {
+                return $res;
+            }
+
+            // Build the result array...
+
+            $res = $res->getResultArray();
+
+            // Postgre & SQLite3 returns empty array
+            if (empty($res)) {
+                $key = $tableName;
+            } else {
+                $res  = current($res);
+                $key  = str_replace($this->db->database . '.', '', current($res));
+                $keys = array_keys($res);
+                unset($res[$keys[0]]);
+            }
+
+            $result[$key] = $res;
+        }
+
+        return $result;
+    }
+
+    /**
+     * Repair Table
+     *
+     * @return mixed
+     *
+     * @throws DatabaseException
+     */
+    public function repairTable(string $tableName)
+    {
+        if ($this->repairTable === false) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('Unsupported feature of the database platform you are using.');
+            }
+
+            return false;
+        }
+
+        $query = $this->db->query(sprintf($this->repairTable, $this->db->escapeIdentifiers($tableName)));
+        if (is_bool($query)) {
+            return $query;
+        }
+
+        $query = $query->getResultArray();
+
+        return current($query);
+    }
+
+    /**
+     * Generate CSV from a query result object
+     *
+     * @return string
+     */
+    public function getCSVFromResult(ResultInterface $query, string $delim = ',', string $newline = "\n", string $enclosure = '"')
+    {
+        $out = '';
+
+        foreach ($query->getFieldNames() as $name) {
+            $out .= $enclosure . str_replace($enclosure, $enclosure . $enclosure, $name) . $enclosure . $delim;
+        }
+
+        $out = substr($out, 0, -strlen($delim)) . $newline;
+
+        // Next blast through the result array and build out the rows
+        while ($row = $query->getUnbufferedRow('array')) {
+            $line = [];
+
+            foreach ($row as $item) {
+                $line[] = $enclosure . str_replace(
+                    $enclosure,
+                    $enclosure . $enclosure,
+                    (string) $item,
+                ) . $enclosure;
+            }
+
+            $out .= implode($delim, $line) . $newline;
+        }
+
+        return $out;
+    }
+
+    /**
+     * Generate XML data from a query result object
+     */
+    public function getXMLFromResult(ResultInterface $query, array $params = []): string
+    {
+        foreach (['root' => 'root', 'element' => 'element', 'newline' => "\n", 'tab' => "\t"] as $key => $val) {
+            if (! isset($params[$key])) {
+                $params[$key] = $val;
+            }
+        }
+
+        $root    = $params['root'];
+        $newline = $params['newline'];
+        $tab     = $params['tab'];
+        $element = $params['element'];
+
+        helper('xml');
+        $xml = '<' . $root . '>' . $newline;
+
+        while ($row = $query->getUnbufferedRow()) {
+            $xml .= $tab . '<' . $element . '>' . $newline;
+
+            foreach ($row as $key => $val) {
+                $val = (! empty($val)) ? xml_convert((string) $val) : '';
+
+                $xml .= $tab . $tab . '<' . $key . '>' . $val . '</' . $key . '>' . $newline;
+            }
+
+            $xml .= $tab . '</' . $element . '>' . $newline;
+        }
+
+        return $xml . '</' . $root . '>' . $newline;
+    }
+
+    /**
+     * Database Backup
+     *
+     * @param array|string $params
+     *
+     * @return false|never|string
+     *
+     * @throws DatabaseException
+     */
+    public function backup($params = [])
+    {
+        if (is_string($params)) {
+            $params = ['tables' => $params];
+        }
+
+        $prefs = [
+            'tables'             => [],
+            'ignore'             => [],
+            'filename'           => '',
+            'format'             => 'gzip', // gzip, txt
+            'add_drop'           => true,
+            'add_insert'         => true,
+            'newline'            => "\n",
+            'foreign_key_checks' => true,
+        ];
+
+        if (! empty($params)) {
+            foreach (array_keys($prefs) as $key) {
+                if (isset($params[$key])) {
+                    $prefs[$key] = $params[$key];
+                }
+            }
+        }
+
+        if (empty($prefs['tables'])) {
+            $prefs['tables'] = $this->db->listTables();
+        }
+
+        if (! in_array($prefs['format'], ['gzip', 'txt'], true)) {
+            $prefs['format'] = 'txt';
+        }
+
+        if ($prefs['format'] === 'gzip' && ! function_exists('gzencode')) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('The file compression format you chose is not supported by your server.');
+            }
+
+            $prefs['format'] = 'txt';
+        }
+
+        if ($prefs['format'] === 'txt') {
+            return $this->_backup($prefs);
+        }
+
+        // @TODO gzencode() requires `ext-zlib`, but _backup() is not implemented in all databases.
+        return gzencode($this->_backup($prefs));
+    }
+
+    /**
+     * Platform dependent version of the backup function.
+     *
+     * @return false|never|string
+     */
+    abstract public function _backup(?array $prefs = null);
+}
diff --git a/ci4app/system/Database/Config.php b/ci4app/system/Database/Config.php
new file mode 100644
index 0000000..6f25ad3
--- /dev/null
+++ b/ci4app/system/Database/Config.php
@@ -0,0 +1,153 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+use CodeIgniter\Config\BaseConfig;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use Config\Database as DbConfig;
+
+/**
+ * @see \CodeIgniter\Database\ConfigTest
+ */
+class Config extends BaseConfig
+{
+    /**
+     * Cache for instance of any connections that
+     * have been requested as a "shared" instance.
+     *
+     * @var array
+     */
+    protected static $instances = [];
+
+    /**
+     * The main instance used to manage all of
+     * our open database connections.
+     *
+     * @var Database|null
+     */
+    protected static $factory;
+
+    /**
+     * Returns the database connection
+     *
+     * @param array|BaseConnection|non-empty-string|null $group     The name of the connection group to use,
+     *                                                              or an array of configuration settings.
+     * @param bool                                       $getShared Whether to return a shared instance of the connection.
+     *
+     * @return BaseConnection
+     */
+    public static function connect($group = null, bool $getShared = true)
+    {
+        // If a DB connection is passed in, just pass it back
+        if ($group instanceof BaseConnection) {
+            return $group;
+        }
+
+        if (is_array($group)) {
+            $config = $group;
+            $group  = 'custom-' . md5(json_encode($config));
+        } else {
+            $dbConfig = config(DbConfig::class);
+
+            if ($group === null) {
+                $group = (ENVIRONMENT === 'testing') ? 'tests' : $dbConfig->defaultGroup;
+            }
+
+            assert(is_string($group));
+
+            if (! isset($dbConfig->{$group})) {
+                throw new InvalidArgumentException('"' . $group . '" is not a valid database connection group.');
+            }
+
+            $config = $dbConfig->{$group};
+        }
+
+        if ($getShared && isset(static::$instances[$group])) {
+            return static::$instances[$group];
+        }
+
+        static::ensureFactory();
+
+        $connection = static::$factory->load($config, $group);
+
+        static::$instances[$group] = $connection;
+
+        return $connection;
+    }
+
+    /**
+     * Returns an array of all db connections currently made.
+     */
+    public static function getConnections(): array
+    {
+        return static::$instances;
+    }
+
+    /**
+     * Loads and returns an instance of the Forge for the specified
+     * database group, and loads the group if it hasn't been loaded yet.
+     *
+     * @param array|ConnectionInterface|string|null $group
+     *
+     * @return Forge
+     */
+    public static function forge($group = null)
+    {
+        $db = static::connect($group);
+
+        return static::$factory->loadForge($db);
+    }
+
+    /**
+     * Returns a new instance of the Database Utilities class.
+     *
+     * @param array|string|null $group
+     *
+     * @return BaseUtils
+     */
+    public static function utils($group = null)
+    {
+        $db = static::connect($group);
+
+        return static::$factory->loadUtils($db);
+    }
+
+    /**
+     * Returns a new instance of the Database Seeder.
+     *
+     * @param non-empty-string|null $group
+     *
+     * @return Seeder
+     */
+    public static function seeder(?string $group = null)
+    {
+        $config = config(DbConfig::class);
+
+        return new Seeder($config, static::connect($group));
+    }
+
+    /**
+     * Ensures the database Connection Manager/Factory is loaded and ready to use.
+     *
+     * @return void
+     */
+    protected static function ensureFactory()
+    {
+        if (static::$factory instanceof Database) {
+            return;
+        }
+
+        static::$factory = new Database();
+    }
+}
diff --git a/ci4app/system/Database/ConnectionInterface.php b/ci4app/system/Database/ConnectionInterface.php
new file mode 100644
index 0000000..8e48344
--- /dev/null
+++ b/ci4app/system/Database/ConnectionInterface.php
@@ -0,0 +1,162 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+/**
+ * @template TConnection
+ * @template TResult
+ *
+ * @property      false|object|resource $connID
+ * @property-read string                $DBDriver
+ */
+interface ConnectionInterface
+{
+    /**
+     * Initializes the database connection/settings.
+     *
+     * @return void
+     */
+    public function initialize();
+
+    /**
+     * Connect to the database.
+     *
+     * @return false|TConnection
+     */
+    public function connect(bool $persistent = false);
+
+    /**
+     * Create a persistent database connection.
+     *
+     * @return false|TConnection
+     */
+    public function persistentConnect();
+
+    /**
+     * Keep or establish the connection if no queries have been sent for
+     * a length of time exceeding the server's idle timeout.
+     *
+     * @return void
+     */
+    public function reconnect();
+
+    /**
+     * Returns the actual connection object. If both a 'read' and 'write'
+     * connection has been specified, you can pass either term in to
+     * get that connection. If you pass either alias in and only a single
+     * connection is present, it must return the sole connection.
+     *
+     * @return false|TConnection
+     */
+    public function getConnection(?string $alias = null);
+
+    /**
+     * Select a specific database table to use.
+     *
+     * @return bool
+     */
+    public function setDatabase(string $databaseName);
+
+    /**
+     * Returns the name of the current database being used.
+     */
+    public function getDatabase(): string;
+
+    /**
+     * Returns the last error encountered by this connection.
+     * Must return this format: ['code' => string|int, 'message' => string]
+     * intval(code) === 0 means "no error".
+     *
+     * @return array<string, int|string>
+     */
+    public function error(): array;
+
+    /**
+     * The name of the platform in use (MySQLi, mssql, etc)
+     */
+    public function getPlatform(): string;
+
+    /**
+     * Returns a string containing the version of the database being used.
+     */
+    public function getVersion(): string;
+
+    /**
+     * Orchestrates a query against the database. Queries must use
+     * Database\Statement objects to store the query and build it.
+     * This method works with the cache.
+     *
+     * Should automatically handle different connections for read/write
+     * queries if needed.
+     *
+     * @param array|string|null $binds
+     *
+     * @return BaseResult<TConnection, TResult>|bool|Query
+     */
+    public function query(string $sql, $binds = null);
+
+    /**
+     * Performs a basic query against the database. No binding or caching
+     * is performed, nor are transactions handled. Simply takes a raw
+     * query string and returns the database-specific result id.
+     *
+     * @return false|TResult
+     */
+    public function simpleQuery(string $sql);
+
+    /**
+     * Returns an instance of the query builder for this connection.
+     *
+     * @param array|string $tableName Table name.
+     *
+     * @return BaseBuilder Builder.
+     */
+    public function table($tableName);
+
+    /**
+     * Returns the last query's statement object.
+     *
+     * @return Query
+     */
+    public function getLastQuery();
+
+    /**
+     * "Smart" Escaping
+     *
+     * Escapes data based on type.
+     * Sets boolean and null types.
+     *
+     * @param array|bool|float|int|object|string|null $str
+     *
+     * @return ($str is array ? array : float|int|string)
+     */
+    public function escape($str);
+
+    /**
+     * Allows for custom calls to the database engine that are not
+     * supported through our database layer.
+     *
+     * @param array ...$params
+     *
+     * @return array|bool|float|int|object|resource|string|null
+     */
+    public function callFunction(string $functionName, ...$params);
+
+    /**
+     * Determines if the statement is a write-type query or not.
+     *
+     * @param string $sql
+     */
+    public function isWriteType($sql): bool;
+}
diff --git a/ci4app/system/Database/Database.php b/ci4app/system/Database/Database.php
new file mode 100644
index 0000000..80e902d
--- /dev/null
+++ b/ci4app/system/Database/Database.php
@@ -0,0 +1,184 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+use CodeIgniter\Exceptions\ConfigException;
+use CodeIgniter\Exceptions\CriticalError;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+
+/**
+ * Database Connection Factory
+ *
+ * Creates and returns an instance of the appropriate Database Connection.
+ */
+class Database
+{
+    /**
+     * Maintains an array of the instances of all connections that have
+     * been created.
+     *
+     * Helps to keep track of all open connections for performance
+     * monitoring, logging, etc.
+     *
+     * @var array
+     */
+    protected $connections = [];
+
+    /**
+     * Parses the connection binds and creates a Database Connection instance.
+     *
+     * @return BaseConnection
+     *
+     * @throws InvalidArgumentException
+     */
+    public function load(array $params = [], string $alias = '')
+    {
+        if ($alias === '') {
+            throw new InvalidArgumentException('You must supply the parameter: alias.');
+        }
+
+        if (! empty($params['DSN']) && str_contains($params['DSN'], '://')) {
+            $params = $this->parseDSN($params);
+        }
+
+        if (empty($params['DBDriver'])) {
+            throw new InvalidArgumentException('You have not selected a database type to connect to.');
+        }
+
+        assert($this->checkDbExtension($params['DBDriver']));
+
+        $this->connections[$alias] = $this->initDriver($params['DBDriver'], 'Connection', $params);
+
+        return $this->connections[$alias];
+    }
+
+    /**
+     * Creates a Forge instance for the current database type.
+     */
+    public function loadForge(ConnectionInterface $db): Forge
+    {
+        if (! $db->connID) {
+            $db->initialize();
+        }
+
+        return $this->initDriver($db->DBDriver, 'Forge', $db);
+    }
+
+    /**
+     * Creates an instance of Utils for the current database type.
+     */
+    public function loadUtils(ConnectionInterface $db): BaseUtils
+    {
+        if (! $db->connID) {
+            $db->initialize();
+        }
+
+        return $this->initDriver($db->DBDriver, 'Utils', $db);
+    }
+
+    /**
+     * Parses universal DSN string
+     *
+     * @throws InvalidArgumentException
+     */
+    protected function parseDSN(array $params): array
+    {
+        $dsn = parse_url($params['DSN']);
+
+        if ($dsn === 0 || $dsn === '' || $dsn === '0' || $dsn === [] || $dsn === false || $dsn === null) {
+            throw new InvalidArgumentException('Your DSN connection string is invalid.');
+        }
+
+        $dsnParams = [
+            'DSN'      => '',
+            'DBDriver' => $dsn['scheme'],
+            'hostname' => isset($dsn['host']) ? rawurldecode($dsn['host']) : '',
+            'port'     => isset($dsn['port']) ? rawurldecode((string) $dsn['port']) : '',
+            'username' => isset($dsn['user']) ? rawurldecode($dsn['user']) : '',
+            'password' => isset($dsn['pass']) ? rawurldecode($dsn['pass']) : '',
+            'database' => isset($dsn['path']) ? rawurldecode(substr($dsn['path'], 1)) : '',
+        ];
+
+        if (isset($dsn['query']) && ($dsn['query'] !== '')) {
+            parse_str($dsn['query'], $extra);
+
+            foreach ($extra as $key => $val) {
+                if (is_string($val) && in_array(strtolower($val), ['true', 'false', 'null'], true)) {
+                    $val = $val === 'null' ? null : filter_var($val, FILTER_VALIDATE_BOOLEAN);
+                }
+
+                $dsnParams[$key] = $val;
+            }
+        }
+
+        return array_merge($params, $dsnParams);
+    }
+
+    /**
+     * Creates a database object.
+     *
+     * @param string                    $driver   Driver name. FQCN can be used.
+     * @param string                    $class    'Connection'|'Forge'|'Utils'
+     * @param array|ConnectionInterface $argument The constructor parameter or DB connection
+     *
+     * @return BaseConnection|BaseUtils|Forge
+     */
+    protected function initDriver(string $driver, string $class, $argument): object
+    {
+        $classname = (! str_contains($driver, '\\'))
+            ? "CodeIgniter\\Database\\{$driver}\\{$class}"
+            : $driver . '\\' . $class;
+
+        return new $classname($argument);
+    }
+
+    /**
+     * Check the PHP database extension is loaded.
+     *
+     * @param string $driver DB driver or FQCN for custom driver
+     */
+    private function checkDbExtension(string $driver): bool
+    {
+        if (str_contains($driver, '\\')) {
+            // Cannot check a fully qualified classname for a custom driver.
+            return true;
+        }
+
+        $extensionMap = [
+            // DBDriver => PHP extension
+            'MySQLi'  => 'mysqli',
+            'SQLite3' => 'sqlite3',
+            'Postgre' => 'pgsql',
+            'SQLSRV'  => 'sqlsrv',
+            'OCI8'    => 'oci8',
+        ];
+
+        $extension = $extensionMap[$driver] ?? '';
+
+        if ($extension === '') {
+            $message = 'Invalid DBDriver name: "' . $driver . '"';
+
+            throw new ConfigException($message);
+        }
+
+        if (extension_loaded($extension)) {
+            return true;
+        }
+
+        $message = 'The required PHP extension "' . $extension . '" is not loaded.'
+            . ' Install and enable it to use "' . $driver . '" driver.';
+
+        throw new CriticalError($message);
+    }
+}
diff --git a/ci4app/system/Database/Exceptions/DataException.php b/ci4app/system/Database/Exceptions/DataException.php
new file mode 100644
index 0000000..7cd9f52
--- /dev/null
+++ b/ci4app/system/Database/Exceptions/DataException.php
@@ -0,0 +1,99 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\Exceptions;
+
+use CodeIgniter\Exceptions\DebugTraceableTrait;
+use CodeIgniter\Exceptions\RuntimeException;
+
+class DataException extends RuntimeException implements ExceptionInterface
+{
+    use DebugTraceableTrait;
+
+    /**
+     * Used by the Model's trigger() method when the callback cannot be found.
+     *
+     * @return DataException
+     */
+    public static function forInvalidMethodTriggered(string $method)
+    {
+        return new static(lang('Database.invalidEvent', [$method]));
+    }
+
+    /**
+     * Used by Model's insert/update methods when there isn't
+     * any data to actually work with.
+     *
+     * @return DataException
+     */
+    public static function forEmptyDataset(string $mode)
+    {
+        return new static(lang('Database.emptyDataset', [$mode]));
+    }
+
+    /**
+     * Used by Model's insert/update methods when there is no
+     * primary key defined and Model has option `useAutoIncrement`
+     * set to false.
+     *
+     * @return DataException
+     */
+    public static function forEmptyPrimaryKey(string $mode)
+    {
+        return new static(lang('Database.emptyPrimaryKey', [$mode]));
+    }
+
+    /**
+     * Thrown when an argument for one of the Model's methods
+     * were empty or otherwise invalid, and they could not be
+     * to work correctly for that method.
+     *
+     * @return DataException
+     */
+    public static function forInvalidArgument(string $argument)
+    {
+        return new static(lang('Database.invalidArgument', [$argument]));
+    }
+
+    /**
+     * @return DataException
+     */
+    public static function forInvalidAllowedFields(string $model)
+    {
+        return new static(lang('Database.invalidAllowedFields', [$model]));
+    }
+
+    /**
+     * @return DataException
+     */
+    public static function forTableNotFound(string $table)
+    {
+        return new static(lang('Database.tableNotFound', [$table]));
+    }
+
+    /**
+     * @return DataException
+     */
+    public static function forEmptyInputGiven(string $argument)
+    {
+        return new static(lang('Database.forEmptyInputGiven', [$argument]));
+    }
+
+    /**
+     * @return DataException
+     */
+    public static function forFindColumnHaveMultipleColumns()
+    {
+        return new static(lang('Database.forFindColumnHaveMultipleColumns'));
+    }
+}
diff --git a/ci4app/system/Database/Exceptions/DatabaseException.php b/ci4app/system/Database/Exceptions/DatabaseException.php
new file mode 100644
index 0000000..77b170e
--- /dev/null
+++ b/ci4app/system/Database/Exceptions/DatabaseException.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\Exceptions;
+
+use CodeIgniter\Exceptions\HasExitCodeInterface;
+use CodeIgniter\Exceptions\RuntimeException;
+
+class DatabaseException extends RuntimeException implements ExceptionInterface, HasExitCodeInterface
+{
+    public function getExitCode(): int
+    {
+        return EXIT_DATABASE;
+    }
+}
diff --git a/ci4app/system/Database/Exceptions/ExceptionInterface.php b/ci4app/system/Database/Exceptions/ExceptionInterface.php
new file mode 100644
index 0000000..915adff
--- /dev/null
+++ b/ci4app/system/Database/Exceptions/ExceptionInterface.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\Exceptions;
+
+/**
+ * Provides a domain-level interface for broad capture
+ * of all database-related exceptions.
+ *
+ * catch (\CodeIgniter\Database\Exceptions\ExceptionInterface) { ... }
+ */
+interface ExceptionInterface extends \CodeIgniter\Exceptions\ExceptionInterface
+{
+}
diff --git a/ci4app/system/Database/Forge.php b/ci4app/system/Database/Forge.php
new file mode 100644
index 0000000..f6eb617
--- /dev/null
+++ b/ci4app/system/Database/Forge.php
@@ -0,0 +1,1276 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Exceptions\RuntimeException;
+use Throwable;
+
+/**
+ * The Forge class transforms migrations to executable
+ * SQL statements.
+ */
+class Forge
+{
+    /**
+     * The active database connection.
+     *
+     * @var BaseConnection
+     */
+    protected $db;
+
+    /**
+     * List of fields in the form `[name => attributes]`
+     *
+     * @var array<string, array<string, bool|string>|string>
+     */
+    protected $fields = [];
+
+    /**
+     * List of keys.
+     *
+     * @var list<array{fields?: list<string>, keyName?: string}>
+     */
+    protected $keys = [];
+
+    /**
+     * List of unique keys.
+     *
+     * @var array
+     */
+    protected $uniqueKeys = [];
+
+    /**
+     * Primary keys.
+     *
+     * @var array{fields?: list<string>, keyName?: string}
+     */
+    protected $primaryKeys = [];
+
+    /**
+     * List of foreign keys.
+     *
+     * @var array
+     */
+    protected $foreignKeys = [];
+
+    /**
+     * Character set used.
+     *
+     * @var string
+     */
+    protected $charset = '';
+
+    /**
+     * CREATE DATABASE statement
+     *
+     * @var false|string
+     */
+    protected $createDatabaseStr = 'CREATE DATABASE %s';
+
+    /**
+     * CREATE DATABASE IF statement
+     *
+     * @var string
+     */
+    protected $createDatabaseIfStr;
+
+    /**
+     * CHECK DATABASE EXIST statement
+     *
+     * @var string
+     */
+    protected $checkDatabaseExistStr;
+
+    /**
+     * DROP DATABASE statement
+     *
+     * @var false|string
+     */
+    protected $dropDatabaseStr = 'DROP DATABASE %s';
+
+    /**
+     * CREATE TABLE statement
+     *
+     * @var string
+     */
+    protected $createTableStr = "%s %s (%s\n)";
+
+    /**
+     * CREATE TABLE IF statement
+     *
+     * @var bool|string
+     *
+     * @deprecated This is no longer used.
+     */
+    protected $createTableIfStr = 'CREATE TABLE IF NOT EXISTS';
+
+    /**
+     * CREATE TABLE keys flag
+     *
+     * Whether table keys are created from within the
+     * CREATE TABLE statement.
+     *
+     * @var bool
+     */
+    protected $createTableKeys = false;
+
+    /**
+     * DROP TABLE IF EXISTS statement
+     *
+     * @var bool|string
+     */
+    protected $dropTableIfStr = 'DROP TABLE IF EXISTS';
+
+    /**
+     * RENAME TABLE statement
+     *
+     * @var false|string
+     */
+    protected $renameTableStr = 'ALTER TABLE %s RENAME TO %s';
+
+    /**
+     * UNSIGNED support
+     *
+     * @var array|bool
+     */
+    protected $unsigned = true;
+
+    /**
+     * NULL value representation in CREATE/ALTER TABLE statements
+     *
+     * @var string
+     *
+     * @internal Used for marking nullable fields. Not covered by BC promise.
+     */
+    protected $null = 'NULL';
+
+    /**
+     * DEFAULT value representation in CREATE/ALTER TABLE statements
+     *
+     * @var false|string
+     */
+    protected $default = ' DEFAULT ';
+
+    /**
+     * DROP CONSTRAINT statement
+     *
+     * @var string
+     */
+    protected $dropConstraintStr;
+
+    /**
+     * DROP INDEX statement
+     *
+     * @var string
+     */
+    protected $dropIndexStr = 'DROP INDEX %s ON %s';
+
+    /**
+     * Foreign Key Allowed Actions
+     *
+     * @var array
+     */
+    protected $fkAllowActions = ['CASCADE', 'SET NULL', 'NO ACTION', 'RESTRICT', 'SET DEFAULT'];
+
+    /**
+     * Constructor.
+     */
+    public function __construct(BaseConnection $db)
+    {
+        $this->db = $db;
+    }
+
+    /**
+     * Provides access to the forge's current database connection.
+     *
+     * @return ConnectionInterface
+     */
+    public function getConnection()
+    {
+        return $this->db;
+    }
+
+    /**
+     * Create database
+     *
+     * @param bool $ifNotExists Whether to add IF NOT EXISTS condition
+     *
+     * @throws DatabaseException
+     */
+    public function createDatabase(string $dbName, bool $ifNotExists = false): bool
+    {
+        if ($ifNotExists && $this->createDatabaseIfStr === null) {
+            if ($this->databaseExists($dbName)) {
+                return true;
+            }
+
+            $ifNotExists = false;
+        }
+
+        if ($this->createDatabaseStr === false) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('This feature is not available for the database you are using.');
+            }
+
+            return false; // @codeCoverageIgnore
+        }
+
+        try {
+            if (! $this->db->query(
+                sprintf(
+                    $ifNotExists ? $this->createDatabaseIfStr : $this->createDatabaseStr,
+                    $this->db->escapeIdentifier($dbName),
+                    $this->db->charset,
+                    $this->db->DBCollat,
+                ),
+            )) {
+                // @codeCoverageIgnoreStart
+                if ($this->db->DBDebug) {
+                    throw new DatabaseException('Unable to create the specified database.');
+                }
+
+                return false;
+                // @codeCoverageIgnoreEnd
+            }
+
+            if (! empty($this->db->dataCache['db_names'])) {
+                $this->db->dataCache['db_names'][] = $dbName;
+            }
+
+            return true;
+        } catch (Throwable $e) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('Unable to create the specified database.', 0, $e);
+            }
+
+            return false; // @codeCoverageIgnore
+        }
+    }
+
+    /**
+     * Determine if a database exists
+     *
+     * @throws DatabaseException
+     */
+    private function databaseExists(string $dbName): bool
+    {
+        if ($this->checkDatabaseExistStr === null) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('This feature is not available for the database you are using.');
+            }
+
+            return false;
+        }
+
+        return $this->db->query($this->checkDatabaseExistStr, $dbName)->getRow() !== null;
+    }
+
+    /**
+     * Drop database
+     *
+     * @throws DatabaseException
+     */
+    public function dropDatabase(string $dbName): bool
+    {
+        if ($this->dropDatabaseStr === false) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('This feature is not available for the database you are using.');
+            }
+
+            return false;
+        }
+
+        if (! $this->db->query(
+            sprintf($this->dropDatabaseStr, $this->db->escapeIdentifier($dbName)),
+        )) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('Unable to drop the specified database.');
+            }
+
+            return false;
+        }
+
+        if (! empty($this->db->dataCache['db_names'])) {
+            $key = array_search(
+                strtolower($dbName),
+                array_map(strtolower(...), $this->db->dataCache['db_names']),
+                true,
+            );
+            if ($key !== false) {
+                unset($this->db->dataCache['db_names'][$key]);
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * Add Key
+     *
+     * @param array|string $key
+     *
+     * @return Forge
+     */
+    public function addKey($key, bool $primary = false, bool $unique = false, string $keyName = '')
+    {
+        if ($primary) {
+            $this->primaryKeys = ['fields' => (array) $key, 'keyName' => $keyName];
+        } else {
+            $this->keys[] = ['fields' => (array) $key, 'keyName' => $keyName];
+
+            if ($unique) {
+                $this->uniqueKeys[] = count($this->keys) - 1;
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * Add Primary Key
+     *
+     * @param array|string $key
+     *
+     * @return Forge
+     */
+    public function addPrimaryKey($key, string $keyName = '')
+    {
+        return $this->addKey($key, true, false, $keyName);
+    }
+
+    /**
+     * Add Unique Key
+     *
+     * @param array|string $key
+     *
+     * @return Forge
+     */
+    public function addUniqueKey($key, string $keyName = '')
+    {
+        return $this->addKey($key, false, true, $keyName);
+    }
+
+    /**
+     * Add Field
+     *
+     * @param array<string, array|string>|string $fields Field array or Field string
+     *
+     * @return Forge
+     */
+    public function addField($fields)
+    {
+        if (is_string($fields)) {
+            if ($fields === 'id') {
+                $this->addField([
+                    'id' => [
+                        'type'           => 'INT',
+                        'constraint'     => 9,
+                        'auto_increment' => true,
+                    ],
+                ]);
+                $this->addKey('id', true);
+            } else {
+                if (! str_contains($fields, ' ')) {
+                    throw new InvalidArgumentException('Field information is required for that operation.');
+                }
+
+                $fieldName = explode(' ', $fields, 2)[0];
+                $fieldName = trim($fieldName, '`\'"');
+
+                $this->fields[$fieldName] = $fields;
+            }
+        }
+
+        if (is_array($fields)) {
+            foreach ($fields as $name => $attributes) {
+                if (is_string($attributes)) {
+                    $this->addField($attributes);
+
+                    continue;
+                }
+
+                if (is_array($attributes)) {
+                    $this->fields = array_merge($this->fields, [$name => $attributes]);
+                }
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * Add Foreign Key
+     *
+     * @param list<string>|string $fieldName
+     * @param list<string>|string $tableField
+     *
+     * @throws DatabaseException
+     */
+    public function addForeignKey(
+        $fieldName = '',
+        string $tableName = '',
+        $tableField = '',
+        string $onUpdate = '',
+        string $onDelete = '',
+        string $fkName = '',
+    ): Forge {
+        $fieldName  = (array) $fieldName;
+        $tableField = (array) $tableField;
+
+        $this->foreignKeys[] = [
+            'field'          => $fieldName,
+            'referenceTable' => $tableName,
+            'referenceField' => $tableField,
+            'onDelete'       => strtoupper($onDelete),
+            'onUpdate'       => strtoupper($onUpdate),
+            'fkName'         => $fkName,
+        ];
+
+        return $this;
+    }
+
+    /**
+     * Drop Key
+     *
+     * @throws DatabaseException
+     */
+    public function dropKey(string $table, string $keyName, bool $prefixKeyName = true): bool
+    {
+        $keyName = $this->db->escapeIdentifiers(($prefixKeyName ? $this->db->DBPrefix : '') . $keyName);
+        $table   = $this->db->escapeIdentifiers($this->db->DBPrefix . $table);
+
+        $dropKeyAsConstraint = $this->dropKeyAsConstraint($table, $keyName);
+
+        if ($dropKeyAsConstraint) {
+            $sql = sprintf(
+                $this->dropConstraintStr,
+                $table,
+                $keyName,
+            );
+        } else {
+            $sql = sprintf(
+                $this->dropIndexStr,
+                $keyName,
+                $table,
+            );
+        }
+
+        if ($sql === '') {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('This feature is not available for the database you are using.');
+            }
+
+            return false;
+        }
+
+        return $this->db->query($sql);
+    }
+
+    /**
+     * Checks if key needs to be dropped as a constraint.
+     */
+    protected function dropKeyAsConstraint(string $table, string $constraintName): bool
+    {
+        $sql = $this->_dropKeyAsConstraint($table, $constraintName);
+
+        if ($sql === '') {
+            return false;
+        }
+
+        return $this->db->query($sql)->getResultArray() !== [];
+    }
+
+    /**
+     * Constructs sql to check if key is a constraint.
+     */
+    protected function _dropKeyAsConstraint(string $table, string $constraintName): string
+    {
+        return '';
+    }
+
+    /**
+     * Drop Primary Key
+     */
+    public function dropPrimaryKey(string $table, string $keyName = ''): bool
+    {
+        $sql = sprintf(
+            'ALTER TABLE %s DROP CONSTRAINT %s',
+            $this->db->escapeIdentifiers($this->db->DBPrefix . $table),
+            ($keyName === '') ? $this->db->escapeIdentifiers('pk_' . $this->db->DBPrefix . $table) : $this->db->escapeIdentifiers($keyName),
+        );
+
+        return $this->db->query($sql);
+    }
+
+    /**
+     * @return bool
+     *
+     * @throws DatabaseException
+     */
+    public function dropForeignKey(string $table, string $foreignName)
+    {
+        $sql = sprintf(
+            (string) $this->dropConstraintStr,
+            $this->db->escapeIdentifiers($this->db->DBPrefix . $table),
+            $this->db->escapeIdentifiers($foreignName),
+        );
+
+        if ($sql === '') {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('This feature is not available for the database you are using.');
+            }
+
+            return false;
+        }
+
+        return $this->db->query($sql);
+    }
+
+    /**
+     * @param array $attributes Table attributes
+     *
+     * @return bool
+     *
+     * @throws DatabaseException
+     */
+    public function createTable(string $table, bool $ifNotExists = false, array $attributes = [])
+    {
+        if ($table === '') {
+            throw new InvalidArgumentException('A table name is required for that operation.');
+        }
+
+        $table = $this->db->DBPrefix . $table;
+
+        if ($this->fields === []) {
+            throw new RuntimeException('Field information is required.');
+        }
+
+        // If table exists lets stop here
+        if ($ifNotExists && $this->db->tableExists($table, false)) {
+            $this->reset();
+
+            return true;
+        }
+
+        $sql = $this->_createTable($table, false, $attributes);
+
+        if (($result = $this->db->query($sql)) !== false) {
+            if (isset($this->db->dataCache['table_names']) && ! in_array($table, $this->db->dataCache['table_names'], true)) {
+                $this->db->dataCache['table_names'][] = $table;
+            }
+
+            // Most databases don't support creating indexes from within the CREATE TABLE statement
+            if ($this->keys !== []) {
+                for ($i = 0, $sqls = $this->_processIndexes($table), $c = count($sqls); $i < $c; $i++) {
+                    $this->db->query($sqls[$i]);
+                }
+            }
+        }
+
+        $this->reset();
+
+        return $result;
+    }
+
+    /**
+     * @param array $attributes Table attributes
+     *
+     * @return string SQL string
+     *
+     * @deprecated $ifNotExists is no longer used, and will be removed.
+     */
+    protected function _createTable(string $table, bool $ifNotExists, array $attributes)
+    {
+        $processedFields = $this->_processFields(true);
+
+        for ($i = 0, $c = count($processedFields); $i < $c; $i++) {
+            $processedFields[$i] = ($processedFields[$i]['_literal'] !== false) ? "\n\t" . $processedFields[$i]['_literal']
+                : "\n\t" . $this->_processColumn($processedFields[$i]);
+        }
+
+        $processedFields = implode(',', $processedFields);
+
+        $processedFields .= $this->_processPrimaryKeys($table);
+        $processedFields .= current($this->_processForeignKeys($table));
+
+        if ($this->createTableKeys === true) {
+            $indexes = current($this->_processIndexes($table));
+            if (is_string($indexes)) {
+                $processedFields .= $indexes;
+            }
+        }
+
+        return sprintf(
+            $this->createTableStr . '%s',
+            'CREATE TABLE',
+            $this->db->escapeIdentifiers($table),
+            $processedFields,
+            $this->_createTableAttributes($attributes),
+        );
+    }
+
+    protected function _createTableAttributes(array $attributes): string
+    {
+        $sql = '';
+
+        foreach (array_keys($attributes) as $key) {
+            if (is_string($key)) {
+                $sql .= ' ' . strtoupper($key) . ' ' . $this->db->escape($attributes[$key]);
+            }
+        }
+
+        return $sql;
+    }
+
+    /**
+     * @return bool
+     *
+     * @throws DatabaseException
+     */
+    public function dropTable(string $tableName, bool $ifExists = false, bool $cascade = false)
+    {
+        if ($tableName === '') {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('A table name is required for that operation.');
+            }
+
+            return false;
+        }
+
+        if ($this->db->DBPrefix !== '' && str_starts_with($tableName, $this->db->DBPrefix)) {
+            $tableName = substr($tableName, strlen($this->db->DBPrefix));
+        }
+
+        if (($query = $this->_dropTable($this->db->DBPrefix . $tableName, $ifExists, $cascade)) === true) {
+            return true;
+        }
+
+        $this->db->disableForeignKeyChecks();
+
+        $query = $this->db->query($query);
+
+        $this->db->enableForeignKeyChecks();
+
+        if ($query && ! empty($this->db->dataCache['table_names'])) {
+            $key = array_search(
+                strtolower($this->db->DBPrefix . $tableName),
+                array_map(strtolower(...), $this->db->dataCache['table_names']),
+                true,
+            );
+
+            if ($key !== false) {
+                unset($this->db->dataCache['table_names'][$key]);
+            }
+        }
+
+        return $query;
+    }
+
+    /**
+     * Generates a platform-specific DROP TABLE string
+     *
+     * @return bool|string
+     */
+    protected function _dropTable(string $table, bool $ifExists, bool $cascade)
+    {
+        $sql = 'DROP TABLE';
+
+        if ($ifExists) {
+            if ($this->dropTableIfStr === false) {
+                if (! $this->db->tableExists($table)) {
+                    return true;
+                }
+            } else {
+                $sql = sprintf($this->dropTableIfStr, $this->db->escapeIdentifiers($table));
+            }
+        }
+
+        return $sql . ' ' . $this->db->escapeIdentifiers($table);
+    }
+
+    /**
+     * @return bool
+     *
+     * @throws DatabaseException
+     */
+    public function renameTable(string $tableName, string $newTableName)
+    {
+        if ($tableName === '' || $newTableName === '') {
+            throw new InvalidArgumentException('A table name is required for that operation.');
+        }
+
+        if ($this->renameTableStr === false) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('This feature is not available for the database you are using.');
+            }
+
+            return false;
+        }
+
+        $result = $this->db->query(sprintf(
+            $this->renameTableStr,
+            $this->db->escapeIdentifiers($this->db->DBPrefix . $tableName),
+            $this->db->escapeIdentifiers($this->db->DBPrefix . $newTableName),
+        ));
+
+        if ($result && ! empty($this->db->dataCache['table_names'])) {
+            $key = array_search(
+                strtolower($this->db->DBPrefix . $tableName),
+                array_map(strtolower(...), $this->db->dataCache['table_names']),
+                true,
+            );
+
+            if ($key !== false) {
+                $this->db->dataCache['table_names'][$key] = $this->db->DBPrefix . $newTableName;
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * @param array<string, array|string>|string $fields Field array or Field string
+     *
+     * @throws DatabaseException
+     */
+    public function addColumn(string $table, $fields): bool
+    {
+        // Work-around for literal column definitions
+        if (is_string($fields)) {
+            $fields = [$fields];
+        }
+
+        foreach (array_keys($fields) as $name) {
+            $this->addField([$name => $fields[$name]]);
+        }
+
+        $sqls = $this->_alterTable('ADD', $this->db->DBPrefix . $table, $this->_processFields());
+        $this->reset();
+
+        if ($sqls === false) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('This feature is not available for the database you are using.');
+            }
+
+            return false;
+        }
+
+        foreach ($sqls as $sql) {
+            if ($this->db->query($sql) === false) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * @param list<string>|string $columnNames column names to DROP
+     *
+     * @return bool
+     *
+     * @throws DatabaseException
+     */
+    public function dropColumn(string $table, $columnNames)
+    {
+        $sql = $this->_alterTable('DROP', $this->db->DBPrefix . $table, $columnNames);
+
+        if ($sql === false) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('This feature is not available for the database you are using.');
+            }
+
+            return false;
+        }
+
+        return $this->db->query($sql);
+    }
+
+    /**
+     * @param array<string, array|string>|string $fields Field array or Field string
+     *
+     * @throws DatabaseException
+     */
+    public function modifyColumn(string $table, $fields): bool
+    {
+        // Work-around for literal column definitions
+        if (is_string($fields)) {
+            $fields = [$fields];
+        }
+
+        foreach (array_keys($fields) as $name) {
+            $this->addField([$name => $fields[$name]]);
+        }
+
+        if ($this->fields === []) {
+            throw new RuntimeException('Field information is required');
+        }
+
+        $sqls = $this->_alterTable('CHANGE', $this->db->DBPrefix . $table, $this->_processFields());
+        $this->reset();
+
+        if ($sqls === false) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('This feature is not available for the database you are using.');
+            }
+
+            return false;
+        }
+
+        if (is_array($sqls)) {
+            foreach ($sqls as $sql) {
+                if ($this->db->query($sql) === false) {
+                    return false;
+                }
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * @param 'ADD'|'CHANGE'|'DROP' $alterType
+     * @param array|string          $processedFields Processed column definitions
+     *                                               or column names to DROP
+     *
+     * @return ($alterType is 'DROP' ? string : false|list<string>|null)
+     */
+    protected function _alterTable(string $alterType, string $table, $processedFields)
+    {
+        $sql = 'ALTER TABLE ' . $this->db->escapeIdentifiers($table) . ' ';
+
+        // DROP has everything it needs now.
+        if ($alterType === 'DROP') {
+            $columnNamesToDrop = $processedFields;
+
+            if (is_string($columnNamesToDrop)) {
+                $columnNamesToDrop = explode(',', $columnNamesToDrop);
+            }
+
+            $columnNamesToDrop = array_map(fn ($field): string => 'DROP COLUMN ' . $this->db->escapeIdentifiers(trim($field)), $columnNamesToDrop);
+
+            return $sql . implode(', ', $columnNamesToDrop);
+        }
+
+        $sql .= ($alterType === 'ADD') ? 'ADD ' : $alterType . ' COLUMN ';
+
+        $sqls = [];
+
+        foreach ($processedFields as $field) {
+            $sqls[] = $sql . ($field['_literal'] !== false
+                ? $field['_literal']
+                : $this->_processColumn($field));
+        }
+
+        return $sqls;
+    }
+
+    /**
+     * Returns $processedFields array from $this->fields data.
+     */
+    protected function _processFields(bool $createTable = false): array
+    {
+        $processedFields = [];
+
+        foreach ($this->fields as $name => $attributes) {
+            if (! is_array($attributes)) {
+                $processedFields[] = ['_literal' => $attributes];
+
+                continue;
+            }
+
+            $attributes = array_change_key_case($attributes, CASE_UPPER);
+
+            if ($createTable && empty($attributes['TYPE'])) {
+                continue;
+            }
+
+            if (isset($attributes['TYPE'])) {
+                $this->_attributeType($attributes);
+            }
+
+            $field = [
+                'name'           => $name,
+                'new_name'       => $attributes['NAME'] ?? null,
+                'type'           => $attributes['TYPE'] ?? null,
+                'length'         => '',
+                'unsigned'       => '',
+                'null'           => '',
+                'unique'         => '',
+                'default'        => '',
+                'auto_increment' => '',
+                '_literal'       => false,
+            ];
+
+            if (isset($attributes['TYPE'])) {
+                $this->_attributeUnsigned($attributes, $field);
+            }
+
+            if ($createTable === false) {
+                if (isset($attributes['AFTER'])) {
+                    $field['after'] = $attributes['AFTER'];
+                } elseif (isset($attributes['FIRST'])) {
+                    $field['first'] = (bool) $attributes['FIRST'];
+                }
+            }
+
+            $this->_attributeDefault($attributes, $field);
+
+            if (isset($attributes['NULL'])) {
+                $nullString = ' ' . $this->null;
+
+                if ($attributes['NULL'] === true) {
+                    $field['null'] = empty($this->null) ? '' : $nullString;
+                } elseif ($attributes['NULL'] === $nullString) {
+                    $field['null'] = $nullString;
+                } elseif ($attributes['NULL'] === '') {
+                    $field['null'] = '';
+                } else {
+                    $field['null'] = ' NOT ' . $this->null;
+                }
+            } elseif ($createTable) {
+                $field['null'] = ' NOT ' . $this->null;
+            }
+
+            $this->_attributeAutoIncrement($attributes, $field);
+            $this->_attributeUnique($attributes, $field);
+
+            if (isset($attributes['COMMENT'])) {
+                $field['comment'] = $this->db->escape($attributes['COMMENT']);
+            }
+
+            if (isset($attributes['TYPE']) && ! empty($attributes['CONSTRAINT'])) {
+                if (is_array($attributes['CONSTRAINT'])) {
+                    $attributes['CONSTRAINT'] = $this->db->escape($attributes['CONSTRAINT']);
+                    $attributes['CONSTRAINT'] = implode(',', $attributes['CONSTRAINT']);
+                }
+
+                $field['length'] = '(' . $attributes['CONSTRAINT'] . ')';
+            }
+
+            $processedFields[] = $field;
+        }
+
+        return $processedFields;
+    }
+
+    /**
+     * Converts $processedField array to field definition string.
+     */
+    protected function _processColumn(array $processedField): string
+    {
+        return $this->db->escapeIdentifiers($processedField['name'])
+            . ' ' . $processedField['type'] . $processedField['length']
+            . $processedField['unsigned']
+            . $processedField['default']
+            . $processedField['null']
+            . $processedField['auto_increment']
+            . $processedField['unique'];
+    }
+
+    /**
+     * Performs a data type mapping between different databases.
+     *
+     * @return void
+     */
+    protected function _attributeType(array &$attributes)
+    {
+        // Usually overridden by drivers
+    }
+
+    /**
+     * Depending on the unsigned property value:
+     *
+     *    - TRUE will always set $field['unsigned'] to 'UNSIGNED'
+     *    - FALSE will always set $field['unsigned'] to ''
+     *    - array(TYPE) will set $field['unsigned'] to 'UNSIGNED',
+     *        if $attributes['TYPE'] is found in the array
+     *    - array(TYPE => UTYPE) will change $field['type'],
+     *        from TYPE to UTYPE in case of a match
+     *
+     * @return void
+     */
+    protected function _attributeUnsigned(array &$attributes, array &$field)
+    {
+        if (empty($attributes['UNSIGNED']) || $attributes['UNSIGNED'] !== true) {
+            return;
+        }
+
+        // Reset the attribute in order to avoid issues if we do type conversion
+        $attributes['UNSIGNED'] = false;
+
+        if (is_array($this->unsigned)) {
+            foreach (array_keys($this->unsigned) as $key) {
+                if (is_int($key) && strcasecmp($attributes['TYPE'], $this->unsigned[$key]) === 0) {
+                    $field['unsigned'] = ' UNSIGNED';
+
+                    return;
+                }
+
+                if (is_string($key) && strcasecmp($attributes['TYPE'], $key) === 0) {
+                    $field['type'] = $key;
+
+                    return;
+                }
+            }
+
+            return;
+        }
+
+        $field['unsigned'] = ($this->unsigned === true) ? ' UNSIGNED' : '';
+    }
+
+    /**
+     * @return void
+     */
+    protected function _attributeDefault(array &$attributes, array &$field)
+    {
+        if ($this->default === false) {
+            return;
+        }
+
+        if (array_key_exists('DEFAULT', $attributes)) {
+            if ($attributes['DEFAULT'] === null) {
+                $field['default'] = empty($this->null) ? '' : $this->default . $this->null;
+
+                // Override the NULL attribute if that's our default
+                $attributes['NULL'] = true;
+                $field['null']      = empty($this->null) ? '' : ' ' . $this->null;
+            } elseif ($attributes['DEFAULT'] instanceof RawSql) {
+                $field['default'] = $this->default . $attributes['DEFAULT'];
+            } else {
+                $field['default'] = $this->default . $this->db->escape($attributes['DEFAULT']);
+            }
+        }
+    }
+
+    /**
+     * @return void
+     */
+    protected function _attributeUnique(array &$attributes, array &$field)
+    {
+        if (! empty($attributes['UNIQUE']) && $attributes['UNIQUE'] === true) {
+            $field['unique'] = ' UNIQUE';
+        }
+    }
+
+    /**
+     * @return void
+     */
+    protected function _attributeAutoIncrement(array &$attributes, array &$field)
+    {
+        if (! empty($attributes['AUTO_INCREMENT']) && $attributes['AUTO_INCREMENT'] === true
+            && str_contains(strtolower($field['type']), 'int')
+        ) {
+            $field['auto_increment'] = ' AUTO_INCREMENT';
+        }
+    }
+
+    /**
+     * Generates SQL to add primary key
+     *
+     * @param bool $asQuery When true returns stand alone SQL, else partial SQL used with CREATE TABLE
+     */
+    protected function _processPrimaryKeys(string $table, bool $asQuery = false): string
+    {
+        $sql = '';
+
+        if (isset($this->primaryKeys['fields'])) {
+            for ($i = 0, $c = count($this->primaryKeys['fields']); $i < $c; $i++) {
+                if (! isset($this->fields[$this->primaryKeys['fields'][$i]])) {
+                    unset($this->primaryKeys['fields'][$i]);
+                }
+            }
+        }
+
+        if (isset($this->primaryKeys['fields']) && $this->primaryKeys['fields'] !== []) {
+            if ($asQuery) {
+                $sql .= 'ALTER TABLE ' . $this->db->escapeIdentifiers($this->db->DBPrefix . $table) . ' ADD ';
+            } else {
+                $sql .= ",\n\t";
+            }
+            $sql .= 'CONSTRAINT ' . $this->db->escapeIdentifiers(($this->primaryKeys['keyName'] === '' ?
+                'pk_' . $table :
+                $this->primaryKeys['keyName']))
+                    . ' PRIMARY KEY(' . implode(', ', $this->db->escapeIdentifiers($this->primaryKeys['fields'])) . ')';
+        }
+
+        return $sql;
+    }
+
+    /**
+     * Executes Sql to add indexes without createTable
+     */
+    public function processIndexes(string $table): bool
+    {
+        $sqls = [];
+        $fk   = $this->foreignKeys;
+
+        if ($this->fields === []) {
+            $fieldData = $this->db->getFieldData($this->db->DBPrefix . $table);
+
+            $this->fields = array_combine(
+                array_map(static fn ($columnName) => $columnName->name, $fieldData),
+                array_fill(0, count($fieldData), []),
+            );
+        }
+
+        $fields = $this->fields;
+
+        if ($this->keys !== []) {
+            $sqls = $this->_processIndexes($this->db->DBPrefix . $table, true);
+        }
+
+        if ($this->primaryKeys !== []) {
+            $sqls[] = $this->_processPrimaryKeys($table, true);
+        }
+
+        $this->foreignKeys = $fk;
+        $this->fields      = $fields;
+
+        if ($this->foreignKeys !== []) {
+            $sqls = array_merge($sqls, $this->_processForeignKeys($table, true));
+        }
+
+        foreach ($sqls as $sql) {
+            if ($this->db->query($sql) === false) {
+                return false;
+            }
+        }
+
+        $this->reset();
+
+        return true;
+    }
+
+    /**
+     * Generates SQL to add indexes
+     *
+     * @param bool $asQuery When true returns stand alone SQL, else partial SQL used with CREATE TABLE
+     */
+    protected function _processIndexes(string $table, bool $asQuery = false): array
+    {
+        $sqls = [];
+
+        for ($i = 0, $c = count($this->keys); $i < $c; $i++) {
+            for ($i2 = 0, $c2 = count($this->keys[$i]['fields']); $i2 < $c2; $i2++) {
+                if (! isset($this->fields[$this->keys[$i]['fields'][$i2]])) {
+                    unset($this->keys[$i]['fields'][$i2]);
+                }
+            }
+
+            if (count($this->keys[$i]['fields']) <= 0) {
+                continue;
+            }
+
+            $keyName = $this->db->escapeIdentifiers(($this->keys[$i]['keyName'] === '') ?
+                $table . '_' . implode('_', $this->keys[$i]['fields']) :
+                $this->keys[$i]['keyName']);
+
+            if (in_array($i, $this->uniqueKeys, true)) {
+                if ($this->db->DBDriver === 'SQLite3') {
+                    $sqls[] = 'CREATE UNIQUE INDEX ' . $keyName
+                        . ' ON ' . $this->db->escapeIdentifiers($table)
+                        . ' (' . implode(', ', $this->db->escapeIdentifiers($this->keys[$i]['fields'])) . ')';
+                } else {
+                    $sqls[] = 'ALTER TABLE ' . $this->db->escapeIdentifiers($table)
+                        . ' ADD CONSTRAINT ' . $keyName
+                        . ' UNIQUE (' . implode(', ', $this->db->escapeIdentifiers($this->keys[$i]['fields'])) . ')';
+                }
+
+                continue;
+            }
+
+            $sqls[] = 'CREATE INDEX ' . $keyName
+                . ' ON ' . $this->db->escapeIdentifiers($table)
+                . ' (' . implode(', ', $this->db->escapeIdentifiers($this->keys[$i]['fields'])) . ')';
+        }
+
+        return $sqls;
+    }
+
+    /**
+     * Generates SQL to add foreign keys
+     *
+     * @param bool $asQuery When true returns stand alone SQL, else partial SQL used with CREATE TABLE
+     */
+    protected function _processForeignKeys(string $table, bool $asQuery = false): array
+    {
+        $errorNames = [];
+
+        foreach ($this->foreignKeys as $fkeyInfo) {
+            foreach ($fkeyInfo['field'] as $fieldName) {
+                if (! isset($this->fields[$fieldName])) {
+                    $errorNames[] = $fieldName;
+                }
+            }
+        }
+
+        if ($errorNames !== []) {
+            $errorNames = [implode(', ', $errorNames)];
+
+            throw new DatabaseException(lang('Database.fieldNotExists', $errorNames));
+        }
+
+        $sqls = [''];
+
+        foreach ($this->foreignKeys as $index => $fkey) {
+            if ($asQuery === false) {
+                $index = 0;
+            } else {
+                $sqls[$index] = '';
+            }
+
+            $nameIndex = $fkey['fkName'] !== '' ?
+            $fkey['fkName'] :
+            $table . '_' . implode('_', $fkey['field']) . ($this->db->DBDriver === 'OCI8' ? '_fk' : '_foreign');
+
+            $nameIndexFilled      = $this->db->escapeIdentifiers($nameIndex);
+            $foreignKeyFilled     = implode(', ', $this->db->escapeIdentifiers($fkey['field']));
+            $referenceTableFilled = $this->db->escapeIdentifiers($this->db->DBPrefix . $fkey['referenceTable']);
+            $referenceFieldFilled = implode(', ', $this->db->escapeIdentifiers($fkey['referenceField']));
+
+            if ($asQuery) {
+                $sqls[$index] .= 'ALTER TABLE ' . $this->db->escapeIdentifiers($this->db->DBPrefix . $table) . ' ADD ';
+            } else {
+                $sqls[$index] .= ",\n\t";
+            }
+
+            $formatSql = 'CONSTRAINT %s FOREIGN KEY (%s) REFERENCES %s(%s)';
+            $sqls[$index] .= sprintf($formatSql, $nameIndexFilled, $foreignKeyFilled, $referenceTableFilled, $referenceFieldFilled);
+
+            if ($fkey['onDelete'] !== false && in_array($fkey['onDelete'], $this->fkAllowActions, true)) {
+                $sqls[$index] .= ' ON DELETE ' . $fkey['onDelete'];
+            }
+
+            if ($this->db->DBDriver !== 'OCI8' && $fkey['onUpdate'] !== false && in_array($fkey['onUpdate'], $this->fkAllowActions, true)) {
+                $sqls[$index] .= ' ON UPDATE ' . $fkey['onUpdate'];
+            }
+        }
+
+        return $sqls;
+    }
+
+    /**
+     * Resets table creation vars
+     *
+     * @return void
+     */
+    public function reset()
+    {
+        $this->fields = $this->keys = $this->uniqueKeys = $this->primaryKeys = $this->foreignKeys = [];
+    }
+}
diff --git a/ci4app/system/Database/Migration.php b/ci4app/system/Database/Migration.php
new file mode 100644
index 0000000..f3a1dc4
--- /dev/null
+++ b/ci4app/system/Database/Migration.php
@@ -0,0 +1,78 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+use Config\Database;
+
+/**
+ * Class Migration
+ */
+abstract class Migration
+{
+    /**
+     * The name of the database group to use.
+     *
+     * @var string|null
+     */
+    protected $DBGroup;
+
+    /**
+     * Database Connection instance
+     *
+     * @var ConnectionInterface
+     */
+    protected $db;
+
+    /**
+     * Database Forge instance.
+     *
+     * @var Forge
+     */
+    protected $forge;
+
+    public function __construct(?Forge $forge = null)
+    {
+        if (isset($this->DBGroup)) {
+            $this->forge = Database::forge($this->DBGroup);
+        } elseif ($forge instanceof Forge) {
+            $this->forge = $forge;
+        } else {
+            $this->forge = Database::forge(config(Database::class)->defaultGroup);
+        }
+
+        $this->db = $this->forge->getConnection();
+    }
+
+    /**
+     * Returns the database group name this migration uses.
+     */
+    public function getDBGroup(): ?string
+    {
+        return $this->DBGroup;
+    }
+
+    /**
+     * Perform a migration step.
+     *
+     * @return void
+     */
+    abstract public function up();
+
+    /**
+     * Revert a migration step.
+     *
+     * @return void
+     */
+    abstract public function down();
+}
diff --git a/ci4app/system/Database/MigrationRunner.php b/ci4app/system/Database/MigrationRunner.php
new file mode 100644
index 0000000..fdff865
--- /dev/null
+++ b/ci4app/system/Database/MigrationRunner.php
@@ -0,0 +1,880 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\Events\Events;
+use CodeIgniter\Exceptions\ConfigException;
+use CodeIgniter\Exceptions\RuntimeException;
+use CodeIgniter\I18n\Time;
+use Config\Database;
+use Config\Migrations as MigrationsConfig;
+use stdClass;
+
+/**
+ * Class MigrationRunner
+ */
+class MigrationRunner
+{
+    /**
+     * Whether or not migrations are allowed to run.
+     *
+     * @var bool
+     */
+    protected $enabled = false;
+
+    /**
+     * Name of table to store meta information
+     *
+     * @var string
+     */
+    protected $table;
+
+    /**
+     * The Namespace where migrations can be found.
+     * `null` is all namespaces.
+     *
+     * @var string|null
+     */
+    protected $namespace;
+
+    /**
+     * The database Group to migrate.
+     *
+     * @var string
+     */
+    protected $group;
+
+    /**
+     * The migration name.
+     *
+     * @var string
+     */
+    protected $name;
+
+    /**
+     * The pattern used to locate migration file versions.
+     *
+     * @var string
+     */
+    protected $regex = '/\A(\d{4}[_-]?\d{2}[_-]?\d{2}[_-]?\d{6})_(\w+)\z/';
+
+    /**
+     * The main database connection. Used to store
+     * migration information in.
+     *
+     * @var BaseConnection
+     */
+    protected $db;
+
+    /**
+     * If true, will continue instead of throwing
+     * exceptions.
+     *
+     * @var bool
+     */
+    protected $silent = false;
+
+    /**
+     * used to return messages for CLI.
+     *
+     * @var array
+     */
+    protected $cliMessages = [];
+
+    /**
+     * Tracks whether we have already ensured
+     * the table exists or not.
+     *
+     * @var bool
+     */
+    protected $tableChecked = false;
+
+    /**
+     * The full path to locate migration files.
+     *
+     * @var string
+     */
+    protected $path;
+
+    /**
+     * The database Group filter.
+     *
+     * @var string|null
+     */
+    protected $groupFilter;
+
+    /**
+     * Used to skip current migration.
+     *
+     * @var bool
+     */
+    protected $groupSkip = false;
+
+    /**
+     * The migration can manage multiple databases. So it should always use the
+     * default DB group so that it creates the `migrations` table in the default
+     * DB group. Therefore, passing $db is for testing purposes only.
+     *
+     * @param array|ConnectionInterface|string|null $db DB group. For testing purposes only.
+     *
+     * @throws ConfigException
+     */
+    public function __construct(MigrationsConfig $config, $db = null)
+    {
+        $this->enabled = $config->enabled ?? false;
+        $this->table   = $config->table ?? 'migrations';
+
+        $this->namespace = APP_NAMESPACE;
+
+        // Even if a DB connection is passed, since it is a test,
+        // it is assumed to use the default group name
+        $this->group = is_string($db) ? $db : config(Database::class)->defaultGroup;
+
+        $this->db = db_connect($db);
+    }
+
+    /**
+     * Locate and run all new migrations
+     *
+     * @return bool
+     *
+     * @throws ConfigException
+     * @throws RuntimeException
+     */
+    public function latest(?string $group = null)
+    {
+        if (! $this->enabled) {
+            throw ConfigException::forDisabledMigrations();
+        }
+
+        $this->ensureTable();
+
+        if ($group !== null) {
+            $this->groupFilter = $group;
+            $this->setGroup($group);
+        }
+
+        $migrations = $this->findMigrations();
+
+        if ($migrations === []) {
+            return true;
+        }
+
+        foreach ($this->getHistory((string) $group) as $history) {
+            unset($migrations[$this->getObjectUid($history)]);
+        }
+
+        $batch = $this->getLastBatch() + 1;
+
+        foreach ($migrations as $migration) {
+            if ($this->migrate('up', $migration)) {
+                if ($this->groupSkip === true) {
+                    $this->groupSkip = false;
+
+                    continue;
+                }
+
+                $this->addHistory($migration, $batch);
+            } else {
+                $this->regress(-1);
+
+                $message = lang('Migrations.generalFault');
+
+                if ($this->silent) {
+                    $this->cliMessages[] = "\t" . CLI::color($message, 'red');
+
+                    return false;
+                }
+
+                throw new RuntimeException($message);
+            }
+        }
+
+        $data           = get_object_vars($this);
+        $data['method'] = 'latest';
+        Events::trigger('migrate', $data);
+
+        return true;
+    }
+
+    /**
+     * Migrate down to a previous batch
+     *
+     * Calls each migration step required to get to the provided batch
+     *
+     * @param int         $targetBatch Target batch number, or negative for a relative batch, 0 for all
+     * @param string|null $group       Deprecated. The designation has no effect.
+     *
+     * @return bool True on success, FALSE on failure or no migrations are found
+     *
+     * @throws ConfigException
+     * @throws RuntimeException
+     */
+    public function regress(int $targetBatch = 0, ?string $group = null)
+    {
+        if (! $this->enabled) {
+            throw ConfigException::forDisabledMigrations();
+        }
+
+        $this->ensureTable();
+
+        $batches = $this->getBatches();
+
+        if ($targetBatch < 0) {
+            $targetBatch = $batches[count($batches) - 1 + $targetBatch] ?? 0;
+        }
+
+        if ($batches === [] && $targetBatch === 0) {
+            return true;
+        }
+
+        if ($targetBatch !== 0 && ! in_array($targetBatch, $batches, true)) {
+            $message = lang('Migrations.batchNotFound') . $targetBatch;
+
+            if ($this->silent) {
+                $this->cliMessages[] = "\t" . CLI::color($message, 'red');
+
+                return false;
+            }
+
+            throw new RuntimeException($message);
+        }
+
+        $tmpNamespace = $this->namespace;
+
+        $this->namespace = null;
+        $allMigrations   = $this->findMigrations();
+
+        $migrations = [];
+
+        while ($batch = array_pop($batches)) {
+            if ($batch <= $targetBatch) {
+                break;
+            }
+
+            foreach ($this->getBatchHistory($batch, 'desc') as $history) {
+                $uid = $this->getObjectUid($history);
+
+                if (! isset($allMigrations[$uid])) {
+                    $message = lang('Migrations.gap') . ' ' . $history->version;
+
+                    if ($this->silent) {
+                        $this->cliMessages[] = "\t" . CLI::color($message, 'red');
+
+                        return false;
+                    }
+
+                    throw new RuntimeException($message);
+                }
+
+                $migration          = $allMigrations[$uid];
+                $migration->history = $history;
+                $migrations[]       = $migration;
+            }
+        }
+
+        foreach ($migrations as $migration) {
+            if ($this->migrate('down', $migration)) {
+                $this->removeHistory($migration->history);
+            } else {
+                $message = lang('Migrations.generalFault');
+
+                if ($this->silent) {
+                    $this->cliMessages[] = "\t" . CLI::color($message, 'red');
+
+                    return false;
+                }
+
+                throw new RuntimeException($message);
+            }
+        }
+
+        $data           = get_object_vars($this);
+        $data['method'] = 'regress';
+        Events::trigger('migrate', $data);
+
+        $this->namespace = $tmpNamespace;
+
+        return true;
+    }
+
+    /**
+     * Migrate a single file regardless of order or batches.
+     * Method "up" or "down" determined by presence in history.
+     * NOTE: This is not recommended and provided mostly for testing.
+     *
+     * @param string $path Full path to a valid migration file
+     * @param string $path Namespace of the target migration
+     *
+     * @return bool
+     */
+    public function force(string $path, string $namespace, ?string $group = null)
+    {
+        if (! $this->enabled) {
+            throw ConfigException::forDisabledMigrations();
+        }
+
+        $this->ensureTable();
+
+        if ($group !== null) {
+            $this->groupFilter = $group;
+            $this->setGroup($group);
+        }
+
+        $migration = $this->migrationFromFile($path, $namespace);
+        if (empty($migration)) {
+            $message = lang('Migrations.notFound');
+
+            if ($this->silent) {
+                $this->cliMessages[] = "\t" . CLI::color($message, 'red');
+
+                return false;
+            }
+
+            throw new RuntimeException($message);
+        }
+
+        $method = 'up';
+        $this->setNamespace($migration->namespace);
+
+        foreach ($this->getHistory($this->group) as $history) {
+            if ($this->getObjectUid($history) === $migration->uid) {
+                $method             = 'down';
+                $migration->history = $history;
+                break;
+            }
+        }
+
+        if ($method === 'up') {
+            $batch = $this->getLastBatch() + 1;
+
+            if ($this->migrate('up', $migration) && $this->groupSkip === false) {
+                $this->addHistory($migration, $batch);
+
+                return true;
+            }
+
+            $this->groupSkip = false;
+        } elseif ($this->migrate('down', $migration)) {
+            $this->removeHistory($migration->history);
+
+            return true;
+        }
+
+        $message = lang('Migrations.generalFault');
+
+        if ($this->silent) {
+            $this->cliMessages[] = "\t" . CLI::color($message, 'red');
+
+            return false;
+        }
+
+        throw new RuntimeException($message);
+    }
+
+    /**
+     * Retrieves list of available migration scripts
+     *
+     * @return array List of all located migrations by their UID
+     */
+    public function findMigrations(): array
+    {
+        $namespaces = $this->namespace !== null ? [$this->namespace] : array_keys(service('autoloader')->getNamespace());
+        $migrations = [];
+
+        foreach ($namespaces as $namespace) {
+            if (ENVIRONMENT !== 'testing' && $namespace === 'Tests\Support') {
+                continue;
+            }
+
+            foreach ($this->findNamespaceMigrations($namespace) as $migration) {
+                $migrations[$migration->uid] = $migration;
+            }
+        }
+
+        // Sort migrations ascending by their UID (version)
+        ksort($migrations);
+
+        return $migrations;
+    }
+
+    /**
+     * Retrieves a list of available migration scripts for one namespace
+     */
+    public function findNamespaceMigrations(string $namespace): array
+    {
+        $migrations = [];
+        $locator    = service('locator', true);
+
+        if (! empty($this->path)) {
+            helper('filesystem');
+            $dir   = rtrim($this->path, DIRECTORY_SEPARATOR) . '/';
+            $files = get_filenames($dir, true, false, false);
+        } else {
+            $files = $locator->listNamespaceFiles($namespace, '/Database/Migrations/');
+        }
+
+        foreach ($files as $file) {
+            $file = empty($this->path) ? $file : $this->path . str_replace($this->path, '', $file);
+
+            if ($migration = $this->migrationFromFile($file, $namespace)) {
+                $migrations[] = $migration;
+            }
+        }
+
+        return $migrations;
+    }
+
+    /**
+     * Create a migration object from a file path.
+     *
+     * @param string $path Full path to a valid migration file.
+     *
+     * @return false|object Returns the migration object, or false on failure
+     */
+    protected function migrationFromFile(string $path, string $namespace)
+    {
+        if (! str_ends_with($path, '.php')) {
+            return false;
+        }
+
+        $filename = basename($path, '.php');
+
+        if (preg_match($this->regex, $filename) !== 1) {
+            return false;
+        }
+
+        $locator = service('locator', true);
+
+        $migration = new stdClass();
+
+        $migration->version   = $this->getMigrationNumber($filename);
+        $migration->name      = $this->getMigrationName($filename);
+        $migration->path      = $path;
+        $migration->class     = $locator->getClassname($path);
+        $migration->namespace = $namespace;
+        $migration->uid       = $this->getObjectUid($migration);
+
+        return $migration;
+    }
+
+    /**
+     * Allows other scripts to modify on the fly as needed.
+     *
+     * @return MigrationRunner
+     */
+    public function setNamespace(?string $namespace)
+    {
+        $this->namespace = $namespace;
+
+        return $this;
+    }
+
+    /**
+     * Allows other scripts to modify on the fly as needed.
+     *
+     * @return MigrationRunner
+     */
+    public function setGroup(string $group)
+    {
+        $this->group = $group;
+
+        return $this;
+    }
+
+    /**
+     * @return MigrationRunner
+     */
+    public function setName(string $name)
+    {
+        $this->name = $name;
+
+        return $this;
+    }
+
+    /**
+     * If $silent == true, then will not throw exceptions and will
+     * attempt to continue gracefully.
+     *
+     * @return MigrationRunner
+     */
+    public function setSilent(bool $silent)
+    {
+        $this->silent = $silent;
+
+        return $this;
+    }
+
+    /**
+     * Extracts the migration number from a filename
+     *
+     * @param string $migration A migration filename w/o path.
+     */
+    protected function getMigrationNumber(string $migration): string
+    {
+        preg_match($this->regex, $migration, $matches);
+
+        return $matches !== [] ? $matches[1] : '0';
+    }
+
+    /**
+     * Extracts the migration name from a filename
+     *
+     * Note: The migration name should be the classname, but maybe they are
+     *       different.
+     *
+     * @param string $migration A migration filename w/o path.
+     */
+    protected function getMigrationName(string $migration): string
+    {
+        preg_match($this->regex, $migration, $matches);
+
+        return $matches !== [] ? $matches[2] : '';
+    }
+
+    /**
+     * Uses the non-repeatable portions of a migration or history
+     * to create a sortable unique key
+     *
+     * @param object $object migration or $history
+     */
+    public function getObjectUid($object): string
+    {
+        return preg_replace('/[^0-9]/', '', $object->version) . $object->class;
+    }
+
+    /**
+     * Retrieves messages formatted for CLI output
+     */
+    public function getCliMessages(): array
+    {
+        return $this->cliMessages;
+    }
+
+    /**
+     * Clears any CLI messages.
+     *
+     * @return MigrationRunner
+     */
+    public function clearCliMessages()
+    {
+        $this->cliMessages = [];
+
+        return $this;
+    }
+
+    /**
+     * Truncates the history table.
+     *
+     * @return void
+     */
+    public function clearHistory()
+    {
+        if ($this->db->tableExists($this->table)) {
+            $this->db->table($this->table)->truncate();
+        }
+    }
+
+    /**
+     * Add a history to the table.
+     *
+     * @param object $migration
+     *
+     * @return void
+     */
+    protected function addHistory($migration, int $batch)
+    {
+        $this->db->table($this->table)->insert([
+            'version'   => $migration->version,
+            'class'     => $migration->class,
+            'group'     => $this->group,
+            'namespace' => $migration->namespace,
+            'time'      => Time::now()->getTimestamp(),
+            'batch'     => $batch,
+        ]);
+
+        if (is_cli()) {
+            $this->cliMessages[] = sprintf(
+                "\t%s(%s) %s_%s",
+                CLI::color(lang('Migrations.added'), 'yellow'),
+                $migration->namespace,
+                $migration->version,
+                $migration->class,
+            );
+        }
+    }
+
+    /**
+     * Removes a single history
+     *
+     * @param object $history
+     *
+     * @return void
+     */
+    protected function removeHistory($history)
+    {
+        $this->db->table($this->table)->where('id', $history->id)->delete();
+
+        if (is_cli()) {
+            $this->cliMessages[] = sprintf(
+                "\t%s(%s) %s_%s",
+                CLI::color(lang('Migrations.removed'), 'yellow'),
+                $history->namespace,
+                $history->version,
+                $history->class,
+            );
+        }
+    }
+
+    /**
+     * Grabs the full migration history from the database for a group
+     */
+    public function getHistory(string $group = 'default'): array
+    {
+        $this->ensureTable();
+
+        $builder = $this->db->table($this->table);
+
+        // If group was specified then use it
+        if ($group !== '') {
+            $builder->where('group', $group);
+        }
+
+        // If a namespace was specified then use it
+        if ($this->namespace !== null) {
+            $builder->where('namespace', $this->namespace);
+        }
+
+        $query = $builder->orderBy('id', 'ASC')->get();
+
+        return ! empty($query) ? $query->getResultObject() : [];
+    }
+
+    /**
+     * Returns the migration history for a single batch.
+     *
+     * @param string $order
+     */
+    public function getBatchHistory(int $batch, $order = 'asc'): array
+    {
+        $this->ensureTable();
+
+        $query = $this->db->table($this->table)
+            ->where('batch', $batch)
+            ->orderBy('id', $order)
+            ->get();
+
+        return ! empty($query) ? $query->getResultObject() : [];
+    }
+
+    /**
+     * Returns all the batches from the database history in order
+     */
+    public function getBatches(): array
+    {
+        $this->ensureTable();
+
+        $batches = $this->db->table($this->table)
+            ->select('batch')
+            ->distinct()
+            ->orderBy('batch', 'asc')
+            ->get()
+            ->getResultArray();
+
+        return array_map(intval(...), array_column($batches, 'batch'));
+    }
+
+    /**
+     * Returns the value of the last batch in the database.
+     */
+    public function getLastBatch(): int
+    {
+        $this->ensureTable();
+
+        $batch = $this->db->table($this->table)
+            ->selectMax('batch')
+            ->get()
+            ->getResultObject();
+
+        $batch = is_array($batch) && $batch !== []
+            ? end($batch)->batch
+            : 0;
+
+        return (int) $batch;
+    }
+
+    /**
+     * Returns the version number of the first migration for a batch.
+     * Mostly just for tests.
+     */
+    public function getBatchStart(int $batch): string
+    {
+        if ($batch < 0) {
+            $batches = $this->getBatches();
+            $batch   = $batches[count($batches) - 1] ?? 0;
+        }
+
+        $migration = $this->db->table($this->table)
+            ->where('batch', $batch)
+            ->orderBy('id', 'asc')
+            ->limit(1)
+            ->get()
+            ->getResultObject();
+
+        return $migration !== [] ? $migration[0]->version : '0';
+    }
+
+    /**
+     * Returns the version number of the last migration for a batch.
+     * Mostly just for tests.
+     */
+    public function getBatchEnd(int $batch): string
+    {
+        if ($batch < 0) {
+            $batches = $this->getBatches();
+            $batch   = $batches[count($batches) - 1] ?? 0;
+        }
+
+        $migration = $this->db->table($this->table)
+            ->where('batch', $batch)
+            ->orderBy('id', 'desc')
+            ->limit(1)
+            ->get()
+            ->getResultObject();
+
+        return $migration === [] ? '0' : $migration[0]->version;
+    }
+
+    /**
+     * Ensures that we have created our migrations table
+     * in the database.
+     *
+     * @return void
+     */
+    public function ensureTable()
+    {
+        if ($this->tableChecked || $this->db->tableExists($this->table)) {
+            return;
+        }
+
+        $forge = Database::forge($this->db);
+
+        $forge->addField([
+            'id' => [
+                'type'           => 'BIGINT',
+                'constraint'     => 20,
+                'unsigned'       => true,
+                'auto_increment' => true,
+            ],
+            'version' => [
+                'type'       => 'VARCHAR',
+                'constraint' => 255,
+                'null'       => false,
+            ],
+            'class' => [
+                'type'       => 'VARCHAR',
+                'constraint' => 255,
+                'null'       => false,
+            ],
+            'group' => [
+                'type'       => 'VARCHAR',
+                'constraint' => 255,
+                'null'       => false,
+            ],
+            'namespace' => [
+                'type'       => 'VARCHAR',
+                'constraint' => 255,
+                'null'       => false,
+            ],
+            'time' => [
+                'type'       => 'INT',
+                'constraint' => 11,
+                'null'       => false,
+            ],
+            'batch' => [
+                'type'       => 'INT',
+                'constraint' => 11,
+                'unsigned'   => true,
+                'null'       => false,
+            ],
+        ]);
+
+        $forge->addPrimaryKey('id');
+        $forge->createTable($this->table, true);
+
+        $this->tableChecked = true;
+    }
+
+    /**
+     * Handles the actual running of a migration.
+     *
+     * @param string $direction "up" or "down"
+     * @param object $migration The migration to run
+     */
+    protected function migrate($direction, $migration): bool
+    {
+        include_once $migration->path;
+
+        $class = $migration->class;
+        $this->setName($migration->name);
+
+        // Validate the migration file structure
+        if (! class_exists($class, false)) {
+            $message = sprintf(lang('Migrations.classNotFound'), $class);
+
+            if ($this->silent) {
+                $this->cliMessages[] = "\t" . CLI::color($message, 'red');
+
+                return false;
+            }
+
+            throw new RuntimeException($message);
+        }
+
+        /** @var Migration $instance */
+        $instance = new $class(Database::forge($this->db));
+        $group    = $instance->getDBGroup() ?? $this->group;
+
+        if (ENVIRONMENT !== 'testing' && $group === 'tests' && $this->groupFilter !== 'tests') {
+            // @codeCoverageIgnoreStart
+            $this->groupSkip = true;
+
+            return true;
+            // @codeCoverageIgnoreEnd
+        }
+
+        if ($direction === 'up' && $this->groupFilter !== null && $this->groupFilter !== $group) {
+            $this->groupSkip = true;
+
+            return true;
+        }
+
+        if (! is_callable([$instance, $direction])) {
+            $message = sprintf(lang('Migrations.missingMethod'), $direction);
+
+            if ($this->silent) {
+                $this->cliMessages[] = "\t" . CLI::color($message, 'red');
+
+                return false;
+            }
+
+            throw new RuntimeException($message);
+        }
+
+        $instance->{$direction}();
+
+        return true;
+    }
+}
diff --git a/ci4app/system/Database/MySQLi/Builder.php b/ci4app/system/Database/MySQLi/Builder.php
new file mode 100644
index 0000000..a9e248f
--- /dev/null
+++ b/ci4app/system/Database/MySQLi/Builder.php
@@ -0,0 +1,147 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\MySQLi;
+
+use CodeIgniter\Database\BaseBuilder;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Database\RawSql;
+
+/**
+ * Builder for MySQLi
+ */
+class Builder extends BaseBuilder
+{
+    /**
+     * Identifier escape character
+     *
+     * @var string
+     */
+    protected $escapeChar = '`';
+
+    /**
+     * Specifies which sql statements
+     * support the ignore option.
+     *
+     * @var array<string, string>
+     */
+    protected $supportedIgnoreStatements = [
+        'update' => 'IGNORE',
+        'insert' => 'IGNORE',
+        'delete' => 'IGNORE',
+    ];
+
+    /**
+     * FROM tables
+     *
+     * Groups tables in FROM clauses if needed, so there is no confusion
+     * about operator precedence.
+     *
+     * Note: This is only used (and overridden) by MySQL.
+     */
+    protected function _fromTables(): string
+    {
+        if ($this->QBJoin !== [] && count($this->QBFrom) > 1) {
+            return '(' . implode(', ', $this->QBFrom) . ')';
+        }
+
+        return implode(', ', $this->QBFrom);
+    }
+
+    /**
+     * Generates a platform-specific batch update string from the supplied data
+     */
+    protected function _updateBatch(string $table, array $keys, array $values): string
+    {
+        $sql = $this->QBOptions['sql'] ?? '';
+
+        // if this is the first iteration of batch then we need to build skeleton sql
+        if ($sql === '') {
+            $constraints = $this->QBOptions['constraints'] ?? [];
+
+            if ($constraints === []) {
+                if ($this->db->DBDebug) {
+                    throw new DatabaseException('You must specify a constraint to match on for batch updates.'); // @codeCoverageIgnore
+                }
+
+                return ''; // @codeCoverageIgnore
+            }
+
+            $updateFields = $this->QBOptions['updateFields'] ??
+                $this->updateFields($keys, false, $constraints)->QBOptions['updateFields'] ??
+                [];
+
+            $alias = $this->QBOptions['alias'] ?? '`_u`';
+
+            $sql = 'UPDATE ' . $this->compileIgnore('update') . $table . "\n";
+
+            $sql .= "INNER JOIN (\n{:_table_:}";
+
+            $sql .= ') ' . $alias . "\n";
+
+            $sql .= 'ON ' . implode(
+                ' AND ',
+                array_map(
+                    static fn ($key, $value) => (
+                        ($value instanceof RawSql && is_string($key))
+                        ?
+                        $table . '.' . $key . ' = ' . $value
+                        :
+                        (
+                            $value instanceof RawSql
+                            ?
+                            $value
+                            :
+                            $table . '.' . $value . ' = ' . $alias . '.' . $value
+                        )
+                    ),
+                    array_keys($constraints),
+                    $constraints,
+                ),
+            ) . "\n";
+
+            $sql .= "SET\n";
+
+            $sql .= implode(
+                ",\n",
+                array_map(
+                    static fn ($key, $value): string => $table . '.' . $key . ($value instanceof RawSql ?
+                        ' = ' . $value :
+                        ' = ' . $alias . '.' . $value),
+                    array_keys($updateFields),
+                    $updateFields,
+                ),
+            );
+
+            $this->QBOptions['sql'] = $sql;
+        }
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $data = $this->QBOptions['setQueryAsData'];
+        } else {
+            $data = implode(
+                " UNION ALL\n",
+                array_map(
+                    static fn ($value): string => 'SELECT ' . implode(', ', array_map(
+                        static fn ($key, $index): string => $index . ' ' . $key,
+                        $keys,
+                        $value,
+                    )),
+                    $values,
+                ),
+            ) . "\n";
+        }
+
+        return str_replace('{:_table_:}', $data, $sql);
+    }
+}
diff --git a/ci4app/system/Database/MySQLi/Connection.php b/ci4app/system/Database/MySQLi/Connection.php
new file mode 100644
index 0000000..2a9f9d3
--- /dev/null
+++ b/ci4app/system/Database/MySQLi/Connection.php
@@ -0,0 +1,660 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\MySQLi;
+
+use CodeIgniter\Database\BaseConnection;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Database\TableName;
+use CodeIgniter\Exceptions\LogicException;
+use mysqli;
+use mysqli_result;
+use mysqli_sql_exception;
+use stdClass;
+use Throwable;
+
+/**
+ * Connection for MySQLi
+ *
+ * @extends BaseConnection<mysqli, mysqli_result>
+ */
+class Connection extends BaseConnection
+{
+    /**
+     * Database driver
+     *
+     * @var string
+     */
+    public $DBDriver = 'MySQLi';
+
+    /**
+     * DELETE hack flag
+     *
+     * Whether to use the MySQL "delete hack" which allows the number
+     * of affected rows to be shown. Uses a preg_replace when enabled,
+     * adding a bit more processing to all queries.
+     *
+     * @var bool
+     */
+    public $deleteHack = true;
+
+    /**
+     * Identifier escape character
+     *
+     * @var string
+     */
+    public $escapeChar = '`';
+
+    /**
+     * MySQLi object
+     *
+     * Has to be preserved without being assigned to $connId.
+     *
+     * @var false|mysqli
+     */
+    public $mysqli;
+
+    /**
+     * MySQLi constant
+     *
+     * For unbuffered queries use `MYSQLI_USE_RESULT`.
+     *
+     * Default mode for buffered queries uses `MYSQLI_STORE_RESULT`.
+     *
+     * @var int
+     */
+    public $resultMode = MYSQLI_STORE_RESULT;
+
+    /**
+     * Use MYSQLI_OPT_INT_AND_FLOAT_NATIVE
+     *
+     * @var bool
+     */
+    public $numberNative = false;
+
+    /**
+     * Use MYSQLI_CLIENT_FOUND_ROWS
+     *
+     * Whether affectedRows() should return number of rows found,
+     * or number of rows changed, after an UPDATE query.
+     *
+     * @var bool
+     */
+    public $foundRows = false;
+
+    /**
+     * Connect to the database.
+     *
+     * @return false|mysqli
+     *
+     * @throws DatabaseException
+     */
+    public function connect(bool $persistent = false)
+    {
+        // Do we have a socket path?
+        if ($this->hostname[0] === '/') {
+            $hostname = null;
+            $port     = null;
+            $socket   = $this->hostname;
+        } else {
+            $hostname = $persistent ? 'p:' . $this->hostname : $this->hostname;
+            $port     = empty($this->port) ? null : $this->port;
+            $socket   = '';
+        }
+
+        $clientFlags  = ($this->compress === true) ? MYSQLI_CLIENT_COMPRESS : 0;
+        $this->mysqli = mysqli_init();
+
+        mysqli_report(MYSQLI_REPORT_ALL & ~MYSQLI_REPORT_INDEX);
+
+        $this->mysqli->options(MYSQLI_OPT_CONNECT_TIMEOUT, 10);
+
+        if ($this->numberNative === true) {
+            $this->mysqli->options(MYSQLI_OPT_INT_AND_FLOAT_NATIVE, 1);
+        }
+
+        if (isset($this->strictOn)) {
+            if ($this->strictOn) {
+                $this->mysqli->options(
+                    MYSQLI_INIT_COMMAND,
+                    "SET SESSION sql_mode = CONCAT(@@sql_mode, ',', 'STRICT_ALL_TABLES')",
+                );
+            } else {
+                $this->mysqli->options(
+                    MYSQLI_INIT_COMMAND,
+                    "SET SESSION sql_mode = REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(
+                                        @@sql_mode,
+                                        'STRICT_ALL_TABLES,', ''),
+                                    ',STRICT_ALL_TABLES', ''),
+                                'STRICT_ALL_TABLES', ''),
+                            'STRICT_TRANS_TABLES,', ''),
+                        ',STRICT_TRANS_TABLES', ''),
+                    'STRICT_TRANS_TABLES', '')",
+                );
+            }
+        }
+
+        if (is_array($this->encrypt)) {
+            $ssl = [];
+
+            if (! empty($this->encrypt['ssl_key'])) {
+                $ssl['key'] = $this->encrypt['ssl_key'];
+            }
+            if (! empty($this->encrypt['ssl_cert'])) {
+                $ssl['cert'] = $this->encrypt['ssl_cert'];
+            }
+            if (! empty($this->encrypt['ssl_ca'])) {
+                $ssl['ca'] = $this->encrypt['ssl_ca'];
+            }
+            if (! empty($this->encrypt['ssl_capath'])) {
+                $ssl['capath'] = $this->encrypt['ssl_capath'];
+            }
+            if (! empty($this->encrypt['ssl_cipher'])) {
+                $ssl['cipher'] = $this->encrypt['ssl_cipher'];
+            }
+
+            if ($ssl !== []) {
+                if (isset($this->encrypt['ssl_verify'])) {
+                    if ($this->encrypt['ssl_verify']) {
+                        if (defined('MYSQLI_OPT_SSL_VERIFY_SERVER_CERT')) {
+                            $this->mysqli->options(MYSQLI_OPT_SSL_VERIFY_SERVER_CERT, 1);
+                        }
+                    }
+                    // Apparently (when it exists), setting MYSQLI_OPT_SSL_VERIFY_SERVER_CERT
+                    // to FALSE didn't do anything, so PHP 5.6.16 introduced yet another
+                    // constant ...
+                    //
+                    // https://secure.php.net/ChangeLog-5.php#5.6.16
+                    // https://bugs.php.net/bug.php?id=68344
+                    elseif (defined('MYSQLI_CLIENT_SSL_DONT_VERIFY_SERVER_CERT') && version_compare($this->mysqli->client_info, 'mysqlnd 5.6', '>=')) {
+                        $clientFlags += MYSQLI_CLIENT_SSL_DONT_VERIFY_SERVER_CERT;
+                    }
+                }
+
+                $this->mysqli->ssl_set(
+                    $ssl['key'] ?? null,
+                    $ssl['cert'] ?? null,
+                    $ssl['ca'] ?? null,
+                    $ssl['capath'] ?? null,
+                    $ssl['cipher'] ?? null,
+                );
+            }
+
+            $clientFlags += MYSQLI_CLIENT_SSL;
+        }
+
+        if ($this->foundRows) {
+            $clientFlags += MYSQLI_CLIENT_FOUND_ROWS;
+        }
+
+        try {
+            if ($this->mysqli->real_connect(
+                $hostname,
+                $this->username,
+                $this->password,
+                $this->database,
+                $port,
+                $socket,
+                $clientFlags,
+            )) {
+                // Prior to version 5.7.3, MySQL silently downgrades to an unencrypted connection if SSL setup fails
+                if (($clientFlags & MYSQLI_CLIENT_SSL) !== 0 && version_compare($this->mysqli->client_info, 'mysqlnd 5.7.3', '<=')
+                    && empty($this->mysqli->query("SHOW STATUS LIKE 'ssl_cipher'")->fetch_object()->Value)
+                ) {
+                    $this->mysqli->close();
+                    $message = 'MySQLi was configured for an SSL connection, but got an unencrypted connection instead!';
+                    log_message('error', $message);
+
+                    if ($this->DBDebug) {
+                        throw new DatabaseException($message);
+                    }
+
+                    return false;
+                }
+
+                if (! $this->mysqli->set_charset($this->charset)) {
+                    log_message('error', "Database: Unable to set the configured connection charset ('{$this->charset}').");
+
+                    $this->mysqli->close();
+
+                    if ($this->DBDebug) {
+                        throw new DatabaseException('Unable to set client connection character set: ' . $this->charset);
+                    }
+
+                    return false;
+                }
+
+                return $this->mysqli;
+            }
+        } catch (Throwable $e) {
+            // Clean sensitive information from errors.
+            $msg = $e->getMessage();
+
+            $msg = str_replace($this->username, '****', $msg);
+            $msg = str_replace($this->password, '****', $msg);
+
+            throw new DatabaseException($msg, $e->getCode(), $e);
+        }
+
+        return false;
+    }
+
+    /**
+     * Keep or establish the connection if no queries have been sent for
+     * a length of time exceeding the server's idle timeout.
+     *
+     * @return void
+     */
+    public function reconnect()
+    {
+        $this->close();
+        $this->initialize();
+    }
+
+    /**
+     * Close the database connection.
+     *
+     * @return void
+     */
+    protected function _close()
+    {
+        $this->connID->close();
+    }
+
+    /**
+     * Select a specific database table to use.
+     */
+    public function setDatabase(string $databaseName): bool
+    {
+        if ($databaseName === '') {
+            $databaseName = $this->database;
+        }
+
+        if (empty($this->connID)) {
+            $this->initialize();
+        }
+
+        if ($this->connID->select_db($databaseName)) {
+            $this->database = $databaseName;
+
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Returns a string containing the version of the database being used.
+     */
+    public function getVersion(): string
+    {
+        if (isset($this->dataCache['version'])) {
+            return $this->dataCache['version'];
+        }
+
+        if (empty($this->mysqli)) {
+            $this->initialize();
+        }
+
+        return $this->dataCache['version'] = $this->mysqli->server_info;
+    }
+
+    /**
+     * Executes the query against the database.
+     *
+     * @return false|mysqli_result
+     */
+    protected function execute(string $sql)
+    {
+        while ($this->connID->more_results()) {
+            $this->connID->next_result();
+            if ($res = $this->connID->store_result()) {
+                $res->free();
+            }
+        }
+
+        try {
+            return $this->connID->query($this->prepQuery($sql), $this->resultMode);
+        } catch (mysqli_sql_exception $e) {
+            log_message('error', (string) $e);
+
+            if ($this->DBDebug) {
+                throw new DatabaseException($e->getMessage(), $e->getCode(), $e);
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * Prep the query. If needed, each database adapter can prep the query string
+     */
+    protected function prepQuery(string $sql): string
+    {
+        // mysqli_affected_rows() returns 0 for "DELETE FROM TABLE" queries. This hack
+        // modifies the query so that it a proper number of affected rows is returned.
+        if ($this->deleteHack === true && preg_match('/^\s*DELETE\s+FROM\s+(\S+)\s*$/i', $sql)) {
+            return trim($sql) . ' WHERE 1=1';
+        }
+
+        return $sql;
+    }
+
+    /**
+     * Returns the total number of rows affected by this query.
+     */
+    public function affectedRows(): int
+    {
+        return $this->connID->affected_rows ?? 0;
+    }
+
+    /**
+     * Platform-dependant string escape
+     */
+    protected function _escapeString(string $str): string
+    {
+        if (! $this->connID) {
+            $this->initialize();
+        }
+
+        return $this->connID->real_escape_string($str);
+    }
+
+    /**
+     * Escape Like String Direct
+     * There are a few instances where MySQLi queries cannot take the
+     * additional "ESCAPE x" parameter for specifying the escape character
+     * in "LIKE" strings, and this handles those directly with a backslash.
+     *
+     * @param list<string>|string $str Input string
+     *
+     * @return list<string>|string
+     */
+    public function escapeLikeStringDirect($str)
+    {
+        if (is_array($str)) {
+            foreach ($str as $key => $val) {
+                $str[$key] = $this->escapeLikeStringDirect($val);
+            }
+
+            return $str;
+        }
+
+        $str = $this->_escapeString($str);
+
+        // Escape LIKE condition wildcards
+        return str_replace(
+            [$this->likeEscapeChar, '%', '_'],
+            ['\\' . $this->likeEscapeChar, '\\%', '\\_'],
+            $str,
+        );
+    }
+
+    /**
+     * Generates the SQL for listing tables in a platform-dependent manner.
+     * Uses escapeLikeStringDirect().
+     *
+     * @param string|null $tableName If $tableName is provided will return only this table if exists.
+     */
+    protected function _listTables(bool $prefixLimit = false, ?string $tableName = null): string
+    {
+        $sql = 'SHOW TABLES FROM ' . $this->escapeIdentifier($this->database);
+
+        if ((string) $tableName !== '') {
+            return $sql . ' LIKE ' . $this->escape($tableName);
+        }
+
+        if ($prefixLimit && $this->DBPrefix !== '') {
+            return $sql . " LIKE '" . $this->escapeLikeStringDirect($this->DBPrefix) . "%'";
+        }
+
+        return $sql;
+    }
+
+    /**
+     * Generates a platform-specific query string so that the column names can be fetched.
+     *
+     * @param string|TableName $table
+     */
+    protected function _listColumns($table = ''): string
+    {
+        $tableName = $this->protectIdentifiers(
+            $table,
+            true,
+            null,
+            false,
+        );
+
+        return 'SHOW COLUMNS FROM ' . $tableName;
+    }
+
+    /**
+     * Returns an array of objects with field data
+     *
+     * @return list<stdClass>
+     *
+     * @throws DatabaseException
+     */
+    protected function _fieldData(string $table): array
+    {
+        $table = $this->protectIdentifiers($table, true, null, false);
+
+        if (($query = $this->query('SHOW COLUMNS FROM ' . $table)) === false) {
+            throw new DatabaseException(lang('Database.failGetFieldData'));
+        }
+        $query = $query->getResultObject();
+
+        $retVal = [];
+
+        for ($i = 0, $c = count($query); $i < $c; $i++) {
+            $retVal[$i]       = new stdClass();
+            $retVal[$i]->name = $query[$i]->Field;
+
+            sscanf($query[$i]->Type, '%[a-z](%d)', $retVal[$i]->type, $retVal[$i]->max_length);
+
+            $retVal[$i]->nullable    = $query[$i]->Null === 'YES';
+            $retVal[$i]->default     = $query[$i]->Default;
+            $retVal[$i]->primary_key = (int) ($query[$i]->Key === 'PRI');
+        }
+
+        return $retVal;
+    }
+
+    /**
+     * Returns an array of objects with index data
+     *
+     * @return array<string, stdClass>
+     *
+     * @throws DatabaseException
+     * @throws LogicException
+     */
+    protected function _indexData(string $table): array
+    {
+        $table = $this->protectIdentifiers($table, true, null, false);
+
+        if (($query = $this->query('SHOW INDEX FROM ' . $table)) === false) {
+            throw new DatabaseException(lang('Database.failGetIndexData'));
+        }
+
+        $indexes = $query->getResultArray();
+
+        if ($indexes === []) {
+            return [];
+        }
+
+        $keys = [];
+
+        foreach ($indexes as $index) {
+            if (empty($keys[$index['Key_name']])) {
+                $keys[$index['Key_name']]       = new stdClass();
+                $keys[$index['Key_name']]->name = $index['Key_name'];
+
+                if ($index['Key_name'] === 'PRIMARY') {
+                    $type = 'PRIMARY';
+                } elseif ($index['Index_type'] === 'FULLTEXT') {
+                    $type = 'FULLTEXT';
+                } elseif ($index['Non_unique']) {
+                    $type = $index['Index_type'] === 'SPATIAL' ? 'SPATIAL' : 'INDEX';
+                } else {
+                    $type = 'UNIQUE';
+                }
+
+                $keys[$index['Key_name']]->type = $type;
+            }
+
+            $keys[$index['Key_name']]->fields[] = $index['Column_name'];
+        }
+
+        return $keys;
+    }
+
+    /**
+     * Returns an array of objects with Foreign key data
+     *
+     * @return array<string, stdClass>
+     *
+     * @throws DatabaseException
+     */
+    protected function _foreignKeyData(string $table): array
+    {
+        $sql = '
+                SELECT
+                    tc.CONSTRAINT_NAME,
+                    tc.TABLE_NAME,
+                    kcu.COLUMN_NAME,
+                    rc.REFERENCED_TABLE_NAME,
+                    kcu.REFERENCED_COLUMN_NAME,
+                    rc.DELETE_RULE,
+                    rc.UPDATE_RULE,
+                    rc.MATCH_OPTION
+                FROM information_schema.table_constraints AS tc
+                INNER JOIN information_schema.referential_constraints AS rc
+                    ON tc.constraint_name = rc.constraint_name
+                    AND tc.constraint_schema = rc.constraint_schema
+                INNER JOIN information_schema.key_column_usage AS kcu
+                    ON tc.constraint_name = kcu.constraint_name
+                    AND tc.constraint_schema = kcu.constraint_schema
+                WHERE
+                    tc.constraint_type = ' . $this->escape('FOREIGN KEY') . ' AND
+                    tc.table_schema = ' . $this->escape($this->database) . ' AND
+                    tc.table_name = ' . $this->escape($table);
+
+        if (($query = $this->query($sql)) === false) {
+            throw new DatabaseException(lang('Database.failGetForeignKeyData'));
+        }
+
+        $query   = $query->getResultObject();
+        $indexes = [];
+
+        foreach ($query as $row) {
+            $indexes[$row->CONSTRAINT_NAME]['constraint_name']       = $row->CONSTRAINT_NAME;
+            $indexes[$row->CONSTRAINT_NAME]['table_name']            = $row->TABLE_NAME;
+            $indexes[$row->CONSTRAINT_NAME]['column_name'][]         = $row->COLUMN_NAME;
+            $indexes[$row->CONSTRAINT_NAME]['foreign_table_name']    = $row->REFERENCED_TABLE_NAME;
+            $indexes[$row->CONSTRAINT_NAME]['foreign_column_name'][] = $row->REFERENCED_COLUMN_NAME;
+            $indexes[$row->CONSTRAINT_NAME]['on_delete']             = $row->DELETE_RULE;
+            $indexes[$row->CONSTRAINT_NAME]['on_update']             = $row->UPDATE_RULE;
+            $indexes[$row->CONSTRAINT_NAME]['match']                 = $row->MATCH_OPTION;
+        }
+
+        return $this->foreignKeyDataToObjects($indexes);
+    }
+
+    /**
+     * Returns platform-specific SQL to disable foreign key checks.
+     *
+     * @return string
+     */
+    protected function _disableForeignKeyChecks()
+    {
+        return 'SET FOREIGN_KEY_CHECKS=0';
+    }
+
+    /**
+     * Returns platform-specific SQL to enable foreign key checks.
+     *
+     * @return string
+     */
+    protected function _enableForeignKeyChecks()
+    {
+        return 'SET FOREIGN_KEY_CHECKS=1';
+    }
+
+    /**
+     * Returns the last error code and message.
+     * Must return this format: ['code' => string|int, 'message' => string]
+     * intval(code) === 0 means "no error".
+     *
+     * @return array<string, int|string>
+     */
+    public function error(): array
+    {
+        if (! empty($this->mysqli->connect_errno)) {
+            return [
+                'code'    => $this->mysqli->connect_errno,
+                'message' => $this->mysqli->connect_error,
+            ];
+        }
+
+        return [
+            'code'    => $this->connID->errno,
+            'message' => $this->connID->error,
+        ];
+    }
+
+    /**
+     * Insert ID
+     */
+    public function insertID(): int
+    {
+        return $this->connID->insert_id;
+    }
+
+    /**
+     * Begin Transaction
+     */
+    protected function _transBegin(): bool
+    {
+        $this->connID->autocommit(false);
+
+        return $this->connID->begin_transaction();
+    }
+
+    /**
+     * Commit Transaction
+     */
+    protected function _transCommit(): bool
+    {
+        if ($this->connID->commit()) {
+            $this->connID->autocommit(true);
+
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Rollback Transaction
+     */
+    protected function _transRollback(): bool
+    {
+        if ($this->connID->rollback()) {
+            $this->connID->autocommit(true);
+
+            return true;
+        }
+
+        return false;
+    }
+}
diff --git a/ci4app/system/Database/MySQLi/Forge.php b/ci4app/system/Database/MySQLi/Forge.php
new file mode 100644
index 0000000..9482f7e
--- /dev/null
+++ b/ci4app/system/Database/MySQLi/Forge.php
@@ -0,0 +1,265 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\MySQLi;
+
+use CodeIgniter\Database\Forge as BaseForge;
+
+/**
+ * Forge for MySQLi
+ */
+class Forge extends BaseForge
+{
+    /**
+     * CREATE DATABASE statement
+     *
+     * @var string
+     */
+    protected $createDatabaseStr = 'CREATE DATABASE %s CHARACTER SET %s COLLATE %s';
+
+    /**
+     * CREATE DATABASE IF statement
+     *
+     * @var string
+     */
+    protected $createDatabaseIfStr = 'CREATE DATABASE IF NOT EXISTS %s CHARACTER SET %s COLLATE %s';
+
+    /**
+     * DROP CONSTRAINT statement
+     *
+     * @var string
+     */
+    protected $dropConstraintStr = 'ALTER TABLE %s DROP FOREIGN KEY %s';
+
+    /**
+     * CREATE TABLE keys flag
+     *
+     * Whether table keys are created from within the
+     * CREATE TABLE statement.
+     *
+     * @var bool
+     */
+    protected $createTableKeys = true;
+
+    /**
+     * UNSIGNED support
+     *
+     * @var array
+     */
+    protected $_unsigned = [
+        'TINYINT',
+        'SMALLINT',
+        'MEDIUMINT',
+        'INT',
+        'INTEGER',
+        'BIGINT',
+        'REAL',
+        'DOUBLE',
+        'DOUBLE PRECISION',
+        'FLOAT',
+        'DECIMAL',
+        'NUMERIC',
+    ];
+
+    /**
+     * Table Options list which required to be quoted
+     *
+     * @var array
+     */
+    protected $_quoted_table_options = [
+        'COMMENT',
+        'COMPRESSION',
+        'CONNECTION',
+        'DATA DIRECTORY',
+        'INDEX DIRECTORY',
+        'ENCRYPTION',
+        'PASSWORD',
+    ];
+
+    /**
+     * NULL value representation in CREATE/ALTER TABLE statements
+     *
+     * @var string
+     *
+     * @internal
+     */
+    protected $null = 'NULL';
+
+    /**
+     * CREATE TABLE attributes
+     *
+     * @param array $attributes Associative array of table attributes
+     */
+    protected function _createTableAttributes(array $attributes): string
+    {
+        $sql = '';
+
+        foreach (array_keys($attributes) as $key) {
+            if (is_string($key)) {
+                $sql .= ' ' . strtoupper($key) . ' = ';
+
+                if (in_array(strtoupper($key), $this->_quoted_table_options, true)) {
+                    $sql .= $this->db->escape($attributes[$key]);
+                } else {
+                    $sql .= $this->db->escapeString($attributes[$key]);
+                }
+            }
+        }
+
+        if ($this->db->charset !== '' && ! str_contains($sql, 'CHARACTER SET') && ! str_contains($sql, 'CHARSET')) {
+            $sql .= ' DEFAULT CHARACTER SET = ' . $this->db->escapeString($this->db->charset);
+        }
+
+        if ($this->db->DBCollat !== '' && ! str_contains($sql, 'COLLATE')) {
+            $sql .= ' COLLATE = ' . $this->db->escapeString($this->db->DBCollat);
+        }
+
+        return $sql;
+    }
+
+    /**
+     * ALTER TABLE
+     *
+     * @param string       $alterType       ALTER type
+     * @param string       $table           Table name
+     * @param array|string $processedFields Processed column definitions
+     *                                      or column names to DROP
+     *
+     * @return ($alterType is 'DROP' ? string : list<string>)
+     */
+    protected function _alterTable(string $alterType, string $table, $processedFields)
+    {
+        if ($alterType === 'DROP') {
+            return parent::_alterTable($alterType, $table, $processedFields);
+        }
+
+        $sql = 'ALTER TABLE ' . $this->db->escapeIdentifiers($table);
+
+        foreach ($processedFields as $i => $field) {
+            if ($field['_literal'] !== false) {
+                $processedFields[$i] = ($alterType === 'ADD') ? "\n\tADD " . $field['_literal'] : "\n\tMODIFY " . $field['_literal'];
+            } else {
+                if ($alterType === 'ADD') {
+                    $processedFields[$i]['_literal'] = "\n\tADD ";
+                } else {
+                    $processedFields[$i]['_literal'] = empty($field['new_name']) ? "\n\tMODIFY " : "\n\tCHANGE ";
+                }
+
+                $processedFields[$i] = $processedFields[$i]['_literal'] . $this->_processColumn($processedFields[$i]);
+            }
+        }
+
+        return [$sql . implode(',', $processedFields)];
+    }
+
+    /**
+     * Process column
+     */
+    protected function _processColumn(array $processedField): string
+    {
+        $extraClause = isset($processedField['after']) ? ' AFTER ' . $this->db->escapeIdentifiers($processedField['after']) : '';
+
+        if (empty($extraClause) && isset($processedField['first']) && $processedField['first'] === true) {
+            $extraClause = ' FIRST';
+        }
+
+        return $this->db->escapeIdentifiers($processedField['name'])
+                . (empty($processedField['new_name']) ? '' : ' ' . $this->db->escapeIdentifiers($processedField['new_name']))
+                . ' ' . $processedField['type'] . $processedField['length']
+                . $processedField['unsigned']
+                . $processedField['null']
+                . $processedField['default']
+                . $processedField['auto_increment']
+                . $processedField['unique']
+                . (empty($processedField['comment']) ? '' : ' COMMENT ' . $processedField['comment'])
+                . $extraClause;
+    }
+
+    /**
+     * Generates SQL to add indexes
+     *
+     * @param bool $asQuery When true returns stand alone SQL, else partial SQL used with CREATE TABLE
+     */
+    protected function _processIndexes(string $table, bool $asQuery = false): array
+    {
+        $sqls  = [''];
+        $index = 0;
+
+        for ($i = 0, $c = count($this->keys); $i < $c; $i++) {
+            $index = $i;
+            if ($asQuery === false) {
+                $index = 0;
+            }
+
+            if (isset($this->keys[$i]['fields'])) {
+                for ($i2 = 0, $c2 = count($this->keys[$i]['fields']); $i2 < $c2; $i2++) {
+                    if (! isset($this->fields[$this->keys[$i]['fields'][$i2]])) {
+                        unset($this->keys[$i]['fields'][$i2]);
+
+                        continue;
+                    }
+                }
+            }
+
+            if (! is_array($this->keys[$i]['fields'])) {
+                $this->keys[$i]['fields'] = [$this->keys[$i]['fields']];
+            }
+
+            $unique = in_array($i, $this->uniqueKeys, true) ? 'UNIQUE ' : '';
+
+            $keyName = $this->db->escapeIdentifiers(($this->keys[$i]['keyName'] === '') ?
+                implode('_', $this->keys[$i]['fields']) :
+                $this->keys[$i]['keyName']);
+
+            if ($asQuery) {
+                $sqls[$index] = 'ALTER TABLE ' . $this->db->escapeIdentifiers($table) . " ADD {$unique}KEY "
+                    . $keyName
+                    . ' (' . implode(', ', $this->db->escapeIdentifiers($this->keys[$i]['fields'])) . ')';
+            } else {
+                $sqls[$index] .= ",\n\t{$unique}KEY " . $keyName
+                . ' (' . implode(', ', $this->db->escapeIdentifiers($this->keys[$i]['fields'])) . ')';
+            }
+        }
+
+        $this->keys = [];
+
+        return $sqls;
+    }
+
+    /**
+     * Drop Key
+     */
+    public function dropKey(string $table, string $keyName, bool $prefixKeyName = true): bool
+    {
+        $sql = sprintf(
+            $this->dropIndexStr,
+            $this->db->escapeIdentifiers($keyName),
+            $this->db->escapeIdentifiers($this->db->DBPrefix . $table),
+        );
+
+        return $this->db->query($sql);
+    }
+
+    /**
+     * Drop Primary Key
+     */
+    public function dropPrimaryKey(string $table, string $keyName = ''): bool
+    {
+        $sql = sprintf(
+            'ALTER TABLE %s DROP PRIMARY KEY',
+            $this->db->escapeIdentifiers($this->db->DBPrefix . $table),
+        );
+
+        return $this->db->query($sql);
+    }
+}
diff --git a/ci4app/system/Database/MySQLi/PreparedQuery.php b/ci4app/system/Database/MySQLi/PreparedQuery.php
new file mode 100644
index 0000000..05ef5f1
--- /dev/null
+++ b/ci4app/system/Database/MySQLi/PreparedQuery.php
@@ -0,0 +1,123 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\MySQLi;
+
+use CodeIgniter\Database\BasePreparedQuery;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Exceptions\BadMethodCallException;
+use mysqli;
+use mysqli_result;
+use mysqli_sql_exception;
+use mysqli_stmt;
+
+/**
+ * Prepared query for MySQLi
+ *
+ * @extends BasePreparedQuery<mysqli, mysqli_stmt, mysqli_result>
+ */
+class PreparedQuery extends BasePreparedQuery
+{
+    /**
+     * Prepares the query against the database, and saves the connection
+     * info necessary to execute the query later.
+     *
+     * NOTE: This version is based on SQL code. Child classes should
+     * override this method.
+     *
+     * @param array $options Passed to the connection's prepare statement.
+     *                       Unused in the MySQLi driver.
+     */
+    public function _prepare(string $sql, array $options = []): PreparedQuery
+    {
+        // Mysqli driver doesn't like statements
+        // with terminating semicolons.
+        $sql = rtrim($sql, ';');
+
+        if (! $this->statement = $this->db->mysqli->prepare($sql)) {
+            $this->errorCode   = $this->db->mysqli->errno;
+            $this->errorString = $this->db->mysqli->error;
+
+            if ($this->db->DBDebug) {
+                throw new DatabaseException($this->errorString . ' code: ' . $this->errorCode);
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * Takes a new set of data and runs it against the currently
+     * prepared query. Upon success, will return a Results object.
+     */
+    public function _execute(array $data): bool
+    {
+        if (! isset($this->statement)) {
+            throw new BadMethodCallException('You must call prepare before trying to execute a prepared statement.');
+        }
+
+        // First off - bind the parameters
+        $bindTypes  = '';
+        $binaryData = [];
+
+        // Determine the type string
+        foreach ($data as $key => $item) {
+            if (is_int($item)) {
+                $bindTypes .= 'i';
+            } elseif (is_numeric($item)) {
+                $bindTypes .= 'd';
+            } elseif (is_string($item) && $this->isBinary($item)) {
+                $bindTypes .= 'b';
+                $binaryData[$key] = $item;
+            } else {
+                $bindTypes .= 's';
+            }
+        }
+
+        // Bind it
+        $this->statement->bind_param($bindTypes, ...$data);
+
+        // Stream binary data
+        foreach ($binaryData as $key => $value) {
+            $this->statement->send_long_data($key, $value);
+        }
+
+        try {
+            return $this->statement->execute();
+        } catch (mysqli_sql_exception $e) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException($e->getMessage(), $e->getCode(), $e);
+            }
+
+            return false;
+        }
+    }
+
+    /**
+     * Returns the result object for the prepared query or false on failure.
+     *
+     * @return false|mysqli_result
+     */
+    public function _getResult()
+    {
+        return $this->statement->get_result();
+    }
+
+    /**
+     * Deallocate prepared statements.
+     */
+    protected function _close(): bool
+    {
+        return $this->statement->close();
+    }
+}
diff --git a/ci4app/system/Database/MySQLi/Result.php b/ci4app/system/Database/MySQLi/Result.php
new file mode 100644
index 0000000..873bbd0
--- /dev/null
+++ b/ci4app/system/Database/MySQLi/Result.php
@@ -0,0 +1,170 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\MySQLi;
+
+use CodeIgniter\Database\BaseResult;
+use CodeIgniter\Entity\Entity;
+use mysqli;
+use mysqli_result;
+use stdClass;
+
+/**
+ * Result for MySQLi
+ *
+ * @extends BaseResult<mysqli, mysqli_result>
+ */
+class Result extends BaseResult
+{
+    /**
+     * Gets the number of fields in the result set.
+     */
+    public function getFieldCount(): int
+    {
+        return $this->resultID->field_count;
+    }
+
+    /**
+     * Generates an array of column names in the result set.
+     */
+    public function getFieldNames(): array
+    {
+        $fieldNames = [];
+        $this->resultID->field_seek(0);
+
+        while ($field = $this->resultID->fetch_field()) {
+            $fieldNames[] = $field->name;
+        }
+
+        return $fieldNames;
+    }
+
+    /**
+     * Generates an array of objects representing field meta-data.
+     */
+    public function getFieldData(): array
+    {
+        static $dataTypes = [
+            MYSQLI_TYPE_DECIMAL    => 'decimal',
+            MYSQLI_TYPE_NEWDECIMAL => 'newdecimal',
+            MYSQLI_TYPE_FLOAT      => 'float',
+            MYSQLI_TYPE_DOUBLE     => 'double',
+
+            MYSQLI_TYPE_BIT      => 'bit',
+            MYSQLI_TYPE_SHORT    => 'short',
+            MYSQLI_TYPE_LONG     => 'long',
+            MYSQLI_TYPE_LONGLONG => 'longlong',
+            MYSQLI_TYPE_INT24    => 'int24',
+
+            MYSQLI_TYPE_YEAR => 'year',
+
+            MYSQLI_TYPE_TIMESTAMP => 'timestamp',
+            MYSQLI_TYPE_DATE      => 'date',
+            MYSQLI_TYPE_TIME      => 'time',
+            MYSQLI_TYPE_DATETIME  => 'datetime',
+            MYSQLI_TYPE_NEWDATE   => 'newdate',
+
+            MYSQLI_TYPE_SET => 'set',
+
+            MYSQLI_TYPE_VAR_STRING => 'var_string',
+            MYSQLI_TYPE_STRING     => 'string',
+
+            MYSQLI_TYPE_GEOMETRY    => 'geometry',
+            MYSQLI_TYPE_TINY_BLOB   => 'tiny_blob',
+            MYSQLI_TYPE_MEDIUM_BLOB => 'medium_blob',
+            MYSQLI_TYPE_LONG_BLOB   => 'long_blob',
+            MYSQLI_TYPE_BLOB        => 'blob',
+        ];
+
+        $retVal    = [];
+        $fieldData = $this->resultID->fetch_fields();
+
+        foreach ($fieldData as $i => $data) {
+            $retVal[$i]              = new stdClass();
+            $retVal[$i]->name        = $data->name;
+            $retVal[$i]->type        = $data->type;
+            $retVal[$i]->type_name   = in_array($data->type, [1, 247], true) ? 'char' : ($dataTypes[$data->type] ?? null);
+            $retVal[$i]->max_length  = $data->max_length;
+            $retVal[$i]->primary_key = $data->flags & 2;
+            $retVal[$i]->length      = $data->length;
+            $retVal[$i]->default     = $data->def;
+        }
+
+        return $retVal;
+    }
+
+    /**
+     * Frees the current result.
+     *
+     * @return void
+     */
+    public function freeResult()
+    {
+        if (is_object($this->resultID)) {
+            $this->resultID->free();
+            $this->resultID = false;
+        }
+    }
+
+    /**
+     * Moves the internal pointer to the desired offset. This is called
+     * internally before fetching results to make sure the result set
+     * starts at zero.
+     *
+     * @return bool
+     */
+    public function dataSeek(int $n = 0)
+    {
+        return $this->resultID->data_seek($n);
+    }
+
+    /**
+     * Returns the result set as an array.
+     *
+     * Overridden by driver classes.
+     *
+     * @return array|false|null
+     */
+    protected function fetchAssoc()
+    {
+        return $this->resultID->fetch_assoc();
+    }
+
+    /**
+     * Returns the result set as an object.
+     *
+     * Overridden by child classes.
+     *
+     * @return Entity|false|object|stdClass
+     */
+    protected function fetchObject(string $className = 'stdClass')
+    {
+        if (is_subclass_of($className, Entity::class)) {
+            return empty($data = $this->fetchAssoc()) ? false : (new $className())->injectRawData($data);
+        }
+
+        return $this->resultID->fetch_object($className);
+    }
+
+    /**
+     * Returns the number of rows in the resultID (i.e., mysqli_result object)
+     */
+    public function getNumRows(): int
+    {
+        if (! is_int($this->numRows)) {
+            $this->numRows = $this->resultID->num_rows;
+        }
+
+        return $this->numRows;
+    }
+}
diff --git a/ci4app/system/Database/MySQLi/Utils.php b/ci4app/system/Database/MySQLi/Utils.php
new file mode 100644
index 0000000..be68367
--- /dev/null
+++ b/ci4app/system/Database/MySQLi/Utils.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\MySQLi;
+
+use CodeIgniter\Database\BaseUtils;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+
+/**
+ * Utils for MySQLi
+ */
+class Utils extends BaseUtils
+{
+    /**
+     * List databases statement
+     *
+     * @var string
+     */
+    protected $listDatabases = 'SHOW DATABASES';
+
+    /**
+     * OPTIMIZE TABLE statement
+     *
+     * @var string
+     */
+    protected $optimizeTable = 'OPTIMIZE TABLE %s';
+
+    /**
+     * Platform dependent version of the backup function.
+     *
+     * @return never
+     */
+    public function _backup(?array $prefs = null)
+    {
+        throw new DatabaseException('Unsupported feature of the database platform you are using.');
+    }
+}
diff --git a/ci4app/system/Database/OCI8/Builder.php b/ci4app/system/Database/OCI8/Builder.php
new file mode 100644
index 0000000..2e62b31
--- /dev/null
+++ b/ci4app/system/Database/OCI8/Builder.php
@@ -0,0 +1,501 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\OCI8;
+
+use CodeIgniter\Database\BaseBuilder;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Database\RawSql;
+
+/**
+ * Builder for OCI8
+ */
+class Builder extends BaseBuilder
+{
+    /**
+     * Identifier escape character
+     *
+     * @var string
+     */
+    protected $escapeChar = '"';
+
+    /**
+     * ORDER BY random keyword
+     *
+     * @var array
+     */
+    protected $randomKeyword = [
+        '"DBMS_RANDOM"."RANDOM"',
+    ];
+
+    /**
+     * COUNT string
+     *
+     * @used-by CI_DB_driver::count_all()
+     * @used-by BaseBuilder::count_all_results()
+     *
+     * @var string
+     */
+    protected $countString = 'SELECT COUNT(1) ';
+
+    /**
+     * A reference to the database connection.
+     *
+     * @var Connection
+     */
+    protected $db;
+
+    /**
+     * Generates a platform-specific insert string from the supplied data.
+     */
+    protected function _insertBatch(string $table, array $keys, array $values): string
+    {
+        $sql = $this->QBOptions['sql'] ?? '';
+
+        // if this is the first iteration of batch then we need to build skeleton sql
+        if ($sql === '') {
+            $insertKeys    = implode(', ', $keys);
+            $hasPrimaryKey = in_array('PRIMARY', array_column($this->db->getIndexData($table), 'type'), true);
+
+            // ORA-00001 measures
+            $sql = 'INSERT' . ($hasPrimaryKey ? '' : ' ALL') . ' INTO ' . $table . ' (' . $insertKeys . ")\n{:_table_:}";
+
+            $this->QBOptions['sql'] = $sql;
+        }
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $data = $this->QBOptions['setQueryAsData'];
+        } else {
+            $data = implode(
+                " FROM DUAL UNION ALL\n",
+                array_map(
+                    static fn ($value): string => 'SELECT ' . implode(', ', array_map(
+                        static fn ($key, $index): string => $index . ' ' . $key,
+                        $keys,
+                        $value,
+                    )),
+                    $values,
+                ),
+            ) . " FROM DUAL\n";
+        }
+
+        return str_replace('{:_table_:}', $data, $sql);
+    }
+
+    /**
+     * Generates a platform-specific replace string from the supplied data
+     */
+    protected function _replace(string $table, array $keys, array $values): string
+    {
+        $fieldNames = array_map(static fn ($columnName): string => trim($columnName, '"'), $keys);
+
+        $uniqueIndexes = array_filter($this->db->getIndexData($table), static function ($index) use ($fieldNames): bool {
+            $hasAllFields = count(array_intersect($index->fields, $fieldNames)) === count($index->fields);
+
+            return ($index->type === 'PRIMARY') && $hasAllFields;
+        });
+        $replaceableFields = array_filter($keys, static function ($columnName) use ($uniqueIndexes): bool {
+            foreach ($uniqueIndexes as $index) {
+                if (in_array(trim($columnName, '"'), $index->fields, true)) {
+                    return false;
+                }
+            }
+
+            return true;
+        });
+
+        $sql = 'MERGE INTO ' . $table . "\n USING (SELECT ";
+
+        $sql .= implode(', ', array_map(static fn ($columnName, $value): string => $value . ' ' . $columnName, $keys, $values));
+
+        $sql .= ' FROM DUAL) "_replace" ON ( ';
+
+        $onList   = [];
+        $onList[] = '1 != 1';
+
+        foreach ($uniqueIndexes as $index) {
+            $onList[] = '(' . implode(' AND ', array_map(static fn ($columnName): string => $table . '."' . $columnName . '" = "_replace"."' . $columnName . '"', $index->fields)) . ')';
+        }
+
+        $sql .= implode(' OR ', $onList) . ') WHEN MATCHED THEN UPDATE SET ';
+
+        $sql .= implode(', ', array_map(static fn ($columnName): string => $columnName . ' = "_replace".' . $columnName, $replaceableFields));
+
+        $sql .= ' WHEN NOT MATCHED THEN INSERT (' . implode(', ', $replaceableFields) . ') VALUES ';
+
+        return $sql . (' (' . implode(', ', array_map(static fn ($columnName): string => '"_replace".' . $columnName, $replaceableFields)) . ')');
+    }
+
+    /**
+     * Generates a platform-specific truncate string from the supplied data
+     *
+     * If the database does not support the truncate() command,
+     * then this method maps to 'DELETE FROM table'
+     */
+    protected function _truncate(string $table): string
+    {
+        return 'TRUNCATE TABLE ' . $table;
+    }
+
+    /**
+     * Compiles a delete string and runs the query
+     *
+     * @param mixed $where
+     *
+     * @return mixed
+     *
+     * @throws DatabaseException
+     */
+    public function delete($where = '', ?int $limit = null, bool $resetData = true)
+    {
+        if ($limit !== null && $limit !== 0) {
+            $this->QBLimit = $limit;
+        }
+
+        return parent::delete($where, null, $resetData);
+    }
+
+    /**
+     * Generates a platform-specific delete string from the supplied data
+     */
+    protected function _delete(string $table): string
+    {
+        if ($this->QBLimit) {
+            $this->where('rownum <= ', $this->QBLimit, false);
+            $this->QBLimit = false;
+        }
+
+        return parent::_delete($table);
+    }
+
+    /**
+     * Generates a platform-specific update string from the supplied data
+     */
+    protected function _update(string $table, array $values): string
+    {
+        $valStr = [];
+
+        foreach ($values as $key => $val) {
+            $valStr[] = $key . ' = ' . $val;
+        }
+
+        if ($this->QBLimit) {
+            $this->where('rownum <= ', $this->QBLimit, false);
+        }
+
+        return 'UPDATE ' . $this->compileIgnore('update') . $table . ' SET ' . implode(', ', $valStr)
+            . $this->compileWhereHaving('QBWhere')
+            . $this->compileOrderBy();
+    }
+
+    /**
+     * Generates a platform-specific LIMIT clause.
+     */
+    protected function _limit(string $sql, bool $offsetIgnore = false): string
+    {
+        $offset = (int) ($offsetIgnore === false ? $this->QBOffset : 0);
+
+        // OFFSET-FETCH can be used only with the ORDER BY clause
+        if (empty($this->QBOrderBy)) {
+            $sql .= ' ORDER BY 1';
+        }
+
+        return $sql . ' OFFSET ' . $offset . ' ROWS FETCH NEXT ' . $this->QBLimit . ' ROWS ONLY';
+    }
+
+    /**
+     * Generates a platform-specific batch update string from the supplied data
+     */
+    protected function _updateBatch(string $table, array $keys, array $values): string
+    {
+        $sql = $this->QBOptions['sql'] ?? '';
+
+        // if this is the first iteration of batch then we need to build skeleton sql
+        if ($sql === '') {
+            $constraints = $this->QBOptions['constraints'] ?? [];
+
+            if ($constraints === []) {
+                if ($this->db->DBDebug) {
+                    throw new DatabaseException('You must specify a constraint to match on for batch updates.');
+                }
+
+                return ''; // @codeCoverageIgnore
+            }
+
+            $updateFields = $this->QBOptions['updateFields'] ??
+                $this->updateFields($keys, false, $constraints)->QBOptions['updateFields'] ??
+                [];
+
+            $alias = $this->QBOptions['alias'] ?? '"_u"';
+
+            // Oracle doesn't support ignore on updates so we will use MERGE
+            $sql = 'MERGE INTO ' . $table . "\n";
+
+            $sql .= "USING (\n{:_table_:}";
+
+            $sql .= ') ' . $alias . "\n";
+
+            $sql .= 'ON (' . implode(
+                ' AND ',
+                array_map(
+                    static fn ($key, $value) => (
+                        ($value instanceof RawSql && is_string($key))
+                        ?
+                        $table . '.' . $key . ' = ' . $value
+                        :
+                        (
+                            $value instanceof RawSql
+                            ?
+                            $value
+                            :
+                            $table . '.' . $value . ' = ' . $alias . '.' . $value
+                        )
+                    ),
+                    array_keys($constraints),
+                    $constraints,
+                ),
+            ) . ")\n";
+
+            $sql .= "WHEN MATCHED THEN UPDATE\n";
+
+            $sql .= "SET\n";
+
+            $sql .= implode(
+                ",\n",
+                array_map(
+                    static fn ($key, $value): string => $table . '.' . $key . ($value instanceof RawSql ?
+                    ' = ' . $value :
+                    ' = ' . $alias . '.' . $value),
+                    array_keys($updateFields),
+                    $updateFields,
+                ),
+            );
+
+            $this->QBOptions['sql'] = $sql;
+        }
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $data = $this->QBOptions['setQueryAsData'];
+        } else {
+            $data = implode(
+                " UNION ALL\n",
+                array_map(
+                    static fn ($value): string => 'SELECT ' . implode(', ', array_map(
+                        static fn ($key, $index): string => $index . ' ' . $key,
+                        $keys,
+                        $value,
+                    )) . ' FROM DUAL',
+                    $values,
+                ),
+            ) . "\n";
+        }
+
+        return str_replace('{:_table_:}', $data, $sql);
+    }
+
+    /**
+     * Generates a platform-specific upsertBatch string from the supplied data
+     *
+     * @throws DatabaseException
+     */
+    protected function _upsertBatch(string $table, array $keys, array $values): string
+    {
+        $sql = $this->QBOptions['sql'] ?? '';
+
+        // if this is the first iteration of batch then we need to build skeleton sql
+        if ($sql === '') {
+            $constraints = $this->QBOptions['constraints'] ?? [];
+
+            if (empty($constraints)) {
+                $fieldNames = array_map(static fn ($columnName): string => trim($columnName, '"'), $keys);
+
+                $uniqueIndexes = array_filter($this->db->getIndexData($table), static function ($index) use ($fieldNames): bool {
+                    $hasAllFields = count(array_intersect($index->fields, $fieldNames)) === count($index->fields);
+
+                    return ($index->type === 'PRIMARY' || $index->type === 'UNIQUE') && $hasAllFields;
+                });
+
+                // only take first index
+                foreach ($uniqueIndexes as $index) {
+                    $constraints = $index->fields;
+                    break;
+                }
+
+                $constraints = $this->onConstraint($constraints)->QBOptions['constraints'] ?? [];
+            }
+
+            if (empty($constraints)) {
+                if ($this->db->DBDebug) {
+                    throw new DatabaseException('No constraint found for upsert.');
+                }
+
+                return ''; // @codeCoverageIgnore
+            }
+
+            $alias = $this->QBOptions['alias'] ?? '"_upsert"';
+
+            $updateFields = $this->QBOptions['updateFields'] ?? $this->updateFields($keys, false, $constraints)->QBOptions['updateFields'] ?? [];
+
+            $sql = 'MERGE INTO ' . $table . "\nUSING (\n{:_table_:}";
+
+            $sql .= ") {$alias}\nON (";
+
+            $sql .= implode(
+                ' AND ',
+                array_map(
+                    static fn ($key, $value) => (
+                        ($value instanceof RawSql && is_string($key))
+                        ?
+                        $table . '.' . $key . ' = ' . $value
+                        :
+                        (
+                            $value instanceof RawSql
+                            ?
+                            $value
+                            :
+                            $table . '.' . $value . ' = ' . $alias . '.' . $value
+                        )
+                    ),
+                    array_keys($constraints),
+                    $constraints,
+                ),
+            ) . ")\n";
+
+            $sql .= "WHEN MATCHED THEN UPDATE SET\n";
+
+            $sql .= implode(
+                ",\n",
+                array_map(
+                    static fn ($key, $value): string => $key . ($value instanceof RawSql ?
+                    " = {$value}" :
+                    " = {$alias}.{$value}"),
+                    array_keys($updateFields),
+                    $updateFields,
+                ),
+            );
+
+            $sql .= "\nWHEN NOT MATCHED THEN INSERT (" . implode(', ', $keys) . ")\nVALUES ";
+
+            $sql .= (' ('
+                . implode(', ', array_map(static fn ($columnName): string => "{$alias}.{$columnName}", $keys))
+                . ')');
+
+            $this->QBOptions['sql'] = $sql;
+        }
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $data = $this->QBOptions['setQueryAsData'];
+        } else {
+            $data = implode(
+                " FROM DUAL UNION ALL\n",
+                array_map(
+                    static fn ($value): string => 'SELECT ' . implode(', ', array_map(
+                        static fn ($key, $index): string => $index . ' ' . $key,
+                        $keys,
+                        $value,
+                    )),
+                    $values,
+                ),
+            ) . " FROM DUAL\n";
+        }
+
+        return str_replace('{:_table_:}', $data, $sql);
+    }
+
+    /**
+     * Generates a platform-specific batch update string from the supplied data
+     */
+    protected function _deleteBatch(string $table, array $keys, array $values): string
+    {
+        $sql = $this->QBOptions['sql'] ?? '';
+
+        // if this is the first iteration of batch then we need to build skeleton sql
+        if ($sql === '') {
+            $constraints = $this->QBOptions['constraints'] ?? [];
+
+            if ($constraints === []) {
+                if ($this->db->DBDebug) {
+                    throw new DatabaseException('You must specify a constraint to match on for batch deletes.'); // @codeCoverageIgnore
+                }
+
+                return ''; // @codeCoverageIgnore
+            }
+
+            $alias = $this->QBOptions['alias'] ?? '_u';
+
+            $sql = 'DELETE ' . $table . "\n";
+
+            $sql .= "WHERE EXISTS (SELECT * FROM (\n{:_table_:}";
+
+            $sql .= ') ' . $alias . "\n";
+
+            $sql .= 'WHERE ' . implode(
+                ' AND ',
+                array_map(
+                    static fn ($key, $value) => (
+                        $value instanceof RawSql ?
+                        $value :
+                        (
+                            is_string($key) ?
+                            $table . '.' . $key . ' = ' . $alias . '.' . $value :
+                            $table . '.' . $value . ' = ' . $alias . '.' . $value
+                        )
+                    ),
+                    array_keys($constraints),
+                    $constraints,
+                ),
+            );
+
+            // convert binds in where
+            foreach ($this->QBWhere as $key => $where) {
+                foreach ($this->binds as $field => $bind) {
+                    $this->QBWhere[$key]['condition'] = str_replace(':' . $field . ':', $bind[0], $where['condition']);
+                }
+            }
+
+            $sql .= ' ' . str_replace(
+                'WHERE ',
+                'AND ',
+                $this->compileWhereHaving('QBWhere'),
+            ) . ')';
+
+            $this->QBOptions['sql'] = $sql;
+        }
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $data = $this->QBOptions['setQueryAsData'];
+        } else {
+            $data = implode(
+                " FROM DUAL UNION ALL\n",
+                array_map(
+                    static fn ($value): string => 'SELECT ' . implode(', ', array_map(
+                        static fn ($key, $index): string => $index . ' ' . $key,
+                        $keys,
+                        $value,
+                    )),
+                    $values,
+                ),
+            ) . " FROM DUAL\n";
+        }
+
+        return str_replace('{:_table_:}', $data, $sql);
+    }
+
+    /**
+     * Gets column names from a select query
+     */
+    protected function fieldsFromQuery(string $sql): array
+    {
+        return $this->db->query('SELECT * FROM (' . $sql . ') "_u_" WHERE ROWNUM = 1')->getFieldNames();
+    }
+}
diff --git a/ci4app/system/Database/OCI8/Connection.php b/ci4app/system/Database/OCI8/Connection.php
new file mode 100644
index 0000000..67921d2
--- /dev/null
+++ b/ci4app/system/Database/OCI8/Connection.php
@@ -0,0 +1,757 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\OCI8;
+
+use CodeIgniter\Database\BaseConnection;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Database\Query;
+use CodeIgniter\Database\TableName;
+use ErrorException;
+use stdClass;
+
+/**
+ * Connection for OCI8
+ *
+ * @extends BaseConnection<resource, resource>
+ */
+class Connection extends BaseConnection
+{
+    /**
+     * Database driver
+     *
+     * @var string
+     */
+    protected $DBDriver = 'OCI8';
+
+    /**
+     * Identifier escape character
+     *
+     * @var string
+     */
+    public $escapeChar = '"';
+
+    /**
+     * List of reserved identifiers
+     *
+     * Identifiers that must NOT be escaped.
+     *
+     * @var array
+     */
+    protected $reservedIdentifiers = [
+        '*',
+        'rownum',
+    ];
+
+    protected $validDSNs = [
+        // TNS
+        'tns' => '/^\(DESCRIPTION=(\(.+\)){2,}\)$/',
+        // Easy Connect string (Oracle 10g+).
+        // https://docs.oracle.com/en/database/oracle/oracle-database/23/netag/configuring-naming-methods.html#GUID-36F3A17D-843C-490A-8A23-FB0FE005F8E8
+        // [//]host[:port][/[service_name][:server_type][/instance_name]]
+        'ec' => '/^
+            (\/\/)?
+            (\[)?[a-z0-9.:_-]+(\])? # Host or IP address
+            (:[1-9][0-9]{0,4})?     # Port
+            (
+                (\/)
+                ([a-z0-9.$_]+)?     # Service name
+                (:[a-z]+)?          # Server type
+                (\/[a-z0-9$_]+)?    # Instance name
+            )?
+        $/ix',
+        // Instance name (defined in tnsnames.ora)
+        'in' => '/^[a-z0-9$_]+$/i',
+    ];
+
+    /**
+     * Reset $stmtId flag
+     *
+     * Used by storedProcedure() to prevent execute() from
+     * re-setting the statement ID.
+     */
+    protected $resetStmtId = true;
+
+    /**
+     * Statement ID
+     *
+     * @var resource
+     */
+    protected $stmtId;
+
+    /**
+     * Commit mode flag
+     *
+     * @used-by PreparedQuery::_execute()
+     *
+     * @var int
+     */
+    public $commitMode = OCI_COMMIT_ON_SUCCESS;
+
+    /**
+     * Cursor ID
+     *
+     * @var resource
+     */
+    protected $cursorId;
+
+    /**
+     * Latest inserted table name.
+     *
+     * @used-by PreparedQuery::_execute()
+     *
+     * @var string|null
+     */
+    public $lastInsertedTableName;
+
+    /**
+     * confirm DSN format.
+     */
+    private function isValidDSN(): bool
+    {
+        if ($this->DSN === null || $this->DSN === '') {
+            return false;
+        }
+
+        foreach ($this->validDSNs as $regexp) {
+            if (preg_match($regexp, $this->DSN)) {
+                return true;
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * Connect to the database.
+     *
+     * @return false|resource
+     */
+    public function connect(bool $persistent = false)
+    {
+        if (! $this->isValidDSN()) {
+            $this->buildDSN();
+        }
+
+        $func = $persistent ? 'oci_pconnect' : 'oci_connect';
+
+        return ($this->charset === '')
+            ? $func($this->username, $this->password, $this->DSN)
+            : $func($this->username, $this->password, $this->DSN, $this->charset);
+    }
+
+    /**
+     * Keep or establish the connection if no queries have been sent for
+     * a length of time exceeding the server's idle timeout.
+     *
+     * @return void
+     */
+    public function reconnect()
+    {
+    }
+
+    /**
+     * Close the database connection.
+     *
+     * @return void
+     */
+    protected function _close()
+    {
+        if (is_resource($this->cursorId)) {
+            oci_free_statement($this->cursorId);
+        }
+        if (is_resource($this->stmtId)) {
+            oci_free_statement($this->stmtId);
+        }
+        oci_close($this->connID);
+    }
+
+    /**
+     * Select a specific database table to use.
+     */
+    public function setDatabase(string $databaseName): bool
+    {
+        return false;
+    }
+
+    /**
+     * Returns a string containing the version of the database being used.
+     */
+    public function getVersion(): string
+    {
+        if (isset($this->dataCache['version'])) {
+            return $this->dataCache['version'];
+        }
+
+        if ($this->connID === false) {
+            $this->initialize();
+        }
+
+        if (($versionString = oci_server_version($this->connID)) === false) {
+            return '';
+        }
+
+        if (preg_match('#Release\s(\d+(?:\.\d+)+)#', $versionString, $match)) {
+            return $this->dataCache['version'] = $match[1];
+        }
+
+        return '';
+    }
+
+    /**
+     * Executes the query against the database.
+     *
+     * @return false|resource
+     */
+    protected function execute(string $sql)
+    {
+        try {
+            if ($this->resetStmtId === true) {
+                $this->stmtId = oci_parse($this->connID, $sql);
+            }
+
+            oci_set_prefetch($this->stmtId, 1000);
+
+            $result          = oci_execute($this->stmtId, $this->commitMode) ? $this->stmtId : false;
+            $insertTableName = $this->parseInsertTableName($sql);
+
+            if ($result && $insertTableName !== '') {
+                $this->lastInsertedTableName = $insertTableName;
+            }
+
+            return $result;
+        } catch (ErrorException $e) {
+            log_message('error', (string) $e);
+
+            if ($this->DBDebug) {
+                throw new DatabaseException($e->getMessage(), $e->getCode(), $e);
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * Get the table name for the insert statement from sql.
+     */
+    public function parseInsertTableName(string $sql): string
+    {
+        $commentStrippedSql = preg_replace(['/\/\*(.|\n)*?\*\//m', '/--.+/'], '', $sql);
+        $isInsertQuery      = str_starts_with(strtoupper(ltrim($commentStrippedSql)), 'INSERT');
+
+        if (! $isInsertQuery) {
+            return '';
+        }
+
+        preg_match('/(?is)\b(?:into)\s+("?\w+"?)/', $commentStrippedSql, $match);
+        $tableName = $match[1] ?? '';
+
+        return str_starts_with($tableName, '"') ? trim($tableName, '"') : strtoupper($tableName);
+    }
+
+    /**
+     * Returns the total number of rows affected by this query.
+     */
+    public function affectedRows(): int
+    {
+        return oci_num_rows($this->stmtId);
+    }
+
+    /**
+     * Generates the SQL for listing tables in a platform-dependent manner.
+     *
+     * @param string|null $tableName If $tableName is provided will return only this table if exists.
+     */
+    protected function _listTables(bool $prefixLimit = false, ?string $tableName = null): string
+    {
+        $sql = 'SELECT "TABLE_NAME" FROM "USER_TABLES"';
+
+        if ($tableName !== null) {
+            return $sql . ' WHERE "TABLE_NAME" LIKE ' . $this->escape($tableName);
+        }
+
+        if ($prefixLimit && $this->DBPrefix !== '') {
+            return $sql . ' WHERE "TABLE_NAME" LIKE \'' . $this->escapeLikeString($this->DBPrefix) . "%' "
+                    . sprintf($this->likeEscapeStr, $this->likeEscapeChar);
+        }
+
+        return $sql;
+    }
+
+    /**
+     * Generates a platform-specific query string so that the column names can be fetched.
+     *
+     * @param string|TableName $table
+     */
+    protected function _listColumns($table = ''): string
+    {
+        if ($table instanceof TableName) {
+            $tableName = $this->escape(strtoupper($table->getActualTableName()));
+            $owner     = $this->username;
+        } elseif (str_contains($table, '.')) {
+            sscanf($table, '%[^.].%s', $owner, $tableName);
+            $tableName = $this->escape(strtoupper($this->DBPrefix . $tableName));
+        } else {
+            $owner     = $this->username;
+            $tableName = $this->escape(strtoupper($this->DBPrefix . $table));
+        }
+
+        return 'SELECT COLUMN_NAME FROM ALL_TAB_COLUMNS
+			WHERE UPPER(OWNER) = ' . $this->escape(strtoupper($owner)) . '
+				AND UPPER(TABLE_NAME) = ' . $tableName;
+    }
+
+    /**
+     * Returns an array of objects with field data
+     *
+     * @return list<stdClass>
+     *
+     * @throws DatabaseException
+     */
+    protected function _fieldData(string $table): array
+    {
+        if (str_contains($table, '.')) {
+            sscanf($table, '%[^.].%s', $owner, $table);
+        } else {
+            $owner = $this->username;
+        }
+
+        $sql = 'SELECT COLUMN_NAME, DATA_TYPE, CHAR_LENGTH, DATA_PRECISION, DATA_LENGTH, DATA_DEFAULT, NULLABLE
+			FROM ALL_TAB_COLUMNS
+			WHERE UPPER(OWNER) = ' . $this->escape(strtoupper($owner)) . '
+				AND UPPER(TABLE_NAME) = ' . $this->escape(strtoupper($table));
+
+        if (($query = $this->query($sql)) === false) {
+            throw new DatabaseException(lang('Database.failGetFieldData'));
+        }
+        $query = $query->getResultObject();
+
+        $retval = [];
+
+        for ($i = 0, $c = count($query); $i < $c; $i++) {
+            $retval[$i]       = new stdClass();
+            $retval[$i]->name = $query[$i]->COLUMN_NAME;
+            $retval[$i]->type = $query[$i]->DATA_TYPE;
+
+            $length = $query[$i]->CHAR_LENGTH > 0 ? $query[$i]->CHAR_LENGTH : $query[$i]->DATA_PRECISION;
+            $length ??= $query[$i]->DATA_LENGTH;
+
+            $retval[$i]->max_length = $length;
+
+            $retval[$i]->nullable = $query[$i]->NULLABLE === 'Y';
+            $retval[$i]->default  = $query[$i]->DATA_DEFAULT;
+        }
+
+        return $retval;
+    }
+
+    /**
+     * Returns an array of objects with index data
+     *
+     * @return array<string, stdClass>
+     *
+     * @throws DatabaseException
+     */
+    protected function _indexData(string $table): array
+    {
+        if (str_contains($table, '.')) {
+            sscanf($table, '%[^.].%s', $owner, $table);
+        } else {
+            $owner = $this->username;
+        }
+
+        $sql = 'SELECT AIC.INDEX_NAME, UC.CONSTRAINT_TYPE, AIC.COLUMN_NAME '
+            . ' FROM ALL_IND_COLUMNS AIC '
+            . ' LEFT JOIN USER_CONSTRAINTS UC ON AIC.INDEX_NAME = UC.CONSTRAINT_NAME AND AIC.TABLE_NAME = UC.TABLE_NAME '
+            . 'WHERE AIC.TABLE_NAME = ' . $this->escape(strtolower($table)) . ' '
+            . 'AND AIC.TABLE_OWNER = ' . $this->escape(strtoupper($owner)) . ' '
+            . ' ORDER BY UC.CONSTRAINT_TYPE, AIC.COLUMN_POSITION';
+
+        if (($query = $this->query($sql)) === false) {
+            throw new DatabaseException(lang('Database.failGetIndexData'));
+        }
+        $query = $query->getResultObject();
+
+        $retVal          = [];
+        $constraintTypes = [
+            'P' => 'PRIMARY',
+            'U' => 'UNIQUE',
+        ];
+
+        foreach ($query as $row) {
+            if (isset($retVal[$row->INDEX_NAME])) {
+                $retVal[$row->INDEX_NAME]->fields[] = $row->COLUMN_NAME;
+
+                continue;
+            }
+
+            $retVal[$row->INDEX_NAME]         = new stdClass();
+            $retVal[$row->INDEX_NAME]->name   = $row->INDEX_NAME;
+            $retVal[$row->INDEX_NAME]->fields = [$row->COLUMN_NAME];
+            $retVal[$row->INDEX_NAME]->type   = $constraintTypes[$row->CONSTRAINT_TYPE] ?? 'INDEX';
+        }
+
+        return $retVal;
+    }
+
+    /**
+     * Returns an array of objects with Foreign key data
+     *
+     * @return array<string, stdClass>
+     *
+     * @throws DatabaseException
+     */
+    protected function _foreignKeyData(string $table): array
+    {
+        $sql = 'SELECT
+                acc.constraint_name,
+                acc.table_name,
+                acc.column_name,
+                ccu.table_name foreign_table_name,
+                accu.column_name foreign_column_name,
+                ac.delete_rule
+                FROM all_cons_columns acc
+                JOIN all_constraints ac ON acc.owner = ac.owner
+                AND acc.constraint_name = ac.constraint_name
+                JOIN all_constraints ccu ON ac.r_owner = ccu.owner
+                AND ac.r_constraint_name = ccu.constraint_name
+                JOIN all_cons_columns accu ON accu.constraint_name = ccu.constraint_name
+                AND accu.position = acc.position
+                AND accu.table_name = ccu.table_name
+                WHERE ac.constraint_type = ' . $this->escape('R') . '
+                AND acc.table_name = ' . $this->escape($table);
+
+        $query = $this->query($sql);
+
+        if ($query === false) {
+            throw new DatabaseException(lang('Database.failGetForeignKeyData'));
+        }
+
+        $query   = $query->getResultObject();
+        $indexes = [];
+
+        foreach ($query as $row) {
+            $indexes[$row->CONSTRAINT_NAME]['constraint_name']       = $row->CONSTRAINT_NAME;
+            $indexes[$row->CONSTRAINT_NAME]['table_name']            = $row->TABLE_NAME;
+            $indexes[$row->CONSTRAINT_NAME]['column_name'][]         = $row->COLUMN_NAME;
+            $indexes[$row->CONSTRAINT_NAME]['foreign_table_name']    = $row->FOREIGN_TABLE_NAME;
+            $indexes[$row->CONSTRAINT_NAME]['foreign_column_name'][] = $row->FOREIGN_COLUMN_NAME;
+            $indexes[$row->CONSTRAINT_NAME]['on_delete']             = $row->DELETE_RULE;
+            $indexes[$row->CONSTRAINT_NAME]['on_update']             = null;
+            $indexes[$row->CONSTRAINT_NAME]['match']                 = null;
+        }
+
+        return $this->foreignKeyDataToObjects($indexes);
+    }
+
+    /**
+     * Returns platform-specific SQL to disable foreign key checks.
+     *
+     * @return string
+     */
+    protected function _disableForeignKeyChecks()
+    {
+        return <<<'SQL'
+            BEGIN
+              FOR c IN
+              (SELECT c.owner, c.table_name, c.constraint_name
+               FROM user_constraints c, user_tables t
+               WHERE c.table_name = t.table_name
+               AND c.status = 'ENABLED'
+               AND c.constraint_type = 'R'
+               AND t.iot_type IS NULL
+               ORDER BY c.constraint_type DESC)
+              LOOP
+                dbms_utility.exec_ddl_statement('alter table "' || c.owner || '"."' || c.table_name || '" disable constraint "' || c.constraint_name || '"');
+              END LOOP;
+            END;
+            SQL;
+    }
+
+    /**
+     * Returns platform-specific SQL to enable foreign key checks.
+     *
+     * @return string
+     */
+    protected function _enableForeignKeyChecks()
+    {
+        return <<<'SQL'
+            BEGIN
+              FOR c IN
+              (SELECT c.owner, c.table_name, c.constraint_name
+               FROM user_constraints c, user_tables t
+               WHERE c.table_name = t.table_name
+               AND c.status = 'DISABLED'
+               AND c.constraint_type = 'R'
+               AND t.iot_type IS NULL
+               ORDER BY c.constraint_type DESC)
+              LOOP
+                dbms_utility.exec_ddl_statement('alter table "' || c.owner || '"."' || c.table_name || '" enable constraint "' || c.constraint_name || '"');
+              END LOOP;
+            END;
+            SQL;
+    }
+
+    /**
+     * Get cursor. Returns a cursor from the database
+     *
+     * @return resource
+     */
+    public function getCursor()
+    {
+        return $this->cursorId = oci_new_cursor($this->connID);
+    }
+
+    /**
+     * Executes a stored procedure
+     *
+     * @param string $procedureName procedure name to execute
+     * @param array  $params        params array keys
+     *                              KEY      OPTIONAL  NOTES
+     *                              name     no        the name of the parameter should be in :<param_name> format
+     *                              value    no        the value of the parameter.  If this is an OUT or IN OUT parameter,
+     *                              this should be a reference to a variable
+     *                              type     yes       the type of the parameter
+     *                              length   yes       the max size of the parameter
+     *
+     * @return bool|Query|Result
+     */
+    public function storedProcedure(string $procedureName, array $params)
+    {
+        if ($procedureName === '') {
+            throw new DatabaseException(lang('Database.invalidArgument', [$procedureName]));
+        }
+
+        // Build the query string
+        $sql = sprintf(
+            'BEGIN %s (' . substr(str_repeat(',%s', count($params)), 1) . '); END;',
+            $procedureName,
+            ...array_map(static fn ($row) => $row['name'], $params),
+        );
+
+        $this->resetStmtId = false;
+        $this->stmtId      = oci_parse($this->connID, $sql);
+        $this->bindParams($params);
+        $result            = $this->query($sql);
+        $this->resetStmtId = true;
+
+        return $result;
+    }
+
+    /**
+     * Bind parameters
+     *
+     * @param array $params
+     *
+     * @return void
+     */
+    protected function bindParams($params)
+    {
+        if (! is_array($params) || ! is_resource($this->stmtId)) {
+            return;
+        }
+
+        foreach ($params as $param) {
+            oci_bind_by_name(
+                $this->stmtId,
+                $param['name'],
+                $param['value'],
+                $param['length'] ?? -1,
+                $param['type'] ?? SQLT_CHR,
+            );
+        }
+    }
+
+    /**
+     * Returns the last error code and message.
+     *
+     * Must return an array with keys 'code' and 'message':
+     *
+     *  return ['code' => null, 'message' => null);
+     */
+    public function error(): array
+    {
+        // oci_error() returns an array that already contains
+        // 'code' and 'message' keys, but it can return false
+        // if there was no error ....
+        $error     = oci_error();
+        $resources = [$this->cursorId, $this->stmtId, $this->connID];
+
+        foreach ($resources as $resource) {
+            if (is_resource($resource)) {
+                $error = oci_error($resource);
+                break;
+            }
+        }
+
+        return is_array($error)
+            ? $error
+            : [
+                'code'    => '',
+                'message' => '',
+            ];
+    }
+
+    public function insertID(): int
+    {
+        if (empty($this->lastInsertedTableName)) {
+            return 0;
+        }
+
+        $indexs     = $this->getIndexData($this->lastInsertedTableName);
+        $fieldDatas = $this->getFieldData($this->lastInsertedTableName);
+
+        if ($indexs === [] || $fieldDatas === []) {
+            return 0;
+        }
+
+        $columnTypeList    = array_column($fieldDatas, 'type', 'name');
+        $primaryColumnName = '';
+
+        foreach ($indexs as $index) {
+            if ($index->type !== 'PRIMARY' || count($index->fields) !== 1) {
+                continue;
+            }
+
+            $primaryColumnName = $this->protectIdentifiers($index->fields[0], false, false);
+            $primaryColumnType = $columnTypeList[$primaryColumnName];
+
+            if ($primaryColumnType !== 'NUMBER') {
+                $primaryColumnName = '';
+            }
+        }
+
+        if ($primaryColumnName === '') {
+            return 0;
+        }
+
+        $query           = $this->query('SELECT DATA_DEFAULT FROM USER_TAB_COLUMNS WHERE TABLE_NAME = ? AND COLUMN_NAME = ?', [$this->lastInsertedTableName, $primaryColumnName])->getRow();
+        $lastInsertValue = str_replace('nextval', 'currval', $query->DATA_DEFAULT ?? '0');
+        $query           = $this->query(sprintf('SELECT %s SEQ FROM DUAL', $lastInsertValue))->getRow();
+
+        return (int) ($query->SEQ ?? 0);
+    }
+
+    /**
+     * Build a DSN from the provided parameters
+     *
+     * @return void
+     */
+    protected function buildDSN()
+    {
+        if ($this->DSN !== '') {
+            $this->DSN = '';
+        }
+
+        // Legacy support for TNS in the hostname configuration field
+        $this->hostname = str_replace(["\n", "\r", "\t", ' '], '', $this->hostname);
+
+        if (preg_match($this->validDSNs['tns'], $this->hostname)) {
+            $this->DSN = $this->hostname;
+
+            return;
+        }
+
+        $isEasyConnectableHostName = $this->hostname !== '' && ! str_contains($this->hostname, '/') && ! str_contains($this->hostname, ':');
+        $easyConnectablePort       = ($this->port !== '') && ctype_digit((string) $this->port) ? ':' . $this->port : '';
+        $easyConnectableDatabase   = $this->database !== '' ? '/' . ltrim($this->database, '/') : '';
+
+        if ($isEasyConnectableHostName && ($easyConnectablePort !== '' || $easyConnectableDatabase !== '')) {
+            /* If the hostname field isn't empty, doesn't contain
+             * ':' and/or '/' and if port and/or database aren't
+             * empty, then the hostname field is most likely indeed
+             * just a hostname. Therefore we'll try and build an
+             * Easy Connect string from these 3 settings, assuming
+             * that the database field is a service name.
+             */
+            $this->DSN = $this->hostname . $easyConnectablePort . $easyConnectableDatabase;
+
+            if (preg_match($this->validDSNs['ec'], $this->DSN)) {
+                return;
+            }
+        }
+
+        /* At this point, we can only try and validate the hostname and
+         * database fields separately as DSNs.
+         */
+        if (preg_match($this->validDSNs['ec'], $this->hostname) || preg_match($this->validDSNs['in'], $this->hostname)) {
+            $this->DSN = $this->hostname;
+
+            return;
+        }
+
+        $this->database = str_replace(["\n", "\r", "\t", ' '], '', $this->database);
+
+        foreach ($this->validDSNs as $regexp) {
+            if (preg_match($regexp, $this->database)) {
+                return;
+            }
+        }
+
+        /* Well - OK, an empty string should work as well.
+         * PHP will try to use environment variables to
+         * determine which Oracle instance to connect to.
+         */
+        $this->DSN = '';
+    }
+
+    /**
+     * Begin Transaction
+     */
+    protected function _transBegin(): bool
+    {
+        $this->commitMode = OCI_NO_AUTO_COMMIT;
+
+        return true;
+    }
+
+    /**
+     * Commit Transaction
+     */
+    protected function _transCommit(): bool
+    {
+        $this->commitMode = OCI_COMMIT_ON_SUCCESS;
+
+        return oci_commit($this->connID);
+    }
+
+    /**
+     * Rollback Transaction
+     */
+    protected function _transRollback(): bool
+    {
+        $this->commitMode = OCI_COMMIT_ON_SUCCESS;
+
+        return oci_rollback($this->connID);
+    }
+
+    /**
+     * Returns the name of the current database being used.
+     */
+    public function getDatabase(): string
+    {
+        if (! empty($this->database)) {
+            return $this->database;
+        }
+
+        return $this->query('SELECT DEFAULT_TABLESPACE FROM USER_USERS')->getRow()->DEFAULT_TABLESPACE ?? '';
+    }
+
+    /**
+     * Get the prefix of the function to access the DB.
+     */
+    protected function getDriverFunctionPrefix(): string
+    {
+        return 'oci_';
+    }
+}
diff --git a/ci4app/system/Database/OCI8/Forge.php b/ci4app/system/Database/OCI8/Forge.php
new file mode 100644
index 0000000..8f71169
--- /dev/null
+++ b/ci4app/system/Database/OCI8/Forge.php
@@ -0,0 +1,313 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\OCI8;
+
+use CodeIgniter\Database\Forge as BaseForge;
+
+/**
+ * Forge for OCI8
+ */
+class Forge extends BaseForge
+{
+    /**
+     * DROP INDEX statement
+     *
+     * @var string
+     */
+    protected $dropIndexStr = 'DROP INDEX %s';
+
+    /**
+     * CREATE DATABASE statement
+     *
+     * @var false
+     */
+    protected $createDatabaseStr = false;
+
+    /**
+     * CREATE TABLE IF statement
+     *
+     * @var false
+     *
+     * @deprecated This is no longer used.
+     */
+    protected $createTableIfStr = false;
+
+    /**
+     * DROP TABLE IF EXISTS statement
+     *
+     * @var false
+     */
+    protected $dropTableIfStr = false;
+
+    /**
+     * DROP DATABASE statement
+     *
+     * @var false
+     */
+    protected $dropDatabaseStr = false;
+
+    /**
+     * UNSIGNED support
+     *
+     * @var array|bool
+     */
+    protected $unsigned = false;
+
+    /**
+     * NULL value representation in CREATE/ALTER TABLE statements
+     *
+     * @var string
+     */
+    protected $null = 'NULL';
+
+    /**
+     * RENAME TABLE statement
+     *
+     * @var string
+     */
+    protected $renameTableStr = 'ALTER TABLE %s RENAME TO %s';
+
+    /**
+     * DROP CONSTRAINT statement
+     *
+     * @var string
+     */
+    protected $dropConstraintStr = 'ALTER TABLE %s DROP CONSTRAINT %s';
+
+    /**
+     * Foreign Key Allowed Actions
+     *
+     * @var array
+     */
+    protected $fkAllowActions = ['CASCADE', 'SET NULL', 'NO ACTION'];
+
+    /**
+     * ALTER TABLE
+     *
+     * @param string       $alterType       ALTER type
+     * @param string       $table           Table name
+     * @param array|string $processedFields Processed column definitions
+     *                                      or column names to DROP
+     *
+     * @return ($alterType is 'DROP' ? string : list<string>)
+     */
+    protected function _alterTable(string $alterType, string $table, $processedFields)
+    {
+        $sql = 'ALTER TABLE ' . $this->db->escapeIdentifiers($table);
+
+        if ($alterType === 'DROP') {
+            $columnNamesToDrop = $processedFields;
+
+            $fields = array_map(
+                fn ($field) => $this->db->escapeIdentifiers(trim($field)),
+                is_string($columnNamesToDrop) ? explode(',', $columnNamesToDrop) : $columnNamesToDrop,
+            );
+
+            return $sql . ' DROP (' . implode(',', $fields) . ') CASCADE CONSTRAINT INVALIDATE';
+        }
+
+        if ($alterType === 'CHANGE') {
+            $alterType = 'MODIFY';
+        }
+
+        $nullableMap = array_column($this->db->getFieldData($table), 'nullable', 'name');
+        $sqls        = [];
+
+        for ($i = 0, $c = count($processedFields); $i < $c; $i++) {
+            if ($alterType === 'MODIFY') {
+                // If a null constraint is added to a column with a null constraint,
+                // ORA-01451 will occur,
+                // so add null constraint is used only when it is different from the current null constraint.
+                // If a not null constraint is added to a column with a not null constraint,
+                // ORA-01442 will occur.
+                $wantToAddNull   = ! str_contains($processedFields[$i]['null'], ' NOT');
+                $currentNullable = $nullableMap[$processedFields[$i]['name']];
+
+                if ($wantToAddNull && $currentNullable === true) {
+                    $processedFields[$i]['null'] = '';
+                } elseif ($processedFields[$i]['null'] === '' && $currentNullable === false) {
+                    // Nullable by default
+                    $processedFields[$i]['null'] = ' NULL';
+                } elseif ($wantToAddNull === false && $currentNullable === false) {
+                    $processedFields[$i]['null'] = '';
+                }
+            }
+
+            if ($processedFields[$i]['_literal'] !== false) {
+                $processedFields[$i] = "\n\t" . $processedFields[$i]['_literal'];
+            } else {
+                $processedFields[$i]['_literal'] = "\n\t" . $this->_processColumn($processedFields[$i]);
+
+                if (! empty($processedFields[$i]['comment'])) {
+                    $sqls[] = 'COMMENT ON COLUMN '
+                        . $this->db->escapeIdentifiers($table) . '.' . $this->db->escapeIdentifiers($processedFields[$i]['name'])
+                        . ' IS ' . $processedFields[$i]['comment'];
+                }
+
+                if ($alterType === 'MODIFY' && ! empty($processedFields[$i]['new_name'])) {
+                    $sqls[] = $sql . ' RENAME COLUMN ' . $this->db->escapeIdentifiers($processedFields[$i]['name'])
+                        . ' TO ' . $this->db->escapeIdentifiers($processedFields[$i]['new_name']);
+                }
+
+                $processedFields[$i] = "\n\t" . $processedFields[$i]['_literal'];
+            }
+        }
+
+        $sql .= ' ' . $alterType . ' ';
+        $sql .= count($processedFields) === 1
+                ? $processedFields[0]
+                : '(' . implode(',', $processedFields) . ')';
+
+        // RENAME COLUMN must be executed after MODIFY
+        array_unshift($sqls, $sql);
+
+        return $sqls;
+    }
+
+    /**
+     * Field attribute AUTO_INCREMENT
+     *
+     * @return void
+     */
+    protected function _attributeAutoIncrement(array &$attributes, array &$field)
+    {
+        if (! empty($attributes['AUTO_INCREMENT']) && $attributes['AUTO_INCREMENT'] === true
+            && str_contains(strtolower($field['type']), 'number')
+            && version_compare($this->db->getVersion(), '12.1', '>=')
+        ) {
+            $field['auto_increment'] = ' GENERATED BY DEFAULT ON NULL AS IDENTITY';
+        }
+    }
+
+    /**
+     * Process column
+     */
+    protected function _processColumn(array $processedField): string
+    {
+        $constraint = '';
+        // @todo: can't cover multi pattern when set type.
+        if ($processedField['type'] === 'VARCHAR2' && str_starts_with($processedField['length'], "('")) {
+            $constraint = ' CHECK(' . $this->db->escapeIdentifiers($processedField['name'])
+                . ' IN ' . $processedField['length'] . ')';
+
+            $processedField['length'] = '(' . max(array_map(mb_strlen(...), explode("','", mb_substr($processedField['length'], 2, -2)))) . ')' . $constraint;
+        } elseif (isset($this->primaryKeys['fields']) && count($this->primaryKeys['fields']) === 1 && $processedField['name'] === $this->primaryKeys['fields'][0]) {
+            $processedField['unique'] = '';
+        }
+
+        return $this->db->escapeIdentifiers($processedField['name'])
+           . ' ' . $processedField['type'] . $processedField['length']
+           . $processedField['unsigned']
+           . $processedField['default']
+           . $processedField['auto_increment']
+           . $processedField['null']
+           . $processedField['unique'];
+    }
+
+    /**
+     * Performs a data type mapping between different databases.
+     *
+     * @return void
+     */
+    protected function _attributeType(array &$attributes)
+    {
+        // Reset field lengths for data types that don't support it
+        // Usually overridden by drivers
+        switch (strtoupper($attributes['TYPE'])) {
+            case 'TINYINT':
+                $attributes['CONSTRAINT'] ??= 3;
+
+                // no break
+            case 'SMALLINT':
+                $attributes['CONSTRAINT'] ??= 5;
+
+                // no break
+            case 'MEDIUMINT':
+                $attributes['CONSTRAINT'] ??= 7;
+
+                // no break
+            case 'INT':
+            case 'INTEGER':
+                $attributes['CONSTRAINT'] ??= 11;
+
+                // no break
+            case 'BIGINT':
+                $attributes['CONSTRAINT'] ??= 19;
+
+                // no break
+            case 'NUMERIC':
+                $attributes['TYPE'] = 'NUMBER';
+
+                return;
+
+            case 'BOOLEAN':
+                $attributes['TYPE']       = 'NUMBER';
+                $attributes['CONSTRAINT'] = 1;
+                $attributes['UNSIGNED']   = true;
+
+                return;
+
+            case 'DOUBLE':
+                $attributes['TYPE'] = 'FLOAT';
+                $attributes['CONSTRAINT'] ??= 126;
+
+                return;
+
+            case 'DATETIME':
+            case 'TIME':
+                $attributes['TYPE'] = 'DATE';
+
+                return;
+
+            case 'SET':
+            case 'ENUM':
+            case 'VARCHAR':
+                $attributes['CONSTRAINT'] ??= 255;
+
+                // no break
+            case 'TEXT':
+            case 'MEDIUMTEXT':
+                $attributes['CONSTRAINT'] ??= 4000;
+                $attributes['TYPE'] = 'VARCHAR2';
+        }
+    }
+
+    /**
+     * Generates a platform-specific DROP TABLE string
+     *
+     * @return bool|string
+     */
+    protected function _dropTable(string $table, bool $ifExists, bool $cascade)
+    {
+        $sql = parent::_dropTable($table, $ifExists, $cascade);
+
+        if ($sql !== true && $cascade) {
+            $sql .= ' CASCADE CONSTRAINTS PURGE';
+        } elseif ($sql !== true) {
+            $sql .= ' PURGE';
+        }
+
+        return $sql;
+    }
+
+    /**
+     * Constructs sql to check if key is a constraint.
+     */
+    protected function _dropKeyAsConstraint(string $table, string $constraintName): string
+    {
+        return "SELECT constraint_name FROM all_constraints WHERE table_name = '"
+            . trim($table, '"') . "' AND index_name = '"
+            . trim($constraintName, '"') . "'";
+    }
+}
diff --git a/ci4app/system/Database/OCI8/PreparedQuery.php b/ci4app/system/Database/OCI8/PreparedQuery.php
new file mode 100644
index 0000000..390ed93
--- /dev/null
+++ b/ci4app/system/Database/OCI8/PreparedQuery.php
@@ -0,0 +1,133 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\OCI8;
+
+use CodeIgniter\Database\BasePreparedQuery;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Exceptions\BadMethodCallException;
+use OCILob;
+
+/**
+ * Prepared query for OCI8
+ *
+ * @extends BasePreparedQuery<resource, resource, resource>
+ */
+class PreparedQuery extends BasePreparedQuery
+{
+    /**
+     * A reference to the db connection to use.
+     *
+     * @var Connection
+     */
+    protected $db;
+
+    /**
+     * Latest inserted table name.
+     */
+    private ?string $lastInsertTableName = null;
+
+    /**
+     * Prepares the query against the database, and saves the connection
+     * info necessary to execute the query later.
+     *
+     * NOTE: This version is based on SQL code. Child classes should
+     * override this method.
+     *
+     * @param array $options Passed to the connection's prepare statement.
+     *                       Unused in the OCI8 driver.
+     */
+    public function _prepare(string $sql, array $options = []): PreparedQuery
+    {
+        if (! $this->statement = oci_parse($this->db->connID, $this->parameterize($sql))) {
+            $error             = oci_error($this->db->connID);
+            $this->errorCode   = $error['code'] ?? 0;
+            $this->errorString = $error['message'] ?? '';
+
+            if ($this->db->DBDebug) {
+                throw new DatabaseException($this->errorString . ' code: ' . $this->errorCode);
+            }
+        }
+
+        $this->lastInsertTableName = $this->db->parseInsertTableName($sql);
+
+        return $this;
+    }
+
+    /**
+     * Takes a new set of data and runs it against the currently
+     * prepared query. Upon success, will return a Results object.
+     */
+    public function _execute(array $data): bool
+    {
+        if (! isset($this->statement)) {
+            throw new BadMethodCallException('You must call prepare before trying to execute a prepared statement.');
+        }
+
+        $binaryData = null;
+
+        foreach (array_keys($data) as $key) {
+            if (is_string($data[$key]) && $this->isBinary($data[$key])) {
+                $binaryData = oci_new_descriptor($this->db->connID, OCI_D_LOB);
+                $binaryData->writeTemporary($data[$key], OCI_TEMP_BLOB);
+                oci_bind_by_name($this->statement, ':' . $key, $binaryData, -1, OCI_B_BLOB);
+            } else {
+                oci_bind_by_name($this->statement, ':' . $key, $data[$key]);
+            }
+        }
+
+        $result = oci_execute($this->statement, $this->db->commitMode);
+
+        if ($binaryData instanceof OCILob) {
+            $binaryData->free();
+        }
+
+        if ($result && $this->lastInsertTableName !== '') {
+            $this->db->lastInsertedTableName = $this->lastInsertTableName;
+        }
+
+        return $result;
+    }
+
+    /**
+     * Returns the statement resource for the prepared query or false when preparing failed.
+     *
+     * @return resource|null
+     */
+    public function _getResult()
+    {
+        return $this->statement;
+    }
+
+    /**
+     * Deallocate prepared statements.
+     */
+    protected function _close(): bool
+    {
+        return oci_free_statement($this->statement);
+    }
+
+    /**
+     * Replaces the ? placeholders with :0, :1, etc parameters for use
+     * within the prepared query.
+     */
+    public function parameterize(string $sql): string
+    {
+        // Track our current value
+        $count = 0;
+
+        return preg_replace_callback('/\?/', static function ($matches) use (&$count): string {
+            return ':' . ($count++);
+        }, $sql);
+    }
+}
diff --git a/ci4app/system/Database/OCI8/Result.php b/ci4app/system/Database/OCI8/Result.php
new file mode 100644
index 0000000..1049847
--- /dev/null
+++ b/ci4app/system/Database/OCI8/Result.php
@@ -0,0 +1,119 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\OCI8;
+
+use CodeIgniter\Database\BaseResult;
+use CodeIgniter\Entity\Entity;
+use stdClass;
+
+/**
+ * Result for OCI8
+ *
+ * @extends BaseResult<resource, resource>
+ */
+class Result extends BaseResult
+{
+    /**
+     * Gets the number of fields in the result set.
+     */
+    public function getFieldCount(): int
+    {
+        return oci_num_fields($this->resultID);
+    }
+
+    /**
+     * Generates an array of column names in the result set.
+     */
+    public function getFieldNames(): array
+    {
+        return array_map(fn ($fieldIndex): false|string => oci_field_name($this->resultID, $fieldIndex), range(1, $this->getFieldCount()));
+    }
+
+    /**
+     * Generates an array of objects representing field meta-data.
+     */
+    public function getFieldData(): array
+    {
+        return array_map(fn ($fieldIndex) => (object) [
+            'name'       => oci_field_name($this->resultID, $fieldIndex),
+            'type'       => oci_field_type($this->resultID, $fieldIndex),
+            'max_length' => oci_field_size($this->resultID, $fieldIndex),
+        ], range(1, $this->getFieldCount()));
+    }
+
+    /**
+     * Frees the current result.
+     *
+     * @return void
+     */
+    public function freeResult()
+    {
+        if (is_resource($this->resultID)) {
+            oci_free_statement($this->resultID);
+            $this->resultID = false;
+        }
+    }
+
+    /**
+     * Moves the internal pointer to the desired offset. This is called
+     * internally before fetching results to make sure the result set
+     * starts at zero.
+     *
+     * @return false
+     */
+    public function dataSeek(int $n = 0)
+    {
+        // We can't support data seek by oci
+        return false;
+    }
+
+    /**
+     * Returns the result set as an array.
+     *
+     * Overridden by driver classes.
+     *
+     * @return array|false
+     */
+    protected function fetchAssoc()
+    {
+        return oci_fetch_assoc($this->resultID);
+    }
+
+    /**
+     * Returns the result set as an object.
+     *
+     * Overridden by child classes.
+     *
+     * @return Entity|false|object|stdClass
+     */
+    protected function fetchObject(string $className = 'stdClass')
+    {
+        $row = oci_fetch_object($this->resultID);
+
+        if ($className === 'stdClass' || ! $row) {
+            return $row;
+        }
+        if (is_subclass_of($className, Entity::class)) {
+            return (new $className())->injectRawData((array) $row);
+        }
+
+        $instance = new $className();
+
+        foreach (get_object_vars($row) as $key => $value) {
+            $instance->{$key} = $value;
+        }
+
+        return $instance;
+    }
+}
diff --git a/ci4app/system/Database/OCI8/Utils.php b/ci4app/system/Database/OCI8/Utils.php
new file mode 100644
index 0000000..c6e9796
--- /dev/null
+++ b/ci4app/system/Database/OCI8/Utils.php
@@ -0,0 +1,40 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\OCI8;
+
+use CodeIgniter\Database\BaseUtils;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+
+/**
+ * Utils for OCI8
+ */
+class Utils extends BaseUtils
+{
+    /**
+     * List databases statement
+     *
+     * @var string
+     */
+    protected $listDatabases = 'SELECT TABLESPACE_NAME FROM USER_TABLESPACES';
+
+    /**
+     * Platform dependent version of the backup function.
+     *
+     * @return never
+     */
+    public function _backup(?array $prefs = null)
+    {
+        throw new DatabaseException('Unsupported feature of the database platform you are using.');
+    }
+}
diff --git a/ci4app/system/Database/Postgre/Builder.php b/ci4app/system/Database/Postgre/Builder.php
new file mode 100644
index 0000000..126ab57
--- /dev/null
+++ b/ci4app/system/Database/Postgre/Builder.php
@@ -0,0 +1,631 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\Postgre;
+
+use CodeIgniter\Database\BaseBuilder;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Database\RawSql;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+
+/**
+ * Builder for Postgre
+ */
+class Builder extends BaseBuilder
+{
+    /**
+     * ORDER BY random keyword
+     *
+     * @var array
+     */
+    protected $randomKeyword = [
+        'RANDOM()',
+    ];
+
+    /**
+     * Specifies which sql statements
+     * support the ignore option.
+     *
+     * @var array<string, string>
+     */
+    protected $supportedIgnoreStatements = [
+        'insert' => 'ON CONFLICT DO NOTHING',
+    ];
+
+    /**
+     * Checks if the ignore option is supported by
+     * the Database Driver for the specific statement.
+     *
+     * @return string
+     */
+    protected function compileIgnore(string $statement)
+    {
+        $sql = parent::compileIgnore($statement);
+
+        if (! empty($sql)) {
+            $sql = ' ' . trim($sql);
+        }
+
+        return $sql;
+    }
+
+    /**
+     * ORDER BY
+     *
+     * @param string $direction ASC, DESC or RANDOM
+     *
+     * @return BaseBuilder
+     */
+    public function orderBy(string $orderBy, string $direction = '', ?bool $escape = null)
+    {
+        $direction = strtoupper(trim($direction));
+        if ($direction === 'RANDOM') {
+            if (ctype_digit($orderBy)) {
+                $orderBy = (float) ($orderBy > 1 ? "0.{$orderBy}" : $orderBy);
+            }
+
+            if (is_float($orderBy)) {
+                $this->db->simpleQuery("SET SEED {$orderBy}");
+            }
+
+            $orderBy   = $this->randomKeyword[0];
+            $direction = '';
+            $escape    = false;
+        }
+
+        return parent::orderBy($orderBy, $direction, $escape);
+    }
+
+    /**
+     * Increments a numeric column by the specified value.
+     *
+     * @return mixed
+     *
+     * @throws DatabaseException
+     */
+    public function increment(string $column, int $value = 1)
+    {
+        $column = $this->db->protectIdentifiers($column);
+
+        $sql = $this->_update($this->QBFrom[0], [$column => "to_number({$column}, '9999999') + {$value}"]);
+
+        if (! $this->testMode) {
+            $this->resetWrite();
+
+            return $this->db->query($sql, $this->binds, false);
+        }
+
+        return true;
+    }
+
+    /**
+     * Decrements a numeric column by the specified value.
+     *
+     * @return mixed
+     *
+     * @throws DatabaseException
+     */
+    public function decrement(string $column, int $value = 1)
+    {
+        $column = $this->db->protectIdentifiers($column);
+
+        $sql = $this->_update($this->QBFrom[0], [$column => "to_number({$column}, '9999999') - {$value}"]);
+
+        if (! $this->testMode) {
+            $this->resetWrite();
+
+            return $this->db->query($sql, $this->binds, false);
+        }
+
+        return true;
+    }
+
+    /**
+     * Compiles an replace into string and runs the query.
+     * Because PostgreSQL doesn't support the replace into command,
+     * we simply do a DELETE and an INSERT on the first key/value
+     * combo, assuming that it's either the primary key or a unique key.
+     *
+     * @param array|null $set An associative array of insert values
+     *
+     * @return mixed
+     *
+     * @throws DatabaseException
+     */
+    public function replace(?array $set = null)
+    {
+        if ($set !== null) {
+            $this->set($set);
+        }
+
+        if ($this->QBSet === []) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('You must use the "set" method to update an entry.');
+            }
+
+            return false; // @codeCoverageIgnore
+        }
+
+        $table = $this->QBFrom[0];
+        $set   = $this->binds;
+
+        array_walk($set, static function (array &$item): void {
+            $item = $item[0];
+        });
+
+        $key   = array_key_first($set);
+        $value = $set[$key];
+
+        $builder = $this->db->table($table);
+        $exists  = $builder->where($key, $value, true)->get()->getFirstRow();
+
+        if (empty($exists) && $this->testMode) {
+            $result = $this->getCompiledInsert();
+        } elseif (empty($exists)) {
+            $result = $builder->insert($set);
+        } elseif ($this->testMode) {
+            $result = $this->where($key, $value, true)->getCompiledUpdate();
+        } else {
+            array_shift($set);
+            $result = $builder->where($key, $value, true)->update($set);
+        }
+
+        unset($builder);
+        $this->resetWrite();
+        $this->binds = [];
+
+        return $result;
+    }
+
+    /**
+     * Generates a platform-specific insert string from the supplied data
+     */
+    protected function _insert(string $table, array $keys, array $unescapedKeys): string
+    {
+        return trim(sprintf('INSERT INTO %s (%s) VALUES (%s) %s', $table, implode(', ', $keys), implode(', ', $unescapedKeys), $this->compileIgnore('insert')));
+    }
+
+    /**
+     * Generates a platform-specific insert string from the supplied data.
+     */
+    protected function _insertBatch(string $table, array $keys, array $values): string
+    {
+        $sql = $this->QBOptions['sql'] ?? '';
+
+        // if this is the first iteration of batch then we need to build skeleton sql
+        if ($sql === '') {
+            $sql = 'INSERT INTO ' . $table . '(' . implode(', ', $keys) . ")\n{:_table_:}\n";
+
+            $sql .= $this->compileIgnore('insert');
+
+            $this->QBOptions['sql'] = $sql;
+        }
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $data = $this->QBOptions['setQueryAsData'];
+        } else {
+            $data = 'VALUES ' . implode(', ', $this->formatValues($values));
+        }
+
+        return str_replace('{:_table_:}', $data, $sql);
+    }
+
+    /**
+     * Compiles a delete string and runs the query
+     *
+     * @param mixed $where
+     *
+     * @return mixed
+     *
+     * @throws DatabaseException
+     */
+    public function delete($where = '', ?int $limit = null, bool $resetData = true)
+    {
+        if ($limit !== null && $limit !== 0 || ! empty($this->QBLimit)) {
+            throw new DatabaseException('PostgreSQL does not allow LIMITs on DELETE queries.');
+        }
+
+        return parent::delete($where, $limit, $resetData);
+    }
+
+    /**
+     * Generates a platform-specific LIMIT clause.
+     */
+    protected function _limit(string $sql, bool $offsetIgnore = false): string
+    {
+        return $sql . ' LIMIT ' . $this->QBLimit . ($this->QBOffset ? " OFFSET {$this->QBOffset}" : '');
+    }
+
+    /**
+     * Generates a platform-specific update string from the supplied data
+     *
+     * @throws DatabaseException
+     */
+    protected function _update(string $table, array $values): string
+    {
+        if (! empty($this->QBLimit)) {
+            throw new DatabaseException('Postgres does not support LIMITs with UPDATE queries.');
+        }
+
+        $this->QBOrderBy = [];
+
+        return parent::_update($table, $values);
+    }
+
+    /**
+     * Generates a platform-specific delete string from the supplied data
+     */
+    protected function _delete(string $table): string
+    {
+        $this->QBLimit = false;
+
+        return parent::_delete($table);
+    }
+
+    /**
+     * Generates a platform-specific truncate string from the supplied data
+     *
+     * If the database does not support the truncate() command,
+     * then this method maps to 'DELETE FROM table'
+     */
+    protected function _truncate(string $table): string
+    {
+        return 'TRUNCATE ' . $table . ' RESTART IDENTITY';
+    }
+
+    /**
+     * Platform independent LIKE statement builder.
+     *
+     * In PostgreSQL, the ILIKE operator will perform case insensitive
+     * searches according to the current locale.
+     *
+     * @see https://www.postgresql.org/docs/9.2/static/functions-matching.html
+     */
+    protected function _like_statement(?string $prefix, string $column, ?string $not, string $bind, bool $insensitiveSearch = false): string
+    {
+        $op = $insensitiveSearch ? 'ILIKE' : 'LIKE';
+
+        return "{$prefix} {$column} {$not} {$op} :{$bind}:";
+    }
+
+    /**
+     * Generates the JOIN portion of the query
+     *
+     * @param RawSql|string $cond
+     *
+     * @return BaseBuilder
+     */
+    public function join(string $table, $cond, string $type = '', ?bool $escape = null)
+    {
+        if (! in_array('FULL OUTER', $this->joinTypes, true)) {
+            $this->joinTypes = array_merge($this->joinTypes, ['FULL OUTER']);
+        }
+
+        return parent::join($table, $cond, $type, $escape);
+    }
+
+    /**
+     * Generates a platform-specific batch update string from the supplied data
+     *
+     * @used-by batchExecute()
+     *
+     * @param string                 $table  Protected table name
+     * @param list<string>           $keys   QBKeys
+     * @param list<list<int|string>> $values QBSet
+     */
+    protected function _updateBatch(string $table, array $keys, array $values): string
+    {
+        $sql = $this->QBOptions['sql'] ?? '';
+
+        // if this is the first iteration of batch then we need to build skeleton sql
+        if ($sql === '') {
+            $constraints = $this->QBOptions['constraints'] ?? [];
+
+            if ($constraints === []) {
+                if ($this->db->DBDebug) {
+                    throw new DatabaseException('You must specify a constraint to match on for batch updates.'); // @codeCoverageIgnore
+                }
+
+                return ''; // @codeCoverageIgnore
+            }
+
+            $updateFields = $this->QBOptions['updateFields'] ??
+                $this->updateFields($keys, false, $constraints)->QBOptions['updateFields'] ??
+                [];
+
+            $alias = $this->QBOptions['alias'] ?? '_u';
+
+            $sql = 'UPDATE ' . $this->compileIgnore('update') . $table . "\n";
+
+            $sql .= "SET\n";
+
+            $that = $this;
+            $sql .= implode(
+                ",\n",
+                array_map(
+                    static fn ($key, $value): string => $key . ($value instanceof RawSql ?
+                            ' = ' . $value :
+                            ' = ' . $that->cast($alias . '.' . $value, $that->getFieldType($table, $key))),
+                    array_keys($updateFields),
+                    $updateFields,
+                ),
+            ) . "\n";
+
+            $sql .= "FROM (\n{:_table_:}";
+
+            $sql .= ') ' . $alias . "\n";
+
+            $sql .= 'WHERE ' . implode(
+                ' AND ',
+                array_map(
+                    static function ($key, $value) use ($table, $alias, $that): string|RawSql {
+                        if ($value instanceof RawSql && is_string($key)) {
+                            return $table . '.' . $key . ' = ' . $value;
+                        }
+
+                        if ($value instanceof RawSql) {
+                            return $value;
+                        }
+
+                        return $table . '.' . $value . ' = '
+                            . $that->cast($alias . '.' . $value, $that->getFieldType($table, $value));
+                    },
+                    array_keys($constraints),
+                    $constraints,
+                ),
+            );
+
+            $this->QBOptions['sql'] = $sql;
+        }
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $data = $this->QBOptions['setQueryAsData'];
+        } else {
+            $data = implode(
+                " UNION ALL\n",
+                array_map(
+                    static fn ($value): string => 'SELECT ' . implode(', ', array_map(
+                        static fn ($key, $index): string => $index . ' ' . $key,
+                        $keys,
+                        $value,
+                    )),
+                    $values,
+                ),
+            ) . "\n";
+        }
+
+        return str_replace('{:_table_:}', $data, $sql);
+    }
+
+    /**
+     * Returns cast expression.
+     *
+     * @TODO move this to BaseBuilder in 4.5.0
+     */
+    private function cast(string $expression, ?string $type): string
+    {
+        return ($type === null) ? $expression : 'CAST(' . $expression . ' AS ' . strtoupper($type) . ')';
+    }
+
+    /**
+     * Returns the filed type from database meta data.
+     *
+     * @param string $table     Protected table name.
+     * @param string $fieldName Field name. May be protected.
+     */
+    private function getFieldType(string $table, string $fieldName): ?string
+    {
+        $fieldName = trim($fieldName, $this->db->escapeChar);
+
+        if (! isset($this->QBOptions['fieldTypes'][$table])) {
+            $this->QBOptions['fieldTypes'][$table] = [];
+
+            foreach ($this->db->getFieldData($table) as $field) {
+                $type = $field->type;
+
+                // If `character` (or `char`) lacks a specifier, it is equivalent
+                // to `character(1)`.
+                // See https://www.postgresql.org/docs/current/datatype-character.html
+                if ($field->type === 'character') {
+                    $type = $field->type . '(' . $field->max_length . ')';
+                }
+
+                $this->QBOptions['fieldTypes'][$table][$field->name] = $type;
+            }
+        }
+
+        return $this->QBOptions['fieldTypes'][$table][$fieldName] ?? null;
+    }
+
+    /**
+     * Generates a platform-specific upsertBatch string from the supplied data
+     *
+     * @throws DatabaseException
+     */
+    protected function _upsertBatch(string $table, array $keys, array $values): string
+    {
+        $sql = $this->QBOptions['sql'] ?? '';
+
+        // if this is the first iteration of batch then we need to build skeleton sql
+        if ($sql === '') {
+            $fieldNames = array_map(static fn ($columnName): string => trim($columnName, '"'), $keys);
+
+            $constraints = $this->QBOptions['constraints'] ?? [];
+
+            if (empty($constraints)) {
+                $allIndexes = array_filter($this->db->getIndexData($table), static function ($index) use ($fieldNames): bool {
+                    $hasAllFields = count(array_intersect($index->fields, $fieldNames)) === count($index->fields);
+
+                    return ($index->type === 'UNIQUE' || $index->type === 'PRIMARY') && $hasAllFields;
+                });
+
+                foreach ($allIndexes as $index) {
+                    $constraints = $index->fields;
+                    break;
+                }
+
+                $constraints = $this->onConstraint($constraints)->QBOptions['constraints'] ?? [];
+            }
+
+            if (empty($constraints)) {
+                if ($this->db->DBDebug) {
+                    throw new DatabaseException('No constraint found for upsert.');
+                }
+
+                return ''; // @codeCoverageIgnore
+            }
+
+            // in value set - replace null with DEFAULT where constraint is presumed not null
+            // autoincrement identity field must use DEFAULT and not NULL
+            // this could be removed in favour of leaving to developer but does make things easier and function like other DBMS
+            foreach ($constraints as $constraint) {
+                $key = array_search(trim((string) $constraint, '"'), $fieldNames, true);
+
+                if ($key !== false) {
+                    foreach ($values as $arrayKey => $value) {
+                        if (strtoupper((string) $value[$key]) === 'NULL') {
+                            $values[$arrayKey][$key] = 'DEFAULT';
+                        }
+                    }
+                }
+            }
+
+            $alias = $this->QBOptions['alias'] ?? '"excluded"';
+
+            if (strtolower($alias) !== '"excluded"') {
+                throw new InvalidArgumentException('Postgres alias is always named "excluded". A custom alias cannot be used.');
+            }
+
+            $updateFields = $this->QBOptions['updateFields'] ?? $this->updateFields($keys, false, $constraints)->QBOptions['updateFields'] ?? [];
+
+            $sql = 'INSERT INTO ' . $table . ' (';
+
+            $sql .= implode(', ', $keys);
+
+            $sql .= ")\n";
+
+            $sql .= '{:_table_:}';
+
+            $sql .= 'ON CONFLICT(' . implode(',', $constraints) . ")\n";
+
+            $sql .= "DO UPDATE SET\n";
+
+            $sql .= implode(
+                ",\n",
+                array_map(
+                    static fn ($key, $value): string => $key . ($value instanceof RawSql ?
+                    " = {$value}" :
+                    " = {$alias}.{$value}"),
+                    array_keys($updateFields),
+                    $updateFields,
+                ),
+            );
+
+            $this->QBOptions['sql'] = $sql;
+        }
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $data = $this->QBOptions['setQueryAsData'];
+        } else {
+            $data = 'VALUES ' . implode(', ', $this->formatValues($values)) . "\n";
+        }
+
+        return str_replace('{:_table_:}', $data, $sql);
+    }
+
+    /**
+     * Generates a platform-specific batch update string from the supplied data
+     */
+    protected function _deleteBatch(string $table, array $keys, array $values): string
+    {
+        $sql = $this->QBOptions['sql'] ?? '';
+
+        // if this is the first iteration of batch then we need to build skeleton sql
+        if ($sql === '') {
+            $constraints = $this->QBOptions['constraints'] ?? [];
+
+            if ($constraints === []) {
+                if ($this->db->DBDebug) {
+                    throw new DatabaseException('You must specify a constraint to match on for batch deletes.'); // @codeCoverageIgnore
+                }
+
+                return ''; // @codeCoverageIgnore
+            }
+
+            $alias = $this->QBOptions['alias'] ?? '_u';
+
+            $sql = 'DELETE FROM ' . $table . "\n";
+
+            $sql .= "USING (\n{:_table_:}";
+
+            $sql .= ') ' . $alias . "\n";
+
+            $that = $this;
+            $sql .= 'WHERE ' . implode(
+                ' AND ',
+                array_map(
+                    static function ($key, $value) use ($table, $alias, $that): RawSql|string {
+                        if ($value instanceof RawSql) {
+                            return $value;
+                        }
+
+                        if (is_string($key)) {
+                            return $table . '.' . $key . ' = '
+                                . $that->cast(
+                                    $alias . '.' . $value,
+                                    $that->getFieldType($table, $key),
+                                );
+                        }
+
+                        return $table . '.' . $value . ' = ' . $alias . '.' . $value;
+                    },
+                    array_keys($constraints),
+                    $constraints,
+                ),
+            );
+
+            // convert binds in where
+            foreach ($this->QBWhere as $key => $where) {
+                foreach ($this->binds as $field => $bind) {
+                    $this->QBWhere[$key]['condition'] = str_replace(':' . $field . ':', $bind[0], $where['condition']);
+                }
+            }
+
+            $sql .= ' ' . str_replace(
+                'WHERE ',
+                'AND ',
+                $this->compileWhereHaving('QBWhere'),
+            );
+
+            $this->QBOptions['sql'] = $sql;
+        }
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $data = $this->QBOptions['setQueryAsData'];
+        } else {
+            $data = implode(
+                " UNION ALL\n",
+                array_map(
+                    static fn ($value): string => 'SELECT ' . implode(', ', array_map(
+                        static fn ($key, $index): string => $index . ' ' . $key,
+                        $keys,
+                        $value,
+                    )),
+                    $values,
+                ),
+            ) . "\n";
+        }
+
+        return str_replace('{:_table_:}', $data, $sql);
+    }
+}
diff --git a/ci4app/system/Database/Postgre/Connection.php b/ci4app/system/Database/Postgre/Connection.php
new file mode 100644
index 0000000..9b48097
--- /dev/null
+++ b/ci4app/system/Database/Postgre/Connection.php
@@ -0,0 +1,603 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\Postgre;
+
+use CodeIgniter\Database\BaseConnection;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Database\RawSql;
+use CodeIgniter\Database\TableName;
+use ErrorException;
+use PgSql\Connection as PgSqlConnection;
+use PgSql\Result as PgSqlResult;
+use stdClass;
+use Stringable;
+
+/**
+ * Connection for Postgre
+ *
+ * @extends BaseConnection<PgSqlConnection, PgSqlResult>
+ */
+class Connection extends BaseConnection
+{
+    /**
+     * Database driver
+     *
+     * @var string
+     */
+    public $DBDriver = 'Postgre';
+
+    /**
+     * Database schema
+     *
+     * @var string
+     */
+    public $schema = 'public';
+
+    /**
+     * Identifier escape character
+     *
+     * @var string
+     */
+    public $escapeChar = '"';
+
+    protected $connect_timeout;
+    protected $options;
+    protected $sslmode;
+    protected $service;
+
+    /**
+     * Connect to the database.
+     *
+     * @return false|PgSqlConnection
+     */
+    public function connect(bool $persistent = false)
+    {
+        if (empty($this->DSN)) {
+            $this->buildDSN();
+        }
+
+        // Convert DSN string
+        // @TODO This format is for PDO_PGSQL.
+        //      https://www.php.net/manual/en/ref.pdo-pgsql.connection.php
+        //      Should deprecate?
+        if (mb_strpos($this->DSN, 'pgsql:') === 0) {
+            $this->convertDSN();
+        }
+
+        $this->connID = $persistent ? pg_pconnect($this->DSN) : pg_connect($this->DSN);
+
+        if ($this->connID !== false) {
+            if (
+                $persistent
+                && pg_connection_status($this->connID) === PGSQL_CONNECTION_BAD
+                && pg_ping($this->connID) === false
+            ) {
+                $error = pg_last_error($this->connID);
+
+                throw new DatabaseException($error);
+            }
+
+            if (! empty($this->schema)) {
+                $this->simpleQuery("SET search_path TO {$this->schema},public");
+            }
+
+            if ($this->setClientEncoding($this->charset) === false) {
+                $error = pg_last_error($this->connID);
+
+                throw new DatabaseException($error);
+            }
+        }
+
+        return $this->connID;
+    }
+
+    /**
+     * Converts the DSN with semicolon syntax.
+     *
+     * @return void
+     */
+    private function convertDSN()
+    {
+        // Strip pgsql
+        $this->DSN = mb_substr($this->DSN, 6);
+
+        // Convert semicolons to spaces in DSN format like:
+        // pgsql:host=localhost;port=5432;dbname=database_name
+        // https://www.php.net/manual/en/function.pg-connect.php
+        $allowedParams = ['host', 'port', 'dbname', 'user', 'password', 'connect_timeout', 'options', 'sslmode', 'service'];
+
+        $parameters = explode(';', $this->DSN);
+
+        $output            = '';
+        $previousParameter = '';
+
+        foreach ($parameters as $parameter) {
+            [$key, $value] = explode('=', $parameter, 2);
+            if (in_array($key, $allowedParams, true)) {
+                if ($previousParameter !== '') {
+                    if (array_search($key, $allowedParams, true) < array_search($previousParameter, $allowedParams, true)) {
+                        $output .= ';';
+                    } else {
+                        $output .= ' ';
+                    }
+                }
+                $output .= $parameter;
+                $previousParameter = $key;
+            } else {
+                $output .= ';' . $parameter;
+            }
+        }
+
+        $this->DSN = $output;
+    }
+
+    /**
+     * Keep or establish the connection if no queries have been sent for
+     * a length of time exceeding the server's idle timeout.
+     *
+     * @return void
+     */
+    public function reconnect()
+    {
+        if ($this->connID === false || pg_ping($this->connID) === false) {
+            $this->close();
+            $this->initialize();
+        }
+    }
+
+    /**
+     * Close the database connection.
+     *
+     * @return void
+     */
+    protected function _close()
+    {
+        pg_close($this->connID);
+    }
+
+    /**
+     * Select a specific database table to use.
+     */
+    public function setDatabase(string $databaseName): bool
+    {
+        return false;
+    }
+
+    /**
+     * Returns a string containing the version of the database being used.
+     */
+    public function getVersion(): string
+    {
+        if (isset($this->dataCache['version'])) {
+            return $this->dataCache['version'];
+        }
+
+        if (! $this->connID) {
+            $this->initialize();
+        }
+
+        $pgVersion                  = pg_version($this->connID);
+        $this->dataCache['version'] = isset($pgVersion['server']) ?
+            (preg_match('/^(\d+\.\d+)/', $pgVersion['server'], $matches) ? $matches[1] : '') :
+            '';
+
+        return $this->dataCache['version'];
+    }
+
+    /**
+     * Executes the query against the database.
+     *
+     * @return false|PgSqlResult
+     */
+    protected function execute(string $sql)
+    {
+        try {
+            return pg_query($this->connID, $sql);
+        } catch (ErrorException $e) {
+            log_message('error', (string) $e);
+
+            if ($this->DBDebug) {
+                throw new DatabaseException($e->getMessage(), $e->getCode(), $e);
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * Get the prefix of the function to access the DB.
+     */
+    protected function getDriverFunctionPrefix(): string
+    {
+        return 'pg_';
+    }
+
+    /**
+     * Returns the total number of rows affected by this query.
+     */
+    public function affectedRows(): int
+    {
+        if ($this->resultID === false) {
+            return 0;
+        }
+
+        return pg_affected_rows($this->resultID);
+    }
+
+    /**
+     * "Smart" Escape String
+     *
+     * Escapes data based on type
+     *
+     * @param array|bool|float|int|object|string|null $str
+     *
+     * @return ($str is array ? array : float|int|string)
+     */
+    public function escape($str)
+    {
+        if (! $this->connID) {
+            $this->initialize();
+        }
+
+        if ($str instanceof Stringable) {
+            if ($str instanceof RawSql) {
+                return $str->__toString();
+            }
+
+            $str = (string) $str;
+        }
+
+        if (is_string($str)) {
+            return pg_escape_literal($this->connID, $str);
+        }
+
+        if (is_bool($str)) {
+            return $str ? 'TRUE' : 'FALSE';
+        }
+
+        return parent::escape($str);
+    }
+
+    /**
+     * Platform-dependant string escape
+     */
+    protected function _escapeString(string $str): string
+    {
+        if (! $this->connID) {
+            $this->initialize();
+        }
+
+        return pg_escape_string($this->connID, $str);
+    }
+
+    /**
+     * Generates the SQL for listing tables in a platform-dependent manner.
+     *
+     * @param string|null $tableName If $tableName is provided will return only this table if exists.
+     */
+    protected function _listTables(bool $prefixLimit = false, ?string $tableName = null): string
+    {
+        $sql = 'SELECT "table_name" FROM "information_schema"."tables" WHERE "table_schema" = \'' . $this->schema . "'";
+
+        if ($tableName !== null) {
+            return $sql . ' AND "table_name" LIKE ' . $this->escape($tableName);
+        }
+
+        if ($prefixLimit && $this->DBPrefix !== '') {
+            return $sql . ' AND "table_name" LIKE \''
+                . $this->escapeLikeString($this->DBPrefix) . "%' "
+                . sprintf($this->likeEscapeStr, $this->likeEscapeChar);
+        }
+
+        return $sql;
+    }
+
+    /**
+     * Generates a platform-specific query string so that the column names can be fetched.
+     *
+     * @param string|TableName $table
+     */
+    protected function _listColumns($table = ''): string
+    {
+        if ($table instanceof TableName) {
+            $tableName = $this->escape($table->getActualTableName());
+        } else {
+            $tableName = $this->escape($this->DBPrefix . strtolower($table));
+        }
+
+        return 'SELECT "column_name"
+			FROM "information_schema"."columns"
+			WHERE LOWER("table_name") = ' . $tableName
+                . ' ORDER BY "ordinal_position"';
+    }
+
+    /**
+     * Returns an array of objects with field data
+     *
+     * @return list<stdClass>
+     *
+     * @throws DatabaseException
+     */
+    protected function _fieldData(string $table): array
+    {
+        $sql = 'SELECT "column_name", "data_type", "character_maximum_length", "numeric_precision", "column_default",  "is_nullable"
+            FROM "information_schema"."columns"
+            WHERE LOWER("table_name") = '
+                . $this->escape(strtolower($table))
+                . ' ORDER BY "ordinal_position"';
+
+        if (($query = $this->query($sql)) === false) {
+            throw new DatabaseException(lang('Database.failGetFieldData'));
+        }
+        $query = $query->getResultObject();
+
+        $retVal = [];
+
+        for ($i = 0, $c = count($query); $i < $c; $i++) {
+            $retVal[$i] = new stdClass();
+
+            $retVal[$i]->name       = $query[$i]->column_name;
+            $retVal[$i]->type       = $query[$i]->data_type;
+            $retVal[$i]->max_length = $query[$i]->character_maximum_length > 0 ? $query[$i]->character_maximum_length : $query[$i]->numeric_precision;
+            $retVal[$i]->nullable   = $query[$i]->is_nullable === 'YES';
+            $retVal[$i]->default    = $query[$i]->column_default;
+        }
+
+        return $retVal;
+    }
+
+    /**
+     * Returns an array of objects with index data
+     *
+     * @return array<string, stdClass>
+     *
+     * @throws DatabaseException
+     */
+    protected function _indexData(string $table): array
+    {
+        $sql = 'SELECT "indexname", "indexdef"
+			FROM "pg_indexes"
+			WHERE LOWER("tablename") = ' . $this->escape(strtolower($table)) . '
+			AND "schemaname" = ' . $this->escape('public');
+
+        if (($query = $this->query($sql)) === false) {
+            throw new DatabaseException(lang('Database.failGetIndexData'));
+        }
+        $query = $query->getResultObject();
+
+        $retVal = [];
+
+        foreach ($query as $row) {
+            $obj         = new stdClass();
+            $obj->name   = $row->indexname;
+            $_fields     = explode(',', preg_replace('/^.*\((.+?)\)$/', '$1', trim($row->indexdef)));
+            $obj->fields = array_map(static fn ($v): string => trim($v), $_fields);
+
+            if (str_starts_with($row->indexdef, 'CREATE UNIQUE INDEX pk')) {
+                $obj->type = 'PRIMARY';
+            } else {
+                $obj->type = (str_starts_with($row->indexdef, 'CREATE UNIQUE')) ? 'UNIQUE' : 'INDEX';
+            }
+
+            $retVal[$obj->name] = $obj;
+        }
+
+        return $retVal;
+    }
+
+    /**
+     * Returns an array of objects with Foreign key data
+     *
+     * @return array<string, stdClass>
+     *
+     * @throws DatabaseException
+     */
+    protected function _foreignKeyData(string $table): array
+    {
+        $sql = 'SELECT c.constraint_name,
+                x.table_name,
+                x.column_name,
+                y.table_name as foreign_table_name,
+                y.column_name as foreign_column_name,
+                c.delete_rule,
+                c.update_rule,
+                c.match_option
+                FROM information_schema.referential_constraints c
+                JOIN information_schema.key_column_usage x
+                    on x.constraint_name = c.constraint_name
+                JOIN information_schema.key_column_usage y
+                    on y.ordinal_position = x.position_in_unique_constraint
+                    and y.constraint_name = c.unique_constraint_name
+                WHERE x.table_name = ' . $this->escape($table) .
+                'order by c.constraint_name, x.ordinal_position';
+
+        if (($query = $this->query($sql)) === false) {
+            throw new DatabaseException(lang('Database.failGetForeignKeyData'));
+        }
+
+        $query   = $query->getResultObject();
+        $indexes = [];
+
+        foreach ($query as $row) {
+            $indexes[$row->constraint_name]['constraint_name']       = $row->constraint_name;
+            $indexes[$row->constraint_name]['table_name']            = $table;
+            $indexes[$row->constraint_name]['column_name'][]         = $row->column_name;
+            $indexes[$row->constraint_name]['foreign_table_name']    = $row->foreign_table_name;
+            $indexes[$row->constraint_name]['foreign_column_name'][] = $row->foreign_column_name;
+            $indexes[$row->constraint_name]['on_delete']             = $row->delete_rule;
+            $indexes[$row->constraint_name]['on_update']             = $row->update_rule;
+            $indexes[$row->constraint_name]['match']                 = $row->match_option;
+        }
+
+        return $this->foreignKeyDataToObjects($indexes);
+    }
+
+    /**
+     * Returns platform-specific SQL to disable foreign key checks.
+     *
+     * @return string
+     */
+    protected function _disableForeignKeyChecks()
+    {
+        return 'SET CONSTRAINTS ALL DEFERRED';
+    }
+
+    /**
+     * Returns platform-specific SQL to enable foreign key checks.
+     *
+     * @return string
+     */
+    protected function _enableForeignKeyChecks()
+    {
+        return 'SET CONSTRAINTS ALL IMMEDIATE;';
+    }
+
+    /**
+     * Returns the last error code and message.
+     * Must return this format: ['code' => string|int, 'message' => string]
+     * intval(code) === 0 means "no error".
+     *
+     * @return array<string, int|string>
+     */
+    public function error(): array
+    {
+        return [
+            'code'    => '',
+            'message' => pg_last_error($this->connID),
+        ];
+    }
+
+    /**
+     * @return int|string
+     */
+    public function insertID()
+    {
+        $v = pg_version($this->connID);
+        // 'server' key is only available since PostgreSQL 7.4
+        $v = explode(' ', $v['server'])[0] ?? 0;
+
+        $table  = func_num_args() > 0 ? func_get_arg(0) : null;
+        $column = func_num_args() > 1 ? func_get_arg(1) : null;
+
+        if ($table === null && $v >= '8.1') {
+            $sql = 'SELECT LASTVAL() AS ins_id';
+        } elseif ($table !== null) {
+            if ($column !== null && $v >= '8.0') {
+                $sql   = "SELECT pg_get_serial_sequence('{$table}', '{$column}') AS seq";
+                $query = $this->query($sql);
+                $query = $query->getRow();
+                $seq   = $query->seq;
+            } else {
+                // seq_name passed in table parameter
+                $seq = $table;
+            }
+
+            $sql = "SELECT CURRVAL('{$seq}') AS ins_id";
+        } else {
+            return pg_last_oid($this->resultID);
+        }
+
+        $query = $this->query($sql);
+        $query = $query->getRow();
+
+        return (int) $query->ins_id;
+    }
+
+    /**
+     * Build a DSN from the provided parameters
+     *
+     * @return void
+     */
+    protected function buildDSN()
+    {
+        if ($this->DSN !== '') {
+            $this->DSN = '';
+        }
+
+        // If UNIX sockets are used, we shouldn't set a port
+        if (str_contains($this->hostname, '/')) {
+            $this->port = '';
+        }
+
+        if ($this->hostname !== '') {
+            $this->DSN = "host={$this->hostname} ";
+        }
+
+        // ctype_digit only accepts strings
+        $port = (string) $this->port;
+
+        if ($port !== '' && ctype_digit($port)) {
+            $this->DSN .= "port={$port} ";
+        }
+
+        if ($this->username !== '') {
+            $this->DSN .= "user={$this->username} ";
+
+            // An empty password is valid!
+            // password must be set to null to ignore it.
+            if ($this->password !== null) {
+                $this->DSN .= "password='{$this->password}' ";
+            }
+        }
+
+        if ($this->database !== '') {
+            $this->DSN .= "dbname={$this->database} ";
+        }
+
+        // We don't have these options as elements in our standard configuration
+        // array, but they might be set by parse_url() if the configuration was
+        // provided via string> Example:
+        //
+        // Postgre://username:password@localhost:5432/database?connect_timeout=5&sslmode=1
+        foreach (['connect_timeout', 'options', 'sslmode', 'service'] as $key) {
+            if (isset($this->{$key}) && is_string($this->{$key}) && $this->{$key} !== '') {
+                $this->DSN .= "{$key}='{$this->{$key}}' ";
+            }
+        }
+
+        $this->DSN = rtrim($this->DSN);
+    }
+
+    /**
+     * Set client encoding
+     */
+    protected function setClientEncoding(string $charset): bool
+    {
+        return pg_set_client_encoding($this->connID, $charset) === 0;
+    }
+
+    /**
+     * Begin Transaction
+     */
+    protected function _transBegin(): bool
+    {
+        return (bool) pg_query($this->connID, 'BEGIN');
+    }
+
+    /**
+     * Commit Transaction
+     */
+    protected function _transCommit(): bool
+    {
+        return (bool) pg_query($this->connID, 'COMMIT');
+    }
+
+    /**
+     * Rollback Transaction
+     */
+    protected function _transRollback(): bool
+    {
+        return (bool) pg_query($this->connID, 'ROLLBACK');
+    }
+}
diff --git a/ci4app/system/Database/Postgre/Forge.php b/ci4app/system/Database/Postgre/Forge.php
new file mode 100644
index 0000000..8b18d7d
--- /dev/null
+++ b/ci4app/system/Database/Postgre/Forge.php
@@ -0,0 +1,223 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\Postgre;
+
+use CodeIgniter\Database\Forge as BaseForge;
+
+/**
+ * Forge for Postgre
+ */
+class Forge extends BaseForge
+{
+    /**
+     * CHECK DATABASE EXIST statement
+     *
+     * @var string
+     */
+    protected $checkDatabaseExistStr = 'SELECT 1 FROM pg_database WHERE datname = ?';
+
+    /**
+     * DROP CONSTRAINT statement
+     *
+     * @var string
+     */
+    protected $dropConstraintStr = 'ALTER TABLE %s DROP CONSTRAINT %s';
+
+    /**
+     * DROP INDEX statement
+     *
+     * @var string
+     */
+    protected $dropIndexStr = 'DROP INDEX %s';
+
+    /**
+     * UNSIGNED support
+     *
+     * @var array
+     */
+    protected $_unsigned = [
+        'INT2'     => 'INTEGER',
+        'SMALLINT' => 'INTEGER',
+        'INT'      => 'BIGINT',
+        'INT4'     => 'BIGINT',
+        'INTEGER'  => 'BIGINT',
+        'INT8'     => 'NUMERIC',
+        'BIGINT'   => 'NUMERIC',
+        'REAL'     => 'DOUBLE PRECISION',
+        'FLOAT'    => 'DOUBLE PRECISION',
+    ];
+
+    /**
+     * NULL value representation in CREATE/ALTER TABLE statements
+     *
+     * @var string
+     *
+     * @internal
+     */
+    protected $null = 'NULL';
+
+    /**
+     * @var Connection
+     */
+    protected $db;
+
+    /**
+     * CREATE TABLE attributes
+     *
+     * @param array $attributes Associative array of table attributes
+     */
+    protected function _createTableAttributes(array $attributes): string
+    {
+        return '';
+    }
+
+    /**
+     * @param array|string $processedFields Processed column definitions
+     *                                      or column names to DROP
+     *
+     * @return ($alterType is 'DROP' ? string : false|list<string>)
+     */
+    protected function _alterTable(string $alterType, string $table, $processedFields)
+    {
+        if (in_array($alterType, ['DROP', 'ADD'], true)) {
+            return parent::_alterTable($alterType, $table, $processedFields);
+        }
+
+        $sql  = 'ALTER TABLE ' . $this->db->escapeIdentifiers($table);
+        $sqls = [];
+
+        foreach ($processedFields as $field) {
+            if ($field['_literal'] !== false) {
+                return false;
+            }
+
+            if (version_compare($this->db->getVersion(), '8', '>=') && isset($field['type'])) {
+                $sqls[] = $sql . ' ALTER COLUMN ' . $this->db->escapeIdentifiers($field['name'])
+                    . " TYPE {$field['type']}{$field['length']}";
+            }
+
+            if (! empty($field['default'])) {
+                $sqls[] = $sql . ' ALTER COLUMN ' . $this->db->escapeIdentifiers($field['name'])
+                    . " SET DEFAULT {$field['default']}";
+            }
+
+            $nullable = true; // Nullable by default.
+            if (isset($field['null']) && ($field['null'] === false || $field['null'] === ' NOT ' . $this->null)) {
+                $nullable = false;
+            }
+            $sqls[] = $sql . ' ALTER COLUMN ' . $this->db->escapeIdentifiers($field['name'])
+                . ($nullable ? ' DROP' : ' SET') . ' NOT NULL';
+
+            if (! empty($field['new_name'])) {
+                $sqls[] = $sql . ' RENAME COLUMN ' . $this->db->escapeIdentifiers($field['name'])
+                    . ' TO ' . $this->db->escapeIdentifiers($field['new_name']);
+            }
+
+            if (! empty($field['comment'])) {
+                $sqls[] = 'COMMENT ON COLUMN' . $this->db->escapeIdentifiers($table)
+                    . '.' . $this->db->escapeIdentifiers($field['name'])
+                    . " IS {$field['comment']}";
+            }
+        }
+
+        return $sqls;
+    }
+
+    /**
+     * Process column
+     */
+    protected function _processColumn(array $processedField): string
+    {
+        return $this->db->escapeIdentifiers($processedField['name'])
+            . ' ' . $processedField['type'] . ($processedField['type'] === 'text' ? '' : $processedField['length'])
+            . $processedField['default']
+            . $processedField['null']
+            . $processedField['auto_increment']
+            . $processedField['unique'];
+    }
+
+    /**
+     * Performs a data type mapping between different databases.
+     */
+    protected function _attributeType(array &$attributes)
+    {
+        // Reset field lengths for data types that don't support it
+        if (isset($attributes['CONSTRAINT']) && str_contains(strtolower($attributes['TYPE']), 'int')) {
+            $attributes['CONSTRAINT'] = null;
+        }
+
+        switch (strtoupper($attributes['TYPE'])) {
+            case 'TINYINT':
+                $attributes['TYPE']     = 'SMALLINT';
+                $attributes['UNSIGNED'] = false;
+                break;
+
+            case 'MEDIUMINT':
+                $attributes['TYPE']     = 'INTEGER';
+                $attributes['UNSIGNED'] = false;
+                break;
+
+            case 'DATETIME':
+                $attributes['TYPE'] = 'TIMESTAMP';
+                break;
+
+            case 'BLOB':
+                $attributes['TYPE'] = 'BYTEA';
+                break;
+
+            default:
+                break;
+        }
+    }
+
+    /**
+     * Field attribute AUTO_INCREMENT
+     */
+    protected function _attributeAutoIncrement(array &$attributes, array &$field)
+    {
+        if (! empty($attributes['AUTO_INCREMENT']) && $attributes['AUTO_INCREMENT'] === true) {
+            $field['type'] = $field['type'] === 'NUMERIC' || $field['type'] === 'BIGINT' ? 'BIGSERIAL' : 'SERIAL';
+        }
+    }
+
+    /**
+     * Generates a platform-specific DROP TABLE string
+     */
+    protected function _dropTable(string $table, bool $ifExists, bool $cascade): string
+    {
+        $sql = parent::_dropTable($table, $ifExists, $cascade);
+
+        if ($cascade) {
+            $sql .= ' CASCADE';
+        }
+
+        return $sql;
+    }
+
+    /**
+     * Constructs sql to check if key is a constraint.
+     */
+    protected function _dropKeyAsConstraint(string $table, string $constraintName): string
+    {
+        return "SELECT con.conname
+               FROM pg_catalog.pg_constraint con
+                INNER JOIN pg_catalog.pg_class rel
+                           ON rel.oid = con.conrelid
+                INNER JOIN pg_catalog.pg_namespace nsp
+                           ON nsp.oid = connamespace
+               WHERE nsp.nspname = '{$this->db->schema}'
+                     AND rel.relname = '" . trim($table, '"') . "'
+                     AND con.conname = '" . trim($constraintName, '"') . "'";
+    }
+}
diff --git a/ci4app/system/Database/Postgre/PreparedQuery.php b/ci4app/system/Database/Postgre/PreparedQuery.php
new file mode 100644
index 0000000..08900a6
--- /dev/null
+++ b/ci4app/system/Database/Postgre/PreparedQuery.php
@@ -0,0 +1,134 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\Postgre;
+
+use CodeIgniter\Database\BasePreparedQuery;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Exceptions\BadMethodCallException;
+use Exception;
+use PgSql\Connection as PgSqlConnection;
+use PgSql\Result as PgSqlResult;
+
+/**
+ * Prepared query for Postgre
+ *
+ * @extends BasePreparedQuery<PgSqlConnection, PgSqlResult, PgSqlResult>
+ */
+class PreparedQuery extends BasePreparedQuery
+{
+    /**
+     * Stores the name this query can be
+     * used under by postgres. Only used internally.
+     *
+     * @var string
+     */
+    protected $name;
+
+    /**
+     * The result resource from a successful
+     * pg_exec. Or false.
+     *
+     * @var false|PgSqlResult
+     */
+    protected $result;
+
+    /**
+     * Prepares the query against the database, and saves the connection
+     * info necessary to execute the query later.
+     *
+     * NOTE: This version is based on SQL code. Child classes should
+     * override this method.
+     *
+     * @param array $options Passed to the connection's prepare statement.
+     *                       Unused in the MySQLi driver.
+     *
+     * @throws Exception
+     */
+    public function _prepare(string $sql, array $options = []): PreparedQuery
+    {
+        $this->name = (string) random_int(1, 10_000_000_000_000_000);
+
+        $sql = $this->parameterize($sql);
+
+        // Update the query object since the parameters are slightly different
+        // than what was put in.
+        $this->query->setQuery($sql);
+
+        if (! $this->statement = pg_prepare($this->db->connID, $this->name, $sql)) {
+            $this->errorCode   = 0;
+            $this->errorString = pg_last_error($this->db->connID);
+
+            if ($this->db->DBDebug) {
+                throw new DatabaseException($this->errorString . ' code: ' . $this->errorCode);
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * Takes a new set of data and runs it against the currently
+     * prepared query. Upon success, will return a Results object.
+     */
+    public function _execute(array $data): bool
+    {
+        if (! isset($this->statement)) {
+            throw new BadMethodCallException('You must call prepare before trying to execute a prepared statement.');
+        }
+
+        foreach ($data as &$item) {
+            if (is_string($item) && $this->isBinary($item)) {
+                $item = pg_escape_bytea($this->db->connID, $item);
+            }
+        }
+
+        $this->result = pg_execute($this->db->connID, $this->name, $data);
+
+        return (bool) $this->result;
+    }
+
+    /**
+     * Returns the result object for the prepared query or false on failure.
+     *
+     * @return PgSqlResult|null
+     */
+    public function _getResult()
+    {
+        return $this->result;
+    }
+
+    /**
+     * Deallocate prepared statements.
+     */
+    protected function _close(): bool
+    {
+        return pg_query($this->db->connID, 'DEALLOCATE "' . $this->db->escapeIdentifiers($this->name) . '"') !== false;
+    }
+
+    /**
+     * Replaces the ? placeholders with $1, $2, etc parameters for use
+     * within the prepared query.
+     */
+    public function parameterize(string $sql): string
+    {
+        // Track our current value
+        $count = 0;
+
+        return preg_replace_callback('/\?/', static function () use (&$count): string {
+            $count++;
+
+            return "\${$count}";
+        }, $sql);
+    }
+}
diff --git a/ci4app/system/Database/Postgre/Result.php b/ci4app/system/Database/Postgre/Result.php
new file mode 100644
index 0000000..e5d78c5
--- /dev/null
+++ b/ci4app/system/Database/Postgre/Result.php
@@ -0,0 +1,136 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\Postgre;
+
+use CodeIgniter\Database\BaseResult;
+use CodeIgniter\Entity\Entity;
+use PgSql\Connection as PgSqlConnection;
+use PgSql\Result as PgSqlResult;
+use stdClass;
+
+/**
+ * Result for Postgre
+ *
+ * @extends BaseResult<PgSqlConnection, PgSqlResult>
+ */
+class Result extends BaseResult
+{
+    /**
+     * Gets the number of fields in the result set.
+     */
+    public function getFieldCount(): int
+    {
+        return pg_num_fields($this->resultID);
+    }
+
+    /**
+     * Generates an array of column names in the result set.
+     */
+    public function getFieldNames(): array
+    {
+        $fieldNames = [];
+
+        for ($i = 0, $c = $this->getFieldCount(); $i < $c; $i++) {
+            $fieldNames[] = pg_field_name($this->resultID, $i);
+        }
+
+        return $fieldNames;
+    }
+
+    /**
+     * Generates an array of objects representing field meta-data.
+     */
+    public function getFieldData(): array
+    {
+        $retVal = [];
+
+        for ($i = 0, $c = $this->getFieldCount(); $i < $c; $i++) {
+            $retVal[$i]             = new stdClass();
+            $retVal[$i]->name       = pg_field_name($this->resultID, $i);
+            $retVal[$i]->type       = pg_field_type_oid($this->resultID, $i);
+            $retVal[$i]->type_name  = pg_field_type($this->resultID, $i);
+            $retVal[$i]->max_length = pg_field_size($this->resultID, $i);
+            $retVal[$i]->length     = $retVal[$i]->max_length;
+            // $retVal[$i]->primary_key = (int)($fieldData[$i]->flags & 2);
+            // $retVal[$i]->default     = $fieldData[$i]->def;
+        }
+
+        return $retVal;
+    }
+
+    /**
+     * Frees the current result.
+     *
+     * @return void
+     */
+    public function freeResult()
+    {
+        if ($this->resultID !== false) {
+            pg_free_result($this->resultID);
+            $this->resultID = false;
+        }
+    }
+
+    /**
+     * Moves the internal pointer to the desired offset. This is called
+     * internally before fetching results to make sure the result set
+     * starts at zero.
+     *
+     * @return bool
+     */
+    public function dataSeek(int $n = 0)
+    {
+        return pg_result_seek($this->resultID, $n);
+    }
+
+    /**
+     * Returns the result set as an array.
+     *
+     * Overridden by driver classes.
+     *
+     * @return array|false
+     */
+    protected function fetchAssoc()
+    {
+        return pg_fetch_assoc($this->resultID);
+    }
+
+    /**
+     * Returns the result set as an object.
+     *
+     * Overridden by child classes.
+     *
+     * @return Entity|false|object|stdClass
+     */
+    protected function fetchObject(string $className = 'stdClass')
+    {
+        if (is_subclass_of($className, Entity::class)) {
+            return empty($data = $this->fetchAssoc()) ? false : (new $className())->injectRawData($data);
+        }
+
+        return pg_fetch_object($this->resultID, null, $className);
+    }
+
+    /**
+     * Returns the number of rows in the resultID (i.e., PostgreSQL query result resource)
+     */
+    public function getNumRows(): int
+    {
+        if (! is_int($this->numRows)) {
+            $this->numRows = pg_num_rows($this->resultID);
+        }
+
+        return $this->numRows;
+    }
+}
diff --git a/ci4app/system/Database/Postgre/Utils.php b/ci4app/system/Database/Postgre/Utils.php
new file mode 100644
index 0000000..c3b7b82
--- /dev/null
+++ b/ci4app/system/Database/Postgre/Utils.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\Postgre;
+
+use CodeIgniter\Database\BaseUtils;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+
+/**
+ * Utils for Postgre
+ */
+class Utils extends BaseUtils
+{
+    /**
+     * List databases statement
+     *
+     * @var string
+     */
+    protected $listDatabases = 'SELECT datname FROM pg_database';
+
+    /**
+     * OPTIMIZE TABLE statement
+     *
+     * @var string
+     */
+    protected $optimizeTable = 'REINDEX TABLE %s';
+
+    /**
+     * Platform dependent version of the backup function.
+     *
+     * @return never
+     */
+    public function _backup(?array $prefs = null)
+    {
+        throw new DatabaseException('Unsupported feature of the database platform you are using.');
+    }
+}
diff --git a/ci4app/system/Database/PreparedQueryInterface.php b/ci4app/system/Database/PreparedQueryInterface.php
new file mode 100644
index 0000000..c49c2e7
--- /dev/null
+++ b/ci4app/system/Database/PreparedQueryInterface.php
@@ -0,0 +1,62 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+use CodeIgniter\Exceptions\BadMethodCallException;
+
+/**
+ * @template TConnection
+ * @template TStatement
+ * @template TResult
+ */
+interface PreparedQueryInterface
+{
+    /**
+     * Takes a new set of data and runs it against the currently
+     * prepared query. Upon success, will return a Results object.
+     *
+     * @return bool|ResultInterface<TConnection, TResult>
+     */
+    public function execute(...$data);
+
+    /**
+     * Prepares the query against the database, and saves the connection
+     * info necessary to execute the query later.
+     *
+     * @return $this
+     */
+    public function prepare(string $sql, array $options = []);
+
+    /**
+     * Explicity closes the statement.
+     *
+     * @throws BadMethodCallException
+     */
+    public function close(): bool;
+
+    /**
+     * Returns the SQL that has been prepared.
+     */
+    public function getQueryString(): string;
+
+    /**
+     * Returns the error code created while executing this statement.
+     */
+    public function getErrorCode(): int;
+
+    /**
+     * Returns the error message created while executing this statement.
+     */
+    public function getErrorMessage(): string;
+}
diff --git a/ci4app/system/Database/Query.php b/ci4app/system/Database/Query.php
new file mode 100644
index 0000000..c74ba6a
--- /dev/null
+++ b/ci4app/system/Database/Query.php
@@ -0,0 +1,433 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+use Stringable;
+
+/**
+ * Query builder
+ */
+class Query implements QueryInterface, Stringable
+{
+    /**
+     * The query string, as provided by the user.
+     *
+     * @var string
+     */
+    protected $originalQueryString;
+
+    /**
+     * The query string if table prefix has been swapped.
+     *
+     * @var string|null
+     */
+    protected $swappedQueryString;
+
+    /**
+     * The final query string after binding, etc.
+     *
+     * @var string|null
+     */
+    protected $finalQueryString;
+
+    /**
+     * The binds and their values used for binding.
+     *
+     * @var array
+     */
+    protected $binds = [];
+
+    /**
+     * Bind marker
+     *
+     * Character used to identify values in a prepared statement.
+     *
+     * @var string
+     */
+    protected $bindMarker = '?';
+
+    /**
+     * The start time in seconds with microseconds
+     * for when this query was executed.
+     *
+     * @var float|string
+     */
+    protected $startTime;
+
+    /**
+     * The end time in seconds with microseconds
+     * for when this query was executed.
+     *
+     * @var float
+     */
+    protected $endTime;
+
+    /**
+     * The error code, if any.
+     *
+     * @var int
+     */
+    protected $errorCode;
+
+    /**
+     * The error message, if any.
+     *
+     * @var string
+     */
+    protected $errorString;
+
+    /**
+     * Pointer to database connection.
+     * Mainly for escaping features.
+     *
+     * @var ConnectionInterface
+     */
+    public $db;
+
+    public function __construct(ConnectionInterface $db)
+    {
+        $this->db = $db;
+    }
+
+    /**
+     * Sets the raw query string to use for this statement.
+     *
+     * @param mixed $binds
+     *
+     * @return $this
+     */
+    public function setQuery(string $sql, $binds = null, bool $setEscape = true)
+    {
+        $this->originalQueryString = $sql;
+        unset($this->swappedQueryString);
+
+        if ($binds !== null) {
+            if (! is_array($binds)) {
+                $binds = [$binds];
+            }
+
+            if ($setEscape) {
+                array_walk($binds, static function (&$item): void {
+                    $item = [
+                        $item,
+                        true,
+                    ];
+                });
+            }
+            $this->binds = $binds;
+        }
+
+        unset($this->finalQueryString);
+
+        return $this;
+    }
+
+    /**
+     * Will store the variables to bind into the query later.
+     *
+     * @return $this
+     */
+    public function setBinds(array $binds, bool $setEscape = true)
+    {
+        if ($setEscape) {
+            array_walk($binds, static function (&$item): void {
+                $item = [$item, true];
+            });
+        }
+
+        $this->binds = $binds;
+
+        unset($this->finalQueryString);
+
+        return $this;
+    }
+
+    /**
+     * Returns the final, processed query string after binding, etal
+     * has been performed.
+     */
+    public function getQuery(): string
+    {
+        if (empty($this->finalQueryString)) {
+            $this->compileBinds();
+        }
+
+        return $this->finalQueryString;
+    }
+
+    /**
+     * Records the execution time of the statement using microtime(true)
+     * for it's start and end values. If no end value is present, will
+     * use the current time to determine total duration.
+     *
+     * @return $this
+     */
+    public function setDuration(float $start, ?float $end = null)
+    {
+        $this->startTime = $start;
+
+        if ($end === null) {
+            $end = microtime(true);
+        }
+
+        $this->endTime = $end;
+
+        return $this;
+    }
+
+    /**
+     * Returns the start time in seconds with microseconds.
+     *
+     * @return float|string
+     */
+    public function getStartTime(bool $returnRaw = false, int $decimals = 6)
+    {
+        if ($returnRaw) {
+            return $this->startTime;
+        }
+
+        return number_format($this->startTime, $decimals);
+    }
+
+    /**
+     * Returns the duration of this query during execution, or null if
+     * the query has not been executed yet.
+     *
+     * @param int $decimals The accuracy of the returned time.
+     */
+    public function getDuration(int $decimals = 6): string
+    {
+        return number_format(($this->endTime - $this->startTime), $decimals);
+    }
+
+    /**
+     * Stores the error description that happened for this query.
+     *
+     * @return $this
+     */
+    public function setError(int $code, string $error)
+    {
+        $this->errorCode   = $code;
+        $this->errorString = $error;
+
+        return $this;
+    }
+
+    /**
+     * Reports whether this statement created an error not.
+     */
+    public function hasError(): bool
+    {
+        return ! empty($this->errorString);
+    }
+
+    /**
+     * Returns the error code created while executing this statement.
+     */
+    public function getErrorCode(): int
+    {
+        return $this->errorCode;
+    }
+
+    /**
+     * Returns the error message created while executing this statement.
+     */
+    public function getErrorMessage(): string
+    {
+        return $this->errorString;
+    }
+
+    /**
+     * Determines if the statement is a write-type query or not.
+     */
+    public function isWriteType(): bool
+    {
+        return $this->db->isWriteType($this->originalQueryString);
+    }
+
+    /**
+     * Swaps out one table prefix for a new one.
+     *
+     * @return $this
+     */
+    public function swapPrefix(string $orig, string $swap)
+    {
+        $sql = $this->swappedQueryString ?? $this->originalQueryString;
+
+        $from = '/(\W)' . $orig . '(\S)/';
+        $to   = '\\1' . $swap . '\\2';
+
+        $this->swappedQueryString = preg_replace($from, $to, $sql);
+
+        unset($this->finalQueryString);
+
+        return $this;
+    }
+
+    /**
+     * Returns the original SQL that was passed into the system.
+     */
+    public function getOriginalQuery(): string
+    {
+        return $this->originalQueryString;
+    }
+
+    /**
+     * Escapes and inserts any binds into the finalQueryString property.
+     *
+     * @see https://regex101.com/r/EUEhay/5
+     *
+     * @return void
+     */
+    protected function compileBinds()
+    {
+        $sql   = $this->swappedQueryString ?? $this->originalQueryString;
+        $binds = $this->binds;
+
+        if (empty($binds)) {
+            $this->finalQueryString = $sql;
+
+            return;
+        }
+
+        if (is_int(array_key_first($binds))) {
+            $bindCount = count($binds);
+            $ml        = strlen($this->bindMarker);
+
+            $this->finalQueryString = $this->matchSimpleBinds($sql, $binds, $bindCount, $ml);
+        } else {
+            // Reverse the binds so that duplicate named binds
+            // will be processed prior to the original binds.
+            $binds = array_reverse($binds);
+
+            $this->finalQueryString = $this->matchNamedBinds($sql, $binds);
+        }
+    }
+
+    /**
+     * Match bindings
+     */
+    protected function matchNamedBinds(string $sql, array $binds): string
+    {
+        $replacers = [];
+
+        foreach ($binds as $placeholder => $value) {
+            // $value[1] contains the boolean whether should be escaped or not
+            $escapedValue = $value[1] ? $this->db->escape($value[0]) : $value[0];
+
+            // In order to correctly handle backlashes in saved strings
+            // we will need to preg_quote, so remove the wrapping escape characters
+            // otherwise it will get escaped.
+            if (is_array($value[0])) {
+                $escapedValue = '(' . implode(',', $escapedValue) . ')';
+            }
+
+            $replacers[":{$placeholder}:"] = $escapedValue;
+        }
+
+        return strtr($sql, $replacers);
+    }
+
+    /**
+     * Match bindings
+     */
+    protected function matchSimpleBinds(string $sql, array $binds, int $bindCount, int $ml): string
+    {
+        if ($c = preg_match_all("/'[^']*'/", $sql, $matches) >= 1) {
+            $c = preg_match_all('/' . preg_quote($this->bindMarker, '/') . '/i', str_replace($matches[0], str_replace($this->bindMarker, str_repeat(' ', $ml), $matches[0]), $sql, $c), $matches, PREG_OFFSET_CAPTURE);
+
+            // Bind values' count must match the count of markers in the query
+            if ($bindCount !== $c) {
+                return $sql;
+            }
+        } elseif (($c = preg_match_all('/' . preg_quote($this->bindMarker, '/') . '/i', $sql, $matches, PREG_OFFSET_CAPTURE)) !== $bindCount) {
+            return $sql;
+        }
+
+        do {
+            $c--;
+            $escapedValue = $binds[$c][1] ? $this->db->escape($binds[$c][0]) : $binds[$c][0];
+
+            if (is_array($escapedValue)) {
+                $escapedValue = '(' . implode(',', $escapedValue) . ')';
+            }
+
+            $sql = substr_replace($sql, (string) $escapedValue, $matches[0][$c][1], $ml);
+        } while ($c !== 0);
+
+        return $sql;
+    }
+
+    /**
+     * Returns string to display in debug toolbar
+     */
+    public function debugToolbarDisplay(): string
+    {
+        // Key words we want bolded
+        static $highlight = [
+            'AND',
+            'AS',
+            'ASC',
+            'AVG',
+            'BY',
+            'COUNT',
+            'DESC',
+            'DISTINCT',
+            'FROM',
+            'GROUP',
+            'HAVING',
+            'IN',
+            'INNER',
+            'INSERT',
+            'INTO',
+            'IS',
+            'JOIN',
+            'LEFT',
+            'LIKE',
+            'LIMIT',
+            'MAX',
+            'MIN',
+            'NOT',
+            'NULL',
+            'OFFSET',
+            'ON',
+            'OR',
+            'ORDER',
+            'RIGHT',
+            'SELECT',
+            'SUM',
+            'UPDATE',
+            'VALUES',
+            'WHERE',
+        ];
+
+        $sql = esc($this->getQuery());
+
+        /**
+         * @see https://stackoverflow.com/a/20767160
+         * @see https://regex101.com/r/hUlrGN/4
+         */
+        $search = '/\b(?:' . implode('|', $highlight) . ')\b(?![^(&#039;)]*&#039;(?:(?:[^(&#039;)]*&#039;){2})*[^(&#039;)]*$)/';
+
+        return preg_replace_callback($search, static fn ($matches): string => '<strong>' . str_replace(' ', '&nbsp;', $matches[0]) . '</strong>', $sql);
+    }
+
+    /**
+     * Return text representation of the query
+     */
+    public function __toString(): string
+    {
+        return $this->getQuery();
+    }
+}
diff --git a/ci4app/system/Database/QueryInterface.php b/ci4app/system/Database/QueryInterface.php
new file mode 100644
index 0000000..86eb01f
--- /dev/null
+++ b/ci4app/system/Database/QueryInterface.php
@@ -0,0 +1,91 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+/**
+ * Interface QueryInterface
+ *
+ * Represents a single statement that can be executed against the database.
+ * Statements are platform-specific and can handle binding of binds.
+ */
+interface QueryInterface
+{
+    /**
+     * Sets the raw query string to use for this statement.
+     *
+     * @param mixed $binds
+     *
+     * @return $this
+     */
+    public function setQuery(string $sql, $binds = null, bool $setEscape = true);
+
+    /**
+     * Returns the final, processed query string after binding, etal
+     * has been performed.
+     *
+     * @return string
+     */
+    public function getQuery();
+
+    /**
+     * Records the execution time of the statement using microtime(true)
+     * for it's start and end values. If no end value is present, will
+     * use the current time to determine total duration.
+     *
+     * @return $this
+     */
+    public function setDuration(float $start, ?float $end = null);
+
+    /**
+     * Returns the duration of this query during execution, or null if
+     * the query has not been executed yet.
+     *
+     * @param int $decimals The accuracy of the returned time.
+     */
+    public function getDuration(int $decimals = 6): string;
+
+    /**
+     * Stores the error description that happened for this query.
+     *
+     * @return $this
+     */
+    public function setError(int $code, string $error);
+
+    /**
+     * Reports whether this statement created an error not.
+     */
+    public function hasError(): bool;
+
+    /**
+     * Returns the error code created while executing this statement.
+     */
+    public function getErrorCode(): int;
+
+    /**
+     * Returns the error message created while executing this statement.
+     */
+    public function getErrorMessage(): string;
+
+    /**
+     * Determines if the statement is a write-type query or not.
+     */
+    public function isWriteType(): bool;
+
+    /**
+     * Swaps out one table prefix for a new one.
+     *
+     * @return $this
+     */
+    public function swapPrefix(string $orig, string $swap);
+}
diff --git a/ci4app/system/Database/RawSql.php b/ci4app/system/Database/RawSql.php
new file mode 100644
index 0000000..cb16131
--- /dev/null
+++ b/ci4app/system/Database/RawSql.php
@@ -0,0 +1,56 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+use Stringable;
+
+/**
+ * @see \CodeIgniter\Database\RawSqlTest
+ */
+class RawSql implements Stringable
+{
+    /**
+     * @var string Raw SQL string
+     */
+    private string $string;
+
+    public function __construct(string $sqlString)
+    {
+        $this->string = $sqlString;
+    }
+
+    public function __toString(): string
+    {
+        return $this->string;
+    }
+
+    /**
+     * Create new instance with new SQL string
+     */
+    public function with(string $newSqlString): self
+    {
+        $new         = clone $this;
+        $new->string = $newSqlString;
+
+        return $new;
+    }
+
+    /**
+     * Returns unique id for binding key
+     */
+    public function getBindingKey(): string
+    {
+        return 'RawSql' . spl_object_id($this);
+    }
+}
diff --git a/ci4app/system/Database/ResultInterface.php b/ci4app/system/Database/ResultInterface.php
new file mode 100644
index 0000000..89febfe
--- /dev/null
+++ b/ci4app/system/Database/ResultInterface.php
@@ -0,0 +1,183 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+use stdClass;
+
+/**
+ * @template TConnection
+ * @template TResult
+ */
+interface ResultInterface
+{
+    /**
+     * Retrieve the results of the query. Typically an array of
+     * individual data rows, which can be either an 'array', an
+     * 'object', or a custom class name.
+     *
+     * @param string $type The row type. Either 'array', 'object', or a class name to use
+     */
+    public function getResult(string $type = 'object'): array;
+
+    /**
+     * Returns the results as an array of custom objects.
+     *
+     * @param string $className The name of the class to use.
+     *
+     * @return array
+     */
+    public function getCustomResultObject(string $className);
+
+    /**
+     * Returns the results as an array of arrays.
+     *
+     * If no results, an empty array is returned.
+     */
+    public function getResultArray(): array;
+
+    /**
+     * Returns the results as an array of objects.
+     *
+     * If no results, an empty array is returned.
+     */
+    public function getResultObject(): array;
+
+    /**
+     * Wrapper object to return a row as either an array, an object, or
+     * a custom class.
+     *
+     * If the row doesn't exist, returns null.
+     *
+     * @template T of object
+     *
+     * @param int|string                       $n    The index of the results to return, or column name.
+     * @param 'array'|'object'|class-string<T> $type The type of result object. 'array', 'object' or class name.
+     *
+     * @return ($n is string ? float|int|string|null : ($type is 'object' ? stdClass|null : ($type is 'array' ? array|null : T|null)))
+     */
+    public function getRow($n = 0, string $type = 'object');
+
+    /**
+     * Returns a row as a custom class instance.
+     *
+     * If the row doesn't exist, returns null.
+     *
+     * @template T of object
+     *
+     * @param int             $n         The index of the results to return.
+     * @param class-string<T> $className
+     *
+     * @return T|null
+     */
+    public function getCustomRowObject(int $n, string $className);
+
+    /**
+     * Returns a single row from the results as an array.
+     *
+     * If row doesn't exist, returns null.
+     *
+     * @return array|null
+     */
+    public function getRowArray(int $n = 0);
+
+    /**
+     * Returns a single row from the results as an object.
+     *
+     * If row doesn't exist, returns null.
+     *
+     * @return object|stdClass|null
+     */
+    public function getRowObject(int $n = 0);
+
+    /**
+     * Assigns an item into a particular column slot.
+     *
+     * @param array|string               $key
+     * @param array|object|stdClass|null $value
+     *
+     * @return void
+     */
+    public function setRow($key, $value = null);
+
+    /**
+     * Returns the "first" row of the current results.
+     *
+     * @return array|object|null
+     */
+    public function getFirstRow(string $type = 'object');
+
+    /**
+     * Returns the "last" row of the current results.
+     *
+     * @return array|object|null
+     */
+    public function getLastRow(string $type = 'object');
+
+    /**
+     * Returns the "next" row of the current results.
+     *
+     * @return array|object|null
+     */
+    public function getNextRow(string $type = 'object');
+
+    /**
+     * Returns the "previous" row of the current results.
+     *
+     * @return array|object|null
+     */
+    public function getPreviousRow(string $type = 'object');
+
+    /**
+     * Returns number of rows in the result set.
+     */
+    public function getNumRows(): int;
+
+    /**
+     * Returns an unbuffered row and move the pointer to the next row.
+     *
+     * @return array|object|null
+     */
+    public function getUnbufferedRow(string $type = 'object');
+
+    /**
+     * Gets the number of fields in the result set.
+     */
+    public function getFieldCount(): int;
+
+    /**
+     * Generates an array of column names in the result set.
+     */
+    public function getFieldNames(): array;
+
+    /**
+     * Generates an array of objects representing field meta-data.
+     */
+    public function getFieldData(): array;
+
+    /**
+     * Frees the current result.
+     *
+     * @return void
+     */
+    public function freeResult();
+
+    /**
+     * Moves the internal pointer to the desired offset. This is called
+     * internally before fetching results to make sure the result set
+     * starts at zero.
+     *
+     * @return bool
+     */
+    public function dataSeek(int $n = 0);
+}
diff --git a/ci4app/system/Database/SQLSRV/Builder.php b/ci4app/system/Database/SQLSRV/Builder.php
new file mode 100644
index 0000000..ec4d411
--- /dev/null
+++ b/ci4app/system/Database/SQLSRV/Builder.php
@@ -0,0 +1,821 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\SQLSRV;
+
+use CodeIgniter\Database\BaseBuilder;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Database\Exceptions\DataException;
+use CodeIgniter\Database\RawSql;
+use CodeIgniter\Database\ResultInterface;
+use Config\Feature;
+
+/**
+ * Builder for SQLSRV
+ *
+ * @todo auto check for TextCastToInt
+ * @todo auto check for InsertIndexValue
+ * @todo replace: delete index entries before insert
+ */
+class Builder extends BaseBuilder
+{
+    /**
+     * ORDER BY random keyword
+     *
+     * @var array
+     */
+    protected $randomKeyword = [
+        'NEWID()',
+        'RAND(%d)',
+    ];
+
+    /**
+     * Quoted identifier flag
+     *
+     * Whether to use SQL-92 standard quoted identifier
+     * (double quotes) or brackets for identifier escaping.
+     *
+     * @var bool
+     */
+    protected $_quoted_identifier = true;
+
+    /**
+     * Handle increment/decrement on text
+     *
+     * @var bool
+     */
+    public $castTextToInt = true;
+
+    /**
+     * Handle IDENTITY_INSERT property/
+     *
+     * @var bool
+     */
+    public $keyPermission = false;
+
+    /**
+     * Groups tables in FROM clauses if needed, so there is no confusion
+     * about operator precedence.
+     */
+    protected function _fromTables(): string
+    {
+        $from = [];
+
+        foreach ($this->QBFrom as $value) {
+            $from[] = str_starts_with($value, '(SELECT') ? $value : $this->getFullName($value);
+        }
+
+        return implode(', ', $from);
+    }
+
+    /**
+     * Generates a platform-specific truncate string from the supplied data
+     *
+     * If the database does not support the truncate() command,
+     * then this method maps to 'DELETE FROM table'
+     */
+    protected function _truncate(string $table): string
+    {
+        return 'TRUNCATE TABLE ' . $this->getFullName($table);
+    }
+
+    /**
+     * Generates the JOIN portion of the query
+     *
+     * @param RawSql|string $cond
+     *
+     * @return $this
+     */
+    public function join(string $table, $cond, string $type = '', ?bool $escape = null)
+    {
+        if ($type !== '') {
+            $type = strtoupper(trim($type));
+
+            if (! in_array($type, $this->joinTypes, true)) {
+                $type = '';
+            } else {
+                $type .= ' ';
+            }
+        }
+
+        // Extract any aliases that might exist. We use this information
+        // in the protectIdentifiers to know whether to add a table prefix
+        $this->trackAliases($table);
+
+        if (! is_bool($escape)) {
+            $escape = $this->db->protectIdentifiers;
+        }
+
+        if (! $this->hasOperator($cond)) {
+            $cond = ' USING (' . ($escape ? $this->db->escapeIdentifiers($cond) : $cond) . ')';
+        } elseif ($escape === false) {
+            $cond = ' ON ' . $cond;
+        } else {
+            // Split multiple conditions
+            if (preg_match_all('/\sAND\s|\sOR\s/i', $cond, $joints, PREG_OFFSET_CAPTURE) >= 1) {
+                $conditions = [];
+                $joints     = $joints[0];
+                array_unshift($joints, ['', 0]);
+
+                for ($i = count($joints) - 1, $pos = strlen($cond); $i >= 0; $i--) {
+                    $joints[$i][1] += strlen($joints[$i][0]); // offset
+                    $conditions[$i] = substr($cond, $joints[$i][1], $pos - $joints[$i][1]);
+                    $pos            = $joints[$i][1] - strlen($joints[$i][0]);
+                    $joints[$i]     = $joints[$i][0];
+                }
+
+                ksort($conditions);
+            } else {
+                $conditions = [$cond];
+                $joints     = [''];
+            }
+
+            $cond = ' ON ';
+
+            foreach ($conditions as $i => $condition) {
+                $operator = $this->getOperator($condition);
+
+                // Workaround for BETWEEN
+                if ($operator === false) {
+                    $cond .= $joints[$i] . $condition;
+
+                    continue;
+                }
+
+                $cond .= $joints[$i];
+                $cond .= preg_match('/(\(*)?([\[\]\w\.\'-]+)' . preg_quote($operator, '/') . '(.*)/i', $condition, $match) ? $match[1] . $this->db->protectIdentifiers($match[2]) . $operator . $this->db->protectIdentifiers($match[3]) : $condition;
+            }
+        }
+
+        // Do we want to escape the table name?
+        if ($escape === true) {
+            $table = $this->db->protectIdentifiers($table, true, null, false);
+        }
+
+        // Assemble the JOIN statement
+        $this->QBJoin[] = $type . 'JOIN ' . $this->getFullName($table) . $cond;
+
+        return $this;
+    }
+
+    /**
+     * Generates a platform-specific insert string from the supplied data
+     *
+     * @todo implement check for this instead static $insertKeyPermission
+     */
+    protected function _insert(string $table, array $keys, array $unescapedKeys): string
+    {
+        $fullTableName = $this->getFullName($table);
+
+        // insert statement
+        $statement = 'INSERT INTO ' . $fullTableName . ' (' . implode(',', $keys) . ') VALUES (' . implode(', ', $unescapedKeys) . ')';
+
+        return $this->keyPermission ? $this->addIdentity($fullTableName, $statement) : $statement;
+    }
+
+    /**
+     * Insert batch statement
+     *
+     * Generates a platform-specific insert string from the supplied data.
+     */
+    protected function _insertBatch(string $table, array $keys, array $values): string
+    {
+        $sql = $this->QBOptions['sql'] ?? '';
+
+        // if this is the first iteration of batch then we need to build skeleton sql
+        if ($sql === '') {
+            $sql = 'INSERT ' . $this->compileIgnore('insert') . 'INTO ' . $this->getFullName($table)
+                . ' (' . implode(', ', $keys) . ")\n{:_table_:}";
+
+            $this->QBOptions['sql'] = $sql;
+        }
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $data = $this->QBOptions['setQueryAsData'];
+        } else {
+            $data = 'VALUES ' . implode(', ', $this->formatValues($values));
+        }
+
+        return str_replace('{:_table_:}', $data, $sql);
+    }
+
+    /**
+     * Generates a platform-specific update string from the supplied data
+     */
+    protected function _update(string $table, array $values): string
+    {
+        $valstr = [];
+
+        foreach ($values as $key => $val) {
+            $valstr[] = $key . ' = ' . $val;
+        }
+
+        $fullTableName = $this->getFullName($table);
+
+        $statement = sprintf('UPDATE %s%s SET ', empty($this->QBLimit) ? '' : 'TOP(' . $this->QBLimit . ') ', $fullTableName);
+
+        $statement .= implode(', ', $valstr)
+            . $this->compileWhereHaving('QBWhere')
+            . $this->compileOrderBy();
+
+        return $this->keyPermission ? $this->addIdentity($fullTableName, $statement) : $statement;
+    }
+
+    /**
+     * Increments a numeric column by the specified value.
+     *
+     * @return bool
+     */
+    public function increment(string $column, int $value = 1)
+    {
+        $column = $this->db->protectIdentifiers($column);
+
+        if ($this->castTextToInt) {
+            $values = [$column => "CONVERT(VARCHAR(MAX),CONVERT(INT,CONVERT(VARCHAR(MAX), {$column})) + {$value})"];
+        } else {
+            $values = [$column => "{$column} + {$value}"];
+        }
+
+        $sql = $this->_update($this->QBFrom[0], $values);
+
+        if (! $this->testMode) {
+            $this->resetWrite();
+
+            return $this->db->query($sql, $this->binds, false);
+        }
+
+        return true;
+    }
+
+    /**
+     * Decrements a numeric column by the specified value.
+     *
+     * @return bool
+     */
+    public function decrement(string $column, int $value = 1)
+    {
+        $column = $this->db->protectIdentifiers($column);
+
+        if ($this->castTextToInt) {
+            $values = [$column => "CONVERT(VARCHAR(MAX),CONVERT(INT,CONVERT(VARCHAR(MAX), {$column})) - {$value})"];
+        } else {
+            $values = [$column => "{$column} + {$value}"];
+        }
+
+        $sql = $this->_update($this->QBFrom[0], $values);
+
+        if (! $this->testMode) {
+            $this->resetWrite();
+
+            return $this->db->query($sql, $this->binds, false);
+        }
+
+        return true;
+    }
+
+    /**
+     * Get full name of the table
+     */
+    private function getFullName(string $table): string
+    {
+        $alias = '';
+
+        if (str_contains($table, ' ')) {
+            $alias = explode(' ', $table);
+            $table = array_shift($alias);
+            $alias = ' ' . implode(' ', $alias);
+        }
+
+        if ($this->db->escapeChar === '"') {
+            if (str_contains($table, '.') && ! str_starts_with($table, '.') && ! str_ends_with($table, '.')) {
+                $dbInfo   = explode('.', $table);
+                $database = $this->db->getDatabase();
+                $table    = $dbInfo[0];
+
+                if (count($dbInfo) === 3) {
+                    $database  = str_replace('"', '', $dbInfo[0]);
+                    $schema    = str_replace('"', '', $dbInfo[1]);
+                    $tableName = str_replace('"', '', $dbInfo[2]);
+                } else {
+                    $schema    = str_replace('"', '', $dbInfo[0]);
+                    $tableName = str_replace('"', '', $dbInfo[1]);
+                }
+
+                return '"' . $database . '"."' . $schema . '"."' . str_replace('"', '', $tableName) . '"' . $alias;
+            }
+
+            return '"' . $this->db->getDatabase() . '"."' . $this->db->schema . '"."' . str_replace('"', '', $table) . '"' . $alias;
+        }
+
+        return '[' . $this->db->getDatabase() . '].[' . $this->db->schema . '].[' . str_replace('"', '', $table) . ']' . str_replace('"', '', $alias);
+    }
+
+    /**
+     * Add permision statements for index value inserts
+     */
+    private function addIdentity(string $fullTable, string $insert): string
+    {
+        return 'SET IDENTITY_INSERT ' . $fullTable . " ON\n" . $insert . "\nSET IDENTITY_INSERT " . $fullTable . ' OFF';
+    }
+
+    /**
+     * Local implementation of limit
+     */
+    protected function _limit(string $sql, bool $offsetIgnore = false): string
+    {
+        // SQL Server cannot handle `LIMIT 0`.
+        // DatabaseException:
+        //   [Microsoft][ODBC Driver 17 for SQL Server][SQL Server]The number of
+        //   rows provided for a FETCH clause must be greater then zero.
+        $limitZeroAsAll = config(Feature::class)->limitZeroAsAll ?? true;
+        if (! $limitZeroAsAll && $this->QBLimit === 0) {
+            return "SELECT * \nFROM " . $this->_fromTables() . ' WHERE 1=0 ';
+        }
+
+        if (empty($this->QBOrderBy)) {
+            $sql .= ' ORDER BY (SELECT NULL) ';
+        }
+
+        if ($offsetIgnore) {
+            $sql .= ' OFFSET 0 ';
+        } else {
+            $sql .= is_int($this->QBOffset) ? ' OFFSET ' . $this->QBOffset : ' OFFSET 0 ';
+        }
+
+        return $sql . ' ROWS FETCH NEXT ' . $this->QBLimit . ' ROWS ONLY ';
+    }
+
+    /**
+     * Compiles a replace into string and runs the query
+     *
+     * @return mixed
+     *
+     * @throws DatabaseException
+     */
+    public function replace(?array $set = null)
+    {
+        if ($set !== null) {
+            $this->set($set);
+        }
+
+        if ($this->QBSet === []) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('You must use the "set" method to update an entry.');
+            }
+
+            return false; // @codeCoverageIgnore
+        }
+
+        $table = $this->QBFrom[0];
+
+        $sql = $this->_replace($table, array_keys($this->QBSet), array_values($this->QBSet));
+
+        $this->resetWrite();
+
+        if ($this->testMode) {
+            return $sql;
+        }
+
+        $this->db->simpleQuery('SET IDENTITY_INSERT ' . $this->getFullName($table) . ' ON');
+
+        $result = $this->db->query($sql, $this->binds, false);
+        $this->db->simpleQuery('SET IDENTITY_INSERT ' . $this->getFullName($table) . ' OFF');
+
+        return $result;
+    }
+
+    /**
+     * Generates a platform-specific replace string from the supplied data
+     * on match delete and insert
+     */
+    protected function _replace(string $table, array $keys, array $values): string
+    {
+        // check whether the existing keys are part of the primary key.
+        // if so then use them for the "ON" part and exclude them from the $values and $keys
+        $pKeys     = $this->db->getIndexData($table);
+        $keyFields = [];
+
+        foreach ($pKeys as $key) {
+            if ($key->type === 'PRIMARY') {
+                $keyFields = array_merge($keyFields, $key->fields);
+            }
+
+            if ($key->type === 'UNIQUE') {
+                $keyFields = array_merge($keyFields, $key->fields);
+            }
+        }
+
+        // Get the unique field names
+        $escKeyFields = array_map(fn (string $field): string => $this->db->protectIdentifiers($field), array_values(array_unique($keyFields)));
+
+        // Get the binds
+        $binds = $this->binds;
+        array_walk($binds, static function (&$item): void {
+            $item = $item[0];
+        });
+
+        // Get the common field and values from the keys data and index fields
+        $common = array_intersect($keys, $escKeyFields);
+        $bingo  = [];
+
+        foreach ($common as $v) {
+            $k = array_search($v, $keys, true);
+
+            $bingo[$keys[$k]] = $binds[trim($values[$k], ':')];
+        }
+
+        // Querying existing data
+        $builder = $this->db->table($table);
+
+        foreach ($bingo as $k => $v) {
+            $builder->where($k, $v);
+        }
+
+        $q = $builder->get()->getResult();
+
+        // Delete entries if we find them
+        if ($q !== []) {
+            $delete = $this->db->table($table);
+
+            foreach ($bingo as $k => $v) {
+                $delete->where($k, $v);
+            }
+
+            $delete->delete();
+        }
+
+        return sprintf('INSERT INTO %s (%s) VALUES (%s);', $this->getFullName($table), implode(',', $keys), implode(',', $values));
+    }
+
+    /**
+     * SELECT [MAX|MIN|AVG|SUM|COUNT]()
+     *
+     * Handle float return value
+     *
+     * @return BaseBuilder
+     */
+    protected function maxMinAvgSum(string $select = '', string $alias = '', string $type = 'MAX')
+    {
+        // int functions can be handled by parent
+        if ($type !== 'AVG') {
+            return parent::maxMinAvgSum($select, $alias, $type);
+        }
+
+        if ($select === '') {
+            throw DataException::forEmptyInputGiven('Select');
+        }
+
+        if (str_contains($select, ',')) {
+            throw DataException::forInvalidArgument('Column name not separated by comma');
+        }
+
+        if ($alias === '') {
+            $alias = $this->createAliasFromTable(trim($select));
+        }
+
+        $sql = $type . '( CAST( ' . $this->db->protectIdentifiers(trim($select)) . ' AS FLOAT ) ) AS ' . $this->db->escapeIdentifiers(trim($alias));
+
+        $this->QBSelect[]   = $sql;
+        $this->QBNoEscape[] = null;
+
+        return $this;
+    }
+
+    /**
+     * "Count All" query
+     *
+     * Generates a platform-specific query string that counts all records in
+     * the particular table
+     *
+     * @param bool $reset Are we want to clear query builder values?
+     *
+     * @return int|string when $test = true
+     */
+    public function countAll(bool $reset = true)
+    {
+        $table = $this->QBFrom[0];
+
+        $sql = $this->countString . $this->db->escapeIdentifiers('numrows') . ' FROM ' . $this->getFullName($table);
+
+        if ($this->testMode) {
+            return $sql;
+        }
+
+        $query = $this->db->query($sql, null, false);
+        if (empty($query->getResult())) {
+            return 0;
+        }
+
+        $query = $query->getRow();
+
+        if ($reset) {
+            $this->resetSelect();
+        }
+
+        return (int) $query->numrows;
+    }
+
+    /**
+     * Delete statement
+     */
+    protected function _delete(string $table): string
+    {
+        return 'DELETE' . (empty($this->QBLimit) ? '' : ' TOP (' . $this->QBLimit . ') ') . ' FROM ' . $this->getFullName($table) . $this->compileWhereHaving('QBWhere');
+    }
+
+    /**
+     * Compiles a delete string and runs the query
+     *
+     * @param mixed $where
+     *
+     * @return mixed
+     *
+     * @throws DatabaseException
+     */
+    public function delete($where = '', ?int $limit = null, bool $resetData = true)
+    {
+        $table = $this->db->protectIdentifiers($this->QBFrom[0], true, null, false);
+
+        if ($where !== '') {
+            $this->where($where);
+        }
+
+        if ($this->QBWhere === []) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('Deletes are not allowed unless they contain a "where" or "like" clause.');
+            }
+
+            return false; // @codeCoverageIgnore
+        }
+
+        if ($limit !== null && $limit !== 0) {
+            $this->QBLimit = $limit;
+        }
+
+        $sql = $this->_delete($table);
+
+        if ($resetData) {
+            $this->resetWrite();
+        }
+
+        return $this->testMode ? $sql : $this->db->query($sql, $this->binds, false);
+    }
+
+    /**
+     * Compile the SELECT statement
+     *
+     * Generates a query string based on which functions were used.
+     *
+     * @param bool $selectOverride
+     */
+    protected function compileSelect($selectOverride = false): string
+    {
+        // Write the "select" portion of the query
+        if ($selectOverride !== false) {
+            $sql = $selectOverride;
+        } else {
+            $sql = (! $this->QBDistinct) ? 'SELECT ' : 'SELECT DISTINCT ';
+
+            // SQL Server can't work with select * if group by is specified
+            if (empty($this->QBSelect) && $this->QBGroupBy !== [] && is_array($this->QBGroupBy)) {
+                foreach ($this->QBGroupBy as $field) {
+                    $this->QBSelect[] = is_array($field) ? $field['field'] : $field;
+                }
+            }
+
+            if (empty($this->QBSelect)) {
+                $sql .= '*';
+            } else {
+                // Cycle through the "select" portion of the query and prep each column name.
+                // The reason we protect identifiers here rather than in the select() function
+                // is because until the user calls the from() function we don't know if there are aliases
+                foreach ($this->QBSelect as $key => $val) {
+                    $noEscape             = $this->QBNoEscape[$key] ?? null;
+                    $this->QBSelect[$key] = $this->db->protectIdentifiers($val, false, $noEscape);
+                }
+
+                $sql .= implode(', ', $this->QBSelect);
+            }
+        }
+
+        // Write the "FROM" portion of the query
+        if ($this->QBFrom !== []) {
+            $sql .= "\nFROM " . $this->_fromTables();
+        }
+
+        // Write the "JOIN" portion of the query
+        if (! empty($this->QBJoin)) {
+            $sql .= "\n" . implode("\n", $this->QBJoin);
+        }
+
+        $sql .= $this->compileWhereHaving('QBWhere')
+            . $this->compileGroupBy()
+            . $this->compileWhereHaving('QBHaving')
+            . $this->compileOrderBy(); // ORDER BY
+
+        // LIMIT
+        $limitZeroAsAll = config(Feature::class)->limitZeroAsAll ?? true;
+        if ($limitZeroAsAll) {
+            if ($this->QBLimit) {
+                $sql = $this->_limit($sql . "\n");
+            }
+        } elseif ($this->QBLimit !== false || $this->QBOffset) {
+            $sql = $this->_limit($sql . "\n");
+        }
+
+        return $this->unionInjection($sql);
+    }
+
+    /**
+     * Compiles the select statement based on the other functions called
+     * and runs the query
+     *
+     * @return ResultInterface
+     */
+    public function get(?int $limit = null, int $offset = 0, bool $reset = true)
+    {
+        $limitZeroAsAll = config(Feature::class)->limitZeroAsAll ?? true;
+        if ($limitZeroAsAll && $limit === 0) {
+            $limit = null;
+        }
+
+        if ($limit !== null) {
+            $this->limit($limit, $offset);
+        }
+
+        $result = $this->testMode ? $this->getCompiledSelect($reset) : $this->db->query($this->compileSelect(), $this->binds, false);
+
+        if ($reset) {
+            $this->resetSelect();
+
+            // Clear our binds so we don't eat up memory
+            $this->binds = [];
+        }
+
+        return $result;
+    }
+
+    /**
+     * Generates a platform-specific upsertBatch string from the supplied data
+     *
+     * @throws DatabaseException
+     */
+    protected function _upsertBatch(string $table, array $keys, array $values): string
+    {
+        $sql = $this->QBOptions['sql'] ?? '';
+
+        // if this is the first iteration of batch then we need to build skeleton sql
+        if ($sql === '') {
+            $fullTableName = $this->getFullName($table);
+
+            $constraints = $this->QBOptions['constraints'] ?? [];
+
+            $tableIdentity = $this->QBOptions['tableIdentity'] ?? '';
+            $sql           = "SELECT name from syscolumns where id = Object_ID('" . $table . "') and colstat = 1";
+            if (($query = $this->db->query($sql)) === false) {
+                throw new DatabaseException('Failed to get table identity');
+            }
+            $query = $query->getResultObject();
+
+            foreach ($query as $row) {
+                $tableIdentity = '"' . $row->name . '"';
+            }
+            $this->QBOptions['tableIdentity'] = $tableIdentity;
+
+            $identityInFields = in_array($tableIdentity, $keys, true);
+
+            $fieldNames = array_map(static fn ($columnName): string => trim($columnName, '"'), $keys);
+
+            if (empty($constraints)) {
+                $tableIndexes = $this->db->getIndexData($table);
+
+                $uniqueIndexes = array_filter($tableIndexes, static function ($index) use ($fieldNames): bool {
+                    $hasAllFields = count(array_intersect($index->fields, $fieldNames)) === count($index->fields);
+
+                    return $index->type === 'PRIMARY' && $hasAllFields;
+                });
+
+                // if no primary found then look for unique - since indexes have no order
+                if ($uniqueIndexes === []) {
+                    $uniqueIndexes = array_filter($tableIndexes, static function ($index) use ($fieldNames): bool {
+                        $hasAllFields = count(array_intersect($index->fields, $fieldNames)) === count($index->fields);
+
+                        return $index->type === 'UNIQUE' && $hasAllFields;
+                    });
+                }
+
+                // only take first index
+                foreach ($uniqueIndexes as $index) {
+                    $constraints = $index->fields;
+                    break;
+                }
+
+                $constraints = $this->onConstraint($constraints)->QBOptions['constraints'] ?? [];
+            }
+
+            if (empty($constraints)) {
+                if ($this->db->DBDebug) {
+                    throw new DatabaseException('No constraint found for upsert.');
+                }
+
+                return ''; // @codeCoverageIgnore
+            }
+
+            $alias = $this->QBOptions['alias'] ?? '"_upsert"';
+
+            $updateFields = $this->QBOptions['updateFields'] ?? $this->updateFields($keys, false, $constraints)->QBOptions['updateFields'] ?? [];
+
+            $sql = 'MERGE INTO ' . $fullTableName . "\nUSING (\n";
+
+            $sql .= '{:_table_:}';
+
+            $sql .= ") {$alias} (";
+
+            $sql .= implode(', ', $keys);
+
+            $sql .= ')';
+
+            $sql .= "\nON (";
+
+            $sql .= implode(
+                ' AND ',
+                array_map(
+                    static fn ($key, $value) => (
+                        ($value instanceof RawSql && is_string($key))
+                        ?
+                        $fullTableName . '.' . $key . ' = ' . $value
+                        :
+                        (
+                            $value instanceof RawSql
+                            ?
+                            $value
+                            :
+                            $fullTableName . '.' . $value . ' = ' . $alias . '.' . $value
+                        )
+                    ),
+                    array_keys($constraints),
+                    $constraints,
+                ),
+            ) . ")\n";
+
+            $sql .= "WHEN MATCHED THEN UPDATE SET\n";
+
+            $sql .= implode(
+                ",\n",
+                array_map(
+                    static fn ($key, $value): string => $key . ($value instanceof RawSql ?
+                        ' = ' . $value :
+                    " = {$alias}.{$value}"),
+                    array_keys($updateFields),
+                    $updateFields,
+                ),
+            );
+
+            $sql .= "\nWHEN NOT MATCHED THEN INSERT (" . implode(', ', $keys) . ")\nVALUES ";
+
+            $sql .= (
+                '(' . implode(
+                    ', ',
+                    array_map(
+                        static fn ($columnName): string => $columnName === $tableIdentity
+                    ? "CASE WHEN {$alias}.{$columnName} IS NULL THEN (SELECT "
+                    . 'isnull(IDENT_CURRENT(\'' . $fullTableName . '\')+IDENT_INCR(\''
+                    . $fullTableName . "'),1)) ELSE {$alias}.{$columnName} END"
+                    : "{$alias}.{$columnName}",
+                        $keys,
+                    ),
+                ) . ');'
+            );
+
+            $sql = $identityInFields ? $this->addIdentity($fullTableName, $sql) : $sql;
+
+            $this->QBOptions['sql'] = $sql;
+        }
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $data = $this->QBOptions['setQueryAsData'];
+        } else {
+            $data = 'VALUES ' . implode(', ', $this->formatValues($values)) . "\n";
+        }
+
+        return str_replace('{:_table_:}', $data, $sql);
+    }
+
+    /**
+     * Gets column names from a select query
+     */
+    protected function fieldsFromQuery(string $sql): array
+    {
+        return $this->db->query('SELECT TOP 1 * FROM (' . $sql . ') _u_')->getFieldNames();
+    }
+}
diff --git a/ci4app/system/Database/SQLSRV/Connection.php b/ci4app/system/Database/SQLSRV/Connection.php
new file mode 100644
index 0000000..7ef4f31
--- /dev/null
+++ b/ci4app/system/Database/SQLSRV/Connection.php
@@ -0,0 +1,590 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\SQLSRV;
+
+use CodeIgniter\Database\BaseConnection;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Database\TableName;
+use stdClass;
+
+/**
+ * Connection for SQLSRV
+ *
+ * @extends BaseConnection<resource, resource>
+ */
+class Connection extends BaseConnection
+{
+    /**
+     * Database driver
+     *
+     * @var string
+     */
+    public $DBDriver = 'SQLSRV';
+
+    /**
+     * Database name
+     *
+     * @var string
+     */
+    public $database;
+
+    /**
+     * Scrollable flag
+     *
+     * Determines what cursor type to use when executing queries.
+     *
+     * FALSE or SQLSRV_CURSOR_FORWARD would increase performance,
+     * but would disable num_rows() (and possibly insert_id())
+     *
+     * @var false|string
+     */
+    public $scrollable;
+
+    /**
+     * Identifier escape character
+     *
+     * @var string
+     */
+    public $escapeChar = '"';
+
+    /**
+     * Database schema
+     *
+     * @var string
+     */
+    public $schema = 'dbo';
+
+    /**
+     * Quoted identifier flag
+     *
+     * Whether to use SQL-92 standard quoted identifier
+     * (double quotes) or brackets for identifier escaping.
+     *
+     * @var bool
+     */
+    protected $_quoted_identifier = true;
+
+    /**
+     * List of reserved identifiers
+     *
+     * Identifiers that must NOT be escaped.
+     *
+     * @var list<string>
+     */
+    protected $_reserved_identifiers = ['*'];
+
+    /**
+     * Class constructor
+     */
+    public function __construct(array $params)
+    {
+        parent::__construct($params);
+
+        // This is only supported as of SQLSRV 3.0
+        if ($this->scrollable === null) {
+            $this->scrollable = defined('SQLSRV_CURSOR_CLIENT_BUFFERED') ? SQLSRV_CURSOR_CLIENT_BUFFERED : false;
+        }
+    }
+
+    /**
+     * Connect to the database.
+     *
+     * @return false|resource
+     *
+     * @throws DatabaseException
+     */
+    public function connect(bool $persistent = false)
+    {
+        $charset = in_array(strtolower($this->charset), ['utf-8', 'utf8'], true) ? 'UTF-8' : SQLSRV_ENC_CHAR;
+
+        $connection = [
+            'UID'                  => empty($this->username) ? '' : $this->username,
+            'PWD'                  => empty($this->password) ? '' : $this->password,
+            'Database'             => $this->database,
+            'ConnectionPooling'    => $persistent ? 1 : 0,
+            'CharacterSet'         => $charset,
+            'Encrypt'              => $this->encrypt === true ? 1 : 0,
+            'ReturnDatesAsStrings' => 1,
+        ];
+
+        // If the username and password are both empty, assume this is a
+        // 'Windows Authentication Mode' connection.
+        if (empty($connection['UID']) && empty($connection['PWD'])) {
+            unset($connection['UID'], $connection['PWD']);
+        }
+
+        if (! str_contains($this->hostname, ',') && $this->port !== '') {
+            $this->hostname .= ', ' . $this->port;
+        }
+
+        sqlsrv_configure('WarningsReturnAsErrors', 0);
+        $this->connID = sqlsrv_connect($this->hostname, $connection);
+
+        if ($this->connID !== false) {
+            // Determine how identifiers are escaped
+            $query = $this->query('SELECT CASE WHEN (@@OPTIONS | 256) = @@OPTIONS THEN 1 ELSE 0 END AS qi');
+            $query = $query->getResultObject();
+
+            $this->_quoted_identifier = empty($query) ? false : (bool) $query[0]->qi;
+            $this->escapeChar         = ($this->_quoted_identifier) ? '"' : ['[', ']'];
+
+            return $this->connID;
+        }
+
+        throw new DatabaseException($this->getAllErrorMessages());
+    }
+
+    /**
+     * For exception message
+     *
+     * @internal
+     */
+    public function getAllErrorMessages(): string
+    {
+        $errors = [];
+
+        foreach (sqlsrv_errors() as $error) {
+            $errors[] = $error['message']
+                . ' SQLSTATE: ' . $error['SQLSTATE'] . ', code: ' . $error['code'];
+        }
+
+        return implode("\n", $errors);
+    }
+
+    /**
+     * Keep or establish the connection if no queries have been sent for
+     * a length of time exceeding the server's idle timeout.
+     *
+     * @return void
+     */
+    public function reconnect()
+    {
+        $this->close();
+        $this->initialize();
+    }
+
+    /**
+     * Close the database connection.
+     *
+     * @return void
+     */
+    protected function _close()
+    {
+        sqlsrv_close($this->connID);
+    }
+
+    /**
+     * Platform-dependant string escape
+     */
+    protected function _escapeString(string $str): string
+    {
+        return str_replace("'", "''", remove_invisible_characters($str, false));
+    }
+
+    /**
+     * Insert ID
+     */
+    public function insertID(): int
+    {
+        return (int) ($this->query('SELECT SCOPE_IDENTITY() AS insert_id')->getRow()->insert_id ?? 0);
+    }
+
+    /**
+     * Generates the SQL for listing tables in a platform-dependent manner.
+     *
+     * @param string|null $tableName If $tableName is provided will return only this table if exists.
+     */
+    protected function _listTables(bool $prefixLimit = false, ?string $tableName = null): string
+    {
+        $sql = 'SELECT [TABLE_NAME] AS "name"'
+            . ' FROM [INFORMATION_SCHEMA].[TABLES] '
+            . ' WHERE '
+            . " [TABLE_SCHEMA] = '" . $this->schema . "'    ";
+
+        if ($tableName !== null) {
+            return $sql .= ' AND [TABLE_NAME] LIKE ' . $this->escape($tableName);
+        }
+
+        if ($prefixLimit && $this->DBPrefix !== '') {
+            $sql .= " AND [TABLE_NAME] LIKE '" . $this->escapeLikeString($this->DBPrefix) . "%' "
+                . sprintf($this->likeEscapeStr, $this->likeEscapeChar);
+        }
+
+        return $sql;
+    }
+
+    /**
+     * Generates a platform-specific query string so that the column names can be fetched.
+     *
+     * @param string|TableName $table
+     */
+    protected function _listColumns($table = ''): string
+    {
+        if ($table instanceof TableName) {
+            $tableName = $this->escape(strtolower($table->getActualTableName()));
+        } else {
+            $tableName = $this->escape($this->DBPrefix . strtolower($table));
+        }
+
+        return 'SELECT [COLUMN_NAME] '
+            . ' FROM [INFORMATION_SCHEMA].[COLUMNS]'
+            . ' WHERE  [TABLE_NAME] = ' . $tableName
+            . ' AND [TABLE_SCHEMA] = ' . $this->escape($this->schema);
+    }
+
+    /**
+     * Returns an array of objects with index data
+     *
+     * @return array<string, stdClass>
+     *
+     * @throws DatabaseException
+     */
+    protected function _indexData(string $table): array
+    {
+        $sql = 'EXEC sp_helpindex ' . $this->escape($this->schema . '.' . $table);
+
+        if (($query = $this->query($sql)) === false) {
+            throw new DatabaseException(lang('Database.failGetIndexData'));
+        }
+        $query = $query->getResultObject();
+
+        $retVal = [];
+
+        foreach ($query as $row) {
+            $obj       = new stdClass();
+            $obj->name = $row->index_name;
+
+            $_fields     = explode(',', trim($row->index_keys));
+            $obj->fields = array_map(static fn ($v): string => trim($v), $_fields);
+
+            if (str_contains($row->index_description, 'primary key located on')) {
+                $obj->type = 'PRIMARY';
+            } else {
+                $obj->type = (str_contains($row->index_description, 'nonclustered, unique')) ? 'UNIQUE' : 'INDEX';
+            }
+
+            $retVal[$obj->name] = $obj;
+        }
+
+        return $retVal;
+    }
+
+    /**
+     * Returns an array of objects with Foreign key data
+     * referenced_object_id  parent_object_id
+     *
+     * @return array<string, stdClass>
+     *
+     * @throws DatabaseException
+     */
+    protected function _foreignKeyData(string $table): array
+    {
+        $sql = 'SELECT
+                f.name as constraint_name,
+                OBJECT_NAME (f.parent_object_id) as table_name,
+                COL_NAME(fc.parent_object_id,fc.parent_column_id) column_name,
+                OBJECT_NAME(f.referenced_object_id) foreign_table_name,
+                COL_NAME(fc.referenced_object_id,fc.referenced_column_id) foreign_column_name,
+                rc.delete_rule,
+                rc.update_rule,
+                rc.match_option
+                FROM
+                sys.foreign_keys AS f
+                INNER JOIN sys.foreign_key_columns AS fc ON f.OBJECT_ID = fc.constraint_object_id
+                INNER JOIN sys.tables t ON t.OBJECT_ID = fc.referenced_object_id
+                INNER JOIN INFORMATION_SCHEMA.REFERENTIAL_CONSTRAINTS rc ON rc.CONSTRAINT_NAME = f.name
+                WHERE OBJECT_NAME (f.parent_object_id) = ' . $this->escape($table);
+
+        if (($query = $this->query($sql)) === false) {
+            throw new DatabaseException(lang('Database.failGetForeignKeyData'));
+        }
+
+        $query   = $query->getResultObject();
+        $indexes = [];
+
+        foreach ($query as $row) {
+            $indexes[$row->constraint_name]['constraint_name']       = $row->constraint_name;
+            $indexes[$row->constraint_name]['table_name']            = $row->table_name;
+            $indexes[$row->constraint_name]['column_name'][]         = $row->column_name;
+            $indexes[$row->constraint_name]['foreign_table_name']    = $row->foreign_table_name;
+            $indexes[$row->constraint_name]['foreign_column_name'][] = $row->foreign_column_name;
+            $indexes[$row->constraint_name]['on_delete']             = $row->delete_rule;
+            $indexes[$row->constraint_name]['on_update']             = $row->update_rule;
+            $indexes[$row->constraint_name]['match']                 = $row->match_option;
+        }
+
+        return $this->foreignKeyDataToObjects($indexes);
+    }
+
+    /**
+     * Disables foreign key checks temporarily.
+     *
+     * @return string
+     */
+    protected function _disableForeignKeyChecks()
+    {
+        return 'EXEC sp_MSforeachtable "ALTER TABLE ? NOCHECK CONSTRAINT ALL"';
+    }
+
+    /**
+     * Enables foreign key checks temporarily.
+     *
+     * @return string
+     */
+    protected function _enableForeignKeyChecks()
+    {
+        return 'EXEC sp_MSforeachtable "ALTER TABLE ? WITH CHECK CHECK CONSTRAINT ALL"';
+    }
+
+    /**
+     * Returns an array of objects with field data
+     *
+     * @return list<stdClass>
+     *
+     * @throws DatabaseException
+     */
+    protected function _fieldData(string $table): array
+    {
+        $sql = 'SELECT
+                COLUMN_NAME, DATA_TYPE, CHARACTER_MAXIMUM_LENGTH, NUMERIC_PRECISION,
+                COLUMN_DEFAULT, IS_NULLABLE
+            FROM INFORMATION_SCHEMA.COLUMNS
+            WHERE TABLE_NAME= ' . $this->escape(($table));
+
+        if (($query = $this->query($sql)) === false) {
+            throw new DatabaseException(lang('Database.failGetFieldData'));
+        }
+
+        $query  = $query->getResultObject();
+        $retVal = [];
+
+        for ($i = 0, $c = count($query); $i < $c; $i++) {
+            $retVal[$i] = new stdClass();
+
+            $retVal[$i]->name = $query[$i]->COLUMN_NAME;
+            $retVal[$i]->type = $query[$i]->DATA_TYPE;
+
+            $retVal[$i]->max_length = $query[$i]->CHARACTER_MAXIMUM_LENGTH > 0
+                ? $query[$i]->CHARACTER_MAXIMUM_LENGTH
+                : (
+                    $query[$i]->CHARACTER_MAXIMUM_LENGTH === -1
+                    ? 'max'
+                    : $query[$i]->NUMERIC_PRECISION
+                );
+
+            $retVal[$i]->nullable = $query[$i]->IS_NULLABLE !== 'NO';
+            $retVal[$i]->default  = $query[$i]->COLUMN_DEFAULT;
+        }
+
+        return $retVal;
+    }
+
+    /**
+     * Begin Transaction
+     */
+    protected function _transBegin(): bool
+    {
+        return sqlsrv_begin_transaction($this->connID);
+    }
+
+    /**
+     * Commit Transaction
+     */
+    protected function _transCommit(): bool
+    {
+        return sqlsrv_commit($this->connID);
+    }
+
+    /**
+     * Rollback Transaction
+     */
+    protected function _transRollback(): bool
+    {
+        return sqlsrv_rollback($this->connID);
+    }
+
+    /**
+     * Returns the last error code and message.
+     * Must return this format: ['code' => string|int, 'message' => string]
+     * intval(code) === 0 means "no error".
+     *
+     * @return array<string, int|string>
+     */
+    public function error(): array
+    {
+        $error = [
+            'code'    => '00000',
+            'message' => '',
+        ];
+
+        $sqlsrvErrors = sqlsrv_errors(SQLSRV_ERR_ERRORS);
+
+        if (! is_array($sqlsrvErrors)) {
+            return $error;
+        }
+
+        $sqlsrvError = array_shift($sqlsrvErrors);
+        if (isset($sqlsrvError['SQLSTATE'])) {
+            $error['code'] = isset($sqlsrvError['code']) ? $sqlsrvError['SQLSTATE'] . '/' . $sqlsrvError['code'] : $sqlsrvError['SQLSTATE'];
+        } elseif (isset($sqlsrvError['code'])) {
+            $error['code'] = $sqlsrvError['code'];
+        }
+
+        if (isset($sqlsrvError['message'])) {
+            $error['message'] = $sqlsrvError['message'];
+        }
+
+        return $error;
+    }
+
+    /**
+     * Returns the total number of rows affected by this query.
+     */
+    public function affectedRows(): int
+    {
+        if ($this->resultID === false) {
+            return 0;
+        }
+
+        return sqlsrv_rows_affected($this->resultID);
+    }
+
+    /**
+     * Select a specific database table to use.
+     *
+     * @return bool
+     */
+    public function setDatabase(?string $databaseName = null)
+    {
+        if ($databaseName === null || $databaseName === '') {
+            $databaseName = $this->database;
+        }
+
+        if (empty($this->connID)) {
+            $this->initialize();
+        }
+
+        if ($this->execute('USE ' . $this->_escapeString($databaseName))) {
+            $this->database  = $databaseName;
+            $this->dataCache = [];
+
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Executes the query against the database.
+     *
+     * @return false|resource
+     */
+    protected function execute(string $sql)
+    {
+        $stmt = ($this->scrollable === false || $this->isWriteType($sql)) ?
+            sqlsrv_query($this->connID, $sql) :
+            sqlsrv_query($this->connID, $sql, [], ['Scrollable' => $this->scrollable]);
+
+        if ($stmt === false) {
+            $error = $this->error();
+
+            log_message('error', $error['message']);
+
+            if ($this->DBDebug) {
+                throw new DatabaseException($error['message']);
+            }
+        }
+
+        return $stmt;
+    }
+
+    /**
+     * Returns the last error encountered by this connection.
+     *
+     * @return array<string, int|string>
+     *
+     * @deprecated Use `error()` instead.
+     */
+    public function getError()
+    {
+        $error = [
+            'code'    => '00000',
+            'message' => '',
+        ];
+
+        $sqlsrvErrors = sqlsrv_errors(SQLSRV_ERR_ERRORS);
+
+        if (! is_array($sqlsrvErrors)) {
+            return $error;
+        }
+
+        $sqlsrvError = array_shift($sqlsrvErrors);
+        if (isset($sqlsrvError['SQLSTATE'])) {
+            $error['code'] = isset($sqlsrvError['code']) ? $sqlsrvError['SQLSTATE'] . '/' . $sqlsrvError['code'] : $sqlsrvError['SQLSTATE'];
+        } elseif (isset($sqlsrvError['code'])) {
+            $error['code'] = $sqlsrvError['code'];
+        }
+
+        if (isset($sqlsrvError['message'])) {
+            $error['message'] = $sqlsrvError['message'];
+        }
+
+        return $error;
+    }
+
+    /**
+     * The name of the platform in use (MySQLi, mssql, etc)
+     */
+    public function getPlatform(): string
+    {
+        return $this->DBDriver;
+    }
+
+    /**
+     * Returns a string containing the version of the database being used.
+     */
+    public function getVersion(): string
+    {
+        $info = [];
+        if (isset($this->dataCache['version'])) {
+            return $this->dataCache['version'];
+        }
+
+        if (! $this->connID) {
+            $this->initialize();
+        }
+
+        if (($info = sqlsrv_server_info($this->connID)) === []) {
+            return '';
+        }
+
+        return isset($info['SQLServerVersion']) ? $this->dataCache['version'] = $info['SQLServerVersion'] : '';
+    }
+
+    /**
+     * Determines if a query is a "write" type.
+     *
+     * Overrides BaseConnection::isWriteType, adding additional read query types.
+     *
+     * @param string $sql
+     */
+    public function isWriteType($sql): bool
+    {
+        if (preg_match('/^\s*"?(EXEC\s*sp_rename)\s/i', $sql)) {
+            return true;
+        }
+
+        return parent::isWriteType($sql);
+    }
+}
diff --git a/ci4app/system/Database/SQLSRV/Forge.php b/ci4app/system/Database/SQLSRV/Forge.php
new file mode 100644
index 0000000..f35d8e7
--- /dev/null
+++ b/ci4app/system/Database/SQLSRV/Forge.php
@@ -0,0 +1,452 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\SQLSRV;
+
+use CodeIgniter\Database\BaseConnection;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Database\Forge as BaseForge;
+use Throwable;
+
+/**
+ * Forge for SQLSRV
+ */
+class Forge extends BaseForge
+{
+    /**
+     * DROP CONSTRAINT statement
+     *
+     * @var string
+     */
+    protected $dropConstraintStr;
+
+    /**
+     * DROP INDEX statement
+     *
+     * @var string
+     */
+    protected $dropIndexStr;
+
+    /**
+     * CREATE DATABASE IF statement
+     *
+     * @todo missing charset, collat & check for existent
+     *
+     * @var string
+     */
+    protected $createDatabaseIfStr = "DECLARE @DBName VARCHAR(255) = '%s'\nDECLARE @SQL VARCHAR(max) = 'IF DB_ID( ''' + @DBName + ''' ) IS NULL CREATE DATABASE %s'\nEXEC( @SQL )";
+
+    /**
+     * CREATE DATABASE IF statement
+     *
+     * @todo missing charset & collat
+     *
+     * @var string
+     */
+    protected $createDatabaseStr = 'CREATE DATABASE %s ';
+
+    /**
+     * CHECK DATABASE EXIST statement
+     *
+     * @var string
+     */
+    protected $checkDatabaseExistStr = 'IF DB_ID( %s ) IS NOT NULL SELECT 1';
+
+    /**
+     * RENAME TABLE statement
+     *
+     * While the below statement would work, it returns an error.
+     * Also MS recommends dropping and dropping and re-creating the table.
+     *
+     * @see https://docs.microsoft.com/en-us/sql/relational-databases/system-stored-procedures/sp-rename-transact-sql?view=sql-server-2017
+     * 'EXEC sp_rename %s , %s ;'
+     *
+     * @var string
+     */
+    protected $renameTableStr;
+
+    /**
+     * UNSIGNED support
+     *
+     * @var array
+     */
+    protected $unsigned = [
+        'TINYINT'  => 'SMALLINT',
+        'SMALLINT' => 'INT',
+        'INT'      => 'BIGINT',
+        'REAL'     => 'FLOAT',
+    ];
+
+    /**
+     * Foreign Key Allowed Actions
+     *
+     * @var array
+     */
+    protected $fkAllowActions = ['CASCADE', 'SET NULL', 'NO ACTION', 'RESTRICT', 'SET DEFAULT'];
+
+    /**
+     * CREATE TABLE IF statement
+     *
+     * @var string
+     *
+     * @deprecated This is no longer used.
+     */
+    protected $createTableIfStr;
+
+    /**
+     * CREATE TABLE statement
+     *
+     * @var string
+     */
+    protected $createTableStr;
+
+    public function __construct(BaseConnection $db)
+    {
+        parent::__construct($db);
+
+        $this->createTableStr = '%s ' . $this->db->escapeIdentifiers($this->db->schema) . ".%s (%s\n) ";
+        $this->renameTableStr = 'EXEC sp_rename [' . $this->db->escapeIdentifiers($this->db->schema) . '.%s] , %s ;';
+
+        $this->dropConstraintStr = 'ALTER TABLE ' . $this->db->escapeIdentifiers($this->db->schema) . '.%s DROP CONSTRAINT %s';
+        $this->dropIndexStr      = 'DROP INDEX %s ON ' . $this->db->escapeIdentifiers($this->db->schema) . '.%s';
+    }
+
+    /**
+     * Create database
+     *
+     * @param bool $ifNotExists Whether to add IF NOT EXISTS condition
+     *
+     * @throws DatabaseException
+     */
+    public function createDatabase(string $dbName, bool $ifNotExists = false): bool
+    {
+        if ($ifNotExists) {
+            $sql = sprintf(
+                $this->createDatabaseIfStr,
+                $dbName,
+                $this->db->escapeIdentifier($dbName),
+            );
+        } else {
+            $sql = sprintf(
+                $this->createDatabaseStr,
+                $this->db->escapeIdentifier($dbName),
+            );
+        }
+
+        try {
+            if (! $this->db->query($sql)) {
+                // @codeCoverageIgnoreStart
+                if ($this->db->DBDebug) {
+                    throw new DatabaseException('Unable to create the specified database.');
+                }
+
+                return false;
+                // @codeCoverageIgnoreEnd
+            }
+
+            if (isset($this->db->dataCache['db_names'])) {
+                $this->db->dataCache['db_names'][] = $dbName;
+            }
+
+            return true;
+        } catch (Throwable $e) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('Unable to create the specified database.', 0, $e);
+            }
+
+            return false; // @codeCoverageIgnore
+        }
+    }
+
+    /**
+     * CREATE TABLE attributes
+     */
+    protected function _createTableAttributes(array $attributes): string
+    {
+        return '';
+    }
+
+    /**
+     * @param array|string $processedFields Processed column definitions
+     *                                      or column names to DROP
+     *
+     * @return ($alterType is 'DROP' ? string : false|list<string>)
+     */
+    protected function _alterTable(string $alterType, string $table, $processedFields)
+    {
+        // Handle DROP here
+        if ($alterType === 'DROP') {
+            $columnNamesToDrop = $processedFields;
+
+            // check if fields are part of any indexes
+            $indexData = $this->db->getIndexData($table);
+
+            foreach ($indexData as $index) {
+                if (is_string($columnNamesToDrop)) {
+                    $columnNamesToDrop = explode(',', $columnNamesToDrop);
+                }
+
+                $fld = array_intersect($columnNamesToDrop, $index->fields);
+
+                // Drop index if field is part of an index
+                if ($fld !== []) {
+                    $this->_dropIndex($table, $index);
+                }
+            }
+
+            $fullTable = $this->db->escapeIdentifiers($this->db->schema) . '.' . $this->db->escapeIdentifiers($table);
+
+            // Drop default constraints
+            $fields = implode(',', $this->db->escape((array) $columnNamesToDrop));
+
+            $sql = <<<SQL
+                SELECT name
+                FROM sys.default_constraints
+                WHERE parent_object_id = OBJECT_ID('{$fullTable}')
+                AND parent_column_id IN (
+                SELECT column_id FROM sys.columns WHERE name IN ({$fields}) AND object_id = OBJECT_ID(N'{$fullTable}')
+                )
+                SQL;
+
+            foreach ($this->db->query($sql)->getResultArray() as $index) {
+                $this->db->query('ALTER TABLE ' . $fullTable . ' DROP CONSTRAINT ' . $index['name'] . '');
+            }
+
+            $sql = 'ALTER TABLE ' . $fullTable . ' DROP ';
+
+            $fields = array_map(static fn ($item): string => 'COLUMN [' . trim($item) . ']', (array) $columnNamesToDrop);
+
+            return $sql . implode(',', $fields);
+        }
+
+        $sql = 'ALTER TABLE ' . $this->db->escapeIdentifiers($this->db->schema) . '.' . $this->db->escapeIdentifiers($table);
+        $sql .= ($alterType === 'ADD') ? 'ADD ' : ' ';
+
+        $sqls = [];
+
+        if ($alterType === 'ADD') {
+            foreach ($processedFields as $field) {
+                $sqls[] = $sql . ($field['_literal'] !== false ? $field['_literal'] : $this->_processColumn($field));
+            }
+
+            return $sqls;
+        }
+
+        foreach ($processedFields as $field) {
+            if ($field['_literal'] !== false) {
+                return false;
+            }
+
+            if (isset($field['type'])) {
+                $sqls[] = $sql . ' ALTER COLUMN ' . $this->db->escapeIdentifiers($field['name'])
+                    . " {$field['type']}{$field['length']}";
+            }
+
+            if (! empty($field['default'])) {
+                $sqls[] = $sql . ' ALTER COLUMN ADD CONSTRAINT ' . $this->db->escapeIdentifiers($field['name']) . '_def'
+                    . " DEFAULT {$field['default']} FOR " . $this->db->escapeIdentifiers($field['name']);
+            }
+
+            $nullable = true; // Nullable by default.
+            if (isset($field['null']) && ($field['null'] === false || $field['null'] === ' NOT ' . $this->null)) {
+                $nullable = false;
+            }
+            $sqls[] = $sql . ' ALTER COLUMN ' . $this->db->escapeIdentifiers($field['name'])
+                . " {$field['type']}{$field['length']} " . ($nullable ? '' : 'NOT') . ' NULL';
+
+            if (! empty($field['comment'])) {
+                $sqls[] = 'EXEC sys.sp_addextendedproperty '
+                    . "@name=N'Caption', @value=N'" . $field['comment'] . "' , "
+                    . "@level0type=N'SCHEMA',@level0name=N'" . $this->db->schema . "', "
+                    . "@level1type=N'TABLE',@level1name=N'" . $this->db->escapeIdentifiers($table) . "', "
+                    . "@level2type=N'COLUMN',@level2name=N'" . $this->db->escapeIdentifiers($field['name']) . "'";
+            }
+
+            if (! empty($field['new_name'])) {
+                $sqls[] = "EXEC sp_rename  '[" . $this->db->schema . '].[' . $table . '].[' . $field['name'] . "]' , '" . $field['new_name'] . "', 'COLUMN';";
+            }
+        }
+
+        return $sqls;
+    }
+
+    /**
+     * Drop index for table
+     *
+     * @return mixed
+     */
+    protected function _dropIndex(string $table, object $indexData)
+    {
+        if ($indexData->type === 'PRIMARY') {
+            $sql = 'ALTER TABLE [' . $this->db->schema . '].[' . $table . '] DROP [' . $indexData->name . ']';
+        } else {
+            $sql = 'DROP INDEX [' . $indexData->name . '] ON [' . $this->db->schema . '].[' . $table . ']';
+        }
+
+        return $this->db->simpleQuery($sql);
+    }
+
+    /**
+     * Generates SQL to add indexes
+     *
+     * @param bool $asQuery When true returns stand alone SQL, else partial SQL used with CREATE TABLE
+     */
+    protected function _processIndexes(string $table, bool $asQuery = false): array
+    {
+        $sqls = [];
+
+        for ($i = 0, $c = count($this->keys); $i < $c; $i++) {
+            for ($i2 = 0, $c2 = count($this->keys[$i]['fields']); $i2 < $c2; $i2++) {
+                if (! isset($this->fields[$this->keys[$i]['fields'][$i2]])) {
+                    unset($this->keys[$i]['fields'][$i2]);
+                }
+            }
+
+            if (count($this->keys[$i]['fields']) <= 0) {
+                continue;
+            }
+
+            $keyName = $this->db->escapeIdentifiers(($this->keys[$i]['keyName'] === '') ?
+                $table . '_' . implode('_', $this->keys[$i]['fields']) :
+                $this->keys[$i]['keyName']);
+
+            if (in_array($i, $this->uniqueKeys, true)) {
+                $sqls[] = 'ALTER TABLE '
+                    . $this->db->escapeIdentifiers($this->db->schema) . '.' . $this->db->escapeIdentifiers($table)
+                    . ' ADD CONSTRAINT ' . $keyName
+                    . ' UNIQUE (' . implode(', ', $this->db->escapeIdentifiers($this->keys[$i]['fields'])) . ');';
+
+                continue;
+            }
+
+            $sqls[] = 'CREATE INDEX '
+                . $keyName
+                . ' ON ' . $this->db->escapeIdentifiers($this->db->schema) . '.' . $this->db->escapeIdentifiers($table)
+                . ' (' . implode(', ', $this->db->escapeIdentifiers($this->keys[$i]['fields'])) . ');';
+        }
+
+        return $sqls;
+    }
+
+    /**
+     * Process column
+     */
+    protected function _processColumn(array $processedField): string
+    {
+        return $this->db->escapeIdentifiers($processedField['name'])
+            . (empty($processedField['new_name']) ? '' : ' ' . $this->db->escapeIdentifiers($processedField['new_name']))
+            . ' ' . $processedField['type'] . ($processedField['type'] === 'text' ? '' : $processedField['length'])
+            . $processedField['default']
+            . $processedField['null']
+            . $processedField['auto_increment']
+            . ''
+            . $processedField['unique'];
+    }
+
+    /**
+     * Performs a data type mapping between different databases.
+     */
+    protected function _attributeType(array &$attributes)
+    {
+        // Reset field lengths for data types that don't support it
+        if (isset($attributes['CONSTRAINT']) && str_contains(strtolower($attributes['TYPE']), 'int')) {
+            $attributes['CONSTRAINT'] = null;
+        }
+
+        switch (strtoupper($attributes['TYPE'])) {
+            case 'MEDIUMINT':
+                $attributes['TYPE']     = 'INTEGER';
+                $attributes['UNSIGNED'] = false;
+                break;
+
+            case 'INTEGER':
+                $attributes['TYPE'] = 'INT';
+                break;
+
+            case 'ENUM':
+                // in char(n) and varchar(n), the n defines the string length in
+                // bytes (0 to 8,000).
+                // https://learn.microsoft.com/en-us/sql/t-sql/data-types/char-and-varchar-transact-sql?view=sql-server-ver16#remarks
+                $maxLength = max(
+                    array_map(
+                        static fn ($value): int => strlen($value),
+                        $attributes['CONSTRAINT'],
+                    ),
+                );
+
+                $attributes['TYPE']       = 'VARCHAR';
+                $attributes['CONSTRAINT'] = $maxLength;
+                break;
+
+            case 'TIMESTAMP':
+                $attributes['TYPE'] = 'DATETIME';
+                break;
+
+            case 'BOOLEAN':
+                $attributes['TYPE'] = 'BIT';
+                break;
+
+            case 'BLOB':
+                $attributes['TYPE'] = 'VARBINARY';
+                $attributes['CONSTRAINT'] ??= 'MAX';
+                break;
+
+            default:
+                break;
+        }
+    }
+
+    /**
+     * Field attribute AUTO_INCREMENT
+     */
+    protected function _attributeAutoIncrement(array &$attributes, array &$field)
+    {
+        if (! empty($attributes['AUTO_INCREMENT']) && $attributes['AUTO_INCREMENT'] === true && str_contains(strtolower($field['type']), strtolower('INT'))) {
+            $field['auto_increment'] = ' IDENTITY(1,1)';
+        }
+    }
+
+    /**
+     * Generates a platform-specific DROP TABLE string
+     *
+     * @todo Support for cascade
+     */
+    protected function _dropTable(string $table, bool $ifExists, bool $cascade): string
+    {
+        $sql = 'DROP TABLE';
+
+        if ($ifExists) {
+            $sql .= ' IF EXISTS ';
+        }
+
+        $table = ' [' . $this->db->database . '].[' . $this->db->schema . '].[' . $table . '] ';
+
+        $sql .= $table;
+
+        if ($cascade) {
+            $sql .= '';
+        }
+
+        return $sql;
+    }
+
+    /**
+     * Constructs sql to check if key is a constraint.
+     */
+    protected function _dropKeyAsConstraint(string $table, string $constraintName): string
+    {
+        return "SELECT CONSTRAINT_NAME FROM INFORMATION_SCHEMA.TABLE_CONSTRAINTS
+                WHERE TABLE_NAME= '" . trim($table, '"') . "'
+                AND CONSTRAINT_NAME = '" . trim($constraintName, '"') . "'";
+    }
+}
diff --git a/ci4app/system/Database/SQLSRV/PreparedQuery.php b/ci4app/system/Database/SQLSRV/PreparedQuery.php
new file mode 100644
index 0000000..19d2d5a
--- /dev/null
+++ b/ci4app/system/Database/SQLSRV/PreparedQuery.php
@@ -0,0 +1,143 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\SQLSRV;
+
+use CodeIgniter\Database\BasePreparedQuery;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Exceptions\BadMethodCallException;
+
+/**
+ * Prepared query for Postgre
+ *
+ * @extends BasePreparedQuery<resource, resource, resource>
+ */
+class PreparedQuery extends BasePreparedQuery
+{
+    /**
+     * Parameters array used to store the dynamic variables.
+     *
+     * @var array
+     */
+    protected $parameters = [];
+
+    /**
+     * A reference to the db connection to use.
+     *
+     * @var Connection
+     */
+    protected $db;
+
+    public function __construct(Connection $db)
+    {
+        parent::__construct($db);
+    }
+
+    /**
+     * Prepares the query against the database, and saves the connection
+     * info necessary to execute the query later.
+     *
+     * NOTE: This version is based on SQL code. Child classes should
+     * override this method.
+     *
+     * @param array $options Options takes an associative array;
+     *
+     * @throws DatabaseException
+     */
+    public function _prepare(string $sql, array $options = []): PreparedQuery
+    {
+        // Prepare parameters for the query
+        $queryString = $this->getQueryString();
+
+        $parameters = $this->parameterize($queryString, $options);
+
+        // Prepare the query
+        $this->statement = sqlsrv_prepare($this->db->connID, $sql, $parameters);
+
+        if (! $this->statement) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException($this->db->getAllErrorMessages());
+            }
+
+            $info              = $this->db->error();
+            $this->errorCode   = $info['code'];
+            $this->errorString = $info['message'];
+        }
+
+        return $this;
+    }
+
+    /**
+     * Takes a new set of data and runs it against the currently
+     * prepared query.
+     */
+    public function _execute(array $data): bool
+    {
+        if (! isset($this->statement)) {
+            throw new BadMethodCallException('You must call prepare before trying to execute a prepared statement.');
+        }
+
+        foreach ($data as $key => $value) {
+            $this->parameters[$key] = $value;
+        }
+
+        $result = sqlsrv_execute($this->statement);
+
+        if ($result === false && $this->db->DBDebug) {
+            throw new DatabaseException($this->db->getAllErrorMessages());
+        }
+
+        return $result;
+    }
+
+    /**
+     * Returns the statement resource for the prepared query or false when preparing failed.
+     *
+     * @return resource|null
+     */
+    public function _getResult()
+    {
+        return $this->statement;
+    }
+
+    /**
+     * Deallocate prepared statements.
+     */
+    protected function _close(): bool
+    {
+        return sqlsrv_free_stmt($this->statement);
+    }
+
+    /**
+     * Handle parameters.
+     *
+     * @param array<int, mixed> $options
+     */
+    protected function parameterize(string $queryString, array $options): array
+    {
+        $numberOfVariables = substr_count($queryString, '?');
+
+        $params = [];
+
+        for ($c = 0; $c < $numberOfVariables; $c++) {
+            $this->parameters[$c] = null;
+            if (isset($options[$c])) {
+                $params[] = [&$this->parameters[$c], SQLSRV_PARAM_IN, $options[$c]];
+            } else {
+                $params[] = &$this->parameters[$c];
+            }
+        }
+
+        return $params;
+    }
+}
diff --git a/ci4app/system/Database/SQLSRV/Result.php b/ci4app/system/Database/SQLSRV/Result.php
new file mode 100644
index 0000000..4d9b836
--- /dev/null
+++ b/ci4app/system/Database/SQLSRV/Result.php
@@ -0,0 +1,176 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\SQLSRV;
+
+use CodeIgniter\Database\BaseResult;
+use CodeIgniter\Entity\Entity;
+use stdClass;
+
+/**
+ * Result for SQLSRV
+ *
+ * @extends BaseResult<resource, resource>
+ */
+class Result extends BaseResult
+{
+    /**
+     * Gets the number of fields in the result set.
+     */
+    public function getFieldCount(): int
+    {
+        return @sqlsrv_num_fields($this->resultID);
+    }
+
+    /**
+     * Generates an array of column names in the result set.
+     */
+    public function getFieldNames(): array
+    {
+        $fieldNames = [];
+
+        foreach (sqlsrv_field_metadata($this->resultID) as $field) {
+            $fieldNames[] = $field['Name'];
+        }
+
+        return $fieldNames;
+    }
+
+    /**
+     * Generates an array of objects representing field meta-data.
+     */
+    public function getFieldData(): array
+    {
+        static $dataTypes = [
+            SQLSRV_SQLTYPE_BIGINT => 'bigint',
+            SQLSRV_SQLTYPE_BIT    => 'bit',
+            SQLSRV_SQLTYPE_CHAR   => 'char',
+
+            SQLSRV_SQLTYPE_DATE           => 'date',
+            SQLSRV_SQLTYPE_DATETIME       => 'datetime',
+            SQLSRV_SQLTYPE_DATETIME2      => 'datetime2',
+            SQLSRV_SQLTYPE_DATETIMEOFFSET => 'datetimeoffset',
+
+            SQLSRV_SQLTYPE_DECIMAL => 'decimal',
+            SQLSRV_SQLTYPE_FLOAT   => 'float',
+
+            SQLSRV_SQLTYPE_IMAGE   => 'image',
+            SQLSRV_SQLTYPE_INT     => 'int',
+            SQLSRV_SQLTYPE_MONEY   => 'money',
+            SQLSRV_SQLTYPE_NCHAR   => 'nchar',
+            SQLSRV_SQLTYPE_NUMERIC => 'numeric',
+
+            SQLSRV_SQLTYPE_NVARCHAR => 'nvarchar',
+            SQLSRV_SQLTYPE_NTEXT    => 'ntext',
+
+            SQLSRV_SQLTYPE_REAL          => 'real',
+            SQLSRV_SQLTYPE_SMALLDATETIME => 'smalldatetime',
+            SQLSRV_SQLTYPE_SMALLINT      => 'smallint',
+            SQLSRV_SQLTYPE_SMALLMONEY    => 'smallmoney',
+            SQLSRV_SQLTYPE_TEXT          => 'text',
+
+            SQLSRV_SQLTYPE_TIME             => 'time',
+            SQLSRV_SQLTYPE_TIMESTAMP        => 'timestamp',
+            SQLSRV_SQLTYPE_TINYINT          => 'tinyint',
+            SQLSRV_SQLTYPE_UNIQUEIDENTIFIER => 'uniqueidentifier',
+            SQLSRV_SQLTYPE_UDT              => 'udt',
+            SQLSRV_SQLTYPE_VARBINARY        => 'varbinary',
+            SQLSRV_SQLTYPE_VARCHAR          => 'varchar',
+            SQLSRV_SQLTYPE_XML              => 'xml',
+        ];
+
+        $retVal = [];
+
+        foreach (sqlsrv_field_metadata($this->resultID) as $i => $field) {
+            $retVal[$i] = new stdClass();
+
+            $retVal[$i]->name       = $field['Name'];
+            $retVal[$i]->type       = $field['Type'];
+            $retVal[$i]->type_name  = $dataTypes[$field['Type']] ?? null;
+            $retVal[$i]->max_length = $field['Size'];
+        }
+
+        return $retVal;
+    }
+
+    /**
+     * Frees the current result.
+     *
+     * @return void
+     */
+    public function freeResult()
+    {
+        if (is_resource($this->resultID)) {
+            sqlsrv_free_stmt($this->resultID);
+            $this->resultID = false;
+        }
+    }
+
+    /**
+     * Moves the internal pointer to the desired offset. This is called
+     * internally before fetching results to make sure the result set
+     * starts at zero.
+     *
+     * @return bool
+     */
+    public function dataSeek(int $n = 0)
+    {
+        if ($n > 0) {
+            for ($i = 0; $i < $n; $i++) {
+                if (sqlsrv_fetch($this->resultID) === false) {
+                    return false;
+                }
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * Returns the result set as an array.
+     *
+     * Overridden by driver classes.
+     *
+     * @return array|false|null
+     */
+    protected function fetchAssoc()
+    {
+        return sqlsrv_fetch_array($this->resultID, SQLSRV_FETCH_ASSOC);
+    }
+
+    /**
+     * Returns the result set as an object.
+     *
+     * @return Entity|false|object|stdClass
+     */
+    protected function fetchObject(string $className = 'stdClass')
+    {
+        if (is_subclass_of($className, Entity::class)) {
+            return empty($data = $this->fetchAssoc()) ? false : (new $className())->injectRawData($data);
+        }
+
+        return sqlsrv_fetch_object($this->resultID, $className);
+    }
+
+    /**
+     * Returns the number of rows in the resultID (i.e., SQLSRV query result resource)
+     */
+    public function getNumRows(): int
+    {
+        if (! is_int($this->numRows)) {
+            $this->numRows = sqlsrv_num_rows($this->resultID);
+        }
+
+        return $this->numRows;
+    }
+}
diff --git a/ci4app/system/Database/SQLSRV/Utils.php b/ci4app/system/Database/SQLSRV/Utils.php
new file mode 100644
index 0000000..f74ac39
--- /dev/null
+++ b/ci4app/system/Database/SQLSRV/Utils.php
@@ -0,0 +1,55 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\SQLSRV;
+
+use CodeIgniter\Database\BaseUtils;
+use CodeIgniter\Database\ConnectionInterface;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+
+/**
+ * Utils for SQLSRV
+ */
+class Utils extends BaseUtils
+{
+    /**
+     * List databases statement
+     *
+     * @var string
+     */
+    protected $listDatabases = 'EXEC sp_helpdb'; // Can also be: EXEC sp_databases
+
+    /**
+     * OPTIMIZE TABLE statement
+     *
+     * @var string
+     */
+    protected $optimizeTable = 'ALTER INDEX all ON %s REORGANIZE';
+
+    public function __construct(ConnectionInterface $db)
+    {
+        parent::__construct($db);
+
+        $this->optimizeTable = 'ALTER INDEX all ON  ' . $this->db->schema . '.%s REORGANIZE';
+    }
+
+    /**
+     * Platform dependent version of the backup function.
+     *
+     * @return never
+     */
+    public function _backup(?array $prefs = null)
+    {
+        throw new DatabaseException('Unsupported feature of the database platform you are using.');
+    }
+}
diff --git a/ci4app/system/Database/SQLite3/Builder.php b/ci4app/system/Database/SQLite3/Builder.php
new file mode 100644
index 0000000..4f8dff9
--- /dev/null
+++ b/ci4app/system/Database/SQLite3/Builder.php
@@ -0,0 +1,280 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\SQLite3;
+
+use CodeIgniter\Database\BaseBuilder;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Database\RawSql;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+
+/**
+ * Builder for SQLite3
+ */
+class Builder extends BaseBuilder
+{
+    /**
+     * Default installs of SQLite typically do not
+     * support limiting delete clauses.
+     *
+     * @var bool
+     */
+    protected $canLimitDeletes = false;
+
+    /**
+     * Default installs of SQLite do no support
+     * limiting update queries in combo with WHERE.
+     *
+     * @var bool
+     */
+    protected $canLimitWhereUpdates = false;
+
+    /**
+     * ORDER BY random keyword
+     *
+     * @var array
+     */
+    protected $randomKeyword = [
+        'RANDOM()',
+    ];
+
+    /**
+     * @var array<string, string>
+     */
+    protected $supportedIgnoreStatements = [
+        'insert' => 'OR IGNORE',
+    ];
+
+    /**
+     * Replace statement
+     *
+     * Generates a platform-specific replace string from the supplied data
+     */
+    protected function _replace(string $table, array $keys, array $values): string
+    {
+        return 'INSERT OR ' . parent::_replace($table, $keys, $values);
+    }
+
+    /**
+     * Generates a platform-specific truncate string from the supplied data
+     *
+     * If the database does not support the TRUNCATE statement,
+     * then this method maps to 'DELETE FROM table'
+     */
+    protected function _truncate(string $table): string
+    {
+        return 'DELETE FROM ' . $table;
+    }
+
+    /**
+     * Generates a platform-specific batch update string from the supplied data
+     */
+    protected function _updateBatch(string $table, array $keys, array $values): string
+    {
+        if (version_compare($this->db->getVersion(), '3.33.0') >= 0) {
+            return parent::_updateBatch($table, $keys, $values);
+        }
+
+        $constraints = $this->QBOptions['constraints'] ?? [];
+
+        if ($constraints === []) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('You must specify a constraint to match on for batch updates.');
+            }
+
+            return ''; // @codeCoverageIgnore
+        }
+
+        if (count($constraints) > 1 || isset($this->QBOptions['setQueryAsData']) || (current($constraints) instanceof RawSql)) {
+            throw new DatabaseException('You are trying to use a feature which requires SQLite version 3.33 or higher.');
+        }
+
+        $index = current($constraints);
+
+        $ids   = [];
+        $final = [];
+
+        foreach ($values as $val) {
+            $val = array_combine($keys, $val);
+
+            $ids[] = $val[$index];
+
+            foreach (array_keys($val) as $field) {
+                if ($field !== $index) {
+                    $final[$field][] = 'WHEN ' . $index . ' = ' . $val[$index] . ' THEN ' . $val[$field];
+                }
+            }
+        }
+
+        $cases = '';
+
+        foreach ($final as $k => $v) {
+            $cases .= $k . " = CASE \n"
+                . implode("\n", $v) . "\n"
+                . 'ELSE ' . $k . ' END, ';
+        }
+
+        $this->where($index . ' IN(' . implode(',', $ids) . ')', null, false);
+
+        return 'UPDATE ' . $this->compileIgnore('update') . $table . ' SET ' . substr($cases, 0, -2) . $this->compileWhereHaving('QBWhere');
+    }
+
+    /**
+     * Generates a platform-specific upsertBatch string from the supplied data
+     *
+     * @throws DatabaseException
+     */
+    protected function _upsertBatch(string $table, array $keys, array $values): string
+    {
+        $sql = $this->QBOptions['sql'] ?? '';
+
+        // if this is the first iteration of batch then we need to build skeleton sql
+        if ($sql === '') {
+            $constraints = $this->QBOptions['constraints'] ?? [];
+
+            if (empty($constraints)) {
+                $fieldNames = array_map(static fn ($columnName): string => trim($columnName, '`'), $keys);
+
+                $allIndexes = array_filter($this->db->getIndexData($table), static function ($index) use ($fieldNames): bool {
+                    $hasAllFields = count(array_intersect($index->fields, $fieldNames)) === count($index->fields);
+
+                    return ($index->type === 'PRIMARY' || $index->type === 'UNIQUE') && $hasAllFields;
+                });
+
+                foreach ($allIndexes as $index) {
+                    $constraints = $index->fields;
+                    break;
+                }
+
+                $constraints = $this->onConstraint($constraints)->QBOptions['constraints'] ?? [];
+            }
+
+            if (empty($constraints)) {
+                if ($this->db->DBDebug) {
+                    throw new DatabaseException('No constraint found for upsert.');
+                }
+
+                return ''; // @codeCoverageIgnore
+            }
+
+            $alias = $this->QBOptions['alias'] ?? '`excluded`';
+
+            if (strtolower($alias) !== '`excluded`') {
+                throw new InvalidArgumentException('SQLite alias is always named "excluded". A custom alias cannot be used.');
+            }
+
+            $updateFields = $this->QBOptions['updateFields'] ??
+                $this->updateFields($keys, false, $constraints)->QBOptions['updateFields'] ??
+                [];
+
+            $sql = 'INSERT INTO ' . $table . ' (';
+
+            $sql .= implode(', ', array_map(static fn ($columnName): string => $columnName, $keys));
+
+            $sql .= ")\n";
+
+            $sql .= '{:_table_:}';
+
+            $sql .= 'ON CONFLICT(' . implode(',', $constraints) . ")\n";
+
+            $sql .= "DO UPDATE SET\n";
+
+            $sql .= implode(
+                ",\n",
+                array_map(
+                    static fn ($key, $value): string => $key . ($value instanceof RawSql ?
+                        " = {$value}" :
+                        " = {$alias}.{$value}"),
+                    array_keys($updateFields),
+                    $updateFields,
+                ),
+            );
+
+            $this->QBOptions['sql'] = $sql;
+        }
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $hasWhere = stripos($this->QBOptions['setQueryAsData'], 'WHERE') > 0;
+
+            $data = $this->QBOptions['setQueryAsData'] . ($hasWhere ? '' : "\nWHERE 1 = 1\n");
+        } else {
+            $data = 'VALUES ' . implode(', ', $this->formatValues($values)) . "\n";
+        }
+
+        return str_replace('{:_table_:}', $data, $sql);
+    }
+
+    /**
+     * Generates a platform-specific batch update string from the supplied data
+     */
+    protected function _deleteBatch(string $table, array $keys, array $values): string
+    {
+        $sql = $this->QBOptions['sql'] ?? '';
+
+        // if this is the first iteration of batch then we need to build skeleton sql
+        if ($sql === '') {
+            $constraints = $this->QBOptions['constraints'] ?? [];
+
+            if ($constraints === []) {
+                if ($this->db->DBDebug) {
+                    throw new DatabaseException('You must specify a constraint to match on for batch deletes.'); // @codeCoverageIgnore
+                }
+
+                return ''; // @codeCoverageIgnore
+            }
+
+            $sql = 'DELETE FROM ' . $table . "\n";
+
+            if (current($constraints) instanceof RawSql && $this->db->DBDebug) {
+                throw new DatabaseException('You cannot use RawSql for constraint in SQLite.');
+                // @codeCoverageIgnore
+            }
+
+            if (is_string(current(array_keys($constraints)))) {
+                $concat1 = implode(' || ', array_keys($constraints));
+                $concat2 = implode(' || ', array_values($constraints));
+            } else {
+                $concat1 = implode(' || ', $constraints);
+                $concat2 = $concat1;
+            }
+
+            $sql .= "WHERE {$concat1} IN (SELECT {$concat2} FROM (\n{:_table_:}))";
+
+            // where is not supported
+            if ($this->QBWhere !== [] && $this->db->DBDebug) {
+                throw new DatabaseException('You cannot use WHERE with SQLite.');
+                // @codeCoverageIgnore
+            }
+
+            $this->QBOptions['sql'] = $sql;
+        }
+
+        if (isset($this->QBOptions['setQueryAsData'])) {
+            $data = $this->QBOptions['setQueryAsData'];
+        } else {
+            $data = implode(
+                " UNION ALL\n",
+                array_map(
+                    static fn ($value): string => 'SELECT ' . implode(', ', array_map(
+                        static fn ($key, $index): string => $index . ' ' . $key,
+                        $keys,
+                        $value,
+                    )),
+                    $values,
+                ),
+            ) . "\n";
+        }
+
+        return str_replace('{:_table_:}', $data, $sql);
+    }
+}
diff --git a/ci4app/system/Database/SQLite3/Connection.php b/ci4app/system/Database/SQLite3/Connection.php
new file mode 100644
index 0000000..0d3290b
--- /dev/null
+++ b/ci4app/system/Database/SQLite3/Connection.php
@@ -0,0 +1,490 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\SQLite3;
+
+use CodeIgniter\Database\BaseConnection;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Database\TableName;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use Exception;
+use SQLite3;
+use SQLite3Result;
+use stdClass;
+
+/**
+ * Connection for SQLite3
+ *
+ * @extends BaseConnection<SQLite3, SQLite3Result>
+ */
+class Connection extends BaseConnection
+{
+    /**
+     * Database driver
+     *
+     * @var string
+     */
+    public $DBDriver = 'SQLite3';
+
+    /**
+     * Identifier escape character
+     *
+     * @var string
+     */
+    public $escapeChar = '`';
+
+    /**
+     * @var bool Enable Foreign Key constraint or not
+     */
+    protected $foreignKeys = false;
+
+    /**
+     * The milliseconds to sleep
+     *
+     * @var int|null milliseconds
+     *
+     * @see https://www.php.net/manual/en/sqlite3.busytimeout
+     */
+    protected $busyTimeout;
+
+    /**
+     * The setting of the "synchronous" flag
+     *
+     * @var int<0, 3>|null flag
+     *
+     * @see https://www.sqlite.org/pragma.html#pragma_synchronous
+     */
+    protected ?int $synchronous = null;
+
+    /**
+     * @return void
+     */
+    public function initialize()
+    {
+        parent::initialize();
+
+        if ($this->foreignKeys) {
+            $this->enableForeignKeyChecks();
+        }
+
+        if (is_int($this->busyTimeout)) {
+            $this->connID->busyTimeout($this->busyTimeout);
+        }
+
+        if (is_int($this->synchronous)) {
+            if (! in_array($this->synchronous, [0, 1, 2, 3], true)) {
+                throw new InvalidArgumentException('Invalid synchronous value.');
+            }
+            $this->connID->exec('PRAGMA synchronous = ' . $this->synchronous);
+        }
+    }
+
+    /**
+     * Connect to the database.
+     *
+     * @return SQLite3
+     *
+     * @throws DatabaseException
+     */
+    public function connect(bool $persistent = false)
+    {
+        if ($persistent && $this->DBDebug) {
+            throw new DatabaseException('SQLite3 doesn\'t support persistent connections.');
+        }
+
+        try {
+            if ($this->database !== ':memory:' && ! str_contains($this->database, DIRECTORY_SEPARATOR)) {
+                $this->database = WRITEPATH . $this->database;
+            }
+
+            $sqlite = (! isset($this->password) || $this->password !== '')
+                ? new SQLite3($this->database)
+                : new SQLite3($this->database, SQLITE3_OPEN_READWRITE | SQLITE3_OPEN_CREATE, $this->password);
+
+            $sqlite->enableExceptions(true);
+
+            return $sqlite;
+        } catch (Exception $e) {
+            throw new DatabaseException('SQLite3 error: ' . $e->getMessage());
+        }
+    }
+
+    /**
+     * Keep or establish the connection if no queries have been sent for
+     * a length of time exceeding the server's idle timeout.
+     *
+     * @return void
+     */
+    public function reconnect()
+    {
+        $this->close();
+        $this->initialize();
+    }
+
+    /**
+     * Close the database connection.
+     *
+     * @return void
+     */
+    protected function _close()
+    {
+        $this->connID->close();
+    }
+
+    /**
+     * Select a specific database table to use.
+     */
+    public function setDatabase(string $databaseName): bool
+    {
+        return false;
+    }
+
+    /**
+     * Returns a string containing the version of the database being used.
+     */
+    public function getVersion(): string
+    {
+        if (isset($this->dataCache['version'])) {
+            return $this->dataCache['version'];
+        }
+
+        $version = SQLite3::version();
+
+        return $this->dataCache['version'] = $version['versionString'];
+    }
+
+    /**
+     * Execute the query
+     *
+     * @return false|SQLite3Result
+     */
+    protected function execute(string $sql)
+    {
+        try {
+            return $this->isWriteType($sql)
+                ? $this->connID->exec($sql)
+                : $this->connID->query($sql);
+        } catch (Exception $e) {
+            log_message('error', (string) $e);
+
+            if ($this->DBDebug) {
+                throw new DatabaseException($e->getMessage(), $e->getCode(), $e);
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * Returns the total number of rows affected by this query.
+     */
+    public function affectedRows(): int
+    {
+        return $this->connID->changes();
+    }
+
+    /**
+     * Platform-dependant string escape
+     */
+    protected function _escapeString(string $str): string
+    {
+        if (! $this->connID instanceof SQLite3) {
+            $this->initialize();
+        }
+
+        return $this->connID->escapeString($str);
+    }
+
+    /**
+     * Generates the SQL for listing tables in a platform-dependent manner.
+     *
+     * @param string|null $tableName If $tableName is provided will return only this table if exists.
+     */
+    protected function _listTables(bool $prefixLimit = false, ?string $tableName = null): string
+    {
+        if ((string) $tableName !== '') {
+            return 'SELECT "NAME" FROM "SQLITE_MASTER" WHERE "TYPE" = \'table\''
+                   . ' AND "NAME" NOT LIKE \'sqlite!_%\' ESCAPE \'!\''
+                   . ' AND "NAME" LIKE ' . $this->escape($tableName);
+        }
+
+        return 'SELECT "NAME" FROM "SQLITE_MASTER" WHERE "TYPE" = \'table\''
+               . ' AND "NAME" NOT LIKE \'sqlite!_%\' ESCAPE \'!\''
+               . (($prefixLimit && $this->DBPrefix !== '')
+                    ? ' AND "NAME" LIKE \'' . $this->escapeLikeString($this->DBPrefix) . '%\' ' . sprintf($this->likeEscapeStr, $this->likeEscapeChar)
+                    : '');
+    }
+
+    /**
+     * Generates a platform-specific query string so that the column names can be fetched.
+     *
+     * @param string|TableName $table
+     */
+    protected function _listColumns($table = ''): string
+    {
+        if ($table instanceof TableName) {
+            $tableName = $this->escapeIdentifier($table);
+        } else {
+            $tableName = $this->protectIdentifiers($table, true, null, false);
+        }
+
+        return 'PRAGMA TABLE_INFO(' . $tableName . ')';
+    }
+
+    /**
+     * @param string|TableName $tableName
+     *
+     * @return false|list<string>
+     *
+     * @throws DatabaseException
+     */
+    public function getFieldNames($tableName)
+    {
+        $table = ($tableName instanceof TableName) ? $tableName->getTableName() : $tableName;
+
+        // Is there a cached result?
+        if (isset($this->dataCache['field_names'][$table])) {
+            return $this->dataCache['field_names'][$table];
+        }
+
+        if (! $this->connID instanceof SQLite3) {
+            $this->initialize();
+        }
+
+        $sql = $this->_listColumns($tableName);
+
+        $query                                  = $this->query($sql);
+        $this->dataCache['field_names'][$table] = [];
+
+        foreach ($query->getResultArray() as $row) {
+            // Do we know from where to get the column's name?
+            if (! isset($key)) {
+                if (isset($row['column_name'])) {
+                    $key = 'column_name';
+                } elseif (isset($row['COLUMN_NAME'])) {
+                    $key = 'COLUMN_NAME';
+                } elseif (isset($row['name'])) {
+                    $key = 'name';
+                } else {
+                    // We have no other choice but to just get the first element's key.
+                    $key = key($row);
+                }
+            }
+
+            $this->dataCache['field_names'][$table][] = $row[$key];
+        }
+
+        return $this->dataCache['field_names'][$table];
+    }
+
+    /**
+     * Returns an array of objects with field data
+     *
+     * @return list<stdClass>
+     *
+     * @throws DatabaseException
+     */
+    protected function _fieldData(string $table): array
+    {
+        if (false === $query = $this->query('PRAGMA TABLE_INFO(' . $this->protectIdentifiers($table, true, null, false) . ')')) {
+            throw new DatabaseException(lang('Database.failGetFieldData'));
+        }
+
+        $query = $query->getResultObject();
+
+        if (empty($query)) {
+            return [];
+        }
+
+        $retVal = [];
+
+        for ($i = 0, $c = count($query); $i < $c; $i++) {
+            $retVal[$i] = new stdClass();
+
+            $retVal[$i]->name       = $query[$i]->name;
+            $retVal[$i]->type       = $query[$i]->type;
+            $retVal[$i]->max_length = null;
+            $retVal[$i]->nullable   = isset($query[$i]->notnull) && ! (bool) $query[$i]->notnull;
+            $retVal[$i]->default    = $query[$i]->dflt_value;
+            // "pk" (either zero for columns that are not part of the primary key,
+            // or the 1-based index of the column within the primary key).
+            // https://www.sqlite.org/pragma.html#pragma_table_info
+            $retVal[$i]->primary_key = ($query[$i]->pk === 0) ? 0 : 1;
+        }
+
+        return $retVal;
+    }
+
+    /**
+     * Returns an array of objects with index data
+     *
+     * @return array<string, stdClass>
+     *
+     * @throws DatabaseException
+     */
+    protected function _indexData(string $table): array
+    {
+        $sql = "SELECT 'PRIMARY' as indexname, l.name as fieldname, 'PRIMARY' as indextype
+                FROM pragma_table_info(" . $this->escape(strtolower($table)) . ") as l
+                WHERE l.pk <> 0
+                UNION ALL
+                SELECT sqlite_master.name as indexname, ii.name as fieldname,
+                CASE
+                WHEN ti.pk <> 0 AND sqlite_master.name LIKE 'sqlite_autoindex_%' THEN 'PRIMARY'
+                WHEN sqlite_master.name LIKE 'sqlite_autoindex_%' THEN 'UNIQUE'
+                WHEN sqlite_master.sql LIKE '% UNIQUE %' THEN 'UNIQUE'
+                ELSE 'INDEX'
+                END as indextype
+                FROM sqlite_master
+                INNER JOIN pragma_index_xinfo(sqlite_master.name) ii ON ii.name IS NOT NULL
+                LEFT JOIN pragma_table_info(" . $this->escape(strtolower($table)) . ") ti ON ti.name = ii.name
+                WHERE sqlite_master.type='index' AND sqlite_master.tbl_name = " . $this->escape(strtolower($table)) . ' COLLATE NOCASE';
+
+        if (($query = $this->query($sql)) === false) {
+            throw new DatabaseException(lang('Database.failGetIndexData'));
+        }
+        $query = $query->getResultObject();
+
+        $tempVal = [];
+
+        foreach ($query as $row) {
+            if ($row->indextype === 'PRIMARY') {
+                $tempVal['PRIMARY']['indextype']               = $row->indextype;
+                $tempVal['PRIMARY']['indexname']               = $row->indexname;
+                $tempVal['PRIMARY']['fields'][$row->fieldname] = $row->fieldname;
+            } else {
+                $tempVal[$row->indexname]['indextype']               = $row->indextype;
+                $tempVal[$row->indexname]['indexname']               = $row->indexname;
+                $tempVal[$row->indexname]['fields'][$row->fieldname] = $row->fieldname;
+            }
+        }
+
+        $retVal = [];
+
+        foreach ($tempVal as $val) {
+            $obj                = new stdClass();
+            $obj->name          = $val['indexname'];
+            $obj->fields        = array_values($val['fields']);
+            $obj->type          = $val['indextype'];
+            $retVal[$obj->name] = $obj;
+        }
+
+        return $retVal;
+    }
+
+    /**
+     * Returns an array of objects with Foreign key data
+     *
+     * @return array<string, stdClass>
+     */
+    protected function _foreignKeyData(string $table): array
+    {
+        if (! $this->supportsForeignKeys()) {
+            return [];
+        }
+
+        $query   = $this->query("PRAGMA foreign_key_list({$table})")->getResult();
+        $indexes = [];
+
+        foreach ($query as $row) {
+            $indexes[$row->id]['constraint_name']       = null;
+            $indexes[$row->id]['table_name']            = $table;
+            $indexes[$row->id]['foreign_table_name']    = $row->table;
+            $indexes[$row->id]['column_name'][]         = $row->from;
+            $indexes[$row->id]['foreign_column_name'][] = $row->to;
+            $indexes[$row->id]['on_delete']             = $row->on_delete;
+            $indexes[$row->id]['on_update']             = $row->on_update;
+            $indexes[$row->id]['match']                 = $row->match;
+        }
+
+        return $this->foreignKeyDataToObjects($indexes);
+    }
+
+    /**
+     * Returns platform-specific SQL to disable foreign key checks.
+     *
+     * @return string
+     */
+    protected function _disableForeignKeyChecks()
+    {
+        return 'PRAGMA foreign_keys = OFF';
+    }
+
+    /**
+     * Returns platform-specific SQL to enable foreign key checks.
+     *
+     * @return string
+     */
+    protected function _enableForeignKeyChecks()
+    {
+        return 'PRAGMA foreign_keys = ON';
+    }
+
+    /**
+     * Returns the last error code and message.
+     * Must return this format: ['code' => string|int, 'message' => string]
+     * intval(code) === 0 means "no error".
+     *
+     * @return array<string, int|string>
+     */
+    public function error(): array
+    {
+        return [
+            'code'    => $this->connID->lastErrorCode(),
+            'message' => $this->connID->lastErrorMsg(),
+        ];
+    }
+
+    /**
+     * Insert ID
+     */
+    public function insertID(): int
+    {
+        return $this->connID->lastInsertRowID();
+    }
+
+    /**
+     * Begin Transaction
+     */
+    protected function _transBegin(): bool
+    {
+        return $this->connID->exec('BEGIN TRANSACTION');
+    }
+
+    /**
+     * Commit Transaction
+     */
+    protected function _transCommit(): bool
+    {
+        return $this->connID->exec('END TRANSACTION');
+    }
+
+    /**
+     * Rollback Transaction
+     */
+    protected function _transRollback(): bool
+    {
+        return $this->connID->exec('ROLLBACK');
+    }
+
+    /**
+     * Checks to see if the current install supports Foreign Keys
+     * and has them enabled.
+     */
+    public function supportsForeignKeys(): bool
+    {
+        $result = $this->simpleQuery('PRAGMA foreign_keys');
+
+        return (bool) $result;
+    }
+}
diff --git a/ci4app/system/Database/SQLite3/Forge.php b/ci4app/system/Database/SQLite3/Forge.php
new file mode 100644
index 0000000..2bb9386
--- /dev/null
+++ b/ci4app/system/Database/SQLite3/Forge.php
@@ -0,0 +1,336 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\SQLite3;
+
+use CodeIgniter\Database\BaseConnection;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Database\Forge as BaseForge;
+
+/**
+ * Forge for SQLite3
+ */
+class Forge extends BaseForge
+{
+    /**
+     * DROP INDEX statement
+     *
+     * @var string
+     */
+    protected $dropIndexStr = 'DROP INDEX %s';
+
+    /**
+     * @var Connection
+     */
+    protected $db;
+
+    /**
+     * UNSIGNED support
+     *
+     * @var array|bool
+     */
+    protected $_unsigned = false;
+
+    /**
+     * NULL value representation in CREATE/ALTER TABLE statements
+     *
+     * @var string
+     *
+     * @internal
+     */
+    protected $null = 'NULL';
+
+    /**
+     * Constructor.
+     */
+    public function __construct(BaseConnection $db)
+    {
+        parent::__construct($db);
+
+        if (version_compare($this->db->getVersion(), '3.3', '<')) {
+            $this->dropTableIfStr = false;
+        }
+    }
+
+    /**
+     * Create database
+     *
+     * @param bool $ifNotExists Whether to add IF NOT EXISTS condition
+     */
+    public function createDatabase(string $dbName, bool $ifNotExists = false): bool
+    {
+        // In SQLite, a database is created when you connect to the database.
+        // We'll return TRUE so that an error isn't generated.
+        return true;
+    }
+
+    /**
+     * Drop database
+     *
+     * @throws DatabaseException
+     */
+    public function dropDatabase(string $dbName): bool
+    {
+        // In SQLite, a database is dropped when we delete a file
+        if (! is_file($dbName)) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('Unable to drop the specified database.');
+            }
+
+            return false;
+        }
+
+        // We need to close the pseudo-connection first
+        $this->db->close();
+        if (! @unlink($dbName)) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException('Unable to drop the specified database.');
+            }
+
+            return false;
+        }
+
+        if (! empty($this->db->dataCache['db_names'])) {
+            $key = array_search(strtolower($dbName), array_map(strtolower(...), $this->db->dataCache['db_names']), true);
+            if ($key !== false) {
+                unset($this->db->dataCache['db_names'][$key]);
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * @param list<string>|string $columnNames
+     *
+     * @throws DatabaseException
+     */
+    public function dropColumn(string $table, $columnNames): bool
+    {
+        $columns = is_array($columnNames) ? $columnNames : array_map(trim(...), explode(',', $columnNames));
+        $result  = (new Table($this->db, $this))
+            ->fromTable($this->db->DBPrefix . $table)
+            ->dropColumn($columns)
+            ->run();
+
+        if (! $result && $this->db->DBDebug) {
+            throw new DatabaseException(sprintf(
+                'Failed to drop column%s "%s" on "%s" table.',
+                count($columns) > 1 ? 's' : '',
+                implode('", "', $columns),
+                $table,
+            ));
+        }
+
+        return $result;
+    }
+
+    /**
+     * @param array|string $processedFields Processed column definitions
+     *                                      or column names to DROP
+     *
+     * @return ($alterType is 'DROP' ? string : list<string>|null)
+     */
+    protected function _alterTable(string $alterType, string $table, $processedFields)
+    {
+        switch ($alterType) {
+            case 'CHANGE':
+                $fieldsToModify = [];
+
+                foreach ($processedFields as $processedField) {
+                    $name    = $processedField['name'];
+                    $newName = $processedField['new_name'];
+
+                    $field             = $this->fields[$name];
+                    $field['name']     = $name;
+                    $field['new_name'] = $newName;
+
+                    // Unlike when creating a table, if `null` is not specified,
+                    // the column will be `NULL`, not `NOT NULL`.
+                    if ($processedField['null'] === '') {
+                        $field['null'] = true;
+                    }
+
+                    $fieldsToModify[] = $field;
+                }
+
+                (new Table($this->db, $this))
+                    ->fromTable($table)
+                    ->modifyColumn($fieldsToModify)
+                    ->run();
+
+                return null; // Why null?
+
+            default:
+                return parent::_alterTable($alterType, $table, $processedFields);
+        }
+    }
+
+    /**
+     * Process column
+     */
+    protected function _processColumn(array $processedField): string
+    {
+        if ($processedField['type'] === 'TEXT' && str_starts_with($processedField['length'], "('")) {
+            $processedField['type'] .= ' CHECK(' . $this->db->escapeIdentifiers($processedField['name'])
+                . ' IN ' . $processedField['length'] . ')';
+        }
+
+        return $this->db->escapeIdentifiers($processedField['name'])
+            . ' ' . $processedField['type']
+            . $processedField['auto_increment']
+            . $processedField['null']
+            . $processedField['unique']
+            . $processedField['default'];
+    }
+
+    /**
+     * Field attribute TYPE
+     *
+     * Performs a data type mapping between different databases.
+     */
+    protected function _attributeType(array &$attributes)
+    {
+        switch (strtoupper($attributes['TYPE'])) {
+            case 'ENUM':
+            case 'SET':
+                $attributes['TYPE'] = 'TEXT';
+                break;
+
+            case 'BOOLEAN':
+                $attributes['TYPE'] = 'INT';
+                break;
+
+            default:
+                break;
+        }
+    }
+
+    /**
+     * Field attribute AUTO_INCREMENT
+     */
+    protected function _attributeAutoIncrement(array &$attributes, array &$field)
+    {
+        if (
+            ! empty($attributes['AUTO_INCREMENT'])
+            && $attributes['AUTO_INCREMENT'] === true
+            && str_contains(strtolower($field['type']), 'int')
+        ) {
+            $field['type']           = 'INTEGER PRIMARY KEY';
+            $field['default']        = '';
+            $field['null']           = '';
+            $field['unique']         = '';
+            $field['auto_increment'] = ' AUTOINCREMENT';
+
+            $this->primaryKeys = [];
+        }
+    }
+
+    /**
+     * Foreign Key Drop
+     *
+     * @throws DatabaseException
+     */
+    public function dropForeignKey(string $table, string $foreignName): bool
+    {
+        // If this version of SQLite doesn't support it, we're done here
+        if ($this->db->supportsForeignKeys() !== true) {
+            return true;
+        }
+
+        // Otherwise we have to copy the table and recreate
+        // without the foreign key being involved now
+        $sqlTable = new Table($this->db, $this);
+
+        return $sqlTable->fromTable($this->db->DBPrefix . $table)
+            ->dropForeignKey($foreignName)
+            ->run();
+    }
+
+    /**
+     * Drop Primary Key
+     */
+    public function dropPrimaryKey(string $table, string $keyName = ''): bool
+    {
+        $sqlTable = new Table($this->db, $this);
+
+        return $sqlTable->fromTable($this->db->DBPrefix . $table)
+            ->dropPrimaryKey()
+            ->run();
+    }
+
+    public function addForeignKey($fieldName = '', string $tableName = '', $tableField = '', string $onUpdate = '', string $onDelete = '', string $fkName = ''): BaseForge
+    {
+        if ($fkName === '') {
+            return parent::addForeignKey($fieldName, $tableName, $tableField, $onUpdate, $onDelete, $fkName);
+        }
+
+        throw new DatabaseException('SQLite does not support foreign key names. CodeIgniter will refer to them in the format: prefix_table_column_referencecolumn_foreign');
+    }
+
+    /**
+     * Generates SQL to add primary key
+     *
+     * @param bool $asQuery When true recreates table with key, else partial SQL used with CREATE TABLE
+     */
+    protected function _processPrimaryKeys(string $table, bool $asQuery = false): string
+    {
+        if ($asQuery === false) {
+            return parent::_processPrimaryKeys($table, $asQuery);
+        }
+
+        $sqlTable = new Table($this->db, $this);
+
+        $sqlTable->fromTable($this->db->DBPrefix . $table)
+            ->addPrimaryKey($this->primaryKeys)
+            ->run();
+
+        return '';
+    }
+
+    /**
+     * Generates SQL to add foreign keys
+     *
+     * @param bool $asQuery When true recreates table with key, else partial SQL used with CREATE TABLE
+     */
+    protected function _processForeignKeys(string $table, bool $asQuery = false): array
+    {
+        if ($asQuery === false) {
+            return parent::_processForeignKeys($table, $asQuery);
+        }
+
+        $errorNames = [];
+
+        foreach ($this->foreignKeys as $name) {
+            foreach ($name['field'] as $f) {
+                if (! isset($this->fields[$f])) {
+                    $errorNames[] = $f;
+                }
+            }
+        }
+
+        if ($errorNames !== []) {
+            $errorNames = [implode(', ', $errorNames)];
+
+            throw new DatabaseException(lang('Database.fieldNotExists', $errorNames));
+        }
+
+        $sqlTable = new Table($this->db, $this);
+
+        $sqlTable->fromTable($this->db->DBPrefix . $table)
+            ->addForeignKey($this->foreignKeys)
+            ->run();
+
+        return [];
+    }
+}
diff --git a/ci4app/system/Database/SQLite3/PreparedQuery.php b/ci4app/system/Database/SQLite3/PreparedQuery.php
new file mode 100644
index 0000000..afd2669
--- /dev/null
+++ b/ci4app/system/Database/SQLite3/PreparedQuery.php
@@ -0,0 +1,118 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\SQLite3;
+
+use CodeIgniter\Database\BasePreparedQuery;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Exceptions\BadMethodCallException;
+use Exception;
+use SQLite3;
+use SQLite3Result;
+use SQLite3Stmt;
+
+/**
+ * Prepared query for SQLite3
+ *
+ * @extends BasePreparedQuery<SQLite3, SQLite3Stmt, SQLite3Result>
+ */
+class PreparedQuery extends BasePreparedQuery
+{
+    /**
+     * The SQLite3Result resource, or false.
+     *
+     * @var false|SQLite3Result
+     */
+    protected $result;
+
+    /**
+     * Prepares the query against the database, and saves the connection
+     * info necessary to execute the query later.
+     *
+     * NOTE: This version is based on SQL code. Child classes should
+     * override this method.
+     *
+     * @param array $options Passed to the connection's prepare statement.
+     *                       Unused in the MySQLi driver.
+     */
+    public function _prepare(string $sql, array $options = []): PreparedQuery
+    {
+        if (! ($this->statement = $this->db->connID->prepare($sql))) {
+            $this->errorCode   = $this->db->connID->lastErrorCode();
+            $this->errorString = $this->db->connID->lastErrorMsg();
+
+            if ($this->db->DBDebug) {
+                throw new DatabaseException($this->errorString . ' code: ' . $this->errorCode);
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * Takes a new set of data and runs it against the currently
+     * prepared query. Upon success, will return a Results object.
+     */
+    public function _execute(array $data): bool
+    {
+        if (! isset($this->statement)) {
+            throw new BadMethodCallException('You must call prepare before trying to execute a prepared statement.');
+        }
+
+        foreach ($data as $key => $item) {
+            // Determine the type string
+            if (is_int($item)) {
+                $bindType = SQLITE3_INTEGER;
+            } elseif (is_float($item)) {
+                $bindType = SQLITE3_FLOAT;
+            } elseif (is_string($item) && $this->isBinary($item)) {
+                $bindType = SQLITE3_BLOB;
+            } else {
+                $bindType = SQLITE3_TEXT;
+            }
+
+            // Bind it
+            $this->statement->bindValue($key + 1, $item, $bindType);
+        }
+
+        try {
+            $this->result = $this->statement->execute();
+        } catch (Exception $e) {
+            if ($this->db->DBDebug) {
+                throw new DatabaseException($e->getMessage(), $e->getCode(), $e);
+            }
+
+            return false;
+        }
+
+        return $this->result !== false;
+    }
+
+    /**
+     * Returns the result object for the prepared query or false on failure.
+     *
+     * @return false|SQLite3Result
+     */
+    public function _getResult()
+    {
+        return $this->result;
+    }
+
+    /**
+     * Deallocate prepared statements.
+     */
+    protected function _close(): bool
+    {
+        return $this->statement->close();
+    }
+}
diff --git a/ci4app/system/Database/SQLite3/Result.php b/ci4app/system/Database/SQLite3/Result.php
new file mode 100644
index 0000000..aa5abf2
--- /dev/null
+++ b/ci4app/system/Database/SQLite3/Result.php
@@ -0,0 +1,160 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\SQLite3;
+
+use Closure;
+use CodeIgniter\Database\BaseResult;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Entity\Entity;
+use SQLite3;
+use SQLite3Result;
+use stdClass;
+
+/**
+ * Result for SQLite3
+ *
+ * @extends BaseResult<SQLite3, SQLite3Result>
+ */
+class Result extends BaseResult
+{
+    /**
+     * Gets the number of fields in the result set.
+     */
+    public function getFieldCount(): int
+    {
+        return $this->resultID->numColumns();
+    }
+
+    /**
+     * Generates an array of column names in the result set.
+     */
+    public function getFieldNames(): array
+    {
+        $fieldNames = [];
+
+        for ($i = 0, $c = $this->getFieldCount(); $i < $c; $i++) {
+            $fieldNames[] = $this->resultID->columnName($i);
+        }
+
+        return $fieldNames;
+    }
+
+    /**
+     * Generates an array of objects representing field meta-data.
+     */
+    public function getFieldData(): array
+    {
+        static $dataTypes = [
+            SQLITE3_INTEGER => 'integer',
+            SQLITE3_FLOAT   => 'float',
+            SQLITE3_TEXT    => 'text',
+            SQLITE3_BLOB    => 'blob',
+            SQLITE3_NULL    => 'null',
+        ];
+
+        $retVal = [];
+        $this->resultID->fetchArray(SQLITE3_NUM);
+
+        for ($i = 0, $c = $this->getFieldCount(); $i < $c; $i++) {
+            $retVal[$i]             = new stdClass();
+            $retVal[$i]->name       = $this->resultID->columnName($i);
+            $type                   = $this->resultID->columnType($i);
+            $retVal[$i]->type       = $type;
+            $retVal[$i]->type_name  = $dataTypes[$type] ?? null;
+            $retVal[$i]->max_length = null;
+            $retVal[$i]->length     = null;
+        }
+        $this->resultID->reset();
+
+        return $retVal;
+    }
+
+    /**
+     * Frees the current result.
+     *
+     * @return void
+     */
+    public function freeResult()
+    {
+        if (is_object($this->resultID)) {
+            $this->resultID->finalize();
+            $this->resultID = false;
+        }
+    }
+
+    /**
+     * Moves the internal pointer to the desired offset. This is called
+     * internally before fetching results to make sure the result set
+     * starts at zero.
+     *
+     * @return bool
+     *
+     * @throws DatabaseException
+     */
+    public function dataSeek(int $n = 0)
+    {
+        if ($n !== 0) {
+            throw new DatabaseException('SQLite3 doesn\'t support seeking to other offset.');
+        }
+
+        return $this->resultID->reset();
+    }
+
+    /**
+     * Returns the result set as an array.
+     *
+     * Overridden by driver classes.
+     *
+     * @return array|false
+     */
+    protected function fetchAssoc()
+    {
+        return $this->resultID->fetchArray(SQLITE3_ASSOC);
+    }
+
+    /**
+     * Returns the result set as an object.
+     *
+     * Overridden by child classes.
+     *
+     * @return Entity|false|object|stdClass
+     */
+    protected function fetchObject(string $className = 'stdClass')
+    {
+        // No native support for fetching rows as objects
+        if (($row = $this->fetchAssoc()) === false) {
+            return false;
+        }
+
+        if ($className === 'stdClass') {
+            return (object) $row;
+        }
+
+        $classObj = new $className();
+
+        if (is_subclass_of($className, Entity::class)) {
+            return $classObj->injectRawData($row);
+        }
+
+        $classSet = Closure::bind(function ($key, $value): void {
+            $this->{$key} = $value;
+        }, $classObj, $className);
+
+        foreach (array_keys($row) as $key) {
+            $classSet($key, $row[$key]);
+        }
+
+        return $classObj;
+    }
+}
diff --git a/ci4app/system/Database/SQLite3/Table.php b/ci4app/system/Database/SQLite3/Table.php
new file mode 100644
index 0000000..ea84e00
--- /dev/null
+++ b/ci4app/system/Database/SQLite3/Table.php
@@ -0,0 +1,491 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\SQLite3;
+
+use CodeIgniter\Database\Exceptions\DataException;
+use stdClass;
+
+/**
+ * Provides missing features for altering tables that are common
+ * in other supported databases, but are missing from SQLite.
+ * These are needed in order to support migrations during testing
+ * when another database is used as the primary engine, but
+ * SQLite in memory databases are used for faster test execution.
+ */
+class Table
+{
+    /**
+     * All of the fields this table represents.
+     *
+     * @var array<string, array<string, bool|int|string|null>> [name => attributes]
+     */
+    protected $fields = [];
+
+    /**
+     * All of the unique/primary keys in the table.
+     *
+     * @var array
+     */
+    protected $keys = [];
+
+    /**
+     * All of the foreign keys in the table.
+     *
+     * @var array
+     */
+    protected $foreignKeys = [];
+
+    /**
+     * The name of the table we're working with.
+     *
+     * @var string
+     */
+    protected $tableName;
+
+    /**
+     * The name of the table, with database prefix
+     *
+     * @var string
+     */
+    protected $prefixedTableName;
+
+    /**
+     * Database connection.
+     *
+     * @var Connection
+     */
+    protected $db;
+
+    /**
+     * Handle to our forge.
+     *
+     * @var Forge
+     */
+    protected $forge;
+
+    /**
+     * Table constructor.
+     */
+    public function __construct(Connection $db, Forge $forge)
+    {
+        $this->db    = $db;
+        $this->forge = $forge;
+    }
+
+    /**
+     * Reads an existing database table and
+     * collects all of the information needed to
+     * recreate this table.
+     *
+     * @return Table
+     */
+    public function fromTable(string $table)
+    {
+        $this->prefixedTableName = $table;
+
+        $prefix = $this->db->DBPrefix;
+
+        if (! empty($prefix) && str_starts_with($table, $prefix)) {
+            $table = substr($table, strlen($prefix));
+        }
+
+        if (! $this->db->tableExists($this->prefixedTableName)) {
+            throw DataException::forTableNotFound($this->prefixedTableName);
+        }
+
+        $this->tableName = $table;
+
+        $this->fields = $this->formatFields($this->db->getFieldData($table));
+
+        $this->keys = array_merge($this->keys, $this->formatKeys($this->db->getIndexData($table)));
+
+        // if primary key index exists twice then remove psuedo index name 'primary'.
+        $primaryIndexes = array_filter($this->keys, static fn ($index): bool => $index['type'] === 'primary');
+
+        if ($primaryIndexes !== [] && count($primaryIndexes) > 1 && array_key_exists('primary', $this->keys)) {
+            unset($this->keys['primary']);
+        }
+
+        $this->foreignKeys = $this->db->getForeignKeyData($table);
+
+        return $this;
+    }
+
+    /**
+     * Called after `fromTable` and any actions, like `dropColumn`, etc,
+     * to finalize the action. It creates a temp table, creates the new
+     * table with modifications, and copies the data over to the new table.
+     * Resets the connection dataCache to be sure changes are collected.
+     */
+    public function run(): bool
+    {
+        $this->db->query('PRAGMA foreign_keys = OFF');
+
+        $this->db->transStart();
+
+        $this->forge->renameTable($this->tableName, "temp_{$this->tableName}");
+
+        $this->forge->reset();
+
+        $this->createTable();
+
+        $this->copyData();
+
+        $this->forge->dropTable("temp_{$this->tableName}");
+
+        $success = $this->db->transComplete();
+
+        $this->db->query('PRAGMA foreign_keys = ON');
+
+        $this->db->resetDataCache();
+
+        return $success;
+    }
+
+    /**
+     * Drops columns from the table.
+     *
+     * @param list<string>|string $columns Column names to drop.
+     *
+     * @return Table
+     */
+    public function dropColumn($columns)
+    {
+        if (is_string($columns)) {
+            $columns = explode(',', $columns);
+        }
+
+        foreach ($columns as $column) {
+            $column = trim($column);
+            if (isset($this->fields[$column])) {
+                unset($this->fields[$column]);
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * Modifies a field, including changing data type, renaming, etc.
+     *
+     * @param list<array<string, bool|int|string|null>> $fieldsToModify
+     *
+     * @return Table
+     */
+    public function modifyColumn(array $fieldsToModify)
+    {
+        foreach ($fieldsToModify as $field) {
+            $oldName = $field['name'];
+            unset($field['name']);
+
+            $this->fields[$oldName] = $field;
+        }
+
+        return $this;
+    }
+
+    /**
+     * Drops the primary key
+     */
+    public function dropPrimaryKey(): Table
+    {
+        $primaryIndexes = array_filter($this->keys, static fn ($index): bool => strtolower($index['type']) === 'primary');
+
+        foreach (array_keys($primaryIndexes) as $key) {
+            unset($this->keys[$key]);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Drops a foreign key from this table so that
+     * it won't be recreated in the future.
+     *
+     * @return Table
+     */
+    public function dropForeignKey(string $foreignName)
+    {
+        if (empty($this->foreignKeys)) {
+            return $this;
+        }
+
+        if (isset($this->foreignKeys[$foreignName])) {
+            unset($this->foreignKeys[$foreignName]);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Adds primary key
+     */
+    public function addPrimaryKey(array $fields): Table
+    {
+        $primaryIndexes = array_filter($this->keys, static fn ($index): bool => strtolower($index['type']) === 'primary');
+
+        // if primary key already exists we can't add another one
+        if ($primaryIndexes !== []) {
+            return $this;
+        }
+
+        // add array to keys of fields
+        $pk = [
+            'fields' => $fields['fields'],
+            'type'   => 'primary',
+        ];
+
+        $this->keys['primary'] = $pk;
+
+        return $this;
+    }
+
+    /**
+     * Add a foreign key
+     *
+     * @return $this
+     */
+    public function addForeignKey(array $foreignKeys)
+    {
+        $fk = [];
+
+        // convert to object
+        foreach ($foreignKeys as $row) {
+            $obj                      = new stdClass();
+            $obj->column_name         = $row['field'];
+            $obj->foreign_table_name  = $row['referenceTable'];
+            $obj->foreign_column_name = $row['referenceField'];
+            $obj->on_delete           = $row['onDelete'];
+            $obj->on_update           = $row['onUpdate'];
+
+            $fk[] = $obj;
+        }
+
+        $this->foreignKeys = array_merge($this->foreignKeys, $fk);
+
+        return $this;
+    }
+
+    /**
+     * Creates the new table based on our current fields.
+     *
+     * @return bool
+     */
+    protected function createTable()
+    {
+        $this->dropIndexes();
+        $this->db->resetDataCache();
+
+        // Handle any modified columns.
+        $fields = [];
+
+        foreach ($this->fields as $name => $field) {
+            if (isset($field['new_name'])) {
+                $fields[$field['new_name']] = $field;
+
+                continue;
+            }
+
+            $fields[$name] = $field;
+        }
+
+        $this->forge->addField($fields);
+
+        $fieldNames = array_keys($fields);
+
+        $this->keys = array_filter(
+            $this->keys,
+            static fn ($index): bool => count(array_intersect($index['fields'], $fieldNames)) === count($index['fields']),
+        );
+
+        // Unique/Index keys
+        if (is_array($this->keys)) {
+            foreach ($this->keys as $keyName => $key) {
+                switch ($key['type']) {
+                    case 'primary':
+                        $this->forge->addPrimaryKey($key['fields']);
+                        break;
+
+                    case 'unique':
+                        $this->forge->addUniqueKey($key['fields'], $keyName);
+                        break;
+
+                    case 'index':
+                        $this->forge->addKey($key['fields'], false, false, $keyName);
+                        break;
+                }
+            }
+        }
+
+        foreach ($this->foreignKeys as $foreignKey) {
+            $this->forge->addForeignKey(
+                $foreignKey->column_name,
+                trim($foreignKey->foreign_table_name, $this->db->DBPrefix),
+                $foreignKey->foreign_column_name,
+            );
+        }
+
+        return $this->forge->createTable($this->tableName);
+    }
+
+    /**
+     * Copies data from our old table to the new one,
+     * taking care map data correctly based on any columns
+     * that have been renamed.
+     *
+     * @return void
+     */
+    protected function copyData()
+    {
+        $exFields  = [];
+        $newFields = [];
+
+        foreach ($this->fields as $name => $details) {
+            $newFields[] = $details['new_name'] ?? $name;
+            $exFields[]  = $name;
+        }
+
+        $exFields = implode(
+            ', ',
+            array_map(fn ($item) => $this->db->protectIdentifiers($item), $exFields),
+        );
+        $newFields = implode(
+            ', ',
+            array_map(fn ($item) => $this->db->protectIdentifiers($item), $newFields),
+        );
+
+        $this->db->query(
+            "INSERT INTO {$this->prefixedTableName}({$newFields}) SELECT {$exFields} FROM {$this->db->DBPrefix}temp_{$this->tableName}",
+        );
+    }
+
+    /**
+     * Converts fields retrieved from the database to
+     * the format needed for creating fields with Forge.
+     *
+     * @param array|bool $fields
+     *
+     * @return ($fields is array ? array : mixed)
+     */
+    protected function formatFields($fields)
+    {
+        if (! is_array($fields)) {
+            return $fields;
+        }
+
+        $return = [];
+
+        foreach ($fields as $field) {
+            $return[$field->name] = [
+                'type'    => $field->type,
+                'default' => $field->default,
+                'null'    => $field->nullable,
+            ];
+
+            if ($field->default === null) {
+                // `null` means that the default value is not defined.
+                unset($return[$field->name]['default']);
+            } elseif ($field->default === 'NULL') {
+                // 'NULL' means that the default value is NULL.
+                $return[$field->name]['default'] = null;
+            } else {
+                $default = trim($field->default, "'");
+
+                if ($this->isIntegerType($field->type)) {
+                    $default = (int) $default;
+                } elseif ($this->isNumericType($field->type)) {
+                    $default = (float) $default;
+                }
+
+                $return[$field->name]['default'] = $default;
+            }
+
+            if ($field->primary_key) {
+                $this->keys['primary'] = [
+                    'fields' => [$field->name],
+                    'type'   => 'primary',
+                ];
+            }
+        }
+
+        return $return;
+    }
+
+    /**
+     * Is INTEGER type?
+     *
+     * @param string $type SQLite data type (case-insensitive)
+     *
+     * @see https://www.sqlite.org/datatype3.html
+     */
+    private function isIntegerType(string $type): bool
+    {
+        return str_contains(strtoupper($type), 'INT');
+    }
+
+    /**
+     * Is NUMERIC type?
+     *
+     * @param string $type SQLite data type (case-insensitive)
+     *
+     * @see https://www.sqlite.org/datatype3.html
+     */
+    private function isNumericType(string $type): bool
+    {
+        return in_array(strtoupper($type), ['NUMERIC', 'DECIMAL'], true);
+    }
+
+    /**
+     * Converts keys retrieved from the database to
+     * the format needed to create later.
+     *
+     * @param array<string, stdClass> $keys
+     *
+     * @return array<string, array{fields: string, type: string}>
+     */
+    protected function formatKeys($keys)
+    {
+        $return = [];
+
+        foreach ($keys as $name => $key) {
+            $return[strtolower($name)] = [
+                'fields' => $key->fields,
+                'type'   => strtolower($key->type),
+            ];
+        }
+
+        return $return;
+    }
+
+    /**
+     * Attempts to drop all indexes and constraints
+     * from the database for this table.
+     *
+     * @return void
+     */
+    protected function dropIndexes()
+    {
+        if (! is_array($this->keys) || $this->keys === []) {
+            return;
+        }
+
+        foreach (array_keys($this->keys) as $name) {
+            if ($name === 'primary') {
+                continue;
+            }
+
+            $this->db->query("DROP INDEX IF EXISTS '{$name}'");
+        }
+    }
+}
diff --git a/ci4app/system/Database/SQLite3/Utils.php b/ci4app/system/Database/SQLite3/Utils.php
new file mode 100644
index 0000000..93f7f0e
--- /dev/null
+++ b/ci4app/system/Database/SQLite3/Utils.php
@@ -0,0 +1,40 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database\SQLite3;
+
+use CodeIgniter\Database\BaseUtils;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+
+/**
+ * Utils for SQLite3
+ */
+class Utils extends BaseUtils
+{
+    /**
+     * OPTIMIZE TABLE statement
+     *
+     * @var string
+     */
+    protected $optimizeTable = 'REINDEX %s';
+
+    /**
+     * Platform dependent version of the backup function.
+     *
+     * @return never
+     */
+    public function _backup(?array $prefs = null)
+    {
+        throw new DatabaseException('Unsupported feature of the database platform you are using.');
+    }
+}
diff --git a/ci4app/system/Database/Seeder.php b/ci4app/system/Database/Seeder.php
new file mode 100644
index 0000000..aacc8e9
--- /dev/null
+++ b/ci4app/system/Database/Seeder.php
@@ -0,0 +1,195 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use Config\Database;
+use Faker\Factory;
+use Faker\Generator;
+
+/**
+ * Class Seeder
+ */
+class Seeder
+{
+    /**
+     * The name of the database group to use.
+     *
+     * @var non-empty-string
+     */
+    protected $DBGroup;
+
+    /**
+     * Where we can find the Seed files.
+     *
+     * @var string
+     */
+    protected $seedPath;
+
+    /**
+     * An instance of the main Database configuration
+     *
+     * @var Database
+     */
+    protected $config;
+
+    /**
+     * Database Connection instance
+     *
+     * @var BaseConnection
+     */
+    protected $db;
+
+    /**
+     * Database Forge instance.
+     *
+     * @var Forge
+     */
+    protected $forge;
+
+    /**
+     * If true, will not display CLI messages.
+     *
+     * @var bool
+     */
+    protected $silent = false;
+
+    /**
+     * Faker Generator instance.
+     *
+     * @deprecated
+     */
+    private static ?Generator $faker = null;
+
+    /**
+     * Seeder constructor.
+     */
+    public function __construct(Database $config, ?BaseConnection $db = null)
+    {
+        $this->seedPath = $config->filesPath ?? APPPATH . 'Database/';
+
+        if ($this->seedPath === '') {
+            throw new InvalidArgumentException('Invalid filesPath set in the Config\Database.');
+        }
+
+        $this->seedPath = rtrim($this->seedPath, '\\/') . '/Seeds/';
+
+        if (! is_dir($this->seedPath)) {
+            throw new InvalidArgumentException('Unable to locate the seeds directory. Please check Config\Database::filesPath');
+        }
+
+        $this->config = &$config;
+
+        $db ??= Database::connect($this->DBGroup);
+
+        $this->db    = $db;
+        $this->forge = Database::forge($this->DBGroup);
+    }
+
+    /**
+     * Gets the Faker Generator instance.
+     *
+     * @deprecated
+     */
+    public static function faker(): ?Generator
+    {
+        if (! self::$faker instanceof Generator && class_exists(Factory::class)) {
+            self::$faker = Factory::create();
+        }
+
+        return self::$faker;
+    }
+
+    /**
+     * Loads the specified seeder and runs it.
+     *
+     * @return void
+     *
+     * @throws InvalidArgumentException
+     */
+    public function call(string $class)
+    {
+        $class = trim($class);
+
+        if ($class === '') {
+            throw new InvalidArgumentException('No seeder was specified.');
+        }
+
+        if (! str_contains($class, '\\')) {
+            $path = $this->seedPath . str_replace('.php', '', $class) . '.php';
+
+            if (! is_file($path)) {
+                throw new InvalidArgumentException('The specified seeder is not a valid file: ' . $path);
+            }
+
+            // Assume the class has the correct namespace
+            // @codeCoverageIgnoreStart
+            $class = APP_NAMESPACE . '\Database\Seeds\\' . $class;
+
+            if (! class_exists($class, false)) {
+                require_once $path;
+            }
+            // @codeCoverageIgnoreEnd
+        }
+
+        /** @var Seeder $seeder */
+        $seeder = new $class($this->config);
+        $seeder->setSilent($this->silent)->run();
+
+        unset($seeder);
+
+        if (is_cli() && ! $this->silent) {
+            CLI::write("Seeded: {$class}", 'green');
+        }
+    }
+
+    /**
+     * Sets the location of the directory that seed files can be located in.
+     *
+     * @return $this
+     */
+    public function setPath(string $path)
+    {
+        $this->seedPath = rtrim($path, '\\/') . '/';
+
+        return $this;
+    }
+
+    /**
+     * Sets the silent treatment.
+     *
+     * @return $this
+     */
+    public function setSilent(bool $silent)
+    {
+        $this->silent = $silent;
+
+        return $this;
+    }
+
+    /**
+     * Run the database seeds. This is where the magic happens.
+     *
+     * Child classes must implement this method and take care
+     * of inserting their data here.
+     *
+     * @return void
+     *
+     * @codeCoverageIgnore
+     */
+    public function run()
+    {
+    }
+}
diff --git a/ci4app/system/Database/TableName.php b/ci4app/system/Database/TableName.php
new file mode 100644
index 0000000..a34ac57
--- /dev/null
+++ b/ci4app/system/Database/TableName.php
@@ -0,0 +1,135 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Database;
+
+/**
+ * Represents a table name in SQL.
+ *
+ * @interal
+ *
+ * @see \CodeIgniter\Database\TableNameTest
+ */
+class TableName
+{
+    /**
+     * @param string $actualTable  Actual table name
+     * @param string $logicalTable Logical table name (w/o DB prefix)
+     * @param string $schema       Schema name
+     * @param string $database     Database name
+     * @param string $alias        Alias name
+     */
+    protected function __construct(
+        private readonly string $actualTable,
+        private readonly string $logicalTable = '',
+        private readonly string $schema = '',
+        private readonly string $database = '',
+        private readonly string $alias = '',
+    ) {
+    }
+
+    /**
+     * Creates a new instance.
+     *
+     * @param string $table Table name (w/o DB prefix)
+     * @param string $alias Alias name
+     */
+    public static function create(string $dbPrefix, string $table, string $alias = ''): self
+    {
+        return new self(
+            $dbPrefix . $table,
+            $table,
+            '',
+            '',
+            $alias,
+        );
+    }
+
+    /**
+     * Creates a new instance from an actual table name.
+     *
+     * @param string $actualTable Actual table name with DB prefix
+     * @param string $alias       Alias name
+     */
+    public static function fromActualName(string $dbPrefix, string $actualTable, string $alias = ''): self
+    {
+        $prefix       = $dbPrefix;
+        $logicalTable = '';
+
+        if (str_starts_with($actualTable, $prefix)) {
+            $logicalTable = substr($actualTable, strlen($prefix));
+        }
+
+        return new self(
+            $actualTable,
+            $logicalTable,
+            '',
+            $alias,
+        );
+    }
+
+    /**
+     * Creates a new instance from full name.
+     *
+     * @param string $table    Table name (w/o DB prefix)
+     * @param string $schema   Schema name
+     * @param string $database Database name
+     * @param string $alias    Alias name
+     */
+    public static function fromFullName(
+        string $dbPrefix,
+        string $table,
+        string $schema = '',
+        string $database = '',
+        string $alias = '',
+    ): self {
+        return new self(
+            $dbPrefix . $table,
+            $table,
+            $schema,
+            $database,
+            $alias,
+        );
+    }
+
+    /**
+     * Returns the single segment table name w/o DB prefix.
+     */
+    public function getTableName(): string
+    {
+        return $this->logicalTable;
+    }
+
+    /**
+     * Returns the actual single segment table name w/z DB prefix.
+     */
+    public function getActualTableName(): string
+    {
+        return $this->actualTable;
+    }
+
+    public function getAlias(): string
+    {
+        return $this->alias;
+    }
+
+    public function getSchema(): string
+    {
+        return $this->schema;
+    }
+
+    public function getDatabase(): string
+    {
+        return $this->database;
+    }
+}
diff --git a/ci4app/system/Debug/BaseExceptionHandler.php b/ci4app/system/Debug/BaseExceptionHandler.php
new file mode 100644
index 0000000..3966b2e
--- /dev/null
+++ b/ci4app/system/Debug/BaseExceptionHandler.php
@@ -0,0 +1,271 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Debug;
+
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use Config\Exceptions as ExceptionsConfig;
+use Throwable;
+
+/**
+ * Provides common functions for exception handlers,
+ * especially around displaying the output.
+ */
+abstract class BaseExceptionHandler
+{
+    /**
+     * Config for debug exceptions.
+     */
+    protected ExceptionsConfig $config;
+
+    /**
+     * Nesting level of the output buffering mechanism
+     */
+    protected int $obLevel;
+
+    /**
+     * The path to the directory containing the
+     * cli and html error view directories.
+     */
+    protected ?string $viewPath = null;
+
+    public function __construct(ExceptionsConfig $config)
+    {
+        $this->config = $config;
+
+        $this->obLevel = ob_get_level();
+
+        if ($this->viewPath === null) {
+            $this->viewPath = rtrim($this->config->errorViewPath, '\\/ ') . DIRECTORY_SEPARATOR;
+        }
+    }
+
+    /**
+     * The main entry point into the handler.
+     *
+     * @return void
+     */
+    abstract public function handle(
+        Throwable $exception,
+        RequestInterface $request,
+        ResponseInterface $response,
+        int $statusCode,
+        int $exitCode,
+    );
+
+    /**
+     * Gathers the variables that will be made available to the view.
+     */
+    protected function collectVars(Throwable $exception, int $statusCode): array
+    {
+        // Get the first exception.
+        $firstException = $exception;
+
+        while ($prevException = $firstException->getPrevious()) {
+            $firstException = $prevException;
+        }
+
+        $trace = $firstException->getTrace();
+
+        if ($this->config->sensitiveDataInTrace !== []) {
+            $trace = $this->maskSensitiveData($trace, $this->config->sensitiveDataInTrace);
+        }
+
+        return [
+            'title'   => $exception::class,
+            'type'    => $exception::class,
+            'code'    => $statusCode,
+            'message' => $exception->getMessage(),
+            'file'    => $exception->getFile(),
+            'line'    => $exception->getLine(),
+            'trace'   => $trace,
+        ];
+    }
+
+    /**
+     * Mask sensitive data in the trace.
+     */
+    protected function maskSensitiveData(array $trace, array $keysToMask, string $path = ''): array
+    {
+        foreach ($trace as $i => $line) {
+            $trace[$i]['args'] = $this->maskData($line['args'], $keysToMask);
+        }
+
+        return $trace;
+    }
+
+    /**
+     * @param array|object $args
+     *
+     * @return array|object
+     */
+    private function maskData($args, array $keysToMask, string $path = '')
+    {
+        foreach ($keysToMask as $keyToMask) {
+            $explode = explode('/', $keyToMask);
+            $index   = end($explode);
+
+            if (str_starts_with(strrev($path . '/' . $index), strrev($keyToMask))) {
+                if (is_array($args) && array_key_exists($index, $args)) {
+                    $args[$index] = '******************';
+                } elseif (
+                    is_object($args) && property_exists($args, $index)
+                    && isset($args->{$index}) && is_scalar($args->{$index})
+                ) {
+                    $args->{$index} = '******************';
+                }
+            }
+        }
+
+        if (is_array($args)) {
+            foreach ($args as $pathKey => $subarray) {
+                $args[$pathKey] = $this->maskData($subarray, $keysToMask, $path . '/' . $pathKey);
+            }
+        } elseif (is_object($args)) {
+            foreach ($args as $pathKey => $subarray) {
+                $args->{$pathKey} = $this->maskData($subarray, $keysToMask, $path . '/' . $pathKey);
+            }
+        }
+
+        return $args;
+    }
+
+    /**
+     * Describes memory usage in real-world units. Intended for use
+     * with memory_get_usage, etc.
+     *
+     * @used-by app/Views/errors/html/error_exception.php
+     */
+    protected static function describeMemory(int $bytes): string
+    {
+        helper('number');
+
+        return number_to_size($bytes, 2);
+    }
+
+    /**
+     * Creates a syntax-highlighted version of a PHP file.
+     *
+     * @used-by app/Views/errors/html/error_exception.php
+     *
+     * @return bool|string
+     */
+    protected static function highlightFile(string $file, int $lineNumber, int $lines = 15)
+    {
+        if ($file === '' || ! is_readable($file)) {
+            return false;
+        }
+
+        // Set our highlight colors:
+        if (function_exists('ini_set')) {
+            ini_set('highlight.comment', '#767a7e; font-style: italic');
+            ini_set('highlight.default', '#c7c7c7');
+            ini_set('highlight.html', '#06B');
+            ini_set('highlight.keyword', '#f1ce61;');
+            ini_set('highlight.string', '#869d6a');
+        }
+
+        try {
+            $source = file_get_contents($file);
+        } catch (Throwable) {
+            return false;
+        }
+
+        $source = str_replace(["\r\n", "\r"], "\n", $source);
+        $source = explode("\n", highlight_string($source, true));
+
+        if (PHP_VERSION_ID < 80300) {
+            $source = str_replace('<br />', "\n", $source[1]);
+            $source = explode("\n", str_replace("\r\n", "\n", $source));
+        } else {
+            // We have to remove these tags since we're preparing the result
+            // ourselves and these tags are added manually at the end.
+            $source = str_replace(['<pre><code>', '</code></pre>'], '', $source);
+        }
+
+        // Get just the part to show
+        $start = max($lineNumber - (int) round($lines / 2), 0);
+
+        // Get just the lines we need to display, while keeping line numbers...
+        $source = array_splice($source, $start, $lines, true);
+
+        // Used to format the line number in the source
+        $format = '% ' . strlen((string) ($start + $lines)) . 'd';
+
+        $out = '';
+        // Because the highlighting may have an uneven number
+        // of open and close span tags on one line, we need
+        // to ensure we can close them all to get the lines
+        // showing correctly.
+        $spans = 0;
+
+        foreach ($source as $n => $row) {
+            $spans += substr_count($row, '<span') - substr_count($row, '</span');
+            $row = str_replace(["\r", "\n"], ['', ''], $row);
+
+            if (($n + $start + 1) === $lineNumber) {
+                preg_match_all('#<[^>]+>#', $row, $tags);
+
+                $out .= sprintf(
+                    "<span class='line highlight'><span class='number'>{$format}</span> %s\n</span>%s",
+                    $n + $start + 1,
+                    strip_tags($row),
+                    implode('', $tags[0]),
+                );
+            } else {
+                $out .= sprintf('<span class="line"><span class="number">' . $format . '</span> %s', $n + $start + 1, $row) . "\n";
+                // We're closing only one span tag we added manually line before,
+                // so we have to increment $spans count to close this tag later.
+                $spans++;
+            }
+        }
+
+        if ($spans > 0) {
+            $out .= str_repeat('</span>', $spans);
+        }
+
+        return '<pre><code>' . $out . '</code></pre>';
+    }
+
+    /**
+     * Given an exception and status code will display the error to the client.
+     *
+     * @param string|null $viewFile
+     */
+    protected function render(Throwable $exception, int $statusCode, $viewFile = null): void
+    {
+        if ($viewFile === null) {
+            echo 'The error view file was not specified. Cannot display error view.';
+
+            exit(1);
+        }
+
+        if (! is_file($viewFile)) {
+            echo 'The error view file "' . $viewFile . '" was not found. Cannot display error view.';
+
+            exit(1);
+        }
+
+        echo (function () use ($exception, $statusCode, $viewFile): string {
+            $vars = $this->collectVars($exception, $statusCode);
+            extract($vars, EXTR_SKIP);
+
+            // CLI error views output to STDERR/STDOUT, so ob_start() does not work.
+            ob_start();
+            include $viewFile;
+
+            return ob_get_clean();
+        })();
+    }
+}
diff --git a/ci4app/system/Debug/ExceptionHandler.php b/ci4app/system/Debug/ExceptionHandler.php
new file mode 100644
index 0000000..68ab5fe
--- /dev/null
+++ b/ci4app/system/Debug/ExceptionHandler.php
@@ -0,0 +1,167 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Debug;
+
+use CodeIgniter\API\ResponseTrait;
+use CodeIgniter\Exceptions\PageNotFoundException;
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use Config\Paths;
+use Throwable;
+
+/**
+ * @see \CodeIgniter\Debug\ExceptionHandlerTest
+ */
+final class ExceptionHandler extends BaseExceptionHandler implements ExceptionHandlerInterface
+{
+    use ResponseTrait;
+
+    /**
+     * ResponseTrait needs this.
+     */
+    private ?RequestInterface $request = null;
+
+    /**
+     * ResponseTrait needs this.
+     */
+    private ?ResponseInterface $response = null;
+
+    /**
+     * Determines the correct way to display the error.
+     */
+    public function handle(
+        Throwable $exception,
+        RequestInterface $request,
+        ResponseInterface $response,
+        int $statusCode,
+        int $exitCode,
+    ): void {
+        // ResponseTrait needs these properties.
+        $this->request  = $request;
+        $this->response = $response;
+
+        if ($request instanceof IncomingRequest) {
+            try {
+                $response->setStatusCode($statusCode);
+            } catch (HTTPException) {
+                // Workaround for invalid HTTP status code.
+                $statusCode = 500;
+                $response->setStatusCode($statusCode);
+            }
+
+            if (! headers_sent()) {
+                header(
+                    sprintf(
+                        'HTTP/%s %s %s',
+                        $request->getProtocolVersion(),
+                        $response->getStatusCode(),
+                        $response->getReasonPhrase(),
+                    ),
+                    true,
+                    $statusCode,
+                );
+            }
+
+            // Handles non-HTML requests.
+            if (! str_contains($request->getHeaderLine('accept'), 'text/html')) {
+                // If display_errors is enabled, shows the error details.
+                $data = $this->isDisplayErrorsEnabled()
+                    ? $this->collectVars($exception, $statusCode)
+                    : '';
+
+                $this->respond($data, $statusCode)->send();
+
+                if (ENVIRONMENT !== 'testing') {
+                    // @codeCoverageIgnoreStart
+                    exit($exitCode);
+                    // @codeCoverageIgnoreEnd
+                }
+
+                return;
+            }
+        }
+
+        // Determine possible directories of error views
+        $addPath = ($request instanceof IncomingRequest ? 'html' : 'cli') . DIRECTORY_SEPARATOR;
+        $path    = $this->viewPath . $addPath;
+        $altPath = rtrim((new Paths())->viewDirectory, '\\/ ')
+            . DIRECTORY_SEPARATOR . 'errors' . DIRECTORY_SEPARATOR . $addPath;
+
+        // Determine the views
+        $view    = $this->determineView($exception, $path, $statusCode);
+        $altView = $this->determineView($exception, $altPath, $statusCode);
+
+        // Check if the view exists
+        $viewFile = null;
+        if (is_file($path . $view)) {
+            $viewFile = $path . $view;
+        } elseif (is_file($altPath . $altView)) {
+            $viewFile = $altPath . $altView;
+        }
+
+        // Displays the HTML or CLI error code.
+        $this->render($exception, $statusCode, $viewFile);
+
+        if (ENVIRONMENT !== 'testing') {
+            // @codeCoverageIgnoreStart
+            exit($exitCode);
+            // @codeCoverageIgnoreEnd
+        }
+    }
+
+    /**
+     * Determines the view to display based on the exception thrown, HTTP status
+     * code, whether an HTTP or CLI request, etc.
+     *
+     * @return string The filename of the view file to use
+     */
+    protected function determineView(
+        Throwable $exception,
+        string $templatePath,
+        int $statusCode = 500,
+    ): string {
+        // Production environments should have a custom exception file.
+        $view = 'production.php';
+
+        if ($this->isDisplayErrorsEnabled()) {
+            // If display_errors is enabled, shows the error details.
+            $view = 'error_exception.php';
+        }
+
+        // 404 Errors
+        if ($exception instanceof PageNotFoundException) {
+            return 'error_404.php';
+        }
+
+        $templatePath = rtrim($templatePath, '\\/ ') . DIRECTORY_SEPARATOR;
+
+        // Allow for custom views based upon the status code
+        if (is_file($templatePath . 'error_' . $statusCode . '.php')) {
+            return 'error_' . $statusCode . '.php';
+        }
+
+        return $view;
+    }
+
+    private function isDisplayErrorsEnabled(): bool
+    {
+        return in_array(
+            strtolower(ini_get('display_errors')),
+            ['1', 'true', 'on', 'yes'],
+            true,
+        );
+    }
+}
diff --git a/ci4app/system/Debug/ExceptionHandlerInterface.php b/ci4app/system/Debug/ExceptionHandlerInterface.php
new file mode 100644
index 0000000..05915c6
--- /dev/null
+++ b/ci4app/system/Debug/ExceptionHandlerInterface.php
@@ -0,0 +1,32 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Debug;
+
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use Throwable;
+
+interface ExceptionHandlerInterface
+{
+    /**
+     * Determines the correct way to display the error.
+     */
+    public function handle(
+        Throwable $exception,
+        RequestInterface $request,
+        ResponseInterface $response,
+        int $statusCode,
+        int $exitCode,
+    ): void;
+}
diff --git a/ci4app/system/Debug/Exceptions.php b/ci4app/system/Debug/Exceptions.php
new file mode 100644
index 0000000..1a02933
--- /dev/null
+++ b/ci4app/system/Debug/Exceptions.php
@@ -0,0 +1,686 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Debug;
+
+use CodeIgniter\API\ResponseTrait;
+use CodeIgniter\Exceptions\HasExitCodeInterface;
+use CodeIgniter\Exceptions\HTTPExceptionInterface;
+use CodeIgniter\Exceptions\PageNotFoundException;
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use Config\Exceptions as ExceptionsConfig;
+use Config\Paths;
+use ErrorException;
+use Psr\Log\LogLevel;
+use Throwable;
+
+/**
+ * Exceptions manager
+ *
+ * @see \CodeIgniter\Debug\ExceptionsTest
+ */
+class Exceptions
+{
+    use ResponseTrait;
+
+    /**
+     * Nesting level of the output buffering mechanism
+     *
+     * @var int
+     *
+     * @deprecated 4.4.0 No longer used. Moved to BaseExceptionHandler.
+     */
+    public $ob_level;
+
+    /**
+     * The path to the directory containing the
+     * cli and html error view directories.
+     *
+     * @var string
+     *
+     * @deprecated 4.4.0 No longer used. Moved to BaseExceptionHandler.
+     */
+    protected $viewPath;
+
+    /**
+     * Config for debug exceptions.
+     *
+     * @var ExceptionsConfig
+     */
+    protected $config;
+
+    /**
+     * The request.
+     *
+     * @var RequestInterface|null
+     */
+    protected $request;
+
+    /**
+     * The outgoing response.
+     *
+     * @var ResponseInterface
+     */
+    protected $response;
+
+    private ?Throwable $exceptionCaughtByExceptionHandler = null;
+
+    public function __construct(ExceptionsConfig $config)
+    {
+        // For backward compatibility
+        $this->ob_level = ob_get_level();
+        $this->viewPath = rtrim($config->errorViewPath, '\\/ ') . DIRECTORY_SEPARATOR;
+
+        $this->config = $config;
+
+        // workaround for upgraded users
+        // This causes "Deprecated: Creation of dynamic property" in PHP 8.2.
+        // @TODO remove this after dropping PHP 8.1 support.
+        if (! isset($this->config->sensitiveDataInTrace)) {
+            $this->config->sensitiveDataInTrace = [];
+        }
+        if (! isset($this->config->logDeprecations, $this->config->deprecationLogLevel)) {
+            $this->config->logDeprecations     = false;
+            $this->config->deprecationLogLevel = LogLevel::WARNING;
+        }
+    }
+
+    /**
+     * Responsible for registering the error, exception and shutdown
+     * handling of our application.
+     *
+     * @codeCoverageIgnore
+     *
+     * @return void
+     */
+    public function initialize()
+    {
+        set_exception_handler($this->exceptionHandler(...));
+        set_error_handler($this->errorHandler(...));
+        register_shutdown_function([$this, 'shutdownHandler']);
+    }
+
+    /**
+     * Catches any uncaught errors and exceptions, including most Fatal errors
+     * (Yay PHP7!). Will log the error, display it if display_errors is on,
+     * and fire an event that allows custom actions to be taken at this point.
+     *
+     * @return void
+     */
+    public function exceptionHandler(Throwable $exception)
+    {
+        $this->exceptionCaughtByExceptionHandler = $exception;
+
+        [$statusCode, $exitCode] = $this->determineCodes($exception);
+
+        $this->request = service('request');
+
+        if ($this->config->log === true && ! in_array($statusCode, $this->config->ignoreCodes, true)) {
+            $uri       = $this->request->getPath() === '' ? '/' : $this->request->getPath();
+            $routeInfo = '[Method: ' . $this->request->getMethod() . ', Route: ' . $uri . ']';
+
+            log_message('critical', $exception::class . ": {message}\n{routeInfo}\nin {exFile} on line {exLine}.\n{trace}", [
+                'message'   => $exception->getMessage(),
+                'routeInfo' => $routeInfo,
+                'exFile'    => clean_path($exception->getFile()), // {file} refers to THIS file
+                'exLine'    => $exception->getLine(), // {line} refers to THIS line
+                'trace'     => self::renderBacktrace($exception->getTrace()),
+            ]);
+
+            // Get the first exception.
+            $last = $exception;
+
+            while ($prevException = $last->getPrevious()) {
+                $last = $prevException;
+
+                log_message('critical', '[Caused by] ' . $prevException::class . ": {message}\nin {exFile} on line {exLine}.\n{trace}", [
+                    'message' => $prevException->getMessage(),
+                    'exFile'  => clean_path($prevException->getFile()), // {file} refers to THIS file
+                    'exLine'  => $prevException->getLine(), // {line} refers to THIS line
+                    'trace'   => self::renderBacktrace($prevException->getTrace()),
+                ]);
+            }
+        }
+
+        $this->response = service('response');
+
+        if (method_exists($this->config, 'handler')) {
+            // Use new ExceptionHandler
+            $handler = $this->config->handler($statusCode, $exception);
+            $handler->handle(
+                $exception,
+                $this->request,
+                $this->response,
+                $statusCode,
+                $exitCode,
+            );
+
+            return;
+        }
+
+        // For backward compatibility
+        if (! is_cli()) {
+            try {
+                $this->response->setStatusCode($statusCode);
+            } catch (HTTPException) {
+                // Workaround for invalid HTTP status code.
+                $statusCode = 500;
+                $this->response->setStatusCode($statusCode);
+            }
+
+            if (! headers_sent()) {
+                header(sprintf('HTTP/%s %s %s', $this->request->getProtocolVersion(), $this->response->getStatusCode(), $this->response->getReasonPhrase()), true, $statusCode);
+            }
+
+            if (! str_contains($this->request->getHeaderLine('accept'), 'text/html')) {
+                $this->respond(ENVIRONMENT === 'development' ? $this->collectVars($exception, $statusCode) : '', $statusCode)->send();
+
+                exit($exitCode);
+            }
+        }
+
+        $this->render($exception, $statusCode);
+
+        exit($exitCode);
+    }
+
+    /**
+     * The callback to be registered to `set_error_handler()`.
+     *
+     * @return bool
+     *
+     * @throws ErrorException
+     *
+     * @codeCoverageIgnore
+     */
+    public function errorHandler(int $severity, string $message, ?string $file = null, ?int $line = null)
+    {
+        if ($this->isDeprecationError($severity)) {
+            if ($this->isSessionSidDeprecationError($message, $file, $line)) {
+                return true;
+            }
+
+            if ($this->isImplicitNullableDeprecationError($message, $file, $line)) {
+                return true;
+            }
+
+            if (! $this->config->logDeprecations || (bool) env('CODEIGNITER_SCREAM_DEPRECATIONS')) {
+                throw new ErrorException($message, 0, $severity, $file, $line);
+            }
+
+            return $this->handleDeprecationError($message, $file, $line);
+        }
+
+        if ((error_reporting() & $severity) !== 0) {
+            throw new ErrorException($message, 0, $severity, $file, $line);
+        }
+
+        return false; // return false to propagate the error to PHP standard error handler
+    }
+
+    /**
+     * Handles session.sid_length and session.sid_bits_per_character deprecations
+     * in PHP 8.4.
+     */
+    private function isSessionSidDeprecationError(string $message, ?string $file = null, ?int $line = null): bool
+    {
+        if (
+            PHP_VERSION_ID >= 80400
+            && str_contains($message, 'session.sid_')
+        ) {
+            log_message(
+                LogLevel::WARNING,
+                '[DEPRECATED] {message} in {errFile} on line {errLine}.',
+                [
+                    'message' => $message,
+                    'errFile' => clean_path($file ?? ''),
+                    'errLine' => $line ?? 0,
+                ],
+            );
+
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Workaround to implicit nullable deprecation errors in PHP 8.4.
+     *
+     * "Implicitly marking parameter $xxx as nullable is deprecated,
+     *  the explicit nullable type must be used instead"
+     *
+     * @TODO remove this before v4.6.0 release
+     */
+    private function isImplicitNullableDeprecationError(string $message, ?string $file = null, ?int $line = null): bool
+    {
+        if (
+            PHP_VERSION_ID >= 80400
+            && str_contains($message, 'the explicit nullable type must be used instead')
+            // Only Kint and Faker, which cause this error, are logged.
+            && (str_starts_with($message, 'Kint\\') || str_starts_with($message, 'Faker\\'))
+        ) {
+            log_message(
+                LogLevel::WARNING,
+                '[DEPRECATED] {message} in {errFile} on line {errLine}.',
+                [
+                    'message' => $message,
+                    'errFile' => clean_path($file ?? ''),
+                    'errLine' => $line ?? 0,
+                ],
+            );
+
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Checks to see if any errors have happened during shutdown that
+     * need to be caught and handle them.
+     *
+     * @codeCoverageIgnore
+     *
+     * @return void
+     */
+    public function shutdownHandler()
+    {
+        $error = error_get_last();
+
+        if ($error === null) {
+            return;
+        }
+
+        ['type' => $type, 'message' => $message, 'file' => $file, 'line' => $line] = $error;
+
+        if ($this->exceptionCaughtByExceptionHandler instanceof Throwable) {
+            $message .= "\n【Previous Exception】\n"
+                . $this->exceptionCaughtByExceptionHandler::class . "\n"
+                . $this->exceptionCaughtByExceptionHandler->getMessage() . "\n"
+                . $this->exceptionCaughtByExceptionHandler->getTraceAsString();
+        }
+
+        if (in_array($type, [E_ERROR, E_CORE_ERROR, E_COMPILE_ERROR, E_PARSE], true)) {
+            $this->exceptionHandler(new ErrorException($message, 0, $type, $file, $line));
+        }
+    }
+
+    /**
+     * Determines the view to display based on the exception thrown,
+     * whether an HTTP or CLI request, etc.
+     *
+     * @return string The path and filename of the view file to use
+     *
+     * @deprecated 4.4.0 No longer used. Moved to ExceptionHandler.
+     */
+    protected function determineView(Throwable $exception, string $templatePath): string
+    {
+        // Production environments should have a custom exception file.
+        $view         = 'production.php';
+        $templatePath = rtrim($templatePath, '\\/ ') . DIRECTORY_SEPARATOR;
+
+        if (
+            in_array(
+                strtolower(ini_get('display_errors')),
+                ['1', 'true', 'on', 'yes'],
+                true,
+            )
+        ) {
+            $view = 'error_exception.php';
+        }
+
+        // 404 Errors
+        if ($exception instanceof PageNotFoundException) {
+            return 'error_404.php';
+        }
+
+        // Allow for custom views based upon the status code
+        if (is_file($templatePath . 'error_' . $exception->getCode() . '.php')) {
+            return 'error_' . $exception->getCode() . '.php';
+        }
+
+        return $view;
+    }
+
+    /**
+     * Given an exception and status code will display the error to the client.
+     *
+     * @return void
+     *
+     * @deprecated 4.4.0 No longer used. Moved to BaseExceptionHandler.
+     */
+    protected function render(Throwable $exception, int $statusCode)
+    {
+        // Determine possible directories of error views
+        $path    = $this->viewPath;
+        $altPath = rtrim((new Paths())->viewDirectory, '\\/ ') . DIRECTORY_SEPARATOR . 'errors' . DIRECTORY_SEPARATOR;
+
+        $path    .= (is_cli() ? 'cli' : 'html') . DIRECTORY_SEPARATOR;
+        $altPath .= (is_cli() ? 'cli' : 'html') . DIRECTORY_SEPARATOR;
+
+        // Determine the views
+        $view    = $this->determineView($exception, $path);
+        $altView = $this->determineView($exception, $altPath);
+
+        // Check if the view exists
+        if (is_file($path . $view)) {
+            $viewFile = $path . $view;
+        } elseif (is_file($altPath . $altView)) {
+            $viewFile = $altPath . $altView;
+        }
+
+        if (! isset($viewFile)) {
+            echo 'The error view files were not found. Cannot render exception trace.';
+
+            exit(1);
+        }
+
+        echo (function () use ($exception, $statusCode, $viewFile): string {
+            $vars = $this->collectVars($exception, $statusCode);
+            extract($vars, EXTR_SKIP);
+
+            ob_start();
+            include $viewFile;
+
+            return ob_get_clean();
+        })();
+    }
+
+    /**
+     * Gathers the variables that will be made available to the view.
+     *
+     * @deprecated 4.4.0 No longer used. Moved to BaseExceptionHandler.
+     */
+    protected function collectVars(Throwable $exception, int $statusCode): array
+    {
+        // Get the first exception.
+        $firstException = $exception;
+
+        while ($prevException = $firstException->getPrevious()) {
+            $firstException = $prevException;
+        }
+
+        $trace = $firstException->getTrace();
+
+        if ($this->config->sensitiveDataInTrace !== []) {
+            $trace = $this->maskSensitiveData($trace, $this->config->sensitiveDataInTrace);
+        }
+
+        return [
+            'title'   => $exception::class,
+            'type'    => $exception::class,
+            'code'    => $statusCode,
+            'message' => $exception->getMessage(),
+            'file'    => $exception->getFile(),
+            'line'    => $exception->getLine(),
+            'trace'   => $trace,
+        ];
+    }
+
+    /**
+     * Mask sensitive data in the trace.
+     *
+     * @param array $trace
+     *
+     * @return array
+     *
+     * @deprecated 4.4.0 No longer used. Moved to BaseExceptionHandler.
+     */
+    protected function maskSensitiveData($trace, array $keysToMask, string $path = '')
+    {
+        foreach ($trace as $i => $line) {
+            $trace[$i]['args'] = $this->maskData($line['args'], $keysToMask);
+        }
+
+        return $trace;
+    }
+
+    /**
+     * @param array|object $args
+     *
+     * @return array|object
+     *
+     * @deprecated 4.4.0 No longer used. Moved to BaseExceptionHandler.
+     */
+    private function maskData($args, array $keysToMask, string $path = '')
+    {
+        foreach ($keysToMask as $keyToMask) {
+            $explode = explode('/', $keyToMask);
+            $index   = end($explode);
+
+            if (str_starts_with(strrev($path . '/' . $index), strrev($keyToMask))) {
+                if (is_array($args) && array_key_exists($index, $args)) {
+                    $args[$index] = '******************';
+                } elseif (
+                    is_object($args) && property_exists($args, $index)
+                    && isset($args->{$index}) && is_scalar($args->{$index})
+                ) {
+                    $args->{$index} = '******************';
+                }
+            }
+        }
+
+        if (is_array($args)) {
+            foreach ($args as $pathKey => $subarray) {
+                $args[$pathKey] = $this->maskData($subarray, $keysToMask, $path . '/' . $pathKey);
+            }
+        } elseif (is_object($args)) {
+            foreach ($args as $pathKey => $subarray) {
+                $args->{$pathKey} = $this->maskData($subarray, $keysToMask, $path . '/' . $pathKey);
+            }
+        }
+
+        return $args;
+    }
+
+    /**
+     * Determines the HTTP status code and the exit status code for this request.
+     */
+    protected function determineCodes(Throwable $exception): array
+    {
+        $statusCode = 500;
+        $exitStatus = EXIT_ERROR;
+
+        if ($exception instanceof HTTPExceptionInterface) {
+            $statusCode = $exception->getCode();
+        }
+
+        if ($exception instanceof HasExitCodeInterface) {
+            $exitStatus = $exception->getExitCode();
+        }
+
+        return [$statusCode, $exitStatus];
+    }
+
+    private function isDeprecationError(int $error): bool
+    {
+        $deprecations = E_DEPRECATED | E_USER_DEPRECATED;
+
+        return ($error & $deprecations) !== 0;
+    }
+
+    /**
+     * @return true
+     */
+    private function handleDeprecationError(string $message, ?string $file = null, ?int $line = null): bool
+    {
+        // Remove the trace of the error handler.
+        $trace = array_slice(debug_backtrace(), 2);
+
+        log_message(
+            $this->config->deprecationLogLevel,
+            "[DEPRECATED] {message} in {errFile} on line {errLine}.\n{trace}",
+            [
+                'message' => $message,
+                'errFile' => clean_path($file ?? ''),
+                'errLine' => $line ?? 0,
+                'trace'   => self::renderBacktrace($trace),
+            ],
+        );
+
+        return true;
+    }
+
+    // --------------------------------------------------------------------
+    // Display Methods
+    // --------------------------------------------------------------------
+
+    /**
+     * This makes nicer looking paths for the error output.
+     *
+     * @deprecated Use dedicated `clean_path()` function.
+     */
+    public static function cleanPath(string $file): string
+    {
+        return match (true) {
+            str_starts_with($file, APPPATH)                             => 'APPPATH' . DIRECTORY_SEPARATOR . substr($file, strlen(APPPATH)),
+            str_starts_with($file, SYSTEMPATH)                          => 'SYSTEMPATH' . DIRECTORY_SEPARATOR . substr($file, strlen(SYSTEMPATH)),
+            str_starts_with($file, FCPATH)                              => 'FCPATH' . DIRECTORY_SEPARATOR . substr($file, strlen(FCPATH)),
+            defined('VENDORPATH') && str_starts_with($file, VENDORPATH) => 'VENDORPATH' . DIRECTORY_SEPARATOR . substr($file, strlen(VENDORPATH)),
+            default                                                     => $file,
+        };
+    }
+
+    /**
+     * Describes memory usage in real-world units. Intended for use
+     * with memory_get_usage, etc.
+     *
+     * @deprecated 4.4.0 No longer used. Moved to BaseExceptionHandler.
+     */
+    public static function describeMemory(int $bytes): string
+    {
+        if ($bytes < 1024) {
+            return $bytes . 'B';
+        }
+
+        if ($bytes < 1_048_576) {
+            return round($bytes / 1024, 2) . 'KB';
+        }
+
+        return round($bytes / 1_048_576, 2) . 'MB';
+    }
+
+    /**
+     * Creates a syntax-highlighted version of a PHP file.
+     *
+     * @return bool|string
+     *
+     * @deprecated 4.4.0 No longer used. Moved to BaseExceptionHandler.
+     */
+    public static function highlightFile(string $file, int $lineNumber, int $lines = 15)
+    {
+        if ($file === '' || ! is_readable($file)) {
+            return false;
+        }
+
+        // Set our highlight colors:
+        if (function_exists('ini_set')) {
+            ini_set('highlight.comment', '#767a7e; font-style: italic');
+            ini_set('highlight.default', '#c7c7c7');
+            ini_set('highlight.html', '#06B');
+            ini_set('highlight.keyword', '#f1ce61;');
+            ini_set('highlight.string', '#869d6a');
+        }
+
+        try {
+            $source = file_get_contents($file);
+        } catch (Throwable) {
+            return false;
+        }
+
+        $source = str_replace(["\r\n", "\r"], "\n", $source);
+        $source = explode("\n", highlight_string($source, true));
+        $source = str_replace('<br />', "\n", $source[1]);
+        $source = explode("\n", str_replace("\r\n", "\n", $source));
+
+        // Get just the part to show
+        $start = max($lineNumber - (int) round($lines / 2), 0);
+
+        // Get just the lines we need to display, while keeping line numbers...
+        $source = array_splice($source, $start, $lines, true);
+
+        // Used to format the line number in the source
+        $format = '% ' . strlen((string) ($start + $lines)) . 'd';
+
+        $out = '';
+        // Because the highlighting may have an uneven number
+        // of open and close span tags on one line, we need
+        // to ensure we can close them all to get the lines
+        // showing correctly.
+        $spans = 1;
+
+        foreach ($source as $n => $row) {
+            $spans += substr_count($row, '<span') - substr_count($row, '</span');
+            $row = str_replace(["\r", "\n"], ['', ''], $row);
+
+            if (($n + $start + 1) === $lineNumber) {
+                preg_match_all('#<[^>]+>#', $row, $tags);
+
+                $out .= sprintf(
+                    "<span class='line highlight'><span class='number'>{$format}</span> %s\n</span>%s",
+                    $n + $start + 1,
+                    strip_tags($row),
+                    implode('', $tags[0]),
+                );
+            } else {
+                $out .= sprintf('<span class="line"><span class="number">' . $format . '</span> %s', $n + $start + 1, $row) . "\n";
+            }
+        }
+
+        if ($spans > 0) {
+            $out .= str_repeat('</span>', $spans);
+        }
+
+        return '<pre><code>' . $out . '</code></pre>';
+    }
+
+    private static function renderBacktrace(array $backtrace): string
+    {
+        $backtraces = [];
+
+        foreach ($backtrace as $index => $trace) {
+            $frame = $trace + ['file' => '[internal function]', 'line' => '', 'class' => '', 'type' => '', 'args' => []];
+
+            if ($frame['file'] !== '[internal function]') {
+                $frame['file'] = sprintf('%s(%s)', $frame['file'], $frame['line']);
+            }
+
+            unset($frame['line']);
+            $idx = $index;
+            $idx = str_pad((string) ++$idx, 2, ' ', STR_PAD_LEFT);
+
+            $args = implode(', ', array_map(static fn ($value): string => match (true) {
+                is_object($value)   => sprintf('Object(%s)', $value::class),
+                is_array($value)    => $value !== [] ? '[...]' : '[]',
+                $value === null     => 'null',
+                is_resource($value) => sprintf('resource (%s)', get_resource_type($value)),
+                default             => var_export($value, true),
+            }, $frame['args']));
+
+            $backtraces[] = sprintf(
+                '%s %s: %s%s%s(%s)',
+                $idx,
+                clean_path($frame['file']),
+                $frame['class'],
+                $frame['type'],
+                $frame['function'],
+                $args,
+            );
+        }
+
+        return implode("\n", $backtraces);
+    }
+}
diff --git a/ci4app/system/Debug/Iterator.php b/ci4app/system/Debug/Iterator.php
new file mode 100644
index 0000000..55ee0f3
--- /dev/null
+++ b/ci4app/system/Debug/Iterator.php
@@ -0,0 +1,134 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Debug;
+
+use Closure;
+
+/**
+ * Iterator for debugging.
+ */
+class Iterator
+{
+    /**
+     * Stores the tests that we are to run.
+     *
+     * @var array
+     */
+    protected $tests = [];
+
+    /**
+     * Stores the results of each of the tests.
+     *
+     * @var array
+     */
+    protected $results = [];
+
+    /**
+     * Adds a test to run.
+     *
+     * Tests are simply closures that the user can define any sequence of
+     * things to happen during the test.
+     *
+     * @param Closure(): mixed $closure
+     *
+     * @return $this
+     */
+    public function add(string $name, Closure $closure)
+    {
+        $name = strtolower($name);
+
+        $this->tests[$name] = $closure;
+
+        return $this;
+    }
+
+    /**
+     * Runs through all of the tests that have been added, recording
+     * time to execute the desired number of iterations, and the approximate
+     * memory usage used during those iterations.
+     *
+     * @return string|null
+     */
+    public function run(int $iterations = 1000, bool $output = true)
+    {
+        foreach ($this->tests as $name => $test) {
+            // clear memory before start
+            gc_collect_cycles();
+
+            $start    = microtime(true);
+            $startMem = $maxMemory = memory_get_usage(true);
+
+            for ($i = 0; $i < $iterations; $i++) {
+                $result    = $test();
+                $maxMemory = max($maxMemory, memory_get_usage(true));
+
+                unset($result);
+            }
+
+            $this->results[$name] = [
+                'time'   => microtime(true) - $start,
+                'memory' => $maxMemory - $startMem,
+                'n'      => $iterations,
+            ];
+        }
+
+        if ($output) {
+            return $this->getReport();
+        }
+
+        return null;
+    }
+
+    /**
+     * Get results.
+     */
+    public function getReport(): string
+    {
+        if ($this->results === []) {
+            return 'No results to display.';
+        }
+
+        helper('number');
+
+        // Template
+        $tpl = '<table>
+			<thead>
+				<tr>
+					<td>Test</td>
+					<td>Time</td>
+					<td>Memory</td>
+				</tr>
+			</thead>
+			<tbody>
+				{rows}
+			</tbody>
+		</table>';
+
+        $rows = '';
+
+        foreach ($this->results as $name => $result) {
+            $memory = number_to_size($result['memory'], 4);
+
+            $rows .= "<tr>
+				<td>{$name}</td>
+				<td>" . number_format($result['time'], 4) . "</td>
+				<td>{$memory}</td>
+			</tr>";
+        }
+
+        $tpl = str_replace('{rows}', $rows, $tpl);
+
+        return $tpl . '<br/>';
+    }
+}
diff --git a/ci4app/system/Debug/Timer.php b/ci4app/system/Debug/Timer.php
new file mode 100644
index 0000000..37e9901
--- /dev/null
+++ b/ci4app/system/Debug/Timer.php
@@ -0,0 +1,151 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Debug;
+
+use CodeIgniter\Exceptions\RuntimeException;
+
+/**
+ * Class Timer
+ *
+ * Provides a simple way to measure the amount of time
+ * that elapses between two points.
+ *
+ * @see \CodeIgniter\Debug\TimerTest
+ */
+class Timer
+{
+    /**
+     * List of all timers.
+     *
+     * @var array
+     */
+    protected $timers = [];
+
+    /**
+     * Starts a timer running.
+     *
+     * Multiple calls can be made to this method so that several
+     * execution points can be measured.
+     *
+     * @param string     $name The name of this timer.
+     * @param float|null $time Allows user to provide time.
+     *
+     * @return Timer
+     */
+    public function start(string $name, ?float $time = null)
+    {
+        $this->timers[strtolower($name)] = [
+            'start' => ! empty($time) ? $time : microtime(true),
+            'end'   => null,
+        ];
+
+        return $this;
+    }
+
+    /**
+     * Stops a running timer.
+     *
+     * If the timer is not stopped before the timers() method is called,
+     * it will be automatically stopped at that point.
+     *
+     * @param string $name The name of this timer.
+     *
+     * @return Timer
+     */
+    public function stop(string $name)
+    {
+        $name = strtolower($name);
+
+        if (empty($this->timers[$name])) {
+            throw new RuntimeException('Cannot stop timer: invalid name given.');
+        }
+
+        $this->timers[$name]['end'] = microtime(true);
+
+        return $this;
+    }
+
+    /**
+     * Returns the duration of a recorded timer.
+     *
+     * @param string $name     The name of the timer.
+     * @param int    $decimals Number of decimal places.
+     *
+     * @return float|null Returns null if timer does not exist by that name.
+     *                    Returns a float representing the number of
+     *                    seconds elapsed while that timer was running.
+     */
+    public function getElapsedTime(string $name, int $decimals = 4)
+    {
+        $name = strtolower($name);
+
+        if (empty($this->timers[$name])) {
+            return null;
+        }
+
+        $timer = $this->timers[$name];
+
+        if (empty($timer['end'])) {
+            $timer['end'] = microtime(true);
+        }
+
+        return (float) number_format($timer['end'] - $timer['start'], $decimals, '.', '');
+    }
+
+    /**
+     * Returns the array of timers, with the duration pre-calculated for you.
+     *
+     * @param int $decimals Number of decimal places
+     */
+    public function getTimers(int $decimals = 4): array
+    {
+        $timers = $this->timers;
+
+        foreach ($timers as &$timer) {
+            if (empty($timer['end'])) {
+                $timer['end'] = microtime(true);
+            }
+
+            $timer['duration'] = (float) number_format($timer['end'] - $timer['start'], $decimals);
+        }
+
+        return $timers;
+    }
+
+    /**
+     * Checks whether or not a timer with the specified name exists.
+     */
+    public function has(string $name): bool
+    {
+        return array_key_exists(strtolower($name), $this->timers);
+    }
+
+    /**
+     * Executes callable and measures its time.
+     * Returns its return value if any.
+     *
+     * @param string            $name     The name of the timer
+     * @param callable(): mixed $callable callable to be executed
+     *
+     * @return mixed
+     */
+    public function record(string $name, callable $callable)
+    {
+        $this->start($name);
+        $returnValue = $callable();
+        $this->stop($name);
+
+        return $returnValue;
+    }
+}
diff --git a/ci4app/system/Debug/Toolbar.php b/ci4app/system/Debug/Toolbar.php
new file mode 100644
index 0000000..7900c7c
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar.php
@@ -0,0 +1,550 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Debug;
+
+use CodeIgniter\CodeIgniter;
+use CodeIgniter\Debug\Toolbar\Collectors\BaseCollector;
+use CodeIgniter\Debug\Toolbar\Collectors\Config;
+use CodeIgniter\Debug\Toolbar\Collectors\History;
+use CodeIgniter\Format\JSONFormatter;
+use CodeIgniter\Format\XMLFormatter;
+use CodeIgniter\HTTP\DownloadResponse;
+use CodeIgniter\HTTP\Header;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use CodeIgniter\I18n\Time;
+use Config\Toolbar as ToolbarConfig;
+use Kint\Kint;
+
+/**
+ * Displays a toolbar with bits of stats to aid a developer in debugging.
+ *
+ * Inspiration: http://prophiler.fabfuel.de
+ */
+class Toolbar
+{
+    /**
+     * Toolbar configuration settings.
+     *
+     * @var ToolbarConfig
+     */
+    protected $config;
+
+    /**
+     * Collectors to be used and displayed.
+     *
+     * @var list<BaseCollector>
+     */
+    protected $collectors = [];
+
+    public function __construct(ToolbarConfig $config)
+    {
+        $this->config = $config;
+
+        foreach ($config->collectors as $collector) {
+            if (! class_exists($collector)) {
+                log_message(
+                    'critical',
+                    'Toolbar collector does not exist (' . $collector . ').'
+                    . ' Please check $collectors in the app/Config/Toolbar.php file.',
+                );
+
+                continue;
+            }
+
+            $this->collectors[] = new $collector();
+        }
+    }
+
+    /**
+     * Returns all the data required by Debug Bar
+     *
+     * @param float           $startTime App start time
+     * @param IncomingRequest $request
+     *
+     * @return string JSON encoded data
+     */
+    public function run(float $startTime, float $totalTime, RequestInterface $request, ResponseInterface $response): string
+    {
+        $data = [];
+        // Data items used within the view.
+        $data['url']             = current_url();
+        $data['method']          = $request->getMethod();
+        $data['isAJAX']          = $request->isAJAX();
+        $data['startTime']       = $startTime;
+        $data['totalTime']       = $totalTime * 1000;
+        $data['totalMemory']     = number_format(memory_get_peak_usage() / 1024 / 1024, 3);
+        $data['segmentDuration'] = $this->roundTo($data['totalTime'] / 7);
+        $data['segmentCount']    = (int) ceil($data['totalTime'] / $data['segmentDuration']);
+        $data['CI_VERSION']      = CodeIgniter::CI_VERSION;
+        $data['collectors']      = [];
+
+        foreach ($this->collectors as $collector) {
+            $data['collectors'][] = $collector->getAsArray();
+        }
+
+        foreach ($this->collectVarData() as $heading => $items) {
+            $varData = [];
+
+            if (is_array($items)) {
+                foreach ($items as $key => $value) {
+                    if (is_string($value)) {
+                        $varData[esc($key)] = esc($value);
+                    } else {
+                        $oldKintMode       = Kint::$mode_default;
+                        $oldKintCalledFrom = Kint::$display_called_from;
+
+                        Kint::$mode_default        = Kint::MODE_RICH;
+                        Kint::$display_called_from = false;
+
+                        $kint = @Kint::dump($value);
+                        $kint = substr($kint, strpos($kint, '</style>') + 8);
+
+                        Kint::$mode_default        = $oldKintMode;
+                        Kint::$display_called_from = $oldKintCalledFrom;
+
+                        $varData[esc($key)] = $kint;
+                    }
+                }
+            }
+
+            $data['vars']['varData'][esc($heading)] = $varData;
+        }
+
+        if (isset($_SESSION)) {
+            foreach ($_SESSION as $key => $value) {
+                // Replace the binary data with string to avoid json_encode failure.
+                if (is_string($value) && preg_match('~[^\x20-\x7E\t\r\n]~', $value)) {
+                    $value = 'binary data';
+                }
+
+                $data['vars']['session'][esc($key)] = is_string($value) ? esc($value) : '<pre>' . esc(print_r($value, true)) . '</pre>';
+            }
+        }
+
+        foreach ($request->getGet() as $name => $value) {
+            $data['vars']['get'][esc($name)] = is_array($value) ? '<pre>' . esc(print_r($value, true)) . '</pre>' : esc($value);
+        }
+
+        foreach ($request->getPost() as $name => $value) {
+            $data['vars']['post'][esc($name)] = is_array($value) ? '<pre>' . esc(print_r($value, true)) . '</pre>' : esc($value);
+        }
+
+        foreach ($request->headers() as $name => $value) {
+            if ($value instanceof Header) {
+                $data['vars']['headers'][esc($name)] = esc($value->getValueLine());
+            } else {
+                foreach ($value as $i => $header) {
+                    $index = $i + 1;
+                    $data['vars']['headers'][esc($name)] ??= '';
+                    $data['vars']['headers'][esc($name)] .= ' (' . $index . ') '
+                        . esc($header->getValueLine());
+                }
+            }
+        }
+
+        foreach ($request->getCookie() as $name => $value) {
+            $data['vars']['cookies'][esc($name)] = esc($value);
+        }
+
+        $data['vars']['request'] = ($request->isSecure() ? 'HTTPS' : 'HTTP') . '/' . $request->getProtocolVersion();
+
+        $data['vars']['response'] = [
+            'statusCode'  => $response->getStatusCode(),
+            'reason'      => esc($response->getReasonPhrase()),
+            'contentType' => esc($response->getHeaderLine('content-type')),
+            'headers'     => [],
+        ];
+
+        foreach ($response->headers() as $name => $value) {
+            if ($value instanceof Header) {
+                $data['vars']['response']['headers'][esc($name)] = esc($value->getValueLine());
+            } else {
+                foreach ($value as $i => $header) {
+                    $index = $i + 1;
+                    $data['vars']['response']['headers'][esc($name)] ??= '';
+                    $data['vars']['response']['headers'][esc($name)] .= ' (' . $index . ') '
+                        . esc($header->getValueLine());
+                }
+            }
+        }
+
+        $data['config'] = Config::display();
+
+        $response->getCSP()->addImageSrc('data:');
+
+        return json_encode($data);
+    }
+
+    /**
+     * Called within the view to display the timeline itself.
+     */
+    protected function renderTimeline(array $collectors, float $startTime, int $segmentCount, int $segmentDuration, array &$styles): string
+    {
+        $rows       = $this->collectTimelineData($collectors);
+        $styleCount = 0;
+
+        // Use recursive render function
+        return $this->renderTimelineRecursive($rows, $startTime, $segmentCount, $segmentDuration, $styles, $styleCount);
+    }
+
+    /**
+     * Recursively renders timeline elements and their children.
+     */
+    protected function renderTimelineRecursive(array $rows, float $startTime, int $segmentCount, int $segmentDuration, array &$styles, int &$styleCount, int $level = 0, bool $isChild = false): string
+    {
+        $displayTime = $segmentCount * $segmentDuration;
+
+        $output = '';
+
+        foreach ($rows as $row) {
+            $hasChildren = isset($row['children']) && ! empty($row['children']);
+            $isQuery     = isset($row['query']) && ! empty($row['query']);
+
+            // Open controller timeline by default
+            $open = $row['name'] === 'Controller';
+
+            if ($hasChildren || $isQuery) {
+                $output .= '<tr class="timeline-parent' . ($open ? ' timeline-parent-open' : '') . '" id="timeline-' . $styleCount . '_parent" data-toggle="childrows" data-child="timeline-' . $styleCount . '">';
+            } else {
+                $output .= '<tr>';
+            }
+
+            $output .= '<td class="' . ($isChild ? 'debug-bar-width30' : '') . ' debug-bar-level-' . $level . '" >' . ($hasChildren || $isQuery ? '<nav></nav>' : '') . $row['name'] . '</td>';
+            $output .= '<td class="' . ($isChild ? 'debug-bar-width10' : '') . '">' . $row['component'] . '</td>';
+            $output .= '<td class="' . ($isChild ? 'debug-bar-width10 ' : '') . 'debug-bar-alignRight">' . number_format($row['duration'] * 1000, 2) . ' ms</td>';
+            $output .= "<td class='debug-bar-noverflow' colspan='{$segmentCount}'>";
+
+            $offset = ((((float) $row['start'] - $startTime) * 1000) / $displayTime) * 100;
+            $length = (((float) $row['duration'] * 1000) / $displayTime) * 100;
+
+            $styles['debug-bar-timeline-' . $styleCount] = "left: {$offset}%; width: {$length}%;";
+
+            $output .= "<span class='timer debug-bar-timeline-{$styleCount}' title='" . number_format($length, 2) . "%'></span>";
+            $output .= '</td>';
+            $output .= '</tr>';
+
+            $styleCount++;
+
+            // Add children if any
+            if ($hasChildren || $isQuery) {
+                $output .= '<tr class="child-row ' . ($open ? '' : ' debug-bar-ndisplay') . '" id="timeline-' . ($styleCount - 1) . '_children" >';
+                $output .= '<td colspan="' . ($segmentCount + 3) . '" class="child-container">';
+                $output .= '<table class="timeline">';
+                $output .= '<tbody>';
+
+                if ($isQuery) {
+                    // Output query string if query
+                    $output .= '<tr>';
+                    $output .= '<td class="query-container debug-bar-level-' . ($level + 1) . '" >' . $row['query'] . '</td>';
+                    $output .= '</tr>';
+                } else {
+                    // Recursively render children
+                    $output .= $this->renderTimelineRecursive($row['children'], $startTime, $segmentCount, $segmentDuration, $styles, $styleCount, $level + 1, true);
+                }
+
+                $output .= '</tbody>';
+                $output .= '</table>';
+                $output .= '</td>';
+                $output .= '</tr>';
+            }
+        }
+
+        return $output;
+    }
+
+    /**
+     * Returns a sorted array of timeline data arrays from the collectors.
+     *
+     * @param array $collectors
+     */
+    protected function collectTimelineData($collectors): array
+    {
+        $data = [];
+
+        // Collect it
+        foreach ($collectors as $collector) {
+            if (! $collector['hasTimelineData']) {
+                continue;
+            }
+
+            $data = array_merge($data, $collector['timelineData']);
+        }
+
+        // Sort it
+        $sortArray = [
+            array_column($data, 'start'), SORT_NUMERIC, SORT_ASC,
+            array_column($data, 'duration'), SORT_NUMERIC, SORT_DESC,
+            &$data,
+        ];
+
+        array_multisort(...$sortArray);
+
+        // Add end time to each element
+        array_walk($data, static function (&$row): void {
+            $row['end'] = $row['start'] + $row['duration'];
+        });
+
+        // Group it
+        $data = $this->structureTimelineData($data);
+
+        return $data;
+    }
+
+    /**
+     * Arranges the already sorted timeline data into a parent => child structure.
+     */
+    protected function structureTimelineData(array $elements): array
+    {
+        // We define ourselves as the first element of the array
+        $element = array_shift($elements);
+
+        // If we have children behind us, collect and attach them to us
+        while ($elements !== [] && $elements[array_key_first($elements)]['end'] <= $element['end']) {
+            $element['children'][] = array_shift($elements);
+        }
+
+        // Make sure our children know whether they have children, too
+        if (isset($element['children'])) {
+            $element['children'] = $this->structureTimelineData($element['children']);
+        }
+
+        // If we have no younger siblings, we can return
+        if ($elements === []) {
+            return [$element];
+        }
+
+        // Make sure our younger siblings know their relatives, too
+        return array_merge([$element], $this->structureTimelineData($elements));
+    }
+
+    /**
+     * Returns an array of data from all of the modules
+     * that should be displayed in the 'Vars' tab.
+     */
+    protected function collectVarData(): array
+    {
+        if (! ($this->config->collectVarData ?? true)) {
+            return [];
+        }
+
+        $data = [];
+
+        foreach ($this->collectors as $collector) {
+            if (! $collector->hasVarData()) {
+                continue;
+            }
+
+            $data = array_merge($data, $collector->getVarData());
+        }
+
+        return $data;
+    }
+
+    /**
+     * Rounds a number to the nearest incremental value.
+     */
+    protected function roundTo(float $number, int $increments = 5): float
+    {
+        $increments = 1 / $increments;
+
+        return ceil($number * $increments) / $increments;
+    }
+
+    /**
+     * Prepare for debugging.
+     *
+     * @return void
+     */
+    public function prepare(?RequestInterface $request = null, ?ResponseInterface $response = null)
+    {
+        /**
+         * @var IncomingRequest|null $request
+         */
+        if (CI_DEBUG && ! is_cli()) {
+            $app = service('codeigniter');
+
+            $request ??= service('request');
+            /** @var ResponseInterface $response */
+            $response ??= service('response');
+
+            // Disable the toolbar for downloads
+            if ($response instanceof DownloadResponse) {
+                return;
+            }
+
+            $toolbar = service('toolbar', config(ToolbarConfig::class));
+            $stats   = $app->getPerformanceStats();
+            $data    = $toolbar->run(
+                $stats['startTime'],
+                $stats['totalTime'],
+                $request,
+                $response,
+            );
+
+            helper('filesystem');
+
+            // Updated to microtime() so we can get history
+            $time = sprintf('%.6f', Time::now()->format('U.u'));
+
+            if (! is_dir(WRITEPATH . 'debugbar')) {
+                mkdir(WRITEPATH . 'debugbar', 0777);
+            }
+
+            write_file(WRITEPATH . 'debugbar/debugbar_' . $time . '.json', $data, 'w+');
+
+            $format = $response->getHeaderLine('content-type');
+
+            // Non-HTML formats should not include the debugbar
+            // then we send headers saying where to find the debug data
+            // for this response
+            if ($request->isAJAX() || ! str_contains($format, 'html')) {
+                $response->setHeader('Debugbar-Time', "{$time}")
+                    ->setHeader('Debugbar-Link', site_url("?debugbar_time={$time}"));
+
+                return;
+            }
+
+            $oldKintMode        = Kint::$mode_default;
+            Kint::$mode_default = Kint::MODE_RICH;
+            $kintScript         = @Kint::dump('');
+            Kint::$mode_default = $oldKintMode;
+            $kintScript         = substr($kintScript, 0, strpos($kintScript, '</style>') + 8);
+            $kintScript         = ($kintScript === '0') ? '' : $kintScript;
+
+            $script = PHP_EOL
+                . '<script ' . csp_script_nonce() . ' id="debugbar_loader" '
+                . 'data-time="' . $time . '" '
+                . 'src="' . site_url() . '?debugbar"></script>'
+                . '<script ' . csp_script_nonce() . ' id="debugbar_dynamic_script"></script>'
+                . '<style ' . csp_style_nonce() . ' id="debugbar_dynamic_style"></style>'
+                . $kintScript
+                . PHP_EOL;
+
+            if (str_contains((string) $response->getBody(), '<head>')) {
+                $response->setBody(
+                    preg_replace(
+                        '/<head>/',
+                        '<head>' . $script,
+                        $response->getBody(),
+                        1,
+                    ),
+                );
+
+                return;
+            }
+
+            $response->appendBody($script);
+        }
+    }
+
+    /**
+     * Inject debug toolbar into the response.
+     *
+     * @codeCoverageIgnore
+     *
+     * @return void
+     */
+    public function respond()
+    {
+        if (ENVIRONMENT === 'testing') {
+            return;
+        }
+
+        $request = service('request');
+
+        // If the request contains '?debugbar then we're
+        // simply returning the loading script
+        if ($request->getGet('debugbar') !== null) {
+            header('Content-Type: application/javascript');
+
+            ob_start();
+            include $this->config->viewsPath . 'toolbarloader.js';
+            $output = ob_get_clean();
+            $output = str_replace('{url}', rtrim(site_url(), '/'), $output);
+            echo $output;
+
+            exit;
+        }
+
+        // Otherwise, if it includes ?debugbar_time, then
+        // we should return the entire debugbar.
+        if ($request->getGet('debugbar_time')) {
+            helper('security');
+
+            // Negotiate the content-type to format the output
+            $format = $request->negotiate('media', ['text/html', 'application/json', 'application/xml']);
+            $format = explode('/', $format)[1];
+
+            $filename = sanitize_filename('debugbar_' . $request->getGet('debugbar_time'));
+            $filename = WRITEPATH . 'debugbar/' . $filename . '.json';
+
+            if (is_file($filename)) {
+                // Show the toolbar if it exists
+                echo $this->format(file_get_contents($filename), $format);
+
+                exit;
+            }
+
+            // Filename not found
+            http_response_code(404);
+
+            exit; // Exit here is needed to avoid loading the index page
+        }
+    }
+
+    /**
+     * Format output
+     */
+    protected function format(string $data, string $format = 'html'): string
+    {
+        $data = json_decode($data, true);
+
+        if (preg_match('/\d+\.\d{6}/s', (string) service('request')->getGet('debugbar_time'), $debugbarTime)) {
+            $history = new History();
+            $history->setFiles(
+                $debugbarTime[0],
+                $this->config->maxHistory,
+            );
+
+            $data['collectors'][] = $history->getAsArray();
+        }
+
+        $output = '';
+
+        switch ($format) {
+            case 'html':
+                $data['styles'] = [];
+                extract($data);
+                $parser = service('parser', $this->config->viewsPath, null, false);
+                ob_start();
+                include $this->config->viewsPath . 'toolbar.tpl.php';
+                $output = ob_get_clean();
+                break;
+
+            case 'json':
+                $formatter = new JSONFormatter();
+                $output    = $formatter->format($data);
+                break;
+
+            case 'xml':
+                $formatter = new XMLFormatter();
+                $output    = $formatter->format($data);
+                break;
+        }
+
+        return $output;
+    }
+}
diff --git a/ci4app/system/Debug/Toolbar/Collectors/BaseCollector.php b/ci4app/system/Debug/Toolbar/Collectors/BaseCollector.php
new file mode 100644
index 0000000..81cc631
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Collectors/BaseCollector.php
@@ -0,0 +1,238 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Debug\Toolbar\Collectors;
+
+/**
+ * Base Toolbar collector
+ */
+class BaseCollector
+{
+    /**
+     * Whether this collector has data that can
+     * be displayed in the Timeline.
+     *
+     * @var bool
+     */
+    protected $hasTimeline = false;
+
+    /**
+     * Whether this collector needs to display
+     * content in a tab or not.
+     *
+     * @var bool
+     */
+    protected $hasTabContent = false;
+
+    /**
+     * Whether this collector needs to display
+     * a label or not.
+     *
+     * @var bool
+     */
+    protected $hasLabel = false;
+
+    /**
+     * Whether this collector has data that
+     * should be shown in the Vars tab.
+     *
+     * @var bool
+     */
+    protected $hasVarData = false;
+
+    /**
+     * The 'title' of this Collector.
+     * Used to name things in the toolbar HTML.
+     *
+     * @var string
+     */
+    protected $title = '';
+
+    /**
+     * Gets the Collector's title.
+     */
+    public function getTitle(bool $safe = false): string
+    {
+        if ($safe) {
+            return str_replace(' ', '-', strtolower($this->title));
+        }
+
+        return $this->title;
+    }
+
+    /**
+     * Returns any information that should be shown next to the title.
+     */
+    public function getTitleDetails(): string
+    {
+        return '';
+    }
+
+    /**
+     * Does this collector need it's own tab?
+     */
+    public function hasTabContent(): bool
+    {
+        return (bool) $this->hasTabContent;
+    }
+
+    /**
+     * Does this collector have a label?
+     */
+    public function hasLabel(): bool
+    {
+        return (bool) $this->hasLabel;
+    }
+
+    /**
+     * Does this collector have information for the timeline?
+     */
+    public function hasTimelineData(): bool
+    {
+        return (bool) $this->hasTimeline;
+    }
+
+    /**
+     * Grabs the data for the timeline, properly formatted,
+     * or returns an empty array.
+     */
+    public function timelineData(): array
+    {
+        if (! $this->hasTimeline) {
+            return [];
+        }
+
+        return $this->formatTimelineData();
+    }
+
+    /**
+     * Does this Collector have data that should be shown in the
+     * 'Vars' tab?
+     */
+    public function hasVarData(): bool
+    {
+        return (bool) $this->hasVarData;
+    }
+
+    /**
+     * Gets a collection of data that should be shown in the 'Vars' tab.
+     * The format is an array of sections, each with their own array
+     * of key/value pairs:
+     *
+     *  $data = [
+     *      'section 1' => [
+     *          'foo' => 'bar,
+     *          'bar' => 'baz'
+     *      ],
+     *      'section 2' => [
+     *          'foo' => 'bar,
+     *          'bar' => 'baz'
+     *      ],
+     *  ];
+     *
+     * @return array|null
+     */
+    public function getVarData()
+    {
+        return null;
+    }
+
+    /**
+     * Child classes should implement this to return the timeline data
+     * formatted for correct usage.
+     *
+     * Timeline data should be formatted into arrays that look like:
+     *
+     *  [
+     *      'name'      => 'Database::Query',
+     *      'component' => 'Database',
+     *      'start'     => 10       // milliseconds
+     *      'duration'  => 15       // milliseconds
+     *  ]
+     */
+    protected function formatTimelineData(): array
+    {
+        return [];
+    }
+
+    /**
+     * Returns the data of this collector to be formatted in the toolbar
+     *
+     * @return array|string
+     */
+    public function display()
+    {
+        return [];
+    }
+
+    /**
+     * This makes nicer looking paths for the error output.
+     *
+     * @deprecated Use the dedicated `clean_path()` function.
+     */
+    public function cleanPath(string $file): string
+    {
+        return clean_path($file);
+    }
+
+    /**
+     * Gets the "badge" value for the button.
+     *
+     * @return int|null
+     */
+    public function getBadgeValue()
+    {
+        return null;
+    }
+
+    /**
+     * Does this collector have any data collected?
+     *
+     * If not, then the toolbar button won't get shown.
+     */
+    public function isEmpty(): bool
+    {
+        return false;
+    }
+
+    /**
+     * Returns the HTML to display the icon. Should either
+     * be SVG, or a base-64 encoded.
+     *
+     * Recommended dimensions are 24px x 24px
+     */
+    public function icon(): string
+    {
+        return '';
+    }
+
+    /**
+     * Return settings as an array.
+     */
+    public function getAsArray(): array
+    {
+        return [
+            'title'           => $this->getTitle(),
+            'titleSafe'       => $this->getTitle(true),
+            'titleDetails'    => $this->getTitleDetails(),
+            'display'         => $this->display(),
+            'badgeValue'      => $this->getBadgeValue(),
+            'isEmpty'         => $this->isEmpty(),
+            'hasTabContent'   => $this->hasTabContent(),
+            'hasLabel'        => $this->hasLabel(),
+            'icon'            => $this->icon(),
+            'hasTimelineData' => $this->hasTimelineData(),
+            'timelineData'    => $this->timelineData(),
+        ];
+    }
+}
diff --git a/ci4app/system/Debug/Toolbar/Collectors/Config.php b/ci4app/system/Debug/Toolbar/Collectors/Config.php
new file mode 100644
index 0000000..80673f9
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Collectors/Config.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Debug\Toolbar\Collectors;
+
+use CodeIgniter\CodeIgniter;
+use Config\App;
+
+/**
+ * Debug toolbar configuration
+ */
+class Config
+{
+    /**
+     * Return toolbar config values as an array.
+     */
+    public static function display(): array
+    {
+        $config = config(App::class);
+
+        return [
+            'ciVersion'   => CodeIgniter::CI_VERSION,
+            'phpVersion'  => PHP_VERSION,
+            'phpSAPI'     => PHP_SAPI,
+            'environment' => ENVIRONMENT,
+            'baseURL'     => $config->baseURL,
+            'timezone'    => app_timezone(),
+            'locale'      => service('request')->getLocale(),
+            'cspEnabled'  => $config->CSPEnabled,
+        ];
+    }
+}
diff --git a/ci4app/system/Debug/Toolbar/Collectors/Database.php b/ci4app/system/Debug/Toolbar/Collectors/Database.php
new file mode 100644
index 0000000..df87642
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Collectors/Database.php
@@ -0,0 +1,260 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Debug\Toolbar\Collectors;
+
+use CodeIgniter\Database\Query;
+use CodeIgniter\I18n\Time;
+use Config\Toolbar;
+
+/**
+ * Collector for the Database tab of the Debug Toolbar.
+ *
+ * @see \CodeIgniter\Debug\Toolbar\Collectors\DatabaseTest
+ */
+class Database extends BaseCollector
+{
+    /**
+     * Whether this collector has timeline data.
+     *
+     * @var bool
+     */
+    protected $hasTimeline = true;
+
+    /**
+     * Whether this collector should display its own tab.
+     *
+     * @var bool
+     */
+    protected $hasTabContent = true;
+
+    /**
+     * Whether this collector has data for the Vars tab.
+     *
+     * @var bool
+     */
+    protected $hasVarData = false;
+
+    /**
+     * The name used to reference this collector in the toolbar.
+     *
+     * @var string
+     */
+    protected $title = 'Database';
+
+    /**
+     * Array of database connections.
+     *
+     * @var array
+     */
+    protected $connections;
+
+    /**
+     * The query instances that have been collected
+     * through the DBQuery Event.
+     *
+     * @var array
+     */
+    protected static $queries = [];
+
+    /**
+     * Constructor
+     */
+    public function __construct()
+    {
+        $this->getConnections();
+    }
+
+    /**
+     * The static method used during Events to collect
+     * data.
+     *
+     * @internal
+     *
+     * @return void
+     */
+    public static function collect(Query $query)
+    {
+        $config = config(Toolbar::class);
+
+        // Provide default in case it's not set
+        $max = $config->maxQueries ?: 100;
+
+        if (count(static::$queries) < $max) {
+            $queryString = $query->getQuery();
+
+            $backtrace = debug_backtrace(DEBUG_BACKTRACE_IGNORE_ARGS);
+
+            if (! is_cli()) {
+                // when called in the browser, the first two trace arrays
+                // are from the DB event trigger, which are unneeded
+                $backtrace = array_slice($backtrace, 2);
+            }
+
+            static::$queries[] = [
+                'query'     => $query,
+                'string'    => $queryString,
+                'duplicate' => in_array($queryString, array_column(static::$queries, 'string', null), true),
+                'trace'     => $backtrace,
+            ];
+        }
+    }
+
+    /**
+     * Returns timeline data formatted for the toolbar.
+     *
+     * @return array The formatted data or an empty array.
+     */
+    protected function formatTimelineData(): array
+    {
+        $data = [];
+
+        foreach ($this->connections as $alias => $connection) {
+            // Connection Time
+            $data[] = [
+                'name'      => 'Connecting to Database: "' . $alias . '"',
+                'component' => 'Database',
+                'start'     => $connection->getConnectStart(),
+                'duration'  => $connection->getConnectDuration(),
+            ];
+        }
+
+        foreach (static::$queries as $query) {
+            $data[] = [
+                'name'      => 'Query',
+                'component' => 'Database',
+                'start'     => $query['query']->getStartTime(true),
+                'duration'  => $query['query']->getDuration(),
+                'query'     => $query['query']->debugToolbarDisplay(),
+            ];
+        }
+
+        return $data;
+    }
+
+    /**
+     * Returns the data of this collector to be formatted in the toolbar
+     */
+    public function display(): array
+    {
+        $data            = [];
+        $data['queries'] = array_map(static function (array $query): array {
+            $isDuplicate = $query['duplicate'] === true;
+
+            $firstNonSystemLine = '';
+
+            foreach ($query['trace'] as $index => &$line) {
+                // simplify file and line
+                if (isset($line['file'])) {
+                    $line['file'] = clean_path($line['file']) . ':' . $line['line'];
+                    unset($line['line']);
+                } else {
+                    $line['file'] = '[internal function]';
+                }
+
+                // find the first trace line that does not originate from `system/`
+                if ($firstNonSystemLine === '' && ! str_contains($line['file'], 'SYSTEMPATH')) {
+                    $firstNonSystemLine = $line['file'];
+                }
+
+                // simplify function call
+                if (isset($line['class'])) {
+                    $line['function'] = $line['class'] . $line['type'] . $line['function'];
+                    unset($line['class'], $line['type']);
+                }
+
+                if (strrpos($line['function'], '{closure}') === false) {
+                    $line['function'] .= '()';
+                }
+
+                $line['function'] = str_repeat(chr(0xC2) . chr(0xA0), 8) . $line['function'];
+
+                // add index numbering padded with nonbreaking space
+                $indexPadded = str_pad(sprintf('%d', $index + 1), 3, ' ', STR_PAD_LEFT);
+                $indexPadded = preg_replace('/\s/', chr(0xC2) . chr(0xA0), $indexPadded);
+
+                $line['index'] = $indexPadded . str_repeat(chr(0xC2) . chr(0xA0), 4);
+            }
+
+            return [
+                'hover'      => $isDuplicate ? 'This query was called more than once.' : '',
+                'class'      => $isDuplicate ? 'duplicate' : '',
+                'duration'   => ((float) $query['query']->getDuration(5) * 1000) . ' ms',
+                'sql'        => $query['query']->debugToolbarDisplay(),
+                'trace'      => $query['trace'],
+                'trace-file' => $firstNonSystemLine,
+                'qid'        => md5($query['query'] . Time::now()->format('0.u00 U')),
+            ];
+        }, static::$queries);
+
+        return $data;
+    }
+
+    /**
+     * Gets the "badge" value for the button.
+     */
+    public function getBadgeValue(): int
+    {
+        return count(static::$queries);
+    }
+
+    /**
+     * Information to be displayed next to the title.
+     *
+     * @return string The number of queries (in parentheses) or an empty string.
+     */
+    public function getTitleDetails(): string
+    {
+        $this->getConnections();
+
+        $queryCount      = count(static::$queries);
+        $uniqueCount     = count(array_filter(static::$queries, static fn ($query): bool => $query['duplicate'] === false));
+        $connectionCount = count($this->connections);
+
+        return sprintf(
+            '(%d total Quer%s, %d %s unique across %d Connection%s)',
+            $queryCount,
+            $queryCount > 1 ? 'ies' : 'y',
+            $uniqueCount,
+            $uniqueCount > 1 ? 'of them' : '',
+            $connectionCount,
+            $connectionCount > 1 ? 's' : '',
+        );
+    }
+
+    /**
+     * Does this collector have any data collected?
+     */
+    public function isEmpty(): bool
+    {
+        return static::$queries === [];
+    }
+
+    /**
+     * Display the icon.
+     *
+     * Icon from https://icons8.com - 1em package
+     */
+    public function icon(): string
+    {
+        return 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo/UNF/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=';
+    }
+
+    /**
+     * Gets the connections from the database config
+     */
+    private function getConnections(): void
+    {
+        $this->connections = \Config\Database::getConnections();
+    }
+}
diff --git a/ci4app/system/Debug/Toolbar/Collectors/Events.php b/ci4app/system/Debug/Toolbar/Collectors/Events.php
new file mode 100644
index 0000000..173c71a
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Collectors/Events.php
@@ -0,0 +1,125 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Debug\Toolbar\Collectors;
+
+/**
+ * Events collector
+ */
+class Events extends BaseCollector
+{
+    /**
+     * Whether this collector has data that can
+     * be displayed in the Timeline.
+     *
+     * @var bool
+     */
+    protected $hasTimeline = true;
+
+    /**
+     * Whether this collector needs to display
+     * content in a tab or not.
+     *
+     * @var bool
+     */
+    protected $hasTabContent = true;
+
+    /**
+     * Whether this collector has data that
+     * should be shown in the Vars tab.
+     *
+     * @var bool
+     */
+    protected $hasVarData = false;
+
+    /**
+     * The 'title' of this Collector.
+     * Used to name things in the toolbar HTML.
+     *
+     * @var string
+     */
+    protected $title = 'Events';
+
+    /**
+     * Child classes should implement this to return the timeline data
+     * formatted for correct usage.
+     */
+    protected function formatTimelineData(): array
+    {
+        $data = [];
+
+        $rows = \CodeIgniter\Events\Events::getPerformanceLogs();
+
+        foreach ($rows as $info) {
+            $data[] = [
+                'name'      => 'Event: ' . $info['event'],
+                'component' => 'Events',
+                'start'     => $info['start'],
+                'duration'  => $info['end'] - $info['start'],
+            ];
+        }
+
+        return $data;
+    }
+
+    /**
+     * Returns the data of this collector to be formatted in the toolbar
+     */
+    public function display(): array
+    {
+        $data = [
+            'events' => [],
+        ];
+
+        foreach (\CodeIgniter\Events\Events::getPerformanceLogs() as $row) {
+            $key = $row['event'];
+
+            if (! array_key_exists($key, $data['events'])) {
+                $data['events'][$key] = [
+                    'event'    => $key,
+                    'duration' => ($row['end'] - $row['start']) * 1000,
+                    'count'    => 1,
+                ];
+
+                continue;
+            }
+
+            $data['events'][$key]['duration'] += ($row['end'] - $row['start']) * 1000;
+            $data['events'][$key]['count']++;
+        }
+
+        foreach ($data['events'] as &$row) {
+            $row['duration'] = number_format($row['duration'], 2);
+        }
+
+        return $data;
+    }
+
+    /**
+     * Gets the "badge" value for the button.
+     */
+    public function getBadgeValue(): int
+    {
+        return count(\CodeIgniter\Events\Events::getPerformanceLogs());
+    }
+
+    /**
+     * Display the icon.
+     *
+     * Icon from https://icons8.com - 1em package
+     */
+    public function icon(): string
+    {
+        return 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC';
+    }
+}
diff --git a/ci4app/system/Debug/Toolbar/Collectors/Files.php b/ci4app/system/Debug/Toolbar/Collectors/Files.php
new file mode 100644
index 0000000..a573388
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Collectors/Files.php
@@ -0,0 +1,104 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Debug\Toolbar\Collectors;
+
+/**
+ * Files collector
+ */
+class Files extends BaseCollector
+{
+    /**
+     * Whether this collector has data that can
+     * be displayed in the Timeline.
+     *
+     * @var bool
+     */
+    protected $hasTimeline = false;
+
+    /**
+     * Whether this collector needs to display
+     * content in a tab or not.
+     *
+     * @var bool
+     */
+    protected $hasTabContent = true;
+
+    /**
+     * The 'title' of this Collector.
+     * Used to name things in the toolbar HTML.
+     *
+     * @var string
+     */
+    protected $title = 'Files';
+
+    /**
+     * Returns any information that should be shown next to the title.
+     */
+    public function getTitleDetails(): string
+    {
+        return '( ' . count(get_included_files()) . ' )';
+    }
+
+    /**
+     * Returns the data of this collector to be formatted in the toolbar
+     */
+    public function display(): array
+    {
+        $rawFiles  = get_included_files();
+        $coreFiles = [];
+        $userFiles = [];
+
+        foreach ($rawFiles as $file) {
+            $path = clean_path($file);
+
+            if (str_contains($path, 'SYSTEMPATH')) {
+                $coreFiles[] = [
+                    'path' => $path,
+                    'name' => basename($file),
+                ];
+            } else {
+                $userFiles[] = [
+                    'path' => $path,
+                    'name' => basename($file),
+                ];
+            }
+        }
+
+        sort($userFiles);
+        sort($coreFiles);
+
+        return [
+            'coreFiles' => $coreFiles,
+            'userFiles' => $userFiles,
+        ];
+    }
+
+    /**
+     * Displays the number of included files as a badge in the tab button.
+     */
+    public function getBadgeValue(): int
+    {
+        return count(get_included_files());
+    }
+
+    /**
+     * Display the icon.
+     *
+     * Icon from https://icons8.com - 1em package
+     */
+    public function icon(): string
+    {
+        return 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC';
+    }
+}
diff --git a/ci4app/system/Debug/Toolbar/Collectors/History.php b/ci4app/system/Debug/Toolbar/Collectors/History.php
new file mode 100644
index 0000000..4e5276b
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Collectors/History.php
@@ -0,0 +1,145 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Debug\Toolbar\Collectors;
+
+use DateTime;
+
+/**
+ * History collector
+ *
+ * @see \CodeIgniter\Debug\Toolbar\Collectors\HistoryTest
+ */
+class History extends BaseCollector
+{
+    /**
+     * Whether this collector has data that can
+     * be displayed in the Timeline.
+     *
+     * @var bool
+     */
+    protected $hasTimeline = false;
+
+    /**
+     * Whether this collector needs to display
+     * content in a tab or not.
+     *
+     * @var bool
+     */
+    protected $hasTabContent = true;
+
+    /**
+     * Whether this collector needs to display
+     * a label or not.
+     *
+     * @var bool
+     */
+    protected $hasLabel = true;
+
+    /**
+     * The 'title' of this Collector.
+     * Used to name things in the toolbar HTML.
+     *
+     * @var string
+     */
+    protected $title = 'History';
+
+    /**
+     * @var array History files
+     */
+    protected $files = [];
+
+    /**
+     * Specify time limit & file count for debug history.
+     *
+     * @param string $current Current history time
+     * @param int    $limit   Max history files
+     *
+     * @return void
+     */
+    public function setFiles(string $current, int $limit = 20)
+    {
+        $filenames = glob(WRITEPATH . 'debugbar/debugbar_*.json');
+
+        $files   = [];
+        $counter = 0;
+
+        foreach (array_reverse($filenames) as $filename) {
+            $counter++;
+
+            // Oldest files will be deleted
+            if ($limit >= 0 && $counter > $limit) {
+                unlink($filename);
+
+                continue;
+            }
+
+            // Get the contents of this specific history request
+            $contents = file_get_contents($filename);
+
+            $contents = @json_decode($contents);
+            if (json_last_error() === JSON_ERROR_NONE) {
+                preg_match('/debugbar_(.*)\.json$/s', $filename, $time);
+                $time = sprintf('%.6f', $time[1] ?? 0);
+
+                // Debugbar files shown in History Collector
+                $files[] = [
+                    'time'        => $time,
+                    'datetime'    => DateTime::createFromFormat('U.u', $time)->format('Y-m-d H:i:s.u'),
+                    'active'      => $time === $current,
+                    'status'      => $contents->vars->response->statusCode,
+                    'method'      => $contents->method,
+                    'url'         => $contents->url,
+                    'isAJAX'      => $contents->isAJAX ? 'Yes' : 'No',
+                    'contentType' => $contents->vars->response->contentType,
+                ];
+            }
+        }
+
+        $this->files = $files;
+    }
+
+    /**
+     * Returns the data of this collector to be formatted in the toolbar
+     */
+    public function display(): array
+    {
+        return ['files' => $this->files];
+    }
+
+    /**
+     * Displays the number of included files as a badge in the tab button.
+     */
+    public function getBadgeValue(): int
+    {
+        return count($this->files);
+    }
+
+    /**
+     * Return true if there are no history files.
+     */
+    public function isEmpty(): bool
+    {
+        return $this->files === [];
+    }
+
+    /**
+     * Display the icon.
+     *
+     * Icon from https://icons8.com - 1em package
+     */
+    public function icon(): string
+    {
+        return 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJySURBVEhL3ZU7aJNhGIVTpV6i4qCIgkIHxcXLErS4FBwUFNwiCKGhuTYJGaIgnRoo4qRu6iCiiIuIXXTTIkIpuqoFwaGgonUQlC5KafU5ycmNP0lTdPLA4fu+8573/a4/f6hXpFKpwUwmc9fDfweKbk+n07fgEv33TLSbtt/hvwNFT1PsG/zdTE0Gp+GFfD6/2fbVIxqNrqPIRbjg4t/hY8aztcngfDabHXbKyiiXy2vcrcPH8oDCry2FKDrA+Ar6L01E/ypyXzXaARjDGGcoeNxSDZXE0dHRA5VRE5LJ5CFy5jzJuOX2wHRHRnjbklZ6isQ3tIctBaAd4vlK3jLtkOVWqABBXd47jGHLmjTmSScttQV5J+SjfcUweFQEbsjAas5aqoCLXutJl7vtQsAzpRowYqkBinyCC8Vicb2lOih8zoldd0F8RD7qTFiqAnGrAy8stUAvi/hbqDM+YzkAFrLPdR5ZqoLXsd+Bh5YCIH7JniVdquUWxOPxDfboHhrI5XJ7HHhiqQXox+APe/Qk64+gGYVCYZs8cMpSFQj9JOoFzVqqo7k4HIvFYpscCoAjOmLffUsNUGRaQUwDlmofUa34ecsdgXdcXo4wbakBgiUFafXJV8A4DJ/2UrxUKm3E95H8RbjLcgOJRGILhnmCP+FBy5XvwN2uIPcy1AJvWgqC4xm2aU4Xb3lF4I+Tpyf8hRe5w3J7YLymSeA8Z3nSclv4WLRyFdfOjzrUFX0klJUEtZtntCNc+F69cz/FiDzEPtjzmcUMOr83kDQEX6pAJxJfpL3OX22n01YN7SZCoQnaSdoZ+Jz+PZihH3wt/xlCoT9M6nEtmRSPCQAAAABJRU5ErkJggg==';
+    }
+}
diff --git a/ci4app/system/Debug/Toolbar/Collectors/Logs.php b/ci4app/system/Debug/Toolbar/Collectors/Logs.php
new file mode 100644
index 0000000..c6e22fc
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Collectors/Logs.php
@@ -0,0 +1,101 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Debug\Toolbar\Collectors;
+
+/**
+ * Loags collector
+ */
+class Logs extends BaseCollector
+{
+    /**
+     * Whether this collector has data that can
+     * be displayed in the Timeline.
+     *
+     * @var bool
+     */
+    protected $hasTimeline = false;
+
+    /**
+     * Whether this collector needs to display
+     * content in a tab or not.
+     *
+     * @var bool
+     */
+    protected $hasTabContent = true;
+
+    /**
+     * The 'title' of this Collector.
+     * Used to name things in the toolbar HTML.
+     *
+     * @var string
+     */
+    protected $title = 'Logs';
+
+    /**
+     * Our collected data.
+     *
+     * @var list<array{level: string, msg: string}>
+     */
+    protected $data;
+
+    /**
+     * Returns the data of this collector to be formatted in the toolbar.
+     *
+     * @return array{logs: list<array{level: string, msg: string}>}
+     */
+    public function display(): array
+    {
+        return [
+            'logs' => $this->collectLogs(),
+        ];
+    }
+
+    /**
+     * Does this collector actually have any data to display?
+     */
+    public function isEmpty(): bool
+    {
+        $this->collectLogs();
+
+        return $this->data !== [];
+    }
+
+    /**
+     * Display the icon.
+     *
+     * Icon from https://icons8.com - 1em package
+     */
+    public function icon(): string
+    {
+        return 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==';
+    }
+
+    /**
+     * Ensures the data has been collected.
+     *
+     * @return list<array{level: string, msg: string}>
+     */
+    protected function collectLogs()
+    {
+        if ($this->data !== []) {
+            return $this->data;
+        }
+
+        $cache = service('logger')->logCache;
+
+        $this->data = $cache ?? [];
+
+        return $this->data;
+    }
+}
diff --git a/ci4app/system/Debug/Toolbar/Collectors/Routes.php b/ci4app/system/Debug/Toolbar/Collectors/Routes.php
new file mode 100644
index 0000000..f800506
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Collectors/Routes.php
@@ -0,0 +1,169 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Debug\Toolbar\Collectors;
+
+use CodeIgniter\Router\DefinedRouteCollector;
+use ReflectionException;
+use ReflectionFunction;
+use ReflectionMethod;
+
+/**
+ * Routes collector
+ */
+class Routes extends BaseCollector
+{
+    /**
+     * Whether this collector has data that can
+     * be displayed in the Timeline.
+     *
+     * @var bool
+     */
+    protected $hasTimeline = false;
+
+    /**
+     * Whether this collector needs to display
+     * content in a tab or not.
+     *
+     * @var bool
+     */
+    protected $hasTabContent = true;
+
+    /**
+     * The 'title' of this Collector.
+     * Used to name things in the toolbar HTML.
+     *
+     * @var string
+     */
+    protected $title = 'Routes';
+
+    /**
+     * Returns the data of this collector to be formatted in the toolbar
+     *
+     * @return array{
+     *      matchedRoute: list<array{
+     *          directory: string,
+     *          controller: string,
+     *          method: string,
+     *          paramCount: int,
+     *          truePCount: int,
+     *          params: list<array{
+     *              name: string,
+     *              value: mixed
+     *          }>
+     *      }>,
+     *      routes: list<array{
+     *          method: string,
+     *          route: string,
+     *          handler: string
+     *      }>
+     * }
+     *
+     * @throws ReflectionException
+     */
+    public function display(): array
+    {
+        $rawRoutes = service('routes', true);
+        $router    = service('router', null, null, true);
+
+        // Get our parameters
+        // Closure routes
+        if (is_callable($router->controllerName())) {
+            $method = new ReflectionFunction($router->controllerName());
+        } else {
+            try {
+                $method = new ReflectionMethod($router->controllerName(), $router->methodName());
+            } catch (ReflectionException) {
+                try {
+                    // If we're here, the method doesn't exist
+                    // and is likely calculated in _remap.
+                    $method = new ReflectionMethod($router->controllerName(), '_remap');
+                } catch (ReflectionException) {
+                    // If we're here, page cache is returned. The router is not executed.
+                    return [
+                        'matchedRoute' => [],
+                        'routes'       => [],
+                    ];
+                }
+            }
+        }
+
+        $rawParams = $method->getParameters();
+
+        $params = [];
+
+        foreach ($rawParams as $key => $param) {
+            $params[] = [
+                'name'  => '$' . $param->getName() . ' = ',
+                'value' => $router->params()[$key] ??
+                    ' <empty> | default: '
+                    . var_export(
+                        $param->isDefaultValueAvailable() ? $param->getDefaultValue() : null,
+                        true,
+                    ),
+            ];
+        }
+
+        $matchedRoute = [
+            [
+                'directory'  => $router->directory(),
+                'controller' => $router->controllerName(),
+                'method'     => $router->methodName(),
+                'paramCount' => count($router->params()),
+                'truePCount' => count($params),
+                'params'     => $params,
+            ],
+        ];
+
+        // Defined Routes
+        $routes = [];
+
+        $definedRouteCollector = new DefinedRouteCollector($rawRoutes);
+
+        foreach ($definedRouteCollector->collect() as $route) {
+            // filter for strings, as callbacks aren't displayable
+            if ($route['handler'] !== '(Closure)') {
+                $routes[] = [
+                    'method'  => strtoupper($route['method']),
+                    'route'   => $route['route'],
+                    'handler' => $route['handler'],
+                ];
+            }
+        }
+
+        return [
+            'matchedRoute' => $matchedRoute,
+            'routes'       => $routes,
+        ];
+    }
+
+    /**
+     * Returns a count of all the routes in the system.
+     */
+    public function getBadgeValue(): int
+    {
+        $rawRoutes = service('routes', true);
+
+        return count($rawRoutes->getRoutes());
+    }
+
+    /**
+     * Display the icon.
+     *
+     * Icon from https://icons8.com - 1em package
+     */
+    public function icon(): string
+    {
+        return 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw/FR+Gg2bB8Ptzrst/v6C/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==';
+    }
+}
diff --git a/ci4app/system/Debug/Toolbar/Collectors/Timers.php b/ci4app/system/Debug/Toolbar/Collectors/Timers.php
new file mode 100644
index 0000000..d450cc5
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Collectors/Timers.php
@@ -0,0 +1,71 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Debug\Toolbar\Collectors;
+
+/**
+ * Timers collector
+ */
+class Timers extends BaseCollector
+{
+    /**
+     * Whether this collector has data that can
+     * be displayed in the Timeline.
+     *
+     * @var bool
+     */
+    protected $hasTimeline = true;
+
+    /**
+     * Whether this collector needs to display
+     * content in a tab or not.
+     *
+     * @var bool
+     */
+    protected $hasTabContent = false;
+
+    /**
+     * The 'title' of this Collector.
+     * Used to name things in the toolbar HTML.
+     *
+     * @var string
+     */
+    protected $title = 'Timers';
+
+    /**
+     * Child classes should implement this to return the timeline data
+     * formatted for correct usage.
+     */
+    protected function formatTimelineData(): array
+    {
+        $data = [];
+
+        $benchmark = service('timer', true);
+        $rows      = $benchmark->getTimers(6);
+
+        foreach ($rows as $name => $info) {
+            if ($name === 'total_execution') {
+                continue;
+            }
+
+            $data[] = [
+                'name'      => ucwords(str_replace('_', ' ', $name)),
+                'component' => 'Timer',
+                'start'     => $info['start'],
+                'duration'  => $info['end'] - $info['start'],
+            ];
+        }
+
+        return $data;
+    }
+}
diff --git a/ci4app/system/Debug/Toolbar/Collectors/Views.php b/ci4app/system/Debug/Toolbar/Collectors/Views.php
new file mode 100644
index 0000000..a63e172
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Collectors/Views.php
@@ -0,0 +1,150 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Debug\Toolbar\Collectors;
+
+use CodeIgniter\View\RendererInterface;
+
+/**
+ * Views collector
+ */
+class Views extends BaseCollector
+{
+    /**
+     * Whether this collector has data that can
+     * be displayed in the Timeline.
+     *
+     * @var bool
+     */
+    protected $hasTimeline = true;
+
+    /**
+     * Whether this collector needs to display
+     * content in a tab or not.
+     *
+     * @var bool
+     */
+    protected $hasTabContent = false;
+
+    /**
+     * Whether this collector needs to display
+     * a label or not.
+     *
+     * @var bool
+     */
+    protected $hasLabel = true;
+
+    /**
+     * Whether this collector has data that
+     * should be shown in the Vars tab.
+     *
+     * @var bool
+     */
+    protected $hasVarData = true;
+
+    /**
+     * The 'title' of this Collector.
+     * Used to name things in the toolbar HTML.
+     *
+     * @var string
+     */
+    protected $title = 'Views';
+
+    /**
+     * Instance of the shared Renderer service
+     *
+     * @var RendererInterface|null
+     */
+    protected $viewer;
+
+    /**
+     * Views counter
+     *
+     * @var array
+     */
+    protected $views = [];
+
+    private function initViewer(): void
+    {
+        $this->viewer ??= service('renderer');
+    }
+
+    /**
+     * Child classes should implement this to return the timeline data
+     * formatted for correct usage.
+     */
+    protected function formatTimelineData(): array
+    {
+        $this->initViewer();
+
+        $data = [];
+
+        $rows = $this->viewer->getPerformanceData();
+
+        foreach ($rows as $info) {
+            $data[] = [
+                'name'      => 'View: ' . $info['view'],
+                'component' => 'Views',
+                'start'     => $info['start'],
+                'duration'  => $info['end'] - $info['start'],
+            ];
+        }
+
+        return $data;
+    }
+
+    /**
+     * Gets a collection of data that should be shown in the 'Vars' tab.
+     * The format is an array of sections, each with their own array
+     * of key/value pairs:
+     *
+     *  $data = [
+     *      'section 1' => [
+     *          'foo' => 'bar,
+     *          'bar' => 'baz'
+     *      ],
+     *      'section 2' => [
+     *          'foo' => 'bar,
+     *          'bar' => 'baz'
+     *      ],
+     *  ];
+     */
+    public function getVarData(): array
+    {
+        $this->initViewer();
+
+        return [
+            'View Data' => $this->viewer->getData(),
+        ];
+    }
+
+    /**
+     * Returns a count of all views.
+     */
+    public function getBadgeValue(): int
+    {
+        $this->initViewer();
+
+        return count($this->viewer->getPerformanceData());
+    }
+
+    /**
+     * Display the icon.
+     *
+     * Icon from https://icons8.com - 1em package
+     */
+    public function icon(): string
+    {
+        return 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB/eUFlU8uKJ0eDBFOu/9EvoeKnlJS2/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=';
+    }
+}
diff --git a/ci4app/system/Debug/Toolbar/Views/_config.tpl b/ci4app/system/Debug/Toolbar/Views/_config.tpl
new file mode 100644
index 0000000..e3235ec
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Views/_config.tpl
@@ -0,0 +1,48 @@
+<p class="debug-bar-alignRight">
+    <a href="https://codeigniter.com/user_guide/" target="_blank" >Read the CodeIgniter docs...</a>
+</p>
+
+<table>
+    <tbody>
+        <tr>
+            <td>CodeIgniter Version:</td>
+            <td>{ ciVersion }</td>
+        </tr>
+        <tr>
+            <td>PHP Version:</td>
+            <td>{ phpVersion }</td>
+        </tr>
+        <tr>
+            <td>PHP SAPI:</td>
+            <td>{ phpSAPI }</td>
+        </tr>
+        <tr>
+            <td>Environment:</td>
+            <td>{ environment }</td>
+        </tr>
+        <tr>
+            <td>Base URL:</td>
+            <td>
+                { if $baseURL == '' }
+                    <div class="warning">
+                        The $baseURL should always be set manually to prevent possible URL personification from external parties.
+                    </div>
+                { else }
+                    { baseURL }
+                { endif }
+            </td>
+        </tr>
+        <tr>
+            <td>Timezone:</td>
+            <td>{ timezone }</td>
+        </tr>
+        <tr>
+            <td>Locale:</td>
+            <td>{ locale }</td>
+        </tr>
+        <tr>
+            <td>Content Security Policy Enabled:</td>
+            <td>{ if $cspEnabled } Yes { else } No { endif }</td>
+        </tr>
+    </tbody>
+</table>
diff --git a/ci4app/system/Debug/Toolbar/Views/_database.tpl b/ci4app/system/Debug/Toolbar/Views/_database.tpl
new file mode 100644
index 0000000..054dd36
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Views/_database.tpl
@@ -0,0 +1,26 @@
+<table>
+    <thead>
+        <tr>
+            <th class="debug-bar-width6r">Time</th>
+            <th>Query String</th>
+        </tr>
+    </thead>
+    <tbody>
+    {queries}
+        <tr class="{class}" title="{hover}" data-toggle="{qid}-trace">
+            <td class="narrow">{duration}</td>
+            <td>{! sql !}</td>
+            <td class="debug-bar-alignRight"><strong>{trace-file}</strong></td>
+        </tr>
+        <tr class="muted debug-bar-ndisplay" id="{qid}-trace">
+            <td></td>
+            <td colspan="2">
+            {trace}
+                {index}<strong>{file}</strong><br/>
+                {function}<br/><br/>
+            {/trace}
+            </td>
+        </tr>
+    {/queries}
+    </tbody>
+</table>
diff --git a/ci4app/system/Debug/Toolbar/Views/_events.tpl b/ci4app/system/Debug/Toolbar/Views/_events.tpl
new file mode 100644
index 0000000..88d732f
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Views/_events.tpl
@@ -0,0 +1,18 @@
+<table>
+    <thead>
+        <tr>
+            <th class="debug-bar-width6r">Time</th>
+            <th>Event Name</th>
+            <th>Times Called</th>
+        </tr>
+    </thead>
+    <tbody>
+    {events}
+        <tr>
+            <td class="narrow">{ duration } ms</td>
+            <td>{event}</td>
+            <td>{count}</td>
+        </tr>
+    {/events}
+    </tbody>
+</table>
diff --git a/ci4app/system/Debug/Toolbar/Views/_files.tpl b/ci4app/system/Debug/Toolbar/Views/_files.tpl
new file mode 100644
index 0000000..9c992ab
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Views/_files.tpl
@@ -0,0 +1,16 @@
+<table>
+    <tbody>
+    {userFiles}
+        <tr>
+            <td>{name}</td>
+            <td>{path}</td>
+        </tr>
+    {/userFiles}
+    {coreFiles}
+        <tr class="muted">
+            <td class="debug-bar-width20e">{name}</td>
+            <td>{path}</td>
+        </tr>
+    {/coreFiles}
+    </tbody>
+</table>
diff --git a/ci4app/system/Debug/Toolbar/Views/_history.tpl b/ci4app/system/Debug/Toolbar/Views/_history.tpl
new file mode 100644
index 0000000..7f22f56
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Views/_history.tpl
@@ -0,0 +1,28 @@
+<table>
+    <thead>
+    <tr>
+        <th>Action</th>
+        <th>Datetime</th>
+        <th>Status</th>
+        <th>Method</th>
+        <th>URL</th>
+        <th>Content-Type</th>
+        <th>Is AJAX?</th>
+    </tr>
+    </thead>
+    <tbody>
+    {files}
+        <tr data-active="{active}">
+            <td class="debug-bar-width70p">
+                <button class="ci-history-load" data-time="{time}">Load</button>
+            </td>
+            <td class="debug-bar-width190p">{datetime}</td>
+            <td>{status}</td>
+            <td>{method}</td>
+            <td>{url}</td>
+            <td>{contentType}</td>
+            <td>{isAJAX}</td>
+        </tr>
+    {/files}
+    </tbody>
+</table>
diff --git a/ci4app/system/Debug/Toolbar/Views/_logs.tpl b/ci4app/system/Debug/Toolbar/Views/_logs.tpl
new file mode 100644
index 0000000..7c80d84
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Views/_logs.tpl
@@ -0,0 +1,20 @@
+{ if $logs == [] }
+<p>Nothing was logged. If you were expecting logged items, ensure that LoggerConfig file has the correct threshold set.</p>
+{ else }
+<table>
+    <thead>
+        <tr>
+            <th>Severity</th>
+            <th>Message</th>
+        </tr>
+    </thead>
+    <tbody>
+    {logs}
+        <tr>
+            <td>{level}</td>
+            <td>{msg}</td>
+        </tr>
+    {/logs}
+    </tbody>
+</table>
+{ endif }
diff --git a/ci4app/system/Debug/Toolbar/Views/_routes.tpl b/ci4app/system/Debug/Toolbar/Views/_routes.tpl
new file mode 100644
index 0000000..e277046
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Views/_routes.tpl
@@ -0,0 +1,52 @@
+<h3>Matched Route</h3>
+
+<table>
+    <tbody>
+    {matchedRoute}
+        <tr>
+            <td>Directory:</td>
+            <td>{directory}</td>
+        </tr>
+        <tr>
+            <td>Controller:</td>
+            <td>{controller}</td>
+        </tr>
+        <tr>
+            <td>Method:</td>
+            <td>{method}</td>
+        </tr>
+        <tr>
+            <td>Params:</td>
+            <td>{paramCount} / {truePCount}</td>
+        </tr>
+        {params}
+            <tr class="route-params-item">
+                <td>{name}</td>
+                <td>{value}</td>
+            </tr>
+        {/params}
+    {/matchedRoute}
+    </tbody>
+</table>
+
+
+<h3>Defined Routes</h3>
+
+<table>
+    <thead>
+        <tr>
+            <th>Method</th>
+            <th>Route</th>
+            <th>Handler</th>
+        </tr>
+    </thead>
+    <tbody>
+    {routes}
+        <tr>
+            <td>{method}</td>
+            <td data-debugbar-route="{method}">{route}</td>
+            <td>{handler}</td>
+        </tr>
+    {/routes}
+    </tbody>
+</table>
diff --git a/ci4app/system/Debug/Toolbar/Views/toolbar.css b/ci4app/system/Debug/Toolbar/Views/toolbar.css
new file mode 100644
index 0000000..abf61e9
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Views/toolbar.css
@@ -0,0 +1,887 @@
+/**
+ * This file is part of the CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+#debug-icon {
+  bottom: 0;
+  position: fixed;
+  right: 0;
+  z-index: 10000;
+  height: 36px;
+  width: 36px;
+  margin: 0;
+  padding: 0;
+  clear: both;
+  text-align: center;
+  cursor: pointer;
+}
+#debug-icon a svg {
+  margin: 8px;
+  max-width: 20px;
+  max-height: 20px;
+}
+#debug-icon.fixed-top {
+  bottom: auto;
+  top: 0;
+}
+#debug-icon .debug-bar-ndisplay {
+  display: none;
+}
+
+.debug-bar-vars {
+  cursor: pointer;
+}
+
+#debug-bar {
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  right: 0;
+  z-index: 10000;
+  height: 36px;
+  line-height: 36px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  font-size: 16px;
+  font-weight: 400;
+}
+#debug-bar h1 {
+  display: flex;
+  font-weight: normal;
+  margin: 0 0 0 auto;
+  padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+}
+#debug-bar h1 svg {
+  width: 16px;
+  margin-right: 5px;
+}
+#debug-bar h2 {
+  font-weight: bold;
+  font-size: 16px;
+  margin: 0;
+  padding: 5px 0 10px 0;
+}
+#debug-bar h2 span {
+  font-size: 13px;
+}
+#debug-bar h3 {
+  font-size: 12px;
+  font-weight: 200;
+  margin: 0 0 0 10px;
+  padding: 0;
+  text-transform: uppercase;
+}
+#debug-bar p {
+  font-size: 12px;
+  margin: 0 0 0 15px;
+  padding: 0;
+}
+#debug-bar a {
+  text-decoration: none;
+}
+#debug-bar a:hover {
+  text-decoration: underline;
+}
+#debug-bar button {
+  border: 1px solid;
+  border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  cursor: pointer;
+  line-height: 15px;
+}
+#debug-bar button:hover {
+  text-decoration: underline;
+}
+#debug-bar table {
+  border-collapse: collapse;
+  font-size: 14px;
+  line-height: normal;
+  margin: 5px 10px 15px 10px;
+  width: calc(100% - 10px);
+}
+#debug-bar table strong {
+  font-weight: 500;
+}
+#debug-bar table th {
+  display: table-cell;
+  font-weight: 600;
+  padding-bottom: 0.7em;
+  text-align: left;
+}
+#debug-bar table tr {
+  border: none;
+}
+#debug-bar table td {
+  border: none;
+  display: table-cell;
+  margin: 0;
+  text-align: left;
+}
+#debug-bar table td:first-child {
+  max-width: 20%;
+}
+#debug-bar table td:first-child.narrow {
+  width: 7em;
+}
+#debug-bar td[data-debugbar-route] form {
+  display: none;
+}
+#debug-bar td[data-debugbar-route]:hover form {
+  display: block;
+}
+#debug-bar td[data-debugbar-route]:hover > div {
+  display: none;
+}
+#debug-bar td[data-debugbar-route] input[type=text] {
+  padding: 2px;
+}
+#debug-bar .toolbar {
+  display: flex;
+  overflow: hidden;
+  overflow-y: auto;
+  padding: 0 12px 0 12px;
+  white-space: nowrap;
+  z-index: 10000;
+}
+#debug-bar .toolbar .rotate {
+  animation: toolbar-rotate 9s linear infinite;
+}
+@keyframes toolbar-rotate {
+  to {
+    transform: rotate(360deg);
+  }
+}
+#debug-bar.fixed-top {
+  bottom: auto;
+  top: 0;
+}
+#debug-bar.fixed-top .tab {
+  bottom: auto;
+  top: 36px;
+}
+#debug-bar #toolbar-position,
+#debug-bar #toolbar-theme {
+  padding: 0 6px;
+  display: inline-flex;
+  vertical-align: top;
+  cursor: pointer;
+}
+#debug-bar #toolbar-position:hover,
+#debug-bar #toolbar-theme:hover {
+  text-decoration: none;
+}
+#debug-bar #debug-bar-link {
+  display: flex;
+  padding: 6px;
+  cursor: pointer;
+}
+#debug-bar .ci-label {
+  display: inline-flex;
+  font-size: 14px;
+}
+#debug-bar .ci-label:hover {
+  cursor: pointer;
+}
+#debug-bar .ci-label a {
+  color: inherit;
+  display: flex;
+  letter-spacing: normal;
+  padding: 0 10px;
+  text-decoration: none;
+  align-items: center;
+}
+#debug-bar .ci-label img {
+  margin: 6px 3px 6px 0;
+  width: 16px !important;
+}
+#debug-bar .ci-label .badge {
+  border-radius: 12px;
+  -moz-border-radius: 12px;
+  -webkit-border-radius: 12px;
+  display: inline-block;
+  font-size: 75%;
+  font-weight: bold;
+  line-height: 12px;
+  margin-left: 5px;
+  padding: 2px 5px;
+  text-align: center;
+  vertical-align: baseline;
+  white-space: nowrap;
+}
+#debug-bar .tab {
+  height: fit-content;
+  text-align: left;
+  bottom: 35px;
+  display: none;
+  left: 0;
+  max-height: 62%;
+  overflow: hidden;
+  overflow-y: auto;
+  padding: 1em 2em;
+  position: fixed;
+  right: 0;
+  z-index: 9999;
+}
+#debug-bar .timeline {
+  position: static;
+  display: table;
+  margin-left: 0;
+  width: 100%;
+}
+#debug-bar .timeline th {
+  border-left: 1px solid;
+  font-size: 12px;
+  font-weight: 200;
+  padding: 5px 5px 10px 5px;
+  position: relative;
+  text-align: left;
+}
+#debug-bar .timeline th:first-child {
+  border-left: 0;
+}
+#debug-bar .timeline td {
+  border-left: 1px solid;
+  padding: 5px;
+  position: relative;
+}
+#debug-bar .timeline td:first-child {
+  border-left: 0;
+  max-width: none;
+}
+#debug-bar .timeline td.child-container {
+  padding: 0px;
+}
+#debug-bar .timeline td.child-container .timeline {
+  margin: 0px;
+}
+#debug-bar .timeline td.child-container .timeline td:first-child:not(.child-container) {
+  padding-left: calc(5px + 10px * var(--level));
+}
+#debug-bar .timeline .timer {
+  border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  display: inline-block;
+  padding: 5px;
+  position: absolute;
+  top: 30%;
+}
+#debug-bar .timeline .timeline-parent {
+  cursor: pointer;
+}
+#debug-bar .timeline .timeline-parent td:first-child nav {
+  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxNTAiPjxwYXRoIGQ9Ik02IDdoMThsLTkgMTV6bTAgMzBoMThsLTkgMTV6bTAgNDVoMThsLTktMTV6bTAgMzBoMThsLTktMTV6bTAgMTJsMTggMThtLTE4IDBsMTgtMTgiIGZpbGw9IiM1NTUiLz48cGF0aCBkPSJNNiAxMjZsMTggMThtLTE4IDBsMTgtMTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNTU1Ii8+PC9zdmc+") no-repeat scroll 0 0/15px 75px transparent;
+  background-position: 0 25%;
+  display: inline-block;
+  height: 15px;
+  width: 15px;
+  margin-right: 3px;
+  vertical-align: middle;
+}
+#debug-bar .timeline .timeline-parent-open {
+  background-color: #DFDFDF;
+}
+#debug-bar .timeline .timeline-parent-open td:first-child nav {
+  background-position: 0 75%;
+}
+#debug-bar .timeline .child-row:hover {
+  background: transparent;
+}
+#debug-bar .route-params,
+#debug-bar .route-params-item {
+  vertical-align: top;
+}
+#debug-bar .route-params td:first-child,
+#debug-bar .route-params-item td:first-child {
+  font-style: italic;
+  padding-left: 1em;
+  text-align: right;
+}
+#debug-bar > .debug-bar-dblock {
+  display: block;
+}
+
+.debug-view.show-view {
+  border: 1px solid;
+  margin: 4px;
+}
+
+.debug-view-path {
+  font-family: monospace;
+  font-size: 12px;
+  letter-spacing: normal;
+  min-height: 16px;
+  padding: 2px;
+  text-align: left;
+}
+
+.show-view .debug-view-path {
+  display: block !important;
+}
+
+@media screen and (max-width: 1024px) {
+  #debug-bar .ci-label img {
+    margin: unset;
+  }
+  .hide-sm {
+    display: none !important;
+  }
+}
+@media screen and (max-width: 768px) {
+  #debug-bar table {
+    display: block;
+    overflow-x: auto;
+    font-size: 12px;
+    margin: 5px 5px 10px 5px;
+  }
+  #debug-bar table td,
+  #debug-bar table th {
+    padding: 4px 6px;
+  }
+  #debug-bar .timeline {
+    display: block;
+    white-space: nowrap;
+    font-size: 12px;
+  }
+  #debug-bar .toolbar {
+    overflow-x: auto;
+  }
+}
+#debug-icon {
+  background-color: #FFFFFF;
+  box-shadow: 0 0 4px #DFDFDF;
+  -moz-box-shadow: 0 0 4px #DFDFDF;
+  -webkit-box-shadow: 0 0 4px #DFDFDF;
+}
+#debug-icon a:active,
+#debug-icon a:link,
+#debug-icon a:visited {
+  color: #DD8615;
+}
+
+#debug-bar {
+  background-color: #FFFFFF;
+  color: #434343;
+}
+#debug-bar h1,
+#debug-bar h2,
+#debug-bar h3,
+#debug-bar p,
+#debug-bar a,
+#debug-bar button,
+#debug-bar table,
+#debug-bar thead,
+#debug-bar tr,
+#debug-bar td,
+#debug-bar button,
+#debug-bar .toolbar {
+  background-color: transparent;
+  color: #434343;
+}
+#debug-bar button {
+  background-color: #FFFFFF;
+}
+#debug-bar table strong {
+  color: #DD8615;
+}
+#debug-bar table tbody tr:hover {
+  background-color: #DFDFDF;
+}
+#debug-bar table tbody tr.current {
+  background-color: #FDC894;
+}
+#debug-bar table tbody tr.current:hover td {
+  background-color: #DD4814;
+  color: #FFFFFF;
+}
+#debug-bar .toolbar {
+  background-color: #FFFFFF;
+  box-shadow: 0 0 4px #DFDFDF;
+  -moz-box-shadow: 0 0 4px #DFDFDF;
+  -webkit-box-shadow: 0 0 4px #DFDFDF;
+}
+#debug-bar .toolbar img {
+  filter: brightness(0) invert(0.4);
+}
+#debug-bar.fixed-top .toolbar {
+  box-shadow: 0 0 4px #DFDFDF;
+  -moz-box-shadow: 0 0 4px #DFDFDF;
+  -webkit-box-shadow: 0 0 4px #DFDFDF;
+}
+#debug-bar.fixed-top .tab {
+  box-shadow: 0 1px 4px #DFDFDF;
+  -moz-box-shadow: 0 1px 4px #DFDFDF;
+  -webkit-box-shadow: 0 1px 4px #DFDFDF;
+}
+#debug-bar .muted {
+  color: #434343;
+}
+#debug-bar .muted td {
+  color: #DFDFDF;
+}
+#debug-bar .muted:hover td {
+  color: #434343;
+}
+#debug-bar #toolbar-position,
+#debug-bar #toolbar-theme {
+  filter: brightness(0) invert(0.6);
+}
+#debug-bar .ci-label.active {
+  background-color: #DFDFDF;
+}
+#debug-bar .ci-label:hover {
+  background-color: #DFDFDF;
+}
+#debug-bar .ci-label .badge {
+  background-color: #DD4814;
+  color: #FFFFFF;
+}
+#debug-bar .tab {
+  background-color: #FFFFFF;
+  box-shadow: 0 -1px 4px #DFDFDF;
+  -moz-box-shadow: 0 -1px 4px #DFDFDF;
+  -webkit-box-shadow: 0 -1px 4px #DFDFDF;
+}
+#debug-bar .timeline th,
+#debug-bar .timeline td {
+  border-color: #DFDFDF;
+}
+#debug-bar .timeline .timer {
+  background-color: #DD8615;
+}
+
+.debug-view.show-view {
+  border-color: #DD8615;
+}
+
+.debug-view-path {
+  background-color: #FDC894;
+  color: #434343;
+}
+
+@media (prefers-color-scheme: dark) {
+  #debug-icon {
+    background-color: #252525;
+    box-shadow: 0 0 4px #DFDFDF;
+    -moz-box-shadow: 0 0 4px #DFDFDF;
+    -webkit-box-shadow: 0 0 4px #DFDFDF;
+  }
+  #debug-icon a:active,
+  #debug-icon a:link,
+  #debug-icon a:visited {
+    color: #DD8615;
+  }
+  #debug-bar {
+    background-color: #252525;
+    color: #DFDFDF;
+  }
+  #debug-bar h1,
+  #debug-bar h2,
+  #debug-bar h3,
+  #debug-bar p,
+  #debug-bar a,
+  #debug-bar button,
+  #debug-bar table,
+  #debug-bar thead,
+  #debug-bar tr,
+  #debug-bar td,
+  #debug-bar button,
+  #debug-bar .toolbar {
+    background-color: transparent;
+    color: #DFDFDF;
+  }
+  #debug-bar button {
+    background-color: #252525;
+  }
+  #debug-bar table strong {
+    color: #DD8615;
+  }
+  #debug-bar table tbody tr:hover {
+    background-color: #434343;
+  }
+  #debug-bar table tbody tr.current {
+    background-color: #FDC894;
+  }
+  #debug-bar table tbody tr.current td {
+    color: #252525;
+  }
+  #debug-bar table tbody tr.current:hover td {
+    background-color: #DD4814;
+    color: #FFFFFF;
+  }
+  #debug-bar .toolbar {
+    background-color: #434343;
+    box-shadow: 0 0 4px #434343;
+    -moz-box-shadow: 0 0 4px #434343;
+    -webkit-box-shadow: 0 0 4px #434343;
+  }
+  #debug-bar .toolbar img {
+    filter: brightness(0) invert(1);
+  }
+  #debug-bar.fixed-top .toolbar {
+    box-shadow: 0 0 4px #434343;
+    -moz-box-shadow: 0 0 4px #434343;
+    -webkit-box-shadow: 0 0 4px #434343;
+  }
+  #debug-bar.fixed-top .tab {
+    box-shadow: 0 1px 4px #434343;
+    -moz-box-shadow: 0 1px 4px #434343;
+    -webkit-box-shadow: 0 1px 4px #434343;
+  }
+  #debug-bar .muted {
+    color: #DFDFDF;
+  }
+  #debug-bar .muted td {
+    color: #434343;
+  }
+  #debug-bar .muted:hover td {
+    color: #DFDFDF;
+  }
+  #debug-bar #toolbar-position,
+  #debug-bar #toolbar-theme {
+    filter: brightness(0) invert(0.6);
+  }
+  #debug-bar .ci-label.active {
+    background-color: #252525;
+  }
+  #debug-bar .ci-label:hover {
+    background-color: #252525;
+  }
+  #debug-bar .ci-label .badge {
+    background-color: #DD4814;
+    color: #FFFFFF;
+  }
+  #debug-bar .tab {
+    background-color: #252525;
+    box-shadow: 0 -1px 4px #434343;
+    -moz-box-shadow: 0 -1px 4px #434343;
+    -webkit-box-shadow: 0 -1px 4px #434343;
+  }
+  #debug-bar .timeline th,
+  #debug-bar .timeline td {
+    border-color: #434343;
+  }
+  #debug-bar .timeline .timer {
+    background-color: #DD8615;
+  }
+  .debug-view.show-view {
+    border-color: #DD8615;
+  }
+  .debug-view-path {
+    background-color: #FDC894;
+    color: #434343;
+  }
+}
+#toolbarContainer.dark #debug-icon {
+  background-color: #252525;
+  box-shadow: 0 0 4px #DFDFDF;
+  -moz-box-shadow: 0 0 4px #DFDFDF;
+  -webkit-box-shadow: 0 0 4px #DFDFDF;
+}
+#toolbarContainer.dark #debug-icon a:active,
+#toolbarContainer.dark #debug-icon a:link,
+#toolbarContainer.dark #debug-icon a:visited {
+  color: #DD8615;
+}
+#toolbarContainer.dark #debug-bar {
+  background-color: #252525;
+  color: #DFDFDF;
+}
+#toolbarContainer.dark #debug-bar h1,
+#toolbarContainer.dark #debug-bar h2,
+#toolbarContainer.dark #debug-bar h3,
+#toolbarContainer.dark #debug-bar p,
+#toolbarContainer.dark #debug-bar a,
+#toolbarContainer.dark #debug-bar button,
+#toolbarContainer.dark #debug-bar table,
+#toolbarContainer.dark #debug-bar thead,
+#toolbarContainer.dark #debug-bar tr,
+#toolbarContainer.dark #debug-bar td,
+#toolbarContainer.dark #debug-bar button,
+#toolbarContainer.dark #debug-bar .toolbar {
+  background-color: transparent;
+  color: #DFDFDF;
+}
+#toolbarContainer.dark #debug-bar button {
+  background-color: #252525;
+}
+#toolbarContainer.dark #debug-bar table strong {
+  color: #DD8615;
+}
+#toolbarContainer.dark #debug-bar table tbody tr:hover {
+  background-color: #434343;
+}
+#toolbarContainer.dark #debug-bar table tbody tr.current {
+  background-color: #FDC894;
+}
+#toolbarContainer.dark #debug-bar table tbody tr.current td {
+  color: #252525;
+}
+#toolbarContainer.dark #debug-bar table tbody tr.current:hover td {
+  background-color: #DD4814;
+  color: #FFFFFF;
+}
+#toolbarContainer.dark #debug-bar .toolbar {
+  background-color: #434343;
+  box-shadow: 0 0 4px #434343;
+  -moz-box-shadow: 0 0 4px #434343;
+  -webkit-box-shadow: 0 0 4px #434343;
+}
+#toolbarContainer.dark #debug-bar .toolbar img {
+  filter: brightness(0) invert(1);
+}
+#toolbarContainer.dark #debug-bar.fixed-top .toolbar {
+  box-shadow: 0 0 4px #434343;
+  -moz-box-shadow: 0 0 4px #434343;
+  -webkit-box-shadow: 0 0 4px #434343;
+}
+#toolbarContainer.dark #debug-bar.fixed-top .tab {
+  box-shadow: 0 1px 4px #434343;
+  -moz-box-shadow: 0 1px 4px #434343;
+  -webkit-box-shadow: 0 1px 4px #434343;
+}
+#toolbarContainer.dark #debug-bar .muted {
+  color: #DFDFDF;
+}
+#toolbarContainer.dark #debug-bar .muted td {
+  color: #434343;
+}
+#toolbarContainer.dark #debug-bar .muted:hover td {
+  color: #DFDFDF;
+}
+#toolbarContainer.dark #debug-bar #toolbar-position,
+#toolbarContainer.dark #debug-bar #toolbar-theme {
+  filter: brightness(0) invert(0.6);
+}
+#toolbarContainer.dark #debug-bar .ci-label.active {
+  background-color: #252525;
+}
+#toolbarContainer.dark #debug-bar .ci-label:hover {
+  background-color: #252525;
+}
+#toolbarContainer.dark #debug-bar .ci-label .badge {
+  background-color: #DD4814;
+  color: #FFFFFF;
+}
+#toolbarContainer.dark #debug-bar .tab {
+  background-color: #252525;
+  box-shadow: 0 -1px 4px #434343;
+  -moz-box-shadow: 0 -1px 4px #434343;
+  -webkit-box-shadow: 0 -1px 4px #434343;
+}
+#toolbarContainer.dark #debug-bar .timeline th,
+#toolbarContainer.dark #debug-bar .timeline td {
+  border-color: #434343;
+}
+#toolbarContainer.dark #debug-bar .timeline .timer {
+  background-color: #DD8615;
+}
+#toolbarContainer.dark .debug-view.show-view {
+  border-color: #DD8615;
+}
+#toolbarContainer.dark .debug-view-path {
+  background-color: #FDC894;
+  color: #434343;
+}
+#toolbarContainer.dark td[data-debugbar-route] input[type=text] {
+  background: #000;
+  color: #fff;
+}
+
+#toolbarContainer.light #debug-icon {
+  background-color: #FFFFFF;
+  box-shadow: 0 0 4px #DFDFDF;
+  -moz-box-shadow: 0 0 4px #DFDFDF;
+  -webkit-box-shadow: 0 0 4px #DFDFDF;
+}
+#toolbarContainer.light #debug-icon a:active,
+#toolbarContainer.light #debug-icon a:link,
+#toolbarContainer.light #debug-icon a:visited {
+  color: #DD8615;
+}
+#toolbarContainer.light #debug-bar {
+  background-color: #FFFFFF;
+  color: #434343;
+}
+#toolbarContainer.light #debug-bar h1,
+#toolbarContainer.light #debug-bar h2,
+#toolbarContainer.light #debug-bar h3,
+#toolbarContainer.light #debug-bar p,
+#toolbarContainer.light #debug-bar a,
+#toolbarContainer.light #debug-bar button,
+#toolbarContainer.light #debug-bar table,
+#toolbarContainer.light #debug-bar thead,
+#toolbarContainer.light #debug-bar tr,
+#toolbarContainer.light #debug-bar td,
+#toolbarContainer.light #debug-bar button,
+#toolbarContainer.light #debug-bar .toolbar {
+  background-color: transparent;
+  color: #434343;
+}
+#toolbarContainer.light #debug-bar button {
+  background-color: #FFFFFF;
+}
+#toolbarContainer.light #debug-bar table strong {
+  color: #DD8615;
+}
+#toolbarContainer.light #debug-bar table tbody tr:hover {
+  background-color: #DFDFDF;
+}
+#toolbarContainer.light #debug-bar table tbody tr.current {
+  background-color: #FDC894;
+}
+#toolbarContainer.light #debug-bar table tbody tr.current:hover td {
+  background-color: #DD4814;
+  color: #FFFFFF;
+}
+#toolbarContainer.light #debug-bar .toolbar {
+  background-color: #FFFFFF;
+  box-shadow: 0 0 4px #DFDFDF;
+  -moz-box-shadow: 0 0 4px #DFDFDF;
+  -webkit-box-shadow: 0 0 4px #DFDFDF;
+}
+#toolbarContainer.light #debug-bar .toolbar img {
+  filter: brightness(0) invert(0.4);
+}
+#toolbarContainer.light #debug-bar.fixed-top .toolbar {
+  box-shadow: 0 0 4px #DFDFDF;
+  -moz-box-shadow: 0 0 4px #DFDFDF;
+  -webkit-box-shadow: 0 0 4px #DFDFDF;
+}
+#toolbarContainer.light #debug-bar.fixed-top .tab {
+  box-shadow: 0 1px 4px #DFDFDF;
+  -moz-box-shadow: 0 1px 4px #DFDFDF;
+  -webkit-box-shadow: 0 1px 4px #DFDFDF;
+}
+#toolbarContainer.light #debug-bar .muted {
+  color: #434343;
+}
+#toolbarContainer.light #debug-bar .muted td {
+  color: #DFDFDF;
+}
+#toolbarContainer.light #debug-bar .muted:hover td {
+  color: #434343;
+}
+#toolbarContainer.light #debug-bar #toolbar-position,
+#toolbarContainer.light #debug-bar #toolbar-theme {
+  filter: brightness(0) invert(0.6);
+}
+#toolbarContainer.light #debug-bar .ci-label.active {
+  background-color: #DFDFDF;
+}
+#toolbarContainer.light #debug-bar .ci-label:hover {
+  background-color: #DFDFDF;
+}
+#toolbarContainer.light #debug-bar .ci-label .badge {
+  background-color: #DD4814;
+  color: #FFFFFF;
+}
+#toolbarContainer.light #debug-bar .tab {
+  background-color: #FFFFFF;
+  box-shadow: 0 -1px 4px #DFDFDF;
+  -moz-box-shadow: 0 -1px 4px #DFDFDF;
+  -webkit-box-shadow: 0 -1px 4px #DFDFDF;
+}
+#toolbarContainer.light #debug-bar .timeline th,
+#toolbarContainer.light #debug-bar .timeline td {
+  border-color: #DFDFDF;
+}
+#toolbarContainer.light #debug-bar .timeline .timer {
+  background-color: #DD8615;
+}
+#toolbarContainer.light .debug-view.show-view {
+  border-color: #DD8615;
+}
+#toolbarContainer.light .debug-view-path {
+  background-color: #FDC894;
+  color: #434343;
+}
+
+.debug-bar-width30 {
+  width: 30%;
+}
+
+.debug-bar-width10 {
+  width: 10%;
+}
+
+.debug-bar-width70p {
+  width: 70px;
+}
+
+.debug-bar-width190p {
+  width: 190px;
+}
+
+.debug-bar-width20e {
+  width: 20em;
+}
+
+.debug-bar-width6r {
+  width: 6rem;
+}
+
+.debug-bar-ndisplay {
+  display: none;
+}
+
+.debug-bar-alignRight {
+  text-align: right;
+}
+
+.debug-bar-alignLeft {
+  text-align: left;
+}
+
+.debug-bar-noverflow {
+  overflow: hidden;
+}
+
+.debug-bar-dtableRow {
+  display: table-row;
+}
+
+.debug-bar-dinlineBlock {
+  display: inline-block;
+}
+
+.debug-bar-pointer {
+  cursor: pointer;
+}
+
+.debug-bar-mleft4 {
+  margin-left: 4px;
+}
+
+.debug-bar-level-0 {
+  --level: 0;
+}
+
+.debug-bar-level-1 {
+  --level: 1;
+}
+
+.debug-bar-level-2 {
+  --level: 2;
+}
+
+.debug-bar-level-3 {
+  --level: 3;
+}
+
+.debug-bar-level-4 {
+  --level: 4;
+}
+
+.debug-bar-level-5 {
+  --level: 5;
+}
+
+.debug-bar-level-6 {
+  --level: 6;
+}
diff --git a/ci4app/system/Debug/Toolbar/Views/toolbar.js b/ci4app/system/Debug/Toolbar/Views/toolbar.js
new file mode 100644
index 0000000..ddaa238
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Views/toolbar.js
@@ -0,0 +1,828 @@
+/*
+ * Functionality for the CodeIgniter Debug Toolbar.
+ */
+
+var ciDebugBar = {
+    toolbarContainer: null,
+    toolbar: null,
+    icon: null,
+
+    init: function () {
+        this.toolbarContainer = document.getElementById("toolbarContainer");
+        this.toolbar = document.getElementById("debug-bar");
+        this.icon = document.getElementById("debug-icon");
+
+        ciDebugBar.createListeners();
+        ciDebugBar.setToolbarState();
+        ciDebugBar.setToolbarPosition();
+        ciDebugBar.setToolbarTheme();
+        ciDebugBar.toggleViewsHints();
+        ciDebugBar.routerLink();
+        ciDebugBar.setHotReloadState();
+
+        document
+            .getElementById("debug-bar-link")
+            .addEventListener("click", ciDebugBar.toggleToolbar, true);
+        document
+            .getElementById("debug-icon-link")
+            .addEventListener("click", ciDebugBar.toggleToolbar, true);
+
+        historyLoad = this.toolbar.getElementsByClassName("ci-history-load");
+
+        if (historyLoad.length) {
+            // Allows highlighting the row of the current history request
+            var btn = this.toolbar.querySelector(
+                'button[data-time="' + localStorage.getItem("debugbar-time-new") + '"]'
+            );
+            ciDebugBar.addClass(btn.parentNode.parentNode, "current");
+
+
+            for (var i = 0; i < historyLoad.length; i++) {
+                historyLoad[i].addEventListener(
+                    "click",
+                    function () {
+                        loadDoc(this.getAttribute("data-time"));
+                    },
+                    true
+                );
+            }
+        }
+
+        // Display the active Tab on page load
+        var tab = ciDebugBar.readCookie("debug-bar-tab");
+        if (document.getElementById(tab)) {
+            var el = document.getElementById(tab);
+            ciDebugBar.switchClass(el, "debug-bar-ndisplay", "debug-bar-dblock");
+            ciDebugBar.addClass(el, "active");
+            tab = document.querySelector("[data-tab=" + tab + "]");
+            if (tab) {
+                ciDebugBar.addClass(tab.parentNode, "active");
+            }
+        }
+    },
+
+    createListeners: function () {
+        var buttons = [].slice.call(
+            this.toolbar.querySelectorAll(".ci-label a")
+        );
+
+        for (var i = 0; i < buttons.length; i++) {
+            buttons[i].addEventListener("click", ciDebugBar.showTab, true);
+        }
+
+        // Hook up generic toggle via data attributes `data-toggle="foo"`
+        var links = this.toolbar.querySelectorAll("[data-toggle]");
+        for (var i = 0; i < links.length; i++) {
+            let toggleData = links[i].getAttribute("data-toggle");
+            if (toggleData === "datatable") {
+
+                let datatable = links[i].getAttribute("data-table");
+                links[i].addEventListener("click", function() {
+                    ciDebugBar.toggleDataTable(datatable)
+                }, true);
+
+            } else if (toggleData === "childrows") {
+
+                let child = links[i].getAttribute("data-child");
+                links[i].addEventListener("click", function() {
+                    ciDebugBar.toggleChildRows(child)
+                }, true);
+
+            } else {
+                links[i].addEventListener("click", ciDebugBar.toggleRows, true);
+            }
+        }
+    },
+
+    showTab: function () {
+        // Get the target tab, if any
+        var tab = document.getElementById(this.getAttribute("data-tab"));
+
+        // If the label have not a tab stops here
+        if (! tab) {
+            return;
+        }
+
+        // Remove debug-bar-tab cookie
+        ciDebugBar.createCookie("debug-bar-tab", "", -1);
+
+        // Check our current state.
+        var state = tab.classList.contains("debug-bar-dblock");
+
+        // Hide all tabs
+        var tabs = document.querySelectorAll("#debug-bar .tab");
+
+        for (var i = 0; i < tabs.length; i++) {
+            ciDebugBar.switchClass(tabs[i], "debug-bar-dblock", "debug-bar-ndisplay");
+        }
+
+        // Mark all labels as inactive
+        var labels = document.querySelectorAll("#debug-bar .ci-label");
+
+        for (var i = 0; i < labels.length; i++) {
+            ciDebugBar.removeClass(labels[i], "active");
+        }
+
+        // Show/hide the selected tab
+        if (! state) {
+            ciDebugBar.switchClass(tab, "debug-bar-ndisplay", "debug-bar-dblock");
+            ciDebugBar.addClass(this.parentNode, "active");
+            // Create debug-bar-tab cookie to persistent state
+            ciDebugBar.createCookie(
+                "debug-bar-tab",
+                this.getAttribute("data-tab"),
+                365
+            );
+        }
+    },
+
+    addClass: function (el, className) {
+        if (el.classList) {
+            el.classList.add(className);
+        } else {
+            el.className += " " + className;
+        }
+    },
+
+    removeClass: function (el, className) {
+        if (el.classList) {
+            el.classList.remove(className);
+        } else {
+            el.className = el.className.replace(
+                new RegExp(
+                    "(^|\\b)" + className.split(" ").join("|") + "(\\b|$)",
+                    "gi"
+                ),
+                " "
+            );
+        }
+    },
+
+    switchClass  : function(el, classFrom, classTo) {
+        ciDebugBar.removeClass(el, classFrom);
+        ciDebugBar.addClass(el, classTo);
+    },
+
+    /**
+     * Toggle display of another object based on
+     * the data-toggle value of this object
+     *
+     * @param event
+     */
+    toggleRows: function (event) {
+        if (event.target) {
+            let row = event.target.closest("tr");
+            let target = document.getElementById(
+                row.getAttribute("data-toggle")
+            );
+
+            if (target.classList.contains("debug-bar-ndisplay")) {
+                ciDebugBar.switchClass(target, "debug-bar-ndisplay", "debug-bar-dtableRow");
+            } else {
+                ciDebugBar.switchClass(target, "debug-bar-dtableRow", "debug-bar-ndisplay");
+            }
+        }
+    },
+
+    /**
+     * Toggle display of a data table
+     *
+     * @param obj
+     */
+    toggleDataTable: function (obj) {
+        if (typeof obj == "string") {
+            obj = document.getElementById(obj + "_table");
+        }
+
+        if (obj) {
+            if (obj.classList.contains("debug-bar-ndisplay")) {
+                ciDebugBar.switchClass(obj, "debug-bar-ndisplay", "debug-bar-dblock");
+            } else {
+                ciDebugBar.switchClass(obj, "debug-bar-dblock", "debug-bar-ndisplay");
+            }
+        }
+    },
+
+    /**
+     * Toggle display of timeline child elements
+     *
+     * @param obj
+     */
+    toggleChildRows: function (obj) {
+        if (typeof obj == "string") {
+            par = document.getElementById(obj + "_parent");
+            obj = document.getElementById(obj + "_children");
+        }
+
+        if (par && obj) {
+
+            if (obj.classList.contains("debug-bar-ndisplay")) {
+                ciDebugBar.removeClass(obj, "debug-bar-ndisplay");
+            } else {
+                ciDebugBar.addClass(obj, "debug-bar-ndisplay");
+            }
+
+            par.classList.toggle("timeline-parent-open");
+        }
+    },
+
+    //--------------------------------------------------------------------
+
+    /**
+     *   Toggle tool bar from full to icon and icon to full
+     */
+    toggleToolbar: function () {
+        var open = ! ciDebugBar.toolbar.classList.contains("debug-bar-ndisplay");
+
+        if (open) {
+            ciDebugBar.switchClass(ciDebugBar.icon, "debug-bar-ndisplay", "debug-bar-dinlineBlock");
+            ciDebugBar.switchClass(ciDebugBar.toolbar, "debug-bar-dinlineBlock", "debug-bar-ndisplay");
+        } else {
+            ciDebugBar.switchClass(ciDebugBar.icon, "debug-bar-dinlineBlock", "debug-bar-ndisplay");
+            ciDebugBar.switchClass(ciDebugBar.toolbar, "debug-bar-ndisplay", "debug-bar-dinlineBlock");
+        }
+
+        // Remember it for other page loads on this site
+        ciDebugBar.createCookie("debug-bar-state", "", -1);
+        ciDebugBar.createCookie(
+            "debug-bar-state",
+            open == true ? "minimized" : "open",
+            365
+        );
+    },
+
+    /**
+     * Sets the initial state of the toolbar (open or minimized) when
+     * the page is first loaded to allow it to remember the state between refreshes.
+     */
+    setToolbarState: function () {
+        var open = ciDebugBar.readCookie("debug-bar-state");
+
+        if (open != "open") {
+            ciDebugBar.switchClass(ciDebugBar.icon, "debug-bar-ndisplay", "debug-bar-dinlineBlock");
+            ciDebugBar.switchClass(ciDebugBar.toolbar, "debug-bar-dinlineBlock", "debug-bar-ndisplay");
+        } else {
+            ciDebugBar.switchClass(ciDebugBar.icon, "debug-bar-dinlineBlock", "debug-bar-ndisplay");
+            ciDebugBar.switchClass(ciDebugBar.toolbar, "debug-bar-ndisplay", "debug-bar-dinlineBlock");
+        }
+    },
+
+    toggleViewsHints: function () {
+        // Avoid toggle hints on history requests that are not the initial
+        if (
+            localStorage.getItem("debugbar-time") !=
+            localStorage.getItem("debugbar-time-new")
+        ) {
+            var a = document.querySelector('a[data-tab="ci-views"]');
+            a.href = "#";
+            return;
+        }
+
+        var nodeList = []; // [ Element, NewElement( 1 )/OldElement( 0 ) ]
+        var sortedComments = [];
+        var comments = [];
+
+        var getComments = function () {
+            var nodes = [];
+            var result = [];
+            var xpathResults = document.evaluate(
+                "//comment()[starts-with(., ' DEBUG-VIEW')]",
+                document,
+                null,
+                XPathResult.ANY_TYPE,
+                null
+            );
+            var nextNode = xpathResults.iterateNext();
+            while (nextNode) {
+                nodes.push(nextNode);
+                nextNode = xpathResults.iterateNext();
+            }
+
+            // sort comment by opening and closing tags
+            for (var i = 0; i < nodes.length; ++i) {
+                // get file path + name to use as key
+                var path = nodes[i].nodeValue.substring(
+                    18,
+                    nodes[i].nodeValue.length - 1
+                );
+
+                if (nodes[i].nodeValue[12] === "S") {
+                    // simple check for start comment
+                    // create new entry
+                    result[path] = [nodes[i], null];
+                } else if (result[path]) {
+                    // add to existing entry
+                    result[path][1] = nodes[i];
+                }
+            }
+
+            return result;
+        };
+
+        // find node that has TargetNode as parentNode
+        var getParentNode = function (node, targetNode) {
+            if (node.parentNode === null) {
+                return null;
+            }
+
+            if (node.parentNode !== targetNode) {
+                return getParentNode(node.parentNode, targetNode);
+            }
+
+            return node;
+        };
+
+        // define invalid & outer ( also invalid ) elements
+        const INVALID_ELEMENTS = ["NOSCRIPT", "SCRIPT", "STYLE"];
+        const OUTER_ELEMENTS = ["HTML", "BODY", "HEAD"];
+
+        var getValidElementInner = function (node, reverse) {
+            // handle invalid tags
+            if (OUTER_ELEMENTS.indexOf(node.nodeName) !== -1) {
+                for (var i = 0; i < document.body.children.length; ++i) {
+                    var index = reverse
+                        ? document.body.children.length - (i + 1)
+                        : i;
+                    var element = document.body.children[index];
+
+                    // skip invalid tags
+                    if (INVALID_ELEMENTS.indexOf(element.nodeName) !== -1) {
+                        continue;
+                    }
+
+                    return [element, reverse];
+                }
+
+                return null;
+            }
+
+            // get to next valid element
+            while (
+                node !== null &&
+                INVALID_ELEMENTS.indexOf(node.nodeName) !== -1
+            ) {
+                node = reverse
+                    ? node.previousElementSibling
+                    : node.nextElementSibling;
+            }
+
+            // return non array if we couldnt find something
+            if (node === null) {
+                return null;
+            }
+
+            return [node, reverse];
+        };
+
+        // get next valid element ( to be safe to add divs )
+        // @return [ element, skip element ] or null if we couldnt find a valid place
+        var getValidElement = function (nodeElement) {
+            if (nodeElement) {
+                if (nodeElement.nextElementSibling !== null) {
+                    return (
+                        getValidElementInner(
+                            nodeElement.nextElementSibling,
+                            false
+                        ) ||
+                        getValidElementInner(
+                            nodeElement.previousElementSibling,
+                            true
+                        )
+                    );
+                }
+                if (nodeElement.previousElementSibling !== null) {
+                    return getValidElementInner(
+                        nodeElement.previousElementSibling,
+                        true
+                    );
+                }
+            }
+
+            // something went wrong! -> element is not in DOM
+            return null;
+        };
+
+        function showHints() {
+            // Had AJAX? Reset view blocks
+            sortedComments = getComments();
+
+            for (var key in sortedComments) {
+                var startElement = getValidElement(sortedComments[key][0]);
+                var endElement = getValidElement(sortedComments[key][1]);
+
+                // skip if we couldnt get a valid element
+                if (startElement === null || endElement === null) {
+                    continue;
+                }
+
+                // find element which has same parent as startelement
+                var jointParent = getParentNode(
+                    endElement[0],
+                    startElement[0].parentNode
+                );
+                if (jointParent === null) {
+                    // find element which has same parent as endelement
+                    jointParent = getParentNode(
+                        startElement[0],
+                        endElement[0].parentNode
+                    );
+                    if (jointParent === null) {
+                        // both tries failed
+                        continue;
+                    } else {
+                        startElement[0] = jointParent;
+                    }
+                } else {
+                    endElement[0] = jointParent;
+                }
+
+                var debugDiv = document.createElement("div"); // holder
+                var debugPath = document.createElement("div"); // path
+                var childArray = startElement[0].parentNode.childNodes; // target child array
+                var parent = startElement[0].parentNode;
+                var start, end;
+
+                // setup container
+                debugDiv.classList.add("debug-view");
+                debugDiv.classList.add("show-view");
+                debugPath.classList.add("debug-view-path");
+                debugPath.innerText = key;
+                debugDiv.appendChild(debugPath);
+
+                // calc distance between them
+                // start
+                for (var i = 0; i < childArray.length; ++i) {
+                    // check for comment ( start & end ) -> if its before valid start element
+                    if (
+                        childArray[i] === sortedComments[key][1] ||
+                        childArray[i] === sortedComments[key][0] ||
+                        childArray[i] === startElement[0]
+                    ) {
+                        start = i;
+                        if (childArray[i] === sortedComments[key][0]) {
+                            start++; // increase to skip the start comment
+                        }
+                        break;
+                    }
+                }
+                // adjust if we want to skip the start element
+                if (startElement[1]) {
+                    start++;
+                }
+
+                // end
+                for (var i = start; i < childArray.length; ++i) {
+                    if (childArray[i] === endElement[0]) {
+                        end = i;
+                        // dont break to check for end comment after end valid element
+                    } else if (childArray[i] === sortedComments[key][1]) {
+                        // if we found the end comment, we can break
+                        end = i;
+                        break;
+                    }
+                }
+
+                // move elements
+                var number = end - start;
+                if (endElement[1]) {
+                    number++;
+                }
+                for (var i = 0; i < number; ++i) {
+                    if (INVALID_ELEMENTS.indexOf(childArray[start]) !== -1) {
+                        // skip invalid childs that can cause problems if moved
+                        start++;
+                        continue;
+                    }
+                    debugDiv.appendChild(childArray[start]);
+                }
+
+                // add container to DOM
+                nodeList.push(parent.insertBefore(debugDiv, childArray[start]));
+            }
+
+            ciDebugBar.createCookie("debug-view", "show", 365);
+            ciDebugBar.addClass(btn, "active");
+        }
+
+        function hideHints() {
+            for (var i = 0; i < nodeList.length; ++i) {
+                var index;
+
+                // find index
+                for (
+                    var j = 0;
+                    j < nodeList[i].parentNode.childNodes.length;
+                    ++j
+                ) {
+                    if (nodeList[i].parentNode.childNodes[j] === nodeList[i]) {
+                        index = j;
+                        break;
+                    }
+                }
+
+                // move child back
+                while (nodeList[i].childNodes.length !== 1) {
+                    nodeList[i].parentNode.insertBefore(
+                        nodeList[i].childNodes[1],
+                        nodeList[i].parentNode.childNodes[index].nextSibling
+                    );
+                    index++;
+                }
+
+                nodeList[i].parentNode.removeChild(nodeList[i]);
+            }
+            nodeList.length = 0;
+
+            ciDebugBar.createCookie("debug-view", "", -1);
+            ciDebugBar.removeClass(btn, "active");
+        }
+
+        var btn = document.querySelector("[data-tab=ci-views]");
+
+        // If the Views Collector is inactive stops here
+        if (! btn) {
+            return;
+        }
+
+        btn.parentNode.onclick = function () {
+            if (ciDebugBar.readCookie("debug-view")) {
+                hideHints();
+            } else {
+                showHints();
+            }
+        };
+
+        // Determine Hints state on page load
+        if (ciDebugBar.readCookie("debug-view")) {
+            showHints();
+        }
+    },
+
+    setToolbarPosition: function () {
+        var btnPosition = this.toolbar.querySelector("#toolbar-position");
+
+        if (ciDebugBar.readCookie("debug-bar-position") === "top") {
+            ciDebugBar.addClass(ciDebugBar.icon, "fixed-top");
+            ciDebugBar.addClass(ciDebugBar.toolbar, "fixed-top");
+        }
+
+        btnPosition.addEventListener(
+            "click",
+            function () {
+                var position = ciDebugBar.readCookie("debug-bar-position");
+
+                ciDebugBar.createCookie("debug-bar-position", "", -1);
+
+                if (! position || position === "bottom") {
+                    ciDebugBar.createCookie("debug-bar-position", "top", 365);
+                    ciDebugBar.addClass(ciDebugBar.icon, "fixed-top");
+                    ciDebugBar.addClass(ciDebugBar.toolbar, "fixed-top");
+                } else {
+                    ciDebugBar.createCookie(
+                        "debug-bar-position",
+                        "bottom",
+                        365
+                    );
+                    ciDebugBar.removeClass(ciDebugBar.icon, "fixed-top");
+                    ciDebugBar.removeClass(ciDebugBar.toolbar, "fixed-top");
+                }
+            },
+            true
+        );
+    },
+
+    setToolbarTheme: function () {
+        var btnTheme = this.toolbar.querySelector("#toolbar-theme");
+        var isDarkMode = window.matchMedia(
+            "(prefers-color-scheme: dark)"
+        ).matches;
+        var isLightMode = window.matchMedia(
+            "(prefers-color-scheme: light)"
+        ).matches;
+
+        // If a cookie is set with a value, we force the color scheme
+        if (ciDebugBar.readCookie("debug-bar-theme") === "dark") {
+            ciDebugBar.removeClass(ciDebugBar.toolbarContainer, "light");
+            ciDebugBar.addClass(ciDebugBar.toolbarContainer, "dark");
+        } else if (ciDebugBar.readCookie("debug-bar-theme") === "light") {
+            ciDebugBar.removeClass(ciDebugBar.toolbarContainer, "dark");
+            ciDebugBar.addClass(ciDebugBar.toolbarContainer, "light");
+        }
+
+        btnTheme.addEventListener(
+            "click",
+            function () {
+                var theme = ciDebugBar.readCookie("debug-bar-theme");
+
+                if (
+                    ! theme &&
+                    window.matchMedia("(prefers-color-scheme: dark)").matches
+                ) {
+                    // If there is no cookie, and "prefers-color-scheme" is set to "dark"
+                    // It means that the user wants to switch to light mode
+                    ciDebugBar.createCookie("debug-bar-theme", "light", 365);
+                    ciDebugBar.removeClass(ciDebugBar.toolbarContainer, "dark");
+                    ciDebugBar.addClass(ciDebugBar.toolbarContainer, "light");
+                } else {
+                    if (theme === "dark") {
+                        ciDebugBar.createCookie(
+                            "debug-bar-theme",
+                            "light",
+                            365
+                        );
+                        ciDebugBar.removeClass(
+                            ciDebugBar.toolbarContainer,
+                            "dark"
+                        );
+                        ciDebugBar.addClass(
+                            ciDebugBar.toolbarContainer,
+                            "light"
+                        );
+                    } else {
+                        // In any other cases: if there is no cookie, or the cookie is set to
+                        // "light", or the "prefers-color-scheme" is "light"...
+                        ciDebugBar.createCookie("debug-bar-theme", "dark", 365);
+                        ciDebugBar.removeClass(
+                            ciDebugBar.toolbarContainer,
+                            "light"
+                        );
+                        ciDebugBar.addClass(
+                            ciDebugBar.toolbarContainer,
+                            "dark"
+                        );
+                    }
+                }
+            },
+            true
+        );
+    },
+
+    setHotReloadState: function () {
+        var btn = document.getElementById("debug-hot-reload").parentNode;
+        var btnImg = btn.getElementsByTagName("img")[0];
+        var eventSource;
+
+        // If the Hot Reload Collector is inactive stops here
+        if (! btn) {
+            return;
+        }
+
+        btn.onclick = function () {
+            if (ciDebugBar.readCookie("debug-hot-reload")) {
+                ciDebugBar.createCookie("debug-hot-reload", "", -1);
+                ciDebugBar.removeClass(btn, "active");
+                ciDebugBar.removeClass(btnImg, "rotate");
+
+                // Close the EventSource connection if it exists
+                if (typeof eventSource !== "undefined") {
+                    eventSource.close();
+                    eventSource = void 0; // Undefine the variable
+                }
+            } else {
+                ciDebugBar.createCookie("debug-hot-reload", "show", 365);
+                ciDebugBar.addClass(btn, "active");
+                ciDebugBar.addClass(btnImg, "rotate");
+
+                eventSource = ciDebugBar.hotReloadConnect();
+            }
+        };
+
+        // Determine Hot Reload state on page load
+        if (ciDebugBar.readCookie("debug-hot-reload")) {
+            ciDebugBar.addClass(btn, "active");
+            ciDebugBar.addClass(btnImg, "rotate");
+            eventSource = ciDebugBar.hotReloadConnect();
+        }
+    },
+
+    hotReloadConnect: function () {
+        const eventSource = new EventSource(ciSiteURL + "/__hot-reload");
+
+        eventSource.addEventListener("reload", function (e) {
+            console.log("reload", e);
+            window.location.reload();
+        });
+
+        eventSource.onerror = (err) => {
+            console.error("EventSource failed:", err);
+        };
+
+        return eventSource;
+    },
+
+    /**
+     * Helper to create a cookie.
+     *
+     * @param name
+     * @param value
+     * @param days
+     */
+    createCookie: function (name, value, days) {
+        if (days) {
+            var date = new Date();
+
+            date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
+
+            var expires = "; expires=" + date.toGMTString();
+        } else {
+            var expires = "";
+        }
+
+        document.cookie =
+            name + "=" + value + expires + "; path=/; samesite=Lax";
+    },
+
+    readCookie: function (name) {
+        var nameEQ = name + "=";
+        var ca = document.cookie.split(";");
+
+        for (var i = 0; i < ca.length; i++) {
+            var c = ca[i];
+            while (c.charAt(0) == " ") {
+                c = c.substring(1, c.length);
+            }
+            if (c.indexOf(nameEQ) == 0) {
+                return c.substring(nameEQ.length, c.length);
+            }
+        }
+        return null;
+    },
+
+    trimSlash: function (text) {
+        return text.replace(/^\/|\/$/g, "");
+    },
+
+    routerLink: function () {
+        var row, _location;
+        var rowGet = this.toolbar.querySelectorAll(
+            'td[data-debugbar-route="GET"]'
+        );
+        var patt = /\((?:[^)(]+|\((?:[^)(]+|\([^)(]*\))*\))*\)/;
+
+        for (var i = 0; i < rowGet.length; i++) {
+            row = rowGet[i];
+            if (!/\/\(.+?\)/.test(rowGet[i].innerText)) {
+                ciDebugBar.addClass(row, "debug-bar-pointer");
+                row.setAttribute(
+                    "title",
+                    location.origin + "/" + ciDebugBar.trimSlash(row.innerText)
+                );
+                row.addEventListener("click", function (ev) {
+                    _location =
+                        location.origin +
+                        "/" +
+                        ciDebugBar.trimSlash(ev.target.innerText);
+                    var redirectWindow = window.open(_location, "_blank");
+                    redirectWindow.location;
+                });
+            } else {
+                row.innerHTML =
+                    "<div>" +
+                    row.innerText +
+                    "</div>" +
+                    '<form data-debugbar-route-tpl="' +
+                    ciDebugBar.trimSlash(row.innerText.replace(patt, "?")) +
+                    '">' +
+                    row.innerText.replace(
+                        patt,
+                        '<input type="text" placeholder="$1">'
+                    ) +
+                    '<input type="submit" value="Go" class="debug-bar-mleft4">' +
+                    "</form>";
+            }
+        }
+
+        rowGet = this.toolbar.querySelectorAll(
+            'td[data-debugbar-route="GET"] form'
+        );
+        for (var i = 0; i < rowGet.length; i++) {
+            row = rowGet[i];
+
+            row.addEventListener("submit", function (event) {
+                event.preventDefault();
+                var inputArray = [],
+                    t = 0;
+                var input = event.target.querySelectorAll("input[type=text]");
+                var tpl = event.target.getAttribute("data-debugbar-route-tpl");
+
+                for (var n = 0; n < input.length; n++) {
+                    if (input[n].value.length > 0) {
+                        inputArray.push(input[n].value);
+                    }
+                }
+
+                if (inputArray.length > 0) {
+                    _location =
+                        location.origin +
+                        "/" +
+                        tpl.replace(/\?/g, function () {
+                            return inputArray[t++];
+                        });
+
+                    var redirectWindow = window.open(_location, "_blank");
+                    redirectWindow.location;
+                }
+            });
+        }
+    },
+};
diff --git a/ci4app/system/Debug/Toolbar/Views/toolbar.tpl.php b/ci4app/system/Debug/Toolbar/Views/toolbar.tpl.php
new file mode 100644
index 0000000..0768f62
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Views/toolbar.tpl.php
@@ -0,0 +1,280 @@
+<?php declare(strict_types=1);
+use CodeIgniter\Debug\Toolbar;
+use CodeIgniter\View\Parser;
+
+/**
+ * @var Toolbar $this
+ * @var int     $totalTime
+ * @var int     $totalMemory
+ * @var string  $url
+ * @var string  $method
+ * @var bool    $isAJAX
+ * @var int     $startTime
+ * @var int     $totalTime
+ * @var int     $totalMemory
+ * @var float   $segmentDuration
+ * @var int     $segmentCount
+ * @var string  $CI_VERSION
+ * @var array   $collectors
+ * @var array   $vars
+ * @var array   $styles
+ * @var Parser  $parser
+ */
+?>
+<style>
+    <?= preg_replace('#[\r\n\t ]+#', ' ', file_get_contents(__DIR__ . '/toolbar.css')) ?>
+</style>
+
+<script id="toolbar_js">
+    var ciSiteURL = "<?= rtrim(site_url(), '/') ?>"
+    <?= file_get_contents(__DIR__ . '/toolbar.js') ?>
+</script>
+<div id="debug-icon" class="debug-bar-ndisplay">
+    <a id="debug-icon-link">
+        <svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 155 200"><defs/><path fill="#dd4814" d="M73.7 3.7c2.2 7.9-.7 18.5-7.8 29-1.8 2.6-10.7 12.2-19.7 21.3-23.9 24-33.6 37.1-40.3 54.4-7.9 20.6-7.8 40.8.5 58.2C12.8 180 27.6 193 42.5 198l6 2-3-2.2c-21-15.2-22.9-38.7-4.8-58.8 2.5-2.7 4.8-5 5.1-5 .4 0 .7 2.7.7 6.1 0 5.7.2 6.2 3.7 9.5 3 2.7 4.6 3.4 7.8 3.4 5.6 0 9.9-2.4 11.6-6.5 2.9-6.9 1.6-12-5-20.5-10.5-13.4-11.7-23.3-4.3-34.7l3.1-4.8.7 4.7c1.3 8.2 5.8 12.9 25 25.8 20.9 14.1 30.6 26.1 32.8 40.5 1.1 7.2-.1 16.1-3.1 21.8-2.7 5.3-11.2 14.3-16.5 17.4-2.4 1.4-4.3 2.6-4.3 2.8 0 .2 2.4-.4 5.3-1.4 24.1-8.3 42.7-27.1 48.2-48.6 1.9-7.6 1.9-20.2-.1-28.5-3.5-15.2-14.6-30.5-29.9-41.2l-7-4.9-.6 3.3c-.8 4.8-2.6 7.6-5.9 9.3-4.5 2.3-10.3 1.9-13.8-1-6.7-5.7-7.8-14.6-3.7-30.5 3-11.6 3.2-20.6.5-29.1C88.3 18 80.6 6.3 74.8 2.2 73.1.9 73 1 73.7 3.7z"/></svg>
+    </a>
+</div>
+<div id="debug-bar">
+    <div class="toolbar">
+        <span id="toolbar-position">&#8597;</span>
+        <span id="toolbar-theme">&#128261;</span>
+        <span id="hot-reload-btn" class="ci-label">
+            <a id="debug-hot-reload" title="Toggle Hot Reload">
+                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAABNklEQVR4nN2US04CQRCGv/DaiBxEvYWuBRPDKSCIXsCdcg0ULqTI8xIGN7JwTCU/ScV5tTO64Us6maSq/7+nuqvgkLgHopTl+QAWwBToAg3+wMTzM7YBrihp4jkCToEB8OJyRkCFAB5yDDxVoAd8OpNMOkrcAeMAgz3nzsQ0EqkDayXZqXy5Qugrdy2tGNdKeNWv40xCqGpvJK0YEwXt8ooylMZzUnCh4EkJgzNpmFaMrYLNEgbH0thmGVhSUVrSeE8KLv+7RBMFb0oY3EnDeihGN+WZhmJ7ZlnPtKHB5RvtNwy0d5XWaGgqRmp7a/9QLjRevoDLvOSRM+nnlKumk++0xwZlLhVnEulOhnohTS37vnU1t5M/ho7rPR03/LKW1bxNQep6ETZb5mpGW2/Ak2KpF3oYfAPX9Xpc671kqwAAAABJRU5ErkJggg==" />
+            </a>
+        </span>
+        <span class="ci-label">
+            <a data-tab="ci-timeline">
+                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAD7SURBVEhLY6ArSEtLK09NTbWHcvGC9PR0BaDaQiAdUl9fzwQVxg+AFvwHamqHcnGCpKQkeaDa9yD1UD09UCn8AKaBWJySkmIApFehi0ONwwRQBceBLurAh4FqFoHUAtkrgPgREN+ByYEw1DhMANVEMIhAYQ5U1wtU/wmILwLZRlAp/IBYC8gGw88CaFj3A/FnIL4ETDXGUCnyANSC/UC6HIpnQMXAqQXIvo0khxNDjcMEQEmU9AzDuNI7Lgw1DhOAJIEuhQcRKMcC+e+QNHdDpcgD6BaAANSSQqBcENFlDi6AzQKqgkFlwWhxjVI8o2OgmkFaXI8CTMDAAAAxd1O4FzLMaAAAAABJRU5ErkJggg==">
+                <span class="hide-sm"><?= $totalTime ?> ms &nbsp; <?= $totalMemory ?> MB</span>
+            </a>
+        </span>
+
+        <?php foreach ($collectors as $c) : ?>
+            <?php if (! $c['isEmpty'] && ($c['hasTabContent'] || $c['hasLabel'])) : ?>
+                <span class="ci-label">
+                    <a data-tab="ci-<?= $c['titleSafe'] ?>">
+                        <img src="<?= $c['icon'] ?>">
+                        <span class="hide-sm">
+                            <?= $c['title'] ?>
+                            <?php if ($c['badgeValue'] !== null) : ?>
+                                <span class="badge"><?= $c['badgeValue'] ?></span>
+                            <?php endif ?>
+                        </span>
+                    </a>
+                </span>
+            <?php endif ?>
+        <?php endforeach ?>
+
+        <span class="ci-label">
+            <a data-tab="ci-vars">
+                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACLSURBVEhLYxgFJIHU1NSraWlp/6H4T0pKSjRUijoAyXAwBlrYDpViAFpmARQrJwZDtWACoCROC4D8CnR5XBiqBRMADfyNprgRKkUdAApzoCUdUNwE5MtApYYIALp6NBWBMVQLJgAaOJqK8AOgq+mSio6DggjEBtLUT0UwQ5HZIADkj6aiUTAggIEBANAEDa/lkCRlAAAAAElFTkSuQmCC">
+                <span class="hide-sm">Vars</span>
+            </a>
+        </span>
+
+        <h1>
+            <span class="ci-label">
+                <a data-tab="ci-config">
+                    <svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 155 200"><defs/><path fill="#dd4814" d="M73.7 3.7c2.2 7.9-.7 18.5-7.8 29-1.8 2.6-10.7 12.2-19.7 21.3-23.9 24-33.6 37.1-40.3 54.4-7.9 20.6-7.8 40.8.5 58.2C12.8 180 27.6 193 42.5 198l6 2-3-2.2c-21-15.2-22.9-38.7-4.8-58.8 2.5-2.7 4.8-5 5.1-5 .4 0 .7 2.7.7 6.1 0 5.7.2 6.2 3.7 9.5 3 2.7 4.6 3.4 7.8 3.4 5.6 0 9.9-2.4 11.6-6.5 2.9-6.9 1.6-12-5-20.5-10.5-13.4-11.7-23.3-4.3-34.7l3.1-4.8.7 4.7c1.3 8.2 5.8 12.9 25 25.8 20.9 14.1 30.6 26.1 32.8 40.5 1.1 7.2-.1 16.1-3.1 21.8-2.7 5.3-11.2 14.3-16.5 17.4-2.4 1.4-4.3 2.6-4.3 2.8 0 .2 2.4-.4 5.3-1.4 24.1-8.3 42.7-27.1 48.2-48.6 1.9-7.6 1.9-20.2-.1-28.5-3.5-15.2-14.6-30.5-29.9-41.2l-7-4.9-.6 3.3c-.8 4.8-2.6 7.6-5.9 9.3-4.5 2.3-10.3 1.9-13.8-1-6.7-5.7-7.8-14.6-3.7-30.5 3-11.6 3.2-20.6.5-29.1C88.3 18 80.6 6.3 74.8 2.2 73.1.9 73 1 73.7 3.7z"/></svg>
+                    <?= $CI_VERSION ?>
+                </a>
+            </span>
+        </h1>
+
+        <!-- Open/Close Toggle -->
+        <a id="debug-bar-link" role="button" title="Open/Close">
+            <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEPSURBVEhL7ZVLDoJAEEThRuoGDwSEG+jCuFU34s3AK3APP1VDDSGMqI1xx0s6M/2rnlHEaMZElmWrPM+vsDvsYbQ7+us0TReSC2EBrEHxCevRYuppYLXkQpC8sVCuGfTvqSE3hFdFwUGuGfRvqSE35NUAfKZrbQNQm2jrMA+gOK+M+FmhDsRL5voHMA8gFGecq0JOXLWlQg7E7AMIxZnjOiZOEJ82gFCcedUE4gS56QP8yf8ywItz7e+RituKlkkDBoIOH4Nd4HZD4NsGYJ/Abn1xEVOcuZ8f0zc/tHiYmzTAwscBvDIK/veyQ9K/rnewjdF26q0kF1IUxZIFPAVW98x/a+qp8L2M/+HMhETRE6S8TxpZ7KGXAAAAAElFTkSuQmCC">
+        </a>
+    </div>
+
+    <!-- Timeline -->
+    <div id="ci-timeline" class="tab">
+        <table class="timeline">
+            <thead>
+            <tr>
+                <th class="debug-bar-width30">NAME</th>
+                <th class="debug-bar-width10">COMPONENT</th>
+                <th class="debug-bar-width10">DURATION</th>
+                <?php for ($i = 0; $i < $segmentCount; $i++) : ?>
+                    <th><?= $i * $segmentDuration ?> ms</th>
+                <?php endfor ?>
+            </tr>
+            </thead>
+            <tbody>
+            <?= $this->renderTimeline($collectors, $startTime, $segmentCount, $segmentDuration, $styles) ?>
+            </tbody>
+        </table>
+    </div>
+
+    <!-- Collector-provided Tabs -->
+    <?php foreach ($collectors as $c) : ?>
+        <?php if (! $c['isEmpty']) : ?>
+            <?php if ($c['hasTabContent']) : ?>
+                <div id="ci-<?= $c['titleSafe'] ?>" class="tab">
+                    <h2><?= $c['title'] ?> <span><?= $c['titleDetails'] ?></span></h2>
+
+                    <?= is_string($c['display']) ? $c['display'] : $parser->setData($c['display'])->render("_{$c['titleSafe']}.tpl") ?>
+                </div>
+            <?php endif ?>
+        <?php endif ?>
+    <?php endforeach ?>
+
+    <!-- In & Out -->
+    <div id="ci-vars" class="tab">
+
+        <!-- VarData from Collectors -->
+        <?php if (isset($vars['varData'])) : ?>
+            <?php foreach ($vars['varData'] as $heading => $items) : ?>
+
+                <a class="debug-bar-vars" data-toggle="datatable" data-table="<?= strtolower(str_replace(' ', '-', $heading)) ?>">
+                    <h2><?= $heading ?></h2>
+                </a>
+
+                <?php if (is_array($items)) : ?>
+
+                    <table id="<?= strtolower(str_replace(' ', '-', $heading . '_table')) ?>">
+                        <tbody>
+                        <?php foreach ($items as $key => $value) : ?>
+                            <tr>
+                                <td><?= $key ?></td>
+                                <td><?= $value ?></td>
+                            </tr>
+                        <?php endforeach ?>
+                        </tbody>
+                    </table>
+
+                <?php else: ?>
+                    <p class="muted">No data to display.</p>
+                <?php endif ?>
+            <?php endforeach ?>
+        <?php endif ?>
+
+        <!-- Session -->
+        <a class="debug-bar-vars" data-toggle="datatable" data-table="session">
+            <h2>Session User Data</h2>
+        </a>
+
+        <?php if (isset($vars['session'])) : ?>
+            <?php if (! empty($vars['session'])) : ?>
+                <table id="session_table">
+                    <tbody>
+                    <?php foreach ($vars['session'] as $key => $value) : ?>
+                        <tr>
+                            <td><?= $key ?></td>
+                            <td><?= $value ?></td>
+                        </tr>
+                    <?php endforeach ?>
+                    </tbody>
+                </table>
+            <?php else : ?>
+                <p class="muted">No data to display.</p>
+            <?php endif ?>
+        <?php else : ?>
+            <p class="muted">Session doesn't seem to be active.</p>
+        <?php endif ?>
+
+        <h2>Request <span>( <?= $vars['request'] ?> )</span></h2>
+
+        <?php if (isset($vars['get']) && $get = $vars['get']) : ?>
+            <a class="debug-bar-vars" data-toggle="datatable" data-table="get">
+                <h3>$_GET</h3>
+            </a>
+
+            <table id="get_table">
+                <tbody>
+                <?php foreach ($get as $name => $value) : ?>
+                    <tr>
+                        <td><?= $name ?></td>
+                        <td><?= $value ?></td>
+                    </tr>
+                <?php endforeach ?>
+                </tbody>
+            </table>
+        <?php endif ?>
+
+        <?php if (isset($vars['post']) && $post = $vars['post']) : ?>
+            <a class="debug-bar-vars" data-toggle="datatable" data-table="post">
+                <h3>$_POST</h3>
+            </a>
+
+            <table id="post_table">
+                <tbody>
+                <?php foreach ($post as $name => $value) : ?>
+                    <tr>
+                        <td><?= $name ?></td>
+                        <td><?= $value ?></td>
+                    </tr>
+                <?php endforeach ?>
+                </tbody>
+            </table>
+        <?php endif ?>
+
+        <?php if (isset($vars['headers']) && $headers = $vars['headers']) : ?>
+            <a class="debug-bar-vars" data-toggle="datatable" data-table="request_headers">
+                <h3>Headers</h3>
+            </a>
+
+            <table id="request_headers_table">
+                <tbody>
+                <?php foreach ($headers as $header => $value) : ?>
+                    <tr>
+                        <td><?= $header ?></td>
+                        <td><?= $value ?></td>
+                    </tr>
+                <?php endforeach ?>
+                </tbody>
+            </table>
+        <?php endif ?>
+
+        <?php if (isset($vars['cookies']) && $cookies = $vars['cookies']) : ?>
+            <a class="debug-bar-vars" data-toggle="datatable" data-table="cookie">
+                <h3>Cookies</h3>
+            </a>
+
+            <table id="cookie_table">
+                <tbody>
+                <?php foreach ($cookies as $name => $value) : ?>
+                    <tr>
+                        <td><?= $name ?></td>
+                        <td><?= is_array($value) ? print_r($value, true) : $value ?></td>
+                    </tr>
+                <?php endforeach ?>
+                </tbody>
+            </table>
+        <?php endif ?>
+
+        <h2>Response
+            <span>( <?= $vars['response']['statusCode'] . ' - ' . $vars['response']['reason'] ?> )</span>
+        </h2>
+
+        <?php if (isset($vars['response']['headers']) && $headers = $vars['response']['headers']) : ?>
+            <a class="debug-bar-vars" data-toggle="datatable" data-table="response_headers">
+                <h3>Headers</h3>
+            </a>
+
+            <table id="response_headers_table">
+                <tbody>
+                <?php foreach ($headers as $header => $value) : ?>
+                    <tr>
+                        <td><?= $header ?></td>
+                        <td><?= $value ?></td>
+                    </tr>
+                <?php endforeach ?>
+                </tbody>
+            </table>
+        <?php endif ?>
+    </div>
+
+    <!-- Config Values -->
+    <div id="ci-config" class="tab">
+        <h2>System Configuration</h2>
+
+        <?= $parser->setData($config)->render('_config.tpl') ?>
+    </div>
+</div>
+<style>
+<?php foreach ($styles as $name => $style): ?>
+<?= sprintf(".%s { %s }\n", $name, $style) ?>
+<?php endforeach ?>
+</style>
diff --git a/ci4app/system/Debug/Toolbar/Views/toolbarloader.js b/ci4app/system/Debug/Toolbar/Views/toolbarloader.js
new file mode 100644
index 0000000..a8bacb4
--- /dev/null
+++ b/ci4app/system/Debug/Toolbar/Views/toolbarloader.js
@@ -0,0 +1,90 @@
+document.addEventListener('DOMContentLoaded', loadDoc, false);
+
+function loadDoc(time) {
+    if (isNaN(time)) {
+        time = document.getElementById("debugbar_loader").getAttribute("data-time");
+        localStorage.setItem('debugbar-time', time);
+    }
+
+    localStorage.setItem('debugbar-time-new', time);
+
+    let url = '{url}';
+    let xhttp = new XMLHttpRequest();
+
+    xhttp.onreadystatechange = function() {
+        if (this.readyState === 4 && this.status === 200) {
+            let toolbar = document.getElementById("toolbarContainer");
+
+            if (! toolbar) {
+                toolbar = document.createElement('div');
+                toolbar.setAttribute('id', 'toolbarContainer');
+                document.body.appendChild(toolbar);
+            }
+
+            let responseText = this.responseText;
+            let dynamicStyle = document.getElementById('debugbar_dynamic_style');
+            let dynamicScript = document.getElementById('debugbar_dynamic_script');
+
+            // get the first style block, copy contents to dynamic_style, then remove here
+            let start = responseText.indexOf('>', responseText.indexOf('<style')) + 1;
+            let end = responseText.indexOf('</style>', start);
+            dynamicStyle.innerHTML = responseText.substr(start, end - start);
+            responseText = responseText.substr(end + 8);
+
+            // get the first script after the first style, copy contents to dynamic_script, then remove here
+            start = responseText.indexOf('>', responseText.indexOf('<script')) + 1;
+            end = responseText.indexOf('\<\/script>', start);
+            dynamicScript.innerHTML = responseText.substr(start, end - start);
+            responseText = responseText.substr(end + 9);
+
+            // check for last style block, append contents to dynamic_style, then remove here
+            start = responseText.indexOf('>', responseText.indexOf('<style')) + 1;
+            end = responseText.indexOf('</style>', start);
+            dynamicStyle.innerHTML += responseText.substr(start, end - start);
+            responseText = responseText.substr(0, start - 8);
+
+            toolbar.innerHTML = responseText;
+
+            if (typeof ciDebugBar === 'object') {
+                ciDebugBar.init();
+            }
+        } else if (this.readyState === 4 && this.status === 404) {
+            console.log('CodeIgniter DebugBar: File "WRITEPATH/debugbar/debugbar_' + time + '" not found.');
+        }
+    };
+
+    xhttp.open("GET", url + "?debugbar_time=" + time, true);
+    xhttp.send();
+}
+
+window.oldXHR = window.ActiveXObject
+    ? new ActiveXObject('Microsoft.XMLHTTP')
+    : window.XMLHttpRequest;
+
+function newXHR() {
+    const realXHR = new window.oldXHR();
+
+    realXHR.addEventListener("readystatechange", function() {
+        // Only success responses and URLs that do not contains "debugbar_time" are tracked
+        if (realXHR.readyState === 4 && realXHR.status.toString()[0] === '2' && realXHR.responseURL.indexOf('debugbar_time') === -1) {
+            if (realXHR.getAllResponseHeaders().indexOf("Debugbar-Time") >= 0) {
+                let debugbarTime = realXHR.getResponseHeader('Debugbar-Time');
+
+                if (debugbarTime) {
+                    let h2 = document.querySelector('#ci-history > h2');
+
+                    if (h2) {
+                        h2.innerHTML = 'History <small>You have new debug data.</small> <button id="ci-history-update">Update</button>';
+                        document.querySelector('a[data-tab="ci-history"] > span > .badge').className += ' active';
+                        document.getElementById('ci-history-update').addEventListener('click', function () {
+                            loadDoc(debugbarTime);
+                        }, false)
+                    }
+                }
+            }
+        }
+    }, false);
+    return realXHR;
+}
+
+window.XMLHttpRequest = newXHR;
diff --git a/ci4app/system/Email/Email.php b/ci4app/system/Email/Email.php
new file mode 100644
index 0000000..9ed8465
--- /dev/null
+++ b/ci4app/system/Email/Email.php
@@ -0,0 +1,2299 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Email;
+
+use CodeIgniter\Events\Events;
+use CodeIgniter\I18n\Time;
+use Config\Mimes;
+use ErrorException;
+
+/**
+ * CodeIgniter Email Class
+ *
+ * Permits email to be sent using Mail, Sendmail, or SMTP.
+ *
+ * @see \CodeIgniter\Email\EmailTest
+ */
+class Email
+{
+    /**
+     * Properties from the last successful send.
+     *
+     * @var array|null
+     */
+    public $archive;
+
+    /**
+     * Properties to be added to the next archive.
+     *
+     * @var array
+     */
+    protected $tmpArchive = [];
+
+    /**
+     * @var string
+     */
+    public $fromEmail;
+
+    /**
+     * @var string
+     */
+    public $fromName;
+
+    /**
+     * Used as the User-Agent and X-Mailer headers' value.
+     *
+     * @var string
+     */
+    public $userAgent = 'CodeIgniter';
+
+    /**
+     * Path to the Sendmail binary.
+     *
+     * @var string
+     */
+    public $mailPath = '/usr/sbin/sendmail';
+
+    /**
+     * Which method to use for sending e-mails.
+     *
+     * @var 'mail'|'sendmail'|'smtp'
+     */
+    public $protocol = 'mail';
+
+    /**
+     * STMP Server Hostname
+     *
+     * @var string
+     */
+    public $SMTPHost = '';
+
+    /**
+     * SMTP Username
+     *
+     * @var string
+     */
+    public $SMTPUser = '';
+
+    /**
+     * SMTP Password
+     *
+     * @var string
+     */
+    public $SMTPPass = '';
+
+    /**
+     * SMTP Server port
+     *
+     * @var int
+     */
+    public $SMTPPort = 25;
+
+    /**
+     * SMTP connection timeout in seconds
+     *
+     * @var int
+     */
+    public $SMTPTimeout = 5;
+
+    /**
+     * SMTP persistent connection
+     *
+     * @var bool
+     */
+    public $SMTPKeepAlive = false;
+
+    /**
+     * SMTP Encryption
+     *
+     * * `tls` - will issue a STARTTLS command to the server
+     * * `ssl` - means implicit SSL
+     * * `''` - for connection on port 465
+     *
+     * @var ''|'ssl'|'tls'
+     */
+    public $SMTPCrypto = '';
+
+    /**
+     * Whether to apply word-wrapping to the message body.
+     *
+     * @var bool
+     */
+    public $wordWrap = true;
+
+    /**
+     * Number of characters to wrap at.
+     *
+     * @see Email::$wordWrap
+     *
+     * @var int
+     */
+    public $wrapChars = 76;
+
+    /**
+     * Message format.
+     *
+     * @var 'html'|'text'
+     */
+    public $mailType = 'text';
+
+    /**
+     * Character set (default: utf-8)
+     *
+     * @var string
+     */
+    public $charset = 'UTF-8';
+
+    /**
+     * Alternative message (for HTML messages only)
+     *
+     * @var string
+     */
+    public $altMessage = '';
+
+    /**
+     * Whether to validate e-mail addresses.
+     *
+     * @var bool
+     */
+    public $validate = true;
+
+    /**
+     * X-Priority header value.
+     *
+     * @var int<1, 5>
+     */
+    public $priority = 3;
+
+    /**
+     * Newline character sequence.
+     * Use "\r\n" to comply with RFC 822.
+     *
+     * @see http://www.ietf.org/rfc/rfc822.txt
+     *
+     * @var "\r\n"|"n"
+     */
+    public $newline = "\r\n";
+
+    /**
+     * CRLF character sequence
+     *
+     * RFC 2045 specifies that for 'quoted-printable' encoding,
+     * "\r\n" must be used. However, it appears that some servers
+     * (even on the receiving end) don't handle it properly and
+     * switching to "\n", while improper, is the only solution
+     * that seems to work for all environments.
+     *
+     * @see http://www.ietf.org/rfc/rfc822.txt
+     *
+     * @var "\r\n"|"n"
+     */
+    public $CRLF = "\r\n";
+
+    /**
+     * Whether to use Delivery Status Notification.
+     *
+     * @var bool
+     */
+    public $DSN = false;
+
+    /**
+     * Whether to send multipart alternatives.
+     * Yahoo! doesn't seem to like these.
+     *
+     * @var bool
+     */
+    public $sendMultipart = true;
+
+    /**
+     * Whether to send messages to BCC recipients in batches.
+     *
+     * @var bool
+     */
+    public $BCCBatchMode = false;
+
+    /**
+     * BCC Batch max number size.
+     *
+     * @see Email::$BCCBatchMode
+     *
+     * @var int|string
+     */
+    public $BCCBatchSize = 200;
+
+    /**
+     * Subject header
+     *
+     * @var string
+     */
+    protected $subject = '';
+
+    /**
+     * Message body
+     *
+     * @var string
+     */
+    protected $body = '';
+
+    /**
+     * Final message body to be sent.
+     *
+     * @var string
+     */
+    protected $finalBody = '';
+
+    /**
+     * Final headers to send
+     *
+     * @var string
+     */
+    protected $headerStr = '';
+
+    /**
+     * SMTP Connection socket placeholder
+     *
+     * @var false|resource|null
+     */
+    protected $SMTPConnect;
+
+    /**
+     * Mail encoding
+     *
+     * @var '7bit'|'8bit'
+     */
+    protected $encoding = '8bit';
+
+    /**
+     * Whether to perform SMTP authentication
+     *
+     * @var bool
+     */
+    protected $SMTPAuth = false;
+
+    /**
+     * Whether to send a Reply-To header
+     *
+     * @var bool
+     */
+    protected $replyToFlag = false;
+
+    /**
+     * Debug messages
+     *
+     * @see Email::printDebugger()
+     *
+     * @var array
+     */
+    protected $debugMessage = [];
+
+    /**
+     * Raw debug messages
+     *
+     * @var list<string>
+     */
+    private array $debugMessageRaw = [];
+
+    /**
+     * Recipients
+     *
+     * @var array|string
+     */
+    protected $recipients = [];
+
+    /**
+     * CC Recipients
+     *
+     * @var array
+     */
+    protected $CCArray = [];
+
+    /**
+     * BCC Recipients
+     *
+     * @var array
+     */
+    protected $BCCArray = [];
+
+    /**
+     * Message headers
+     *
+     * @var array
+     */
+    protected $headers = [];
+
+    /**
+     * Attachment data
+     *
+     * @var array
+     */
+    protected $attachments = [];
+
+    /**
+     * Valid $protocol values
+     *
+     * @see Email::$protocol
+     *
+     * @var list<string>
+     */
+    protected $protocols = [
+        'mail',
+        'sendmail',
+        'smtp',
+    ];
+
+    /**
+     * Character sets valid for 7-bit encoding,
+     * excluding language suffix.
+     *
+     * @var list<string>
+     */
+    protected $baseCharsets = [
+        'us-ascii',
+        'iso-2022-',
+    ];
+
+    /**
+     * Bit depths
+     *
+     * Valid mail encodings
+     *
+     * @see Email::$encoding
+     *
+     * @var list<string>
+     */
+    protected $bitDepths = [
+        '7bit',
+        '8bit',
+    ];
+
+    /**
+     * $priority translations
+     *
+     * Actual values to send with the X-Priority header
+     *
+     * @var array<int, string>
+     */
+    protected $priorities = [
+        1 => '1 (Highest)',
+        2 => '2 (High)',
+        3 => '3 (Normal)',
+        4 => '4 (Low)',
+        5 => '5 (Lowest)',
+    ];
+
+    /**
+     * mbstring.func_overload flag
+     *
+     * @var bool|null
+     */
+    protected static $func_overload;
+
+    /**
+     * @param array|\Config\Email|null $config
+     */
+    public function __construct($config = null)
+    {
+        $this->initialize($config);
+
+        if (! isset(static::$func_overload)) {
+            static::$func_overload = extension_loaded('mbstring') && ini_get('mbstring.func_overload');
+        }
+    }
+
+    /**
+     * Initialize preferences
+     *
+     * @param array|\Config\Email|null $config
+     *
+     * @return $this
+     */
+    public function initialize($config)
+    {
+        $this->clear();
+
+        if ($config instanceof \Config\Email) {
+            $config = get_object_vars($config);
+        }
+
+        foreach (array_keys(get_class_vars(static::class)) as $key) {
+            if (property_exists($this, $key) && isset($config[$key])) {
+                $method = 'set' . ucfirst($key);
+
+                if (method_exists($this, $method)) {
+                    $this->{$method}($config[$key]);
+                } else {
+                    $this->{$key} = $config[$key];
+                }
+            }
+        }
+
+        $this->charset  = strtoupper($this->charset);
+        $this->SMTPAuth = isset($this->SMTPUser[0], $this->SMTPPass[0]);
+
+        return $this;
+    }
+
+    /**
+     * @param bool $clearAttachments
+     *
+     * @return $this
+     */
+    public function clear($clearAttachments = false)
+    {
+        $this->subject         = '';
+        $this->body            = '';
+        $this->finalBody       = '';
+        $this->headerStr       = '';
+        $this->replyToFlag     = false;
+        $this->recipients      = [];
+        $this->CCArray         = [];
+        $this->BCCArray        = [];
+        $this->headers         = [];
+        $this->debugMessage    = [];
+        $this->debugMessageRaw = [];
+
+        $this->setHeader('Date', $this->setDate());
+
+        if ($clearAttachments) {
+            $this->attachments = [];
+        }
+
+        return $this;
+    }
+
+    /**
+     * @param string      $from
+     * @param string      $name
+     * @param string|null $returnPath
+     *
+     * @return $this
+     */
+    public function setFrom($from, $name = '', $returnPath = null)
+    {
+        if (preg_match('/\<(.*)\>/', $from, $match) === 1) {
+            $from = $match[1];
+        }
+
+        if ($this->validate) {
+            $this->validateEmail($this->stringToArray($from));
+
+            if ($returnPath !== null) {
+                $this->validateEmail($this->stringToArray($returnPath));
+            }
+        }
+
+        $this->tmpArchive['fromEmail'] = $from;
+        $this->tmpArchive['fromName']  = $name;
+
+        if ($name !== '') {
+            // only use Q encoding if there are characters that would require it
+            if (preg_match('/[\200-\377]/', $name) !== 1) {
+                $name = '"' . addcslashes($name, "\0..\37\177'\"\\") . '"';
+            } else {
+                $name = $this->prepQEncoding($name);
+            }
+        }
+
+        $this->setHeader('From', $name . ' <' . $from . '>');
+        $returnPath ??= $from;
+
+        $this->setHeader('Return-Path', '<' . $returnPath . '>');
+        $this->tmpArchive['returnPath'] = $returnPath;
+
+        return $this;
+    }
+
+    /**
+     * @param string $replyto
+     * @param string $name
+     *
+     * @return $this
+     */
+    public function setReplyTo($replyto, $name = '')
+    {
+        if (preg_match('/\<(.*)\>/', $replyto, $match) === 1) {
+            $replyto = $match[1];
+        }
+
+        if ($this->validate) {
+            $this->validateEmail($this->stringToArray($replyto));
+        }
+
+        if ($name !== '') {
+            $this->tmpArchive['replyName'] = $name;
+
+            // only use Q encoding if there are characters that would require it
+            if (preg_match('/[\200-\377]/', $name) !== 1) {
+                $name = '"' . addcslashes($name, "\0..\37\177'\"\\") . '"';
+            } else {
+                $name = $this->prepQEncoding($name);
+            }
+        }
+
+        $this->setHeader('Reply-To', $name . ' <' . $replyto . '>');
+        $this->replyToFlag           = true;
+        $this->tmpArchive['replyTo'] = $replyto;
+
+        return $this;
+    }
+
+    /**
+     * @param array|string $to
+     *
+     * @return $this
+     */
+    public function setTo($to)
+    {
+        $to = $this->stringToArray($to);
+        $to = $this->cleanEmail($to);
+
+        if ($this->validate) {
+            $this->validateEmail($to);
+        }
+
+        if ($this->getProtocol() !== 'mail') {
+            $this->setHeader('To', implode(', ', $to));
+        }
+
+        $this->recipients = $to;
+
+        return $this;
+    }
+
+    /**
+     * @param string $cc
+     *
+     * @return $this
+     */
+    public function setCC($cc)
+    {
+        $cc = $this->cleanEmail($this->stringToArray($cc));
+
+        if ($this->validate) {
+            $this->validateEmail($cc);
+        }
+
+        $this->setHeader('Cc', implode(', ', $cc));
+
+        if ($this->getProtocol() === 'smtp') {
+            $this->CCArray = $cc;
+        }
+
+        $this->tmpArchive['CCArray'] = $cc;
+
+        return $this;
+    }
+
+    /**
+     * @param string $bcc
+     * @param string $limit
+     *
+     * @return $this
+     */
+    public function setBCC($bcc, $limit = '')
+    {
+        if ($limit !== '' && is_numeric($limit)) {
+            $this->BCCBatchMode = true;
+            $this->BCCBatchSize = $limit;
+        }
+
+        $bcc = $this->cleanEmail($this->stringToArray($bcc));
+
+        if ($this->validate) {
+            $this->validateEmail($bcc);
+        }
+
+        if ($this->getProtocol() === 'smtp' || ($this->BCCBatchMode && count($bcc) > $this->BCCBatchSize)) {
+            $this->BCCArray = $bcc;
+        } else {
+            $this->setHeader('Bcc', implode(', ', $bcc));
+            $this->tmpArchive['BCCArray'] = $bcc;
+        }
+
+        return $this;
+    }
+
+    /**
+     * @param string $subject
+     *
+     * @return $this
+     */
+    public function setSubject($subject)
+    {
+        $this->tmpArchive['subject'] = $subject;
+
+        $subject = $this->prepQEncoding($subject);
+        $this->setHeader('Subject', $subject);
+
+        return $this;
+    }
+
+    /**
+     * @param string $body
+     *
+     * @return $this
+     */
+    public function setMessage($body)
+    {
+        $this->body = rtrim(str_replace("\r", '', $body));
+
+        return $this;
+    }
+
+    /**
+     * @param string      $file        Can be local path, URL or buffered content
+     * @param string      $disposition 'attachment'
+     * @param string|null $newname
+     * @param string      $mime
+     *
+     * @return bool|Email
+     */
+    public function attach($file, $disposition = '', $newname = null, $mime = '')
+    {
+        if ($mime === '') {
+            if (! str_contains($file, '://') && ! is_file($file)) {
+                $this->setErrorMessage(lang('Email.attachmentMissing', [$file]));
+
+                return false;
+            }
+
+            if (! $fp = @fopen($file, 'rb')) {
+                $this->setErrorMessage(lang('Email.attachmentUnreadable', [$file]));
+
+                return false;
+            }
+
+            $fileContent = stream_get_contents($fp);
+
+            $mime = $this->mimeTypes(pathinfo($file, PATHINFO_EXTENSION));
+
+            fclose($fp);
+        } else {
+            $fileContent = &$file; // buffered file
+        }
+
+        // declare names on their own, to make phpcbf happy
+        $namesAttached = [$file, $newname];
+
+        $this->attachments[] = [
+            'name'        => $namesAttached,
+            'disposition' => empty($disposition) ? 'attachment' : $disposition,
+            // Can also be 'inline'  Not sure if it matters
+            'type'      => $mime,
+            'content'   => chunk_split(base64_encode($fileContent)),
+            'multipart' => 'mixed',
+        ];
+
+        return $this;
+    }
+
+    /**
+     * Set and return attachment Content-ID
+     * Useful for attached inline pictures
+     *
+     * @param string $filename
+     *
+     * @return bool|string
+     */
+    public function setAttachmentCID($filename)
+    {
+        foreach ($this->attachments as $i => $attachment) {
+            // For file path.
+            if ($attachment['name'][0] === $filename) {
+                $this->attachments[$i]['multipart'] = 'related';
+
+                $this->attachments[$i]['cid'] = uniqid(basename($attachment['name'][0]) . '@', true);
+
+                return $this->attachments[$i]['cid'];
+            }
+
+            // For buffer string.
+            if ($attachment['name'][1] === $filename) {
+                $this->attachments[$i]['multipart'] = 'related';
+
+                $this->attachments[$i]['cid'] = uniqid(basename($attachment['name'][1]) . '@', true);
+
+                return $this->attachments[$i]['cid'];
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * @param string $header
+     * @param string $value
+     *
+     * @return $this
+     */
+    public function setHeader($header, $value)
+    {
+        $this->headers[$header] = str_replace(["\n", "\r"], '', $value);
+
+        return $this;
+    }
+
+    /**
+     * @param list<string>|string $email
+     *
+     * @return list<string>
+     */
+    protected function stringToArray($email)
+    {
+        if (! is_array($email)) {
+            return str_contains($email, ',')
+                ? preg_split('/[\s,]/', $email, -1, PREG_SPLIT_NO_EMPTY)
+                : (array) trim($email);
+        }
+
+        return $email;
+    }
+
+    /**
+     * @param string $str
+     *
+     * @return $this
+     */
+    public function setAltMessage($str)
+    {
+        $this->altMessage = (string) $str;
+
+        return $this;
+    }
+
+    /**
+     * @param string $type
+     *
+     * @return $this
+     */
+    public function setMailType($type = 'text')
+    {
+        $this->mailType = $type === 'html' ? 'html' : 'text';
+
+        return $this;
+    }
+
+    /**
+     * @param bool $wordWrap
+     *
+     * @return $this
+     */
+    public function setWordWrap($wordWrap = true)
+    {
+        $this->wordWrap = (bool) $wordWrap;
+
+        return $this;
+    }
+
+    /**
+     * @param string $protocol
+     *
+     * @return $this
+     */
+    public function setProtocol($protocol = 'mail')
+    {
+        $this->protocol = in_array($protocol, $this->protocols, true) ? strtolower($protocol) : 'mail';
+
+        return $this;
+    }
+
+    /**
+     * @param int $n
+     *
+     * @return $this
+     */
+    public function setPriority($n = 3)
+    {
+        $this->priority = preg_match('/^[1-5]$/', (string) $n) ? (int) $n : 3;
+
+        return $this;
+    }
+
+    /**
+     * @param string $newline
+     *
+     * @return $this
+     */
+    public function setNewline($newline = "\n")
+    {
+        $this->newline = in_array($newline, ["\n", "\r\n", "\r"], true) ? $newline : "\n";
+
+        return $this;
+    }
+
+    /**
+     * @param string $CRLF
+     *
+     * @return $this
+     */
+    public function setCRLF($CRLF = "\n")
+    {
+        $this->CRLF = ! in_array($CRLF, ["\n", "\r\n", "\r"], true) ? "\n" : $CRLF;
+
+        return $this;
+    }
+
+    /**
+     * @return string
+     */
+    protected function getMessageID()
+    {
+        $from = str_replace(['>', '<'], '', $this->headers['Return-Path']);
+
+        return '<' . uniqid('', true) . strstr($from, '@') . '>';
+    }
+
+    /**
+     * @return string
+     */
+    protected function getProtocol()
+    {
+        $this->protocol = strtolower($this->protocol);
+
+        if (! in_array($this->protocol, $this->protocols, true)) {
+            $this->protocol = 'mail';
+        }
+
+        return $this->protocol;
+    }
+
+    /**
+     * @return string
+     */
+    protected function getEncoding()
+    {
+        if (! in_array($this->encoding, $this->bitDepths, true)) {
+            $this->encoding = '8bit';
+        }
+
+        foreach ($this->baseCharsets as $charset) {
+            if (str_starts_with($this->charset, $charset)) {
+                $this->encoding = '7bit';
+
+                break;
+            }
+        }
+
+        return $this->encoding;
+    }
+
+    /**
+     * @return string
+     */
+    protected function getContentType()
+    {
+        if ($this->mailType === 'html') {
+            return $this->attachments === [] ? 'html' : 'html-attach';
+        }
+
+        if ($this->mailType === 'text' && $this->attachments !== []) {
+            return 'plain-attach';
+        }
+
+        return 'plain';
+    }
+
+    /**
+     * Set RFC 822 Date
+     *
+     * @return string
+     */
+    protected function setDate()
+    {
+        $timezone = date('Z');
+        $operator = ($timezone[0] === '-') ? '-' : '+';
+        $timezone = abs((int) $timezone);
+        $timezone = floor($timezone / 3600) * 100 + ($timezone % 3600) / 60;
+
+        return sprintf('%s %s%04d', date('D, j M Y H:i:s'), $operator, $timezone);
+    }
+
+    /**
+     * @return string
+     */
+    protected function getMimeMessage()
+    {
+        return 'This is a multi-part message in MIME format.' . $this->newline . 'Your email application may not support this format.';
+    }
+
+    /**
+     * @param array|string $email
+     *
+     * @return bool
+     */
+    public function validateEmail($email)
+    {
+        if (! is_array($email)) {
+            $this->setErrorMessage(lang('Email.mustBeArray'));
+
+            return false;
+        }
+
+        foreach ($email as $val) {
+            if (! $this->isValidEmail($val)) {
+                $this->setErrorMessage(lang('Email.invalidAddress', [$val]));
+
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * @param string $email
+     *
+     * @return bool
+     */
+    public function isValidEmail($email)
+    {
+        if (function_exists('idn_to_ascii') && defined('INTL_IDNA_VARIANT_UTS46') && $atpos = strpos($email, '@')) {
+            $email = static::substr($email, 0, ++$atpos)
+                . idn_to_ascii(static::substr($email, $atpos), 0, INTL_IDNA_VARIANT_UTS46);
+        }
+
+        return (bool) filter_var($email, FILTER_VALIDATE_EMAIL);
+    }
+
+    /**
+     * @param array|string $email
+     *
+     * @return array|string
+     */
+    public function cleanEmail($email)
+    {
+        if (! is_array($email)) {
+            return preg_match('/\<(.*)\>/', $email, $match) ? $match[1] : $email;
+        }
+
+        $cleanEmail = [];
+
+        foreach ($email as $addy) {
+            $cleanEmail[] = preg_match('/\<(.*)\>/', $addy, $match) ? $match[1] : $addy;
+        }
+
+        return $cleanEmail;
+    }
+
+    /**
+     * Build alternative plain text message
+     *
+     * Provides the raw message for use in plain-text headers of
+     * HTML-formatted emails.
+     *
+     * If the user hasn't specified his own alternative message
+     * it creates one by stripping the HTML
+     *
+     * @return string
+     */
+    protected function getAltMessage()
+    {
+        if ($this->altMessage !== '') {
+            return $this->wordWrap ? $this->wordWrap($this->altMessage, 76) : $this->altMessage;
+        }
+
+        $body = preg_match('/\<body.*?\>(.*)\<\/body\>/si', $this->body, $match) ? $match[1] : $this->body;
+        $body = str_replace("\t", '', preg_replace('#<!--(.*)--\>#', '', trim(strip_tags($body))));
+
+        for ($i = 20; $i >= 3; $i--) {
+            $body = str_replace(str_repeat("\n", $i), "\n\n", $body);
+        }
+
+        $body = preg_replace('| +|', ' ', $body);
+
+        return $this->wordWrap ? $this->wordWrap($body, 76) : $body;
+    }
+
+    /**
+     * @param string   $str
+     * @param int|null $charlim Line-length limit
+     *
+     * @return string
+     */
+    public function wordWrap($str, $charlim = null)
+    {
+        $charlim ??= 0;
+
+        if ($charlim === 0) {
+            $charlim = $this->wrapChars === 0 ? 76 : $this->wrapChars;
+        }
+
+        if (str_contains($str, "\r")) {
+            $str = str_replace(["\r\n", "\r"], "\n", $str);
+        }
+
+        $str = preg_replace('| +\n|', "\n", $str);
+
+        $unwrap = [];
+
+        if (preg_match_all('|\{unwrap\}(.+?)\{/unwrap\}|s', $str, $matches) >= 1) {
+            for ($i = 0, $c = count($matches[0]); $i < $c; $i++) {
+                $unwrap[] = $matches[1][$i];
+                $str      = str_replace($matches[0][$i], '{{unwrapped' . $i . '}}', $str);
+            }
+        }
+
+        // Use PHP's native function to do the initial wordwrap.
+        // We set the cut flag to FALSE so that any individual words that are
+        // too long get left alone. In the next step we'll deal with them.
+        $str = wordwrap($str, $charlim, "\n", false);
+
+        // Split the string into individual lines of text and cycle through them
+        $output = '';
+
+        foreach (explode("\n", $str) as $line) {
+            if (static::strlen($line) <= $charlim) {
+                $output .= $line . $this->newline;
+
+                continue;
+            }
+
+            $temp = '';
+
+            do {
+                if (preg_match('!\[url.+\]|://|www\.!', $line)) {
+                    break;
+                }
+
+                $temp .= static::substr($line, 0, $charlim - 1);
+                $line = static::substr($line, $charlim - 1);
+            } while (static::strlen($line) > $charlim);
+
+            if ($temp !== '') {
+                $output .= $temp . $this->newline;
+            }
+
+            $output .= $line . $this->newline;
+        }
+
+        foreach ($unwrap as $key => $val) {
+            $output = str_replace('{{unwrapped' . $key . '}}', $val, $output);
+        }
+
+        return $output;
+    }
+
+    /**
+     * Build final headers
+     *
+     * @return void
+     */
+    protected function buildHeaders()
+    {
+        $this->setHeader('User-Agent', $this->userAgent);
+        $this->setHeader('X-Sender', $this->cleanEmail($this->headers['From']));
+        $this->setHeader('X-Mailer', $this->userAgent);
+        $this->setHeader('X-Priority', $this->priorities[$this->priority]);
+        $this->setHeader('Message-ID', $this->getMessageID());
+        $this->setHeader('Mime-Version', '1.0');
+    }
+
+    /**
+     * Write Headers as a string
+     *
+     * @return void
+     */
+    protected function writeHeaders()
+    {
+        if ($this->protocol === 'mail' && isset($this->headers['Subject'])) {
+            $this->subject = $this->headers['Subject'];
+            unset($this->headers['Subject']);
+        }
+
+        reset($this->headers);
+        $this->headerStr = '';
+
+        foreach ($this->headers as $key => $val) {
+            $val = trim($val);
+
+            if ($val !== '') {
+                $this->headerStr .= $key . ': ' . $val . $this->newline;
+            }
+        }
+
+        if ($this->getProtocol() === 'mail') {
+            $this->headerStr = rtrim($this->headerStr);
+        }
+    }
+
+    /**
+     * Build Final Body and attachments
+     *
+     * @return void
+     */
+    protected function buildMessage()
+    {
+        if ($this->wordWrap === true && $this->mailType !== 'html') {
+            $this->body = $this->wordWrap($this->body);
+        }
+
+        $this->writeHeaders();
+        $hdr  = ($this->getProtocol() === 'mail') ? $this->newline : '';
+        $body = '';
+
+        switch ($this->getContentType()) {
+            case 'plain':
+                $hdr .= 'Content-Type: text/plain; charset='
+                    . $this->charset
+                    . $this->newline
+                    . 'Content-Transfer-Encoding: '
+                    . $this->getEncoding();
+
+                if ($this->getProtocol() === 'mail') {
+                    $this->headerStr .= $hdr;
+                    $this->finalBody = $this->body;
+                } else {
+                    $this->finalBody = $hdr . $this->newline . $this->newline . $this->body;
+                }
+
+                return;
+
+            case 'html':
+                $boundary = uniqid('B_ALT_', true);
+
+                if ($this->sendMultipart === false) {
+                    $hdr .= 'Content-Type: text/html; charset='
+                        . $this->charset . $this->newline
+                        . 'Content-Transfer-Encoding: quoted-printable';
+                } else {
+                    $hdr  .= 'Content-Type: multipart/alternative; boundary="' . $boundary . '"';
+                    $body .= $this->getMimeMessage() . $this->newline . $this->newline
+                        . '--' . $boundary . $this->newline
+                        . 'Content-Type: text/plain; charset=' . $this->charset . $this->newline
+                        . 'Content-Transfer-Encoding: ' . $this->getEncoding() . $this->newline . $this->newline
+                        . $this->getAltMessage() . $this->newline . $this->newline
+                        . '--' . $boundary . $this->newline
+                        . 'Content-Type: text/html; charset=' . $this->charset . $this->newline
+                        . 'Content-Transfer-Encoding: quoted-printable' . $this->newline . $this->newline;
+                }
+
+                $this->finalBody = $body . $this->prepQuotedPrintable($this->body) . $this->newline . $this->newline;
+
+                if ($this->getProtocol() === 'mail') {
+                    $this->headerStr .= $hdr;
+                } else {
+                    $this->finalBody = $hdr . $this->newline . $this->newline . $this->finalBody;
+                }
+
+                if ($this->sendMultipart !== false) {
+                    $this->finalBody .= '--' . $boundary . '--';
+                }
+
+                return;
+
+            case 'plain-attach':
+                $boundary = uniqid('B_ATC_', true);
+                $hdr .= 'Content-Type: multipart/mixed; boundary="' . $boundary . '"';
+
+                if ($this->getProtocol() === 'mail') {
+                    $this->headerStr .= $hdr;
+                }
+
+                $body .= $this->getMimeMessage() . $this->newline
+                    . $this->newline
+                    . '--' . $boundary . $this->newline
+                    . 'Content-Type: text/plain; charset=' . $this->charset . $this->newline
+                    . 'Content-Transfer-Encoding: ' . $this->getEncoding() . $this->newline
+                    . $this->newline
+                    . $this->body . $this->newline . $this->newline;
+
+                $this->appendAttachments($body, $boundary);
+                break;
+
+            case 'html-attach':
+                $altBoundary  = uniqid('B_ALT_', true);
+                $lastBoundary = null;
+
+                if ($this->attachmentsHaveMultipart('mixed')) {
+                    $atcBoundary = uniqid('B_ATC_', true);
+                    $hdr .= 'Content-Type: multipart/mixed; boundary="' . $atcBoundary . '"';
+                    $lastBoundary = $atcBoundary;
+                }
+
+                if ($this->attachmentsHaveMultipart('related')) {
+                    $relBoundary = uniqid('B_REL_', true);
+
+                    $relBoundaryHeader = 'Content-Type: multipart/related; boundary="' . $relBoundary . '"';
+
+                    if (isset($lastBoundary)) {
+                        $body .= '--' . $lastBoundary . $this->newline . $relBoundaryHeader;
+                    } else {
+                        $hdr .= $relBoundaryHeader;
+                    }
+
+                    $lastBoundary = $relBoundary;
+                }
+
+                if ($this->getProtocol() === 'mail') {
+                    $this->headerStr .= $hdr;
+                }
+
+                if (static::strlen($body) > 0) {
+                    $body .= $this->newline . $this->newline;
+                }
+
+                $body .= $this->getMimeMessage() . $this->newline . $this->newline
+                    . '--' . $lastBoundary . $this->newline
+                    . 'Content-Type: multipart/alternative; boundary="' . $altBoundary . '"' . $this->newline . $this->newline
+                    . '--' . $altBoundary . $this->newline
+                    . 'Content-Type: text/plain; charset=' . $this->charset . $this->newline
+                    . 'Content-Transfer-Encoding: ' . $this->getEncoding() . $this->newline . $this->newline
+                    . $this->getAltMessage() . $this->newline . $this->newline
+                    . '--' . $altBoundary . $this->newline
+                    . 'Content-Type: text/html; charset=' . $this->charset . $this->newline
+                    . 'Content-Transfer-Encoding: quoted-printable' . $this->newline . $this->newline
+                    . $this->prepQuotedPrintable($this->body) . $this->newline . $this->newline
+                    . '--' . $altBoundary . '--' . $this->newline . $this->newline;
+
+                if (isset($relBoundary)) {
+                    $body .= $this->newline . $this->newline;
+                    $this->appendAttachments($body, $relBoundary, 'related');
+                }
+
+                // multipart/mixed attachments
+                if (isset($atcBoundary)) {
+                    $body .= $this->newline . $this->newline;
+                    $this->appendAttachments($body, $atcBoundary, 'mixed');
+                }
+
+                break;
+        }
+
+        $this->finalBody = ($this->getProtocol() === 'mail') ? $body : $hdr . $this->newline . $this->newline . $body;
+    }
+
+    /**
+     * @param string $type
+     *
+     * @return bool
+     */
+    protected function attachmentsHaveMultipart($type)
+    {
+        foreach ($this->attachments as $attachment) {
+            if ($attachment['multipart'] === $type) {
+                return true;
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * @param string      $body      Message body to append to
+     * @param string      $boundary  Multipart boundary
+     * @param string|null $multipart When provided, only attachments of this type will be processed
+     *
+     * @return void
+     */
+    protected function appendAttachments(&$body, $boundary, $multipart = null)
+    {
+        foreach ($this->attachments as $attachment) {
+            if (isset($multipart) && $attachment['multipart'] !== $multipart) {
+                continue;
+            }
+
+            $name = $attachment['name'][1] ?? basename($attachment['name'][0]);
+            $body .= '--' . $boundary . $this->newline
+                . 'Content-Type: ' . $attachment['type'] . '; name="' . $name . '"' . $this->newline
+                . 'Content-Disposition: ' . $attachment['disposition'] . ';' . $this->newline
+                . 'Content-Transfer-Encoding: base64' . $this->newline
+                . (isset($attachment['cid']) && $attachment['cid'] !== '' ? 'Content-ID: <' . $attachment['cid'] . '>' . $this->newline : '')
+                . $this->newline
+                . $attachment['content'] . $this->newline;
+        }
+
+        // $name won't be set if no attachments were appended,
+        // and therefore a boundary wouldn't be necessary
+        if (isset($name)) {
+            $body .= '--' . $boundary . '--';
+        }
+    }
+
+    /**
+     * Prepares string for Quoted-Printable Content-Transfer-Encoding
+     * Refer to RFC 2045 http://www.ietf.org/rfc/rfc2045.txt
+     *
+     * @param string $str
+     *
+     * @return string
+     */
+    protected function prepQuotedPrintable($str)
+    {
+        // ASCII code numbers for "safe" characters that can always be
+        // used literally, without encoding, as described in RFC 2049.
+        // http://www.ietf.org/rfc/rfc2049.txt
+        static $asciiSafeChars = [
+            // ' (  )   +   ,   -   .   /   :   =   ?
+            39,
+            40,
+            41,
+            43,
+            44,
+            45,
+            46,
+            47,
+            58,
+            61,
+            63,
+            // numbers
+            48,
+            49,
+            50,
+            51,
+            52,
+            53,
+            54,
+            55,
+            56,
+            57,
+            // upper-case letters
+            65,
+            66,
+            67,
+            68,
+            69,
+            70,
+            71,
+            72,
+            73,
+            74,
+            75,
+            76,
+            77,
+            78,
+            79,
+            80,
+            81,
+            82,
+            83,
+            84,
+            85,
+            86,
+            87,
+            88,
+            89,
+            90,
+            // lower-case letters
+            97,
+            98,
+            99,
+            100,
+            101,
+            102,
+            103,
+            104,
+            105,
+            106,
+            107,
+            108,
+            109,
+            110,
+            111,
+            112,
+            113,
+            114,
+            115,
+            116,
+            117,
+            118,
+            119,
+            120,
+            121,
+            122,
+        ];
+
+        // We are intentionally wrapping so mail servers will encode characters
+        // properly and MUAs will behave, so {unwrap} must go!
+        $str = str_replace(['{unwrap}', '{/unwrap}'], '', $str);
+
+        // RFC 2045 specifies CRLF as "\r\n".
+        // However, many developers choose to override that and violate
+        // the RFC rules due to (apparently) a bug in MS Exchange,
+        // which only works with "\n".
+        if ($this->CRLF === "\r\n") {
+            return quoted_printable_encode($str);
+        }
+
+        // Reduce multiple spaces & remove nulls
+        $str = preg_replace(['| +|', '/\x00+/'], [' ', ''], $str);
+
+        // Standardize newlines
+        if (str_contains($str, "\r")) {
+            $str = str_replace(["\r\n", "\r"], "\n", $str);
+        }
+
+        $escape = '=';
+        $output = '';
+
+        foreach (explode("\n", $str) as $line) {
+            $length = static::strlen($line);
+            $temp   = '';
+
+            // Loop through each character in the line to add soft-wrap
+            // characters at the end of a line " =\r\n" and add the newly
+            // processed line(s) to the output (see comment on $crlf class property)
+            for ($i = 0; $i < $length; $i++) {
+                // Grab the next character
+                $char  = $line[$i];
+                $ascii = ord($char);
+
+                // Convert spaces and tabs but only if it's the end of the line
+                if ($ascii === 32 || $ascii === 9) {
+                    if ($i === ($length - 1)) {
+                        $char = $escape . sprintf('%02s', dechex($ascii));
+                    }
+                }
+                // DO NOT move this below the $ascii_safe_chars line!
+                //
+                // = (equals) signs are allowed by RFC2049, but must be encoded
+                // as they are the encoding delimiter!
+                elseif ($ascii === 61) {
+                    $char = $escape . strtoupper(sprintf('%02s', dechex($ascii)));  // =3D
+                } elseif (! in_array($ascii, $asciiSafeChars, true)) {
+                    $char = $escape . strtoupper(sprintf('%02s', dechex($ascii)));
+                }
+
+                // If we're at the character limit, add the line to the output,
+                // reset our temp variable, and keep on chuggin'
+                if ((static::strlen($temp) + static::strlen($char)) >= 76) {
+                    $output .= $temp . $escape . $this->CRLF;
+                    $temp = '';
+                }
+
+                // Add the character to our temporary line
+                $temp .= $char;
+            }
+
+            // Add our completed line to the output
+            $output .= $temp . $this->CRLF;
+        }
+
+        // get rid of extra CRLF tacked onto the end
+        return static::substr($output, 0, static::strlen($this->CRLF) * -1);
+    }
+
+    /**
+     * Performs "Q Encoding" on a string for use in email headers.
+     * It's related but not identical to quoted-printable, so it has its
+     * own method.
+     *
+     * @param string $str
+     *
+     * @return string
+     */
+    protected function prepQEncoding($str)
+    {
+        $str = str_replace(["\r", "\n"], '', $str);
+
+        if ($this->charset === 'UTF-8') {
+            // Note: We used to have mb_encode_mimeheader() as the first choice
+            // here, but it turned out to be buggy and unreliable. DO NOT
+            // re-add it! -- Narf
+            if (extension_loaded('iconv')) {
+                $output = @iconv_mime_encode('', $str, [
+                    'scheme'           => 'Q',
+                    'line-length'      => 76,
+                    'input-charset'    => $this->charset,
+                    'output-charset'   => $this->charset,
+                    'line-break-chars' => $this->CRLF,
+                ]);
+
+                // There are reports that iconv_mime_encode() might fail and return FALSE
+                if ($output !== false) {
+                    // iconv_mime_encode() will always put a header field name.
+                    // We've passed it an empty one, but it still prepends our
+                    // encoded string with ': ', so we need to strip it.
+                    return static::substr($output, 2);
+                }
+
+                $chars = iconv_strlen($str, 'UTF-8');
+            } elseif (extension_loaded('mbstring')) {
+                $chars = mb_strlen($str, 'UTF-8');
+            }
+        }
+
+        // We might already have this set for UTF-8
+        if (! isset($chars)) {
+            $chars = static::strlen($str);
+        }
+
+        $output = '=?' . $this->charset . '?Q?';
+
+        for ($i = 0, $length = static::strlen($output); $i < $chars; $i++) {
+            $chr = ($this->charset === 'UTF-8' && extension_loaded('iconv')) ? '=' . implode('=', str_split(strtoupper(bin2hex(iconv_substr($str, $i, 1, $this->charset))), 2)) : '=' . strtoupper(bin2hex($str[$i]));
+
+            // RFC 2045 sets a limit of 76 characters per line.
+            // We'll append ?= to the end of each line though.
+            if ($length + ($l = static::strlen($chr)) > 74) {
+                $output .= '?=' . $this->CRLF // EOL
+                    . ' =?' . $this->charset . '?Q?' . $chr; // New line
+
+                $length = 6 + static::strlen($this->charset) + $l; // Reset the length for the new line
+            } else {
+                $output .= $chr;
+                $length += $l;
+            }
+        }
+
+        // End the header
+        return $output . '?=';
+    }
+
+    /**
+     * @param bool $autoClear
+     *
+     * @return bool
+     */
+    public function send($autoClear = true)
+    {
+        if (! isset($this->headers['From']) && ! empty($this->fromEmail)) {
+            $this->setFrom($this->fromEmail, $this->fromName);
+        }
+
+        if (! isset($this->headers['From'])) {
+            $this->setErrorMessage(lang('Email.noFrom'));
+
+            return false;
+        }
+
+        if ($this->replyToFlag === false) {
+            $this->setReplyTo($this->headers['From']);
+        }
+
+        if (
+            empty($this->recipients) && ! isset($this->headers['To'])
+            && empty($this->BCCArray) && ! isset($this->headers['Bcc'])
+            && ! isset($this->headers['Cc'])
+        ) {
+            $this->setErrorMessage(lang('Email.noRecipients'));
+
+            return false;
+        }
+
+        $this->buildHeaders();
+
+        if ($this->BCCBatchMode && count($this->BCCArray) > $this->BCCBatchSize) {
+            $this->batchBCCSend();
+
+            if ($autoClear) {
+                $this->clear();
+            }
+
+            return true;
+        }
+
+        $this->buildMessage();
+        $result = $this->spoolEmail();
+
+        if ($result) {
+            $this->setArchiveValues();
+
+            if ($autoClear) {
+                $this->clear();
+            }
+
+            Events::trigger('email', $this->archive);
+        }
+
+        return $result;
+    }
+
+    /**
+     * Batch Bcc Send. Sends groups of BCCs in batches
+     *
+     * @return void
+     */
+    public function batchBCCSend()
+    {
+        $float = $this->BCCBatchSize - 1;
+        $set   = '';
+        $chunk = [];
+
+        for ($i = 0, $c = count($this->BCCArray); $i < $c; $i++) {
+            if (isset($this->BCCArray[$i])) {
+                $set .= ', ' . $this->BCCArray[$i];
+            }
+
+            if ($i === $float) {
+                $chunk[] = static::substr($set, 1);
+                $float += $this->BCCBatchSize;
+                $set = '';
+            }
+
+            if ($i === $c - 1) {
+                $chunk[] = static::substr($set, 1);
+            }
+        }
+
+        for ($i = 0, $c = count($chunk); $i < $c; $i++) {
+            unset($this->headers['Bcc']);
+            $bcc = $this->cleanEmail($this->stringToArray($chunk[$i]));
+
+            if ($this->protocol !== 'smtp') {
+                $this->setHeader('Bcc', implode(', ', $bcc));
+            } else {
+                $this->BCCArray = $bcc;
+            }
+
+            $this->buildMessage();
+            $this->spoolEmail();
+        }
+
+        // Update the archive
+        $this->setArchiveValues();
+        Events::trigger('email', $this->archive);
+    }
+
+    /**
+     * Unwrap special elements
+     *
+     * @return void
+     */
+    protected function unwrapSpecials()
+    {
+        $this->finalBody = preg_replace_callback(
+            '/\{unwrap\}(.*?)\{\/unwrap\}/si',
+            $this->removeNLCallback(...),
+            $this->finalBody,
+        );
+    }
+
+    /**
+     * Strip line-breaks via callback
+     *
+     * @used-by unwrapSpecials()
+     *
+     * @param list<string> $matches
+     *
+     * @return string
+     */
+    protected function removeNLCallback($matches)
+    {
+        if (str_contains($matches[1], "\r") || str_contains($matches[1], "\n")) {
+            $matches[1] = str_replace(["\r\n", "\r", "\n"], '', $matches[1]);
+        }
+
+        return $matches[1];
+    }
+
+    /**
+     * Spool mail to the mail server
+     *
+     * @return bool
+     */
+    protected function spoolEmail()
+    {
+        $this->unwrapSpecials();
+        $protocol           = $this->getProtocol();
+        $upperFirstProtocol = ucfirst($protocol);
+        $method             = 'sendWith' . $upperFirstProtocol;
+
+        try {
+            $success = $this->{$method}();
+        } catch (ErrorException $e) {
+            $success = false;
+            log_message('error', 'Email: ' . $method . ' throwed ' . $e);
+        }
+
+        if (! $success) {
+            $message = lang('Email.sendFailure' . ($protocol === 'mail' ? 'PHPMail' : $upperFirstProtocol));
+
+            log_message('error', 'Email: ' . $message);
+            log_message('error', $this->printDebuggerRaw());
+
+            $this->setErrorMessage($message);
+
+            return false;
+        }
+
+        $this->setErrorMessage(lang('Email.sent', [$protocol]));
+
+        return true;
+    }
+
+    /**
+     * Validate email for shell
+     *
+     * Applies stricter, shell-safe validation to email addresses.
+     * Introduced to prevent RCE via sendmail's -f option.
+     *
+     * @see     https://github.com/codeigniter4/CodeIgniter/issues/4963
+     * @see     https://gist.github.com/Zenexer/40d02da5e07f151adeaeeaa11af9ab36
+     *
+     * @license https://creativecommons.org/publicdomain/zero/1.0/    CC0 1.0, Public Domain
+     *
+     * Credits for the base concept go to Paul Buonopane <paul@namepros.com>
+     *
+     * @param string $email
+     *
+     * @return bool
+     */
+    protected function validateEmailForShell(&$email)
+    {
+        if (function_exists('idn_to_ascii') && $atpos = strpos($email, '@')) {
+            $email = static::substr($email, 0, ++$atpos)
+                . idn_to_ascii(static::substr($email, $atpos), 0, INTL_IDNA_VARIANT_UTS46);
+        }
+
+        return filter_var($email, FILTER_VALIDATE_EMAIL) === $email && preg_match('#\A[a-z0-9._+-]+@[a-z0-9.-]{1,253}\z#i', $email);
+    }
+
+    /**
+     * Send using mail()
+     *
+     * @return bool
+     */
+    protected function sendWithMail()
+    {
+        $recipients = is_array($this->recipients) ? implode(', ', $this->recipients) : $this->recipients;
+
+        // _validate_email_for_shell() below accepts by reference,
+        // so this needs to be assigned to a variable
+        $from = $this->cleanEmail($this->headers['Return-Path']);
+
+        if (! $this->validateEmailForShell($from)) {
+            return mail($recipients, $this->subject, $this->finalBody, $this->headerStr);
+        }
+
+        // most documentation of sendmail using the "-f" flag lacks a space after it, however
+        // we've encountered servers that seem to require it to be in place.
+        return mail($recipients, $this->subject, $this->finalBody, $this->headerStr, '-f ' . $from);
+    }
+
+    /**
+     * Send using Sendmail
+     *
+     * @return bool
+     */
+    protected function sendWithSendmail()
+    {
+        // _validate_email_for_shell() below accepts by reference,
+        // so this needs to be assigned to a variable
+        $from = $this->cleanEmail($this->headers['From']);
+
+        $from = $this->validateEmailForShell($from) ? '-f ' . $from : '';
+
+        if (! function_usable('popen') || false === ($fp = @popen($this->mailPath . ' -oi ' . $from . ' -t', 'w'))) {
+            return false;
+        }
+
+        fwrite($fp, $this->headerStr);
+        fwrite($fp, $this->finalBody);
+        $status = pclose($fp);
+
+        if ($status !== 0) {
+            $this->setErrorMessage(lang('Email.exitStatus', [$status]));
+            $this->setErrorMessage(lang('Email.noSocket'));
+
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * Send using SMTP
+     *
+     * @return bool
+     */
+    protected function sendWithSmtp()
+    {
+        if ($this->SMTPHost === '') {
+            $this->setErrorMessage(lang('Email.noHostname'));
+
+            return false;
+        }
+
+        if (! $this->SMTPConnect() || ! $this->SMTPAuthenticate()) {
+            return false;
+        }
+
+        if (! $this->sendCommand('from', $this->cleanEmail($this->headers['From']))) {
+            $this->SMTPEnd();
+
+            return false;
+        }
+
+        foreach ($this->recipients as $val) {
+            if (! $this->sendCommand('to', $val)) {
+                $this->SMTPEnd();
+
+                return false;
+            }
+        }
+
+        foreach ($this->CCArray as $val) {
+            if ($val !== '' && ! $this->sendCommand('to', $val)) {
+                $this->SMTPEnd();
+
+                return false;
+            }
+        }
+
+        foreach ($this->BCCArray as $val) {
+            if ($val !== '' && ! $this->sendCommand('to', $val)) {
+                $this->SMTPEnd();
+
+                return false;
+            }
+        }
+
+        if (! $this->sendCommand('data')) {
+            $this->SMTPEnd();
+
+            return false;
+        }
+
+        // perform dot transformation on any lines that begin with a dot
+        $this->sendData($this->headerStr . preg_replace('/^\./m', '..$1', $this->finalBody));
+        $this->sendData($this->newline . '.');
+        $reply = $this->getSMTPData();
+        $this->setErrorMessage($reply);
+        $this->SMTPEnd();
+
+        if (! str_starts_with($reply, '250')) {
+            $this->setErrorMessage(lang('Email.SMTPError', [$reply]));
+
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * Shortcut to send RSET or QUIT depending on keep-alive
+     *
+     * @return void
+     */
+    protected function SMTPEnd()
+    {
+        $this->sendCommand($this->SMTPKeepAlive ? 'reset' : 'quit');
+    }
+
+    /**
+     * @return bool|string
+     */
+    protected function SMTPConnect()
+    {
+        if ($this->isSMTPConnected()) {
+            return true;
+        }
+
+        $ssl = '';
+
+        // Connection to port 465 should use implicit TLS (without STARTTLS)
+        // as per RFC 8314.
+        if ($this->SMTPPort === 465) {
+            $ssl = 'tls://';
+        }
+        // But if $SMTPCrypto is set to `ssl`, SSL can be used.
+        if ($this->SMTPCrypto === 'ssl') {
+            $ssl = 'ssl://';
+        }
+
+        $this->SMTPConnect = fsockopen(
+            $ssl . $this->SMTPHost,
+            $this->SMTPPort,
+            $errno,
+            $errstr,
+            $this->SMTPTimeout,
+        );
+
+        if (! $this->isSMTPConnected()) {
+            $this->setErrorMessage(lang('Email.SMTPError', [$errno . ' ' . $errstr]));
+
+            return false;
+        }
+
+        stream_set_timeout($this->SMTPConnect, $this->SMTPTimeout);
+        $this->setErrorMessage($this->getSMTPData());
+
+        if ($this->SMTPCrypto === 'tls') {
+            $this->sendCommand('hello');
+            $this->sendCommand('starttls');
+            $crypto = stream_socket_enable_crypto(
+                $this->SMTPConnect,
+                true,
+                STREAM_CRYPTO_METHOD_TLSv1_0_CLIENT
+                | STREAM_CRYPTO_METHOD_TLSv1_1_CLIENT
+                | STREAM_CRYPTO_METHOD_TLSv1_2_CLIENT
+                | STREAM_CRYPTO_METHOD_TLSv1_3_CLIENT,
+            );
+
+            if ($crypto !== true) {
+                $this->setErrorMessage(lang('Email.SMTPError', [$this->getSMTPData()]));
+
+                return false;
+            }
+        }
+
+        return $this->sendCommand('hello');
+    }
+
+    /**
+     * @param string $cmd
+     * @param string $data
+     *
+     * @return bool
+     */
+    protected function sendCommand($cmd, $data = '')
+    {
+        switch ($cmd) {
+            case 'hello':
+                if ($this->SMTPAuth || $this->getEncoding() === '8bit') {
+                    $this->sendData('EHLO ' . $this->getHostname());
+                } else {
+                    $this->sendData('HELO ' . $this->getHostname());
+                }
+
+                $resp = 250;
+                break;
+
+            case 'starttls':
+                $this->sendData('STARTTLS');
+                $resp = 220;
+                break;
+
+            case 'from':
+                $this->sendData('MAIL FROM:<' . $data . '>');
+                $resp = 250;
+                break;
+
+            case 'to':
+                if ($this->DSN) {
+                    $this->sendData('RCPT TO:<' . $data . '> NOTIFY=SUCCESS,DELAY,FAILURE ORCPT=rfc822;' . $data);
+                } else {
+                    $this->sendData('RCPT TO:<' . $data . '>');
+                }
+                $resp = 250;
+                break;
+
+            case 'data':
+                $this->sendData('DATA');
+                $resp = 354;
+                break;
+
+            case 'reset':
+                $this->sendData('RSET');
+                $resp = 250;
+                break;
+
+            case 'quit':
+                $this->sendData('QUIT');
+                $resp = 221;
+                break;
+
+            default:
+                $resp = null;
+        }
+
+        $reply = $this->getSMTPData();
+
+        $this->debugMessage[]    = '<pre>' . $cmd . ': ' . $reply . '</pre>';
+        $this->debugMessageRaw[] = $cmd . ': ' . $reply;
+
+        if ($resp === null || ((int) static::substr($reply, 0, 3) !== $resp)) {
+            $this->setErrorMessage(lang('Email.SMTPError', [$reply]));
+
+            return false;
+        }
+
+        if ($cmd === 'quit') {
+            fclose($this->SMTPConnect);
+        }
+
+        return true;
+    }
+
+    /**
+     * @return bool
+     */
+    protected function SMTPAuthenticate()
+    {
+        if (! $this->SMTPAuth) {
+            return true;
+        }
+
+        if ($this->SMTPUser === '' && $this->SMTPPass === '') {
+            $this->setErrorMessage(lang('Email.noSMTPAuth'));
+
+            return false;
+        }
+
+        $this->sendData('AUTH LOGIN');
+        $reply = $this->getSMTPData();
+
+        if (str_starts_with($reply, '503')) {    // Already authenticated
+            return true;
+        }
+
+        if (! str_starts_with($reply, '334')) {
+            $this->setErrorMessage(lang('Email.failedSMTPLogin', [$reply]));
+
+            return false;
+        }
+
+        $this->sendData(base64_encode($this->SMTPUser));
+        $reply = $this->getSMTPData();
+
+        if (! str_starts_with($reply, '334')) {
+            $this->setErrorMessage(lang('Email.SMTPAuthUsername', [$reply]));
+
+            return false;
+        }
+
+        $this->sendData(base64_encode($this->SMTPPass));
+        $reply = $this->getSMTPData();
+
+        if (! str_starts_with($reply, '235')) {
+            $this->setErrorMessage(lang('Email.SMTPAuthPassword', [$reply]));
+
+            return false;
+        }
+
+        if ($this->SMTPKeepAlive) {
+            $this->SMTPAuth = false;
+        }
+
+        return true;
+    }
+
+    /**
+     * @param string $data
+     *
+     * @return bool
+     */
+    protected function sendData($data)
+    {
+        $data .= $this->newline;
+
+        $result = null;
+
+        for ($written = $timestamp = 0, $length = static::strlen($data); $written < $length; $written += $result) {
+            if (($result = fwrite($this->SMTPConnect, static::substr($data, $written))) === false) {
+                break;
+            }
+
+            // See https://bugs.php.net/bug.php?id=39598 and http://php.net/manual/en/function.fwrite.php#96951
+            if ($result === 0) {
+                if ($timestamp === 0) {
+                    $timestamp = Time::now()->getTimestamp();
+                } elseif ($timestamp < (Time::now()->getTimestamp() - $this->SMTPTimeout)) {
+                    $result = false;
+
+                    break;
+                }
+
+                usleep(250000);
+
+                continue;
+            }
+
+            $timestamp = 0;
+        }
+
+        if (! is_int($result)) {
+            $this->setErrorMessage(lang('Email.SMTPDataFailure', [$data]));
+
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * @return string
+     */
+    protected function getSMTPData()
+    {
+        $data = '';
+
+        while ($str = fgets($this->SMTPConnect, 512)) {
+            $data .= $str;
+
+            if ($str[3] === ' ') {
+                break;
+            }
+        }
+
+        return $data;
+    }
+
+    /**
+     * There are only two legal types of hostname - either a fully
+     * qualified domain name (eg: "mail.example.com") or an IP literal
+     * (eg: "[1.2.3.4]").
+     *
+     * @see https://tools.ietf.org/html/rfc5321#section-2.3.5
+     * @see http://cbl.abuseat.org/namingproblems.html
+     *
+     * @return string
+     */
+    protected function getHostname()
+    {
+        $superglobals = service('superglobals');
+
+        $serverName = $superglobals->server('SERVER_NAME');
+        if (! in_array($serverName, [null, ''], true)) {
+            return $serverName;
+        }
+
+        $serverAddr = $superglobals->server('SERVER_ADDR');
+        if (! in_array($serverAddr, [null, ''], true)) {
+            return '[' . $serverAddr . ']';
+        }
+
+        $hostname = gethostname();
+        if ($hostname !== false) {
+            return $hostname;
+        }
+
+        return '[127.0.0.1]';
+    }
+
+    /**
+     * @param array|string $include List of raw data chunks to include in the output
+     *                              Valid options are: 'headers', 'subject', 'body'
+     *
+     * @return string
+     */
+    public function printDebugger($include = ['headers', 'subject', 'body'])
+    {
+        $msg = implode('', $this->debugMessage);
+
+        // Determine which parts of our raw data needs to be printed
+        $rawData = '';
+
+        if (! is_array($include)) {
+            $include = [$include];
+        }
+
+        if (in_array('headers', $include, true)) {
+            $rawData = htmlspecialchars($this->headerStr) . "\n";
+        }
+        if (in_array('subject', $include, true)) {
+            $rawData .= htmlspecialchars($this->subject) . "\n";
+        }
+        if (in_array('body', $include, true)) {
+            $rawData .= htmlspecialchars($this->finalBody);
+        }
+
+        return $msg . ($rawData === '' ? '' : '<pre>' . $rawData . '</pre>');
+    }
+
+    /**
+     * Returns raw debug messages
+     */
+    private function printDebuggerRaw(): string
+    {
+        return implode("\n", $this->debugMessageRaw);
+    }
+
+    /**
+     * @param string $msg
+     *
+     * @return void
+     */
+    protected function setErrorMessage($msg)
+    {
+        $this->debugMessage[]    = $msg . '<br>';
+        $this->debugMessageRaw[] = $msg;
+    }
+
+    /**
+     * Mime Types
+     *
+     * @param string $ext
+     *
+     * @return string
+     */
+    protected function mimeTypes($ext = '')
+    {
+        $mime = Mimes::guessTypeFromExtension(strtolower($ext));
+
+        return ! empty($mime) ? $mime : 'application/x-unknown-content-type';
+    }
+
+    public function __destruct()
+    {
+        if ($this->isSMTPConnected()) {
+            try {
+                $this->sendCommand('quit');
+            } catch (ErrorException $e) {
+                $protocol = $this->getProtocol();
+                $method   = 'sendWith' . ucfirst($protocol);
+                log_message('error', 'Email: ' . $method . ' throwed ' . $e);
+            }
+        }
+    }
+
+    /**
+     * Byte-safe strlen()
+     *
+     * @param string $str
+     *
+     * @return int
+     */
+    protected static function strlen($str)
+    {
+        return (static::$func_overload) ? mb_strlen($str, '8bit') : strlen($str);
+    }
+
+    /**
+     * Byte-safe substr()
+     *
+     * @param string   $str
+     * @param int      $start
+     * @param int|null $length
+     *
+     * @return string
+     */
+    protected static function substr($str, $start, $length = null)
+    {
+        if (static::$func_overload) {
+            return mb_substr($str, $start, $length, '8bit');
+        }
+
+        return isset($length) ? substr($str, $start, $length) : substr($str, $start);
+    }
+
+    /**
+     * Determines the values that should be stored in $archive.
+     *
+     * @return array The updated archive values
+     */
+    protected function setArchiveValues(): array
+    {
+        // Get property values and add anything prepped in tmpArchive
+        $this->archive = array_merge(get_object_vars($this), $this->tmpArchive);
+        unset($this->archive['archive']);
+
+        // Clear tmpArchive for next run
+        $this->tmpArchive = [];
+
+        return $this->archive;
+    }
+
+    /**
+     * Checks if there is an active SMTP connection.
+     *
+     * @return bool True if SMTP connection is established and open, false otherwise
+     */
+    protected function isSMTPConnected(): bool
+    {
+        return $this->SMTPConnect !== null
+            && $this->SMTPConnect !== false
+            && get_debug_type($this->SMTPConnect) !== 'resource (closed)';
+    }
+}
diff --git a/ci4app/system/Encryption/EncrypterInterface.php b/ci4app/system/Encryption/EncrypterInterface.php
new file mode 100644
index 0000000..2f40995
--- /dev/null
+++ b/ci4app/system/Encryption/EncrypterInterface.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Encryption;
+
+use CodeIgniter\Encryption\Exceptions\EncryptionException;
+
+/**
+ * CodeIgniter Encryption Handler
+ *
+ * Provides two-way keyed encryption
+ */
+interface EncrypterInterface
+{
+    /**
+     * Encrypt - convert plaintext into ciphertext
+     *
+     * @param string            $data   Input data
+     * @param array|string|null $params Overridden parameters, specifically the key
+     *
+     * @return string
+     *
+     * @throws EncryptionException
+     */
+    public function encrypt($data, $params = null);
+
+    /**
+     * Decrypt - convert ciphertext into plaintext
+     *
+     * @param string            $data   Encrypted data
+     * @param array|string|null $params Overridden parameters, specifically the key
+     *
+     * @return string
+     *
+     * @throws EncryptionException
+     */
+    public function decrypt($data, $params = null);
+}
diff --git a/ci4app/system/Encryption/Encryption.php b/ci4app/system/Encryption/Encryption.php
new file mode 100644
index 0000000..c233f1f
--- /dev/null
+++ b/ci4app/system/Encryption/Encryption.php
@@ -0,0 +1,181 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Encryption;
+
+use CodeIgniter\Encryption\Exceptions\EncryptionException;
+use Config\Encryption as EncryptionConfig;
+
+/**
+ * CodeIgniter Encryption Manager
+ *
+ * Provides two-way keyed encryption via PHP's Sodium and/or OpenSSL extensions.
+ * This class determines the driver, cipher, and mode to use, and then
+ * initializes the appropriate encryption handler.
+ *
+ * @property-read string       $digest
+ * @property-read string       $driver
+ * @property-read list<string> $drivers
+ * @property-read string       $key
+ *
+ * @see \CodeIgniter\Encryption\EncryptionTest
+ */
+class Encryption
+{
+    /**
+     * The encrypter we create
+     *
+     * @var EncrypterInterface
+     */
+    protected $encrypter;
+
+    /**
+     * The driver being used
+     *
+     * @var string
+     */
+    protected $driver;
+
+    /**
+     * The key/seed being used
+     *
+     * @var string
+     */
+    protected $key;
+
+    /**
+     * The derived HMAC key
+     *
+     * @var string
+     */
+    protected $hmacKey;
+
+    /**
+     * HMAC digest to use
+     *
+     * @var string
+     */
+    protected $digest = 'SHA512';
+
+    /**
+     * Map of drivers to handler classes, in preference order
+     *
+     * @var array
+     */
+    protected $drivers = [
+        'OpenSSL',
+        'Sodium',
+    ];
+
+    /**
+     * Handlers that are to be installed
+     *
+     * @var array<string, bool>
+     */
+    protected $handlers = [];
+
+    /**
+     * @throws EncryptionException
+     */
+    public function __construct(?EncryptionConfig $config = null)
+    {
+        $config ??= new EncryptionConfig();
+
+        $this->key    = $config->key;
+        $this->driver = $config->driver;
+        $this->digest = $config->digest ?? 'SHA512';
+
+        $this->handlers = [
+            'OpenSSL' => extension_loaded('openssl'),
+            // the SodiumHandler uses some API (like sodium_pad) that is available only on v1.0.14+
+            'Sodium' => extension_loaded('sodium') && version_compare(SODIUM_LIBRARY_VERSION, '1.0.14', '>='),
+        ];
+
+        if (! in_array($this->driver, $this->drivers, true) || (array_key_exists($this->driver, $this->handlers) && ! $this->handlers[$this->driver])) {
+            throw EncryptionException::forNoHandlerAvailable($this->driver);
+        }
+    }
+
+    /**
+     * Initialize or re-initialize an encrypter
+     *
+     * @return EncrypterInterface
+     *
+     * @throws EncryptionException
+     */
+    public function initialize(?EncryptionConfig $config = null)
+    {
+        if ($config instanceof EncryptionConfig) {
+            $this->key    = $config->key;
+            $this->driver = $config->driver;
+            $this->digest = $config->digest ?? 'SHA512';
+        }
+
+        if (empty($this->driver)) {
+            throw EncryptionException::forNoDriverRequested();
+        }
+
+        if (! in_array($this->driver, $this->drivers, true)) {
+            throw EncryptionException::forUnKnownHandler($this->driver);
+        }
+
+        if (empty($this->key)) {
+            throw EncryptionException::forNeedsStarterKey();
+        }
+
+        $this->hmacKey = bin2hex(\hash_hkdf($this->digest, $this->key));
+
+        $handlerName     = 'CodeIgniter\\Encryption\\Handlers\\' . $this->driver . 'Handler';
+        $this->encrypter = new $handlerName($config);
+
+        return $this->encrypter;
+    }
+
+    /**
+     * Create a random key
+     *
+     * @param int $length Output length
+     *
+     * @return string
+     */
+    public static function createKey($length = 32)
+    {
+        return random_bytes($length);
+    }
+
+    /**
+     * __get() magic, providing readonly access to some of our protected properties
+     *
+     * @param string $key Property name
+     *
+     * @return array|string|null
+     */
+    public function __get($key)
+    {
+        if ($this->__isset($key)) {
+            return $this->{$key};
+        }
+
+        return null;
+    }
+
+    /**
+     * __isset() magic, providing checking for some of our protected properties
+     *
+     * @param string $key Property name
+     */
+    public function __isset($key): bool
+    {
+        return in_array($key, ['key', 'digest', 'driver', 'drivers'], true);
+    }
+}
diff --git a/ci4app/system/Encryption/Exceptions/EncryptionException.php b/ci4app/system/Encryption/Exceptions/EncryptionException.php
new file mode 100644
index 0000000..9a0935d
--- /dev/null
+++ b/ci4app/system/Encryption/Exceptions/EncryptionException.php
@@ -0,0 +1,85 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Encryption\Exceptions;
+
+use CodeIgniter\Exceptions\DebugTraceableTrait;
+use CodeIgniter\Exceptions\RuntimeException;
+
+/**
+ * Encryption exception
+ */
+class EncryptionException extends RuntimeException
+{
+    use DebugTraceableTrait;
+
+    /**
+     * Thrown when no driver is present in the active encryption session.
+     *
+     * @return static
+     */
+    public static function forNoDriverRequested()
+    {
+        return new static(lang('Encryption.noDriverRequested'));
+    }
+
+    /**
+     * Thrown when the handler requested is not available.
+     *
+     * @return static
+     */
+    public static function forNoHandlerAvailable(string $handler)
+    {
+        return new static(lang('Encryption.noHandlerAvailable', [$handler]));
+    }
+
+    /**
+     * Thrown when the handler requested is unknown.
+     *
+     * @return static
+     */
+    public static function forUnKnownHandler(?string $driver = null)
+    {
+        return new static(lang('Encryption.unKnownHandler', [$driver]));
+    }
+
+    /**
+     * Thrown when no starter key is provided for the current encryption session.
+     *
+     * @return static
+     */
+    public static function forNeedsStarterKey()
+    {
+        return new static(lang('Encryption.starterKeyNeeded'));
+    }
+
+    /**
+     * Thrown during data decryption when a problem or error occurred.
+     *
+     * @return static
+     */
+    public static function forAuthenticationFailed()
+    {
+        return new static(lang('Encryption.authenticationFailed'));
+    }
+
+    /**
+     * Thrown during data encryption when a problem or error occurred.
+     *
+     * @return static
+     */
+    public static function forEncryptionFailed()
+    {
+        return new static(lang('Encryption.encryptionFailed'));
+    }
+}
diff --git a/ci4app/system/Encryption/Handlers/BaseHandler.php b/ci4app/system/Encryption/Handlers/BaseHandler.php
new file mode 100644
index 0000000..365ed96
--- /dev/null
+++ b/ci4app/system/Encryption/Handlers/BaseHandler.php
@@ -0,0 +1,78 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Encryption\Handlers;
+
+use CodeIgniter\Encryption\EncrypterInterface;
+use Config\Encryption;
+
+/**
+ * Base class for encryption handling
+ */
+abstract class BaseHandler implements EncrypterInterface
+{
+    /**
+     * Constructor
+     */
+    public function __construct(?Encryption $config = null)
+    {
+        $config ??= config(Encryption::class);
+
+        // make the parameters conveniently accessible
+        foreach (get_object_vars($config) as $key => $value) {
+            if (property_exists($this, $key)) {
+                $this->{$key} = $value;
+            }
+        }
+    }
+
+    /**
+     * Byte-safe substr()
+     *
+     * @param string $str
+     * @param int    $start
+     * @param int    $length
+     *
+     * @return string
+     */
+    protected static function substr($str, $start, $length = null)
+    {
+        return mb_substr($str, $start, $length, '8bit');
+    }
+
+    /**
+     * __get() magic, providing readonly access to some of our properties
+     *
+     * @param string $key Property name
+     *
+     * @return array|bool|int|string|null
+     */
+    public function __get($key)
+    {
+        if ($this->__isset($key)) {
+            return $this->{$key};
+        }
+
+        return null;
+    }
+
+    /**
+     * __isset() magic, providing checking for some of our properties
+     *
+     * @param string $key Property name
+     */
+    public function __isset($key): bool
+    {
+        return property_exists($this, $key);
+    }
+}
diff --git a/ci4app/system/Encryption/Handlers/OpenSSLHandler.php b/ci4app/system/Encryption/Handlers/OpenSSLHandler.php
new file mode 100644
index 0000000..9745160
--- /dev/null
+++ b/ci4app/system/Encryption/Handlers/OpenSSLHandler.php
@@ -0,0 +1,158 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Encryption\Handlers;
+
+use CodeIgniter\Encryption\Exceptions\EncryptionException;
+
+/**
+ * Encryption handling for OpenSSL library
+ *
+ * @see \CodeIgniter\Encryption\Handlers\OpenSSLHandlerTest
+ */
+class OpenSSLHandler extends BaseHandler
+{
+    /**
+     * HMAC digest to use
+     *
+     * @var string
+     */
+    protected $digest = 'SHA512';
+
+    /**
+     * List of supported HMAC algorithms
+     *
+     * @var array [name => digest size]
+     */
+    protected array $digestSize = [
+        'SHA224' => 28,
+        'SHA256' => 32,
+        'SHA384' => 48,
+        'SHA512' => 64,
+    ];
+
+    /**
+     * Cipher to use
+     *
+     * @var string
+     */
+    protected $cipher = 'AES-256-CTR';
+
+    /**
+     * Starter key
+     *
+     * @var string
+     */
+    protected $key = '';
+
+    /**
+     * Whether the cipher-text should be raw. If set to false, then it will be base64 encoded.
+     */
+    protected bool $rawData = true;
+
+    /**
+     * Encryption key info.
+     * This setting is only used by OpenSSLHandler.
+     *
+     * Set to 'encryption' for CI3 Encryption compatibility.
+     */
+    public string $encryptKeyInfo = '';
+
+    /**
+     * Authentication key info.
+     * This setting is only used by OpenSSLHandler.
+     *
+     * Set to 'authentication' for CI3 Encryption compatibility.
+     */
+    public string $authKeyInfo = '';
+
+    /**
+     * {@inheritDoc}
+     */
+    public function encrypt($data, $params = null)
+    {
+        // Allow key override
+        if ($params !== null) {
+            $this->key = is_array($params) && isset($params['key']) ? $params['key'] : $params;
+        }
+
+        if (empty($this->key)) {
+            throw EncryptionException::forNeedsStarterKey();
+        }
+
+        // derive a secret key
+        $encryptKey = \hash_hkdf($this->digest, $this->key, 0, $this->encryptKeyInfo);
+
+        // basic encryption
+        $iv = ($ivSize = \openssl_cipher_iv_length($this->cipher)) ? \openssl_random_pseudo_bytes($ivSize) : null;
+
+        $data = \openssl_encrypt($data, $this->cipher, $encryptKey, OPENSSL_RAW_DATA, $iv);
+
+        if ($data === false) {
+            throw EncryptionException::forEncryptionFailed();
+        }
+
+        $result = $this->rawData ? $iv . $data : base64_encode($iv . $data);
+
+        // derive a secret key
+        $authKey = \hash_hkdf($this->digest, $this->key, 0, $this->authKeyInfo);
+
+        $hmacKey = \hash_hmac($this->digest, $result, $authKey, $this->rawData);
+
+        return $hmacKey . $result;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function decrypt($data, $params = null)
+    {
+        // Allow key override
+        if ($params !== null) {
+            $this->key = is_array($params) && isset($params['key']) ? $params['key'] : $params;
+        }
+
+        if (empty($this->key)) {
+            throw EncryptionException::forNeedsStarterKey();
+        }
+
+        // derive a secret key
+        $authKey = \hash_hkdf($this->digest, $this->key, 0, $this->authKeyInfo);
+
+        $hmacLength = $this->rawData
+            ? $this->digestSize[$this->digest]
+            : $this->digestSize[$this->digest] * 2;
+
+        $hmacKey  = self::substr($data, 0, $hmacLength);
+        $data     = self::substr($data, $hmacLength);
+        $hmacCalc = \hash_hmac($this->digest, $data, $authKey, $this->rawData);
+
+        if (! hash_equals($hmacKey, $hmacCalc)) {
+            throw EncryptionException::forAuthenticationFailed();
+        }
+
+        $data = $this->rawData ? $data : base64_decode($data, true);
+
+        if ($ivSize = \openssl_cipher_iv_length($this->cipher)) {
+            $iv   = self::substr($data, 0, $ivSize);
+            $data = self::substr($data, $ivSize);
+        } else {
+            $iv = null;
+        }
+
+        // derive a secret key
+        $encryptKey = \hash_hkdf($this->digest, $this->key, 0, $this->encryptKeyInfo);
+
+        return \openssl_decrypt($data, $this->cipher, $encryptKey, OPENSSL_RAW_DATA, $iv);
+    }
+}
diff --git a/ci4app/system/Encryption/Handlers/SodiumHandler.php b/ci4app/system/Encryption/Handlers/SodiumHandler.php
new file mode 100644
index 0000000..c74f2a5
--- /dev/null
+++ b/ci4app/system/Encryption/Handlers/SodiumHandler.php
@@ -0,0 +1,142 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Encryption\Handlers;
+
+use CodeIgniter\Encryption\Exceptions\EncryptionException;
+
+/**
+ * SodiumHandler uses libsodium in encryption.
+ *
+ * @see https://github.com/jedisct1/libsodium/issues/392
+ * @see \CodeIgniter\Encryption\Handlers\SodiumHandlerTest
+ */
+class SodiumHandler extends BaseHandler
+{
+    /**
+     * Starter key
+     *
+     * @var string|null Null is used for buffer cleanup.
+     */
+    protected $key = '';
+
+    /**
+     * Block size for padding message.
+     *
+     * @var int
+     */
+    protected $blockSize = 16;
+
+    /**
+     * {@inheritDoc}
+     */
+    public function encrypt($data, $params = null)
+    {
+        $this->parseParams($params);
+
+        if (empty($this->key)) {
+            throw EncryptionException::forNeedsStarterKey();
+        }
+
+        // create a nonce for this operation
+        $nonce = random_bytes(SODIUM_CRYPTO_SECRETBOX_NONCEBYTES); // 24 bytes
+
+        // add padding before we encrypt the data
+        if ($this->blockSize <= 0) {
+            throw EncryptionException::forEncryptionFailed();
+        }
+
+        $data = sodium_pad($data, $this->blockSize);
+
+        // encrypt message and combine with nonce
+        $ciphertext = $nonce . sodium_crypto_secretbox($data, $nonce, $this->key);
+
+        // cleanup buffers
+        sodium_memzero($data);
+        sodium_memzero($this->key);
+
+        return $ciphertext;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public function decrypt($data, $params = null)
+    {
+        $this->parseParams($params);
+
+        if (empty($this->key)) {
+            throw EncryptionException::forNeedsStarterKey();
+        }
+
+        if (mb_strlen($data, '8bit') < (SODIUM_CRYPTO_SECRETBOX_NONCEBYTES + SODIUM_CRYPTO_SECRETBOX_MACBYTES)) {
+            // message was truncated
+            throw EncryptionException::forAuthenticationFailed();
+        }
+
+        // Extract info from encrypted data
+        $nonce      = self::substr($data, 0, SODIUM_CRYPTO_SECRETBOX_NONCEBYTES);
+        $ciphertext = self::substr($data, SODIUM_CRYPTO_SECRETBOX_NONCEBYTES);
+
+        // decrypt data
+        $data = sodium_crypto_secretbox_open($ciphertext, $nonce, $this->key);
+
+        if ($data === false) {
+            // message was tampered in transit
+            throw EncryptionException::forAuthenticationFailed(); // @codeCoverageIgnore
+        }
+
+        // remove extra padding during encryption
+        if ($this->blockSize <= 0) {
+            throw EncryptionException::forAuthenticationFailed();
+        }
+
+        $data = sodium_unpad($data, $this->blockSize);
+
+        // cleanup buffers
+        sodium_memzero($ciphertext);
+        sodium_memzero($this->key);
+
+        return $data;
+    }
+
+    /**
+     * Parse the $params before doing assignment.
+     *
+     * @param array|string|null $params
+     *
+     * @return void
+     *
+     * @throws EncryptionException If key is empty
+     */
+    protected function parseParams($params)
+    {
+        if ($params === null) {
+            return;
+        }
+
+        if (is_array($params)) {
+            if (isset($params['key'])) {
+                $this->key = $params['key'];
+            }
+
+            if (isset($params['blockSize'])) {
+                $this->blockSize = $params['blockSize'];
+            }
+
+            return;
+        }
+
+        $this->key = (string) $params;
+    }
+}
diff --git a/ci4app/system/Entity/Cast/ArrayCast.php b/ci4app/system/Entity/Cast/ArrayCast.php
new file mode 100644
index 0000000..1c81064
--- /dev/null
+++ b/ci4app/system/Entity/Cast/ArrayCast.php
@@ -0,0 +1,40 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Entity\Cast;
+
+/**
+ * Class ArrayCast
+ */
+class ArrayCast extends BaseCast
+{
+    /**
+     * {@inheritDoc}
+     */
+    public static function get($value, array $params = []): array
+    {
+        if (is_string($value) && (str_starts_with($value, 'a:') || str_starts_with($value, 's:'))) {
+            $value = unserialize($value);
+        }
+
+        return (array) $value;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public static function set($value, array $params = []): string
+    {
+        return serialize($value);
+    }
+}
diff --git a/ci4app/system/Entity/Cast/BaseCast.php b/ci4app/system/Entity/Cast/BaseCast.php
new file mode 100644
index 0000000..34cb28e
--- /dev/null
+++ b/ci4app/system/Entity/Cast/BaseCast.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Entity\Cast;
+
+/**
+ * Class BaseCast
+ */
+abstract class BaseCast implements CastInterface
+{
+    /**
+     * Get
+     *
+     * @param array|bool|float|int|object|string|null $value  Data
+     * @param array                                   $params Additional param
+     *
+     * @return array|bool|float|int|object|string|null
+     */
+    public static function get($value, array $params = [])
+    {
+        return $value;
+    }
+
+    /**
+     * Set
+     *
+     * @param array|bool|float|int|object|string|null $value  Data
+     * @param array                                   $params Additional param
+     *
+     * @return array|bool|float|int|object|string|null
+     */
+    public static function set($value, array $params = [])
+    {
+        return $value;
+    }
+}
diff --git a/ci4app/system/Entity/Cast/BooleanCast.php b/ci4app/system/Entity/Cast/BooleanCast.php
new file mode 100644
index 0000000..8d95ba2
--- /dev/null
+++ b/ci4app/system/Entity/Cast/BooleanCast.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Entity\Cast;
+
+/**
+ * Class BooleanCast
+ */
+class BooleanCast extends BaseCast
+{
+    /**
+     * {@inheritDoc}
+     */
+    public static function get($value, array $params = []): bool
+    {
+        return (bool) $value;
+    }
+}
diff --git a/ci4app/system/Entity/Cast/CSVCast.php b/ci4app/system/Entity/Cast/CSVCast.php
new file mode 100644
index 0000000..7b8be55
--- /dev/null
+++ b/ci4app/system/Entity/Cast/CSVCast.php
@@ -0,0 +1,36 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Entity\Cast;
+
+/**
+ * Class CSVCast
+ */
+class CSVCast extends BaseCast
+{
+    /**
+     * {@inheritDoc}
+     */
+    public static function get($value, array $params = []): array
+    {
+        return explode(',', $value);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public static function set($value, array $params = []): string
+    {
+        return implode(',', $value);
+    }
+}
diff --git a/ci4app/system/Entity/Cast/CastInterface.php b/ci4app/system/Entity/Cast/CastInterface.php
new file mode 100644
index 0000000..9d790e8
--- /dev/null
+++ b/ci4app/system/Entity/Cast/CastInterface.php
@@ -0,0 +1,44 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Entity\Cast;
+
+/**
+ * Interface CastInterface
+ *
+ * The methods work at (1)(4) only.
+ *   [App Code] --- (1) --> [Entity] --- (2) --> [Database]
+ *   [App Code] <-- (4) --- [Entity] <-- (3) --- [Database]
+ */
+interface CastInterface
+{
+    /**
+     * Takes a raw value from Entity, returns its value for PHP.
+     *
+     * @param array|bool|float|int|object|string|null $value  Data
+     * @param array                                   $params Additional param
+     *
+     * @return array|bool|float|int|object|string|null
+     */
+    public static function get($value, array $params = []);
+
+    /**
+     * Takes a PHP value, returns its raw value for Entity.
+     *
+     * @param array|bool|float|int|object|string|null $value  Data
+     * @param array                                   $params Additional param
+     *
+     * @return array|bool|float|int|object|string|null
+     */
+    public static function set($value, array $params = []);
+}
diff --git a/ci4app/system/Entity/Cast/DatetimeCast.php b/ci4app/system/Entity/Cast/DatetimeCast.php
new file mode 100644
index 0000000..88b7b29
--- /dev/null
+++ b/ci4app/system/Entity/Cast/DatetimeCast.php
@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Entity\Cast;
+
+use CodeIgniter\I18n\Time;
+use DateTime;
+use Exception;
+
+/**
+ * Class DatetimeCast
+ */
+class DatetimeCast extends BaseCast
+{
+    /**
+     * {@inheritDoc}
+     *
+     * @return Time
+     *
+     * @throws Exception
+     */
+    public static function get($value, array $params = [])
+    {
+        if ($value instanceof Time) {
+            return $value;
+        }
+
+        if ($value instanceof DateTime) {
+            return Time::createFromInstance($value);
+        }
+
+        if (is_numeric($value)) {
+            return Time::createFromTimestamp((int) $value, date_default_timezone_get());
+        }
+
+        if (is_string($value)) {
+            return Time::parse($value);
+        }
+
+        return $value;
+    }
+}
diff --git a/ci4app/system/Entity/Cast/FloatCast.php b/ci4app/system/Entity/Cast/FloatCast.php
new file mode 100644
index 0000000..642e849
--- /dev/null
+++ b/ci4app/system/Entity/Cast/FloatCast.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Entity\Cast;
+
+/**
+ * Class FloatCast
+ */
+class FloatCast extends BaseCast
+{
+    /**
+     * {@inheritDoc}
+     */
+    public static function get($value, array $params = []): float
+    {
+        return (float) $value;
+    }
+}
diff --git a/ci4app/system/Entity/Cast/IntBoolCast.php b/ci4app/system/Entity/Cast/IntBoolCast.php
new file mode 100644
index 0000000..fb1c470
--- /dev/null
+++ b/ci4app/system/Entity/Cast/IntBoolCast.php
@@ -0,0 +1,38 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Entity\Cast;
+
+/**
+ * Int Bool Cast
+ *
+ * DB column: int (0/1) <--> Class property: bool
+ */
+final class IntBoolCast extends BaseCast
+{
+    /**
+     * @param int $value
+     */
+    public static function get($value, array $params = []): bool
+    {
+        return (bool) $value;
+    }
+
+    /**
+     * @param bool|int|string $value
+     */
+    public static function set($value, array $params = []): int
+    {
+        return (int) $value;
+    }
+}
diff --git a/ci4app/system/Entity/Cast/IntegerCast.php b/ci4app/system/Entity/Cast/IntegerCast.php
new file mode 100644
index 0000000..c0ecec7
--- /dev/null
+++ b/ci4app/system/Entity/Cast/IntegerCast.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Entity\Cast;
+
+/**
+ * Class IntegerCast
+ */
+class IntegerCast extends BaseCast
+{
+    /**
+     * {@inheritDoc}
+     */
+    public static function get($value, array $params = []): int
+    {
+        return (int) $value;
+    }
+}
diff --git a/ci4app/system/Entity/Cast/JsonCast.php b/ci4app/system/Entity/Cast/JsonCast.php
new file mode 100644
index 0000000..ef38926
--- /dev/null
+++ b/ci4app/system/Entity/Cast/JsonCast.php
@@ -0,0 +1,67 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Entity\Cast;
+
+use CodeIgniter\Entity\Exceptions\CastException;
+use JsonException;
+use stdClass;
+
+/**
+ * Class JsonCast
+ */
+class JsonCast extends BaseCast
+{
+    /**
+     * {@inheritDoc}
+     */
+    public static function get($value, array $params = [])
+    {
+        $associative = in_array('array', $params, true);
+
+        $tmp = $value !== null ? ($associative ? [] : new stdClass()) : null;
+
+        if (function_exists('json_decode')
+            && (
+                (is_string($value)
+                    && strlen($value) > 1
+                    && in_array($value[0], ['[', '{', '"'], true))
+                || is_numeric($value)
+            )
+        ) {
+            try {
+                $tmp = json_decode($value, $associative, 512, JSON_THROW_ON_ERROR);
+            } catch (JsonException $e) {
+                throw CastException::forInvalidJsonFormat($e->getCode());
+            }
+        }
+
+        return $tmp;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public static function set($value, array $params = []): string
+    {
+        if (function_exists('json_encode')) {
+            try {
+                $value = json_encode($value, JSON_UNESCAPED_UNICODE | JSON_THROW_ON_ERROR);
+            } catch (JsonException $e) {
+                throw CastException::forInvalidJsonFormat($e->getCode());
+            }
+        }
+
+        return $value;
+    }
+}
diff --git a/ci4app/system/Entity/Cast/ObjectCast.php b/ci4app/system/Entity/Cast/ObjectCast.php
new file mode 100644
index 0000000..1bee213
--- /dev/null
+++ b/ci4app/system/Entity/Cast/ObjectCast.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Entity\Cast;
+
+/**
+ * Class ObjectCast
+ */
+class ObjectCast extends BaseCast
+{
+    /**
+     * {@inheritDoc}
+     */
+    public static function get($value, array $params = []): object
+    {
+        return (object) $value;
+    }
+}
diff --git a/ci4app/system/Entity/Cast/StringCast.php b/ci4app/system/Entity/Cast/StringCast.php
new file mode 100644
index 0000000..e4ed04b
--- /dev/null
+++ b/ci4app/system/Entity/Cast/StringCast.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Entity\Cast;
+
+/**
+ * Class StringCast
+ */
+class StringCast extends BaseCast
+{
+    /**
+     * {@inheritDoc}
+     */
+    public static function get($value, array $params = []): string
+    {
+        return (string) $value;
+    }
+}
diff --git a/ci4app/system/Entity/Cast/TimestampCast.php b/ci4app/system/Entity/Cast/TimestampCast.php
new file mode 100644
index 0000000..a445bad
--- /dev/null
+++ b/ci4app/system/Entity/Cast/TimestampCast.php
@@ -0,0 +1,36 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Entity\Cast;
+
+use CodeIgniter\Entity\Exceptions\CastException;
+
+/**
+ * Class TimestampCast
+ */
+class TimestampCast extends BaseCast
+{
+    /**
+     * {@inheritDoc}
+     */
+    public static function get($value, array $params = [])
+    {
+        $value = strtotime($value);
+
+        if ($value === false) {
+            throw CastException::forInvalidTimestamp();
+        }
+
+        return $value;
+    }
+}
diff --git a/ci4app/system/Entity/Cast/URICast.php b/ci4app/system/Entity/Cast/URICast.php
new file mode 100644
index 0000000..d0d510b
--- /dev/null
+++ b/ci4app/system/Entity/Cast/URICast.php
@@ -0,0 +1,30 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Entity\Cast;
+
+use CodeIgniter\HTTP\URI;
+
+/**
+ * Class URICast
+ */
+class URICast extends BaseCast
+{
+    /**
+     * {@inheritDoc}
+     */
+    public static function get($value, array $params = []): URI
+    {
+        return $value instanceof URI ? $value : new URI($value);
+    }
+}
diff --git a/ci4app/system/Entity/Entity.php b/ci4app/system/Entity/Entity.php
new file mode 100644
index 0000000..0e54c72
--- /dev/null
+++ b/ci4app/system/Entity/Entity.php
@@ -0,0 +1,572 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Entity;
+
+use CodeIgniter\DataCaster\DataCaster;
+use CodeIgniter\Entity\Cast\ArrayCast;
+use CodeIgniter\Entity\Cast\BooleanCast;
+use CodeIgniter\Entity\Cast\CSVCast;
+use CodeIgniter\Entity\Cast\DatetimeCast;
+use CodeIgniter\Entity\Cast\FloatCast;
+use CodeIgniter\Entity\Cast\IntBoolCast;
+use CodeIgniter\Entity\Cast\IntegerCast;
+use CodeIgniter\Entity\Cast\JsonCast;
+use CodeIgniter\Entity\Cast\ObjectCast;
+use CodeIgniter\Entity\Cast\StringCast;
+use CodeIgniter\Entity\Cast\TimestampCast;
+use CodeIgniter\Entity\Cast\URICast;
+use CodeIgniter\Entity\Exceptions\CastException;
+use CodeIgniter\I18n\Time;
+use DateTime;
+use Exception;
+use JsonSerializable;
+use ReturnTypeWillChange;
+
+/**
+ * Entity encapsulation, for use with CodeIgniter\Model
+ *
+ * @see \CodeIgniter\Entity\EntityTest
+ */
+class Entity implements JsonSerializable
+{
+    /**
+     * Maps names used in sets and gets against unique
+     * names within the class, allowing independence from
+     * database column names.
+     *
+     * Example:
+     *  $datamap = [
+     *      'class_property_name' => 'db_column_name'
+     *  ];
+     *
+     * @var array<string, string>
+     */
+    protected $datamap = [];
+
+    /**
+     * The date fields.
+     *
+     * @var list<string>
+     */
+    protected $dates = [
+        'created_at',
+        'updated_at',
+        'deleted_at',
+    ];
+
+    /**
+     * Array of field names and the type of value to cast them as when
+     * they are accessed.
+     *
+     * @var array<string, string>
+     */
+    protected $casts = [];
+
+    /**
+     * Custom convert handlers
+     *
+     * @var array<string, string>
+     */
+    protected $castHandlers = [];
+
+    /**
+     * Default convert handlers
+     *
+     * @var array<string, string>
+     */
+    private array $defaultCastHandlers = [
+        'array'     => ArrayCast::class,
+        'bool'      => BooleanCast::class,
+        'boolean'   => BooleanCast::class,
+        'csv'       => CSVCast::class,
+        'datetime'  => DatetimeCast::class,
+        'double'    => FloatCast::class,
+        'float'     => FloatCast::class,
+        'int'       => IntegerCast::class,
+        'integer'   => IntegerCast::class,
+        'int-bool'  => IntBoolCast::class,
+        'json'      => JsonCast::class,
+        'object'    => ObjectCast::class,
+        'string'    => StringCast::class,
+        'timestamp' => TimestampCast::class,
+        'uri'       => URICast::class,
+    ];
+
+    /**
+     * Holds the current values of all class vars.
+     *
+     * @var array<string, mixed>
+     */
+    protected $attributes = [];
+
+    /**
+     * Holds original copies of all class vars so we can determine
+     * what's actually been changed and not accidentally write
+     * nulls where we shouldn't.
+     *
+     * @var array<string, mixed>
+     */
+    protected $original = [];
+
+    /**
+     * The data caster.
+     */
+    protected DataCaster $dataCaster;
+
+    /**
+     * Holds info whenever properties have to be casted
+     */
+    private bool $_cast = true;
+
+    /**
+     * Allows filling in Entity parameters during construction.
+     */
+    public function __construct(?array $data = null)
+    {
+        $this->dataCaster = new DataCaster(
+            array_merge($this->defaultCastHandlers, $this->castHandlers),
+            null,
+            null,
+            false,
+        );
+
+        $this->syncOriginal();
+
+        $this->fill($data);
+    }
+
+    /**
+     * Takes an array of key/value pairs and sets them as class
+     * properties, using any `setCamelCasedProperty()` methods
+     * that may or may not exist.
+     *
+     * @param array<string, array|bool|float|int|object|string|null> $data
+     *
+     * @return $this
+     */
+    public function fill(?array $data = null)
+    {
+        if (! is_array($data)) {
+            return $this;
+        }
+
+        foreach ($data as $key => $value) {
+            $this->__set($key, $value);
+        }
+
+        return $this;
+    }
+
+    /**
+     * General method that will return all public and protected values
+     * of this entity as an array. All values are accessed through the
+     * __get() magic method so will have any casts, etc applied to them.
+     *
+     * @param bool $onlyChanged If true, only return values that have changed since object creation
+     * @param bool $cast        If true, properties will be cast.
+     * @param bool $recursive   If true, inner entities will be cast as array as well.
+     */
+    public function toArray(bool $onlyChanged = false, bool $cast = true, bool $recursive = false): array
+    {
+        $this->_cast = $cast;
+
+        $keys = array_filter(array_keys($this->attributes), static fn ($key): bool => ! str_starts_with($key, '_'));
+
+        if (is_array($this->datamap)) {
+            $keys = array_unique(
+                [...array_diff($keys, $this->datamap), ...array_keys($this->datamap)],
+            );
+        }
+
+        $return = [];
+
+        // Loop over the properties, to allow magic methods to do their thing.
+        foreach ($keys as $key) {
+            if ($onlyChanged && ! $this->hasChanged($key)) {
+                continue;
+            }
+
+            $return[$key] = $this->__get($key);
+
+            if ($recursive) {
+                if ($return[$key] instanceof self) {
+                    $return[$key] = $return[$key]->toArray($onlyChanged, $cast, $recursive);
+                } elseif (is_callable([$return[$key], 'toArray'])) {
+                    $return[$key] = $return[$key]->toArray();
+                }
+            }
+        }
+
+        $this->_cast = true;
+
+        return $return;
+    }
+
+    /**
+     * Returns the raw values of the current attributes.
+     *
+     * @param bool $onlyChanged If true, only return values that have changed since object creation
+     * @param bool $recursive   If true, inner entities will be cast as array as well.
+     */
+    public function toRawArray(bool $onlyChanged = false, bool $recursive = false): array
+    {
+        $return = [];
+
+        if (! $onlyChanged) {
+            if ($recursive) {
+                return array_map(static function ($value) use ($onlyChanged, $recursive) {
+                    if ($value instanceof self) {
+                        $value = $value->toRawArray($onlyChanged, $recursive);
+                    } elseif (is_callable([$value, 'toRawArray'])) {
+                        $value = $value->toRawArray();
+                    }
+
+                    return $value;
+                }, $this->attributes);
+            }
+
+            return $this->attributes;
+        }
+
+        foreach ($this->attributes as $key => $value) {
+            if (! $this->hasChanged($key)) {
+                continue;
+            }
+
+            if ($recursive) {
+                if ($value instanceof self) {
+                    $value = $value->toRawArray($onlyChanged, $recursive);
+                } elseif (is_callable([$value, 'toRawArray'])) {
+                    $value = $value->toRawArray();
+                }
+            }
+
+            $return[$key] = $value;
+        }
+
+        return $return;
+    }
+
+    /**
+     * Ensures our "original" values match the current values.
+     *
+     * @return $this
+     */
+    public function syncOriginal()
+    {
+        $this->original = $this->attributes;
+
+        return $this;
+    }
+
+    /**
+     * Checks a property to see if it has changed since the entity
+     * was created. Or, without a parameter, checks if any
+     * properties have changed.
+     *
+     * @param string|null $key class property
+     */
+    public function hasChanged(?string $key = null): bool
+    {
+        // If no parameter was given then check all attributes
+        if ($key === null) {
+            return $this->original !== $this->attributes;
+        }
+
+        $dbColumn = $this->mapProperty($key);
+
+        // Key doesn't exist in either
+        if (! array_key_exists($dbColumn, $this->original) && ! array_key_exists($dbColumn, $this->attributes)) {
+            return false;
+        }
+
+        // It's a new element
+        if (! array_key_exists($dbColumn, $this->original) && array_key_exists($dbColumn, $this->attributes)) {
+            return true;
+        }
+
+        return $this->original[$dbColumn] !== $this->attributes[$dbColumn];
+    }
+
+    /**
+     * Set raw data array without any mutations
+     *
+     * @return $this
+     */
+    public function injectRawData(array $data)
+    {
+        $this->attributes = $data;
+
+        $this->syncOriginal();
+
+        return $this;
+    }
+
+    /**
+     * Set raw data array without any mutations
+     *
+     * @return $this
+     *
+     * @deprecated Use injectRawData() instead.
+     */
+    public function setAttributes(array $data)
+    {
+        return $this->injectRawData($data);
+    }
+
+    /**
+     * Checks the datamap to see if this property name is being mapped,
+     * and returns the db column name, if any, or the original property name.
+     *
+     * @return string db column name
+     */
+    protected function mapProperty(string $key)
+    {
+        if ($this->datamap === []) {
+            return $key;
+        }
+
+        if (! empty($this->datamap[$key])) {
+            return $this->datamap[$key];
+        }
+
+        return $key;
+    }
+
+    /**
+     * Converts the given string|timestamp|DateTime|Time instance
+     * into the "CodeIgniter\I18n\Time" object.
+     *
+     * @param DateTime|float|int|string|Time $value
+     *
+     * @return Time
+     *
+     * @throws Exception
+     */
+    protected function mutateDate($value)
+    {
+        return DatetimeCast::get($value);
+    }
+
+    /**
+     * Provides the ability to cast an item as a specific data type.
+     * Add ? at the beginning of the type (i.e. ?string) to get `null`
+     * instead of casting $value when $value is null.
+     *
+     * @param bool|float|int|string|null $value     Attribute value
+     * @param string                     $attribute Attribute name
+     * @param string                     $method    Allowed to "get" and "set"
+     *
+     * @return array|bool|float|int|object|string|null
+     *
+     * @throws CastException
+     */
+    protected function castAs($value, string $attribute, string $method = 'get')
+    {
+        return $this->dataCaster
+            // @TODO if $casts is readonly, we don't need the setTypes() method.
+            ->setTypes($this->casts)
+            ->castAs($value, $attribute, $method);
+    }
+
+    /**
+     * Support for json_encode()
+     *
+     * @return array
+     */
+    #[ReturnTypeWillChange]
+    public function jsonSerialize()
+    {
+        return $this->toArray();
+    }
+
+    /**
+     * Change the value of the private $_cast property
+     *
+     * @return bool|Entity
+     */
+    public function cast(?bool $cast = null)
+    {
+        if ($cast === null) {
+            return $this->_cast;
+        }
+
+        $this->_cast = $cast;
+
+        return $this;
+    }
+
+    /**
+     * Magic method to all protected/private class properties to be
+     * easily set, either through a direct access or a
+     * `setCamelCasedProperty()` method.
+     *
+     * Examples:
+     *  $this->my_property = $p;
+     *  $this->setMyProperty() = $p;
+     *
+     * @param array|bool|float|int|object|string|null $value
+     *
+     * @return void
+     *
+     * @throws Exception
+     */
+    public function __set(string $key, $value = null)
+    {
+        $dbColumn = $this->mapProperty($key);
+
+        // Check if the field should be mutated into a date
+        if (in_array($dbColumn, $this->dates, true)) {
+            $value = $this->mutateDate($value);
+        }
+
+        $value = $this->castAs($value, $dbColumn, 'set');
+
+        // if a setter method exists for this key, use that method to
+        // insert this value. should be outside $isNullable check,
+        // so maybe wants to do sth with null value automatically
+        $method = 'set' . str_replace(' ', '', ucwords(str_replace(['-', '_'], ' ', $dbColumn)));
+
+        // If a "`_set` + $key" method exists, it is a setter.
+        if (method_exists($this, '_' . $method)) {
+            $this->{'_' . $method}($value);
+
+            return;
+        }
+
+        // If a "`set` + $key" method exists, it is also a setter.
+        if (method_exists($this, $method) && $method !== 'setAttributes') {
+            $this->{$method}($value);
+
+            return;
+        }
+
+        // Otherwise, just the value. This allows for creation of new
+        // class properties that are undefined, though they cannot be
+        // saved. Useful for grabbing values through joins, assigning
+        // relationships, etc.
+        $this->attributes[$dbColumn] = $value;
+    }
+
+    /**
+     * Magic method to allow retrieval of protected and private class properties
+     * either by their name, or through a `getCamelCasedProperty()` method.
+     *
+     * Examples:
+     *  $p = $this->my_property
+     *  $p = $this->getMyProperty()
+     *
+     * @return array|bool|float|int|object|string|null
+     *
+     * @throws Exception
+     *
+     * @params string $key class property
+     */
+    public function __get(string $key)
+    {
+        $dbColumn = $this->mapProperty($key);
+
+        $result = null;
+
+        // Convert to CamelCase for the method
+        $method = 'get' . str_replace(' ', '', ucwords(str_replace(['-', '_'], ' ', $dbColumn)));
+
+        // if a getter method exists for this key,
+        // use that method to insert this value.
+        if (method_exists($this, '_' . $method)) {
+            // If a "`_get` + $key" method exists, it is a getter.
+            $result = $this->{'_' . $method}();
+        } elseif (method_exists($this, $method)) {
+            // If a "`get` + $key" method exists, it is also a getter.
+            $result = $this->{$method}();
+        }
+
+        // Otherwise return the protected property
+        // if it exists.
+        elseif (array_key_exists($dbColumn, $this->attributes)) {
+            $result = $this->attributes[$dbColumn];
+        }
+
+        // Do we need to mutate this into a date?
+        if (in_array($dbColumn, $this->dates, true)) {
+            $result = $this->mutateDate($result);
+        }
+        // Or cast it as something?
+        elseif ($this->_cast) {
+            $result = $this->castAs($result, $dbColumn);
+        }
+
+        return $result;
+    }
+
+    /**
+     * Returns true if a property exists names $key, or a getter method
+     * exists named like for __get().
+     */
+    public function __isset(string $key): bool
+    {
+        if ($this->isMappedDbColumn($key)) {
+            return false;
+        }
+
+        $dbColumn = $this->mapProperty($key);
+
+        $method = 'get' . str_replace(' ', '', ucwords(str_replace(['-', '_'], ' ', $dbColumn)));
+
+        if (method_exists($this, $method)) {
+            return true;
+        }
+
+        return isset($this->attributes[$dbColumn]);
+    }
+
+    /**
+     * Unsets an attribute property.
+     */
+    public function __unset(string $key): void
+    {
+        if ($this->isMappedDbColumn($key)) {
+            return;
+        }
+
+        $dbColumn = $this->mapProperty($key);
+
+        unset($this->attributes[$dbColumn]);
+    }
+
+    /**
+     * Whether this key is mapped db column name?
+     */
+    protected function isMappedDbColumn(string $key): bool
+    {
+        $dbColumn = $this->mapProperty($key);
+
+        // The $key is a property name which has mapped db column name
+        if ($key !== $dbColumn) {
+            return false;
+        }
+
+        return $this->hasMappedProperty($key);
+    }
+
+    /**
+     * Whether this key has mapped property?
+     */
+    protected function hasMappedProperty(string $key): bool
+    {
+        $property = array_search($key, $this->datamap, true);
+
+        return $property !== false;
+    }
+}
diff --git a/ci4app/system/Entity/Exceptions/CastException.php b/ci4app/system/Entity/Exceptions/CastException.php
new file mode 100644
index 0000000..90d3885
--- /dev/null
+++ b/ci4app/system/Entity/Exceptions/CastException.php
@@ -0,0 +1,75 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Entity\Exceptions;
+
+use CodeIgniter\Exceptions\FrameworkException;
+use CodeIgniter\Exceptions\HasExitCodeInterface;
+
+/**
+ * CastException is thrown for invalid cast initialization and management.
+ */
+class CastException extends FrameworkException implements HasExitCodeInterface
+{
+    public function getExitCode(): int
+    {
+        return EXIT_CONFIG;
+    }
+
+    /**
+     * Thrown when the cast class does not extends BaseCast.
+     *
+     * @return static
+     */
+    public static function forInvalidInterface(string $class)
+    {
+        return new static(lang('Cast.baseCastMissing', [$class]));
+    }
+
+    /**
+     * Thrown when the Json format is invalid.
+     *
+     * @return static
+     */
+    public static function forInvalidJsonFormat(int $error)
+    {
+        return match ($error) {
+            JSON_ERROR_DEPTH          => new static(lang('Cast.jsonErrorDepth')),
+            JSON_ERROR_STATE_MISMATCH => new static(lang('Cast.jsonErrorStateMismatch')),
+            JSON_ERROR_CTRL_CHAR      => new static(lang('Cast.jsonErrorCtrlChar')),
+            JSON_ERROR_SYNTAX         => new static(lang('Cast.jsonErrorSyntax')),
+            JSON_ERROR_UTF8           => new static(lang('Cast.jsonErrorUtf8')),
+            default                   => new static(lang('Cast.jsonErrorUnknown')),
+        };
+    }
+
+    /**
+     * Thrown when the cast method is not `get` or `set`.
+     *
+     * @return static
+     */
+    public static function forInvalidMethod(string $method)
+    {
+        return new static(lang('Cast.invalidCastMethod', [$method]));
+    }
+
+    /**
+     * Thrown when the casting timestamp is not correct timestamp.
+     *
+     * @return static
+     */
+    public static function forInvalidTimestamp()
+    {
+        return new static(lang('Cast.invalidTimestamp'));
+    }
+}
diff --git a/ci4app/system/Events/Events.php b/ci4app/system/Events/Events.php
new file mode 100644
index 0000000..ae68e20
--- /dev/null
+++ b/ci4app/system/Events/Events.php
@@ -0,0 +1,287 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Events;
+
+use Config\Modules;
+
+/**
+ * Events
+ *
+ * @see \CodeIgniter\Events\EventsTest
+ */
+class Events
+{
+    public const PRIORITY_LOW    = 200;
+    public const PRIORITY_NORMAL = 100;
+    public const PRIORITY_HIGH   = 10;
+
+    /**
+     * The list of listeners.
+     *
+     * @var array<string, array{0: bool, 1: list<int>, 2: list<callable(mixed): mixed>}>
+     */
+    protected static $listeners = [];
+
+    /**
+     * Flag to let us know if we've read from the Config file(s)
+     * and have all of the defined events.
+     *
+     * @var bool
+     */
+    protected static $initialized = false;
+
+    /**
+     * If true, events will not actually be fired.
+     * Useful during testing.
+     *
+     * @var bool
+     */
+    protected static $simulate = false;
+
+    /**
+     * Stores information about the events
+     * for display in the debug toolbar.
+     *
+     * @var list<array{start: float, end: float, event: string}>
+     */
+    protected static $performanceLog = [];
+
+    /**
+     * A list of found files.
+     *
+     * @var list<string>
+     */
+    protected static $files = [];
+
+    /**
+     * Ensures that we have a events file ready.
+     *
+     * @return void
+     */
+    public static function initialize()
+    {
+        // Don't overwrite anything....
+        if (static::$initialized) {
+            return;
+        }
+
+        $config = new Modules();
+        $events = APPPATH . 'Config' . DIRECTORY_SEPARATOR . 'Events.php';
+        $files  = [];
+
+        if ($config->shouldDiscover('events')) {
+            $files = service('locator')->search('Config/Events.php');
+        }
+
+        $files = array_filter(array_map(
+            static fn (string $file): false|string => realpath($file),
+            $files,
+        ));
+
+        static::$files = array_values(array_unique(array_merge($files, [$events])));
+
+        foreach (static::$files as $file) {
+            include $file;
+        }
+
+        static::$initialized = true;
+    }
+
+    /**
+     * Registers an action to happen on an event. The action can be any sort
+     * of callable:
+     *
+     *  Events::on('create', 'myFunction');               // procedural function
+     *  Events::on('create', ['myClass', 'myMethod']);    // Class::method
+     *  Events::on('create', [$myInstance, 'myMethod']);  // Method on an existing instance
+     *  Events::on('create', function() {});              // Closure
+     *
+     * @param string                 $eventName
+     * @param callable(mixed): mixed $callback
+     * @param int                    $priority
+     *
+     * @return void
+     */
+    public static function on($eventName, $callback, $priority = self::PRIORITY_NORMAL)
+    {
+        if (! isset(static::$listeners[$eventName])) {
+            static::$listeners[$eventName] = [
+                true, // If there's only 1 item, it's sorted.
+                [$priority],
+                [$callback],
+            ];
+        } else {
+            static::$listeners[$eventName][0]   = false; // Not sorted
+            static::$listeners[$eventName][1][] = $priority;
+            static::$listeners[$eventName][2][] = $callback;
+        }
+    }
+
+    /**
+     * Runs through all subscribed methods running them one at a time,
+     * until either:
+     *  a) All subscribers have finished or
+     *  b) a method returns false, at which point execution of subscribers stops.
+     *
+     * @param string $eventName
+     * @param mixed  ...$arguments
+     */
+    public static function trigger($eventName, ...$arguments): bool
+    {
+        // Read in our Config/Events file so that we have them all!
+        if (! static::$initialized) {
+            static::initialize();
+        }
+
+        $listeners = static::listeners($eventName);
+
+        foreach ($listeners as $listener) {
+            $start = microtime(true);
+
+            $result = static::$simulate === false ? $listener(...$arguments) : true;
+
+            if (CI_DEBUG) {
+                static::$performanceLog[] = [
+                    'start' => $start,
+                    'end'   => microtime(true),
+                    'event' => $eventName,
+                ];
+            }
+
+            if ($result === false) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * Returns an array of listeners for a single event. They are
+     * sorted by priority.
+     *
+     * @param string $eventName
+     *
+     * @return list<callable(mixed): mixed>
+     */
+    public static function listeners($eventName): array
+    {
+        if (! isset(static::$listeners[$eventName])) {
+            return [];
+        }
+
+        // The list is not sorted
+        if (! static::$listeners[$eventName][0]) {
+            // Sort it!
+            array_multisort(static::$listeners[$eventName][1], SORT_NUMERIC, static::$listeners[$eventName][2]);
+
+            // Mark it as sorted already!
+            static::$listeners[$eventName][0] = true;
+        }
+
+        return static::$listeners[$eventName][2];
+    }
+
+    /**
+     * Removes a single listener from an event.
+     *
+     * If the listener couldn't be found, returns FALSE, else TRUE if
+     * it was removed.
+     *
+     * @param string                 $eventName
+     * @param callable(mixed): mixed $listener
+     */
+    public static function removeListener($eventName, callable $listener): bool
+    {
+        if (! isset(static::$listeners[$eventName])) {
+            return false;
+        }
+
+        foreach (static::$listeners[$eventName][2] as $index => $check) {
+            if ($check === $listener) {
+                unset(
+                    static::$listeners[$eventName][1][$index],
+                    static::$listeners[$eventName][2][$index],
+                );
+
+                return true;
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * Removes all listeners.
+     *
+     * If the event_name is specified, only listeners for that event will be
+     * removed, otherwise all listeners for all events are removed.
+     *
+     * @param string|null $eventName
+     *
+     * @return void
+     */
+    public static function removeAllListeners($eventName = null)
+    {
+        if ($eventName !== null) {
+            unset(static::$listeners[$eventName]);
+        } else {
+            static::$listeners = [];
+        }
+    }
+
+    /**
+     * Sets the path to the file that routes are read from.
+     *
+     * @param list<string> $files
+     *
+     * @return void
+     */
+    public static function setFiles(array $files)
+    {
+        static::$files = $files;
+    }
+
+    /**
+     * Returns the files that were found/loaded during this request.
+     *
+     * @return list<string>
+     */
+    public static function getFiles()
+    {
+        return static::$files;
+    }
+
+    /**
+     * Turns simulation on or off. When on, events will not be triggered,
+     * simply logged. Useful during testing when you don't actually want
+     * the tests to run.
+     *
+     * @return void
+     */
+    public static function simulate(bool $choice = true)
+    {
+        static::$simulate = $choice;
+    }
+
+    /**
+     * Getter for the performance log records.
+     *
+     * @return list<array{start: float, end: float, event: string}>
+     */
+    public static function getPerformanceLogs()
+    {
+        return static::$performanceLog;
+    }
+}
diff --git a/ci4app/system/Exceptions/BadFunctionCallException.php b/ci4app/system/Exceptions/BadFunctionCallException.php
new file mode 100644
index 0000000..84d9798
--- /dev/null
+++ b/ci4app/system/Exceptions/BadFunctionCallException.php
@@ -0,0 +1,22 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Exceptions;
+
+/**
+ * Exception thrown if a function is called in the wrong way, or the function
+ * does not exist.
+ */
+class BadFunctionCallException extends \BadFunctionCallException implements ExceptionInterface
+{
+}
diff --git a/ci4app/system/Exceptions/BadMethodCallException.php b/ci4app/system/Exceptions/BadMethodCallException.php
new file mode 100644
index 0000000..977e8ae
--- /dev/null
+++ b/ci4app/system/Exceptions/BadMethodCallException.php
@@ -0,0 +1,22 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Exceptions;
+
+/**
+ * Exception thrown if a method is called in the wrong way, or the method
+ * does not exist.
+ */
+class BadMethodCallException extends \BadMethodCallException implements ExceptionInterface
+{
+}
diff --git a/ci4app/system/Exceptions/ConfigException.php b/ci4app/system/Exceptions/ConfigException.php
new file mode 100644
index 0000000..b308181
--- /dev/null
+++ b/ci4app/system/Exceptions/ConfigException.php
@@ -0,0 +1,36 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Exceptions;
+
+/**
+ * Exception thrown if the value of the Config class is invalid or the type is
+ * incorrect.
+ */
+class ConfigException extends RuntimeException implements HasExitCodeInterface
+{
+    use DebugTraceableTrait;
+
+    public function getExitCode(): int
+    {
+        return EXIT_CONFIG;
+    }
+
+    /**
+     * @return static
+     */
+    public static function forDisabledMigrations()
+    {
+        return new static(lang('Migrations.disabled'));
+    }
+}
diff --git a/ci4app/system/Exceptions/CriticalError.php b/ci4app/system/Exceptions/CriticalError.php
new file mode 100644
index 0000000..d3f6803
--- /dev/null
+++ b/ci4app/system/Exceptions/CriticalError.php
@@ -0,0 +1,21 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Exceptions;
+
+/**
+ * Error: Critical conditions, like component unavailable, etc.
+ */
+class CriticalError extends RuntimeException
+{
+}
diff --git a/ci4app/system/Exceptions/DebugTraceableTrait.php b/ci4app/system/Exceptions/DebugTraceableTrait.php
new file mode 100644
index 0000000..e8f204a
--- /dev/null
+++ b/ci4app/system/Exceptions/DebugTraceableTrait.php
@@ -0,0 +1,43 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Exceptions;
+
+use Throwable;
+
+/**
+ * This trait provides framework exceptions the ability to pinpoint
+ * accurately where the exception was raised rather than instantiated.
+ *
+ * This is used primarily for factory-instantiated exceptions.
+ */
+trait DebugTraceableTrait
+{
+    /**
+     * Tweaks the exception's constructor to assign the file/line to where
+     * it is actually raised rather than were it is instantiated.
+     */
+    final public function __construct(string $message = '', int $code = 0, ?Throwable $previous = null)
+    {
+        parent::__construct($message, $code, $previous);
+
+        $trace = $this->getTrace()[0];
+
+        if (isset($trace['class']) && $trace['class'] === static::class) {
+            [
+                'line' => $this->line,
+                'file' => $this->file,
+            ] = $trace;
+        }
+    }
+}
diff --git a/ci4app/system/Exceptions/DownloadException.php b/ci4app/system/Exceptions/DownloadException.php
new file mode 100644
index 0000000..c3bde8e
--- /dev/null
+++ b/ci4app/system/Exceptions/DownloadException.php
@@ -0,0 +1,64 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Exceptions;
+
+/**
+ * Class DownloadException
+ */
+class DownloadException extends RuntimeException
+{
+    use DebugTraceableTrait;
+
+    /**
+     * @return static
+     */
+    public static function forCannotSetFilePath(string $path)
+    {
+        return new static(lang('HTTP.cannotSetFilepath', [$path]));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forCannotSetBinary()
+    {
+        return new static(lang('HTTP.cannotSetBinary'));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forNotFoundDownloadSource()
+    {
+        return new static(lang('HTTP.notFoundDownloadSource'));
+    }
+
+    /**
+     * @deprecated Since v4.5.6
+     *
+     * @return static
+     */
+    public static function forCannotSetCache()
+    {
+        return new static(lang('HTTP.cannotSetCache'));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forCannotSetStatusCode(int $code, string $reason)
+    {
+        return new static(lang('HTTP.cannotSetStatusCode', [$code, $reason]));
+    }
+}
diff --git a/ci4app/system/Exceptions/ExceptionInterface.php b/ci4app/system/Exceptions/ExceptionInterface.php
new file mode 100644
index 0000000..27b9c2f
--- /dev/null
+++ b/ci4app/system/Exceptions/ExceptionInterface.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Exceptions;
+
+/**
+ * Provides a domain-level interface for broad capture
+ * of all framework-related exceptions.
+ *
+ * catch (\CodeIgniter\Exceptions\ExceptionInterface) { ... }
+ */
+interface ExceptionInterface
+{
+}
diff --git a/ci4app/system/Exceptions/FrameworkException.php b/ci4app/system/Exceptions/FrameworkException.php
new file mode 100644
index 0000000..4650c6c
--- /dev/null
+++ b/ci4app/system/Exceptions/FrameworkException.php
@@ -0,0 +1,94 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Exceptions;
+
+/**
+ * Class FrameworkException
+ *
+ * A collection of exceptions thrown by the framework
+ * that can only be determined at run time.
+ */
+class FrameworkException extends RuntimeException
+{
+    use DebugTraceableTrait;
+
+    /**
+     * @return static
+     */
+    public static function forEnabledZlibOutputCompression()
+    {
+        return new static(lang('Core.enabledZlibOutputCompression'));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forInvalidFile(string $path)
+    {
+        return new static(lang('Core.invalidFile', [$path]));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forInvalidDirectory(string $path)
+    {
+        return new static(lang('Core.invalidDirectory', [$path]));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forCopyError(string $path)
+    {
+        return new static(lang('Core.copyError', [$path]));
+    }
+
+    /**
+     * @return static
+     *
+     * @deprecated 4.5.0 No longer used.
+     */
+    public static function forMissingExtension(string $extension)
+    {
+        if (str_contains($extension, 'intl')) {
+            // @codeCoverageIgnoreStart
+            $message = sprintf(
+                'The framework needs the following extension(s) installed and loaded: %s.',
+                $extension,
+            );
+            // @codeCoverageIgnoreEnd
+        } else {
+            $message = lang('Core.missingExtension', [$extension]);
+        }
+
+        return new static($message);
+    }
+
+    /**
+     * @return static
+     */
+    public static function forNoHandlers(string $class)
+    {
+        return new static(lang('Core.noHandlers', [$class]));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forFabricatorCreateFailed(string $table, string $reason)
+    {
+        return new static(lang('Fabricator.createFailed', [$table, $reason]));
+    }
+}
diff --git a/ci4app/system/Exceptions/HTTPExceptionInterface.php b/ci4app/system/Exceptions/HTTPExceptionInterface.php
new file mode 100644
index 0000000..b26f121
--- /dev/null
+++ b/ci4app/system/Exceptions/HTTPExceptionInterface.php
@@ -0,0 +1,21 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Exceptions;
+
+/**
+ * Interface for Exceptions that has exception code as HTTP status code.
+ */
+interface HTTPExceptionInterface extends ExceptionInterface
+{
+}
diff --git a/ci4app/system/Exceptions/HasExitCodeInterface.php b/ci4app/system/Exceptions/HasExitCodeInterface.php
new file mode 100644
index 0000000..48d3265
--- /dev/null
+++ b/ci4app/system/Exceptions/HasExitCodeInterface.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Exceptions;
+
+/**
+ * Interface for Exceptions that has exception code as exit code.
+ */
+interface HasExitCodeInterface extends ExceptionInterface
+{
+    /**
+     * Returns exit status code.
+     */
+    public function getExitCode(): int;
+}
diff --git a/ci4app/system/Exceptions/InvalidArgumentException.php b/ci4app/system/Exceptions/InvalidArgumentException.php
new file mode 100644
index 0000000..4790249
--- /dev/null
+++ b/ci4app/system/Exceptions/InvalidArgumentException.php
@@ -0,0 +1,21 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Exceptions;
+
+/**
+ * Exception thrown if an argument is not of the expected type.
+ */
+class InvalidArgumentException extends \InvalidArgumentException implements ExceptionInterface
+{
+}
diff --git a/ci4app/system/Exceptions/LogicException.php b/ci4app/system/Exceptions/LogicException.php
new file mode 100644
index 0000000..2fe4679
--- /dev/null
+++ b/ci4app/system/Exceptions/LogicException.php
@@ -0,0 +1,21 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Exceptions;
+
+/**
+ * Exception that represents error in the program logic.
+ */
+class LogicException extends \LogicException implements ExceptionInterface
+{
+}
diff --git a/ci4app/system/Exceptions/ModelException.php b/ci4app/system/Exceptions/ModelException.php
new file mode 100644
index 0000000..a92e388
--- /dev/null
+++ b/ci4app/system/Exceptions/ModelException.php
@@ -0,0 +1,44 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Exceptions;
+
+/**
+ * Model Exceptions.
+ */
+class ModelException extends FrameworkException
+{
+    /**
+     * @return static
+     */
+    public static function forNoPrimaryKey(string $modelName)
+    {
+        return new static(lang('Database.noPrimaryKey', [$modelName]));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forNoDateFormat(string $modelName)
+    {
+        return new static(lang('Database.noDateFormat', [$modelName]));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forMethodNotAvailable(string $modelName, string $methodName)
+    {
+        return new static(lang('Database.methodNotAvailable', [$modelName, $methodName]));
+    }
+}
diff --git a/ci4app/system/Exceptions/PageNotFoundException.php b/ci4app/system/Exceptions/PageNotFoundException.php
new file mode 100644
index 0000000..f84763e
--- /dev/null
+++ b/ci4app/system/Exceptions/PageNotFoundException.php
@@ -0,0 +1,82 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Exceptions;
+
+class PageNotFoundException extends RuntimeException implements HTTPExceptionInterface
+{
+    use DebugTraceableTrait;
+
+    /**
+     * HTTP status code
+     *
+     * @var int
+     */
+    protected $code = 404;
+
+    /**
+     * @return static
+     */
+    public static function forPageNotFound(?string $message = null)
+    {
+        return new static($message ?? self::lang('HTTP.pageNotFound'));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forEmptyController()
+    {
+        return new static(self::lang('HTTP.emptyController'));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forControllerNotFound(string $controller, string $method)
+    {
+        return new static(self::lang('HTTP.controllerNotFound', [$controller, $method]));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forMethodNotFound(string $method)
+    {
+        return new static(self::lang('HTTP.methodNotFound', [$method]));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forLocaleNotSupported(string $locale)
+    {
+        return new static(self::lang('HTTP.localeNotSupported', [$locale]));
+    }
+
+    /**
+     * Get translated system message
+     *
+     * Use a non-shared Language instance in the Services.
+     * If a shared instance is created, the Language will
+     * have the current locale, so even if users call
+     * `$this->request->setLocale()` in the controller afterwards,
+     * the Language locale will not be changed.
+     */
+    private static function lang(string $line, array $args = []): string
+    {
+        $lang = service('language', null, false);
+
+        return $lang->getLine($line, $args);
+    }
+}
diff --git a/ci4app/system/Exceptions/RuntimeException.php b/ci4app/system/Exceptions/RuntimeException.php
new file mode 100644
index 0000000..c35d55b
--- /dev/null
+++ b/ci4app/system/Exceptions/RuntimeException.php
@@ -0,0 +1,21 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Exceptions;
+
+/**
+ * Exception thrown if an error which can only be found on runtime occurs.
+ */
+class RuntimeException extends \RuntimeException implements ExceptionInterface
+{
+}
diff --git a/ci4app/system/Exceptions/TestException.php b/ci4app/system/Exceptions/TestException.php
new file mode 100644
index 0000000..4487ae1
--- /dev/null
+++ b/ci4app/system/Exceptions/TestException.php
@@ -0,0 +1,30 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Exceptions;
+
+/**
+ * Exception thrown when there is an error with the test code.
+ */
+class TestException extends LogicException
+{
+    use DebugTraceableTrait;
+
+    /**
+     * @return static
+     */
+    public static function forInvalidMockClass(string $name)
+    {
+        return new static(lang('Test.invalidMockClass', [$name]));
+    }
+}
diff --git a/ci4app/system/Files/Exceptions/ExceptionInterface.php b/ci4app/system/Files/Exceptions/ExceptionInterface.php
new file mode 100644
index 0000000..346ff16
--- /dev/null
+++ b/ci4app/system/Files/Exceptions/ExceptionInterface.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Files\Exceptions;
+
+/**
+ * Provides a domain-level interface for broad capture
+ * of all Files-related exceptions.
+ *
+ * catch (\CodeIgniter\Files\Exceptions\ExceptionInterface) { ... }
+ */
+interface ExceptionInterface extends \CodeIgniter\Exceptions\ExceptionInterface
+{
+}
diff --git a/ci4app/system/Files/Exceptions/FileException.php b/ci4app/system/Files/Exceptions/FileException.php
new file mode 100644
index 0000000..3202978
--- /dev/null
+++ b/ci4app/system/Files/Exceptions/FileException.php
@@ -0,0 +1,54 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Files\Exceptions;
+
+use CodeIgniter\Exceptions\DebugTraceableTrait;
+use CodeIgniter\Exceptions\RuntimeException;
+
+class FileException extends RuntimeException implements ExceptionInterface
+{
+    use DebugTraceableTrait;
+
+    /**
+     * @return static
+     */
+    public static function forUnableToMove(?string $from = null, ?string $to = null, ?string $error = null)
+    {
+        return new static(lang('Files.cannotMove', [$from, $to, $error]));
+    }
+
+    /**
+     * Throws when an item is expected to be a directory but is not or is missing.
+     *
+     * @param string $caller The method causing the exception
+     *
+     * @return static
+     */
+    public static function forExpectedDirectory(string $caller)
+    {
+        return new static(lang('Files.expectedDirectory', [$caller]));
+    }
+
+    /**
+     * Throws when an item is expected to be a file but is not or is missing.
+     *
+     * @param string $caller The method causing the exception
+     *
+     * @return static
+     */
+    public static function forExpectedFile(string $caller)
+    {
+        return new static(lang('Files.expectedFile', [$caller]));
+    }
+}
diff --git a/ci4app/system/Files/Exceptions/FileNotFoundException.php b/ci4app/system/Files/Exceptions/FileNotFoundException.php
new file mode 100644
index 0000000..4c043f9
--- /dev/null
+++ b/ci4app/system/Files/Exceptions/FileNotFoundException.php
@@ -0,0 +1,30 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Files\Exceptions;
+
+use CodeIgniter\Exceptions\DebugTraceableTrait;
+use CodeIgniter\Exceptions\RuntimeException;
+
+class FileNotFoundException extends RuntimeException implements ExceptionInterface
+{
+    use DebugTraceableTrait;
+
+    /**
+     * @return static
+     */
+    public static function forFileNotFound(string $path)
+    {
+        return new static(lang('Files.fileNotFound', [$path]));
+    }
+}
diff --git a/ci4app/system/Files/File.php b/ci4app/system/Files/File.php
new file mode 100644
index 0000000..be7f84f
--- /dev/null
+++ b/ci4app/system/Files/File.php
@@ -0,0 +1,227 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Files;
+
+use CodeIgniter\Files\Exceptions\FileException;
+use CodeIgniter\Files\Exceptions\FileNotFoundException;
+use CodeIgniter\I18n\Time;
+use Config\Mimes;
+use ReturnTypeWillChange;
+use SplFileInfo;
+
+/**
+ * Wrapper for PHP's built-in SplFileInfo, with goodies.
+ *
+ * @see \CodeIgniter\Files\FileTest
+ */
+class File extends SplFileInfo
+{
+    /**
+     * The files size in bytes
+     *
+     * @var int
+     */
+    protected $size;
+
+    /**
+     * @var string|null
+     */
+    protected $originalMimeType;
+
+    /**
+     * Run our SplFileInfo constructor with an optional verification
+     * that the path is really a file.
+     *
+     * @throws FileNotFoundException
+     */
+    public function __construct(string $path, bool $checkFile = false)
+    {
+        if ($checkFile && ! is_file($path)) {
+            throw FileNotFoundException::forFileNotFound($path);
+        }
+
+        parent::__construct($path);
+    }
+
+    /**
+     * Retrieve the file size.
+     *
+     * Implementations SHOULD return the value stored in the "size" key of
+     * the file in the $_FILES array if available, as PHP calculates this based
+     * on the actual size transmitted. A RuntimeException will be thrown if the file
+     * does not exist or an error occurs.
+     *
+     * @return false|int The file size in bytes, or false on failure
+     */
+    #[ReturnTypeWillChange]
+    public function getSize()
+    {
+        return $this->size ?? ($this->size = parent::getSize());
+    }
+
+    /**
+     * Retrieve the file size by unit, calculated in IEC standards with 1024 as base value.
+     *
+     * @param positive-int $precision
+     */
+    public function getSizeByBinaryUnit(FileSizeUnit $unit = FileSizeUnit::B, int $precision = 3): int|string
+    {
+        return $this->getSizeByUnitInternal(1024, $unit, $precision);
+    }
+
+    /**
+     * Retrieve the file size by unit, calculated in metric standards with 1000 as base value.
+     *
+     * @param positive-int $precision
+     */
+    public function getSizeByMetricUnit(FileSizeUnit $unit = FileSizeUnit::B, int $precision = 3): int|string
+    {
+        return $this->getSizeByUnitInternal(1000, $unit, $precision);
+    }
+
+    /**
+     * Retrieve the file size by unit.
+     *
+     * @deprecated 4.6.0 Use getSizeByBinaryUnit() or getSizeByMetricUnit() instead
+     *
+     * @return false|int|string
+     */
+    public function getSizeByUnit(string $unit = 'b')
+    {
+        return match (strtolower($unit)) {
+            'kb'    => $this->getSizeByBinaryUnit(FileSizeUnit::KB),
+            'mb'    => $this->getSizeByBinaryUnit(FileSizeUnit::MB),
+            default => $this->getSize(),
+        };
+    }
+
+    /**
+     * Attempts to determine the file extension based on the trusted
+     * getType() method. If the mime type is unknown, will return null.
+     */
+    public function guessExtension(): ?string
+    {
+        // naively get the path extension using pathinfo
+        $pathinfo = pathinfo($this->getRealPath() ?: $this->__toString()) + ['extension' => ''];
+
+        $proposedExtension = $pathinfo['extension'];
+
+        return Mimes::guessExtensionFromType($this->getMimeType(), $proposedExtension);
+    }
+
+    /**
+     * Retrieve the media type of the file. SHOULD not use information from
+     * the $_FILES array, but should use other methods to more accurately
+     * determine the type of file, like finfo, or mime_content_type().
+     *
+     * @return string The media type we determined it to be.
+     */
+    public function getMimeType(): string
+    {
+        if (! function_exists('finfo_open')) {
+            return $this->originalMimeType ?? 'application/octet-stream'; // @codeCoverageIgnore
+        }
+
+        $finfo    = finfo_open(FILEINFO_MIME_TYPE);
+        $mimeType = finfo_file($finfo, $this->getRealPath() ?: $this->__toString());
+        finfo_close($finfo);
+
+        return $mimeType;
+    }
+
+    /**
+     * Generates a random names based on a simple hash and the time, with
+     * the correct file extension attached.
+     */
+    public function getRandomName(): string
+    {
+        $extension = $this->getExtension();
+        $extension = empty($extension) ? '' : '.' . $extension;
+
+        return Time::now()->getTimestamp() . '_' . bin2hex(random_bytes(10)) . $extension;
+    }
+
+    /**
+     * Moves a file to a new location.
+     *
+     * @return File
+     */
+    public function move(string $targetPath, ?string $name = null, bool $overwrite = false)
+    {
+        $targetPath = rtrim($targetPath, '/') . '/';
+        $name ??= $this->getBasename();
+        $destination = $overwrite ? $targetPath . $name : $this->getDestination($targetPath . $name);
+
+        $oldName = $this->getRealPath() ?: $this->__toString();
+
+        if (! @rename($oldName, $destination)) {
+            $error = error_get_last();
+
+            throw FileException::forUnableToMove($this->getBasename(), $targetPath, strip_tags($error['message']));
+        }
+
+        @chmod($destination, 0777 & ~umask());
+
+        return new self($destination);
+    }
+
+    /**
+     * Returns the destination path for the move operation where overwriting is not expected.
+     *
+     * First, it checks whether the delimiter is present in the filename, if it is, then it checks whether the
+     * last element is an integer as there may be cases that the delimiter may be present in the filename.
+     * For the all other cases, it appends an integer starting from zero before the file's extension.
+     */
+    public function getDestination(string $destination, string $delimiter = '_', int $i = 0): string
+    {
+        if ($delimiter === '') {
+            $delimiter = '_';
+        }
+
+        while (is_file($destination)) {
+            $info      = pathinfo($destination);
+            $extension = isset($info['extension']) ? '.' . $info['extension'] : '';
+
+            if (str_contains($info['filename'], $delimiter)) {
+                $parts = explode($delimiter, $info['filename']);
+
+                if (is_numeric(end($parts))) {
+                    $i = end($parts);
+                    array_pop($parts);
+                    $parts[]     = ++$i;
+                    $destination = $info['dirname'] . DIRECTORY_SEPARATOR . implode($delimiter, $parts) . $extension;
+                } else {
+                    $destination = $info['dirname'] . DIRECTORY_SEPARATOR . $info['filename'] . $delimiter . ++$i . $extension;
+                }
+            } else {
+                $destination = $info['dirname'] . DIRECTORY_SEPARATOR . $info['filename'] . $delimiter . ++$i . $extension;
+            }
+        }
+
+        return $destination;
+    }
+
+    private function getSizeByUnitInternal(int $fileSizeBase, FileSizeUnit $unit, int $precision): int|string
+    {
+        $exponent = $unit->value;
+        $divider  = $fileSizeBase ** $exponent;
+        $size     = $this->getSize() / $divider;
+
+        if ($unit !== FileSizeUnit::B) {
+            $size = number_format($size, $precision);
+        }
+
+        return $size;
+    }
+}
diff --git a/ci4app/system/Files/FileCollection.php b/ci4app/system/Files/FileCollection.php
new file mode 100644
index 0000000..b293b4d
--- /dev/null
+++ b/ci4app/system/Files/FileCollection.php
@@ -0,0 +1,408 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Files;
+
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Files\Exceptions\FileException;
+use CodeIgniter\Files\Exceptions\FileNotFoundException;
+use Countable;
+use Generator;
+use IteratorAggregate;
+
+/**
+ * File Collection Class
+ *
+ * Representation for a group of files, with utilities for locating,
+ * filtering, and ordering them.
+ *
+ * @template-implements IteratorAggregate<int, File>
+ * @see \CodeIgniter\Files\FileCollectionTest
+ */
+class FileCollection implements Countable, IteratorAggregate
+{
+    /**
+     * The current list of file paths.
+     *
+     * @var list<string>
+     */
+    protected $files = [];
+
+    // --------------------------------------------------------------------
+    // Support Methods
+    // --------------------------------------------------------------------
+
+    /**
+     * Resolves a full path and verifies it is an actual directory.
+     *
+     * @throws FileException
+     */
+    final protected static function resolveDirectory(string $directory): string
+    {
+        if (! is_dir($directory = set_realpath($directory))) {
+            $caller = debug_backtrace(DEBUG_BACKTRACE_IGNORE_ARGS, 2)[1];
+
+            throw FileException::forExpectedDirectory($caller['function']);
+        }
+
+        return $directory;
+    }
+
+    /**
+     * Resolves a full path and verifies it is an actual file.
+     *
+     * @throws FileException
+     */
+    final protected static function resolveFile(string $file): string
+    {
+        if (! is_file($file = set_realpath($file))) {
+            $caller = debug_backtrace(DEBUG_BACKTRACE_IGNORE_ARGS, 2)[1];
+
+            throw FileException::forExpectedFile($caller['function']);
+        }
+
+        return $file;
+    }
+
+    /**
+     * Removes files that are not part of the given directory (recursive).
+     *
+     * @param list<string> $files
+     *
+     * @return list<string>
+     */
+    final protected static function filterFiles(array $files, string $directory): array
+    {
+        $directory = self::resolveDirectory($directory);
+
+        return array_filter($files, static fn (string $value): bool => str_starts_with($value, $directory));
+    }
+
+    /**
+     * Returns any files whose `basename` matches the given pattern.
+     *
+     * @param list<string> $files
+     * @param string       $pattern Regex or pseudo-regex string
+     *
+     * @return list<string>
+     */
+    final protected static function matchFiles(array $files, string $pattern): array
+    {
+        // Convert pseudo-regex into their true form
+        if (@preg_match($pattern, '') === false) {
+            $pattern = str_replace(
+                ['#', '.', '*', '?'],
+                ['\#', '\.', '.*', '.'],
+                $pattern,
+            );
+            $pattern = "#\\A{$pattern}\\z#";
+        }
+
+        return array_filter($files, static fn ($value): bool => (bool) preg_match($pattern, basename($value)));
+    }
+
+    // --------------------------------------------------------------------
+    // Class Core
+    // --------------------------------------------------------------------
+
+    /**
+     * Loads the Filesystem helper and adds any initial files.
+     *
+     * @param list<string> $files
+     */
+    public function __construct(array $files = [])
+    {
+        helper(['filesystem']);
+
+        $this->add($files)->define();
+    }
+
+    /**
+     * Applies any initial inputs after the constructor.
+     * This method is a stub to be implemented by child classes.
+     */
+    protected function define(): void
+    {
+    }
+
+    /**
+     * Optimizes and returns the current file list.
+     *
+     * @return list<string>
+     */
+    public function get(): array
+    {
+        $this->files = array_unique($this->files);
+        sort($this->files, SORT_STRING);
+
+        return $this->files;
+    }
+
+    /**
+     * Sets the file list directly, files are still subject to verification.
+     * This works as a "reset" method with [].
+     *
+     * @param list<string> $files The new file list to use
+     *
+     * @return $this
+     */
+    public function set(array $files)
+    {
+        $this->files = [];
+
+        return $this->addFiles($files);
+    }
+
+    /**
+     * Adds an array/single file or directory to the list.
+     *
+     * @param list<string>|string $paths
+     *
+     * @return $this
+     */
+    public function add($paths, bool $recursive = true)
+    {
+        $paths = (array) $paths;
+
+        foreach ($paths as $path) {
+            if (! is_string($path)) {
+                throw new InvalidArgumentException('FileCollection paths must be strings.');
+            }
+
+            try {
+                // Test for a directory
+                self::resolveDirectory($path);
+            } catch (FileException) {
+                $this->addFile($path);
+
+                continue;
+            }
+
+            $this->addDirectory($path, $recursive);
+        }
+
+        return $this;
+    }
+
+    // --------------------------------------------------------------------
+    // File Handling
+    // --------------------------------------------------------------------
+
+    /**
+     * Verifies and adds files to the list.
+     *
+     * @param list<string> $files
+     *
+     * @return $this
+     */
+    public function addFiles(array $files)
+    {
+        foreach ($files as $file) {
+            $this->addFile($file);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Verifies and adds a single file to the file list.
+     *
+     * @return $this
+     */
+    public function addFile(string $file)
+    {
+        $this->files[] = self::resolveFile($file);
+
+        return $this;
+    }
+
+    /**
+     * Removes files from the list.
+     *
+     * @param list<string> $files
+     *
+     * @return $this
+     */
+    public function removeFiles(array $files)
+    {
+        $this->files = array_diff($this->files, $files);
+
+        return $this;
+    }
+
+    /**
+     * Removes a single file from the list.
+     *
+     * @return $this
+     */
+    public function removeFile(string $file)
+    {
+        return $this->removeFiles([$file]);
+    }
+
+    // --------------------------------------------------------------------
+    // Directory Handling
+    // --------------------------------------------------------------------
+
+    /**
+     * Verifies and adds files from each
+     * directory to the list.
+     *
+     * @param list<string> $directories
+     *
+     * @return $this
+     */
+    public function addDirectories(array $directories, bool $recursive = false)
+    {
+        foreach ($directories as $directory) {
+            $this->addDirectory($directory, $recursive);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Verifies and adds all files from a directory.
+     *
+     * @return $this
+     */
+    public function addDirectory(string $directory, bool $recursive = false)
+    {
+        $directory = self::resolveDirectory($directory);
+
+        // Map the directory to depth 2 to so directories become arrays
+        foreach (directory_map($directory, 2, true) as $key => $path) {
+            if (is_string($path)) {
+                $this->addFile($directory . $path);
+            } elseif ($recursive && is_array($path)) {
+                $this->addDirectory($directory . $key, true);
+            }
+        }
+
+        return $this;
+    }
+
+    // --------------------------------------------------------------------
+    // Filtering
+    // --------------------------------------------------------------------
+
+    /**
+     * Removes any files from the list that match the supplied pattern
+     * (within the optional scope).
+     *
+     * @param string      $pattern Regex or pseudo-regex string
+     * @param string|null $scope   The directory to limit the scope
+     *
+     * @return $this
+     */
+    public function removePattern(string $pattern, ?string $scope = null)
+    {
+        if ($pattern === '') {
+            return $this;
+        }
+
+        // Start with all files or those in scope
+        $files = $scope === null ? $this->files : self::filterFiles($this->files, $scope);
+
+        // Remove any files that match the pattern
+        return $this->removeFiles(self::matchFiles($files, $pattern));
+    }
+
+    /**
+     * Keeps only the files from the list that match
+     * (within the optional scope).
+     *
+     * @param string      $pattern Regex or pseudo-regex string
+     * @param string|null $scope   A directory to limit the scope
+     *
+     * @return $this
+     */
+    public function retainPattern(string $pattern, ?string $scope = null)
+    {
+        if ($pattern === '') {
+            return $this;
+        }
+
+        // Start with all files or those in scope
+        $files = $scope === null ? $this->files : self::filterFiles($this->files, $scope);
+
+        // Matches the pattern within the scoped files and remove their inverse.
+        return $this->removeFiles(array_diff($files, self::matchFiles($files, $pattern)));
+    }
+
+    /**
+     * Keeps only the files from the list that match multiple patterns
+     * (within the optional scope).
+     *
+     * @param list<string> $patterns Array of regex or pseudo-regex strings
+     * @param string|null  $scope    A directory to limit the scope
+     *
+     * @return $this
+     */
+    public function retainMultiplePatterns(array $patterns, ?string $scope = null)
+    {
+        if ($patterns === []) {
+            return $this;
+        }
+
+        if (count($patterns) === 1 && $patterns[0] === '') {
+            return $this;
+        }
+
+        // Start with all files or those in scope
+        $files = $scope === null ? $this->files : self::filterFiles($this->files, $scope);
+
+        // Add files to retain to array
+        $filesToRetain = [];
+
+        foreach ($patterns as $pattern) {
+            if ($pattern === '') {
+                continue;
+            }
+
+            // Matches the pattern within the scoped files
+            $filesToRetain = array_merge($filesToRetain, self::matchFiles($files, $pattern));
+        }
+
+        // Remove the inverse of files to retain
+        return $this->removeFiles(array_diff($files, $filesToRetain));
+    }
+
+    // --------------------------------------------------------------------
+    // Interface Methods
+    // --------------------------------------------------------------------
+
+    /**
+     * Returns the current number of files in the collection.
+     * Fulfills Countable.
+     */
+    public function count(): int
+    {
+        return count($this->files);
+    }
+
+    /**
+     * Yields as an Iterator for the current files.
+     * Fulfills IteratorAggregate.
+     *
+     * @return Generator<File>
+     *
+     * @throws FileNotFoundException
+     */
+    public function getIterator(): Generator
+    {
+        foreach ($this->get() as $file) {
+            yield new File($file, true);
+        }
+    }
+}
diff --git a/ci4app/system/Files/FileSizeUnit.php b/ci4app/system/Files/FileSizeUnit.php
new file mode 100644
index 0000000..84c2ba4
--- /dev/null
+++ b/ci4app/system/Files/FileSizeUnit.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Files;
+
+use CodeIgniter\Exceptions\InvalidArgumentException;
+
+enum FileSizeUnit: int
+{
+    case B  = 0;
+    case KB = 1;
+    case MB = 2;
+    case GB = 3;
+    case TB = 4;
+
+    /**
+     * Allows the creation of a FileSizeUnit from Strings like "kb" or "mb"
+     *
+     * @throws InvalidArgumentException
+     */
+    public static function fromString(string $unit): self
+    {
+        return match (strtolower($unit)) {
+            'b'     => self::B,
+            'kb'    => self::KB,
+            'mb'    => self::MB,
+            'gb'    => self::GB,
+            'tb'    => self::TB,
+            default => throw new InvalidArgumentException("Invalid unit: {$unit}"),
+        };
+    }
+}
diff --git a/ci4app/system/Filters/CSRF.php b/ci4app/system/Filters/CSRF.php
new file mode 100644
index 0000000..ea9a993
--- /dev/null
+++ b/ci4app/system/Filters/CSRF.php
@@ -0,0 +1,73 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Filters;
+
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\RedirectResponse;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use CodeIgniter\Security\Exceptions\SecurityException;
+use CodeIgniter\Security\Security;
+
+/**
+ * CSRF filter.
+ *
+ * This filter is not intended to be used from the command line.
+ *
+ * @codeCoverageIgnore
+ * @see \CodeIgniter\Filters\CSRFTest
+ */
+class CSRF implements FilterInterface
+{
+    /**
+     * CSRF verification.
+     *
+     * @param list<string>|null $arguments
+     *
+     * @return RedirectResponse|null
+     *
+     * @throws SecurityException
+     */
+    public function before(RequestInterface $request, $arguments = null)
+    {
+        if (! $request instanceof IncomingRequest) {
+            return null;
+        }
+
+        /** @var Security $security */
+        $security = service('security');
+
+        try {
+            $security->verify($request);
+        } catch (SecurityException $e) {
+            if ($security->shouldRedirect() && ! $request->isAJAX()) {
+                return redirect()->back()->with('error', $e->getMessage());
+            }
+
+            throw $e;
+        }
+
+        return null;
+    }
+
+    /**
+     * We don't have anything to do here.
+     *
+     * @param list<string>|null $arguments
+     */
+    public function after(RequestInterface $request, ResponseInterface $response, $arguments = null)
+    {
+        return null;
+    }
+}
diff --git a/ci4app/system/Filters/Cors.php b/ci4app/system/Filters/Cors.php
new file mode 100644
index 0000000..c070d72
--- /dev/null
+++ b/ci4app/system/Filters/Cors.php
@@ -0,0 +1,123 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Filters;
+
+use CodeIgniter\HTTP\Cors as CorsService;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+
+/**
+ * @see \CodeIgniter\Filters\CorsTest
+ */
+class Cors implements FilterInterface
+{
+    private ?CorsService $cors = null;
+
+    /**
+     * @testTag $config is used for testing purposes only.
+     *
+     * @param array{
+     *      allowedOrigins?: list<string>,
+     *      allowedOriginsPatterns?: list<string>,
+     *      supportsCredentials?: bool,
+     *      allowedHeaders?: list<string>,
+     *      exposedHeaders?: list<string>,
+     *      allowedMethods?: list<string>,
+     *      maxAge?: int,
+     *  } $config
+     */
+    public function __construct(array $config = [])
+    {
+        if ($config !== []) {
+            $this->cors = new CorsService($config);
+        }
+    }
+
+    /**
+     * @param list<string>|null $arguments
+     *
+     * @return ResponseInterface|null
+     */
+    public function before(RequestInterface $request, $arguments = null)
+    {
+        if (! $request instanceof IncomingRequest) {
+            return null;
+        }
+
+        $this->createCorsService($arguments);
+
+        /** @var ResponseInterface $response */
+        $response = service('response');
+
+        if ($this->cors->isPreflightRequest($request)) {
+            $response = $this->cors->handlePreflightRequest($request, $response);
+
+            // Always adds `Vary: Access-Control-Request-Method` header for cacheability.
+            // If there is an intermediate cache server such as a CDN, if a plain
+            // OPTIONS request is sent, it may be cached. But valid preflight requests
+            // have this header, so it will be cached separately.
+            $response->appendHeader('Vary', 'Access-Control-Request-Method');
+
+            return $response;
+        }
+
+        if ($request->is('OPTIONS')) {
+            // Always adds `Vary: Access-Control-Request-Method` header for cacheability.
+            // If there is an intermediate cache server such as a CDN, if a plain
+            // OPTIONS request is sent, it may be cached. But valid preflight requests
+            // have this header, so it will be cached separately.
+            $response->appendHeader('Vary', 'Access-Control-Request-Method');
+        }
+
+        $this->cors->addResponseHeaders($request, $response);
+
+        return null;
+    }
+
+    /**
+     * @param list<string>|null $arguments
+     */
+    private function createCorsService(?array $arguments): void
+    {
+        $this->cors ??= ($arguments === null) ? CorsService::factory()
+            : CorsService::factory($arguments[0]);
+    }
+
+    /**
+     * @param list<string>|null $arguments
+     */
+    public function after(RequestInterface $request, ResponseInterface $response, $arguments = null)
+    {
+        if (! $request instanceof IncomingRequest) {
+            return null;
+        }
+
+        $this->createCorsService($arguments);
+
+        if ($this->cors->hasResponseHeaders($request, $response)) {
+            return null;
+        }
+
+        // Always adds `Vary: Access-Control-Request-Method` header for cacheability.
+        // If there is an intermediate cache server such as a CDN, if a plain
+        // OPTIONS request is sent, it may be cached. But valid preflight requests
+        // have this header, so it will be cached separately.
+        if ($request->is('OPTIONS')) {
+            $response->appendHeader('Vary', 'Access-Control-Request-Method');
+        }
+
+        return $this->cors->addResponseHeaders($request, $response);
+    }
+}
diff --git a/ci4app/system/Filters/DebugToolbar.php b/ci4app/system/Filters/DebugToolbar.php
new file mode 100644
index 0000000..7199b85
--- /dev/null
+++ b/ci4app/system/Filters/DebugToolbar.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Filters;
+
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+
+/**
+ * Debug toolbar filter
+ *
+ * @see \CodeIgniter\Filters\DebugToolbarTest
+ */
+class DebugToolbar implements FilterInterface
+{
+    /**
+     * We don't need to do anything here.
+     *
+     * @param list<string>|null $arguments
+     */
+    public function before(RequestInterface $request, $arguments = null)
+    {
+        return null;
+    }
+
+    /**
+     * If the debug flag is set (CI_DEBUG) then collect performance
+     * and debug information and display it in a toolbar.
+     *
+     * @param list<string>|null $arguments
+     */
+    public function after(RequestInterface $request, ResponseInterface $response, $arguments = null)
+    {
+        service('toolbar')->prepare($request, $response);
+
+        return null;
+    }
+}
diff --git a/ci4app/system/Filters/Exceptions/FilterException.php b/ci4app/system/Filters/Exceptions/FilterException.php
new file mode 100644
index 0000000..3a4d914
--- /dev/null
+++ b/ci4app/system/Filters/Exceptions/FilterException.php
@@ -0,0 +1,43 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Filters\Exceptions;
+
+use CodeIgniter\Exceptions\ConfigException;
+
+/**
+ * FilterException
+ */
+class FilterException extends ConfigException
+{
+    /**
+     * Thrown when the provided alias is not within
+     * the list of configured filter aliases.
+     *
+     * @return static
+     */
+    public static function forNoAlias(string $alias)
+    {
+        return new static(lang('Filters.noFilter', [$alias]));
+    }
+
+    /**
+     * Thrown when the filter class does not implement FilterInterface.
+     *
+     * @return static
+     */
+    public static function forIncorrectInterface(string $class)
+    {
+        return new static(lang('Filters.incorrectInterface', [$class]));
+    }
+}
diff --git a/ci4app/system/Filters/FilterInterface.php b/ci4app/system/Filters/FilterInterface.php
new file mode 100644
index 0000000..6df33e9
--- /dev/null
+++ b/ci4app/system/Filters/FilterInterface.php
@@ -0,0 +1,51 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Filters;
+
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+
+/**
+ * Filter interface
+ */
+interface FilterInterface
+{
+    /**
+     * Do whatever processing this filter needs to do.
+     * By default it should not return anything during
+     * normal execution. However, when an abnormal state
+     * is found, it should return an instance of
+     * CodeIgniter\HTTP\Response. If it does, script
+     * execution will end and that Response will be
+     * sent back to the client, allowing for error pages,
+     * redirects, etc.
+     *
+     * @param list<string>|null $arguments
+     *
+     * @return RequestInterface|ResponseInterface|string|null
+     */
+    public function before(RequestInterface $request, $arguments = null);
+
+    /**
+     * Allows After filters to inspect and modify the response
+     * object as needed. This method does not allow any way
+     * to stop execution of other after filters, short of
+     * throwing an Exception or Error.
+     *
+     * @param list<string>|null $arguments
+     *
+     * @return ResponseInterface|null
+     */
+    public function after(RequestInterface $request, ResponseInterface $response, $arguments = null);
+}
diff --git a/ci4app/system/Filters/Filters.php b/ci4app/system/Filters/Filters.php
new file mode 100644
index 0000000..9a253a4
--- /dev/null
+++ b/ci4app/system/Filters/Filters.php
@@ -0,0 +1,930 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Filters;
+
+use CodeIgniter\Config\Filters as BaseFiltersConfig;
+use CodeIgniter\Filters\Exceptions\FilterException;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use Config\Feature;
+use Config\Filters as FiltersConfig;
+use Config\Modules;
+
+/**
+ * Filters
+ *
+ * @see \CodeIgniter\Filters\FiltersTest
+ */
+class Filters
+{
+    /**
+     * The Config\Filters instance
+     *
+     * @var FiltersConfig
+     */
+    protected $config;
+
+    /**
+     * The active IncomingRequest or CLIRequest
+     *
+     * @var RequestInterface
+     */
+    protected $request;
+
+    /**
+     * The active Response instance
+     *
+     * @var ResponseInterface
+     */
+    protected $response;
+
+    /**
+     * The Config\Modules instance
+     *
+     * @var Modules
+     */
+    protected $modules;
+
+    /**
+     * Whether we've done initial processing on the filter lists.
+     *
+     * @var bool
+     */
+    protected $initialized = false;
+
+    /**
+     * The filter list to execute for the current request (URI path).
+     *
+     * This property is for display. Use $filtersClass to execute filters.
+     * This does not include "Required Filters".
+     *
+     * [
+     *     'before' => [
+     *         'alias',
+     *         'alias:arg1',
+     *         'alias:arg1,arg2',
+     *     ],
+     *     'after'  => [
+     *         'alias',
+     *         'alias:arg1',
+     *         'alias:arg1,arg2',
+     *     ],
+     * ]
+     *
+     * @var array{
+     *     before: list<string>,
+     *     after: list<string>
+     * }
+     */
+    protected $filters = [
+        'before' => [],
+        'after'  => [],
+    ];
+
+    /**
+     * The collection of filter classnames and their arguments to execute for
+     * the current request (URI path).
+     *
+     * This does not include "Required Filters".
+     *
+     * [
+     *     'before' => [
+     *         [classname, arguments],
+     *     ],
+     *     'after'  => [
+     *         [classname, arguments],
+     *     ],
+     * ]
+     *
+     * @var array{
+     *     before: list<array{0: class-string, 1: list<string>}>,
+     *     after: list<array{0: class-string, 1: list<string>}>
+     * }
+     */
+    protected $filtersClass = [
+        'before' => [],
+        'after'  => [],
+    ];
+
+    /**
+     * List of filter class instances.
+     *
+     * @var array<class-string, FilterInterface> [classname => instance]
+     */
+    protected array $filterClassInstances = [];
+
+    /**
+     * Any arguments to be passed to filters.
+     *
+     * @var array<string, list<string>|null> [name => params]
+     *
+     * @deprecated 4.6.0 No longer used.
+     */
+    protected $arguments = [];
+
+    /**
+     * Any arguments to be passed to filtersClass.
+     *
+     * @var array<class-string, list<string>|null> [classname => arguments]
+     *
+     * @deprecated 4.6.0 No longer used.
+     */
+    protected $argumentsClass = [];
+
+    /**
+     * Constructor.
+     *
+     * @param FiltersConfig $config
+     */
+    public function __construct($config, RequestInterface $request, ResponseInterface $response, ?Modules $modules = null)
+    {
+        $this->config  = $config;
+        $this->request = &$request;
+        $this->setResponse($response);
+
+        $this->modules = $modules instanceof Modules ? $modules : new Modules();
+
+        if ($this->modules->shouldDiscover('filters')) {
+            $this->discoverFilters();
+        }
+    }
+
+    /**
+     * If discoverFilters is enabled in Config then system will try to
+     * auto-discover custom filters files in namespaces and allow access to
+     * the config object via the variable $filters as with the routes file.
+     *
+     * Sample:
+     * $filters->aliases['custom-auth'] = \Acme\Blob\Filters\BlobAuth::class;
+     *
+     * @deprecated 4.4.2 Use Registrar instead.
+     */
+    private function discoverFilters(): void
+    {
+        $locator = service('locator');
+
+        // for access by custom filters
+        $filters = $this->config;
+
+        $files = $locator->search('Config/Filters.php');
+
+        foreach ($files as $file) {
+            // The $file may not be a class file.
+            $className = $locator->getClassname($file);
+
+            // Don't include our main Filter config again...
+            if ($className === FiltersConfig::class || $className === BaseFiltersConfig::class) {
+                continue;
+            }
+
+            include $file;
+        }
+    }
+
+    /**
+     * Set the response explicitly.
+     *
+     * @return void
+     */
+    public function setResponse(ResponseInterface $response)
+    {
+        $this->response = $response;
+    }
+
+    /**
+     * Runs through all the filters (except "Required Filters") for the specified
+     * URI and position.
+     *
+     * @param string           $uri      URI path relative to baseURL
+     * @param 'after'|'before' $position
+     *
+     * @return RequestInterface|ResponseInterface|string|null
+     *
+     * @throws FilterException
+     */
+    public function run(string $uri, string $position = 'before')
+    {
+        $this->initialize(strtolower($uri));
+
+        if ($position === 'before') {
+            return $this->runBefore($this->filtersClass[$position]);
+        }
+
+        // After
+        return $this->runAfter($this->filtersClass[$position]);
+    }
+
+    /**
+     * @param list<array{0: class-string, 1: list<string>}> $filterClassList [[classname, arguments], ...]
+     *
+     * @return RequestInterface|ResponseInterface|string
+     */
+    private function runBefore(array $filterClassList)
+    {
+        foreach ($filterClassList as $filterClassInfo) {
+            $className = $filterClassInfo[0];
+            $arguments = ($filterClassInfo[1] === []) ? null : $filterClassInfo[1];
+
+            $instance = $this->createFilter($className);
+
+            $result = $instance->before($this->request, $arguments);
+
+            if ($result instanceof RequestInterface) {
+                $this->request = $result;
+
+                continue;
+            }
+
+            // If the response object was sent back,
+            // then send it and quit.
+            if ($result instanceof ResponseInterface) {
+                // short circuit - bypass any other filters
+                return $result;
+            }
+
+            // Ignore an empty result
+            if (empty($result)) {
+                continue;
+            }
+
+            return $result;
+        }
+
+        return $this->request;
+    }
+
+    /**
+     * @param list<array{0: class-string, 1: list<string>}> $filterClassList [[classname, arguments], ...]
+     */
+    private function runAfter(array $filterClassList): ResponseInterface
+    {
+        foreach ($filterClassList as $filterClassInfo) {
+            $className = $filterClassInfo[0];
+            $arguments = ($filterClassInfo[1] === []) ? null : $filterClassInfo[1];
+
+            $instance = $this->createFilter($className);
+
+            $result = $instance->after($this->request, $this->response, $arguments);
+
+            if ($result instanceof ResponseInterface) {
+                $this->response = $result;
+
+                continue;
+            }
+        }
+
+        return $this->response;
+    }
+
+    /**
+     * @param class-string $className
+     */
+    private function createFilter(string $className): FilterInterface
+    {
+        if (isset($this->filterClassInstances[$className])) {
+            return $this->filterClassInstances[$className];
+        }
+
+        $instance = new $className();
+
+        if (! $instance instanceof FilterInterface) {
+            throw FilterException::forIncorrectInterface($instance::class);
+        }
+
+        $this->filterClassInstances[$className] = $instance;
+
+        return $instance;
+    }
+
+    /**
+     * Returns the "Required Filters" class list.
+     *
+     * @param 'after'|'before' $position
+     *
+     * @return list<array{0: class-string, 1: list<string>}> [[classname, arguments], ...]
+     */
+    public function getRequiredClasses(string $position): array
+    {
+        [$filters, $aliases] = $this->getRequiredFilters($position);
+
+        if ($filters === []) {
+            return [];
+        }
+
+        $filterClassList = [];
+
+        foreach ($filters as $alias) {
+            if (is_array($aliases[$alias])) {
+                foreach ($this->config->aliases[$alias] as $class) {
+                    $filterClassList[] = [$class, []];
+                }
+            } else {
+                $filterClassList[] = [$aliases[$alias], []];
+            }
+        }
+
+        return $filterClassList;
+    }
+
+    /**
+     * Runs "Required Filters" for the specified position.
+     *
+     * @param 'after'|'before' $position
+     *
+     * @return RequestInterface|ResponseInterface|string|null
+     *
+     * @throws FilterException
+     *
+     * @internal
+     */
+    public function runRequired(string $position = 'before')
+    {
+        $filterClassList = $this->getRequiredClasses($position);
+
+        if ($filterClassList === []) {
+            return $position === 'before' ? $this->request : $this->response;
+        }
+
+        if ($position === 'before') {
+            return $this->runBefore($filterClassList);
+        }
+
+        // After
+        return $this->runAfter($filterClassList);
+    }
+
+    /**
+     * Returns "Required Filters" for the specified position.
+     *
+     * @param 'after'|'before' $position
+     *
+     * @internal
+     */
+    public function getRequiredFilters(string $position = 'before'): array
+    {
+        // For backward compatibility. For users who do not update Config\Filters.
+        if (! isset($this->config->required[$position])) {
+            $baseConfig = config(BaseFiltersConfig::class); // @phpstan-ignore-line
+            $filters    = $baseConfig->required[$position];
+            $aliases    = $baseConfig->aliases;
+        } else {
+            $filters = $this->config->required[$position];
+            $aliases = $this->config->aliases;
+        }
+
+        if ($filters === []) {
+            return [[], $aliases];
+        }
+
+        if ($position === 'after') {
+            if (in_array('toolbar', $this->filters['after'], true)) {
+                // It was already run in globals filters. So remove it.
+                $filters = $this->setToolbarToLast($filters, true);
+            } else {
+                // Set the toolbar filter to the last position to be executed
+                $filters = $this->setToolbarToLast($filters);
+            }
+        }
+
+        foreach ($filters as $alias) {
+            if (! array_key_exists($alias, $aliases)) {
+                throw FilterException::forNoAlias($alias);
+            }
+        }
+
+        return [$filters, $aliases];
+    }
+
+    /**
+     * Set the toolbar filter to the last position to be executed.
+     *
+     * @param list<string> $filters `after` filter array
+     * @param bool         $remove  if true, remove `toolbar` filter
+     */
+    private function setToolbarToLast(array $filters, bool $remove = false): array
+    {
+        $afters = [];
+        $found  = false;
+
+        foreach ($filters as $alias) {
+            if ($alias === 'toolbar') {
+                $found = true;
+
+                continue;
+            }
+
+            $afters[] = $alias;
+        }
+
+        if ($found && ! $remove) {
+            $afters[] = 'toolbar';
+        }
+
+        return $afters;
+    }
+
+    /**
+     * Runs through our list of filters provided by the configuration
+     * object to get them ready for use, including getting uri masks
+     * to proper regex, removing those we can from the possibilities
+     * based on HTTP method, etc.
+     *
+     * The resulting $this->filters is an array of only filters
+     * that should be applied to this request.
+     *
+     * We go ahead and process the entire tree because we'll need to
+     * run through both a before and after and don't want to double
+     * process the rows.
+     *
+     * @param string|null $uri URI path relative to baseURL (all lowercase)
+     *
+     * @TODO We don't need to accept null as $uri.
+     *
+     * @return Filters
+     *
+     * @testTag Only for test code. The run() calls this, so you don't need to
+     *          call this in your app.
+     */
+    public function initialize(?string $uri = null)
+    {
+        if ($this->initialized === true) {
+            return $this;
+        }
+
+        // Decode URL-encoded string
+        $uri = urldecode($uri ?? '');
+
+        $oldFilterOrder = config(Feature::class)->oldFilterOrder ?? false;
+        if ($oldFilterOrder) {
+            $this->processGlobals($uri);
+            $this->processMethods();
+            $this->processFilters($uri);
+        } else {
+            $this->processFilters($uri);
+            $this->processMethods();
+            $this->processGlobals($uri);
+        }
+
+        // Set the toolbar filter to the last position to be executed
+        $this->filters['after'] = $this->setToolbarToLast($this->filters['after']);
+
+        // Since some filters like rate limiters rely on being executed once a request,
+        // we filter em here.
+        $this->filters['before'] = array_unique($this->filters['before']);
+        $this->filters['after']  = array_unique($this->filters['after']);
+
+        $this->processAliasesToClass('before');
+        $this->processAliasesToClass('after');
+
+        $this->initialized = true;
+
+        return $this;
+    }
+
+    /**
+     * Restores instance to its pre-initialized state.
+     * Most useful for testing so the service can be
+     * re-initialized to a different path.
+     */
+    public function reset(): self
+    {
+        $this->initialized = false;
+
+        $this->arguments = $this->argumentsClass = [];
+
+        $this->filters = $this->filtersClass = [
+            'before' => [],
+            'after'  => [],
+        ];
+
+        return $this;
+    }
+
+    /**
+     * Returns the processed filters array.
+     * This does not include "Required Filters".
+     *
+     * @return array{
+     *      before: list<string>,
+     *      after: list<string>
+     *  }
+     */
+    public function getFilters(): array
+    {
+        return $this->filters;
+    }
+
+    /**
+     * Returns the filtersClass array.
+     * This does not include "Required Filters".
+     *
+     * @return array{
+     *      before: list<array{0: class-string, 1: list<string>}>,
+     *      after: list<array{0: class-string, 1: list<string>}>
+     *  }
+     */
+    public function getFiltersClass(): array
+    {
+        return $this->filtersClass;
+    }
+
+    /**
+     * Adds a new alias to the config file.
+     * MUST be called prior to initialize();
+     * Intended for use within routes files.
+     *
+     * @param 'after'|'before' $position
+     *
+     * @return $this
+     */
+    public function addFilter(string $class, ?string $alias = null, string $position = 'before', string $section = 'globals')
+    {
+        $alias ??= md5($class);
+
+        if (! isset($this->config->{$section})) {
+            $this->config->{$section} = [];
+        }
+
+        if (! isset($this->config->{$section}[$position])) {
+            $this->config->{$section}[$position] = [];
+        }
+
+        $this->config->aliases[$alias] = $class;
+
+        $this->config->{$section}[$position][] = $alias;
+
+        return $this;
+    }
+
+    /**
+     * Ensures that a specific filter is on and enabled for the current request.
+     *
+     * Filters can have "arguments". This is done by placing a colon immediately
+     * after the filter name, followed by a comma-separated list of arguments that
+     * are passed to the filter when executed.
+     *
+     * @param string           $filter   filter_name or filter_name:arguments like 'role:admin,manager'
+     *                                   or filter classname.
+     * @param 'after'|'before' $position
+     */
+    private function enableFilter(string $filter, string $position = 'before'): void
+    {
+        // Normalize the arguments.
+        [$alias, $arguments] = $this->getCleanName($filter);
+        $filter              = ($arguments === []) ? $alias : $alias . ':' . implode(',', $arguments);
+
+        if (class_exists($alias)) {
+            $this->config->aliases[$alias] = $alias;
+        } elseif (! array_key_exists($alias, $this->config->aliases)) {
+            throw FilterException::forNoAlias($alias);
+        }
+
+        if (! isset($this->filters[$position][$filter])) {
+            $this->filters[$position][] = $filter;
+        }
+
+        // Since some filters like rate limiters rely on being executed once a request,
+        // we filter em here.
+        $this->filters[$position] = array_unique($this->filters[$position]);
+    }
+
+    /**
+     * Get clean name and arguments
+     *
+     * @param string $filter filter_name or filter_name:arguments like 'role:admin,manager'
+     *
+     * @return array{0: string, 1: list<string>} [name, arguments]
+     */
+    private function getCleanName(string $filter): array
+    {
+        $arguments = [];
+
+        if (! str_contains($filter, ':')) {
+            return [$filter, $arguments];
+        }
+
+        [$alias, $arguments] = explode(':', $filter);
+
+        $arguments = explode(',', $arguments);
+        array_walk($arguments, static function (&$item): void {
+            $item = trim($item);
+        });
+
+        return [$alias, $arguments];
+    }
+
+    /**
+     * Ensures that specific filters are on and enabled for the current request.
+     *
+     * Filters can have "arguments". This is done by placing a colon immediately
+     * after the filter name, followed by a comma-separated list of arguments that
+     * are passed to the filter when executed.
+     *
+     * @param list<string> $filters filter_name or filter_name:arguments like 'role:admin,manager'
+     *
+     * @return Filters
+     */
+    public function enableFilters(array $filters, string $when = 'before')
+    {
+        foreach ($filters as $filter) {
+            $this->enableFilter($filter, $when);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Returns the arguments for a specified key, or all.
+     *
+     * @return array<string, string>|string
+     *
+     * @deprecated 4.6.0 Already does not work.
+     */
+    public function getArguments(?string $key = null)
+    {
+        return ((string) $key === '') ? $this->arguments : $this->arguments[$key];
+    }
+
+    // --------------------------------------------------------------------
+    // Processors
+    // --------------------------------------------------------------------
+
+    /**
+     * Add any applicable (not excluded) global filter settings to the mix.
+     *
+     * @param string|null $uri URI path relative to baseURL (all lowercase)
+     *
+     * @return void
+     */
+    protected function processGlobals(?string $uri = null)
+    {
+        if (! isset($this->config->globals) || ! is_array($this->config->globals)) {
+            return;
+        }
+
+        $uri = strtolower(trim($uri ?? '', '/ '));
+
+        // Add any global filters, unless they are excluded for this URI
+        $sets = ['before', 'after'];
+
+        $filters = [];
+
+        foreach ($sets as $set) {
+            if (isset($this->config->globals[$set])) {
+                // look at each alias in the group
+                foreach ($this->config->globals[$set] as $alias => $rules) {
+                    $keep = true;
+                    if (is_array($rules)) {
+                        // see if it should be excluded
+                        if (isset($rules['except'])) {
+                            // grab the exclusion rules
+                            $check = $rules['except'];
+                            if ($this->checkExcept($uri, $check)) {
+                                $keep = false;
+                            }
+                        }
+                    } else {
+                        $alias = $rules; // simple name of filter to apply
+                    }
+
+                    if ($keep) {
+                        $filters[$set][] = $alias;
+                    }
+                }
+            }
+        }
+
+        if (isset($filters['before'])) {
+            $oldFilterOrder = config(Feature::class)->oldFilterOrder ?? false;
+            if ($oldFilterOrder) {
+                $this->filters['before'] = array_merge($this->filters['before'], $filters['before']);
+            } else {
+                $this->filters['before'] = array_merge($filters['before'], $this->filters['before']);
+            }
+        }
+
+        if (isset($filters['after'])) {
+            $this->filters['after'] = array_merge($this->filters['after'], $filters['after']);
+        }
+    }
+
+    /**
+     * Add any method-specific filters to the mix.
+     *
+     * @return void
+     */
+    protected function processMethods()
+    {
+        if (! isset($this->config->methods) || ! is_array($this->config->methods)) {
+            return;
+        }
+
+        $method = $this->request->getMethod();
+
+        $found = false;
+
+        if (array_key_exists($method, $this->config->methods)) {
+            $found = true;
+        }
+        // Checks lowercase HTTP method for backward compatibility.
+        // @deprecated 4.5.0
+        // @TODO remove this in the future.
+        elseif (array_key_exists(strtolower($method), $this->config->methods)) {
+            @trigger_error(
+                'Setting lowercase HTTP method key "' . strtolower($method) . '" is deprecated.'
+                . ' Use uppercase HTTP method like "' . strtoupper($method) . '".',
+                E_USER_DEPRECATED,
+            );
+
+            $found  = true;
+            $method = strtolower($method);
+        }
+
+        if ($found) {
+            $oldFilterOrder = config(Feature::class)->oldFilterOrder ?? false;
+            if ($oldFilterOrder) {
+                $this->filters['before'] = array_merge($this->filters['before'], $this->config->methods[$method]);
+            } else {
+                $this->filters['before'] = array_merge($this->config->methods[$method], $this->filters['before']);
+            }
+        }
+    }
+
+    /**
+     * Add any applicable configured filters to the mix.
+     *
+     * @param string|null $uri URI path relative to baseURL (all lowercase)
+     *
+     * @return void
+     */
+    protected function processFilters(?string $uri = null)
+    {
+        if (! isset($this->config->filters) || $this->config->filters === []) {
+            return;
+        }
+
+        $uri = strtolower(trim($uri, '/ '));
+
+        // Add any filters that apply to this URI
+        $filters = [];
+
+        foreach ($this->config->filters as $filter => $settings) {
+            // Normalize the arguments.
+            [$alias, $arguments] = $this->getCleanName($filter);
+            $filter              = ($arguments === []) ? $alias : $alias . ':' . implode(',', $arguments);
+
+            // Look for inclusion rules
+            if (isset($settings['before'])) {
+                $path = $settings['before'];
+
+                if ($this->pathApplies($uri, $path)) {
+                    $filters['before'][] = $filter;
+                }
+            }
+
+            if (isset($settings['after'])) {
+                $path = $settings['after'];
+
+                if ($this->pathApplies($uri, $path)) {
+                    $filters['after'][] = $filter;
+                }
+            }
+        }
+
+        $oldFilterOrder = config(Feature::class)->oldFilterOrder ?? false;
+
+        if (isset($filters['before'])) {
+            if ($oldFilterOrder) {
+                $this->filters['before'] = array_merge($this->filters['before'], $filters['before']);
+            } else {
+                $this->filters['before'] = array_merge($filters['before'], $this->filters['before']);
+            }
+        }
+
+        if (isset($filters['after'])) {
+            if (! $oldFilterOrder) {
+                $filters['after'] = array_reverse($filters['after']);
+            }
+
+            $this->filters['after'] = array_merge($this->filters['after'], $filters['after']);
+        }
+    }
+
+    /**
+     * Maps filter aliases to the equivalent filter classes
+     *
+     * @param 'after'|'before' $position
+     *
+     * @return void
+     *
+     * @throws FilterException
+     */
+    protected function processAliasesToClass(string $position)
+    {
+        $filterClassList = [];
+
+        foreach ($this->filters[$position] as $filter) {
+            // Get arguments and clean alias
+            [$alias, $arguments] = $this->getCleanName($filter);
+
+            if (! array_key_exists($alias, $this->config->aliases)) {
+                throw FilterException::forNoAlias($alias);
+            }
+
+            if (is_array($this->config->aliases[$alias])) {
+                foreach ($this->config->aliases[$alias] as $class) {
+                    $filterClassList[] = [$class, $arguments];
+                }
+            } else {
+                $filterClassList[] = [$this->config->aliases[$alias], $arguments];
+            }
+        }
+
+        if ($position === 'before') {
+            $this->filtersClass[$position] = array_merge($filterClassList, $this->filtersClass[$position]);
+        } else {
+            $this->filtersClass[$position] = array_merge($this->filtersClass[$position], $filterClassList);
+        }
+    }
+
+    /**
+     * Check paths for match for URI
+     *
+     * @param string       $uri   URI to test against
+     * @param array|string $paths The path patterns to test
+     *
+     * @return bool True if any of the paths apply to the URI
+     */
+    private function pathApplies(string $uri, $paths)
+    {
+        // empty path matches all
+        if ($paths === '' || $paths === []) {
+            return true;
+        }
+
+        // make sure the paths are iterable
+        if (is_string($paths)) {
+            $paths = [$paths];
+        }
+
+        return $this->checkPseudoRegex($uri, $paths);
+    }
+
+    /**
+     * Check except paths
+     *
+     * @param string       $uri   URI path relative to baseURL (all lowercase)
+     * @param array|string $paths The except path patterns
+     *
+     * @return bool True if the URI matches except paths.
+     */
+    private function checkExcept(string $uri, $paths): bool
+    {
+        // empty array does not match anything
+        if ($paths === []) {
+            return false;
+        }
+
+        // make sure the paths are iterable
+        if (is_string($paths)) {
+            $paths = [$paths];
+        }
+
+        return $this->checkPseudoRegex($uri, $paths);
+    }
+
+    /**
+     * Check the URI path as pseudo-regex
+     *
+     * @param string $uri   URI path relative to baseURL (all lowercase, URL-decoded)
+     * @param array  $paths The except path patterns
+     */
+    private function checkPseudoRegex(string $uri, array $paths): bool
+    {
+        // treat each path as pseudo-regex
+        foreach ($paths as $path) {
+            // need to escape path separators
+            $path = str_replace('/', '\/', trim($path, '/ '));
+            // need to make pseudo wildcard real
+            $path = strtolower(str_replace('*', '.*', $path));
+
+            // Does this rule apply here?
+            if (preg_match('#\A' . $path . '\z#u', $uri, $match) === 1) {
+                return true;
+            }
+        }
+
+        return false;
+    }
+}
diff --git a/ci4app/system/Filters/ForceHTTPS.php b/ci4app/system/Filters/ForceHTTPS.php
new file mode 100644
index 0000000..aa9cb37
--- /dev/null
+++ b/ci4app/system/Filters/ForceHTTPS.php
@@ -0,0 +1,65 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Filters;
+
+use CodeIgniter\HTTP\Exceptions\RedirectException;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use Config\App;
+
+/**
+ * Force HTTPS filter
+ */
+class ForceHTTPS implements FilterInterface
+{
+    /**
+     * Force Secure Site Access? If the config value 'forceGlobalSecureRequests'
+     * is true, will enforce that all requests to this site are made through
+     * HTTPS. Will redirect the user to the current page with HTTPS, as well
+     * as set the HTTP Strict Transport Security (HSTS) header for those browsers
+     * that support it.
+     *
+     * @param array|null $arguments
+     *
+     * @return ResponseInterface|null
+     */
+    public function before(RequestInterface $request, $arguments = null)
+    {
+        $config = config(App::class);
+
+        if ($config->forceGlobalSecureRequests !== true) {
+            return null;
+        }
+
+        $response = service('response');
+
+        try {
+            force_https(YEAR, $request, $response);
+        } catch (RedirectException $e) {
+            return $e->getResponse();
+        }
+
+        return null;
+    }
+
+    /**
+     * We don't have anything to do here.
+     *
+     * @param array|null $arguments
+     */
+    public function after(RequestInterface $request, ResponseInterface $response, $arguments = null)
+    {
+        return null;
+    }
+}
diff --git a/ci4app/system/Filters/Honeypot.php b/ci4app/system/Filters/Honeypot.php
new file mode 100644
index 0000000..4b24691
--- /dev/null
+++ b/ci4app/system/Filters/Honeypot.php
@@ -0,0 +1,60 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Filters;
+
+use CodeIgniter\Honeypot\Exceptions\HoneypotException;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+
+/**
+ * Honeypot filter
+ *
+ * @see \CodeIgniter\Filters\HoneypotTest
+ */
+class Honeypot implements FilterInterface
+{
+    /**
+     * Checks if Honeypot field is empty, if not then the
+     * requester is a bot
+     *
+     * @param list<string>|null $arguments
+     *
+     * @throws HoneypotException
+     */
+    public function before(RequestInterface $request, $arguments = null)
+    {
+        if (! $request instanceof IncomingRequest) {
+            return null;
+        }
+
+        if (service('honeypot')->hasContent($request)) {
+            throw HoneypotException::isBot();
+        }
+
+        return null;
+    }
+
+    /**
+     * Attach a honeypot to the current response.
+     *
+     * @param list<string>|null $arguments
+     */
+    public function after(RequestInterface $request, ResponseInterface $response, $arguments = null)
+    {
+        service('honeypot')->attachHoneypot($response);
+
+        return null;
+    }
+}
diff --git a/ci4app/system/Filters/InvalidChars.php b/ci4app/system/Filters/InvalidChars.php
new file mode 100644
index 0000000..1cd7751
--- /dev/null
+++ b/ci4app/system/Filters/InvalidChars.php
@@ -0,0 +1,127 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Filters;
+
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use CodeIgniter\Security\Exceptions\SecurityException;
+
+/**
+ * InvalidChars filter.
+ *
+ * Check if user input data ($_GET, $_POST, $_COOKIE, php://input) do not contain
+ * invalid characters:
+ *   - invalid UTF-8 characters
+ *   - control characters except line break and tab code
+ *
+ * @see \CodeIgniter\Filters\InvalidCharsTest
+ */
+class InvalidChars implements FilterInterface
+{
+    /**
+     * Data source
+     *
+     * @var string
+     */
+    protected $source;
+
+    /**
+     * Regular expressions for valid control codes
+     *
+     * @var string
+     */
+    protected $controlCodeRegex = '/\A[\r\n\t[:^cntrl:]]*\z/u';
+
+    /**
+     * Check invalid characters.
+     *
+     * @param list<string>|null $arguments
+     */
+    public function before(RequestInterface $request, $arguments = null)
+    {
+        if (! $request instanceof IncomingRequest) {
+            return null;
+        }
+
+        $data = [
+            'get'      => $request->getGet(),
+            'post'     => $request->getPost(),
+            'cookie'   => $request->getCookie(),
+            'rawInput' => $request->getRawInput(),
+        ];
+
+        foreach ($data as $source => $values) {
+            $this->source = $source;
+            $this->checkEncoding($values);
+            $this->checkControl($values);
+        }
+
+        return null;
+    }
+
+    /**
+     * We don't have anything to do here.
+     *
+     * @param list<string>|null $arguments
+     */
+    public function after(RequestInterface $request, ResponseInterface $response, $arguments = null)
+    {
+        return null;
+    }
+
+    /**
+     * Check the character encoding is valid UTF-8.
+     *
+     * @param array|string $value
+     *
+     * @return array|string
+     */
+    protected function checkEncoding($value)
+    {
+        if (is_array($value)) {
+            array_map($this->checkEncoding(...), $value);
+
+            return $value;
+        }
+
+        if (mb_check_encoding($value, 'UTF-8')) {
+            return $value;
+        }
+
+        throw SecurityException::forInvalidUTF8Chars($this->source, $value);
+    }
+
+    /**
+     * Check for the presence of control characters except line breaks and tabs.
+     *
+     * @param array|string $value
+     *
+     * @return array|string
+     */
+    protected function checkControl($value)
+    {
+        if (is_array($value)) {
+            array_map($this->checkControl(...), $value);
+
+            return $value;
+        }
+
+        if (preg_match($this->controlCodeRegex, $value) === 1) {
+            return $value;
+        }
+
+        throw SecurityException::forInvalidControlChars($this->source, $value);
+    }
+}
diff --git a/ci4app/system/Filters/PageCache.php b/ci4app/system/Filters/PageCache.php
new file mode 100644
index 0000000..b0013c8
--- /dev/null
+++ b/ci4app/system/Filters/PageCache.php
@@ -0,0 +1,81 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Filters;
+
+use CodeIgniter\Cache\ResponseCache;
+use CodeIgniter\HTTP\CLIRequest;
+use CodeIgniter\HTTP\DownloadResponse;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\RedirectResponse;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+
+/**
+ * Page Cache filter
+ */
+class PageCache implements FilterInterface
+{
+    private readonly ResponseCache $pageCache;
+
+    public function __construct()
+    {
+        $this->pageCache = service('responsecache');
+    }
+
+    /**
+     * Checks page cache and return if found.
+     *
+     * @param array|null $arguments
+     *
+     * @return ResponseInterface|null
+     */
+    public function before(RequestInterface $request, $arguments = null)
+    {
+        assert($request instanceof CLIRequest || $request instanceof IncomingRequest);
+
+        $response = service('response');
+
+        $cachedResponse = $this->pageCache->get($request, $response);
+
+        if ($cachedResponse instanceof ResponseInterface) {
+            return $cachedResponse;
+        }
+
+        return null;
+    }
+
+    /**
+     * Cache the page.
+     *
+     * @param array|null $arguments
+     */
+    public function after(RequestInterface $request, ResponseInterface $response, $arguments = null)
+    {
+        assert($request instanceof CLIRequest || $request instanceof IncomingRequest);
+
+        if (
+            ! $response instanceof DownloadResponse
+            && ! $response instanceof RedirectResponse
+        ) {
+            // Cache it without the performance metrics replaced
+            // so that we can have live speed updates along the way.
+            // Must be run after filters to preserve the Response headers.
+            $this->pageCache->make($request, $response);
+
+            return $response;
+        }
+
+        return null;
+    }
+}
diff --git a/ci4app/system/Filters/PerformanceMetrics.php b/ci4app/system/Filters/PerformanceMetrics.php
new file mode 100644
index 0000000..97582ad
--- /dev/null
+++ b/ci4app/system/Filters/PerformanceMetrics.php
@@ -0,0 +1,65 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Filters;
+
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+
+/**
+ * Performance Metrics filter
+ */
+class PerformanceMetrics implements FilterInterface
+{
+    /**
+     * We don't need to do anything here.
+     *
+     * @param array|null $arguments
+     */
+    public function before(RequestInterface $request, $arguments = null)
+    {
+        return null;
+    }
+
+    /**
+     * Replaces the performance metrics.
+     *
+     * @param array|null $arguments
+     */
+    public function after(RequestInterface $request, ResponseInterface $response, $arguments = null)
+    {
+        $body = $response->getBody();
+
+        if ($body !== null) {
+            $benchmark = service('timer');
+
+            $output = str_replace(
+                [
+                    '{elapsed_time}',
+                    '{memory_usage}',
+                ],
+                [
+                    (string) $benchmark->getElapsedTime('total_execution'),
+                    number_format(memory_get_peak_usage() / 1024 / 1024, 3),
+                ],
+                $body,
+            );
+
+            $response->setBody($output);
+
+            return $response;
+        }
+
+        return null;
+    }
+}
diff --git a/ci4app/system/Filters/SecureHeaders.php b/ci4app/system/Filters/SecureHeaders.php
new file mode 100644
index 0000000..42e5842
--- /dev/null
+++ b/ci4app/system/Filters/SecureHeaders.php
@@ -0,0 +1,74 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Filters;
+
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+
+/**
+ * Add Common Security Headers
+ *
+ * @see \CodeIgniter\Filters\SecureHeadersTest
+ */
+class SecureHeaders implements FilterInterface
+{
+    /**
+     * @var array<string, string>
+     */
+    protected $headers = [
+        // https://owasp.org/www-project-secure-headers/#x-frame-options
+        'X-Frame-Options' => 'SAMEORIGIN',
+
+        // https://owasp.org/www-project-secure-headers/#x-content-type-options
+        'X-Content-Type-Options' => 'nosniff',
+
+        // https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/compatibility/jj542450(v=vs.85)#the-noopen-directive
+        'X-Download-Options' => 'noopen',
+
+        // https://owasp.org/www-project-secure-headers/#x-permitted-cross-domain-policies
+        'X-Permitted-Cross-Domain-Policies' => 'none',
+
+        // https://owasp.org/www-project-secure-headers/#referrer-policy
+        'Referrer-Policy' => 'same-origin',
+
+        // https://owasp.org/www-project-secure-headers/#x-xss-protection
+        // If you do not need to support legacy browsers, it is recommended that you use
+        // Content-Security-Policy without allowing unsafe-inline scripts instead.
+        // 'X-XSS-Protection' => '1; mode=block',
+    ];
+
+    /**
+     * We don't have anything to do here.
+     *
+     * @param list<string>|null $arguments
+     */
+    public function before(RequestInterface $request, $arguments = null)
+    {
+        return null;
+    }
+
+    /**
+     * Add security headers.
+     *
+     * @param list<string>|null $arguments
+     */
+    public function after(RequestInterface $request, ResponseInterface $response, $arguments = null)
+    {
+        foreach ($this->headers as $header => $value) {
+            $response->setHeader($header, $value);
+        }
+
+        return $response;
+    }
+}
diff --git a/ci4app/system/Format/Exceptions/FormatException.php b/ci4app/system/Format/Exceptions/FormatException.php
new file mode 100644
index 0000000..cde333b
--- /dev/null
+++ b/ci4app/system/Format/Exceptions/FormatException.php
@@ -0,0 +1,72 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Format\Exceptions;
+
+use CodeIgniter\Exceptions\DebugTraceableTrait;
+use CodeIgniter\Exceptions\RuntimeException;
+
+/**
+ * FormatException
+ */
+class FormatException extends RuntimeException
+{
+    use DebugTraceableTrait;
+
+    /**
+     * Thrown when the instantiated class does not exist.
+     *
+     * @return static
+     */
+    public static function forInvalidFormatter(string $class)
+    {
+        return new static(lang('Format.invalidFormatter', [$class]));
+    }
+
+    /**
+     * Thrown in JSONFormatter when the json_encode produces
+     * an error code other than JSON_ERROR_NONE and JSON_ERROR_RECURSION.
+     *
+     * @param string|null $error The error message
+     *
+     * @return static
+     */
+    public static function forInvalidJSON(?string $error = null)
+    {
+        return new static(lang('Format.invalidJSON', [$error]));
+    }
+
+    /**
+     * Thrown when the supplied MIME type has no
+     * defined Formatter class.
+     *
+     * @return static
+     */
+    public static function forInvalidMime(string $mime)
+    {
+        return new static(lang('Format.invalidMime', [$mime]));
+    }
+
+    /**
+     * Thrown on XMLFormatter when the `simplexml` extension
+     * is not installed.
+     *
+     * @return static
+     *
+     * @codeCoverageIgnore
+     */
+    public static function forMissingExtension()
+    {
+        return new static(lang('Format.missingExtension'));
+    }
+}
diff --git a/ci4app/system/Format/Format.php b/ci4app/system/Format/Format.php
new file mode 100644
index 0000000..6100b1a
--- /dev/null
+++ b/ci4app/system/Format/Format.php
@@ -0,0 +1,65 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Format;
+
+use CodeIgniter\Format\Exceptions\FormatException;
+use Config\Format as FormatConfig;
+
+/**
+ * The Format class is a convenient place to create Formatters.
+ *
+ * @see \CodeIgniter\Format\FormatTest
+ */
+class Format
+{
+    public function __construct(protected FormatConfig $config)
+    {
+    }
+
+    /**
+     * Returns the current configuration instance.
+     *
+     * @return FormatConfig
+     */
+    public function getConfig()
+    {
+        return $this->config;
+    }
+
+    /**
+     * A Factory method to return the appropriate formatter for the given mime type.
+     *
+     * @throws FormatException
+     */
+    public function getFormatter(string $mime): FormatterInterface
+    {
+        if (! array_key_exists($mime, $this->config->formatters)) {
+            throw FormatException::forInvalidMime($mime);
+        }
+
+        $className = $this->config->formatters[$mime];
+
+        if (! class_exists($className)) {
+            throw FormatException::forInvalidFormatter($className);
+        }
+
+        $class = new $className();
+
+        if (! $class instanceof FormatterInterface) {
+            throw FormatException::forInvalidFormatter($className);
+        }
+
+        return $class;
+    }
+}
diff --git a/ci4app/system/Format/FormatterInterface.php b/ci4app/system/Format/FormatterInterface.php
new file mode 100644
index 0000000..0c2492b
--- /dev/null
+++ b/ci4app/system/Format/FormatterInterface.php
@@ -0,0 +1,29 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Format;
+
+/**
+ * Formatter interface
+ */
+interface FormatterInterface
+{
+    /**
+     * Takes the given data and formats it.
+     *
+     * @param array<array-key, mixed>|object|string $data
+     *
+     * @return false|non-empty-string
+     */
+    public function format($data);
+}
diff --git a/ci4app/system/Format/JSONFormatter.php b/ci4app/system/Format/JSONFormatter.php
new file mode 100644
index 0000000..a6ba87c
--- /dev/null
+++ b/ci4app/system/Format/JSONFormatter.php
@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Format;
+
+use CodeIgniter\Format\Exceptions\FormatException;
+use Config\Format;
+
+/**
+ * JSON data formatter
+ *
+ * @see \CodeIgniter\Format\JSONFormatterTest
+ */
+class JSONFormatter implements FormatterInterface
+{
+    /**
+     * Takes the given data and formats it.
+     *
+     * @param array<array-key, mixed>|object|string $data
+     *
+     * @return false|non-empty-string
+     */
+    public function format($data)
+    {
+        $config = new Format();
+
+        $options = $config->formatterOptions['application/json'] ?? JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES;
+        $options |= JSON_PARTIAL_OUTPUT_ON_ERROR;
+
+        if (ENVIRONMENT !== 'production') {
+            $options |= JSON_PRETTY_PRINT;
+        }
+
+        $result = json_encode($data, $options, 512);
+
+        if (! in_array(json_last_error(), [JSON_ERROR_NONE, JSON_ERROR_RECURSION], true)) {
+            throw FormatException::forInvalidJSON(json_last_error_msg());
+        }
+
+        return $result;
+    }
+}
diff --git a/ci4app/system/Format/XMLFormatter.php b/ci4app/system/Format/XMLFormatter.php
new file mode 100644
index 0000000..efef70c
--- /dev/null
+++ b/ci4app/system/Format/XMLFormatter.php
@@ -0,0 +1,105 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Format;
+
+use CodeIgniter\Format\Exceptions\FormatException;
+use Config\Format;
+use SimpleXMLElement;
+
+/**
+ * XML data formatter
+ *
+ * @see \CodeIgniter\Format\XMLFormatterTest
+ */
+class XMLFormatter implements FormatterInterface
+{
+    /**
+     * Takes the given data and formats it.
+     *
+     * @param array<array-key, mixed>|object|string $data
+     *
+     * @return false|non-empty-string
+     */
+    public function format($data)
+    {
+        $config = new Format();
+
+        // SimpleXML is installed but default
+        // but best to check, and then provide a fallback.
+        if (! extension_loaded('simplexml')) {
+            throw FormatException::forMissingExtension(); // @codeCoverageIgnore
+        }
+
+        $options = $config->formatterOptions['application/xml'] ?? 0;
+        $output  = new SimpleXMLElement('<?xml version="1.0"?><response></response>', $options);
+
+        $this->arrayToXML((array) $data, $output);
+
+        return $output->asXML();
+    }
+
+    /**
+     * A recursive method to convert an array into a valid XML string.
+     *
+     * Written by CodexWorld. Received permission by email on Nov 24, 2016 to use this code.
+     *
+     * @see http://www.codexworld.com/convert-array-to-xml-in-php/
+     *
+     * @param array<array-key, mixed> $data
+     * @param SimpleXMLElement        $output
+     *
+     * @return void
+     */
+    protected function arrayToXML(array $data, &$output)
+    {
+        foreach ($data as $key => $value) {
+            $key = $this->normalizeXMLTag($key);
+
+            if (is_array($value)) {
+                $subnode = $output->addChild("{$key}");
+                $this->arrayToXML($value, $subnode);
+            } else {
+                $output->addChild("{$key}", htmlspecialchars("{$value}"));
+            }
+        }
+    }
+
+    /**
+     * Normalizes tags into the allowed by W3C.
+     * Regex adopted from this StackOverflow answer.
+     *
+     * @param int|string $key
+     *
+     * @return string
+     *
+     * @see https://stackoverflow.com/questions/60001029/invalid-characters-in-xml-tag-name
+     */
+    protected function normalizeXMLTag($key)
+    {
+        $startChar = 'A-Z_a-z' .
+            '\\x{C0}-\\x{D6}\\x{D8}-\\x{F6}\\x{F8}-\\x{2FF}\\x{370}-\\x{37D}' .
+            '\\x{37F}-\\x{1FFF}\\x{200C}-\\x{200D}\\x{2070}-\\x{218F}' .
+            '\\x{2C00}-\\x{2FEF}\\x{3001}-\\x{D7FF}\\x{F900}-\\x{FDCF}' .
+            '\\x{FDF0}-\\x{FFFD}\\x{10000}-\\x{EFFFF}';
+        $validName = $startChar . '\\.\\d\\x{B7}\\x{300}-\\x{36F}\\x{203F}-\\x{2040}';
+
+        $key = (string) $key;
+
+        $key = trim($key);
+        $key = preg_replace("/[^{$validName}-]+/u", '', $key);
+        $key = preg_replace("/^[^{$startChar}]+/u", 'item$0', $key);
+
+        return preg_replace('/^(xml).*/iu', 'item$0', $key); // XML is a reserved starting word
+    }
+}
diff --git a/ci4app/system/HTTP/CLIRequest.php b/ci4app/system/HTTP/CLIRequest.php
new file mode 100644
index 0000000..bde4e1b
--- /dev/null
+++ b/ci4app/system/HTTP/CLIRequest.php
@@ -0,0 +1,322 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\Exceptions\RuntimeException;
+use Config\App;
+use Locale;
+
+/**
+ * Represents a request from the command-line. Provides additional
+ * tools to interact with that request since CLI requests are not
+ * static like HTTP requests might be.
+ *
+ * Portions of this code were initially from the FuelPHP Framework,
+ * version 1.7.x, and used here under the MIT license they were
+ * originally made available under.
+ *
+ * http://fuelphp.com
+ *
+ * @see \CodeIgniter\HTTP\CLIRequestTest
+ */
+class CLIRequest extends Request
+{
+    /**
+     * Stores the segments of our cli "URI" command.
+     *
+     * @var array
+     */
+    protected $segments = [];
+
+    /**
+     * Command line options and their values.
+     *
+     * @var array
+     */
+    protected $options = [];
+
+    /**
+     * Command line arguments (segments and options).
+     *
+     * @var array
+     */
+    protected $args = [];
+
+    /**
+     * Set the expected HTTP verb
+     *
+     * @var string
+     */
+    protected $method = 'CLI';
+
+    /**
+     * Constructor
+     */
+    public function __construct(App $config)
+    {
+        if (! is_cli()) {
+            throw new RuntimeException(static::class . ' needs to run from the command line.'); // @codeCoverageIgnore
+        }
+
+        parent::__construct($config);
+
+        // Don't terminate the script when the cli's tty goes away
+        ignore_user_abort(true);
+
+        $this->parseCommand();
+
+        // Set SiteURI for this request
+        $this->uri = new SiteURI($config, $this->getPath());
+    }
+
+    /**
+     * Returns the "path" of the request script so that it can be used
+     * in routing to the appropriate controller/method.
+     *
+     * The path is determined by treating the command line arguments
+     * as if it were a URL - up until we hit our first option.
+     *
+     * Example:
+     *      php index.php users 21 profile -foo bar
+     *
+     *      // Routes to /users/21/profile (index is removed for routing sake)
+     *      // with the option foo = bar.
+     */
+    public function getPath(): string
+    {
+        return implode('/', $this->segments);
+    }
+
+    /**
+     * Returns an associative array of all CLI options found, with
+     * their values.
+     */
+    public function getOptions(): array
+    {
+        return $this->options;
+    }
+
+    /**
+     * Returns an array of all CLI arguments (segments and options).
+     */
+    public function getArgs(): array
+    {
+        return $this->args;
+    }
+
+    /**
+     * Returns the path segments.
+     */
+    public function getSegments(): array
+    {
+        return $this->segments;
+    }
+
+    /**
+     * Returns the value for a single CLI option that was passed in.
+     *
+     * @return string|null
+     */
+    public function getOption(string $key)
+    {
+        return $this->options[$key] ?? null;
+    }
+
+    /**
+     * Returns the options as a string, suitable for passing along on
+     * the CLI to other commands.
+     *
+     * Example:
+     *      $options = [
+     *          'foo' => 'bar',
+     *          'baz' => 'queue some stuff'
+     *      ];
+     *
+     *      getOptionString() = '-foo bar -baz "queue some stuff"'
+     */
+    public function getOptionString(bool $useLongOpts = false): string
+    {
+        if ($this->options === []) {
+            return '';
+        }
+
+        $out = '';
+
+        foreach ($this->options as $name => $value) {
+            if ($useLongOpts && mb_strlen($name) > 1) {
+                $out .= "--{$name} ";
+            } else {
+                $out .= "-{$name} ";
+            }
+
+            if ($value === null) {
+                continue;
+            }
+
+            if (mb_strpos($value, ' ') !== false) {
+                $out .= '"' . $value . '" ';
+            } else {
+                $out .= "{$value} ";
+            }
+        }
+
+        return trim($out);
+    }
+
+    /**
+     * Parses the command line it was called from and collects all options
+     * and valid segments.
+     *
+     * NOTE: I tried to use getopt but had it fail occasionally to find
+     * any options, where argv has always had our back.
+     *
+     * @return void
+     */
+    protected function parseCommand()
+    {
+        $args = $this->getServer('argv');
+        array_shift($args); // Scrap index.php
+
+        $optionValue = false;
+
+        foreach ($args as $i => $arg) {
+            if (mb_strpos($arg, '-') !== 0) {
+                if ($optionValue) {
+                    $optionValue = false;
+                } else {
+                    $this->segments[] = $arg;
+                    $this->args[]     = $arg;
+                }
+
+                continue;
+            }
+
+            $arg   = ltrim($arg, '-');
+            $value = null;
+
+            if (isset($args[$i + 1]) && mb_strpos($args[$i + 1], '-') !== 0) {
+                $value       = $args[$i + 1];
+                $optionValue = true;
+            }
+
+            $this->options[$arg] = $value;
+            $this->args[$arg]    = $value;
+        }
+    }
+
+    /**
+     * Determines if this request was made from the command line (CLI).
+     */
+    public function isCLI(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Fetch an item from GET data.
+     *
+     * @param array|string|null $index  Index for item to fetch from $_GET.
+     * @param int|null          $filter A filter name to apply.
+     * @param array|int|null    $flags
+     *
+     * @return array|null
+     */
+    public function getGet($index = null, $filter = null, $flags = null)
+    {
+        return $this->returnNullOrEmptyArray($index);
+    }
+
+    /**
+     * Fetch an item from POST.
+     *
+     * @param array|string|null $index  Index for item to fetch from $_POST.
+     * @param int|null          $filter A filter name to apply
+     * @param array|int|null    $flags
+     *
+     * @return array|null
+     */
+    public function getPost($index = null, $filter = null, $flags = null)
+    {
+        return $this->returnNullOrEmptyArray($index);
+    }
+
+    /**
+     * Fetch an item from POST data with fallback to GET.
+     *
+     * @param array|string|null $index  Index for item to fetch from $_POST or $_GET
+     * @param int|null          $filter A filter name to apply
+     * @param array|int|null    $flags
+     *
+     * @return array|null
+     */
+    public function getPostGet($index = null, $filter = null, $flags = null)
+    {
+        return $this->returnNullOrEmptyArray($index);
+    }
+
+    /**
+     * Fetch an item from GET data with fallback to POST.
+     *
+     * @param array|string|null $index  Index for item to be fetched from $_GET or $_POST
+     * @param int|null          $filter A filter name to apply
+     * @param array|int|null    $flags
+     *
+     * @return array|null
+     */
+    public function getGetPost($index = null, $filter = null, $flags = null)
+    {
+        return $this->returnNullOrEmptyArray($index);
+    }
+
+    /**
+     * This is a place holder for calls from cookie_helper get_cookie().
+     *
+     * @param array|string|null $index  Index for item to be fetched from $_COOKIE
+     * @param int|null          $filter A filter name to be applied
+     * @param mixed             $flags
+     *
+     * @return array|null
+     */
+    public function getCookie($index = null, $filter = null, $flags = null)
+    {
+        return $this->returnNullOrEmptyArray($index);
+    }
+
+    /**
+     * @param array|string|null $index
+     *
+     * @return array|null
+     */
+    private function returnNullOrEmptyArray($index)
+    {
+        return ($index === null || is_array($index)) ? [] : null;
+    }
+
+    /**
+     * Gets the current locale, with a fallback to the default
+     * locale if none is set.
+     */
+    public function getLocale(): string
+    {
+        return Locale::getDefault();
+    }
+
+    /**
+     * Checks this request type.
+     */
+    public function is(string $type): bool
+    {
+        return false;
+    }
+}
diff --git a/ci4app/system/HTTP/CURLRequest.php b/ci4app/system/HTTP/CURLRequest.php
new file mode 100644
index 0000000..5e8c584
--- /dev/null
+++ b/ci4app/system/HTTP/CURLRequest.php
@@ -0,0 +1,774 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+use Config\App;
+use Config\CURLRequest as ConfigCURLRequest;
+
+/**
+ * A lightweight HTTP client for sending synchronous HTTP requests via cURL.
+ *
+ * @see \CodeIgniter\HTTP\CURLRequestTest
+ */
+class CURLRequest extends OutgoingRequest
+{
+    /**
+     * The response object associated with this request
+     *
+     * @var ResponseInterface|null
+     */
+    protected $response;
+
+    /**
+     * The original response object associated with this request
+     *
+     * @var ResponseInterface|null
+     */
+    protected $responseOrig;
+
+    /**
+     * The URI associated with this request
+     *
+     * @var URI
+     */
+    protected $baseURI;
+
+    /**
+     * The setting values
+     *
+     * @var array
+     */
+    protected $config;
+
+    /**
+     * The default setting values
+     *
+     * @var array
+     */
+    protected $defaultConfig = [
+        'timeout'         => 0.0,
+        'connect_timeout' => 150,
+        'debug'           => false,
+        'verify'          => true,
+    ];
+
+    /**
+     * Default values for when 'allow_redirects'
+     * option is true.
+     *
+     * @var array
+     */
+    protected $redirectDefaults = [
+        'max'       => 5,
+        'strict'    => true,
+        'protocols' => [
+            'http',
+            'https',
+        ],
+    ];
+
+    /**
+     * The number of milliseconds to delay before
+     * sending the request.
+     *
+     * @var float
+     */
+    protected $delay = 0.0;
+
+    /**
+     * The default options from the constructor. Applied to all requests.
+     */
+    private readonly array $defaultOptions;
+
+    /**
+     * Whether share options between requests or not.
+     *
+     * If true, all the options won't be reset between requests.
+     * It may cause an error request with unnecessary headers.
+     */
+    private readonly bool $shareOptions;
+
+    /**
+     * Takes an array of options to set the following possible class properties:
+     *
+     *  - baseURI
+     *  - timeout
+     *  - any other request options to use as defaults.
+     *
+     * @param array<string, mixed> $options
+     */
+    public function __construct(App $config, URI $uri, ?ResponseInterface $response = null, array $options = [])
+    {
+        if (! function_exists('curl_version')) {
+            throw HTTPException::forMissingCurl(); // @codeCoverageIgnore
+        }
+
+        parent::__construct(Method::GET, $uri);
+
+        $this->responseOrig = $response ?? new Response($config);
+        // Remove the default Content-Type header.
+        $this->responseOrig->removeHeader('Content-Type');
+
+        $this->baseURI        = $uri->useRawQueryString();
+        $this->defaultOptions = $options;
+
+        $this->shareOptions = config(ConfigCURLRequest::class)->shareOptions ?? true;
+
+        $this->config = $this->defaultConfig;
+        $this->parseOptions($options);
+    }
+
+    /**
+     * Sends an HTTP request to the specified $url. If this is a relative
+     * URL, it will be merged with $this->baseURI to form a complete URL.
+     *
+     * @param string $method HTTP method
+     */
+    public function request($method, string $url, array $options = []): ResponseInterface
+    {
+        $this->response = clone $this->responseOrig;
+
+        $this->parseOptions($options);
+
+        $url = $this->prepareURL($url);
+
+        $method = esc(strip_tags($method));
+
+        $this->send($method, $url);
+
+        if ($this->shareOptions === false) {
+            $this->resetOptions();
+        }
+
+        return $this->response;
+    }
+
+    /**
+     * Reset all options to default.
+     *
+     * @return void
+     */
+    protected function resetOptions()
+    {
+        // Reset headers
+        $this->headers   = [];
+        $this->headerMap = [];
+
+        // Reset body
+        $this->body = null;
+
+        // Reset configs
+        $this->config = $this->defaultConfig;
+
+        // Set the default options for next request
+        $this->parseOptions($this->defaultOptions);
+    }
+
+    /**
+     * Convenience method for sending a GET request.
+     */
+    public function get(string $url, array $options = []): ResponseInterface
+    {
+        return $this->request(Method::GET, $url, $options);
+    }
+
+    /**
+     * Convenience method for sending a DELETE request.
+     */
+    public function delete(string $url, array $options = []): ResponseInterface
+    {
+        return $this->request('DELETE', $url, $options);
+    }
+
+    /**
+     * Convenience method for sending a HEAD request.
+     */
+    public function head(string $url, array $options = []): ResponseInterface
+    {
+        return $this->request('HEAD', $url, $options);
+    }
+
+    /**
+     * Convenience method for sending an OPTIONS request.
+     */
+    public function options(string $url, array $options = []): ResponseInterface
+    {
+        return $this->request('OPTIONS', $url, $options);
+    }
+
+    /**
+     * Convenience method for sending a PATCH request.
+     */
+    public function patch(string $url, array $options = []): ResponseInterface
+    {
+        return $this->request('PATCH', $url, $options);
+    }
+
+    /**
+     * Convenience method for sending a POST request.
+     */
+    public function post(string $url, array $options = []): ResponseInterface
+    {
+        return $this->request(Method::POST, $url, $options);
+    }
+
+    /**
+     * Convenience method for sending a PUT request.
+     */
+    public function put(string $url, array $options = []): ResponseInterface
+    {
+        return $this->request(Method::PUT, $url, $options);
+    }
+
+    /**
+     * Set the HTTP Authentication.
+     *
+     * @param string $type basic or digest
+     *
+     * @return $this
+     */
+    public function setAuth(string $username, string $password, string $type = 'basic')
+    {
+        $this->config['auth'] = [
+            $username,
+            $password,
+            $type,
+        ];
+
+        return $this;
+    }
+
+    /**
+     * Set form data to be sent.
+     *
+     * @param bool $multipart Set TRUE if you are sending CURLFiles
+     *
+     * @return $this
+     */
+    public function setForm(array $params, bool $multipart = false)
+    {
+        if ($multipart) {
+            $this->config['multipart'] = $params;
+        } else {
+            $this->config['form_params'] = $params;
+        }
+
+        return $this;
+    }
+
+    /**
+     * Set JSON data to be sent.
+     *
+     * @param array|bool|float|int|object|string|null $data
+     *
+     * @return $this
+     */
+    public function setJSON($data)
+    {
+        $this->config['json'] = $data;
+
+        return $this;
+    }
+
+    /**
+     * Sets the correct settings based on the options array
+     * passed in.
+     *
+     * @return void
+     */
+    protected function parseOptions(array $options)
+    {
+        if (array_key_exists('baseURI', $options)) {
+            $this->baseURI = $this->baseURI->setURI($options['baseURI']);
+            unset($options['baseURI']);
+        }
+
+        if (array_key_exists('headers', $options) && is_array($options['headers'])) {
+            foreach ($options['headers'] as $name => $value) {
+                $this->setHeader($name, $value);
+            }
+
+            unset($options['headers']);
+        }
+
+        if (array_key_exists('delay', $options)) {
+            // Convert from the milliseconds passed in
+            // to the seconds that sleep requires.
+            $this->delay = (float) $options['delay'] / 1000;
+            unset($options['delay']);
+        }
+
+        if (array_key_exists('body', $options)) {
+            $this->setBody($options['body']);
+            unset($options['body']);
+        }
+
+        foreach ($options as $key => $value) {
+            $this->config[$key] = $value;
+        }
+    }
+
+    /**
+     * If the $url is a relative URL, will attempt to create
+     * a full URL by prepending $this->baseURI to it.
+     */
+    protected function prepareURL(string $url): string
+    {
+        // If it's a full URI, then we have nothing to do here...
+        if (str_contains($url, '://')) {
+            return $url;
+        }
+
+        $uri = $this->baseURI->resolveRelativeURI($url);
+
+        // Create the string instead of casting to prevent baseURL muddling
+        return URI::createURIString(
+            $uri->getScheme(),
+            $uri->getAuthority(),
+            $uri->getPath(),
+            $uri->getQuery(),
+            $uri->getFragment(),
+        );
+    }
+
+    /**
+     * Fires the actual cURL request.
+     *
+     * @return ResponseInterface
+     */
+    public function send(string $method, string $url)
+    {
+        // Reset our curl options so we're on a fresh slate.
+        $curlOptions = [];
+
+        if (! empty($this->config['query']) && is_array($this->config['query'])) {
+            // This is likely too naive a solution.
+            // Should look into handling when $url already
+            // has query vars on it.
+            $url .= '?' . http_build_query($this->config['query']);
+            unset($this->config['query']);
+        }
+
+        $curlOptions[CURLOPT_URL]            = $url;
+        $curlOptions[CURLOPT_RETURNTRANSFER] = true;
+        $curlOptions[CURLOPT_HEADER]         = true;
+        $curlOptions[CURLOPT_FRESH_CONNECT]  = true;
+        // Disable @file uploads in post data.
+        $curlOptions[CURLOPT_SAFE_UPLOAD] = true;
+
+        $curlOptions = $this->setCURLOptions($curlOptions, $this->config);
+        $curlOptions = $this->applyMethod($method, $curlOptions);
+        $curlOptions = $this->applyRequestHeaders($curlOptions);
+
+        // Do we need to delay this request?
+        if ($this->delay > 0) {
+            usleep((int) $this->delay * 1_000_000);
+        }
+
+        $output = $this->sendRequest($curlOptions);
+
+        // Set the string we want to break our response from
+        $breakString = "\r\n\r\n";
+
+        // Remove all intermediate responses
+        $output = $this->removeIntermediateResponses($output, $breakString);
+
+        // Split out our headers and body
+        $break = strpos($output, $breakString);
+
+        if ($break !== false) {
+            // Our headers
+            $headers = explode("\n", substr($output, 0, $break));
+
+            $this->setResponseHeaders($headers);
+
+            // Our body
+            $body = substr($output, $break + 4);
+            $this->response->setBody($body);
+        } else {
+            $this->response->setBody($output);
+        }
+
+        return $this->response;
+    }
+
+    /**
+     * Adds $this->headers to the cURL request.
+     */
+    protected function applyRequestHeaders(array $curlOptions = []): array
+    {
+        if (empty($this->headers)) {
+            return $curlOptions;
+        }
+
+        $set = [];
+
+        foreach (array_keys($this->headers) as $name) {
+            $set[] = $name . ': ' . $this->getHeaderLine($name);
+        }
+
+        $curlOptions[CURLOPT_HTTPHEADER] = $set;
+
+        return $curlOptions;
+    }
+
+    /**
+     * Apply method
+     */
+    protected function applyMethod(string $method, array $curlOptions): array
+    {
+        $this->method                       = $method;
+        $curlOptions[CURLOPT_CUSTOMREQUEST] = $method;
+
+        $size = strlen($this->body ?? '');
+
+        // Have content?
+        if ($size > 0) {
+            return $this->applyBody($curlOptions);
+        }
+
+        if ($method === Method::PUT || $method === Method::POST) {
+            // See http://tools.ietf.org/html/rfc7230#section-3.3.2
+            if ($this->header('content-length') === null && ! isset($this->config['multipart'])) {
+                $this->setHeader('Content-Length', '0');
+            }
+        } elseif ($method === 'HEAD') {
+            $curlOptions[CURLOPT_NOBODY] = 1;
+        }
+
+        return $curlOptions;
+    }
+
+    /**
+     * Apply body
+     */
+    protected function applyBody(array $curlOptions = []): array
+    {
+        if (! empty($this->body)) {
+            $curlOptions[CURLOPT_POSTFIELDS] = (string) $this->getBody();
+        }
+
+        return $curlOptions;
+    }
+
+    /**
+     * Parses the header retrieved from the cURL response into
+     * our Response object.
+     *
+     * @return void
+     */
+    protected function setResponseHeaders(array $headers = [])
+    {
+        foreach ($headers as $header) {
+            if (($pos = strpos($header, ':')) !== false) {
+                $title = trim(substr($header, 0, $pos));
+                $value = trim(substr($header, $pos + 1));
+
+                if ($this->response instanceof Response) {
+                    $this->response->addHeader($title, $value);
+                } else {
+                    $this->response->setHeader($title, $value);
+                }
+            } elseif (str_starts_with($header, 'HTTP')) {
+                preg_match('#^HTTP\/([12](?:\.[01])?) (\d+) (.+)#', $header, $matches);
+
+                if (isset($matches[1])) {
+                    $this->response->setProtocolVersion($matches[1]);
+                }
+
+                if (isset($matches[2])) {
+                    $this->response->setStatusCode((int) $matches[2], $matches[3] ?? null);
+                }
+            }
+        }
+    }
+
+    /**
+     * Set CURL options
+     *
+     * @return array
+     *
+     * @throws InvalidArgumentException
+     */
+    protected function setCURLOptions(array $curlOptions = [], array $config = [])
+    {
+        // Auth Headers
+        if (! empty($config['auth'])) {
+            $curlOptions[CURLOPT_USERPWD] = $config['auth'][0] . ':' . $config['auth'][1];
+
+            if (! empty($config['auth'][2]) && strtolower($config['auth'][2]) === 'digest') {
+                $curlOptions[CURLOPT_HTTPAUTH] = CURLAUTH_DIGEST;
+            } else {
+                $curlOptions[CURLOPT_HTTPAUTH] = CURLAUTH_BASIC;
+            }
+        }
+
+        // Certificate
+        if (! empty($config['cert'])) {
+            $cert = $config['cert'];
+
+            if (is_array($cert)) {
+                $curlOptions[CURLOPT_SSLCERTPASSWD] = $cert[1];
+                $cert                               = $cert[0];
+            }
+
+            if (! is_file($cert)) {
+                throw HTTPException::forSSLCertNotFound($cert);
+            }
+
+            $curlOptions[CURLOPT_SSLCERT] = $cert;
+        }
+
+        // SSL Verification
+        if (isset($config['verify'])) {
+            if (is_string($config['verify'])) {
+                $file = realpath($config['verify']) ?: $config['verify'];
+
+                if (! is_file($file)) {
+                    throw HTTPException::forInvalidSSLKey($config['verify']);
+                }
+
+                $curlOptions[CURLOPT_CAINFO]         = $file;
+                $curlOptions[CURLOPT_SSL_VERIFYPEER] = true;
+                $curlOptions[CURLOPT_SSL_VERIFYHOST] = 2;
+            } elseif (is_bool($config['verify'])) {
+                $curlOptions[CURLOPT_SSL_VERIFYPEER] = $config['verify'];
+                $curlOptions[CURLOPT_SSL_VERIFYHOST] = $config['verify'] ? 2 : 0;
+            }
+        }
+
+        // Proxy
+        if (isset($config['proxy'])) {
+            $curlOptions[CURLOPT_HTTPPROXYTUNNEL] = true;
+            $curlOptions[CURLOPT_PROXY]           = $config['proxy'];
+        }
+
+        // Debug
+        if ($config['debug']) {
+            $curlOptions[CURLOPT_VERBOSE] = 1;
+            $curlOptions[CURLOPT_STDERR]  = is_string($config['debug']) ? fopen($config['debug'], 'a+b') : fopen('php://stderr', 'wb');
+        }
+
+        // Decode Content
+        if (! empty($config['decode_content'])) {
+            $accept = $this->getHeaderLine('Accept-Encoding');
+
+            if ($accept !== '') {
+                $curlOptions[CURLOPT_ENCODING] = $accept;
+            } else {
+                $curlOptions[CURLOPT_ENCODING]   = '';
+                $curlOptions[CURLOPT_HTTPHEADER] = 'Accept-Encoding';
+            }
+        }
+
+        // Allow Redirects
+        if (array_key_exists('allow_redirects', $config)) {
+            $settings = $this->redirectDefaults;
+
+            if (is_array($config['allow_redirects'])) {
+                $settings = array_merge($settings, $config['allow_redirects']);
+            }
+
+            if ($config['allow_redirects'] === false) {
+                $curlOptions[CURLOPT_FOLLOWLOCATION] = 0;
+            } else {
+                $curlOptions[CURLOPT_FOLLOWLOCATION] = 1;
+                $curlOptions[CURLOPT_MAXREDIRS]      = $settings['max'];
+
+                if ($settings['strict'] === true) {
+                    $curlOptions[CURLOPT_POSTREDIR] = 1 | 2 | 4;
+                }
+
+                $protocols = 0;
+
+                foreach ($settings['protocols'] as $proto) {
+                    $protocols += constant('CURLPROTO_' . strtoupper($proto));
+                }
+
+                $curlOptions[CURLOPT_REDIR_PROTOCOLS] = $protocols;
+            }
+        }
+
+        // Timeout
+        $curlOptions[CURLOPT_TIMEOUT_MS] = (float) $config['timeout'] * 1000;
+
+        // Connection Timeout
+        $curlOptions[CURLOPT_CONNECTTIMEOUT_MS] = (float) $config['connect_timeout'] * 1000;
+
+        // Post Data - application/x-www-form-urlencoded
+        if (! empty($config['form_params']) && is_array($config['form_params'])) {
+            $postFields                      = http_build_query($config['form_params']);
+            $curlOptions[CURLOPT_POSTFIELDS] = $postFields;
+
+            // Ensure content-length is set, since CURL doesn't seem to
+            // calculate it when HTTPHEADER is set.
+            $this->setHeader('Content-Length', (string) strlen($postFields));
+            $this->setHeader('Content-Type', 'application/x-www-form-urlencoded');
+        }
+
+        // Post Data - multipart/form-data
+        if (! empty($config['multipart']) && is_array($config['multipart'])) {
+            // setting the POSTFIELDS option automatically sets multipart
+            $curlOptions[CURLOPT_POSTFIELDS] = $config['multipart'];
+        }
+
+        // HTTP Errors
+        $curlOptions[CURLOPT_FAILONERROR] = array_key_exists('http_errors', $config) ? (bool) $config['http_errors'] : true;
+
+        // JSON
+        if (isset($config['json'])) {
+            // Will be set as the body in `applyBody()`
+            $json = json_encode($config['json']);
+            $this->setBody($json);
+            $this->setHeader('Content-Type', 'application/json');
+            $this->setHeader('Content-Length', (string) strlen($json));
+        }
+
+        // Resolve IP
+        if (array_key_exists('force_ip_resolve', $config)) {
+            $curlOptions[CURLOPT_IPRESOLVE] = match ($config['force_ip_resolve']) {
+                'v4'    => CURL_IPRESOLVE_V4,
+                'v6'    => CURL_IPRESOLVE_V6,
+                default => CURL_IPRESOLVE_WHATEVER,
+            };
+        }
+
+        // version
+        if (! empty($config['version'])) {
+            $version = sprintf('%.1F', $config['version']);
+            if ($version === '1.0') {
+                $curlOptions[CURLOPT_HTTP_VERSION] = CURL_HTTP_VERSION_1_0;
+            } elseif ($version === '1.1') {
+                $curlOptions[CURLOPT_HTTP_VERSION] = CURL_HTTP_VERSION_1_1;
+            } elseif ($version === '2.0') {
+                $curlOptions[CURLOPT_HTTP_VERSION] = CURL_HTTP_VERSION_2_0;
+            } elseif ($version === '3.0') {
+                if (! defined('CURL_HTTP_VERSION_3')) {
+                    define('CURL_HTTP_VERSION_3', 30);
+                }
+
+                $curlOptions[CURLOPT_HTTP_VERSION] = CURL_HTTP_VERSION_3;
+            }
+        }
+
+        // Cookie
+        if (isset($config['cookie'])) {
+            $curlOptions[CURLOPT_COOKIEJAR]  = $config['cookie'];
+            $curlOptions[CURLOPT_COOKIEFILE] = $config['cookie'];
+        }
+
+        // User Agent
+        if (isset($config['user_agent'])) {
+            $curlOptions[CURLOPT_USERAGENT] = $config['user_agent'];
+        }
+
+        return $curlOptions;
+    }
+
+    /**
+     * Does the actual work of initializing cURL, setting the options,
+     * and grabbing the output.
+     *
+     * @param array<int, mixed> $curlOptions
+     *
+     * @codeCoverageIgnore
+     */
+    protected function sendRequest(array $curlOptions = []): string
+    {
+        $ch = curl_init();
+
+        curl_setopt_array($ch, $curlOptions);
+
+        // Send the request and wait for a response.
+        $output = curl_exec($ch);
+
+        if ($output === false) {
+            throw HTTPException::forCurlError((string) curl_errno($ch), curl_error($ch));
+        }
+
+        curl_close($ch);
+
+        return $output;
+    }
+
+    private function removeIntermediateResponses(string $output, string $breakString): string
+    {
+        while (true) {
+            // Check if we should remove the current response
+            if ($this->shouldRemoveCurrentResponse($output, $breakString)) {
+                $breakStringPos = strpos($output, $breakString);
+                if ($breakStringPos !== false) {
+                    $output = substr($output, $breakStringPos + 4);
+
+                    continue;
+                }
+            }
+
+            // No more intermediate responses to remove
+            break;
+        }
+
+        return $output;
+    }
+
+    /**
+     * Check if the current response (at the beginning of output) should be removed.
+     */
+    private function shouldRemoveCurrentResponse(string $output, string $breakString): bool
+    {
+        // HTTP/x.x 1xx responses (Continue, Processing, etc.)
+        if (preg_match('/^HTTP\/\d+(?:\.\d+)?\s+1\d\d\s/', $output)) {
+            return true;
+        }
+
+        // HTTP/x.x 200 Connection established (proxy responses)
+        if (preg_match('/^HTTP\/\d+(?:\.\d+)?\s+200\s+Connection\s+established/i', $output)) {
+            return true;
+        }
+
+        // HTTP/x.x 3xx responses (redirects) - only if redirects are allowed
+        $allowRedirects = isset($this->config['allow_redirects']) && $this->config['allow_redirects'] !== false;
+        if ($allowRedirects && preg_match('/^HTTP\/\d+(?:\.\d+)?\s+3\d\d\s/', $output)) {
+            // Check if there's a Location header
+            $breakStringPos = strpos($output, $breakString);
+            if ($breakStringPos !== false) {
+                $headerSection = substr($output, 0, $breakStringPos);
+                $headers       = explode("\n", $headerSection);
+
+                foreach ($headers as $header) {
+                    if (str_starts_with(strtolower($header), 'location:')) {
+                        return true; // Found location header, this is a redirect to remove
+                    }
+                }
+            }
+        }
+
+        // Digest auth challenges - only remove if there's another response after
+        if (isset($this->config['auth'][2]) && $this->config['auth'][2] === 'digest') {
+            $breakStringPos = strpos($output, $breakString);
+            if ($breakStringPos !== false) {
+                $headerSection = substr($output, 0, $breakStringPos);
+                if (str_contains($headerSection, 'WWW-Authenticate: Digest')) {
+                    $nextBreakPos = strpos($output, $breakString, $breakStringPos + 4);
+
+                    return $nextBreakPos !== false; // Only remove if there's another response
+                }
+            }
+        }
+
+        return false;
+    }
+}
diff --git a/ci4app/system/HTTP/ContentSecurityPolicy.php b/ci4app/system/HTTP/ContentSecurityPolicy.php
new file mode 100644
index 0000000..a6a2b26
--- /dev/null
+++ b/ci4app/system/HTTP/ContentSecurityPolicy.php
@@ -0,0 +1,844 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use Config\App;
+use Config\ContentSecurityPolicy as ContentSecurityPolicyConfig;
+
+/**
+ * Provides tools for working with the Content-Security-Policy header
+ * to help defeat XSS attacks.
+ *
+ * @see http://www.w3.org/TR/CSP/
+ * @see http://www.html5rocks.com/en/tutorials/security/content-security-policy/
+ * @see http://content-security-policy.com/
+ * @see https://www.owasp.org/index.php/Content_Security_Policy
+ * @see \CodeIgniter\HTTP\ContentSecurityPolicyTest
+ */
+class ContentSecurityPolicy
+{
+    /**
+     * CSP directives
+     *
+     * @var array<string, string> [name => property]
+     */
+    protected array $directives = [
+        'base-uri'        => 'baseURI',
+        'child-src'       => 'childSrc',
+        'connect-src'     => 'connectSrc',
+        'default-src'     => 'defaultSrc',
+        'font-src'        => 'fontSrc',
+        'form-action'     => 'formAction',
+        'frame-ancestors' => 'frameAncestors',
+        'frame-src'       => 'frameSrc',
+        'img-src'         => 'imageSrc',
+        'media-src'       => 'mediaSrc',
+        'object-src'      => 'objectSrc',
+        'plugin-types'    => 'pluginTypes',
+        'script-src'      => 'scriptSrc',
+        'style-src'       => 'styleSrc',
+        'manifest-src'    => 'manifestSrc',
+        'sandbox'         => 'sandbox',
+        'report-uri'      => 'reportURI',
+    ];
+
+    /**
+     * Used for security enforcement
+     *
+     * @var array|string
+     */
+    protected $baseURI = [];
+
+    /**
+     * Used for security enforcement
+     *
+     * @var array|string
+     */
+    protected $childSrc = [];
+
+    /**
+     * Used for security enforcement
+     *
+     * @var array
+     */
+    protected $connectSrc = [];
+
+    /**
+     * Used for security enforcement
+     *
+     * @var array|string
+     */
+    protected $defaultSrc = [];
+
+    /**
+     * Used for security enforcement
+     *
+     * @var array|string
+     */
+    protected $fontSrc = [];
+
+    /**
+     * Used for security enforcement
+     *
+     * @var array|string
+     */
+    protected $formAction = [];
+
+    /**
+     * Used for security enforcement
+     *
+     * @var array|string
+     */
+    protected $frameAncestors = [];
+
+    /**
+     * Used for security enforcement
+     *
+     * @var array|string
+     */
+    protected $frameSrc = [];
+
+    /**
+     * Used for security enforcement
+     *
+     * @var array|string
+     */
+    protected $imageSrc = [];
+
+    /**
+     * Used for security enforcement
+     *
+     * @var array|string
+     */
+    protected $mediaSrc = [];
+
+    /**
+     * Used for security enforcement
+     *
+     * @var array|string
+     */
+    protected $objectSrc = [];
+
+    /**
+     * Used for security enforcement
+     *
+     * @var array|string
+     */
+    protected $pluginTypes = [];
+
+    /**
+     * Used for security enforcement
+     *
+     * @var array|string
+     */
+    protected $scriptSrc = [];
+
+    /**
+     * Used for security enforcement
+     *
+     * @var array|string
+     */
+    protected $styleSrc = [];
+
+    /**
+     * Used for security enforcement
+     *
+     * @var array|string
+     */
+    protected $manifestSrc = [];
+
+    /**
+     * Used for security enforcement
+     *
+     * @var array|string
+     */
+    protected $sandbox = [];
+
+    /**
+     * A set of endpoints to which csp violation reports will be sent when
+     * particular behaviors are prevented.
+     *
+     * @var string|null
+     */
+    protected $reportURI;
+
+    /**
+     * Used for security enforcement
+     *
+     * @var bool
+     */
+    protected $upgradeInsecureRequests = false;
+
+    /**
+     * Used for security enforcement
+     *
+     * @var bool
+     */
+    protected $reportOnly = false;
+
+    /**
+     * Used for security enforcement
+     *
+     * @var list<string>
+     */
+    protected $validSources = [
+        'self',
+        'none',
+        'unsafe-inline',
+        'unsafe-eval',
+    ];
+
+    /**
+     * Used for security enforcement
+     *
+     * @var array
+     */
+    protected $nonces = [];
+
+    /**
+     * Nonce for style
+     *
+     * @var string
+     */
+    protected $styleNonce;
+
+    /**
+     * Nonce for script
+     *
+     * @var string
+     */
+    protected $scriptNonce;
+
+    /**
+     * Nonce tag for style
+     *
+     * @var string
+     */
+    protected $styleNonceTag = '{csp-style-nonce}';
+
+    /**
+     * Nonce tag for script
+     *
+     * @var string
+     */
+    protected $scriptNonceTag = '{csp-script-nonce}';
+
+    /**
+     * Replace nonce tag automatically
+     *
+     * @var bool
+     */
+    protected $autoNonce = true;
+
+    /**
+     * An array of header info since we have
+     * to build ourselves before passing to Response.
+     *
+     * @var array
+     */
+    protected $tempHeaders = [];
+
+    /**
+     * An array of header info to build
+     * that should only be reported.
+     *
+     * @var array
+     */
+    protected $reportOnlyHeaders = [];
+
+    /**
+     * Whether Content Security Policy is being enforced.
+     *
+     * @var bool
+     */
+    protected $CSPEnabled = false;
+
+    /**
+     * Constructor.
+     *
+     * Stores our default values from the Config file.
+     */
+    public function __construct(ContentSecurityPolicyConfig $config)
+    {
+        $appConfig        = config(App::class);
+        $this->CSPEnabled = $appConfig->CSPEnabled;
+
+        foreach (get_object_vars($config) as $setting => $value) {
+            if (property_exists($this, $setting)) {
+                $this->{$setting} = $value;
+            }
+        }
+
+        if (! is_array($this->styleSrc)) {
+            $this->styleSrc = [$this->styleSrc];
+        }
+
+        if (! is_array($this->scriptSrc)) {
+            $this->scriptSrc = [$this->scriptSrc];
+        }
+    }
+
+    /**
+     * Whether Content Security Policy is being enforced.
+     */
+    public function enabled(): bool
+    {
+        return $this->CSPEnabled;
+    }
+
+    /**
+     * Get the nonce for the style tag.
+     */
+    public function getStyleNonce(): string
+    {
+        if ($this->styleNonce === null) {
+            $this->styleNonce = bin2hex(random_bytes(12));
+            $this->styleSrc[] = 'nonce-' . $this->styleNonce;
+        }
+
+        return $this->styleNonce;
+    }
+
+    /**
+     * Get the nonce for the script tag.
+     */
+    public function getScriptNonce(): string
+    {
+        if ($this->scriptNonce === null) {
+            $this->scriptNonce = bin2hex(random_bytes(12));
+            $this->scriptSrc[] = 'nonce-' . $this->scriptNonce;
+        }
+
+        return $this->scriptNonce;
+    }
+
+    /**
+     * Compiles and sets the appropriate headers in the request.
+     *
+     * Should be called just prior to sending the response to the user agent.
+     *
+     * @return void
+     */
+    public function finalize(ResponseInterface $response)
+    {
+        if ($this->autoNonce) {
+            $this->generateNonces($response);
+        }
+
+        $this->buildHeaders($response);
+    }
+
+    /**
+     * If TRUE, nothing will be restricted. Instead all violations will
+     * be reported to the reportURI for monitoring. This is useful when
+     * you are just starting to implement the policy, and will help
+     * determine what errors need to be addressed before you turn on
+     * all filtering.
+     *
+     * @return $this
+     */
+    public function reportOnly(bool $value = true)
+    {
+        $this->reportOnly = $value;
+
+        return $this;
+    }
+
+    /**
+     * Adds a new baseURI value. Can be either a URI class or a simple string.
+     *
+     * baseURI restricts the URLs that can appear in a page's <base> element.
+     *
+     * @see http://www.w3.org/TR/CSP/#directive-base-uri
+     *
+     * @param array|string $uri
+     *
+     * @return $this
+     */
+    public function addBaseURI($uri, ?bool $explicitReporting = null)
+    {
+        $this->addOption($uri, 'baseURI', $explicitReporting ?? $this->reportOnly);
+
+        return $this;
+    }
+
+    /**
+     * Adds a new valid endpoint for a form's action. Can be either
+     * a URI class or a simple string.
+     *
+     * child-src lists the URLs for workers and embedded frame contents.
+     * For example: child-src https://youtube.com would enable embedding
+     * videos from YouTube but not from other origins.
+     *
+     * @see http://www.w3.org/TR/CSP/#directive-child-src
+     *
+     * @param array|string $uri
+     *
+     * @return $this
+     */
+    public function addChildSrc($uri, ?bool $explicitReporting = null)
+    {
+        $this->addOption($uri, 'childSrc', $explicitReporting ?? $this->reportOnly);
+
+        return $this;
+    }
+
+    /**
+     * Adds a new valid endpoint for a form's action. Can be either
+     * a URI class or a simple string.
+     *
+     * connect-src limits the origins to which you can connect
+     * (via XHR, WebSockets, and EventSource).
+     *
+     * @see http://www.w3.org/TR/CSP/#directive-connect-src
+     *
+     * @param array|string $uri
+     *
+     * @return $this
+     */
+    public function addConnectSrc($uri, ?bool $explicitReporting = null)
+    {
+        $this->addOption($uri, 'connectSrc', $explicitReporting ?? $this->reportOnly);
+
+        return $this;
+    }
+
+    /**
+     * Adds a new valid endpoint for a form's action. Can be either
+     * a URI class or a simple string.
+     *
+     * default_src is the URI that is used for many of the settings when
+     * no other source has been set.
+     *
+     * @see http://www.w3.org/TR/CSP/#directive-default-src
+     *
+     * @param array|string $uri
+     *
+     * @return $this
+     */
+    public function setDefaultSrc($uri, ?bool $explicitReporting = null)
+    {
+        $this->defaultSrc = [(string) $uri => $explicitReporting ?? $this->reportOnly];
+
+        return $this;
+    }
+
+    /**
+     * Adds a new valid endpoint for a form's action. Can be either
+     * a URI class or a simple string.
+     *
+     * font-src specifies the origins that can serve web fonts.
+     *
+     * @see http://www.w3.org/TR/CSP/#directive-font-src
+     *
+     * @param array|string $uri
+     *
+     * @return $this
+     */
+    public function addFontSrc($uri, ?bool $explicitReporting = null)
+    {
+        $this->addOption($uri, 'fontSrc', $explicitReporting ?? $this->reportOnly);
+
+        return $this;
+    }
+
+    /**
+     * Adds a new valid endpoint for a form's action. Can be either
+     * a URI class or a simple string.
+     *
+     * @see http://www.w3.org/TR/CSP/#directive-form-action
+     *
+     * @param array|string $uri
+     *
+     * @return $this
+     */
+    public function addFormAction($uri, ?bool $explicitReporting = null)
+    {
+        $this->addOption($uri, 'formAction', $explicitReporting ?? $this->reportOnly);
+
+        return $this;
+    }
+
+    /**
+     * Adds a new resource that should allow embedding the resource using
+     * <frame>, <iframe>, <object>, <embed>, or <applet>
+     *
+     * @see http://www.w3.org/TR/CSP/#directive-frame-ancestors
+     *
+     * @param array|string $uri
+     *
+     * @return $this
+     */
+    public function addFrameAncestor($uri, ?bool $explicitReporting = null)
+    {
+        $this->addOption($uri, 'frameAncestors', $explicitReporting ?? $this->reportOnly);
+
+        return $this;
+    }
+
+    /**
+     * Adds a new valid endpoint for valid frame sources. Can be either
+     * a URI class or a simple string.
+     *
+     * @see http://www.w3.org/TR/CSP/#directive-frame-src
+     *
+     * @param array|string $uri
+     *
+     * @return $this
+     */
+    public function addFrameSrc($uri, ?bool $explicitReporting = null)
+    {
+        $this->addOption($uri, 'frameSrc', $explicitReporting ?? $this->reportOnly);
+
+        return $this;
+    }
+
+    /**
+     * Adds a new valid endpoint for valid image sources. Can be either
+     * a URI class or a simple string.
+     *
+     * @see http://www.w3.org/TR/CSP/#directive-img-src
+     *
+     * @param array|string $uri
+     *
+     * @return $this
+     */
+    public function addImageSrc($uri, ?bool $explicitReporting = null)
+    {
+        $this->addOption($uri, 'imageSrc', $explicitReporting ?? $this->reportOnly);
+
+        return $this;
+    }
+
+    /**
+     * Adds a new valid endpoint for valid video and audio. Can be either
+     * a URI class or a simple string.
+     *
+     * @see http://www.w3.org/TR/CSP/#directive-media-src
+     *
+     * @param array|string $uri
+     *
+     * @return $this
+     */
+    public function addMediaSrc($uri, ?bool $explicitReporting = null)
+    {
+        $this->addOption($uri, 'mediaSrc', $explicitReporting ?? $this->reportOnly);
+
+        return $this;
+    }
+
+    /**
+     * Adds a new valid endpoint for manifest sources. Can be either
+     * a URI class or simple string.
+     *
+     * @see https://www.w3.org/TR/CSP/#directive-manifest-src
+     *
+     * @param array|string $uri
+     *
+     * @return $this
+     */
+    public function addManifestSrc($uri, ?bool $explicitReporting = null)
+    {
+        $this->addOption($uri, 'manifestSrc', $explicitReporting ?? $this->reportOnly);
+
+        return $this;
+    }
+
+    /**
+     * Adds a new valid endpoint for Flash and other plugin sources. Can be either
+     * a URI class or a simple string.
+     *
+     * @see http://www.w3.org/TR/CSP/#directive-object-src
+     *
+     * @param array|string $uri
+     *
+     * @return $this
+     */
+    public function addObjectSrc($uri, ?bool $explicitReporting = null)
+    {
+        $this->addOption($uri, 'objectSrc', $explicitReporting ?? $this->reportOnly);
+
+        return $this;
+    }
+
+    /**
+     * Limits the types of plugins that can be used. Can be either
+     * a URI class or a simple string.
+     *
+     * @see http://www.w3.org/TR/CSP/#directive-plugin-types
+     *
+     * @param array|string $mime One or more plugin mime types, separate by spaces
+     *
+     * @return $this
+     */
+    public function addPluginType($mime, ?bool $explicitReporting = null)
+    {
+        $this->addOption($mime, 'pluginTypes', $explicitReporting ?? $this->reportOnly);
+
+        return $this;
+    }
+
+    /**
+     * Specifies a URL where a browser will send reports when a content
+     * security policy is violated. Can be either a URI class or a simple string.
+     *
+     * @see http://www.w3.org/TR/CSP/#directive-report-uri
+     *
+     * @param string $uri URL to send reports. Set `''` if you want to remove
+     *                    this directive at runtime.
+     *
+     * @return $this
+     */
+    public function setReportURI(string $uri)
+    {
+        $this->reportURI = $uri;
+
+        return $this;
+    }
+
+    /**
+     * specifies an HTML sandbox policy that the user agent applies to
+     * the protected resource.
+     *
+     * @see http://www.w3.org/TR/CSP/#directive-sandbox
+     *
+     * @param array|string $flags An array of sandbox flags that can be added to the directive.
+     *
+     * @return $this
+     */
+    public function addSandbox($flags, ?bool $explicitReporting = null)
+    {
+        $this->addOption($flags, 'sandbox', $explicitReporting ?? $this->reportOnly);
+
+        return $this;
+    }
+
+    /**
+     * Adds a new valid endpoint for javascript file sources. Can be either
+     * a URI class or a simple string.
+     *
+     * @see http://www.w3.org/TR/CSP/#directive-connect-src
+     *
+     * @param array|string $uri
+     *
+     * @return $this
+     */
+    public function addScriptSrc($uri, ?bool $explicitReporting = null)
+    {
+        $this->addOption($uri, 'scriptSrc', $explicitReporting ?? $this->reportOnly);
+
+        return $this;
+    }
+
+    /**
+     * Adds a new valid endpoint for CSS file sources. Can be either
+     * a URI class or a simple string.
+     *
+     * @see http://www.w3.org/TR/CSP/#directive-connect-src
+     *
+     * @param array|string $uri
+     *
+     * @return $this
+     */
+    public function addStyleSrc($uri, ?bool $explicitReporting = null)
+    {
+        $this->addOption($uri, 'styleSrc', $explicitReporting ?? $this->reportOnly);
+
+        return $this;
+    }
+
+    /**
+     * Sets whether the user agents should rewrite URL schemes, changing
+     * HTTP to HTTPS.
+     *
+     * @return $this
+     */
+    public function upgradeInsecureRequests(bool $value = true)
+    {
+        $this->upgradeInsecureRequests = $value;
+
+        return $this;
+    }
+
+    /**
+     * DRY method to add an string or array to a class property.
+     *
+     * @param list<string>|string $options
+     *
+     * @return void
+     */
+    protected function addOption($options, string $target, ?bool $explicitReporting = null)
+    {
+        // Ensure we have an array to work with...
+        if (is_string($this->{$target})) {
+            $this->{$target} = [$this->{$target}];
+        }
+
+        if (is_array($options)) {
+            foreach ($options as $opt) {
+                $this->{$target}[$opt] = $explicitReporting ?? $this->reportOnly;
+            }
+        } else {
+            $this->{$target}[$options] = $explicitReporting ?? $this->reportOnly;
+        }
+    }
+
+    /**
+     * Scans the body of the request message and replaces any nonce
+     * placeholders with actual nonces, that we'll then add to our
+     * headers.
+     *
+     * @return void
+     */
+    protected function generateNonces(ResponseInterface $response)
+    {
+        $body = $response->getBody();
+
+        if (empty($body)) {
+            return;
+        }
+
+        // Replace style and script placeholders with nonces
+        $pattern = '/(' . preg_quote($this->styleNonceTag, '/')
+            . '|' . preg_quote($this->scriptNonceTag, '/') . ')/';
+
+        $body = preg_replace_callback($pattern, function ($match): string {
+            $nonce = $match[0] === $this->styleNonceTag ? $this->getStyleNonce() : $this->getScriptNonce();
+
+            return "nonce=\"{$nonce}\"";
+        }, $body);
+
+        $response->setBody($body);
+    }
+
+    /**
+     * Based on the current state of the elements, will add the appropriate
+     * Content-Security-Policy and Content-Security-Policy-Report-Only headers
+     * with their values to the response object.
+     *
+     * @return void
+     */
+    protected function buildHeaders(ResponseInterface $response)
+    {
+        // Ensure both headers are available and arrays...
+        $response->setHeader('Content-Security-Policy', []);
+        $response->setHeader('Content-Security-Policy-Report-Only', []);
+
+        // inject default base & default URIs if needed
+        if (empty($this->baseURI)) {
+            $this->baseURI = 'self';
+        }
+
+        if (empty($this->defaultSrc)) {
+            $this->defaultSrc = 'self';
+        }
+
+        foreach ($this->directives as $name => $property) {
+            if (! empty($this->{$property})) {
+                $this->addToHeader($name, $this->{$property});
+            }
+        }
+
+        // Compile our own header strings here since if we just
+        // append it to the response, it will be joined with
+        // commas, not semi-colons as we need.
+        if (! empty($this->tempHeaders)) {
+            $header = '';
+
+            foreach ($this->tempHeaders as $name => $value) {
+                $header .= " {$name} {$value};";
+            }
+
+            // add token only if needed
+            if ($this->upgradeInsecureRequests) {
+                $header .= ' upgrade-insecure-requests;';
+            }
+
+            $response->appendHeader('Content-Security-Policy', $header);
+        }
+
+        if (! empty($this->reportOnlyHeaders)) {
+            $header = '';
+
+            foreach ($this->reportOnlyHeaders as $name => $value) {
+                $header .= " {$name} {$value};";
+            }
+
+            $response->appendHeader('Content-Security-Policy-Report-Only', $header);
+        }
+
+        $this->tempHeaders       = [];
+        $this->reportOnlyHeaders = [];
+    }
+
+    /**
+     * Adds a directive and it's options to the appropriate header. The $values
+     * array might have options that are geared toward either the regular or the
+     * reportOnly header, since it's viable to have both simultaneously.
+     *
+     * @param array|string|null $values
+     *
+     * @return void
+     */
+    protected function addToHeader(string $name, $values = null)
+    {
+        if (is_string($values)) {
+            $values = [$values => $this->reportOnly];
+        }
+
+        $sources       = [];
+        $reportSources = [];
+
+        foreach ($values as $value => $reportOnly) {
+            if (is_numeric($value) && is_string($reportOnly) && ($reportOnly !== '')) {
+                $value      = $reportOnly;
+                $reportOnly = $this->reportOnly;
+            }
+
+            if (str_starts_with($value, 'nonce-')) {
+                $value = "'{$value}'";
+            }
+
+            if ($reportOnly === true) {
+                $reportSources[] = in_array($value, $this->validSources, true) ? "'{$value}'" : $value;
+            } else {
+                $sources[] = in_array($value, $this->validSources, true) ? "'{$value}'" : $value;
+            }
+        }
+
+        if ($sources !== []) {
+            $this->tempHeaders[$name] = implode(' ', $sources);
+        }
+
+        if ($reportSources !== []) {
+            $this->reportOnlyHeaders[$name] = implode(' ', $reportSources);
+        }
+    }
+
+    /**
+     * Clear the directive.
+     *
+     * @param string $directive CSP directive
+     */
+    public function clearDirective(string $directive): void
+    {
+        if ($directive === 'report-uris') {
+            $this->{$this->directives[$directive]} = null;
+
+            return;
+        }
+
+        $this->{$this->directives[$directive]} = [];
+    }
+}
diff --git a/ci4app/system/HTTP/Cors.php b/ci4app/system/HTTP/Cors.php
new file mode 100644
index 0000000..270b344
--- /dev/null
+++ b/ci4app/system/HTTP/Cors.php
@@ -0,0 +1,250 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\Exceptions\ConfigException;
+use Config\Cors as CorsConfig;
+
+/**
+ * Cross-Origin Resource Sharing (CORS)
+ *
+ * @see \CodeIgniter\HTTP\CorsTest
+ */
+class Cors
+{
+    /**
+     * @var array{
+     *     allowedOrigins: list<string>,
+     *     allowedOriginsPatterns: list<string>,
+     *     supportsCredentials: bool,
+     *     allowedHeaders: list<string>,
+     *     exposedHeaders: list<string>,
+     *     allowedMethods: list<string>,
+     *     maxAge: int,
+     * }
+     */
+    private array $config = [
+        'allowedOrigins'         => [],
+        'allowedOriginsPatterns' => [],
+        'supportsCredentials'    => false,
+        'allowedHeaders'         => [],
+        'exposedHeaders'         => [],
+        'allowedMethods'         => [],
+        'maxAge'                 => 7200,
+    ];
+
+    /**
+     * @param array{
+     *     allowedOrigins?: list<string>,
+     *     allowedOriginsPatterns?: list<string>,
+     *     supportsCredentials?: bool,
+     *     allowedHeaders?: list<string>,
+     *     exposedHeaders?: list<string>,
+     *     allowedMethods?: list<string>,
+     *     maxAge?: int,
+     * }|CorsConfig|null $config
+     */
+    public function __construct($config = null)
+    {
+        $config ??= config(CorsConfig::class);
+        if ($config instanceof CorsConfig) {
+            $config = $config->default;
+        }
+        $this->config = array_merge($this->config, $config);
+    }
+
+    /**
+     * Creates a new instance by config name.
+     */
+    public static function factory(string $configName = 'default'): self
+    {
+        $config = config(CorsConfig::class)->{$configName};
+
+        return new self($config);
+    }
+
+    /**
+     * Whether if the request is a preflight request.
+     */
+    public function isPreflightRequest(IncomingRequest $request): bool
+    {
+        return $request->is('OPTIONS')
+            && $request->hasHeader('Access-Control-Request-Method');
+    }
+
+    /**
+     * Handles the preflight request, and returns the response.
+     */
+    public function handlePreflightRequest(RequestInterface $request, ResponseInterface $response): ResponseInterface
+    {
+        $response->setStatusCode(204);
+
+        $this->setAllowOrigin($request, $response);
+
+        if ($response->hasHeader('Access-Control-Allow-Origin')) {
+            $this->setAllowHeaders($response);
+            $this->setAllowMethods($response);
+            $this->setAllowMaxAge($response);
+            $this->setAllowCredentials($response);
+        }
+
+        return $response;
+    }
+
+    private function checkWildcard(string $name, int $count): void
+    {
+        if (in_array('*', $this->config[$name], true) && $count > 1) {
+            throw new ConfigException(
+                "If wildcard is specified, you must set `'{$name}' => ['*']`."
+                . ' But using wildcard is not recommended.',
+            );
+        }
+    }
+
+    private function checkWildcardAndCredentials(string $name, string $header): void
+    {
+        if (
+            $this->config[$name] === ['*']
+            && $this->config['supportsCredentials']
+        ) {
+            throw new ConfigException(
+                'When responding to a credentialed request, '
+                . 'the server must not specify the "*" wildcard for the '
+                . $header . ' response-header value.',
+            );
+        }
+    }
+
+    private function setAllowOrigin(RequestInterface $request, ResponseInterface $response): void
+    {
+        $originCount        = count($this->config['allowedOrigins']);
+        $originPatternCount = count($this->config['allowedOriginsPatterns']);
+
+        $this->checkWildcard('allowedOrigins', $originCount);
+        $this->checkWildcardAndCredentials('allowedOrigins', 'Access-Control-Allow-Origin');
+
+        // Single Origin.
+        if ($originCount === 1 && $originPatternCount === 0) {
+            $response->setHeader('Access-Control-Allow-Origin', $this->config['allowedOrigins'][0]);
+
+            return;
+        }
+
+        // Multiple Origins.
+        if (! $request->hasHeader('Origin')) {
+            return;
+        }
+
+        $origin = $request->getHeaderLine('Origin');
+
+        if ($originCount > 1 && in_array($origin, $this->config['allowedOrigins'], true)) {
+            $response->setHeader('Access-Control-Allow-Origin', $origin);
+            $response->appendHeader('Vary', 'Origin');
+
+            return;
+        }
+
+        if ($originPatternCount > 0) {
+            foreach ($this->config['allowedOriginsPatterns'] as $pattern) {
+                $regex = '#\A' . $pattern . '\z#';
+
+                if (preg_match($regex, $origin)) {
+                    $response->setHeader('Access-Control-Allow-Origin', $origin);
+                    $response->appendHeader('Vary', 'Origin');
+
+                    return;
+                }
+            }
+        }
+    }
+
+    private function setAllowHeaders(ResponseInterface $response): void
+    {
+        $this->checkWildcard('allowedHeaders', count($this->config['allowedHeaders']));
+        $this->checkWildcardAndCredentials('allowedHeaders', 'Access-Control-Allow-Headers');
+
+        $response->setHeader(
+            'Access-Control-Allow-Headers',
+            implode(', ', $this->config['allowedHeaders']),
+        );
+    }
+
+    private function setAllowMethods(ResponseInterface $response): void
+    {
+        $this->checkWildcard('allowedMethods', count($this->config['allowedMethods']));
+        $this->checkWildcardAndCredentials('allowedMethods', 'Access-Control-Allow-Methods');
+
+        $response->setHeader(
+            'Access-Control-Allow-Methods',
+            implode(', ', $this->config['allowedMethods']),
+        );
+    }
+
+    private function setAllowMaxAge(ResponseInterface $response): void
+    {
+        $response->setHeader('Access-Control-Max-Age', (string) $this->config['maxAge']);
+    }
+
+    private function setAllowCredentials(ResponseInterface $response): void
+    {
+        if ($this->config['supportsCredentials']) {
+            $response->setHeader('Access-Control-Allow-Credentials', 'true');
+        }
+    }
+
+    /**
+     * Adds CORS headers to the Response.
+     */
+    public function addResponseHeaders(RequestInterface $request, ResponseInterface $response): ResponseInterface
+    {
+        $this->setAllowOrigin($request, $response);
+
+        if ($response->hasHeader('Access-Control-Allow-Origin')) {
+            $this->setAllowCredentials($response);
+            $this->setExposeHeaders($response);
+        }
+
+        return $response;
+    }
+
+    private function setExposeHeaders(ResponseInterface $response): void
+    {
+        if ($this->config['exposedHeaders'] !== []) {
+            $response->setHeader(
+                'Access-Control-Expose-Headers',
+                implode(', ', $this->config['exposedHeaders']),
+            );
+        }
+    }
+
+    /**
+     * Check if response headers were set
+     */
+    public function hasResponseHeaders(RequestInterface $request, ResponseInterface $response): bool
+    {
+        if (! $response->hasHeader('Access-Control-Allow-Origin')) {
+            return false;
+        }
+
+        if ($this->config['supportsCredentials']
+            && ! $response->hasHeader('Access-Control-Allow-Credentials')) {
+            return false;
+        }
+
+        return ! ($this->config['exposedHeaders'] !== [] && (! $response->hasHeader('Access-Control-Expose-Headers') || ! str_contains(
+            $response->getHeaderLine('Access-Control-Expose-Headers'),
+            implode(', ', $this->config['exposedHeaders']),
+        )));
+    }
+}
diff --git a/ci4app/system/HTTP/DownloadResponse.php b/ci4app/system/HTTP/DownloadResponse.php
new file mode 100644
index 0000000..f6861d5
--- /dev/null
+++ b/ci4app/system/HTTP/DownloadResponse.php
@@ -0,0 +1,347 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\Exceptions\DownloadException;
+use CodeIgniter\Files\File;
+use Config\App;
+use Config\Mimes;
+
+/**
+ * HTTP response when a download is requested.
+ *
+ * @see \CodeIgniter\HTTP\DownloadResponseTest
+ */
+class DownloadResponse extends Response
+{
+    /**
+     * Download file name
+     */
+    private string $filename;
+
+    /**
+     * Download for file
+     */
+    private ?File $file = null;
+
+    /**
+     * mime set flag
+     */
+    private readonly bool $setMime;
+
+    /**
+     * Download for binary
+     */
+    private ?string $binary = null;
+
+    /**
+     * Download charset
+     */
+    private string $charset = 'UTF-8';
+
+    /**
+     * Download reason
+     *
+     * @var string
+     */
+    protected $reason = 'OK';
+
+    /**
+     * The current status code for this response.
+     *
+     * @var int
+     */
+    protected $statusCode = 200;
+
+    /**
+     * Constructor.
+     */
+    public function __construct(string $filename, bool $setMime)
+    {
+        parent::__construct(config(App::class));
+
+        $this->filename = $filename;
+        $this->setMime  = $setMime;
+
+        // Make sure the content type is either specified or detected
+        $this->removeHeader('Content-Type');
+    }
+
+    /**
+     * set download for binary string.
+     *
+     * @return void
+     */
+    public function setBinary(string $binary)
+    {
+        if ($this->file instanceof File) {
+            throw DownloadException::forCannotSetBinary();
+        }
+
+        $this->binary = $binary;
+    }
+
+    /**
+     * set download for file.
+     *
+     * @return void
+     */
+    public function setFilePath(string $filepath)
+    {
+        if ($this->binary !== null) {
+            throw DownloadException::forCannotSetFilePath($filepath);
+        }
+
+        $this->file = new File($filepath, true);
+    }
+
+    /**
+     * set name for the download.
+     *
+     * @return $this
+     */
+    public function setFileName(string $filename)
+    {
+        $this->filename = $filename;
+
+        return $this;
+    }
+
+    /**
+     * get content length.
+     */
+    public function getContentLength(): int
+    {
+        if (is_string($this->binary)) {
+            return strlen($this->binary);
+        }
+
+        if ($this->file instanceof File) {
+            return $this->file->getSize();
+        }
+
+        return 0;
+    }
+
+    /**
+     * Set content type by guessing mime type from file extension
+     */
+    private function setContentTypeByMimeType(): void
+    {
+        $mime    = null;
+        $charset = '';
+
+        if ($this->setMime && ($lastDotPosition = strrpos($this->filename, '.')) !== false) {
+            $mime    = Mimes::guessTypeFromExtension(substr($this->filename, $lastDotPosition + 1));
+            $charset = $this->charset;
+        }
+
+        if (! is_string($mime)) {
+            // Set the default MIME type to send
+            $mime    = 'application/octet-stream';
+            $charset = '';
+        }
+
+        $this->setContentType($mime, $charset);
+    }
+
+    /**
+     * get download filename.
+     */
+    private function getDownloadFileName(): string
+    {
+        $filename  = $this->filename;
+        $x         = explode('.', $this->filename);
+        $extension = end($x);
+
+        /* It was reported that browsers on Android 2.1 (and possibly older as well)
+         * need to have the filename extension upper-cased in order to be able to
+         * download it.
+         *
+         * Reference: http://digiblog.de/2011/04/19/android-and-the-download-file-headers/
+         */
+        // @todo: depend super global
+        if (count($x) !== 1 && isset($_SERVER['HTTP_USER_AGENT'])
+                && preg_match('/Android\s(1|2\.[01])/', $_SERVER['HTTP_USER_AGENT'])) {
+            $x[count($x) - 1] = strtoupper($extension);
+            $filename         = implode('.', $x);
+        }
+
+        return $filename;
+    }
+
+    /**
+     * Get Content-Disposition Header string.
+     */
+    private function getContentDisposition(bool $inline = false): string
+    {
+        $downloadFilename = $utf8Filename = $this->getDownloadFileName();
+        $disposition      = $inline ? 'inline' : 'attachment';
+
+        if (strtoupper($this->charset) !== 'UTF-8') {
+            $utf8Filename = mb_convert_encoding($downloadFilename, 'UTF-8', $this->charset);
+        }
+
+        $result = sprintf('%s; filename="%s"', $disposition, addslashes($downloadFilename));
+
+        if ($utf8Filename !== '') {
+            $result .= sprintf('; filename*=UTF-8\'\'%s', rawurlencode($utf8Filename));
+        }
+
+        return $result;
+    }
+
+    /**
+     * Disallows status changing.
+     *
+     * @throws DownloadException
+     */
+    public function setStatusCode(int $code, string $reason = '')
+    {
+        throw DownloadException::forCannotSetStatusCode($code, $reason);
+    }
+
+    /**
+     * Sets the Content Type header for this response with the mime type
+     * and, optionally, the charset.
+     *
+     * @return ResponseInterface
+     */
+    public function setContentType(string $mime, string $charset = 'UTF-8')
+    {
+        parent::setContentType($mime, $charset);
+
+        if ($charset !== '') {
+            $this->charset = $charset;
+        }
+
+        return $this;
+    }
+
+    /**
+     * Sets the appropriate headers to ensure this response
+     * is not cached by the browsers.
+     */
+    public function noCache(): self
+    {
+        $this->removeHeader('Cache-Control');
+        $this->setHeader('Cache-Control', ['private', 'no-transform', 'no-store', 'must-revalidate']);
+
+        return $this;
+    }
+
+    /**
+     * {@inheritDoc}
+     *
+     * @return $this
+     *
+     * @todo Do downloads need CSP or Cookies? Compare with ResponseTrait::send()
+     */
+    public function send()
+    {
+        // Turn off output buffering completely, even if php.ini output_buffering is not off
+        if (ENVIRONMENT !== 'testing') {
+            while (ob_get_level() > 0) {
+                ob_end_clean();
+            }
+        }
+
+        $this->buildHeaders();
+        $this->sendHeaders();
+        $this->sendBody();
+
+        return $this;
+    }
+
+    /**
+     * set header for file download.
+     *
+     * @return void
+     */
+    public function buildHeaders()
+    {
+        if (! $this->hasHeader('Content-Type')) {
+            $this->setContentTypeByMimeType();
+        }
+
+        if (! $this->hasHeader('Content-Disposition')) {
+            $this->setHeader('Content-Disposition', $this->getContentDisposition());
+        }
+
+        $this->setHeader('Content-Transfer-Encoding', 'binary');
+        $this->setHeader('Content-Length', (string) $this->getContentLength());
+    }
+
+    /**
+     * output download file text.
+     *
+     * @return DownloadResponse
+     *
+     * @throws DownloadException
+     */
+    public function sendBody()
+    {
+        if ($this->binary !== null) {
+            return $this->sendBodyByBinary();
+        }
+
+        if ($this->file instanceof File) {
+            return $this->sendBodyByFilePath();
+        }
+
+        throw DownloadException::forNotFoundDownloadSource();
+    }
+
+    /**
+     * output download text by file.
+     *
+     * @return DownloadResponse
+     */
+    private function sendBodyByFilePath()
+    {
+        $splFileObject = $this->file->openFile('rb');
+
+        // Flush 1MB chunks of data
+        while (! $splFileObject->eof() && ($data = $splFileObject->fread(1_048_576)) !== false) {
+            echo $data;
+            unset($data);
+        }
+
+        return $this;
+    }
+
+    /**
+     * output download text by binary
+     *
+     * @return DownloadResponse
+     */
+    private function sendBodyByBinary()
+    {
+        echo $this->binary;
+
+        return $this;
+    }
+
+    /**
+     * Sets the response header to display the file in the browser.
+     *
+     * @return DownloadResponse
+     */
+    public function inline()
+    {
+        $this->setHeader('Content-Disposition', $this->getContentDisposition(true));
+
+        return $this;
+    }
+}
diff --git a/ci4app/system/HTTP/Exceptions/BadRequestException.php b/ci4app/system/HTTP/Exceptions/BadRequestException.php
new file mode 100644
index 0000000..35933dc
--- /dev/null
+++ b/ci4app/system/HTTP/Exceptions/BadRequestException.php
@@ -0,0 +1,30 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP\Exceptions;
+
+use CodeIgniter\Exceptions\HTTPExceptionInterface;
+use CodeIgniter\Exceptions\RuntimeException;
+
+/**
+ * 400 Bad Request
+ */
+class BadRequestException extends RuntimeException implements HTTPExceptionInterface
+{
+    /**
+     * HTTP status code for Bad Request
+     *
+     * @var int
+     */
+    protected $code = 400; // @phpstan-ignore-line
+}
diff --git a/ci4app/system/HTTP/Exceptions/ExceptionInterface.php b/ci4app/system/HTTP/Exceptions/ExceptionInterface.php
new file mode 100644
index 0000000..984a949
--- /dev/null
+++ b/ci4app/system/HTTP/Exceptions/ExceptionInterface.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP\Exceptions;
+
+/**
+ * Provides a domain-level interface for broad capture
+ * of all HTTP-related exceptions.
+ *
+ * catch (\CodeIgniter\HTTP\Exceptions\ExceptionInterface) { ... }
+ */
+interface ExceptionInterface extends \CodeIgniter\Exceptions\ExceptionInterface
+{
+}
diff --git a/ci4app/system/HTTP/Exceptions/HTTPException.php b/ci4app/system/HTTP/Exceptions/HTTPException.php
new file mode 100644
index 0000000..146a565
--- /dev/null
+++ b/ci4app/system/HTTP/Exceptions/HTTPException.php
@@ -0,0 +1,244 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP\Exceptions;
+
+use CodeIgniter\Exceptions\FrameworkException;
+
+/**
+ * Things that can go wrong with HTTP
+ */
+class HTTPException extends FrameworkException implements ExceptionInterface
+{
+    /**
+     * For CurlRequest
+     *
+     * @return HTTPException
+     *
+     * @codeCoverageIgnore
+     */
+    public static function forMissingCurl()
+    {
+        return new static(lang('HTTP.missingCurl'));
+    }
+
+    /**
+     * For CurlRequest
+     *
+     * @return HTTPException
+     */
+    public static function forSSLCertNotFound(string $cert)
+    {
+        return new static(lang('HTTP.sslCertNotFound', [$cert]));
+    }
+
+    /**
+     * For CurlRequest
+     *
+     * @return HTTPException
+     */
+    public static function forInvalidSSLKey(string $key)
+    {
+        return new static(lang('HTTP.invalidSSLKey', [$key]));
+    }
+
+    /**
+     * For CurlRequest
+     *
+     * @return HTTPException
+     *
+     * @codeCoverageIgnore
+     */
+    public static function forCurlError(string $errorNum, string $error)
+    {
+        return new static(lang('HTTP.curlError', [$errorNum, $error]));
+    }
+
+    /**
+     * For IncomingRequest
+     *
+     * @return HTTPException
+     */
+    public static function forInvalidNegotiationType(string $type)
+    {
+        return new static(lang('HTTP.invalidNegotiationType', [$type]));
+    }
+
+    /**
+     * Thrown in IncomingRequest when the json_decode() produces
+     *  an error code other than JSON_ERROR_NONE.
+     *
+     * @param string $error The error message
+     *
+     * @return static
+     */
+    public static function forInvalidJSON(?string $error = null)
+    {
+        return new static(lang('HTTP.invalidJSON', [$error]));
+    }
+
+    /**
+     * For Message
+     *
+     * @return HTTPException
+     */
+    public static function forInvalidHTTPProtocol(string $invalidVersion)
+    {
+        return new static(lang('HTTP.invalidHTTPProtocol', [$invalidVersion]));
+    }
+
+    /**
+     * For Negotiate
+     *
+     * @return HTTPException
+     */
+    public static function forEmptySupportedNegotiations()
+    {
+        return new static(lang('HTTP.emptySupportedNegotiations'));
+    }
+
+    /**
+     * For RedirectResponse
+     *
+     * @return HTTPException
+     */
+    public static function forInvalidRedirectRoute(string $route)
+    {
+        return new static(lang('HTTP.invalidRoute', [$route]));
+    }
+
+    /**
+     * For Response
+     *
+     * @return HTTPException
+     */
+    public static function forMissingResponseStatus()
+    {
+        return new static(lang('HTTP.missingResponseStatus'));
+    }
+
+    /**
+     * For Response
+     *
+     * @return HTTPException
+     */
+    public static function forInvalidStatusCode(int $code)
+    {
+        return new static(lang('HTTP.invalidStatusCode', [$code]));
+    }
+
+    /**
+     * For Response
+     *
+     * @return HTTPException
+     */
+    public static function forUnkownStatusCode(int $code)
+    {
+        return new static(lang('HTTP.unknownStatusCode', [$code]));
+    }
+
+    /**
+     * For URI
+     *
+     * @return HTTPException
+     */
+    public static function forUnableToParseURI(string $uri)
+    {
+        return new static(lang('HTTP.cannotParseURI', [$uri]));
+    }
+
+    /**
+     * For URI
+     *
+     * @return HTTPException
+     */
+    public static function forURISegmentOutOfRange(int $segment)
+    {
+        return new static(lang('HTTP.segmentOutOfRange', [$segment]));
+    }
+
+    /**
+     * For URI
+     *
+     * @return HTTPException
+     */
+    public static function forInvalidPort(int $port)
+    {
+        return new static(lang('HTTP.invalidPort', [$port]));
+    }
+
+    /**
+     * For URI
+     *
+     * @return HTTPException
+     */
+    public static function forMalformedQueryString()
+    {
+        return new static(lang('HTTP.malformedQueryString'));
+    }
+
+    /**
+     * For Uploaded file move
+     *
+     * @return HTTPException
+     */
+    public static function forAlreadyMoved()
+    {
+        return new static(lang('HTTP.alreadyMoved'));
+    }
+
+    /**
+     * For Uploaded file move
+     *
+     * @return HTTPException
+     */
+    public static function forInvalidFile(?string $path = null)
+    {
+        return new static(lang('HTTP.invalidFile'));
+    }
+
+    /**
+     * For Uploaded file move
+     *
+     * @return HTTPException
+     */
+    public static function forMoveFailed(string $source, string $target, string $error)
+    {
+        return new static(lang('HTTP.moveFailed', [$source, $target, $error]));
+    }
+
+    /**
+     * For Invalid SameSite attribute setting
+     *
+     * @return HTTPException
+     *
+     * @deprecated Use `CookieException::forInvalidSameSite()` instead.
+     *
+     * @codeCoverageIgnore
+     */
+    public static function forInvalidSameSiteSetting(string $samesite)
+    {
+        return new static(lang('Security.invalidSameSiteSetting', [$samesite]));
+    }
+
+    /**
+     * Thrown when the JSON format is not supported.
+     * This is specifically for cases where data validation is expected to work with key-value structures.
+     *
+     * @return HTTPException
+     */
+    public static function forUnsupportedJSONFormat()
+    {
+        return new static(lang('HTTP.unsupportedJSONFormat'));
+    }
+}
diff --git a/ci4app/system/HTTP/Exceptions/RedirectException.php b/ci4app/system/HTTP/Exceptions/RedirectException.php
new file mode 100644
index 0000000..abb9be1
--- /dev/null
+++ b/ci4app/system/HTTP/Exceptions/RedirectException.php
@@ -0,0 +1,90 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP\Exceptions;
+
+use CodeIgniter\Exceptions\HTTPExceptionInterface;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Exceptions\LogicException;
+use CodeIgniter\Exceptions\RuntimeException;
+use CodeIgniter\HTTP\ResponsableInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use Throwable;
+
+/**
+ * RedirectException
+ */
+class RedirectException extends RuntimeException implements ExceptionInterface, ResponsableInterface, HTTPExceptionInterface
+{
+    /**
+     * HTTP status code for redirects
+     *
+     * @var int
+     */
+    protected $code = 302;
+
+    protected ?ResponseInterface $response = null;
+
+    /**
+     * @param ResponseInterface|string $message Response object or a string containing a relative URI.
+     * @param int                      $code    HTTP status code to redirect if $message is a string.
+     */
+    public function __construct($message = '', int $code = 0, ?Throwable $previous = null)
+    {
+        if (! is_string($message) && ! $message instanceof ResponseInterface) {
+            throw new InvalidArgumentException(
+                'RedirectException::__construct() first argument must be a string or ResponseInterface',
+                0,
+                $this,
+            );
+        }
+
+        if ($message instanceof ResponseInterface) {
+            $this->response = $message;
+
+            $message = '';
+
+            if ($this->response->getHeaderLine('Location') === '' && $this->response->getHeaderLine('Refresh') === '') {
+                throw new LogicException(
+                    'The Response object passed to RedirectException does not contain a redirect address.',
+                );
+            }
+
+            if ($this->response->getStatusCode() < 301 || $this->response->getStatusCode() > 308) {
+                $this->response->setStatusCode($this->code);
+            }
+        }
+
+        parent::__construct($message, $code, $previous);
+    }
+
+    public function getResponse(): ResponseInterface
+    {
+        if (! $this->response instanceof ResponseInterface) {
+            $this->response = service('response')->redirect(
+                base_url($this->getMessage()),
+                'auto',
+                $this->getCode(),
+            );
+        }
+
+        $location = $this->response->getHeaderLine('Location');
+
+        service(('logger'))->info(sprintf(
+            'REDIRECTED ROUTE at %s',
+            $location !== '' ? $location : substr($this->response->getHeaderLine('Refresh'), 6),
+        ));
+
+        return $this->response;
+    }
+}
diff --git a/ci4app/system/HTTP/Files/FileCollection.php b/ci4app/system/HTTP/Files/FileCollection.php
new file mode 100644
index 0000000..484b3ff
--- /dev/null
+++ b/ci4app/system/HTTP/Files/FileCollection.php
@@ -0,0 +1,262 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP\Files;
+
+use RecursiveArrayIterator;
+use RecursiveIteratorIterator;
+
+/**
+ * Class FileCollection
+ *
+ * Provides easy access to uploaded files for a request.
+ *
+ * @see \CodeIgniter\HTTP\Files\FileCollectionTest
+ */
+class FileCollection
+{
+    /**
+     * An array of UploadedFile instances for any files
+     * uploaded as part of this request.
+     * Populated the first time either files(), file(), or hasFile()
+     * is called.
+     *
+     * @var array|null
+     */
+    protected $files;
+
+    /**
+     * Returns an array of all uploaded files that were found.
+     * Each element in the array will be an instance of UploadedFile.
+     * The key of each element will be the client filename.
+     *
+     * @return array|null
+     */
+    public function all()
+    {
+        $this->populateFiles();
+
+        return $this->files;
+    }
+
+    /**
+     * Attempts to get a single file from the collection of uploaded files.
+     *
+     * @return UploadedFile|null
+     */
+    public function getFile(string $name)
+    {
+        $this->populateFiles();
+
+        if ($this->hasFile($name)) {
+            if (str_contains($name, '.')) {
+                $name         = explode('.', $name);
+                $uploadedFile = $this->getValueDotNotationSyntax($name, $this->files);
+
+                return $uploadedFile instanceof UploadedFile ? $uploadedFile : null;
+            }
+
+            if (array_key_exists($name, $this->files)) {
+                $uploadedFile = $this->files[$name];
+
+                return $uploadedFile instanceof UploadedFile ? $uploadedFile : null;
+            }
+        }
+
+        return null;
+    }
+
+    /**
+     * Verify if a file exist in the collection of uploaded files and is have been uploaded with multiple option.
+     *
+     * @return list<UploadedFile>|null
+     */
+    public function getFileMultiple(string $name)
+    {
+        $this->populateFiles();
+
+        if ($this->hasFile($name)) {
+            if (str_contains($name, '.')) {
+                $name         = explode('.', $name);
+                $uploadedFile = $this->getValueDotNotationSyntax($name, $this->files);
+
+                return (is_array($uploadedFile) && ($uploadedFile[array_key_first($uploadedFile)] instanceof UploadedFile)) ?
+                    $uploadedFile : null;
+            }
+
+            if (array_key_exists($name, $this->files)) {
+                $uploadedFile = $this->files[$name];
+
+                return (is_array($uploadedFile) && ($uploadedFile[array_key_first($uploadedFile)] instanceof UploadedFile)) ?
+                    $uploadedFile : null;
+            }
+        }
+
+        return null;
+    }
+
+    /**
+     * Checks whether an uploaded file with name $fileID exists in
+     * this request.
+     *
+     * @param string $fileID The name of the uploaded file (from the input)
+     */
+    public function hasFile(string $fileID): bool
+    {
+        $this->populateFiles();
+
+        if (str_contains($fileID, '.')) {
+            $segments = explode('.', $fileID);
+
+            $el = $this->files;
+
+            foreach ($segments as $segment) {
+                if (! array_key_exists($segment, $el)) {
+                    return false;
+                }
+
+                $el = $el[$segment];
+            }
+
+            return true;
+        }
+
+        return isset($this->files[$fileID]);
+    }
+
+    /**
+     * Taking information from the $_FILES array, it creates an instance
+     * of UploadedFile for each one, saving the results to this->files.
+     *
+     * Called by files(), file(), and hasFile()
+     *
+     * @return void
+     */
+    protected function populateFiles()
+    {
+        if (is_array($this->files)) {
+            return;
+        }
+
+        $this->files = [];
+
+        if ($_FILES === []) {
+            return;
+        }
+
+        $files = $this->fixFilesArray($_FILES);
+
+        foreach ($files as $name => $file) {
+            $this->files[$name] = $this->createFileObject($file);
+        }
+    }
+
+    /**
+     * Given a file array, will create UploadedFile instances. Will
+     * loop over an array and create objects for each.
+     *
+     * @return list<UploadedFile>|UploadedFile
+     */
+    protected function createFileObject(array $array)
+    {
+        if (! isset($array['name'])) {
+            $output = [];
+
+            foreach ($array as $key => $values) {
+                if (! is_array($values)) {
+                    continue;
+                }
+
+                $output[$key] = $this->createFileObject($values);
+            }
+
+            return $output;
+        }
+
+        return new UploadedFile(
+            $array['tmp_name'] ?? null,
+            $array['name'] ?? null,
+            $array['type'] ?? null,
+            ($array['size'] ?? null) === null ? null : (int) $array['size'],
+            $array['error'] ?? null,
+            $array['full_path'] ?? null,
+        );
+    }
+
+    /**
+     * Reformats the odd $_FILES array into something much more like
+     * we would expect, with each object having its own array.
+     *
+     * Thanks to Jack Sleight on the PHP Manual page for the basis
+     * of this method.
+     *
+     * @see http://php.net/manual/en/reserved.variables.files.php#118294
+     */
+    protected function fixFilesArray(array $data): array
+    {
+        $output = [];
+
+        foreach ($data as $name => $array) {
+            foreach ($array as $field => $value) {
+                $pointer = &$output[$name];
+
+                if (! is_array($value)) {
+                    $pointer[$field] = $value;
+
+                    continue;
+                }
+
+                $stack    = [&$pointer];
+                $iterator = new RecursiveIteratorIterator(
+                    new RecursiveArrayIterator($value),
+                    RecursiveIteratorIterator::SELF_FIRST,
+                );
+
+                foreach ($iterator as $key => $val) {
+                    array_splice($stack, $iterator->getDepth() + 1);
+                    $pointer = &$stack[count($stack) - 1];
+                    $pointer = &$pointer[$key];
+                    $stack[] = &$pointer;
+
+                    // RecursiveIteratorIterator::hasChildren() can be used. RecursiveIteratorIterator
+                    // forwards all unknown method calls to the underlying RecursiveIterator internally.
+                    // See https://github.com/php/doc-en/issues/787#issuecomment-881446121
+                    if (! $iterator->hasChildren()) {
+                        $pointer[$field] = $val;
+                    }
+                }
+            }
+        }
+
+        return $output;
+    }
+
+    /**
+     * Navigate through an array looking for a particular index
+     *
+     * @param array $index The index sequence we are navigating down
+     * @param array $value The portion of the array to process
+     *
+     * @return list<UploadedFile>|UploadedFile|null
+     */
+    protected function getValueDotNotationSyntax(array $index, array $value)
+    {
+        $currentIndex = array_shift($index);
+
+        if (isset($currentIndex) && $index !== [] && array_key_exists($currentIndex, $value) && is_array($value[$currentIndex])) {
+            return $this->getValueDotNotationSyntax($index, $value[$currentIndex]);
+        }
+
+        return $value[$currentIndex] ?? null;
+    }
+}
diff --git a/ci4app/system/HTTP/Files/UploadedFile.php b/ci4app/system/HTTP/Files/UploadedFile.php
new file mode 100644
index 0000000..b439230
--- /dev/null
+++ b/ci4app/system/HTTP/Files/UploadedFile.php
@@ -0,0 +1,361 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP\Files;
+
+use CodeIgniter\Files\File;
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+use Config\Mimes;
+use Exception;
+
+/**
+ * Value object representing a single file uploaded through an
+ * HTTP request. Used by the IncomingRequest class to
+ * provide files.
+ *
+ * Typically, implementors will extend the SplFileInfo class.
+ */
+class UploadedFile extends File implements UploadedFileInterface
+{
+    /**
+     * The path to the temporary file.
+     *
+     * @var string
+     */
+    protected $path;
+
+    /**
+     * The webkit relative path of the file.
+     *
+     * @var string
+     */
+    protected $clientPath;
+
+    /**
+     * The original filename as provided by the client.
+     *
+     * @var string
+     */
+    protected $originalName;
+
+    /**
+     * The filename given to a file during a move.
+     *
+     * @var string
+     */
+    protected $name;
+
+    /**
+     * The type of file as provided by PHP
+     *
+     * @var string
+     */
+    protected $originalMimeType;
+
+    /**
+     * The error constant of the upload
+     * (one of PHP's UPLOADERRXXX constants)
+     *
+     * @var int
+     */
+    protected $error;
+
+    /**
+     * Whether the file has been moved already or not.
+     *
+     * @var bool
+     */
+    protected $hasMoved = false;
+
+    /**
+     * Accepts the file information as would be filled in from the $_FILES array.
+     *
+     * @param string      $path         The temporary location of the uploaded file.
+     * @param string      $originalName The client-provided filename.
+     * @param string|null $mimeType     The type of file as provided by PHP
+     * @param int|null    $size         The size of the file, in bytes
+     * @param int|null    $error        The error constant of the upload (one of PHP's UPLOADERRXXX constants)
+     * @param string|null $clientPath   The webkit relative path of the uploaded file.
+     */
+    public function __construct(string $path, string $originalName, ?string $mimeType = null, ?int $size = null, ?int $error = null, ?string $clientPath = null)
+    {
+        $this->path             = $path;
+        $this->name             = $originalName;
+        $this->originalName     = $originalName;
+        $this->originalMimeType = $mimeType;
+        $this->size             = $size;
+        $this->error            = $error;
+        $this->clientPath       = $clientPath;
+
+        parent::__construct($path, false);
+    }
+
+    /**
+     * Move the uploaded file to a new location.
+     *
+     * $targetPath may be an absolute path, or a relative path. If it is a
+     * relative path, resolution should be the same as used by PHP's rename()
+     * function.
+     *
+     * The original file MUST be removed on completion.
+     *
+     * If this method is called more than once, any subsequent calls MUST raise
+     * an exception.
+     *
+     * When used in an SAPI environment where $_FILES is populated, when writing
+     * files via moveTo(), is_uploaded_file() and move_uploaded_file() SHOULD be
+     * used to ensure permissions and upload status are verified correctly.
+     *
+     * If you wish to move to a stream, use getStream(), as SAPI operations
+     * cannot guarantee writing to stream destinations.
+     *
+     * @see http://php.net/is_uploaded_file
+     * @see http://php.net/move_uploaded_file
+     *
+     * @param string      $targetPath Path to which to move the uploaded file.
+     * @param string|null $name       the name to rename the file to.
+     * @param bool        $overwrite  State for indicating whether to overwrite the previously generated file with the same
+     *                                name or not.
+     *
+     * @return bool
+     */
+    public function move(string $targetPath, ?string $name = null, bool $overwrite = false)
+    {
+        $targetPath = rtrim($targetPath, '/') . '/';
+        $targetPath = $this->setPath($targetPath); // set the target path
+
+        if ($this->hasMoved) {
+            throw HTTPException::forAlreadyMoved();
+        }
+
+        if (! $this->isValid()) {
+            throw HTTPException::forInvalidFile();
+        }
+
+        $name ??= $this->getName();
+        $destination = $overwrite ? $targetPath . $name : $this->getDestination($targetPath . $name);
+
+        try {
+            $this->hasMoved = move_uploaded_file($this->path, $destination);
+        } catch (Exception) {
+            $error   = error_get_last();
+            $message = strip_tags($error['message'] ?? '');
+
+            throw HTTPException::forMoveFailed(basename($this->path), $targetPath, $message);
+        }
+
+        if ($this->hasMoved === false) {
+            $message = 'move_uploaded_file() returned false';
+
+            throw HTTPException::forMoveFailed(basename($this->path), $targetPath, $message);
+        }
+
+        @chmod($targetPath, 0777 & ~umask());
+
+        // Success, so store our new information
+        $this->path = $targetPath;
+        $this->name = basename($destination);
+
+        return true;
+    }
+
+    /**
+     * create file target path if
+     * the set path does not exist
+     *
+     * @return string The path set or created.
+     */
+    protected function setPath(string $path): string
+    {
+        if (! is_dir($path)) {
+            mkdir($path, 0777, true);
+            // create the index.html file
+            if (! is_file($path . 'index.html')) {
+                $file = fopen($path . 'index.html', 'x+b');
+                fclose($file);
+            }
+        }
+
+        return $path;
+    }
+
+    /**
+     * Returns whether the file has been moved or not. If it has,
+     * the move() method will not work and certain properties, like
+     * the tempName, will no longer be available.
+     */
+    public function hasMoved(): bool
+    {
+        return $this->hasMoved;
+    }
+
+    /**
+     * Retrieve the error associated with the uploaded file.
+     *
+     * The return value MUST be one of PHP's UPLOAD_ERR_XXX constants.
+     *
+     * If the file was uploaded successfully, this method MUST return
+     * UPLOAD_ERR_OK.
+     *
+     * Implementations SHOULD return the value stored in the "error" key of
+     * the file in the $_FILES array.
+     *
+     * @see    http://php.net/manual/en/features.file-upload.errors.php
+     *
+     * @return int One of PHP's UPLOAD_ERR_XXX constants.
+     */
+    public function getError(): int
+    {
+        return $this->error ?? UPLOAD_ERR_OK;
+    }
+
+    /**
+     * Get error string
+     */
+    public function getErrorString(): string
+    {
+        $errors = [
+            UPLOAD_ERR_OK         => lang('HTTP.uploadErrOk'),
+            UPLOAD_ERR_INI_SIZE   => lang('HTTP.uploadErrIniSize'),
+            UPLOAD_ERR_FORM_SIZE  => lang('HTTP.uploadErrFormSize'),
+            UPLOAD_ERR_PARTIAL    => lang('HTTP.uploadErrPartial'),
+            UPLOAD_ERR_NO_FILE    => lang('HTTP.uploadErrNoFile'),
+            UPLOAD_ERR_CANT_WRITE => lang('HTTP.uploadErrCantWrite'),
+            UPLOAD_ERR_NO_TMP_DIR => lang('HTTP.uploadErrNoTmpDir'),
+            UPLOAD_ERR_EXTENSION  => lang('HTTP.uploadErrExtension'),
+        ];
+
+        $error = $this->error ?? UPLOAD_ERR_OK;
+
+        return sprintf($errors[$error] ?? lang('HTTP.uploadErrUnknown'), $this->getName());
+    }
+
+    /**
+     * Returns the mime type as provided by the client.
+     * This is NOT a trusted value.
+     * For a trusted version, use getMimeType() instead.
+     *
+     * @return string The media type sent by the client or null if none was provided.
+     */
+    public function getClientMimeType(): string
+    {
+        return $this->originalMimeType;
+    }
+
+    /**
+     * Retrieve the filename. This will typically be the filename sent
+     * by the client, and should not be trusted. If the file has been
+     * moved, this will return the final name of the moved file.
+     *
+     * @return string The filename sent by the client or null if none was provided.
+     */
+    public function getName(): string
+    {
+        return $this->name;
+    }
+
+    /**
+     * Returns the name of the file as provided by the client during upload.
+     */
+    public function getClientName(): string
+    {
+        return $this->originalName;
+    }
+
+    /**
+     * (PHP 8.1+)
+     * Returns the webkit relative path of the uploaded file on directory uploads.
+     */
+    public function getClientPath(): ?string
+    {
+        return $this->clientPath;
+    }
+
+    /**
+     * Gets the temporary filename where the file was uploaded to.
+     */
+    public function getTempName(): string
+    {
+        return $this->path;
+    }
+
+    /**
+     * Overrides SPLFileInfo's to work with uploaded files, since
+     * the temp file that's been uploaded doesn't have an extension.
+     *
+     * This method tries to guess the extension from the files mime
+     * type but will return the clientExtension if it fails to do so.
+     *
+     * This method will always return a more or less helpfull extension
+     * but might be insecure if the mime type is not matched. Consider
+     * using guessExtension for a more safe version.
+     */
+    public function getExtension(): string
+    {
+        $guessExtension = $this->guessExtension();
+
+        return $guessExtension !== '' ? $guessExtension : $this->getClientExtension();
+    }
+
+    /**
+     * Attempts to determine the best file extension from the file's
+     * mime type. In contrast to getExtension, this method will return
+     * an empty string if it fails to determine an extension instead of
+     * falling back to the unsecure clientExtension.
+     */
+    public function guessExtension(): string
+    {
+        return Mimes::guessExtensionFromType($this->getMimeType(), $this->getClientExtension()) ?? '';
+    }
+
+    /**
+     * Returns the original file extension, based on the file name that
+     * was uploaded. This is NOT a trusted source.
+     * For a trusted version, use guessExtension() instead.
+     */
+    public function getClientExtension(): string
+    {
+        return pathinfo($this->originalName, PATHINFO_EXTENSION);
+    }
+
+    /**
+     * Returns whether the file was uploaded successfully, based on whether
+     * it was uploaded via HTTP and has no errors.
+     */
+    public function isValid(): bool
+    {
+        return is_uploaded_file($this->path) && $this->error === UPLOAD_ERR_OK;
+    }
+
+    /**
+     * Save the uploaded file to a new location.
+     *
+     * By default, upload files are saved in writable/uploads directory. The YYYYMMDD folder
+     * and random file name will be created.
+     *
+     * @param string|null $folderName the folder name to writable/uploads directory.
+     * @param string|null $fileName   the name to rename the file to.
+     *
+     * @return string file full path
+     */
+    public function store(?string $folderName = null, ?string $fileName = null): string
+    {
+        $folderName = rtrim($folderName ?? date('Ymd'), '/') . '/';
+        $fileName ??= $this->getRandomName();
+
+        // Move the uploaded file to a new location.
+        $this->move(WRITEPATH . 'uploads/' . $folderName, $fileName);
+
+        return $folderName . $this->name;
+    }
+}
diff --git a/ci4app/system/HTTP/Files/UploadedFileInterface.php b/ci4app/system/HTTP/Files/UploadedFileInterface.php
new file mode 100644
index 0000000..6e849d0
--- /dev/null
+++ b/ci4app/system/HTTP/Files/UploadedFileInterface.php
@@ -0,0 +1,150 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP\Files;
+
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Exceptions\RuntimeException;
+
+/**
+ * Value object representing a single file uploaded through an
+ * HTTP request. Used by the IncomingRequest class to
+ * provide files.
+ *
+ * Typically, implementors will extend the SplFileInfo class.
+ */
+interface UploadedFileInterface
+{
+    /**
+     * Accepts the file information as would be filled in from the $_FILES array.
+     *
+     * @param string      $path         The temporary location of the uploaded file.
+     * @param string      $originalName The client-provided filename.
+     * @param string|null $mimeType     The type of file as provided by PHP
+     * @param int|null    $size         The size of the file, in bytes
+     * @param int|null    $error        The error constant of the upload (one of PHP's UPLOADERRXXX constants)
+     * @param string|null $clientPath   The webkit relative path of the uploaded file.
+     */
+    public function __construct(string $path, string $originalName, ?string $mimeType = null, ?int $size = null, ?int $error = null, ?string $clientPath = null);
+
+    /**
+     * Move the uploaded file to a new location.
+     *
+     * $targetPath may be an absolute path, or a relative path. If it is a
+     * relative path, resolution should be the same as used by PHP's rename()
+     * function.
+     *
+     * The original file MUST be removed on completion.
+     *
+     * If this method is called more than once, any subsequent calls MUST raise
+     * an exception.
+     *
+     * When used in an SAPI environment where $_FILES is populated, when writing
+     * files via moveTo(), is_uploaded_file() and move_uploaded_file() SHOULD be
+     * used to ensure permissions and upload status are verified correctly.
+     *
+     * If you wish to move to a stream, use getStream(), as SAPI operations
+     * cannot guarantee writing to stream destinations.
+     *
+     * @see http://php.net/is_uploaded_file
+     * @see http://php.net/move_uploaded_file
+     *
+     * @param string      $targetPath Path to which to move the uploaded file.
+     * @param string|null $name       the name to rename the file to.
+     *
+     * @return bool
+     *
+     * @throws InvalidArgumentException if the $path specified is invalid.
+     * @throws RuntimeException         on the second or subsequent call to the method.
+     */
+    public function move(string $targetPath, ?string $name = null);
+
+    /**
+     * Returns whether the file has been moved or not. If it has,
+     * the move() method will not work and certain properties, like
+     * the tempName, will no longer be available.
+     */
+    public function hasMoved(): bool;
+
+    /**
+     * Retrieve the error associated with the uploaded file.
+     *
+     * The return value MUST be one of PHP's UPLOAD_ERR_XXX constants.
+     *
+     * If the file was uploaded successfully, this method MUST return
+     * UPLOAD_ERR_OK.
+     *
+     * Implementations SHOULD return the value stored in the "error" key of
+     * the file in the $_FILES array.
+     *
+     * @see    http://php.net/manual/en/features.file-upload.errors.php
+     *
+     * @return int One of PHP's UPLOAD_ERR_XXX constants.
+     */
+    public function getError(): int;
+
+    /**
+     * Retrieve the filename sent by the client.
+     *
+     * Do not trust the value returned by this method. A client could send
+     * a malicious filename with the intention to corrupt or hack your
+     * application.
+     *
+     * Implementations SHOULD return the value stored in the "name" key of
+     * the file in the $_FILES array.
+     *
+     * @return string The filename sent by the client or null if none
+     *                was provided.
+     */
+    public function getName(): string;
+
+    /**
+     * Gets the temporary filename where the file was uploaded to.
+     */
+    public function getTempName(): string;
+
+    /**
+     * (PHP 8.1+)
+     * Returns the webkit relative path of the uploaded file on directory uploads.
+     */
+    public function getClientPath(): ?string;
+
+    /**
+     * Returns the original file extension, based on the file name that
+     * was uploaded. This is NOT a trusted source.
+     * For a trusted version, use guessExtension() instead.
+     */
+    public function getClientExtension(): string;
+
+    /**
+     * Returns the mime type as provided by the client.
+     * This is NOT a trusted value.
+     * For a trusted version, use getMimeType() instead.
+     */
+    public function getClientMimeType(): string;
+
+    /**
+     * Returns whether the file was uploaded successfully, based on whether
+     * it was uploaded via HTTP and has no errors.
+     */
+    public function isValid(): bool;
+
+    /**
+     * Returns the destination path for the move operation where overwriting is not expected.
+     *
+     * First, it checks whether the delimiter is present in the filename, if it is, then it checks whether the
+     * last element is an integer as there may be cases that the delimiter may be present in the filename.
+     * For the all other cases, it appends an integer starting from zero before the file's extension.
+     */
+    public function getDestination(string $destination, string $delimiter = '_', int $i = 0): string;
+}
diff --git a/ci4app/system/HTTP/Header.php b/ci4app/system/HTTP/Header.php
new file mode 100644
index 0000000..a21f996
--- /dev/null
+++ b/ci4app/system/HTTP/Header.php
@@ -0,0 +1,264 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use InvalidArgumentException;
+use Stringable;
+
+/**
+ * Class Header
+ *
+ * Represents a single HTTP header.
+ *
+ * @see \CodeIgniter\HTTP\HeaderTest
+ */
+class Header implements Stringable
+{
+    /**
+     * The name of the header.
+     *
+     * @var string
+     */
+    protected $name;
+
+    /**
+     * The value of the header. May have more than one
+     * value. If so, will be an array of strings.
+     * E.g.,
+     *   [
+     *       'foo',
+     *       [
+     *           'bar' => 'fizz',
+     *       ],
+     *       'baz' => 'buzz',
+     *   ]
+     *
+     * @var array<int|string, array<string, string>|string>|string
+     */
+    protected $value;
+
+    /**
+     * Header constructor. name is mandatory, if a value is provided, it will be set.
+     *
+     * @param array<int|string, array<string, string>|string>|string|null $value
+     */
+    public function __construct(string $name, $value = null)
+    {
+        $this->setName($name);
+        $this->setValue($value);
+    }
+
+    /**
+     * Returns the name of the header, in the same case it was set.
+     */
+    public function getName(): string
+    {
+        return $this->name;
+    }
+
+    /**
+     * Gets the raw value of the header. This may return either a string
+     * or an array, depending on whether the header has multiple values or not.
+     *
+     * @return array<int|string, array<string, string>|string>|string
+     */
+    public function getValue()
+    {
+        return $this->value;
+    }
+
+    /**
+     * Sets the name of the header, overwriting any previous value.
+     *
+     * @return $this
+     *
+     * @throws InvalidArgumentException
+     */
+    public function setName(string $name)
+    {
+        $this->validateName($name);
+        $this->name = $name;
+
+        return $this;
+    }
+
+    /**
+     * Sets the value of the header, overwriting any previous value(s).
+     *
+     * @param array<int|string, array<string, string>|string>|string|null $value
+     *
+     * @return $this
+     *
+     * @throws InvalidArgumentException
+     */
+    public function setValue($value = null)
+    {
+        $value = is_array($value) ? $value : (string) $value;
+
+        $this->validateValue($value);
+
+        $this->value = $value;
+
+        return $this;
+    }
+
+    /**
+     * Appends a value to the list of values for this header. If the
+     * header is a single value string, it will be converted to an array.
+     *
+     * @param array<string, string>|string|null $value
+     *
+     * @return $this
+     *
+     * @throws InvalidArgumentException
+     */
+    public function appendValue($value = null)
+    {
+        if ($value === null) {
+            return $this;
+        }
+
+        $this->validateValue($value);
+
+        if (! is_array($this->value)) {
+            $this->value = [$this->value];
+        }
+
+        if (! in_array($value, $this->value, true)) {
+            $this->value[] = is_array($value) ? $value : (string) $value;
+        }
+
+        return $this;
+    }
+
+    /**
+     * Prepends a value to the list of values for this header. If the
+     * header is a single value string, it will be converted to an array.
+     *
+     * @param array<string, string>|string|null $value
+     *
+     * @return $this
+     *
+     * @throws InvalidArgumentException
+     */
+    public function prependValue($value = null)
+    {
+        if ($value === null) {
+            return $this;
+        }
+
+        $this->validateValue($value);
+
+        if (! is_array($this->value)) {
+            $this->value = [$this->value];
+        }
+
+        array_unshift($this->value, $value);
+
+        return $this;
+    }
+
+    /**
+     * Retrieves a comma-separated string of the values for a single header.
+     *
+     * NOTE: Not all header values may be appropriately represented using
+     * comma concatenation. For such headers, use getHeader() instead
+     * and supply your own delimiter when concatenating.
+     *
+     * @see https://www.w3.org/Protocols/rfc2616/rfc2616-sec4.html#sec4.2
+     */
+    public function getValueLine(): string
+    {
+        if (is_string($this->value)) {
+            return $this->value;
+        }
+        if (! is_array($this->value)) {
+            return '';
+        }
+
+        $options = [];
+
+        foreach ($this->value as $key => $value) {
+            if (is_string($key) && ! is_array($value)) {
+                $options[] = $key . '=' . $value;
+            } elseif (is_array($value)) {
+                $key       = key($value);
+                $options[] = $key . '=' . $value[$key];
+            } elseif (is_numeric($key)) {
+                $options[] = $value;
+            }
+        }
+
+        return implode(', ', $options);
+    }
+
+    /**
+     * Returns a representation of the entire header string, including
+     * the header name and all values converted to the proper format.
+     */
+    public function __toString(): string
+    {
+        return $this->name . ': ' . $this->getValueLine();
+    }
+
+    /**
+     * Validate header name.
+     *
+     * Regex is based on code from a guzzlehttp/psr7 library.
+     *
+     * @see https://datatracker.ietf.org/doc/html/rfc7230#section-3.2
+     *
+     * @throws InvalidArgumentException
+     */
+    private function validateName(string $name): void
+    {
+        if (preg_match('/^[a-zA-Z0-9\'`#$%&*+.^_|~!-]+$/D', $name) !== 1) {
+            throw new InvalidArgumentException('The header name is not valid as per RFC 7230.');
+        }
+    }
+
+    /**
+     * Validate header value.
+     *
+     * Regex is based on code from a guzzlehttp/psr7 library.
+     *
+     * @see https://datatracker.ietf.org/doc/html/rfc7230#section-3.2
+     *
+     * @param array<int|string, array<string, string>|string>|int|string $value
+     *
+     * @throws InvalidArgumentException
+     */
+    private function validateValue(array|int|string $value): void
+    {
+        if (is_int($value)) {
+            return;
+        }
+
+        if (is_array($value)) {
+            foreach ($value as $key => $val) {
+                $this->validateValue($key);
+                $this->validateValue($val);
+            }
+
+            return;
+        }
+
+        // The regular expression excludes obs-fold per RFC 7230#3.2.4, as sending folded lines
+        // is deprecated and rare. This obscure HTTP/1.1 feature is unlikely to impact legitimate
+        // use cases. Libraries like Guzzle and AMPHP follow the same principle.
+        if (preg_match('/^[\x20\x09\x21-\x7E\x80-\xFF]*$/D', $value) !== 1) {
+            throw new InvalidArgumentException('The header value is not valid as per RFC 7230.');
+        }
+    }
+}
diff --git a/ci4app/system/HTTP/IncomingRequest.php b/ci4app/system/HTTP/IncomingRequest.php
new file mode 100644
index 0000000..72b1ce0
--- /dev/null
+++ b/ci4app/system/HTTP/IncomingRequest.php
@@ -0,0 +1,880 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+use CodeIgniter\HTTP\Files\FileCollection;
+use CodeIgniter\HTTP\Files\UploadedFile;
+use Config\App;
+use Config\Services;
+use Locale;
+use stdClass;
+
+/**
+ * Class IncomingRequest
+ *
+ * Represents an incoming, server-side HTTP request.
+ *
+ * Per the HTTP specification, this interface includes properties for
+ * each of the following:
+ *
+ * - Protocol version
+ * - HTTP method
+ * - URI
+ * - Headers
+ * - Message body
+ *
+ * Additionally, it encapsulates all data as it has arrived to the
+ * application from the CGI and/or PHP environment, including:
+ *
+ * - The values represented in $_SERVER.
+ * - Any cookies provided (generally via $_COOKIE)
+ * - Query string arguments (generally via $_GET, or as parsed via parse_str())
+ * - Upload files, if any (as represented by $_FILES)
+ * - Deserialized body binds (generally from $_POST)
+ *
+ * @see \CodeIgniter\HTTP\IncomingRequestTest
+ */
+class IncomingRequest extends Request
+{
+    /**
+     * The URI for this request.
+     *
+     * Note: This WILL NOT match the actual URL in the browser since for
+     * everything this cares about (and the router, etc) is the portion
+     * AFTER the baseURL. So, if hosted in a sub-folder this will
+     * appear different than actual URI path. If you need that use getPath().
+     *
+     * @var URI
+     */
+    protected $uri;
+
+    /**
+     * The detected URI path (relative to the baseURL).
+     *
+     * Note: current_url() uses this to build its URI,
+     * so this becomes the source for the "current URL"
+     * when working with the share request instance.
+     *
+     * @var string|null
+     */
+    protected $path;
+
+    /**
+     * File collection
+     *
+     * @var FileCollection|null
+     */
+    protected $files;
+
+    /**
+     * Negotiator
+     *
+     * @var Negotiate|null
+     */
+    protected $negotiator;
+
+    /**
+     * The default Locale this request
+     * should operate under.
+     *
+     * @var string
+     */
+    protected $defaultLocale;
+
+    /**
+     * The current locale of the application.
+     * Default value is set in app/Config/App.php
+     *
+     * @var string
+     */
+    protected $locale;
+
+    /**
+     * Stores the valid locale codes.
+     *
+     * @var array
+     */
+    protected $validLocales = [];
+
+    /**
+     * Holds the old data from a redirect.
+     *
+     * @var array
+     */
+    protected $oldInput = [];
+
+    /**
+     * The user agent this request is from.
+     *
+     * @var UserAgent
+     */
+    protected $userAgent;
+
+    /**
+     * Constructor
+     *
+     * @param App         $config
+     * @param string|null $body
+     */
+    public function __construct($config, ?URI $uri = null, $body = 'php://input', ?UserAgent $userAgent = null)
+    {
+        if (! $uri instanceof URI || ! $userAgent instanceof UserAgent) {
+            throw new InvalidArgumentException('You must supply the parameters: uri, userAgent.');
+        }
+
+        $this->populateHeaders();
+
+        if (
+            $body === 'php://input'
+            // php://input is not available with enctype="multipart/form-data".
+            // See https://www.php.net/manual/en/wrappers.php.php#wrappers.php.input
+            && ! str_contains($this->getHeaderLine('Content-Type'), 'multipart/form-data')
+            && (int) $this->getHeaderLine('Content-Length') <= $this->getPostMaxSize()
+        ) {
+            // Get our body from php://input
+            $body = file_get_contents('php://input');
+        }
+
+        // If file_get_contents() returns false or empty string, set null.
+        if ($body === false || $body === '') {
+            $body = null;
+        }
+
+        $this->uri          = $uri;
+        $this->body         = $body;
+        $this->userAgent    = $userAgent;
+        $this->validLocales = $config->supportedLocales;
+
+        parent::__construct($config);
+
+        if ($uri instanceof SiteURI) {
+            $this->setPath($uri->getRoutePath());
+        } else {
+            $this->setPath($uri->getPath());
+        }
+
+        $this->detectLocale($config);
+    }
+
+    private function getPostMaxSize(): int
+    {
+        $postMaxSize = ini_get('post_max_size');
+
+        return match (strtoupper(substr($postMaxSize, -1))) {
+            'G'     => (int) str_replace('G', '', $postMaxSize) * 1024 ** 3,
+            'M'     => (int) str_replace('M', '', $postMaxSize) * 1024 ** 2,
+            'K'     => (int) str_replace('K', '', $postMaxSize) * 1024,
+            default => (int) $postMaxSize,
+        };
+    }
+
+    /**
+     * Handles setting up the locale, perhaps auto-detecting through
+     * content negotiation.
+     *
+     * @param App $config
+     *
+     * @return void
+     */
+    public function detectLocale($config)
+    {
+        $this->locale = $this->defaultLocale = $config->defaultLocale;
+
+        if (! $config->negotiateLocale) {
+            return;
+        }
+
+        $this->setLocale($this->negotiate('language', $config->supportedLocales));
+    }
+
+    /**
+     * Sets up our URI object based on the information we have. This is
+     * either provided by the user in the baseURL Config setting, or
+     * determined from the environment as needed.
+     *
+     * @return void
+     *
+     * @deprecated 4.4.0 No longer used.
+     */
+    protected function detectURI(string $protocol, string $baseURL)
+    {
+        $this->setPath($this->detectPath($this->config->uriProtocol), $this->config);
+    }
+
+    /**
+     * Detects the relative path based on
+     * the URIProtocol Config setting.
+     *
+     * @deprecated 4.4.0 Moved to SiteURIFactory.
+     */
+    public function detectPath(string $protocol = ''): string
+    {
+        if ($protocol === '') {
+            $protocol = 'REQUEST_URI';
+        }
+
+        $this->path = match ($protocol) {
+            'REQUEST_URI'  => $this->parseRequestURI(),
+            'QUERY_STRING' => $this->parseQueryString(),
+            default        => $this->fetchGlobal('server', $protocol) ?? $this->parseRequestURI(),
+        };
+
+        return $this->path;
+    }
+
+    /**
+     * Will parse the REQUEST_URI and automatically detect the URI from it,
+     * fixing the query string if necessary.
+     *
+     * @return string The URI it found.
+     *
+     * @deprecated 4.4.0 Moved to SiteURIFactory.
+     */
+    protected function parseRequestURI(): string
+    {
+        if (! isset($_SERVER['REQUEST_URI'], $_SERVER['SCRIPT_NAME'])) {
+            return '';
+        }
+
+        // parse_url() returns false if no host is present, but the path or query string
+        // contains a colon followed by a number. So we attach a dummy host since
+        // REQUEST_URI does not include the host. This allows us to parse out the query string and path.
+        $parts = parse_url('http://dummy' . $_SERVER['REQUEST_URI']);
+        $query = $parts['query'] ?? '';
+        $uri   = $parts['path'] ?? '';
+
+        // Strip the SCRIPT_NAME path from the URI
+        if (
+            $uri !== '' && isset($_SERVER['SCRIPT_NAME'][0])
+            && pathinfo($_SERVER['SCRIPT_NAME'], PATHINFO_EXTENSION) === 'php'
+        ) {
+            // Compare each segment, dropping them until there is no match
+            $segments = $keep = explode('/', $uri);
+
+            foreach (explode('/', $_SERVER['SCRIPT_NAME']) as $i => $segment) {
+                // If these segments are not the same then we're done
+                if (! isset($segments[$i]) || $segment !== $segments[$i]) {
+                    break;
+                }
+
+                array_shift($keep);
+            }
+
+            $uri = implode('/', $keep);
+        }
+
+        // This section ensures that even on servers that require the URI to contain the query string (Nginx) a correct
+        // URI is found, and also fixes the QUERY_STRING Server var and $_GET array.
+        if (trim($uri, '/') === '' && str_starts_with($query, '/')) {
+            $query                   = explode('?', $query, 2);
+            $uri                     = $query[0];
+            $_SERVER['QUERY_STRING'] = $query[1] ?? '';
+        } else {
+            $_SERVER['QUERY_STRING'] = $query;
+        }
+
+        // Update our globals for values likely to been have changed
+        parse_str($_SERVER['QUERY_STRING'], $_GET);
+        $this->populateGlobals('server');
+        $this->populateGlobals('get');
+
+        $uri = URI::removeDotSegments($uri);
+
+        return ($uri === '/' || $uri === '') ? '/' : ltrim($uri, '/');
+    }
+
+    /**
+     * Parse QUERY_STRING
+     *
+     * Will parse QUERY_STRING and automatically detect the URI from it.
+     *
+     * @deprecated 4.4.0 Moved to SiteURIFactory.
+     */
+    protected function parseQueryString(): string
+    {
+        $uri = $_SERVER['QUERY_STRING'] ?? @getenv('QUERY_STRING');
+
+        if (trim($uri, '/') === '') {
+            return '/';
+        }
+
+        if (str_starts_with($uri, '/')) {
+            $uri                     = explode('?', $uri, 2);
+            $_SERVER['QUERY_STRING'] = $uri[1] ?? '';
+            $uri                     = $uri[0];
+        }
+
+        // Update our globals for values likely to been have changed
+        parse_str($_SERVER['QUERY_STRING'], $_GET);
+        $this->populateGlobals('server');
+        $this->populateGlobals('get');
+
+        $uri = URI::removeDotSegments($uri);
+
+        return ($uri === '/' || $uri === '') ? '/' : ltrim($uri, '/');
+    }
+
+    /**
+     * Provides a convenient way to work with the Negotiate class
+     * for content negotiation.
+     */
+    public function negotiate(string $type, array $supported, bool $strictMatch = false): string
+    {
+        if ($this->negotiator === null) {
+            $this->negotiator = Services::negotiator($this, true);
+        }
+
+        return match (strtolower($type)) {
+            'media'    => $this->negotiator->media($supported, $strictMatch),
+            'charset'  => $this->negotiator->charset($supported),
+            'encoding' => $this->negotiator->encoding($supported),
+            'language' => $this->negotiator->language($supported),
+            default    => throw HTTPException::forInvalidNegotiationType($type),
+        };
+    }
+
+    /**
+     * Checks this request type.
+     */
+    public function is(string $type): bool
+    {
+        $valueUpper = strtoupper($type);
+
+        $httpMethods = Method::all();
+
+        if (in_array($valueUpper, $httpMethods, true)) {
+            return $this->getMethod() === $valueUpper;
+        }
+
+        if ($valueUpper === 'JSON') {
+            return str_contains($this->getHeaderLine('Content-Type'), 'application/json');
+        }
+
+        if ($valueUpper === 'AJAX') {
+            return $this->isAJAX();
+        }
+
+        throw new InvalidArgumentException('Unknown type: ' . $type);
+    }
+
+    /**
+     * Determines if this request was made from the command line (CLI).
+     */
+    public function isCLI(): bool
+    {
+        return false;
+    }
+
+    /**
+     * Test to see if a request contains the HTTP_X_REQUESTED_WITH header.
+     */
+    public function isAJAX(): bool
+    {
+        return $this->hasHeader('X-Requested-With')
+            && strtolower($this->header('X-Requested-With')->getValue()) === 'xmlhttprequest';
+    }
+
+    /**
+     * Attempts to detect if the current connection is secure through
+     * a few different methods.
+     */
+    public function isSecure(): bool
+    {
+        if (! empty($_SERVER['HTTPS']) && strtolower($_SERVER['HTTPS']) !== 'off') {
+            return true;
+        }
+
+        if ($this->hasHeader('X-Forwarded-Proto') && $this->header('X-Forwarded-Proto')->getValue() === 'https') {
+            return true;
+        }
+
+        return $this->hasHeader('Front-End-Https') && ! empty($this->header('Front-End-Https')->getValue()) && strtolower($this->header('Front-End-Https')->getValue()) !== 'off';
+    }
+
+    /**
+     * Sets the URI path relative to baseURL.
+     *
+     * Note: Since current_url() accesses the shared request
+     * instance, this can be used to change the "current URL"
+     * for testing.
+     *
+     * @param string   $path   URI path relative to baseURL
+     * @param App|null $config Optional alternate config to use
+     *
+     * @return $this
+     *
+     * @deprecated 4.4.0 This method will be private. The parameter $config is deprecated. No longer used.
+     */
+    public function setPath(string $path, ?App $config = null)
+    {
+        $this->path = $path;
+
+        return $this;
+    }
+
+    /**
+     * Returns the URI path relative to baseURL,
+     * running detection as necessary.
+     */
+    public function getPath(): string
+    {
+        return $this->path;
+    }
+
+    /**
+     * Sets the locale string for this request.
+     *
+     * @return IncomingRequest
+     */
+    public function setLocale(string $locale)
+    {
+        // If it's not a valid locale, set it
+        // to the default locale for the site.
+        if (! in_array($locale, $this->validLocales, true)) {
+            $locale = $this->defaultLocale;
+        }
+
+        $this->locale = $locale;
+        Locale::setDefault($locale);
+
+        return $this;
+    }
+
+    /**
+     * Set the valid locales.
+     *
+     * @return $this
+     */
+    public function setValidLocales(array $locales)
+    {
+        $this->validLocales = $locales;
+
+        return $this;
+    }
+
+    /**
+     * Gets the current locale, with a fallback to the default
+     * locale if none is set.
+     */
+    public function getLocale(): string
+    {
+        return $this->locale;
+    }
+
+    /**
+     * Returns the default locale as set in app/Config/App.php
+     */
+    public function getDefaultLocale(): string
+    {
+        return $this->defaultLocale;
+    }
+
+    /**
+     * Fetch an item from JSON input stream with fallback to $_REQUEST object. This is the simplest way
+     * to grab data from the request object and can be used in lieu of the
+     * other get* methods in most cases.
+     *
+     * @param array|string|null $index
+     * @param int|null          $filter Filter constant
+     * @param array|int|null    $flags
+     *
+     * @return array|bool|float|int|stdClass|string|null
+     */
+    public function getVar($index = null, $filter = null, $flags = null)
+    {
+        if (
+            str_contains($this->getHeaderLine('Content-Type'), 'application/json')
+            && $this->body !== null
+        ) {
+            return $this->getJsonVar($index, false, $filter, $flags);
+        }
+
+        return $this->fetchGlobal('request', $index, $filter, $flags);
+    }
+
+    /**
+     * A convenience method that grabs the raw input stream and decodes
+     * the JSON into an array.
+     *
+     * If $assoc == true, then all objects in the response will be converted
+     * to associative arrays.
+     *
+     * @param bool $assoc   Whether to return objects as associative arrays
+     * @param int  $depth   How many levels deep to decode
+     * @param int  $options Bitmask of options
+     *
+     * @see http://php.net/manual/en/function.json-decode.php
+     *
+     * @return array|bool|float|int|stdClass|null
+     *
+     * @throws HTTPException When the body is invalid as JSON.
+     */
+    public function getJSON(bool $assoc = false, int $depth = 512, int $options = 0)
+    {
+        if ($this->body === null) {
+            return null;
+        }
+
+        $result = json_decode($this->body, $assoc, $depth, $options);
+
+        if (json_last_error() !== JSON_ERROR_NONE) {
+            throw HTTPException::forInvalidJSON(json_last_error_msg());
+        }
+
+        return $result;
+    }
+
+    /**
+     * Get a specific variable from a JSON input stream
+     *
+     * @param array|string|null $index  The variable that you want which can use dot syntax for getting specific values.
+     * @param bool              $assoc  If true, return the result as an associative array.
+     * @param int|null          $filter Filter Constant
+     * @param array|int|null    $flags  Option
+     *
+     * @return array|bool|float|int|stdClass|string|null
+     */
+    public function getJsonVar($index = null, bool $assoc = false, ?int $filter = null, $flags = null)
+    {
+        helper('array');
+
+        $data = $this->getJSON(true);
+        if (! is_array($data)) {
+            return null;
+        }
+
+        if (is_string($index)) {
+            $data = dot_array_search($index, $data);
+        } elseif (is_array($index)) {
+            $result = [];
+
+            foreach ($index as $key) {
+                $result[$key] = dot_array_search($key, $data);
+            }
+
+            [$data, $result] = [$result, null];
+        }
+
+        if ($data === null) {
+            return null;
+        }
+
+        $filter ??= FILTER_DEFAULT;
+        $flags = is_array($flags) ? $flags : (is_numeric($flags) ? (int) $flags : 0);
+
+        if ($filter !== FILTER_DEFAULT
+            || (
+                (is_numeric($flags) && $flags !== 0)
+                || is_array($flags) && $flags !== []
+            )
+        ) {
+            if (is_array($data)) {
+                // Iterate over array and append filter and flags
+                array_walk_recursive($data, static function (&$val) use ($filter, $flags): void {
+                    $valType = gettype($val);
+                    $val     = filter_var($val, $filter, $flags);
+
+                    if (in_array($valType, ['int', 'integer', 'float', 'double', 'bool', 'boolean'], true) && $val !== false) {
+                        settype($val, $valType);
+                    }
+                });
+            } else {
+                $dataType = gettype($data);
+                $data     = filter_var($data, $filter, $flags);
+
+                if (in_array($dataType, ['int', 'integer', 'float', 'double', 'bool', 'boolean'], true) && $data !== false) {
+                    settype($data, $dataType);
+                }
+            }
+        }
+
+        if (! $assoc) {
+            if (is_array($index)) {
+                foreach ($data as &$val) {
+                    $val = is_array($val) ? json_decode(json_encode($val)) : $val;
+                }
+
+                return $data;
+            }
+
+            return json_decode(json_encode($data));
+        }
+
+        return $data;
+    }
+
+    /**
+     * A convenience method that grabs the raw input stream(send method in PUT, PATCH, DELETE) and decodes
+     * the String into an array.
+     *
+     * @return array
+     */
+    public function getRawInput()
+    {
+        parse_str($this->body ?? '', $output);
+
+        return $output;
+    }
+
+    /**
+     * Gets a specific variable from raw input stream (send method in PUT, PATCH, DELETE).
+     *
+     * @param array|string|null $index  The variable that you want which can use dot syntax for getting specific values.
+     * @param int|null          $filter Filter Constant
+     * @param array|int|null    $flags  Option
+     *
+     * @return array|bool|float|int|object|string|null
+     */
+    public function getRawInputVar($index = null, ?int $filter = null, $flags = null)
+    {
+        helper('array');
+
+        parse_str($this->body ?? '', $output);
+
+        if (is_string($index)) {
+            $output = dot_array_search($index, $output);
+        } elseif (is_array($index)) {
+            $data = [];
+
+            foreach ($index as $key) {
+                $data[$key] = dot_array_search($key, $output);
+            }
+
+            [$output, $data] = [$data, null];
+        }
+
+        $filter ??= FILTER_DEFAULT;
+        $flags = is_array($flags) ? $flags : (is_numeric($flags) ? (int) $flags : 0);
+
+        if (is_array($output)
+            && (
+                $filter !== FILTER_DEFAULT
+                || (
+                    (is_numeric($flags) && $flags !== 0)
+                    || is_array($flags) && $flags !== []
+                )
+            )
+        ) {
+            // Iterate over array and append filter and flags
+            array_walk_recursive($output, static function (&$val) use ($filter, $flags): void {
+                $val = filter_var($val, $filter, $flags);
+            });
+
+            return $output;
+        }
+
+        if (is_string($output)) {
+            return filter_var($output, $filter, $flags);
+        }
+
+        return $output;
+    }
+
+    /**
+     * Fetch an item from GET data.
+     *
+     * @param array|string|null $index  Index for item to fetch from $_GET.
+     * @param int|null          $filter A filter name to apply.
+     * @param array|int|null    $flags
+     *
+     * @return array|bool|float|int|object|string|null
+     */
+    public function getGet($index = null, $filter = null, $flags = null)
+    {
+        return $this->fetchGlobal('get', $index, $filter, $flags);
+    }
+
+    /**
+     * Fetch an item from POST.
+     *
+     * @param array|string|null $index  Index for item to fetch from $_POST.
+     * @param int|null          $filter A filter name to apply
+     * @param array|int|null    $flags
+     *
+     * @return array|bool|float|int|object|string|null
+     */
+    public function getPost($index = null, $filter = null, $flags = null)
+    {
+        return $this->fetchGlobal('post', $index, $filter, $flags);
+    }
+
+    /**
+     * Fetch an item from POST data with fallback to GET.
+     *
+     * @param array|string|null $index  Index for item to fetch from $_POST or $_GET
+     * @param int|null          $filter A filter name to apply
+     * @param array|int|null    $flags
+     *
+     * @return array|bool|float|int|object|string|null
+     */
+    public function getPostGet($index = null, $filter = null, $flags = null)
+    {
+        if ($index === null) {
+            return array_merge($this->getGet($index, $filter, $flags), $this->getPost($index, $filter, $flags));
+        }
+
+        // Use $_POST directly here, since filter_has_var only
+        // checks the initial POST data, not anything that might
+        // have been added since.
+        return isset($_POST[$index])
+            ? $this->getPost($index, $filter, $flags)
+            : (isset($_GET[$index]) ? $this->getGet($index, $filter, $flags) : $this->getPost($index, $filter, $flags));
+    }
+
+    /**
+     * Fetch an item from GET data with fallback to POST.
+     *
+     * @param array|string|null $index  Index for item to be fetched from $_GET or $_POST
+     * @param int|null          $filter A filter name to apply
+     * @param array|int|null    $flags
+     *
+     * @return array|bool|float|int|object|string|null
+     */
+    public function getGetPost($index = null, $filter = null, $flags = null)
+    {
+        if ($index === null) {
+            return array_merge($this->getPost($index, $filter, $flags), $this->getGet($index, $filter, $flags));
+        }
+
+        // Use $_GET directly here, since filter_has_var only
+        // checks the initial GET data, not anything that might
+        // have been added since.
+        return isset($_GET[$index])
+            ? $this->getGet($index, $filter, $flags)
+            : (isset($_POST[$index]) ? $this->getPost($index, $filter, $flags) : $this->getGet($index, $filter, $flags));
+    }
+
+    /**
+     * Fetch an item from the COOKIE array.
+     *
+     * @param array|string|null $index  Index for item to be fetched from $_COOKIE
+     * @param int|null          $filter A filter name to be applied
+     * @param array|int|null    $flags
+     *
+     * @return array|bool|float|int|object|string|null
+     */
+    public function getCookie($index = null, $filter = null, $flags = null)
+    {
+        return $this->fetchGlobal('cookie', $index, $filter, $flags);
+    }
+
+    /**
+     * Fetch the user agent string
+     *
+     * @return UserAgent
+     */
+    public function getUserAgent()
+    {
+        return $this->userAgent;
+    }
+
+    /**
+     * Attempts to get old Input data that has been flashed to the session
+     * with redirect_with_input(). It first checks for the data in the old
+     * POST data, then the old GET data and finally check for dot arrays
+     *
+     * @return array|string|null
+     */
+    public function getOldInput(string $key)
+    {
+        // If the session hasn't been started, we're done.
+        if (! isset($_SESSION)) {
+            return null;
+        }
+
+        // Get previously saved in session
+        $old = session('_ci_old_input');
+
+        // If no data was previously saved, we're done.
+        if ($old === null) {
+            return null;
+        }
+
+        // Check for the value in the POST array first.
+        if (isset($old['post'][$key])) {
+            return $old['post'][$key];
+        }
+
+        // Next check in the GET array.
+        if (isset($old['get'][$key])) {
+            return $old['get'][$key];
+        }
+
+        helper('array');
+
+        // Check for an array value in POST.
+        if (isset($old['post'])) {
+            $value = dot_array_search($key, $old['post']);
+            if ($value !== null) {
+                return $value;
+            }
+        }
+
+        // Check for an array value in GET.
+        if (isset($old['get'])) {
+            $value = dot_array_search($key, $old['get']);
+            if ($value !== null) {
+                return $value;
+            }
+        }
+
+        // requested session key not found
+        return null;
+    }
+
+    /**
+     * Returns an array of all files that have been uploaded with this
+     * request. Each file is represented by an UploadedFile instance.
+     */
+    public function getFiles(): array
+    {
+        if ($this->files === null) {
+            $this->files = new FileCollection();
+        }
+
+        return $this->files->all(); // return all files
+    }
+
+    /**
+     * Verify if a file exist, by the name of the input field used to upload it, in the collection
+     * of uploaded files and if is have been uploaded with multiple option.
+     *
+     * @return array|null
+     */
+    public function getFileMultiple(string $fileID)
+    {
+        if ($this->files === null) {
+            $this->files = new FileCollection();
+        }
+
+        return $this->files->getFileMultiple($fileID);
+    }
+
+    /**
+     * Retrieves a single file by the name of the input field used
+     * to upload it.
+     *
+     * @return UploadedFile|null
+     */
+    public function getFile(string $fileID)
+    {
+        if ($this->files === null) {
+            $this->files = new FileCollection();
+        }
+
+        return $this->files->getFile($fileID);
+    }
+}
diff --git a/ci4app/system/HTTP/Message.php b/ci4app/system/HTTP/Message.php
new file mode 100644
index 0000000..5a490e0
--- /dev/null
+++ b/ci4app/system/HTTP/Message.php
@@ -0,0 +1,142 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\Exceptions\InvalidArgumentException;
+
+/**
+ * An HTTP message
+ *
+ * @see \CodeIgniter\HTTP\MessageTest
+ */
+class Message implements MessageInterface
+{
+    use MessageTrait;
+
+    /**
+     * Protocol version
+     *
+     * @var string
+     */
+    protected $protocolVersion;
+
+    /**
+     * List of valid protocol versions
+     *
+     * @var array
+     */
+    protected $validProtocolVersions = [
+        '1.0',
+        '1.1',
+        '2.0',
+        '3.0',
+    ];
+
+    /**
+     * Message body
+     *
+     * @var string|null
+     */
+    protected $body;
+
+    /**
+     * Returns the Message's body.
+     *
+     * @return string|null
+     */
+    public function getBody()
+    {
+        return $this->body;
+    }
+
+    /**
+     * Returns an array containing all headers.
+     *
+     * @return array<string, Header> An array of the request headers
+     *
+     * @deprecated Use Message::headers() to make room for PSR-7
+     *
+     * @TODO Incompatible return value with PSR-7
+     *
+     * @codeCoverageIgnore
+     */
+    public function getHeaders(): array
+    {
+        return $this->headers();
+    }
+
+    /**
+     * Returns a single header object. If multiple headers with the same
+     * name exist, then will return an array of header objects.
+     *
+     * @return array|Header|null
+     *
+     * @deprecated Use Message::header() to make room for PSR-7
+     *
+     * @TODO Incompatible return value with PSR-7
+     *
+     * @codeCoverageIgnore
+     */
+    public function getHeader(string $name)
+    {
+        return $this->header($name);
+    }
+
+    /**
+     * Determines whether a header exists.
+     */
+    public function hasHeader(string $name): bool
+    {
+        $origName = $this->getHeaderName($name);
+
+        return isset($this->headers[$origName]);
+    }
+
+    /**
+     * Retrieves a comma-separated string of the values for a single header.
+     *
+     * This method returns all of the header values of the given
+     * case-insensitive header name as a string concatenated together using
+     * a comma.
+     *
+     * NOTE: Not all header values may be appropriately represented using
+     * comma concatenation. For such headers, use getHeader() instead
+     * and supply your own delimiter when concatenating.
+     */
+    public function getHeaderLine(string $name): string
+    {
+        if ($this->hasMultipleHeaders($name)) {
+            throw new InvalidArgumentException(
+                'The header "' . $name . '" already has multiple headers.'
+                . ' You cannot use getHeaderLine().',
+            );
+        }
+
+        $origName = $this->getHeaderName($name);
+
+        if (! array_key_exists($origName, $this->headers)) {
+            return '';
+        }
+
+        return $this->headers[$origName]->getValueLine();
+    }
+
+    /**
+     * Returns the HTTP Protocol Version.
+     */
+    public function getProtocolVersion(): string
+    {
+        return $this->protocolVersion ?? '1.1';
+    }
+}
diff --git a/ci4app/system/HTTP/MessageInterface.php b/ci4app/system/HTTP/MessageInterface.php
new file mode 100644
index 0000000..b8850a0
--- /dev/null
+++ b/ci4app/system/HTTP/MessageInterface.php
@@ -0,0 +1,145 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+
+/**
+ * Expected behavior of an HTTP message
+ */
+interface MessageInterface
+{
+    /**
+     * Retrieves the HTTP protocol version as a string.
+     *
+     * The string MUST contain only the HTTP version number (e.g., "1.1", "1.0").
+     *
+     * @return string HTTP protocol version.
+     */
+    public function getProtocolVersion(): string;
+
+    /**
+     * Sets the body of the current message.
+     *
+     * @param string $data
+     *
+     * @return $this
+     */
+    public function setBody($data);
+
+    /**
+     * Gets the body of the message.
+     *
+     * @return string|null
+     *
+     * @TODO Incompatible return type with PSR-7
+     */
+    public function getBody();
+
+    /**
+     * Appends data to the body of the current message.
+     *
+     * @param string $data
+     *
+     * @return $this
+     */
+    public function appendBody($data);
+
+    /**
+     * Populates the $headers array with any headers the server knows about.
+     */
+    public function populateHeaders(): void;
+
+    /**
+     * Returns an array containing all Headers.
+     *
+     * @return array<string, Header|list<Header>> An array of the Header objects
+     */
+    public function headers(): array;
+
+    /**
+     * Checks if a header exists by the given case-insensitive name.
+     *
+     * @param string $name Case-insensitive header field name.
+     *
+     * @return bool Returns true if any header names match the given header
+     *              name using a case-insensitive string comparison. Returns false if
+     *              no matching header name is found in the message.
+     */
+    public function hasHeader(string $name): bool;
+
+    /**
+     * Returns a single Header object. If multiple headers with the same
+     * name exist, then will return an array of header objects.
+     *
+     * @param string $name
+     *
+     * @return Header|list<Header>|null
+     */
+    public function header($name);
+
+    /**
+     * Retrieves a comma-separated string of the values for a single header.
+     *
+     * This method returns all of the header values of the given
+     * case-insensitive header name as a string concatenated together using
+     * a comma.
+     *
+     * NOTE: Not all header values may be appropriately represented using
+     * comma concatenation. For such headers, use getHeader() instead
+     * and supply your own delimiter when concatenating.
+     */
+    public function getHeaderLine(string $name): string;
+
+    /**
+     * Sets a header and it's value.
+     *
+     * @param array|string|null $value
+     *
+     * @return $this
+     */
+    public function setHeader(string $name, $value);
+
+    /**
+     * Removes a header from the list of headers we track.
+     *
+     * @return $this
+     */
+    public function removeHeader(string $name);
+
+    /**
+     * Adds an additional header value to any headers that accept
+     * multiple values (i.e. are an array or implement ArrayAccess)
+     *
+     * @return $this
+     */
+    public function appendHeader(string $name, ?string $value);
+
+    /**
+     * Adds an additional header value to any headers that accept
+     * multiple values (i.e. are an array or implement ArrayAccess)
+     *
+     * @return $this
+     */
+    public function prependHeader(string $name, string $value);
+
+    /**
+     * Sets the HTTP protocol version.
+     *
+     * @return $this
+     *
+     * @throws HTTPException For invalid protocols
+     */
+    public function setProtocolVersion(string $version);
+}
diff --git a/ci4app/system/HTTP/MessageTrait.php b/ci4app/system/HTTP/MessageTrait.php
new file mode 100644
index 0000000..50daed9
--- /dev/null
+++ b/ci4app/system/HTTP/MessageTrait.php
@@ -0,0 +1,299 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+
+/**
+ * Message Trait
+ * Additional methods to make a PSR-7 Message class
+ * compliant with the framework's own MessageInterface.
+ *
+ * @see https://github.com/php-fig/http-message/blob/master/src/MessageInterface.php
+ */
+trait MessageTrait
+{
+    /**
+     * List of all HTTP request headers.
+     *
+     * [name => Header]
+     * or
+     * [name => [Header1, Header2]]
+     *
+     * @var array<string, Header|list<Header>>
+     */
+    protected $headers = [];
+
+    /**
+     * Holds a map of lower-case header names
+     * and their normal-case key as it is in $headers.
+     * Used for case-insensitive header access.
+     *
+     * @var array
+     */
+    protected $headerMap = [];
+
+    // --------------------------------------------------------------------
+    // Body
+    // --------------------------------------------------------------------
+
+    /**
+     * Sets the body of the current message.
+     *
+     * @param string $data
+     *
+     * @return $this
+     */
+    public function setBody($data): self
+    {
+        $this->body = $data;
+
+        return $this;
+    }
+
+    /**
+     * Appends data to the body of the current message.
+     *
+     * @param string $data
+     *
+     * @return $this
+     */
+    public function appendBody($data): self
+    {
+        $this->body .= (string) $data;
+
+        return $this;
+    }
+
+    // --------------------------------------------------------------------
+    // Headers
+    // --------------------------------------------------------------------
+
+    /**
+     * Populates the $headers array with any headers the server knows about.
+     */
+    public function populateHeaders(): void
+    {
+        $contentType = $_SERVER['CONTENT_TYPE'] ?? getenv('CONTENT_TYPE');
+        if (! empty($contentType)) {
+            $this->setHeader('Content-Type', $contentType);
+        }
+        unset($contentType);
+
+        foreach (array_keys($_SERVER) as $key) {
+            if (sscanf($key, 'HTTP_%s', $header) === 1) {
+                // take SOME_HEADER and turn it into Some-Header
+                $header = str_replace('_', ' ', strtolower($header));
+                $header = str_replace(' ', '-', ucwords($header));
+
+                $this->setHeader($header, $_SERVER[$key]);
+
+                // Add us to the header map, so we can find them case-insensitively
+                $this->headerMap[strtolower($header)] = $header;
+            }
+        }
+    }
+
+    /**
+     * Returns an array containing all Headers.
+     *
+     * @return array<string, Header|list<Header>> An array of the Header objects
+     */
+    public function headers(): array
+    {
+        // If no headers are defined, but the user is
+        // requesting it, then it's likely they want
+        // it to be populated so do that...
+        if (empty($this->headers)) {
+            $this->populateHeaders();
+        }
+
+        return $this->headers;
+    }
+
+    /**
+     * Returns a single Header object. If multiple headers with the same
+     * name exist, then will return an array of header objects.
+     *
+     * @param string $name
+     *
+     * @return Header|list<Header>|null
+     */
+    public function header($name)
+    {
+        $origName = $this->getHeaderName($name);
+
+        return $this->headers[$origName] ?? null;
+    }
+
+    /**
+     * Sets a header and it's value.
+     *
+     * @param array|string|null $value
+     *
+     * @return $this
+     */
+    public function setHeader(string $name, $value): self
+    {
+        $this->checkMultipleHeaders($name);
+
+        $origName = $this->getHeaderName($name);
+
+        if (
+            isset($this->headers[$origName])
+            && is_array($this->headers[$origName]->getValue())
+        ) {
+            if (! is_array($value)) {
+                $value = [$value];
+            }
+
+            foreach ($value as $v) {
+                $this->appendHeader($origName, $v);
+            }
+        } else {
+            $this->headers[$origName]               = new Header($origName, $value);
+            $this->headerMap[strtolower($origName)] = $origName;
+        }
+
+        return $this;
+    }
+
+    private function hasMultipleHeaders(string $name): bool
+    {
+        $origName = $this->getHeaderName($name);
+
+        return isset($this->headers[$origName]) && is_array($this->headers[$origName]);
+    }
+
+    private function checkMultipleHeaders(string $name): void
+    {
+        if ($this->hasMultipleHeaders($name)) {
+            throw new InvalidArgumentException(
+                'The header "' . $name . '" already has multiple headers.'
+                . ' You cannot change them. If you really need to change, remove the header first.',
+            );
+        }
+    }
+
+    /**
+     * Removes a header from the list of headers we track.
+     *
+     * @return $this
+     */
+    public function removeHeader(string $name): self
+    {
+        $origName = $this->getHeaderName($name);
+        unset($this->headers[$origName], $this->headerMap[strtolower($name)]);
+
+        return $this;
+    }
+
+    /**
+     * Adds an additional header value to any headers that accept
+     * multiple values (i.e. are an array or implement ArrayAccess)
+     *
+     * @return $this
+     */
+    public function appendHeader(string $name, ?string $value): self
+    {
+        $this->checkMultipleHeaders($name);
+
+        $origName = $this->getHeaderName($name);
+
+        array_key_exists($origName, $this->headers)
+            ? $this->headers[$origName]->appendValue($value)
+            : $this->setHeader($name, $value);
+
+        return $this;
+    }
+
+    /**
+     * Adds a header (not a header value) with the same name.
+     * Use this only when you set multiple headers with the same name,
+     * typically, for `Set-Cookie`.
+     *
+     * @return $this
+     */
+    public function addHeader(string $name, string $value): static
+    {
+        $origName = $this->getHeaderName($name);
+
+        if (! isset($this->headers[$origName])) {
+            $this->setHeader($name, $value);
+
+            return $this;
+        }
+
+        if (! $this->hasMultipleHeaders($name) && isset($this->headers[$origName])) {
+            $this->headers[$origName] = [$this->headers[$origName]];
+        }
+
+        // Add the header.
+        $this->headers[$origName][] = new Header($origName, $value);
+
+        return $this;
+    }
+
+    /**
+     * Adds an additional header value to any headers that accept
+     * multiple values (i.e. are an array or implement ArrayAccess)
+     *
+     * @return $this
+     */
+    public function prependHeader(string $name, string $value): self
+    {
+        $this->checkMultipleHeaders($name);
+
+        $origName = $this->getHeaderName($name);
+
+        $this->headers[$origName]->prependValue($value);
+
+        return $this;
+    }
+
+    /**
+     * Takes a header name in any case, and returns the
+     * normal-case version of the header.
+     */
+    protected function getHeaderName(string $name): string
+    {
+        return $this->headerMap[strtolower($name)] ?? $name;
+    }
+
+    /**
+     * Sets the HTTP protocol version.
+     *
+     * @return $this
+     *
+     * @throws HTTPException For invalid protocols
+     */
+    public function setProtocolVersion(string $version): self
+    {
+        if (! is_numeric($version)) {
+            $version = substr($version, strpos($version, '/') + 1);
+        }
+
+        // Make sure that version is in the correct format
+        $version = number_format((float) $version, 1);
+
+        if (! in_array($version, $this->validProtocolVersions, true)) {
+            throw HTTPException::forInvalidHTTPProtocol($version);
+        }
+
+        $this->protocolVersion = $version;
+
+        return $this;
+    }
+}
diff --git a/ci4app/system/HTTP/Method.php b/ci4app/system/HTTP/Method.php
new file mode 100644
index 0000000..ee3a09e
--- /dev/null
+++ b/ci4app/system/HTTP/Method.php
@@ -0,0 +1,121 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+/**
+ * HTTP Method List
+ */
+class Method
+{
+    /**
+     * Safe: No
+     * Idempotent: No
+     * Cacheable: No
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/CONNECT
+     */
+    public const CONNECT = 'CONNECT';
+
+    /**
+     * Safe: No
+     * Idempotent: Yes
+     * Cacheable: No
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/DELETE
+     */
+    public const DELETE = 'DELETE';
+
+    /**
+     * Safe: Yes
+     * Idempotent: Yes
+     * Cacheable: Yes
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/GET
+     */
+    public const GET = 'GET';
+
+    /**
+     * Safe: Yes
+     * Idempotent: Yes
+     * Cacheable: Yes
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/HEAD
+     */
+    public const HEAD = 'HEAD';
+
+    /**
+     * Safe: Yes
+     * Idempotent: Yes
+     * Cacheable: No
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/OPTIONS
+     */
+    public const OPTIONS = 'OPTIONS';
+
+    /**
+     * Safe: No
+     * Idempotent: No
+     * Cacheable: Only if freshness information is included
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/PATCH
+     */
+    public const PATCH = 'PATCH';
+
+    /**
+     * Safe: No
+     * Idempotent: No
+     * Cacheable: Only if freshness information is included
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/POST
+     */
+    public const POST = 'POST';
+
+    /**
+     * Safe: No
+     * Idempotent: Yes
+     * Cacheable: No
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/PUT
+     */
+    public const PUT = 'PUT';
+
+    /**
+     * Safe: Yes
+     * Idempotent: Yes
+     * Cacheable: No
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/TRACE
+     */
+    public const TRACE = 'TRACE';
+
+    /**
+     * Returns all HTTP methods.
+     *
+     * @return list<string>
+     */
+    public static function all(): array
+    {
+        return [
+            self::CONNECT,
+            self::DELETE,
+            self::GET,
+            self::HEAD,
+            self::OPTIONS,
+            self::PATCH,
+            self::POST,
+            self::PUT,
+            self::TRACE,
+        ];
+    }
+}
diff --git a/ci4app/system/HTTP/Negotiate.php b/ci4app/system/HTTP/Negotiate.php
new file mode 100644
index 0000000..f35a761
--- /dev/null
+++ b/ci4app/system/HTTP/Negotiate.php
@@ -0,0 +1,431 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+use Config\Feature;
+
+/**
+ * Class Negotiate
+ *
+ * Provides methods to negotiate with the HTTP headers to determine the best
+ * type match between what the application supports and what the requesting
+ * server wants.
+ *
+ * @see http://tools.ietf.org/html/rfc7231#section-5.3
+ * @see \CodeIgniter\HTTP\NegotiateTest
+ */
+class Negotiate
+{
+    /**
+     * Request
+     *
+     * @var IncomingRequest
+     */
+    protected $request;
+
+    /**
+     * Constructor
+     */
+    public function __construct(?RequestInterface $request = null)
+    {
+        if ($request instanceof RequestInterface) {
+            assert($request instanceof IncomingRequest);
+
+            $this->request = $request;
+        }
+    }
+
+    /**
+     * Stores the request instance to grab the headers from.
+     *
+     * @return $this
+     */
+    public function setRequest(RequestInterface $request)
+    {
+        assert($request instanceof IncomingRequest);
+
+        $this->request = $request;
+
+        return $this;
+    }
+
+    /**
+     * Determines the best content-type to use based on the $supported
+     * types the application says it supports, and the types requested
+     * by the client.
+     *
+     * If no match is found, the first, highest-ranking client requested
+     * type is returned.
+     *
+     * @param bool $strictMatch If TRUE, will return an empty string when no match found.
+     *                          If FALSE, will return the first supported element.
+     */
+    public function media(array $supported, bool $strictMatch = false): string
+    {
+        return $this->getBestMatch($supported, $this->request->getHeaderLine('accept'), true, $strictMatch);
+    }
+
+    /**
+     * Determines the best charset to use based on the $supported
+     * types the application says it supports, and the types requested
+     * by the client.
+     *
+     * If no match is found, the first, highest-ranking client requested
+     * type is returned.
+     */
+    public function charset(array $supported): string
+    {
+        $match = $this->getBestMatch(
+            $supported,
+            $this->request->getHeaderLine('accept-charset'),
+            false,
+            true,
+        );
+
+        // If no charset is shown as a match, ignore the directive
+        // as allowed by the RFC, and tell it a default value.
+        if ($match === '') {
+            return 'utf-8';
+        }
+
+        return $match;
+    }
+
+    /**
+     * Determines the best encoding type to use based on the $supported
+     * types the application says it supports, and the types requested
+     * by the client.
+     *
+     * If no match is found, the first, highest-ranking client requested
+     * type is returned.
+     */
+    public function encoding(array $supported = []): string
+    {
+        $supported[] = 'identity';
+
+        return $this->getBestMatch($supported, $this->request->getHeaderLine('accept-encoding'));
+    }
+
+    /**
+     * Determines the best language to use based on the $supported
+     * types the application says it supports, and the types requested
+     * by the client.
+     *
+     * If strict locale negotiation is disabled and no match is found, the first, highest-ranking client requested
+     * type is returned.
+     */
+    public function language(array $supported): string
+    {
+        if (config(Feature::class)->strictLocaleNegotiation) {
+            return $this->getBestLocaleMatch($supported, $this->request->getHeaderLine('accept-language'));
+        }
+
+        return $this->getBestMatch($supported, $this->request->getHeaderLine('accept-language'), false, false, true);
+    }
+
+    // --------------------------------------------------------------------
+    // Utility Methods
+    // --------------------------------------------------------------------
+
+    /**
+     * Does the grunt work of comparing any of the app-supported values
+     * against a given Accept* header string.
+     *
+     * Portions of this code base on Aura.Accept library.
+     *
+     * @param array  $supported    App-supported values
+     * @param string $header       header string
+     * @param bool   $enforceTypes If TRUE, will compare media types and sub-types.
+     * @param bool   $strictMatch  If TRUE, will return empty string on no match.
+     *                             If FALSE, will return the first supported element.
+     * @param bool   $matchLocales If TRUE, will match locale sub-types to a broad type (fr-FR = fr)
+     *
+     * @return string Best match
+     */
+    protected function getBestMatch(
+        array $supported,
+        ?string $header = null,
+        bool $enforceTypes = false,
+        bool $strictMatch = false,
+        bool $matchLocales = false,
+    ): string {
+        if ($supported === []) {
+            throw HTTPException::forEmptySupportedNegotiations();
+        }
+
+        if ($header === null || $header === '') {
+            return $strictMatch ? '' : $supported[0];
+        }
+
+        $acceptable = $this->parseHeader($header);
+
+        foreach ($acceptable as $accept) {
+            // if acceptable quality is zero, skip it.
+            if ($accept['q'] === 0.0) {
+                continue;
+            }
+
+            // if acceptable value is "anything", return the first available
+            if ($accept['value'] === '*' || $accept['value'] === '*/*') {
+                return $supported[0];
+            }
+
+            // If an acceptable value is supported, return it
+            foreach ($supported as $available) {
+                if ($this->match($accept, $available, $enforceTypes, $matchLocales)) {
+                    return $available;
+                }
+            }
+        }
+
+        // No matches? Return the first supported element.
+        return $strictMatch ? '' : $supported[0];
+    }
+
+    /**
+     * Try to find the best matching locale. It supports strict locale comparison.
+     *
+     * If Config\App::$supportedLocales have "en-US" and "en-GB" locales, they can be recognized
+     * as two different locales. This method checks first for the strict match, then fallback
+     * to the most general locale (in this case "en") ISO 639-1 and finally to the locale variant
+     * "en-*" (ISO 639-1 plus "wildcard" for ISO 3166-1 alpha-2).
+     *
+     * If nothing from above is matched, then it returns the first option from the $supportedLocales array.
+     *
+     * @param list<string> $supportedLocales App-supported values
+     * @param ?string      $header           Compatible 'Accept-Language' header string
+     */
+    protected function getBestLocaleMatch(array $supportedLocales, ?string $header): string
+    {
+        if ($supportedLocales === []) {
+            throw HTTPException::forEmptySupportedNegotiations();
+        }
+
+        if ($header === null || $header === '') {
+            return $supportedLocales[0];
+        }
+
+        $acceptable      = $this->parseHeader($header);
+        $fallbackLocales = [];
+
+        foreach ($acceptable as $accept) {
+            // if acceptable quality is zero, skip it.
+            if ($accept['q'] === 0.0) {
+                continue;
+            }
+
+            // if acceptable value is "anything", return the first available
+            if ($accept['value'] === '*') {
+                return $supportedLocales[0];
+            }
+
+            // look for exact match
+            if (in_array($accept['value'], $supportedLocales, true)) {
+                return $accept['value'];
+            }
+
+            // set a fallback locale
+            $fallbackLocales[] = strtok($accept['value'], '-');
+        }
+
+        foreach ($fallbackLocales as $fallbackLocale) {
+            // look for exact match
+            if (in_array($fallbackLocale, $supportedLocales, true)) {
+                return $fallbackLocale;
+            }
+
+            // look for regional locale match
+            foreach ($supportedLocales as $locale) {
+                if (str_starts_with($locale, $fallbackLocale . '-')) {
+                    return $locale;
+                }
+            }
+        }
+
+        return $supportedLocales[0];
+    }
+
+    /**
+     * Parses an Accept* header into it's multiple values.
+     *
+     * This is based on code from Aura.Accept library.
+     */
+    public function parseHeader(string $header): array
+    {
+        $results    = [];
+        $acceptable = explode(',', $header);
+
+        foreach ($acceptable as $value) {
+            $pairs = explode(';', $value);
+
+            $value = $pairs[0];
+
+            unset($pairs[0]);
+
+            $parameters = [];
+
+            foreach ($pairs as $pair) {
+                if (preg_match(
+                    '/^(?P<name>.+?)=(?P<quoted>"|\')?(?P<value>.*?)(?:\k<quoted>)?$/',
+                    $pair,
+                    $param,
+                )) {
+                    $parameters[trim($param['name'])] = trim($param['value']);
+                }
+            }
+
+            $quality = 1.0;
+
+            if (array_key_exists('q', $parameters)) {
+                $quality = $parameters['q'];
+                unset($parameters['q']);
+            }
+
+            $results[] = [
+                'value'  => trim($value),
+                'q'      => (float) $quality,
+                'params' => $parameters,
+            ];
+        }
+
+        // Sort to get the highest results first
+        usort($results, static function ($a, $b): int {
+            if ($a['q'] === $b['q']) {
+                $aAst = substr_count($a['value'], '*');
+                $bAst = substr_count($b['value'], '*');
+
+                // '*/*' has lower precedence than 'text/*',
+                // and 'text/*' has lower priority than 'text/plain'
+                //
+                // This seems backwards, but needs to be that way
+                // due to the way PHP7 handles ordering or array
+                // elements created by reference.
+                if ($aAst > $bAst) {
+                    return 1;
+                }
+
+                // If the counts are the same, but one element
+                // has more params than another, it has higher precedence.
+                //
+                // This seems backwards, but needs to be that way
+                // due to the way PHP7 handles ordering or array
+                // elements created by reference.
+                if ($aAst === $bAst) {
+                    return count($b['params']) - count($a['params']);
+                }
+
+                return 0;
+            }
+
+            // Still here? Higher q values have precedence.
+            return ($a['q'] > $b['q']) ? -1 : 1;
+        });
+
+        return $results;
+    }
+
+    /**
+     * Match-maker
+     *
+     * @param bool $matchLocales
+     */
+    protected function match(array $acceptable, string $supported, bool $enforceTypes = false, $matchLocales = false): bool
+    {
+        $supported = $this->parseHeader($supported);
+        if (count($supported) === 1) {
+            $supported = $supported[0];
+        }
+
+        // Is it an exact match?
+        if ($acceptable['value'] === $supported['value']) {
+            return $this->matchParameters($acceptable, $supported);
+        }
+
+        // Do we need to compare types/sub-types? Only used
+        // by negotiateMedia().
+        if ($enforceTypes) {
+            return $this->matchTypes($acceptable, $supported);
+        }
+
+        // Do we need to match locales against broader locales?
+        if ($matchLocales) {
+            return $this->matchLocales($acceptable, $supported);
+        }
+
+        return false;
+    }
+
+    /**
+     * Checks two Accept values with matching 'values' to see if their
+     * 'params' are the same.
+     */
+    protected function matchParameters(array $acceptable, array $supported): bool
+    {
+        if (count($acceptable['params']) !== count($supported['params'])) {
+            return false;
+        }
+
+        foreach ($supported['params'] as $label => $value) {
+            if (! isset($acceptable['params'][$label])
+                || $acceptable['params'][$label] !== $value
+            ) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * Compares the types/subtypes of an acceptable Media type and
+     * the supported string.
+     */
+    public function matchTypes(array $acceptable, array $supported): bool
+    {
+        // PHPDocumentor v2 cannot parse yet the shorter list syntax,
+        // causing no API generation for the file.
+        [$aType, $aSubType] = explode('/', $acceptable['value']);
+        [$sType, $sSubType] = explode('/', $supported['value']);
+
+        // If the types don't match, we're done.
+        if ($aType !== $sType) {
+            return false;
+        }
+
+        // If there's an asterisk, we're cool
+        if ($aSubType === '*') {
+            return true;
+        }
+
+        // Otherwise, subtypes must match also.
+        return $aSubType === $sSubType;
+    }
+
+    /**
+     * Will match locales against their broader pairs, so that fr-FR would
+     * match a supported localed of fr
+     */
+    public function matchLocales(array $acceptable, array $supported): bool
+    {
+        $aBroad = mb_strpos($acceptable['value'], '-') > 0
+            ? mb_substr($acceptable['value'], 0, mb_strpos($acceptable['value'], '-'))
+            : $acceptable['value'];
+        $sBroad = mb_strpos($supported['value'], '-') > 0
+            ? mb_substr($supported['value'], 0, mb_strpos($supported['value'], '-'))
+            : $supported['value'];
+
+        return strtolower($aBroad) === strtolower($sBroad);
+    }
+}
diff --git a/ci4app/system/HTTP/OutgoingRequest.php b/ci4app/system/HTTP/OutgoingRequest.php
new file mode 100644
index 0000000..eba5bab
--- /dev/null
+++ b/ci4app/system/HTTP/OutgoingRequest.php
@@ -0,0 +1,163 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+/**
+ * Representation of an outgoing, client-side request.
+ *
+ * @see \CodeIgniter\HTTP\OutgoingRequestTest
+ */
+class OutgoingRequest extends Message implements OutgoingRequestInterface
+{
+    /**
+     * Request method.
+     *
+     * @var string
+     */
+    protected $method;
+
+    /**
+     * A URI instance.
+     *
+     * @var URI|null
+     */
+    protected $uri;
+
+    /**
+     * @param string      $method HTTP method
+     * @param string|null $body
+     */
+    public function __construct(
+        string $method,
+        ?URI $uri = null,
+        array $headers = [],
+        $body = null,
+        string $version = '1.1',
+    ) {
+        $this->method = $method;
+        $this->uri    = $uri;
+
+        foreach ($headers as $header => $value) {
+            $this->setHeader($header, $value);
+        }
+
+        $this->body            = $body;
+        $this->protocolVersion = $version;
+
+        if (! $this->hasHeader('Host') && $this->uri->getHost() !== '') {
+            $this->setHeader('Host', $this->getHostFromUri($this->uri));
+        }
+    }
+
+    private function getHostFromUri(URI $uri): string
+    {
+        $host = $uri->getHost();
+
+        return $host . ($uri->getPort() > 0 ? ':' . $uri->getPort() : '');
+    }
+
+    /**
+     * Retrieves the HTTP method of the request.
+     *
+     * @return string Returns the request method (always uppercase)
+     */
+    public function getMethod(): string
+    {
+        return $this->method;
+    }
+
+    /**
+     * Sets the request method. Used when spoofing the request.
+     *
+     * @return $this
+     *
+     * @deprecated Use withMethod() instead for immutability
+     */
+    public function setMethod(string $method)
+    {
+        $this->method = $method;
+
+        return $this;
+    }
+
+    /**
+     * Returns an instance with the specified method.
+     *
+     * @param string $method
+     *
+     * @return static
+     */
+    public function withMethod($method)
+    {
+        $request         = clone $this;
+        $request->method = $method;
+
+        return $request;
+    }
+
+    /**
+     * Retrieves the URI instance.
+     *
+     * @return URI|null
+     */
+    public function getUri()
+    {
+        return $this->uri;
+    }
+
+    /**
+     * Returns an instance with the provided URI.
+     *
+     * @param URI  $uri          New request URI to use.
+     * @param bool $preserveHost Preserve the original state of the Host header.
+     *
+     * @return static
+     */
+    public function withUri(URI $uri, $preserveHost = false)
+    {
+        $request      = clone $this;
+        $request->uri = $uri;
+
+        if ($preserveHost) {
+            if ($this->isHostHeaderMissingOrEmpty() && $uri->getHost() !== '') {
+                $request->setHeader('Host', $this->getHostFromUri($uri));
+
+                return $request;
+            }
+
+            if ($this->isHostHeaderMissingOrEmpty() && $uri->getHost() === '') {
+                return $request;
+            }
+
+            if (! $this->isHostHeaderMissingOrEmpty()) {
+                return $request;
+            }
+        }
+
+        if ($uri->getHost() !== '') {
+            $request->setHeader('Host', $this->getHostFromUri($uri));
+        }
+
+        return $request;
+    }
+
+    private function isHostHeaderMissingOrEmpty(): bool
+    {
+        if (! $this->hasHeader('Host')) {
+            return true;
+        }
+
+        return $this->header('Host')->getValue() === '';
+    }
+}
diff --git a/ci4app/system/HTTP/OutgoingRequestInterface.php b/ci4app/system/HTTP/OutgoingRequestInterface.php
new file mode 100644
index 0000000..8e314a5
--- /dev/null
+++ b/ci4app/system/HTTP/OutgoingRequestInterface.php
@@ -0,0 +1,93 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\Exceptions\InvalidArgumentException;
+
+/**
+ * Representation of an outgoing, client-side request.
+ *
+ * Corresponds to Psr7\RequestInterface.
+ */
+interface OutgoingRequestInterface extends MessageInterface
+{
+    /**
+     * Retrieves the HTTP method of the request.
+     *
+     * @return string Returns the request method.
+     */
+    public function getMethod(): string;
+
+    /**
+     * Return an instance with the provided HTTP method.
+     *
+     * While HTTP method names are typically all uppercase characters, HTTP
+     * method names are case-sensitive and thus implementations SHOULD NOT
+     * modify the given string.
+     *
+     * This method MUST be implemented in such a way as to retain the
+     * immutability of the message, and MUST return an instance that has the
+     * changed request method.
+     *
+     * @param string $method Case-sensitive method.
+     *
+     * @return static
+     *
+     * @throws InvalidArgumentException for invalid HTTP methods.
+     */
+    public function withMethod($method);
+
+    /**
+     * Retrieves the URI instance.
+     *
+     * @see http://tools.ietf.org/html/rfc3986#section-4.3
+     *
+     * @return URI
+     */
+    public function getUri();
+
+    /**
+     * Returns an instance with the provided URI.
+     *
+     * This method MUST update the Host header of the returned request by
+     * default if the URI contains a host component. If the URI does not
+     * contain a host component, any pre-existing Host header MUST be carried
+     * over to the returned request.
+     *
+     * You can opt-in to preserving the original state of the Host header by
+     * setting `$preserveHost` to `true`. When `$preserveHost` is set to
+     * `true`, this method interacts with the Host header in the following ways:
+     *
+     * - If the Host header is missing or empty, and the new URI contains
+     *   a host component, this method MUST update the Host header in the returned
+     *   request.
+     * - If the Host header is missing or empty, and the new URI does not contain a
+     *   host component, this method MUST NOT update the Host header in the returned
+     *   request.
+     * - If a Host header is present and non-empty, this method MUST NOT update
+     *   the Host header in the returned request.
+     *
+     * This method MUST be implemented in such a way as to retain the
+     * immutability of the message, and MUST return an instance that has the
+     * new UriInterface instance.
+     *
+     * @see http://tools.ietf.org/html/rfc3986#section-4.3
+     *
+     * @param URI  $uri          New request URI to use.
+     * @param bool $preserveHost Preserve the original state of the Host header.
+     *
+     * @return static
+     */
+    public function withUri(URI $uri, $preserveHost = false);
+}
diff --git a/ci4app/system/HTTP/RedirectResponse.php b/ci4app/system/HTTP/RedirectResponse.php
new file mode 100644
index 0000000..5703d1d
--- /dev/null
+++ b/ci4app/system/HTTP/RedirectResponse.php
@@ -0,0 +1,176 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\Cookie\CookieStore;
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+
+/**
+ * Handle a redirect response
+ *
+ * @see \CodeIgniter\HTTP\RedirectResponseTest
+ */
+class RedirectResponse extends Response
+{
+    /**
+     * Sets the URI to redirect to and, optionally, the HTTP status code to use.
+     * If no code is provided it will be automatically determined.
+     *
+     * @param string   $uri  The URI path (relative to baseURL) to redirect to
+     * @param int|null $code HTTP status code
+     *
+     * @return $this
+     */
+    public function to(string $uri, ?int $code = null, string $method = 'auto')
+    {
+        // If it appears to be a relative URL, then convert to full URL
+        // for better security.
+        if (! str_starts_with($uri, 'http')) {
+            $uri = site_url($uri);
+        }
+
+        return $this->redirect($uri, $method, $code);
+    }
+
+    /**
+     * Sets the URI to redirect to but as a reverse-routed or named route
+     * instead of a raw URI.
+     *
+     * @param string $route Route name or Controller::method
+     *
+     * @return $this
+     *
+     * @throws HTTPException
+     */
+    public function route(string $route, array $params = [], ?int $code = null, string $method = 'auto')
+    {
+        $namedRoute = $route;
+
+        $route = service('routes')->reverseRoute($route, ...$params);
+
+        if (! $route) {
+            throw HTTPException::forInvalidRedirectRoute($namedRoute);
+        }
+
+        return $this->redirect(site_url($route), $method, $code);
+    }
+
+    /**
+     * Helper function to return to previous page.
+     *
+     * Example:
+     *  return redirect()->back();
+     *
+     * @return $this
+     */
+    public function back(?int $code = null, string $method = 'auto')
+    {
+        service('session');
+
+        return $this->redirect(previous_url(), $method, $code);
+    }
+
+    /**
+     * Sets the current $_GET and $_POST arrays in the session.
+     * This also saves the validation errors.
+     *
+     * It will then be available via the 'old()' helper function.
+     *
+     * @return $this
+     */
+    public function withInput()
+    {
+        $session = service('session');
+        $session->setFlashdata('_ci_old_input', [
+            'get'  => $_GET ?? [], // @phpstan-ignore nullCoalesce.variable
+            'post' => $_POST ?? [], // @phpstan-ignore nullCoalesce.variable
+        ]);
+
+        $this->withErrors();
+
+        return $this;
+    }
+
+    /**
+     * Sets validation errors in the session.
+     *
+     * If the validation has any errors, transmit those back
+     * so they can be displayed when the validation is handled
+     * within a method different than displaying the form.
+     *
+     * @return $this
+     */
+    private function withErrors(): self
+    {
+        $validation = service('validation');
+
+        if ($validation->getErrors() !== []) {
+            service('session')->setFlashdata('_ci_validation_errors', $validation->getErrors());
+        }
+
+        return $this;
+    }
+
+    /**
+     * Adds a key and message to the session as Flashdata.
+     *
+     * @param array|string $message
+     *
+     * @return $this
+     */
+    public function with(string $key, $message)
+    {
+        service('session')->setFlashdata($key, $message);
+
+        return $this;
+    }
+
+    /**
+     * Copies any cookies from the global Response instance
+     * into this RedirectResponse. Useful when you've just
+     * set a cookie but need ensure that's actually sent
+     * with the response instead of lost.
+     *
+     * @return $this|RedirectResponse
+     */
+    public function withCookies()
+    {
+        $this->cookieStore = new CookieStore(service('response')->getCookies());
+
+        return $this;
+    }
+
+    /**
+     * Copies any headers from the global Response instance
+     * into this RedirectResponse. Useful when you've just
+     * set a header be need to ensure its actually sent
+     * with the redirect response.
+     *
+     * @return $this|RedirectResponse
+     */
+    public function withHeaders()
+    {
+        foreach (service('response')->headers() as $name => $value) {
+            if ($value instanceof Header) {
+                $this->setHeader($name, $value->getValue());
+            } else {
+                foreach ($value as $header) {
+                    $this->addHeader($name, $header->getValue());
+                }
+            }
+        }
+
+        return $this;
+    }
+}
diff --git a/ci4app/system/HTTP/Request.php b/ci4app/system/HTTP/Request.php
new file mode 100644
index 0000000..125646b
--- /dev/null
+++ b/ci4app/system/HTTP/Request.php
@@ -0,0 +1,86 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use Config\App;
+
+/**
+ * Representation of an incoming, server-side HTTP request.
+ *
+ * @see \CodeIgniter\HTTP\RequestTest
+ */
+class Request extends OutgoingRequest implements RequestInterface
+{
+    use RequestTrait;
+
+    /**
+     * Constructor.
+     *
+     * @param App $config
+     */
+    public function __construct($config = null)
+    {
+        $this->config = $config ?? config(App::class);
+
+        if (empty($this->method)) {
+            $this->method = $this->getServer('REQUEST_METHOD') ?? Method::GET;
+        }
+
+        if (empty($this->uri)) {
+            $this->uri = new URI();
+        }
+    }
+
+    /**
+     * Sets the request method. Used when spoofing the request.
+     *
+     * @return $this
+     *
+     * @deprecated 4.0.5 Use withMethod() instead for immutability
+     *
+     * @codeCoverageIgnore
+     */
+    public function setMethod(string $method)
+    {
+        $this->method = $method;
+
+        return $this;
+    }
+
+    /**
+     * Returns an instance with the specified method.
+     *
+     * @param string $method
+     *
+     * @return static
+     */
+    public function withMethod($method)
+    {
+        $request = clone $this;
+
+        $request->method = $method;
+
+        return $request;
+    }
+
+    /**
+     * Retrieves the URI instance.
+     *
+     * @return URI
+     */
+    public function getUri()
+    {
+        return $this->uri;
+    }
+}
diff --git a/ci4app/system/HTTP/RequestInterface.php b/ci4app/system/HTTP/RequestInterface.php
new file mode 100644
index 0000000..26af51d
--- /dev/null
+++ b/ci4app/system/HTTP/RequestInterface.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+/**
+ * Representation of an incoming, server-side HTTP request.
+ *
+ * Corresponds to Psr7\ServerRequestInterface.
+ */
+interface RequestInterface extends OutgoingRequestInterface
+{
+    /**
+     * Gets the user's IP address.
+     * Supplied by RequestTrait.
+     *
+     * @return string IP address
+     */
+    public function getIPAddress(): string;
+
+    /**
+     * Fetch an item from the $_SERVER array.
+     * Supplied by RequestTrait.
+     *
+     * @param array|string|null $index  Index for item to be fetched from $_SERVER
+     * @param int|null          $filter A filter name to be applied
+     *
+     * @return mixed
+     */
+    public function getServer($index = null, $filter = null);
+}
diff --git a/ci4app/system/HTTP/RequestTrait.php b/ci4app/system/HTTP/RequestTrait.php
new file mode 100644
index 0000000..3c3da16
--- /dev/null
+++ b/ci4app/system/HTTP/RequestTrait.php
@@ -0,0 +1,376 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\Exceptions\ConfigException;
+use CodeIgniter\Validation\FormatRules;
+use Config\App;
+
+/**
+ * Request Trait
+ *
+ * Additional methods to make a PSR-7 Request class
+ * compliant with the framework's own RequestInterface.
+ *
+ * @see https://github.com/php-fig/http-message/blob/master/src/RequestInterface.php
+ */
+trait RequestTrait
+{
+    /**
+     * Configuration settings.
+     *
+     * @var App
+     */
+    protected $config;
+
+    /**
+     * IP address of the current user.
+     *
+     * @var string
+     *
+     * @deprecated Will become private in a future release
+     */
+    protected $ipAddress = '';
+
+    /**
+     * Stores values we've retrieved from PHP globals.
+     *
+     * @var array{get?: array, post?: array, request?: array, cookie?: array, server?: array}
+     */
+    protected $globals = [];
+
+    /**
+     * Gets the user's IP address.
+     *
+     * @return string IP address if it can be detected.
+     *                If the IP address is not a valid IP address,
+     *                then will return '0.0.0.0'.
+     */
+    public function getIPAddress(): string
+    {
+        if ($this->ipAddress !== '') {
+            return $this->ipAddress;
+        }
+
+        $ipValidator = [
+            new FormatRules(),
+            'valid_ip',
+        ];
+
+        $proxyIPs = $this->config->proxyIPs;
+
+        if (! empty($proxyIPs) && (! is_array($proxyIPs) || is_int(array_key_first($proxyIPs)))) {
+            throw new ConfigException(
+                'You must set an array with Proxy IP address key and HTTP header name value in Config\App::$proxyIPs.',
+            );
+        }
+
+        $this->ipAddress = $this->getServer('REMOTE_ADDR');
+
+        // If this is a CLI request, $this->ipAddress is null.
+        if ($this->ipAddress === null) {
+            return $this->ipAddress = '0.0.0.0';
+        }
+
+        // @TODO Extract all this IP address logic to another class.
+        foreach ($proxyIPs as $proxyIP => $header) {
+            // Check if we have an IP address or a subnet
+            if (! str_contains($proxyIP, '/')) {
+                // An IP address (and not a subnet) is specified.
+                // We can compare right away.
+                if ($proxyIP === $this->ipAddress) {
+                    $spoof = $this->getClientIP($header);
+
+                    if ($spoof !== null) {
+                        $this->ipAddress = $spoof;
+                        break;
+                    }
+                }
+
+                continue;
+            }
+
+            // We have a subnet ... now the heavy lifting begins
+            if (! isset($separator)) {
+                $separator = $ipValidator($this->ipAddress, 'ipv6') ? ':' : '.';
+            }
+
+            // If the proxy entry doesn't match the IP protocol - skip it
+            if (! str_contains($proxyIP, $separator)) {
+                continue;
+            }
+
+            // Convert the REMOTE_ADDR IP address to binary, if needed
+            if (! isset($ip, $sprintf)) {
+                if ($separator === ':') {
+                    // Make sure we're having the "full" IPv6 format
+                    $ip = explode(':', str_replace('::', str_repeat(':', 9 - substr_count($this->ipAddress, ':')), $this->ipAddress));
+
+                    for ($j = 0; $j < 8; $j++) {
+                        $ip[$j] = intval($ip[$j], 16);
+                    }
+
+                    $sprintf = '%016b%016b%016b%016b%016b%016b%016b%016b';
+                } else {
+                    $ip      = explode('.', $this->ipAddress);
+                    $sprintf = '%08b%08b%08b%08b';
+                }
+
+                $ip = vsprintf($sprintf, $ip);
+            }
+
+            // Split the netmask length off the network address
+            sscanf($proxyIP, '%[^/]/%d', $netaddr, $masklen);
+
+            // Again, an IPv6 address is most likely in a compressed form
+            if ($separator === ':') {
+                $netaddr = explode(':', str_replace('::', str_repeat(':', 9 - substr_count($netaddr, ':')), $netaddr));
+
+                for ($i = 0; $i < 8; $i++) {
+                    $netaddr[$i] = intval($netaddr[$i], 16);
+                }
+            } else {
+                $netaddr = explode('.', $netaddr);
+            }
+
+            // Convert to binary and finally compare
+            if (strncmp($ip, vsprintf($sprintf, $netaddr), $masklen) === 0) {
+                $spoof = $this->getClientIP($header);
+
+                if ($spoof !== null) {
+                    $this->ipAddress = $spoof;
+                    break;
+                }
+            }
+        }
+
+        if (! $ipValidator($this->ipAddress)) {
+            return $this->ipAddress = '0.0.0.0';
+        }
+
+        return $this->ipAddress;
+    }
+
+    /**
+     * Gets the client IP address from the HTTP header.
+     */
+    private function getClientIP(string $header): ?string
+    {
+        $ipValidator = [
+            new FormatRules(),
+            'valid_ip',
+        ];
+        $spoof     = null;
+        $headerObj = $this->header($header);
+
+        if ($headerObj !== null) {
+            $spoof = $headerObj->getValue();
+
+            // Some proxies typically list the whole chain of IP
+            // addresses through which the client has reached us.
+            // e.g. client_ip, proxy_ip1, proxy_ip2, etc.
+            sscanf($spoof, '%[^,]', $spoof);
+
+            if (! $ipValidator($spoof)) {
+                $spoof = null;
+            }
+        }
+
+        return $spoof;
+    }
+
+    /**
+     * Fetch an item from the $_SERVER array.
+     *
+     * @param array|string|null $index  Index for item to be fetched from $_SERVER
+     * @param int|null          $filter A filter name to be applied
+     * @param array|int|null    $flags
+     *
+     * @return mixed
+     */
+    public function getServer($index = null, $filter = null, $flags = null)
+    {
+        return $this->fetchGlobal('server', $index, $filter, $flags);
+    }
+
+    /**
+     * Fetch an item from the $_ENV array.
+     *
+     * @param array|string|null $index  Index for item to be fetched from $_ENV
+     * @param int|null          $filter A filter name to be applied
+     * @param array|int|null    $flags
+     *
+     * @return mixed
+     *
+     * @deprecated 4.4.4 This method does not work from the beginning. Use `env()`.
+     */
+    public function getEnv($index = null, $filter = null, $flags = null)
+    {
+        // @phpstan-ignore-next-line
+        return $this->fetchGlobal('env', $index, $filter, $flags);
+    }
+
+    /**
+     * Allows manually setting the value of PHP global, like $_GET, $_POST, etc.
+     *
+     * @param 'cookie'|'get'|'post'|'request'|'server' $name  Superglobal name (lowercase)
+     * @param mixed                                    $value
+     *
+     * @return $this
+     */
+    public function setGlobal(string $name, $value)
+    {
+        $this->globals[$name] = $value;
+
+        return $this;
+    }
+
+    /**
+     * Fetches one or more items from a global, like cookies, get, post, etc.
+     * Can optionally filter the input when you retrieve it by passing in
+     * a filter.
+     *
+     * If $type is an array, it must conform to the input allowed by the
+     * filter_input_array method.
+     *
+     * http://php.net/manual/en/filter.filters.sanitize.php
+     *
+     * @param 'cookie'|'get'|'post'|'request'|'server' $name   Superglobal name (lowercase)
+     * @param array|int|string|null                    $index
+     * @param int|null                                 $filter Filter constant
+     * @param array|int|null                           $flags  Options
+     *
+     * @return array|bool|float|int|object|string|null
+     */
+    public function fetchGlobal(string $name, $index = null, ?int $filter = null, $flags = null)
+    {
+        if (! isset($this->globals[$name])) {
+            $this->populateGlobals($name);
+        }
+
+        // Null filters cause null values to return.
+        $filter ??= FILTER_DEFAULT;
+        $flags = is_array($flags) ? $flags : (is_numeric($flags) ? (int) $flags : 0);
+
+        // Return all values when $index is null
+        if ($index === null) {
+            $values = [];
+
+            foreach ($this->globals[$name] as $key => $value) {
+                $values[$key] = is_array($value)
+                    ? $this->fetchGlobal($name, $key, $filter, $flags)
+                    : filter_var($value, $filter, $flags);
+            }
+
+            return $values;
+        }
+
+        // allow fetching multiple keys at once
+        if (is_array($index)) {
+            $output = [];
+
+            foreach ($index as $key) {
+                $output[$key] = $this->fetchGlobal($name, $key, $filter, $flags);
+            }
+
+            return $output;
+        }
+
+        // Does the index contain array notation?
+        if (is_string($index) && ($count = preg_match_all('/(?:^[^\[]+)|\[[^]]*\]/', $index, $matches)) > 1) {
+            $value = $this->globals[$name];
+
+            for ($i = 0; $i < $count; $i++) {
+                $key = trim($matches[0][$i], '[]');
+
+                if ($key === '') { // Empty notation will return the value as array
+                    break;
+                }
+
+                if (isset($value[$key])) {
+                    $value = $value[$key];
+                } else {
+                    return null;
+                }
+            }
+        }
+
+        if (! isset($value)) {
+            $value = $this->globals[$name][$index] ?? null;
+        }
+
+        if (is_array($value)
+            && (
+                $filter !== FILTER_DEFAULT
+                || (
+                    (is_numeric($flags) && $flags !== 0)
+                    || is_array($flags) && $flags !== []
+                )
+            )
+        ) {
+            // Iterate over array and append filter and flags
+            array_walk_recursive($value, static function (&$val) use ($filter, $flags): void {
+                $val = filter_var($val, $filter, $flags);
+            });
+
+            return $value;
+        }
+
+        // Cannot filter these types of data automatically...
+        if (is_array($value) || is_object($value) || $value === null) {
+            return $value;
+        }
+
+        return filter_var($value, $filter, $flags);
+    }
+
+    /**
+     * Saves a copy of the current state of one of several PHP globals,
+     * so we can retrieve them later.
+     *
+     * @param 'cookie'|'get'|'post'|'request'|'server' $name Superglobal name (lowercase)
+     *
+     * @return void
+     */
+    protected function populateGlobals(string $name)
+    {
+        if (! isset($this->globals[$name])) {
+            $this->globals[$name] = [];
+        }
+
+        // Don't populate ENV as it might contain
+        // sensitive data that we don't want to get logged.
+        switch ($name) {
+            case 'get':
+                $this->globals['get'] = $_GET;
+                break;
+
+            case 'post':
+                $this->globals['post'] = $_POST;
+                break;
+
+            case 'request':
+                $this->globals['request'] = $_REQUEST;
+                break;
+
+            case 'cookie':
+                $this->globals['cookie'] = $_COOKIE;
+                break;
+
+            case 'server':
+                $this->globals['server'] = $_SERVER;
+                break;
+        }
+    }
+}
diff --git a/ci4app/system/HTTP/ResponsableInterface.php b/ci4app/system/HTTP/ResponsableInterface.php
new file mode 100644
index 0000000..41bff03
--- /dev/null
+++ b/ci4app/system/HTTP/ResponsableInterface.php
@@ -0,0 +1,19 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+interface ResponsableInterface
+{
+    public function getResponse(): ResponseInterface;
+}
diff --git a/ci4app/system/HTTP/Response.php b/ci4app/system/HTTP/Response.php
new file mode 100644
index 0000000..9de285b
--- /dev/null
+++ b/ci4app/system/HTTP/Response.php
@@ -0,0 +1,229 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\Cookie\Cookie;
+use CodeIgniter\Cookie\CookieStore;
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+use Config\App;
+use Config\Cookie as CookieConfig;
+
+/**
+ * Representation of an outgoing, server-side response.
+ *
+ * Per the HTTP specification, this interface includes properties for
+ * each of the following:
+ *
+ * - Protocol version
+ * - Status code and reason phrase
+ * - Headers
+ * - Message body
+ *
+ * @see \CodeIgniter\HTTP\ResponseTest
+ */
+class Response extends Message implements ResponseInterface
+{
+    use ResponseTrait;
+
+    /**
+     * HTTP status codes
+     *
+     * @var array
+     */
+    protected static $statusCodes = [
+        // 1xx: Informational
+        100 => 'Continue',
+        101 => 'Switching Protocols',
+        102 => 'Processing', // http://www.iana.org/go/rfc2518
+        103 => 'Early Hints', // http://www.ietf.org/rfc/rfc8297.txt
+        // 2xx: Success
+        200 => 'OK',
+        201 => 'Created',
+        202 => 'Accepted',
+        203 => 'Non-Authoritative Information', // 1.1
+        204 => 'No Content',
+        205 => 'Reset Content',
+        206 => 'Partial Content',
+        207 => 'Multi-Status', // http://www.iana.org/go/rfc4918
+        208 => 'Already Reported', // http://www.iana.org/go/rfc5842
+        226 => 'IM Used', // 1.1; http://www.ietf.org/rfc/rfc3229.txt
+        // 3xx: Redirection
+        300 => 'Multiple Choices',
+        301 => 'Moved Permanently',
+        302 => 'Found', // Formerly 'Moved Temporarily'
+        303 => 'See Other', // 1.1
+        304 => 'Not Modified',
+        305 => 'Use Proxy', // 1.1
+        306 => 'Switch Proxy', // No longer used
+        307 => 'Temporary Redirect', // 1.1
+        308 => 'Permanent Redirect', // 1.1; Experimental; http://www.ietf.org/rfc/rfc7238.txt
+        // 4xx: Client error
+        400 => 'Bad Request',
+        401 => 'Unauthorized',
+        402 => 'Payment Required',
+        403 => 'Forbidden',
+        404 => 'Not Found',
+        405 => 'Method Not Allowed',
+        406 => 'Not Acceptable',
+        407 => 'Proxy Authentication Required',
+        408 => 'Request Timeout',
+        409 => 'Conflict',
+        410 => 'Gone',
+        411 => 'Length Required',
+        412 => 'Precondition Failed',
+        413 => 'Content Too Large', // https://www.iana.org/assignments/http-status-codes/http-status-codes.xml
+        414 => 'URI Too Long', // https://www.iana.org/assignments/http-status-codes/http-status-codes.xml
+        415 => 'Unsupported Media Type',
+        416 => 'Requested Range Not Satisfiable',
+        417 => 'Expectation Failed',
+        418 => "I'm a teapot", // April's Fools joke; http://www.ietf.org/rfc/rfc2324.txt
+        // 419 (Authentication Timeout) is a non-standard status code with unknown origin
+        421 => 'Misdirected Request', // http://www.iana.org/go/rfc7540 Section 9.1.2
+        422 => 'Unprocessable Content', // https://www.iana.org/assignments/http-status-codes/http-status-codes.xml
+        423 => 'Locked', // http://www.iana.org/go/rfc4918
+        424 => 'Failed Dependency', // http://www.iana.org/go/rfc4918
+        425 => 'Too Early', // https://datatracker.ietf.org/doc/draft-ietf-httpbis-replay/
+        426 => 'Upgrade Required',
+        428 => 'Precondition Required', // 1.1; http://www.ietf.org/rfc/rfc6585.txt
+        429 => 'Too Many Requests', // 1.1; http://www.ietf.org/rfc/rfc6585.txt
+        431 => 'Request Header Fields Too Large', // 1.1; http://www.ietf.org/rfc/rfc6585.txt
+        451 => 'Unavailable For Legal Reasons', // http://tools.ietf.org/html/rfc7725
+        499 => 'Client Closed Request', // http://lxr.nginx.org/source/src/http/ngx_http_request.h#0133
+        // 5xx: Server error
+        500 => 'Internal Server Error',
+        501 => 'Not Implemented',
+        502 => 'Bad Gateway',
+        503 => 'Service Unavailable',
+        504 => 'Gateway Timeout',
+        505 => 'HTTP Version Not Supported',
+        506 => 'Variant Also Negotiates', // 1.1; http://www.ietf.org/rfc/rfc2295.txt
+        507 => 'Insufficient Storage', // http://www.iana.org/go/rfc4918
+        508 => 'Loop Detected', // http://www.iana.org/go/rfc5842
+        510 => 'Not Extended', // http://www.ietf.org/rfc/rfc2774.txt
+        511 => 'Network Authentication Required', // http://www.ietf.org/rfc/rfc6585.txt
+        599 => 'Network Connect Timeout Error', // https://httpstatuses.com/599
+    ];
+
+    /**
+     * The current reason phrase for this response.
+     * If empty string, will use the default provided for the status code.
+     *
+     * @var string
+     */
+    protected $reason = '';
+
+    /**
+     * The current status code for this response.
+     * The status code is a 3-digit integer result code of the server's attempt
+     * to understand and satisfy the request.
+     *
+     * @var int
+     */
+    protected $statusCode = 200;
+
+    /**
+     * If true, will not write output. Useful during testing.
+     *
+     * @var bool
+     *
+     * @internal Used for framework testing, should not be relied on otherwise
+     */
+    protected $pretend = false;
+
+    /**
+     * Constructor
+     *
+     * @param App $config
+     *
+     * @todo Recommend removing reliance on config injection
+     *
+     * @deprecated 4.5.0 The param $config is no longer used.
+     */
+    public function __construct($config) // @phpstan-ignore-line
+    {
+        // Default to a non-caching page.
+        // Also ensures that a Cache-control header exists.
+        $this->noCache();
+
+        // We need CSP object even if not enabled to avoid calls to non existing methods
+        $this->CSP = service('csp');
+
+        $this->cookieStore = new CookieStore([]);
+
+        $cookie = config(CookieConfig::class);
+
+        Cookie::setDefaults($cookie);
+
+        // Default to an HTML Content-Type. Devs can override if needed.
+        $this->setContentType('text/html');
+    }
+
+    /**
+     * Turns "pretend" mode on or off to aid in testing.
+     *
+     * Note that this is not a part of the interface so
+     * should not be relied on outside of internal testing.
+     *
+     * @return $this
+     *
+     * @internal For testing purposes only.
+     * @testTag only available to test code
+     */
+    public function pretend(bool $pretend = true)
+    {
+        $this->pretend = $pretend;
+
+        return $this;
+    }
+
+    /**
+     * Gets the response status code.
+     *
+     * The status code is a 3-digit integer result code of the server's attempt
+     * to understand and satisfy the request.
+     *
+     * @return int Status code.
+     */
+    public function getStatusCode(): int
+    {
+        if (empty($this->statusCode)) {
+            throw HTTPException::forMissingResponseStatus();
+        }
+
+        return $this->statusCode;
+    }
+
+    /**
+     * Gets the response reason phrase associated with the status code.
+     *
+     * Because a reason phrase is not a required element in a response
+     * status line, the reason phrase value MAY be null. Implementations MAY
+     * choose to return the default RFC 7231 recommended reason phrase (or those
+     * listed in the IANA HTTP Status Code Registry) for the response's
+     * status code.
+     *
+     * @see http://tools.ietf.org/html/rfc7231#section-6
+     * @see http://www.iana.org/assignments/http-status-codes/http-status-codes.xhtml
+     *
+     * @return string Reason phrase; must return an empty string if none present.
+     */
+    public function getReasonPhrase()
+    {
+        if ($this->reason === '') {
+            return ! empty($this->statusCode) ? static::$statusCodes[$this->statusCode] : '';
+        }
+
+        return $this->reason;
+    }
+}
diff --git a/ci4app/system/HTTP/ResponseInterface.php b/ci4app/system/HTTP/ResponseInterface.php
new file mode 100644
index 0000000..66053c4
--- /dev/null
+++ b/ci4app/system/HTTP/ResponseInterface.php
@@ -0,0 +1,408 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\Cookie\Cookie;
+use CodeIgniter\Cookie\CookieStore;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+use CodeIgniter\Pager\PagerInterface;
+use DateTime;
+
+/**
+ * Representation of an outgoing, server-side response.
+ * Most of these methods are supplied by ResponseTrait.
+ *
+ * Per the HTTP specification, this interface includes properties for
+ * each of the following:
+ *
+ * - Protocol version
+ * - Status code and reason phrase
+ * - Headers
+ * - Message body
+ */
+interface ResponseInterface extends MessageInterface
+{
+    /**
+     * Constants for status codes.
+     * From  https://en.wikipedia.org/wiki/List_of_HTTP_status_codes
+     */
+    // Informational
+    public const HTTP_CONTINUE                        = 100;
+    public const HTTP_SWITCHING_PROTOCOLS             = 101;
+    public const HTTP_PROCESSING                      = 102;
+    public const HTTP_EARLY_HINTS                     = 103;
+    public const HTTP_OK                              = 200;
+    public const HTTP_CREATED                         = 201;
+    public const HTTP_ACCEPTED                        = 202;
+    public const HTTP_NONAUTHORITATIVE_INFORMATION    = 203;
+    public const HTTP_NO_CONTENT                      = 204;
+    public const HTTP_RESET_CONTENT                   = 205;
+    public const HTTP_PARTIAL_CONTENT                 = 206;
+    public const HTTP_MULTI_STATUS                    = 207;
+    public const HTTP_ALREADY_REPORTED                = 208;
+    public const HTTP_IM_USED                         = 226;
+    public const HTTP_MULTIPLE_CHOICES                = 300;
+    public const HTTP_MOVED_PERMANENTLY               = 301;
+    public const HTTP_FOUND                           = 302;
+    public const HTTP_SEE_OTHER                       = 303;
+    public const HTTP_NOT_MODIFIED                    = 304;
+    public const HTTP_USE_PROXY                       = 305;
+    public const HTTP_SWITCH_PROXY                    = 306;
+    public const HTTP_TEMPORARY_REDIRECT              = 307;
+    public const HTTP_PERMANENT_REDIRECT              = 308;
+    public const HTTP_BAD_REQUEST                     = 400;
+    public const HTTP_UNAUTHORIZED                    = 401;
+    public const HTTP_PAYMENT_REQUIRED                = 402;
+    public const HTTP_FORBIDDEN                       = 403;
+    public const HTTP_NOT_FOUND                       = 404;
+    public const HTTP_METHOD_NOT_ALLOWED              = 405;
+    public const HTTP_NOT_ACCEPTABLE                  = 406;
+    public const HTTP_PROXY_AUTHENTICATION_REQUIRED   = 407;
+    public const HTTP_REQUEST_TIMEOUT                 = 408;
+    public const HTTP_CONFLICT                        = 409;
+    public const HTTP_GONE                            = 410;
+    public const HTTP_LENGTH_REQUIRED                 = 411;
+    public const HTTP_PRECONDITION_FAILED             = 412;
+    public const HTTP_PAYLOAD_TOO_LARGE               = 413;
+    public const HTTP_URI_TOO_LONG                    = 414;
+    public const HTTP_UNSUPPORTED_MEDIA_TYPE          = 415;
+    public const HTTP_RANGE_NOT_SATISFIABLE           = 416;
+    public const HTTP_EXPECTATION_FAILED              = 417;
+    public const HTTP_IM_A_TEAPOT                     = 418;
+    public const HTTP_MISDIRECTED_REQUEST             = 421;
+    public const HTTP_UNPROCESSABLE_ENTITY            = 422;
+    public const HTTP_LOCKED                          = 423;
+    public const HTTP_FAILED_DEPENDENCY               = 424;
+    public const HTTP_TOO_EARLY                       = 425;
+    public const HTTP_UPGRADE_REQUIRED                = 426;
+    public const HTTP_PRECONDITION_REQUIRED           = 428;
+    public const HTTP_TOO_MANY_REQUESTS               = 429;
+    public const HTTP_REQUEST_HEADER_FIELDS_TOO_LARGE = 431;
+    public const HTTP_UNAVAILABLE_FOR_LEGAL_REASONS   = 451;
+    public const HTTP_CLIENT_CLOSED_REQUEST           = 499;
+    public const HTTP_INTERNAL_SERVER_ERROR           = 500;
+    public const HTTP_NOT_IMPLEMENTED                 = 501;
+    public const HTTP_BAD_GATEWAY                     = 502;
+    public const HTTP_SERVICE_UNAVAILABLE             = 503;
+    public const HTTP_GATEWAY_TIMEOUT                 = 504;
+    public const HTTP_HTTP_VERSION_NOT_SUPPORTED      = 505;
+    public const HTTP_VARIANT_ALSO_NEGOTIATES         = 506;
+    public const HTTP_INSUFFICIENT_STORAGE            = 507;
+    public const HTTP_LOOP_DETECTED                   = 508;
+    public const HTTP_NOT_EXTENDED                    = 510;
+    public const HTTP_NETWORK_AUTHENTICATION_REQUIRED = 511;
+    public const HTTP_NETWORK_CONNECT_TIMEOUT_ERROR   = 599;
+
+    /**
+     * Gets the response status code.
+     *
+     * The status code is a 3-digit integer result code of the server's attempt
+     * to understand and satisfy the request.
+     *
+     * @return int Status code.
+     */
+    public function getStatusCode(): int;
+
+    /**
+     * Return an instance with the specified status code and, optionally, reason phrase.
+     *
+     * If no reason phrase is specified, will default recommended reason phrase for
+     * the response's status code.
+     *
+     * @see http://tools.ietf.org/html/rfc7231#section-6
+     * @see http://www.iana.org/assignments/http-status-codes/http-status-codes.xhtml
+     *
+     * @param int    $code   The 3-digit integer result code to set.
+     * @param string $reason The reason phrase to use with the
+     *                       provided status code; if none is provided, will
+     *                       default to the IANA name.
+     *
+     * @return $this
+     *
+     * @throws HTTPException For invalid status code arguments.
+     */
+    public function setStatusCode(int $code, string $reason = '');
+
+    /**
+     * Gets the response reason phrase associated with the status code.
+     *
+     * Because a reason phrase is not a required element in a response
+     * status line, the reason phrase value MAY be null. Implementations MAY
+     * choose to return the default RFC 7231 recommended reason phrase (or those
+     * listed in the IANA HTTP Status Code Registry) for the response's
+     * status code.
+     *
+     * @see http://tools.ietf.org/html/rfc7231#section-6
+     * @see http://www.iana.org/assignments/http-status-codes/http-status-codes.xhtml
+     *
+     * @return string Reason phrase; must return an empty string if none present.
+     */
+    public function getReasonPhrase();
+
+    // --------------------------------------------------------------------
+    // Convenience Methods
+    // --------------------------------------------------------------------
+
+    /**
+     * Sets the date header
+     *
+     * @return $this
+     */
+    public function setDate(DateTime $date);
+
+    /**
+     * Sets the Last-Modified date header.
+     *
+     * $date can be either a string representation of the date or,
+     * preferably, an instance of DateTime.
+     *
+     * @param DateTime|string $date
+     *
+     * @return $this
+     */
+    public function setLastModified($date);
+
+    /**
+     * Set the Link Header
+     *
+     * @see http://tools.ietf.org/html/rfc5988
+     *
+     * @return $this
+     *
+     * @todo Recommend moving to Pager
+     */
+    public function setLink(PagerInterface $pager);
+
+    /**
+     * Sets the Content Type header for this response with the mime type
+     * and, optionally, the charset.
+     *
+     * @return $this
+     */
+    public function setContentType(string $mime, string $charset = 'UTF-8');
+
+    // --------------------------------------------------------------------
+    // Formatter Methods
+    // --------------------------------------------------------------------
+
+    /**
+     * Converts the $body into JSON and sets the Content Type header.
+     *
+     * @param array|object|string $body
+     *
+     * @return $this
+     */
+    public function setJSON($body, bool $unencoded = false);
+
+    /**
+     * Returns the current body, converted to JSON is it isn't already.
+     *
+     * @return bool|string|null
+     *
+     * @throws InvalidArgumentException If the body property is not array.
+     */
+    public function getJSON();
+
+    /**
+     * Converts $body into XML, and sets the correct Content-Type.
+     *
+     * @param array|string $body
+     *
+     * @return $this
+     */
+    public function setXML($body);
+
+    /**
+     * Retrieves the current body into XML and returns it.
+     *
+     * @return bool|string|null
+     *
+     * @throws InvalidArgumentException If the body property is not array.
+     */
+    public function getXML();
+
+    // --------------------------------------------------------------------
+    // Cache Control Methods
+    //
+    // http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.9
+    // --------------------------------------------------------------------
+
+    /**
+     * Sets the appropriate headers to ensure this response
+     * is not cached by the browsers.
+     *
+     * @return $this
+     */
+    public function noCache();
+
+    /**
+     * A shortcut method that allows the developer to set all of the
+     * cache-control headers in one method call.
+     *
+     * The options array is used to provide the cache-control directives
+     * for the header. It might look something like:
+     *
+     *      $options = [
+     *          'max-age'  => 300,
+     *          's-maxage' => 900
+     *          'etag'     => 'abcde',
+     *      ];
+     *
+     * Typical options are:
+     *  - etag
+     *  - last-modified
+     *  - max-age
+     *  - s-maxage
+     *  - private
+     *  - public
+     *  - must-revalidate
+     *  - proxy-revalidate
+     *  - no-transform
+     *
+     * @return $this
+     */
+    public function setCache(array $options = []);
+
+    // --------------------------------------------------------------------
+    // Output Methods
+    // --------------------------------------------------------------------
+
+    /**
+     * Sends the output to the browser.
+     *
+     * @return $this
+     */
+    public function send();
+
+    /**
+     * Sends the headers of this HTTP request to the browser.
+     *
+     * @return $this
+     */
+    public function sendHeaders();
+
+    /**
+     * Sends the Body of the message to the browser.
+     *
+     * @return $this
+     */
+    public function sendBody();
+
+    // --------------------------------------------------------------------
+    // Cookie Methods
+    // --------------------------------------------------------------------
+
+    /**
+     * Set a cookie
+     *
+     * Accepts an arbitrary number of binds (up to 7) or an associative
+     * array in the first parameter containing all the values.
+     *
+     * @param array|Cookie|string $name     Cookie name / array containing binds / Cookie object
+     * @param string              $value    Cookie value
+     * @param int                 $expire   Cookie expiration time in seconds
+     * @param string              $domain   Cookie domain (e.g.: '.yourdomain.com')
+     * @param string              $path     Cookie path (default: '/')
+     * @param string              $prefix   Cookie name prefix
+     * @param bool                $secure   Whether to only transfer cookies via SSL
+     * @param bool                $httponly Whether only make the cookie accessible via HTTP (no javascript)
+     * @param string|null         $samesite
+     *
+     * @return $this
+     */
+    public function setCookie(
+        $name,
+        $value = '',
+        $expire = 0,
+        $domain = '',
+        $path = '/',
+        $prefix = '',
+        $secure = false,
+        $httponly = false,
+        $samesite = null,
+    );
+
+    /**
+     * Checks to see if the Response has a specified cookie or not.
+     */
+    public function hasCookie(string $name, ?string $value = null, string $prefix = ''): bool;
+
+    /**
+     * Returns the cookie
+     *
+     * @return array<string, Cookie>|Cookie|null
+     */
+    public function getCookie(?string $name = null, string $prefix = '');
+
+    /**
+     * Sets a cookie to be deleted when the response is sent.
+     *
+     * @return $this
+     */
+    public function deleteCookie(string $name = '', string $domain = '', string $path = '/', string $prefix = '');
+
+    /**
+     * Returns all cookies currently set.
+     *
+     * @return array<string, Cookie>
+     */
+    public function getCookies();
+
+    /**
+     * Returns the `CookieStore` instance.
+     *
+     * @return CookieStore
+     */
+    public function getCookieStore();
+
+    // --------------------------------------------------------------------
+    // Response Methods
+    // --------------------------------------------------------------------
+
+    /**
+     * Perform a redirect to a new URL, in two flavors: header or location.
+     *
+     * @param string $uri  The URI to redirect to
+     * @param int    $code The type of redirection, defaults to 302
+     *
+     * @return $this
+     *
+     * @throws HTTPException For invalid status code.
+     */
+    public function redirect(string $uri, string $method = 'auto', ?int $code = null);
+
+    /**
+     * Force a download.
+     *
+     * Generates the headers that force a download to happen. And
+     * sends the file to the browser.
+     *
+     * @param string      $filename The path to the file to send
+     * @param string|null $data     The data to be downloaded
+     * @param bool        $setMime  Whether to try and send the actual MIME type
+     *
+     * @return DownloadResponse|null
+     */
+    public function download(string $filename = '', $data = '', bool $setMime = false);
+
+    // --------------------------------------------------------------------
+    // CSP Methods
+    // --------------------------------------------------------------------
+
+    /**
+     * Get Content Security Policy handler.
+     */
+    public function getCSP(): ContentSecurityPolicy;
+}
diff --git a/ci4app/system/HTTP/ResponseTrait.php b/ci4app/system/HTTP/ResponseTrait.php
new file mode 100644
index 0000000..d39e8f9
--- /dev/null
+++ b/ci4app/system/HTTP/ResponseTrait.php
@@ -0,0 +1,757 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\Cookie\Cookie;
+use CodeIgniter\Cookie\CookieStore;
+use CodeIgniter\Cookie\Exceptions\CookieException;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+use CodeIgniter\I18n\Time;
+use CodeIgniter\Pager\PagerInterface;
+use CodeIgniter\Security\Exceptions\SecurityException;
+use Config\Cookie as CookieConfig;
+use DateTime;
+use DateTimeZone;
+
+/**
+ * Response Trait
+ *
+ * Additional methods to make a PSR-7 Response class
+ * compliant with the framework's own ResponseInterface.
+ *
+ * @see https://github.com/php-fig/http-message/blob/master/src/ResponseInterface.php
+ */
+trait ResponseTrait
+{
+    /**
+     * Content security policy handler
+     *
+     * @var ContentSecurityPolicy
+     */
+    protected $CSP;
+
+    /**
+     * CookieStore instance.
+     *
+     * @var CookieStore
+     */
+    protected $cookieStore;
+
+    /**
+     * Type of format the body is in.
+     * Valid: html, json, xml
+     *
+     * @var string
+     */
+    protected $bodyFormat = 'html';
+
+    /**
+     * Return an instance with the specified status code and, optionally, reason phrase.
+     *
+     * If no reason phrase is specified, will default recommended reason phrase for
+     * the response's status code.
+     *
+     * @see http://tools.ietf.org/html/rfc7231#section-6
+     * @see http://www.iana.org/assignments/http-status-codes/http-status-codes.xhtml
+     *
+     * @param int    $code   The 3-digit integer result code to set.
+     * @param string $reason The reason phrase to use with the
+     *                       provided status code; if none is provided, will
+     *                       default to the IANA name.
+     *
+     * @return $this
+     *
+     * @throws HTTPException For invalid status code arguments.
+     */
+    public function setStatusCode(int $code, string $reason = '')
+    {
+        // Valid range?
+        if ($code < 100 || $code > 599) {
+            throw HTTPException::forInvalidStatusCode($code);
+        }
+
+        // Unknown and no message?
+        if (! array_key_exists($code, static::$statusCodes) && ($reason === '')) {
+            throw HTTPException::forUnkownStatusCode($code);
+        }
+
+        $this->statusCode = $code;
+
+        $this->reason = ($reason !== '') ? $reason : static::$statusCodes[$code];
+
+        return $this;
+    }
+
+    // --------------------------------------------------------------------
+    // Convenience Methods
+    // --------------------------------------------------------------------
+
+    /**
+     * Sets the date header
+     *
+     * @return $this
+     */
+    public function setDate(DateTime $date)
+    {
+        $date->setTimezone(new DateTimeZone('UTC'));
+
+        $this->setHeader('Date', $date->format('D, d M Y H:i:s') . ' GMT');
+
+        return $this;
+    }
+
+    /**
+     * Set the Link Header
+     *
+     * @see http://tools.ietf.org/html/rfc5988
+     *
+     * @return $this
+     *
+     * @todo Recommend moving to Pager
+     */
+    public function setLink(PagerInterface $pager)
+    {
+        $links    = '';
+        $previous = $pager->getPreviousPageURI();
+
+        if (is_string($previous) && $previous !== '') {
+            $links .= '<' . $pager->getPageURI($pager->getFirstPage()) . '>; rel="first",';
+            $links .= '<' . $previous . '>; rel="prev"';
+        }
+
+        $next = $pager->getNextPageURI();
+
+        if (is_string($next) && $next !== '' && is_string($previous) && $previous !== '') {
+            $links .= ',';
+        }
+
+        if (is_string($next) && $next !== '') {
+            $links .= '<' . $next . '>; rel="next",';
+            $links .= '<' . $pager->getPageURI($pager->getLastPage()) . '>; rel="last"';
+        }
+
+        $this->setHeader('Link', $links);
+
+        return $this;
+    }
+
+    /**
+     * Sets the Content Type header for this response with the mime type
+     * and, optionally, the charset.
+     *
+     * @return $this
+     */
+    public function setContentType(string $mime, string $charset = 'UTF-8')
+    {
+        // add charset attribute if not already there and provided as parm
+        if ((strpos($mime, 'charset=') < 1) && ($charset !== '')) {
+            $mime .= '; charset=' . $charset;
+        }
+
+        $this->removeHeader('Content-Type'); // replace existing content type
+        $this->setHeader('Content-Type', $mime);
+
+        return $this;
+    }
+
+    /**
+     * Converts the $body into JSON and sets the Content Type header.
+     *
+     * @param array|object|string $body
+     *
+     * @return $this
+     */
+    public function setJSON($body, bool $unencoded = false)
+    {
+        $this->body = $this->formatBody($body, 'json' . ($unencoded ? '-unencoded' : ''));
+
+        return $this;
+    }
+
+    /**
+     * Returns the current body, converted to JSON is it isn't already.
+     *
+     * @return string|null
+     *
+     * @throws InvalidArgumentException If the body property is not array.
+     */
+    public function getJSON()
+    {
+        $body = $this->body;
+
+        if ($this->bodyFormat !== 'json') {
+            $body = service('format')->getFormatter('application/json')->format($body);
+        }
+
+        return $body ?: null;
+    }
+
+    /**
+     * Converts $body into XML, and sets the correct Content-Type.
+     *
+     * @param array|string $body
+     *
+     * @return $this
+     */
+    public function setXML($body)
+    {
+        $this->body = $this->formatBody($body, 'xml');
+
+        return $this;
+    }
+
+    /**
+     * Retrieves the current body into XML and returns it.
+     *
+     * @return bool|string|null
+     *
+     * @throws InvalidArgumentException If the body property is not array.
+     */
+    public function getXML()
+    {
+        $body = $this->body;
+
+        if ($this->bodyFormat !== 'xml') {
+            $body = service('format')->getFormatter('application/xml')->format($body);
+        }
+
+        return $body;
+    }
+
+    /**
+     * Handles conversion of the data into the appropriate format,
+     * and sets the correct Content-Type header for our response.
+     *
+     * @param array|object|string $body
+     * @param string              $format Valid: json, xml
+     *
+     * @return false|string
+     *
+     * @throws InvalidArgumentException If the body property is not string or array.
+     */
+    protected function formatBody($body, string $format)
+    {
+        $this->bodyFormat = ($format === 'json-unencoded' ? 'json' : $format);
+        $mime             = "application/{$this->bodyFormat}";
+        $this->setContentType($mime);
+
+        // Nothing much to do for a string...
+        if (! is_string($body) || $format === 'json-unencoded') {
+            $body = service('format')->getFormatter($mime)->format($body);
+        }
+
+        return $body;
+    }
+
+    // --------------------------------------------------------------------
+    // Cache Control Methods
+    //
+    // http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.9
+    // --------------------------------------------------------------------
+
+    /**
+     * Sets the appropriate headers to ensure this response
+     * is not cached by the browsers.
+     *
+     * @return $this
+     *
+     * @todo Recommend researching these directives, might need: 'private', 'no-transform', 'no-store', 'must-revalidate'
+     *
+     * @see DownloadResponse::noCache()
+     */
+    public function noCache()
+    {
+        $this->removeHeader('Cache-Control');
+        $this->setHeader('Cache-Control', ['no-store', 'max-age=0', 'no-cache']);
+
+        return $this;
+    }
+
+    /**
+     * A shortcut method that allows the developer to set all of the
+     * cache-control headers in one method call.
+     *
+     * The options array is used to provide the cache-control directives
+     * for the header. It might look something like:
+     *
+     *      $options = [
+     *          'max-age'  => 300,
+     *          's-maxage' => 900
+     *          'etag'     => 'abcde',
+     *      ];
+     *
+     * Typical options are:
+     *  - etag
+     *  - last-modified
+     *  - max-age
+     *  - s-maxage
+     *  - private
+     *  - public
+     *  - must-revalidate
+     *  - proxy-revalidate
+     *  - no-transform
+     *
+     * @return $this
+     */
+    public function setCache(array $options = [])
+    {
+        if ($options === []) {
+            return $this;
+        }
+
+        $this->removeHeader('Cache-Control');
+        $this->removeHeader('ETag');
+
+        // ETag
+        if (isset($options['etag'])) {
+            $this->setHeader('ETag', $options['etag']);
+            unset($options['etag']);
+        }
+
+        // Last Modified
+        if (isset($options['last-modified'])) {
+            $this->setLastModified($options['last-modified']);
+
+            unset($options['last-modified']);
+        }
+
+        $this->setHeader('Cache-Control', $options);
+
+        return $this;
+    }
+
+    /**
+     * Sets the Last-Modified date header.
+     *
+     * $date can be either a string representation of the date or,
+     * preferably, an instance of DateTime.
+     *
+     * @param DateTime|string $date
+     *
+     * @return $this
+     */
+    public function setLastModified($date)
+    {
+        if ($date instanceof DateTime) {
+            $date->setTimezone(new DateTimeZone('UTC'));
+            $this->setHeader('Last-Modified', $date->format('D, d M Y H:i:s') . ' GMT');
+        } elseif (is_string($date)) {
+            $this->setHeader('Last-Modified', $date);
+        }
+
+        return $this;
+    }
+
+    // --------------------------------------------------------------------
+    // Output Methods
+    // --------------------------------------------------------------------
+
+    /**
+     * Sends the output to the browser.
+     *
+     * @return $this
+     */
+    public function send()
+    {
+        // If we're enforcing a Content Security Policy,
+        // we need to give it a chance to build out it's headers.
+        if ($this->CSP->enabled()) {
+            $this->CSP->finalize($this);
+        } else {
+            $this->body = str_replace(['{csp-style-nonce}', '{csp-script-nonce}'], '', $this->body ?? '');
+        }
+
+        $this->sendHeaders();
+        $this->sendCookies();
+        $this->sendBody();
+
+        return $this;
+    }
+
+    /**
+     * Sends the headers of this HTTP response to the browser.
+     *
+     * @return $this
+     */
+    public function sendHeaders()
+    {
+        // Have the headers already been sent?
+        if ($this->pretend || headers_sent()) {
+            return $this;
+        }
+
+        // Per spec, MUST be sent with each request, if possible.
+        // http://www.w3.org/Protocols/rfc2616/rfc2616-sec13.html
+        if (! isset($this->headers['Date']) && PHP_SAPI !== 'cli-server') {
+            $this->setDate(DateTime::createFromFormat('U', (string) Time::now()->getTimestamp()));
+        }
+
+        // HTTP Status
+        header(sprintf('HTTP/%s %s %s', $this->getProtocolVersion(), $this->getStatusCode(), $this->getReasonPhrase()), true, $this->getStatusCode());
+
+        // Send all of our headers
+        foreach ($this->headers() as $name => $value) {
+            if ($value instanceof Header) {
+                header(
+                    $name . ': ' . $value->getValueLine(),
+                    true,
+                    $this->getStatusCode(),
+                );
+            } else {
+                $replace = true;
+
+                foreach ($value as $header) {
+                    header(
+                        $name . ': ' . $header->getValueLine(),
+                        $replace,
+                        $this->getStatusCode(),
+                    );
+                    $replace = false;
+                }
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * Sends the Body of the message to the browser.
+     *
+     * @return $this
+     */
+    public function sendBody()
+    {
+        echo $this->body;
+
+        return $this;
+    }
+
+    /**
+     * Perform a redirect to a new URL, in two flavors: header or location.
+     *
+     * @param string   $uri  The URI to redirect to
+     * @param int|null $code The type of redirection, defaults to 302
+     *
+     * @return $this
+     *
+     * @throws HTTPException For invalid status code.
+     */
+    public function redirect(string $uri, string $method = 'auto', ?int $code = null)
+    {
+        // IIS environment likely? Use 'refresh' for better compatibility
+        if (
+            $method === 'auto'
+            && isset($_SERVER['SERVER_SOFTWARE'])
+            && str_contains($_SERVER['SERVER_SOFTWARE'], 'Microsoft-IIS')
+        ) {
+            $method = 'refresh';
+        } elseif ($method !== 'refresh' && $code === null) {
+            // override status code for HTTP/1.1 & higher
+            if (
+                isset($_SERVER['SERVER_PROTOCOL'], $_SERVER['REQUEST_METHOD'])
+                && $this->getProtocolVersion() >= 1.1
+            ) {
+                if ($_SERVER['REQUEST_METHOD'] === Method::GET) {
+                    $code = 302;
+                } elseif (in_array($_SERVER['REQUEST_METHOD'], [Method::POST, Method::PUT, Method::DELETE], true)) {
+                    // reference: https://en.wikipedia.org/wiki/Post/Redirect/Get
+                    $code = 303;
+                } else {
+                    $code = 307;
+                }
+            }
+        }
+
+        if ($code === null) {
+            $code = 302;
+        }
+
+        match ($method) {
+            'refresh' => $this->setHeader('Refresh', '0;url=' . $uri),
+            default   => $this->setHeader('Location', $uri),
+        };
+
+        $this->setStatusCode($code);
+
+        return $this;
+    }
+
+    /**
+     * Set a cookie
+     *
+     * Accepts an arbitrary number of binds (up to 7) or an associative
+     * array in the first parameter containing all the values.
+     *
+     * @param array|Cookie|string $name     Cookie name / array containing binds / Cookie object
+     * @param string              $value    Cookie value
+     * @param int                 $expire   Cookie expiration time in seconds
+     * @param string              $domain   Cookie domain (e.g.: '.yourdomain.com')
+     * @param string              $path     Cookie path (default: '/')
+     * @param string              $prefix   Cookie name prefix ('': the default prefix)
+     * @param bool|null           $secure   Whether to only transfer cookies via SSL
+     * @param bool|null           $httponly Whether only make the cookie accessible via HTTP (no javascript)
+     * @param string|null         $samesite
+     *
+     * @return $this
+     */
+    public function setCookie(
+        $name,
+        $value = '',
+        $expire = 0,
+        $domain = '',
+        $path = '/',
+        $prefix = '',
+        $secure = null,
+        $httponly = null,
+        $samesite = null,
+    ) {
+        if ($name instanceof Cookie) {
+            $this->cookieStore = $this->cookieStore->put($name);
+
+            return $this;
+        }
+
+        $cookieConfig = config(CookieConfig::class);
+
+        $secure ??= $cookieConfig->secure;
+        $httponly ??= $cookieConfig->httponly;
+        $samesite ??= $cookieConfig->samesite;
+
+        if (is_array($name)) {
+            // always leave 'name' in last place, as the loop will break otherwise, due to ${$item}
+            foreach (['samesite', 'value', 'expire', 'domain', 'path', 'prefix', 'secure', 'httponly', 'name'] as $item) {
+                if (isset($name[$item])) {
+                    ${$item} = $name[$item];
+                }
+            }
+        }
+
+        if (is_numeric($expire)) {
+            $expire = $expire > 0 ? Time::now()->getTimestamp() + $expire : 0;
+        }
+
+        $cookie = new Cookie($name, $value, [
+            'expires'  => $expire ?: 0,
+            'domain'   => $domain,
+            'path'     => $path,
+            'prefix'   => $prefix,
+            'secure'   => $secure,
+            'httponly' => $httponly,
+            'samesite' => $samesite ?? '',
+        ]);
+
+        $this->cookieStore = $this->cookieStore->put($cookie);
+
+        return $this;
+    }
+
+    /**
+     * Returns the `CookieStore` instance.
+     *
+     * @return CookieStore
+     */
+    public function getCookieStore()
+    {
+        return $this->cookieStore;
+    }
+
+    /**
+     * Checks to see if the Response has a specified cookie or not.
+     */
+    public function hasCookie(string $name, ?string $value = null, string $prefix = ''): bool
+    {
+        $prefix = $prefix !== '' ? $prefix : Cookie::setDefaults()['prefix']; // to retain BC
+
+        return $this->cookieStore->has($name, $prefix, $value);
+    }
+
+    /**
+     * Returns the cookie
+     *
+     * @param string $prefix Cookie prefix.
+     *                       '': the default prefix
+     *
+     * @return array<string, Cookie>|Cookie|null
+     */
+    public function getCookie(?string $name = null, string $prefix = '')
+    {
+        if ((string) $name === '') {
+            return $this->cookieStore->display();
+        }
+
+        try {
+            $prefix = $prefix !== '' ? $prefix : Cookie::setDefaults()['prefix']; // to retain BC
+
+            return $this->cookieStore->get($name, $prefix);
+        } catch (CookieException $e) {
+            log_message('error', (string) $e);
+
+            return null;
+        }
+    }
+
+    /**
+     * Sets a cookie to be deleted when the response is sent.
+     *
+     * @return $this
+     */
+    public function deleteCookie(string $name = '', string $domain = '', string $path = '/', string $prefix = '')
+    {
+        if ($name === '') {
+            return $this;
+        }
+
+        $prefix = $prefix !== '' ? $prefix : Cookie::setDefaults()['prefix']; // to retain BC
+
+        $prefixed = $prefix . $name;
+        $store    = $this->cookieStore;
+        $found    = false;
+
+        /** @var Cookie $cookie */
+        foreach ($store as $cookie) {
+            if ($cookie->getPrefixedName() === $prefixed) {
+                if ($domain !== $cookie->getDomain()) {
+                    continue;
+                }
+
+                if ($path !== $cookie->getPath()) {
+                    continue;
+                }
+
+                $cookie = $cookie->withValue('')->withExpired();
+                $found  = true;
+
+                $this->cookieStore = $store->put($cookie);
+                break;
+            }
+        }
+
+        if (! $found) {
+            $this->setCookie($name, '', 0, $domain, $path, $prefix);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Returns all cookies currently set.
+     *
+     * @return array<string, Cookie>
+     */
+    public function getCookies()
+    {
+        return $this->cookieStore->display();
+    }
+
+    /**
+     * Actually sets the cookies.
+     *
+     * @return void
+     */
+    protected function sendCookies()
+    {
+        if ($this->pretend) {
+            return;
+        }
+
+        $this->dispatchCookies();
+    }
+
+    private function dispatchCookies(): void
+    {
+        /** @var IncomingRequest $request */
+        $request = service('request');
+
+        foreach ($this->cookieStore->display() as $cookie) {
+            if ($cookie->isSecure() && ! $request->isSecure()) {
+                throw SecurityException::forInsecureCookie();
+            }
+
+            $name    = $cookie->getPrefixedName();
+            $value   = $cookie->getValue();
+            $options = $cookie->getOptions();
+
+            if ($cookie->isRaw()) {
+                $this->doSetRawCookie($name, $value, $options);
+            } else {
+                $this->doSetCookie($name, $value, $options);
+            }
+        }
+
+        $this->cookieStore->clear();
+    }
+
+    /**
+     * Extracted call to `setrawcookie()` in order to run unit tests on it.
+     *
+     * @codeCoverageIgnore
+     */
+    private function doSetRawCookie(string $name, string $value, array $options): void
+    {
+        setrawcookie($name, $value, $options);
+    }
+
+    /**
+     * Extracted call to `setcookie()` in order to run unit tests on it.
+     *
+     * @codeCoverageIgnore
+     */
+    private function doSetCookie(string $name, string $value, array $options): void
+    {
+        setcookie($name, $value, $options);
+    }
+
+    /**
+     * Force a download.
+     *
+     * Generates the headers that force a download to happen. And
+     * sends the file to the browser.
+     *
+     * @param string      $filename The name you want the downloaded file to be named
+     *                              or the path to the file to send
+     * @param string|null $data     The data to be downloaded. Set null if the $filename is the file path
+     * @param bool        $setMime  Whether to try and send the actual MIME type
+     *
+     * @return DownloadResponse|null
+     */
+    public function download(string $filename = '', $data = '', bool $setMime = false)
+    {
+        if ($filename === '' || $data === '') {
+            return null;
+        }
+
+        $filepath = '';
+        if ($data === null) {
+            $filepath = $filename;
+            $filename = explode('/', str_replace(DIRECTORY_SEPARATOR, '/', $filename));
+            $filename = end($filename);
+        }
+
+        $response = new DownloadResponse($filename, $setMime);
+
+        if ($filepath !== '') {
+            $response->setFilePath($filepath);
+        } elseif ($data !== null) {
+            $response->setBinary($data);
+        }
+
+        return $response;
+    }
+
+    public function getCSP(): ContentSecurityPolicy
+    {
+        return $this->CSP;
+    }
+}
diff --git a/ci4app/system/HTTP/SiteURI.php b/ci4app/system/HTTP/SiteURI.php
new file mode 100644
index 0000000..d6653b1
--- /dev/null
+++ b/ci4app/system/HTTP/SiteURI.php
@@ -0,0 +1,449 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\Exceptions\BadMethodCallException;
+use CodeIgniter\Exceptions\ConfigException;
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+use Config\App;
+
+/**
+ * URI for the application site
+ *
+ * @see \CodeIgniter\HTTP\SiteURITest
+ */
+class SiteURI extends URI
+{
+    /**
+     * The current baseURL.
+     */
+    private readonly URI $baseURL;
+
+    /**
+     * The path part of baseURL.
+     *
+     * The baseURL "http://example.com/" → '/'
+     * The baseURL "http://localhost:8888/ci431/public/" → '/ci431/public/'
+     */
+    private string $basePathWithoutIndexPage;
+
+    /**
+     * The Index File.
+     */
+    private readonly string $indexPage;
+
+    /**
+     * List of URI segments in baseURL and indexPage.
+     *
+     * If the URI is "http://localhost:8888/ci431/public/index.php/test?a=b",
+     * and the baseURL is "http://localhost:8888/ci431/public/", then:
+     *   $baseSegments = [
+     *       0 => 'ci431',
+     *       1 => 'public',
+     *       2 => 'index.php',
+     *   ];
+     */
+    private array $baseSegments;
+
+    /**
+     * List of URI segments after indexPage.
+     *
+     * The word "URI Segments" originally means only the URI path part relative
+     * to the baseURL.
+     *
+     * If the URI is "http://localhost:8888/ci431/public/index.php/test?a=b",
+     * and the baseURL is "http://localhost:8888/ci431/public/", then:
+     *   $segments = [
+     *       0 => 'test',
+     *   ];
+     *
+     * @var array<int, string>
+     *
+     * @deprecated This property will be private.
+     */
+    protected $segments;
+
+    /**
+     * URI path relative to baseURL.
+     *
+     * If the baseURL contains sub folders, this value will be different from
+     * the current URI path.
+     *
+     * This value never starts with '/'.
+     */
+    private string $routePath;
+
+    /**
+     * @param string              $relativePath URI path relative to baseURL. May include
+     *                                          queries or fragments.
+     * @param string|null         $host         Optional current hostname.
+     * @param 'http'|'https'|null $scheme       Optional scheme. 'http' or 'https'.
+     */
+    public function __construct(
+        App $configApp,
+        string $relativePath = '',
+        ?string $host = null,
+        ?string $scheme = null,
+    ) {
+        $this->indexPage = $configApp->indexPage;
+
+        $this->baseURL = $this->determineBaseURL($configApp, $host, $scheme);
+
+        $this->setBasePath();
+
+        // Fix routePath, query, fragment
+        [$routePath, $query, $fragment] = $this->parseRelativePath($relativePath);
+
+        // Fix indexPage and routePath
+        $indexPageRoutePath = $this->getIndexPageRoutePath($routePath);
+
+        // Fix the current URI
+        $uri = $this->baseURL . $indexPageRoutePath;
+
+        // applyParts
+        $parts = parse_url($uri);
+        if ($parts === false) {
+            throw HTTPException::forUnableToParseURI($uri);
+        }
+        $parts['query']    = $query;
+        $parts['fragment'] = $fragment;
+        $this->applyParts($parts);
+
+        $this->setRoutePath($routePath);
+    }
+
+    private function parseRelativePath(string $relativePath): array
+    {
+        $parts = parse_url('http://dummy/' . $relativePath);
+        if ($parts === false) {
+            throw HTTPException::forUnableToParseURI($relativePath);
+        }
+
+        $routePath = $relativePath === '/' ? '/' : ltrim($parts['path'], '/');
+
+        $query    = $parts['query'] ?? '';
+        $fragment = $parts['fragment'] ?? '';
+
+        return [$routePath, $query, $fragment];
+    }
+
+    private function determineBaseURL(
+        App $configApp,
+        ?string $host,
+        ?string $scheme,
+    ): URI {
+        $baseURL = $this->normalizeBaseURL($configApp);
+
+        $uri = new URI($baseURL);
+
+        // Update scheme
+        if ($scheme !== null && $scheme !== '') {
+            $uri->setScheme($scheme);
+        } elseif ($configApp->forceGlobalSecureRequests) {
+            $uri->setScheme('https');
+        }
+
+        // Update host
+        if ($host !== null) {
+            $uri->setHost($host);
+        }
+
+        return $uri;
+    }
+
+    private function getIndexPageRoutePath(string $routePath): string
+    {
+        // Remove starting slash unless it is `/`.
+        if ($routePath !== '' && $routePath[0] === '/' && $routePath !== '/') {
+            $routePath = ltrim($routePath, '/');
+        }
+
+        // Check for an index page
+        $indexPage = '';
+        if ($this->indexPage !== '') {
+            $indexPage = $this->indexPage;
+
+            // Check if we need a separator
+            if ($routePath !== '' && $routePath[0] !== '/' && $routePath[0] !== '?') {
+                $indexPage .= '/';
+            }
+        }
+
+        $indexPageRoutePath = $indexPage . $routePath;
+
+        if ($indexPageRoutePath === '/') {
+            $indexPageRoutePath = '';
+        }
+
+        return $indexPageRoutePath;
+    }
+
+    private function normalizeBaseURL(App $configApp): string
+    {
+        // It's possible the user forgot a trailing slash on their
+        // baseURL, so let's help them out.
+        $baseURL = rtrim($configApp->baseURL, '/ ') . '/';
+
+        // Validate baseURL
+        if (filter_var($baseURL, FILTER_VALIDATE_URL) === false) {
+            throw new ConfigException(
+                'Config\App::$baseURL "' . $baseURL . '" is not a valid URL.',
+            );
+        }
+
+        return $baseURL;
+    }
+
+    /**
+     * Sets basePathWithoutIndexPage and baseSegments.
+     */
+    private function setBasePath(): void
+    {
+        $this->basePathWithoutIndexPage = $this->baseURL->getPath();
+
+        $this->baseSegments = $this->convertToSegments($this->basePathWithoutIndexPage);
+
+        if ($this->indexPage !== '') {
+            $this->baseSegments[] = $this->indexPage;
+        }
+    }
+
+    /**
+     * @deprecated
+     */
+    public function setBaseURL(string $baseURL): void
+    {
+        throw new BadMethodCallException('Cannot use this method.');
+    }
+
+    /**
+     * @deprecated
+     */
+    public function setURI(?string $uri = null)
+    {
+        throw new BadMethodCallException('Cannot use this method.');
+    }
+
+    /**
+     * Returns the baseURL.
+     *
+     * @interal
+     */
+    public function getBaseURL(): string
+    {
+        return (string) $this->baseURL;
+    }
+
+    /**
+     * Returns the URI path relative to baseURL.
+     *
+     * @return string The Route path.
+     */
+    public function getRoutePath(): string
+    {
+        return $this->routePath;
+    }
+
+    /**
+     * Formats the URI as a string.
+     */
+    public function __toString(): string
+    {
+        return static::createURIString(
+            $this->getScheme(),
+            $this->getAuthority(),
+            $this->getPath(),
+            $this->getQuery(),
+            $this->getFragment(),
+        );
+    }
+
+    /**
+     * Sets the route path (and segments).
+     *
+     * @return $this
+     */
+    public function setPath(string $path)
+    {
+        $this->setRoutePath($path);
+
+        return $this;
+    }
+
+    /**
+     * Sets the route path (and segments).
+     */
+    private function setRoutePath(string $routePath): void
+    {
+        $routePath = $this->filterPath($routePath);
+
+        $indexPageRoutePath = $this->getIndexPageRoutePath($routePath);
+
+        $this->path = $this->basePathWithoutIndexPage . $indexPageRoutePath;
+
+        $this->routePath = ltrim($routePath, '/');
+
+        $this->segments = $this->convertToSegments($this->routePath);
+    }
+
+    /**
+     * Converts path to segments
+     */
+    private function convertToSegments(string $path): array
+    {
+        $tempPath = trim($path, '/');
+
+        return ($tempPath === '') ? [] : explode('/', $tempPath);
+    }
+
+    /**
+     * Sets the path portion of the URI based on segments.
+     *
+     * @return $this
+     *
+     * @deprecated This method will be private.
+     */
+    public function refreshPath()
+    {
+        $allSegments = array_merge($this->baseSegments, $this->segments);
+        $this->path  = '/' . $this->filterPath(implode('/', $allSegments));
+
+        if ($this->routePath === '/' && $this->path !== '/') {
+            $this->path .= '/';
+        }
+
+        $this->routePath = $this->filterPath(implode('/', $this->segments));
+
+        return $this;
+    }
+
+    /**
+     * Saves our parts from a parse_url() call.
+     *
+     * @param array{
+     *  host?: string,
+     *  user?: string,
+     *  path?: string,
+     *  query?: string,
+     *  fragment?: string,
+     *  scheme?: string,
+     *  port?: int,
+     *  pass?: string,
+     * } $parts
+     */
+    protected function applyParts(array $parts): void
+    {
+        if (isset($parts['host']) && $parts['host'] !== '') {
+            $this->host = $parts['host'];
+        }
+
+        if (isset($parts['user']) && $parts['user'] !== '') {
+            $this->user = $parts['user'];
+        }
+
+        if (isset($parts['path']) && $parts['path'] !== '') {
+            $this->path = $this->filterPath($parts['path']);
+        }
+
+        if (isset($parts['query']) && $parts['query'] !== '') {
+            $this->setQuery($parts['query']);
+        }
+
+        if (isset($parts['fragment']) && $parts['fragment'] !== '') {
+            $this->fragment = $parts['fragment'];
+        }
+
+        if (isset($parts['scheme'])) {
+            $this->setScheme(rtrim($parts['scheme'], ':/'));
+        } else {
+            $this->setScheme('http');
+        }
+
+        if (isset($parts['port'])) {
+            // Valid port numbers are enforced by earlier parse_url or setPort()
+            $this->port = $parts['port'];
+        }
+
+        if (isset($parts['pass'])) {
+            $this->password = $parts['pass'];
+        }
+    }
+
+    /**
+     * For base_url() helper.
+     *
+     * @param array|string $relativePath URI string or array of URI segments.
+     * @param string|null  $scheme       URI scheme. E.g., http, ftp. If empty
+     *                                   string '' is set, a protocol-relative
+     *                                   link is returned.
+     */
+    public function baseUrl($relativePath = '', ?string $scheme = null): string
+    {
+        $relativePath = $this->stringifyRelativePath($relativePath);
+
+        $config            = clone config(App::class);
+        $config->indexPage = '';
+
+        $host = $this->getHost();
+
+        $uri = new self($config, $relativePath, $host, $scheme);
+
+        // Support protocol-relative links
+        if ($scheme === '') {
+            return substr((string) $uri, strlen($uri->getScheme()) + 1);
+        }
+
+        return (string) $uri;
+    }
+
+    /**
+     * @param array|string $relativePath URI string or array of URI segments
+     */
+    private function stringifyRelativePath($relativePath): string
+    {
+        if (is_array($relativePath)) {
+            $relativePath = implode('/', $relativePath);
+        }
+
+        return $relativePath;
+    }
+
+    /**
+     * For site_url() helper.
+     *
+     * @param array|string $relativePath URI string or array of URI segments.
+     * @param string|null  $scheme       URI scheme. E.g., http, ftp. If empty
+     *                                   string '' is set, a protocol-relative
+     *                                   link is returned.
+     * @param App|null     $config       Alternate configuration to use.
+     */
+    public function siteUrl($relativePath = '', ?string $scheme = null, ?App $config = null): string
+    {
+        $relativePath = $this->stringifyRelativePath($relativePath);
+
+        // Check current host.
+        $host = $config instanceof App ? null : $this->getHost();
+
+        $config ??= config(App::class);
+
+        $uri = new self($config, $relativePath, $host, $scheme);
+
+        // Support protocol-relative links
+        if ($scheme === '') {
+            return substr((string) $uri, strlen($uri->getScheme()) + 1);
+        }
+
+        return (string) $uri;
+    }
+}
diff --git a/ci4app/system/HTTP/SiteURIFactory.php b/ci4app/system/HTTP/SiteURIFactory.php
new file mode 100644
index 0000000..483c3de
--- /dev/null
+++ b/ci4app/system/HTTP/SiteURIFactory.php
@@ -0,0 +1,252 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+use CodeIgniter\Superglobals;
+use Config\App;
+
+/**
+ * Creates SiteURI using superglobals.
+ *
+ * This class also updates superglobal $_SERVER and $_GET.
+ *
+ * @see \CodeIgniter\HTTP\SiteURIFactoryTest
+ */
+final class SiteURIFactory
+{
+    public function __construct(private readonly App $appConfig, private readonly Superglobals $superglobals)
+    {
+    }
+
+    /**
+     * Create the current URI object from superglobals.
+     *
+     * This method updates superglobal $_SERVER and $_GET.
+     */
+    public function createFromGlobals(): SiteURI
+    {
+        $routePath = $this->detectRoutePath();
+
+        return $this->createURIFromRoutePath($routePath);
+    }
+
+    /**
+     * Create the SiteURI object from URI string.
+     *
+     * @internal Used for testing purposes only.
+     * @testTag
+     */
+    public function createFromString(string $uri): SiteURI
+    {
+        // Validate URI
+        if (filter_var($uri, FILTER_VALIDATE_URL) === false) {
+            throw HTTPException::forUnableToParseURI($uri);
+        }
+
+        $parts = parse_url($uri);
+
+        if ($parts === false) {
+            throw HTTPException::forUnableToParseURI($uri);
+        }
+
+        $query = $fragment = '';
+        if (isset($parts['query'])) {
+            $query = '?' . $parts['query'];
+        }
+        if (isset($parts['fragment'])) {
+            $fragment = '#' . $parts['fragment'];
+        }
+
+        $relativePath = ($parts['path'] ?? '') . $query . $fragment;
+        $host         = $this->getValidHost($parts['host']);
+
+        return new SiteURI($this->appConfig, $relativePath, $host, $parts['scheme']);
+    }
+
+    /**
+     * Detects the current URI path relative to baseURL based on the URIProtocol
+     * Config setting.
+     *
+     * @param string $protocol URIProtocol
+     *
+     * @return string The route path
+     *
+     * @internal Used for testing purposes only.
+     * @testTag
+     */
+    public function detectRoutePath(string $protocol = ''): string
+    {
+        if ($protocol === '') {
+            $protocol = $this->appConfig->uriProtocol;
+        }
+
+        $routePath = match ($protocol) {
+            'REQUEST_URI'  => $this->parseRequestURI(),
+            'QUERY_STRING' => $this->parseQueryString(),
+            default        => $this->superglobals->server($protocol) ?? $this->parseRequestURI(),
+        };
+
+        return ($routePath === '/' || $routePath === '') ? '/' : ltrim($routePath, '/');
+    }
+
+    /**
+     * Will parse the REQUEST_URI and automatically detect the URI from it,
+     * fixing the query string if necessary.
+     *
+     * This method updates superglobal $_SERVER and $_GET.
+     *
+     * @return string The route path (before normalization).
+     */
+    private function parseRequestURI(): string
+    {
+        if (
+            $this->superglobals->server('REQUEST_URI') === null
+            || $this->superglobals->server('SCRIPT_NAME') === null
+        ) {
+            return '';
+        }
+
+        // parse_url() returns false if no host is present, but the path or query
+        // string contains a colon followed by a number. So we attach a dummy
+        // host since REQUEST_URI does not include the host. This allows us to
+        // parse out the query string and path.
+        $parts = parse_url('http://dummy' . $this->superglobals->server('REQUEST_URI'));
+        $query = $parts['query'] ?? '';
+        $path  = $parts['path'] ?? '';
+
+        // Strip the SCRIPT_NAME path from the URI
+        if (
+            $path !== '' && $this->superglobals->server('SCRIPT_NAME') !== ''
+            && pathinfo($this->superglobals->server('SCRIPT_NAME'), PATHINFO_EXTENSION) === 'php'
+        ) {
+            // Compare each segment, dropping them until there is no match
+            $segments = explode('/', rawurldecode($path));
+            $keep     = explode('/', $path);
+
+            foreach (explode('/', $this->superglobals->server('SCRIPT_NAME')) as $i => $segment) {
+                // If these segments are not the same then we're done
+                if (! isset($segments[$i]) || $segment !== $segments[$i]) {
+                    break;
+                }
+
+                array_shift($keep);
+            }
+
+            $path = implode('/', $keep);
+        }
+
+        // Cleanup: if indexPage is still visible in the path, remove it
+        if ($this->appConfig->indexPage !== '' && str_starts_with($path, $this->appConfig->indexPage)) {
+            $remainingPath = substr($path, strlen($this->appConfig->indexPage));
+            // Only remove if followed by '/' (route) or nothing (root)
+            if ($remainingPath === '' || str_starts_with($remainingPath, '/')) {
+                $path = ltrim($remainingPath, '/');
+            }
+        }
+
+        // This section ensures that even on servers that require the URI to
+        // contain the query string (Nginx) a correct URI is found, and also
+        // fixes the QUERY_STRING Server var and $_GET array.
+        if (trim($path, '/') === '' && str_starts_with($query, '/')) {
+            $parts    = explode('?', $query, 2);
+            $path     = $parts[0];
+            $newQuery = $query[1] ?? '';
+
+            $this->superglobals->setServer('QUERY_STRING', $newQuery);
+        } else {
+            $this->superglobals->setServer('QUERY_STRING', $query);
+        }
+
+        // Update our global GET for values likely to have been changed
+        parse_str($this->superglobals->server('QUERY_STRING'), $get);
+        $this->superglobals->setGetArray($get);
+
+        return URI::removeDotSegments($path);
+    }
+
+    /**
+     * Will parse QUERY_STRING and automatically detect the URI from it.
+     *
+     * This method updates superglobal $_SERVER and $_GET.
+     *
+     * @return string The route path (before normalization).
+     */
+    private function parseQueryString(): string
+    {
+        $query = $this->superglobals->server('QUERY_STRING') ?? (string) getenv('QUERY_STRING');
+
+        if (trim($query, '/') === '') {
+            return '/';
+        }
+
+        if (str_starts_with($query, '/')) {
+            $parts    = explode('?', $query, 2);
+            $path     = $parts[0];
+            $newQuery = $parts[1] ?? '';
+
+            $this->superglobals->setServer('QUERY_STRING', $newQuery);
+        } else {
+            $path = $query;
+        }
+
+        // Update our global GET for values likely to have been changed
+        parse_str($this->superglobals->server('QUERY_STRING'), $get);
+        $this->superglobals->setGetArray($get);
+
+        return URI::removeDotSegments($path);
+    }
+
+    /**
+     * Create current URI object.
+     *
+     * @param string $routePath URI path relative to baseURL
+     */
+    private function createURIFromRoutePath(string $routePath): SiteURI
+    {
+        $query = $this->superglobals->server('QUERY_STRING') ?? '';
+
+        $relativePath = $query !== '' ? $routePath . '?' . $query : $routePath;
+
+        return new SiteURI($this->appConfig, $relativePath, $this->getHost());
+    }
+
+    /**
+     * @return string|null The current hostname. Returns null if no valid host.
+     */
+    private function getHost(): ?string
+    {
+        $httpHostPort = $this->superglobals->server('HTTP_HOST') ?? null;
+
+        if ($httpHostPort !== null) {
+            [$httpHost] = explode(':', $httpHostPort, 2);
+
+            return $this->getValidHost($httpHost);
+        }
+
+        return null;
+    }
+
+    /**
+     * @return string|null The valid hostname. Returns null if not valid.
+     */
+    private function getValidHost(string $host): ?string
+    {
+        if (in_array($host, $this->appConfig->allowedHostnames, true)) {
+            return $host;
+        }
+
+        return null;
+    }
+}
diff --git a/ci4app/system/HTTP/URI.php b/ci4app/system/HTTP/URI.php
new file mode 100644
index 0000000..5bcf11d
--- /dev/null
+++ b/ci4app/system/HTTP/URI.php
@@ -0,0 +1,1210 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use CodeIgniter\Exceptions\BadMethodCallException;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+use Config\App;
+use Stringable;
+
+/**
+ * Abstraction for a uniform resource identifier (URI).
+ *
+ * @see \CodeIgniter\HTTP\URITest
+ */
+class URI implements Stringable
+{
+    /**
+     * Sub-delimiters used in query strings and fragments.
+     */
+    public const CHAR_SUB_DELIMS = '!\$&\'\(\)\*\+,;=';
+
+    /**
+     * Unreserved characters used in paths, query strings, and fragments.
+     */
+    public const CHAR_UNRESERVED = 'a-zA-Z0-9_\-\.~';
+
+    /**
+     * Current URI string
+     *
+     * @var string
+     *
+     * @deprecated 4.4.0 Not used.
+     */
+    protected $uriString;
+
+    /**
+     * The Current baseURL.
+     *
+     * @deprecated 4.4.0 Use SiteURI instead.
+     */
+    private ?string $baseURL = null;
+
+    /**
+     * List of URI segments.
+     *
+     * Starts at 1 instead of 0
+     *
+     * @var array<int, string>
+     */
+    protected $segments = [];
+
+    /**
+     * The URI Scheme.
+     *
+     * @var string
+     */
+    protected $scheme = 'http';
+
+    /**
+     * URI User Info
+     *
+     * @var string|null
+     */
+    protected $user;
+
+    /**
+     * URI User Password
+     *
+     * @var string|null
+     */
+    protected $password;
+
+    /**
+     * URI Host
+     *
+     * @var string|null
+     */
+    protected $host;
+
+    /**
+     * URI Port
+     *
+     * @var int|null
+     */
+    protected $port;
+
+    /**
+     * URI path.
+     *
+     * @var string|null
+     */
+    protected $path;
+
+    /**
+     * The name of any fragment.
+     *
+     * @var string
+     */
+    protected $fragment = '';
+
+    /**
+     * The query string.
+     *
+     * @var array<string, string>
+     */
+    protected $query = [];
+
+    /**
+     * Default schemes/ports.
+     *
+     * @var array{
+     *  http: int,
+     *  https: int,
+     *  ftp: int,
+     *  sftp: int,
+     * }
+     */
+    protected $defaultPorts = [
+        'http'  => 80,
+        'https' => 443,
+        'ftp'   => 21,
+        'sftp'  => 22,
+    ];
+
+    /**
+     * Whether passwords should be shown in userInfo/authority calls.
+     * Default to false because URIs often show up in logs
+     *
+     * @var bool
+     */
+    protected $showPassword = false;
+
+    /**
+     * If true, will continue instead of throwing exceptions.
+     *
+     * @var bool
+     */
+    protected $silent = false;
+
+    /**
+     * If true, will use raw query string.
+     *
+     * @var bool
+     */
+    protected $rawQueryString = false;
+
+    /**
+     * Builds a representation of the string from the component parts.
+     *
+     * @param string|null $scheme URI scheme. E.g., http, ftp
+     *
+     * @return string URI string with only passed parts. Maybe incomplete as a URI.
+     */
+    public static function createURIString(
+        ?string $scheme = null,
+        ?string $authority = null,
+        ?string $path = null,
+        ?string $query = null,
+        ?string $fragment = null,
+    ): string {
+        $uri = '';
+
+        if ((string) $scheme !== '') {
+            $uri .= $scheme . '://';
+        }
+
+        if ((string) $authority !== '') {
+            $uri .= $authority;
+        }
+
+        if ((string) $path !== '') {
+            $uri .= ! str_ends_with($uri, '/')
+                ? '/' . ltrim($path, '/')
+                : ltrim($path, '/');
+        }
+
+        if ((string) $query !== '') {
+            $uri .= '?' . $query;
+        }
+
+        if ((string) $fragment !== '') {
+            $uri .= '#' . $fragment;
+        }
+
+        return $uri;
+    }
+
+    /**
+     * Used when resolving and merging paths to correctly interpret and
+     * remove single and double dot segments from the path per
+     * RFC 3986 Section 5.2.4
+     *
+     * @see http://tools.ietf.org/html/rfc3986#section-5.2.4
+     *
+     * @internal
+     */
+    public static function removeDotSegments(string $path): string
+    {
+        if ($path === '' || $path === '/') {
+            return $path;
+        }
+
+        $output = [];
+
+        $input = explode('/', $path);
+
+        if ($input[0] === '') {
+            unset($input[0]);
+            $input = array_values($input);
+        }
+
+        // This is not a perfect representation of the
+        // RFC, but matches most cases and is pretty
+        // much what Guzzle uses. Should be good enough
+        // for almost every real use case.
+        foreach ($input as $segment) {
+            if ($segment === '..') {
+                array_pop($output);
+            } elseif ($segment !== '.' && $segment !== '') {
+                $output[] = $segment;
+            }
+        }
+
+        $output = implode('/', $output);
+        $output = trim($output, '/ ');
+
+        // Add leading slash if necessary
+        if (str_starts_with($path, '/')) {
+            $output = '/' . $output;
+        }
+
+        // Add trailing slash if necessary
+        if ($output !== '/' && str_ends_with($path, '/')) {
+            $output .= '/';
+        }
+
+        return $output;
+    }
+
+    /**
+     * Constructor.
+     *
+     * @param string|null $uri The URI to parse.
+     *
+     * @throws HTTPException
+     *
+     * @TODO null for param $uri should be removed.
+     *      See https://www.php-fig.org/psr/psr-17/#26-urifactoryinterface
+     */
+    public function __construct(?string $uri = null)
+    {
+        $this->setURI($uri);
+    }
+
+    /**
+     * If $silent == true, then will not throw exceptions and will
+     * attempt to continue gracefully.
+     *
+     * @deprecated 4.4.0 Method not in PSR-7
+     *
+     * @return URI
+     */
+    public function setSilent(bool $silent = true)
+    {
+        $this->silent = $silent;
+
+        return $this;
+    }
+
+    /**
+     * If $raw == true, then will use parseStr() method
+     * instead of native parse_str() function.
+     *
+     * Note: Method not in PSR-7
+     *
+     * @return URI
+     */
+    public function useRawQueryString(bool $raw = true)
+    {
+        $this->rawQueryString = $raw;
+
+        return $this;
+    }
+
+    /**
+     * Sets and overwrites any current URI information.
+     *
+     * @return URI
+     *
+     * @throws HTTPException
+     *
+     * @deprecated 4.4.0 This method will be private.
+     */
+    public function setURI(?string $uri = null)
+    {
+        if ($uri === null) {
+            return $this;
+        }
+
+        $parts = parse_url($uri);
+
+        if (is_array($parts)) {
+            $this->applyParts($parts);
+
+            return $this;
+        }
+
+        if ($this->silent) {
+            return $this;
+        }
+
+        throw HTTPException::forUnableToParseURI($uri);
+    }
+
+    /**
+     * Retrieve the scheme component of the URI.
+     *
+     * If no scheme is present, this method MUST return an empty string.
+     *
+     * The value returned MUST be normalized to lowercase, per RFC 3986
+     * Section 3.1.
+     *
+     * The trailing ":" character is not part of the scheme and MUST NOT be
+     * added.
+     *
+     * @see    https://tools.ietf.org/html/rfc3986#section-3.1
+     *
+     * @return string The URI scheme.
+     */
+    public function getScheme(): string
+    {
+        return $this->scheme;
+    }
+
+    /**
+     * Retrieve the authority component of the URI.
+     *
+     * If no authority information is present, this method MUST return an empty
+     * string.
+     *
+     * The authority syntax of the URI is:
+     *
+     * <pre>
+     * [user-info@]host[:port]
+     * </pre>
+     *
+     * If the port component is not set or is the standard port for the current
+     * scheme, it SHOULD NOT be included.
+     *
+     * @see https://tools.ietf.org/html/rfc3986#section-3.2
+     *
+     * @return string The URI authority, in "[user-info@]host[:port]" format.
+     */
+    public function getAuthority(bool $ignorePort = false): string
+    {
+        if ((string) $this->host === '') {
+            return '';
+        }
+
+        $authority = $this->host;
+
+        if ((string) $this->getUserInfo() !== '') {
+            $authority = $this->getUserInfo() . '@' . $authority;
+        }
+
+        // Don't add port if it's a standard port for this scheme
+        if ((int) $this->port !== 0 && ! $ignorePort && $this->port !== ($this->defaultPorts[$this->scheme] ?? null)) {
+            $authority .= ':' . $this->port;
+        }
+
+        $this->showPassword = false;
+
+        return $authority;
+    }
+
+    /**
+     * Retrieve the user information component of the URI.
+     *
+     * If no user information is present, this method MUST return an empty
+     * string.
+     *
+     * If a user is present in the URI, this will return that value;
+     * additionally, if the password is also present, it will be appended to the
+     * user value, with a colon (":") separating the values.
+     *
+     * NOTE that be default, the password, if available, will NOT be shown
+     * as a security measure as discussed in RFC 3986, Section 7.5. If you know
+     * the password is not a security issue, you can force it to be shown
+     * with $this->showPassword();
+     *
+     * The trailing "@" character is not part of the user information and MUST
+     * NOT be added.
+     *
+     * @return string|null The URI user information, in "username[:password]" format.
+     */
+    public function getUserInfo()
+    {
+        $userInfo = $this->user;
+
+        if ($this->showPassword === true && (string) $this->password !== '') {
+            $userInfo .= ':' . $this->password;
+        }
+
+        return $userInfo;
+    }
+
+    /**
+     * Temporarily sets the URI to show a password in userInfo. Will
+     * reset itself after the first call to authority().
+     *
+     * Note: Method not in PSR-7
+     *
+     * @return URI
+     */
+    public function showPassword(bool $val = true)
+    {
+        $this->showPassword = $val;
+
+        return $this;
+    }
+
+    /**
+     * Retrieve the host component of the URI.
+     *
+     * If no host is present, this method MUST return an empty string.
+     *
+     * The value returned MUST be normalized to lowercase, per RFC 3986
+     * Section 3.2.2.
+     *
+     * @see    http://tools.ietf.org/html/rfc3986#section-3.2.2
+     *
+     * @return string The URI host.
+     */
+    public function getHost(): string
+    {
+        return $this->host ?? '';
+    }
+
+    /**
+     * Retrieve the port component of the URI.
+     *
+     * If a port is present, and it is non-standard for the current scheme,
+     * this method MUST return it as an integer. If the port is the standard port
+     * used with the current scheme, this method SHOULD return null.
+     *
+     * If no port is present, and no scheme is present, this method MUST return
+     * a null value.
+     *
+     * If no port is present, but a scheme is present, this method MAY return
+     * the standard port for that scheme, but SHOULD return null.
+     *
+     * @return int|null The URI port.
+     */
+    public function getPort()
+    {
+        return $this->port;
+    }
+
+    /**
+     * Retrieve the path component of the URI.
+     *
+     * The path can either be empty or absolute (starting with a slash) or
+     * rootless (not starting with a slash). Implementations MUST support all
+     * three syntaxes.
+     *
+     * Normally, the empty path "" and absolute path "/" are considered equal as
+     * defined in RFC 7230 Section 2.7.3. But this method MUST NOT automatically
+     * do this normalization because in contexts with a trimmed base path, e.g.
+     * the front controller, this difference becomes significant. It's the task
+     * of the user to handle both "" and "/".
+     *
+     * The value returned MUST be percent-encoded, but MUST NOT double-encode
+     * any characters. To determine what characters to encode, please refer to
+     * RFC 3986, Sections 2 and 3.3.
+     *
+     * As an example, if the value should include a slash ("/") not intended as
+     * delimiter between path segments, that value MUST be passed in encoded
+     * form (e.g., "%2F") to the instance.
+     *
+     * @see    https://tools.ietf.org/html/rfc3986#section-2
+     * @see    https://tools.ietf.org/html/rfc3986#section-3.3
+     *
+     * @return string The URI path.
+     */
+    public function getPath(): string
+    {
+        return $this->path ?? '';
+    }
+
+    /**
+     * Retrieve the query string
+     *
+     * @param array{except?: list<string>|string, only?: list<string>|string} $options
+     */
+    public function getQuery(array $options = []): string
+    {
+        $vars = $this->query;
+
+        if (array_key_exists('except', $options)) {
+            if (! is_array($options['except'])) {
+                $options['except'] = [$options['except']];
+            }
+
+            foreach ($options['except'] as $var) {
+                unset($vars[$var]);
+            }
+        } elseif (array_key_exists('only', $options)) {
+            $temp = [];
+
+            if (! is_array($options['only'])) {
+                $options['only'] = [$options['only']];
+            }
+
+            foreach ($options['only'] as $var) {
+                if (array_key_exists($var, $vars)) {
+                    $temp[$var] = $vars[$var];
+                }
+            }
+
+            $vars = $temp;
+        }
+
+        return $vars === [] ? '' : http_build_query($vars);
+    }
+
+    /**
+     * Retrieve a URI fragment
+     */
+    public function getFragment(): string
+    {
+        return $this->fragment ?? '';
+    }
+
+    /**
+     * Returns the segments of the path as an array.
+     *
+     * @return array<int, string>
+     */
+    public function getSegments(): array
+    {
+        return $this->segments;
+    }
+
+    /**
+     * Returns the value of a specific segment of the URI path.
+     * Allows to get only existing segments or the next one.
+     *
+     * @param int    $number  Segment number starting at 1
+     * @param string $default Default value
+     *
+     * @return string The value of the segment. If you specify the last +1
+     *                segment, the $default value. If you specify the last +2
+     *                or more throws HTTPException.
+     */
+    public function getSegment(int $number, string $default = ''): string
+    {
+        if ($number < 1) {
+            throw HTTPException::forURISegmentOutOfRange($number);
+        }
+
+        if ($number > count($this->segments) + 1 && ! $this->silent) {
+            throw HTTPException::forURISegmentOutOfRange($number);
+        }
+
+        // The segment should treat the array as 1-based for the user
+        // but we still have to deal with a zero-based array.
+        $number--;
+
+        return $this->segments[$number] ?? $default;
+    }
+
+    /**
+     * Set the value of a specific segment of the URI path.
+     * Allows to set only existing segments or add new one.
+     *
+     * Note: Method not in PSR-7
+     *
+     * @param int        $number Segment number starting at 1
+     * @param int|string $value
+     *
+     * @return $this
+     */
+    public function setSegment(int $number, $value)
+    {
+        if ($number < 1) {
+            throw HTTPException::forURISegmentOutOfRange($number);
+        }
+
+        if ($number > count($this->segments) + 1) {
+            if ($this->silent) {
+                return $this;
+            }
+
+            throw HTTPException::forURISegmentOutOfRange($number);
+        }
+
+        // The segment should treat the array as 1-based for the user
+        // but we still have to deal with a zero-based array.
+        $number--;
+
+        $this->segments[$number] = $value;
+
+        return $this->refreshPath();
+    }
+
+    /**
+     * Returns the total number of segments.
+     *
+     * Note: Method not in PSR-7
+     */
+    public function getTotalSegments(): int
+    {
+        return count($this->segments);
+    }
+
+    /**
+     * Formats the URI as a string.
+     *
+     * Warning: For backwards-compatability this method
+     * assumes URIs with the same host as baseURL should
+     * be relative to the project's configuration.
+     * This aspect of __toString() is deprecated and should be avoided.
+     */
+    public function __toString(): string
+    {
+        $path   = $this->getPath();
+        $scheme = $this->getScheme();
+
+        // If the hosts matches then assume this should be relative to baseURL
+        [$scheme, $path] = $this->changeSchemeAndPath($scheme, $path);
+
+        return static::createURIString(
+            $scheme,
+            $this->getAuthority(),
+            $path, // Absolute URIs should use a "/" for an empty path
+            $this->getQuery(),
+            $this->getFragment(),
+        );
+    }
+
+    /**
+     * Change the path (and scheme) assuming URIs with the same host as baseURL
+     * should be relative to the project's configuration.
+     *
+     * @return array{string, string}
+     *
+     * @deprecated This method will be deleted.
+     */
+    private function changeSchemeAndPath(string $scheme, string $path): array
+    {
+        // Check if this is an internal URI
+        $config  = config(App::class);
+        $baseUri = new self($config->baseURL);
+
+        if (
+            str_starts_with($this->getScheme(), 'http')
+            && $this->getHost() === $baseUri->getHost()
+        ) {
+            // Check for additional segments
+            $basePath = trim($baseUri->getPath(), '/') . '/';
+            $trimPath = ltrim($path, '/');
+
+            if ($basePath !== '/' && ! str_starts_with($trimPath, $basePath)) {
+                $path = $basePath . $trimPath;
+            }
+
+            // Check for forced HTTPS
+            if ($config->forceGlobalSecureRequests) {
+                $scheme = 'https';
+            }
+        }
+
+        return [$scheme, $path];
+    }
+
+    /**
+     * Parses the given string and saves the appropriate authority pieces.
+     *
+     * Note: Method not in PSR-7
+     *
+     * @return $this
+     */
+    public function setAuthority(string $str)
+    {
+        $parts = parse_url($str);
+
+        if (! isset($parts['path'])) {
+            $parts['path'] = $this->getPath();
+        }
+
+        if (! isset($parts['host']) && $parts['path'] !== '') {
+            $parts['host'] = $parts['path'];
+            unset($parts['path']);
+        }
+
+        $this->applyParts($parts);
+
+        return $this;
+    }
+
+    /**
+     * Sets the scheme for this URI.
+     *
+     * Because of the large number of valid schemes we cannot limit this
+     * to only http or https.
+     *
+     * @see https://www.iana.org/assignments/uri-schemes/uri-schemes.xhtml
+     *
+     * @return $this
+     *
+     * @deprecated 4.4.0 Use `withScheme()` instead.
+     */
+    public function setScheme(string $str)
+    {
+        $str          = strtolower($str);
+        $this->scheme = preg_replace('#:(//)?$#', '', $str);
+
+        return $this;
+    }
+
+    /**
+     * Return an instance with the specified scheme.
+     *
+     * This method MUST retain the state of the current instance, and return
+     * an instance that contains the specified scheme.
+     *
+     * Implementations MUST support the schemes "http" and "https" case
+     * insensitively, and MAY accommodate other schemes if required.
+     *
+     * An empty scheme is equivalent to removing the scheme.
+     *
+     * @param string $scheme The scheme to use with the new instance.
+     *
+     * @return static A new instance with the specified scheme.
+     *
+     * @throws InvalidArgumentException for invalid or unsupported schemes.
+     */
+    public function withScheme(string $scheme)
+    {
+        $uri = clone $this;
+
+        $scheme = strtolower($scheme);
+
+        $uri->scheme = preg_replace('#:(//)?$#', '', $scheme);
+
+        return $uri;
+    }
+
+    /**
+     * Sets the userInfo/Authority portion of the URI.
+     *
+     * @param string $user The user's username
+     * @param string $pass The user's password
+     *
+     * @return $this
+     *
+     * @TODO PSR-7: Should be `withUserInfo($user, $password = null)`.
+     */
+    public function setUserInfo(string $user, string $pass)
+    {
+        $this->user     = trim($user);
+        $this->password = trim($pass);
+
+        return $this;
+    }
+
+    /**
+     * Sets the host name to use.
+     *
+     * @return $this
+     *
+     * @TODO PSR-7: Should be `withHost($host)`.
+     */
+    public function setHost(string $str)
+    {
+        $this->host = trim($str);
+
+        return $this;
+    }
+
+    /**
+     * Sets the port portion of the URI.
+     *
+     * @return $this
+     *
+     * @TODO PSR-7: Should be `withPort($port)`.
+     */
+    public function setPort(?int $port = null)
+    {
+        if ($port === null) {
+            return $this;
+        }
+
+        if ($port > 0 && $port <= 65535) {
+            $this->port = $port;
+
+            return $this;
+        }
+
+        if ($this->silent) {
+            return $this;
+        }
+
+        throw HTTPException::forInvalidPort($port);
+    }
+
+    /**
+     * Sets the path portion of the URI.
+     *
+     * @return $this
+     *
+     * @TODO PSR-7: Should be `withPath($port)`.
+     */
+    public function setPath(string $path)
+    {
+        $this->path = $this->filterPath($path);
+
+        $tempPath = trim($this->path, '/');
+
+        $this->segments = ($tempPath === '') ? [] : explode('/', $tempPath);
+
+        return $this;
+    }
+
+    /**
+     * Sets the current baseURL.
+     *
+     * @interal
+     *
+     * @deprecated Use SiteURI instead.
+     */
+    public function setBaseURL(string $baseURL): void
+    {
+        $this->baseURL = $baseURL;
+    }
+
+    /**
+     * Returns the current baseURL.
+     *
+     * @interal
+     *
+     * @deprecated Use SiteURI instead.
+     */
+    public function getBaseURL(): string
+    {
+        if ($this->baseURL === null) {
+            throw new BadMethodCallException('The $baseURL is not set.');
+        }
+
+        return $this->baseURL;
+    }
+
+    /**
+     * Sets the path portion of the URI based on segments.
+     *
+     * @return $this
+     *
+     * @deprecated This method will be private.
+     */
+    public function refreshPath()
+    {
+        $this->path = $this->filterPath(implode('/', $this->segments));
+
+        $tempPath = trim($this->path, '/');
+
+        $this->segments = $tempPath === '' ? [] : explode('/', $tempPath);
+
+        return $this;
+    }
+
+    /**
+     * Sets the query portion of the URI, while attempting
+     * to clean the various parts of the query keys and values.
+     *
+     * @return $this
+     *
+     * @TODO PSR-7: Should be `withQuery($query)`.
+     */
+    public function setQuery(string $query)
+    {
+        if (str_contains($query, '#')) {
+            if ($this->silent) {
+                return $this;
+            }
+
+            throw HTTPException::forMalformedQueryString();
+        }
+
+        // Can't have leading ?
+        if ($query !== '' && str_starts_with($query, '?')) {
+            $query = substr($query, 1);
+        }
+
+        if ($this->rawQueryString) {
+            $this->query = $this->parseStr($query);
+        } else {
+            parse_str($query, $this->query);
+        }
+
+        return $this;
+    }
+
+    /**
+     * A convenience method to pass an array of items in as the Query
+     * portion of the URI.
+     *
+     * @return URI
+     *
+     * @TODO: PSR-7: Should be `withQueryParams(array $query)`
+     */
+    public function setQueryArray(array $query)
+    {
+        $query = http_build_query($query);
+
+        return $this->setQuery($query);
+    }
+
+    /**
+     * Adds a single new element to the query vars.
+     *
+     * Note: Method not in PSR-7
+     *
+     * @param int|string|null $value
+     *
+     * @return $this
+     */
+    public function addQuery(string $key, $value = null)
+    {
+        $this->query[$key] = $value;
+
+        return $this;
+    }
+
+    /**
+     * Removes one or more query vars from the URI.
+     *
+     * Note: Method not in PSR-7
+     *
+     * @param string ...$params
+     *
+     * @return $this
+     */
+    public function stripQuery(...$params)
+    {
+        foreach ($params as $param) {
+            unset($this->query[$param]);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Filters the query variables so that only the keys passed in
+     * are kept. The rest are removed from the object.
+     *
+     * Note: Method not in PSR-7
+     *
+     * @param string ...$params
+     *
+     * @return $this
+     */
+    public function keepQuery(...$params)
+    {
+        $temp = [];
+
+        foreach ($this->query as $key => $value) {
+            if (! in_array($key, $params, true)) {
+                continue;
+            }
+
+            $temp[$key] = $value;
+        }
+
+        $this->query = $temp;
+
+        return $this;
+    }
+
+    /**
+     * Sets the fragment portion of the URI.
+     *
+     * @see https://tools.ietf.org/html/rfc3986#section-3.5
+     *
+     * @return $this
+     *
+     * @TODO PSR-7: Should be `withFragment($fragment)`.
+     */
+    public function setFragment(string $string)
+    {
+        $this->fragment = trim($string, '# ');
+
+        return $this;
+    }
+
+    /**
+     * Encodes any dangerous characters, and removes dot segments.
+     * While dot segments have valid uses according to the spec,
+     * this URI class does not allow them.
+     */
+    protected function filterPath(?string $path = null): string
+    {
+        $orig = $path;
+
+        // Decode/normalize percent-encoded chars so
+        // we can always have matching for Routes, etc.
+        $path = urldecode($path);
+
+        // Remove dot segments
+        $path = self::removeDotSegments($path);
+
+        // Fix up some leading slash edge cases...
+        if (str_starts_with($orig, './')) {
+            $path = '/' . $path;
+        }
+        if (str_starts_with($orig, '../')) {
+            $path = '/' . $path;
+        }
+
+        // Encode characters
+        $path = preg_replace_callback(
+            '/(?:[^' . static::CHAR_UNRESERVED . ':@&=\+\$,\/;%]+|%(?![A-Fa-f0-9]{2}))/',
+            static fn (array $matches): string => rawurlencode($matches[0]),
+            $path,
+        );
+
+        return $path;
+    }
+
+    /**
+     * Saves our parts from a parse_url call.
+     *
+     * @param array{
+     *  host?: string,
+     *  user?: string,
+     *  path?: string,
+     *  query?: string,
+     *  fragment?: string,
+     *  scheme?: string,
+     *  port?: int,
+     *  pass?: string,
+     * } $parts
+     *
+     * @return void
+     */
+    protected function applyParts(array $parts)
+    {
+        if (isset($parts['host']) && $parts['host'] !== '') {
+            $this->host = $parts['host'];
+        }
+
+        if (isset($parts['user']) && $parts['user'] !== '') {
+            $this->user = $parts['user'];
+        }
+
+        if (isset($parts['path']) && $parts['path'] !== '') {
+            $this->path = $this->filterPath($parts['path']);
+        }
+
+        if (isset($parts['query']) && $parts['query'] !== '') {
+            $this->setQuery($parts['query']);
+        }
+
+        if (isset($parts['fragment']) && $parts['fragment'] !== '') {
+            $this->fragment = $parts['fragment'];
+        }
+
+        if (isset($parts['scheme'])) {
+            $this->setScheme(rtrim($parts['scheme'], ':/'));
+        } else {
+            $this->setScheme('http');
+        }
+
+        if (isset($parts['port'])) {
+            // Valid port numbers are enforced by earlier parse_url or setPort()
+            $this->port = $parts['port'];
+        }
+
+        if (isset($parts['pass'])) {
+            $this->password = $parts['pass'];
+        }
+
+        if (isset($parts['path']) && $parts['path'] !== '') {
+            $tempPath = trim($parts['path'], '/');
+
+            $this->segments = $tempPath === '' ? [] : explode('/', $tempPath);
+        }
+    }
+
+    /**
+     * Combines one URI string with this one based on the rules set out in
+     * RFC 3986 Section 2
+     *
+     * @see http://tools.ietf.org/html/rfc3986#section-5.2
+     *
+     * @return URI
+     */
+    public function resolveRelativeURI(string $uri)
+    {
+        /*
+         * NOTE: We don't use removeDotSegments in this
+         * algorithm since it's already done by this line!
+         */
+        $relative = new self();
+        $relative->setURI($uri);
+
+        if ($relative->getScheme() === $this->getScheme()) {
+            $relative->setScheme('');
+        }
+
+        $transformed = clone $relative;
+
+        // 5.2.2 Transform References in a non-strict method (no scheme)
+        if ($relative->getAuthority() !== '') {
+            $transformed
+                ->setAuthority($relative->getAuthority())
+                ->setPath($relative->getPath())
+                ->setQuery($relative->getQuery());
+        } else {
+            if ($relative->getPath() === '') {
+                $transformed->setPath($this->getPath());
+
+                if ($relative->getQuery() !== '') {
+                    $transformed->setQuery($relative->getQuery());
+                } else {
+                    $transformed->setQuery($this->getQuery());
+                }
+            } else {
+                if (str_starts_with($relative->getPath(), '/')) {
+                    $transformed->setPath($relative->getPath());
+                } else {
+                    $transformed->setPath($this->mergePaths($this, $relative));
+                }
+
+                $transformed->setQuery($relative->getQuery());
+            }
+
+            $transformed->setAuthority($this->getAuthority());
+        }
+
+        $transformed->setScheme($this->getScheme());
+
+        $transformed->setFragment($relative->getFragment());
+
+        return $transformed;
+    }
+
+    /**
+     * Given 2 paths, will merge them according to rules set out in RFC 2986,
+     * Section 5.2
+     *
+     * @see http://tools.ietf.org/html/rfc3986#section-5.2.3
+     */
+    protected function mergePaths(self $base, self $reference): string
+    {
+        if ($base->getAuthority() !== '' && $base->getPath() === '') {
+            return '/' . ltrim($reference->getPath(), '/ ');
+        }
+
+        $path = explode('/', $base->getPath());
+
+        if ($path[0] === '') {
+            unset($path[0]);
+        }
+
+        array_pop($path);
+        $path[] = $reference->getPath();
+
+        return implode('/', $path);
+    }
+
+    /**
+     * This is equivalent to the native PHP parse_str() function.
+     * This version allows the dot to be used as a key of the query string.
+     *
+     * @return array<string, string>
+     */
+    protected function parseStr(string $query): array
+    {
+        $return = [];
+        $query  = explode('&', $query);
+
+        $params = array_map(static fn (string $chunk): ?string => preg_replace_callback(
+            '/^(?<key>[^&=]+?)(?:\[[^&=]*\])?=(?<value>[^&=]+)/',
+            static fn (array $match): string => str_replace($match['key'], bin2hex($match['key']), $match[0]),
+            urldecode($chunk),
+        ), $query);
+
+        $params = implode('&', $params);
+        parse_str($params, $result);
+
+        foreach ($result as $key => $value) {
+            // Array key might be int
+            $return[hex2bin((string) $key)] = $value;
+        }
+
+        return $return;
+    }
+}
diff --git a/ci4app/system/HTTP/UserAgent.php b/ci4app/system/HTTP/UserAgent.php
new file mode 100644
index 0000000..5e8eece
--- /dev/null
+++ b/ci4app/system/HTTP/UserAgent.php
@@ -0,0 +1,374 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HTTP;
+
+use Config\UserAgents;
+use Stringable;
+
+/**
+ * Abstraction for an HTTP user agent
+ *
+ * @see \CodeIgniter\HTTP\UserAgentTest
+ */
+class UserAgent implements Stringable
+{
+    /**
+     * Current user-agent
+     *
+     * @var string
+     */
+    protected $agent = '';
+
+    /**
+     * Flag for if the user-agent belongs to a browser
+     *
+     * @var bool
+     */
+    protected $isBrowser = false;
+
+    /**
+     * Flag for if the user-agent is a robot
+     *
+     * @var bool
+     */
+    protected $isRobot = false;
+
+    /**
+     * Flag for if the user-agent is a mobile browser
+     *
+     * @var bool
+     */
+    protected $isMobile = false;
+
+    /**
+     * Holds the config file contents.
+     *
+     * @var UserAgents
+     */
+    protected $config;
+
+    /**
+     * Current user-agent platform
+     *
+     * @var string
+     */
+    protected $platform = '';
+
+    /**
+     * Current user-agent browser
+     *
+     * @var string
+     */
+    protected $browser = '';
+
+    /**
+     * Current user-agent version
+     *
+     * @var string
+     */
+    protected $version = '';
+
+    /**
+     * Current user-agent mobile name
+     *
+     * @var string
+     */
+    protected $mobile = '';
+
+    /**
+     * Current user-agent robot name
+     *
+     * @var string
+     */
+    protected $robot = '';
+
+    /**
+     * HTTP Referer
+     *
+     * @var bool|string|null
+     */
+    protected $referrer;
+
+    /**
+     * Constructor
+     *
+     * Sets the User Agent and runs the compilation routine
+     */
+    public function __construct(?UserAgents $config = null)
+    {
+        $this->config = $config ?? config(UserAgents::class);
+
+        if (isset($_SERVER['HTTP_USER_AGENT'])) {
+            $this->agent = trim($_SERVER['HTTP_USER_AGENT']);
+            $this->compileData();
+        }
+    }
+
+    /**
+     * Is Browser
+     */
+    public function isBrowser(?string $key = null): bool
+    {
+        if (! $this->isBrowser) {
+            return false;
+        }
+
+        // No need to be specific, it's a browser
+        if ((string) $key === '') {
+            return true;
+        }
+
+        // Check for a specific browser
+        return isset($this->config->browsers[$key]) && $this->browser === $this->config->browsers[$key];
+    }
+
+    /**
+     * Is Robot
+     */
+    public function isRobot(?string $key = null): bool
+    {
+        if (! $this->isRobot) {
+            return false;
+        }
+
+        // No need to be specific, it's a robot
+        if ((string) $key === '') {
+            return true;
+        }
+
+        // Check for a specific robot
+        return isset($this->config->robots[$key]) && $this->robot === $this->config->robots[$key];
+    }
+
+    /**
+     * Is Mobile
+     */
+    public function isMobile(?string $key = null): bool
+    {
+        if (! $this->isMobile) {
+            return false;
+        }
+
+        // No need to be specific, it's a mobile
+        if ((string) $key === '') {
+            return true;
+        }
+
+        // Check for a specific robot
+        return isset($this->config->mobiles[$key]) && $this->mobile === $this->config->mobiles[$key];
+    }
+
+    /**
+     * Is this a referral from another site?
+     */
+    public function isReferral(): bool
+    {
+        if (! isset($this->referrer)) {
+            if (empty($_SERVER['HTTP_REFERER'])) {
+                $this->referrer = false;
+            } else {
+                $refererHost = @parse_url($_SERVER['HTTP_REFERER'], PHP_URL_HOST);
+                $ownHost     = parse_url(\base_url(), PHP_URL_HOST);
+
+                $this->referrer = ($refererHost && $refererHost !== $ownHost);
+            }
+        }
+
+        return $this->referrer;
+    }
+
+    /**
+     * Agent String
+     */
+    public function getAgentString(): string
+    {
+        return $this->agent;
+    }
+
+    /**
+     * Get Platform
+     */
+    public function getPlatform(): string
+    {
+        return $this->platform;
+    }
+
+    /**
+     * Get Browser Name
+     */
+    public function getBrowser(): string
+    {
+        return $this->browser;
+    }
+
+    /**
+     * Get the Browser Version
+     */
+    public function getVersion(): string
+    {
+        return $this->version;
+    }
+
+    /**
+     * Get The Robot Name
+     */
+    public function getRobot(): string
+    {
+        return $this->robot;
+    }
+
+    /**
+     * Get the Mobile Device
+     */
+    public function getMobile(): string
+    {
+        return $this->mobile;
+    }
+
+    /**
+     * Get the referrer
+     */
+    public function getReferrer(): string
+    {
+        return empty($_SERVER['HTTP_REFERER']) ? '' : trim($_SERVER['HTTP_REFERER']);
+    }
+
+    /**
+     * Parse a custom user-agent string
+     *
+     * @return void
+     */
+    public function parse(string $string)
+    {
+        // Reset values
+        $this->isBrowser = false;
+        $this->isRobot   = false;
+        $this->isMobile  = false;
+        $this->browser   = '';
+        $this->version   = '';
+        $this->mobile    = '';
+        $this->robot     = '';
+
+        // Set the new user-agent string and parse it, unless empty
+        $this->agent = $string;
+
+        if ($string !== '') {
+            $this->compileData();
+        }
+    }
+
+    /**
+     * Compile the User Agent Data
+     *
+     * @return void
+     */
+    protected function compileData()
+    {
+        $this->setPlatform();
+
+        foreach (['setRobot', 'setBrowser', 'setMobile'] as $function) {
+            if ($this->{$function}()) {
+                break;
+            }
+        }
+    }
+
+    /**
+     * Set the Platform
+     */
+    protected function setPlatform(): bool
+    {
+        if (is_array($this->config->platforms) && $this->config->platforms !== []) {
+            foreach ($this->config->platforms as $key => $val) {
+                if (preg_match('|' . preg_quote($key, '|') . '|i', $this->agent)) {
+                    $this->platform = $val;
+
+                    return true;
+                }
+            }
+        }
+
+        $this->platform = 'Unknown Platform';
+
+        return false;
+    }
+
+    /**
+     * Set the Browser
+     */
+    protected function setBrowser(): bool
+    {
+        if (is_array($this->config->browsers) && $this->config->browsers !== []) {
+            foreach ($this->config->browsers as $key => $val) {
+                if (preg_match('|' . $key . '.*?([0-9\.]+)|i', $this->agent, $match)) {
+                    $this->isBrowser = true;
+                    $this->version   = $match[1];
+                    $this->browser   = $val;
+                    $this->setMobile();
+
+                    return true;
+                }
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * Set the Robot
+     */
+    protected function setRobot(): bool
+    {
+        if (is_array($this->config->robots) && $this->config->robots !== []) {
+            foreach ($this->config->robots as $key => $val) {
+                if (preg_match('|' . preg_quote($key, '|') . '|i', $this->agent)) {
+                    $this->isRobot = true;
+                    $this->robot   = $val;
+                    $this->setMobile();
+
+                    return true;
+                }
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * Set the Mobile Device
+     */
+    protected function setMobile(): bool
+    {
+        if (is_array($this->config->mobiles) && $this->config->mobiles !== []) {
+            foreach ($this->config->mobiles as $key => $val) {
+                if (false !== (stripos($this->agent, $key))) {
+                    $this->isMobile = true;
+                    $this->mobile   = $val;
+
+                    return true;
+                }
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * Outputs the original Agent String when cast as a string.
+     */
+    public function __toString(): string
+    {
+        return $this->getAgentString();
+    }
+}
diff --git a/ci4app/system/Helpers/Array/ArrayHelper.php b/ci4app/system/Helpers/Array/ArrayHelper.php
new file mode 100644
index 0000000..6741dc4
--- /dev/null
+++ b/ci4app/system/Helpers/Array/ArrayHelper.php
@@ -0,0 +1,318 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Helpers\Array;
+
+use CodeIgniter\Exceptions\InvalidArgumentException;
+
+/**
+ * @interal This is internal implementation for the framework.
+ *
+ * If there are any methods that should be provided, make them
+ * public APIs via helper functions.
+ *
+ * @see \CodeIgniter\Helpers\Array\ArrayHelperDotKeyExistsTest
+ * @see \CodeIgniter\Helpers\Array\ArrayHelperRecursiveDiffTest
+ * @see \CodeIgniter\Helpers\Array\ArrayHelperSortValuesByNaturalTest
+ */
+final class ArrayHelper
+{
+    /**
+     * Searches an array through dot syntax. Supports wildcard searches,
+     * like `foo.*.bar`.
+     *
+     * @used-by dot_array_search()
+     *
+     * @param string $index The index as dot array syntax.
+     *
+     * @return array|bool|int|object|string|null
+     */
+    public static function dotSearch(string $index, array $array)
+    {
+        return self::arraySearchDot(self::convertToArray($index), $array);
+    }
+
+    /**
+     * @param string $index The index as dot array syntax.
+     *
+     * @return list<string> The index as an array.
+     */
+    private static function convertToArray(string $index): array
+    {
+        // See https://regex101.com/r/44Ipql/1
+        $segments = preg_split(
+            '/(?<!\\\\)\./',
+            rtrim($index, '* '),
+            0,
+            PREG_SPLIT_NO_EMPTY,
+        );
+
+        return array_map(
+            static fn ($key): string => str_replace('\.', '.', $key),
+            $segments,
+        );
+    }
+
+    /**
+     * Recursively search the array with wildcards.
+     *
+     * @used-by dotSearch()
+     *
+     * @return array|bool|float|int|object|string|null
+     */
+    private static function arraySearchDot(array $indexes, array $array)
+    {
+        // If index is empty, returns null.
+        if ($indexes === []) {
+            return null;
+        }
+
+        // Grab the current index
+        $currentIndex = array_shift($indexes);
+
+        if (! isset($array[$currentIndex]) && $currentIndex !== '*') {
+            return null;
+        }
+
+        // Handle Wildcard (*)
+        if ($currentIndex === '*') {
+            $answer = [];
+
+            foreach ($array as $value) {
+                if (! is_array($value)) {
+                    return null;
+                }
+
+                $answer[] = self::arraySearchDot($indexes, $value);
+            }
+
+            $answer = array_filter($answer, static fn ($value): bool => $value !== null);
+
+            if ($answer !== []) {
+                // If array only has one element, we return that element for BC.
+                return count($answer) === 1 ? current($answer) : $answer;
+            }
+
+            return null;
+        }
+
+        // If this is the last index, make sure to return it now,
+        // and not try to recurse through things.
+        if ($indexes === []) {
+            return $array[$currentIndex];
+        }
+
+        // Do we need to recursively search this value?
+        if (is_array($array[$currentIndex]) && $array[$currentIndex] !== []) {
+            return self::arraySearchDot($indexes, $array[$currentIndex]);
+        }
+
+        // Otherwise, not found.
+        return null;
+    }
+
+    /**
+     * array_key_exists() with dot array syntax.
+     *
+     * If wildcard `*` is used, all items for the key after it must have the key.
+     */
+    public static function dotKeyExists(string $index, array $array): bool
+    {
+        if (str_ends_with($index, '*') || str_contains($index, '*.*')) {
+            throw new InvalidArgumentException(
+                'You must set key right after "*". Invalid index: "' . $index . '"',
+            );
+        }
+
+        $indexes = self::convertToArray($index);
+
+        // If indexes is empty, returns false.
+        if ($indexes === []) {
+            return false;
+        }
+
+        $currentArray = $array;
+
+        // Grab the current index
+        while ($currentIndex = array_shift($indexes)) {
+            if ($currentIndex === '*') {
+                $currentIndex = array_shift($indexes);
+
+                foreach ($currentArray as $item) {
+                    if (! array_key_exists($currentIndex, $item)) {
+                        return false;
+                    }
+                }
+
+                // If indexes is empty, all elements are checked.
+                if ($indexes === []) {
+                    return true;
+                }
+
+                $currentArray = self::dotSearch('*.' . $currentIndex, $currentArray);
+
+                continue;
+            }
+
+            if (! array_key_exists($currentIndex, $currentArray)) {
+                return false;
+            }
+
+            $currentArray = $currentArray[$currentIndex];
+        }
+
+        return true;
+    }
+
+    /**
+     * Groups all rows by their index values. Result's depth equals number of indexes
+     *
+     * @used-by array_group_by()
+     *
+     * @param array $array        Data array (i.e. from query result)
+     * @param array $indexes      Indexes to group by. Dot syntax used. Returns $array if empty
+     * @param bool  $includeEmpty If true, null and '' are also added as valid keys to group
+     *
+     * @return array Result array where rows are grouped together by indexes values.
+     */
+    public static function groupBy(array $array, array $indexes, bool $includeEmpty = false): array
+    {
+        if ($indexes === []) {
+            return $array;
+        }
+
+        $result = [];
+
+        foreach ($array as $row) {
+            $result = self::arrayAttachIndexedValue($result, $row, $indexes, $includeEmpty);
+        }
+
+        return $result;
+    }
+
+    /**
+     * Recursively attach $row to the $indexes path of values found by
+     * `dot_array_search()`.
+     *
+     * @used-by groupBy()
+     */
+    private static function arrayAttachIndexedValue(
+        array $result,
+        array $row,
+        array $indexes,
+        bool $includeEmpty,
+    ): array {
+        if (($index = array_shift($indexes)) === null) {
+            $result[] = $row;
+
+            return $result;
+        }
+
+        $value = dot_array_search($index, $row);
+
+        if (! is_scalar($value)) {
+            $value = '';
+        }
+
+        if (is_bool($value)) {
+            $value = (int) $value;
+        }
+
+        if (! $includeEmpty && $value === '') {
+            return $result;
+        }
+
+        if (! array_key_exists($value, $result)) {
+            $result[$value] = [];
+        }
+
+        $result[$value] = self::arrayAttachIndexedValue($result[$value], $row, $indexes, $includeEmpty);
+
+        return $result;
+    }
+
+    /**
+     * Compare recursively two associative arrays and return difference as new array.
+     * Returns keys that exist in `$original` but not in `$compareWith`.
+     */
+    public static function recursiveDiff(array $original, array $compareWith): array
+    {
+        $difference = [];
+
+        if ($original === []) {
+            return [];
+        }
+
+        if ($compareWith === []) {
+            return $original;
+        }
+
+        foreach ($original as $originalKey => $originalValue) {
+            if ($originalValue === []) {
+                continue;
+            }
+
+            if (is_array($originalValue)) {
+                $diffArrays = [];
+
+                if (isset($compareWith[$originalKey]) && is_array($compareWith[$originalKey])) {
+                    $diffArrays = self::recursiveDiff($originalValue, $compareWith[$originalKey]);
+                } else {
+                    $difference[$originalKey] = $originalValue;
+                }
+
+                if ($diffArrays !== []) {
+                    $difference[$originalKey] = $diffArrays;
+                }
+            } elseif (is_string($originalValue) && ! array_key_exists($originalKey, $compareWith)) {
+                $difference[$originalKey] = $originalValue;
+            }
+        }
+
+        return $difference;
+    }
+
+    /**
+     * Recursively count all keys.
+     */
+    public static function recursiveCount(array $array, int $counter = 0): int
+    {
+        foreach ($array as $value) {
+            if (is_array($value)) {
+                $counter = self::recursiveCount($value, $counter);
+            }
+
+            $counter++;
+        }
+
+        return $counter;
+    }
+
+    /**
+     * Sorts array values in natural order
+     * If the value is an array, you need to specify the $sortByIndex of the key to sort
+     *
+     * @param list<int|list<int|string>|string> $array
+     * @param int|string|null                   $sortByIndex
+     */
+    public static function sortValuesByNatural(array &$array, $sortByIndex = null): bool
+    {
+        return usort($array, static function ($currentValue, $nextValue) use ($sortByIndex): int {
+            if ($sortByIndex !== null) {
+                return strnatcmp((string) $currentValue[$sortByIndex], (string) $nextValue[$sortByIndex]);
+            }
+
+            return strnatcmp((string) $currentValue, (string) $nextValue);
+        });
+    }
+}
diff --git a/ci4app/system/Helpers/array_helper.php b/ci4app/system/Helpers/array_helper.php
new file mode 100644
index 0000000..837a612
--- /dev/null
+++ b/ci4app/system/Helpers/array_helper.php
@@ -0,0 +1,165 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+use CodeIgniter\Helpers\Array\ArrayHelper;
+
+// CodeIgniter Array Helpers
+
+if (! function_exists('dot_array_search')) {
+    /**
+     * Searches an array through dot syntax. Supports
+     * wildcard searches, like foo.*.bar
+     *
+     * @return array|bool|int|object|string|null
+     */
+    function dot_array_search(string $index, array $array)
+    {
+        return ArrayHelper::dotSearch($index, $array);
+    }
+}
+
+if (! function_exists('array_deep_search')) {
+    /**
+     * Returns the value of an element at a key in an array of uncertain depth.
+     *
+     * @param int|string $key
+     *
+     * @return array|bool|float|int|object|string|null
+     */
+    function array_deep_search($key, array $array)
+    {
+        if (isset($array[$key])) {
+            return $array[$key];
+        }
+
+        foreach ($array as $value) {
+            if (is_array($value) && ($result = array_deep_search($key, $value))) {
+                return $result;
+            }
+        }
+
+        return null;
+    }
+}
+
+if (! function_exists('array_sort_by_multiple_keys')) {
+    /**
+     * Sorts a multidimensional array by its elements values. The array
+     * columns to be used for sorting are passed as an associative
+     * array of key names and sorting flags.
+     *
+     * Both arrays of objects and arrays of array can be sorted.
+     *
+     * Example:
+     *     array_sort_by_multiple_keys($players, [
+     *         'team.hierarchy' => SORT_ASC,
+     *         'position'       => SORT_ASC,
+     *         'name'           => SORT_STRING,
+     *     ]);
+     *
+     * The '.' dot operator in the column name indicates a deeper array or
+     * object level. In principle, any number of sublevels could be used,
+     * as long as the level and column exist in every array element.
+     *
+     * For information on multi-level array sorting, refer to Example #3 here:
+     * https://www.php.net/manual/de/function.array-multisort.php
+     *
+     * @param array $array       the reference of the array to be sorted
+     * @param array $sortColumns an associative array of columns to sort
+     *                           after and their sorting flags
+     */
+    function array_sort_by_multiple_keys(array &$array, array $sortColumns): bool
+    {
+        // Check if there really are columns to sort after
+        if ($sortColumns === [] || $array === []) {
+            return false;
+        }
+
+        // Group sorting indexes and data
+        $tempArray = [];
+
+        foreach ($sortColumns as $key => $sortFlag) {
+            // Get sorting values
+            $carry = $array;
+
+            // The '.' operator separates nested elements
+            foreach (explode('.', $key) as $keySegment) {
+                // Loop elements if they are objects
+                if (is_object(reset($carry))) {
+                    // Extract the object attribute
+                    foreach ($carry as $index => $object) {
+                        $carry[$index] = $object->{$keySegment};
+                    }
+
+                    continue;
+                }
+
+                // Extract the target column if elements are arrays
+                $carry = array_column($carry, $keySegment);
+            }
+
+            // Store the collected sorting parameters
+            $tempArray[] = $carry;
+            $tempArray[] = $sortFlag;
+        }
+
+        // Append the array as reference
+        $tempArray[] = &$array;
+
+        // Pass sorting arrays and flags as an argument list.
+        return array_multisort(...$tempArray);
+    }
+}
+
+if (! function_exists('array_flatten_with_dots')) {
+    /**
+     * Flatten a multidimensional array using dots as separators.
+     *
+     * @param iterable $array The multi-dimensional array
+     * @param string   $id    Something to initially prepend to the flattened keys
+     *
+     * @return array The flattened array
+     */
+    function array_flatten_with_dots(iterable $array, string $id = ''): array
+    {
+        $flattened = [];
+
+        foreach ($array as $key => $value) {
+            $newKey = $id . $key;
+
+            if (is_array($value) && $value !== []) {
+                $flattened = array_merge($flattened, array_flatten_with_dots($value, $newKey . '.'));
+            } else {
+                $flattened[$newKey] = $value;
+            }
+        }
+
+        return $flattened;
+    }
+}
+
+if (! function_exists('array_group_by')) {
+    /**
+     * Groups all rows by their index values. Result's depth equals number of indexes
+     *
+     * @param array $array        Data array (i.e. from query result)
+     * @param array $indexes      Indexes to group by. Dot syntax used. Returns $array if empty
+     * @param bool  $includeEmpty If true, null and '' are also added as valid keys to group
+     *
+     * @return array Result array where rows are grouped together by indexes values.
+     */
+    function array_group_by(array $array, array $indexes, bool $includeEmpty = false): array
+    {
+        return ArrayHelper::groupBy($array, $indexes, $includeEmpty);
+    }
+}
diff --git a/ci4app/system/Helpers/cookie_helper.php b/ci4app/system/Helpers/cookie_helper.php
new file mode 100644
index 0000000..18239fe
--- /dev/null
+++ b/ci4app/system/Helpers/cookie_helper.php
@@ -0,0 +1,109 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+use CodeIgniter\Cookie\Cookie;
+use Config\Cookie as CookieConfig;
+
+// =============================================================================
+// CodeIgniter Cookie Helpers
+// =============================================================================
+
+if (! function_exists('set_cookie')) {
+    /**
+     * Set cookie
+     *
+     * Accepts seven parameters, or you can submit an associative
+     * array in the first parameter containing all the values.
+     *
+     * @param array|Cookie|string $name     Cookie name / array containing binds / Cookie object
+     * @param string              $value    The value of the cookie
+     * @param int                 $expire   The number of seconds until expiration
+     * @param string              $domain   For site-wide cookie. Usually: .yourdomain.com
+     * @param string              $path     The cookie path
+     * @param string              $prefix   The cookie prefix ('': the default prefix)
+     * @param bool|null           $secure   True makes the cookie secure
+     * @param bool|null           $httpOnly True makes the cookie accessible via http(s) only (no javascript)
+     * @param string|null         $sameSite The cookie SameSite value
+     *
+     * @see \CodeIgniter\HTTP\Response::setCookie()
+     */
+    function set_cookie(
+        $name,
+        string $value = '',
+        int $expire = 0,
+        string $domain = '',
+        string $path = '/',
+        string $prefix = '',
+        ?bool $secure = null,
+        ?bool $httpOnly = null,
+        ?string $sameSite = null,
+    ): void {
+        $response = service('response');
+        $response->setCookie($name, $value, $expire, $domain, $path, $prefix, $secure, $httpOnly, $sameSite);
+    }
+}
+
+if (! function_exists('get_cookie')) {
+    /**
+     * Fetch an item from the $_COOKIE array
+     *
+     * @param string      $index
+     * @param string|null $prefix Cookie name prefix.
+     *                            '': the prefix in Config\Cookie
+     *                            null: no prefix
+     *
+     * @return array|string|null
+     *
+     * @see \CodeIgniter\HTTP\IncomingRequest::getCookie()
+     */
+    function get_cookie($index, bool $xssClean = false, ?string $prefix = '')
+    {
+        if ($prefix === '') {
+            $cookie = config(CookieConfig::class);
+
+            $prefix = $cookie->prefix;
+        }
+
+        $request = service('request');
+        $filter  = $xssClean ? FILTER_SANITIZE_FULL_SPECIAL_CHARS : FILTER_DEFAULT;
+
+        return $request->getCookie($prefix . $index, $filter);
+    }
+}
+
+if (! function_exists('delete_cookie')) {
+    /**
+     * Delete a cookie
+     *
+     * @param string $name
+     * @param string $domain the cookie domain. Usually: .yourdomain.com
+     * @param string $path   the cookie path
+     * @param string $prefix the cookie prefix
+     *
+     * @see \CodeIgniter\HTTP\Response::deleteCookie()
+     */
+    function delete_cookie($name, string $domain = '', string $path = '/', string $prefix = ''): void
+    {
+        service('response')->deleteCookie($name, $domain, $path, $prefix);
+    }
+}
+
+if (! function_exists('has_cookie')) {
+    /**
+     * Checks if a cookie exists by name.
+     */
+    function has_cookie(string $name, ?string $value = null, string $prefix = ''): bool
+    {
+        return service('response')->hasCookie($name, $value, $prefix);
+    }
+}
diff --git a/ci4app/system/Helpers/date_helper.php b/ci4app/system/Helpers/date_helper.php
new file mode 100644
index 0000000..c16da65
--- /dev/null
+++ b/ci4app/system/Helpers/date_helper.php
@@ -0,0 +1,79 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+use CodeIgniter\I18n\Time;
+
+// CodeIgniter Date Helpers
+
+if (! function_exists('now')) {
+    /**
+     * Get "now" time
+     *
+     * Returns Time::now()->getTimestamp() based on the timezone parameter or on the
+     * app_timezone() setting
+     *
+     * @param non-empty-string|null $timezone
+     *
+     * @throws Exception
+     */
+    function now(?string $timezone = null): int
+    {
+        $timezone = ($timezone === null || $timezone === '') ? app_timezone() : $timezone;
+
+        if ($timezone === 'local' || $timezone === date_default_timezone_get()) {
+            return Time::now()->getTimestamp();
+        }
+
+        $time = Time::now($timezone);
+        sscanf(
+            $time->format('j-n-Y G:i:s'),
+            '%d-%d-%d %d:%d:%d',
+            $day,
+            $month,
+            $year,
+            $hour,
+            $minute,
+            $second,
+        );
+
+        return mktime($hour, $minute, $second, $month, $day, $year);
+    }
+}
+
+if (! function_exists('timezone_select')) {
+    /**
+     * Generates a select field of all available timezones
+     *
+     * Returns a string with the formatted HTML
+     *
+     * @param string $class   Optional class to apply to the select field
+     * @param string $default Default value for initial selection
+     * @param int    $what    One of the DateTimeZone class constants (for listIdentifiers)
+     * @param string $country A two-letter ISO 3166-1 compatible country code (for listIdentifiers)
+     *
+     * @throws Exception
+     */
+    function timezone_select(string $class = '', string $default = '', int $what = DateTimeZone::ALL, ?string $country = null): string
+    {
+        $timezones = DateTimeZone::listIdentifiers($what, $country);
+
+        $buffer = "<select name='timezone' class='{$class}'>\n";
+
+        foreach ($timezones as $timezone) {
+            $selected = ($timezone === $default) ? 'selected' : '';
+            $buffer .= "<option value='{$timezone}' {$selected}>{$timezone}</option>\n";
+        }
+
+        return $buffer . ("</select>\n");
+    }
+}
diff --git a/ci4app/system/Helpers/filesystem_helper.php b/ci4app/system/Helpers/filesystem_helper.php
new file mode 100644
index 0000000..e7bd354
--- /dev/null
+++ b/ci4app/system/Helpers/filesystem_helper.php
@@ -0,0 +1,473 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+use CodeIgniter\Exceptions\InvalidArgumentException;
+
+// CodeIgniter File System Helpers
+
+if (! function_exists('directory_map')) {
+    /**
+     * Create a Directory Map
+     *
+     * Reads the specified directory and builds an array
+     * representation of it. Sub-folders contained with the
+     * directory will be mapped as well.
+     *
+     * @param string $sourceDir      Path to source
+     * @param int    $directoryDepth Depth of directories to traverse
+     *                               (0 = fully recursive, 1 = current dir, etc)
+     * @param bool   $hidden         Whether to show hidden files
+     */
+    function directory_map(string $sourceDir, int $directoryDepth = 0, bool $hidden = false): array
+    {
+        try {
+            $fp = opendir($sourceDir);
+
+            $fileData  = [];
+            $newDepth  = $directoryDepth - 1;
+            $sourceDir = rtrim($sourceDir, DIRECTORY_SEPARATOR) . DIRECTORY_SEPARATOR;
+
+            while (false !== ($file = readdir($fp))) {
+                // Remove '.', '..', and hidden files [optional]
+                if ($file === '.' || $file === '..' || ($hidden === false && $file[0] === '.')) {
+                    continue;
+                }
+
+                if (is_dir($sourceDir . $file)) {
+                    $file .= DIRECTORY_SEPARATOR;
+                }
+
+                if (($directoryDepth < 1 || $newDepth > 0) && is_dir($sourceDir . $file)) {
+                    $fileData[$file] = directory_map($sourceDir . $file, $newDepth, $hidden);
+                } else {
+                    $fileData[] = $file;
+                }
+            }
+
+            closedir($fp);
+
+            return $fileData;
+        } catch (Throwable) {
+            return [];
+        }
+    }
+}
+
+if (! function_exists('directory_mirror')) {
+    /**
+     * Recursively copies the files and directories of the origin directory
+     * into the target directory, i.e. "mirror" its contents.
+     *
+     * @param bool $overwrite Whether individual files overwrite on collision
+     *
+     * @throws InvalidArgumentException
+     */
+    function directory_mirror(string $originDir, string $targetDir, bool $overwrite = true): void
+    {
+        if (! is_dir($originDir = rtrim($originDir, '\\/'))) {
+            throw new InvalidArgumentException(sprintf('The origin directory "%s" was not found.', $originDir));
+        }
+
+        if (! is_dir($targetDir = rtrim($targetDir, '\\/'))) {
+            @mkdir($targetDir, 0755, true);
+        }
+
+        $dirLen = strlen($originDir);
+
+        /**
+         * @var SplFileInfo $file
+         */
+        foreach (new RecursiveIteratorIterator(
+            new RecursiveDirectoryIterator($originDir, FilesystemIterator::SKIP_DOTS),
+            RecursiveIteratorIterator::SELF_FIRST,
+        ) as $file) {
+            $origin = $file->getPathname();
+            $target = $targetDir . substr($origin, $dirLen);
+
+            if ($file->isDir()) {
+                if (! is_dir($target)) {
+                    mkdir($target, 0755);
+                }
+            } elseif ($overwrite || ! is_file($target)) {
+                copy($origin, $target);
+            }
+        }
+    }
+}
+
+if (! function_exists('write_file')) {
+    /**
+     * Write File
+     *
+     * Writes data to the file specified in the path.
+     * Creates a new file if non-existent.
+     *
+     * @param string $path File path
+     * @param string $data Data to write
+     * @param string $mode fopen() mode (default: 'wb')
+     */
+    function write_file(string $path, string $data, string $mode = 'wb'): bool
+    {
+        try {
+            $fp = fopen($path, $mode);
+
+            flock($fp, LOCK_EX);
+
+            $result = 0;
+
+            for ($written = 0, $length = strlen($data); $written < $length; $written += $result) {
+                if (($result = fwrite($fp, substr($data, $written))) === false) {
+                    break;
+                }
+            }
+
+            flock($fp, LOCK_UN);
+            fclose($fp);
+
+            return is_int($result);
+        } catch (Throwable) {
+            return false;
+        }
+    }
+}
+
+if (! function_exists('delete_files')) {
+    /**
+     * Delete Files
+     *
+     * Deletes all files contained in the supplied directory path.
+     * Files must be writable or owned by the system in order to be deleted.
+     * If the second parameter is set to true, any directories contained
+     * within the supplied base directory will be nuked as well.
+     *
+     * @param string $path   File path
+     * @param bool   $delDir Whether to delete any directories found in the path
+     * @param bool   $htdocs Whether to skip deleting .htaccess and index page files
+     * @param bool   $hidden Whether to include hidden files (files beginning with a period)
+     */
+    function delete_files(string $path, bool $delDir = false, bool $htdocs = false, bool $hidden = false): bool
+    {
+        $path = realpath($path) ?: $path;
+        $path = rtrim($path, DIRECTORY_SEPARATOR) . DIRECTORY_SEPARATOR;
+
+        try {
+            foreach (new RecursiveIteratorIterator(
+                new RecursiveDirectoryIterator($path, RecursiveDirectoryIterator::SKIP_DOTS),
+                RecursiveIteratorIterator::CHILD_FIRST,
+            ) as $object) {
+                $filename = $object->getFilename();
+                if (! $hidden && $filename[0] === '.') {
+                    continue;
+                }
+
+                if (! $htdocs || preg_match('/^(\.htaccess|index\.(html|htm|php)|web\.config)$/i', $filename) !== 1) {
+                    $isDir = $object->isDir();
+                    if ($isDir && $delDir) {
+                        rmdir($object->getPathname());
+
+                        continue;
+                    }
+                    if (! $isDir) {
+                        unlink($object->getPathname());
+                    }
+                }
+            }
+
+            return true;
+        } catch (Throwable) {
+            return false;
+        }
+    }
+}
+
+if (! function_exists('get_filenames')) {
+    /**
+     * Get Filenames
+     *
+     * Reads the specified directory and builds an array containing the filenames.
+     * Any sub-folders contained within the specified path are read as well.
+     *
+     * @param string    $sourceDir   Path to source
+     * @param bool|null $includePath Whether to include the path as part of the filename; false for no path, null for a relative path, true for full path
+     * @param bool      $hidden      Whether to include hidden files (files beginning with a period)
+     * @param bool      $includeDir  Whether to include directories
+     */
+    function get_filenames(
+        string $sourceDir,
+        ?bool $includePath = false,
+        bool $hidden = false,
+        bool $includeDir = true,
+    ): array {
+        $files = [];
+
+        $sourceDir = realpath($sourceDir) ?: $sourceDir;
+        $sourceDir = rtrim($sourceDir, DIRECTORY_SEPARATOR) . DIRECTORY_SEPARATOR;
+
+        try {
+            foreach (new RecursiveIteratorIterator(
+                new RecursiveDirectoryIterator($sourceDir, RecursiveDirectoryIterator::SKIP_DOTS | FilesystemIterator::FOLLOW_SYMLINKS),
+                RecursiveIteratorIterator::SELF_FIRST,
+            ) as $name => $object) {
+                $basename = pathinfo($name, PATHINFO_BASENAME);
+                if (! $hidden && $basename[0] === '.') {
+                    continue;
+                }
+
+                if ($includeDir || ! $object->isDir()) {
+                    if ($includePath === false) {
+                        $files[] = $basename;
+                    } elseif ($includePath === null) {
+                        $files[] = str_replace($sourceDir, '', $name);
+                    } else {
+                        $files[] = $name;
+                    }
+                }
+            }
+        } catch (Throwable) {
+            return [];
+        }
+
+        sort($files);
+
+        return $files;
+    }
+}
+
+if (! function_exists('get_dir_file_info')) {
+    /**
+     * Get Directory File Information
+     *
+     * Reads the specified directory and builds an array containing the filenames,
+     * filesize, dates, and permissions
+     *
+     * Any sub-folders contained within the specified path are read as well.
+     *
+     * @param string $sourceDir    Path to source
+     * @param bool   $topLevelOnly Look only at the top level directory specified?
+     * @param bool   $recursion    Internal variable to determine recursion status - do not use in calls
+     *
+     * @return array<string, array{
+     *  name: string,
+     *  server_path: string,
+     *  size: int,
+     *  date: int,
+     *  relative_path: string,
+     * }>
+     */
+    function get_dir_file_info(string $sourceDir, bool $topLevelOnly = true, bool $recursion = false): array
+    {
+        static $fileData = [];
+        $relativePath    = $sourceDir;
+
+        try {
+            $fp = opendir($sourceDir);
+
+            // reset the array and make sure $sourceDir has a trailing slash on the initial call
+            if ($recursion === false) {
+                $fileData  = [];
+                $sourceDir = rtrim(realpath($sourceDir), DIRECTORY_SEPARATOR) . DIRECTORY_SEPARATOR;
+            }
+
+            // Used to be foreach (scandir($sourceDir, 1) as $file), but scandir() is simply not as fast
+            while (false !== ($file = readdir($fp))) {
+                if (is_dir($sourceDir . $file) && $file[0] !== '.' && $topLevelOnly === false) {
+                    get_dir_file_info($sourceDir . $file . DIRECTORY_SEPARATOR, $topLevelOnly, true);
+                } elseif ($file[0] !== '.') {
+                    $fileData[$file]                  = get_file_info($sourceDir . $file);
+                    $fileData[$file]['relative_path'] = $relativePath;
+                }
+            }
+
+            closedir($fp);
+
+            return $fileData;
+        } catch (Throwable) {
+            return [];
+        }
+    }
+}
+
+if (! function_exists('get_file_info')) {
+    /**
+     * Get File Info
+     *
+     * Given a file and path, returns the name, path, size, date modified
+     * Second parameter allows you to explicitly declare what information you want returned
+     * Options are: name, server_path, size, date, readable, writable, executable, fileperms
+     * Returns false if the file cannot be found.
+     *
+     * @param string              $file           Path to file
+     * @param list<string>|string $returnedValues Array or comma separated string of information returned
+     *
+     * @return array{
+     *  name?: string,
+     *  server_path?: string,
+     *  size?: int,
+     *  date?: int,
+     *  readable?: bool,
+     *  writable?: bool,
+     *  executable?: bool,
+     *  fileperms?: int
+     * }|null
+     */
+    function get_file_info(string $file, $returnedValues = ['name', 'server_path', 'size', 'date'])
+    {
+        if (! is_file($file)) {
+            return null;
+        }
+
+        $fileInfo = [];
+
+        if (is_string($returnedValues)) {
+            $returnedValues = explode(',', $returnedValues);
+        }
+
+        foreach ($returnedValues as $key) {
+            switch ($key) {
+                case 'name':
+                    $fileInfo['name'] = basename($file);
+                    break;
+
+                case 'server_path':
+                    $fileInfo['server_path'] = $file;
+                    break;
+
+                case 'size':
+                    $fileInfo['size'] = filesize($file);
+                    break;
+
+                case 'date':
+                    $fileInfo['date'] = filemtime($file);
+                    break;
+
+                case 'readable':
+                    $fileInfo['readable'] = is_readable($file);
+                    break;
+
+                case 'writable':
+                    $fileInfo['writable'] = is_really_writable($file);
+                    break;
+
+                case 'executable':
+                    $fileInfo['executable'] = is_executable($file);
+                    break;
+
+                case 'fileperms':
+                    $fileInfo['fileperms'] = fileperms($file);
+                    break;
+            }
+        }
+
+        return $fileInfo;
+    }
+}
+
+if (! function_exists('symbolic_permissions')) {
+    /**
+     * Symbolic Permissions
+     *
+     * Takes a numeric value representing a file's permissions and returns
+     * standard symbolic notation representing that value
+     *
+     * @param int $perms Permissions
+     */
+    function symbolic_permissions(int $perms): string
+    {
+        if (($perms & 0xC000) === 0xC000) {
+            $symbolic = 's'; // Socket
+        } elseif (($perms & 0xA000) === 0xA000) {
+            $symbolic = 'l'; // Symbolic Link
+        } elseif (($perms & 0x8000) === 0x8000) {
+            $symbolic = '-'; // Regular
+        } elseif (($perms & 0x6000) === 0x6000) {
+            $symbolic = 'b'; // Block special
+        } elseif (($perms & 0x4000) === 0x4000) {
+            $symbolic = 'd'; // Directory
+        } elseif (($perms & 0x2000) === 0x2000) {
+            $symbolic = 'c'; // Character special
+        } elseif (($perms & 0x1000) === 0x1000) {
+            $symbolic = 'p'; // FIFO pipe
+        } else {
+            $symbolic = 'u'; // Unknown
+        }
+
+        // Owner
+        $symbolic .= ((($perms & 0x0100) !== 0) ? 'r' : '-')
+                . ((($perms & 0x0080) !== 0) ? 'w' : '-')
+                . ((($perms & 0x0040) !== 0) ? ((($perms & 0x0800) !== 0) ? 's' : 'x') : ((($perms & 0x0800) !== 0) ? 'S' : '-'));
+
+        // Group
+        $symbolic .= ((($perms & 0x0020) !== 0) ? 'r' : '-')
+                . ((($perms & 0x0010) !== 0) ? 'w' : '-')
+                . ((($perms & 0x0008) !== 0) ? ((($perms & 0x0400) !== 0) ? 's' : 'x') : ((($perms & 0x0400) !== 0) ? 'S' : '-'));
+
+        // World
+        $symbolic .= ((($perms & 0x0004) !== 0) ? 'r' : '-')
+                . ((($perms & 0x0002) !== 0) ? 'w' : '-')
+                . ((($perms & 0x0001) !== 0) ? ((($perms & 0x0200) !== 0) ? 't' : 'x') : ((($perms & 0x0200) !== 0) ? 'T' : '-'));
+
+        return $symbolic;
+    }
+}
+
+if (! function_exists('octal_permissions')) {
+    /**
+     * Octal Permissions
+     *
+     * Takes a numeric value representing a file's permissions and returns
+     * a three character string representing the file's octal permissions
+     *
+     * @param int $perms Permissions
+     */
+    function octal_permissions(int $perms): string
+    {
+        return substr(sprintf('%o', $perms), -3);
+    }
+}
+
+if (! function_exists('same_file')) {
+    /**
+     * Checks if two files both exist and have identical hashes
+     *
+     * @return bool Same or not
+     */
+    function same_file(string $file1, string $file2): bool
+    {
+        return is_file($file1) && is_file($file2) && md5_file($file1) === md5_file($file2);
+    }
+}
+
+if (! function_exists('set_realpath')) {
+    /**
+     * Set Realpath
+     *
+     * @param bool $checkExistence Checks to see if the path exists
+     */
+    function set_realpath(string $path, bool $checkExistence = false): string
+    {
+        // Security check to make sure the path is NOT a URL. No remote file inclusion!
+        if (preg_match('#^(http:\/\/|https:\/\/|www\.|ftp)#i', $path) || filter_var($path, FILTER_VALIDATE_IP) === $path) {
+            throw new InvalidArgumentException('The path you submitted must be a local server path, not a URL');
+        }
+
+        // Resolve the path
+        if (realpath($path) !== false) {
+            $path = realpath($path);
+        } elseif ($checkExistence && ! is_dir($path) && ! is_file($path)) {
+            throw new InvalidArgumentException('Not a valid path: ' . $path);
+        }
+
+        // Add a trailing slash, if this is a directory
+        return is_dir($path) ? rtrim($path, DIRECTORY_SEPARATOR) . DIRECTORY_SEPARATOR : $path;
+    }
+}
diff --git a/ci4app/system/Helpers/form_helper.php b/ci4app/system/Helpers/form_helper.php
new file mode 100644
index 0000000..7b89bb9
--- /dev/null
+++ b/ci4app/system/Helpers/form_helper.php
@@ -0,0 +1,802 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+use CodeIgniter\Validation\Exceptions\ValidationException;
+use Config\App;
+use Config\Validation;
+
+// CodeIgniter Form Helpers
+
+if (! function_exists('form_open')) {
+    /**
+     * Form Declaration
+     *
+     * Creates the opening portion of the form.
+     *
+     * @param string       $action     the URI segments of the form destination
+     * @param array|string $attributes a key/value pair of attributes, or string representation
+     * @param array        $hidden     a key/value pair hidden data
+     */
+    function form_open(string $action = '', $attributes = [], array $hidden = []): string
+    {
+        // If no action is provided then set to the current url
+        if ($action === '') {
+            $action = (string) current_url(true);
+        } // If an action is not a full URL then turn it into one
+        elseif (! str_contains($action, '://')) {
+            // If an action has {locale}
+            if (str_contains($action, '{locale}')) {
+                $action = str_replace('{locale}', service('request')->getLocale(), $action);
+            }
+
+            $action = site_url($action);
+        }
+
+        if (is_array($attributes) && array_key_exists('csrf_id', $attributes)) {
+            $csrfId = $attributes['csrf_id'];
+            unset($attributes['csrf_id']);
+        }
+
+        $attributes = stringify_attributes($attributes);
+
+        if (! str_contains(strtolower($attributes), 'method=')) {
+            $attributes .= ' method="post"';
+        }
+        if (! str_contains(strtolower($attributes), 'accept-charset=')) {
+            $config = config(App::class);
+            $attributes .= ' accept-charset="' . strtolower($config->charset) . '"';
+        }
+
+        $form = '<form action="' . $action . '"' . $attributes . ">\n";
+
+        // Add CSRF field if enabled, but leave it out for GET requests and requests to external websites
+        $before = service('filters')->getFilters()['before'];
+
+        if ((in_array('csrf', $before, true) || array_key_exists('csrf', $before)) && str_contains($action, base_url()) && ! str_contains(strtolower($form), strtolower('method="get"'))) {
+            $form .= csrf_field($csrfId ?? null);
+        }
+
+        foreach ($hidden as $name => $value) {
+            $form .= form_hidden($name, $value);
+        }
+
+        return $form;
+    }
+}
+
+if (! function_exists('form_open_multipart')) {
+    /**
+     * Form Declaration - Multipart type
+     *
+     * Creates the opening portion of the form, but with "multipart/form-data".
+     *
+     * @param string       $action     The URI segments of the form destination
+     * @param array|string $attributes A key/value pair of attributes, or the same as a string
+     * @param array        $hidden     A key/value pair hidden data
+     */
+    function form_open_multipart(string $action = '', $attributes = [], array $hidden = []): string
+    {
+        if (is_string($attributes)) {
+            $attributes .= ' enctype="' . esc('multipart/form-data') . '"';
+        } else {
+            $attributes['enctype'] = 'multipart/form-data';
+        }
+
+        return form_open($action, $attributes, $hidden);
+    }
+}
+
+if (! function_exists('form_hidden')) {
+    /**
+     * Hidden Input Field
+     *
+     * Generates hidden fields. You can pass a simple key/value string or
+     * an associative array with multiple values.
+     *
+     * @param array|string $name  Field name or associative array to create multiple fields
+     * @param array|string $value Field value
+     */
+    function form_hidden($name, $value = '', bool $recursing = false): string
+    {
+        static $form;
+
+        if ($recursing === false) {
+            $form = "\n";
+        }
+
+        if (is_array($name)) {
+            foreach ($name as $key => $val) {
+                form_hidden($key, $val, true);
+            }
+
+            return $form;
+        }
+
+        if (! is_array($value)) {
+            $form .= form_input($name, $value, '', 'hidden');
+        } else {
+            foreach ($value as $k => $v) {
+                $k = is_int($k) ? '' : $k;
+                form_hidden($name . '[' . $k . ']', $v, true);
+            }
+        }
+
+        return $form;
+    }
+}
+
+if (! function_exists('form_input')) {
+    /**
+     * Text Input Field. If 'type' is passed in the $type field, it will be
+     * used as the input type, for making 'email', 'phone', etc input fields.
+     *
+     * @param array|string        $data
+     * @param array|object|string $extra string, array, object that can be cast to array
+     */
+    function form_input($data = '', string $value = '', $extra = '', string $type = 'text'): string
+    {
+        $defaults = [
+            'type'  => $type,
+            'name'  => is_array($data) ? '' : $data,
+            'value' => $value,
+        ];
+
+        return '<input ' . parse_form_attributes($data, $defaults) . stringify_attributes($extra) . _solidus() . ">\n";
+    }
+}
+
+if (! function_exists('form_password')) {
+    /**
+     * Password Field
+     *
+     * Identical to the input function but adds the "password" type
+     *
+     * @param array|string        $data
+     * @param array|object|string $extra string, array, object that can be cast to array
+     */
+    function form_password($data = '', string $value = '', $extra = ''): string
+    {
+        if (! is_array($data)) {
+            $data = ['name' => $data];
+        }
+        $data['type'] = 'password';
+
+        return form_input($data, $value, $extra);
+    }
+}
+
+if (! function_exists('form_upload')) {
+    /**
+     * Upload Field
+     *
+     * Identical to the input function but adds the "file" type
+     *
+     * @param array|string        $data
+     * @param array|object|string $extra string, array, object that can be cast to array
+     */
+    function form_upload($data = '', string $value = '', $extra = ''): string
+    {
+        $defaults = [
+            'type' => 'file',
+            'name' => '',
+        ];
+
+        if (! is_array($data)) {
+            $data = ['name' => $data];
+        }
+
+        $data['type'] = 'file';
+
+        return '<input ' . parse_form_attributes($data, $defaults) . stringify_attributes($extra) . _solidus() . ">\n";
+    }
+}
+
+if (! function_exists('form_textarea')) {
+    /**
+     * Textarea field
+     *
+     * @param array|string        $data
+     * @param array|object|string $extra string, array, object that can be cast to array
+     */
+    function form_textarea($data = '', string $value = '', $extra = ''): string
+    {
+        $defaults = [
+            'name' => is_array($data) ? '' : $data,
+            'cols' => '40',
+            'rows' => '10',
+        ];
+        if (! is_array($data) || ! isset($data['value'])) {
+            $val = $value;
+        } else {
+            $val = $data['value'];
+            unset($data['value']); // textareas don't use the value attribute
+        }
+
+        // Unsets default rows and cols if defined in extra field as array or string.
+        if ((is_array($extra) && array_key_exists('rows', $extra)) || (is_string($extra) && str_contains(strtolower(preg_replace('/\s+/', '', $extra)), 'rows='))) {
+            unset($defaults['rows']);
+        }
+
+        if ((is_array($extra) && array_key_exists('cols', $extra)) || (is_string($extra) && str_contains(strtolower(preg_replace('/\s+/', '', $extra)), 'cols='))) {
+            unset($defaults['cols']);
+        }
+
+        return '<textarea ' . rtrim(parse_form_attributes($data, $defaults)) . stringify_attributes($extra) . '>'
+                . htmlspecialchars($val)
+                . "</textarea>\n";
+    }
+}
+
+if (! function_exists('form_multiselect')) {
+    /**
+     * Multi-select menu
+     *
+     * @param array|string        $name
+     * @param array|object|string $extra string, array, object that can be cast to array
+     */
+    function form_multiselect($name = '', array $options = [], array $selected = [], $extra = ''): string
+    {
+        $extra = stringify_attributes($extra);
+
+        if (! str_contains(strtolower($extra), strtolower('multiple'))) {
+            $extra .= ' multiple="multiple"';
+        }
+
+        return form_dropdown($name, $options, $selected, $extra);
+    }
+}
+
+if (! function_exists('form_dropdown')) {
+    /**
+     * Drop-down Menu
+     *
+     * @param array|string        $data
+     * @param array|string        $options
+     * @param array|string        $selected
+     * @param array|object|string $extra    string, array, object that can be cast to array
+     */
+    function form_dropdown($data = '', $options = [], $selected = [], $extra = ''): string
+    {
+        $defaults = [];
+        if (is_array($data)) {
+            if (isset($data['selected'])) {
+                $selected = $data['selected'];
+                unset($data['selected']); // select tags don't have a selected attribute
+            }
+            if (isset($data['options'])) {
+                $options = $data['options'];
+                unset($data['options']); // select tags don't use an options attribute
+            }
+        } else {
+            $defaults = ['name' => $data];
+        }
+
+        if (! is_array($selected)) {
+            $selected = [$selected];
+        }
+        if (! is_array($options)) {
+            $options = [$options];
+        }
+
+        // If no selected state was submitted we will attempt to set it automatically
+        if ($selected === []) {
+            if (is_array($data)) {
+                if (isset($data['name'], $_POST[$data['name']])) {
+                    $selected = [$_POST[$data['name']]];
+                }
+            } elseif (isset($_POST[$data])) {
+                $selected = [$_POST[$data]];
+            }
+        }
+
+        // Standardize selected as strings, like the option keys will be
+        foreach ($selected as $key => $item) {
+            $selected[$key] = (string) $item;
+        }
+
+        $extra    = stringify_attributes($extra);
+        $multiple = (count($selected) > 1 && ! str_contains(strtolower($extra), 'multiple')) ? ' multiple="multiple"' : '';
+        $form     = '<select ' . rtrim(parse_form_attributes($data, $defaults)) . $extra . $multiple . ">\n";
+
+        foreach ($options as $key => $val) {
+            // Keys should always be strings for strict comparison
+            $key = (string) $key;
+
+            if (is_array($val)) {
+                if ($val === []) {
+                    continue;
+                }
+
+                $form .= '<optgroup label="' . $key . "\">\n";
+
+                foreach ($val as $optgroupKey => $optgroupVal) {
+                    // Keys should always be strings for strict comparison
+                    $optgroupKey = (string) $optgroupKey;
+
+                    $sel = in_array($optgroupKey, $selected, true) ? ' selected="selected"' : '';
+                    $form .= '<option value="' . htmlspecialchars($optgroupKey) . '"' . $sel . '>' . $optgroupVal . "</option>\n";
+                }
+
+                $form .= "</optgroup>\n";
+            } else {
+                $form .= '<option value="' . htmlspecialchars($key) . '"'
+                    . (in_array($key, $selected, true) ? ' selected="selected"' : '') . '>'
+                    . $val . "</option>\n";
+            }
+        }
+
+        return $form . "</select>\n";
+    }
+}
+
+if (! function_exists('form_checkbox')) {
+    /**
+     * Checkbox Field
+     *
+     * @param array|string        $data
+     * @param array|object|string $extra string, array, object that can be cast to array
+     */
+    function form_checkbox($data = '', string $value = '', bool $checked = false, $extra = ''): string
+    {
+        $defaults = [
+            'type'  => 'checkbox',
+            'name'  => (! is_array($data) ? $data : ''),
+            'value' => $value,
+        ];
+
+        if (is_array($data) && array_key_exists('checked', $data)) {
+            $checked = $data['checked'];
+
+            if ($checked === false) {
+                unset($data['checked']);
+            } else {
+                $data['checked'] = 'checked';
+            }
+        }
+
+        if ($checked === true) {
+            $defaults['checked'] = 'checked';
+        }
+
+        return '<input ' . parse_form_attributes($data, $defaults) . stringify_attributes($extra) . _solidus() . ">\n";
+    }
+}
+
+if (! function_exists('form_radio')) {
+    /**
+     * Radio Button
+     *
+     * @param array|string        $data
+     * @param array|object|string $extra string, array, object that can be cast to array
+     */
+    function form_radio($data = '', string $value = '', bool $checked = false, $extra = ''): string
+    {
+        if (! is_array($data)) {
+            $data = ['name' => $data];
+        }
+        $data['type'] = 'radio';
+
+        return form_checkbox($data, $value, $checked, $extra);
+    }
+}
+
+if (! function_exists('form_submit')) {
+    /**
+     * Submit Button
+     *
+     * @param array|string        $data
+     * @param array|object|string $extra string, array, object that can be cast to array
+     */
+    function form_submit($data = '', string $value = '', $extra = ''): string
+    {
+        return form_input($data, $value, $extra, 'submit');
+    }
+}
+
+if (! function_exists('form_reset')) {
+    /**
+     * Reset Button
+     *
+     * @param array|string        $data
+     * @param array|object|string $extra string, array, object that can be cast to array
+     */
+    function form_reset($data = '', string $value = '', $extra = ''): string
+    {
+        return form_input($data, $value, $extra, 'reset');
+    }
+}
+
+if (! function_exists('form_button')) {
+    /**
+     * Form Button
+     *
+     * @param array|string        $data
+     * @param array|object|string $extra string, array, object that can be cast to array
+     */
+    function form_button($data = '', string $content = '', $extra = ''): string
+    {
+        $defaults = [
+            'name' => is_array($data) ? '' : $data,
+            'type' => 'button',
+        ];
+
+        if (is_array($data) && isset($data['content'])) {
+            $content = $data['content'];
+            unset($data['content']); // content is not an attribute
+        }
+
+        return '<button ' . parse_form_attributes($data, $defaults) . stringify_attributes($extra) . '>'
+                . $content
+                . "</button>\n";
+    }
+}
+
+if (! function_exists('form_label')) {
+    /**
+     * Form Label Tag
+     *
+     * @param string $labelText  The text to appear onscreen
+     * @param string $id         The id the label applies to
+     * @param array  $attributes Additional attributes
+     */
+    function form_label(string $labelText = '', string $id = '', array $attributes = []): string
+    {
+        $label = '<label';
+
+        if ($id !== '') {
+            $label .= ' for="' . $id . '"';
+        }
+
+        foreach ($attributes as $key => $val) {
+            $label .= ' ' . $key . '="' . $val . '"';
+        }
+
+        return $label . '>' . $labelText . '</label>';
+    }
+}
+
+if (! function_exists('form_datalist')) {
+    /**
+     * Datalist
+     *
+     * The <datalist> element specifies a list of pre-defined options for an <input> element.
+     * Users will see a drop-down list of pre-defined options as they input data.
+     * The list attribute of the <input> element, must refer to the id attribute of the <datalist> element.
+     */
+    function form_datalist(string $name, string $value, array $options): string
+    {
+        $data = [
+            'type'  => 'text',
+            'name'  => $name,
+            'list'  => $name . '_list',
+            'value' => $value,
+        ];
+
+        $out = form_input($data) . "\n";
+
+        $out .= "<datalist id='" . $name . "_list'>";
+
+        foreach ($options as $option) {
+            $out .= "<option value='{$option}'>\n";
+        }
+
+        return $out . ("</datalist>\n");
+    }
+}
+
+if (! function_exists('form_fieldset')) {
+    /**
+     * Fieldset Tag
+     *
+     * Used to produce <fieldset><legend>text</legend>.  To close fieldset
+     * use form_fieldset_close()
+     *
+     * @param string $legendText The legend text
+     * @param array  $attributes Additional attributes
+     */
+    function form_fieldset(string $legendText = '', array $attributes = []): string
+    {
+        $fieldset = '<fieldset' . stringify_attributes($attributes) . ">\n";
+
+        if ($legendText !== '') {
+            return $fieldset . '<legend>' . $legendText . "</legend>\n";
+        }
+
+        return $fieldset;
+    }
+}
+
+if (! function_exists('form_fieldset_close')) {
+    /**
+     * Fieldset Close Tag
+     */
+    function form_fieldset_close(string $extra = ''): string
+    {
+        return '</fieldset>' . $extra;
+    }
+}
+
+if (! function_exists('form_close')) {
+    /**
+     * Form Close Tag
+     */
+    function form_close(string $extra = ''): string
+    {
+        return '</form>' . $extra;
+    }
+}
+
+if (! function_exists('set_value')) {
+    /**
+     * Form Value
+     *
+     * Grabs a value from the POST array for the specified field so you can
+     * re-populate an input field or textarea
+     *
+     * @param string              $field      Field name
+     * @param list<string>|string $default    Default value
+     * @param bool                $htmlEscape Whether to escape HTML special characters or not
+     *
+     * @return list<string>|string
+     */
+    function set_value(string $field, $default = '', bool $htmlEscape = true)
+    {
+        $request = service('request');
+
+        // Try any old input data we may have first
+        $value = $request->getOldInput($field);
+
+        if ($value === null) {
+            $value = $request->getPost($field) ?? $default;
+        }
+
+        return ($htmlEscape) ? esc($value) : $value;
+    }
+}
+
+if (! function_exists('set_select')) {
+    /**
+     * Set Select
+     *
+     * Let's you set the selected value of a <select> menu via data in the POST array.
+     */
+    function set_select(string $field, string $value = '', bool $default = false): string
+    {
+        $request = service('request');
+
+        // Try any old input data we may have first
+        $input = $request->getOldInput($field);
+
+        if ($input === null) {
+            $input = $request->getPost($field);
+        }
+
+        if ($input === null) {
+            return $default ? ' selected="selected"' : '';
+        }
+
+        if (is_array($input)) {
+            // Note: in_array('', array(0)) returns TRUE, do not use it
+            foreach ($input as &$v) {
+                if ($value === $v) {
+                    return ' selected="selected"';
+                }
+            }
+
+            return '';
+        }
+
+        return ($input === $value) ? ' selected="selected"' : '';
+    }
+}
+
+if (! function_exists('set_checkbox')) {
+    /**
+     * Set Checkbox
+     *
+     * Let's you set the selected value of a checkbox via the value in the POST array.
+     */
+    function set_checkbox(string $field, string $value = '', bool $default = false): string
+    {
+        $request = service('request');
+
+        // Try any old input data we may have first
+        $input = $request->getOldInput($field);
+
+        if ($input === null) {
+            $input = $request->getPost($field);
+        }
+
+        if (is_array($input)) {
+            // Note: in_array('', array(0)) returns TRUE, do not use it
+            foreach ($input as &$v) {
+                if ($value === $v) {
+                    return ' checked="checked"';
+                }
+            }
+
+            return '';
+        }
+
+        $session     = service('session');
+        $hasOldInput = $session->has('_ci_old_input');
+
+        // Unchecked checkbox and radio inputs are not even submitted by browsers ...
+        if ((string) $input === '0' || ! empty($request->getPost()) || $hasOldInput) {
+            return ($input === $value) ? ' checked="checked"' : '';
+        }
+
+        return $default ? ' checked="checked"' : '';
+    }
+}
+
+if (! function_exists('set_radio')) {
+    /**
+     * Set Radio
+     *
+     * Let's you set the selected value of a radio field via info in the POST array.
+     */
+    function set_radio(string $field, string $value = '', bool $default = false): string
+    {
+        $request = service('request');
+
+        // Try any old input data we may have first
+        $oldInput = $request->getOldInput($field);
+
+        $postInput = $request->getPost($field);
+
+        $input = $oldInput ?? $postInput ?? $default;
+
+        if (is_array($input)) {
+            // Note: in_array('', array(0)) returns TRUE, do not use it
+            foreach ($input as $v) {
+                if ($value === $v) {
+                    return ' checked="checked"';
+                }
+            }
+
+            return '';
+        }
+
+        // Unchecked checkbox and radio inputs are not even submitted by browsers ...
+        if ($oldInput !== null || $postInput !== null) {
+            return ((string) $input === $value) ? ' checked="checked"' : '';
+        }
+
+        return $default ? ' checked="checked"' : '';
+    }
+}
+
+if (! function_exists('validation_errors')) {
+    /**
+     * Returns the validation errors.
+     *
+     * First, checks the validation errors that are stored in the session.
+     * To store the errors in the session, you need to use `withInput()` with `redirect()`.
+     *
+     * The returned array should be in the following format:
+     *     [
+     *         'field1' => 'error message',
+     *         'field2' => 'error message',
+     *     ]
+     *
+     * @return array<string, string>
+     */
+    function validation_errors()
+    {
+        $errors = session('_ci_validation_errors');
+
+        // Check the session to see if any were
+        // passed along from a redirect withErrors() request.
+        if ($errors !== null && (ENVIRONMENT === 'testing' || ! is_cli())) {
+            return $errors;
+        }
+
+        $validation = service('validation');
+
+        return $validation->getErrors();
+    }
+}
+
+if (! function_exists('validation_list_errors')) {
+    /**
+     * Returns the rendered HTML of the validation errors.
+     *
+     * See Validation::listErrors()
+     */
+    function validation_list_errors(string $template = 'list'): string
+    {
+        $config = config(Validation::class);
+        $view   = service('renderer');
+
+        if (! array_key_exists($template, $config->templates)) {
+            throw ValidationException::forInvalidTemplate($template);
+        }
+
+        return $view->setVar('errors', validation_errors())
+            ->render($config->templates[$template]);
+    }
+}
+
+if (! function_exists('validation_show_error')) {
+    /**
+     * Returns a single error for the specified field in formatted HTML.
+     *
+     * See Validation::showError()
+     */
+    function validation_show_error(string $field, string $template = 'single'): string
+    {
+        $config = config(Validation::class);
+        $view   = service('renderer');
+
+        $errors = array_filter(validation_errors(), static fn ($key): bool => preg_match(
+            '/^' . str_replace(['\.\*', '\*\.'], ['\..+', '.+\.'], preg_quote($field, '/')) . '$/',
+            $key,
+        ) === 1, ARRAY_FILTER_USE_KEY);
+
+        if ($errors === []) {
+            return '';
+        }
+
+        if (! array_key_exists($template, $config->templates)) {
+            throw ValidationException::forInvalidTemplate($template);
+        }
+
+        return $view->setVar('error', implode("\n", $errors))
+            ->render($config->templates[$template]);
+    }
+}
+
+if (! function_exists('parse_form_attributes')) {
+    /**
+     * Parse the form attributes
+     *
+     * Helper function used by some of the form helpers
+     *
+     * @internal
+     *
+     * @param array|string $attributes List of attributes
+     * @param array        $default    Default values
+     */
+    function parse_form_attributes($attributes, array $default): string
+    {
+        if (is_array($attributes)) {
+            foreach (array_keys($default) as $key) {
+                if (isset($attributes[$key])) {
+                    $default[$key] = $attributes[$key];
+                    unset($attributes[$key]);
+                }
+            }
+            if ($attributes !== []) {
+                $default = array_merge($default, $attributes);
+            }
+        }
+
+        $att = '';
+
+        foreach ($default as $key => $val) {
+            if (! is_bool($val)) {
+                if ($key === 'value') {
+                    $val = esc($val);
+                } elseif ($key === 'name' && $default['name'] === '') {
+                    continue;
+                }
+                $att .= $key . '="' . $val . '"' . ($key === array_key_last($default) ? '' : ' ');
+            } else {
+                $att .= $key . ' ';
+            }
+        }
+
+        return $att;
+    }
+}
diff --git a/ci4app/system/Helpers/html_helper.php b/ci4app/system/Helpers/html_helper.php
new file mode 100644
index 0000000..9dcf825
--- /dev/null
+++ b/ci4app/system/Helpers/html_helper.php
@@ -0,0 +1,559 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+use CodeIgniter\Files\Exceptions\FileNotFoundException;
+use Config\DocTypes;
+use Config\Mimes;
+
+// CodeIgniter HTML Helpers
+
+if (! function_exists('ul')) {
+    /**
+     * Unordered List
+     *
+     * Generates an HTML unordered list from a single or
+     * multidimensional array.
+     *
+     * @param array               $list       List entries
+     * @param array|object|string $attributes HTML attributes string, array, object
+     */
+    function ul(array $list, $attributes = ''): string
+    {
+        return _list('ul', $list, $attributes);
+    }
+}
+
+if (! function_exists('ol')) {
+    /**
+     * Ordered List
+     *
+     * Generates an HTML ordered list from a single or multidimensional array.
+     *
+     * @param array               $list       List entries
+     * @param array|object|string $attributes HTML attributes string, array, object
+     */
+    function ol(array $list, $attributes = ''): string
+    {
+        return _list('ol', $list, $attributes);
+    }
+}
+
+if (! function_exists('_list')) {
+    /**
+     * Generates the list
+     *
+     * Generates an HTML ordered list from a single or multidimensional array.
+     *
+     * @param array               $list       List entries
+     * @param array|object|string $attributes HTML attributes string, array, object
+     */
+    function _list(string $type = 'ul', $list = [], $attributes = '', int $depth = 0): string
+    {
+        // Set the indentation based on the depth
+        $out = str_repeat(' ', $depth)
+                // Write the opening list tag
+                . '<' . $type . stringify_attributes($attributes) . ">\n";
+
+        // Cycle through the list elements.  If an array is
+        // encountered we will recursively call _list()
+
+        foreach ($list as $key => $val) {
+            $out .= str_repeat(' ', $depth + 2) . '<li>';
+
+            if (! is_array($val)) {
+                $out .= $val;
+            } else {
+                $out .= $key
+                    . "\n"
+                    . _list($type, $val, '', $depth + 4)
+                    . str_repeat(' ', $depth + 2);
+            }
+
+            $out .= "</li>\n";
+        }
+
+        // Set the indentation for the closing tag and apply it
+        return $out . str_repeat(' ', $depth) . '</' . $type . ">\n";
+    }
+}
+
+if (! function_exists('img')) {
+    /**
+     * Image
+     *
+     * Generates an image element
+     *
+     * @param array|string        $src        Image source URI, or array of attributes and values
+     * @param bool                $indexPage  Should `Config\App::$indexPage` be added to the source path
+     * @param array|object|string $attributes Additional HTML attributes
+     */
+    function img($src = '', bool $indexPage = false, $attributes = ''): string
+    {
+        if (! is_array($src)) {
+            $src = ['src' => $src];
+        }
+        if (! isset($src['src'])) {
+            $src['src'] = $attributes['src'] ?? '';
+        }
+        if (! isset($src['alt'])) {
+            $src['alt'] = $attributes['alt'] ?? '';
+        }
+
+        $img = '<img';
+
+        // Check for a relative URI
+        if (preg_match('#^([a-z]+:)?//#i', $src['src']) !== 1 && ! str_starts_with($src['src'], 'data:')) {
+            if ($indexPage) {
+                $img .= ' src="' . site_url($src['src']) . '"';
+            } else {
+                $img .= ' src="' . slash_item('baseURL') . $src['src'] . '"';
+            }
+
+            unset($src['src']);
+        }
+
+        // Append any other values
+        foreach ($src as $key => $value) {
+            $img .= ' ' . $key . '="' . $value . '"';
+        }
+
+        // Prevent passing completed values to stringify_attributes
+        if (is_array($attributes)) {
+            unset($attributes['alt'], $attributes['src']);
+        }
+
+        return $img . stringify_attributes($attributes) . _solidus() . '>';
+    }
+}
+
+if (! function_exists('img_data')) {
+    /**
+     * Image (data)
+     *
+     * Generates a src-ready string from an image using the "data:" protocol
+     *
+     * @param string      $path Image source path
+     * @param string|null $mime MIME type to use, or null to guess
+     */
+    function img_data(string $path, ?string $mime = null): string
+    {
+        if (! is_file($path) || ! is_readable($path)) {
+            throw FileNotFoundException::forFileNotFound($path);
+        }
+
+        // Read in file binary data
+        $handle = fopen($path, 'rb');
+        $data   = fread($handle, filesize($path));
+        fclose($handle);
+
+        // Encode as base64
+        $data = base64_encode($data);
+
+        // Figure out the type (Hail Mary to JPEG)
+        $mime ??= Mimes::guessTypeFromExtension(pathinfo($path, PATHINFO_EXTENSION)) ?? 'image/jpg';
+
+        return 'data:' . $mime . ';base64,' . $data;
+    }
+}
+
+if (! function_exists('doctype')) {
+    /**
+     * Doctype
+     *
+     * Generates a page document type declaration
+     *
+     * Examples of valid options: html5, xhtml-11, xhtml-strict, xhtml-trans,
+     * xhtml-frame, html4-strict, html4-trans, and html4-frame.
+     * All values are saved in the doctypes config file.
+     *
+     * @param string $type The doctype to be generated
+     */
+    function doctype(string $type = 'html5'): string
+    {
+        $config   = new DocTypes();
+        $doctypes = $config->list;
+
+        return $doctypes[$type] ?? '';
+    }
+}
+
+if (! function_exists('script_tag')) {
+    /**
+     * Script
+     *
+     * Generates link to a JS file
+     *
+     * @param array|string $src       Script source or an array of attributes
+     * @param bool         $indexPage Should `Config\App::$indexPage` be added to the JS path
+     */
+    function script_tag($src = '', bool $indexPage = false): string
+    {
+        $cspNonce = csp_script_nonce();
+        $cspNonce = $cspNonce !== '' ? ' ' . $cspNonce : $cspNonce;
+        $script   = '<script' . $cspNonce . ' ';
+        if (! is_array($src)) {
+            $src = ['src' => $src];
+        }
+
+        foreach ($src as $k => $v) {
+            if ($k === 'src' && preg_match('#^([a-z]+:)?//#i', $v) !== 1) {
+                if ($indexPage) {
+                    $script .= 'src="' . site_url($v) . '" ';
+                } else {
+                    $script .= 'src="' . slash_item('baseURL') . $v . '" ';
+                }
+            } else {
+                // for attributes without values, like async or defer, use NULL.
+                $script .= $k . (null === $v ? ' ' : '="' . $v . '" ');
+            }
+        }
+
+        return rtrim($script) . '></script>';
+    }
+}
+
+if (! function_exists('link_tag')) {
+    /**
+     * Link
+     *
+     * Generates link tag
+     *
+     * @param array<string, bool|string>|string $href      Stylesheet href or an array
+     * @param bool                              $indexPage Should `Config\App::$indexPage` be added to the CSS path.
+     */
+    function link_tag(
+        $href = '',
+        string $rel = 'stylesheet',
+        string $type = 'text/css',
+        string $title = '',
+        string $media = '',
+        bool $indexPage = false,
+        string $hreflang = '',
+    ): string {
+        $attributes = [];
+        // extract fields if needed
+        if (is_array($href)) {
+            $rel       = $href['rel'] ?? $rel;
+            $type      = $href['type'] ?? $type;
+            $title     = $href['title'] ?? $title;
+            $media     = $href['media'] ?? $media;
+            $hreflang  = $href['hreflang'] ?? '';
+            $indexPage = $href['indexPage'] ?? $indexPage;
+            $href      = $href['href'] ?? '';
+        }
+
+        if (preg_match('#^([a-z]+:)?//#i', $href) !== 1) {
+            $attributes['href'] = $indexPage ? site_url($href) : slash_item('baseURL') . $href;
+        } else {
+            $attributes['href'] = $href;
+        }
+
+        if ($hreflang !== '') {
+            $attributes['hreflang'] = $hreflang;
+        }
+
+        $attributes['rel'] = $rel;
+
+        if ($type !== '' && $rel !== 'canonical' && $hreflang === '' && ! ($rel === 'alternate' && $media !== '')) {
+            $attributes['type'] = $type;
+        }
+
+        if ($media !== '') {
+            $attributes['media'] = $media;
+        }
+
+        if ($title !== '') {
+            $attributes['title'] = $title;
+        }
+
+        return '<link' . stringify_attributes($attributes) . _solidus() . '>';
+    }
+}
+
+if (! function_exists('video')) {
+    /**
+     * Video
+     *
+     * Generates a video element to embed videos. The video element can
+     * contain one or more video sources
+     *
+     * @param array|string $src                Either a source string or an array of sources
+     * @param string       $unsupportedMessage The message to display if the media tag is not supported by the browser
+     * @param string       $attributes         HTML attributes
+     * @param bool         $indexPage          Should `Config\App::$indexPage` be added to the source path
+     */
+    function video($src, string $unsupportedMessage = '', string $attributes = '', array $tracks = [], bool $indexPage = false): string
+    {
+        if (is_array($src)) {
+            return _media('video', $src, $unsupportedMessage, $attributes, $tracks);
+        }
+
+        $video = '<video';
+
+        if (_has_protocol($src)) {
+            $video .= ' src="' . $src . '"';
+        } elseif ($indexPage) {
+            $video .= ' src="' . site_url($src) . '"';
+        } else {
+            $video .= ' src="' . slash_item('baseURL') . $src . '"';
+        }
+
+        if ($attributes !== '') {
+            $video .= ' ' . $attributes;
+        }
+
+        $video .= ">\n";
+
+        foreach ($tracks as $track) {
+            $video .= _space_indent() . $track . "\n";
+        }
+
+        if ($unsupportedMessage !== '') {
+            $video .= _space_indent()
+                    . $unsupportedMessage
+                    . "\n";
+        }
+
+        return $video . "</video>\n";
+    }
+}
+
+if (! function_exists('audio')) {
+    /**
+     * Audio
+     *
+     * Generates an audio element to embed sounds
+     *
+     * @param array|string $src                Either a source string or an array of sources
+     * @param string       $unsupportedMessage The message to display if the media tag is not supported by the browser.
+     * @param string       $attributes         HTML attributes
+     * @param bool         $indexPage          Should `Config\App::$indexPage` be added to the source path
+     */
+    function audio($src, string $unsupportedMessage = '', string $attributes = '', array $tracks = [], bool $indexPage = false): string
+    {
+        if (is_array($src)) {
+            return _media('audio', $src, $unsupportedMessage, $attributes, $tracks);
+        }
+
+        $audio = '<audio';
+
+        if (_has_protocol($src)) {
+            $audio .= ' src="' . $src . '"';
+        } elseif ($indexPage) {
+            $audio .= ' src="' . site_url($src) . '"';
+        } else {
+            $audio .= ' src="' . slash_item('baseURL') . $src . '"';
+        }
+
+        if ($attributes !== '') {
+            $audio .= ' ' . $attributes;
+        }
+
+        $audio .= '>';
+
+        foreach ($tracks as $track) {
+            $audio .= "\n" . _space_indent() . $track;
+        }
+
+        if ($unsupportedMessage !== '') {
+            $audio .= "\n" . _space_indent() . $unsupportedMessage . "\n";
+        }
+
+        return $audio . "</audio>\n";
+    }
+}
+
+if (! function_exists('_media')) {
+    /**
+     * Generate media based tag
+     *
+     * @param string $unsupportedMessage The message to display if the media tag is not supported by the browser.
+     */
+    function _media(string $name, array $types = [], string $unsupportedMessage = '', string $attributes = '', array $tracks = []): string
+    {
+        $media = '<' . $name;
+
+        if ($attributes === '') {
+            $media .= '>';
+        } else {
+            $media .= ' ' . $attributes . '>';
+        }
+
+        $media .= "\n";
+
+        foreach ($types as $option) {
+            $media .= _space_indent() . $option . "\n";
+        }
+
+        foreach ($tracks as $track) {
+            $media .= _space_indent() . $track . "\n";
+        }
+
+        if ($unsupportedMessage !== '') {
+            $media .= _space_indent() . $unsupportedMessage . "\n";
+        }
+
+        return $media . ('</' . $name . ">\n");
+    }
+}
+
+if (! function_exists('source')) {
+    /**
+     * Source
+     *
+     * Generates a source element that specifies multiple media resources
+     * for either audio or video element
+     *
+     * @param string $src        The path of the media resource
+     * @param string $type       The MIME-type of the resource with optional codecs parameters
+     * @param string $attributes HTML attributes
+     * @param bool   $indexPage  Should `Config\App::$indexPage` be added to the source path
+     */
+    function source(string $src, string $type = 'unknown', string $attributes = '', bool $indexPage = false): string
+    {
+        if (! _has_protocol($src)) {
+            $src = $indexPage ? site_url($src) : slash_item('baseURL') . $src;
+        }
+
+        $source = '<source src="' . $src
+                . '" type="' . $type . '"';
+
+        if ($attributes !== '') {
+            $source .= ' ' . $attributes;
+        }
+
+        return $source . _solidus() . '>';
+    }
+}
+
+if (! function_exists('track')) {
+    /**
+     * Track
+     *
+     * Generates a track element to specify timed tracks. The tracks are
+     * formatted in WebVTT format.
+     *
+     * @param string $src         The path of the .VTT file
+     * @param string $kind        How the text track is meant to be used
+     * @param string $srcLanguage Language of the track text data
+     * @param string $label       A user-readable title of the text track
+     */
+    function track(string $src, string $kind, string $srcLanguage, string $label): string
+    {
+        return '<track src="' . $src
+                . '" kind="' . $kind
+                . '" srclang="' . $srcLanguage
+                . '" label="' . $label
+                . '"' . _solidus() . '>';
+    }
+}
+
+if (! function_exists('object')) {
+    /**
+     * Object
+     *
+     * Generates an object element that represents the media
+     * as either image or a resource plugin such as audio, video,
+     * Java applets, ActiveX, PDF and Flash
+     *
+     * @param string $data       A resource URL
+     * @param string $type       Content-type of the resource
+     * @param string $attributes HTML attributes
+     * @param bool   $indexPage  Should `Config\App::$indexPage` be added to the data path
+     */
+    function object(string $data, string $type = 'unknown', string $attributes = '', array $params = [], bool $indexPage = false): string
+    {
+        if (! _has_protocol($data)) {
+            $data = $indexPage ? site_url($data) : slash_item('baseURL') . $data;
+        }
+
+        $object = '<object data="' . $data . '" '
+                . $attributes . '>';
+
+        if ($params !== []) {
+            $object .= "\n";
+        }
+
+        foreach ($params as $param) {
+            $object .= _space_indent() . $param . "\n";
+        }
+
+        return $object . "</object>\n";
+    }
+}
+
+if (! function_exists('param')) {
+    /**
+     * Param
+     *
+     * Generates a param element that defines parameters
+     * for the object element.
+     *
+     * @param string $name       The name of the parameter
+     * @param string $value      The value of the parameter
+     * @param string $type       The MIME-type
+     * @param string $attributes HTML attributes
+     */
+    function param(string $name, string $value, string $type = 'ref', string $attributes = ''): string
+    {
+        return '<param name="' . $name
+                . '" type="' . $type
+                . '" value="' . $value
+                . '" ' . $attributes . _solidus() . '>';
+    }
+}
+
+if (! function_exists('embed')) {
+    /**
+     * Embed
+     *
+     * Generates an embed element
+     *
+     * @param string $src        The path of the resource to embed
+     * @param string $type       MIME-type
+     * @param string $attributes HTML attributes
+     * @param bool   $indexPage  Should `Config\App::$indexPage` be added to the source path
+     */
+    function embed(string $src, string $type = 'unknown', string $attributes = '', bool $indexPage = false): string
+    {
+        if (! _has_protocol($src)) {
+            $src = $indexPage ? site_url($src) : slash_item('baseURL') . $src;
+        }
+
+        return '<embed src="' . $src
+                . '" type="' . $type . '" '
+                . $attributes . _solidus() . ">\n";
+    }
+}
+
+if (! function_exists('_has_protocol')) {
+    /**
+     * Test the protocol of a URI.
+     *
+     * @return false|int
+     */
+    function _has_protocol(string $url)
+    {
+        return preg_match('#^([a-z]+:)?//#i', $url);
+    }
+}
+
+if (! function_exists('_space_indent')) {
+    /**
+     * Provide space indenting.
+     */
+    function _space_indent(int $depth = 2): string
+    {
+        return str_repeat(' ', $depth);
+    }
+}
diff --git a/ci4app/system/Helpers/inflector_helper.php b/ci4app/system/Helpers/inflector_helper.php
new file mode 100644
index 0000000..fb4ef6c
--- /dev/null
+++ b/ci4app/system/Helpers/inflector_helper.php
@@ -0,0 +1,339 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// CodeIgniter Inflector Helpers
+
+if (! function_exists('singular')) {
+    /**
+     * Singular
+     *
+     * Takes a plural word and makes it singular
+     *
+     * @param string $string Input string
+     */
+    function singular(string $string): string
+    {
+        $result = $string;
+
+        if (! is_pluralizable($result)) {
+            return $result;
+        }
+
+        // Arranged in order.
+        $singularRules = [
+            '/(matr)ices$/'                                                   => '\1ix',
+            '/(vert|ind)ices$/'                                               => '\1ex',
+            '/^(ox)en/'                                                       => '\1',
+            '/(alias)es$/'                                                    => '\1',
+            '/([octop|vir])i$/'                                               => '\1us',
+            '/(cris|ax|test)es$/'                                             => '\1is',
+            '/(shoe)s$/'                                                      => '\1',
+            '/(o)es$/'                                                        => '\1',
+            '/(bus|campus)es$/'                                               => '\1',
+            '/([m|l])ice$/'                                                   => '\1ouse',
+            '/(x|ch|ss|sh)es$/'                                               => '\1',
+            '/(m)ovies$/'                                                     => '\1\2ovie',
+            '/(s)eries$/'                                                     => '\1\2eries',
+            '/([^aeiouy]|qu)ies$/'                                            => '\1y',
+            '/([lr])ves$/'                                                    => '\1f',
+            '/(tive)s$/'                                                      => '\1',
+            '/(hive)s$/'                                                      => '\1',
+            '/([^f])ves$/'                                                    => '\1fe',
+            '/(^analy)ses$/'                                                  => '\1sis',
+            '/((a)naly|(b)a|(d)iagno|(p)arenthe|(p)rogno|(s)ynop|(t)he)ses$/' => '\1\2sis',
+            '/([ti])a$/'                                                      => '\1um',
+            '/(p)eople$/'                                                     => '\1\2erson',
+            '/(m)en$/'                                                        => '\1an',
+            '/(s)tatuses$/'                                                   => '\1\2tatus',
+            '/(c)hildren$/'                                                   => '\1\2hild',
+            '/(n)ews$/'                                                       => '\1\2ews',
+            '/(quiz)zes$/'                                                    => '\1',
+            '/([^us])s$/'                                                     => '\1',
+        ];
+
+        foreach ($singularRules as $rule => $replacement) {
+            if (preg_match($rule, $result)) {
+                $result = preg_replace($rule, $replacement, $result);
+                break;
+            }
+        }
+
+        return $result;
+    }
+}
+
+if (! function_exists('plural')) {
+    /**
+     * Plural
+     *
+     * Takes a singular word and makes it plural
+     *
+     * @param string $string Input string
+     */
+    function plural(string $string): string
+    {
+        $result = $string;
+
+        if (! is_pluralizable($result)) {
+            return $result;
+        }
+
+        $pluralRules = [
+            '/(quiz)$/'               => '\1zes',    // quizzes
+            '/^(ox)$/'                => '\1\2en', // ox
+            '/([m|l])ouse$/'          => '\1ice', // mouse, louse
+            '/(matr|vert|ind)ix|ex$/' => '\1ices', // matrix, vertex, index
+            '/(x|ch|ss|sh)$/'         => '\1es', // search, switch, fix, box, process, address
+            '/([^aeiouy]|qu)y$/'      => '\1ies', // query, ability, agency
+            '/(hive)$/'               => '\1s', // archive, hive
+            '/(?:([^f])fe|([lr])f)$/' => '\1\2ves', // half, safe, wife
+            '/sis$/'                  => 'ses', // basis, diagnosis
+            '/([ti])um$/'             => '\1a', // datum, medium
+            '/(p)erson$/'             => '\1eople', // person, salesperson
+            '/(m)an$/'                => '\1en', // man, woman, spokesman
+            '/(c)hild$/'              => '\1hildren', // child
+            '/(buffal|tomat)o$/'      => '\1\2oes', // buffalo, tomato
+            '/(bu|campu)s$/'          => '\1\2ses', // bus, campus
+            '/(alias|status|virus)$/' => '\1es', // alias
+            '/(octop)us$/'            => '\1i', // octopus
+            '/(ax|cris|test)is$/'     => '\1es', // axis, crisis
+            '/s$/'                    => 's', // no change (compatibility)
+            '/$/'                     => 's',
+        ];
+
+        foreach ($pluralRules as $rule => $replacement) {
+            if (preg_match($rule, $result)) {
+                $result = preg_replace($rule, $replacement, $result);
+                break;
+            }
+        }
+
+        return $result;
+    }
+}
+
+if (! function_exists('counted')) {
+    /**
+     * Counted
+     *
+     * Takes a number and a word to return the plural or not
+     * E.g. 0 cats, 1 cat, 2 cats, ...
+     *
+     * @param int    $count  Number of items
+     * @param string $string Input string
+     */
+    function counted(int $count, string $string): string
+    {
+        $result = "{$count} ";
+
+        return $result . ($count === 1 ? singular($string) : plural($string));
+    }
+}
+
+if (! function_exists('camelize')) {
+    /**
+     * Camelize
+     *
+     * Takes multiple words separated by spaces or
+     * underscores and converts them to camel case.
+     *
+     * @param string $string Input string
+     */
+    function camelize(string $string): string
+    {
+        return lcfirst(str_replace(' ', '', ucwords(preg_replace('/[\s_]+/', ' ', $string))));
+    }
+}
+
+if (! function_exists('pascalize')) {
+    /**
+     * Pascalize
+     *
+     * Takes multiple words separated by spaces or
+     * underscores and converts them to Pascal case,
+     * which is camel case with an uppercase first letter.
+     *
+     * @param string $string Input string
+     */
+    function pascalize(string $string): string
+    {
+        return ucfirst(camelize($string));
+    }
+}
+
+if (! function_exists('underscore')) {
+    /**
+     * Underscore
+     *
+     * Takes multiple words separated by spaces and underscores them
+     *
+     * @param string $string Input string
+     */
+    function underscore(string $string): string
+    {
+        $replacement = trim($string);
+
+        return preg_replace('/[\s]+/', '_', $replacement);
+    }
+}
+
+if (! function_exists('decamelize')) {
+    /**
+     * Decamelize
+     *
+     * Takes multiple words separated by camel case and
+     * underscores them.
+     *
+     * @param string $string Input string
+     */
+    function decamelize(string $string): string
+    {
+        return strtolower(preg_replace(['/([a-z\d])([A-Z])/', '/([^_])([A-Z][a-z])/'], '$1_$2', trim($string)));
+    }
+}
+
+if (! function_exists('humanize')) {
+    /**
+     * Humanize
+     *
+     * Takes multiple words separated by the separator,
+     * camelizes and changes them to spaces
+     *
+     * @param string $string    Input string
+     * @param string $separator Input separator
+     */
+    function humanize(string $string, string $separator = '_'): string
+    {
+        $replacement = trim($string);
+
+        return ucwords(preg_replace('/[' . $separator . ']+/', ' ', $replacement));
+    }
+}
+
+if (! function_exists('is_pluralizable')) {
+    /**
+     * Checks if the given word has a plural version.
+     *
+     * @param string $word Word to check
+     */
+    function is_pluralizable(string $word): bool
+    {
+        $uncountables = in_array(
+            strtolower($word),
+            [
+                'advice',
+                'bravery',
+                'butter',
+                'chaos',
+                'clarity',
+                'coal',
+                'courage',
+                'cowardice',
+                'curiosity',
+                'education',
+                'equipment',
+                'evidence',
+                'fish',
+                'fun',
+                'furniture',
+                'greed',
+                'help',
+                'homework',
+                'honesty',
+                'information',
+                'insurance',
+                'jewelry',
+                'knowledge',
+                'livestock',
+                'love',
+                'luck',
+                'marketing',
+                'meta',
+                'money',
+                'mud',
+                'news',
+                'patriotism',
+                'racism',
+                'rice',
+                'satisfaction',
+                'scenery',
+                'series',
+                'sexism',
+                'silence',
+                'species',
+                'spelling',
+                'sugar',
+                'water',
+                'weather',
+                'wisdom',
+                'work',
+            ],
+            true,
+        );
+
+        return ! $uncountables;
+    }
+}
+
+if (! function_exists('dasherize')) {
+    /**
+     * Replaces underscores with dashes in the string.
+     *
+     * @param string $string Input string
+     */
+    function dasherize(string $string): string
+    {
+        return str_replace('_', '-', $string);
+    }
+}
+
+if (! function_exists('ordinal')) {
+    /**
+     * Returns the suffix that should be added to a
+     * number to denote the position in an ordered
+     * sequence such as 1st, 2nd, 3rd, 4th.
+     *
+     * @param int $integer The integer to determine the suffix
+     */
+    function ordinal(int $integer): string
+    {
+        $suffixes = [
+            'th',
+            'st',
+            'nd',
+            'rd',
+            'th',
+            'th',
+            'th',
+            'th',
+            'th',
+            'th',
+        ];
+
+        return $integer % 100 >= 11 && $integer % 100 <= 13 ? 'th' : $suffixes[$integer % 10];
+    }
+}
+
+if (! function_exists('ordinalize')) {
+    /**
+     * Turns a number into an ordinal string used
+     * to denote the position in an ordered sequence
+     * such as 1st, 2nd, 3rd, 4th.
+     *
+     * @param int $integer The integer to ordinalize
+     */
+    function ordinalize(int $integer): string
+    {
+        return $integer . ordinal($integer);
+    }
+}
diff --git a/ci4app/system/Helpers/kint_helper.php b/ci4app/system/Helpers/kint_helper.php
new file mode 100644
index 0000000..1f89dc7
--- /dev/null
+++ b/ci4app/system/Helpers/kint_helper.php
@@ -0,0 +1,92 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// This helper is autoloaded by CodeIgniter.
+
+if (! function_exists('dd')) {
+    if (class_exists(Kint::class)) {
+        /**
+         * Prints a Kint debug report and exits.
+         *
+         * @param array $vars
+         *
+         * @return never
+         *
+         * @codeCoverageIgnore Can't be tested ... exits
+         */
+        function dd(...$vars): void
+        {
+            // @codeCoverageIgnoreStart
+            Kint::$aliases[] = 'dd';
+            Kint::dump(...$vars);
+
+            exit;
+            // @codeCoverageIgnoreEnd
+        }
+    } else {
+        // In case that Kint is not loaded.
+        /**
+         * dd function
+         *
+         * @param array $vars
+         *
+         * @return int
+         */
+        function dd(...$vars)
+        {
+            return 0;
+        }
+    }
+}
+
+if (! function_exists('d') && ! class_exists(Kint::class)) {
+    // In case that Kint is not loaded.
+    /**
+     * d function
+     *
+     * @param array $vars
+     *
+     * @return int
+     */
+    function d(...$vars)
+    {
+        return 0;
+    }
+}
+
+if (! function_exists('trace')) {
+    if (class_exists(Kint::class)) {
+        /**
+         * Provides a backtrace to the current execution point, from Kint.
+         */
+        /**
+         * trace function
+         */
+        function trace(): void
+        {
+            Kint::$aliases[] = 'trace';
+            Kint::trace();
+        }
+    } else {
+        // In case that Kint is not loaded.
+        /**
+         * trace function
+         *
+         * @return int
+         */
+        function trace()
+        {
+            return 0;
+        }
+    }
+}
diff --git a/ci4app/system/Helpers/number_helper.php b/ci4app/system/Helpers/number_helper.php
new file mode 100644
index 0000000..bf577ed
--- /dev/null
+++ b/ci4app/system/Helpers/number_helper.php
@@ -0,0 +1,222 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+use CodeIgniter\Exceptions\BadFunctionCallException;
+
+// CodeIgniter Number Helpers
+
+if (! function_exists('number_to_size')) {
+    /**
+     * Formats a numbers as bytes, based on size, and adds the appropriate suffix
+     *
+     * @param int|string            $num    Will be cast as int
+     * @param non-empty-string|null $locale [optional]
+     *
+     * @return bool|string
+     */
+    function number_to_size($num, int $precision = 1, ?string $locale = null)
+    {
+        // Strip any formatting & ensure numeric input
+        try {
+            // @phpstan-ignore-next-line
+            $num = 0 + str_replace(',', '', (string) $num);
+        } catch (ErrorException) {
+            // Catch "Warning:  A non-numeric value encountered"
+            return false;
+        }
+
+        // ignore sub part
+        $generalLocale = $locale;
+        if ($locale !== null && $locale !== '' && ($underscorePos = strpos($locale, '_'))) {
+            $generalLocale = substr($locale, 0, $underscorePos);
+        }
+
+        if ($num >= 1_000_000_000_000) {
+            $num  = round($num / 1_099_511_627_776, $precision);
+            $unit = lang('Number.terabyteAbbr', [], $generalLocale);
+        } elseif ($num >= 1_000_000_000) {
+            $num  = round($num / 1_073_741_824, $precision);
+            $unit = lang('Number.gigabyteAbbr', [], $generalLocale);
+        } elseif ($num >= 1_000_000) {
+            $num  = round($num / 1_048_576, $precision);
+            $unit = lang('Number.megabyteAbbr', [], $generalLocale);
+        } elseif ($num >= 1000) {
+            $num  = round($num / 1024, $precision);
+            $unit = lang('Number.kilobyteAbbr', [], $generalLocale);
+        } else {
+            $unit = lang('Number.bytes', [], $generalLocale);
+        }
+
+        return format_number($num, $precision, $locale, ['after' => ' ' . $unit]);
+    }
+}
+
+if (! function_exists('number_to_amount')) {
+    /**
+     * Converts numbers to a more readable representation
+     * when dealing with very large numbers (in the thousands or above),
+     * up to the quadrillions, because you won't often deal with numbers
+     * larger than that.
+     *
+     * It uses the "short form" numbering system as this is most commonly
+     * used within most English-speaking countries today.
+     *
+     * @see https://simple.wikipedia.org/wiki/Names_for_large_numbers
+     *
+     * @param int|string            $num       Will be cast as int
+     * @param int                   $precision [optional] The optional number of decimal digits to round to.
+     * @param non-empty-string|null $locale    [optional]
+     *
+     * @return bool|string
+     */
+    function number_to_amount($num, int $precision = 0, ?string $locale = null)
+    {
+        // Strip any formatting & ensure numeric input
+        try {
+            // @phpstan-ignore-next-line
+            $num = 0 + str_replace(',', '', (string) $num);
+        } catch (ErrorException) {
+            // Catch "Warning:  A non-numeric value encountered"
+            return false;
+        }
+
+        $suffix = '';
+
+        // ignore sub part
+        $generalLocale = $locale;
+        if ($locale !== null && $locale !== '' && ($underscorePos = strpos($locale, '_'))) {
+            $generalLocale = substr($locale, 0, $underscorePos);
+        }
+
+        if ($num >= 1_000_000_000_000_000) {
+            $suffix = lang('Number.quadrillion', [], $generalLocale);
+            $num    = round(($num / 1_000_000_000_000_000), $precision);
+        } elseif ($num >= 1_000_000_000_000) {
+            $suffix = lang('Number.trillion', [], $generalLocale);
+            $num    = round(($num / 1_000_000_000_000), $precision);
+        } elseif ($num >= 1_000_000_000) {
+            $suffix = lang('Number.billion', [], $generalLocale);
+            $num    = round(($num / 1_000_000_000), $precision);
+        } elseif ($num >= 1_000_000) {
+            $suffix = lang('Number.million', [], $generalLocale);
+            $num    = round(($num / 1_000_000), $precision);
+        } elseif ($num >= 1000) {
+            $suffix = lang('Number.thousand', [], $generalLocale);
+            $num    = round(($num / 1000), $precision);
+        }
+
+        return format_number($num, $precision, $locale, ['after' => $suffix]);
+    }
+}
+
+if (! function_exists('number_to_currency')) {
+    function number_to_currency(float $num, string $currency, ?string $locale = null, int $fraction = 0): string
+    {
+        return format_number($num, 1, $locale, [
+            'type'     => NumberFormatter::CURRENCY,
+            'currency' => $currency,
+            'fraction' => $fraction,
+        ]);
+    }
+}
+
+if (! function_exists('format_number')) {
+    /**
+     * A general purpose, locale-aware, number_format method.
+     * Used by all of the functions of the number_helper.
+     */
+    function format_number(float $num, int $precision = 1, ?string $locale = null, array $options = []): string
+    {
+        // If locale is not passed, get from the default locale that is set from our config file
+        // or set by HTTP content negotiation.
+        $locale ??= Locale::getDefault();
+
+        // Type can be any of the NumberFormatter options, but provide a default.
+        $type = (int) ($options['type'] ?? NumberFormatter::DECIMAL);
+
+        $formatter = new NumberFormatter($locale, $type);
+
+        // Try to format it per the locale
+        if ($type === NumberFormatter::CURRENCY) {
+            $formatter->setAttribute(NumberFormatter::FRACTION_DIGITS, (float) $options['fraction']);
+            $output = $formatter->formatCurrency($num, $options['currency']);
+        } else {
+            // In order to specify a precision, we'll have to modify
+            // the pattern used by NumberFormatter.
+            $pattern = '#,##0.' . str_repeat('#', $precision);
+
+            $formatter->setPattern($pattern);
+            $output = $formatter->format($num);
+        }
+
+        // This might lead a trailing period if $precision == 0
+        $output = trim($output, '. ');
+
+        if (intl_is_failure($formatter->getErrorCode())) {
+            throw new BadFunctionCallException($formatter->getErrorMessage());
+        }
+
+        // Add on any before/after text.
+        if (isset($options['before']) && is_string($options['before'])) {
+            $output = $options['before'] . $output;
+        }
+
+        if (isset($options['after']) && is_string($options['after'])) {
+            $output .= $options['after'];
+        }
+
+        return $output;
+    }
+}
+
+if (! function_exists('number_to_roman')) {
+    /**
+     * Convert a number to a roman numeral.
+     *
+     * @param int|string $num it will convert to int
+     */
+    function number_to_roman($num): ?string
+    {
+        static $map = [
+            'M'  => 1000,
+            'CM' => 900,
+            'D'  => 500,
+            'CD' => 400,
+            'C'  => 100,
+            'XC' => 90,
+            'L'  => 50,
+            'XL' => 40,
+            'X'  => 10,
+            'IX' => 9,
+            'V'  => 5,
+            'IV' => 4,
+            'I'  => 1,
+        ];
+
+        $num = (int) $num;
+
+        if ($num < 1 || $num > 3999) {
+            return null;
+        }
+
+        $result = '';
+
+        foreach ($map as $roman => $arabic) {
+            $repeat = (int) floor($num / $arabic);
+            $result .= str_repeat($roman, $repeat);
+            $num %= $arabic;
+        }
+
+        return $result;
+    }
+}
diff --git a/ci4app/system/Helpers/security_helper.php b/ci4app/system/Helpers/security_helper.php
new file mode 100644
index 0000000..d73fd62
--- /dev/null
+++ b/ci4app/system/Helpers/security_helper.php
@@ -0,0 +1,109 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// CodeIgniter Security Helpers
+
+if (! function_exists('sanitize_filename')) {
+    /**
+     * Sanitize Filename
+     *
+     * Tries to sanitize filenames in order to prevent directory traversal attempts
+     * and other security threats, which is particularly useful for files that
+     * were supplied via user input.
+     *
+     * If it is acceptable for the user input to include relative paths,
+     * e.g. file/in/some/approved/folder.txt, you can set the second optional
+     * parameter, $relativePath to TRUE.
+     *
+     * @param string $filename     Input file name
+     * @param bool   $relativePath Whether to preserve paths
+     */
+    function sanitize_filename(string $filename, bool $relativePath = false): string
+    {
+        // List of sanitized filename strings
+        $bad = [
+            '../',
+            '<!--',
+            '-->',
+            '<',
+            '>',
+            "'",
+            '"',
+            '&',
+            '$',
+            '#',
+            '{',
+            '}',
+            '[',
+            ']',
+            '=',
+            ';',
+            '?',
+            '%20',
+            '%22',
+            '%3c',
+            '%253c',
+            '%3e',
+            '%0e',
+            '%28',
+            '%29',
+            '%2528',
+            '%26',
+            '%24',
+            '%3f',
+            '%3b',
+            '%3d',
+        ];
+
+        if (! $relativePath) {
+            $bad[] = './';
+            $bad[] = '/';
+        }
+
+        $filename = remove_invisible_characters($filename, false);
+
+        do {
+            $old      = $filename;
+            $filename = str_replace($bad, '', $filename);
+        } while ($old !== $filename);
+
+        return stripslashes($filename);
+    }
+}
+
+if (! function_exists('strip_image_tags')) {
+    /**
+     * Strip Image Tags
+     */
+    function strip_image_tags(string $str): string
+    {
+        return preg_replace(
+            [
+                '#<img[\s/]+.*?src\s*=\s*(["\'])([^\\1]+?)\\1.*?\>#i',
+                '#<img[\s/]+.*?src\s*=\s*?(([^\s"\'=<>`]+)).*?\>#i',
+            ],
+            '\\2',
+            $str,
+        );
+    }
+}
+
+if (! function_exists('encode_php_tags')) {
+    /**
+     * Convert PHP tags to entities
+     */
+    function encode_php_tags(string $str): string
+    {
+        return str_replace(['<?', '?>'], ['&lt;?', '?&gt;'], $str);
+    }
+}
diff --git a/ci4app/system/Helpers/test_helper.php b/ci4app/system/Helpers/test_helper.php
new file mode 100644
index 0000000..f86ca46
--- /dev/null
+++ b/ci4app/system/Helpers/test_helper.php
@@ -0,0 +1,72 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+use CodeIgniter\Exceptions\TestException;
+use CodeIgniter\Model;
+use CodeIgniter\Test\Fabricator;
+use Config\Services;
+
+// CodeIgniter Test Helpers
+
+if (! function_exists('fake')) {
+    /**
+     * Creates a single item using Fabricator.
+     *
+     * @param Model|object|string $model     Instance or name of the model
+     * @param array|null          $overrides Overriding data to pass to Fabricator::setOverrides()
+     * @param bool                $persist
+     *
+     * @return array|object
+     */
+    function fake($model, ?array $overrides = null, $persist = true)
+    {
+        $fabricator = new Fabricator($model);
+
+        if ($overrides !== null) {
+            $fabricator->setOverrides($overrides);
+        }
+
+        if ($persist) {
+            return $fabricator->create();
+        }
+
+        return $fabricator->make();
+    }
+}
+
+if (! function_exists('mock')) {
+    /**
+     * Used within our test suite to mock certain system tools.
+     *
+     * @param string $className Fully qualified class name
+     *
+     * @return object
+     */
+    function mock(string $className)
+    {
+        $mockClass   = $className::$mockClass;
+        $mockService = $className::$mockServiceName ?? '';
+
+        if (empty($mockClass) || ! class_exists($mockClass)) {
+            throw TestException::forInvalidMockClass($mockClass);
+        }
+
+        $mock = new $mockClass();
+
+        if (! empty($mockService)) {
+            Services::injectMock($mockService, $mock);
+        }
+
+        return $mock;
+    }
+}
diff --git a/ci4app/system/Helpers/text_helper.php b/ci4app/system/Helpers/text_helper.php
new file mode 100644
index 0000000..c8067a8
--- /dev/null
+++ b/ci4app/system/Helpers/text_helper.php
@@ -0,0 +1,760 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use Config\ForeignCharacters;
+
+// CodeIgniter Text Helpers
+
+if (! function_exists('word_limiter')) {
+    /**
+     * Word Limiter
+     *
+     * Limits a string to X number of words.
+     *
+     * @param string $endChar the end character. Usually an ellipsis
+     */
+    function word_limiter(string $str, int $limit = 100, string $endChar = '&#8230;'): string
+    {
+        if (trim($str) === '') {
+            return $str;
+        }
+
+        preg_match('/^\s*+(?:\S++\s*+){1,' . $limit . '}/', $str, $matches);
+
+        if (strlen($str) === strlen($matches[0])) {
+            $endChar = '';
+        }
+
+        return rtrim($matches[0]) . $endChar;
+    }
+}
+
+if (! function_exists('character_limiter')) {
+    /**
+     * Character Limiter
+     *
+     * Limits the string based on the character count. Preserves complete words
+     * so the character count may not be exactly as specified.
+     *
+     * @param string $endChar the end character. Usually an ellipsis
+     */
+    function character_limiter(string $string, int $limit = 500, string $endChar = '&#8230;'): string
+    {
+        if (mb_strlen($string) < $limit) {
+            return $string;
+        }
+
+        // a bit complicated, but faster than preg_replace with \s+
+        $string       = preg_replace('/ {2,}/', ' ', str_replace(["\r", "\n", "\t", "\x0B", "\x0C"], ' ', $string));
+        $stringLength = mb_strlen($string);
+
+        if ($stringLength <= $limit) {
+            return $string;
+        }
+
+        $output       = '';
+        $outputLength = 0;
+        $words        = explode(' ', trim($string));
+
+        foreach ($words as $word) {
+            $output .= $word . ' ';
+            $outputLength = mb_strlen($output);
+
+            if ($outputLength >= $limit) {
+                $output = trim($output);
+                break;
+            }
+        }
+
+        return ($outputLength === $stringLength) ? $output : $output . $endChar;
+    }
+}
+
+if (! function_exists('ascii_to_entities')) {
+    /**
+     * High ASCII to Entities
+     *
+     * Converts high ASCII text and MS Word special characters to character entities
+     */
+    function ascii_to_entities(string $str): string
+    {
+        $out = '';
+
+        for ($i = 0, $s = strlen($str) - 1, $count = 1, $temp = []; $i <= $s; $i++) {
+            $ordinal = ord($str[$i]);
+
+            if ($ordinal < 128) {
+                /*
+                  If the $temp array has a value but we have moved on, then it seems only
+                  fair that we output that entity and restart $temp before continuing.
+                 */
+                if (count($temp) === 1) {
+                    $out .= '&#' . array_shift($temp) . ';';
+                    $count = 1;
+                }
+
+                $out .= $str[$i];
+            } else {
+                if ($temp === []) {
+                    $count = ($ordinal < 224) ? 2 : 3;
+                }
+
+                $temp[] = $ordinal;
+
+                if (count($temp) === $count) {
+                    $number = ($count === 3) ? (($temp[0] % 16) * 4096) + (($temp[1] % 64) * 64) + ($temp[2] % 64) : (($temp[0] % 32) * 64) + ($temp[1] % 64);
+                    $out .= '&#' . $number . ';';
+                    $count = 1;
+                    $temp  = [];
+                }
+                // If this is the last iteration, just output whatever we have
+                elseif ($i === $s) {
+                    $out .= '&#' . implode(';', $temp) . ';';
+                }
+            }
+        }
+
+        return $out;
+    }
+}
+
+if (! function_exists('entities_to_ascii')) {
+    /**
+     * Entities to ASCII
+     *
+     * Converts character entities back to ASCII
+     */
+    function entities_to_ascii(string $str, bool $all = true): string
+    {
+        if (preg_match_all('/\&#(\d+)\;/', $str, $matches) >= 1) {
+            for ($i = 0, $s = count($matches[0]); $i < $s; $i++) {
+                $digits = (int) $matches[1][$i];
+                $out    = '';
+                if ($digits < 128) {
+                    $out .= chr($digits);
+                } elseif ($digits < 2048) {
+                    $out .= chr(192 + (($digits - ($digits % 64)) / 64)) . chr(128 + ($digits % 64));
+                } else {
+                    $out .= chr(224 + (($digits - ($digits % 4096)) / 4096))
+                            . chr(128 + ((($digits % 4096) - ($digits % 64)) / 64))
+                            . chr(128 + ($digits % 64));
+                }
+                $str = str_replace($matches[0][$i], $out, $str);
+            }
+        }
+
+        if ($all) {
+            return str_replace(
+                ['&amp;', '&lt;', '&gt;', '&quot;', '&apos;', '&#45;'],
+                ['&', '<', '>', '"', "'", '-'],
+                $str,
+            );
+        }
+
+        return $str;
+    }
+}
+
+if (! function_exists('word_censor')) {
+    /**
+     * Word Censoring Function
+     *
+     * Supply a string and an array of disallowed words and any
+     * matched words will be converted to #### or to the replacement
+     * word you've submitted.
+     *
+     * @param string $str         the text string
+     * @param array  $censored    the array of censored words
+     * @param string $replacement the optional replacement value
+     */
+    function word_censor(string $str, array $censored, string $replacement = ''): string
+    {
+        if ($censored === []) {
+            return $str;
+        }
+
+        $str = ' ' . $str . ' ';
+
+        // \w, \b and a few others do not match on a unicode character
+        // set for performance reasons. As a result words like über
+        // will not match on a word boundary. Instead, we'll assume that
+        // a bad word will be bookended by any of these characters.
+        $delim = '[-_\'\"`(){}<>\[\]|!?@#%&,.:;^~*+=\/ 0-9\n\r\t]';
+
+        foreach ($censored as $badword) {
+            $badword = str_replace('\*', '\w*?', preg_quote($badword, '/'));
+
+            if ($replacement !== '') {
+                $str = preg_replace(
+                    "/({$delim})(" . $badword . ")({$delim})/i",
+                    "\\1{$replacement}\\3",
+                    $str,
+                );
+            } elseif (preg_match_all("/{$delim}(" . $badword . "){$delim}/i", $str, $matches, PREG_PATTERN_ORDER | PREG_OFFSET_CAPTURE) >= 1) {
+                $matches = $matches[1];
+
+                for ($i = count($matches) - 1; $i >= 0; $i--) {
+                    $length = strlen($matches[$i][0]);
+
+                    $str = substr_replace(
+                        $str,
+                        str_repeat('#', $length),
+                        $matches[$i][1],
+                        $length,
+                    );
+                }
+            }
+        }
+
+        return trim($str);
+    }
+}
+
+if (! function_exists('highlight_code')) {
+    /**
+     * Code Highlighter
+     *
+     * Colorizes code strings
+     *
+     * @param string $str the text string
+     */
+    function highlight_code(string $str): string
+    {
+        /* The highlight string function encodes and highlights
+         * brackets so we need them to start raw.
+         *
+         * Also replace any existing PHP tags to temporary markers
+         * so they don't accidentally break the string out of PHP,
+         * and thus, thwart the highlighting.
+         */
+        $str = str_replace(
+            ['&lt;', '&gt;', '<?', '?>', '<%', '%>', '\\', '</script>'],
+            ['<', '>', 'phptagopen', 'phptagclose', 'asptagopen', 'asptagclose', 'backslashtmp', 'scriptclose'],
+            $str,
+        );
+
+        // The highlight_string function requires that the text be surrounded
+        // by PHP tags, which we will remove later
+        $str = highlight_string('<?php ' . $str . ' ?>', true);
+
+        // Remove our artificially added PHP, and the syntax highlighting that came with it
+        $str = preg_replace(
+            [
+                '/<span style="color: #([A-Z0-9]+)">&lt;\?php(&nbsp;| )/i',
+                '/(<span style="color: #[A-Z0-9]+">.*?)\?&gt;<\/span>\n<\/span>\n<\/code>/is',
+                '/<span style="color: #[A-Z0-9]+"\><\/span>/i',
+            ],
+            [
+                '<span style="color: #$1">',
+                "$1</span>\n</span>\n</code>",
+                '',
+            ],
+            $str,
+        );
+
+        // Replace our markers back to PHP tags.
+        return str_replace(
+            [
+                'phptagopen',
+                'phptagclose',
+                'asptagopen',
+                'asptagclose',
+                'backslashtmp',
+                'scriptclose',
+            ],
+            [
+                '&lt;?',
+                '?&gt;',
+                '&lt;%',
+                '%&gt;',
+                '\\',
+                '&lt;/script&gt;',
+            ],
+            $str,
+        );
+    }
+}
+
+if (! function_exists('highlight_phrase')) {
+    /**
+     * Phrase Highlighter
+     *
+     * Highlights a phrase within a text string
+     *
+     * @param string $str      the text string
+     * @param string $phrase   the phrase you'd like to highlight
+     * @param string $tagOpen  the opening tag to precede the phrase with
+     * @param string $tagClose the closing tag to end the phrase with
+     */
+    function highlight_phrase(string $str, string $phrase, string $tagOpen = '<mark>', string $tagClose = '</mark>'): string
+    {
+        return ($str !== '' && $phrase !== '') ? preg_replace('/(' . preg_quote($phrase, '/') . ')/i', $tagOpen . '\\1' . $tagClose, $str) : $str;
+    }
+}
+
+if (! function_exists('convert_accented_characters')) {
+    /**
+     * Convert Accented Foreign Characters to ASCII
+     *
+     * @param string $str Input string
+     */
+    function convert_accented_characters(string $str): string
+    {
+        static $arrayFrom, $arrayTo;
+
+        if (! is_array($arrayFrom)) {
+            $config = new ForeignCharacters();
+
+            if ($config->characterList === [] || ! is_array($config->characterList)) {
+                $arrayFrom = [];
+                $arrayTo   = [];
+
+                return $str;
+            }
+            $arrayFrom = array_keys($config->characterList);
+            $arrayTo   = array_values($config->characterList);
+
+            unset($config);
+        }
+
+        return preg_replace($arrayFrom, $arrayTo, $str);
+    }
+}
+
+if (! function_exists('word_wrap')) {
+    /**
+     * Word Wrap
+     *
+     * Wraps text at the specified character. Maintains the integrity of words.
+     * Anything placed between {unwrap}{/unwrap} will not be word wrapped, nor
+     * will URLs.
+     *
+     * @param string $str     the text string
+     * @param int    $charlim = 76    the number of characters to wrap at
+     */
+    function word_wrap(string $str, int $charlim = 76): string
+    {
+        // Reduce multiple spaces
+        $str = preg_replace('| +|', ' ', $str);
+
+        // Standardize newlines
+        if (str_contains($str, "\r")) {
+            $str = str_replace(["\r\n", "\r"], "\n", $str);
+        }
+
+        // If the current word is surrounded by {unwrap} tags we'll
+        // strip the entire chunk and replace it with a marker.
+        $unwrap = [];
+
+        if (preg_match_all('|\{unwrap\}(.+?)\{/unwrap\}|s', $str, $matches) >= 1) {
+            for ($i = 0, $c = count($matches[0]); $i < $c; $i++) {
+                $unwrap[] = $matches[1][$i];
+                $str      = str_replace($matches[0][$i], '{{unwrapped' . $i . '}}', $str);
+            }
+        }
+
+        // Use PHP's native function to do the initial wordwrap.
+        // We set the cut flag to FALSE so that any individual words that are
+        // too long get left alone. In the next step we'll deal with them.
+        $str = wordwrap($str, $charlim, "\n", false);
+
+        // Split the string into individual lines of text and cycle through them
+        $output = '';
+
+        foreach (explode("\n", $str) as $line) {
+            // Is the line within the allowed character count?
+            // If so we'll join it to the output and continue
+            if (mb_strlen($line) <= $charlim) {
+                $output .= $line . "\n";
+
+                continue;
+            }
+
+            $temp = '';
+
+            while (mb_strlen($line) > $charlim) {
+                // If the over-length word is a URL we won't wrap it
+                if (preg_match('!\[url.+\]|://|www\.!', $line)) {
+                    break;
+                }
+                // Trim the word down
+                $temp .= mb_substr($line, 0, $charlim - 1);
+                $line = mb_substr($line, $charlim - 1);
+            }
+
+            // If $temp contains data it means we had to split up an over-length
+            // word into smaller chunks so we'll add it back to our current line
+            if ($temp !== '') {
+                $output .= $temp . "\n" . $line . "\n";
+            } else {
+                $output .= $line . "\n";
+            }
+        }
+
+        // Put our markers back
+        foreach ($unwrap as $key => $val) {
+            $output = str_replace('{{unwrapped' . $key . '}}', $val, $output);
+        }
+
+        // remove any trailing newline
+        return rtrim($output);
+    }
+}
+
+if (! function_exists('ellipsize')) {
+    /**
+     * Ellipsize String
+     *
+     * This function will strip tags from a string, split it at its max_length and ellipsize
+     *
+     * @param string    $str       String to ellipsize
+     * @param int       $maxLength Max length of string
+     * @param float|int $position  int (1|0) or float, .5, .2, etc for position to split
+     * @param string    $ellipsis  ellipsis ; Default '...'
+     *
+     * @return string Ellipsized string
+     */
+    function ellipsize(string $str, int $maxLength, $position = 1, string $ellipsis = '&hellip;'): string
+    {
+        // Strip tags
+        $str = trim(strip_tags($str));
+
+        // Is the string long enough to ellipsize?
+        if (mb_strlen($str) <= $maxLength) {
+            return $str;
+        }
+
+        $beg      = mb_substr($str, 0, (int) floor($maxLength * $position));
+        $position = ($position > 1) ? 1 : $position;
+
+        if ($position === 1) {
+            $end = mb_substr($str, 0, -($maxLength - mb_strlen($beg)));
+        } else {
+            $end = mb_substr($str, -($maxLength - mb_strlen($beg)));
+        }
+
+        return $beg . $ellipsis . $end;
+    }
+}
+
+if (! function_exists('strip_slashes')) {
+    /**
+     * Strip Slashes
+     *
+     * Removes slashes contained in a string or in an array
+     *
+     * @param array|string $str string or array
+     *
+     * @return array|string string or array
+     */
+    function strip_slashes($str)
+    {
+        if (! is_array($str)) {
+            return stripslashes($str);
+        }
+
+        foreach ($str as $key => $val) {
+            $str[$key] = strip_slashes($val);
+        }
+
+        return $str;
+    }
+}
+
+if (! function_exists('strip_quotes')) {
+    /**
+     * Strip Quotes
+     *
+     * Removes single and double quotes from a string
+     */
+    function strip_quotes(string $str): string
+    {
+        return str_replace(['"', "'"], '', $str);
+    }
+}
+
+if (! function_exists('quotes_to_entities')) {
+    /**
+     * Quotes to Entities
+     *
+     * Converts single and double quotes to entities
+     */
+    function quotes_to_entities(string $str): string
+    {
+        return str_replace(["\\'", '"', "'", '"'], ['&#39;', '&quot;', '&#39;', '&quot;'], $str);
+    }
+}
+
+if (! function_exists('reduce_double_slashes')) {
+    /**
+     * Reduce Double Slashes
+     *
+     * Converts double slashes in a string to a single slash,
+     * except those found in http://
+     *
+     * http://www.some-site.com//index.php
+     *
+     * becomes:
+     *
+     * http://www.some-site.com/index.php
+     */
+    function reduce_double_slashes(string $str): string
+    {
+        return preg_replace('#(^|[^:])//+#', '\\1/', $str);
+    }
+}
+
+if (! function_exists('reduce_multiples')) {
+    /**
+     * Reduce Multiples
+     *
+     * Reduces multiple instances of a particular character.  Example:
+     *
+     * Fred, Bill,, Joe, Jimmy
+     *
+     * becomes:
+     *
+     * Fred, Bill, Joe, Jimmy
+     *
+     * @param string $character the character you wish to reduce
+     * @param bool   $trim      TRUE/FALSE - whether to trim the character from the beginning/end
+     */
+    function reduce_multiples(string $str, string $character = ',', bool $trim = false): string
+    {
+        $pattern = '#' . preg_quote($character, '#') . '{2,}#';
+        $str     = preg_replace($pattern, $character, $str);
+
+        return $trim ? trim($str, $character) : $str;
+    }
+}
+
+if (! function_exists('random_string')) {
+    /**
+     * Create a Random String
+     *
+     * Useful for generating passwords or hashes.
+     *
+     * @param string $type Type of random string.  basic, alpha, alnum, numeric, nozero, md5, sha1, and crypto
+     * @param int    $len  Number of characters
+     *
+     * @deprecated The type 'basic', 'md5', and 'sha1' are deprecated. They are not cryptographically secure.
+     */
+    function random_string(string $type = 'alnum', int $len = 8): string
+    {
+        switch ($type) {
+            case 'alnum':
+            case 'nozero':
+            case 'alpha':
+                switch ($type) {
+                    case 'alpha':
+                        $pool = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
+                        break;
+
+                    case 'alnum':
+                        $pool = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
+                        break;
+
+                    case 'nozero':
+                        $pool = '123456789';
+                        break;
+                }
+
+                return _from_random($len, $pool);
+
+            case 'numeric':
+                $max  = 10 ** $len - 1;
+                $rand = random_int(0, $max);
+
+                return sprintf('%0' . $len . 'd', $rand);
+
+            case 'md5':
+                return md5(uniqid((string) mt_rand(), true));
+
+            case 'sha1':
+                return sha1(uniqid((string) mt_rand(), true));
+
+            case 'crypto':
+                if ($len % 2 !== 0) {
+                    throw new InvalidArgumentException(
+                        'You must set an even number to the second parameter when you use `crypto`.',
+                    );
+                }
+
+                return bin2hex(random_bytes($len / 2));
+        }
+
+        // 'basic' type treated as default
+        return (string) mt_rand();
+    }
+}
+
+if (! function_exists('_from_random')) {
+    /**
+     * The following function was derived from code of Symfony (v6.2.7 - 2023-02-28)
+     * https://github.com/symfony/symfony/blob/80cac46a31d4561804c17d101591a4f59e6db3a2/src/Symfony/Component/String/ByteString.php#L45
+     * Code subject to the MIT license (https://github.com/symfony/symfony/blob/v6.2.7/LICENSE).
+     * Copyright (c) 2004-present Fabien Potencier
+     *
+     * The following method was derived from code of the Hack Standard Library (v4.40 - 2020-05-03)
+     * https://github.com/hhvm/hsl/blob/80a42c02f036f72a42f0415e80d6b847f4bf62d5/src/random/private.php#L16
+     * Code subject to the MIT license (https://github.com/hhvm/hsl/blob/master/LICENSE).
+     * Copyright (c) 2004-2020, Facebook, Inc. (https://www.facebook.com/)
+     *
+     * @internal Outside the framework this should not be used directly.
+     */
+    function _from_random(int $length, string $pool): string
+    {
+        if ($length <= 0) {
+            throw new InvalidArgumentException(
+                sprintf('A strictly positive length is expected, "%d" given.', $length),
+            );
+        }
+
+        $poolSize = \strlen($pool);
+        $bits     = (int) ceil(log($poolSize, 2.0));
+        if ($bits <= 0 || $bits > 56) {
+            throw new InvalidArgumentException(
+                'The length of the alphabet must in the [2^1, 2^56] range.',
+            );
+        }
+
+        $string = '';
+
+        while ($length > 0) {
+            $urandomLength = (int) ceil(2 * $length * $bits / 8.0);
+            $data          = random_bytes($urandomLength);
+            $unpackedData  = 0;
+            $unpackedBits  = 0;
+
+            for ($i = 0; $i < $urandomLength && $length > 0; $i++) {
+                // Unpack 8 bits
+                $unpackedData = ($unpackedData << 8) | \ord($data[$i]);
+                $unpackedBits += 8;
+
+                // While we have enough bits to select a character from the alphabet, keep
+                // consuming the random data
+                for (; $unpackedBits >= $bits && $length > 0; $unpackedBits -= $bits) {
+                    $index = ($unpackedData & ((1 << $bits) - 1));
+                    $unpackedData >>= $bits;
+                    // Unfortunately, the alphabet size is not necessarily a power of two.
+                    // Worst case, it is 2^k + 1, which means we need (k+1) bits and we
+                    // have around a 50% chance of missing as k gets larger
+                    if ($index < $poolSize) {
+                        $string .= $pool[$index];
+                        $length--;
+                    }
+                }
+            }
+        }
+
+        return $string;
+    }
+}
+
+if (! function_exists('increment_string')) {
+    /**
+     * Add's _1 to a string or increment the ending number to allow _2, _3, etc
+     *
+     * @param string $str       Required
+     * @param string $separator What should the duplicate number be appended with
+     * @param int    $first     Which number should be used for the first dupe increment
+     */
+    function increment_string(string $str, string $separator = '_', int $first = 1): string
+    {
+        preg_match('/(.+)' . preg_quote($separator, '/') . '([0-9]+)$/', $str, $match);
+
+        return isset($match[2]) ? $match[1] . $separator . ((int) $match[2] + 1) : $str . $separator . $first;
+    }
+}
+
+if (! function_exists('alternator')) {
+    /**
+     * Alternator
+     *
+     * Allows strings to be alternated. See docs...
+     *
+     * @param string ...$args (as many parameters as needed)
+     */
+    function alternator(...$args): string
+    {
+        static $i;
+
+        if (func_num_args() === 0) {
+            $i = 0;
+
+            return '';
+        }
+
+        return $args[($i++ % count($args))];
+    }
+}
+
+if (! function_exists('excerpt')) {
+    /**
+     * Excerpt.
+     *
+     * Allows to extract a piece of text surrounding a word or phrase.
+     *
+     * @param string $text     String to search the phrase
+     * @param string $phrase   Phrase that will be searched for.
+     * @param int    $radius   The amount of characters returned around the phrase.
+     * @param string $ellipsis Ending that will be appended
+     *
+     * If no $phrase is passed, will generate an excerpt of $radius characters
+     * from the beginning of $text.
+     */
+    function excerpt(string $text, ?string $phrase = null, int $radius = 100, string $ellipsis = '...'): string
+    {
+        if (isset($phrase)) {
+            $phrasePosition = mb_stripos($text, $phrase);
+            $phraseLength   = mb_strlen($phrase);
+        } else {
+            $phrasePosition = $radius / 2;
+            $phraseLength   = 1;
+        }
+
+        $beforeWords = explode(' ', mb_substr($text, 0, $phrasePosition));
+        $afterWords  = explode(' ', mb_substr($text, $phrasePosition + $phraseLength));
+
+        $firstPartOutput = ' ';
+        $endPartOutput   = ' ';
+        $count           = 0;
+
+        foreach (array_reverse($beforeWords) as $beforeWord) {
+            $beforeWordLength = mb_strlen($beforeWord);
+
+            if (($beforeWordLength + $count + 1) < $radius) {
+                $firstPartOutput = ' ' . $beforeWord . $firstPartOutput;
+            }
+
+            $count = ++$count + $beforeWordLength;
+        }
+
+        $count = 0;
+
+        foreach ($afterWords as $afterWord) {
+            $afterWordLength = mb_strlen($afterWord);
+
+            if (($afterWordLength + $count + 1) < $radius) {
+                $endPartOutput .= $afterWord . ' ';
+            }
+
+            $count = ++$count + $afterWordLength;
+        }
+
+        $ellPre = $phrase !== null ? $ellipsis : '';
+
+        return str_replace('  ', ' ', $ellPre . $firstPartOutput . $phrase . $endPartOutput . $ellipsis);
+    }
+}
diff --git a/ci4app/system/Helpers/url_helper.php b/ci4app/system/Helpers/url_helper.php
new file mode 100644
index 0000000..4d49447
--- /dev/null
+++ b/ci4app/system/Helpers/url_helper.php
@@ -0,0 +1,536 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+use CodeIgniter\HTTP\CLIRequest;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\SiteURI;
+use CodeIgniter\HTTP\URI;
+use CodeIgniter\Router\Exceptions\RouterException;
+use Config\App;
+
+// CodeIgniter URL Helpers
+
+if (! function_exists('site_url')) {
+    /**
+     * Returns a site URL as defined by the App config.
+     *
+     * @param array|string $relativePath URI string or array of URI segments.
+     * @param string|null  $scheme       URI scheme. E.g., http, ftp. If empty
+     *                                   string '' is set, a protocol-relative
+     *                                   link is returned.
+     * @param App|null     $config       Alternate configuration to use.
+     */
+    function site_url($relativePath = '', ?string $scheme = null, ?App $config = null): string
+    {
+        $currentURI = service('request')->getUri();
+
+        assert($currentURI instanceof SiteURI);
+
+        return $currentURI->siteUrl($relativePath, $scheme, $config);
+    }
+}
+
+if (! function_exists('base_url')) {
+    /**
+     * Returns the base URL as defined by the App config.
+     * Base URLs are trimmed site URLs without the index page.
+     *
+     * @param array|string $relativePath URI string or array of URI segments.
+     * @param string|null  $scheme       URI scheme. E.g., http, ftp. If empty
+     *                                   string '' is set, a protocol-relative
+     *                                   link is returned.
+     */
+    function base_url($relativePath = '', ?string $scheme = null): string
+    {
+        $currentURI = service('request')->getUri();
+
+        assert($currentURI instanceof SiteURI);
+
+        return $currentURI->baseUrl($relativePath, $scheme);
+    }
+}
+
+if (! function_exists('current_url')) {
+    /**
+     * Returns the current full URL based on the Config\App settings and IncomingRequest.
+     *
+     * @param bool                 $returnObject True to return an object instead of a string
+     * @param IncomingRequest|null $request      A request to use when retrieving the path
+     *
+     * @return string|URI When returning string, the query and fragment parts are removed.
+     *                    When returning URI, the query and fragment parts are preserved.
+     */
+    function current_url(bool $returnObject = false, ?IncomingRequest $request = null)
+    {
+        $request ??= service('request');
+        /** @var CLIRequest|IncomingRequest $request */
+        $uri = $request->getUri();
+
+        return $returnObject ? $uri : URI::createURIString($uri->getScheme(), $uri->getAuthority(), $uri->getPath());
+    }
+}
+
+if (! function_exists('previous_url')) {
+    /**
+     * Returns the previous URL the current visitor was on. For security reasons
+     * we first check in a saved session variable, if it exists, and use that.
+     * If that's not available, however, we'll use a sanitized url from $_SERVER['HTTP_REFERER']
+     * which can be set by the user so is untrusted and not set by certain browsers/servers.
+     *
+     * @return string|URI
+     */
+    function previous_url(bool $returnObject = false)
+    {
+        // Grab from the session first, if we have it,
+        // since it's more reliable and safer.
+        if (isset($_SESSION)) {
+            $referer = session('_ci_previous_url');
+        }
+
+        // Otherwise, grab a sanitized version from $_SERVER.
+        $referer ??= request()->getServer('HTTP_REFERER', FILTER_SANITIZE_URL) ?? site_url('/');
+
+        return $returnObject ? new URI($referer) : $referer;
+    }
+}
+
+if (! function_exists('uri_string')) {
+    /**
+     * URL String
+     *
+     * Returns the path part (relative to baseURL) of the current URL
+     */
+    function uri_string(): string
+    {
+        // The value of service('request')->getUri()->getPath() returns
+        // full URI path.
+        $uri = service('request')->getUri();
+
+        $path = $uri instanceof SiteURI ? $uri->getRoutePath() : $uri->getPath();
+
+        return ltrim($path, '/');
+    }
+}
+
+if (! function_exists('index_page')) {
+    /**
+     * Index page
+     *
+     * Returns the "index_page" from your config file
+     *
+     * @param App|null $altConfig Alternate configuration to use
+     */
+    function index_page(?App $altConfig = null): string
+    {
+        // use alternate config if provided, else default one
+        $config = $altConfig ?? config(App::class);
+
+        return $config->indexPage;
+    }
+}
+
+if (! function_exists('anchor')) {
+    /**
+     * Anchor Link
+     *
+     * Creates an anchor based on the local URL.
+     *
+     * @param array|string        $uri        URI string or array of URI segments
+     * @param string              $title      The link title
+     * @param array|object|string $attributes Any attributes
+     * @param App|null            $altConfig  Alternate configuration to use
+     */
+    function anchor($uri = '', string $title = '', $attributes = '', ?App $altConfig = null): string
+    {
+        // use alternate config if provided, else default one
+        $config = $altConfig ?? config(App::class);
+
+        $siteUrl = is_array($uri) ? site_url($uri, null, $config) : (preg_match('#^(\w+:)?//#i', $uri) ? $uri : site_url($uri, null, $config));
+        // eliminate trailing slash
+        $siteUrl = rtrim($siteUrl, '/');
+
+        if ($title === '') {
+            $title = $siteUrl;
+        }
+
+        if ($attributes !== '') {
+            $attributes = stringify_attributes($attributes);
+        }
+
+        return '<a href="' . $siteUrl . '"' . $attributes . '>' . $title . '</a>';
+    }
+}
+
+if (! function_exists('anchor_popup')) {
+    /**
+     * Anchor Link - Pop-up version
+     *
+     * Creates an anchor based on the local URL. The link
+     * opens a new window based on the attributes specified.
+     *
+     * @param string                    $uri        the URL
+     * @param string                    $title      the link title
+     * @param array|false|object|string $attributes any attributes
+     * @param App|null                  $altConfig  Alternate configuration to use
+     */
+    function anchor_popup($uri = '', string $title = '', $attributes = false, ?App $altConfig = null): string
+    {
+        // use alternate config if provided, else default one
+        $config = $altConfig ?? config(App::class);
+
+        $siteUrl = preg_match('#^(\w+:)?//#i', $uri) ? $uri : site_url($uri, null, $config);
+        $siteUrl = rtrim($siteUrl, '/');
+
+        if ($title === '') {
+            $title = $siteUrl;
+        }
+
+        if ($attributes === false) {
+            return '<a href="' . $siteUrl . '" onclick="window.open(\'' . $siteUrl . "', '_blank'); return false;\">" . $title . '</a>';
+        }
+
+        if (! is_array($attributes)) {
+            $attributes = [$attributes];
+
+            // Ref: http://www.w3schools.com/jsref/met_win_open.asp
+            $windowName = '_blank';
+        } elseif (! empty($attributes['window_name'])) {
+            $windowName = $attributes['window_name'];
+            unset($attributes['window_name']);
+        } else {
+            $windowName = '_blank';
+        }
+
+        $atts = [];
+
+        foreach (['width' => '800', 'height' => '600', 'scrollbars' => 'yes', 'menubar' => 'no', 'status' => 'yes', 'resizable' => 'yes', 'screenx' => '0', 'screeny' => '0'] as $key => $val) {
+            $atts[$key] = $attributes[$key] ?? $val;
+            unset($attributes[$key]);
+        }
+
+        $attributes = stringify_attributes($attributes);
+
+        return '<a href="' . $siteUrl
+                . '" onclick="window.open(\'' . $siteUrl . "', '" . $windowName . "', '" . stringify_attributes($atts, true) . "'); return false;\""
+                . $attributes . '>' . $title . '</a>';
+    }
+}
+
+if (! function_exists('mailto')) {
+    /**
+     * Mailto Link
+     *
+     * @param string              $email      the email address
+     * @param string              $title      the link title
+     * @param array|object|string $attributes any attributes
+     */
+    function mailto(string $email, string $title = '', $attributes = ''): string
+    {
+        if (trim($title) === '') {
+            $title = $email;
+        }
+
+        return '<a href="mailto:' . $email . '"' . stringify_attributes($attributes) . '>' . $title . '</a>';
+    }
+}
+
+if (! function_exists('safe_mailto')) {
+    /**
+     * Encoded Mailto Link
+     *
+     * Create a spam-protected mailto link written in Javascript
+     *
+     * @param string              $email      the email address
+     * @param string              $title      the link title
+     * @param array|object|string $attributes any attributes
+     */
+    function safe_mailto(string $email, string $title = '', $attributes = ''): string
+    {
+        $count = 0;
+        if (trim($title) === '') {
+            $title = $email;
+        }
+
+        $x = str_split('<a href="mailto:', 1);
+
+        for ($i = 0, $l = strlen($email); $i < $l; $i++) {
+            $x[] = '|' . ord($email[$i]);
+        }
+
+        $x[] = '"';
+
+        if ($attributes !== '') {
+            if (is_array($attributes)) {
+                foreach ($attributes as $key => $val) {
+                    $x[] = ' ' . $key . '="';
+
+                    for ($i = 0, $l = strlen($val); $i < $l; $i++) {
+                        $x[] = '|' . ord($val[$i]);
+                    }
+
+                    $x[] = '"';
+                }
+            } else {
+                for ($i = 0, $l = mb_strlen($attributes); $i < $l; $i++) {
+                    $x[] = mb_substr($attributes, $i, 1);
+                }
+            }
+        }
+
+        $x[] = '>';
+
+        $temp = [];
+
+        for ($i = 0, $l = strlen($title); $i < $l; $i++) {
+            $ordinal = ord($title[$i]);
+
+            if ($ordinal < 128) {
+                $x[] = '|' . $ordinal;
+            } else {
+                if ($temp === []) {
+                    $count = ($ordinal < 224) ? 2 : 3;
+                }
+
+                $temp[] = $ordinal;
+
+                if (count($temp) === $count) {
+                    $number = ($count === 3) ? (($temp[0] % 16) * 4096) + (($temp[1] % 64) * 64) + ($temp[2] % 64) : (($temp[0] % 32) * 64) + ($temp[1] % 64);
+                    $x[]    = '|' . $number;
+                    $count  = 1;
+                    $temp   = [];
+                }
+            }
+        }
+
+        $x[] = '<';
+        $x[] = '/';
+        $x[] = 'a';
+        $x[] = '>';
+
+        $x = array_reverse($x);
+
+        // improve obfuscation by eliminating newlines & whitespace
+        $cspNonce = csp_script_nonce();
+        $cspNonce = $cspNonce !== '' ? ' ' . $cspNonce : $cspNonce;
+        $output   = '<script' . $cspNonce . '>'
+                . 'var l=new Array();';
+
+        foreach ($x as $i => $value) {
+            $output .= 'l[' . $i . "] = '" . $value . "';";
+        }
+
+        return $output . ('for (var i = l.length-1; i >= 0; i=i-1) {'
+                . "if (l[i].substring(0, 1) === '|') document.write(\"&#\"+unescape(l[i].substring(1))+\";\");"
+                . 'else document.write(unescape(l[i]));'
+                . '}'
+                . '</script>');
+    }
+}
+
+if (! function_exists('auto_link')) {
+    /**
+     * Auto-linker
+     *
+     * Automatically links URL and Email addresses.
+     * Note: There's a bit of extra code here to deal with
+     * URLs or emails that end in a period. We'll strip these
+     * off and add them after the link.
+     *
+     * @param string $str   the string
+     * @param string $type  the type: email, url, or both
+     * @param bool   $popup whether to create pop-up links
+     */
+    function auto_link(string $str, string $type = 'both', bool $popup = false): string
+    {
+        // Find and replace any URLs.
+        if (
+            $type !== 'email'
+            && preg_match_all(
+                '#([a-z][a-z0-9+\-.]*://|www\.)[a-z0-9]+(-+[a-z0-9]+)*(\.[a-z0-9]+(-+[a-z0-9]+)*)+(/([^\s()<>;]+\w)?/?)?#i',
+                $str,
+                $matches,
+                PREG_OFFSET_CAPTURE | PREG_SET_ORDER,
+            ) >= 1
+        ) {
+            // Set our target HTML if using popup links.
+            $target = ($popup) ? ' target="_blank"' : '';
+
+            // We process the links in reverse order (last -> first) so that
+            // the returned string offsets from preg_match_all() are not
+            // moved as we add more HTML.
+            foreach (array_reverse($matches) as $match) {
+                // $match[0] is the matched string/link
+                // $match[1] is either a protocol prefix or 'www.'
+                //
+                // With PREG_OFFSET_CAPTURE, both of the above is an array,
+                // where the actual value is held in [0] and its offset at the [1] index.
+                $a   = '<a href="' . (strpos($match[1][0], '/') ? '' : 'http://') . $match[0][0] . '"' . $target . '>' . $match[0][0] . '</a>';
+                $str = substr_replace($str, $a, $match[0][1], strlen($match[0][0]));
+            }
+        }
+
+        // Find and replace any emails.
+        if (
+            $type !== 'url'
+            && preg_match_all(
+                '#([\w\.\-\+]+@[a-z0-9\-]+\.[a-z0-9\-\.]+[^[:punct:]\s])#i',
+                $str,
+                $matches,
+                PREG_OFFSET_CAPTURE,
+            ) >= 1
+        ) {
+            foreach (array_reverse($matches[0]) as $match) {
+                if (filter_var($match[0], FILTER_VALIDATE_EMAIL) !== false) {
+                    $str = substr_replace($str, safe_mailto($match[0]), $match[1], strlen($match[0]));
+                }
+            }
+        }
+
+        return $str;
+    }
+}
+
+if (! function_exists('prep_url')) {
+    /**
+     * Prep URL - Simply adds the http:// or https:// part if no scheme is included.
+     *
+     * Formerly used URI, but that does not play nicely with URIs missing
+     * the scheme.
+     *
+     * @param string $str    the URL
+     * @param bool   $secure set true if you want to force https://
+     */
+    function prep_url(string $str = '', bool $secure = false): string
+    {
+        if (in_array($str, ['http://', 'https://', '//', ''], true)) {
+            return '';
+        }
+
+        if (parse_url($str, PHP_URL_SCHEME) === null) {
+            $str = 'http://' . ltrim($str, '/');
+        }
+
+        // force replace http:// with https://
+        if ($secure) {
+            $str = preg_replace('/^(?:http):/i', 'https:', $str);
+        }
+
+        return $str;
+    }
+}
+
+if (! function_exists('url_title')) {
+    /**
+     * Create URL Title
+     *
+     * Takes a "title" string as input and creates a
+     * human-friendly URL string with a "separator" string
+     * as the word separator.
+     *
+     * @param string $str       Input string
+     * @param string $separator Word separator (usually '-' or '_')
+     * @param bool   $lowercase Whether to transform the output string to lowercase
+     */
+    function url_title(string $str, string $separator = '-', bool $lowercase = false): string
+    {
+        $qSeparator = preg_quote($separator, '#');
+
+        $trans = [
+            '&.+?;'                  => '',
+            '[^\w\d\pL\pM _-]'       => '',
+            '\s+'                    => $separator,
+            '(' . $qSeparator . ')+' => $separator,
+        ];
+
+        $str = strip_tags($str);
+
+        foreach ($trans as $key => $val) {
+            $str = preg_replace('#' . $key . '#iu', $val, $str);
+        }
+
+        if ($lowercase) {
+            $str = mb_strtolower($str);
+        }
+
+        return trim(trim($str, $separator));
+    }
+}
+
+if (! function_exists('mb_url_title')) {
+    /**
+     * Create URL Title that takes into account accented characters
+     *
+     * Takes a "title" string as input and creates a
+     * human-friendly URL string with a "separator" string
+     * as the word separator.
+     *
+     * @param string $str       Input string
+     * @param string $separator Word separator (usually '-' or '_')
+     * @param bool   $lowercase Whether to transform the output string to lowercase
+     */
+    function mb_url_title(string $str, string $separator = '-', bool $lowercase = false): string
+    {
+        helper('text');
+
+        return url_title(convert_accented_characters($str), $separator, $lowercase);
+    }
+}
+
+if (! function_exists('url_to')) {
+    /**
+     * Get the full, absolute URL to a route name or controller method
+     * (with additional arguments)
+     *
+     * NOTE: This requires the controller/method to
+     * have a route defined in the routes Config file.
+     *
+     * @param string     $controller Route name or Controller::method
+     * @param int|string ...$args    One or more parameters to be passed to the route.
+     *                               The last parameter allows you to set the locale.
+     *
+     * @throws RouterException
+     */
+    function url_to(string $controller, ...$args): string
+    {
+        if (! $route = route_to($controller, ...$args)) {
+            $explode = explode('::', $controller);
+
+            if (isset($explode[1])) {
+                throw RouterException::forControllerNotFound($explode[0], $explode[1]);
+            }
+
+            throw RouterException::forInvalidRoute($controller);
+        }
+
+        return site_url($route);
+    }
+}
+
+if (! function_exists('url_is')) {
+    /**
+     * Determines if current url path contains
+     * the given path. It may contain a wildcard (*)
+     * which will allow any valid character.
+     *
+     * Example:
+     *   if (url_is('admin*')) ...
+     */
+    function url_is(string $path): bool
+    {
+        // Setup our regex to allow wildcards
+        $path        = '/' . trim(str_replace('*', '(\S)*', $path), '/ ');
+        $currentPath = '/' . trim(uri_string(), '/ ');
+
+        return (bool) preg_match("|^{$path}$|", $currentPath, $matches);
+    }
+}
diff --git a/ci4app/system/Helpers/xml_helper.php b/ci4app/system/Helpers/xml_helper.php
new file mode 100644
index 0000000..70c9f40
--- /dev/null
+++ b/ci4app/system/Helpers/xml_helper.php
@@ -0,0 +1,61 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// CodeIgniter XML Helpers
+
+if (! function_exists('xml_convert')) {
+    /**
+     * Convert Reserved XML characters to Entities
+     */
+    function xml_convert(string $str, bool $protectAll = false): string
+    {
+        $temp = '__TEMP_AMPERSANDS__';
+
+        // Replace entities to temporary markers so that
+        // ampersands won't get messed up
+        $str = preg_replace('/&#(\d+);/', $temp . '\\1;', $str);
+
+        if ($protectAll) {
+            $str = preg_replace('/&(\w+);/', $temp . '\\1;', $str);
+        }
+
+        $original = [
+            '&',
+            '<',
+            '>',
+            '"',
+            "'",
+            '-',
+        ];
+
+        $replacement = [
+            '&amp;',
+            '&lt;',
+            '&gt;',
+            '&quot;',
+            '&apos;',
+            '&#45;',
+        ];
+
+        $str = str_replace($original, $replacement, $str);
+
+        // Decode the temp markers back to entities
+        $str = preg_replace('/' . $temp . '(\d+);/', '&#\\1;', $str);
+
+        if ($protectAll) {
+            return preg_replace('/' . $temp . '(\w+);/', '&\\1;', $str);
+        }
+
+        return $str;
+    }
+}
diff --git a/ci4app/system/Honeypot/Exceptions/HoneypotException.php b/ci4app/system/Honeypot/Exceptions/HoneypotException.php
new file mode 100644
index 0000000..7ff493e
--- /dev/null
+++ b/ci4app/system/Honeypot/Exceptions/HoneypotException.php
@@ -0,0 +1,59 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Honeypot\Exceptions;
+
+use CodeIgniter\Exceptions\ConfigException;
+
+class HoneypotException extends ConfigException
+{
+    /**
+     * Thrown when the template value of config is empty.
+     *
+     * @return static
+     */
+    public static function forNoTemplate()
+    {
+        return new static(lang('Honeypot.noTemplate'));
+    }
+
+    /**
+     * Thrown when the name value of config is empty.
+     *
+     * @return static
+     */
+    public static function forNoNameField()
+    {
+        return new static(lang('Honeypot.noNameField'));
+    }
+
+    /**
+     * Thrown when the hidden value of config is false.
+     *
+     * @return static
+     */
+    public static function forNoHiddenValue()
+    {
+        return new static(lang('Honeypot.noHiddenValue'));
+    }
+
+    /**
+     * Thrown when there are no data in the request of honeypot field.
+     *
+     * @return static
+     */
+    public static function isBot()
+    {
+        return new static(lang('Honeypot.theClientIsABot'));
+    }
+}
diff --git a/ci4app/system/Honeypot/Honeypot.php b/ci4app/system/Honeypot/Honeypot.php
new file mode 100644
index 0000000..1b09da4
--- /dev/null
+++ b/ci4app/system/Honeypot/Honeypot.php
@@ -0,0 +1,121 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Honeypot;
+
+use CodeIgniter\Honeypot\Exceptions\HoneypotException;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use Config\Honeypot as HoneypotConfig;
+
+/**
+ * class Honeypot
+ *
+ * @see \CodeIgniter\Honeypot\HoneypotTest
+ */
+class Honeypot
+{
+    /**
+     * Our configuration.
+     *
+     * @var HoneypotConfig
+     */
+    protected $config;
+
+    /**
+     * Constructor.
+     *
+     * @throws HoneypotException
+     */
+    public function __construct(HoneypotConfig $config)
+    {
+        $this->config = $config;
+
+        if ($this->config->container === '' || ! str_contains($this->config->container, '{template}')) {
+            $this->config->container = '<div style="display:none">{template}</div>';
+        }
+
+        $this->config->containerId ??= 'hpc';
+
+        if ($this->config->template === '') {
+            throw HoneypotException::forNoTemplate();
+        }
+
+        if ($this->config->name === '') {
+            throw HoneypotException::forNoNameField();
+        }
+    }
+
+    /**
+     * Checks the request if honeypot field has data.
+     *
+     * @return bool
+     */
+    public function hasContent(RequestInterface $request)
+    {
+        assert($request instanceof IncomingRequest);
+
+        return ! empty($request->getPost($this->config->name));
+    }
+
+    /**
+     * Attaches Honeypot template to response.
+     *
+     * @return void
+     */
+    public function attachHoneypot(ResponseInterface $response)
+    {
+        if ($response->getBody() === null) {
+            return;
+        }
+
+        if ($response->getCSP()->enabled()) {
+            // Add id attribute to the container tag.
+            $this->config->container = str_ireplace(
+                '>{template}',
+                ' id="' . $this->config->containerId . '">{template}',
+                $this->config->container,
+            );
+        }
+
+        $prepField = $this->prepareTemplate($this->config->template);
+
+        $bodyBefore = $response->getBody();
+        $bodyAfter  = str_ireplace('</form>', $prepField . '</form>', $bodyBefore);
+
+        if ($response->getCSP()->enabled() && ($bodyBefore !== $bodyAfter)) {
+            // Add style tag for the container tag in the head tag.
+            $style     = '<style ' . csp_style_nonce() . '>#' . $this->config->containerId . ' { display:none }</style>';
+            $bodyAfter = str_ireplace('</head>', $style . '</head>', $bodyAfter);
+        }
+
+        $response->setBody($bodyAfter);
+    }
+
+    /**
+     * Prepares the template by adding label
+     * content and field name.
+     */
+    protected function prepareTemplate(string $template): string
+    {
+        $template = str_ireplace('{label}', $this->config->label, $template);
+        $template = str_ireplace('{name}', $this->config->name, $template);
+
+        if ($this->config->hidden) {
+            $template = str_ireplace('{template}', $template, $this->config->container);
+        }
+
+        return $template;
+    }
+}
diff --git a/ci4app/system/HotReloader/DirectoryHasher.php b/ci4app/system/HotReloader/DirectoryHasher.php
new file mode 100644
index 0000000..0910f2f
--- /dev/null
+++ b/ci4app/system/HotReloader/DirectoryHasher.php
@@ -0,0 +1,82 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HotReloader;
+
+use CodeIgniter\Exceptions\FrameworkException;
+use Config\Toolbar;
+use FilesystemIterator;
+use RecursiveDirectoryIterator;
+use RecursiveIteratorIterator;
+
+/**
+ * @internal
+ * @see \CodeIgniter\HotReloader\DirectoryHasherTest
+ */
+final class DirectoryHasher
+{
+    /**
+     * Generates an md5 value of all directories that are watched by the
+     * Hot Reloader, as defined in the Config\Toolbar.
+     *
+     * This is the current app fingerprint.
+     */
+    public function hash(): string
+    {
+        return md5(implode('', $this->hashApp()));
+    }
+
+    /**
+     * Generates an array of md5 hashes for all directories that are
+     * watched by the Hot Reloader, as defined in the Config\Toolbar.
+     */
+    public function hashApp(): array
+    {
+        $hashes = [];
+
+        $watchedDirectories = config(Toolbar::class)->watchedDirectories;
+
+        foreach ($watchedDirectories as $directory) {
+            if (is_dir(ROOTPATH . $directory)) {
+                $hashes[$directory] = $this->hashDirectory(ROOTPATH . $directory);
+            }
+        }
+
+        return array_unique(array_filter($hashes));
+    }
+
+    /**
+     * Generates an md5 hash of a given directory and all of its files
+     * that match the watched extensions defined in Config\Toolbar.
+     */
+    public function hashDirectory(string $path): string
+    {
+        if (! is_dir($path)) {
+            throw FrameworkException::forInvalidDirectory($path);
+        }
+
+        $directory = new RecursiveDirectoryIterator($path, FilesystemIterator::SKIP_DOTS);
+        $filter    = new IteratorFilter($directory);
+        $iterator  = new RecursiveIteratorIterator($filter);
+
+        $hashes = [];
+
+        foreach ($iterator as $file) {
+            if ($file->isFile()) {
+                $hashes[] = md5_file($file->getRealPath());
+            }
+        }
+
+        return md5(implode('', $hashes));
+    }
+}
diff --git a/ci4app/system/HotReloader/HotReloader.php b/ci4app/system/HotReloader/HotReloader.php
new file mode 100644
index 0000000..305e641
--- /dev/null
+++ b/ci4app/system/HotReloader/HotReloader.php
@@ -0,0 +1,73 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HotReloader;
+
+/**
+ * @internal
+ */
+final class HotReloader
+{
+    public function run(): void
+    {
+        if (session_status() === PHP_SESSION_ACTIVE) {
+            session_write_close();
+        }
+
+        ini_set('zlib.output_compression', 'Off');
+
+        header('Cache-Control: no-store');
+        header('Content-Type: text/event-stream');
+        header('Access-Control-Allow-Methods: GET');
+
+        ob_end_clean();
+        set_time_limit(0);
+
+        $hasher  = new DirectoryHasher();
+        $appHash = $hasher->hash();
+
+        while (true) {
+            if (connection_status() !== CONNECTION_NORMAL || connection_aborted() === 1) {
+                break;
+            }
+
+            $currentHash = $hasher->hash();
+
+            // If hash has changed, tell the browser to reload.
+            if ($currentHash !== $appHash) {
+                $appHash = $currentHash;
+
+                $this->sendEvent('reload', ['time' => date('Y-m-d H:i:s')]);
+                break;
+            }
+
+            if (mt_rand(1, 10) > 8) {
+                $this->sendEvent('ping', ['time' => date('Y-m-d H:i:s')]);
+            }
+
+            sleep(1);
+        }
+    }
+
+    /**
+     * Send an event to the browser.
+     */
+    private function sendEvent(string $event, array $data): void
+    {
+        echo "event: {$event}\n";
+        echo 'data: ' . json_encode($data) . "\n\n";
+
+        ob_flush();
+        flush();
+    }
+}
diff --git a/ci4app/system/HotReloader/IteratorFilter.php b/ci4app/system/HotReloader/IteratorFilter.php
new file mode 100644
index 0000000..983e129
--- /dev/null
+++ b/ci4app/system/HotReloader/IteratorFilter.php
@@ -0,0 +1,57 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\HotReloader;
+
+use Config\Toolbar;
+use RecursiveFilterIterator;
+use RecursiveIterator;
+
+/**
+ * @internal
+ *
+ * @psalm-suppress MissingTemplateParam
+ */
+final class IteratorFilter extends RecursiveFilterIterator implements RecursiveIterator
+{
+    private array $watchedExtensions = [];
+
+    public function __construct(RecursiveIterator $iterator)
+    {
+        parent::__construct($iterator);
+
+        $this->watchedExtensions = config(Toolbar::class)->watchedExtensions;
+    }
+
+    /**
+     * Apply filters to the files in the iterator.
+     */
+    public function accept(): bool
+    {
+        if (! $this->current()->isFile()) {
+            return true;
+        }
+
+        $filename = $this->current()->getFilename();
+
+        // Skip hidden files and directories.
+        if ($filename[0] === '.') {
+            return false;
+        }
+
+        // Only consume files of interest.
+        $ext = trim(strtolower($this->current()->getExtension()), '. ');
+
+        return in_array($ext, $this->watchedExtensions, true);
+    }
+}
diff --git a/ci4app/system/I18n/Exceptions/I18nException.php b/ci4app/system/I18n/Exceptions/I18nException.php
new file mode 100644
index 0000000..79c9e83
--- /dev/null
+++ b/ci4app/system/I18n/Exceptions/I18nException.php
@@ -0,0 +1,99 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\I18n\Exceptions;
+
+use CodeIgniter\Exceptions\FrameworkException;
+
+/**
+ * I18nException
+ */
+class I18nException extends FrameworkException
+{
+    /**
+     * Thrown when createFromFormat fails to receive a valid
+     * DateTime back from DateTime::createFromFormat.
+     *
+     * @return static
+     */
+    public static function forInvalidFormat(string $format)
+    {
+        return new static(lang('Time.invalidFormat', [$format]));
+    }
+
+    /**
+     * Thrown when the numeric representation of the month falls
+     * outside the range of allowed months.
+     *
+     * @return static
+     */
+    public static function forInvalidMonth(string $month)
+    {
+        return new static(lang('Time.invalidMonth', [$month]));
+    }
+
+    /**
+     * Thrown when the supplied day falls outside the range
+     * of allowed days.
+     *
+     * @return static
+     */
+    public static function forInvalidDay(string $day)
+    {
+        return new static(lang('Time.invalidDay', [$day]));
+    }
+
+    /**
+     * Thrown when the day provided falls outside the allowed
+     * last day for the given month.
+     *
+     * @return static
+     */
+    public static function forInvalidOverDay(string $lastDay, string $day)
+    {
+        return new static(lang('Time.invalidOverDay', [$lastDay, $day]));
+    }
+
+    /**
+     * Thrown when the supplied hour falls outside the
+     * range of allowed hours.
+     *
+     * @return static
+     */
+    public static function forInvalidHour(string $hour)
+    {
+        return new static(lang('Time.invalidHour', [$hour]));
+    }
+
+    /**
+     * Thrown when the supplied minutes falls outside the
+     * range of allowed minutes.
+     *
+     * @return static
+     */
+    public static function forInvalidMinutes(string $minutes)
+    {
+        return new static(lang('Time.invalidMinutes', [$minutes]));
+    }
+
+    /**
+     * Thrown when the supplied seconds falls outside the
+     * range of allowed seconds.
+     *
+     * @return static
+     */
+    public static function forInvalidSeconds(string $seconds)
+    {
+        return new static(lang('Time.invalidSeconds', [$seconds]));
+    }
+}
diff --git a/ci4app/system/I18n/Time.php b/ci4app/system/I18n/Time.php
new file mode 100644
index 0000000..255f879
--- /dev/null
+++ b/ci4app/system/I18n/Time.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\I18n;
+
+use DateTimeImmutable;
+use Stringable;
+
+/**
+ * A localized date/time package inspired
+ * by Nesbot/Carbon and CakePHP/Chronos.
+ *
+ * Requires the intl PHP extension.
+ *
+ * @property-read int    $age
+ * @property-read string $day
+ * @property-read string $dayOfWeek
+ * @property-read string $dayOfYear
+ * @property-read bool   $dst
+ * @property-read string $hour
+ * @property-read bool   $local
+ * @property-read string $minute
+ * @property-read string $month
+ * @property-read string $quarter
+ * @property-read string $second
+ * @property-read int    $timestamp
+ * @property-read bool   $utc
+ * @property-read string $weekOfMonth
+ * @property-read string $weekOfYear
+ * @property-read string $year
+ *
+ * @phpstan-consistent-constructor
+ *
+ * @see \CodeIgniter\I18n\TimeTest
+ */
+class Time extends DateTimeImmutable implements Stringable
+{
+    use TimeTrait;
+}
diff --git a/ci4app/system/I18n/TimeDifference.php b/ci4app/system/I18n/TimeDifference.php
new file mode 100644
index 0000000..b51baf2
--- /dev/null
+++ b/ci4app/system/I18n/TimeDifference.php
@@ -0,0 +1,312 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\I18n;
+
+use DateTime;
+use IntlCalendar;
+
+/**
+ * @property-read float|int $days
+ * @property-read float|int $hours
+ * @property-read float|int $minutes
+ * @property-read float|int $months
+ * @property-read int       $seconds
+ * @property-read float|int $weeks
+ * @property-read float|int $years
+ *
+ * @see \CodeIgniter\I18n\TimeDifferenceTest
+ */
+class TimeDifference
+{
+    /**
+     * The timestamp of the "current" time.
+     *
+     * @var IntlCalendar
+     */
+    protected $currentTime;
+
+    /**
+     * The timestamp to compare the current time to.
+     *
+     * @var float
+     */
+    protected $testTime;
+
+    /**
+     * Eras.
+     *
+     * @var float
+     */
+    protected $eras = 0;
+
+    /**
+     * Years.
+     *
+     * @var float
+     */
+    protected $years = 0;
+
+    /**
+     * Months.
+     *
+     * @var float
+     */
+    protected $months = 0;
+
+    /**
+     * Weeks.
+     *
+     * @var int
+     */
+    protected $weeks = 0;
+
+    /**
+     * Days.
+     *
+     * @var int
+     */
+    protected $days = 0;
+
+    /**
+     * Hours.
+     *
+     * @var int
+     */
+    protected $hours = 0;
+
+    /**
+     * Minutes.
+     *
+     * @var int
+     */
+    protected $minutes = 0;
+
+    /**
+     * Seconds.
+     *
+     * @var int
+     */
+    protected $seconds = 0;
+
+    /**
+     * Difference in seconds.
+     *
+     * @var int
+     */
+    protected $difference;
+
+    /**
+     * Note: both parameters are required to be in the same timezone. No timezone
+     * shifting is done internally.
+     */
+    public function __construct(DateTime $currentTime, DateTime $testTime)
+    {
+        $this->difference = $currentTime->getTimestamp() - $testTime->getTimestamp();
+
+        $current = IntlCalendar::fromDateTime($currentTime);
+        $time    = IntlCalendar::fromDateTime($testTime)->getTime();
+
+        $this->currentTime = $current;
+        $this->testTime    = $time;
+    }
+
+    /**
+     * Returns the number of years of difference between the two.
+     *
+     * @return float|int
+     */
+    public function getYears(bool $raw = false)
+    {
+        if ($raw) {
+            return $this->difference / YEAR;
+        }
+
+        $time = clone $this->currentTime;
+
+        return $time->fieldDifference($this->testTime, IntlCalendar::FIELD_YEAR);
+    }
+
+    /**
+     * Returns the number of months difference between the two dates.
+     *
+     * @return float|int
+     */
+    public function getMonths(bool $raw = false)
+    {
+        if ($raw) {
+            return $this->difference / MONTH;
+        }
+
+        $time = clone $this->currentTime;
+
+        return $time->fieldDifference($this->testTime, IntlCalendar::FIELD_MONTH);
+    }
+
+    /**
+     * Returns the number of weeks difference between the two dates.
+     *
+     * @return float|int
+     */
+    public function getWeeks(bool $raw = false)
+    {
+        if ($raw) {
+            return $this->difference / WEEK;
+        }
+
+        $time = clone $this->currentTime;
+
+        return (int) ($time->fieldDifference($this->testTime, IntlCalendar::FIELD_DAY_OF_YEAR) / 7);
+    }
+
+    /**
+     * Returns the number of days difference between the two dates.
+     *
+     * @return float|int
+     */
+    public function getDays(bool $raw = false)
+    {
+        if ($raw) {
+            return $this->difference / DAY;
+        }
+
+        $time = clone $this->currentTime;
+
+        return $time->fieldDifference($this->testTime, IntlCalendar::FIELD_DAY_OF_YEAR);
+    }
+
+    /**
+     * Returns the number of hours difference between the two dates.
+     *
+     * @return float|int
+     */
+    public function getHours(bool $raw = false)
+    {
+        if ($raw) {
+            return $this->difference / HOUR;
+        }
+
+        $time = clone $this->currentTime;
+
+        return $time->fieldDifference($this->testTime, IntlCalendar::FIELD_HOUR_OF_DAY);
+    }
+
+    /**
+     * Returns the number of minutes difference between the two dates.
+     *
+     * @return float|int
+     */
+    public function getMinutes(bool $raw = false)
+    {
+        if ($raw) {
+            return $this->difference / MINUTE;
+        }
+
+        $time = clone $this->currentTime;
+
+        return $time->fieldDifference($this->testTime, IntlCalendar::FIELD_MINUTE);
+    }
+
+    /**
+     * Returns the number of seconds difference between the two dates.
+     *
+     * @return int
+     */
+    public function getSeconds(bool $raw = false)
+    {
+        if ($raw) {
+            return $this->difference;
+        }
+
+        $time = clone $this->currentTime;
+
+        return $time->fieldDifference($this->testTime, IntlCalendar::FIELD_SECOND);
+    }
+
+    /**
+     * Convert the time to human readable format
+     */
+    public function humanize(?string $locale = null): string
+    {
+        $current = clone $this->currentTime;
+
+        $years   = $current->fieldDifference($this->testTime, IntlCalendar::FIELD_YEAR);
+        $months  = $current->fieldDifference($this->testTime, IntlCalendar::FIELD_MONTH);
+        $days    = $current->fieldDifference($this->testTime, IntlCalendar::FIELD_DAY_OF_YEAR);
+        $hours   = $current->fieldDifference($this->testTime, IntlCalendar::FIELD_HOUR_OF_DAY);
+        $minutes = $current->fieldDifference($this->testTime, IntlCalendar::FIELD_MINUTE);
+
+        $phrase = null;
+
+        if ($years !== 0) {
+            $phrase = lang('Time.years', [abs($years)], $locale);
+            $before = $years < 0;
+        } elseif ($months !== 0) {
+            $phrase = lang('Time.months', [abs($months)], $locale);
+            $before = $months < 0;
+        } elseif ($days !== 0 && (abs($days) >= 7)) {
+            $weeks  = ceil($days / 7);
+            $phrase = lang('Time.weeks', [abs($weeks)], $locale);
+            $before = $days < 0;
+        } elseif ($days !== 0) {
+            $phrase = lang('Time.days', [abs($days)], $locale);
+            $before = $days < 0;
+        } elseif ($hours !== 0) {
+            $phrase = lang('Time.hours', [abs($hours)], $locale);
+            $before = $hours < 0;
+        } elseif ($minutes !== 0) {
+            $phrase = lang('Time.minutes', [abs($minutes)], $locale);
+            $before = $minutes < 0;
+        } else {
+            return lang('Time.now', [], $locale);
+        }
+
+        return $before
+            ? lang('Time.ago', [$phrase], $locale)
+            : lang('Time.inFuture', [$phrase], $locale);
+    }
+
+    /**
+     * Allow property-like access to our calculated values.
+     *
+     * @param string $name
+     *
+     * @return float|int|null
+     */
+    public function __get($name)
+    {
+        $name   = ucfirst(strtolower($name));
+        $method = "get{$name}";
+
+        if (method_exists($this, $method)) {
+            return $this->{$method}();
+        }
+
+        return null;
+    }
+
+    /**
+     * Allow property-like checking for our calculated values.
+     *
+     * @param string $name
+     *
+     * @return bool
+     */
+    public function __isset($name)
+    {
+        $name   = ucfirst(strtolower($name));
+        $method = "get{$name}";
+
+        return method_exists($this, $method);
+    }
+}
diff --git a/ci4app/system/I18n/TimeLegacy.php b/ci4app/system/I18n/TimeLegacy.php
new file mode 100644
index 0000000..7dfa052
--- /dev/null
+++ b/ci4app/system/I18n/TimeLegacy.php
@@ -0,0 +1,69 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\I18n;
+
+use DateTime;
+use Exception;
+use ReturnTypeWillChange;
+
+/**
+ * Legacy Time class.
+ *
+ * This class is only for backward compatibility. Do not use.
+ * This is not immutable! Some methods are immutable,
+ * but some methods can alter the state.
+ *
+ * @property int    $age         read-only
+ * @property string $day         read-only
+ * @property string $dayOfWeek   read-only
+ * @property string $dayOfYear   read-only
+ * @property bool   $dst         read-only
+ * @property string $hour        read-only
+ * @property bool   $local       read-only
+ * @property string $minute      read-only
+ * @property string $month       read-only
+ * @property string $quarter     read-only
+ * @property string $second      read-only
+ * @property int    $timestamp   read-only
+ * @property bool   $utc         read-only
+ * @property string $weekOfMonth read-only
+ * @property string $weekOfYear  read-only
+ * @property string $year        read-only
+ *
+ * @phpstan-consistent-constructor
+ *
+ * @deprecated Use Time instead.
+ * @see \CodeIgniter\I18n\TimeLegacyTest
+ */
+class TimeLegacy extends DateTime
+{
+    use TimeTrait;
+
+    /**
+     * Returns a new instance with the date set to the new timestamp.
+     *
+     * @param int $timestamp
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    #[ReturnTypeWillChange]
+    public function setTimestamp($timestamp)
+    {
+        $time = date('Y-m-d H:i:s', $timestamp);
+
+        return static::parse($time, $this->timezone, $this->locale);
+    }
+}
diff --git a/ci4app/system/I18n/TimeTrait.php b/ci4app/system/I18n/TimeTrait.php
new file mode 100644
index 0000000..42278c9
--- /dev/null
+++ b/ci4app/system/I18n/TimeTrait.php
@@ -0,0 +1,1207 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\I18n;
+
+use CodeIgniter\I18n\Exceptions\I18nException;
+use DateInterval;
+use DateTime;
+use DateTimeImmutable;
+use DateTimeInterface;
+use DateTimeZone;
+use Exception;
+use IntlCalendar;
+use IntlDateFormatter;
+use Locale;
+use ReturnTypeWillChange;
+
+/**
+ * This trait has properties and methods for Time and TimeLegacy.
+ * When TimeLegacy is removed, this will be in Time.
+ */
+trait TimeTrait
+{
+    /**
+     * @var DateTimeZone|string
+     */
+    protected $timezone;
+
+    /**
+     * @var string
+     */
+    protected $locale;
+
+    /**
+     * Format to use when displaying datetime through __toString
+     *
+     * @var string
+     */
+    protected $toStringFormat = 'yyyy-MM-dd HH:mm:ss';
+
+    /**
+     * Used to check time string to determine if it is relative time or not....
+     *
+     * @var string
+     */
+    protected static $relativePattern = '/this|next|last|tomorrow|yesterday|midnight|today|[+-]|first|last|ago/i';
+
+    /**
+     * @var DateTimeInterface|static|null
+     */
+    protected static $testNow;
+
+    // --------------------------------------------------------------------
+    // Constructors
+    // --------------------------------------------------------------------
+
+    /**
+     * Time constructor.
+     *
+     * @param DateTimeZone|string|null $timezone
+     *
+     * @throws Exception
+     */
+    public function __construct(?string $time = null, $timezone = null, ?string $locale = null)
+    {
+        $this->locale = $locale !== null && $locale !== '' && $locale !== '0' ? $locale : Locale::getDefault();
+
+        $time ??= '';
+
+        // If a test instance has been provided, use it instead.
+        if ($time === '' && static::$testNow instanceof static) {
+            if ($timezone !== null) {
+                $testNow = static::$testNow->setTimezone($timezone);
+                $time    = $testNow->format('Y-m-d H:i:s.u');
+            } else {
+                $timezone = static::$testNow->getTimezone();
+                $time     = static::$testNow->format('Y-m-d H:i:s.u');
+            }
+        }
+
+        $timezone       = $timezone ?: date_default_timezone_get();
+        $this->timezone = $timezone instanceof DateTimeZone ? $timezone : new DateTimeZone($timezone);
+
+        // If the time string was a relative string (i.e. 'next Tuesday')
+        // then we need to adjust the time going in so that we have a current
+        // timezone to work with.
+        if ($time !== '' && static::hasRelativeKeywords($time)) {
+            $instance = new DateTime('now', $this->timezone);
+            $instance->modify($time);
+            $time = $instance->format('Y-m-d H:i:s.u');
+        }
+
+        parent::__construct($time, $this->timezone);
+    }
+
+    /**
+     * Returns a new Time instance with the timezone set.
+     *
+     * @param DateTimeZone|string|null $timezone
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    public static function now($timezone = null, ?string $locale = null)
+    {
+        return new static(null, $timezone, $locale);
+    }
+
+    /**
+     * Returns a new Time instance while parsing a datetime string.
+     *
+     * Example:
+     *  $time = Time::parse('first day of December 2008');
+     *
+     * @param DateTimeZone|string|null $timezone
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    public static function parse(string $datetime, $timezone = null, ?string $locale = null)
+    {
+        return new static($datetime, $timezone, $locale);
+    }
+
+    /**
+     * Return a new time with the time set to midnight.
+     *
+     * @param DateTimeZone|string|null $timezone
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    public static function today($timezone = null, ?string $locale = null)
+    {
+        return new static(date('Y-m-d 00:00:00'), $timezone, $locale);
+    }
+
+    /**
+     * Returns an instance set to midnight yesterday morning.
+     *
+     * @param DateTimeZone|string|null $timezone
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    public static function yesterday($timezone = null, ?string $locale = null)
+    {
+        return new static(date('Y-m-d 00:00:00', strtotime('-1 day')), $timezone, $locale);
+    }
+
+    /**
+     * Returns an instance set to midnight tomorrow morning.
+     *
+     * @param DateTimeZone|string|null $timezone
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    public static function tomorrow($timezone = null, ?string $locale = null)
+    {
+        return new static(date('Y-m-d 00:00:00', strtotime('+1 day')), $timezone, $locale);
+    }
+
+    /**
+     * Returns a new instance based on the year, month and day. If any of those three
+     * are left empty, will default to the current value.
+     *
+     * @param DateTimeZone|string|null $timezone
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    public static function createFromDate(?int $year = null, ?int $month = null, ?int $day = null, $timezone = null, ?string $locale = null)
+    {
+        return static::create($year, $month, $day, null, null, null, $timezone, $locale);
+    }
+
+    /**
+     * Returns a new instance with the date set to today, and the time set to the values passed in.
+     *
+     * @param DateTimeZone|string|null $timezone
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    public static function createFromTime(?int $hour = null, ?int $minutes = null, ?int $seconds = null, $timezone = null, ?string $locale = null)
+    {
+        return static::create(null, null, null, $hour, $minutes, $seconds, $timezone, $locale);
+    }
+
+    /**
+     * Returns a new instance with the date time values individually set.
+     *
+     * @param DateTimeZone|string|null $timezone
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    public static function create(
+        ?int $year = null,
+        ?int $month = null,
+        ?int $day = null,
+        ?int $hour = null,
+        ?int $minutes = null,
+        ?int $seconds = null,
+        $timezone = null,
+        ?string $locale = null,
+    ) {
+        $year ??= date('Y');
+        $month ??= date('m');
+        $day ??= date('d');
+        $hour ??= 0;
+        $minutes ??= 0;
+        $seconds ??= 0;
+
+        return new static(date('Y-m-d H:i:s', strtotime("{$year}-{$month}-{$day} {$hour}:{$minutes}:{$seconds}")), $timezone, $locale);
+    }
+
+    /**
+     * Provides a replacement for DateTime's own createFromFormat function, that provides
+     * more flexible timeZone handling
+     *
+     * @param string                   $format
+     * @param string                   $datetime
+     * @param DateTimeZone|string|null $timezone
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    #[ReturnTypeWillChange]
+    public static function createFromFormat($format, $datetime, $timezone = null)
+    {
+        if (! $date = parent::createFromFormat($format, $datetime)) {
+            throw I18nException::forInvalidFormat($format);
+        }
+
+        return new static($date->format('Y-m-d H:i:s.u'), $timezone);
+    }
+
+    /**
+     * Returns a new instance with the datetime set based on the provided UNIX timestamp.
+     *
+     * @param DateTimeZone|string|null $timezone
+     *
+     * @throws Exception
+     */
+    public static function createFromTimestamp(float|int $timestamp, $timezone = null, ?string $locale = null): static
+    {
+        $time = new static(sprintf('@%.6f', $timestamp), 'UTC', $locale);
+
+        $timezone ??= 'UTC';
+
+        return $time->setTimezone($timezone);
+    }
+
+    /**
+     * Takes an instance of DateTimeInterface and returns an instance of Time with it's same values.
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    public static function createFromInstance(DateTimeInterface $dateTime, ?string $locale = null)
+    {
+        $date     = $dateTime->format('Y-m-d H:i:s.u');
+        $timezone = $dateTime->getTimezone();
+
+        return new static($date, $timezone, $locale);
+    }
+
+    /**
+     * Takes an instance of DateTime and returns an instance of Time with it's same values.
+     *
+     * @return static
+     *
+     * @throws Exception
+     *
+     * @deprecated         Use createFromInstance() instead
+     *
+     * @codeCoverageIgnore
+     */
+    public static function instance(DateTime $dateTime, ?string $locale = null)
+    {
+        return static::createFromInstance($dateTime, $locale);
+    }
+
+    /**
+     * Converts the current instance to a mutable DateTime object.
+     *
+     * @return DateTime
+     *
+     * @throws Exception
+     */
+    public function toDateTime()
+    {
+        return DateTime::createFromFormat(
+            'Y-m-d H:i:s.u',
+            $this->format('Y-m-d H:i:s.u'),
+            $this->getTimezone(),
+        );
+    }
+
+    // --------------------------------------------------------------------
+    // For Testing
+    // --------------------------------------------------------------------
+
+    /**
+     * Creates an instance of Time that will be returned during testing
+     * when calling 'Time::now()' instead of the current time.
+     *
+     * @param DateTimeInterface|self|string|null $datetime
+     * @param DateTimeZone|string|null           $timezone
+     *
+     * @return void
+     *
+     * @throws Exception
+     */
+    public static function setTestNow($datetime = null, $timezone = null, ?string $locale = null)
+    {
+        // Reset the test instance
+        if ($datetime === null) {
+            static::$testNow = null;
+
+            return;
+        }
+
+        // Convert to a Time instance
+        if (is_string($datetime)) {
+            $datetime = new static($datetime, $timezone, $locale);
+        } elseif ($datetime instanceof DateTimeInterface && ! $datetime instanceof static) {
+            $datetime = new static($datetime->format('Y-m-d H:i:s.u'), $timezone);
+        }
+
+        static::$testNow = $datetime;
+    }
+
+    /**
+     * Returns whether we have a testNow instance saved.
+     */
+    public static function hasTestNow(): bool
+    {
+        return static::$testNow !== null;
+    }
+
+    // --------------------------------------------------------------------
+    // Getters
+    // --------------------------------------------------------------------
+
+    /**
+     * Returns the localized Year
+     *
+     * @throws Exception
+     */
+    public function getYear(): string
+    {
+        return $this->toLocalizedString('y');
+    }
+
+    /**
+     * Returns the localized Month
+     *
+     * @throws Exception
+     */
+    public function getMonth(): string
+    {
+        return $this->toLocalizedString('M');
+    }
+
+    /**
+     * Return the localized day of the month.
+     *
+     * @throws Exception
+     */
+    public function getDay(): string
+    {
+        return $this->toLocalizedString('d');
+    }
+
+    /**
+     * Return the localized hour (in 24-hour format).
+     *
+     * @throws Exception
+     */
+    public function getHour(): string
+    {
+        return $this->toLocalizedString('H');
+    }
+
+    /**
+     * Return the localized minutes in the hour.
+     *
+     * @throws Exception
+     */
+    public function getMinute(): string
+    {
+        return $this->toLocalizedString('m');
+    }
+
+    /**
+     * Return the localized seconds
+     *
+     * @throws Exception
+     */
+    public function getSecond(): string
+    {
+        return $this->toLocalizedString('s');
+    }
+
+    /**
+     * Return the index of the day of the week
+     *
+     * @throws Exception
+     */
+    public function getDayOfWeek(): string
+    {
+        return $this->toLocalizedString('c');
+    }
+
+    /**
+     * Return the index of the day of the year
+     *
+     * @throws Exception
+     */
+    public function getDayOfYear(): string
+    {
+        return $this->toLocalizedString('D');
+    }
+
+    /**
+     * Return the index of the week in the month
+     *
+     * @throws Exception
+     */
+    public function getWeekOfMonth(): string
+    {
+        return $this->toLocalizedString('W');
+    }
+
+    /**
+     * Return the index of the week in the year
+     *
+     * @throws Exception
+     */
+    public function getWeekOfYear(): string
+    {
+        return $this->toLocalizedString('w');
+    }
+
+    /**
+     * Returns the age in years from the date and 'now'
+     *
+     * @return int
+     *
+     * @throws Exception
+     */
+    public function getAge()
+    {
+        // future dates have no age
+        return max(0, $this->difference(static::now())->getYears());
+    }
+
+    /**
+     * Returns the number of the current quarter for the year.
+     *
+     * @throws Exception
+     */
+    public function getQuarter(): string
+    {
+        return $this->toLocalizedString('Q');
+    }
+
+    /**
+     * Are we in daylight savings time currently?
+     */
+    public function getDst(): bool
+    {
+        return $this->format('I') === '1'; // 1 if Daylight Saving Time, 0 otherwise.
+    }
+
+    /**
+     * Returns boolean whether the passed timezone is the same as
+     * the local timezone.
+     */
+    public function getLocal(): bool
+    {
+        $local = date_default_timezone_get();
+
+        return $local === $this->timezone->getName();
+    }
+
+    /**
+     * Returns boolean whether object is in UTC.
+     */
+    public function getUtc(): bool
+    {
+        return $this->getOffset() === 0;
+    }
+
+    /**
+     * Returns the name of the current timezone.
+     */
+    public function getTimezoneName(): string
+    {
+        return $this->timezone->getName();
+    }
+
+    // --------------------------------------------------------------------
+    // Setters
+    // --------------------------------------------------------------------
+
+    /**
+     * Sets the current year for this instance.
+     *
+     * @param int|string $value
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    public function setYear($value)
+    {
+        return $this->setValue('year', $value);
+    }
+
+    /**
+     * Sets the month of the year.
+     *
+     * @param int|string $value
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    public function setMonth($value)
+    {
+        if (is_numeric($value) && ($value < 1 || $value > 12)) {
+            throw I18nException::forInvalidMonth((string) $value);
+        }
+
+        if (is_string($value) && ! is_numeric($value)) {
+            $value = date('m', strtotime("{$value} 1 2017"));
+        }
+
+        return $this->setValue('month', $value);
+    }
+
+    /**
+     * Sets the day of the month.
+     *
+     * @param int|string $value
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    public function setDay($value)
+    {
+        if ($value < 1 || $value > 31) {
+            throw I18nException::forInvalidDay((string) $value);
+        }
+
+        $date    = $this->getYear() . '-' . $this->getMonth();
+        $lastDay = date('t', strtotime($date));
+        if ($value > $lastDay) {
+            throw I18nException::forInvalidOverDay($lastDay, (string) $value);
+        }
+
+        return $this->setValue('day', $value);
+    }
+
+    /**
+     * Sets the hour of the day (24 hour cycle)
+     *
+     * @param int|string $value
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    public function setHour($value)
+    {
+        if ($value < 0 || $value > 23) {
+            throw I18nException::forInvalidHour((string) $value);
+        }
+
+        return $this->setValue('hour', $value);
+    }
+
+    /**
+     * Sets the minute of the hour
+     *
+     * @param int|string $value
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    public function setMinute($value)
+    {
+        if ($value < 0 || $value > 59) {
+            throw I18nException::forInvalidMinutes((string) $value);
+        }
+
+        return $this->setValue('minute', $value);
+    }
+
+    /**
+     * Sets the second of the minute.
+     *
+     * @param int|string $value
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    public function setSecond($value)
+    {
+        if ($value < 0 || $value > 59) {
+            throw I18nException::forInvalidSeconds((string) $value);
+        }
+
+        return $this->setValue('second', $value);
+    }
+
+    /**
+     * Helper method to do the heavy lifting of the 'setX' methods.
+     *
+     * @param int $value
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    protected function setValue(string $name, $value)
+    {
+        [$year, $month, $day, $hour, $minute, $second] = explode('-', $this->format('Y-n-j-G-i-s'));
+
+        ${$name} = $value;
+
+        return static::create(
+            (int) $year,
+            (int) $month,
+            (int) $day,
+            (int) $hour,
+            (int) $minute,
+            (int) $second,
+            $this->getTimezoneName(),
+            $this->locale,
+        );
+    }
+
+    /**
+     * Returns a new instance with the revised timezone.
+     *
+     * @param DateTimeZone|string $timezone
+     *
+     * @return static
+     *
+     * @throws Exception
+     */
+    #[ReturnTypeWillChange]
+    public function setTimezone($timezone)
+    {
+        $timezone = $timezone instanceof DateTimeZone ? $timezone : new DateTimeZone($timezone);
+
+        return static::createFromInstance($this->toDateTime()->setTimezone($timezone), $this->locale);
+    }
+
+    // --------------------------------------------------------------------
+    // Add/Subtract
+    // --------------------------------------------------------------------
+
+    /**
+     * Returns a new Time instance with $seconds added to the time.
+     *
+     * @return static
+     */
+    public function addSeconds(int $seconds)
+    {
+        $time = clone $this;
+
+        return $time->add(DateInterval::createFromDateString("{$seconds} seconds"));
+    }
+
+    /**
+     * Returns a new Time instance with $minutes added to the time.
+     *
+     * @return static
+     */
+    public function addMinutes(int $minutes)
+    {
+        $time = clone $this;
+
+        return $time->add(DateInterval::createFromDateString("{$minutes} minutes"));
+    }
+
+    /**
+     * Returns a new Time instance with $hours added to the time.
+     *
+     * @return static
+     */
+    public function addHours(int $hours)
+    {
+        $time = clone $this;
+
+        return $time->add(DateInterval::createFromDateString("{$hours} hours"));
+    }
+
+    /**
+     * Returns a new Time instance with $days added to the time.
+     *
+     * @return static
+     */
+    public function addDays(int $days)
+    {
+        $time = clone $this;
+
+        return $time->add(DateInterval::createFromDateString("{$days} days"));
+    }
+
+    /**
+     * Returns a new Time instance with $months added to the time.
+     *
+     * @return static
+     */
+    public function addMonths(int $months)
+    {
+        $time = clone $this;
+
+        return $time->add(DateInterval::createFromDateString("{$months} months"));
+    }
+
+    /**
+     * Returns a new Time instance with $years added to the time.
+     *
+     * @return static
+     */
+    public function addYears(int $years)
+    {
+        $time = clone $this;
+
+        return $time->add(DateInterval::createFromDateString("{$years} years"));
+    }
+
+    /**
+     * Returns a new Time instance with $seconds subtracted from the time.
+     *
+     * @return static
+     */
+    public function subSeconds(int $seconds)
+    {
+        $time = clone $this;
+
+        return $time->sub(DateInterval::createFromDateString("{$seconds} seconds"));
+    }
+
+    /**
+     * Returns a new Time instance with $minutes subtracted from the time.
+     *
+     * @return static
+     */
+    public function subMinutes(int $minutes)
+    {
+        $time = clone $this;
+
+        return $time->sub(DateInterval::createFromDateString("{$minutes} minutes"));
+    }
+
+    /**
+     * Returns a new Time instance with $hours subtracted from the time.
+     *
+     * @return static
+     */
+    public function subHours(int $hours)
+    {
+        $time = clone $this;
+
+        return $time->sub(DateInterval::createFromDateString("{$hours} hours"));
+    }
+
+    /**
+     * Returns a new Time instance with $days subtracted from the time.
+     *
+     * @return static
+     */
+    public function subDays(int $days)
+    {
+        $time = clone $this;
+
+        return $time->sub(DateInterval::createFromDateString("{$days} days"));
+    }
+
+    /**
+     * Returns a new Time instance with $months subtracted from the time.
+     *
+     * @return static
+     */
+    public function subMonths(int $months)
+    {
+        $time = clone $this;
+
+        return $time->sub(DateInterval::createFromDateString("{$months} months"));
+    }
+
+    /**
+     * Returns a new Time instance with $hours subtracted from the time.
+     *
+     * @return static
+     */
+    public function subYears(int $years)
+    {
+        $time = clone $this;
+
+        return $time->sub(DateInterval::createFromDateString("{$years} years"));
+    }
+
+    // --------------------------------------------------------------------
+    // Formatters
+    // --------------------------------------------------------------------
+
+    /**
+     * Returns the localized value of the date in the format 'Y-m-d H:i:s'
+     *
+     * @return false|string
+     *
+     * @throws Exception
+     */
+    public function toDateTimeString()
+    {
+        return $this->toLocalizedString('yyyy-MM-dd HH:mm:ss');
+    }
+
+    /**
+     * Returns a localized version of the date in Y-m-d format.
+     *
+     * @return string
+     *
+     * @throws Exception
+     */
+    public function toDateString()
+    {
+        return $this->toLocalizedString('yyyy-MM-dd');
+    }
+
+    /**
+     * Returns a localized version of the date in nicer date format:
+     *
+     *  i.e. Apr 1, 2017
+     *
+     * @return string
+     *
+     * @throws Exception
+     */
+    public function toFormattedDateString()
+    {
+        return $this->toLocalizedString('MMM d, yyyy');
+    }
+
+    /**
+     * Returns a localized version of the time in nicer date format:
+     *
+     *  i.e. 13:20:33
+     *
+     * @return string
+     *
+     * @throws Exception
+     */
+    public function toTimeString()
+    {
+        return $this->toLocalizedString('HH:mm:ss');
+    }
+
+    /**
+     * Returns the localized value of this instance in $format.
+     *
+     * @return false|string
+     *
+     * @throws Exception
+     */
+    public function toLocalizedString(?string $format = null)
+    {
+        $format ??= $this->toStringFormat;
+
+        return IntlDateFormatter::formatObject($this->toDateTime(), $format, $this->locale);
+    }
+
+    // --------------------------------------------------------------------
+    // Comparison
+    // --------------------------------------------------------------------
+
+    /**
+     * Determines if the datetime passed in is equal to the current instance.
+     * Equal in this case means that they represent the same moment in time,
+     * and are not required to be in the same timezone, as both times are
+     * converted to UTC and compared that way.
+     *
+     * @param DateTimeInterface|self|string $testTime
+     *
+     * @throws Exception
+     */
+    public function equals($testTime, ?string $timezone = null): bool
+    {
+        $testTime = $this->getUTCObject($testTime, $timezone);
+
+        $ourTime = $this->toDateTime()
+            ->setTimezone(new DateTimeZone('UTC'))
+            ->format('Y-m-d H:i:s.u');
+
+        return $testTime->format('Y-m-d H:i:s.u') === $ourTime;
+    }
+
+    /**
+     * Ensures that the times are identical, taking timezone into account.
+     *
+     * @param DateTimeInterface|self|string $testTime
+     *
+     * @throws Exception
+     */
+    public function sameAs($testTime, ?string $timezone = null): bool
+    {
+        if ($testTime instanceof DateTimeInterface) {
+            $testTime = $testTime->format('Y-m-d H:i:s.u O');
+        } elseif (is_string($testTime)) {
+            $timezone = $timezone !== null && $timezone !== '' && $timezone !== '0' ? $timezone : $this->timezone;
+            $timezone = $timezone instanceof DateTimeZone ? $timezone : new DateTimeZone($timezone);
+            $testTime = new DateTime($testTime, $timezone);
+            $testTime = $testTime->format('Y-m-d H:i:s.u O');
+        }
+
+        $ourTime = $this->format('Y-m-d H:i:s.u O');
+
+        return $testTime === $ourTime;
+    }
+
+    /**
+     * Determines if the current instance's time is before $testTime,
+     * after converting to UTC.
+     *
+     * @param DateTimeInterface|self|string $testTime
+     *
+     * @throws Exception
+     */
+    public function isBefore($testTime, ?string $timezone = null): bool
+    {
+        $testTime = $this->getUTCObject($testTime, $timezone);
+
+        $testTimestamp = $testTime->getTimestamp();
+        $ourTimestamp  = $this->getTimestamp();
+
+        if ($ourTimestamp === $testTimestamp) {
+            return $this->format('u') < $testTime->format('u');
+        }
+
+        return $ourTimestamp < $testTimestamp;
+    }
+
+    /**
+     * Determines if the current instance's time is after $testTime,
+     * after converting in UTC.
+     *
+     * @param DateTimeInterface|self|string $testTime
+     *
+     * @throws Exception
+     */
+    public function isAfter($testTime, ?string $timezone = null): bool
+    {
+        $testTime = $this->getUTCObject($testTime, $timezone);
+
+        $testTimestamp = $testTime->getTimestamp();
+        $ourTimestamp  = $this->getTimestamp();
+
+        if ($ourTimestamp === $testTimestamp) {
+            return $this->format('u') > $testTime->format('u');
+        }
+
+        return $ourTimestamp > $testTimestamp;
+    }
+
+    // --------------------------------------------------------------------
+    // Differences
+    // --------------------------------------------------------------------
+
+    /**
+     * Returns a text string that is easily readable that describes
+     * how long ago, or how long from now, a date is, like:
+     *
+     *  - 3 weeks ago
+     *  - in 4 days
+     *  - 6 hours ago
+     *
+     * @return string
+     *
+     * @throws Exception
+     */
+    public function humanize()
+    {
+        $now  = IntlCalendar::fromDateTime(self::now($this->timezone)->toDateTime());
+        $time = $this->getCalendar()->getTime();
+
+        $years   = $now->fieldDifference($time, IntlCalendar::FIELD_YEAR);
+        $months  = $now->fieldDifference($time, IntlCalendar::FIELD_MONTH);
+        $days    = $now->fieldDifference($time, IntlCalendar::FIELD_DAY_OF_YEAR);
+        $hours   = $now->fieldDifference($time, IntlCalendar::FIELD_HOUR_OF_DAY);
+        $minutes = $now->fieldDifference($time, IntlCalendar::FIELD_MINUTE);
+
+        $phrase = null;
+
+        if ($years !== 0) {
+            $phrase = lang('Time.years', [abs($years)]);
+            $before = $years < 0;
+        } elseif ($months !== 0) {
+            $phrase = lang('Time.months', [abs($months)]);
+            $before = $months < 0;
+        } elseif ($days !== 0 && (abs($days) >= 7)) {
+            $weeks  = ceil($days / 7);
+            $phrase = lang('Time.weeks', [abs($weeks)]);
+            $before = $days < 0;
+        } elseif ($days !== 0) {
+            $before = $days < 0;
+
+            // Yesterday/Tomorrow special cases
+            if (abs($days) === 1) {
+                return $before ? lang('Time.yesterday') : lang('Time.tomorrow');
+            }
+
+            $phrase = lang('Time.days', [abs($days)]);
+        } elseif ($hours !== 0) {
+            $phrase = lang('Time.hours', [abs($hours)]);
+            $before = $hours < 0;
+        } elseif ($minutes !== 0) {
+            $phrase = lang('Time.minutes', [abs($minutes)]);
+            $before = $minutes < 0;
+        } else {
+            return lang('Time.now');
+        }
+
+        return $before ? lang('Time.ago', [$phrase]) : lang('Time.inFuture', [$phrase]);
+    }
+
+    /**
+     * @param DateTimeInterface|self|string $testTime
+     *
+     * @return TimeDifference
+     *
+     * @throws Exception
+     */
+    public function difference($testTime, ?string $timezone = null)
+    {
+        if (is_string($testTime)) {
+            $timezone = ($timezone !== null) ? new DateTimeZone($timezone) : $this->timezone;
+            $testTime = new DateTime($testTime, $timezone);
+        } elseif ($testTime instanceof static) {
+            $testTime = $testTime->toDateTime();
+        }
+
+        assert($testTime instanceof DateTime);
+
+        if ($this->timezone->getOffset($this) !== $testTime->getTimezone()->getOffset($this)) {
+            $testTime = $this->getUTCObject($testTime, $timezone);
+            $ourTime  = $this->getUTCObject($this);
+        } else {
+            $ourTime = $this->toDateTime();
+        }
+
+        return new TimeDifference($ourTime, $testTime);
+    }
+
+    // --------------------------------------------------------------------
+    // Utilities
+    // --------------------------------------------------------------------
+
+    /**
+     * Returns a Time instance with the timezone converted to UTC.
+     *
+     * @param DateTimeInterface|self|string $time
+     *
+     * @return DateTime|static
+     *
+     * @throws Exception
+     */
+    public function getUTCObject($time, ?string $timezone = null)
+    {
+        if ($time instanceof static) {
+            $time = $time->toDateTime();
+        } elseif (is_string($time)) {
+            $timezone = $timezone !== null && $timezone !== '' && $timezone !== '0' ? $timezone : $this->timezone;
+            $timezone = $timezone instanceof DateTimeZone ? $timezone : new DateTimeZone($timezone);
+            $time     = new DateTime($time, $timezone);
+        }
+
+        if ($time instanceof DateTime || $time instanceof DateTimeImmutable) {
+            $time = $time->setTimezone(new DateTimeZone('UTC'));
+        }
+
+        return $time;
+    }
+
+    /**
+     * Returns the IntlCalendar object used for this object,
+     * taking into account the locale, date, etc.
+     *
+     * Primarily used internally to provide the difference and comparison functions,
+     * but available for public consumption if they need it.
+     *
+     * @return IntlCalendar
+     *
+     * @throws Exception
+     */
+    public function getCalendar()
+    {
+        return IntlCalendar::fromDateTime($this->toDateTime());
+    }
+
+    /**
+     * Check a time string to see if it includes a relative date (like 'next Tuesday').
+     */
+    protected static function hasRelativeKeywords(string $time): bool
+    {
+        // skip common format with a '-' in it
+        if (preg_match('/\d{4}-\d{1,2}-\d{1,2}/', $time) !== 1) {
+            return preg_match(static::$relativePattern, $time) > 0;
+        }
+
+        return false;
+    }
+
+    /**
+     * Outputs a short format version of the datetime.
+     * The output is NOT localized intentionally.
+     */
+    public function __toString(): string
+    {
+        return $this->format('Y-m-d H:i:s');
+    }
+
+    /**
+     * Allow for property-type access to any getX method...
+     *
+     * Note that we cannot use this for any of our setX methods,
+     * as they return new Time objects, but the __set ignores
+     * return values.
+     * See http://php.net/manual/en/language.oop5.overloading.php
+     *
+     * @param string $name
+     *
+     * @return array|bool|DateTimeInterface|DateTimeZone|int|IntlCalendar|self|string|null
+     */
+    public function __get($name)
+    {
+        $method = 'get' . ucfirst($name);
+
+        if (method_exists($this, $method)) {
+            return $this->{$method}();
+        }
+
+        return null;
+    }
+
+    /**
+     * Allow for property-type checking to any getX method...
+     *
+     * @param string $name
+     */
+    public function __isset($name): bool
+    {
+        $method = 'get' . ucfirst($name);
+
+        return method_exists($this, $method);
+    }
+
+    /**
+     * This is called when we unserialize the Time object.
+     */
+    public function __wakeup(): void
+    {
+        /**
+         * Prior to unserialization, this is a string.
+         *
+         * @var string $timezone
+         */
+        $timezone = $this->timezone;
+
+        $this->timezone = new DateTimeZone($timezone);
+
+        // @phpstan-ignore-next-line `$this->date` is a special property for PHP internal use.
+        parent::__construct($this->date, $this->timezone);
+    }
+}
diff --git a/ci4app/system/Images/Exceptions/ImageException.php b/ci4app/system/Images/Exceptions/ImageException.php
new file mode 100644
index 0000000..91bf416
--- /dev/null
+++ b/ci4app/system/Images/Exceptions/ImageException.php
@@ -0,0 +1,119 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Images\Exceptions;
+
+use CodeIgniter\Exceptions\FrameworkException;
+
+class ImageException extends FrameworkException
+{
+    /**
+     * Thrown when the image is not found.
+     *
+     * @return static
+     */
+    public static function forMissingImage()
+    {
+        return new static(lang('Images.sourceImageRequired'));
+    }
+
+    /**
+     * Thrown when the file specific is not following the role.
+     *
+     * @return static
+     */
+    public static function forFileNotSupported()
+    {
+        return new static(lang('Images.fileNotSupported'));
+    }
+
+    /**
+     * Thrown when the angle is undefined.
+     *
+     * @return static
+     */
+    public static function forMissingAngle()
+    {
+        return new static(lang('Images.rotationAngleRequired'));
+    }
+
+    /**
+     * Thrown when the direction property is invalid.
+     *
+     * @return static
+     */
+    public static function forInvalidDirection(?string $dir = null)
+    {
+        return new static(lang('Images.invalidDirection', [$dir]));
+    }
+
+    /**
+     * Thrown when the path property is invalid.
+     *
+     * @return static
+     */
+    public static function forInvalidPath()
+    {
+        return new static(lang('Images.invalidPath'));
+    }
+
+    /**
+     * Thrown when the EXIF function is not supported.
+     *
+     * @return static
+     */
+    public static function forEXIFUnsupported()
+    {
+        return new static(lang('Images.exifNotSupported'));
+    }
+
+    /**
+     * Thrown when the image specific is invalid.
+     *
+     * @return static
+     */
+    public static function forInvalidImageCreate(?string $extra = null)
+    {
+        return new static(lang('Images.unsupportedImageCreate') . ' ' . $extra);
+    }
+
+    /**
+     * Thrown when the image save failed.
+     *
+     * @return static
+     */
+    public static function forSaveFailed()
+    {
+        return new static(lang('Images.saveFailed'));
+    }
+
+    /**
+     * Thrown when the image library path is invalid.
+     *
+     * @return static
+     */
+    public static function forInvalidImageLibraryPath(?string $path = null)
+    {
+        return new static(lang('Images.libPathInvalid', [$path]));
+    }
+
+    /**
+     * Thrown when the image process failed.
+     *
+     * @return static
+     */
+    public static function forImageProcessFailed()
+    {
+        return new static(lang('Images.imageProcessFailed'));
+    }
+}
diff --git a/ci4app/system/Images/Handlers/BaseHandler.php b/ci4app/system/Images/Handlers/BaseHandler.php
new file mode 100644
index 0000000..de3e159
--- /dev/null
+++ b/ci4app/system/Images/Handlers/BaseHandler.php
@@ -0,0 +1,772 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Images\Handlers;
+
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Images\Exceptions\ImageException;
+use CodeIgniter\Images\Image;
+use CodeIgniter\Images\ImageHandlerInterface;
+use Config\Images;
+
+/**
+ * Base image handling implementation
+ */
+abstract class BaseHandler implements ImageHandlerInterface
+{
+    /**
+     * Configuration settings.
+     *
+     * @var Images
+     */
+    protected $config;
+
+    /**
+     * The image/file instance
+     *
+     * @var Image|null
+     */
+    protected $image;
+
+    /**
+     * Whether the image file has been confirmed.
+     *
+     * @var bool
+     */
+    protected $verified = false;
+
+    /**
+     * Image width.
+     *
+     * @var int
+     */
+    protected $width = 0;
+
+    /**
+     * Image height.
+     *
+     * @var int
+     */
+    protected $height = 0;
+
+    /**
+     * File permission mask.
+     *
+     * @var int
+     */
+    protected $filePermissions = 0644;
+
+    /**
+     * X-axis.
+     *
+     * @var int|null
+     */
+    protected $xAxis = 0;
+
+    /**
+     * Y-axis.
+     *
+     * @var int|null
+     */
+    protected $yAxis = 0;
+
+    /**
+     * Master dimensioning.
+     *
+     * @var string
+     */
+    protected $masterDim = 'auto';
+
+    /**
+     * Default options for text watermarking.
+     *
+     * @var array
+     */
+    protected $textDefaults = [
+        'fontPath'     => null,
+        'fontSize'     => 16,
+        'color'        => 'ffffff',
+        'opacity'      => 1.0,
+        'vAlign'       => 'bottom',
+        'hAlign'       => 'center',
+        'vOffset'      => 0,
+        'hOffset'      => 0,
+        'padding'      => 0,
+        'withShadow'   => false,
+        'shadowColor'  => '000000',
+        'shadowOffset' => 3,
+    ];
+
+    /**
+     * Image types with support for transparency.
+     *
+     * @var array
+     */
+    protected $supportTransparency = [
+        IMAGETYPE_PNG,
+        IMAGETYPE_WEBP,
+    ];
+
+    /**
+     * Temporary image used by the different engines.
+     *
+     * @var resource|null
+     */
+    protected $resource;
+
+    /**
+     * Constructor.
+     *
+     * @param Images|null $config
+     */
+    public function __construct($config = null)
+    {
+        $this->config = $config ?? new Images();
+    }
+
+    /**
+     * Sets another image for this handler to work on.
+     * Keeps us from needing to continually instantiate the handler.
+     *
+     * @phpstan-assert Image $this->image
+     *
+     * @return $this
+     */
+    public function withFile(string $path)
+    {
+        // Clear out the old resource so that
+        // it doesn't try to use a previous image
+        $this->resource = null;
+        $this->verified = false;
+
+        $this->image = new Image($path, true);
+
+        $this->image->getProperties(false);
+        $this->width  = $this->image->origWidth;
+        $this->height = $this->image->origHeight;
+
+        return $this;
+    }
+
+    /**
+     * Make the image resource object if needed
+     *
+     * @return void
+     */
+    abstract protected function ensureResource();
+
+    /**
+     * Returns the image instance.
+     *
+     * @return Image
+     */
+    public function getFile()
+    {
+        return $this->image;
+    }
+
+    /**
+     * Verifies that a file has been supplied and it is an image.
+     *
+     * @phpstan-assert Image $this->image
+     *
+     * @throws ImageException
+     */
+    protected function image(): Image
+    {
+        if ($this->verified) {
+            return $this->image;
+        }
+
+        // Verify withFile has been called
+        if ($this->image === null) {
+            throw ImageException::forMissingImage();
+        }
+
+        // Verify the loaded image is an Image instance
+        if (! $this->image instanceof Image) {
+            throw ImageException::forInvalidPath();
+        }
+
+        // File::__construct has verified the file exists - make sure it is an image
+        if (! is_int($this->image->imageType)) {
+            throw ImageException::forFileNotSupported();
+        }
+
+        // Note that the image has been verified
+        $this->verified = true;
+
+        return $this->image;
+    }
+
+    /**
+     * Returns the temporary image used during the image processing.
+     * Good for extending the system or doing things this library
+     * is not intended to do.
+     *
+     * @return resource
+     */
+    public function getResource()
+    {
+        $this->ensureResource();
+
+        return $this->resource;
+    }
+
+    /**
+     * Load the temporary image used during the image processing.
+     * Some functions e.g. save() will only copy and not compress
+     * your image otherwise.
+     *
+     * @return $this
+     */
+    public function withResource()
+    {
+        $this->ensureResource();
+
+        return $this;
+    }
+
+    /**
+     * Resize the image
+     *
+     * @param bool $maintainRatio If true, will get the closest match possible while keeping aspect ratio true.
+     *
+     * @return BaseHandler
+     */
+    public function resize(int $width, int $height, bool $maintainRatio = false, string $masterDim = 'auto')
+    {
+        // If the target width/height match the source, then we have nothing to do here.
+        if ($this->image()->origWidth === $width && $this->image()->origHeight === $height) {
+            return $this;
+        }
+
+        $this->width  = $width;
+        $this->height = $height;
+
+        if ($maintainRatio) {
+            $this->masterDim = $masterDim;
+            $this->reproportion();
+        }
+
+        return $this->_resize($maintainRatio);
+    }
+
+    /**
+     * Crops the image to the desired height and width. If one of the height/width values
+     * is not provided, that value will be set the appropriate value based on offsets and
+     * image dimensions.
+     *
+     * @param int|null $x X-axis coord to start cropping from the left of image
+     * @param int|null $y Y-axis coord to start cropping from the top of image
+     *
+     * @return $this
+     */
+    public function crop(?int $width = null, ?int $height = null, ?int $x = null, ?int $y = null, bool $maintainRatio = false, string $masterDim = 'auto')
+    {
+        $this->width  = $width;
+        $this->height = $height;
+        $this->xAxis  = $x;
+        $this->yAxis  = $y;
+
+        if ($maintainRatio) {
+            $this->masterDim = $masterDim;
+            $this->reproportion();
+        }
+
+        $result = $this->_crop();
+
+        $this->xAxis = null;
+        $this->yAxis = null;
+
+        return $result;
+    }
+
+    /**
+     * Changes the stored image type to indicate the new file format to use when saving.
+     * Does not touch the actual resource.
+     *
+     * @param int $imageType A PHP imageType constant, e.g. https://www.php.net/manual/en/function.image-type-to-mime-type.php
+     *
+     * @return $this
+     */
+    public function convert(int $imageType)
+    {
+        $this->ensureResource();
+
+        $this->image()->imageType = $imageType;
+
+        return $this;
+    }
+
+    /**
+     * Rotates the image on the current canvas.
+     *
+     * @return $this
+     */
+    public function rotate(float $angle)
+    {
+        // Allowed rotation values
+        $degs = [
+            90.0,
+            180.0,
+            270.0,
+        ];
+
+        if (! in_array($angle, $degs, true)) {
+            throw ImageException::forMissingAngle();
+        }
+
+        // cast angle as an int, for our use
+        $angle = (int) $angle;
+
+        // Reassign the width and height
+        if ($angle === 90 || $angle === 270) {
+            $temp         = $this->height;
+            $this->width  = $this->height;
+            $this->height = $temp;
+        }
+
+        // Call the Handler-specific version.
+        $this->_rotate($angle);
+
+        return $this;
+    }
+
+    /**
+     * Flattens transparencies, default white background
+     *
+     * @return $this
+     */
+    public function flatten(int $red = 255, int $green = 255, int $blue = 255)
+    {
+        $this->width  = $this->image()->origWidth;
+        $this->height = $this->image()->origHeight;
+
+        return $this->_flatten($red, $green, $blue);
+    }
+
+    /**
+     * Handler-specific method to flattening an image's transparencies.
+     *
+     * @return $this
+     *
+     * @internal
+     */
+    abstract protected function _flatten(int $red = 255, int $green = 255, int $blue = 255);
+
+    /**
+     * Handler-specific method to handle rotating an image in 90 degree increments.
+     *
+     * @return mixed
+     */
+    abstract protected function _rotate(int $angle);
+
+    /**
+     * Flips an image either horizontally or vertically.
+     *
+     * @param string $dir Either 'vertical' or 'horizontal'
+     *
+     * @return $this
+     */
+    public function flip(string $dir = 'vertical')
+    {
+        $dir = strtolower($dir);
+
+        if ($dir !== 'vertical' && $dir !== 'horizontal') {
+            throw ImageException::forInvalidDirection($dir);
+        }
+
+        return $this->_flip($dir);
+    }
+
+    /**
+     * Handler-specific method to handle flipping an image along its
+     * horizontal or vertical axis.
+     *
+     * @return $this
+     */
+    abstract protected function _flip(string $direction);
+
+    public function text(string $text, array $options = [])
+    {
+        $options                = array_merge($this->textDefaults, $options);
+        $options['color']       = trim($options['color'], '# ');
+        $options['shadowColor'] = trim($options['shadowColor'], '# ');
+
+        $this->_text($text, $options);
+
+        return $this;
+    }
+
+    /**
+     * Handler-specific method for overlaying text on an image.
+     *
+     * @param array{
+     *     color?: string,
+     *     shadowColor?: string,
+     *     hAlign?: string,
+     *     vAlign?: string,
+     *     hOffset?: int,
+     *     vOffset?: int,
+     *     fontPath?: string,
+     *     fontSize?: int,
+     *     shadowOffset?: int,
+     *     opacity?: float,
+     *     padding?: int,
+     *     withShadow?: bool|string
+     * } $options
+     *
+     * @return void
+     */
+    abstract protected function _text(string $text, array $options = []);
+
+    /**
+     * Handles the actual resizing of the image.
+     *
+     * @return $this
+     */
+    abstract public function _resize(bool $maintainRatio = false);
+
+    /**
+     * Crops the image.
+     *
+     * @return $this
+     */
+    abstract public function _crop();
+
+    /**
+     * Return image width.
+     *
+     * @return int
+     */
+    abstract public function _getWidth();
+
+    /**
+     * Return the height of an image.
+     *
+     * @return int
+     */
+    abstract public function _getHeight();
+
+    /**
+     * Reads the EXIF information from the image and modifies the orientation
+     * so that displays correctly in the browser. This is especially an issue
+     * with images taken by smartphones who always store the image up-right,
+     * but set the orientation flag to display it correctly.
+     *
+     * @param bool $silent If true, will ignore exceptions when PHP doesn't support EXIF.
+     *
+     * @return $this
+     */
+    public function reorient(bool $silent = false)
+    {
+        $orientation = $this->getEXIF('Orientation', $silent);
+
+        return match ($orientation) {
+            2       => $this->flip('horizontal'),
+            3       => $this->rotate(180),
+            4       => $this->rotate(180)->flip('horizontal'),
+            5       => $this->rotate(270)->flip('horizontal'),
+            6       => $this->rotate(270),
+            7       => $this->rotate(90)->flip('horizontal'),
+            8       => $this->rotate(90),
+            default => $this,
+        };
+    }
+
+    /**
+     * Retrieve the EXIF information from the image, if possible. Returns
+     * an array of the information, or null if nothing can be found.
+     *
+     * EXIF data is only supported fr JPEG & TIFF formats.
+     *
+     * @param string|null $key    If specified, will only return this piece of EXIF data.
+     * @param bool        $silent If true, will not throw our own exceptions.
+     *
+     * @return mixed
+     *
+     * @throws ImageException
+     */
+    public function getEXIF(?string $key = null, bool $silent = false)
+    {
+        if (! function_exists('exif_read_data')) {
+            if ($silent) {
+                return null;
+            }
+
+            throw ImageException::forEXIFUnsupported(); // @codeCoverageIgnore
+        }
+
+        $exif = null; // default
+
+        switch ($this->image()->imageType) {
+            case IMAGETYPE_JPEG:
+            case IMAGETYPE_TIFF_II:
+                $exif = @exif_read_data($this->image()->getPathname());
+                if ($key !== null && is_array($exif)) {
+                    $exif = $exif[$key] ?? false;
+                }
+        }
+
+        return $exif;
+    }
+
+    /**
+     * Combine cropping and resizing into a single command.
+     *
+     * Supported positions:
+     *  - top-left
+     *  - top
+     *  - top-right
+     *  - left
+     *  - center
+     *  - right
+     *  - bottom-left
+     *  - bottom
+     *  - bottom-right
+     *
+     * @return BaseHandler
+     */
+    public function fit(int $width, ?int $height = null, string $position = 'center')
+    {
+        $origWidth  = $this->image()->origWidth;
+        $origHeight = $this->image()->origHeight;
+
+        [$cropWidth, $cropHeight] = $this->calcAspectRatio($width, $height, $origWidth, $origHeight);
+
+        if ($height === null) {
+            $height = (int) ceil(($width / $cropWidth) * $cropHeight);
+        }
+
+        [$x, $y] = $this->calcCropCoords($cropWidth, $cropHeight, $origWidth, $origHeight, $position);
+
+        return $this->crop($cropWidth, $cropHeight, (int) $x, (int) $y)->resize($width, $height);
+    }
+
+    /**
+     * Calculate image aspect ratio.
+     *
+     * @param float|int      $width
+     * @param float|int|null $height
+     * @param float|int      $origWidth
+     * @param float|int      $origHeight
+     */
+    protected function calcAspectRatio($width, $height = null, $origWidth = 0, $origHeight = 0): array
+    {
+        if (empty($origWidth) || empty($origHeight)) {
+            throw new InvalidArgumentException('You must supply the parameters: origWidth, origHeight.');
+        }
+
+        // If $height is null, then we have it easy.
+        // Calc based on full image size and be done.
+        if ($height === null) {
+            $height = ($width / $origWidth) * $origHeight;
+
+            return [
+                $width,
+                (int) $height,
+            ];
+        }
+
+        $xRatio = $width / $origWidth;
+        $yRatio = $height / $origHeight;
+
+        if ($xRatio > $yRatio) {
+            return [
+                $origWidth,
+                (int) ($origWidth * $height / $width),
+            ];
+        }
+
+        return [
+            (int) ($origHeight * $width / $height),
+            $origHeight,
+        ];
+    }
+
+    /**
+     * Based on the position, will determine the correct x/y coords to
+     * crop the desired portion from the image.
+     *
+     * @param float|int $width
+     * @param float|int $height
+     * @param float|int $origWidth
+     * @param float|int $origHeight
+     * @param string    $position
+     */
+    protected function calcCropCoords($width, $height, $origWidth, $origHeight, $position): array
+    {
+        $position = strtolower($position);
+
+        $x = $y = 0;
+
+        switch ($position) {
+            case 'top-left':
+                $x = 0;
+                $y = 0;
+                break;
+
+            case 'top':
+                $x = floor(($origWidth - $width) / 2);
+                $y = 0;
+                break;
+
+            case 'top-right':
+                $x = $origWidth - $width;
+                $y = 0;
+                break;
+
+            case 'left':
+                $x = 0;
+                $y = floor(($origHeight - $height) / 2);
+                break;
+
+            case 'center':
+                $x = floor(($origWidth - $width) / 2);
+                $y = floor(($origHeight - $height) / 2);
+                break;
+
+            case 'right':
+                $x = ($origWidth - $width);
+                $y = floor(($origHeight - $height) / 2);
+                break;
+
+            case 'bottom-left':
+                $x = 0;
+                $y = $origHeight - $height;
+                break;
+
+            case 'bottom':
+                $x = floor(($origWidth - $width) / 2);
+                $y = $origHeight - $height;
+                break;
+
+            case 'bottom-right':
+                $x = ($origWidth - $width);
+                $y = $origHeight - $height;
+                break;
+        }
+
+        return [
+            $x,
+            $y,
+        ];
+    }
+
+    /**
+     * Get the version of the image library in use.
+     *
+     * @return string
+     */
+    abstract public function getVersion();
+
+    /**
+     * Saves any changes that have been made to file.
+     *
+     * Example:
+     *    $image->resize(100, 200, true)
+     *          ->save($target);
+     *
+     * @param non-empty-string|null $target
+     *
+     * @return bool
+     */
+    abstract public function save(?string $target = null, int $quality = 90);
+
+    /**
+     * Does the driver-specific processing of the image.
+     *
+     * @return mixed
+     */
+    abstract protected function process(string $action);
+
+    /**
+     * Provide access to the Image class' methods if they don't exist
+     * on the handler itself.
+     *
+     * @return mixed
+     */
+    public function __call(string $name, array $args = [])
+    {
+        if (method_exists($this->image(), $name)) {
+            return $this->image()->{$name}(...$args);
+        }
+
+        return null;
+    }
+
+    /**
+     * Re-proportion Image Width/Height
+     *
+     * When creating thumbs, the desired width/height
+     * can end up warping the image due to an incorrect
+     * ratio between the full-sized image and the thumb.
+     *
+     * This function lets us re-proportion the width/height
+     * if users choose to maintain the aspect ratio when resizing.
+     *
+     * @return void
+     */
+    protected function reproportion()
+    {
+        if (($this->width === 0 && $this->height === 0) || $this->image()->origWidth === 0 || $this->image()->origHeight === 0 || (! ctype_digit((string) $this->width) && ! ctype_digit((string) $this->height)) || ! ctype_digit((string) $this->image()->origWidth) || ! ctype_digit((string) $this->image()->origHeight)) {
+            return;
+        }
+
+        // Sanitize
+        $this->width  = (int) $this->width;
+        $this->height = (int) $this->height;
+
+        if ($this->masterDim !== 'width' && $this->masterDim !== 'height') {
+            if ($this->width > 0 && $this->height > 0) {
+                $this->masterDim = ((($this->image()->origHeight / $this->image()->origWidth) - ($this->height / $this->width)) < 0) ? 'width' : 'height';
+            } else {
+                $this->masterDim = ($this->height === 0) ? 'width' : 'height';
+            }
+        } elseif (($this->masterDim === 'width' && $this->width === 0) || ($this->masterDim === 'height' && $this->height === 0)
+        ) {
+            return;
+        }
+
+        if ($this->masterDim === 'width') {
+            $this->height = (int) ceil($this->width * $this->image()->origHeight / $this->image()->origWidth);
+        } else {
+            $this->width = (int) ceil($this->image()->origWidth * $this->height / $this->image()->origHeight);
+        }
+    }
+
+    /**
+     * Return image width.
+     *
+     * accessor for testing; not part of interface
+     *
+     * @return int
+     */
+    public function getWidth()
+    {
+        return ($this->resource !== null) ? $this->_getWidth() : $this->width;
+    }
+
+    /**
+     * Return image height.
+     *
+     * accessor for testing; not part of interface
+     *
+     * @return int
+     */
+    public function getHeight()
+    {
+        return ($this->resource !== null) ? $this->_getHeight() : $this->height;
+    }
+}
diff --git a/ci4app/system/Images/Handlers/GDHandler.php b/ci4app/system/Images/Handlers/GDHandler.php
new file mode 100644
index 0000000..12ea4e1
--- /dev/null
+++ b/ci4app/system/Images/Handlers/GDHandler.php
@@ -0,0 +1,513 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Images\Handlers;
+
+use CodeIgniter\Images\Exceptions\ImageException;
+use Config\Images;
+
+/**
+ * Image handler for GD package
+ */
+class GDHandler extends BaseHandler
+{
+    /**
+     * Constructor.
+     *
+     * @param Images|null $config
+     *
+     * @throws ImageException
+     */
+    public function __construct($config = null)
+    {
+        parent::__construct($config);
+
+        if (! extension_loaded('gd')) {
+            throw ImageException::forMissingExtension('GD'); // @codeCoverageIgnore
+        }
+    }
+
+    /**
+     * Handles the rotation of an image resource.
+     * Doesn't save the image, but replaces the current resource.
+     */
+    protected function _rotate(int $angle): bool
+    {
+        // Create the image handle
+        $srcImg = $this->createImage();
+
+        // Set the background color
+        // This won't work with transparent PNG files so we are
+        // going to have to figure out how to determine the color
+        // of the alpha channel in a future release.
+
+        $white = imagecolorallocate($srcImg, 255, 255, 255);
+
+        // Rotate it!
+        $destImg = imagerotate($srcImg, $angle, $white);
+
+        // Kill the file handles
+        imagedestroy($srcImg);
+
+        $this->resource = $destImg;
+
+        return true;
+    }
+
+    /**
+     * Flattens transparencies
+     *
+     * @return $this
+     */
+    protected function _flatten(int $red = 255, int $green = 255, int $blue = 255)
+    {
+        $srcImg = $this->createImage();
+
+        if (function_exists('imagecreatetruecolor')) {
+            $create = 'imagecreatetruecolor';
+            $copy   = 'imagecopyresampled';
+        } else {
+            $create = 'imagecreate';
+            $copy   = 'imagecopyresized';
+        }
+        $dest = $create($this->width, $this->height);
+
+        $matte = imagecolorallocate($dest, $red, $green, $blue);
+
+        imagefilledrectangle($dest, 0, 0, $this->width, $this->height, $matte);
+        imagecopy($dest, $srcImg, 0, 0, 0, 0, $this->width, $this->height);
+
+        // Kill the file handles
+        imagedestroy($srcImg);
+
+        $this->resource = $dest;
+
+        return $this;
+    }
+
+    /**
+     * Flips an image along it's vertical or horizontal axis.
+     *
+     * @return $this
+     */
+    protected function _flip(string $direction)
+    {
+        $srcImg = $this->createImage();
+
+        $angle = $direction === 'horizontal' ? IMG_FLIP_HORIZONTAL : IMG_FLIP_VERTICAL;
+
+        imageflip($srcImg, $angle);
+
+        $this->resource = $srcImg;
+
+        return $this;
+    }
+
+    /**
+     * Get GD version
+     *
+     * @return mixed
+     */
+    public function getVersion()
+    {
+        if (function_exists('gd_info')) {
+            $gdVersion = @gd_info();
+
+            return preg_replace('/\D/', '', $gdVersion['GD Version']);
+        }
+
+        return false;
+    }
+
+    /**
+     * Resizes the image.
+     *
+     * @return GDHandler
+     */
+    public function _resize(bool $maintainRatio = false)
+    {
+        return $this->process('resize');
+    }
+
+    /**
+     * Crops the image.
+     *
+     * @return GDHandler
+     */
+    public function _crop()
+    {
+        return $this->process('crop');
+    }
+
+    /**
+     * Handles all of the grunt work of resizing, etc.
+     *
+     * @return $this
+     */
+    protected function process(string $action)
+    {
+        $origWidth  = $this->image()->origWidth;
+        $origHeight = $this->image()->origHeight;
+
+        if ($action === 'crop') {
+            // Reassign the source width/height if cropping
+            $origWidth  = $this->width;
+            $origHeight = $this->height;
+
+            // Modify the "original" width/height to the new
+            // values so that methods that come after have the
+            // correct size to work with.
+            $this->image()->origHeight = $this->height;
+            $this->image()->origWidth  = $this->width;
+        }
+
+        // Create the image handle
+        $src = $this->createImage();
+
+        if (function_exists('imagecreatetruecolor')) {
+            $create = 'imagecreatetruecolor';
+            $copy   = 'imagecopyresampled';
+        } else {
+            $create = 'imagecreate';
+            $copy   = 'imagecopyresized';
+        }
+
+        $dest = $create($this->width, $this->height);
+
+        // for png and webp we can actually preserve transparency
+        if (in_array($this->image()->imageType, $this->supportTransparency, true)) {
+            imagealphablending($dest, false);
+            imagesavealpha($dest, true);
+        }
+
+        $copy($dest, $src, 0, 0, (int) $this->xAxis, (int) $this->yAxis, $this->width, $this->height, $origWidth, $origHeight);
+
+        imagedestroy($src);
+        $this->resource = $dest;
+
+        return $this;
+    }
+
+    /**
+     * Saves any changes that have been made to file. If no new filename is
+     * provided, the existing image is overwritten, otherwise a copy of the
+     * file is made at $target.
+     *
+     * Example:
+     *    $image->resize(100, 200, true)
+     *          ->save();
+     *
+     * @param non-empty-string|null $target
+     */
+    public function save(?string $target = null, int $quality = 90): bool
+    {
+        $original = $target;
+        $target   = ($target === null || $target === '') ? $this->image()->getPathname() : $target;
+
+        // If no new resource has been created, then we're
+        // simply copy the existing one.
+        if (empty($this->resource) && $quality === 100) {
+            if ($original === null) {
+                return true;
+            }
+
+            $name = basename($target);
+            $path = pathinfo($target, PATHINFO_DIRNAME);
+
+            return $this->image()->copy($path, $name);
+        }
+
+        $this->ensureResource();
+
+        // for png and webp we can actually preserve transparency
+        if (in_array($this->image()->imageType, $this->supportTransparency, true)) {
+            imagepalettetotruecolor($this->resource);
+            imagealphablending($this->resource, false);
+            imagesavealpha($this->resource, true);
+        }
+
+        switch ($this->image()->imageType) {
+            case IMAGETYPE_GIF:
+                if (! function_exists('imagegif')) {
+                    throw ImageException::forInvalidImageCreate(lang('Images.gifNotSupported'));
+                }
+
+                if (! @imagegif($this->resource, $target)) {
+                    throw ImageException::forSaveFailed();
+                }
+                break;
+
+            case IMAGETYPE_JPEG:
+                if (! function_exists('imagejpeg')) {
+                    throw ImageException::forInvalidImageCreate(lang('Images.jpgNotSupported'));
+                }
+
+                if (! @imagejpeg($this->resource, $target, $quality)) {
+                    throw ImageException::forSaveFailed();
+                }
+                break;
+
+            case IMAGETYPE_PNG:
+                if (! function_exists('imagepng')) {
+                    throw ImageException::forInvalidImageCreate(lang('Images.pngNotSupported'));
+                }
+
+                if (! @imagepng($this->resource, $target)) {
+                    throw ImageException::forSaveFailed();
+                }
+                break;
+
+            case IMAGETYPE_WEBP:
+                if (! function_exists('imagewebp')) {
+                    throw ImageException::forInvalidImageCreate(lang('Images.webpNotSupported'));
+                }
+
+                if (! @imagewebp($this->resource, $target, $quality)) {
+                    throw ImageException::forSaveFailed();
+                }
+                break;
+
+            default:
+                throw ImageException::forInvalidImageCreate();
+        }
+
+        imagedestroy($this->resource);
+
+        chmod($target, $this->filePermissions);
+
+        return true;
+    }
+
+    /**
+     * Create Image Resource
+     *
+     * This simply creates an image resource handle
+     * based on the type of image being processed
+     *
+     * @return bool|resource
+     */
+    protected function createImage(string $path = '', string $imageType = '')
+    {
+        if ($this->resource !== null) {
+            return $this->resource;
+        }
+
+        if ($path === '') {
+            $path = $this->image()->getPathname();
+        }
+
+        if ($imageType === '') {
+            $imageType = $this->image()->imageType;
+        }
+
+        return $this->getImageResource($path, $imageType);
+    }
+
+    /**
+     * Make the image resource object if needed
+     */
+    protected function ensureResource()
+    {
+        if ($this->resource === null) {
+            // if valid image type, make corresponding image resource
+            $this->resource = $this->getImageResource(
+                $this->image()->getPathname(),
+                $this->image()->imageType,
+            );
+        }
+    }
+
+    /**
+     * Check if image type is supported and return image resource
+     *
+     * @param string $path      Image path
+     * @param int    $imageType Image type
+     *
+     * @return bool|resource
+     *
+     * @throws ImageException
+     */
+    protected function getImageResource(string $path, int $imageType)
+    {
+        switch ($imageType) {
+            case IMAGETYPE_GIF:
+                if (! function_exists('imagecreatefromgif')) {
+                    throw ImageException::forInvalidImageCreate(lang('Images.gifNotSupported'));
+                }
+
+                return imagecreatefromgif($path);
+
+            case IMAGETYPE_JPEG:
+                if (! function_exists('imagecreatefromjpeg')) {
+                    throw ImageException::forInvalidImageCreate(lang('Images.jpgNotSupported'));
+                }
+
+                return imagecreatefromjpeg($path);
+
+            case IMAGETYPE_PNG:
+                if (! function_exists('imagecreatefrompng')) {
+                    throw ImageException::forInvalidImageCreate(lang('Images.pngNotSupported'));
+                }
+
+                return @imagecreatefrompng($path);
+
+            case IMAGETYPE_WEBP:
+                if (! function_exists('imagecreatefromwebp')) {
+                    throw ImageException::forInvalidImageCreate(lang('Images.webpNotSupported'));
+                }
+
+                return imagecreatefromwebp($path);
+
+            default:
+                throw ImageException::forInvalidImageCreate('Ima');
+        }
+    }
+
+    /**
+     * Add text overlay to an image.
+     */
+    protected function _text(string $text, array $options = [])
+    {
+        // Reverse the vertical offset
+        // When the image is positioned at the bottom
+        // we don't want the vertical offset to push it
+        // further down. We want the reverse, so we'll
+        // invert the offset. Note: The horizontal
+        // offset flips itself automatically
+
+        if ($options['vAlign'] === 'bottom') {
+            $options['vOffset'] *= -1;
+        }
+
+        if ($options['hAlign'] === 'right') {
+            $options['hOffset'] *= -1;
+        }
+
+        // Set font width and height
+        // These are calculated differently depending on
+        // whether we are using the true type font or not
+        if (! empty($options['fontPath'])) {
+            if (function_exists('imagettfbbox')) {
+                $temp = imagettfbbox($options['fontSize'], 0, $options['fontPath'], $text);
+                $temp = $temp[2] - $temp[0];
+
+                $fontwidth = $temp / strlen($text);
+            } else {
+                $fontwidth = $options['fontSize'] - ($options['fontSize'] / 4);
+            }
+
+            $fontheight = $options['fontSize'];
+        } else {
+            $fontwidth  = imagefontwidth($options['fontSize']);
+            $fontheight = imagefontheight($options['fontSize']);
+        }
+
+        $options['fontheight'] = $fontheight;
+        $options['fontwidth']  = $fontwidth;
+
+        // Set base X and Y axis values
+        $xAxis = $options['hOffset'] + $options['padding'];
+        $yAxis = $options['vOffset'] + $options['padding'];
+
+        // Set vertical alignment
+        if ($options['vAlign'] === 'middle') {
+            // Don't apply padding when you're in the middle of the image.
+            $yAxis += ($this->image()->origHeight / 2) + ($fontheight / 2) - $options['padding'] - $fontheight - $options['shadowOffset'];
+        } elseif ($options['vAlign'] === 'bottom') {
+            $yAxis = ($this->image()->origHeight - $fontheight - $options['shadowOffset'] - ($fontheight / 2)) - $yAxis;
+        }
+
+        // Set horizontal alignment
+        if ($options['hAlign'] === 'right') {
+            $xAxis += ($this->image()->origWidth - ($fontwidth * strlen($text)) - $options['shadowOffset']) - (2 * $options['padding']);
+        } elseif ($options['hAlign'] === 'center') {
+            $xAxis += floor(($this->image()->origWidth - ($fontwidth * strlen($text))) / 2);
+        }
+
+        $options['xAxis'] = $xAxis;
+        $options['yAxis'] = $yAxis;
+
+        if ($options['withShadow']) {
+            // Offset from text
+            $options['xShadow'] = $xAxis + $options['shadowOffset'];
+            $options['yShadow'] = $yAxis + $options['shadowOffset'];
+
+            $this->textOverlay($text, $options, true);
+        }
+
+        $this->textOverlay($text, $options);
+    }
+
+    /**
+     * Handler-specific method for overlaying text on an image.
+     *
+     * @param bool $isShadow Whether we are drawing the dropshadow or actual text
+     */
+    protected function textOverlay(string $text, array $options = [], bool $isShadow = false)
+    {
+        $src = $this->createImage();
+
+        /* Set RGB values for shadow
+         *
+         * Get the rest of the string and split it into 2-length
+         * hex values:
+         */
+        $opacity = (int) ($options['opacity'] * 127);
+
+        // Allow opacity to be applied to the text
+        imagealphablending($src, true);
+
+        $color = $isShadow ? $options['shadowColor'] : $options['color'];
+
+        // shorthand hex, #f00
+        if (strlen($color) === 3) {
+            $color = implode('', array_map(str_repeat(...), str_split($color), [2, 2, 2]));
+        }
+
+        $color = str_split(substr($color, 0, 6), 2);
+        $color = imagecolorclosestalpha($src, hexdec($color[0]), hexdec($color[1]), hexdec($color[2]), $opacity);
+
+        $xAxis = $isShadow ? $options['xShadow'] : $options['xAxis'];
+        $yAxis = $isShadow ? $options['yShadow'] : $options['yAxis'];
+
+        // Add the shadow to the source image
+        if (! empty($options['fontPath'])) {
+            // We have to add fontheight because imagettftext locates the bottom left corner, not top-left corner.
+            imagettftext($src, $options['fontSize'], 0, (int) $xAxis, (int) ($yAxis + $options['fontheight']), $color, $options['fontPath'], $text);
+        } else {
+            imagestring($src, (int) $options['fontSize'], (int) $xAxis, (int) $yAxis, $text, $color);
+        }
+
+        $this->resource = $src;
+    }
+
+    /**
+     * Return image width.
+     *
+     * @return int
+     */
+    public function _getWidth()
+    {
+        return imagesx($this->resource);
+    }
+
+    /**
+     * Return image height.
+     *
+     * @return int
+     */
+    public function _getHeight()
+    {
+        return imagesy($this->resource);
+    }
+}
diff --git a/ci4app/system/Images/Handlers/ImageMagickHandler.php b/ci4app/system/Images/Handlers/ImageMagickHandler.php
new file mode 100644
index 0000000..233ea2d
--- /dev/null
+++ b/ci4app/system/Images/Handlers/ImageMagickHandler.php
@@ -0,0 +1,467 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Images\Handlers;
+
+use CodeIgniter\I18n\Time;
+use CodeIgniter\Images\Exceptions\ImageException;
+use Config\Images;
+use Exception;
+use Imagick;
+
+/**
+ * Class ImageMagickHandler
+ *
+ * FIXME - This needs conversion & unit testing, to use the imagick extension
+ */
+class ImageMagickHandler extends BaseHandler
+{
+    /**
+     * Stores image resource in memory.
+     *
+     * @var string|null
+     */
+    protected $resource;
+
+    /**
+     * @param Images $config
+     *
+     * @throws ImageException
+     */
+    public function __construct($config = null)
+    {
+        parent::__construct($config);
+
+        if (! extension_loaded('imagick') && ! class_exists(Imagick::class)) {
+            throw ImageException::forMissingExtension('IMAGICK'); // @codeCoverageIgnore
+        }
+
+        $cmd = $this->config->libraryPath;
+
+        if ($cmd === '') {
+            throw ImageException::forInvalidImageLibraryPath($cmd);
+        }
+
+        if (preg_match('/convert$/i', $cmd) !== 1) {
+            $cmd = rtrim($cmd, '\/') . '/convert';
+
+            $this->config->libraryPath = $cmd;
+        }
+
+        if (! is_file($cmd)) {
+            throw ImageException::forInvalidImageLibraryPath($cmd);
+        }
+    }
+
+    /**
+     * Handles the actual resizing of the image.
+     *
+     * @return ImageMagickHandler
+     *
+     * @throws Exception
+     */
+    public function _resize(bool $maintainRatio = false)
+    {
+        $source      = ! empty($this->resource) ? $this->resource : $this->image()->getPathname();
+        $destination = $this->getResourcePath();
+
+        $escape = '\\';
+
+        if (PHP_OS_FAMILY === 'Windows') {
+            $escape = '';
+        }
+
+        $action = $maintainRatio
+            ? ' -resize ' . ($this->width ?? 0) . 'x' . ($this->height ?? 0) . ' ' . escapeshellarg($source) . ' ' . escapeshellarg($destination)
+            : ' -resize ' . ($this->width ?? 0) . 'x' . ($this->height ?? 0) . "{$escape}! " . escapeshellarg($source) . ' ' . escapeshellarg($destination);
+
+        $this->process($action);
+
+        return $this;
+    }
+
+    /**
+     * Crops the image.
+     *
+     * @return bool|ImageMagickHandler
+     *
+     * @throws Exception
+     */
+    public function _crop()
+    {
+        $source      = ! empty($this->resource) ? $this->resource : $this->image()->getPathname();
+        $destination = $this->getResourcePath();
+
+        $extent = ' ';
+        if ($this->xAxis >= $this->width || $this->yAxis > $this->height) {
+            $extent = ' -background transparent -extent ' . ($this->width ?? 0) . 'x' . ($this->height ?? 0) . ' ';
+        }
+
+        $action = ' -crop ' . ($this->width ?? 0) . 'x' . ($this->height ?? 0) . '+' . ($this->xAxis ?? 0) . '+' . ($this->yAxis ?? 0) . $extent . escapeshellarg($source) . ' ' . escapeshellarg($destination);
+
+        $this->process($action);
+
+        return $this;
+    }
+
+    /**
+     * Handles the rotation of an image resource.
+     * Doesn't save the image, but replaces the current resource.
+     *
+     * @return $this
+     *
+     * @throws Exception
+     */
+    protected function _rotate(int $angle)
+    {
+        $angle = '-rotate ' . $angle;
+
+        $source      = ! empty($this->resource) ? $this->resource : $this->image()->getPathname();
+        $destination = $this->getResourcePath();
+
+        $action = ' ' . $angle . ' ' . escapeshellarg($source) . ' ' . escapeshellarg($destination);
+
+        $this->process($action);
+
+        return $this;
+    }
+
+    /**
+     * Flattens transparencies, default white background
+     *
+     * @return $this
+     *
+     * @throws Exception
+     */
+    protected function _flatten(int $red = 255, int $green = 255, int $blue = 255)
+    {
+        $flatten = "-background 'rgb({$red},{$green},{$blue})' -flatten";
+
+        $source      = ! empty($this->resource) ? $this->resource : $this->image()->getPathname();
+        $destination = $this->getResourcePath();
+
+        $action = ' ' . $flatten . ' ' . escapeshellarg($source) . ' ' . escapeshellarg($destination);
+
+        $this->process($action);
+
+        return $this;
+    }
+
+    /**
+     * Flips an image along it's vertical or horizontal axis.
+     *
+     * @return $this
+     *
+     * @throws Exception
+     */
+    protected function _flip(string $direction)
+    {
+        $angle = $direction === 'horizontal' ? '-flop' : '-flip';
+
+        $source      = ! empty($this->resource) ? $this->resource : $this->image()->getPathname();
+        $destination = $this->getResourcePath();
+
+        $action = ' ' . $angle . ' ' . escapeshellarg($source) . ' ' . escapeshellarg($destination);
+
+        $this->process($action);
+
+        return $this;
+    }
+
+    /**
+     * Get driver version
+     */
+    public function getVersion(): string
+    {
+        $versionString = $this->process('-version')[0];
+        preg_match('/ImageMagick\s(?P<version>[\S]+)/', $versionString, $matches);
+
+        return $matches['version'];
+    }
+
+    /**
+     * Handles all of the grunt work of resizing, etc.
+     *
+     * @return array Lines of output from shell command
+     *
+     * @throws Exception
+     */
+    protected function process(string $action, int $quality = 100): array
+    {
+        if ($action !== '-version') {
+            $this->supportedFormatCheck();
+        }
+
+        $cmd = $this->config->libraryPath;
+        $cmd .= $action === '-version' ? ' ' . $action : ' -quality ' . $quality . ' ' . $action;
+
+        $retval = 1;
+        $output = [];
+        // exec() might be disabled
+        if (function_usable('exec')) {
+            @exec($cmd, $output, $retval);
+        }
+
+        // Did it work?
+        if ($retval > 0) {
+            throw ImageException::forImageProcessFailed();
+        }
+
+        return $output;
+    }
+
+    /**
+     * Saves any changes that have been made to file. If no new filename is
+     * provided, the existing image is overwritten, otherwise a copy of the
+     * file is made at $target.
+     *
+     * Example:
+     *    $image->resize(100, 200, true)
+     *          ->save();
+     *
+     * @param non-empty-string|null $target
+     */
+    public function save(?string $target = null, int $quality = 90): bool
+    {
+        $original = $target;
+        $target   = ($target === null || $target === '') ? $this->image()->getPathname() : $target;
+
+        // If no new resource has been created, then we're
+        // simply copy the existing one.
+        if (empty($this->resource) && $quality === 100) {
+            if ($original === null) {
+                return true;
+            }
+
+            $name = basename($target);
+            $path = pathinfo($target, PATHINFO_DIRNAME);
+
+            return $this->image()->copy($path, $name);
+        }
+
+        $this->ensureResource();
+
+        // Copy the file through ImageMagick so that it has
+        // a chance to convert file format.
+        $action = escapeshellarg($this->resource) . ' ' . escapeshellarg($target);
+
+        $this->process($action, $quality);
+
+        unlink($this->resource);
+
+        return true;
+    }
+
+    /**
+     * Get Image Resource
+     *
+     * This simply creates an image resource handle
+     * based on the type of image being processed.
+     * Since ImageMagick is used on the cli, we need to
+     * ensure we have a temporary file on the server
+     * that we can use.
+     *
+     * To ensure we can use all features, like transparency,
+     * during the process, we'll use a PNG as the temp file type.
+     *
+     * @return string
+     *
+     * @throws Exception
+     */
+    protected function getResourcePath()
+    {
+        if ($this->resource !== null) {
+            return $this->resource;
+        }
+
+        $this->resource = WRITEPATH . 'cache/' . Time::now()->getTimestamp() . '_' . bin2hex(random_bytes(10)) . '.png';
+
+        $name = basename($this->resource);
+        $path = pathinfo($this->resource, PATHINFO_DIRNAME);
+
+        $this->image()->copy($path, $name);
+
+        return $this->resource;
+    }
+
+    /**
+     * Make the image resource object if needed
+     *
+     * @return void
+     *
+     * @throws Exception
+     */
+    protected function ensureResource()
+    {
+        $this->getResourcePath();
+
+        $this->supportedFormatCheck();
+    }
+
+    /**
+     * Check if given image format is supported
+     *
+     * @return void
+     *
+     * @throws ImageException
+     */
+    protected function supportedFormatCheck()
+    {
+        switch ($this->image()->imageType) {
+            case IMAGETYPE_WEBP:
+                if (! in_array('WEBP', Imagick::queryFormats(), true)) {
+                    throw ImageException::forInvalidImageCreate(lang('images.webpNotSupported'));
+                }
+                break;
+        }
+    }
+
+    /**
+     * Handler-specific method for overlaying text on an image.
+     *
+     * @throws Exception
+     */
+    protected function _text(string $text, array $options = [])
+    {
+        $xAxis   = 0;
+        $yAxis   = 0;
+        $gravity = '';
+        $cmd     = '';
+
+        // Reverse the vertical offset
+        // When the image is positioned at the bottom
+        // we don't want the vertical offset to push it
+        // further down. We want the reverse, so we'll
+        // invert the offset. Note: The horizontal
+        // offset flips itself automatically
+        if ($options['vAlign'] === 'bottom') {
+            $options['vOffset'] *= -1;
+        }
+
+        if ($options['hAlign'] === 'right') {
+            $options['hOffset'] *= -1;
+        }
+
+        // Font
+        if (! empty($options['fontPath'])) {
+            $cmd .= ' -font ' . escapeshellarg($options['fontPath']);
+        }
+
+        if (isset($options['hAlign'], $options['vAlign'])) {
+            switch ($options['hAlign']) {
+                case 'left':
+                    $xAxis   = $options['hOffset'] + $options['padding'];
+                    $yAxis   = $options['vOffset'] + $options['padding'];
+                    $gravity = $options['vAlign'] === 'top' ? 'NorthWest' : 'West';
+                    if ($options['vAlign'] === 'bottom') {
+                        $gravity = 'SouthWest';
+                        $yAxis   = $options['vOffset'] - $options['padding'];
+                    }
+                    break;
+
+                case 'center':
+                    $xAxis   = $options['hOffset'] + $options['padding'];
+                    $yAxis   = $options['vOffset'] + $options['padding'];
+                    $gravity = $options['vAlign'] === 'top' ? 'North' : 'Center';
+                    if ($options['vAlign'] === 'bottom') {
+                        $yAxis   = $options['vOffset'] - $options['padding'];
+                        $gravity = 'South';
+                    }
+                    break;
+
+                case 'right':
+                    $xAxis   = $options['hOffset'] - $options['padding'];
+                    $yAxis   = $options['vOffset'] + $options['padding'];
+                    $gravity = $options['vAlign'] === 'top' ? 'NorthEast' : 'East';
+                    if ($options['vAlign'] === 'bottom') {
+                        $gravity = 'SouthEast';
+                        $yAxis   = $options['vOffset'] - $options['padding'];
+                    }
+                    break;
+            }
+
+            $xAxis = $xAxis >= 0 ? '+' . $xAxis : $xAxis;
+            $yAxis = $yAxis >= 0 ? '+' . $yAxis : $yAxis;
+
+            $cmd .= ' -gravity ' . escapeshellarg($gravity) . ' -geometry ' . escapeshellarg("{$xAxis}{$yAxis}");
+        }
+
+        // Color
+        if (isset($options['color'])) {
+            [$r, $g, $b] = sscanf("#{$options['color']}", '#%02x%02x%02x');
+
+            $cmd .= ' -fill ' . escapeshellarg("rgba({$r},{$g},{$b},{$options['opacity']})");
+        }
+
+        // Font Size - use points....
+        if (isset($options['fontSize'])) {
+            $cmd .= ' -pointsize ' . escapeshellarg((string) $options['fontSize']);
+        }
+
+        // Text
+        $cmd .= ' -annotate 0 ' . escapeshellarg($text);
+
+        $source      = ! empty($this->resource) ? $this->resource : $this->image()->getPathname();
+        $destination = $this->getResourcePath();
+
+        $cmd = ' ' . escapeshellarg($source) . ' ' . $cmd . ' ' . escapeshellarg($destination);
+
+        $this->process($cmd);
+    }
+
+    /**
+     * Return the width of an image.
+     *
+     * @return int
+     */
+    public function _getWidth()
+    {
+        return imagesx(imagecreatefromstring(file_get_contents($this->resource)));
+    }
+
+    /**
+     * Return the height of an image.
+     *
+     * @return int
+     */
+    public function _getHeight()
+    {
+        return imagesy(imagecreatefromstring(file_get_contents($this->resource)));
+    }
+
+    /**
+     * Reads the EXIF information from the image and modifies the orientation
+     * so that displays correctly in the browser. This is especially an issue
+     * with images taken by smartphones who always store the image up-right,
+     * but set the orientation flag to display it correctly.
+     *
+     * @param bool $silent If true, will ignore exceptions when PHP doesn't support EXIF.
+     *
+     * @return $this
+     */
+    public function reorient(bool $silent = false)
+    {
+        $orientation = $this->getEXIF('Orientation', $silent);
+
+        return match ($orientation) {
+            2       => $this->flip('horizontal'),
+            3       => $this->rotate(180),
+            4       => $this->rotate(180)->flip('horizontal'),
+            5       => $this->rotate(90)->flip('horizontal'),
+            6       => $this->rotate(90),
+            7       => $this->rotate(270)->flip('horizontal'),
+            8       => $this->rotate(270),
+            default => $this,
+        };
+    }
+}
diff --git a/ci4app/system/Images/Image.php b/ci4app/system/Images/Image.php
new file mode 100644
index 0000000..55754e3
--- /dev/null
+++ b/ci4app/system/Images/Image.php
@@ -0,0 +1,138 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Images;
+
+use CodeIgniter\Files\File;
+use CodeIgniter\Images\Exceptions\ImageException;
+
+/**
+ * Encapsulation of an Image file
+ *
+ * @see \CodeIgniter\Images\ImageTest
+ */
+class Image extends File
+{
+    /**
+     * The original image width in pixels.
+     *
+     * @var float|int
+     */
+    public $origWidth;
+
+    /**
+     * The original image height in pixels.
+     *
+     * @var float|int
+     */
+    public $origHeight;
+
+    /**
+     * The image type constant.
+     *
+     * @see http://php.net/manual/en/image.constants.php
+     *
+     * @var int
+     */
+    public $imageType;
+
+    /**
+     * attributes string with size info:
+     * 'height="100" width="200"'
+     *
+     * @var string
+     */
+    public $sizeStr;
+
+    /**
+     * The image's mime type, i.e. image/jpeg
+     *
+     * @var string
+     */
+    public $mime;
+
+    /**
+     * Makes a copy of itself to the new location. If no filename is provided
+     * it will use the existing filename.
+     *
+     * @param string      $targetPath The directory to store the file in
+     * @param string|null $targetName The new name of the copied file.
+     * @param int         $perms      File permissions to be applied after copy.
+     */
+    public function copy(string $targetPath, ?string $targetName = null, int $perms = 0644): bool
+    {
+        $targetPath = rtrim($targetPath, '/ ') . '/';
+
+        $targetName ??= $this->getFilename();
+
+        if (empty($targetName)) {
+            throw ImageException::forInvalidFile($targetName);
+        }
+
+        if (! is_dir($targetPath)) {
+            mkdir($targetPath, 0755, true);
+        }
+
+        if (! copy($this->getPathname(), "{$targetPath}{$targetName}")) {
+            throw ImageException::forCopyError($targetPath);
+        }
+
+        chmod("{$targetPath}/{$targetName}", $perms);
+
+        return true;
+    }
+
+    /**
+     * Get image properties
+     *
+     * A helper function that gets info about the file
+     *
+     * @return array|bool
+     */
+    public function getProperties(bool $return = false)
+    {
+        $path = $this->getPathname();
+        $vals = getimagesize($path);
+
+        if ($vals === false) {
+            throw ImageException::forFileNotSupported();
+        }
+
+        $types = [
+            IMAGETYPE_GIF  => 'gif',
+            IMAGETYPE_JPEG => 'jpeg',
+            IMAGETYPE_PNG  => 'png',
+            IMAGETYPE_WEBP => 'webp',
+        ];
+
+        $mime = 'image/' . ($types[$vals[2]] ?? 'jpg');
+
+        if ($return) {
+            return [
+                'width'      => $vals[0],
+                'height'     => $vals[1],
+                'image_type' => $vals[2],
+                'size_str'   => $vals[3],
+                'mime_type'  => $mime,
+            ];
+        }
+
+        $this->origWidth  = $vals[0];
+        $this->origHeight = $vals[1];
+        $this->imageType  = $vals[2];
+        $this->sizeStr    = $vals[3];
+        $this->mime       = $mime;
+
+        return true;
+    }
+}
diff --git a/ci4app/system/Images/ImageHandlerInterface.php b/ci4app/system/Images/ImageHandlerInterface.php
new file mode 100644
index 0000000..93b2009
--- /dev/null
+++ b/ci4app/system/Images/ImageHandlerInterface.php
@@ -0,0 +1,152 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Images;
+
+/**
+ * Expected behavior of an Image handler
+ */
+interface ImageHandlerInterface
+{
+    /**
+     * Resize the image
+     *
+     * @param bool $maintainRatio If true, will get the closest match possible while keeping aspect ratio true.
+     *
+     * @return $this
+     */
+    public function resize(int $width, int $height, bool $maintainRatio = false, string $masterDim = 'auto');
+
+    /**
+     * Crops the image to the desired height and width. If one of the height/width values
+     * is not provided, that value will be set the appropriate value based on offsets and
+     * image dimensions.
+     *
+     * @param int|null $x X-axis coord to start cropping from the left of image
+     * @param int|null $y Y-axis coord to start cropping from the top of image
+     *
+     * @return $this
+     */
+    public function crop(?int $width = null, ?int $height = null, ?int $x = null, ?int $y = null, bool $maintainRatio = false, string $masterDim = 'auto');
+
+    /**
+     * Changes the stored image type to indicate the new file format to use when saving.
+     * Does not touch the actual resource.
+     *
+     * @param int $imageType A PHP imagetype constant, e.g. https://www.php.net/manual/en/function.image-type-to-mime-type.php
+     *
+     * @return $this
+     */
+    public function convert(int $imageType);
+
+    /**
+     * Rotates the image on the current canvas.
+     *
+     * @return $this
+     */
+    public function rotate(float $angle);
+
+    /**
+     * Flattens transparencies, default white background
+     *
+     * @return $this
+     */
+    public function flatten(int $red = 255, int $green = 255, int $blue = 255);
+
+    /**
+     * Reads the EXIF information from the image and modifies the orientation
+     * so that displays correctly in the browser.
+     *
+     * @return ImageHandlerInterface
+     */
+    public function reorient();
+
+    /**
+     * Retrieve the EXIF information from the image, if possible. Returns
+     * an array of the information, or null if nothing can be found.
+     *
+     * @param string|null $key If specified, will only return this piece of EXIF data.
+     *
+     * @return mixed
+     */
+    public function getEXIF(?string $key = null);
+
+    /**
+     * Flip an image horizontally or vertically
+     *
+     * @param string $dir Direction to flip, either 'vertical' or 'horizontal'
+     *
+     * @return $this
+     */
+    public function flip(string $dir = 'vertical');
+
+    /**
+     * Combine cropping and resizing into a single command.
+     *
+     * Supported positions:
+     *  - top-left
+     *  - top
+     *  - top-right
+     *  - left
+     *  - center
+     *  - right
+     *  - bottom-left
+     *  - bottom
+     *  - bottom-right
+     *
+     * @return $this
+     */
+    public function fit(int $width, int $height, string $position);
+
+    /**
+     * Overlays a string of text over the image.
+     *
+     * Valid options:
+     *
+     *  - color         Text Color (hex number)
+     *  - shadowColor   Color of the shadow (hex number)
+     *  - hAlign        Horizontal alignment: left, center, right
+     *  - vAlign        Vertical alignment: top, middle, bottom
+     *
+     * @param array{
+     *     color?: string,
+     *     shadowColor?: string,
+     *     hAlign?: string,
+     *     vAlign?: string,
+     *     hOffset?: int,
+     *     vOffset?: int,
+     *     fontPath?: string,
+     *     fontSize?: int,
+     *     shadowOffset?: int,
+     *     opacity?: float,
+     *     padding?: int,
+     *     withShadow?: bool|string
+     * } $options
+     *
+     * @return $this
+     */
+    public function text(string $text, array $options = []);
+
+    /**
+     * Saves any changes that have been made to file.
+     *
+     * Example:
+     *    $image->resize(100, 200, true)
+     *          ->save($target);
+     *
+     * @param non-empty-string|null $target The path to save the file to.
+     *
+     * @return bool
+     */
+    public function save(?string $target = null, int $quality = 90);
+}
diff --git a/ci4app/system/Language/Language.php b/ci4app/system/Language/Language.php
new file mode 100644
index 0000000..a4034bd
--- /dev/null
+++ b/ci4app/system/Language/Language.php
@@ -0,0 +1,301 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Language;
+
+use IntlException;
+use MessageFormatter;
+
+/**
+ * Handle system messages and localization.
+ *
+ * Locale-based, built on top of PHP internationalization.
+ *
+ * @see \CodeIgniter\Language\LanguageTest
+ */
+class Language
+{
+    /**
+     * Stores the retrieved language lines
+     * from files for faster retrieval on
+     * second use.
+     *
+     * @var array
+     */
+    protected $language = [];
+
+    /**
+     * The current language/locale to work with.
+     *
+     * @var string
+     */
+    protected $locale;
+
+    /**
+     * Boolean value whether the intl
+     * libraries exist on the system.
+     *
+     * @var bool
+     */
+    protected $intlSupport = false;
+
+    /**
+     * Stores filenames that have been
+     * loaded so that we don't load them again.
+     *
+     * @var array
+     */
+    protected $loadedFiles = [];
+
+    public function __construct(string $locale)
+    {
+        $this->locale = $locale;
+
+        if (class_exists(MessageFormatter::class)) {
+            $this->intlSupport = true;
+        }
+    }
+
+    /**
+     * Sets the current locale to use when performing string lookups.
+     *
+     * @return $this
+     */
+    public function setLocale(?string $locale = null)
+    {
+        if ($locale !== null) {
+            $this->locale = $locale;
+        }
+
+        return $this;
+    }
+
+    public function getLocale(): string
+    {
+        return $this->locale;
+    }
+
+    /**
+     * Parses the language string for a file, loads the file, if necessary,
+     * getting the line.
+     *
+     * @return list<string>|string
+     */
+    public function getLine(string $line, array $args = [])
+    {
+        // if no file is given, just parse the line
+        if (! str_contains($line, '.')) {
+            return $this->formatMessage($line, $args);
+        }
+
+        // Parse out the file name and the actual alias.
+        // Will load the language file and strings.
+        [$file, $parsedLine] = $this->parseLine($line, $this->locale);
+
+        $output = $this->getTranslationOutput($this->locale, $file, $parsedLine);
+
+        if ($output === null && strpos($this->locale, '-')) {
+            [$locale] = explode('-', $this->locale, 2);
+
+            [$file, $parsedLine] = $this->parseLine($line, $locale);
+
+            $output = $this->getTranslationOutput($locale, $file, $parsedLine);
+        }
+
+        // if still not found, try English
+        if ($output === null) {
+            [$file, $parsedLine] = $this->parseLine($line, 'en');
+
+            $output = $this->getTranslationOutput('en', $file, $parsedLine);
+        }
+
+        $output ??= $line;
+
+        return $this->formatMessage($output, $args);
+    }
+
+    /**
+     * @return array|string|null
+     */
+    protected function getTranslationOutput(string $locale, string $file, string $parsedLine)
+    {
+        $output = $this->language[$locale][$file][$parsedLine] ?? null;
+        if ($output !== null) {
+            return $output;
+        }
+
+        foreach (explode('.', $parsedLine) as $row) {
+            if (! isset($current)) {
+                $current = $this->language[$locale][$file] ?? null;
+            }
+
+            $output = $current[$row] ?? null;
+            if (is_array($output)) {
+                $current = $output;
+            }
+        }
+
+        if ($output !== null) {
+            return $output;
+        }
+
+        $row = current(explode('.', $parsedLine));
+        $key = substr($parsedLine, strlen($row) + 1);
+
+        return $this->language[$locale][$file][$row][$key] ?? null;
+    }
+
+    /**
+     * Parses the language string which should include the
+     * filename as the first segment (separated by period).
+     */
+    protected function parseLine(string $line, string $locale): array
+    {
+        $file = substr($line, 0, strpos($line, '.'));
+        $line = substr($line, strlen($file) + 1);
+
+        if (! isset($this->language[$locale][$file]) || ! array_key_exists($line, $this->language[$locale][$file])) {
+            $this->load($file, $locale);
+        }
+
+        return [$file, $line];
+    }
+
+    /**
+     * Advanced message formatting.
+     *
+     * @param array|string $message
+     * @param list<string> $args
+     *
+     * @return array|string
+     */
+    protected function formatMessage($message, array $args = [])
+    {
+        if (! $this->intlSupport || $args === []) {
+            return $message;
+        }
+
+        if (is_array($message)) {
+            foreach ($message as $index => $value) {
+                $message[$index] = $this->formatMessage($value, $args);
+            }
+
+            return $message;
+        }
+
+        $formatted = MessageFormatter::formatMessage($this->locale, $message, $args);
+        if ($formatted === false) {
+            // Format again to get the error message.
+            try {
+                $fmt       = new MessageFormatter($this->locale, $message);
+                $formatted = $fmt->format($args);
+                $fmtError  = '"' . $fmt->getErrorMessage() . '" (' . $fmt->getErrorCode() . ')';
+            } catch (IntlException $e) {
+                $fmtError = '"' . $e->getMessage() . '" (' . $e->getCode() . ')';
+            }
+
+            $argsString = implode(
+                ', ',
+                array_map(static fn ($element): string => '"' . $element . '"', $args),
+            );
+            $argsUrlEncoded = implode(
+                ', ',
+                array_map(static fn ($element): string => '"' . rawurlencode($element) . '"', $args),
+            );
+
+            log_message(
+                'error',
+                'Language.invalidMessageFormat: $message: "' . $message
+                . '", $args: ' . $argsString
+                . ' (urlencoded: ' . $argsUrlEncoded . '),'
+                . ' MessageFormatter Error: ' . $fmtError,
+            );
+
+            return $message . "\n【Warning】Also, invalid string(s) was passed to the Language class. See log file for details.";
+        }
+
+        return $formatted;
+    }
+
+    /**
+     * Loads a language file in the current locale. If $return is true,
+     * will return the file's contents, otherwise will merge with
+     * the existing language lines.
+     *
+     * @return list<mixed>|null
+     */
+    protected function load(string $file, string $locale, bool $return = false)
+    {
+        if (! array_key_exists($locale, $this->loadedFiles)) {
+            $this->loadedFiles[$locale] = [];
+        }
+
+        if (in_array($file, $this->loadedFiles[$locale], true)) {
+            // Don't load it more than once.
+            return [];
+        }
+
+        if (! array_key_exists($locale, $this->language)) {
+            $this->language[$locale] = [];
+        }
+
+        if (! array_key_exists($file, $this->language[$locale])) {
+            $this->language[$locale][$file] = [];
+        }
+
+        $path = "Language/{$locale}/{$file}.php";
+
+        $lang = $this->requireFile($path);
+
+        if ($return) {
+            return $lang;
+        }
+
+        $this->loadedFiles[$locale][] = $file;
+
+        // Merge our string
+        $this->language[$locale][$file] = $lang;
+
+        return null;
+    }
+
+    /**
+     * A simple method for including files that can be
+     * overridden during testing.
+     */
+    protected function requireFile(string $path): array
+    {
+        $files   = service('locator')->search($path, 'php', false);
+        $strings = [];
+
+        foreach ($files as $file) {
+            // On some OS's we were seeing failures
+            // on this command returning boolean instead
+            // of array during testing, so we've removed
+            // the require_once for now.
+            if (is_file($file)) {
+                $strings[] = require $file;
+            }
+        }
+
+        if (isset($strings[1])) {
+            $string = array_shift($strings);
+
+            $strings = array_replace_recursive($string, ...$strings);
+        } elseif (isset($strings[0])) {
+            $strings = $strings[0];
+        }
+
+        return $strings;
+    }
+}
diff --git a/ci4app/system/Language/en/CLI.php b/ci4app/system/Language/en/CLI.php
new file mode 100644
index 0000000..f636fb2
--- /dev/null
+++ b/ci4app/system/Language/en/CLI.php
@@ -0,0 +1,55 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// CLI language settings
+return [
+    'altCommandPlural'   => 'Did you mean one of these?',
+    'altCommandSingular' => 'Did you mean this?',
+    'commandNotFound'    => 'Command "{0}" not found.',
+    'generator'          => [
+        'cancelOperation' => 'Operation has been cancelled.',
+        'className'       => [
+            'cell'       => 'Cell class name',
+            'command'    => 'Command class name',
+            'config'     => 'Config class name',
+            'controller' => 'Controller class name',
+            'default'    => 'Class name',
+            'entity'     => 'Entity class name',
+            'filter'     => 'Filter class name',
+            'migration'  => 'Migration class name',
+            'model'      => 'Model class name',
+            'seeder'     => 'Seeder class name',
+            'test'       => 'Test class name',
+            'validation' => 'Validation class name',
+        ],
+        'commandType'      => 'Command type',
+        'databaseGroup'    => 'Database group',
+        'fileCreate'       => 'File created: {0}',
+        'fileError'        => 'Error while creating file: "{0}"',
+        'fileExist'        => 'File exists: "{0}"',
+        'fileOverwrite'    => 'File overwritten: "{0}"',
+        'parentClass'      => 'Parent class',
+        'returnType'       => 'Return type',
+        'tableName'        => 'Table name',
+        'usingCINamespace' => 'Warning: Using the "CodeIgniter" namespace will generate the file in the system directory.',
+        'viewName'         => [
+            'cell' => 'Cell view name',
+        ],
+    ],
+    'helpArguments'       => 'Arguments:',
+    'helpDescription'     => 'Description:',
+    'helpOptions'         => 'Options:',
+    'helpUsage'           => 'Usage:',
+    'invalidColor'        => 'Invalid "{0}" color: "{1}".',
+    'namespaceNotDefined' => 'Namespace "{0}" is not defined.',
+];
diff --git a/ci4app/system/Language/en/Cache.php b/ci4app/system/Language/en/Cache.php
new file mode 100644
index 0000000..b877c9b
--- /dev/null
+++ b/ci4app/system/Language/en/Cache.php
@@ -0,0 +1,20 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Cache language settings
+return [
+    'unableToWrite'   => 'Cache unable to write to "{0}".',
+    'invalidHandlers' => 'Cache config must have an array of $validHandlers.',
+    'noBackup'        => 'Cache config must have a handler and backupHandler set.',
+    'handlerNotFound' => 'Cache config has an invalid handler or backup handler specified.',
+];
diff --git a/ci4app/system/Language/en/Cast.php b/ci4app/system/Language/en/Cast.php
new file mode 100644
index 0000000..04ff1ef
--- /dev/null
+++ b/ci4app/system/Language/en/Cast.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Cast language settings
+return [
+    'baseCastMissing'        => 'The "{0}" class must inherit the "CodeIgniter\Entity\Cast\BaseCast" class.',
+    'invalidCastMethod'      => 'The "{0}" is invalid cast method, valid methods are: ["get", "set"].',
+    'invalidTimestamp'       => 'Type casting "timestamp" expects a correct timestamp.',
+    'jsonErrorCtrlChar'      => 'Unexpected control character found.',
+    'jsonErrorDepth'         => 'Maximum stack depth exceeded.',
+    'jsonErrorStateMismatch' => 'Underflow or the modes mismatch.',
+    'jsonErrorSyntax'        => 'Syntax error, malformed JSON.',
+    'jsonErrorUnknown'       => 'Unknown error.',
+    'jsonErrorUtf8'          => 'Malformed UTF-8 characters, possibly incorrectly encoded.',
+];
diff --git a/ci4app/system/Language/en/Cookie.php b/ci4app/system/Language/en/Cookie.php
new file mode 100644
index 0000000..c880f03
--- /dev/null
+++ b/ci4app/system/Language/en/Cookie.php
@@ -0,0 +1,26 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Cookie language settings
+return [
+    'invalidExpiresTime'    => 'Invalid "{0}" type for "Expires" attribute. Expected: string, integer, DateTimeInterface object.',
+    'invalidExpiresValue'   => 'The cookie expiration time is not valid.',
+    'invalidCookieName'     => 'The cookie name "{0}" contains invalid characters.',
+    'emptyCookieName'       => 'The cookie name cannot be empty.',
+    'invalidSecurePrefix'   => 'Using the "__Secure-" prefix requires setting the "Secure" attribute.',
+    'invalidHostPrefix'     => 'Using the "__Host-" prefix must be set with the "Secure" flag, must not have a "Domain" attribute, and the "Path" is set to "/".',
+    'invalidSameSite'       => 'The SameSite value must be None, Lax, Strict or a blank string, {0} given.',
+    'invalidSameSiteNone'   => 'Using the "SameSite=None" attribute requires setting the "Secure" attribute.',
+    'invalidCookieInstance' => '"{0}" class expected cookies array to be instances of "{1}" but got "{2}" at index {3}.',
+    'unknownCookieInstance' => 'Cookie object with name "{0}" and prefix "{1}" was not found in the collection.',
+];
diff --git a/ci4app/system/Language/en/Core.php b/ci4app/system/Language/en/Core.php
new file mode 100644
index 0000000..c01d43a
--- /dev/null
+++ b/ci4app/system/Language/en/Core.php
@@ -0,0 +1,23 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Core language settings
+return [
+    'copyError'                    => 'An error was encountered while attempting to replace the file "{0}". Please make sure your file directory is writable.',
+    'enabledZlibOutputCompression' => 'Your zlib.output_compression ini directive is turned on. This will not work well with output buffers.',
+    'invalidFile'                  => 'Invalid file: "{0}"',
+    'invalidDirectory'             => 'Directory does not exist: "{0}"',
+    'invalidPhpVersion'            => 'Your PHP version must be {0} or higher to run CodeIgniter. Current version: {1}',
+    'missingExtension'             => 'The framework needs the following extension(s) installed and loaded: "{0}".',
+    'noHandlers'                   => '"{0}" must provide at least one Handler.',
+];
diff --git a/ci4app/system/Language/en/Database.php b/ci4app/system/Language/en/Database.php
new file mode 100644
index 0000000..c5a5ddc
--- /dev/null
+++ b/ci4app/system/Language/en/Database.php
@@ -0,0 +1,33 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Database language settings
+return [
+    'invalidEvent'                     => '"{0}" is not a valid Model Event callback.',
+    'invalidArgument'                  => 'You must provide a valid "{0}".',
+    'invalidAllowedFields'             => 'Allowed fields must be specified for model: "{0}"',
+    'emptyDataset'                     => 'There is no data to {0}.',
+    'emptyPrimaryKey'                  => 'There is no primary key defined when trying to make {0}.',
+    'failGetFieldData'                 => 'Failed to get field data from database.',
+    'failGetIndexData'                 => 'Failed to get index data from database.',
+    'failGetForeignKeyData'            => 'Failed to get foreign key data from database.',
+    'parseStringFail'                  => 'Parsing key string failed.',
+    'featureUnavailable'               => 'This feature is not available for the database you are using.',
+    'tableNotFound'                    => 'Table "{0}" was not found in the current database.',
+    'noPrimaryKey'                     => '"{0}" model class does not specify a Primary Key.',
+    'noDateFormat'                     => '"{0}" model class does not have a valid dateFormat.',
+    'fieldNotExists'                   => 'Field "{0}" not found.',
+    'forEmptyInputGiven'               => 'Empty statement is given for the field "{0}"',
+    'forFindColumnHaveMultipleColumns' => 'Only single column allowed in Column name.',
+    'methodNotAvailable'               => 'You cannot use "{1}" in "{0}". This is a method of the Query Builder Class.',
+];
diff --git a/ci4app/system/Language/en/Email.php b/ci4app/system/Language/en/Email.php
new file mode 100644
index 0000000..23a97a7
--- /dev/null
+++ b/ci4app/system/Language/en/Email.php
@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Email language settings
+return [
+    'mustBeArray'          => 'The email validation method must be passed an array.',
+    'invalidAddress'       => 'Invalid email address: "{0}"',
+    'attachmentMissing'    => 'Unable to locate the following email attachment: "{0}"',
+    'attachmentUnreadable' => 'Unable to open this attachment: "{0}"',
+    'noFrom'               => 'Cannot send mail with no "From" header.',
+    'noRecipients'         => 'You must include recipients: To, Cc, or Bcc',
+    'sendFailurePHPMail'   => 'Unable to send email using PHP mail(). Your server might not be configured to send mail using this method.',
+    'sendFailureSendmail'  => 'Unable to send email using Sendmail. Your server might not be configured to send mail using this method.',
+    'sendFailureSmtp'      => 'Unable to send email using SMTP. Your server might not be configured to send mail using this method.',
+    'sent'                 => 'Your message has been successfully sent using the following protocol: {0}',
+    'noSocket'             => 'Unable to open a socket to Sendmail. Please check settings.',
+    'noHostname'           => 'You did not specify a SMTP hostname.',
+    'SMTPError'            => 'The following SMTP error was encountered: {0}',
+    'noSMTPAuth'           => 'Error: You must assign an SMTP username and password.',
+    'failedSMTPLogin'      => 'Failed to send AUTH LOGIN command. Error: {0}',
+    'SMTPAuthUsername'     => 'Failed to authenticate username. Error: {0}',
+    'SMTPAuthPassword'     => 'Failed to authenticate password. Error: {0}',
+    'SMTPDataFailure'      => 'Unable to send data: {0}',
+    'exitStatus'           => 'Exit status code: {0}',
+];
diff --git a/ci4app/system/Language/en/Encryption.php b/ci4app/system/Language/en/Encryption.php
new file mode 100644
index 0000000..dee023a
--- /dev/null
+++ b/ci4app/system/Language/en/Encryption.php
@@ -0,0 +1,22 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Encryption language settings
+return [
+    'noDriverRequested'    => 'No driver requested; Miss Daisy will be so upset!',
+    'noHandlerAvailable'   => 'Unable to find an available "{0}" encryption handler.',
+    'unKnownHandler'       => '"{0}" cannot be configured.',
+    'starterKeyNeeded'     => 'Encrypter needs a starter key.',
+    'authenticationFailed' => 'Decrypting: authentication failed.',
+    'encryptionFailed'     => 'Encryption failed.',
+];
diff --git a/ci4app/system/Language/en/Errors.php b/ci4app/system/Language/en/Errors.php
new file mode 100644
index 0000000..bd2fc96
--- /dev/null
+++ b/ci4app/system/Language/en/Errors.php
@@ -0,0 +1,22 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Errors language settings
+return [
+    'pageNotFound'    => '404 - Page Not Found',
+    'sorryCannotFind' => 'Sorry! Cannot seem to find the page you were looking for.',
+    'badRequest'      => '400 - Bad Request',
+    'sorryBadRequest' => 'Sorry! Something is wrong with your request.',
+    'whoops'          => 'Whoops!',
+    'weHitASnag'      => 'We seem to have hit a snag. Please try again later...',
+];
diff --git a/ci4app/system/Language/en/Fabricator.php b/ci4app/system/Language/en/Fabricator.php
new file mode 100644
index 0000000..e9991f9
--- /dev/null
+++ b/ci4app/system/Language/en/Fabricator.php
@@ -0,0 +1,19 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Fabricator language settings
+return [
+    'invalidModel'      => 'Invalid model supplied for fabrication.',
+    'missingFormatters' => 'No valid formatters defined.',
+    'createFailed'      => 'Fabricator failed to insert on table "{0}": {1}',
+];
diff --git a/ci4app/system/Language/en/Files.php b/ci4app/system/Language/en/Files.php
new file mode 100644
index 0000000..66b8c55
--- /dev/null
+++ b/ci4app/system/Language/en/Files.php
@@ -0,0 +1,20 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Files language settings
+return [
+    'fileNotFound'      => 'File not found: "{0}"',
+    'cannotMove'        => 'Could not move file "{0}" to "{1}". Reason: {2}',
+    'expectedDirectory' => '{0} expects a valid directory.',
+    'expectedFile'      => '{0} expects a valid file.',
+];
diff --git a/ci4app/system/Language/en/Filters.php b/ci4app/system/Language/en/Filters.php
new file mode 100644
index 0000000..8113970
--- /dev/null
+++ b/ci4app/system/Language/en/Filters.php
@@ -0,0 +1,18 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Filters language settings
+return [
+    'noFilter'           => '"{0}" filter must have a matching alias defined.',
+    'incorrectInterface' => '"{0}" must implement CodeIgniter\Filters\FilterInterface.',
+];
diff --git a/ci4app/system/Language/en/Format.php b/ci4app/system/Language/en/Format.php
new file mode 100644
index 0000000..7d792e2
--- /dev/null
+++ b/ci4app/system/Language/en/Format.php
@@ -0,0 +1,20 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Format language settings
+return [
+    'invalidFormatter' => '"{0}" is not a valid Formatter class.',
+    'invalidJSON'      => 'Failed to parse JSON string. Error: {0}',
+    'invalidMime'      => 'No Formatter defined for mime type: "{0}".',
+    'missingExtension' => 'The SimpleXML extension is required to format XML.',
+];
diff --git a/ci4app/system/Language/en/HTTP.php b/ci4app/system/Language/en/HTTP.php
new file mode 100644
index 0000000..854a897
--- /dev/null
+++ b/ci4app/system/Language/en/HTTP.php
@@ -0,0 +1,83 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// HTTP language settings
+return [
+    // CurlRequest
+    'missingCurl'     => 'CURL must be enabled to use the CURLRequest class.',
+    'invalidSSLKey'   => 'Cannot set SSL Key. "{0}" is not a valid file.',
+    'sslCertNotFound' => 'SSL certificate not found at: "{0}"',
+    'curlError'       => '{0} : {1}',
+
+    // IncomingRequest
+    'invalidNegotiationType' => '"{0}" is not a valid negotiation type. Must be one of: media, charset, encoding, language.',
+    'invalidJSON'            => 'Failed to parse JSON string. Error: {0}',
+    'unsupportedJSONFormat'  => 'The provided JSON format is not supported.',
+
+    // Message
+    'invalidHTTPProtocol' => 'Invalid HTTP Protocol Version: {0}',
+
+    // Negotiate
+    'emptySupportedNegotiations' => 'You must provide an array of supported values to all Negotiations.',
+
+    // RedirectResponse
+    'invalidRoute' => 'The route for "{0}" cannot be found.',
+
+    // DownloadResponse
+    'cannotSetBinary'        => 'When setting filepath cannot set binary.',
+    'cannotSetFilepath'      => 'When setting binary cannot set filepath: "{0}"',
+    'notFoundDownloadSource' => 'Not found download body source.',
+    'cannotSetCache'         => 'It does not support caching for downloading.',
+    'cannotSetStatusCode'    => 'It does not support change status code for downloading. code: {0}, reason: {1}',
+
+    // Response
+    'missingResponseStatus' => 'HTTP Response is missing a status code',
+    'invalidStatusCode'     => '{0} is not a valid HTTP return status code',
+    'unknownStatusCode'     => 'Unknown HTTP status code provided with no message: {0}',
+
+    // URI
+    'cannotParseURI'       => 'Unable to parse URI: "{0}"',
+    'segmentOutOfRange'    => 'Request URI segment is out of range: "{0}"',
+    'invalidPort'          => 'Ports must be between 0 and 65535. Given: {0}',
+    'malformedQueryString' => 'Query strings may not include URI fragments.',
+
+    // Page Not Found
+    'pageNotFound'       => 'Page Not Found',
+    'emptyController'    => 'No Controller specified.',
+    'controllerNotFound' => 'Controller or its method is not found: {0}::{1}',
+    'methodNotFound'     => 'Controller method is not found: "{0}"',
+    'localeNotSupported' => 'Locale is not supported: {0}',
+
+    // CSRF
+    // @deprecated use 'Security.disallowedAction'
+    'disallowedAction' => 'The action you requested is not allowed.',
+
+    // Uploaded file moving
+    'alreadyMoved' => 'The uploaded file has already been moved.',
+    'invalidFile'  => 'The original file is not a valid file.',
+    'moveFailed'   => 'Could not move file "{0}" to "{1}". Reason: {2}',
+
+    'uploadErrOk'        => 'The file uploaded with success.',
+    'uploadErrIniSize'   => 'The file "%s" exceeds your upload_max_filesize ini directive.',
+    'uploadErrFormSize'  => 'The file "%s" exceeds the upload limit defined in your form.',
+    'uploadErrPartial'   => 'The file "%s" was only partially uploaded.',
+    'uploadErrNoFile'    => 'No file was uploaded.',
+    'uploadErrCantWrite' => 'The file "%s" could not be written on disk.',
+    'uploadErrNoTmpDir'  => 'File could not be uploaded: missing temporary directory.',
+    'uploadErrExtension' => 'File upload was stopped by a PHP extension.',
+    'uploadErrUnknown'   => 'The file "%s" was not uploaded due to an unknown error.',
+
+    // SameSite setting
+    // @deprecated
+    'invalidSameSiteSetting' => 'The SameSite setting must be None, Lax, Strict, or a blank string. Given: {0}',
+];
diff --git a/ci4app/system/Language/en/Images.php b/ci4app/system/Language/en/Images.php
new file mode 100644
index 0000000..41dbe97
--- /dev/null
+++ b/ci4app/system/Language/en/Images.php
@@ -0,0 +1,36 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Images language settings
+return [
+    'sourceImageRequired'    => 'You must specify a source image in your preferences.',
+    'gdRequired'             => 'The GD image library is required to use this feature.',
+    'gdRequiredForProps'     => 'Your server must support the GD image library in order to determine the image properties.',
+    'gifNotSupported'        => 'GIF images are often not supported due to licensing restrictions. You may have to use JPG or PNG images instead.',
+    'jpgNotSupported'        => 'JPG images are not supported.',
+    'pngNotSupported'        => 'PNG images are not supported.',
+    'webpNotSupported'       => 'WEBP images are not supported.',
+    'fileNotSupported'       => 'The supplied file is not a supported image type.',
+    'unsupportedImageCreate' => 'Your server does not support the GD function required to process this type of image.',
+    'jpgOrPngRequired'       => 'The image resize protocol specified in your preferences only works with JPEG or PNG image types.',
+    'rotateUnsupported'      => 'Image rotation does not appear to be supported by your server.',
+    'libPathInvalid'         => 'The path to your image library is not correct. Please set the correct path in your image preferences. "{0}"',
+    'imageProcessFailed'     => 'Image processing failed. Please verify that your server supports the chosen protocol and that the path to your image library is correct.',
+    'rotationAngleRequired'  => 'An angle of rotation is required to rotate the image.',
+    'invalidPath'            => 'The path to the image is not correct.',
+    'copyFailed'             => 'The image copy routine failed.',
+    'missingFont'            => 'Unable to find a font to use.',
+    'saveFailed'             => 'Unable to save the image. Please make sure the image and file directory are writable.',
+    'invalidDirection'       => 'Flip direction can be only "vertical" or "horizontal". Given: "{0}"',
+    'exifNotSupported'       => 'Reading EXIF data is not supported by this PHP installation.',
+];
diff --git a/ci4app/system/Language/en/Language.php b/ci4app/system/Language/en/Language.php
new file mode 100644
index 0000000..16456c3
--- /dev/null
+++ b/ci4app/system/Language/en/Language.php
@@ -0,0 +1,17 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// "Language" language settings
+return [
+    'invalidMessageFormat' => 'Invalid message format: "{0}", args: "{1}"',
+];
diff --git a/ci4app/system/Language/en/Log.php b/ci4app/system/Language/en/Log.php
new file mode 100644
index 0000000..0a8f274
--- /dev/null
+++ b/ci4app/system/Language/en/Log.php
@@ -0,0 +1,18 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Log language settings
+return [
+    'invalidLogLevel'    => '"{0}" is an invalid log level.',
+    'invalidMessageType' => 'The given message type "{0}" is not supported.',
+];
diff --git a/ci4app/system/Language/en/Migrations.php b/ci4app/system/Language/en/Migrations.php
new file mode 100644
index 0000000..5d7f3a8
--- /dev/null
+++ b/ci4app/system/Language/en/Migrations.php
@@ -0,0 +1,60 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Migration language settings
+return [
+    // Migration Runner
+    'missingTable'  => 'Migrations table must be set.',
+    'disabled'      => 'Migrations have been loaded but are disabled or setup incorrectly.',
+    'notFound'      => 'Migration file not found: ',
+    'batchNotFound' => 'Target batch not found: ',
+    'empty'         => 'No Migration files found',
+    'gap'           => 'There is a gap in the migration sequence near version number: ',
+    'classNotFound' => 'The migration class "%s" could not be found.',
+    'missingMethod' => 'The migration class is missing an "%s" method.',
+
+    // Migration Command
+    'migHelpLatest'   => "\t\tMigrates database to latest available migration.",
+    'migHelpCurrent'  => "\t\tMigrates database to version set as 'current' in configuration.",
+    'migHelpVersion'  => "\tMigrates database to version {v}.",
+    'migHelpRollback' => "\tRuns all migrations 'down' to version 0.",
+    'migHelpRefresh'  => "\t\tUninstalls and re-runs all migrations to freshen database.",
+    'migHelpSeed'     => "\tRuns the seeder named [name].",
+    'migCreate'       => "\tCreates a new migration named [name]",
+    'nameMigration'   => 'Name the migration file',
+    'migNumberError'  => 'Migration number must be three digits, and there must not be any gaps in the sequence.',
+    'rollBackConfirm' => 'Are you sure you want to rollback?',
+    'refreshConfirm'  => 'Are you sure you want to refresh?',
+
+    'latest'            => 'Running all new migrations...',
+    'generalFault'      => 'Migration failed!',
+    'migrated'          => 'Migrations complete.',
+    'migInvalidVersion' => 'Invalid version number provided.',
+    'toVersionPH'       => 'Migrating to version %s...',
+    'toVersion'         => 'Migrating to current version...',
+    'rollingBack'       => 'Rolling back migrations to batch: ',
+    'noneFound'         => 'No migrations were found.',
+    'migSeeder'         => 'Seeder name',
+    'migMissingSeeder'  => 'You must provide a seeder name.',
+    'nameSeeder'        => 'Name the seeder file',
+    'removed'           => 'Rolling back: ',
+    'added'             => 'Running: ',
+
+    // Migrate Status
+    'namespace' => 'Namespace',
+    'filename'  => 'Filename',
+    'version'   => 'Version',
+    'group'     => 'Group',
+    'on'        => 'Migrated On: ',
+    'batch'     => 'Batch',
+];
diff --git a/ci4app/system/Language/en/Number.php b/ci4app/system/Language/en/Number.php
new file mode 100644
index 0000000..760d171
--- /dev/null
+++ b/ci4app/system/Language/en/Number.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Number language settings
+return [
+    'terabyteAbbr' => 'TB',
+    'gigabyteAbbr' => 'GB',
+    'megabyteAbbr' => 'MB',
+    'kilobyteAbbr' => 'KB',
+    'bytes'        => 'Bytes',
+
+    // don't forget the space in front of these!
+    'thousand'    => ' thousand',
+    'million'     => ' million',
+    'billion'     => ' billion',
+    'trillion'    => ' trillion',
+    'quadrillion' => ' quadrillion',
+];
diff --git a/ci4app/system/Language/en/Pager.php b/ci4app/system/Language/en/Pager.php
new file mode 100644
index 0000000..f5dd6f0
--- /dev/null
+++ b/ci4app/system/Language/en/Pager.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Pager language settings
+return [
+    'pageNavigation'         => 'Page navigation',
+    'first'                  => 'First',
+    'previous'               => 'Previous',
+    'next'                   => 'Next',
+    'last'                   => 'Last',
+    'older'                  => 'Older',
+    'newer'                  => 'Newer',
+    'invalidTemplate'        => '"{0}" is not a valid Pager template.',
+    'invalidPaginationGroup' => '"{0}" is not a valid Pagination group.',
+];
diff --git a/ci4app/system/Language/en/Publisher.php b/ci4app/system/Language/en/Publisher.php
new file mode 100644
index 0000000..c2d6d51
--- /dev/null
+++ b/ci4app/system/Language/en/Publisher.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Publisher language settings
+return [
+    'collision'             => 'Publisher encountered an unexpected "{0}" while copying "{1}" to "{2}".',
+    'destinationNotAllowed' => 'Destination is not on the allowed list of Publisher directories: "{0}"',
+    'fileNotAllowed'        => '"{0}" fails the following restriction for "{1}": {2}',
+
+    // Publish Command
+    'publishMissing'          => 'No Publisher classes detected in {0} across all namespaces.',
+    'publishMissingNamespace' => 'No Publisher classes detected in {0} in the {1} namespace.',
+    'publishSuccess'          => '"{0}" published {1} file(s) to "{2}".',
+    'publishFailure'          => '"{0}" failed to publish to "{1}".',
+];
diff --git a/ci4app/system/Language/en/RESTful.php b/ci4app/system/Language/en/RESTful.php
new file mode 100644
index 0000000..59e014b
--- /dev/null
+++ b/ci4app/system/Language/en/RESTful.php
@@ -0,0 +1,17 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// RESTful language settings
+return [
+    'notImplemented' => '"{0}" action not implemented.',
+];
diff --git a/ci4app/system/Language/en/Router.php b/ci4app/system/Language/en/Router.php
new file mode 100644
index 0000000..7bb5586
--- /dev/null
+++ b/ci4app/system/Language/en/Router.php
@@ -0,0 +1,20 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Router language settings
+return [
+    'invalidParameter'         => 'A parameter does not match the expected type.',
+    'missingDefaultRoute'      => 'Unable to determine what should be displayed. A default route has not been specified in the routing file.',
+    'invalidDynamicController' => 'A dynamic controller is not allowed for security reasons. Route handler: "{0}"',
+    'invalidControllerName'    => 'The namespace delimiter is a backslash (\), not a slash (/). Route handler: "{0}"',
+];
diff --git a/ci4app/system/Language/en/Security.php b/ci4app/system/Language/en/Security.php
new file mode 100644
index 0000000..fd906e3
--- /dev/null
+++ b/ci4app/system/Language/en/Security.php
@@ -0,0 +1,21 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Security language settings
+return [
+    'disallowedAction' => 'The action you requested is not allowed.',
+    'insecureCookie'   => 'Attempted to send a secure cookie over a non-secure connection.',
+
+    // @deprecated
+    'invalidSameSite' => 'The SameSite value must be None, Lax, Strict, or a blank string. Given: "{0}"',
+];
diff --git a/ci4app/system/Language/en/Session.php b/ci4app/system/Language/en/Session.php
new file mode 100644
index 0000000..340ef75
--- /dev/null
+++ b/ci4app/system/Language/en/Session.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Session language settings
+return [
+    'missingDatabaseTable'   => '"sessionSavePath" must have the table name for the Database Session Handler to work.',
+    'invalidSavePath'        => 'Session: Configured save path "{0}" is not a directory, does not exist or cannot be created.',
+    'writeProtectedSavePath' => 'Session: Configured save path "{0}" is not writable by the PHP process.',
+    'emptySavePath'          => 'Session: No save path configured.',
+    'invalidSavePathFormat'  => 'Session: Invalid Redis save path format: "{0}"',
+
+    // @deprecated
+    'invalidSameSiteSetting' => 'Session: The SameSite setting must be None, Lax, Strict, or a blank string. Given: "{0}"',
+];
diff --git a/ci4app/system/Language/en/Test.php b/ci4app/system/Language/en/Test.php
new file mode 100644
index 0000000..8abcfc3
--- /dev/null
+++ b/ci4app/system/Language/en/Test.php
@@ -0,0 +1,17 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Testing language settings
+return [
+    'invalidMockClass' => '"{0}" is not a valid Mock class',
+];
diff --git a/ci4app/system/Language/en/Time.php b/ci4app/system/Language/en/Time.php
new file mode 100644
index 0000000..2cb2521
--- /dev/null
+++ b/ci4app/system/Language/en/Time.php
@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Time language settings
+return [
+    'invalidFormat'  => '"{0}" is not a valid datetime format',
+    'invalidMonth'   => 'Months must be between 1 and 12. Given: {0}',
+    'invalidDay'     => 'Days must be between 1 and 31. Given: {0}',
+    'invalidOverDay' => 'Days must be between 1 and {0}. Given: {1}',
+    'invalidHours'   => 'Hours must be between 0 and 23. Given: {0}',
+    'invalidMinutes' => 'Minutes must be between 0 and 59. Given: {0}',
+    'invalidSeconds' => 'Seconds must be between 0 and 59. Given: {0}',
+    'years'          => '{0, plural, =1{# year} other{# years}}',
+    'months'         => '{0, plural, =1{# month} other{# months}}',
+    'weeks'          => '{0, plural, =1{# week} other{# weeks}}',
+    'days'           => '{0, plural, =1{# day} other{# days}}',
+    'hours'          => '{0, plural, =1{# hour} other{# hours}}',
+    'minutes'        => '{0, plural, =1{# minute} other{# minutes}}',
+    'seconds'        => '{0, plural, =1{# second} other{# seconds}}',
+    'ago'            => '{0} ago',
+    'inFuture'       => 'in {0}',
+    'yesterday'      => 'Yesterday',
+    'tomorrow'       => 'Tomorrow',
+    'now'            => 'Just now',
+];
diff --git a/ci4app/system/Language/en/Validation.php b/ci4app/system/Language/en/Validation.php
new file mode 100644
index 0000000..facf512
--- /dev/null
+++ b/ci4app/system/Language/en/Validation.php
@@ -0,0 +1,78 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// Validation language settings
+return [
+    // Core Messages
+    'noRuleSets'      => 'No rule sets specified in Validation configuration.',
+    'ruleNotFound'    => '"{0}" is not a valid rule.',
+    'groupNotFound'   => '"{0}" is not a validation rules group.',
+    'groupNotArray'   => '"{0}" rule group must be an array.',
+    'invalidTemplate' => '"{0}" is not a valid Validation template.',
+
+    // Rule Messages
+    'alpha'                 => 'The {field} field may only contain alphabetical characters.',
+    'alpha_dash'            => 'The {field} field may only contain alphanumeric, underscore, and dash characters.',
+    'alpha_numeric'         => 'The {field} field may only contain alphanumeric characters.',
+    'alpha_numeric_punct'   => 'The {field} field may contain only alphanumeric characters, spaces, and  ~ ! # $ % & * - _ + = | : . characters.',
+    'alpha_numeric_space'   => 'The {field} field may only contain alphanumeric and space characters.',
+    'alpha_space'           => 'The {field} field may only contain alphabetical characters and spaces.',
+    'decimal'               => 'The {field} field must contain a decimal number.',
+    'differs'               => 'The {field} field must differ from the {param} field.',
+    'equals'                => 'The {field} field must be exactly: {param}.',
+    'exact_length'          => 'The {field} field must be exactly {param} characters in length.',
+    'field_exists'          => 'The {field} field must exist.',
+    'greater_than'          => 'The {field} field must contain a number greater than {param}.',
+    'greater_than_equal_to' => 'The {field} field must contain a number greater than or equal to {param}.',
+    'hex'                   => 'The {field} field may only contain hexadecimal characters.',
+    'in_list'               => 'The {field} field must be one of: {param}.',
+    'integer'               => 'The {field} field must contain an integer.',
+    'is_natural'            => 'The {field} field must only contain digits.',
+    'is_natural_no_zero'    => 'The {field} field must only contain digits and must be greater than zero.',
+    'is_not_unique'         => 'The {field} field must contain a previously existing value in the database.',
+    'is_unique'             => 'The {field} field must contain a unique value.',
+    'less_than'             => 'The {field} field must contain a number less than {param}.',
+    'less_than_equal_to'    => 'The {field} field must contain a number less than or equal to {param}.',
+    'matches'               => 'The {field} field does not match the {param} field.',
+    'max_length'            => 'The {field} field cannot exceed {param} characters in length.',
+    'min_length'            => 'The {field} field must be at least {param} characters in length.',
+    'not_equals'            => 'The {field} field cannot be: {param}.',
+    'not_in_list'           => 'The {field} field must not be one of: {param}.',
+    'numeric'               => 'The {field} field must contain only numbers.',
+    'regex_match'           => 'The {field} field is not in the correct format.',
+    'required'              => 'The {field} field is required.',
+    'required_with'         => 'The {field} field is required when {param} is present.',
+    'required_without'      => 'The {field} field is required when {param} is not present.',
+    'string'                => 'The {field} field must be a valid string.',
+    'timezone'              => 'The {field} field must be a valid timezone.',
+    'valid_base64'          => 'The {field} field must be a valid base64 string.',
+    'valid_email'           => 'The {field} field must contain a valid email address.',
+    'valid_emails'          => 'The {field} field must contain all valid email addresses.',
+    'valid_ip'              => 'The {field} field must contain a valid IP.',
+    'valid_url'             => 'The {field} field must contain a valid URL.',
+    'valid_url_strict'      => 'The {field} field must contain a valid URL.',
+    'valid_date'            => 'The {field} field must contain a valid date.',
+    'valid_json'            => 'The {field} field must contain a valid json.',
+
+    // Credit Cards
+    'valid_cc_num' => '{field} does not appear to be a valid credit card number.',
+
+    // Files
+    'uploaded' => '{field} is not a valid uploaded file.',
+    'max_size' => '{field} is too large of a file.',
+    'is_image' => '{field} is not a valid, uploaded image file.',
+    'mime_in'  => '{field} does not have a valid mime type.',
+    'ext_in'   => '{field} does not have a valid file extension.',
+    'max_dims' => '{field} is either not an image, or it is too wide or tall.',
+    'min_dims' => '{field} is either not an image, or it is not wide or tall enough.',
+];
diff --git a/ci4app/system/Language/en/View.php b/ci4app/system/Language/en/View.php
new file mode 100644
index 0000000..79d57f0
--- /dev/null
+++ b/ci4app/system/Language/en/View.php
@@ -0,0 +1,23 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+// View language settings
+return [
+    'invalidCellMethod'     => '{class}::{method} is not a valid method.',
+    'missingCellParameters' => '{class}::{method} has no params.',
+    'invalidCellParameter'  => '"{0}" is not a valid param name.',
+    'noCellClass'           => 'No view cell class provided.',
+    'invalidCellClass'      => 'Unable to locate view cell class: "{0}".',
+    'tagSyntaxError'        => 'You have a syntax error in your Parser tags: "{0}"',
+    'invalidDecoratorClass' => '"{0}" is not a valid View Decorator.',
+];
diff --git a/ci4app/system/Log/Exceptions/LogException.php b/ci4app/system/Log/Exceptions/LogException.php
new file mode 100644
index 0000000..1a2f1a7
--- /dev/null
+++ b/ci4app/system/Log/Exceptions/LogException.php
@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Log\Exceptions;
+
+use CodeIgniter\Exceptions\FrameworkException;
+
+class LogException extends FrameworkException
+{
+    /**
+     * @return static
+     */
+    public static function forInvalidLogLevel(string $level)
+    {
+        return new static(lang('Log.invalidLogLevel', [$level]));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forInvalidMessageType(string $messageType)
+    {
+        return new static(lang('Log.invalidMessageType', [$messageType]));
+    }
+}
diff --git a/ci4app/system/Log/Handlers/BaseHandler.php b/ci4app/system/Log/Handlers/BaseHandler.php
new file mode 100644
index 0000000..2b82f0f
--- /dev/null
+++ b/ci4app/system/Log/Handlers/BaseHandler.php
@@ -0,0 +1,61 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Log\Handlers;
+
+/**
+ * Base class for logging
+ */
+abstract class BaseHandler implements HandlerInterface
+{
+    /**
+     * Handles
+     *
+     * @var list<string>
+     */
+    protected $handles;
+
+    /**
+     * Date format for logging
+     *
+     * @var string
+     */
+    protected $dateFormat = 'Y-m-d H:i:s';
+
+    /**
+     * @param array{handles?: list<string>} $config
+     */
+    public function __construct(array $config)
+    {
+        $this->handles = $config['handles'] ?? [];
+    }
+
+    /**
+     * Checks whether the Handler will handle logging items of this
+     * log Level.
+     */
+    public function canHandle(string $level): bool
+    {
+        return in_array($level, $this->handles, true);
+    }
+
+    /**
+     * Stores the date format to use while logging messages.
+     */
+    public function setDateFormat(string $format): HandlerInterface
+    {
+        $this->dateFormat = $format;
+
+        return $this;
+    }
+}
diff --git a/ci4app/system/Log/Handlers/ChromeLoggerHandler.php b/ci4app/system/Log/Handlers/ChromeLoggerHandler.php
new file mode 100644
index 0000000..8d76339
--- /dev/null
+++ b/ci4app/system/Log/Handlers/ChromeLoggerHandler.php
@@ -0,0 +1,171 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Log\Handlers;
+
+use CodeIgniter\HTTP\ResponseInterface;
+
+/**
+ * Allows for logging items to the Chrome console for debugging.
+ * Requires the ChromeLogger extension installed in your browser.
+ *
+ * @see https://craig.is/writing/chrome-logger
+ * @see \CodeIgniter\Log\Handlers\ChromeLoggerHandlerTest
+ */
+class ChromeLoggerHandler extends BaseHandler
+{
+    /**
+     * Version of this library - for ChromeLogger use.
+     */
+    public const VERSION = 1.0;
+
+    /**
+     * The number of track frames returned from the backtrace.
+     *
+     * @var int
+     */
+    protected $backtraceLevel = 0;
+
+    /**
+     * The final data that is sent to the browser.
+     *
+     * @var array{
+     *   version: float,
+     *   columns: list<string>,
+     *   rows: list<array{
+     *     0: list<string>,
+     *     1: string,
+     *     2: string,
+     *   }>,
+     *   request_uri?: string,
+     * }
+     */
+    protected $json = [
+        'version' => self::VERSION,
+        'columns' => [
+            'log',
+            'backtrace',
+            'type',
+        ],
+        'rows' => [],
+    ];
+
+    /**
+     * The header used to pass the data.
+     *
+     * @var string
+     */
+    protected $header = 'X-ChromeLogger-Data';
+
+    /**
+     * Maps the log levels to the ChromeLogger types.
+     *
+     * @var array<string, string>
+     */
+    protected $levels = [
+        'emergency' => 'error',
+        'alert'     => 'error',
+        'critical'  => 'error',
+        'error'     => 'error',
+        'warning'   => 'warn',
+        'notice'    => 'warn',
+        'info'      => 'info',
+        'debug'     => 'info',
+    ];
+
+    /**
+     * @param array{handles?: list<string>} $config
+     */
+    public function __construct(array $config = [])
+    {
+        parent::__construct($config);
+
+        $this->json['request_uri'] = current_url();
+    }
+
+    /**
+     * Handles logging the message.
+     * If the handler returns false, then execution of handlers
+     * will stop. Any handlers that have not run, yet, will not
+     * be run.
+     *
+     * @param string $level
+     * @param string $message
+     */
+    public function handle($level, $message): bool
+    {
+        $message = $this->format($message);
+
+        $backtrace = debug_backtrace(0, $this->backtraceLevel);
+        $backtrace = end($backtrace);
+
+        $backtraceMessage = 'unknown';
+        if (isset($backtrace['file'], $backtrace['line'])) {
+            $backtraceMessage = $backtrace['file'] . ':' . $backtrace['line'];
+        }
+
+        // Default to 'log' type.
+        $type = '';
+
+        if (array_key_exists($level, $this->levels)) {
+            $type = $this->levels[$level];
+        }
+
+        $this->json['rows'][] = [[$message], $backtraceMessage, $type];
+
+        $this->sendLogs();
+
+        return true;
+    }
+
+    /**
+     * Converts the object to display nicely in the Chrome Logger UI.
+     *
+     * @param object|string $object
+     *
+     * @return array<string, mixed>|string
+     */
+    protected function format($object)
+    {
+        if (! is_object($object)) {
+            return $object;
+        }
+
+        // @todo Modify formatting of objects once we can view them in browser.
+        $objectArray = (array) $object;
+
+        $objectArray['___class_name'] = $object::class;
+
+        return $objectArray;
+    }
+
+    /**
+     * Attaches the header and the content to the passed in request object.
+     *
+     * @param-out ResponseInterface $response
+     *
+     * @return void
+     */
+    public function sendLogs(?ResponseInterface &$response = null)
+    {
+        if (! $response instanceof ResponseInterface) {
+            $response = service('response', null, true);
+        }
+
+        $data = base64_encode(
+            mb_convert_encoding(json_encode($this->json), 'UTF-8', mb_list_encodings()),
+        );
+
+        $response->setHeader($this->header, $data);
+    }
+}
diff --git a/ci4app/system/Log/Handlers/ErrorlogHandler.php b/ci4app/system/Log/Handlers/ErrorlogHandler.php
new file mode 100644
index 0000000..a7e8204
--- /dev/null
+++ b/ci4app/system/Log/Handlers/ErrorlogHandler.php
@@ -0,0 +1,90 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Log\Handlers;
+
+use CodeIgniter\Log\Exceptions\LogException;
+
+/**
+ * Log handler that writes to PHP's `error_log()`
+ *
+ * @see \CodeIgniter\Log\Handlers\ErrorlogHandlerTest
+ */
+class ErrorlogHandler extends BaseHandler
+{
+    /**
+     * Message is sent to PHP's system logger, using the Operating System's
+     * system logging mechanism or a file, depending on what the error_log
+     * configuration directive is set to.
+     */
+    public const TYPE_OS = 0;
+
+    /**
+     * Message is sent directly to the SAPI logging handler.
+     */
+    public const TYPE_SAPI = 4;
+
+    /**
+     * Says where the error should go. Currently supported are
+     * 0 (`TYPE_OS`) and 4 (`TYPE_SAPI`).
+     *
+     * @var 0|4
+     */
+    protected $messageType = 0;
+
+    /**
+     * Constructor.
+     *
+     * @param array{handles?: list<string>, messageType?: int} $config
+     */
+    public function __construct(array $config = [])
+    {
+        parent::__construct($config);
+
+        $messageType = $config['messageType'] ?? self::TYPE_OS;
+
+        if (! is_int($messageType) || ! in_array($messageType, [self::TYPE_OS, self::TYPE_SAPI], true)) {
+            throw LogException::forInvalidMessageType(print_r($messageType, true));
+        }
+
+        $this->messageType = $messageType;
+    }
+
+    /**
+     * Handles logging the message.
+     * If the handler returns false, then execution of handlers
+     * will stop. Any handlers that have not run, yet, will not
+     * be run.
+     *
+     * @param string $level
+     * @param string $message
+     */
+    public function handle($level, $message): bool
+    {
+        $message = strtoupper($level) . ' --> ' . $message . "\n";
+
+        return $this->errorLog($message, $this->messageType);
+    }
+
+    /**
+     * Extracted call to `error_log()` in order to be tested.
+     *
+     * @param 0|4 $messageType
+     *
+     * @codeCoverageIgnore
+     */
+    protected function errorLog(string $message, int $messageType): bool
+    {
+        return error_log($message, $messageType);
+    }
+}
diff --git a/ci4app/system/Log/Handlers/FileHandler.php b/ci4app/system/Log/Handlers/FileHandler.php
new file mode 100644
index 0000000..d3132bf
--- /dev/null
+++ b/ci4app/system/Log/Handlers/FileHandler.php
@@ -0,0 +1,129 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Log\Handlers;
+
+use DateTime;
+use Exception;
+
+/**
+ * Log error messages to file system
+ *
+ * @see \CodeIgniter\Log\Handlers\FileHandlerTest
+ */
+class FileHandler extends BaseHandler
+{
+    /**
+     * Folder to hold logs
+     *
+     * @var string
+     */
+    protected $path;
+
+    /**
+     * Extension to use for log files
+     *
+     * @var string
+     */
+    protected $fileExtension;
+
+    /**
+     * Permissions for new log files
+     *
+     * @var int
+     */
+    protected $filePermissions;
+
+    /**
+     * @param array{handles?: list<string>, path?: string, fileExtension?: string, filePermissions?: int} $config
+     */
+    public function __construct(array $config = [])
+    {
+        parent::__construct($config);
+
+        $defaults = ['path' => WRITEPATH . 'logs/', 'fileExtension' => 'log', 'filePermissions' => 0644];
+        $config   = [...$defaults, ...$config];
+
+        $this->path = $config['path'] === '' ? $defaults['path'] : $config['path'];
+
+        $this->fileExtension = $config['fileExtension'] === ''
+            ? $defaults['fileExtension']
+            : ltrim($config['fileExtension'], '.');
+
+        $this->filePermissions = $config['filePermissions'];
+    }
+
+    /**
+     * Handles logging the message.
+     * If the handler returns false, then execution of handlers
+     * will stop. Any handlers that have not run, yet, will not
+     * be run.
+     *
+     * @param string $level
+     * @param string $message
+     *
+     * @throws Exception
+     */
+    public function handle($level, $message): bool
+    {
+        $filepath = $this->path . 'log-' . date('Y-m-d') . '.' . $this->fileExtension;
+
+        $msg = '';
+
+        $newfile = false;
+        if (! is_file($filepath)) {
+            $newfile = true;
+
+            // Only add protection to php files
+            if ($this->fileExtension === 'php') {
+                $msg .= "<?php defined('SYSTEMPATH') || exit('No direct script access allowed'); ?>\n\n";
+            }
+        }
+
+        if (! $fp = @fopen($filepath, 'ab')) {
+            return false;
+        }
+
+        // Instantiating DateTime with microseconds appended to initial date is needed for proper support of this format
+        if (str_contains($this->dateFormat, 'u')) {
+            $microtimeFull  = microtime(true);
+            $microtimeShort = sprintf('%06d', ($microtimeFull - floor($microtimeFull)) * 1_000_000);
+            $date           = new DateTime(date('Y-m-d H:i:s.' . $microtimeShort, (int) $microtimeFull));
+            $date           = $date->format($this->dateFormat);
+        } else {
+            $date = date($this->dateFormat);
+        }
+
+        $msg .= strtoupper($level) . ' - ' . $date . ' --> ' . $message . "\n";
+
+        flock($fp, LOCK_EX);
+
+        $result = null;
+
+        for ($written = 0, $length = strlen($msg); $written < $length; $written += $result) {
+            if (($result = fwrite($fp, substr($msg, $written))) === false) {
+                // if we get this far, we'll never see this during unit testing
+                break; // @codeCoverageIgnore
+            }
+        }
+
+        flock($fp, LOCK_UN);
+        fclose($fp);
+
+        if ($newfile) {
+            chmod($filepath, $this->filePermissions);
+        }
+
+        return is_int($result);
+    }
+}
diff --git a/ci4app/system/Log/Handlers/HandlerInterface.php b/ci4app/system/Log/Handlers/HandlerInterface.php
new file mode 100644
index 0000000..40a9958
--- /dev/null
+++ b/ci4app/system/Log/Handlers/HandlerInterface.php
@@ -0,0 +1,44 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Log\Handlers;
+
+/**
+ * Expected behavior for a Log handler
+ */
+interface HandlerInterface
+{
+    /**
+     * Handles logging the message.
+     * If the handler returns false, then execution of handlers
+     * will stop. Any handlers that have not run, yet, will not
+     * be run.
+     *
+     * @param string $level
+     * @param string $message
+     */
+    public function handle($level, $message): bool;
+
+    /**
+     * Checks whether the Handler will handle logging items of this
+     * log Level.
+     */
+    public function canHandle(string $level): bool;
+
+    /**
+     * Sets the preferred date format to use when logging.
+     *
+     * @return HandlerInterface
+     */
+    public function setDateFormat(string $format);
+}
diff --git a/ci4app/system/Log/Logger.php b/ci4app/system/Log/Logger.php
new file mode 100644
index 0000000..3770e3a
--- /dev/null
+++ b/ci4app/system/Log/Logger.php
@@ -0,0 +1,379 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Log;
+
+use CodeIgniter\Exceptions\RuntimeException;
+use CodeIgniter\Log\Exceptions\LogException;
+use CodeIgniter\Log\Handlers\HandlerInterface;
+use Psr\Log\LoggerInterface;
+use Stringable;
+use Throwable;
+
+/**
+ * The CodeIgntier Logger
+ *
+ * The message MUST be a string or object implementing __toString().
+ *
+ * The message MAY contain placeholders in the form: {foo} where foo
+ * will be replaced by the context data in key "foo".
+ *
+ * The context array can contain arbitrary data, the only assumption that
+ * can be made by implementors is that if an Exception instance is given
+ * to produce a stack trace, it MUST be in a key named "exception".
+ *
+ * @see \CodeIgniter\Log\LoggerTest
+ */
+class Logger implements LoggerInterface
+{
+    /**
+     * Used by the logThreshold Config setting to define
+     * which errors to show.
+     *
+     * @var array<string, int>
+     */
+    protected $logLevels = [
+        'emergency' => 1,
+        'alert'     => 2,
+        'critical'  => 3,
+        'error'     => 4,
+        'warning'   => 5,
+        'notice'    => 6,
+        'info'      => 7,
+        'debug'     => 8,
+    ];
+
+    /**
+     * Array of levels to be logged. The rest will be ignored.
+     *
+     * Set in app/Config/Logger.php
+     *
+     * @var list<string>
+     */
+    protected $loggableLevels = [];
+
+    /**
+     * File permissions
+     *
+     * @var int
+     */
+    protected $filePermissions = 0644;
+
+    /**
+     * Format of the timestamp for log files.
+     *
+     * @var string
+     */
+    protected $dateFormat = 'Y-m-d H:i:s';
+
+    /**
+     * Filename Extension
+     *
+     * @var string
+     */
+    protected $fileExt;
+
+    /**
+     * Caches instances of the handlers.
+     *
+     * @var array<class-string<HandlerInterface>, HandlerInterface>
+     */
+    protected $handlers = [];
+
+    /**
+     * Holds the configuration for each handler.
+     * The key is the handler's class name. The
+     * value is an associative array of configuration
+     * items.
+     *
+     * @var array<class-string<HandlerInterface>, array<string, int|list<string>|string>>
+     */
+    protected $handlerConfig = [];
+
+    /**
+     * Caches logging calls for debugbar.
+     *
+     * @var list<array{level: string, msg: string}>
+     */
+    public $logCache;
+
+    /**
+     * Should we cache our logged items?
+     *
+     * @var bool
+     */
+    protected $cacheLogs = false;
+
+    /**
+     * Constructor.
+     *
+     * @param \Config\Logger $config
+     *
+     * @throws RuntimeException
+     */
+    public function __construct($config, bool $debug = CI_DEBUG)
+    {
+        $loggableLevels = is_array($config->threshold) ? $config->threshold : range(1, (int) $config->threshold);
+
+        // Now convert loggable levels to strings.
+        // We only use numbers to make the threshold setting convenient for users.
+        foreach ($loggableLevels as $level) {
+            /** @var false|string $stringLevel */
+            $stringLevel = array_search($level, $this->logLevels, true);
+
+            if ($stringLevel === false) {
+                continue;
+            }
+
+            $this->loggableLevels[] = $stringLevel;
+        }
+
+        if (isset($config->dateFormat)) {
+            $this->dateFormat = $config->dateFormat;
+        }
+
+        if ($config->handlers === []) {
+            throw LogException::forNoHandlers('LoggerConfig');
+        }
+
+        // Save the handler configuration for later.
+        // Instances will be created on demand.
+        $this->handlerConfig = $config->handlers;
+        $this->cacheLogs     = $debug;
+
+        if ($this->cacheLogs) {
+            $this->logCache = [];
+        }
+    }
+
+    /**
+     * System is unusable.
+     */
+    public function emergency(string|Stringable $message, array $context = []): void
+    {
+        $this->log('emergency', $message, $context);
+    }
+
+    /**
+     * Action must be taken immediately.
+     *
+     * Example: Entire website down, database unavailable, etc. This should
+     * trigger the SMS alerts and wake you up.
+     */
+    public function alert(string|Stringable $message, array $context = []): void
+    {
+        $this->log('alert', $message, $context);
+    }
+
+    /**
+     * Critical conditions.
+     *
+     * Example: Application component unavailable, unexpected exception.
+     */
+    public function critical(string|Stringable $message, array $context = []): void
+    {
+        $this->log('critical', $message, $context);
+    }
+
+    /**
+     * Runtime errors that do not require immediate action but should typically
+     * be logged and monitored.
+     */
+    public function error(string|Stringable $message, array $context = []): void
+    {
+        $this->log('error', $message, $context);
+    }
+
+    /**
+     * Exceptional occurrences that are not errors.
+     *
+     * Example: Use of deprecated APIs, poor use of an API, undesirable things
+     * that are not necessarily wrong.
+     */
+    public function warning(string|Stringable $message, array $context = []): void
+    {
+        $this->log('warning', $message, $context);
+    }
+
+    /**
+     * Normal but significant events.
+     */
+    public function notice(string|Stringable $message, array $context = []): void
+    {
+        $this->log('notice', $message, $context);
+    }
+
+    /**
+     * Interesting events.
+     *
+     * Example: User logs in, SQL logs.
+     */
+    public function info(string|Stringable $message, array $context = []): void
+    {
+        $this->log('info', $message, $context);
+    }
+
+    /**
+     * Detailed debug information.
+     */
+    public function debug(string|Stringable $message, array $context = []): void
+    {
+        $this->log('debug', $message, $context);
+    }
+
+    /**
+     * Logs with an arbitrary level.
+     *
+     * @param mixed $level
+     */
+    public function log($level, string|Stringable $message, array $context = []): void
+    {
+        if (is_numeric($level)) {
+            $level = array_search((int) $level, $this->logLevels, true);
+        }
+
+        if (! array_key_exists($level, $this->logLevels)) {
+            throw LogException::forInvalidLogLevel($level);
+        }
+
+        if (! in_array($level, $this->loggableLevels, true)) {
+            return;
+        }
+
+        $message = $this->interpolate($message, $context);
+
+        if ($this->cacheLogs) {
+            $this->logCache[] = ['level' => $level, 'msg' => $message];
+        }
+
+        foreach ($this->handlerConfig as $className => $config) {
+            if (! array_key_exists($className, $this->handlers)) {
+                $this->handlers[$className] = new $className($config);
+            }
+
+            $handler = $this->handlers[$className];
+
+            if (! $handler->canHandle($level)) {
+                continue;
+            }
+
+            // If the handler returns false, then we don't execute any other handlers.
+            if (! $handler->setDateFormat($this->dateFormat)->handle($level, $message)) {
+                break;
+            }
+        }
+    }
+
+    /**
+     * Replaces any placeholders in the message with variables
+     * from the context, as well as a few special items like:
+     *
+     * {session_vars}
+     * {post_vars}
+     * {get_vars}
+     * {env}
+     * {env:foo}
+     * {file}
+     * {line}
+     *
+     * @param string|Stringable    $message
+     * @param array<string, mixed> $context
+     *
+     * @return string
+     */
+    protected function interpolate($message, array $context = [])
+    {
+        if (! is_string($message)) {
+            return print_r($message, true);
+        }
+
+        $replace = [];
+
+        foreach ($context as $key => $val) {
+            // Verify that the 'exception' key is actually an exception
+            // or error, both of which implement the 'Throwable' interface.
+            if ($key === 'exception' && $val instanceof Throwable) {
+                $val = $val->getMessage() . ' ' . clean_path($val->getFile()) . ':' . $val->getLine();
+            }
+
+            // todo - sanitize input before writing to file?
+            $replace['{' . $key . '}'] = $val;
+        }
+
+        $replace['{post_vars}'] = '$_POST: ' . print_r($_POST, true);
+        $replace['{get_vars}']  = '$_GET: ' . print_r($_GET, true);
+        $replace['{env}']       = ENVIRONMENT;
+
+        // Allow us to log the file/line that we are logging from
+        if (str_contains($message, '{file}') || str_contains($message, '{line}')) {
+            [$file, $line] = $this->determineFile();
+
+            $replace['{file}'] = $file;
+            $replace['{line}'] = $line;
+        }
+
+        // Match up environment variables in {env:foo} tags.
+        if (str_contains($message, 'env:')) {
+            preg_match('/env:[^}]+/', $message, $matches);
+
+            foreach ($matches as $str) {
+                $key                 = str_replace('env:', '', $str);
+                $replace["{{$str}}"] = $_ENV[$key] ?? 'n/a';
+            }
+        }
+
+        if (isset($_SESSION)) {
+            $replace['{session_vars}'] = '$_SESSION: ' . print_r($_SESSION, true);
+        }
+
+        return strtr($message, $replace);
+    }
+
+    /**
+     * Determines the file and line that the logging call
+     * was made from by analyzing the backtrace.
+     * Find the earliest stack frame that is part of our logging system.
+     *
+     * @return array{string, int|string}
+     */
+    public function determineFile(): array
+    {
+        $logFunctions = [
+            'log_message',
+            'log',
+            'error',
+            'debug',
+            'info',
+            'warning',
+            'critical',
+            'emergency',
+            'alert',
+            'notice',
+        ];
+
+        $trace = debug_backtrace(0);
+
+        $stackFrames = array_reverse($trace);
+
+        foreach ($stackFrames as $frame) {
+            if (in_array($frame['function'], $logFunctions, true)) {
+                $file = isset($frame['file']) ? clean_path($frame['file']) : 'unknown';
+                $line = $frame['line'] ?? 'unknown';
+
+                return [$file, $line];
+            }
+        }
+
+        return ['unknown', 'unknown'];
+    }
+}
diff --git a/ci4app/system/Model.php b/ci4app/system/Model.php
new file mode 100644
index 0000000..44ed52a
--- /dev/null
+++ b/ci4app/system/Model.php
@@ -0,0 +1,946 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter;
+
+use Closure;
+use CodeIgniter\Database\BaseBuilder;
+use CodeIgniter\Database\BaseConnection;
+use CodeIgniter\Database\BaseResult;
+use CodeIgniter\Database\ConnectionInterface;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Database\Exceptions\DataException;
+use CodeIgniter\Database\Query;
+use CodeIgniter\Entity\Entity;
+use CodeIgniter\Exceptions\BadMethodCallException;
+use CodeIgniter\Exceptions\ModelException;
+use CodeIgniter\Validation\ValidationInterface;
+use Config\Database;
+use Config\Feature;
+use ReflectionException;
+use stdClass;
+
+/**
+ * The Model class extends BaseModel and provides additional
+ * convenient features that makes working with a SQL database
+ * table less painful.
+ *
+ * It will:
+ *      - automatically connect to database
+ *      - allow intermingling calls to the builder
+ *      - removes the need to use Result object directly in most cases
+ *
+ * @property-read BaseConnection $db
+ *
+ * @method $this groupBy($by, ?bool $escape = null)
+ * @method $this groupEnd()
+ * @method $this groupStart()
+ * @method $this having($key, $value = null, ?bool $escape = null)
+ * @method $this havingGroupEnd()
+ * @method $this havingGroupStart()
+ * @method $this havingIn(?string $key = null, $values = null, ?bool $escape = null)
+ * @method $this havingLike($field, string $match = '', string $side = 'both', ?bool $escape = null, bool $insensitiveSearch = false)
+ * @method $this havingNotIn(?string $key = null, $values = null, ?bool $escape = null)
+ * @method $this join(string $table, string $cond, string $type = '', ?bool $escape = null)
+ * @method $this like($field, string $match = '', string $side = 'both', ?bool $escape = null, bool $insensitiveSearch = false)
+ * @method $this limit(?int $value = null, ?int $offset = 0)
+ * @method $this notGroupStart()
+ * @method $this notHavingGroupStart()
+ * @method $this notHavingLike($field, string $match = '', string $side = 'both', ?bool $escape = null, bool $insensitiveSearch = false)
+ * @method $this notLike($field, string $match = '', string $side = 'both', ?bool $escape = null, bool $insensitiveSearch = false)
+ * @method $this offset(int $offset)
+ * @method $this orderBy(string $orderBy, string $direction = '', ?bool $escape = null)
+ * @method $this orGroupStart()
+ * @method $this orHaving($key, $value = null, ?bool $escape = null)
+ * @method $this orHavingGroupStart()
+ * @method $this orHavingIn(?string $key = null, $values = null, ?bool $escape = null)
+ * @method $this orHavingLike($field, string $match = '', string $side = 'both', ?bool $escape = null, bool $insensitiveSearch = false)
+ * @method $this orHavingNotIn(?string $key = null, $values = null, ?bool $escape = null)
+ * @method $this orLike($field, string $match = '', string $side = 'both', ?bool $escape = null, bool $insensitiveSearch = false)
+ * @method $this orNotGroupStart()
+ * @method $this orNotHavingGroupStart()
+ * @method $this orNotHavingLike($field, string $match = '', string $side = 'both', ?bool $escape = null, bool $insensitiveSearch = false)
+ * @method $this orNotLike($field, string $match = '', string $side = 'both', ?bool $escape = null, bool $insensitiveSearch = false)
+ * @method $this orWhere($key, $value = null, ?bool $escape = null)
+ * @method $this orWhereIn(?string $key = null, $values = null, ?bool $escape = null)
+ * @method $this orWhereNotIn(?string $key = null, $values = null, ?bool $escape = null)
+ * @method $this select($select = '*', ?bool $escape = null)
+ * @method $this selectAvg(string $select = '', string $alias = '')
+ * @method $this selectCount(string $select = '', string $alias = '')
+ * @method $this selectMax(string $select = '', string $alias = '')
+ * @method $this selectMin(string $select = '', string $alias = '')
+ * @method $this selectSum(string $select = '', string $alias = '')
+ * @method $this when($condition, callable $callback, ?callable $defaultCallback = null)
+ * @method $this whenNot($condition, callable $callback, ?callable $defaultCallback = null)
+ * @method $this where($key, $value = null, ?bool $escape = null)
+ * @method $this whereIn(?string $key = null, $values = null, ?bool $escape = null)
+ * @method $this whereNotIn(?string $key = null, $values = null, ?bool $escape = null)
+ *
+ * @phpstan-import-type row_array from BaseModel
+ */
+class Model extends BaseModel
+{
+    /**
+     * Name of database table
+     *
+     * @var string
+     */
+    protected $table;
+
+    /**
+     * The table's primary key.
+     *
+     * @var string
+     */
+    protected $primaryKey = 'id';
+
+    /**
+     * Whether primary key uses auto increment.
+     *
+     * @var bool
+     */
+    protected $useAutoIncrement = true;
+
+    /**
+     * Query Builder object
+     *
+     * @var BaseBuilder|null
+     */
+    protected $builder;
+
+    /**
+     * Holds information passed in via 'set'
+     * so that we can capture it (not the builder)
+     * and ensure it gets validated first.
+     *
+     * @var         array{escape: array, data: array}|array{}
+     * @phpstan-var array{escape: array<int|string, bool|null>, data: row_array}|array{}
+     */
+    protected $tempData = [];
+
+    /**
+     * Escape array that maps usage of escape
+     * flag for every parameter.
+     *
+     * @var array
+     */
+    protected $escape = [];
+
+    /**
+     * Builder method names that should not be used in the Model.
+     *
+     * @var list<string> method name
+     */
+    private array $builderMethodsNotAvailable = [
+        'getCompiledInsert',
+        'getCompiledSelect',
+        'getCompiledUpdate',
+    ];
+
+    public function __construct(?ConnectionInterface $db = null, ?ValidationInterface $validation = null)
+    {
+        /**
+         * @var BaseConnection|null $db
+         */
+        $db ??= Database::connect($this->DBGroup);
+
+        $this->db = $db;
+
+        parent::__construct($validation);
+    }
+
+    /**
+     * Specify the table associated with a model
+     *
+     * @param string $table Table
+     *
+     * @return $this
+     */
+    public function setTable(string $table)
+    {
+        $this->table = $table;
+
+        return $this;
+    }
+
+    /**
+     * Fetches the row(s) of database from $this->table with a primary key
+     * matching $id.
+     * This method works only with dbCalls.
+     *
+     * @param bool                  $singleton Single or multiple results
+     * @param array|int|string|null $id        One primary key or an array of primary keys
+     *
+     * @return         array|object|null                                                     The resulting row of data, or null.
+     * @phpstan-return ($singleton is true ? row_array|null|object : list<row_array|object>)
+     */
+    protected function doFind(bool $singleton, $id = null)
+    {
+        $builder = $this->builder();
+
+        $useCast = $this->useCasts();
+        if ($useCast) {
+            $returnType = $this->tempReturnType;
+            $this->asArray();
+        }
+
+        if ($this->tempUseSoftDeletes) {
+            $builder->where($this->table . '.' . $this->deletedField, null);
+        }
+
+        $row  = null;
+        $rows = [];
+
+        if (is_array($id)) {
+            $rows = $builder->whereIn($this->table . '.' . $this->primaryKey, $id)
+                ->get()
+                ->getResult($this->tempReturnType);
+        } elseif ($singleton) {
+            $row = $builder->where($this->table . '.' . $this->primaryKey, $id)
+                ->get()
+                ->getFirstRow($this->tempReturnType);
+        } else {
+            $rows = $builder->get()->getResult($this->tempReturnType);
+        }
+
+        if ($useCast) {
+            $this->tempReturnType = $returnType;
+
+            if ($singleton) {
+                if ($row === null) {
+                    return null;
+                }
+
+                return $this->convertToReturnType($row, $returnType);
+            }
+
+            foreach ($rows as $i => $row) {
+                $rows[$i] = $this->convertToReturnType($row, $returnType);
+            }
+
+            return $rows;
+        }
+
+        if ($singleton) {
+            return $row;
+        }
+
+        return $rows;
+    }
+
+    /**
+     * Fetches the column of database from $this->table.
+     * This method works only with dbCalls.
+     *
+     * @param string $columnName Column Name
+     *
+     * @return         array|null           The resulting row of data, or null if no data found.
+     * @phpstan-return list<row_array>|null
+     */
+    protected function doFindColumn(string $columnName)
+    {
+        return $this->select($columnName)->asArray()->find();
+    }
+
+    /**
+     * Works with the current Query Builder instance to return
+     * all results, while optionally limiting them.
+     * This method works only with dbCalls.
+     *
+     * @param int|null $limit  Limit
+     * @param int      $offset Offset
+     *
+     * @return         array
+     * @phpstan-return list<row_array|object>
+     */
+    protected function doFindAll(?int $limit = null, int $offset = 0)
+    {
+        $limitZeroAsAll = config(Feature::class)->limitZeroAsAll ?? true;
+        if ($limitZeroAsAll) {
+            $limit ??= 0;
+        }
+
+        $builder = $this->builder();
+
+        $useCast = $this->useCasts();
+        if ($useCast) {
+            $returnType = $this->tempReturnType;
+            $this->asArray();
+        }
+
+        if ($this->tempUseSoftDeletes) {
+            $builder->where($this->table . '.' . $this->deletedField, null);
+        }
+
+        $results = $builder->limit($limit, $offset)
+            ->get()
+            ->getResult($this->tempReturnType);
+
+        if ($useCast) {
+            foreach ($results as $i => $row) {
+                $results[$i] = $this->convertToReturnType($row, $returnType);
+            }
+
+            $this->tempReturnType = $returnType;
+        }
+
+        return $results;
+    }
+
+    /**
+     * Returns the first row of the result set. Will take any previous
+     * Query Builder calls into account when determining the result set.
+     * This method works only with dbCalls.
+     *
+     * @return         array|object|null
+     * @phpstan-return row_array|object|null
+     */
+    protected function doFirst()
+    {
+        $builder = $this->builder();
+
+        $useCast = $this->useCasts();
+        if ($useCast) {
+            $returnType = $this->tempReturnType;
+            $this->asArray();
+        }
+
+        if ($this->tempUseSoftDeletes) {
+            $builder->where($this->table . '.' . $this->deletedField, null);
+        } elseif ($this->useSoftDeletes && ($builder->QBGroupBy === []) && $this->primaryKey !== '') {
+            $builder->groupBy($this->table . '.' . $this->primaryKey);
+        }
+
+        // Some databases, like PostgreSQL, need order
+        // information to consistently return correct results.
+        if ($builder->QBGroupBy !== [] && ($builder->QBOrderBy === []) && $this->primaryKey !== '') {
+            $builder->orderBy($this->table . '.' . $this->primaryKey, 'asc');
+        }
+
+        $row = $builder->limit(1, 0)->get()->getFirstRow($this->tempReturnType);
+
+        if ($useCast && $row !== null) {
+            $row = $this->convertToReturnType($row, $returnType);
+
+            $this->tempReturnType = $returnType;
+        }
+
+        return $row;
+    }
+
+    /**
+     * Inserts data into the current table.
+     * This method works only with dbCalls.
+     *
+     * @param         array     $row Row data
+     * @phpstan-param row_array $row
+     *
+     * @return bool
+     */
+    protected function doInsert(array $row)
+    {
+        $escape       = $this->escape;
+        $this->escape = [];
+
+        // Require non-empty primaryKey when
+        // not using auto-increment feature
+        if (! $this->useAutoIncrement && ! isset($row[$this->primaryKey])) {
+            throw DataException::forEmptyPrimaryKey('insert');
+        }
+
+        $builder = $this->builder();
+
+        // Must use the set() method to ensure to set the correct escape flag
+        foreach ($row as $key => $val) {
+            $builder->set($key, $val, $escape[$key] ?? null);
+        }
+
+        if ($this->allowEmptyInserts && $row === []) {
+            $table = $this->db->protectIdentifiers($this->table, true, null, false);
+            if ($this->db->getPlatform() === 'MySQLi') {
+                $sql = 'INSERT INTO ' . $table . ' VALUES ()';
+            } elseif ($this->db->getPlatform() === 'OCI8') {
+                $allFields = $this->db->protectIdentifiers(
+                    array_map(
+                        static fn ($row) => $row->name,
+                        $this->db->getFieldData($this->table),
+                    ),
+                    false,
+                    true,
+                );
+
+                $sql = sprintf(
+                    'INSERT INTO %s (%s) VALUES (%s)',
+                    $table,
+                    implode(',', $allFields),
+                    substr(str_repeat(',DEFAULT', count($allFields)), 1),
+                );
+            } else {
+                $sql = 'INSERT INTO ' . $table . ' DEFAULT VALUES';
+            }
+
+            $result = $this->db->query($sql);
+        } else {
+            $result = $builder->insert();
+        }
+
+        // If insertion succeeded then save the insert ID
+        if ($result) {
+            $this->insertID = ! $this->useAutoIncrement ? $row[$this->primaryKey] : $this->db->insertID();
+        }
+
+        return $result;
+    }
+
+    /**
+     * Compiles batch insert strings and runs the queries, validating each row prior.
+     * This method works only with dbCalls.
+     *
+     * @param array|null $set       An associative array of insert values
+     * @param bool|null  $escape    Whether to escape values
+     * @param int        $batchSize The size of the batch to run
+     * @param bool       $testing   True means only number of records is returned, false will execute the query
+     *
+     * @return bool|int Number of rows inserted or FALSE on failure
+     */
+    protected function doInsertBatch(?array $set = null, ?bool $escape = null, int $batchSize = 100, bool $testing = false)
+    {
+        if (is_array($set)) {
+            foreach ($set as $row) {
+                // Require non-empty primaryKey when
+                // not using auto-increment feature
+                if (! $this->useAutoIncrement && ! isset($row[$this->primaryKey])) {
+                    throw DataException::forEmptyPrimaryKey('insertBatch');
+                }
+            }
+        }
+
+        return $this->builder()->testMode($testing)->insertBatch($set, $escape, $batchSize);
+    }
+
+    /**
+     * Updates a single record in $this->table.
+     * This method works only with dbCalls.
+     *
+     * @param         array|int|string|null $id
+     * @param         array|null            $row Row data
+     * @phpstan-param row_array|null        $row
+     */
+    protected function doUpdate($id = null, $row = null): bool
+    {
+        $escape       = $this->escape;
+        $this->escape = [];
+
+        $builder = $this->builder();
+
+        if (! in_array($id, [null, '', 0, '0', []], true)) {
+            $builder = $builder->whereIn($this->table . '.' . $this->primaryKey, $id);
+        }
+
+        // Must use the set() method to ensure to set the correct escape flag
+        foreach ($row as $key => $val) {
+            $builder->set($key, $val, $escape[$key] ?? null);
+        }
+
+        if ($builder->getCompiledQBWhere() === []) {
+            throw new DatabaseException(
+                'Updates are not allowed unless they contain a "where" or "like" clause.',
+            );
+        }
+
+        return $builder->update();
+    }
+
+    /**
+     * Compiles an update string and runs the query
+     * This method works only with dbCalls.
+     *
+     * @param array|null  $set       An associative array of update values
+     * @param string|null $index     The where key
+     * @param int         $batchSize The size of the batch to run
+     * @param bool        $returnSQL True means SQL is returned, false will execute the query
+     *
+     * @return false|int|list<string> Number of rows affected or FALSE on failure, SQL array when testMode
+     *
+     * @throws DatabaseException
+     */
+    protected function doUpdateBatch(?array $set = null, ?string $index = null, int $batchSize = 100, bool $returnSQL = false)
+    {
+        return $this->builder()->testMode($returnSQL)->updateBatch($set, $index, $batchSize);
+    }
+
+    /**
+     * Deletes a single record from $this->table where $id matches
+     * the table's primaryKey
+     * This method works only with dbCalls.
+     *
+     * @param array|int|string|null $id    The rows primary key(s)
+     * @param bool                  $purge Allows overriding the soft deletes setting.
+     *
+     * @return bool|string SQL string when testMode
+     *
+     * @throws DatabaseException
+     */
+    protected function doDelete($id = null, bool $purge = false)
+    {
+        $set     = [];
+        $builder = $this->builder();
+
+        if (! in_array($id, [null, '', 0, '0', []], true)) {
+            $builder = $builder->whereIn($this->primaryKey, $id);
+        }
+
+        if ($this->useSoftDeletes && ! $purge) {
+            if ($builder->getCompiledQBWhere() === []) {
+                throw new DatabaseException(
+                    'Deletes are not allowed unless they contain a "where" or "like" clause.',
+                );
+            }
+
+            $builder->where($this->deletedField);
+
+            $set[$this->deletedField] = $this->setDate();
+
+            if ($this->useTimestamps && $this->updatedField !== '') {
+                $set[$this->updatedField] = $this->setDate();
+            }
+
+            return $builder->update($set);
+        }
+
+        return $builder->delete();
+    }
+
+    /**
+     * Permanently deletes all rows that have been marked as deleted
+     * through soft deletes (deleted = 1)
+     * This method works only with dbCalls.
+     *
+     * @return bool|string Returns a SQL string if in test mode.
+     */
+    protected function doPurgeDeleted()
+    {
+        return $this->builder()
+            ->where($this->table . '.' . $this->deletedField . ' IS NOT NULL')
+            ->delete();
+    }
+
+    /**
+     * Works with the find* methods to return only the rows that
+     * have been deleted.
+     * This method works only with dbCalls.
+     *
+     * @return void
+     */
+    protected function doOnlyDeleted()
+    {
+        $this->builder()->where($this->table . '.' . $this->deletedField . ' IS NOT NULL');
+    }
+
+    /**
+     * Compiles a replace into string and runs the query
+     * This method works only with dbCalls.
+     *
+     * @param row_array|null $row       Data
+     * @param bool           $returnSQL Set to true to return Query String
+     *
+     * @return BaseResult|false|Query|string
+     */
+    protected function doReplace(?array $row = null, bool $returnSQL = false)
+    {
+        return $this->builder()->testMode($returnSQL)->replace($row);
+    }
+
+    /**
+     * Grabs the last error(s) that occurred from the Database connection.
+     * The return array should be in the following format:
+     *  ['source' => 'message']
+     * This method works only with dbCalls.
+     *
+     * @return array<string, string>
+     */
+    protected function doErrors()
+    {
+        // $error is always ['code' => string|int, 'message' => string]
+        $error = $this->db->error();
+
+        if ((int) $error['code'] === 0) {
+            return [];
+        }
+
+        return [$this->db::class => $error['message']];
+    }
+
+    /**
+     * Returns the id value for the data array or object
+     *
+     * @param         array|object     $row Row data
+     * @phpstan-param row_array|object $row
+     *
+     * @return array|int|string|null
+     */
+    public function getIdValue($row)
+    {
+        if (is_object($row)) {
+            // Get the raw or mapped primary key value of the Entity.
+            if ($row instanceof Entity && $row->{$this->primaryKey} !== null) {
+                $cast = $row->cast();
+
+                // Disable Entity casting, because raw primary key value is needed for database.
+                $row->cast(false);
+
+                $primaryKey = $row->{$this->primaryKey};
+
+                // Restore Entity casting setting.
+                $row->cast($cast);
+
+                return $primaryKey;
+            }
+
+            if (! $row instanceof Entity && isset($row->{$this->primaryKey})) {
+                return $row->{$this->primaryKey};
+            }
+        }
+
+        if (is_array($row) && isset($row[$this->primaryKey])) {
+            return $row[$this->primaryKey];
+        }
+
+        return null;
+    }
+
+    /**
+     * Loops over records in batches, allowing you to operate on them.
+     * Works with $this->builder to get the Compiled select to
+     * determine the rows to operate on.
+     * This method works only with dbCalls.
+     */
+    public function chunk(int $size, Closure $userFunc)
+    {
+        $total  = $this->builder()->countAllResults(false);
+        $offset = 0;
+
+        while ($offset <= $total) {
+            $builder = clone $this->builder();
+            $rows    = $builder->get($size, $offset);
+
+            if (! $rows) {
+                throw DataException::forEmptyDataset('chunk');
+            }
+
+            $rows = $rows->getResult($this->tempReturnType);
+
+            $offset += $size;
+
+            if ($rows === []) {
+                continue;
+            }
+
+            foreach ($rows as $row) {
+                if ($userFunc($row) === false) {
+                    return;
+                }
+            }
+        }
+    }
+
+    /**
+     * Override countAllResults to account for soft deleted accounts.
+     *
+     * @return int|string
+     */
+    public function countAllResults(bool $reset = true, bool $test = false)
+    {
+        if ($this->tempUseSoftDeletes) {
+            $this->builder()->where($this->table . '.' . $this->deletedField, null);
+        }
+
+        // When $reset === false, the $tempUseSoftDeletes will be
+        // dependent on $useSoftDeletes value because we don't
+        // want to add the same "where" condition for the second time
+        $this->tempUseSoftDeletes = $reset
+            ? $this->useSoftDeletes
+            : ($this->useSoftDeletes ? false : $this->useSoftDeletes);
+
+        return $this->builder()->testMode($test)->countAllResults($reset);
+    }
+
+    /**
+     * Provides a shared instance of the Query Builder.
+     *
+     * @param non-empty-string|null $table
+     *
+     * @return BaseBuilder
+     *
+     * @throws ModelException
+     */
+    public function builder(?string $table = null)
+    {
+        // Check for an existing Builder
+        if ($this->builder instanceof BaseBuilder) {
+            // Make sure the requested table matches the builder
+            if ((string) $table !== '' && $this->builder->getTable() !== $table) {
+                return $this->db->table($table);
+            }
+
+            return $this->builder;
+        }
+
+        // We're going to force a primary key to exist
+        // so we don't have overly convoluted code,
+        // and future features are likely to require them.
+        if ($this->primaryKey === '') {
+            throw ModelException::forNoPrimaryKey(static::class);
+        }
+
+        $table = ((string) $table === '') ? $this->table : $table;
+
+        // Ensure we have a good db connection
+        if (! $this->db instanceof BaseConnection) {
+            $this->db = Database::connect($this->DBGroup);
+        }
+
+        $builder = $this->db->table($table);
+
+        // Only consider it "shared" if the table is correct
+        if ($table === $this->table) {
+            $this->builder = $builder;
+        }
+
+        return $builder;
+    }
+
+    /**
+     * Captures the builder's set() method so that we can validate the
+     * data here. This allows it to be used with any of the other
+     * builder methods and still get validated data, like replace.
+     *
+     * @param array|object|string               $key    Field name, or an array of field/value pairs, or an object
+     * @param bool|float|int|object|string|null $value  Field value, if $key is a single field
+     * @param bool|null                         $escape Whether to escape values
+     *
+     * @return $this
+     */
+    public function set($key, $value = '', ?bool $escape = null)
+    {
+        if (is_object($key)) {
+            $key = $key instanceof stdClass ? (array) $key : $this->objectToArray($key);
+        }
+
+        $data = is_array($key) ? $key : [$key => $value];
+
+        foreach (array_keys($data) as $k) {
+            $this->tempData['escape'][$k] = $escape;
+        }
+
+        $this->tempData['data'] = array_merge($this->tempData['data'] ?? [], $data);
+
+        return $this;
+    }
+
+    /**
+     * This method is called on save to determine if entry have to be updated
+     * If this method return false insert operation will be executed
+     *
+     * @param array|object $row Data
+     */
+    protected function shouldUpdate($row): bool
+    {
+        if (parent::shouldUpdate($row) === false) {
+            return false;
+        }
+
+        if ($this->useAutoIncrement === true) {
+            return true;
+        }
+
+        // When useAutoIncrement feature is disabled, check
+        // in the database if given record already exists
+        return $this->where($this->primaryKey, $this->getIdValue($row))->countAllResults() === 1;
+    }
+
+    /**
+     * Inserts data into the database. If an object is provided,
+     * it will attempt to convert it to an array.
+     *
+     * @param object|row_array|null $row
+     * @param bool                  $returnID Whether insert ID should be returned or not.
+     *
+     * @return ($returnID is true ? false|int|string : bool)
+     *
+     * @throws ReflectionException
+     */
+    public function insert($row = null, bool $returnID = true)
+    {
+        if (isset($this->tempData['data'])) {
+            if ($row === null) {
+                $row = $this->tempData['data'];
+            } else {
+                $row = $this->transformDataToArray($row, 'insert');
+                $row = array_merge($this->tempData['data'], $row);
+            }
+        }
+
+        $this->escape   = $this->tempData['escape'] ?? [];
+        $this->tempData = [];
+
+        return parent::insert($row, $returnID);
+    }
+
+    /**
+     * Ensures that only the fields that are allowed to be inserted are in
+     * the data array.
+     *
+     * @used-by insert() to protect against mass assignment vulnerabilities.
+     * @used-by insertBatch() to protect against mass assignment vulnerabilities.
+     *
+     * @param         array     $row Row data
+     * @phpstan-param row_array $row
+     *
+     * @throws DataException
+     */
+    protected function doProtectFieldsForInsert(array $row): array
+    {
+        if (! $this->protectFields) {
+            return $row;
+        }
+
+        if ($this->allowedFields === []) {
+            throw DataException::forInvalidAllowedFields(static::class);
+        }
+
+        foreach (array_keys($row) as $key) {
+            // Do not remove the non-auto-incrementing primary key data.
+            if ($this->useAutoIncrement === false && $key === $this->primaryKey) {
+                continue;
+            }
+
+            if (! in_array($key, $this->allowedFields, true)) {
+                unset($row[$key]);
+            }
+        }
+
+        return $row;
+    }
+
+    /**
+     * Updates a single record in the database. If an object is provided,
+     * it will attempt to convert it into an array.
+     *
+     * @param         array|int|string|null $id
+     * @param         array|object|null     $row
+     * @phpstan-param row_array|object|null $row
+     *
+     * @throws ReflectionException
+     */
+    public function update($id = null, $row = null): bool
+    {
+        if (isset($this->tempData['data'])) {
+            if ($row === null) {
+                $row = $this->tempData['data'];
+            } else {
+                $row = $this->transformDataToArray($row, 'update');
+                $row = array_merge($this->tempData['data'], $row);
+            }
+        }
+
+        $this->escape   = $this->tempData['escape'] ?? [];
+        $this->tempData = [];
+
+        return parent::update($id, $row);
+    }
+
+    /**
+     * Takes a class and returns an array of its public and protected
+     * properties as an array with raw values.
+     *
+     * @param object $object    Object
+     * @param bool   $recursive If true, inner entities will be cast as array as well
+     *
+     * @return array<string, mixed> Array with raw values.
+     *
+     * @throws ReflectionException
+     */
+    protected function objectToRawArray($object, bool $onlyChanged = true, bool $recursive = false): array
+    {
+        return parent::objectToRawArray($object, $onlyChanged);
+    }
+
+    /**
+     * Provides/instantiates the builder/db connection and model's table/primary key names and return type.
+     *
+     * @param string $name Name
+     *
+     * @return array|BaseBuilder|bool|float|int|object|string|null
+     */
+    public function __get(string $name)
+    {
+        if (parent::__isset($name)) {
+            return parent::__get($name);
+        }
+
+        return $this->builder()->{$name} ?? null;
+    }
+
+    /**
+     * Checks for the existence of properties across this model, builder, and db connection.
+     *
+     * @param string $name Name
+     */
+    public function __isset(string $name): bool
+    {
+        if (parent::__isset($name)) {
+            return true;
+        }
+
+        return isset($this->builder()->{$name});
+    }
+
+    /**
+     * Provides direct access to method in the builder (if available)
+     * and the database connection.
+     *
+     * @return $this|array|BaseBuilder|bool|float|int|object|string|null
+     */
+    public function __call(string $name, array $params)
+    {
+        $builder = $this->builder();
+        $result  = null;
+
+        if (method_exists($this->db, $name)) {
+            $result = $this->db->{$name}(...$params);
+        } elseif (method_exists($builder, $name)) {
+            $this->checkBuilderMethod($name);
+
+            $result = $builder->{$name}(...$params);
+        } else {
+            throw new BadMethodCallException('Call to undefined method ' . static::class . '::' . $name);
+        }
+
+        if ($result instanceof BaseBuilder) {
+            return $this;
+        }
+
+        return $result;
+    }
+
+    /**
+     * Checks the Builder method name that should not be used in the Model.
+     */
+    private function checkBuilderMethod(string $name): void
+    {
+        if (in_array($name, $this->builderMethodsNotAvailable, true)) {
+            throw ModelException::forMethodNotAvailable(static::class, $name . '()');
+        }
+    }
+}
diff --git a/ci4app/system/Modules/Modules.php b/ci4app/system/Modules/Modules.php
new file mode 100644
index 0000000..ca4fe40
--- /dev/null
+++ b/ci4app/system/Modules/Modules.php
@@ -0,0 +1,75 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Modules;
+
+/**
+ * Modules Class
+ *
+ * @see https://codeigniter.com/user_guide/general/modules.html
+ *
+ * @phpstan-consistent-constructor
+ */
+class Modules
+{
+    /**
+     * Auto-Discover
+     *
+     * @var bool
+     */
+    public $enabled = true;
+
+    /**
+     * Auto-Discovery Within Composer Packages
+     *
+     * @var bool
+     */
+    public $discoverInComposer = true;
+
+    /**
+     * Auto-Discover Rules Handler
+     *
+     * @var list<string>
+     */
+    public $aliases = [];
+
+    public function __construct()
+    {
+        // For @phpstan-consistent-constructor
+    }
+
+    /**
+     * Should the application auto-discover the requested resource.
+     */
+    public function shouldDiscover(string $alias): bool
+    {
+        if (! $this->enabled) {
+            return false;
+        }
+
+        return in_array(strtolower($alias), $this->aliases, true);
+    }
+
+    public static function __set_state(array $array)
+    {
+        $obj = new static();
+
+        $properties = array_keys(get_object_vars($obj));
+
+        foreach ($properties as $property) {
+            $obj->{$property} = $array[$property];
+        }
+
+        return $obj;
+    }
+}
diff --git a/ci4app/system/Pager/Exceptions/PagerException.php b/ci4app/system/Pager/Exceptions/PagerException.php
new file mode 100644
index 0000000..b87c9f9
--- /dev/null
+++ b/ci4app/system/Pager/Exceptions/PagerException.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Pager\Exceptions;
+
+use CodeIgniter\Exceptions\FrameworkException;
+
+class PagerException extends FrameworkException
+{
+    /**
+     * Throws when the template is invalid.
+     *
+     * @return static
+     */
+    public static function forInvalidTemplate(?string $template = null)
+    {
+        return new static(lang('Pager.invalidTemplate', [$template]));
+    }
+
+    /**
+     * Throws when the group is invalid.
+     *
+     * @return static
+     */
+    public static function forInvalidPaginationGroup(?string $group = null)
+    {
+        return new static(lang('Pager.invalidPaginationGroup', [$group]));
+    }
+}
diff --git a/ci4app/system/Pager/Pager.php b/ci4app/system/Pager/Pager.php
new file mode 100644
index 0000000..6d0f54d
--- /dev/null
+++ b/ci4app/system/Pager/Pager.php
@@ -0,0 +1,441 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Pager;
+
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+use CodeIgniter\HTTP\URI;
+use CodeIgniter\Pager\Exceptions\PagerException;
+use CodeIgniter\View\RendererInterface;
+use Config\Pager as PagerConfig;
+
+/**
+ * Class Pager
+ *
+ * The Pager class provides semi-automatic and manual methods for creating
+ * pagination links and reading the current url's query variable, "page"
+ * to determine the current page. This class can support multiple
+ * paginations on a single page.
+ *
+ * @see \CodeIgniter\Pager\PagerTest
+ */
+class Pager implements PagerInterface
+{
+    /**
+     * The group data.
+     *
+     * @var array
+     */
+    protected $groups = [];
+
+    /**
+     * URI segment for groups if provided.
+     *
+     * @var array
+     */
+    protected $segment = [];
+
+    /**
+     * Our configuration instance.
+     *
+     * @var PagerConfig
+     */
+    protected $config;
+
+    /**
+     * The view engine to render the links with.
+     *
+     * @var RendererInterface
+     */
+    protected $view;
+
+    /**
+     * List of only permitted queries
+     *
+     * @var list<string>|null
+     */
+    protected $only;
+
+    /**
+     * Constructor.
+     */
+    public function __construct(PagerConfig $config, RendererInterface $view)
+    {
+        $this->config = $config;
+        $this->view   = $view;
+    }
+
+    /**
+     * Handles creating and displaying the
+     *
+     * @param string $template The output template alias to render.
+     */
+    public function links(string $group = 'default', string $template = 'default_full'): string
+    {
+        $this->ensureGroup($group);
+
+        return $this->displayLinks($group, $template);
+    }
+
+    /**
+     * Creates simple Next/Previous links, instead of full pagination.
+     */
+    public function simpleLinks(string $group = 'default', string $template = 'default_simple'): string
+    {
+        $this->ensureGroup($group);
+
+        return $this->displayLinks($group, $template);
+    }
+
+    /**
+     * Allows for a simple, manual, form of pagination where all of the data
+     * is provided by the user. The URL is the current URI.
+     *
+     * @param string      $template The output template alias to render.
+     * @param int         $segment  (whether page number is provided by URI segment)
+     * @param string|null $group    optional group (i.e. if we'd like to define custom path)
+     */
+    public function makeLinks(int $page, ?int $perPage, int $total, string $template = 'default_full', int $segment = 0, ?string $group = 'default'): string
+    {
+        $group = $group === '' ? 'default' : $group;
+
+        $this->store($group, $page, $perPage ?? $this->config->perPage, $total, $segment);
+
+        return $this->displayLinks($group, $template);
+    }
+
+    /**
+     * Does the actual work of displaying the view file. Used internally
+     * by links(), simpleLinks(), and makeLinks().
+     */
+    protected function displayLinks(string $group, string $template): string
+    {
+        if (! array_key_exists($template, $this->config->templates)) {
+            throw PagerException::forInvalidTemplate($template);
+        }
+
+        $pager = new PagerRenderer($this->getDetails($group));
+
+        return $this->view->setVar('pager', $pager)
+            ->render($this->config->templates[$template]);
+    }
+
+    /**
+     * Stores a set of pagination data for later display. Most commonly used
+     * by the model to automate the process.
+     *
+     * @return $this
+     */
+    public function store(string $group, int $page, ?int $perPage, int $total, int $segment = 0)
+    {
+        if ($segment !== 0) {
+            $this->setSegment($segment, $group);
+        }
+
+        $this->ensureGroup($group, $perPage);
+
+        if ($segment > 0 && $this->groups[$group]['currentPage'] > 0) {
+            $page = $this->groups[$group]['currentPage'];
+        }
+
+        $perPage ??= $this->config->perPage;
+        $pageCount = (int) ceil($total / $perPage);
+
+        $this->groups[$group]['currentPage'] = $page > $pageCount ? $pageCount : $page;
+        $this->groups[$group]['perPage']     = $perPage;
+        $this->groups[$group]['total']       = $total;
+        $this->groups[$group]['pageCount']   = $pageCount;
+
+        return $this;
+    }
+
+    /**
+     * Sets segment for a group.
+     *
+     * @return $this
+     */
+    public function setSegment(int $number, string $group = 'default')
+    {
+        $this->segment[$group] = $number;
+
+        // Recalculate current page
+        $this->ensureGroup($group);
+        $this->calculateCurrentPage($group);
+
+        return $this;
+    }
+
+    /**
+     * Sets the path that an aliased group of links will use.
+     *
+     * @return $this
+     */
+    public function setPath(string $path, string $group = 'default')
+    {
+        $this->ensureGroup($group);
+
+        $this->groups[$group]['uri']->setPath($path);
+
+        return $this;
+    }
+
+    /**
+     * Returns the total number of items in data store.
+     */
+    public function getTotal(string $group = 'default'): int
+    {
+        $this->ensureGroup($group);
+
+        return $this->groups[$group]['total'];
+    }
+
+    /**
+     * Returns the total number of pages.
+     */
+    public function getPageCount(string $group = 'default'): int
+    {
+        $this->ensureGroup($group);
+
+        return $this->groups[$group]['pageCount'];
+    }
+
+    /**
+     * Returns the number of the current page of results.
+     */
+    public function getCurrentPage(string $group = 'default'): int
+    {
+        $this->ensureGroup($group);
+
+        return $this->groups[$group]['currentPage'] ?: 1;
+    }
+
+    /**
+     * Tells whether this group of results has any more pages of results.
+     */
+    public function hasMore(string $group = 'default'): bool
+    {
+        $this->ensureGroup($group);
+
+        return ($this->groups[$group]['currentPage'] * $this->groups[$group]['perPage']) < $this->groups[$group]['total'];
+    }
+
+    /**
+     * Returns the last page, if we have a total that we can calculate with.
+     *
+     * @return int|null
+     */
+    public function getLastPage(string $group = 'default')
+    {
+        $this->ensureGroup($group);
+
+        if (! is_numeric($this->groups[$group]['total']) || ! is_numeric($this->groups[$group]['perPage'])) {
+            return null;
+        }
+
+        return (int) ceil($this->groups[$group]['total'] / $this->groups[$group]['perPage']);
+    }
+
+    /**
+     * Determines the first page # that should be shown.
+     */
+    public function getFirstPage(string $group = 'default'): int
+    {
+        $this->ensureGroup($group);
+
+        // @todo determine based on a 'surroundCount' value
+        return 1;
+    }
+
+    /**
+     * Returns the URI for a specific page for the specified group.
+     *
+     * @return string|URI
+     */
+    public function getPageURI(?int $page = null, string $group = 'default', bool $returnObject = false)
+    {
+        $this->ensureGroup($group);
+
+        /**
+         * @var URI $uri
+         */
+        $uri = $this->groups[$group]['uri'];
+
+        $segment = $this->segment[$group] ?? 0;
+
+        if ($segment) {
+            $uri->setSegment($segment, $page);
+        } else {
+            $uri->addQuery($this->groups[$group]['pageSelector'], $page);
+        }
+
+        if ($this->only !== null) {
+            $query = array_intersect_key($_GET, array_flip($this->only));
+
+            if (! $segment) {
+                $query[$this->groups[$group]['pageSelector']] = $page;
+            }
+
+            $uri->setQueryArray($query);
+        }
+
+        return $returnObject
+            ? $uri
+            : URI::createURIString(
+                $uri->getScheme(),
+                $uri->getAuthority(),
+                $uri->getPath(),
+                $uri->getQuery(),
+                $uri->getFragment(),
+            );
+    }
+
+    /**
+     * Returns the full URI to the next page of results, or null.
+     *
+     * @return string|null
+     */
+    public function getNextPageURI(string $group = 'default', bool $returnObject = false)
+    {
+        $this->ensureGroup($group);
+
+        $last = $this->getLastPage($group);
+        $curr = $this->getCurrentPage($group);
+        $page = null;
+
+        if (! empty($last) && $curr !== 0 && $last === $curr) {
+            return null;
+        }
+
+        if ($last > $curr) {
+            $page = $curr + 1;
+        }
+
+        return $this->getPageURI($page, $group, $returnObject);
+    }
+
+    /**
+     * Returns the full URL to the previous page of results, or null.
+     *
+     * @return string|null
+     */
+    public function getPreviousPageURI(string $group = 'default', bool $returnObject = false)
+    {
+        $this->ensureGroup($group);
+
+        $first = $this->getFirstPage($group);
+        $curr  = $this->getCurrentPage($group);
+        $page  = null;
+
+        if ($first !== 0 && $curr !== 0 && $first === $curr) {
+            return null;
+        }
+
+        if ($first < $curr) {
+            $page = $curr - 1;
+        }
+
+        return $this->getPageURI($page, $group, $returnObject);
+    }
+
+    /**
+     * Returns the number of results per page that should be shown.
+     */
+    public function getPerPage(string $group = 'default'): int
+    {
+        $this->ensureGroup($group);
+
+        return (int) $this->groups[$group]['perPage'];
+    }
+
+    /**
+     * Returns an array with details about the results, including
+     * total, per_page, current_page, last_page, next_url, prev_url, from, to.
+     * Does not include the actual data. This data is suitable for adding
+     * a 'data' object to with the result set and converting to JSON.
+     */
+    public function getDetails(string $group = 'default'): array
+    {
+        if (! array_key_exists($group, $this->groups)) {
+            throw PagerException::forInvalidPaginationGroup($group);
+        }
+
+        $newGroup = $this->groups[$group];
+
+        $newGroup['next']     = $this->getNextPageURI($group);
+        $newGroup['previous'] = $this->getPreviousPageURI($group);
+        $newGroup['segment']  = $this->segment[$group] ?? 0;
+
+        return $newGroup;
+    }
+
+    /**
+     * Sets only allowed queries on pagination links.
+     */
+    public function only(array $queries): self
+    {
+        $this->only = $queries;
+
+        return $this;
+    }
+
+    /**
+     * Ensures that an array exists for the group specified.
+     *
+     * @return void
+     */
+    protected function ensureGroup(string $group, ?int $perPage = null)
+    {
+        if (array_key_exists($group, $this->groups)) {
+            return;
+        }
+
+        $this->groups[$group] = [
+            'currentUri'   => clone current_url(true),
+            'uri'          => clone current_url(true),
+            'hasMore'      => false,
+            'total'        => null,
+            'perPage'      => $perPage ?? $this->config->perPage,
+            'pageCount'    => 1,
+            'pageSelector' => $group === 'default' ? 'page' : 'page_' . $group,
+        ];
+
+        $this->calculateCurrentPage($group);
+
+        if ($_GET !== []) {
+            $this->groups[$group]['uri'] = $this->groups[$group]['uri']->setQueryArray($_GET);
+        }
+    }
+
+    /**
+     * Calculating the current page
+     *
+     * @return void
+     */
+    protected function calculateCurrentPage(string $group)
+    {
+        if (array_key_exists($group, $this->segment)) {
+            try {
+                $this->groups[$group]['currentPage'] = (int) $this->groups[$group]['currentUri']
+                    ->setSilent(false)->getSegment($this->segment[$group]);
+            } catch (HTTPException) {
+                $this->groups[$group]['currentPage'] = 1;
+            }
+        } else {
+            $pageSelector = $this->groups[$group]['pageSelector'];
+
+            $page = (int) ($_GET[$pageSelector] ?? 1);
+
+            $this->groups[$group]['currentPage'] = $page < 1 ? 1 : $page;
+        }
+    }
+}
diff --git a/ci4app/system/Pager/PagerInterface.php b/ci4app/system/Pager/PagerInterface.php
new file mode 100644
index 0000000..650b04f
--- /dev/null
+++ b/ci4app/system/Pager/PagerInterface.php
@@ -0,0 +1,120 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Pager;
+
+use CodeIgniter\HTTP\URI;
+
+/**
+ * Expected behavior for a Pager
+ */
+interface PagerInterface
+{
+    /**
+     * Handles creating and displaying the
+     *
+     * @param string $template The output template alias to render.
+     */
+    public function links(string $group = 'default', string $template = 'default'): string;
+
+    /**
+     * Creates simple Next/Previous links, instead of full pagination.
+     */
+    public function simpleLinks(string $group = 'default', string $template = 'default'): string;
+
+    /**
+     * Allows for a simple, manual, form of pagination where all of the data
+     * is provided by the user. The URL is the current URI.
+     *
+     * @param string $template The output template alias to render.
+     */
+    public function makeLinks(int $page, int $perPage, int $total, string $template = 'default'): string;
+
+    /**
+     * Stores a set of pagination data for later display. Most commonly used
+     * by the model to automate the process.
+     *
+     * @return $this
+     */
+    public function store(string $group, int $page, int $perPage, int $total);
+
+    /**
+     * Sets the path that an aliased group of links will use.
+     *
+     * @return $this
+     */
+    public function setPath(string $path, string $group = 'default');
+
+    /**
+     * Returns the total number of pages.
+     */
+    public function getPageCount(string $group = 'default'): int;
+
+    /**
+     * Returns the number of the current page of results.
+     */
+    public function getCurrentPage(string $group = 'default'): int;
+
+    /**
+     * Returns the URI for a specific page for the specified group.
+     *
+     * @return string|URI
+     */
+    public function getPageURI(?int $page = null, string $group = 'default', bool $returnObject = false);
+
+    /**
+     * Tells whether this group of results has any more pages of results.
+     */
+    public function hasMore(string $group = 'default'): bool;
+
+    /**
+     * Returns the first page.
+     *
+     * @return int
+     */
+    public function getFirstPage(string $group = 'default');
+
+    /**
+     * Returns the last page, if we have a total that we can calculate with.
+     *
+     * @return int|null
+     */
+    public function getLastPage(string $group = 'default');
+
+    /**
+     * Returns the full URI to the next page of results, or null.
+     *
+     * @return string|null
+     */
+    public function getNextPageURI(string $group = 'default');
+
+    /**
+     * Returns the full URL to the previous page of results, or null.
+     *
+     * @return string|null
+     */
+    public function getPreviousPageURI(string $group = 'default');
+
+    /**
+     * Returns the number of results per page that should be shown.
+     */
+    public function getPerPage(string $group = 'default'): int;
+
+    /**
+     * Returns an array with details about the results, including
+     * total, per_page, current_page, last_page, next_url, prev_url, from, to.
+     * Does not include the actual data. This data is suitable for adding
+     * a 'data' object to with the result set and converting to JSON.
+     */
+    public function getDetails(string $group = 'default'): array;
+}
diff --git a/ci4app/system/Pager/PagerRenderer.php b/ci4app/system/Pager/PagerRenderer.php
new file mode 100644
index 0000000..2352a98
--- /dev/null
+++ b/ci4app/system/Pager/PagerRenderer.php
@@ -0,0 +1,504 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Pager;
+
+use CodeIgniter\HTTP\URI;
+
+/**
+ * Class PagerRenderer
+ *
+ * This class is passed to the view that describes the pagination,
+ * and is used to get the link information and provide utility
+ * methods needed to work with pagination.
+ *
+ * @see \CodeIgniter\Pager\PagerRendererTest
+ */
+class PagerRenderer
+{
+    /**
+     * First page number in the set of links to be displayed.
+     *
+     * @var int
+     */
+    protected $first;
+
+    /**
+     * Last page number in the set of links to be displayed.
+     *
+     * @var int
+     */
+    protected $last;
+
+    /**
+     * Current page number.
+     *
+     * @var int
+     */
+    protected $current;
+
+    /**
+     * Total number of items.
+     *
+     * @var int
+     */
+    protected $total;
+
+    /**
+     * Total number of pages.
+     *
+     * @var int
+     */
+    protected $pageCount;
+
+    /**
+     * URI base for pagination links
+     *
+     * @var URI
+     */
+    protected $uri;
+
+    /**
+     * Segment number used for pagination.
+     *
+     * @var int
+     */
+    protected $segment;
+
+    /**
+     * Name of $_GET parameter
+     *
+     * @var string
+     */
+    protected $pageSelector;
+
+    /**
+     * Returns the number of results per page that should be shown.
+     */
+    protected ?int $perPage;
+
+    /**
+     * The number of items the page starts with.
+     */
+    protected ?int $perPageStart = null;
+
+    /**
+     * The number of items the page ends with.
+     */
+    protected ?int $perPageEnd = null;
+
+    /**
+     * Constructor.
+     */
+    public function __construct(array $details)
+    {
+        // `first` and `last` will be updated by `setSurroundCount()`.
+        // You must call `setSurroundCount()` after instantiation.
+        $this->first = 1;
+        $this->last  = $details['pageCount'];
+
+        $this->current      = $details['currentPage'];
+        $this->total        = $details['total'];
+        $this->uri          = $details['uri'];
+        $this->pageCount    = $details['pageCount'];
+        $this->segment      = $details['segment'] ?? 0;
+        $this->pageSelector = $details['pageSelector'] ?? 'page';
+        $this->perPage      = $details['perPage'] ?? null;
+        $this->updatePerPages();
+    }
+
+    /**
+     * Sets the total number of links that should appear on either
+     * side of the current page. Adjusts the first and last counts
+     * to reflect it.
+     *
+     * @return PagerRenderer
+     */
+    public function setSurroundCount(?int $count = null)
+    {
+        $this->updatePages($count);
+
+        return $this;
+    }
+
+    /**
+     * Checks to see if there is a "previous" page before our "first" page.
+     */
+    public function hasPrevious(): bool
+    {
+        return $this->first > 1;
+    }
+
+    /**
+     * Returns a URL to the "previous" page. The previous page is NOT the
+     * page before the current page, but is the page just before the
+     * "first" page.
+     *
+     * @return string|null
+     */
+    public function getPrevious()
+    {
+        if (! $this->hasPrevious()) {
+            return null;
+        }
+
+        $uri = clone $this->uri;
+
+        if ($this->segment === 0) {
+            $uri->addQuery($this->pageSelector, $this->first - 1);
+        } else {
+            $uri->setSegment($this->segment, $this->first - 1);
+        }
+
+        return URI::createURIString(
+            $uri->getScheme(),
+            $uri->getAuthority(),
+            $uri->getPath(),
+            $uri->getQuery(),
+            $uri->getFragment(),
+        );
+    }
+
+    /**
+     * Checks to see if there is a "next" page after our "last" page.
+     */
+    public function hasNext(): bool
+    {
+        return $this->pageCount > $this->last;
+    }
+
+    /**
+     * Returns a URL to the "next" page. The next page is NOT, the
+     * page after the current page, but is the page that follows the
+     * "last" page.
+     *
+     * @return string|null
+     */
+    public function getNext()
+    {
+        if (! $this->hasNext()) {
+            return null;
+        }
+
+        $uri = clone $this->uri;
+
+        if ($this->segment === 0) {
+            $uri->addQuery($this->pageSelector, $this->last + 1);
+        } else {
+            $uri->setSegment($this->segment, $this->last + 1);
+        }
+
+        return URI::createURIString(
+            $uri->getScheme(),
+            $uri->getAuthority(),
+            $uri->getPath(),
+            $uri->getQuery(),
+            $uri->getFragment(),
+        );
+    }
+
+    /**
+     * Returns the URI of the first page.
+     */
+    public function getFirst(): string
+    {
+        $uri = clone $this->uri;
+
+        if ($this->segment === 0) {
+            $uri->addQuery($this->pageSelector, 1);
+        } else {
+            $uri->setSegment($this->segment, 1);
+        }
+
+        return URI::createURIString(
+            $uri->getScheme(),
+            $uri->getAuthority(),
+            $uri->getPath(),
+            $uri->getQuery(),
+            $uri->getFragment(),
+        );
+    }
+
+    /**
+     * Returns the URI of the last page.
+     */
+    public function getLast(): string
+    {
+        $uri = clone $this->uri;
+
+        if ($this->segment === 0) {
+            $uri->addQuery($this->pageSelector, $this->pageCount);
+        } else {
+            $uri->setSegment($this->segment, $this->pageCount);
+        }
+
+        return URI::createURIString(
+            $uri->getScheme(),
+            $uri->getAuthority(),
+            $uri->getPath(),
+            $uri->getQuery(),
+            $uri->getFragment(),
+        );
+    }
+
+    /**
+     * Returns the URI of the current page.
+     */
+    public function getCurrent(): string
+    {
+        $uri = clone $this->uri;
+
+        if ($this->segment === 0) {
+            $uri->addQuery($this->pageSelector, $this->current);
+        } else {
+            $uri->setSegment($this->segment, $this->current);
+        }
+
+        return URI::createURIString(
+            $uri->getScheme(),
+            $uri->getAuthority(),
+            $uri->getPath(),
+            $uri->getQuery(),
+            $uri->getFragment(),
+        );
+    }
+
+    /**
+     * Returns an array of links that should be displayed. Each link
+     * is represented by another array containing of the URI the link
+     * should go to, the title (number) of the link, and a boolean
+     * value representing whether this link is active or not.
+     *
+     * @return list<array{uri:string, title:int, active:bool}>
+     */
+    public function links(): array
+    {
+        $links = [];
+
+        $uri = clone $this->uri;
+
+        for ($i = $this->first; $i <= $this->last; $i++) {
+            $uri     = $this->segment === 0 ? $uri->addQuery($this->pageSelector, $i) : $uri->setSegment($this->segment, $i);
+            $links[] = [
+                'uri' => URI::createURIString(
+                    $uri->getScheme(),
+                    $uri->getAuthority(),
+                    $uri->getPath(),
+                    $uri->getQuery(),
+                    $uri->getFragment(),
+                ),
+                'title'  => $i,
+                'active' => ($i === $this->current),
+            ];
+        }
+
+        return $links;
+    }
+
+    /**
+     * Updates the first and last pages based on $surroundCount,
+     * which is the number of links surrounding the active page
+     * to show.
+     *
+     * @param int|null $count The new "surroundCount"
+     *
+     * @return void
+     */
+    protected function updatePages(?int $count = null)
+    {
+        if ($count === null) {
+            return;
+        }
+
+        $this->first = $this->current - $count > 0 ? $this->current - $count : 1;
+        $this->last  = $this->current + $count <= $this->pageCount ? $this->current + $count : (int) $this->pageCount;
+    }
+
+    /**
+     * Updates the start and end items per pages, which is
+     * the number of items displayed on the active page.
+     */
+    protected function updatePerPages(): void
+    {
+        if ($this->total === null || $this->perPage === null) {
+            return;
+        }
+
+        // When the page is the last, perform a different calculation.
+        if ($this->last === $this->current) {
+            $this->perPageStart = $this->perPage * ($this->current - 1) + 1;
+            $this->perPageEnd   = $this->total;
+
+            return;
+        }
+
+        $this->perPageStart = $this->current === 1 ? 1 : ($this->perPage * $this->current) - $this->perPage + 1;
+        $this->perPageEnd   = $this->perPage * $this->current;
+    }
+
+    /**
+     * Checks to see if there is a "previous" page before our "first" page.
+     */
+    public function hasPreviousPage(): bool
+    {
+        return $this->current > 1;
+    }
+
+    /**
+     * Returns a URL to the "previous" page.
+     *
+     * You MUST call hasPreviousPage() first, or this value may be invalid.
+     *
+     * @return string|null
+     */
+    public function getPreviousPage()
+    {
+        if (! $this->hasPreviousPage()) {
+            return null;
+        }
+
+        $uri = clone $this->uri;
+
+        if ($this->segment === 0) {
+            $uri->addQuery($this->pageSelector, $this->current - 1);
+        } else {
+            $uri->setSegment($this->segment, $this->current - 1);
+        }
+
+        return URI::createURIString(
+            $uri->getScheme(),
+            $uri->getAuthority(),
+            $uri->getPath(),
+            $uri->getQuery(),
+            $uri->getFragment(),
+        );
+    }
+
+    /**
+     * Checks to see if there is a "next" page after our "last" page.
+     */
+    public function hasNextPage(): bool
+    {
+        return $this->current < $this->last;
+    }
+
+    /**
+     * Returns a URL to the "next" page.
+     *
+     * You MUST call hasNextPage() first, or this value may be invalid.
+     *
+     * @return string|null
+     */
+    public function getNextPage()
+    {
+        if (! $this->hasNextPage()) {
+            return null;
+        }
+
+        $uri = clone $this->uri;
+
+        if ($this->segment === 0) {
+            $uri->addQuery($this->pageSelector, $this->current + 1);
+        } else {
+            $uri->setSegment($this->segment, $this->current + 1);
+        }
+
+        return URI::createURIString(
+            $uri->getScheme(),
+            $uri->getAuthority(),
+            $uri->getPath(),
+            $uri->getQuery(),
+            $uri->getFragment(),
+        );
+    }
+
+    /**
+     * Returns the page number of the first page in the set of links to be displayed.
+     */
+    public function getFirstPageNumber(): int
+    {
+        return $this->first;
+    }
+
+    /**
+     * Returns the page number of the current page.
+     */
+    public function getCurrentPageNumber(): int
+    {
+        return $this->current;
+    }
+
+    /**
+     * Returns the page number of the last page in the set of links to be displayed.
+     */
+    public function getLastPageNumber(): int
+    {
+        return $this->last;
+    }
+
+    /**
+     * Returns total number of pages.
+     */
+    public function getPageCount(): int
+    {
+        return $this->pageCount;
+    }
+
+    /**
+     * Returns the previous page number.
+     */
+    public function getPreviousPageNumber(): ?int
+    {
+        return ($this->current === 1) ? null : $this->current - 1;
+    }
+
+    /**
+     * Returns the next page number.
+     */
+    public function getNextPageNumber(): ?int
+    {
+        return ($this->current === $this->pageCount) ? null : $this->current + 1;
+    }
+
+    /**
+     * Returns the total items of the page.
+     */
+    public function getTotal(): ?int
+    {
+        return $this->total;
+    }
+
+    /**
+     * Returns the number of items to be displayed on the page.
+     */
+    public function getPerPage(): ?int
+    {
+        return $this->perPage;
+    }
+
+    /**
+     * Returns the number of items the page starts with.
+     */
+    public function getPerPageStart(): ?int
+    {
+        return $this->perPageStart;
+    }
+
+    /**
+     * Returns the number of items the page ends with.
+     */
+    public function getPerPageEnd(): ?int
+    {
+        return $this->perPageEnd;
+    }
+}
diff --git a/ci4app/system/Pager/Views/default_full.php b/ci4app/system/Pager/Views/default_full.php
new file mode 100644
index 0000000..0001143
--- /dev/null
+++ b/ci4app/system/Pager/Views/default_full.php
@@ -0,0 +1,47 @@
+<?php
+
+use CodeIgniter\Pager\PagerRenderer;
+
+/**
+ * @var PagerRenderer $pager
+ */
+$pager->setSurroundCount(2);
+?>
+
+<nav aria-label="<?= lang('Pager.pageNavigation') ?>">
+	<ul class="pagination">
+		<?php if ($pager->hasPrevious()) : ?>
+			<li>
+				<a href="<?= $pager->getFirst() ?>" aria-label="<?= lang('Pager.first') ?>">
+					<span aria-hidden="true"><?= lang('Pager.first') ?></span>
+				</a>
+			</li>
+			<li>
+				<a href="<?= $pager->getPrevious() ?>" aria-label="<?= lang('Pager.previous') ?>">
+					<span aria-hidden="true"><?= lang('Pager.previous') ?></span>
+				</a>
+			</li>
+		<?php endif ?>
+
+		<?php foreach ($pager->links() as $link) : ?>
+			<li <?= $link['active'] ? 'class="active"' : '' ?>>
+				<a href="<?= $link['uri'] ?>">
+					<?= $link['title'] ?>
+				</a>
+			</li>
+		<?php endforeach ?>
+
+		<?php if ($pager->hasNext()) : ?>
+			<li>
+				<a href="<?= $pager->getNext() ?>" aria-label="<?= lang('Pager.next') ?>">
+					<span aria-hidden="true"><?= lang('Pager.next') ?></span>
+				</a>
+			</li>
+			<li>
+				<a href="<?= $pager->getLast() ?>" aria-label="<?= lang('Pager.last') ?>">
+					<span aria-hidden="true"><?= lang('Pager.last') ?></span>
+				</a>
+			</li>
+		<?php endif ?>
+	</ul>
+</nav>
diff --git a/ci4app/system/Pager/Views/default_head.php b/ci4app/system/Pager/Views/default_head.php
new file mode 100644
index 0000000..c233e5e
--- /dev/null
+++ b/ci4app/system/Pager/Views/default_head.php
@@ -0,0 +1,27 @@
+<?php
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+use CodeIgniter\Pager\PagerRenderer;
+
+/**
+ * @var PagerRenderer $pager
+ */
+$pager->setSurroundCount(0);
+
+if ($pager->hasPrevious()) {
+    echo '<link rel="prev" href="' . $pager->getPrevious() . '">' . PHP_EOL;
+}
+
+echo '<link rel="canonical" href="' . $pager->getCurrent() . '">' . PHP_EOL;
+
+if ($pager->hasNext()) {
+    echo '<link rel="next" href="' . $pager->getNext() . '">' . PHP_EOL;
+}
diff --git a/ci4app/system/Pager/Views/default_simple.php b/ci4app/system/Pager/Views/default_simple.php
new file mode 100644
index 0000000..df7f7e0
--- /dev/null
+++ b/ci4app/system/Pager/Views/default_simple.php
@@ -0,0 +1,23 @@
+<?php
+
+use CodeIgniter\Pager\PagerRenderer;
+
+/**
+ * @var PagerRenderer $pager
+ */
+$pager->setSurroundCount(0);
+?>
+<nav>
+	<ul class="pager">
+		<li <?= $pager->hasPrevious() ? '' : 'class="disabled"' ?>>
+			<a href="<?= $pager->getPrevious() ?? '#' ?>" aria-label="<?= lang('Pager.previous') ?>">
+				<span aria-hidden="true"><?= lang('Pager.newer') ?></span>
+			</a>
+		</li>
+		<li <?= $pager->hasNext() ? '' : 'class="disabled"' ?>>
+			<a href="<?= $pager->getNext() ?? '#' ?>" aria-label="<?= lang('Pager.next') ?>">
+				<span aria-hidden="true"><?= lang('Pager.older') ?></span>
+			</a>
+		</li>
+	</ul>
+</nav>
diff --git a/ci4app/system/Publisher/ContentReplacer.php b/ci4app/system/Publisher/ContentReplacer.php
new file mode 100644
index 0000000..6e8c01f
--- /dev/null
+++ b/ci4app/system/Publisher/ContentReplacer.php
@@ -0,0 +1,101 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Publisher;
+
+use CodeIgniter\Exceptions\RuntimeException;
+
+/**
+ * Replace Text Content
+ *
+ * @see \CodeIgniter\Publisher\ContentReplacerTest
+ */
+class ContentReplacer
+{
+    /**
+     * Replace content
+     *
+     * @param array $replaces [search => replace]
+     */
+    public function replace(string $content, array $replaces): string
+    {
+        return strtr($content, $replaces);
+    }
+
+    /**
+     * Add text
+     *
+     * @param string $text    Text to add.
+     * @param string $pattern Regexp search pattern.
+     * @param string $replace Regexp replacement including text to add.
+     *
+     * @return string|null Updated content, or null if not updated.
+     */
+    private function add(string $content, string $text, string $pattern, string $replace): ?string
+    {
+        $return = preg_match('/' . preg_quote($text, '/') . '/u', $content);
+
+        if ($return === false) {
+            // Regexp error.
+            throw new RuntimeException('Regex error. PCRE error code: ' . preg_last_error());
+        }
+
+        if ($return === 1) {
+            // It has already been updated.
+            return null;
+        }
+
+        $return = preg_replace($pattern, $replace, $content);
+
+        if ($return === null) {
+            // Regexp error.
+            throw new RuntimeException('Regex error. PCRE error code: ' . preg_last_error());
+        }
+
+        return $return;
+    }
+
+    /**
+     * Add line after the line with the string
+     *
+     * @param string $content Whole content.
+     * @param string $line    Line to add.
+     * @param string $after   String to search.
+     *
+     * @return string|null Updated content, or null if not updated.
+     */
+    public function addAfter(string $content, string $line, string $after): ?string
+    {
+        $pattern = '/(.*)(\n[^\n]*?' . preg_quote($after, '/') . '[^\n]*?\n)/su';
+        $replace = '$1$2' . $line . "\n";
+
+        return $this->add($content, $line, $pattern, $replace);
+    }
+
+    /**
+     * Add line before the line with the string
+     *
+     * @param string $content Whole content.
+     * @param string $line    Line to add.
+     * @param string $before  String to search.
+     *
+     * @return string|null Updated content, or null if not updated.
+     */
+    public function addBefore(string $content, string $line, string $before): ?string
+    {
+        $pattern = '/(\n)([^\n]*?' . preg_quote($before, '/') . ')(.*)/su';
+        $replace = '$1' . $line . "\n" . '$2$3';
+
+        return $this->add($content, $line, $pattern, $replace);
+    }
+}
diff --git a/ci4app/system/Publisher/Exceptions/PublisherException.php b/ci4app/system/Publisher/Exceptions/PublisherException.php
new file mode 100644
index 0000000..e26a559
--- /dev/null
+++ b/ci4app/system/Publisher/Exceptions/PublisherException.php
@@ -0,0 +1,57 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Publisher\Exceptions;
+
+use CodeIgniter\Exceptions\FrameworkException;
+
+/**
+ * Publisher Exception Class
+ *
+ * Handles exceptions related to actions taken by a Publisher.
+ */
+class PublisherException extends FrameworkException
+{
+    /**
+     * Throws when a file should be overwritten yet cannot.
+     *
+     * @param string $from The source file
+     * @param string $to   The destination file
+     *
+     * @return static
+     */
+    public static function forCollision(string $from, string $to)
+    {
+        return new static(lang('Publisher.collision', [filetype($to), $from, $to]));
+    }
+
+    /**
+     * Throws when given a destination that is not in the list of allowed directories.
+     *
+     * @return static
+     */
+    public static function forDestinationNotAllowed(string $destination)
+    {
+        return new static(lang('Publisher.destinationNotAllowed', [$destination]));
+    }
+
+    /**
+     * Throws when a file fails to match the allowed pattern for its destination.
+     *
+     * @return static
+     */
+    public static function forFileNotAllowed(string $file, string $directory, string $pattern)
+    {
+        return new static(lang('Publisher.fileNotAllowed', [$file, $directory, $pattern]));
+    }
+}
diff --git a/ci4app/system/Publisher/Publisher.php b/ci4app/system/Publisher/Publisher.php
new file mode 100644
index 0000000..8d9f6b7
--- /dev/null
+++ b/ci4app/system/Publisher/Publisher.php
@@ -0,0 +1,523 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Publisher;
+
+use CodeIgniter\Autoloader\FileLocatorInterface;
+use CodeIgniter\Exceptions\RuntimeException;
+use CodeIgniter\Files\FileCollection;
+use CodeIgniter\HTTP\URI;
+use CodeIgniter\Publisher\Exceptions\PublisherException;
+use Config\Publisher as PublisherConfig;
+use Throwable;
+
+/**
+ * Publishers read in file paths from a variety of sources and copy
+ * the files out to different destinations. This class acts both as
+ * a base for individual publication directives as well as the mode
+ * of discovery for said instances. In this class a "file" is a full
+ * path to a verified file while a "path" is relative to its source
+ * or destination and may indicate either a file or directory of
+ * unconfirmed existence.
+ *
+ * Class failures throw the PublisherException, but some underlying
+ * methods may percolate different exceptions, like FileException,
+ * FileNotFoundException or InvalidArgumentException.
+ *
+ * Write operations will catch all errors in the file-specific
+ * $errors property to minimize impact of partial batch operations.
+ */
+class Publisher extends FileCollection
+{
+    /**
+     * Array of discovered Publishers.
+     *
+     * @var array<string, list<self>|null>
+     */
+    private static array $discovered = [];
+
+    /**
+     * Directory to use for methods that need temporary storage.
+     * Created on-the-fly as needed.
+     */
+    private ?string $scratch = null;
+
+    /**
+     * Exceptions for specific files from the last write operation.
+     *
+     * @var array<string, Throwable>
+     */
+    private array $errors = [];
+
+    /**
+     * List of file published curing the last write operation.
+     *
+     * @var list<string>
+     */
+    private array $published = [];
+
+    /**
+     * List of allowed directories and their allowed files regex.
+     * Restrictions are intentionally private to prevent overriding.
+     *
+     * @var array<string,string>
+     */
+    private readonly array $restrictions;
+
+    private readonly ContentReplacer $replacer;
+
+    /**
+     * Base path to use for the source.
+     *
+     * @var string
+     */
+    protected $source = ROOTPATH;
+
+    /**
+     * Base path to use for the destination.
+     *
+     * @var string
+     */
+    protected $destination = FCPATH;
+
+    // --------------------------------------------------------------------
+    // Support Methods
+    // --------------------------------------------------------------------
+
+    /**
+     * Discovers and returns all Publishers in the specified namespace directory.
+     *
+     * @return list<self>
+     */
+    final public static function discover(string $directory = 'Publishers', string $namespace = ''): array
+    {
+        $key = implode('.', [$namespace, $directory]);
+
+        if (isset(self::$discovered[$key])) {
+            return self::$discovered[$key];
+        }
+
+        self::$discovered[$key] = [];
+
+        /** @var FileLocatorInterface */
+        $locator = service('locator');
+
+        $files = $namespace === ''
+            ? $locator->listFiles($directory)
+            : $locator->listNamespaceFiles($namespace, $directory);
+
+        if ([] === $files) {
+            return [];
+        }
+
+        // Loop over each file checking to see if it is a Publisher
+        foreach (array_unique($files) as $file) {
+            $className = $locator->findQualifiedNameFromPath($file);
+
+            if ($className !== false && class_exists($className) && is_a($className, self::class, true)) {
+                /** @var class-string<self> $className */
+                self::$discovered[$key][] = new $className();
+            }
+        }
+
+        sort(self::$discovered[$key]);
+
+        return self::$discovered[$key];
+    }
+
+    /**
+     * Removes a directory and all its files and subdirectories.
+     */
+    private static function wipeDirectory(string $directory): void
+    {
+        if (is_dir($directory)) {
+            // Try a few times in case of lingering locks
+            $attempts = 10;
+
+            while ((bool) $attempts && ! delete_files($directory, true, false, true)) {
+                // @codeCoverageIgnoreStart
+                $attempts--;
+                usleep(100000); // .1s
+                // @codeCoverageIgnoreEnd
+            }
+
+            @rmdir($directory);
+        }
+    }
+
+    // --------------------------------------------------------------------
+    // Class Core
+    // --------------------------------------------------------------------
+
+    /**
+     * Loads the helper and verifies the source and destination directories.
+     */
+    public function __construct(?string $source = null, ?string $destination = null)
+    {
+        helper(['filesystem']);
+
+        $this->source      = self::resolveDirectory($source ?? $this->source);
+        $this->destination = self::resolveDirectory($destination ?? $this->destination);
+
+        $this->replacer = new ContentReplacer();
+
+        // Restrictions are intentionally not injected to prevent overriding
+        $this->restrictions = config(PublisherConfig::class)->restrictions;
+
+        // Make sure the destination is allowed
+        foreach (array_keys($this->restrictions) as $directory) {
+            if (str_starts_with($this->destination, $directory)) {
+                return;
+            }
+        }
+
+        throw PublisherException::forDestinationNotAllowed($this->destination);
+    }
+
+    /**
+     * Cleans up any temporary files in the scratch space.
+     */
+    public function __destruct()
+    {
+        if (isset($this->scratch)) {
+            self::wipeDirectory($this->scratch);
+
+            $this->scratch = null;
+        }
+    }
+
+    /**
+     * Reads files from the sources and copies them out to their destinations.
+     * This method should be reimplemented by child classes intended for
+     * discovery.
+     *
+     * @throws RuntimeException
+     */
+    public function publish(): bool
+    {
+        // Safeguard against accidental misuse
+        if ($this->source === ROOTPATH && $this->destination === FCPATH) {
+            throw new RuntimeException('Child classes of Publisher should provide their own publish method or a source and destination.');
+        }
+
+        return $this->addPath('/')->merge(true);
+    }
+
+    // --------------------------------------------------------------------
+    // Property Accessors
+    // --------------------------------------------------------------------
+
+    /**
+     * Returns the source directory.
+     */
+    final public function getSource(): string
+    {
+        return $this->source;
+    }
+
+    /**
+     * Returns the destination directory.
+     */
+    final public function getDestination(): string
+    {
+        return $this->destination;
+    }
+
+    /**
+     * Returns the temporary workspace, creating it if necessary.
+     */
+    final public function getScratch(): string
+    {
+        if ($this->scratch === null) {
+            $this->scratch = rtrim(sys_get_temp_dir(), DIRECTORY_SEPARATOR) . DIRECTORY_SEPARATOR . bin2hex(random_bytes(6)) . DIRECTORY_SEPARATOR;
+            mkdir($this->scratch, 0700);
+            $this->scratch = realpath($this->scratch) ? realpath($this->scratch) . DIRECTORY_SEPARATOR
+                : $this->scratch;
+        }
+
+        return $this->scratch;
+    }
+
+    /**
+     * Returns errors from the last write operation if any.
+     *
+     * @return array<string,Throwable>
+     */
+    final public function getErrors(): array
+    {
+        return $this->errors;
+    }
+
+    /**
+     * Returns the files published by the last write operation.
+     *
+     * @return list<string>
+     */
+    final public function getPublished(): array
+    {
+        return $this->published;
+    }
+
+    // --------------------------------------------------------------------
+    // Additional Handlers
+    // --------------------------------------------------------------------
+
+    /**
+     * Verifies and adds paths to the list.
+     *
+     * @param list<string> $paths
+     *
+     * @return $this
+     */
+    final public function addPaths(array $paths, bool $recursive = true)
+    {
+        foreach ($paths as $path) {
+            $this->addPath($path, $recursive);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Adds a single path to the file list.
+     *
+     * @return $this
+     */
+    final public function addPath(string $path, bool $recursive = true)
+    {
+        $this->add($this->source . $path, $recursive);
+
+        return $this;
+    }
+
+    /**
+     * Downloads and stages files from an array of URIs.
+     *
+     * @param list<string> $uris
+     *
+     * @return $this
+     */
+    final public function addUris(array $uris)
+    {
+        foreach ($uris as $uri) {
+            $this->addUri($uri);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Downloads a file from the URI, and adds it to the file list.
+     *
+     * @param string $uri Because HTTP\URI is stringable it will still be accepted
+     *
+     * @return $this
+     */
+    final public function addUri(string $uri)
+    {
+        // Figure out a good filename (using URI strips queries and fragments)
+        $file = $this->getScratch() . basename((new URI($uri))->getPath());
+
+        // Get the content and write it to the scratch space
+        write_file($file, service('curlrequest')->get($uri)->getBody());
+
+        return $this->addFile($file);
+    }
+
+    // --------------------------------------------------------------------
+    // Write Methods
+    // --------------------------------------------------------------------
+
+    /**
+     * Removes the destination and all its files and folders.
+     *
+     * @return $this
+     */
+    final public function wipe()
+    {
+        self::wipeDirectory($this->destination);
+
+        return $this;
+    }
+
+    /**
+     * Copies all files into the destination, does not create directory structure.
+     *
+     * @param bool $replace Whether to overwrite existing files.
+     *
+     * @return bool Whether all files were copied successfully
+     */
+    final public function copy(bool $replace = true): bool
+    {
+        $this->errors = $this->published = [];
+
+        foreach ($this->get() as $file) {
+            $to = $this->destination . basename($file);
+
+            try {
+                $this->safeCopyFile($file, $to, $replace);
+                $this->published[] = $to;
+            } catch (Throwable $e) {
+                $this->errors[$file] = $e;
+            }
+        }
+
+        return $this->errors === [];
+    }
+
+    /**
+     * Merges all files into the destination.
+     * Creates a mirrored directory structure only for files from source.
+     *
+     * @param bool $replace Whether to overwrite existing files.
+     *
+     * @return bool Whether all files were copied successfully
+     */
+    final public function merge(bool $replace = true): bool
+    {
+        $this->errors = $this->published = [];
+
+        // Get the files from source for special handling
+        $sourced = self::filterFiles($this->get(), $this->source);
+
+        // Handle everything else with a flat copy
+        $this->files = array_diff($this->files, $sourced);
+        $this->copy($replace);
+
+        // Copy each sourced file to its relative destination
+        foreach ($sourced as $file) {
+            // Resolve the destination path
+            $to = $this->destination . substr($file, strlen($this->source));
+
+            try {
+                $this->safeCopyFile($file, $to, $replace);
+                $this->published[] = $to;
+            } catch (Throwable $e) {
+                $this->errors[$file] = $e;
+            }
+        }
+
+        return $this->errors === [];
+    }
+
+    /**
+     * Replace content
+     *
+     * @param array $replaces [search => replace]
+     */
+    public function replace(string $file, array $replaces): bool
+    {
+        $this->verifyAllowed($file, $file);
+
+        $content = file_get_contents($file);
+
+        $newContent = $this->replacer->replace($content, $replaces);
+
+        $return = file_put_contents($file, $newContent);
+
+        return $return !== false;
+    }
+
+    /**
+     * Add line after the line with the string
+     *
+     * @param string $after String to search.
+     */
+    public function addLineAfter(string $file, string $line, string $after): bool
+    {
+        $this->verifyAllowed($file, $file);
+
+        $content = file_get_contents($file);
+
+        $result = $this->replacer->addAfter($content, $line, $after);
+
+        if ($result !== null) {
+            $return = file_put_contents($file, $result);
+
+            return $return !== false;
+        }
+
+        return false;
+    }
+
+    /**
+     * Add line before the line with the string
+     *
+     * @param string $before String to search.
+     */
+    public function addLineBefore(string $file, string $line, string $before): bool
+    {
+        $this->verifyAllowed($file, $file);
+
+        $content = file_get_contents($file);
+
+        $result = $this->replacer->addBefore($content, $line, $before);
+
+        if ($result !== null) {
+            $return = file_put_contents($file, $result);
+
+            return $return !== false;
+        }
+
+        return false;
+    }
+
+    /**
+     * Verify this is an allowed file for its destination.
+     */
+    private function verifyAllowed(string $from, string $to): void
+    {
+        // Verify this is an allowed file for its destination
+        foreach ($this->restrictions as $directory => $pattern) {
+            if (str_starts_with($to, $directory) && self::matchFiles([$to], $pattern) === []) {
+                throw PublisherException::forFileNotAllowed($from, $directory, $pattern);
+            }
+        }
+    }
+
+    /**
+     * Copies a file with directory creation and identical file awareness.
+     * Intentionally allows errors.
+     *
+     * @throws PublisherException For collisions and restriction violations
+     */
+    private function safeCopyFile(string $from, string $to, bool $replace): void
+    {
+        // Verify this is an allowed file for its destination
+        $this->verifyAllowed($from, $to);
+
+        // Check for an existing file
+        if (file_exists($to)) {
+            // If not replacing or if files are identical then consider successful
+            if (! $replace || same_file($from, $to)) {
+                return;
+            }
+
+            // If it is a directory then do not try to remove it
+            if (is_dir($to)) {
+                throw PublisherException::forCollision($from, $to);
+            }
+
+            // Try to remove anything else
+            unlink($to);
+        }
+
+        // Make sure the directory exists
+        if (! is_dir($directory = pathinfo($to, PATHINFO_DIRNAME))) {
+            mkdir($directory, 0775, true);
+        }
+
+        // Allow copy() to throw errors
+        copy($from, $to);
+    }
+}
diff --git a/ci4app/system/RESTful/BaseResource.php b/ci4app/system/RESTful/BaseResource.php
new file mode 100644
index 0000000..f2e171c
--- /dev/null
+++ b/ci4app/system/RESTful/BaseResource.php
@@ -0,0 +1,77 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\RESTful;
+
+use CodeIgniter\Controller;
+use CodeIgniter\HTTP\CLIRequest;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use Psr\Log\LoggerInterface;
+
+abstract class BaseResource extends Controller
+{
+    /**
+     * Instance of the main Request object.
+     *
+     * @var CLIRequest|IncomingRequest
+     */
+    protected $request;
+
+    /**
+     * @var string|null The model that holding this resource's data
+     */
+    protected $modelName;
+
+    /**
+     * @var object|null The model that holding this resource's data
+     */
+    protected $model;
+
+    /**
+     * Constructor.
+     *
+     * @return void
+     */
+    public function initController(RequestInterface $request, ResponseInterface $response, LoggerInterface $logger)
+    {
+        parent::initController($request, $response, $logger);
+
+        $this->setModel($this->modelName);
+    }
+
+    /**
+     * Set or change the model this controller is bound to.
+     * Given either the name or the object, determine the other.
+     *
+     * @param object|string|null $which
+     *
+     * @return void
+     */
+    public function setModel($which = null)
+    {
+        if ($which !== null) {
+            $this->model     = is_object($which) ? $which : null;
+            $this->modelName = is_object($which) ? null : $which;
+        }
+
+        if (empty($this->model) && ! empty($this->modelName) && class_exists($this->modelName)) {
+            $this->model = model($this->modelName);
+        }
+
+        if (! empty($this->model) && empty($this->modelName)) {
+            $this->modelName = $this->model::class;
+        }
+    }
+}
diff --git a/ci4app/system/RESTful/ResourceController.php b/ci4app/system/RESTful/ResourceController.php
new file mode 100644
index 0000000..ed72df2
--- /dev/null
+++ b/ci4app/system/RESTful/ResourceController.php
@@ -0,0 +1,119 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\RESTful;
+
+use CodeIgniter\API\ResponseTrait;
+use CodeIgniter\HTTP\ResponseInterface;
+
+/**
+ * An extendable controller to provide a RESTful API for a resource.
+ *
+ * @see \CodeIgniter\RESTful\ResourceControllerTest
+ */
+class ResourceController extends BaseResource
+{
+    use ResponseTrait;
+
+    /**
+     * Return an array of resource objects, themselves in array format
+     *
+     * @return ResponseInterface|string|void
+     */
+    public function index()
+    {
+        return $this->fail(lang('RESTful.notImplemented', ['index']), 501);
+    }
+
+    /**
+     * Return the properties of a resource object
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface|string|void
+     */
+    public function show($id = null)
+    {
+        return $this->fail(lang('RESTful.notImplemented', ['show']), 501);
+    }
+
+    /**
+     * Return a new resource object, with default properties
+     *
+     * @return ResponseInterface|string|void
+     */
+    public function new()
+    {
+        return $this->fail(lang('RESTful.notImplemented', ['new']), 501);
+    }
+
+    /**
+     * Create a new resource object, from "posted" parameters
+     *
+     * @return ResponseInterface|string|void
+     */
+    public function create()
+    {
+        return $this->fail(lang('RESTful.notImplemented', ['create']), 501);
+    }
+
+    /**
+     * Return the editable properties of a resource object
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface|string|void
+     */
+    public function edit($id = null)
+    {
+        return $this->fail(lang('RESTful.notImplemented', ['edit']), 501);
+    }
+
+    /**
+     * Add or update a model resource, from "posted" properties
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface|string|void
+     */
+    public function update($id = null)
+    {
+        return $this->fail(lang('RESTful.notImplemented', ['update']), 501);
+    }
+
+    /**
+     * Delete the designated resource object from the model
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface|string|void
+     */
+    public function delete($id = null)
+    {
+        return $this->fail(lang('RESTful.notImplemented', ['delete']), 501);
+    }
+
+    /**
+     * Set/change the expected response representation for returned objects
+     *
+     * @param 'json'|'xml' $format Response format
+     *
+     * @return void
+     */
+    public function setFormat(string $format = 'json')
+    {
+        if (in_array($format, ['json', 'xml'], true)) {
+            $this->format = $format;
+        }
+    }
+}
diff --git a/ci4app/system/RESTful/ResourcePresenter.php b/ci4app/system/RESTful/ResourcePresenter.php
new file mode 100644
index 0000000..00bd54e
--- /dev/null
+++ b/ci4app/system/RESTful/ResourcePresenter.php
@@ -0,0 +1,116 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\RESTful;
+
+use CodeIgniter\HTTP\ResponseInterface;
+
+/**
+ * An extendable controller to help provide a UI for a resource.
+ *
+ * @see \CodeIgniter\RESTful\ResourcePresenterTest
+ */
+class ResourcePresenter extends BaseResource
+{
+    /**
+     * Present a view of resource objects
+     *
+     * @return ResponseInterface|string|void
+     */
+    public function index()
+    {
+        return lang('RESTful.notImplemented', ['index']);
+    }
+
+    /**
+     * Present a view to present a specific resource object
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface|string|void
+     */
+    public function show($id = null)
+    {
+        return lang('RESTful.notImplemented', ['show']);
+    }
+
+    /**
+     * Present a view to present a new single resource object
+     *
+     * @return ResponseInterface|string|void
+     */
+    public function new()
+    {
+        return lang('RESTful.notImplemented', ['new']);
+    }
+
+    /**
+     * Process the creation/insertion of a new resource object.
+     * This should be a POST.
+     *
+     * @return ResponseInterface|string|void
+     */
+    public function create()
+    {
+        return lang('RESTful.notImplemented', ['create']);
+    }
+
+    /**
+     * Present a view to edit the properties of a specific resource object
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface|string|void
+     */
+    public function edit($id = null)
+    {
+        return lang('RESTful.notImplemented', ['edit']);
+    }
+
+    /**
+     * Process the updating, full or partial, of a specific resource object.
+     * This should be a POST.
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface|string|void
+     */
+    public function update($id = null)
+    {
+        return lang('RESTful.notImplemented', ['update']);
+    }
+
+    /**
+     * Present a view to confirm the deletion of a specific resource object
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface|string|void
+     */
+    public function remove($id = null)
+    {
+        return lang('RESTful.notImplemented', ['remove']);
+    }
+
+    /**
+     * Process the deletion of a specific resource object
+     *
+     * @param int|string|null $id
+     *
+     * @return ResponseInterface|string|void
+     */
+    public function delete($id = null)
+    {
+        return lang('RESTful.notImplemented', ['delete']);
+    }
+}
diff --git a/ci4app/system/Router/AutoRouter.php b/ci4app/system/Router/AutoRouter.php
new file mode 100644
index 0000000..3a81f3a
--- /dev/null
+++ b/ci4app/system/Router/AutoRouter.php
@@ -0,0 +1,294 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Router;
+
+use Closure;
+use CodeIgniter\Exceptions\PageNotFoundException;
+use CodeIgniter\HTTP\ResponseInterface;
+
+/**
+ * Router for Auto-Routing
+ */
+final class AutoRouter implements AutoRouterInterface
+{
+    /**
+     * Sub-directory that contains the requested controller class.
+     * Primarily used by 'autoRoute'.
+     */
+    private ?string $directory = null;
+
+    public function __construct(
+        /**
+         * List of CLI routes that do not contain '*' routes.
+         *
+         * @var array<string, (Closure(mixed...): (ResponseInterface|string|void))|string> [routeKey => handler]
+         */
+        private readonly array $cliRoutes,
+        /**
+         * Default namespace for controllers.
+         */
+        private readonly string $defaultNamespace,
+        /**
+         * The name of the controller class.
+         */
+        private string $controller,
+        /**
+         * The name of the method to use.
+         */
+        private string $method,
+        /**
+         * Whether dashes in URI's should be converted
+         * to underscores when determining method names.
+         */
+        private bool $translateURIDashes,
+    ) {
+    }
+
+    /**
+     * Attempts to match a URI path against Controllers and directories
+     * found in APPPATH/Controllers, to find a matching route.
+     *
+     * @param string $httpVerb HTTP verb like `GET`,`POST`
+     *
+     * @return array [directory_name, controller_name, controller_method, params]
+     */
+    public function getRoute(string $uri, string $httpVerb): array
+    {
+        $segments = explode('/', $uri);
+
+        // WARNING: Directories get shifted out of the segments array.
+        $segments = $this->scanControllers($segments);
+
+        // If we don't have any segments left - use the default controller;
+        // If not empty, then the first segment should be the controller
+        if ($segments !== []) {
+            $this->controller = ucfirst(array_shift($segments));
+        }
+
+        $controllerName = $this->controllerName();
+
+        if (! $this->isValidSegment($controllerName)) {
+            throw new PageNotFoundException($this->controller . ' is not a valid controller name');
+        }
+
+        // Use the method name if it exists.
+        // If it doesn't, no biggie - the default method name
+        // has already been set.
+        if ($segments !== []) {
+            $this->method = array_shift($segments) ?: $this->method;
+        }
+
+        // Prevent access to initController method
+        if (strtolower($this->method) === 'initcontroller') {
+            throw PageNotFoundException::forPageNotFound();
+        }
+
+        /** @var array $params An array of params to the controller method. */
+        $params = [];
+
+        if ($segments !== []) {
+            $params = $segments;
+        }
+
+        // Ensure routes registered via $routes->cli() are not accessible via web.
+        if ($httpVerb !== 'CLI') {
+            $controller = '\\' . $this->defaultNamespace;
+
+            $controller .= $this->directory !== null ? str_replace('/', '\\', $this->directory) : '';
+            $controller .= $controllerName;
+
+            $controller = strtolower($controller);
+            $methodName = strtolower($this->methodName());
+
+            foreach ($this->cliRoutes as $handler) {
+                if (is_string($handler)) {
+                    $handler = strtolower($handler);
+
+                    // Like $routes->cli('hello/(:segment)', 'Home::$1')
+                    if (str_contains($handler, '::$')) {
+                        throw new PageNotFoundException(
+                            'Cannot access CLI Route: ' . $uri,
+                        );
+                    }
+
+                    if (str_starts_with($handler, $controller . '::' . $methodName)) {
+                        throw new PageNotFoundException(
+                            'Cannot access CLI Route: ' . $uri,
+                        );
+                    }
+
+                    if ($handler === $controller) {
+                        throw new PageNotFoundException(
+                            'Cannot access CLI Route: ' . $uri,
+                        );
+                    }
+                }
+            }
+        }
+
+        // Load the file so that it's available for CodeIgniter.
+        $file = APPPATH . 'Controllers/' . $this->directory . $controllerName . '.php';
+
+        if (! is_file($file)) {
+            throw PageNotFoundException::forControllerNotFound($this->controller, $this->method);
+        }
+
+        include_once $file;
+
+        // Ensure the controller stores the fully-qualified class name
+        // We have to check for a length over 1, since by default it will be '\'
+        if (! str_contains($this->controller, '\\') && strlen($this->defaultNamespace) > 1) {
+            $this->controller = '\\' . ltrim(
+                str_replace(
+                    '/',
+                    '\\',
+                    $this->defaultNamespace . $this->directory . $controllerName,
+                ),
+                '\\',
+            );
+        }
+
+        return [$this->directory, $this->controllerName(), $this->methodName(), $params];
+    }
+
+    /**
+     * Tells the system whether we should translate URI dashes or not
+     * in the URI from a dash to an underscore.
+     *
+     * @deprecated This method should be removed.
+     */
+    public function setTranslateURIDashes(bool $val = false): self
+    {
+        $this->translateURIDashes = $val;
+
+        return $this;
+    }
+
+    /**
+     * Scans the controller directory, attempting to locate a controller matching the supplied uri $segments
+     *
+     * @param array $segments URI segments
+     *
+     * @return array returns an array of remaining uri segments that don't map onto a directory
+     */
+    private function scanControllers(array $segments): array
+    {
+        $segments = array_filter($segments, static fn ($segment): bool => $segment !== '');
+        // numerically reindex the array, removing gaps
+        $segments = array_values($segments);
+
+        // if a prior directory value has been set, just return segments and get out of here
+        if (isset($this->directory)) {
+            return $segments;
+        }
+
+        // Loop through our segments and return as soon as a controller
+        // is found or when such a directory doesn't exist
+        $c = count($segments);
+
+        while ($c-- > 0) {
+            $segmentConvert = ucfirst(
+                $this->translateURIDashes ? str_replace('-', '_', $segments[0]) : $segments[0],
+            );
+            // as soon as we encounter any segment that is not PSR-4 compliant, stop searching
+            if (! $this->isValidSegment($segmentConvert)) {
+                return $segments;
+            }
+
+            $test = APPPATH . 'Controllers/' . $this->directory . $segmentConvert;
+
+            // as long as each segment is *not* a controller file but does match a directory, add it to $this->directory
+            if (! is_file($test . '.php') && is_dir($test)) {
+                $this->setDirectory($segmentConvert, true, false);
+                array_shift($segments);
+
+                continue;
+            }
+
+            return $segments;
+        }
+
+        // This means that all segments were actually directories
+        return $segments;
+    }
+
+    /**
+     * Returns true if the supplied $segment string represents a valid PSR-4 compliant namespace/directory segment
+     *
+     * regex comes from https://www.php.net/manual/en/language.variables.basics.php
+     */
+    private function isValidSegment(string $segment): bool
+    {
+        return (bool) preg_match('/^[a-zA-Z_\x80-\xff][a-zA-Z0-9_\x80-\xff]*$/', $segment);
+    }
+
+    /**
+     * Sets the sub-directory that the controller is in.
+     *
+     * @param bool $validate if true, checks to make sure $dir consists of only PSR4 compliant segments
+     *
+     * @deprecated This method should be removed.
+     *
+     * @return void
+     */
+    public function setDirectory(?string $dir = null, bool $append = false, bool $validate = true)
+    {
+        if ((string) $dir === '') {
+            $this->directory = null;
+
+            return;
+        }
+
+        if ($validate) {
+            $segments = explode('/', trim($dir, '/'));
+
+            foreach ($segments as $segment) {
+                if (! $this->isValidSegment($segment)) {
+                    return;
+                }
+            }
+        }
+
+        if (! $append || ((string) $this->directory === '')) {
+            $this->directory = trim($dir, '/') . '/';
+        } else {
+            $this->directory .= trim($dir, '/') . '/';
+        }
+    }
+
+    /**
+     * Returns the name of the sub-directory the controller is in,
+     * if any. Relative to APPPATH.'Controllers'.
+     *
+     * @deprecated This method should be removed.
+     */
+    public function directory(): string
+    {
+        return ((string) $this->directory !== '') ? $this->directory : '';
+    }
+
+    private function controllerName(): string
+    {
+        return $this->translateURIDashes
+            ? str_replace('-', '_', $this->controller)
+            : $this->controller;
+    }
+
+    private function methodName(): string
+    {
+        return $this->translateURIDashes
+            ? str_replace('-', '_', $this->method)
+            : $this->method;
+    }
+}
diff --git a/ci4app/system/Router/AutoRouterImproved.php b/ci4app/system/Router/AutoRouterImproved.php
new file mode 100644
index 0000000..c14c8fe
--- /dev/null
+++ b/ci4app/system/Router/AutoRouterImproved.php
@@ -0,0 +1,592 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Router;
+
+use CodeIgniter\Exceptions\PageNotFoundException;
+use CodeIgniter\Router\Exceptions\MethodNotFoundException;
+use Config\Routing;
+use ReflectionClass;
+use ReflectionException;
+
+/**
+ * New Secure Router for Auto-Routing
+ *
+ * @see \CodeIgniter\Router\AutoRouterImprovedTest
+ */
+final class AutoRouterImproved implements AutoRouterInterface
+{
+    /**
+     * Sub-directory that contains the requested controller class.
+     */
+    private ?string $directory = null;
+
+    /**
+     * The name of the controller class.
+     */
+    private string $controller;
+
+    /**
+     * The name of the method to use.
+     */
+    private string $method;
+
+    /**
+     * An array of params to the controller method.
+     *
+     * @var list<string>
+     */
+    private array $params = [];
+
+    /**
+     *  Whether to translate dashes in URIs for controller/method to CamelCase.
+     *  E.g., blog-controller -> BlogController
+     */
+    private readonly bool $translateUriToCamelCase;
+
+    /**
+     * The namespace for controllers.
+     */
+    private string $namespace;
+
+    /**
+     * Map of URI segments and namespaces.
+     *
+     * The key is the first URI segment. The value is the controller namespace.
+     * E.g.,
+     *   [
+     *       'blog' => 'Acme\Blog\Controllers',
+     *   ]
+     *
+     * @var array [ uri_segment => namespace ]
+     */
+    private array $moduleRoutes;
+
+    /**
+     * The URI segments.
+     *
+     * @var list<string>
+     */
+    private array $segments = [];
+
+    /**
+     * The position of the Controller in the URI segments.
+     * Null for the default controller.
+     */
+    private ?int $controllerPos = null;
+
+    /**
+     * The position of the Method in the URI segments.
+     * Null for the default method.
+     */
+    private ?int $methodPos = null;
+
+    /**
+     * The position of the first Parameter in the URI segments.
+     * Null for the no parameters.
+     */
+    private ?int $paramPos = null;
+
+    /**
+     * The current URI
+     */
+    private ?string $uri = null;
+
+    /**
+     * @param list<class-string> $protectedControllers
+     * @param string             $defaultController    Short classname
+     */
+    public function __construct(
+        /**
+         * List of controllers in Defined Routes that should not be accessed via this Auto-Routing.
+         */
+        private readonly array $protectedControllers,
+        string $namespace,
+        private readonly string $defaultController,
+        /**
+         * The name of the default method without HTTP verb prefix.
+         */
+        private readonly string $defaultMethod,
+        /**
+         * Whether dashes in URI's should be converted
+         * to underscores when determining method names.
+         */
+        private readonly bool $translateURIDashes,
+    ) {
+        $this->namespace = rtrim($namespace, '\\');
+
+        $routingConfig                 = config(Routing::class);
+        $this->moduleRoutes            = $routingConfig->moduleRoutes;
+        $this->translateUriToCamelCase = $routingConfig->translateUriToCamelCase;
+
+        // Set the default values
+        $this->controller = $this->defaultController;
+    }
+
+    private function createSegments(string $uri): array
+    {
+        $segments = explode('/', $uri);
+        $segments = array_filter($segments, static fn ($segment): bool => $segment !== '');
+
+        // numerically reindex the array, removing gaps
+        return array_values($segments);
+    }
+
+    /**
+     * Search for the first controller corresponding to the URI segment.
+     *
+     * If there is a controller corresponding to the first segment, the search
+     * ends there. The remaining segments are parameters to the controller.
+     *
+     * @return bool true if a controller class is found.
+     */
+    private function searchFirstController(): bool
+    {
+        $segments = $this->segments;
+
+        $controller = '\\' . $this->namespace;
+
+        $controllerPos = -1;
+
+        while ($segments !== []) {
+            $segment = array_shift($segments);
+            $controllerPos++;
+
+            $class = $this->translateURI($segment);
+
+            // as soon as we encounter any segment that is not PSR-4 compliant, stop searching
+            if (! $this->isValidSegment($class)) {
+                return false;
+            }
+
+            $controller .= '\\' . $class;
+
+            if (class_exists($controller)) {
+                $this->controller    = $controller;
+                $this->controllerPos = $controllerPos;
+
+                $this->checkUriForController($controller);
+
+                // The first item may be a method name.
+                $this->params = $segments;
+                if ($segments !== []) {
+                    $this->paramPos = $this->controllerPos + 1;
+                }
+
+                return true;
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * Search for the last default controller corresponding to the URI segments.
+     *
+     * @return bool true if a controller class is found.
+     */
+    private function searchLastDefaultController(): bool
+    {
+        $segments = $this->segments;
+
+        $segmentCount = count($this->segments);
+        $paramPos     = null;
+        $params       = [];
+
+        while ($segments !== []) {
+            if ($segmentCount > count($segments)) {
+                $paramPos = count($segments);
+            }
+
+            $namespaces = array_map(
+                fn ($segment): string => $this->translateURI($segment),
+                $segments,
+            );
+
+            $controller = '\\' . $this->namespace
+                . '\\' . implode('\\', $namespaces)
+                . '\\' . $this->defaultController;
+
+            if (class_exists($controller)) {
+                $this->controller = $controller;
+                $this->params     = $params;
+
+                if ($params !== []) {
+                    $this->paramPos = $paramPos;
+                }
+
+                return true;
+            }
+
+            // Prepend the last element in $segments to the beginning of $params.
+            array_unshift($params, array_pop($segments));
+        }
+
+        // Check for the default controller in Controllers directory.
+        $controller = '\\' . $this->namespace
+            . '\\' . $this->defaultController;
+
+        if (class_exists($controller)) {
+            $this->controller = $controller;
+            $this->params     = $params;
+
+            if ($params !== []) {
+                $this->paramPos = 0;
+            }
+
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Finds controller, method and params from the URI.
+     *
+     * @param string $httpVerb HTTP verb like `GET`,`POST`
+     *
+     * @return array [directory_name, controller_name, controller_method, params]
+     */
+    public function getRoute(string $uri, string $httpVerb): array
+    {
+        $this->uri = $uri;
+        $httpVerb  = strtolower($httpVerb);
+
+        // Reset Controller method params.
+        $this->params = [];
+
+        $defaultMethod = $httpVerb . ucfirst($this->defaultMethod);
+        $this->method  = $defaultMethod;
+
+        $this->segments = $this->createSegments($uri);
+
+        // Check for Module Routes.
+        if (
+            $this->segments !== []
+            && array_key_exists($this->segments[0], $this->moduleRoutes)
+        ) {
+            $uriSegment      = array_shift($this->segments);
+            $this->namespace = rtrim($this->moduleRoutes[$uriSegment], '\\');
+        }
+
+        if ($this->searchFirstController()) {
+            // Controller is found.
+            $baseControllerName = class_basename($this->controller);
+
+            // Prevent access to default controller path
+            if (
+                strtolower($baseControllerName) === strtolower($this->defaultController)
+            ) {
+                throw new PageNotFoundException(
+                    'Cannot access the default controller "' . $this->controller . '" with the controller name URI path.',
+                );
+            }
+        } elseif ($this->searchLastDefaultController()) {
+            // The default Controller is found.
+            $baseControllerName = class_basename($this->controller);
+        } else {
+            // No Controller is found.
+            throw new PageNotFoundException('No controller is found for: ' . $uri);
+        }
+
+        // The first item may be a method name.
+        /** @var list<string> $params */
+        $params = $this->params;
+
+        $methodParam = array_shift($params);
+
+        $method = '';
+        if ($methodParam !== null) {
+            $method = $httpVerb . $this->translateURI($methodParam);
+
+            $this->checkUriForMethod($method);
+        }
+
+        if ($methodParam !== null && method_exists($this->controller, $method)) {
+            // Method is found.
+            $this->method = $method;
+            $this->params = $params;
+
+            // Update the positions.
+            $this->methodPos = $this->paramPos;
+            if ($params === []) {
+                $this->paramPos = null;
+            }
+            if ($this->paramPos !== null) {
+                $this->paramPos++;
+            }
+
+            // Prevent access to default controller's method
+            if (strtolower($baseControllerName) === strtolower($this->defaultController)) {
+                throw new PageNotFoundException(
+                    'Cannot access the default controller "' . $this->controller . '::' . $this->method . '"',
+                );
+            }
+
+            // Prevent access to default method path
+            if (strtolower($this->method) === strtolower($defaultMethod)) {
+                throw new PageNotFoundException(
+                    'Cannot access the default method "' . $this->method . '" with the method name URI path.',
+                );
+            }
+        } elseif (method_exists($this->controller, $defaultMethod)) {
+            // The default method is found.
+            $this->method = $defaultMethod;
+        } else {
+            // No method is found.
+            throw PageNotFoundException::forControllerNotFound($this->controller, $method);
+        }
+
+        // Ensure the controller is not defined in routes.
+        $this->protectDefinedRoutes();
+
+        // Ensure the controller does not have _remap() method.
+        $this->checkRemap();
+
+        // Ensure the URI segments for the controller and method do not contain
+        // underscores when $translateURIDashes is true.
+        $this->checkUnderscore();
+
+        // Check parameter count
+        try {
+            $this->checkParameters();
+        } catch (MethodNotFoundException) {
+            throw PageNotFoundException::forControllerNotFound($this->controller, $this->method);
+        }
+
+        $this->setDirectory();
+
+        return [$this->directory, $this->controller, $this->method, $this->params];
+    }
+
+    /**
+     * @internal For test purpose only.
+     *
+     * @return array<string, int|null>
+     */
+    public function getPos(): array
+    {
+        return [
+            'controller' => $this->controllerPos,
+            'method'     => $this->methodPos,
+            'params'     => $this->paramPos,
+        ];
+    }
+
+    /**
+     * Get the directory path from the controller and set it to the property.
+     *
+     * @return void
+     */
+    private function setDirectory()
+    {
+        $segments = explode('\\', trim($this->controller, '\\'));
+
+        // Remove short classname.
+        array_pop($segments);
+
+        $namespaces = implode('\\', $segments);
+
+        $dir = str_replace(
+            '\\',
+            '/',
+            ltrim(substr($namespaces, strlen($this->namespace)), '\\'),
+        );
+
+        if ($dir !== '') {
+            $this->directory = $dir . '/';
+        }
+    }
+
+    private function protectDefinedRoutes(): void
+    {
+        $controller = strtolower($this->controller);
+
+        foreach ($this->protectedControllers as $controllerInRoutes) {
+            $routeLowerCase = strtolower($controllerInRoutes);
+
+            if ($routeLowerCase === $controller) {
+                throw new PageNotFoundException(
+                    'Cannot access the controller in Defined Routes. Controller: ' . $controllerInRoutes,
+                );
+            }
+        }
+    }
+
+    private function checkParameters(): void
+    {
+        try {
+            $refClass = new ReflectionClass($this->controller);
+        } catch (ReflectionException) {
+            throw PageNotFoundException::forControllerNotFound($this->controller, $this->method);
+        }
+
+        try {
+            $refMethod = $refClass->getMethod($this->method);
+            $refParams = $refMethod->getParameters();
+        } catch (ReflectionException) {
+            throw new MethodNotFoundException();
+        }
+
+        if (! $refMethod->isPublic()) {
+            throw new MethodNotFoundException();
+        }
+
+        if (count($refParams) < count($this->params)) {
+            throw new PageNotFoundException(
+                'The param count in the URI are greater than the controller method params.'
+                . ' Handler:' . $this->controller . '::' . $this->method
+                . ', URI:' . $this->uri,
+            );
+        }
+    }
+
+    private function checkRemap(): void
+    {
+        try {
+            $refClass = new ReflectionClass($this->controller);
+            $refClass->getMethod('_remap');
+
+            throw new PageNotFoundException(
+                'AutoRouterImproved does not support `_remap()` method.'
+                . ' Controller:' . $this->controller,
+            );
+        } catch (ReflectionException) {
+            // Do nothing.
+        }
+    }
+
+    private function checkUnderscore(): void
+    {
+        if ($this->translateURIDashes === false) {
+            return;
+        }
+
+        $paramPos = $this->paramPos ?? count($this->segments);
+
+        for ($i = 0; $i < $paramPos; $i++) {
+            if (str_contains($this->segments[$i], '_')) {
+                throw new PageNotFoundException(
+                    'AutoRouterImproved prohibits access to the URI'
+                    . ' containing underscores ("' . $this->segments[$i] . '")'
+                    . ' when $translateURIDashes is enabled.'
+                    . ' Please use the dash.'
+                    . ' Handler:' . $this->controller . '::' . $this->method
+                    . ', URI:' . $this->uri,
+                );
+            }
+        }
+    }
+
+    /**
+     * Check URI for controller for $translateUriToCamelCase
+     *
+     * @param string $classname Controller classname that is generated from URI.
+     *                          The case may be a bit incorrect.
+     */
+    private function checkUriForController(string $classname): void
+    {
+        if ($this->translateUriToCamelCase === false) {
+            return;
+        }
+
+        if (! in_array(ltrim($classname, '\\'), get_declared_classes(), true)) {
+            throw new PageNotFoundException(
+                '"' . $classname . '" is not found.',
+            );
+        }
+    }
+
+    /**
+     * Check URI for method for $translateUriToCamelCase
+     *
+     * @param string $method Controller method name that is generated from URI.
+     *                       The case may be a bit incorrect.
+     */
+    private function checkUriForMethod(string $method): void
+    {
+        if ($this->translateUriToCamelCase === false) {
+            return;
+        }
+
+        if (
+            // For example, if `getSomeMethod()` exists in the controller, only
+            // the URI `controller/some-method` should be accessible. But if a
+            // visitor navigates to the URI `controller/somemethod`, `getSomemethod()`
+            // will be checked, and `method_exists()` will return true because
+            // method names in PHP are case-insensitive.
+            method_exists($this->controller, $method)
+            // But we do not permit `controller/somemethod`, so check the exact
+            // method name.
+            && ! in_array($method, get_class_methods($this->controller), true)
+        ) {
+            throw new PageNotFoundException(
+                '"' . $this->controller . '::' . $method . '()" is not found.',
+            );
+        }
+    }
+
+    /**
+     * Returns true if the supplied $segment string represents a valid PSR-4 compliant namespace/directory segment
+     *
+     * regex comes from https://www.php.net/manual/en/language.variables.basics.php
+     */
+    private function isValidSegment(string $segment): bool
+    {
+        return (bool) preg_match('/^[a-zA-Z_\x80-\xff][a-zA-Z0-9_\x80-\xff]*$/', $segment);
+    }
+
+    /**
+     * Translates URI segment to CamelCase or replaces `-` with `_`.
+     */
+    private function translateURI(string $segment): string
+    {
+        if ($this->translateUriToCamelCase) {
+            if (strtolower($segment) !== $segment) {
+                throw new PageNotFoundException(
+                    'AutoRouterImproved prohibits access to the URI'
+                    . ' containing uppercase letters ("' . $segment . '")'
+                    . ' when $translateUriToCamelCase is enabled.'
+                    . ' Please use the dash.'
+                    . ' URI:' . $this->uri,
+                );
+            }
+
+            if (str_contains($segment, '--')) {
+                throw new PageNotFoundException(
+                    'AutoRouterImproved prohibits access to the URI'
+                    . ' containing double dash ("' . $segment . '")'
+                    . ' when $translateUriToCamelCase is enabled.'
+                    . ' Please use the single dash.'
+                    . ' URI:' . $this->uri,
+                );
+            }
+
+            return str_replace(
+                ' ',
+                '',
+                ucwords(
+                    preg_replace('/[\-]+/', ' ', $segment),
+                ),
+            );
+        }
+
+        $segment = ucfirst($segment);
+
+        if ($this->translateURIDashes) {
+            return str_replace('-', '_', $segment);
+        }
+
+        return $segment;
+    }
+}
diff --git a/ci4app/system/Router/AutoRouterInterface.php b/ci4app/system/Router/AutoRouterInterface.php
new file mode 100644
index 0000000..7edec82
--- /dev/null
+++ b/ci4app/system/Router/AutoRouterInterface.php
@@ -0,0 +1,27 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Router;
+
+/**
+ * Expected behavior of a AutoRouter.
+ */
+interface AutoRouterInterface
+{
+    /**
+     * Returns controller, method and params from the URI.
+     *
+     * @return array [directory_name, controller_name, controller_method, params]
+     */
+    public function getRoute(string $uri, string $httpVerb): array;
+}
diff --git a/ci4app/system/Router/DefinedRouteCollector.php b/ci4app/system/Router/DefinedRouteCollector.php
new file mode 100644
index 0000000..0aa4fdd
--- /dev/null
+++ b/ci4app/system/Router/DefinedRouteCollector.php
@@ -0,0 +1,64 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Router;
+
+use Closure;
+use Generator;
+
+/**
+ * Collect all defined routes for display.
+ *
+ * @see \CodeIgniter\Router\DefinedRouteCollectorTest
+ */
+final class DefinedRouteCollector
+{
+    public function __construct(private readonly RouteCollectionInterface $routeCollection)
+    {
+    }
+
+    /**
+     * @return Generator<array{method: string, route: string, name: string, handler: string}>
+     */
+    public function collect(): Generator
+    {
+        $methods = Router::HTTP_METHODS;
+
+        foreach ($methods as $method) {
+            $routes = $this->routeCollection->getRoutes($method);
+
+            foreach ($routes as $route => $handler) {
+                // The route key should be a string, but it is stored as an array key,
+                // it might be an integer.
+                $route = (string) $route;
+
+                if (is_string($handler) || $handler instanceof Closure) {
+                    if ($handler instanceof Closure) {
+                        $view = $this->routeCollection->getRoutesOptions($route, $method)['view'] ?? false;
+
+                        $handler = $view ? '(View) ' . $view : '(Closure)';
+                    }
+
+                    $routeName = $this->routeCollection->getRoutesOptions($route, $method)['as'] ?? $route;
+
+                    yield [
+                        'method'  => $method,
+                        'route'   => $route,
+                        'name'    => $routeName,
+                        'handler' => $handler,
+                    ];
+                }
+            }
+        }
+    }
+}
diff --git a/ci4app/system/Router/Exceptions/ExceptionInterface.php b/ci4app/system/Router/Exceptions/ExceptionInterface.php
new file mode 100644
index 0000000..49ed7cc
--- /dev/null
+++ b/ci4app/system/Router/Exceptions/ExceptionInterface.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Router\Exceptions;
+
+/**
+ * Provides a domain-level interface for broad capture
+ * of all Router-related exceptions.
+ *
+ * catch (\CodeIgniter\Router\Exceptions\ExceptionInterface) { ... }
+ */
+interface ExceptionInterface extends \CodeIgniter\Exceptions\ExceptionInterface
+{
+}
diff --git a/ci4app/system/Router/Exceptions/MethodNotFoundException.php b/ci4app/system/Router/Exceptions/MethodNotFoundException.php
new file mode 100644
index 0000000..2dabad7
--- /dev/null
+++ b/ci4app/system/Router/Exceptions/MethodNotFoundException.php
@@ -0,0 +1,23 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Router\Exceptions;
+
+use CodeIgniter\Exceptions\RuntimeException;
+
+/**
+ * @internal
+ */
+final class MethodNotFoundException extends RuntimeException implements ExceptionInterface
+{
+}
diff --git a/ci4app/system/Router/Exceptions/RouterException.php b/ci4app/system/Router/Exceptions/RouterException.php
new file mode 100644
index 0000000..3786472
--- /dev/null
+++ b/ci4app/system/Router/Exceptions/RouterException.php
@@ -0,0 +1,83 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Router\Exceptions;
+
+use CodeIgniter\Exceptions\FrameworkException;
+
+/**
+ * RouterException
+ */
+class RouterException extends FrameworkException implements ExceptionInterface
+{
+    /**
+     * Thrown when the actual parameter type does not match
+     * the expected types.
+     *
+     * @return RouterException
+     */
+    public static function forInvalidParameterType()
+    {
+        return new static(lang('Router.invalidParameterType'));
+    }
+
+    /**
+     * Thrown when a default route is not set.
+     *
+     * @return RouterException
+     */
+    public static function forMissingDefaultRoute()
+    {
+        return new static(lang('Router.missingDefaultRoute'));
+    }
+
+    /**
+     * Throw when controller or its method is not found.
+     *
+     * @return RouterException
+     */
+    public static function forControllerNotFound(string $controller, string $method)
+    {
+        return new static(lang('HTTP.controllerNotFound', [$controller, $method]));
+    }
+
+    /**
+     * Throw when route is not valid.
+     *
+     * @return RouterException
+     */
+    public static function forInvalidRoute(string $route)
+    {
+        return new static(lang('HTTP.invalidRoute', [$route]));
+    }
+
+    /**
+     * Throw when dynamic controller.
+     *
+     * @return RouterException
+     */
+    public static function forDynamicController(string $handler)
+    {
+        return new static(lang('Router.invalidDynamicController', [$handler]));
+    }
+
+    /**
+     * Throw when controller name has `/`.
+     *
+     * @return RouterException
+     */
+    public static function forInvalidControllerName(string $handler)
+    {
+        return new static(lang('Router.invalidControllerName', [$handler]));
+    }
+}
diff --git a/ci4app/system/Router/RouteCollection.php b/ci4app/system/Router/RouteCollection.php
new file mode 100644
index 0000000..7379d01
--- /dev/null
+++ b/ci4app/system/Router/RouteCollection.php
@@ -0,0 +1,1851 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Router;
+
+use Closure;
+use CodeIgniter\Autoloader\FileLocatorInterface;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\HTTP\Method;
+use CodeIgniter\HTTP\ResponseInterface;
+use CodeIgniter\Router\Exceptions\RouterException;
+use Config\App;
+use Config\Modules;
+use Config\Routing;
+
+/**
+ * @todo Implement nested resource routing (See CakePHP)
+ * @see \CodeIgniter\Router\RouteCollectionTest
+ */
+class RouteCollection implements RouteCollectionInterface
+{
+    /**
+     * The namespace to be added to any Controllers.
+     * Defaults to the global namespaces (\).
+     *
+     * This must have a trailing backslash (\).
+     *
+     * @var string
+     */
+    protected $defaultNamespace = '\\';
+
+    /**
+     * The name of the default controller to use
+     * when no other controller is specified.
+     *
+     * Not used here. Pass-thru value for Router class.
+     *
+     * @var string
+     */
+    protected $defaultController = 'Home';
+
+    /**
+     * The name of the default method to use
+     * when no other method has been specified.
+     *
+     * Not used here. Pass-thru value for Router class.
+     *
+     * @var string
+     */
+    protected $defaultMethod = 'index';
+
+    /**
+     * The placeholder used when routing 'resources'
+     * when no other placeholder has been specified.
+     *
+     * @var string
+     */
+    protected $defaultPlaceholder = 'any';
+
+    /**
+     * Whether to convert dashes to underscores in URI.
+     *
+     * Not used here. Pass-thru value for Router class.
+     *
+     * @var bool
+     */
+    protected $translateURIDashes = false;
+
+    /**
+     * Whether to match URI against Controllers
+     * when it doesn't match defined routes.
+     *
+     * Not used here. Pass-thru value for Router class.
+     *
+     * @var bool
+     */
+    protected $autoRoute = false;
+
+    /**
+     * A callable that will be shown
+     * when the route cannot be matched.
+     *
+     * @var (Closure(string): (ResponseInterface|string|void))|string
+     */
+    protected $override404;
+
+    /**
+     * An array of files that would contain route definitions.
+     */
+    protected array $routeFiles = [];
+
+    /**
+     * Defined placeholders that can be used
+     * within the
+     *
+     * @var array<string, string>
+     */
+    protected $placeholders = [
+        'any'      => '.*',
+        'segment'  => '[^/]+',
+        'alphanum' => '[a-zA-Z0-9]+',
+        'num'      => '[0-9]+',
+        'alpha'    => '[a-zA-Z]+',
+        'hash'     => '[^/]+',
+    ];
+
+    /**
+     * An array of all routes and their mappings.
+     *
+     * @var array
+     *
+     * [
+     *     verb => [
+     *         routeKey(regex) => [
+     *             'name'    => routeName
+     *             'handler' => handler,
+     *             'from'    => from,
+     *         ],
+     *     ],
+     *     // redirect route
+     *     '*' => [
+     *          routeKey(regex)(from) => [
+     *             'name'     => routeName
+     *             'handler'  => [routeKey(regex)(to) => handler],
+     *             'from'     => from,
+     *             'redirect' => statusCode,
+     *         ],
+     *     ],
+     * ]
+     */
+    protected $routes = [
+        '*'             => [],
+        Method::OPTIONS => [],
+        Method::GET     => [],
+        Method::HEAD    => [],
+        Method::POST    => [],
+        Method::PATCH   => [],
+        Method::PUT     => [],
+        Method::DELETE  => [],
+        Method::TRACE   => [],
+        Method::CONNECT => [],
+        'CLI'           => [],
+    ];
+
+    /**
+     * Array of routes names
+     *
+     * @var array
+     *
+     * [
+     *     verb => [
+     *         routeName => routeKey(regex)
+     *     ],
+     * ]
+     */
+    protected $routesNames = [
+        '*'             => [],
+        Method::OPTIONS => [],
+        Method::GET     => [],
+        Method::HEAD    => [],
+        Method::POST    => [],
+        Method::PATCH   => [],
+        Method::PUT     => [],
+        Method::DELETE  => [],
+        Method::TRACE   => [],
+        Method::CONNECT => [],
+        'CLI'           => [],
+    ];
+
+    /**
+     * Array of routes options
+     *
+     * @var array
+     *
+     * [
+     *     verb => [
+     *         routeKey(regex) => [
+     *             key => value,
+     *         ]
+     *     ],
+     * ]
+     */
+    protected $routesOptions = [];
+
+    /**
+     * The current method that the script is being called by.
+     *
+     * @var string HTTP verb like `GET`,`POST` or `*` or `CLI`
+     */
+    protected $HTTPVerb = '*';
+
+    /**
+     * The default list of HTTP methods (and CLI for command line usage)
+     * that is allowed if no other method is provided.
+     *
+     * @var list<string>
+     */
+    public $defaultHTTPMethods = Router::HTTP_METHODS;
+
+    /**
+     * The name of the current group, if any.
+     *
+     * @var string|null
+     */
+    protected $group;
+
+    /**
+     * The current subdomain.
+     *
+     * @var string|null
+     */
+    protected $currentSubdomain;
+
+    /**
+     * Stores copy of current options being
+     * applied during creation.
+     *
+     * @var array|null
+     */
+    protected $currentOptions;
+
+    /**
+     * A little performance booster.
+     *
+     * @var bool
+     */
+    protected $didDiscover = false;
+
+    /**
+     * Handle to the file locator to use.
+     *
+     * @var FileLocatorInterface
+     */
+    protected $fileLocator;
+
+    /**
+     * Handle to the modules config.
+     *
+     * @var Modules
+     */
+    protected $moduleConfig;
+
+    /**
+     * Flag for sorting routes by priority.
+     *
+     * @var bool
+     */
+    protected $prioritize = false;
+
+    /**
+     * Route priority detection flag.
+     *
+     * @var bool
+     */
+    protected $prioritizeDetected = false;
+
+    /**
+     * The current hostname from $_SERVER['HTTP_HOST']
+     */
+    private ?string $httpHost = null;
+
+    /**
+     * Flag to limit or not the routes with {locale} placeholder to App::$supportedLocales
+     */
+    protected bool $useSupportedLocalesOnly = false;
+
+    /**
+     * Constructor
+     */
+    public function __construct(FileLocatorInterface $locator, Modules $moduleConfig, Routing $routing)
+    {
+        $this->fileLocator  = $locator;
+        $this->moduleConfig = $moduleConfig;
+
+        $this->httpHost = service('request')->getServer('HTTP_HOST');
+
+        // Setup based on config file. Let routes file override.
+        $this->defaultNamespace   = rtrim($routing->defaultNamespace, '\\') . '\\';
+        $this->defaultController  = $routing->defaultController;
+        $this->defaultMethod      = $routing->defaultMethod;
+        $this->translateURIDashes = $routing->translateURIDashes;
+        $this->override404        = $routing->override404;
+        $this->autoRoute          = $routing->autoRoute;
+        $this->routeFiles         = $routing->routeFiles;
+        $this->prioritize         = $routing->prioritize;
+
+        // Normalize the path string in routeFiles array.
+        foreach ($this->routeFiles as $routeKey => $routesFile) {
+            $realpath                    = realpath($routesFile);
+            $this->routeFiles[$routeKey] = ($realpath === false) ? $routesFile : $realpath;
+        }
+    }
+
+    /**
+     * Loads main routes file and discover routes.
+     *
+     * Loads only once unless reset.
+     *
+     * @return $this
+     */
+    public function loadRoutes(string $routesFile = APPPATH . 'Config/Routes.php')
+    {
+        if ($this->didDiscover) {
+            return $this;
+        }
+
+        // Normalize the path string in routesFile
+        $realpath   = realpath($routesFile);
+        $routesFile = ($realpath === false) ? $routesFile : $realpath;
+
+        // Include the passed in routesFile if it doesn't exist.
+        // Only keeping that around for BC purposes for now.
+        $routeFiles = $this->routeFiles;
+        if (! in_array($routesFile, $routeFiles, true)) {
+            $routeFiles[] = $routesFile;
+        }
+
+        // We need this var in local scope
+        // so route files can access it.
+        $routes = $this;
+
+        foreach ($routeFiles as $routesFile) {
+            if (! is_file($routesFile)) {
+                log_message('warning', sprintf('Routes file not found: "%s"', $routesFile));
+
+                continue;
+            }
+
+            require $routesFile;
+        }
+
+        $this->discoverRoutes();
+
+        return $this;
+    }
+
+    /**
+     * Will attempt to discover any additional routes, either through
+     * the local PSR4 namespaces, or through selected Composer packages.
+     *
+     * @return void
+     */
+    protected function discoverRoutes()
+    {
+        if ($this->didDiscover) {
+            return;
+        }
+
+        // We need this var in local scope
+        // so route files can access it.
+        $routes = $this;
+
+        if ($this->moduleConfig->shouldDiscover('routes')) {
+            $files = $this->fileLocator->search('Config/Routes.php');
+
+            foreach ($files as $file) {
+                // Don't include our main file again...
+                if (in_array($file, $this->routeFiles, true)) {
+                    continue;
+                }
+
+                include $file;
+            }
+        }
+
+        $this->didDiscover = true;
+    }
+
+    /**
+     * Registers a new constraint with the system. Constraints are used
+     * by the routes as placeholders for regular expressions to make defining
+     * the routes more human-friendly.
+     *
+     * You can pass an associative array as $placeholder, and have
+     * multiple placeholders added at once.
+     *
+     * @param array|string $placeholder
+     */
+    public function addPlaceholder($placeholder, ?string $pattern = null): RouteCollectionInterface
+    {
+        if (! is_array($placeholder)) {
+            $placeholder = [$placeholder => $pattern];
+        }
+
+        $this->placeholders = array_merge($this->placeholders, $placeholder);
+
+        return $this;
+    }
+
+    /**
+     * For `spark routes`
+     *
+     * @return array<string, string>
+     *
+     * @internal
+     */
+    public function getPlaceholders(): array
+    {
+        return $this->placeholders;
+    }
+
+    /**
+     * Sets the default namespace to use for Controllers when no other
+     * namespace has been specified.
+     */
+    public function setDefaultNamespace(string $value): RouteCollectionInterface
+    {
+        $this->defaultNamespace = esc(strip_tags($value));
+        $this->defaultNamespace = rtrim($this->defaultNamespace, '\\') . '\\';
+
+        return $this;
+    }
+
+    /**
+     * Sets the default controller to use when no other controller has been
+     * specified.
+     */
+    public function setDefaultController(string $value): RouteCollectionInterface
+    {
+        $this->defaultController = esc(strip_tags($value));
+
+        return $this;
+    }
+
+    /**
+     * Sets the default method to call on the controller when no other
+     * method has been set in the route.
+     */
+    public function setDefaultMethod(string $value): RouteCollectionInterface
+    {
+        $this->defaultMethod = esc(strip_tags($value));
+
+        return $this;
+    }
+
+    /**
+     * Tells the system whether to convert dashes in URI strings into
+     * underscores. In some search engines, including Google, dashes
+     * create more meaning and make it easier for the search engine to
+     * find words and meaning in the URI for better SEO. But it
+     * doesn't work well with PHP method names....
+     */
+    public function setTranslateURIDashes(bool $value): RouteCollectionInterface
+    {
+        $this->translateURIDashes = $value;
+
+        return $this;
+    }
+
+    /**
+     * If TRUE, the system will attempt to match the URI against
+     * Controllers by matching each segment against folders/files
+     * in APPPATH/Controllers, when a match wasn't found against
+     * defined routes.
+     *
+     * If FALSE, will stop searching and do NO automatic routing.
+     */
+    public function setAutoRoute(bool $value): RouteCollectionInterface
+    {
+        $this->autoRoute = $value;
+
+        return $this;
+    }
+
+    /**
+     * Sets the class/method that should be called if routing doesn't
+     * find a match. It can be either a closure or the controller/method
+     * name exactly like a route is defined: Users::index
+     *
+     * This setting is passed to the Router class and handled there.
+     *
+     * @param callable|string|null $callable
+     */
+    public function set404Override($callable = null): RouteCollectionInterface
+    {
+        $this->override404 = $callable;
+
+        return $this;
+    }
+
+    /**
+     * Returns the 404 Override setting, which can be null, a closure
+     * or the controller/string.
+     *
+     * @return (Closure(string): (ResponseInterface|string|void))|string|null
+     */
+    public function get404Override()
+    {
+        return $this->override404;
+    }
+
+    /**
+     * Sets the default constraint to be used in the system. Typically
+     * for use with the 'resource' method.
+     */
+    public function setDefaultConstraint(string $placeholder): RouteCollectionInterface
+    {
+        if (array_key_exists($placeholder, $this->placeholders)) {
+            $this->defaultPlaceholder = $placeholder;
+        }
+
+        return $this;
+    }
+
+    /**
+     * Returns the name of the default controller. With Namespace.
+     */
+    public function getDefaultController(): string
+    {
+        return $this->defaultController;
+    }
+
+    /**
+     * Returns the name of the default method to use within the controller.
+     */
+    public function getDefaultMethod(): string
+    {
+        return $this->defaultMethod;
+    }
+
+    /**
+     * Returns the default namespace as set in the Routes config file.
+     */
+    public function getDefaultNamespace(): string
+    {
+        return $this->defaultNamespace;
+    }
+
+    /**
+     * Returns the current value of the translateURIDashes setting.
+     */
+    public function shouldTranslateURIDashes(): bool
+    {
+        return $this->translateURIDashes;
+    }
+
+    /**
+     * Returns the flag that tells whether to autoRoute URI against Controllers.
+     */
+    public function shouldAutoRoute(): bool
+    {
+        return $this->autoRoute;
+    }
+
+    /**
+     * Returns the raw array of available routes.
+     *
+     * @param non-empty-string|null $verb            HTTP verb like `GET`,`POST` or `*` or `CLI`.
+     * @param bool                  $includeWildcard Whether to include '*' routes.
+     */
+    public function getRoutes(?string $verb = null, bool $includeWildcard = true): array
+    {
+        if ((string) $verb === '') {
+            $verb = $this->getHTTPVerb();
+        }
+
+        // Since this is the entry point for the Router,
+        // take a moment to do any route discovery
+        // we might need to do.
+        $this->discoverRoutes();
+
+        $routes = [];
+
+        if (isset($this->routes[$verb])) {
+            // Keep current verb's routes at the beginning, so they're matched
+            // before any of the generic, "add" routes.
+            $collection = $includeWildcard ? $this->routes[$verb] + ($this->routes['*'] ?? []) : $this->routes[$verb];
+
+            foreach ($collection as $routeKey => $r) {
+                $routes[$routeKey] = $r['handler'];
+            }
+        }
+
+        // sorting routes by priority
+        if ($this->prioritizeDetected && $this->prioritize && $routes !== []) {
+            $order = [];
+
+            foreach ($routes as $key => $value) {
+                $key                    = $key === '/' ? $key : ltrim($key, '/ ');
+                $priority               = $this->getRoutesOptions($key, $verb)['priority'] ?? 0;
+                $order[$priority][$key] = $value;
+            }
+
+            ksort($order);
+            $routes = array_merge(...$order);
+        }
+
+        return $routes;
+    }
+
+    /**
+     * Returns one or all routes options
+     *
+     * @param string|null $verb HTTP verb like `GET`,`POST` or `*` or `CLI`.
+     *
+     * @return array<string, int|string> [key => value]
+     */
+    public function getRoutesOptions(?string $from = null, ?string $verb = null): array
+    {
+        $options = $this->loadRoutesOptions($verb);
+
+        return ((string) $from !== '') ? $options[$from] ?? [] : $options;
+    }
+
+    /**
+     * Returns the current HTTP Verb being used.
+     */
+    public function getHTTPVerb(): string
+    {
+        return $this->HTTPVerb;
+    }
+
+    /**
+     * Sets the current HTTP verb.
+     * Used primarily for testing.
+     *
+     * @param string $verb HTTP verb
+     *
+     * @return $this
+     */
+    public function setHTTPVerb(string $verb)
+    {
+        if ($verb !== '*' && $verb === strtolower($verb)) {
+            @trigger_error(
+                'Passing lowercase HTTP method "' . $verb . '" is deprecated.'
+                . ' Use uppercase HTTP method like "' . strtoupper($verb) . '".',
+                E_USER_DEPRECATED,
+            );
+        }
+
+        /**
+         * @deprecated 4.5.0
+         * @TODO Remove strtoupper() in the future.
+         */
+        $this->HTTPVerb = strtoupper($verb);
+
+        return $this;
+    }
+
+    /**
+     * A shortcut method to add a number of routes at a single time.
+     * It does not allow any options to be set on the route, or to
+     * define the method used.
+     */
+    public function map(array $routes = [], ?array $options = null): RouteCollectionInterface
+    {
+        foreach ($routes as $from => $to) {
+            $this->add($from, $to, $options);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Adds a single route to the collection.
+     *
+     * Example:
+     *      $routes->add('news', 'Posts::index');
+     *
+     * @param array|(Closure(mixed...): (ResponseInterface|string|void))|string $to
+     */
+    public function add(string $from, $to, ?array $options = null): RouteCollectionInterface
+    {
+        $this->create('*', $from, $to, $options);
+
+        return $this;
+    }
+
+    /**
+     * Adds a temporary redirect from one route to another. Used for
+     * redirecting traffic from old, non-existing routes to the new
+     * moved routes.
+     *
+     * @param string $from   The pattern to match against
+     * @param string $to     Either a route name or a URI to redirect to
+     * @param int    $status The HTTP status code that should be returned with this redirect
+     *
+     * @return RouteCollection
+     */
+    public function addRedirect(string $from, string $to, int $status = 302)
+    {
+        // Use the named route's pattern if this is a named route.
+        if (array_key_exists($to, $this->routesNames['*'])) {
+            $routeName  = $to;
+            $routeKey   = $this->routesNames['*'][$routeName];
+            $redirectTo = [$routeKey => $this->routes['*'][$routeKey]['handler']];
+        } elseif (array_key_exists($to, $this->routesNames[Method::GET])) {
+            $routeName  = $to;
+            $routeKey   = $this->routesNames[Method::GET][$routeName];
+            $redirectTo = [$routeKey => $this->routes[Method::GET][$routeKey]['handler']];
+        } else {
+            // The named route is not found.
+            $redirectTo = $to;
+        }
+
+        $this->create('*', $from, $redirectTo, ['redirect' => $status]);
+
+        return $this;
+    }
+
+    /**
+     * Determines if the route is a redirecting route.
+     *
+     * @param string $routeKey routeKey or route name
+     */
+    public function isRedirect(string $routeKey): bool
+    {
+        if (isset($this->routes['*'][$routeKey]['redirect'])) {
+            return true;
+        }
+
+        // This logic is not used. Should be deprecated?
+        $routeName = $this->routes['*'][$routeKey]['name'] ?? null;
+        if ($routeName === $routeKey) {
+            $routeKey = $this->routesNames['*'][$routeName];
+
+            return isset($this->routes['*'][$routeKey]['redirect']);
+        }
+
+        return false;
+    }
+
+    /**
+     * Grabs the HTTP status code from a redirecting Route.
+     *
+     * @param string $routeKey routeKey or route name
+     */
+    public function getRedirectCode(string $routeKey): int
+    {
+        if (isset($this->routes['*'][$routeKey]['redirect'])) {
+            return $this->routes['*'][$routeKey]['redirect'];
+        }
+
+        // This logic is not used. Should be deprecated?
+        $routeName = $this->routes['*'][$routeKey]['name'] ?? null;
+        if ($routeName === $routeKey) {
+            $routeKey = $this->routesNames['*'][$routeName];
+
+            return $this->routes['*'][$routeKey]['redirect'];
+        }
+
+        return 0;
+    }
+
+    /**
+     * Group a series of routes under a single URL segment. This is handy
+     * for grouping items into an admin area, like:
+     *
+     * Example:
+     *     // Creates route: admin/users
+     *     $route->group('admin', function() {
+     *            $route->resource('users');
+     *     });
+     *
+     * @param string         $name      The name to group/prefix the routes with.
+     * @param array|callable ...$params
+     *
+     * @return void
+     */
+    public function group(string $name, ...$params)
+    {
+        $oldGroup   = $this->group;
+        $oldOptions = $this->currentOptions;
+
+        // To register a route, we'll set a flag so that our router
+        // will see the group name.
+        // If the group name is empty, we go on using the previously built group name.
+        $this->group = $name !== '' ? trim($oldGroup . '/' . $name, '/') : $oldGroup;
+
+        $callback = array_pop($params);
+
+        if ($params !== [] && is_array($params[0])) {
+            $options = array_shift($params);
+
+            if (isset($options['filter'])) {
+                // Merge filters.
+                $currentFilter     = (array) ($this->currentOptions['filter'] ?? []);
+                $options['filter'] = array_merge($currentFilter, (array) $options['filter']);
+            }
+
+            // Merge options other than filters.
+            $this->currentOptions = array_merge(
+                $this->currentOptions ?? [],
+                $options,
+            );
+        }
+
+        if (is_callable($callback)) {
+            $callback($this);
+        }
+
+        $this->group          = $oldGroup;
+        $this->currentOptions = $oldOptions;
+    }
+
+    /*
+     * --------------------------------------------------------------------
+     *  HTTP Verb-based routing
+     * --------------------------------------------------------------------
+     * Routing works here because, as the routes Config file is read in,
+     * the various HTTP verb-based routes will only be added to the in-memory
+     * routes if it is a call that should respond to that verb.
+     *
+     * The options array is typically used to pass in an 'as' or var, but may
+     * be expanded in the future. See the docblock for 'add' method above for
+     * current list of globally available options.
+     */
+
+    /**
+     * Creates a collections of HTTP-verb based routes for a controller.
+     *
+     * Possible Options:
+     *      'controller'    - Customize the name of the controller used in the 'to' route
+     *      'placeholder'   - The regex used by the Router. Defaults to '(:any)'
+     *      'websafe'   -	- '1' if only GET and POST HTTP verbs are supported
+     *
+     * Example:
+     *
+     *      $route->resource('photos');
+     *
+     *      // Generates the following routes:
+     *      HTTP Verb | Path        | Action        | Used for...
+     *      ----------+-------------+---------------+-----------------
+     *      GET         /photos             index           an array of photo objects
+     *      GET         /photos/new         new             an empty photo object, with default properties
+     *      GET         /photos/{id}/edit   edit            a specific photo object, editable properties
+     *      GET         /photos/{id}        show            a specific photo object, all properties
+     *      POST        /photos             create          a new photo object, to add to the resource
+     *      DELETE      /photos/{id}        delete          deletes the specified photo object
+     *      PUT/PATCH   /photos/{id}        update          replacement properties for existing photo
+     *
+     *  If 'websafe' option is present, the following paths are also available:
+     *
+     *      POST		/photos/{id}/delete delete
+     *      POST        /photos/{id}        update
+     *
+     * @param string     $name    The name of the resource/controller to route to.
+     * @param array|null $options A list of possible ways to customize the routing.
+     */
+    public function resource(string $name, ?array $options = null): RouteCollectionInterface
+    {
+        // In order to allow customization of the route the
+        // resources are sent to, we need to have a new name
+        // to store the values in.
+        $newName = implode('\\', array_map(ucfirst(...), explode('/', $name)));
+
+        // If a new controller is specified, then we replace the
+        // $name value with the name of the new controller.
+        if (isset($options['controller'])) {
+            $newName = ucfirst(esc(strip_tags($options['controller'])));
+        }
+
+        // In order to allow customization of allowed id values
+        // we need someplace to store them.
+        $id = $options['placeholder'] ?? $this->placeholders[$this->defaultPlaceholder] ?? '(:segment)';
+
+        // Make sure we capture back-references
+        $id = '(' . trim($id, '()') . ')';
+
+        $methods = isset($options['only']) ? (is_string($options['only']) ? explode(',', $options['only']) : $options['only']) : ['index', 'show', 'create', 'update', 'delete', 'new', 'edit'];
+
+        if (isset($options['except'])) {
+            $options['except'] = is_array($options['except']) ? $options['except'] : explode(',', $options['except']);
+
+            foreach ($methods as $i => $method) {
+                if (in_array($method, $options['except'], true)) {
+                    unset($methods[$i]);
+                }
+            }
+        }
+
+        if (in_array('index', $methods, true)) {
+            $this->get($name, $newName . '::index', $options);
+        }
+        if (in_array('new', $methods, true)) {
+            $this->get($name . '/new', $newName . '::new', $options);
+        }
+        if (in_array('edit', $methods, true)) {
+            $this->get($name . '/' . $id . '/edit', $newName . '::edit/$1', $options);
+        }
+        if (in_array('show', $methods, true)) {
+            $this->get($name . '/' . $id, $newName . '::show/$1', $options);
+        }
+        if (in_array('create', $methods, true)) {
+            $this->post($name, $newName . '::create', $options);
+        }
+        if (in_array('update', $methods, true)) {
+            $this->put($name . '/' . $id, $newName . '::update/$1', $options);
+            $this->patch($name . '/' . $id, $newName . '::update/$1', $options);
+        }
+        if (in_array('delete', $methods, true)) {
+            $this->delete($name . '/' . $id, $newName . '::delete/$1', $options);
+        }
+
+        // Web Safe? delete needs checking before update because of method name
+        if (isset($options['websafe'])) {
+            if (in_array('delete', $methods, true)) {
+                $this->post($name . '/' . $id . '/delete', $newName . '::delete/$1', $options);
+            }
+            if (in_array('update', $methods, true)) {
+                $this->post($name . '/' . $id, $newName . '::update/$1', $options);
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * Creates a collections of HTTP-verb based routes for a presenter controller.
+     *
+     * Possible Options:
+     *      'controller'    - Customize the name of the controller used in the 'to' route
+     *      'placeholder'   - The regex used by the Router. Defaults to '(:any)'
+     *
+     * Example:
+     *
+     *      $route->presenter('photos');
+     *
+     *      // Generates the following routes:
+     *      HTTP Verb | Path        | Action        | Used for...
+     *      ----------+-------------+---------------+-----------------
+     *      GET         /photos             index           showing all array of photo objects
+     *      GET         /photos/show/{id}   show            showing a specific photo object, all properties
+     *      GET         /photos/new         new             showing a form for an empty photo object, with default properties
+     *      POST        /photos/create      create          processing the form for a new photo
+     *      GET         /photos/edit/{id}   edit            show an editing form for a specific photo object, editable properties
+     *      POST        /photos/update/{id} update          process the editing form data
+     *      GET         /photos/remove/{id} remove          show a form to confirm deletion of a specific photo object
+     *      POST        /photos/delete/{id} delete          deleting the specified photo object
+     *
+     * @param string     $name    The name of the controller to route to.
+     * @param array|null $options A list of possible ways to customize the routing.
+     */
+    public function presenter(string $name, ?array $options = null): RouteCollectionInterface
+    {
+        // In order to allow customization of the route the
+        // resources are sent to, we need to have a new name
+        // to store the values in.
+        $newName = implode('\\', array_map(ucfirst(...), explode('/', $name)));
+
+        // If a new controller is specified, then we replace the
+        // $name value with the name of the new controller.
+        if (isset($options['controller'])) {
+            $newName = ucfirst(esc(strip_tags($options['controller'])));
+        }
+
+        // In order to allow customization of allowed id values
+        // we need someplace to store them.
+        $id = $options['placeholder'] ?? $this->placeholders[$this->defaultPlaceholder] ?? '(:segment)';
+
+        // Make sure we capture back-references
+        $id = '(' . trim($id, '()') . ')';
+
+        $methods = isset($options['only']) ? (is_string($options['only']) ? explode(',', $options['only']) : $options['only']) : ['index', 'show', 'new', 'create', 'edit', 'update', 'remove', 'delete'];
+
+        if (isset($options['except'])) {
+            $options['except'] = is_array($options['except']) ? $options['except'] : explode(',', $options['except']);
+
+            foreach ($methods as $i => $method) {
+                if (in_array($method, $options['except'], true)) {
+                    unset($methods[$i]);
+                }
+            }
+        }
+
+        if (in_array('index', $methods, true)) {
+            $this->get($name, $newName . '::index', $options);
+        }
+        if (in_array('show', $methods, true)) {
+            $this->get($name . '/show/' . $id, $newName . '::show/$1', $options);
+        }
+        if (in_array('new', $methods, true)) {
+            $this->get($name . '/new', $newName . '::new', $options);
+        }
+        if (in_array('create', $methods, true)) {
+            $this->post($name . '/create', $newName . '::create', $options);
+        }
+        if (in_array('edit', $methods, true)) {
+            $this->get($name . '/edit/' . $id, $newName . '::edit/$1', $options);
+        }
+        if (in_array('update', $methods, true)) {
+            $this->post($name . '/update/' . $id, $newName . '::update/$1', $options);
+        }
+        if (in_array('remove', $methods, true)) {
+            $this->get($name . '/remove/' . $id, $newName . '::remove/$1', $options);
+        }
+        if (in_array('delete', $methods, true)) {
+            $this->post($name . '/delete/' . $id, $newName . '::delete/$1', $options);
+        }
+        if (in_array('show', $methods, true)) {
+            $this->get($name . '/' . $id, $newName . '::show/$1', $options);
+        }
+        if (in_array('create', $methods, true)) {
+            $this->post($name, $newName . '::create', $options);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Specifies a single route to match for multiple HTTP Verbs.
+     *
+     * Example:
+     *  $route->match( ['GET', 'POST'], 'users/(:num)', 'users/$1);
+     *
+     * @param array|(Closure(mixed...): (ResponseInterface|string|void))|string $to
+     */
+    public function match(array $verbs = [], string $from = '', $to = '', ?array $options = null): RouteCollectionInterface
+    {
+        if ($from === '' || empty($to)) {
+            throw new InvalidArgumentException('You must supply the parameters: from, to.');
+        }
+
+        foreach ($verbs as $verb) {
+            if ($verb === strtolower($verb)) {
+                @trigger_error(
+                    'Passing lowercase HTTP method "' . $verb . '" is deprecated.'
+                    . ' Use uppercase HTTP method like "' . strtoupper($verb) . '".',
+                    E_USER_DEPRECATED,
+                );
+            }
+
+            /**
+             * @TODO We should use correct uppercase verb.
+             * @deprecated 4.5.0
+             */
+            $verb = strtolower($verb);
+
+            $this->{$verb}($from, $to, $options);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Specifies a route that is only available to GET requests.
+     *
+     * @param array|(Closure(mixed...): (ResponseInterface|string|void))|string $to
+     */
+    public function get(string $from, $to, ?array $options = null): RouteCollectionInterface
+    {
+        $this->create(Method::GET, $from, $to, $options);
+
+        return $this;
+    }
+
+    /**
+     * Specifies a route that is only available to POST requests.
+     *
+     * @param array|(Closure(mixed...): (ResponseInterface|string|void))|string $to
+     */
+    public function post(string $from, $to, ?array $options = null): RouteCollectionInterface
+    {
+        $this->create(Method::POST, $from, $to, $options);
+
+        return $this;
+    }
+
+    /**
+     * Specifies a route that is only available to PUT requests.
+     *
+     * @param array|(Closure(mixed...): (ResponseInterface|string|void))|string $to
+     */
+    public function put(string $from, $to, ?array $options = null): RouteCollectionInterface
+    {
+        $this->create(Method::PUT, $from, $to, $options);
+
+        return $this;
+    }
+
+    /**
+     * Specifies a route that is only available to DELETE requests.
+     *
+     * @param array|(Closure(mixed...): (ResponseInterface|string|void))|string $to
+     */
+    public function delete(string $from, $to, ?array $options = null): RouteCollectionInterface
+    {
+        $this->create(Method::DELETE, $from, $to, $options);
+
+        return $this;
+    }
+
+    /**
+     * Specifies a route that is only available to HEAD requests.
+     *
+     * @param array|(Closure(mixed...): (ResponseInterface|string|void))|string $to
+     */
+    public function head(string $from, $to, ?array $options = null): RouteCollectionInterface
+    {
+        $this->create(Method::HEAD, $from, $to, $options);
+
+        return $this;
+    }
+
+    /**
+     * Specifies a route that is only available to PATCH requests.
+     *
+     * @param array|(Closure(mixed...): (ResponseInterface|string|void))|string $to
+     */
+    public function patch(string $from, $to, ?array $options = null): RouteCollectionInterface
+    {
+        $this->create(Method::PATCH, $from, $to, $options);
+
+        return $this;
+    }
+
+    /**
+     * Specifies a route that is only available to OPTIONS requests.
+     *
+     * @param array|(Closure(mixed...): (ResponseInterface|string|void))|string $to
+     */
+    public function options(string $from, $to, ?array $options = null): RouteCollectionInterface
+    {
+        $this->create(Method::OPTIONS, $from, $to, $options);
+
+        return $this;
+    }
+
+    /**
+     * Specifies a route that is only available to command-line requests.
+     *
+     * @param array|(Closure(mixed...): (ResponseInterface|string|void))|string $to
+     */
+    public function cli(string $from, $to, ?array $options = null): RouteCollectionInterface
+    {
+        $this->create('CLI', $from, $to, $options);
+
+        return $this;
+    }
+
+    /**
+     * Specifies a route that will only display a view.
+     * Only works for GET requests.
+     */
+    public function view(string $from, string $view, ?array $options = null): RouteCollectionInterface
+    {
+        $to = static fn (...$data) => service('renderer')
+            ->setData(['segments' => $data], 'raw')
+            ->render($view, $options);
+
+        $routeOptions = $options ?? [];
+        $routeOptions = array_merge($routeOptions, ['view' => $view]);
+
+        $this->create(Method::GET, $from, $to, $routeOptions);
+
+        return $this;
+    }
+
+    /**
+     * Limits the routes to a specified ENVIRONMENT or they won't run.
+     *
+     * @param Closure(RouteCollection): void $callback
+     */
+    public function environment(string $env, Closure $callback): RouteCollectionInterface
+    {
+        if ($env === ENVIRONMENT) {
+            $callback($this);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Attempts to look up a route based on its destination.
+     *
+     * If a route exists:
+     *
+     *      'path/(:any)/(:any)' => 'Controller::method/$1/$2'
+     *
+     * This method allows you to know the Controller and method
+     * and get the route that leads to it.
+     *
+     *      // Equals 'path/$param1/$param2'
+     *      reverseRoute('Controller::method', $param1, $param2);
+     *
+     * @param string     $search    Route name or Controller::method
+     * @param int|string ...$params One or more parameters to be passed to the route.
+     *                              The last parameter allows you to set the locale.
+     *
+     * @return false|string The route (URI path relative to baseURL) or false if not found.
+     */
+    public function reverseRoute(string $search, ...$params)
+    {
+        if ($search === '') {
+            return false;
+        }
+
+        // Named routes get higher priority.
+        foreach ($this->routesNames as $verb => $collection) {
+            if (array_key_exists($search, $collection)) {
+                $routeKey = $collection[$search];
+
+                $from = $this->routes[$verb][$routeKey]['from'];
+
+                return $this->buildReverseRoute($from, $params);
+            }
+        }
+
+        // Add the default namespace if needed.
+        $namespace = trim($this->defaultNamespace, '\\') . '\\';
+        if (
+            ! str_starts_with($search, '\\')
+            && ! str_starts_with($search, $namespace)
+        ) {
+            $search = $namespace . $search;
+        }
+
+        // If it's not a named route, then loop over
+        // all routes to find a match.
+        foreach ($this->routes as $collection) {
+            foreach ($collection as $route) {
+                $to   = $route['handler'];
+                $from = $route['from'];
+
+                // ignore closures
+                if (! is_string($to)) {
+                    continue;
+                }
+
+                // Lose any namespace slash at beginning of strings
+                // to ensure more consistent match.
+                $to     = ltrim($to, '\\');
+                $search = ltrim($search, '\\');
+
+                // If there's any chance of a match, then it will
+                // be with $search at the beginning of the $to string.
+                if (! str_starts_with($to, $search)) {
+                    continue;
+                }
+
+                // Ensure that the number of $params given here
+                // matches the number of back-references in the route
+                if (substr_count($to, '$') !== count($params)) {
+                    continue;
+                }
+
+                return $this->buildReverseRoute($from, $params);
+            }
+        }
+
+        // If we're still here, then we did not find a match.
+        return false;
+    }
+
+    /**
+     * Replaces the {locale} tag with the current application locale
+     *
+     * @deprecated Unused.
+     */
+    protected function localizeRoute(string $route): string
+    {
+        return strtr($route, ['{locale}' => service('request')->getLocale()]);
+    }
+
+    /**
+     * Checks a route (using the "from") to see if it's filtered or not.
+     *
+     * @param string|null $verb HTTP verb like `GET`,`POST` or `*` or `CLI`.
+     */
+    public function isFiltered(string $search, ?string $verb = null): bool
+    {
+        $options = $this->loadRoutesOptions($verb);
+
+        return isset($options[$search]['filter']);
+    }
+
+    /**
+     * Returns the filters that should be applied for a single route, along
+     * with any parameters it might have. Parameters are found by splitting
+     * the parameter name on a colon to separate the filter name from the parameter list,
+     * and the splitting the result on commas. So:
+     *
+     *    'role:admin,manager'
+     *
+     * has a filter of "role", with parameters of ['admin', 'manager'].
+     *
+     * @param string      $search routeKey
+     * @param string|null $verb   HTTP verb like `GET`,`POST` or `*` or `CLI`.
+     *
+     * @return list<string> filter_name or filter_name:arguments like 'role:admin,manager'
+     */
+    public function getFiltersForRoute(string $search, ?string $verb = null): array
+    {
+        $options = $this->loadRoutesOptions($verb);
+
+        if (! array_key_exists($search, $options) || ! array_key_exists('filter', $options[$search])) {
+            return [];
+        }
+
+        if (is_string($options[$search]['filter'])) {
+            return [$options[$search]['filter']];
+        }
+
+        return $options[$search]['filter'];
+    }
+
+    /**
+     * Given a
+     *
+     * @throws RouterException
+     *
+     * @deprecated Unused. Now uses buildReverseRoute().
+     */
+    protected function fillRouteParams(string $from, ?array $params = null): string
+    {
+        // Find all of our back-references in the original route
+        preg_match_all('/\(([^)]+)\)/', $from, $matches);
+
+        if (empty($matches[0])) {
+            return '/' . ltrim($from, '/');
+        }
+
+        /**
+         * Build our resulting string, inserting the $params in
+         * the appropriate places.
+         *
+         * @var list<string> $patterns
+         */
+        $patterns = $matches[0];
+
+        foreach ($patterns as $index => $pattern) {
+            if (preg_match('#^' . $pattern . '$#u', $params[$index]) !== 1) {
+                throw RouterException::forInvalidParameterType();
+            }
+
+            // Ensure that the param we're inserting matches
+            // the expected param type.
+            $pos  = strpos($from, $pattern);
+            $from = substr_replace($from, $params[$index], $pos, strlen($pattern));
+        }
+
+        return '/' . ltrim($from, '/');
+    }
+
+    /**
+     * Builds reverse route
+     *
+     * @param array $params One or more parameters to be passed to the route.
+     *                      The last parameter allows you to set the locale.
+     */
+    protected function buildReverseRoute(string $from, array $params): string
+    {
+        $locale = null;
+
+        // Find all of our back-references in the original route
+        preg_match_all('/\(([^)]+)\)/', $from, $matches);
+
+        if (empty($matches[0])) {
+            if (str_contains($from, '{locale}')) {
+                $locale = $params[0] ?? null;
+            }
+
+            $from = $this->replaceLocale($from, $locale);
+
+            return '/' . ltrim($from, '/');
+        }
+
+        // Locale is passed?
+        $placeholderCount = count($matches[0]);
+        if (count($params) > $placeholderCount) {
+            $locale = $params[$placeholderCount];
+        }
+
+        /**
+         * Build our resulting string, inserting the $params in
+         * the appropriate places.
+         *
+         * @var list<string> $placeholders
+         */
+        $placeholders = $matches[0];
+
+        foreach ($placeholders as $index => $placeholder) {
+            if (! isset($params[$index])) {
+                throw new InvalidArgumentException(
+                    'Missing argument for "' . $placeholder . '" in route "' . $from . '".',
+                );
+            }
+
+            // Remove `(:` and `)` when $placeholder is a placeholder.
+            $placeholderName = substr($placeholder, 2, -1);
+            // or maybe $placeholder is not a placeholder, but a regex.
+            $pattern = $this->placeholders[$placeholderName] ?? $placeholder;
+
+            if (preg_match('#^' . $pattern . '$#u', (string) $params[$index]) !== 1) {
+                throw RouterException::forInvalidParameterType();
+            }
+
+            // Ensure that the param we're inserting matches
+            // the expected param type.
+            $pos  = strpos($from, $placeholder);
+            $from = substr_replace($from, (string) $params[$index], $pos, strlen($placeholder));
+        }
+
+        $from = $this->replaceLocale($from, $locale);
+
+        return '/' . ltrim($from, '/');
+    }
+
+    /**
+     * Replaces the {locale} tag with the locale
+     */
+    private function replaceLocale(string $route, ?string $locale = null): string
+    {
+        if (! str_contains($route, '{locale}')) {
+            return $route;
+        }
+
+        // Check invalid locale
+        if ((string) $locale !== '') {
+            $config = config(App::class);
+            if (! in_array($locale, $config->supportedLocales, true)) {
+                $locale = null;
+            }
+        }
+
+        if ((string) $locale === '') {
+            $locale = service('request')->getLocale();
+        }
+
+        return strtr($route, ['{locale}' => $locale]);
+    }
+
+    /**
+     * Does the heavy lifting of creating an actual route. You must specify
+     * the request method(s) that this route will work for. They can be separated
+     * by a pipe character "|" if there is more than one.
+     *
+     * @param array|(Closure(mixed...): (ResponseInterface|string|void))|string $to
+     *
+     * @return void
+     */
+    protected function create(string $verb, string $from, $to, ?array $options = null)
+    {
+        $overwrite = false;
+        $prefix    = $this->group === null ? '' : $this->group . '/';
+
+        $from = esc(strip_tags($prefix . $from));
+
+        // While we want to add a route within a group of '/',
+        // it doesn't work with matching, so remove them...
+        if ($from !== '/') {
+            $from = trim($from, '/');
+        }
+
+        // When redirecting to named route, $to is an array like `['zombies' => '\Zombies::index']`.
+        if (is_array($to) && isset($to[0])) {
+            $to = $this->processArrayCallableSyntax($from, $to);
+        }
+
+        // Merge group filters.
+        if (isset($options['filter'])) {
+            $currentFilter     = (array) ($this->currentOptions['filter'] ?? []);
+            $options['filter'] = array_merge($currentFilter, (array) $options['filter']);
+        }
+
+        $options = array_merge($this->currentOptions ?? [], $options ?? []);
+
+        // Route priority detect
+        if (isset($options['priority'])) {
+            $options['priority'] = abs((int) $options['priority']);
+
+            if ($options['priority'] > 0) {
+                $this->prioritizeDetected = true;
+            }
+        }
+
+        // Hostname limiting?
+        if (! empty($options['hostname'])) {
+            // @todo determine if there's a way to whitelist hosts?
+            if (! $this->checkHostname($options['hostname'])) {
+                return;
+            }
+
+            $overwrite = true;
+        }
+        // Limiting to subdomains?
+        elseif (! empty($options['subdomain'])) {
+            // If we don't match the current subdomain, then
+            // we don't need to add the route.
+            if (! $this->checkSubdomains($options['subdomain'])) {
+                return;
+            }
+
+            $overwrite = true;
+        }
+
+        // Are we offsetting the binds?
+        // If so, take care of them here in one
+        // fell swoop.
+        if (isset($options['offset']) && is_string($to)) {
+            // Get a constant string to work with.
+            $to = preg_replace('/(\$\d+)/', '$X', $to);
+
+            for ($i = (int) $options['offset'] + 1; $i < (int) $options['offset'] + 7; $i++) {
+                $to = preg_replace_callback(
+                    '/\$X/',
+                    static fn ($m): string => '$' . $i,
+                    $to,
+                    1,
+                );
+            }
+        }
+
+        $routeKey = $from;
+
+        // Replace our regex pattern placeholders with the actual thing
+        // so that the Router doesn't need to know about any of this.
+        foreach ($this->placeholders as $tag => $pattern) {
+            $routeKey = str_ireplace(':' . $tag, $pattern, $routeKey);
+        }
+
+        // If is redirect, No processing
+        if (! isset($options['redirect']) && is_string($to)) {
+            // If no namespace found, add the default namespace
+            if (! str_contains($to, '\\') || strpos($to, '\\') > 0) {
+                $namespace = $options['namespace'] ?? $this->defaultNamespace;
+                $to        = trim($namespace, '\\') . '\\' . $to;
+            }
+            // Always ensure that we escape our namespace so we're not pointing to
+            // \CodeIgniter\Routes\Controller::method.
+            $to = '\\' . ltrim($to, '\\');
+        }
+
+        $name = $options['as'] ?? $routeKey;
+
+        helper('array');
+
+        // Don't overwrite any existing 'froms' so that auto-discovered routes
+        // do not overwrite any app/Config/Routes settings. The app
+        // routes should always be the "source of truth".
+        // this works only because discovered routes are added just prior
+        // to attempting to route the request.
+        $routeKeyExists = isset($this->routes[$verb][$routeKey]);
+        if ((isset($this->routesNames[$verb][$name]) || $routeKeyExists) && ! $overwrite) {
+            return;
+        }
+
+        $this->routes[$verb][$routeKey] = [
+            'name'    => $name,
+            'handler' => $to,
+            'from'    => $from,
+        ];
+        $this->routesOptions[$verb][$routeKey] = $options;
+        $this->routesNames[$verb][$name]       = $routeKey;
+
+        // Is this a redirect?
+        if (isset($options['redirect']) && is_numeric($options['redirect'])) {
+            $this->routes['*'][$routeKey]['redirect'] = $options['redirect'];
+        }
+    }
+
+    /**
+     * Compares the hostname passed in against the current hostname
+     * on this page request.
+     *
+     * @param list<string>|string $hostname Hostname in route options
+     */
+    private function checkHostname($hostname): bool
+    {
+        // CLI calls can't be on hostname.
+        if (! isset($this->httpHost)) {
+            return false;
+        }
+
+        // Has multiple hostnames
+        if (is_array($hostname)) {
+            $hostnameLower = array_map('strtolower', $hostname);
+
+            return in_array(strtolower($this->httpHost), $hostnameLower, true);
+        }
+
+        return strtolower($this->httpHost) === strtolower($hostname);
+    }
+
+    private function processArrayCallableSyntax(string $from, array $to): string
+    {
+        // [classname, method]
+        // eg, [Home::class, 'index']
+        if (is_callable($to, true, $callableName)) {
+            // If the route has placeholders, add params automatically.
+            $params = $this->getMethodParams($from);
+
+            return '\\' . $callableName . $params;
+        }
+
+        // [[classname, method], params]
+        // eg, [[Home::class, 'index'], '$1/$2']
+        if (
+            isset($to[0], $to[1])
+            && is_callable($to[0], true, $callableName)
+            && is_string($to[1])
+        ) {
+            $to = '\\' . $callableName . '/' . $to[1];
+        }
+
+        return $to;
+    }
+
+    /**
+     * Returns the method param string like `/$1/$2` for placeholders
+     */
+    private function getMethodParams(string $from): string
+    {
+        preg_match_all('/\(.+?\)/', $from, $matches);
+        $count = count($matches[0]);
+
+        $params = '';
+
+        for ($i = 1; $i <= $count; $i++) {
+            $params .= '/$' . $i;
+        }
+
+        return $params;
+    }
+
+    /**
+     * Compares the subdomain(s) passed in against the current subdomain
+     * on this page request.
+     *
+     * @param list<string>|string $subdomains
+     */
+    private function checkSubdomains($subdomains): bool
+    {
+        // CLI calls can't be on subdomain.
+        if (! isset($this->httpHost)) {
+            return false;
+        }
+
+        if ($this->currentSubdomain === null) {
+            $this->currentSubdomain = $this->determineCurrentSubdomain();
+        }
+
+        if (! is_array($subdomains)) {
+            $subdomains = [$subdomains];
+        }
+
+        // Routes can be limited to any sub-domain. In that case, though,
+        // it does require a sub-domain to be present.
+        if (! empty($this->currentSubdomain) && in_array('*', $subdomains, true)) {
+            return true;
+        }
+
+        return in_array($this->currentSubdomain, $subdomains, true);
+    }
+
+    /**
+     * Examines the HTTP_HOST to get the best match for the subdomain. It
+     * won't be perfect, but should work for our needs.
+     *
+     * It's especially not perfect since it's possible to register a domain
+     * with a period (.) as part of the domain name.
+     *
+     * @return false|string the subdomain
+     */
+    private function determineCurrentSubdomain()
+    {
+        // We have to ensure that a scheme exists
+        // on the URL else parse_url will mis-interpret
+        // 'host' as the 'path'.
+        $url = $this->httpHost;
+        if (! str_starts_with($url, 'http')) {
+            $url = 'http://' . $url;
+        }
+
+        $parsedUrl = parse_url($url);
+
+        $host = explode('.', $parsedUrl['host']);
+
+        if ($host[0] === 'www') {
+            unset($host[0]);
+        }
+
+        // Get rid of any domains, which will be the last
+        unset($host[count($host) - 1]);
+
+        // Account for .co.uk, .co.nz, etc. domains
+        if (end($host) === 'co') {
+            $host = array_slice($host, 0, -1);
+        }
+
+        // If we only have 1 part left, then we don't have a sub-domain.
+        if (count($host) === 1) {
+            // Set it to false so we don't make it back here again.
+            return false;
+        }
+
+        return array_shift($host);
+    }
+
+    /**
+     * Reset the routes, so that a test case can provide the
+     * explicit ones needed for it.
+     *
+     * @return void
+     */
+    public function resetRoutes()
+    {
+        $this->routes = $this->routesNames = ['*' => []];
+
+        foreach ($this->defaultHTTPMethods as $verb) {
+            $this->routes[$verb]      = [];
+            $this->routesNames[$verb] = [];
+        }
+
+        $this->routesOptions = [];
+
+        $this->prioritizeDetected = false;
+        $this->didDiscover        = false;
+    }
+
+    /**
+     * Load routes options based on verb
+     *
+     * @return array<
+     *     string,
+     *     array{
+     *         filter?: list<string>|string, namespace?: string, hostname?: string,
+     *         subdomain?: string, offset?: int, priority?: int, as?: string,
+     *         redirect?: int
+     *     }
+     * >
+     */
+    protected function loadRoutesOptions(?string $verb = null): array
+    {
+        $verb ??= $this->getHTTPVerb();
+
+        $options = $this->routesOptions[$verb] ?? [];
+
+        if (isset($this->routesOptions['*'])) {
+            foreach ($this->routesOptions['*'] as $key => $val) {
+                if (isset($options[$key])) {
+                    $extraOptions  = array_diff_key($val, $options[$key]);
+                    $options[$key] = array_merge($options[$key], $extraOptions);
+                } else {
+                    $options[$key] = $val;
+                }
+            }
+        }
+
+        return $options;
+    }
+
+    /**
+     * Enable or Disable sorting routes by priority
+     *
+     * @param bool $enabled The value status
+     *
+     * @return $this
+     */
+    public function setPrioritize(bool $enabled = true)
+    {
+        $this->prioritize = $enabled;
+
+        return $this;
+    }
+
+    /**
+     * Get all controllers in Route Handlers
+     *
+     * @param string|null $verb HTTP verb like `GET`,`POST` or `*` or `CLI`.
+     *                          `'*'` returns all controllers in any verb.
+     *
+     * @return list<string> controller name list
+     *
+     * @interal
+     */
+    public function getRegisteredControllers(?string $verb = '*'): array
+    {
+        if ($verb !== '*' && $verb === strtolower($verb)) {
+            @trigger_error(
+                'Passing lowercase HTTP method "' . $verb . '" is deprecated.'
+                . ' Use uppercase HTTP method like "' . strtoupper($verb) . '".',
+                E_USER_DEPRECATED,
+            );
+        }
+
+        /**
+         * @deprecated 4.5.0
+         * @TODO Remove this in the future.
+         */
+        $verb = strtoupper($verb);
+
+        $controllers = [];
+
+        if ($verb === '*') {
+            foreach ($this->defaultHTTPMethods as $tmpVerb) {
+                foreach ($this->routes[$tmpVerb] as $route) {
+                    $controller = $this->getControllerName($route['handler']);
+                    if ($controller !== null) {
+                        $controllers[] = $controller;
+                    }
+                }
+            }
+        } else {
+            $routes = $this->getRoutes($verb);
+
+            foreach ($routes as $handler) {
+                $controller = $this->getControllerName($handler);
+                if ($controller !== null) {
+                    $controllers[] = $controller;
+                }
+            }
+        }
+
+        return array_unique($controllers);
+    }
+
+    /**
+     * @param (Closure(mixed...): (ResponseInterface|string|void))|string $handler Handler
+     *
+     * @return string|null Controller classname
+     */
+    private function getControllerName($handler)
+    {
+        if (! is_string($handler)) {
+            return null;
+        }
+
+        [$controller] = explode('::', $handler, 2);
+
+        return $controller;
+    }
+
+    /**
+     * Set The flag that limit or not the routes with {locale} placeholder to App::$supportedLocales
+     */
+    public function useSupportedLocalesOnly(bool $useOnly): self
+    {
+        $this->useSupportedLocalesOnly = $useOnly;
+
+        return $this;
+    }
+
+    /**
+     * Get the flag that limit or not the routes with {locale} placeholder to App::$supportedLocales
+     */
+    public function shouldUseSupportedLocalesOnly(): bool
+    {
+        return $this->useSupportedLocalesOnly;
+    }
+}
diff --git a/ci4app/system/Router/RouteCollectionInterface.php b/ci4app/system/Router/RouteCollectionInterface.php
new file mode 100644
index 0000000..3c34a9b
--- /dev/null
+++ b/ci4app/system/Router/RouteCollectionInterface.php
@@ -0,0 +1,267 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Router;
+
+use Closure;
+use CodeIgniter\HTTP\ResponseInterface;
+
+/**
+ * Interface RouteCollectionInterface
+ *
+ * A Route Collection's sole job is to hold a series of routes. The required
+ * number of methods is kept very small on purpose, but implementors may
+ * add a number of additional methods to customize how the routes are defined.
+ */
+interface RouteCollectionInterface
+{
+    /**
+     * Adds a single route to the collection.
+     *
+     * @param string                                                            $from    The route path (with placeholders or regex)
+     * @param array|(Closure(mixed...): (ResponseInterface|string|void))|string $to      The route handler
+     * @param array|null                                                        $options The route options
+     *
+     * @return RouteCollectionInterface
+     */
+    public function add(string $from, $to, ?array $options = null);
+
+    /**
+     * Registers a new constraint with the system. Constraints are used
+     * by the routes as placeholders for regular expressions to make defining
+     * the routes more human-friendly.
+     *
+     * You can pass an associative array as $placeholder, and have
+     * multiple placeholders added at once.
+     *
+     * @param array|string $placeholder
+     * @param string|null  $pattern     The regex pattern
+     *
+     * @return RouteCollectionInterface
+     */
+    public function addPlaceholder($placeholder, ?string $pattern = null);
+
+    /**
+     * Sets the default namespace to use for Controllers when no other
+     * namespace has been specified.
+     *
+     * @return RouteCollectionInterface
+     */
+    public function setDefaultNamespace(string $value);
+
+    /**
+     * Returns the default namespace.
+     */
+    public function getDefaultNamespace(): string;
+
+    /**
+     * Sets the default controller to use when no other controller has been
+     * specified.
+     *
+     * @return RouteCollectionInterface
+     *
+     * @TODO The default controller is only for auto-routing. So this should be
+     *      removed in the future.
+     */
+    public function setDefaultController(string $value);
+
+    /**
+     * Sets the default method to call on the controller when no other
+     * method has been set in the route.
+     *
+     * @return RouteCollectionInterface
+     */
+    public function setDefaultMethod(string $value);
+
+    /**
+     * Tells the system whether to convert dashes in URI strings into
+     * underscores. In some search engines, including Google, dashes
+     * create more meaning and make it easier for the search engine to
+     * find words and meaning in the URI for better SEO. But it
+     * doesn't work well with PHP method names....
+     *
+     * @return RouteCollectionInterface
+     *
+     * @TODO This method is only for auto-routing. So this should be removed in
+     *      the future.
+     */
+    public function setTranslateURIDashes(bool $value);
+
+    /**
+     * If TRUE, the system will attempt to match the URI against
+     * Controllers by matching each segment against folders/files
+     * in APPPATH/Controllers, when a match wasn't found against
+     * defined routes.
+     *
+     * If FALSE, will stop searching and do NO automatic routing.
+     *
+     * @TODO This method is only for auto-routing. So this should be removed in
+     *      the future.
+     */
+    public function setAutoRoute(bool $value): self;
+
+    /**
+     * Sets the class/method that should be called if routing doesn't
+     * find a match. It can be either a closure or the controller/method
+     * name exactly like a route is defined: Users::index
+     *
+     * This setting is passed to the Router class and handled there.
+     *
+     * @param callable|null $callable
+     *
+     * @TODO This method is not related to the route collection. So this should
+     *      be removed in the future.
+     */
+    public function set404Override($callable = null): self;
+
+    /**
+     * Returns the 404 Override setting, which can be null, a closure
+     * or the controller/string.
+     *
+     * @return (Closure(string): (ResponseInterface|string|void))|string|null
+     *
+     * @TODO This method is not related to the route collection. So this should
+     *      be removed in the future.
+     */
+    public function get404Override();
+
+    /**
+     * Returns the name of the default controller. With Namespace.
+     *
+     * @return string
+     *
+     * @TODO The default controller is only for auto-routing. So this should be
+     *      removed in the future.
+     */
+    public function getDefaultController();
+
+    /**
+     * Returns the name of the default method to use within the controller.
+     *
+     * @return string
+     */
+    public function getDefaultMethod();
+
+    /**
+     * Returns the current value of the translateURIDashes setting.
+     *
+     * @return bool
+     *
+     * @TODO This method is only for auto-routing. So this should be removed in
+     *      the future.
+     */
+    public function shouldTranslateURIDashes();
+
+    /**
+     * Returns the flag that tells whether to autoRoute URI against Controllers.
+     *
+     * @return bool
+     *
+     * @TODO This method is only for auto-routing. So this should be removed in
+     *      the future.
+     */
+    public function shouldAutoRoute();
+
+    /**
+     * Returns the raw array of available routes.
+     *
+     * @param non-empty-string|null $verb            HTTP verb like `GET`,`POST` or `*` or `CLI`.
+     * @param bool                  $includeWildcard Whether to include '*' routes.
+     */
+    public function getRoutes(?string $verb = null, bool $includeWildcard = true): array;
+
+    /**
+     * Returns one or all routes options
+     *
+     * @param string|null $from The route path (with placeholders or regex)
+     * @param string|null $verb HTTP verb like `GET`,`POST` or `*` or `CLI`.
+     *
+     * @return array<string, int|string> [key => value]
+     */
+    public function getRoutesOptions(?string $from = null, ?string $verb = null): array;
+
+    /**
+     * Sets the current HTTP verb.
+     *
+     * @param string $verb HTTP verb
+     *
+     * @return $this
+     */
+    public function setHTTPVerb(string $verb);
+
+    /**
+     * Returns the current HTTP Verb being used.
+     *
+     * @return string
+     */
+    public function getHTTPVerb();
+
+    /**
+     * Attempts to look up a route based on its destination.
+     *
+     * If a route exists:
+     *
+     *      'path/(:any)/(:any)' => 'Controller::method/$1/$2'
+     *
+     * This method allows you to know the Controller and method
+     * and get the route that leads to it.
+     *
+     *      // Equals 'path/$param1/$param2'
+     *      reverseRoute('Controller::method', $param1, $param2);
+     *
+     * @param string     $search    Named route or Controller::method
+     * @param int|string ...$params
+     *
+     * @return false|string The route (URI path relative to baseURL) or false if not found.
+     */
+    public function reverseRoute(string $search, ...$params);
+
+    /**
+     * Determines if the route is a redirecting route.
+     */
+    public function isRedirect(string $routeKey): bool;
+
+    /**
+     * Grabs the HTTP status code from a redirecting Route.
+     */
+    public function getRedirectCode(string $routeKey): int;
+
+    /**
+     * Get the flag that limit or not the routes with {locale} placeholder to App::$supportedLocales
+     */
+    public function shouldUseSupportedLocalesOnly(): bool;
+
+    /**
+     * Checks a route (using the "from") to see if it's filtered or not.
+     *
+     * @param string|null $verb HTTP verb like `GET`,`POST` or `*` or `CLI`.
+     */
+    public function isFiltered(string $search, ?string $verb = null): bool;
+
+    /**
+     * Returns the filters that should be applied for a single route, along
+     * with any parameters it might have. Parameters are found by splitting
+     * the parameter name on a colon to separate the filter name from the parameter list,
+     * and the splitting the result on commas. So:
+     *
+     *    'role:admin,manager'
+     *
+     * has a filter of "role", with parameters of ['admin', 'manager'].
+     *
+     * @param string      $search routeKey
+     * @param string|null $verb   HTTP verb like `GET`,`POST` or `*` or `CLI`.
+     *
+     * @return list<string> filter_name or filter_name:arguments like 'role:admin,manager'
+     */
+    public function getFiltersForRoute(string $search, ?string $verb = null): array;
+}
diff --git a/ci4app/system/Router/Router.php b/ci4app/system/Router/Router.php
new file mode 100644
index 0000000..eb75e33
--- /dev/null
+++ b/ci4app/system/Router/Router.php
@@ -0,0 +1,747 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Router;
+
+use Closure;
+use CodeIgniter\Exceptions\PageNotFoundException;
+use CodeIgniter\HTTP\Exceptions\BadRequestException;
+use CodeIgniter\HTTP\Exceptions\RedirectException;
+use CodeIgniter\HTTP\Method;
+use CodeIgniter\HTTP\Request;
+use CodeIgniter\HTTP\ResponseInterface;
+use CodeIgniter\Router\Exceptions\RouterException;
+use Config\App;
+use Config\Feature;
+use Config\Routing;
+
+/**
+ * Request router.
+ *
+ * @see \CodeIgniter\Router\RouterTest
+ */
+class Router implements RouterInterface
+{
+    /**
+     * List of allowed HTTP methods (and CLI for command line use).
+     */
+    public const HTTP_METHODS = [
+        Method::GET,
+        Method::HEAD,
+        Method::POST,
+        Method::PATCH,
+        Method::PUT,
+        Method::DELETE,
+        Method::OPTIONS,
+        Method::TRACE,
+        Method::CONNECT,
+        'CLI',
+    ];
+
+    /**
+     * A RouteCollection instance.
+     *
+     * @var RouteCollectionInterface
+     */
+    protected $collection;
+
+    /**
+     * Sub-directory that contains the requested controller class.
+     * Primarily used by 'autoRoute'.
+     *
+     * @var string|null
+     */
+    protected $directory;
+
+    /**
+     * The name of the controller class.
+     *
+     * @var (Closure(mixed...): (ResponseInterface|string|void))|string
+     */
+    protected $controller;
+
+    /**
+     * The name of the method to use.
+     *
+     * @var string
+     */
+    protected $method;
+
+    /**
+     * An array of binds that were collected
+     * so they can be sent to closure routes.
+     *
+     * @var array
+     */
+    protected $params = [];
+
+    /**
+     * The name of the front controller.
+     *
+     * @var string
+     */
+    protected $indexPage = 'index.php';
+
+    /**
+     * Whether dashes in URI's should be converted
+     * to underscores when determining method names.
+     *
+     * @var bool
+     */
+    protected $translateURIDashes = false;
+
+    /**
+     * The route that was matched for this request.
+     *
+     * @var array|null
+     */
+    protected $matchedRoute;
+
+    /**
+     * The options set for the matched route.
+     *
+     * @var array|null
+     */
+    protected $matchedRouteOptions;
+
+    /**
+     * The locale that was detected in a route.
+     *
+     * @var string
+     */
+    protected $detectedLocale;
+
+    /**
+     * The filter info from Route Collection
+     * if the matched route should be filtered.
+     *
+     * @var list<string>
+     */
+    protected $filtersInfo = [];
+
+    protected ?AutoRouterInterface $autoRouter = null;
+
+    /**
+     * Permitted URI chars
+     *
+     * The default value is `''` (do not check) for backward compatibility.
+     */
+    protected string $permittedURIChars = '';
+
+    /**
+     * Stores a reference to the RouteCollection object.
+     */
+    public function __construct(RouteCollectionInterface $routes, ?Request $request = null)
+    {
+        $config = config(App::class);
+
+        if (isset($config->permittedURIChars)) {
+            $this->permittedURIChars = $config->permittedURIChars;
+        }
+
+        $this->collection = $routes;
+
+        // These are only for auto-routing
+        $this->controller = $this->collection->getDefaultController();
+        $this->method     = $this->collection->getDefaultMethod();
+
+        $this->collection->setHTTPVerb($request->getMethod() === '' ? $_SERVER['REQUEST_METHOD'] : $request->getMethod());
+
+        $this->translateURIDashes = $this->collection->shouldTranslateURIDashes();
+
+        if ($this->collection->shouldAutoRoute()) {
+            $autoRoutesImproved = config(Feature::class)->autoRoutesImproved ?? false;
+            if ($autoRoutesImproved) {
+                assert($this->collection instanceof RouteCollection);
+
+                $this->autoRouter = new AutoRouterImproved(
+                    $this->collection->getRegisteredControllers('*'),
+                    $this->collection->getDefaultNamespace(),
+                    $this->collection->getDefaultController(),
+                    $this->collection->getDefaultMethod(),
+                    $this->translateURIDashes,
+                );
+            } else {
+                $this->autoRouter = new AutoRouter(
+                    $this->collection->getRoutes('CLI', false),
+                    $this->collection->getDefaultNamespace(),
+                    $this->collection->getDefaultController(),
+                    $this->collection->getDefaultMethod(),
+                    $this->translateURIDashes,
+                );
+            }
+        }
+    }
+
+    /**
+     * Finds the controller corresponding to the URI.
+     *
+     * @param string|null $uri URI path relative to baseURL
+     *
+     * @return (Closure(mixed...): (ResponseInterface|string|void))|string Controller classname or Closure
+     *
+     * @throws BadRequestException
+     * @throws PageNotFoundException
+     * @throws RedirectException
+     */
+    public function handle(?string $uri = null)
+    {
+        // If we cannot find a URI to match against, then set it to root (`/`).
+        if ($uri === null || $uri === '') {
+            $uri = '/';
+        }
+
+        // Decode URL-encoded string
+        $uri = urldecode($uri);
+
+        $this->checkDisallowedChars($uri);
+
+        // Restart filterInfo
+        $this->filtersInfo = [];
+
+        // Checks defined routes
+        if ($this->checkRoutes($uri)) {
+            if ($this->collection->isFiltered($this->matchedRoute[0])) {
+                $this->filtersInfo = $this->collection->getFiltersForRoute($this->matchedRoute[0]);
+            }
+
+            return $this->controller;
+        }
+
+        // Still here? Then we can try to match the URI against
+        // Controllers/directories, but the application may not
+        // want this, like in the case of API's.
+        if (! $this->collection->shouldAutoRoute()) {
+            throw new PageNotFoundException(
+                "Can't find a route for '{$this->collection->getHTTPVerb()}: {$uri}'.",
+            );
+        }
+
+        // Checks auto routes
+        $this->autoRoute($uri);
+
+        return $this->controllerName();
+    }
+
+    /**
+     * Returns the filter info for the matched route, if any.
+     *
+     * @return list<string>
+     */
+    public function getFilters(): array
+    {
+        return $this->filtersInfo;
+    }
+
+    /**
+     * Returns the name of the matched controller or closure.
+     *
+     * @return (Closure(mixed...): (ResponseInterface|string|void))|string Controller classname or Closure
+     */
+    public function controllerName()
+    {
+        return $this->translateURIDashes && ! $this->controller instanceof Closure
+            ? str_replace('-', '_', $this->controller)
+            : $this->controller;
+    }
+
+    /**
+     * Returns the name of the method to run in the
+     * chosen controller.
+     */
+    public function methodName(): string
+    {
+        return $this->translateURIDashes
+            ? str_replace('-', '_', $this->method)
+            : $this->method;
+    }
+
+    /**
+     * Returns the 404 Override settings from the Collection.
+     * If the override is a string, will split to controller/index array.
+     *
+     * @return array{string, string}|(Closure(string): (ResponseInterface|string|void))|null
+     */
+    public function get404Override()
+    {
+        $route = $this->collection->get404Override();
+
+        if (is_string($route)) {
+            $routeArray = explode('::', $route);
+
+            return [
+                $routeArray[0], // Controller
+                $routeArray[1] ?? 'index',   // Method
+            ];
+        }
+
+        if (is_callable($route)) {
+            return $route;
+        }
+
+        return null;
+    }
+
+    /**
+     * Returns the binds that have been matched and collected
+     * during the parsing process as an array, ready to send to
+     * instance->method(...$params).
+     */
+    public function params(): array
+    {
+        return $this->params;
+    }
+
+    /**
+     * Returns the name of the sub-directory the controller is in,
+     * if any. Relative to APPPATH.'Controllers'.
+     *
+     * Only used when auto-routing is turned on.
+     */
+    public function directory(): string
+    {
+        if ($this->autoRouter instanceof AutoRouter) {
+            return $this->autoRouter->directory();
+        }
+
+        return '';
+    }
+
+    /**
+     * Returns the routing information that was matched for this
+     * request, if a route was defined.
+     *
+     * @return array|null
+     */
+    public function getMatchedRoute()
+    {
+        return $this->matchedRoute;
+    }
+
+    /**
+     * Returns all options set for the matched route
+     *
+     * @return array|null
+     */
+    public function getMatchedRouteOptions()
+    {
+        return $this->matchedRouteOptions;
+    }
+
+    /**
+     * Sets the value that should be used to match the index.php file. Defaults
+     * to index.php but this allows you to modify it in case you are using
+     * something like mod_rewrite to remove the page. This allows you to set
+     * it a blank.
+     *
+     * @param string $page
+     */
+    public function setIndexPage($page): self
+    {
+        $this->indexPage = $page;
+
+        return $this;
+    }
+
+    /**
+     * Tells the system whether we should translate URI dashes or not
+     * in the URI from a dash to an underscore.
+     *
+     * @deprecated This method should be removed.
+     */
+    public function setTranslateURIDashes(bool $val = false): self
+    {
+        if ($this->autoRouter instanceof AutoRouter) {
+            $this->autoRouter->setTranslateURIDashes($val);
+
+            return $this;
+        }
+
+        return $this;
+    }
+
+    /**
+     * Returns true/false based on whether the current route contained
+     * a {locale} placeholder.
+     *
+     * @return bool
+     */
+    public function hasLocale()
+    {
+        return (bool) $this->detectedLocale;
+    }
+
+    /**
+     * Returns the detected locale, if any, or null.
+     *
+     * @return string
+     */
+    public function getLocale()
+    {
+        return $this->detectedLocale;
+    }
+
+    /**
+     * Checks Defined Routes.
+     *
+     * Compares the uri string against the routes that the
+     * RouteCollection class defined for us, attempting to find a match.
+     * This method will modify $this->controller, etal as needed.
+     *
+     * @param string $uri The URI path to compare against the routes
+     *
+     * @return bool Whether the route was matched or not.
+     *
+     * @throws RedirectException
+     */
+    protected function checkRoutes(string $uri): bool
+    {
+        $routes = $this->collection->getRoutes($this->collection->getHTTPVerb());
+
+        // Don't waste any time
+        if ($routes === []) {
+            return false;
+        }
+
+        $uri = $uri === '/'
+            ? $uri
+            : trim($uri, '/ ');
+
+        // Loop through the route array looking for wildcards
+        foreach ($routes as $routeKey => $handler) {
+            $routeKey = $routeKey === '/'
+                ? $routeKey
+                // $routeKey may be int, because it is an array key,
+                // and the URI `/1` is valid. The leading `/` is removed.
+                : ltrim((string) $routeKey, '/ ');
+
+            $matchedKey = $routeKey;
+
+            // Are we dealing with a locale?
+            if (str_contains($routeKey, '{locale}')) {
+                $routeKey = str_replace('{locale}', '[^/]+', $routeKey);
+            }
+
+            // Does the RegEx match?
+            if (preg_match('#^' . $routeKey . '$#u', $uri, $matches)) {
+                // Is this route supposed to redirect to another?
+                if ($this->collection->isRedirect($routeKey)) {
+                    // replacing matched route groups with references: post/([0-9]+) -> post/$1
+                    $redirectTo = preg_replace_callback('/(\([^\(]+\))/', static function (): string {
+                        static $i = 1;
+
+                        return '$' . $i++;
+                    }, is_array($handler) ? key($handler) : $handler);
+
+                    throw new RedirectException(
+                        preg_replace('#\A' . $routeKey . '\z#u', $redirectTo, $uri),
+                        $this->collection->getRedirectCode($routeKey),
+                    );
+                }
+                // Store our locale so CodeIgniter object can
+                // assign it to the Request.
+                if (str_contains($matchedKey, '{locale}')) {
+                    preg_match(
+                        '#^' . str_replace('{locale}', '(?<locale>[^/]+)', $matchedKey) . '$#u',
+                        $uri,
+                        $matched,
+                    );
+
+                    if ($this->collection->shouldUseSupportedLocalesOnly()
+                        && ! in_array($matched['locale'], config(App::class)->supportedLocales, true)) {
+                        // Throw exception to prevent the autorouter, if enabled,
+                        // from trying to find a route
+                        throw PageNotFoundException::forLocaleNotSupported($matched['locale']);
+                    }
+
+                    $this->detectedLocale = $matched['locale'];
+                    unset($matched);
+                }
+
+                // Are we using Closures? If so, then we need
+                // to collect the params into an array
+                // so it can be passed to the controller method later.
+                if (! is_string($handler) && is_callable($handler)) {
+                    $this->controller = $handler;
+
+                    // Remove the original string from the matches array
+                    array_shift($matches);
+
+                    $this->params = $matches;
+
+                    $this->setMatchedRoute($matchedKey, $handler);
+
+                    return true;
+                }
+
+                if (str_contains($handler, '::')) {
+                    [$controller, $methodAndParams] = explode('::', $handler);
+                } else {
+                    $controller      = $handler;
+                    $methodAndParams = '';
+                }
+
+                // Checks `/` in controller name
+                if (str_contains($controller, '/')) {
+                    throw RouterException::forInvalidControllerName($handler);
+                }
+
+                if (str_contains($handler, '$') && str_contains($routeKey, '(')) {
+                    // Checks dynamic controller
+                    if (str_contains($controller, '$')) {
+                        throw RouterException::forDynamicController($handler);
+                    }
+
+                    if (config(Routing::class)->multipleSegmentsOneParam === false) {
+                        // Using back-references
+                        $segments = explode('/', preg_replace('#\A' . $routeKey . '\z#u', $handler, $uri));
+                    } else {
+                        if (str_contains($methodAndParams, '/')) {
+                            [$method, $handlerParams] = explode('/', $methodAndParams, 2);
+                            $params                   = explode('/', $handlerParams);
+                            $handlerSegments          = array_merge([$controller . '::' . $method], $params);
+                        } else {
+                            $handlerSegments = [$handler];
+                        }
+
+                        $segments = [];
+
+                        foreach ($handlerSegments as $segment) {
+                            $segments[] = $this->replaceBackReferences($segment, $matches);
+                        }
+                    }
+                } else {
+                    $segments = explode('/', $handler);
+                }
+
+                $this->setRequest($segments);
+
+                $this->setMatchedRoute($matchedKey, $handler);
+
+                return true;
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * Replace string `$n` with `$matches[n]` value.
+     */
+    private function replaceBackReferences(string $input, array $matches): string
+    {
+        $pattern = '/\$([1-' . count($matches) . '])/u';
+
+        return preg_replace_callback(
+            $pattern,
+            static function ($match) use ($matches) {
+                $index = (int) $match[1];
+
+                return $matches[$index] ?? '';
+            },
+            $input,
+        );
+    }
+
+    /**
+     * Checks Auto Routes.
+     *
+     * Attempts to match a URI path against Controllers and directories
+     * found in APPPATH/Controllers, to find a matching route.
+     *
+     * @return void
+     */
+    public function autoRoute(string $uri)
+    {
+        [$this->directory, $this->controller, $this->method, $this->params]
+            = $this->autoRouter->getRoute($uri, $this->collection->getHTTPVerb());
+    }
+
+    /**
+     * Scans the controller directory, attempting to locate a controller matching the supplied uri $segments
+     *
+     * @param array $segments URI segments
+     *
+     * @return array returns an array of remaining uri segments that don't map onto a directory
+     *
+     * @deprecated this function name does not properly describe its behavior so it has been deprecated
+     *
+     * @codeCoverageIgnore
+     */
+    protected function validateRequest(array $segments): array
+    {
+        return $this->scanControllers($segments);
+    }
+
+    /**
+     * Scans the controller directory, attempting to locate a controller matching the supplied uri $segments
+     *
+     * @param array $segments URI segments
+     *
+     * @return array returns an array of remaining uri segments that don't map onto a directory
+     *
+     * @deprecated Not used. Moved to AutoRouter class.
+     */
+    protected function scanControllers(array $segments): array
+    {
+        $segments = array_filter($segments, static fn ($segment): bool => $segment !== '');
+        // numerically reindex the array, removing gaps
+        $segments = array_values($segments);
+
+        // if a prior directory value has been set, just return segments and get out of here
+        if (isset($this->directory)) {
+            return $segments;
+        }
+
+        // Loop through our segments and return as soon as a controller
+        // is found or when such a directory doesn't exist
+        $c = count($segments);
+
+        while ($c-- > 0) {
+            $segmentConvert = ucfirst($this->translateURIDashes === true ? str_replace('-', '_', $segments[0]) : $segments[0]);
+            // as soon as we encounter any segment that is not PSR-4 compliant, stop searching
+            if (! $this->isValidSegment($segmentConvert)) {
+                return $segments;
+            }
+
+            $test = APPPATH . 'Controllers/' . $this->directory . $segmentConvert;
+
+            // as long as each segment is *not* a controller file but does match a directory, add it to $this->directory
+            if (! is_file($test . '.php') && is_dir($test)) {
+                $this->setDirectory($segmentConvert, true, false);
+                array_shift($segments);
+
+                continue;
+            }
+
+            return $segments;
+        }
+
+        // This means that all segments were actually directories
+        return $segments;
+    }
+
+    /**
+     * Sets the sub-directory that the controller is in.
+     *
+     * @param bool $validate if true, checks to make sure $dir consists of only PSR4 compliant segments
+     *
+     * @return void
+     *
+     * @deprecated This method should be removed.
+     */
+    public function setDirectory(?string $dir = null, bool $append = false, bool $validate = true)
+    {
+        if ($dir === null || $dir === '') {
+            $this->directory = null;
+        }
+
+        if ($this->autoRouter instanceof AutoRouter) {
+            $this->autoRouter->setDirectory($dir, $append, $validate);
+        }
+    }
+
+    /**
+     * Returns true if the supplied $segment string represents a valid PSR-4 compliant namespace/directory segment
+     *
+     * regex comes from https://www.php.net/manual/en/language.variables.basics.php
+     *
+     * @deprecated Moved to AutoRouter class.
+     */
+    private function isValidSegment(string $segment): bool
+    {
+        return (bool) preg_match('/^[a-zA-Z_\x80-\xff][a-zA-Z0-9_\x80-\xff]*$/', $segment);
+    }
+
+    /**
+     * Set request route
+     *
+     * Takes an array of URI segments as input and sets the class/method
+     * to be called.
+     *
+     * @param array $segments URI segments
+     *
+     * @return void
+     */
+    protected function setRequest(array $segments = [])
+    {
+        // If we don't have any segments - use the default controller;
+        if ($segments === []) {
+            return;
+        }
+
+        [$controller, $method] = array_pad(explode('::', $segments[0]), 2, null);
+
+        $this->controller = $controller;
+
+        // $this->method already contains the default method name,
+        // so don't overwrite it with emptiness.
+        if (! empty($method)) {
+            $this->method = $method;
+        }
+
+        array_shift($segments);
+
+        $this->params = $segments;
+    }
+
+    /**
+     * Sets the default controller based on the info set in the RouteCollection.
+     *
+     * @deprecated This was an unnecessary method, so it is no longer used.
+     *
+     * @return void
+     */
+    protected function setDefaultController()
+    {
+        if (empty($this->controller)) {
+            throw RouterException::forMissingDefaultRoute();
+        }
+
+        sscanf($this->controller, '%[^/]/%s', $class, $this->method);
+
+        if (! is_file(APPPATH . 'Controllers/' . $this->directory . ucfirst($class) . '.php')) {
+            return;
+        }
+
+        $this->controller = ucfirst($class);
+
+        log_message('info', 'Used the default controller.');
+    }
+
+    /**
+     * @param callable|string $handler
+     */
+    protected function setMatchedRoute(string $route, $handler): void
+    {
+        $this->matchedRoute = [$route, $handler];
+
+        $this->matchedRouteOptions = $this->collection->getRoutesOptions($route);
+    }
+
+    /**
+     * Checks disallowed characters
+     */
+    private function checkDisallowedChars(string $uri): void
+    {
+        foreach (explode('/', $uri) as $segment) {
+            if ($segment !== '' && $this->permittedURIChars !== ''
+                && preg_match('/\A[' . $this->permittedURIChars . ']+\z/iu', $segment) !== 1
+            ) {
+                throw new BadRequestException(
+                    'The URI you submitted has disallowed characters: "' . $segment . '"',
+                );
+            }
+        }
+    }
+}
diff --git a/ci4app/system/Router/RouterInterface.php b/ci4app/system/Router/RouterInterface.php
new file mode 100644
index 0000000..c50de86
--- /dev/null
+++ b/ci4app/system/Router/RouterInterface.php
@@ -0,0 +1,73 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Router;
+
+use Closure;
+use CodeIgniter\HTTP\Request;
+use CodeIgniter\HTTP\ResponseInterface;
+
+/**
+ * Expected behavior of a Router.
+ */
+interface RouterInterface
+{
+    /**
+     * Stores a reference to the RouteCollection object.
+     */
+    public function __construct(RouteCollectionInterface $routes, ?Request $request = null);
+
+    /**
+     * Finds the controller method corresponding to the URI.
+     *
+     * @param string|null $uri URI path relative to baseURL
+     *
+     * @return (Closure(mixed...): (ResponseInterface|string|void))|string Controller classname or Closure
+     */
+    public function handle(?string $uri = null);
+
+    /**
+     * Returns the name of the matched controller.
+     *
+     * @return (Closure(mixed...): (ResponseInterface|string|void))|string Controller classname or Closure
+     */
+    public function controllerName();
+
+    /**
+     * Returns the name of the method in the controller to run.
+     *
+     * @return string
+     */
+    public function methodName();
+
+    /**
+     * Returns the binds that have been matched and collected
+     * during the parsing process as an array, ready to send to
+     * instance->method(...$params).
+     *
+     * @return array
+     */
+    public function params();
+
+    /**
+     * Sets the value that should be used to match the index.php file. Defaults
+     * to index.php but this allows you to modify it in case you are using
+     * something like mod_rewrite to remove the page. This allows you to set
+     * it a blank.
+     *
+     * @param string $page
+     *
+     * @return RouterInterface
+     */
+    public function setIndexPage($page);
+}
diff --git a/ci4app/system/Security/CheckPhpIni.php b/ci4app/system/Security/CheckPhpIni.php
new file mode 100644
index 0000000..35431c3
--- /dev/null
+++ b/ci4app/system/Security/CheckPhpIni.php
@@ -0,0 +1,179 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Security;
+
+use CodeIgniter\CLI\CLI;
+use CodeIgniter\View\Table;
+
+/**
+ * Checks php.ini settings
+ *
+ * @used-by \CodeIgniter\Commands\Utilities\PhpIniCheck
+ * @see \CodeIgniter\Security\CheckPhpIniTest
+ */
+class CheckPhpIni
+{
+    /**
+     * @param bool $isCli Set false if you run via Web
+     *
+     * @return string|null HTML string or void in CLI
+     */
+    public static function run(bool $isCli = true, ?string $argument = null)
+    {
+        $output = static::checkIni($argument);
+
+        $thead = ['Directive', 'Global', 'Current', 'Recommended', 'Remark'];
+        $tbody = [];
+
+        // CLI
+        if ($isCli) {
+            self::outputForCli($output, $thead, $tbody);
+
+            return null;
+        }
+
+        // Web
+        return self::outputForWeb($output, $thead, $tbody);
+    }
+
+    private static function outputForCli(array $output, array $thead, array $tbody): void
+    {
+        foreach ($output as $directive => $values) {
+            $current        = $values['current'] ?? '';
+            $notRecommended = false;
+
+            if ($values['recommended'] !== '') {
+                if ($values['recommended'] !== $current) {
+                    $notRecommended = true;
+                }
+
+                $current = $notRecommended
+                    ? CLI::color($current === '' ? 'n/a' : $current, 'red')
+                    : $current;
+            }
+
+            $directive = $notRecommended ? CLI::color($directive, 'red') : $directive;
+            $tbody[]   = [
+                $directive, $values['global'], $current, $values['recommended'], $values['remark'],
+            ];
+        }
+
+        CLI::table($tbody, $thead);
+    }
+
+    private static function outputForWeb(array $output, array $thead, array $tbody): string
+    {
+        foreach ($output as $directive => $values) {
+            $current        = $values['current'];
+            $notRecommended = false;
+
+            if ($values['recommended'] !== '') {
+                if ($values['recommended'] !== $values['current']) {
+                    $notRecommended = true;
+                }
+
+                if ($values['current'] === '') {
+                    $current = 'n/a';
+                }
+
+                $current = $notRecommended
+                    ? '<span style="color: red">' . $current . '</span>'
+                    : $current;
+            }
+
+            $directive = $notRecommended
+                ? '<span style="color: red">' . $directive . '</span>'
+                : $directive;
+            $tbody[] = [
+                $directive, $values['global'], $current, $values['recommended'], $values['remark'],
+            ];
+        }
+
+        $table    = new Table();
+        $template = [
+            'table_open' => '<table border="1" cellpadding="4" cellspacing="0">',
+        ];
+        $table->setTemplate($template);
+
+        $table->setHeading($thead);
+
+        return '<pre>' . $table->generate($tbody) . '</pre>';
+    }
+
+    /**
+     * @internal Used for testing purposes only.
+     * @testTag
+     */
+    public static function checkIni(?string $argument = null): array
+    {
+        // Default items
+        $items = [
+            'error_reporting'         => ['recommended' => '5111'],
+            'display_errors'          => ['recommended' => '0'],
+            'display_startup_errors'  => ['recommended' => '0'],
+            'log_errors'              => [],
+            'error_log'               => [],
+            'default_charset'         => ['recommended' => 'UTF-8'],
+            'max_execution_time'      => ['remark' => 'The default is 30.'],
+            'memory_limit'            => ['remark' => '> post_max_size'],
+            'post_max_size'           => ['remark' => '> upload_max_filesize'],
+            'upload_max_filesize'     => ['remark' => '< post_max_size'],
+            'max_input_vars'          => ['remark' => 'The default is 1000.'],
+            'request_order'           => ['recommended' => 'GP'],
+            'variables_order'         => ['recommended' => 'GPCS'],
+            'date.timezone'           => ['recommended' => 'UTC'],
+            'mbstring.language'       => ['recommended' => 'neutral'],
+            'opcache.enable'          => ['recommended' => '1'],
+            'opcache.enable_cli'      => ['recommended' => '0', 'remark' => 'Enable when you are using queues or running repetitive CLI tasks'],
+            'opcache.jit'             => ['recommended' => 'tracing'],
+            'opcache.jit_buffer_size' => ['recommended' => '128', 'remark' => 'Adjust with your free space of memory'],
+            'zend.assertions'         => ['recommended' => '-1'],
+        ];
+
+        if ($argument === 'opcache') {
+            $items = [
+                'opcache.enable'                  => ['recommended' => '1'],
+                'opcache.enable_cli'              => ['recommended' => '0', 'remark' => 'Enable when you are using queues or running repetitive CLI tasks'],
+                'opcache.jit'                     => ['recommended' => 'tracing', 'remark' => 'Disable when you used third-party extensions'],
+                'opcache.jit_buffer_size'         => ['recommended' => '128', 'remark' => 'Adjust with your free space of memory'],
+                'opcache.memory_consumption'      => ['recommended' => '128', 'remark' => 'Adjust with your free space of memory'],
+                'opcache.interned_strings_buffer' => ['recommended' => '16'],
+                'opcache.max_accelerated_files'   => ['remark' => 'Adjust based on the number of PHP files in your project (e.g.: find your_project/ -iname \'*.php\'|wc -l)'],
+                'opcache.max_wasted_percentage'   => ['recommended' => '10'],
+                'opcache.validate_timestamps'     => ['recommended' => '0', 'remark' => 'When you disabled, opcache hold your code into shared memory. Restart webserver needed'],
+                'opcache.revalidate_freq'         => [],
+                'opcache.file_cache'              => ['remark' => 'Location file caching, It should improve performance when SHM memory is full'],
+                'opcache.file_cache_only'         => ['remark' => 'Opcode caching in shared memory, Disabled when you using Windows'],
+                'opcache.file_cache_fallback'     => ['remark' => 'Set enable when you using Windows'],
+                'opcache.save_comments'           => ['recommended' => '0', 'remark' => 'Enable when you using package require docblock annotation'],
+            ];
+        }
+
+        $output = [];
+        $ini    = ini_get_all();
+
+        foreach ($items as $key => $values) {
+            $hasKeyInIni  = array_key_exists($key, $ini);
+            $output[$key] = [
+                'global'      => $hasKeyInIni ? $ini[$key]['global_value'] : 'disabled',
+                'current'     => $hasKeyInIni ? $ini[$key]['local_value'] : 'disabled',
+                'recommended' => $values['recommended'] ?? '',
+                'remark'      => $values['remark'] ?? '',
+            ];
+        }
+
+        // [directive => [current_value, recommended_value]]
+        return $output;
+    }
+}
diff --git a/ci4app/system/Security/Exceptions/SecurityException.php b/ci4app/system/Security/Exceptions/SecurityException.php
new file mode 100644
index 0000000..09ecc26
--- /dev/null
+++ b/ci4app/system/Security/Exceptions/SecurityException.php
@@ -0,0 +1,84 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Security\Exceptions;
+
+use CodeIgniter\Exceptions\FrameworkException;
+use CodeIgniter\Exceptions\HTTPExceptionInterface;
+
+class SecurityException extends FrameworkException implements HTTPExceptionInterface
+{
+    /**
+     * Throws when some specific action is not allowed.
+     * This is used for CSRF protection.
+     *
+     * @return static
+     */
+    public static function forDisallowedAction()
+    {
+        return new static(lang('Security.disallowedAction'), 403);
+    }
+
+    /**
+     * Throws if a secure cookie is dispatched when the current connection is not
+     * secure.
+     */
+    public static function forInsecureCookie(): static
+    {
+        return new static(lang('Security.insecureCookie'));
+    }
+
+    /**
+     * Throws when the source string contains invalid UTF-8 characters.
+     *
+     * @param string $source The source string
+     * @param string $string The invalid string
+     *
+     * @return static
+     */
+    public static function forInvalidUTF8Chars(string $source, string $string)
+    {
+        return new static(
+            'Invalid UTF-8 characters in ' . $source . ': ' . $string,
+            400,
+        );
+    }
+
+    /**
+     * Throws when the source string contains invalid control characters.
+     *
+     * @param string $source The source string
+     * @param string $string The invalid string
+     *
+     * @return static
+     */
+    public static function forInvalidControlChars(string $source, string $string)
+    {
+        return new static(
+            'Invalid Control characters in ' . $source . ': ' . $string,
+            400,
+        );
+    }
+
+    /**
+     * @deprecated Use `CookieException::forInvalidSameSite()` instead.
+     *
+     * @codeCoverageIgnore
+     *
+     * @return static
+     */
+    public static function forInvalidSameSite(string $samesite)
+    {
+        return new static(lang('Security.invalidSameSite', [$samesite]));
+    }
+}
diff --git a/ci4app/system/Security/Security.php b/ci4app/system/Security/Security.php
new file mode 100644
index 0000000..aa744d9
--- /dev/null
+++ b/ci4app/system/Security/Security.php
@@ -0,0 +1,504 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Security;
+
+use CodeIgniter\Cookie\Cookie;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Exceptions\LogicException;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\Method;
+use CodeIgniter\HTTP\Request;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\I18n\Time;
+use CodeIgniter\Security\Exceptions\SecurityException;
+use CodeIgniter\Session\Session;
+use Config\Cookie as CookieConfig;
+use Config\Security as SecurityConfig;
+use ErrorException;
+
+/**
+ * Class Security
+ *
+ * Provides methods that help protect your site against
+ * Cross-Site Request Forgery attacks.
+ *
+ * @see \CodeIgniter\Security\SecurityTest
+ */
+class Security implements SecurityInterface
+{
+    public const CSRF_PROTECTION_COOKIE  = 'cookie';
+    public const CSRF_PROTECTION_SESSION = 'session';
+    protected const CSRF_HASH_BYTES      = 16;
+
+    /**
+     * CSRF Protection Method
+     *
+     * Protection Method for Cross Site Request Forgery protection.
+     *
+     * @var string 'cookie' or 'session'
+     *
+     * @deprecated 4.4.0 Use $this->config->csrfProtection.
+     */
+    protected $csrfProtection = self::CSRF_PROTECTION_COOKIE;
+
+    /**
+     * CSRF Token Randomization
+     *
+     * @var bool
+     *
+     * @deprecated 4.4.0 Use $this->config->tokenRandomize.
+     */
+    protected $tokenRandomize = false;
+
+    /**
+     * CSRF Hash (without randomization)
+     *
+     * Random hash for Cross Site Request Forgery protection.
+     *
+     * @var string|null
+     */
+    protected $hash;
+
+    /**
+     * CSRF Token Name
+     *
+     * Token name for Cross Site Request Forgery protection.
+     *
+     * @var string
+     *
+     * @deprecated 4.4.0 Use $this->config->tokenName.
+     */
+    protected $tokenName = 'csrf_token_name';
+
+    /**
+     * CSRF Header Name
+     *
+     * Header name for Cross Site Request Forgery protection.
+     *
+     * @var string
+     *
+     * @deprecated 4.4.0 Use $this->config->headerName.
+     */
+    protected $headerName = 'X-CSRF-TOKEN';
+
+    /**
+     * The CSRF Cookie instance.
+     *
+     * @var Cookie
+     */
+    protected $cookie;
+
+    /**
+     * CSRF Cookie Name (with Prefix)
+     *
+     * Cookie name for Cross Site Request Forgery protection.
+     *
+     * @var string
+     */
+    protected $cookieName = 'csrf_cookie_name';
+
+    /**
+     * CSRF Expires
+     *
+     * Expiration time for Cross Site Request Forgery protection cookie.
+     *
+     * Defaults to two hours (in seconds).
+     *
+     * @var int
+     *
+     * @deprecated 4.4.0 Use $this->config->expires.
+     */
+    protected $expires = 7200;
+
+    /**
+     * CSRF Regenerate
+     *
+     * Regenerate CSRF Token on every request.
+     *
+     * @var bool
+     *
+     * @deprecated 4.4.0 Use $this->config->regenerate.
+     */
+    protected $regenerate = true;
+
+    /**
+     * CSRF Redirect
+     *
+     * Redirect to previous page with error on failure.
+     *
+     * @var bool
+     *
+     * @deprecated 4.4.0 Use $this->config->redirect.
+     */
+    protected $redirect = false;
+
+    /**
+     * CSRF SameSite
+     *
+     * Setting for CSRF SameSite cookie token.
+     *
+     * Allowed values are: None - Lax - Strict - ''.
+     *
+     * Defaults to `Lax` as recommended in this link:
+     *
+     * @see https://portswigger.net/web-security/csrf/samesite-cookies
+     *
+     * @var string
+     *
+     * @deprecated `Config\Cookie` $samesite property is used.
+     */
+    protected $samesite = Cookie::SAMESITE_LAX;
+
+    private readonly IncomingRequest $request;
+
+    /**
+     * CSRF Cookie Name without Prefix
+     */
+    private ?string $rawCookieName = null;
+
+    /**
+     * Session instance.
+     */
+    private ?Session $session = null;
+
+    /**
+     * CSRF Hash in Request Cookie
+     *
+     * The cookie value is always CSRF hash (without randomization) even if
+     * $tokenRandomize is true.
+     */
+    private ?string $hashInCookie = null;
+
+    /**
+     * Security Config
+     */
+    protected SecurityConfig $config;
+
+    /**
+     * Constructor.
+     *
+     * Stores our configuration and fires off the init() method to setup
+     * initial state.
+     */
+    public function __construct(SecurityConfig $config)
+    {
+        $this->config = $config;
+
+        $this->rawCookieName = $config->cookieName;
+
+        if ($this->isCSRFCookie()) {
+            $cookie = config(CookieConfig::class);
+
+            $this->configureCookie($cookie);
+        } else {
+            // Session based CSRF protection
+            $this->configureSession();
+        }
+
+        $this->request      = service('request');
+        $this->hashInCookie = $this->request->getCookie($this->cookieName);
+
+        $this->restoreHash();
+        if ($this->hash === null) {
+            $this->generateHash();
+        }
+    }
+
+    private function isCSRFCookie(): bool
+    {
+        return $this->config->csrfProtection === self::CSRF_PROTECTION_COOKIE;
+    }
+
+    private function configureSession(): void
+    {
+        $this->session = service('session');
+    }
+
+    private function configureCookie(CookieConfig $cookie): void
+    {
+        $cookiePrefix     = $cookie->prefix;
+        $this->cookieName = $cookiePrefix . $this->rawCookieName;
+        Cookie::setDefaults($cookie);
+    }
+
+    /**
+     * CSRF verification.
+     *
+     * @return $this
+     *
+     * @throws SecurityException
+     */
+    public function verify(RequestInterface $request)
+    {
+        // Protects POST, PUT, DELETE, PATCH
+        $method           = $request->getMethod();
+        $methodsToProtect = [Method::POST, Method::PUT, Method::DELETE, Method::PATCH];
+        if (! in_array($method, $methodsToProtect, true)) {
+            return $this;
+        }
+
+        $postedToken = $this->getPostedToken($request);
+
+        try {
+            $token = ($postedToken !== null && $this->config->tokenRandomize)
+                ? $this->derandomize($postedToken) : $postedToken;
+        } catch (InvalidArgumentException) {
+            $token = null;
+        }
+
+        // Do the tokens match?
+        if (! isset($token, $this->hash) || ! hash_equals($this->hash, $token)) {
+            throw SecurityException::forDisallowedAction();
+        }
+
+        $this->removeTokenInRequest($request);
+
+        if ($this->config->regenerate) {
+            $this->generateHash();
+        }
+
+        log_message('info', 'CSRF token verified.');
+
+        return $this;
+    }
+
+    /**
+     * Remove token in POST or JSON request data
+     */
+    private function removeTokenInRequest(RequestInterface $request): void
+    {
+        assert($request instanceof Request);
+
+        if (isset($_POST[$this->config->tokenName])) {
+            // We kill this since we're done and we don't want to pollute the POST array.
+            unset($_POST[$this->config->tokenName]);
+            $request->setGlobal('post', $_POST);
+        } else {
+            $body = $request->getBody() ?? '';
+            $json = json_decode($body);
+            if ($json !== null && json_last_error() === JSON_ERROR_NONE) {
+                // We kill this since we're done and we don't want to pollute the JSON data.
+                unset($json->{$this->config->tokenName});
+                $request->setBody(json_encode($json));
+            } else {
+                parse_str($body, $parsed);
+                // We kill this since we're done and we don't want to pollute the BODY data.
+                unset($parsed[$this->config->tokenName]);
+                $request->setBody(http_build_query($parsed));
+            }
+        }
+    }
+
+    private function getPostedToken(RequestInterface $request): ?string
+    {
+        assert($request instanceof IncomingRequest);
+
+        // Does the token exist in POST, HEADER or optionally php:://input - json data or PUT, DELETE, PATCH - raw data.
+
+        if ($tokenValue = $request->getPost($this->config->tokenName)) {
+            return is_string($tokenValue) ? $tokenValue : null;
+        }
+
+        if ($request->hasHeader($this->config->headerName)) {
+            $tokenValue = $request->header($this->config->headerName)->getValue();
+
+            return (is_string($tokenValue) && $tokenValue !== '') ? $tokenValue : null;
+        }
+
+        $body = (string) $request->getBody();
+
+        if ($body !== '') {
+            $json = json_decode($body);
+            if ($json !== null && json_last_error() === JSON_ERROR_NONE) {
+                $tokenValue = $json->{$this->config->tokenName} ?? null;
+
+                return is_string($tokenValue) ? $tokenValue : null;
+            }
+
+            parse_str($body, $parsed);
+            $tokenValue = $parsed[$this->config->tokenName] ?? null;
+
+            return is_string($tokenValue) ? $tokenValue : null;
+        }
+
+        return null;
+    }
+
+    /**
+     * Returns the CSRF Token.
+     */
+    public function getHash(): ?string
+    {
+        return $this->config->tokenRandomize ? $this->randomize($this->hash) : $this->hash;
+    }
+
+    /**
+     * Randomize hash to avoid BREACH attacks.
+     *
+     * @params string $hash CSRF hash
+     *
+     * @return string CSRF token
+     */
+    protected function randomize(string $hash): string
+    {
+        $keyBinary  = random_bytes(static::CSRF_HASH_BYTES);
+        $hashBinary = hex2bin($hash);
+
+        if ($hashBinary === false) {
+            throw new LogicException('$hash is invalid: ' . $hash);
+        }
+
+        return bin2hex(($hashBinary ^ $keyBinary) . $keyBinary);
+    }
+
+    /**
+     * Derandomize the token.
+     *
+     * @params string $token CSRF token
+     *
+     * @return string CSRF hash
+     *
+     * @throws InvalidArgumentException "hex2bin(): Hexadecimal input string must have an even length"
+     */
+    protected function derandomize(string $token): string
+    {
+        $key   = substr($token, -static::CSRF_HASH_BYTES * 2);
+        $value = substr($token, 0, static::CSRF_HASH_BYTES * 2);
+
+        try {
+            return bin2hex(hex2bin($value) ^ hex2bin($key));
+        } catch (ErrorException $e) {
+            // "hex2bin(): Hexadecimal input string must have an even length"
+            throw new InvalidArgumentException($e->getMessage(), $e->getCode(), $e);
+        }
+    }
+
+    /**
+     * Returns the CSRF Token Name.
+     */
+    public function getTokenName(): string
+    {
+        return $this->config->tokenName;
+    }
+
+    /**
+     * Returns the CSRF Header Name.
+     */
+    public function getHeaderName(): string
+    {
+        return $this->config->headerName;
+    }
+
+    /**
+     * Returns the CSRF Cookie Name.
+     */
+    public function getCookieName(): string
+    {
+        return $this->config->cookieName;
+    }
+
+    /**
+     * Check if request should be redirect on failure.
+     */
+    public function shouldRedirect(): bool
+    {
+        return $this->config->redirect;
+    }
+
+    /**
+     * Sanitize Filename
+     *
+     * Tries to sanitize filenames in order to prevent directory traversal attempts
+     * and other security threats, which is particularly useful for files that
+     * were supplied via user input.
+     *
+     * If it is acceptable for the user input to include relative paths,
+     * e.g. file/in/some/approved/folder.txt, you can set the second optional
+     * parameter, $relativePath to TRUE.
+     *
+     * @deprecated 4.6.2 Use `sanitize_filename()` instead
+     *
+     * @param string $str          Input file name
+     * @param bool   $relativePath Whether to preserve paths
+     */
+    public function sanitizeFilename(string $str, bool $relativePath = false): string
+    {
+        helper('security');
+
+        return sanitize_filename($str, $relativePath);
+    }
+
+    /**
+     * Restore hash from Session or Cookie
+     */
+    private function restoreHash(): void
+    {
+        if ($this->isCSRFCookie()) {
+            if ($this->isHashInCookie()) {
+                $this->hash = $this->hashInCookie;
+            }
+        } elseif ($this->session->has($this->config->tokenName)) {
+            // Session based CSRF protection
+            $this->hash = $this->session->get($this->config->tokenName);
+        }
+    }
+
+    /**
+     * Generates (Regenerates) the CSRF Hash.
+     */
+    public function generateHash(): string
+    {
+        $this->hash = bin2hex(random_bytes(static::CSRF_HASH_BYTES));
+
+        if ($this->isCSRFCookie()) {
+            $this->saveHashInCookie();
+        } else {
+            // Session based CSRF protection
+            $this->saveHashInSession();
+        }
+
+        return $this->hash;
+    }
+
+    private function isHashInCookie(): bool
+    {
+        if ($this->hashInCookie === null) {
+            return false;
+        }
+
+        $length  = static::CSRF_HASH_BYTES * 2;
+        $pattern = '#^[0-9a-f]{' . $length . '}$#iS';
+
+        return preg_match($pattern, $this->hashInCookie) === 1;
+    }
+
+    private function saveHashInCookie(): void
+    {
+        $this->cookie = new Cookie(
+            $this->rawCookieName,
+            $this->hash,
+            [
+                'expires' => $this->config->expires === 0 ? 0 : Time::now()->getTimestamp() + $this->config->expires,
+            ],
+        );
+
+        $response = service('response');
+        $response->setCookie($this->cookie);
+    }
+
+    private function saveHashInSession(): void
+    {
+        $this->session->set($this->config->tokenName, $this->hash);
+    }
+}
diff --git a/ci4app/system/Security/SecurityInterface.php b/ci4app/system/Security/SecurityInterface.php
new file mode 100644
index 0000000..ebd8919
--- /dev/null
+++ b/ci4app/system/Security/SecurityInterface.php
@@ -0,0 +1,75 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Security;
+
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\Security\Exceptions\SecurityException;
+
+/**
+ * Expected behavior of a Security.
+ */
+interface SecurityInterface
+{
+    /**
+     * CSRF Verify
+     *
+     * @return $this|false
+     *
+     * @throws SecurityException
+     */
+    public function verify(RequestInterface $request);
+
+    /**
+     * Returns the CSRF Hash.
+     */
+    public function getHash(): ?string;
+
+    /**
+     * Returns the CSRF Token Name.
+     */
+    public function getTokenName(): string;
+
+    /**
+     * Returns the CSRF Header Name.
+     */
+    public function getHeaderName(): string;
+
+    /**
+     * Returns the CSRF Cookie Name.
+     */
+    public function getCookieName(): string;
+
+    /**
+     * Check if request should be redirect on failure.
+     */
+    public function shouldRedirect(): bool;
+
+    /**
+     * Sanitize Filename
+     *
+     * Tries to sanitize filenames in order to prevent directory traversal attempts
+     * and other security threats, which is particularly useful for files that
+     * were supplied via user input.
+     *
+     * If it is acceptable for the user input to include relative paths,
+     * e.g. file/in/some/approved/folder.txt, you can set the second optional
+     * parameter, $relativePath to TRUE.
+     *
+     * @deprecated 4.6.2 Use `sanitize_filename()` instead
+     *
+     * @param string $str          Input file name
+     * @param bool   $relativePath Whether to preserve paths
+     */
+    public function sanitizeFilename(string $str, bool $relativePath = false): string;
+}
diff --git a/ci4app/system/Session/Exceptions/SessionException.php b/ci4app/system/Session/Exceptions/SessionException.php
new file mode 100644
index 0000000..2548d5f
--- /dev/null
+++ b/ci4app/system/Session/Exceptions/SessionException.php
@@ -0,0 +1,71 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Session\Exceptions;
+
+use CodeIgniter\Exceptions\FrameworkException;
+
+class SessionException extends FrameworkException
+{
+    /**
+     * @return static
+     */
+    public static function forMissingDatabaseTable()
+    {
+        return new static(lang('Session.missingDatabaseTable'));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forInvalidSavePath(?string $path = null)
+    {
+        return new static(lang('Session.invalidSavePath', [$path]));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forWriteProtectedSavePath(?string $path = null)
+    {
+        return new static(lang('Session.writeProtectedSavePath', [$path]));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forEmptySavepath()
+    {
+        return new static(lang('Session.emptySavePath'));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forInvalidSavePathFormat(string $path)
+    {
+        return new static(lang('Session.invalidSavePathFormat', [$path]));
+    }
+
+    /**
+     * @deprecated
+     *
+     * @return static
+     *
+     * @codeCoverageIgnore
+     */
+    public static function forInvalidSameSiteSetting(string $samesite)
+    {
+        return new static(lang('Session.invalidSameSiteSetting', [$samesite]));
+    }
+}
diff --git a/ci4app/system/Session/Handlers/ArrayHandler.php b/ci4app/system/Session/Handlers/ArrayHandler.php
new file mode 100644
index 0000000..8faa00f
--- /dev/null
+++ b/ci4app/system/Session/Handlers/ArrayHandler.php
@@ -0,0 +1,93 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Session\Handlers;
+
+use ReturnTypeWillChange;
+
+/**
+ * Session handler using static array for storage.
+ * Intended only for use during testing.
+ */
+class ArrayHandler extends BaseHandler
+{
+    protected static $cache = [];
+
+    /**
+     * Re-initialize existing session, or creates a new one.
+     *
+     * @param string $path The path where to store/retrieve the session
+     * @param string $name The session name
+     */
+    public function open($path, $name): bool
+    {
+        return true;
+    }
+
+    /**
+     * Reads the session data from the session storage, and returns the results.
+     *
+     * @param string $id The session ID
+     *
+     * @return false|string Returns an encoded string of the read data.
+     *                      If nothing was read, it must return false.
+     */
+    #[ReturnTypeWillChange]
+    public function read($id)
+    {
+        return '';
+    }
+
+    /**
+     * Writes the session data to the session storage.
+     *
+     * @param string $id   The session ID
+     * @param string $data The encoded session data
+     */
+    public function write($id, $data): bool
+    {
+        return true;
+    }
+
+    /**
+     * Closes the current session.
+     */
+    public function close(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Destroys a session
+     *
+     * @param string $id The session ID being destroyed
+     */
+    public function destroy($id): bool
+    {
+        return true;
+    }
+
+    /**
+     * Cleans up expired sessions.
+     *
+     * @param int $max_lifetime Sessions that have not updated
+     *                          for the last max_lifetime seconds will be removed.
+     *
+     * @return false|int Returns the number of deleted sessions on success, or false on failure.
+     */
+    #[ReturnTypeWillChange]
+    public function gc($max_lifetime)
+    {
+        return 1;
+    }
+}
diff --git a/ci4app/system/Session/Handlers/BaseHandler.php b/ci4app/system/Session/Handlers/BaseHandler.php
new file mode 100644
index 0000000..bc2cdc1
--- /dev/null
+++ b/ci4app/system/Session/Handlers/BaseHandler.php
@@ -0,0 +1,177 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Session\Handlers;
+
+use Config\Cookie as CookieConfig;
+use Config\Session as SessionConfig;
+use Psr\Log\LoggerAwareTrait;
+use SessionHandlerInterface;
+
+/**
+ * Base class for session handling
+ */
+abstract class BaseHandler implements SessionHandlerInterface
+{
+    use LoggerAwareTrait;
+
+    /**
+     * The Data fingerprint.
+     *
+     * @var string
+     */
+    protected $fingerprint;
+
+    /**
+     * Lock placeholder.
+     *
+     * @var bool|string
+     */
+    protected $lock = false;
+
+    /**
+     * Cookie prefix
+     *
+     * The Config\Cookie::$prefix setting is completely ignored.
+     * See https://codeigniter.com/user_guide/libraries/sessions.html#session-preferences
+     *
+     * @var string
+     */
+    protected $cookiePrefix = '';
+
+    /**
+     * Cookie domain
+     *
+     * @var string
+     */
+    protected $cookieDomain = '';
+
+    /**
+     * Cookie path
+     *
+     * @var string
+     */
+    protected $cookiePath = '/';
+
+    /**
+     * Cookie secure?
+     *
+     * @var bool
+     */
+    protected $cookieSecure = false;
+
+    /**
+     * Cookie name to use
+     *
+     * @var string
+     */
+    protected $cookieName;
+
+    /**
+     * Match IP addresses for cookies?
+     *
+     * @var bool
+     */
+    protected $matchIP = false;
+
+    /**
+     * Current session ID
+     *
+     * @var string|null
+     */
+    protected $sessionID;
+
+    /**
+     * The 'save path' for the session
+     * varies between
+     *
+     * @var array|string
+     */
+    protected $savePath;
+
+    /**
+     * User's IP address.
+     *
+     * @var string
+     */
+    protected $ipAddress;
+
+    public function __construct(SessionConfig $config, string $ipAddress)
+    {
+        // Store Session configurations
+        $this->cookieName = $config->cookieName;
+        $this->matchIP    = $config->matchIP;
+        $this->savePath   = $config->savePath;
+
+        $cookie = config(CookieConfig::class);
+
+        // Session cookies have no prefix.
+        $this->cookieDomain = $cookie->domain;
+        $this->cookiePath   = $cookie->path;
+        $this->cookieSecure = $cookie->secure;
+
+        $this->ipAddress = $ipAddress;
+    }
+
+    /**
+     * Internal method to force removal of a cookie by the client
+     * when session_destroy() is called.
+     */
+    protected function destroyCookie(): bool
+    {
+        return setcookie(
+            $this->cookieName,
+            '',
+            ['expires' => 1, 'path' => $this->cookiePath, 'domain' => $this->cookieDomain, 'secure' => $this->cookieSecure, 'httponly' => true],
+        );
+    }
+
+    /**
+     * A dummy method allowing drivers with no locking functionality
+     * (databases other than PostgreSQL and MySQL) to act as if they
+     * do acquire a lock.
+     */
+    protected function lockSession(string $sessionID): bool
+    {
+        $this->lock = true;
+
+        return true;
+    }
+
+    /**
+     * Releases the lock, if any.
+     */
+    protected function releaseLock(): bool
+    {
+        $this->lock = false;
+
+        return true;
+    }
+
+    /**
+     * Drivers other than the 'files' one don't (need to) use the
+     * session.save_path INI setting, but that leads to confusing
+     * error messages emitted by PHP when open() or write() fail,
+     * as the message contains session.save_path ...
+     *
+     * To work around the problem, the drivers will call this method
+     * so that the INI is set just in time for the error message to
+     * be properly generated.
+     */
+    protected function fail(): bool
+    {
+        ini_set('session.save_path', $this->savePath);
+
+        return false;
+    }
+}
diff --git a/ci4app/system/Session/Handlers/Database/MySQLiHandler.php b/ci4app/system/Session/Handlers/Database/MySQLiHandler.php
new file mode 100644
index 0000000..a15f17b
--- /dev/null
+++ b/ci4app/system/Session/Handlers/Database/MySQLiHandler.php
@@ -0,0 +1,57 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Session\Handlers\Database;
+
+use CodeIgniter\Session\Handlers\DatabaseHandler;
+
+/**
+ * Session handler for MySQLi
+ *
+ * @see \CodeIgniter\Session\Handlers\Database\MySQLiHandlerTest
+ */
+class MySQLiHandler extends DatabaseHandler
+{
+    /**
+     * Lock the session.
+     */
+    protected function lockSession(string $sessionID): bool
+    {
+        $arg = md5($sessionID . ($this->matchIP ? '_' . $this->ipAddress : ''));
+        if ($this->db->query("SELECT GET_LOCK('{$arg}', 300) AS ci_session_lock")->getRow()->ci_session_lock) {
+            $this->lock = $arg;
+
+            return true;
+        }
+
+        return $this->fail();
+    }
+
+    /**
+     * Releases the lock, if any.
+     */
+    protected function releaseLock(): bool
+    {
+        if (! $this->lock) {
+            return true;
+        }
+
+        if ($this->db->query("SELECT RELEASE_LOCK('{$this->lock}') AS ci_session_lock")->getRow()->ci_session_lock) {
+            $this->lock = false;
+
+            return true;
+        }
+
+        return $this->fail();
+    }
+}
diff --git a/ci4app/system/Session/Handlers/Database/PostgreHandler.php b/ci4app/system/Session/Handlers/Database/PostgreHandler.php
new file mode 100644
index 0000000..be0621e
--- /dev/null
+++ b/ci4app/system/Session/Handlers/Database/PostgreHandler.php
@@ -0,0 +1,106 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Session\Handlers\Database;
+
+use CodeIgniter\Database\BaseBuilder;
+use CodeIgniter\Session\Handlers\DatabaseHandler;
+use ReturnTypeWillChange;
+
+/**
+ * Session handler for Postgre
+ *
+ * @see \CodeIgniter\Session\Handlers\Database\PostgreHandlerTest
+ */
+class PostgreHandler extends DatabaseHandler
+{
+    /**
+     * Sets SELECT clause
+     *
+     * @return void
+     */
+    protected function setSelect(BaseBuilder $builder)
+    {
+        $builder->select("encode(data, 'base64') AS data");
+    }
+
+    /**
+     * Decodes column data
+     *
+     * @param string $data
+     *
+     * @return false|string
+     */
+    protected function decodeData($data)
+    {
+        return base64_decode(rtrim($data), true);
+    }
+
+    /**
+     * Prepare data to insert/update
+     */
+    protected function prepareData(string $data): string
+    {
+        return '\x' . bin2hex($data);
+    }
+
+    /**
+     * Cleans up expired sessions.
+     *
+     * @param int $max_lifetime Sessions that have not updated
+     *                          for the last max_lifetime seconds will be removed.
+     *
+     * @return false|int Returns the number of deleted sessions on success, or false on failure.
+     */
+    #[ReturnTypeWillChange]
+    public function gc($max_lifetime)
+    {
+        $separator = '\'';
+        $interval  = implode($separator, ['', "{$max_lifetime} second", '']);
+
+        return $this->db->table($this->table)->where('timestamp <', "now() - INTERVAL {$interval}", false)->delete() ? 1 : $this->fail();
+    }
+
+    /**
+     * Lock the session.
+     */
+    protected function lockSession(string $sessionID): bool
+    {
+        $arg = "hashtext('{$sessionID}')" . ($this->matchIP ? ", hashtext('{$this->ipAddress}')" : '');
+        if ($this->db->simpleQuery("SELECT pg_advisory_lock({$arg})") !== false) {
+            $this->lock = $arg;
+
+            return true;
+        }
+
+        return $this->fail();
+    }
+
+    /**
+     * Releases the lock, if any.
+     */
+    protected function releaseLock(): bool
+    {
+        if (! $this->lock) {
+            return true;
+        }
+
+        if ($this->db->simpleQuery("SELECT pg_advisory_unlock({$this->lock})") !== false) {
+            $this->lock = false;
+
+            return true;
+        }
+
+        return $this->fail();
+    }
+}
diff --git a/ci4app/system/Session/Handlers/DatabaseHandler.php b/ci4app/system/Session/Handlers/DatabaseHandler.php
new file mode 100644
index 0000000..9fb5fcd
--- /dev/null
+++ b/ci4app/system/Session/Handlers/DatabaseHandler.php
@@ -0,0 +1,306 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Session\Handlers;
+
+use CodeIgniter\Database\BaseBuilder;
+use CodeIgniter\Database\BaseConnection;
+use CodeIgniter\Session\Exceptions\SessionException;
+use Config\Database;
+use Config\Session as SessionConfig;
+use ReturnTypeWillChange;
+
+/**
+ * Base database session handler
+ *
+ * Do not use this class. Use database specific handler class.
+ */
+class DatabaseHandler extends BaseHandler
+{
+    /**
+     * The database group to use for storage.
+     *
+     * @var string
+     */
+    protected $DBGroup;
+
+    /**
+     * The name of the table to store session info.
+     *
+     * @var string
+     */
+    protected $table;
+
+    /**
+     * The DB Connection instance.
+     *
+     * @var BaseConnection
+     */
+    protected $db;
+
+    /**
+     * The database type
+     *
+     * @var string
+     */
+    protected $platform;
+
+    /**
+     * Row exists flag
+     *
+     * @var bool
+     */
+    protected $rowExists = false;
+
+    /**
+     * ID prefix for multiple session cookies
+     */
+    protected string $idPrefix;
+
+    /**
+     * @throws SessionException
+     */
+    public function __construct(SessionConfig $config, string $ipAddress)
+    {
+        parent::__construct($config, $ipAddress);
+
+        // Store Session configurations
+        $this->DBGroup = $config->DBGroup ?? config(Database::class)->defaultGroup;
+        // Add sessionCookieName for multiple session cookies.
+        $this->idPrefix = $config->cookieName . ':';
+
+        $this->table = $this->savePath;
+        if (empty($this->table)) {
+            throw SessionException::forMissingDatabaseTable();
+        }
+
+        $this->db       = Database::connect($this->DBGroup);
+        $this->platform = $this->db->getPlatform();
+    }
+
+    /**
+     * Re-initialize existing session, or creates a new one.
+     *
+     * @param string $path The path where to store/retrieve the session
+     * @param string $name The session name
+     */
+    public function open($path, $name): bool
+    {
+        if (empty($this->db->connID)) {
+            $this->db->initialize();
+        }
+
+        return true;
+    }
+
+    /**
+     * Reads the session data from the session storage, and returns the results.
+     *
+     * @param string $id The session ID
+     *
+     * @return false|string Returns an encoded string of the read data.
+     *                      If nothing was read, it must return false.
+     */
+    #[ReturnTypeWillChange]
+    public function read($id)
+    {
+        if ($this->lockSession($id) === false) {
+            $this->fingerprint = md5('');
+
+            return '';
+        }
+
+        if (! isset($this->sessionID)) {
+            $this->sessionID = $id;
+        }
+
+        $builder = $this->db->table($this->table)->where('id', $this->idPrefix . $id);
+
+        if ($this->matchIP) {
+            $builder = $builder->where('ip_address', $this->ipAddress);
+        }
+
+        $this->setSelect($builder);
+
+        $result = $builder->get()->getRow();
+
+        if ($result === null) {
+            // PHP7 will reuse the same SessionHandler object after
+            // ID regeneration, so we need to explicitly set this to
+            // FALSE instead of relying on the default ...
+            $this->rowExists   = false;
+            $this->fingerprint = md5('');
+
+            return '';
+        }
+
+        $result = is_bool($result) ? '' : $this->decodeData($result->data);
+
+        $this->fingerprint = md5($result);
+        $this->rowExists   = true;
+
+        return $result;
+    }
+
+    /**
+     * Sets SELECT clause
+     *
+     * @return void
+     */
+    protected function setSelect(BaseBuilder $builder)
+    {
+        $builder->select('data');
+    }
+
+    /**
+     * Decodes column data
+     *
+     * @param string $data
+     *
+     * @return false|string
+     */
+    protected function decodeData($data)
+    {
+        return $data;
+    }
+
+    /**
+     * Writes the session data to the session storage.
+     *
+     * @param string $id   The session ID
+     * @param string $data The encoded session data
+     */
+    public function write($id, $data): bool
+    {
+        if ($this->lock === false) {
+            return $this->fail();
+        }
+
+        if ($this->sessionID !== $id) {
+            $this->rowExists = false;
+            $this->sessionID = $id;
+        }
+
+        if ($this->rowExists === false) {
+            $insertData = [
+                'id'         => $this->idPrefix . $id,
+                'ip_address' => $this->ipAddress,
+                'data'       => $this->prepareData($data),
+            ];
+
+            if (! $this->db->table($this->table)->set('timestamp', 'now()', false)->insert($insertData)) {
+                return $this->fail();
+            }
+
+            $this->fingerprint = md5($data);
+            $this->rowExists   = true;
+
+            return true;
+        }
+
+        $builder = $this->db->table($this->table)->where('id', $this->idPrefix . $id);
+
+        if ($this->matchIP) {
+            $builder = $builder->where('ip_address', $this->ipAddress);
+        }
+
+        $updateData = [];
+
+        if ($this->fingerprint !== md5($data)) {
+            $updateData['data'] = $this->prepareData($data);
+        }
+
+        if (! $builder->set('timestamp', 'now()', false)->update($updateData)) {
+            return $this->fail();
+        }
+
+        $this->fingerprint = md5($data);
+
+        return true;
+    }
+
+    /**
+     * Prepare data to insert/update
+     */
+    protected function prepareData(string $data): string
+    {
+        return $data;
+    }
+
+    /**
+     * Closes the current session.
+     */
+    public function close(): bool
+    {
+        return ($this->lock && ! $this->releaseLock()) ? $this->fail() : true;
+    }
+
+    /**
+     * Destroys a session
+     *
+     * @param string $id The session ID being destroyed
+     */
+    public function destroy($id): bool
+    {
+        if ($this->lock) {
+            $builder = $this->db->table($this->table)->where('id', $this->idPrefix . $id);
+
+            if ($this->matchIP) {
+                $builder = $builder->where('ip_address', $this->ipAddress);
+            }
+
+            if (! $builder->delete()) {
+                return $this->fail();
+            }
+        }
+
+        if ($this->close()) {
+            $this->destroyCookie();
+
+            return true;
+        }
+
+        return $this->fail();
+    }
+
+    /**
+     * Cleans up expired sessions.
+     *
+     * @param int $max_lifetime Sessions that have not updated
+     *                          for the last max_lifetime seconds will be removed.
+     *
+     * @return false|int Returns the number of deleted sessions on success, or false on failure.
+     */
+    #[ReturnTypeWillChange]
+    public function gc($max_lifetime)
+    {
+        return $this->db->table($this->table)->where(
+            'timestamp <',
+            "now() - INTERVAL {$max_lifetime} second",
+            false,
+        )->delete() ? 1 : $this->fail();
+    }
+
+    /**
+     * Releases the lock, if any.
+     */
+    protected function releaseLock(): bool
+    {
+        if (! $this->lock) {
+            return true;
+        }
+
+        // Unsupported DB? Let the parent handle the simple version.
+        return parent::releaseLock();
+    }
+}
diff --git a/ci4app/system/Session/Handlers/FileHandler.php b/ci4app/system/Session/Handlers/FileHandler.php
new file mode 100644
index 0000000..6938bcd
--- /dev/null
+++ b/ci4app/system/Session/Handlers/FileHandler.php
@@ -0,0 +1,338 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Session\Handlers;
+
+use CodeIgniter\I18n\Time;
+use CodeIgniter\Session\Exceptions\SessionException;
+use Config\Session as SessionConfig;
+use ReturnTypeWillChange;
+
+/**
+ * Session handler using file system for storage
+ */
+class FileHandler extends BaseHandler
+{
+    /**
+     * Where to save the session files to.
+     *
+     * @var string
+     */
+    protected $savePath;
+
+    /**
+     * The file handle
+     *
+     * @var resource|null
+     */
+    protected $fileHandle;
+
+    /**
+     * File Name
+     *
+     * @var string
+     */
+    protected $filePath;
+
+    /**
+     * Whether this is a new file.
+     *
+     * @var bool
+     */
+    protected $fileNew;
+
+    /**
+     * Whether IP addresses should be matched.
+     *
+     * @var bool
+     */
+    protected $matchIP = false;
+
+    /**
+     * Regex of session ID
+     *
+     * @var string
+     */
+    protected $sessionIDRegex = '';
+
+    public function __construct(SessionConfig $config, string $ipAddress)
+    {
+        parent::__construct($config, $ipAddress);
+
+        if (! empty($this->savePath)) {
+            $this->savePath = rtrim($this->savePath, '/\\');
+            ini_set('session.save_path', $this->savePath);
+        } else {
+            $sessionPath = rtrim(ini_get('session.save_path'), '/\\');
+
+            if ($sessionPath === '') {
+                $sessionPath = WRITEPATH . 'session';
+            }
+
+            $this->savePath = $sessionPath;
+        }
+
+        $this->configureSessionIDRegex();
+    }
+
+    /**
+     * Re-initialize existing session, or creates a new one.
+     *
+     * @param string $path The path where to store/retrieve the session
+     * @param string $name The session name
+     *
+     * @throws SessionException
+     */
+    public function open($path, $name): bool
+    {
+        if (! is_dir($path) && ! mkdir($path, 0700, true)) {
+            throw SessionException::forInvalidSavePath($this->savePath);
+        }
+
+        if (! is_writable($path)) {
+            throw SessionException::forWriteProtectedSavePath($this->savePath);
+        }
+
+        $this->savePath = $path;
+
+        // we'll use the session name as prefix to avoid collisions
+        $this->filePath = $this->savePath . '/' . $name . ($this->matchIP ? md5($this->ipAddress) : '');
+
+        return true;
+    }
+
+    /**
+     * Reads the session data from the session storage, and returns the results.
+     *
+     * @param string $id The session ID
+     *
+     * @return false|string Returns an encoded string of the read data.
+     *                      If nothing was read, it must return false.
+     */
+    #[ReturnTypeWillChange]
+    public function read($id)
+    {
+        // This might seem weird, but PHP 5.6 introduced session_reset(),
+        // which re-reads session data
+        if ($this->fileHandle === null) {
+            $this->fileNew = ! is_file($this->filePath . $id);
+
+            if (($this->fileHandle = fopen($this->filePath . $id, 'c+b')) === false) {
+                $this->logger->error("Session: Unable to open file '" . $this->filePath . $id . "'.");
+
+                return false;
+            }
+
+            if (flock($this->fileHandle, LOCK_EX) === false) {
+                $this->logger->error("Session: Unable to obtain lock for file '" . $this->filePath . $id . "'.");
+                fclose($this->fileHandle);
+                $this->fileHandle = null;
+
+                return false;
+            }
+
+            if (! isset($this->sessionID)) {
+                $this->sessionID = $id;
+            }
+
+            if ($this->fileNew) {
+                chmod($this->filePath . $id, 0600);
+                $this->fingerprint = md5('');
+
+                return '';
+            }
+        } else {
+            rewind($this->fileHandle);
+        }
+
+        $data   = '';
+        $buffer = 0;
+        clearstatcache(); // Address https://github.com/codeigniter4/CodeIgniter4/issues/2056
+
+        for ($read = 0, $length = filesize($this->filePath . $id); $read < $length; $read += strlen($buffer)) {
+            if (($buffer = fread($this->fileHandle, $length - $read)) === false) {
+                break;
+            }
+
+            $data .= $buffer;
+        }
+
+        $this->fingerprint = md5($data);
+
+        return $data;
+    }
+
+    /**
+     * Writes the session data to the session storage.
+     *
+     * @param string $id   The session ID
+     * @param string $data The encoded session data
+     */
+    public function write($id, $data): bool
+    {
+        // If the two IDs don't match, we have a session_regenerate_id() call
+        if ($id !== $this->sessionID) {
+            $this->sessionID = $id;
+        }
+
+        if (! is_resource($this->fileHandle)) {
+            return false;
+        }
+
+        if ($this->fingerprint === md5($data)) {
+            return ($this->fileNew) ? true : touch($this->filePath . $id);
+        }
+
+        if (! $this->fileNew) {
+            ftruncate($this->fileHandle, 0);
+            rewind($this->fileHandle);
+        }
+
+        if (($length = strlen($data)) > 0) {
+            $result = null;
+
+            $written = 0;
+
+            for (; $written < $length; $written += $result) {
+                if (($result = fwrite($this->fileHandle, substr($data, $written))) === false) {
+                    break;
+                }
+            }
+
+            if (! is_int($result)) {
+                $this->fingerprint = md5(substr($data, 0, $written));
+                $this->logger->error('Session: Unable to write data.');
+
+                return false;
+            }
+        }
+
+        $this->fingerprint = md5($data);
+
+        return true;
+    }
+
+    /**
+     * Closes the current session.
+     */
+    public function close(): bool
+    {
+        if (is_resource($this->fileHandle)) {
+            flock($this->fileHandle, LOCK_UN);
+            fclose($this->fileHandle);
+
+            $this->fileHandle = null;
+            $this->fileNew    = false;
+        }
+
+        return true;
+    }
+
+    /**
+     * Destroys a session
+     *
+     * @param string $id The session ID being destroyed
+     */
+    public function destroy($id): bool
+    {
+        if ($this->close()) {
+            return is_file($this->filePath . $id)
+                ? (unlink($this->filePath . $id) && $this->destroyCookie())
+                : true;
+        }
+
+        if ($this->filePath !== null) {
+            clearstatcache();
+
+            return is_file($this->filePath . $id)
+                ? (unlink($this->filePath . $id) && $this->destroyCookie())
+                : true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Cleans up expired sessions.
+     *
+     * @param int $max_lifetime Sessions that have not updated
+     *                          for the last max_lifetime seconds will be removed.
+     *
+     * @return false|int Returns the number of deleted sessions on success, or false on failure.
+     */
+    #[ReturnTypeWillChange]
+    public function gc($max_lifetime)
+    {
+        if (! is_dir($this->savePath) || ($directory = opendir($this->savePath)) === false) {
+            $this->logger->debug("Session: Garbage collector couldn't list files under directory '" . $this->savePath . "'.");
+
+            return false;
+        }
+
+        $ts = Time::now()->getTimestamp() - $max_lifetime;
+
+        $pattern = $this->matchIP === true ? '[0-9a-f]{32}' : '';
+
+        $pattern = sprintf(
+            '#\A%s' . $pattern . $this->sessionIDRegex . '\z#',
+            preg_quote($this->cookieName, '#'),
+        );
+
+        $collected = 0;
+
+        while (($file = readdir($directory)) !== false) {
+            // If the filename doesn't match this pattern, it's either not a session file or is not ours
+            if (preg_match($pattern, $file) !== 1
+                || ! is_file($this->savePath . DIRECTORY_SEPARATOR . $file)
+                || ($mtime = filemtime($this->savePath . DIRECTORY_SEPARATOR . $file)) === false
+                || $mtime > $ts
+            ) {
+                continue;
+            }
+
+            unlink($this->savePath . DIRECTORY_SEPARATOR . $file);
+            $collected++;
+        }
+
+        closedir($directory);
+
+        return $collected;
+    }
+
+    /**
+     * Configure Session ID regular expression
+     *
+     * To make life easier, we force the PHP defaults. Because PHP9 forces them.
+     *
+     * @see https://wiki.php.net/rfc/deprecations_php_8_4#sessionsid_length_and_sessionsid_bits_per_character
+     *
+     * @return void
+     */
+    protected function configureSessionIDRegex()
+    {
+        $bitsPerCharacter = (int) ini_get('session.sid_bits_per_character');
+        $sidLength        = (int) ini_get('session.sid_length');
+
+        // We force the PHP defaults.
+        if (PHP_VERSION_ID < 90000) {
+            if ($bitsPerCharacter !== 4) {
+                ini_set('session.sid_bits_per_character', '4');
+            }
+            if ($sidLength !== 32) {
+                ini_set('session.sid_length', '32');
+            }
+        }
+
+        $this->sessionIDRegex = '[0-9a-f]{32}';
+    }
+}
diff --git a/ci4app/system/Session/Handlers/MemcachedHandler.php b/ci4app/system/Session/Handlers/MemcachedHandler.php
new file mode 100644
index 0000000..744d955
--- /dev/null
+++ b/ci4app/system/Session/Handlers/MemcachedHandler.php
@@ -0,0 +1,324 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Session\Handlers;
+
+use CodeIgniter\I18n\Time;
+use CodeIgniter\Session\Exceptions\SessionException;
+use Config\Session as SessionConfig;
+use Memcached;
+use ReturnTypeWillChange;
+
+/**
+ * Session handler using Memcache for persistence
+ */
+class MemcachedHandler extends BaseHandler
+{
+    /**
+     * Memcached instance
+     *
+     * @var Memcached|null
+     */
+    protected $memcached;
+
+    /**
+     * Key prefix
+     *
+     * @var string
+     */
+    protected $keyPrefix = 'ci_session:';
+
+    /**
+     * Lock key
+     *
+     * @var string|null
+     */
+    protected $lockKey;
+
+    /**
+     * Number of seconds until the session ends.
+     *
+     * @var int
+     */
+    protected $sessionExpiration = 7200;
+
+    /**
+     * @throws SessionException
+     */
+    public function __construct(SessionConfig $config, string $ipAddress)
+    {
+        parent::__construct($config, $ipAddress);
+
+        $this->sessionExpiration = $config->expiration;
+
+        if (empty($this->savePath)) {
+            throw SessionException::forEmptySavepath();
+        }
+
+        // Add sessionCookieName for multiple session cookies.
+        $this->keyPrefix .= $config->cookieName . ':';
+
+        if ($this->matchIP === true) {
+            $this->keyPrefix .= $this->ipAddress . ':';
+        }
+
+        ini_set('memcached.sess_prefix', $this->keyPrefix);
+    }
+
+    /**
+     * Re-initialize existing session, or creates a new one.
+     *
+     * @param string $path The path where to store/retrieve the session
+     * @param string $name The session name
+     */
+    public function open($path, $name): bool
+    {
+        $this->memcached = new Memcached();
+        $this->memcached->setOption(Memcached::OPT_BINARY_PROTOCOL, true); // required for touch() usage
+
+        $serverList = [];
+
+        foreach ($this->memcached->getServerList() as $server) {
+            $serverList[] = $server['host'] . ':' . $server['port'];
+        }
+
+        if (
+            preg_match_all(
+                '#,?([^,:]+)\:(\d{1,5})(?:\:(\d+))?#',
+                $this->savePath,
+                $matches,
+                PREG_SET_ORDER,
+            ) < 1
+        ) {
+            $this->memcached = null;
+            $this->logger->error('Session: Invalid Memcached save path format: ' . $this->savePath);
+
+            return false;
+        }
+
+        foreach ($matches as $match) {
+            // If Memcached already has this server (or if the port is invalid), skip it
+            if (in_array($match[1] . ':' . $match[2], $serverList, true)) {
+                $this->logger->debug(
+                    'Session: Memcached server pool already has ' . $match[1] . ':' . $match[2],
+                );
+
+                continue;
+            }
+
+            if (! $this->memcached->addServer($match[1], (int) $match[2], $match[3] ?? 0)) {
+                $this->logger->error(
+                    'Could not add ' . $match[1] . ':' . $match[2] . ' to Memcached server pool.',
+                );
+            } else {
+                $serverList[] = $match[1] . ':' . $match[2];
+            }
+        }
+
+        if ($serverList === []) {
+            $this->logger->error('Session: Memcached server pool is empty.');
+
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * Reads the session data from the session storage, and returns the results.
+     *
+     * @param string $id The session ID
+     *
+     * @return false|string Returns an encoded string of the read data.
+     *                      If nothing was read, it must return false.
+     */
+    #[ReturnTypeWillChange]
+    public function read($id)
+    {
+        if (isset($this->memcached) && $this->lockSession($id)) {
+            if (! isset($this->sessionID)) {
+                $this->sessionID = $id;
+            }
+
+            $data = (string) $this->memcached->get($this->keyPrefix . $id);
+
+            $this->fingerprint = md5($data);
+
+            return $data;
+        }
+
+        return '';
+    }
+
+    /**
+     * Writes the session data to the session storage.
+     *
+     * @param string $id   The session ID
+     * @param string $data The encoded session data
+     */
+    public function write($id, $data): bool
+    {
+        if (! isset($this->memcached)) {
+            return false;
+        }
+
+        if ($this->sessionID !== $id) {
+            if (! $this->releaseLock() || ! $this->lockSession($id)) {
+                return false;
+            }
+
+            $this->fingerprint = md5('');
+            $this->sessionID   = $id;
+        }
+
+        if (isset($this->lockKey)) {
+            $this->memcached->replace($this->lockKey, Time::now()->getTimestamp(), 300);
+
+            if ($this->fingerprint !== ($fingerprint = md5($data))) {
+                if ($this->memcached->set($this->keyPrefix . $id, $data, $this->sessionExpiration)) {
+                    $this->fingerprint = $fingerprint;
+
+                    return true;
+                }
+
+                return false;
+            }
+
+            return $this->memcached->touch($this->keyPrefix . $id, $this->sessionExpiration);
+        }
+
+        return false;
+    }
+
+    /**
+     * Closes the current session.
+     */
+    public function close(): bool
+    {
+        if (isset($this->memcached)) {
+            if (isset($this->lockKey)) {
+                $this->memcached->delete($this->lockKey);
+            }
+
+            if (! $this->memcached->quit()) {
+                return false;
+            }
+
+            $this->memcached = null;
+
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Destroys a session
+     *
+     * @param string $id The session ID being destroyed
+     */
+    public function destroy($id): bool
+    {
+        if (isset($this->memcached, $this->lockKey)) {
+            $this->memcached->delete($this->keyPrefix . $id);
+
+            return $this->destroyCookie();
+        }
+
+        return false;
+    }
+
+    /**
+     * Cleans up expired sessions.
+     *
+     * @param int $max_lifetime Sessions that have not updated
+     *                          for the last max_lifetime seconds will be removed.
+     *
+     * @return false|int Returns the number of deleted sessions on success, or false on failure.
+     */
+    #[ReturnTypeWillChange]
+    public function gc($max_lifetime)
+    {
+        return 1;
+    }
+
+    /**
+     * Acquires an emulated lock.
+     *
+     * @param string $sessionID Session ID
+     */
+    protected function lockSession(string $sessionID): bool
+    {
+        if (isset($this->lockKey)) {
+            return $this->memcached->replace($this->lockKey, Time::now()->getTimestamp(), 300);
+        }
+
+        $lockKey = $this->keyPrefix . $sessionID . ':lock';
+        $attempt = 0;
+
+        do {
+            if ($this->memcached->get($lockKey) !== false) {
+                sleep(1);
+
+                continue;
+            }
+
+            if (! $this->memcached->set($lockKey, Time::now()->getTimestamp(), 300)) {
+                $this->logger->error(
+                    'Session: Error while trying to obtain lock for ' . $this->keyPrefix . $sessionID,
+                );
+
+                return false;
+            }
+
+            $this->lockKey = $lockKey;
+            break;
+        } while (++$attempt < 30);
+
+        if ($attempt === 30) {
+            $this->logger->error(
+                'Session: Unable to obtain lock for ' . $this->keyPrefix . $sessionID . ' after 30 attempts, aborting.',
+            );
+
+            return false;
+        }
+
+        $this->lock = true;
+
+        return true;
+    }
+
+    /**
+     * Releases a previously acquired lock
+     */
+    protected function releaseLock(): bool
+    {
+        if (isset($this->memcached, $this->lockKey) && $this->lock) {
+            if (
+                ! $this->memcached->delete($this->lockKey)
+                && $this->memcached->getResultCode() !== Memcached::RES_NOTFOUND
+            ) {
+                $this->logger->error(
+                    'Session: Error while trying to free lock for ' . $this->lockKey,
+                );
+
+                return false;
+            }
+
+            $this->lockKey = null;
+            $this->lock    = false;
+        }
+
+        return true;
+    }
+}
diff --git a/ci4app/system/Session/Handlers/RedisHandler.php b/ci4app/system/Session/Handlers/RedisHandler.php
new file mode 100644
index 0000000..eeb0604
--- /dev/null
+++ b/ci4app/system/Session/Handlers/RedisHandler.php
@@ -0,0 +1,419 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Session\Handlers;
+
+use CodeIgniter\I18n\Time;
+use CodeIgniter\Session\Exceptions\SessionException;
+use Config\Session as SessionConfig;
+use Redis;
+use RedisException;
+use ReturnTypeWillChange;
+
+/**
+ * Session handler using Redis for persistence
+ */
+class RedisHandler extends BaseHandler
+{
+    private const DEFAULT_PORT     = 6379;
+    private const DEFAULT_PROTOCOL = 'tcp';
+
+    /**
+     * phpRedis instance
+     *
+     * @var Redis|null
+     */
+    protected $redis;
+
+    /**
+     * Key prefix
+     *
+     * @var string
+     */
+    protected $keyPrefix = 'ci_session:';
+
+    /**
+     * Lock key
+     *
+     * @var string|null
+     */
+    protected $lockKey;
+
+    /**
+     * Key exists flag
+     *
+     * @var bool
+     */
+    protected $keyExists = false;
+
+    /**
+     * Number of seconds until the session ends.
+     *
+     * @var int
+     */
+    protected $sessionExpiration = 7200;
+
+    /**
+     * Time (microseconds) to wait if lock cannot be acquired.
+     */
+    private int $lockRetryInterval = 100_000;
+
+    /**
+     * Maximum number of lock acquisition attempts.
+     */
+    private int $lockMaxRetries = 300;
+
+    /**
+     * @param string $ipAddress User's IP address
+     *
+     * @throws SessionException
+     */
+    public function __construct(SessionConfig $config, string $ipAddress)
+    {
+        parent::__construct($config, $ipAddress);
+
+        // Store Session configurations
+        $this->sessionExpiration = ($config->expiration === 0)
+            ? (int) ini_get('session.gc_maxlifetime')
+            : $config->expiration;
+
+        // Add sessionCookieName for multiple session cookies.
+        $this->keyPrefix .= $config->cookieName . ':';
+
+        $this->setSavePath();
+
+        if ($this->matchIP === true) {
+            $this->keyPrefix .= $this->ipAddress . ':';
+        }
+
+        $this->lockRetryInterval = $config->lockWait ?? $this->lockRetryInterval;
+        $this->lockMaxRetries    = $config->lockAttempts ?? $this->lockMaxRetries;
+    }
+
+    protected function setSavePath(): void
+    {
+        if (empty($this->savePath)) {
+            throw SessionException::forEmptySavepath();
+        }
+
+        $url   = parse_url($this->savePath);
+        $query = [];
+
+        if ($url === false) {
+            // Unix domain socket like `unix:///var/run/redis/redis.sock?persistent=1`.
+            if (preg_match('#unix://(/[^:?]+)(\?.+)?#', $this->savePath, $matches)) {
+                $host = $matches[1];
+                $port = 0;
+
+                if (isset($matches[2])) {
+                    parse_str(ltrim($matches[2], '?'), $query);
+                }
+            } else {
+                throw SessionException::forInvalidSavePathFormat($this->savePath);
+            }
+        } else {
+            // Also accepts `/var/run/redis.sock` for backward compatibility.
+            if (isset($url['path']) && $url['path'][0] === '/') {
+                $host = $url['path'];
+                $port = 0;
+            } else {
+                // TCP connection.
+                if (! isset($url['host'])) {
+                    throw SessionException::forInvalidSavePathFormat($this->savePath);
+                }
+
+                $protocol = $url['scheme'] ?? self::DEFAULT_PROTOCOL;
+                $host     = $protocol . '://' . $url['host'];
+                $port     = $url['port'] ?? self::DEFAULT_PORT;
+            }
+
+            if (isset($url['query'])) {
+                parse_str($url['query'], $query);
+            }
+        }
+
+        $password = $query['auth'] ?? null;
+        $database = isset($query['database']) ? (int) $query['database'] : 0;
+        $timeout  = isset($query['timeout']) ? (float) $query['timeout'] : 0.0;
+        $prefix   = $query['prefix'] ?? null;
+
+        $this->savePath = [
+            'host'     => $host,
+            'port'     => $port,
+            'password' => $password,
+            'database' => $database,
+            'timeout'  => $timeout,
+        ];
+
+        if ($prefix !== null) {
+            $this->keyPrefix = $prefix;
+        }
+    }
+
+    /**
+     * Re-initialize existing session, or creates a new one.
+     *
+     * @param string $path The path where to store/retrieve the session
+     * @param string $name The session name
+     *
+     * @throws RedisException
+     */
+    public function open($path, $name): bool
+    {
+        if (empty($this->savePath)) {
+            return false;
+        }
+
+        $redis = new Redis();
+
+        if (
+            ! $redis->connect(
+                $this->savePath['host'],
+                $this->savePath['port'],
+                $this->savePath['timeout'],
+            )
+        ) {
+            $this->logger->error('Session: Unable to connect to Redis with the configured settings.');
+        } elseif (isset($this->savePath['password']) && ! $redis->auth($this->savePath['password'])) {
+            $this->logger->error('Session: Unable to authenticate to Redis instance.');
+        } elseif (isset($this->savePath['database']) && ! $redis->select($this->savePath['database'])) {
+            $this->logger->error(
+                'Session: Unable to select Redis database with index ' . $this->savePath['database'],
+            );
+        } else {
+            $this->redis = $redis;
+
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Reads the session data from the session storage, and returns the results.
+     *
+     * @param string $id The session ID
+     *
+     * @return false|string Returns an encoded string of the read data.
+     *                      If nothing was read, it must return false.
+     *
+     * @throws RedisException
+     */
+    #[ReturnTypeWillChange]
+    public function read($id)
+    {
+        if (isset($this->redis) && $this->lockSession($id)) {
+            if (! isset($this->sessionID)) {
+                $this->sessionID = $id;
+            }
+
+            $data = $this->redis->get($this->keyPrefix . $id);
+
+            if (is_string($data)) {
+                $this->keyExists = true;
+            } else {
+                $data = '';
+            }
+
+            $this->fingerprint = md5($data);
+
+            return $data;
+        }
+
+        return false;
+    }
+
+    /**
+     * Writes the session data to the session storage.
+     *
+     * @param string $id   The session ID
+     * @param string $data The encoded session data
+     *
+     * @throws RedisException
+     */
+    public function write($id, $data): bool
+    {
+        if (! isset($this->redis)) {
+            return false;
+        }
+
+        if ($this->sessionID !== $id) {
+            if (! $this->releaseLock() || ! $this->lockSession($id)) {
+                return false;
+            }
+
+            $this->keyExists = false;
+            $this->sessionID = $id;
+        }
+
+        if (isset($this->lockKey)) {
+            $this->redis->expire($this->lockKey, 300);
+
+            if ($this->fingerprint !== ($fingerprint = md5($data)) || $this->keyExists === false) {
+                if ($this->redis->set($this->keyPrefix . $id, $data, $this->sessionExpiration)) {
+                    $this->fingerprint = $fingerprint;
+                    $this->keyExists   = true;
+
+                    return true;
+                }
+
+                return false;
+            }
+
+            return $this->redis->expire($this->keyPrefix . $id, $this->sessionExpiration);
+        }
+
+        return false;
+    }
+
+    /**
+     * Closes the current session.
+     */
+    public function close(): bool
+    {
+        if (isset($this->redis)) {
+            try {
+                $pingReply = $this->redis->ping();
+
+                if (($pingReply === true) || ($pingReply === '+PONG')) {
+                    if (isset($this->lockKey) && ! $this->releaseLock()) {
+                        return false;
+                    }
+
+                    if (! $this->redis->close()) {
+                        return false;
+                    }
+                }
+            } catch (RedisException $e) {
+                $this->logger->error('Session: Got RedisException on close(): ' . $e->getMessage());
+            }
+
+            $this->redis = null;
+
+            return true;
+        }
+
+        return true;
+    }
+
+    /**
+     * Destroys a session
+     *
+     * @param string $id The session ID being destroyed
+     *
+     * @throws RedisException
+     */
+    public function destroy($id): bool
+    {
+        if (isset($this->redis, $this->lockKey)) {
+            if (($result = $this->redis->del($this->keyPrefix . $id)) !== 1) {
+                $this->logger->debug(
+                    'Session: Redis::del() expected to return 1, got ' . var_export($result, true) . ' instead.',
+                );
+            }
+
+            return $this->destroyCookie();
+        }
+
+        return false;
+    }
+
+    /**
+     * Cleans up expired sessions.
+     *
+     * @param int $max_lifetime Sessions that have not updated
+     *                          for the last max_lifetime seconds will be removed.
+     *
+     * @return false|int Returns the number of deleted sessions on success, or false on failure.
+     */
+    #[ReturnTypeWillChange]
+    public function gc($max_lifetime)
+    {
+        return 1;
+    }
+
+    /**
+     * Acquires an emulated lock.
+     *
+     * @param string $sessionID Session ID
+     *
+     * @throws RedisException
+     */
+    protected function lockSession(string $sessionID): bool
+    {
+        $lockKey = $this->keyPrefix . $sessionID . ':lock';
+
+        // PHP 7 reuses the SessionHandler object on regeneration,
+        // so we need to check here if the lock key is for the
+        // correct session ID.
+        if ($this->lockKey === $lockKey) {
+            // If there is the lock, make the ttl longer.
+            return $this->redis->expire($this->lockKey, 300);
+        }
+
+        $attempt = 0;
+
+        do {
+            $result = $this->redis->set(
+                $lockKey,
+                (string) Time::now()->getTimestamp(),
+                // NX -- Only set the key if it does not already exist.
+                // EX seconds -- Set the specified expire time, in seconds.
+                ['nx', 'ex' => 300],
+            );
+
+            if (! $result) {
+                usleep($this->lockRetryInterval);
+
+                continue;
+            }
+
+            $this->lockKey = $lockKey;
+            break;
+        } while (++$attempt < $this->lockMaxRetries);
+
+        if ($attempt === 300) {
+            $this->logger->error(
+                'Session: Unable to obtain lock for ' . $this->keyPrefix . $sessionID
+                . ' after 300 attempts, aborting.',
+            );
+
+            return false;
+        }
+
+        $this->lock = true;
+
+        return true;
+    }
+
+    /**
+     * Releases a previously acquired lock
+     *
+     * @throws RedisException
+     */
+    protected function releaseLock(): bool
+    {
+        if (isset($this->redis, $this->lockKey) && $this->lock) {
+            if (! $this->redis->del($this->lockKey)) {
+                $this->logger->error('Session: Error while trying to free lock for ' . $this->lockKey);
+
+                return false;
+            }
+
+            $this->lockKey = null;
+            $this->lock    = false;
+        }
+
+        return true;
+    }
+}
diff --git a/ci4app/system/Session/Session.php b/ci4app/system/Session/Session.php
new file mode 100644
index 0000000..f3dd570
--- /dev/null
+++ b/ci4app/system/Session/Session.php
@@ -0,0 +1,930 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Session;
+
+use CodeIgniter\Cookie\Cookie;
+use CodeIgniter\I18n\Time;
+use Config\Cookie as CookieConfig;
+use Config\Session as SessionConfig;
+use Psr\Log\LoggerAwareTrait;
+use SessionHandlerInterface;
+
+/**
+ * Implementation of CodeIgniter session container.
+ *
+ * Session configuration is done through session variables and cookie related
+ * variables in app/config/App.php
+ *
+ * @property string $session_id
+ * @see \CodeIgniter\Session\SessionTest
+ */
+class Session implements SessionInterface
+{
+    use LoggerAwareTrait;
+
+    /**
+     * Instance of the driver to use.
+     *
+     * @var SessionHandlerInterface
+     */
+    protected $driver;
+
+    /**
+     * The storage driver to use: files, database, redis, memcached
+     *
+     * @var string
+     *
+     * @deprecated Use $this->config->driver.
+     */
+    protected $sessionDriverName;
+
+    /**
+     * The session cookie name, must contain only [0-9a-z_-] characters.
+     *
+     * @var string
+     *
+     * @deprecated Use $this->config->cookieName.
+     */
+    protected $sessionCookieName = 'ci_session';
+
+    /**
+     * The number of SECONDS you want the session to last.
+     * Setting it to 0 (zero) means expire when the browser is closed.
+     *
+     * @var int
+     *
+     * @deprecated Use $this->config->expiration.
+     */
+    protected $sessionExpiration = 7200;
+
+    /**
+     * The location to save sessions to, driver dependent.
+     *
+     * For the 'files' driver, it's a path to a writable directory.
+     * WARNING: Only absolute paths are supported!
+     *
+     * For the 'database' driver, it's a table name.
+     *
+     * @todo address memcache & redis needs
+     *
+     * IMPORTANT: You are REQUIRED to set a valid save path!
+     *
+     * @var string
+     *
+     * @deprecated Use $this->config->savePath.
+     */
+    protected $sessionSavePath;
+
+    /**
+     * Whether to match the user's IP address when reading the session data.
+     *
+     * WARNING: If you're using the database driver, don't forget to update
+     * your session table's PRIMARY KEY when changing this setting.
+     *
+     * @var bool
+     *
+     * @deprecated Use $this->config->matchIP.
+     */
+    protected $sessionMatchIP = false;
+
+    /**
+     * How many seconds between CI regenerating the session ID.
+     *
+     * @var int
+     *
+     * @deprecated Use $this->config->timeToUpdate.
+     */
+    protected $sessionTimeToUpdate = 300;
+
+    /**
+     * Whether to destroy session data associated with the old session ID
+     * when auto-regenerating the session ID. When set to FALSE, the data
+     * will be later deleted by the garbage collector.
+     *
+     * @var bool
+     *
+     * @deprecated Use $this->config->regenerateDestroy.
+     */
+    protected $sessionRegenerateDestroy = false;
+
+    /**
+     * The session cookie instance.
+     *
+     * @var Cookie
+     */
+    protected $cookie;
+
+    /**
+     * The domain name to use for cookies.
+     * Set to .your-domain.com for site-wide cookies.
+     *
+     * @var string
+     *
+     * @deprecated No longer used.
+     */
+    protected $cookieDomain = '';
+
+    /**
+     * Path used for storing cookies.
+     * Typically will be a forward slash.
+     *
+     * @var string
+     *
+     * @deprecated No longer used.
+     */
+    protected $cookiePath = '/';
+
+    /**
+     * Cookie will only be set if a secure HTTPS connection exists.
+     *
+     * @var bool
+     *
+     * @deprecated No longer used.
+     */
+    protected $cookieSecure = false;
+
+    /**
+     * Cookie SameSite setting as described in RFC6265
+     * Must be 'None', 'Lax' or 'Strict'.
+     *
+     * @var string
+     *
+     * @deprecated No longer used.
+     */
+    protected $cookieSameSite = Cookie::SAMESITE_LAX;
+
+    /**
+     * sid regex expression
+     *
+     * @var string
+     */
+    protected $sidRegexp;
+
+    /**
+     * Session Config
+     */
+    protected SessionConfig $config;
+
+    /**
+     * Constructor.
+     *
+     * Extract configuration settings and save them here.
+     */
+    public function __construct(SessionHandlerInterface $driver, SessionConfig $config)
+    {
+        $this->driver = $driver;
+
+        $this->config = $config;
+
+        $cookie = config(CookieConfig::class);
+
+        $this->cookie = (new Cookie($this->config->cookieName, '', [
+            'expires'  => $this->config->expiration === 0 ? 0 : Time::now()->getTimestamp() + $this->config->expiration,
+            'path'     => $cookie->path,
+            'domain'   => $cookie->domain,
+            'secure'   => $cookie->secure,
+            'httponly' => true, // for security
+            'samesite' => $cookie->samesite ?? Cookie::SAMESITE_LAX,
+            'raw'      => $cookie->raw ?? false,
+        ]))->withPrefix(''); // Cookie prefix should be ignored.
+
+        helper('array');
+    }
+
+    /**
+     * Initialize the session container and starts up the session.
+     *
+     * @return $this|null
+     */
+    public function start()
+    {
+        if (is_cli() && ENVIRONMENT !== 'testing') {
+            // @codeCoverageIgnoreStart
+            $this->logger->debug('Session: Initialization under CLI aborted.');
+
+            return null;
+            // @codeCoverageIgnoreEnd
+        }
+
+        if ((bool) ini_get('session.auto_start')) {
+            $this->logger->error('Session: session.auto_start is enabled in php.ini. Aborting.');
+
+            return null;
+        }
+
+        if (session_status() === PHP_SESSION_ACTIVE) {
+            $this->logger->warning('Session: Sessions is enabled, and one exists. Please don\'t $session->start();');
+
+            return null;
+        }
+
+        $this->configure();
+        $this->setSaveHandler();
+
+        // Sanitize the cookie, because apparently PHP doesn't do that for userspace handlers
+        if (
+            isset($_COOKIE[$this->config->cookieName])
+            && (! is_string($_COOKIE[$this->config->cookieName]) || preg_match('#\A' . $this->sidRegexp . '\z#', $_COOKIE[$this->config->cookieName]) !== 1)
+        ) {
+            unset($_COOKIE[$this->config->cookieName]);
+        }
+
+        $this->startSession();
+
+        // Is session ID auto-regeneration configured? (ignoring ajax requests)
+        if ((! isset($_SERVER['HTTP_X_REQUESTED_WITH']) || strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) !== 'xmlhttprequest')
+            && ($regenerateTime = $this->config->timeToUpdate) > 0
+        ) {
+            if (! isset($_SESSION['__ci_last_regenerate'])) {
+                $_SESSION['__ci_last_regenerate'] = Time::now()->getTimestamp();
+            } elseif ($_SESSION['__ci_last_regenerate'] < (Time::now()->getTimestamp() - $regenerateTime)) {
+                $this->regenerate($this->config->regenerateDestroy);
+            }
+        }
+        // Another work-around ... PHP doesn't seem to send the session cookie
+        // unless it is being currently created or regenerated
+        elseif (isset($_COOKIE[$this->config->cookieName]) && $_COOKIE[$this->config->cookieName] === session_id()) {
+            $this->setCookie();
+        }
+
+        $this->initVars();
+        $this->logger->debug("Session: Class initialized using '" . $this->config->driver . "' driver.");
+
+        return $this;
+    }
+
+    /**
+     * Destroys the current session.
+     *
+     * @deprecated Use destroy() instead.
+     *
+     * @return void
+     */
+    public function stop()
+    {
+        $this->destroy();
+    }
+
+    /**
+     * Configuration.
+     *
+     * Handle input binds and configuration defaults.
+     *
+     * @return void
+     */
+    protected function configure()
+    {
+        ini_set('session.name', $this->config->cookieName);
+
+        $sameSite = $this->cookie->getSameSite() ?: ucfirst(Cookie::SAMESITE_LAX);
+
+        $params = [
+            'lifetime' => $this->config->expiration,
+            'path'     => $this->cookie->getPath(),
+            'domain'   => $this->cookie->getDomain(),
+            'secure'   => $this->cookie->isSecure(),
+            'httponly' => true, // HTTP only; Yes, this is intentional and not configurable for security reasons.
+            'samesite' => $sameSite,
+        ];
+
+        ini_set('session.cookie_samesite', $sameSite);
+        session_set_cookie_params($params);
+
+        if ($this->config->expiration > 0) {
+            ini_set('session.gc_maxlifetime', (string) $this->config->expiration);
+        }
+
+        if ($this->config->savePath !== '') {
+            ini_set('session.save_path', $this->config->savePath);
+        }
+
+        // Security is king
+        ini_set('session.use_trans_sid', '0');
+        ini_set('session.use_strict_mode', '1');
+        ini_set('session.use_cookies', '1');
+        ini_set('session.use_only_cookies', '1');
+
+        $this->configureSidLength();
+    }
+
+    /**
+     * Configure session ID length
+     *
+     * To make life easier, we force the PHP defaults. Because PHP9 forces them.
+     * See https://wiki.php.net/rfc/deprecations_php_8_4#sessionsid_length_and_sessionsid_bits_per_character
+     *
+     * @return void
+     */
+    protected function configureSidLength()
+    {
+        $bitsPerCharacter = (int) ini_get('session.sid_bits_per_character');
+        $sidLength        = (int) ini_get('session.sid_length');
+
+        // We force the PHP defaults.
+        if (PHP_VERSION_ID < 90000) {
+            if ($bitsPerCharacter !== 4) {
+                ini_set('session.sid_bits_per_character', '4');
+            }
+            if ($sidLength !== 32) {
+                ini_set('session.sid_length', '32');
+            }
+        }
+
+        $this->sidRegexp = '[0-9a-f]{32}';
+    }
+
+    /**
+     * Handle temporary variables
+     *
+     * Clears old "flash" data, marks the new one for deletion and handles
+     * "temp" data deletion.
+     *
+     * @return void
+     */
+    protected function initVars()
+    {
+        if (! isset($_SESSION['__ci_vars'])) {
+            return;
+        }
+
+        $currentTime = Time::now()->getTimestamp();
+
+        foreach ($_SESSION['__ci_vars'] as $key => &$value) {
+            if ($value === 'new') {
+                $_SESSION['__ci_vars'][$key] = 'old';
+            }
+            // DO NOT move this above the 'new' check!
+            elseif ($value === 'old' || $value < $currentTime) {
+                unset($_SESSION[$key], $_SESSION['__ci_vars'][$key]);
+            }
+        }
+
+        if ($_SESSION['__ci_vars'] === []) {
+            unset($_SESSION['__ci_vars']);
+        }
+    }
+
+    /**
+     * Regenerates the session ID.
+     *
+     * @param bool $destroy Should old session data be destroyed?
+     *
+     * @return void
+     */
+    public function regenerate(bool $destroy = false)
+    {
+        $_SESSION['__ci_last_regenerate'] = Time::now()->getTimestamp();
+        session_regenerate_id($destroy);
+
+        $this->removeOldSessionCookie();
+    }
+
+    private function removeOldSessionCookie(): void
+    {
+        $response              = service('response');
+        $cookieStoreInResponse = $response->getCookieStore();
+
+        if (! $cookieStoreInResponse->has($this->config->cookieName)) {
+            return;
+        }
+
+        // CookieStore is immutable.
+        $newCookieStore = $cookieStoreInResponse->remove($this->config->cookieName);
+
+        // But clear() method clears cookies in the object (not immutable).
+        $cookieStoreInResponse->clear();
+
+        foreach ($newCookieStore as $cookie) {
+            $response->setCookie($cookie);
+        }
+    }
+
+    /**
+     * Destroys the current session.
+     *
+     * @return void
+     */
+    public function destroy()
+    {
+        if (ENVIRONMENT === 'testing') {
+            return;
+        }
+
+        session_destroy();
+    }
+
+    /**
+     * Writes session data and close the current session.
+     *
+     * @return void
+     */
+    public function close()
+    {
+        if (ENVIRONMENT === 'testing') {
+            return;
+        }
+
+        session_write_close();
+    }
+
+    /**
+     * Sets user data into the session.
+     *
+     * If $data is a string, then it is interpreted as a session property
+     * key, and  $value is expected to be non-null.
+     *
+     * If $data is an array, it is expected to be an array of key/value pairs
+     * to be set as session properties.
+     *
+     * @param array<string, mixed>|list<string>|string $data  Property name or associative array of properties
+     * @param mixed                                    $value Property value if single key provided
+     *
+     * @return void
+     */
+    public function set($data, $value = null)
+    {
+        $data = is_array($data) ? $data : [$data => $value];
+
+        if (array_is_list($data)) {
+            $data = array_fill_keys($data, null);
+        }
+
+        foreach ($data as $sessionKey => $sessionValue) {
+            $_SESSION[$sessionKey] = $sessionValue;
+        }
+    }
+
+    /**
+     * Get user data that has been set in the session.
+     *
+     * If the property exists as "normal", returns it.
+     * Otherwise, returns an array of any temp or flash data values with the
+     * property key.
+     *
+     * Replaces the legacy method $session->userdata();
+     *
+     * @param string|null $key Identifier of the session property to retrieve
+     *
+     * @return ($key is string ? mixed : array<string, mixed>)
+     */
+    public function get(?string $key = null)
+    {
+        if (! isset($_SESSION) || $_SESSION === []) {
+            return $key === null ? [] : null;
+        }
+
+        $key ??= '';
+
+        if ($key !== '') {
+            return $_SESSION[$key] ?? dot_array_search($key, $_SESSION);
+        }
+
+        $userdata = [];
+        $exclude  = array_merge(['__ci_vars'], $this->getFlashKeys(), $this->getTempKeys());
+
+        foreach (array_keys($_SESSION) as $key) {
+            if (! in_array($key, $exclude, true)) {
+                $userdata[$key] = $_SESSION[$key];
+            }
+        }
+
+        return $userdata;
+    }
+
+    /**
+     * Returns whether an index exists in the session array.
+     *
+     * @param string $key Identifier of the session property we are interested in.
+     */
+    public function has(string $key): bool
+    {
+        return isset($_SESSION[$key]);
+    }
+
+    /**
+     * Push new value onto session value that is array.
+     *
+     * @param string               $key  Identifier of the session property we are interested in.
+     * @param array<string, mixed> $data value to be pushed to existing session key.
+     *
+     * @return void
+     */
+    public function push(string $key, array $data)
+    {
+        if ($this->has($key) && is_array($value = $this->get($key))) {
+            $this->set($key, array_merge($value, $data));
+        }
+    }
+
+    /**
+     * Remove one or more session properties.
+     *
+     * If $key is an array, it is interpreted as an array of string property
+     * identifiers to remove. Otherwise, it is interpreted as the identifier
+     * of a specific session property to remove.
+     *
+     * @param list<string>|string $key Identifier of the session property or properties to remove.
+     *
+     * @return void
+     */
+    public function remove($key)
+    {
+        $key = is_array($key) ? $key : [$key];
+
+        foreach ($key as $k) {
+            unset($_SESSION[$k]);
+        }
+    }
+
+    /**
+     * Magic method to set variables in the session by simply calling
+     *  $session->foo = bar;
+     *
+     * @param string $key   Identifier of the session property to set.
+     * @param mixed  $value
+     *
+     * @return void
+     */
+    public function __set(string $key, $value)
+    {
+        $_SESSION[$key] = $value;
+    }
+
+    /**
+     * Magic method to get session variables by simply calling
+     *  $foo = $session->foo;
+     *
+     * @param string $key Identifier of the session property to remove.
+     *
+     * @return mixed
+     */
+    public function __get(string $key)
+    {
+        // Note: Keep this order the same, just in case somebody wants to
+        // use 'session_id' as a session data key, for whatever reason
+        if (isset($_SESSION[$key])) {
+            return $_SESSION[$key];
+        }
+
+        if ($key === 'session_id') {
+            return session_id();
+        }
+
+        return null;
+    }
+
+    /**
+     * Magic method to check for session variables.
+     *
+     * Different from `has()` in that it will validate 'session_id' as well.
+     * Mostly used by internal PHP functions, users should stick to `has()`.
+     *
+     * @param string $key Identifier of the session property to remove.
+     */
+    public function __isset(string $key): bool
+    {
+        return isset($_SESSION[$key]) || $key === 'session_id';
+    }
+
+    /**
+     * Sets data into the session that will only last for a single request.
+     * Perfect for use with single-use status update messages.
+     *
+     * If $data is an array, it is interpreted as an associative array of
+     * key/value pairs for flashdata properties.
+     * Otherwise, it is interpreted as the identifier of a specific
+     * flashdata property, with $value containing the property value.
+     *
+     * @param array<string, mixed>|string $data  Property identifier or associative array of properties
+     * @param mixed                       $value Property value if $data is a scalar
+     *
+     * @return void
+     */
+    public function setFlashdata($data, $value = null)
+    {
+        $this->set($data, $value);
+        $this->markAsFlashdata(is_array($data) ? array_keys($data) : $data);
+    }
+
+    /**
+     * Retrieve one or more items of flash data from the session.
+     *
+     * If the item key is null, return all flashdata.
+     *
+     * @param string|null $key Property identifier
+     *
+     * @return ($key is string ? mixed : array<string, mixed>)
+     */
+    public function getFlashdata(?string $key = null)
+    {
+        $_SESSION['__ci_vars'] ??= [];
+
+        if (isset($key)) {
+            if (! isset($_SESSION['__ci_vars'][$key]) || is_int($_SESSION['__ci_vars'][$key])) {
+                return null;
+            }
+
+            return $_SESSION[$key] ?? null;
+        }
+
+        $flashdata = [];
+
+        foreach ($_SESSION['__ci_vars'] as $key => $value) {
+            if (! is_int($value)) {
+                $flashdata[$key] = $_SESSION[$key];
+            }
+        }
+
+        return $flashdata;
+    }
+
+    /**
+     * Keeps a single piece of flash data alive for one more request.
+     *
+     * @param list<string>|string $key Property identifier or array of them
+     *
+     * @return void
+     */
+    public function keepFlashdata($key)
+    {
+        $this->markAsFlashdata($key);
+    }
+
+    /**
+     * Mark a session property or properties as flashdata. This returns
+     * `false` if any of the properties were not already set.
+     *
+     * @param list<string>|string $key Property identifier or array of them
+     */
+    public function markAsFlashdata($key): bool
+    {
+        $keys = is_array($key) ? $key : [$key];
+
+        foreach ($keys as $sessionKey) {
+            if (! isset($_SESSION[$sessionKey])) {
+                return false;
+            }
+        }
+
+        $_SESSION['__ci_vars'] ??= [];
+        $_SESSION['__ci_vars'] = [...$_SESSION['__ci_vars'], ...array_fill_keys($keys, 'new')];
+
+        return true;
+    }
+
+    /**
+     * Unmark data in the session as flashdata.
+     *
+     * @param list<string>|string $key Property identifier or array of them
+     *
+     * @return void
+     */
+    public function unmarkFlashdata($key)
+    {
+        if (! isset($_SESSION['__ci_vars'])) {
+            return;
+        }
+
+        if (! is_array($key)) {
+            $key = [$key];
+        }
+
+        foreach ($key as $k) {
+            if (isset($_SESSION['__ci_vars'][$k]) && ! is_int($_SESSION['__ci_vars'][$k])) {
+                unset($_SESSION['__ci_vars'][$k]);
+            }
+        }
+
+        if ($_SESSION['__ci_vars'] === []) {
+            unset($_SESSION['__ci_vars']);
+        }
+    }
+
+    /**
+     * Retrieve all of the keys for session data marked as flashdata.
+     *
+     * @return list<string>
+     */
+    public function getFlashKeys(): array
+    {
+        if (! isset($_SESSION['__ci_vars'])) {
+            return [];
+        }
+
+        $keys = [];
+
+        foreach (array_keys($_SESSION['__ci_vars']) as $key) {
+            if (! is_int($_SESSION['__ci_vars'][$key])) {
+                $keys[] = $key;
+            }
+        }
+
+        return $keys;
+    }
+
+    /**
+     * Sets new data into the session, and marks it as temporary data
+     * with a set lifespan.
+     *
+     * @param array<string, mixed>|list<string>|string $data  Session data key or associative array of items
+     * @param mixed                                    $value Value to store
+     * @param int                                      $ttl   Time-to-live in seconds
+     *
+     * @return void
+     */
+    public function setTempdata($data, $value = null, int $ttl = 300)
+    {
+        $this->set($data, $value);
+        $this->markAsTempdata($data, $ttl);
+    }
+
+    /**
+     * Returns either a single piece of tempdata, or all temp data currently
+     * in the session.
+     *
+     * @param string|null $key Session data key
+     *
+     * @return ($key is string ? mixed : array<string, mixed>)
+     */
+    public function getTempdata(?string $key = null)
+    {
+        $_SESSION['__ci_vars'] ??= [];
+
+        if (isset($key)) {
+            if (! isset($_SESSION['__ci_vars'][$key]) || ! is_int($_SESSION['__ci_vars'][$key])) {
+                return null;
+            }
+
+            return $_SESSION[$key] ?? null;
+        }
+
+        $tempdata = [];
+
+        foreach ($_SESSION['__ci_vars'] as $key => $value) {
+            if (is_int($value)) {
+                $tempdata[$key] = $_SESSION[$key];
+            }
+        }
+
+        return $tempdata;
+    }
+
+    /**
+     * Removes a single piece of temporary data from the session.
+     *
+     * @param string $key Session data key
+     *
+     * @return void
+     */
+    public function removeTempdata(string $key)
+    {
+        $this->unmarkTempdata($key);
+        unset($_SESSION[$key]);
+    }
+
+    /**
+     * Mark one of more pieces of data as being temporary, meaning that
+     * it has a set lifespan within the session.
+     *
+     * Returns `false` if any of the properties were not set.
+     *
+     * @param array<string, mixed>|list<string>|string $key Property identifier or array of them
+     * @param int                                      $ttl Time to live, in seconds
+     */
+    public function markAsTempdata($key, int $ttl = 300): bool
+    {
+        $time = Time::now()->getTimestamp();
+        $keys = is_array($key) ? $key : [$key];
+
+        if (array_is_list($keys)) {
+            $keys = array_fill_keys($keys, $ttl);
+        }
+
+        $tempdata = [];
+
+        foreach ($keys as $sessionKey => $timeToLive) {
+            if (! array_key_exists($sessionKey, $_SESSION)) {
+                return false;
+            }
+
+            if (is_int($timeToLive)) {
+                $timeToLive += $time;
+            } else {
+                $timeToLive = $time + $ttl;
+            }
+
+            $tempdata[$sessionKey] = $timeToLive;
+        }
+
+        $_SESSION['__ci_vars'] ??= [];
+        $_SESSION['__ci_vars'] = [...$_SESSION['__ci_vars'], ...$tempdata];
+
+        return true;
+    }
+
+    /**
+     * Unmarks temporary data in the session, effectively removing its
+     * lifespan and allowing it to live as long as the session does.
+     *
+     * @param list<string>|string $key Property identifier or array of them
+     *
+     * @return void
+     */
+    public function unmarkTempdata($key)
+    {
+        if (! isset($_SESSION['__ci_vars'])) {
+            return;
+        }
+
+        if (! is_array($key)) {
+            $key = [$key];
+        }
+
+        foreach ($key as $k) {
+            if (isset($_SESSION['__ci_vars'][$k]) && is_int($_SESSION['__ci_vars'][$k])) {
+                unset($_SESSION['__ci_vars'][$k]);
+            }
+        }
+
+        if ($_SESSION['__ci_vars'] === []) {
+            unset($_SESSION['__ci_vars']);
+        }
+    }
+
+    /**
+     * Retrieve the keys of all session data that have been marked as temporary data.
+     *
+     * @return list<string>
+     */
+    public function getTempKeys(): array
+    {
+        if (! isset($_SESSION['__ci_vars'])) {
+            return [];
+        }
+
+        $keys = [];
+
+        foreach (array_keys($_SESSION['__ci_vars']) as $key) {
+            if (is_int($_SESSION['__ci_vars'][$key])) {
+                $keys[] = $key;
+            }
+        }
+
+        return $keys;
+    }
+
+    /**
+     * Sets the driver as the session handler in PHP.
+     * Extracted for easier testing.
+     *
+     * @return void
+     */
+    protected function setSaveHandler()
+    {
+        session_set_save_handler($this->driver, true);
+    }
+
+    /**
+     * Starts the session.
+     * Extracted for testing reasons.
+     *
+     * @return void
+     */
+    protected function startSession()
+    {
+        if (ENVIRONMENT === 'testing') {
+            $_SESSION = [];
+
+            return;
+        }
+
+        session_start(); // @codeCoverageIgnore
+    }
+
+    /**
+     * Takes care of setting the cookie on the client side.
+     *
+     * @codeCoverageIgnore
+     *
+     * @return void
+     */
+    protected function setCookie()
+    {
+        $expiration   = $this->config->expiration === 0 ? 0 : Time::now()->getTimestamp() + $this->config->expiration;
+        $this->cookie = $this->cookie->withValue(session_id())->withExpires($expiration);
+
+        $response = service('response');
+        $response->setCookie($this->cookie);
+    }
+}
diff --git a/ci4app/system/Session/SessionInterface.php b/ci4app/system/Session/SessionInterface.php
new file mode 100644
index 0000000..fc441c5
--- /dev/null
+++ b/ci4app/system/Session/SessionInterface.php
@@ -0,0 +1,210 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Session;
+
+/**
+ * Expected behavior of a session container used with CodeIgniter.
+ */
+interface SessionInterface
+{
+    /**
+     * Regenerates the session ID.
+     *
+     * @param bool $destroy Should old session data be destroyed?
+     *
+     * @return void
+     */
+    public function regenerate(bool $destroy = false);
+
+    /**
+     * Destroys the current session.
+     *
+     * @return void
+     */
+    public function destroy();
+
+    /**
+     * Sets user data into the session.
+     *
+     * If $data is a string, then it is interpreted as a session property
+     * key, and  $value is expected to be non-null.
+     *
+     * If $data is an array, it is expected to be an array of key/value pairs
+     * to be set as session properties.
+     *
+     * @param array<string, mixed>|list<string>|string $data  Property name or associative array of properties
+     * @param mixed                                    $value Property value if single key provided
+     *
+     * @return void
+     */
+    public function set($data, $value = null);
+
+    /**
+     * Get user data that has been set in the session.
+     *
+     * If the property exists as "normal", returns it.
+     * Otherwise, returns an array of any temp or flash data values with the
+     * property key.
+     *
+     * Replaces the legacy method $session->userdata();
+     *
+     * @param string|null $key Identifier of the session property to retrieve
+     *
+     * @return ($key is string ? mixed : array<string, mixed>)
+     */
+    public function get(?string $key = null);
+
+    /**
+     * Returns whether an index exists in the session array.
+     *
+     * @param string $key Identifier of the session property we are interested in.
+     */
+    public function has(string $key): bool;
+
+    /**
+     * Remove one or more session properties.
+     *
+     * If $key is an array, it is interpreted as an array of string property
+     * identifiers to remove. Otherwise, it is interpreted as the identifier
+     * of a specific session property to remove.
+     *
+     * @param list<string>|string $key Identifier of the session property or properties to remove.
+     *
+     * @return void
+     */
+    public function remove($key);
+
+    /**
+     * Sets data into the session that will only last for a single request.
+     * Perfect for use with single-use status update messages.
+     *
+     * If $data is an array, it is interpreted as an associative array of
+     * key/value pairs for flashdata properties.
+     * Otherwise, it is interpreted as the identifier of a specific
+     * flashdata property, with $value containing the property value.
+     *
+     * @param array<string, mixed>|string $data  Property identifier or associative array of properties
+     * @param mixed                       $value Property value if $data is a scalar
+     *
+     * @return void
+     */
+    public function setFlashdata($data, $value = null);
+
+    /**
+     * Retrieve one or more items of flash data from the session.
+     *
+     * If the item key is null, return all flashdata.
+     *
+     * @param string|null $key Property identifier
+     *
+     * @return ($key is string ? mixed : array<string, mixed>)
+     */
+    public function getFlashdata(?string $key = null);
+
+    /**
+     * Keeps a single piece of flash data alive for one more request.
+     *
+     * @param list<string>|string $key Property identifier or array of them
+     *
+     * @return void
+     */
+    public function keepFlashdata($key);
+
+    /**
+     * Mark a session property or properties as flashdata. This returns
+     * `false` if any of the properties were not already set.
+     *
+     * @param list<string>|string $key Property identifier or array of them
+     *
+     * @return bool
+     */
+    public function markAsFlashdata($key);
+
+    /**
+     * Unmark data in the session as flashdata.
+     *
+     * @param list<string>|string $key Property identifier or array of them
+     *
+     * @return void
+     */
+    public function unmarkFlashdata($key);
+
+    /**
+     * Retrieve all of the keys for session data marked as flashdata.
+     *
+     * @return list<string>
+     */
+    public function getFlashKeys(): array;
+
+    /**
+     * Sets new data into the session, and marks it as temporary data
+     * with a set lifespan.
+     *
+     * @param array<string, mixed>|list<string>|string $data  Session data key or associative array of items
+     * @param mixed                                    $value Value to store
+     * @param int                                      $ttl   Time-to-live in seconds
+     *
+     * @return void
+     */
+    public function setTempdata($data, $value = null, int $ttl = 300);
+
+    /**
+     * Returns either a single piece of tempdata, or all temp data currently
+     * in the session.
+     *
+     * @param string|null $key Session data key
+     *
+     * @return ($key is string ? mixed : array<string, mixed>)
+     */
+    public function getTempdata(?string $key = null);
+
+    /**
+     * Removes a single piece of temporary data from the session.
+     *
+     * @param string $key Session data key
+     *
+     * @return void
+     */
+    public function removeTempdata(string $key);
+
+    /**
+     * Mark one of more pieces of data as being temporary, meaning that
+     * it has a set lifespan within the session.
+     *
+     * Returns `false` if any of the properties were not set.
+     *
+     * @param array<string, mixed>|list<string>|string $key Property identifier or array of them
+     * @param int                                      $ttl Time to live, in seconds
+     *
+     * @return bool
+     */
+    public function markAsTempdata($key, int $ttl = 300);
+
+    /**
+     * Unmarks temporary data in the session, effectively removing its
+     * lifespan and allowing it to live as long as the session does.
+     *
+     * @param list<string>|string $key Property identifier or array of them
+     *
+     * @return void
+     */
+    public function unmarkTempdata($key);
+
+    /**
+     * Retrieve the keys of all session data that have been marked as temporary data.
+     *
+     * @return list<string>
+     */
+    public function getTempKeys(): array;
+}
diff --git a/ci4app/system/Superglobals.php b/ci4app/system/Superglobals.php
new file mode 100644
index 0000000..d804de2
--- /dev/null
+++ b/ci4app/system/Superglobals.php
@@ -0,0 +1,63 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter;
+
+/**
+ * Superglobals manipulation.
+ *
+ * @internal
+ * @see \CodeIgniter\SuperglobalsTest
+ */
+final class Superglobals
+{
+    private array $server;
+    private array $get;
+
+    public function __construct(?array $server = null, ?array $get = null)
+    {
+        $this->server = $server ?? $_SERVER;
+        $this->get    = $get ?? $_GET;
+    }
+
+    public function server(string $key): ?string
+    {
+        return $this->server[$key] ?? null;
+    }
+
+    public function setServer(string $key, string $value): void
+    {
+        $this->server[$key] = $value;
+        $_SERVER[$key]      = $value;
+    }
+
+    /**
+     * @return array|string|null
+     */
+    public function get(string $key)
+    {
+        return $this->get[$key] ?? null;
+    }
+
+    public function setGet(string $key, string $value): void
+    {
+        $this->get[$key] = $value;
+        $_GET[$key]      = $value;
+    }
+
+    public function setGetArray(array $array): void
+    {
+        $this->get = $array;
+        $_GET      = $array;
+    }
+}
diff --git a/ci4app/system/Test/CIUnitTestCase.php b/ci4app/system/Test/CIUnitTestCase.php
new file mode 100644
index 0000000..4780a1b
--- /dev/null
+++ b/ci4app/system/Test/CIUnitTestCase.php
@@ -0,0 +1,543 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test;
+
+use CodeIgniter\CodeIgniter;
+use CodeIgniter\Config\Factories;
+use CodeIgniter\Database\BaseConnection;
+use CodeIgniter\Database\MigrationRunner;
+use CodeIgniter\Database\Seeder;
+use CodeIgniter\Events\Events;
+use CodeIgniter\Router\RouteCollection;
+use CodeIgniter\Session\Handlers\ArrayHandler;
+use CodeIgniter\Test\Mock\MockCache;
+use CodeIgniter\Test\Mock\MockCodeIgniter;
+use CodeIgniter\Test\Mock\MockEmail;
+use CodeIgniter\Test\Mock\MockSession;
+use Config\App;
+use Config\Autoload;
+use Config\Email;
+use Config\Modules;
+use Config\Services;
+use Config\Session;
+use Exception;
+use PHPUnit\Framework\TestCase;
+
+/**
+ * Framework test case for PHPUnit.
+ */
+abstract class CIUnitTestCase extends TestCase
+{
+    use ReflectionHelper;
+
+    /**
+     * @var CodeIgniter
+     */
+    protected $app;
+
+    /**
+     * Methods to run during setUp.
+     *
+     * WARNING: Do not override unless you know exactly what you are doing.
+     *          This property may be deprecated in the future.
+     *
+     * @var list<string> array of methods
+     */
+    protected $setUpMethods = [
+        'resetFactories',
+        'mockCache',
+        'mockEmail',
+        'mockSession',
+    ];
+
+    /**
+     * Methods to run during tearDown.
+     *
+     * WARNING: This property may be deprecated in the future.
+     *
+     * @var list<string> array of methods
+     */
+    protected $tearDownMethods = [];
+
+    /**
+     * Store of identified traits.
+     */
+    private ?array $traits = null;
+
+    // --------------------------------------------------------------------
+    // Database Properties
+    // --------------------------------------------------------------------
+
+    /**
+     * Should run db migration?
+     *
+     * @var bool
+     */
+    protected $migrate = true;
+
+    /**
+     * Should run db migration only once?
+     *
+     * @var bool
+     */
+    protected $migrateOnce = false;
+
+    /**
+     * Should run seeding only once?
+     *
+     * @var bool
+     */
+    protected $seedOnce = false;
+
+    /**
+     * Should the db be refreshed before test?
+     *
+     * @var bool
+     */
+    protected $refresh = true;
+
+    /**
+     * The seed file(s) used for all tests within this test case.
+     * Should be fully-namespaced or relative to $basePath
+     *
+     * @var class-string<Seeder>|list<class-string<Seeder>>
+     */
+    protected $seed = '';
+
+    /**
+     * The path to the seeds directory.
+     * Allows overriding the default application directories.
+     *
+     * @var string
+     */
+    protected $basePath = SUPPORTPATH . 'Database';
+
+    /**
+     * The namespace(s) to help us find the migration classes.
+     * `null` is equivalent to running `spark migrate --all`.
+     * Note that running "all" runs migrations in date order,
+     * but specifying namespaces runs them in namespace order (then date)
+     *
+     * @var array|string|null
+     */
+    protected $namespace = 'Tests\Support';
+
+    /**
+     * The name of the database group to connect to.
+     * If not present, will use the defaultGroup.
+     *
+     * @var non-empty-string
+     */
+    protected $DBGroup = 'tests';
+
+    /**
+     * Our database connection.
+     *
+     * @var BaseConnection
+     */
+    protected $db;
+
+    /**
+     * Migration Runner instance.
+     *
+     * @var MigrationRunner|null
+     */
+    protected $migrations;
+
+    /**
+     * Seeder instance
+     *
+     * @var Seeder
+     */
+    protected $seeder;
+
+    /**
+     * Stores information needed to remove any
+     * rows inserted via $this->hasInDatabase();
+     *
+     * @var array
+     */
+    protected $insertCache = [];
+
+    // --------------------------------------------------------------------
+    // Feature Properties
+    // --------------------------------------------------------------------
+
+    /**
+     * If present, will override application
+     * routes when using call().
+     *
+     * @var RouteCollection|null
+     */
+    protected $routes;
+
+    /**
+     * Values to be set in the SESSION global
+     * before running the test.
+     *
+     * @var array
+     */
+    protected $session = [];
+
+    /**
+     * Enabled auto clean op buffer after request call
+     *
+     * @var bool
+     */
+    protected $clean = true;
+
+    /**
+     * Custom request's headers
+     *
+     * @var array
+     */
+    protected $headers = [];
+
+    /**
+     * Allows for formatting the request body to what
+     * the controller is going to expect
+     *
+     * @var string
+     */
+    protected $bodyFormat = '';
+
+    /**
+     * Allows for directly setting the body to what
+     * it needs to be.
+     *
+     * @var mixed
+     */
+    protected $requestBody = '';
+
+    // --------------------------------------------------------------------
+    // Staging
+    // --------------------------------------------------------------------
+
+    /**
+     * Load the helpers.
+     */
+    public static function setUpBeforeClass(): void
+    {
+        parent::setUpBeforeClass();
+
+        helper(['url', 'test']);
+    }
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        if (! $this->app instanceof CodeIgniter) {
+            $this->app = $this->createApplication();
+        }
+
+        foreach ($this->setUpMethods as $method) {
+            $this->{$method}();
+        }
+
+        // Check for the database trait
+        if (method_exists($this, 'setUpDatabase')) {
+            $this->setUpDatabase();
+        }
+
+        // Check for other trait methods
+        $this->callTraitMethods('setUp');
+    }
+
+    protected function tearDown(): void
+    {
+        parent::tearDown();
+
+        foreach ($this->tearDownMethods as $method) {
+            $this->{$method}();
+        }
+
+        // Check for the database trait
+        if (method_exists($this, 'tearDownDatabase')) {
+            $this->tearDownDatabase();
+        }
+
+        // Check for other trait methods
+        $this->callTraitMethods('tearDown');
+    }
+
+    /**
+     * Checks for traits with corresponding
+     * methods for setUp or tearDown.
+     *
+     * @param string $stage 'setUp' or 'tearDown'
+     */
+    private function callTraitMethods(string $stage): void
+    {
+        if ($this->traits === null) {
+            $this->traits = class_uses_recursive($this);
+        }
+
+        foreach ($this->traits as $trait) {
+            $method = $stage . class_basename($trait);
+
+            if (method_exists($this, $method)) {
+                $this->{$method}();
+            }
+        }
+    }
+
+    // --------------------------------------------------------------------
+    // Mocking
+    // --------------------------------------------------------------------
+
+    /**
+     * Resets shared instanced for all Factories components
+     *
+     * @return void
+     */
+    protected function resetFactories()
+    {
+        Factories::reset();
+    }
+
+    /**
+     * Resets shared instanced for all Services
+     *
+     * @return void
+     */
+    protected function resetServices(bool $initAutoloader = true)
+    {
+        Services::reset($initAutoloader);
+    }
+
+    /**
+     * Injects the mock Cache driver to prevent filesystem collisions
+     *
+     * @return void
+     */
+    protected function mockCache()
+    {
+        Services::injectMock('cache', new MockCache());
+    }
+
+    /**
+     * Injects the mock email driver so no emails really send
+     *
+     * @return void
+     */
+    protected function mockEmail()
+    {
+        Services::injectMock('email', new MockEmail(config(Email::class)));
+    }
+
+    /**
+     * Injects the mock session driver into Services
+     *
+     * @return void
+     */
+    protected function mockSession()
+    {
+        $_SESSION = [];
+
+        $config  = config(Session::class);
+        $session = new MockSession(new ArrayHandler($config, '0.0.0.0'), $config);
+
+        Services::injectMock('session', $session);
+    }
+
+    // --------------------------------------------------------------------
+    // Assertions
+    // --------------------------------------------------------------------
+
+    /**
+     * Custom function to hook into CodeIgniter's Logging mechanism
+     * to check if certain messages were logged during code execution.
+     *
+     * @param string|null $expectedMessage
+     *
+     * @return bool
+     */
+    public function assertLogged(string $level, $expectedMessage = null)
+    {
+        $result = TestLogger::didLog($level, $expectedMessage);
+
+        $this->assertTrue($result, sprintf(
+            'Failed asserting that expected message "%s" with level "%s" was logged.',
+            $expectedMessage ?? '',
+            $level,
+        ));
+
+        return $result;
+    }
+
+    /**
+     * Asserts that there is a log record that contains `$logMessage` in the message.
+     */
+    public function assertLogContains(string $level, string $logMessage, string $message = ''): void
+    {
+        $this->assertTrue(
+            TestLogger::didLog($level, $logMessage, false),
+            $message !== '' ? $message : sprintf(
+                'Failed asserting that logs have a record of message containing "%s" with level "%s".',
+                $logMessage,
+                $level,
+            ),
+        );
+    }
+
+    /**
+     * Hooks into CodeIgniter's Events system to check if a specific
+     * event was triggered or not.
+     *
+     * @throws Exception
+     */
+    public function assertEventTriggered(string $eventName): bool
+    {
+        $found     = false;
+        $eventName = strtolower($eventName);
+
+        foreach (Events::getPerformanceLogs() as $log) {
+            if ($log['event'] !== $eventName) {
+                continue;
+            }
+
+            $found = true;
+            break;
+        }
+
+        $this->assertTrue($found);
+
+        return $found;
+    }
+
+    /**
+     * Hooks into xdebug's headers capture, looking for presence of
+     * a specific header emitted.
+     *
+     * @param string $header The leading portion of the header we are looking for
+     */
+    public function assertHeaderEmitted(string $header, bool $ignoreCase = false): void
+    {
+        $this->assertNotNull(
+            $this->getHeaderEmitted($header, $ignoreCase, __METHOD__),
+            "Didn't find header for {$header}",
+        );
+    }
+
+    /**
+     * Hooks into xdebug's headers capture, looking for absence of
+     * a specific header emitted.
+     *
+     * @param string $header The leading portion of the header we don't want to find
+     */
+    public function assertHeaderNotEmitted(string $header, bool $ignoreCase = false): void
+    {
+        $this->assertNull(
+            $this->getHeaderEmitted($header, $ignoreCase, __METHOD__),
+            "Found header for {$header}",
+        );
+    }
+
+    /**
+     * Custom function to test that two values are "close enough".
+     * This is intended for extended execution time testing,
+     * where the result is close but not exactly equal to the
+     * expected time, for reasons beyond our control.
+     *
+     * @param float|int $actual
+     *
+     * @return void
+     *
+     * @throws Exception
+     */
+    public function assertCloseEnough(int $expected, $actual, string $message = '', int $tolerance = 1)
+    {
+        $difference = abs($expected - (int) floor($actual));
+
+        $this->assertLessThanOrEqual($tolerance, $difference, $message);
+    }
+
+    /**
+     * Custom function to test that two values are "close enough".
+     * This is intended for extended execution time testing,
+     * where the result is close but not exactly equal to the
+     * expected time, for reasons beyond our control.
+     *
+     * @param mixed $expected
+     * @param mixed $actual
+     *
+     * @return bool|null
+     *
+     * @throws Exception
+     */
+    public function assertCloseEnoughString($expected, $actual, string $message = '', int $tolerance = 1)
+    {
+        $expected = (string) $expected;
+        $actual   = (string) $actual;
+        if (strlen($expected) !== strlen($actual)) {
+            return false;
+        }
+
+        try {
+            $expected   = (int) substr($expected, -2);
+            $actual     = (int) substr($actual, -2);
+            $difference = abs($expected - $actual);
+
+            $this->assertLessThanOrEqual($tolerance, $difference, $message);
+        } catch (Exception) {
+            return false;
+        }
+
+        return null;
+    }
+
+    // --------------------------------------------------------------------
+    // Utility
+    // --------------------------------------------------------------------
+
+    /**
+     * Loads up an instance of CodeIgniter
+     * and gets the environment setup.
+     *
+     * @return CodeIgniter
+     */
+    protected function createApplication()
+    {
+        // Initialize the autoloader.
+        service('autoloader')->initialize(new Autoload(), new Modules());
+
+        $app = new MockCodeIgniter(new App());
+        $app->initialize();
+
+        return $app;
+    }
+
+    /**
+     * Return first matching emitted header.
+     */
+    protected function getHeaderEmitted(string $header, bool $ignoreCase = false, string $method = __METHOD__): ?string
+    {
+        if (! function_exists('xdebug_get_headers')) {
+            $this->markTestSkipped($method . '() requires xdebug.');
+        }
+
+        foreach (xdebug_get_headers() as $emittedHeader) {
+            $found = $ignoreCase
+                ? (str_starts_with(strtolower($emittedHeader), strtolower($header)))
+                : (str_starts_with($emittedHeader, $header));
+
+            if ($found) {
+                return $emittedHeader;
+            }
+        }
+
+        return null;
+    }
+}
diff --git a/ci4app/system/Test/ConfigFromArrayTrait.php b/ci4app/system/Test/ConfigFromArrayTrait.php
new file mode 100644
index 0000000..3305491
--- /dev/null
+++ b/ci4app/system/Test/ConfigFromArrayTrait.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test;
+
+use CodeIgniter\Exceptions\LogicException;
+
+trait ConfigFromArrayTrait
+{
+    /**
+     * Creates a Config instance from an array.
+     *
+     * @template T of \CodeIgniter\Config\BaseConfig
+     *
+     * @param class-string<T>      $classname Config classname
+     * @param array<string, mixed> $config
+     *
+     * @return T
+     */
+    private function createConfigFromArray(string $classname, array $config)
+    {
+        $configObj = new $classname();
+
+        foreach ($config as $key => $value) {
+            if (property_exists($configObj, $key)) {
+                $configObj->{$key} = $value;
+
+                continue;
+            }
+
+            throw new LogicException(
+                'No such property: ' . $classname . '::$' . $key,
+            );
+        }
+
+        return $configObj;
+    }
+}
diff --git a/ci4app/system/Test/Constraints/SeeInDatabase.php b/ci4app/system/Test/Constraints/SeeInDatabase.php
new file mode 100644
index 0000000..d1025bc
--- /dev/null
+++ b/ci4app/system/Test/Constraints/SeeInDatabase.php
@@ -0,0 +1,120 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Constraints;
+
+use CodeIgniter\Database\ConnectionInterface;
+use PHPUnit\Framework\Constraint\Constraint;
+
+class SeeInDatabase extends Constraint
+{
+    /**
+     * The number of results that will show in the database
+     * in case of failure.
+     *
+     * @var int
+     */
+    protected $show = 3;
+
+    /**
+     * @var ConnectionInterface
+     */
+    protected $db;
+
+    /**
+     * Data used to compare results against.
+     *
+     * @var array
+     */
+    protected $data;
+
+    /**
+     * SeeInDatabase constructor.
+     */
+    public function __construct(ConnectionInterface $db, array $data)
+    {
+        $this->db   = $db;
+        $this->data = $data;
+    }
+
+    /**
+     * Check if data is found in the table
+     *
+     * @param mixed $table
+     */
+    protected function matches($table): bool
+    {
+        return $this->db->table($table)->where($this->data)->countAllResults() > 0;
+    }
+
+    /**
+     * Get the description of the failure
+     *
+     * @param mixed $table
+     */
+    protected function failureDescription($table): string
+    {
+        return sprintf(
+            "a row in the table [%s] matches the attributes \n%s\n\n%s",
+            $table,
+            $this->toString(false, JSON_PRETTY_PRINT),
+            $this->getAdditionalInfo($table),
+        );
+    }
+
+    /**
+     * Gets additional records similar to $data.
+     */
+    protected function getAdditionalInfo(string $table): string
+    {
+        $builder = $this->db->table($table);
+
+        $similar = $builder->where(
+            array_key_first($this->data),
+            $this->data[array_key_first($this->data)],
+        )->limit($this->show)->get()->getResultArray();
+
+        if ($similar !== []) {
+            $description = 'Found similar results: ' . json_encode($similar, JSON_PRETTY_PRINT);
+        } else {
+            // Does the table have any results at all?
+            $results = $this->db->table($table)
+                ->limit($this->show)
+                ->get()
+                ->getResultArray();
+
+            if ($results !== []) {
+                return 'The table is empty.';
+            }
+
+            $description = 'Found: ' . json_encode($results, JSON_PRETTY_PRINT);
+        }
+
+        $total = $this->db->table($table)->countAll();
+        if ($total > $this->show) {
+            $description .= sprintf(' and %s others', $total - $this->show);
+        }
+
+        return $description;
+    }
+
+    /**
+     * Gets a string representation of the constraint
+     *
+     * @param int $options
+     */
+    public function toString(bool $exportObjects = false, $options = 0): string
+    {
+        return json_encode($this->data, $options);
+    }
+}
diff --git a/ci4app/system/Test/ControllerTestTrait.php b/ci4app/system/Test/ControllerTestTrait.php
new file mode 100644
index 0000000..2a7be52
--- /dev/null
+++ b/ci4app/system/Test/ControllerTestTrait.php
@@ -0,0 +1,307 @@
+<?php
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test;
+
+use CodeIgniter\Controller;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\ResponseInterface;
+use CodeIgniter\HTTP\URI;
+use Config\App;
+use Config\Services;
+use Psr\Log\LoggerInterface;
+use Throwable;
+
+/**
+ * Controller Test Trait
+ *
+ * Provides features that make testing controllers simple and fluent.
+ *
+ * Example:
+ *
+ *  $this->withRequest($request)
+ *       ->withResponse($response)
+ *       ->withUri($uri)
+ *       ->withBody($body)
+ *       ->controller('App\Controllers\Home')
+ *       ->execute('methodName');
+ */
+trait ControllerTestTrait
+{
+    /**
+     * Controller configuration.
+     *
+     * @var App
+     */
+    protected $appConfig;
+
+    /**
+     * Request.
+     *
+     * @var IncomingRequest
+     */
+    protected $request;
+
+    /**
+     * Response.
+     *
+     * @var ResponseInterface
+     */
+    protected $response;
+
+    /**
+     * Message logger.
+     *
+     * @var LoggerInterface
+     */
+    protected $logger;
+
+    /**
+     * Initialized controller.
+     *
+     * @var Controller
+     */
+    protected $controller;
+
+    /**
+     * URI of this request.
+     *
+     * @var string
+     */
+    protected $uri = 'http://example.com';
+
+    /**
+     * Request body.
+     *
+     * @var string|null
+     */
+    protected $body;
+
+    /**
+     * Initializes required components.
+     */
+    protected function setUpControllerTestTrait(): void
+    {
+        // The URL helper is always loaded by the system so ensure it is available.
+        helper('url');
+
+        if (! $this->appConfig instanceof App) {
+            $this->appConfig = config(App::class);
+        }
+
+        if (! $this->uri instanceof URI) {
+            $factory   = Services::siteurifactory($this->appConfig, service('superglobals'), false);
+            $this->uri = $factory->createFromGlobals();
+        }
+
+        if (! $this->request instanceof IncomingRequest) {
+            // Do some acrobatics, so we can use the Request service with our own URI
+            $tempUri = service('uri');
+            Services::injectMock('uri', $this->uri);
+
+            $this->withRequest(service('incomingrequest', $this->appConfig, false));
+
+            // Restore the URI service
+            Services::injectMock('uri', $tempUri);
+        }
+
+        if (! $this->response instanceof ResponseInterface) {
+            $this->response = service('response', $this->appConfig, false);
+        }
+
+        if (! $this->logger instanceof LoggerInterface) {
+            $this->logger = service('logger');
+        }
+    }
+
+    /**
+     * Loads the specified controller, and generates any needed dependencies.
+     *
+     * @return $this
+     */
+    public function controller(string $name)
+    {
+        if (! class_exists($name)) {
+            throw new InvalidArgumentException('Invalid Controller: ' . $name);
+        }
+
+        $this->controller = new $name();
+        $this->controller->initController($this->request, $this->response, $this->logger);
+
+        return $this;
+    }
+
+    /**
+     * Runs the specified method on the controller and returns the results.
+     *
+     * @param array $params
+     *
+     * @return TestResponse
+     *
+     * @throws InvalidArgumentException
+     */
+    public function execute(string $method, ...$params)
+    {
+        if (! method_exists($this->controller, $method) || ! is_callable([$this->controller, $method])) {
+            throw new InvalidArgumentException('Method does not exist or is not callable in controller: ' . $method);
+        }
+
+        $response = null;
+        $this->request->setBody($this->body);
+
+        try {
+            ob_start();
+            // The controller method param types may not be string.
+            // So cannot set `declare(strict_types=1)` in this file.
+            $response = $this->controller->{$method}(...$params);
+        } catch (Throwable $e) {
+            $code = $e->getCode();
+
+            // If code is not a valid HTTP status then assume there is an error
+            if ($code < 100 || $code >= 600) {
+                throw $e;
+            }
+        } finally {
+            $output = ob_get_clean();
+        }
+
+        // If the controller returned a view then add it to the output
+        if (is_string($response)) {
+            $output = is_string($output) ? $output . $response : $response;
+        }
+
+        // If the controller did not return a response then start one
+        if (! $response instanceof ResponseInterface) {
+            $response = $this->response;
+        }
+
+        // Check for output to set or prepend
+        // @see \CodeIgniter\CodeIgniter::gatherOutput()
+        if (is_string($output)) {
+            if (is_string($response->getBody())) {
+                $response->setBody($output . $response->getBody());
+            } else {
+                $response->setBody($output);
+            }
+        }
+
+        // Check for an overriding code from exceptions
+        if (isset($code)) {
+            $response->setStatusCode($code);
+        }
+        // Otherwise ensure there is a status code
+        else {
+            // getStatusCode() throws for empty codes
+            try {
+                $response->getStatusCode();
+            } catch (HTTPException) {
+                // If no code has been set then assume success
+                $response->setStatusCode(200);
+            }
+        }
+
+        // Create the result and add the Request for reference
+        return (new TestResponse($response))->setRequest($this->request);
+    }
+
+    /**
+     * Set controller's config, with method chaining.
+     *
+     * @param App $appConfig
+     *
+     * @return $this
+     */
+    public function withConfig($appConfig)
+    {
+        $this->appConfig = $appConfig;
+
+        return $this;
+    }
+
+    /**
+     * Set controller's request, with method chaining.
+     *
+     * @param IncomingRequest $request
+     *
+     * @return $this
+     */
+    public function withRequest($request)
+    {
+        $this->request = $request;
+
+        // Make sure it's available for other classes
+        Services::injectMock('request', $request);
+
+        return $this;
+    }
+
+    /**
+     * Set controller's response, with method chaining.
+     *
+     * @param ResponseInterface $response
+     *
+     * @return $this
+     */
+    public function withResponse($response)
+    {
+        $this->response = $response;
+
+        return $this;
+    }
+
+    /**
+     * Set controller's logger, with method chaining.
+     *
+     * @param LoggerInterface $logger
+     *
+     * @return $this
+     */
+    public function withLogger($logger)
+    {
+        $this->logger = $logger;
+
+        return $this;
+    }
+
+    /**
+     * Set the controller's URI, with method chaining.
+     *
+     * @return $this
+     */
+    public function withUri(string $uri)
+    {
+        $factory   = service('siteurifactory');
+        $this->uri = $factory->createFromString($uri);
+        Services::injectMock('uri', $this->uri);
+
+        // Update the Request instance, because Request has the SiteURI instance.
+        $this->request = service('incomingrequest', null, false);
+        Services::injectMock('request', $this->request);
+
+        return $this;
+    }
+
+    /**
+     * Set the method's body, with method chaining.
+     *
+     * @param string|null $body
+     *
+     * @return $this
+     */
+    public function withBody($body)
+    {
+        $this->body = $body;
+
+        return $this;
+    }
+}
diff --git a/ci4app/system/Test/DOMParser.php b/ci4app/system/Test/DOMParser.php
new file mode 100644
index 0000000..d8521ed
--- /dev/null
+++ b/ci4app/system/Test/DOMParser.php
@@ -0,0 +1,298 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test;
+
+use CodeIgniter\Exceptions\BadMethodCallException;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use DOMDocument;
+use DOMNodeList;
+use DOMXPath;
+
+/**
+ * Load a response into a DOMDocument for testing assertions based on that
+ *
+ * @see \CodeIgniter\Test\DOMParserTest
+ */
+class DOMParser
+{
+    /**
+     * DOM for the body,
+     *
+     * @var DOMDocument
+     */
+    protected $dom;
+
+    /**
+     * Constructor.
+     *
+     * @throws BadMethodCallException
+     */
+    public function __construct()
+    {
+        if (! extension_loaded('DOM')) {
+            throw new BadMethodCallException('DOM extension is required, but not currently loaded.'); // @codeCoverageIgnore
+        }
+
+        $this->dom = new DOMDocument('1.0', 'utf-8');
+    }
+
+    /**
+     * Returns the body of the current document.
+     */
+    public function getBody(): string
+    {
+        return $this->dom->saveHTML();
+    }
+
+    /**
+     * Sets a string as the body that we want to work with.
+     *
+     * @return $this
+     */
+    public function withString(string $content)
+    {
+        // DOMDocument::loadHTML() will treat your string as being in ISO-8859-1
+        // (the HTTP/1.1 default character set) unless you tell it otherwise.
+        // https://stackoverflow.com/a/8218649
+        // So encode characters to HTML numeric string references.
+        $content = mb_encode_numericentity($content, [0x80, 0x10FFFF, 0, 0x1FFFFF], 'UTF-8');
+
+        // turning off some errors
+        libxml_use_internal_errors(true);
+
+        if (! $this->dom->loadHTML($content)) {
+            // unclear how we would get here, given that we are trapping libxml errors
+            // @codeCoverageIgnoreStart
+            libxml_clear_errors();
+
+            throw new BadMethodCallException('Invalid HTML');
+            // @codeCoverageIgnoreEnd
+        }
+
+        // ignore the whitespace.
+        $this->dom->preserveWhiteSpace = false;
+
+        return $this;
+    }
+
+    /**
+     * Loads the contents of a file as a string
+     * so that we can work with it.
+     *
+     * @return $this
+     */
+    public function withFile(string $path)
+    {
+        if (! is_file($path)) {
+            throw new InvalidArgumentException(basename($path) . ' is not a valid file.');
+        }
+
+        $content = file_get_contents($path);
+
+        return $this->withString($content);
+    }
+
+    /**
+     * Checks to see if the text is found within the result.
+     */
+    public function see(?string $search = null, ?string $element = null): bool
+    {
+        // If Element is null, we're just scanning for text
+        if ($element === null) {
+            $content = $this->dom->saveHTML($this->dom->documentElement);
+
+            return mb_strpos($content, $search) !== false;
+        }
+
+        $result = $this->doXPath($search, $element);
+
+        return (bool) $result->length;
+    }
+
+    /**
+     * Checks to see if the text is NOT found within the result.
+     */
+    public function dontSee(?string $search = null, ?string $element = null): bool
+    {
+        return ! $this->see($search, $element);
+    }
+
+    /**
+     * Checks to see if an element with the matching CSS specifier
+     * is found within the current DOM.
+     */
+    public function seeElement(string $element): bool
+    {
+        return $this->see(null, $element);
+    }
+
+    /**
+     * Checks to see if the element is available within the result.
+     */
+    public function dontSeeElement(string $element): bool
+    {
+        return $this->dontSee(null, $element);
+    }
+
+    /**
+     * Determines if a link with the specified text is found
+     * within the results.
+     */
+    public function seeLink(string $text, ?string $details = null): bool
+    {
+        return $this->see($text, 'a' . $details);
+    }
+
+    /**
+     * Checks for an input named $field with a value of $value.
+     */
+    public function seeInField(string $field, string $value): bool
+    {
+        $result = $this->doXPath(null, 'input', ["[@value=\"{$value}\"][@name=\"{$field}\"]"]);
+
+        return (bool) $result->length;
+    }
+
+    /**
+     * Checks for checkboxes that are currently checked.
+     */
+    public function seeCheckboxIsChecked(string $element): bool
+    {
+        $result = $this->doXPath(null, 'input' . $element, [
+            '[@type="checkbox"]',
+            '[@checked="checked"]',
+        ]);
+
+        return (bool) $result->length;
+    }
+
+    /**
+     * Checks to see if the XPath can be found.
+     */
+    public function seeXPath(string $path): bool
+    {
+        $xpath = new DOMXPath($this->dom);
+
+        return (bool) $xpath->query($path)->length;
+    }
+
+    /**
+     * Checks to see if the XPath can't be found.
+     */
+    public function dontSeeXPath(string $path): bool
+    {
+        return ! $this->seeXPath($path);
+    }
+
+    /**
+     * Search the DOM using an XPath expression.
+     *
+     * @return DOMNodeList|false
+     */
+    protected function doXPath(?string $search, string $element, array $paths = [])
+    {
+        // Otherwise, grab any elements that match
+        // the selector
+        $selector = $this->parseSelector($element);
+
+        $path = '';
+
+        // By ID
+        if (isset($selector['id'])) {
+            $path = ($selector['tag'] === '')
+                ? "id(\"{$selector['id']}\")"
+                : "//{$selector['tag']}[@id=\"{$selector['id']}\"]";
+        }
+        // By Class
+        elseif (isset($selector['class'])) {
+            $path = ($selector['tag'] === '')
+                ? "//*[@class=\"{$selector['class']}\"]"
+                : "//{$selector['tag']}[@class=\"{$selector['class']}\"]";
+        }
+        // By tag only
+        elseif ($selector['tag'] !== '') {
+            $path = "//{$selector['tag']}";
+        }
+
+        if (isset($selector['attr'])) {
+            foreach ($selector['attr'] as $key => $value) {
+                $path .= "[@{$key}=\"{$value}\"]";
+            }
+        }
+
+        // $paths might contain a number of different
+        // ready to go xpath portions to tack on.
+        foreach ($paths as $extra) {
+            $path .= $extra;
+        }
+
+        if ($search !== null) {
+            $path .= "[contains(., \"{$search}\")]";
+        }
+
+        $xpath = new DOMXPath($this->dom);
+
+        return $xpath->query($path);
+    }
+
+    /**
+     * Look for the a selector  in the passed text.
+     *
+     * @return array{tag: string, id: string|null, class: string|null, attr: array<string, string>|null}
+     */
+    public function parseSelector(string $selector)
+    {
+        $id    = null;
+        $class = null;
+        $attr  = null;
+
+        // ID?
+        if (str_contains($selector, '#')) {
+            [$tag, $id] = explode('#', $selector);
+        }
+        // Attribute
+        elseif (str_contains($selector, '[') && str_contains($selector, ']')) {
+            $open  = strpos($selector, '[');
+            $close = strpos($selector, ']');
+
+            $tag  = substr($selector, 0, $open);
+            $text = substr($selector, $open + 1, $close - 2);
+
+            // We only support a single attribute currently
+            $text = explode(',', $text);
+            $text = trim(array_shift($text));
+
+            [$name, $value] = explode('=', $text);
+
+            $name  = trim($name);
+            $value = trim($value);
+            $attr  = [$name => trim($value, '] ')];
+        }
+        // Class?
+        elseif (str_contains($selector, '.')) {
+            [$tag, $class] = explode('.', $selector);
+        }
+        // Otherwise, assume the entire string is our tag
+        else {
+            $tag = $selector;
+        }
+
+        return [
+            'tag'   => $tag,
+            'id'    => $id,
+            'class' => $class,
+            'attr'  => $attr,
+        ];
+    }
+}
diff --git a/ci4app/system/Test/DatabaseTestTrait.php b/ci4app/system/Test/DatabaseTestTrait.php
new file mode 100644
index 0000000..c0d4473
--- /dev/null
+++ b/ci4app/system/Test/DatabaseTestTrait.php
@@ -0,0 +1,383 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test;
+
+use CodeIgniter\Database\BaseBuilder;
+use CodeIgniter\Database\Exceptions\DatabaseException;
+use CodeIgniter\Test\Constraints\SeeInDatabase;
+use Config\Database;
+use Config\Migrations;
+use Config\Services;
+use PHPUnit\Framework\Attributes\AfterClass;
+
+/**
+ * DatabaseTestTrait
+ *
+ * Provides functionality for refreshing/seeding
+ * the database during testing.
+ *
+ * @mixin CIUnitTestCase
+ */
+trait DatabaseTestTrait
+{
+    /**
+     * Is db migration done once or more than once?
+     *
+     * @var bool
+     */
+    private static $doneMigration = false;
+
+    /**
+     * Is seeding done once or more than once?
+     *
+     * @var bool
+     */
+    private static $doneSeed = false;
+
+    // --------------------------------------------------------------------
+    // Staging
+    // --------------------------------------------------------------------
+
+    /**
+     * Runs the trait set up methods.
+     *
+     * @return void
+     */
+    protected function setUpDatabase()
+    {
+        $this->loadDependencies();
+        $this->setUpMigrate();
+        $this->setUpSeed();
+    }
+
+    /**
+     * Runs the trait set up methods.
+     *
+     * @return void
+     */
+    protected function tearDownDatabase()
+    {
+        $this->clearInsertCache();
+    }
+
+    /**
+     * Load any database test dependencies.
+     *
+     * @return void
+     */
+    public function loadDependencies()
+    {
+        if ($this->db === null) {
+            $this->db = Database::connect($this->DBGroup);
+            $this->db->initialize();
+        }
+
+        if ($this->migrations === null) {
+            // Ensure that we can run migrations
+            $config          = new Migrations();
+            $config->enabled = true;
+
+            $this->migrations = Services::migrations($config, $this->db, false);
+            $this->migrations->setSilent(false);
+        }
+
+        if ($this->seeder === null) {
+            $this->seeder = Database::seeder($this->DBGroup);
+            $this->seeder->setSilent(true);
+        }
+    }
+
+    // --------------------------------------------------------------------
+    // Migrations
+    // --------------------------------------------------------------------
+
+    /**
+     * Migrate on setUp
+     *
+     * @return void
+     */
+    protected function setUpMigrate()
+    {
+        if ($this->migrateOnce === false || self::$doneMigration === false) {
+            if ($this->refresh === true) {
+                $this->regressDatabase();
+
+                // Reset counts on faked items
+                Fabricator::resetCounts();
+            }
+
+            $this->migrateDatabase();
+        }
+    }
+
+    /**
+     * Regress migrations as defined by the class
+     *
+     * @return void
+     */
+    protected function regressDatabase()
+    {
+        if ($this->migrate === false) {
+            return;
+        }
+
+        // If no namespace was specified then rollback all
+        if ($this->namespace === null) {
+            $this->migrations->setNamespace(null);
+            $this->migrations->regress(0, 'tests');
+        }
+
+        // Regress each specified namespace
+        else {
+            $namespaces = is_array($this->namespace) ? $this->namespace : [$this->namespace];
+
+            foreach ($namespaces as $namespace) {
+                $this->migrations->setNamespace($namespace);
+                $this->migrations->regress(0, 'tests');
+            }
+        }
+    }
+
+    /**
+     * Run migrations as defined by the class
+     *
+     * @return void
+     */
+    protected function migrateDatabase()
+    {
+        if ($this->migrate === false) {
+            return;
+        }
+
+        // If no namespace was specified then migrate all
+        if ($this->namespace === null) {
+            $this->migrations->setNamespace(null);
+            $this->migrations->latest('tests');
+            self::$doneMigration = true;
+        }
+        // Run migrations for each specified namespace
+        else {
+            $namespaces = is_array($this->namespace) ? $this->namespace : [$this->namespace];
+
+            foreach ($namespaces as $namespace) {
+                $this->migrations->setNamespace($namespace);
+                $this->migrations->latest('tests');
+                self::$doneMigration = true;
+            }
+        }
+    }
+
+    // --------------------------------------------------------------------
+    // Seeds
+    // --------------------------------------------------------------------
+
+    /**
+     * Seed on setUp
+     *
+     * @return void
+     */
+    protected function setUpSeed()
+    {
+        if ($this->seedOnce === false || self::$doneSeed === false) {
+            $this->runSeeds();
+        }
+    }
+
+    /**
+     * Run seeds as defined by the class
+     *
+     * @return void
+     */
+    protected function runSeeds()
+    {
+        if ($this->seed !== '') {
+            if ($this->basePath !== '') {
+                $this->seeder->setPath(rtrim($this->basePath, '/') . '/Seeds');
+            }
+
+            $seeds = is_array($this->seed) ? $this->seed : [$this->seed];
+
+            foreach ($seeds as $seed) {
+                $this->seed($seed);
+            }
+        }
+
+        self::$doneSeed = true;
+    }
+
+    /**
+     * Seeds that database with a specific seeder.
+     *
+     * @return void
+     */
+    public function seed(string $name)
+    {
+        $this->seeder->call($name);
+    }
+
+    // --------------------------------------------------------------------
+    // Utility
+    // --------------------------------------------------------------------
+    /**
+     * Reset $doneMigration and $doneSeed
+     *
+     * @return void
+     */
+    #[AfterClass]
+    public static function resetMigrationSeedCount()
+    {
+        self::$doneMigration = false;
+        self::$doneSeed      = false;
+    }
+
+    /**
+     * Removes any rows inserted via $this->hasInDatabase()
+     *
+     * @return void
+     */
+    protected function clearInsertCache()
+    {
+        foreach ($this->insertCache as $row) {
+            $this->db->table($row[0])
+                ->where($row[1])
+                ->delete();
+        }
+    }
+
+    /**
+     * Loads the Builder class appropriate for the current database.
+     *
+     * @return BaseBuilder
+     */
+    public function loadBuilder(string $tableName)
+    {
+        $builderClass = str_replace('Connection', 'Builder', $this->db::class);
+
+        return new $builderClass($tableName, $this->db);
+    }
+
+    /**
+     * Fetches a single column from a database row with criteria
+     * matching $where.
+     *
+     * @param array<string, mixed> $where
+     *
+     * @return bool
+     *
+     * @throws DatabaseException
+     */
+    public function grabFromDatabase(string $table, string $column, array $where)
+    {
+        $query = $this->db->table($table)
+            ->select($column)
+            ->where($where)
+            ->get();
+
+        $query = $query->getRow();
+
+        return $query->{$column} ?? false;
+    }
+
+    // --------------------------------------------------------------------
+    // Assertions
+    // --------------------------------------------------------------------
+
+    /**
+     * Asserts that records that match the conditions in $where DO
+     * exist in the database.
+     *
+     * @param array<string, mixed> $where
+     *
+     * @return void
+     *
+     * @throws DatabaseException
+     */
+    public function seeInDatabase(string $table, array $where)
+    {
+        $constraint = new SeeInDatabase($this->db, $where);
+        static::assertThat($table, $constraint);
+    }
+
+    /**
+     * Asserts that records that match the conditions in $where do
+     * not exist in the database.
+     *
+     * @param array<string, mixed> $where
+     *
+     * @return void
+     */
+    public function dontSeeInDatabase(string $table, array $where)
+    {
+        $count = $this->db->table($table)
+            ->where($where)
+            ->countAllResults();
+
+        $this->assertTrue($count === 0, 'Row was found in database');
+    }
+
+    /**
+     * Inserts a row into to the database. This row will be removed
+     * after the test has run.
+     *
+     * @param array<string, mixed> $data
+     *
+     * @return bool
+     */
+    public function hasInDatabase(string $table, array $data)
+    {
+        $this->insertCache[] = [
+            $table,
+            $data,
+        ];
+
+        return $this->db->table($table)->insert($data);
+    }
+
+    /**
+     * Asserts that the number of rows in the database that match $where
+     * is equal to $expected.
+     *
+     * @param array<string, mixed> $where
+     *
+     * @return void
+     *
+     * @throws DatabaseException
+     */
+    public function seeNumRecords(int $expected, string $table, array $where)
+    {
+        $count = $this->db->table($table)
+            ->where($where)
+            ->countAllResults();
+
+        $this->assertEquals($expected, $count, 'Wrong number of matching rows in database.');
+    }
+
+    /**
+     * Sets $DBDebug to false.
+     *
+     * WARNING: this value will persist! take care to roll it back.
+     */
+    protected function disableDBDebug(): void
+    {
+        $this->setPrivateProperty($this->db, 'DBDebug', false);
+    }
+
+    /**
+     * Sets $DBDebug to true.
+     */
+    protected function enableDBDebug(): void
+    {
+        $this->setPrivateProperty($this->db, 'DBDebug', true);
+    }
+}
diff --git a/ci4app/system/Test/Fabricator.php b/ci4app/system/Test/Fabricator.php
new file mode 100644
index 0000000..1a7c5c8
--- /dev/null
+++ b/ci4app/system/Test/Fabricator.php
@@ -0,0 +1,618 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test;
+
+use Closure;
+use CodeIgniter\Exceptions\FrameworkException;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Exceptions\RuntimeException;
+use CodeIgniter\I18n\Time;
+use CodeIgniter\Model;
+use Config\App;
+use Faker\Factory;
+use Faker\Generator;
+use InvalidArgumentException as BaseInvalidArgumentException;
+
+/**
+ * Fabricator
+ *
+ * Bridge class for using Faker to create example data based on
+ * model specifications.
+ *
+ * @see \CodeIgniter\Test\FabricatorTest
+ */
+class Fabricator
+{
+    /**
+     * Array of counts for fabricated items
+     *
+     * @var array
+     */
+    protected static $tableCounts = [];
+
+    /**
+     * Locale-specific Faker instance
+     *
+     * @var Generator
+     */
+    protected $faker;
+
+    /**
+     * Model instance (can be non-framework if it follows framework design)
+     *
+     * @var Model|object
+     */
+    protected $model;
+
+    /**
+     * Locale used to initialize Faker
+     *
+     * @var string
+     */
+    protected $locale;
+
+    /**
+     * Map of properties and their formatter to use
+     *
+     * @var array|null
+     */
+    protected $formatters;
+
+    /**
+     * Date fields present in the model
+     *
+     * @var array
+     */
+    protected $dateFields = [];
+
+    /**
+     * Array of data to add or override faked versions
+     *
+     * @var array
+     */
+    protected $overrides = [];
+
+    /**
+     * Array of single-use data to override faked versions
+     *
+     * @var array|null
+     */
+    protected $tempOverrides;
+
+    /**
+     * Fields to be modified before applying any formatter.
+     *
+     * @var array{
+     *   unique: array<non-empty-string, array{reset: bool, maxRetries: int}>,
+     *   optional: array<non-empty-string, array{weight: float, default: mixed}>,
+     *   valid: array<non-empty-string, array{validator: Closure(mixed): bool|null, maxRetries: int}>
+     * }
+     */
+    private array $modifiedFields = ['unique' => [], 'optional' => [], 'valid' => []];
+
+    /**
+     * Default formatter to use when nothing is detected
+     *
+     * @var string
+     */
+    public $defaultFormatter = 'word';
+
+    /**
+     * Store the model instance and initialize Faker to the locale.
+     *
+     * @param object|string $model      Instance or classname of the model to use
+     * @param array|null    $formatters Array of property => formatter
+     * @param string|null   $locale     Locale for Faker provider
+     *
+     * @throws InvalidArgumentException
+     */
+    public function __construct($model, ?array $formatters = null, ?string $locale = null)
+    {
+        if (is_string($model) && class_exists($model)) {
+            $model = model($model, false);
+        }
+
+        if (! is_object($model)) {
+            throw new InvalidArgumentException(lang('Fabricator.invalidModel'));
+        }
+
+        $this->model = $model;
+
+        // If no locale was specified then use the App default
+        if ($locale === null) {
+            $locale = config(App::class)->defaultLocale;
+        }
+
+        // There is no easy way to retrieve the locale from Faker so we will store it
+        $this->locale = $locale;
+
+        // Create the locale-specific Generator
+        $this->faker = Factory::create($this->locale);
+
+        // Determine eligible date fields
+        foreach (['createdField', 'updatedField', 'deletedField'] as $field) {
+            if (isset($this->model->{$field})) {
+                $this->dateFields[] = $this->model->{$field};
+            }
+        }
+
+        // Set the formatters
+        $this->setFormatters($formatters);
+    }
+
+    /**
+     * Reset internal counts
+     *
+     * @return void
+     */
+    public static function resetCounts()
+    {
+        self::$tableCounts = [];
+    }
+
+    /**
+     * Get the count for a specific table
+     *
+     * @param string $table Name of the target table
+     */
+    public static function getCount(string $table): int
+    {
+        return ! isset(self::$tableCounts[$table]) ? 0 : self::$tableCounts[$table];
+    }
+
+    /**
+     * Set the count for a specific table
+     *
+     * @param string $table Name of the target table
+     * @param int    $count Count value
+     *
+     * @return int The new count value
+     */
+    public static function setCount(string $table, int $count): int
+    {
+        self::$tableCounts[$table] = $count;
+
+        return $count;
+    }
+
+    /**
+     * Increment the count for a table
+     *
+     * @param string $table Name of the target table
+     *
+     * @return int The new count value
+     */
+    public static function upCount(string $table): int
+    {
+        return self::setCount($table, self::getCount($table) + 1);
+    }
+
+    /**
+     * Decrement the count for a table
+     *
+     * @param string $table Name of the target table
+     *
+     * @return int The new count value
+     */
+    public static function downCount(string $table): int
+    {
+        return self::setCount($table, self::getCount($table) - 1);
+    }
+
+    /**
+     * Returns the model instance
+     *
+     * @return object Framework or compatible model
+     */
+    public function getModel()
+    {
+        return $this->model;
+    }
+
+    /**
+     * Returns the locale
+     */
+    public function getLocale(): string
+    {
+        return $this->locale;
+    }
+
+    /**
+     * Returns the Faker generator
+     */
+    public function getFaker(): Generator
+    {
+        return $this->faker;
+    }
+
+    /**
+     * Return and reset tempOverrides
+     */
+    public function getOverrides(): array
+    {
+        $overrides = $this->tempOverrides ?? $this->overrides;
+
+        $this->tempOverrides = $this->overrides;
+
+        return $overrides;
+    }
+
+    /**
+     * Set the overrides, once or persistent
+     *
+     * @param array $overrides Array of [field => value]
+     * @param bool  $persist   Whether these overrides should persist through the next operation
+     */
+    public function setOverrides(array $overrides = [], $persist = true): self
+    {
+        if ($persist) {
+            $this->overrides = $overrides;
+        }
+
+        $this->tempOverrides = $overrides;
+
+        return $this;
+    }
+
+    /**
+     * Set a field to be unique.
+     *
+     * @param bool $reset      If set to true, resets the list of existing values
+     * @param int  $maxRetries Maximum number of retries to find a unique value,
+     *                         After which an OverflowException is thrown.
+     */
+    public function setUnique(string $field, bool $reset = false, int $maxRetries = 10000): static
+    {
+        $this->modifiedFields['unique'][$field] = compact('reset', 'maxRetries');
+
+        return $this;
+    }
+
+    /**
+     * Set a field to be optional.
+     *
+     * @param float $weight A probability between 0 and 1, 0 means that we always get the default value.
+     */
+    public function setOptional(string $field, float $weight = 0.5, mixed $default = null): static
+    {
+        $this->modifiedFields['optional'][$field] = compact('weight', 'default');
+
+        return $this;
+    }
+
+    /**
+     * Set a field to be valid using a callback.
+     *
+     * @param Closure(mixed): bool|null $validator  A function returning true for valid values
+     * @param int                       $maxRetries Maximum number of retries to find a valid value,
+     *                                              After which an OverflowException is thrown.
+     */
+    public function setValid(string $field, ?Closure $validator = null, int $maxRetries = 10000): static
+    {
+        $this->modifiedFields['valid'][$field] = compact('validator', 'maxRetries');
+
+        return $this;
+    }
+
+    /**
+     * Returns the current formatters
+     */
+    public function getFormatters(): ?array
+    {
+        return $this->formatters;
+    }
+
+    /**
+     * Set the formatters to use. Will attempt to autodetect if none are available.
+     *
+     * @param array|null $formatters Array of [field => formatter], or null to detect
+     */
+    public function setFormatters(?array $formatters = null): self
+    {
+        if ($formatters !== null) {
+            $this->formatters = $formatters;
+        } elseif (method_exists($this->model, 'fake')) {
+            $this->formatters = null;
+        } else {
+            $this->detectFormatters();
+        }
+
+        return $this;
+    }
+
+    /**
+     * Try to identify the appropriate Faker formatter for each field.
+     */
+    protected function detectFormatters(): self
+    {
+        $this->formatters = [];
+
+        if (isset($this->model->allowedFields)) {
+            foreach ($this->model->allowedFields as $field) {
+                $this->formatters[$field] = $this->guessFormatter($field);
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * Guess at the correct formatter to match a field name.
+     *
+     * @param string $field Name of the field
+     *
+     * @return string Name of the formatter
+     */
+    protected function guessFormatter($field): string
+    {
+        // First check for a Faker formatter of the same name - covers things like "email"
+        try {
+            $this->faker->getFormatter($field);
+
+            return $field;
+        } catch (BaseInvalidArgumentException) {
+            // No match, keep going
+        }
+
+        // Next look for known model fields
+        if (in_array($field, $this->dateFields, true)) {
+            switch ($this->model->dateFormat) {
+                case 'datetime':
+                case 'date':
+                    return 'date';
+
+                case 'int':
+                    return 'unixTime';
+            }
+        } elseif ($field === $this->model->primaryKey) {
+            return 'numberBetween';
+        }
+
+        // Check some common partials
+        foreach (['email', 'name', 'title', 'text', 'date', 'url'] as $term) {
+            if (str_contains(strtolower($field), strtolower($term))) {
+                return $term;
+            }
+        }
+
+        if (str_contains(strtolower($field), 'phone')) {
+            return 'phoneNumber';
+        }
+
+        // Nothing left, use the default
+        return $this->defaultFormatter;
+    }
+
+    /**
+     * Generate new entities with faked data
+     *
+     * @param int|null $count Optional number to create a collection
+     *
+     * @return array|object An array or object (based on returnType), or an array of returnTypes
+     */
+    public function make(?int $count = null)
+    {
+        // If a singleton was requested then go straight to it
+        if ($count === null) {
+            return $this->model->returnType === 'array'
+                ? $this->makeArray()
+                : $this->makeObject();
+        }
+
+        $return = [];
+
+        for ($i = 0; $i < $count; $i++) {
+            $return[] = $this->model->returnType === 'array'
+                ? $this->makeArray()
+                : $this->makeObject();
+        }
+
+        return $return;
+    }
+
+    /**
+     * Generate an array of faked data
+     *
+     * @return array An array of faked data
+     *
+     * @throws RuntimeException
+     */
+    public function makeArray()
+    {
+        if ($this->formatters !== null) {
+            $result = [];
+
+            foreach ($this->formatters as $field => $formatter) {
+                $faker = $this->faker;
+
+                if (isset($this->modifiedFields['unique'][$field])) {
+                    $faker = $faker->unique(
+                        $this->modifiedFields['unique'][$field]['reset'],
+                        $this->modifiedFields['unique'][$field]['maxRetries'],
+                    );
+                }
+
+                if (isset($this->modifiedFields['optional'][$field])) {
+                    $faker = $faker->optional(
+                        $this->modifiedFields['optional'][$field]['weight'],
+                        $this->modifiedFields['optional'][$field]['default'],
+                    );
+                }
+
+                if (isset($this->modifiedFields['valid'][$field])) {
+                    $faker = $faker->valid(
+                        $this->modifiedFields['valid'][$field]['validator'],
+                        $this->modifiedFields['valid'][$field]['maxRetries'],
+                    );
+                }
+
+                $result[$field] = $faker->format($formatter);
+            }
+        }
+        // If no formatters were defined then look for a model fake() method
+        elseif (method_exists($this->model, 'fake')) {
+            $result = $this->model->fake($this->faker);
+
+            $result = is_object($result) && method_exists($result, 'toArray')
+                // This should cover entities
+                ? $result->toArray()
+                // Try to cast it
+                : (array) $result;
+        }
+        // Nothing left to do but give up
+        else {
+            throw new RuntimeException(lang('Fabricator.missingFormatters'));
+        }
+
+        // Replace overridden fields
+        return array_merge($result, $this->getOverrides());
+    }
+
+    /**
+     * Generate an object of faked data
+     *
+     * @param string|null $className Class name of the object to create; null to use model default
+     *
+     * @return object An instance of the class with faked data
+     *
+     * @throws RuntimeException
+     */
+    public function makeObject(?string $className = null): object
+    {
+        if ($className === null) {
+            if ($this->model->returnType === 'object' || $this->model->returnType === 'array') {
+                $className = 'stdClass';
+            } else {
+                $className = $this->model->returnType;
+            }
+        }
+
+        // If using the model's fake() method then check it for the correct return type
+        if ($this->formatters === null && method_exists($this->model, 'fake')) {
+            $result = $this->model->fake($this->faker);
+
+            if ($result instanceof $className) {
+                // Set overrides manually
+                foreach ($this->getOverrides() as $key => $value) {
+                    $result->{$key} = $value;
+                }
+
+                return $result;
+            }
+        }
+
+        // Get the array values and apply them to the object
+        $array  = $this->makeArray();
+        $object = new $className();
+
+        // Check for the entity method
+        if (method_exists($object, 'fill')) {
+            $object->fill($array);
+        } else {
+            foreach ($array as $key => $value) {
+                $object->{$key} = $value;
+            }
+        }
+
+        return $object;
+    }
+
+    /**
+     * Generate new entities from the database
+     *
+     * @param int|null $count Optional number to create a collection
+     * @param bool     $mock  Whether to execute or mock the insertion
+     *
+     * @return array|object An array or object (based on returnType), or an array of returnTypes
+     *
+     * @throws FrameworkException
+     */
+    public function create(?int $count = null, bool $mock = false)
+    {
+        // Intercept mock requests
+        if ($mock) {
+            return $this->createMock($count);
+        }
+
+        $ids = [];
+
+        // Iterate over new entities and insert each one, storing insert IDs
+        foreach ($this->make($count ?? 1) as $result) {
+            if ($id = $this->model->insert($result, true)) {
+                $ids[] = $id;
+                self::upCount($this->model->table);
+
+                continue;
+            }
+
+            throw FrameworkException::forFabricatorCreateFailed($this->model->table, implode(' ', $this->model->errors() ?? []));
+        }
+
+        // If the model defines a "withDeleted" method for handling soft deletes then use it
+        if (method_exists($this->model, 'withDeleted')) {
+            $this->model->withDeleted();
+        }
+
+        return $this->model->find($count === null ? reset($ids) : $ids);
+    }
+
+    /**
+     * Generate new database entities without actually inserting them
+     *
+     * @param int|null $count Optional number to create a collection
+     *
+     * @return array|object An array or object (based on returnType), or an array of returnTypes
+     */
+    protected function createMock(?int $count = null)
+    {
+        $datetime = match ($this->model->dateFormat) {
+            'datetime' => date('Y-m-d H:i:s'),
+            'date'     => date('Y-m-d'),
+            default    => Time::now()->getTimestamp(),
+        };
+
+        // Determine which fields we will need
+        $fields = [];
+
+        if ($this->model->useTimestamps) {
+            $fields[$this->model->createdField] = $datetime;
+            $fields[$this->model->updatedField] = $datetime;
+        }
+
+        if ($this->model->useSoftDeletes) {
+            $fields[$this->model->deletedField] = null;
+        }
+
+        // Iterate over new entities and add the necessary fields
+        $return = [];
+
+        foreach ($this->make($count ?? 1) as $i => $result) {
+            // Set the ID
+            $fields[$this->model->primaryKey] = $i;
+
+            // Merge fields
+            if (is_array($result)) {
+                $result = array_merge($result, $fields);
+            } else {
+                foreach ($fields as $key => $value) {
+                    $result->{$key} = $value;
+                }
+            }
+
+            $return[] = $result;
+        }
+
+        return $count === null ? reset($return) : $return;
+    }
+}
diff --git a/ci4app/system/Test/FeatureTestTrait.php b/ci4app/system/Test/FeatureTestTrait.php
new file mode 100644
index 0000000..eaf49a0
--- /dev/null
+++ b/ci4app/system/Test/FeatureTestTrait.php
@@ -0,0 +1,431 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test;
+
+use CodeIgniter\Events\Events;
+use CodeIgniter\HTTP\Exceptions\RedirectException;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\Method;
+use CodeIgniter\HTTP\Request;
+use CodeIgniter\HTTP\SiteURI;
+use CodeIgniter\HTTP\URI;
+use Config\App;
+use Config\Services;
+use Exception;
+use ReflectionException;
+
+/**
+ * Trait FeatureTestTrait
+ *
+ * Provides additional utilities for doing full HTTP testing
+ * against your application in trait format.
+ */
+trait FeatureTestTrait
+{
+    /**
+     * Sets a RouteCollection that will override
+     * the application's route collection.
+     *
+     * Example routes:
+     * [
+     *    ['GET', 'home', 'Home::index'],
+     * ]
+     *
+     * @param array|null $routes Array to set routes
+     *
+     * @return $this
+     */
+    protected function withRoutes(?array $routes = null)
+    {
+        $collection = service('routes');
+
+        if ($routes !== null) {
+            $collection->resetRoutes();
+
+            foreach ($routes as $route) {
+                if ($route[0] === strtolower($route[0])) {
+                    @trigger_error(
+                        'Passing lowercase HTTP method "' . $route[0] . '" is deprecated.'
+                        . ' Use uppercase HTTP method like "' . strtoupper($route[0]) . '".',
+                        E_USER_DEPRECATED,
+                    );
+                }
+
+                /**
+                 * @TODO For backward compatibility. Remove strtolower() in the future.
+                 * @deprecated 4.5.0
+                 */
+                $method = strtolower($route[0]);
+
+                if (isset($route[3])) {
+                    $collection->{$method}($route[1], $route[2], $route[3]);
+                } else {
+                    $collection->{$method}($route[1], $route[2]);
+                }
+            }
+        }
+
+        $this->routes = $collection;
+
+        return $this;
+    }
+
+    /**
+     * Sets any values that should exist during this session.
+     *
+     * @param array|null $values Array of values, or null to use the current $_SESSION
+     *
+     * @return $this
+     */
+    public function withSession(?array $values = null)
+    {
+        $this->session = $values ?? $_SESSION;
+
+        return $this;
+    }
+
+    /**
+     * Set request's headers
+     *
+     * Example of use
+     * withHeaders([
+     *  'Authorization' => 'Token'
+     * ])
+     *
+     * @param array $headers Array of headers
+     *
+     * @return $this
+     */
+    public function withHeaders(array $headers = [])
+    {
+        $this->headers = $headers;
+
+        return $this;
+    }
+
+    /**
+     * Set the format the request's body should have.
+     *
+     * @param string $format The desired format. Currently supported formats: xml, json
+     *
+     * @return $this
+     */
+    public function withBodyFormat(string $format)
+    {
+        $this->bodyFormat = $format;
+
+        return $this;
+    }
+
+    /**
+     * Set the raw body for the request
+     *
+     * @param string $body
+     *
+     * @return $this
+     */
+    public function withBody($body)
+    {
+        $this->requestBody = $body;
+
+        return $this;
+    }
+
+    /**
+     * Don't run any events while running this test.
+     *
+     * @return $this
+     */
+    public function skipEvents()
+    {
+        Events::simulate(true);
+
+        return $this;
+    }
+
+    /**
+     * Calls a single URI, executes it, and returns a TestResponse
+     * instance that can be used to run many assertions against.
+     *
+     * @param string $method HTTP verb
+     *
+     * @return TestResponse
+     */
+    public function call(string $method, string $path, ?array $params = null)
+    {
+        if ($method === strtolower($method)) {
+            @trigger_error(
+                'Passing lowercase HTTP method "' . $method . '" is deprecated.'
+                . ' Use uppercase HTTP method like "' . strtoupper($method) . '".',
+                E_USER_DEPRECATED,
+            );
+        }
+
+        /**
+         * @deprecated 4.5.0
+         * @TODO remove this in the future.
+         */
+        $method = strtoupper($method);
+
+        // Simulate having a blank session
+        $_SESSION = [];
+        service('superglobals')->setServer('REQUEST_METHOD', $method);
+
+        $request = $this->setupRequest($method, $path);
+        $request = $this->setupHeaders($request);
+        $name    = strtolower($method);
+        $request = $this->populateGlobals($name, $request, $params);
+        $request = $this->setRequestBody($request, $params);
+
+        // Initialize the RouteCollection
+        $routes = $this->routes;
+
+        if ($routes !== []) {
+            $routes = service('routes')->loadRoutes();
+        }
+
+        $routes->setHTTPVerb($method);
+
+        // Make sure any other classes that might call the request
+        // instance get the right one.
+        Services::injectMock('request', $request);
+
+        // Make sure filters are reset between tests
+        Services::injectMock('filters', service('filters', null, false));
+
+        // Make sure validation is reset between tests
+        Services::injectMock('validation', service('validation', null, false));
+
+        $response = $this->app
+            ->setContext('web')
+            ->setRequest($request)
+            ->run($routes, true);
+
+        // Reset directory if it has been set
+        service('router')->setDirectory(null);
+
+        return new TestResponse($response);
+    }
+
+    /**
+     * Performs a GET request.
+     *
+     * @param string $path URI path relative to baseURL. May include query.
+     *
+     * @return TestResponse
+     *
+     * @throws RedirectException
+     * @throws Exception
+     */
+    public function get(string $path, ?array $params = null)
+    {
+        return $this->call(Method::GET, $path, $params);
+    }
+
+    /**
+     * Performs a POST request.
+     *
+     * @return TestResponse
+     *
+     * @throws RedirectException
+     * @throws Exception
+     */
+    public function post(string $path, ?array $params = null)
+    {
+        return $this->call(Method::POST, $path, $params);
+    }
+
+    /**
+     * Performs a PUT request
+     *
+     * @return TestResponse
+     *
+     * @throws RedirectException
+     * @throws Exception
+     */
+    public function put(string $path, ?array $params = null)
+    {
+        return $this->call(Method::PUT, $path, $params);
+    }
+
+    /**
+     * Performss a PATCH request
+     *
+     * @return TestResponse
+     *
+     * @throws RedirectException
+     * @throws Exception
+     */
+    public function patch(string $path, ?array $params = null)
+    {
+        return $this->call(Method::PATCH, $path, $params);
+    }
+
+    /**
+     * Performs a DELETE request.
+     *
+     * @return TestResponse
+     *
+     * @throws RedirectException
+     * @throws Exception
+     */
+    public function delete(string $path, ?array $params = null)
+    {
+        return $this->call(Method::DELETE, $path, $params);
+    }
+
+    /**
+     * Performs an OPTIONS request.
+     *
+     * @return TestResponse
+     *
+     * @throws RedirectException
+     * @throws Exception
+     */
+    public function options(string $path, ?array $params = null)
+    {
+        return $this->call(Method::OPTIONS, $path, $params);
+    }
+
+    /**
+     * Setup a Request object to use so that CodeIgniter
+     * won't try to auto-populate some of the items.
+     *
+     * @param string $method HTTP verb
+     */
+    protected function setupRequest(string $method, ?string $path = null): IncomingRequest
+    {
+        $config = config(App::class);
+        $uri    = new SiteURI($config);
+
+        // $path may have a query in it
+        $path  = URI::removeDotSegments($path);
+        $parts = explode('?', $path);
+        $path  = $parts[0];
+        $query = $parts[1] ?? '';
+
+        $superglobals = service('superglobals');
+        $superglobals->setServer('QUERY_STRING', $query);
+
+        $uri->setPath($path);
+        $uri->setQuery($query);
+
+        Services::injectMock('uri', $uri);
+
+        $request = service('incomingrequest', $config, false);
+
+        $request->setMethod($method);
+        $request->setProtocolVersion('1.1');
+
+        if ($config->forceGlobalSecureRequests) {
+            $_SERVER['HTTPS'] = 'test';
+            $server           = $request->getServer();
+            $server['HTTPS']  = 'test';
+            $request->setGlobal('server', $server);
+        }
+
+        return $request;
+    }
+
+    /**
+     * Setup the custom request's headers
+     *
+     * @return IncomingRequest
+     */
+    protected function setupHeaders(IncomingRequest $request)
+    {
+        if (! empty($this->headers)) {
+            foreach ($this->headers as $name => $value) {
+                $request->setHeader($name, $value);
+            }
+        }
+
+        return $request;
+    }
+
+    /**
+     * Populates the data of our Request with "global" data
+     * relevant to the request, like $_POST data.
+     *
+     * Always populate the GET vars based on the URI.
+     *
+     * @param string               $name   Superglobal name (lowercase)
+     * @param non-empty-array|null $params
+     *
+     * @return Request
+     *
+     * @throws ReflectionException
+     */
+    protected function populateGlobals(string $name, Request $request, ?array $params = null)
+    {
+        // $params should set the query vars if present,
+        // otherwise set it from the URL.
+        $get = ($params !== null && $params !== [] && $name === 'get')
+            ? $params
+            : $this->getPrivateProperty($request->getUri(), 'query');
+
+        $request->setGlobal('get', $get);
+
+        if ($name === 'get') {
+            $request->setGlobal('request', $request->fetchGlobal('get'));
+        }
+
+        if ($name === 'post') {
+            $request->setGlobal($name, $params);
+            $request->setGlobal(
+                'request',
+                $request->fetchGlobal('post') + $request->fetchGlobal('get'),
+            );
+        }
+
+        $_SESSION = $this->session ?? [];
+
+        return $request;
+    }
+
+    /**
+     * Set the request's body formatted according to the value in $this->bodyFormat.
+     * This allows the body to be formatted in a way that the controller is going to
+     * expect as in the case of testing a JSON or XML API.
+     *
+     * @param array|null $params The parameters to be formatted and put in the body.
+     */
+    protected function setRequestBody(Request $request, ?array $params = null): Request
+    {
+        if ($this->requestBody !== '') {
+            $request->setBody($this->requestBody);
+        }
+
+        if ($this->bodyFormat !== '') {
+            $formatMime = '';
+            if ($this->bodyFormat === 'json') {
+                $formatMime = 'application/json';
+            } elseif ($this->bodyFormat === 'xml') {
+                $formatMime = 'application/xml';
+            }
+
+            if ($formatMime !== '') {
+                $request->setHeader('Content-Type', $formatMime);
+            }
+
+            if ($params !== null && $formatMime !== '') {
+                $formatted = service('format')->getFormatter($formatMime)->format($params);
+                // "withBodyFormat() and $params of call()" has higher priority than withBody().
+                $request->setBody($formatted);
+            }
+        }
+
+        return $request;
+    }
+}
diff --git a/ci4app/system/Test/FilterTestTrait.php b/ci4app/system/Test/FilterTestTrait.php
new file mode 100644
index 0000000..1140adf
--- /dev/null
+++ b/ci4app/system/Test/FilterTestTrait.php
@@ -0,0 +1,323 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test;
+
+use Closure;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Exceptions\RuntimeException;
+use CodeIgniter\Filters\Exceptions\FilterException;
+use CodeIgniter\Filters\FilterInterface;
+use CodeIgniter\Filters\Filters;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use CodeIgniter\Router\RouteCollection;
+use Config\Filters as FiltersConfig;
+
+/**
+ * Filter Test Trait
+ *
+ * Provides functionality for testing
+ * filters and their route associations.
+ *
+ * @mixin CIUnitTestCase
+ */
+trait FilterTestTrait
+{
+    /**
+     * Have the one-time classes been instantiated?
+     *
+     * @var bool
+     */
+    private $doneFilterSetUp = false;
+
+    /**
+     * The active IncomingRequest or CLIRequest
+     *
+     * @var RequestInterface
+     */
+    protected $request;
+
+    /**
+     * The active Response instance
+     *
+     * @var ResponseInterface
+     */
+    protected $response;
+
+    /**
+     * The Filters configuration to use.
+     * Extracted for access to aliases
+     * during Filters::discoverFilters().
+     *
+     * @var FiltersConfig|null
+     */
+    protected $filtersConfig;
+
+    /**
+     * The prepared Filters library.
+     *
+     * @var Filters|null
+     */
+    protected $filters;
+
+    /**
+     * The default App and discovered
+     * routes to check for filters.
+     *
+     * @var RouteCollection|null
+     */
+    protected $collection;
+
+    // --------------------------------------------------------------------
+    // Staging
+    // --------------------------------------------------------------------
+
+    /**
+     * Initializes dependencies once.
+     */
+    protected function setUpFilterTestTrait(): void
+    {
+        if ($this->doneFilterSetUp === true) {
+            return;
+        }
+
+        // Create our own Request and Response so we can
+        // use the same ones for Filters and FilterInterface
+        // yet isolate them from outside influence
+        $this->request ??= clone service('request');
+        $this->response ??= clone service('response');
+
+        // Create our config and Filters instance to reuse for performance
+        $this->filtersConfig ??= config(FiltersConfig::class);
+        $this->filters ??= new Filters($this->filtersConfig, $this->request, $this->response);
+
+        if ($this->collection === null) {
+            $this->collection = service('routes')->loadRoutes();
+        }
+
+        $this->doneFilterSetUp = true;
+    }
+
+    // --------------------------------------------------------------------
+    // Utility
+    // --------------------------------------------------------------------
+
+    /**
+     * Returns a callable method for a filter position
+     * using the local HTTP instances.
+     *
+     * @param FilterInterface|string $filter   The filter instance, class, or alias
+     * @param string                 $position "before" or "after"
+     *
+     * @return Closure(list<string>|null=): mixed
+     */
+    protected function getFilterCaller($filter, string $position): Closure
+    {
+        if (! in_array($position, ['before', 'after'], true)) {
+            throw new InvalidArgumentException('Invalid filter position passed: ' . $position);
+        }
+
+        if ($filter instanceof FilterInterface) {
+            $filterInstances = [$filter];
+        }
+
+        if (is_string($filter)) {
+            // Check for an alias (no namespace)
+            if (! str_contains($filter, '\\')) {
+                if (! isset($this->filtersConfig->aliases[$filter])) {
+                    throw new RuntimeException("No filter found with alias '{$filter}'");
+                }
+
+                $filterClasses = (array) $this->filtersConfig->aliases[$filter];
+            } else {
+                // FQCN
+                $filterClasses = [$filter];
+            }
+
+            $filterInstances = [];
+
+            foreach ($filterClasses as $class) {
+                // Get an instance
+                $filter = new $class();
+
+                if (! $filter instanceof FilterInterface) {
+                    throw FilterException::forIncorrectInterface($filter::class);
+                }
+
+                $filterInstances[] = $filter;
+            }
+        }
+
+        $request = clone $this->request;
+
+        if ($position === 'before') {
+            return static function (?array $params = null) use ($filterInstances, $request) {
+                $result = null;
+
+                foreach ($filterInstances as $filter) {
+                    $result = $filter->before($request, $params);
+
+                    // @TODO The following logic is in Filters class.
+                    //       Should use Filters class.
+                    if ($result instanceof RequestInterface) {
+                        $request = $result;
+
+                        continue;
+                    }
+                    if ($result instanceof ResponseInterface) {
+                        return $result;
+                    }
+                    if (empty($result)) {
+                        continue;
+                    }
+                }
+
+                return $result;
+            };
+        }
+
+        $response = clone $this->response;
+
+        return static function (?array $params = null) use ($filterInstances, $request, $response) {
+            $result = null;
+
+            foreach ($filterInstances as $filter) {
+                $result = $filter->after($request, $response, $params);
+
+                // @TODO The following logic is in Filters class.
+                //       Should use Filters class.
+                if ($result instanceof ResponseInterface) {
+                    $response = $result;
+
+                    continue;
+                }
+            }
+
+            return $result;
+        };
+    }
+
+    /**
+     * Gets an array of filter aliases enabled
+     * for the given route at position.
+     *
+     * @param string $route    The route to test
+     * @param string $position "before" or "after"
+     *
+     * @return list<string> The filter aliases
+     */
+    protected function getFiltersForRoute(string $route, string $position): array
+    {
+        if (! in_array($position, ['before', 'after'], true)) {
+            throw new InvalidArgumentException('Invalid filter position passed:' . $position);
+        }
+
+        $this->filters->reset();
+
+        $routeFilters = $this->collection->getFiltersForRoute($route);
+
+        if ($routeFilters !== []) {
+            $this->filters->enableFilters($routeFilters, $position);
+        }
+
+        $aliases = $this->filters->initialize($route)->getFilters();
+
+        $this->filters->reset();
+
+        return $aliases[$position];
+    }
+
+    // --------------------------------------------------------------------
+    // Assertions
+    // --------------------------------------------------------------------
+
+    /**
+     * Asserts that the given route at position uses
+     * the filter (by its alias).
+     *
+     * @param string $route    The route to test
+     * @param string $position "before" or "after"
+     * @param string $alias    Alias for the anticipated filter
+     */
+    protected function assertFilter(string $route, string $position, string $alias): void
+    {
+        $filters = $this->getFiltersForRoute($route, $position);
+
+        $this->assertContains(
+            $alias,
+            $filters,
+            "Filter '{$alias}' does not apply to '{$route}'.",
+        );
+    }
+
+    /**
+     * Asserts that the given route at position does not
+     * use the filter (by its alias).
+     *
+     * @param string $route    The route to test
+     * @param string $position "before" or "after"
+     * @param string $alias    Alias for the anticipated filter
+     *
+     * @return void
+     */
+    protected function assertNotFilter(string $route, string $position, string $alias)
+    {
+        $filters = $this->getFiltersForRoute($route, $position);
+
+        $this->assertNotContains(
+            $alias,
+            $filters,
+            "Filter '{$alias}' applies to '{$route}' when it should not.",
+        );
+    }
+
+    /**
+     * Asserts that the given route at position has
+     * at least one filter set.
+     *
+     * @param string $route    The route to test
+     * @param string $position "before" or "after"
+     *
+     * @return void
+     */
+    protected function assertHasFilters(string $route, string $position)
+    {
+        $filters = $this->getFiltersForRoute($route, $position);
+
+        $this->assertNotEmpty(
+            $filters,
+            "No filters found for '{$route}' when at least one was expected.",
+        );
+    }
+
+    /**
+     * Asserts that the given route at position has
+     * no filters set.
+     *
+     * @param string $route    The route to test
+     * @param string $position "before" or "after"
+     *
+     * @return void
+     */
+    protected function assertNotHasFilters(string $route, string $position)
+    {
+        $filters = $this->getFiltersForRoute($route, $position);
+
+        $this->assertSame(
+            [],
+            $filters,
+            "Found filters for '{$route}' when none were expected: " . implode(', ', $filters) . '.',
+        );
+    }
+}
diff --git a/ci4app/system/Test/Filters/CITestStreamFilter.php b/ci4app/system/Test/Filters/CITestStreamFilter.php
new file mode 100644
index 0000000..538c074
--- /dev/null
+++ b/ci4app/system/Test/Filters/CITestStreamFilter.php
@@ -0,0 +1,107 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Filters;
+
+use php_user_filter;
+
+/**
+ * Used to capture output during unit testing, so that it can
+ * be used in assertions.
+ */
+class CITestStreamFilter extends php_user_filter
+{
+    /**
+     * Buffer to capture stream content.
+     *
+     * @var string
+     */
+    public static $buffer = '';
+
+    protected static bool $registered = false;
+
+    /**
+     * @var resource|null
+     */
+    private static $err;
+
+    /**
+     * @var resource|null
+     */
+    private static $out;
+
+    /**
+     * This method is called whenever data is read from or written to the
+     * attached stream (such as with fread() or fwrite()).
+     *
+     * @param resource $in
+     * @param resource $out
+     * @param int      $consumed
+     * @param bool     $closing
+     *
+     * @param-out int $consumed
+     */
+    public function filter($in, $out, &$consumed, $closing): int
+    {
+        while ($bucket = stream_bucket_make_writeable($in)) {
+            static::$buffer .= $bucket->data;
+            $consumed += (int) $bucket->datalen;
+        }
+
+        return PSFS_PASS_ON;
+    }
+
+    public static function registration(): void
+    {
+        if (! static::$registered) {
+            static::$registered = stream_filter_register('CITestStreamFilter', self::class); // @codeCoverageIgnore
+        }
+
+        static::$buffer = '';
+    }
+
+    public static function addErrorFilter(): void
+    {
+        self::removeFilter(self::$err);
+        self::$err = stream_filter_append(STDERR, 'CITestStreamFilter');
+    }
+
+    public static function addOutputFilter(): void
+    {
+        self::removeFilter(self::$out);
+        self::$out = stream_filter_append(STDOUT, 'CITestStreamFilter');
+    }
+
+    public static function removeErrorFilter(): void
+    {
+        self::removeFilter(self::$err);
+    }
+
+    public static function removeOutputFilter(): void
+    {
+        self::removeFilter(self::$out);
+    }
+
+    /**
+     * @param resource|null $stream
+     *
+     * @param-out null $stream
+     */
+    protected static function removeFilter(&$stream): void
+    {
+        if ($stream !== null) {
+            stream_filter_remove($stream);
+            $stream = null;
+        }
+    }
+}
diff --git a/ci4app/system/Test/IniTestTrait.php b/ci4app/system/Test/IniTestTrait.php
new file mode 100644
index 0000000..01f8c89
--- /dev/null
+++ b/ci4app/system/Test/IniTestTrait.php
@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test;
+
+trait IniTestTrait
+{
+    private array $iniSettings = [];
+
+    private function backupIniValues(array $keys): void
+    {
+        foreach ($keys as $key) {
+            $this->iniSettings[$key] = ini_get($key);
+        }
+    }
+
+    private function restoreIniValues(): void
+    {
+        foreach ($this->iniSettings as $key => $value) {
+            ini_set($key, $value);
+        }
+
+        $this->iniSettings = [];
+    }
+}
diff --git a/ci4app/system/Test/Interfaces/FabricatorModel.php b/ci4app/system/Test/Interfaces/FabricatorModel.php
new file mode 100644
index 0000000..57c1b16
--- /dev/null
+++ b/ci4app/system/Test/Interfaces/FabricatorModel.php
@@ -0,0 +1,89 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Interfaces;
+
+use CodeIgniter\BaseModel;
+use Faker\Generator;
+use ReflectionException;
+
+/**
+ * FabricatorModel
+ *
+ * An interface defining the required methods and properties
+ * needed for a model to qualify for use with the Fabricator class.
+ * While interfaces cannot enforce properties, the following
+ * are required for use with Fabricator:
+ *
+ * @property string $returnType
+ * @property string $primaryKey
+ * @property string $dateFormat
+ *
+ * @phpstan-import-type row_array from BaseModel
+ */
+interface FabricatorModel
+{
+    /**
+     * Fetches the row of database from $this->table with a primary key
+     * matching $id.
+     *
+     * @param int|list<int|string>|string|null $id One primary key or an array of primary keys
+     *
+     * @return ($id is int|string ? object|row_array|null : list<object|row_array>)
+     */
+    public function find($id = null);
+
+    /**
+     * Inserts data into the current table. If an object is provided,
+     * it will attempt to convert it to an array.
+     *
+     * @param object|row_array|null $row
+     * @param bool                  $returnID Whether insert ID should be returned or not.
+     *
+     * @return bool|int|string
+     *
+     * @throws ReflectionException
+     */
+    public function insert($row = null, bool $returnID = true);
+
+    /**
+     * The following properties and methods are optional, but if present should
+     * adhere to their definitions.
+     *
+     * @property array  $allowedFields
+     * @property string $useSoftDeletes
+     * @property string $useTimestamps
+     * @property string $createdField
+     * @property string $updatedField
+     * @property string $deletedField
+     */
+
+    /*
+     * Sets $useSoftDeletes value so that we can temporarily override
+     * the softdeletes settings. Can be used for all find* methods.
+     *
+     * @param bool $val
+     *
+     * @return Model
+     */
+    // public function withDeleted($val = true);
+
+    /**
+     * Faked data for Fabricator.
+     *
+     * @param Generator $faker
+     *
+     * @return array|object
+     */
+    // public function fake(Generator &$faker);
+}
diff --git a/ci4app/system/Test/Mock/MockAppConfig.php b/ci4app/system/Test/Mock/MockAppConfig.php
new file mode 100644
index 0000000..12c33ee
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockAppConfig.php
@@ -0,0 +1,30 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use Config\App;
+
+class MockAppConfig extends App
+{
+    public string $baseURL         = 'http://example.com/';
+    public string $uriProtocol     = 'REQUEST_URI';
+    public array $proxyIPs         = [];
+    public bool $CSPEnabled        = false;
+    public string $defaultLocale   = 'en';
+    public bool $negotiateLocale   = false;
+    public array $supportedLocales = [
+        'en',
+        'es',
+    ];
+}
diff --git a/ci4app/system/Test/Mock/MockAutoload.php b/ci4app/system/Test/Mock/MockAutoload.php
new file mode 100644
index 0000000..0334829
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockAutoload.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use Config\Autoload;
+
+class MockAutoload extends Autoload
+{
+    public $psr4     = [];
+    public $classmap = [];
+
+    public function __construct()
+    {
+        // Don't call the parent since we don't want the default mappings.
+        // parent::__construct();
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockBuilder.php b/ci4app/system/Test/Mock/MockBuilder.php
new file mode 100644
index 0000000..f95f094
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockBuilder.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\Database\BaseBuilder;
+
+class MockBuilder extends BaseBuilder
+{
+    /**
+     * @var array<string, string>
+     */
+    protected $supportedIgnoreStatements = [
+        'update' => 'IGNORE',
+        'insert' => 'IGNORE',
+        'delete' => 'IGNORE',
+    ];
+}
diff --git a/ci4app/system/Test/Mock/MockCLIConfig.php b/ci4app/system/Test/Mock/MockCLIConfig.php
new file mode 100644
index 0000000..99e3597
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockCLIConfig.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use Config\App;
+
+class MockCLIConfig extends App
+{
+    public string $baseURL        = 'http://example.com/';
+    public string $uriProtocol    = 'REQUEST_URI';
+    public array $proxyIPs        = [];
+    public string $CSRFTokenName  = 'csrf_test_name';
+    public string $CSRFCookieName = 'csrf_cookie_name';
+    public int $CSRFExpire        = 7200;
+    public bool $CSRFRegenerate   = true;
+
+    /**
+     * @var list<string>
+     */
+    public array $CSRFExcludeURIs = ['http://example.com'];
+
+    public string $CSRFSameSite    = 'Lax';
+    public bool $CSPEnabled        = false;
+    public string $defaultLocale   = 'en';
+    public bool $negotiateLocale   = false;
+    public array $supportedLocales = [
+        'en',
+        'es',
+    ];
+}
diff --git a/ci4app/system/Test/Mock/MockCURLRequest.php b/ci4app/system/Test/Mock/MockCURLRequest.php
new file mode 100644
index 0000000..059b831
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockCURLRequest.php
@@ -0,0 +1,79 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\HTTP\CURLRequest;
+use CodeIgniter\HTTP\URI;
+
+/**
+ * Simply allows us to not actually call cURL during the
+ * test runs. Instead, we can set the desired output
+ * and get back the set options.
+ */
+class MockCURLRequest extends CURLRequest
+{
+    /**
+     * @var array<int, mixed>
+     */
+    public $curl_options;
+
+    /**
+     * @var string
+     */
+    protected $output = '';
+
+    /**
+     * @param string $output
+     *
+     * @return $this
+     */
+    public function setOutput($output)
+    {
+        $this->output = $output;
+
+        return $this;
+    }
+
+    /**
+     * @param array<int, mixed> $curlOptions
+     */
+    protected function sendRequest(array $curlOptions = []): string
+    {
+        $this->response = clone $this->responseOrig;
+
+        $this->curl_options = $curlOptions;
+
+        return $this->output;
+    }
+
+    /**
+     * for testing purposes only
+     *
+     * @return URI
+     */
+    public function getBaseURI()
+    {
+        return $this->baseURI;
+    }
+
+    /**
+     * for testing purposes only
+     *
+     * @return float
+     */
+    public function getDelay()
+    {
+        return $this->delay;
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockCache.php b/ci4app/system/Test/Mock/MockCache.php
new file mode 100644
index 0000000..67f8aee
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockCache.php
@@ -0,0 +1,308 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use Closure;
+use CodeIgniter\Cache\CacheInterface;
+use CodeIgniter\Cache\Handlers\BaseHandler;
+use CodeIgniter\I18n\Time;
+use PHPUnit\Framework\Assert;
+
+class MockCache extends BaseHandler implements CacheInterface
+{
+    /**
+     * Mock cache storage.
+     *
+     * @var array<string, mixed>
+     */
+    protected $cache = [];
+
+    /**
+     * Expiration times.
+     *
+     * @var array<string, int|null>
+     */
+    protected $expirations = [];
+
+    /**
+     * If true, will not cache any data.
+     *
+     * @var bool
+     */
+    protected $bypass = false;
+
+    /**
+     * Takes care of any handler-specific setup that must be done.
+     *
+     * @return void
+     */
+    public function initialize()
+    {
+    }
+
+    /**
+     * Attempts to fetch an item from the cache store.
+     *
+     * @param string $key Cache item name
+     *
+     * @return bool|null
+     */
+    public function get(string $key)
+    {
+        $key = static::validateKey($key, $this->prefix);
+
+        return array_key_exists($key, $this->cache) ? $this->cache[$key] : null;
+    }
+
+    /**
+     * Get an item from the cache, or execute the given Closure and store the result.
+     *
+     * @return bool|null
+     */
+    public function remember(string $key, int $ttl, Closure $callback)
+    {
+        $value = $this->get($key);
+
+        if ($value !== null) {
+            return $value;
+        }
+
+        $this->save($key, $value = $callback(), $ttl);
+
+        return $value;
+    }
+
+    /**
+     * Saves an item to the cache store.
+     *
+     * The $raw parameter is only utilized by Mamcache in order to
+     * allow usage of increment() and decrement().
+     *
+     * @param string $key   Cache item name
+     * @param mixed  $value the data to save
+     * @param int    $ttl   Time To Live, in seconds (default 60)
+     *
+     * @return bool
+     */
+    public function save(string $key, $value, int $ttl = 60)
+    {
+        if ($this->bypass) {
+            return false;
+        }
+
+        $key = static::validateKey($key, $this->prefix);
+
+        $this->cache[$key]       = $value;
+        $this->expirations[$key] = $ttl > 0 ? Time::now()->getTimestamp() + $ttl : null;
+
+        return true;
+    }
+
+    /**
+     * Deletes a specific item from the cache store.
+     *
+     * @return bool
+     */
+    public function delete(string $key)
+    {
+        $key = static::validateKey($key, $this->prefix);
+
+        if (! isset($this->cache[$key])) {
+            return false;
+        }
+
+        unset($this->cache[$key], $this->expirations[$key]);
+
+        return true;
+    }
+
+    /**
+     * Deletes items from the cache store matching a given pattern.
+     *
+     * @return int
+     */
+    public function deleteMatching(string $pattern)
+    {
+        $count = 0;
+
+        foreach (array_keys($this->cache) as $key) {
+            if (fnmatch($pattern, $key)) {
+                $count++;
+                unset($this->cache[$key], $this->expirations[$key]);
+            }
+        }
+
+        return $count;
+    }
+
+    /**
+     * Performs atomic incrementation of a raw stored value.
+     *
+     * @return bool
+     */
+    public function increment(string $key, int $offset = 1)
+    {
+        $key  = static::validateKey($key, $this->prefix);
+        $data = $this->cache[$key] ?: null;
+
+        if ($data === null) {
+            $data = 0;
+        } elseif (! is_int($data)) {
+            return false;
+        }
+
+        return $this->save($key, $data + $offset);
+    }
+
+    /**
+     * Performs atomic decrementation of a raw stored value.
+     *
+     * @return bool
+     */
+    public function decrement(string $key, int $offset = 1)
+    {
+        $key = static::validateKey($key, $this->prefix);
+
+        $data = $this->cache[$key] ?: null;
+
+        if ($data === null) {
+            $data = 0;
+        } elseif (! is_int($data)) {
+            return false;
+        }
+
+        return $this->save($key, $data - $offset);
+    }
+
+    /**
+     * Will delete all items in the entire cache.
+     *
+     * @return bool
+     */
+    public function clean()
+    {
+        $this->cache       = [];
+        $this->expirations = [];
+
+        return true;
+    }
+
+    /**
+     * Returns information on the entire cache.
+     *
+     * The information returned and the structure of the data
+     * varies depending on the handler.
+     *
+     * @return list<string> Keys currently present in the store
+     */
+    public function getCacheInfo()
+    {
+        return array_keys($this->cache);
+    }
+
+    /**
+     * Returns detailed information about the specific item in the cache.
+     *
+     * @return array{expire: int|null}|null Returns null if the item does not exist,
+     *                                      otherwise, array with the 'expire' key for
+     *                                      absolute epoch expiry (or null).
+     */
+    public function getMetaData(string $key)
+    {
+        // Misses return null
+        if (! array_key_exists($key, $this->expirations)) {
+            return null;
+        }
+
+        // Count expired items as a miss
+        if (is_int($this->expirations[$key]) && $this->expirations[$key] > Time::now()->getTimestamp()) {
+            return null;
+        }
+
+        return ['expire' => $this->expirations[$key]];
+    }
+
+    /**
+     * Determine if the driver is supported on this system.
+     */
+    public function isSupported(): bool
+    {
+        return true;
+    }
+
+    // --------------------------------------------------------------------
+    // Test Helpers
+    // --------------------------------------------------------------------
+
+    /**
+     * Instructs the class to ignore all
+     * requests to cache an item, and always "miss"
+     * when checked for existing data.
+     *
+     * @return $this
+     */
+    public function bypass(bool $bypass = true)
+    {
+        $this->clean();
+        $this->bypass = $bypass;
+
+        return $this;
+    }
+
+    // --------------------------------------------------------------------
+    // Additional Assertions
+    // --------------------------------------------------------------------
+
+    /**
+     * Asserts that the cache has an item named $key.
+     * The value is not checked since storing false or null
+     * values is valid.
+     *
+     * @return void
+     */
+    public function assertHas(string $key)
+    {
+        Assert::assertNotNull($this->get($key), "The cache does not have an item named: `{$key}`");
+    }
+
+    /**
+     * Asserts that the cache has an item named $key with a value matching $value.
+     *
+     * @param mixed $value
+     *
+     * @return void
+     */
+    public function assertHasValue(string $key, $value = null)
+    {
+        $item = $this->get($key);
+
+        // Let assertHas() handle throwing the error for consistency
+        // if the key is not found
+        if ($item === null) {
+            $this->assertHas($key);
+        }
+
+        Assert::assertSame($value, $this->get($key), "The cached item `{$key}` does not equal match expectation. Found: " . print_r($value, true));
+    }
+
+    /**
+     * Asserts that the cache does NOT have an item named $key.
+     *
+     * @return void
+     */
+    public function assertMissing(string $key)
+    {
+        Assert::assertArrayNotHasKey($key, $this->cache, "The cached item named `{$key}` exists.");
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockCodeIgniter.php b/ci4app/system/Test/Mock/MockCodeIgniter.php
new file mode 100644
index 0000000..75de5d5
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockCodeIgniter.php
@@ -0,0 +1,31 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\CodeIgniter;
+
+class MockCodeIgniter extends CodeIgniter
+{
+    protected ?string $context = 'web';
+
+    /**
+     * @param int $code
+     *
+     * @deprecated 4.4.0 No longer Used. Moved to index.php.
+     */
+    protected function callExit($code)
+    {
+        // Do not call exit() in testing.
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockCommon.php b/ci4app/system/Test/Mock/MockCommon.php
new file mode 100644
index 0000000..593ebde
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockCommon.php
@@ -0,0 +1,34 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+if (! function_exists('is_cli')) {
+    /**
+     * Is CLI?
+     *
+     * Test to see if a request was made from the command line.
+     * You can set the return value for testing.
+     *
+     * @param bool $newReturn return value to set
+     */
+    function is_cli(?bool $newReturn = null): bool
+    {
+        // PHPUnit always runs via CLI.
+        static $returnValue = true;
+
+        if ($newReturn !== null) {
+            $returnValue = $newReturn;
+        }
+
+        return $returnValue;
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockConnection.php b/ci4app/system/Test/Mock/MockConnection.php
new file mode 100644
index 0000000..d141605
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockConnection.php
@@ -0,0 +1,278 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\CodeIgniter;
+use CodeIgniter\Database\BaseConnection;
+use CodeIgniter\Database\BaseResult;
+use CodeIgniter\Database\Query;
+use CodeIgniter\Database\TableName;
+use stdClass;
+
+/**
+ * @extends BaseConnection<object|resource, object|resource>
+ */
+class MockConnection extends BaseConnection
+{
+    /**
+     * @var array{
+     *   connect?: false|list<false|object|resource>|object|resource,
+     *   execute?: false|object|resource,
+     * }
+     */
+    protected $returnValues = [];
+
+    /**
+     * Database schema for Postgre and SQLSRV
+     *
+     * @var string
+     */
+    protected $schema;
+
+    /**
+     * @var string
+     */
+    public $database;
+
+    /**
+     * @var Query
+     */
+    public $lastQuery;
+
+    /**
+     * @param false|list<false|object|resource>|object|resource $return
+     *
+     * @return $this
+     */
+    public function shouldReturn(string $method, $return)
+    {
+        $this->returnValues[$method] = $return;
+
+        return $this;
+    }
+
+    /**
+     * Orchestrates a query against the database. Queries must use
+     * Database\Statement objects to store the query and build it.
+     * This method works with the cache.
+     *
+     * Should automatically handle different connections for read/write
+     * queries if needed.
+     *
+     * @param mixed $binds
+     *
+     * @return BaseResult<object|resource, object|resource>|bool|Query
+     *
+     * @todo BC set $queryClass default as null in 4.1
+     */
+    public function query(string $sql, $binds = null, bool $setEscapeFlags = true, string $queryClass = '')
+    {
+        /** @var class-string<Query> $queryClass */
+        $queryClass = str_replace('Connection', 'Query', static::class);
+
+        $query = new $queryClass($this);
+
+        $query->setQuery($sql, $binds, $setEscapeFlags);
+
+        if ($this->swapPre !== '' && $this->DBPrefix !== '') {
+            $query->swapPrefix($this->DBPrefix, $this->swapPre);
+        }
+
+        $startTime = microtime(true);
+
+        $this->lastQuery = $query;
+
+        $this->resultID = $this->simpleQuery($query->getQuery());
+
+        if ($this->resultID === false) {
+            $query->setDuration($startTime, $startTime);
+
+            // @todo deal with errors
+            return false;
+        }
+
+        $query->setDuration($startTime);
+
+        // resultID is not false, so it must be successful
+        if ($query->isWriteType()) {
+            return true;
+        }
+
+        // query is not write-type, so it must be read-type query; return QueryResult
+        /** @var class-string<BaseResult> $resultClass */
+        $resultClass = str_replace('Connection', 'Result', static::class);
+
+        return new $resultClass($this->connID, $this->resultID);
+    }
+
+    /**
+     * Connect to the database.
+     *
+     * @return false|object|resource
+     */
+    public function connect(bool $persistent = false)
+    {
+        $return = $this->returnValues['connect'] ?? true;
+
+        if (is_array($return)) {
+            // By removing the top item here, we can
+            // get a different value for, say, testing failover connections.
+            $return = array_shift($this->returnValues['connect']);
+        }
+
+        return $return;
+    }
+
+    /**
+     * Keep or establish the connection if no queries have been sent for
+     * a length of time exceeding the server's idle timeout.
+     */
+    public function reconnect(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Select a specific database table to use.
+     *
+     * @return bool
+     */
+    public function setDatabase(string $databaseName)
+    {
+        $this->database = $databaseName;
+
+        return true;
+    }
+
+    /**
+     * Returns a string containing the version of the database being used.
+     */
+    public function getVersion(): string
+    {
+        return CodeIgniter::CI_VERSION;
+    }
+
+    /**
+     * Executes the query against the database.
+     *
+     * @return false|object|resource
+     */
+    protected function execute(string $sql)
+    {
+        return $this->returnValues['execute'];
+    }
+
+    /**
+     * Returns the total number of rows affected by this query.
+     */
+    public function affectedRows(): int
+    {
+        return 1;
+    }
+
+    /**
+     * Returns the last error code and message.
+     *
+     * @return array{code: int, message: string}
+     */
+    public function error(): array
+    {
+        return [
+            'code'    => 0,
+            'message' => '',
+        ];
+    }
+
+    public function insertID(): int
+    {
+        return $this->connID->insert_id;
+    }
+
+    /**
+     * Generates the SQL for listing tables in a platform-dependent manner.
+     *
+     * @param string|null $tableName If $tableName is provided will return only this table if exists.
+     */
+    protected function _listTables(bool $constrainByPrefix = false, ?string $tableName = null): string
+    {
+        return '';
+    }
+
+    /**
+     * Generates a platform-specific query string so that the column names can be fetched.
+     *
+     * @param string|TableName $table
+     */
+    protected function _listColumns($table = ''): string
+    {
+        return '';
+    }
+
+    /**
+     * @return list<stdClass>
+     */
+    protected function _fieldData(string $table): array
+    {
+        return [];
+    }
+
+    /**
+     * @return array<string, stdClass>
+     */
+    protected function _indexData(string $table): array
+    {
+        return [];
+    }
+
+    /**
+     * @return array<string, stdClass>
+     */
+    protected function _foreignKeyData(string $table): array
+    {
+        return [];
+    }
+
+    /**
+     * Close the connection.
+     *
+     * @return void
+     */
+    protected function _close()
+    {
+    }
+
+    /**
+     * Begin Transaction
+     */
+    protected function _transBegin(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Commit Transaction
+     */
+    protected function _transCommit(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Rollback Transaction
+     */
+    protected function _transRollback(): bool
+    {
+        return true;
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockEmail.php b/ci4app/system/Test/Mock/MockEmail.php
new file mode 100644
index 0000000..222e770
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockEmail.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\Email\Email;
+use CodeIgniter\Events\Events;
+
+class MockEmail extends Email
+{
+    /**
+     * Value to return from mocked send().
+     *
+     * @var bool
+     */
+    public $returnValue = true;
+
+    public function send($autoClear = true)
+    {
+        if ($this->returnValue) {
+            $this->setArchiveValues();
+
+            if ($autoClear) {
+                $this->clear();
+            }
+
+            Events::trigger('email', $this->archive);
+        }
+
+        return $this->returnValue;
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockEvents.php b/ci4app/system/Test/Mock/MockEvents.php
new file mode 100644
index 0000000..4ed1ea6
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockEvents.php
@@ -0,0 +1,51 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\Events\Events;
+
+class MockEvents extends Events
+{
+    /**
+     * @return array<string, array{0: bool, 1: list<int>, 2: list<callable(mixed): mixed>}>
+     */
+    public function getListeners()
+    {
+        return self::$listeners;
+    }
+
+    /**
+     * @return list<string>
+     */
+    public function getEventsFile()
+    {
+        return self::$files;
+    }
+
+    /**
+     * @return bool
+     */
+    public function getSimulate()
+    {
+        return self::$simulate;
+    }
+
+    /**
+     * @return void
+     */
+    public function unInitialize()
+    {
+        static::$initialized = false;
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockFileLogger.php b/ci4app/system/Test/Mock/MockFileLogger.php
new file mode 100644
index 0000000..5a815b2
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockFileLogger.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\Log\Handlers\FileHandler;
+
+/**
+ * Extends FileHandler, exposing some inner workings
+ */
+class MockFileLogger extends FileHandler
+{
+    /**
+     * Where would the log be written?
+     *
+     * @var string
+     */
+    public $destination;
+
+    /**
+     * @param array{handles?: list<string>, path?: string, fileExtension?: string, filePermissions?: int} $config
+     */
+    public function __construct(array $config)
+    {
+        parent::__construct($config);
+
+        $this->destination = $this->path . 'log-' . date('Y-m-d') . '.' . $this->fileExtension;
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockIncomingRequest.php b/ci4app/system/Test/Mock/MockIncomingRequest.php
new file mode 100644
index 0000000..f0c2ca3
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockIncomingRequest.php
@@ -0,0 +1,20 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\HTTP\IncomingRequest;
+
+class MockIncomingRequest extends IncomingRequest
+{
+}
diff --git a/ci4app/system/Test/Mock/MockInputOutput.php b/ci4app/system/Test/Mock/MockInputOutput.php
new file mode 100644
index 0000000..6aa4779
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockInputOutput.php
@@ -0,0 +1,140 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\CLI\InputOutput;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Exceptions\LogicException;
+use CodeIgniter\Test\Filters\CITestStreamFilter;
+use CodeIgniter\Test\PhpStreamWrapper;
+
+final class MockInputOutput extends InputOutput
+{
+    /**
+     * String to be entered by the user.
+     *
+     * @var list<string>
+     */
+    private array $inputs = [];
+
+    /**
+     * Output lines.
+     *
+     * @var list<string>
+     */
+    private array $outputs = [];
+
+    /**
+     * Sets user inputs.
+     *
+     * @param list<string> $inputs
+     */
+    public function setInputs(array $inputs): void
+    {
+        $this->inputs = $inputs;
+    }
+
+    /**
+     * Gets the item from the output array.
+     *
+     * @param int|null $index The output array index. If null, returns all output
+     *                        string. If negative int, returns the last $index-th
+     *                        item.
+     */
+    public function getOutput(?int $index = null): string
+    {
+        if ($index === null) {
+            return implode('', $this->outputs);
+        }
+
+        if (array_key_exists($index, $this->outputs)) {
+            return $this->outputs[$index];
+        }
+
+        if ($index < 0) {
+            $i = count($this->outputs) + $index;
+
+            if (array_key_exists($i, $this->outputs)) {
+                return $this->outputs[$i];
+            }
+        }
+
+        throw new InvalidArgumentException(
+            'No such index in output: ' . $index . ', the last index is: '
+            . (count($this->outputs) - 1),
+        );
+    }
+
+    /**
+     * Returns the outputs array.
+     *
+     * @return list<string>
+     */
+    public function getOutputs(): array
+    {
+        return $this->outputs;
+    }
+
+    private function addStreamFilters(): void
+    {
+        CITestStreamFilter::registration();
+        CITestStreamFilter::addOutputFilter();
+        CITestStreamFilter::addErrorFilter();
+    }
+
+    private function removeStreamFilters(): void
+    {
+        CITestStreamFilter::removeOutputFilter();
+        CITestStreamFilter::removeErrorFilter();
+    }
+
+    public function input(?string $prefix = null): string
+    {
+        if ($this->inputs === []) {
+            throw new LogicException(
+                'No input data. Specifiy input data with `MockInputOutput::setInputs()`.',
+            );
+        }
+
+        $input = array_shift($this->inputs);
+
+        $this->addStreamFilters();
+
+        PhpStreamWrapper::register();
+        PhpStreamWrapper::setContent($input);
+
+        $userInput       = parent::input($prefix);
+        $this->outputs[] = CITestStreamFilter::$buffer . $input . PHP_EOL;
+
+        PhpStreamWrapper::restore();
+
+        $this->removeStreamFilters();
+
+        if ($input !== $userInput) {
+            throw new LogicException($input . '!==' . $userInput);
+        }
+
+        return $input;
+    }
+
+    public function fwrite($handle, string $string): void
+    {
+        $this->addStreamFilters();
+
+        parent::fwrite($handle, $string);
+        $this->outputs[] = CITestStreamFilter::$buffer;
+
+        $this->removeStreamFilters();
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockLanguage.php b/ci4app/system/Test/Mock/MockLanguage.php
new file mode 100644
index 0000000..4ae1196
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockLanguage.php
@@ -0,0 +1,60 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\Language\Language;
+
+class MockLanguage extends Language
+{
+    /**
+     * Stores the data that should be
+     * returned by the 'requireFile()' method.
+     *
+     * @var mixed
+     */
+    protected $data;
+
+    /**
+     * Sets the data that should be returned by the
+     * 'requireFile()' method to allow easy overrides
+     * during testing.
+     *
+     * @return $this
+     */
+    public function setData(string $file, array $data, ?string $locale = null)
+    {
+        $this->language[$locale ?? $this->locale][$file] = $data;
+
+        return $this;
+    }
+
+    /**
+     * Provides an override that allows us to set custom
+     * data to be returned easily during testing.
+     */
+    protected function requireFile(string $path): array
+    {
+        return $this->data ?? [];
+    }
+
+    /**
+     * Arbitrarily turnoff internationalization support for testing
+     *
+     * @return void
+     */
+    public function disableIntlSupport()
+    {
+        $this->intlSupport = false;
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockLogger.php b/ci4app/system/Test/Mock/MockLogger.php
new file mode 100644
index 0000000..411c1a6
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockLogger.php
@@ -0,0 +1,107 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\Log\Handlers\HandlerInterface;
+use Config\Logger;
+use Tests\Support\Log\Handlers\TestHandler;
+
+class MockLogger extends Logger
+{
+    /**
+     *--------------------------------------------------------------------------
+     * Error Logging Threshold
+     *--------------------------------------------------------------------------
+     *
+     * You can enable error logging by setting a threshold over zero. The
+     * threshold determines what gets logged. Any values below or equal to the
+     * threshold will be logged. Threshold options are:
+     *
+     *	0 = Disables logging, Error logging TURNED OFF
+     *	1 = Emergency Messages  - System is unusable
+     *	2 = Alert Messages      - Action Must Be Taken Immediately
+     *   3 = Critical Messages   - Application component unavailable, unexpected exception.
+     *   4 = Runtime Errors      - Don't need immediate action, but should be monitored.
+     *   5 = Warnings            - Exceptional occurrences that are not errors.
+     *   6 = Notices             - Normal but significant events.
+     *   7 = Info                - Interesting events, like user logging in, etc.
+     *   8 = Debug               - Detailed debug information.
+     *   9 = All Messages
+     *
+     * You can also pass an array with threshold levels to show individual error types
+     *
+     * 	array(1, 2, 3, 8) = Emergency, Alert, Critical, and Debug messages
+     *
+     * For a live site you'll usually enable Critical or higher (3) to be logged otherwise
+     * your log files will fill up very fast.
+     *
+     * @var int|list<int>
+     */
+    public $threshold = 9;
+
+    /**
+     *--------------------------------------------------------------------------
+     * Date Format for Logs
+     *--------------------------------------------------------------------------
+     *
+     * Each item that is logged has an associated date. You can use PHP date
+     * codes to set your own date formatting
+     */
+    public string $dateFormat = 'Y-m-d';
+
+    /**
+     *--------------------------------------------------------------------------
+     * Log Handlers
+     *--------------------------------------------------------------------------
+     *
+     * The logging system supports multiple actions to be taken when something
+     * is logged. This is done by allowing for multiple Handlers, special classes
+     * designed to write the log to their chosen destinations, whether that is
+     * a file on the server, a cloud-based service, or even taking actions such
+     * as emailing the dev team.
+     *
+     * Each handler is defined by the class name used for that handler, and it
+     * MUST implement the CodeIgniter\Log\Handlers\HandlerInterface interface.
+     *
+     * The value of each key is an array of configuration items that are sent
+     * to the constructor of each handler. The only required configuration item
+     * is the 'handles' element, which must be an array of integer log levels.
+     * This is most easily handled by using the constants defined in the
+     * Psr\Log\LogLevel class.
+     *
+     * Handlers are executed in the order defined in this array, starting with
+     * the handler on top and continuing down.
+     *
+     * @var array<class-string<HandlerInterface>, array<string, int|list<string>|string>>
+     */
+    public array $handlers = [
+        // File Handler
+        TestHandler::class => [
+            // The log levels that this handler will handle.
+            'handles' => [
+                'critical',
+                'alert',
+                'emergency',
+                'debug',
+                'error',
+                'info',
+                'notice',
+                'warning',
+            ],
+
+            // Logging Directory Path
+            'path' => '',
+        ],
+    ];
+}
diff --git a/ci4app/system/Test/Mock/MockQuery.php b/ci4app/system/Test/Mock/MockQuery.php
new file mode 100644
index 0000000..6144249
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockQuery.php
@@ -0,0 +1,20 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\Database\Query;
+
+class MockQuery extends Query
+{
+}
diff --git a/ci4app/system/Test/Mock/MockResourceController.php b/ci4app/system/Test/Mock/MockResourceController.php
new file mode 100644
index 0000000..67bc89d
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockResourceController.php
@@ -0,0 +1,43 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\RESTful\ResourceController;
+
+class MockResourceController extends ResourceController
+{
+    /**
+     * @return object|null
+     */
+    public function getModel()
+    {
+        return $this->model;
+    }
+
+    /**
+     * @return class-string|null
+     */
+    public function getModelName()
+    {
+        return $this->modelName;
+    }
+
+    /**
+     * @return 'json'|'xml'|null
+     */
+    public function getFormat()
+    {
+        return $this->format;
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockResourcePresenter.php b/ci4app/system/Test/Mock/MockResourcePresenter.php
new file mode 100644
index 0000000..ecb0aa1
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockResourcePresenter.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\API\ResponseTrait;
+use CodeIgniter\RESTful\ResourcePresenter;
+
+class MockResourcePresenter extends ResourcePresenter
+{
+    use ResponseTrait;
+
+    /**
+     * @return object|null
+     */
+    public function getModel()
+    {
+        return $this->model;
+    }
+
+    /**
+     * @return class-string|null
+     */
+    public function getModelName()
+    {
+        return $this->modelName;
+    }
+
+    /**
+     * @return 'json'|'xml'|null
+     */
+    public function getFormat()
+    {
+        return $this->format;
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockResponse.php b/ci4app/system/Test/Mock/MockResponse.php
new file mode 100644
index 0000000..1ea9c16
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockResponse.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\HTTP\Response;
+
+class MockResponse extends Response
+{
+    /**
+     * If true, will not write output. Useful during testing.
+     *
+     * @var bool
+     */
+    protected $pretend = true;
+
+    /**
+     * For testing.
+     *
+     * @return bool
+     */
+    public function getPretend()
+    {
+        return $this->pretend;
+    }
+
+    /**
+     * Artificial error for testing
+     *
+     * @return void
+     */
+    public function misbehave()
+    {
+        $this->statusCode = 0;
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockResult.php b/ci4app/system/Test/Mock/MockResult.php
new file mode 100644
index 0000000..bc5cd8a
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockResult.php
@@ -0,0 +1,106 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\Database\BaseResult;
+use stdClass;
+
+/**
+ * @extends BaseResult<object|resource, object|resource>
+ */
+class MockResult extends BaseResult
+{
+    /**
+     * Gets the number of fields in the result set.
+     */
+    public function getFieldCount(): int
+    {
+        return 0;
+    }
+
+    /**
+     * Generates an array of column names in the result set.
+     *
+     * @return array{}
+     */
+    public function getFieldNames(): array
+    {
+        return [];
+    }
+
+    /**
+     * Generates an array of objects representing field meta-data.
+     *
+     * @return array{}
+     */
+    public function getFieldData(): array
+    {
+        return [];
+    }
+
+    /**
+     * Frees the current result.
+     *
+     * @return void
+     */
+    public function freeResult()
+    {
+    }
+
+    /**
+     * Moves the internal pointer to the desired offset. This is called
+     * internally before fetching results to make sure the result set
+     * starts at zero.
+     *
+     * @param int $n
+     *
+     * @return bool
+     */
+    public function dataSeek($n = 0)
+    {
+        return true;
+    }
+
+    /**
+     * Returns the result set as an array.
+     *
+     * Overridden by driver classes.
+     *
+     * @return array{}
+     */
+    protected function fetchAssoc()
+    {
+        return [];
+    }
+
+    /**
+     * Returns the result set as an object.
+     *
+     * @param class-string $className
+     *
+     * @return object
+     */
+    protected function fetchObject($className = stdClass::class)
+    {
+        return new $className();
+    }
+
+    /**
+     * Gets the number of fields in the result set.
+     */
+    public function getNumRows(): int
+    {
+        return 0;
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockSecurity.php b/ci4app/system/Test/Mock/MockSecurity.php
new file mode 100644
index 0000000..89d1eab
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockSecurity.php
@@ -0,0 +1,32 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\Security\Security;
+
+class MockSecurity extends Security
+{
+    protected function doSendCookie(): void
+    {
+        $_COOKIE['csrf_cookie_name'] = $this->hash;
+    }
+
+    protected function randomize(string $hash): string
+    {
+        $keyBinary  = hex2bin('005513c290126d34d41bf41c5265e0f1');
+        $hashBinary = hex2bin($hash);
+
+        return bin2hex(($hashBinary ^ $keyBinary) . $keyBinary);
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockServices.php b/ci4app/system/Test/Mock/MockServices.php
new file mode 100644
index 0000000..c71bb61
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockServices.php
@@ -0,0 +1,43 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\Autoloader\FileLocator;
+use CodeIgniter\Config\BaseService;
+
+class MockServices extends BaseService
+{
+    /**
+     * @var array<non-empty-string, non-empty-string>
+     */
+    public $psr4 = [
+        'Tests/Support' => TESTPATH . '_support/',
+    ];
+
+    /**
+     * @var array<class-string, string>
+     */
+    public $classmap = [];
+
+    public function __construct()
+    {
+        // Don't call the parent since we don't want the default mappings.
+        // parent::__construct();
+    }
+
+    public static function locator(bool $getShared = true)
+    {
+        return new FileLocator(static::autoloader());
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockSession.php b/ci4app/system/Test/Mock/MockSession.php
new file mode 100644
index 0000000..b581f81
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockSession.php
@@ -0,0 +1,84 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\Cookie\Cookie;
+use CodeIgniter\I18n\Time;
+use CodeIgniter\Session\Session;
+
+/**
+ * Class MockSession
+ *
+ * Provides a safe way to test the Session class itself,
+ * that doesn't interact with the session or cookies at all.
+ */
+class MockSession extends Session
+{
+    /**
+     * Holds our "cookie" data.
+     *
+     * @var list<Cookie>
+     */
+    public array $cookies = [];
+
+    public bool $didRegenerate = false;
+
+    /**
+     * Sets the driver as the session handler in PHP.
+     * Extracted for easier testing.
+     *
+     * @return void
+     */
+    protected function setSaveHandler()
+    {
+        // session_set_save_handler($this->driver, true);
+    }
+
+    /**
+     * Starts the session.
+     * Extracted for testing reasons.
+     *
+     * @return void
+     */
+    protected function startSession()
+    {
+        // session_start();
+        $this->setCookie();
+    }
+
+    /**
+     * Takes care of setting the cookie on the client side.
+     * Extracted for testing reasons.
+     *
+     * @return void
+     */
+    protected function setCookie()
+    {
+        $expiration   = $this->config->expiration === 0 ? 0 : Time::now()->getTimestamp() + $this->config->expiration;
+        $this->cookie = $this->cookie->withValue(session_id())->withExpires($expiration);
+
+        $this->cookies[] = $this->cookie;
+    }
+
+    /**
+     * Regenerates the session ID.
+     *
+     * @return void
+     */
+    public function regenerate(bool $destroy = false)
+    {
+        $this->didRegenerate              = true;
+        $_SESSION['__ci_last_regenerate'] = Time::now()->getTimestamp();
+    }
+}
diff --git a/ci4app/system/Test/Mock/MockTable.php b/ci4app/system/Test/Mock/MockTable.php
new file mode 100644
index 0000000..4ce1a29
--- /dev/null
+++ b/ci4app/system/Test/Mock/MockTable.php
@@ -0,0 +1,37 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test\Mock;
+
+use CodeIgniter\Exceptions\BadMethodCallException;
+use CodeIgniter\View\Table;
+
+class MockTable extends Table
+{
+    /**
+     * Override inaccessible protected method
+     *
+     * @param string      $method
+     * @param list<mixed> $params
+     *
+     * @return mixed
+     */
+    public function __call($method, $params)
+    {
+        if (is_callable([$this, '_' . $method])) {
+            return call_user_func_array([$this, '_' . $method], $params);
+        }
+
+        throw new BadMethodCallException('Method ' . $method . ' was not found');
+    }
+}
diff --git a/ci4app/system/Test/PhpStreamWrapper.php b/ci4app/system/Test/PhpStreamWrapper.php
new file mode 100644
index 0000000..927821e
--- /dev/null
+++ b/ci4app/system/Test/PhpStreamWrapper.php
@@ -0,0 +1,86 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test;
+
+/**
+ * StreamWrapper for php protocol
+ *
+ * This class is used for mocking `php://stdin`.
+ *
+ * See https://www.php.net/manual/en/class.streamwrapper.php
+ */
+final class PhpStreamWrapper
+{
+    /**
+     * @var resource|null
+     */
+    public $context;
+
+    private static string $content = '';
+    private int $position          = 0;
+
+    /**
+     * @return void
+     */
+    public static function setContent(string $content)
+    {
+        self::$content = $content;
+    }
+
+    /**
+     * @return void
+     */
+    public static function register()
+    {
+        stream_wrapper_unregister('php');
+        stream_wrapper_register('php', self::class);
+    }
+
+    /**
+     * @return void
+     */
+    public static function restore()
+    {
+        stream_wrapper_restore('php');
+    }
+
+    public function stream_open(): bool
+    {
+        return true;
+    }
+
+    /**
+     * @return string
+     */
+    public function stream_read(int $count)
+    {
+        $return = substr(self::$content, $this->position, $count);
+        $this->position += strlen($return);
+
+        return $return;
+    }
+
+    /**
+     * @return array{}
+     */
+    public function stream_stat()
+    {
+        return [];
+    }
+
+    public function stream_eof(): bool
+    {
+        return $this->position >= strlen(self::$content);
+    }
+}
diff --git a/ci4app/system/Test/ReflectionHelper.php b/ci4app/system/Test/ReflectionHelper.php
new file mode 100644
index 0000000..47e85f4
--- /dev/null
+++ b/ci4app/system/Test/ReflectionHelper.php
@@ -0,0 +1,99 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test;
+
+use Closure;
+use ReflectionClass;
+use ReflectionException;
+use ReflectionMethod;
+use ReflectionObject;
+use ReflectionProperty;
+
+/**
+ * Testing helper.
+ */
+trait ReflectionHelper
+{
+    /**
+     * Find a private method invoker.
+     *
+     * @param object|string $obj    object or class name
+     * @param string        $method method name
+     *
+     * @return Closure(mixed ...$args): mixed
+     *
+     * @throws ReflectionException
+     */
+    public static function getPrivateMethodInvoker($obj, $method)
+    {
+        $refMethod = new ReflectionMethod($obj, $method);
+        $obj       = (gettype($obj) === 'object') ? $obj : null;
+
+        return static fn (...$args): mixed => $refMethod->invokeArgs($obj, $args);
+    }
+
+    /**
+     * Find an accessible property.
+     *
+     * @param object|string $obj
+     * @param string        $property
+     *
+     * @return ReflectionProperty
+     *
+     * @throws ReflectionException
+     */
+    private static function getAccessibleRefProperty($obj, $property)
+    {
+        $refClass = is_object($obj) ? new ReflectionObject($obj) : new ReflectionClass($obj);
+
+        return $refClass->getProperty($property);
+    }
+
+    /**
+     * Set a private property.
+     *
+     * @param object|string $obj      object or class name
+     * @param string        $property property name
+     * @param mixed         $value    value
+     *
+     * @throws ReflectionException
+     */
+    public static function setPrivateProperty($obj, $property, $value): void
+    {
+        $refProperty = self::getAccessibleRefProperty($obj, $property);
+
+        if (is_object($obj)) {
+            $refProperty->setValue($obj, $value);
+        } else {
+            $refProperty->setValue(null, $value);
+        }
+    }
+
+    /**
+     * Retrieve a private property.
+     *
+     * @param object|string $obj      object or class name
+     * @param string        $property property name
+     *
+     * @return mixed
+     *
+     * @throws ReflectionException
+     */
+    public static function getPrivateProperty($obj, $property)
+    {
+        $refProperty = self::getAccessibleRefProperty($obj, $property);
+
+        return is_string($obj) ? $refProperty->getValue() : $refProperty->getValue($obj);
+    }
+}
diff --git a/ci4app/system/Test/StreamFilterTrait.php b/ci4app/system/Test/StreamFilterTrait.php
new file mode 100644
index 0000000..d8e00ac
--- /dev/null
+++ b/ci4app/system/Test/StreamFilterTrait.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test;
+
+use CodeIgniter\Test\Filters\CITestStreamFilter;
+
+trait StreamFilterTrait
+{
+    protected function setUpStreamFilterTrait(): void
+    {
+        CITestStreamFilter::registration();
+        CITestStreamFilter::addOutputFilter();
+        CITestStreamFilter::addErrorFilter();
+    }
+
+    protected function tearDownStreamFilterTrait(): void
+    {
+        CITestStreamFilter::removeOutputFilter();
+        CITestStreamFilter::removeErrorFilter();
+    }
+
+    protected function getStreamFilterBuffer(): string
+    {
+        return CITestStreamFilter::$buffer;
+    }
+
+    protected function resetStreamFilterBuffer(): void
+    {
+        CITestStreamFilter::$buffer = '';
+    }
+}
diff --git a/ci4app/system/Test/TestLogger.php b/ci4app/system/Test/TestLogger.php
new file mode 100644
index 0000000..bbd0839
--- /dev/null
+++ b/ci4app/system/Test/TestLogger.php
@@ -0,0 +1,95 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test;
+
+use CodeIgniter\Log\Logger;
+use Stringable;
+
+/**
+ * @see \CodeIgniter\Test\TestLoggerTest
+ */
+class TestLogger extends Logger
+{
+    /**
+     * @var list<array{level: mixed, message: string, file: string|null}>
+     */
+    protected static $op_logs = [];
+
+    /**
+     * The log method is overridden so that we can store log history during
+     * the tests to allow us to check ->assertLogged() methods.
+     *
+     * @param mixed  $level
+     * @param string $message
+     */
+    public function log($level, string|Stringable $message, array $context = []): void
+    {
+        // While this requires duplicate work, we want to ensure
+        // we have the final message to test against.
+        $logMessage = $this->interpolate($message, $context);
+
+        // Determine the file and line by finding the first
+        // backtrace that is not part of our logging system.
+        $trace = debug_backtrace();
+        $file  = null;
+
+        foreach ($trace as $row) {
+            if (! in_array($row['function'], ['log', 'log_message'], true)) {
+                $file = basename($row['file'] ?? '');
+                break;
+            }
+        }
+
+        self::$op_logs[] = [
+            'level'   => $level,
+            'message' => $logMessage,
+            'file'    => $file,
+        ];
+
+        // Let the parent do it's thing.
+        parent::log($level, $message, $context);
+    }
+
+    /**
+     * Used by CIUnitTestCase class to provide ->assertLogged() methods.
+     *
+     * @param string $message
+     *
+     * @return bool
+     */
+    public static function didLog(string $level, $message, bool $useExactComparison = true)
+    {
+        $lowerLevel = strtolower($level);
+
+        foreach (self::$op_logs as $log) {
+            if (strtolower($log['level']) !== $lowerLevel) {
+                continue;
+            }
+
+            if ($useExactComparison) {
+                if ($log['message'] === $message) {
+                    return true;
+                }
+
+                continue;
+            }
+
+            if (str_contains($log['message'], $message)) {
+                return true;
+            }
+        }
+
+        return false;
+    }
+}
diff --git a/ci4app/system/Test/TestResponse.php b/ci4app/system/Test/TestResponse.php
new file mode 100644
index 0000000..13b1df3
--- /dev/null
+++ b/ci4app/system/Test/TestResponse.php
@@ -0,0 +1,495 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Test;
+
+use CodeIgniter\HTTP\RedirectResponse;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use CodeIgniter\I18n\Time;
+use PHPUnit\Framework\Assert;
+use PHPUnit\Framework\Constraint\IsEqual;
+
+/**
+ * Consolidated response processing
+ * for test results.
+ *
+ * @mixin DOMParser
+ *
+ * @see \CodeIgniter\Test\TestResponseTest
+ */
+class TestResponse
+{
+    /**
+     * The request.
+     *
+     * @var RequestInterface|null
+     */
+    protected $request;
+
+    /**
+     * The response.
+     *
+     * @var ResponseInterface
+     */
+    protected $response;
+
+    /**
+     * DOM for the body.
+     *
+     * @var DOMParser
+     */
+    protected $domParser;
+
+    /**
+     * Stores or the Response and parses the body in the DOM.
+     */
+    public function __construct(ResponseInterface $response)
+    {
+        $this->setResponse($response);
+    }
+
+    // --------------------------------------------------------------------
+    // Getters / Setters
+    // --------------------------------------------------------------------
+
+    /**
+     * Sets the request.
+     *
+     * @return $this
+     */
+    public function setRequest(RequestInterface $request)
+    {
+        $this->request = $request;
+
+        return $this;
+    }
+
+    /**
+     * Sets the Response and updates the DOM.
+     *
+     * @return $this
+     */
+    public function setResponse(ResponseInterface $response)
+    {
+        $this->response  = $response;
+        $this->domParser = new DOMParser();
+
+        $body = $response->getBody();
+
+        if (is_string($body) && $body !== '') {
+            $this->domParser->withString($body);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Request accessor.
+     *
+     * @return RequestInterface|null
+     */
+    public function request()
+    {
+        return $this->request;
+    }
+
+    /**
+     * Response accessor.
+     *
+     * @return ResponseInterface
+     */
+    public function response()
+    {
+        return $this->response;
+    }
+
+    // --------------------------------------------------------------------
+    // Status Checks
+    // --------------------------------------------------------------------
+
+    /**
+     * Boils down the possible responses into a boolean valid/not-valid
+     * response type.
+     */
+    public function isOK(): bool
+    {
+        $status = $this->response->getStatusCode();
+
+        // Only 200 and 300 range status codes
+        // are considered valid.
+        if ($status >= 400 || $status < 200) {
+            return false;
+        }
+
+        $body = (string) $this->response->getBody();
+
+        // Empty bodies are not considered valid, unless in redirects
+        return ! ($status < 300 && $body === '');
+    }
+
+    /**
+     * Asserts that the status is a specific value.
+     */
+    public function assertStatus(int $code): void
+    {
+        Assert::assertSame($code, $this->response->getStatusCode());
+    }
+
+    /**
+     * Asserts that the Response is considered OK.
+     */
+    public function assertOK(): void
+    {
+        Assert::assertTrue(
+            $this->isOK(),
+            "{$this->response->getStatusCode()} is not a successful status code, or Response has an empty body.",
+        );
+    }
+
+    /**
+     * Asserts that the Response is considered not OK.
+     */
+    public function assertNotOK(): void
+    {
+        Assert::assertFalse(
+            $this->isOK(),
+            "{$this->response->getStatusCode()} is an unexpected successful status code, or Response body has content.",
+        );
+    }
+
+    // --------------------------------------------------------------------
+    // Redirection
+    // --------------------------------------------------------------------
+
+    /**
+     * Returns whether or not the Response was a redirect or RedirectResponse
+     */
+    public function isRedirect(): bool
+    {
+        return $this->response instanceof RedirectResponse
+            || $this->response->hasHeader('Location')
+            || $this->response->hasHeader('Refresh');
+    }
+
+    /**
+     * Assert that the given response was a redirect.
+     */
+    public function assertRedirect(): void
+    {
+        Assert::assertTrue($this->isRedirect(), 'Response is not a redirect or instance of RedirectResponse.');
+    }
+
+    /**
+     * Assert that a given response was a redirect
+     * and it was redirect to a specific URI.
+     */
+    public function assertRedirectTo(string $uri): void
+    {
+        $this->assertRedirect();
+
+        $uri         = trim(strtolower($uri));
+        $redirectUri = strtolower($this->getRedirectUrl());
+
+        $matches = $uri === $redirectUri
+            || strtolower(site_url($uri)) === $redirectUri
+            || $uri === site_url($redirectUri);
+
+        Assert::assertTrue($matches, "Redirect URL '{$uri}' does not match '{$redirectUri}'.");
+    }
+
+    /**
+     * Assert that the given response was not a redirect.
+     */
+    public function assertNotRedirect(): void
+    {
+        Assert::assertFalse($this->isRedirect(), 'Response is an unexpected redirect or instance of RedirectResponse.');
+    }
+
+    /**
+     * Returns the URL set for redirection.
+     */
+    public function getRedirectUrl(): ?string
+    {
+        if (! $this->isRedirect()) {
+            return null;
+        }
+
+        if ($this->response->hasHeader('Location')) {
+            return $this->response->getHeaderLine('Location');
+        }
+
+        if ($this->response->hasHeader('Refresh')) {
+            return str_replace('0;url=', '', $this->response->getHeaderLine('Refresh'));
+        }
+
+        return null;
+    }
+
+    // --------------------------------------------------------------------
+    // Session
+    // --------------------------------------------------------------------
+
+    /**
+     * Asserts that an SESSION key has been set and, optionally, test its value.
+     *
+     * @param mixed $value
+     */
+    public function assertSessionHas(string $key, $value = null): void
+    {
+        Assert::assertArrayHasKey($key, $_SESSION, "Key '{$key}' is not in the current \$_SESSION");
+
+        if ($value === null) {
+            return;
+        }
+
+        if (is_scalar($value)) {
+            Assert::assertSame($value, $_SESSION[$key], "The value of key '{$key}' ({$value}) does not match expected value.");
+
+            return;
+        }
+
+        Assert::assertSame($value, $_SESSION[$key], "The value of key '{$key}' does not match expected value.");
+    }
+
+    /**
+     * Asserts the session is missing $key.
+     */
+    public function assertSessionMissing(string $key): void
+    {
+        Assert::assertArrayNotHasKey($key, $_SESSION, "Key '{$key}' should not be present in \$_SESSION.");
+    }
+
+    // --------------------------------------------------------------------
+    // Headers
+    // --------------------------------------------------------------------
+
+    /**
+     * Asserts that the Response contains a specific header.
+     *
+     * @param string|null $value
+     */
+    public function assertHeader(string $key, $value = null): void
+    {
+        Assert::assertTrue($this->response->hasHeader($key), "Header '{$key}' is not a valid Response header.");
+
+        if ($value !== null) {
+            Assert::assertSame(
+                $value,
+                $this->response->getHeaderLine($key),
+                "The value of '{$key}' header ({$this->response->getHeaderLine($key)}) does not match expected value.",
+            );
+        }
+    }
+
+    /**
+     * Asserts the Response headers does not contain the specified header.
+     */
+    public function assertHeaderMissing(string $key): void
+    {
+        Assert::assertFalse($this->response->hasHeader($key), "Header '{$key}' should not be in the Response headers.");
+    }
+
+    // --------------------------------------------------------------------
+    // Cookies
+    // --------------------------------------------------------------------
+
+    /**
+     * Asserts that the response has the specified cookie.
+     *
+     * @param string|null $value
+     */
+    public function assertCookie(string $key, $value = null, string $prefix = ''): void
+    {
+        Assert::assertTrue($this->response->hasCookie($key, $value, $prefix), "Cookie named '{$key}' is not found.");
+    }
+
+    /**
+     * Assert the Response does not have the specified cookie set.
+     */
+    public function assertCookieMissing(string $key): void
+    {
+        Assert::assertFalse($this->response->hasCookie($key), "Cookie named '{$key}' should not be set.");
+    }
+
+    /**
+     * Asserts that a cookie exists and has an expired time.
+     */
+    public function assertCookieExpired(string $key, string $prefix = ''): void
+    {
+        Assert::assertTrue($this->response->hasCookie($key, null, $prefix));
+
+        Assert::assertGreaterThan(
+            Time::now()->getTimestamp(),
+            $this->response->getCookie($key, $prefix)->getExpiresTimestamp(),
+        );
+    }
+
+    // --------------------------------------------------------------------
+    // JSON
+    // --------------------------------------------------------------------
+
+    /**
+     * Returns the response's body as JSON
+     *
+     * @return false|string
+     */
+    public function getJSON()
+    {
+        $response = $this->response->getJSON();
+
+        if ($response === null) {
+            return false;
+        }
+
+        return $response;
+    }
+
+    /**
+     * Test that the response contains a matching JSON fragment.
+     */
+    public function assertJSONFragment(array $fragment, bool $strict = false): void
+    {
+        $json = json_decode($this->getJSON(), true);
+        Assert::assertIsArray($json, 'Response is not a valid JSON.');
+
+        $patched = array_replace_recursive($json, $fragment);
+
+        if ($strict) {
+            Assert::assertSame($json, $patched, 'Response does not contain a matching JSON fragment.');
+
+            return;
+        }
+
+        Assert::assertThat($patched, new IsEqual($json), 'Response does not contain a matching JSON fragment.');
+    }
+
+    /**
+     * Asserts that the JSON exactly matches the passed in data.
+     * If the value being passed in is a string, it must be a json_encoded string.
+     *
+     * @param array|object|string $test
+     */
+    public function assertJSONExact($test): void
+    {
+        $json = $this->getJSON();
+
+        if (is_object($test)) {
+            $test = method_exists($test, 'toArray') ? $test->toArray() : (array) $test;
+        }
+
+        if (is_array($test)) {
+            $test = service('format')->getFormatter('application/json')->format($test);
+        }
+
+        Assert::assertJsonStringEqualsJsonString($test, $json, 'Response does not contain matching JSON.');
+    }
+
+    // --------------------------------------------------------------------
+    // XML Methods
+    // --------------------------------------------------------------------
+
+    /**
+     * Returns the response' body as XML
+     *
+     * @return bool|string|null
+     */
+    public function getXML()
+    {
+        return $this->response->getXML();
+    }
+
+    // --------------------------------------------------------------------
+    // DomParser
+    // --------------------------------------------------------------------
+
+    /**
+     * Assert that the desired text can be found in the result body.
+     */
+    public function assertSee(?string $search = null, ?string $element = null): void
+    {
+        Assert::assertTrue(
+            $this->domParser->see($search, $element),
+            "Text '{$search}' is not seen in response.",
+        );
+    }
+
+    /**
+     * Asserts that we do not see the specified text.
+     */
+    public function assertDontSee(?string $search = null, ?string $element = null): void
+    {
+        Assert::assertTrue(
+            $this->domParser->dontSee($search, $element),
+            "Text '{$search}' is unexpectedly seen in response.",
+        );
+    }
+
+    /**
+     * Assert that we see an element selected via a CSS selector.
+     */
+    public function assertSeeElement(string $search): void
+    {
+        Assert::assertTrue(
+            $this->domParser->seeElement($search),
+            "Element with selector '{$search}' is not seen in response.",
+        );
+    }
+
+    /**
+     * Assert that we do not see an element selected via a CSS selector.
+     */
+    public function assertDontSeeElement(string $search): void
+    {
+        Assert::assertTrue(
+            $this->domParser->dontSeeElement($search),
+            "Element with selector '{$search}' is unexpectedly seen in response.'",
+        );
+    }
+
+    /**
+     * Assert that we see a link with the matching text and/or class.
+     */
+    public function assertSeeLink(string $text, ?string $details = null): void
+    {
+        Assert::assertTrue(
+            $this->domParser->seeLink($text, $details),
+            "Anchor tag with text '{$text}' is not seen in response.",
+        );
+    }
+
+    /**
+     * Assert that we see an input with name/value.
+     */
+    public function assertSeeInField(string $field, ?string $value = null): void
+    {
+        Assert::assertTrue(
+            $this->domParser->seeInField($field, $value),
+            "Input named '{$field}' with value '{$value}' is not seen in response.",
+        );
+    }
+
+    /**
+     * Forward any unrecognized method calls to our DOMParser instance.
+     *
+     * @param list<mixed> $params
+     */
+    public function __call(string $function, array $params): mixed
+    {
+        if (method_exists($this->domParser, $function)) {
+            return $this->domParser->{$function}(...$params);
+        }
+
+        return null;
+    }
+}
diff --git a/ci4app/system/Test/bootstrap.php b/ci4app/system/Test/bootstrap.php
new file mode 100644
index 0000000..d2b47aa
--- /dev/null
+++ b/ci4app/system/Test/bootstrap.php
@@ -0,0 +1,90 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+use CodeIgniter\Boot;
+use Config\Paths;
+
+error_reporting(E_ALL);
+ini_set('display_errors', '1');
+ini_set('display_startup_errors', '1');
+
+/*
+ * ---------------------------------------------------------------
+ * DEFINE ENVIRONMENT
+ * ---------------------------------------------------------------
+ */
+
+// Make sure it recognizes that we're testing.
+$_SERVER['CI_ENVIRONMENT'] = 'testing';
+define('ENVIRONMENT', 'testing');
+
+defined('CI_DEBUG') || define('CI_DEBUG', true);
+
+/*
+ * ---------------------------------------------------------------
+ * SET UP OUR PATH CONSTANTS
+ * ---------------------------------------------------------------
+ *
+ * The path constants provide convenient access to the folders
+ * throughout the application. We have to set them up here
+ * so they are available in the config files that are loaded.
+ */
+
+// Often these constants are pre-defined, but query the current directory structure as a fallback
+defined('HOMEPATH') || define('HOMEPATH', realpath(rtrim(getcwd(), '\\/ ')) . DIRECTORY_SEPARATOR);
+$source = is_dir(HOMEPATH . 'app')
+    ? HOMEPATH
+    : (is_dir('vendor/codeigniter4/framework/') ? 'vendor/codeigniter4/framework/' : 'vendor/codeigniter4/codeigniter4/');
+defined('CONFIGPATH') || define('CONFIGPATH', realpath($source . 'app/Config') . DIRECTORY_SEPARATOR);
+defined('PUBLICPATH') || define('PUBLICPATH', realpath($source . 'public') . DIRECTORY_SEPARATOR);
+unset($source);
+
+// LOAD OUR PATHS CONFIG FILE
+// Load framework paths from their config file
+require CONFIGPATH . 'Paths.php';
+$paths = new Paths();
+
+// Define necessary framework path constants
+defined('APPPATH')    || define('APPPATH', realpath(rtrim($paths->appDirectory, '\\/ ')) . DIRECTORY_SEPARATOR);
+defined('ROOTPATH')   || define('ROOTPATH', realpath(APPPATH . '../') . DIRECTORY_SEPARATOR);
+defined('SYSTEMPATH') || define('SYSTEMPATH', realpath(rtrim($paths->systemDirectory, '\\/')) . DIRECTORY_SEPARATOR);
+defined('WRITEPATH')  || define('WRITEPATH', realpath(rtrim($paths->writableDirectory, '\\/ ')) . DIRECTORY_SEPARATOR);
+defined('TESTPATH')   || define('TESTPATH', realpath(HOMEPATH . 'tests/') . DIRECTORY_SEPARATOR);
+
+defined('CIPATH') || define('CIPATH', realpath(SYSTEMPATH . '../') . DIRECTORY_SEPARATOR);
+defined('FCPATH') || define('FCPATH', realpath(PUBLICPATH) . DIRECTORY_SEPARATOR);
+
+defined('SUPPORTPATH')   || define('SUPPORTPATH', realpath(TESTPATH . '_support/') . DIRECTORY_SEPARATOR);
+defined('COMPOSER_PATH') || define('COMPOSER_PATH', (string) realpath(HOMEPATH . 'vendor/autoload.php'));
+defined('VENDORPATH')    || define('VENDORPATH', realpath(HOMEPATH . 'vendor') . DIRECTORY_SEPARATOR);
+
+/*
+ *---------------------------------------------------------------
+ * BOOTSTRAP THE APPLICATION
+ *---------------------------------------------------------------
+ * This process sets up the path constants, loads and registers
+ * our autoloader, along with Composer's, loads our constants
+ * and fires up an environment-specific bootstrapping.
+ */
+
+// LOAD THE FRAMEWORK BOOTSTRAP FILE
+require $paths->systemDirectory . '/Boot.php';
+Boot::bootTest($paths);
+
+/*
+ * ---------------------------------------------------------------
+ * LOAD ROUTES
+ * ---------------------------------------------------------------
+ */
+
+service('routes')->loadRoutes();
diff --git a/ci4app/system/ThirdParty/Escaper/Escaper.php b/ci4app/system/ThirdParty/Escaper/Escaper.php
new file mode 100644
index 0000000..39d9b0b
--- /dev/null
+++ b/ci4app/system/ThirdParty/Escaper/Escaper.php
@@ -0,0 +1,397 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Laminas\Escaper;
+
+use function assert;
+use function bin2hex;
+use function ctype_digit;
+use function hexdec;
+use function htmlspecialchars;
+use function in_array;
+use function is_string;
+use function mb_convert_encoding;
+use function ord;
+use function preg_match;
+use function preg_replace_callback;
+use function rawurlencode;
+use function sprintf;
+use function strlen;
+use function strtolower;
+use function strtoupper;
+use function substr;
+
+use const ENT_QUOTES;
+use const ENT_SUBSTITUTE;
+
+/**
+ * Context specific methods for use in secure output escaping
+ *
+ * @final
+ */
+class Escaper implements EscaperInterface
+{
+    /**
+     * Entity Map mapping Unicode codepoints to any available named HTML entities.
+     *
+     * While HTML supports far more named entities, the lowest common denominator
+     * has become HTML5's XML Serialisation which is restricted to the those named
+     * entities that XML supports. Using HTML entities would result in this error:
+     *     XML Parsing Error: undefined entity
+     *
+     * @var array<int, string>
+     */
+    protected static $htmlNamedEntityMap = [
+        34 => 'quot', // quotation mark
+        38 => 'amp', // ampersand
+        60 => 'lt', // less-than sign
+        62 => 'gt', // greater-than sign
+    ];
+
+    /**
+     * Current encoding for escaping. If not UTF-8, we convert strings from this encoding
+     * pre-escaping and back to this encoding post-escaping.
+     *
+     * @var non-empty-string
+     */
+    protected $encoding = 'utf-8';
+
+    /**
+     * Holds the value of the special flags passed as second parameter to
+     * htmlspecialchars().
+     *
+     * @var int
+     */
+    protected $htmlSpecialCharsFlags;
+
+    /**
+     * Static Matcher which escapes characters for HTML Attribute contexts
+     *
+     * @var callable
+     * @psalm-var callable(array<array-key, string>):string
+     */
+    protected $htmlAttrMatcher;
+
+    /**
+     * Static Matcher which escapes characters for Javascript contexts
+     *
+     * @var callable
+     * @psalm-var callable(array<array-key, string>):string
+     */
+    protected $jsMatcher;
+
+    /**
+     * Static Matcher which escapes characters for CSS Attribute contexts
+     *
+     * @var callable
+     * @psalm-var callable(array<array-key, string>):string
+     */
+    protected $cssMatcher;
+
+    /**
+     * List of all encoding supported by this class
+     *
+     * @var list<non-empty-string>
+     */
+    protected $supportedEncodings = [
+        'iso-8859-1',
+        'iso8859-1',
+        'iso-8859-5',
+        'iso8859-5',
+        'iso-8859-15',
+        'iso8859-15',
+        'utf-8',
+        'cp866',
+        'ibm866',
+        '866',
+        'cp1251',
+        'windows-1251',
+        'win-1251',
+        '1251',
+        'cp1252',
+        'windows-1252',
+        '1252',
+        'koi8-r',
+        'koi8-ru',
+        'koi8r',
+        'big5',
+        '950',
+        'gb2312',
+        '936',
+        'big5-hkscs',
+        'shift_jis',
+        'sjis',
+        'sjis-win',
+        'cp932',
+        '932',
+        'euc-jp',
+        'eucjp',
+        'eucjp-win',
+        'macroman',
+    ];
+
+    /**
+     * Constructor: Single parameter allows setting of global encoding for use by
+     * the current object.
+     *
+     * @param non-empty-string|null $encoding
+     * @throws Exception\InvalidArgumentException
+     */
+    public function __construct(?string $encoding = null)
+    {
+        if ($encoding !== null) {
+            if ($encoding === '') {
+                throw new Exception\InvalidArgumentException(
+                    static::class . ' constructor parameter does not allow a blank value'
+                );
+            }
+
+            $encoding = strtolower($encoding);
+            if (! in_array($encoding, $this->supportedEncodings)) {
+                throw new Exception\InvalidArgumentException(
+                    'Value of \'' . $encoding . '\' passed to ' . static::class
+                    . ' constructor parameter is invalid. Provide an encoding supported by htmlspecialchars()'
+                );
+            }
+
+            $this->encoding = $encoding;
+        }
+
+        // We take advantage of ENT_SUBSTITUTE flag to correctly deal with invalid UTF-8 sequences.
+        $this->htmlSpecialCharsFlags = ENT_QUOTES | ENT_SUBSTITUTE;
+
+        // set matcher callbacks
+        $this->htmlAttrMatcher =
+            /** @param array<array-key, string> $matches */
+            fn(array $matches): string => $this->htmlAttrMatcher($matches);
+        $this->jsMatcher       =
+            /** @param array<array-key, string> $matches */
+            fn(array $matches): string => $this->jsMatcher($matches);
+        $this->cssMatcher      =
+            /** @param array<array-key, string> $matches */
+            fn(array $matches): string => $this->cssMatcher($matches);
+    }
+
+    /**
+     * Return the encoding that all output/input is expected to be encoded in.
+     *
+     * @return non-empty-string
+     */
+    public function getEncoding()
+    {
+        return $this->encoding;
+    }
+
+    /** @inheritDoc */
+    public function escapeHtml(string $string)
+    {
+        return htmlspecialchars($string, $this->htmlSpecialCharsFlags, $this->encoding);
+    }
+
+    /** @inheritDoc */
+    public function escapeHtmlAttr(string $string)
+    {
+        $string = $this->toUtf8($string);
+        if ($string === '' || ctype_digit($string)) {
+            return $string;
+        }
+
+        $result = preg_replace_callback('/[^a-z0-9,\.\-_]/iSu', $this->htmlAttrMatcher, $string);
+        assert(is_string($result));
+
+        return $this->fromUtf8($result);
+    }
+
+    /** @inheritDoc */
+    public function escapeJs(string $string)
+    {
+        $string = $this->toUtf8($string);
+        if ($string === '' || ctype_digit($string)) {
+            return $string;
+        }
+
+        $result = preg_replace_callback('/[^a-z0-9,\._]/iSu', $this->jsMatcher, $string);
+        assert(is_string($result));
+
+        return $this->fromUtf8($result);
+    }
+
+    /** @inheritDoc */
+    public function escapeUrl(string $string)
+    {
+        return rawurlencode($string);
+    }
+
+    /** @inheritDoc */
+    public function escapeCss(string $string)
+    {
+        $string = $this->toUtf8($string);
+        if ($string === '' || ctype_digit($string)) {
+            return $string;
+        }
+
+        $result = preg_replace_callback('/[^a-z0-9]/iSu', $this->cssMatcher, $string);
+        assert(is_string($result));
+
+        return $this->fromUtf8($result);
+    }
+
+    /**
+     * Callback function for preg_replace_callback that applies HTML Attribute
+     * escaping to all matches.
+     *
+     * @param array<array-key, string> $matches
+     * @return string
+     */
+    protected function htmlAttrMatcher($matches)
+    {
+        $chr = $matches[0];
+        $ord = ord($chr);
+
+        /**
+         * The following replaces characters undefined in HTML with the
+         * hex entity for the Unicode replacement character.
+         */
+        if (
+            ($ord <= 0x1f && $chr !== "\t" && $chr !== "\n" && $chr !== "\r")
+            || ($ord >= 0x7f && $ord <= 0x9f)
+        ) {
+            return '&#xFFFD;';
+        }
+
+        /**
+         * Check if the current character to escape has a name entity we should
+         * replace it with while grabbing the integer value of the character.
+         */
+        if (strlen($chr) > 1) {
+            $chr = $this->convertEncoding($chr, 'UTF-32BE', 'UTF-8');
+        }
+
+        $hex = bin2hex($chr);
+        $ord = hexdec($hex);
+        if (isset(static::$htmlNamedEntityMap[$ord])) {
+            return '&' . static::$htmlNamedEntityMap[$ord] . ';';
+        }
+
+        /**
+         * Per OWASP recommendations, we'll use upper hex entities
+         * for any other characters where a named entity does not exist.
+         */
+        if ($ord > 255) {
+            return sprintf('&#x%04X;', $ord);
+        }
+        return sprintf('&#x%02X;', $ord);
+    }
+
+    /**
+     * Callback function for preg_replace_callback that applies Javascript
+     * escaping to all matches.
+     *
+     * @param array<array-key, string> $matches
+     * @return string
+     */
+    protected function jsMatcher($matches)
+    {
+        $chr = $matches[0];
+        if (strlen($chr) === 1) {
+            return sprintf('\\x%02X', ord($chr));
+        }
+        $chr = $this->convertEncoding($chr, 'UTF-16BE', 'UTF-8');
+        $hex = strtoupper(bin2hex($chr));
+        if (strlen($hex) <= 4) {
+            return sprintf('\\u%04s', $hex);
+        }
+        $highSurrogate = substr($hex, 0, 4);
+        $lowSurrogate  = substr($hex, 4, 4);
+        return sprintf('\\u%04s\\u%04s', $highSurrogate, $lowSurrogate);
+    }
+
+    /**
+     * Callback function for preg_replace_callback that applies CSS
+     * escaping to all matches.
+     *
+     * @param array<array-key, string> $matches
+     * @return string
+     */
+    protected function cssMatcher($matches)
+    {
+        $chr = $matches[0];
+        if (strlen($chr) === 1) {
+            $ord = ord($chr);
+        } else {
+            $chr = $this->convertEncoding($chr, 'UTF-32BE', 'UTF-8');
+            $ord = hexdec(bin2hex($chr));
+        }
+        return sprintf('\\%X ', $ord);
+    }
+
+    /**
+     * Converts a string to UTF-8 from the base encoding. The base encoding is set via this
+     *
+     * @param string $string
+     * @throws Exception\RuntimeException
+     * @return string
+     */
+    protected function toUtf8($string)
+    {
+        if ($this->getEncoding() === 'utf-8') {
+            $result = $string;
+        } else {
+            $result = $this->convertEncoding($string, 'UTF-8', $this->getEncoding());
+        }
+
+        if (! $this->isUtf8($result)) {
+            throw new Exception\RuntimeException(
+                sprintf('String to be escaped was not valid UTF-8 or could not be converted: %s', $result)
+            );
+        }
+
+        return $result;
+    }
+
+    /**
+     * Converts a string from UTF-8 to the base encoding. The base encoding is set via this
+     *
+     * @param string $string
+     * @return string
+     */
+    protected function fromUtf8($string)
+    {
+        if ($this->getEncoding() === 'utf-8') {
+            return $string;
+        }
+
+        return $this->convertEncoding($string, $this->getEncoding(), 'UTF-8');
+    }
+
+    /**
+     * Checks if a given string appears to be valid UTF-8 or not.
+     *
+     * @param string $string
+     * @return bool
+     */
+    protected function isUtf8($string)
+    {
+        return $string === '' || preg_match('/^./su', $string);
+    }
+
+    /**
+     * Encoding conversion helper which wraps mb_convert_encoding
+     *
+     * @param string $string
+     * @param string $to
+     * @param array|string $from
+     * @return string
+     */
+    protected function convertEncoding($string, $to, $from)
+    {
+        $result = mb_convert_encoding($string, $to, $from);
+
+        if ($result === false) {
+            return ''; // return non-fatal blank string on encoding errors from users
+        }
+
+        return $result;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Escaper/EscaperInterface.php b/ci4app/system/ThirdParty/Escaper/EscaperInterface.php
new file mode 100644
index 0000000..3930db8
--- /dev/null
+++ b/ci4app/system/ThirdParty/Escaper/EscaperInterface.php
@@ -0,0 +1,58 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Laminas\Escaper;
+
+/**
+ * Interface for context specific methods for use in secure output escaping
+ */
+interface EscaperInterface
+{
+    /**
+     * Escape a string for the HTML Body context where there are very few characters
+     * of special meaning. Internally this will use htmlspecialchars().
+     *
+     * @return ($string is non-empty-string ? non-empty-string : string)
+     */
+    public function escapeHtml(string $string);
+
+    /**
+     * Escape a string for the HTML Attribute context. We use an extended set of characters
+     * to escape that are not covered by htmlspecialchars() to cover cases where an attribute
+     * might be unquoted or quoted illegally (e.g. backticks are valid quotes for IE).
+     *
+     * @return ($string is non-empty-string ? non-empty-string : string)
+     */
+    public function escapeHtmlAttr(string $string);
+
+    /**
+     * Escape a string for the Javascript context. This does not use json_encode(). An extended
+     * set of characters are escaped beyond ECMAScript's rules for Javascript literal string
+     * escaping in order to prevent misinterpretation of Javascript as HTML leading to the
+     * injection of special characters and entities. The escaping used should be tolerant
+     * of cases where HTML escaping was not applied on top of Javascript escaping correctly.
+     * Backslash escaping is not used as it still leaves the escaped character as-is and so
+     * is not useful in a HTML context.
+     *
+     * @return ($string is non-empty-string ? non-empty-string : string)
+     */
+    public function escapeJs(string $string);
+
+    /**
+     * Escape a string for the URI or Parameter contexts. This should not be used to escape
+     * an entire URI - only a subcomponent being inserted. The function is a simple proxy
+     * to rawurlencode() which now implements RFC 3986 since PHP 5.3 completely.
+     *
+     * @return ($string is non-empty-string ? non-empty-string : string)
+     */
+    public function escapeUrl(string $string);
+
+    /**
+     * Escape a string for the CSS context. CSS escaping can be applied to any string being
+     * inserted into CSS and escapes everything except alphanumerics.
+     *
+     * @return ($string is non-empty-string ? non-empty-string : string)
+     */
+    public function escapeCss(string $string);
+}
diff --git a/ci4app/system/ThirdParty/Escaper/Exception/ExceptionInterface.php b/ci4app/system/ThirdParty/Escaper/Exception/ExceptionInterface.php
new file mode 100644
index 0000000..8f5fd89
--- /dev/null
+++ b/ci4app/system/ThirdParty/Escaper/Exception/ExceptionInterface.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Laminas\Escaper\Exception;
+
+use Throwable;
+
+interface ExceptionInterface extends Throwable
+{
+}
diff --git a/ci4app/system/ThirdParty/Escaper/Exception/InvalidArgumentException.php b/ci4app/system/ThirdParty/Escaper/Exception/InvalidArgumentException.php
new file mode 100644
index 0000000..48e646d
--- /dev/null
+++ b/ci4app/system/ThirdParty/Escaper/Exception/InvalidArgumentException.php
@@ -0,0 +1,13 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Laminas\Escaper\Exception;
+
+/**
+ * Invalid argument exception
+ */
+class InvalidArgumentException extends \InvalidArgumentException implements
+    ExceptionInterface
+{
+}
diff --git a/ci4app/system/ThirdParty/Escaper/Exception/RuntimeException.php b/ci4app/system/ThirdParty/Escaper/Exception/RuntimeException.php
new file mode 100644
index 0000000..5004c4c
--- /dev/null
+++ b/ci4app/system/ThirdParty/Escaper/Exception/RuntimeException.php
@@ -0,0 +1,13 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Laminas\Escaper\Exception;
+
+/**
+ * Invalid argument exception
+ */
+class RuntimeException extends \RuntimeException implements
+    ExceptionInterface
+{
+}
diff --git a/ci4app/system/ThirdParty/Escaper/LICENSE.md b/ci4app/system/ThirdParty/Escaper/LICENSE.md
new file mode 100644
index 0000000..10b40f1
--- /dev/null
+++ b/ci4app/system/ThirdParty/Escaper/LICENSE.md
@@ -0,0 +1,26 @@
+Copyright (c) 2020 Laminas Project a Series of LF Projects, LLC.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+- Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+
+- Redistributions in binary form must reproduce the above copyright notice,
+  this list of conditions and the following disclaimer in the documentation
+  and/or other materials provided with the distribution.
+
+- Neither the name of Laminas Foundation nor the names of its contributors may
+  be used to endorse or promote products derived from this software without
+  specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
diff --git a/ci4app/system/ThirdParty/Kint/CallFinder.php b/ci4app/system/ThirdParty/Kint/CallFinder.php
new file mode 100644
index 0000000..11c40ad
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/CallFinder.php
@@ -0,0 +1,659 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint;
+
+/**
+ * @psalm-type PhpTokenArray = array{int, string, int}
+ * @psalm-type PhpToken = string|PhpTokenArray
+ * @psalm-type CallParameter = array{
+ *   name: string,
+ *   path: string,
+ *   expression: bool,
+ *   literal: bool,
+ *   new_without_parens: bool,
+ * }
+ */
+class CallFinder
+{
+    private static array $ignore = [
+        T_CLOSE_TAG => true,
+        T_COMMENT => true,
+        T_DOC_COMMENT => true,
+        T_INLINE_HTML => true,
+        T_OPEN_TAG => true,
+        T_OPEN_TAG_WITH_ECHO => true,
+        T_WHITESPACE => true,
+    ];
+
+    /**
+     * Things we need to do specially for operator tokens:
+     * - Refuse to strip spaces around them
+     * - Wrap the access path in parentheses if there
+     *   are any of these in the final short parameter.
+     */
+    private static array $operator = [
+        T_AND_EQUAL => true,
+        T_BOOLEAN_AND => true,
+        T_BOOLEAN_OR => true,
+        T_ARRAY_CAST => true,
+        T_BOOL_CAST => true,
+        T_CLONE => true,
+        T_CONCAT_EQUAL => true,
+        T_DEC => true,
+        T_DIV_EQUAL => true,
+        T_DOUBLE_CAST => true,
+        T_FUNCTION => true,
+        T_INC => true,
+        T_INCLUDE => true,
+        T_INCLUDE_ONCE => true,
+        T_INSTANCEOF => true,
+        T_INT_CAST => true,
+        T_IS_EQUAL => true,
+        T_IS_GREATER_OR_EQUAL => true,
+        T_IS_IDENTICAL => true,
+        T_IS_NOT_EQUAL => true,
+        T_IS_NOT_IDENTICAL => true,
+        T_IS_SMALLER_OR_EQUAL => true,
+        T_LOGICAL_AND => true,
+        T_LOGICAL_OR => true,
+        T_LOGICAL_XOR => true,
+        T_MINUS_EQUAL => true,
+        T_MOD_EQUAL => true,
+        T_MUL_EQUAL => true,
+        T_OBJECT_CAST => true,
+        T_OR_EQUAL => true,
+        T_PLUS_EQUAL => true,
+        T_REQUIRE => true,
+        T_REQUIRE_ONCE => true,
+        T_SL => true,
+        T_SL_EQUAL => true,
+        T_SR => true,
+        T_SR_EQUAL => true,
+        T_STRING_CAST => true,
+        T_UNSET_CAST => true,
+        T_XOR_EQUAL => true,
+        T_POW => true,
+        T_POW_EQUAL => true,
+        T_SPACESHIP => true,
+        T_DOUBLE_ARROW => true,
+        T_FN => true,
+        T_COALESCE_EQUAL => true,
+        '!' => true,
+        '%' => true,
+        '&' => true,
+        '*' => true,
+        '+' => true,
+        '-' => true,
+        '.' => true,
+        '/' => true,
+        ':' => true,
+        '<' => true,
+        '=' => true,
+        '>' => true,
+        '?' => true,
+        '^' => true,
+        '|' => true,
+        '~' => true,
+    ];
+
+    private static array $preserve_spaces = [
+        T_CLASS => true,
+        T_NEW => true,
+    ];
+
+    private static array $strip = [
+        '(' => true,
+        ')' => true,
+        '[' => true,
+        ']' => true,
+        '{' => true,
+        '}' => true,
+        T_OBJECT_OPERATOR => true,
+        T_DOUBLE_COLON => true,
+        T_NS_SEPARATOR => true,
+    ];
+
+    private static array $classcalls = [
+        T_DOUBLE_COLON => true,
+        T_OBJECT_OPERATOR => true,
+    ];
+
+    private static array $namespace = [
+        T_STRING => true,
+    ];
+
+    /**
+     * @psalm-param callable-array|callable-string $function
+     *
+     * @psalm-return list<array{parameters: list<CallParameter>, modifiers: list<PhpToken>}>
+     *
+     * @return array List of matching calls on the relevant line
+     */
+    public static function getFunctionCalls(string $source, int $line, $function): array
+    {
+        static $up = [
+            '(' => true,
+            '[' => true,
+            '{' => true,
+            T_CURLY_OPEN => true,
+            T_DOLLAR_OPEN_CURLY_BRACES => true,
+        ];
+        static $down = [
+            ')' => true,
+            ']' => true,
+            '}' => true,
+        ];
+        static $modifiers = [
+            '!' => true,
+            '@' => true,
+            '~' => true,
+            '+' => true,
+            '-' => true,
+        ];
+        static $identifier = [
+            T_DOUBLE_COLON => true,
+            T_STRING => true,
+            T_NS_SEPARATOR => true,
+        ];
+
+        if (KINT_PHP80) {
+            $up[T_ATTRIBUTE] = true;
+            self::$operator[T_MATCH] = true;
+            self::$strip[T_NULLSAFE_OBJECT_OPERATOR] = true;
+            self::$classcalls[T_NULLSAFE_OBJECT_OPERATOR] = true;
+            self::$namespace[T_NAME_FULLY_QUALIFIED] = true;
+            self::$namespace[T_NAME_QUALIFIED] = true;
+            self::$namespace[T_NAME_RELATIVE] = true;
+            $identifier[T_NAME_FULLY_QUALIFIED] = true;
+            $identifier[T_NAME_QUALIFIED] = true;
+            $identifier[T_NAME_RELATIVE] = true;
+        }
+
+        if (!KINT_PHP84) {
+            self::$operator[T_NEW] = true; // @codeCoverageIgnore
+        }
+
+        /** @psalm-var list<PhpToken> */
+        $tokens = \token_get_all($source);
+        $function_calls = [];
+
+        // Performance optimization preventing backwards loops
+        /** @psalm-var array<PhpToken|null> */
+        $prev_tokens = [null, null, null];
+
+        if (\is_array($function)) {
+            $class = \explode('\\', $function[0]);
+            $class = \strtolower(\end($class));
+            $function = \strtolower($function[1]);
+        } else {
+            $class = null;
+            /**
+             * @psalm-suppress RedundantFunctionCallGivenDocblockType
+             * Psalm bug #11075
+             */
+            $function = \strtolower($function);
+        }
+
+        // Loop through tokens
+        foreach ($tokens as $index => $token) {
+            if (!\is_array($token)) {
+                continue;
+            }
+
+            if ($token[2] > $line) {
+                break;
+            }
+
+            // Store the last real tokens for later
+            if (isset(self::$ignore[$token[0]])) {
+                continue;
+            }
+
+            $prev_tokens = [$prev_tokens[1], $prev_tokens[2], $token];
+
+            // The logic for 7.3 through 8.1 is far more complicated.
+            // This should speed things up without making a lot more work for us
+            if (KINT_PHP82 && $line !== $token[2]) {
+                continue;
+            }
+
+            // Check if it's the right type to be the function we're looking for
+            if (!isset(self::$namespace[$token[0]])) {
+                continue;
+            }
+
+            $ns = \explode('\\', \strtolower($token[1]));
+
+            if (\end($ns) !== $function) {
+                continue;
+            }
+
+            // Check if it's a function call
+            $nextReal = self::realTokenIndex($tokens, $index);
+            if ('(' !== ($tokens[$nextReal] ?? null)) {
+                continue;
+            }
+
+            // Check if it matches the signature
+            if (null === $class) {
+                if (null !== $prev_tokens[1] && isset(self::$classcalls[$prev_tokens[1][0]])) {
+                    continue;
+                }
+            } else {
+                if (null === $prev_tokens[1] || T_DOUBLE_COLON !== $prev_tokens[1][0]) {
+                    continue;
+                }
+
+                if (null === $prev_tokens[0] || !isset(self::$namespace[$prev_tokens[0][0]])) {
+                    continue;
+                }
+
+                // All self::$namespace tokens are T_ constants
+                /**
+                 * @psalm-var PhpTokenArray $prev_tokens[0]
+                 * Psalm bug #746 (wontfix)
+                 */
+                $ns = \explode('\\', \strtolower($prev_tokens[0][1]));
+
+                if (\end($ns) !== $class) {
+                    continue;
+                }
+            }
+
+            $last_line = $token[2];
+            $depth = 1; // The depth respective to the function call
+            $offset = $nextReal + 1; // The start of the function call
+            $instring = false; // Whether we're in a string or not
+            $realtokens = false; // Whether the current scope contains anything meaningful or not
+            $paramrealtokens = false; // Whether the current parameter contains anything meaningful
+            $params = []; // All our collected parameters
+            $shortparam = []; // The short version of the parameter
+            $param_start = $offset; // The distance to the start of the parameter
+
+            // Loop through the following tokens until the function call ends
+            while (isset($tokens[$offset])) {
+                $token = $tokens[$offset];
+
+                if (\is_array($token)) {
+                    $last_line = $token[2];
+                }
+
+                if (!isset(self::$ignore[$token[0]]) && !isset($down[$token[0]])) {
+                    $paramrealtokens = $realtokens = true;
+                }
+
+                // If it's a token that makes us to up a level, increase the depth
+                if (isset($up[$token[0]])) {
+                    if (1 === $depth) {
+                        $shortparam[] = $token;
+                        $realtokens = false;
+                    }
+
+                    ++$depth;
+                } elseif (isset($down[$token[0]])) {
+                    --$depth;
+
+                    // If this brings us down to the parameter level, and we've had
+                    // real tokens since going up, fill the $shortparam with an ellipsis
+                    if (1 === $depth) {
+                        if ($realtokens) {
+                            $shortparam[] = '...';
+                        }
+                        $shortparam[] = $token;
+                    }
+                } elseif ('"' === $token || 'b"' === $token) {
+                    // Strings use the same symbol for up and down, but we can
+                    // only ever be inside one string, so just use a bool for that
+                    if ($instring) {
+                        --$depth;
+                        if (1 === $depth) {
+                            $shortparam[] = '...';
+                        }
+                    } else {
+                        ++$depth;
+                    }
+
+                    $instring = !$instring;
+
+                    $shortparam[] = $token;
+                } elseif (1 === $depth) {
+                    if (',' === $token[0]) {
+                        $params[] = [
+                            'full' => \array_slice($tokens, $param_start, $offset - $param_start),
+                            'short' => $shortparam,
+                        ];
+                        $shortparam = [];
+                        $paramrealtokens = false;
+                        $param_start = $offset + 1;
+                    } elseif (T_CONSTANT_ENCAPSED_STRING === $token[0]) {
+                        $quote = $token[1][0];
+                        if ('b' === $quote) {
+                            $quote = $token[1][1];
+                            if (\strlen($token[1]) > 3) {
+                                $token[1] = 'b'.$quote.'...'.$quote;
+                            }
+                        } else {
+                            if (\strlen($token[1]) > 2) {
+                                $token[1] = $quote.'...'.$quote;
+                            }
+                        }
+                        $shortparam[] = $token;
+                    } else {
+                        $shortparam[] = $token;
+                    }
+                }
+
+                // Depth has dropped to 0 (So we've hit the closing paren)
+                if ($depth <= 0) {
+                    if ($paramrealtokens) {
+                        $params[] = [
+                            'full' => \array_slice($tokens, $param_start, $offset - $param_start),
+                            'short' => $shortparam,
+                        ];
+                    }
+
+                    break;
+                }
+
+                ++$offset;
+            }
+
+            // If we're not passed (or at) the line at the end
+            // of the function call, we're too early so skip it
+            // Only applies to < 8.2 since we check line explicitly above that
+            if (!KINT_PHP82 && $last_line < $line) {
+                continue; // @codeCoverageIgnore
+            }
+
+            $formatted_parameters = [];
+
+            // Format the final output parameters
+            foreach ($params as $param) {
+                $name = self::tokensFormatted($param['short']);
+                $path = self::tokensToString(self::tokensTrim($param['full']));
+                $expression = false;
+                $literal = false;
+                $new_without_parens = false;
+
+                foreach ($name as $token) {
+                    if (self::tokenIsOperator($token)) {
+                        $expression = true;
+                        break;
+                    }
+                }
+
+                // As of 8.4 new is only an expression when parentheses are
+                // omitted. In that case we can cheat and add them ourselves.
+                //
+                // > PHP interprets the first expression after new as a class name
+                // per https://wiki.php.net/rfc/new_without_parentheses
+                if (KINT_PHP84 && !$expression && T_NEW === $name[0][0]) {
+                    $had_name_token = false;
+                    $new_without_parens = true;
+
+                    foreach ($name as $token) {
+                        if (T_NEW === $token[0]) {
+                            continue;
+                        }
+
+                        if (isset(self::$ignore[$token[0]])) {
+                            continue;
+                        }
+
+                        if (T_CLASS === $token[0]) {
+                            $new_without_parens = false;
+                            break;
+                        }
+
+                        if ('(' === $token && $had_name_token) {
+                            $new_without_parens = false;
+                            break;
+                        }
+
+                        $had_name_token = true;
+                    }
+                }
+
+                if (!$expression && 1 === \count($name)) {
+                    switch ($name[0][0]) {
+                        case T_CONSTANT_ENCAPSED_STRING:
+                        case T_LNUMBER:
+                        case T_DNUMBER:
+                            $literal = true;
+                            break;
+                        case T_STRING:
+                            switch (\strtolower($name[0][1])) {
+                                case 'null':
+                                case 'true':
+                                case 'false':
+                                    $literal = true;
+                            }
+                    }
+
+                    $name = self::tokensToString($name);
+                } else {
+                    $name = self::tokensToString($name);
+
+                    if (!$expression) {
+                        switch (\strtolower($name)) {
+                            case 'array()':
+                            case '[]':
+                                $literal = true;
+                                break;
+                        }
+                    }
+                }
+
+                $formatted_parameters[] = [
+                    'name' => $name,
+                    'path' => $path,
+                    'expression' => $expression,
+                    'literal' => $literal,
+                    'new_without_parens' => $new_without_parens,
+                ];
+            }
+
+            // Skip first-class callables
+            if (KINT_PHP81 && 1 === \count($formatted_parameters) && '...' === \reset($formatted_parameters)['path']) {
+                continue;
+            }
+
+            // Get the modifiers
+            --$index;
+
+            while (isset($tokens[$index])) {
+                if (!isset(self::$ignore[$tokens[$index][0]]) && !isset($identifier[$tokens[$index][0]])) {
+                    break;
+                }
+
+                --$index;
+            }
+
+            $mods = [];
+
+            while (isset($tokens[$index])) {
+                if (isset(self::$ignore[$tokens[$index][0]])) {
+                    --$index;
+                    continue;
+                }
+
+                if (isset($modifiers[$tokens[$index][0]])) {
+                    $mods[] = $tokens[$index];
+                    --$index;
+                    continue;
+                }
+
+                break;
+            }
+
+            $function_calls[] = [
+                'parameters' => $formatted_parameters,
+                'modifiers' => $mods,
+            ];
+        }
+
+        return $function_calls;
+    }
+
+    private static function realTokenIndex(array $tokens, int $index): ?int
+    {
+        ++$index;
+
+        while (isset($tokens[$index])) {
+            if (!isset(self::$ignore[$tokens[$index][0]])) {
+                return $index;
+            }
+
+            ++$index;
+        }
+
+        return null;
+    }
+
+    /**
+     * We need a separate method to check if tokens are operators because we
+     * occasionally add "..." to short parameter versions. If we simply check
+     * for `$token[0]` then "..." will incorrectly match the "." operator.
+     *
+     * @psalm-param PhpToken $token The token to check
+     */
+    private static function tokenIsOperator($token): bool
+    {
+        return '...' !== $token && isset(self::$operator[$token[0]]);
+    }
+
+    /**
+     * @psalm-param PhpToken $token The token to check
+     */
+    private static function tokenPreserveWhitespace($token): bool
+    {
+        return self::tokenIsOperator($token) || isset(self::$preserve_spaces[$token[0]]);
+    }
+
+    private static function tokensToString(array $tokens): string
+    {
+        $out = '';
+
+        foreach ($tokens as $token) {
+            if (\is_string($token)) {
+                $out .= $token;
+            } else {
+                $out .= $token[1];
+            }
+        }
+
+        return $out;
+    }
+
+    private static function tokensTrim(array $tokens): array
+    {
+        foreach ($tokens as $index => $token) {
+            if (isset(self::$ignore[$token[0]])) {
+                unset($tokens[$index]);
+            } else {
+                break;
+            }
+        }
+
+        $tokens = \array_reverse($tokens);
+
+        foreach ($tokens as $index => $token) {
+            if (isset(self::$ignore[$token[0]])) {
+                unset($tokens[$index]);
+            } else {
+                break;
+            }
+        }
+
+        return \array_reverse($tokens);
+    }
+
+    private static function tokensFormatted(array $tokens): array
+    {
+        $tokens = self::tokensTrim($tokens);
+
+        $space = false;
+        $attribute = false;
+        // Keep space between "strip" symbols for different behavior for matches or closures
+        // Normally we want to strip spaces between strip tokens: $x{...}[...]
+        // However with closures and matches we don't: function (...) {...}
+        $ignorestrip = false;
+        $output = [];
+        $last = null;
+
+        if (T_FUNCTION === $tokens[0][0] ||
+            T_FN === $tokens[0][0] ||
+            (KINT_PHP80 && T_MATCH === $tokens[0][0])
+        ) {
+            $ignorestrip = true;
+        }
+
+        foreach ($tokens as $index => $token) {
+            if (isset(self::$ignore[$token[0]])) {
+                if ($space) {
+                    continue;
+                }
+
+                $next = self::realTokenIndex($tokens, $index);
+                if (null === $next) {
+                    // This should be impossible, since we always call tokensTrim first
+                    break; // @codeCoverageIgnore
+                }
+                $next = $tokens[$next];
+
+                /**
+                 * @psalm-var PhpToken $last
+                 * Since we call tokensTrim we know we can't be here without a $last
+                 */
+                if ($attribute && ']' === $last[0]) {
+                    $attribute = false;
+                } elseif (!$ignorestrip && isset(self::$strip[$last[0]]) && !self::tokenPreserveWhitespace($next)) {
+                    continue;
+                }
+
+                if (!$ignorestrip && isset(self::$strip[$next[0]]) && !self::tokenPreserveWhitespace($last)) {
+                    continue;
+                }
+
+                $token[1] = ' ';
+                $space = true;
+            } else {
+                if (KINT_PHP80 && null !== $last && T_ATTRIBUTE === $last[0]) {
+                    $attribute = true;
+                }
+
+                $space = false;
+                $last = $token;
+            }
+
+            $output[] = $token;
+        }
+
+        return $output;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/FacadeInterface.php b/ci4app/system/ThirdParty/Kint/FacadeInterface.php
new file mode 100644
index 0000000..d61f1bd
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/FacadeInterface.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint;
+
+use Kint\Parser\Parser;
+use Kint\Renderer\RendererInterface;
+use Kint\Value\Context\ContextInterface;
+
+interface FacadeInterface
+{
+    public function __construct(Parser $p, RendererInterface $r);
+
+    public function setStatesFromStatics(array $statics): void;
+
+    public function setStatesFromCallInfo(array $info): void;
+
+    /**
+     * Renders a list of vars including the pre and post renders.
+     *
+     * @param array              $vars Data to dump
+     * @param ContextInterface[] $base The base contexts
+     */
+    public function dumpAll(array $vars, array $base): string;
+}
diff --git a/ci4app/system/ThirdParty/Kint/Kint.php b/ci4app/system/ThirdParty/Kint/Kint.php
new file mode 100644
index 0000000..6c55593
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Kint.php
@@ -0,0 +1,672 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint;
+
+use InvalidArgumentException;
+use Kint\Parser\ConstructablePluginInterface;
+use Kint\Parser\Parser;
+use Kint\Parser\PluginInterface;
+use Kint\Renderer\ConstructableRendererInterface;
+use Kint\Renderer\RendererInterface;
+use Kint\Renderer\TextRenderer;
+use Kint\Value\Context\BaseContext;
+use Kint\Value\Context\ContextInterface;
+use Kint\Value\UninitializedValue;
+
+/**
+ * @psalm-consistent-constructor
+ * Psalm bug #8523
+ *
+ * @psalm-import-type CallParameter from CallFinder
+ *
+ * @psalm-type KintMode = Kint::MODE_*|bool
+ *
+ * @psalm-api
+ */
+class Kint implements FacadeInterface
+{
+    public const MODE_RICH = 'r';
+    public const MODE_TEXT = 't';
+    public const MODE_CLI = 'c';
+    public const MODE_PLAIN = 'p';
+
+    /**
+     * @var mixed Kint mode
+     *
+     * false: Disabled
+     * true: Enabled, default mode selection
+     * other: Manual mode selection
+     *
+     * @psalm-var KintMode
+     */
+    public static $enabled_mode = true;
+
+    /**
+     * Default mode.
+     *
+     * @psalm-var KintMode
+     */
+    public static $mode_default = self::MODE_RICH;
+
+    /**
+     * Default mode in CLI with cli_detection on.
+     *
+     * @psalm-var KintMode
+     */
+    public static $mode_default_cli = self::MODE_CLI;
+
+    /**
+     * @var bool enable detection when Kint is command line.
+     *
+     * Formats output with whitespace only; does not HTML-escape it
+     */
+    public static bool $cli_detection = true;
+
+    /**
+     * @var bool Return output instead of echoing
+     */
+    public static bool $return = false;
+
+    /**
+     * @var int depth limit for array/object traversal. 0 for no limit
+     */
+    public static int $depth_limit = 7;
+
+    /**
+     * @var bool expand all trees by default for rich view
+     */
+    public static bool $expanded = false;
+
+    /**
+     * @var bool whether to display where kint was called from
+     */
+    public static bool $display_called_from = true;
+
+    /**
+     * @var array Kint aliases. Add debug functions in Kint wrappers here to fix modifiers and backtraces
+     */
+    public static array $aliases = [
+        [self::class, 'dump'],
+        [self::class, 'trace'],
+        [self::class, 'dumpAll'],
+    ];
+
+    /**
+     * @psalm-var array<RendererInterface|class-string<ConstructableRendererInterface>>
+     *
+     * Array of modes to renderer class names
+     */
+    public static array $renderers = [
+        self::MODE_RICH => Renderer\RichRenderer::class,
+        self::MODE_PLAIN => Renderer\PlainRenderer::class,
+        self::MODE_TEXT => TextRenderer::class,
+        self::MODE_CLI => Renderer\CliRenderer::class,
+    ];
+
+    /**
+     * @psalm-var array<PluginInterface|class-string<ConstructablePluginInterface>>
+     */
+    public static array $plugins = [
+        \Kint\Parser\ArrayLimitPlugin::class,
+        \Kint\Parser\ArrayObjectPlugin::class,
+        \Kint\Parser\Base64Plugin::class,
+        \Kint\Parser\BinaryPlugin::class,
+        \Kint\Parser\BlacklistPlugin::class,
+        \Kint\Parser\ClassHooksPlugin::class,
+        \Kint\Parser\ClassMethodsPlugin::class,
+        \Kint\Parser\ClassStaticsPlugin::class,
+        \Kint\Parser\ClassStringsPlugin::class,
+        \Kint\Parser\ClosurePlugin::class,
+        \Kint\Parser\ColorPlugin::class,
+        \Kint\Parser\DateTimePlugin::class,
+        \Kint\Parser\DomPlugin::class,
+        \Kint\Parser\EnumPlugin::class,
+        \Kint\Parser\FsPathPlugin::class,
+        \Kint\Parser\HtmlPlugin::class,
+        \Kint\Parser\IteratorPlugin::class,
+        \Kint\Parser\JsonPlugin::class,
+        \Kint\Parser\MicrotimePlugin::class,
+        \Kint\Parser\MysqliPlugin::class,
+        // \Kint\Parser\SerializePlugin::class,
+        \Kint\Parser\SimpleXMLElementPlugin::class,
+        \Kint\Parser\SplFileInfoPlugin::class,
+        \Kint\Parser\StreamPlugin::class,
+        \Kint\Parser\TablePlugin::class,
+        \Kint\Parser\ThrowablePlugin::class,
+        \Kint\Parser\TimestampPlugin::class,
+        \Kint\Parser\ToStringPlugin::class,
+        \Kint\Parser\TracePlugin::class,
+        \Kint\Parser\XmlPlugin::class,
+    ];
+
+    protected Parser $parser;
+    protected RendererInterface $renderer;
+
+    public function __construct(Parser $p, RendererInterface $r)
+    {
+        $this->parser = $p;
+        $this->renderer = $r;
+    }
+
+    public function setParser(Parser $p): void
+    {
+        $this->parser = $p;
+    }
+
+    public function getParser(): Parser
+    {
+        return $this->parser;
+    }
+
+    public function setRenderer(RendererInterface $r): void
+    {
+        $this->renderer = $r;
+    }
+
+    public function getRenderer(): RendererInterface
+    {
+        return $this->renderer;
+    }
+
+    public function setStatesFromStatics(array $statics): void
+    {
+        $this->renderer->setStatics($statics);
+
+        $this->parser->setDepthLimit($statics['depth_limit'] ?? 0);
+        $this->parser->clearPlugins();
+
+        if (!isset($statics['plugins'])) {
+            return;
+        }
+
+        $plugins = [];
+
+        foreach ($statics['plugins'] as $plugin) {
+            if ($plugin instanceof PluginInterface) {
+                $plugins[] = $plugin;
+            } elseif (\is_string($plugin) && \is_a($plugin, ConstructablePluginInterface::class, true)) {
+                $plugins[] = new $plugin($this->parser);
+            }
+        }
+
+        $plugins = $this->renderer->filterParserPlugins($plugins);
+
+        foreach ($plugins as $plugin) {
+            try {
+                $this->parser->addPlugin($plugin);
+            } catch (InvalidArgumentException $e) {
+                \trigger_error(
+                    'Plugin '.Utils::errorSanitizeString(\get_class($plugin)).' could not be added to a Kint parser: '.Utils::errorSanitizeString($e->getMessage()),
+                    E_USER_WARNING
+                );
+            }
+        }
+    }
+
+    public function setStatesFromCallInfo(array $info): void
+    {
+        $this->renderer->setCallInfo($info);
+
+        if (isset($info['modifiers']) && \is_array($info['modifiers']) && \in_array('+', $info['modifiers'], true)) {
+            $this->parser->setDepthLimit(0);
+        }
+
+        $this->parser->setCallerClass($info['caller']['class'] ?? null);
+    }
+
+    public function dumpAll(array $vars, array $base): string
+    {
+        if (\array_keys($vars) !== \array_keys($base)) {
+            throw new InvalidArgumentException('Kint::dumpAll requires arrays of identical size and keys as arguments');
+        }
+
+        if ([] === $vars) {
+            return $this->dumpNothing();
+        }
+
+        $output = $this->renderer->preRender();
+
+        foreach ($vars as $key => $_) {
+            if (!$base[$key] instanceof ContextInterface) {
+                throw new InvalidArgumentException('Kint::dumpAll requires all elements of the second argument to be ContextInterface instances');
+            }
+            $output .= $this->dumpVar($vars[$key], $base[$key]);
+        }
+
+        $output .= $this->renderer->postRender();
+
+        return $output;
+    }
+
+    protected function dumpNothing(): string
+    {
+        $output = $this->renderer->preRender();
+        $output .= $this->renderer->render(new UninitializedValue(new BaseContext('No argument')));
+        $output .= $this->renderer->postRender();
+
+        return $output;
+    }
+
+    /**
+     * Dumps and renders a var.
+     *
+     * @param mixed &$var Data to dump
+     */
+    protected function dumpVar(&$var, ContextInterface $c): string
+    {
+        return $this->renderer->render(
+            $this->parser->parse($var, $c)
+        );
+    }
+
+    /**
+     * Gets all static settings at once.
+     *
+     * @return array Current static settings
+     */
+    public static function getStatics(): array
+    {
+        return [
+            'aliases' => static::$aliases,
+            'cli_detection' => static::$cli_detection,
+            'depth_limit' => static::$depth_limit,
+            'display_called_from' => static::$display_called_from,
+            'enabled_mode' => static::$enabled_mode,
+            'expanded' => static::$expanded,
+            'mode_default' => static::$mode_default,
+            'mode_default_cli' => static::$mode_default_cli,
+            'plugins' => static::$plugins,
+            'renderers' => static::$renderers,
+            'return' => static::$return,
+        ];
+    }
+
+    /**
+     * Creates a Kint instance based on static settings.
+     *
+     * @param array $statics array of statics as returned by getStatics
+     */
+    public static function createFromStatics(array $statics): ?FacadeInterface
+    {
+        $mode = false;
+
+        if (isset($statics['enabled_mode'])) {
+            $mode = $statics['enabled_mode'];
+
+            if (true === $mode && isset($statics['mode_default'])) {
+                $mode = $statics['mode_default'];
+
+                if (PHP_SAPI === 'cli' && !empty($statics['cli_detection']) && isset($statics['mode_default_cli'])) {
+                    $mode = $statics['mode_default_cli'];
+                }
+            }
+        }
+
+        if (false === $mode) {
+            return null;
+        }
+
+        $renderer = null;
+        if (isset($statics['renderers'][$mode])) {
+            if ($statics['renderers'][$mode] instanceof RendererInterface) {
+                $renderer = $statics['renderers'][$mode];
+            }
+
+            if (\is_a($statics['renderers'][$mode], ConstructableRendererInterface::class, true)) {
+                $renderer = new $statics['renderers'][$mode]();
+            }
+        }
+
+        $renderer ??= new TextRenderer();
+
+        return new static(new Parser(), $renderer);
+    }
+
+    /**
+     * Creates base contexts given parameter info.
+     *
+     * @psalm-param list<CallParameter> $params
+     *
+     * @return BaseContext[] Base contexts for the arguments
+     */
+    public static function getBasesFromParamInfo(array $params, int $argc): array
+    {
+        $bases = [];
+
+        for ($i = 0; $i < $argc; ++$i) {
+            $param = $params[$i] ?? null;
+
+            if (!empty($param['literal'])) {
+                $name = 'literal';
+            } else {
+                $name = $param['name'] ?? '$'.$i;
+            }
+
+            if (isset($param['path'])) {
+                $access_path = $param['path'];
+
+                if ($param['expression']) {
+                    $access_path = '('.$access_path.')';
+                } elseif ($param['new_without_parens']) {
+                    $access_path .= '()';
+                }
+            } else {
+                $access_path = '$'.$i;
+            }
+
+            $base = new BaseContext($name);
+            $base->access_path = $access_path;
+            $bases[] = $base;
+        }
+
+        return $bases;
+    }
+
+    /**
+     * Gets call info from the backtrace, alias, and argument count.
+     *
+     * Aliases must be normalized beforehand (Utils::normalizeAliases)
+     *
+     * @param array   $aliases Call aliases as found in Kint::$aliases
+     * @param array[] $trace   Backtrace
+     * @param array   $args    Arguments
+     *
+     * @return array Call info
+     *
+     * @psalm-param list<non-empty-array> $trace
+     */
+    public static function getCallInfo(array $aliases, array $trace, array $args): array
+    {
+        $found = false;
+        $callee = null;
+        $caller = null;
+        $miniTrace = [];
+
+        foreach ($trace as $frame) {
+            if (Utils::traceFrameIsListed($frame, $aliases)) {
+                $found = true;
+                $miniTrace = [];
+            }
+
+            if (!Utils::traceFrameIsListed($frame, ['spl_autoload_call'])) {
+                $miniTrace[] = $frame;
+            }
+        }
+
+        if ($found) {
+            $callee = \reset($miniTrace) ?: null;
+            $caller = \next($miniTrace) ?: null;
+        }
+
+        foreach ($miniTrace as $index => $frame) {
+            if ((0 === $index && $callee === $frame) || isset($frame['file'], $frame['line'])) {
+                unset($frame['object'], $frame['args']);
+                $miniTrace[$index] = $frame;
+            } else {
+                unset($miniTrace[$index]);
+            }
+        }
+
+        $miniTrace = \array_values($miniTrace);
+
+        $call = static::getSingleCall($callee ?: [], $args);
+
+        $ret = [
+            'params' => null,
+            'modifiers' => [],
+            'callee' => $callee,
+            'caller' => $caller,
+            'trace' => $miniTrace,
+        ];
+
+        if (null !== $call) {
+            $ret['params'] = $call['parameters'];
+            $ret['modifiers'] = $call['modifiers'];
+        }
+
+        return $ret;
+    }
+
+    /**
+     * Dumps a backtrace.
+     *
+     * Functionally equivalent to Kint::dump(1) or Kint::dump(debug_backtrace(true))
+     *
+     * @return int|string
+     */
+    public static function trace()
+    {
+        if (false === static::$enabled_mode) {
+            return 0;
+        }
+
+        static::$aliases = Utils::normalizeAliases(static::$aliases);
+
+        $call_info = static::getCallInfo(static::$aliases, \debug_backtrace(DEBUG_BACKTRACE_IGNORE_ARGS), []);
+
+        $statics = static::getStatics();
+
+        if (\in_array('~', $call_info['modifiers'], true)) {
+            $statics['enabled_mode'] = static::MODE_TEXT;
+        }
+
+        $kintstance = static::createFromStatics($statics);
+        if (!$kintstance) {
+            return 0;
+        }
+
+        if (\in_array('-', $call_info['modifiers'], true)) {
+            while (\ob_get_level()) {
+                \ob_end_clean();
+            }
+        }
+
+        $kintstance->setStatesFromStatics($statics);
+        $kintstance->setStatesFromCallInfo($call_info);
+
+        $trimmed_trace = [];
+        $trace = \debug_backtrace();
+
+        foreach ($trace as $frame) {
+            if (Utils::traceFrameIsListed($frame, static::$aliases)) {
+                $trimmed_trace = [];
+            }
+
+            $trimmed_trace[] = $frame;
+        }
+
+        \array_shift($trimmed_trace);
+
+        $base = new BaseContext('Kint\\Kint::trace()');
+        $base->access_path = 'debug_backtrace()';
+        $output = $kintstance->dumpAll([$trimmed_trace], [$base]);
+
+        if (static::$return || \in_array('@', $call_info['modifiers'], true)) {
+            return $output;
+        }
+
+        echo $output;
+
+        if (\in_array('-', $call_info['modifiers'], true)) {
+            \flush(); // @codeCoverageIgnore
+        }
+
+        return 0;
+    }
+
+    /**
+     * Dumps some data.
+     *
+     * Functionally equivalent to Kint::dump(1) or Kint::dump(debug_backtrace())
+     *
+     * @psalm-param mixed ...$args
+     *
+     * @return int|string
+     */
+    public static function dump(...$args)
+    {
+        if (false === static::$enabled_mode) {
+            return 0;
+        }
+
+        static::$aliases = Utils::normalizeAliases(static::$aliases);
+
+        $call_info = static::getCallInfo(static::$aliases, \debug_backtrace(DEBUG_BACKTRACE_IGNORE_ARGS), $args);
+
+        $statics = static::getStatics();
+
+        if (\in_array('~', $call_info['modifiers'], true)) {
+            $statics['enabled_mode'] = static::MODE_TEXT;
+        }
+
+        $kintstance = static::createFromStatics($statics);
+        if (!$kintstance) {
+            return 0;
+        }
+
+        if (\in_array('-', $call_info['modifiers'], true)) {
+            while (\ob_get_level()) {
+                \ob_end_clean();
+            }
+        }
+
+        $kintstance->setStatesFromStatics($statics);
+        $kintstance->setStatesFromCallInfo($call_info);
+
+        $bases = static::getBasesFromParamInfo($call_info['params'] ?? [], \count($args));
+        $output = $kintstance->dumpAll(\array_values($args), $bases);
+
+        if (static::$return || \in_array('@', $call_info['modifiers'], true)) {
+            return $output;
+        }
+
+        echo $output;
+
+        if (\in_array('-', $call_info['modifiers'], true)) {
+            \flush(); // @codeCoverageIgnore
+        }
+
+        return 0;
+    }
+
+    /**
+     * Returns specific function call info from a stack trace frame, or null if no match could be found.
+     *
+     * @param array $frame The stack trace frame in question
+     * @param array $args  The arguments
+     *
+     * @return ?array params and modifiers, or null if a specific call could not be determined
+     */
+    protected static function getSingleCall(array $frame, array $args): ?array
+    {
+        if (
+            !isset($frame['file'], $frame['line'], $frame['function']) ||
+            !\is_readable($frame['file']) ||
+            false === ($source = \file_get_contents($frame['file']))
+        ) {
+            return null;
+        }
+
+        if (empty($frame['class'])) {
+            $callfunc = $frame['function'];
+        } else {
+            $callfunc = [$frame['class'], $frame['function']];
+        }
+
+        $calls = CallFinder::getFunctionCalls($source, $frame['line'], $callfunc);
+
+        $argc = \count($args);
+
+        $return = null;
+
+        foreach ($calls as $call) {
+            $is_unpack = false;
+
+            // Handle argument unpacking as a last resort
+            foreach ($call['parameters'] as $i => &$param) {
+                if (0 === \strpos($param['name'], '...')) {
+                    $is_unpack = true;
+
+                    // If we're on the last param
+                    if ($i < $argc && $i === \count($call['parameters']) - 1) {
+                        unset($call['parameters'][$i]);
+
+                        if (Utils::isAssoc($args)) {
+                            // Associated unpacked arrays can be accessed by key
+                            $keys = \array_slice(\array_keys($args), $i);
+
+                            foreach ($keys as $key) {
+                                $call['parameters'][] = [
+                                    'name' => \substr($param['name'], 3).'['.\var_export($key, true).']',
+                                    'path' => \substr($param['path'], 3).'['.\var_export($key, true).']',
+                                    'expression' => false,
+                                    'literal' => false,
+                                    'new_without_parens' => false,
+                                ];
+                            }
+                        } else {
+                            // Numeric unpacked arrays have their order blown away like a pass
+                            // through array_values so we can't access them directly at all
+                            for ($j = 0; $j + $i < $argc; ++$j) {
+                                $call['parameters'][] = [
+                                    'name' => 'array_values('.\substr($param['name'], 3).')['.$j.']',
+                                    'path' => 'array_values('.\substr($param['path'], 3).')['.$j.']',
+                                    'expression' => false,
+                                    'literal' => false,
+                                    'new_without_parens' => false,
+                                ];
+                            }
+                        }
+
+                        $call['parameters'] = \array_values($call['parameters']);
+                    } else {
+                        $call['parameters'] = \array_slice($call['parameters'], 0, $i);
+                    }
+
+                    break;
+                }
+
+                if ($i >= $argc) {
+                    continue 2;
+                }
+            }
+
+            if ($is_unpack || \count($call['parameters']) === $argc) {
+                if (null === $return) {
+                    $return = $call;
+                } else {
+                    // If we have multiple calls on the same line with the same amount of arguments,
+                    // we can't be sure which it is so just return null and let them figure it out
+                    return null;
+                }
+            }
+        }
+
+        return $return;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/LICENSE b/ci4app/system/ThirdParty/Kint/LICENSE
new file mode 100644
index 0000000..01718d4
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/LICENSE
@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/ci4app/system/ThirdParty/Kint/Parser/AbstractPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/AbstractPlugin.php
new file mode 100644
index 0000000..6ab031d
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/AbstractPlugin.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+abstract class AbstractPlugin implements ConstructablePluginInterface
+{
+    private Parser $parser;
+
+    public function __construct(Parser $parser)
+    {
+        $this->parser = $parser;
+    }
+
+    public function setParser(Parser $p): void
+    {
+        $this->parser = $p;
+    }
+
+    protected function getParser(): Parser
+    {
+        return $this->parser;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/ArrayLimitPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/ArrayLimitPlugin.php
new file mode 100644
index 0000000..bd54f5f
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/ArrayLimitPlugin.php
@@ -0,0 +1,169 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use InvalidArgumentException;
+use Kint\Utils;
+use Kint\Value\AbstractValue;
+use Kint\Value\ArrayValue;
+use Kint\Value\Context\BaseContext;
+use Kint\Value\Context\ContextInterface;
+use Kint\Value\Representation\ContainerRepresentation;
+use Kint\Value\Representation\ProfileRepresentation;
+use Kint\Value\Representation\ValueRepresentation;
+
+class ArrayLimitPlugin extends AbstractPlugin implements PluginBeginInterface
+{
+    /**
+     * Maximum size of arrays before limiting.
+     */
+    public static int $trigger = 1000;
+
+    /**
+     * Maximum amount of items to show in a limited array.
+     */
+    public static int $limit = 50;
+
+    /**
+     * Don't limit arrays with string keys.
+     */
+    public static bool $numeric_only = true;
+
+    public function __construct(Parser $p)
+    {
+        if (self::$limit < 0) {
+            throw new InvalidArgumentException('ArrayLimitPlugin::$limit can not be lower than 0');
+        }
+
+        if (self::$limit >= self::$trigger) {
+            throw new InvalidArgumentException('ArrayLimitPlugin::$limit can not be lower than ArrayLimitPlugin::$trigger');
+        }
+
+        parent::__construct($p);
+    }
+
+    public function getTypes(): array
+    {
+        return ['array'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_BEGIN;
+    }
+
+    public function parseBegin(&$var, ContextInterface $c): ?AbstractValue
+    {
+        $parser = $this->getParser();
+        $pdepth = $parser->getDepthLimit();
+
+        if (!$pdepth) {
+            return null;
+        }
+
+        $cdepth = $c->getDepth();
+
+        if ($cdepth >= $pdepth - 1) {
+            return null;
+        }
+
+        if (\count($var) < self::$trigger) {
+            return null;
+        }
+
+        if (self::$numeric_only && Utils::isAssoc($var)) {
+            return null;
+        }
+
+        $slice = \array_slice($var, 0, self::$limit, true);
+        $array = $parser->parse($slice, $c);
+
+        if (!$array instanceof ArrayValue) {
+            return null;
+        }
+
+        $base = new BaseContext($c->getName());
+        $base->depth = $pdepth - 1;
+        $base->access_path = $c->getAccessPath();
+
+        $slice = \array_slice($var, self::$limit, null, true);
+        $slice = $parser->parse($slice, $base);
+
+        if (!$slice instanceof ArrayValue) {
+            return null;
+        }
+
+        foreach ($slice->getContents() as $child) {
+            $this->replaceDepthLimit($child, $cdepth + 1);
+        }
+
+        $out = new ArrayValue($c, \count($var), \array_merge($array->getContents(), $slice->getContents()));
+        $out->flags = $array->flags;
+
+        // Explicitly copy over profile plugin
+        $arrayp = $array->getRepresentation('profiling');
+        $slicep = $slice->getRepresentation('profiling');
+        if ($arrayp instanceof ProfileRepresentation && $slicep instanceof ProfileRepresentation) {
+            $out->addRepresentation(new ProfileRepresentation($arrayp->complexity + $slicep->complexity));
+        }
+
+        // Add contents. Check is in case some bad plugin empties both $slice and $array
+        if ($contents = $out->getContents()) {
+            $out->addRepresentation(new ContainerRepresentation('Contents', $contents, null, true));
+        }
+
+        return $out;
+    }
+
+    protected function replaceDepthLimit(AbstractValue $v, int $depth): void
+    {
+        $c = $v->getContext();
+
+        if ($c instanceof BaseContext) {
+            $c->depth = $depth;
+        }
+
+        $pdepth = $this->getParser()->getDepthLimit();
+
+        if (($v->flags & AbstractValue::FLAG_DEPTH_LIMIT) && $pdepth && $depth < $pdepth) {
+            $v->flags = $v->flags & ~AbstractValue::FLAG_DEPTH_LIMIT | AbstractValue::FLAG_ARRAY_LIMIT;
+        }
+
+        $reps = $v->getRepresentations();
+
+        foreach ($reps as $rep) {
+            if ($rep instanceof ContainerRepresentation) {
+                foreach ($rep->getContents() as $child) {
+                    $this->replaceDepthLimit($child, $depth + 1);
+                }
+            } elseif ($rep instanceof ValueRepresentation) {
+                $this->replaceDepthLimit($rep->getValue(), $depth + 1);
+            }
+        }
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/ArrayObjectPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/ArrayObjectPlugin.php
new file mode 100644
index 0000000..605d695
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/ArrayObjectPlugin.php
@@ -0,0 +1,68 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use ArrayObject;
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\ContextInterface;
+
+class ArrayObjectPlugin extends AbstractPlugin implements PluginBeginInterface
+{
+    public function getTypes(): array
+    {
+        return ['object'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_BEGIN;
+    }
+
+    public function parseBegin(&$var, ContextInterface $c): ?AbstractValue
+    {
+        if (!$var instanceof ArrayObject) {
+            return null;
+        }
+
+        $flags = $var->getFlags();
+
+        if (ArrayObject::STD_PROP_LIST === $flags) {
+            return null;
+        }
+
+        $parser = $this->getParser();
+
+        $var->setFlags(ArrayObject::STD_PROP_LIST);
+
+        $v = $parser->parse($var, $c);
+
+        $var->setFlags($flags);
+
+        return $v;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/Base64Plugin.php b/ci4app/system/ThirdParty/Kint/Parser/Base64Plugin.php
new file mode 100644
index 0000000..9cc6eee
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/Base64Plugin.php
@@ -0,0 +1,103 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\BaseContext;
+use Kint\Value\Representation\ValueRepresentation;
+use Kint\Value\StringValue;
+
+class Base64Plugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    /**
+     * The minimum length before a string will be considered for base64 decoding.
+     */
+    public static int $min_length_hard = 16;
+
+    /**
+     * The minimum length before the base64 decoding will take precedence.
+     */
+    public static int $min_length_soft = 50;
+
+    public function getTypes(): array
+    {
+        return ['string'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if (\strlen($var) < self::$min_length_hard || \strlen($var) % 4) {
+            return $v;
+        }
+
+        if (\preg_match('/^[A-Fa-f0-9]+$/', $var)) {
+            return $v;
+        }
+
+        if (!\preg_match('/^[A-Za-z0-9+\\/=]+$/', $var)) {
+            return $v;
+        }
+
+        $data = \base64_decode($var, true);
+
+        if (false === $data) {
+            return $v;
+        }
+
+        $c = $v->getContext();
+
+        $base = new BaseContext('base64_decode('.$c->getName().')');
+        $base->depth = $c->getDepth() + 1;
+
+        if (null !== ($ap = $c->getAccessPath())) {
+            $base->access_path = 'base64_decode('.$ap.')';
+        }
+
+        $data = $this->getParser()->parse($data, $base);
+        $data->flags |= AbstractValue::FLAG_GENERATED;
+
+        if (!$data instanceof StringValue || false === $data->getEncoding()) {
+            return $v;
+        }
+
+        $r = new ValueRepresentation('Base64', $data);
+
+        if (\strlen($var) > self::$min_length_soft) {
+            $v->addRepresentation($r, 0);
+        } else {
+            $v->addRepresentation($r);
+        }
+
+        return $v;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/BinaryPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/BinaryPlugin.php
new file mode 100644
index 0000000..0ee1f63
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/BinaryPlugin.php
@@ -0,0 +1,54 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Representation\BinaryRepresentation;
+use Kint\Value\StringValue;
+
+class BinaryPlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    public function getTypes(): array
+    {
+        return ['string'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if ($v instanceof StringValue && false === $v->getEncoding()) {
+            $v->addRepresentation(new BinaryRepresentation($v->getValue(), true), 0);
+        }
+
+        return $v;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/BlacklistPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/BlacklistPlugin.php
new file mode 100644
index 0000000..2fa4fed
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/BlacklistPlugin.php
@@ -0,0 +1,96 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\ContextInterface;
+use Kint\Value\InstanceValue;
+use Psr\Container\ContainerInterface;
+use Psr\EventDispatcher\EventDispatcherInterface;
+
+class BlacklistPlugin extends AbstractPlugin implements PluginBeginInterface
+{
+    /**
+     * List of classes and interfaces to blacklist.
+     *
+     * @var class-string[]
+     */
+    public static array $blacklist = [];
+
+    /**
+     * List of classes and interfaces to blacklist except when dumped directly.
+     *
+     * @var class-string[]
+     */
+    public static array $shallow_blacklist = [
+        ContainerInterface::class,
+        EventDispatcherInterface::class,
+    ];
+
+    public function getTypes(): array
+    {
+        return ['object'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_BEGIN;
+    }
+
+    public function parseBegin(&$var, ContextInterface $c): ?AbstractValue
+    {
+        foreach (self::$blacklist as $class) {
+            if ($var instanceof $class) {
+                return $this->blacklistValue($var, $c);
+            }
+        }
+
+        if ($c->getDepth() <= 0) {
+            return null;
+        }
+
+        foreach (self::$shallow_blacklist as $class) {
+            if ($var instanceof $class) {
+                return $this->blacklistValue($var, $c);
+            }
+        }
+
+        return null;
+    }
+
+    /**
+     * @param object &$var
+     */
+    protected function blacklistValue(&$var, ContextInterface $c): InstanceValue
+    {
+        $object = new InstanceValue($c, \get_class($var), \spl_object_hash($var), \spl_object_id($var));
+        $object->flags |= AbstractValue::FLAG_BLACKLIST;
+
+        return $object;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/ClassHooksPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/ClassHooksPlugin.php
new file mode 100644
index 0000000..1d658bf
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/ClassHooksPlugin.php
@@ -0,0 +1,122 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\MethodContext;
+use Kint\Value\Context\PropertyContext;
+use Kint\Value\DeclaredCallableBag;
+use Kint\Value\InstanceValue;
+use Kint\Value\MethodValue;
+use Kint\Value\Representation\ContainerRepresentation;
+use ReflectionProperty;
+
+class ClassHooksPlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    public static bool $verbose = false;
+
+    /** @psalm-var array<class-string, array<string, MethodValue[]>> */
+    private array $cache = [];
+    /** @psalm-var array<class-string, array<string, MethodValue[]>> */
+    private array $cache_verbose = [];
+
+    public function getTypes(): array
+    {
+        return ['object'];
+    }
+
+    public function getTriggers(): int
+    {
+        if (!KINT_PHP84) {
+            return Parser::TRIGGER_NONE; // @codeCoverageIgnore
+        }
+
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if (!$v instanceof InstanceValue) {
+            return $v;
+        }
+
+        $props = $v->getRepresentation('properties');
+
+        if (!$props instanceof ContainerRepresentation) {
+            return $v;
+        }
+
+        foreach ($props->getContents() as $prop) {
+            $c = $prop->getContext();
+
+            if (!$c instanceof PropertyContext || PropertyContext::HOOK_NONE === $c->hooks) {
+                continue;
+            }
+
+            $cname = $c->getName();
+            $cowner = $c->owner_class;
+
+            if (!isset($this->cache_verbose[$cowner][$cname])) {
+                $ref = new ReflectionProperty($cowner, $cname);
+                $hooks = $ref->getHooks();
+
+                foreach ($hooks as $hook) {
+                    if (!self::$verbose && false === $hook->getDocComment()) {
+                        continue;
+                    }
+
+                    $m = new MethodValue(
+                        new MethodContext($hook),
+                        new DeclaredCallableBag($hook)
+                    );
+
+                    $this->cache_verbose[$cowner][$cname][] = $m;
+
+                    if (false !== $hook->getDocComment()) {
+                        $this->cache[$cowner][$cname][] = $m;
+                    }
+                }
+
+                $this->cache[$cowner][$cname] ??= [];
+
+                if (self::$verbose) {
+                    $this->cache_verbose[$cowner][$cname] ??= [];
+                }
+            }
+
+            $cache = self::$verbose ? $this->cache_verbose : $this->cache;
+            $cache = $cache[$cowner][$cname] ?? [];
+
+            if (\count($cache)) {
+                $prop->addRepresentation(new ContainerRepresentation('Hooks', $cache, 'propertyhooks'));
+            }
+        }
+
+        return $v;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/ClassMethodsPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/ClassMethodsPlugin.php
new file mode 100644
index 0000000..e06df2b
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/ClassMethodsPlugin.php
@@ -0,0 +1,225 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\MethodContext;
+use Kint\Value\DeclaredCallableBag;
+use Kint\Value\InstanceValue;
+use Kint\Value\MethodValue;
+use Kint\Value\Representation\ContainerRepresentation;
+use ReflectionClass;
+use ReflectionMethod;
+
+class ClassMethodsPlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    public static bool $show_access_path = true;
+
+    /**
+     * Whether to go out of the way to show constructor paths
+     * when the instance isn't accessible.
+     *
+     * Disabling this improves performance.
+     */
+    public static bool $show_constructor_path = false;
+
+    /** @psalm-var array<class-string, MethodValue[]> */
+    private array $instance_cache = [];
+
+    /** @psalm-var array<class-string, MethodValue[]> */
+    private array $static_cache = [];
+
+    public function getTypes(): array
+    {
+        return ['object'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    /**
+     * @psalm-template T of AbstractValue
+     *
+     * @psalm-param mixed $var
+     * @psalm-param T $v
+     *
+     * @psalm-return T
+     */
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if (!$v instanceof InstanceValue) {
+            return $v;
+        }
+
+        $class = $v->getClassName();
+        $scope = $this->getParser()->getCallerClass();
+
+        if ($contents = $this->getCachedMethods($class)) {
+            if (self::$show_access_path) {
+                if (null !== $v->getContext()->getAccessPath()) {
+                    // If we have an access path we can generate them for the children
+                    foreach ($contents as $key => $val) {
+                        if ($val->getContext()->isAccessible($scope)) {
+                            $val = clone $val;
+                            $val->getContext()->setAccessPathFromParent($v);
+                            $contents[$key] = $val;
+                        }
+                    }
+                } elseif (self::$show_constructor_path && isset($contents['__construct'])) {
+                    // __construct is the only exception: The only non-static method
+                    // that can be called without access to the parent instance.
+                    // Technically I guess it really is a static method but so long
+                    // as PHP continues to refer to it as a normal one so will we.
+                    $val = $contents['__construct'];
+                    if ($val->getContext()->isAccessible($scope)) {
+                        $val = clone $val;
+                        $val->getContext()->setAccessPathFromParent($v);
+                        $contents['__construct'] = $val;
+                    }
+                }
+            }
+
+            $v->addRepresentation(new ContainerRepresentation('Methods', $contents));
+        }
+
+        if ($contents = $this->getCachedStaticMethods($class)) {
+            $v->addRepresentation(new ContainerRepresentation('Static methods', $contents));
+        }
+
+        return $v;
+    }
+
+    /**
+     * @psalm-param class-string $class
+     *
+     * @psalm-return MethodValue[]
+     */
+    private function getCachedMethods(string $class): array
+    {
+        if (!isset($this->instance_cache[$class])) {
+            $methods = [];
+
+            $r = new ReflectionClass($class);
+
+            $parent_methods = [];
+            if ($parent = \get_parent_class($class)) {
+                $parent_methods = $this->getCachedMethods($parent);
+            }
+
+            foreach ($r->getMethods() as $mr) {
+                if ($mr->isStatic()) {
+                    continue;
+                }
+
+                $canon_name = \strtolower($mr->name);
+                if ($mr->isPrivate() && '__construct' !== $canon_name) {
+                    $canon_name = \strtolower($mr->getDeclaringClass()->name).'::'.$canon_name;
+                }
+
+                if ($mr->getDeclaringClass()->name === $class) {
+                    $method = new MethodValue(new MethodContext($mr), new DeclaredCallableBag($mr));
+                    $methods[$canon_name] = $method;
+                    unset($parent_methods[$canon_name]);
+                } elseif (isset($parent_methods[$canon_name])) {
+                    $method = $parent_methods[$canon_name];
+                    unset($parent_methods[$canon_name]);
+
+                    if (!$method->getContext()->inherited) {
+                        $method = clone $method;
+                        $method->getContext()->inherited = true;
+                    }
+
+                    $methods[$canon_name] = $method;
+                } elseif ($mr->getDeclaringClass()->isInterface()) {
+                    $c = new MethodContext($mr);
+                    $c->inherited = true;
+                    $methods[$canon_name] = new MethodValue($c, new DeclaredCallableBag($mr));
+                }
+            }
+
+            foreach ($parent_methods as $name => $method) {
+                if (!$method->getContext()->inherited) {
+                    $method = clone $method;
+                    $method->getContext()->inherited = true;
+                }
+
+                if ('__construct' === $name) {
+                    $methods['__construct'] = $method;
+                } else {
+                    $methods[] = $method;
+                }
+            }
+
+            $this->instance_cache[$class] = $methods;
+        }
+
+        return $this->instance_cache[$class];
+    }
+
+    /**
+     * @psalm-param class-string $class
+     *
+     * @psalm-return MethodValue[]
+     */
+    private function getCachedStaticMethods(string $class): array
+    {
+        if (!isset($this->static_cache[$class])) {
+            $methods = [];
+
+            $r = new ReflectionClass($class);
+
+            $parent_methods = [];
+            if ($parent = \get_parent_class($class)) {
+                $parent_methods = $this->getCachedStaticMethods($parent);
+            }
+
+            foreach ($r->getMethods(ReflectionMethod::IS_STATIC) as $mr) {
+                $canon_name = \strtolower($mr->getDeclaringClass()->name.'::'.$mr->name);
+
+                if ($mr->getDeclaringClass()->name === $class) {
+                    $method = new MethodValue(new MethodContext($mr), new DeclaredCallableBag($mr));
+                    $methods[$canon_name] = $method;
+                } elseif (isset($parent_methods[$canon_name])) {
+                    $methods[$canon_name] = $parent_methods[$canon_name];
+                } elseif ($mr->getDeclaringClass()->isInterface()) {
+                    $c = new MethodContext($mr);
+                    $c->inherited = true;
+                    $methods[$canon_name] = new MethodValue($c, new DeclaredCallableBag($mr));
+                }
+
+                unset($parent_methods[$canon_name]);
+            }
+
+            $this->static_cache[$class] = $methods + $parent_methods;
+        }
+
+        return $this->static_cache[$class];
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/ClassStaticsPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/ClassStaticsPlugin.php
new file mode 100644
index 0000000..8a18a00
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/ClassStaticsPlugin.php
@@ -0,0 +1,230 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\ClassConstContext;
+use Kint\Value\Context\ClassDeclaredContext;
+use Kint\Value\Context\StaticPropertyContext;
+use Kint\Value\InstanceValue;
+use Kint\Value\Representation\ContainerRepresentation;
+use Kint\Value\UninitializedValue;
+use ReflectionClass;
+use ReflectionClassConstant;
+use ReflectionProperty;
+use UnitEnum;
+
+class ClassStaticsPlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    /** @psalm-var array<class-string, array<1|0, array<AbstractValue>>> */
+    private array $cache = [];
+
+    public function getTypes(): array
+    {
+        return ['object'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    /**
+     * @psalm-template T of AbstractValue
+     *
+     * @psalm-param mixed $var
+     * @psalm-param T $v
+     *
+     * @psalm-return T
+     */
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if (!$v instanceof InstanceValue) {
+            return $v;
+        }
+
+        $deep = 0 === $this->getParser()->getDepthLimit();
+
+        $r = new ReflectionClass($v->getClassName());
+
+        if ($statics = $this->getStatics($r, $v->getContext()->getDepth() + 1)) {
+            $v->addRepresentation(new ContainerRepresentation('Static properties', \array_values($statics), 'statics'));
+        }
+
+        if ($consts = $this->getCachedConstants($r, $deep)) {
+            $v->addRepresentation(new ContainerRepresentation('Class constants', \array_values($consts), 'constants'));
+        }
+
+        return $v;
+    }
+
+    /** @psalm-return array<AbstractValue> */
+    private function getStatics(ReflectionClass $r, int $depth): array
+    {
+        $cdepth = $depth ?: 1;
+        $class = $r->getName();
+        $parent = $r->getParentClass();
+
+        $parent_statics = $parent ? $this->getStatics($parent, $depth) : [];
+        $statics = [];
+
+        foreach ($r->getProperties(ReflectionProperty::IS_STATIC) as $pr) {
+            $canon_name = \strtolower($pr->getDeclaringClass()->name.'::'.$pr->name);
+
+            if ($pr->getDeclaringClass()->name === $class) {
+                $statics[$canon_name] = $this->buildStaticValue($pr, $cdepth);
+            } elseif (isset($parent_statics[$canon_name])) {
+                $statics[$canon_name] = $parent_statics[$canon_name];
+                unset($parent_statics[$canon_name]);
+            } else {
+                // This should never happen since abstract static properties can't exist
+                $statics[$canon_name] = $this->buildStaticValue($pr, $cdepth); // @codeCoverageIgnore
+            }
+        }
+
+        foreach ($parent_statics as $canon_name => $value) {
+            $statics[$canon_name] = $value;
+        }
+
+        return $statics;
+    }
+
+    private function buildStaticValue(ReflectionProperty $pr, int $depth): AbstractValue
+    {
+        $context = new StaticPropertyContext(
+            $pr->name,
+            $pr->getDeclaringClass()->name,
+            ClassDeclaredContext::ACCESS_PUBLIC
+        );
+        $context->depth = $depth;
+        $context->final = KINT_PHP84 && $pr->isFinal();
+
+        if ($pr->isProtected()) {
+            $context->access = ClassDeclaredContext::ACCESS_PROTECTED;
+        } elseif ($pr->isPrivate()) {
+            $context->access = ClassDeclaredContext::ACCESS_PRIVATE;
+        }
+
+        $parser = $this->getParser();
+
+        if ($context->isAccessible($parser->getCallerClass())) {
+            $context->access_path = '\\'.$context->owner_class.'::$'.$context->name;
+        }
+
+        $pr->setAccessible(true);
+
+        /**
+         * @psalm-suppress TooFewArguments
+         * Appears to have been fixed in master.
+         */
+        if (!$pr->isInitialized()) {
+            $context->access_path = null;
+
+            return new UninitializedValue($context);
+        }
+
+        $val = $pr->getValue();
+
+        $out = $this->getParser()->parse($val, $context);
+        $context->access_path = null;
+
+        return $out;
+    }
+
+    /** @psalm-return array<AbstractValue> */
+    private function getCachedConstants(ReflectionClass $r, bool $deep): array
+    {
+        $parser = $this->getParser();
+        $cdepth = $parser->getDepthLimit() ?: 1;
+        $deepkey = (int) $deep;
+        $class = $r->getName();
+
+        // Separate cache for dumping with/without depth limit
+        // This means we can do immediate depth limit on normal dumps
+        if (!isset($this->cache[$class][$deepkey])) {
+            $consts = [];
+
+            $parent_consts = [];
+            if ($parent = $r->getParentClass()) {
+                $parent_consts = $this->getCachedConstants($parent, $deep);
+            }
+            foreach ($r->getConstants() as $name => $val) {
+                $cr = new ReflectionClassConstant($class, $name);
+
+                // Skip enum constants
+                if ($cr->class === $class && \is_a($class, UnitEnum::class, true)) {
+                    continue;
+                }
+
+                $canon_name = \strtolower($cr->getDeclaringClass()->name.'::'.$name);
+
+                if ($cr->getDeclaringClass()->name === $class) {
+                    $context = $this->buildConstContext($cr);
+                    $context->depth = $cdepth;
+
+                    $consts[$canon_name] = $parser->parse($val, $context);
+                    $context->access_path = null;
+                } elseif (isset($parent_consts[$canon_name])) {
+                    $consts[$canon_name] = $parent_consts[$canon_name];
+                } else {
+                    $context = $this->buildConstContext($cr);
+                    $context->depth = $cdepth;
+
+                    $consts[$canon_name] = $parser->parse($val, $context);
+                    $context->access_path = null;
+                }
+
+                unset($parent_consts[$canon_name]);
+            }
+
+            $this->cache[$class][$deepkey] = $consts + $parent_consts;
+        }
+
+        return $this->cache[$class][$deepkey];
+    }
+
+    private function buildConstContext(ReflectionClassConstant $cr): ClassConstContext
+    {
+        $context = new ClassConstContext(
+            $cr->name,
+            $cr->getDeclaringClass()->name,
+            ClassDeclaredContext::ACCESS_PUBLIC
+        );
+        $context->final = KINT_PHP81 && $cr->isFinal();
+
+        if ($cr->isProtected()) {
+            $context->access = ClassDeclaredContext::ACCESS_PROTECTED;
+        } elseif ($cr->isPrivate()) {
+            $context->access = ClassDeclaredContext::ACCESS_PRIVATE;
+        } else {
+            $context->access_path = '\\'.$context->owner_class.'::'.$context->name;
+        }
+
+        return $context;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/ClassStringsPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/ClassStringsPlugin.php
new file mode 100644
index 0000000..82927a6
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/ClassStringsPlugin.php
@@ -0,0 +1,102 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\BaseContext;
+use Kint\Value\InstanceValue;
+use ReflectionClass;
+
+class ClassStringsPlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    public static array $blacklist = [];
+
+    protected ClassMethodsPlugin $methods_plugin;
+    protected ClassStaticsPlugin $statics_plugin;
+
+    public function __construct(Parser $parser)
+    {
+        parent::__construct($parser);
+
+        $this->methods_plugin = new ClassMethodsPlugin($parser);
+        $this->statics_plugin = new ClassStaticsPlugin($parser);
+    }
+
+    public function setParser(Parser $p): void
+    {
+        parent::setParser($p);
+
+        $this->methods_plugin->setParser($p);
+        $this->statics_plugin->setParser($p);
+    }
+
+    public function getTypes(): array
+    {
+        return ['string'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        $c = $v->getContext();
+
+        if ($c->getDepth() > 0) {
+            return $v;
+        }
+
+        if (!\class_exists($var, true)) {
+            return $v;
+        }
+
+        if (\in_array($var, self::$blacklist, true)) {
+            return $v;
+        }
+
+        $r = new ReflectionClass($var);
+
+        $fakeC = new BaseContext($c->getName());
+        $fakeC->access_path = null;
+        $fakeV = new InstanceValue($fakeC, $r->getName(), 'badhash', -1);
+        $fakeVar = null;
+
+        $fakeV = $this->methods_plugin->parseComplete($fakeVar, $fakeV, Parser::TRIGGER_SUCCESS);
+        $fakeV = $this->statics_plugin->parseComplete($fakeVar, $fakeV, Parser::TRIGGER_SUCCESS);
+
+        foreach (['methods', 'static_methods', 'statics', 'constants'] as $rep) {
+            if ($rep = $fakeV->getRepresentation($rep)) {
+                $v->addRepresentation($rep);
+            }
+        }
+
+        return $v;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/ClosurePlugin.php b/ci4app/system/ThirdParty/Kint/Parser/ClosurePlugin.php
new file mode 100644
index 0000000..62db525
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/ClosurePlugin.php
@@ -0,0 +1,93 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Closure;
+use Kint\Value\AbstractValue;
+use Kint\Value\ClosureValue;
+use Kint\Value\Context\BaseContext;
+use Kint\Value\Representation\ContainerRepresentation;
+use ReflectionFunction;
+use ReflectionReference;
+
+class ClosurePlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    public function getTypes(): array
+    {
+        return ['object'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if (!$var instanceof Closure) {
+            return $v;
+        }
+
+        $c = $v->getContext();
+
+        $object = new ClosureValue($c, $var);
+        $object->flags = $v->flags;
+        $object->appendRepresentations($v->getRepresentations());
+
+        $object->removeRepresentation('properties');
+
+        $closure = new ReflectionFunction($var);
+
+        $statics = [];
+
+        if ($v = $closure->getClosureThis()) {
+            $statics = ['this' => $v];
+        }
+
+        $statics = $statics + $closure->getStaticVariables();
+
+        $cdepth = $c->getDepth();
+
+        if (\count($statics)) {
+            $statics_parsed = [];
+
+            $parser = $this->getParser();
+
+            foreach ($statics as $name => $_) {
+                $base = new BaseContext('$'.$name);
+                $base->depth = $cdepth + 1;
+                $base->reference = null !== ReflectionReference::fromArrayElement($statics, $name);
+                $statics_parsed[$name] = $parser->parse($statics[$name], $base);
+            }
+
+            $object->addRepresentation(new ContainerRepresentation('Uses', $statics_parsed), 0);
+        }
+
+        return $object;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/ColorPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/ColorPlugin.php
new file mode 100644
index 0000000..fc160a4
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/ColorPlugin.php
@@ -0,0 +1,78 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use InvalidArgumentException;
+use Kint\Value\AbstractValue;
+use Kint\Value\ColorValue;
+use Kint\Value\Representation\ColorRepresentation;
+use Kint\Value\StringValue;
+
+class ColorPlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    public function getTypes(): array
+    {
+        return ['string'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if (\strlen($var) > 32) {
+            return $v;
+        }
+
+        if (!$v instanceof StringValue) {
+            return $v;
+        }
+
+        $trimmed = \strtolower(\trim($var));
+
+        if (!isset(ColorRepresentation::$color_map[$trimmed]) && !\preg_match('/^(?:(?:rgb|hsl)[^\\)]{6,}\\)|#[0-9a-fA-F]{3,8})$/', $trimmed)) {
+            return $v;
+        }
+
+        try {
+            $rep = new ColorRepresentation($var);
+        } catch (InvalidArgumentException $e) {
+            return $v;
+        }
+
+        $out = new ColorValue($v->getContext(), $v->getValue(), $v->getEncoding());
+        $out->flags = $v->flags;
+        $out->appendRepresentations($v->getRepresentations());
+        $out->removeRepresentation('contents');
+        $out->addRepresentation($rep, 0);
+
+        return $out;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/ConstructablePluginInterface.php b/ci4app/system/ThirdParty/Kint/Parser/ConstructablePluginInterface.php
new file mode 100644
index 0000000..880b57e
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/ConstructablePluginInterface.php
@@ -0,0 +1,33 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+interface ConstructablePluginInterface extends PluginInterface
+{
+    public function __construct(Parser $p);
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/DateTimePlugin.php b/ci4app/system/ThirdParty/Kint/Parser/DateTimePlugin.php
new file mode 100644
index 0000000..4cba25d
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/DateTimePlugin.php
@@ -0,0 +1,67 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use DateTimeInterface;
+use Error;
+use Kint\Value\AbstractValue;
+use Kint\Value\DateTimeValue;
+use Kint\Value\InstanceValue;
+
+class DateTimePlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    public function getTypes(): array
+    {
+        return ['object'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if (!$var instanceof DateTimeInterface || !$v instanceof InstanceValue) {
+            return $v;
+        }
+
+        try {
+            $dtv = new DateTimeValue($v->getContext(), $var);
+        } catch (Error $e) {
+            // Only happens if someone makes a DateTimeInterface with a private __clone
+            return $v;
+        }
+
+        $dtv->setChildren($v->getChildren());
+        $dtv->flags = $v->flags;
+        $dtv->appendRepresentations($v->getRepresentations());
+
+        return $dtv;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/DomPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/DomPlugin.php
new file mode 100644
index 0000000..358c0b9
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/DomPlugin.php
@@ -0,0 +1,543 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Dom\Attr;
+use Dom\CharacterData;
+use Dom\Document;
+use Dom\DocumentType;
+use Dom\Element;
+use Dom\HTMLElement;
+use Dom\NamedNodeMap;
+use Dom\Node;
+use Dom\NodeList;
+use DOMAttr;
+use DOMCharacterData;
+use DOMDocumentType;
+use DOMElement;
+use DOMNamedNodeMap;
+use DOMNode;
+use DOMNodeList;
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\BaseContext;
+use Kint\Value\Context\ClassDeclaredContext;
+use Kint\Value\Context\ContextInterface;
+use Kint\Value\Context\PropertyContext;
+use Kint\Value\DomNodeListValue;
+use Kint\Value\DomNodeValue;
+use Kint\Value\FixedWidthValue;
+use Kint\Value\InstanceValue;
+use Kint\Value\Representation\ContainerRepresentation;
+use Kint\Value\StringValue;
+use LogicException;
+
+class DomPlugin extends AbstractPlugin implements PluginBeginInterface
+{
+    /**
+     * Reflection doesn't work below 8.1, also it won't show readonly status.
+     *
+     * In order to ensure this is stable enough we're only going to provide
+     * properties for element and node. If subclasses like attr or document
+     * have their own fields then tough shit we're not showing them.
+     *
+     * @psalm-var non-empty-array<string, bool> Property names to readable status
+     */
+    public const NODE_PROPS = [
+        'nodeType' => true,
+        'nodeName' => true,
+        'baseURI' => true,
+        'isConnected' => true,
+        'ownerDocument' => true,
+        'parentNode' => true,
+        'parentElement' => true,
+        'childNodes' => true,
+        'firstChild' => true,
+        'lastChild' => true,
+        'previousSibling' => true,
+        'nextSibling' => true,
+        'nodeValue' => true,
+        'textContent' => false,
+    ];
+
+    /**
+     * @psalm-var non-empty-array<string, bool> Property names to readable status
+     */
+    public const ELEMENT_PROPS = [
+        'namespaceURI' => true,
+        'prefix' => true,
+        'localName' => true,
+        'tagName' => true,
+        'id' => false,
+        'className' => false,
+        'classList' => true,
+        'attributes' => true,
+        'firstElementChild' => true,
+        'lastElementChild' => true,
+        'childElementCount' => true,
+        'previousElementSibling' => true,
+        'nextElementSibling' => true,
+        'innerHTML' => false,
+        'outerHTML' => false,
+        'substitutedNodeValue' => false,
+    ];
+
+    public const DOM_NS_VERSIONS = [
+        'outerHTML' => KINT_PHP85,
+    ];
+
+    /**
+     * @psalm-var non-empty-array<string, bool> Property names to readable status
+     */
+    public const DOMNODE_PROPS = [
+        'nodeName' => true,
+        'nodeValue' => false,
+        'nodeType' => true,
+        'parentNode' => true,
+        'parentElement' => true,
+        'childNodes' => true,
+        'firstChild' => true,
+        'lastChild' => true,
+        'previousSibling' => true,
+        'nextSibling' => true,
+        'attributes' => true,
+        'isConnected' => true,
+        'ownerDocument' => true,
+        'namespaceURI' => true,
+        'prefix' => false,
+        'localName' => true,
+        'baseURI' => true,
+        'textContent' => false,
+    ];
+
+    /**
+     * @psalm-var non-empty-array<string, bool> Property names to readable status
+     */
+    public const DOMELEMENT_PROPS = [
+        'tagName' => true,
+        'className' => false,
+        'id' => false,
+        'schemaTypeInfo' => true,
+        'firstElementChild' => true,
+        'lastElementChild' => true,
+        'childElementCount' => true,
+        'previousElementSibling' => true,
+        'nextElementSibling' => true,
+    ];
+
+    public const DOM_VERSIONS = [
+        'parentElement' => KINT_PHP83,
+        'isConnected' => KINT_PHP83,
+        'className' => KINT_PHP83,
+        'id' => KINT_PHP83,
+        'firstElementChild' => KINT_PHP80,
+        'lastElementChild' => KINT_PHP80,
+        'childElementCount' => KINT_PHP80,
+        'previousElementSibling' => KINT_PHP80,
+        'nextElementSibling' => KINT_PHP80,
+    ];
+
+    /**
+     * List of properties to skip parsing.
+     *
+     * The properties of a Dom\Node can do a *lot* of damage to debuggers. The
+     * Dom\Node contains not one, not two, but 13 different ways to recurse into itself:
+     * * parentNode
+     * * firstChild
+     * * lastChild
+     * * previousSibling
+     * * nextSibling
+     * * parentElement
+     * * firstElementChild
+     * * lastElementChild
+     * * previousElementSibling
+     * * nextElementSibling
+     * * childNodes
+     * * attributes
+     * * ownerDocument
+     *
+     * All of this combined: the tiny SVGs used as the caret in Kint were already
+     * enough to make parsing and rendering take over a second, and send memory
+     * usage over 128 megs, back in the old DOM API. So we blacklist every field
+     * we don't strictly need and hope that that's good enough.
+     *
+     * In retrospect -- this is probably why print_r does the same
+     *
+     * @psalm-var array<string, true>
+     */
+    public static array $blacklist = [
+        'parentNode' => true,
+        'firstChild' => true,
+        'lastChild' => true,
+        'previousSibling' => true,
+        'nextSibling' => true,
+        'firstElementChild' => true,
+        'lastElementChild' => true,
+        'parentElement' => true,
+        'previousElementSibling' => true,
+        'nextElementSibling' => true,
+        'ownerDocument' => true,
+    ];
+
+    /**
+     * Show all properties and methods.
+     */
+    public static bool $verbose = false;
+
+    protected ClassMethodsPlugin $methods_plugin;
+    protected ClassStaticsPlugin $statics_plugin;
+
+    public function __construct(Parser $parser)
+    {
+        parent::__construct($parser);
+
+        $this->methods_plugin = new ClassMethodsPlugin($parser);
+        $this->statics_plugin = new ClassStaticsPlugin($parser);
+    }
+
+    public function setParser(Parser $p): void
+    {
+        parent::setParser($p);
+
+        $this->methods_plugin->setParser($p);
+        $this->statics_plugin->setParser($p);
+    }
+
+    public function getTypes(): array
+    {
+        return ['object'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_BEGIN;
+    }
+
+    public function parseBegin(&$var, ContextInterface $c): ?AbstractValue
+    {
+        // Attributes and chardata (Which is parent of comments and text
+        // nodes) don't need children or attributes of their own
+        if ($var instanceof Attr || $var instanceof CharacterData || $var instanceof DOMAttr || $var instanceof DOMCharacterData) {
+            return $this->parseText($var, $c);
+        }
+
+        if ($var instanceof NamedNodeMap || $var instanceof NodeList || $var instanceof DOMNamedNodeMap || $var instanceof DOMNodeList) {
+            return $this->parseList($var, $c);
+        }
+
+        if ($var instanceof Node || $var instanceof DOMNode) {
+            return $this->parseNode($var, $c);
+        }
+
+        return null;
+    }
+
+    /** @psalm-param Node|DOMNode $var */
+    private function parseProperty(object $var, string $prop, ContextInterface $c): AbstractValue
+    {
+        if (!isset($var->{$prop})) {
+            return new FixedWidthValue($c, null);
+        }
+
+        $parser = $this->getParser();
+        $value = $var->{$prop};
+
+        if (\is_scalar($value)) {
+            return $parser->parse($value, $c);
+        }
+
+        if (isset(self::$blacklist[$prop])) {
+            $b = new InstanceValue($c, \get_class($value), \spl_object_hash($value), \spl_object_id($value));
+            $b->flags |= AbstractValue::FLAG_GENERATED | AbstractValue::FLAG_BLACKLIST;
+
+            return $b;
+        }
+
+        // Everything we can handle in parseBegin
+        if ($value instanceof Attr || $value instanceof CharacterData || $value instanceof DOMAttr || $value instanceof DOMCharacterData || $value instanceof NamedNodeMap || $value instanceof NodeList || $value instanceof DOMNamedNodeMap || $value instanceof DOMNodeList || $value instanceof Node || $value instanceof DOMNode) {
+            $out = $this->parseBegin($value, $c);
+        }
+
+        if (!isset($out)) {
+            // Shouldn't ever happen
+            $out = $parser->parse($value, $c); // @codeCoverageIgnore
+        }
+
+        $out->flags |= AbstractValue::FLAG_GENERATED;
+
+        return $out;
+    }
+
+    /** @psalm-param Attr|CharacterData|DOMAttr|DOMCharacterData $var */
+    private function parseText(object $var, ContextInterface $c): AbstractValue
+    {
+        if ($c instanceof BaseContext && null !== $c->access_path) {
+            $c->access_path .= '->nodeValue';
+        }
+
+        return $this->parseProperty($var, 'nodeValue', $c);
+    }
+
+    /** @psalm-param NamedNodeMap|NodeList|DOMNamedNodeMap|DOMNodeList $var */
+    private function parseList(object $var, ContextInterface $c): InstanceValue
+    {
+        if ($var instanceof NodeList || $var instanceof DOMNodeList) {
+            $v = new DomNodeListValue($c, $var);
+        } else {
+            $v = new InstanceValue($c, \get_class($var), \spl_object_hash($var), \spl_object_id($var));
+        }
+
+        $parser = $this->getParser();
+        $pdepth = $parser->getDepthLimit();
+
+        // Depth limit
+        // Use empty iterator representation since we need it to point out depth limits
+        if (($var instanceof NodeList || $var instanceof DOMNodeList) && $pdepth && $c->getDepth() >= $pdepth) {
+            $v->flags |= AbstractValue::FLAG_DEPTH_LIMIT;
+
+            return $v;
+        }
+
+        if (self::$verbose) {
+            $v = $this->methods_plugin->parseComplete($var, $v, Parser::TRIGGER_SUCCESS);
+            $v = $this->statics_plugin->parseComplete($var, $v, Parser::TRIGGER_SUCCESS);
+        }
+
+        if (0 === $var->length) {
+            $v->setChildren([]);
+
+            return $v;
+        }
+
+        $cdepth = $c->getDepth();
+        $ap = $c->getAccessPath();
+        $contents = [];
+
+        foreach ($var as $key => $item) {
+            $base_obj = new BaseContext($item->nodeName);
+            $base_obj->depth = $cdepth + 1;
+
+            if ($var instanceof NamedNodeMap || $var instanceof DOMNamedNodeMap) {
+                if (null !== $ap) {
+                    $base_obj->access_path = $ap.'['.\var_export($item->nodeName, true).']';
+                }
+            } else { // NodeList
+                if (null !== $ap) {
+                    $base_obj->access_path = $ap.'['.\var_export($key, true).']';
+                }
+            }
+
+            if ($item instanceof HTMLElement) {
+                $base_obj->name = $item->localName;
+            }
+
+            $item = $parser->parse($item, $base_obj);
+            $item->flags |= AbstractValue::FLAG_GENERATED;
+
+            $contents[] = $item;
+        }
+
+        $v->setChildren($contents);
+
+        if ($contents) {
+            $v->addRepresentation(new ContainerRepresentation('Iterator', $contents), 0);
+        }
+
+        return $v;
+    }
+
+    /** @psalm-param Node|DOMNode $var */
+    private function parseNode(object $var, ContextInterface $c): DomNodeValue
+    {
+        $class = \get_class($var);
+        $pdepth = $this->getParser()->getDepthLimit();
+
+        if ($pdepth && $c->getDepth() >= $pdepth) {
+            $v = new DomNodeValue($c, $var);
+            $v->flags |= AbstractValue::FLAG_DEPTH_LIMIT;
+
+            return $v;
+        }
+
+        if (($var instanceof DocumentType || $var instanceof DOMDocumentType) && $c instanceof BaseContext && $c->name === $var->nodeName) {
+            $c->name = '!DOCTYPE '.$c->name;
+        }
+
+        $cdepth = $c->getDepth();
+        $ap = $c->getAccessPath();
+
+        $properties = [];
+        $children = [];
+        $attributes = [];
+
+        foreach (self::getKnownProperties($var) as $prop => $readonly) {
+            $prop_c = new PropertyContext($prop, $class, ClassDeclaredContext::ACCESS_PUBLIC);
+            $prop_c->depth = $cdepth + 1;
+            $prop_c->readonly = KINT_PHP81 && $readonly;
+
+            if (null !== $ap) {
+                $prop_c->access_path = $ap.'->'.$prop;
+            }
+
+            $properties[] = $prop_obj = $this->parseProperty($var, $prop, $prop_c);
+
+            if ('childNodes' === $prop) {
+                if (!$prop_obj instanceof DomNodeListValue) {
+                    throw new LogicException('childNodes property parsed incorrectly'); // @codeCoverageIgnore
+                }
+                $children = self::getChildren($prop_obj);
+            } elseif ('attributes' === $prop) {
+                $attributes = $prop_obj->getRepresentation('iterator');
+                $attributes = $attributes instanceof ContainerRepresentation ? $attributes->getContents() : [];
+            } elseif ('classList' === $prop) {
+                if ($iter = $prop_obj->getRepresentation('iterator')) {
+                    $prop_obj->removeRepresentation($iter);
+                    $prop_obj->addRepresentation($iter, 0);
+                }
+            }
+        }
+
+        $v = new DomNodeValue($c, $var);
+        // If we're in text mode, we can see children through the childNodes property
+        $v->setChildren($properties);
+
+        if ($children) {
+            $v->addRepresentation(new ContainerRepresentation('Children', $children, null, true));
+        }
+
+        if ($attributes) {
+            $v->addRepresentation(new ContainerRepresentation('Attributes', $attributes));
+        }
+
+        if (self::$verbose) {
+            $v->addRepresentation(new ContainerRepresentation('Properties', $properties));
+
+            $v = $this->methods_plugin->parseComplete($var, $v, Parser::TRIGGER_SUCCESS);
+            $v = $this->statics_plugin->parseComplete($var, $v, Parser::TRIGGER_SUCCESS);
+        }
+
+        return $v;
+    }
+
+    /**
+     * @psalm-param Node|DOMNode $var
+     *
+     * @psalm-return non-empty-array<string, bool>
+     */
+    public static function getKnownProperties(object $var): array
+    {
+        if ($var instanceof Node) {
+            $known_properties = self::NODE_PROPS;
+            if ($var instanceof Element) {
+                $known_properties += self::ELEMENT_PROPS;
+            }
+
+            if ($var instanceof Document) {
+                $known_properties['textContent'] = true;
+            }
+
+            if ($var instanceof Attr || $var instanceof CharacterData) {
+                $known_properties['nodeValue'] = false;
+            }
+
+            foreach (self::DOM_NS_VERSIONS as $key => $val) {
+                /**
+                 * @psalm-var bool $val
+                 * Psalm bug #4509
+                 */
+                if (false === $val) {
+                    unset($known_properties[$key]); // @codeCoverageIgnore
+                }
+            }
+        } else {
+            $known_properties = self::DOMNODE_PROPS;
+            if ($var instanceof DOMElement) {
+                $known_properties += self::DOMELEMENT_PROPS;
+            }
+
+            foreach (self::DOM_VERSIONS as $key => $val) {
+                /**
+                 * @psalm-var bool $val
+                 * Psalm bug #4509
+                 */
+                if (false === $val) {
+                    unset($known_properties[$key]); // @codeCoverageIgnore
+                }
+            }
+        }
+
+        /** @psalm-var non-empty-array $known_properties */
+        if (!self::$verbose) {
+            $known_properties = \array_intersect_key($known_properties, [
+                'nodeValue' => null,
+                'childNodes' => null,
+                'attributes' => null,
+            ]);
+        }
+
+        return $known_properties;
+    }
+
+    /** @psalm-return list<AbstractValue> */
+    private static function getChildren(DomNodeListValue $property): array
+    {
+        if (0 === $property->getLength()) {
+            return [];
+        }
+
+        if ($property->flags & AbstractValue::FLAG_DEPTH_LIMIT) {
+            return [$property];
+        }
+
+        $list_items = $property->getChildren();
+
+        if (null === $list_items) {
+            // This is here for psalm but all DomNodeListValue should
+            // either be depth_limit or have array children
+            return []; // @codeCoverageIgnore
+        }
+
+        $children = [];
+
+        foreach ($list_items as $node) {
+            // Remove text nodes if theyre empty
+            if ($node instanceof StringValue && '#text' === $node->getContext()->getName()) {
+                /**
+                 * @psalm-suppress InvalidArgument
+                 * Psalm bug #11055
+                 */
+                if (\ctype_space($node->getValue()) || '' === $node->getValue()) {
+                    continue;
+                }
+            }
+
+            $children[] = $node;
+        }
+
+        return $children;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/EnumPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/EnumPlugin.php
new file mode 100644
index 0000000..e1fe85b
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/EnumPlugin.php
@@ -0,0 +1,84 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\BaseContext;
+use Kint\Value\EnumValue;
+use Kint\Value\Representation\ContainerRepresentation;
+use UnitEnum;
+
+class EnumPlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    private array $cache = [];
+
+    public function getTypes(): array
+    {
+        return ['object'];
+    }
+
+    public function getTriggers(): int
+    {
+        if (!KINT_PHP81) {
+            return Parser::TRIGGER_NONE;
+        }
+
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if (!$var instanceof UnitEnum) {
+            return $v;
+        }
+
+        $c = $v->getContext();
+        $class = \get_class($var);
+
+        if (!isset($this->cache[$class])) {
+            $contents = [];
+
+            foreach ($var->cases() as $case) {
+                $base = new BaseContext($case->name);
+                $base->access_path = '\\'.$class.'::'.$case->name;
+                $base->depth = $c->getDepth() + 1;
+                $contents[] = new EnumValue($base, $case);
+            }
+
+            /** @psalm-var non-empty-array<EnumValue> $contents */
+            $this->cache[$class] = new ContainerRepresentation('Enum values', $contents, 'enum');
+        }
+
+        $object = new EnumValue($c, $var);
+        $object->flags = $v->flags;
+        $object->appendRepresentations($v->getRepresentations());
+        $object->addRepresentation($this->cache[$class], 0);
+
+        return $object;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/FsPathPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/FsPathPlugin.php
new file mode 100644
index 0000000..3b17d0e
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/FsPathPlugin.php
@@ -0,0 +1,80 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Representation\SplFileInfoRepresentation;
+use SplFileInfo;
+use TypeError;
+
+class FsPathPlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    public static array $blacklist = ['/', '.'];
+
+    public function getTypes(): array
+    {
+        return ['string'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if (\strlen($var) > 2048) {
+            return $v;
+        }
+
+        if (!\preg_match('/[\\/\\'.DIRECTORY_SEPARATOR.']/', $var)) {
+            return $v;
+        }
+
+        if (\preg_match('/[?<>"*|]/', $var)) {
+            return $v;
+        }
+
+        try {
+            if (!@\file_exists($var)) {
+                return $v;
+            }
+        } catch (TypeError $e) {// @codeCoverageIgnore
+            // Only possible in PHP 7
+            return $v; // @codeCoverageIgnore
+        }
+
+        if (\in_array($var, self::$blacklist, true)) {
+            return $v;
+        }
+
+        $v->addRepresentation(new SplFileInfoRepresentation(new SplFileInfo($var)), 0);
+
+        return $v;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/HtmlPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/HtmlPlugin.php
new file mode 100644
index 0000000..4df7ad1
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/HtmlPlugin.php
@@ -0,0 +1,86 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Dom\HTMLDocument;
+use DOMException;
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\BaseContext;
+use Kint\Value\Representation\ContainerRepresentation;
+use Kint\Value\Representation\ValueRepresentation;
+
+class HtmlPlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    public function getTypes(): array
+    {
+        return ['string'];
+    }
+
+    public function getTriggers(): int
+    {
+        if (!KINT_PHP84) {
+            return Parser::TRIGGER_NONE; // @codeCoverageIgnore
+        }
+
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if ('<!doctype html>' !== \strtolower(\substr($var, 0, 15))) {
+            return $v;
+        }
+
+        try {
+            $html = HTMLDocument::createFromString($var, LIBXML_NOERROR);
+        } catch (DOMException $e) { // @codeCoverageIgnore
+            return $v; // @codeCoverageIgnore
+        }
+
+        $c = $v->getContext();
+
+        $base = new BaseContext('childNodes');
+        $base->depth = $c->getDepth();
+
+        if (null !== ($ap = $c->getAccessPath())) {
+            $base->access_path = '\\Dom\\HTMLDocument::createFromString('.$ap.')->childNodes';
+        }
+
+        $out = $this->getParser()->parse($html->childNodes, $base);
+        $iter = $out->getRepresentation('iterator');
+
+        if ($out->flags & AbstractValue::FLAG_DEPTH_LIMIT) {
+            $out->flags |= AbstractValue::FLAG_GENERATED;
+            $v->addRepresentation(new ValueRepresentation('HTML', $out), 0);
+        } elseif ($iter instanceof ContainerRepresentation) {
+            $v->addRepresentation(new ContainerRepresentation('HTML', $iter->getContents()), 0);
+        }
+
+        return $v;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/IteratorPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/IteratorPlugin.php
new file mode 100644
index 0000000..31b037a
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/IteratorPlugin.php
@@ -0,0 +1,146 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Dom\NamedNodeMap;
+use Dom\NodeList;
+use DOMNamedNodeMap;
+use DOMNodeList;
+use Kint\Value\AbstractValue;
+use Kint\Value\ArrayValue;
+use Kint\Value\Context\BaseContext;
+use Kint\Value\InstanceValue;
+use Kint\Value\Representation\ContainerRepresentation;
+use Kint\Value\Representation\ValueRepresentation;
+use Kint\Value\UninitializedValue;
+use mysqli_result;
+use PDOStatement;
+use SimpleXMLElement;
+use SplFileObject;
+use Throwable;
+use Traversable;
+
+class IteratorPlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    /**
+     * List of classes and interfaces to blacklist.
+     *
+     * Certain classes (Such as PDOStatement) irreversibly lose information
+     * when traversed. Others are just huge. Either way, put them in here
+     * and you won't have to worry about them being parsed.
+     *
+     * @psalm-var class-string[]
+     */
+    public static array $blacklist = [
+        NamedNodeMap::class,
+        NodeList::class,
+        DOMNamedNodeMap::class,
+        DOMNodeList::class,
+        mysqli_result::class,
+        PDOStatement::class,
+        SimpleXMLElement::class,
+        SplFileObject::class,
+    ];
+
+    public function getTypes(): array
+    {
+        return ['object'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if (!$var instanceof Traversable || !$v instanceof InstanceValue || $v->getRepresentation('iterator')) {
+            return $v;
+        }
+
+        $c = $v->getContext();
+
+        foreach (self::$blacklist as $class) {
+            /**
+             * @psalm-suppress RedundantCondition
+             * Psalm bug #11076
+             */
+            if ($var instanceof $class) {
+                $base = new BaseContext($class.' Iterator Contents');
+                $base->depth = $c->getDepth() + 1;
+                if (null !== ($ap = $c->getAccessPath())) {
+                    $base->access_path = 'iterator_to_array('.$ap.', false)';
+                }
+
+                $b = new UninitializedValue($base);
+                $b->flags |= AbstractValue::FLAG_BLACKLIST;
+
+                $v->addRepresentation(new ValueRepresentation('Iterator', $b));
+
+                return $v;
+            }
+        }
+
+        try {
+            $data = \iterator_to_array($var, false);
+        } catch (Throwable $t) {
+            return $v;
+        }
+
+        if (!\count($data)) {
+            return $v;
+        }
+
+        $base = new BaseContext('Iterator Contents');
+        $base->depth = $c->getDepth();
+        if (null !== ($ap = $c->getAccessPath())) {
+            $base->access_path = 'iterator_to_array('.$ap.', false)';
+        }
+
+        $iter_val = $this->getParser()->parse($data, $base);
+
+        // Since we didn't get TRIGGER_DEPTH_LIMIT and set the iterator to the
+        // same depth we can assume at least 1 level deep will exist
+        if ($iter_val instanceof ArrayValue && $iterator_items = $iter_val->getContents()) {
+            $r = new ContainerRepresentation('Iterator', $iterator_items);
+            $iterator_items = \array_values($iterator_items);
+        } else {
+            $r = new ValueRepresentation('Iterator', $iter_val);
+            $iterator_items = [$iter_val];
+        }
+
+        if ((bool) $v->getChildren()) {
+            $v->addRepresentation($r);
+        } else {
+            $v->setChildren($iterator_items);
+            $v->addRepresentation($r, 0);
+        }
+
+        return $v;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/JsonPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/JsonPlugin.php
new file mode 100644
index 0000000..cefdb11
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/JsonPlugin.php
@@ -0,0 +1,86 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use JsonException;
+use Kint\Value\AbstractValue;
+use Kint\Value\ArrayValue;
+use Kint\Value\Context\BaseContext;
+use Kint\Value\Representation\ContainerRepresentation;
+use Kint\Value\Representation\ValueRepresentation;
+
+class JsonPlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    public function getTypes(): array
+    {
+        return ['string'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if (!isset($var[0]) || ('{' !== $var[0] && '[' !== $var[0])) {
+            return $v;
+        }
+
+        try {
+            $json = \json_decode($var, true, 512, JSON_THROW_ON_ERROR);
+        } catch (JsonException $e) {
+            return $v;
+        }
+
+        $json = (array) $json;
+
+        $c = $v->getContext();
+
+        $base = new BaseContext('JSON Decode');
+        $base->depth = $c->getDepth();
+
+        if (null !== ($ap = $c->getAccessPath())) {
+            $base->access_path = 'json_decode('.$ap.', true)';
+        }
+
+        $json = $this->getParser()->parse($json, $base);
+
+        if ($json instanceof ArrayValue && (~$json->flags & AbstractValue::FLAG_DEPTH_LIMIT) && $contents = $json->getContents()) {
+            foreach ($contents as $value) {
+                $value->flags |= AbstractValue::FLAG_GENERATED;
+            }
+            $v->addRepresentation(new ContainerRepresentation('Json', $contents), 0);
+        } else {
+            $json->flags |= AbstractValue::FLAG_GENERATED;
+            $v->addRepresentation(new ValueRepresentation('Json', $json), 0);
+        }
+
+        return $v;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/MicrotimePlugin.php b/ci4app/system/ThirdParty/Kint/Parser/MicrotimePlugin.php
new file mode 100644
index 0000000..4ebabae
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/MicrotimePlugin.php
@@ -0,0 +1,125 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\MicrotimeValue;
+use Kint\Value\Representation\MicrotimeRepresentation;
+
+class MicrotimePlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    private static ?array $last = null;
+    private static ?float $start = null;
+    private static int $times = 0;
+    private static ?string $group = null;
+
+    public function getTypes(): array
+    {
+        return ['string', 'double'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        $c = $v->getContext();
+
+        if ($c->getDepth() > 0) {
+            return $v;
+        }
+
+        if (\is_string($var)) {
+            if ('microtime()' !== $c->getName() || !\preg_match('/^0\\.[0-9]{8} [0-9]{10}$/', $var)) {
+                return $v;
+            }
+
+            $usec = (int) \substr($var, 2, 6);
+            $sec = (int) \substr($var, 11, 10);
+        } else {
+            if ('microtime(...)' !== $c->getName()) {
+                return $v;
+            }
+
+            $sec = (int) \floor($var);
+            $usec = $var - $sec;
+            $usec = (int) \floor($usec * 1000000);
+        }
+
+        $time = $sec + ($usec / 1000000);
+
+        if (null !== self::$last) {
+            $last_time = self::$last[0] + (self::$last[1] / 1000000);
+            $lap = $time - $last_time;
+            ++self::$times;
+        } else {
+            $lap = null;
+            self::$start = $time;
+        }
+
+        self::$last = [$sec, $usec];
+
+        if (null !== $lap) {
+            $total = $time - self::$start;
+            $r = new MicrotimeRepresentation($sec, $usec, self::getGroup(), $lap, $total, self::$times);
+        } else {
+            $r = new MicrotimeRepresentation($sec, $usec, self::getGroup());
+        }
+
+        $out = new MicrotimeValue($v);
+        $out->removeRepresentation('contents');
+        $out->addRepresentation($r);
+
+        return $out;
+    }
+
+    /** @psalm-api */
+    public static function clean(): void
+    {
+        self::$last = null;
+        self::$start = null;
+        self::$times = 0;
+        self::newGroup();
+    }
+
+    private static function getGroup(): string
+    {
+        if (null === self::$group) {
+            return self::newGroup();
+        }
+
+        return self::$group;
+    }
+
+    private static function newGroup(): string
+    {
+        return self::$group = \bin2hex(\random_bytes(4));
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/MysqliPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/MysqliPlugin.php
new file mode 100644
index 0000000..51195bf
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/MysqliPlugin.php
@@ -0,0 +1,176 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\PropertyContext;
+use Kint\Value\InstanceValue;
+use Kint\Value\Representation\ContainerRepresentation;
+use mysqli;
+use Throwable;
+
+/**
+ * Adds support for mysqli object parsing.
+ *
+ * Due to the way mysqli is implemented in PHP, this will cause
+ * warnings on certain mysqli objects if screaming is enabled.
+ */
+class MysqliPlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    // These 'properties' are actually globals
+    public const ALWAYS_READABLE = [
+        'client_version' => true,
+        'connect_errno' => true,
+        'connect_error' => true,
+    ];
+
+    // These are readable on empty mysqli objects, but not on failed connections
+    public const EMPTY_READABLE = [
+        'client_info' => true,
+        'errno' => true,
+        'error' => true,
+    ];
+
+    // These are only readable on connected mysqli objects
+    public const CONNECTED_READABLE = [
+        'affected_rows' => true,
+        'error_list' => true,
+        'field_count' => true,
+        'host_info' => true,
+        'info' => true,
+        'insert_id' => true,
+        'server_info' => true,
+        'server_version' => true,
+        'sqlstate' => true,
+        'protocol_version' => true,
+        'thread_id' => true,
+        'warning_count' => true,
+    ];
+
+    public function getTypes(): array
+    {
+        return ['object'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_COMPLETE;
+    }
+
+    /**
+     * Before 8.1: Properties were nulls when cast to array
+     * After 8.1: Properties are readonly and uninitialized when cast to array (Aka missing).
+     */
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if (!$var instanceof mysqli || !$v instanceof InstanceValue) {
+            return $v;
+        }
+
+        $props = $v->getRepresentation('properties');
+
+        if (!$props instanceof ContainerRepresentation) {
+            return $v;
+        }
+
+        /**
+         * @psalm-var ?string $var->sqlstate
+         * @psalm-var ?string $var->client_info
+         * Psalm bug #4502
+         */
+        try {
+            $connected = \is_string(@$var->sqlstate);
+        } catch (Throwable $t) {
+            $connected = false;
+        }
+
+        try {
+            $empty = !$connected && \is_string(@$var->client_info);
+        } catch (Throwable $t) { // @codeCoverageIgnore
+            // Only possible in PHP 8.0. Before 8.0 there's no exception,
+            // after 8.1 there are no failed connection objects
+            $empty = false; // @codeCoverageIgnore
+        }
+
+        $parser = $this->getParser();
+
+        $new_contents = [];
+
+        foreach ($props->getContents() as $key => $obj) {
+            $new_contents[$key] = $obj;
+
+            $c = $obj->getContext();
+
+            if (!$c instanceof PropertyContext) {
+                continue;
+            }
+
+            if (isset(self::CONNECTED_READABLE[$c->getName()])) {
+                $c->readonly = KINT_PHP81;
+                if (!$connected) {
+                    // No failed connections after PHP 8.1
+                    continue; // @codeCoverageIgnore
+                }
+            } elseif (isset(self::EMPTY_READABLE[$c->getName()])) {
+                $c->readonly = KINT_PHP81;
+                // No failed connections after PHP 8.1
+                if (!$connected && !$empty) { // @codeCoverageIgnore
+                    continue; // @codeCoverageIgnore
+                }
+            } elseif (!isset(self::ALWAYS_READABLE[$c->getName()])) {
+                continue; // @codeCoverageIgnore
+            }
+
+            $c->readonly = KINT_PHP81;
+
+            // Only handle unparsed properties
+            if ((KINT_PHP81 ? 'uninitialized' : 'null') !== $obj->getType()) {
+                continue;
+            }
+
+            $param = $var->{$c->getName()};
+
+            // If it really was a null
+            if (!KINT_PHP81 && null === $param) {
+                continue; // @codeCoverageIgnore
+            }
+
+            $new_contents[$key] = $parser->parse($param, $c);
+        }
+
+        $new_contents = \array_values($new_contents);
+
+        $v->setChildren($new_contents);
+
+        if ($new_contents) {
+            $v->replaceRepresentation(new ContainerRepresentation('Properties', $new_contents));
+        }
+
+        return $v;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/Parser.php b/ci4app/system/ThirdParty/Kint/Parser/Parser.php
new file mode 100644
index 0000000..a3c2fbb
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/Parser.php
@@ -0,0 +1,592 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use DomainException;
+use InvalidArgumentException;
+use Kint\Utils;
+use Kint\Value\AbstractValue;
+use Kint\Value\ArrayValue;
+use Kint\Value\ClosedResourceValue;
+use Kint\Value\Context\ArrayContext;
+use Kint\Value\Context\ClassDeclaredContext;
+use Kint\Value\Context\ClassOwnedContext;
+use Kint\Value\Context\ContextInterface;
+use Kint\Value\Context\PropertyContext;
+use Kint\Value\FixedWidthValue;
+use Kint\Value\InstanceValue;
+use Kint\Value\Representation\ContainerRepresentation;
+use Kint\Value\Representation\StringRepresentation;
+use Kint\Value\ResourceValue;
+use Kint\Value\StringValue;
+use Kint\Value\UninitializedValue;
+use Kint\Value\UnknownValue;
+use Kint\Value\VirtualValue;
+use ReflectionClass;
+use ReflectionObject;
+use ReflectionProperty;
+use ReflectionReference;
+use Throwable;
+
+/**
+ * @psalm-type ParserTrigger int-mask-of<Parser::TRIGGER_*>
+ */
+class Parser
+{
+    /**
+     * Plugin triggers.
+     *
+     * These are constants indicating trigger points for plugins
+     *
+     * BEGIN: Before normal parsing
+     * SUCCESS: After successful parsing
+     * RECURSION: After parsing cancelled by recursion
+     * DEPTH_LIMIT: After parsing cancelled by depth limit
+     * COMPLETE: SUCCESS | RECURSION | DEPTH_LIMIT
+     *
+     * While a plugin's getTriggers may return any of these only one should
+     * be given to the plugin when PluginInterface::parse is called
+     */
+    public const TRIGGER_NONE = 0;
+    public const TRIGGER_BEGIN = 1 << 0;
+    public const TRIGGER_SUCCESS = 1 << 1;
+    public const TRIGGER_RECURSION = 1 << 2;
+    public const TRIGGER_DEPTH_LIMIT = 1 << 3;
+    public const TRIGGER_COMPLETE = self::TRIGGER_SUCCESS | self::TRIGGER_RECURSION | self::TRIGGER_DEPTH_LIMIT;
+
+    /** @psalm-var ?class-string */
+    protected ?string $caller_class;
+    protected int $depth_limit = 0;
+    protected array $array_ref_stack = [];
+    protected array $object_hashes = [];
+    protected array $plugins = [];
+
+    /**
+     * @param int     $depth_limit Maximum depth to parse data
+     * @param ?string $caller      Caller class name
+     *
+     * @psalm-param ?class-string $caller
+     */
+    public function __construct(int $depth_limit = 0, ?string $caller = null)
+    {
+        $this->depth_limit = $depth_limit;
+        $this->caller_class = $caller;
+    }
+
+    /**
+     * Set the caller class.
+     *
+     * @psalm-param ?class-string $caller
+     */
+    public function setCallerClass(?string $caller = null): void
+    {
+        $this->noRecurseCall();
+
+        $this->caller_class = $caller;
+    }
+
+    /** @psalm-return ?class-string */
+    public function getCallerClass(): ?string
+    {
+        return $this->caller_class;
+    }
+
+    /**
+     * Set the depth limit.
+     *
+     * @param int $depth_limit Maximum depth to parse data, 0 for none
+     */
+    public function setDepthLimit(int $depth_limit = 0): void
+    {
+        $this->noRecurseCall();
+
+        $this->depth_limit = $depth_limit;
+    }
+
+    public function getDepthLimit(): int
+    {
+        return $this->depth_limit;
+    }
+
+    /**
+     * Parses a variable into a Kint object structure.
+     *
+     * @param mixed &$var The input variable
+     */
+    public function parse(&$var, ContextInterface $c): AbstractValue
+    {
+        $type = \strtolower(\gettype($var));
+
+        if ($v = $this->applyPluginsBegin($var, $c, $type)) {
+            return $v;
+        }
+
+        switch ($type) {
+            case 'array':
+                return $this->parseArray($var, $c);
+            case 'boolean':
+            case 'double':
+            case 'integer':
+            case 'null':
+                return $this->parseFixedWidth($var, $c);
+            case 'object':
+                return $this->parseObject($var, $c);
+            case 'resource':
+                return $this->parseResource($var, $c);
+            case 'string':
+                return $this->parseString($var, $c);
+            case 'resource (closed)':
+                return $this->parseResourceClosed($var, $c);
+
+            case 'unknown type': // @codeCoverageIgnore
+            default:
+                // These should never happen. Unknown is resource (closed) from old
+                // PHP versions and there shouldn't be any other types.
+                return $this->parseUnknown($var, $c); // @codeCoverageIgnore
+        }
+    }
+
+    public function addPlugin(PluginInterface $p): void
+    {
+        try {
+            $this->noRecurseCall();
+        } catch (DomainException $e) { // @codeCoverageIgnore
+            \trigger_error('Calling Kint\\Parser::addPlugin from inside a parse is deprecated', E_USER_DEPRECATED); // @codeCoverageIgnore
+        }
+
+        if (!$types = $p->getTypes()) {
+            return;
+        }
+
+        if (!$triggers = $p->getTriggers()) {
+            return;
+        }
+
+        if ($triggers & self::TRIGGER_BEGIN && !$p instanceof PluginBeginInterface) {
+            throw new InvalidArgumentException('Parsers triggered on begin must implement PluginBeginInterface');
+        }
+
+        if ($triggers & self::TRIGGER_COMPLETE && !$p instanceof PluginCompleteInterface) {
+            throw new InvalidArgumentException('Parsers triggered on completion must implement PluginCompleteInterface');
+        }
+
+        $p->setParser($this);
+
+        foreach ($types as $type) {
+            $this->plugins[$type] ??= [
+                self::TRIGGER_BEGIN => [],
+                self::TRIGGER_SUCCESS => [],
+                self::TRIGGER_RECURSION => [],
+                self::TRIGGER_DEPTH_LIMIT => [],
+            ];
+
+            foreach ($this->plugins[$type] as $trigger => &$pool) {
+                if ($triggers & $trigger) {
+                    $pool[] = $p;
+                }
+            }
+        }
+    }
+
+    public function clearPlugins(): void
+    {
+        try {
+            $this->noRecurseCall();
+        } catch (DomainException $e) { // @codeCoverageIgnore
+            \trigger_error('Calling Kint\\Parser::clearPlugins from inside a parse is deprecated', E_USER_DEPRECATED); // @codeCoverageIgnore
+        }
+
+        $this->plugins = [];
+    }
+
+    protected function noRecurseCall(): void
+    {
+        $bt = \debug_backtrace(DEBUG_BACKTRACE_PROVIDE_OBJECT | DEBUG_BACKTRACE_IGNORE_ARGS);
+
+        \reset($bt);
+        /** @psalm-var class-string $caller_frame['class'] */
+        $caller_frame = \next($bt);
+
+        foreach ($bt as $frame) {
+            if (isset($frame['object']) && $frame['object'] === $this && 'parse' === $frame['function']) {
+                throw new DomainException($caller_frame['class'].'::'.$caller_frame['function'].' cannot be called from inside a parse');
+            }
+        }
+    }
+
+    /**
+     * @psalm-param null|bool|float|int &$var
+     */
+    private function parseFixedWidth(&$var, ContextInterface $c): AbstractValue
+    {
+        $v = new FixedWidthValue($c, $var);
+
+        return $this->applyPluginsComplete($var, $v, self::TRIGGER_SUCCESS);
+    }
+
+    private function parseString(string &$var, ContextInterface $c): AbstractValue
+    {
+        $string = new StringValue($c, $var, Utils::detectEncoding($var));
+
+        if (false !== $string->getEncoding() && \strlen($var)) {
+            $string->addRepresentation(new StringRepresentation('Contents', $var, null, true));
+        }
+
+        return $this->applyPluginsComplete($var, $string, self::TRIGGER_SUCCESS);
+    }
+
+    private function parseArray(array &$var, ContextInterface $c): AbstractValue
+    {
+        $size = \count($var);
+        $contents = [];
+        $parentRef = ReflectionReference::fromArrayElement([&$var], 0)->getId();
+
+        if (isset($this->array_ref_stack[$parentRef])) {
+            $array = new ArrayValue($c, $size, $contents);
+            $array->flags |= AbstractValue::FLAG_RECURSION;
+
+            return $this->applyPluginsComplete($var, $array, self::TRIGGER_RECURSION);
+        }
+
+        try {
+            $this->array_ref_stack[$parentRef] = true;
+
+            $cdepth = $c->getDepth();
+            $ap = $c->getAccessPath();
+
+            if ($size > 0 && $this->depth_limit && $cdepth >= $this->depth_limit) {
+                $array = new ArrayValue($c, $size, $contents);
+                $array->flags |= AbstractValue::FLAG_DEPTH_LIMIT;
+
+                return $this->applyPluginsComplete($var, $array, self::TRIGGER_DEPTH_LIMIT);
+            }
+
+            foreach ($var as $key => $_) {
+                $child = new ArrayContext($key);
+                $child->depth = $cdepth + 1;
+                $child->reference = null !== ReflectionReference::fromArrayElement($var, $key);
+
+                if (null !== $ap) {
+                    $child->access_path = $ap.'['.\var_export($key, true).']';
+                }
+
+                $contents[$key] = $this->parse($var[$key], $child);
+            }
+
+            $array = new ArrayValue($c, $size, $contents);
+
+            if ($contents) {
+                $array->addRepresentation(new ContainerRepresentation('Contents', $contents, null, true));
+            }
+
+            return $this->applyPluginsComplete($var, $array, self::TRIGGER_SUCCESS);
+        } finally {
+            unset($this->array_ref_stack[$parentRef]);
+        }
+    }
+
+    /**
+     * @psalm-return ReflectionProperty[]
+     */
+    private function getPropsOrdered(ReflectionClass $r): array
+    {
+        if ($parent = $r->getParentClass()) {
+            $props = self::getPropsOrdered($parent);
+        } else {
+            $props = [];
+        }
+
+        foreach ($r->getProperties() as $prop) {
+            if ($prop->isStatic()) {
+                continue;
+            }
+
+            if ($prop->isPrivate()) {
+                $props[] = $prop;
+            } else {
+                $props[$prop->name] = $prop;
+            }
+        }
+
+        return $props;
+    }
+
+    /**
+     * @codeCoverageIgnore
+     *
+     * @psalm-return ReflectionProperty[]
+     */
+    private function getPropsOrderedOld(ReflectionClass $r): array
+    {
+        $props = [];
+
+        foreach ($r->getProperties() as $prop) {
+            if ($prop->isStatic()) {
+                continue;
+            }
+
+            $props[] = $prop;
+        }
+
+        while ($r = $r->getParentClass()) {
+            foreach ($r->getProperties(ReflectionProperty::IS_PRIVATE) as $prop) {
+                if ($prop->isStatic()) {
+                    continue;
+                }
+
+                $props[] = $prop;
+            }
+        }
+
+        return $props;
+    }
+
+    private function parseObject(object &$var, ContextInterface $c): AbstractValue
+    {
+        $hash = \spl_object_hash($var);
+        $classname = \get_class($var);
+
+        if (isset($this->object_hashes[$hash])) {
+            $object = new InstanceValue($c, $classname, $hash, \spl_object_id($var));
+            $object->flags |= AbstractValue::FLAG_RECURSION;
+
+            return $this->applyPluginsComplete($var, $object, self::TRIGGER_RECURSION);
+        }
+
+        try {
+            $this->object_hashes[$hash] = true;
+
+            $cdepth = $c->getDepth();
+            $ap = $c->getAccessPath();
+
+            if ($this->depth_limit && $cdepth >= $this->depth_limit) {
+                $object = new InstanceValue($c, $classname, $hash, \spl_object_id($var));
+                $object->flags |= AbstractValue::FLAG_DEPTH_LIMIT;
+
+                return $this->applyPluginsComplete($var, $object, self::TRIGGER_DEPTH_LIMIT);
+            }
+
+            if (KINT_PHP81) {
+                $props = $this->getPropsOrdered(new ReflectionObject($var));
+            } else {
+                $props = $this->getPropsOrderedOld(new ReflectionObject($var)); // @codeCoverageIgnore
+            }
+
+            $values = (array) $var;
+            $properties = [];
+
+            foreach ($props as $rprop) {
+                $rprop->setAccessible(true);
+                $name = $rprop->getName();
+
+                // Casting object to array:
+                // private properties show in the form "\0$owner_class_name\0$property_name";
+                // protected properties show in the form "\0*\0$property_name";
+                // public properties show in the form "$property_name";
+                // http://www.php.net/manual/en/language.types.array.php#language.types.array.casting
+                $key = $name;
+                if ($rprop->isProtected()) {
+                    $key = "\0*\0".$name;
+                } elseif ($rprop->isPrivate()) {
+                    $key = "\0".$rprop->getDeclaringClass()->getName()."\0".$name;
+                }
+                $initialized = \array_key_exists($key, $values);
+                if ($key === (string) (int) $key) {
+                    $key = (int) $key;
+                }
+
+                if ($rprop->isDefault()) {
+                    $child = new PropertyContext(
+                        $name,
+                        $rprop->getDeclaringClass()->getName(),
+                        ClassDeclaredContext::ACCESS_PUBLIC
+                    );
+
+                    $child->readonly = KINT_PHP81 && $rprop->isReadOnly();
+
+                    if ($rprop->isProtected()) {
+                        $child->access = ClassDeclaredContext::ACCESS_PROTECTED;
+                    } elseif ($rprop->isPrivate()) {
+                        $child->access = ClassDeclaredContext::ACCESS_PRIVATE;
+                    }
+
+                    if (KINT_PHP84) {
+                        if ($rprop->isProtectedSet()) {
+                            $child->access_set = ClassDeclaredContext::ACCESS_PROTECTED;
+                        } elseif ($rprop->isPrivateSet()) {
+                            $child->access_set = ClassDeclaredContext::ACCESS_PRIVATE;
+                        }
+
+                        $hooks = $rprop->getHooks();
+                        if (isset($hooks['get'])) {
+                            $child->hooks |= PropertyContext::HOOK_GET;
+                            if ($hooks['get']->returnsReference()) {
+                                $child->hooks |= PropertyContext::HOOK_GET_REF;
+                            }
+                        }
+                        if (isset($hooks['set'])) {
+                            $child->hooks |= PropertyContext::HOOK_SET;
+
+                            $child->hook_set_type = (string) $rprop->getSettableType();
+                            if ($child->hook_set_type !== (string) $rprop->getType()) {
+                                $child->hooks |= PropertyContext::HOOK_SET_TYPE;
+                            } elseif ('' === $child->hook_set_type) {
+                                $child->hook_set_type = null;
+                            }
+                        }
+                    }
+                } else {
+                    $child = new ClassOwnedContext($name, $rprop->getDeclaringClass()->getName());
+                }
+
+                $child->reference = $initialized && null !== ReflectionReference::fromArrayElement($values, $key);
+                $child->depth = $cdepth + 1;
+
+                if (null !== $ap && $child->isAccessible($this->caller_class)) {
+                    /** @psalm-var string $child->name */
+                    if (Utils::isValidPhpName($child->name)) {
+                        $child->access_path = $ap.'->'.$child->name;
+                    } else {
+                        $child->access_path = $ap.'->{'.\var_export($child->name, true).'}';
+                    }
+                }
+
+                if (KINT_PHP84 && $rprop->isVirtual()) {
+                    $properties[] = new VirtualValue($child);
+                } elseif (!$initialized) {
+                    $properties[] = new UninitializedValue($child);
+                } else {
+                    $properties[] = $this->parse($values[$key], $child);
+                }
+            }
+
+            $object = new InstanceValue($c, $classname, $hash, \spl_object_id($var));
+            if ($props) {
+                $object->setChildren($properties);
+            }
+
+            if ($properties) {
+                $object->addRepresentation(new ContainerRepresentation('Properties', $properties));
+            }
+
+            return $this->applyPluginsComplete($var, $object, self::TRIGGER_SUCCESS);
+        } finally {
+            unset($this->object_hashes[$hash]);
+        }
+    }
+
+    /**
+     * @psalm-param resource $var
+     */
+    private function parseResource(&$var, ContextInterface $c): AbstractValue
+    {
+        $resource = new ResourceValue($c, \get_resource_type($var));
+
+        $resource = $this->applyPluginsComplete($var, $resource, self::TRIGGER_SUCCESS);
+
+        return $resource;
+    }
+
+    /**
+     * @psalm-param mixed $var
+     */
+    private function parseResourceClosed(&$var, ContextInterface $c): AbstractValue
+    {
+        $v = new ClosedResourceValue($c);
+
+        $v = $this->applyPluginsComplete($var, $v, self::TRIGGER_SUCCESS);
+
+        return $v;
+    }
+
+    /**
+     * Catch-all for any unexpectedgettype.
+     *
+     * This should never happen.
+     *
+     * @codeCoverageIgnore
+     *
+     * @psalm-param mixed $var
+     */
+    private function parseUnknown(&$var, ContextInterface $c): AbstractValue
+    {
+        $v = new UnknownValue($c);
+
+        $v = $this->applyPluginsComplete($var, $v, self::TRIGGER_SUCCESS);
+
+        return $v;
+    }
+
+    /**
+     * Applies plugins for a yet-unparsed value.
+     *
+     * @param mixed &$var The input variable
+     */
+    private function applyPluginsBegin(&$var, ContextInterface $c, string $type): ?AbstractValue
+    {
+        $plugins = $this->plugins[$type][self::TRIGGER_BEGIN] ?? [];
+
+        foreach ($plugins as $plugin) {
+            try {
+                if ($v = $plugin->parseBegin($var, $c)) {
+                    return $v;
+                }
+            } catch (Throwable $e) {
+                \trigger_error(
+                    Utils::errorSanitizeString(\get_class($e)).' was thrown in '.$e->getFile().' on line '.$e->getLine().' while executing '.Utils::errorSanitizeString(\get_class($plugin)).'->parseBegin. Error message: '.Utils::errorSanitizeString($e->getMessage()),
+                    E_USER_WARNING
+                );
+            }
+        }
+
+        return null;
+    }
+
+    /**
+     * Applies plugins for a parsed AbstractValue.
+     *
+     * @param mixed &$var The input variable
+     */
+    private function applyPluginsComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        $plugins = $this->plugins[$v->getType()][$trigger] ?? [];
+
+        foreach ($plugins as $plugin) {
+            try {
+                $v = $plugin->parseComplete($var, $v, $trigger);
+            } catch (Throwable $e) {
+                \trigger_error(
+                    Utils::errorSanitizeString(\get_class($e)).' was thrown in '.$e->getFile().' on line '.$e->getLine().' while executing '.Utils::errorSanitizeString(\get_class($plugin)).'->parseComplete. Error message: '.Utils::errorSanitizeString($e->getMessage()),
+                    E_USER_WARNING
+                );
+            }
+        }
+
+        return $v;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/PluginBeginInterface.php b/ci4app/system/ThirdParty/Kint/Parser/PluginBeginInterface.php
new file mode 100644
index 0000000..25d72f4
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/PluginBeginInterface.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\ContextInterface;
+
+interface PluginBeginInterface extends PluginInterface
+{
+    /**
+     * @psalm-param mixed &$var
+     */
+    public function parseBegin(&$var, ContextInterface $c): ?AbstractValue;
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/PluginCompleteInterface.php b/ci4app/system/ThirdParty/Kint/Parser/PluginCompleteInterface.php
new file mode 100644
index 0000000..491eb5a
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/PluginCompleteInterface.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+
+/**
+ * @psalm-import-type ParserTrigger from Parser
+ */
+interface PluginCompleteInterface extends PluginInterface
+{
+    /**
+     * @psalm-param mixed &$var
+     * @psalm-param ParserTrigger $trigger
+     */
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue;
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/PluginInterface.php b/ci4app/system/ThirdParty/Kint/Parser/PluginInterface.php
new file mode 100644
index 0000000..64d2dfe
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/PluginInterface.php
@@ -0,0 +1,43 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+/**
+ * @psalm-import-type ParserTrigger from Parser
+ */
+interface PluginInterface
+{
+    public function setParser(Parser $p): void;
+
+    public function getTypes(): array;
+
+    /**
+     * @psalm-return ParserTrigger
+     */
+    public function getTriggers(): int;
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/ProfilePlugin.php b/ci4app/system/ThirdParty/Kint/Parser/ProfilePlugin.php
new file mode 100644
index 0000000..ec5bb0a
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/ProfilePlugin.php
@@ -0,0 +1,174 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\BaseContext;
+use Kint\Value\Context\ContextInterface;
+use Kint\Value\FixedWidthValue;
+use Kint\Value\InstanceValue;
+use Kint\Value\Representation\ContainerRepresentation;
+use Kint\Value\Representation\ProfileRepresentation;
+
+/** @psalm-api */
+class ProfilePlugin extends AbstractPlugin implements PluginBeginInterface, PluginCompleteInterface
+{
+    protected array $instance_counts = [];
+    protected array $instance_complexity = [];
+    protected array $instance_count_stack = [];
+    protected array $class_complexity = [];
+    protected array $class_count_stack = [];
+
+    public function getTypes(): array
+    {
+        return ['string', 'object', 'array', 'integer', 'double', 'resource'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_BEGIN | Parser::TRIGGER_COMPLETE;
+    }
+
+    public function parseBegin(&$var, ContextInterface $c): ?AbstractValue
+    {
+        if (0 === $c->getDepth()) {
+            $this->instance_counts = [];
+            $this->instance_complexity = [];
+            $this->instance_count_stack = [];
+            $this->class_complexity = [];
+            $this->class_count_stack = [];
+        }
+
+        if (\is_object($var)) {
+            $hash = \spl_object_hash($var);
+            $this->instance_counts[$hash] ??= 0;
+            $this->instance_complexity[$hash] ??= 0;
+            $this->instance_count_stack[$hash] ??= 0;
+
+            if (0 === $this->instance_count_stack[$hash]) {
+                foreach (\class_parents($var) as $class) {
+                    $this->class_count_stack[$class] ??= 0;
+                    ++$this->class_count_stack[$class];
+                }
+
+                foreach (\class_implements($var) as $iface) {
+                    $this->class_count_stack[$iface] ??= 0;
+                    ++$this->class_count_stack[$iface];
+                }
+            }
+
+            ++$this->instance_count_stack[$hash];
+        }
+
+        return null;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if ($v instanceof InstanceValue) {
+            --$this->instance_count_stack[$v->getSplObjectHash()];
+
+            if (0 === $this->instance_count_stack[$v->getSplObjectHash()]) {
+                foreach (\class_parents($var) as $class) {
+                    --$this->class_count_stack[$class];
+                }
+
+                foreach (\class_implements($var) as $iface) {
+                    --$this->class_count_stack[$iface];
+                }
+            }
+        }
+
+        // Don't check subs if we're in recursion or array limit
+        if (~$trigger & Parser::TRIGGER_SUCCESS) {
+            return $v;
+        }
+
+        $sub_complexity = 1;
+
+        foreach ($v->getRepresentations() as $rep) {
+            if ($rep instanceof ContainerRepresentation) {
+                foreach ($rep->getContents() as $value) {
+                    $profile = $value->getRepresentation('profiling');
+                    $sub_complexity += $profile instanceof ProfileRepresentation ? $profile->complexity : 1;
+                }
+            } else {
+                ++$sub_complexity;
+            }
+        }
+
+        if ($v instanceof InstanceValue) {
+            ++$this->instance_counts[$v->getSplObjectHash()];
+            if (0 === $this->instance_count_stack[$v->getSplObjectHash()]) {
+                $this->instance_complexity[$v->getSplObjectHash()] += $sub_complexity;
+
+                $this->class_complexity[$v->getClassName()] ??= 0;
+                $this->class_complexity[$v->getClassName()] += $sub_complexity;
+
+                foreach (\class_parents($var) as $class) {
+                    $this->class_complexity[$class] ??= 0;
+                    if (0 === $this->class_count_stack[$class]) {
+                        $this->class_complexity[$class] += $sub_complexity;
+                    }
+                }
+
+                foreach (\class_implements($var) as $iface) {
+                    $this->class_complexity[$iface] ??= 0;
+                    if (0 === $this->class_count_stack[$iface]) {
+                        $this->class_complexity[$iface] += $sub_complexity;
+                    }
+                }
+            }
+        }
+
+        if (0 === $v->getContext()->getDepth()) {
+            $contents = [];
+
+            \arsort($this->class_complexity);
+
+            foreach ($this->class_complexity as $name => $complexity) {
+                $contents[] = new FixedWidthValue(new BaseContext($name), $complexity);
+            }
+
+            if ($contents) {
+                $v->addRepresentation(new ContainerRepresentation('Class complexity', $contents), 0);
+            }
+        }
+
+        $rep = new ProfileRepresentation($sub_complexity);
+        /** @psalm-suppress UnsupportedReferenceUsage */
+        if ($v instanceof InstanceValue) {
+            $rep->instance_counts = &$this->instance_counts[$v->getSplObjectHash()];
+            $rep->instance_complexity = &$this->instance_complexity[$v->getSplObjectHash()];
+        }
+
+        $v->addRepresentation($rep, 0);
+
+        return $v;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/ProxyPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/ProxyPlugin.php
new file mode 100644
index 0000000..e0db1b9
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/ProxyPlugin.php
@@ -0,0 +1,92 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\ContextInterface;
+
+/**
+ * @psalm-import-type ParserTrigger from Parser
+ *
+ * @psalm-api
+ */
+class ProxyPlugin implements PluginBeginInterface, PluginCompleteInterface
+{
+    protected array $types;
+    /** @psalm-var ParserTrigger */
+    protected int $triggers;
+    /** @psalm-var callable */
+    protected $callback;
+    private ?Parser $parser = null;
+
+    /**
+     * @psalm-param ParserTrigger $triggers
+     * @psalm-param callable $callback
+     */
+    public function __construct(array $types, int $triggers, $callback)
+    {
+        $this->types = $types;
+        $this->triggers = $triggers;
+        $this->callback = $callback;
+    }
+
+    public function setParser(Parser $p): void
+    {
+        $this->parser = $p;
+    }
+
+    public function getTypes(): array
+    {
+        return $this->types;
+    }
+
+    public function getTriggers(): int
+    {
+        return $this->triggers;
+    }
+
+    public function parseBegin(&$var, ContextInterface $c): ?AbstractValue
+    {
+        return \call_user_func_array($this->callback, [
+            &$var,
+            $c,
+            Parser::TRIGGER_BEGIN,
+            $this->parser,
+        ]);
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        return \call_user_func_array($this->callback, [
+            &$var,
+            $v,
+            $trigger,
+            $this->parser,
+        ]);
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/SerializePlugin.php b/ci4app/system/ThirdParty/Kint/Parser/SerializePlugin.php
new file mode 100644
index 0000000..a23aaae
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/SerializePlugin.php
@@ -0,0 +1,111 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\BaseContext;
+use Kint\Value\Representation\ValueRepresentation;
+use Kint\Value\UninitializedValue;
+
+/** @psalm-api */
+class SerializePlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    /**
+     * Disables automatic unserialization on arrays and objects.
+     *
+     * As the PHP manual notes:
+     *
+     * > Unserialization can result in code being loaded and executed due to
+     * > object instantiation and autoloading, and a malicious user may be able
+     * > to exploit this.
+     *
+     * The natural way to stop that from happening is to just refuse to unserialize
+     * stuff by default. Which is what we're doing for anything that's not scalar.
+     */
+    public static bool $safe_mode = true;
+
+    /**
+     * @psalm-var bool|class-string[]
+     */
+    public static $allowed_classes = false;
+
+    public function getTypes(): array
+    {
+        return ['string'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        $trimmed = \rtrim($var);
+
+        if ('N;' !== $trimmed && !\preg_match('/^(?:[COabis]:\\d+[:;]|d:\\d+(?:\\.\\d+);)/', $trimmed)) {
+            return $v;
+        }
+
+        $options = ['allowed_classes' => self::$allowed_classes];
+
+        $c = $v->getContext();
+
+        $base = new BaseContext('unserialize('.$c->getName().')');
+        $base->depth = $c->getDepth() + 1;
+
+        if (null !== ($ap = $c->getAccessPath())) {
+            $base->access_path = 'unserialize('.$ap;
+            if (true === self::$allowed_classes) {
+                $base->access_path .= ')';
+            } else {
+                $base->access_path .= ', '.\var_export($options, true).')';
+            }
+        }
+
+        if (self::$safe_mode && \in_array($trimmed[0], ['C', 'O', 'a'], true)) {
+            $data = new UninitializedValue($base);
+            $data->flags |= AbstractValue::FLAG_BLACKLIST;
+        } else {
+            // Suppress warnings on unserializeable variable
+            $data = @\unserialize($trimmed, $options);
+
+            if (false === $data && 'b:0;' !== \substr($trimmed, 0, 4)) {
+                return $v;
+            }
+
+            $data = $this->getParser()->parse($data, $base);
+        }
+
+        $data->flags |= AbstractValue::FLAG_GENERATED;
+
+        $v->addRepresentation(new ValueRepresentation('Serialized', $data), 0);
+
+        return $v;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/SimpleXMLElementPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/SimpleXMLElementPlugin.php
new file mode 100644
index 0000000..4511c0b
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/SimpleXMLElementPlugin.php
@@ -0,0 +1,295 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Utils;
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\ArrayContext;
+use Kint\Value\Context\BaseContext;
+use Kint\Value\Context\ClassOwnedContext;
+use Kint\Value\Context\ContextInterface;
+use Kint\Value\Representation\ContainerRepresentation;
+use Kint\Value\Representation\ValueRepresentation;
+use Kint\Value\SimpleXMLElementValue;
+use SimpleXMLElement;
+
+class SimpleXMLElementPlugin extends AbstractPlugin implements PluginBeginInterface
+{
+    /**
+     * Show all properties and methods.
+     */
+    public static bool $verbose = false;
+
+    protected ClassMethodsPlugin $methods_plugin;
+
+    public function __construct(Parser $parser)
+    {
+        parent::__construct($parser);
+
+        $this->methods_plugin = new ClassMethodsPlugin($parser);
+    }
+
+    public function setParser(Parser $p): void
+    {
+        parent::setParser($p);
+
+        $this->methods_plugin->setParser($p);
+    }
+
+    public function getTypes(): array
+    {
+        return ['object'];
+    }
+
+    public function getTriggers(): int
+    {
+        // SimpleXMLElement is a weirdo. No recursion (Or rather everything is
+        // recursion) and depth limit will have to be handled manually anyway.
+        return Parser::TRIGGER_BEGIN;
+    }
+
+    public function parseBegin(&$var, ContextInterface $c): ?AbstractValue
+    {
+        if (!$var instanceof SimpleXMLElement) {
+            return null;
+        }
+
+        return $this->parseElement($var, $c);
+    }
+
+    protected function parseElement(SimpleXMLElement &$var, ContextInterface $c): SimpleXMLElementValue
+    {
+        $parser = $this->getParser();
+        $pdepth = $parser->getDepthLimit();
+        $cdepth = $c->getDepth();
+
+        $depthlimit = $pdepth && $cdepth >= $pdepth;
+        $has_children = self::hasChildElements($var);
+
+        if ($depthlimit && $has_children) {
+            $x = new SimpleXMLElementValue($c, $var, [], null);
+            $x->flags |= AbstractValue::FLAG_DEPTH_LIMIT;
+
+            return $x;
+        }
+
+        $children = $this->getChildren($c, $var);
+        $attributes = $this->getAttributes($c, $var);
+        $toString = (string) $var;
+        $string_body = !$has_children && \strlen($toString);
+
+        $x = new SimpleXMLElementValue($c, $var, $children, \strlen($toString) ? $toString : null);
+
+        if (self::$verbose) {
+            $x = $this->methods_plugin->parseComplete($var, $x, Parser::TRIGGER_SUCCESS);
+        }
+
+        if ($attributes) {
+            $x->addRepresentation(new ContainerRepresentation('Attributes', $attributes), 0);
+        }
+
+        if ($string_body) {
+            $base = new BaseContext('(string) '.$c->getName());
+            $base->depth = $cdepth + 1;
+            if (null !== ($ap = $c->getAccessPath())) {
+                $base->access_path = '(string) '.$ap;
+            }
+
+            $toString = $parser->parse($toString, $base);
+
+            $x->addRepresentation(new ValueRepresentation('toString', $toString, null, true), 0);
+        }
+
+        if ($children) {
+            $x->addRepresentation(new ContainerRepresentation('Children', $children), 0);
+        }
+
+        return $x;
+    }
+
+    /** @psalm-return list<AbstractValue> */
+    protected function getAttributes(ContextInterface $c, SimpleXMLElement $var): array
+    {
+        $parser = $this->getParser();
+        $namespaces = \array_merge(['' => null], $var->getDocNamespaces());
+
+        $cdepth = $c->getDepth();
+        $ap = $c->getAccessPath();
+
+        $contents = [];
+
+        foreach ($namespaces as $nsAlias => $_) {
+            if ((bool) $nsAttribs = $var->attributes($nsAlias, true)) {
+                foreach ($nsAttribs as $name => $attrib) {
+                    $obj = new ArrayContext($name);
+                    $obj->depth = $cdepth + 1;
+
+                    if (null !== $ap) {
+                        $obj->access_path = '(string) '.$ap;
+                        if ('' !== $nsAlias) {
+                            $obj->access_path .= '->attributes('.\var_export($nsAlias, true).', true)';
+                        }
+                        $obj->access_path .= '['.\var_export($name, true).']';
+                    }
+
+                    if ('' !== $nsAlias) {
+                        $obj->name = $nsAlias.':'.$obj->name;
+                    }
+
+                    $string = (string) $attrib;
+                    $attribute = $parser->parse($string, $obj);
+
+                    $contents[] = $attribute;
+                }
+            }
+        }
+
+        return $contents;
+    }
+
+    /**
+     * Alright kids, let's learn about SimpleXMLElement::children!
+     * children can take a namespace url or alias and provide a list of
+     * child nodes. This is great since just accessing the members through
+     * properties doesn't work on SimpleXMLElement when they have a
+     * namespace at all!
+     *
+     * Unfortunately SimpleXML decided to go the retarded route of
+     * categorizing elements by their tag name rather than by their local
+     * name (to put it in Dom terms) so if you have something like this:
+     *
+     * <root xmlns:localhost="http://localhost/">
+     *   <tag />
+     *   <tag xmlns="http://localhost/" />
+     *   <localhost:tag />
+     * </root>
+     *
+     * * children(null) will get the first 2 results
+     * * children('', true) will get the first 2 results
+     * * children('http://localhost/') will get the last 2 results
+     * * children('localhost', true) will get the last result
+     *
+     * So let's just give up and stick to aliases because fuck that mess!
+     *
+     * @psalm-return list<SimpleXMLElementValue>
+     */
+    protected function getChildren(ContextInterface $c, SimpleXMLElement $var): array
+    {
+        $namespaces = \array_merge(['' => null], $var->getDocNamespaces());
+
+        $cdepth = $c->getDepth();
+        $ap = $c->getAccessPath();
+
+        $contents = [];
+
+        foreach ($namespaces as $nsAlias => $_) {
+            if ((bool) $nsChildren = $var->children($nsAlias, true)) {
+                $nsap = [];
+                foreach ($nsChildren as $name => $child) {
+                    $base = new ClassOwnedContext((string) $name, SimpleXMLElement::class);
+                    $base->depth = $cdepth + 1;
+
+                    if ('' !== $nsAlias) {
+                        $base->name = $nsAlias.':'.$name;
+                    }
+
+                    if (null !== $ap) {
+                        if ('' === $nsAlias) {
+                            $base->access_path = $ap.'->';
+                        } else {
+                            $base->access_path = $ap.'->children('.\var_export($nsAlias, true).', true)->';
+                        }
+
+                        if (Utils::isValidPhpName((string) $name)) {
+                            $base->access_path .= (string) $name;
+                        } else {
+                            $base->access_path .= '{'.\var_export((string) $name, true).'}';
+                        }
+
+                        if (isset($nsap[$base->access_path])) {
+                            ++$nsap[$base->access_path];
+                            $base->access_path .= '['.$nsap[$base->access_path].']';
+                        } else {
+                            $nsap[$base->access_path] = 0;
+                        }
+                    }
+
+                    $v = $this->parseElement($child, $base);
+                    $v->flags |= AbstractValue::FLAG_GENERATED;
+                    $contents[] = $v;
+                }
+            }
+        }
+
+        return $contents;
+    }
+
+    /**
+     * More SimpleXMLElement bullshit.
+     *
+     * If we want to know if the element contains text we can cast to string.
+     * Except if it contains text mixed with elements simplexml for some stupid
+     * reason decides to concatenate the text from between those elements
+     * rather than all the text in the hierarchy...
+     *
+     * So we have NO way of getting text nodes between elements, but we can
+     * still tell if we have elements right? If we have elements we assume it's
+     * not a string and call it a day!
+     *
+     * Well if you cast the element to an array attributes will be on it so
+     * you'd have to remove that key, and if it's a string it'll also have the
+     * 0 index used for the string contents too...
+     *
+     * Wait, can we use the 0 index to tell if it's a string? Nope! CDATA
+     * doesn't show up AT ALL when casting to anything but string, and we'll
+     * still get those concatenated strings of mostly whitespace if we just do
+     * (string) and check the length.
+     *
+     * Luckily, I found the only way to do this reliably is through children().
+     * We still have to loop through all the namespaces and see if there's a
+     * match but then we have the problem of the attributes showing up again...
+     *
+     * Or at least that's what var_dump says. And when we cast the result to
+     * bool it's true too... But if we cast it to array then it's suddenly empty!
+     *
+     * Long story short the function below is the only way to reliably check if
+     * a SimpleXMLElement has children
+     */
+    protected static function hasChildElements(SimpleXMLElement $var): bool
+    {
+        $namespaces = \array_merge(['' => null], $var->getDocNamespaces());
+
+        foreach ($namespaces as $nsAlias => $_) {
+            if ((array) $var->children($nsAlias, true)) {
+                return true;
+            }
+        }
+
+        return false;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/SplFileInfoPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/SplFileInfoPlugin.php
new file mode 100644
index 0000000..c5eea6c
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/SplFileInfoPlugin.php
@@ -0,0 +1,68 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\InstanceValue;
+use Kint\Value\Representation\SplFileInfoRepresentation;
+use Kint\Value\SplFileInfoValue;
+use SplFileInfo;
+use SplFileObject;
+
+class SplFileInfoPlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    public function getTypes(): array
+    {
+        return ['object'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        // SplFileObject throws exceptions in normal use in places SplFileInfo doesn't
+        if (!$var instanceof SplFileInfo || $var instanceof SplFileObject) {
+            return $v;
+        }
+
+        if (!$v instanceof InstanceValue) {
+            return $v;
+        }
+
+        $out = new SplFileInfoValue($v->getContext(), $var);
+        $out->setChildren($v->getChildren());
+        $out->flags = $v->flags;
+        $out->addRepresentation(new SplFileInfoRepresentation(clone $var));
+        $out->appendRepresentations($v->getRepresentations());
+
+        return $out;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/StreamPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/StreamPlugin.php
new file mode 100644
index 0000000..fdbc257
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/StreamPlugin.php
@@ -0,0 +1,88 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\ArrayContext;
+use Kint\Value\ResourceValue;
+use Kint\Value\StreamValue;
+use TypeError;
+
+class StreamPlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    public function getTypes(): array
+    {
+        return ['resource'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if (!$v instanceof ResourceValue) {
+            return $v;
+        }
+
+        // Doublecheck that the resource is open before we get the metadata
+        if (!\is_resource($var)) {
+            return $v;
+        }
+
+        try {
+            $meta = \stream_get_meta_data($var);
+        } catch (TypeError $e) {
+            return $v;
+        }
+
+        $c = $v->getContext();
+
+        $parser = $this->getParser();
+        $parsed_meta = [];
+        foreach ($meta as $key => $val) {
+            $base = new ArrayContext($key);
+            $base->depth = $c->getDepth() + 1;
+
+            if (null !== ($ap = $c->getAccessPath())) {
+                $base->access_path = 'stream_get_meta_data('.$ap.')['.\var_export($key, true).']';
+            }
+
+            $val = $parser->parse($val, $base);
+            $val->flags |= AbstractValue::FLAG_GENERATED;
+            $parsed_meta[] = $val;
+        }
+
+        $stream = new StreamValue($c, $parsed_meta, $meta['uri'] ?? null);
+        $stream->flags = $v->flags;
+        $stream->appendRepresentations($v->getRepresentations());
+
+        return $stream;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/TablePlugin.php b/ci4app/system/ThirdParty/Kint/Parser/TablePlugin.php
new file mode 100644
index 0000000..8bbda7f
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/TablePlugin.php
@@ -0,0 +1,103 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\ArrayValue;
+use Kint\Value\Representation\TableRepresentation;
+
+// Note: Interaction with ArrayLimitPlugin:
+// Any array limited children will be shown in tables identically to
+// non-array-limited children since the table only shows that it is an array
+// and it's size anyway. Because ArrayLimitPlugin halts the parse on finding
+// a limit all other plugins including this one are stopped, so you cannot get
+// a tabular representation of an array that is longer than the limit.
+class TablePlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    public static int $max_width = 300;
+    public static int $min_width = 2;
+
+    public function getTypes(): array
+    {
+        return ['array'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if (!$v instanceof ArrayValue) {
+            return $v;
+        }
+
+        if (\count($var) < 2) {
+            return $v;
+        }
+
+        // Ensure this is an array of arrays and that all child arrays have the
+        // same keys. We don't care about their children - if there's another
+        // "table" inside we'll just make another one down the value tab
+        $keys = null;
+        foreach ($var as $elem) {
+            if (!\is_array($elem)) {
+                return $v;
+            }
+
+            if (null === $keys) {
+                if (\count($elem) < self::$min_width || \count($elem) > self::$max_width) {
+                    return $v;
+                }
+
+                $keys = \array_keys($elem);
+            } elseif (\array_keys($elem) !== $keys) {
+                return $v;
+            }
+        }
+
+        $children = $v->getContents();
+
+        if (!$children) {
+            return $v;
+        }
+
+        // Ensure none of the child arrays are recursion or depth limit. We
+        // don't care if their children are since they are the table cells
+        foreach ($children as $childarray) {
+            if (!$childarray instanceof ArrayValue || empty($childarray->getContents())) {
+                return $v;
+            }
+        }
+
+        $v->addRepresentation(new TableRepresentation($children), 0);
+
+        return $v;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/ThrowablePlugin.php b/ci4app/system/ThirdParty/Kint/Parser/ThrowablePlugin.php
new file mode 100644
index 0000000..c314faf
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/ThrowablePlugin.php
@@ -0,0 +1,67 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\InstanceValue;
+use Kint\Value\Representation\SourceRepresentation;
+use Kint\Value\ThrowableValue;
+use RuntimeException;
+use Throwable;
+
+class ThrowablePlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    public function getTypes(): array
+    {
+        return ['object'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if (!$var instanceof Throwable || !$v instanceof InstanceValue) {
+            return $v;
+        }
+
+        $throw = new ThrowableValue($v->getContext(), $var);
+        $throw->setChildren($v->getChildren());
+        $throw->flags = $v->flags;
+        $throw->appendRepresentations($v->getRepresentations());
+
+        try {
+            $throw->addRepresentation(new SourceRepresentation($var->getFile(), $var->getLine(), null, true), 0);
+        } catch (RuntimeException $e) {
+        }
+
+        return $throw;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/TimestampPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/TimestampPlugin.php
new file mode 100644
index 0000000..da3506f
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/TimestampPlugin.php
@@ -0,0 +1,89 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use DateTimeImmutable;
+use Kint\Value\AbstractValue;
+use Kint\Value\FixedWidthValue;
+use Kint\Value\Representation\StringRepresentation;
+use Kint\Value\StringValue;
+
+class TimestampPlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    public static array $blacklist = [
+        2147483648,
+        2147483647,
+        1073741824,
+        1073741823,
+    ];
+
+    public function getTypes(): array
+    {
+        return ['string', 'integer'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if (\is_string($var) && !\ctype_digit($var)) {
+            return $v;
+        }
+
+        if ($var < 0) {
+            return $v;
+        }
+
+        if (\in_array($var, self::$blacklist, true)) {
+            return $v;
+        }
+
+        $len = \strlen((string) $var);
+
+        // Guess for anything between March 1973 and November 2286
+        if ($len < 9 || $len > 10) {
+            return $v;
+        }
+
+        if (!$v instanceof StringValue && !$v instanceof FixedWidthValue) {
+            return $v;
+        }
+
+        if (!$dt = DateTimeImmutable::createFromFormat('U', (string) $var)) {
+            return $v;
+        }
+
+        $v->removeRepresentation('contents');
+        $v->addRepresentation(new StringRepresentation('Timestamp', $dt->format('c'), null, true));
+
+        return $v;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/ToStringPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/ToStringPlugin.php
new file mode 100644
index 0000000..6fa7bd4
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/ToStringPlugin.php
@@ -0,0 +1,88 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\BaseContext;
+use Kint\Value\Representation\ValueRepresentation;
+use ReflectionClass;
+use SimpleXMLElement;
+use SplFileInfo;
+use Throwable;
+
+class ToStringPlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    public static array $blacklist = [
+        SimpleXMLElement::class,
+        SplFileInfo::class,
+    ];
+
+    public function getTypes(): array
+    {
+        return ['object'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        $reflection = new ReflectionClass($var);
+        if (!$reflection->hasMethod('__toString')) {
+            return $v;
+        }
+
+        foreach (self::$blacklist as $class) {
+            if ($var instanceof $class) {
+                return $v;
+            }
+        }
+
+        try {
+            $string = (string) $var;
+        } catch (Throwable $t) {
+            return $v;
+        }
+
+        $c = $v->getContext();
+
+        $base = new BaseContext($c->getName());
+        $base->depth = $c->getDepth() + 1;
+        if (null !== ($ap = $c->getAccessPath())) {
+            $base->access_path = '(string) '.$ap;
+        }
+
+        $string = $this->getParser()->parse($string, $base);
+
+        $v->addRepresentation(new ValueRepresentation('toString', $string));
+
+        return $v;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/TracePlugin.php b/ci4app/system/ThirdParty/Kint/Parser/TracePlugin.php
new file mode 100644
index 0000000..5334564
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/TracePlugin.php
@@ -0,0 +1,156 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Kint\Utils;
+use Kint\Value\AbstractValue;
+use Kint\Value\ArrayValue;
+use Kint\Value\Context\ArrayContext;
+use Kint\Value\Representation\ContainerRepresentation;
+use Kint\Value\Representation\SourceRepresentation;
+use Kint\Value\Representation\ValueRepresentation;
+use Kint\Value\TraceFrameValue;
+use Kint\Value\TraceValue;
+use RuntimeException;
+
+/**
+ * @psalm-import-type TraceFrame from TraceFrameValue
+ */
+class TracePlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    public static array $blacklist = ['spl_autoload_call'];
+    public static array $path_blacklist = [];
+
+    public function getTypes(): array
+    {
+        return ['array'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if (!$v instanceof ArrayValue) {
+            return $v;
+        }
+
+        // Shallow copy so we don't have to worry about touching var
+        $trace = $var;
+
+        if (!Utils::isTrace($trace)) {
+            return $v;
+        }
+
+        $pdepth = $this->getParser()->getDepthLimit();
+        $c = $v->getContext();
+
+        // We need at least 2 levels in order to get $trace[n]['args']
+        if ($pdepth && $c->getDepth() + 2 >= $pdepth) {
+            return $v;
+        }
+
+        $contents = $v->getContents();
+
+        self::$blacklist = Utils::normalizeAliases(self::$blacklist);
+        $path_blacklist = self::normalizePaths(self::$path_blacklist);
+
+        $frames = [];
+
+        foreach ($contents as $frame) {
+            if (!$frame instanceof ArrayValue || !$frame->getContext() instanceof ArrayContext) {
+                continue;
+            }
+
+            $index = $frame->getContext()->getName();
+
+            if (!isset($trace[$index]) || Utils::traceFrameIsListed($trace[$index], self::$blacklist)) {
+                continue;
+            }
+
+            if (isset($trace[$index]['file']) && false !== ($realfile = \realpath($trace[$index]['file']))) {
+                foreach ($path_blacklist as $path) {
+                    if (0 === \strpos($realfile, $path)) {
+                        continue 2;
+                    }
+                }
+            }
+
+            $frame = new TraceFrameValue($frame, $trace[$index]);
+
+            if (null !== ($file = $frame->getFile()) && null !== ($line = $frame->getLine())) {
+                try {
+                    $frame->addRepresentation(new SourceRepresentation($file, $line));
+                } catch (RuntimeException $e) {
+                }
+            }
+
+            if ($args = $frame->getArgs()) {
+                $frame->addRepresentation(new ContainerRepresentation('Arguments', $args));
+            }
+
+            if ($obj = $frame->getObject()) {
+                $frame->addRepresentation(
+                    new ValueRepresentation(
+                        'Callee object ['.$obj->getClassName().']',
+                        $obj,
+                        'callee_object'
+                    )
+                );
+            }
+
+            $frames[$index] = $frame;
+        }
+
+        $traceobj = new TraceValue($c, \count($frames), $frames);
+
+        if ($frames) {
+            $traceobj->addRepresentation(new ContainerRepresentation('Contents', $frames, null, true));
+        }
+
+        return $traceobj;
+    }
+
+    protected static function normalizePaths(array $paths): array
+    {
+        $normalized = [];
+
+        foreach ($paths as $path) {
+            $realpath = \realpath($path);
+            if (\is_dir($realpath)) {
+                $realpath .= DIRECTORY_SEPARATOR;
+            }
+
+            $normalized[] = $realpath;
+        }
+
+        return $normalized;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Parser/XmlPlugin.php b/ci4app/system/ThirdParty/Kint/Parser/XmlPlugin.php
new file mode 100644
index 0000000..64275a2
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Parser/XmlPlugin.php
@@ -0,0 +1,179 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Parser;
+
+use Dom\Node;
+use Dom\XMLDocument;
+use DOMDocument;
+use DOMException;
+use DOMNode;
+use InvalidArgumentException;
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\BaseContext;
+use Kint\Value\Context\ContextInterface;
+use Kint\Value\Representation\ValueRepresentation;
+use Throwable;
+
+class XmlPlugin extends AbstractPlugin implements PluginCompleteInterface
+{
+    /**
+     * Which method to parse the variable with.
+     *
+     * DOMDocument provides more information including the text between nodes,
+     * however it's memory usage is very high and it takes longer to parse and
+     * render. Plus it's a pain to work with. So SimpleXML is the default.
+     *
+     * @psalm-var 'SimpleXML'|'DOMDocument'|'XMLDocument'
+     */
+    public static string $parse_method = 'SimpleXML';
+
+    public function getTypes(): array
+    {
+        return ['string'];
+    }
+
+    public function getTriggers(): int
+    {
+        return Parser::TRIGGER_SUCCESS;
+    }
+
+    public function parseComplete(&$var, AbstractValue $v, int $trigger): AbstractValue
+    {
+        if ('<?xml' !== \substr($var, 0, 5)) {
+            return $v;
+        }
+
+        if (!\method_exists($this, 'xmlTo'.self::$parse_method)) {
+            return $v;
+        }
+
+        $c = $v->getContext();
+
+        $out = \call_user_func([$this, 'xmlTo'.self::$parse_method], $var, $c);
+
+        if (null === $out) {
+            return $v;
+        }
+
+        $out->flags |= AbstractValue::FLAG_GENERATED;
+
+        $v->addRepresentation(new ValueRepresentation('XML', $out), 0);
+
+        return $v;
+    }
+
+    /** @psalm-suppress PossiblyUnusedMethod */
+    protected function xmlToSimpleXML(string $var, ContextInterface $c): ?AbstractValue
+    {
+        $errors = \libxml_use_internal_errors(true);
+        try {
+            $xml = \simplexml_load_string($var);
+            if (!(bool) $xml) {
+                throw new InvalidArgumentException('Bad XML parse in XmlPlugin::xmlToSimpleXML');
+            }
+        } catch (Throwable $t) {
+            return null;
+        } finally {
+            \libxml_use_internal_errors($errors);
+            \libxml_clear_errors();
+        }
+
+        $base = new BaseContext($xml->getName());
+        $base->depth = $c->getDepth() + 1;
+        if (null !== ($ap = $c->getAccessPath())) {
+            $base->access_path = 'simplexml_load_string('.$ap.')';
+        }
+
+        return $this->getParser()->parse($xml, $base);
+    }
+
+    /**
+     * Get the DOMDocument info.
+     *
+     * If it errors loading then we wouldn't have gotten this far in the first place.
+     *
+     * @psalm-suppress PossiblyUnusedMethod
+     *
+     * @psalm-param non-empty-string $var
+     */
+    protected function xmlToDOMDocument(string $var, ContextInterface $c): ?AbstractValue
+    {
+        try {
+            $xml = new DOMDocument();
+            $check = $xml->loadXML($var, LIBXML_NOWARNING | LIBXML_NOERROR);
+
+            if (false === $check) {
+                throw new InvalidArgumentException('Bad XML parse in XmlPlugin::xmlToDOMDocument');
+            }
+        } catch (Throwable $t) {
+            return null;
+        }
+
+        $xml = $xml->firstChild;
+
+        /**
+         * @psalm-var DOMNode $xml
+         * Psalm bug #11120
+         */
+        $base = new BaseContext($xml->nodeName);
+        $base->depth = $c->getDepth() + 1;
+        if (null !== ($ap = $c->getAccessPath())) {
+            $base->access_path = '(function($s){$x = new \\DomDocument(); $x->loadXML($s); return $x;})('.$ap.')->firstChild';
+        }
+
+        return $this->getParser()->parse($xml, $base);
+    }
+
+    /** @psalm-suppress PossiblyUnusedMethod */
+    protected function xmlToXMLDocument(string $var, ContextInterface $c): ?AbstractValue
+    {
+        if (!KINT_PHP84) {
+            return null; // @codeCoverageIgnore
+        }
+
+        try {
+            $xml = XMLDocument::createFromString($var, LIBXML_NOWARNING | LIBXML_NOERROR);
+        } catch (DOMException $e) {
+            return null;
+        }
+
+        $xml = $xml->firstChild;
+
+        /**
+         * @psalm-var Node $xml
+         * Psalm bug #11120
+         */
+        $base = new BaseContext($xml->nodeName);
+        $base->depth = $c->getDepth() + 1;
+        if (null !== ($ap = $c->getAccessPath())) {
+            $base->access_path = '\\Dom\\XMLDocument::createFromString('.$ap.')->firstChild';
+        }
+
+        return $this->getParser()->parse($xml, $base);
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/AbstractRenderer.php b/ci4app/system/ThirdParty/Kint/Renderer/AbstractRenderer.php
new file mode 100644
index 0000000..fb4597c
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/AbstractRenderer.php
@@ -0,0 +1,87 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer;
+
+abstract class AbstractRenderer implements ConstructableRendererInterface
+{
+    public static ?string $js_nonce = null;
+    public static ?string $css_nonce = null;
+
+    /** @psalm-var ?non-empty-string */
+    public static ?string $file_link_format = null;
+
+    protected bool $show_trace = true;
+    protected ?array $callee = null;
+    protected array $trace = [];
+
+    protected bool $render_spl_ids = true;
+
+    public function __construct()
+    {
+    }
+
+    public function shouldRenderObjectIds(): bool
+    {
+        return $this->render_spl_ids;
+    }
+
+    public function setCallInfo(array $info): void
+    {
+        $this->callee = $info['callee'] ?? null;
+        $this->trace = $info['trace'] ?? [];
+    }
+
+    public function setStatics(array $statics): void
+    {
+        $this->show_trace = !empty($statics['display_called_from']);
+    }
+
+    public function filterParserPlugins(array $plugins): array
+    {
+        return $plugins;
+    }
+
+    public function preRender(): string
+    {
+        return '';
+    }
+
+    public function postRender(): string
+    {
+        return '';
+    }
+
+    public static function getFileLink(string $file, int $line): ?string
+    {
+        if (null === self::$file_link_format) {
+            return null;
+        }
+
+        return \str_replace(['%f', '%l'], [$file, $line], self::$file_link_format);
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/AssetRendererTrait.php b/ci4app/system/ThirdParty/Kint/Renderer/AssetRendererTrait.php
new file mode 100644
index 0000000..fb66f2d
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/AssetRendererTrait.php
@@ -0,0 +1,70 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer;
+
+trait AssetRendererTrait
+{
+    public static ?string $theme = null;
+
+    /** @psalm-var array{js?:string, css?:array<path, string|false>} */
+    private static array $assetCache = [];
+
+    /** @psalm-api */
+    public static function renderJs(): string
+    {
+        if (!isset(self::$assetCache['js'])) {
+            self::$assetCache['js'] = \file_get_contents(KINT_DIR.'/resources/compiled/main.js');
+        }
+
+        return self::$assetCache['js'];
+    }
+
+    /** @psalm-api */
+    public static function renderCss(): ?string
+    {
+        if (!isset(self::$theme)) {
+            return null;
+        }
+
+        if (!isset(self::$assetCache['css'][self::$theme])) {
+            if (\file_exists(KINT_DIR.'/resources/compiled/'.self::$theme)) {
+                self::$assetCache['css'][self::$theme] = \file_get_contents(KINT_DIR.'/resources/compiled/'.self::$theme);
+            } elseif (\file_exists(self::$theme)) {
+                self::$assetCache['css'][self::$theme] = \file_get_contents(self::$theme);
+            } else {
+                self::$assetCache['css'][self::$theme] = false;
+            }
+        }
+
+        if (false === self::$assetCache['css'][self::$theme]) {
+            return null;
+        }
+
+        return self::$assetCache['css'][self::$theme];
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/CliRenderer.php b/ci4app/system/ThirdParty/Kint/Renderer/CliRenderer.php
new file mode 100644
index 0000000..6efdbe8
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/CliRenderer.php
@@ -0,0 +1,183 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer;
+
+use Kint\Value\AbstractValue;
+use Throwable;
+
+class CliRenderer extends TextRenderer
+{
+    /**
+     * @var bool enable colors
+     */
+    public static bool $cli_colors = true;
+
+    /**
+     * Detects the terminal width on startup.
+     */
+    public static bool $detect_width = true;
+
+    /**
+     * The minimum width to detect terminal size as.
+     *
+     * Less than this is ignored and falls back to default width.
+     */
+    public static int $min_terminal_width = 40;
+
+    /**
+     * Forces utf8 output on windows.
+     */
+    public static bool $force_utf8 = false;
+
+    /**
+     * Which stream to check for VT100 support on windows.
+     *
+     * uses STDOUT by default if it's defined
+     *
+     * @psalm-var ?resource
+     */
+    public static $windows_stream = null;
+
+    protected static ?int $terminal_width = null;
+
+    protected bool $windows_output = false;
+
+    protected bool $colors = false;
+
+    public function __construct()
+    {
+        parent::__construct();
+
+        if (!self::$force_utf8 && KINT_WIN) {
+            if (!\function_exists('sapi_windows_vt100_support')) {
+                $this->windows_output = true;
+            } else {
+                $stream = self::$windows_stream;
+
+                if (!$stream && \defined('STDOUT')) {
+                    $stream = STDOUT;
+                }
+
+                if (!$stream) {
+                    $this->windows_output = true;
+                } else {
+                    $this->windows_output = !\sapi_windows_vt100_support($stream);
+                }
+            }
+        }
+
+        if (null === self::$terminal_width) {
+            if (self::$detect_width) {
+                try {
+                    $tput = KINT_WIN ? \exec('tput cols 2>nul') : \exec('tput cols 2>/dev/null');
+                    if ((bool) $tput) {
+                        /**
+                         * @psalm-suppress InvalidCast
+                         * Psalm bug #11080
+                         */
+                        self::$terminal_width = (int) $tput;
+                    }
+                } catch (Throwable $t) {
+                    self::$terminal_width = self::$default_width;
+                }
+            }
+
+            if (!isset(self::$terminal_width) || self::$terminal_width < self::$min_terminal_width) {
+                self::$terminal_width = self::$default_width;
+            }
+        }
+
+        $this->colors = $this->windows_output ? false : self::$cli_colors;
+
+        $this->header_width = self::$terminal_width;
+    }
+
+    public function colorValue(string $string): string
+    {
+        if (!$this->colors) {
+            return $string;
+        }
+
+        return "\x1b[32m".\str_replace("\n", "\x1b[0m\n\x1b[32m", $string)."\x1b[0m";
+    }
+
+    public function colorType(string $string): string
+    {
+        if (!$this->colors) {
+            return $string;
+        }
+
+        return "\x1b[35;1m".\str_replace("\n", "\x1b[0m\n\x1b[35;1m", $string)."\x1b[0m";
+    }
+
+    public function colorTitle(string $string): string
+    {
+        if (!$this->colors) {
+            return $string;
+        }
+
+        return "\x1b[36m".\str_replace("\n", "\x1b[0m\n\x1b[36m", $string)."\x1b[0m";
+    }
+
+    public function renderTitle(AbstractValue $v): string
+    {
+        if ($this->windows_output) {
+            return $this->utf8ToWindows(parent::renderTitle($v));
+        }
+
+        return parent::renderTitle($v);
+    }
+
+    public function preRender(): string
+    {
+        return PHP_EOL;
+    }
+
+    public function postRender(): string
+    {
+        if ($this->windows_output) {
+            return $this->utf8ToWindows(parent::postRender());
+        }
+
+        return parent::postRender();
+    }
+
+    public function escape(string $string, $encoding = false): string
+    {
+        return \str_replace("\x1b", '\\x1b', $string);
+    }
+
+    protected function utf8ToWindows(string $string): string
+    {
+        return \str_replace(
+            ['┌', '═', '┐', '│', '└', '─', '┘'],
+            [' ', '=', ' ', '|', ' ', '-', ' '],
+            $string
+        );
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/ConstructableRendererInterface.php b/ci4app/system/ThirdParty/Kint/Renderer/ConstructableRendererInterface.php
new file mode 100644
index 0000000..686f37a
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/ConstructableRendererInterface.php
@@ -0,0 +1,33 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer;
+
+interface ConstructableRendererInterface extends RendererInterface
+{
+    public function __construct();
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/PlainRenderer.php b/ci4app/system/ThirdParty/Kint/Renderer/PlainRenderer.php
new file mode 100644
index 0000000..ac949e5
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/PlainRenderer.php
@@ -0,0 +1,217 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer;
+
+use Kint\Utils;
+use Kint\Value\AbstractValue;
+
+class PlainRenderer extends TextRenderer
+{
+    use AssetRendererTrait;
+
+    public static array $pre_render_sources = [
+        'script' => [
+            [self::class, 'renderJs'],
+        ],
+        'style' => [
+            [self::class, 'renderCss'],
+        ],
+        'raw' => [],
+    ];
+
+    /**
+     * Output htmlentities instead of utf8.
+     */
+    public static bool $disable_utf8 = false;
+
+    public static bool $needs_pre_render = true;
+
+    public static bool $always_pre_render = false;
+
+    protected bool $force_pre_render = false;
+
+    public function __construct()
+    {
+        parent::__construct();
+        self::$theme ??= 'plain.css';
+        $this->setForcePreRender(self::$always_pre_render);
+    }
+
+    public function setCallInfo(array $info): void
+    {
+        parent::setCallInfo($info);
+
+        if (\in_array('@', $info['modifiers'], true)) {
+            $this->setForcePreRender(true);
+        }
+    }
+
+    public function setStatics(array $statics): void
+    {
+        parent::setStatics($statics);
+
+        if (!empty($statics['return'])) {
+            $this->setForcePreRender(true);
+        }
+    }
+
+    public function setForcePreRender(bool $force_pre_render): void
+    {
+        $this->force_pre_render = $force_pre_render;
+    }
+
+    public function getForcePreRender(): bool
+    {
+        return $this->force_pre_render;
+    }
+
+    public function shouldPreRender(): bool
+    {
+        return $this->getForcePreRender() || self::$needs_pre_render;
+    }
+
+    public function colorValue(string $string): string
+    {
+        return '<i>'.$string.'</i>';
+    }
+
+    public function colorType(string $string): string
+    {
+        return '<b>'.$string.'</b>';
+    }
+
+    public function colorTitle(string $string): string
+    {
+        return '<u>'.$string.'</u>';
+    }
+
+    public function renderTitle(AbstractValue $v): string
+    {
+        if (self::$disable_utf8) {
+            return $this->utf8ToHtmlentity(parent::renderTitle($v));
+        }
+
+        return parent::renderTitle($v);
+    }
+
+    public function preRender(): string
+    {
+        $output = '';
+
+        if ($this->shouldPreRender()) {
+            foreach (self::$pre_render_sources as $type => $values) {
+                $contents = '';
+                foreach ($values as $v) {
+                    $contents .= \call_user_func($v, $this);
+                }
+
+                if (!\strlen($contents)) {
+                    continue;
+                }
+
+                switch ($type) {
+                    case 'script':
+                        $output .= '<script class="kint-plain-script"';
+                        if (null !== self::$js_nonce) {
+                            $output .= ' nonce="'.\htmlspecialchars(self::$js_nonce).'"';
+                        }
+                        $output .= '>'.$contents.'</script>';
+                        break;
+                    case 'style':
+                        $output .= '<style class="kint-plain-style"';
+                        if (null !== self::$css_nonce) {
+                            $output .= ' nonce="'.\htmlspecialchars(self::$css_nonce).'"';
+                        }
+                        $output .= '>'.$contents.'</style>';
+                        break;
+                    default:
+                        $output .= $contents;
+                }
+            }
+
+            // Don't pre-render on every dump
+            if (!$this->getForcePreRender()) {
+                self::$needs_pre_render = false;
+            }
+        }
+
+        return $output.'<div class="kint-plain">';
+    }
+
+    public function postRender(): string
+    {
+        if (self::$disable_utf8) {
+            return $this->utf8ToHtmlentity(parent::postRender()).'</div>';
+        }
+
+        return parent::postRender().'</div>';
+    }
+
+    public function ideLink(string $file, int $line): string
+    {
+        $path = $this->escape(Utils::shortenPath($file)).':'.$line;
+        $ideLink = self::getFileLink($file, $line);
+
+        if (null === $ideLink) {
+            return $path;
+        }
+
+        return '<a href="'.$this->escape($ideLink).'">'.$path.'</a>';
+    }
+
+    public function escape(string $string, $encoding = false): string
+    {
+        if (false === $encoding) {
+            $encoding = Utils::detectEncoding($string);
+        }
+
+        $original_encoding = $encoding;
+
+        if (false === $encoding || 'ASCII' === $encoding) {
+            $encoding = 'UTF-8';
+        }
+
+        $string = \htmlspecialchars($string, ENT_NOQUOTES, $encoding);
+
+        // this call converts all non-ASCII characters into numeirc htmlentities
+        if (\function_exists('mb_encode_numericentity') && 'ASCII' !== $original_encoding) {
+            $string = \mb_encode_numericentity($string, [0x80, 0xFFFF, 0, 0xFFFF], $encoding);
+        }
+
+        return $string;
+    }
+
+    protected function utf8ToHtmlentity(string $string): string
+    {
+        return \str_replace(
+            ['┌', '═', '┐', '│', '└', '─', '┘'],
+            ['&#9484;', '&#9552;', '&#9488;', '&#9474;', '&#9492;', '&#9472;', '&#9496;'],
+            $string
+        );
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/RendererInterface.php b/ci4app/system/ThirdParty/Kint/Renderer/RendererInterface.php
new file mode 100644
index 0000000..47673b8
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/RendererInterface.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer;
+
+use Kint\Value\AbstractValue;
+
+interface RendererInterface
+{
+    public function render(AbstractValue $v): string;
+
+    public function shouldRenderObjectIds(): bool;
+
+    public function setCallInfo(array $info): void;
+
+    public function setStatics(array $statics): void;
+
+    public function filterParserPlugins(array $plugins): array;
+
+    public function preRender(): string;
+
+    public function postRender(): string;
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Rich/AbstractPlugin.php b/ci4app/system/ThirdParty/Kint/Renderer/Rich/AbstractPlugin.php
new file mode 100644
index 0000000..943b588
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Rich/AbstractPlugin.php
@@ -0,0 +1,107 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Rich;
+
+use Kint\Renderer\RichRenderer;
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\ClassDeclaredContext;
+use Kint\Value\Context\PropertyContext;
+use Kint\Value\InstanceValue;
+
+abstract class AbstractPlugin implements PluginInterface
+{
+    protected RichRenderer $renderer;
+
+    public function __construct(RichRenderer $r)
+    {
+        $this->renderer = $r;
+    }
+
+    /**
+     * @param string $content The replacement for the getValueShort contents
+     */
+    public function renderLockedHeader(AbstractValue $v, string $content): string
+    {
+        $header = '<dt class="kint-parent kint-locked">';
+
+        $c = $v->getContext();
+
+        if (RichRenderer::$access_paths && $c->getDepth() > 0 && null !== ($ap = $c->getAccessPath())) {
+            $header .= '<span class="kint-access-path-trigger" title="Show access path">&rlarr;</span>';
+        }
+
+        $header .= '<nav></nav>';
+
+        if ($c instanceof ClassDeclaredContext) {
+            $header .= '<var>'.$c->getModifiers().'</var> ';
+        }
+
+        $header .= '<dfn>'.$this->renderer->escape($v->getDisplayName()).'</dfn> ';
+
+        if ($c instanceof PropertyContext && null !== ($s = $c->getHooks())) {
+            $header .= '<var>'.$this->renderer->escape($s).'</var> ';
+        }
+
+        if (null !== ($s = $c->getOperator())) {
+            $header .= $this->renderer->escape($s, 'ASCII').' ';
+        }
+
+        $s = $v->getDisplayType();
+
+        if (RichRenderer::$escape_types) {
+            $s = $this->renderer->escape($s);
+        }
+
+        if ($c->isRef()) {
+            $s = '&amp;'.$s;
+        }
+
+        $header .= '<var>'.$s.'</var>';
+
+        if ($v instanceof InstanceValue && $this->renderer->shouldRenderObjectIds()) {
+            $header .= '#'.$v->getSplObjectId();
+        }
+
+        $header .= ' ';
+
+        if (null !== ($s = $v->getDisplaySize())) {
+            if (RichRenderer::$escape_types) {
+                $s = $this->renderer->escape($s);
+            }
+            $header .= '('.$s.') ';
+        }
+
+        $header .= $content;
+
+        if (!empty($ap)) {
+            $header .= '<div class="access-path">'.$this->renderer->escape($ap).'</div>';
+        }
+
+        return $header.'</dt>';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Rich/BinaryPlugin.php b/ci4app/system/ThirdParty/Kint/Renderer/Rich/BinaryPlugin.php
new file mode 100644
index 0000000..54c4033
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Rich/BinaryPlugin.php
@@ -0,0 +1,64 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Rich;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Representation\BinaryRepresentation;
+use Kint\Value\Representation\RepresentationInterface;
+
+class BinaryPlugin extends AbstractPlugin implements TabPluginInterface
+{
+    /** @psalm-var positive-int */
+    public static int $line_length = 0x10;
+    /** @psalm-var positive-int */
+    public static int $chunk_length = 0x2;
+
+    public function renderTab(RepresentationInterface $r, AbstractValue $v): ?string
+    {
+        if (!$r instanceof BinaryRepresentation) {
+            return null;
+        }
+
+        $out = '<pre>';
+
+        $lines = \str_split($r->getValue(), self::$line_length);
+
+        foreach ($lines as $index => $line) {
+            $out .= \sprintf('%08X', $index * self::$line_length).":\t";
+
+            $chunks = \str_split(\str_pad(\bin2hex($line), 2 * self::$line_length, ' '), 2 * self::$chunk_length);
+
+            $out .= \implode(' ', $chunks);
+            $out .= "\t".\preg_replace('/[^\\x20-\\x7E]/', '.', $line)."\n";
+        }
+
+        $out .= '</pre>';
+
+        return $out;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Rich/CallableDefinitionPlugin.php b/ci4app/system/ThirdParty/Kint/Renderer/Rich/CallableDefinitionPlugin.php
new file mode 100644
index 0000000..fac6915
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Rich/CallableDefinitionPlugin.php
@@ -0,0 +1,64 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Rich;
+
+use Kint\Utils;
+use Kint\Value\AbstractValue;
+use Kint\Value\MethodValue;
+use Kint\Value\Representation\CallableDefinitionRepresentation;
+use Kint\Value\Representation\RepresentationInterface;
+
+class CallableDefinitionPlugin extends AbstractPlugin implements TabPluginInterface
+{
+    public function renderTab(RepresentationInterface $r, AbstractValue $v): ?string
+    {
+        if (!$r instanceof CallableDefinitionRepresentation) {
+            return null;
+        }
+
+        $docstring = [];
+
+        if ($v instanceof MethodValue) {
+            $c = $v->getContext();
+
+            if ($c->inherited) {
+                $docstring[] = 'Inherited from '.$this->renderer->escape($c->owner_class);
+            }
+        }
+
+        $docstring[] = 'Defined in '.$this->renderer->escape(Utils::shortenPath($r->getFileName())).':'.$r->getLine();
+
+        $docstring = '<small>'.\implode("\n", $docstring).'</small>';
+
+        if (null !== ($trimmed = $r->getDocstringTrimmed())) {
+            $docstring = $this->renderer->escape($trimmed)."\n\n".$docstring;
+        }
+
+        return '<pre>'.$docstring.'</pre>';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Rich/CallablePlugin.php b/ci4app/system/ThirdParty/Kint/Renderer/Rich/CallablePlugin.php
new file mode 100644
index 0000000..2669c74
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Rich/CallablePlugin.php
@@ -0,0 +1,105 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Rich;
+
+use Kint\Renderer\RichRenderer;
+use Kint\Utils;
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\MethodContext;
+use Kint\Value\MethodValue;
+
+class CallablePlugin extends AbstractPlugin implements ValuePluginInterface
+{
+    protected static array $method_cache = [];
+
+    public function renderValue(AbstractValue $v): ?string
+    {
+        if (!$v instanceof MethodValue) {
+            return null;
+        }
+
+        $c = $v->getContext();
+
+        if (!$c instanceof MethodContext) {
+            return null;
+        }
+
+        if (!isset(self::$method_cache[$c->owner_class][$c->name])) {
+            $children = $this->renderer->renderChildren($v);
+
+            $header = '<var>'.$c->getModifiers();
+
+            if ($v->getCallableBag()->return_reference) {
+                $header .= ' &amp;';
+            }
+
+            $header .= '</var> ';
+
+            $function = $this->renderer->escape($v->getDisplayName());
+
+            if (null !== ($url = $v->getPhpDocUrl())) {
+                $function = '<a href="'.$url.'" target=_blank>'.$function.'</a>';
+            }
+
+            $header .= '<dfn>'.$function.'</dfn>';
+
+            if (null !== ($rt = $v->getCallableBag()->returntype)) {
+                $header .= ': <var>';
+                $header .= $this->renderer->escape($rt).'</var>';
+            } elseif (null !== ($ds = $v->getCallableBag()->docstring)) {
+                if (\preg_match('/@return\\s+(.*)\\r?\\n/m', $ds, $matches)) {
+                    if (\trim($matches[1])) {
+                        $header .= ': <var>'.$this->renderer->escape(\trim($matches[1])).'</var>';
+                    }
+                }
+            }
+
+            if (null !== ($s = $v->getDisplayValue())) {
+                if (RichRenderer::$strlen_max) {
+                    $s = Utils::truncateString($s, RichRenderer::$strlen_max);
+                }
+                $header .= ' '.$this->renderer->escape($s);
+            }
+
+            self::$method_cache[$c->owner_class][$c->name] = [
+                'header' => $header,
+                'children' => $children,
+            ];
+        }
+
+        $children = self::$method_cache[$c->owner_class][$c->name]['children'];
+
+        $header = $this->renderer->renderHeaderWrapper(
+            $c,
+            (bool) \strlen($children),
+            self::$method_cache[$c->owner_class][$c->name]['header']
+        );
+
+        return '<dl>'.$header.$children.'</dl>';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Rich/ColorPlugin.php b/ci4app/system/ThirdParty/Kint/Renderer/Rich/ColorPlugin.php
new file mode 100644
index 0000000..cce22be
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Rich/ColorPlugin.php
@@ -0,0 +1,102 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Rich;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Representation\ColorRepresentation;
+use Kint\Value\Representation\RepresentationInterface;
+
+class ColorPlugin extends AbstractPlugin implements TabPluginInterface, ValuePluginInterface
+{
+    public function renderValue(AbstractValue $v): ?string
+    {
+        $r = $v->getRepresentation('color');
+
+        if (!$r instanceof ColorRepresentation) {
+            return null;
+        }
+
+        $children = $this->renderer->renderChildren($v);
+
+        $header = $this->renderer->renderHeader($v);
+        $header .= '<div class="kint-color-preview"><div style="background:';
+        $header .= $r->getColor(ColorRepresentation::COLOR_RGBA);
+        $header .= '"></div></div>';
+
+        $header = $this->renderer->renderHeaderWrapper($v->getContext(), (bool) \strlen($children), $header);
+
+        return '<dl>'.$header.$children.'</dl>';
+    }
+
+    public function renderTab(RepresentationInterface $r, AbstractValue $v): ?string
+    {
+        if (!$r instanceof ColorRepresentation) {
+            return null;
+        }
+
+        $out = '';
+
+        if ($color = $r->getColor(ColorRepresentation::COLOR_NAME)) {
+            $out .= '<dfn>'.$color."</dfn>\n";
+        }
+        if ($color = $r->getColor(ColorRepresentation::COLOR_HEX_3)) {
+            $out .= '<dfn>'.$color."</dfn>\n";
+        }
+        if ($color = $r->getColor(ColorRepresentation::COLOR_HEX_6)) {
+            $out .= '<dfn>'.$color."</dfn>\n";
+        }
+
+        if ($r->hasAlpha()) {
+            if ($color = $r->getColor(ColorRepresentation::COLOR_HEX_4)) {
+                $out .= '<dfn>'.$color."</dfn>\n";
+            }
+            if ($color = $r->getColor(ColorRepresentation::COLOR_HEX_8)) {
+                $out .= '<dfn>'.$color."</dfn>\n";
+            }
+            if ($color = $r->getColor(ColorRepresentation::COLOR_RGBA)) {
+                $out .= '<dfn>'.$color."</dfn>\n";
+            }
+            if ($color = $r->getColor(ColorRepresentation::COLOR_HSLA)) {
+                $out .= '<dfn>'.$color."</dfn>\n";
+            }
+        } else {
+            if ($color = $r->getColor(ColorRepresentation::COLOR_RGB)) {
+                $out .= '<dfn>'.$color."</dfn>\n";
+            }
+            if ($color = $r->getColor(ColorRepresentation::COLOR_HSL)) {
+                $out .= '<dfn>'.$color."</dfn>\n";
+            }
+        }
+
+        if (!\strlen($out)) {
+            return null;
+        }
+
+        return '<pre>'.$out.'</pre>';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Rich/LockPlugin.php b/ci4app/system/ThirdParty/Kint/Renderer/Rich/LockPlugin.php
new file mode 100644
index 0000000..5a6c2aa
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Rich/LockPlugin.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Rich;
+
+use Kint\Value\AbstractValue;
+
+class LockPlugin extends AbstractPlugin implements ValuePluginInterface
+{
+    public function renderValue(AbstractValue $v): ?string
+    {
+        switch ($v->getHint()) {
+            case 'blacklist':
+                return '<dl>'.$this->renderLockedHeader($v, '<var>Blacklisted</var>').'</dl>';
+            case 'recursion':
+                return '<dl>'.$this->renderLockedHeader($v, '<var>Recursion</var>').'</dl>';
+            case 'depth_limit':
+                return '<dl>'.$this->renderLockedHeader($v, '<var>Depth Limit</var>').'</dl>';
+            case 'array_limit':
+                return '<dl>'.$this->renderLockedHeader($v, '<var>Array Limit</var>').'</dl>';
+        }
+
+        return null;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Rich/MicrotimePlugin.php b/ci4app/system/ThirdParty/Kint/Renderer/Rich/MicrotimePlugin.php
new file mode 100644
index 0000000..8b2480d
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Rich/MicrotimePlugin.php
@@ -0,0 +1,66 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Rich;
+
+use Kint\Utils;
+use Kint\Value\AbstractValue;
+use Kint\Value\Representation\MicrotimeRepresentation;
+use Kint\Value\Representation\RepresentationInterface;
+
+class MicrotimePlugin extends AbstractPlugin implements TabPluginInterface
+{
+    public function renderTab(RepresentationInterface $r, AbstractValue $v): ?string
+    {
+        if (!$r instanceof MicrotimeRepresentation || !($dt = $r->getDateTime())) {
+            return null;
+        }
+
+        $out = $dt->format('Y-m-d H:i:s.u');
+        if (null !== ($lap = $r->getLapTime())) {
+            $out .= '<br><b>SINCE LAST CALL:</b> <span class="kint-microtime-lap">'.\round($lap, 4).'</span>s.';
+        }
+        if (null !== ($total = $r->getTotalTime())) {
+            $out .= '<br><b>SINCE START:</b> '.\round($total, 4).'s.';
+        }
+        if (null !== ($avg = $r->getAverageTime())) {
+            $out .= '<br><b>AVERAGE DURATION:</b> <span class="kint-microtime-avg">'.\round($avg, 4).'</span>s.';
+        }
+
+        $bytes = Utils::getHumanReadableBytes($r->getMemoryUsage());
+        $out .= '<br><b>MEMORY USAGE:</b> '.$r->getMemoryUsage().' bytes ('.\round($bytes['value'], 3).' '.$bytes['unit'].')';
+        $bytes = Utils::getHumanReadableBytes($r->getMemoryUsageReal());
+        $out .= ' (real '.\round($bytes['value'], 3).' '.$bytes['unit'].')';
+
+        $bytes = Utils::getHumanReadableBytes($r->getMemoryPeakUsage());
+        $out .= '<br><b>PEAK MEMORY USAGE:</b> '.$r->getMemoryPeakUsage().' bytes ('.\round($bytes['value'], 3).' '.$bytes['unit'].')';
+        $bytes = Utils::getHumanReadableBytes($r->getMemoryPeakUsageReal());
+        $out .= ' (real '.\round($bytes['value'], 3).' '.$bytes['unit'].')';
+
+        return '<pre data-kint-microtime-group="'.$r->getGroup().'">'.$out.'</pre>';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Rich/PluginInterface.php b/ci4app/system/ThirdParty/Kint/Renderer/Rich/PluginInterface.php
new file mode 100644
index 0000000..bbdb8ac
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Rich/PluginInterface.php
@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Rich;
+
+use Kint\Renderer\RichRenderer;
+
+interface PluginInterface
+{
+    public function __construct(RichRenderer $r);
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Rich/ProfilePlugin.php b/ci4app/system/ThirdParty/Kint/Renderer/Rich/ProfilePlugin.php
new file mode 100644
index 0000000..358a71b
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Rich/ProfilePlugin.php
@@ -0,0 +1,56 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Rich;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Representation\ProfileRepresentation;
+use Kint\Value\Representation\RepresentationInterface;
+
+class ProfilePlugin extends AbstractPlugin implements TabPluginInterface
+{
+    public function renderTab(RepresentationInterface $r, AbstractValue $v): ?string
+    {
+        if (!$r instanceof ProfileRepresentation) {
+            return null;
+        }
+
+        $out = '<pre>';
+
+        $out .= 'Complexity: '.$r->complexity.PHP_EOL;
+        if (isset($r->instance_counts)) {
+            $out .= 'Instance repetitions: '.\var_export($r->instance_counts, true).PHP_EOL;
+        }
+        if (isset($r->instance_complexity)) {
+            $out .= 'Instance complexity: '.\var_export($r->instance_complexity, true).PHP_EOL;
+        }
+
+        $out .= '</pre>';
+
+        return $out;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Rich/SourcePlugin.php b/ci4app/system/ThirdParty/Kint/Renderer/Rich/SourcePlugin.php
new file mode 100644
index 0000000..ed3bdf1
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Rich/SourcePlugin.php
@@ -0,0 +1,82 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Rich;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Representation\RepresentationInterface;
+use Kint\Value\Representation\SourceRepresentation;
+
+class SourcePlugin extends AbstractPlugin implements TabPluginInterface
+{
+    public function renderTab(RepresentationInterface $r, AbstractValue $v): ?string
+    {
+        if (!$r instanceof SourceRepresentation) {
+            return null;
+        }
+
+        $source = $r->getSourceLines();
+
+        // Trim empty lines from the start and end of the source
+        foreach ($source as $linenum => $line) {
+            if (\strlen(\trim($line)) || $linenum === $r->getLine()) {
+                break;
+            }
+
+            unset($source[$linenum]);
+        }
+
+        foreach (\array_reverse($source, true) as $linenum => $line) {
+            if (\strlen(\trim($line)) || $linenum === $r->getLine()) {
+                break;
+            }
+
+            unset($source[$linenum]);
+        }
+
+        $output = '';
+
+        foreach ($source as $linenum => $line) {
+            if ($linenum === $r->getLine()) {
+                $output .= '<div class="kint-highlight">'.$this->renderer->escape($line)."\n".'</div>';
+            } else {
+                $output .= '<div>'.$this->renderer->escape($line)."\n".'</div>';
+            }
+        }
+
+        if ($output) {
+            $data = '';
+            if ($r->showFileName()) {
+                $data = ' data-kint-filename="'.$this->renderer->escape($r->getFileName()).'"';
+            }
+
+            return '<div><pre class="kint-source"'.$data.' style="counter-reset: kint-l '.((int) \array_key_first($source) - 1).';">'.$output.'</pre></div><div></div>';
+        }
+
+        return null;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Rich/TabPluginInterface.php b/ci4app/system/ThirdParty/Kint/Renderer/Rich/TabPluginInterface.php
new file mode 100644
index 0000000..4413630
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Rich/TabPluginInterface.php
@@ -0,0 +1,36 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Rich;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Representation\RepresentationInterface;
+
+interface TabPluginInterface extends PluginInterface
+{
+    public function renderTab(RepresentationInterface $r, AbstractValue $v): ?string;
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Rich/TablePlugin.php b/ci4app/system/ThirdParty/Kint/Renderer/Rich/TablePlugin.php
new file mode 100644
index 0000000..db32f4e
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Rich/TablePlugin.php
@@ -0,0 +1,132 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Rich;
+
+use Kint\Renderer\RichRenderer;
+use Kint\Utils;
+use Kint\Value\AbstractValue;
+use Kint\Value\ArrayValue;
+use Kint\Value\FixedWidthValue;
+use Kint\Value\Representation\RepresentationInterface;
+use Kint\Value\Representation\TableRepresentation;
+use Kint\Value\StringValue;
+
+class TablePlugin extends AbstractPlugin implements TabPluginInterface
+{
+    public static bool $respect_str_length = true;
+
+    public function renderTab(RepresentationInterface $r, AbstractValue $v): ?string
+    {
+        if (!$r instanceof TableRepresentation) {
+            return null;
+        }
+
+        $contents = $r->getContents();
+
+        $firstrow = \reset($contents);
+
+        if (!$firstrow instanceof ArrayValue) {
+            return null;
+        }
+
+        $out = '<pre><table><thead><tr><th></th>';
+
+        foreach ($firstrow->getContents() as $field) {
+            $out .= '<th>'.$this->renderer->escape($field->getDisplayName()).'</th>';
+        }
+
+        $out .= '</tr></thead><tbody>';
+
+        foreach ($contents as $row) {
+            if (!$row instanceof ArrayValue) {
+                return null;
+            }
+
+            $out .= '<tr><th>'.$this->renderer->escape($row->getDisplayName()).'</th>';
+
+            foreach ($row->getContents() as $field) {
+                $ref = $field->getContext()->isRef() ? '&amp;' : '';
+                $type = $this->renderer->escape($field->getDisplayType());
+
+                $out .= '<td title="'.$ref.$type;
+
+                if (null !== ($size = $field->getDisplaySize())) {
+                    $size = $this->renderer->escape($size);
+                    $out .= ' ('.$size.')';
+                }
+
+                $out .= '">';
+
+                if ($field instanceof FixedWidthValue) {
+                    if (null === ($dv = $field->getDisplayValue())) {
+                        $out .= '<var>'.$ref.'null</var>';
+                    } elseif ('boolean' === $field->getType()) {
+                        $out .= '<var>'.$ref.$dv.'</var>';
+                    } else {
+                        $out .= $dv;
+                    }
+                } elseif ($field instanceof StringValue) {
+                    if (false !== $field->getEncoding()) {
+                        $val = $field->getValueUtf8();
+
+                        if (RichRenderer::$strlen_max && self::$respect_str_length) {
+                            $val = Utils::truncateString($val, RichRenderer::$strlen_max, 'UTF-8');
+                        }
+
+                        $out .= $this->renderer->escape($val);
+                    } else {
+                        $out .= '<var>'.$ref.$type.'</var>';
+                    }
+                } elseif ($field instanceof ArrayValue) {
+                    $out .= '<var>'.$ref.'array</var> ('.$field->getSize().')';
+                } else {
+                    $out .= '<var>'.$ref.$type.'</var>';
+                    if (null !== $size) {
+                        $out .= ' ('.$size.')';
+                    }
+                }
+
+                if ($field->flags & AbstractValue::FLAG_BLACKLIST) {
+                    $out .= ' <var>Blacklisted</var>';
+                } elseif ($field->flags & AbstractValue::FLAG_RECURSION) {
+                    $out .= ' <var>Recursion</var>';
+                } elseif ($field->flags & AbstractValue::FLAG_DEPTH_LIMIT) {
+                    $out .= ' <var>Depth Limit</var>';
+                }
+
+                $out .= '</td>';
+            }
+
+            $out .= '</tr>';
+        }
+
+        $out .= '</tbody></table></pre>';
+
+        return $out;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Rich/TraceFramePlugin.php b/ci4app/system/ThirdParty/Kint/Renderer/Rich/TraceFramePlugin.php
new file mode 100644
index 0000000..7ce87b5
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Rich/TraceFramePlugin.php
@@ -0,0 +1,69 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Rich;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\MethodValue;
+use Kint\Value\TraceFrameValue;
+
+class TraceFramePlugin extends AbstractPlugin implements ValuePluginInterface
+{
+    public function renderValue(AbstractValue $v): ?string
+    {
+        if (!$v instanceof TraceFrameValue) {
+            return null;
+        }
+
+        if (null !== ($file = $v->getFile()) && null !== ($line = $v->getLine())) {
+            $header = '<var>'.$this->renderer->ideLink($file, $line).'</var> ';
+        } else {
+            $header = '<var>PHP internal call</var> ';
+        }
+
+        if ($callable = $v->getCallable()) {
+            if ($callable instanceof MethodValue) {
+                $function = $callable->getFullyQualifiedDisplayName();
+            } else {
+                $function = $callable->getDisplayName();
+            }
+
+            $function = $this->renderer->escape($function);
+
+            if (null !== ($url = $callable->getPhpDocUrl())) {
+                $function = '<a href="'.$url.'" target=_blank>'.$function.'</a>';
+            }
+
+            $header .= $function;
+        }
+
+        $children = $this->renderer->renderChildren($v);
+        $header = $this->renderer->renderHeaderWrapper($v->getContext(), (bool) \strlen($children), $header);
+
+        return '<dl>'.$header.$children.'</dl>';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Rich/ValuePluginInterface.php b/ci4app/system/ThirdParty/Kint/Renderer/Rich/ValuePluginInterface.php
new file mode 100644
index 0000000..f34cd68
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Rich/ValuePluginInterface.php
@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Rich;
+
+use Kint\Value\AbstractValue;
+
+interface ValuePluginInterface extends PluginInterface
+{
+    public function renderValue(AbstractValue $v): ?string;
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/RichRenderer.php b/ci4app/system/ThirdParty/Kint/Renderer/RichRenderer.php
new file mode 100644
index 0000000..3a8fdc6
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/RichRenderer.php
@@ -0,0 +1,623 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer;
+
+use Kint\Renderer\Rich\TabPluginInterface;
+use Kint\Renderer\Rich\ValuePluginInterface;
+use Kint\Utils;
+use Kint\Value\AbstractValue;
+use Kint\Value\Context\ClassDeclaredContext;
+use Kint\Value\Context\ContextInterface;
+use Kint\Value\Context\PropertyContext;
+use Kint\Value\InstanceValue;
+use Kint\Value\Representation;
+use Kint\Value\Representation\ContainerRepresentation;
+use Kint\Value\Representation\RepresentationInterface;
+use Kint\Value\Representation\StringRepresentation;
+use Kint\Value\Representation\ValueRepresentation;
+use Kint\Value\StringValue;
+
+/**
+ * @psalm-import-type Encoding from StringValue
+ */
+class RichRenderer extends AbstractRenderer
+{
+    use AssetRendererTrait;
+
+    /**
+     * RichRenderer value plugins should implement ValuePluginInterface.
+     *
+     * @psalm-var class-string<ValuePluginInterface>[]
+     */
+    public static array $value_plugins = [
+        'array_limit' => Rich\LockPlugin::class,
+        'blacklist' => Rich\LockPlugin::class,
+        'callable' => Rich\CallablePlugin::class,
+        'color' => Rich\ColorPlugin::class,
+        'depth_limit' => Rich\LockPlugin::class,
+        'recursion' => Rich\LockPlugin::class,
+        'trace_frame' => Rich\TraceFramePlugin::class,
+    ];
+
+    /**
+     * RichRenderer tab plugins should implement TabPluginInterface.
+     *
+     * @psalm-var array<string, class-string<TabPluginInterface>>
+     */
+    public static array $tab_plugins = [
+        'binary' => Rich\BinaryPlugin::class,
+        'callable' => Rich\CallableDefinitionPlugin::class,
+        'color' => Rich\ColorPlugin::class,
+        'microtime' => Rich\MicrotimePlugin::class,
+        'profiling' => Rich\ProfilePlugin::class,
+        'source' => Rich\SourcePlugin::class,
+        'table' => Rich\TablePlugin::class,
+    ];
+
+    public static array $pre_render_sources = [
+        'script' => [
+            [self::class, 'renderJs'],
+        ],
+        'style' => [
+            [self::class, 'renderCss'],
+        ],
+        'raw' => [],
+    ];
+
+    /**
+     * The maximum length of a string before it is truncated.
+     *
+     * Falsey to disable
+     */
+    public static int $strlen_max = 80;
+
+    /**
+     * Timestamp to print in footer in date() format.
+     */
+    public static ?string $timestamp = null;
+
+    /**
+     * Whether or not to render access paths.
+     *
+     * Access paths can become incredibly heavy with very deep and wide
+     * structures. Given mostly public variables it will typically make
+     * up one quarter of the output HTML size.
+     *
+     * If this is an unacceptably large amount and your browser is groaning
+     * under the weight of the access paths - your first order of buisiness
+     * should be to get a new browser. Failing that, use this to turn them off.
+     */
+    public static bool $access_paths = true;
+
+    /**
+     * Assume types and sizes don't need to be escaped.
+     *
+     * Turn this off if you use anything but ascii in your class names,
+     * but it'll cause a slowdown of around 10%
+     */
+    public static bool $escape_types = false;
+
+    /**
+     * Move all dumps to a folder at the bottom of the body.
+     */
+    public static bool $folder = false;
+
+    public static bool $needs_pre_render = true;
+    public static bool $always_pre_render = false;
+
+    protected array $plugin_objs = [];
+    protected bool $expand = false;
+    protected bool $force_pre_render = false;
+    protected bool $use_folder = false;
+
+    public function __construct()
+    {
+        parent::__construct();
+        self::$theme ??= 'original.css';
+        $this->use_folder = self::$folder;
+        $this->force_pre_render = self::$always_pre_render;
+    }
+
+    public function setCallInfo(array $info): void
+    {
+        parent::setCallInfo($info);
+
+        if (\in_array('!', $info['modifiers'], true)) {
+            $this->expand = true;
+            $this->use_folder = false;
+        }
+
+        if (\in_array('@', $info['modifiers'], true)) {
+            $this->force_pre_render = true;
+        }
+    }
+
+    public function setStatics(array $statics): void
+    {
+        parent::setStatics($statics);
+
+        if (!empty($statics['expanded'])) {
+            $this->expand = true;
+        }
+
+        if (!empty($statics['return'])) {
+            $this->force_pre_render = true;
+        }
+    }
+
+    public function shouldPreRender(): bool
+    {
+        return $this->force_pre_render || self::$needs_pre_render;
+    }
+
+    public function render(AbstractValue $v): string
+    {
+        $render_spl_ids_stash = $this->render_spl_ids;
+
+        if ($this->render_spl_ids && $v->flags & AbstractValue::FLAG_GENERATED) {
+            $this->render_spl_ids = false;
+        }
+
+        if ($plugin = $this->getValuePlugin($v)) {
+            $output = $plugin->renderValue($v);
+            if (null !== $output && \strlen($output)) {
+                if (!$this->render_spl_ids && $render_spl_ids_stash) {
+                    $this->render_spl_ids = true;
+                }
+
+                return $output;
+            }
+        }
+
+        $children = $this->renderChildren($v);
+        $header = $this->renderHeaderWrapper($v->getContext(), (bool) \strlen($children), $this->renderHeader($v));
+
+        if (!$this->render_spl_ids && $render_spl_ids_stash) {
+            $this->render_spl_ids = true;
+        }
+
+        return '<dl>'.$header.$children.'</dl>';
+    }
+
+    public function renderHeaderWrapper(ContextInterface $c, bool $has_children, string $contents): string
+    {
+        $out = '<dt';
+
+        if ($has_children) {
+            $out .= ' class="kint-parent';
+
+            if ($this->expand) {
+                $out .= ' kint-show';
+            }
+
+            $out .= '"';
+        }
+
+        $out .= '>';
+
+        if (self::$access_paths && $c->getDepth() > 0 && null !== ($ap = $c->getAccessPath())) {
+            $out .= '<span class="kint-access-path-trigger" title="Show access path"></span>';
+        }
+
+        if ($has_children) {
+            if (0 === $c->getDepth()) {
+                if (!$this->use_folder) {
+                    $out .= '<span class="kint-folder-trigger" title="Move to folder"></span>';
+                }
+                $out .= '<span class="kint-search-trigger" title="Show search box"></span>';
+                $out .= '<input type="text" class="kint-search" value="">';
+            }
+
+            $out .= '<nav></nav>';
+        }
+
+        $out .= $contents;
+
+        if (!empty($ap)) {
+            $out .= '<div class="access-path">'.$this->escape($ap).'</div>';
+        }
+
+        return $out.'</dt>';
+    }
+
+    public function renderHeader(AbstractValue $v): string
+    {
+        $c = $v->getContext();
+
+        $output = '';
+
+        if ($c instanceof ClassDeclaredContext) {
+            $output .= '<var>'.$c->getModifiers().'</var> ';
+        }
+
+        $output .= '<dfn>'.$this->escape($v->getDisplayName()).'</dfn> ';
+
+        if ($c instanceof PropertyContext && null !== ($s = $c->getHooks())) {
+            $output .= '<var>'.$this->escape($s).'</var> ';
+        }
+
+        if (null !== ($s = $c->getOperator())) {
+            $output .= $this->escape($s, 'ASCII').' ';
+        }
+
+        $s = $v->getDisplayType();
+        if (self::$escape_types) {
+            $s = $this->escape($s);
+        }
+
+        if ($c->isRef()) {
+            $s = '&amp;'.$s;
+        }
+
+        $output .= '<var>'.$s.'</var>';
+
+        if ($v instanceof InstanceValue && $this->shouldRenderObjectIds()) {
+            $output .= '#'.$v->getSplObjectId();
+        }
+
+        $output .= ' ';
+
+        if (null !== ($s = $v->getDisplaySize())) {
+            if (self::$escape_types) {
+                $s = $this->escape($s);
+            }
+            $output .= '('.$s.') ';
+        }
+
+        if (null !== ($s = $v->getDisplayValue())) {
+            $s = \preg_replace('/\\s+/', ' ', $s);
+
+            if (self::$strlen_max) {
+                $s = Utils::truncateString($s, self::$strlen_max);
+            }
+
+            $output .= $this->escape($s);
+        }
+
+        return \trim($output);
+    }
+
+    public function renderChildren(AbstractValue $v): string
+    {
+        $contents = [];
+        $tabs = [];
+
+        foreach ($v->getRepresentations() as $rep) {
+            $result = $this->renderTab($v, $rep);
+            if (\strlen($result)) {
+                $contents[] = $result;
+                $tabs[] = $rep;
+            }
+        }
+
+        if (empty($tabs)) {
+            return '';
+        }
+
+        $output = '<dd>';
+
+        if (1 === \count($tabs) && $tabs[0]->labelIsImplicit()) {
+            $output .= \reset($contents);
+        } else {
+            $output .= '<ul class="kint-tabs">';
+
+            foreach ($tabs as $i => $tab) {
+                if (0 === $i) {
+                    $output .= '<li class="kint-active-tab">';
+                } else {
+                    $output .= '<li>';
+                }
+
+                $output .= $this->escape($tab->getLabel()).'</li>';
+            }
+
+            $output .= '</ul><ul class="kint-tab-contents">';
+
+            foreach ($contents as $i => $tab) {
+                if (0 === $i) {
+                    $output .= '<li class="kint-show">';
+                } else {
+                    $output .= '<li>';
+                }
+
+                $output .= $tab.'</li>';
+            }
+
+            $output .= '</ul>';
+        }
+
+        return $output.'</dd>';
+    }
+
+    public function preRender(): string
+    {
+        $output = '';
+
+        if ($this->shouldPreRender()) {
+            foreach (self::$pre_render_sources as $type => $values) {
+                $contents = '';
+                foreach ($values as $v) {
+                    $contents .= \call_user_func($v, $this);
+                }
+
+                if (!\strlen($contents)) {
+                    continue;
+                }
+
+                switch ($type) {
+                    case 'script':
+                        $output .= '<script class="kint-rich-script"';
+                        if (null !== self::$js_nonce) {
+                            $output .= ' nonce="'.\htmlspecialchars(self::$js_nonce).'"';
+                        }
+                        $output .= '>'.$contents.'</script>';
+                        break;
+                    case 'style':
+                        $output .= '<style class="kint-rich-style"';
+                        if (null !== self::$css_nonce) {
+                            $output .= ' nonce="'.\htmlspecialchars(self::$css_nonce).'"';
+                        }
+                        $output .= '>'.$contents.'</style>';
+                        break;
+                    default:
+                        $output .= $contents;
+                }
+            }
+
+            // Don't pre-render on every dump
+            if (!$this->force_pre_render) {
+                self::$needs_pre_render = false;
+            }
+        }
+
+        $output .= '<div class="kint-rich';
+
+        if ($this->use_folder) {
+            $output .= ' kint-file';
+        }
+
+        $output .= '">';
+
+        return $output;
+    }
+
+    public function postRender(): string
+    {
+        if (!$this->show_trace) {
+            return '</div>';
+        }
+
+        $output = '<footer';
+
+        if ($this->expand) {
+            $output .= ' class="kint-show"';
+        }
+
+        $output .= '>';
+
+        if (!$this->use_folder) {
+            $output .= '<span class="kint-folder-trigger" title="Move to folder">&mapstodown;</span>';
+        }
+
+        if (!empty($this->trace) && \count($this->trace) > 1) {
+            $output .= '<nav></nav>';
+        }
+
+        $output .= $this->calledFrom();
+
+        if (!empty($this->trace) && \count($this->trace) > 1) {
+            $output .= '<ol>';
+            foreach ($this->trace as $index => $step) {
+                if (!$index) {
+                    continue;
+                }
+
+                $output .= '<li>'.$this->ideLink($step['file'], $step['line']); // closing tag not required
+                if (isset($step['function']) &&
+                    !\in_array($step['function'], ['include', 'include_once', 'require', 'require_once'], true)
+                ) {
+                    $output .= ' [';
+                    $output .= $step['class'] ?? '';
+                    $output .= $step['type'] ?? '';
+                    $output .= $step['function'].'()]';
+                }
+            }
+            $output .= '</ol>';
+        }
+
+        $output .= '</footer></div>';
+
+        return $output;
+    }
+
+    /**
+     * @psalm-param Encoding $encoding
+     */
+    public function escape(string $string, $encoding = false): string
+    {
+        if (false === $encoding) {
+            $encoding = Utils::detectEncoding($string);
+        }
+
+        $original_encoding = $encoding;
+
+        if (false === $encoding || 'ASCII' === $encoding) {
+            $encoding = 'UTF-8';
+        }
+
+        $string = \htmlspecialchars($string, ENT_NOQUOTES, $encoding);
+
+        // this call converts all non-ASCII characters into numeirc htmlentities
+        if (\function_exists('mb_encode_numericentity') && 'ASCII' !== $original_encoding) {
+            $string = \mb_encode_numericentity($string, [0x80, 0xFFFF, 0, 0xFFFF], $encoding);
+        }
+
+        return $string;
+    }
+
+    public function ideLink(string $file, int $line): string
+    {
+        $path = $this->escape(Utils::shortenPath($file)).':'.$line;
+        $ideLink = self::getFileLink($file, $line);
+
+        if (null === $ideLink) {
+            return $path;
+        }
+
+        return '<a href="'.$this->escape($ideLink).'">'.$path.'</a>';
+    }
+
+    protected function calledFrom(): string
+    {
+        $output = '';
+
+        if (isset($this->callee['file'])) {
+            $output .= ' '.$this->ideLink(
+                $this->callee['file'],
+                $this->callee['line']
+            );
+        }
+
+        if (
+            isset($this->callee['function']) &&
+            (
+                !empty($this->callee['class']) ||
+                !\in_array(
+                    $this->callee['function'],
+                    ['include', 'include_once', 'require', 'require_once'],
+                    true
+                )
+            )
+        ) {
+            $output .= ' [';
+            $output .= $this->callee['class'] ?? '';
+            $output .= $this->callee['type'] ?? '';
+            $output .= $this->callee['function'].'()]';
+        }
+
+        if ('' !== $output) {
+            $output = 'Called from'.$output;
+        }
+
+        if (null !== self::$timestamp) {
+            $output .= ' '.\date(self::$timestamp);
+        }
+
+        return $output;
+    }
+
+    protected function renderTab(AbstractValue $v, RepresentationInterface $rep): string
+    {
+        if ($plugin = $this->getTabPlugin($rep)) {
+            $output = $plugin->renderTab($rep, $v);
+            if (null !== $output) {
+                return $output;
+            }
+        }
+
+        if ($rep instanceof ValueRepresentation) {
+            return $this->render($rep->getValue());
+        }
+
+        if ($rep instanceof ContainerRepresentation) {
+            $output = '';
+
+            foreach ($rep->getContents() as $obj) {
+                $output .= $this->render($obj);
+            }
+
+            return $output;
+        }
+
+        if ($rep instanceof StringRepresentation) {
+            // If we're dealing with the content representation
+            if ($v instanceof StringValue && $rep->getValue() === $v->getValue()) {
+                // Only show the contents if:
+                if (\preg_match('/(:?[\\r\\n\\t\\f\\v]| {2})/', $rep->getValue())) {
+                    // We have unrepresentable whitespace (Without whitespace preservation)
+                    $show_contents = true;
+                } elseif (self::$strlen_max && Utils::strlen($v->getDisplayValue()) > self::$strlen_max) {
+                    // We had to truncate getDisplayValue
+                    $show_contents = true;
+                } else {
+                    $show_contents = false;
+                }
+            } else {
+                $show_contents = true;
+            }
+
+            if ($show_contents) {
+                return '<pre>'.$this->escape($rep->getValue())."\n</pre>";
+            }
+        }
+
+        return '';
+    }
+
+    protected function getValuePlugin(AbstractValue $v): ?ValuePluginInterface
+    {
+        $hint = $v->getHint();
+
+        if (null === $hint || !isset(self::$value_plugins[$hint])) {
+            return null;
+        }
+
+        $plugin = self::$value_plugins[$hint];
+
+        if (!\is_a($plugin, ValuePluginInterface::class, true)) {
+            return null;
+        }
+
+        if (!isset($this->plugin_objs[$plugin])) {
+            $this->plugin_objs[$plugin] = new $plugin($this);
+        }
+
+        return $this->plugin_objs[$plugin];
+    }
+
+    protected function getTabPlugin(RepresentationInterface $r): ?TabPluginInterface
+    {
+        $hint = $r->getHint();
+
+        if (null === $hint || !isset(self::$tab_plugins[$hint])) {
+            return null;
+        }
+
+        $plugin = self::$tab_plugins[$hint];
+
+        if (!\is_a($plugin, TabPluginInterface::class, true)) {
+            return null;
+        }
+
+        if (!isset($this->plugin_objs[$plugin])) {
+            $this->plugin_objs[$plugin] = new $plugin($this);
+        }
+
+        return $this->plugin_objs[$plugin];
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Text/AbstractPlugin.php b/ci4app/system/ThirdParty/Kint/Renderer/Text/AbstractPlugin.php
new file mode 100644
index 0000000..32de047
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Text/AbstractPlugin.php
@@ -0,0 +1,60 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Text;
+
+use Kint\Renderer\TextRenderer;
+use Kint\Value\AbstractValue;
+
+abstract class AbstractPlugin implements PluginInterface
+{
+    protected TextRenderer $renderer;
+
+    public function __construct(TextRenderer $r)
+    {
+        $this->renderer = $r;
+    }
+
+    public function renderLockedHeader(AbstractValue $v, ?string $content = null): string
+    {
+        $out = '';
+
+        if (0 === $v->getContext()->getDepth()) {
+            $out .= $this->renderer->colorTitle($this->renderer->renderTitle($v)).PHP_EOL;
+        }
+
+        $out .= $this->renderer->renderHeader($v);
+
+        if (null !== $content) {
+            $out .= ' '.$this->renderer->colorValue($content);
+        }
+
+        $out .= PHP_EOL;
+
+        return $out;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Text/LockPlugin.php b/ci4app/system/ThirdParty/Kint/Renderer/Text/LockPlugin.php
new file mode 100644
index 0000000..c9d4d6b
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Text/LockPlugin.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Text;
+
+use Kint\Value\AbstractValue;
+
+class LockPlugin extends AbstractPlugin
+{
+    public function render(AbstractValue $v): ?string
+    {
+        switch ($v->getHint()) {
+            case 'blacklist':
+                return $this->renderLockedHeader($v, 'BLACKLISTED');
+            case 'recursion':
+                return $this->renderLockedHeader($v, 'RECURSION');
+            case 'depth_limit':
+                return $this->renderLockedHeader($v, 'DEPTH LIMIT');
+            case 'array_limit':
+                return $this->renderLockedHeader($v, 'ARRAY LIMIT');
+        }
+
+        return null;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Text/MicrotimePlugin.php b/ci4app/system/ThirdParty/Kint/Renderer/Text/MicrotimePlugin.php
new file mode 100644
index 0000000..bbd8d3e
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Text/MicrotimePlugin.php
@@ -0,0 +1,126 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Text;
+
+use Kint\Renderer\PlainRenderer;
+use Kint\Renderer\TextRenderer;
+use Kint\Utils;
+use Kint\Value\AbstractValue;
+use Kint\Value\Representation\MicrotimeRepresentation;
+
+class MicrotimePlugin extends AbstractPlugin
+{
+    protected bool $useJs = false;
+
+    public function __construct(TextRenderer $r)
+    {
+        parent::__construct($r);
+
+        if ($this->renderer instanceof PlainRenderer) {
+            $this->useJs = true;
+        }
+    }
+
+    public function render(AbstractValue $v): ?string
+    {
+        $r = $v->getRepresentation('microtime');
+
+        if (!$r instanceof MicrotimeRepresentation || !($dt = $r->getDateTime())) {
+            return null;
+        }
+
+        $c = $v->getContext();
+
+        $out = '';
+
+        if (0 === $c->getDepth()) {
+            $out .= $this->renderer->colorTitle($this->renderer->renderTitle($v)).PHP_EOL;
+        }
+
+        $out .= $this->renderer->renderHeader($v);
+        $out .= $this->renderer->renderChildren($v).PHP_EOL;
+
+        $indent = \str_repeat(' ', ($c->getDepth() + 1) * $this->renderer->indent_width);
+
+        if ($this->useJs) {
+            $out .= '<span data-kint-microtime-group="'.$r->getGroup().'">';
+        }
+
+        $out .= $indent.$this->renderer->colorType('TIME:').' ';
+        $out .= $this->renderer->colorValue($dt->format('Y-m-d H:i:s.u')).PHP_EOL;
+
+        if (null !== ($lap = $r->getLapTime())) {
+            $out .= $indent.$this->renderer->colorType('SINCE LAST CALL:').' ';
+
+            $lap = \round($lap, 4);
+
+            if ($this->useJs) {
+                $lap = '<span class="kint-microtime-lap">'.$lap.'</span>';
+            }
+
+            $out .= $this->renderer->colorValue($lap.'s').'.'.PHP_EOL;
+        }
+        if (null !== ($total = $r->getTotalTime())) {
+            $out .= $indent.$this->renderer->colorType('SINCE START:').' ';
+            $out .= $this->renderer->colorValue(\round($total, 4).'s').'.'.PHP_EOL;
+        }
+        if (null !== ($avg = $r->getAverageTime())) {
+            $out .= $indent.$this->renderer->colorType('AVERAGE DURATION:').' ';
+
+            $avg = \round($avg, 4);
+
+            if ($this->useJs) {
+                $avg = '<span class="kint-microtime-avg">'.$avg.'</span>';
+            }
+
+            $out .= $this->renderer->colorValue($avg.'s').'.'.PHP_EOL;
+        }
+
+        $bytes = Utils::getHumanReadableBytes($r->getMemoryUsage());
+        $mem = $r->getMemoryUsage().' bytes ('.\round($bytes['value'], 3).' '.$bytes['unit'].')';
+        $bytes = Utils::getHumanReadableBytes($r->getMemoryUsageReal());
+        $mem .= ' (real '.\round($bytes['value'], 3).' '.$bytes['unit'].')';
+
+        $out .= $indent.$this->renderer->colorType('MEMORY USAGE:').' ';
+        $out .= $this->renderer->colorValue($mem).'.'.PHP_EOL;
+
+        $bytes = Utils::getHumanReadableBytes($r->getMemoryPeakUsage());
+        $mem = $r->getMemoryPeakUsage().' bytes ('.\round($bytes['value'], 3).' '.$bytes['unit'].')';
+        $bytes = Utils::getHumanReadableBytes($r->getMemoryPeakUsageReal());
+        $mem .= ' (real '.\round($bytes['value'], 3).' '.$bytes['unit'].')';
+
+        $out .= $indent.$this->renderer->colorType('PEAK MEMORY USAGE:').' ';
+        $out .= $this->renderer->colorValue($mem).'.'.PHP_EOL;
+
+        if ($this->useJs) {
+            $out .= '</span>';
+        }
+
+        return $out;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Text/PluginInterface.php b/ci4app/system/ThirdParty/Kint/Renderer/Text/PluginInterface.php
new file mode 100644
index 0000000..b3f51f1
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Text/PluginInterface.php
@@ -0,0 +1,38 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Text;
+
+use Kint\Renderer\TextRenderer;
+use Kint\Value\AbstractValue;
+
+interface PluginInterface
+{
+    public function __construct(TextRenderer $r);
+
+    public function render(AbstractValue $v): ?string;
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Text/SplFileInfoPlugin.php b/ci4app/system/ThirdParty/Kint/Renderer/Text/SplFileInfoPlugin.php
new file mode 100644
index 0000000..b603c97
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Text/SplFileInfoPlugin.php
@@ -0,0 +1,59 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Text;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\Representation\SplFileInfoRepresentation;
+
+class SplFileInfoPlugin extends AbstractPlugin
+{
+    public function render(AbstractValue $v): ?string
+    {
+        $r = $v->getRepresentation('splfileinfo');
+
+        if (!$r instanceof SplFileInfoRepresentation) {
+            return null;
+        }
+
+        $out = '';
+
+        $c = $v->getContext();
+
+        if (0 === $c->getDepth()) {
+            $out .= $this->renderer->colorTitle($this->renderer->renderTitle($v)).PHP_EOL;
+        }
+
+        $out .= $this->renderer->renderHeader($v);
+        if (null !== $v->getDisplayValue()) {
+            $out .= ' =>';
+        }
+        $out .= ' '.$this->renderer->colorValue($this->renderer->escape($r->getValue())).PHP_EOL;
+
+        return $out;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/Text/TracePlugin.php b/ci4app/system/ThirdParty/Kint/Renderer/Text/TracePlugin.php
new file mode 100644
index 0000000..6f2de0f
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/Text/TracePlugin.php
@@ -0,0 +1,119 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer\Text;
+
+use Kint\Value\AbstractValue;
+use Kint\Value\MethodValue;
+use Kint\Value\Representation\SourceRepresentation;
+use Kint\Value\TraceFrameValue;
+use Kint\Value\TraceValue;
+
+class TracePlugin extends AbstractPlugin
+{
+    public function render(AbstractValue $v): ?string
+    {
+        if (!$v instanceof TraceValue) {
+            return null;
+        }
+
+        $c = $v->getContext();
+
+        $out = '';
+
+        if (0 === $c->getDepth()) {
+            $out .= $this->renderer->colorTitle($this->renderer->renderTitle($v)).PHP_EOL;
+        }
+
+        $out .= $this->renderer->renderHeader($v).':'.PHP_EOL;
+
+        $indent = \str_repeat(' ', ($c->getDepth() + 1) * $this->renderer->indent_width);
+
+        $i = 1;
+        foreach ($v->getContents() as $frame) {
+            if (!$frame instanceof TraceFrameValue) {
+                continue;
+            }
+
+            $framedesc = $indent.\str_pad($i.': ', 4, ' ');
+
+            if (null !== ($file = $frame->getFile()) && null !== ($line = $frame->getLine())) {
+                $framedesc .= $this->renderer->ideLink($file, $line).PHP_EOL;
+            } else {
+                $framedesc .= 'PHP internal call'.PHP_EOL;
+            }
+
+            if ($callable = $frame->getCallable()) {
+                $framedesc .= $indent.'    ';
+
+                if ($callable instanceof MethodValue) {
+                    $framedesc .= $this->renderer->escape($callable->getContext()->owner_class.$callable->getContext()->getOperator());
+                }
+
+                $framedesc .= $this->renderer->escape($callable->getDisplayName());
+            }
+
+            $out .= $this->renderer->colorType($framedesc).PHP_EOL.PHP_EOL;
+
+            $source = $frame->getRepresentation('source');
+
+            if ($source instanceof SourceRepresentation) {
+                $line_wanted = $source->getLine();
+                $source = $source->getSourceLines();
+
+                // Trim empty lines from the start and end of the source
+                foreach ($source as $linenum => $line) {
+                    if (\trim($line) || $linenum === $line_wanted) {
+                        break;
+                    }
+
+                    unset($source[$linenum]);
+                }
+
+                foreach (\array_reverse($source, true) as $linenum => $line) {
+                    if (\trim($line) || $linenum === $line_wanted) {
+                        break;
+                    }
+
+                    unset($source[$linenum]);
+                }
+
+                foreach ($source as $lineno => $line) {
+                    if ($lineno === $line_wanted) {
+                        $out .= $indent.$this->renderer->colorValue($this->renderer->escape($line)).PHP_EOL;
+                    } else {
+                        $out .= $indent.$this->renderer->escape($line).PHP_EOL;
+                    }
+                }
+            }
+
+            ++$i;
+        }
+
+        return $out;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Renderer/TextRenderer.php b/ci4app/system/ThirdParty/Kint/Renderer/TextRenderer.php
new file mode 100644
index 0000000..ba9aba0
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Renderer/TextRenderer.php
@@ -0,0 +1,400 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Renderer;
+
+use Kint\Parser;
+use Kint\Parser\PluginInterface as ParserPluginInterface;
+use Kint\Renderer\Text\PluginInterface;
+use Kint\Utils;
+use Kint\Value\AbstractValue;
+use Kint\Value\ArrayValue;
+use Kint\Value\Context\ArrayContext;
+use Kint\Value\Context\ClassDeclaredContext;
+use Kint\Value\Context\PropertyContext;
+use Kint\Value\InstanceValue;
+use Kint\Value\StringValue;
+
+/**
+ * @psalm-import-type Encoding from StringValue
+ */
+class TextRenderer extends AbstractRenderer
+{
+    /**
+     * TextRenderer plugins should implement PluginInterface.
+     *
+     * @psalm-var class-string<PluginInterface>[]
+     */
+    public static array $plugins = [
+        'array_limit' => Text\LockPlugin::class,
+        'blacklist' => Text\LockPlugin::class,
+        'depth_limit' => Text\LockPlugin::class,
+        'splfileinfo' => Text\SplFileInfoPlugin::class,
+        'microtime' => Text\MicrotimePlugin::class,
+        'recursion' => Text\LockPlugin::class,
+        'trace' => Text\TracePlugin::class,
+    ];
+
+    /**
+     * Parser plugins must be instanceof one of these or
+     * it will be removed for performance reasons.
+     *
+     * @psalm-var class-string<ParserPluginInterface>[]
+     */
+    public static array $parser_plugin_whitelist = [
+        Parser\ArrayLimitPlugin::class,
+        Parser\ArrayObjectPlugin::class,
+        Parser\BlacklistPlugin::class,
+        Parser\ClosurePlugin::class,
+        Parser\DateTimePlugin::class,
+        Parser\DomPlugin::class,
+        Parser\EnumPlugin::class,
+        Parser\IteratorPlugin::class,
+        Parser\MicrotimePlugin::class,
+        Parser\MysqliPlugin::class,
+        Parser\SimpleXMLElementPlugin::class,
+        Parser\SplFileInfoPlugin::class,
+        Parser\StreamPlugin::class,
+        Parser\TracePlugin::class,
+    ];
+
+    /**
+     * The maximum length of a string before it is truncated.
+     *
+     * Falsey to disable
+     */
+    public static int $strlen_max = 0;
+
+    /**
+     * Timestamp to print in footer in date() format.
+     */
+    public static ?string $timestamp = null;
+
+    /**
+     * The default width of the terminal for headers.
+     */
+    public static int $default_width = 80;
+
+    /**
+     * Indentation width.
+     */
+    public static int $default_indent = 4;
+
+    /**
+     * Decorate the header and footer.
+     */
+    public static bool $decorations = true;
+
+    public int $header_width = 80;
+    public int $indent_width = 4;
+
+    protected array $plugin_objs = [];
+
+    public function __construct()
+    {
+        parent::__construct();
+        $this->header_width = self::$default_width;
+        $this->indent_width = self::$default_indent;
+    }
+
+    public function render(AbstractValue $v): string
+    {
+        $render_spl_ids_stash = $this->render_spl_ids;
+
+        if ($this->render_spl_ids && ($v->flags & AbstractValue::FLAG_GENERATED)) {
+            $this->render_spl_ids = false;
+        }
+
+        if ($plugin = $this->getPlugin($v)) {
+            $output = $plugin->render($v);
+            if (null !== $output && \strlen($output)) {
+                if (!$this->render_spl_ids && $render_spl_ids_stash) {
+                    $this->render_spl_ids = true;
+                }
+
+                return $output;
+            }
+        }
+
+        $out = '';
+
+        $c = $v->getContext();
+
+        if (0 === $c->getDepth()) {
+            $out .= $this->colorTitle($this->renderTitle($v)).PHP_EOL;
+        }
+
+        $out .= $header = $this->renderHeader($v);
+        $out .= $this->renderChildren($v);
+
+        if (\strlen($header)) {
+            $out .= PHP_EOL;
+        }
+
+        if (!$this->render_spl_ids && $render_spl_ids_stash) {
+            $this->render_spl_ids = true;
+        }
+
+        return $out;
+    }
+
+    public function boxText(string $text, int $width): string
+    {
+        $out = '┌'.\str_repeat('─', $width - 2).'┐'.PHP_EOL;
+
+        if (\strlen($text)) {
+            $text = Utils::truncateString($text, $width - 4);
+            $text = \str_pad($text, $width - 4);
+
+            $out .= '│ '.$this->escape($text).' │'.PHP_EOL;
+        }
+
+        $out .= '└'.\str_repeat('─', $width - 2).'┘';
+
+        return $out;
+    }
+
+    public function renderTitle(AbstractValue $v): string
+    {
+        if (self::$decorations) {
+            return $this->boxText($v->getDisplayName(), $this->header_width);
+        }
+
+        return Utils::truncateString($v->getDisplayName(), $this->header_width);
+    }
+
+    public function renderHeader(AbstractValue $v): string
+    {
+        $output = [];
+
+        $c = $v->getContext();
+
+        if ($c->getDepth() > 0) {
+            if ($c instanceof ClassDeclaredContext) {
+                $output[] = $this->colorType($c->getModifiers());
+            }
+
+            if ($c instanceof ArrayContext) {
+                $output[] = $this->escape(\var_export($c->getName(), true));
+            } else {
+                $output[] = $this->escape((string) $c->getName());
+            }
+
+            if ($c instanceof PropertyContext && null !== ($s = $c->getHooks())) {
+                $output[] = $this->colorType($this->escape($s));
+            }
+
+            if (null !== ($s = $c->getOperator())) {
+                $output[] = $this->escape($s);
+            }
+        }
+
+        $s = $v->getDisplayType();
+        if ($c->isRef()) {
+            $s = '&'.$s;
+        }
+
+        $s = $this->colorType($this->escape($s));
+
+        if ($v instanceof InstanceValue && $this->shouldRenderObjectIds()) {
+            $s .= '#'.$v->getSplObjectId();
+        }
+
+        $output[] = $s;
+
+        if (null !== ($s = $v->getDisplaySize())) {
+            $output[] = '('.$this->escape($s).')';
+        }
+
+        if (null !== ($s = $v->getDisplayValue())) {
+            if (self::$strlen_max) {
+                $s = Utils::truncateString($s, self::$strlen_max);
+            }
+            $output[] = $this->colorValue($this->escape($s));
+        }
+
+        return \str_repeat(' ', $c->getDepth() * $this->indent_width).\implode(' ', $output);
+    }
+
+    public function renderChildren(AbstractValue $v): string
+    {
+        $children = $v->getDisplayChildren();
+
+        if (!$children) {
+            if ($v instanceof ArrayValue) {
+                return ' []';
+            }
+
+            return '';
+        }
+
+        if ($v instanceof ArrayValue) {
+            $output = ' [';
+        } elseif ($v instanceof InstanceValue) {
+            $output = ' (';
+        } else {
+            $output = '';
+        }
+
+        $output .= PHP_EOL;
+        foreach ($children as $child) {
+            $output .= $this->render($child);
+        }
+
+        $indent = \str_repeat(' ', $v->getContext()->getDepth() * $this->indent_width);
+
+        if ($v instanceof ArrayValue) {
+            $output .= $indent.']';
+        } elseif ($v instanceof InstanceValue) {
+            $output .= $indent.')';
+        }
+
+        return $output;
+    }
+
+    public function colorValue(string $string): string
+    {
+        return $string;
+    }
+
+    public function colorType(string $string): string
+    {
+        return $string;
+    }
+
+    public function colorTitle(string $string): string
+    {
+        return $string;
+    }
+
+    public function postRender(): string
+    {
+        if (self::$decorations) {
+            $output = \str_repeat('═', $this->header_width);
+        } else {
+            $output = '';
+        }
+
+        if (!$this->show_trace) {
+            return $this->colorTitle($output);
+        }
+
+        if ($output) {
+            $output .= PHP_EOL;
+        }
+
+        return $this->colorTitle($output.$this->calledFrom().PHP_EOL);
+    }
+
+    public function filterParserPlugins(array $plugins): array
+    {
+        $return = [];
+
+        foreach ($plugins as $plugin) {
+            foreach (self::$parser_plugin_whitelist as $whitelist) {
+                if ($plugin instanceof $whitelist) {
+                    $return[] = $plugin;
+                    continue 2;
+                }
+            }
+        }
+
+        return $return;
+    }
+
+    public function ideLink(string $file, int $line): string
+    {
+        return $this->escape(Utils::shortenPath($file)).':'.$line;
+    }
+
+    /**
+     * @psalm-param Encoding $encoding
+     */
+    public function escape(string $string, $encoding = false): string
+    {
+        return $string;
+    }
+
+    protected function calledFrom(): string
+    {
+        $output = '';
+
+        if (isset($this->callee['file'])) {
+            $output .= 'Called from '.$this->ideLink(
+                $this->callee['file'],
+                $this->callee['line']
+            );
+        }
+
+        if (
+            isset($this->callee['function']) &&
+            (
+                !empty($this->callee['class']) ||
+                !\in_array(
+                    $this->callee['function'],
+                    ['include', 'include_once', 'require', 'require_once'],
+                    true
+                )
+            )
+        ) {
+            $output .= ' [';
+            $output .= $this->callee['class'] ?? '';
+            $output .= $this->callee['type'] ?? '';
+            $output .= $this->callee['function'].'()]';
+        }
+
+        if (null !== self::$timestamp) {
+            if (\strlen($output)) {
+                $output .= ' ';
+            }
+            $output .= \date(self::$timestamp);
+        }
+
+        return $output;
+    }
+
+    protected function getPlugin(AbstractValue $v): ?PluginInterface
+    {
+        $hint = $v->getHint();
+
+        if (null === $hint || !isset(self::$plugins[$hint])) {
+            return null;
+        }
+
+        $plugin = self::$plugins[$hint];
+
+        if (!\is_a($plugin, PluginInterface::class, true)) {
+            return null;
+        }
+
+        if (!isset($this->plugin_objs[$plugin])) {
+            $this->plugin_objs[$plugin] = new $plugin($this);
+        }
+
+        return $this->plugin_objs[$plugin];
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Utils.php b/ci4app/system/ThirdParty/Kint/Utils.php
new file mode 100644
index 0000000..0fcdc47
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Utils.php
@@ -0,0 +1,567 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint;
+
+use Kint\Value\StringValue;
+use Kint\Value\TraceFrameValue;
+use ReflectionNamedType;
+use ReflectionType;
+use UnexpectedValueException;
+
+/**
+ * A collection of utility methods. Should all be static methods with no dependencies.
+ *
+ * @psalm-import-type Encoding from StringValue
+ * @psalm-import-type TraceFrame from TraceFrameValue
+ */
+final class Utils
+{
+    public const BT_STRUCTURE = [
+        'function' => 'string',
+        'line' => 'integer',
+        'file' => 'string',
+        'class' => 'string',
+        'object' => 'object',
+        'type' => 'string',
+        'args' => 'array',
+    ];
+
+    public const BYTE_UNITS = ['B', 'KB', 'MB', 'GB', 'TB'];
+
+    /**
+     * @var array Character encodings to detect
+     *
+     * @see https://secure.php.net/function.mb-detect-order
+     *
+     * In practice, mb_detect_encoding can only successfully determine the
+     * difference between the following common charsets at once without
+     * breaking things for one of the other charsets:
+     * - ASCII
+     * - UTF-8
+     * - SJIS
+     * - EUC-JP
+     *
+     * The order of the charsets is significant. If you put UTF-8 before ASCII
+     * it will never match ASCII, because UTF-8 is a superset of ASCII.
+     * Similarly, SJIS and EUC-JP frequently match UTF-8 strings, so you should
+     * check UTF-8 first. SJIS and EUC-JP seem to work either way, but SJIS is
+     * more common so it should probably be first.
+     *
+     * While you're free to experiment with other charsets, remember to keep
+     * this behavior in mind when setting up your char_encodings array.
+     *
+     * This depends on the mbstring extension
+     */
+    public static array $char_encodings = [
+        'ASCII',
+        'UTF-8',
+    ];
+
+    /**
+     * @var array Legacy character encodings to detect
+     *
+     * @see https://secure.php.net/function.iconv
+     *
+     * Assuming the other encoding checks fail, this will perform a
+     * simple iconv conversion to check for invalid bytes. If any are
+     * found it will not match.
+     *
+     * This can be useful for ambiguous single byte encodings like
+     * windows-125x and iso-8859-x which have practically undetectable
+     * differences because they use every single byte available.
+     *
+     * This is *NOT* reliable and should not be trusted implicitly. Since it
+     * works by triggering and suppressing conversion warnings, your error
+     * handler may complain.
+     *
+     * As with char_encodings, the order of the charsets is significant.
+     *
+     * This depends on the iconv extension
+     */
+    public static array $legacy_encodings = [];
+
+    /**
+     * @var array Path aliases that will be displayed instead of the full path.
+     *
+     * Keys are paths, values are replacement strings
+     *
+     * Example for laravel:
+     *
+     * Utils::$path_aliases = [
+     *     base_path() => '<BASE>',
+     *     app_path() => '<APP>',
+     *     base_path().'/vendor' => '<VENDOR>',
+     * ];
+     *
+     * Defaults to [$_SERVER['DOCUMENT_ROOT'] => '<ROOT>']
+     *
+     * @psalm-var array<non-empty-string, string>
+     */
+    public static array $path_aliases = [];
+
+    /**
+     * @codeCoverageIgnore
+     *
+     * @psalm-suppress UnusedConstructor
+     */
+    private function __construct()
+    {
+    }
+
+    /**
+     * Turns a byte value into a human-readable representation.
+     *
+     * @param int $value Amount of bytes
+     *
+     * @return array Human readable value and unit
+     *
+     * @psalm-return array{value: float, unit: 'B'|'KB'|'MB'|'GB'|'TB'}
+     *
+     * @psalm-pure
+     */
+    public static function getHumanReadableBytes(int $value): array
+    {
+        $negative = $value < 0;
+        $value = \abs($value);
+
+        if ($value < 1024) {
+            $i = 0;
+            $value = \floor($value);
+        } elseif ($value < 0xFFFCCCCCCCCCCCC >> 40) {
+            $i = 1;
+        } elseif ($value < 0xFFFCCCCCCCCCCCC >> 30) {
+            $i = 2;
+        } elseif ($value < 0xFFFCCCCCCCCCCCC >> 20) {
+            $i = 3;
+        } else {
+            $i = 4;
+        }
+
+        if ($i) {
+            $value = $value / \pow(1024, $i);
+        }
+
+        if ($negative) {
+            $value *= -1;
+        }
+
+        return [
+            'value' => \round($value, 1),
+            'unit' => self::BYTE_UNITS[$i],
+        ];
+    }
+
+    /** @psalm-pure */
+    public static function isSequential(array $array): bool
+    {
+        return \array_keys($array) === \range(0, \count($array) - 1);
+    }
+
+    /** @psalm-pure */
+    public static function isAssoc(array $array): bool
+    {
+        return (bool) \count(\array_filter(\array_keys($array), 'is_string'));
+    }
+
+    /**
+     * @psalm-assert-if-true list<TraceFrame> $trace
+     */
+    public static function isTrace(array $trace): bool
+    {
+        if (!self::isSequential($trace)) {
+            return false;
+        }
+
+        $file_found = false;
+
+        foreach ($trace as $frame) {
+            if (!\is_array($frame) || !isset($frame['function'])) {
+                return false;
+            }
+
+            if (isset($frame['class']) && !\class_exists($frame['class'], false)) {
+                return false;
+            }
+
+            foreach ($frame as $key => $val) {
+                if (!isset(self::BT_STRUCTURE[$key])) {
+                    return false;
+                }
+
+                if (\gettype($val) !== self::BT_STRUCTURE[$key]) {
+                    return false;
+                }
+
+                if ('file' === $key) {
+                    $file_found = true;
+                }
+            }
+        }
+
+        return $file_found;
+    }
+
+    /**
+     * @psalm-param TraceFrame $frame
+     *
+     * @psalm-pure
+     */
+    public static function traceFrameIsListed(array $frame, array $matches): bool
+    {
+        if (isset($frame['class'])) {
+            $called = [\strtolower($frame['class']), \strtolower($frame['function'])];
+        } else {
+            $called = \strtolower($frame['function']);
+        }
+
+        return \in_array($called, $matches, true);
+    }
+
+    /** @psalm-pure */
+    public static function normalizeAliases(array $aliases): array
+    {
+        foreach ($aliases as $index => $alias) {
+            if (\is_array($alias) && 2 === \count($alias)) {
+                $alias = \array_values(\array_filter($alias, 'is_string'));
+
+                if (2 === \count($alias) && self::isValidPhpName($alias[1]) && self::isValidPhpNamespace($alias[0])) {
+                    $aliases[$index] = [
+                        \strtolower(\ltrim($alias[0], '\\')),
+                        \strtolower($alias[1]),
+                    ];
+                } else {
+                    unset($aliases[$index]);
+                    continue;
+                }
+            } elseif (\is_string($alias)) {
+                if (self::isValidPhpNamespace($alias)) {
+                    $alias = \explode('\\', \strtolower($alias));
+                    $aliases[$index] = \end($alias);
+                } else {
+                    unset($aliases[$index]);
+                    continue;
+                }
+            } else {
+                unset($aliases[$index]);
+            }
+        }
+
+        return \array_values($aliases);
+    }
+
+    /** @psalm-pure */
+    public static function isValidPhpName(string $name): bool
+    {
+        return (bool) \preg_match('/^[a-zA-Z_\\x80-\\xff][a-zA-Z0-9_\\x80-\\xff]*$/', $name);
+    }
+
+    /** @psalm-pure */
+    public static function isValidPhpNamespace(string $ns): bool
+    {
+        $parts = \explode('\\', $ns);
+        if ('' === \reset($parts)) {
+            \array_shift($parts);
+        }
+
+        if (!\count($parts)) {
+            return false;
+        }
+
+        foreach ($parts as $part) {
+            if (!self::isValidPhpName($part)) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * trigger_error before PHP 8.1 truncates the error message at nul
+     * so we have to sanitize variable strings before using them.
+     *
+     * @psalm-pure
+     */
+    public static function errorSanitizeString(string $input): string
+    {
+        if (KINT_PHP82 || '' === $input) {
+            return $input;
+        }
+
+        return \strtok($input, "\0"); // @codeCoverageIgnore
+    }
+
+    /** @psalm-pure */
+    public static function getTypeString(ReflectionType $type): string
+    {
+        // @codeCoverageIgnoreStart
+        // ReflectionType::__toString was deprecated in 7.4 and undeprecated in 8
+        // and toString doesn't correctly show the nullable ? in the type before 8
+        if (!KINT_PHP80) {
+            if (!$type instanceof ReflectionNamedType) {
+                throw new UnexpectedValueException('ReflectionType on PHP 7 must be ReflectionNamedType');
+            }
+
+            $name = $type->getName();
+            if ($type->allowsNull() && 'mixed' !== $name && false === \strpos($name, '|')) {
+                $name = '?'.$name;
+            }
+
+            return $name;
+        }
+        // @codeCoverageIgnoreEnd
+
+        return (string) $type;
+    }
+
+    /**
+     * @psalm-param Encoding $encoding
+     */
+    public static function truncateString(string $input, int $length = PHP_INT_MAX, string $end = '...', $encoding = false): string
+    {
+        $endlength = self::strlen($end);
+
+        if ($endlength >= $length) {
+            $endlength = 0;
+            $end = '';
+        }
+
+        if (self::strlen($input, $encoding) > $length) {
+            return self::substr($input, 0, $length - $endlength, $encoding).$end;
+        }
+
+        return $input;
+    }
+
+    /**
+     * @psalm-return Encoding
+     */
+    public static function detectEncoding(string $string)
+    {
+        if (\function_exists('mb_detect_encoding')) {
+            $ret = \mb_detect_encoding($string, self::$char_encodings, true);
+            if (false !== $ret) {
+                return $ret;
+            }
+        }
+
+        // Pretty much every character encoding uses first 32 bytes as control
+        // characters. If it's not a multi-byte format it's safe to say matching
+        // any control character besides tab, nl, and cr means it's binary.
+        if (\preg_match('/[\\x00-\\x08\\x0B\\x0C\\x0E-\\x1F]/', $string)) {
+            return false;
+        }
+
+        if (\function_exists('iconv')) {
+            foreach (self::$legacy_encodings as $encoding) {
+                // Iconv detection works by triggering
+                // "Detected an illegal character in input string" notices
+                // This notice does not become a TypeError with strict_types
+                // so we don't have to wrap this in a try catch
+                if (@\iconv($encoding, $encoding, $string) === $string) {
+                    return $encoding;
+                }
+            }
+        } elseif (!\function_exists('mb_detect_encoding')) { // @codeCoverageIgnore
+            // If a user has neither mb_detect_encoding, nor iconv, nor the
+            // polyfills, there's not much we can do about it...
+            // Pretend it's ASCII and pray the browser renders it properly.
+            return 'ASCII'; // @codeCoverageIgnore
+        }
+
+        return false;
+    }
+
+    /**
+     * @psalm-param Encoding $encoding
+     */
+    public static function strlen(string $string, $encoding = false): int
+    {
+        if (\function_exists('mb_strlen')) {
+            if (false === $encoding) {
+                $encoding = self::detectEncoding($string);
+            }
+
+            if (false !== $encoding && 'ASCII' !== $encoding) {
+                return \mb_strlen($string, $encoding);
+            }
+        }
+
+        return \strlen($string);
+    }
+
+    /**
+     * @psalm-param Encoding $encoding
+     */
+    public static function substr(string $string, int $start, ?int $length = null, $encoding = false): string
+    {
+        if (\function_exists('mb_substr')) {
+            if (false === $encoding) {
+                $encoding = self::detectEncoding($string);
+            }
+
+            if (false !== $encoding && 'ASCII' !== $encoding) {
+                return \mb_substr($string, $start, $length, $encoding);
+            }
+        }
+
+        // Special case for substr/mb_substr discrepancy
+        if ('' === $string) {
+            return '';
+        }
+
+        return \substr($string, $start, $length ?? PHP_INT_MAX);
+    }
+
+    public static function shortenPath(string $file): string
+    {
+        $split = \explode('/', \str_replace('\\', '/', $file));
+
+        $longest_match = 0;
+        $match = '';
+
+        foreach (self::$path_aliases as $path => $alias) {
+            $path = \explode('/', \str_replace('\\', '/', $path));
+
+            if (\count($path) < 2) {
+                continue;
+            }
+
+            if (\array_slice($split, 0, \count($path)) === $path && \count($path) > $longest_match) {
+                $longest_match = \count($path);
+                $match = $alias;
+            }
+        }
+
+        if ($longest_match) {
+            $suffix = \implode('/', \array_slice($split, $longest_match));
+
+            if (\preg_match('%^/*$%', $suffix)) {
+                return $match;
+            }
+
+            return $match.'/'.$suffix;
+        }
+
+        // fallback to find common path with Kint dir
+        $kint = \explode('/', \str_replace('\\', '/', KINT_DIR));
+        $had_real_path_part = false;
+
+        foreach ($split as $i => $part) {
+            if (!isset($kint[$i]) || $kint[$i] !== $part) {
+                if (!$had_real_path_part) {
+                    break;
+                }
+
+                $suffix = \implode('/', \array_slice($split, $i));
+
+                if (\preg_match('%^/*$%', $suffix)) {
+                    break;
+                }
+
+                $prefix = $i > 1 ? '.../' : '/';
+
+                return $prefix.$suffix;
+            }
+
+            if ($i > 0 && \strlen($kint[$i])) {
+                $had_real_path_part = true;
+            }
+        }
+
+        return $file;
+    }
+
+    public static function composerGetExtras(string $key = 'kint'): array
+    {
+        if (0 === \strpos(KINT_DIR, 'phar://')) {
+            // Only run inside phar file, so skip for code coverage
+            return []; // @codeCoverageIgnore
+        }
+
+        $extras = [];
+
+        $folder = KINT_DIR.'/vendor';
+
+        for ($i = 0; $i < 4; ++$i) {
+            $installed = $folder.'/composer/installed.json';
+
+            if (\file_exists($installed) && \is_readable($installed)) {
+                $packages = \json_decode(\file_get_contents($installed), true);
+
+                if (!\is_array($packages)) {
+                    continue;
+                }
+
+                // Composer 2.0 Compatibility: packages are now wrapped into a "packages" top level key instead of the whole file being the package array
+                // @see https://getcomposer.org/upgrade/UPGRADE-2.0.md
+                foreach ($packages['packages'] ?? $packages as $package) {
+                    if (\is_array($package['extra'][$key] ?? null)) {
+                        $extras = \array_replace($extras, $package['extra'][$key]);
+                    }
+                }
+
+                $folder = \dirname($folder);
+
+                if (\file_exists($folder.'/composer.json') && \is_readable($folder.'/composer.json')) {
+                    $composer = \json_decode(\file_get_contents($folder.'/composer.json'), true);
+
+                    if (\is_array($composer['extra'][$key] ?? null)) {
+                        $extras = \array_replace($extras, $composer['extra'][$key]);
+                    }
+                }
+
+                break;
+            }
+
+            $folder = \dirname($folder);
+        }
+
+        return $extras;
+    }
+
+    /**
+     * @codeCoverageIgnore
+     */
+    public static function composerSkipFlags(): void
+    {
+        if (\defined('KINT_SKIP_FACADE') && \defined('KINT_SKIP_HELPERS')) {
+            return;
+        }
+
+        $extras = self::composerGetExtras();
+
+        if (!empty($extras['disable-facade']) && !\defined('KINT_SKIP_FACADE')) {
+            \define('KINT_SKIP_FACADE', true);
+        }
+
+        if (!empty($extras['disable-helpers']) && !\defined('KINT_SKIP_HELPERS')) {
+            \define('KINT_SKIP_HELPERS', true);
+        }
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/AbstractValue.php b/ci4app/system/ThirdParty/Kint/Value/AbstractValue.php
new file mode 100644
index 0000000..3436fa8
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/AbstractValue.php
@@ -0,0 +1,190 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Kint\Value\Context\ContextInterface;
+use Kint\Value\Representation\RepresentationInterface;
+use OutOfRangeException;
+
+/**
+ * @psalm-import-type ValueName from ContextInterface
+ *
+ * @psalm-type ValueFlags int-mask-of<AbstractValue::FLAG_*>
+ */
+abstract class AbstractValue
+{
+    public const FLAG_NONE = 0;
+    public const FLAG_GENERATED = 1 << 0;
+    public const FLAG_BLACKLIST = 1 << 1;
+    public const FLAG_RECURSION = 1 << 2;
+    public const FLAG_DEPTH_LIMIT = 1 << 3;
+    public const FLAG_ARRAY_LIMIT = 1 << 4;
+
+    /** @psalm-var ValueFlags */
+    public int $flags = self::FLAG_NONE;
+
+    /** @psalm-readonly */
+    protected ContextInterface $context;
+    /** @psalm-readonly string */
+    protected string $type;
+
+    /** @psalm-var RepresentationInterface[] */
+    protected array $representations = [];
+
+    public function __construct(ContextInterface $context, string $type)
+    {
+        $this->context = $context;
+        $this->type = $type;
+    }
+
+    public function __clone()
+    {
+        $this->context = clone $this->context;
+    }
+
+    public function getContext(): ContextInterface
+    {
+        return $this->context;
+    }
+
+    public function getHint(): ?string
+    {
+        if (self::FLAG_NONE === $this->flags) {
+            return null;
+        }
+        if ($this->flags & self::FLAG_BLACKLIST) {
+            return 'blacklist';
+        }
+        if ($this->flags & self::FLAG_RECURSION) {
+            return 'recursion';
+        }
+        if ($this->flags & self::FLAG_DEPTH_LIMIT) {
+            return 'depth_limit';
+        }
+        if ($this->flags & self::FLAG_ARRAY_LIMIT) {
+            return 'array_limit';
+        }
+
+        return null;
+    }
+
+    public function getType(): string
+    {
+        return $this->type;
+    }
+
+    public function addRepresentation(RepresentationInterface $rep, ?int $pos = null): void
+    {
+        if (isset($this->representations[$rep->getName()])) {
+            throw new OutOfRangeException('Representation already exists');
+        }
+
+        if (null === $pos) {
+            $this->representations[$rep->getName()] = $rep;
+        } else {
+            $this->representations = \array_merge(
+                \array_slice($this->representations, 0, $pos),
+                [$rep->getName() => $rep],
+                \array_slice($this->representations, $pos)
+            );
+        }
+    }
+
+    public function replaceRepresentation(RepresentationInterface $rep, ?int $pos = null): void
+    {
+        if (null === $pos) {
+            $this->representations[$rep->getName()] = $rep;
+        } else {
+            $this->removeRepresentation($rep);
+            $this->addRepresentation($rep, $pos);
+        }
+    }
+
+    /**
+     * @param RepresentationInterface|string $rep
+     */
+    public function removeRepresentation($rep): void
+    {
+        if ($rep instanceof RepresentationInterface) {
+            unset($this->representations[$rep->getName()]);
+        } else { // String
+            unset($this->representations[$rep]);
+        }
+    }
+
+    public function getRepresentation(string $name): ?RepresentationInterface
+    {
+        return $this->representations[$name] ?? null;
+    }
+
+    /** @psalm-return RepresentationInterface[] */
+    public function getRepresentations(): array
+    {
+        return $this->representations;
+    }
+
+    /** @psalm-param RepresentationInterface[] $reps */
+    public function appendRepresentations(array $reps): void
+    {
+        foreach ($reps as $rep) {
+            $this->addRepresentation($rep);
+        }
+    }
+
+    /** @psalm-api */
+    public function clearRepresentations(): void
+    {
+        $this->representations = [];
+    }
+
+    public function getDisplayType(): string
+    {
+        return $this->type;
+    }
+
+    public function getDisplayName(): string
+    {
+        return (string) $this->context->getName();
+    }
+
+    public function getDisplaySize(): ?string
+    {
+        return null;
+    }
+
+    public function getDisplayValue(): ?string
+    {
+        return null;
+    }
+
+    /** @psalm-return AbstractValue[] */
+    public function getDisplayChildren(): array
+    {
+        return [];
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/ArrayValue.php b/ci4app/system/ThirdParty/Kint/Value/ArrayValue.php
new file mode 100644
index 0000000..1404949
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/ArrayValue.php
@@ -0,0 +1,71 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Kint\Value\Context\ContextInterface;
+
+class ArrayValue extends AbstractValue
+{
+    /** @psalm-readonly */
+    protected int $size;
+    /**
+     * @psalm-readonly
+     *
+     * @psalm-var AbstractValue[]
+     */
+    protected array $contents;
+
+    /** @psalm-param AbstractValue[] $contents */
+    public function __construct(ContextInterface $context, int $size, array $contents)
+    {
+        parent::__construct($context, 'array');
+        $this->size = $size;
+        $this->contents = $contents;
+    }
+
+    public function getSize(): int
+    {
+        return $this->size;
+    }
+
+    /** @psalm-return AbstractValue[] */
+    public function getContents()
+    {
+        return $this->contents;
+    }
+
+    public function getDisplaySize(): string
+    {
+        return (string) $this->size;
+    }
+
+    public function getDisplayChildren(): array
+    {
+        return $this->contents;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/ClosedResourceValue.php b/ci4app/system/ThirdParty/Kint/Value/ClosedResourceValue.php
new file mode 100644
index 0000000..375087c
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/ClosedResourceValue.php
@@ -0,0 +1,43 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Kint\Value\Context\ContextInterface;
+
+class ClosedResourceValue extends AbstractValue
+{
+    public function __construct(ContextInterface $context)
+    {
+        parent::__construct($context, 'resource (closed)');
+    }
+
+    public function getDisplayType(): string
+    {
+        return 'closed resource';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/ClosureValue.php b/ci4app/system/ThirdParty/Kint/Value/ClosureValue.php
new file mode 100644
index 0000000..7bad29a
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/ClosureValue.php
@@ -0,0 +1,120 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Closure;
+use Kint\Utils;
+use Kint\Value\Context\BaseContext;
+use Kint\Value\Context\ContextInterface;
+use ReflectionFunction;
+
+class ClosureValue extends InstanceValue
+{
+    use ParameterHoldingTrait;
+
+    /** @psalm-readonly */
+    protected ?string $filename;
+    /** @psalm-readonly */
+    protected ?int $startline;
+
+    public function __construct(ContextInterface $context, Closure $cl)
+    {
+        parent::__construct($context, \get_class($cl), \spl_object_hash($cl), \spl_object_id($cl));
+
+        /**
+         * @psalm-suppress UnnecessaryVarAnnotation
+         *
+         * @psalm-var ContextInterface $this->context
+         * Psalm bug #11113
+         */
+        $closure = new ReflectionFunction($cl);
+
+        if ($closure->isUserDefined()) {
+            $this->filename = $closure->getFileName();
+            $this->startline = $closure->getStartLine();
+        } else {
+            $this->filename = null;
+            $this->startline = null;
+        }
+
+        $parameters = [];
+        foreach ($closure->getParameters() as $param) {
+            $parameters[] = new ParameterBag($param);
+        }
+        $this->parameters = $parameters;
+
+        if (!$this->context instanceof BaseContext) {
+            return;
+        }
+
+        if (0 !== $this->context->getDepth()) {
+            return;
+        }
+
+        $ap = $this->context->getAccessPath();
+
+        if (null === $ap) {
+            return;
+        }
+
+        if (\preg_match('/^\\((function|fn)\\s*\\(/i', $ap, $match)) {
+            $this->context->name = \strtolower($match[1]);
+        }
+    }
+
+    /** @psalm-api */
+    public function getFileName(): ?string
+    {
+        return $this->filename;
+    }
+
+    /** @psalm-api */
+    public function getStartLine(): ?int
+    {
+        return $this->startline;
+    }
+
+    public function getDisplaySize(): ?string
+    {
+        return null;
+    }
+
+    public function getDisplayName(): string
+    {
+        return $this->context->getName().'('.$this->getParams().')';
+    }
+
+    public function getDisplayValue(): ?string
+    {
+        if (null !== $this->filename && null !== $this->startline) {
+            return Utils::shortenPath($this->filename).':'.$this->startline;
+        }
+
+        return parent::getDisplayValue();
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/ColorValue.php b/ci4app/system/ThirdParty/Kint/Value/ColorValue.php
new file mode 100644
index 0000000..7738ec5
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/ColorValue.php
@@ -0,0 +1,36 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+class ColorValue extends StringValue
+{
+    public function getHint(): string
+    {
+        return parent::getHint() ?? 'color';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Context/ArrayContext.php b/ci4app/system/ThirdParty/Kint/Value/Context/ArrayContext.php
new file mode 100644
index 0000000..23704d5
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Context/ArrayContext.php
@@ -0,0 +1,36 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Context;
+
+class ArrayContext extends BaseContext
+{
+    public function getOperator(): ?string
+    {
+        return '=>';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Context/BaseContext.php b/ci4app/system/ThirdParty/Kint/Value/Context/BaseContext.php
new file mode 100644
index 0000000..5c1a1b5
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Context/BaseContext.php
@@ -0,0 +1,83 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Context;
+
+use InvalidArgumentException;
+
+/**
+ * @psalm-import-type ValueName from ContextInterface
+ */
+class BaseContext implements ContextInterface
+{
+    /** @psalm-var ValueName */
+    public $name;
+    public int $depth = 0;
+    public bool $reference = false;
+    public ?string $access_path = null;
+
+    /** @psalm-param mixed $name */
+    public function __construct($name)
+    {
+        if (!\is_string($name) && !\is_int($name)) {
+            throw new InvalidArgumentException('Context names must be string|int');
+        }
+
+        $this->name = $name;
+    }
+
+    public function getName()
+    {
+        return $this->name;
+    }
+
+    public function getDepth(): int
+    {
+        return $this->depth;
+    }
+
+    public function getOperator(): ?string
+    {
+        return null;
+    }
+
+    public function isRef(): bool
+    {
+        return $this->reference;
+    }
+
+    /** @psalm-param ?class-string $scope */
+    public function isAccessible(?string $scope): bool
+    {
+        return true;
+    }
+
+    public function getAccessPath(): ?string
+    {
+        return $this->access_path;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Context/ClassConstContext.php b/ci4app/system/ThirdParty/Kint/Value/Context/ClassConstContext.php
new file mode 100644
index 0000000..27342f2
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Context/ClassConstContext.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Context;
+
+class ClassConstContext extends ClassDeclaredContext
+{
+    public bool $final = false;
+
+    public function getName(): string
+    {
+        return $this->owner_class.'::'.$this->name;
+    }
+
+    public function getOperator(): string
+    {
+        return '::';
+    }
+
+    public function getModifiers(): string
+    {
+        $final = $this->final ? 'final ' : '';
+
+        return $final.$this->getAccess().' const';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Context/ClassDeclaredContext.php b/ci4app/system/ThirdParty/Kint/Value/Context/ClassDeclaredContext.php
new file mode 100644
index 0000000..79aeeb7
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Context/ClassDeclaredContext.php
@@ -0,0 +1,94 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Context;
+
+use __PHP_Incomplete_Class;
+
+abstract class ClassDeclaredContext extends ClassOwnedContext
+{
+    public const ACCESS_PUBLIC = 1;
+    public const ACCESS_PROTECTED = 2;
+    public const ACCESS_PRIVATE = 3;
+
+    /** @psalm-var self::ACCESS_* */
+    public int $access;
+
+    /**
+     * @psalm-param class-string $owner_class
+     * @psalm-param self::ACCESS_* $access
+     */
+    public function __construct(string $name, string $owner_class, int $access)
+    {
+        parent::__construct($name, $owner_class);
+        $this->access = $access;
+    }
+
+    abstract public function getModifiers(): string;
+
+    /** @psalm-param ?class-string $scope */
+    public function isAccessible(?string $scope): bool
+    {
+        if (__PHP_Incomplete_Class::class === $this->owner_class) {
+            return false;
+        }
+
+        if (self::ACCESS_PUBLIC === $this->access) {
+            return true;
+        }
+
+        if (null === $scope) {
+            return false;
+        }
+
+        if (self::ACCESS_PRIVATE === $this->access) {
+            return $scope === $this->owner_class;
+        }
+
+        if (\is_a($scope, $this->owner_class, true)) {
+            return true;
+        }
+
+        if (\is_a($this->owner_class, $scope, true)) {
+            return true;
+        }
+
+        return false;
+    }
+
+    protected function getAccess(): string
+    {
+        switch ($this->access) {
+            case self::ACCESS_PUBLIC:
+                return 'public';
+            case self::ACCESS_PROTECTED:
+                return 'protected';
+            case self::ACCESS_PRIVATE:
+                return 'private';
+        }
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Context/ClassOwnedContext.php b/ci4app/system/ThirdParty/Kint/Value/Context/ClassOwnedContext.php
new file mode 100644
index 0000000..af3418b
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Context/ClassOwnedContext.php
@@ -0,0 +1,59 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Context;
+
+use __PHP_Incomplete_Class;
+
+class ClassOwnedContext extends BaseContext
+{
+    /** @psalm-var class-string */
+    public string $owner_class;
+
+    /** @psalm-param class-string $owner_class */
+    public function __construct(string $name, string $owner_class)
+    {
+        parent::__construct($name);
+        $this->owner_class = $owner_class;
+    }
+
+    public function getName(): string
+    {
+        return (string) $this->name;
+    }
+
+    public function getOperator(): string
+    {
+        return '->';
+    }
+
+    /** @psalm-param ?class-string $scope */
+    public function isAccessible(?string $scope): bool
+    {
+        return __PHP_Incomplete_Class::class !== $this->owner_class;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Context/ContextInterface.php b/ci4app/system/ThirdParty/Kint/Value/Context/ContextInterface.php
new file mode 100644
index 0000000..315be7f
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Context/ContextInterface.php
@@ -0,0 +1,53 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Context;
+
+/**
+ * Contexts represent the data that has to be found out about a zval _before_
+ * passing it into the next parse depth. This includes the access path, whether
+ * it's a reference or not, and OOP related stuff like visibility.
+ *
+ * @psalm-type ValueName = string|int
+ */
+interface ContextInterface
+{
+    /** @psalm-return ValueName */
+    public function getName();
+
+    public function getDepth(): int;
+
+    public function isRef(): bool;
+
+    /** @psalm-param ?class-string $scope */
+    public function isAccessible(?string $scope): bool;
+
+    public function getAccessPath(): ?string;
+
+    /** @psalm-return ?non-empty-string */
+    public function getOperator(): ?string;
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Context/DoubleAccessMemberContext.php b/ci4app/system/ThirdParty/Kint/Value/Context/DoubleAccessMemberContext.php
new file mode 100644
index 0000000..39363d7
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Context/DoubleAccessMemberContext.php
@@ -0,0 +1,59 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Context;
+
+abstract class DoubleAccessMemberContext extends ClassDeclaredContext
+{
+    /** @psalm-var ?self::ACCESS_* */
+    public ?int $access_set = null;
+
+    protected function getAccess(): string
+    {
+        switch ($this->access) {
+            case self::ACCESS_PUBLIC:
+                if (self::ACCESS_PRIVATE === $this->access_set) {
+                    return 'private(set)';
+                }
+                if (self::ACCESS_PROTECTED === $this->access_set) {
+                    return 'protected(set)';
+                }
+
+                return 'public';
+
+            case self::ACCESS_PROTECTED:
+                if (self::ACCESS_PRIVATE === $this->access_set) {
+                    return 'protected private(set)';
+                }
+
+                return 'protected';
+
+            case self::ACCESS_PRIVATE:
+                return 'private';
+        }
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Context/MethodContext.php b/ci4app/system/ThirdParty/Kint/Value/Context/MethodContext.php
new file mode 100644
index 0000000..a722332
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Context/MethodContext.php
@@ -0,0 +1,140 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Context;
+
+use Kint\Value\InstanceValue;
+use ReflectionMethod;
+
+class MethodContext extends ClassDeclaredContext
+{
+    public const MAGIC_NAMES = [
+        '__construct' => true,
+        '__destruct' => true,
+        '__call' => true,
+        '__callstatic' => true,
+        '__get' => true,
+        '__set' => true,
+        '__isset' => true,
+        '__unset' => true,
+        '__sleep' => true,
+        '__wakeup' => true,
+        '__serialize' => true,
+        '__unserialize' => true,
+        '__tostring' => true,
+        '__invoke' => true,
+        '__set_state' => true,
+        '__clone' => true,
+        '__debuginfo' => true,
+    ];
+
+    public bool $final = false;
+    public bool $abstract = false;
+    public bool $static = false;
+
+    /**
+     * Whether the method was inherited from a parent class or interface.
+     *
+     * It's important to note that we never show static methods as
+     * "inherited" except when abstract via an interface.
+     */
+    public bool $inherited = false;
+
+    public function __construct(ReflectionMethod $method)
+    {
+        parent::__construct(
+            $method->getName(),
+            $method->getDeclaringClass()->name,
+            ClassDeclaredContext::ACCESS_PUBLIC
+        );
+        $this->depth = 1;
+        $this->static = $method->isStatic();
+        $this->abstract = $method->isAbstract();
+        $this->final = $method->isFinal();
+        if ($method->isProtected()) {
+            $this->access = ClassDeclaredContext::ACCESS_PROTECTED;
+        } elseif ($method->isPrivate()) {
+            $this->access = ClassDeclaredContext::ACCESS_PRIVATE;
+        }
+    }
+
+    public function getOperator(): string
+    {
+        if ($this->static) {
+            return '::';
+        }
+
+        return '->';
+    }
+
+    public function getModifiers(): string
+    {
+        if ($this->abstract) {
+            $out = 'abstract ';
+        } elseif ($this->final) {
+            $out = 'final ';
+        } else {
+            $out = '';
+        }
+
+        $out .= $this->getAccess();
+
+        if ($this->static) {
+            $out .= ' static';
+        }
+
+        return $out;
+    }
+
+    public function setAccessPathFromParent(?InstanceValue $parent): void
+    {
+        $name = \strtolower($this->getName());
+
+        if ($this->static && !isset(self::MAGIC_NAMES[$name])) {
+            $this->access_path = '\\'.$this->owner_class.'::'.$this->name.'()';
+        } elseif (null === $parent) {
+            $this->access_path = null;
+        } else {
+            $c = $parent->getContext();
+            if ('__construct' === $name) {
+                $this->access_path = 'new \\'.$parent->getClassName().'()';
+            } elseif (null === $c->getAccessPath()) {
+                $this->access_path = null;
+            } elseif ('__invoke' === $name) {
+                $this->access_path = $c->getAccessPath().'()';
+            } elseif ('__clone' === $name) {
+                $this->access_path = 'clone '.$c->getAccessPath();
+            } elseif ('__tostring' === $name) {
+                $this->access_path = '(string) '.$c->getAccessPath();
+            } elseif (isset(self::MAGIC_NAMES[$name])) {
+                $this->access_path = null;
+            } else {
+                $this->access_path = $c->getAccessPath().'->'.$this->name.'()';
+            }
+        }
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Context/PropertyContext.php b/ci4app/system/ThirdParty/Kint/Value/Context/PropertyContext.php
new file mode 100644
index 0000000..e63adb2
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Context/PropertyContext.php
@@ -0,0 +1,78 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Context;
+
+class PropertyContext extends DoubleAccessMemberContext
+{
+    public const HOOK_NONE = 0;
+    public const HOOK_GET = 1 << 0;
+    public const HOOK_GET_REF = 1 << 1;
+    public const HOOK_SET = 1 << 2;
+    public const HOOK_SET_TYPE = 1 << 3;
+
+    public bool $readonly = false;
+    /** @psalm-var int-mask-of<self::HOOK_*> */
+    public int $hooks = self::HOOK_NONE;
+    public ?string $hook_set_type = null;
+
+    public function getModifiers(): string
+    {
+        $out = $this->getAccess();
+
+        if ($this->readonly) {
+            $out .= ' readonly';
+        }
+
+        return $out;
+    }
+
+    public function getHooks(): ?string
+    {
+        if (self::HOOK_NONE === $this->hooks) {
+            return null;
+        }
+
+        $out = '{ ';
+        if ($this->hooks & self::HOOK_GET) {
+            if ($this->hooks & self::HOOK_GET_REF) {
+                $out .= '&';
+            }
+            $out .= 'get; ';
+        }
+        if ($this->hooks & self::HOOK_SET) {
+            if ($this->hooks & self::HOOK_SET_TYPE && '' !== ($this->hook_set_type ?? '')) {
+                $out .= 'set('.$this->hook_set_type.'); ';
+            } else {
+                $out .= 'set; ';
+            }
+        }
+        $out .= '}';
+
+        return $out;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Context/StaticPropertyContext.php b/ci4app/system/ThirdParty/Kint/Value/Context/StaticPropertyContext.php
new file mode 100644
index 0000000..47b83dd
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Context/StaticPropertyContext.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Context;
+
+class StaticPropertyContext extends DoubleAccessMemberContext
+{
+    public bool $final = false;
+
+    public function getName(): string
+    {
+        return $this->owner_class.'::$'.$this->name;
+    }
+
+    public function getOperator(): string
+    {
+        return '::';
+    }
+
+    public function getModifiers(): string
+    {
+        $final = $this->final ? 'final ' : '';
+
+        return $final.$this->getAccess().' static';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/DateTimeValue.php b/ci4app/system/ThirdParty/Kint/Value/DateTimeValue.php
new file mode 100644
index 0000000..1892b24
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/DateTimeValue.php
@@ -0,0 +1,65 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use DateTimeInterface;
+use Kint\Value\Context\ContextInterface;
+
+class DateTimeValue extends InstanceValue
+{
+    /** @psalm-readonly */
+    protected DateTimeInterface $dt;
+
+    public function __construct(ContextInterface $context, DateTimeInterface $dt)
+    {
+        parent::__construct($context, \get_class($dt), \spl_object_hash($dt), \spl_object_id($dt));
+
+        $this->dt = clone $dt;
+    }
+
+    public function getHint(): string
+    {
+        return parent::getHint() ?? 'datetime';
+    }
+
+    public function getDisplayValue(): string
+    {
+        $stamp = $this->dt->format('Y-m-d H:i:s');
+        if ((int) ($micro = $this->dt->format('u'))) {
+            $stamp .= '.'.$micro;
+        }
+        $stamp .= $this->dt->format(' P');
+
+        $tzn = $this->dt->getTimezone()->getName();
+        if ('+' !== $tzn[0] && '-' !== $tzn[0]) {
+            $stamp .= $this->dt->format(' T');
+        }
+
+        return $stamp;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/DeclaredCallableBag.php b/ci4app/system/ThirdParty/Kint/Value/DeclaredCallableBag.php
new file mode 100644
index 0000000..e4c7aa6
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/DeclaredCallableBag.php
@@ -0,0 +1,81 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Kint\Utils;
+use ReflectionFunctionAbstract;
+
+/** @psalm-api */
+final class DeclaredCallableBag
+{
+    use ParameterHoldingTrait;
+
+    /** @psalm-readonly */
+    public bool $internal;
+    /** @psalm-readonly */
+    public ?string $filename;
+    /** @psalm-readonly */
+    public ?int $startline;
+    /** @psalm-readonly */
+    public ?int $endline;
+    /**
+     * @psalm-readonly
+     *
+     * @psalm-var ?non-empty-string
+     */
+    public ?string $docstring;
+    /** @psalm-readonly */
+    public bool $return_reference;
+    /** @psalm-readonly */
+    public ?string $returntype = null;
+
+    public function __construct(ReflectionFunctionAbstract $callable)
+    {
+        $this->internal = $callable->isInternal();
+        $t = $callable->getFileName();
+        $this->filename = false === $t ? null : $t;
+        $t = $callable->getStartLine();
+        $this->startline = false === $t ? null : $t;
+        $t = $callable->getEndLine();
+        $this->endline = false === $t ? null : $t;
+        $t = $callable->getDocComment();
+        $this->docstring = false === $t ? null : $t;
+        $this->return_reference = $callable->returnsReference();
+
+        $rt = $callable->getReturnType();
+        if ($rt) {
+            $this->returntype = Utils::getTypeString($rt);
+        }
+
+        $parameters = [];
+        foreach ($callable->getParameters() as $param) {
+            $parameters[] = new ParameterBag($param);
+        }
+        $this->parameters = $parameters;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/DomNodeListValue.php b/ci4app/system/ThirdParty/Kint/Value/DomNodeListValue.php
new file mode 100644
index 0000000..7f8f378
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/DomNodeListValue.php
@@ -0,0 +1,57 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Dom\NodeList;
+use DOMNodeList;
+use Kint\Value\Context\ContextInterface;
+
+class DomNodeListValue extends InstanceValue
+{
+    protected int $length;
+
+    /**
+     * @psalm-param DOMNodeList|NodeList $node
+     */
+    public function __construct(ContextInterface $context, object $node)
+    {
+        parent::__construct($context, \get_class($node), \spl_object_hash($node), \spl_object_id($node));
+
+        $this->length = $node->length;
+    }
+
+    public function getLength(): int
+    {
+        return $this->length;
+    }
+
+    public function getDisplaySize(): string
+    {
+        return (string) $this->length;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/DomNodeValue.php b/ci4app/system/ThirdParty/Kint/Value/DomNodeValue.php
new file mode 100644
index 0000000..5f3650f
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/DomNodeValue.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Dom\Node;
+use DOMNode;
+use Kint\Value\Context\ContextInterface;
+
+class DomNodeValue extends InstanceValue
+{
+    /**
+     * @psalm-param DOMNode|Node $node
+     */
+    public function __construct(ContextInterface $context, object $node)
+    {
+        parent::__construct($context, \get_class($node), \spl_object_hash($node), \spl_object_id($node));
+    }
+
+    public function getDisplaySize(): ?string
+    {
+        return null;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/EnumValue.php b/ci4app/system/ThirdParty/Kint/Value/EnumValue.php
new file mode 100644
index 0000000..0017e3d
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/EnumValue.php
@@ -0,0 +1,68 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use BackedEnum;
+use Kint\Value\Context\ContextInterface;
+use UnitEnum;
+
+class EnumValue extends InstanceValue
+{
+    /** @psalm-readonly */
+    protected UnitEnum $enumval;
+
+    public function __construct(ContextInterface $context, UnitEnum $enumval)
+    {
+        parent::__construct($context, \get_class($enumval), \spl_object_hash($enumval), \spl_object_id($enumval));
+
+        $this->enumval = $enumval;
+    }
+
+    public function getHint(): string
+    {
+        return parent::getHint() ?? 'enum';
+    }
+
+    public function getDisplayType(): string
+    {
+        return $this->classname.'::'.$this->enumval->name;
+    }
+
+    public function getDisplayValue(): ?string
+    {
+        if ($this->enumval instanceof BackedEnum) {
+            if (\is_string($this->enumval->value)) {
+                return '"'.$this->enumval->value.'"';
+            }
+
+            return (string) $this->enumval->value;
+        }
+
+        return null;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/FixedWidthValue.php b/ci4app/system/ThirdParty/Kint/Value/FixedWidthValue.php
new file mode 100644
index 0000000..ad1d7e2
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/FixedWidthValue.php
@@ -0,0 +1,85 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use InvalidArgumentException;
+use Kint\Value\Context\ContextInterface;
+
+/**
+ * @psalm-type FixedWidthType = null|boolean|integer|double
+ */
+class FixedWidthValue extends AbstractValue
+{
+    /**
+     * @psalm-readonly
+     *
+     * @psalm-var FixedWidthType
+     */
+    protected $value;
+
+    /** @psalm-param FixedWidthType $value */
+    public function __construct(ContextInterface $context, $value)
+    {
+        $type = \strtolower(\gettype($value));
+
+        if ('null' === $type || 'boolean' === $type || 'integer' === $type || 'double' === $type) {
+            parent::__construct($context, $type);
+            $this->value = $value;
+        } else {
+            throw new InvalidArgumentException('FixedWidthValue can only contain fixed width types, got '.$type);
+        }
+    }
+
+    /**
+     * @psalm-api
+     *
+     * @psalm-return FixedWidthType
+     */
+    public function getValue()
+    {
+        return $this->value;
+    }
+
+    public function getDisplaySize(): ?string
+    {
+        return null;
+    }
+
+    public function getDisplayValue(): ?string
+    {
+        if ('boolean' === $this->type) {
+            return ((bool) $this->value) ? 'true' : 'false';
+        }
+
+        if ('integer' === $this->type || 'double' === $this->type) {
+            return (string) $this->value;
+        }
+
+        return null;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/FunctionValue.php b/ci4app/system/ThirdParty/Kint/Value/FunctionValue.php
new file mode 100644
index 0000000..5e99411
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/FunctionValue.php
@@ -0,0 +1,98 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Kint\Value\Context\ContextInterface;
+use Kint\Value\Representation\CallableDefinitionRepresentation;
+
+class FunctionValue extends AbstractValue
+{
+    /** @psalm-readonly */
+    protected DeclaredCallableBag $callable_bag;
+    /** @psalm-readonly */
+    protected ?CallableDefinitionRepresentation $definition_rep;
+
+    public function __construct(ContextInterface $c, DeclaredCallableBag $bag)
+    {
+        parent::__construct($c, 'function');
+
+        $this->callable_bag = $bag;
+
+        if ($this->callable_bag->internal) {
+            $this->definition_rep = null;
+
+            return;
+        }
+
+        /**
+         * @psalm-var string $this->callable_bag->filename
+         * @psalm-var int $this->callable_bag->startline
+         * Psalm issue #11121
+         */
+        $this->definition_rep = new CallableDefinitionRepresentation(
+            $this->callable_bag->filename,
+            $this->callable_bag->startline,
+            $this->callable_bag->docstring
+        );
+        $this->addRepresentation($this->definition_rep);
+    }
+
+    public function getCallableBag(): DeclaredCallableBag
+    {
+        return $this->callable_bag;
+    }
+
+    /** @psalm-api */
+    public function getDefinitionRepresentation(): ?CallableDefinitionRepresentation
+    {
+        return $this->definition_rep;
+    }
+
+    public function getDisplayName(): string
+    {
+        return $this->context->getName().'('.$this->callable_bag->getParams().')';
+    }
+
+    public function getDisplayValue(): ?string
+    {
+        if ($this->definition_rep instanceof CallableDefinitionRepresentation) {
+            return $this->definition_rep->getDocstringFirstLine();
+        }
+
+        return parent::getDisplayValue();
+    }
+
+    public function getPhpDocUrl(): ?string
+    {
+        if (!$this->callable_bag->internal) {
+            return null;
+        }
+
+        return 'https://www.php.net/function.'.\str_replace('_', '-', \strtolower((string) $this->context->getName()));
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/InstanceValue.php b/ci4app/system/ThirdParty/Kint/Value/InstanceValue.php
new file mode 100644
index 0000000..cd5e37e
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/InstanceValue.php
@@ -0,0 +1,111 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Kint\Value\Context\ContextInterface;
+
+class InstanceValue extends AbstractValue
+{
+    /**
+     * @psalm-readonly
+     *
+     * @psalm-var class-string
+     */
+    protected string $classname;
+    /** @psalm-readonly */
+    protected string $spl_object_hash;
+    /** @psalm-readonly */
+    protected int $spl_object_id;
+
+    /**
+     * The canonical children of this value, for text renderers.
+     *
+     * @psalm-var null|list<AbstractValue>
+     */
+    protected ?array $children = null;
+
+    /** @psalm-param class-string $classname */
+    public function __construct(
+        ContextInterface $context,
+        string $classname,
+        string $spl_object_hash,
+        int $spl_object_id
+    ) {
+        parent::__construct($context, 'object');
+        $this->classname = $classname;
+        $this->spl_object_hash = $spl_object_hash;
+        $this->spl_object_id = $spl_object_id;
+    }
+
+    /** @psalm-return class-string */
+    public function getClassName(): string
+    {
+        return $this->classname;
+    }
+
+    public function getSplObjectHash(): string
+    {
+        return $this->spl_object_hash;
+    }
+
+    public function getSplObjectId(): int
+    {
+        return $this->spl_object_id;
+    }
+
+    /** @psalm-param null|list<AbstractValue> $children */
+    public function setChildren(?array $children): void
+    {
+        $this->children = $children;
+    }
+
+    /** @psalm-return null|list<AbstractValue> */
+    public function getChildren(): ?array
+    {
+        return $this->children;
+    }
+
+    public function getDisplayType(): string
+    {
+        return $this->classname;
+    }
+
+    public function getDisplaySize(): ?string
+    {
+        if (null === $this->children) {
+            return null;
+        }
+
+        return (string) \count($this->children);
+    }
+
+    public function getDisplayChildren(): array
+    {
+        return $this->children ?? [];
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/MethodValue.php b/ci4app/system/ThirdParty/Kint/Value/MethodValue.php
new file mode 100644
index 0000000..4246727
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/MethodValue.php
@@ -0,0 +1,135 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Kint\Value\Context\ClassDeclaredContext;
+use Kint\Value\Context\MethodContext;
+use Kint\Value\Representation\CallableDefinitionRepresentation;
+
+class MethodValue extends AbstractValue
+{
+    /** @psalm-readonly */
+    protected DeclaredCallableBag $callable_bag;
+    /** @psalm-readonly */
+    protected ?CallableDefinitionRepresentation $definition_rep;
+
+    public function __construct(MethodContext $c, DeclaredCallableBag $bag)
+    {
+        parent::__construct($c, 'method');
+
+        $this->callable_bag = $bag;
+
+        if ($this->callable_bag->internal) {
+            $this->definition_rep = null;
+
+            return;
+        }
+
+        /**
+         * @psalm-var string $this->callable_bag->filename
+         * @psalm-var int $this->callable_bag->startline
+         * Psalm issue #11121
+         */
+        $this->definition_rep = new CallableDefinitionRepresentation(
+            $this->callable_bag->filename,
+            $this->callable_bag->startline,
+            $this->callable_bag->docstring
+        );
+        $this->addRepresentation($this->definition_rep);
+    }
+
+    public function getHint(): string
+    {
+        return parent::getHint() ?? 'callable';
+    }
+
+    public function getContext(): MethodContext
+    {
+        /**
+         * @psalm-var MethodContext $this->context
+         * Psalm discuss #11116
+         */
+        return $this->context;
+    }
+
+    public function getCallableBag(): DeclaredCallableBag
+    {
+        return $this->callable_bag;
+    }
+
+    /** @psalm-api */
+    public function getDefinitionRepresentation(): ?CallableDefinitionRepresentation
+    {
+        return $this->definition_rep;
+    }
+
+    public function getFullyQualifiedDisplayName(): string
+    {
+        $c = $this->getContext();
+
+        return $c->owner_class.'::'.$c->getName().'('.$this->callable_bag->getParams().')';
+    }
+
+    public function getDisplayName(): string
+    {
+        $c = $this->getContext();
+
+        if ($c->static || (ClassDeclaredContext::ACCESS_PRIVATE === $c->access && $c->inherited)) {
+            return $this->getFullyQualifiedDisplayName();
+        }
+
+        return $c->getName().'('.$this->callable_bag->getParams().')';
+    }
+
+    public function getDisplayValue(): ?string
+    {
+        if ($this->definition_rep instanceof CallableDefinitionRepresentation) {
+            return $this->definition_rep->getDocstringFirstLine();
+        }
+
+        return parent::getDisplayValue();
+    }
+
+    public function getPhpDocUrl(): ?string
+    {
+        if (!$this->callable_bag->internal) {
+            return null;
+        }
+
+        $c = $this->getContext();
+
+        $class = \str_replace('\\', '-', \strtolower($c->owner_class));
+        $funcname = \str_replace('_', '-', \strtolower($c->getName()));
+
+        if (0 === \strpos($funcname, '--') && 0 !== \strpos($funcname, '-', 2)) {
+            $funcname = \substr($funcname, 2);
+        }
+
+        return 'https://www.php.net/'.$class.'.'.$funcname;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/MicrotimeValue.php b/ci4app/system/ThirdParty/Kint/Value/MicrotimeValue.php
new file mode 100644
index 0000000..849ff8e
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/MicrotimeValue.php
@@ -0,0 +1,63 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+class MicrotimeValue extends AbstractValue
+{
+    /** @psalm-readonly */
+    protected AbstractValue $wrapped;
+
+    public function __construct(AbstractValue $old)
+    {
+        $this->context = $old->context;
+        $this->type = $old->type;
+        $this->flags = $old->flags;
+        $this->representations = $old->representations;
+        $this->wrapped = $old;
+    }
+
+    public function getHint(): string
+    {
+        return parent::getHint() ?? 'microtime';
+    }
+
+    public function getDisplaySize(): ?string
+    {
+        return $this->wrapped->getDisplaySize();
+    }
+
+    public function getDisplayValue(): ?string
+    {
+        return $this->wrapped->getDisplayValue();
+    }
+
+    public function getDisplayType(): string
+    {
+        return $this->wrapped->getDisplayType();
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/ParameterBag.php b/ci4app/system/ThirdParty/Kint/Value/ParameterBag.php
new file mode 100644
index 0000000..d6114c3
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/ParameterBag.php
@@ -0,0 +1,99 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Kint\Utils;
+use ReflectionParameter;
+
+final class ParameterBag
+{
+    /** @psalm-readonly */
+    public string $name;
+    /** @psalm-readonly */
+    public int $position;
+    /** @psalm-readonly */
+    public bool $ref;
+    /** @psalm-readonly */
+    public ?string $type_hint;
+    /** @psalm-readonly */
+    public ?string $default;
+
+    public function __construct(ReflectionParameter $param)
+    {
+        $this->name = $param->getName();
+        $this->position = $param->getPosition();
+        $this->ref = $param->isPassedByReference();
+
+        $this->type_hint = ($type = $param->getType()) ? Utils::getTypeString($type) : null;
+
+        if ($param->isDefaultValueAvailable()) {
+            $default = $param->getDefaultValue();
+            switch (\gettype($default)) {
+                case 'NULL':
+                    $this->default = 'null';
+                    break;
+                case 'boolean':
+                    $this->default = $default ? 'true' : 'false';
+                    break;
+                case 'array':
+                    $this->default = \count($default) ? 'array(...)' : 'array()';
+                    break;
+                case 'double':
+                case 'integer':
+                case 'string':
+                    $this->default = \var_export($default, true);
+                    break;
+                case 'object':
+                    $this->default = 'object('.\get_class($default).')';
+                    break;
+                default:
+                    $this->default = \gettype($default);
+                    break;
+            }
+        } else {
+            $this->default = null;
+        }
+    }
+
+    public function __toString()
+    {
+        $type = $this->type_hint;
+        if (null !== $type) {
+            $type .= ' ';
+        }
+
+        $default = $this->default;
+        if (null !== $default) {
+            $default = ' = '.$default;
+        }
+
+        $ref = $this->ref ? '&' : '';
+
+        return $type.$ref.'$'.$this->name.$default;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/ParameterHoldingTrait.php b/ci4app/system/ThirdParty/Kint/Value/ParameterHoldingTrait.php
new file mode 100644
index 0000000..b9e3412
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/ParameterHoldingTrait.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+trait ParameterHoldingTrait
+{
+    /**
+     * @psalm-readonly
+     *
+     * @psalm-var ParameterBag[]
+     */
+    public array $parameters = [];
+
+    public function getParams(): string
+    {
+        $out = [];
+
+        foreach ($this->parameters as $p) {
+            $out[] = (string) $p;
+        }
+
+        return \implode(', ', $out);
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Representation/AbstractRepresentation.php b/ci4app/system/ThirdParty/Kint/Value/Representation/AbstractRepresentation.php
new file mode 100644
index 0000000..3c8180e
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Representation/AbstractRepresentation.php
@@ -0,0 +1,65 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Representation;
+
+abstract class AbstractRepresentation implements RepresentationInterface
+{
+    /** @psalm-readonly */
+    protected string $label;
+    /** @psalm-readonly */
+    protected string $name;
+    /** @psalm-readonly */
+    protected bool $implicit_label;
+
+    public function __construct(string $label, ?string $name = null, bool $implicit_label = false)
+    {
+        $this->label = $label;
+        $this->name = \preg_replace('/[^a-z0-9]+/', '_', \strtolower($name ?? $label));
+        $this->implicit_label = $implicit_label;
+    }
+
+    public function getLabel(): string
+    {
+        return $this->label;
+    }
+
+    public function getName(): string
+    {
+        return $this->name;
+    }
+
+    public function labelIsImplicit(): bool
+    {
+        return $this->implicit_label;
+    }
+
+    public function getHint(): ?string
+    {
+        return null;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Representation/BinaryRepresentation.php b/ci4app/system/ThirdParty/Kint/Value/Representation/BinaryRepresentation.php
new file mode 100644
index 0000000..5cd7ca0
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Representation/BinaryRepresentation.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Representation;
+
+class BinaryRepresentation extends AbstractRepresentation
+{
+    /** @psalm-readonly */
+    protected string $value;
+
+    public function __construct(string $value, bool $implicit = false)
+    {
+        parent::__construct('Hex dump', 'binary', $implicit);
+        $this->value = $value;
+    }
+
+    public function getHint(): string
+    {
+        return 'binary';
+    }
+
+    public function getValue(): string
+    {
+        return $this->value;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Representation/CallableDefinitionRepresentation.php b/ci4app/system/ThirdParty/Kint/Value/Representation/CallableDefinitionRepresentation.php
new file mode 100644
index 0000000..4625f34
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Representation/CallableDefinitionRepresentation.php
@@ -0,0 +1,157 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Representation;
+
+use InvalidArgumentException;
+
+class CallableDefinitionRepresentation extends AbstractRepresentation
+{
+    /** @psalm-readonly */
+    protected string $filename;
+    /** @psalm-readonly */
+    protected int $line;
+    /**
+     * @psalm-readonly
+     *
+     * @psalm-var ?non-empty-string
+     */
+    protected ?string $docstring;
+
+    /**
+     * @psalm-param ?non-empty-string $docstring
+     */
+    public function __construct(string $filename, int $line, ?string $docstring)
+    {
+        if (null !== $docstring && !\preg_match('%^/\\*\\*.+\\*/$%s', $docstring)) {
+            throw new InvalidArgumentException('Docstring is invalid');
+        }
+
+        parent::__construct('Callable definition', null, true);
+
+        $this->filename = $filename;
+        $this->line = $line;
+        $this->docstring = $docstring;
+    }
+
+    public function getHint(): string
+    {
+        return 'callable';
+    }
+
+    public function getFileName(): string
+    {
+        return $this->filename;
+    }
+
+    public function getLine(): int
+    {
+        return $this->line;
+    }
+
+    /**
+     * @psalm-api
+     *
+     * @psalm-return ?non-empty-string
+     */
+    public function getDocstring(): ?string
+    {
+        return $this->docstring;
+    }
+
+    /**
+     * Returns the representation's docstring without surrounding comments.
+     *
+     * Note that this will not work flawlessly.
+     *
+     * On comments with whitespace after the stars the lines will begin with
+     * whitespace, since we can't accurately guess how much of an indentation
+     * is required.
+     *
+     * And on lines without stars on the left this may eat bullet points.
+     *
+     * Long story short: If you want the docstring read the contents. If you
+     * absolutely must have it without comments (ie renderValueShort) this will
+     * probably do.
+     */
+    public function getDocstringWithoutComments(): ?string
+    {
+        if (null === ($ds = $this->getDocstring())) {
+            return null;
+        }
+
+        $string = \substr($ds, 3, -2);
+        $string = \preg_replace('/^\\s*\\*\\s*?(\\S|$)/m', '\\1', $string);
+
+        return \trim($string);
+    }
+
+    public function getDocstringFirstLine(): ?string
+    {
+        $ds = $this->getDocstringWithoutComments();
+
+        if (null === $ds) {
+            return null;
+        }
+
+        $ds = \explode("\n", $ds);
+
+        $out = '';
+
+        foreach ($ds as $line) {
+            if (0 === \strlen(\trim($line)) || '@' === $line[0]) {
+                break;
+            }
+
+            $out .= $line.' ';
+        }
+
+        if (\strlen($out)) {
+            return \rtrim($out);
+        }
+
+        return null;
+    }
+
+    public function getDocstringTrimmed(): ?string
+    {
+        if (null === ($ds = $this->getDocstring())) {
+            return null;
+        }
+
+        $docstring = [];
+        foreach (\explode("\n", $ds) as $line) {
+            $line = \trim($line);
+            if (($line[0] ?? null) === '*') {
+                $line = ' '.$line;
+            }
+            $docstring[] = $line;
+        }
+
+        return \implode("\n", $docstring);
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Representation/ColorRepresentation.php b/ci4app/system/ThirdParty/Kint/Value/Representation/ColorRepresentation.php
new file mode 100644
index 0000000..4221ccc
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Representation/ColorRepresentation.php
@@ -0,0 +1,594 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Representation;
+
+use InvalidArgumentException;
+use LogicException;
+
+class ColorRepresentation extends AbstractRepresentation
+{
+    public const COLOR_NAME = 1;
+    public const COLOR_HEX_3 = 2;
+    public const COLOR_HEX_6 = 3;
+    public const COLOR_RGB = 4;
+    public const COLOR_RGBA = 5;
+    public const COLOR_HSL = 6;
+    public const COLOR_HSLA = 7;
+    public const COLOR_HEX_4 = 8;
+    public const COLOR_HEX_8 = 9;
+
+    /** @psalm-var array<truthy-string, truthy-string> */
+    public static array $color_map = [
+        'aliceblue' => 'f0f8ff',
+        'antiquewhite' => 'faebd7',
+        'aqua' => '00ffff',
+        'aquamarine' => '7fffd4',
+        'azure' => 'f0ffff',
+        'beige' => 'f5f5dc',
+        'bisque' => 'ffe4c4',
+        'black' => '000000',
+        'blanchedalmond' => 'ffebcd',
+        'blue' => '0000ff',
+        'blueviolet' => '8a2be2',
+        'brown' => 'a52a2a',
+        'burlywood' => 'deb887',
+        'cadetblue' => '5f9ea0',
+        'chartreuse' => '7fff00',
+        'chocolate' => 'd2691e',
+        'coral' => 'ff7f50',
+        'cornflowerblue' => '6495ed',
+        'cornsilk' => 'fff8dc',
+        'crimson' => 'dc143c',
+        'cyan' => '00ffff',
+        'darkblue' => '00008b',
+        'darkcyan' => '008b8b',
+        'darkgoldenrod' => 'b8860b',
+        'darkgray' => 'a9a9a9',
+        'darkgreen' => '006400',
+        'darkgrey' => 'a9a9a9',
+        'darkkhaki' => 'bdb76b',
+        'darkmagenta' => '8b008b',
+        'darkolivegreen' => '556b2f',
+        'darkorange' => 'ff8c00',
+        'darkorchid' => '9932cc',
+        'darkred' => '8b0000',
+        'darksalmon' => 'e9967a',
+        'darkseagreen' => '8fbc8f',
+        'darkslateblue' => '483d8b',
+        'darkslategray' => '2f4f4f',
+        'darkslategrey' => '2f4f4f',
+        'darkturquoise' => '00ced1',
+        'darkviolet' => '9400d3',
+        'deeppink' => 'ff1493',
+        'deepskyblue' => '00bfff',
+        'dimgray' => '696969',
+        'dimgrey' => '696969',
+        'dodgerblue' => '1e90ff',
+        'firebrick' => 'b22222',
+        'floralwhite' => 'fffaf0',
+        'forestgreen' => '228b22',
+        'fuchsia' => 'ff00ff',
+        'gainsboro' => 'dcdcdc',
+        'ghostwhite' => 'f8f8ff',
+        'gold' => 'ffd700',
+        'goldenrod' => 'daa520',
+        'gray' => '808080',
+        'green' => '008000',
+        'greenyellow' => 'adff2f',
+        'grey' => '808080',
+        'honeydew' => 'f0fff0',
+        'hotpink' => 'ff69b4',
+        'indianred' => 'cd5c5c',
+        'indigo' => '4b0082',
+        'ivory' => 'fffff0',
+        'khaki' => 'f0e68c',
+        'lavender' => 'e6e6fa',
+        'lavenderblush' => 'fff0f5',
+        'lawngreen' => '7cfc00',
+        'lemonchiffon' => 'fffacd',
+        'lightblue' => 'add8e6',
+        'lightcoral' => 'f08080',
+        'lightcyan' => 'e0ffff',
+        'lightgoldenrodyellow' => 'fafad2',
+        'lightgray' => 'd3d3d3',
+        'lightgreen' => '90ee90',
+        'lightgrey' => 'd3d3d3',
+        'lightpink' => 'ffb6c1',
+        'lightsalmon' => 'ffa07a',
+        'lightseagreen' => '20b2aa',
+        'lightskyblue' => '87cefa',
+        'lightslategray' => '778899',
+        'lightslategrey' => '778899',
+        'lightsteelblue' => 'b0c4de',
+        'lightyellow' => 'ffffe0',
+        'lime' => '00ff00',
+        'limegreen' => '32cd32',
+        'linen' => 'faf0e6',
+        'magenta' => 'ff00ff',
+        'maroon' => '800000',
+        'mediumaquamarine' => '66cdaa',
+        'mediumblue' => '0000cd',
+        'mediumorchid' => 'ba55d3',
+        'mediumpurple' => '9370db',
+        'mediumseagreen' => '3cb371',
+        'mediumslateblue' => '7b68ee',
+        'mediumspringgreen' => '00fa9a',
+        'mediumturquoise' => '48d1cc',
+        'mediumvioletred' => 'c71585',
+        'midnightblue' => '191970',
+        'mintcream' => 'f5fffa',
+        'mistyrose' => 'ffe4e1',
+        'moccasin' => 'ffe4b5',
+        'navajowhite' => 'ffdead',
+        'navy' => '000080',
+        'oldlace' => 'fdf5e6',
+        'olive' => '808000',
+        'olivedrab' => '6b8e23',
+        'orange' => 'ffa500',
+        'orangered' => 'ff4500',
+        'orchid' => 'da70d6',
+        'palegoldenrod' => 'eee8aa',
+        'palegreen' => '98fb98',
+        'paleturquoise' => 'afeeee',
+        'palevioletred' => 'db7093',
+        'papayawhip' => 'ffefd5',
+        'peachpuff' => 'ffdab9',
+        'peru' => 'cd853f',
+        'pink' => 'ffc0cb',
+        'plum' => 'dda0dd',
+        'powderblue' => 'b0e0e6',
+        'purple' => '800080',
+        'rebeccapurple' => '663399',
+        'red' => 'ff0000',
+        'rosybrown' => 'bc8f8f',
+        'royalblue' => '4169e1',
+        'saddlebrown' => '8b4513',
+        'salmon' => 'fa8072',
+        'sandybrown' => 'f4a460',
+        'seagreen' => '2e8b57',
+        'seashell' => 'fff5ee',
+        'sienna' => 'a0522d',
+        'silver' => 'c0c0c0',
+        'skyblue' => '87ceeb',
+        'slateblue' => '6a5acd',
+        'slategray' => '708090',
+        'slategrey' => '708090',
+        'snow' => 'fffafa',
+        'springgreen' => '00ff7f',
+        'steelblue' => '4682b4',
+        'tan' => 'd2b48c',
+        'teal' => '008080',
+        'thistle' => 'd8bfd8',
+        'tomato' => 'ff6347',
+        // To quote MDN:
+        // "Technically, transparent is a shortcut for rgba(0,0,0,0)."
+        'transparent' => '00000000',
+        'turquoise' => '40e0d0',
+        'violet' => 'ee82ee',
+        'wheat' => 'f5deb3',
+        'white' => 'ffffff',
+        'whitesmoke' => 'f5f5f5',
+        'yellow' => 'ffff00',
+        'yellowgreen' => '9acd32',
+    ];
+
+    protected int $r;
+    protected int $g;
+    protected int $b;
+    protected float $a;
+    /** @psalm-var self::COLOR_* */
+    protected int $variant;
+
+    public function __construct(string $value)
+    {
+        parent::__construct('Color', null, true);
+        $this->setValues($value);
+    }
+
+    public function getHint(): string
+    {
+        return 'color';
+    }
+
+    /**
+     * @psalm-api
+     *
+     * @psalm-return self::COLOR_*
+     */
+    public function getVariant(): int
+    {
+        return $this->variant;
+    }
+
+    /**
+     * @psalm-param self::COLOR_* $variant
+     *
+     * @psalm-return ?truthy-string
+     */
+    public function getColor(?int $variant = null): ?string
+    {
+        $variant ??= $this->variant;
+
+        switch ($variant) {
+            case self::COLOR_NAME:
+                $hex = \sprintf('%02x%02x%02x', $this->r, $this->g, $this->b);
+                $hex_alpha = \sprintf('%02x%02x%02x%02x', $this->r, $this->g, $this->b, \round($this->a * 0xFF));
+
+                return \array_search($hex, self::$color_map, true) ?: \array_search($hex_alpha, self::$color_map, true) ?: null;
+            case self::COLOR_HEX_3:
+                if (0 === $this->r % 0x11 && 0 === $this->g % 0x11 && 0 === $this->b % 0x11) {
+                    /** @psalm-var truthy-string */
+                    return \sprintf(
+                        '#%1X%1X%1X',
+                        \round($this->r / 0x11),
+                        \round($this->g / 0x11),
+                        \round($this->b / 0x11)
+                    );
+                }
+
+                return null;
+            case self::COLOR_HEX_6:
+                /** @psalm-var truthy-string */
+                return \sprintf('#%02X%02X%02X', $this->r, $this->g, $this->b);
+            case self::COLOR_RGB:
+                if (1.0 === $this->a) {
+                    /** @psalm-var truthy-string */
+                    return \sprintf('rgb(%d, %d, %d)', $this->r, $this->g, $this->b);
+                }
+
+                /** @psalm-var truthy-string */
+                return \sprintf('rgb(%d, %d, %d, %s)', $this->r, $this->g, $this->b, \round($this->a, 4));
+            case self::COLOR_RGBA:
+                /** @psalm-var truthy-string */
+                return \sprintf('rgba(%d, %d, %d, %s)', $this->r, $this->g, $this->b, \round($this->a, 4));
+            case self::COLOR_HSL:
+                $val = self::rgbToHsl($this->r, $this->g, $this->b);
+                $val[1] = \round($val[1] * 100);
+                $val[2] = \round($val[2] * 100);
+                if (1.0 === $this->a) {
+                    /** @psalm-var truthy-string */
+                    return \vsprintf('hsl(%d, %d%%, %d%%)', $val);
+                }
+
+                /** @psalm-var truthy-string */
+                return \sprintf('hsl(%d, %d%%, %d%%, %s)', $val[0], $val[1], $val[2], \round($this->a, 4));
+            case self::COLOR_HSLA:
+                $val = self::rgbToHsl($this->r, $this->g, $this->b);
+                $val[1] = \round($val[1] * 100);
+                $val[2] = \round($val[2] * 100);
+
+                /** @psalm-var truthy-string */
+                return \sprintf('hsla(%d, %d%%, %d%%, %s)', $val[0], $val[1], $val[2], \round($this->a, 4));
+            case self::COLOR_HEX_4:
+                if (0 === $this->r % 0x11 && 0 === $this->g % 0x11 && 0 === $this->b % 0x11 && 0 === ((int) ($this->a * 255)) % 0x11) {
+                    /** @psalm-var truthy-string */
+                    return \sprintf(
+                        '#%1X%1X%1X%1X',
+                        \round($this->r / 0x11),
+                        \round($this->g / 0x11),
+                        \round($this->b / 0x11),
+                        \round($this->a * 0xF)
+                    );
+                }
+
+                return null;
+
+            case self::COLOR_HEX_8:
+                /** @psalm-var truthy-string */
+                return \sprintf('#%02X%02X%02X%02X', $this->r, $this->g, $this->b, \round($this->a * 0xFF));
+        }
+
+        return null;
+    }
+
+    public function hasAlpha(?int $variant = null): bool
+    {
+        $variant ??= $this->variant;
+
+        switch ($variant) {
+            case self::COLOR_NAME:
+            case self::COLOR_RGB:
+            case self::COLOR_HSL:
+                return \abs($this->a - 1) >= 0.0001;
+            case self::COLOR_RGBA:
+            case self::COLOR_HSLA:
+            case self::COLOR_HEX_4:
+            case self::COLOR_HEX_8:
+                return true;
+            default:
+                return false;
+        }
+    }
+
+    protected function setValues(string $value): void
+    {
+        $this->a = 1.0;
+
+        $value = \strtolower(\trim($value));
+        // Find out which variant of color input it is
+        if (isset(self::$color_map[$value])) {
+            $this->setValuesFromHex(self::$color_map[$value]);
+            $variant = self::COLOR_NAME;
+        } elseif ('#' === $value[0]) {
+            $variant = $this->setValuesFromHex(\substr($value, 1));
+        } else {
+            $variant = $this->setValuesFromFunction($value);
+        }
+
+        // If something has gone horribly wrong
+        if ($this->r > 0xFF || $this->g > 0xFF || $this->b > 0xFF || $this->a > 1) {
+            throw new LogicException('Something has gone wrong with color parsing'); // @codeCoverageIgnore
+        }
+        $this->variant = $variant;
+    }
+
+    /** @psalm-return self::COLOR_* */
+    protected function setValuesFromHex(string $hex): int
+    {
+        if (!\ctype_xdigit($hex)) {
+            throw new InvalidArgumentException('Hex color codes must be hexadecimal');
+        }
+
+        switch (\strlen($hex)) {
+            case 3:
+                $variant = self::COLOR_HEX_3;
+                break;
+            case 6:
+                $variant = self::COLOR_HEX_6;
+                break;
+            case 4:
+                $variant = self::COLOR_HEX_4;
+                break;
+            case 8:
+                $variant = self::COLOR_HEX_8;
+                break;
+            default:
+                throw new InvalidArgumentException('Hex color codes must have 3, 4, 6, or 8 characters');
+        }
+
+        switch ($variant) {
+            case self::COLOR_HEX_4:
+                $this->a = \hexdec($hex[3]) / 0xF;
+                // no break
+            case self::COLOR_HEX_3:
+                $this->r = \hexdec($hex[0]) * 0x11;
+                $this->g = \hexdec($hex[1]) * 0x11;
+                $this->b = \hexdec($hex[2]) * 0x11;
+                break;
+            case self::COLOR_HEX_8:
+                $this->a = \hexdec(\substr($hex, 6, 2)) / 0xFF;
+                // no break
+            case self::COLOR_HEX_6:
+                $hex = \str_split($hex, 2);
+                $this->r = \hexdec($hex[0]);
+                $this->g = \hexdec($hex[1]);
+                $this->b = \hexdec($hex[2]);
+                break;
+        }
+
+        return $variant;
+    }
+
+    /** @psalm-return self::COLOR_* */
+    protected function setValuesFromFunction(string $value): int
+    {
+        if (!\preg_match('/^((?:rgb|hsl)a?)\\s*\\(([0-9\\.%,\\s\\/\\-]+)\\)$/i', $value, $match)) {
+            throw new InvalidArgumentException('Couldn\'t parse color function string');
+        }
+
+        switch (\strtolower($match[1])) {
+            case 'rgb':
+                $variant = self::COLOR_RGB;
+                break;
+            case 'rgba':
+                $variant = self::COLOR_RGBA;
+                break;
+            case 'hsl':
+                $variant = self::COLOR_HSL;
+                break;
+            case 'hsla':
+                $variant = self::COLOR_HSLA;
+                break;
+            default:
+                // The regex should preclude this from ever happening
+                throw new InvalidArgumentException('Color functions must be one of rgb/rgba/hsl/hsla'); // @codeCoverageIgnore
+        }
+
+        $params = \preg_replace('/[,\\s\\/]+/', ',', \trim($match[2]));
+        $params = \explode(',', $params);
+        $params = \array_map('trim', $params);
+
+        if (\count($params) < 3 || \count($params) > 4) {
+            throw new InvalidArgumentException('Color functions must have 3 or 4 arguments');
+        }
+
+        foreach ($params as $i => &$color) {
+            if (false !== \strpos($color, '%')) {
+                $color = (float) \str_replace('%', '', $color);
+
+                if (\in_array($variant, [self::COLOR_RGB, self::COLOR_RGBA], true) && 3 !== $i) {
+                    $color = \round($color / 100 * 0xFF);
+                } else {
+                    $color = $color / 100;
+                }
+            }
+
+            $color = (float) $color;
+
+            if (0 === $i && \in_array($variant, [self::COLOR_HSL, self::COLOR_HSLA], true)) {
+                $color = \fmod(\fmod($color, 360) + 360, 360);
+            }
+        }
+
+        /**
+         * @psalm-var non-empty-array<array-key, float> $params
+         * Psalm bug #746 (wontfix)
+         */
+        switch ($variant) {
+            case self::COLOR_RGBA:
+            case self::COLOR_RGB:
+                if (\min($params) < 0 || \max($params) > 0xFF) {
+                    throw new InvalidArgumentException('RGB function arguments must be between 0 and 255');
+                }
+                break;
+            case self::COLOR_HSLA:
+            case self::COLOR_HSL:
+                if ($params[0] < 0 || $params[0] > 360) {
+                    // Should be impossible because of the fmod work
+                    throw new InvalidArgumentException('Hue must be between 0 and 360'); // @codeCoverageIgnore
+                }
+                if (\min($params) < 0 || \max($params[1], $params[2]) > 1) {
+                    throw new InvalidArgumentException('Saturation/lightness must be between 0 and 1');
+                }
+                break;
+        }
+
+        if (4 === \count($params)) {
+            if ($params[3] > 1) {
+                throw new InvalidArgumentException('Alpha must be between 0 and 1');
+            }
+
+            $this->a = $params[3];
+        }
+
+        if (self::COLOR_HSLA === $variant || self::COLOR_HSL === $variant) {
+            $params = self::hslToRgb($params[0], $params[1], $params[2]);
+        }
+
+        [$this->r, $this->g, $this->b] = [(int) $params[0], (int) $params[1], (int) $params[2]];
+
+        return $variant;
+    }
+
+    /**
+     * Turns HSL color to RGB. Black magic.
+     *
+     * @param float $h Hue
+     * @param float $s Saturation
+     * @param float $l Lightness
+     *
+     * @return int[] RGB array
+     */
+    public static function hslToRgb(float $h, float $s, float $l): array
+    {
+        if (\min($h, $s, $l) < 0) {
+            throw new InvalidArgumentException('The parameters for hslToRgb should be no less than 0');
+        }
+
+        if ($h > 360 || \max($s, $l) > 1) {
+            throw new InvalidArgumentException('The parameters for hslToRgb should be no more than 360, 1, and 1 respectively');
+        }
+
+        $h /= 360;
+
+        $m2 = ($l <= 0.5) ? $l * ($s + 1) : $l + $s - $l * $s;
+        $m1 = $l * 2 - $m2;
+
+        return [
+            (int) \round(self::hueToRgb($m1, $m2, $h + 1 / 3) * 0xFF),
+            (int) \round(self::hueToRgb($m1, $m2, $h) * 0xFF),
+            (int) \round(self::hueToRgb($m1, $m2, $h - 1 / 3) * 0xFF),
+        ];
+    }
+
+    /**
+     * Converts RGB to HSL. Color inversion of previous black magic is white magic?
+     *
+     * @param float $red   Red
+     * @param float $green Green
+     * @param float $blue  Blue
+     *
+     * @return float[] HSL array
+     */
+    public static function rgbToHsl(float $red, float $green, float $blue): array
+    {
+        if (\min($red, $green, $blue) < 0) {
+            throw new InvalidArgumentException('The parameters for rgbToHsl should be no less than 0');
+        }
+
+        if (\max($red, $green, $blue) > 0xFF) {
+            throw new InvalidArgumentException('The parameters for rgbToHsl should be no more than 255');
+        }
+
+        $clrMin = \min($red, $green, $blue);
+        $clrMax = \max($red, $green, $blue);
+        $deltaMax = $clrMax - $clrMin;
+
+        $L = ($clrMax + $clrMin) / 510;
+
+        if (0 == $deltaMax) {
+            $H = 0.0;
+            $S = 0.0;
+        } else {
+            if (0.5 > $L) {
+                $S = $deltaMax / ($clrMax + $clrMin);
+            } else {
+                $S = $deltaMax / (510 - $clrMax - $clrMin);
+            }
+
+            if ($clrMax === $red) {
+                $H = ($green - $blue) / (6.0 * $deltaMax);
+
+                if (0 > $H) {
+                    $H += 1.0;
+                }
+            } elseif ($clrMax === $green) {
+                $H = 1 / 3 + ($blue - $red) / (6.0 * $deltaMax);
+            } else {
+                $H = 2 / 3 + ($red - $green) / (6.0 * $deltaMax);
+            }
+        }
+
+        return [
+            \fmod($H * 360, 360),
+            $S,
+            $L,
+        ];
+    }
+
+    /**
+     * Helper function for hslToRgb. Even blacker magic.
+     *
+     * @return float Color value
+     */
+    private static function hueToRgb(float $m1, float $m2, float $hue): float
+    {
+        $hue = ($hue < 0) ? $hue + 1 : (($hue > 1) ? $hue - 1 : $hue);
+        if ($hue * 6 < 1) {
+            return $m1 + ($m2 - $m1) * $hue * 6;
+        }
+        if ($hue * 2 < 1) {
+            return $m2;
+        }
+        if ($hue * 3 < 2) {
+            return $m1 + ($m2 - $m1) * (2 / 3 - $hue) * 6;
+        }
+
+        return $m1;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Representation/ContainerRepresentation.php b/ci4app/system/ThirdParty/Kint/Value/Representation/ContainerRepresentation.php
new file mode 100644
index 0000000..344e1d4
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Representation/ContainerRepresentation.php
@@ -0,0 +1,63 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Representation;
+
+use InvalidArgumentException;
+use Kint\Value\AbstractValue;
+
+class ContainerRepresentation extends AbstractRepresentation
+{
+    /**
+     * @psalm-readonly
+     *
+     * @psalm-var non-empty-array<AbstractValue>
+     */
+    protected array $contents;
+
+    /** @psalm-param non-empty-array<AbstractValue> $contents */
+    public function __construct(string $label, array $contents, ?string $name = null, bool $implicit_label = false)
+    {
+        if ([] === $contents) {
+            throw new InvalidArgumentException("ContainerRepresentation can't take empty list");
+        }
+
+        parent::__construct($label, $name, $implicit_label);
+        $this->contents = $contents;
+    }
+
+    /** @psalm-return non-empty-array<AbstractValue> */
+    public function getContents(): array
+    {
+        return $this->contents;
+    }
+
+    public function getLabel(): string
+    {
+        return parent::getLabel().' ('.\count($this->contents).')';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Representation/MicrotimeRepresentation.php b/ci4app/system/ThirdParty/Kint/Value/Representation/MicrotimeRepresentation.php
new file mode 100644
index 0000000..6a7d300
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Representation/MicrotimeRepresentation.php
@@ -0,0 +1,125 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Representation;
+
+use DateTimeImmutable;
+use DateTimeInterface;
+
+class MicrotimeRepresentation extends AbstractRepresentation
+{
+    /** @psalm-readonly */
+    protected int $seconds;
+    /** @psalm-readonly */
+    protected int $microseconds;
+    /** @psalm-readonly */
+    protected string $group;
+    /** @psalm-readonly */
+    protected ?float $lap_time;
+    /** @psalm-readonly */
+    protected ?float $total_time;
+    protected ?float $avg_time = null;
+    /** @psalm-readonly */
+    protected int $mem;
+    /** @psalm-readonly */
+    protected int $mem_real;
+    /** @psalm-readonly */
+    protected int $mem_peak;
+    /** @psalm-readonly */
+    protected int $mem_peak_real;
+
+    public function __construct(int $seconds, int $microseconds, string $group, ?float $lap_time = null, ?float $total_time = null, int $i = 0)
+    {
+        parent::__construct('Microtime', null, true);
+
+        $this->seconds = $seconds;
+        $this->microseconds = $microseconds;
+
+        $this->group = $group;
+        $this->lap_time = $lap_time;
+        $this->total_time = $total_time;
+
+        if ($i > 0) {
+            $this->avg_time = $total_time / $i;
+        }
+
+        $this->mem = \memory_get_usage();
+        $this->mem_real = \memory_get_usage(true);
+        $this->mem_peak = \memory_get_peak_usage();
+        $this->mem_peak_real = \memory_get_peak_usage(true);
+    }
+
+    public function getHint(): string
+    {
+        return 'microtime';
+    }
+
+    public function getGroup(): string
+    {
+        return $this->group;
+    }
+
+    public function getLapTime(): ?float
+    {
+        return $this->lap_time;
+    }
+
+    public function getTotalTime(): ?float
+    {
+        return $this->total_time;
+    }
+
+    public function getAverageTime(): ?float
+    {
+        return $this->avg_time;
+    }
+
+    public function getMemoryUsage(): int
+    {
+        return $this->mem;
+    }
+
+    public function getMemoryUsageReal(): int
+    {
+        return $this->mem_real;
+    }
+
+    public function getMemoryPeakUsage(): int
+    {
+        return $this->mem_peak;
+    }
+
+    public function getMemoryPeakUsageReal(): int
+    {
+        return $this->mem_peak_real;
+    }
+
+    public function getDateTime(): ?DateTimeInterface
+    {
+        return DateTimeImmutable::createFromFormat('U u', $this->seconds.' '.\str_pad((string) $this->microseconds, 6, '0', STR_PAD_LEFT)) ?: null;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Representation/ProfileRepresentation.php b/ci4app/system/ThirdParty/Kint/Value/Representation/ProfileRepresentation.php
new file mode 100644
index 0000000..bd0ca92
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Representation/ProfileRepresentation.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Representation;
+
+class ProfileRepresentation extends AbstractRepresentation
+{
+    /** @psalm-readonly */
+    public int $complexity;
+    public ?int $instance_counts = null;
+    public ?int $instance_complexity = null;
+
+    public function __construct(int $complexity)
+    {
+        parent::__construct('Performance profile', 'profiling', false);
+        $this->complexity = $complexity;
+    }
+
+    public function getHint(): string
+    {
+        return 'profiling';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Representation/RepresentationInterface.php b/ci4app/system/ThirdParty/Kint/Value/Representation/RepresentationInterface.php
new file mode 100644
index 0000000..1acb987
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Representation/RepresentationInterface.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Representation;
+
+interface RepresentationInterface
+{
+    public function getLabel(): string;
+
+    public function getName(): string;
+
+    public function getHint(): ?string;
+
+    public function labelIsImplicit(): bool;
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Representation/SourceRepresentation.php b/ci4app/system/ThirdParty/Kint/Value/Representation/SourceRepresentation.php
new file mode 100644
index 0000000..1645409
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Representation/SourceRepresentation.php
@@ -0,0 +1,121 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Representation;
+
+use RuntimeException;
+
+class SourceRepresentation extends AbstractRepresentation
+{
+    private const DEFAULT_PADDING = 7;
+
+    /**
+     * @psalm-readonly
+     *
+     * @psalm-var non-empty-array<string>
+     */
+    protected array $source;
+    /** @psalm-readonly */
+    protected string $filename;
+    /** @psalm-readonly */
+    protected int $line;
+    /** @psalm-readonly */
+    protected bool $showfilename;
+
+    public function __construct(string $filename, int $line, ?int $padding = self::DEFAULT_PADDING, bool $showfilename = false)
+    {
+        parent::__construct('Source');
+
+        $this->filename = $filename;
+        $this->line = $line;
+        $this->showfilename = $showfilename;
+
+        $padding ??= self::DEFAULT_PADDING;
+
+        $start_line = \max($line - $padding, 1);
+        $length = $line + $padding + 1 - $start_line;
+        $this->source = self::readSource($filename, $start_line, $length);
+    }
+
+    public function getHint(): string
+    {
+        return 'source';
+    }
+
+    /**
+     * @psalm-api
+     *
+     * @psalm-return non-empty-string
+     */
+    public function getSourceSlice(): string
+    {
+        return \implode("\n", $this->source);
+    }
+
+    /** @psalm-return non-empty-array<string> */
+    public function getSourceLines(): array
+    {
+        return $this->source;
+    }
+
+    public function getFileName(): string
+    {
+        return $this->filename;
+    }
+
+    public function getLine(): int
+    {
+        return $this->line;
+    }
+
+    public function showFileName(): bool
+    {
+        return $this->showfilename;
+    }
+
+    /**
+     * Gets section of source code.
+     *
+     * @psalm-return non-empty-array<string>
+     */
+    private static function readSource(string $filename, int $start_line = 1, ?int $length = null): array
+    {
+        if (!$filename || !\file_exists($filename) || !\is_readable($filename)) {
+            throw new RuntimeException("Couldn't read file");
+        }
+
+        $source = \preg_split("/\r\n|\n|\r/", \file_get_contents($filename));
+        $source = \array_combine(\range(1, \count($source)), $source);
+        $source = \array_slice($source, $start_line - 1, $length, true);
+
+        if (0 === \count($source)) {
+            throw new RuntimeException('File seemed to be empty');
+        }
+
+        return $source;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Representation/SplFileInfoRepresentation.php b/ci4app/system/ThirdParty/Kint/Value/Representation/SplFileInfoRepresentation.php
new file mode 100644
index 0000000..fb2e3b2
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Representation/SplFileInfoRepresentation.php
@@ -0,0 +1,180 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Representation;
+
+use Kint\Utils;
+use RuntimeException;
+use SplFileInfo;
+
+class SplFileInfoRepresentation extends StringRepresentation
+{
+    public function __construct(SplFileInfo $fileInfo)
+    {
+        $path = $fileInfo->getPathname();
+
+        $perms = 0;
+        $owner = null;
+        $group = null;
+        $mtime = null;
+        $realpath = null;
+        $linktarget = null;
+        $size = null;
+        $is_file = false;
+        $is_dir = false;
+        $is_link = false;
+        $typename = 'Unknown file';
+
+        try {
+            // SplFileInfo::getRealPath will return cwd when path is ''
+            if ('' !== $path && $fileInfo->getRealPath()) {
+                $perms = $fileInfo->getPerms();
+                $size = $fileInfo->getSize();
+                $owner = $fileInfo->getOwner();
+                $group = $fileInfo->getGroup();
+                $mtime = $fileInfo->getMTime();
+                $realpath = $fileInfo->getRealPath();
+            }
+
+            $is_dir = $fileInfo->isDir();
+            $is_file = $fileInfo->isFile();
+            $is_link = $fileInfo->isLink();
+
+            if ($is_link) {
+                $lt = $fileInfo->getLinkTarget();
+                $linktarget = false === $lt ? null : $lt;
+            }
+        } catch (RuntimeException $e) {
+            if (false === \strpos($e->getMessage(), ' open_basedir ')) {
+                throw $e; // @codeCoverageIgnore
+            }
+        }
+
+        $typeflag = '-';
+
+        switch ($perms & 0xF000) {
+            case 0xC000:
+                $typename = 'Socket';
+                $typeflag = 's';
+                break;
+            case 0x6000:
+                $typename = 'Block device';
+                $typeflag = 'b';
+                break;
+            case 0x2000:
+                $typename = 'Character device';
+                $typeflag = 'c';
+                break;
+            case 0x1000:
+                $typename = 'Named pipe';
+                $typeflag = 'p';
+                break;
+            default:
+                if ($is_file) {
+                    if ($is_link) {
+                        $typename = 'File symlink';
+                        $typeflag = 'l';
+                    } else {
+                        $typename = 'File';
+                        $typeflag = '-';
+                    }
+                } elseif ($is_dir) {
+                    if ($is_link) {
+                        $typename = 'Directory symlink';
+                        $typeflag = 'l';
+                    } else {
+                        $typename = 'Directory';
+                        $typeflag = 'd';
+                    }
+                }
+                break;
+        }
+
+        $flags = [$typeflag];
+
+        // User
+        $flags[] = (($perms & 0400) ? 'r' : '-');
+        $flags[] = (($perms & 0200) ? 'w' : '-');
+        if ($perms & 0100) {
+            $flags[] = ($perms & 04000) ? 's' : 'x';
+        } else {
+            $flags[] = ($perms & 04000) ? 'S' : '-';
+        }
+
+        // Group
+        $flags[] = (($perms & 0040) ? 'r' : '-');
+        $flags[] = (($perms & 0020) ? 'w' : '-');
+        if ($perms & 0010) {
+            $flags[] = ($perms & 02000) ? 's' : 'x';
+        } else {
+            $flags[] = ($perms & 02000) ? 'S' : '-';
+        }
+
+        // Other
+        $flags[] = (($perms & 0004) ? 'r' : '-');
+        $flags[] = (($perms & 0002) ? 'w' : '-');
+        if ($perms & 0001) {
+            $flags[] = ($perms & 01000) ? 's' : 'x';
+        } else {
+            $flags[] = ($perms & 01000) ? 'S' : '-';
+        }
+
+        $contents = \implode($flags).' '.$owner.' '.$group.' '.$size.' ';
+
+        if (null !== $mtime) {
+            if (\date('Y', $mtime) === \date('Y')) {
+                $contents .= \date('M d H:i', $mtime);
+            } else {
+                $contents .= \date('M d Y', $mtime);
+            }
+        }
+
+        $contents .= ' ';
+
+        if ($is_link && null !== $linktarget) {
+            $contents .= $path.' -> '.$linktarget;
+        } elseif (null !== $realpath && \strlen($realpath) < \strlen($path)) {
+            $contents .= $realpath;
+        } else {
+            $contents .= $path;
+        }
+
+        $label = $typename;
+
+        if (null !== $size && $is_file) {
+            $size = Utils::getHumanReadableBytes($size);
+            $label .= ' ('.$size['value'].$size['unit'].')';
+        }
+
+        parent::__construct($label, $contents, 'splfileinfo');
+    }
+
+    public function getHint(): string
+    {
+        return 'splfileinfo';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Representation/StringRepresentation.php b/ci4app/system/ThirdParty/Kint/Value/Representation/StringRepresentation.php
new file mode 100644
index 0000000..077a286
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Representation/StringRepresentation.php
@@ -0,0 +1,57 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Representation;
+
+use InvalidArgumentException;
+
+class StringRepresentation extends AbstractRepresentation
+{
+    /**
+     * @psalm-readonly
+     *
+     * @psalm-var non-empty-string
+     */
+    protected string $value;
+
+    /** @psalm-assert non-empty-string $value */
+    public function __construct(string $label, string $value, ?string $name = null, bool $implicit = false)
+    {
+        if ('' === $value) {
+            throw new InvalidArgumentException("StringRepresentation can't take empty string");
+        }
+
+        parent::__construct($label, $name, $implicit);
+        $this->value = $value;
+    }
+
+    /** @psalm-return non-empty-string */
+    public function getValue(): string
+    {
+        return $this->value;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Representation/TableRepresentation.php b/ci4app/system/ThirdParty/Kint/Value/Representation/TableRepresentation.php
new file mode 100644
index 0000000..66215d7
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Representation/TableRepresentation.php
@@ -0,0 +1,44 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Representation;
+
+use Kint\Value\AbstractValue;
+
+class TableRepresentation extends ContainerRepresentation
+{
+    /** @psalm-param non-empty-array<AbstractValue> $contents */
+    public function __construct(array $contents, ?string $name = null)
+    {
+        parent::__construct('Table', $contents, $name, false);
+    }
+
+    public function getHint(): string
+    {
+        return 'table';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/Representation/ValueRepresentation.php b/ci4app/system/ThirdParty/Kint/Value/Representation/ValueRepresentation.php
new file mode 100644
index 0000000..48f3f08
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/Representation/ValueRepresentation.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value\Representation;
+
+use Kint\Value\AbstractValue;
+
+class ValueRepresentation extends AbstractRepresentation
+{
+    /** @psalm-readonly */
+    protected AbstractValue $value;
+
+    public function __construct(string $label, AbstractValue $value, ?string $name = null, bool $implicit_label = false)
+    {
+        parent::__construct($label, $name, $implicit_label);
+        $this->value = $value;
+    }
+
+    public function getValue(): AbstractValue
+    {
+        return $this->value;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/ResourceValue.php b/ci4app/system/ThirdParty/Kint/Value/ResourceValue.php
new file mode 100644
index 0000000..0e53d90
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/ResourceValue.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Kint\Value\Context\ContextInterface;
+
+class ResourceValue extends AbstractValue
+{
+    /** @psalm-readonly */
+    protected string $resource_type;
+
+    public function __construct(ContextInterface $context, string $resource_type)
+    {
+        parent::__construct($context, 'resource');
+        $this->resource_type = $resource_type;
+    }
+
+    public function getDisplayType(): string
+    {
+        return $this->resource_type.' resource';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/SimpleXMLElementValue.php b/ci4app/system/ThirdParty/Kint/Value/SimpleXMLElementValue.php
new file mode 100644
index 0000000..0ea6ecc
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/SimpleXMLElementValue.php
@@ -0,0 +1,81 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Kint\Value\Context\ContextInterface;
+use SimpleXMLElement;
+
+class SimpleXMLElementValue extends InstanceValue
+{
+    /** @psalm-readonly */
+    protected ?string $text_content;
+
+    /** @psalm-param list<SimpleXMLElementValue> $children */
+    public function __construct(
+        ContextInterface $context,
+        SimpleXMLElement $element,
+        array $children,
+        ?string $text_content
+    ) {
+        parent::__construct($context, \get_class($element), \spl_object_hash($element), \spl_object_id($element));
+
+        $this->children = $children;
+        $this->text_content = $text_content;
+    }
+
+    public function getHint(): string
+    {
+        return parent::getHint() ?? 'simplexml_element';
+    }
+
+    public function getDisplaySize(): ?string
+    {
+        if ((bool) $this->children) {
+            return (string) \count($this->children);
+        }
+
+        if (null !== $this->text_content) {
+            return (string) \strlen($this->text_content);
+        }
+
+        return null;
+    }
+
+    public function getDisplayValue(): ?string
+    {
+        if ((bool) $this->children) {
+            return parent::getDisplayValue();
+        }
+
+        if (null !== $this->text_content) {
+            return '"'.$this->text_content.'"';
+        }
+
+        return null;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/SplFileInfoValue.php b/ci4app/system/ThirdParty/Kint/Value/SplFileInfoValue.php
new file mode 100644
index 0000000..826762c
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/SplFileInfoValue.php
@@ -0,0 +1,92 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Kint\Utils;
+use Kint\Value\Context\ContextInterface;
+use RuntimeException;
+use SplFileInfo;
+
+class SplFileInfoValue extends InstanceValue
+{
+    /** @psalm-readonly */
+    protected string $path;
+    /** @psalm-readonly */
+    protected ?int $filesize = null;
+
+    public function __construct(ContextInterface $context, SplFileInfo $info)
+    {
+        parent::__construct($context, \get_class($info), \spl_object_hash($info), \spl_object_id($info));
+
+        $this->path = $info->getPathname();
+
+        try {
+            // SplFileInfo::getRealPath will return cwd when path is ''
+            if ('' !== $this->path && $info->getRealPath()) {
+                $this->filesize = $info->getSize();
+            }
+        } catch (RuntimeException $e) {
+            if (false === \strpos($e->getMessage(), ' open_basedir ')) {
+                throw $e; // @codeCoverageIgnore
+            }
+        }
+    }
+
+    public function getHint(): string
+    {
+        return parent::getHint() ?? 'splfileinfo';
+    }
+
+    /** @psalm-api */
+    public function getFileSize(): ?int
+    {
+        return $this->filesize;
+    }
+
+    public function getDisplaySize(): ?string
+    {
+        if (null === $this->filesize) {
+            return null;
+        }
+
+        $size = Utils::getHumanReadableBytes($this->filesize);
+
+        return $size['value'].$size['unit'];
+    }
+
+    public function getDisplayValue(): ?string
+    {
+        $shortpath = Utils::shortenPath($this->path);
+
+        if ($shortpath !== $this->path) {
+            return $shortpath;
+        }
+
+        return parent::getDisplayValue();
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/StreamValue.php b/ci4app/system/ThirdParty/Kint/Value/StreamValue.php
new file mode 100644
index 0000000..d01b524
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/StreamValue.php
@@ -0,0 +1,79 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Kint\Utils;
+use Kint\Value\Context\ContextInterface;
+use Kint\Value\Representation\ContainerRepresentation;
+
+class StreamValue extends ResourceValue
+{
+    /**
+     * @psalm-readonly
+     *
+     * @psalm-var AbstractValue[]
+     */
+    protected array $stream_meta;
+    /** @psalm-readonly */
+    protected ?string $uri;
+
+    /** @psalm-param AbstractValue[] $stream_meta */
+    public function __construct(ContextInterface $context, array $stream_meta, ?string $uri)
+    {
+        parent::__construct($context, 'stream');
+        $this->stream_meta = $stream_meta;
+        $this->uri = $uri;
+
+        if ($stream_meta) {
+            $this->addRepresentation(new ContainerRepresentation('Stream', $stream_meta, null, true));
+        }
+    }
+
+    public function getHint(): string
+    {
+        return parent::getHint() ?? 'stream';
+    }
+
+    public function getDisplayValue(): ?string
+    {
+        if (null === $this->uri) {
+            return null;
+        }
+
+        if ('/' === $this->uri[0] && \stream_is_local($this->uri)) {
+            return Utils::shortenPath($this->uri);
+        }
+
+        return $this->uri;
+    }
+
+    public function getDisplayChildren(): array
+    {
+        return $this->stream_meta;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/StringValue.php b/ci4app/system/ThirdParty/Kint/Value/StringValue.php
new file mode 100644
index 0000000..ca2c17f
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/StringValue.php
@@ -0,0 +1,112 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use DomainException;
+use Kint\Value\Context\ContextInterface;
+
+/**
+ * @psalm-type Encoding = string|false
+ */
+class StringValue extends AbstractValue
+{
+    /** @psalm-readonly */
+    protected string $value;
+
+    /**
+     * @psalm-readonly
+     *
+     * @psalm-var Encoding
+     */
+    protected $encoding;
+
+    /** @psalm-readonly */
+    protected int $length;
+
+    /** @psalm-param Encoding $encoding */
+    public function __construct(ContextInterface $context, string $value, $encoding = false)
+    {
+        parent::__construct($context, 'string');
+        $this->value = $value;
+        $this->encoding = $encoding;
+        $this->length = \strlen($value);
+    }
+
+    public function getValue(): string
+    {
+        return $this->value;
+    }
+
+    public function getValueUtf8(): string
+    {
+        if (false === $this->encoding) {
+            throw new DomainException('StringValue with no encoding can\'t be converted to UTF-8');
+        }
+
+        if ('ASCII' === $this->encoding || 'UTF-8' === $this->encoding) {
+            return $this->value;
+        }
+
+        return \mb_convert_encoding($this->value, 'UTF-8', $this->encoding);
+    }
+
+    /** @psalm-api */
+    public function getLength(): int
+    {
+        return $this->length;
+    }
+
+    /** @psalm-return Encoding */
+    public function getEncoding()
+    {
+        return $this->encoding;
+    }
+
+    public function getDisplayType(): string
+    {
+        if (false === $this->encoding) {
+            return 'binary '.$this->type;
+        }
+
+        if ('ASCII' === $this->encoding) {
+            return $this->type;
+        }
+
+        return $this->encoding.' '.$this->type;
+    }
+
+    public function getDisplaySize(): string
+    {
+        return (string) $this->length;
+    }
+
+    public function getDisplayValue(): string
+    {
+        return '"'.$this->value.'"';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/ThrowableValue.php b/ci4app/system/ThirdParty/Kint/Value/ThrowableValue.php
new file mode 100644
index 0000000..79999ff
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/ThrowableValue.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Kint\Value\Context\ContextInterface;
+use Throwable;
+
+class ThrowableValue extends InstanceValue
+{
+    /** @psalm-readonly */
+    protected string $message;
+
+    public function __construct(ContextInterface $context, Throwable $throw)
+    {
+        parent::__construct($context, \get_class($throw), \spl_object_hash($throw), \spl_object_id($throw));
+
+        $this->message = $throw->getMessage();
+    }
+
+    public function getDisplayValue(): string
+    {
+        return '"'.$this->message.'"';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/TraceFrameValue.php b/ci4app/system/ThirdParty/Kint/Value/TraceFrameValue.php
new file mode 100644
index 0000000..f7287ca
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/TraceFrameValue.php
@@ -0,0 +1,184 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use InvalidArgumentException;
+use Kint\Value\Context\BaseContext;
+use Kint\Value\Context\MethodContext;
+use ReflectionFunction;
+use ReflectionMethod;
+
+/**
+ * @psalm-type TraceFrame array{
+ *   function: string,
+ *   line?: int,
+ *   file?: string,
+ *   class?: class-string,
+ *   object?: object,
+ *   type?: string,
+ *   args?: list<mixed>
+ * }
+ */
+class TraceFrameValue extends ArrayValue
+{
+    /** @psalm-readonly */
+    protected ?string $file;
+
+    /** @psalm-readonly */
+    protected ?int $line;
+
+    /**
+     * @psalm-readonly
+     *
+     * @psalm-var null|FunctionValue|MethodValue
+     */
+    protected $callable;
+
+    /**
+     * @psalm-readonly
+     *
+     * @psalm-var list<AbstractValue>
+     */
+    protected array $args;
+
+    /** @psalm-readonly */
+    protected ?InstanceValue $object;
+
+    /**
+     * @psalm-param TraceFrame $raw_frame
+     */
+    public function __construct(ArrayValue $old, $raw_frame)
+    {
+        parent::__construct($old->getContext(), $old->getSize(), $old->getContents());
+
+        $this->file = $raw_frame['file'] ?? null;
+        $this->line = $raw_frame['line'] ?? null;
+
+        if (isset($raw_frame['class']) && \method_exists($raw_frame['class'], $raw_frame['function'])) {
+            $func = new ReflectionMethod($raw_frame['class'], $raw_frame['function']);
+            $this->callable = new MethodValue(
+                new MethodContext($func),
+                new DeclaredCallableBag($func)
+            );
+        } elseif (!isset($raw_frame['class']) && \function_exists($raw_frame['function'])) {
+            $func = new ReflectionFunction($raw_frame['function']);
+            $this->callable = new FunctionValue(
+                new BaseContext($raw_frame['function']),
+                new DeclaredCallableBag($func)
+            );
+        } else {
+            // Mostly closures, no way to get them
+            $this->callable = null;
+        }
+
+        foreach ($this->contents as $frame_prop) {
+            $c = $frame_prop->getContext();
+
+            if ('object' === $c->getName()) {
+                if (!$frame_prop instanceof InstanceValue) {
+                    throw new InvalidArgumentException('object key of TraceFrameValue must be parsed to InstanceValue');
+                }
+
+                $this->object = $frame_prop;
+            }
+
+            if ('args' === $c->getName()) {
+                if (!$frame_prop instanceof ArrayValue) {
+                    throw new InvalidArgumentException('args key of TraceFrameValue must be parsed to ArrayValue');
+                }
+
+                $args = \array_values($frame_prop->getContents());
+
+                if ($this->callable) {
+                    foreach ($this->callable->getCallableBag()->parameters as $param) {
+                        if (!isset($args[$param->position])) {
+                            break; // Optional args follow
+                        }
+
+                        $arg = $args[$param->position];
+
+                        if ($arg->getContext() instanceof BaseContext) {
+                            $arg = clone $arg;
+                            $c = $arg->getContext();
+
+                            if (!$c instanceof BaseContext) {
+                                throw new InvalidArgumentException('TraceFrameValue expects arg contexts to be instanceof BaseContext');
+                            }
+
+                            $c->name = '$'.$param->name;
+
+                            $args[$param->position] = $arg;
+                        }
+                    }
+                }
+
+                $this->args = $args;
+            }
+        }
+
+        /**
+         * @psalm-suppress DocblockTypeContradiction
+         * @psalm-suppress RedundantPropertyInitializationCheck
+         * Psalm bug #11124
+         */
+        $this->args ??= [];
+        $this->object ??= null;
+    }
+
+    public function getHint(): string
+    {
+        return parent::getHint() ?? 'trace_frame';
+    }
+
+    public function getFile(): ?string
+    {
+        return $this->file;
+    }
+
+    public function getLine(): ?int
+    {
+        return $this->line;
+    }
+
+    /** @psalm-return null|FunctionValue|MethodValue */
+    public function getCallable()
+    {
+        return $this->callable;
+    }
+
+    /** @psalm-return list<AbstractValue> */
+    public function getArgs(): array
+    {
+        return $this->args;
+    }
+
+    public function getObject(): ?InstanceValue
+    {
+        return $this->object;
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/TraceValue.php b/ci4app/system/ThirdParty/Kint/Value/TraceValue.php
new file mode 100644
index 0000000..3fd84c3
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/TraceValue.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+class TraceValue extends ArrayValue
+{
+    public function getHint(): string
+    {
+        return parent::getHint() ?? 'trace';
+    }
+
+    public function getDisplayType(): string
+    {
+        return 'Debug Backtrace';
+    }
+
+    public function getDisplaySize(): string
+    {
+        if ($this->size > 0) {
+            return parent::getDisplaySize();
+        }
+
+        return 'empty';
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/UninitializedValue.php b/ci4app/system/ThirdParty/Kint/Value/UninitializedValue.php
new file mode 100644
index 0000000..38d2367
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/UninitializedValue.php
@@ -0,0 +1,38 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Kint\Value\Context\ContextInterface;
+
+class UninitializedValue extends AbstractValue
+{
+    public function __construct(ContextInterface $context)
+    {
+        parent::__construct($context, 'uninitialized');
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/UnknownValue.php b/ci4app/system/ThirdParty/Kint/Value/UnknownValue.php
new file mode 100644
index 0000000..8dab3f5
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/UnknownValue.php
@@ -0,0 +1,38 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Kint\Value\Context\ContextInterface;
+
+class UnknownValue extends AbstractValue
+{
+    public function __construct(ContextInterface $context)
+    {
+        parent::__construct($context, 'unknown');
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/Value/VirtualValue.php b/ci4app/system/ThirdParty/Kint/Value/VirtualValue.php
new file mode 100644
index 0000000..3837053
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/Value/VirtualValue.php
@@ -0,0 +1,38 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Kint\Value;
+
+use Kint\Value\Context\ContextInterface;
+
+class VirtualValue extends AbstractValue
+{
+    public function __construct(ContextInterface $context)
+    {
+        parent::__construct($context, 'virtual');
+    }
+}
diff --git a/ci4app/system/ThirdParty/Kint/init.php b/ci4app/system/ThirdParty/Kint/init.php
new file mode 100644
index 0000000..60e58f6
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/init.php
@@ -0,0 +1,74 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+use Kint\Kint;
+use Kint\Renderer\AbstractRenderer;
+use Kint\Utils;
+
+if (\defined('KINT_DIR')) {
+    return;
+}
+
+if (\version_compare(PHP_VERSION, '7.4') < 0) {
+    throw new Exception('Kint 6 requires PHP 7.4 or higher');
+}
+
+\define('KINT_DIR', __DIR__);
+\define('KINT_WIN', DIRECTORY_SEPARATOR !== '/');
+\define('KINT_PHP80', \version_compare(PHP_VERSION, '8.0') >= 0);
+\define('KINT_PHP81', \version_compare(PHP_VERSION, '8.1') >= 0);
+\define('KINT_PHP82', \version_compare(PHP_VERSION, '8.2') >= 0);
+\define('KINT_PHP83', \version_compare(PHP_VERSION, '8.3') >= 0);
+\define('KINT_PHP84', \version_compare(PHP_VERSION, '8.4') >= 0);
+\define('KINT_PHP85', \version_compare(PHP_VERSION, '8.5') >= 0);
+
+// Dynamic default settings
+if (\strlen((string) \ini_get('xdebug.file_link_format')) > 0) {
+    /** @psalm-var non-empty-string ini_get('xdebug.file_link_format') */
+    AbstractRenderer::$file_link_format = \ini_get('xdebug.file_link_format');
+}
+if (isset($_SERVER['DOCUMENT_ROOT']) && false === \strpos($_SERVER['DOCUMENT_ROOT'], "\0")) {
+    Utils::$path_aliases = [
+        $_SERVER['DOCUMENT_ROOT'] => '<ROOT>',
+    ];
+
+    // Suppressed for unreadable document roots (related to open_basedir)
+    if (false !== @\realpath($_SERVER['DOCUMENT_ROOT'])) {
+        /** @psalm-suppress PropertyTypeCoercion */
+        Utils::$path_aliases[\realpath($_SERVER['DOCUMENT_ROOT'])] = '<ROOT>';
+    }
+}
+
+Utils::composerSkipFlags();
+
+if ((!\defined('KINT_SKIP_FACADE') || !KINT_SKIP_FACADE) && !\class_exists('Kint')) {
+    \class_alias(Kint::class, 'Kint');
+}
+
+if (!\defined('KINT_SKIP_HELPERS') || !KINT_SKIP_HELPERS) {
+    require_once __DIR__.'/init_helpers.php';
+}
diff --git a/ci4app/system/ThirdParty/Kint/init_helpers.php b/ci4app/system/ThirdParty/Kint/init_helpers.php
new file mode 100644
index 0000000..b4d5f4d
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/init_helpers.php
@@ -0,0 +1,88 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2013 Jonathan Vollebregt (jnvsor@gmail.com), Rokas Šleinius (raveren@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+use Kint\Kint;
+use Kint\Renderer\CliRenderer;
+
+if (!\function_exists('d')) {
+    /**
+     * Alias of Kint::dump().
+     *
+     * @psalm-param mixed ...$args
+     *
+     * @return int|string
+     */
+    function d(...$args)
+    {
+        return Kint::dump(...$args);
+    }
+
+    Kint::$aliases[] = 'd';
+}
+
+if (!\function_exists('s')) {
+    /**
+     * Alias of Kint::dump(), however the output is in plain text.
+     *
+     * Alias of Kint::dump(), however the output is in plain htmlescaped text
+     * with some minor visibility enhancements added.
+     *
+     * If run in CLI colors are disabled
+     *
+     * @psalm-param mixed ...$args
+     *
+     * @return int|string
+     */
+    function s(...$args)
+    {
+        if (false === Kint::$enabled_mode) {
+            return 0;
+        }
+
+        $kstash = Kint::$enabled_mode;
+        $cstash = CliRenderer::$cli_colors;
+
+        if (Kint::MODE_TEXT !== Kint::$enabled_mode) {
+            Kint::$enabled_mode = Kint::MODE_PLAIN;
+
+            if (PHP_SAPI === 'cli' && true === Kint::$cli_detection) {
+                Kint::$enabled_mode = Kint::$mode_default_cli;
+            }
+        }
+
+        CliRenderer::$cli_colors = false;
+
+        $out = Kint::dump(...$args);
+
+        Kint::$enabled_mode = $kstash;
+        CliRenderer::$cli_colors = $cstash;
+
+        return $out;
+    }
+
+    Kint::$aliases[] = 's';
+}
diff --git a/ci4app/system/ThirdParty/Kint/resources/compiled/aante-dark.css b/ci4app/system/ThirdParty/Kint/resources/compiled/aante-dark.css
new file mode 100644
index 0000000..36f8e75
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/resources/compiled/aante-dark.css
@@ -0,0 +1 @@
+.kint-rich{--spacing: 4px;--nav-size: 15px;--backdrop-color: rgba(255, 255, 255, 0.9);--main-background: #e0eaef;--secondary-background: #c1d4df;--text-color: #1d1e1e;--variable-name-color: #1d1e1e;--variable-type-color: #0092db;--variable-type-color-hover: #5cb730;--border-color: #b6cedb;--border-color-hover: #0092db;--border: 1px solid var(--border-color);--foldout-max-size: calc(100vh - 100px);--foldout-zindex: 999999;--caret-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 150'><g stroke-width='2' fill='%23FFF'><path d='M1 1h28v28H1zm5 14h18m-9 9V6M1 61h28v28H1zm5 14h18' stroke='%23379'/><path d='M1 31h28v28H1zm5 14h18m-9 9V36M1 91h28v28H1zm5 14h18' stroke='%235A3'/><path d='M1 121h28v28H1zm5 5l18 18m-18 0l18-18' stroke='%23CCC'/></g></svg>");--ap-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g stroke='%23000' fill='transparent'><path d='M2 8h3m3 3v3M8 2v3m3 3h3M3 8' stroke-width='2' stroke-linecap='round'/><circle stroke-width='1.5' r='4.5' cx='8' cy='8'/></g></svg>");--folder-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 2h4l2 2h6v9H2V2h2' stroke-width='2' stroke='%23000' fill='transparent' stroke-linejoin='round'/></svg>");--search-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g stroke='%23000' fill='transparent'><path d='M2 14l3-3' stroke-linecap='round' stroke-width='3'/><circle stroke-width='2' r='5' cx='9' cy='7'/></g></svg>");font-size:13px;overflow-x:auto;white-space:nowrap;background:var(--backdrop-color);direction:ltr;contain:content}.kint-rich.kint-folder{position:fixed;bottom:0;left:0;right:0;z-index:var(--foldout-zindex);width:100%;margin:0;display:block}.kint-rich.kint-folder dd.kint-foldout{max-height:var(--foldout-max-size);padding-right:calc(var(--spacing)*2);overflow-y:scroll;display:none}.kint-rich.kint-folder dd.kint-foldout.kint-show{display:block}.kint-rich::selection{background:var(--border-color-hover);color:var(--text-color)}.kint-rich .kint-focused{box-shadow:0 0 3px 3px var(--variable-type-color-hover)}.kint-rich .kint-focused.kint-weak-focus{box-shadow:0 0 3px 1px color-mix(in srgb, var(--variable-type-color-hover) 50%, transparent)}.kint-rich,.kint-rich::before,.kint-rich::after,.kint-rich *,.kint-rich *::before,.kint-rich *::after{box-sizing:border-box;border-radius:0;color:var(--text-color);float:none !important;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;line-height:15px;margin:0;padding:0;text-align:left}.kint-rich{margin:calc(var(--spacing)*2) 0}.kint-rich dt,.kint-rich dl{width:auto}.kint-rich dt,.kint-rich div.access-path{background:var(--main-background);border:var(--border);color:var(--text-color);display:block;font-weight:bold;list-style:none outside none;overflow:auto;padding:var(--spacing)}.kint-rich dt:hover,.kint-rich div.access-path:hover{border-color:var(--border-color-hover)}.kint-rich>dl dl{padding:0 0 0 calc(var(--spacing)*3)}.kint-rich dt.kint-parent>nav,.kint-rich>footer>nav{background:var(--caret-image) no-repeat scroll 0 0/var(--nav-size) 75px rgba(0,0,0,0);cursor:pointer;display:inline-block;height:var(--nav-size);width:var(--nav-size);margin-right:3px;vertical-align:middle}.kint-rich dt.kint-parent:hover>nav,.kint-rich>footer>nav:hover{background-position:0 25%}.kint-rich dt.kint-parent.kint-show>nav,.kint-rich>footer.kint-show>nav{background-position:0 50%}.kint-rich dt.kint-parent.kint-show:hover>nav,.kint-rich>footer.kint-show>nav:hover{background-position:0 75%}.kint-rich dt.kint-parent.kint-locked>nav{background-position:0 100%}.kint-rich dt.kint-parent+dd{display:none;border-left:1px dashed var(--border-color);contain:strict}.kint-rich dt.kint-parent.kint-show+dd{display:block;contain:content}.kint-rich var,.kint-rich var a{color:var(--variable-type-color);font-style:normal}.kint-rich dt:hover var,.kint-rich dt:hover var a{color:var(--variable-type-color-hover)}.kint-rich dfn{font-style:normal;font-family:monospace;color:var(--variable-name-color)}.kint-rich pre{color:var(--text-color);margin:0 0 0 calc(var(--spacing)*3);padding:5px;overflow-y:hidden;border-top:0;border:var(--border);background:var(--main-background);display:block;word-break:normal}.kint-rich .kint-access-path-trigger,.kint-rich .kint-folder-trigger,.kint-rich .kint-search-trigger{background:color-mix(in srgb, var(--text-color) 80%, transparent);border-radius:3px;padding:2px;height:var(--nav-size);width:var(--nav-size);font-size:var(--nav-size);margin-left:5px;font-weight:bold;text-align:center;line-height:1;float:right !important;cursor:pointer;position:relative;overflow:hidden}.kint-rich .kint-access-path-trigger::before,.kint-rich .kint-folder-trigger::before,.kint-rich .kint-search-trigger::before{display:block;content:"";width:100%;height:100%;background:var(--main-background);mask:center/contain no-repeat alpha}.kint-rich .kint-access-path-trigger:hover,.kint-rich .kint-folder-trigger:hover,.kint-rich .kint-search-trigger:hover{background:var(--main-background)}.kint-rich .kint-access-path-trigger:hover::before,.kint-rich .kint-folder-trigger:hover::before,.kint-rich .kint-search-trigger:hover::before{background:var(--text-color)}.kint-rich .kint-access-path-trigger::before{mask-image:var(--ap-image)}.kint-rich .kint-folder-trigger::before{mask-image:var(--folder-image)}.kint-rich .kint-search-trigger::before{mask-image:var(--search-image)}.kint-rich input.kint-search{display:none;border:var(--border);border-top-width:0;border-bottom-width:0;padding:var(--spacing);float:right !important;margin:calc(var(--spacing)*-1) 0;color:var(--variable-name-color);background:var(--secondary-background);height:calc(var(--nav-size) + var(--spacing)*2);width:calc(var(--nav-size)*10);position:relative;z-index:100}.kint-rich input.kint-search.kint-show{display:block}.kint-rich .kint-search-root ul.kint-tabs>li:not(.kint-search-match){background:var(--secondary-background);filter:saturate(0);opacity:.5}.kint-rich .kint-search-root dl:not(.kint-search-match){opacity:.5}.kint-rich .kint-search-root dl:not(.kint-search-match)>dt{background:var(--main-background);filter:saturate(0)}.kint-rich .kint-search-root dl:not(.kint-search-match) dl,.kint-rich .kint-search-root dl:not(.kint-search-match) ul.kint-tabs>li:not(.kint-search-match){opacity:1}.kint-rich div.access-path{background:var(--secondary-background);display:none;margin-top:5px;padding:4px;white-space:pre}.kint-rich div.access-path.kint-show{display:block}.kint-rich footer{padding:0 3px 3px;font-size:9px;background:rgba(0,0,0,0)}.kint-rich footer>.kint-folder-trigger{background:rgba(0,0,0,0)}.kint-rich footer>.kint-folder-trigger::before{background:var(--text-color)}.kint-rich footer nav{height:10px;width:10px;background-size:10px 50px}.kint-rich footer>ol{display:none;margin-left:32px}.kint-rich footer.kint-show>ol{display:block}.kint-rich a{color:var(--text-color);text-shadow:none;text-decoration:underline}.kint-rich a:hover{color:var(--variable-name-color);border-bottom:1px dotted var(--variable-name-color)}.kint-rich ul{list-style:none;padding-left:calc(var(--spacing)*3)}.kint-rich ul:not(.kint-tabs) li{border-left:1px dashed var(--border-color)}.kint-rich ul:not(.kint-tabs) li>dl{border-left:none}.kint-rich ul.kint-tabs{margin:0 0 0 calc(var(--spacing)*3);padding-left:0;background:var(--main-background);border:var(--border);border-top:0}.kint-rich ul.kint-tabs>li{background:var(--secondary-background);border:var(--border);cursor:pointer;display:inline-block;height:calc(var(--spacing)*6);margin:calc(var(--spacing)/2);padding:0 calc(2px + var(--spacing)*2.5);vertical-align:top}.kint-rich ul.kint-tabs>li:hover,.kint-rich ul.kint-tabs>li.kint-active-tab:hover{border-color:var(--border-color-hover);color:var(--variable-type-color-hover)}.kint-rich ul.kint-tabs>li.kint-active-tab{background:var(--main-background);border-top:0;margin-top:-1px;height:27px;line-height:24px}.kint-rich ul.kint-tabs>li:not(.kint-active-tab){line-height:calc(var(--spacing)*5)}.kint-rich ul.kint-tabs li+li{margin-left:0}.kint-rich ul.kint-tab-contents>li{display:none;contain:strict}.kint-rich ul.kint-tab-contents>li.kint-show{display:block;contain:content}.kint-rich dt:hover+dd>ul>li.kint-active-tab{border-color:var(--border-color-hover);color:var(--variable-type-color-hover)}.kint-rich dt>.kint-color-preview{width:var(--nav-size);height:var(--nav-size);display:inline-block;vertical-align:middle;margin-left:10px;border:var(--border);background-color:#ccc;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="%23FFF" d="M0 0h1v2h1V1H0z"/></svg>');background-size:min(20px,100%)}.kint-rich dt>.kint-color-preview:hover{border-color:var(--border-color-hover)}.kint-rich dt>.kint-color-preview>div{width:100%;height:100%}.kint-rich table{border-collapse:collapse;empty-cells:show;border-spacing:0}.kint-rich table *{font-size:12px}.kint-rich table dt{background:none;padding:calc(var(--spacing)/2)}.kint-rich table dt .kint-parent{min-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kint-rich table td,.kint-rich table th{border:var(--border);padding:calc(var(--spacing)/2);vertical-align:center}.kint-rich table th{cursor:alias}.kint-rich table td:first-child,.kint-rich table th{font-weight:bold;background:var(--secondary-background);color:var(--variable-name-color)}.kint-rich table td{background:var(--main-background);white-space:pre}.kint-rich table td>dl{padding:0}.kint-rich table pre{border-top:0;border-right:0}.kint-rich table thead th:first-child{background:none;border:0}.kint-rich table tr:hover>td{box-shadow:0 0 1px 0 var(--border-color-hover) inset}.kint-rich table tr:hover var{color:var(--variable-type-color-hover)}.kint-rich table ul.kint-tabs li.kint-active-tab{height:20px;line-height:17px}.kint-rich pre.kint-source{margin-left:-1px}.kint-rich pre.kint-source[data-kint-filename]:before{display:block;content:attr(data-kint-filename);margin-bottom:var(--spacing);padding-bottom:var(--spacing);border-bottom:1px solid var(--secondary-background)}.kint-rich pre.kint-source>div:before{display:inline-block;content:counter(kint-l);counter-increment:kint-l;border-right:1px solid var(--border-color-hover);padding-right:calc(var(--spacing)*2);margin-right:calc(var(--spacing)*2)}.kint-rich pre.kint-source>div.kint-highlight{background:var(--secondary-background)}.kint-rich .kint-microtime-js .kint-microtime-lap{text-shadow:-1px 0 var(--border-color-hover),0 1px var(--border-color-hover),1px 0 var(--border-color-hover),0 -1px var(--border-color-hover);color:var(--main-background);font-weight:bold}input.kint-note-input{width:100%}.kint-rich{--main-background: #f8f8f8;--secondary-background: #f8f8f8;--variable-type-color: #06f;--variable-type-color-hover: #f00;--border-color: #d7d7d7;--border-color-hover: #aaa;--alternative-background: #fff;--highlight-color: #cfc;--caret-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 150'><path d='M6 7h18l-9 15zm0 30h18l-9 15zm0 45h18l-9-15zm0 30h18l-9-15zm0 12l18 18m-18 0l18-18' fill='%23555'/><path d='M6 126l18 18m-18 0l18-18' stroke-width='2' stroke='%23555'/></svg>")}.kint-rich .kint-focused{box-shadow:0 0 3px 2px var(--variable-type-color-hover)}.kint-rich dt{font-weight:normal}.kint-rich dt.kint-parent{margin-top:4px}.kint-rich dl dl{margin-top:4px;padding-left:25px;border-left:none}.kint-rich>dl>dt{background:var(--secondary-background)}.kint-rich ul{margin:0;padding-left:0}.kint-rich ul:not(.kint-tabs)>li{border-left:0}.kint-rich ul.kint-tabs{background:var(--secondary-background);border:var(--border);border-width:0 1px 1px 1px;padding:4px 0 0 12px;margin-left:-1px;margin-top:-1px}.kint-rich ul.kint-tabs li,.kint-rich ul.kint-tabs li+li{margin:0 0 0 4px}.kint-rich ul.kint-tabs li{border-bottom-width:0;height:calc(var(--spacing)*6 + 1px)}.kint-rich ul.kint-tabs li:first-child{margin-left:0}.kint-rich ul.kint-tabs li.kint-active-tab{border-top:var(--border);background:var(--alternative-background);font-weight:bold;padding-top:0;border-bottom:1px solid var(--alternative-background) !important;margin-bottom:-1px}.kint-rich ul.kint-tabs li.kint-active-tab:hover{border-bottom:1px solid var(--alternative-background)}.kint-rich ul>li>pre{border:var(--border)}.kint-rich dt:hover+dd>ul{border-color:var(--border-color-hover)}.kint-rich pre{background:var(--alternative-background);margin-top:4px;margin-left:25px}.kint-rich .kint-source{margin-left:-1px}.kint-rich .kint-source .kint-highlight{background:var(--highlight-color)}.kint-rich .kint-parent.kint-show>.kint-search{border-bottom-width:1px}.kint-rich table td{background:var(--alternative-background)}.kint-rich table td>dl{padding:0;margin:0}.kint-rich table td>dl>dt.kint-parent{margin:0}.kint-rich table td:first-child,.kint-rich table td,.kint-rich table th{padding:2px 4px}.kint-rich table dd,.kint-rich table dt{background:var(--alternative-background)}.kint-rich table tr:hover>td{box-shadow:none;background:var(--highlight-color)}.kint-rich{--main-background: #070707;--secondary-background: #070707;--variable-type-color: #ff9900;--variable-type-color-hover: aqua;--border-color: #282828;--border-color-hover: #555555;--backdrop-color: rgba(0, 0, 0, 0.9);--text-color: #e2e1e1;--variable-name-color: #e2e1e1;--alternative-background: black;--highlight-color: #330033;--caret-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 150'><path d='M6 7h18l-9 15zm0 30h18l-9 15zm0 45h18l-9-15zm0 30h18l-9-15zm0 12l18 18m-18 0l18-18' fill='%23AAA'/><path d='M6 126l18 18m-18 0l18-18' stroke-width='2' stroke='%23AAA'/></svg>")}
diff --git a/ci4app/system/ThirdParty/Kint/resources/compiled/aante-light.css b/ci4app/system/ThirdParty/Kint/resources/compiled/aante-light.css
new file mode 100644
index 0000000..08bd403
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/resources/compiled/aante-light.css
@@ -0,0 +1 @@
+.kint-rich{--spacing: 4px;--nav-size: 15px;--backdrop-color: rgba(255, 255, 255, 0.9);--main-background: #e0eaef;--secondary-background: #c1d4df;--text-color: #1d1e1e;--variable-name-color: #1d1e1e;--variable-type-color: #0092db;--variable-type-color-hover: #5cb730;--border-color: #b6cedb;--border-color-hover: #0092db;--border: 1px solid var(--border-color);--foldout-max-size: calc(100vh - 100px);--foldout-zindex: 999999;--caret-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 150'><g stroke-width='2' fill='%23FFF'><path d='M1 1h28v28H1zm5 14h18m-9 9V6M1 61h28v28H1zm5 14h18' stroke='%23379'/><path d='M1 31h28v28H1zm5 14h18m-9 9V36M1 91h28v28H1zm5 14h18' stroke='%235A3'/><path d='M1 121h28v28H1zm5 5l18 18m-18 0l18-18' stroke='%23CCC'/></g></svg>");--ap-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g stroke='%23000' fill='transparent'><path d='M2 8h3m3 3v3M8 2v3m3 3h3M3 8' stroke-width='2' stroke-linecap='round'/><circle stroke-width='1.5' r='4.5' cx='8' cy='8'/></g></svg>");--folder-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 2h4l2 2h6v9H2V2h2' stroke-width='2' stroke='%23000' fill='transparent' stroke-linejoin='round'/></svg>");--search-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g stroke='%23000' fill='transparent'><path d='M2 14l3-3' stroke-linecap='round' stroke-width='3'/><circle stroke-width='2' r='5' cx='9' cy='7'/></g></svg>");font-size:13px;overflow-x:auto;white-space:nowrap;background:var(--backdrop-color);direction:ltr;contain:content}.kint-rich.kint-folder{position:fixed;bottom:0;left:0;right:0;z-index:var(--foldout-zindex);width:100%;margin:0;display:block}.kint-rich.kint-folder dd.kint-foldout{max-height:var(--foldout-max-size);padding-right:calc(var(--spacing)*2);overflow-y:scroll;display:none}.kint-rich.kint-folder dd.kint-foldout.kint-show{display:block}.kint-rich::selection{background:var(--border-color-hover);color:var(--text-color)}.kint-rich .kint-focused{box-shadow:0 0 3px 3px var(--variable-type-color-hover)}.kint-rich .kint-focused.kint-weak-focus{box-shadow:0 0 3px 1px color-mix(in srgb, var(--variable-type-color-hover) 50%, transparent)}.kint-rich,.kint-rich::before,.kint-rich::after,.kint-rich *,.kint-rich *::before,.kint-rich *::after{box-sizing:border-box;border-radius:0;color:var(--text-color);float:none !important;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;line-height:15px;margin:0;padding:0;text-align:left}.kint-rich{margin:calc(var(--spacing)*2) 0}.kint-rich dt,.kint-rich dl{width:auto}.kint-rich dt,.kint-rich div.access-path{background:var(--main-background);border:var(--border);color:var(--text-color);display:block;font-weight:bold;list-style:none outside none;overflow:auto;padding:var(--spacing)}.kint-rich dt:hover,.kint-rich div.access-path:hover{border-color:var(--border-color-hover)}.kint-rich>dl dl{padding:0 0 0 calc(var(--spacing)*3)}.kint-rich dt.kint-parent>nav,.kint-rich>footer>nav{background:var(--caret-image) no-repeat scroll 0 0/var(--nav-size) 75px rgba(0,0,0,0);cursor:pointer;display:inline-block;height:var(--nav-size);width:var(--nav-size);margin-right:3px;vertical-align:middle}.kint-rich dt.kint-parent:hover>nav,.kint-rich>footer>nav:hover{background-position:0 25%}.kint-rich dt.kint-parent.kint-show>nav,.kint-rich>footer.kint-show>nav{background-position:0 50%}.kint-rich dt.kint-parent.kint-show:hover>nav,.kint-rich>footer.kint-show>nav:hover{background-position:0 75%}.kint-rich dt.kint-parent.kint-locked>nav{background-position:0 100%}.kint-rich dt.kint-parent+dd{display:none;border-left:1px dashed var(--border-color);contain:strict}.kint-rich dt.kint-parent.kint-show+dd{display:block;contain:content}.kint-rich var,.kint-rich var a{color:var(--variable-type-color);font-style:normal}.kint-rich dt:hover var,.kint-rich dt:hover var a{color:var(--variable-type-color-hover)}.kint-rich dfn{font-style:normal;font-family:monospace;color:var(--variable-name-color)}.kint-rich pre{color:var(--text-color);margin:0 0 0 calc(var(--spacing)*3);padding:5px;overflow-y:hidden;border-top:0;border:var(--border);background:var(--main-background);display:block;word-break:normal}.kint-rich .kint-access-path-trigger,.kint-rich .kint-folder-trigger,.kint-rich .kint-search-trigger{background:color-mix(in srgb, var(--text-color) 80%, transparent);border-radius:3px;padding:2px;height:var(--nav-size);width:var(--nav-size);font-size:var(--nav-size);margin-left:5px;font-weight:bold;text-align:center;line-height:1;float:right !important;cursor:pointer;position:relative;overflow:hidden}.kint-rich .kint-access-path-trigger::before,.kint-rich .kint-folder-trigger::before,.kint-rich .kint-search-trigger::before{display:block;content:"";width:100%;height:100%;background:var(--main-background);mask:center/contain no-repeat alpha}.kint-rich .kint-access-path-trigger:hover,.kint-rich .kint-folder-trigger:hover,.kint-rich .kint-search-trigger:hover{background:var(--main-background)}.kint-rich .kint-access-path-trigger:hover::before,.kint-rich .kint-folder-trigger:hover::before,.kint-rich .kint-search-trigger:hover::before{background:var(--text-color)}.kint-rich .kint-access-path-trigger::before{mask-image:var(--ap-image)}.kint-rich .kint-folder-trigger::before{mask-image:var(--folder-image)}.kint-rich .kint-search-trigger::before{mask-image:var(--search-image)}.kint-rich input.kint-search{display:none;border:var(--border);border-top-width:0;border-bottom-width:0;padding:var(--spacing);float:right !important;margin:calc(var(--spacing)*-1) 0;color:var(--variable-name-color);background:var(--secondary-background);height:calc(var(--nav-size) + var(--spacing)*2);width:calc(var(--nav-size)*10);position:relative;z-index:100}.kint-rich input.kint-search.kint-show{display:block}.kint-rich .kint-search-root ul.kint-tabs>li:not(.kint-search-match){background:var(--secondary-background);filter:saturate(0);opacity:.5}.kint-rich .kint-search-root dl:not(.kint-search-match){opacity:.5}.kint-rich .kint-search-root dl:not(.kint-search-match)>dt{background:var(--main-background);filter:saturate(0)}.kint-rich .kint-search-root dl:not(.kint-search-match) dl,.kint-rich .kint-search-root dl:not(.kint-search-match) ul.kint-tabs>li:not(.kint-search-match){opacity:1}.kint-rich div.access-path{background:var(--secondary-background);display:none;margin-top:5px;padding:4px;white-space:pre}.kint-rich div.access-path.kint-show{display:block}.kint-rich footer{padding:0 3px 3px;font-size:9px;background:rgba(0,0,0,0)}.kint-rich footer>.kint-folder-trigger{background:rgba(0,0,0,0)}.kint-rich footer>.kint-folder-trigger::before{background:var(--text-color)}.kint-rich footer nav{height:10px;width:10px;background-size:10px 50px}.kint-rich footer>ol{display:none;margin-left:32px}.kint-rich footer.kint-show>ol{display:block}.kint-rich a{color:var(--text-color);text-shadow:none;text-decoration:underline}.kint-rich a:hover{color:var(--variable-name-color);border-bottom:1px dotted var(--variable-name-color)}.kint-rich ul{list-style:none;padding-left:calc(var(--spacing)*3)}.kint-rich ul:not(.kint-tabs) li{border-left:1px dashed var(--border-color)}.kint-rich ul:not(.kint-tabs) li>dl{border-left:none}.kint-rich ul.kint-tabs{margin:0 0 0 calc(var(--spacing)*3);padding-left:0;background:var(--main-background);border:var(--border);border-top:0}.kint-rich ul.kint-tabs>li{background:var(--secondary-background);border:var(--border);cursor:pointer;display:inline-block;height:calc(var(--spacing)*6);margin:calc(var(--spacing)/2);padding:0 calc(2px + var(--spacing)*2.5);vertical-align:top}.kint-rich ul.kint-tabs>li:hover,.kint-rich ul.kint-tabs>li.kint-active-tab:hover{border-color:var(--border-color-hover);color:var(--variable-type-color-hover)}.kint-rich ul.kint-tabs>li.kint-active-tab{background:var(--main-background);border-top:0;margin-top:-1px;height:27px;line-height:24px}.kint-rich ul.kint-tabs>li:not(.kint-active-tab){line-height:calc(var(--spacing)*5)}.kint-rich ul.kint-tabs li+li{margin-left:0}.kint-rich ul.kint-tab-contents>li{display:none;contain:strict}.kint-rich ul.kint-tab-contents>li.kint-show{display:block;contain:content}.kint-rich dt:hover+dd>ul>li.kint-active-tab{border-color:var(--border-color-hover);color:var(--variable-type-color-hover)}.kint-rich dt>.kint-color-preview{width:var(--nav-size);height:var(--nav-size);display:inline-block;vertical-align:middle;margin-left:10px;border:var(--border);background-color:#ccc;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="%23FFF" d="M0 0h1v2h1V1H0z"/></svg>');background-size:min(20px,100%)}.kint-rich dt>.kint-color-preview:hover{border-color:var(--border-color-hover)}.kint-rich dt>.kint-color-preview>div{width:100%;height:100%}.kint-rich table{border-collapse:collapse;empty-cells:show;border-spacing:0}.kint-rich table *{font-size:12px}.kint-rich table dt{background:none;padding:calc(var(--spacing)/2)}.kint-rich table dt .kint-parent{min-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kint-rich table td,.kint-rich table th{border:var(--border);padding:calc(var(--spacing)/2);vertical-align:center}.kint-rich table th{cursor:alias}.kint-rich table td:first-child,.kint-rich table th{font-weight:bold;background:var(--secondary-background);color:var(--variable-name-color)}.kint-rich table td{background:var(--main-background);white-space:pre}.kint-rich table td>dl{padding:0}.kint-rich table pre{border-top:0;border-right:0}.kint-rich table thead th:first-child{background:none;border:0}.kint-rich table tr:hover>td{box-shadow:0 0 1px 0 var(--border-color-hover) inset}.kint-rich table tr:hover var{color:var(--variable-type-color-hover)}.kint-rich table ul.kint-tabs li.kint-active-tab{height:20px;line-height:17px}.kint-rich pre.kint-source{margin-left:-1px}.kint-rich pre.kint-source[data-kint-filename]:before{display:block;content:attr(data-kint-filename);margin-bottom:var(--spacing);padding-bottom:var(--spacing);border-bottom:1px solid var(--secondary-background)}.kint-rich pre.kint-source>div:before{display:inline-block;content:counter(kint-l);counter-increment:kint-l;border-right:1px solid var(--border-color-hover);padding-right:calc(var(--spacing)*2);margin-right:calc(var(--spacing)*2)}.kint-rich pre.kint-source>div.kint-highlight{background:var(--secondary-background)}.kint-rich .kint-microtime-js .kint-microtime-lap{text-shadow:-1px 0 var(--border-color-hover),0 1px var(--border-color-hover),1px 0 var(--border-color-hover),0 -1px var(--border-color-hover);color:var(--main-background);font-weight:bold}input.kint-note-input{width:100%}.kint-rich{--main-background: #f8f8f8;--secondary-background: #f8f8f8;--variable-type-color: #06f;--variable-type-color-hover: #f00;--border-color: #d7d7d7;--border-color-hover: #aaa;--alternative-background: #fff;--highlight-color: #cfc;--caret-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 150'><path d='M6 7h18l-9 15zm0 30h18l-9 15zm0 45h18l-9-15zm0 30h18l-9-15zm0 12l18 18m-18 0l18-18' fill='%23555'/><path d='M6 126l18 18m-18 0l18-18' stroke-width='2' stroke='%23555'/></svg>")}.kint-rich .kint-focused{box-shadow:0 0 3px 2px var(--variable-type-color-hover)}.kint-rich dt{font-weight:normal}.kint-rich dt.kint-parent{margin-top:4px}.kint-rich dl dl{margin-top:4px;padding-left:25px;border-left:none}.kint-rich>dl>dt{background:var(--secondary-background)}.kint-rich ul{margin:0;padding-left:0}.kint-rich ul:not(.kint-tabs)>li{border-left:0}.kint-rich ul.kint-tabs{background:var(--secondary-background);border:var(--border);border-width:0 1px 1px 1px;padding:4px 0 0 12px;margin-left:-1px;margin-top:-1px}.kint-rich ul.kint-tabs li,.kint-rich ul.kint-tabs li+li{margin:0 0 0 4px}.kint-rich ul.kint-tabs li{border-bottom-width:0;height:calc(var(--spacing)*6 + 1px)}.kint-rich ul.kint-tabs li:first-child{margin-left:0}.kint-rich ul.kint-tabs li.kint-active-tab{border-top:var(--border);background:var(--alternative-background);font-weight:bold;padding-top:0;border-bottom:1px solid var(--alternative-background) !important;margin-bottom:-1px}.kint-rich ul.kint-tabs li.kint-active-tab:hover{border-bottom:1px solid var(--alternative-background)}.kint-rich ul>li>pre{border:var(--border)}.kint-rich dt:hover+dd>ul{border-color:var(--border-color-hover)}.kint-rich pre{background:var(--alternative-background);margin-top:4px;margin-left:25px}.kint-rich .kint-source{margin-left:-1px}.kint-rich .kint-source .kint-highlight{background:var(--highlight-color)}.kint-rich .kint-parent.kint-show>.kint-search{border-bottom-width:1px}.kint-rich table td{background:var(--alternative-background)}.kint-rich table td>dl{padding:0;margin:0}.kint-rich table td>dl>dt.kint-parent{margin:0}.kint-rich table td:first-child,.kint-rich table td,.kint-rich table th{padding:2px 4px}.kint-rich table dd,.kint-rich table dt{background:var(--alternative-background)}.kint-rich table tr:hover>td{box-shadow:none;background:var(--highlight-color)}
diff --git a/ci4app/system/ThirdParty/Kint/resources/compiled/main.js b/ci4app/system/ThirdParty/Kint/resources/compiled/main.js
new file mode 100644
index 0000000..b1fab38
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/resources/compiled/main.js
@@ -0,0 +1 @@
+"use strict";(()=>{function m(n){if(!(n instanceof Element))throw new Error("Invalid argument to dedupeElement()");let t=n.ownerDocument,e=E(n);for(let s of t.querySelectorAll(e))n!==s&&s.parentNode.removeChild(s)}function d(n){return n instanceof Element?n.ownerDocument.contains(n):!1}function E(n){if(!(n instanceof Element))throw new Error("Invalid argument to buildClassSelector()");return[n.nodeName,...n.classList].join(".")}function f(n){if(!(n instanceof Element))throw new Error("Invalid argument to selectText()");let t=n.ownerDocument,e=t.getSelection(),s=t.createRange();s.selectNodeContents(n),e.removeAllRanges(),e.addRange(s)}function I(n,t){let e;return function(...s){clearTimeout(e),e=setTimeout(function(){n(...s)},t)}}function x(n){if(!(n instanceof Element))throw new Error("Invalid argument to offsetTop()");return n.offsetTop+(n.offsetParent?x(n.offsetParent):0)}var u=class n{static#e=new Set;static toggleSearchBox(t,e){let s=t.querySelector(".kint-search"),i=t.parentNode;if(s)if(s.classList.toggle("kint-show",e)){if(s.focus(),s.select(),!n.#e.has(s)){let r=i.querySelectorAll("dl").length,o=200;r>1e4&&(o=700),s.addEventListener("keyup",I(n.#t.bind(null,s),o)),n.#e.add(s)}n.#t(s)}else i.classList.remove("kint-search-root")}static#t(t){let e=t.closest(".kint-parent")?.parentNode;if(e)if(t.classList.contains("kint-show")&&t.value.length){let s=e.dataset.lastSearch;if(e.classList.add("kint-search-root"),s!==t.value){e.dataset.lastSearch=t.value,e.classList.remove("kint-search-match");for(let i of e.querySelectorAll(".kint-search-match"))i.classList.remove("kint-search-match");n.#s(e,t.value.toUpperCase())}}else e.classList.remove("kint-search-root")}static#s(t,e){let s=t.cloneNode(!0);for(let c of s.querySelectorAll(".access-path"))c.remove();if(!s.textContent.toUpperCase().includes(e))return;t.classList.add("kint-search-match");let i=t.firstElementChild;for(;i&&i.tagName!=="DT";)i=i.nextElementSibling;if(!i)return;let r=a.getChildContainer(i);if(!r)return;let o,l;for(let c of r.children)c.tagName==="DL"?n.#s(c,e):c.tagName==="UL"&&(c.classList.contains("kint-tabs")?o=c.children:c.classList.contains("kint-tab-contents")&&(l=c.children));if(!(!o||o.length!==l?.length))for(let c=o.length;c--;){let k=!1,F=!1;o[c].textContent.toUpperCase().includes(e)&&(k=!0);let O=l[c].cloneNode(!0);for(let v of O.querySelectorAll(".access-path"))v.remove();if(O.textContent.toUpperCase().includes(e)&&(k=!0,F=!0),k&&o[c].classList.add("kint-search-match"),F)for(let v of l[c].children)v.tagName==="DL"&&n.#s(v,e)}}};var g=class{static sort(t,e){let s=t.dataset.kintTableSort,i=parseInt(s)===e?-1:1,r=t.tBodies[0];[...r.rows].sort(function(o,l){o=o.cells[e].textContent.trim().toLocaleLowerCase(),l=l.cells[e].textContent.trim().toLocaleLowerCase();let c=0;return!isNaN(o)&&!isNaN(l)?(o=parseFloat(o),l=parseFloat(l),c=o-l):isNaN(o)&&!isNaN(l)?c=1:isNaN(l)&&!isNaN(o)?c=-1:c=(""+o).localeCompare(""+l),c*i}).forEach(o=>r.appendChild(o)),i<0?t.dataset.kintTableSort=null:t.dataset.kintTableSort=e}};var a=class n{#e;#t;#s;constructor(t){if(!(t instanceof h))throw new Error("Invalid argument to Rich.constructor()");this.#e=t,this.#e.runOnInit(this.#i.bind(this));let e=new q(this,t);new b(this,t.window,e)}#i(){let t=this.#e.window.document;if(d(this.#t)||(this.#t=t.querySelector("style.kint-rich-style")),this.#t&&m(this.#t),t.querySelector(".kint-rich.kint-file")){this.setupFolder(t);let e=this.#s.querySelector("dd.kint-foldout"),s=Array.from(t.querySelectorAll(".kint-rich.kint-file"));for(let i of s)i.parentNode!==e&&e.appendChild(i);this.#s.classList.add("kint-show")}}addToFolder(t){let e=t.closest(".kint-rich");if(!e)throw new Error("Bad addToFolder");let s=this.#e.window.document;if(this.setupFolder(s),this.folder.contains(t))throw new Error("Bad addToFolder");let i=this.#s.querySelector("dd.kint-foldout"),r=t.closest(".kint-parent, .kint-rich"),o=Array.from(e.querySelectorAll(".kint-folder-trigger"));if(e===r||e.querySelectorAll(".kint-rich > dl").length===1){for(let l of o)l.remove();e.classList.add("kint-file"),i.insertBefore(e,i.firstChild)}else{let l=s.createElement("div");l.classList.add("kint-rich"),l.classList.add("kint-file"),l.appendChild(r.closest(".kint-rich > dl"));let c=e.lastElementChild;c.matches(".kint-rich > footer")&&l.appendChild(c.cloneNode(!0));for(let k of o)k.remove();i.insertBefore(l,i.firstChild)}n.toggle(this.#s.querySelector(".kint-parent"),!0)}setupFolder(t){if(this.#s)d(this.#s)||(this.#s=t.querySelector(".kint-rich.kint-folder"));else{let e=t.createElement("template");e.innerHTML='<div class="kint-rich kint-folder"><dl><dt class="kint-parent"><nav></nav>Kint</dt><dd class="kint-foldout"></dd></dl></div>',this.#s=e.content.firstChild,t.body.appendChild(this.#s)}}get folder(){return d(this.#s)||(this.#s=this.#e.window.document.querySelector(".kint-rich.kint-folder")),this.#s&&m(this.#s),this.#s}isFolderOpen(){let t=this.#s?.querySelector("dd.kint-foldout");if(t)return t.previousSibling.classList.contains("kint-show")}static getChildContainer(t){let e=t.nextElementSibling;for(;e&&!e.matches("dd");)e=e.nextElementSibling;return e}static toggle(t,e){let s=n.getChildContainer(t);s&&(e=t.classList.toggle("kint-show",e),n.#n(s,e))}static switchTab(t){t.parentNode.getElementsByClassName("kint-active-tab")[0].classList.remove("kint-active-tab"),t.classList.add("kint-active-tab");let e=t,s=0;for(;e=e.previousElementSibling;)s++;let i=t.parentNode.nextSibling.children;for(let r=i.length;r--;)r===s?(i[r].classList.add("kint-show"),n.#n(i[r],!0)):i[r].classList.remove("kint-show")}static toggleChildren(t,e){let s=n.getChildContainer(t);if(!s)return;e===void 0&&(e=t.classList.contains("kint-show"));let i=Array.from(s.getElementsByClassName("kint-parent"));for(let r of i)r.classList.toggle("kint-show",e)}static toggleAccessPath(t,e){let s=t.querySelector(".access-path");s?.classList.toggle("kint-show",e)&&f(s)}static#n(t,e){if(t.children.length===2&&t.lastElementChild.matches("ul.kint-tab-contents"))for(let s of t.lastElementChild.children)s.matches("li.kint-show")&&(t=s);if(t.children.length===1&&t.firstElementChild.matches("dl")){let s=t.firstElementChild.firstElementChild;s?.classList?.contains("kint-parent")&&n.toggle(s,e)}}},b=class{#e;#t;#s;#i=null;#n=null;#o=0;constructor(t,e,s){this.#e=t,this.#t=s,this.#s=e,this.#s.addEventListener("click",this.#a.bind(this),!0)}#r(){clearTimeout(this.#i),this.#i=setTimeout(this.#l.bind(this),250)}#l(){clearTimeout(this.#i),this.#i=null,this.#n=null,this.#o=0}#c(){let t=this.#n;if(!t.matches(".kint-parent > nav"))return;let e=t.parentNode;if(this.#o===1)a.toggleChildren(e),this.#t.onTreeChanged(),this.#r(),this.#o=2;else if(this.#o===2){this.#l();let s=e.classList.contains("kint-show"),i=this.#e.folder?.querySelector(".kint-parent"),r=Array.from(this.#s.document.getElementsByClassName("kint-parent"));for(let o of r)o!==i&&o.classList.toggle("kint-show",s);this.#t.onTreeChanged(),this.#t.scrollToFocus()}}#a(t){if(this.#o){this.#c();return}let e=t.target;if(!e.closest(".kint-rich"))return;if(e.tagName==="DFN"&&f(e),e.tagName==="TH"){t.ctrlKey||g.sort(e.closest("table"),e.cellIndex);return}if(e.tagName==="LI"&&e.parentNode.className==="kint-tabs"){if(e.className!=="kint-active-tab"){let i=e.closest("dl")?.querySelector(".kint-parent > nav")??e;a.switchTab(e),this.#t.onTreeChanged(),this.#t.setCursor(i)}return}let s=e.closest("dt");if(e.tagName==="NAV")e.parentNode.tagName==="FOOTER"?(this.#t.setCursor(e),e.parentNode.classList.toggle("kint-show")):s?.classList.contains("kint-parent")&&(a.toggle(s),this.#t.onTreeChanged(),this.#t.setCursor(e),this.#r(),this.#o=1,this.#n=e);else if(e.classList.contains("kint-access-path-trigger"))s&&a.toggleAccessPath(s);else if(e.classList.contains("kint-search-trigger"))s?.matches(".kint-rich > dl > dt.kint-parent")&&u.toggleSearchBox(s);else if(e.classList.contains("kint-folder-trigger")){if(s?.matches(".kint-rich > dl > dt.kint-parent"))this.#e.addToFolder(e),this.#t.onTreeChanged(),this.#t.setCursor(s.querySelector("nav")),this.#t.scrollToFocus();else if(e.parentNode.tagName==="FOOTER"){let i=e.closest(".kint-rich").querySelector(".kint-parent > nav, .kint-rich > footer > nav");this.#e.addToFolder(e),this.#t.onTreeChanged(),this.#t.setCursor(i),this.#t.scrollToFocus()}}else e.classList.contains("kint-search")||(e.tagName==="PRE"&&t.detail===3?f(e):e.closest(".kint-source")&&t.detail===3?f(e.closest(".kint-source")):e.classList.contains("access-path")?f(e):e.tagName!=="A"&&s?.classList.contains("kint-parent")&&(a.toggle(s),this.#t.onTreeChanged(),this.#t.setCursor(s.querySelector("nav"))))}},j=65,G=68,A=70,S=72,K=74,D=75,p=76,V=83,P=9,T=13,B=27,L=32,N=37,R=38,C=39,H=40,M=".kint-rich .kint-parent > nav, .kint-rich > footer > nav, .kint-rich .kint-tabs > li:not(.kint-active-tab)",q=class{#e=[];#t=0;#s=!1;#i;#n;constructor(t,e){this.#i=t,this.#n=e.window,this.#n.addEventListener("keydown",this.#c.bind(this),!0),e.runOnInit(this.onTreeChanged.bind(this))}scrollToFocus(){let t=this.#e[this.#t];if(!t)return;let e=this.#i.folder;if(t===e?.querySelector(".kint-parent > nav"))return;let s=x(t);if(this.#i.isFolderOpen()){let i=e.querySelector("dd.kint-foldout");i.scrollTo(0,s-i.clientHeight/2)}else this.#n.scrollTo(0,s-this.#n.innerHeight/2)}onTreeChanged(){let t=this.#e[this.#t];this.#e=[];let e=this.#i.folder,s=e?.querySelector(".kint-parent > nav"),i=this.#n.document;this.#i.isFolderOpen()&&(i=e,this.#e.push(s));let r=Array.from(i.querySelectorAll(M));for(let o of r)o.offsetParent!==null&&o!==s&&this.#e.push(o);if(s&&!this.#i.isFolderOpen()&&this.#e.push(s),this.#e.length===0){this.#s=!1,this.#r();return}t&&this.#e.indexOf(t)!==-1?this.#t=this.#e.indexOf(t):this.#r()}setCursor(t){if(this.#i.isFolderOpen()&&!this.#i.folder.contains(t)||!t.matches(M))return!1;let e=this.#e.indexOf(t);if(e===-1&&(this.onTreeChanged(),e=this.#e.indexOf(t)),e!==-1){if(e!==this.#t)return this.#t=e,this.#r(),!0;this.#e[e]?.classList.remove("kint-weak-focus")}else console.error("setCursor failed to find target in list",t),console.info("Please report this as a bug in Kint at https://github.com/kint-php/kint");return!1}#o(t){if(this.#e.length===0)return this.#t=0,null;for(this.#t+=t;this.#t<0;)this.#t+=this.#e.length;for(;this.#t>=this.#e.length;)this.#t-=this.#e.length;return this.#r(),this.#t}#r(){let t=this.#n.document.querySelector(".kint-focused");t&&(t.classList.remove("kint-focused"),t.classList.remove("kint-weak-focus")),this.#s&&this.#e[this.#t]?.classList.add("kint-focused")}#l(t){let e=t.closest(".kint-rich .kint-parent ~ dd")?.parentNode.querySelector(".kint-parent > nav");e&&(this.setCursor(e),this.scrollToFocus())}#c(t){if(this.#s&&t.keyCode===B&&t.target.matches(".kint-search")){t.target.blur(),this.#r();return}if(t.target!==this.#n.document.body||t.altKey||t.ctrlKey)return;if(t.keyCode===G){if(this.#s)this.#s=!1;else{if(this.#s=!0,this.onTreeChanged(),this.#e.length===0){this.#s=!1;return}this.scrollToFocus()}this.#r(),t.preventDefault();return}else if(t.keyCode===B){this.#s&&(this.#s=!1,this.#r(),t.preventDefault());return}else if(!this.#s)return;t.preventDefault(),d(this.#e[this.#t])||this.onTreeChanged();let e=this.#e[this.#t];if([P,R,D,H,K].includes(t.keyCode)){t.keyCode===P?this.#o(t.shiftKey?-1:1):t.keyCode===R||t.keyCode===D?this.#o(-1):(t.keyCode===H||t.keyCode===K)&&this.#o(1),this.scrollToFocus();return}if(e.tagName==="LI"&&[L,T,C,p,N,S].includes(t.keyCode)){t.keyCode===L||t.keyCode===T?(a.switchTab(e),this.onTreeChanged()):t.keyCode===C||t.keyCode===p?this.#o(1):(t.keyCode===N||t.keyCode===S)&&this.#o(-1),this.scrollToFocus();return}if(e.parentNode.tagName==="FOOTER"&&e.closest(".kint-rich")){if(t.keyCode===L||t.keyCode===T)e.parentNode.classList.toggle("kint-show");else if(t.keyCode===N||t.keyCode===S)if(e.parentNode.classList.contains("kint-show"))e.parentNode.classList.remove("kint-show");else{this.#l(e.closest(".kint-rich"));return}else if(t.keyCode===C||t.keyCode===p)e.parentNode.classList.add("kint-show");else if(t.keyCode===A&&!this.#i.isFolderOpen()&&e.matches(".kint-rich > footer > nav")){let i=e.closest(".kint-rich").querySelector(".kint-parent > nav, .kint-rich > footer > nav");this.#i.addToFolder(e),this.onTreeChanged(),this.setCursor(i),this.scrollToFocus()}return}let s=e.closest(".kint-parent");if(s){if(t.keyCode===j){a.toggleAccessPath(s);return}if(t.keyCode===A){!this.#i.isFolderOpen()&&s.matches(".kint-rich:not(.kint-folder) > dl > .kint-parent")&&(this.#i.addToFolder(e),this.onTreeChanged(),this.setCursor(e),this.scrollToFocus());return}if(t.keyCode===V){let i=s.closest(".kint-rich > dl")?.querySelector(".kint-search")?.closest(".kint-parent");if(i){e.classList.add("kint-weak-focus"),u.toggleSearchBox(i,!0);return}}if(t.keyCode===L||t.keyCode===T){a.toggle(s),this.onTreeChanged();return}if([C,p,N,S].includes(t.keyCode)){let i=s.classList.contains("kint-show");if(t.keyCode===C||t.keyCode===p){i&&a.toggleChildren(s,!0),a.toggle(s,!0),this.onTreeChanged();return}else if(i){a.toggleChildren(s,!1),a.toggle(s,!1),this.onTreeChanged();return}else{this.#l(s);return}}}}};var y=class{#e;#t;constructor(t){if(!(t instanceof h))throw new Error("Invalid argument to Plain.constructor()");this.#e=t.window,t.runOnInit(this.#s.bind(this))}#s(){d(this.#t)||(this.#t=this.#e.document.querySelector("style.kint-plain-style")),this.#t&&m(this.#t)}};var w=class{#e;constructor(t){if(!(t instanceof h))throw new Error("Invalid argument to Microtime.constructor()");this.#e=t.window,t.runOnInit(this.#t.bind(this))}#t(){let t={},e=this.#e.document.querySelectorAll("[data-kint-microtime-group]");for(let s of e){let i=s.querySelector(".kint-microtime-lap");if(!i)continue;let r=s.dataset.kintMicrotimeGroup,o=parseFloat(i.textContent),l=parseFloat(s.querySelector(".kint-microtime-avg").textContent);t[r]??={min:o,max:o,avg:l},t[r].min>o&&(t[r].min=o),t[r].max<o&&(t[r].max=o),t[r].avg=l}for(let s of e){let i=s.querySelector(".kint-microtime-lap");if(!i)continue;let r=parseFloat(i.textContent),o=t[s.dataset.kintMicrotimeGroup];if(s.querySelector(".kint-microtime-avg").textContent=o.avg,!(r===o.min&&r===o.max))if(s.classList.add("kint-microtime-js"),r>o.avg){let l=(r-o.avg)/(o.max-o.avg);i.style.background="hsl("+(40-40*l)+", 100%, 65%)"}else{let l=0;o.avg!==o.min&&(l=(o.avg-r)/(o.avg-o.min)),i.style.background="hsl("+(40+80*l)+", 100%, 65%)"}}}};var U=Symbol(),h=class n{static#e=null;#t;#s=[];#i=new Set;static init(t){return n.#e??=new n(t,U),n.#e.#n(),n.#e.runOnLoad(n.#r),n.#e}get window(){return this.#t}constructor(t,e){if(U!==e)throw new Error("Kint constructor is private. Use Kint.init()");if(!(t instanceof Window))throw new Error("Invalid argument to Kint.init()");this.#t=t,this.runOnInit(this.#o.bind(this)),new y(this),new a(this),new w(this)}runOnLoad(t){if(this.#t.document.readyState==="complete")try{t()}catch{}else this.#t.addEventListener("load",t)}runOnInit(t){this.#s.push(t)}#n(){this.#t.document.currentScript&&(this.#i.add(E(window.document.currentScript)),window.document.currentScript.remove())}#o(){for(let t of this.#i.keys())for(let e of this.#t.document.querySelectorAll(t))e.remove()}static#r(){for(let t of n.#e.#s)t()}};window.Kint||(window.Kint=h);window.Kint.init(window);})();
diff --git a/ci4app/system/ThirdParty/Kint/resources/compiled/original.css b/ci4app/system/ThirdParty/Kint/resources/compiled/original.css
new file mode 100644
index 0000000..d4993ab
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/resources/compiled/original.css
@@ -0,0 +1 @@
+.kint-rich{--spacing: 4px;--nav-size: 15px;--backdrop-color: rgba(255, 255, 255, 0.9);--main-background: #e0eaef;--secondary-background: #c1d4df;--text-color: #1d1e1e;--variable-name-color: #1d1e1e;--variable-type-color: #0092db;--variable-type-color-hover: #5cb730;--border-color: #b6cedb;--border-color-hover: #0092db;--border: 1px solid var(--border-color);--foldout-max-size: calc(100vh - 100px);--foldout-zindex: 999999;--caret-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 150'><g stroke-width='2' fill='%23FFF'><path d='M1 1h28v28H1zm5 14h18m-9 9V6M1 61h28v28H1zm5 14h18' stroke='%23379'/><path d='M1 31h28v28H1zm5 14h18m-9 9V36M1 91h28v28H1zm5 14h18' stroke='%235A3'/><path d='M1 121h28v28H1zm5 5l18 18m-18 0l18-18' stroke='%23CCC'/></g></svg>");--ap-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g stroke='%23000' fill='transparent'><path d='M2 8h3m3 3v3M8 2v3m3 3h3M3 8' stroke-width='2' stroke-linecap='round'/><circle stroke-width='1.5' r='4.5' cx='8' cy='8'/></g></svg>");--folder-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 2h4l2 2h6v9H2V2h2' stroke-width='2' stroke='%23000' fill='transparent' stroke-linejoin='round'/></svg>");--search-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g stroke='%23000' fill='transparent'><path d='M2 14l3-3' stroke-linecap='round' stroke-width='3'/><circle stroke-width='2' r='5' cx='9' cy='7'/></g></svg>");font-size:13px;overflow-x:auto;white-space:nowrap;background:var(--backdrop-color);direction:ltr;contain:content}.kint-rich.kint-folder{position:fixed;bottom:0;left:0;right:0;z-index:var(--foldout-zindex);width:100%;margin:0;display:block}.kint-rich.kint-folder dd.kint-foldout{max-height:var(--foldout-max-size);padding-right:calc(var(--spacing)*2);overflow-y:scroll;display:none}.kint-rich.kint-folder dd.kint-foldout.kint-show{display:block}.kint-rich::selection{background:var(--border-color-hover);color:var(--text-color)}.kint-rich .kint-focused{box-shadow:0 0 3px 3px var(--variable-type-color-hover)}.kint-rich .kint-focused.kint-weak-focus{box-shadow:0 0 3px 1px color-mix(in srgb, var(--variable-type-color-hover) 50%, transparent)}.kint-rich,.kint-rich::before,.kint-rich::after,.kint-rich *,.kint-rich *::before,.kint-rich *::after{box-sizing:border-box;border-radius:0;color:var(--text-color);float:none !important;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;line-height:15px;margin:0;padding:0;text-align:left}.kint-rich{margin:calc(var(--spacing)*2) 0}.kint-rich dt,.kint-rich dl{width:auto}.kint-rich dt,.kint-rich div.access-path{background:var(--main-background);border:var(--border);color:var(--text-color);display:block;font-weight:bold;list-style:none outside none;overflow:auto;padding:var(--spacing)}.kint-rich dt:hover,.kint-rich div.access-path:hover{border-color:var(--border-color-hover)}.kint-rich>dl dl{padding:0 0 0 calc(var(--spacing)*3)}.kint-rich dt.kint-parent>nav,.kint-rich>footer>nav{background:var(--caret-image) no-repeat scroll 0 0/var(--nav-size) 75px rgba(0,0,0,0);cursor:pointer;display:inline-block;height:var(--nav-size);width:var(--nav-size);margin-right:3px;vertical-align:middle}.kint-rich dt.kint-parent:hover>nav,.kint-rich>footer>nav:hover{background-position:0 25%}.kint-rich dt.kint-parent.kint-show>nav,.kint-rich>footer.kint-show>nav{background-position:0 50%}.kint-rich dt.kint-parent.kint-show:hover>nav,.kint-rich>footer.kint-show>nav:hover{background-position:0 75%}.kint-rich dt.kint-parent.kint-locked>nav{background-position:0 100%}.kint-rich dt.kint-parent+dd{display:none;border-left:1px dashed var(--border-color);contain:strict}.kint-rich dt.kint-parent.kint-show+dd{display:block;contain:content}.kint-rich var,.kint-rich var a{color:var(--variable-type-color);font-style:normal}.kint-rich dt:hover var,.kint-rich dt:hover var a{color:var(--variable-type-color-hover)}.kint-rich dfn{font-style:normal;font-family:monospace;color:var(--variable-name-color)}.kint-rich pre{color:var(--text-color);margin:0 0 0 calc(var(--spacing)*3);padding:5px;overflow-y:hidden;border-top:0;border:var(--border);background:var(--main-background);display:block;word-break:normal}.kint-rich .kint-access-path-trigger,.kint-rich .kint-folder-trigger,.kint-rich .kint-search-trigger{background:color-mix(in srgb, var(--text-color) 80%, transparent);border-radius:3px;padding:2px;height:var(--nav-size);width:var(--nav-size);font-size:var(--nav-size);margin-left:5px;font-weight:bold;text-align:center;line-height:1;float:right !important;cursor:pointer;position:relative;overflow:hidden}.kint-rich .kint-access-path-trigger::before,.kint-rich .kint-folder-trigger::before,.kint-rich .kint-search-trigger::before{display:block;content:"";width:100%;height:100%;background:var(--main-background);mask:center/contain no-repeat alpha}.kint-rich .kint-access-path-trigger:hover,.kint-rich .kint-folder-trigger:hover,.kint-rich .kint-search-trigger:hover{background:var(--main-background)}.kint-rich .kint-access-path-trigger:hover::before,.kint-rich .kint-folder-trigger:hover::before,.kint-rich .kint-search-trigger:hover::before{background:var(--text-color)}.kint-rich .kint-access-path-trigger::before{mask-image:var(--ap-image)}.kint-rich .kint-folder-trigger::before{mask-image:var(--folder-image)}.kint-rich .kint-search-trigger::before{mask-image:var(--search-image)}.kint-rich input.kint-search{display:none;border:var(--border);border-top-width:0;border-bottom-width:0;padding:var(--spacing);float:right !important;margin:calc(var(--spacing)*-1) 0;color:var(--variable-name-color);background:var(--secondary-background);height:calc(var(--nav-size) + var(--spacing)*2);width:calc(var(--nav-size)*10);position:relative;z-index:100}.kint-rich input.kint-search.kint-show{display:block}.kint-rich .kint-search-root ul.kint-tabs>li:not(.kint-search-match){background:var(--secondary-background);filter:saturate(0);opacity:.5}.kint-rich .kint-search-root dl:not(.kint-search-match){opacity:.5}.kint-rich .kint-search-root dl:not(.kint-search-match)>dt{background:var(--main-background);filter:saturate(0)}.kint-rich .kint-search-root dl:not(.kint-search-match) dl,.kint-rich .kint-search-root dl:not(.kint-search-match) ul.kint-tabs>li:not(.kint-search-match){opacity:1}.kint-rich div.access-path{background:var(--secondary-background);display:none;margin-top:5px;padding:4px;white-space:pre}.kint-rich div.access-path.kint-show{display:block}.kint-rich footer{padding:0 3px 3px;font-size:9px;background:rgba(0,0,0,0)}.kint-rich footer>.kint-folder-trigger{background:rgba(0,0,0,0)}.kint-rich footer>.kint-folder-trigger::before{background:var(--text-color)}.kint-rich footer nav{height:10px;width:10px;background-size:10px 50px}.kint-rich footer>ol{display:none;margin-left:32px}.kint-rich footer.kint-show>ol{display:block}.kint-rich a{color:var(--text-color);text-shadow:none;text-decoration:underline}.kint-rich a:hover{color:var(--variable-name-color);border-bottom:1px dotted var(--variable-name-color)}.kint-rich ul{list-style:none;padding-left:calc(var(--spacing)*3)}.kint-rich ul:not(.kint-tabs) li{border-left:1px dashed var(--border-color)}.kint-rich ul:not(.kint-tabs) li>dl{border-left:none}.kint-rich ul.kint-tabs{margin:0 0 0 calc(var(--spacing)*3);padding-left:0;background:var(--main-background);border:var(--border);border-top:0}.kint-rich ul.kint-tabs>li{background:var(--secondary-background);border:var(--border);cursor:pointer;display:inline-block;height:calc(var(--spacing)*6);margin:calc(var(--spacing)/2);padding:0 calc(2px + var(--spacing)*2.5);vertical-align:top}.kint-rich ul.kint-tabs>li:hover,.kint-rich ul.kint-tabs>li.kint-active-tab:hover{border-color:var(--border-color-hover);color:var(--variable-type-color-hover)}.kint-rich ul.kint-tabs>li.kint-active-tab{background:var(--main-background);border-top:0;margin-top:-1px;height:27px;line-height:24px}.kint-rich ul.kint-tabs>li:not(.kint-active-tab){line-height:calc(var(--spacing)*5)}.kint-rich ul.kint-tabs li+li{margin-left:0}.kint-rich ul.kint-tab-contents>li{display:none;contain:strict}.kint-rich ul.kint-tab-contents>li.kint-show{display:block;contain:content}.kint-rich dt:hover+dd>ul>li.kint-active-tab{border-color:var(--border-color-hover);color:var(--variable-type-color-hover)}.kint-rich dt>.kint-color-preview{width:var(--nav-size);height:var(--nav-size);display:inline-block;vertical-align:middle;margin-left:10px;border:var(--border);background-color:#ccc;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="%23FFF" d="M0 0h1v2h1V1H0z"/></svg>');background-size:min(20px,100%)}.kint-rich dt>.kint-color-preview:hover{border-color:var(--border-color-hover)}.kint-rich dt>.kint-color-preview>div{width:100%;height:100%}.kint-rich table{border-collapse:collapse;empty-cells:show;border-spacing:0}.kint-rich table *{font-size:12px}.kint-rich table dt{background:none;padding:calc(var(--spacing)/2)}.kint-rich table dt .kint-parent{min-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kint-rich table td,.kint-rich table th{border:var(--border);padding:calc(var(--spacing)/2);vertical-align:center}.kint-rich table th{cursor:alias}.kint-rich table td:first-child,.kint-rich table th{font-weight:bold;background:var(--secondary-background);color:var(--variable-name-color)}.kint-rich table td{background:var(--main-background);white-space:pre}.kint-rich table td>dl{padding:0}.kint-rich table pre{border-top:0;border-right:0}.kint-rich table thead th:first-child{background:none;border:0}.kint-rich table tr:hover>td{box-shadow:0 0 1px 0 var(--border-color-hover) inset}.kint-rich table tr:hover var{color:var(--variable-type-color-hover)}.kint-rich table ul.kint-tabs li.kint-active-tab{height:20px;line-height:17px}.kint-rich pre.kint-source{margin-left:-1px}.kint-rich pre.kint-source[data-kint-filename]:before{display:block;content:attr(data-kint-filename);margin-bottom:var(--spacing);padding-bottom:var(--spacing);border-bottom:1px solid var(--secondary-background)}.kint-rich pre.kint-source>div:before{display:inline-block;content:counter(kint-l);counter-increment:kint-l;border-right:1px solid var(--border-color-hover);padding-right:calc(var(--spacing)*2);margin-right:calc(var(--spacing)*2)}.kint-rich pre.kint-source>div.kint-highlight{background:var(--secondary-background)}.kint-rich .kint-microtime-js .kint-microtime-lap{text-shadow:-1px 0 var(--border-color-hover),0 1px var(--border-color-hover),1px 0 var(--border-color-hover),0 -1px var(--border-color-hover);color:var(--main-background);font-weight:bold}input.kint-note-input{width:100%}.kint-rich{--gradient-start: #e3ecf0;--gradient-end: #c0d4df;--tabs-gradient-start: #9dbed0;--tabs-gradient-end: #b2ccda}.kint-rich>dl>dt{background:linear-gradient(to bottom, var(--gradient-start) 0%, var(--gradient-end) 100%)}.kint-rich>dl>dd>ul.kint-tabs li{background:var(--main-background)}.kint-rich>dl>dd>ul.kint-tabs li.kint-active-tab{background:var(--secondary-background)}.kint-rich ul.kint-tabs{background:linear-gradient(to bottom, var(--tabs-gradient-start) 0%, var(--tabs-gradient-end) 100%)}
diff --git a/ci4app/system/ThirdParty/Kint/resources/compiled/plain.css b/ci4app/system/ThirdParty/Kint/resources/compiled/plain.css
new file mode 100644
index 0000000..8d47b53
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/resources/compiled/plain.css
@@ -0,0 +1 @@
+.kint-plain{background:rgba(255,255,255,.9);white-space:pre;display:block;font-family:monospace;color:#222;line-height:normal}.kint-plain i{color:#d00;font-style:normal}.kint-plain u{color:#030;text-decoration:none;font-weight:bold}.kint-plain .kint-microtime-js .kint-microtime-lap{text-shadow:1px 0 #d00,0 1px #d00,-1px 0 #d00,0 -1px #d00;color:#fff;font-weight:bold}
diff --git a/ci4app/system/ThirdParty/Kint/resources/compiled/solarized-dark.css b/ci4app/system/ThirdParty/Kint/resources/compiled/solarized-dark.css
new file mode 100644
index 0000000..529a9ce
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/resources/compiled/solarized-dark.css
@@ -0,0 +1 @@
+.kint-rich{--spacing: 4px;--nav-size: 15px;--backdrop-color: rgba(255, 255, 255, 0.9);--main-background: #e0eaef;--secondary-background: #c1d4df;--text-color: #1d1e1e;--variable-name-color: #1d1e1e;--variable-type-color: #0092db;--variable-type-color-hover: #5cb730;--border-color: #b6cedb;--border-color-hover: #0092db;--border: 1px solid var(--border-color);--foldout-max-size: calc(100vh - 100px);--foldout-zindex: 999999;--caret-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 150'><g stroke-width='2' fill='%23FFF'><path d='M1 1h28v28H1zm5 14h18m-9 9V6M1 61h28v28H1zm5 14h18' stroke='%23379'/><path d='M1 31h28v28H1zm5 14h18m-9 9V36M1 91h28v28H1zm5 14h18' stroke='%235A3'/><path d='M1 121h28v28H1zm5 5l18 18m-18 0l18-18' stroke='%23CCC'/></g></svg>");--ap-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g stroke='%23000' fill='transparent'><path d='M2 8h3m3 3v3M8 2v3m3 3h3M3 8' stroke-width='2' stroke-linecap='round'/><circle stroke-width='1.5' r='4.5' cx='8' cy='8'/></g></svg>");--folder-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 2h4l2 2h6v9H2V2h2' stroke-width='2' stroke='%23000' fill='transparent' stroke-linejoin='round'/></svg>");--search-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g stroke='%23000' fill='transparent'><path d='M2 14l3-3' stroke-linecap='round' stroke-width='3'/><circle stroke-width='2' r='5' cx='9' cy='7'/></g></svg>");font-size:13px;overflow-x:auto;white-space:nowrap;background:var(--backdrop-color);direction:ltr;contain:content}.kint-rich.kint-folder{position:fixed;bottom:0;left:0;right:0;z-index:var(--foldout-zindex);width:100%;margin:0;display:block}.kint-rich.kint-folder dd.kint-foldout{max-height:var(--foldout-max-size);padding-right:calc(var(--spacing)*2);overflow-y:scroll;display:none}.kint-rich.kint-folder dd.kint-foldout.kint-show{display:block}.kint-rich::selection{background:var(--border-color-hover);color:var(--text-color)}.kint-rich .kint-focused{box-shadow:0 0 3px 3px var(--variable-type-color-hover)}.kint-rich .kint-focused.kint-weak-focus{box-shadow:0 0 3px 1px color-mix(in srgb, var(--variable-type-color-hover) 50%, transparent)}.kint-rich,.kint-rich::before,.kint-rich::after,.kint-rich *,.kint-rich *::before,.kint-rich *::after{box-sizing:border-box;border-radius:0;color:var(--text-color);float:none !important;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;line-height:15px;margin:0;padding:0;text-align:left}.kint-rich{margin:calc(var(--spacing)*2) 0}.kint-rich dt,.kint-rich dl{width:auto}.kint-rich dt,.kint-rich div.access-path{background:var(--main-background);border:var(--border);color:var(--text-color);display:block;font-weight:bold;list-style:none outside none;overflow:auto;padding:var(--spacing)}.kint-rich dt:hover,.kint-rich div.access-path:hover{border-color:var(--border-color-hover)}.kint-rich>dl dl{padding:0 0 0 calc(var(--spacing)*3)}.kint-rich dt.kint-parent>nav,.kint-rich>footer>nav{background:var(--caret-image) no-repeat scroll 0 0/var(--nav-size) 75px rgba(0,0,0,0);cursor:pointer;display:inline-block;height:var(--nav-size);width:var(--nav-size);margin-right:3px;vertical-align:middle}.kint-rich dt.kint-parent:hover>nav,.kint-rich>footer>nav:hover{background-position:0 25%}.kint-rich dt.kint-parent.kint-show>nav,.kint-rich>footer.kint-show>nav{background-position:0 50%}.kint-rich dt.kint-parent.kint-show:hover>nav,.kint-rich>footer.kint-show>nav:hover{background-position:0 75%}.kint-rich dt.kint-parent.kint-locked>nav{background-position:0 100%}.kint-rich dt.kint-parent+dd{display:none;border-left:1px dashed var(--border-color);contain:strict}.kint-rich dt.kint-parent.kint-show+dd{display:block;contain:content}.kint-rich var,.kint-rich var a{color:var(--variable-type-color);font-style:normal}.kint-rich dt:hover var,.kint-rich dt:hover var a{color:var(--variable-type-color-hover)}.kint-rich dfn{font-style:normal;font-family:monospace;color:var(--variable-name-color)}.kint-rich pre{color:var(--text-color);margin:0 0 0 calc(var(--spacing)*3);padding:5px;overflow-y:hidden;border-top:0;border:var(--border);background:var(--main-background);display:block;word-break:normal}.kint-rich .kint-access-path-trigger,.kint-rich .kint-folder-trigger,.kint-rich .kint-search-trigger{background:color-mix(in srgb, var(--text-color) 80%, transparent);border-radius:3px;padding:2px;height:var(--nav-size);width:var(--nav-size);font-size:var(--nav-size);margin-left:5px;font-weight:bold;text-align:center;line-height:1;float:right !important;cursor:pointer;position:relative;overflow:hidden}.kint-rich .kint-access-path-trigger::before,.kint-rich .kint-folder-trigger::before,.kint-rich .kint-search-trigger::before{display:block;content:"";width:100%;height:100%;background:var(--main-background);mask:center/contain no-repeat alpha}.kint-rich .kint-access-path-trigger:hover,.kint-rich .kint-folder-trigger:hover,.kint-rich .kint-search-trigger:hover{background:var(--main-background)}.kint-rich .kint-access-path-trigger:hover::before,.kint-rich .kint-folder-trigger:hover::before,.kint-rich .kint-search-trigger:hover::before{background:var(--text-color)}.kint-rich .kint-access-path-trigger::before{mask-image:var(--ap-image)}.kint-rich .kint-folder-trigger::before{mask-image:var(--folder-image)}.kint-rich .kint-search-trigger::before{mask-image:var(--search-image)}.kint-rich input.kint-search{display:none;border:var(--border);border-top-width:0;border-bottom-width:0;padding:var(--spacing);float:right !important;margin:calc(var(--spacing)*-1) 0;color:var(--variable-name-color);background:var(--secondary-background);height:calc(var(--nav-size) + var(--spacing)*2);width:calc(var(--nav-size)*10);position:relative;z-index:100}.kint-rich input.kint-search.kint-show{display:block}.kint-rich .kint-search-root ul.kint-tabs>li:not(.kint-search-match){background:var(--secondary-background);filter:saturate(0);opacity:.5}.kint-rich .kint-search-root dl:not(.kint-search-match){opacity:.5}.kint-rich .kint-search-root dl:not(.kint-search-match)>dt{background:var(--main-background);filter:saturate(0)}.kint-rich .kint-search-root dl:not(.kint-search-match) dl,.kint-rich .kint-search-root dl:not(.kint-search-match) ul.kint-tabs>li:not(.kint-search-match){opacity:1}.kint-rich div.access-path{background:var(--secondary-background);display:none;margin-top:5px;padding:4px;white-space:pre}.kint-rich div.access-path.kint-show{display:block}.kint-rich footer{padding:0 3px 3px;font-size:9px;background:rgba(0,0,0,0)}.kint-rich footer>.kint-folder-trigger{background:rgba(0,0,0,0)}.kint-rich footer>.kint-folder-trigger::before{background:var(--text-color)}.kint-rich footer nav{height:10px;width:10px;background-size:10px 50px}.kint-rich footer>ol{display:none;margin-left:32px}.kint-rich footer.kint-show>ol{display:block}.kint-rich a{color:var(--text-color);text-shadow:none;text-decoration:underline}.kint-rich a:hover{color:var(--variable-name-color);border-bottom:1px dotted var(--variable-name-color)}.kint-rich ul{list-style:none;padding-left:calc(var(--spacing)*3)}.kint-rich ul:not(.kint-tabs) li{border-left:1px dashed var(--border-color)}.kint-rich ul:not(.kint-tabs) li>dl{border-left:none}.kint-rich ul.kint-tabs{margin:0 0 0 calc(var(--spacing)*3);padding-left:0;background:var(--main-background);border:var(--border);border-top:0}.kint-rich ul.kint-tabs>li{background:var(--secondary-background);border:var(--border);cursor:pointer;display:inline-block;height:calc(var(--spacing)*6);margin:calc(var(--spacing)/2);padding:0 calc(2px + var(--spacing)*2.5);vertical-align:top}.kint-rich ul.kint-tabs>li:hover,.kint-rich ul.kint-tabs>li.kint-active-tab:hover{border-color:var(--border-color-hover);color:var(--variable-type-color-hover)}.kint-rich ul.kint-tabs>li.kint-active-tab{background:var(--main-background);border-top:0;margin-top:-1px;height:27px;line-height:24px}.kint-rich ul.kint-tabs>li:not(.kint-active-tab){line-height:calc(var(--spacing)*5)}.kint-rich ul.kint-tabs li+li{margin-left:0}.kint-rich ul.kint-tab-contents>li{display:none;contain:strict}.kint-rich ul.kint-tab-contents>li.kint-show{display:block;contain:content}.kint-rich dt:hover+dd>ul>li.kint-active-tab{border-color:var(--border-color-hover);color:var(--variable-type-color-hover)}.kint-rich dt>.kint-color-preview{width:var(--nav-size);height:var(--nav-size);display:inline-block;vertical-align:middle;margin-left:10px;border:var(--border);background-color:#ccc;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="%23FFF" d="M0 0h1v2h1V1H0z"/></svg>');background-size:min(20px,100%)}.kint-rich dt>.kint-color-preview:hover{border-color:var(--border-color-hover)}.kint-rich dt>.kint-color-preview>div{width:100%;height:100%}.kint-rich table{border-collapse:collapse;empty-cells:show;border-spacing:0}.kint-rich table *{font-size:12px}.kint-rich table dt{background:none;padding:calc(var(--spacing)/2)}.kint-rich table dt .kint-parent{min-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kint-rich table td,.kint-rich table th{border:var(--border);padding:calc(var(--spacing)/2);vertical-align:center}.kint-rich table th{cursor:alias}.kint-rich table td:first-child,.kint-rich table th{font-weight:bold;background:var(--secondary-background);color:var(--variable-name-color)}.kint-rich table td{background:var(--main-background);white-space:pre}.kint-rich table td>dl{padding:0}.kint-rich table pre{border-top:0;border-right:0}.kint-rich table thead th:first-child{background:none;border:0}.kint-rich table tr:hover>td{box-shadow:0 0 1px 0 var(--border-color-hover) inset}.kint-rich table tr:hover var{color:var(--variable-type-color-hover)}.kint-rich table ul.kint-tabs li.kint-active-tab{height:20px;line-height:17px}.kint-rich pre.kint-source{margin-left:-1px}.kint-rich pre.kint-source[data-kint-filename]:before{display:block;content:attr(data-kint-filename);margin-bottom:var(--spacing);padding-bottom:var(--spacing);border-bottom:1px solid var(--secondary-background)}.kint-rich pre.kint-source>div:before{display:inline-block;content:counter(kint-l);counter-increment:kint-l;border-right:1px solid var(--border-color-hover);padding-right:calc(var(--spacing)*2);margin-right:calc(var(--spacing)*2)}.kint-rich pre.kint-source>div.kint-highlight{background:var(--secondary-background)}.kint-rich .kint-microtime-js .kint-microtime-lap{text-shadow:-1px 0 var(--border-color-hover),0 1px var(--border-color-hover),1px 0 var(--border-color-hover),0 -1px var(--border-color-hover);color:var(--main-background);font-weight:bold}input.kint-note-input{width:100%}.kint-rich{--spacing: 5px;--main-background: #002b36;--secondary-background: #073642;--backdrop-color: var(--secondary-background);--text-color: #839496;--variable-name-color: #93a1a1;--variable-type-color: #268bd2;--variable-type-color-hover: #2aa198;--border-color: #586e75;--border-color-hover: #268bd2;--caret-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 30 150'><defs><path stroke-linejoin='round' d='M4 3a24 32 0 0 1 0 24 40 20-10 0 1 23-12A40 20 10 0 1 4 3z' id='a'/></defs><g fill='%2393a1a1' stroke='%2393a1a1'><use xlink:href='%23a'/><use xlink:href='%23a' transform='rotate(90 -15 45)'/></g><g fill='%23586e75' stroke='%23586e75' transform='translate(0 30)'><use xlink:href='%23a'/><use xlink:href='%23a' transform='rotate(90 -15 45)'/></g><path d='M6 126l18 18m-18 0l18-18' stroke-width='2' stroke='%23586e75'/></svg>")}.kint-rich .kint-focused{box-shadow:0 0 3px 2px #859900 inset;border-radius:7px}.kint-rich>dl>dt,.kint-rich ul.kint-tabs{box-shadow:4px 0 2px -3px var(--variable-type-color) inset}.kint-rich ul.kint-tabs li.kint-active-tab{padding-top:7px;height:34px}.kint-rich footer li{color:#ddd}
diff --git a/ci4app/system/ThirdParty/Kint/resources/compiled/solarized.css b/ci4app/system/ThirdParty/Kint/resources/compiled/solarized.css
new file mode 100644
index 0000000..0db55c0
--- /dev/null
+++ b/ci4app/system/ThirdParty/Kint/resources/compiled/solarized.css
@@ -0,0 +1 @@
+.kint-rich{--spacing: 4px;--nav-size: 15px;--backdrop-color: rgba(255, 255, 255, 0.9);--main-background: #e0eaef;--secondary-background: #c1d4df;--text-color: #1d1e1e;--variable-name-color: #1d1e1e;--variable-type-color: #0092db;--variable-type-color-hover: #5cb730;--border-color: #b6cedb;--border-color-hover: #0092db;--border: 1px solid var(--border-color);--foldout-max-size: calc(100vh - 100px);--foldout-zindex: 999999;--caret-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 150'><g stroke-width='2' fill='%23FFF'><path d='M1 1h28v28H1zm5 14h18m-9 9V6M1 61h28v28H1zm5 14h18' stroke='%23379'/><path d='M1 31h28v28H1zm5 14h18m-9 9V36M1 91h28v28H1zm5 14h18' stroke='%235A3'/><path d='M1 121h28v28H1zm5 5l18 18m-18 0l18-18' stroke='%23CCC'/></g></svg>");--ap-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g stroke='%23000' fill='transparent'><path d='M2 8h3m3 3v3M8 2v3m3 3h3M3 8' stroke-width='2' stroke-linecap='round'/><circle stroke-width='1.5' r='4.5' cx='8' cy='8'/></g></svg>");--folder-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 2h4l2 2h6v9H2V2h2' stroke-width='2' stroke='%23000' fill='transparent' stroke-linejoin='round'/></svg>");--search-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g stroke='%23000' fill='transparent'><path d='M2 14l3-3' stroke-linecap='round' stroke-width='3'/><circle stroke-width='2' r='5' cx='9' cy='7'/></g></svg>");font-size:13px;overflow-x:auto;white-space:nowrap;background:var(--backdrop-color);direction:ltr;contain:content}.kint-rich.kint-folder{position:fixed;bottom:0;left:0;right:0;z-index:var(--foldout-zindex);width:100%;margin:0;display:block}.kint-rich.kint-folder dd.kint-foldout{max-height:var(--foldout-max-size);padding-right:calc(var(--spacing)*2);overflow-y:scroll;display:none}.kint-rich.kint-folder dd.kint-foldout.kint-show{display:block}.kint-rich::selection{background:var(--border-color-hover);color:var(--text-color)}.kint-rich .kint-focused{box-shadow:0 0 3px 3px var(--variable-type-color-hover)}.kint-rich .kint-focused.kint-weak-focus{box-shadow:0 0 3px 1px color-mix(in srgb, var(--variable-type-color-hover) 50%, transparent)}.kint-rich,.kint-rich::before,.kint-rich::after,.kint-rich *,.kint-rich *::before,.kint-rich *::after{box-sizing:border-box;border-radius:0;color:var(--text-color);float:none !important;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;line-height:15px;margin:0;padding:0;text-align:left}.kint-rich{margin:calc(var(--spacing)*2) 0}.kint-rich dt,.kint-rich dl{width:auto}.kint-rich dt,.kint-rich div.access-path{background:var(--main-background);border:var(--border);color:var(--text-color);display:block;font-weight:bold;list-style:none outside none;overflow:auto;padding:var(--spacing)}.kint-rich dt:hover,.kint-rich div.access-path:hover{border-color:var(--border-color-hover)}.kint-rich>dl dl{padding:0 0 0 calc(var(--spacing)*3)}.kint-rich dt.kint-parent>nav,.kint-rich>footer>nav{background:var(--caret-image) no-repeat scroll 0 0/var(--nav-size) 75px rgba(0,0,0,0);cursor:pointer;display:inline-block;height:var(--nav-size);width:var(--nav-size);margin-right:3px;vertical-align:middle}.kint-rich dt.kint-parent:hover>nav,.kint-rich>footer>nav:hover{background-position:0 25%}.kint-rich dt.kint-parent.kint-show>nav,.kint-rich>footer.kint-show>nav{background-position:0 50%}.kint-rich dt.kint-parent.kint-show:hover>nav,.kint-rich>footer.kint-show>nav:hover{background-position:0 75%}.kint-rich dt.kint-parent.kint-locked>nav{background-position:0 100%}.kint-rich dt.kint-parent+dd{display:none;border-left:1px dashed var(--border-color);contain:strict}.kint-rich dt.kint-parent.kint-show+dd{display:block;contain:content}.kint-rich var,.kint-rich var a{color:var(--variable-type-color);font-style:normal}.kint-rich dt:hover var,.kint-rich dt:hover var a{color:var(--variable-type-color-hover)}.kint-rich dfn{font-style:normal;font-family:monospace;color:var(--variable-name-color)}.kint-rich pre{color:var(--text-color);margin:0 0 0 calc(var(--spacing)*3);padding:5px;overflow-y:hidden;border-top:0;border:var(--border);background:var(--main-background);display:block;word-break:normal}.kint-rich .kint-access-path-trigger,.kint-rich .kint-folder-trigger,.kint-rich .kint-search-trigger{background:color-mix(in srgb, var(--text-color) 80%, transparent);border-radius:3px;padding:2px;height:var(--nav-size);width:var(--nav-size);font-size:var(--nav-size);margin-left:5px;font-weight:bold;text-align:center;line-height:1;float:right !important;cursor:pointer;position:relative;overflow:hidden}.kint-rich .kint-access-path-trigger::before,.kint-rich .kint-folder-trigger::before,.kint-rich .kint-search-trigger::before{display:block;content:"";width:100%;height:100%;background:var(--main-background);mask:center/contain no-repeat alpha}.kint-rich .kint-access-path-trigger:hover,.kint-rich .kint-folder-trigger:hover,.kint-rich .kint-search-trigger:hover{background:var(--main-background)}.kint-rich .kint-access-path-trigger:hover::before,.kint-rich .kint-folder-trigger:hover::before,.kint-rich .kint-search-trigger:hover::before{background:var(--text-color)}.kint-rich .kint-access-path-trigger::before{mask-image:var(--ap-image)}.kint-rich .kint-folder-trigger::before{mask-image:var(--folder-image)}.kint-rich .kint-search-trigger::before{mask-image:var(--search-image)}.kint-rich input.kint-search{display:none;border:var(--border);border-top-width:0;border-bottom-width:0;padding:var(--spacing);float:right !important;margin:calc(var(--spacing)*-1) 0;color:var(--variable-name-color);background:var(--secondary-background);height:calc(var(--nav-size) + var(--spacing)*2);width:calc(var(--nav-size)*10);position:relative;z-index:100}.kint-rich input.kint-search.kint-show{display:block}.kint-rich .kint-search-root ul.kint-tabs>li:not(.kint-search-match){background:var(--secondary-background);filter:saturate(0);opacity:.5}.kint-rich .kint-search-root dl:not(.kint-search-match){opacity:.5}.kint-rich .kint-search-root dl:not(.kint-search-match)>dt{background:var(--main-background);filter:saturate(0)}.kint-rich .kint-search-root dl:not(.kint-search-match) dl,.kint-rich .kint-search-root dl:not(.kint-search-match) ul.kint-tabs>li:not(.kint-search-match){opacity:1}.kint-rich div.access-path{background:var(--secondary-background);display:none;margin-top:5px;padding:4px;white-space:pre}.kint-rich div.access-path.kint-show{display:block}.kint-rich footer{padding:0 3px 3px;font-size:9px;background:rgba(0,0,0,0)}.kint-rich footer>.kint-folder-trigger{background:rgba(0,0,0,0)}.kint-rich footer>.kint-folder-trigger::before{background:var(--text-color)}.kint-rich footer nav{height:10px;width:10px;background-size:10px 50px}.kint-rich footer>ol{display:none;margin-left:32px}.kint-rich footer.kint-show>ol{display:block}.kint-rich a{color:var(--text-color);text-shadow:none;text-decoration:underline}.kint-rich a:hover{color:var(--variable-name-color);border-bottom:1px dotted var(--variable-name-color)}.kint-rich ul{list-style:none;padding-left:calc(var(--spacing)*3)}.kint-rich ul:not(.kint-tabs) li{border-left:1px dashed var(--border-color)}.kint-rich ul:not(.kint-tabs) li>dl{border-left:none}.kint-rich ul.kint-tabs{margin:0 0 0 calc(var(--spacing)*3);padding-left:0;background:var(--main-background);border:var(--border);border-top:0}.kint-rich ul.kint-tabs>li{background:var(--secondary-background);border:var(--border);cursor:pointer;display:inline-block;height:calc(var(--spacing)*6);margin:calc(var(--spacing)/2);padding:0 calc(2px + var(--spacing)*2.5);vertical-align:top}.kint-rich ul.kint-tabs>li:hover,.kint-rich ul.kint-tabs>li.kint-active-tab:hover{border-color:var(--border-color-hover);color:var(--variable-type-color-hover)}.kint-rich ul.kint-tabs>li.kint-active-tab{background:var(--main-background);border-top:0;margin-top:-1px;height:27px;line-height:24px}.kint-rich ul.kint-tabs>li:not(.kint-active-tab){line-height:calc(var(--spacing)*5)}.kint-rich ul.kint-tabs li+li{margin-left:0}.kint-rich ul.kint-tab-contents>li{display:none;contain:strict}.kint-rich ul.kint-tab-contents>li.kint-show{display:block;contain:content}.kint-rich dt:hover+dd>ul>li.kint-active-tab{border-color:var(--border-color-hover);color:var(--variable-type-color-hover)}.kint-rich dt>.kint-color-preview{width:var(--nav-size);height:var(--nav-size);display:inline-block;vertical-align:middle;margin-left:10px;border:var(--border);background-color:#ccc;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="%23FFF" d="M0 0h1v2h1V1H0z"/></svg>');background-size:min(20px,100%)}.kint-rich dt>.kint-color-preview:hover{border-color:var(--border-color-hover)}.kint-rich dt>.kint-color-preview>div{width:100%;height:100%}.kint-rich table{border-collapse:collapse;empty-cells:show;border-spacing:0}.kint-rich table *{font-size:12px}.kint-rich table dt{background:none;padding:calc(var(--spacing)/2)}.kint-rich table dt .kint-parent{min-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kint-rich table td,.kint-rich table th{border:var(--border);padding:calc(var(--spacing)/2);vertical-align:center}.kint-rich table th{cursor:alias}.kint-rich table td:first-child,.kint-rich table th{font-weight:bold;background:var(--secondary-background);color:var(--variable-name-color)}.kint-rich table td{background:var(--main-background);white-space:pre}.kint-rich table td>dl{padding:0}.kint-rich table pre{border-top:0;border-right:0}.kint-rich table thead th:first-child{background:none;border:0}.kint-rich table tr:hover>td{box-shadow:0 0 1px 0 var(--border-color-hover) inset}.kint-rich table tr:hover var{color:var(--variable-type-color-hover)}.kint-rich table ul.kint-tabs li.kint-active-tab{height:20px;line-height:17px}.kint-rich pre.kint-source{margin-left:-1px}.kint-rich pre.kint-source[data-kint-filename]:before{display:block;content:attr(data-kint-filename);margin-bottom:var(--spacing);padding-bottom:var(--spacing);border-bottom:1px solid var(--secondary-background)}.kint-rich pre.kint-source>div:before{display:inline-block;content:counter(kint-l);counter-increment:kint-l;border-right:1px solid var(--border-color-hover);padding-right:calc(var(--spacing)*2);margin-right:calc(var(--spacing)*2)}.kint-rich pre.kint-source>div.kint-highlight{background:var(--secondary-background)}.kint-rich .kint-microtime-js .kint-microtime-lap{text-shadow:-1px 0 var(--border-color-hover),0 1px var(--border-color-hover),1px 0 var(--border-color-hover),0 -1px var(--border-color-hover);color:var(--main-background);font-weight:bold}input.kint-note-input{width:100%}.kint-rich{--spacing: 5px;--main-background: #fdf6e3;--secondary-background: #eee8d5;--text-color: #657b83;--variable-name-color: #586e75;--variable-type-color: #268bd2;--variable-type-color-hover: #2aa198;--border-color: #93a1a1;--border-color-hover: #268bd2;--caret-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 30 150'><defs><path stroke-linejoin='round' d='M4 3a24 32 0 0 1 0 24 40 20-10 0 1 23-12A40 20 10 0 1 4 3z' id='a'/></defs><g fill='%2393a1a1' stroke='%2393a1a1'><use xlink:href='%23a'/><use xlink:href='%23a' transform='rotate(90 -15 45)'/></g><g fill='%23586e75' stroke='%23586e75' transform='translate(0 30)'><use xlink:href='%23a'/><use xlink:href='%23a' transform='rotate(90 -15 45)'/></g><path d='M6 126l18 18m-18 0l18-18' stroke-width='2' stroke='%23586e75'/></svg>")}.kint-rich .kint-focused{box-shadow:0 0 3px 2px #859900 inset;border-radius:7px}.kint-rich>dl>dt,.kint-rich ul.kint-tabs{box-shadow:4px 0 2px -3px var(--variable-type-color) inset}.kint-rich ul.kint-tabs li.kint-active-tab{padding-top:7px;height:34px}
diff --git a/ci4app/system/ThirdParty/PSR/Log/AbstractLogger.php b/ci4app/system/ThirdParty/PSR/Log/AbstractLogger.php
new file mode 100644
index 0000000..d60a091
--- /dev/null
+++ b/ci4app/system/ThirdParty/PSR/Log/AbstractLogger.php
@@ -0,0 +1,15 @@
+<?php
+
+namespace Psr\Log;
+
+/**
+ * This is a simple Logger implementation that other Loggers can inherit from.
+ *
+ * It simply delegates all log-level-specific methods to the `log` method to
+ * reduce boilerplate code that a simple Logger that does the same thing with
+ * messages regardless of the error level has to implement.
+ */
+abstract class AbstractLogger implements LoggerInterface
+{
+    use LoggerTrait;
+}
diff --git a/ci4app/system/ThirdParty/PSR/Log/InvalidArgumentException.php b/ci4app/system/ThirdParty/PSR/Log/InvalidArgumentException.php
new file mode 100644
index 0000000..67f852d
--- /dev/null
+++ b/ci4app/system/ThirdParty/PSR/Log/InvalidArgumentException.php
@@ -0,0 +1,7 @@
+<?php
+
+namespace Psr\Log;
+
+class InvalidArgumentException extends \InvalidArgumentException
+{
+}
diff --git a/ci4app/system/ThirdParty/PSR/Log/LICENSE b/ci4app/system/ThirdParty/PSR/Log/LICENSE
new file mode 100644
index 0000000..474c952
--- /dev/null
+++ b/ci4app/system/ThirdParty/PSR/Log/LICENSE
@@ -0,0 +1,19 @@
+Copyright (c) 2012 PHP Framework Interoperability Group
+
+Permission is hereby granted, free of charge, to any person obtaining a copy 
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights 
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 
+copies of the Software, and to permit persons to whom the Software is 
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in 
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/ci4app/system/ThirdParty/PSR/Log/LogLevel.php b/ci4app/system/ThirdParty/PSR/Log/LogLevel.php
new file mode 100644
index 0000000..9cebcac
--- /dev/null
+++ b/ci4app/system/ThirdParty/PSR/Log/LogLevel.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace Psr\Log;
+
+/**
+ * Describes log levels.
+ */
+class LogLevel
+{
+    const EMERGENCY = 'emergency';
+    const ALERT     = 'alert';
+    const CRITICAL  = 'critical';
+    const ERROR     = 'error';
+    const WARNING   = 'warning';
+    const NOTICE    = 'notice';
+    const INFO      = 'info';
+    const DEBUG     = 'debug';
+}
diff --git a/ci4app/system/ThirdParty/PSR/Log/LoggerAwareInterface.php b/ci4app/system/ThirdParty/PSR/Log/LoggerAwareInterface.php
new file mode 100644
index 0000000..0621870
--- /dev/null
+++ b/ci4app/system/ThirdParty/PSR/Log/LoggerAwareInterface.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace Psr\Log;
+
+/**
+ * Describes a logger-aware instance.
+ */
+interface LoggerAwareInterface
+{
+    /**
+     * Sets a logger instance on the object.
+     */
+    public function setLogger(LoggerInterface $logger): void;
+}
diff --git a/ci4app/system/ThirdParty/PSR/Log/LoggerAwareTrait.php b/ci4app/system/ThirdParty/PSR/Log/LoggerAwareTrait.php
new file mode 100644
index 0000000..85104db
--- /dev/null
+++ b/ci4app/system/ThirdParty/PSR/Log/LoggerAwareTrait.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace Psr\Log;
+
+/**
+ * Basic Implementation of LoggerAwareInterface.
+ */
+trait LoggerAwareTrait
+{
+    /**
+     * The logger instance.
+     */
+    protected ?LoggerInterface $logger = null;
+
+    /**
+     * Sets a logger.
+     */
+    public function setLogger(LoggerInterface $logger): void
+    {
+        $this->logger = $logger;
+    }
+}
diff --git a/ci4app/system/ThirdParty/PSR/Log/LoggerInterface.php b/ci4app/system/ThirdParty/PSR/Log/LoggerInterface.php
new file mode 100644
index 0000000..cb4cf64
--- /dev/null
+++ b/ci4app/system/ThirdParty/PSR/Log/LoggerInterface.php
@@ -0,0 +1,98 @@
+<?php
+
+namespace Psr\Log;
+
+/**
+ * Describes a logger instance.
+ *
+ * The message MUST be a string or object implementing __toString().
+ *
+ * The message MAY contain placeholders in the form: {foo} where foo
+ * will be replaced by the context data in key "foo".
+ *
+ * The context array can contain arbitrary data. The only assumption that
+ * can be made by implementors is that if an Exception instance is given
+ * to produce a stack trace, it MUST be in a key named "exception".
+ *
+ * See https://github.com/php-fig/fig-standards/blob/master/accepted/PSR-3-logger-interface.md
+ * for the full interface specification.
+ */
+interface LoggerInterface
+{
+    /**
+     * System is unusable.
+     *
+     * @param mixed[] $context
+     */
+    public function emergency(string|\Stringable $message, array $context = []): void;
+
+    /**
+     * Action must be taken immediately.
+     *
+     * Example: Entire website down, database unavailable, etc. This should
+     * trigger the SMS alerts and wake you up.
+     *
+     * @param mixed[] $context
+     */
+    public function alert(string|\Stringable $message, array $context = []): void;
+
+    /**
+     * Critical conditions.
+     *
+     * Example: Application component unavailable, unexpected exception.
+     *
+     * @param mixed[] $context
+     */
+    public function critical(string|\Stringable $message, array $context = []): void;
+
+    /**
+     * Runtime errors that do not require immediate action but should typically
+     * be logged and monitored.
+     *
+     * @param mixed[] $context
+     */
+    public function error(string|\Stringable $message, array $context = []): void;
+
+    /**
+     * Exceptional occurrences that are not errors.
+     *
+     * Example: Use of deprecated APIs, poor use of an API, undesirable things
+     * that are not necessarily wrong.
+     *
+     * @param mixed[] $context
+     */
+    public function warning(string|\Stringable $message, array $context = []): void;
+
+    /**
+     * Normal but significant events.
+     *
+     * @param mixed[] $context
+     */
+    public function notice(string|\Stringable $message, array $context = []): void;
+
+    /**
+     * Interesting events.
+     *
+     * Example: User logs in, SQL logs.
+     *
+     * @param mixed[] $context
+     */
+    public function info(string|\Stringable $message, array $context = []): void;
+
+    /**
+     * Detailed debug information.
+     *
+     * @param mixed[] $context
+     */
+    public function debug(string|\Stringable $message, array $context = []): void;
+
+    /**
+     * Logs with an arbitrary level.
+     *
+     * @param mixed $level
+     * @param mixed[] $context
+     *
+     * @throws \Psr\Log\InvalidArgumentException
+     */
+    public function log($level, string|\Stringable $message, array $context = []): void;
+}
diff --git a/ci4app/system/ThirdParty/PSR/Log/LoggerTrait.php b/ci4app/system/ThirdParty/PSR/Log/LoggerTrait.php
new file mode 100644
index 0000000..a5d9980
--- /dev/null
+++ b/ci4app/system/ThirdParty/PSR/Log/LoggerTrait.php
@@ -0,0 +1,98 @@
+<?php
+
+namespace Psr\Log;
+
+/**
+ * This is a simple Logger trait that classes unable to extend AbstractLogger
+ * (because they extend another class, etc) can include.
+ *
+ * It simply delegates all log-level-specific methods to the `log` method to
+ * reduce boilerplate code that a simple Logger that does the same thing with
+ * messages regardless of the error level has to implement.
+ */
+trait LoggerTrait
+{
+    /**
+     * System is unusable.
+     */
+    public function emergency(string|\Stringable $message, array $context = []): void
+    {
+        $this->log(LogLevel::EMERGENCY, $message, $context);
+    }
+
+    /**
+     * Action must be taken immediately.
+     *
+     * Example: Entire website down, database unavailable, etc. This should
+     * trigger the SMS alerts and wake you up.
+     */
+    public function alert(string|\Stringable $message, array $context = []): void
+    {
+        $this->log(LogLevel::ALERT, $message, $context);
+    }
+
+    /**
+     * Critical conditions.
+     *
+     * Example: Application component unavailable, unexpected exception.
+     */
+    public function critical(string|\Stringable $message, array $context = []): void
+    {
+        $this->log(LogLevel::CRITICAL, $message, $context);
+    }
+
+    /**
+     * Runtime errors that do not require immediate action but should typically
+     * be logged and monitored.
+     */
+    public function error(string|\Stringable $message, array $context = []): void
+    {
+        $this->log(LogLevel::ERROR, $message, $context);
+    }
+
+    /**
+     * Exceptional occurrences that are not errors.
+     *
+     * Example: Use of deprecated APIs, poor use of an API, undesirable things
+     * that are not necessarily wrong.
+     */
+    public function warning(string|\Stringable $message, array $context = []): void
+    {
+        $this->log(LogLevel::WARNING, $message, $context);
+    }
+
+    /**
+     * Normal but significant events.
+     */
+    public function notice(string|\Stringable $message, array $context = []): void
+    {
+        $this->log(LogLevel::NOTICE, $message, $context);
+    }
+
+    /**
+     * Interesting events.
+     *
+     * Example: User logs in, SQL logs.
+     */
+    public function info(string|\Stringable $message, array $context = []): void
+    {
+        $this->log(LogLevel::INFO, $message, $context);
+    }
+
+    /**
+     * Detailed debug information.
+     */
+    public function debug(string|\Stringable $message, array $context = []): void
+    {
+        $this->log(LogLevel::DEBUG, $message, $context);
+    }
+
+    /**
+     * Logs with an arbitrary level.
+     *
+     * @param mixed $level
+     *
+     * @throws \Psr\Log\InvalidArgumentException
+     */
+    abstract public function log($level, string|\Stringable $message, array $context = []): void;
+}
diff --git a/ci4app/system/ThirdParty/PSR/Log/NullLogger.php b/ci4app/system/ThirdParty/PSR/Log/NullLogger.php
new file mode 100644
index 0000000..de0561e
--- /dev/null
+++ b/ci4app/system/ThirdParty/PSR/Log/NullLogger.php
@@ -0,0 +1,26 @@
+<?php
+
+namespace Psr\Log;
+
+/**
+ * This Logger can be used to avoid conditional log calls.
+ *
+ * Logging should always be optional, and if no logger is provided to your
+ * library creating a NullLogger instance to have something to throw logs at
+ * is a good way to avoid littering your code with `if ($this->logger) { }`
+ * blocks.
+ */
+class NullLogger extends AbstractLogger
+{
+    /**
+     * Logs with an arbitrary level.
+     *
+     * @param mixed[] $context
+     *
+     * @throws \Psr\Log\InvalidArgumentException
+     */
+    public function log($level, string|\Stringable $message, array $context = []): void
+    {
+        // noop
+    }
+}
diff --git a/ci4app/system/Throttle/Throttler.php b/ci4app/system/Throttle/Throttler.php
new file mode 100644
index 0000000..c023b5e
--- /dev/null
+++ b/ci4app/system/Throttle/Throttler.php
@@ -0,0 +1,187 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Throttle;
+
+use CodeIgniter\Cache\CacheInterface;
+use CodeIgniter\I18n\Time;
+
+/**
+ * Class Throttler
+ *
+ * Uses an implementation of the Token Bucket algorithm to implement a
+ * "rolling window" type of throttling that can be used for rate limiting
+ * an API or any other request.
+ *
+ * Each "token" in the "bucket" is equivalent to a single request
+ * for the purposes of this implementation.
+ *
+ * @see https://en.wikipedia.org/wiki/Token_bucket
+ */
+class Throttler implements ThrottlerInterface
+{
+    /**
+     * Container for throttle counters.
+     *
+     * @var CacheInterface
+     */
+    protected $cache;
+
+    /**
+     * The number of seconds until the next token is available.
+     *
+     * @var int
+     */
+    protected $tokenTime = 0;
+
+    /**
+     * The prefix applied to all keys to
+     * minimize potential conflicts.
+     *
+     * @var string
+     */
+    protected $prefix = 'throttler_';
+
+    /**
+     * Timestamp to use (during testing)
+     *
+     * @var int
+     */
+    protected $testTime;
+
+    /**
+     * Constructor.
+     */
+    public function __construct(CacheInterface $cache)
+    {
+        $this->cache = $cache;
+    }
+
+    /**
+     * Returns the number of seconds until the next available token will
+     * be released for usage.
+     */
+    public function getTokenTime(): int
+    {
+        return $this->tokenTime;
+    }
+
+    /**
+     * Restricts the number of requests made by a single IP address within
+     * a set number of seconds.
+     *
+     * Example:
+     *
+     *  if (! $throttler->check($request->ipAddress(), 60, MINUTE)) {
+     *      die('You submitted over 60 requests within a minute.');
+     *  }
+     *
+     * @param string $key      The name to use as the "bucket" name.
+     * @param int    $capacity The number of requests the "bucket" can hold
+     * @param int    $seconds  The time it takes the "bucket" to completely refill
+     * @param int    $cost     The number of tokens this action uses.
+     *
+     * @internal param int $maxRequests
+     */
+    public function check(string $key, int $capacity, int $seconds, int $cost = 1): bool
+    {
+        $tokenName = $this->prefix . $key;
+
+        // Number of tokens to add back per second
+        $rate = $capacity / $seconds;
+        // Number of seconds to get one token
+        $refresh = 1 / $rate;
+
+        /** @var float|int|null $tokens */
+        $tokens = $this->cache->get($tokenName);
+
+        // Check to see if the bucket has even been created yet.
+        if ($tokens === null) {
+            // If it hasn't been created, then we'll set it to the maximum
+            // capacity - 1, and save it to the cache.
+            $tokens = $capacity - $cost;
+            $this->cache->save($tokenName, $tokens, $seconds);
+            $this->cache->save($tokenName . 'Time', $this->time(), $seconds);
+
+            $this->tokenTime = 0;
+
+            return true;
+        }
+
+        // If $tokens > 0, then we need to replenish the bucket
+        // based on how long it's been since the last update.
+        $throttleTime = $this->cache->get($tokenName . 'Time');
+        $elapsed      = $this->time() - $throttleTime;
+
+        // Add tokens based up on number per second that
+        // should be refilled, then checked against capacity
+        // to be sure the bucket didn't overflow.
+        $tokens += $rate * $elapsed;
+        $tokens = min($tokens, $capacity);
+
+        // If $tokens >= 1, then we are safe to perform the action, but
+        // we need to decrement the number of available tokens.
+        if ($tokens >= 1) {
+            $tokens -= $cost;
+            $this->cache->save($tokenName, $tokens, $seconds);
+            $this->cache->save($tokenName . 'Time', $this->time(), $seconds);
+
+            $this->tokenTime = 0;
+
+            return true;
+        }
+
+        // How many seconds till a new token is available.
+        // We must have a minimum wait of 1 second for a new token.
+        // Primarily stored to allow devs to report back to users.
+        $newTokenAvailable = (int) round((1 - $tokens) * $refresh);
+        $this->tokenTime   = max(1, $newTokenAvailable);
+
+        return false;
+    }
+
+    /**
+     * @param string $key The name of the bucket
+     */
+    public function remove(string $key): self
+    {
+        $tokenName = $this->prefix . $key;
+
+        $this->cache->delete($tokenName);
+        $this->cache->delete($tokenName . 'Time');
+
+        return $this;
+    }
+
+    /**
+     * Used during testing to set the current timestamp to use.
+     *
+     * @return $this
+     */
+    public function setTestTime(int $time)
+    {
+        $this->testTime = $time;
+
+        return $this;
+    }
+
+    /**
+     * Return the test time, defaulting to current.
+     *
+     * @TODO should be private
+     */
+    public function time(): int
+    {
+        return $this->testTime ?? Time::now()->getTimestamp();
+    }
+}
diff --git a/ci4app/system/Throttle/ThrottlerInterface.php b/ci4app/system/Throttle/ThrottlerInterface.php
new file mode 100644
index 0000000..3bf7d35
--- /dev/null
+++ b/ci4app/system/Throttle/ThrottlerInterface.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Throttle;
+
+/**
+ * Expected behavior of a Throttler
+ */
+interface ThrottlerInterface
+{
+    /**
+     * Restricts the number of requests made by a single key within
+     * a set number of seconds.
+     *
+     * Example:
+     *
+     *  if (! $throttler->checkIPAddress($request->ipAddress(), 60, MINUTE))
+     * {
+     *      die('You submitted over 60 requests within a minute.');
+     * }
+     *
+     * @param string $key      The name to use as the "bucket" name.
+     * @param int    $capacity The number of requests the "bucket" can hold
+     * @param int    $seconds  The time it takes the "bucket" to completely refill
+     * @param int    $cost     The number of tokens this action uses.
+     *
+     * @return bool
+     */
+    public function check(string $key, int $capacity, int $seconds, int $cost);
+
+    /**
+     * Returns the number of seconds until the next available token will
+     * be released for usage.
+     */
+    public function getTokenTime(): int;
+}
diff --git a/ci4app/system/Traits/ConditionalTrait.php b/ci4app/system/Traits/ConditionalTrait.php
new file mode 100644
index 0000000..6835de6
--- /dev/null
+++ b/ci4app/system/Traits/ConditionalTrait.php
@@ -0,0 +1,63 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Traits;
+
+trait ConditionalTrait
+{
+    /**
+     * Only runs the query when $condition evaluates to true
+     *
+     * @template TWhen of mixed
+     *
+     * @param TWhen                        $condition
+     * @param callable(self, TWhen): mixed $callback
+     * @param (callable(self): mixed)|null $defaultCallback
+     * @param mixed                        $condition
+     *
+     * @return $this
+     */
+    public function when($condition, callable $callback, ?callable $defaultCallback = null): self
+    {
+        if ((bool) $condition) {
+            $callback($this, $condition);
+        } elseif ($defaultCallback !== null) {
+            $defaultCallback($this);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Only runs the query when $condition evaluates to false
+     *
+     * @template TWhenNot of mixed
+     *
+     * @param TWhenNot                        $condition
+     * @param callable(self, TWhenNot): mixed $callback
+     * @param (callable(self): mixed)|null    $defaultCallback
+     * @param mixed                           $condition
+     *
+     * @return $this
+     */
+    public function whenNot($condition, callable $callback, ?callable $defaultCallback = null): self
+    {
+        if (! (bool) $condition) {
+            $callback($this, $condition);
+        } elseif ($defaultCallback !== null) {
+            $defaultCallback($this);
+        }
+
+        return $this;
+    }
+}
diff --git a/ci4app/system/Traits/PropertiesTrait.php b/ci4app/system/Traits/PropertiesTrait.php
new file mode 100644
index 0000000..30b3f86
--- /dev/null
+++ b/ci4app/system/Traits/PropertiesTrait.php
@@ -0,0 +1,79 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Traits;
+
+use ReflectionClass;
+use ReflectionProperty;
+
+/**
+ * Trait PropertiesTrait
+ *
+ * Provides utilities for reading and writing
+ * class properties, primarily for limiting access
+ * to public properties.
+ */
+trait PropertiesTrait
+{
+    /**
+     * Attempts to set the values of public class properties.
+     *
+     * @return $this
+     */
+    final public function fill(array $params): self
+    {
+        foreach ($params as $key => $value) {
+            if (property_exists($this, $key)) {
+                $this->{$key} = $value;
+            }
+        }
+
+        return $this;
+    }
+
+    /**
+     * Get the public properties of the class and return as an array.
+     */
+    final public function getPublicProperties(): array
+    {
+        $worker = new class () {
+            public function getProperties(object $obj): array
+            {
+                return get_object_vars($obj);
+            }
+        };
+
+        return $worker->getProperties($this);
+    }
+
+    /**
+     * Get the protected and private properties of the class and return as an array.
+     */
+    final public function getNonPublicProperties(): array
+    {
+        $exclude    = ['view'];
+        $properties = [];
+
+        $reflection = new ReflectionClass($this);
+
+        foreach ($reflection->getProperties(ReflectionProperty::IS_PRIVATE | ReflectionProperty::IS_PROTECTED) as $property) {
+            if ($property->isStatic() || in_array($property->getName(), $exclude, true)) {
+                continue;
+            }
+
+            $properties[] = $property;
+        }
+
+        return $properties;
+    }
+}
diff --git a/ci4app/system/Typography/Typography.php b/ci4app/system/Typography/Typography.php
new file mode 100644
index 0000000..1dfca68
--- /dev/null
+++ b/ci4app/system/Typography/Typography.php
@@ -0,0 +1,344 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Typography;
+
+use Config\DocTypes;
+
+/**
+ * Typography Class
+ *
+ * @see \CodeIgniter\Typography\TypographyTest
+ */
+class Typography
+{
+    /**
+     * Block level elements that should not be wrapped inside <p> tags
+     *
+     * @var string
+     */
+    public $blockElements = 'address|blockquote|div|dl|fieldset|form|h\d|hr|noscript|object|ol|p|pre|script|table|ul';
+
+    /**
+     * Elements that should not have <p> and <br> tags within them.
+     *
+     * @var string
+     */
+    public $skipElements = 'p|pre|ol|ul|dl|object|table|h\d';
+
+    /**
+     * Tags we want the parser to completely ignore when splitting the string.
+     *
+     * @var string
+     */
+    public $inlineElements = 'a|abbr|acronym|b|bdo|big|br|button|cite|code|del|dfn|em|i|img|ins|input|label|map|kbd|q|samp|select|small|span|strong|sub|sup|textarea|tt|var';
+
+    /**
+     * array of block level elements that require inner content to be within another block level element
+     *
+     * @var array
+     */
+    public $innerBlockRequired = ['blockquote'];
+
+    /**
+     * the last block element parsed
+     *
+     * @var string
+     */
+    public $lastBlockElement = '';
+
+    /**
+     * whether or not to protect quotes within { curly braces }
+     *
+     * @var bool
+     */
+    public $protectBracedQuotes = false;
+
+    /**
+     * Auto Typography
+     *
+     * This function converts text, making it typographically correct:
+     *     - Converts double spaces into paragraphs.
+     *     - Converts single line breaks into <br> tags
+     *     - Converts single and double quotes into correctly facing curly quote entities.
+     *     - Converts three dots into ellipsis.
+     *     - Converts double dashes into em-dashes.
+     *  - Converts two spaces into entities
+     *
+     * @param bool $reduceLinebreaks whether to reduce more then two consecutive newlines to two
+     */
+    public function autoTypography(string $str, bool $reduceLinebreaks = false): string
+    {
+        if ($str === '') {
+            return '';
+        }
+
+        // Standardize Newlines to make matching easier
+        if (str_contains($str, "\r")) {
+            $str = str_replace(["\r\n", "\r"], "\n", $str);
+        }
+
+        // Reduce line breaks.  If there are more than two consecutive linebreaks
+        // we'll compress them down to a maximum of two since there's no benefit to more.
+        if ($reduceLinebreaks === false) {
+            $str = preg_replace("/\n\n+/", "\n\n", $str);
+        }
+
+        // HTML comment tags don't conform to patterns of normal tags, so pull them out separately, only if needed
+        $htmlComments = [];
+        if (str_contains($str, '<!--') && preg_match_all('#(<!\-\-.*?\-\->)#s', $str, $matches) >= 1) {
+            for ($i = 0, $total = count($matches[0]); $i < $total; $i++) {
+                $htmlComments[] = $matches[0][$i];
+                $str            = str_replace($matches[0][$i], '{@HC' . $i . '}', $str);
+            }
+        }
+
+        // match and yank <pre> tags if they exist.  It's cheaper to do this separately since most content will
+        // not contain <pre> tags, and it keeps the PCRE patterns below simpler and faster
+        if (str_contains($str, '<pre')) {
+            $str = preg_replace_callback('#<pre.*?>.*?</pre>#si', $this->protectCharacters(...), $str);
+        }
+
+        // Convert quotes within tags to temporary markers.
+        $str = preg_replace_callback('#<.+?>#si', $this->protectCharacters(...), $str);
+
+        // Do the same with braces if necessary
+        if ($this->protectBracedQuotes === false) {
+            $str = preg_replace_callback('#\{.+?\}#si', $this->protectCharacters(...), $str);
+        }
+
+        // Convert "ignore" tags to temporary marker.  The parser splits out the string at every tag
+        // it encounters.  Certain inline tags, like image tags, links, span tags, etc. will be
+        // adversely affected if they are split out so we'll convert the opening bracket < temporarily to: {@TAG}
+        $str = preg_replace('#<(/*)(' . $this->inlineElements . ')([ >])#i', '{@TAG}\\1\\2\\3', $str);
+
+        /* Split the string at every tag. This expression creates an array with this prototype:
+         *
+         * 	[array]
+         * 	{
+         * 		[0] = <opening tag>
+         * 		[1] = Content...
+         * 		[2] = <closing tag>
+         * 		Etc...
+         * 	}
+         */
+        $chunks = preg_split('/(<(?:[^<>]+(?:"[^"]*"|\'[^\']*\')?)+>)/', $str, -1, PREG_SPLIT_DELIM_CAPTURE | PREG_SPLIT_NO_EMPTY);
+
+        // Build our finalized string.  We cycle through the array, skipping tags, and processing the contained text
+        $str     = '';
+        $process = true;
+
+        for ($i = 0, $c = count($chunks) - 1; $i <= $c; $i++) {
+            // Are we dealing with a tag? If so, we'll skip the processing for this cycle.
+            // Well also set the "process" flag which allows us to skip <pre> tags and a few other things.
+            if (preg_match('#<(/*)(' . $this->blockElements . ').*?>#', $chunks[$i], $match)) {
+                if (preg_match('#' . $this->skipElements . '#', $match[2])) {
+                    $process = ($match[1] === '/');
+                }
+
+                if ($match[1] === '') {
+                    $this->lastBlockElement = $match[2];
+                }
+
+                $str .= $chunks[$i];
+
+                continue;
+            }
+
+            if ($process === false) {
+                $str .= $chunks[$i];
+
+                continue;
+            }
+
+            // Force a newline to make sure end tags get processed by _format_newlines()
+            if ($i === $c) {
+                $chunks[$i] .= "\n";
+            }
+
+            // Convert Newlines into <p> and <br> tags
+            $str .= $this->formatNewLines($chunks[$i]);
+        }
+
+        // No opening block level tag? Add it if needed.
+        if (preg_match('/^\s*<(?:' . $this->blockElements . ')/i', $str) !== 1) {
+            $str = preg_replace('/^(.*?)<(' . $this->blockElements . ')/i', '<p>$1</p><$2', $str);
+        }
+
+        // Convert quotes, elipsis, em-dashes, non-breaking spaces, and ampersands
+        $str = $this->formatCharacters($str);
+
+        foreach ($htmlComments as $i => $htmlComment) {
+            // remove surrounding paragraph tags, but only if there's an opening paragraph tag
+            // otherwise HTML comments at the ends of paragraphs will have the closing tag removed
+            // if '<p>{@HC1}' then replace <p>{@HC1}</p> with the comment, else replace only {@HC1} with the comment
+            $str = preg_replace('#(?(?=<p>\{@HC' . $i . '\})<p>\{@HC' . $i . '\}(\s*</p>)|\{@HC' . $i . '\})#s', $htmlComment, $str);
+        }
+
+        // Final clean up
+        $table = [
+            // If the user submitted their own paragraph tags within the text
+            // we will retain them instead of using our tags.
+            '/(<p[^>*?]>)<p>/' => '$1', // <?php BBEdit syntax coloring bug fix
+            // Reduce multiple instances of opening/closing paragraph tags to a single one
+            '#(</p>)+#'      => '</p>',
+            '/(<p>\W*<p>)+/' => '<p>',
+            // Clean up stray paragraph tags that appear before block level elements
+            '#<p></p><(' . $this->blockElements . ')#' => '<$1',
+            // Clean up stray non-breaking spaces preceeding block elements
+            '#(&nbsp;\s*)+<(' . $this->blockElements . ')#' => '  <$2',
+            // Replace the temporary markers we added earlier
+            '/\{@TAG\}/' => '<',
+            '/\{@DQ\}/'  => '"',
+            '/\{@SQ\}/'  => "'",
+            '/\{@DD\}/'  => '--',
+            '/\{@NBS\}/' => '  ',
+            // An unintended consequence of the _format_newlines function is that
+            // some of the newlines get truncated, resulting in <p> tags
+            // starting immediately after <block> tags on the same line.
+            // This forces a newline after such occurrences, which looks much nicer.
+            "/><p>\n/" => ">\n<p>",
+            // Similarly, there might be cases where a closing </block> will follow
+            // a closing </p> tag, so we'll correct it by adding a newline in between
+            '#</p></#' => "</p>\n</",
+        ];
+
+        // Do we need to reduce empty lines?
+        if ($reduceLinebreaks) {
+            $table['#<p>\n*</p>#'] = '';
+        } else {
+            // If we have empty paragraph tags we add a non-breaking space
+            // otherwise most browsers won't treat them as true paragraphs
+            $table['#<p></p>#'] = '<p>&nbsp;</p>';
+        }
+
+        return preg_replace(array_keys($table), $table, $str);
+    }
+
+    /**
+     * Format Characters
+     *
+     * This function mainly converts double and single quotes
+     * to curly entities, but it also converts em-dashes,
+     * double spaces, and ampersands
+     */
+    public function formatCharacters(string $str): string
+    {
+        static $table;
+
+        if (! isset($table)) {
+            $table = [
+                // nested smart quotes, opening and closing
+                // note that rules for grammar (English) allow only for two levels deep
+                // and that single quotes are _supposed_ to always be on the outside
+                // but we'll accommodate both
+                // Note that in all cases, whitespace is the primary determining factor
+                // on which direction to curl, with non-word characters like punctuation
+                // being a secondary factor only after whitespace is addressed.
+                '/\'"(\s|$)/'     => '&#8217;&#8221;$1',
+                '/(^|\s|<p>)\'"/' => '$1&#8216;&#8220;',
+                '/\'"(\W)/'       => '&#8217;&#8221;$1',
+                '/(\W)\'"/'       => '$1&#8216;&#8220;',
+                '/"\'(\s|$)/'     => '&#8221;&#8217;$1',
+                '/(^|\s|<p>)"\'/' => '$1&#8220;&#8216;',
+                '/"\'(\W)/'       => '&#8221;&#8217;$1',
+                '/(\W)"\'/'       => '$1&#8220;&#8216;',
+                // single quote smart quotes
+                '/\'(\s|$)/'     => '&#8217;$1',
+                '/(^|\s|<p>)\'/' => '$1&#8216;',
+                '/\'(\W)/'       => '&#8217;$1',
+                '/(\W)\'/'       => '$1&#8216;',
+                // double quote smart quotes
+                '/"(\s|$)/'     => '&#8221;$1',
+                '/(^|\s|<p>)"/' => '$1&#8220;',
+                '/"(\W)/'       => '&#8221;$1',
+                '/(\W)"/'       => '$1&#8220;',
+                // apostrophes
+                '/(\w)\'(\w)/' => '$1&#8217;$2',
+                // Em dash and ellipses dots
+                '/\s?\-\-\s?/' => '&#8212;',
+                '/(\w)\.{3}/'  => '$1&#8230;',
+                // double space after sentences
+                '/(\W)  /' => '$1&nbsp; ',
+                // ampersands, if not a character entity
+                '/&(?!#?[a-zA-Z0-9]{2,};)/' => '&amp;',
+            ];
+        }
+
+        return preg_replace(array_keys($table), $table, $str);
+    }
+
+    /**
+     * Format Newlines
+     *
+     * Converts newline characters into either <p> tags or <br>
+     */
+    protected function formatNewLines(string $str): string
+    {
+        if ($str === '' || (! str_contains($str, "\n") && ! in_array($this->lastBlockElement, $this->innerBlockRequired, true))) {
+            return $str;
+        }
+
+        // Convert two consecutive newlines to paragraphs
+        $str = str_replace("\n\n", "</p>\n\n<p>", $str);
+
+        // Convert single spaces to <br> tags
+        $br  = '<br' . _solidus() . '>';
+        $str = preg_replace("/([^\n])(\n)([^\n])/", '\\1' . $br . '\\2\\3', $str);
+
+        // Wrap the whole enchilada in enclosing paragraphs
+        if ($str !== "\n") {
+            // We trim off the right-side new line so that the closing </p> tag
+            // will be positioned immediately following the string, matching
+            // the behavior of the opening <p> tag
+            $str = '<p>' . rtrim($str) . '</p>';
+        }
+
+        // Remove empty paragraphs if they are on the first line, as this
+        // is a potential unintended consequence of the previous code
+        return preg_replace('/<p><\/p>(.*)/', '\\1', $str, 1);
+    }
+
+    /**
+     * Protect Characters
+     *
+     * Protects special characters from being formatted later
+     * We don't want quotes converted within tags so we'll temporarily convert them to {@DQ} and {@SQ}
+     * and we don't want double dashes converted to emdash entities, so they are marked with {@DD}
+     * likewise double spaces are converted to {@NBS} to prevent entity conversion
+     */
+    protected function protectCharacters(array $match): string
+    {
+        return str_replace(["'", '"', '--', '  '], ['{@SQ}', '{@DQ}', '{@DD}', '{@NBS}'], $match[0]);
+    }
+
+    /**
+     * Convert newlines to HTML line breaks except within PRE tags
+     */
+    public function nl2brExceptPre(string $str): string
+    {
+        $newstr   = '';
+        $docTypes = new DocTypes();
+
+        for ($ex = explode('pre>', $str), $ct = count($ex), $i = 0; $i < $ct; $i++) {
+            $xhtml = ! ($docTypes->html5 ?? false);
+            $newstr .= (($i % 2) === 0) ? nl2br($ex[$i], $xhtml) : $ex[$i];
+
+            if ($ct - 1 !== $i) {
+                $newstr .= 'pre>';
+            }
+        }
+
+        return $newstr;
+    }
+}
diff --git a/ci4app/system/Validation/CreditCardRules.php b/ci4app/system/Validation/CreditCardRules.php
new file mode 100644
index 0000000..e484c35
--- /dev/null
+++ b/ci4app/system/Validation/CreditCardRules.php
@@ -0,0 +1,283 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Validation;
+
+/**
+ * Class CreditCardRules
+ *
+ * Provides validation methods for common credit-card inputs.
+ *
+ * @see http://en.wikipedia.org/wiki/Credit_card_number
+ * @see \CodeIgniter\Validation\CreditCardRulesTest
+ */
+class CreditCardRules
+{
+    /**
+     * The cards that we support, with the defining details:
+     *
+     *  name        - The type of card as found in the form. Must match the user's value
+     *  length      - List of possible lengths for the card number
+     *  prefixes    - List of possible prefixes for the card
+     *  checkdigit  - Boolean on whether we should do a modulus10 check on the numbers.
+     *
+     * @var array
+     */
+    protected $cards = [
+        'American Express' => [
+            'name'       => 'amex',
+            'length'     => '15',
+            'prefixes'   => '34,37',
+            'checkdigit' => true,
+        ],
+        'China UnionPay' => [
+            'name'       => 'unionpay',
+            'length'     => '16,17,18,19',
+            'prefixes'   => '62',
+            'checkdigit' => true,
+        ],
+        'Dankort' => [
+            'name'       => 'dankort',
+            'length'     => '16',
+            'prefixes'   => '5019,4175,4571,4',
+            'checkdigit' => true,
+        ],
+        'DinersClub' => [
+            'name'       => 'dinersclub',
+            'length'     => '14,16',
+            'prefixes'   => '300,301,302,303,304,305,309,36,38,39,54,55',
+            'checkdigit' => true,
+        ],
+        'DinersClub CarteBlanche' => [
+            'name'       => 'carteblanche',
+            'length'     => '14',
+            'prefixes'   => '300,301,302,303,304,305',
+            'checkdigit' => true,
+        ],
+        'Discover Card' => [
+            'name'       => 'discover',
+            'length'     => '16,19',
+            'prefixes'   => '6011,622,644,645,656,647,648,649,65',
+            'checkdigit' => true,
+        ],
+        'InterPayment' => [
+            'name'       => 'interpayment',
+            'length'     => '16,17,18,19',
+            'prefixes'   => '4',
+            'checkdigit' => true,
+        ],
+        'JCB' => [
+            'name'       => 'jcb',
+            'length'     => '16,17,18,19',
+            'prefixes'   => '352,353,354,355,356,357,358',
+            'checkdigit' => true,
+        ],
+        'Maestro' => [
+            'name'       => 'maestro',
+            'length'     => '12,13,14,15,16,18,19',
+            'prefixes'   => '50,56,57,58,59,60,61,62,63,64,65,66,67,68,69',
+            'checkdigit' => true,
+        ],
+        'MasterCard' => [
+            'name'       => 'mastercard',
+            'length'     => '16',
+            'prefixes'   => '51,52,53,54,55,22,23,24,25,26,27',
+            'checkdigit' => true,
+        ],
+        'NSPK MIR' => [
+            'name'       => 'mir',
+            'length'     => '16',
+            'prefixes'   => '2200,2201,2202,2203,2204',
+            'checkdigit' => true,
+        ],
+        'Troy' => [
+            'name'       => 'troy',
+            'length'     => '16',
+            'prefixes'   => '979200,979289',
+            'checkdigit' => true,
+        ],
+        'UATP' => [
+            'name'       => 'uatp',
+            'length'     => '15',
+            'prefixes'   => '1',
+            'checkdigit' => true,
+        ],
+        'Verve' => [
+            'name'       => 'verve',
+            'length'     => '16,19',
+            'prefixes'   => '506,650',
+            'checkdigit' => true,
+        ],
+        'Visa' => [
+            'name'       => 'visa',
+            'length'     => '13,16,19',
+            'prefixes'   => '4',
+            'checkdigit' => true,
+        ],
+        // Canadian Cards
+        'BMO ABM Card' => [
+            'name'       => 'bmoabm',
+            'length'     => '16',
+            'prefixes'   => '500',
+            'checkdigit' => false,
+        ],
+        'CIBC Convenience Card' => [
+            'name'       => 'cibc',
+            'length'     => '16',
+            'prefixes'   => '4506',
+            'checkdigit' => false,
+        ],
+        'HSBC Canada Card' => [
+            'name'       => 'hsbc',
+            'length'     => '16',
+            'prefixes'   => '56',
+            'checkdigit' => false,
+        ],
+        'Royal Bank of Canada Client Card' => [
+            'name'       => 'rbc',
+            'length'     => '16',
+            'prefixes'   => '45',
+            'checkdigit' => false,
+        ],
+        'Scotiabank Scotia Card' => [
+            'name'       => 'scotia',
+            'length'     => '16',
+            'prefixes'   => '4536',
+            'checkdigit' => false,
+        ],
+        'TD Canada Trust Access Card' => [
+            'name'       => 'tdtrust',
+            'length'     => '16',
+            'prefixes'   => '589297',
+            'checkdigit' => false,
+        ],
+    ];
+
+    /**
+     * Verifies that a credit card number is valid and matches the known
+     * formats for a wide number of credit card types. This does not verify
+     * that the card is a valid card, only that the number is formatted correctly.
+     *
+     * Example:
+     *  $rules = [
+     *      'cc_num' => 'valid_cc_number[visa]'
+     *  ];
+     */
+    public function valid_cc_number(?string $ccNumber, string $type): bool
+    {
+        $type = strtolower($type);
+        $info = null;
+
+        // Get our card info based on provided name.
+        foreach ($this->cards as $card) {
+            if ($card['name'] === $type) {
+                $info = $card;
+                break;
+            }
+        }
+
+        // If empty, it's not a card type we recognize, or invalid type.
+        if ($info === null) {
+            return false;
+        }
+
+        // Make sure we have a valid length
+        if ((string) $ccNumber === '') {
+            return false;
+        }
+
+        // Remove any spaces and dashes
+        $ccNumber = str_replace([' ', '-'], '', $ccNumber);
+
+        // Non-numeric values cannot be a number...duh
+        if (! is_numeric($ccNumber)) {
+            return false;
+        }
+
+        // Make sure it's a valid length for this card
+        $lengths = explode(',', $info['length']);
+
+        if (! in_array((string) strlen($ccNumber), $lengths, true)) {
+            return false;
+        }
+
+        // Make sure it has a valid prefix
+        $prefixes = explode(',', $info['prefixes']);
+
+        $validPrefix = false;
+
+        foreach ($prefixes as $prefix) {
+            if (str_starts_with($ccNumber, $prefix)) {
+                $validPrefix = true;
+                break;
+            }
+        }
+
+        if ($validPrefix === false) {
+            return false;
+        }
+
+        // Still here? Then check the number against the Luhn algorithm, if required
+        // @see https://en.wikipedia.org/wiki/Luhn_algorithm
+        // @see https://gist.github.com/troelskn/1287893
+        if ($info['checkdigit'] === true) {
+            return $this->isValidLuhn($ccNumber);
+        }
+
+        return true;
+    }
+
+    /**
+     * Checks the given number to see if the number passing a Luhn check.
+     */
+    protected function isValidLuhn(?string $number = null): bool
+    {
+        $number = (string) $number;
+
+        $sumTable = [
+            [
+                0,
+                1,
+                2,
+                3,
+                4,
+                5,
+                6,
+                7,
+                8,
+                9,
+            ],
+            [
+                0,
+                2,
+                4,
+                6,
+                8,
+                1,
+                3,
+                5,
+                7,
+                9,
+            ],
+        ];
+
+        $sum  = 0;
+        $flip = 0;
+
+        for ($i = strlen($number) - 1; $i >= 0; $i--) {
+            $sum += $sumTable[$flip++ & 0x1][$number[$i]];
+        }
+
+        return $sum % 10 === 0;
+    }
+}
diff --git a/ci4app/system/Validation/DotArrayFilter.php b/ci4app/system/Validation/DotArrayFilter.php
new file mode 100644
index 0000000..62da95c
--- /dev/null
+++ b/ci4app/system/Validation/DotArrayFilter.php
@@ -0,0 +1,107 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Validation;
+
+/**
+ * @see \CodeIgniter\Validation\DotArrayFilterTest
+ */
+final class DotArrayFilter
+{
+    /**
+     * Creates a new array with only the elements specified in dot array syntax.
+     *
+     * @param array $indexes The dot array syntax pattern to use for filtering.
+     * @param array $array   The array to filter.
+     *
+     * @return array The filtered array.
+     */
+    public static function run(array $indexes, array $array): array
+    {
+        $result = [];
+
+        foreach ($indexes as $index) {
+            $segments = preg_split('/(?<!\\\\)\./', $index, -1, PREG_SPLIT_NO_EMPTY);
+            $segments = array_map(static fn ($key): string => str_replace('\.', '.', $key), $segments);
+
+            $filteredArray = self::filter($segments, $array);
+
+            if ($filteredArray !== []) {
+                $result = array_replace_recursive($result, $filteredArray);
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * Used by `run()` to recursively filter the array with wildcards.
+     *
+     * @param array $indexes The dot array syntax pattern to use for filtering.
+     * @param array $array   The array to filter.
+     *
+     * @return array The filtered array.
+     */
+    private static function filter(array $indexes, array $array): array
+    {
+        // If there are no indexes left, return an empty array
+        if ($indexes === []) {
+            return [];
+        }
+
+        // Get the current index
+        $currentIndex = array_shift($indexes);
+
+        // If the current index doesn't exist and is not a wildcard, return an empty array
+        if (! isset($array[$currentIndex]) && $currentIndex !== '*') {
+            return [];
+        }
+
+        // Handle the wildcard '*' at the current level
+        if ($currentIndex === '*') {
+            $result = [];
+
+            // Iterate over all keys at this level
+            foreach ($array as $key => $value) {
+                if ($indexes === []) {
+                    // If no indexes are left, capture the entire value
+                    $result[$key] = $value;
+                } elseif (is_array($value)) {
+                    // If there are still indexes left, continue filtering recursively
+                    $filtered = self::filter($indexes, $value);
+                    if ($filtered !== []) {
+                        $result[$key] = $filtered;
+                    }
+                }
+            }
+
+            return $result;
+        }
+
+        // If this is the last index, return the value
+        if ($indexes === []) {
+            return [$currentIndex => $array[$currentIndex] ?? []];
+        }
+
+        // If the current value is an array, recursively filter it
+        if (is_array($array[$currentIndex])) {
+            $filtered = self::filter($indexes, $array[$currentIndex]);
+
+            if ($filtered !== []) {
+                return [$currentIndex => $filtered];
+            }
+        }
+
+        return [];
+    }
+}
diff --git a/ci4app/system/Validation/Exceptions/ValidationException.php b/ci4app/system/Validation/Exceptions/ValidationException.php
new file mode 100644
index 0000000..06be287
--- /dev/null
+++ b/ci4app/system/Validation/Exceptions/ValidationException.php
@@ -0,0 +1,69 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Validation\Exceptions;
+
+use CodeIgniter\Exceptions\FrameworkException;
+
+class ValidationException extends FrameworkException
+{
+    /**
+     * Throws when the validation rule is not found.
+     *
+     * @return static
+     */
+    public static function forRuleNotFound(?string $rule = null)
+    {
+        return new static(lang('Validation.ruleNotFound', [$rule]));
+    }
+
+    /**
+     * Throws when the group value of config is not set.
+     *
+     * @return static
+     */
+    public static function forGroupNotFound(?string $group = null)
+    {
+        return new static(lang('Validation.groupNotFound', [$group]));
+    }
+
+    /**
+     * Throws when the group value of config is not array type.
+     *
+     * @return static
+     */
+    public static function forGroupNotArray(?string $group = null)
+    {
+        return new static(lang('Validation.groupNotArray', [$group]));
+    }
+
+    /**
+     * Throws when the template of config is invalid.
+     *
+     * @return static
+     */
+    public static function forInvalidTemplate(?string $template = null)
+    {
+        return new static(lang('Validation.invalidTemplate', [$template]));
+    }
+
+    /**
+     * Throws when there is no any rule set.
+     *
+     * @return static
+     */
+    public static function forNoRuleSets()
+    {
+        return new static(lang('Validation.noRuleSets'));
+    }
+}
diff --git a/ci4app/system/Validation/FileRules.php b/ci4app/system/Validation/FileRules.php
new file mode 100644
index 0000000..b65b4da
--- /dev/null
+++ b/ci4app/system/Validation/FileRules.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Validation;
+
+use CodeIgniter\Validation\StrictRules\FileRules as StrictFileRules;
+
+/**
+ * File validation rules
+ *
+ * @see \CodeIgniter\Validation\FileRulesTest
+ */
+class FileRules extends StrictFileRules
+{
+}
diff --git a/ci4app/system/Validation/FormatRules.php b/ci4app/system/Validation/FormatRules.php
new file mode 100644
index 0000000..502f3ae
--- /dev/null
+++ b/ci4app/system/Validation/FormatRules.php
@@ -0,0 +1,472 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Validation;
+
+use DateTime;
+
+/**
+ * Format validation Rules.
+ *
+ * @see \CodeIgniter\Validation\FormatRulesTest
+ */
+class FormatRules
+{
+    /**
+     * Alpha
+     *
+     * @param string|null $str
+     */
+    public function alpha($str = null): bool
+    {
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        return ctype_alpha($str);
+    }
+
+    /**
+     * Alpha with spaces.
+     *
+     * @param string|null $value Value.
+     *
+     * @return bool True if alpha with spaces, else false.
+     */
+    public function alpha_space($value = null): bool
+    {
+        if ($value === null) {
+            return true;
+        }
+
+        if (! is_string($value)) {
+            $value = (string) $value;
+        }
+
+        // @see https://regex101.com/r/LhqHPO/1
+        return (bool) preg_match('/\A[A-Z ]+\z/i', $value);
+    }
+
+    /**
+     * Alphanumeric with underscores and dashes
+     *
+     * @see https://regex101.com/r/XfVY3d/1
+     *
+     * @param string|null $str
+     */
+    public function alpha_dash($str = null): bool
+    {
+        if ($str === null) {
+            return false;
+        }
+
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        return preg_match('/\A[a-z0-9_-]+\z/i', $str) === 1;
+    }
+
+    /**
+     * Alphanumeric, spaces, and a limited set of punctuation characters.
+     * Accepted punctuation characters are: ~ tilde, ! exclamation,
+     * # number, $ dollar, % percent, & ampersand, * asterisk, - dash,
+     * _ underscore, + plus, = equals, | vertical bar, : colon, . period
+     * ~ ! # $ % & * - _ + = | : .
+     *
+     * @param string|null $str
+     *
+     * @return bool
+     *
+     * @see https://regex101.com/r/6N8dDY/1
+     */
+    public function alpha_numeric_punct($str)
+    {
+        if ($str === null) {
+            return false;
+        }
+
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        return preg_match('/\A[A-Z0-9 ~!#$%\&\*\-_+=|:.]+\z/i', $str) === 1;
+    }
+
+    /**
+     * Alphanumeric
+     *
+     * @param string|null $str
+     */
+    public function alpha_numeric($str = null): bool
+    {
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        return ctype_alnum($str);
+    }
+
+    /**
+     * Alphanumeric w/ spaces
+     *
+     * @param string|null $str
+     */
+    public function alpha_numeric_space($str = null): bool
+    {
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        // @see https://regex101.com/r/0AZDME/1
+        return (bool) preg_match('/\A[A-Z0-9 ]+\z/i', $str);
+    }
+
+    /**
+     * Any type of string
+     *
+     * Note: we specifically do NOT type hint $str here so that
+     * it doesn't convert numbers into strings.
+     *
+     * @param string|null $str
+     */
+    public function string($str = null): bool
+    {
+        return is_string($str);
+    }
+
+    /**
+     * Decimal number
+     *
+     * @param string|null $str
+     */
+    public function decimal($str = null): bool
+    {
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        // @see https://regex101.com/r/HULifl/2/
+        return (bool) preg_match('/\A[-+]?\d{0,}\.?\d+\z/', $str);
+    }
+
+    /**
+     * String of hexidecimal characters
+     *
+     * @param string|null $str
+     */
+    public function hex($str = null): bool
+    {
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        return ctype_xdigit($str);
+    }
+
+    /**
+     * Integer
+     *
+     * @param string|null $str
+     */
+    public function integer($str = null): bool
+    {
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        return (bool) preg_match('/\A[\-+]?\d+\z/', $str);
+    }
+
+    /**
+     * Is a Natural number  (0,1,2,3, etc.)
+     *
+     * @param string|null $str
+     */
+    public function is_natural($str = null): bool
+    {
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        return ctype_digit($str);
+    }
+
+    /**
+     * Is a Natural number, but not a zero  (1,2,3, etc.)
+     *
+     * @param string|null $str
+     */
+    public function is_natural_no_zero($str = null): bool
+    {
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        return $str !== '0' && ctype_digit($str);
+    }
+
+    /**
+     * Numeric
+     *
+     * @param string|null $str
+     */
+    public function numeric($str = null): bool
+    {
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        // @see https://regex101.com/r/bb9wtr/2
+        return (bool) preg_match('/\A[\-+]?\d*\.?\d+\z/', $str);
+    }
+
+    /**
+     * Compares value against a regular expression pattern.
+     *
+     * @param string|null $str
+     */
+    public function regex_match($str, string $pattern): bool
+    {
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        if (! str_starts_with($pattern, '/')) {
+            $pattern = "/{$pattern}/";
+        }
+
+        return (bool) preg_match($pattern, $str);
+    }
+
+    /**
+     * Validates that the string is a valid timezone as per the
+     * timezone_identifiers_list function.
+     *
+     * @see http://php.net/manual/en/datetimezone.listidentifiers.php
+     *
+     * @param string|null $str
+     */
+    public function timezone($str = null): bool
+    {
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        return in_array($str, timezone_identifiers_list(), true);
+    }
+
+    /**
+     * Valid Base64
+     *
+     * Tests a string for characters outside of the Base64 alphabet
+     * as defined by RFC 2045 http://www.faqs.org/rfcs/rfc2045
+     *
+     * @param string|null $str
+     */
+    public function valid_base64($str = null): bool
+    {
+        if ($str === null) {
+            return false;
+        }
+
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        return base64_encode(base64_decode($str, true)) === $str;
+    }
+
+    /**
+     * Valid JSON
+     *
+     * @param string|null $str
+     */
+    public function valid_json($str = null): bool
+    {
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        json_decode($str);
+
+        return json_last_error() === JSON_ERROR_NONE;
+    }
+
+    /**
+     * Checks for a correctly formatted email address
+     *
+     * @param string|null $str
+     */
+    public function valid_email($str = null): bool
+    {
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        // @see https://regex101.com/r/wlJG1t/1/
+        if (function_exists('idn_to_ascii') && defined('INTL_IDNA_VARIANT_UTS46') && preg_match('#\A([^@]+)@(.+)\z#', $str, $matches)) {
+            $str = $matches[1] . '@' . idn_to_ascii($matches[2], 0, INTL_IDNA_VARIANT_UTS46);
+        }
+
+        return (bool) filter_var($str, FILTER_VALIDATE_EMAIL);
+    }
+
+    /**
+     * Validate a comma-separated list of email addresses.
+     *
+     * Example:
+     *     valid_emails[one@example.com,two@example.com]
+     *
+     * @param string|null $str
+     */
+    public function valid_emails($str = null): bool
+    {
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        foreach (explode(',', $str) as $email) {
+            $email = trim($email);
+
+            if ($email === '') {
+                return false;
+            }
+
+            if ($this->valid_email($email) === false) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * Validate an IP address (human readable format or binary string - inet_pton)
+     *
+     * @param string|null $ip
+     * @param string|null $which IP protocol: 'ipv4' or 'ipv6'
+     */
+    public function valid_ip($ip = null, ?string $which = null): bool
+    {
+        if (! is_string($ip)) {
+            $ip = (string) $ip;
+        }
+
+        if ($ip === '') {
+            return false;
+        }
+
+        $option = match (strtolower($which ?? '')) {
+            'ipv4'  => FILTER_FLAG_IPV4,
+            'ipv6'  => FILTER_FLAG_IPV6,
+            default => 0,
+        };
+
+        return filter_var($ip, FILTER_VALIDATE_IP, $option) !== false
+            || (! ctype_print($ip) && filter_var(inet_ntop($ip), FILTER_VALIDATE_IP, $option) !== false);
+    }
+
+    /**
+     * Checks a string to ensure it is (loosely) a URL.
+     *
+     * Warning: this rule will pass basic strings like
+     * "banana"; use valid_url_strict for a stricter rule.
+     *
+     * @param string|null $str
+     */
+    public function valid_url($str = null): bool
+    {
+        if ($str === null || $str === '') {
+            return false;
+        }
+
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        if (preg_match('/\A(?:([^:]*)\:)?\/\/(.+)\z/', $str, $matches)) {
+            if (! in_array($matches[1], ['http', 'https'], true)) {
+                return false;
+            }
+
+            $str = $matches[2];
+        }
+
+        $str = 'http://' . $str;
+
+        return filter_var($str, FILTER_VALIDATE_URL) !== false;
+    }
+
+    /**
+     * Checks a URL to ensure it's formed correctly.
+     *
+     * @param string|null $str
+     * @param string|null $validSchemes comma separated list of allowed schemes
+     */
+    public function valid_url_strict($str = null, ?string $validSchemes = null): bool
+    {
+        if ($str === null || $str === '' || $str === '0') {
+            return false;
+        }
+
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        // parse_url() may return null and false
+        $scheme       = strtolower((string) parse_url($str, PHP_URL_SCHEME));
+        $validSchemes = explode(
+            ',',
+            strtolower($validSchemes ?? 'http,https'),
+        );
+
+        return in_array($scheme, $validSchemes, true)
+            && filter_var($str, FILTER_VALIDATE_URL) !== false;
+    }
+
+    /**
+     * Checks for a valid date and matches a given date format
+     *
+     * @param string|null           $str
+     * @param non-empty-string|null $format
+     */
+    public function valid_date($str = null, ?string $format = null): bool
+    {
+        if (! is_string($str)) {
+            $str = (string) $str;
+        }
+
+        if ($str === '') {
+            return false;
+        }
+
+        if ($format === null || $format === '') {
+            return strtotime($str) !== false;
+        }
+
+        $date   = DateTime::createFromFormat($format, $str);
+        $errors = DateTime::getLastErrors();
+
+        if ($date === false) {
+            return false;
+        }
+
+        // PHP 8.2 or later.
+        if ($errors === false) {
+            return true;
+        }
+
+        return $errors['warning_count'] === 0 && $errors['error_count'] === 0;
+    }
+}
diff --git a/ci4app/system/Validation/Rules.php b/ci4app/system/Validation/Rules.php
new file mode 100644
index 0000000..e3e256b
--- /dev/null
+++ b/ci4app/system/Validation/Rules.php
@@ -0,0 +1,468 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Validation;
+
+use CodeIgniter\Database\BaseBuilder;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Helpers\Array\ArrayHelper;
+use Config\Database;
+
+/**
+ * Validation Rules.
+ *
+ * @see \CodeIgniter\Validation\RulesTest
+ */
+class Rules
+{
+    /**
+     * The value does not match another field in $data.
+     *
+     * @param string|null $str
+     * @param array       $data Other field/value pairs
+     */
+    public function differs($str, string $field, array $data): bool
+    {
+        if (str_contains($field, '.')) {
+            return $str !== dot_array_search($field, $data);
+        }
+
+        return array_key_exists($field, $data) && $str !== $data[$field];
+    }
+
+    /**
+     * Equals the static value provided.
+     *
+     * @param string|null $str
+     */
+    public function equals($str, string $val): bool
+    {
+        if (! is_string($str) && $str !== null) {
+            $str = (string) $str;
+        }
+
+        return $str === $val;
+    }
+
+    /**
+     * Returns true if $str is $val characters long.
+     * $val = "5" (one) | "5,8,12" (multiple values)
+     *
+     * @param string|null $str
+     */
+    public function exact_length($str, string $val): bool
+    {
+        if (! is_string($str) && $str !== null) {
+            $str = (string) $str;
+        }
+
+        $val = explode(',', $val);
+
+        foreach ($val as $tmp) {
+            if (is_numeric($tmp) && (int) $tmp === mb_strlen($str ?? '')) {
+                return true;
+            }
+        }
+
+        return false;
+    }
+
+    /**
+     * Greater than
+     *
+     * @param string|null $str
+     */
+    public function greater_than($str, string $min): bool
+    {
+        if (! is_string($str) && $str !== null) {
+            $str = (string) $str;
+        }
+
+        return is_numeric($str) && $str > $min;
+    }
+
+    /**
+     * Equal to or Greater than
+     *
+     * @param string|null $str
+     */
+    public function greater_than_equal_to($str, string $min): bool
+    {
+        if (! is_string($str) && $str !== null) {
+            $str = (string) $str;
+        }
+
+        return is_numeric($str) && $str >= $min;
+    }
+
+    /**
+     * Checks the database to see if the given value exist.
+     * Can ignore records by field/value to filter (currently
+     * accept only one filter).
+     *
+     * Example:
+     *    is_not_unique[dbGroup.table.field,where_field,where_value]
+     *    is_not_unique[table.field,where_field,where_value]
+     *    is_not_unique[menu.id,active,1]
+     *
+     * @param string|null $str
+     */
+    public function is_not_unique($str, string $field, array $data): bool
+    {
+        [$builder, $whereField, $whereValue] = $this->prepareUniqueQuery($str, $field, $data);
+
+        if (
+            $whereField !== null && $whereField !== ''
+            && $whereValue !== null && $whereValue !== ''
+            && preg_match('/^\{(\w+)\}$/', $whereValue) !== 1
+        ) {
+            $builder = $builder->where($whereField, $whereValue);
+        }
+
+        return $builder->get()->getRow() !== null;
+    }
+
+    /**
+     * Value should be within an array of values
+     *
+     * @param string|null $value
+     */
+    public function in_list($value, string $list): bool
+    {
+        if (! is_string($value) && $value !== null) {
+            $value = (string) $value;
+        }
+
+        $list = array_map(trim(...), explode(',', $list));
+
+        return in_array($value, $list, true);
+    }
+
+    /**
+     * Checks the database to see if the given value is unique. Can
+     * ignore a single record by field/value to make it useful during
+     * record updates.
+     *
+     * Example:
+     *    is_unique[dbGroup.table.field,ignore_field,ignore_value]
+     *    is_unique[table.field,ignore_field,ignore_value]
+     *    is_unique[users.email,id,5]
+     *
+     * @param string|null $str
+     */
+    public function is_unique($str, string $field, array $data): bool
+    {
+        [$builder, $ignoreField, $ignoreValue] = $this->prepareUniqueQuery($str, $field, $data);
+
+        if (
+            $ignoreField !== null && $ignoreField !== ''
+            && $ignoreValue !== null && $ignoreValue !== ''
+            && preg_match('/^\{(\w+)\}$/', $ignoreValue) !== 1
+        ) {
+            $builder = $builder->where("{$ignoreField} !=", $ignoreValue);
+        }
+
+        return $builder->get()->getRow() === null;
+    }
+
+    /**
+     * Prepares the database query for uniqueness checks.
+     *
+     * @param mixed                $value The value to check.
+     * @param string               $field The field parameters.
+     * @param array<string, mixed> $data  Additional data.
+     *
+     * @return array{0: BaseBuilder, 1: string|null, 2: string|null}
+     */
+    private function prepareUniqueQuery($value, string $field, array $data): array
+    {
+        if (! is_string($value) && $value !== null) {
+            $value = (string) $value;
+        }
+
+        // Split the field parameters and pad the array to ensure three elements.
+        [$field, $extraField, $extraValue] = array_pad(explode(',', $field), 3, null);
+
+        // Parse the field string to extract dbGroup, table, and field.
+        $parts    = explode('.', $field, 3);
+        $numParts = count($parts);
+
+        if ($numParts === 3) {
+            [$dbGroup, $table, $field] = $parts;
+        } elseif ($numParts === 2) {
+            [$table, $field] = $parts;
+        } else {
+            throw new InvalidArgumentException('The field must be in the format "table.field" or "dbGroup.table.field".');
+        }
+
+        // Connect to the database.
+        $dbGroup ??= $data['DBGroup'] ?? null;
+        $builder = Database::connect($dbGroup)
+            ->table($table)
+            ->select('1')
+            ->where($field, $value)
+            ->limit(1);
+
+        return [$builder, $extraField, $extraValue];
+    }
+
+    /**
+     * Less than
+     *
+     * @param string|null $str
+     */
+    public function less_than($str, string $max): bool
+    {
+        if (! is_string($str) && $str !== null) {
+            $str = (string) $str;
+        }
+
+        return is_numeric($str) && $str < $max;
+    }
+
+    /**
+     * Equal to or Less than
+     *
+     * @param string|null $str
+     */
+    public function less_than_equal_to($str, string $max): bool
+    {
+        if (! is_string($str) && $str !== null) {
+            $str = (string) $str;
+        }
+
+        return is_numeric($str) && $str <= $max;
+    }
+
+    /**
+     * Matches the value of another field in $data.
+     *
+     * @param string|null $str
+     * @param array       $data Other field/value pairs
+     */
+    public function matches($str, string $field, array $data): bool
+    {
+        if (str_contains($field, '.')) {
+            return $str === dot_array_search($field, $data);
+        }
+
+        return isset($data[$field]) && $str === $data[$field];
+    }
+
+    /**
+     * Returns true if $str is $val or fewer characters in length.
+     *
+     * @param string|null $str
+     */
+    public function max_length($str, string $val): bool
+    {
+        if (! is_string($str) && $str !== null) {
+            $str = (string) $str;
+        }
+
+        return is_numeric($val) && $val >= mb_strlen($str ?? '');
+    }
+
+    /**
+     * Returns true if $str is at least $val length.
+     *
+     * @param string|null $str
+     */
+    public function min_length($str, string $val): bool
+    {
+        if (! is_string($str) && $str !== null) {
+            $str = (string) $str;
+        }
+
+        return is_numeric($val) && $val <= mb_strlen($str ?? '');
+    }
+
+    /**
+     * Does not equal the static value provided.
+     *
+     * @param string|null $str
+     */
+    public function not_equals($str, string $val): bool
+    {
+        if (! is_string($str) && $str !== null) {
+            $str = (string) $str;
+        }
+
+        return $str !== $val;
+    }
+
+    /**
+     * Value should not be within an array of values.
+     *
+     * @param string|null $value
+     */
+    public function not_in_list($value, string $list): bool
+    {
+        if (! is_string($value) && $value !== null) {
+            $value = (string) $value;
+        }
+
+        return ! $this->in_list($value, $list);
+    }
+
+    /**
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function required($str = null): bool
+    {
+        if ($str === null) {
+            return false;
+        }
+
+        if (is_object($str)) {
+            return true;
+        }
+
+        if (is_array($str)) {
+            return $str !== [];
+        }
+
+        return trim((string) $str) !== '';
+    }
+
+    /**
+     * The field is required when any of the other required fields are present
+     * in the data.
+     *
+     * Example (field is required when the password field is present):
+     *
+     *     required_with[password]
+     *
+     * @param string|null $str
+     * @param string|null $fields List of fields that we should check if present
+     * @param array       $data   Complete list of fields from the form
+     */
+    public function required_with($str = null, ?string $fields = null, array $data = []): bool
+    {
+        if ($fields === null || $data === []) {
+            throw new InvalidArgumentException('You must supply the parameters: fields, data.');
+        }
+
+        // If the field is present we can safely assume that
+        // the field is here, no matter whether the corresponding
+        // search field is present or not.
+        $present = $this->required($str ?? '');
+
+        if ($present) {
+            return true;
+        }
+
+        // Still here? Then we fail this test if
+        // any of the fields are present in $data
+        // as $fields is the list
+        $requiredFields = [];
+
+        foreach (explode(',', $fields) as $field) {
+            if (
+                (array_key_exists($field, $data) && ! empty($data[$field]))
+                || (str_contains($field, '.') && ! empty(dot_array_search($field, $data)))
+            ) {
+                $requiredFields[] = $field;
+            }
+        }
+
+        return $requiredFields === [];
+    }
+
+    /**
+     * The field is required when all the other fields are present
+     * in the data but not required.
+     *
+     * Example (field is required when the id or email field is missing):
+     *
+     *     required_without[id,email]
+     *
+     * @param string|null $str
+     * @param string|null $otherFields The param fields of required_without[].
+     * @param string|null $field       This rule param fields aren't present, this field is required.
+     */
+    public function required_without(
+        $str = null,
+        ?string $otherFields = null,
+        array $data = [],
+        ?string $error = null,
+        ?string $field = null,
+    ): bool {
+        if ($otherFields === null || $data === []) {
+            throw new InvalidArgumentException('You must supply the parameters: otherFields, data.');
+        }
+
+        // If the field is present we can safely assume that
+        // the field is here, no matter whether the corresponding
+        // search field is present or not.
+        $present = $this->required($str ?? '');
+
+        if ($present) {
+            return true;
+        }
+
+        // Still here? Then we fail this test if
+        // any of the fields are not present in $data
+        foreach (explode(',', $otherFields) as $otherField) {
+            if (
+                (! str_contains($otherField, '.'))
+                && (! array_key_exists($otherField, $data)
+                    || empty($data[$otherField]))
+            ) {
+                return false;
+            }
+
+            if (str_contains($otherField, '.')) {
+                if ($field === null) {
+                    throw new InvalidArgumentException('You must supply the parameters: field.');
+                }
+
+                $fieldData       = dot_array_search($otherField, $data);
+                $fieldSplitArray = explode('.', $field);
+                $fieldKey        = $fieldSplitArray[1];
+
+                if (is_array($fieldData)) {
+                    return ! empty(dot_array_search($otherField, $data)[$fieldKey]);
+                }
+                $nowField      = str_replace('*', $fieldKey, $otherField);
+                $nowFieldVaule = dot_array_search($nowField, $data);
+
+                return null !== $nowFieldVaule;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * The field exists in $data.
+     *
+     * @param array|bool|float|int|object|string|null $value The field value.
+     * @param string|null                             $param The rule's parameter.
+     * @param array                                   $data  The data to be validated.
+     * @param string|null                             $field The field name.
+     */
+    public function field_exists(
+        $value = null,
+        ?string $param = null,
+        array $data = [],
+        ?string $error = null,
+        ?string $field = null,
+    ): bool {
+        if (str_contains($field, '.')) {
+            return ArrayHelper::dotKeyExists($field, $data);
+        }
+
+        return array_key_exists($field, $data);
+    }
+}
diff --git a/ci4app/system/Validation/StrictRules/CreditCardRules.php b/ci4app/system/Validation/StrictRules/CreditCardRules.php
new file mode 100644
index 0000000..6512568
--- /dev/null
+++ b/ci4app/system/Validation/StrictRules/CreditCardRules.php
@@ -0,0 +1,55 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Validation\StrictRules;
+
+use CodeIgniter\Validation\CreditCardRules as NonStrictCreditCardRules;
+
+/**
+ * Class CreditCardRules
+ *
+ * Provides validation methods for common credit-card inputs.
+ *
+ * @see http://en.wikipedia.org/wiki/Credit_card_number
+ * @see \CodeIgniter\Validation\StrictRules\CreditCardRulesTest
+ */
+class CreditCardRules
+{
+    private readonly NonStrictCreditCardRules $nonStrictCreditCardRules;
+
+    public function __construct()
+    {
+        $this->nonStrictCreditCardRules = new NonStrictCreditCardRules();
+    }
+
+    /**
+     * Verifies that a credit card number is valid and matches the known
+     * formats for a wide number of credit card types. This does not verify
+     * that the card is a valid card, only that the number is formatted correctly.
+     *
+     * Example:
+     *  $rules = [
+     *      'cc_num' => 'valid_cc_number[visa]'
+     *  ];
+     *
+     * @param array|bool|float|int|object|string|null $ccNumber
+     */
+    public function valid_cc_number($ccNumber, string $type): bool
+    {
+        if (! is_string($ccNumber)) {
+            return false;
+        }
+
+        return $this->nonStrictCreditCardRules->valid_cc_number($ccNumber, $type);
+    }
+}
diff --git a/ci4app/system/Validation/StrictRules/FileRules.php b/ci4app/system/Validation/StrictRules/FileRules.php
new file mode 100644
index 0000000..9176716
--- /dev/null
+++ b/ci4app/system/Validation/StrictRules/FileRules.php
@@ -0,0 +1,317 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Validation\StrictRules;
+
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\HTTP\CLIRequest;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\RequestInterface;
+use Config\Mimes;
+
+/**
+ * File validation rules
+ *
+ * @see \CodeIgniter\Validation\StrictRules\FileRulesTest
+ */
+class FileRules
+{
+    /**
+     * Request instance. So we can get access to the files.
+     *
+     * @var IncomingRequest
+     */
+    protected $request;
+
+    /**
+     * Constructor.
+     */
+    public function __construct(?RequestInterface $request = null)
+    {
+        if (! $request instanceof RequestInterface) {
+            $request = service('request');
+        }
+
+        assert($request instanceof IncomingRequest || $request instanceof CLIRequest);
+
+        $this->request = $request;
+    }
+
+    /**
+     * Verifies that $name is the name of a valid uploaded file.
+     */
+    public function uploaded(?string $blank, string $name): bool
+    {
+        $files = $this->request->getFileMultiple($name);
+        if ($files === null) {
+            $files = [$this->request->getFile($name)];
+        }
+
+        foreach ($files as $file) {
+            if ($file === null) {
+                return false;
+            }
+
+            if (ENVIRONMENT === 'testing') {
+                if ($file->getError() !== 0) {
+                    return false;
+                }
+            } else {
+                // Note: cannot unit test this; no way to over-ride ENVIRONMENT?
+                // @codeCoverageIgnoreStart
+                if (! $file->isValid()) {
+                    return false;
+                }
+                // @codeCoverageIgnoreEnd
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * Verifies if the file's size in Kilobytes is no larger than the parameter.
+     */
+    public function max_size(?string $blank, string $params): bool
+    {
+        // Grab the file name off the top of the $params
+        // after we split it.
+        $paramArray = explode(',', $params);
+        if (count($paramArray) !== 2) {
+            throw new InvalidArgumentException('Invalid max_size parameter: "' . $params . '"');
+        }
+        $name = array_shift($paramArray);
+
+        $files = $this->request->getFileMultiple($name);
+        if ($files === null) {
+            $files = [$this->request->getFile($name)];
+        }
+
+        foreach ($files as $file) {
+            if ($file === null) {
+                return false;
+            }
+
+            if ($file->getError() === UPLOAD_ERR_NO_FILE) {
+                return true;
+            }
+
+            if ($file->getError() === UPLOAD_ERR_INI_SIZE) {
+                return false;
+            }
+
+            if ($file->getSize() / 1024 > $paramArray[0]) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * Uses the mime config file to determine if a file is considered an "image",
+     * which for our purposes basically means that it's a raster image or svg.
+     */
+    public function is_image(?string $blank, string $params): bool
+    {
+        // Grab the file name off the top of the $params
+        // after we split it.
+        $params = explode(',', $params);
+        $name   = array_shift($params);
+
+        $files = $this->request->getFileMultiple($name);
+        if ($files === null) {
+            $files = [$this->request->getFile($name)];
+        }
+
+        foreach ($files as $file) {
+            if ($file === null) {
+                return false;
+            }
+
+            if ($file->getError() === UPLOAD_ERR_NO_FILE) {
+                return true;
+            }
+
+            // We know that our mimes list always has the first mime
+            // start with `image` even when then are multiple accepted types.
+            $type = Mimes::guessTypeFromExtension($file->getExtension()) ?? '';
+
+            if (mb_strpos($type, 'image') !== 0) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * Checks to see if an uploaded file's mime type matches one in the parameter.
+     */
+    public function mime_in(?string $blank, string $params): bool
+    {
+        // Grab the file name off the top of the $params
+        // after we split it.
+        $params = explode(',', $params);
+        $name   = array_shift($params);
+
+        $files = $this->request->getFileMultiple($name);
+        if ($files === null) {
+            $files = [$this->request->getFile($name)];
+        }
+
+        foreach ($files as $file) {
+            if ($file === null) {
+                return false;
+            }
+
+            if ($file->getError() === UPLOAD_ERR_NO_FILE) {
+                return true;
+            }
+
+            if (! in_array($file->getMimeType(), $params, true)) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * Checks to see if an uploaded file's extension matches one in the parameter.
+     */
+    public function ext_in(?string $blank, string $params): bool
+    {
+        // Grab the file name off the top of the $params
+        // after we split it.
+        $params = explode(',', $params);
+        $name   = array_shift($params);
+
+        $files = $this->request->getFileMultiple($name);
+        if ($files === null) {
+            $files = [$this->request->getFile($name)];
+        }
+
+        foreach ($files as $file) {
+            if ($file === null) {
+                return false;
+            }
+
+            if ($file->getError() === UPLOAD_ERR_NO_FILE) {
+                return true;
+            }
+
+            if (! in_array($file->guessExtension(), $params, true)) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * Checks an uploaded file to verify that the dimensions are within
+     * a specified allowable dimension.
+     */
+    public function max_dims(?string $blank, string $params): bool
+    {
+        // Grab the file name off the top of the $params
+        // after we split it.
+        $params = explode(',', $params);
+        $name   = array_shift($params);
+
+        $files = $this->request->getFileMultiple($name);
+        if ($files === null) {
+            $files = [$this->request->getFile($name)];
+        }
+
+        foreach ($files as $file) {
+            if ($file === null) {
+                return false;
+            }
+
+            if ($file->getError() === UPLOAD_ERR_NO_FILE) {
+                return true;
+            }
+
+            // Get Parameter sizes
+            $allowedWidth  = $params[0] ?? 0;
+            $allowedHeight = $params[1] ?? 0;
+
+            // Get uploaded image size
+            $info = getimagesize($file->getTempName());
+
+            if ($info === false) {
+                // Cannot get the image size.
+                return false;
+            }
+
+            $fileWidth  = $info[0];
+            $fileHeight = $info[1];
+
+            if ($fileWidth > $allowedWidth || $fileHeight > $allowedHeight) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * Checks an uploaded file to verify that the dimensions are greater than
+     * a specified dimension.
+     */
+    public function min_dims(?string $blank, string $params): bool
+    {
+        // Grab the file name off the top of the $params
+        // after we split it.
+        $params = explode(',', $params);
+        $name   = array_shift($params);
+
+        $files = $this->request->getFileMultiple($name);
+        if ($files === null) {
+            $files = [$this->request->getFile($name)];
+        }
+
+        foreach ($files as $file) {
+            if ($file === null) {
+                return false;
+            }
+
+            if ($file->getError() === UPLOAD_ERR_NO_FILE) {
+                return true;
+            }
+
+            // Get Parameter sizes
+            $minimumWidth  = $params[0] ?? 0;
+            $minimumHeight = $params[1] ?? 0;
+
+            // Get uploaded image size
+            $info = getimagesize($file->getTempName());
+
+            if ($info === false) {
+                // Cannot get the image size.
+                return false;
+            }
+
+            $fileWidth  = $info[0];
+            $fileHeight = $info[1];
+
+            if ($fileWidth < $minimumWidth || $fileHeight < $minimumHeight) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+}
diff --git a/ci4app/system/Validation/StrictRules/FormatRules.php b/ci4app/system/Validation/StrictRules/FormatRules.php
new file mode 100644
index 0000000..0363f4b
--- /dev/null
+++ b/ci4app/system/Validation/StrictRules/FormatRules.php
@@ -0,0 +1,411 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Validation\StrictRules;
+
+use CodeIgniter\Validation\FormatRules as NonStrictFormatRules;
+
+/**
+ * Format validation Rules.
+ *
+ * @see \CodeIgniter\Validation\StrictRules\FormatRulesTest
+ */
+class FormatRules
+{
+    private readonly NonStrictFormatRules $nonStrictFormatRules;
+
+    public function __construct()
+    {
+        $this->nonStrictFormatRules = new NonStrictFormatRules();
+    }
+
+    /**
+     * Alpha
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function alpha($str = null): bool
+    {
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->alpha($str);
+    }
+
+    /**
+     * Alpha with spaces.
+     *
+     * @param array|bool|float|int|object|string|null $value Value.
+     *
+     * @return bool True if alpha with spaces, else false.
+     */
+    public function alpha_space($value = null): bool
+    {
+        if (! is_string($value)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->alpha_space($value);
+    }
+
+    /**
+     * Alphanumeric with underscores and dashes
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function alpha_dash($str = null): bool
+    {
+        if (is_int($str)) {
+            $str = (string) $str;
+        }
+
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->alpha_dash($str);
+    }
+
+    /**
+     * Alphanumeric, spaces, and a limited set of punctuation characters.
+     * Accepted punctuation characters are: ~ tilde, ! exclamation,
+     * # number, $ dollar, % percent, & ampersand, * asterisk, - dash,
+     * _ underscore, + plus, = equals, | vertical bar, : colon, . period
+     * ~ ! # $ % & * - _ + = | : .
+     *
+     * @param array|bool|float|int|object|string|null $str
+     *
+     * @return bool
+     */
+    public function alpha_numeric_punct($str)
+    {
+        if (is_int($str) || is_float($str)) {
+            $str = (string) $str;
+        }
+
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->alpha_numeric_punct($str);
+    }
+
+    /**
+     * Alphanumeric
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function alpha_numeric($str = null): bool
+    {
+        if (is_int($str)) {
+            $str = (string) $str;
+        }
+
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->alpha_numeric($str);
+    }
+
+    /**
+     * Alphanumeric w/ spaces
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function alpha_numeric_space($str = null): bool
+    {
+        if (is_int($str)) {
+            $str = (string) $str;
+        }
+
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->alpha_numeric_space($str);
+    }
+
+    /**
+     * Any type of string
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function string($str = null): bool
+    {
+        return $this->nonStrictFormatRules->string($str);
+    }
+
+    /**
+     * Decimal number
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function decimal($str = null): bool
+    {
+        if (is_int($str) || is_float($str)) {
+            $str = (string) $str;
+        }
+
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->decimal($str);
+    }
+
+    /**
+     * String of hexidecimal characters
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function hex($str = null): bool
+    {
+        if (is_int($str)) {
+            $str = (string) $str;
+        }
+
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->hex($str);
+    }
+
+    /**
+     * Integer
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function integer($str = null): bool
+    {
+        if (is_int($str)) {
+            $str = (string) $str;
+        }
+
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->integer($str);
+    }
+
+    /**
+     * Is a Natural number  (0,1,2,3, etc.)
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function is_natural($str = null): bool
+    {
+        if (is_int($str)) {
+            $str = (string) $str;
+        }
+
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->is_natural($str);
+    }
+
+    /**
+     * Is a Natural number, but not a zero  (1,2,3, etc.)
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function is_natural_no_zero($str = null): bool
+    {
+        if (is_int($str)) {
+            $str = (string) $str;
+        }
+
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->is_natural_no_zero($str);
+    }
+
+    /**
+     * Numeric
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function numeric($str = null): bool
+    {
+        if (is_int($str) || is_float($str)) {
+            $str = (string) $str;
+        }
+
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->numeric($str);
+    }
+
+    /**
+     * Compares value against a regular expression pattern.
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function regex_match($str, string $pattern): bool
+    {
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->regex_match($str, $pattern);
+    }
+
+    /**
+     * Validates that the string is a valid timezone as per the
+     * timezone_identifiers_list function.
+     *
+     * @see http://php.net/manual/en/datetimezone.listidentifiers.php
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function timezone($str = null): bool
+    {
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->timezone($str);
+    }
+
+    /**
+     * Valid Base64
+     *
+     * Tests a string for characters outside of the Base64 alphabet
+     * as defined by RFC 2045 http://www.faqs.org/rfcs/rfc2045
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function valid_base64($str = null): bool
+    {
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->valid_base64($str);
+    }
+
+    /**
+     * Valid JSON
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function valid_json($str = null): bool
+    {
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->valid_json($str);
+    }
+
+    /**
+     * Checks for a correctly formatted email address
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function valid_email($str = null): bool
+    {
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->valid_email($str);
+    }
+
+    /**
+     * Validate a comma-separated list of email addresses.
+     *
+     * Example:
+     *     valid_emails[one@example.com,two@example.com]
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function valid_emails($str = null): bool
+    {
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->valid_emails($str);
+    }
+
+    /**
+     * Validate an IP address (human readable format or binary string - inet_pton)
+     *
+     * @param array|bool|float|int|object|string|null $ip
+     * @param string|null                             $which IP protocol: 'ipv4' or 'ipv6'
+     */
+    public function valid_ip($ip = null, ?string $which = null): bool
+    {
+        if (! is_string($ip)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->valid_ip($ip, $which);
+    }
+
+    /**
+     * Checks a string to ensure it is (loosely) a URL.
+     *
+     * Warning: this rule will pass basic strings like
+     * "banana"; use valid_url_strict for a stricter rule.
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function valid_url($str = null): bool
+    {
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->valid_url($str);
+    }
+
+    /**
+     * Checks a URL to ensure it's formed correctly.
+     *
+     * @param array|bool|float|int|object|string|null $str
+     * @param string|null                             $validSchemes comma separated list of allowed schemes
+     */
+    public function valid_url_strict($str = null, ?string $validSchemes = null): bool
+    {
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->valid_url_strict($str, $validSchemes);
+    }
+
+    /**
+     * Checks for a valid date and matches a given date format
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function valid_date($str = null, ?string $format = null): bool
+    {
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictFormatRules->valid_date($str, $format);
+    }
+}
diff --git a/ci4app/system/Validation/StrictRules/Rules.php b/ci4app/system/Validation/StrictRules/Rules.php
new file mode 100644
index 0000000..0a03e64
--- /dev/null
+++ b/ci4app/system/Validation/StrictRules/Rules.php
@@ -0,0 +1,394 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Validation\StrictRules;
+
+use CodeIgniter\Helpers\Array\ArrayHelper;
+use CodeIgniter\Validation\Rules as NonStrictRules;
+
+/**
+ * Validation Rules.
+ *
+ * @see \CodeIgniter\Validation\StrictRules\RulesTest
+ */
+class Rules
+{
+    private readonly NonStrictRules $nonStrictRules;
+
+    public function __construct()
+    {
+        $this->nonStrictRules = new NonStrictRules();
+    }
+
+    /**
+     * The value does not match another field in $data.
+     *
+     * @param array|bool|float|int|object|string|null $str
+     * @param array                                   $data Other field/value pairs
+     */
+    public function differs(
+        $str,
+        string $otherField,
+        array $data,
+        ?string $error = null,
+        ?string $field = null,
+    ): bool {
+        if (str_contains($otherField, '.')) {
+            return $str !== dot_array_search($otherField, $data);
+        }
+
+        if (! array_key_exists($otherField, $data)) {
+            return false;
+        }
+
+        if (str_contains($field, '.')) {
+            if (! ArrayHelper::dotKeyExists($field, $data)) {
+                return false;
+            }
+        } elseif (! array_key_exists($field, $data)) {
+            return false;
+        }
+
+        return $str !== ($data[$otherField] ?? null);
+    }
+
+    /**
+     * Equals the static value provided.
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function equals($str, string $val): bool
+    {
+        return $this->nonStrictRules->equals($str, $val);
+    }
+
+    /**
+     * Returns true if $str is $val characters long.
+     * $val = "5" (one) | "5,8,12" (multiple values)
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function exact_length($str, string $val): bool
+    {
+        if (is_int($str) || is_float($str)) {
+            $str = (string) $str;
+        }
+
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictRules->exact_length($str, $val);
+    }
+
+    /**
+     * Greater than
+     *
+     * @param array|bool|float|int|object|string|null $str expects int|string
+     */
+    public function greater_than($str, string $min): bool
+    {
+        if (is_int($str) || is_float($str)) {
+            $str = (string) $str;
+        }
+
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictRules->greater_than($str, $min);
+    }
+
+    /**
+     * Equal to or Greater than
+     *
+     * @param array|bool|float|int|object|string|null $str expects int|string
+     */
+    public function greater_than_equal_to($str, string $min): bool
+    {
+        if (is_int($str) || is_float($str)) {
+            $str = (string) $str;
+        }
+
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictRules->greater_than_equal_to($str, $min);
+    }
+
+    /**
+     * Checks the database to see if the given value exist.
+     * Can ignore records by field/value to filter (currently
+     * accept only one filter).
+     *
+     * Example:
+     *    is_not_unique[dbGroup.table.field,where_field,where_value]
+     *    is_not_unique[table.field,where_field,where_value]
+     *    is_not_unique[menu.id,active,1]
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function is_not_unique($str, string $field, array $data): bool
+    {
+        if (is_object($str) || is_array($str)) {
+            return false;
+        }
+
+        return $this->nonStrictRules->is_not_unique($str, $field, $data);
+    }
+
+    /**
+     * Value should be within an array of values
+     *
+     * @param array|bool|float|int|object|string|null $value
+     */
+    public function in_list($value, string $list): bool
+    {
+        if (is_int($value) || is_float($value)) {
+            $value = (string) $value;
+        }
+
+        if (! is_string($value)) {
+            return false;
+        }
+
+        return $this->nonStrictRules->in_list($value, $list);
+    }
+
+    /**
+     * Checks the database to see if the given value is unique. Can
+     * ignore a single record by field/value to make it useful during
+     * record updates.
+     *
+     * Example:
+     *    is_unique[dbGroup.table.field,ignore_field,ignore_value]
+     *    is_unique[table.field,ignore_field,ignore_value]
+     *    is_unique[users.email,id,5]
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function is_unique($str, string $field, array $data): bool
+    {
+        if (is_object($str) || is_array($str)) {
+            return false;
+        }
+
+        return $this->nonStrictRules->is_unique($str, $field, $data);
+    }
+
+    /**
+     * Less than
+     *
+     * @param array|bool|float|int|object|string|null $str expects int|string
+     */
+    public function less_than($str, string $max): bool
+    {
+        if (is_int($str) || is_float($str)) {
+            $str = (string) $str;
+        }
+
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictRules->less_than($str, $max);
+    }
+
+    /**
+     * Equal to or Less than
+     *
+     * @param array|bool|float|int|object|string|null $str expects int|string
+     */
+    public function less_than_equal_to($str, string $max): bool
+    {
+        if (is_int($str) || is_float($str)) {
+            $str = (string) $str;
+        }
+
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictRules->less_than_equal_to($str, $max);
+    }
+
+    /**
+     * Matches the value of another field in $data.
+     *
+     * @param array|bool|float|int|object|string|null $str
+     * @param array                                   $data Other field/value pairs
+     */
+    public function matches(
+        $str,
+        string $otherField,
+        array $data,
+        ?string $error = null,
+        ?string $field = null,
+    ): bool {
+        if (str_contains($otherField, '.')) {
+            return $str === dot_array_search($otherField, $data);
+        }
+
+        if (! array_key_exists($otherField, $data)) {
+            return false;
+        }
+
+        if (str_contains($field, '.')) {
+            if (! ArrayHelper::dotKeyExists($field, $data)) {
+                return false;
+            }
+        } elseif (! array_key_exists($field, $data)) {
+            return false;
+        }
+
+        return $str === ($data[$otherField] ?? null);
+    }
+
+    /**
+     * Returns true if $str is $val or fewer characters in length.
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function max_length($str, string $val): bool
+    {
+        if (is_int($str) || is_float($str) || null === $str) {
+            $str = (string) $str;
+        }
+
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictRules->max_length($str, $val);
+    }
+
+    /**
+     * Returns true if $str is at least $val length.
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function min_length($str, string $val): bool
+    {
+        if (is_int($str) || is_float($str)) {
+            $str = (string) $str;
+        }
+
+        if (! is_string($str)) {
+            return false;
+        }
+
+        return $this->nonStrictRules->min_length($str, $val);
+    }
+
+    /**
+     * Does not equal the static value provided.
+     *
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function not_equals($str, string $val): bool
+    {
+        return $this->nonStrictRules->not_equals($str, $val);
+    }
+
+    /**
+     * Value should not be within an array of values.
+     *
+     * @param array|bool|float|int|object|string|null $value
+     */
+    public function not_in_list($value, string $list): bool
+    {
+        if (null === $value) {
+            return true;
+        }
+
+        if (is_int($value) || is_float($value)) {
+            $value = (string) $value;
+        }
+
+        if (! is_string($value)) {
+            return false;
+        }
+
+        return $this->nonStrictRules->not_in_list($value, $list);
+    }
+
+    /**
+     * @param array|bool|float|int|object|string|null $str
+     */
+    public function required($str = null): bool
+    {
+        return $this->nonStrictRules->required($str);
+    }
+
+    /**
+     * The field is required when any of the other required fields are present
+     * in the data.
+     *
+     * Example (field is required when the password field is present):
+     *
+     *     required_with[password]
+     *
+     * @param array|bool|float|int|object|string|null $str
+     * @param string|null                             $fields List of fields that we should check if present
+     * @param array                                   $data   Complete list of fields from the form
+     */
+    public function required_with($str = null, ?string $fields = null, array $data = []): bool
+    {
+        return $this->nonStrictRules->required_with($str, $fields, $data);
+    }
+
+    /**
+     * The field is required when all the other fields are present
+     * in the data but not required.
+     *
+     * Example (field is required when the id or email field is missing):
+     *
+     *     required_without[id,email]
+     *
+     * @param array|bool|float|int|object|string|null $str
+     * @param string|null                             $otherFields The param fields of required_without[].
+     * @param string|null                             $field       This rule param fields aren't present, this field is required.
+     */
+    public function required_without(
+        $str = null,
+        ?string $otherFields = null,
+        array $data = [],
+        ?string $error = null,
+        ?string $field = null,
+    ): bool {
+        return $this->nonStrictRules->required_without($str, $otherFields, $data, $error, $field);
+    }
+
+    /**
+     * The field exists in $data.
+     *
+     * @param array|bool|float|int|object|string|null $value The field value.
+     * @param string|null                             $param The rule's parameter.
+     * @param array                                   $data  The data to be validated.
+     * @param string|null                             $field The field name.
+     */
+    public function field_exists(
+        $value = null,
+        ?string $param = null,
+        array $data = [],
+        ?string $error = null,
+        ?string $field = null,
+    ): bool {
+        if (str_contains($field, '.')) {
+            return ArrayHelper::dotKeyExists($field, $data);
+        }
+
+        return array_key_exists($field, $data);
+    }
+}
diff --git a/ci4app/system/Validation/Validation.php b/ci4app/system/Validation/Validation.php
new file mode 100644
index 0000000..d3f2a3d
--- /dev/null
+++ b/ci4app/system/Validation/Validation.php
@@ -0,0 +1,994 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Validation;
+
+use Closure;
+use CodeIgniter\Database\BaseConnection;
+use CodeIgniter\Exceptions\InvalidArgumentException;
+use CodeIgniter\Exceptions\LogicException;
+use CodeIgniter\HTTP\Exceptions\HTTPException;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\Method;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\Validation\Exceptions\ValidationException;
+use CodeIgniter\View\RendererInterface;
+
+/**
+ * Validator
+ *
+ * @see \CodeIgniter\Validation\ValidationTest
+ */
+class Validation implements ValidationInterface
+{
+    /**
+     * Files to load with validation functions.
+     *
+     * @var array
+     */
+    protected $ruleSetFiles;
+
+    /**
+     * The loaded instances of our validation files.
+     *
+     * @var array
+     */
+    protected $ruleSetInstances = [];
+
+    /**
+     * Stores the actual rules that should be run against $data.
+     *
+     * @var array<array-key, array{label?: string, rules: list<string>}>
+     *
+     * [
+     *     field1 => [
+     *         'label' => label,
+     *         'rules' => [
+     *              rule1, rule2, ...
+     *          ],
+     *     ],
+     * ]
+     */
+    protected $rules = [];
+
+    /**
+     * The data that should be validated,
+     * where 'key' is the alias, with value.
+     *
+     * @var array
+     */
+    protected $data = [];
+
+    /**
+     * The data that was actually validated.
+     *
+     * @var array
+     */
+    protected $validated = [];
+
+    /**
+     * Any generated errors during validation.
+     * 'key' is the alias, 'value' is the message.
+     *
+     * @var array
+     */
+    protected $errors = [];
+
+    /**
+     * Stores custom error message to use
+     * during validation. Where 'key' is the alias.
+     *
+     * @var array
+     */
+    protected $customErrors = [];
+
+    /**
+     * Our configuration.
+     *
+     * @var object{ruleSets: list<class-string>}
+     */
+    protected $config;
+
+    /**
+     * The view renderer used to render validation messages.
+     *
+     * @var RendererInterface
+     */
+    protected $view;
+
+    /**
+     * Validation constructor.
+     *
+     * @param object{ruleSets: list<class-string>} $config
+     */
+    public function __construct($config, RendererInterface $view)
+    {
+        $this->ruleSetFiles = $config->ruleSets;
+
+        $this->config = $config;
+
+        $this->view = $view;
+
+        $this->loadRuleSets();
+    }
+
+    /**
+     * Runs the validation process, returning true/false determining whether
+     * validation was successful or not.
+     *
+     * @param array|null                                 $data    The array of data to validate.
+     * @param string|null                                $group   The predefined group of rules to apply.
+     * @param array|BaseConnection|non-empty-string|null $dbGroup The database group to use.
+     */
+    public function run(?array $data = null, ?string $group = null, $dbGroup = null): bool
+    {
+        if ($data === null) {
+            $data = $this->data;
+        } else {
+            // Store data to validate.
+            $this->data = $data;
+        }
+
+        // `DBGroup` is a reserved name. For is_unique and is_not_unique
+        $data['DBGroup'] = $dbGroup;
+
+        $this->loadRuleGroup($group);
+
+        // If no rules exist, we return false to ensure
+        // the developer didn't forget to set the rules.
+        if ($this->rules === []) {
+            return false;
+        }
+
+        // Replace any placeholders (e.g. {id}) in the rules with
+        // the value found in $data, if any.
+        $this->rules = $this->fillPlaceholders($this->rules, $data);
+
+        // Need this for searching arrays in validation.
+        helper('array');
+
+        // Run through each rule. If we have any field set for
+        // this rule, then we need to run them through!
+        foreach ($this->rules as $field => $setup) {
+            //  An array key might be int.
+            $field = (string) $field;
+
+            $rules = $setup['rules'];
+
+            if (is_string($rules)) {
+                $rules = $this->splitRules($rules);
+            }
+
+            if (str_contains($field, '*')) {
+                $flattenedArray = array_flatten_with_dots($data);
+
+                $values = array_filter(
+                    $flattenedArray,
+                    static fn ($key): bool => preg_match(self::getRegex($field), $key) === 1,
+                    ARRAY_FILTER_USE_KEY,
+                );
+
+                // if keys not found
+                $values = $values !== [] ? $values : [$field => null];
+            } else {
+                $values = dot_array_search($field, $data);
+            }
+
+            if ($values === []) {
+                // We'll process the values right away if an empty array
+                $this->processRules($field, $setup['label'] ?? $field, $values, $rules, $data, $field);
+
+                continue;
+            }
+
+            if (str_contains($field, '*')) {
+                // Process multiple fields
+                foreach ($values as $dotField => $value) {
+                    $this->processRules($dotField, $setup['label'] ?? $field, $value, $rules, $data, $field);
+                }
+            } else {
+                // Process single field
+                $this->processRules($field, $setup['label'] ?? $field, $values, $rules, $data, $field);
+            }
+        }
+
+        if ($this->getErrors() === []) {
+            // Store data that was actually validated.
+            $this->validated = DotArrayFilter::run(
+                array_keys($this->rules),
+                $this->data,
+            );
+
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Returns regex pattern for key with dot array syntax.
+     */
+    private static function getRegex(string $field): string
+    {
+        return '/\A'
+            . str_replace(
+                ['\.\*', '\*\.'],
+                ['\.[^.]+', '[^.]+\.'],
+                preg_quote($field, '/'),
+            )
+            . '\z/';
+    }
+
+    /**
+     * Runs the validation process, returning true or false determining whether
+     * validation was successful or not.
+     *
+     * @param array|bool|float|int|object|string|null $value   The data to validate.
+     * @param array|string                            $rules   The validation rules.
+     * @param list<string>                            $errors  The custom error message.
+     * @param string|null                             $dbGroup The database group to use.
+     */
+    public function check($value, $rules, array $errors = [], $dbGroup = null): bool
+    {
+        $this->reset();
+
+        return $this->setRule(
+            'check',
+            null,
+            $rules,
+            $errors,
+        )->run(
+            ['check' => $value],
+            null,
+            $dbGroup,
+        );
+    }
+
+    /**
+     * Returns the actual validated data.
+     */
+    public function getValidated(): array
+    {
+        return $this->validated;
+    }
+
+    /**
+     * Runs all of $rules against $field, until one fails, or
+     * all of them have been processed. If one fails, it adds
+     * the error to $this->errors and moves on to the next,
+     * so that we can collect all of the first errors.
+     *
+     * @param array|string $value
+     * @param array        $rules
+     * @param array        $data          The array of data to validate, with `DBGroup`.
+     * @param string|null  $originalField The original asterisk field name like "foo.*.bar".
+     */
+    protected function processRules(
+        string $field,
+        ?string $label,
+        $value,
+        $rules = null,       // @TODO remove `= null`
+        ?array $data = null, // @TODO remove `= null`
+        ?string $originalField = null,
+    ): bool {
+        if ($data === null) {
+            throw new InvalidArgumentException('You must supply the parameter: data.');
+        }
+
+        $rules = $this->processIfExist($field, $rules, $data);
+        if ($rules === true) {
+            return true;
+        }
+
+        $rules = $this->processPermitEmpty($value, $rules, $data);
+        if ($rules === true) {
+            return true;
+        }
+
+        foreach ($rules as $i => $rule) {
+            $isCallable     = is_callable($rule);
+            $stringCallable = $isCallable && is_string($rule);
+            $arrayCallable  = $isCallable && is_array($rule);
+
+            $passed = false;
+            /** @var string|null $param */
+            $param = null;
+
+            if (! $isCallable && preg_match('/(.*?)\[(.*)\]/', $rule, $match)) {
+                $rule  = $match[1];
+                $param = $match[2];
+            }
+
+            // Placeholder for custom errors from the rules.
+            $error = null;
+
+            // If it's a callable, call and get out of here.
+            if ($this->isClosure($rule)) {
+                $passed = $rule($value, $data, $error, $field);
+            } elseif ($isCallable) {
+                $passed = $stringCallable ? $rule($value) : $rule($value, $data, $error, $field);
+            } else {
+                $found = false;
+
+                // Check in our rulesets
+                foreach ($this->ruleSetInstances as $set) {
+                    if (! method_exists($set, $rule)) {
+                        continue;
+                    }
+
+                    $found = true;
+
+                    if ($rule === 'field_exists') {
+                        $passed = $set->{$rule}($value, $param, $data, $error, $originalField);
+                    } else {
+                        $passed = ($param === null)
+                            ? $set->{$rule}($value, $error)
+                            : $set->{$rule}($value, $param, $data, $error, $field);
+                    }
+
+                    break;
+                }
+
+                // If the rule wasn't found anywhere, we
+                // should throw an exception so the developer can find it.
+                if (! $found) {
+                    throw ValidationException::forRuleNotFound($rule);
+                }
+            }
+
+            // Set the error message if we didn't survive.
+            if ($passed === false) {
+                // if the $value is an array, convert it to as string representation
+                if (is_array($value)) {
+                    $value = $this->isStringList($value)
+                        ? '[' . implode(', ', $value) . ']'
+                        : json_encode($value);
+                } elseif (is_object($value)) {
+                    $value = json_encode($value);
+                }
+
+                $fieldForErrors = ($rule === 'field_exists') ? $originalField : $field;
+
+                // @phpstan-ignore-next-line $error may be set by rule methods.
+                $this->errors[$fieldForErrors] = $error ?? $this->getErrorMessage(
+                    ($this->isClosure($rule) || $arrayCallable) ? (string) $i : $rule,
+                    $field,
+                    $label,
+                    $param,
+                    (string) $value,
+                    $originalField,
+                );
+
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * @param array $data The array of data to validate, with `DBGroup`.
+     *
+     * @return array|true The modified rules or true if we return early
+     */
+    private function processIfExist(string $field, array $rules, array $data)
+    {
+        if (in_array('if_exist', $rules, true)) {
+            $flattenedData = array_flatten_with_dots($data);
+            $ifExistField  = $field;
+
+            if (str_contains($field, '.*')) {
+                // We'll change the dot notation into a PCRE pattern that can be used later
+                $ifExistField   = str_replace('\.\*', '\.(?:[^\.]+)', preg_quote($field, '/'));
+                $dataIsExisting = false;
+                $pattern        = sprintf('/%s/u', $ifExistField);
+
+                foreach (array_keys($flattenedData) as $item) {
+                    if (preg_match($pattern, $item) === 1) {
+                        $dataIsExisting = true;
+                        break;
+                    }
+                }
+            } elseif (str_contains($field, '.')) {
+                $dataIsExisting = array_key_exists($ifExistField, $flattenedData);
+            } else {
+                $dataIsExisting = array_key_exists($ifExistField, $data);
+            }
+
+            if (! $dataIsExisting) {
+                // we return early if `if_exist` is not satisfied. we have nothing to do here.
+                return true;
+            }
+
+            // Otherwise remove the if_exist rule and continue the process
+            $rules = array_filter($rules, static fn ($rule): bool => $rule instanceof Closure || $rule !== 'if_exist');
+        }
+
+        return $rules;
+    }
+
+    /**
+     * @param array|string $value
+     * @param array        $data  The array of data to validate, with `DBGroup`.
+     *
+     * @return array|true The modified rules or true if we return early
+     */
+    private function processPermitEmpty($value, array $rules, array $data)
+    {
+        if (in_array('permit_empty', $rules, true)) {
+            if (
+                ! in_array('required', $rules, true)
+                && (is_array($value) ? $value === [] : trim((string) $value) === '')
+            ) {
+                $passed = true;
+
+                foreach ($rules as $rule) {
+                    if (! $this->isClosure($rule) && preg_match('/(.*?)\[(.*)\]/', $rule, $match)) {
+                        $rule  = $match[1];
+                        $param = $match[2];
+
+                        if (! in_array($rule, ['required_with', 'required_without'], true)) {
+                            continue;
+                        }
+
+                        // Check in our rulesets
+                        foreach ($this->ruleSetInstances as $set) {
+                            if (! method_exists($set, $rule)) {
+                                continue;
+                            }
+
+                            $passed = $passed && $set->{$rule}($value, $param, $data);
+                            break;
+                        }
+                    }
+                }
+
+                if ($passed) {
+                    return true;
+                }
+            }
+
+            $rules = array_filter($rules, static fn ($rule): bool => $rule instanceof Closure || $rule !== 'permit_empty');
+        }
+
+        return $rules;
+    }
+
+    /**
+     * @param Closure(bool|float|int|list<mixed>|object|string|null, bool|float|int|list<mixed>|object|string|null, string|null, string|null): (bool|string) $rule
+     */
+    private function isClosure($rule): bool
+    {
+        return $rule instanceof Closure;
+    }
+
+    /**
+     * Is the array a string list `list<string>`?
+     */
+    private function isStringList(array $array): bool
+    {
+        $expectedKey = 0;
+
+        foreach ($array as $key => $val) {
+            // Note: also covers PHP array key conversion, e.g. '5' and 5.1 both become 5
+            if (! is_int($key)) {
+                return false;
+            }
+
+            if ($key !== $expectedKey) {
+                return false;
+            }
+            $expectedKey++;
+
+            if (! is_string($val)) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * Takes a Request object and grabs the input data to use from its
+     * array values.
+     */
+    public function withRequest(RequestInterface $request): ValidationInterface
+    {
+        /** @var IncomingRequest $request */
+        if (str_contains($request->getHeaderLine('Content-Type'), 'application/json')) {
+            $this->data = $request->getJSON(true);
+
+            if (! is_array($this->data)) {
+                throw HTTPException::forUnsupportedJSONFormat();
+            }
+
+            return $this;
+        }
+
+        if (in_array($request->getMethod(), [Method::PUT, Method::PATCH, Method::DELETE], true)
+            && ! str_contains($request->getHeaderLine('Content-Type'), 'multipart/form-data')
+        ) {
+            $this->data = $request->getRawInput();
+        } else {
+            $this->data = $request->getVar() ?? [];
+        }
+
+        return $this;
+    }
+
+    /**
+     * Sets (or adds) an individual rule and custom error messages for a single
+     * field.
+     *
+     * The custom error message should be just the messages that apply to
+     * this field, like so:
+     *    [
+     *        'rule1' => 'message1',
+     *        'rule2' => 'message2',
+     *    ]
+     *
+     * @param array|string $rules  The validation rules.
+     * @param array        $errors The custom error message.
+     *
+     * @return $this
+     *
+     * @throws InvalidArgumentException
+     */
+    public function setRule(string $field, ?string $label, $rules, array $errors = [])
+    {
+        if (! is_array($rules) && ! is_string($rules)) {
+            throw new InvalidArgumentException('$rules must be of type string|array');
+        }
+
+        $ruleSet = [
+            $field => [
+                'label' => $label,
+                'rules' => $rules,
+            ],
+        ];
+
+        if ($errors !== []) {
+            $ruleSet[$field]['errors'] = $errors;
+        }
+
+        $this->setRules(array_merge($this->getRules(), $ruleSet), $this->customErrors);
+
+        return $this;
+    }
+
+    /**
+     * Stores the rules that should be used to validate the items.
+     *
+     * Rules should be an array formatted like:
+     *    [
+     *        'field' => 'rule1|rule2'
+     *    ]
+     *
+     * The $errors array should be formatted like:
+     *    [
+     *        'field' => [
+     *            'rule1' => 'message1',
+     *            'rule2' => 'message2',
+     *        ],
+     *    ]
+     *
+     * @param array $errors An array of custom error messages
+     */
+    public function setRules(array $rules, array $errors = []): ValidationInterface
+    {
+        $this->customErrors = $errors;
+
+        foreach ($rules as $field => &$rule) {
+            if (is_array($rule)) {
+                if (array_key_exists('errors', $rule)) {
+                    $this->customErrors[$field] = $rule['errors'];
+                    unset($rule['errors']);
+                }
+
+                // if $rule is already a rule collection, just move it to "rules"
+                // transforming [foo => [required, foobar]] to [foo => [rules => [required, foobar]]]
+                if (! array_key_exists('rules', $rule)) {
+                    $rule = ['rules' => $rule];
+                }
+            }
+
+            if (isset($rule['rules']) && is_string($rule['rules'])) {
+                $rule['rules'] = $this->splitRules($rule['rules']);
+            }
+
+            if (is_string($rule)) {
+                $rule = ['rules' => $this->splitRules($rule)];
+            }
+        }
+
+        $this->rules = $rules;
+
+        return $this;
+    }
+
+    /**
+     * Returns all of the rules currently defined.
+     */
+    public function getRules(): array
+    {
+        return $this->rules;
+    }
+
+    /**
+     * Checks to see if the rule for key $field has been set or not.
+     */
+    public function hasRule(string $field): bool
+    {
+        return array_key_exists($field, $this->rules);
+    }
+
+    /**
+     * Get rule group.
+     *
+     * @param string $group Group.
+     *
+     * @return list<string> Rule group.
+     *
+     * @throws ValidationException If group not found.
+     */
+    public function getRuleGroup(string $group): array
+    {
+        if (! isset($this->config->{$group})) {
+            throw ValidationException::forGroupNotFound($group);
+        }
+
+        if (! is_array($this->config->{$group})) {
+            throw ValidationException::forGroupNotArray($group);
+        }
+
+        return $this->config->{$group};
+    }
+
+    /**
+     * Set rule group.
+     *
+     * @param string $group Group.
+     *
+     * @return void
+     *
+     * @throws ValidationException If group not found.
+     */
+    public function setRuleGroup(string $group)
+    {
+        $rules = $this->getRuleGroup($group);
+        $this->setRules($rules);
+
+        $errorName = $group . '_errors';
+        if (isset($this->config->{$errorName})) {
+            $this->customErrors = $this->config->{$errorName};
+        }
+    }
+
+    /**
+     * Returns the rendered HTML of the errors as defined in $template.
+     *
+     * You can also use validation_list_errors() in Form helper.
+     */
+    public function listErrors(string $template = 'list'): string
+    {
+        if (! array_key_exists($template, $this->config->templates)) {
+            throw ValidationException::forInvalidTemplate($template);
+        }
+
+        return $this->view
+            ->setVar('errors', $this->getErrors())
+            ->render($this->config->templates[$template]);
+    }
+
+    /**
+     * Displays a single error in formatted HTML as defined in the $template view.
+     *
+     * You can also use validation_show_error() in Form helper.
+     */
+    public function showError(string $field, string $template = 'single'): string
+    {
+        if (! array_key_exists($field, $this->getErrors())) {
+            return '';
+        }
+
+        if (! array_key_exists($template, $this->config->templates)) {
+            throw ValidationException::forInvalidTemplate($template);
+        }
+
+        return $this->view
+            ->setVar('error', $this->getError($field))
+            ->render($this->config->templates[$template]);
+    }
+
+    /**
+     * Loads all of the rulesets classes that have been defined in the
+     * Config\Validation and stores them locally so we can use them.
+     *
+     * @return void
+     */
+    protected function loadRuleSets()
+    {
+        if ($this->ruleSetFiles === [] || $this->ruleSetFiles === null) {
+            throw ValidationException::forNoRuleSets();
+        }
+
+        foreach ($this->ruleSetFiles as $file) {
+            $this->ruleSetInstances[] = new $file();
+        }
+    }
+
+    /**
+     * Loads custom rule groups (if set) into the current rules.
+     *
+     * Rules can be pre-defined in Config\Validation and can
+     * be any name, but must all still be an array of the
+     * same format used with setRules(). Additionally, check
+     * for {group}_errors for an array of custom error messages.
+     *
+     * @param non-empty-string|null $group
+     *
+     * @return array<int, array> [rules, customErrors]
+     *
+     * @throws ValidationException
+     */
+    public function loadRuleGroup(?string $group = null)
+    {
+        if ($group === null || $group === '') {
+            return [];
+        }
+
+        if (! isset($this->config->{$group})) {
+            throw ValidationException::forGroupNotFound($group);
+        }
+
+        if (! is_array($this->config->{$group})) {
+            throw ValidationException::forGroupNotArray($group);
+        }
+
+        $this->setRules($this->config->{$group});
+
+        // If {group}_errors exists in the config file,
+        // then override our custom errors with them.
+        $errorName = $group . '_errors';
+
+        if (isset($this->config->{$errorName})) {
+            $this->customErrors = $this->config->{$errorName};
+        }
+
+        return [$this->rules, $this->customErrors];
+    }
+
+    /**
+     * Replace any placeholders within the rules with the values that
+     * match the 'key' of any properties being set. For example, if
+     * we had the following $data array:
+     *
+     * [ 'id' => 13 ]
+     *
+     * and the following rule:
+     *
+     *  'is_unique[users,email,id,{id}]'
+     *
+     * The value of {id} would be replaced with the actual id in the form data:
+     *
+     *  'is_unique[users,email,id,13]'
+     */
+    protected function fillPlaceholders(array $rules, array $data): array
+    {
+        foreach ($rules as &$rule) {
+            $ruleSet = $rule['rules'];
+
+            foreach ($ruleSet as &$row) {
+                if (is_string($row)) {
+                    $placeholderFields = $this->retrievePlaceholders($row, $data);
+
+                    foreach ($placeholderFields as $field) {
+                        $validator ??= service('validation', null, false);
+                        assert($validator instanceof Validation);
+
+                        $placeholderRules = $rules[$field]['rules'] ?? null;
+
+                        // Check if the validation rule for the placeholder exists
+                        if ($placeholderRules === null) {
+                            throw new LogicException(
+                                'No validation rules for the placeholder: "' . $field
+                                . '". You must set the validation rules for the field.'
+                                . ' See <https://codeigniter4.github.io/userguide/libraries/validation.html#validation-placeholders>.',
+                            );
+                        }
+
+                        // Check if the rule does not have placeholders
+                        foreach ($placeholderRules as $placeholderRule) {
+                            if ($this->retrievePlaceholders($placeholderRule, $data) !== []) {
+                                throw new LogicException(
+                                    'The placeholder field cannot use placeholder: ' . $field,
+                                );
+                            }
+                        }
+
+                        // Validate the placeholder field
+                        $dbGroup = $data['DBGroup'] ?? null;
+                        if (! $validator->check($data[$field], $placeholderRules, [], $dbGroup)) {
+                            // if fails, do nothing
+                            continue;
+                        }
+
+                        // Replace the placeholder in the rule
+                        $ruleSet = str_replace('{' . $field . '}', (string) $data[$field], $ruleSet);
+                    }
+                }
+            }
+
+            $rule['rules'] = $ruleSet;
+        }
+
+        return $rules;
+    }
+
+    /**
+     * Retrieves valid placeholder fields.
+     */
+    private function retrievePlaceholders(string $rule, array $data): array
+    {
+        preg_match_all('/{(.+?)}/', $rule, $matches);
+
+        return array_intersect($matches[1], array_keys($data));
+    }
+
+    /**
+     * Checks to see if an error exists for the given field.
+     */
+    public function hasError(string $field): bool
+    {
+        return (bool) preg_grep(self::getRegex($field), array_keys($this->getErrors()));
+    }
+
+    /**
+     * Returns the error(s) for a specified $field (or empty string if not
+     * set).
+     */
+    public function getError(?string $field = null): string
+    {
+        if ($field === null && count($this->rules) === 1) {
+            $field = array_key_first($this->rules);
+        }
+
+        $errors = array_filter(
+            $this->getErrors(),
+            static fn ($key): bool => preg_match(self::getRegex($field), $key) === 1,
+            ARRAY_FILTER_USE_KEY,
+        );
+
+        return implode("\n", $errors);
+    }
+
+    /**
+     * Returns the array of errors that were encountered during
+     * a run() call. The array should be in the following format:
+     *
+     *    [
+     *        'field1' => 'error message',
+     *        'field2' => 'error message',
+     *    ]
+     *
+     * @return array<string, string>
+     *
+     * @codeCoverageIgnore
+     */
+    public function getErrors(): array
+    {
+        return $this->errors;
+    }
+
+    /**
+     * Sets the error for a specific field. Used by custom validation methods.
+     */
+    public function setError(string $field, string $error): ValidationInterface
+    {
+        $this->errors[$field] = $error;
+
+        return $this;
+    }
+
+    /**
+     * Attempts to find the appropriate error message
+     *
+     * @param non-empty-string|null $label
+     * @param string|null           $value The value that caused the validation to fail.
+     */
+    protected function getErrorMessage(
+        string $rule,
+        string $field,
+        ?string $label = null,
+        ?string $param = null,
+        ?string $value = null,
+        ?string $originalField = null,
+    ): string {
+        $param ??= '';
+
+        $args = [
+            'field' => ($label === null || $label === '') ? $field : lang($label),
+            'param' => (! isset($this->rules[$param]['label'])) ? $param : lang($this->rules[$param]['label']),
+            'value' => $value ?? '',
+        ];
+
+        // Check if custom message has been defined by user
+        if (isset($this->customErrors[$field][$rule])) {
+            return lang($this->customErrors[$field][$rule], $args);
+        }
+        if (null !== $originalField && isset($this->customErrors[$originalField][$rule])) {
+            return lang($this->customErrors[$originalField][$rule], $args);
+        }
+
+        // Try to grab a localized version of the message...
+        // lang() will return the rule name back if not found,
+        // so there will always be a string being returned.
+        return lang('Validation.' . $rule, $args);
+    }
+
+    /**
+     * Split rules string by pipe operator.
+     */
+    protected function splitRules(string $rules): array
+    {
+        if (! str_contains($rules, '|')) {
+            return [$rules];
+        }
+
+        $string = $rules;
+        $rules  = [];
+        $length = strlen($string);
+        $cursor = 0;
+
+        while ($cursor < $length) {
+            $pos = strpos($string, '|', $cursor);
+
+            if ($pos === false) {
+                // we're in the last rule
+                $pos = $length;
+            }
+
+            $rule = substr($string, $cursor, $pos - $cursor);
+
+            while (
+                (substr_count($rule, '[') - substr_count($rule, '\['))
+                !== (substr_count($rule, ']') - substr_count($rule, '\]'))
+            ) {
+                // the pipe is inside the brackets causing the closing bracket to
+                // not be included. so, we adjust the rule to include that portion.
+                $pos  = strpos($string, '|', $cursor + strlen($rule) + 1) ?: $length;
+                $rule = substr($string, $cursor, $pos - $cursor);
+            }
+
+            $rules[] = $rule;
+            $cursor += strlen($rule) + 1; // +1 to exclude the pipe
+        }
+
+        return array_unique($rules);
+    }
+
+    /**
+     * Resets the class to a blank slate. Should be called whenever
+     * you need to process more than one array.
+     */
+    public function reset(): ValidationInterface
+    {
+        $this->data         = [];
+        $this->validated    = [];
+        $this->rules        = [];
+        $this->errors       = [];
+        $this->customErrors = [];
+
+        return $this;
+    }
+}
diff --git a/ci4app/system/Validation/ValidationInterface.php b/ci4app/system/Validation/ValidationInterface.php
new file mode 100644
index 0000000..997bfb2
--- /dev/null
+++ b/ci4app/system/Validation/ValidationInterface.php
@@ -0,0 +1,165 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\Validation;
+
+use CodeIgniter\Database\BaseConnection;
+use CodeIgniter\HTTP\RequestInterface;
+
+/**
+ * Expected behavior of a validator
+ */
+interface ValidationInterface
+{
+    /**
+     * Runs the validation process, returning true/false determining whether
+     * validation was successful or not.
+     *
+     * @param array|null                                 $data    The array of data to validate.
+     * @param string|null                                $group   The predefined group of rules to apply.
+     * @param array|BaseConnection|non-empty-string|null $dbGroup The database group to use.
+     */
+    public function run(?array $data = null, ?string $group = null, $dbGroup = null): bool;
+
+    /**
+     * Check; runs the validation process, returning true or false
+     * determining whether or not validation was successful.
+     *
+     * @param array|bool|float|int|object|string|null $value   Value to validate.
+     * @param array|string                            $rules
+     * @param list<string>                            $errors
+     * @param string|null                             $dbGroup The database group to use.
+     *
+     * @return bool True if valid, else false.
+     */
+    public function check($value, $rules, array $errors = [], $dbGroup = null): bool;
+
+    /**
+     * Takes a Request object and grabs the input data to use from its
+     * array values.
+     */
+    public function withRequest(RequestInterface $request): ValidationInterface;
+
+    /**
+     * Sets an individual rule and custom error messages for a single field.
+     *
+     * The custom error message should be just the messages that apply to
+     * this field, like so:
+     *
+     *    [
+     *        'rule' => 'message',
+     *        'rule' => 'message',
+     *    ]
+     *
+     * @param array|string $rules
+     *
+     * @return $this
+     */
+    public function setRule(string $field, ?string $label, $rules, array $errors = []);
+
+    /**
+     * Stores the rules that should be used to validate the items.
+     */
+    public function setRules(array $rules, array $messages = []): ValidationInterface;
+
+    /**
+     * Returns all of the rules currently defined.
+     */
+    public function getRules(): array;
+
+    /**
+     * Checks to see if the rule for key $field has been set or not.
+     */
+    public function hasRule(string $field): bool;
+
+    /**
+     * Get rule group.
+     *
+     * @param string $group Group.
+     *
+     * @return list<string> Rule group.
+     */
+    public function getRuleGroup(string $group): array;
+
+    /**
+     * Set rule group.
+     *
+     * @param string $group Group.
+     *
+     * @return void
+     */
+    public function setRuleGroup(string $group);
+
+    /**
+     * Returns the error for a specified $field (or empty string if not set).
+     */
+    public function getError(string $field): string;
+
+    /**
+     * Returns the array of errors that were encountered during
+     * a run() call. The array should be in the following format:
+     *
+     *    [
+     *        'field1' => 'error message',
+     *        'field2' => 'error message',
+     *    ]
+     *
+     * @return array<string,string>
+     */
+    public function getErrors(): array;
+
+    /**
+     * Sets the error for a specific field. Used by custom validation methods.
+     */
+    public function setError(string $alias, string $error): ValidationInterface;
+
+    /**
+     * Resets the class to a blank slate. Should be called whenever
+     * you need to process more than one array.
+     */
+    public function reset(): ValidationInterface;
+
+    /**
+     * Loads custom rule groups (if set) into the current rules.
+     *
+     * Rules can be pre-defined in Config\Validation and can
+     * be any name, but must all still be an array of the
+     * same format used with setRules(). Additionally, check
+     * for {group}_errors for an array of custom error messages.
+     *
+     * @param non-empty-string|null $group
+     *
+     * @return array
+     */
+    public function loadRuleGroup(?string $group = null);
+
+    /**
+     * Checks to see if an error exists for the given field.
+     */
+    public function hasError(string $field): bool;
+
+    /**
+     * Returns the rendered HTML of the errors as defined in $template.
+     */
+    public function listErrors(string $template = 'list'): string;
+
+    /**
+     * Displays a single error in formatted HTML as defined in the $template view.
+     */
+    public function showError(string $field, string $template = 'single'): string;
+
+    /**
+     * Returns the actual validated data.
+     */
+    public function getValidated(): array;
+}
diff --git a/ci4app/system/Validation/Views/list.php b/ci4app/system/Validation/Views/list.php
new file mode 100644
index 0000000..3669f03
--- /dev/null
+++ b/ci4app/system/Validation/Views/list.php
@@ -0,0 +1,9 @@
+<?php if (isset($errors) && $errors !== []) : ?>
+	<div class="errors" role="alert">
+		<ul>
+		<?php foreach ($errors as $error) : ?>
+			<li><?= esc($error) ?></li>
+		<?php endforeach ?>
+		</ul>
+	</div>
+<?php endif ?>
diff --git a/ci4app/system/Validation/Views/single.php b/ci4app/system/Validation/Views/single.php
new file mode 100644
index 0000000..3967917
--- /dev/null
+++ b/ci4app/system/Validation/Views/single.php
@@ -0,0 +1 @@
+<span class="help-block"><?= esc($error) ?></span>
diff --git a/ci4app/system/View/Cell.php b/ci4app/system/View/Cell.php
new file mode 100644
index 0000000..8325acc
--- /dev/null
+++ b/ci4app/system/View/Cell.php
@@ -0,0 +1,313 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\View;
+
+use CodeIgniter\Cache\CacheInterface;
+use CodeIgniter\Config\Factories;
+use CodeIgniter\View\Cells\Cell as BaseCell;
+use CodeIgniter\View\Exceptions\ViewException;
+use ReflectionException;
+use ReflectionMethod;
+
+/**
+ * Class Cell
+ *
+ * A simple class that can call any other class that can be loaded,
+ * and echo out it's result. Intended for displaying small blocks of
+ * content within views that can be managed by other libraries and
+ * not require they are loaded within controller.
+ *
+ * Used with the helper function, it's use will look like:
+ *
+ *         viewCell('\Some\Class::method', 'limit=5 sort=asc', 60, 'cache-name');
+ *
+ * Parameters are matched up with the callback method's arguments of the same name:
+ *
+ *         class Class {
+ *             function method($limit, $sort)
+ *         }
+ *
+ * Alternatively, the params will be passed into the callback method as a simple array
+ * if matching params are not found.
+ *
+ *         class Class {
+ *             function method(array $params=null)
+ *         }
+ *
+ * @see \CodeIgniter\View\CellTest
+ */
+class Cell
+{
+    /**
+     * Instance of the current Cache Instance
+     *
+     * @var CacheInterface
+     */
+    protected $cache;
+
+    /**
+     * Cell constructor.
+     */
+    public function __construct(CacheInterface $cache)
+    {
+        $this->cache = $cache;
+    }
+
+    /**
+     * Render a cell, returning its body as a string.
+     *
+     * @param string                            $library   Cell class and method name.
+     * @param array<string, string>|string|null $params    Parameters to pass to the method.
+     * @param int                               $ttl       Number of seconds to cache the cell.
+     * @param string|null                       $cacheName Cache item name.
+     *
+     * @throws ReflectionException
+     */
+    public function render(string $library, $params = null, int $ttl = 0, ?string $cacheName = null): string
+    {
+        [$instance, $method] = $this->determineClass($library);
+
+        $class = is_object($instance)
+            ? $instance::class
+            : null;
+
+        $params = $this->prepareParams($params);
+
+        // Is the output cached?
+        $cacheName ??= str_replace(['\\', '/'], '', $class) . $method . md5(serialize($params));
+
+        $output = $this->cache->get($cacheName);
+
+        if (is_string($output) && $output !== '') {
+            return $output;
+        }
+
+        if (method_exists($instance, 'initController')) {
+            $instance->initController(service('request'), service('response'), service('logger'));
+        }
+
+        if (! method_exists($instance, $method)) {
+            throw ViewException::forInvalidCellMethod($class, $method);
+        }
+
+        $output = $instance instanceof BaseCell
+            ? $this->renderCell($instance, $method, $params)
+            : $this->renderSimpleClass($instance, $method, $params, $class);
+
+        // Can we cache it?
+        if ($ttl !== 0) {
+            $this->cache->save($cacheName, $output, $ttl);
+        }
+
+        return $output;
+    }
+
+    /**
+     * Parses the params attribute. If an array, returns untouched.
+     * If a string, it should be in the format "key1=value key2=value".
+     * It will be split and returned as an array.
+     *
+     * @param array<string, string>|float|string|null $params
+     *
+     * @return array<string, string>
+     */
+    public function prepareParams($params)
+    {
+        if (
+            ($params === null || $params === '' || $params === [])
+            || (! is_string($params) && ! is_array($params))
+        ) {
+            return [];
+        }
+
+        if (is_string($params)) {
+            $newParams = [];
+            $separator = ' ';
+
+            if (str_contains($params, ',')) {
+                $separator = ',';
+            }
+
+            $params = explode($separator, $params);
+            unset($separator);
+
+            foreach ($params as $p) {
+                if ($p !== '') {
+                    [$key, $val] = explode('=', $p);
+
+                    $newParams[trim($key)] = trim($val, ', ');
+                }
+            }
+
+            $params = $newParams;
+            unset($newParams);
+        }
+
+        if ($params === []) {
+            return [];
+        }
+
+        return $params;
+    }
+
+    /**
+     * Given the library string, attempts to determine the class and method
+     * to call.
+     */
+    protected function determineClass(string $library): array
+    {
+        // We don't want to actually call static methods
+        // by default, so convert any double colons.
+        $library = str_replace('::', ':', $library);
+
+        // controlled cells might be called with just
+        // the class name, so add a default method
+        if (! str_contains($library, ':')) {
+            $library .= ':render';
+        }
+
+        [$class, $method] = explode(':', $library);
+
+        if ($class === '') {
+            throw ViewException::forNoCellClass();
+        }
+
+        // locate and return an instance of the cell
+        $object = Factories::cells($class, ['getShared' => false]);
+
+        if (! is_object($object)) {
+            throw ViewException::forInvalidCellClass($class);
+        }
+
+        if ($method === '') {
+            $method = 'index';
+        }
+
+        return [
+            $object,
+            $method,
+        ];
+    }
+
+    /**
+     * Renders a cell that extends the BaseCell class.
+     */
+    final protected function renderCell(BaseCell $instance, string $method, array $params): string
+    {
+        // Only allow public properties to be set, or protected/private
+        // properties that have a method to get them (get<Foo>Property())
+        $publicProperties  = $instance->getPublicProperties();
+        $privateProperties = array_column($instance->getNonPublicProperties(), 'name');
+        $publicParams      = array_intersect_key($params, $publicProperties);
+
+        foreach ($params as $key => $value) {
+            $getter = 'get' . ucfirst((string) $key) . 'Property';
+            if (in_array($key, $privateProperties, true) && method_exists($instance, $getter)) {
+                $publicParams[$key] = $value;
+            }
+        }
+
+        // Fill in any public properties that were passed in
+        // but only ones that are in the $pulibcProperties array.
+        $instance = $instance->fill($publicParams);
+
+        // If there are any protected/private properties, we need to
+        // send them to the mount() method.
+        if (method_exists($instance, 'mount')) {
+            // if any $params have keys that match the name of an argument in the
+            // mount method, pass those variables to the method.
+            $mountParams = $this->getMethodParams($instance, 'mount', $params);
+            $instance->mount(...$mountParams);
+        }
+
+        return $instance->{$method}();
+    }
+
+    /**
+     * Returns the values from $params that match the parameters
+     * for a method, in the order they are defined. This allows
+     * them to be passed directly into the method.
+     */
+    private function getMethodParams(BaseCell $instance, string $method, array $params): array
+    {
+        $mountParams = [];
+
+        try {
+            $reflectionMethod = new ReflectionMethod($instance, $method);
+            $reflectionParams = $reflectionMethod->getParameters();
+
+            foreach ($reflectionParams as $reflectionParam) {
+                $paramName = $reflectionParam->getName();
+
+                if (array_key_exists($paramName, $params)) {
+                    $mountParams[] = $params[$paramName];
+                }
+            }
+        } catch (ReflectionException) {
+            // do nothing
+        }
+
+        return $mountParams;
+    }
+
+    /**
+     * Renders the non-Cell class, passing in the string/array params.
+     *
+     * @todo Determine if this can be refactored to use $this-getMethodParams().
+     *
+     * @param object $instance
+     */
+    final protected function renderSimpleClass($instance, string $method, array $params, string $class): string
+    {
+        // Try to match up the parameter list we were provided
+        // with the parameter name in the callback method.
+        $refMethod  = new ReflectionMethod($instance, $method);
+        $paramCount = $refMethod->getNumberOfParameters();
+        $refParams  = $refMethod->getParameters();
+
+        if ($paramCount === 0) {
+            if ($params !== []) {
+                throw ViewException::forMissingCellParameters($class, $method);
+            }
+
+            $output = $instance->{$method}();
+        } elseif (($paramCount === 1)
+            && ((! array_key_exists($refParams[0]->name, $params))
+            || (array_key_exists($refParams[0]->name, $params)
+            && count($params) !== 1))
+        ) {
+            $output = $instance->{$method}($params);
+        } else {
+            $fireArgs     = [];
+            $methodParams = [];
+
+            foreach ($refParams as $arg) {
+                $methodParams[$arg->name] = true;
+                if (array_key_exists($arg->name, $params)) {
+                    $fireArgs[$arg->name] = $params[$arg->name];
+                }
+            }
+
+            foreach (array_keys($params) as $key) {
+                if (! isset($methodParams[$key])) {
+                    throw ViewException::forInvalidCellParameter($key);
+                }
+            }
+
+            $output = $instance->{$method}(...array_values($fireArgs));
+        }
+
+        return $output;
+    }
+}
diff --git a/ci4app/system/View/Cells/Cell.php b/ci4app/system/View/Cells/Cell.php
new file mode 100644
index 0000000..ffe652b
--- /dev/null
+++ b/ci4app/system/View/Cells/Cell.php
@@ -0,0 +1,155 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\View\Cells;
+
+use CodeIgniter\Exceptions\LogicException;
+use CodeIgniter\Traits\PropertiesTrait;
+use ReflectionClass;
+use Stringable;
+
+/**
+ * Class Cell
+ *
+ * The base class that View Cells should extend.
+ * Provides extended features for managing/rendering
+ * a single cell's contents.
+ *
+ * @function mount()
+ */
+class Cell implements Stringable
+{
+    use PropertiesTrait;
+
+    /**
+     * The name of the view to render.
+     * If empty, will be determined based
+     * on the cell class' name.
+     */
+    protected string $view = '';
+
+    /**
+     * Responsible for converting the view into HTML.
+     * Expected to be overridden by the child class
+     * in many occasions, but not all.
+     */
+    public function render(): string
+    {
+        if (! function_exists('decamelize')) {
+            helper('inflector');
+        }
+
+        return $this->view($this->view);
+    }
+
+    /**
+     * Sets the view to use when rendered.
+     *
+     * @return $this
+     */
+    public function setView(string $view)
+    {
+        $this->view = $view;
+
+        return $this;
+    }
+
+    /**
+     * Actually renders the view, and returns the HTML.
+     * In order to provide access to public properties and methods
+     * from within the view, this method extracts $data into the
+     * current scope and captures the output buffer instead of
+     * relying on the view service.
+     *
+     * @throws LogicException
+     */
+    final protected function view(?string $view, array $data = []): string
+    {
+        $properties = $this->getPublicProperties();
+        $properties = $this->includeComputedProperties($properties);
+        $properties = array_merge($properties, $data);
+
+        $view = (string) $view;
+
+        if ($view === '') {
+            $viewName  = decamelize(class_basename(static::class));
+            $directory = dirname((new ReflectionClass($this))->getFileName()) . DIRECTORY_SEPARATOR;
+
+            $possibleView1 = $directory . substr($viewName, 0, strrpos($viewName, '_cell')) . '.php';
+            $possibleView2 = $directory . $viewName . '.php';
+        }
+
+        if ($view !== '' && ! is_file($view)) {
+            $directory = dirname((new ReflectionClass($this))->getFileName()) . DIRECTORY_SEPARATOR;
+
+            $view = $directory . $view . '.php';
+        }
+
+        $candidateViews = array_filter(
+            [$view, $possibleView1 ?? '', $possibleView2 ?? ''],
+            static fn (string $path): bool => $path !== '' && is_file($path),
+        );
+
+        if ($candidateViews === []) {
+            throw new LogicException(sprintf(
+                'Cannot locate the view file for the "%s" cell.',
+                static::class,
+            ));
+        }
+
+        $foundView = current($candidateViews);
+
+        return (function () use ($properties, $foundView): string {
+            extract($properties);
+            ob_start();
+            include $foundView;
+
+            return ob_get_clean();
+        })();
+    }
+
+    /**
+     * Provides capability to render on string casting.
+     */
+    public function __toString(): string
+    {
+        return $this->render();
+    }
+
+    /**
+     * Allows the developer to define computed properties
+     * as methods with `get` prefixed to the protected/private property name.
+     */
+    private function includeComputedProperties(array $properties): array
+    {
+        $reservedProperties = ['data', 'view'];
+        $privateProperties  = $this->getNonPublicProperties();
+
+        foreach ($privateProperties as $property) {
+            $name = $property->getName();
+
+            // don't include any methods in the base class
+            if (in_array($name, $reservedProperties, true)) {
+                continue;
+            }
+
+            $computedMethod = 'get' . ucfirst($name) . 'Property';
+
+            if (method_exists($this, $computedMethod)) {
+                $properties[$name] = $this->{$computedMethod}();
+            }
+        }
+
+        return $properties;
+    }
+}
diff --git a/ci4app/system/View/Exceptions/ViewException.php b/ci4app/system/View/Exceptions/ViewException.php
new file mode 100644
index 0000000..baf6e5b
--- /dev/null
+++ b/ci4app/system/View/Exceptions/ViewException.php
@@ -0,0 +1,75 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\View\Exceptions;
+
+use CodeIgniter\Exceptions\FrameworkException;
+
+class ViewException extends FrameworkException
+{
+    /**
+     * @return static
+     */
+    public static function forInvalidCellMethod(string $class, string $method)
+    {
+        return new static(lang('View.invalidCellMethod', ['class' => $class, 'method' => $method]));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forMissingCellParameters(string $class, string $method)
+    {
+        return new static(lang('View.missingCellParameters', ['class' => $class, 'method' => $method]));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forInvalidCellParameter(string $key)
+    {
+        return new static(lang('View.invalidCellParameter', [$key]));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forNoCellClass()
+    {
+        return new static(lang('View.noCellClass'));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forInvalidCellClass(?string $class = null)
+    {
+        return new static(lang('View.invalidCellClass', [$class]));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forTagSyntaxError(string $output)
+    {
+        return new static(lang('View.tagSyntaxError', [$output]));
+    }
+
+    /**
+     * @return static
+     */
+    public static function forInvalidDecorator(string $className)
+    {
+        return new static(lang('View.invalidDecoratorClass', [$className]));
+    }
+}
diff --git a/ci4app/system/View/Filters.php b/ci4app/system/View/Filters.php
new file mode 100644
index 0000000..c74e385
--- /dev/null
+++ b/ci4app/system/View/Filters.php
@@ -0,0 +1,247 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\View;
+
+use NumberFormatter;
+
+/**
+ * View filters
+ */
+class Filters
+{
+    /**
+     * Returns $value as all lowercase with the first letter capitalized.
+     */
+    public static function capitalize(string $value): string
+    {
+        return ucfirst(strtolower($value));
+    }
+
+    /**
+     * Formats a date into the given $format.
+     *
+     * @param int|string|null $value
+     */
+    public static function date($value, string $format): string
+    {
+        if (is_string($value) && ! is_numeric($value)) {
+            $value = strtotime($value);
+        }
+
+        if ($value !== null) {
+            $value = (int) $value;
+        }
+
+        return date($format, $value);
+    }
+
+    /**
+     * Given a string or DateTime object, will return the date modified
+     * by the given value. Returns the value as a unix timestamp
+     *
+     * Example:
+     *      my_date|date_modify(+1 day)
+     *
+     * @param int|string|null $value
+     *
+     * @return false|int
+     */
+    public static function date_modify($value, string $adjustment)
+    {
+        $value = static::date($value, 'Y-m-d H:i:s');
+
+        return strtotime($adjustment, strtotime($value));
+    }
+
+    /**
+     * Returns the given default value if $value is empty or undefined.
+     *
+     * @param bool|float|int|list<string>|object|resource|string|null $value
+     */
+    public static function default($value, string $default): string
+    {
+        return empty($value) ? $default : $value;
+    }
+
+    /**
+     * Escapes the given value with our `esc()` helper function.
+     *
+     * @param string                               $value
+     * @param 'attr'|'css'|'html'|'js'|'raw'|'url' $context
+     */
+    public static function esc($value, string $context = 'html'): string
+    {
+        return esc($value, $context);
+    }
+
+    /**
+     * Returns an excerpt of the given string.
+     */
+    public static function excerpt(string $value, string $phrase, int $radius = 100): string
+    {
+        helper('text');
+
+        return excerpt($value, $phrase, $radius);
+    }
+
+    /**
+     * Highlights a given phrase within the text using '<mark></mark>' tags.
+     */
+    public static function highlight(string $value, string $phrase): string
+    {
+        helper('text');
+
+        return highlight_phrase($value, $phrase);
+    }
+
+    /**
+     * Highlights code samples with HTML/CSS.
+     *
+     * @param string $value
+     */
+    public static function highlight_code($value): string
+    {
+        helper('text');
+
+        return highlight_code($value);
+    }
+
+    /**
+     * Limits the number of characters to $limit, and trails of with an ellipsis.
+     * Will break at word break so may be more or less than $limit.
+     *
+     * @param string $value
+     */
+    public static function limit_chars($value, int $limit = 500): string
+    {
+        helper('text');
+
+        return character_limiter($value, $limit);
+    }
+
+    /**
+     * Limits the number of words to $limit, and trails of with an ellipsis.
+     *
+     * @param string $value
+     */
+    public static function limit_words($value, int $limit = 100): string
+    {
+        helper('text');
+
+        return word_limiter($value, $limit);
+    }
+
+    /**
+     * Returns the $value displayed in a localized manner.
+     *
+     * @param float|int $value
+     */
+    public static function local_number($value, string $type = 'decimal', int $precision = 4, ?string $locale = null): string
+    {
+        helper('number');
+
+        $types = [
+            'decimal'    => NumberFormatter::DECIMAL,
+            'currency'   => NumberFormatter::CURRENCY,
+            'percent'    => NumberFormatter::PERCENT,
+            'scientific' => NumberFormatter::SCIENTIFIC,
+            'spellout'   => NumberFormatter::SPELLOUT,
+            'ordinal'    => NumberFormatter::ORDINAL,
+            'duration'   => NumberFormatter::DURATION,
+        ];
+
+        return format_number((float) $value, $precision, $locale, ['type' => $types[$type]]);
+    }
+
+    /**
+     * Returns the $value displayed as a currency string.
+     *
+     * @param float|int $value
+     * @param int       $fraction
+     */
+    public static function local_currency($value, string $currency, ?string $locale = null, $fraction = null): string
+    {
+        helper('number');
+
+        $fraction ??= 0;
+
+        $options = [
+            'type'     => NumberFormatter::CURRENCY,
+            'currency' => $currency,
+            'fraction' => $fraction,
+        ];
+
+        return format_number((float) $value, 2, $locale, $options);
+    }
+
+    /**
+     * Returns a string with all instances of newline character (\n)
+     * converted to an HTML <br> tag.
+     */
+    public static function nl2br(string $value): string
+    {
+        $typography = service('typography');
+
+        return $typography->nl2brExceptPre($value);
+    }
+
+    /**
+     * Takes a body of text and uses the auto_typography() method to
+     * turn it into prettier, easier-to-read, prose.
+     */
+    public static function prose(string $value): string
+    {
+        $typography = service('typography');
+
+        return $typography->autoTypography($value);
+    }
+
+    /**
+     * Rounds a given $value in one of 3 ways;
+     *
+     *  - common    Normal rounding
+     *  - ceil      always rounds up
+     *  - floor     always rounds down
+     *
+     * @param int|string $precision precision or type
+     *
+     * @return float|string
+     */
+    public static function round(string $value, $precision = 2, string $type = 'common')
+    {
+        // In case that $precision is a type like `{ value1|round(ceil) }`
+        if (! is_numeric($precision)) {
+            $type      = $precision;
+            $precision = 2;
+        } else {
+            $precision = (int) $precision;
+        }
+
+        return match ($type) {
+            'common' => round((float) $value, $precision),
+            'ceil'   => ceil((float) $value),
+            'floor'  => floor((float) $value),
+            // Still here, just return the value.
+            default => $value,
+        };
+    }
+
+    /**
+     * Returns a "title case" version of the string.
+     */
+    public static function title(string $value): string
+    {
+        return ucwords(strtolower($value));
+    }
+}
diff --git a/ci4app/system/View/Parser.php b/ci4app/system/View/Parser.php
new file mode 100644
index 0000000..85d0ff8
--- /dev/null
+++ b/ci4app/system/View/Parser.php
@@ -0,0 +1,771 @@
+<?php
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\View;
+
+use CodeIgniter\Autoloader\FileLocatorInterface;
+use CodeIgniter\View\Exceptions\ViewException;
+use Config\View as ViewConfig;
+use ParseError;
+use Psr\Log\LoggerInterface;
+
+/**
+ * Class for parsing pseudo-vars
+ *
+ * @phpstan-type parser_callable (callable(mixed): mixed)
+ * @phpstan-type parser_callable_string (callable(mixed): mixed)&string
+ *
+ * @see \CodeIgniter\View\ParserTest
+ */
+class Parser extends View
+{
+    use ViewDecoratorTrait;
+
+    /**
+     * Left delimiter character for pseudo vars
+     *
+     * @var string
+     */
+    public $leftDelimiter = '{';
+
+    /**
+     * Right delimiter character for pseudo vars
+     *
+     * @var string
+     */
+    public $rightDelimiter = '}';
+
+    /**
+     * Left delimiter characters for conditionals
+     */
+    protected string $leftConditionalDelimiter = '{';
+
+    /**
+     * Right delimiter characters for conditionals
+     */
+    protected string $rightConditionalDelimiter = '}';
+
+    /**
+     * Stores extracted noparse blocks.
+     *
+     * @var list<string>
+     */
+    protected $noparseBlocks = [];
+
+    /**
+     * Stores any plugins registered at run-time.
+     *
+     * @var         array<string, callable|list<string>|string>
+     * @phpstan-var array<string, array<parser_callable_string>|parser_callable_string|parser_callable>
+     */
+    protected $plugins = [];
+
+    /**
+     * Stores the context for each data element
+     * when set by `setData` so the context is respected.
+     *
+     * @var array<string, mixed>
+     */
+    protected $dataContexts = [];
+
+    /**
+     * Constructor
+     *
+     * @param FileLocatorInterface|null $loader
+     */
+    public function __construct(
+        ViewConfig $config,
+        ?string $viewPath = null,
+        $loader = null,
+        ?bool $debug = null,
+        ?LoggerInterface $logger = null,
+    ) {
+        // Ensure user plugins override core plugins.
+        $this->plugins = $config->plugins;
+
+        parent::__construct($config, $viewPath, $loader, $debug, $logger);
+    }
+
+    /**
+     * Parse a template
+     *
+     * Parses pseudo-variables contained in the specified template view,
+     * replacing them with any data that has already been set.
+     *
+     * @param array<string, mixed>|null $options Reserved for 3rd-party uses since
+     *                                           it might be needed to pass additional info
+     *                                           to other template engines.
+     */
+    public function render(string $view, ?array $options = null, ?bool $saveData = null): string
+    {
+        $start = microtime(true);
+        if ($saveData === null) {
+            $saveData = $this->config->saveData;
+        }
+
+        $fileExt = pathinfo($view, PATHINFO_EXTENSION);
+        $view    = ($fileExt === '') ? $view . '.php' : $view; // allow Views as .html, .tpl, etc (from CI3)
+
+        $cacheName = $options['cache_name'] ?? str_replace('.php', '', $view);
+
+        // Was it cached?
+        if (isset($options['cache'])) {
+            $output = cache($cacheName);
+
+            if (is_string($output) && $output !== '') {
+                $this->logPerformance($start, microtime(true), $view);
+
+                return $output;
+            }
+        }
+
+        $file = $this->viewPath . $view;
+
+        if (! is_file($file)) {
+            $fileOrig = $file;
+            $file     = $this->loader->locateFile($view, 'Views');
+
+            // locateFile() will return false if the file cannot be found.
+            if ($file === false) {
+                throw ViewException::forInvalidFile($fileOrig);
+            }
+        }
+
+        if ($this->tempData === null) {
+            $this->tempData = $this->data;
+        }
+
+        $template = file_get_contents($file);
+        $output   = $this->parse($template, $this->tempData, $options);
+        $this->logPerformance($start, microtime(true), $view);
+
+        if ($saveData) {
+            $this->data = $this->tempData;
+        }
+
+        $output = $this->decorateOutput($output);
+
+        // Should we cache?
+        if (isset($options['cache'])) {
+            cache()->save($cacheName, $output, (int) $options['cache']);
+        }
+        $this->tempData = null;
+
+        return $output;
+    }
+
+    /**
+     * Parse a String
+     *
+     * Parses pseudo-variables contained in the specified string,
+     * replacing them with any data that has already been set.
+     *
+     * @param array<string, mixed>|null $options Reserved for 3rd-party uses since
+     *                                           it might be needed to pass additional info
+     *                                           to other template engines.
+     */
+    public function renderString(string $template, ?array $options = null, ?bool $saveData = null): string
+    {
+        $start = microtime(true);
+        if ($saveData === null) {
+            $saveData = $this->config->saveData;
+        }
+
+        if ($this->tempData === null) {
+            $this->tempData = $this->data;
+        }
+
+        $output = $this->parse($template, $this->tempData, $options);
+
+        $this->logPerformance($start, microtime(true), $this->excerpt($template));
+
+        if ($saveData) {
+            $this->data = $this->tempData;
+        }
+
+        $this->tempData = null;
+
+        return $output;
+    }
+
+    /**
+     * Sets several pieces of view data at once.
+     * In the Parser, we need to store the context here
+     * so that the variable is correctly handled within the
+     * parsing itself, and contexts (including raw) are respected.
+     *
+     * @param array<string, mixed>                      $data
+     * @param 'attr'|'css'|'html'|'js'|'raw'|'url'|null $context The context to escape it for.
+     *                                                           If 'raw', no escaping will happen.
+     */
+    public function setData(array $data = [], ?string $context = null): RendererInterface
+    {
+        if ($context !== null && $context !== '') {
+            foreach ($data as $key => &$value) {
+                if (is_array($value)) {
+                    foreach ($value as &$obj) {
+                        $obj = $this->objectToArray($obj);
+                    }
+                } else {
+                    $value = $this->objectToArray($value);
+                }
+
+                $this->dataContexts[$key] = $context;
+            }
+        }
+
+        $this->tempData ??= $this->data;
+        $this->tempData = array_merge($this->tempData, $data);
+
+        return $this;
+    }
+
+    /**
+     * Parse a template
+     *
+     * Parses pseudo-variables contained in the specified template,
+     * replacing them with the data in the second param
+     *
+     * @param array<string, mixed> $data
+     * @param array<string, mixed> $options Future options
+     */
+    protected function parse(string $template, array $data = [], ?array $options = null): string
+    {
+        if ($template === '') {
+            return '';
+        }
+
+        // Remove any possible PHP tags since we don't support it
+        // and parseConditionals needs it clean anyway...
+        $template = str_replace(['<?', '?>'], ['&lt;?', '?&gt;'], $template);
+
+        $template = $this->parseComments($template);
+        $template = $this->extractNoparse($template);
+
+        // Replace any conditional code here so we don't have to parse as much
+        $template = $this->parseConditionals($template);
+
+        // Handle any plugins before normal data, so that
+        // it can potentially modify any template between its tags.
+        $template = $this->parsePlugins($template);
+
+        // Parse stack for each parse type (Single and Pairs)
+        $replaceSingleStack = [];
+        $replacePairsStack  = [];
+
+        // loop over the data variables, saving regex and data
+        // for later replacement.
+        foreach ($data as $key => $val) {
+            $escape = true;
+
+            if (is_array($val)) {
+                $escape              = false;
+                $replacePairsStack[] = [
+                    'replace' => $this->parsePair($key, $val, $template),
+                    'escape'  => $escape,
+                ];
+            } else {
+                $replaceSingleStack[] = [
+                    'replace' => $this->parseSingle($key, (string) $val),
+                    'escape'  => $escape,
+                ];
+            }
+        }
+
+        // Merge both stacks, pairs first + single stacks
+        // This allows for nested data with the same key to be replaced properly
+        $replace = array_merge($replacePairsStack, $replaceSingleStack);
+
+        // Loop over each replace array item which
+        // holds all the data to be replaced
+        foreach ($replace as $replaceItem) {
+            // Loop over the actual data to be replaced
+            foreach ($replaceItem['replace'] as $pattern => $content) {
+                $template = $this->replaceSingle($pattern, $content, $template, $replaceItem['escape']);
+            }
+        }
+
+        return $this->insertNoparse($template);
+    }
+
+    /**
+     * Parse a single key/value, extracting it
+     *
+     * @return array<string, string>
+     */
+    protected function parseSingle(string $key, string $val): array
+    {
+        $pattern = '#' . $this->leftDelimiter . '!?\s*' . preg_quote($key, '#')
+            . '(?(?=\s*\|\s*)(\s*\|*\s*([|\w<>=\(\),:.\-\s\+\\\\/]+)*\s*))(\s*)!?'
+            . $this->rightDelimiter . '#ums';
+
+        return [$pattern => $val];
+    }
+
+    /**
+     * Parse a tag pair
+     *
+     * Parses tag pairs: {some_tag} string... {/some_tag}
+     *
+     * @param array<string, mixed> $data
+     *
+     * @return array<string, string>
+     */
+    protected function parsePair(string $variable, array $data, string $template): array
+    {
+        // Holds the replacement patterns and contents
+        // that will be used within a preg_replace in parse()
+        $replace = [];
+
+        // Find all matches of space-flexible versions of {tag}{/tag} so we
+        // have something to loop over.
+        preg_match_all(
+            '#' . $this->leftDelimiter . '\s*' . preg_quote($variable, '#') . '\s*' . $this->rightDelimiter . '(.+?)' .
+            $this->leftDelimiter . '\s*/' . preg_quote($variable, '#') . '\s*' . $this->rightDelimiter . '#us',
+            $template,
+            $matches,
+            PREG_SET_ORDER,
+        );
+
+        /*
+         * Each match looks like:
+         *
+         * $match[0] {tag}...{/tag}
+         * $match[1] Contents inside the tag
+         */
+        foreach ($matches as $match) {
+            // Loop over each piece of $data, replacing
+            // its contents so that we know what to replace in parse()
+            $str = '';  // holds the new contents for this tag pair.
+
+            foreach ($data as $row) {
+                // Objects that have a `toArray()` method should be
+                // converted with that method (i.e. Entities)
+                if (is_object($row) && method_exists($row, 'toArray')) {
+                    $row = $row->toArray();
+                }
+                // Otherwise, cast as an array and it will grab public properties.
+                elseif (is_object($row)) {
+                    $row = (array) $row;
+                }
+
+                $temp  = [];
+                $pairs = [];
+                $out   = $match[1];
+
+                foreach ($row as $key => $val) {
+                    // For nested data, send us back through this method...
+                    if (is_array($val)) {
+                        $pair = $this->parsePair($key, $val, $match[1]);
+
+                        if ($pair !== []) {
+                            $pairs[array_keys($pair)[0]] = true;
+
+                            $temp = array_merge($temp, $pair);
+                        }
+
+                        continue;
+                    }
+
+                    if (is_object($val)) {
+                        $val = 'Class: ' . $val::class;
+                    } elseif (is_resource($val)) {
+                        $val = 'Resource';
+                    }
+
+                    $temp['#' . $this->leftDelimiter . '!?\s*' . preg_quote($key, '#') . '(?(?=\s*\|\s*)(\s*\|*\s*([|\w<>=\(\),:.\-\s\+\\\\/]+)*\s*))(\s*)!?' . $this->rightDelimiter . '#us'] = $val;
+                }
+
+                // Now replace our placeholders with the new content.
+                foreach ($temp as $pattern => $content) {
+                    $out = $this->replaceSingle($pattern, $content, $out, ! isset($pairs[$pattern]));
+                }
+
+                $str .= $out;
+            }
+
+            $escapedMatch = preg_quote($match[0], '#');
+
+            $replace['#' . $escapedMatch . '#us'] = $str;
+        }
+
+        return $replace;
+    }
+
+    /**
+     * Removes any comments from the file. Comments are wrapped in {# #} symbols:
+     *
+     *      {# This is a comment #}
+     */
+    protected function parseComments(string $template): string
+    {
+        return preg_replace('/\{#.*?#\}/us', '', $template);
+    }
+
+    /**
+     * Extracts noparse blocks, inserting a hash in its place so that
+     * those blocks of the page are not touched by parsing.
+     */
+    protected function extractNoparse(string $template): string
+    {
+        $pattern = '/\{\s*noparse\s*\}(.*?)\{\s*\/noparse\s*\}/ums';
+
+        /*
+         * $matches[][0] is the raw match
+         * $matches[][1] is the contents
+         */
+        if (preg_match_all($pattern, $template, $matches, PREG_SET_ORDER) >= 1) {
+            foreach ($matches as $match) {
+                // Create a hash of the contents to insert in its place.
+                $hash                       = md5($match[1]);
+                $this->noparseBlocks[$hash] = $match[1];
+                $template                   = str_replace($match[0], "noparse_{$hash}", $template);
+            }
+        }
+
+        return $template;
+    }
+
+    /**
+     * Re-inserts the noparsed contents back into the template.
+     */
+    public function insertNoparse(string $template): string
+    {
+        foreach ($this->noparseBlocks as $hash => $replace) {
+            $template = str_replace("noparse_{$hash}", $replace, $template);
+            unset($this->noparseBlocks[$hash]);
+        }
+
+        return $template;
+    }
+
+    /**
+     * Parses any conditionals in the code, removing blocks that don't
+     * pass so we don't try to parse it later.
+     *
+     * Valid conditionals:
+     *  - if
+     *  - elseif
+     *  - else
+     */
+    protected function parseConditionals(string $template): string
+    {
+        $leftDelimiter  = preg_quote($this->leftConditionalDelimiter, '/');
+        $rightDelimiter = preg_quote($this->rightConditionalDelimiter, '/');
+
+        $pattern = '/'
+            . $leftDelimiter
+            . '\s*(if|elseif)\s*((?:\()?(.*?)(?:\))?)\s*'
+            . $rightDelimiter
+            . '/ums';
+
+        /*
+         * For each match:
+         * [0] = raw match `{if var}`
+         * [1] = conditional `if`
+         * [2] = condition `do === true`
+         * [3] = same as [2]
+         */
+        preg_match_all($pattern, $template, $matches, PREG_SET_ORDER);
+
+        foreach ($matches as $match) {
+            // Build the string to replace the `if` statement with.
+            $condition = $match[2];
+
+            $statement = $match[1] === 'elseif' ? '<?php elseif (' . $condition . '): ?>' : '<?php if (' . $condition . '): ?>';
+            $template  = str_replace($match[0], $statement, $template);
+        }
+
+        $template = preg_replace(
+            '/' . $leftDelimiter . '\s*else\s*' . $rightDelimiter . '/ums',
+            '<?php else: ?>',
+            $template,
+        );
+        $template = preg_replace(
+            '/' . $leftDelimiter . '\s*endif\s*' . $rightDelimiter . '/ums',
+            '<?php endif; ?>',
+            $template,
+        );
+
+        // Parse the PHP itself, or insert an error so they can debug
+        ob_start();
+
+        if ($this->tempData === null) {
+            $this->tempData = $this->data;
+        }
+
+        extract($this->tempData);
+
+        try {
+            eval('?>' . $template . '<?php ');
+        } catch (ParseError) {
+            ob_end_clean();
+
+            throw ViewException::forTagSyntaxError(str_replace(['?>', '<?php '], '', $template));
+        }
+
+        return ob_get_clean();
+    }
+
+    /**
+     * Over-ride the substitution field delimiters.
+     *
+     * @param string $leftDelimiter
+     * @param string $rightDelimiter
+     */
+    public function setDelimiters($leftDelimiter = '{', $rightDelimiter = '}'): RendererInterface
+    {
+        $this->leftDelimiter  = $leftDelimiter;
+        $this->rightDelimiter = $rightDelimiter;
+
+        return $this;
+    }
+
+    /**
+     * Over-ride the substitution conditional delimiters.
+     *
+     * @param string $leftDelimiter
+     * @param string $rightDelimiter
+     */
+    public function setConditionalDelimiters($leftDelimiter = '{', $rightDelimiter = '}'): RendererInterface
+    {
+        $this->leftConditionalDelimiter  = $leftDelimiter;
+        $this->rightConditionalDelimiter = $rightDelimiter;
+
+        return $this;
+    }
+
+    /**
+     * Handles replacing a pseudo-variable with the actual content. Will double-check
+     * for escaping brackets.
+     *
+     * @param array|string $pattern
+     * @param string       $content
+     * @param string       $template
+     */
+    protected function replaceSingle($pattern, $content, $template, bool $escape = false): string
+    {
+        $content = (string) $content;
+
+        // Replace the content in the template
+        return preg_replace_callback($pattern, function ($matches) use ($content, $escape): string {
+            // Check for {! !} syntax to not escape this one.
+            if (
+                str_starts_with($matches[0], $this->leftDelimiter . '!')
+                && substr($matches[0], -1 - strlen($this->rightDelimiter)) === '!' . $this->rightDelimiter
+            ) {
+                $escape = false;
+            }
+
+            return $this->prepareReplacement($matches, $content, $escape);
+        }, (string) $template);
+    }
+
+    /**
+     * Callback used during parse() to apply any filters to the value.
+     *
+     * @param list<string> $matches
+     */
+    protected function prepareReplacement(array $matches, string $replace, bool $escape = true): string
+    {
+        $orig = array_shift($matches);
+
+        // Our regex earlier will leave all chained values on a single line
+        // so we need to break them apart so we can apply them all.
+        $filters = (isset($matches[1]) && $matches[1] !== '') ? explode('|', $matches[1]) : [];
+
+        if ($escape && $filters === [] && ($context = $this->shouldAddEscaping($orig))) {
+            $filters[] = "esc({$context})";
+        }
+
+        return $this->applyFilters($replace, $filters);
+    }
+
+    /**
+     * Checks the placeholder the view provided to see if we need to provide any autoescaping.
+     *
+     * @return false|string
+     */
+    public function shouldAddEscaping(string $key)
+    {
+        $escape = false;
+
+        $key = trim(str_replace(['{', '}'], '', $key));
+
+        // If the key has a context stored (from setData)
+        // we need to respect that.
+        if (array_key_exists($key, $this->dataContexts)) {
+            if ($this->dataContexts[$key] !== 'raw') {
+                return $this->dataContexts[$key];
+            }
+        }
+        // No pipes, then we know we need to escape
+        elseif (! str_contains($key, '|')) {
+            $escape = 'html';
+        }
+        // If there's a `noescape` then we're definitely false.
+        elseif (str_contains($key, 'noescape')) {
+            $escape = false;
+        }
+        // If no `esc` filter is found, then we'll need to add one.
+        elseif (preg_match('/\s+esc/u', $key) !== 1) {
+            $escape = 'html';
+        }
+
+        return $escape;
+    }
+
+    /**
+     * Given a set of filters, will apply each of the filters in turn
+     * to $replace, and return the modified string.
+     *
+     * @param list<string> $filters
+     */
+    protected function applyFilters(string $replace, array $filters): string
+    {
+        // Determine the requested filters
+        foreach ($filters as $filter) {
+            // Grab any parameter we might need to send
+            preg_match('/\([\w<>=\/\\\,:.\-\s\+]+\)/u', $filter, $param);
+
+            // Remove the () and spaces to we have just the parameter left
+            $param = ($param !== []) ? trim($param[0], '() ') : null;
+
+            // Params can be separated by commas to allow multiple parameters for the filter
+            if ($param !== null && $param !== '') {
+                $param = explode(',', $param);
+
+                // Clean it up
+                foreach ($param as &$p) {
+                    $p = trim($p, ' "');
+                }
+            } else {
+                $param = [];
+            }
+
+            // Get our filter name
+            $filter = $param !== [] ? trim(strtolower(substr($filter, 0, strpos($filter, '(')))) : trim($filter);
+
+            if (! array_key_exists($filter, $this->config->filters)) {
+                continue;
+            }
+
+            // Filter it....
+            // We can't know correct param types, so can't set `declare(strict_types=1)`.
+            $replace = $this->config->filters[$filter]($replace, ...$param);
+        }
+
+        return (string) $replace;
+    }
+
+    // Plugins
+
+    /**
+     * Scans the template for any parser plugins, and attempts to execute them.
+     * Plugins are delimited by {+ ... +}
+     *
+     * @return string
+     */
+    protected function parsePlugins(string $template)
+    {
+        foreach ($this->plugins as $plugin => $callable) {
+            // Paired tags are enclosed in an array in the config array.
+            $isPair   = is_array($callable);
+            $callable = $isPair ? array_shift($callable) : $callable;
+
+            // See https://regex101.com/r/BCBBKB/1
+            $pattern = $isPair
+                ? '#\{\+\s*' . $plugin . '([\w=\-_:\+\s\(\)/"@.]*)?\s*\+\}(.+?)\{\+\s*/' . $plugin . '\s*\+\}#uims'
+                : '#\{\+\s*' . $plugin . '([\w=\-_:\+\s\(\)/"@.]*)?\s*\+\}#uims';
+
+            /**
+             * Match tag pairs
+             *
+             * Each match is an array:
+             *   $matches[0] = entire matched string
+             *   $matches[1] = all parameters string in opening tag
+             *   $matches[2] = content between the tags to send to the plugin.
+             */
+            if (preg_match_all($pattern, $template, $matches, PREG_SET_ORDER) < 1) {
+                continue;
+            }
+
+            foreach ($matches as $match) {
+                $params = [];
+
+                preg_match_all('/([\w-]+=\"[^"]+\")|([\w-]+=[^\"\s=]+)|(\"[^"]+\")|(\S+)/u', trim($match[1]), $matchesParams);
+
+                foreach ($matchesParams[0] as $item) {
+                    $keyVal = explode('=', $item);
+
+                    if (count($keyVal) === 2) {
+                        $params[$keyVal[0]] = str_replace('"', '', $keyVal[1]);
+                    } else {
+                        $params[] = str_replace('"', '', $item);
+                    }
+                }
+
+                $template = $isPair
+                    ? str_replace($match[0], $callable($match[2], $params), $template)
+                    : str_replace($match[0], $callable($params), $template);
+            }
+        }
+
+        return $template;
+    }
+
+    /**
+     * Makes a new plugin available during the parsing of the template.
+     *
+     * @return $this
+     */
+    public function addPlugin(string $alias, callable $callback, bool $isPair = false)
+    {
+        $this->plugins[$alias] = $isPair ? [$callback] : $callback;
+
+        return $this;
+    }
+
+    /**
+     * Removes a plugin from the available plugins.
+     *
+     * @return $this
+     */
+    public function removePlugin(string $alias)
+    {
+        unset($this->plugins[$alias]);
+
+        return $this;
+    }
+
+    /**
+     * Converts an object to an array, respecting any
+     * toArray() methods on an object.
+     *
+     * @param array<string, mixed>|bool|float|int|object|string|null $value
+     *
+     * @return array<string, mixed>|bool|float|int|string|null
+     */
+    protected function objectToArray($value)
+    {
+        // Objects that have a `toArray()` method should be
+        // converted with that method (i.e. Entities)
+        if (is_object($value) && method_exists($value, 'toArray')) {
+            $value = $value->toArray();
+        }
+        // Otherwise, cast as an array and it will grab public properties.
+        elseif (is_object($value)) {
+            $value = (array) $value;
+        }
+
+        return $value;
+    }
+}
diff --git a/ci4app/system/View/Plugins.php b/ci4app/system/View/Plugins.php
new file mode 100644
index 0000000..7142e44
--- /dev/null
+++ b/ci4app/system/View/Plugins.php
@@ -0,0 +1,135 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\View;
+
+use CodeIgniter\HTTP\URI;
+
+/**
+ * View plugins
+ */
+class Plugins
+{
+    /**
+     * Wrap helper function to use as view plugin.
+     *
+     * @return string|URI
+     */
+    public static function currentURL()
+    {
+        return current_url();
+    }
+
+    /**
+     * Wrap helper function to use as view plugin.
+     *
+     * @return string|URI
+     */
+    public static function previousURL()
+    {
+        return previous_url();
+    }
+
+    /**
+     * Wrap helper function to use as view plugin.
+     *
+     * @param array{email?: string, title?: string, attributes?: array<string, string>|object|string} $params
+     */
+    public static function mailto(array $params = []): string
+    {
+        $email = $params['email'] ?? '';
+        $title = $params['title'] ?? '';
+        $attrs = $params['attributes'] ?? '';
+
+        return mailto($email, $title, $attrs);
+    }
+
+    /**
+     * Wrap helper function to use as view plugin.
+     *
+     * @param array{email?: string, title?: string, attributes?: array<string, string>|object|string} $params
+     */
+    public static function safeMailto(array $params = []): string
+    {
+        $email = $params['email'] ?? '';
+        $title = $params['title'] ?? '';
+        $attrs = $params['attributes'] ?? '';
+
+        return safe_mailto($email, $title, $attrs);
+    }
+
+    /**
+     * Wrap helper function to use as view plugin.
+     *
+     * @param array<int|string, string>|list<string> $params
+     */
+    public static function lang(array $params = []): string
+    {
+        $line = array_shift($params);
+
+        return lang($line, $params);
+    }
+
+    /**
+     * Wrap helper function to use as view plugin.
+     *
+     * @param array{field?: string} $params
+     */
+    public static function validationErrors(array $params = []): string
+    {
+        $validator = service('validation');
+        if ($params === []) {
+            return $validator->listErrors();
+        }
+
+        return $validator->showError($params['field']);
+    }
+
+    /**
+     * Wrap helper function to use as view plugin.
+     *
+     * @param list<string> $params
+     *
+     * @return false|string
+     */
+    public static function route(array $params = [])
+    {
+        return route_to(...$params);
+    }
+
+    /**
+     * Wrap helper function to use as view plugin.
+     *
+     * @param list<string> $params
+     */
+    public static function siteURL(array $params = []): string
+    {
+        return site_url(...$params);
+    }
+
+    /**
+     * Wrap csp_script_nonce() function to use as view plugin.
+     */
+    public static function cspScriptNonce(): string
+    {
+        return csp_script_nonce();
+    }
+
+    /**
+     * Wrap csp_style_nonce() function to use as view plugin.
+     */
+    public static function cspStyleNonce(): string
+    {
+        return csp_style_nonce();
+    }
+}
diff --git a/ci4app/system/View/RendererInterface.php b/ci4app/system/View/RendererInterface.php
new file mode 100644
index 0000000..d42dcee
--- /dev/null
+++ b/ci4app/system/View/RendererInterface.php
@@ -0,0 +1,74 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\View;
+
+/**
+ * Interface RendererInterface
+ *
+ * The interface used for displaying Views and/or theme files.
+ */
+interface RendererInterface
+{
+    /**
+     * Builds the output based upon a file name and any
+     * data that has already been set.
+     *
+     * @param array<string, mixed>|null $options  Reserved for 3rd-party uses since
+     *                                            it might be needed to pass additional info
+     *                                            to other template engines.
+     * @param bool                      $saveData Whether to save data for subsequent calls
+     */
+    public function render(string $view, ?array $options = null, bool $saveData = false): string;
+
+    /**
+     * Builds the output based upon a string and any
+     * data that has already been set.
+     *
+     * @param string                    $view     The view contents
+     * @param array<string, mixed>|null $options  Reserved for 3rd-party uses since
+     *                                            it might be needed to pass additional info
+     *                                            to other template engines.
+     * @param bool                      $saveData Whether to save data for subsequent calls
+     */
+    public function renderString(string $view, ?array $options = null, bool $saveData = false): string;
+
+    /**
+     * Sets several pieces of view data at once.
+     *
+     * @param array<string, mixed>                      $data
+     * @param 'attr'|'css'|'html'|'js'|'raw'|'url'|null $context The context to escape it for.
+     *                                                           If 'raw', no escaping will happen.
+     *
+     * @return RendererInterface
+     */
+    public function setData(array $data = [], ?string $context = null);
+
+    /**
+     * Sets a single piece of view data.
+     *
+     * @param mixed                                     $value
+     * @param 'attr'|'css'|'html'|'js'|'raw'|'url'|null $context The context to escape it for.
+     *                                                           If 'raw', no escaping will happen.
+     *
+     * @return RendererInterface
+     */
+    public function setVar(string $name, $value = null, ?string $context = null);
+
+    /**
+     * Removes all of the view data from the system.
+     *
+     * @return RendererInterface
+     */
+    public function resetData();
+}
diff --git a/ci4app/system/View/Table.php b/ci4app/system/View/Table.php
new file mode 100644
index 0000000..df4b870
--- /dev/null
+++ b/ci4app/system/View/Table.php
@@ -0,0 +1,546 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\View;
+
+use CodeIgniter\Database\BaseResult;
+
+/**
+ * HTML Table Generating Class
+ *
+ * Lets you create tables manually or from database result objects, or arrays.
+ *
+ * @see \CodeIgniter\View\TableTest
+ */
+class Table
+{
+    /**
+     * Data for table rows
+     *
+     * @var list<array<string, string>>|list<list<array<string, string>>>
+     */
+    public $rows = [];
+
+    /**
+     * Data for table heading
+     *
+     * @var array<int, mixed>
+     */
+    public $heading = [];
+
+    /**
+     * Data for table footing
+     *
+     * @var array<int, mixed>
+     */
+    public $footing = [];
+
+    /**
+     * Whether or not to automatically create the table header
+     *
+     * @var bool
+     */
+    public $autoHeading = true;
+
+    /**
+     * Table caption
+     *
+     * @var string|null
+     */
+    public $caption;
+
+    /**
+     * Table layout template
+     *
+     * @var array<string, string>
+     */
+    public $template;
+
+    /**
+     * Newline setting
+     *
+     * @var string
+     */
+    public $newline = "\n";
+
+    /**
+     * Contents of empty cells
+     *
+     * @var string
+     */
+    public $emptyCells = '';
+
+    /**
+     * Callback for custom table layout
+     *
+     * @var callable|null
+     */
+    public $function;
+
+    /**
+     * Order each inserted row by heading keys
+     */
+    private bool $syncRowsWithHeading = false;
+
+    /**
+     * Set the template from the table config file if it exists
+     *
+     * @param array<string, string> $config (default: array())
+     */
+    public function __construct($config = [])
+    {
+        // initialize config
+        foreach ($config as $key => $val) {
+            $this->template[$key] = $val;
+        }
+    }
+
+    /**
+     * Set the template
+     *
+     * @param array<string, string>|string $template
+     *
+     * @return bool
+     */
+    public function setTemplate($template)
+    {
+        if (! is_array($template)) {
+            return false;
+        }
+
+        $this->template = $template;
+
+        return true;
+    }
+
+    /**
+     * Set the table heading
+     *
+     * Can be passed as an array or discreet params
+     *
+     * @return Table
+     */
+    public function setHeading()
+    {
+        $this->heading = $this->_prepArgs(func_get_args());
+
+        return $this;
+    }
+
+    /**
+     * Set the table footing
+     *
+     * Can be passed as an array or discreet params
+     *
+     * @return Table
+     */
+    public function setFooting()
+    {
+        $this->footing = $this->_prepArgs(func_get_args());
+
+        return $this;
+    }
+
+    /**
+     * Set columns. Takes a one-dimensional array as input and creates
+     * a multi-dimensional array with a depth equal to the number of
+     * columns. This allows a single array with many elements to be
+     * displayed in a table that has a fixed column count.
+     *
+     * @param list<string> $array
+     * @param int          $columnLimit
+     *
+     * @return array<int, mixed>|false
+     */
+    public function makeColumns($array = [], $columnLimit = 0)
+    {
+        if (! is_array($array) || $array === [] || ! is_int($columnLimit)) {
+            return false;
+        }
+
+        // Turn off the auto-heading feature since it's doubtful we
+        // will want headings from a one-dimensional array
+        $this->autoHeading         = false;
+        $this->syncRowsWithHeading = false;
+
+        if ($columnLimit === 0) {
+            return $array;
+        }
+
+        $new = [];
+
+        do {
+            $temp = array_splice($array, 0, $columnLimit);
+
+            if (count($temp) < $columnLimit) {
+                for ($i = count($temp); $i < $columnLimit; $i++) {
+                    $temp[] = '&nbsp;';
+                }
+            }
+
+            $new[] = $temp;
+        } while ($array !== []);
+
+        return $new;
+    }
+
+    /**
+     * Set "empty" cells
+     *
+     * @param string $value
+     *
+     * @return Table
+     */
+    public function setEmpty($value)
+    {
+        $this->emptyCells = $value;
+
+        return $this;
+    }
+
+    /**
+     * Add a table row
+     *
+     * Can be passed as an array or discreet params
+     *
+     * @return Table
+     */
+    public function addRow()
+    {
+        $tmpRow = $this->_prepArgs(func_get_args());
+
+        if ($this->syncRowsWithHeading && $this->heading !== []) {
+            // each key has an index
+            $keyIndex = array_flip(array_keys($this->heading));
+
+            // figure out which keys need to be added
+            $missingKeys = array_diff_key($keyIndex, $tmpRow);
+
+            // Remove all keys which don't exist in $keyIndex
+            $tmpRow = array_filter($tmpRow, static fn ($k): bool => array_key_exists($k, $keyIndex), ARRAY_FILTER_USE_KEY);
+
+            // add missing keys to row, but use $this->emptyCells
+            $tmpRow = array_merge($tmpRow, array_map(fn ($v): array => ['data' => $this->emptyCells], $missingKeys));
+
+            // order keys by $keyIndex values
+            uksort($tmpRow, static fn ($k1, $k2): int => $keyIndex[$k1] <=> $keyIndex[$k2]);
+        }
+        $this->rows[] = $tmpRow;
+
+        return $this;
+    }
+
+    /**
+     * Set to true if each row column should be synced by keys defined in heading.
+     *
+     * If a row has a key which does not exist in heading, it will be filtered out
+     * If a row does not have a key which exists in heading, the field will stay empty
+     *
+     * @return $this
+     */
+    public function setSyncRowsWithHeading(bool $orderByKey)
+    {
+        $this->syncRowsWithHeading = $orderByKey;
+
+        return $this;
+    }
+
+    /**
+     * Prep Args
+     *
+     * Ensures a standard associative array format for all cell data
+     *
+     * @param array<int, mixed> $args
+     *
+     * @return array<string, array<string, mixed>>|list<array<string, mixed>>
+     */
+    protected function _prepArgs(array $args)
+    {
+        // If there is no $args[0], skip this and treat as an associative array
+        // This can happen if there is only a single key, for example this is passed to table->generate
+        // array(array('foo'=>'bar'))
+        if (isset($args[0]) && count($args) === 1 && is_array($args[0])) {
+            $args = $args[0];
+        }
+
+        foreach ($args as $key => $val) {
+            if (! is_array($val)) {
+                $args[$key] = ['data' => $val];
+            }
+        }
+
+        return $args;
+    }
+
+    /**
+     * Add a table caption
+     *
+     * @param string $caption
+     *
+     * @return Table
+     */
+    public function setCaption($caption)
+    {
+        $this->caption = $caption;
+
+        return $this;
+    }
+
+    /**
+     * Generate the table
+     *
+     * @param array<int, mixed>|BaseResult|null $tableData
+     *
+     * @return string
+     */
+    public function generate($tableData = null)
+    {
+        // The table data can optionally be passed to this function
+        // either as a database result object or an array
+        if ($tableData !== null && $tableData !== []) {
+            if ($tableData instanceof BaseResult) {
+                $this->_setFromDBResult($tableData);
+            } elseif (is_array($tableData)) {
+                $this->_setFromArray($tableData);
+            }
+        }
+
+        // Is there anything to display? No? Smite them!
+        if ($this->heading === [] && $this->rows === []) {
+            return 'Undefined table data';
+        }
+
+        // Compile and validate the template date
+        $this->_compileTemplate();
+
+        // Validate a possibly existing custom cell manipulation function
+        if (isset($this->function) && ! is_callable($this->function)) {
+            $this->function = null;
+        }
+
+        // Build the table!
+        $out = $this->template['table_open'] . $this->newline;
+
+        // Add any caption here
+        if (isset($this->caption) && $this->caption !== '') {
+            $out .= '<caption>' . $this->caption . '</caption>' . $this->newline;
+        }
+
+        // Is there a table heading to display?
+        if ($this->heading !== []) {
+            $headerTag = null;
+
+            if (preg_match('/(<)(td|th)(?=\h|>)/i', $this->template['heading_cell_start'], $matches) === 1) {
+                $headerTag = $matches[0];
+            }
+
+            $out .= $this->template['thead_open'] . $this->newline . $this->template['heading_row_start'] . $this->newline;
+
+            foreach ($this->heading as $heading) {
+                $temp = $this->template['heading_cell_start'];
+
+                foreach ($heading as $key => $val) {
+                    if ($key !== 'data' && $headerTag !== null) {
+                        $temp = str_replace($headerTag, $headerTag . ' ' . $key . '="' . $val . '"', $temp);
+                    }
+                }
+
+                $out .= $temp . ($heading['data'] ?? '') . $this->template['heading_cell_end'];
+            }
+
+            $out .= $this->template['heading_row_end'] . $this->newline . $this->template['thead_close'] . $this->newline;
+        }
+
+        // Build the table rows
+        if ($this->rows !== []) {
+            $out .= $this->template['tbody_open'] . $this->newline;
+
+            $i = 1;
+
+            foreach ($this->rows as $row) {
+                // We use modulus to alternate the row colors
+                $name = fmod($i++, 2) !== 0.0 ? '' : 'alt_';
+
+                $out .= $this->template['row_' . $name . 'start'] . $this->newline;
+
+                foreach ($row as $cell) {
+                    $temp = $this->template['cell_' . $name . 'start'];
+
+                    foreach ($cell as $key => $val) {
+                        if ($key !== 'data') {
+                            $temp = str_replace('<td', '<td ' . $key . '="' . $val . '"', $temp);
+                        }
+                    }
+
+                    $cell = $cell['data'] ?? '';
+                    $out .= $temp;
+
+                    if ($cell === '') {
+                        $out .= $this->emptyCells;
+                    } elseif (isset($this->function)) {
+                        $out .= ($this->function)($cell);
+                    } else {
+                        $out .= $cell;
+                    }
+
+                    $out .= $this->template['cell_' . $name . 'end'];
+                }
+
+                $out .= $this->template['row_' . $name . 'end'] . $this->newline;
+            }
+
+            $out .= $this->template['tbody_close'] . $this->newline;
+        }
+
+        // Any table footing to display?
+        if ($this->footing !== []) {
+            $footerTag = null;
+
+            if (preg_match('/(<)(td|th)(?=\h|>)/i', $this->template['footing_cell_start'], $matches)) {
+                $footerTag = $matches[0];
+            }
+
+            $out .= $this->template['tfoot_open'] . $this->newline . $this->template['footing_row_start'] . $this->newline;
+
+            foreach ($this->footing as $footing) {
+                $temp = $this->template['footing_cell_start'];
+
+                foreach ($footing as $key => $val) {
+                    if ($key !== 'data' && $footerTag !== null) {
+                        $temp = str_replace($footerTag, $footerTag . ' ' . $key . '="' . $val . '"', $temp);
+                    }
+                }
+
+                $out .= $temp . ($footing['data'] ?? '') . $this->template['footing_cell_end'];
+            }
+
+            $out .= $this->template['footing_row_end'] . $this->newline . $this->template['tfoot_close'] . $this->newline;
+        }
+
+        // And finally, close off the table
+        $out .= $this->template['table_close'];
+
+        // Clear table class properties before generating the table
+        $this->clear();
+
+        return $out;
+    }
+
+    /**
+     * Clears the table arrays.  Useful if multiple tables are being generated
+     *
+     * @return Table
+     */
+    public function clear()
+    {
+        $this->rows        = [];
+        $this->heading     = [];
+        $this->footing     = [];
+        $this->autoHeading = true;
+        $this->caption     = null;
+
+        return $this;
+    }
+
+    /**
+     * Set table data from a database result object
+     *
+     * @param BaseResult $object Database result object
+     *
+     * @return void
+     */
+    protected function _setFromDBResult($object)
+    {
+        // First generate the headings from the table column names
+        if ($this->autoHeading && $this->heading === []) {
+            $this->heading = $this->_prepArgs($object->getFieldNames());
+        }
+
+        foreach ($object->getResultArray() as $row) {
+            $this->rows[] = $this->_prepArgs($row);
+        }
+    }
+
+    /**
+     * Set table data from an array
+     *
+     * @param array<int, mixed> $data
+     *
+     * @return void
+     */
+    protected function _setFromArray($data)
+    {
+        if ($this->autoHeading && $this->heading === []) {
+            $this->heading = $this->_prepArgs(array_shift($data));
+        }
+
+        foreach ($data as &$row) {
+            $this->addRow($row);
+        }
+    }
+
+    /**
+     * Compile Template
+     *
+     * @return void
+     */
+    protected function _compileTemplate()
+    {
+        if ($this->template === null) {
+            $this->template = $this->_defaultTemplate();
+
+            return;
+        }
+
+        foreach ($this->_defaultTemplate() as $field => $template) {
+            if (! isset($this->template[$field])) {
+                $this->template[$field] = $template;
+            }
+        }
+    }
+
+    /**
+     * Default Template
+     *
+     * @return array<string, string>
+     */
+    protected function _defaultTemplate()
+    {
+        return [
+            'table_open'         => '<table border="0" cellpadding="4" cellspacing="0">',
+            'thead_open'         => '<thead>',
+            'thead_close'        => '</thead>',
+            'heading_row_start'  => '<tr>',
+            'heading_row_end'    => '</tr>',
+            'heading_cell_start' => '<th>',
+            'heading_cell_end'   => '</th>',
+            'tfoot_open'         => '<tfoot>',
+            'tfoot_close'        => '</tfoot>',
+            'footing_row_start'  => '<tr>',
+            'footing_row_end'    => '</tr>',
+            'footing_cell_start' => '<td>',
+            'footing_cell_end'   => '</td>',
+            'tbody_open'         => '<tbody>',
+            'tbody_close'        => '</tbody>',
+            'row_start'          => '<tr>',
+            'row_end'            => '</tr>',
+            'cell_start'         => '<td>',
+            'cell_end'           => '</td>',
+            'row_alt_start'      => '<tr>',
+            'row_alt_end'        => '</tr>',
+            'cell_alt_start'     => '<td>',
+            'cell_alt_end'       => '</td>',
+            'table_close'        => '</table>',
+        ];
+    }
+}
diff --git a/ci4app/system/View/View.php b/ci4app/system/View/View.php
new file mode 100644
index 0000000..184f252
--- /dev/null
+++ b/ci4app/system/View/View.php
@@ -0,0 +1,513 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\View;
+
+use CodeIgniter\Autoloader\FileLocatorInterface;
+use CodeIgniter\Debug\Toolbar\Collectors\Views;
+use CodeIgniter\Exceptions\RuntimeException;
+use CodeIgniter\Filters\DebugToolbar;
+use CodeIgniter\View\Exceptions\ViewException;
+use Config\Toolbar;
+use Config\View as ViewConfig;
+use Psr\Log\LoggerInterface;
+
+/**
+ * Class View
+ *
+ * @see \CodeIgniter\View\ViewTest
+ */
+class View implements RendererInterface
+{
+    use ViewDecoratorTrait;
+
+    /**
+     * Saved Data.
+     *
+     * @var array<string, mixed>
+     */
+    protected $data = [];
+
+    /**
+     * Data for the variables that are available in the Views.
+     *
+     * @var array<string, mixed>|null
+     */
+    protected $tempData;
+
+    /**
+     * The base directory to look in for our Views.
+     *
+     * @var string
+     */
+    protected $viewPath;
+
+    /**
+     * Data for rendering including Caching and Debug Toolbar data.
+     *
+     * @var array<string, mixed>
+     */
+    protected $renderVars = [];
+
+    /**
+     * Instance of FileLocator for when
+     * we need to attempt to find a view
+     * that's not in standard place.
+     *
+     * @var FileLocatorInterface
+     */
+    protected $loader;
+
+    /**
+     * Logger instance.
+     *
+     * @var LoggerInterface
+     */
+    protected $logger;
+
+    /**
+     * Should we store performance info?
+     *
+     * @var bool
+     */
+    protected $debug = false;
+
+    /**
+     * Cache stats about our performance here,
+     * when CI_DEBUG = true
+     *
+     * @var list<array{start: float, end: float, view: string}>
+     */
+    protected $performanceData = [];
+
+    /**
+     * @var ViewConfig
+     */
+    protected $config;
+
+    /**
+     * Whether data should be saved between renders.
+     *
+     * @var bool
+     */
+    protected $saveData;
+
+    /**
+     * Number of loaded views
+     *
+     * @var int
+     */
+    protected $viewsCount = 0;
+
+    /**
+     * The name of the layout being used, if any.
+     * Set by the `extend` method used within views.
+     *
+     * @var string|null
+     */
+    protected $layout;
+
+    /**
+     * Holds the sections and their data.
+     *
+     * @var array<string, list<string>>
+     */
+    protected $sections = [];
+
+    /**
+     * The name of the current section being rendered,
+     * if any.
+     *
+     * @var list<string>
+     */
+    protected $sectionStack = [];
+
+    public function __construct(
+        ViewConfig $config,
+        ?string $viewPath = null,
+        ?FileLocatorInterface $loader = null,
+        ?bool $debug = null,
+        ?LoggerInterface $logger = null,
+    ) {
+        $this->config   = $config;
+        $this->viewPath = rtrim($viewPath, '\\/ ') . DIRECTORY_SEPARATOR;
+        $this->loader   = $loader ?? service('locator');
+        $this->logger   = $logger ?? service('logger');
+        $this->debug    = $debug ?? CI_DEBUG;
+        $this->saveData = (bool) $config->saveData;
+    }
+
+    /**
+     * Builds the output based upon a file name and any
+     * data that has already been set.
+     *
+     * Valid $options:
+     *  - cache      Number of seconds to cache for
+     *  - cache_name Name to use for cache
+     *
+     * @param string                    $view     File name of the view source
+     * @param array<string, mixed>|null $options  Reserved for 3rd-party uses since
+     *                                            it might be needed to pass additional info
+     *                                            to other template engines.
+     * @param bool|null                 $saveData If true, saves data for subsequent calls,
+     *                                            if false, cleans the data after displaying,
+     *                                            if null, uses the config setting.
+     */
+    public function render(string $view, ?array $options = null, ?bool $saveData = null): string
+    {
+        $this->renderVars['start'] = microtime(true);
+
+        // Store the results here so even if
+        // multiple views are called in a view, it won't
+        // clean it unless we mean it to.
+        $saveData ??= $this->saveData;
+
+        $fileExt = pathinfo($view, PATHINFO_EXTENSION);
+        // allow Views as .html, .tpl, etc (from CI3)
+        $this->renderVars['view'] = ($fileExt === '') ? $view . '.php' : $view;
+
+        $this->renderVars['options'] = $options ?? [];
+
+        // Was it cached?
+        if (isset($this->renderVars['options']['cache'])) {
+            $cacheName = $this->renderVars['options']['cache_name']
+                ?? str_replace('.php', '', $this->renderVars['view']);
+            $cacheName = str_replace(['\\', '/'], '', $cacheName);
+
+            $this->renderVars['cacheName'] = $cacheName;
+
+            $output = cache($this->renderVars['cacheName']);
+
+            if (is_string($output) && $output !== '') {
+                $this->logPerformance(
+                    $this->renderVars['start'],
+                    microtime(true),
+                    $this->renderVars['view'],
+                );
+
+                return $output;
+            }
+        }
+
+        $this->renderVars['file'] = $this->viewPath . $this->renderVars['view'];
+
+        if (! is_file($this->renderVars['file'])) {
+            $this->renderVars['file'] = $this->loader->locateFile(
+                $this->renderVars['view'],
+                'Views',
+                ($fileExt === '') ? 'php' : $fileExt,
+            );
+        }
+
+        // locateFile() will return false if the file cannot be found.
+        if ($this->renderVars['file'] === false) {
+            throw ViewException::forInvalidFile($this->renderVars['view']);
+        }
+
+        // Make our view data available to the view.
+        $this->prepareTemplateData($saveData);
+
+        // Save current vars
+        $renderVars = $this->renderVars;
+
+        $output = (function (): string {
+            extract($this->tempData);
+            ob_start();
+            include $this->renderVars['file'];
+
+            return ob_get_clean() ?: '';
+        })();
+
+        // Get back current vars
+        $this->renderVars = $renderVars;
+
+        // When using layouts, the data has already been stored
+        // in $this->sections, and no other valid output
+        // is allowed in $output so we'll overwrite it.
+        if ($this->layout !== null && $this->sectionStack === []) {
+            $layoutView   = $this->layout;
+            $this->layout = null;
+            // Save current vars
+            $renderVars = $this->renderVars;
+            $output     = $this->render($layoutView, $options, $saveData);
+            // Get back current vars
+            $this->renderVars = $renderVars;
+        }
+
+        $output = $this->decorateOutput($output);
+
+        $this->logPerformance(
+            $this->renderVars['start'],
+            microtime(true),
+            $this->renderVars['view'],
+        );
+
+        // Check if DebugToolbar is enabled.
+        $filters              = service('filters');
+        $requiredAfterFilters = $filters->getRequiredFilters('after')[0];
+        if (in_array('toolbar', $requiredAfterFilters, true)) {
+            $debugBarEnabled = true;
+        } else {
+            $afterFilters    = $filters->getFiltersClass()['after'];
+            $debugBarEnabled = in_array(DebugToolbar::class, $afterFilters, true);
+        }
+
+        if (
+            $this->debug && $debugBarEnabled
+            && (! isset($options['debug']) || $options['debug'] === true)
+        ) {
+            $toolbarCollectors = config(Toolbar::class)->collectors;
+
+            if (in_array(Views::class, $toolbarCollectors, true)) {
+                // Clean up our path names to make them a little cleaner
+                $this->renderVars['file'] = clean_path($this->renderVars['file']);
+                $this->renderVars['file'] = ++$this->viewsCount . ' ' . $this->renderVars['file'];
+
+                $output = '<!-- DEBUG-VIEW START ' . $this->renderVars['file'] . ' -->' . PHP_EOL
+                    . $output . PHP_EOL
+                    . '<!-- DEBUG-VIEW ENDED ' . $this->renderVars['file'] . ' -->' . PHP_EOL;
+            }
+        }
+
+        // Should we cache?
+        if (isset($this->renderVars['options']['cache'])) {
+            cache()->save(
+                $this->renderVars['cacheName'],
+                $output,
+                (int) $this->renderVars['options']['cache'],
+            );
+        }
+
+        $this->tempData = null;
+
+        return $output;
+    }
+
+    /**
+     * Builds the output based upon a string and any
+     * data that has already been set.
+     * Cache does not apply, because there is no "key".
+     *
+     * @param string                    $view     The view contents
+     * @param array<string, mixed>|null $options  Reserved for 3rd-party uses since
+     *                                            it might be needed to pass additional info
+     *                                            to other template engines.
+     * @param bool|null                 $saveData If true, saves data for subsequent calls,
+     *                                            if false, cleans the data after displaying,
+     *                                            if null, uses the config setting.
+     */
+    public function renderString(string $view, ?array $options = null, ?bool $saveData = null): string
+    {
+        $start = microtime(true);
+        $saveData ??= $this->saveData;
+        $this->prepareTemplateData($saveData);
+
+        $output = (function (string $view): string {
+            extract($this->tempData);
+            ob_start();
+            eval('?>' . $view);
+
+            return ob_get_clean() ?: '';
+        })($view);
+
+        $this->logPerformance($start, microtime(true), $this->excerpt($view));
+        $this->tempData = null;
+
+        return $output;
+    }
+
+    /**
+     * Extract first bit of a long string and add ellipsis
+     */
+    public function excerpt(string $string, int $length = 20): string
+    {
+        return (mb_strlen($string) > $length) ? mb_substr($string, 0, $length - 3) . '...' : $string;
+    }
+
+    /**
+     * Sets several pieces of view data at once.
+     *
+     * @param 'attr'|'css'|'html'|'js'|'raw'|'url'|null $context The context to escape it for.
+     *                                                           If 'raw', no escaping will happen.
+     */
+    public function setData(array $data = [], ?string $context = null): RendererInterface
+    {
+        if ($context !== null) {
+            $data = \esc($data, $context);
+        }
+
+        $this->tempData ??= $this->data;
+        $this->tempData = array_merge($this->tempData, $data);
+
+        return $this;
+    }
+
+    /**
+     * Sets a single piece of view data.
+     *
+     * @param mixed                                     $value
+     * @param 'attr'|'css'|'html'|'js'|'raw'|'url'|null $context The context to escape it for.
+     *                                                           If 'raw', no escaping will happen.
+     */
+    public function setVar(string $name, $value = null, ?string $context = null): RendererInterface
+    {
+        if ($context !== null) {
+            $value = esc($value, $context);
+        }
+
+        $this->tempData ??= $this->data;
+        $this->tempData[$name] = $value;
+
+        return $this;
+    }
+
+    /**
+     * Removes all of the view data from the system.
+     */
+    public function resetData(): RendererInterface
+    {
+        $this->data = [];
+
+        return $this;
+    }
+
+    /**
+     * Returns the current data that will be displayed in the view.
+     *
+     * @return array<string, mixed>
+     */
+    public function getData(): array
+    {
+        return $this->tempData ?? $this->data;
+    }
+
+    /**
+     * Specifies that the current view should extend an existing layout.
+     *
+     * @return void
+     */
+    public function extend(string $layout)
+    {
+        $this->layout = $layout;
+    }
+
+    /**
+     * Starts holds content for a section within the layout.
+     *
+     * @param string $name Section name
+     *
+     * @return void
+     */
+    public function section(string $name)
+    {
+        $this->sectionStack[] = $name;
+
+        ob_start();
+    }
+
+    /**
+     * Captures the last section
+     *
+     * @return void
+     *
+     * @throws RuntimeException
+     */
+    public function endSection()
+    {
+        $contents = ob_get_clean();
+
+        if ($this->sectionStack === []) {
+            throw new RuntimeException('View themes, no current section.');
+        }
+
+        $section = array_pop($this->sectionStack);
+
+        // Ensure an array exists so we can store multiple entries for this.
+        if (! array_key_exists($section, $this->sections)) {
+            $this->sections[$section] = [];
+        }
+
+        $this->sections[$section][] = $contents;
+    }
+
+    /**
+     * Renders a section's contents.
+     *
+     * @param bool $saveData If true, saves data for subsequent calls,
+     *                       if false, cleans the data after displaying.
+     */
+    public function renderSection(string $sectionName, bool $saveData = false): string
+    {
+        if (! isset($this->sections[$sectionName])) {
+            return '';
+        }
+
+        $output = '';
+
+        foreach ($this->sections[$sectionName] as $key => $contents) {
+            $output .= $contents;
+            if ($saveData === false) {
+                unset($this->sections[$sectionName][$key]);
+            }
+        }
+
+        return $output;
+    }
+
+    /**
+     * Used within layout views to include additional views.
+     *
+     * @param array<string, mixed>|null $options
+     * @param bool                      $saveData
+     */
+    public function include(string $view, ?array $options = null, $saveData = true): string
+    {
+        return $this->render($view, $options, $saveData);
+    }
+
+    /**
+     * Returns the performance data that might have been collected
+     * during the execution. Used primarily in the Debug Toolbar.
+     *
+     * @return list<array{start: float, end: float, view: string}>
+     */
+    public function getPerformanceData(): array
+    {
+        return $this->performanceData;
+    }
+
+    /**
+     * Logs performance data for rendering a view.
+     *
+     * @return void
+     */
+    protected function logPerformance(float $start, float $end, string $view)
+    {
+        if ($this->debug) {
+            $this->performanceData[] = [
+                'start' => $start,
+                'end'   => $end,
+                'view'  => $view,
+            ];
+        }
+    }
+
+    protected function prepareTemplateData(bool $saveData): void
+    {
+        $this->tempData ??= $this->data;
+
+        if ($saveData) {
+            $this->data = $this->tempData;
+        }
+    }
+}
diff --git a/ci4app/system/View/ViewDecoratorInterface.php b/ci4app/system/View/ViewDecoratorInterface.php
new file mode 100644
index 0000000..71fb882
--- /dev/null
+++ b/ci4app/system/View/ViewDecoratorInterface.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\View;
+
+/**
+ * View Decorators are simple classes that are given the
+ * chance to modify the output from the view() calls
+ * prior to it being cached.
+ */
+interface ViewDecoratorInterface
+{
+    /**
+     * Takes $html and has a chance to alter it.
+     * MUST return the modified HTML.
+     */
+    public static function decorate(string $html): string;
+}
diff --git a/ci4app/system/View/ViewDecoratorTrait.php b/ci4app/system/View/ViewDecoratorTrait.php
new file mode 100644
index 0000000..575c4f5
--- /dev/null
+++ b/ci4app/system/View/ViewDecoratorTrait.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace CodeIgniter\View;
+
+use CodeIgniter\View\Exceptions\ViewException;
+use Config\View as ViewConfig;
+
+trait ViewDecoratorTrait
+{
+    /**
+     * Runs the generated output through any declared
+     * view decorators.
+     */
+    protected function decorateOutput(string $html): string
+    {
+        $decorators = $this->config->decorators ?? config(ViewConfig::class)->decorators;
+
+        foreach ($decorators as $decorator) {
+            if (! is_subclass_of($decorator, ViewDecoratorInterface::class)) {
+                throw ViewException::forInvalidDecorator($decorator);
+            }
+
+            $html = $decorator::decorate($html);
+        }
+
+        return $html;
+    }
+}
diff --git a/ci4app/system/bootstrap.php b/ci4app/system/bootstrap.php
new file mode 100644
index 0000000..c0b0214
--- /dev/null
+++ b/ci4app/system/bootstrap.php
@@ -0,0 +1,163 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+/**
+ * ---------------------------------------------------------------
+ * This file cannot be used. The code has moved to Boot.php.
+ * ---------------------------------------------------------------
+ */
+
+use CodeIgniter\Exceptions\FrameworkException;
+use Config\Autoload;
+use Config\Modules;
+use Config\Paths;
+use Config\Services;
+
+header('HTTP/1.1 503 Service Unavailable.', true, 503);
+
+$message = 'This "system/bootstrap.php" is no longer used. If you are seeing this error message,
+the upgrade is not complete. Please refer to the upgrade guide and complete the upgrade.
+See https://codeigniter4.github.io/userguide/installation/upgrade_450.html' . PHP_EOL;
+echo $message;
+
+/*
+ * ---------------------------------------------------------------
+ * SETUP OUR PATH CONSTANTS
+ * ---------------------------------------------------------------
+ *
+ * The path constants provide convenient access to the folders
+ * throughout the application. We have to setup them up here
+ * so they are available in the config files that are loaded.
+ */
+
+/** @var Paths $paths */
+
+// The path to the application directory.
+if (! defined('APPPATH')) {
+    define('APPPATH', realpath(rtrim($paths->appDirectory, '\\/ ')) . DIRECTORY_SEPARATOR);
+}
+
+// The path to the project root directory. Just above APPPATH.
+if (! defined('ROOTPATH')) {
+    define('ROOTPATH', realpath(APPPATH . '../') . DIRECTORY_SEPARATOR);
+}
+
+// The path to the system directory.
+if (! defined('SYSTEMPATH')) {
+    define('SYSTEMPATH', realpath(rtrim($paths->systemDirectory, '\\/ ')) . DIRECTORY_SEPARATOR);
+}
+
+// The path to the writable directory.
+if (! defined('WRITEPATH')) {
+    define('WRITEPATH', realpath(rtrim($paths->writableDirectory, '\\/ ')) . DIRECTORY_SEPARATOR);
+}
+
+// The path to the tests directory
+if (! defined('TESTPATH')) {
+    define('TESTPATH', realpath(rtrim($paths->testsDirectory, '\\/ ')) . DIRECTORY_SEPARATOR);
+}
+
+/*
+ * ---------------------------------------------------------------
+ * GRAB OUR CONSTANTS
+ * ---------------------------------------------------------------
+ */
+
+if (! defined('APP_NAMESPACE')) {
+    require_once APPPATH . 'Config/Constants.php';
+}
+
+/*
+ * ---------------------------------------------------------------
+ * LOAD COMMON FUNCTIONS
+ * ---------------------------------------------------------------
+ */
+
+// Require app/Common.php file if exists.
+if (is_file(APPPATH . 'Common.php')) {
+    require_once APPPATH . 'Common.php';
+}
+
+// Require system/Common.php
+require_once SYSTEMPATH . 'Common.php';
+
+/*
+ * ---------------------------------------------------------------
+ * LOAD OUR AUTOLOADER
+ * ---------------------------------------------------------------
+ *
+ * The autoloader allows all of the pieces to work together in the
+ * framework. We have to load it here, though, so that the config
+ * files can use the path constants.
+ */
+
+if (! class_exists(Autoload::class, false)) {
+    require_once SYSTEMPATH . 'Config/AutoloadConfig.php';
+    require_once APPPATH . 'Config/Autoload.php';
+    require_once SYSTEMPATH . 'Modules/Modules.php';
+    require_once APPPATH . 'Config/Modules.php';
+}
+
+require_once SYSTEMPATH . 'Autoloader/Autoloader.php';
+require_once SYSTEMPATH . 'Config/BaseService.php';
+require_once SYSTEMPATH . 'Config/Services.php';
+require_once APPPATH . 'Config/Services.php';
+
+// Initialize and register the loader with the SPL autoloader stack.
+Services::autoloader()->initialize(new Autoload(), new Modules())->register();
+Services::autoloader()->loadHelpers();
+
+/*
+ * ---------------------------------------------------------------
+ * SET EXCEPTION AND ERROR HANDLERS
+ * ---------------------------------------------------------------
+ */
+
+Services::exceptions()->initialize();
+
+/*
+ * ---------------------------------------------------------------
+ * CHECK SYSTEM FOR MISSING REQUIRED PHP EXTENSIONS
+ * ---------------------------------------------------------------
+ */
+
+// Run this check for manual installations
+if (! is_file(COMPOSER_PATH)) {
+    $missingExtensions = [];
+
+    foreach ([
+        'intl',
+        'json',
+        'mbstring',
+    ] as $extension) {
+        if (! extension_loaded($extension)) {
+            $missingExtensions[] = $extension;
+        }
+    }
+
+    if ($missingExtensions !== []) {
+        throw FrameworkException::forMissingExtension(implode(', ', $missingExtensions));
+    }
+
+    unset($missingExtensions);
+}
+
+/*
+ * ---------------------------------------------------------------
+ * INITIALIZE KINT
+ * ---------------------------------------------------------------
+ */
+
+Services::autoloader()->initializeKint(CI_DEBUG);
+
+exit(1);
diff --git a/ci4app/system/index.html b/ci4app/system/index.html
new file mode 100644
index 0000000..b702fbc
--- /dev/null
+++ b/ci4app/system/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>403 Forbidden</title>
+</head>
+<body>
+
+<p>Directory access is forbidden.</p>
+
+</body>
+</html>
diff --git a/ci4app/system/rewrite.php b/ci4app/system/rewrite.php
new file mode 100644
index 0000000..4f9b79a
--- /dev/null
+++ b/ci4app/system/rewrite.php
@@ -0,0 +1,45 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+/*
+ * CodeIgniter PHP-Development Server Rewrite Rules
+ *
+ * This script works with the CLI serve command to help run a seamless
+ * development server based around PHP's built-in development
+ * server. This file simply tries to mimic Apache's mod_rewrite
+ * functionality so the site will operate as normal.
+ */
+
+// @codeCoverageIgnoreStart
+$uri = urldecode(
+    parse_url('https://codeigniter.com' . $_SERVER['REQUEST_URI'], PHP_URL_PATH) ?? '',
+);
+
+// All request handle by index.php file.
+$_SERVER['SCRIPT_NAME'] = '/index.php';
+
+// Full path
+$path = $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . ltrim($uri, '/');
+
+// If $path is an existing file or folder within the public folder
+// then let the request handle it like normal.
+if ($uri !== '/' && (is_file($path) || is_dir($path))) {
+    return false;
+}
+
+unset($uri, $path);
+
+// Otherwise, we'll load the index file and let
+// the framework handle the request from here.
+require_once $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . 'index.php';
+// @codeCoverageIgnoreEnd
diff --git a/ci4app/system/util_bootstrap.php b/ci4app/system/util_bootstrap.php
new file mode 100644
index 0000000..5423954
--- /dev/null
+++ b/ci4app/system/util_bootstrap.php
@@ -0,0 +1,84 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+use CodeIgniter\Boot;
+use Config\Paths;
+
+error_reporting(E_ALL);
+ini_set('display_errors', '1');
+ini_set('display_startup_errors', '1');
+
+/*
+ * ---------------------------------------------------------------
+ * DEFINE ENVIRONMENT
+ * ---------------------------------------------------------------
+ *
+ * As this bootstrap file is primarily used by internal scripts
+ * across the framework and other CodeIgniter projects, we need
+ * to make sure it recognizes that we're in development.
+ */
+
+$_SERVER['CI_ENVIRONMENT'] = 'development';
+define('ENVIRONMENT', 'development');
+defined('CI_DEBUG') || define('CI_DEBUG', true);
+
+/*
+ * ---------------------------------------------------------------
+ * SET UP OUR PATH CONSTANTS
+ * ---------------------------------------------------------------
+ *
+ * The path constants provide convenient access to the folders
+ * throughout the application. We have to set them up here
+ * so they are available in the config files that are loaded.
+ */
+
+defined('HOMEPATH') || define('HOMEPATH', realpath(rtrim(getcwd(), '\\/ ')) . DIRECTORY_SEPARATOR);
+
+$source = match (true) {
+    is_dir(HOMEPATH . 'app/')                   => HOMEPATH,
+    is_dir('vendor/codeigniter4/framework/')    => 'vendor/codeigniter4/framework/',
+    is_dir('vendor/codeigniter4/codeigniter4/') => 'vendor/codeigniter4/codeigniter4/',
+    default                                     => throw new RuntimeException('Unable to determine the source directory.'),
+};
+
+defined('CONFIGPATH') || define('CONFIGPATH', realpath($source . 'app/Config') . DIRECTORY_SEPARATOR);
+defined('PUBLICPATH') || define('PUBLICPATH', realpath($source . 'public') . DIRECTORY_SEPARATOR);
+unset($source);
+
+require CONFIGPATH . 'Paths.php';
+$paths = new Paths();
+
+defined('CIPATH') || define('CIPATH', realpath($paths->systemDirectory . '/../') . DIRECTORY_SEPARATOR);
+defined('FCPATH') || define('FCPATH', PUBLICPATH);
+
+if (is_dir($paths->testsDirectory . '/_support/') && ! defined('SUPPORTPATH')) {
+    define('SUPPORTPATH', realpath($paths->testsDirectory . '/_support/') . DIRECTORY_SEPARATOR);
+}
+
+if (is_dir(HOMEPATH . 'vendor/')) {
+    define('VENDORPATH', realpath(HOMEPATH . 'vendor/') . DIRECTORY_SEPARATOR);
+    define('COMPOSER_PATH', (string) realpath(HOMEPATH . 'vendor/autoload.php'));
+}
+
+/*
+ *---------------------------------------------------------------
+ * BOOTSTRAP THE APPLICATION
+ *---------------------------------------------------------------
+ *
+ * This process sets up the path constants, loads and registers
+ * our autoloader, along with Composer's, loads our constants
+ * and fires up an environment-specific bootstrapping.
+ */
+
+require $paths->systemDirectory . '/Boot.php';
+Boot::bootConsole($paths);
diff --git a/ci4app/tests/.htaccess b/ci4app/tests/.htaccess
new file mode 100644
index 0000000..3462048
--- /dev/null
+++ b/ci4app/tests/.htaccess
@@ -0,0 +1,6 @@
+<IfModule authz_core_module>
+	Require all denied
+</IfModule>
+<IfModule !authz_core_module>
+	Deny from all
+</IfModule>
diff --git a/ci4app/tests/README.md b/ci4app/tests/README.md
new file mode 100644
index 0000000..fc40e44
--- /dev/null
+++ b/ci4app/tests/README.md
@@ -0,0 +1,118 @@
+# Running Application Tests
+
+This is the quick-start to CodeIgniter testing. Its intent is to describe what
+it takes to set up your application and get it ready to run unit tests.
+It is not intended to be a full description of the test features that you can
+use to test your application. Those details can be found in the documentation.
+
+## Resources
+
+* [CodeIgniter 4 User Guide on Testing](https://codeigniter.com/user_guide/testing/index.html)
+* [PHPUnit docs](https://phpunit.de/documentation.html)
+* [Any tutorials on Unit testing in CI4?](https://forum.codeigniter.com/showthread.php?tid=81830)
+
+## Requirements
+
+It is recommended to use the latest version of PHPUnit. At the time of this
+writing, we are running version 9.x. Support for this has been built into the
+**composer.json** file that ships with CodeIgniter and can easily be installed
+via [Composer](https://getcomposer.org/) if you don't already have it installed globally.
+
+```console
+> composer install
+```
+
+If running under macOS or Linux, you can create a symbolic link to make running tests a touch nicer.
+
+```console
+> ln -s ./vendor/bin/phpunit ./phpunit
+```
+
+You also need to install [XDebug](https://xdebug.org/docs/install) in order
+for code coverage to be calculated successfully. After installing `XDebug`, you must add `xdebug.mode=coverage` in the **php.ini** file to enable code coverage.
+
+## Setting Up
+
+A number of the tests use a running database.
+In order to set up the database edit the details for the `tests` group in
+**app/Config/Database.php** or **.env**.
+Make sure that you provide a database engine that is currently running on your machine.
+More details on a test database setup are in the
+[Testing Your Database](https://codeigniter.com/user_guide/testing/database.html) section of the documentation.
+
+## Running the tests
+
+The entire test suite can be run by simply typing one command-line command from the main directory.
+
+```console
+> ./phpunit
+```
+
+If you are using Windows, use the following command.
+
+```console
+> vendor\bin\phpunit
+```
+
+You can limit tests to those within a single test directory by specifying the
+directory name after phpunit.
+
+```console
+> ./phpunit app/Models
+```
+
+## Generating Code Coverage
+
+To generate coverage information, including HTML reports you can view in your browser,
+you can use the following command:
+
+```console
+> ./phpunit --colors --coverage-text=tests/coverage.txt --coverage-html=tests/coverage/ -d memory_limit=1024m
+```
+
+This runs all of the tests again collecting information about how many lines,
+functions, and files are tested. It also reports the percentage of the code that is covered by tests.
+It is collected in two formats: a simple text file that provides an overview as well
+as a comprehensive collection of HTML files that show the status of every line of code in the project.
+
+The text file can be found at **tests/coverage.txt**.
+The HTML files can be viewed by opening **tests/coverage/index.html** in your favorite browser.
+
+## PHPUnit XML Configuration
+
+The repository has a ``phpunit.xml.dist`` file in the project root that's used for
+PHPUnit configuration. This is used to provide a default configuration if you
+do not have your own configuration file in the project root.
+
+The normal practice would be to copy ``phpunit.xml.dist`` to ``phpunit.xml``
+(which is git ignored), and to tailor it as you see fit.
+For instance, you might wish to exclude database tests, or automatically generate
+HTML code coverage reports.
+
+## Test Cases
+
+Every test needs a *test case*, or class that your tests extend. CodeIgniter 4
+provides one class that you may use directly:
+* `CodeIgniter\Test\CIUnitTestCase`
+
+Most of the time you will want to write your own test cases that extend `CIUnitTestCase`
+to hold functions and services common to your test suites.
+
+## Creating Tests
+
+All tests go in the **tests/** directory. Each test file is a class that extends a
+**Test Case** (see above) and contains methods for the individual tests. These method
+names must start with the word "test" and should have descriptive names for precisely what
+they are testing:
+`testUserCanModifyFile()` `testOutputColorMatchesInput()` `testIsLoggedInFailsWithInvalidUser()`
+
+Writing tests is an art, and there are many resources available to help learn how.
+Review the links above and always pay attention to your code coverage.
+
+### Database Tests
+
+Tests can include migrating, seeding, and testing against a mock or live database.
+Be sure to modify the test case (or create your own) to point to your seed and migrations
+and include any additional steps to be run before tests in the `setUp()` method.
+See [Testing Your Database](https://codeigniter.com/user_guide/testing/database.html)
+for details.
diff --git a/ci4app/tests/_support/Database/Migrations/2020-02-22-222222_example_migration.php b/ci4app/tests/_support/Database/Migrations/2020-02-22-222222_example_migration.php
new file mode 100644
index 0000000..a73356d
--- /dev/null
+++ b/ci4app/tests/_support/Database/Migrations/2020-02-22-222222_example_migration.php
@@ -0,0 +1,37 @@
+<?php
+
+namespace Tests\Support\Database\Migrations;
+
+use CodeIgniter\Database\Migration;
+
+class ExampleMigration extends Migration
+{
+    protected $DBGroup = 'tests';
+
+    public function up(): void
+    {
+        $this->forge->addField('id');
+        $this->forge->addField([
+            'name'       => ['type' => 'varchar', 'constraint' => 31],
+            'uid'        => ['type' => 'varchar', 'constraint' => 31],
+            'class'      => ['type' => 'varchar', 'constraint' => 63],
+            'icon'       => ['type' => 'varchar', 'constraint' => 31],
+            'summary'    => ['type' => 'varchar', 'constraint' => 255],
+            'created_at' => ['type' => 'datetime', 'null' => true],
+            'updated_at' => ['type' => 'datetime', 'null' => true],
+            'deleted_at' => ['type' => 'datetime', 'null' => true],
+        ]);
+
+        $this->forge->addKey('name');
+        $this->forge->addKey('uid');
+        $this->forge->addKey(['deleted_at', 'id']);
+        $this->forge->addKey('created_at');
+
+        $this->forge->createTable('factories');
+    }
+
+    public function down(): void
+    {
+        $this->forge->dropTable('factories');
+    }
+}
diff --git a/ci4app/tests/_support/Database/Seeds/ExampleSeeder.php b/ci4app/tests/_support/Database/Seeds/ExampleSeeder.php
new file mode 100644
index 0000000..619fc27
--- /dev/null
+++ b/ci4app/tests/_support/Database/Seeds/ExampleSeeder.php
@@ -0,0 +1,41 @@
+<?php
+
+namespace Tests\Support\Database\Seeds;
+
+use CodeIgniter\Database\Seeder;
+
+class ExampleSeeder extends Seeder
+{
+    public function run(): void
+    {
+        $factories = [
+            [
+                'name'    => 'Test Factory',
+                'uid'     => 'test001',
+                'class'   => 'Factories\Tests\NewFactory',
+                'icon'    => 'fas fa-puzzle-piece',
+                'summary' => 'Longer sample text for testing',
+            ],
+            [
+                'name'    => 'Widget Factory',
+                'uid'     => 'widget',
+                'class'   => 'Factories\Tests\WidgetPlant',
+                'icon'    => 'fas fa-puzzle-piece',
+                'summary' => 'Create widgets in your factory',
+            ],
+            [
+                'name'    => 'Evil Factory',
+                'uid'     => 'evil-maker',
+                'class'   => 'Factories\Evil\MyFactory',
+                'icon'    => 'fas fa-book-dead',
+                'summary' => 'Abandon all hope, ye who enter here',
+            ],
+        ];
+
+        $builder = $this->db->table('factories');
+
+        foreach ($factories as $factory) {
+            $builder->insert($factory);
+        }
+    }
+}
diff --git a/ci4app/tests/_support/Libraries/ConfigReader.php b/ci4app/tests/_support/Libraries/ConfigReader.php
new file mode 100644
index 0000000..0bb4a8f
--- /dev/null
+++ b/ci4app/tests/_support/Libraries/ConfigReader.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace Tests\Support\Libraries;
+
+use Config\App;
+
+/**
+ * Class ConfigReader
+ *
+ * An extension of BaseConfig that prevents the constructor from
+ * loading external values. Used to read actual local values from
+ * a config file.
+ */
+class ConfigReader extends App
+{
+    public function __construct()
+    {
+    }
+}
diff --git a/ci4app/tests/_support/Models/ExampleModel.php b/ci4app/tests/_support/Models/ExampleModel.php
new file mode 100644
index 0000000..f0687e9
--- /dev/null
+++ b/ci4app/tests/_support/Models/ExampleModel.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace Tests\Support\Models;
+
+use CodeIgniter\Model;
+
+class ExampleModel extends Model
+{
+    protected $table          = 'factories';
+    protected $primaryKey     = 'id';
+    protected $returnType     = 'object';
+    protected $useSoftDeletes = false;
+    protected $allowedFields  = [
+        'name',
+        'uid',
+        'class',
+        'icon',
+        'summary',
+    ];
+    protected $useTimestamps      = true;
+    protected $validationRules    = [];
+    protected $validationMessages = [];
+    protected $skipValidation     = false;
+}
diff --git a/ci4app/tests/database/ExampleDatabaseTest.php b/ci4app/tests/database/ExampleDatabaseTest.php
new file mode 100644
index 0000000..d6c3bb9
--- /dev/null
+++ b/ci4app/tests/database/ExampleDatabaseTest.php
@@ -0,0 +1,46 @@
+<?php
+
+use CodeIgniter\Test\CIUnitTestCase;
+use CodeIgniter\Test\DatabaseTestTrait;
+use Tests\Support\Database\Seeds\ExampleSeeder;
+use Tests\Support\Models\ExampleModel;
+
+/**
+ * @internal
+ */
+final class ExampleDatabaseTest extends CIUnitTestCase
+{
+    use DatabaseTestTrait;
+
+    protected $seed = ExampleSeeder::class;
+
+    public function testModelFindAll(): void
+    {
+        $model = new ExampleModel();
+
+        // Get every row created by ExampleSeeder
+        $objects = $model->findAll();
+
+        // Make sure the count is as expected
+        $this->assertCount(3, $objects);
+    }
+
+    public function testSoftDeleteLeavesRow(): void
+    {
+        $model = new ExampleModel();
+        $this->setPrivateProperty($model, 'useSoftDeletes', true);
+        $this->setPrivateProperty($model, 'tempUseSoftDeletes', true);
+
+        /** @var stdClass $object */
+        $object = $model->first();
+        $model->delete($object->id);
+
+        // The model should no longer find it
+        $this->assertNull($model->find($object->id));
+
+        // ... but it should still be in the database
+        $result = $model->builder()->where('id', $object->id)->get()->getResult();
+
+        $this->assertCount(1, $result);
+    }
+}
diff --git a/ci4app/tests/index.html b/ci4app/tests/index.html
new file mode 100644
index 0000000..b702fbc
--- /dev/null
+++ b/ci4app/tests/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>403 Forbidden</title>
+</head>
+<body>
+
+<p>Directory access is forbidden.</p>
+
+</body>
+</html>
diff --git a/ci4app/tests/session/ExampleSessionTest.php b/ci4app/tests/session/ExampleSessionTest.php
new file mode 100644
index 0000000..33242a4
--- /dev/null
+++ b/ci4app/tests/session/ExampleSessionTest.php
@@ -0,0 +1,17 @@
+<?php
+
+use CodeIgniter\Test\CIUnitTestCase;
+
+/**
+ * @internal
+ */
+final class ExampleSessionTest extends CIUnitTestCase
+{
+    public function testSessionSimple(): void
+    {
+        $session = service('session');
+
+        $session->set('logged_in', 123);
+        $this->assertSame(123, $session->get('logged_in'));
+    }
+}
diff --git a/ci4app/tests/unit/HealthTest.php b/ci4app/tests/unit/HealthTest.php
new file mode 100644
index 0000000..b3e480f
--- /dev/null
+++ b/ci4app/tests/unit/HealthTest.php
@@ -0,0 +1,49 @@
+<?php
+
+use CodeIgniter\Test\CIUnitTestCase;
+use Config\App;
+use Tests\Support\Libraries\ConfigReader;
+
+/**
+ * @internal
+ */
+final class HealthTest extends CIUnitTestCase
+{
+    public function testIsDefinedAppPath(): void
+    {
+        $this->assertTrue(defined('APPPATH'));
+    }
+
+    public function testBaseUrlHasBeenSet(): void
+    {
+        $validation = service('validation');
+
+        $env = false;
+
+        // Check the baseURL in .env
+        if (is_file(HOMEPATH . '.env')) {
+            $env = preg_grep('/^app\.baseURL = ./', file(HOMEPATH . '.env')) !== false;
+        }
+
+        if ($env) {
+            // BaseURL in .env is a valid URL?
+            // phpunit.xml.dist sets app.baseURL in $_SERVER
+            // So if you set app.baseURL in .env, it takes precedence
+            $config = new App();
+            $this->assertTrue(
+                $validation->check($config->baseURL, 'valid_url'),
+                'baseURL "' . $config->baseURL . '" in .env is not valid URL',
+            );
+        }
+
+        // Get the baseURL in app/Config/App.php
+        // You can't use Config\App, because phpunit.xml.dist sets app.baseURL
+        $reader = new ConfigReader();
+
+        // BaseURL in app/Config/App.php is a valid URL?
+        $this->assertTrue(
+            $validation->check($reader->baseURL, 'valid_url'),
+            'baseURL "' . $reader->baseURL . '" in app/Config/App.php is not valid URL',
+        );
+    }
+}
diff --git a/ci4app/writable/.htaccess b/ci4app/writable/.htaccess
new file mode 100644
index 0000000..3462048
--- /dev/null
+++ b/ci4app/writable/.htaccess
@@ -0,0 +1,6 @@
+<IfModule authz_core_module>
+	Require all denied
+</IfModule>
+<IfModule !authz_core_module>
+	Deny from all
+</IfModule>
diff --git a/ci4app/writable/cache/index.html b/ci4app/writable/cache/index.html
new file mode 100644
index 0000000..b702fbc
--- /dev/null
+++ b/ci4app/writable/cache/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>403 Forbidden</title>
+</head>
+<body>
+
+<p>Directory access is forbidden.</p>
+
+</body>
+</html>
diff --git a/ci4app/writable/debugbar/debugbar_1764086635.983713.json b/ci4app/writable/debugbar/debugbar_1764086635.983713.json
new file mode 100644
index 0000000..8bf434e
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764086635.983713.json
@@ -0,0 +1 @@
+{"url":"https:\/\/ms1reader.info\/index.php\/events","method":"GET","isAJAX":false,"startTime":1764086635.975968,"totalTime":7.1000000000000005,"totalMemory":"3.805","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764086635.976641,"duration":0.004907131195068359},{"name":"Required Before Filters","component":"Timer","start":1764086635.981549,"duration":0.0005190372467041016},{"name":"Routing","component":"Timer","start":1764086635.98207,"duration":7.200241088867188e-5},{"name":"Before Filters","component":"Timer","start":1764086635.982177,"duration":6.9141387939453125e-6},{"name":"Controller","component":"Timer","start":1764086635.982184,"duration":0.0008330345153808594},{"name":"Controller Constructor","component":"Timer","start":1764086635.982185,"duration":0.00029015541076660156},{"name":"After Filters","component":"Timer","start":1764086635.983021,"duration":9.5367431640625e-7},{"name":"Required After Filters","component":"Timer","start":1764086635.983028,"duration":7.510185241699219e-5}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: events_list.php","component":"Views","start":1764086635.982836,"duration":0.00016999244689941406}]},{"title":"Files","titleSafe":"files","titleDetails":"( 126 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Events.php","name":"Events.php"},{"path":"APPPATH\/Views\/events_list.php","name":"events_list.php"},{"path":"APPPATH\/Views\/raven_footer.php","name":"raven_footer.php"},{"path":"APPPATH\/Views\/raven_header.php","name":"raven_header.php"},{"path":"APPPATH\/Views\/raven_sidebar.php","name":"raven_sidebar.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":126,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Events","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"1.99","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764086635.979557,"duration":0.001990079879760742}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept":"text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/avif,image\/webp,image\/apng,*\/*;q=0.8,application\/signed-exchange;v=b3;q=0.7","Accept-Encoding":"gzip, deflate, br, zstd","Accept-Language":"fr-CA,fr;q=0.9,en-US;q=0.8,en;q=0.7","Connection":"keep-alive","Host":"ms1reader.info","Referer":"https:\/\/ms1reader.info\/","User-Agent":"Mozilla\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/142.0.0.0 Safari\/537.36","Cache-Control":"max-age=0","Upgrade-Insecure-Requests":"1","Sec-Fetch-Site":"same-origin","Sec-Fetch-Mode":"navigate","Sec-Fetch-User":"?1","Sec-Fetch-Dest":"document","Sec-Ch-Ua":"&quot;Chromium&quot;;v=&quot;142&quot;, &quot;Google Chrome&quot;;v=&quot;142&quot;, &quot;Not_A Brand&quot;;v=&quot;99&quot;","Sec-Ch-Ua-Mobile":"?0","Sec-Ch-Ua-Platform":"&quot;Windows&quot;","X-Https":"1"},"request":"HTTPS\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"https:\/\/ms1reader.info\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764086878.513307.json b/ci4app/writable/debugbar/debugbar_1764086878.513307.json
new file mode 100644
index 0000000..16a0d44
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764086878.513307.json
@@ -0,0 +1 @@
+{"url":"https:\/\/ms1reader.info\/index.php\/","method":"GET","isAJAX":false,"startTime":1764086878.505604,"totalTime":7,"totalMemory":"3.803","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764086878.506448,"duration":0.0046539306640625},{"name":"Required Before Filters","component":"Timer","start":1764086878.511103,"duration":0.0005099773406982422},{"name":"Routing","component":"Timer","start":1764086878.511615,"duration":6.4849853515625e-5},{"name":"Before Filters","component":"Timer","start":1764086878.511714,"duration":6.9141387939453125e-6},{"name":"Controller","component":"Timer","start":1764086878.511721,"duration":0.0007941722869873047},{"name":"Controller Constructor","component":"Timer","start":1764086878.511722,"duration":0.0003039836883544922},{"name":"After Filters","component":"Timer","start":1764086878.512519,"duration":1.1920928955078125e-6},{"name":"Required After Filters","component":"Timer","start":1764086878.512528,"duration":0.00011515617370605469}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: login.php","component":"Views","start":1764086878.512388,"duration":0.00011610984802246094}]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"APPPATH\/Views\/login.php","name":"login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"1.88","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764086878.509219,"duration":0.0018820762634277344}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept":"text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/avif,image\/webp,image\/apng,*\/*;q=0.8,application\/signed-exchange;v=b3;q=0.7","Accept-Encoding":"gzip, deflate, br, zstd","Accept-Language":"fr-CA,fr;q=0.9,en-US;q=0.8,en;q=0.7","Connection":"keep-alive","Host":"ms1reader.info","Referer":"https:\/\/serveur-prod.progiweb.net:2083\/","User-Agent":"Mozilla\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/142.0.0.0 Safari\/537.36","Upgrade-Insecure-Requests":"1","Sec-Ch-Ua":"&quot;Chromium&quot;;v=&quot;142&quot;, &quot;Google Chrome&quot;;v=&quot;142&quot;, &quot;Not_A Brand&quot;;v=&quot;99&quot;","Sec-Ch-Ua-Mobile":"?0","Sec-Ch-Ua-Platform":"&quot;Windows&quot;","Sec-Fetch-Site":"cross-site","Sec-Fetch-Mode":"navigate","Sec-Fetch-User":"?1","Sec-Fetch-Dest":"document","X-Https":"1"},"request":"HTTPS\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"https:\/\/ms1reader.info\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764086974.723556.json b/ci4app/writable/debugbar/debugbar_1764086974.723556.json
new file mode 100644
index 0000000..6180c52
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764086974.723556.json
@@ -0,0 +1 @@
+{"url":"https:\/\/ms1reader.info\/index.php\/","method":"GET","isAJAX":false,"startTime":1764086974.715533,"totalTime":7.4,"totalMemory":"3.803","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764086974.716226,"duration":0.005272865295410156},{"name":"Required Before Filters","component":"Timer","start":1764086974.721499,"duration":0.0005090236663818359},{"name":"Routing","component":"Timer","start":1764086974.72201,"duration":6.699562072753906e-5},{"name":"Before Filters","component":"Timer","start":1764086974.72211,"duration":6.9141387939453125e-6},{"name":"Controller","component":"Timer","start":1764086974.722118,"duration":0.0007181167602539062},{"name":"Controller Constructor","component":"Timer","start":1764086974.722118,"duration":0.0002911090850830078},{"name":"After Filters","component":"Timer","start":1764086974.722839,"duration":1.9073486328125e-6},{"name":"Required After Filters","component":"Timer","start":1764086974.722846,"duration":7.295608520507812e-5}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: login.php","component":"Views","start":1764086974.722762,"duration":6.699562072753906e-5}]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"APPPATH\/Views\/login.php","name":"login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"2.02","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764086974.719481,"duration":0.0020160675048828125}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept":"text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/avif,image\/webp,image\/apng,*\/*;q=0.8,application\/signed-exchange;v=b3;q=0.7","Accept-Encoding":"gzip, deflate, br, zstd","Accept-Language":"fr-CA,fr;q=0.9,en-US;q=0.8,en;q=0.7","Connection":"keep-alive","Host":"ms1reader.info","Referer":"https:\/\/serveur-prod.progiweb.net:2083\/","User-Agent":"Mozilla\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/142.0.0.0 Safari\/537.36","Upgrade-Insecure-Requests":"1","Sec-Ch-Ua":"&quot;Chromium&quot;;v=&quot;142&quot;, &quot;Google Chrome&quot;;v=&quot;142&quot;, &quot;Not_A Brand&quot;;v=&quot;99&quot;","Sec-Ch-Ua-Mobile":"?0","Sec-Ch-Ua-Platform":"&quot;Windows&quot;","Sec-Fetch-Site":"cross-site","Sec-Fetch-Mode":"navigate","Sec-Fetch-User":"?1","Sec-Fetch-Dest":"document","X-Https":"1"},"request":"HTTPS\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"https:\/\/ms1reader.info\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764087115.667564.json b/ci4app/writable/debugbar/debugbar_1764087115.667564.json
new file mode 100644
index 0000000..6f92654
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764087115.667564.json
@@ -0,0 +1 @@
+{"url":"https:\/\/ms1reader.info\/index.php\/","method":"GET","isAJAX":false,"startTime":1764087115.658828,"totalTime":8,"totalMemory":"3.797","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764087115.659536,"duration":0.005326032638549805},{"name":"Required Before Filters","component":"Timer","start":1764087115.664862,"duration":0.0007200241088867188},{"name":"Routing","component":"Timer","start":1764087115.665584,"duration":6.985664367675781e-5},{"name":"Before Filters","component":"Timer","start":1764087115.665723,"duration":1.1920928955078125e-5},{"name":"Controller","component":"Timer","start":1764087115.665736,"duration":0.0009310245513916016},{"name":"Controller Constructor","component":"Timer","start":1764087115.665736,"duration":0.00045299530029296875},{"name":"After Filters","component":"Timer","start":1764087115.666672,"duration":1.9073486328125e-6},{"name":"Required After Filters","component":"Timer","start":1764087115.666706,"duration":0.00018286705017089844}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: login.php","component":"Views","start":1764087115.666554,"duration":0.000102996826171875}]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"APPPATH\/Views\/login.php","name":"login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"2.50","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764087115.662361,"duration":0.002499103546142578}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept-Encoding":"gzip","Host":"ms1reader.info","Referer":"http:\/\/www.ms1reader.info","User-Agent":"Mozilla\/5.0 (compatible; CMS-Checker\/1.0; +https:\/\/example.com)"},"request":"HTTP\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"https:\/\/ms1reader.info\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764087117.093482.json b/ci4app/writable/debugbar/debugbar_1764087117.093482.json
new file mode 100644
index 0000000..6dae5ea
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764087117.093482.json
@@ -0,0 +1 @@
+{"url":"https:\/\/ms1reader.info\/index.php\/","method":"GET","isAJAX":false,"startTime":1764087117.085773,"totalTime":7,"totalMemory":"3.803","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764087117.086496,"duration":0.004732847213745117},{"name":"Required Before Filters","component":"Timer","start":1764087117.091229,"duration":0.0005140304565429688},{"name":"Routing","component":"Timer","start":1764087117.091744,"duration":6.604194641113281e-5},{"name":"Before Filters","component":"Timer","start":1764087117.091845,"duration":6.9141387939453125e-6},{"name":"Controller","component":"Timer","start":1764087117.091853,"duration":0.0008401870727539062},{"name":"Controller Constructor","component":"Timer","start":1764087117.091853,"duration":0.0003180503845214844},{"name":"After Filters","component":"Timer","start":1764087117.092697,"duration":2.1457672119140625e-6},{"name":"Required After Filters","component":"Timer","start":1764087117.092705,"duration":0.00011491775512695312}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: login.php","component":"Views","start":1764087117.092563,"duration":0.0001201629638671875}]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"APPPATH\/Views\/login.php","name":"login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"1.90","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764087117.089324,"duration":0.0019030570983886719}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept":"text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/avif,image\/webp,image\/apng,*\/*;q=0.8,application\/signed-exchange;v=b3;q=0.7","Accept-Encoding":"gzip, deflate, br, zstd","Accept-Language":"fr-CA,fr;q=0.9,en-US;q=0.8,en;q=0.7","Connection":"keep-alive","Host":"ms1reader.info","Referer":"https:\/\/serveur-prod.progiweb.net:2087\/","User-Agent":"Mozilla\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/142.0.0.0 Safari\/537.36","Upgrade-Insecure-Requests":"1","Sec-Ch-Ua":"&quot;Chromium&quot;;v=&quot;142&quot;, &quot;Google Chrome&quot;;v=&quot;142&quot;, &quot;Not_A Brand&quot;;v=&quot;99&quot;","Sec-Ch-Ua-Mobile":"?0","Sec-Ch-Ua-Platform":"&quot;Windows&quot;","Sec-Fetch-Site":"cross-site","Sec-Fetch-Mode":"navigate","Sec-Fetch-User":"?1","Sec-Fetch-Dest":"document","X-Https":"1"},"request":"HTTPS\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"https:\/\/ms1reader.info\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764087227.443634.json b/ci4app/writable/debugbar/debugbar_1764087227.443634.json
new file mode 100644
index 0000000..cdc59db
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764087227.443634.json
@@ -0,0 +1 @@
+{"url":"https:\/\/ms1reader.info\/index.php\/","method":"GET","isAJAX":false,"startTime":1764087227.435819,"totalTime":7.1000000000000005,"totalMemory":"3.797","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764087227.436553,"duration":0.0049419403076171875},{"name":"Required Before Filters","component":"Timer","start":1764087227.441495,"duration":0.0005350112915039062},{"name":"Routing","component":"Timer","start":1764087227.442032,"duration":6.389617919921875e-5},{"name":"Before Filters","component":"Timer","start":1764087227.44213,"duration":6.9141387939453125e-6},{"name":"Controller","component":"Timer","start":1764087227.442138,"duration":0.0007319450378417969},{"name":"Controller Constructor","component":"Timer","start":1764087227.442138,"duration":0.0002961158752441406},{"name":"After Filters","component":"Timer","start":1764087227.442875,"duration":1.1920928955078125e-6},{"name":"Required After Filters","component":"Timer","start":1764087227.442883,"duration":7.510185241699219e-5}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: login.php","component":"Views","start":1764087227.442795,"duration":6.699562072753906e-5}]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"APPPATH\/Views\/login.php","name":"login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"1.94","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764087227.439549,"duration":0.0019440650939941406}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept-Encoding":"gzip","Host":"ms1reader.info","User-Agent":"Mozilla\/5.0 (compatible; CMS-Checker\/1.0; +https:\/\/example.com)"},"request":"HTTP\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"https:\/\/ms1reader.info\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764096133.964480.json b/ci4app/writable/debugbar/debugbar_1764096133.964480.json
new file mode 100644
index 0000000..53ee525
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764096133.964480.json
@@ -0,0 +1 @@
+{"url":"https:\/\/ms1reader.info\/index.php\/","method":"GET","isAJAX":false,"startTime":1764096133.9572,"totalTime":6.6,"totalMemory":"3.797","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764096133.957868,"duration":0.004541873931884766},{"name":"Required Before Filters","component":"Timer","start":1764096133.96241,"duration":0.0005090236663818359},{"name":"Routing","component":"Timer","start":1764096133.962921,"duration":7.510185241699219e-5},{"name":"Before Filters","component":"Timer","start":1764096133.963032,"duration":6.9141387939453125e-6},{"name":"Controller","component":"Timer","start":1764096133.96304,"duration":0.0007159709930419922},{"name":"Controller Constructor","component":"Timer","start":1764096133.963041,"duration":0.00028896331787109375},{"name":"After Filters","component":"Timer","start":1764096133.96376,"duration":2.1457672119140625e-6},{"name":"Required After Filters","component":"Timer","start":1764096133.963768,"duration":7.510185241699219e-5}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: login.php","component":"Views","start":1764096133.963682,"duration":6.699562072753906e-5}]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"APPPATH\/Views\/login.php","name":"login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"1.89","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764096133.96052,"duration":0.0018880367279052734}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept-Encoding":"gzip","Connection":"close","Host":"ms1reader.info","User-Agent":"Mozilla\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/92.0.4515.107 Safari\/537.36"},"request":"HTTP\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"https:\/\/ms1reader.info\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764101424.115387.json b/ci4app/writable/debugbar/debugbar_1764101424.115387.json
new file mode 100644
index 0000000..73787f8
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764101424.115387.json
@@ -0,0 +1 @@
+{"url":"https:\/\/ms1reader.info\/index.php\/","method":"GET","isAJAX":false,"startTime":1764101424.107861,"totalTime":6.8999999999999995,"totalMemory":"3.802","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764101424.108556,"duration":0.004689931869506836},{"name":"Required Before Filters","component":"Timer","start":1764101424.113247,"duration":0.0005221366882324219},{"name":"Routing","component":"Timer","start":1764101424.113771,"duration":6.29425048828125e-5},{"name":"Before Filters","component":"Timer","start":1764101424.113868,"duration":8.106231689453125e-6},{"name":"Controller","component":"Timer","start":1764101424.113877,"duration":0.0007619857788085938},{"name":"Controller Constructor","component":"Timer","start":1764101424.113877,"duration":0.0003190040588378906},{"name":"After Filters","component":"Timer","start":1764101424.114643,"duration":1.9073486328125e-6},{"name":"Required After Filters","component":"Timer","start":1764101424.114652,"duration":8.0108642578125e-5}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: login.php","component":"Views","start":1764101424.114561,"duration":6.985664367675781e-5}]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"APPPATH\/Views\/login.php","name":"login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"1.93","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764101424.111316,"duration":0.0019290447235107422}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept":"text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/avif,image\/webp,image\/apng,*\/*;q=0.8","Accept-Encoding":"gzip, deflate","Accept-Language":"en-US,en;q=0.5","Connection":"keep-alive","Host":"ms1reader.info","User-Agent":"Mozilla\/5.0 (X11; Linux x86_64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/139.0.0.0 Safari\/537.36","Sec-Ch-Ua":"&quot;Google Chrome&quot;;v=&quot;139&quot;, &quot;Not-A.Brand&quot;;v=&quot;8&quot;, &quot;Chromium&quot;;v=&quot;139&quot;","Sec-Ch-Ua-Mobile":"?0","Sec-Ch-Ua-Platform":"&quot;Linux&quot;","Upgrade-Insecure-Requests":"1","Sec-Gpc":"1","Sec-Fetch-Site":"none","Sec-Fetch-Mode":"navigate","Sec-Fetch-User":"?1","Sec-Fetch-Dest":"document"},"request":"HTTP\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"https:\/\/ms1reader.info\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764101424.298036.json b/ci4app/writable/debugbar/debugbar_1764101424.298036.json
new file mode 100644
index 0000000..7dc3757
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764101424.298036.json
@@ -0,0 +1 @@
+{"url":"https:\/\/ms1reader.info\/index.php\/","method":"GET","isAJAX":false,"startTime":1764101424.290433,"totalTime":7,"totalMemory":"3.803","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764101424.291121,"duration":0.004817008972167969},{"name":"Required Before Filters","component":"Timer","start":1764101424.295939,"duration":0.0005190372467041016},{"name":"Routing","component":"Timer","start":1764101424.29646,"duration":6.604194641113281e-5},{"name":"Before Filters","component":"Timer","start":1764101424.296559,"duration":6.9141387939453125e-6},{"name":"Controller","component":"Timer","start":1764101424.296567,"duration":0.0007469654083251953},{"name":"Controller Constructor","component":"Timer","start":1764101424.296567,"duration":0.0002970695495605469},{"name":"After Filters","component":"Timer","start":1764101424.297319,"duration":9.5367431640625e-7},{"name":"Required After Filters","component":"Timer","start":1764101424.297326,"duration":7.581710815429688e-5}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: login.php","component":"Views","start":1764101424.297236,"duration":7.009506225585938e-5}]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"APPPATH\/Views\/login.php","name":"login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"1.92","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764101424.294017,"duration":0.0019199848175048828}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept":"text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/avif,image\/webp,image\/apng,*\/*;q=0.8","Accept-Encoding":"gzip, deflate","Accept-Language":"en-US,en;q=0.5","Connection":"keep-alive","Host":"ms1reader.info","User-Agent":"Mozilla\/5.0 (X11; Linux x86_64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/139.0.0.0 Safari\/537.36","Sec-Ch-Ua":"&quot;Chromium&quot;;v=&quot;139&quot;, &quot;Not:A-Brand&quot;;v=&quot;24&quot;, &quot;Brave&quot;;v=&quot;139&quot;","Sec-Ch-Ua-Mobile":"?0","Sec-Ch-Ua-Platform":"&quot;Linux&quot;","Upgrade-Insecure-Requests":"1","Sec-Gpc":"1","Sec-Fetch-Site":"none","Sec-Fetch-Mode":"navigate","Sec-Fetch-User":"?1","Sec-Fetch-Dest":"document","X-Https":"1"},"request":"HTTPS\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"https:\/\/ms1reader.info\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764104487.550903.json b/ci4app/writable/debugbar/debugbar_1764104487.550903.json
new file mode 100644
index 0000000..49b0967
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764104487.550903.json
@@ -0,0 +1 @@
+{"url":"http:\/\/course3.ms1reader.info\/index.php\/","method":"GET","isAJAX":false,"startTime":1764104487.540232,"totalTime":9.5,"totalMemory":"3.803","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764104487.541326,"duration":0.0061359405517578125},{"name":"Required Before Filters","component":"Timer","start":1764104487.547463,"duration":0.0007100105285644531},{"name":"Routing","component":"Timer","start":1764104487.548176,"duration":7.390975952148438e-5},{"name":"Before Filters","component":"Timer","start":1764104487.548288,"duration":6.9141387939453125e-6},{"name":"Controller","component":"Timer","start":1764104487.548296,"duration":0.0013051033020019531},{"name":"Controller Constructor","component":"Timer","start":1764104487.548296,"duration":0.000308990478515625},{"name":"After Filters","component":"Timer","start":1764104487.549606,"duration":1.9073486328125e-6},{"name":"Required After Filters","component":"Timer","start":1764104487.549615,"duration":0.00011014938354492188}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: login.php","component":"Views","start":1764104487.549026,"duration":0.0005660057067871094}]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"APPPATH\/Views\/login.php","name":"login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"2.75","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764104487.544713,"duration":0.0027480125427246094}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept":"text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/avif,image\/webp,image\/apng,*\/*;q=0.8,application\/signed-exchange;v=b3;q=0.7","Accept-Encoding":"gzip, deflate, br, zstd","Accept-Language":"fr-CA,fr;q=0.9,en-US;q=0.8,en;q=0.7","Connection":"keep-alive","Host":"ms1reader.info","User-Agent":"Mozilla\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/142.0.0.0 Safari\/537.36","Upgrade-Insecure-Requests":"1","Sec-Ch-Ua":"&quot;Chromium&quot;;v=&quot;142&quot;, &quot;Google Chrome&quot;;v=&quot;142&quot;, &quot;Not_A Brand&quot;;v=&quot;99&quot;","Sec-Ch-Ua-Mobile":"?0","Sec-Ch-Ua-Platform":"&quot;Windows&quot;","Sec-Fetch-Site":"none","Sec-Fetch-Mode":"navigate","Sec-Fetch-User":"?1","Sec-Fetch-Dest":"document","X-Https":"1"},"request":"HTTPS\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"http:\/\/course3.ms1reader.info\/\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764104723.910670.json b/ci4app/writable/debugbar/debugbar_1764104723.910670.json
new file mode 100644
index 0000000..887c122
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764104723.910670.json
@@ -0,0 +1 @@
+{"url":"http:\/\/course3.ms1reader.info\/index.php\/","method":"GET","isAJAX":false,"startTime":1764104723.902958,"totalTime":7.1000000000000005,"totalMemory":"3.803","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764104723.90373,"duration":0.004820108413696289},{"name":"Required Before Filters","component":"Timer","start":1764104723.908551,"duration":0.0005230903625488281},{"name":"Routing","component":"Timer","start":1764104723.909076,"duration":6.699562072753906e-5},{"name":"Before Filters","component":"Timer","start":1764104723.909179,"duration":6.9141387939453125e-6},{"name":"Controller","component":"Timer","start":1764104723.909187,"duration":0.0007460117340087891},{"name":"Controller Constructor","component":"Timer","start":1764104723.909187,"duration":0.0003018379211425781},{"name":"After Filters","component":"Timer","start":1764104723.909937,"duration":1.1920928955078125e-6},{"name":"Required After Filters","component":"Timer","start":1764104723.909945,"duration":8.702278137207031e-5}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: login.php","component":"Views","start":1764104723.909855,"duration":6.914138793945312e-5}]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"APPPATH\/Views\/login.php","name":"login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"1.98","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764104723.906568,"duration":0.001981019973754883}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept":"text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/avif,image\/webp,image\/apng,*\/*;q=0.8,application\/signed-exchange;v=b3;q=0.7","Accept-Encoding":"gzip, deflate, br, zstd","Accept-Language":"fr-CA,fr;q=0.9,en-US;q=0.8,en;q=0.7","Connection":"keep-alive","Host":"ms1reader.info","User-Agent":"Mozilla\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/142.0.0.0 Safari\/537.36","Sec-Ch-Ua":"&quot;Chromium&quot;;v=&quot;142&quot;, &quot;Google Chrome&quot;;v=&quot;142&quot;, &quot;Not_A Brand&quot;;v=&quot;99&quot;","Sec-Ch-Ua-Mobile":"?0","Sec-Ch-Ua-Platform":"&quot;Windows&quot;","Upgrade-Insecure-Requests":"1","Sec-Fetch-Site":"none","Sec-Fetch-Mode":"navigate","Sec-Fetch-User":"?1","Sec-Fetch-Dest":"document","X-Https":"1"},"request":"HTTPS\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"http:\/\/course3.ms1reader.info\/\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764104731.139884.json b/ci4app/writable/debugbar/debugbar_1764104731.139884.json
new file mode 100644
index 0000000..006c27c
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764104731.139884.json
@@ -0,0 +1 @@
+{"url":"http:\/\/course3.ms1reader.info\/index.php\/","method":"GET","isAJAX":false,"startTime":1764104731.132231,"totalTime":7,"totalMemory":"3.803","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764104731.132934,"duration":0.004823923110961914},{"name":"Required Before Filters","component":"Timer","start":1764104731.137759,"duration":0.0005221366882324219},{"name":"Routing","component":"Timer","start":1764104731.138283,"duration":7.009506225585938e-5},{"name":"Before Filters","component":"Timer","start":1764104731.138389,"duration":6.9141387939453125e-6},{"name":"Controller","component":"Timer","start":1764104731.138397,"duration":0.0007679462432861328},{"name":"Controller Constructor","component":"Timer","start":1764104731.138397,"duration":0.00030112266540527344},{"name":"After Filters","component":"Timer","start":1764104731.139169,"duration":1.9073486328125e-6},{"name":"Required After Filters","component":"Timer","start":1764104731.139176,"duration":7.319450378417969e-5}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: login.php","component":"Views","start":1764104731.13909,"duration":6.794929504394531e-5}]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"APPPATH\/Views\/login.php","name":"login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"1.89","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764104731.135865,"duration":0.00189208984375}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept":"text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/avif,image\/webp,image\/apng,*\/*;q=0.8,application\/signed-exchange;v=b3;q=0.7","Accept-Encoding":"gzip, deflate, br, zstd","Accept-Language":"fr-CA,fr;q=0.9,en-US;q=0.8,en;q=0.7","Connection":"keep-alive","Host":"ms1reader.info","User-Agent":"Mozilla\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/142.0.0.0 Safari\/537.36","Cache-Control":"max-age=0","Sec-Ch-Ua":"&quot;Chromium&quot;;v=&quot;142&quot;, &quot;Google Chrome&quot;;v=&quot;142&quot;, &quot;Not_A Brand&quot;;v=&quot;99&quot;","Sec-Ch-Ua-Mobile":"?0","Sec-Ch-Ua-Platform":"&quot;Windows&quot;","Upgrade-Insecure-Requests":"1","Sec-Fetch-Site":"none","Sec-Fetch-Mode":"navigate","Sec-Fetch-User":"?1","Sec-Fetch-Dest":"document","X-Https":"1"},"request":"HTTPS\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"http:\/\/course3.ms1reader.info\/\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764104744.609581.json b/ci4app/writable/debugbar/debugbar_1764104744.609581.json
new file mode 100644
index 0000000..4946329
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764104744.609581.json
@@ -0,0 +1 @@
+{"url":"http:\/\/course3.ms1reader.info\/index.php\/","method":"GET","isAJAX":false,"startTime":1764104744.602061,"totalTime":6.8999999999999995,"totalMemory":"3.803","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764104744.60277,"duration":0.004686832427978516},{"name":"Required Before Filters","component":"Timer","start":1764104744.607457,"duration":0.0005171298980712891},{"name":"Routing","component":"Timer","start":1764104744.607976,"duration":8.511543273925781e-5},{"name":"Before Filters","component":"Timer","start":1764104744.608098,"duration":6.9141387939453125e-6},{"name":"Controller","component":"Timer","start":1764104744.608106,"duration":0.0007381439208984375},{"name":"Controller Constructor","component":"Timer","start":1764104744.608106,"duration":0.0003001689910888672},{"name":"After Filters","component":"Timer","start":1764104744.608848,"duration":9.5367431640625e-7},{"name":"Required After Filters","component":"Timer","start":1764104744.608856,"duration":7.510185241699219e-5}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: login.php","component":"Views","start":1764104744.608768,"duration":6.794929504394531e-5}]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"APPPATH\/Views\/login.php","name":"login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"1.91","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764104744.605544,"duration":0.0019109249114990234}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept":"text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/avif,image\/webp,image\/apng,*\/*;q=0.8,application\/signed-exchange;v=b3;q=0.7","Accept-Encoding":"gzip, deflate, br, zstd","Accept-Language":"fr-CA,fr;q=0.9,en-US;q=0.8,en;q=0.7","Connection":"keep-alive","Host":"ms1reader.info","User-Agent":"Mozilla\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/142.0.0.0 Safari\/537.36","Cache-Control":"max-age=0","Sec-Ch-Ua":"&quot;Chromium&quot;;v=&quot;142&quot;, &quot;Google Chrome&quot;;v=&quot;142&quot;, &quot;Not_A Brand&quot;;v=&quot;99&quot;","Sec-Ch-Ua-Mobile":"?0","Sec-Ch-Ua-Platform":"&quot;Windows&quot;","Upgrade-Insecure-Requests":"1","Sec-Fetch-Site":"none","Sec-Fetch-Mode":"navigate","Sec-Fetch-User":"?1","Sec-Fetch-Dest":"document","X-Https":"1"},"request":"HTTPS\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"http:\/\/course3.ms1reader.info\/\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764104761.045882.json b/ci4app/writable/debugbar/debugbar_1764104761.045882.json
new file mode 100644
index 0000000..c1162e3
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764104761.045882.json
@@ -0,0 +1 @@
+{"url":"http:\/\/course3.ms1reader.info\/index.php\/","method":"GET","isAJAX":false,"startTime":1764104761.037877,"totalTime":7.3,"totalMemory":"3.803","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764104761.03873,"duration":0.004916191101074219},{"name":"Required Before Filters","component":"Timer","start":1764104761.043646,"duration":0.0005719661712646484},{"name":"Routing","component":"Timer","start":1764104761.044221,"duration":8.106231689453125e-5},{"name":"Before Filters","component":"Timer","start":1764104761.044338,"duration":9.059906005859375e-6},{"name":"Controller","component":"Timer","start":1764104761.044348,"duration":0.0007839202880859375},{"name":"Controller Constructor","component":"Timer","start":1764104761.044348,"duration":0.00030803680419921875},{"name":"After Filters","component":"Timer","start":1764104761.045137,"duration":9.5367431640625e-7},{"name":"Required After Filters","component":"Timer","start":1764104761.045145,"duration":8.20159912109375e-5}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: login.php","component":"Views","start":1764104761.045046,"duration":7.700920104980469e-5}]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"APPPATH\/Views\/login.php","name":"login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"1.97","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764104761.04167,"duration":0.001973867416381836}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept":"text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/avif,image\/webp,image\/apng,*\/*;q=0.8,application\/signed-exchange;v=b3;q=0.7","Accept-Encoding":"gzip, deflate, br, zstd","Accept-Language":"fr-CA,fr;q=0.9,en-US;q=0.8,en;q=0.7","Connection":"keep-alive","Host":"ms1reader.info","User-Agent":"Mozilla\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/142.0.0.0 Safari\/537.36","Cache-Control":"max-age=0","Sec-Ch-Ua":"&quot;Chromium&quot;;v=&quot;142&quot;, &quot;Google Chrome&quot;;v=&quot;142&quot;, &quot;Not_A Brand&quot;;v=&quot;99&quot;","Sec-Ch-Ua-Mobile":"?0","Sec-Ch-Ua-Platform":"&quot;Windows&quot;","Upgrade-Insecure-Requests":"1","Sec-Fetch-Site":"none","Sec-Fetch-Mode":"navigate","Sec-Fetch-User":"?1","Sec-Fetch-Dest":"document","X-Https":"1"},"request":"HTTPS\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"http:\/\/course3.ms1reader.info\/\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764105177.641178.json b/ci4app/writable/debugbar/debugbar_1764105177.641178.json
new file mode 100644
index 0000000..b2a854d
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764105177.641178.json
@@ -0,0 +1 @@
+{"url":"http:\/\/course3.ms1reader.info\/index.php\/","method":"GET","isAJAX":false,"startTime":1764105177.632796,"totalTime":7.7,"totalMemory":"3.802","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764105177.63366,"duration":0.0052258968353271484},{"name":"Required Before Filters","component":"Timer","start":1764105177.638887,"duration":0.0005869865417480469},{"name":"Routing","component":"Timer","start":1764105177.639476,"duration":7.104873657226562e-5},{"name":"Before Filters","component":"Timer","start":1764105177.639586,"duration":8.106231689453125e-6},{"name":"Controller","component":"Timer","start":1764105177.639595,"duration":0.0008099079132080078},{"name":"Controller Constructor","component":"Timer","start":1764105177.639595,"duration":0.00030803680419921875},{"name":"After Filters","component":"Timer","start":1764105177.64041,"duration":2.1457672119140625e-6},{"name":"Required After Filters","component":"Timer","start":1764105177.640419,"duration":7.796287536621094e-5}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: login.php","component":"Views","start":1764105177.640317,"duration":8.0108642578125e-5}]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"APPPATH\/Views\/login.php","name":"login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"1.99","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764105177.6369,"duration":0.0019850730895996094}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept":"text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/avif,image\/webp,image\/apng,*\/*;q=0.8","Accept-Encoding":"gzip, deflate","Accept-Language":"en-US,en;q=0.5","Connection":"keep-alive","Host":"ms1reader.info","User-Agent":"Mozilla\/5.0 (X11; Linux x86_64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/139.0.0.0 Safari\/537.36","Sec-Ch-Ua":"&quot;Google Chrome&quot;;v=&quot;139&quot;, &quot;Not-A.Brand&quot;;v=&quot;8&quot;, &quot;Chromium&quot;;v=&quot;139&quot;","Sec-Ch-Ua-Mobile":"?0","Sec-Ch-Ua-Platform":"&quot;Linux&quot;","Upgrade-Insecure-Requests":"1","Sec-Gpc":"1","Sec-Fetch-Site":"none","Sec-Fetch-Mode":"navigate","Sec-Fetch-User":"?1","Sec-Fetch-Dest":"document"},"request":"HTTP\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"http:\/\/course3.ms1reader.info\/\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764105179.404908.json b/ci4app/writable/debugbar/debugbar_1764105179.404908.json
new file mode 100644
index 0000000..219de4a
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764105179.404908.json
@@ -0,0 +1 @@
+{"url":"http:\/\/course3.ms1reader.info\/index.php\/","method":"GET","isAJAX":false,"startTime":1764105179.396954,"totalTime":7.3,"totalMemory":"3.803","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764105179.397764,"duration":0.004949092864990234},{"name":"Required Before Filters","component":"Timer","start":1764105179.402713,"duration":0.0005459785461425781},{"name":"Routing","component":"Timer","start":1764105179.403261,"duration":6.508827209472656e-5},{"name":"Before Filters","component":"Timer","start":1764105179.403362,"duration":6.9141387939453125e-6},{"name":"Controller","component":"Timer","start":1764105179.40337,"duration":0.0007991790771484375},{"name":"Controller Constructor","component":"Timer","start":1764105179.40337,"duration":0.0002970695495605469},{"name":"After Filters","component":"Timer","start":1764105179.404174,"duration":9.5367431640625e-7},{"name":"Required After Filters","component":"Timer","start":1764105179.404183,"duration":7.510185241699219e-5}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: login.php","component":"Views","start":1764105179.40409,"duration":7.104873657226562e-5}]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"APPPATH\/Views\/login.php","name":"login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"2.08","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764105179.400634,"duration":0.002076864242553711}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept":"text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/avif,image\/webp,image\/apng,*\/*;q=0.8","Accept-Encoding":"gzip, deflate","Accept-Language":"en-US,en;q=0.5","Connection":"keep-alive","Host":"ms1reader.info","User-Agent":"Mozilla\/5.0 (X11; Linux x86_64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/139.0.0.0 Safari\/537.36","Sec-Ch-Ua":"&quot;Chromium&quot;;v=&quot;139&quot;, &quot;Not:A-Brand&quot;;v=&quot;24&quot;, &quot;Brave&quot;;v=&quot;139&quot;","Sec-Ch-Ua-Mobile":"?0","Sec-Ch-Ua-Platform":"&quot;Linux&quot;","Upgrade-Insecure-Requests":"1","Sec-Gpc":"1","Sec-Fetch-Site":"none","Sec-Fetch-Mode":"navigate","Sec-Fetch-User":"?1","Sec-Fetch-Dest":"document","X-Https":"1"},"request":"HTTPS\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"http:\/\/course3.ms1reader.info\/\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764105180.318661.json b/ci4app/writable/debugbar/debugbar_1764105180.318661.json
new file mode 100644
index 0000000..99522e2
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764105180.318661.json
@@ -0,0 +1 @@
+{"url":"http:\/\/course3.ms1reader.info\/index.php\/","method":"GET","isAJAX":false,"startTime":1764105180.311059,"totalTime":6.8999999999999995,"totalMemory":"3.803","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764105180.311763,"duration":0.0047588348388671875},{"name":"Required Before Filters","component":"Timer","start":1764105180.316523,"duration":0.0005300045013427734},{"name":"Routing","component":"Timer","start":1764105180.317055,"duration":6.794929504394531e-5},{"name":"Before Filters","component":"Timer","start":1764105180.317158,"duration":8.106231689453125e-6},{"name":"Controller","component":"Timer","start":1764105180.317166,"duration":0.0007429122924804688},{"name":"Controller Constructor","component":"Timer","start":1764105180.317167,"duration":0.0002999305725097656},{"name":"After Filters","component":"Timer","start":1764105180.317914,"duration":9.5367431640625e-7},{"name":"Required After Filters","component":"Timer","start":1764105180.317923,"duration":8.893013000488281e-5}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: login.php","component":"Views","start":1764105180.31783,"duration":6.985664367675781e-5}]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"APPPATH\/Views\/login.php","name":"login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"1.94","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764105180.314585,"duration":0.0019359588623046875}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept":"text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/avif,image\/webp,image\/apng,*\/*;q=0.8,application\/signed-exchange;v=b3;q=0.7","Accept-Encoding":"gzip, deflate, br, zstd","Accept-Language":"fr-CA,fr;q=0.9,en-US;q=0.8,en;q=0.7","Connection":"keep-alive","Host":"ms1reader.info","User-Agent":"Mozilla\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/142.0.0.0 Safari\/537.36","Sec-Ch-Ua":"&quot;Chromium&quot;;v=&quot;142&quot;, &quot;Google Chrome&quot;;v=&quot;142&quot;, &quot;Not_A Brand&quot;;v=&quot;99&quot;","Sec-Ch-Ua-Mobile":"?0","Sec-Ch-Ua-Platform":"&quot;Windows&quot;","Upgrade-Insecure-Requests":"1","Sec-Fetch-Site":"none","Sec-Fetch-Mode":"navigate","Sec-Fetch-User":"?1","Sec-Fetch-Dest":"document","X-Https":"1"},"request":"HTTPS\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"http:\/\/course3.ms1reader.info\/\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764105408.180583.json b/ci4app/writable/debugbar/debugbar_1764105408.180583.json
new file mode 100644
index 0000000..83eb958
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764105408.180583.json
@@ -0,0 +1 @@
+{"url":"https:\/\/ms1reader.info\/index.php\/","method":"GET","isAJAX":false,"startTime":1764105408.170752,"totalTime":9,"totalMemory":"3.803","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764105408.171442,"duration":0.006460905075073242},{"name":"Required Before Filters","component":"Timer","start":1764105408.177904,"duration":0.0007171630859375},{"name":"Routing","component":"Timer","start":1764105408.178623,"duration":7.295608520507812e-5},{"name":"Before Filters","component":"Timer","start":1764105408.178734,"duration":6.9141387939453125e-6},{"name":"Controller","component":"Timer","start":1764105408.178742,"duration":0.0009300708770751953},{"name":"Controller Constructor","component":"Timer","start":1764105408.178742,"duration":0.0003261566162109375},{"name":"After Filters","component":"Timer","start":1764105408.179677,"duration":1.9073486328125e-6},{"name":"Required After Filters","component":"Timer","start":1764105408.179686,"duration":0.0001289844512939453}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: login.php","component":"Views","start":1764105408.179545,"duration":0.00011706352233886719}]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"APPPATH\/Views\/login.php","name":"login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"2.27","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764105408.1756,"duration":0.0022678375244140625}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept":"text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/avif,image\/webp,image\/apng,*\/*;q=0.8,application\/signed-exchange;v=b3;q=0.7","Accept-Encoding":"gzip, deflate, br, zstd","Accept-Language":"fr-CA,fr;q=0.9,en-US;q=0.8,en;q=0.7","Connection":"keep-alive","Host":"ms1reader.info","User-Agent":"Mozilla\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/142.0.0.0 Safari\/537.36","Cache-Control":"max-age=0","Sec-Ch-Ua":"&quot;Chromium&quot;;v=&quot;142&quot;, &quot;Google Chrome&quot;;v=&quot;142&quot;, &quot;Not_A Brand&quot;;v=&quot;99&quot;","Sec-Ch-Ua-Mobile":"?0","Sec-Ch-Ua-Platform":"&quot;Windows&quot;","Upgrade-Insecure-Requests":"1","Sec-Fetch-Site":"none","Sec-Fetch-Mode":"navigate","Sec-Fetch-User":"?1","Sec-Fetch-Dest":"document","X-Https":"1"},"request":"HTTPS\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"https:\/\/ms1reader.info\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764105409.246963.json b/ci4app/writable/debugbar/debugbar_1764105409.246963.json
new file mode 100644
index 0000000..d85698e
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764105409.246963.json
@@ -0,0 +1 @@
+{"url":"https:\/\/ms1reader.info\/index.php\/login","method":"POST","isAJAX":false,"startTime":1764105409.238889,"totalTime":7,"totalMemory":"3.706","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764105409.239608,"duration":0.004642963409423828},{"name":"Required Before Filters","component":"Timer","start":1764105409.244252,"duration":0.0005209445953369141},{"name":"Routing","component":"Timer","start":1764105409.244775,"duration":6.699562072753906e-5},{"name":"Before Filters","component":"Timer","start":1764105409.244877,"duration":6.9141387939453125e-6},{"name":"Controller","component":"Timer","start":1764105409.244885,"duration":0.0008890628814697266},{"name":"Controller Constructor","component":"Timer","start":1764105409.244885,"duration":0.0003170967102050781},{"name":"After Filters","component":"Timer","start":1764105409.245778,"duration":9.5367431640625e-7},{"name":"Required After Filters","component":"Timer","start":1764105409.245781,"duration":7.915496826171875e-5}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":0,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Files","titleSafe":"files","titleDetails":"( 123 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RedirectResponse.php","name":"RedirectResponse.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Login.php","name":"Login.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":123,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Login","method":"submit","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"1.90","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764105409.242346,"duration":0.0019040107727050781}]}],"vars":{"varData":{"View Data":[]},"headers":{"Content-Type":"application\/x-www-form-urlencoded","Accept":"text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/avif,image\/webp,image\/apng,*\/*;q=0.8,application\/signed-exchange;v=b3;q=0.7","Accept-Encoding":"gzip, deflate, br, zstd","Accept-Language":"fr-CA,fr;q=0.9,en-US;q=0.8,en;q=0.7","Connection":"keep-alive","Host":"ms1reader.info","Referer":"https:\/\/ms1reader.info\/","User-Agent":"Mozilla\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/142.0.0.0 Safari\/537.36","Cache-Control":"max-age=0","Sec-Ch-Ua":"&quot;Chromium&quot;;v=&quot;142&quot;, &quot;Google Chrome&quot;;v=&quot;142&quot;, &quot;Not_A Brand&quot;;v=&quot;99&quot;","Sec-Ch-Ua-Mobile":"?0","Sec-Ch-Ua-Platform":"&quot;Windows&quot;","Origin":"https:\/\/ms1reader.info","Upgrade-Insecure-Requests":"1","Sec-Fetch-Site":"same-origin","Sec-Fetch-Mode":"navigate","Sec-Fetch-User":"?1","Sec-Fetch-Dest":"document","X-Https":"1"},"request":"HTTPS\/1.1","response":{"statusCode":303,"reason":"See Other","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8","Location":"https:\/\/ms1reader.info\/index.php\/events"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"https:\/\/ms1reader.info\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/debugbar_1764105409.306030.json b/ci4app/writable/debugbar/debugbar_1764105409.306030.json
new file mode 100644
index 0000000..65f0dcb
--- /dev/null
+++ b/ci4app/writable/debugbar/debugbar_1764105409.306030.json
@@ -0,0 +1 @@
+{"url":"https:\/\/ms1reader.info\/index.php\/events","method":"GET","isAJAX":false,"startTime":1764105409.297166,"totalTime":8.200000000000001,"totalMemory":"3.805","segmentDuration":5,"segmentCount":2,"CI_VERSION":"4.6.3","collectors":[{"title":"Timers","titleSafe":"timers","titleDetails":"","display":[],"badgeValue":null,"isEmpty":false,"hasTabContent":false,"hasLabel":false,"icon":"","hasTimelineData":true,"timelineData":[{"name":"Bootstrap","component":"Timer","start":1764105409.297805,"duration":0.0044858455657958984},{"name":"Required Before Filters","component":"Timer","start":1764105409.302291,"duration":0.0005002021789550781},{"name":"Routing","component":"Timer","start":1764105409.302793,"duration":6.985664367675781e-5},{"name":"Before Filters","component":"Timer","start":1764105409.302897,"duration":8.106231689453125e-6},{"name":"Controller","component":"Timer","start":1764105409.302906,"duration":0.002415895462036133},{"name":"Controller Constructor","component":"Timer","start":1764105409.302906,"duration":0.000659942626953125},{"name":"After Filters","component":"Timer","start":1764105409.305326,"duration":1.9073486328125e-6},{"name":"Required After Filters","component":"Timer","start":1764105409.305336,"duration":7.891654968261719e-5}]},{"title":"Database","titleSafe":"database","titleDetails":"(0 total Query, 0  unique across 0 Connection)","display":{"queries":[]},"badgeValue":0,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADMSURBVEhLY6A3YExLSwsA4nIycQDIDIhRWEBqamo\/UNF\/SjDQjF6ocZgAKPkRiFeEhoYyQ4WIBiA9QAuWAPEHqBAmgLqgHcolGQD1V4DMgHIxwbCxYD+QBqcKINseKo6eWrBioPrtQBq\/BcgY5ht0cUIYbBg2AJKkRxCNWkDQgtFUNJwtABr+F6igE8olGQD114HMgHIxAVDyAhA\/AlpSA8RYUwoeXAPVex5qHCbIyMgwBCkAuQJIY00huDBUz\/mUlBQDqHGjgBjAwAAACexpph6oHSQAAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[]},{"title":"Logs","titleSafe":"logs","titleDetails":"","display":{"logs":null},"badgeValue":null,"isEmpty":true,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACYSURBVEhLYxgFJIHU1FSjtLS0i0D8AYj7gEKMEBkqAaAFF4D4ERCvAFrwH4gDoFIMKSkpFkB+OTEYqgUTACXfA\/GqjIwMQyD9H2hRHlQKJFcBEiMGQ7VgAqCBvUgK32dmZspCpagGGNPT0\/1BLqeF4bQHQJePpiIwhmrBBEADR1MRfgB0+WgqAmOoFkwANHA0FY0CUgEDAwCQ0PUpNB3kqwAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Views","titleSafe":"views","titleDetails":"","display":[],"badgeValue":1,"isEmpty":false,"hasTabContent":false,"hasLabel":true,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADeSURBVEhL7ZSxDcIwEEWNYA0YgGmgyAaJLTcUaaBzQQEVjMEabBQxAdw53zTHiThEovGTfnE\/9rsoRUxhKLOmaa6Uh7X2+UvguLCzVxN1XW9x4EYHzik033Hp3X0LO+DaQG8MDQcuq6qao4qkHuMgQggLvkPLjqh00ZgFDBacMJYFkuwFlH1mshdkZ5JPJERA9JpI6xNCBESvibQ+IURA9JpI6xNCBESvibQ+IURA9DTsuHTOrVFFxixgB\/eUFlU8uKJ0eDBFOu\/9EvoeKnlJS2\/08Tc8NOwQ8sIfMeYFjqKDjdU2sp4AAAAASUVORK5CYII=","hasTimelineData":true,"timelineData":[{"name":"View: events_list.php","component":"Views","start":1764105409.303927,"duration":0.0013861656188964844}]},{"title":"Files","titleSafe":"files","titleDetails":"( 126 )","display":{"coreFiles":[{"path":"SYSTEMPATH\/API\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/Autoloader\/Autoloader.php","name":"Autoloader.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocator.php","name":"FileLocator.php"},{"path":"SYSTEMPATH\/Autoloader\/FileLocatorInterface.php","name":"FileLocatorInterface.php"},{"path":"SYSTEMPATH\/Boot.php","name":"Boot.php"},{"path":"SYSTEMPATH\/Cache\/CacheFactory.php","name":"CacheFactory.php"},{"path":"SYSTEMPATH\/Cache\/CacheInterface.php","name":"CacheInterface.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/BaseHandler.php","name":"BaseHandler.php"},{"path":"SYSTEMPATH\/Cache\/Handlers\/FileHandler.php","name":"FileHandler.php"},{"path":"SYSTEMPATH\/Cache\/ResponseCache.php","name":"ResponseCache.php"},{"path":"SYSTEMPATH\/CodeIgniter.php","name":"CodeIgniter.php"},{"path":"SYSTEMPATH\/Common.php","name":"Common.php"},{"path":"SYSTEMPATH\/Config\/AutoloadConfig.php","name":"AutoloadConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseConfig.php","name":"BaseConfig.php"},{"path":"SYSTEMPATH\/Config\/BaseService.php","name":"BaseService.php"},{"path":"SYSTEMPATH\/Config\/DotEnv.php","name":"DotEnv.php"},{"path":"SYSTEMPATH\/Config\/Factories.php","name":"Factories.php"},{"path":"SYSTEMPATH\/Config\/Factory.php","name":"Factory.php"},{"path":"SYSTEMPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"SYSTEMPATH\/Config\/Services.php","name":"Services.php"},{"path":"SYSTEMPATH\/Config\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/Controller.php","name":"Controller.php"},{"path":"SYSTEMPATH\/Cookie\/CloneableCookieInterface.php","name":"CloneableCookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/Cookie.php","name":"Cookie.php"},{"path":"SYSTEMPATH\/Cookie\/CookieInterface.php","name":"CookieInterface.php"},{"path":"SYSTEMPATH\/Cookie\/CookieStore.php","name":"CookieStore.php"},{"path":"SYSTEMPATH\/Database\/Config.php","name":"Config.php"},{"path":"SYSTEMPATH\/Debug\/Exceptions.php","name":"Exceptions.php"},{"path":"SYSTEMPATH\/Debug\/Timer.php","name":"Timer.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar.php","name":"Toolbar.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/BaseCollector.php","name":"BaseCollector.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Database.php","name":"Database.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Files.php","name":"Files.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Logs.php","name":"Logs.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Routes.php","name":"Routes.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Timers.php","name":"Timers.php"},{"path":"SYSTEMPATH\/Debug\/Toolbar\/Collectors\/Views.php","name":"Views.php"},{"path":"SYSTEMPATH\/Events\/Events.php","name":"Events.php"},{"path":"SYSTEMPATH\/Filters\/DebugToolbar.php","name":"DebugToolbar.php"},{"path":"SYSTEMPATH\/Filters\/FilterInterface.php","name":"FilterInterface.php"},{"path":"SYSTEMPATH\/Filters\/Filters.php","name":"Filters.php"},{"path":"SYSTEMPATH\/Filters\/ForceHTTPS.php","name":"ForceHTTPS.php"},{"path":"SYSTEMPATH\/Filters\/PageCache.php","name":"PageCache.php"},{"path":"SYSTEMPATH\/Filters\/PerformanceMetrics.php","name":"PerformanceMetrics.php"},{"path":"SYSTEMPATH\/HTTP\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"SYSTEMPATH\/HTTP\/Header.php","name":"Header.php"},{"path":"SYSTEMPATH\/HTTP\/IncomingRequest.php","name":"IncomingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/Message.php","name":"Message.php"},{"path":"SYSTEMPATH\/HTTP\/MessageInterface.php","name":"MessageInterface.php"},{"path":"SYSTEMPATH\/HTTP\/MessageTrait.php","name":"MessageTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Method.php","name":"Method.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequest.php","name":"OutgoingRequest.php"},{"path":"SYSTEMPATH\/HTTP\/OutgoingRequestInterface.php","name":"OutgoingRequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/Request.php","name":"Request.php"},{"path":"SYSTEMPATH\/HTTP\/RequestInterface.php","name":"RequestInterface.php"},{"path":"SYSTEMPATH\/HTTP\/RequestTrait.php","name":"RequestTrait.php"},{"path":"SYSTEMPATH\/HTTP\/Response.php","name":"Response.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseInterface.php","name":"ResponseInterface.php"},{"path":"SYSTEMPATH\/HTTP\/ResponseTrait.php","name":"ResponseTrait.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURI.php","name":"SiteURI.php"},{"path":"SYSTEMPATH\/HTTP\/SiteURIFactory.php","name":"SiteURIFactory.php"},{"path":"SYSTEMPATH\/HTTP\/URI.php","name":"URI.php"},{"path":"SYSTEMPATH\/HTTP\/UserAgent.php","name":"UserAgent.php"},{"path":"SYSTEMPATH\/Helpers\/array_helper.php","name":"array_helper.php"},{"path":"SYSTEMPATH\/Helpers\/filesystem_helper.php","name":"filesystem_helper.php"},{"path":"SYSTEMPATH\/Helpers\/kint_helper.php","name":"kint_helper.php"},{"path":"SYSTEMPATH\/Helpers\/url_helper.php","name":"url_helper.php"},{"path":"SYSTEMPATH\/Log\/Logger.php","name":"Logger.php"},{"path":"SYSTEMPATH\/Modules\/Modules.php","name":"Modules.php"},{"path":"SYSTEMPATH\/Router\/RouteCollection.php","name":"RouteCollection.php"},{"path":"SYSTEMPATH\/Router\/RouteCollectionInterface.php","name":"RouteCollectionInterface.php"},{"path":"SYSTEMPATH\/Router\/Router.php","name":"Router.php"},{"path":"SYSTEMPATH\/Router\/RouterInterface.php","name":"RouterInterface.php"},{"path":"SYSTEMPATH\/Superglobals.php","name":"Superglobals.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/Escaper.php","name":"Escaper.php"},{"path":"SYSTEMPATH\/ThirdParty\/Escaper\/EscaperInterface.php","name":"EscaperInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/FacadeInterface.php","name":"FacadeInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Kint.php","name":"Kint.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AbstractRenderer.php","name":"AbstractRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/AssetRendererTrait.php","name":"AssetRendererTrait.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/CliRenderer.php","name":"CliRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/ConstructableRendererInterface.php","name":"ConstructableRendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/RichRenderer.php","name":"RichRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Renderer\/TextRenderer.php","name":"TextRenderer.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/Utils.php","name":"Utils.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init.php","name":"init.php"},{"path":"SYSTEMPATH\/ThirdParty\/Kint\/init_helpers.php","name":"init_helpers.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LogLevel.php","name":"LogLevel.php"},{"path":"SYSTEMPATH\/ThirdParty\/PSR\/Log\/LoggerInterface.php","name":"LoggerInterface.php"},{"path":"SYSTEMPATH\/View\/RendererInterface.php","name":"RendererInterface.php"},{"path":"SYSTEMPATH\/View\/View.php","name":"View.php"},{"path":"SYSTEMPATH\/View\/ViewDecoratorTrait.php","name":"ViewDecoratorTrait.php"}],"userFiles":[{"path":"APPPATH\/Common.php","name":"Common.php"},{"path":"APPPATH\/Config\/App.php","name":"App.php"},{"path":"APPPATH\/Config\/Autoload.php","name":"Autoload.php"},{"path":"APPPATH\/Config\/Boot\/development.php","name":"development.php"},{"path":"APPPATH\/Config\/Cache.php","name":"Cache.php"},{"path":"APPPATH\/Config\/Constants.php","name":"Constants.php"},{"path":"APPPATH\/Config\/ContentSecurityPolicy.php","name":"ContentSecurityPolicy.php"},{"path":"APPPATH\/Config\/Cookie.php","name":"Cookie.php"},{"path":"APPPATH\/Config\/Database.php","name":"Database.php"},{"path":"APPPATH\/Config\/Events.php","name":"Events.php"},{"path":"APPPATH\/Config\/Exceptions.php","name":"Exceptions.php"},{"path":"APPPATH\/Config\/Feature.php","name":"Feature.php"},{"path":"APPPATH\/Config\/Filters.php","name":"Filters.php"},{"path":"APPPATH\/Config\/Kint.php","name":"Kint.php"},{"path":"APPPATH\/Config\/Logger.php","name":"Logger.php"},{"path":"APPPATH\/Config\/Modules.php","name":"Modules.php"},{"path":"APPPATH\/Config\/Optimize.php","name":"Optimize.php"},{"path":"APPPATH\/Config\/Paths.php","name":"Paths.php"},{"path":"APPPATH\/Config\/Routes.php","name":"Routes.php"},{"path":"APPPATH\/Config\/Routing.php","name":"Routing.php"},{"path":"APPPATH\/Config\/Services.php","name":"Services.php"},{"path":"APPPATH\/Config\/Toolbar.php","name":"Toolbar.php"},{"path":"APPPATH\/Config\/UserAgents.php","name":"UserAgents.php"},{"path":"APPPATH\/Config\/View.php","name":"View.php"},{"path":"APPPATH\/Controllers\/BaseController.php","name":"BaseController.php"},{"path":"APPPATH\/Controllers\/Events.php","name":"Events.php"},{"path":"APPPATH\/Views\/events_list.php","name":"events_list.php"},{"path":"APPPATH\/Views\/raven_footer.php","name":"raven_footer.php"},{"path":"APPPATH\/Views\/raven_header.php","name":"raven_header.php"},{"path":"APPPATH\/Views\/raven_sidebar.php","name":"raven_sidebar.php"},{"path":"FCPATH\/index.php","name":"index.php"}]},"badgeValue":126,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQ9S8NQGIVTBQUncfMfCO4uLgoKbuKQOWg+OkXERRE1IAXrIHbVDrqIDuLiJgj+gro7S3dnpfq88b1FMTE3VZx64HBzzvvZWxKnj15QCcPwCD5HUfSWR+JtzgmtsUcQBEva5IIm9SwSu+95CAWbUuy67qBa32ByZEDpIaZYZSZMjjQuPcQUq8yEyYEb8FSerYeQVGbAFzJkX1PyQWLhgCz0BxTCekC1Wp0hsa6yokzhed4oje6Iz6rlJEkyIKfUEFtITVtQdAibn5rMyaYsMS+a5wTv8qeXMhcU16QZbKgl3hbs+L4\/pnpdc87MElZgq10p5DxGdq8I7xrvUWUKvG3NbSK7ubngYzdJwSsF7TiOh9VOgfcEz1UayNe3JUPM1RWC5GXYgTfc75B4NBmXJnAtTfpABX0iPvEd9ezALwkplCFXcr9styiNOKc1RRZpaPM9tcqBwlWzGY1qPL9wjqRBgF5BH6j8HWh2S7MHlX8PrmbK+k\/8PzjOOzx1D3i1pKTTAAAAAElFTkSuQmCC","hasTimelineData":false,"timelineData":[]},{"title":"Routes","titleSafe":"routes","titleDetails":"","display":{"matchedRoute":[{"directory":"","controller":"\\App\\Controllers\\Events","method":"index","paramCount":0,"truePCount":0,"params":[]}],"routes":[{"method":"GET","route":"\/","handler":"\\App\\Controllers\\Login::index"},{"method":"GET","route":"events","handler":"\\App\\Controllers\\Events::index"},{"method":"GET","route":"event\/([0-9]+)","handler":"\\App\\Controllers\\Events::dashboard\/$1"},{"method":"POST","route":"login","handler":"\\App\\Controllers\\Login::submit"}]},"badgeValue":4,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVEhL7ZRNSsNQFIUjVXSiOFEcuQIHDpzpxC0IGYeE\/BEInbWlCHEDLsSiuANdhKDjgm6ggtSJ+l25ldrmmTwIgtgDh\/t37r1J+16cX0dRFMtpmu5pWAkrvYjjOB7AETzStBFW+inxu3KUJMmhludQpoflS1zXban4LYqiO224h6VLTHr8Z+z8EpIHFF9gG78nDVmW7UgTHKjsCyY98QP+pcq+g8Ku2s8G8X3f3\/I8b038WZTp+bO38zxfFd+I6YY6sNUvFlSDk9CRhiAI1jX1I9Cfw7GG1UB8LAuwbU0ZwQnbRDeEN5qqBxZMLtE1ti9LtbREnMIuOXnyIf5rGIb7Wq8HmlZgwYBH7ORTcKH5E4mpjeGt9fBZcHE2GCQ3Vt7oTNPNg+FXLHnSsHkw\/FR+Gg2bB8Ptzrst\/v6C\/wrH+QB+duli6MYJdQAAAABJRU5ErkJggg==","hasTimelineData":false,"timelineData":[]},{"title":"Events","titleSafe":"events","titleDetails":"","display":{"events":{"pre_system":{"event":"pre_system","duration":"1.86","count":1}}},"badgeValue":1,"isEmpty":false,"hasTabContent":true,"hasLabel":false,"icon":"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVEhL7ZXNDcIwDIVTsRBH1uDQDdquUA6IM1xgCA6MwJUN2hk6AQzAz0vl0ETUxC5VT3zSU5w81\/mRMGZysixbFEVR0jSKNt8geQU9aRpFmp\/keX6AbjZ5oB74vsaN5lSzA4tLSjpBFxsjeSuRy4d2mDdQTWU7YLbXTNN05mKyovj5KL6B7q3hoy3KwdZxBlT+Ipz+jPHrBqOIynZgcZonoukb\/0ckiTHqNvDXtXEAaygRbaB9FvUTjRUHsIYS0QaSp+Dw6wT4hiTmYHOcYZsdLQ2CbXa4ftuuYR4x9vYZgdb4vsFYUdmABMYeukK9\/SUme3KMFQ77+Yfzh8eYF8+orDuDWU5LAAAAAElFTkSuQmCC","hasTimelineData":true,"timelineData":[{"name":"Event: pre_system","component":"Events","start":1764105409.30043,"duration":0.001859903335571289}]}],"vars":{"varData":{"View Data":[]},"headers":{"Accept":"text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/avif,image\/webp,image\/apng,*\/*;q=0.8,application\/signed-exchange;v=b3;q=0.7","Accept-Encoding":"gzip, deflate, br, zstd","Accept-Language":"fr-CA,fr;q=0.9,en-US;q=0.8,en;q=0.7","Connection":"keep-alive","Host":"ms1reader.info","Referer":"https:\/\/ms1reader.info\/","User-Agent":"Mozilla\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/142.0.0.0 Safari\/537.36","Cache-Control":"max-age=0","Upgrade-Insecure-Requests":"1","Sec-Fetch-Site":"same-origin","Sec-Fetch-Mode":"navigate","Sec-Fetch-User":"?1","Sec-Fetch-Dest":"document","Sec-Ch-Ua":"&quot;Chromium&quot;;v=&quot;142&quot;, &quot;Google Chrome&quot;;v=&quot;142&quot;, &quot;Not_A Brand&quot;;v=&quot;99&quot;","Sec-Ch-Ua-Mobile":"?0","Sec-Ch-Ua-Platform":"&quot;Windows&quot;","X-Https":"1"},"request":"HTTPS\/1.1","response":{"statusCode":200,"reason":"OK","contentType":"text\/html; charset=UTF-8","headers":{"Cache-Control":"no-store, max-age=0, no-cache","Content-Type":"text\/html; charset=UTF-8"}}},"config":{"ciVersion":"4.6.3","phpVersion":"8.4.14","phpSAPI":"litespeed","environment":"development","baseURL":"https:\/\/ms1reader.info\/","timezone":"UTC","locale":"en","cspEnabled":false}}
\ No newline at end of file
diff --git a/ci4app/writable/debugbar/index.html b/ci4app/writable/debugbar/index.html
new file mode 100644
index 0000000..b702fbc
--- /dev/null
+++ b/ci4app/writable/debugbar/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>403 Forbidden</title>
+</head>
+<body>
+
+<p>Directory access is forbidden.</p>
+
+</body>
+</html>
diff --git a/ci4app/writable/index.html b/ci4app/writable/index.html
new file mode 100644
index 0000000..b702fbc
--- /dev/null
+++ b/ci4app/writable/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>403 Forbidden</title>
+</head>
+<body>
+
+<p>Directory access is forbidden.</p>
+
+</body>
+</html>
diff --git a/ci4app/writable/logs/index.html b/ci4app/writable/logs/index.html
new file mode 100644
index 0000000..b702fbc
--- /dev/null
+++ b/ci4app/writable/logs/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>403 Forbidden</title>
+</head>
+<body>
+
+<p>Directory access is forbidden.</p>
+
+</body>
+</html>
diff --git a/ci4app/writable/logs/log-2025-11-24.log b/ci4app/writable/logs/log-2025-11-24.log
new file mode 100644
index 0000000..664864c
--- /dev/null
+++ b/ci4app/writable/logs/log-2025-11-24.log
@@ -0,0 +1,250 @@
+CRITICAL - 2025-11-24 22:14:25 --> CodeIgniter\View\Exceptions\ViewException: Invalid file: "layouts/default.php"
+[Method: GET, Route: /]
+in SYSTEMPATH/Exceptions/FrameworkException.php on line 39.
+ 1 SYSTEMPATH/View/View.php(214): CodeIgniter\Exceptions\FrameworkException::forInvalidFile('layouts/default.php')
+ 2 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('layouts/default', [], true)
+ 3 APPPATH/Config/Routes.php(9): view('layouts/default')
+ 4 SYSTEMPATH/CodeIgniter.php(875): CodeIgniter\Router\RouteCollection->{closure}()
+ 5 SYSTEMPATH/CodeIgniter.php(494): CodeIgniter\CodeIgniter->startController()
+ 6 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+ 7 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+ 8 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+ 9 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-24 22:36:28 --> ErrorException: Undefined variable $assets_url
+[Method: GET, Route: /]
+in APPPATH/Views/raven_test.php on line 9.
+ 1 APPPATH/Views/raven_test.php(9): CodeIgniter\Debug\Exceptions->errorHandler(2, 'Undefined variable $assets_url', '/home/ms1reader/ci4app/app/Views/raven_test.php', 9)
+ 2 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/raven_test.php')
+ 3 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 4 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_test', [], true)
+ 5 APPPATH/Controllers/Home.php(10): view('raven_test')
+ 6 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Home->index()
+ 7 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Home))
+ 8 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+ 9 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+10 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+11 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-24 22:37:28 --> ErrorException: Undefined variable $assets_url
+[Method: GET, Route: /]
+in APPPATH/Views/raven_test.php on line 8.
+ 1 APPPATH/Views/raven_test.php(8): CodeIgniter\Debug\Exceptions->errorHandler(2, 'Undefined variable $assets_url', '/home/ms1reader/ci4app/app/Views/raven_test.php', 8)
+ 2 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/raven_test.php')
+ 3 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 4 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_test', [], true)
+ 5 APPPATH/Controllers/Home.php(10): view('raven_test')
+ 6 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Home->index()
+ 7 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Home))
+ 8 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+ 9 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+10 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+11 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-24 22:37:30 --> ErrorException: Undefined variable $assets_url
+[Method: GET, Route: /]
+in APPPATH/Views/raven_test.php on line 8.
+ 1 APPPATH/Views/raven_test.php(8): CodeIgniter\Debug\Exceptions->errorHandler(2, 'Undefined variable $assets_url', '/home/ms1reader/ci4app/app/Views/raven_test.php', 8)
+ 2 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/raven_test.php')
+ 3 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 4 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_test', [], true)
+ 5 APPPATH/Controllers/Home.php(10): view('raven_test')
+ 6 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Home->index()
+ 7 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Home))
+ 8 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+ 9 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+10 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+11 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-24 22:37:31 --> ErrorException: Undefined variable $assets_url
+[Method: GET, Route: /]
+in APPPATH/Views/raven_test.php on line 8.
+ 1 APPPATH/Views/raven_test.php(8): CodeIgniter\Debug\Exceptions->errorHandler(2, 'Undefined variable $assets_url', '/home/ms1reader/ci4app/app/Views/raven_test.php', 8)
+ 2 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/raven_test.php')
+ 3 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 4 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_test', [], true)
+ 5 APPPATH/Controllers/Home.php(10): view('raven_test')
+ 6 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Home->index()
+ 7 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Home))
+ 8 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+ 9 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+10 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+11 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-24 22:38:26 --> ErrorException: Undefined variable $assets_url
+[Method: GET, Route: /]
+in APPPATH/Views/raven_test.php on line 8.
+ 1 APPPATH/Views/raven_test.php(8): CodeIgniter\Debug\Exceptions->errorHandler(2, 'Undefined variable $assets_url', '/home/ms1reader/ci4app/app/Views/raven_test.php', 8)
+ 2 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/raven_test.php')
+ 3 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 4 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_test', [], true)
+ 5 APPPATH/Controllers/Home.php(10): view('raven_test')
+ 6 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Home->index()
+ 7 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Home))
+ 8 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+ 9 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+10 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+11 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-24 22:38:51 --> ErrorException: Undefined variable $assets_url
+[Method: GET, Route: /]
+in APPPATH/Views/raven_test.php on line 8.
+ 1 APPPATH/Views/raven_test.php(8): CodeIgniter\Debug\Exceptions->errorHandler(2, 'Undefined variable $assets_url', '/home/ms1reader/ci4app/app/Views/raven_test.php', 8)
+ 2 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/raven_test.php')
+ 3 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 4 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_test', [], true)
+ 5 APPPATH/Controllers/Home.php(10): view('raven_test')
+ 6 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Home->index()
+ 7 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Home))
+ 8 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+ 9 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+10 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+11 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-24 22:40:56 --> ErrorException: Undefined variable $assets_url
+[Method: GET, Route: /]
+in APPPATH/Views/raven_test.php on line 8.
+ 1 APPPATH/Views/raven_test.php(8): CodeIgniter\Debug\Exceptions->errorHandler(2, 'Undefined variable $assets_url', '/home/ms1reader/ci4app/app/Views/raven_test.php', 8)
+ 2 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/raven_test.php')
+ 3 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 4 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_test', [], true)
+ 5 APPPATH/Controllers/Home.php(10): view('raven_test')
+ 6 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Home->index()
+ 7 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Home))
+ 8 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+ 9 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+10 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+11 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-24 22:43:09 --> ErrorException: Undefined variable $assets_url
+[Method: GET, Route: /]
+in APPPATH/Views/raven_test.php on line 8.
+ 1 APPPATH/Views/raven_test.php(8): CodeIgniter\Debug\Exceptions->errorHandler(2, 'Undefined variable $assets_url', '/home/ms1reader/ci4app/app/Views/raven_test.php', 8)
+ 2 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/raven_test.php')
+ 3 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 4 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_test', [], true)
+ 5 APPPATH/Controllers/Home.php(10): view('raven_test')
+ 6 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Home->index()
+ 7 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Home))
+ 8 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+ 9 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+10 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+11 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-24 22:43:12 --> ErrorException: Undefined variable $assets_url
+[Method: GET, Route: /]
+in APPPATH/Views/raven_test.php on line 8.
+ 1 APPPATH/Views/raven_test.php(8): CodeIgniter\Debug\Exceptions->errorHandler(2, 'Undefined variable $assets_url', '/home/ms1reader/ci4app/app/Views/raven_test.php', 8)
+ 2 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/raven_test.php')
+ 3 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 4 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_test', [], true)
+ 5 APPPATH/Controllers/Home.php(10): view('raven_test')
+ 6 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Home->index()
+ 7 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Home))
+ 8 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+ 9 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+10 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+11 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-24 22:53:26 --> ParseError: syntax error, unexpected double-quoted string " />
"
+[Method: GET, Route: /]
+in APPPATH/Views/raven_template.php on line 18.
+ 1 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 2 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_template', [], true)
+ 3 APPPATH/Views/raven_test.php(2): view('raven_template')
+ 4 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/raven_test.php')
+ 5 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 6 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_test', [], true)
+ 7 APPPATH/Controllers/Home.php(10): view('raven_test')
+ 8 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Home->index()
+ 9 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Home))
+10 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+11 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+12 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+13 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-24 22:53:36 --> ParseError: syntax error, unexpected token "="
+[Method: GET, Route: /]
+in APPPATH/Views/raven_template.php on line 16.
+ 1 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 2 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_template', [], true)
+ 3 APPPATH/Views/raven_test.php(2): view('raven_template')
+ 4 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/raven_test.php')
+ 5 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 6 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_test', [], true)
+ 7 APPPATH/Controllers/Home.php(10): view('raven_test')
+ 8 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Home->index()
+ 9 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Home))
+10 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+11 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+12 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+13 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-24 22:55:07 --> ParseError: syntax error, unexpected token "="
+[Method: GET, Route: /]
+in APPPATH/Views/raven_template.php on line 16.
+ 1 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 2 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_template', [], true)
+ 3 APPPATH/Views/raven_test.php(2): view('raven_template')
+ 4 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/raven_test.php')
+ 5 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 6 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_test', [], true)
+ 7 APPPATH/Controllers/Home.php(10): view('raven_test')
+ 8 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Home->index()
+ 9 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Home))
+10 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+11 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+12 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+13 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-24 22:57:42 --> ParseError: syntax error, unexpected token "="
+[Method: GET, Route: /]
+in APPPATH/Views/raven_template.php on line 16.
+ 1 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 2 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_template', [], true)
+ 3 APPPATH/Views/raven_test.php(2): view('raven_template')
+ 4 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/raven_test.php')
+ 5 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 6 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_test', [], true)
+ 7 APPPATH/Controllers/Home.php(11): view('raven_test', [...])
+ 8 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Home->index()
+ 9 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Home))
+10 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+11 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+12 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+13 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-24 22:57:44 --> ParseError: syntax error, unexpected token "="
+[Method: GET, Route: /]
+in APPPATH/Views/raven_template.php on line 16.
+ 1 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 2 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_template', [], true)
+ 3 APPPATH/Views/raven_test.php(2): view('raven_template')
+ 4 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/raven_test.php')
+ 5 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 6 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_test', [], true)
+ 7 APPPATH/Controllers/Home.php(11): view('raven_test', [...])
+ 8 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Home->index()
+ 9 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Home))
+10 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+11 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+12 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+13 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-24 22:57:57 --> ParseError: syntax error, unexpected token "="
+[Method: GET, Route: /]
+in APPPATH/Views/raven_template.php on line 16.
+ 1 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 2 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_template', [], true)
+ 3 APPPATH/Views/raven_test.php(2): view('raven_template')
+ 4 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/raven_test.php')
+ 5 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 6 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_test', [], true)
+ 7 APPPATH/Controllers/Home.php(11): view('raven_test', [...])
+ 8 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Home->index()
+ 9 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Home))
+10 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+11 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+12 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+13 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-24 22:58:24 --> ParseError: syntax error, unexpected double-quoted string " />
"
+[Method: GET, Route: /]
+in APPPATH/Views/raven_template.php on line 18.
+ 1 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 2 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_template', [], true)
+ 3 APPPATH/Views/raven_test.php(2): view('raven_template')
+ 4 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/raven_test.php')
+ 5 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 6 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('raven_test', [], true)
+ 7 APPPATH/Controllers/Home.php(11): view('raven_test', [...])
+ 8 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Home->index()
+ 9 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Home))
+10 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+11 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+12 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+13 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
diff --git a/ci4app/writable/logs/log-2025-11-25.log b/ci4app/writable/logs/log-2025-11-25.log
new file mode 100644
index 0000000..0e39eb5
--- /dev/null
+++ b/ci4app/writable/logs/log-2025-11-25.log
@@ -0,0 +1,144 @@
+CRITICAL - 2025-11-25 15:12:08 --> CodeIgniter\View\Exceptions\ViewException: Invalid file: "login.php"
+[Method: GET, Route: /]
+in SYSTEMPATH/Exceptions/FrameworkException.php on line 39.
+ 1 SYSTEMPATH/View/View.php(214): CodeIgniter\Exceptions\FrameworkException::forInvalidFile('login.php')
+ 2 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('login', [], true)
+ 3 APPPATH/Controllers/Login.php(9): view('login')
+ 4 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Login->index()
+ 5 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Login))
+ 6 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+ 7 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+ 8 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+ 9 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-25 15:14:31 --> ErrorException: include(raven_sidebar.php): Failed to open stream: No such file or directory
+[Method: GET, Route: events]
+in APPPATH/Views/events_list.php on line 12.
+ 1 APPPATH/Views/events_list.php(12): CodeIgniter\Debug\Exceptions->errorHandler(2, 'include(raven_sidebar.php): Failed to open stream: No such file or directory', '/home/ms1reader/ci4app/app/Views/events_list.php', 12)
+ 2 APPPATH/Views/events_list.php(12): include()
+ 3 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/events_list.php')
+ 4 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 5 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('events_list', [], true)
+ 6 APPPATH/Controllers/Events.php(9): view('events_list')
+ 7 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Events->index()
+ 8 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Events))
+ 9 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+10 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+11 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+12 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-25 15:14:46 --> ErrorException: include(raven_sidebar.php): Failed to open stream: No such file or directory
+[Method: GET, Route: events]
+in APPPATH/Views/events_list.php on line 12.
+ 1 APPPATH/Views/events_list.php(12): CodeIgniter\Debug\Exceptions->errorHandler(2, 'include(raven_sidebar.php): Failed to open stream: No such file or directory', '/home/ms1reader/ci4app/app/Views/events_list.php', 12)
+ 2 APPPATH/Views/events_list.php(12): include()
+ 3 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/events_list.php')
+ 4 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 5 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('events_list', [], true)
+ 6 APPPATH/Controllers/Events.php(9): view('events_list')
+ 7 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Events->index()
+ 8 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Events))
+ 9 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+10 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+11 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+12 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-25 15:14:54 --> ErrorException: include(raven_sidebar.php): Failed to open stream: No such file or directory
+[Method: GET, Route: events]
+in APPPATH/Views/events_list.php on line 12.
+ 1 APPPATH/Views/events_list.php(12): CodeIgniter\Debug\Exceptions->errorHandler(2, 'include(raven_sidebar.php): Failed to open stream: No such file or directory', '/home/ms1reader/ci4app/app/Views/events_list.php', 12)
+ 2 APPPATH/Views/events_list.php(12): include()
+ 3 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/events_list.php')
+ 4 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 5 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('events_list', [], true)
+ 6 APPPATH/Controllers/Events.php(9): view('events_list')
+ 7 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Events->index()
+ 8 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Events))
+ 9 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+10 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+11 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+12 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-25 15:32:19 --> ParseError: syntax error, unexpected identifier "dd", expecting "function" or "const"
+[Method: GET, Route: /]
+in APPPATH/Controllers/Login.php on line 6.
+ 1 SYSTEMPATH/Autoloader/Autoloader.php(295): CodeIgniter\Autoloader\Autoloader->includeFile('/home/ms1reader/ci4app/app/Controllers/Login.php')
+ 2 SYSTEMPATH/Autoloader/Autoloader.php(271): CodeIgniter\Autoloader\Autoloader->loadInNamespace('App\\Controllers\\Login')
+ 3 [internal function]: CodeIgniter\Autoloader\Autoloader->loadClass('App\\Controllers\\Login')
+ 4 SYSTEMPATH/CodeIgniter.php(885): class_exists('\\App\\Controllers\\Login', true)
+ 5 SYSTEMPATH/CodeIgniter.php(494): CodeIgniter\CodeIgniter->startController()
+ 6 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+ 7 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+ 8 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+ 9 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-25 15:37:29 --> ErrorException: include(raven_sidebar.php): Failed to open stream: No such file or directory
+[Method: GET, Route: events]
+in APPPATH/Views/events_list.php on line 12.
+ 1 APPPATH/Views/events_list.php(12): CodeIgniter\Debug\Exceptions->errorHandler(2, 'include(raven_sidebar.php): Failed to open stream: No such file or directory', '/home/ms1reader/ci4app/app/Views/events_list.php', 12)
+ 2 APPPATH/Views/events_list.php(12): include()
+ 3 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/events_list.php')
+ 4 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 5 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('events_list', [], true)
+ 6 APPPATH/Controllers/Events.php(9): view('events_list')
+ 7 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Events->index()
+ 8 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Events))
+ 9 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+10 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+11 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+12 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-25 15:38:05 --> ErrorException: include(raven_sidebar.php): Failed to open stream: No such file or directory
+[Method: GET, Route: events]
+in APPPATH/Views/events_list.php on line 12.
+ 1 APPPATH/Views/events_list.php(12): CodeIgniter\Debug\Exceptions->errorHandler(2, 'include(raven_sidebar.php): Failed to open stream: No such file or directory', '/home/ms1reader/ci4app/app/Views/events_list.php', 12)
+ 2 APPPATH/Views/events_list.php(12): include()
+ 3 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/events_list.php')
+ 4 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 5 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('events_list', [], true)
+ 6 APPPATH/Controllers/Events.php(9): view('events_list')
+ 7 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Events->index()
+ 8 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Events))
+ 9 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+10 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+11 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+12 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-25 15:38:44 --> ErrorException: include(raven_sidebar.php): Failed to open stream: No such file or directory
+[Method: GET, Route: events]
+in APPPATH/Views/events_list.php on line 12.
+ 1 APPPATH/Views/events_list.php(12): CodeIgniter\Debug\Exceptions->errorHandler(2, 'include(raven_sidebar.php): Failed to open stream: No such file or directory', '/home/ms1reader/ci4app/app/Views/events_list.php', 12)
+ 2 APPPATH/Views/events_list.php(12): include()
+ 3 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/events_list.php')
+ 4 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 5 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('events_list', [], true)
+ 6 APPPATH/Controllers/Events.php(9): view('events_list')
+ 7 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Events->index()
+ 8 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Events))
+ 9 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+10 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+11 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+12 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-25 15:39:32 --> ErrorException: include(raven_sidebar.php): Failed to open stream: No such file or directory
+[Method: GET, Route: events]
+in APPPATH/Views/events_list.php on line 12.
+ 1 APPPATH/Views/events_list.php(12): CodeIgniter\Debug\Exceptions->errorHandler(2, 'include(raven_sidebar.php): Failed to open stream: No such file or directory', '/home/ms1reader/ci4app/app/Views/events_list.php', 12)
+ 2 APPPATH/Views/events_list.php(12): include()
+ 3 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/events_list.php')
+ 4 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 5 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('events_list', [], true)
+ 6 APPPATH/Controllers/Events.php(9): view('events_list')
+ 7 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Events->index()
+ 8 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Events))
+ 9 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+10 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+11 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+12 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
+CRITICAL - 2025-11-25 15:40:55 --> ErrorException: include(/home/ms1reader/ci4app/app/Views/raven_sidebar.php): Failed to open stream: No such file or directory
+[Method: GET, Route: events]
+in APPPATH/Views/events_list.php on line 12.
+ 1 APPPATH/Views/events_list.php(12): CodeIgniter\Debug\Exceptions->errorHandler(2, 'include(/home/ms1reader/ci4app/app/Views/raven_sidebar.php): Failed to open stream: No such file or directory', '/home/ms1reader/ci4app/app/Views/events_list.php', 12)
+ 2 APPPATH/Views/events_list.php(12): include()
+ 3 SYSTEMPATH/View/View.php(226): include('/home/ms1reader/ci4app/app/Views/events_list.php')
+ 4 SYSTEMPATH/View/View.php(229): CodeIgniter\View\View->CodeIgniter\View\{closure}()
+ 5 SYSTEMPATH/Common.php(1167): CodeIgniter\View\View->render('events_list', [], true)
+ 6 APPPATH/Controllers/Events.php(9): view('events_list')
+ 7 SYSTEMPATH/CodeIgniter.php(933): App\Controllers\Events->index()
+ 8 SYSTEMPATH/CodeIgniter.php(507): CodeIgniter\CodeIgniter->runController(Object(App\Controllers\Events))
+ 9 SYSTEMPATH/CodeIgniter.php(354): CodeIgniter\CodeIgniter->handleRequest(null, Object(Config\Cache), false)
+10 SYSTEMPATH/Boot.php(363): CodeIgniter\CodeIgniter->run()
+11 SYSTEMPATH/Boot.php(68): CodeIgniter\Boot::runCodeIgniter(Object(CodeIgniter\CodeIgniter))
+12 FCPATH/index.php(59): CodeIgniter\Boot::bootWeb(Object(Config\Paths))
diff --git a/ci4app/writable/session/index.html b/ci4app/writable/session/index.html
new file mode 100644
index 0000000..b702fbc
--- /dev/null
+++ b/ci4app/writable/session/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>403 Forbidden</title>
+</head>
+<body>
+
+<p>Directory access is forbidden.</p>
+
+</body>
+</html>
diff --git a/ci4app/writable/uploads/index.html b/ci4app/writable/uploads/index.html
new file mode 100644
index 0000000..b702fbc
--- /dev/null
+++ b/ci4app/writable/uploads/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>403 Forbidden</title>
+</head>
+<body>
+
+<p>Directory access is forbidden.</p>
+
+</body>
+</html>
diff --git a/home/ms1reader/ci4app/public/.htaccess b/home/ms1reader/ci4app/public/.htaccess
new file mode 100644
index 0000000..997a9b8
--- /dev/null
+++ b/home/ms1reader/ci4app/public/.htaccess
@@ -0,0 +1,8 @@
+
+
+# php -- BEGIN cPanel-generated handler, do not edit
+# Set the “ea-php81” package as the default “PHP” programming language.
+<IfModule mime_module>
+  AddHandler application/x-httpd-ea-php81 .php .php8 .phtml
+</IfModule>
+# php -- END cPanel-generated handler, do not edit
diff --git a/public_html/.htaccess b/public_html/.htaccess
new file mode 100644
index 0000000..1455b31
--- /dev/null
+++ b/public_html/.htaccess
@@ -0,0 +1,12 @@
+ # CI4 rewrite rules
+ <IfModule mod_rewrite.c>
+     Options -Indexes
+     RewriteEngine On
+
+     # Allow all assets (css, js, images)
+     RewriteRule ^assets/(.*)$ - [L]
+
+     RewriteCond %{REQUEST_FILENAME} !-f
+     RewriteCond %{REQUEST_FILENAME} !-d
+     RewriteRule ^(.*)$ index.php/$1 [L]
+ </IfModule>
diff --git a/public_html/assets/raven/css/style.css b/public_html/assets/raven/css/style.css
new file mode 100644
index 0000000..e735342
--- /dev/null
+++ b/public_html/assets/raven/css/style.css
@@ -0,0 +1,11328 @@
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+@layer properties;
+@layer theme, base, components, utilities;
+@layer theme {
+  :root, :host {
+    --font-sans: var(--font-theme);
+    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+      "Courier New", monospace;
+    --color-red-50: oklch(97.1% 0.013 17.38);
+    --color-red-100: oklch(93.6% 0.032 17.717);
+    --color-red-200: oklch(88.5% 0.062 18.334);
+    --color-red-300: oklch(80.8% 0.114 19.571);
+    --color-red-400: oklch(70.4% 0.191 22.216);
+    --color-red-500: oklch(63.7% 0.237 25.331);
+    --color-red-600: oklch(57.7% 0.245 27.325);
+    --color-red-700: oklch(50.5% 0.213 27.518);
+    --color-red-800: oklch(44.4% 0.177 26.899);
+    --color-red-900: oklch(39.6% 0.141 25.723);
+    --color-red-950: oklch(25.8% 0.092 26.042);
+    --color-orange-50: oklch(98% 0.016 73.684);
+    --color-orange-100: oklch(95.4% 0.038 75.164);
+    --color-orange-200: oklch(90.1% 0.076 70.697);
+    --color-orange-300: oklch(83.7% 0.128 66.29);
+    --color-orange-400: oklch(75% 0.183 55.934);
+    --color-orange-500: oklch(70.5% 0.213 47.604);
+    --color-orange-600: oklch(64.6% 0.222 41.116);
+    --color-orange-700: oklch(55.3% 0.195 38.402);
+    --color-orange-800: oklch(47% 0.157 37.304);
+    --color-orange-900: oklch(40.8% 0.123 38.172);
+    --color-orange-950: oklch(26.6% 0.079 36.259);
+    --color-amber-50: oklch(98.7% 0.022 95.277);
+    --color-amber-100: oklch(96.2% 0.059 95.617);
+    --color-amber-200: oklch(92.4% 0.12 95.746);
+    --color-amber-300: oklch(87.9% 0.169 91.605);
+    --color-amber-400: oklch(82.8% 0.189 84.429);
+    --color-amber-500: oklch(76.9% 0.188 70.08);
+    --color-amber-600: oklch(66.6% 0.179 58.318);
+    --color-amber-700: oklch(55.5% 0.163 48.998);
+    --color-amber-800: oklch(47.3% 0.137 46.201);
+    --color-amber-900: oklch(41.4% 0.112 45.904);
+    --color-amber-950: oklch(27.9% 0.077 45.635);
+    --color-yellow-50: oklch(98.7% 0.026 102.212);
+    --color-yellow-100: oklch(97.3% 0.071 103.193);
+    --color-yellow-200: oklch(94.5% 0.129 101.54);
+    --color-yellow-300: oklch(90.5% 0.182 98.111);
+    --color-yellow-400: oklch(85.2% 0.199 91.936);
+    --color-yellow-500: oklch(79.5% 0.184 86.047);
+    --color-yellow-600: oklch(68.1% 0.162 75.834);
+    --color-yellow-700: oklch(55.4% 0.135 66.442);
+    --color-yellow-800: oklch(47.6% 0.114 61.907);
+    --color-yellow-900: oklch(42.1% 0.095 57.708);
+    --color-yellow-950: oklch(28.6% 0.066 53.813);
+    --color-lime-50: oklch(98.6% 0.031 120.757);
+    --color-lime-100: oklch(96.7% 0.067 122.328);
+    --color-lime-200: oklch(93.8% 0.127 124.321);
+    --color-lime-300: oklch(89.7% 0.196 126.665);
+    --color-lime-400: oklch(84.1% 0.238 128.85);
+    --color-lime-500: oklch(76.8% 0.233 130.85);
+    --color-lime-600: oklch(64.8% 0.2 131.684);
+    --color-lime-700: oklch(53.2% 0.157 131.589);
+    --color-lime-800: oklch(45.3% 0.124 130.933);
+    --color-lime-900: oklch(40.5% 0.101 131.063);
+    --color-lime-950: oklch(27.4% 0.072 132.109);
+    --color-green-50: oklch(98.2% 0.018 155.826);
+    --color-green-100: oklch(96.2% 0.044 156.743);
+    --color-green-200: oklch(92.5% 0.084 155.995);
+    --color-green-300: oklch(87.1% 0.15 154.449);
+    --color-green-400: oklch(79.2% 0.209 151.711);
+    --color-green-500: oklch(72.3% 0.219 149.579);
+    --color-green-600: oklch(62.7% 0.194 149.214);
+    --color-green-700: oklch(52.7% 0.154 150.069);
+    --color-green-800: oklch(44.8% 0.119 151.328);
+    --color-green-900: oklch(39.3% 0.095 152.535);
+    --color-green-950: oklch(26.6% 0.065 152.934);
+    --color-emerald-50: oklch(97.9% 0.021 166.113);
+    --color-emerald-100: oklch(95% 0.052 163.051);
+    --color-emerald-200: oklch(90.5% 0.093 164.15);
+    --color-emerald-300: oklch(84.5% 0.143 164.978);
+    --color-emerald-400: oklch(76.5% 0.177 163.223);
+    --color-emerald-500: oklch(69.6% 0.17 162.48);
+    --color-emerald-600: oklch(59.6% 0.145 163.225);
+    --color-emerald-700: oklch(50.8% 0.118 165.612);
+    --color-emerald-800: oklch(43.2% 0.095 166.913);
+    --color-emerald-900: oklch(37.8% 0.077 168.94);
+    --color-emerald-950: oklch(26.2% 0.051 172.552);
+    --color-teal-50: oklch(98.4% 0.014 180.72);
+    --color-teal-100: oklch(95.3% 0.051 180.801);
+    --color-teal-200: oklch(91% 0.096 180.426);
+    --color-teal-300: oklch(85.5% 0.138 181.071);
+    --color-teal-400: oklch(77.7% 0.152 181.912);
+    --color-teal-500: oklch(70.4% 0.14 182.503);
+    --color-teal-600: oklch(60% 0.118 184.704);
+    --color-teal-700: oklch(51.1% 0.096 186.391);
+    --color-teal-800: oklch(43.7% 0.078 188.216);
+    --color-teal-900: oklch(38.6% 0.063 188.416);
+    --color-teal-950: oklch(27.7% 0.046 192.524);
+    --color-cyan-50: oklch(98.4% 0.019 200.873);
+    --color-cyan-100: oklch(95.6% 0.045 203.388);
+    --color-cyan-200: oklch(91.7% 0.08 205.041);
+    --color-cyan-300: oklch(86.5% 0.127 207.078);
+    --color-cyan-400: oklch(78.9% 0.154 211.53);
+    --color-cyan-500: oklch(71.5% 0.143 215.221);
+    --color-cyan-600: oklch(60.9% 0.126 221.723);
+    --color-cyan-700: oklch(52% 0.105 223.128);
+    --color-cyan-800: oklch(45% 0.085 224.283);
+    --color-cyan-900: oklch(39.8% 0.07 227.392);
+    --color-cyan-950: oklch(30.2% 0.056 229.695);
+    --color-sky-50: oklch(97.7% 0.013 236.62);
+    --color-sky-100: oklch(95.1% 0.026 236.824);
+    --color-sky-200: oklch(90.1% 0.058 230.902);
+    --color-sky-300: oklch(82.8% 0.111 230.318);
+    --color-sky-400: oklch(74.6% 0.16 232.661);
+    --color-sky-500: oklch(68.5% 0.169 237.323);
+    --color-sky-600: oklch(58.8% 0.158 241.966);
+    --color-sky-700: oklch(50% 0.134 242.749);
+    --color-sky-800: oklch(44.3% 0.11 240.79);
+    --color-sky-900: oklch(39.1% 0.09 240.876);
+    --color-sky-950: oklch(29.3% 0.066 243.157);
+    --color-blue-50: oklch(97% 0.014 254.604);
+    --color-blue-100: oklch(93.2% 0.032 255.585);
+    --color-blue-200: oklch(88.2% 0.059 254.128);
+    --color-blue-300: oklch(80.9% 0.105 251.813);
+    --color-blue-400: oklch(70.7% 0.165 254.624);
+    --color-blue-500: oklch(62.3% 0.214 259.815);
+    --color-blue-600: oklch(54.6% 0.245 262.881);
+    --color-blue-700: oklch(48.8% 0.243 264.376);
+    --color-blue-800: oklch(42.4% 0.199 265.638);
+    --color-blue-900: oklch(37.9% 0.146 265.522);
+    --color-blue-950: oklch(28.2% 0.091 267.935);
+    --color-indigo-50: oklch(96.2% 0.018 272.314);
+    --color-indigo-100: oklch(93% 0.034 272.788);
+    --color-indigo-200: oklch(87% 0.065 274.039);
+    --color-indigo-300: oklch(78.5% 0.115 274.713);
+    --color-indigo-400: oklch(67.3% 0.182 276.935);
+    --color-indigo-500: oklch(58.5% 0.233 277.117);
+    --color-indigo-600: oklch(51.1% 0.262 276.966);
+    --color-indigo-700: oklch(45.7% 0.24 277.023);
+    --color-indigo-800: oklch(39.8% 0.195 277.366);
+    --color-indigo-900: oklch(35.9% 0.144 278.697);
+    --color-indigo-950: oklch(25.7% 0.09 281.288);
+    --color-violet-50: oklch(96.9% 0.016 293.756);
+    --color-violet-100: oklch(94.3% 0.029 294.588);
+    --color-violet-200: oklch(89.4% 0.057 293.283);
+    --color-violet-300: oklch(81.1% 0.111 293.571);
+    --color-violet-400: oklch(70.2% 0.183 293.541);
+    --color-violet-500: oklch(60.6% 0.25 292.717);
+    --color-violet-600: oklch(54.1% 0.281 293.009);
+    --color-violet-700: oklch(49.1% 0.27 292.581);
+    --color-violet-800: oklch(43.2% 0.232 292.759);
+    --color-violet-900: oklch(38% 0.189 293.745);
+    --color-violet-950: oklch(28.3% 0.141 291.089);
+    --color-purple-50: oklch(97.7% 0.014 308.299);
+    --color-purple-100: oklch(94.6% 0.033 307.174);
+    --color-purple-200: oklch(90.2% 0.063 306.703);
+    --color-purple-300: oklch(82.7% 0.119 306.383);
+    --color-purple-400: oklch(71.4% 0.203 305.504);
+    --color-purple-500: oklch(62.7% 0.265 303.9);
+    --color-purple-600: oklch(55.8% 0.288 302.321);
+    --color-purple-700: oklch(49.6% 0.265 301.924);
+    --color-purple-800: oklch(43.8% 0.218 303.724);
+    --color-purple-900: oklch(38.1% 0.176 304.987);
+    --color-purple-950: oklch(29.1% 0.149 302.717);
+    --color-fuchsia-50: oklch(97.7% 0.017 320.058);
+    --color-fuchsia-100: oklch(95.2% 0.037 318.852);
+    --color-fuchsia-200: oklch(90.3% 0.076 319.62);
+    --color-fuchsia-300: oklch(83.3% 0.145 321.434);
+    --color-fuchsia-400: oklch(74% 0.238 322.16);
+    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
+    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
+    --color-fuchsia-700: oklch(51.8% 0.253 323.949);
+    --color-fuchsia-800: oklch(45.2% 0.211 324.591);
+    --color-fuchsia-900: oklch(40.1% 0.17 325.612);
+    --color-fuchsia-950: oklch(29.3% 0.136 325.661);
+    --color-pink-50: oklch(97.1% 0.014 343.198);
+    --color-pink-100: oklch(94.8% 0.028 342.258);
+    --color-pink-200: oklch(89.9% 0.061 343.231);
+    --color-pink-300: oklch(82.3% 0.12 346.018);
+    --color-pink-400: oklch(71.8% 0.202 349.761);
+    --color-pink-500: oklch(65.6% 0.241 354.308);
+    --color-pink-600: oklch(59.2% 0.249 0.584);
+    --color-pink-700: oklch(52.5% 0.223 3.958);
+    --color-pink-800: oklch(45.9% 0.187 3.815);
+    --color-pink-900: oklch(40.8% 0.153 2.432);
+    --color-pink-950: oklch(28.4% 0.109 3.907);
+    --color-rose-50: oklch(96.9% 0.015 12.422);
+    --color-rose-100: oklch(94.1% 0.03 12.58);
+    --color-rose-200: oklch(89.2% 0.058 10.001);
+    --color-rose-300: oklch(81% 0.117 11.638);
+    --color-rose-400: oklch(71.2% 0.194 13.428);
+    --color-rose-500: oklch(64.5% 0.246 16.439);
+    --color-rose-600: oklch(58.6% 0.253 17.585);
+    --color-rose-700: oklch(51.4% 0.222 16.935);
+    --color-rose-800: oklch(45.5% 0.188 13.697);
+    --color-rose-900: oklch(41% 0.159 10.272);
+    --color-rose-950: oklch(27.1% 0.105 12.094);
+    --color-slate-50: oklch(98.4% 0.003 247.858);
+    --color-slate-100: oklch(96.8% 0.007 247.896);
+    --color-slate-200: oklch(92.9% 0.013 255.508);
+    --color-slate-300: oklch(86.9% 0.022 252.894);
+    --color-slate-400: oklch(70.4% 0.04 256.788);
+    --color-slate-500: oklch(55.4% 0.046 257.417);
+    --color-slate-600: oklch(44.6% 0.043 257.281);
+    --color-slate-700: oklch(37.2% 0.044 257.287);
+    --color-slate-800: oklch(27.9% 0.041 260.031);
+    --color-slate-900: oklch(20.8% 0.042 265.755);
+    --color-slate-950: oklch(12.9% 0.042 264.695);
+    --color-gray-50: oklch(98.5% 0.002 247.839);
+    --color-gray-100: oklch(96.7% 0.003 264.542);
+    --color-gray-200: oklch(92.8% 0.006 264.531);
+    --color-gray-300: oklch(87.2% 0.01 258.338);
+    --color-gray-400: oklch(70.7% 0.022 261.325);
+    --color-gray-500: oklch(55.1% 0.027 264.364);
+    --color-gray-600: oklch(44.6% 0.03 256.802);
+    --color-gray-700: oklch(37.3% 0.034 259.733);
+    --color-gray-800: oklch(27.8% 0.033 256.848);
+    --color-gray-900: oklch(21% 0.034 264.665);
+    --color-gray-950: oklch(13% 0.028 261.692);
+    --color-zinc-50: #F9FAFD;
+    --color-zinc-100: #F0F1F8;
+    --color-zinc-200: #E7E9F2;
+    --color-zinc-300: #DADDE8;
+    --color-zinc-400: #9196af;
+    --color-zinc-500: #4D5472;
+    --color-zinc-600: #373D5B;
+    --color-zinc-700: #272D47;
+    --color-zinc-800: #222841;
+    --color-zinc-900: #191E32;
+    --color-zinc-950: #131727;
+    --color-neutral-50: oklch(98.5% 0 0);
+    --color-neutral-100: oklch(97% 0 0);
+    --color-neutral-200: oklch(92.2% 0 0);
+    --color-neutral-300: oklch(87% 0 0);
+    --color-neutral-400: oklch(70.8% 0 0);
+    --color-neutral-500: oklch(55.6% 0 0);
+    --color-neutral-600: oklch(43.9% 0 0);
+    --color-neutral-700: oklch(37.1% 0 0);
+    --color-neutral-800: oklch(26.9% 0 0);
+    --color-neutral-900: oklch(20.5% 0 0);
+    --color-neutral-950: oklch(14.5% 0 0);
+    --color-stone-50: oklch(98.5% 0.001 106.423);
+    --color-stone-100: oklch(97% 0.001 106.424);
+    --color-stone-200: oklch(92.3% 0.003 48.717);
+    --color-stone-300: oklch(86.9% 0.005 56.366);
+    --color-stone-400: oklch(70.9% 0.01 56.259);
+    --color-stone-500: oklch(55.3% 0.013 58.071);
+    --color-stone-600: oklch(44.4% 0.011 73.639);
+    --color-stone-700: oklch(37.4% 0.01 67.558);
+    --color-stone-800: oklch(26.8% 0.007 34.298);
+    --color-stone-900: oklch(21.6% 0.006 56.043);
+    --color-stone-950: oklch(14.7% 0.004 49.25);
+    --color-black: #0A0C16;
+    --color-white: #fff;
+    --spacing: 0.25rem;
+    --breakpoint-sm: 40rem;
+    --breakpoint-md: 48rem;
+    --breakpoint-lg: 64rem;
+    --breakpoint-xl: 80rem;
+    --breakpoint-2xl: 96rem;
+    --container-3xs: 16rem;
+    --container-2xs: 18rem;
+    --container-xs: 20rem;
+    --container-sm: 24rem;
+    --container-md: 28rem;
+    --container-lg: 32rem;
+    --container-xl: 36rem;
+    --container-2xl: 42rem;
+    --container-3xl: 48rem;
+    --container-4xl: 56rem;
+    --container-5xl: 64rem;
+    --container-6xl: 72rem;
+    --container-7xl: 80rem;
+    --text-xs: 0.635rem;
+    --text-xs--line-height: calc(1 / 0.75);
+    --text-sm: 0.735rem;
+    --text-sm--line-height: calc(1.25 / 0.875);
+    --text-base: 0.875rem;
+    --text-base--line-height: calc(1.5 / 1);
+    --text-lg: 1.0625rem;
+    --text-lg--line-height: calc(1.75 / 1.125);
+    --text-xl: 1.25rem;
+    --text-xl--line-height: calc(1.75 / 1.25);
+    --text-2xl: 1.5rem;
+    --text-2xl--line-height: calc(2 / 1.5);
+    --text-3xl: 1.875rem;
+    --text-3xl--line-height: calc(2.25 / 1.875);
+    --text-4xl: 2.25rem;
+    --text-4xl--line-height: calc(2.5 / 2.25);
+    --text-5xl: 3rem;
+    --text-5xl--line-height: 1;
+    --text-6xl: 3.75rem;
+    --text-6xl--line-height: 1;
+    --text-7xl: 4.5rem;
+    --text-7xl--line-height: 1;
+    --text-8xl: 6rem;
+    --text-8xl--line-height: 1;
+    --text-9xl: 8rem;
+    --text-9xl--line-height: 1;
+    --font-weight-thin: 100;
+    --font-weight-extralight: 200;
+    --font-weight-light: 300;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-semibold: 600;
+    --font-weight-bold: 700;
+    --font-weight-extrabold: 800;
+    --font-weight-black: 900;
+    --tracking-tighter: -0.05em;
+    --tracking-tight: -0.025em;
+    --tracking-normal: 0em;
+    --tracking-wide: 0.025em;
+    --tracking-wider: 0.05em;
+    --tracking-widest: 0.1em;
+    --leading-tight: 1.25;
+    --leading-snug: 1.375;
+    --leading-normal: 1.5;
+    --leading-relaxed: 1.625;
+    --leading-loose: 2;
+    --radius-xs: 0.125rem;
+    --radius-sm: 0.25rem;
+    --radius-md: 0.5rem;
+    --radius-lg: 0.75rem;
+    --radius-xl: 1rem;
+    --radius-2xl: 1rem;
+    --radius-3xl: 1.5rem;
+    --radius-4xl: 2rem;
+    --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
+    --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+    --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
+    --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
+    --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
+    --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
+    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
+    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
+    --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
+    --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
+    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
+    --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);
+    --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);
+    --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075),
+      0px 2px 2px rgb(0 0 0 / 0.075);
+    --text-shadow-md: 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1),
+      0px 2px 4px rgb(0 0 0 / 0.1);
+    --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1),
+      0px 4px 8px rgb(0 0 0 / 0.1);
+    --ease-in: cubic-bezier(0.4, 0, 1, 1);
+    --ease-out: cubic-bezier(0, 0, 0.2, 1);
+    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+    --animate-spin: spin 1s linear infinite;
+    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    --animate-bounce: bounce 1s infinite;
+    --blur-xs: 4px;
+    --blur-sm: 8px;
+    --blur-md: 12px;
+    --blur-lg: 16px;
+    --blur-xl: 24px;
+    --blur-2xl: 40px;
+    --blur-3xl: 64px;
+    --perspective-dramatic: 100px;
+    --perspective-near: 300px;
+    --perspective-normal: 500px;
+    --perspective-midrange: 800px;
+    --perspective-distant: 1200px;
+    --aspect-video: 16 / 9;
+    --default-transition-duration: 150ms;
+    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    --default-font-family: var(--font-sans);
+    --default-mono-font-family: var(--font-mono);
+    --font-theme: "Plus Jakarta Sans",-apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+    --color-primary: #636DFF;
+    --color-primary-deep: #5964F7;
+    --color-primary-subtle: #636DFF1f;
+    --shadow-card: 0 4px 12px rgba(19, 21, 35, 0.03);
+    --shadow-glass: 0 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.1);
+    --shadow-dropdown: 0 6px 12px rgba(19, 21, 35, 0.08),
+    0 16px 32px rgba(19, 21, 35, 0.12),
+    0 24px 48px rgba(19, 21, 35, 0.08);
+  }
+}
+@layer base {
+  *, ::after, ::before, ::backdrop, ::file-selector-button {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid;
+  }
+  html, :host {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-feature-settings: var(--default-font-feature-settings, normal);
+    font-variation-settings: var(--default-font-variation-settings, normal);
+    -webkit-tap-highlight-color: transparent;
+  }
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+  h1, h2, h3, h4, h5, h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+  b, strong {
+    font-weight: bolder;
+  }
+  code, kbd, samp, pre {
+    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
+    font-feature-settings: var(--default-mono-font-feature-settings, normal);
+    font-variation-settings: var(--default-mono-font-variation-settings, normal);
+    font-size: 1em;
+  }
+  small {
+    font-size: 80%;
+  }
+  sub, sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+  :-moz-focusring {
+    outline: auto;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  summary {
+    display: list-item;
+  }
+  ol, ul, menu {
+    list-style: none;
+  }
+  img, svg, video, canvas, audio, iframe, embed, object {
+    display: block;
+    vertical-align: middle;
+  }
+  img, video {
+    max-width: 100%;
+    height: auto;
+  }
+  button, input, select, optgroup, textarea, ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    border-radius: 0;
+    background-color: transparent;
+    opacity: 1;
+  }
+  :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+  :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+  ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+  ::placeholder {
+    opacity: 1;
+  }
+  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+  }
+  textarea {
+    resize: vertical;
+  }
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+  ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+  ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
+    appearance: button;
+  }
+  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [hidden]:where(:not([hidden="until-found"])) {
+    display: none !important;
+  }
+}
+@layer utilities {
+  .\@container {
+    container-type: inline-size;
+  }
+  .\!pointer-events-none {
+    pointer-events: none !important;
+  }
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
+  .pointer-events-none {
+    pointer-events: none;
+  }
+  .\!visible {
+    visibility: visible !important;
+  }
+  .collapse {
+    visibility: collapse;
+  }
+  .invisible {
+    visibility: hidden;
+  }
+  .visible {
+    visibility: visible;
+  }
+  .\!absolute {
+    position: absolute !important;
+  }
+  .absolute {
+    position: absolute;
+  }
+  .fixed {
+    position: fixed;
+  }
+  .relative {
+    position: relative;
+  }
+  .static {
+    position: static;
+  }
+  .sticky {
+    position: sticky;
+  }
+  .inset-0 {
+    inset: calc(var(--spacing) * 0);
+  }
+  .inset-x-4 {
+    inset-inline: calc(var(--spacing) * 4);
+  }
+  .inset-y-4 {
+    inset-block: calc(var(--spacing) * 4);
+  }
+  .\!start-0 {
+    inset-inline-start: calc(var(--spacing) * 0) !important;
+  }
+  .\!start-auto {
+    inset-inline-start: auto !important;
+  }
+  .start-0 {
+    inset-inline-start: calc(var(--spacing) * 0);
+  }
+  .start-2 {
+    inset-inline-start: calc(var(--spacing) * 2);
+  }
+  .start-2\.75 {
+    inset-inline-start: calc(var(--spacing) * 2.75);
+  }
+  .start-3 {
+    inset-inline-start: calc(var(--spacing) * 3);
+  }
+  .start-4 {
+    inset-inline-start: calc(var(--spacing) * 4);
+  }
+  .\!end-0 {
+    inset-inline-end: calc(var(--spacing) * 0) !important;
+  }
+  .end-0 {
+    inset-inline-end: calc(var(--spacing) * 0);
+  }
+  .end-1 {
+    inset-inline-end: calc(var(--spacing) * 1);
+  }
+  .end-2 {
+    inset-inline-end: calc(var(--spacing) * 2);
+  }
+  .end-5 {
+    inset-inline-end: calc(var(--spacing) * 5);
+  }
+  .\!top-0 {
+    top: calc(var(--spacing) * 0) !important;
+  }
+  .\!top-full {
+    top: 100% !important;
+  }
+  .-top-1 {
+    top: calc(var(--spacing) * -1);
+  }
+  .-top-2\.25 {
+    top: calc(var(--spacing) * -2.25);
+  }
+  .-top-2\.75 {
+    top: calc(var(--spacing) * -2.75);
+  }
+  .-top-6 {
+    top: calc(var(--spacing) * -6);
+  }
+  .top-0 {
+    top: calc(var(--spacing) * 0);
+  }
+  .top-1 {
+    top: calc(var(--spacing) * 1);
+  }
+  .top-1\/2 {
+    top: calc(1/2 * 100%);
+  }
+  .top-2 {
+    top: calc(var(--spacing) * 2);
+  }
+  .top-2\.5 {
+    top: calc(var(--spacing) * 2.5);
+  }
+  .top-3 {
+    top: calc(var(--spacing) * 3);
+  }
+  .top-4 {
+    top: calc(var(--spacing) * 4);
+  }
+  .top-5 {
+    top: calc(var(--spacing) * 5);
+  }
+  .top-6 {
+    top: calc(var(--spacing) * 6);
+  }
+  .top-full {
+    top: 100%;
+  }
+  .\!right-auto {
+    right: auto !important;
+  }
+  .-right-1 {
+    right: calc(var(--spacing) * -1);
+  }
+  .right-0 {
+    right: calc(var(--spacing) * 0);
+  }
+  .right-1 {
+    right: calc(var(--spacing) * 1);
+  }
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+  .right-3 {
+    right: calc(var(--spacing) * 3);
+  }
+  .bottom-0 {
+    bottom: calc(var(--spacing) * 0);
+  }
+  .\!left-0 {
+    left: calc(var(--spacing) * 0) !important;
+  }
+  .left-0 {
+    left: calc(var(--spacing) * 0);
+  }
+  .left-3 {
+    left: calc(var(--spacing) * 3);
+  }
+  .left-4 {
+    left: calc(var(--spacing) * 4);
+  }
+  .left-6 {
+    left: calc(var(--spacing) * 6);
+  }
+  .left-\[3\%\] {
+    left: 3%;
+  }
+  .left-full {
+    left: 100%;
+  }
+  .isolate {
+    isolation: isolate;
+  }
+  .z-1 {
+    z-index: 1;
+  }
+  .z-10 {
+    z-index: 10;
+  }
+  .z-20 {
+    z-index: 20;
+  }
+  .z-50 {
+    z-index: 50;
+  }
+  .z-\[1\] {
+    z-index: 1;
+  }
+  .z-\[2\] {
+    z-index: 2;
+  }
+  .z-\[52\] {
+    z-index: 52;
+  }
+  .z-\[55\] {
+    z-index: 55;
+  }
+  .z-\[60\] {
+    z-index: 60;
+  }
+  .z-\[70\] {
+    z-index: 70;
+  }
+  .z-\[1050\] {
+    z-index: 1050;
+  }
+  .z-\[1055\] {
+    z-index: 1055;
+  }
+  .order-1 {
+    order: 1;
+  }
+  .order-last {
+    order: 9999;
+  }
+  .col-auto {
+    grid-column: auto;
+  }
+  .col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+  .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+  .col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+  .container {
+    width: 100%;
+    @media (width >= 40rem) {
+      max-width: 40rem;
+    }
+    @media (width >= 48rem) {
+      max-width: 48rem;
+    }
+    @media (width >= 64rem) {
+      max-width: 64rem;
+    }
+    @media (width >= 80rem) {
+      max-width: 80rem;
+    }
+    @media (width >= 96rem) {
+      max-width: 96rem;
+    }
+  }
+  .\!m-0 {
+    margin: calc(var(--spacing) * 0) !important;
+  }
+  .\!m-0\.25 {
+    margin: calc(var(--spacing) * 0.25) !important;
+  }
+  .m-1 {
+    margin: calc(var(--spacing) * 1);
+  }
+  .m-4 {
+    margin: calc(var(--spacing) * 4);
+  }
+  .-mx-2 {
+    margin-inline: calc(var(--spacing) * -2);
+  }
+  .-mx-4 {
+    margin-inline: calc(var(--spacing) * -4);
+  }
+  .mx-1 {
+    margin-inline: calc(var(--spacing) * 1);
+  }
+  .mx-auto {
+    margin-inline: auto;
+  }
+  .\!my-2 {
+    margin-block: calc(var(--spacing) * 2) !important;
+  }
+  .my-0 {
+    margin-block: calc(var(--spacing) * 0);
+  }
+  .my-2 {
+    margin-block: calc(var(--spacing) * 2);
+  }
+  .my-2\.5 {
+    margin-block: calc(var(--spacing) * 2.5);
+  }
+  .my-3 {
+    margin-block: calc(var(--spacing) * 3);
+  }
+  .my-4 {
+    margin-block: calc(var(--spacing) * 4);
+  }
+  .my-5 {
+    margin-block: calc(var(--spacing) * 5);
+  }
+  .\!ms-0 {
+    margin-inline-start: calc(var(--spacing) * 0) !important;
+  }
+  .\!ms-1 {
+    margin-inline-start: calc(var(--spacing) * 1) !important;
+  }
+  .-ms-3 {
+    margin-inline-start: calc(var(--spacing) * -3);
+  }
+  .ms-1 {
+    margin-inline-start: calc(var(--spacing) * 1);
+  }
+  .ms-2 {
+    margin-inline-start: calc(var(--spacing) * 2);
+  }
+  .ms-3 {
+    margin-inline-start: calc(var(--spacing) * 3);
+  }
+  .ms-4 {
+    margin-inline-start: calc(var(--spacing) * 4);
+  }
+  .ms-auto {
+    margin-inline-start: auto;
+  }
+  .\!-me-3 {
+    margin-inline-end: calc(var(--spacing) * -3) !important;
+  }
+  .\!me-1 {
+    margin-inline-end: calc(var(--spacing) * 1) !important;
+  }
+  .\!me-4 {
+    margin-inline-end: calc(var(--spacing) * 4) !important;
+  }
+  .me-1 {
+    margin-inline-end: calc(var(--spacing) * 1);
+  }
+  .me-1\.5 {
+    margin-inline-end: calc(var(--spacing) * 1.5);
+  }
+  .me-2 {
+    margin-inline-end: calc(var(--spacing) * 2);
+  }
+  .me-3 {
+    margin-inline-end: calc(var(--spacing) * 3);
+  }
+  .me-4 {
+    margin-inline-end: calc(var(--spacing) * 4);
+  }
+  .me-auto {
+    margin-inline-end: auto;
+  }
+  .\!-mt-3 {
+    margin-top: calc(var(--spacing) * -3) !important;
+  }
+  .\!mt-1 {
+    margin-top: calc(var(--spacing) * 1) !important;
+  }
+  .\!mt-1\.5 {
+    margin-top: calc(var(--spacing) * 1.5) !important;
+  }
+  .\!mt-2 {
+    margin-top: calc(var(--spacing) * 2) !important;
+  }
+  .-mt-1 {
+    margin-top: calc(var(--spacing) * -1);
+  }
+  .-mt-10 {
+    margin-top: calc(var(--spacing) * -10);
+  }
+  .-mt-12 {
+    margin-top: calc(var(--spacing) * -12);
+  }
+  .mt-0 {
+    margin-top: calc(var(--spacing) * 0);
+  }
+  .mt-0\.5 {
+    margin-top: calc(var(--spacing) * 0.5);
+  }
+  .mt-1 {
+    margin-top: calc(var(--spacing) * 1);
+  }
+  .mt-2 {
+    margin-top: calc(var(--spacing) * 2);
+  }
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
+  .mt-4 {
+    margin-top: calc(var(--spacing) * 4);
+  }
+  .mt-4\.5 {
+    margin-top: calc(var(--spacing) * 4.5);
+  }
+  .mt-5 {
+    margin-top: calc(var(--spacing) * 5);
+  }
+  .mt-7 {
+    margin-top: calc(var(--spacing) * 7);
+  }
+  .mt-auto {
+    margin-top: auto;
+  }
+  .-mb-2 {
+    margin-bottom: calc(var(--spacing) * -2);
+  }
+  .mb-0 {
+    margin-bottom: calc(var(--spacing) * 0);
+  }
+  .mb-0\.5 {
+    margin-bottom: calc(var(--spacing) * 0.5);
+  }
+  .mb-1 {
+    margin-bottom: calc(var(--spacing) * 1);
+  }
+  .mb-1\.5 {
+    margin-bottom: calc(var(--spacing) * 1.5);
+  }
+  .mb-2 {
+    margin-bottom: calc(var(--spacing) * 2);
+  }
+  .mb-2\.5 {
+    margin-bottom: calc(var(--spacing) * 2.5);
+  }
+  .mb-3 {
+    margin-bottom: calc(var(--spacing) * 3);
+  }
+  .mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
+  .mb-5 {
+    margin-bottom: calc(var(--spacing) * 5);
+  }
+  .mb-6 {
+    margin-bottom: calc(var(--spacing) * 6);
+  }
+  .mb-7 {
+    margin-bottom: calc(var(--spacing) * 7);
+  }
+  .mb-9 {
+    margin-bottom: calc(var(--spacing) * 9);
+  }
+  .mb-12 {
+    margin-bottom: calc(var(--spacing) * 12);
+  }
+  .ml-auto {
+    margin-left: auto;
+  }
+  .icon-\[iconoir--check-circle-solid\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75S22.75 17.937 22.75 12S17.937 1.25 12 1.25M7.53 11.97a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l7-7a.75.75 0 0 0-1.06-1.06L10 14.44z' clip-rule='evenodd'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--clock-solid\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75S22.75 17.937 22.75 12S17.937 1.25 12 1.25M12.75 6a.75.75 0 0 0-1.5 0v6c0 .414.336.75.75.75h6a.75.75 0 0 0 0-1.5h-5.25z' clip-rule='evenodd'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--discord\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M5.5 16c5 2.5 8 2.5 13 0'/%3E%3Cpath d='m15.5 17.5l1 2s4.171-1.328 5.5-3.5c0-1 .53-8.147-3-10.5c-1.5-1-4-1.5-4-1.5l-1 2h-2'/%3E%3Cpath d='m8.528 17.5l-1 2s-4.171-1.328-5.5-3.5c0-1-.53-8.147 3-10.5c1.5-1 4-1.5 4-1.5l1 2h2'/%3E%3Cpath d='M8.5 14c-.828 0-1.5-.895-1.5-2s.672-2 1.5-2s1.5.895 1.5 2s-.672 2-1.5 2m7 0c-.828 0-1.5-.895-1.5-2s.672-2 1.5-2s1.5.895 1.5 2s-.672 2-1.5 2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--facebook\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17 2h-3a5 5 0 0 0-5 5v3H6v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--link\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M14 11.998C14 9.506 11.683 7 8.857 7H7.143C4.303 7 2 9.238 2 11.998c0 2.378 1.71 4.368 4 4.873a5.3 5.3 0 0 0 1.143.124'/%3E%3Cpath d='M10 11.998c0 2.491 2.317 4.997 5.143 4.997h1.714c2.84 0 5.143-2.237 5.143-4.997c0-2.379-1.71-4.37-4-4.874A5.3 5.3 0 0 0 16.857 7'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--linkedin\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M21 8v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5M7 17v-7'/%3E%3Cpath d='M11 17v-3.25M11 10v3.75m0 0c0-3.75 6-3.75 6 0V17M7 7.01l.01-.011'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--media-image-plus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M13 21H3.6a.6.6 0 0 1-.6-.6V3.6a.6.6 0 0 1 .6-.6h16.8a.6.6 0 0 1 .6.6V13'/%3E%3Cpath d='m3 16l7-3l5.5 2.5M16 10a2 2 0 1 1 0-4a2 2 0 0 1 0 4m0 9h3m3 0h-3m0 0v-3m0 3v3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--menu\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 5h18M3 12h18M3 19h18'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--minus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 12h12'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--pause\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' d='M6 18.4V5.6a.6.6 0 0 1 .6-.6h2.8a.6.6 0 0 1 .6.6v12.8a.6.6 0 0 1-.6.6H6.6a.6.6 0 0 1-.6-.6Zm8 0V5.6a.6.6 0 0 1 .6-.6h2.8a.6.6 0 0 1 .6.6v12.8a.6.6 0 0 1-.6.6h-2.8a.6.6 0 0 1-.6-.6Z'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--star-solid\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m8.587 8.236l2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232l5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07l.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75l-4.202-4.07a.902.902 0 0 1 .503-1.54z'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--x\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M16.82 20.768L3.753 3.968A.6.6 0 0 1 4.227 3h2.48a.6.6 0 0 1 .473.232l13.067 16.8a.6.6 0 0 1-.474.968h-2.48a.6.6 0 0 1-.473-.232Z'/%3E%3Cpath stroke-linecap='round' d='M20 3L4 21'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--activity\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--alarm-clock-off\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.87 6.87a8 8 0 1 0 11.26 11.26m1.77-3.88a8 8 0 0 0-9.15-9.15M22 6l-3-3M6.26 18.67L4 21M2 2l20 20M4 4L2 6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--app-window\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='M10 4v4M2 8h20M6 4v4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--archive\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='5' x='2' y='3' rx='1'/%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8m-10 4h4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--arrow-up-right\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7h10v10M7 17L17 7'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--at-sign\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--award\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15.477 12.89l1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526'/%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--baggage-claim\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M22 18H6a2 2 0 0 1-2-2V7a2 2 0 0 0-2-2'/%3E%3Cpath d='M17 14V4a2 2 0 0 0-2-2h-1a2 2 0 0 0-2 2v10'/%3E%3Crect width='13' height='8' x='8' y='6' rx='1'/%3E%3Ccircle cx='18' cy='20' r='2'/%3E%3Ccircle cx='9' cy='20' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--ban\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4.929 4.929L19.07 19.071'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--bell\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.268 21a2 2 0 0 0 3.464 0m-10.47-5.674A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--bolt\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--book-open-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 21V7m4 5l2 2l4-4'/%3E%3Cpath d='M22 6V4a1 1 0 0 0-1-1h-5a4 4 0 0 0-4 4a4 4 0 0 0-4-4H3a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h6a3 3 0 0 1 3 3a3 3 0 0 1 3-3h6a1 1 0 0 0 1-1v-1.3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--book-open\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 7v14m-9-3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4a4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3a3 3 0 0 0-3-3z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--book-user\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 13a3 3 0 1 0-6 0'/%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20'/%3E%3Ccircle cx='12' cy='8' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--bookmark-plus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 21l-7-4l-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2zM12 7v6m3-3H9'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--box\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7l8.7 5l8.7-5M12 22V12'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--briefcase-business\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 12h.01M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2m14 7a18.15 18.15 0 0 1-20 0'/%3E%3Crect width='20' height='14' x='2' y='6' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--bug\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 20v-9m2-4a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4zm.12-3.12L16 2'/%3E%3Cpath d='M21 21a4 4 0 0 0-3.81-4M21 5a4 4 0 0 1-3.55 3.97M22 13h-4M3 21a4 4 0 0 1 3.81-4M3 5a4 4 0 0 0 3.55 3.97M6 13H2M8 2l1.88 1.88M9 7.13V6a3 3 0 1 1 6 0v1.13'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--building-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Zm0-10H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2M10 6h4m-4 4h4m-4 4h4m-4 4h4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--cake\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8'/%3E%3Cpath d='M4 16s.5-1 2-1s2.5 2 4 2s2.5-2 4-2s2.5 2 4 2s2-1 2-1M2 21h20M7 8v3m5-3v3m5-3v3M7 4h.01M12 4h.01M17 4h.01'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--calendar-days\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 2v4m8-4v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chart-no-axes-column\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 21v-6m7 6V3m7 18V9'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevron-down\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevron-left\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 18l-6-6l6-6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevron-right\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18l6-6l-6-6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevron-up\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 15l-6-6l-6 6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevrons-down-up\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 20l5-5l5 5M7 4l5 5l5-5'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--circle-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--circle-user-round\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 20a6 6 0 0 0-12 0'/%3E%3Ccircle cx='12' cy='10' r='4'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--circle-user\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--clipboard-edit\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='8' height='4' x='8' y='2' rx='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-5.5M4 13.5V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M13.378 15.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--clipboard-pen\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='8' height='4' x='8' y='2' rx='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-5.5M4 13.5V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M13.378 15.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--clock-fading\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2a10 10 0 0 1 7.38 16.75M12 6v6l4 2M2.5 8.875a10 10 0 0 0-.5 3M2.83 16a10 10 0 0 0 2.43 3.4M4.636 5.235a10 10 0 0 1 .891-.857M8.644 21.42a10 10 0 0 0 7.631-.38'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--code\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 18l6-6l-6-6M8 6l-6 6l6 6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--component\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0zm-13.239 0a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0zm6.619 6.619a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0zm0-13.238a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--copy\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--credit-card\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--crown\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294zM5 21h14'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--database-backup\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 12a9 3 0 0 0 5 2.69M21 9.3V5'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 6.47 2.88M12 12v4h4'/%3E%3Cpath d='M13 20a5 5 0 0 0 9-3a4.5 4.5 0 0 0-4.5-4.5c-1.33 0-2.54.54-3.41 1.41L12 16'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--database-zap\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 12 2.84M21 5v3m0 4l-3 5h4l-3 5'/%3E%3Cpath d='M3 12a9 3 0 0 0 11.59 2.87'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--database\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 18 0V5'/%3E%3Cpath d='M3 12a9 3 0 0 0 18 0'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--diamond-percent\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.7 10.3a2.41 2.41 0 0 0 0 3.41l7.59 7.59a2.41 2.41 0 0 0 3.41 0l7.59-7.59a2.41 2.41 0 0 0 0-3.41L13.7 2.71a2.41 2.41 0 0 0-3.41 0Zm6.5-1.1h.01m5.29.3l-5 5m5.2.3h.01'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--dollar-sign\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v20m5-17H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--download\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10l5 5l5-5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--edit-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--edit\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--expand\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 15l6 6M15 9l6-6m0 13v5h-5m5-13V3h-5M3 16v5h5m-5 0l6-6M3 8V3h5m1 6L3 3'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--external-link\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--eye-off\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575a1 1 0 0 1 0 .696a10.8 10.8 0 0 1-1.444 2.49m-6.41-.679a3 3 0 0 1-4.242-4.242'/%3E%3Cpath d='M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 4.446-5.143M2 2l20 20'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--eye\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-box\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14.5 22H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M3 13.1a2 2 0 0 0-1 1.76v3.24a2 2 0 0 0 .97 1.78L6 21.7a2 2 0 0 0 2.03.01L11 19.9a2 2 0 0 0 1-1.76V14.9a2 2 0 0 0-.97-1.78L8 11.3a2 2 0 0 0-2.03-.01ZM7 17v5'/%3E%3Cpath d='M11.7 14.2L7 17l-4.7-2.8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-chart-column\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M8 18v-1m4 1v-6m4 6v-3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-chart-line\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4m-4 5l-3.5 3.5l-2-2L8 17'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M9 15l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-code-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M5 12l-3 3l3 3m4 0l3-3l-3-3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-edit\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12.5 22H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v9.5'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4m-6.622 7.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-stack\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1m12 4a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1m12-1a2 2 0 0 0-.586-1.414l-2-2A2 2 0 0 0 17 2h-3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--files\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2a2 2 0 0 1 1.414.586l4 4A2 2 0 0 1 21 8v7a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z'/%3E%3Cpath d='M15 2v4a2 2 0 0 0 2 2h4M5 7a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 1.732-1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--filter\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 3H2l8 9.46V19l4 2v-8.54z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--flag\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--folder-cog\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.3 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.98a2 2 0 0 1 1.69.9l.66 1.2A2 2 0 0 0 12 6h8a2 2 0 0 1 2 2v3.3m-7.695 8.23l.923-.382m0-2.296l-.923-.383m2.547-1.241l-.383-.923m.383 6.467l-.383.924m2.679-6.468l.383-.923m-.001 7.391l-.382-.924m1.624-3.92l.924-.383m-.924 2.679l.924.383'/%3E%3Ccircle cx='18' cy='18' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--folder-git-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v5'/%3E%3Ccircle cx='13' cy='12' r='2'/%3E%3Cpath d='M18 19c-2.8 0-5-2.2-5-5v8'/%3E%3Ccircle cx='20' cy='19' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--folder-open\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 14l1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--folder\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--forward\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15 17l5-5l-5-5'/%3E%3Cpath d='M4 18v-2a4 4 0 0 1 4-4h12'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--globe-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.54 15H17a2 2 0 0 0-2 2v4.54M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--globe\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20a14.5 14.5 0 0 0 0-20M2 12h20'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--hand-coins\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 15h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 17'/%3E%3Cpath d='m7 21l1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9M2 16l6 6'/%3E%3Ccircle cx='16' cy='9' r='2.9'/%3E%3Ccircle cx='6' cy='5' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--hash\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 9h16M4 15h16M10 3L8 21m8-18l-2 18'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--headset\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2z'/%3E%3Cpath d='M21 16v2a4 4 0 0 1-4 4h-5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--heart\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676a.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--history\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5m4-1v5l4 2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--home\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--image\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15l-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--images\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m22 11l-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16'/%3E%3Cpath d='M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2'/%3E%3Ccircle cx='13' cy='7' r='1' fill='black'/%3E%3Crect width='14' height='14' x='8' y='2' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--info\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4m0-4h.01'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--key-round\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z'/%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='black'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--layers-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 13.74a2 2 0 0 1-2 0L2.5 8.87a1 1 0 0 1 0-1.74L11 2.26a2 2 0 0 1 2 0l8.5 4.87a1 1 0 0 1 0 1.74zm7 .545l1.5.845a1 1 0 0 1 0 1.74L13 21.74a2 2 0 0 1-2 0l-8.5-4.87a1 1 0 0 1 0-1.74l1.5-.845'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--layers\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z'/%3E%3Cpath d='M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12'/%3E%3Cpath d='M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--layout-grid\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--layout\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18M9 21V9'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--life-buoy\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.93 4.93l4.24 4.24m5.66 0l4.24-4.24m-4.24 9.9l4.24 4.24m-9.9-4.24l-4.24 4.24'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--lightbulb\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 14c.2-1 .7-1.7 1.5-2.5c1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5c.7.7 1.3 1.5 1.5 2.5m0 4h6m-5 4h4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--list-restart\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 5H3m4 7H3m4 7H3m9-1a5 5 0 0 0 9-3a4.5 4.5 0 0 0-4.5-4.5c-1.33 0-2.54.54-3.41 1.41L11 14'/%3E%3Cpath d='M11 10v4h4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--list\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5h.01M3 12h.01M3 19h.01M8 5h13M8 12h13M8 19h13'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--log-out\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 17l5-5l-5-5m5 5H9m0 9H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--magnet\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 15l4 4M2.352 10.648a1.205 1.205 0 0 0 0 1.704l2.296 2.296a1.205 1.205 0 0 0 1.704 0l6.029-6.029a1 1 0 1 1 3 3l-6.029 6.029a1.205 1.205 0 0 0 0 1.704l2.296 2.296a1.205 1.205 0 0 0 1.704 0l6.365-6.367A1 1 0 0 0 8.716 4.282zM5 8l4 4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--mail-open\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0z'/%3E%3Cpath d='m22 10l-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--mail\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--map-pin\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--message-circle-more\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092a10 10 0 1 0-4.777-4.719M8 12h.01M12 12h.01M16 12h.01'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--minus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--monitor-play\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15.033 9.44a.647.647 0 0 1 0 1.12l-4.065 2.352a.645.645 0 0 1-.968-.56V7.648a.645.645 0 0 1 .967-.56zM12 17v4m-4 0h8'/%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--monitor-speaker\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5.5 20H8m9-11h.01'/%3E%3Crect width='10' height='16' x='12' y='4' rx='2'/%3E%3Cpath d='M8 6H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h4'/%3E%3Ccircle cx='17' cy='15' r='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--more-vertical\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='12' cy='5' r='1'/%3E%3Ccircle cx='12' cy='19' r='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--mouse-pointer-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--move\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v20m3-3l-3 3l-3-3M19 9l3 3l-3 3M2 12h20M5 9l-3 3l3 3M9 5l3-3l3 3'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--palette\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 22a1 1 0 0 1 0-20a10 9 0 0 1 10 9a5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z'/%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='black'/%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='black'/%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='black'/%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='black'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--panel-left-right-dashed\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 10V9m0 6v-1m0 7v-2m0-14V3m-6 7V9m0 6v-1m0 7v-2M9 5V3'/%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--paperclip\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 6l-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--percent\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19 5L5 19'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--phone-call\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 2a9 9 0 0 1 9 9m-9-5a5 5 0 0 1 5 5m-4.168 5.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233a14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--phone-off\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.1 13.9a14 14 0 0 0 3.732 2.668a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2a18 18 0 0 1-12.728-5.272M22 2L2 22m2.76-8.418A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233a14 14 0 0 0 .244.473'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--pizza\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m12 14l-1 1m2.75 3.25l-1.25 1.42m5.275-14.016a15.68 15.68 0 0 0-12.121 12.12M18.8 9.3a1 1 0 0 0 2.1 7.7'/%3E%3Cpath d='M21.964 20.732a1 1 0 0 1-1.232 1.232l-18-5a1 1 0 0 1-.695-1.232A19.68 19.68 0 0 1 15.732 2.037a1 1 0 0 1 1.232.695z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--play\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--plus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7v14'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--printer\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6'/%3E%3Crect width='12' height='8' x='6' y='14' rx='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--refresh-ccw-dot\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 12a9 9 0 0 0-9-9a9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5m-5 4a9 9 0 0 0 9 9a9.75 9.75 0 0 0 6.74-2.74L21 16'/%3E%3Cpath d='M16 16h5v5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--reply\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 18v-2a4 4 0 0 0-4-4H4'/%3E%3Cpath d='m9 17l-5-5l5-5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--scan-face\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7V5a2 2 0 0 1 2-2h2m10 0h2a2 2 0 0 1 2 2v2m0 10v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2m5-3s1.5 2 4 2s4-2 4-2M9 9h.01M15 9h.01'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--search\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m21 21l-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--send\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11zm7.318-19.539l-10.94 10.939'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--settings\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0a2.34 2.34 0 0 0 3.319 1.915a2.34 2.34 0 0 1 2.33 4.033a2.34 2.34 0 0 0 0 3.831a2.34 2.34 0 0 1-2.33 4.033a2.34 2.34 0 0 0-3.319 1.915a2.34 2.34 0 0 1-4.659 0a2.34 2.34 0 0 0-3.32-1.915a2.34 2.34 0 0 1-2.33-4.033a2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--share\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v13m4-9l-4-4l-4 4m-4 6v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--shield-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--shirt\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20.38 3.46L16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--shopping-bag\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 10a4 4 0 0 1-8 0M3.103 6.034h17.794'/%3E%3Cpath d='M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--shopping-cart\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--sidebar\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M9 3v18'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--sliders-horizontal\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5H3m9 14H3M14 3v4m2 10v4m5-9h-9m9 7h-5m5-14h-7m-6 5v4m0-2H3'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--square-check-big\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344'/%3E%3Cpath d='m9 11l3 3L22 4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--star\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--stars\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594zM20 2v4m2-2h-4'/%3E%3Ccircle cx='4' cy='20' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--sun-moon\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v2m2.837 12.385a6 6 0 1 1-7.223-7.222c.624-.147.97.66.715 1.248a4 4 0 0 0 5.26 5.259c.589-.255 1.396.09 1.248.715M16 12a4 4 0 0 0-4-4m7-3l-1.256 1.256M20 12h2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--table\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3v18'/%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18M3 15h18'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--text-align-center\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 5H3m14 7H7m12 7H5'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--thumbs-up\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 10v12m8-16.12L14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--trash-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 11v6m4-6v6m5-11v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--trash\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--trending-down\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 17h6v-6'/%3E%3Cpath d='m22 17l-8.5-8.5l-5 5L2 7'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--trending-up\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7l-8.5 8.5l-5-5L2 17'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--triangle-alert\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21.73 18l-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4m0 4h.01'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--truck\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2m10 0H9m10 0h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--upload\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3v12m5-7l-5-5l-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16 11l2 2l4-4m-6 12v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-cog\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 15H6a4 4 0 0 0-4 4v2m12.305-4.47l.923-.382m0-2.296l-.923-.383m2.547-1.241l-.383-.923m.383 6.467l-.383.924m2.679-6.468l.383-.923m-.001 7.391l-.382-.924m1.624-3.92l.924-.383m-.924 2.679l.924.383'/%3E%3Ccircle cx='18' cy='15' r='3'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-pen\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11.5 15H7a4 4 0 0 0-4 4v2m18.378-4.374a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3Ccircle cx='10' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-plus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6m3-3h-6'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-round-x\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2 21a8 8 0 0 1 11.873-7'/%3E%3Ccircle cx='10' cy='8' r='5'/%3E%3Cpath d='m17 17l5 5m0-5l-5 5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--users\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M16 3.128a4 4 0 0 1 0 7.744M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--video\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16 13l5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5'/%3E%3Crect width='14' height='12' x='2' y='6' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--wand-sparkles\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21.64 3.64l-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72M14 7l3 3M5 6v4m14 4v4M10 2v2M7 8H3m18 8h-4M11 3H9'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--x\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
+  }
+  .icon-\[ph--align-left-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M72 104V64a8 8 0 0 1 8-8h96a8 8 0 0 1 8 8v40a8 8 0 0 1-8 8H80a8 8 0 0 1-8-8m144 40H80a8 8 0 0 0-8 8v40a8 8 0 0 0 8 8h136a8 8 0 0 0 8-8v-40a8 8 0 0 0-8-8' opacity='.2'/%3E%3Cpath d='M216 136H80a16 16 0 0 0-16 16v40a16 16 0 0 0 16 16h136a16 16 0 0 0 16-16v-40a16 16 0 0 0-16-16m0 56H80v-40h136zM48 40v176a8 8 0 0 1-16 0V40a8 8 0 0 1 16 0m32 80h96a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v40a16 16 0 0 0 16 16m0-56h96v40H80Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--bell-simple-slash-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M208 192H48a8 8 0 0 1-6.88-12C47.71 168.6 56 139.81 56 104a72 72 0 0 1 144 0c0 35.82 8.3 64.6 14.9 76a8 8 0 0 1-6.9 12' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76L58.82 63.8A79.6 79.6 0 0 0 48 104c0 35.34-8.26 62.38-13.81 71.94A16 16 0 0 0 48 200h134.64l19.44 21.38a8 8 0 1 0 11.84-10.76ZM48 184c7.7-13.24 16-43.92 16-80a63.65 63.65 0 0 1 6.26-27.62L168.09 184Zm120 40a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m46-44.75a8.1 8.1 0 0 1-2.93.55a8 8 0 0 1-7.44-5.08C196.35 156.19 192 129.75 192 104a64 64 0 0 0-95.57-55.69a8 8 0 0 1-7.9-13.91A80 80 0 0 1 208 104c0 35.35 8.05 58.59 10.52 64.88a8 8 0 0 1-4.52 10.37'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--book-open-text-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M232 56v144h-72a32 32 0 0 0-32 32V88a32 32 0 0 1 32-32Z' opacity='.2'/%3E%3Cpath d='M232 48h-72a40 40 0 0 0-32 16a40 40 0 0 0-32-16H24a8 8 0 0 0-8 8v144a8 8 0 0 0 8 8h72a24 24 0 0 1 24 24a8 8 0 0 0 16 0a24 24 0 0 1 24-24h72a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8M96 192H32V64h64a24 24 0 0 1 24 24v112a39.8 39.8 0 0 0-24-8m128 0h-64a39.8 39.8 0 0 0-24 8V88a24 24 0 0 1 24-24h64ZM160 88h40a8 8 0 0 1 0 16h-40a8 8 0 0 1 0-16m48 40a8 8 0 0 1-8 8h-40a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8m0 32a8 8 0 0 1-8 8h-40a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--calendar-check-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M216 48v40H40V48a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16M72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160zm-38.34-85.66a8 8 0 0 1 0 11.32l-48 48a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L116 164.69l42.34-42.35a8 8 0 0 1 11.32 0'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--chart-donut-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M224 128a96 96 0 0 1-96 96v-56a40 40 0 0 0 0-80V32a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M128 24a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8a32 32 0 1 1-27.72 16a8 8 0 0 0-2.93-10.93l-48.5-28A8 8 0 0 0 37.92 76A104 104 0 1 0 128 24M48.09 91.1L83 111.26A48.1 48.1 0 0 0 80 128c0 1.53.08 3 .22 4.52L41.28 143a88.16 88.16 0 0 1 6.81-51.9m-2.67 67.31l39-10.44A48.1 48.1 0 0 0 120 175.32v40.31a88.2 88.2 0 0 1-74.58-57.22M136 215.63v-40.31a48 48 0 0 0 0-94.65V40.36a88 88 0 0 1 0 175.27'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--chef-hat-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M232 112a48 48 0 0 1-48 48H72a48 48 0 1 1 10.35-94.88a48 48 0 0 1 91.28 0A48 48 0 0 1 232 112' opacity='.2'/%3E%3Cpath d='M240 112a56.06 56.06 0 0 0-56-56c-1.77 0-3.54.1-5.29.26a56 56 0 0 0-101.42 0C75.54 56.1 73.77 56 72 56a56 56 0 0 0-24 106.59V208a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-45.41A56.09 56.09 0 0 0 240 112m-48 96H64v-40.58a55.5 55.5 0 0 0 8 .58h112a55.5 55.5 0 0 0 8-.58Zm-8-56h-13.75l5.51-22.06a8 8 0 0 0-15.52-3.88L153.75 152H136v-24a8 8 0 0 0-16 0v24h-17.75l-6.49-25.94a8 8 0 1 0-15.52 3.88L85.75 152H72a40 40 0 0 1 0-80h.58a55 55 0 0 0-.58 8a8 8 0 0 0 16 0a40 40 0 0 1 80 0a8 8 0 0 0 16 0a55 55 0 0 0-.58-8h.58a40 40 0 0 1 0 80'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--receipt-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M224 56v152l-32-16l-32 16l-32-16l-32 16l-32-16l-32 16V56a8 8 0 0 1 8-8h176a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M72 104a8 8 0 0 1 8-8h96a8 8 0 0 1 0 16H80a8 8 0 0 1-8-8m8 40h96a8 8 0 0 0 0-16H80a8 8 0 0 0 0 16m152-88v152a8 8 0 0 1-11.58 7.15L192 200.94l-28.42 14.21a8 8 0 0 1-7.16 0L128 200.94l-28.42 14.21a8 8 0 0 1-7.16 0L64 200.94l-28.42 14.21A8 8 0 0 1 24 208V56a16 16 0 0 1 16-16h176a16 16 0 0 1 16 16m-16 0H40v139.06l20.42-10.22a8 8 0 0 1 7.16 0L96 199.06l28.42-14.22a8 8 0 0 1 7.16 0L160 199.06l28.42-14.22a8 8 0 0 1 7.16 0L216 195.06Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--shopping-cart-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='m224 64l-12.16 66.86A16 16 0 0 1 196.1 144H70.55L56 64Z' opacity='.2'/%3E%3Cpath d='M230.14 58.87A8 8 0 0 0 224 56H62.68L56.6 22.57A8 8 0 0 0 48.73 16H24a8 8 0 0 0 0 16h18l25.56 140.29a24 24 0 0 0 5.33 11.27a28 28 0 1 0 44.4 8.44h45.42a27.75 27.75 0 0 0-2.71 12a28 28 0 1 0 28-28H91.17a8 8 0 0 1-7.87-6.57L80.13 152h116a24 24 0 0 0 23.61-19.71l12.16-66.86a8 8 0 0 0-1.76-6.56M104 204a12 12 0 1 1-12-12a12 12 0 0 1 12 12m96 0a12 12 0 1 1-12-12a12 12 0 0 1 12 12m4-74.57a8 8 0 0 1-7.9 6.57H77.22L65.59 72h148.82Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--storefront-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M224 96v16a32 32 0 0 1-64 0V96H96v16a32 32 0 0 1-64 0V96l14.34-50.2A8 8 0 0 1 54 40h148a8 8 0 0 1 7.69 5.8Z' opacity='.2'/%3E%3Cpath d='M231.69 93.81L217.35 43.6A16.07 16.07 0 0 0 202 32H54a16.07 16.07 0 0 0-15.35 11.6L24.31 93.81A8 8 0 0 0 24 96v16a40 40 0 0 0 16 32v72a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8v-72a40 40 0 0 0 16-32V96a8 8 0 0 0-.31-2.19M54 48h148l11.42 40H42.61Zm98 56v8a24 24 0 0 1-48 0v-8ZM51.06 132.2A24 24 0 0 1 40 112v-8h48v8a24 24 0 0 1-35.12 21.26a8 8 0 0 0-1.82-1.06M200 208H56v-56.8a40.6 40.6 0 0 0 8 .8a40 40 0 0 0 32-16a40 40 0 0 0 64 0a40 40 0 0 0 32 16a40.6 40.6 0 0 0 8-.8Zm16-96a24 24 0 0 1-11.07 20.2a8 8 0 0 0-1.8 1.05A24 24 0 0 1 168 112v-8h48Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--user-circle-gear-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M224 128a95.76 95.76 0 0 1-31.8 71.37A72 72 0 0 0 128 160a40 40 0 1 0-40-40a40 40 0 0 0 40 40a72 72 0 0 0-64.2 39.37A96 96 0 0 1 184.92 50.69a16 16 0 0 0 20.39 20.39A95.6 95.6 0 0 1 224 128' opacity='.2'/%3E%3Cpath d='m228.25 63.07l-4.66-2.69a23.6 23.6 0 0 0 0-8.76l4.66-2.69a8 8 0 0 0-8-13.86l-4.67 2.7a23.9 23.9 0 0 0-7.58-4.39V28a8 8 0 0 0-16 0v5.38a23.9 23.9 0 0 0-7.58 4.39l-4.67-2.7a8 8 0 1 0-8 13.86l4.66 2.69a23.6 23.6 0 0 0 0 8.76l-4.66 2.69a8 8 0 0 0 4 14.93a7.9 7.9 0 0 0 4-1.07l4.67-2.7a23.9 23.9 0 0 0 7.58 4.39V84a8 8 0 0 0 16 0v-5.38a23.9 23.9 0 0 0 7.58-4.39l4.67 2.7a7.9 7.9 0 0 0 4 1.07a8 8 0 0 0 4-14.93M192 56a8 8 0 1 1 8 8a8 8 0 0 1-8-8m29.35 48.11a8 8 0 0 0-6.57 9.21A89 89 0 0 1 216 128a87.62 87.62 0 0 1-22.24 58.41a79.66 79.66 0 0 0-36.06-28.75a48 48 0 1 0-59.4 0a79.66 79.66 0 0 0-36.06 28.75A88 88 0 0 1 128 40a89 89 0 0 1 14.68 1.22a8 8 0 0 0 2.64-15.78a103.92 103.92 0 1 0 85.24 85.24a8 8 0 0 0-9.21-6.57M96 120a32 32 0 1 1 32 32a32 32 0 0 1-32-32m-21.92 77.5a64 64 0 0 1 107.84 0a87.83 87.83 0 0 1-107.84 0'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--users-three-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M168 144a40 40 0 1 1-40-40a40 40 0 0 1 40 40M64 56a32 32 0 1 0 32 32a32 32 0 0 0-32-32m128 0a32 32 0 1 0 32 32a32 32 0 0 0-32-32' opacity='.2'/%3E%3Cpath d='M244.8 150.4a8 8 0 0 1-11.2-1.6A51.6 51.6 0 0 0 192 128a8 8 0 0 1 0-16a24 24 0 1 0-23.24-30a8 8 0 1 1-15.5-4A40 40 0 1 1 219 117.51a67.94 67.94 0 0 1 27.43 21.68a8 8 0 0 1-1.63 11.21M190.92 212a8 8 0 1 1-13.85 8a57 57 0 0 0-98.15 0a8 8 0 1 1-13.84-8a72.06 72.06 0 0 1 33.74-29.92a48 48 0 1 1 58.36 0A72.06 72.06 0 0 1 190.92 212M128 176a32 32 0 1 0-32-32a32 32 0 0 0 32 32m-56-56a8 8 0 0 0-8-8a24 24 0 1 1 23.24-30a8 8 0 1 0 15.5-4A40 40 0 1 0 37 117.51a67.94 67.94 0 0 0-27.4 21.68a8 8 0 1 0 12.8 9.61A51.6 51.6 0 0 1 64 128a8 8 0 0 0 8-8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[solar--shield-user-linear\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M3 10.417c0-3.198 0-4.797.378-5.335c.377-.537 1.88-1.052 4.887-2.081l.573-.196C10.405 2.268 11.188 2 12 2s1.595.268 3.162.805l.573.196c3.007 1.029 4.51 1.544 4.887 2.081C21 5.62 21 7.22 21 10.417v1.574c0 5.638-4.239 8.375-6.899 9.536C13.38 21.842 13.02 22 12 22s-1.38-.158-2.101-.473C7.239 20.365 3 17.63 3 11.991z'/%3E%3Ccircle cx='12' cy='9' r='2'/%3E%3Cpath d='M16 15c0 1.105 0 2-4 2s-4-.895-4-2s1.79-2 4-2s4 .895 4 2Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[solar--verified-check-bold\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M9.592 3.2a6 6 0 0 1-.495.399c-.298.2-.633.338-.985.408c-.153.03-.313.043-.632.068c-.801.064-1.202.096-1.536.214a2.71 2.71 0 0 0-1.655 1.655c-.118.334-.15.735-.214 1.536a6 6 0 0 1-.068.632c-.07.352-.208.687-.408.985c-.087.13-.191.252-.399.495c-.521.612-.782.918-.935 1.238c-.353.74-.353 1.6 0 2.34c.153.32.414.626.935 1.238c.208.243.312.365.399.495c.2.298.338.633.408.985c.03.153.043.313.068.632c.064.801.096 1.202.214 1.536a2.71 2.71 0 0 0 1.655 1.655c.334.118.735.15 1.536.214c.319.025.479.038.632.068c.352.07.687.209.985.408c.13.087.252.191.495.399c.612.521.918.782 1.238.935c.74.353 1.6.353 2.34 0c.32-.153.626-.414 1.238-.935c.243-.208.365-.312.495-.399c.298-.2.633-.338.985-.408c.153-.03.313-.043.632-.068c.801-.064 1.202-.096 1.536-.214a2.71 2.71 0 0 0 1.655-1.655c.118-.334.15-.735.214-1.536c.025-.319.038-.479.068-.632c.07-.352.209-.687.408-.985c.087-.13.191-.252.399-.495c.521-.612.782-.918.935-1.238c.353-.74.353-1.6 0-2.34c-.153-.32-.414-.626-.935-1.238a6 6 0 0 1-.399-.495a2.7 2.7 0 0 1-.408-.985a6 6 0 0 1-.068-.632c-.064-.801-.096-1.202-.214-1.536a2.71 2.71 0 0 0-1.655-1.655c-.334-.118-.735-.15-1.536-.214a6 6 0 0 1-.632-.068a2.7 2.7 0 0 1-.985-.408a6 6 0 0 1-.495-.399c-.612-.521-.918-.782-1.238-.935a2.71 2.71 0 0 0-2.34 0c-.32.153-.626.414-1.238.935m6.781 6.663a.814.814 0 0 0-1.15-1.15l-4.85 4.85l-1.596-1.595a.814.814 0 0 0-1.15 1.15l2.17 2.17a.814.814 0 0 0 1.15 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-angular\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m5.428 17.245l6.076 3.471a1 1 0 0 0 .992 0l6.076-3.471a1 1 0 0 0 .495-.734l1.323-9.704a1 1 0 0 0-.658-1.078l-7.4-2.612a1 1 0 0 0-.665 0L4.268 5.73a1 1 0 0 0-.658 1.078l1.323 9.704a1 1 0 0 0 .495.734z'/%3E%3Cpath d='m9 15l3-8l3 8m-5-2h4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-aws\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 18.5a15.2 15.2 0 0 1-7.37 1.44A14.6 14.6 0 0 1 3 17m16.5 4c.907-1.411 1.451-3.323 1.5-5c-1.197-.773-2.577-.935-4-1M3 11V6.5a1.5 1.5 0 0 1 3 0V11M3 9h3m3-4l1.2 6L12 7l1.8 4L15 5m3 5.25c0 .414.336.75.75.75H20a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75'/%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-firebase\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m4.53 17.05l6.15-11.72h-.02c.38-.74 1.28-1.02 2.01-.63c.26.14.48.36.62.62l1.06 2.01'/%3E%3Cpath d='M15.47 6.45c.58-.59 1.53-.59 2.11-.01c.22.22.36.5.41.81l1.5 9.11c.1.62-.2 1.24-.76 1.54l-6.07 2.9c-.46.25-1.01.26-1.46 0l-6.02-2.92c-.55-.31-.85-.92-.75-1.54L6.39 4.3c.12-.82.89-1.38 1.7-1.25c.46.07.87.36 1.09.77l1.24 1.76m-5.85 11.6L15.5 6.5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-html5\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m20 4l-2 14.5l-6 2l-6-2L4 4z'/%3E%3Cpath d='M15.5 8h-7l.5 4h6l-.5 3.5l-2.5.75l-2.5-.75l-.1-.5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-python\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 9H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h3m4-2h7a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3'/%3E%3Cpath d='M8 9V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4m-5-9v.01M13 18v.01'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-react\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6.306 8.711C3.704 9.434 2 10.637 2 12c0 2.21 4.477 4 10 4c.773 0 1.526-.035 2.248-.102m3.444-.609C20.295 14.567 22 13.363 22 12c0-2.21-4.477-4-10-4c-.773 0-1.526.035-2.25.102'/%3E%3Cpath d='M6.305 15.287C5.629 17.902 5.82 19.98 7 20.66c1.913 1.105 5.703-1.877 8.464-6.66q.581-1.007 1.036-2m1.194-3.284C18.371 6.1 18.181 4.02 17 3.34C15.087 2.235 11.297 5.217 8.536 10c-.387.67-.733 1.34-1.037 2'/%3E%3Cpath d='M12 5.424C10.075 3.532 8.18 2.658 7 3.34C5.087 4.444 5.774 9.217 8.536 14c.386.67.793 1.304 1.212 1.896M12 18.574c1.926 1.893 3.821 2.768 5 2.086c1.913-1.104 1.226-5.877-1.536-10.66q-.563-.976-1.212-1.897M11.5 12.866a1 1 0 1 0 1-1.732a1 1 0 0 0-1 1.732'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-vue\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16.5 4L12 12L7.5 4'/%3E%3Cpath d='m3 4l9 16l9-16'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--reload\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19.933 13.041a8 8 0 1 1-9.925-8.788c3.899-1 7.935 1.007 9.425 4.747'/%3E%3Cpath d='M20 4v5h-5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--star-filled\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8.243 7.34l-6.38.925l-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499l-1.09 6.355l-.013.11a1 1 0 0 0 1.464.944l5.706-3l5.693 3l.1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355l4.624-4.5l.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926l-2.852-5.78a1 1 0 0 0-1.794 0z'/%3E%3C/svg%3E");
+  }
+  .line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
+  .\!flex {
+    display: flex !important;
+  }
+  .\!inline-flex {
+    display: inline-flex !important;
+  }
+  .block {
+    display: block;
+  }
+  .contents {
+    display: contents;
+  }
+  .flex {
+    display: flex;
+  }
+  .grid {
+    display: grid;
+  }
+  .hidden {
+    display: none;
+  }
+  .inline {
+    display: inline;
+  }
+  .inline-block {
+    display: inline-block;
+  }
+  .inline-flex {
+    display: inline-flex;
+  }
+  .table {
+    display: table;
+  }
+  .table\! {
+    display: table !important;
+  }
+  .table-row {
+    display: table-row;
+  }
+  .\!size-2\.5 {
+    width: calc(var(--spacing) * 2.5) !important;
+    height: calc(var(--spacing) * 2.5) !important;
+  }
+  .\!size-4 {
+    width: calc(var(--spacing) * 4) !important;
+    height: calc(var(--spacing) * 4) !important;
+  }
+  .\!size-8 {
+    width: calc(var(--spacing) * 8) !important;
+    height: calc(var(--spacing) * 8) !important;
+  }
+  .size-1 {
+    width: calc(var(--spacing) * 1);
+    height: calc(var(--spacing) * 1);
+  }
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
+  .size-2 {
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
+  .size-2\.5 {
+    width: calc(var(--spacing) * 2.5);
+    height: calc(var(--spacing) * 2.5);
+  }
+  .size-3 {
+    width: calc(var(--spacing) * 3);
+    height: calc(var(--spacing) * 3);
+  }
+  .size-4 {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+  .size-5 {
+    width: calc(var(--spacing) * 5);
+    height: calc(var(--spacing) * 5);
+  }
+  .size-6 {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
+  .size-7 {
+    width: calc(var(--spacing) * 7);
+    height: calc(var(--spacing) * 7);
+  }
+  .size-8 {
+    width: calc(var(--spacing) * 8);
+    height: calc(var(--spacing) * 8);
+  }
+  .size-10 {
+    width: calc(var(--spacing) * 10);
+    height: calc(var(--spacing) * 10);
+  }
+  .size-12 {
+    width: calc(var(--spacing) * 12);
+    height: calc(var(--spacing) * 12);
+  }
+  .size-16 {
+    width: calc(var(--spacing) * 16);
+    height: calc(var(--spacing) * 16);
+  }
+  .size-20 {
+    width: calc(var(--spacing) * 20);
+    height: calc(var(--spacing) * 20);
+  }
+  .size-24 {
+    width: calc(var(--spacing) * 24);
+    height: calc(var(--spacing) * 24);
+  }
+  .\!h-full {
+    height: 100% !important;
+  }
+  .h-0 {
+    height: calc(var(--spacing) * 0);
+  }
+  .h-0\.5 {
+    height: calc(var(--spacing) * 0.5);
+  }
+  .h-1 {
+    height: calc(var(--spacing) * 1);
+  }
+  .h-1\.5 {
+    height: calc(var(--spacing) * 1.5);
+  }
+  .h-2 {
+    height: calc(var(--spacing) * 2);
+  }
+  .h-2\.5 {
+    height: calc(var(--spacing) * 2.5);
+  }
+  .h-3\.5 {
+    height: calc(var(--spacing) * 3.5);
+  }
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
+  .h-5 {
+    height: calc(var(--spacing) * 5);
+  }
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
+  .h-7 {
+    height: calc(var(--spacing) * 7);
+  }
+  .h-8 {
+    height: calc(var(--spacing) * 8);
+  }
+  .h-9 {
+    height: calc(var(--spacing) * 9);
+  }
+  .h-10 {
+    height: calc(var(--spacing) * 10);
+  }
+  .h-12 {
+    height: calc(var(--spacing) * 12);
+  }
+  .h-14 {
+    height: calc(var(--spacing) * 14);
+  }
+  .h-16 {
+    height: calc(var(--spacing) * 16);
+  }
+  .h-20 {
+    height: calc(var(--spacing) * 20);
+  }
+  .h-28 {
+    height: calc(var(--spacing) * 28);
+  }
+  .h-32 {
+    height: calc(var(--spacing) * 32);
+  }
+  .h-40 {
+    height: calc(var(--spacing) * 40);
+  }
+  .h-42 {
+    height: calc(var(--spacing) * 42);
+  }
+  .h-56 {
+    height: calc(var(--spacing) * 56);
+  }
+  .h-64 {
+    height: calc(var(--spacing) * 64);
+  }
+  .h-70 {
+    height: calc(var(--spacing) * 70);
+  }
+  .h-72 {
+    height: calc(var(--spacing) * 72);
+  }
+  .h-76 {
+    height: calc(var(--spacing) * 76);
+  }
+  .h-78 {
+    height: calc(var(--spacing) * 78);
+  }
+  .h-80 {
+    height: calc(var(--spacing) * 80);
+  }
+  .h-82 {
+    height: calc(var(--spacing) * 82);
+  }
+  .h-84 {
+    height: calc(var(--spacing) * 84);
+  }
+  .h-\[3px\] {
+    height: 3px;
+  }
+  .h-\[60vh\] {
+    height: 60vh;
+  }
+  .h-\[70\%\] {
+    height: 70%;
+  }
+  .h-\[75vh\] {
+    height: 75vh;
+  }
+  .h-\[calc\(100vh-2rem\)\] {
+    height: calc(100vh - 2rem);
+  }
+  .h-auto {
+    height: auto;
+  }
+  .h-full {
+    height: 100%;
+  }
+  .max-h-96 {
+    max-height: calc(var(--spacing) * 96);
+  }
+  .max-h-\[50vh\] {
+    max-height: 50vh;
+  }
+  .max-h-\[80vh\] {
+    max-height: 80vh;
+  }
+  .max-h-\[320px\] {
+    max-height: 320px;
+  }
+  .max-h-\[340px\] {
+    max-height: 340px;
+  }
+  .min-h-16 {
+    min-height: calc(var(--spacing) * 16);
+  }
+  .min-h-24 {
+    min-height: calc(var(--spacing) * 24);
+  }
+  .min-h-48 {
+    min-height: calc(var(--spacing) * 48);
+  }
+  .min-h-\[70px\] {
+    min-height: 70px;
+  }
+  .min-h-\[230px\] {
+    min-height: 230px;
+  }
+  .min-h-\[calc\(100\%-2rem\)\] {
+    min-height: calc(100% - 2rem);
+  }
+  .min-h-full {
+    min-height: 100%;
+  }
+  .\!w-3 {
+    width: calc(var(--spacing) * 3) !important;
+  }
+  .\!w-4 {
+    width: calc(var(--spacing) * 4) !important;
+  }
+  .\!w-full {
+    width: 100% !important;
+  }
+  .w-0\.5 {
+    width: calc(var(--spacing) * 0.5);
+  }
+  .w-1 {
+    width: calc(var(--spacing) * 1);
+  }
+  .w-1\/2 {
+    width: calc(1/2 * 100%);
+  }
+  .w-2\/5 {
+    width: calc(2/5 * 100%);
+  }
+  .w-3\.5 {
+    width: calc(var(--spacing) * 3.5);
+  }
+  .w-3\/5 {
+    width: calc(3/5 * 100%);
+  }
+  .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
+  .w-4\/12 {
+    width: calc(4/12 * 100%);
+  }
+  .w-5 {
+    width: calc(var(--spacing) * 5);
+  }
+  .w-6 {
+    width: calc(var(--spacing) * 6);
+  }
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+  .w-8 {
+    width: calc(var(--spacing) * 8);
+  }
+  .w-9 {
+    width: calc(var(--spacing) * 9);
+  }
+  .w-10 {
+    width: calc(var(--spacing) * 10);
+  }
+  .w-12 {
+    width: calc(var(--spacing) * 12);
+  }
+  .w-14 {
+    width: calc(var(--spacing) * 14);
+  }
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
+  .w-20 {
+    width: calc(var(--spacing) * 20);
+  }
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
+  .w-28 {
+    width: calc(var(--spacing) * 28);
+  }
+  .w-32 {
+    width: calc(var(--spacing) * 32);
+  }
+  .w-36 {
+    width: calc(var(--spacing) * 36);
+  }
+  .w-48 {
+    width: calc(var(--spacing) * 48);
+  }
+  .w-54 {
+    width: calc(var(--spacing) * 54);
+  }
+  .w-56 {
+    width: calc(var(--spacing) * 56);
+  }
+  .w-64 {
+    width: calc(var(--spacing) * 64);
+  }
+  .w-72 {
+    width: calc(var(--spacing) * 72);
+  }
+  .w-\[90\%\] {
+    width: 90%;
+  }
+  .w-\[94\%\] {
+    width: 94%;
+  }
+  .w-\[300px\] {
+    width: 300px;
+  }
+  .w-auto {
+    width: auto;
+  }
+  .w-full {
+    width: 100%;
+  }
+  .w-px {
+    width: 1px;
+  }
+  .max-w-2xl {
+    max-width: var(--container-2xl);
+  }
+  .max-w-3xl {
+    max-width: var(--container-3xl);
+  }
+  .max-w-4xl {
+    max-width: var(--container-4xl);
+  }
+  .max-w-5 {
+    max-width: calc(var(--spacing) * 5);
+  }
+  .max-w-5xl {
+    max-width: var(--container-5xl);
+  }
+  .max-w-7xl {
+    max-width: var(--container-7xl);
+  }
+  .max-w-8 {
+    max-width: calc(var(--spacing) * 8);
+  }
+  .max-w-44 {
+    max-width: calc(var(--spacing) * 44);
+  }
+  .max-w-48 {
+    max-width: calc(var(--spacing) * 48);
+  }
+  .max-w-\[25rem\] {
+    max-width: 25rem;
+  }
+  .max-w-\[30rem\] {
+    max-width: 30rem;
+  }
+  .max-w-\[40rem\] {
+    max-width: 40rem;
+  }
+  .max-w-\[240px\] {
+    max-width: 240px;
+  }
+  .max-w-\[270px\] {
+    max-width: 270px;
+  }
+  .max-w-\[320px\] {
+    max-width: 320px;
+  }
+  .max-w-\[600px\] {
+    max-width: 600px;
+  }
+  .max-w-full {
+    max-width: 100%;
+  }
+  .max-w-lg {
+    max-width: var(--container-lg);
+  }
+  .max-w-md {
+    max-width: var(--container-md);
+  }
+  .max-w-sm {
+    max-width: var(--container-sm);
+  }
+  .max-w-xl {
+    max-width: var(--container-xl);
+  }
+  .max-w-xs {
+    max-width: var(--container-xs);
+  }
+  .min-w-5 {
+    min-width: calc(var(--spacing) * 5);
+  }
+  .min-w-8 {
+    min-width: calc(var(--spacing) * 8);
+  }
+  .min-w-20 {
+    min-width: calc(var(--spacing) * 20);
+  }
+  .min-w-24 {
+    min-width: calc(var(--spacing) * 24);
+  }
+  .min-w-32 {
+    min-width: calc(var(--spacing) * 32);
+  }
+  .min-w-36 {
+    min-width: calc(var(--spacing) * 36);
+  }
+  .min-w-40 {
+    min-width: calc(var(--spacing) * 40);
+  }
+  .min-w-44 {
+    min-width: calc(var(--spacing) * 44);
+  }
+  .min-w-48 {
+    min-width: calc(var(--spacing) * 48);
+  }
+  .min-w-56 {
+    min-width: calc(var(--spacing) * 56);
+  }
+  .min-w-64 {
+    min-width: calc(var(--spacing) * 64);
+  }
+  .min-w-\[300px\] {
+    min-width: 300px;
+  }
+  .min-w-full {
+    min-width: 100%;
+  }
+  .min-w-max {
+    min-width: max-content;
+  }
+  .flex-1 {
+    flex: 1;
+  }
+  .flex-auto {
+    flex: auto;
+  }
+  .shrink-0 {
+    flex-shrink: 0;
+  }
+  .flex-grow {
+    flex-grow: 1;
+  }
+  .flex-grow-1 {
+    flex-grow: 1;
+  }
+  .grow {
+    flex-grow: 1;
+  }
+  .basis-full {
+    flex-basis: 100%;
+  }
+  .border-collapse {
+    border-collapse: collapse;
+  }
+  .origin-center {
+    transform-origin: center;
+  }
+  .origin-top-left {
+    transform-origin: 0 0;
+  }
+  .\!-translate-x-0 {
+    --tw-translate-x: calc(var(--spacing) * -0) !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .-translate-x-1\/2 {
+    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-x-0 {
+    --tw-translate-x: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-x-5 {
+    --tw-translate-x: calc(var(--spacing) * 5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-0 {
+    --tw-translate-y: calc(var(--spacing) * -0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-5 {
+    --tw-translate-y: calc(var(--spacing) * -5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-full {
+    --tw-translate-y: -100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-y-0 {
+    --tw-translate-y: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-y-full {
+    --tw-translate-y: 100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-rotate-90 {
+    rotate: calc(90deg * -1);
+  }
+  .rotate-0 {
+    rotate: 0deg;
+  }
+  .rotate-180 {
+    rotate: 180deg;
+  }
+  .transform {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+  }
+  .animate-bounce {
+    animation: var(--animate-bounce);
+  }
+  .animate-ping {
+    animation: var(--animate-ping);
+  }
+  .animate-pulse {
+    animation: var(--animate-pulse);
+  }
+  .animate-spin {
+    animation: var(--animate-spin);
+  }
+  .cursor-default {
+    cursor: default;
+  }
+  .cursor-grab {
+    cursor: grab;
+  }
+  .cursor-move {
+    cursor: move;
+  }
+  .cursor-pointer {
+    cursor: pointer;
+  }
+  .cursor-w-resize {
+    cursor: w-resize;
+  }
+  .resize {
+    resize: both;
+  }
+  .list-decimal {
+    list-style-type: decimal;
+  }
+  .list-disc {
+    list-style-type: disc;
+  }
+  .list-none {
+    list-style-type: none;
+  }
+  .appearance-none {
+    appearance: none;
+  }
+  .grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .flex-col {
+    flex-direction: column;
+  }
+  .flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+  .flex-nowrap {
+    flex-wrap: nowrap;
+  }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .items-end {
+    align-items: flex-end;
+  }
+  .items-start {
+    align-items: flex-start;
+  }
+  .justify-between {
+    justify-content: space-between;
+  }
+  .justify-center {
+    justify-content: center;
+  }
+  .justify-end {
+    justify-content: flex-end;
+  }
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * 0.5);
+  }
+  .gap-1 {
+    gap: calc(var(--spacing) * 1);
+  }
+  .gap-1\.5 {
+    gap: calc(var(--spacing) * 1.5);
+  }
+  .gap-2 {
+    gap: calc(var(--spacing) * 2);
+  }
+  .gap-2\.5 {
+    gap: calc(var(--spacing) * 2.5);
+  }
+  .gap-3 {
+    gap: calc(var(--spacing) * 3);
+  }
+  .gap-3\.5 {
+    gap: calc(var(--spacing) * 3.5);
+  }
+  .gap-4 {
+    gap: calc(var(--spacing) * 4);
+  }
+  .gap-5 {
+    gap: calc(var(--spacing) * 5);
+  }
+  .gap-6 {
+    gap: calc(var(--spacing) * 6);
+  }
+  .space-y-0\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-6 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .-space-x-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .-space-x-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .space-x-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .space-x-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .space-x-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .gap-y-1 {
+    row-gap: calc(var(--spacing) * 1);
+  }
+  .gap-y-2 {
+    row-gap: calc(var(--spacing) * 2);
+  }
+  .divide-x {
+    :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
+      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+    }
+  }
+  .divide-y {
+    :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-bottom-style: var(--tw-border-style);
+      border-top-style: var(--tw-border-style);
+      border-top-width: calc(1px * var(--tw-divide-y-reverse));
+      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    }
+  }
+  .divide-dashed {
+    :where(& > :not(:last-child)) {
+      --tw-border-style: dashed;
+      border-style: dashed;
+    }
+  }
+  .divide-zinc-100 {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-zinc-100);
+    }
+  }
+  .divide-zinc-200 {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-zinc-200);
+    }
+  }
+  .divide-zinc-500\/10 {
+    :where(& > :not(:last-child)) {
+      border-color: color-mix(in srgb, #4D5472 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent);
+      }
+    }
+  }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .overflow-hidden {
+    overflow: hidden;
+  }
+  .overflow-visible {
+    overflow: visible;
+  }
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
+  .overflow-x-hidden {
+    overflow-x: hidden;
+  }
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
+  .overflow-y-hidden {
+    overflow-y: hidden;
+  }
+  .\!rounded {
+    border-radius: 0.25rem !important;
+  }
+  .\!rounded-full {
+    border-radius: calc(infinity * 1px) !important;
+  }
+  .\!rounded-lg {
+    border-radius: var(--radius-lg) !important;
+  }
+  .\!rounded-md {
+    border-radius: var(--radius-md) !important;
+  }
+  .\!rounded-none {
+    border-radius: 0 !important;
+  }
+  .\!rounded-xl {
+    border-radius: var(--radius-xl) !important;
+  }
+  .rounded {
+    border-radius: 0.25rem;
+  }
+  .rounded-2xl {
+    border-radius: var(--radius-2xl);
+  }
+  .rounded-full {
+    border-radius: calc(infinity * 1px);
+  }
+  .rounded-lg {
+    border-radius: var(--radius-lg);
+  }
+  .rounded-md {
+    border-radius: var(--radius-md);
+  }
+  .rounded-sm {
+    border-radius: var(--radius-sm);
+  }
+  .rounded-xl {
+    border-radius: var(--radius-xl);
+  }
+  .\!rounded-s-none {
+    border-start-start-radius: 0 !important;
+    border-end-start-radius: 0 !important;
+  }
+  .rounded-s-3xl {
+    border-start-start-radius: var(--radius-3xl);
+    border-end-start-radius: var(--radius-3xl);
+  }
+  .rounded-s-lg {
+    border-start-start-radius: var(--radius-lg);
+    border-end-start-radius: var(--radius-lg);
+  }
+  .rounded-s-sm {
+    border-start-start-radius: var(--radius-sm);
+    border-end-start-radius: var(--radius-sm);
+  }
+  .\!rounded-e-none {
+    border-start-end-radius: 0 !important;
+    border-end-end-radius: 0 !important;
+  }
+  .rounded-e-lg {
+    border-start-end-radius: var(--radius-lg);
+    border-end-end-radius: var(--radius-lg);
+  }
+  .rounded-e-md {
+    border-start-end-radius: var(--radius-md);
+    border-end-end-radius: var(--radius-md);
+  }
+  .rounded-e-sm {
+    border-start-end-radius: var(--radius-sm);
+    border-end-end-radius: var(--radius-sm);
+  }
+  .rounded-t-md {
+    border-top-left-radius: var(--radius-md);
+    border-top-right-radius: var(--radius-md);
+  }
+  .rounded-t-xl {
+    border-top-left-radius: var(--radius-xl);
+    border-top-right-radius: var(--radius-xl);
+  }
+  .\!rounded-tl-2xl {
+    border-top-left-radius: var(--radius-2xl) !important;
+  }
+  .rounded-b-md {
+    border-bottom-right-radius: var(--radius-md);
+    border-bottom-left-radius: var(--radius-md);
+  }
+  .rounded-b-xl {
+    border-bottom-right-radius: var(--radius-xl);
+    border-bottom-left-radius: var(--radius-xl);
+  }
+  .\!rounded-br-2xl {
+    border-bottom-right-radius: var(--radius-2xl) !important;
+  }
+  .\!border {
+    border-style: var(--tw-border-style) !important;
+    border-width: 1px !important;
+  }
+  .\!border-0 {
+    border-style: var(--tw-border-style) !important;
+    border-width: 0px !important;
+  }
+  .\!border-1 {
+    border-style: var(--tw-border-style) !important;
+    border-width: 1px !important;
+  }
+  .\!border-2 {
+    border-style: var(--tw-border-style) !important;
+    border-width: 2px !important;
+  }
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
+  .border-4 {
+    border-style: var(--tw-border-style);
+    border-width: 4px;
+  }
+  .border-y {
+    border-block-style: var(--tw-border-style);
+    border-block-width: 1px;
+  }
+  .border-s {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 1px;
+  }
+  .border-s-0 {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 0px;
+  }
+  .border-s-2 {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 2px;
+  }
+  .border-s-4 {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 4px;
+  }
+  .border-e {
+    border-inline-end-style: var(--tw-border-style);
+    border-inline-end-width: 1px;
+  }
+  .border-e-0 {
+    border-inline-end-style: var(--tw-border-style);
+    border-inline-end-width: 0px;
+  }
+  .border-t {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+  }
+  .border-t-2 {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 2px;
+  }
+  .border-b {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+  .border-b-2 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 2px;
+  }
+  .border-dashed {
+    --tw-border-style: dashed;
+    border-style: dashed;
+  }
+  .border-dotted {
+    --tw-border-style: dotted;
+    border-style: dotted;
+  }
+  .\!border-green-500 {
+    border-color: var(--color-green-500) !important;
+  }
+  .\!border-green-500\/20 {
+    border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent) !important;
+    }
+  }
+  .\!border-primary {
+    border-color: var(--color-primary) !important;
+  }
+  .\!border-primary-subtle {
+    border-color: var(--color-primary-subtle) !important;
+  }
+  .\!border-red-500 {
+    border-color: var(--color-red-500) !important;
+  }
+  .\!border-red-500\/20 {
+    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent) !important;
+    }
+  }
+  .\!border-yellow-500\/10 {
+    border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent) !important;
+    }
+  }
+  .\!border-zinc-200 {
+    border-color: var(--color-zinc-200) !important;
+  }
+  .\!border-zinc-300 {
+    border-color: var(--color-zinc-300) !important;
+  }
+  .\!border-zinc-400 {
+    border-color: var(--color-zinc-400) !important;
+  }
+  .\!border-zinc-500\/10 {
+    border-color: color-mix(in srgb, #4D5472 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent) !important;
+    }
+  }
+  .border-green-500 {
+    border-color: var(--color-green-500);
+  }
+  .border-orange-500\/10 {
+    border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
+    }
+  }
+  .border-primary {
+    border-color: var(--color-primary);
+  }
+  .border-red-500 {
+    border-color: var(--color-red-500);
+  }
+  .border-sky-500 {
+    border-color: var(--color-sky-500);
+  }
+  .border-transparent {
+    border-color: transparent;
+  }
+  .border-white {
+    border-color: var(--color-white);
+  }
+  .border-zinc-50 {
+    border-color: var(--color-zinc-50);
+  }
+  .border-zinc-100 {
+    border-color: var(--color-zinc-100);
+  }
+  .border-zinc-200 {
+    border-color: var(--color-zinc-200);
+  }
+  .border-zinc-300 {
+    border-color: var(--color-zinc-300);
+  }
+  .border-zinc-500\/10 {
+    border-color: color-mix(in srgb, #4D5472 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent);
+    }
+  }
+  .\!bg-amber-500 {
+    background-color: var(--color-amber-500) !important;
+  }
+  .\!bg-green-500 {
+    background-color: var(--color-green-500) !important;
+  }
+  .\!bg-primary {
+    background-color: var(--color-primary) !important;
+  }
+  .\!bg-primary\/10 {
+    background-color: color-mix(in srgb, #636DFF 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
+    }
+  }
+  .\!bg-red-500 {
+    background-color: var(--color-red-500) !important;
+  }
+  .\!bg-sky-500 {
+    background-color: var(--color-sky-500) !important;
+  }
+  .\!bg-transparent {
+    background-color: transparent !important;
+  }
+  .\!bg-white {
+    background-color: var(--color-white) !important;
+  }
+  .\!bg-yellow-500\/20 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent) !important;
+    }
+  }
+  .\!bg-zinc-50 {
+    background-color: var(--color-zinc-50) !important;
+  }
+  .\!bg-zinc-100 {
+    background-color: var(--color-zinc-100) !important;
+  }
+  .\!bg-zinc-200 {
+    background-color: var(--color-zinc-200) !important;
+  }
+  .\!bg-zinc-400 {
+    background-color: var(--color-zinc-400) !important;
+  }
+  .bg-amber-500 {
+    background-color: var(--color-amber-500);
+  }
+  .bg-amber-500\/10 {
+    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
+    }
+  }
+  .bg-amber-500\/20 {
+    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
+    }
+  }
+  .bg-black {
+    background-color: var(--color-black);
+  }
+  .bg-black\/25 {
+    background-color: color-mix(in srgb, #0A0C16 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
+    }
+  }
+  .bg-blue-300 {
+    background-color: var(--color-blue-300);
+  }
+  .bg-blue-500 {
+    background-color: var(--color-blue-500);
+  }
+  .bg-blue-500\/10 {
+    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
+    }
+  }
+  .bg-blue-800 {
+    background-color: var(--color-blue-800);
+  }
+  .bg-current {
+    background-color: currentcolor;
+  }
+  .bg-cyan-500 {
+    background-color: var(--color-cyan-500);
+  }
+  .bg-cyan-500\/10 {
+    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
+    }
+  }
+  .bg-cyan-500\/20 {
+    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
+    }
+  }
+  .bg-green-300 {
+    background-color: var(--color-green-300);
+  }
+  .bg-green-500 {
+    background-color: var(--color-green-500);
+  }
+  .bg-green-500\/10 {
+    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
+    }
+  }
+  .bg-green-500\/20 {
+    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+    }
+  }
+  .bg-green-500\/30 {
+    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
+    }
+  }
+  .bg-lime-500 {
+    background-color: var(--color-lime-500);
+  }
+  .bg-lime-500\/10 {
+    background-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-lime-500) 10%, transparent);
+    }
+  }
+  .bg-orange-100 {
+    background-color: var(--color-orange-100);
+  }
+  .bg-orange-300 {
+    background-color: var(--color-orange-300);
+  }
+  .bg-orange-400 {
+    background-color: var(--color-orange-400);
+  }
+  .bg-orange-500 {
+    background-color: var(--color-orange-500);
+  }
+  .bg-orange-500\/10 {
+    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
+    }
+  }
+  .bg-orange-500\/20 {
+    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
+    }
+  }
+  .bg-pink-500 {
+    background-color: var(--color-pink-500);
+  }
+  .bg-pink-500\/10 {
+    background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-pink-500) 10%, transparent);
+    }
+  }
+  .bg-pink-500\/20 {
+    background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent);
+    }
+  }
+  .bg-primary {
+    background-color: var(--color-primary);
+  }
+  .bg-primary-subtle {
+    background-color: var(--color-primary-subtle);
+  }
+  .bg-primary\/10 {
+    background-color: color-mix(in srgb, #636DFF 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
+    }
+  }
+  .bg-primary\/20 {
+    background-color: color-mix(in srgb, #636DFF 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+  .bg-purple-500 {
+    background-color: var(--color-purple-500);
+  }
+  .bg-purple-500\/10 {
+    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
+    }
+  }
+  .bg-red-400 {
+    background-color: var(--color-red-400);
+  }
+  .bg-red-500 {
+    background-color: var(--color-red-500);
+  }
+  .bg-red-500\/10 {
+    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
+    }
+  }
+  .bg-red-500\/30 {
+    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
+    }
+  }
+  .bg-rose-500 {
+    background-color: var(--color-rose-500);
+  }
+  .bg-sky-500 {
+    background-color: var(--color-sky-500);
+  }
+  .bg-sky-500\/10 {
+    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
+    }
+  }
+  .bg-sky-500\/20 {
+    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
+    }
+  }
+  .bg-transparent {
+    background-color: transparent;
+  }
+  .bg-white {
+    background-color: var(--color-white);
+  }
+  .bg-yellow-500 {
+    background-color: var(--color-yellow-500);
+  }
+  .bg-yellow-500\/10 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
+    }
+  }
+  .bg-yellow-500\/20 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
+    }
+  }
+  .bg-yellow-500\/30 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
+    }
+  }
+  .bg-zinc-50 {
+    background-color: var(--color-zinc-50);
+  }
+  .bg-zinc-50\/80 {
+    background-color: color-mix(in srgb, #F9FAFD 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-50) 80%, transparent);
+    }
+  }
+  .bg-zinc-100 {
+    background-color: var(--color-zinc-100);
+  }
+  .bg-zinc-200 {
+    background-color: var(--color-zinc-200);
+  }
+  .bg-zinc-300 {
+    background-color: var(--color-zinc-300);
+  }
+  .bg-zinc-300\/10 {
+    background-color: color-mix(in srgb, #DADDE8 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-300) 10%, transparent);
+    }
+  }
+  .bg-zinc-300\/20 {
+    background-color: color-mix(in srgb, #DADDE8 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-300) 20%, transparent);
+    }
+  }
+  .bg-zinc-400 {
+    background-color: var(--color-zinc-400);
+  }
+  .bg-zinc-400\/20 {
+    background-color: color-mix(in srgb, #9196af 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-400) 20%, transparent);
+    }
+  }
+  .bg-zinc-500 {
+    background-color: var(--color-zinc-500);
+  }
+  .bg-zinc-500\/1 {
+    background-color: color-mix(in srgb, #4D5472 1%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-500) 1%, transparent);
+    }
+  }
+  .bg-zinc-500\/20 {
+    background-color: color-mix(in srgb, #4D5472 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-500) 20%, transparent);
+    }
+  }
+  .bg-zinc-500\/30 {
+    background-color: color-mix(in srgb, #4D5472 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-500) 30%, transparent);
+    }
+  }
+  .bg-zinc-500\/50 {
+    background-color: color-mix(in srgb, #4D5472 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-500) 50%, transparent);
+    }
+  }
+  .bg-zinc-600 {
+    background-color: var(--color-zinc-600);
+  }
+  .bg-zinc-700 {
+    background-color: var(--color-zinc-700);
+  }
+  .bg-zinc-800 {
+    background-color: var(--color-zinc-800);
+  }
+  .bg-zinc-900 {
+    background-color: var(--color-zinc-900);
+  }
+  .bg-zinc-900\/10 {
+    background-color: color-mix(in srgb, #191E32 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-900) 10%, transparent);
+    }
+  }
+  .bg-gradient-to-t {
+    --tw-gradient-position: to top in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .bg-gradient-to-tl {
+    --tw-gradient-position: to top left in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .bg-gradient-to-tr {
+    --tw-gradient-position: to top right in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .\!bg-none {
+    background-image: none !important;
+  }
+  .from-blue-500 {
+    --tw-gradient-from: var(--color-blue-500);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .from-primary {
+    --tw-gradient-from: var(--color-primary);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .from-primary-deep {
+    --tw-gradient-from: var(--color-primary-deep);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .from-white {
+    --tw-gradient-from: var(--color-white);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .via-primary-deep {
+    --tw-gradient-via: var(--color-primary-deep);
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
+  .via-purple-700 {
+    --tw-gradient-via: var(--color-purple-700);
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
+  .to-pink-900 {
+    --tw-gradient-to: var(--color-pink-900);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .to-primary {
+    --tw-gradient-to: var(--color-primary);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .to-primary-deep {
+    --tw-gradient-to: var(--color-primary-deep);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .mask-\[var\(--svg\)\] {
+    mask-image: var(--svg);
+  }
+  .mask-size-\[100\%\] {
+    mask-size: 100%;
+  }
+  .mask-repeat {
+    mask-repeat: repeat;
+  }
+  .\!fill-primary {
+    fill: var(--color-primary) !important;
+  }
+  .\!fill-zinc-700 {
+    fill: var(--color-zinc-700) !important;
+  }
+  .\!stroke-primary {
+    stroke: var(--color-primary) !important;
+  }
+  .\!stroke-zinc-700 {
+    stroke: var(--color-zinc-700) !important;
+  }
+  .object-cover {
+    object-fit: cover;
+  }
+  .object-top {
+    object-position: top;
+  }
+  .\!p-0 {
+    padding: calc(var(--spacing) * 0) !important;
+  }
+  .\!p-1\.5 {
+    padding: calc(var(--spacing) * 1.5) !important;
+  }
+  .\!p-2 {
+    padding: calc(var(--spacing) * 2) !important;
+  }
+  .\!p-2\.5 {
+    padding: calc(var(--spacing) * 2.5) !important;
+  }
+  .\!p-4 {
+    padding: calc(var(--spacing) * 4) !important;
+  }
+  .p-0 {
+    padding: calc(var(--spacing) * 0);
+  }
+  .p-1 {
+    padding: calc(var(--spacing) * 1);
+  }
+  .p-1\.5 {
+    padding: calc(var(--spacing) * 1.5);
+  }
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
+  .p-3 {
+    padding: calc(var(--spacing) * 3);
+  }
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
+  }
+  .p-6 {
+    padding: calc(var(--spacing) * 6);
+  }
+  .p-px {
+    padding: 1px;
+  }
+  .\!px-2 {
+    padding-inline: calc(var(--spacing) * 2) !important;
+  }
+  .\!px-2\.5 {
+    padding-inline: calc(var(--spacing) * 2.5) !important;
+  }
+  .\!px-3 {
+    padding-inline: calc(var(--spacing) * 3) !important;
+  }
+  .\!px-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5) !important;
+  }
+  .\!px-4 {
+    padding-inline: calc(var(--spacing) * 4) !important;
+  }
+  .px-1 {
+    padding-inline: calc(var(--spacing) * 1);
+  }
+  .px-1\.5 {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
+  .px-2 {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+  .px-2\.5 {
+    padding-inline: calc(var(--spacing) * 2.5);
+  }
+  .px-3 {
+    padding-inline: calc(var(--spacing) * 3);
+  }
+  .px-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5);
+  }
+  .px-4 {
+    padding-inline: calc(var(--spacing) * 4);
+  }
+  .px-5 {
+    padding-inline: calc(var(--spacing) * 5);
+  }
+  .px-10 {
+    padding-inline: calc(var(--spacing) * 10);
+  }
+  .\!py-0 {
+    padding-block: calc(var(--spacing) * 0) !important;
+  }
+  .\!py-0\.5 {
+    padding-block: calc(var(--spacing) * 0.5) !important;
+  }
+  .\!py-1 {
+    padding-block: calc(var(--spacing) * 1) !important;
+  }
+  .\!py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5) !important;
+  }
+  .\!py-2 {
+    padding-block: calc(var(--spacing) * 2) !important;
+  }
+  .\!py-2\.5 {
+    padding-block: calc(var(--spacing) * 2.5) !important;
+  }
+  .\!py-3 {
+    padding-block: calc(var(--spacing) * 3) !important;
+  }
+  .py-0 {
+    padding-block: calc(var(--spacing) * 0);
+  }
+  .py-0\.5 {
+    padding-block: calc(var(--spacing) * 0.5);
+  }
+  .py-1 {
+    padding-block: calc(var(--spacing) * 1);
+  }
+  .py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
+  .py-1\.75 {
+    padding-block: calc(var(--spacing) * 1.75);
+  }
+  .py-2 {
+    padding-block: calc(var(--spacing) * 2);
+  }
+  .py-2\.5 {
+    padding-block: calc(var(--spacing) * 2.5);
+  }
+  .py-3 {
+    padding-block: calc(var(--spacing) * 3);
+  }
+  .py-3\.5 {
+    padding-block: calc(var(--spacing) * 3.5);
+  }
+  .py-4 {
+    padding-block: calc(var(--spacing) * 4);
+  }
+  .py-6 {
+    padding-block: calc(var(--spacing) * 6);
+  }
+  .py-8 {
+    padding-block: calc(var(--spacing) * 8);
+  }
+  .py-12 {
+    padding-block: calc(var(--spacing) * 12);
+  }
+  .\!ps-9 {
+    padding-inline-start: calc(var(--spacing) * 9) !important;
+  }
+  .ps-2 {
+    padding-inline-start: calc(var(--spacing) * 2);
+  }
+  .ps-3 {
+    padding-inline-start: calc(var(--spacing) * 3);
+  }
+  .ps-4 {
+    padding-inline-start: calc(var(--spacing) * 4);
+  }
+  .ps-5\.5 {
+    padding-inline-start: calc(var(--spacing) * 5.5);
+  }
+  .ps-6 {
+    padding-inline-start: calc(var(--spacing) * 6);
+  }
+  .\!pe-0 {
+    padding-inline-end: calc(var(--spacing) * 0) !important;
+  }
+  .pe-2 {
+    padding-inline-end: calc(var(--spacing) * 2);
+  }
+  .pe-3 {
+    padding-inline-end: calc(var(--spacing) * 3);
+  }
+  .pe-4 {
+    padding-inline-end: calc(var(--spacing) * 4);
+  }
+  .\!pt-0 {
+    padding-top: calc(var(--spacing) * 0) !important;
+  }
+  .\!pt-2 {
+    padding-top: calc(var(--spacing) * 2) !important;
+  }
+  .pt-0 {
+    padding-top: calc(var(--spacing) * 0);
+  }
+  .pt-1 {
+    padding-top: calc(var(--spacing) * 1);
+  }
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
+  .pt-4 {
+    padding-top: calc(var(--spacing) * 4);
+  }
+  .pt-5 {
+    padding-top: calc(var(--spacing) * 5);
+  }
+  .pt-6 {
+    padding-top: calc(var(--spacing) * 6);
+  }
+  .pt-7 {
+    padding-top: calc(var(--spacing) * 7);
+  }
+  .pt-12 {
+    padding-top: calc(var(--spacing) * 12);
+  }
+  .\!pr-10 {
+    padding-right: calc(var(--spacing) * 10) !important;
+  }
+  .\!pr-12 {
+    padding-right: calc(var(--spacing) * 12) !important;
+  }
+  .\!pb-0 {
+    padding-bottom: calc(var(--spacing) * 0) !important;
+  }
+  .\!pb-2 {
+    padding-bottom: calc(var(--spacing) * 2) !important;
+  }
+  .pb-0 {
+    padding-bottom: calc(var(--spacing) * 0);
+  }
+  .pb-0\.5 {
+    padding-bottom: calc(var(--spacing) * 0.5);
+  }
+  .pb-1 {
+    padding-bottom: calc(var(--spacing) * 1);
+  }
+  .pb-1\.5 {
+    padding-bottom: calc(var(--spacing) * 1.5);
+  }
+  .pb-2 {
+    padding-bottom: calc(var(--spacing) * 2);
+  }
+  .pb-2\.5 {
+    padding-bottom: calc(var(--spacing) * 2.5);
+  }
+  .pb-3 {
+    padding-bottom: calc(var(--spacing) * 3);
+  }
+  .pb-3\.5 {
+    padding-bottom: calc(var(--spacing) * 3.5);
+  }
+  .pb-4 {
+    padding-bottom: calc(var(--spacing) * 4);
+  }
+  .\!pl-7 {
+    padding-left: calc(var(--spacing) * 7) !important;
+  }
+  .\!pl-8 {
+    padding-left: calc(var(--spacing) * 8) !important;
+  }
+  .\!pl-9 {
+    padding-left: calc(var(--spacing) * 9) !important;
+  }
+  .\!pl-10 {
+    padding-left: calc(var(--spacing) * 10) !important;
+  }
+  .pl-2 {
+    padding-left: calc(var(--spacing) * 2);
+  }
+  .pl-4 {
+    padding-left: calc(var(--spacing) * 4);
+  }
+  .\!text-end {
+    text-align: end !important;
+  }
+  .text-center {
+    text-align: center;
+  }
+  .text-end {
+    text-align: end;
+  }
+  .text-left {
+    text-align: left;
+  }
+  .text-right {
+    text-align: right;
+  }
+  .text-start {
+    text-align: start;
+  }
+  .align-middle {
+    vertical-align: middle;
+  }
+  .\!font-sans {
+    font-family: var(--font-sans) !important;
+  }
+  .\!font-theme {
+    font-family: var(--font-theme) !important;
+  }
+  .font-mono {
+    font-family: var(--font-mono);
+  }
+  .font-theme {
+    font-family: var(--font-theme);
+  }
+  .\!text-2xl {
+    font-size: var(--text-2xl) !important;
+    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
+  }
+  .\!text-base {
+    font-size: var(--text-base) !important;
+    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+  }
+  .\!text-lg {
+    font-size: var(--text-lg) !important;
+    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+  }
+  .\!text-sm {
+    font-size: var(--text-sm) !important;
+    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  }
+  .\!text-xl {
+    font-size: var(--text-xl) !important;
+    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
+  }
+  .\!text-xs {
+    font-size: var(--text-xs) !important;
+    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
+  }
+  .text-2xl {
+    font-size: var(--text-2xl);
+    line-height: var(--tw-leading, var(--text-2xl--line-height));
+  }
+  .text-3xl {
+    font-size: var(--text-3xl);
+    line-height: var(--tw-leading, var(--text-3xl--line-height));
+  }
+  .text-4xl {
+    font-size: var(--text-4xl);
+    line-height: var(--tw-leading, var(--text-4xl--line-height));
+  }
+  .text-5xl {
+    font-size: var(--text-5xl);
+    line-height: var(--tw-leading, var(--text-5xl--line-height));
+  }
+  .text-6xl {
+    font-size: var(--text-6xl);
+    line-height: var(--tw-leading, var(--text-6xl--line-height));
+  }
+  .text-base {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+  .text-lg {
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  .text-sm {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  .text-xl {
+    font-size: var(--text-xl);
+    line-height: var(--tw-leading, var(--text-xl--line-height));
+  }
+  .text-xs {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+  .text-\[\.9375rem\] {
+    font-size: .9375rem;
+  }
+  .text-\[8px\] {
+    font-size: 8px;
+  }
+  .text-\[18px\] {
+    font-size: 18px;
+  }
+  .\!leading-normal {
+    --tw-leading: var(--leading-normal) !important;
+    line-height: var(--leading-normal) !important;
+  }
+  .leading-\[1\.2\] {
+    --tw-leading: 1.2;
+    line-height: 1.2;
+  }
+  .leading-\[1\] {
+    --tw-leading: 1;
+    line-height: 1;
+  }
+  .leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
+  .leading-normal {
+    --tw-leading: var(--leading-normal);
+    line-height: var(--leading-normal);
+  }
+  .leading-relaxed {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
+  .leading-tight {
+    --tw-leading: var(--leading-tight);
+    line-height: var(--leading-tight);
+  }
+  .\!font-bold {
+    --tw-font-weight: var(--font-weight-bold) !important;
+    font-weight: var(--font-weight-bold) !important;
+  }
+  .\!font-semibold {
+    --tw-font-weight: var(--font-weight-semibold) !important;
+    font-weight: var(--font-weight-semibold) !important;
+  }
+  .font-normal {
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
+  .font-semibold {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
+  .tracking-normal {
+    --tw-tracking: var(--tracking-normal);
+    letter-spacing: var(--tracking-normal);
+  }
+  .text-nowrap {
+    text-wrap: nowrap;
+  }
+  .text-wrap {
+    text-wrap: wrap;
+  }
+  .text-ellipsis {
+    text-overflow: ellipsis;
+  }
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
+  .\!text-blue-500 {
+    color: var(--color-blue-500) !important;
+  }
+  .\!text-current {
+    color: currentcolor !important;
+  }
+  .\!text-inherit {
+    color: inherit !important;
+  }
+  .\!text-primary {
+    color: var(--color-primary) !important;
+  }
+  .\!text-red-500 {
+    color: var(--color-red-500) !important;
+  }
+  .\!text-white {
+    color: var(--color-white) !important;
+  }
+  .\!text-white\/70 {
+    color: color-mix(in srgb, #fff 70%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 70%, transparent) !important;
+    }
+  }
+  .\!text-yellow-500 {
+    color: var(--color-yellow-500) !important;
+  }
+  .\!text-zinc-400 {
+    color: var(--color-zinc-400) !important;
+  }
+  .\!text-zinc-700 {
+    color: var(--color-zinc-700) !important;
+  }
+  .text-amber-500 {
+    color: var(--color-amber-500);
+  }
+  .text-black {
+    color: var(--color-black);
+  }
+  .text-blue-500 {
+    color: var(--color-blue-500);
+  }
+  .text-blue-800 {
+    color: var(--color-blue-800);
+  }
+  .text-current {
+    color: currentcolor;
+  }
+  .text-cyan-500 {
+    color: var(--color-cyan-500);
+  }
+  .text-cyan-700 {
+    color: var(--color-cyan-700);
+  }
+  .text-gray-400 {
+    color: var(--color-gray-400);
+  }
+  .text-green-500 {
+    color: var(--color-green-500);
+  }
+  .text-green-500\/20 {
+    color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+    }
+  }
+  .text-green-600 {
+    color: var(--color-green-600);
+  }
+  .text-green-800 {
+    color: var(--color-green-800);
+  }
+  .text-lime-500 {
+    color: var(--color-lime-500);
+  }
+  .text-orange-500 {
+    color: var(--color-orange-500);
+  }
+  .text-orange-600 {
+    color: var(--color-orange-600);
+  }
+  .text-pink-500 {
+    color: var(--color-pink-500);
+  }
+  .text-primary {
+    color: var(--color-primary);
+  }
+  .text-primary-deep {
+    color: var(--color-primary-deep);
+  }
+  .text-primary-subtle {
+    color: var(--color-primary-subtle);
+  }
+  .text-purple-500 {
+    color: var(--color-purple-500);
+  }
+  .text-red-500 {
+    color: var(--color-red-500);
+  }
+  .text-red-800 {
+    color: var(--color-red-800);
+  }
+  .text-sky-500 {
+    color: var(--color-sky-500);
+  }
+  .text-white {
+    color: var(--color-white);
+  }
+  .text-white\/60 {
+    color: color-mix(in srgb, #fff 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 60%, transparent);
+    }
+  }
+  .text-white\/75 {
+    color: color-mix(in srgb, #fff 75%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 75%, transparent);
+    }
+  }
+  .text-yellow-500 {
+    color: var(--color-yellow-500);
+  }
+  .text-yellow-600 {
+    color: var(--color-yellow-600);
+  }
+  .text-yellow-800 {
+    color: var(--color-yellow-800);
+  }
+  .text-zinc-400 {
+    color: var(--color-zinc-400);
+  }
+  .text-zinc-500 {
+    color: var(--color-zinc-500);
+  }
+  .text-zinc-600 {
+    color: var(--color-zinc-600);
+  }
+  .text-zinc-700 {
+    color: var(--color-zinc-700);
+  }
+  .text-zinc-800 {
+    color: var(--color-zinc-800);
+  }
+  .text-zinc-900 {
+    color: var(--color-zinc-900);
+  }
+  .\!capitalize {
+    text-transform: capitalize !important;
+  }
+  .capitalize {
+    text-transform: capitalize;
+  }
+  .lowercase {
+    text-transform: lowercase;
+  }
+  .uppercase {
+    text-transform: uppercase;
+  }
+  .italic {
+    font-style: italic;
+  }
+  .ordinal {
+    --tw-ordinal: ordinal;
+    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+  }
+  .line-through {
+    text-decoration-line: line-through;
+  }
+  .overline {
+    text-decoration-line: overline;
+  }
+  .underline {
+    text-decoration-line: underline;
+  }
+  .antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  .\!opacity-50 {
+    opacity: 50% !important;
+  }
+  .\!opacity-100 {
+    opacity: 100% !important;
+  }
+  .opacity-0 {
+    opacity: 0%;
+  }
+  .opacity-25 {
+    opacity: 25%;
+  }
+  .opacity-30 {
+    opacity: 30%;
+  }
+  .opacity-50 {
+    opacity: 50%;
+  }
+  .opacity-60 {
+    opacity: 60%;
+  }
+  .opacity-75 {
+    opacity: 75%;
+  }
+  .opacity-85 {
+    opacity: 85%;
+  }
+  .opacity-100 {
+    opacity: 100%;
+  }
+  .\!shadow-dropdown {
+    --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .\!shadow-glass {
+    --tw-shadow: 0 0.5rem 0.5rem -0.5rem var(--tw-shadow-color, rgba(0, 0, 0, 0.1)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .\!shadow-md {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .\!shadow-none {
+    --tw-shadow: 0 0 #0000 !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .\!shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .shadow {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-card {
+    --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.03));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-dropdown {
+    --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-lg {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-sm {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-xs {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .\!ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .ring {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .\!ring-primary\/20 {
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important;
+    }
+  }
+  .ring-green-500\/20 {
+    --tw-ring-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+    }
+  }
+  .ring-primary {
+    --tw-ring-color: var(--color-primary);
+  }
+  .ring-red-500\/20 {
+    --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+    }
+  }
+  .ring-transparent {
+    --tw-ring-color: transparent;
+  }
+  .\!outline-0 {
+    outline-style: var(--tw-outline-style) !important;
+    outline-width: 0px !important;
+  }
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+  .outline-0 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+  }
+  .\!outline-zinc-100 {
+    outline-color: var(--color-zinc-100) !important;
+  }
+  .blur {
+    --tw-blur: blur(8px);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .invert {
+    --tw-invert: invert(100%);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .filter {
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .backdrop-blur {
+    --tw-backdrop-blur: blur(8px);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
+  .backdrop-blur-sm {
+    --tw-backdrop-blur: blur(var(--blur-sm));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
+  .backdrop-blur-xs {
+    --tw-backdrop-blur: blur(var(--blur-xs));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
+  .transition {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-all {
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-transform {
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .delay-100 {
+    transition-delay: 100ms;
+  }
+  .duration-100 {
+    --tw-duration: 100ms;
+    transition-duration: 100ms;
+  }
+  .duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
+  .duration-200 {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
+  .duration-300 {
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+  .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
+  .ease-linear {
+    --tw-ease: linear;
+    transition-timing-function: linear;
+  }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
+  .backface-hidden {
+    backface-visibility: hidden;
+  }
+  .group-hover\:translate-x-0 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        --tw-translate-x: calc(var(--spacing) * 0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .group-hover\:\!text-primary {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-primary) !important;
+      }
+    }
+  }
+  .group-hover\:text-primary {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+  }
+  .group-hover\:opacity-100 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
+  .group-\[\.active\]\:block {
+    &:is(:where(.group):is(.active) *) {
+      display: block;
+    }
+  }
+  .peer-checked\:\!border-primary {
+    &:is(:where(.peer):checked ~ *) {
+      border-color: var(--color-primary) !important;
+    }
+  }
+  .peer-checked\:border-primary {
+    &:is(:where(.peer):checked ~ *) {
+      border-color: var(--color-primary);
+    }
+  }
+  .peer-checked\:\!text-primary {
+    &:is(:where(.peer):checked ~ *) {
+      color: var(--color-primary) !important;
+    }
+  }
+  .peer-checked\:text-current {
+    &:is(:where(.peer):checked ~ *) {
+      color: currentcolor;
+    }
+  }
+  .peer-checked\:line-through {
+    &:is(:where(.peer):checked ~ *) {
+      text-decoration-line: line-through;
+    }
+  }
+  .peer-checked\:opacity-50 {
+    &:is(:where(.peer):checked ~ *) {
+      opacity: 50%;
+    }
+  }
+  .peer-checked\:ring-1 {
+    &:is(:where(.peer):checked ~ *) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .peer-checked\:\!ring-primary {
+    &:is(:where(.peer):checked ~ *) {
+      --tw-ring-color: var(--color-primary) !important;
+    }
+  }
+  .peer-checked\:ring-primary {
+    &:is(:where(.peer):checked ~ *) {
+      --tw-ring-color: var(--color-primary);
+    }
+  }
+  .peer-checked\:ring-primary\/20 {
+    &:is(:where(.peer):checked ~ *) {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .peer-focus\:text-primary {
+    &:is(:where(.peer):focus ~ *) {
+      color: var(--color-primary);
+    }
+  }
+  .placeholder\:text-zinc-400 {
+    &::placeholder {
+      color: var(--color-zinc-400);
+    }
+  }
+  .before\:absolute {
+    &::before {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  .before\:start-0 {
+    &::before {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 0);
+    }
+  }
+  .before\:top-1\.75 {
+    &::before {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 1.75);
+    }
+  }
+  .before\:\!hidden {
+    &::before {
+      content: var(--tw-content);
+      display: none !important;
+    }
+  }
+  .before\:h-3 {
+    &::before {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 3);
+    }
+  }
+  .before\:h-5 {
+    &::before {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 5);
+    }
+  }
+  .before\:w-1 {
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 1);
+    }
+  }
+  .before\:w-3 {
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 3);
+    }
+  }
+  .before\:rounded-full {
+    &::before {
+      content: var(--tw-content);
+      border-radius: calc(infinity * 1px);
+    }
+  }
+  .before\:border-s-2 {
+    &::before {
+      content: var(--tw-content);
+      border-inline-start-style: var(--tw-border-style);
+      border-inline-start-width: 2px;
+    }
+  }
+  .before\:border-b-2 {
+    &::before {
+      content: var(--tw-content);
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 2px;
+    }
+  }
+  .before\:border-zinc-200 {
+    &::before {
+      content: var(--tw-content);
+      border-color: var(--color-zinc-200);
+    }
+  }
+  .after\:absolute {
+    &::after {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  .after\:start-0 {
+    &::after {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:top-0 {
+    &::after {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:top-1 {
+    &::after {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 1);
+    }
+  }
+  .after\:top-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      top: calc(1/2 * 100%);
+    }
+  }
+  .after\:bottom-0 {
+    &::after {
+      content: var(--tw-content);
+      bottom: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:left-0 {
+    &::after {
+      content: var(--tw-content);
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:left-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      left: calc(1/2 * 100%);
+    }
+  }
+  .after\:\!hidden {
+    &::after {
+      content: var(--tw-content);
+      display: none !important;
+    }
+  }
+  .after\:block {
+    &::after {
+      content: var(--tw-content);
+      display: block;
+    }
+  }
+  .after\:flex {
+    &::after {
+      content: var(--tw-content);
+      display: flex;
+    }
+  }
+  .after\:size-2 {
+    &::after {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 2);
+      height: calc(var(--spacing) * 2);
+    }
+  }
+  .after\:h-0\.5 {
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 0.5);
+    }
+  }
+  .after\:h-3 {
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 3);
+    }
+  }
+  .after\:h-full {
+    &::after {
+      content: var(--tw-content);
+      height: 100%;
+    }
+  }
+  .after\:w-3 {
+    &::after {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 3);
+    }
+  }
+  .after\:w-full {
+    &::after {
+      content: var(--tw-content);
+      width: 100%;
+    }
+  }
+  .after\:-translate-x-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .after\:-translate-y-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .after\:items-center {
+    &::after {
+      content: var(--tw-content);
+      align-items: center;
+    }
+  }
+  .after\:justify-center {
+    &::after {
+      content: var(--tw-content);
+      justify-content: center;
+    }
+  }
+  .after\:rounded {
+    &::after {
+      content: var(--tw-content);
+      border-radius: 0.25rem;
+    }
+  }
+  .after\:rounded-full {
+    &::after {
+      content: var(--tw-content);
+      border-radius: calc(infinity * 1px);
+    }
+  }
+  .after\:rounded-t-full {
+    &::after {
+      content: var(--tw-content);
+      border-top-left-radius: calc(infinity * 1px);
+      border-top-right-radius: calc(infinity * 1px);
+    }
+  }
+  .after\:\!bg-yellow-500 {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-yellow-500) !important;
+    }
+  }
+  .after\:\!bg-zinc-500 {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-zinc-500) !important;
+    }
+  }
+  .after\:bg-primary {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-primary);
+    }
+  }
+  .after\:bg-white {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-white);
+    }
+  }
+  .after\:text-sm {
+    &::after {
+      content: var(--tw-content);
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+    }
+  }
+  .after\:\!font-normal {
+    &::after {
+      content: var(--tw-content);
+      --tw-font-weight: var(--font-weight-normal) !important;
+      font-weight: var(--font-weight-normal) !important;
+    }
+  }
+  .after\:font-normal {
+    &::after {
+      content: var(--tw-content);
+      --tw-font-weight: var(--font-weight-normal);
+      font-weight: var(--font-weight-normal);
+    }
+  }
+  .after\:text-white {
+    &::after {
+      content: var(--tw-content);
+      color: var(--color-white);
+    }
+  }
+  .after\:opacity-0 {
+    &::after {
+      content: var(--tw-content);
+      opacity: 0%;
+    }
+  }
+  .after\:transition-all {
+    &::after {
+      content: var(--tw-content);
+      transition-property: all;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
+  .after\:duration-300 {
+    &::after {
+      content: var(--tw-content);
+      --tw-duration: 300ms;
+      transition-duration: 300ms;
+    }
+  }
+  .checked\:\!border-yellow-500 {
+    &:checked {
+      border-color: var(--color-yellow-500) !important;
+    }
+  }
+  .checked\:\!border-zinc-500 {
+    &:checked {
+      border-color: var(--color-zinc-500) !important;
+    }
+  }
+  .checked\:border-primary {
+    &:checked {
+      border-color: var(--color-primary);
+    }
+  }
+  .checked\:\!bg-yellow-500 {
+    &:checked {
+      background-color: var(--color-yellow-500) !important;
+    }
+  }
+  .checked\:\!bg-zinc-500 {
+    &:checked {
+      background-color: var(--color-zinc-500) !important;
+    }
+  }
+  .checked\:bg-primary {
+    &:checked {
+      background-color: var(--color-primary);
+    }
+  }
+  .checked\:\!ring-transparent {
+    &:checked {
+      --tw-ring-color: transparent !important;
+    }
+  }
+  .checked\:ring-transparent {
+    &:checked {
+      --tw-ring-color: transparent;
+    }
+  }
+  .checked\:after\:\!bg-white {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-white) !important;
+      }
+    }
+  }
+  .checked\:after\:bg-white {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-white);
+      }
+    }
+  }
+  .checked\:after\:opacity-100 {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        opacity: 100%;
+      }
+    }
+  }
+  .indeterminate\:border-primary {
+    &:indeterminate {
+      border-color: var(--color-primary);
+    }
+  }
+  .indeterminate\:bg-primary {
+    &:indeterminate {
+      background-color: var(--color-primary);
+    }
+  }
+  .indeterminate\:ring-primary\/20 {
+    &:indeterminate {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .indeterminate\:after\:\!opacity-100 {
+    &:indeterminate {
+      &::after {
+        content: var(--tw-content);
+        opacity: 100% !important;
+      }
+    }
+  }
+  .focus-within\:ring-primary\/20 {
+    &:focus-within {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .hover\:-translate-y-1 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-translate-y: calc(var(--spacing) * -1);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .hover\:-translate-y-2 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-translate-y: calc(var(--spacing) * -2);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .hover\:\!border-primary {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary) !important;
+      }
+    }
+  }
+  .hover\:\!border-yellow-500 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-yellow-500) !important;
+      }
+    }
+  }
+  .hover\:\!border-zinc-400 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-400) !important;
+      }
+    }
+  }
+  .hover\:\!border-zinc-500 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-500) !important;
+      }
+    }
+  }
+  .hover\:border-current {
+    &:hover {
+      @media (hover: hover) {
+        border-color: currentcolor;
+      }
+    }
+  }
+  .hover\:border-primary {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary);
+      }
+    }
+  }
+  .hover\:border-red-600 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-red-600);
+      }
+    }
+  }
+  .hover\:border-zinc-400 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-400);
+      }
+    }
+  }
+  .hover\:\!bg-zinc-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-100) !important;
+      }
+    }
+  }
+  .hover\:bg-amber-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-amber-500);
+      }
+    }
+  }
+  .hover\:bg-amber-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-amber-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-amber-600);
+      }
+    }
+  }
+  .hover\:bg-green-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-green-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-green-600);
+      }
+    }
+  }
+  .hover\:bg-lime-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-lime-600);
+      }
+    }
+  }
+  .hover\:bg-primary {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary);
+      }
+    }
+  }
+  .hover\:bg-primary-deep {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-deep);
+      }
+    }
+  }
+  .hover\:bg-primary-subtle {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-subtle);
+      }
+    }
+  }
+  .hover\:bg-purple-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-purple-600);
+      }
+    }
+  }
+  .hover\:bg-red-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-500);
+      }
+    }
+  }
+  .hover\:bg-red-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-red-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-600);
+      }
+    }
+  }
+  .hover\:bg-sky-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-sky-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-sky-600);
+      }
+    }
+  }
+  .hover\:bg-zinc-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-50);
+      }
+    }
+  }
+  .hover\:bg-zinc-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-100);
+      }
+    }
+  }
+  .hover\:bg-zinc-200 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-200);
+      }
+    }
+  }
+  .hover\:bg-zinc-300 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-300);
+      }
+    }
+  }
+  .hover\:bg-zinc-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-500);
+      }
+    }
+  }
+  .hover\:bg-zinc-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-600);
+      }
+    }
+  }
+  .hover\:bg-zinc-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-700);
+      }
+    }
+  }
+  .hover\:bg-zinc-800 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-800);
+      }
+    }
+  }
+  .hover\:\!text-primary {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary) !important;
+      }
+    }
+  }
+  .hover\:text-black {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-black);
+      }
+    }
+  }
+  .hover\:text-current {
+    &:hover {
+      @media (hover: hover) {
+        color: currentcolor;
+      }
+    }
+  }
+  .hover\:text-primary {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+  }
+  .hover\:text-primary-deep {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary-deep);
+      }
+    }
+  }
+  .hover\:text-red-500 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-red-500);
+      }
+    }
+  }
+  .hover\:text-white {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
+  .hover\:text-zinc-700 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-zinc-700);
+      }
+    }
+  }
+  .hover\:text-zinc-800 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-zinc-800);
+      }
+    }
+  }
+  .hover\:no-underline {
+    &:hover {
+      @media (hover: hover) {
+        text-decoration-line: none;
+      }
+    }
+  }
+  .hover\:underline {
+    &:hover {
+      @media (hover: hover) {
+        text-decoration-line: underline;
+      }
+    }
+  }
+  .hover\:shadow-2xl {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .hover\:shadow-xl {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .hover\:ring-2 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .hover\:\!ring-primary {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: var(--color-primary) !important;
+      }
+    }
+  }
+  .hover\:\!ring-yellow-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent) !important;
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent) !important;
+        }
+      }
+    }
+  }
+  .hover\:\!ring-zinc-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: color-mix(in srgb, #4D5472 20%, transparent) !important;
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-zinc-500) 20%, transparent) !important;
+        }
+      }
+    }
+  }
+  .hover\:ring-primary {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: var(--color-primary);
+      }
+    }
+  }
+  .hover\:ring-primary\/20 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:after\:bg-zinc-200 {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-zinc-200);
+        }
+      }
+    }
+  }
+  .focus\:border-primary {
+    &:focus {
+      border-color: var(--color-primary);
+    }
+  }
+  .focus\:bg-white {
+    &:focus {
+      background-color: var(--color-white);
+    }
+  }
+  .focus\:ring-2 {
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .focus\:shadow-primary {
+    &:focus {
+      --tw-shadow-color: #636DFF;
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-shadow-color: color-mix(in oklab, var(--color-primary) var(--tw-shadow-alpha), transparent);
+      }
+    }
+  }
+  .focus\:ring-primary\/20 {
+    &:focus {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .focus\:\!outline-0 {
+    &:focus {
+      outline-style: var(--tw-outline-style) !important;
+      outline-width: 0px !important;
+    }
+  }
+  .focus\:outline-0 {
+    &:focus {
+      outline-style: var(--tw-outline-style);
+      outline-width: 0px;
+    }
+  }
+  .disabled\:\!pointer-events-none {
+    &:disabled {
+      pointer-events: none !important;
+    }
+  }
+  .disabled\:pointer-events-none {
+    &:disabled {
+      pointer-events: none;
+    }
+  }
+  .disabled\:\!cursor-not-allowed {
+    &:disabled {
+      cursor: not-allowed !important;
+    }
+  }
+  .disabled\:opacity-50 {
+    &:disabled {
+      opacity: 50%;
+    }
+  }
+  .disabled\:opacity-60 {
+    &:disabled {
+      opacity: 60%;
+    }
+  }
+  .sm\:relative {
+    @media (width >= 40rem) {
+      position: relative;
+    }
+  }
+  .sm\:left-auto {
+    @media (width >= 40rem) {
+      left: auto;
+    }
+  }
+  .sm\:order-1 {
+    @media (width >= 40rem) {
+      order: 1;
+    }
+  }
+  .sm\:order-last {
+    @media (width >= 40rem) {
+      order: 9999;
+    }
+  }
+  .sm\:ms-6 {
+    @media (width >= 40rem) {
+      margin-inline-start: calc(var(--spacing) * 6);
+    }
+  }
+  .sm\:ms-auto {
+    @media (width >= 40rem) {
+      margin-inline-start: auto;
+    }
+  }
+  .sm\:me-3 {
+    @media (width >= 40rem) {
+      margin-inline-end: calc(var(--spacing) * 3);
+    }
+  }
+  .sm\:-mb-8 {
+    @media (width >= 40rem) {
+      margin-bottom: calc(var(--spacing) * -8);
+    }
+  }
+  .sm\:mb-0 {
+    @media (width >= 40rem) {
+      margin-bottom: calc(var(--spacing) * 0);
+    }
+  }
+  .sm\:block {
+    @media (width >= 40rem) {
+      display: block;
+    }
+  }
+  .sm\:w-1\/5 {
+    @media (width >= 40rem) {
+      width: calc(1/5 * 100%);
+    }
+  }
+  .sm\:w-4\/5 {
+    @media (width >= 40rem) {
+      width: calc(4/5 * 100%);
+    }
+  }
+  .sm\:w-6\/12 {
+    @media (width >= 40rem) {
+      width: calc(6/12 * 100%);
+    }
+  }
+  .sm\:w-8\/12 {
+    @media (width >= 40rem) {
+      width: calc(8/12 * 100%);
+    }
+  }
+  .sm\:w-48 {
+    @media (width >= 40rem) {
+      width: calc(var(--spacing) * 48);
+    }
+  }
+  .sm\:w-56 {
+    @media (width >= 40rem) {
+      width: calc(var(--spacing) * 56);
+    }
+  }
+  .sm\:w-96 {
+    @media (width >= 40rem) {
+      width: calc(var(--spacing) * 96);
+    }
+  }
+  .sm\:w-auto {
+    @media (width >= 40rem) {
+      width: auto;
+    }
+  }
+  .sm\:min-w-48 {
+    @media (width >= 40rem) {
+      min-width: calc(var(--spacing) * 48);
+    }
+  }
+  .sm\:grid-cols-2 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .sm\:grid-cols-3 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .sm\:flex-row {
+    @media (width >= 40rem) {
+      flex-direction: row;
+    }
+  }
+  .sm\:items-center {
+    @media (width >= 40rem) {
+      align-items: center;
+    }
+  }
+  .sm\:items-end {
+    @media (width >= 40rem) {
+      align-items: flex-end;
+    }
+  }
+  .sm\:justify-between {
+    @media (width >= 40rem) {
+      justify-content: space-between;
+    }
+  }
+  .sm\:justify-end {
+    @media (width >= 40rem) {
+      justify-content: flex-end;
+    }
+  }
+  .sm\:gap-0 {
+    @media (width >= 40rem) {
+      gap: calc(var(--spacing) * 0);
+    }
+  }
+  .sm\:gap-3\.5 {
+    @media (width >= 40rem) {
+      gap: calc(var(--spacing) * 3.5);
+    }
+  }
+  .sm\:p-6 {
+    @media (width >= 40rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
+  .sm\:pe-12 {
+    @media (width >= 40rem) {
+      padding-inline-end: calc(var(--spacing) * 12);
+    }
+  }
+  .sm\:pt-3 {
+    @media (width >= 40rem) {
+      padding-top: calc(var(--spacing) * 3);
+    }
+  }
+  .sm\:pl-11 {
+    @media (width >= 40rem) {
+      padding-left: calc(var(--spacing) * 11);
+    }
+  }
+  .sm\:text-end {
+    @media (width >= 40rem) {
+      text-align: end;
+    }
+  }
+  .sm\:text-lg {
+    @media (width >= 40rem) {
+      font-size: var(--text-lg);
+      line-height: var(--tw-leading, var(--text-lg--line-height));
+    }
+  }
+  .md\:order-1 {
+    @media (width >= 48rem) {
+      order: 1;
+    }
+  }
+  .md\:order-last {
+    @media (width >= 48rem) {
+      order: 9999;
+    }
+  }
+  .md\:col-span-3 {
+    @media (width >= 48rem) {
+      grid-column: span 3 / span 3;
+    }
+  }
+  .md\:col-span-4 {
+    @media (width >= 48rem) {
+      grid-column: span 4 / span 4;
+    }
+  }
+  .md\:col-span-5 {
+    @media (width >= 48rem) {
+      grid-column: span 5 / span 5;
+    }
+  }
+  .md\:col-span-6 {
+    @media (width >= 48rem) {
+      grid-column: span 6 / span 6;
+    }
+  }
+  .md\:col-span-7 {
+    @media (width >= 48rem) {
+      grid-column: span 7 / span 7;
+    }
+  }
+  .md\:col-span-8 {
+    @media (width >= 48rem) {
+      grid-column: span 8 / span 8;
+    }
+  }
+  .md\:col-span-9 {
+    @media (width >= 48rem) {
+      grid-column: span 9 / span 9;
+    }
+  }
+  .md\:mb-0 {
+    @media (width >= 48rem) {
+      margin-bottom: calc(var(--spacing) * 0);
+    }
+  }
+  .md\:flex {
+    @media (width >= 48rem) {
+      display: flex;
+    }
+  }
+  .md\:w-3\/12 {
+    @media (width >= 48rem) {
+      width: calc(3/12 * 100%);
+    }
+  }
+  .md\:w-5\/12 {
+    @media (width >= 48rem) {
+      width: calc(5/12 * 100%);
+    }
+  }
+  .md\:w-6\/12 {
+    @media (width >= 48rem) {
+      width: calc(6/12 * 100%);
+    }
+  }
+  .md\:w-7\/12 {
+    @media (width >= 48rem) {
+      width: calc(7/12 * 100%);
+    }
+  }
+  .md\:w-\[80\%\] {
+    @media (width >= 48rem) {
+      width: 80%;
+    }
+  }
+  .md\:min-w-\[80\%\] {
+    @media (width >= 48rem) {
+      min-width: 80%;
+    }
+  }
+  .md\:grid-cols-2 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .md\:grid-cols-3 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .md\:grid-cols-4 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  .md\:grid-cols-12 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
+  .md\:grid-cols-13 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(13, minmax(0, 1fr));
+    }
+  }
+  .md\:flex-row {
+    @media (width >= 48rem) {
+      flex-direction: row;
+    }
+  }
+  .md\:items-center {
+    @media (width >= 48rem) {
+      align-items: center;
+    }
+  }
+  .md\:justify-between {
+    @media (width >= 48rem) {
+      justify-content: space-between;
+    }
+  }
+  .md\:justify-center {
+    @media (width >= 48rem) {
+      justify-content: center;
+    }
+  }
+  .md\:justify-end {
+    @media (width >= 48rem) {
+      justify-content: flex-end;
+    }
+  }
+  .md\:gap-6 {
+    @media (width >= 48rem) {
+      gap: calc(var(--spacing) * 6);
+    }
+  }
+  .md\:border-x {
+    @media (width >= 48rem) {
+      border-inline-style: var(--tw-border-style);
+      border-inline-width: 1px;
+    }
+  }
+  .md\:border-y-0 {
+    @media (width >= 48rem) {
+      border-block-style: var(--tw-border-style);
+      border-block-width: 0px;
+    }
+  }
+  .md\:p-6 {
+    @media (width >= 48rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
+  .md\:px-8 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 8);
+    }
+  }
+  .md\:py-4 {
+    @media (width >= 48rem) {
+      padding-block: calc(var(--spacing) * 4);
+    }
+  }
+  .md\:pe-4 {
+    @media (width >= 48rem) {
+      padding-inline-end: calc(var(--spacing) * 4);
+    }
+  }
+  .md\:pe-12 {
+    @media (width >= 48rem) {
+      padding-inline-end: calc(var(--spacing) * 12);
+    }
+  }
+  .md\:text-start {
+    @media (width >= 48rem) {
+      text-align: start;
+    }
+  }
+  .lg\:invisible {
+    @media (width >= 64rem) {
+      visibility: hidden;
+    }
+  }
+  .lg\:visible {
+    @media (width >= 64rem) {
+      visibility: visible;
+    }
+  }
+  .lg\:absolute {
+    @media (width >= 64rem) {
+      position: absolute;
+    }
+  }
+  .lg\:relative {
+    @media (width >= 64rem) {
+      position: relative;
+    }
+  }
+  .lg\:start-full {
+    @media (width >= 64rem) {
+      inset-inline-start: 100%;
+    }
+  }
+  .lg\:end-auto {
+    @media (width >= 64rem) {
+      inset-inline-end: auto;
+    }
+  }
+  .lg\:order-last {
+    @media (width >= 64rem) {
+      order: 9999;
+    }
+  }
+  .lg\:col-span-3 {
+    @media (width >= 64rem) {
+      grid-column: span 3 / span 3;
+    }
+  }
+  .lg\:col-span-4 {
+    @media (width >= 64rem) {
+      grid-column: span 4 / span 4;
+    }
+  }
+  .lg\:col-span-8 {
+    @media (width >= 64rem) {
+      grid-column: span 8 / span 8;
+    }
+  }
+  .lg\:col-span-9 {
+    @media (width >= 64rem) {
+      grid-column: span 9 / span 9;
+    }
+  }
+  .lg\:mx-64 {
+    @media (width >= 64rem) {
+      margin-inline: calc(var(--spacing) * 64);
+    }
+  }
+  .lg\:\!ms-18 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 18) !important;
+    }
+  }
+  .lg\:ms-3\.5 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 3.5);
+    }
+  }
+  .lg\:ms-8 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 8);
+    }
+  }
+  .lg\:ms-24 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 24);
+    }
+  }
+  .lg\:ms-64 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 64);
+    }
+  }
+  .lg\:ms-auto {
+    @media (width >= 64rem) {
+      margin-inline-start: auto;
+    }
+  }
+  .lg\:mt-0 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:mt-1 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 1);
+    }
+  }
+  .lg\:mt-1\.5 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 1.5);
+    }
+  }
+  .lg\:mt-2 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 2);
+    }
+  }
+  .lg\:mt-4\.5 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 4.5);
+    }
+  }
+  .lg\:mb-16 {
+    @media (width >= 64rem) {
+      margin-bottom: calc(var(--spacing) * 16);
+    }
+  }
+  .lg\:\!flex {
+    @media (width >= 64rem) {
+      display: flex !important;
+    }
+  }
+  .lg\:block {
+    @media (width >= 64rem) {
+      display: block;
+    }
+  }
+  .lg\:flex {
+    @media (width >= 64rem) {
+      display: flex;
+    }
+  }
+  .lg\:hidden {
+    @media (width >= 64rem) {
+      display: none;
+    }
+  }
+  .lg\:h-60 {
+    @media (width >= 64rem) {
+      height: calc(var(--spacing) * 60);
+    }
+  }
+  .lg\:h-auto {
+    @media (width >= 64rem) {
+      height: auto;
+    }
+  }
+  .lg\:w-36 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 36);
+    }
+  }
+  .lg\:w-auto {
+    @media (width >= 64rem) {
+      width: auto;
+    }
+  }
+  .lg\:min-w-48 {
+    @media (width >= 64rem) {
+      min-width: calc(var(--spacing) * 48);
+    }
+  }
+  .lg\:flex-grow {
+    @media (width >= 64rem) {
+      flex-grow: 1;
+    }
+  }
+  .lg\:basis-auto {
+    @media (width >= 64rem) {
+      flex-basis: auto;
+    }
+  }
+  .lg\:translate-y-3 {
+    @media (width >= 64rem) {
+      --tw-translate-y: calc(var(--spacing) * 3);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .lg\:grid-cols-3 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .lg\:grid-cols-4 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  .lg\:grid-cols-5 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
+  .lg\:grid-cols-12 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
+  .lg\:flex-row {
+    @media (width >= 64rem) {
+      flex-direction: row;
+    }
+  }
+  .lg\:items-center {
+    @media (width >= 64rem) {
+      align-items: center;
+    }
+  }
+  .lg\:justify-end {
+    @media (width >= 64rem) {
+      justify-content: flex-end;
+    }
+  }
+  .lg\:gap-4 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 4);
+    }
+  }
+  .lg\:gap-5 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 5);
+    }
+  }
+  .lg\:gap-6 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 6);
+    }
+  }
+  .lg\:gap-8 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 8);
+    }
+  }
+  .lg\:gap-10 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 10);
+    }
+  }
+  .lg\:overflow-visible {
+    @media (width >= 64rem) {
+      overflow: visible;
+    }
+  }
+  .lg\:\!overflow-x-hidden {
+    @media (width >= 64rem) {
+      overflow-x: hidden !important;
+    }
+  }
+  .lg\:rounded-md {
+    @media (width >= 64rem) {
+      border-radius: var(--radius-md);
+    }
+  }
+  .lg\:\!bg-transparent {
+    @media (width >= 64rem) {
+      background-color: transparent !important;
+    }
+  }
+  .lg\:bg-white {
+    @media (width >= 64rem) {
+      background-color: var(--color-white);
+    }
+  }
+  .lg\:\!p-3 {
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 3) !important;
+    }
+  }
+  .lg\:p-0 {
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:p-6 {
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
+  .lg\:px-4 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+  }
+  .lg\:px-6 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 6);
+    }
+  }
+  .lg\:px-8 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 8);
+    }
+  }
+  .lg\:px-12 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 12);
+    }
+  }
+  .lg\:py-0 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:py-4 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 4);
+    }
+  }
+  .lg\:py-5 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 5);
+    }
+  }
+  .lg\:py-12 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 12);
+    }
+  }
+  .lg\:py-16 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 16);
+    }
+  }
+  .lg\:ps-3 {
+    @media (width >= 64rem) {
+      padding-inline-start: calc(var(--spacing) * 3);
+    }
+  }
+  .lg\:pe-2 {
+    @media (width >= 64rem) {
+      padding-inline-end: calc(var(--spacing) * 2);
+    }
+  }
+  .lg\:pt-0 {
+    @media (width >= 64rem) {
+      padding-top: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:pb-0 {
+    @media (width >= 64rem) {
+      padding-bottom: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:text-2xl {
+    @media (width >= 64rem) {
+      font-size: var(--text-2xl);
+      line-height: var(--tw-leading, var(--text-2xl--line-height));
+    }
+  }
+  .lg\:text-3xl {
+    @media (width >= 64rem) {
+      font-size: var(--text-3xl);
+      line-height: var(--tw-leading, var(--text-3xl--line-height));
+    }
+  }
+  .lg\:text-4xl {
+    @media (width >= 64rem) {
+      font-size: var(--text-4xl);
+      line-height: var(--tw-leading, var(--text-4xl--line-height));
+    }
+  }
+  .lg\:text-base {
+    @media (width >= 64rem) {
+      font-size: var(--text-base);
+      line-height: var(--tw-leading, var(--text-base--line-height));
+    }
+  }
+  .lg\:opacity-0 {
+    @media (width >= 64rem) {
+      opacity: 0%;
+    }
+  }
+  .lg\:shadow-dropdown {
+    @media (width >= 64rem) {
+      --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .lg\:shadow-xl {
+    @media (width >= 64rem) {
+      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .lg\:transition-transform {
+    @media (width >= 64rem) {
+      transition-property: transform, translate, scale, rotate;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
+  .lg\:after\:absolute {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        position: absolute;
+      }
+    }
+  }
+  .lg\:after\:start-0 {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        inset-inline-start: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .lg\:after\:bottom-0 {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        bottom: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .lg\:after\:h-0\.75 {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        height: calc(var(--spacing) * 0.75);
+      }
+    }
+  }
+  .lg\:after\:w-full {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        width: 100%;
+      }
+    }
+  }
+  .lg\:after\:rounded-t-xl {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        border-top-left-radius: var(--radius-xl);
+        border-top-right-radius: var(--radius-xl);
+      }
+    }
+  }
+  .lg\:hover\:bg-white {
+    @media (width >= 64rem) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-white);
+        }
+      }
+    }
+  }
+  .xl\:max-w-\[450px\] {
+    @media (width >= 80rem) {
+      max-width: 450px;
+    }
+  }
+  .\32 xl\:max-w-\[720px\] {
+    @media (width >= 96rem) {
+      max-width: 720px;
+    }
+  }
+  .ltr\:right-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 0);
+    }
+  }
+  .ltr\:right-2 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 2);
+    }
+  }
+  .ltr\:right-3 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 3);
+    }
+  }
+  .ltr\:right-4 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 4);
+    }
+  }
+  .ltr\:right-5 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 5);
+    }
+  }
+  .ltr\:left-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  .ltr\:left-3 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      left: calc(var(--spacing) * 3);
+    }
+  }
+  .ltr\:ml-auto {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      margin-left: auto;
+    }
+  }
+  .ltr\:-translate-x-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      --tw-translate-x: calc(var(--spacing) * -0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .ltr\:-translate-x-full {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      --tw-translate-x: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .ltr\:translate-x-full {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      --tw-translate-x: 100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .ltr\:\!pl-9 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      padding-left: calc(var(--spacing) * 9) !important;
+    }
+  }
+  .ltr\:text-left {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      text-align: left;
+    }
+  }
+  .ltr\:before\:rounded-bl-md {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      &::before {
+        content: var(--tw-content);
+        border-bottom-left-radius: var(--radius-md);
+      }
+    }
+  }
+  .ltr\:after\:left-1 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      &::after {
+        content: var(--tw-content);
+        left: calc(var(--spacing) * 1);
+      }
+    }
+  }
+  .ltr\:checked\:after\:translate-x-3 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      &:checked {
+        &::after {
+          content: var(--tw-content);
+          --tw-translate-x: calc(var(--spacing) * 3);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .ltr\:sm\:right-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      @media (width >= 40rem) {
+        right: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .ltr\:lg\:right-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      @media (width >= 64rem) {
+        right: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .ltr\:lg\:-translate-x-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      @media (width >= 64rem) {
+        --tw-translate-x: calc(var(--spacing) * -0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .rtl\:right-3 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      right: calc(var(--spacing) * 3);
+    }
+  }
+  .rtl\:left-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  .rtl\:left-2 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 2);
+    }
+  }
+  .rtl\:left-3 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 3);
+    }
+  }
+  .rtl\:left-4 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 4);
+    }
+  }
+  .rtl\:left-5 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 5);
+    }
+  }
+  .rtl\:mr-auto {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      margin-right: auto;
+    }
+  }
+  .rtl\:-translate-x-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-translate-x: calc(var(--spacing) * -0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .rtl\:-translate-x-full {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-translate-x: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .rtl\:translate-x-full {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-translate-x: 100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .rtl\:rotate-180 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      rotate: 180deg;
+    }
+  }
+  .rtl\:\!pr-9 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      padding-right: calc(var(--spacing) * 9) !important;
+    }
+  }
+  .rtl\:\!text-right {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      text-align: right !important;
+    }
+  }
+  .rtl\:text-right {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      text-align: right;
+    }
+  }
+  .rtl\:before\:rounded-br-md {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      &::before {
+        content: var(--tw-content);
+        border-bottom-right-radius: var(--radius-md);
+      }
+    }
+  }
+  .rtl\:after\:right-1 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      &::after {
+        content: var(--tw-content);
+        right: calc(var(--spacing) * 1);
+      }
+    }
+  }
+  .rtl\:checked\:after\:-translate-x-3 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      &:checked {
+        &::after {
+          content: var(--tw-content);
+          --tw-translate-x: calc(var(--spacing) * -3);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .rtl\:sm\:left-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      @media (width >= 40rem) {
+        left: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .rtl\:lg\:left-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      @media (width >= 64rem) {
+        left: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .rtl\:lg\:translate-x-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      @media (width >= 64rem) {
+        --tw-translate-x: calc(var(--spacing) * 0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .dark\:hidden {
+    &:where(.dark, .dark *) {
+      display: none;
+    }
+  }
+  .dark\:divide-zinc-700 {
+    &:where(.dark, .dark *) {
+      :where(& > :not(:last-child)) {
+        border-color: var(--color-zinc-700);
+      }
+    }
+  }
+  .dark\:divide-zinc-800 {
+    &:where(.dark, .dark *) {
+      :where(& > :not(:last-child)) {
+        border-color: var(--color-zinc-800);
+      }
+    }
+  }
+  .dark\:divide-zinc-900 {
+    &:where(.dark, .dark *) {
+      :where(& > :not(:last-child)) {
+        border-color: var(--color-zinc-900);
+      }
+    }
+  }
+  .dark\:\!border-white\/5 {
+    &:where(.dark, .dark *) {
+      border-color: color-mix(in srgb, #fff 5%, transparent) !important;
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
+      }
+    }
+  }
+  .dark\:\!border-zinc-600 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-600) !important;
+    }
+  }
+  .dark\:\!border-zinc-700 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-700) !important;
+    }
+  }
+  .dark\:\!border-zinc-800 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-800) !important;
+    }
+  }
+  .dark\:border-white\/3 {
+    &:where(.dark, .dark *) {
+      border-color: color-mix(in srgb, #fff 3%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 3%, transparent);
+      }
+    }
+  }
+  .dark\:border-white\/5 {
+    &:where(.dark, .dark *) {
+      border-color: color-mix(in srgb, #fff 5%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
+      }
+    }
+  }
+  .dark\:border-white\/10 {
+    &:where(.dark, .dark *) {
+      border-color: color-mix(in srgb, #fff 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+      }
+    }
+  }
+  .dark\:border-zinc-600 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-600);
+    }
+  }
+  .dark\:border-zinc-700 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-700);
+    }
+  }
+  .dark\:border-zinc-800 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-800);
+    }
+  }
+  .dark\:border-zinc-900 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-900);
+    }
+  }
+  .dark\:border-zinc-950 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-950);
+    }
+  }
+  .dark\:\!bg-white\/10 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, #fff 10%, transparent) !important;
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
+      }
+    }
+  }
+  .dark\:\!bg-zinc-600 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-600) !important;
+    }
+  }
+  .dark\:\!bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-700) !important;
+    }
+  }
+  .dark\:\!bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-800) !important;
+    }
+  }
+  .dark\:\!bg-zinc-900 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-900) !important;
+    }
+  }
+  .dark\:bg-orange-950 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-orange-950);
+    }
+  }
+  .dark\:bg-transparent {
+    &:where(.dark, .dark *) {
+      background-color: transparent;
+    }
+  }
+  .dark\:bg-white\/3 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, #fff 3%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
+      }
+    }
+  }
+  .dark\:bg-zinc-400 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-400);
+    }
+  }
+  .dark\:bg-zinc-600 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-600);
+    }
+  }
+  .dark\:bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-700);
+    }
+  }
+  .dark\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-800);
+    }
+  }
+  .dark\:bg-zinc-900 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-900);
+    }
+  }
+  .dark\:bg-zinc-950 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-950);
+    }
+  }
+  .dark\:from-zinc-900 {
+    &:where(.dark, .dark *) {
+      --tw-gradient-from: var(--color-zinc-900);
+      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    }
+  }
+  .dark\:\!fill-zinc-300 {
+    &:where(.dark, .dark *) {
+      fill: var(--color-zinc-300) !important;
+    }
+  }
+  .dark\:\!stroke-zinc-300 {
+    &:where(.dark, .dark *) {
+      stroke: var(--color-zinc-300) !important;
+    }
+  }
+  .dark\:\!text-white {
+    &:where(.dark, .dark *) {
+      color: var(--color-white) !important;
+    }
+  }
+  .dark\:\!text-zinc-300 {
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-300) !important;
+    }
+  }
+  .dark\:text-blue-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-blue-200);
+    }
+  }
+  .dark\:text-green-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-green-200);
+    }
+  }
+  .dark\:text-primary {
+    &:where(.dark, .dark *) {
+      color: var(--color-primary);
+    }
+  }
+  .dark\:text-red-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-red-200);
+    }
+  }
+  .dark\:text-white {
+    &:where(.dark, .dark *) {
+      color: var(--color-white);
+    }
+  }
+  .dark\:text-white\/70 {
+    &:where(.dark, .dark *) {
+      color: color-mix(in srgb, #fff 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--color-white) 70%, transparent);
+      }
+    }
+  }
+  .dark\:text-yellow-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-yellow-200);
+    }
+  }
+  .dark\:text-zinc-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-200);
+    }
+  }
+  .dark\:text-zinc-300 {
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-300);
+    }
+  }
+  .dark\:text-zinc-400 {
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-400);
+    }
+  }
+  .dark\:\!outline-zinc-800 {
+    &:where(.dark, .dark *) {
+      outline-color: var(--color-zinc-800) !important;
+    }
+  }
+  .dark\:before\:border-zinc-700 {
+    &:where(.dark, .dark *) {
+      &::before {
+        content: var(--tw-content);
+        border-color: var(--color-zinc-700);
+      }
+    }
+  }
+  .dark\:hover\:\!border-zinc-600 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-zinc-600) !important;
+        }
+      }
+    }
+  }
+  .dark\:hover\:border-primary {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-primary);
+        }
+      }
+    }
+  }
+  .dark\:hover\:border-zinc-600 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-zinc-600);
+        }
+      }
+    }
+  }
+  .dark\:hover\:\!bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-700) !important;
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-zinc-600 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-600);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-700);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-800);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-zinc-950 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-950);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-primary {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-primary);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-white {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-white);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-zinc-100 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-zinc-100);
+        }
+      }
+    }
+  }
+  .dark\:hover\:after\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          &::after {
+            content: var(--tw-content);
+            background-color: var(--color-zinc-800);
+          }
+        }
+      }
+    }
+  }
+  .dark\:focus\:border-primary {
+    &:where(.dark, .dark *) {
+      &:focus {
+        border-color: var(--color-primary);
+      }
+    }
+  }
+  .dark\:focus\:bg-zinc-900 {
+    &:where(.dark, .dark *) {
+      &:focus {
+        background-color: var(--color-zinc-900);
+      }
+    }
+  }
+  .dark\:lg\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      @media (width >= 64rem) {
+        background-color: var(--color-zinc-800);
+      }
+    }
+  }
+  .lg\:dark\:hover\:bg-zinc-800 {
+    @media (width >= 64rem) {
+      &:where(.dark, .dark *) {
+        &:hover {
+          @media (hover: hover) {
+            background-color: var(--color-zinc-800);
+          }
+        }
+      }
+    }
+  }
+  .print\:hidden {
+    @media print {
+      display: none;
+    }
+  }
+  .\[\&\.active\,\&\.show\]\:text-zinc-800 {
+    &.active,&.show {
+      color: var(--color-zinc-800);
+    }
+  }
+  .\[\&\.active\,\&\.show\]\:after\:bg-primary {
+    &.active,&.show {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary);
+      }
+    }
+  }
+  .dark\:\[\&\.active\,\&\.show\]\:text-white {
+    &:where(.dark, .dark *) {
+      &.active,&.show {
+        color: var(--color-white);
+      }
+    }
+  }
+  .\[\&\.show\]\:block {
+    &.show {
+      display: block;
+    }
+  }
+  .\[\&\.show\]\:flex {
+    &.show {
+      display: flex;
+    }
+  }
+  .lg\:\[\&\.show\]\:visible {
+    @media (width >= 64rem) {
+      &.show {
+        visibility: visible;
+      }
+    }
+  }
+  .lg\:\[\&\.show\]\:translate-y-0 {
+    @media (width >= 64rem) {
+      &.show {
+        --tw-translate-y: calc(var(--spacing) * 0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .lg\:\[\&\.show\]\:opacity-100 {
+    @media (width >= 64rem) {
+      &.show {
+        opacity: 100%;
+      }
+    }
+  }
+  .\[\.active\]\:pointer-events-none {
+    &:is(.active) {
+      pointer-events: none;
+    }
+  }
+  .\[\.active\]\:border-primary {
+    &:is(.active) {
+      border-color: var(--color-primary);
+    }
+  }
+  .\[\.active\]\:bg-primary {
+    &:is(.active) {
+      background-color: var(--color-primary);
+    }
+  }
+  .\[\.active\]\:bg-primary-subtle {
+    &:is(.active) {
+      background-color: var(--color-primary-subtle);
+    }
+  }
+  .\[\.active\]\:bg-white {
+    &:is(.active) {
+      background-color: var(--color-white);
+    }
+  }
+  .\[\.active\]\:bg-zinc-100 {
+    &:is(.active) {
+      background-color: var(--color-zinc-100);
+    }
+  }
+  .\[\.active\]\:bg-zinc-200 {
+    &:is(.active) {
+      background-color: var(--color-zinc-200);
+    }
+  }
+  .\[\.active\]\:font-semibold {
+    &:is(.active) {
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+    }
+  }
+  .\[\.active\]\:text-orange-500 {
+    &:is(.active) {
+      color: var(--color-orange-500);
+    }
+  }
+  .\[\.active\]\:text-primary {
+    &:is(.active) {
+      color: var(--color-primary);
+    }
+  }
+  .\[\.active\]\:text-white {
+    &:is(.active) {
+      color: var(--color-white);
+    }
+  }
+  .\[\.active\]\:text-zinc-800 {
+    &:is(.active) {
+      color: var(--color-zinc-800);
+    }
+  }
+  .\[\.active\]\:shadow-xs {
+    &:is(.active) {
+      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .\[\.active\]\:ring-primary\/2 {
+    &:is(.active) {
+      --tw-ring-color: color-mix(in srgb, #636DFF 2%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 2%, transparent);
+      }
+    }
+  }
+  .\[\.active\]\:ring-transparent {
+    &:is(.active) {
+      --tw-ring-color: transparent;
+    }
+  }
+  .\[\.active\]\:after\:bg-primary {
+    &:is(.active) {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary);
+      }
+    }
+  }
+  .dark\:\[\.active\]\:bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        background-color: var(--color-zinc-700);
+      }
+    }
+  }
+  .dark\:\[\.active\]\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        background-color: var(--color-zinc-800);
+      }
+    }
+  }
+  .dark\:\[\.active\]\:bg-zinc-900 {
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        background-color: var(--color-zinc-900);
+      }
+    }
+  }
+  .dark\:\[\.active\]\:text-white {
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        color: var(--color-white);
+      }
+    }
+  }
+  .\[\.disabled\]\:pointer-events-none {
+    &:is(.disabled) {
+      pointer-events: none;
+    }
+  }
+  .\[\.disabled\]\:opacity-50 {
+    &:is(.disabled) {
+      opacity: 50%;
+    }
+  }
+  .\[\.disabled\]\:opacity-70 {
+    &:is(.disabled) {
+      opacity: 70%;
+    }
+  }
+  .\[\.show\]\:translate-x-0 {
+    &:is(.show) {
+      --tw-translate-x: calc(var(--spacing) * 0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .\[\.show\]\:translate-y-0 {
+    &:is(.show) {
+      --tw-translate-y: calc(var(--spacing) * 0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .\[\.show\]\:opacity-100 {
+    &:is(.show) {
+      opacity: 100%;
+    }
+  }
+}
+html,body {
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    text-align: left;
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    text-align: right;
+  }
+}
+body {
+  --tw-font-weight: var(--font-weight-normal);
+  font-weight: var(--font-weight-normal);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+a,button {
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &:focus {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+  }
+}
+.text-muted {
+  color: var(--color-zinc-500);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-400);
+  }
+}
+small {
+  font-size: 90%;
+}
+h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  --tw-tracking: var(--tracking-normal);
+  letter-spacing: var(--tracking-normal);
+  color: var(--color-zinc-900);
+  &:where(.dark, .dark *) {
+    color: var(--color-white);
+  }
+}
+.overflow-y-auto,.overflow-x-auto,.hljs,.ts-dropdown-content {
+  scrollbar-width: thin;
+}
+.sidebar-link {
+  position: relative;
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+  align-items: center;
+  border-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 2);
+  padding-block: calc(var(--spacing) * 1);
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+  --tw-font-weight: var(--font-weight-normal);
+  font-weight: var(--font-weight-normal);
+  white-space: nowrap;
+  color: var(--color-zinc-900);
+  text-transform: capitalize;
+  &::before {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  &::before {
+    content: var(--tw-content);
+    inset-inline-start: calc(var(--spacing) * 0);
+  }
+  &::before {
+    content: var(--tw-content);
+    height: calc(var(--spacing) * 5);
+  }
+  &::before {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 1);
+  }
+  &::before {
+    content: var(--tw-content);
+    border-radius: calc(infinity * 1px);
+  }
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-zinc-100);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300);
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-800);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
+  &:is(.active) {
+    background-color: var(--color-zinc-100);
+  }
+  &:is(.active) {
+    color: var(--color-primary);
+  }
+  &:is(.active) {
+    &::before {
+      content: var(--tw-content);
+      background-color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:is(.active) {
+      background-color: var(--color-zinc-800);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:is(.active) {
+      color: var(--color-white);
+    }
+  }
+  .sidebar-link-arrow {
+    margin-inline-end: calc(var(--spacing) * 1);
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    --tw-duration: 100ms;
+    transition-duration: 100ms;
+  }
+  .sidebar-text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  &[aria-expanded=true]:not(.active) {
+    background-color: var(--color-zinc-100);
+    color: var(--color-primary);
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-800);
+    }
+    &:where(.dark, .dark *) {
+      color: var(--color-white);
+    }
+    .sidebar-link-arrow {
+      rotate: 180deg;
+    }
+  }
+  .sidebar-icon {
+    display: flex;
+    width: calc(var(--spacing) * 8);
+    height: calc(var(--spacing) * 8);
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+    --tw-leading: 1;
+    line-height: 1;
+    opacity: 60%;
+  }
+  .sidebar-text {
+    margin-inline-start: calc(var(--spacing) * 1);
+  }
+  .sidebar-link-arrow {
+    margin-inline-start: auto;
+  }
+  &.active:not([aria-expanded=false]) {
+    .sidebar-link-arrow {
+      rotate: 180deg;
+    }
+  }
+  &.active,&:hover,&[aria-expanded=true] {
+    .sidebar-icon {
+      opacity: 100%;
+    }
+  }
+}
+.sidebar-collapse {
+  width: 100%;
+  padding-inline-start: calc(var(--spacing) * 5.5);
+  .sidebar-collapse-item {
+    position: relative;
+    display: flex;
+    align-items: center;
+    border-start-end-radius: var(--radius-md);
+    border-end-end-radius: var(--radius-md);
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 2px;
+    border-color: var(--color-zinc-200);
+    padding-block: calc(var(--spacing) * 1.5);
+    padding-inline-start: calc(var(--spacing) * 6);
+    padding-inline-end: calc(var(--spacing) * 3);
+    color: var(--color-zinc-600);
+    &::before {
+      content: var(--tw-content);
+      position: absolute;
+    }
+    &::before {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 0);
+    }
+    &::before {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 1.75);
+    }
+    &::before {
+      content: var(--tw-content);
+      margin-inline-start: calc(var(--spacing) * -0.5);
+    }
+    &::before {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 3);
+    }
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 3);
+    }
+    &::before {
+      content: var(--tw-content);
+      border-inline-start-style: var(--tw-border-style);
+      border-inline-start-width: 2px;
+    }
+    &::before {
+      content: var(--tw-content);
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 2px;
+    }
+    &::before {
+      content: var(--tw-content);
+      border-color: var(--color-zinc-200);
+    }
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-100);
+      }
+    }
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      &::before {
+        content: var(--tw-content);
+        border-bottom-left-radius: var(--radius-md);
+      }
+    }
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      &::before {
+        content: var(--tw-content);
+        border-bottom-right-radius: var(--radius-md);
+      }
+    }
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-700);
+    }
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-400);
+    }
+    &:where(.dark, .dark *) {
+      &::before {
+        content: var(--tw-content);
+        border-color: var(--color-zinc-700);
+      }
+    }
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-800);
+        }
+      }
+    }
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-white);
+        }
+      }
+    }
+    &:is(.active) {
+      color: var(--color-primary);
+    }
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        color: var(--color-white);
+      }
+    }
+    .sidebar-collapse-item-arrow {
+      transition-property: transform, translate, scale, rotate;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+      --tw-duration: 100ms;
+      transition-duration: 100ms;
+    }
+    &.active:not([aria-expanded=false]) {
+      .sidebar-collapse-item-arrow {
+        rotate: 180deg;
+      }
+    }
+    &[aria-expanded=true] {
+      background-color: var(--color-zinc-100);
+      color: var(--color-primary);
+      &:where(.dark, .dark *) {
+        background-color: var(--color-zinc-800);
+      }
+      &:where(.dark, .dark *) {
+        color: var(--color-white);
+      }
+      .sidebar-collapse-item-arrow {
+        rotate: 180deg;
+      }
+    }
+  }
+  .sidebar-collapse-level-1 .sidebar-collapse {
+    padding-inline-start: calc(var(--spacing) * 6);
+  }
+}
+input:checked~.sidebar-label>span {
+  border-color: var(--color-primary);
+  color: var(--color-primary);
+}
+.is-sidebar-mini {
+  .app-content {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 18) !important;
+    }
+  }
+  .app-sidebar .overflow-y-auto {
+    @media (width >= 64rem) {
+      overflow-x: hidden !important;
+    }
+  }
+  .app-sidebar:not(:hover) {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 18);
+    }
+    .sidebar-text,.btn-sidebar-min,.badge,.sidebar-link-arrow,.sidebar-collapse,.sidebar-title,.user-text,.logo-text,.sidebar-cta {
+      @media (width >= 64rem) {
+        display: none;
+      }
+    }
+    .sidebar-link {
+      justify-content: center;
+    }
+  }
+  .app-sidebar:hover {
+    @media (width >= 64rem) {
+      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+}
+.is-app-sidebar {
+  .app-sidebar {
+    --tw-translate-x: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.header-horizontal .navbar-nav {
+  .dropdown-menu {
+    z-index: 50;
+    width: 100%;
+    padding: calc(var(--spacing) * 1);
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    @media (width >= 64rem) {
+      visibility: hidden;
+    }
+    @media (width >= 64rem) {
+      position: absolute;
+    }
+    @media (width >= 64rem) {
+      display: block;
+    }
+    @media (width >= 64rem) {
+      min-width: calc(var(--spacing) * 48);
+    }
+    @media (width >= 64rem) {
+      --tw-translate-y: calc(var(--spacing) * 3);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 3) !important;
+    }
+    @media (width >= 64rem) {
+      opacity: 0%;
+    }
+    @media (width >= 64rem) {
+      --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+    @media (width >= 64rem) {
+      transition-property: transform, translate, scale, rotate;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+    @media (width >= 64rem) {
+      &.show {
+        visibility: visible;
+      }
+    }
+    @media (width >= 64rem) {
+      &.show {
+        --tw-translate-y: calc(var(--spacing) * 0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+    @media (width >= 64rem) {
+      &.show {
+        opacity: 100%;
+      }
+    }
+  }
+}
+.navbar-link {
+  position: relative;
+  display: flex;
+  align-items: center;
+  border-radius: var(--radius-lg);
+  padding-inline: calc(var(--spacing) * 1);
+  padding-block: calc(var(--spacing) * 2);
+  --tw-font-weight: var(--font-weight-normal);
+  font-weight: var(--font-weight-normal);
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-zinc-800);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-zinc-200);
+      }
+    }
+  }
+  @media (width >= 64rem) {
+    padding-block: calc(var(--spacing) * 5);
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 0);
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      bottom: calc(var(--spacing) * 0);
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 0.75);
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      width: 100%;
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      border-top-left-radius: var(--radius-xl);
+      border-top-right-radius: var(--radius-xl);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-zinc-100);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-zinc-800);
+        }
+      }
+    }
+  }
+  &.active,&.show {
+    color: var(--color-zinc-800);
+  }
+  &.active,&.show {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &.active,&.show {
+      color: var(--color-white);
+    }
+  }
+}
+.navbar-arrow {
+  opacity: 50%;
+}
+.navbar-link>.navbar-arrow {
+  margin-inline-start: calc(var(--spacing) * 1);
+  transform-origin: center;
+  rotate: 180deg;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
+.navbar-link.show .navbar-arrow {
+  rotate: 0deg;
+}
+.dropdown-menu .navbar-arrow {
+  margin-inline-start: calc(var(--spacing) * 1);
+  transform-origin: center;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  @media (width >= 64rem) {
+    margin-inline-start: auto;
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    rotate: 180deg;
+  }
+}
+.app-sidebar-compact .app-menu {
+  scrollbar-width: none;
+}
+.app-sidebar .app-menu::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+}
+.sidebar-compact-link {
+  color: var(--color-zinc-600);
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-primary-subtle);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300);
+  }
+  &:is(.active) {
+    background-color: var(--color-primary);
+  }
+  &:is(.active) {
+    color: var(--color-white);
+  }
+  .sidebar-icon {
+    margin-bottom: calc(var(--spacing) * 0.5);
+    font-size: 18px;
+    --tw-leading: 1;
+    line-height: 1;
+  }
+}
+.sidebar-compact-link .sidebar-text {
+  margin-top: calc(var(--spacing) * 0.5);
+  display: block;
+  font-size: 8px;
+  --tw-leading: 1.2;
+  line-height: 1.2;
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+}
+.apps-scrollbar,.overflow-y-auto,.overflow-x-auto,pre code.hljs,.ts-dropdown-content,.datatable-container {
+  scrollbar-color: var(--color-zinc-300) transparent;
+}
+.dark {
+  .apps-scrollbar,.overflow-y-auto,.overflow-x-auto,pre code.hljs,.ts-dropdown-content,.datatable-container {
+    scrollbar-color: var(--color-zinc-700) transparent;
+  }
+}
+.simplebar-scrollbar:before {
+  background-color: var(--color-zinc-400) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700) !important;
+  }
+}
+[dir="rtl"] .app-sidebar .simplebar-vertical.simplebar-track {
+  right: auto !important;
+  left: calc(var(--spacing) * 0) !important;
+}
+.modal {
+  position: fixed;
+  top: calc(var(--spacing) * 0);
+  left: calc(var(--spacing) * 0);
+  z-index: 1055;
+  display: none;
+  height: 100%;
+  width: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  opacity: 0%;
+  transition-property: opacity;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 150ms;
+  transition-duration: 150ms;
+  --tw-ease: linear;
+  transition-timing-function: linear;
+  &:is(.show) {
+    opacity: 100%;
+  }
+}
+.modal-dialog {
+  pointer-events: none;
+  position: relative;
+  margin: calc(var(--spacing) * 4);
+  margin-inline: auto;
+  transform-origin: center;
+  --tw-translate-y: calc(var(--spacing) * -5);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+  --tw-ease: var(--ease-out);
+  transition-timing-function: var(--ease-out);
+}
+.modal.show .modal-dialog {
+  --tw-translate-y: calc(var(--spacing) * 0);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.modal-content {
+  pointer-events: auto;
+  display: flex;
+  flex-direction: column;
+  border-radius: var(--radius-2xl);
+  background-color: var(--color-white);
+  outline-style: var(--tw-outline-style);
+  outline-width: 0px;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-900);
+  }
+}
+.modal-backdrop,.offcanvas-backdrop {
+  position: fixed;
+  top: calc(var(--spacing) * 0);
+  left: calc(var(--spacing) * 0);
+  z-index: 1050;
+  height: 100%;
+  width: 100%;
+  background-color: var(--color-black);
+  opacity: 0%;
+  transition-property: opacity;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 150ms;
+  transition-duration: 150ms;
+  --tw-ease: linear;
+  transition-timing-function: linear;
+  &:is(.show) {
+    opacity: 50%;
+  }
+}
+.offcanvas {
+  visibility: hidden;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+  --tw-ease: var(--ease-in-out);
+  transition-timing-function: var(--ease-in-out);
+}
+.offcanvas.show:not(.hiding), .offcanvas.showing {
+  --tw-translate-y: calc(var(--spacing) * -0);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    --tw-translate-x: calc(var(--spacing) * -0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    --tw-translate-x: calc(var(--spacing) * -0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
+  visibility: visible;
+}
+.dropdown-menu {
+  z-index: 55;
+  display: none;
+  border-radius: var(--radius-lg);
+  background-color: var(--color-white);
+  padding: calc(var(--spacing) * 1);
+  --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  --tw-backdrop-blur: blur(var(--blur-sm));
+  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800);
+  }
+  &.show {
+    display: block;
+  }
+}
+.dropdown-item {
+  display: flex;
+  align-items: center;
+  border-radius: var(--radius-lg);
+  padding-inline: calc(var(--spacing) * 3);
+  padding-block: calc(var(--spacing) * 2);
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-zinc-100);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-700);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
+  &:is(.active) {
+    pointer-events: none;
+  }
+  &:is(.active) {
+    color: var(--color-primary);
+  }
+  &:where(.dark, .dark *) {
+    &:is(.active) {
+      color: var(--color-white);
+    }
+  }
+}
+.dropdown-icon {
+  margin-inline-end: calc(var(--spacing) * 2);
+  vertical-align: middle;
+  font-size: .9375rem;
+  --tw-leading: 1;
+  line-height: 1;
+  opacity: 75%;
+}
+.nav-underline {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+  border-color: var(--color-zinc-200);
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800);
+  }
+  .nav-link {
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: calc(var(--spacing) * 2);
+    border-color: transparent;
+    padding-block: calc(var(--spacing) * 2);
+    color: var(--color-zinc-500);
+    &::after {
+      content: var(--tw-content);
+      position: absolute;
+    }
+    &::after {
+      content: var(--tw-content);
+      bottom: calc(var(--spacing) * 0);
+    }
+    &::after {
+      content: var(--tw-content);
+      left: calc(var(--spacing) * 0);
+    }
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 0.5);
+    }
+    &::after {
+      content: var(--tw-content);
+      width: 100%;
+    }
+    &::after {
+      content: var(--tw-content);
+      border-top-left-radius: calc(infinity * 1px);
+      border-top-right-radius: calc(infinity * 1px);
+    }
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-400);
+    }
+    &:is(.active) {
+      color: var(--color-primary);
+    }
+    &:is(.active) {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary);
+      }
+    }
+  }
+}
+.nav-fill {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--spacing) * 2);
+  .nav-link {
+    display: flex;
+    align-items: center;
+    gap: calc(var(--spacing) * 1.5);
+    border-radius: var(--radius-md);
+    padding-inline: calc(var(--spacing) * 3);
+    padding-block: calc(var(--spacing) * 1.5);
+    &:hover {
+      background-color: var(--color-primary-subtle);
+      color: var(--color-primary);
+    }
+    &.active {
+      background-color: var(--color-primary);
+      color: var(--color-white);
+    }
+  }
+}
+.nav-horizontal {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  overflow-y: hidden;
+  .nav-link {
+    flex-shrink: 0;
+  }
+}
+.collapse {
+  visibility: visible;
+}
+.collapse:not(.show) {
+  display: none;
+}
+.collapsing {
+  height: calc(var(--spacing) * 0);
+  overflow: hidden;
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+  transition: height .35s ease;
+}
+.collapse-arrow {
+  opacity: 75%;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 200ms;
+  transition-duration: 200ms;
+}
+[aria-expanded="true"] .collapse-arrow {
+  rotate: 180deg;
+}
+[aria-expanded="true"] .show-more {
+  display: none;
+}
+.show-less {
+  display: none;
+  color: var(--color-zinc-400);
+}
+[aria-expanded="true"] .show-less {
+  display: inline-flex;
+}
+.tab-content>.tab-pane {
+  display: none;
+}
+.tab-pane.fade:not(.show) {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+.tab-pane.show {
+  opacity: 1;
+  transform: unset !important;
+  transition: all ease-out .2s .1s;
+}
+.tab-content>.active {
+  display: block;
+}
+.btn {
+  display: inline-flex;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 3.5);
+  padding-block: calc(var(--spacing) * 2);
+  font-size: var(--text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height));
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  text-transform: capitalize;
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &.btn-lg {
+    border-radius: var(--radius-lg);
+    padding-inline: calc(var(--spacing) * 5);
+    padding-block: calc(var(--spacing) * 3);
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  &.btn-sm {
+    border-radius: var(--radius-md);
+    padding-inline: calc(var(--spacing) * 2.5);
+    padding-block: calc(var(--spacing) * 1.75);
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+}
+.btn-default {
+  cursor: pointer;
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-zinc-200);
+  background-color: var(--color-white);
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-primary);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700);
+  }
+  &:where(.dark, .dark *) {
+    background-color: transparent;
+  }
+  &:is(.active) {
+    border-color: var(--color-primary);
+  }
+  &:is(.active) {
+    background-color: var(--color-white);
+  }
+  &:is(.active) {
+    color: var(--color-primary);
+  }
+  &:is(.active) {
+    --tw-ring-color: color-mix(in srgb, #636DFF 2%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 2%, transparent);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:is(.active) {
+      background-color: var(--color-zinc-900);
+    }
+  }
+}
+.input {
+  display: block;
+  width: 100%;
+  border-radius: var(--radius-md);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-zinc-300);
+  background-color: var(--color-white);
+  padding-inline: calc(var(--spacing) * 3.5);
+  padding-block: calc(var(--spacing) * 2);
+  font-size: var(--text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height));
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &::placeholder {
+    color: var(--color-zinc-400);
+  }
+  &:focus-within {
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-zinc-400);
+    }
+  }
+  &:focus {
+    border-color: var(--color-primary);
+  }
+  &:focus {
+    background-color: var(--color-white);
+  }
+  &:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  &:focus {
+    --tw-shadow-color: #636DFF;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, var(--color-primary) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  &:focus {
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+  &:focus {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+  }
+  &:disabled {
+    pointer-events: none;
+  }
+  &:disabled {
+    opacity: 60%;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700);
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-900);
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-600);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:focus {
+      border-color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:focus {
+      background-color: var(--color-zinc-900);
+    }
+  }
+}
+.input.input-lg {
+  border-radius: var(--radius-lg);
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 3);
+  font-size: var(--text-lg);
+  line-height: var(--tw-leading, var(--text-lg--line-height));
+}
+.input.input-sm {
+  border-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 2.5);
+  padding-block: calc(var(--spacing) * 1.5);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+}
+.input-switch {
+  position: relative;
+  height: calc(var(--spacing) * 5);
+  width: calc(var(--spacing) * 8);
+  cursor: pointer;
+  appearance: none;
+  border-radius: calc(infinity * 1px);
+  background-color: var(--color-primary-subtle);
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 100ms;
+  transition-duration: 100ms;
+  &::after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  &::after {
+    content: var(--tw-content);
+    top: calc(var(--spacing) * 1);
+  }
+  &::after {
+    content: var(--tw-content);
+    display: block;
+  }
+  &::after {
+    content: var(--tw-content);
+    height: calc(var(--spacing) * 3);
+  }
+  &::after {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 3);
+  }
+  &::after {
+    content: var(--tw-content);
+    border-radius: calc(infinity * 1px);
+  }
+  &::after {
+    content: var(--tw-content);
+    background-color: var(--color-primary);
+  }
+  &::after {
+    content: var(--tw-content);
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+  &:checked {
+    background-color: var(--color-primary);
+  }
+  &:checked {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-white);
+    }
+  }
+  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    &::after {
+      content: var(--tw-content);
+      left: calc(var(--spacing) * 1);
+    }
+  }
+  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        --tw-translate-x: calc(var(--spacing) * 3);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    &::after {
+      content: var(--tw-content);
+      right: calc(var(--spacing) * 1);
+    }
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        --tw-translate-x: calc(var(--spacing) * -3);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700);
+  }
+}
+.input-radio,.input-checkbox {
+  position: relative;
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 4);
+  appearance: none;
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-zinc-300);
+  background-color: var(--color-zinc-50);
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  --tw-ring-color: transparent;
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &::after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  &::after {
+    content: var(--tw-content);
+    display: block;
+  }
+  &::after {
+    content: var(--tw-content);
+    opacity: 0%;
+  }
+  &:checked {
+    border-color: var(--color-primary);
+  }
+  &:checked {
+    background-color: var(--color-primary);
+  }
+  &:checked {
+    --tw-ring-color: transparent;
+  }
+  &:checked {
+    &::after {
+      content: var(--tw-content);
+      opacity: 100%;
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-primary);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  &:disabled {
+    pointer-events: none;
+  }
+  &:disabled {
+    cursor: not-allowed !important;
+  }
+  &:disabled {
+    opacity: 60%;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-600);
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800);
+  }
+}
+.input-radio {
+  border-radius: calc(infinity * 1px);
+  &::after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  &::after {
+    content: var(--tw-content);
+    top: calc(1/2 * 100%);
+  }
+  &::after {
+    content: var(--tw-content);
+    left: calc(1/2 * 100%);
+  }
+  &::after {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  &::after {
+    content: var(--tw-content);
+    border-radius: calc(infinity * 1px);
+  }
+  &::after {
+    content: var(--tw-content);
+    background-color: var(--color-white);
+  }
+  &::after {
+    content: var(--tw-content);
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+}
+.input-checkbox {
+  overflow: hidden;
+  border-radius: var(--radius-sm);
+  &::after {
+    content: var(--tw-content);
+    inset-inline-start: calc(var(--spacing) * 0);
+  }
+  &::after {
+    content: var(--tw-content);
+    top: calc(var(--spacing) * 0);
+  }
+  &::after {
+    content: var(--tw-content);
+    display: flex;
+  }
+  &::after {
+    content: var(--tw-content);
+    height: 100%;
+  }
+  &::after {
+    content: var(--tw-content);
+    width: 100%;
+  }
+  &::after {
+    content: var(--tw-content);
+    align-items: center;
+  }
+  &::after {
+    content: var(--tw-content);
+    justify-content: center;
+  }
+  &::after {
+    content: var(--tw-content);
+    border-radius: 0.25rem;
+  }
+  &::after {
+    content: var(--tw-content);
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-font-weight: var(--font-weight-normal) !important;
+    font-weight: var(--font-weight-normal) !important;
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
+  &::after {
+    content: var(--tw-content);
+    color: var(--color-white);
+  }
+  &::after {
+    content: var(--tw-content);
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  &:indeterminate {
+    border-color: var(--color-primary);
+  }
+  &:indeterminate {
+    background-color: var(--color-primary);
+  }
+  &:indeterminate {
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+  &:indeterminate {
+    &::after {
+      content: var(--tw-content);
+      opacity: 100% !important;
+    }
+  }
+}
+.input-checkbox:after {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+.input-checkbox:indeterminate:after {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+.floating-label {
+  input {
+    display: block;
+    width: 100%;
+    border-radius: var(--radius-md);
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+    border-color: var(--color-zinc-300);
+    background-color: transparent;
+    padding-inline: calc(var(--spacing) * 3);
+    padding-block: calc(var(--spacing) * 2);
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    &:focus {
+      border-color: var(--color-primary);
+    }
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+    &:focus {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-700);
+    }
+  }
+  label {
+    pointer-events: none;
+    position: absolute;
+    inset-inline-start: calc(var(--spacing) * 3);
+    top: calc(var(--spacing) * 2);
+    transform-origin: 0 0;
+    background-color: var(--color-white);
+    padding-inline: calc(var(--spacing) * 1);
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-900);
+    }
+  }
+}
+.floating-label input:focus + label, .floating-label input:not(:placeholder-shown) + label {
+  transform: scale(1);
+  inset-inline-start: calc(var(--spacing) * 2);
+  top: calc(var(--spacing) * -2.25);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  color: var(--color-primary);
+}
+.floating-label.floating-label-lg {
+  input {
+    border-radius: var(--radius-lg);
+    padding-inline: calc(var(--spacing) * 4);
+    padding-block: calc(var(--spacing) * 2.5);
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  label {
+    inset-inline-start: calc(var(--spacing) * 4);
+    top: calc(var(--spacing) * 2.5);
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  input:focus + label,input:not(:placeholder-shown) + label {
+    inset-inline-start: calc(var(--spacing) * 3);
+    top: calc(var(--spacing) * -2.75);
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+}
+.just-validate-error-label {
+  margin-top: calc(var(--spacing) * 1);
+  font-size: var(--text-xs);
+  line-height: var(--tw-leading, var(--text-xs--line-height));
+  color: var(--color-red-500) !important;
+}
+.input.just-validate-error-field {
+  border-color: var(--color-red-500);
+  background-color: transparent;
+  --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+  }
+}
+.input.just-validate-success-field {
+  border-color: var(--color-green-500);
+  background-color: transparent;
+  --tw-ring-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+  }
+}
+.input-checkbox.just-validate-error-field,.input-radio.just-validate-error-field {
+  border-color: var(--color-red-500) !important;
+  --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+  }
+}
+.input-checkbox.just-validate-success-field:checked,.input-radio.just-validate-success-field:checked {
+  border-color: var(--color-green-500) !important;
+  background-color: var(--color-green-500);
+  --tw-ring-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+  }
+}
+.ts-control {
+  border-radius: var(--radius-md) !important;
+  border-width: 0px !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 1px !important;
+  border-color: var(--color-zinc-300) !important;
+  background-color: var(--color-white) !important;
+  padding-inline: calc(var(--spacing) * 3.5) !important;
+  padding-block: calc(var(--spacing) * 2) !important;
+  font-size: var(--text-base) !important;
+  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+  --tw-leading: var(--leading-normal) !important;
+  line-height: var(--leading-normal) !important;
+  color: var(--color-zinc-700) !important;
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-zinc-400) !important;
+    }
+  }
+  &:focus {
+    outline-style: var(--tw-outline-style) !important;
+    outline-width: 0px !important;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700) !important;
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-900) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300) !important;
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-600) !important;
+      }
+    }
+  }
+}
+.ts-wrapper.multi.has-items .ts-control {
+  padding-inline: calc(var(--spacing) * 2.5) !important;
+  padding-block: calc(var(--spacing) * 2) !important;
+}
+.focus {
+  .ts-control {
+    border-color: var(--color-primary) !important;
+    background-color: transparent !important;
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important;
+    }
+  }
+}
+.ts-wrapper.multi .ts-control>div {
+  margin: calc(var(--spacing) * 0.25) !important;
+  border-radius: var(--radius-md) !important;
+  background-color: var(--color-zinc-200) !important;
+  padding-inline: calc(var(--spacing) * 2.5) !important;
+  padding-block: calc(var(--spacing) * 1) !important;
+  font-size: var(--text-xs) !important;
+  line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
+  color: var(--color-zinc-700) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-white) !important;
+  }
+}
+.ts-control input {
+  color: currentcolor !important;
+}
+.ts-dropdown {
+  position: absolute;
+  margin-top: calc(var(--spacing) * 2) !important;
+  border-radius: var(--radius-md) !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 0px !important;
+  background-color: var(--color-white) !important;
+  padding: calc(var(--spacing) * 2) !important;
+  --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+}
+.ts-dropdown {
+  .option {
+    border-radius: var(--radius-md) !important;
+    padding-inline: calc(var(--spacing) * 4);
+    padding-block: calc(var(--spacing) * 2.5);
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-300) !important;
+    }
+    &.active {
+      background-color: var(--color-zinc-100) !important;
+      color: var(--color-primary) !important;
+      &:where(.dark, .dark *) {
+        background-color: var(--color-zinc-700) !important;
+      }
+      &:where(.dark, .dark *) {
+        color: var(--color-white) !important;
+      }
+    }
+  }
+}
+.ts-wrapper.single .ts-control:after {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  content: "";
+  z-index: 2;
+  width: 1rem;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  position: absolute;
+  inset-inline-end: calc(var(--spacing) * 2);
+  top: calc(var(--spacing) * 0);
+  display: block;
+  height: 100%;
+  opacity: 50%;
+}
+.t-select-sm {
+  .ts-control {
+    border-radius: var(--radius-md) !important;
+    padding-inline: calc(var(--spacing) * 3) !important;
+    padding-block: calc(var(--spacing) * 1.5) !important;
+    font-size: var(--text-sm) !important;
+    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+    &:after {
+      width: calc(var(--spacing) * 3) !important;
+    }
+    input {
+      font-size: var(--text-sm) !important;
+      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+    }
+  }
+  .ts-dropdown {
+    border-radius: var(--radius-md) !important;
+  }
+  .ts-dropdown .option {
+    border-radius: var(--radius-md) !important;
+    padding-inline: calc(var(--spacing) * 2) !important;
+    padding-block: calc(var(--spacing) * 2) !important;
+    font-size: var(--text-sm) !important;
+    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  }
+}
+.t-select-lg {
+  .ts-control {
+    border-radius: var(--radius-lg) !important;
+    padding-inline: calc(var(--spacing) * 4) !important;
+    padding-block: calc(var(--spacing) * 3) !important;
+    font-size: var(--text-lg) !important;
+    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+    &:after {
+      width: calc(var(--spacing) * 4) !important;
+    }
+  }
+  .ts-dropdown {
+    border-radius: var(--radius-lg) !important;
+  }
+  .ts-dropdown .option {
+    border-radius: var(--radius-xl) !important;
+    padding-inline: calc(var(--spacing) * 3) !important;
+    padding-block: calc(var(--spacing) * 2.5) !important;
+    font-size: var(--text-lg) !important;
+    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+  }
+}
+.badge {
+  display: inline-flex;
+  align-items: center;
+  border-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 2);
+  padding-block: calc(var(--spacing) * 1);
+  font-size: var(--text-xs);
+  line-height: var(--tw-leading, var(--text-xs--line-height));
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+}
+.mask {
+  -webkit-mask-position: 50%;
+  mask-position: 50%;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+}
+.mask.squircle {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' viewbox='0 0 200 200'%3E%3Cpath fill='%23000' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' viewbox='0 0 200 200'%3E%3Cpath fill='%23000' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z'/%3E%3C/svg%3E");
+}
+.mask.triangle {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='207' height='207' fill='none' viewbox='0 0 207 207'%3E%3Cpath fill='%23000' d='M138.648 181.408C47.268 232.569 1.327 206.607.824 103.52.324.432 46.014-25.148 137.896 26.777c91.882 51.925 92.133 103.469.753 154.631h-.001z'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='207' height='207' fill='none' viewbox='0 0 207 207'%3E%3Cpath fill='%23000' d='M138.648 181.408C47.268 232.569 1.327 206.607.824 103.52.324.432 46.014-25.148 137.896 26.777c91.882 51.925 92.133 103.469.753 154.631h-.001z'/%3E%3C/svg%3E");
+}
+.mask.diamond {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='227' fill='none' viewbox='0 0 227 227'%3E%3Cpath fill='%23000' d='M42.71 42.71c-56.568 56.57-56.568 84.853 0 141.422 56.57 56.569 84.853 56.569 141.422 0s56.569-84.853 0-141.421c-56.569-56.569-84.853-56.569-141.421 0z'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='227' fill='none' viewbox='0 0 227 227'%3E%3Cpath fill='%23000' d='M42.71 42.71c-56.568 56.57-56.568 84.853 0 141.422 56.57 56.569 84.853 56.569 141.422 0s56.569-84.853 0-141.421c-56.569-56.569-84.853-56.569-141.421 0z'/%3E%3C/svg%3E");
+}
+.mask.hexagon {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201' fill='none' viewbox='0 0 182 201'%3E%3Cpath fill='%23000' d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0l-61.86-35.945C6.151 157.44.3 145.737.3 136.54V65.486z'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201' fill='none' viewbox='0 0 182 201'%3E%3Cpath fill='%23000' d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0l-61.86-35.945C6.151 157.44.3 145.737.3 136.54V65.486z'/%3E%3C/svg%3E");
+}
+.timeline {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+.timeline-item {
+  display: flex;
+  min-height: 70px;
+}
+.timeline-item-wrapper {
+  display: flex;
+  flex: auto;
+}
+.timeline-item-media {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.timeline-item-media-content {
+  margin-block: calc(var(--spacing) * 2);
+}
+.timeline-connect {
+  height: 100%;
+  width: calc(var(--spacing) * 0.5);
+  background-color: var(--color-zinc-100);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800);
+  }
+}
+.timeline-item-content {
+  margin-inline-start: calc(var(--spacing) * 4);
+  width: 100%;
+  padding-top: calc(var(--spacing) * 1);
+  padding-bottom: calc(var(--spacing) * 1.5);
+}
+.tlm .tlm-item:last-child .tlm-content {
+  padding-bottom: calc(var(--spacing) * 0);
+}
+.card-arrow>span {
+  transform-origin: center;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
+.card-arrow[aria-expanded=true]>span {
+  rotate: 180deg;
+}
+.check-task {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+}
+.task-completed {
+  .task-title,.task-date {
+    text-decoration-line: line-through;
+    opacity: 50%;
+  }
+  .check-task {
+    color: var(--color-primary);
+  }
+}
+.theme-switcher {
+  .theme-check {
+    opacity: 0%;
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+  &.active {
+    .theme-check {
+      opacity: 100%;
+    }
+  }
+}
+.table-default {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: var(--text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height));
+}
+.table-default th {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+  border-color: color-mix(in srgb, #4D5472 10%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent);
+  }
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 3);
+  text-align: start;
+  vertical-align: middle;
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800);
+  }
+}
+.table-default tr td {
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 3);
+  text-align: left;
+  vertical-align: middle;
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    text-align: right;
+  }
+}
+.table-default.table-compact tr td {
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 2);
+  text-align: left;
+  vertical-align: middle;
+}
+.table-default.table-compact th {
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 2);
+}
+.table-default th {
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-zinc-500);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-400);
+  }
+}
+.table-basic th {
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-zinc-500);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-400);
+  }
+}
+.table-default tbody {
+  width: 100%;
+  :where(& > :not(:last-child)) {
+    --tw-divide-y-reverse: 0;
+    border-bottom-style: var(--tw-border-style);
+    border-top-style: var(--tw-border-style);
+    border-top-width: calc(1px * var(--tw-divide-y-reverse));
+    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  }
+  :where(& > :not(:last-child)) {
+    border-color: color-mix(in srgb, #4D5472 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent);
+    }
+  }
+  &:where(.dark, .dark *) {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-zinc-800);
+    }
+  }
+}
+.table-hover>tbody>tr:hover {
+  background-color: var(--color-zinc-50);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-950);
+  }
+}
+.table-striped>tbody>tr:nth-child(even) {
+  background-color: var(--color-zinc-50);
+  &:where(.dark, .dark *) {
+    background-color: color-mix(in srgb, #fff 3%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
+    }
+  }
+}
+.pagination {
+  .page-link {
+    display: flex;
+    height: calc(var(--spacing) * 8);
+    cursor: pointer;
+    align-items: center;
+    border-radius: var(--radius-lg);
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+    border-color: var(--color-zinc-200);
+    padding-inline: calc(var(--spacing) * 3);
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    --tw-ring-color: transparent;
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary);
+      }
+    }
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: var(--color-primary);
+      }
+    }
+    &:disabled {
+      pointer-events: none;
+    }
+    &:disabled {
+      opacity: 50%;
+    }
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-800);
+    }
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-primary);
+        }
+      }
+    }
+    &:is(.active) {
+      border-color: var(--color-primary);
+    }
+    &:is(.active) {
+      background-color: var(--color-primary);
+    }
+    &:is(.active) {
+      color: var(--color-white);
+    }
+    &:is(.active) {
+      --tw-ring-color: transparent;
+    }
+  }
+}
+.tooltip {
+  z-index: 55;
+  max-width: calc(var(--spacing) * 44);
+  text-align: center;
+}
+.tooltip-inner {
+  border-radius: var(--radius-md);
+  background-color: var(--color-zinc-700);
+  padding-inline: calc(var(--spacing) * 2);
+  padding-block: calc(var(--spacing) * 1);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  color: var(--color-white);
+  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.popover {
+  z-index: 55;
+  max-width: 270px;
+  border-radius: var(--radius-md);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-zinc-100);
+  background-color: var(--color-white);
+  --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.03));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-900);
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-950);
+  }
+}
+.popover-header {
+  border-top-left-radius: var(--radius-md);
+  border-top-right-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 3);
+  padding-top: calc(var(--spacing) * 3);
+}
+.popover-body {
+  padding: calc(var(--spacing) * 3);
+}
+.ql-container {
+  font-size: var(--text-base) !important;
+  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+}
+.ql-toolbar.ql-snow,.ql-container.ql-snow {
+  border-color: var(--color-zinc-300) !important;
+  background-color: var(--color-white) !important;
+  font-family: var(--font-theme) !important;
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700) !important;
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-900) !important;
+  }
+}
+.ql-toolbar.ql-snow {
+  border-top-left-radius: var(--radius-md);
+  border-top-right-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 2) !important;
+  padding-top: calc(var(--spacing) * 2) !important;
+  padding-bottom: calc(var(--spacing) * 2) !important;
+}
+.ql-container.ql-snow {
+  border-bottom-right-radius: var(--radius-md);
+  border-bottom-left-radius: var(--radius-md);
+}
+.ql-editor {
+  min-height: calc(var(--spacing) * 24);
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    text-align: right !important;
+  }
+}
+.ql-snow .ql-stroke {
+  stroke: var(--color-zinc-700) !important;
+  &:where(.dark, .dark *) {
+    stroke: var(--color-zinc-300) !important;
+  }
+}
+.ql-snow .ql-fill {
+  fill: var(--color-zinc-700) !important;
+  &:where(.dark, .dark *) {
+    fill: var(--color-zinc-300) !important;
+  }
+}
+.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke {
+  stroke: var(--color-primary) !important;
+}
+.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill {
+  fill: var(--color-primary) !important;
+}
+.unread {
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-zinc-900);
+  &:where(.dark, .dark *) {
+    color: var(--color-white);
+  }
+}
+.sidebar-secondary {
+  z-index: 20;
+}
+.sidebar-secondary-overlay {
+  z-index: 10;
+  display: none;
+}
+.layout_secondary.is-sidebar .sidebar-secondary {
+  --tw-translate-x: calc(var(--spacing) * -0) !important;
+  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.wizard-icon {
+  background-color: var(--color-zinc-100);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700);
+  }
+}
+.wizard-step {
+  cursor: pointer;
+  opacity: 85%;
+}
+.wizard-step.active {
+  opacity: 100%;
+}
+.wizard-step.active .wizard-icon {
+  background-color: var(--color-primary);
+  color: var(--color-white);
+}
+.wizard-step.disabled {
+  pointer-events: none;
+  cursor: default;
+  opacity: 50%;
+}
+.wizard-panel:not(.active) {
+  display: none;
+}
+div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-primary) !important;
+}
+div:where(.swal2-container) .swal2-icon-success div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-green-500) !important;
+}
+div:where(.swal2-container) .swal2-icon-error div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-red-500) !important;
+}
+div:where(.swal2-container) .swal2-icon-warning div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-amber-500) !important;
+}
+div:where(.swal2-container) .swal2-icon-info div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-sky-500) !important;
+}
+.swal2-html-container {
+  font-size: var(--text-base) !important;
+  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+}
+div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
+  background-color: var(--color-green-500) !important;
+}
+div:where(.swal2-icon).swal2-success .swal2-success-ring {
+  border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent) !important;
+  }
+}
+div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
+  background-color: var(--color-red-500) !important;
+}
+div:where(.swal2-icon).swal2-error {
+  border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent) !important;
+  }
+}
+.swal2-toast button:where(.swal2-close) {
+  font-size: var(--text-xl) !important;
+  line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
+}
+.swal2-toast {
+  padding: calc(var(--spacing) * 4) !important;
+}
+.swal2-toast button:where(.swal2-close) {
+  position: absolute !important;
+  inset-inline-end: calc(var(--spacing) * 0);
+  top: calc(var(--spacing) * 0);
+  margin-inline-end: calc(var(--spacing) * -3) !important;
+  margin-top: calc(var(--spacing) * -3) !important;
+  width: calc(var(--spacing) * 8) !important;
+  height: calc(var(--spacing) * 8) !important;
+}
+div:where(.swal2-container) button:where(.swal2-close) {
+  border-radius: var(--radius-lg) !important;
+  color: var(--color-zinc-400) !important;
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-zinc-100) !important;
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary) !important;
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-700) !important;
+      }
+    }
+  }
+}
+.swal2-toast {
+  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+}
+.swal2-toast h2:where(.swal2-title) {
+  margin: calc(var(--spacing) * 0) !important;
+  font-size: var(--text-lg) !important;
+  line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+}
+.swal2-toast div:where(.swal2-html-container) {
+  margin: calc(var(--spacing) * 0) !important;
+  font-size: var(--text-sm) !important;
+  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+}
+.swal2-toast .swal2-icon {
+  margin-inline-start: calc(var(--spacing) * 0) !important;
+  margin-inline-end: calc(var(--spacing) * 4) !important;
+}
+div:where(.swal2-container) h2:where(.swal2-title) {
+  font-size: var(--text-2xl) !important;
+  line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
+}
+div:where(.swal2-container) div:where(.swal2-popup) {
+  color: var(--color-zinc-700) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300) !important;
+  }
+}
+.sortable-ghost {
+  background-color: var(--color-zinc-200);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700);
+  }
+}
+.jvm-tooltip {
+  background-color: var(--color-primary) !important;
+  padding-inline: calc(var(--spacing) * 2) !important;
+  padding-block: calc(var(--spacing) * 1) !important;
+  font-size: var(--text-sm) !important;
+  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+}
+.fc-toolbar-title {
+  font-size: var(--text-xl) !important;
+  line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
+}
+.fc-button {
+  margin-inline-start: calc(var(--spacing) * 1) !important;
+  border-radius: var(--radius-lg) !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 1px !important;
+  border-color: var(--color-zinc-200) !important;
+  background-color: transparent !important;
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+  color: var(--color-zinc-700) !important;
+  text-transform: capitalize !important;
+  --tw-shadow: 0 0 #0000 !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-primary) !important;
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary) !important;
+    }
+  }
+  &:disabled {
+    pointer-events: none !important;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300) !important;
+  }
+}
+.fc-theme-standard td, .fc-theme-standard th,.fc-theme-standard .fc-scrollgrid {
+  border-color: var(--color-zinc-200) !important;
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800) !important;
+  }
+}
+.fc .fc-daygrid-day.fc-day-today {
+  background-color: color-mix(in srgb, #636DFF 10%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
+  }
+}
+.fc-h-event {
+  padding-inline: calc(var(--spacing) * 2) !important;
+  padding-block: calc(var(--spacing) * 0.5) !important;
+}
+.fc .fc-scrollgrid-section-sticky > * {
+  background-color: var(--color-zinc-100) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+}
+.daterangepicker {
+  margin-top: calc(var(--spacing) * 2) !important;
+  border-radius: var(--radius-lg) !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 0px !important;
+  font-family: var(--font-sans) !important;
+  --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  &::before {
+    content: var(--tw-content);
+    display: none !important;
+  }
+  &::after {
+    content: var(--tw-content);
+    display: none !important;
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+}
+.daterangepicker .calendar-table th {
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+}
+.daterangepicker.show-calendar .drp-buttons {
+  display: flex !important;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  gap: calc(var(--spacing) * 2);
+}
+.daterangepicker .ranges {
+  margin-block: calc(var(--spacing) * 2) !important;
+}
+.daterangepicker.show-ranges.ltr .drp-calendar.left,.daterangepicker .drp-buttons {
+  border-color: var(--color-zinc-200) !important;
+  &:where(.dark, .dark *) {
+    border-color: color-mix(in srgb, #fff 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
+    }
+  }
+}
+.daterangepicker .drp-buttons .btn {
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+  &.btn-primary {
+    background-color: var(--color-primary);
+    color: var(--color-white);
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-deep);
+      }
+    }
+  }
+}
+.daterangepicker .calendar-table {
+  &:where(.dark, .dark *) {
+    border-color: color-mix(in srgb, #fff 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
+    }
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700) !important;
+  }
+}
+.daterangepicker td.active, .daterangepicker td.active:hover {
+  background-color: var(--color-primary) !important;
+}
+.daterangepicker .ranges li:not(.active):hover {
+  background-color: var(--color-zinc-100) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700) !important;
+  }
+}
+.daterangepicker td.available:hover, .daterangepicker th.available:hover {
+  background-color: var(--color-zinc-200) !important;
+  &:where(.dark, .dark *) {
+    background-color: color-mix(in srgb, #fff 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
+    }
+  }
+}
+.daterangepicker .ranges li.active {
+  background-color: var(--color-primary) !important;
+}
+.daterangepicker td.off {
+  background-color: transparent !important;
+  color: var(--color-zinc-400) !important;
+}
+.daterangepicker td.in-range {
+  background-color: var(--color-zinc-100) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-600) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-white) !important;
+  }
+}
+.daterangepicker td.end-date {
+  background-color: var(--color-primary) !important;
+  color: var(--color-white) !important;
+}
+.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
+  border-color: var(--color-zinc-400) !important;
+}
+table.dataTable thead th, table.dataTable tfoot th {
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+}
+table.dataTable > thead > tr > th, table.dataTable > thead > tr > td,table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td {
+  padding-inline: calc(var(--spacing) * 4) !important;
+}
+.dt-scroll-body {
+  scrollbar-width: thin;
+  scrollbar-color: var(--color-zinc-300) transparent;
+}
+.dark .dt-scroll-body {
+  scrollbar-color: var(--color-zinc-700) transparent;
+}
+table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
+  border-color: color-mix(in srgb, #4D5472 10%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent) !important;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800) !important;
+  }
+}
+table.dataTable > tbody > tr.selected > * {
+  background-color: var(--color-zinc-50) !important;
+  color: inherit !important;
+  --tw-shadow: 0 0 #0000 !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+}
+table.dataTable > tbody > tr.selected a {
+  color: inherit !important;
+}
+.dt-select-checkbox {
+  position: relative;
+  width: calc(var(--spacing) * 4) !important;
+  height: calc(var(--spacing) * 4) !important;
+  border-radius: 0.25rem !important;
+  border-color: var(--color-zinc-300) !important;
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  --tw-ring-color: transparent;
+  outline-style: var(--tw-outline-style) !important;
+  outline-width: 0px !important;
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-primary) !important;
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      --tw-ring-color: var(--color-primary) !important;
+    }
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-600) !important;
+  }
+  &:after {
+    position: absolute;
+    inset-inline-start: calc(var(--spacing) * 0) !important;
+    top: calc(var(--spacing) * 0) !important;
+    margin: calc(var(--spacing) * 0) !important;
+    height: 100% !important;
+    width: 100% !important;
+  }
+  &:checked {
+    border-color: var(--color-primary) !important;
+    color: var(--color-primary) !important;
+    --tw-ring-color: var(--color-primary);
+  }
+}
+.dt-info {
+  padding-inline-start: calc(var(--spacing) * 4);
+  padding-top: calc(var(--spacing) * 4);
+  font-size: var(--text-sm) !important;
+  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  color: var(--color-zinc-400) !important;
+  @media (width >= 40rem) {
+    margin-bottom: calc(var(--spacing) * -8);
+  }
+}
+.dt-paging {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-block: calc(var(--spacing) * 4);
+  padding-inline-end: calc(var(--spacing) * 4);
+}
+.dt-paging-button {
+  border-color: var(--color-zinc-200) !important;
+  background-image: none !important;
+  padding-inline: calc(var(--spacing) * 3) !important;
+  padding-block: calc(var(--spacing) * 1) !important;
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700) !important;
+  }
+}
+div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
+  border-color: var(--color-primary) !important;
+  background-color: var(--color-primary) !important;
+  color: var(--color-white) !important;
+}
+div.dt-container .dt-paging .dt-paging-button:hover {
+  border-color: var(--color-primary) !important;
+  color: var(--color-primary) !important;
+}
+div.dt-container .dt-paging .dt-paging-button:active {
+  --tw-shadow: 0 0 #0000 !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+}
+div.dt-container.dt-empty-footer .dt-scroll-body,html.dark .dt-container.dt-empty-footer table.dataTable,div.dt-container.dt-empty-footer tbody > tr:last-child > * {
+  border-color: color-mix(in srgb, #4D5472 10%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent) !important;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800) !important;
+  }
+}
+div.dt-container .dt-paging .dt-paging-button {
+  border-radius: var(--radius-md) !important;
+}
+div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
+  pointer-events: none !important;
+  color: inherit !important;
+  opacity: 50% !important;
+}
+table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover {
+  outline-color: var(--color-zinc-100) !important;
+  &:where(.dark, .dark *) {
+    outline-color: var(--color-zinc-800) !important;
+  }
+}
+.dataTable tbody tr td.sorting_1 {
+  background-color: color-mix(in srgb, #4D5472 1%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-zinc-500) 1%, transparent);
+  }
+  &:where(.dark, .dark *) {
+    background-color: color-mix(in srgb, #fff 3%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
+    }
+  }
+}
+table.dataTable input.dt-select-checkbox:checked:after {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+.code-snippet pre,.code-snippet pre code {
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+}
+.hljs {
+  direction: ltr !important;
+  font-family: var(--font-mono);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  color: var(--color-zinc-600);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-400);
+  }
+}
+.hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
+  color: var(--color-green-600);
+}
+.hljs-name, .hljs-quote, .hljs-selector-pseudo, .hljs-selector-tag {
+  color: var(--color-zinc-700);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-200);
+  }
+}
+.hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-variable {
+  color: var(--color-orange-600);
+}
+.hljs-comment {
+  opacity: 75%;
+}
+.icon-in-css {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m5 13l4 4L19 7'/%3E%3C/svg%3E");
+  background-color: currentcolor;
+  mask-image: var(--svg);
+  mask-size: 100%;
+  mask-repeat: no-repeat;
+}
+.swiper-pagination-bullet {
+  width: calc(var(--spacing) * 2.5) !important;
+  height: calc(var(--spacing) * 2.5) !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 2px !important;
+  border-color: var(--color-primary-subtle) !important;
+  background-color: transparent !important;
+  opacity: 100% !important;
+}
+.swiper-pagination-bullet-active {
+  border-color: var(--color-primary) !important;
+  background-color: var(--color-primary) !important;
+}
+[dir="rtl"] .swiper-wrapper {
+  direction: ltr !important;
+}
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-space-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-divide-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-content {
+  syntax: "*";
+  initial-value: "";
+  inherits: false;
+}
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes ping {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+  }
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-space-y-reverse: 0;
+      --tw-space-x-reverse: 0;
+      --tw-divide-x-reverse: 0;
+      --tw-border-style: solid;
+      --tw-divide-y-reverse: 0;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-content: "";
+    }
+  }
+}
+/*# sourceMappingURL=style.css.map */
diff --git a/public_html/assets/raven/images/avatars/thumb-1.jpg b/public_html/assets/raven/images/avatars/thumb-1.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/assets/raven/images/avatars/thumb-1.jpg differ
diff --git a/public_html/assets/raven/images/avatars/thumb-10.jpg b/public_html/assets/raven/images/avatars/thumb-10.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/assets/raven/images/avatars/thumb-10.jpg differ
diff --git a/public_html/assets/raven/images/avatars/thumb-2.jpg b/public_html/assets/raven/images/avatars/thumb-2.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/assets/raven/images/avatars/thumb-2.jpg differ
diff --git a/public_html/assets/raven/images/avatars/thumb-3.jpg b/public_html/assets/raven/images/avatars/thumb-3.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/assets/raven/images/avatars/thumb-3.jpg differ
diff --git a/public_html/assets/raven/images/avatars/thumb-4.jpg b/public_html/assets/raven/images/avatars/thumb-4.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/assets/raven/images/avatars/thumb-4.jpg differ
diff --git a/public_html/assets/raven/images/avatars/thumb-5.jpg b/public_html/assets/raven/images/avatars/thumb-5.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/assets/raven/images/avatars/thumb-5.jpg differ
diff --git a/public_html/assets/raven/images/avatars/thumb-6.jpg b/public_html/assets/raven/images/avatars/thumb-6.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/assets/raven/images/avatars/thumb-6.jpg differ
diff --git a/public_html/assets/raven/images/avatars/thumb-7.jpg b/public_html/assets/raven/images/avatars/thumb-7.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/assets/raven/images/avatars/thumb-7.jpg differ
diff --git a/public_html/assets/raven/images/avatars/thumb-8.jpg b/public_html/assets/raven/images/avatars/thumb-8.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/assets/raven/images/avatars/thumb-8.jpg differ
diff --git a/public_html/assets/raven/images/avatars/thumb-9.jpg b/public_html/assets/raven/images/avatars/thumb-9.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/assets/raven/images/avatars/thumb-9.jpg differ
diff --git a/public_html/assets/raven/images/bg-cover-2.jpg b/public_html/assets/raven/images/bg-cover-2.jpg
new file mode 100644
index 0000000..6549e2d
Binary files /dev/null and b/public_html/assets/raven/images/bg-cover-2.jpg differ
diff --git a/public_html/assets/raven/images/bg-cover.jpg b/public_html/assets/raven/images/bg-cover.jpg
new file mode 100644
index 0000000..6549e2d
Binary files /dev/null and b/public_html/assets/raven/images/bg-cover.jpg differ
diff --git a/public_html/assets/raven/images/brands/apple-black.svg b/public_html/assets/raven/images/brands/apple-black.svg
new file mode 100644
index 0000000..6ff4c4b
--- /dev/null
+++ b/public_html/assets/raven/images/brands/apple-black.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.9954 12.6879C18.0263 16.0172 20.915 17.1251 20.947 17.1393C20.9225 17.2173 20.4854 18.7181 19.4251 20.2682C18.5084 21.6085 17.5571 22.9437 16.0585 22.9714C14.586 22.9985 14.1124 22.0979 12.4289 22.0979C10.7459 22.0979 10.2198 22.9437 8.82587 22.9985C7.37932 23.0533 6.27775 21.5493 5.35356 20.214C3.465 17.4827 2.02175 12.4959 3.95967 9.12967C4.92239 7.45801 6.64284 6.39944 8.51023 6.3723C9.9307 6.34519 11.2714 7.3283 12.1398 7.3283C13.0077 7.3283 14.6369 6.14603 16.3498 6.31966C17.0668 6.34952 19.0796 6.60941 20.372 8.50192C20.2679 8.56651 17.9704 9.90449 17.9954 12.6879ZM15.2279 4.51263C15.9959 3.58268 16.5128 2.2881 16.3717 1C15.2648 1.04451 13.9262 1.73794 13.1321 2.66738C12.4205 3.49044 11.7974 4.8078 11.9655 6.07041C13.1994 6.16591 14.4599 5.44317 15.2279 4.51263Z" fill="black"/>
+</svg>
diff --git a/public_html/assets/raven/images/brands/apple-white.svg b/public_html/assets/raven/images/brands/apple-white.svg
new file mode 100644
index 0000000..b270c92
--- /dev/null
+++ b/public_html/assets/raven/images/brands/apple-white.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.9954 12.6879C18.0263 16.0172 20.915 17.1251 20.947 17.1393C20.9225 17.2173 20.4854 18.7181 19.4251 20.2682C18.5084 21.6085 17.5571 22.9437 16.0585 22.9714C14.586 22.9985 14.1124 22.0979 12.4289 22.0979C10.7459 22.0979 10.2198 22.9437 8.82587 22.9985C7.37932 23.0533 6.27775 21.5493 5.35356 20.214C3.465 17.4827 2.02175 12.4959 3.95967 9.12967C4.92239 7.45801 6.64284 6.39944 8.51023 6.3723C9.9307 6.34519 11.2714 7.3283 12.1398 7.3283C13.0077 7.3283 14.6369 6.14603 16.3498 6.31966C17.0668 6.34952 19.0796 6.60941 20.372 8.50192C20.2679 8.56651 17.9704 9.90449 17.9954 12.6879ZM15.2279 4.51263C15.9959 3.58268 16.5128 2.2881 16.3717 1C15.2648 1.04451 13.9262 1.73794 13.1321 2.66738C12.4205 3.49044 11.7974 4.8078 11.9655 6.07041C13.1994 6.16591 14.4599 5.44317 15.2279 4.51263Z" fill="white"/>
+</svg>
diff --git a/public_html/assets/raven/images/brands/behance.svg b/public_html/assets/raven/images/brands/behance.svg
new file mode 100644
index 0000000..4567523
--- /dev/null
+++ b/public_html/assets/raven/images/brands/behance.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#0863FF" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M42.672 26.006h12.711v-3.642H42.672v3.642zm3.011 7.946c-.81.824-1.32 1.94-1.53 3.35h9.887c-.105-1.504-.618-2.64-1.527-3.422-.92-.777-2.052-1.164-3.407-1.164-1.467 0-2.613.412-3.423 1.236zm8.58-4.889c1.532.674 2.794 1.743 3.787 3.202.906 1.286 1.487 2.779 1.753 4.474.155.991.217 2.428.191 4.296H44.012c.096 2.17.853 3.692 2.298 4.564.874.543 1.927.815 3.163.815 1.301 0 2.365-.33 3.18-.99.45-.36.845-.856 1.183-1.49h5.857c-.156 1.28-.867 2.586-2.126 3.911C55.603 49.948 52.851 51 49.315 51c-2.92 0-5.497-.885-7.724-2.662-2.238-1.773-3.35-4.663-3.35-8.661 0-3.75 1.007-6.627 3.02-8.629 2.018-1.996 4.628-3.001 7.843-3.001 1.91 0 3.629.34 5.159 1.016zm-36.35 8.317v7.804h7.202c1.287 0 2.291-.173 3.005-.515 1.301-.64 1.95-1.855 1.95-3.653 0-1.526-.626-2.57-1.887-3.14-.706-.318-1.697-.485-2.967-.496h-7.303zm0-11.299v6.457h7.213c1.284 0 2.331-.242 3.138-.727.802-.484 1.205-1.342 1.205-2.567 0-1.367-.53-2.266-1.591-2.706-.92-.304-2.089-.457-3.508-.457h-6.457zm16.109-1.963c.906 1.245 1.36 2.732 1.36 4.466 0 1.785-.454 3.224-1.372 4.31-.513.607-1.267 1.164-2.263 1.665 1.513.546 2.653 1.406 3.429 2.584.768 1.175 1.154 2.606 1.154 4.288 0 1.734-.44 3.29-1.323 4.666a8.132 8.132 0 01-2.1 2.303c-.946.715-2.06 1.202-3.35 1.47-1.29.264-2.684.392-4.191.392H12V21h14.334c3.618.053 6.178 1.091 7.688 3.118z"/></g></svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/brands/dribbble.svg b/public_html/assets/raven/images/brands/dribbble.svg
new file mode 100644
index 0000000..dc0f888
--- /dev/null
+++ b/public_html/assets/raven/images/brands/dribbble.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#EC4989" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M47.455 52.999c-.21-1.237-1.302-7.253-3.991-14.638 6.618-1.059 12.35.756 12.774.894-.912 5.712-4.183 10.636-8.783 13.744zM36 56.498a20.416 20.416 0 01-13.059-4.699c.271.22.46.359.46.359s3.93-8.568 16.085-12.804c.045-.017.093-.028.138-.042 2.885 7.492 4.073 13.768 4.378 15.56A20.43 20.43 0 0136 56.498zm-20.498-20.5c0-.217.01-.431.016-.646.365.009 10.491.237 21.044-2.92a67.612 67.612 0 011.662 3.485c-.27.073-.539.155-.807.245-11.06 3.573-16.671 13.523-16.671 13.523s.008.009.008.012a20.417 20.417 0 01-5.252-13.698zm11.752-18.532c.274.364 4.064 5.503 7.612 11.808-9.842 2.616-18.385 2.511-18.924 2.503 1.33-6.35 5.594-11.613 11.312-14.31zM31.09 16.1l-.002.006s-.026.006-.062.011c.022-.005.042-.008.064-.017zm18.447 4.521c-.05.077-2.969 4.521-10.708 7.42-3.502-6.438-7.352-11.551-7.66-11.958a20.498 20.498 0 014.832-.578c5.188 0 9.927 1.936 13.536 5.116zm6.955 15.174c-.297-.065-7.234-1.557-14.276-.671-.146-.35-.29-.703-.443-1.056a61.6 61.6 0 00-1.363-2.974c8.094-3.305 11.38-8.054 11.42-8.11a20.415 20.415 0 014.662 12.811zm3.023-4.625a24.084 24.084 0 00-1.403-4.512 23.714 23.714 0 00-2.213-4.075 23.986 23.986 0 00-6.48-6.48 23.928 23.928 0 00-4.076-2.215A24.047 24.047 0 0036.001 12a24.081 24.081 0 00-9.344 1.888A24.06 24.06 0 0016.1 22.583 23.877 23.877 0 0012 35.999c-.001 1.63.163 3.256.484 4.837a23.76 23.76 0 001.403 4.506 23.765 23.765 0 002.213 4.081 24.462 24.462 0 002.927 3.55 24.046 24.046 0 007.629 5.139 23.618 23.618 0 004.51 1.397c1.58.327 3.206.491 4.834.491a23.87 23.87 0 004.832-.491 23.637 23.637 0 004.51-1.397A23.914 23.914 0 0049.42 55.9a24.368 24.368 0 003.553-2.927 24.28 24.28 0 002.927-3.55 23.965 23.965 0 003.615-8.587 24.283 24.283 0 000-9.666z"/></g></svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/brands/duolingo.svg b/public_html/assets/raven/images/brands/duolingo.svg
new file mode 100644
index 0000000..64ff666
--- /dev/null
+++ b/public_html/assets/raven/images/brands/duolingo.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.18824 1H18.8144C21.126 1 22.9992 2.87334 22.9992 5.1869V18.8131C22.9992 21.1246 21.126 23 18.8123 23H5.18824C2.87459 22.9979 1.00134 21.1246 1.00134 18.811V5.1869C1.00134 2.87325 2.87468 1 5.18824 1Z" fill="#50C800"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23 15.2105V8.8475C22.7519 8.24403 22.3877 7.69514 21.9281 7.23197C21.9689 6.54881 21.8163 5.85711 21.4619 5.24055C21.2299 4.83667 20.6692 4.77868 20.3556 5.12669L19.6445 5.91509C19.6402 5.91298 19.6359 5.91298 19.6316 5.91087C19.724 5.1911 19.6015 4.44792 19.2492 3.78411C19.0301 3.37161 18.5554 3.29857 18.2288 3.63365L14.8131 7.09453C14.7745 7.13105 14.7336 7.16967 14.695 7.20839C14.6928 7.2105 14.6885 7.21261 14.6864 7.21481C13.202 8.55959 10.8883 8.61546 9.47473 7.38024C9.38616 7.28343 9.29369 7.19026 9.19756 7.10095L5.77557 3.63585C5.44894 3.30069 4.97423 3.37381 4.75513 3.78631C4.40492 4.44792 4.28032 5.18687 4.3706 5.90224C4.36409 5.90436 4.35767 5.90436 4.35125 5.90656L3.64872 5.12669C3.33512 4.77868 2.77444 4.83667 2.54029 5.24055C2.19229 5.84417 2.03971 6.52091 2.07191 7.19114C1.61935 7.63785 1.25562 8.16634 1 8.74859V15.3114C1.77125 17.0709 3.52844 18.3018 5.57142 18.3018H5.79052C7.81635 18.3018 9.5607 17.0924 10.3405 15.3566C11.0903 15.3523 11.6337 15.3502 11.9711 15.3502C12.7014 15.348 13.2707 15.348 13.6789 15.348C14.4565 17.0881 16.2052 18.3018 18.2331 18.3018H18.3877C20.4695 18.3018 22.2524 17.0236 23 15.2105Z" fill="#8EE000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.8808 7.5307C7.79699 7.5307 9.35233 9.08375 9.35233 11.0022V13.0581C9.35233 14.9743 7.7991 16.5296 5.8808 16.5296C3.96452 16.5296 2.40918 14.9765 2.40918 13.0581V11.0022C2.40918 9.08384 3.96452 7.5307 5.8808 7.5307ZM18.0763 7.5307C19.9925 7.5307 21.5479 9.08375 21.5479 11.0022V13.0581C21.5479 14.9743 19.9946 16.5296 18.0763 16.5296C16.1601 16.5296 14.6047 14.9765 14.6047 13.0581V11.0022C14.6047 9.08384 16.1579 7.5307 18.0763 7.5307Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.41567 9.52417C7.32436 9.52417 8.06332 10.261 8.06332 11.1719V12.9313C8.06332 13.84 7.32647 14.5789 6.41567 14.5789C5.50699 14.5789 4.76794 13.8421 4.76794 12.9313V11.1719C4.76794 10.261 5.50699 9.52417 6.41567 9.52417Z" fill="#4B4B4B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0013 13.5182C13.0431 13.5182 13.8874 14.3625 13.8874 15.4043V16.0596C13.8874 17.1015 13.0431 17.9457 12.0013 17.9457C10.9594 17.9457 10.1151 17.1015 10.1151 16.0596V15.4043C10.1151 14.3625 10.9594 13.5182 12.0013 13.5182Z" fill="#F48000"/>
+<path d="M9.39746 15.5848C9.62298 14.3819 10.7379 13.5139 12.072 13.5139C13.2857 13.5139 14.3835 14.4033 14.6047 15.5848V15.6815C14.6047 15.7567 14.5789 15.7867 14.5102 15.7782L12.0742 16.2121H11.9302L9.49196 15.776C9.42324 15.7846 9.39746 15.7545 9.39746 15.6794V15.5848Z" fill="#FFC200"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6016 13.9306C11.729 13.8999 11.8595 13.884 11.9905 13.8834C12.1301 13.8834 12.272 13.9006 12.4116 13.9371C12.5493 13.9726 12.6713 14.0528 12.7584 14.1652C12.8455 14.2776 12.8927 14.4157 12.8927 14.5579C12.8928 14.6138 12.8818 14.6691 12.8604 14.7207C12.8391 14.7724 12.8078 14.8193 12.7683 14.8588C12.7287 14.8983 12.6818 14.9296 12.6302 14.951C12.5786 14.9723 12.5233 14.9833 12.4674 14.9833H11.5351C11.4792 14.9833 11.4239 14.9723 11.3723 14.951C11.3207 14.9296 11.2737 14.8983 11.2342 14.8588C11.1947 14.8193 11.1634 14.7724 11.142 14.7207C11.1207 14.6691 11.1097 14.6138 11.1098 14.5579C11.1076 14.2615 11.3117 14.0015 11.6016 13.9306Z" fill="#FFE747"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5413 9.52417C18.4501 9.52417 19.189 10.261 19.189 11.1719V12.9313C19.189 13.84 18.4522 14.5789 17.5413 14.5789C16.6326 14.5789 15.8937 13.8421 15.8937 12.9313V11.1719C15.8958 10.261 16.6326 9.52417 17.5413 9.52417Z" fill="#4B4B4B"/>
+<path d="M5.0237 11.522C5.61105 11.522 6.08708 11.0478 6.08708 10.4629C6.08708 9.87806 5.61105 9.40387 5.0237 9.40387C4.43645 9.40387 3.96033 9.87806 3.96033 10.4629C3.96033 11.0478 4.43645 11.522 5.0237 11.522ZM15.9883 11.522C16.5756 11.522 17.0517 11.0478 17.0517 10.4629C17.0517 9.87806 16.5756 9.40387 15.9883 9.40387C15.401 9.40387 14.925 9.87806 14.925 10.4629C14.925 11.0478 15.401 11.522 15.9883 11.522Z" fill="white"/>
+</svg>
diff --git a/public_html/assets/raven/images/brands/email.svg b/public_html/assets/raven/images/brands/email.svg
new file mode 100644
index 0000000..dbb3b3e
--- /dev/null
+++ b/public_html/assets/raven/images/brands/email.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#000" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M18 26.162v20.386c0 1.109.812 2.007 1.93 2.007h31.815c1.117 0 1.93-.909 1.93-2.007V26.162c0-1.217-.727-2.162-1.93-2.162H19.93c-1.25 0-1.93.969-1.93 2.162m2.933 1.776c0-.491.298-.772.773-.772.293 0 11.854 7.325 12.554 7.755l1.81 1.125c.573-.384 1.15-.713 1.744-1.111 1.213-.776 12.011-7.77 12.308-7.77.477 0 .773.282.773.773 0 .52-1.002 1.037-1.655 1.435-4.1 2.5-8.2 5.224-12.26 7.816-.237.16-.695.503-1.04.45-.382-.059-12.146-7.617-14.287-8.875-.321-.19-.72-.363-.72-.826"/></g></svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/brands/equacoin.svg b/public_html/assets/raven/images/brands/equacoin.svg
new file mode 100644
index 0000000..2a82a8d
--- /dev/null
+++ b/public_html/assets/raven/images/brands/equacoin.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="#F68922"/>
+<path d="M11.7197 7.53422C11.7197 7.53422 8.35662 8.02467 7.86618 11.738C7.86618 11.738 7.34631 15.8949 11.6223 17.0166C11.9185 17.0941 12.2234 17.1332 12.5296 17.1329H12.7398C12.9554 17.1329 13.169 17.1752 13.3682 17.2577C13.5675 17.3402 13.7485 17.4611 13.901 17.6135C14.0536 17.766 14.1745 17.947 14.2571 18.1462C14.3396 18.3454 14.3821 18.5589 14.3821 18.7745C14.3838 19.1883 14.2286 19.5873 13.9477 19.8911C13.6669 20.195 13.2813 20.3811 12.8687 20.4119C10.7668 20.5521 7.94535 19.5277 6.11459 17.0629C6.11459 17.0629 2.52943 11.9419 6.43688 7.23715C7.36109 6.11701 8.56333 5.2593 9.92325 4.74989C11.5291 4.15295 13.8811 3.769 15.9235 5.36225C15.9235 5.36225 18.656 7.46416 17.2547 10.8973C17.2547 10.8973 16.2738 13.6298 12.9108 13.84L12.4434 13.814C12.2225 13.8085 12.0053 13.7557 11.8064 13.6592C11.6076 13.5627 11.4317 13.4248 11.2906 13.2547C11.1495 13.0846 11.0464 12.8862 10.9883 12.6729C10.9303 12.4597 10.9185 12.2365 10.9539 12.0183C11.0116 11.6634 11.1911 11.3397 11.4615 11.1027C11.7319 10.8656 12.0763 10.7301 12.4357 10.7193L12.9108 10.6871C12.9108 10.6871 14.5222 10.617 14.3821 8.72531C14.3821 8.72531 14.242 7.04378 11.7197 7.53422Z" fill="#2A2460"/>
+</svg>
diff --git a/public_html/assets/raven/images/brands/evernote.svg b/public_html/assets/raven/images/brands/evernote.svg
new file mode 100644
index 0000000..0cefc37
--- /dev/null
+++ b/public_html/assets/raven/images/brands/evernote.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15000_4306)">
+<path d="M4.64015 5.26105H6.70642C6.76301 5.26093 6.81723 5.2384 6.85726 5.19841C6.89728 5.15842 6.91985 5.1042 6.92002 5.04762C6.92002 5.04681 6.895 3.27681 6.895 2.78514V2.77913C6.895 2.37516 6.97963 2.02285 7.12777 1.72723L7.1981 1.59485C7.18909 1.59653 7.18084 1.60102 7.17455 1.60768L3.16253 5.58608C3.15518 5.59215 3.14994 5.60039 3.14758 5.60963C3.23058 5.56854 3.34412 5.51217 3.36004 5.50519C3.7091 5.34731 4.13288 5.26105 4.64015 5.26105Z" fill="#74BB44"/>
+<path d="M20.7066 4.82784C20.5425 3.95007 20.0203 3.51736 19.5483 3.34713C19.0394 3.1631 18.0066 2.9724 16.7098 2.81972C15.666 2.6966 14.4392 2.70667 13.6982 2.72925C13.6093 2.12013 13.1821 1.56365 12.704 1.37101C11.4308 0.858702 9.46234 0.982473 8.95751 1.12395C8.55582 1.23635 8.11141 1.46619 7.86435 1.82045C7.69851 2.05743 7.59098 2.36053 7.59017 2.78431C7.59017 3.02406 7.59683 3.58882 7.603 4.0909C7.60885 4.5941 7.61584 5.04452 7.61584 5.04777C7.61553 5.26347 7.52969 5.47025 7.37713 5.62275C7.22458 5.77524 7.01777 5.861 6.80206 5.86122H4.73693C4.29658 5.86122 3.95986 5.93513 3.70274 6.05191C3.44528 6.16886 3.26288 6.32642 3.12432 6.51289C2.84868 6.8829 2.80076 7.33982 2.8019 7.80632C2.8019 7.80632 2.8058 8.18722 2.89757 8.92481C2.97408 9.49527 3.59293 13.4816 4.18077 14.694C4.40866 15.1654 4.56069 15.3624 5.00819 15.5703C6.00583 15.9975 8.2844 16.4728 9.3527 16.6089C10.4186 16.7453 11.0878 17.0319 11.4864 16.1958C11.4877 16.1932 11.5665 15.9882 11.6743 15.6851C12.0206 14.6365 12.0689 13.7056 12.0689 13.0323C12.0689 12.9636 12.1694 12.9607 12.1694 13.0323C12.1694 13.5079 12.0783 15.1907 13.3496 15.6418C13.8517 15.8195 14.8924 15.9783 15.9506 16.1024C16.9068 16.2127 17.6007 16.5886 17.6007 19.0427C17.6007 20.5355 17.2872 20.74 15.6482 20.74C14.3193 20.74 13.8127 20.7742 13.8127 19.7193C13.8127 18.8657 14.6567 18.9553 15.282 18.9553C15.5616 18.9553 15.3585 18.7478 15.3585 18.221C15.3585 17.6968 15.6867 17.3942 15.3764 17.3868C13.214 17.327 11.9413 17.3842 11.9413 20.0891C11.9413 22.5442 12.8808 23.0002 15.9506 23.0002C18.357 23.0002 19.2047 22.9216 20.1986 19.8383C20.3953 19.2297 20.8713 17.3725 21.1586 14.2535C21.3404 12.2819 20.9867 6.32983 20.7066 4.82784ZM16.5113 11.4063C16.2141 11.396 15.9282 11.4147 15.6616 11.4576C15.7368 10.8517 15.9868 10.1075 16.8732 10.1386C17.8544 10.1726 17.9915 11.0999 17.9949 11.7277C17.5814 11.5435 17.0693 11.4259 16.5113 11.4063Z" fill="#74BB44"/>
+</g>
+<defs>
+<clipPath id="clip0_15000_4306">
+<rect width="18.4096" height="22" fill="white" transform="translate(2.80005 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public_html/assets/raven/images/brands/facebook.svg b/public_html/assets/raven/images/brands/facebook.svg
new file mode 100644
index 0000000..e22599c
--- /dev/null
+++ b/public_html/assets/raven/images/brands/facebook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><rect width="72" height="72" fill="#4460A0" rx="8"/><path fill="#FFF" d="M60.464 13.417v9.31l-5.526.015c-4.331 0-5.166 2.058-5.166 5.066v6.662H60.09l-1.338 10.42h-8.98V72H39.01V44.889H30V34.47h9.01v-7.684C39.01 17.864 44.448 13 52.42 13c3.8 0 7.08.288 8.044.417z"/></g></svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/brands/figma.svg b/public_html/assets/raven/images/brands/figma.svg
new file mode 100644
index 0000000..35e2bb2
--- /dev/null
+++ b/public_html/assets/raven/images/brands/figma.svg
@@ -0,0 +1,14 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_12720_25198)">
+<path d="M8.33818 23C10.3622 23 12.0048 21.3573 12.0048 19.3333V15.6667H8.33818C6.31418 15.6667 4.67151 17.3093 4.67151 19.3333C4.67151 21.3573 6.31418 23 8.33818 23Z" fill="#0ACF83"/>
+<path d="M4.67151 12C4.67151 9.97598 6.31418 8.33331 8.33818 8.33331H12.0048V15.6666H8.33818C6.31418 15.6666 4.67151 14.024 4.67151 12Z" fill="#A259FF"/>
+<path d="M4.67151 4.6667C4.67151 2.6427 6.31418 1.00003 8.33818 1.00003H12.0048V8.33336H8.33818C6.31418 8.33336 4.67151 6.6907 4.67151 4.6667Z" fill="#F24E1E"/>
+<path d="M12.0049 1.00003H15.6716C17.6956 1.00003 19.3382 2.6427 19.3382 4.6667C19.3382 6.6907 17.6956 8.33336 15.6716 8.33336H12.0049V1.00003Z" fill="#FF7262"/>
+<path d="M19.3382 12C19.3382 14.024 17.6956 15.6666 15.6716 15.6666C13.6476 15.6666 12.0049 14.024 12.0049 12C12.0049 9.97598 13.6476 8.33331 15.6716 8.33331C17.6956 8.33331 19.3382 9.97598 19.3382 12Z" fill="#1ABCFE"/>
+</g>
+<defs>
+<clipPath id="clip0_12720_25198">
+<rect width="14.6696" height="22" fill="white" transform="translate(4.67004 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public_html/assets/raven/images/brands/gitlab.svg b/public_html/assets/raven/images/brands/gitlab.svg
new file mode 100644
index 0000000..850651a
--- /dev/null
+++ b/public_html/assets/raven/images/brands/gitlab.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9999 22.9903L16.0507 9.46848H7.94897L11.9998 22.9903H11.9999Z" fill="#E24329"/>
+<path d="M12 22.9902L7.94903 9.46838H2.27197L12 22.9902Z" fill="#FC6D26"/>
+<path d="M2.27203 9.46838L1.04106 13.5776C0.986322 13.7603 0.986315 13.9571 1.04103 14.1398C1.09575 14.3225 1.20239 14.4817 1.34566 14.5946L12 22.9903L2.27194 9.46848L2.27203 9.46838Z" fill="#FCA326"/>
+<path d="M2.27197 9.46843H7.94904L5.50936 1.32428C5.38381 0.905206 4.8372 0.905299 4.71173 1.32428L2.27197 9.46843Z" fill="#E24329"/>
+<path d="M12 22.9902L16.0508 9.46838H21.728L11.9999 22.9902H12Z" fill="#FC6D26"/>
+<path d="M21.728 9.46838L22.959 13.5776C23.0137 13.7603 23.0137 13.9571 22.9589 14.1398C22.9042 14.3225 22.7976 14.4817 22.6543 14.5946L12 22.9903L21.728 9.46848V9.46838Z" fill="#FCA326"/>
+<path d="M21.7281 9.46843H16.0509L18.4907 1.32428C18.6162 0.905206 19.1628 0.905299 19.2883 1.32428L21.7281 9.46843Z" fill="#E24329"/>
+</svg>
diff --git a/public_html/assets/raven/images/brands/google-analytics.svg b/public_html/assets/raven/images/brands/google-analytics.svg
new file mode 100644
index 0000000..3c8b0dd
--- /dev/null
+++ b/public_html/assets/raven/images/brands/google-analytics.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.9999 20.2469C23.009 21.7574 21.6605 22.9873 19.9893 22.9955C19.8651 22.9964 19.7399 22.9901 19.6167 22.9765C18.0658 22.7692 16.9297 21.5502 16.9677 20.1347V3.86058C16.9307 2.44331 18.0698 1.22425 19.6217 1.01881C21.2817 0.843233 22.7855 1.91659 22.9799 3.41621C22.9939 3.52663 23.0009 3.63704 22.9999 3.74836V20.2469Z" fill="#F9AB00"/>
+<path d="M4.01661 17.55C5.68271 17.55 7.03322 18.7699 7.03322 20.275C7.03322 21.78 5.68271 23 4.01661 23C2.35051 23 1 21.78 1 20.275C1 18.7699 2.35051 17.55 4.01661 17.55ZM11.9534 9.29162C10.2793 9.37488 8.98084 10.6428 9.01991 12.1569V19.4758C9.01991 21.4624 9.98771 22.6679 11.4053 22.9249C13.0414 23.2244 14.6354 22.2696 14.967 20.7917C15.008 20.6107 15.0281 20.427 15.0271 20.2424V12.0302C15.0301 10.5197 13.6776 9.29343 12.0055 9.29071C11.9884 9.29071 11.9704 9.29071 11.9534 9.29162Z" fill="#E37400"/>
+</svg>
diff --git a/public_html/assets/raven/images/brands/google-webdev.svg b/public_html/assets/raven/images/brands/google-webdev.svg
new file mode 100644
index 0000000..f032308
--- /dev/null
+++ b/public_html/assets/raven/images/brands/google-webdev.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15000_4362)">
+<path d="M20.4775 16.4367H13.0452C12.9253 16.4367 12.809 16.477 12.7151 16.5521L7.17643 20.9557C7.03331 21.0693 7.11381 21.2983 7.29718 21.2983H20.5625C21.8738 21.2983 23.0527 20.1211 22.9606 18.7051C22.8765 17.4135 21.7763 16.4367 20.4775 16.4367Z" fill="#00C9DB"/>
+<path d="M14.4647 11.8399C14.4647 11.8337 14.4638 11.8274 14.463 11.8203C14.4218 11.1566 14.1096 10.5116 13.5425 10.0689L4.91963 3.21348C3.86681 2.39055 2.3435 2.57571 1.51699 3.62584C0.690478 4.67687 0.874743 6.19482 1.92666 7.01775L8.17826 11.9875L1.92666 16.9573C0.874743 17.7794 0.690478 19.2982 1.51699 20.3483C2.3435 21.3985 3.86681 21.5836 4.91963 20.7607L13.5434 13.9044C14.1105 13.4617 14.4227 12.8167 14.4638 12.153C14.4647 12.1468 14.4647 12.1405 14.4656 12.1333C14.4683 12.0841 14.4692 12.0358 14.4692 11.9866C14.4692 11.9383 14.4674 11.8891 14.4647 11.8399Z" fill="#0D55FF"/>
+<path d="M23 18.867C23 20.2097 21.9096 21.2974 20.5625 21.2974C19.2172 21.2974 18.1268 20.2088 18.1268 18.867C18.1268 17.5253 19.2172 16.4367 20.5625 16.4367C21.9096 16.4367 23 17.5253 23 18.867Z" fill="#7000F2"/>
+</g>
+<defs>
+<clipPath id="clip0_15000_4362">
+<rect width="22" height="18.5983" fill="white" transform="translate(1 2.70001)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public_html/assets/raven/images/brands/google.svg b/public_html/assets/raven/images/brands/google.svg
new file mode 100644
index 0000000..add03bd
--- /dev/null
+++ b/public_html/assets/raven/images/brands/google.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 12.27C24 11.48 23.9284 10.73 23.8058 9.99998H12.2605V14.51H18.871C18.5747 15.99 17.7062 17.24 16.4189 18.09V21.09H20.3627C22.6717 19 24 15.92 24 12.27Z" fill="#4285F4"/>
+<path d="M12.2606 24C15.571 24 18.3398 22.92 20.3628 21.09L16.419 18.09C15.3156 18.81 13.9158 19.25 12.2606 19.25C9.06269 19.25 6.35515 17.14 5.38453 14.29H1.31812V17.38C3.33089 21.3 7.46882 24 12.2606 24Z" fill="#34A853"/>
+<path d="M5.38442 14.2901C5.12899 13.5701 4.99617 12.8001 4.99617 12.0001C4.99617 11.2001 5.13921 10.4301 5.38442 9.71009V6.62009H1.31801C0.480203 8.24009 0 10.0601 0 12.0001C0 13.9401 0.480203 15.7601 1.31801 17.3801L5.38442 14.2901Z" fill="#FBBC05"/>
+<path d="M12.2606 4.74998C14.0691 4.74998 15.6834 5.35999 16.9605 6.54999L20.4548 3.12999C18.3398 1.18999 15.571 -1.52588e-05 12.2606 -1.52588e-05C7.46882 -1.52588e-05 3.33089 2.69999 1.31812 6.61999L5.38453 9.70999C6.35515 6.85999 9.06269 4.74998 12.2606 4.74998Z" fill="#EA4335"/>
+</svg>
diff --git a/public_html/assets/raven/images/brands/inferno.svg b/public_html/assets/raven/images/brands/inferno.svg
new file mode 100644
index 0000000..ea5ecf2
--- /dev/null
+++ b/public_html/assets/raven/images/brands/inferno.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15000_4304)">
+<path d="M8.36643 5.85776L8.09061 6.04078C5.81726 7.52768 4.61942 9.64347 4.59205 12.3525C4.55682 15.8171 6.99797 18.8306 10.3749 19.6059C14.7339 20.6068 19.0479 17.4468 19.3985 12.9962C19.6758 9.47599 17.2956 6.31355 13.9372 5.22034C13.4308 4.6557 12.9709 2.75801 13.7713 1.89364C17.0718 2.62708 19.5463 4.31239 21.1417 7.02672C24.6301 12.9617 21.4941 20.6979 14.868 22.5457C8.71281 24.2622 2.48494 20.2046 1.56442 13.8783C0.542916 7.9795 4.70792 2.73195 10.5843 1.84998C9.21334 3.08983 8.47991 4.7925 8.36643 5.85776Z" fill="#494949"/>
+<path d="M16.2627 10.8801C16.7373 9.99577 16.7158 9.07087 16.4463 8.13513C16.3801 7.90487 16.2422 7.51004 16.1492 7.25191C17.7357 8.42435 19.0906 11.2435 18.4019 14.0451C17.7639 16.6408 15.2761 18.7315 12.7098 18.9733C9.40482 19.2845 6.83513 17.3041 5.86797 14.8965C4.83662 12.3297 5.66252 9.17284 7.43509 7.60118C6.56774 9.34744 6.83621 10.7337 7.19061 11.251C7.58454 11.826 8.2117 12.1241 8.82381 11.9538C9.46726 11.7749 9.96093 11.1991 9.94977 10.4651C9.94233 9.97501 9.8549 9.42229 9.66162 8.98072C8.51473 6.36083 9.47073 3.99808 11.3206 2.37092C11.8576 1.89866 12.4818 1.44543 13.2765 1.00006C12.4033 2.23991 12.255 3.75054 12.9184 5.1563C13.3075 5.92232 13.8059 6.72234 14.2457 7.4614C15.0361 8.78975 15.5209 10.1555 15.311 11.74C15.3086 11.7575 15.9397 11.4955 16.2627 10.8801Z" fill="#FB3239"/>
+</g>
+<defs>
+<clipPath id="clip0_15000_4304">
+<rect width="21.1728" height="22" fill="white" transform="translate(1.41003 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public_html/assets/raven/images/brands/instagram.svg b/public_html/assets/raven/images/brands/instagram.svg
new file mode 100644
index 0000000..d5ec612
--- /dev/null
+++ b/public_html/assets/raven/images/brands/instagram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="72" viewBox="0 0 72 72"><defs><pattern id="instagram-b" width="100%" height="100%" x="0%"><use transform="scale(.14343)" xlink:href="#instagram-a"/></pattern><image id="instagram-a" width="502" height="502" xlink:href="data:image/png;base64,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"/></defs><g fill="none" fill-rule="evenodd"><path fill="url(#instagram-b)" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M36 12c6.518 0 7.335.028 9.895.144 2.555.117 4.3.523 5.826 1.116 1.578.613 2.917 1.434 4.25 2.768 1.335 1.334 2.156 2.673 2.77 4.251.592 1.527.998 3.271 1.115 5.826.116 2.56.144 3.377.144 9.895s-.028 7.335-.144 9.895c-.117 2.555-.523 4.3-1.116 5.826-.613 1.578-1.434 2.917-2.768 4.25-1.334 1.335-2.673 2.156-4.251 2.77-1.527.592-3.271.998-5.826 1.115-2.56.116-3.377.144-9.895.144s-7.335-.028-9.895-.144c-2.555-.117-4.3-.523-5.826-1.116-1.578-.613-2.917-1.434-4.25-2.768-1.335-1.334-2.156-2.673-2.769-4.251-.593-1.527-1-3.271-1.116-5.826C12.028 43.335 12 42.518 12 36s.028-7.335.144-9.895c.117-2.555.523-4.3 1.116-5.826.613-1.578 1.434-2.917 2.768-4.25 1.334-1.335 2.673-2.156 4.251-2.769 1.527-.593 3.271-1 5.826-1.116C28.665 12.028 29.482 12 36 12zm0 4.324c-6.408 0-7.167.025-9.698.14-2.34.107-3.61.498-4.457.827-1.12.435-1.92.955-2.76 1.795-.839.84-1.359 1.64-1.794 2.76-.33.845-.72 2.116-.827 4.456-.115 2.53-.14 3.29-.14 9.698s.025 7.167.14 9.698c.107 2.34.498 3.61.827 4.457.435 1.12.955 1.92 1.795 2.76.84.839 1.64 1.359 2.76 1.794.845.33 2.116.72 4.456.827 2.53.115 3.29.14 9.698.14 6.409 0 7.168-.025 9.698-.14 2.34-.107 3.61-.498 4.457-.827 1.12-.435 1.92-.955 2.76-1.795.839-.84 1.359-1.64 1.794-2.76.33-.845.72-2.116.827-4.456.115-2.53.14-3.29.14-9.698s-.025-7.167-.14-9.698c-.107-2.34-.498-3.61-.827-4.457-.435-1.12-.955-1.92-1.795-2.76-.84-.839-1.64-1.359-2.76-1.794-.845-.33-2.116-.72-4.456-.827-2.53-.115-3.29-.14-9.698-.14zm0 7.352c6.807 0 12.324 5.517 12.324 12.324 0 6.807-5.517 12.324-12.324 12.324-6.807 0-12.324-5.517-12.324-12.324 0-6.807 5.517-12.324 12.324-12.324zM36 44a8 8 0 100-16 8 8 0 000 16zm15.691-20.811a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0z"/></g></svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/brands/jira.svg b/public_html/assets/raven/images/brands/jira.svg
new file mode 100644
index 0000000..06ed453
--- /dev/null
+++ b/public_html/assets/raven/images/brands/jira.svg
@@ -0,0 +1,20 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15000_4309)">
+<path d="M22.1324 11.3915L12.7781 2.03721L11.8717 1.1308L4.83002 8.1725L1.61001 11.3915C1.44917 11.5532 1.35889 11.772 1.35889 12C1.35889 12.2281 1.44917 12.4468 1.61001 12.6085L8.04323 19.0417L11.8717 22.8692L18.9124 15.8275L19.0221 15.7188L22.1324 12.6133C22.2131 12.5333 22.277 12.4382 22.3207 12.3333C22.3643 12.2285 22.3868 12.116 22.3868 12.0024C22.3868 11.8889 22.3643 11.7764 22.3207 11.6716C22.277 11.5667 22.2131 11.4715 22.1324 11.3915ZM11.8717 15.2142L8.65753 12L11.8717 8.78583L15.0849 12L11.8717 15.2142Z" fill="#2684FF"/>
+<path d="M11.8717 8.78581C10.8608 7.77519 10.291 6.4056 10.2866 4.9762C10.2823 3.5468 10.8437 2.17376 11.8484 1.15698L4.81543 8.18704L8.64295 12.0146L11.8717 8.78581Z" fill="url(#paint0_linear_15000_4309)"/>
+<path d="M15.0936 11.9913L11.8717 15.2142C12.8864 16.2291 13.4564 17.6056 13.4564 19.0407C13.4564 20.4759 12.8864 21.8523 11.8717 22.8673L18.9241 15.8188L15.0936 11.9913Z" fill="url(#paint1_linear_15000_4309)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_15000_4309" x1="11.2962" y1="5.53378" x2="6.8078" y2="10.0212" gradientUnits="userSpaceOnUse">
+<stop offset="0.18" stop-color="#0052CC"/>
+<stop offset="1" stop-color="#2684FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_15000_4309" x1="12.485" y1="18.4274" x2="16.9647" y2="13.9487" gradientUnits="userSpaceOnUse">
+<stop offset="0.18" stop-color="#0052CC"/>
+<stop offset="1" stop-color="#2684FF"/>
+</linearGradient>
+<clipPath id="clip0_15000_4309">
+<rect width="20.7768" height="22" fill="white" transform="translate(1.60999 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public_html/assets/raven/images/brands/linkedin.svg b/public_html/assets/raven/images/brands/linkedin.svg
new file mode 100644
index 0000000..e3fefb0
--- /dev/null
+++ b/public_html/assets/raven/images/brands/linkedin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#007EBB" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M62 62H51.316V43.802c0-4.99-1.896-7.777-5.845-7.777-4.296 0-6.54 2.901-6.54 7.777V62H28.632V27.333H38.93v4.67s3.096-5.729 10.453-5.729c7.353 0 12.617 4.49 12.617 13.777V62zM16.35 22.794c-3.508 0-6.35-2.864-6.35-6.397C10 12.864 12.842 10 16.35 10c3.507 0 6.347 2.864 6.347 6.397 0 3.533-2.84 6.397-6.348 6.397zM11.032 62h10.736V27.333H11.033V62z"/></g></svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/brands/mailchimp.svg b/public_html/assets/raven/images/brands/mailchimp.svg
new file mode 100644
index 0000000..34a05a4
--- /dev/null
+++ b/public_html/assets/raven/images/brands/mailchimp.svg
@@ -0,0 +1,18 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.9887 20.9812C20.9189 21.051 20.8317 21.0858 20.7271 21.0858C20.6224 21.0858 20.5352 21.051 20.4655 20.9812C20.3957 20.9114 20.3608 20.8242 20.3608 20.7196C20.3608 20.6149 20.3957 20.519 20.4742 20.4493C20.544 20.3795 20.6312 20.3533 20.7271 20.3533C20.8317 20.3533 20.9189 20.3882 20.9887 20.458C21.0585 20.5277 21.0934 20.6149 21.0934 20.7196C21.1021 20.8242 21.0672 20.9114 20.9887 20.9812ZM20.5178 20.5016C20.4568 20.5626 20.4306 20.6324 20.4306 20.7109C20.4306 20.7981 20.4568 20.8678 20.5178 20.9289C20.5788 20.9899 20.6486 21.0161 20.7358 21.0161C20.823 21.0161 20.8928 20.9899 20.9538 20.9289C21.0149 20.8678 21.041 20.7981 21.041 20.7109C21.041 20.6324 21.0149 20.5539 20.9538 20.5016C20.8928 20.4405 20.823 20.4056 20.7358 20.4056C20.6486 20.4144 20.5788 20.4405 20.5178 20.5016ZM20.8492 20.9027C20.8143 20.9289 20.7794 20.9376 20.7445 20.9376C20.6922 20.9376 20.6399 20.9202 20.5963 20.8766C20.5527 20.833 20.5352 20.7806 20.5352 20.7196C20.5352 20.6585 20.5527 20.6062 20.5876 20.5626C20.6224 20.519 20.6748 20.5016 20.7358 20.5016C20.7707 20.5016 20.8056 20.5103 20.8405 20.5277C20.8841 20.5539 20.9189 20.5975 20.9277 20.6673H20.8317C20.823 20.6411 20.8143 20.6149 20.7969 20.6062C20.7794 20.5975 20.762 20.5888 20.7445 20.5888C20.7184 20.5888 20.6922 20.5975 20.6748 20.6237C20.6573 20.6498 20.6486 20.6847 20.6486 20.7283C20.6486 20.7719 20.6573 20.8068 20.6748 20.8242C20.6922 20.8417 20.7184 20.8591 20.7445 20.8591C20.7707 20.8591 20.7881 20.8504 20.8056 20.8417L20.8317 20.7893H20.9189C20.9102 20.8417 20.8841 20.8766 20.8492 20.9027ZM21.7735 17.0308C21.7735 16.9959 21.7648 16.9611 21.7648 16.9262C21.7648 16.9 21.7561 16.8826 21.7561 16.8651C21.7474 16.8128 21.7387 16.7692 21.7212 16.7169C21.6863 16.621 21.634 16.525 21.5643 16.4466C21.4945 16.3681 21.416 16.307 21.3375 16.2634C21.2503 16.2198 21.1631 16.1937 21.0934 16.1762C21.0672 16.1762 21.0497 16.1675 21.0323 16.1675C21.1282 15.7489 21.0061 15.4263 20.9277 15.278L20.9451 15.2606C21.0497 15.1559 21.137 15.06 21.2154 14.9641L21.2329 14.9466C21.2939 14.8594 21.3288 14.7722 21.355 14.6937C21.3724 14.624 21.3898 14.5629 21.3898 14.5019V14.4496V14.4147V14.3362C21.3811 14.2054 21.3637 14.0397 21.2765 13.8566C21.2329 13.7694 21.1718 13.6734 21.0934 13.5862C21.0149 13.499 20.9189 13.4206 20.8056 13.3595C20.7969 13.3508 20.7881 13.3508 20.7794 13.3421C20.544 13.002 20.2823 12.7316 20.0469 12.5311C19.9248 12.4264 19.8114 12.3392 19.7155 12.2695C19.6196 12.1997 19.5411 12.1474 19.4975 12.1125C19.3929 12.034 19.3144 11.9904 19.2795 11.973C19.1923 11.9206 19.1312 11.877 19.0964 11.8509C19.0702 11.8247 19.0528 11.816 19.044 11.8073C19.044 11.8073 19.044 11.7985 19.0353 11.7811C19.0266 11.7549 19.0266 11.7201 19.0266 11.659C19.0266 11.5718 19.0266 11.441 19.0353 11.2666C19.0528 10.9875 19.0789 10.6126 19.1138 10.0981C19.1225 9.93237 19.1225 9.7754 19.1225 9.63587C19.1138 9.40042 19.0789 9.19113 19.0353 8.99928C19.0266 8.95568 19.0092 8.91207 19.0004 8.86847C18.9917 8.83359 18.983 8.81615 18.9743 8.79871C18.9656 8.77255 18.9568 8.74638 18.9394 8.7115C18.9307 8.69406 18.9307 8.67662 18.9132 8.65918C18.8958 8.61558 18.8784 8.57198 18.8522 8.52837L18.8435 8.51965L18.8348 8.49349L18.826 8.47605C18.7824 8.39757 18.7301 8.3278 18.6778 8.26676C18.6516 8.14467 18.608 7.97026 18.5295 7.76969C18.4598 7.59528 18.3726 7.40343 18.2418 7.21158C18.1982 7.14182 18.1458 7.08078 18.0935 7.01973L18.111 7.00229C18.1371 6.97613 18.7475 6.33081 19.2359 5.49365C20.1341 3.93269 19.8376 2.98216 19.4277 2.45893L19.419 2.44149L19.4103 2.42405C19.0179 1.98802 18.4772 1.72641 17.8232 1.6392C16.4541 1.46479 14.9018 2.14499 14.492 2.33684L13.742 1.51712C13.6722 1.44735 13.6025 1.37759 13.524 1.32527C13.4455 1.27294 13.3583 1.22062 13.2711 1.17702C13.0967 1.09853 12.9048 1.04621 12.6955 1.02005C12.2857 0.967727 11.8148 1.02005 11.309 1.15086C10.5503 1.34271 9.70442 1.72641 8.81493 2.25836C7.92545 2.79031 7.00108 3.47922 6.10287 4.29895C5.00409 5.29308 4.09716 6.34826 3.43441 7.35983C3.10303 7.8569 2.83269 8.34524 2.63212 8.81615C2.43155 9.27833 2.30074 9.72308 2.24842 10.1242C2.21354 10.4207 2.21354 10.6998 2.27458 10.9527C2.30074 11.066 2.33563 11.1707 2.38795 11.2753C2.44899 11.4061 2.52748 11.5282 2.6234 11.6329L3.39952 12.4439L3.48673 12.5311L3.47801 12.5398L3.45185 12.5921C3.43441 12.6183 3.42569 12.6444 3.40824 12.6619L3.38208 12.7142C3.37336 12.7404 3.35592 12.7665 3.3472 12.7927L3.32104 12.845C3.31232 12.8712 3.29488 12.8973 3.28616 12.9235C3.27744 12.9409 3.26872 12.9584 3.26872 12.9758L3.24256 13.0543C3.23383 13.0717 3.23383 13.0892 3.22511 13.1066C3.21639 13.1328 3.20767 13.1589 3.19895 13.1938C3.19895 13.2025 3.19023 13.2113 3.19023 13.22C3.19023 13.2287 3.18151 13.2374 3.18151 13.2461C3.17279 13.2723 3.16407 13.3072 3.15535 13.3333C3.15535 13.3508 3.14663 13.3682 3.14663 13.3857C3.14663 13.3944 3.13791 13.4118 3.13791 13.4206C3.13791 13.438 3.12919 13.4554 3.12919 13.4729C3.12919 13.4903 3.12047 13.5078 3.12047 13.5252C3.11175 13.5601 3.11175 13.595 3.10303 13.6386C3.10303 13.6473 3.10303 13.656 3.09431 13.6734V13.6822C3.09431 13.7083 3.08559 13.7345 3.08559 13.7519C3.08559 13.7868 3.07687 13.8304 3.07687 13.8653V14.3013C3.07687 14.3188 3.07687 14.3362 3.08559 14.3536C3.08559 14.3711 3.08559 14.3972 3.09431 14.4234V14.4496C3.09431 14.467 3.10303 14.4932 3.10303 14.5106C3.10303 14.5281 3.11175 14.5455 3.11175 14.5717C3.11175 14.5804 3.11175 14.5891 3.12047 14.5978C3.12047 14.6065 3.12919 14.624 3.12919 14.6327V14.6501C3.12919 14.6676 3.13791 14.685 3.14663 14.7199C3.14663 14.7286 3.14663 14.7286 3.15535 14.7373C3.16407 14.7548 3.16407 14.7722 3.16407 14.7809L3.17279 14.7984C3.17279 14.8071 3.17279 14.8071 3.18151 14.8158L3.19023 14.8333V14.8594C3.19023 14.8682 3.19023 14.8682 3.19895 14.8769L3.20767 14.8943C3.20767 14.9118 3.21639 14.9205 3.21639 14.9379C3.22511 14.9554 3.22511 14.9728 3.23383 15.0077V14.999V15.0077C3.23383 15.0164 3.23383 15.0164 3.24256 15.0251C3.25128 15.0513 3.26 15.0687 3.26 15.0774C3.26872 15.0949 3.27744 15.1123 3.28616 15.1472L3.29488 15.1559C3.3036 15.1734 3.3036 15.1908 3.31232 15.1995L3.32104 15.217C3.32104 15.2257 3.32976 15.2344 3.32976 15.2431C3.32976 15.2519 3.33848 15.2693 3.3472 15.278L3.35592 15.2955C3.36464 15.3042 3.36464 15.3216 3.37336 15.3303C3.38208 15.3391 3.38208 15.3478 3.38208 15.3565C3.3908 15.3739 3.39952 15.3914 3.40824 15.4175L3.41696 15.4263C3.42569 15.435 3.42569 15.4437 3.43441 15.4524C3.44313 15.4611 3.44313 15.4786 3.45185 15.4873C3.46057 15.496 3.46929 15.5135 3.47801 15.5396L3.48673 15.5483C3.49545 15.5571 3.49545 15.5658 3.50417 15.5745C3.51289 15.592 3.52161 15.6007 3.52161 15.6094C3.53033 15.6181 3.53905 15.6356 3.54777 15.653V15.6617C3.55649 15.6704 3.55649 15.6792 3.56521 15.6879C3.57393 15.7053 3.58265 15.714 3.59137 15.7228C3.60009 15.7315 3.60882 15.7489 3.62626 15.7751C3.63498 15.7838 3.6437 15.7925 3.6437 15.8012C3.65242 15.8187 3.66114 15.8274 3.66986 15.8361C3.67858 15.8448 3.6873 15.8623 3.69602 15.8797C3.70474 15.8884 3.71346 15.9059 3.72218 15.9146C3.7309 15.932 3.73962 15.9408 3.75706 15.9495L3.78322 15.9757L3.79194 15.9844C3.80939 16.0018 3.81811 16.0193 3.83555 16.0367L3.85299 16.0541L3.87915 16.0803L3.93147 16.1326L3.94891 16.1501L3.97507 16.1762L3.9838 16.1849C4.00124 16.2024 4.0274 16.2198 4.04484 16.246L4.05356 16.2547C4.06228 16.2634 4.071 16.2634 4.07972 16.2809C4.10588 16.307 4.13204 16.3245 4.1582 16.3506L4.17565 16.3594L4.18437 16.3681L4.20181 16.3768C4.22797 16.3942 4.24541 16.4117 4.27157 16.4291L4.28029 16.4378C4.28901 16.4466 4.29773 16.4466 4.29773 16.4466L4.31517 16.464C4.33261 16.4814 4.35005 16.4902 4.3675 16.5076L4.38494 16.5163L4.40238 16.5338L4.4111 16.5425C4.42854 16.5512 4.4547 16.5686 4.47214 16.5774C4.48086 16.5861 4.48958 16.5948 4.50702 16.5948L4.52446 16.6035L4.53318 16.6122H4.54191C4.57679 16.6297 4.60295 16.6471 4.62911 16.6646L4.64655 16.6733L4.7512 16.7256H4.75992L4.77736 16.7343L4.82968 16.7605C4.8384 16.7605 4.84712 16.7692 4.85584 16.7692C4.86456 16.7779 4.87328 16.7779 4.89072 16.7867H4.89944C4.91689 16.7954 4.93433 16.8041 4.95177 16.8041H4.96049C4.97793 16.8128 4.99537 16.8215 5.02153 16.8303H5.03025L5.04769 16.839C5.05641 16.839 5.06513 16.8477 5.07385 16.8477H5.08257C5.10874 16.8564 5.1349 16.8651 5.16978 16.8739H5.1785C5.2221 16.8913 5.2657 16.9 5.30931 16.9087H5.31803C5.35291 16.9175 5.39651 16.9262 5.43139 16.9349H5.46627C5.50116 16.9436 5.53604 16.9523 5.57092 16.9523H5.6058C5.63196 16.9523 5.6494 16.9611 5.67557 16.9611C5.67557 16.9698 5.68429 16.9785 5.68429 16.9872C5.74533 17.1529 5.80637 17.3186 5.87614 17.4756C6.90515 20.3272 9.75674 22.5422 13.0095 22.952C16.2622 23.3532 19.7417 21.1905 21.1544 18.2691C21.2154 18.1558 21.2678 18.0511 21.3201 17.9378C21.4596 17.7895 21.573 17.6413 21.6427 17.4843C21.7561 17.3884 21.7823 17.1965 21.7735 17.0308ZM3.71346 15.8972H3.72218H3.71346Z" fill="#664F44"/>
+<path d="M18.9919 2.76413C18.8349 2.58972 18.6518 2.45892 18.4512 2.36299C18.4163 2.34555 18.3814 2.33683 18.3378 2.32811C18.3204 2.31939 18.303 2.30195 18.2855 2.29323C18.1111 2.22346 17.928 2.17986 17.7361 2.1537C16.7943 2.03161 15.713 2.38043 15.1025 2.62461C15.0677 2.64205 15.0328 2.65077 14.9979 2.66821C14.9456 2.69437 14.8932 2.71181 14.8409 2.73797C14.7537 2.77285 14.6665 2.81646 14.5706 2.86006C14.5531 2.86878 14.5444 2.86878 14.527 2.8775L14.3613 2.68565L14.2828 2.59844L14.2131 2.51996L14.1869 2.48508L13.5503 1.75256L13.498 1.69152L13.4282 1.61303H13.4195L13.2364 1.65663L13.0271 1.70024C12.9137 1.64791 12.7742 1.61303 12.6172 1.58687C12.3033 1.54327 11.9021 1.58687 11.4487 1.70024C10.9952 1.8136 10.4807 2.01417 9.94002 2.28451C8.84996 2.82518 7.64654 3.65362 6.478 4.71752C6.06813 5.08378 5.69315 5.46748 5.34434 5.84246C5.00424 6.20872 4.69902 6.5837 4.41997 6.94124C3.85314 7.68248 3.42583 8.39756 3.14678 9.04287C2.96365 9.47017 2.85028 9.86259 2.80668 10.2027C2.7718 10.4469 2.78052 10.6649 2.82412 10.8393C2.84156 10.9003 2.859 10.9439 2.87644 10.9963C2.92005 11.1009 2.97237 11.1881 3.04213 11.2666L3.74849 12.0078L3.82697 12.0863L3.8357 12.0776C3.85314 12.0514 3.8793 12.0253 3.90546 12.0078L3.91418 11.9991L3.94034 11.9729C3.95778 11.9468 3.98394 11.9293 4.00138 11.9032C4.01882 11.8857 4.02755 11.877 4.04499 11.8683C4.06243 11.8596 4.07115 11.8421 4.08859 11.8334L4.10603 11.816C4.12347 11.8073 4.13219 11.7898 4.14963 11.7811C4.16707 11.7637 4.19323 11.7462 4.21068 11.7288C4.2194 11.7201 4.23684 11.7113 4.24556 11.7026H4.25428C4.28044 11.6852 4.29788 11.6677 4.32404 11.6503C4.34148 11.6416 4.3502 11.6328 4.36764 11.6154C4.39381 11.598 4.41125 11.5805 4.43741 11.5631C4.45485 11.5544 4.46357 11.5456 4.48101 11.5369C4.50717 11.5195 4.53333 11.502 4.55949 11.4933C4.57693 11.4846 4.58566 11.4759 4.6031 11.4672C4.62926 11.4497 4.65542 11.441 4.68158 11.4236C4.69902 11.4148 4.70774 11.4061 4.72518 11.3974L4.74262 11.3887C4.76878 11.38 4.78623 11.3625 4.81239 11.3538C4.82111 11.3451 4.83855 11.3451 4.84727 11.3364C4.86471 11.3276 4.88215 11.3189 4.90831 11.3102L4.96064 11.284L4.97808 11.2753L5.10888 11.223C5.12632 11.2143 5.13504 11.2143 5.15249 11.2055C5.16993 11.1968 5.17865 11.1968 5.19609 11.1881L5.21353 11.1794C5.22225 11.1794 5.23097 11.1707 5.23969 11.1707C5.25713 11.1619 5.27457 11.1619 5.30073 11.1532H5.31817C5.34434 11.1445 5.36178 11.1445 5.38794 11.1358C5.40538 11.1271 5.43154 11.1271 5.44898 11.1183C5.47514 11.1096 5.5013 11.1096 5.52747 11.1009C5.53619 11.1009 5.54491 11.0922 5.56235 11.0922C5.57107 11.0922 5.58851 11.0922 5.59723 11.0835C5.62339 11.0747 5.64955 11.0747 5.67571 11.0747C5.70187 11.0747 5.71932 11.066 5.74548 11.066C5.76292 11.066 5.78036 11.0573 5.7978 11.0573H5.86756C5.95477 11.0573 6.05941 11.0573 6.16406 11.066H6.1815C6.28615 11.0747 6.40823 11.0922 6.53032 11.1183C6.55648 11.1271 6.59136 11.1271 6.61752 11.1358C6.62624 11.1271 6.62624 11.1096 6.63496 11.1009C6.70473 10.9875 6.76577 10.8654 6.83554 10.7521C7.22796 10.098 7.64654 9.5225 8.07384 9.01671C8.22209 8.8423 8.37034 8.68533 8.51859 8.52836C9.13774 7.88305 9.75689 7.38598 10.315 7.00228C10.4371 6.91508 10.5679 6.83659 10.6813 6.75811C10.847 6.65346 11.0039 6.56626 11.1522 6.47905C11.2743 6.40929 11.3876 6.34825 11.501 6.29592C11.6841 6.2 11.8498 6.12151 11.9981 6.06047L12.1289 6.00815C12.1899 5.98199 12.2509 5.95582 12.3033 5.93838C12.2597 5.92966 12.2073 5.92966 12.1637 5.92966H11.9893C11.9457 5.92966 11.8934 5.92966 11.8498 5.93838C11.7626 5.9471 11.6667 5.95582 11.5707 5.96455C11.5359 5.97327 11.5097 5.97327 11.4748 5.98199C11.7103 5.8599 11.9457 5.7727 12.1637 5.70293C12.312 5.65933 12.4602 5.62445 12.5998 5.59829C12.7916 5.5634 12.9747 5.53724 13.1404 5.52852C13.2538 5.5198 13.3584 5.5198 13.4544 5.5198C13.5503 5.5198 13.6462 5.52852 13.7247 5.52852C14.0125 5.54596 14.1869 5.58957 14.1869 5.58957C14.1433 5.52852 14.091 5.48492 14.0386 5.44132C13.934 5.36283 13.8206 5.31051 13.716 5.26691C13.6724 5.24947 13.6375 5.24075 13.6026 5.22331C13.5765 5.21458 13.5503 5.20586 13.5329 5.20586C13.5852 5.19714 13.6288 5.18842 13.6724 5.18842C13.7247 5.1797 13.7683 5.1797 13.8206 5.17098C14.2305 5.1361 14.5968 5.17098 14.8671 5.21459C15.1897 5.27563 15.3903 5.35411 15.3903 5.35411C15.3467 5.26691 15.2769 5.18842 15.1985 5.11866C15.1461 5.07506 15.0851 5.03146 15.0328 4.99657C15.1461 5.02273 15.2421 5.0489 15.3467 5.08378C15.6083 5.16226 15.8263 5.25819 16.0007 5.33667L16.1577 5.41516C16.1752 5.42388 16.1839 5.4326 16.1926 5.4326C16.3496 5.5198 16.4368 5.58084 16.4368 5.58084C16.4106 5.48492 16.3583 5.39771 16.2885 5.31923C16.2711 5.30179 16.2536 5.27563 16.2362 5.25819H16.2449C16.2536 5.25819 16.2624 5.26691 16.2798 5.26691C16.2885 5.26691 16.306 5.27563 16.3234 5.28435C16.3932 5.31051 16.4978 5.35411 16.6199 5.41516C16.6286 5.41516 16.6286 5.42388 16.6373 5.42388L16.6897 5.45004C16.7333 5.4762 16.7769 5.49364 16.8205 5.52852L16.9513 5.60701C16.9774 5.62445 16.9949 5.63317 17.021 5.65061C17.0646 5.68549 17.117 5.72037 17.1606 5.76397C17.2129 5.80758 17.2565 5.85118 17.3001 5.89478L17.3263 5.92094C17.3611 5.95582 17.396 5.99071 17.4222 6.02559C17.4832 6.09535 17.5356 6.17384 17.5879 6.25232C17.6489 6.34825 17.6925 6.46161 17.7361 6.57498C17.7361 6.5837 17.7361 6.59242 17.7448 6.59242C17.771 6.56626 17.8233 6.51393 17.8844 6.44417C18.3902 5.85118 19.9075 3.93268 18.9919 2.76413Z" fill="#132134"/>
+<path d="M21.2504 17.0919C21.2504 17.0919 21.2678 16.9611 21.1981 16.839C21.1981 16.8302 21.1893 16.8215 21.1893 16.8215L21.1806 16.8128L21.1545 16.7866C21.137 16.7692 21.1196 16.7518 21.0934 16.7343C21.0847 16.7256 21.0672 16.7169 21.0498 16.7082C21.0062 16.6907 20.9626 16.6733 20.9016 16.6646C20.858 16.6558 20.8144 16.6558 20.762 16.6558H20.6923V16.6733C20.6923 16.682 20.701 16.6907 20.701 16.7082C20.701 16.7169 20.701 16.7256 20.7097 16.7256C20.7184 16.7518 20.7271 16.7954 20.7359 16.8302C20.7359 16.8302 20.7359 16.839 20.7271 16.8564V16.8651C20.701 16.9262 20.6312 17.0657 20.4743 17.2401C20.4481 17.275 20.4219 17.3011 20.3871 17.336C19.951 17.7895 19.0092 18.4261 17.021 18.7836C16.3495 18.8796 15.7216 18.8883 15.1984 18.8185C14.4135 18.7226 13.8293 18.4697 13.5502 18.1296C13.524 18.1034 13.5066 18.0686 13.4804 18.0424C13.463 18.0162 13.4543 17.9988 13.4368 17.9726C13.4281 17.9639 13.4281 17.9552 13.4194 17.9465C13.306 17.7372 13.2537 17.5104 13.2537 17.2924C13.2537 17.0221 13.3409 16.7692 13.4804 16.5773C13.5938 16.4204 13.7421 16.2983 13.9252 16.246C14.0124 16.2198 14.1083 16.2024 14.2042 16.2111C14.2217 16.2111 14.2478 16.2111 14.2827 16.2198C14.3438 16.2285 14.4397 16.2373 14.5531 16.2547C14.5618 16.2547 14.5792 16.2547 14.5879 16.2634C14.9629 16.307 15.5559 16.3681 16.271 16.3245C17.5791 16.246 19.297 15.8361 20.858 14.4234V14.4147C20.8667 14.2926 20.8492 14.0833 20.701 13.9176C20.6748 13.8914 20.6487 13.8653 20.6138 13.8391C20.5963 13.8217 20.5702 13.813 20.5527 13.7955C20.5266 13.7868 20.5091 13.7694 20.4917 13.7606L20.4132 13.7083V13.6996C20.4045 13.6822 20.3958 13.6647 20.3783 13.6473C19.9772 13.0368 19.4191 12.6793 19.1923 12.5136C19.0877 12.4351 19.0179 12.4002 19.0179 12.4002C18.5383 12.1038 18.4685 12.0078 18.5121 11.2143C18.5296 10.9265 18.5558 10.5515 18.5906 10.037C18.5906 9.96724 18.5994 9.90619 18.5994 9.84515V9.80155V9.59226C18.5994 9.54865 18.5906 9.50505 18.5906 9.47017C18.5906 9.45273 18.5906 9.43529 18.5819 9.41785C18.5732 9.37424 18.5732 9.33064 18.5645 9.28704C18.5645 9.2696 18.5558 9.24344 18.5558 9.226C18.5558 9.19984 18.547 9.18239 18.5383 9.15623C18.5296 9.13879 18.5296 9.11263 18.5209 9.09519C18.5121 9.06903 18.5034 9.04287 18.5034 9.01671C18.5034 9.00798 18.4947 8.99926 18.4947 8.99054C18.4947 8.98182 18.486 8.9731 18.486 8.96438V8.95566L18.4773 8.9295C18.4685 8.91206 18.4598 8.89462 18.4598 8.87718V8.86846L18.4511 8.85102L18.4424 8.83358C18.4249 8.79869 18.4162 8.76381 18.3988 8.73765L18.3901 8.71149C18.3726 8.68533 18.3552 8.65045 18.3377 8.62428L18.329 8.61556L18.3203 8.60684C18.3029 8.5894 18.2941 8.57196 18.2767 8.55452L18.2593 8.52836C18.2418 8.5022 18.2244 8.48476 18.2069 8.46732V8.39755C18.1982 8.36267 18.1895 8.31907 18.1808 8.27547C18.1808 8.26675 18.1721 8.2493 18.1721 8.24058V8.23186C18.1721 8.21442 18.1633 8.2057 18.1633 8.18826C18.1546 8.15338 18.1459 8.1185 18.1284 8.08362C18.1284 8.0749 18.1197 8.05745 18.1197 8.04873L18.0936 7.97025C18.0848 7.95281 18.0848 7.93537 18.0761 7.92665C18.0674 7.90049 18.0587 7.87432 18.0412 7.84816L18.0151 7.79584C18.0064 7.76968 17.9889 7.74352 17.9802 7.71736L17.954 7.66503C17.9366 7.63887 17.9279 7.61271 17.9104 7.58655L17.8843 7.53423C17.8668 7.50806 17.8494 7.4819 17.832 7.44702C17.8232 7.42958 17.8145 7.42086 17.8058 7.40342C17.7971 7.3947 17.7884 7.37726 17.7796 7.36854C17.7535 7.34238 17.736 7.31621 17.7099 7.29005L17.6924 7.28133C17.6575 7.24645 17.6314 7.21157 17.5965 7.18541L17.5878 7.17669C17.5703 7.16797 17.5529 7.15053 17.5442 7.1418H17.5355C17.518 7.13308 17.5093 7.12436 17.4919 7.11564L17.4831 7.10692C17.4657 7.0982 17.4395 7.08076 17.4047 7.06332C17.3959 7.0546 17.3785 7.0546 17.361 7.04588C17.2826 7.01972 17.1866 6.98484 17.0646 6.94995C17.0558 6.94995 17.0471 6.94995 17.0384 6.94123C16.9425 6.91507 16.8291 6.88891 16.707 6.87147C16.6634 6.86275 16.6285 6.86275 16.5849 6.85403C16.5675 6.85403 16.55 6.85403 16.5239 6.84531H16.4977C16.4018 6.83659 16.3146 6.82787 16.2187 6.82787H16.2099C16.0879 6.82787 15.9658 6.83659 15.8524 6.86275C15.8786 6.81915 15.9571 6.76682 16.0268 6.72322C16.1227 6.6709 16.2099 6.63602 16.2099 6.63602C16.1576 6.63602 16.1053 6.64474 16.053 6.65346C16.0355 6.65346 16.0181 6.66218 16.0007 6.66218C15.9919 6.66218 15.9745 6.66218 15.9658 6.6709H15.9571C15.9483 6.6709 15.9396 6.6709 15.9309 6.67962C15.6606 6.74066 15.3989 6.83659 15.2507 6.89763L15.1984 6.92379H15.1897C15.1722 6.92379 15.1635 6.92379 15.146 6.93251C15.2507 6.73194 15.4077 6.6273 15.5297 6.57497C15.5472 6.56625 15.5734 6.55753 15.5908 6.54881C15.5995 6.54881 15.5995 6.54881 15.6082 6.54009C15.6257 6.53137 15.6431 6.53137 15.6518 6.52265C15.678 6.51393 15.6954 6.51393 15.6954 6.51393H15.5559C15.2594 6.54881 14.9891 6.64474 14.7623 6.77555C14.6054 6.86275 14.4659 6.95868 14.3438 7.0546C14.3089 7.06332 14.2827 7.07204 14.2478 7.07204C13.9165 7.1418 13.5415 7.22901 13.1491 7.3511C13.0008 7.3947 12.8526 7.44702 12.7043 7.49934C12.591 7.54295 12.4689 7.58655 12.3555 7.63015C12.2683 7.66503 12.1898 7.69992 12.1026 7.7348C11.5009 8.00513 10.8992 8.36267 10.4021 8.8423L10.3498 8.89462L10.219 9.02543L10.1667 9.07775C10.1492 9.10391 10.1231 9.13007 10.1056 9.14751C10.0097 9.25216 9.92249 9.36552 9.83529 9.48761C9.77424 9.57482 9.7132 9.67074 9.66088 9.76667L9.65216 9.77539C9.53879 9.97596 9.43414 10.1852 9.35566 10.4207C9.31206 10.5341 9.27718 10.6562 9.24229 10.7782C9.23357 10.8131 9.22485 10.8393 9.21613 10.8742L9.20741 10.8916C9.17253 11.0224 9.14637 11.1619 9.12893 11.3015C9.12893 11.3276 9.12021 11.3538 9.12021 11.3887C9.11149 11.4584 9.10277 11.5282 9.10277 11.6067C9.09405 11.6764 9.09405 11.7375 9.09405 11.8073V12.0776C9.09405 12.1561 9.09405 12.2346 9.10277 12.313V12.3218C9.10277 12.4002 9.11149 12.4787 9.12021 12.5659C9.12021 12.6008 9.12893 12.6357 9.12893 12.6706V12.6967C9.12893 12.7142 9.12893 12.7316 9.13765 12.7578C9.14637 12.845 9.16381 12.9409 9.17253 13.0368C9.17253 13.063 9.18125 13.0892 9.18125 13.1153C9.19869 13.1938 9.20741 13.281 9.22485 13.3595C9.22485 13.3595 9.20741 13.2549 9.21613 13.0979C9.21613 13.063 9.22485 13.0194 9.22485 12.9845C9.23357 12.8973 9.25101 12.7927 9.2859 12.6967L9.31206 12.6183C9.31206 12.6095 9.32078 12.6008 9.3295 12.5834C9.34694 12.5398 9.3731 12.4875 9.39926 12.4438C9.40798 12.4787 9.40798 12.5136 9.4167 12.5398V13.002C9.42542 13.2985 9.45158 13.656 9.51263 13.9612C9.51263 13.9612 9.52135 13.4118 9.61727 13.3421C9.61727 13.3421 9.78296 14.3711 9.93121 14.7548C9.94865 14.8071 9.97481 14.842 9.99225 14.8681V14.7635L9.97481 14.1967V14.1356C10.0882 14.3711 10.219 14.6065 10.3672 14.8594C10.4108 14.9292 10.4457 14.9989 10.4893 15.0687C10.2103 15.3129 9.94865 15.6704 9.7568 16.089C9.73064 16.1588 9.69576 16.2285 9.6696 16.2983C9.65216 16.3419 9.64344 16.3768 9.62599 16.4204C9.62599 16.4291 9.61727 16.4465 9.61727 16.4553C9.60855 16.4814 9.59983 16.5163 9.59111 16.5425C9.59111 16.5599 9.58239 16.5686 9.58239 16.5861C9.57367 16.6122 9.56495 16.6471 9.55623 16.6733C9.55623 16.6907 9.54751 16.6994 9.54751 16.7169L9.52135 16.8477C9.51263 16.8913 9.50391 16.9349 9.50391 16.9785C9.50391 16.9959 9.50391 17.0047 9.49519 17.0221C9.49519 17.057 9.48647 17.0831 9.48647 17.118C9.48647 17.1355 9.48647 17.1529 9.47775 17.1703C9.47775 17.2052 9.46903 17.2314 9.46903 17.2663V17.5715C9.46903 17.6064 9.46903 17.6412 9.47775 17.6848V17.711C9.47775 17.7546 9.48647 17.7982 9.49519 17.8505C9.49519 17.868 9.49519 17.8767 9.50391 17.8941C9.50391 17.929 9.51263 17.9552 9.52135 17.9901C9.52135 18.0075 9.53007 18.0249 9.53007 18.0424C9.53879 18.0686 9.53879 18.1034 9.54751 18.1296C9.54751 18.147 9.55623 18.1645 9.55623 18.1819C9.56495 18.2081 9.57367 18.2342 9.57367 18.2691C9.58239 18.2866 9.58239 18.304 9.59111 18.3302C9.59983 18.3563 9.60855 18.3912 9.61727 18.4174C9.62599 18.4348 9.62599 18.4523 9.63471 18.4697C9.64344 18.4959 9.65216 18.5307 9.66088 18.5569C9.6696 18.5743 9.6696 18.5918 9.67832 18.6092C9.68704 18.6441 9.70448 18.679 9.7132 18.7051C9.72192 18.7226 9.72192 18.7313 9.73064 18.7487L9.86145 19.0365C9.87017 19.054 9.87889 19.0627 9.88761 19.0801L9.93993 19.1848C9.94865 19.2022 9.95737 19.2197 9.97481 19.2371C9.99225 19.2633 10.0097 19.2981 10.0271 19.3243C10.0359 19.3417 10.0533 19.3592 10.062 19.3766C10.0795 19.4028 10.0969 19.4377 10.1231 19.4638C10.1405 19.4813 10.1492 19.4987 10.1667 19.5249C10.1841 19.551 10.2103 19.5859 10.2277 19.6121C10.2451 19.6295 10.2539 19.647 10.2713 19.6731C10.2975 19.6993 10.3149 19.7342 10.3411 19.7603C10.3585 19.7778 10.3672 19.7952 10.3847 19.8126C10.4108 19.8475 10.437 19.8737 10.4719 19.9086L10.5155 19.9522C10.5591 19.9958 10.6027 20.0481 10.6463 20.0917C10.6463 20.0917 10.6201 20.0568 10.5852 19.9871C10.5765 19.9783 10.5678 19.9609 10.5678 19.9435L10.5416 19.8911C10.5329 19.8737 10.5242 19.8562 10.5155 19.8301C10.4457 19.6731 10.3847 19.4464 10.3934 19.2022L10.4719 19.3069C10.498 19.3679 10.5416 19.4464 10.5852 19.5336C10.6027 19.5598 10.6201 19.5946 10.6288 19.6208C10.6986 19.7429 10.7684 19.8824 10.8556 20.0132C10.9602 20.1789 11.0649 20.3359 11.1782 20.4841C11.1782 20.4841 11.0474 20.2051 11.0038 20.0219C10.9951 19.9696 10.9864 19.926 10.9951 19.8998C11.0038 19.9086 11.0125 19.926 11.03 19.9347C11.0387 19.9434 11.0474 19.9609 11.0649 19.9696C11.0823 19.9958 11.1085 20.0307 11.1434 20.0743L11.1608 20.0917C11.1782 20.1091 11.187 20.1353 11.2044 20.1527C11.2218 20.1789 11.2393 20.2051 11.2654 20.2312C11.4486 20.4667 11.7015 20.7806 11.8759 20.9463C11.9369 20.9986 11.9892 21.0422 12.0241 21.0597L11.7712 20.6062C12.3468 21.0771 14.7362 21.6788 17.082 21.0073C17.3698 20.9289 17.6488 20.8242 17.9279 20.7021C18.0936 20.6324 18.2593 20.5452 18.4249 20.458L18.4511 20.4405C18.5645 20.3795 18.6778 20.3097 18.7912 20.2399C18.8784 20.1876 18.9656 20.1266 19.0441 20.0743C19.1836 19.9783 19.3232 19.8737 19.4627 19.7603C19.4714 19.7516 19.4801 19.7429 19.4888 19.7429C19.6196 19.6295 19.7505 19.5074 19.8638 19.3853C20.0208 19.2197 20.1603 19.054 20.2824 18.8883L20.2911 18.8796C20.326 18.836 20.3522 18.8011 20.3783 18.7575L20.3871 18.7487C20.3958 18.7313 20.4045 18.7226 20.4132 18.7051C20.4568 18.6441 20.4917 18.5918 20.5353 18.5307C20.544 18.5133 20.5527 18.5046 20.5615 18.4871C20.5789 18.4523 20.5963 18.4261 20.6225 18.3912C20.6399 18.365 20.6487 18.3476 20.6661 18.3214C20.6835 18.2953 20.701 18.2691 20.7097 18.243C20.7359 18.1994 20.762 18.147 20.7882 18.1034L20.8144 18.0511L20.8667 17.9465L20.8928 17.8941L20.9016 17.8767C20.919 17.8331 20.9452 17.7895 20.9626 17.7459V17.7372C21.0411 17.6674 21.0934 17.5976 21.1457 17.5366C21.1545 17.5279 21.1632 17.5192 21.1632 17.5104C21.2155 17.3448 21.2504 17.2139 21.2504 17.0919ZM7.21914 15.4001C7.21914 15.3914 7.21915 15.3826 7.21042 15.3652C7.18426 15.217 7.1581 15.06 7.14938 14.903V14.8681C7.12322 14.8769 7.09706 14.9117 7.06218 14.9553C7.05346 14.9728 7.03602 14.9902 7.02729 15.0164C6.94881 15.1646 6.87905 15.3739 6.87905 15.3739C6.88777 15.3042 6.89649 15.2344 6.89649 15.1646V15.1385C6.90521 15.0687 6.91393 14.9902 6.92265 14.9205V14.8943C6.93137 14.8071 6.94881 14.7286 6.96625 14.6501C6.96625 14.6414 6.96625 14.6327 6.97497 14.6152V14.6065C6.97497 14.5978 6.97497 14.5891 6.98369 14.5804C6.98369 14.5629 6.99241 14.5542 6.99241 14.5368C7.00113 14.4757 7.01857 14.4147 7.02729 14.3536C7.03602 14.3013 7.04474 14.249 7.05346 14.2054V14.1879C7.05346 14.1792 7.05346 14.1705 7.06218 14.1705V14.1531C7.06218 14.1443 7.0709 14.1269 7.0709 14.1182C7.0709 14.1095 7.0709 14.1007 7.07962 14.092C7.07962 14.0746 7.08834 14.0571 7.08834 14.0484C7.08834 14.0397 7.09706 14.0223 7.09706 14.0135C7.09706 13.9961 7.10578 13.9787 7.10578 13.9699C7.10578 13.9612 7.10578 13.9525 7.1145 13.9438C7.1145 13.935 7.1145 13.9263 7.12322 13.9263C7.12322 13.9089 7.13194 13.9002 7.13194 13.8914V13.8653L7.1145 13.8827C7.09706 13.8914 7.08834 13.9089 7.0709 13.9176L7.05346 13.935C7.03602 13.9525 7.01857 13.9699 7.00985 13.9874L7.00113 13.9961L6.94881 14.0746L6.94009 14.0833C6.94009 14.092 6.93137 14.092 6.93137 14.1007L6.90521 14.1531V14.1705C6.89649 14.1967 6.87905 14.2228 6.87033 14.249C6.84416 14.3187 6.818 14.3885 6.80056 14.4496C6.79184 14.467 6.79184 14.4932 6.78312 14.5019C6.7744 14.5368 6.76568 14.5716 6.76568 14.5804V14.5891V14.5804C6.76568 14.5542 6.76568 14.5368 6.7744 14.5106C6.7744 14.467 6.78312 14.4147 6.78312 14.3711C6.78312 14.3362 6.79184 14.2926 6.80056 14.2577C6.80056 14.249 6.80056 14.2315 6.80928 14.2228C6.80928 14.2054 6.818 14.1879 6.818 14.1705C6.818 14.1531 6.82672 14.1356 6.82672 14.1182V14.092C6.82672 14.0746 6.83544 14.0484 6.83544 14.031V13.9874V13.9699C6.83544 13.9612 6.83544 13.9525 6.84417 13.9438C6.85289 13.9176 6.86161 13.8827 6.86161 13.8566V13.8478C6.87033 13.8304 6.87033 13.8042 6.87905 13.7868V13.7781C6.88777 13.7345 6.90521 13.6909 6.91393 13.6473V13.6298C6.91393 13.6211 6.91393 13.6124 6.92265 13.6037C6.94009 13.5339 6.96625 13.4641 6.98369 13.4031V13.3944C7.00113 13.3421 7.02729 13.281 7.04474 13.2287V13.22C7.05346 13.1938 7.06218 13.1764 7.0709 13.1502C7.08834 13.1153 7.09706 13.0804 7.1145 13.0456C7.1145 13.0368 7.12322 13.0194 7.14066 12.9845C7.14938 12.9758 7.14938 12.9584 7.1581 12.9496C7.16682 12.9322 7.17554 12.9148 7.18426 12.8886L7.19298 12.8712L7.34123 12.6008C7.34995 12.5921 7.34995 12.5747 7.35867 12.5659V12.5572L7.36739 12.5398C7.38483 12.5136 7.40228 12.4787 7.41972 12.4526C7.44588 12.409 7.46332 12.3654 7.48948 12.3305C7.53308 12.252 7.56796 12.1822 7.59413 12.1474C7.60285 12.1212 7.61157 12.1125 7.62029 12.1038C7.61157 12.1038 7.56796 12.0689 7.4982 12.0253C7.411 11.9729 7.28891 11.9032 7.14066 11.8334C7.08834 11.8073 7.04474 11.7898 6.99241 11.7637C6.93137 11.7375 6.86161 11.7113 6.79184 11.6852C6.7744 11.6764 6.75696 11.6764 6.73952 11.6677C6.67848 11.6503 6.62615 11.6328 6.56511 11.6154C6.52151 11.6067 6.47791 11.598 6.44302 11.5892C6.40814 11.5805 6.37326 11.5805 6.33838 11.5718C6.32094 11.5718 6.3035 11.5718 6.28606 11.5631C6.26861 11.5631 6.25117 11.5631 6.23373 11.5544C6.19013 11.5544 6.13781 11.5456 6.0942 11.5456H6.02444C5.9198 11.5456 5.82387 11.5544 5.72795 11.5718H5.7105C5.53609 11.598 5.37041 11.6416 5.20472 11.7026C5.15239 11.7201 5.10007 11.7462 5.03903 11.7724C5.02159 11.7811 5.01287 11.7898 4.99543 11.7898L4.9431 11.816C4.78613 11.8945 4.63789 11.9991 4.49836 12.1125H4.48964C4.36755 12.2084 4.26291 12.3218 4.16698 12.4351L4.0885 12.5398C4.05362 12.5834 4.02745 12.627 4.00129 12.6706C3.94897 12.7491 3.89665 12.8363 3.85304 12.9235C3.8356 12.9584 3.81816 12.9845 3.80944 13.0194C3.80944 13.0281 3.80072 13.0281 3.80072 13.0368C3.71352 13.2461 3.64375 13.4641 3.61759 13.6996C3.60887 13.7432 3.60887 13.7868 3.60015 13.8391V13.8566C3.60015 13.8914 3.59143 13.9263 3.59143 13.9699V14.1269C3.59143 14.1618 3.59143 14.1967 3.60015 14.2315V14.2751C3.60015 14.3013 3.60887 14.3275 3.60887 14.3536V14.3624C3.60887 14.3798 3.60887 14.3885 3.61759 14.406C3.61759 14.4321 3.62631 14.4583 3.62631 14.4757C3.62631 14.4932 3.63503 14.5106 3.63503 14.528C3.64375 14.5542 3.64375 14.5716 3.65247 14.5978C3.65247 14.6152 3.66119 14.6327 3.66991 14.6501V14.6588L3.67864 14.6763V14.6937L3.68736 14.7112C3.69608 14.7286 3.69608 14.7461 3.7048 14.7635C3.71352 14.7809 3.71352 14.8071 3.72224 14.8245C3.73096 14.842 3.73968 14.8594 3.73968 14.8856L3.7484 14.903C3.75712 14.9205 3.75712 14.9292 3.76584 14.9466C3.77456 14.9641 3.78328 14.9815 3.792 15.0077L3.81816 15.06C3.82688 15.0687 3.82688 15.0774 3.8356 15.0862C3.84432 15.0949 3.84432 15.1036 3.85304 15.1123L3.87921 15.1646C3.88793 15.1821 3.89665 15.2082 3.91409 15.2257C3.92281 15.2431 3.93153 15.2606 3.94025 15.2693C3.94897 15.2867 3.96641 15.3129 3.97513 15.3303C3.98385 15.3478 3.99257 15.3565 4.00129 15.3739C4.01001 15.3914 4.02745 15.4175 4.04489 15.435C4.05362 15.4524 4.06234 15.4611 4.07106 15.4699C4.0885 15.4873 4.09722 15.5135 4.11466 15.5309C4.12338 15.5396 4.1321 15.5571 4.14082 15.5658C4.15826 15.5832 4.1757 15.6094 4.19314 15.6268C4.20186 15.6355 4.21058 15.6443 4.2193 15.6617C4.23675 15.6791 4.25419 15.7053 4.27163 15.7227L4.29779 15.7489C4.31523 15.7663 4.33267 15.7925 4.35883 15.8099L4.38499 15.8361L4.44604 15.8972C4.45476 15.9059 4.46348 15.9146 4.4722 15.9146C4.48964 15.932 4.5158 15.9495 4.54196 15.9756C4.55068 15.9844 4.5594 15.9844 4.56812 15.9931C4.59428 16.0105 4.61173 16.028 4.63789 16.0454C4.64661 16.0541 4.65533 16.0541 4.65533 16.0628L4.73381 16.1152L4.75125 16.1239L4.82974 16.1762L4.84718 16.1849C4.87334 16.2024 4.90822 16.2198 4.93438 16.2373L4.95182 16.246C4.97799 16.2634 5.01287 16.2809 5.03903 16.2896L5.05647 16.2983C5.09135 16.3157 5.11751 16.3245 5.15239 16.3419L5.16111 16.3506C5.196 16.3681 5.23088 16.3768 5.25704 16.3942H5.26576C5.30064 16.4029 5.33552 16.4204 5.37041 16.4291H5.37913C5.39657 16.4378 5.41401 16.4378 5.43145 16.4465C5.44889 16.4553 5.46633 16.4553 5.49249 16.464H5.50121C5.53609 16.4727 5.5797 16.4814 5.61458 16.4901C5.64946 16.4989 5.69306 16.5076 5.72795 16.5076C5.85003 16.525 5.97212 16.5337 6.0942 16.5425H6.18141C6.22501 16.5425 6.25989 16.5425 6.3035 16.5337C6.35582 16.525 6.41686 16.525 6.47791 16.5163C6.53023 16.5076 6.58255 16.4989 6.62615 16.4901C6.70464 16.4727 6.78312 16.4553 6.85289 16.4291C7.07962 16.3681 7.27147 16.2809 7.39355 16.1849C7.39355 16.1849 7.31507 15.8361 7.25403 15.4873C7.23659 15.4699 7.22787 15.435 7.21914 15.4001Z" fill="#90694C"/>
+<path d="M12.8176 2.44148L12.7914 2.09267L12.9658 1.70896L13.0356 1.69152C12.9222 1.6392 12.7827 1.60432 12.6257 1.57816C12.3118 1.53456 11.9107 1.57816 11.4572 1.69152C11.0037 1.80489 10.4892 2.00546 9.94857 2.2758C8.85851 2.81646 7.65508 3.64491 6.48654 4.70881C6.07668 5.07507 5.7017 5.45877 5.35288 5.83375C5.01278 6.20001 4.70757 6.57499 4.42851 6.93252C3.86168 7.67376 3.43438 8.38884 3.15532 9.03416C2.97219 9.46146 2.85883 9.85388 2.81522 10.194C2.78034 10.4382 2.78906 10.6562 2.83267 10.8306C2.85011 10.8916 2.86755 10.9352 2.88499 10.9875C2.92859 11.0922 2.98091 11.1794 3.05068 11.2579L3.75704 11.9991L3.83552 12.0776L3.84424 12.0689C3.86168 12.0427 3.88784 12.0166 3.914 11.9991L3.92272 11.9904L3.94889 11.9642C3.96633 11.9381 3.99249 11.9206 4.00993 11.8945C4.02737 11.877 4.03609 11.8683 4.05353 11.8596C4.07097 11.8509 4.07969 11.8334 4.09713 11.8247L4.11457 11.8073C4.13202 11.7985 4.14074 11.7811 4.15818 11.7724C4.17562 11.7549 4.20178 11.7375 4.21922 11.7201C4.22794 11.7113 4.24538 11.7026 4.2541 11.6939H4.26282C4.28898 11.6765 4.30642 11.659 4.33259 11.6416C4.35003 11.6329 4.35875 11.6241 4.37619 11.6067C4.40235 11.5893 4.41979 11.5718 4.44595 11.5544C4.46339 11.5457 4.47211 11.5369 4.48955 11.5282C4.51572 11.5108 4.54188 11.4933 4.56804 11.4846C4.58548 11.4759 4.5942 11.4672 4.61164 11.4584C4.6378 11.441 4.66396 11.4323 4.69013 11.4148C4.70757 11.4061 4.71629 11.3974 4.73373 11.3887L4.75117 11.38C4.91686 10.9178 5.16975 10.4033 5.50113 9.88004C5.90227 9.23473 6.41678 8.55453 7.02721 7.87434C7.41091 7.44703 7.82949 7.01973 8.28296 6.60987C8.86723 6.07792 9.46894 5.59829 10.0619 5.17971C10.4631 4.90066 10.8555 4.64776 11.2392 4.42975C11.2741 4.41231 11.309 4.38615 11.3526 4.36871C11.4572 4.30766 11.5531 4.25534 11.6578 4.20302C11.8758 4.08965 12.0938 3.98501 12.3031 3.8978L12.1984 3.77572L12.181 3.75827L12.0502 3.61003L11.3264 2.73798L11.3351 2.11011L11.3264 2.10139L11.8409 1.94442L12.8176 2.44148Z" fill="#2F83C1"/>
+<path d="M21.2504 17.0919C21.2504 17.0919 21.2679 16.9611 21.1981 16.839C21.1981 16.8302 21.1894 16.8215 21.1894 16.8215L21.1807 16.8128L21.1545 16.7866C21.1371 16.7692 21.1196 16.7518 21.0935 16.7343C21.0848 16.7256 21.0673 16.7169 21.0499 16.7082C21.0063 16.6907 20.9627 16.6733 20.9016 16.6646C20.858 16.6558 20.8144 16.6558 20.7621 16.6558H20.6923V16.6733C20.6923 16.682 20.7011 16.6907 20.7011 16.7082C20.7011 16.7169 20.701 16.7256 20.7098 16.7256C20.7185 16.7518 20.7272 16.7954 20.7359 16.8302C20.7359 16.8302 20.7359 16.839 20.7272 16.8564V16.8651C20.7011 16.9262 20.6313 17.0657 20.4743 17.2401C20.4482 17.275 20.422 17.3012 20.3871 17.336C19.9511 17.7895 19.0093 18.4261 17.021 18.7836C16.3495 18.8796 15.7217 18.8883 15.1984 18.8185C14.4136 18.7226 13.8293 18.4697 13.5503 18.1296C13.5241 18.1034 13.5067 18.0686 13.4805 18.0424C13.4631 18.0162 13.4543 17.9988 13.4369 17.9726C13.4282 17.9639 13.4282 17.9552 13.4195 17.9465C13.3061 17.7372 13.2538 17.5104 13.2538 17.2924C13.2538 17.0221 13.341 16.7692 13.4805 16.5774C13.5939 16.4204 13.7421 16.2983 13.9252 16.246C14.0125 16.2198 14.1084 16.2024 14.2043 16.2111C14.2217 16.2111 14.2479 16.2111 14.2828 16.2198C14.3438 16.2285 14.4398 16.2373 14.5531 16.2547C14.5618 16.2547 14.5793 16.2547 14.588 16.2634C14.963 16.307 15.556 16.3681 16.2711 16.3245C17.5791 16.246 19.2971 15.8361 20.858 14.4234V14.4147C20.8667 14.2926 20.8493 14.0833 20.7011 13.9176C20.6749 13.8914 20.6487 13.8653 20.6138 13.8391C20.5964 13.8217 20.5702 13.813 20.5528 13.7955C20.5266 13.7868 20.5092 13.7694 20.4918 13.7606L20.4133 13.7083V13.6996C20.4046 13.6822 20.3958 13.6647 20.3784 13.6473C19.9773 13.0368 19.4191 12.6793 19.1924 12.5136C19.0878 12.4351 19.018 12.4002 19.018 12.4002C18.5384 12.1038 18.4686 12.0078 18.5122 11.2143C18.5297 10.9265 18.5558 10.5515 18.5907 10.037C18.5907 9.96724 18.5994 9.90619 18.5994 9.84515V9.80155V9.59226C18.5994 9.54866 18.5907 9.50505 18.5907 9.47017C18.5907 9.45273 18.5907 9.43529 18.582 9.41785C18.5733 9.37425 18.5733 9.33064 18.5645 9.28704C18.5645 9.2696 18.5558 9.24344 18.5558 9.226C18.5558 9.19984 18.5471 9.1824 18.5384 9.15623C18.5297 9.13879 18.5297 9.11263 18.5209 9.09519C18.5122 9.06903 18.5035 9.04287 18.5035 9.01671C18.5035 9.00799 18.4948 8.99927 18.4948 8.99054C18.4948 8.98182 18.4861 8.9731 18.4861 8.96438V8.95566L18.4773 8.9295C18.4686 8.91206 18.4599 8.89462 18.4599 8.87718V8.86846L18.4512 8.85102L18.4424 8.83358C18.425 8.7987 18.4163 8.76381 18.3988 8.73765L18.3901 8.71149C18.3727 8.68533 18.3552 8.65045 18.3378 8.62429L18.3291 8.61557L18.3204 8.60684C18.3029 8.5894 18.2942 8.57196 18.2768 8.55452L18.2593 8.52836C18.2419 8.5022 18.2244 8.48476 18.207 8.46732L18.1372 8.39755C18.1111 8.38011 18.0849 8.36267 18.0587 8.35395C18.05 8.34523 18.0413 8.34523 18.0326 8.34523L17.9803 8.31907C17.9715 8.31907 17.9628 8.31035 17.9541 8.31035C17.9367 8.30163 17.9192 8.30163 17.9105 8.29291C17.9018 8.29291 17.8931 8.28419 17.8756 8.28419C17.8582 8.28419 17.8495 8.27547 17.832 8.27547H17.6402C17.6314 8.27547 17.6227 8.27547 17.614 8.28419C17.6053 8.28419 17.5966 8.28419 17.5878 8.29291C17.5704 8.29291 17.553 8.30163 17.5268 8.31035H17.5094C17.457 8.32779 17.4134 8.34523 17.3611 8.36267L17.3437 8.37139C17.3262 8.38011 17.3088 8.38883 17.2826 8.39755L17.2565 8.40627L17.2041 8.43244L17.178 8.44988L17.1257 8.47604L17.0995 8.49348C17.0821 8.5022 17.0646 8.51964 17.0472 8.52836L17.0297 8.53708C17.0123 8.55452 16.9861 8.56324 16.9687 8.58068L16.96 8.5894C16.9338 8.60684 16.9164 8.62429 16.8902 8.63301C16.8466 8.65917 16.803 8.69405 16.7594 8.72021C16.7245 8.74637 16.6896 8.77253 16.646 8.79869L16.6286 8.80742C16.5937 8.83358 16.5501 8.85974 16.5152 8.87718L16.4978 8.8859C16.4629 8.91206 16.4193 8.9295 16.3844 8.95566L16.367 8.96438C16.3321 8.99055 16.2885 9.00799 16.2449 9.02543L16.2275 9.03415C16.1838 9.05159 16.149 9.06903 16.1054 9.08647L16.0879 9.09519C16.0443 9.11263 16.0007 9.12135 15.9571 9.13879H15.9484C15.9048 9.14751 15.8525 9.15623 15.8089 9.16495C15.7304 9.17367 15.6432 9.1824 15.5647 9.1824C15.4339 9.1824 15.3031 9.17367 15.1636 9.15623L15.0327 9.13007C15.0153 9.13007 14.9979 9.12135 14.9891 9.12135C14.8758 9.09519 14.7537 9.06903 14.6403 9.04287C14.588 9.03415 14.5444 9.01671 14.4921 9.00799C14.4136 8.99055 14.3351 8.9731 14.2479 8.95566C14.2305 8.95566 14.213 8.94694 14.2043 8.94694C14.1956 8.94694 14.1781 8.93822 14.1694 8.93822C14.152 8.93822 14.1345 8.9295 14.1171 8.9295C14.0997 8.9295 14.0822 8.92078 14.0648 8.92078H14.0473C14.0299 8.92078 14.0125 8.91206 14.0037 8.91206C13.9689 8.90334 13.934 8.89462 13.8904 8.89462C13.8816 8.89462 13.8642 8.89462 13.8555 8.8859C13.8293 8.8859 13.8032 8.87718 13.777 8.87718C13.7596 8.87718 13.7508 8.87718 13.7334 8.86846C13.7072 8.86846 13.6898 8.85974 13.6636 8.85974H13.2625C13.2189 8.85974 13.184 8.86846 13.1404 8.86846H13.1055C13.0794 8.86846 13.0532 8.87718 13.027 8.87718H13.0183C13.0009 8.87718 12.9922 8.8859 12.9747 8.8859C12.9486 8.89462 12.9224 8.89462 12.8962 8.90334C12.8788 8.90334 12.8614 8.91206 12.8526 8.91206C12.8265 8.92078 12.8003 8.9295 12.7741 8.9295C12.7567 8.9295 12.748 8.93822 12.7305 8.94694C12.7044 8.95566 12.6695 8.96438 12.6433 8.9731C12.6259 8.98182 12.6172 8.98182 12.6085 8.99054C12.5649 9.00799 12.5213 9.02543 12.4864 9.04287C12.155 9.23472 11.8672 9.49633 11.6492 9.79283C11.5707 9.89747 11.501 10.0021 11.4399 10.1068C11.3702 10.2201 11.3178 10.3422 11.2655 10.4643C11.2481 10.4992 11.2393 10.5341 11.2219 10.569C11.2045 10.63 11.1783 10.691 11.1609 10.7521C11.1609 10.7608 11.1609 10.7695 11.1521 10.7695C11.1347 10.8393 11.1173 10.909 11.0998 10.9875C11.0824 11.066 11.0737 11.1358 11.0649 11.2143C11.0562 11.2579 11.0562 11.2927 11.0562 11.3364C11.0475 11.4497 11.0475 11.5544 11.0562 11.6677V11.6939C11.0562 11.7201 11.0562 11.7462 11.0649 11.7811C11.0737 11.8596 11.0824 11.9381 11.0998 12.0165C11.1085 12.0427 11.1173 12.0689 11.1173 12.1038C11.126 12.1299 11.126 12.1561 11.1347 12.1822C11.187 12.3828 11.2655 12.5659 11.3614 12.7229C11.719 13.3421 12.312 13.717 12.748 13.9176C12.9137 13.9874 13.0881 14.0571 13.2712 14.1182L13.2538 14.1356C13.2189 14.1443 13.184 14.1531 13.1404 14.1618C13.0794 14.1792 13.0009 14.2054 12.9224 14.2315C12.8352 14.2577 12.7305 14.3013 12.6259 14.3449C12.3468 14.4583 12.0329 14.624 11.7539 14.8507C11.719 14.8769 11.6841 14.9117 11.6492 14.9379C11.5882 14.9902 11.5358 15.0425 11.4835 15.1036L11.4661 15.121L11.4399 15.1472C11.4225 15.1734 11.3963 15.1908 11.3789 15.217L11.3527 15.2431C11.3265 15.278 11.3004 15.3129 11.2829 15.3478C11.2568 15.3826 11.2393 15.4175 11.2132 15.4524C11.0475 15.7402 10.9516 16.089 10.9777 16.5076V16.4901C10.9777 16.4814 10.9777 16.4727 10.9865 16.464V16.4553C10.9865 16.4465 10.9952 16.4378 10.9952 16.4204V16.4117C10.9952 16.4029 11.0039 16.3855 11.0039 16.3681C11.0039 16.3506 11.0126 16.3419 11.0213 16.3245V16.3157C11.0301 16.2983 11.0301 16.2809 11.0388 16.2634V16.2547C11.0475 16.2373 11.0475 16.2198 11.0562 16.2024V16.1937C11.0649 16.1762 11.0737 16.1588 11.0824 16.1326L11.0911 16.1239C11.0998 16.1064 11.1085 16.0803 11.126 16.0628C11.1434 16.028 11.1609 16.0018 11.1783 15.9669C11.187 15.9582 11.1957 15.9408 11.2045 15.932L11.2132 15.9233L11.2655 15.8448C11.2829 15.8274 11.3004 15.8012 11.3178 15.7838L11.3353 15.7663C11.3527 15.7489 11.3614 15.7315 11.3789 15.7227L11.3963 15.7053C11.4138 15.6879 11.4399 15.6704 11.4574 15.6443C11.4574 15.6443 11.0824 16.4989 11.2481 17.1703V17.1616V17.1442V17.118V17.0831V17.0395C11.2481 17.0221 11.2481 17.0047 11.2568 16.9872C11.2568 16.9698 11.2568 16.9523 11.2655 16.9349V16.9262C11.2655 16.9087 11.2742 16.8826 11.2742 16.8651V16.8477C11.2829 16.8215 11.2829 16.8041 11.2917 16.7779V16.7692C11.3004 16.743 11.3091 16.7169 11.3091 16.6994C11.3091 16.6907 11.3178 16.682 11.3178 16.6733L11.3265 16.6558C11.3353 16.6384 11.344 16.6122 11.3527 16.5948C11.3614 16.5686 11.3789 16.5425 11.3963 16.5163C11.3963 16.5076 11.405 16.4989 11.405 16.4989L11.4574 16.4204C11.4574 16.4204 11.4399 16.6297 11.4399 16.8826C11.4399 16.9262 11.4399 16.9611 11.4486 17.0047C11.4486 17.0308 11.4486 17.057 11.4574 17.0831C11.4748 16.8128 11.5271 16.5599 11.5969 16.3245C11.5271 16.5599 11.4748 16.8128 11.4574 17.0831C11.4486 17.2575 11.4486 17.432 11.4661 17.6151C11.4922 17.9203 11.5707 18.2517 11.7015 18.5918C11.7015 18.5918 11.5794 18.1994 11.7539 17.8069L11.8062 17.9116C11.8236 18.0249 11.8411 18.1906 11.8759 18.3738C11.9108 18.679 12.0503 19.5946 12.6782 20.2312C12.6782 20.2312 12.4428 19.926 12.4777 19.5336C12.5038 19.5859 12.53 19.6295 12.5474 19.6731C12.6521 19.8737 12.8614 20.2399 13.0968 20.5016C13.0968 20.5016 12.9137 20.144 12.9573 20.0655C12.9573 20.0655 13.5677 20.8242 13.7596 20.894L13.5067 20.4754L13.4979 20.4667C14.3787 21.112 15.5996 21.3474 17.0995 20.9289C17.3611 20.8591 17.6227 20.7632 17.9018 20.6498C18.0675 20.58 18.2332 20.4928 18.3988 20.4056L18.425 20.3882C18.5384 20.3272 18.6517 20.2574 18.7651 20.1876C18.8523 20.1353 18.9395 20.0743 19.018 20.0219C19.1575 19.926 19.2971 19.8214 19.4366 19.708C19.4453 19.6993 19.454 19.6906 19.4627 19.6906C19.5936 19.5772 19.7244 19.4551 19.8377 19.333C19.9947 19.1673 20.1342 19.0016 20.2563 18.836L20.265 18.8272C20.2999 18.7836 20.3261 18.7487 20.3522 18.7051L20.361 18.6964C20.3697 18.679 20.3784 18.6703 20.3871 18.6528C20.4307 18.5918 20.4656 18.5395 20.5092 18.4784C20.5179 18.461 20.5266 18.4523 20.5354 18.4348C20.5528 18.3999 20.5702 18.3738 20.5964 18.3389C20.6138 18.3127 20.6226 18.2953 20.64 18.2691C20.6574 18.243 20.6749 18.2168 20.6836 18.1906C20.7098 18.147 20.7359 18.0947 20.7621 18.0511L20.7883 17.9988L20.8406 17.8941L20.8667 17.8418L20.8755 17.8244C20.8929 17.7808 20.9191 17.7372 20.9365 17.6936V17.6849C21.015 17.6151 21.0673 17.5453 21.1196 17.4843C21.1284 17.4756 21.1371 17.4668 21.1371 17.4581C21.2156 17.3448 21.2504 17.2139 21.2504 17.0919ZM7.14945 14.8681C7.12328 14.8769 7.09712 14.9117 7.06224 14.9553C7.05352 14.9728 7.03608 14.9902 7.02736 15.0164C6.94887 15.1646 6.87911 15.3739 6.87911 15.3739C6.88783 15.3042 6.89655 15.2344 6.89655 15.1646V15.1385C6.90527 15.0687 6.91399 14.9902 6.92271 14.9205V14.8943C6.93143 14.8071 6.94887 14.7286 6.96632 14.6501C6.96632 14.6414 6.96632 14.6327 6.97504 14.6152V14.6065C6.97504 14.5978 6.97504 14.5891 6.98376 14.5804C6.98376 14.5629 6.99248 14.5542 6.99248 14.5368C7.0012 14.4757 7.01864 14.4147 7.02736 14.3536C7.03608 14.3013 7.0448 14.249 7.05352 14.2054V14.1879C7.05352 14.1792 7.05352 14.1705 7.06224 14.1705V14.1531C7.06224 14.1443 7.07096 14.1269 7.07096 14.1182C7.07096 14.1095 7.07096 14.1007 7.07968 14.092C7.07968 14.0746 7.0884 14.0571 7.0884 14.0484C7.0884 14.0397 7.09712 14.0223 7.09712 14.0135C7.09712 13.9961 7.10584 13.9787 7.10584 13.9699C7.10584 13.9612 7.10584 13.9525 7.11456 13.9438C7.11456 13.9351 7.11456 13.9263 7.12328 13.9263C7.12328 13.9089 7.132 13.9002 7.132 13.8914V13.8653L7.11456 13.8827C7.09712 13.8914 7.0884 13.9089 7.07096 13.9176L7.05352 13.935C7.03608 13.9525 7.01864 13.9699 7.00992 13.9874L7.0012 13.9961L6.94887 14.0746L6.94015 14.0833C6.94015 14.092 6.93143 14.092 6.93143 14.1007L6.90527 14.1531V14.1705C6.89655 14.1967 6.87911 14.2228 6.87039 14.249C6.84423 14.3188 6.81807 14.3885 6.80063 14.4496C6.79191 14.467 6.79191 14.4932 6.78319 14.5019C6.77447 14.5368 6.76574 14.5716 6.76574 14.5804V14.5891V14.5804C6.76574 14.5542 6.76574 14.5368 6.77447 14.5106C6.77447 14.467 6.78319 14.4147 6.78319 14.3711C6.78319 14.3362 6.79191 14.2926 6.80063 14.2577C6.80063 14.249 6.80063 14.2315 6.80935 14.2228C6.80935 14.2054 6.81807 14.1879 6.81807 14.1705C6.81807 14.1531 6.82679 14.1356 6.82679 14.1182V14.092C6.82679 14.0746 6.83551 14.0484 6.83551 14.031V13.9874V13.9699C6.83551 13.9612 6.83551 13.9525 6.84423 13.9438C6.85295 13.9176 6.86167 13.8827 6.86167 13.8566V13.8478C6.87039 13.8304 6.87039 13.8042 6.87911 13.7868V13.7781C6.88783 13.7345 6.90527 13.6909 6.91399 13.6473V13.6298C6.91399 13.6211 6.91399 13.6124 6.92271 13.6037C6.94015 13.5339 6.96632 13.4641 6.98376 13.4031V13.3944C7.0012 13.3421 7.02736 13.281 7.0448 13.2287V13.22C7.05352 13.1938 7.06224 13.1764 7.07096 13.1502C7.0884 13.1153 7.09712 13.0804 7.11456 13.0456C7.11456 13.0368 7.12328 13.0194 7.14072 12.9845C7.14945 12.9758 7.14945 12.9584 7.15817 12.9496C7.16689 12.9322 7.17561 12.9148 7.18433 12.8886L7.19305 12.8712C7.18433 12.8624 7.16689 12.8624 7.15817 12.8537H7.14945L7.132 12.845C7.05352 12.8101 6.96632 12.7752 6.87911 12.7491H6.86167C6.80063 12.7316 6.7483 12.7229 6.68726 12.7142C6.65238 12.7142 6.6175 12.7055 6.58262 12.7055H6.49541C6.45181 12.7055 6.40821 12.7142 6.3646 12.7142C6.34716 12.7142 6.33844 12.7142 6.321 12.7229C6.30356 12.7229 6.2774 12.7316 6.25996 12.7316C6.25124 12.7316 6.24252 12.7316 6.2338 12.7403C6.21636 12.7403 6.20764 12.7491 6.19019 12.7491C6.16403 12.7578 6.12915 12.7665 6.10299 12.7752C6.09427 12.7752 6.07683 12.7839 6.06811 12.7839C6.03323 12.8014 5.98962 12.8101 5.95474 12.8276C5.9373 12.8363 5.92858 12.845 5.91114 12.845L5.85882 12.8712L5.84138 12.8799C5.82393 12.8886 5.80649 12.8973 5.78905 12.9148C5.77161 12.9235 5.75417 12.9322 5.73673 12.9496C5.71929 12.9584 5.70185 12.9758 5.68441 12.9845C5.67569 12.9932 5.65825 13.002 5.64953 13.0107C5.62336 13.0368 5.58848 13.063 5.56232 13.0892L5.51872 13.1328C5.49256 13.1589 5.47512 13.1851 5.44895 13.2113L5.44023 13.22C5.43151 13.2374 5.41407 13.2461 5.40535 13.2636L5.37919 13.2897C5.33559 13.3508 5.29199 13.4205 5.2571 13.4903C5.24838 13.499 5.24838 13.5077 5.23966 13.5165C5.22222 13.5514 5.2135 13.5862 5.19606 13.6211C5.18734 13.6386 5.18734 13.6473 5.17862 13.6647C5.1699 13.6996 5.15246 13.7345 5.14374 13.7781V13.813C5.13502 13.8391 5.13502 13.8653 5.1263 13.8914C5.1263 13.9089 5.1263 13.9176 5.11758 13.935C5.11758 13.9525 5.11758 13.9612 5.10886 13.9787V14.0135C5.10886 14.0571 5.10014 14.1007 5.10886 14.1443C5.10886 14.1792 5.10886 14.2141 5.11758 14.249V14.2664C5.11758 14.2839 5.1263 14.3013 5.1263 14.3188C5.13502 14.3885 5.15246 14.4496 5.1699 14.5193C5.18734 14.5716 5.20478 14.6152 5.22222 14.6588C5.2571 14.7461 5.30071 14.8245 5.35303 14.903C5.45767 15.06 5.5972 15.1995 5.76289 15.3042C5.8501 15.3652 5.95474 15.4088 6.05939 15.4437C6.15531 15.4786 6.25996 15.5047 6.37332 15.5135C6.39949 15.5135 6.42565 15.5222 6.44309 15.5222H6.55645C6.59134 15.5222 6.62622 15.5135 6.6611 15.5135C6.67854 15.5135 6.7047 15.5135 6.72214 15.5047C6.77447 15.496 6.81807 15.4873 6.87039 15.4786H6.87911C6.89655 15.4699 6.91399 15.4699 6.94015 15.4611C7.0012 15.4437 7.06224 15.4175 7.11456 15.3914L7.12328 15.3826C7.14072 15.3739 7.15817 15.3652 7.16689 15.3652C7.14072 15.217 7.11456 15.06 7.10584 14.903C7.14945 14.8856 7.14945 14.8769 7.14945 14.8681Z" fill="#FCE9CD"/>
+<path d="M13.0358 2.54613L13.0619 2.56357L13.0358 2.54613Z" fill="#4D9ED7"/>
+<path d="M20.7185 16.7343C20.7185 16.7256 20.7185 16.7169 20.7097 16.7169C20.701 16.6994 20.701 16.6907 20.701 16.682C20.6574 16.5425 20.6051 16.4378 20.5528 16.3593C20.4917 16.2634 20.4394 16.2111 20.4394 16.2111L20.4656 16.1065C20.4743 16.0628 20.483 16.0192 20.483 15.9756C20.5179 15.6617 20.4394 15.4175 20.3696 15.278C20.3609 15.2518 20.3522 15.2344 20.3435 15.217C20.2911 15.2518 20.2475 15.2867 20.1952 15.3216C19.2534 15.9582 18.1982 16.3681 17.0559 16.5425C16.271 16.6646 15.4426 16.6733 14.5792 16.5686L14.5967 16.5774C14.5967 16.5774 14.0735 16.6471 13.9339 17.1442L13.9427 17.1529L13.899 17.4843C13.9165 17.9378 14.1171 18.2168 14.3525 18.3651C14.5967 18.461 14.8932 18.5307 15.2246 18.5743C15.7914 18.6441 16.4541 18.6267 17.1169 18.522C18.0064 18.3999 19.2621 17.929 20.1603 17.3186C20.3609 17.1791 20.5528 17.0308 20.7097 16.8826L20.7185 16.8739L20.7272 16.8651C20.7272 16.8041 20.7185 16.7692 20.7185 16.7343Z" fill="white"/>
+<path d="M19.0179 12.4264C18.5383 12.1299 18.4685 12.034 18.5121 11.2404C18.5296 10.9526 18.5557 10.5777 18.5906 10.0632C18.5906 9.9934 18.5993 9.93235 18.5993 9.87131V9.82771V9.61842C18.5993 9.57481 18.5906 9.53121 18.5906 9.49633C18.5906 9.47889 18.5906 9.46145 18.5819 9.44401C18.5732 9.4004 18.5732 9.3568 18.5644 9.3132C18.5644 9.29576 18.5557 9.2696 18.5557 9.25216C18.5557 9.226 18.547 9.20855 18.5383 9.18239C18.5296 9.16495 18.5296 9.13879 18.5208 9.12135C18.4511 9.0167 18.3726 8.9295 18.2767 8.85102L18.2592 8.83357L18.2418 8.82485H18.2331C18.2156 8.81613 18.2069 8.80741 18.1895 8.79869C18.172 8.78997 18.1546 8.78125 18.1459 8.77253C18.0063 8.68533 17.8406 8.633 17.6749 8.60684C17.579 8.5894 17.4831 8.5894 17.3872 8.5894C17.3436 8.5894 17.2912 8.59812 17.2476 8.59812C17.1256 8.61556 17.0035 8.64172 16.8727 8.67661C16.8291 8.70277 16.7855 8.73765 16.7419 8.76381C16.707 8.78997 16.6721 8.81613 16.6285 8.84229L16.6111 8.85102C16.5762 8.87718 16.5326 8.90334 16.4977 8.92078L16.4802 8.9295C16.4454 8.95566 16.4018 8.9731 16.3669 8.99926L16.3494 9.00798C16.3146 9.03415 16.271 9.05159 16.2274 9.06903L16.2099 9.07775C16.1663 9.09519 16.1314 9.11263 16.0878 9.13007L16.0704 9.13879C16.0268 9.15623 15.9832 9.16495 15.9396 9.18239H15.9309C15.8873 9.19111 15.8349 9.19983 15.7913 9.20855C15.7128 9.21727 15.6256 9.226 15.5472 9.226C15.4163 9.226 15.2855 9.21727 15.146 9.19983L15.0152 9.17367C14.9978 9.17367 14.9803 9.16495 14.9716 9.16495C14.8582 9.13879 14.7362 9.11263 14.6228 9.08647C14.5705 9.07775 14.5269 9.06031 14.4745 9.05159C14.3961 9.03415 14.3176 9.0167 14.2304 8.99926C14.2129 8.99926 14.1955 8.99054 14.1868 8.99054C14.117 8.99054 14.0472 8.99926 13.9862 9.00798H13.9688C13.7682 9.03415 13.5763 9.07775 13.3758 9.14751C13.367 9.14751 13.3583 9.15623 13.3409 9.15623C13.306 9.16495 13.2798 9.18239 13.245 9.19111C13.2013 9.20855 13.1665 9.226 13.1229 9.24344C12.8351 9.36552 12.5648 9.53993 12.3031 9.75794C12.1985 9.84515 12.1026 9.94107 12.0066 10.037C11.8671 10.1852 11.745 10.3422 11.6317 10.5079C11.6229 10.5166 11.6229 10.5253 11.6142 10.5341C11.5532 10.6213 11.5009 10.7172 11.4573 10.8044C11.4398 10.8393 11.4224 10.8742 11.4049 10.9003V10.909C11.3526 11.0224 11.309 11.1271 11.2741 11.2404C11.2741 11.2491 11.2741 11.2579 11.2654 11.2579C11.2567 11.2753 11.2567 11.2927 11.248 11.3102C11.2305 11.3625 11.2131 11.4148 11.2044 11.4672C11.1869 11.5195 11.1782 11.5718 11.1695 11.6328C11.1695 11.6416 11.1608 11.659 11.1608 11.6677C11.152 11.7026 11.152 11.7375 11.1433 11.7637C11.1259 11.8857 11.1172 12.0078 11.1084 12.1299V12.2171C11.1608 12.4177 11.2392 12.6008 11.3352 12.7578C11.6927 13.3769 12.2857 13.7519 12.7217 13.9525C12.8874 14.0223 13.0618 14.092 13.245 14.1531L13.2537 14.1618L13.2624 14.1531C13.2886 14.1356 13.306 14.1182 13.3322 14.1007C13.3409 14.092 13.3496 14.092 13.3583 14.0833L13.4368 14.031C13.4455 14.0223 13.4542 14.0223 13.463 14.0135L13.5414 13.9612C13.5502 13.9525 13.5589 13.9525 13.5676 13.9438C13.5938 13.9263 13.6199 13.9089 13.6548 13.8914C13.6635 13.8827 13.6723 13.8827 13.681 13.874C13.7071 13.8566 13.742 13.8391 13.7682 13.8217C13.7769 13.813 13.7856 13.813 13.7943 13.8042C13.8205 13.7868 13.8554 13.7694 13.8815 13.7519C13.8903 13.7432 13.9077 13.7432 13.9164 13.7345C13.9426 13.717 13.9775 13.6996 14.0036 13.6822C14.0124 13.6734 14.0298 13.6647 14.0385 13.6647C14.0647 13.6473 14.0996 13.6298 14.1344 13.6124C14.1519 13.6037 14.1606 13.5949 14.178 13.5949C14.2129 13.5775 14.2391 13.5601 14.274 13.5513C14.2914 13.5426 14.3001 13.5339 14.3176 13.5339C14.3525 13.5165 14.3786 13.5077 14.4135 13.4903L14.4658 13.4641C14.5007 13.4467 14.5269 13.438 14.5617 13.4205C14.5792 13.4118 14.5966 13.4031 14.6228 13.3944C14.6577 13.3857 14.6838 13.3682 14.7187 13.3595C14.7362 13.3508 14.7623 13.3421 14.7798 13.3333C14.8146 13.3246 14.8408 13.3072 14.8757 13.2985C14.9018 13.2897 14.9193 13.281 14.9454 13.2723C14.9803 13.2636 15.0065 13.2461 15.0414 13.2374L15.1199 13.2112C15.146 13.2025 15.1809 13.1938 15.2071 13.1764C15.2332 13.1676 15.2681 13.1589 15.2943 13.1502C15.3204 13.1415 15.3553 13.1328 15.3815 13.124C15.4163 13.1153 15.4512 13.1066 15.4774 13.0979C15.5036 13.0892 15.5297 13.0804 15.5646 13.0717C15.5995 13.063 15.6344 13.0543 15.678 13.0368C15.6954 13.0281 15.7128 13.0281 15.7303 13.0194C15.8698 12.6619 16.2971 11.7724 17.0209 11.6764C17.0994 11.6677 17.1692 11.659 17.2389 11.659H17.2912C17.2825 11.6067 17.2738 11.5544 17.2738 11.4933C17.2476 11.1096 17.3697 10.787 17.5354 10.7782C17.6662 10.7695 17.7709 10.9614 17.7883 11.0224C17.8406 11.1358 17.8755 11.284 17.8842 11.4497C17.893 11.598 17.8755 11.7375 17.8494 11.8596C17.8668 11.877 17.8755 11.8945 17.893 11.9032C18.0586 12.1125 18.0848 12.3915 18.0761 12.6008C18.1371 12.5921 18.2069 12.5921 18.2767 12.5834C18.2941 12.5834 18.3115 12.5834 18.329 12.5747H18.3639C18.4423 12.5659 18.5296 12.5572 18.6168 12.5572C18.8086 12.5398 19.0005 12.5311 19.201 12.5223C19.0877 12.4613 19.0179 12.4264 19.0179 12.4264ZM20.8405 17.7982C20.5265 18.0773 20.1952 18.304 19.8638 18.4871C19.6981 18.5743 19.5324 18.6528 19.3754 18.7226C19.0179 18.8796 18.6778 18.9842 18.3726 19.0627C17.7011 19.2284 17.2389 19.2284 17.2389 19.2284C17.6052 19.4289 18.0674 19.4289 18.3813 19.4028C18.5993 19.3853 18.7476 19.3417 18.7476 19.3417C18.7388 19.4725 18.7214 19.5946 18.704 19.7167C18.6778 19.8475 18.6429 19.9609 18.5993 20.0655V20.0743C18.547 20.2051 18.4772 20.3184 18.4075 20.4231C18.3987 20.4318 18.39 20.4492 18.3813 20.458L18.4075 20.4405C18.5208 20.3795 18.6342 20.3097 18.7476 20.2399C18.8348 20.1876 18.922 20.1266 19.0005 20.0743C19.14 19.9783 19.2795 19.8737 19.419 19.7603C19.4278 19.7516 19.4365 19.7429 19.4452 19.7429C19.576 19.6295 19.7068 19.5074 19.8202 19.3853C19.9772 19.2196 20.1167 19.054 20.2388 18.8883L20.2475 18.8796C20.2824 18.8359 20.3085 18.8011 20.3347 18.7575L20.3434 18.7487C20.3521 18.7313 20.3609 18.7226 20.3696 18.7051C20.4132 18.6441 20.4481 18.5918 20.4917 18.5307C20.5004 18.5133 20.5091 18.5046 20.5178 18.4871C20.5353 18.4522 20.5527 18.4261 20.5789 18.3912C20.5963 18.365 20.605 18.3476 20.6225 18.3214C20.6399 18.2953 20.6573 18.2691 20.6661 18.243C20.6922 18.1994 20.7184 18.147 20.7446 18.1034L20.7707 18.0511L20.823 17.9465L20.8492 17.8941L20.8579 17.8767C20.8754 17.8331 20.9015 17.7895 20.919 17.7459C20.8841 17.7546 20.8666 17.7721 20.8405 17.7982ZM12.8874 14.2839C12.8002 14.31 12.6956 14.3536 12.5909 14.3972C12.3119 14.5106 11.9979 14.6763 11.7189 14.903C11.684 14.9292 11.6491 14.9641 11.6142 14.9902C11.5532 15.0425 11.5009 15.0949 11.4485 15.1559L11.4311 15.1734L11.4049 15.1995C11.3875 15.2257 11.3613 15.2431 11.3439 15.2693L11.3177 15.2954C11.2916 15.3303 11.2654 15.3652 11.248 15.4001C11.2218 15.435 11.2044 15.4698 11.1782 15.5047C11.0125 15.7925 10.9166 16.1413 10.9427 16.5599V16.5425C10.9427 16.5337 10.9427 16.525 10.9515 16.5163V16.5076C10.9515 16.4989 10.9602 16.4901 10.9602 16.4727V16.464C10.9602 16.4553 10.9689 16.4378 10.9689 16.4204C10.9689 16.4029 10.9776 16.3942 10.9864 16.3768V16.3681C10.9951 16.3506 10.9951 16.3332 11.0038 16.3157V16.307C11.0125 16.2896 11.0125 16.2721 11.0212 16.2547V16.246C11.03 16.2285 11.0387 16.2111 11.0474 16.1849L11.0561 16.1762C11.0648 16.1588 11.0736 16.1326 11.091 16.1152C11.1084 16.0803 11.1259 16.0541 11.1433 16.0192C11.152 16.0105 11.1608 15.9931 11.1695 15.9844L11.1782 15.9756L11.2305 15.8972C11.248 15.8797 11.2654 15.8535 11.2828 15.8361L11.3003 15.8187C11.3177 15.8012 11.3264 15.7838 11.3439 15.7751L11.3613 15.7576C11.3788 15.7402 11.4049 15.7227 11.4224 15.6966C11.4224 15.6966 11.0474 16.5512 11.2131 17.2227V17.2139V17.1965V17.1703V17.1355V17.0919C11.2131 17.0744 11.2131 17.057 11.2218 17.0395C11.2218 17.0221 11.2218 17.0047 11.2305 16.9872V16.9785C11.2305 16.961 11.2392 16.9349 11.2392 16.9174V16.9C11.248 16.8738 11.248 16.8564 11.2567 16.8302V16.8215C11.2654 16.7954 11.2741 16.7692 11.2741 16.7518C11.2741 16.743 11.2828 16.7343 11.2828 16.7256L11.2916 16.7082C11.3003 16.6907 11.309 16.6646 11.3177 16.6471C11.3264 16.621 11.3439 16.5948 11.3613 16.5686C11.3613 16.5599 11.3701 16.5512 11.3701 16.5512L11.4224 16.4727C11.4224 16.4727 11.4049 16.682 11.4049 16.9349C11.4049 16.9785 11.4049 17.0134 11.4137 17.057C11.4137 17.0831 11.4137 17.1093 11.4224 17.1355C11.4398 16.8651 11.4921 16.6122 11.5619 16.3768C11.5793 16.3157 11.6055 16.246 11.6229 16.1849C11.6229 16.1762 11.6317 16.1675 11.6317 16.1588C11.6578 16.0977 11.6753 16.0454 11.7014 15.9844C11.7101 15.9756 11.7101 15.9669 11.7189 15.9495C11.745 15.8972 11.7712 15.8361 11.7974 15.7838C11.8061 15.7751 11.8061 15.7663 11.8061 15.7576C11.8671 15.6443 11.9282 15.5396 11.9892 15.4437C11.9979 15.435 11.9979 15.4262 12.0066 15.4175C12.0328 15.3826 12.059 15.3478 12.0851 15.3042C12.0938 15.2954 12.0938 15.2867 12.1026 15.278C12.1113 15.2693 12.1113 15.2606 12.12 15.2518C12.1549 15.2082 12.1811 15.1646 12.2159 15.121C12.2247 15.1123 12.2247 15.1036 12.2334 15.1036C12.2683 15.06 12.3031 15.0164 12.338 14.9815C12.3816 14.9292 12.4252 14.8856 12.4688 14.8333C12.5037 14.7984 12.5299 14.7635 12.5648 14.7373L12.5996 14.7024C12.6694 14.6327 12.7392 14.5629 12.8089 14.5019C13.0008 14.3275 13.1577 14.2141 13.2101 14.1792C13.1752 14.1879 13.1403 14.1967 13.0967 14.2054C13.0444 14.2315 12.9746 14.2577 12.8874 14.2839Z" fill="#F2D2AC"/>
+<path d="M17.9104 12.3915C17.9104 12.3915 17.9104 12.3741 17.9017 12.3392C17.8668 12.2171 17.7447 11.9206 17.2651 11.9642C16.7593 12.0165 16.5849 12.4264 16.5413 12.5659C16.5326 12.5921 16.5326 12.6095 16.5326 12.6095L16.55 12.6183C16.6111 12.5659 16.7332 12.5659 16.8465 12.6444C16.8988 12.6793 16.9337 12.7142 16.9686 12.7578C17.0122 12.8275 17.0209 12.8973 16.9948 12.9496L16.9686 12.9758C16.9686 12.9758 16.986 12.9845 17.0209 12.9932C17.1605 13.0368 17.5529 13.1153 17.7622 12.845C17.7709 12.8275 17.7796 12.8188 17.7883 12.8014C17.7447 12.7839 17.7273 12.7229 17.7273 12.6444C17.7273 12.6095 17.736 12.5747 17.7447 12.5311C17.7709 12.4264 17.8494 12.3654 17.9104 12.3915ZM15.3902 16.1239C15.0588 16.1936 14.771 16.246 14.553 16.2809C14.5618 16.2809 14.5792 16.2809 14.5879 16.2896C14.9629 16.3332 15.5559 16.3942 16.271 16.3506C17.579 16.2721 19.297 15.8623 20.8579 14.4496V14.4408C20.8667 14.3187 20.8492 14.1095 20.701 13.9438C20.6748 13.9176 20.6486 13.8914 20.6138 13.8653C20.605 13.8653 20.605 13.8566 20.5963 13.8566C20.5527 13.8304 20.5178 13.813 20.483 13.7868L20.4045 13.7345V13.7258C20.3085 13.8653 20.1952 13.9961 20.0731 14.1182C20.0295 14.1618 19.9859 14.2054 19.9336 14.249C19.5063 14.6327 18.9482 14.9641 18.3464 15.2257C17.3523 15.6617 16.2361 15.9495 15.3902 16.1239ZM7.1232 13.8478C7.10576 13.8566 7.09704 13.874 7.0796 13.8827L7.06216 13.9002C7.04472 13.9176 7.02727 13.935 7.01855 13.9525L7.00983 13.9612L6.95751 14.0397L6.94879 14.0484C6.94879 14.0571 6.94007 14.0571 6.94007 14.0659L6.91391 14.1182V14.1356C6.90519 14.1618 6.88775 14.1879 6.87903 14.2141C6.85286 14.2839 6.8267 14.3536 6.80926 14.4147C6.80054 14.4321 6.80054 14.4583 6.79182 14.467C6.7831 14.5019 6.77438 14.5368 6.77438 14.5455V14.5542V14.5455C6.77438 14.5193 6.77438 14.5019 6.7831 14.4757C6.7831 14.4321 6.79182 14.3798 6.79182 14.3362C6.79182 14.3013 6.80054 14.2577 6.80926 14.2228C6.80926 14.2141 6.80926 14.1967 6.81798 14.1879C6.81798 14.1705 6.8267 14.1531 6.8267 14.1356C6.8267 14.1182 6.83542 14.1007 6.83542 14.0833V14.0571C6.83542 14.0397 6.84414 14.0135 6.84414 13.9961V13.9525V13.935C6.84414 13.9263 6.84414 13.9176 6.85286 13.9089C6.86159 13.8827 6.87031 13.8478 6.87031 13.8217V13.813C6.87903 13.7955 6.87903 13.7694 6.88775 13.7519V13.7432C6.89647 13.6996 6.91391 13.656 6.92263 13.6124V13.595C6.92263 13.5862 6.92263 13.5775 6.93135 13.5688C6.94879 13.499 6.97495 13.4293 6.99239 13.3682V13.3595C7.00983 13.3072 7.03599 13.2461 7.05344 13.1938V13.1851C7.06216 13.1589 7.07088 13.1415 7.0796 13.1153C7.09704 13.0804 7.10576 13.0456 7.1232 13.0107C7.1232 13.002 7.13192 12.9845 7.14936 12.9496C7.15808 12.9409 7.15808 12.9235 7.1668 12.9148C7.17552 12.8973 7.18424 12.8799 7.19296 12.8537L7.20168 12.8363C7.19296 12.8275 7.17552 12.8276 7.1668 12.8188H7.15808L7.14064 12.8101C7.06216 12.7752 6.97495 12.7403 6.88775 12.7142H6.87031C6.80926 12.6967 6.75694 12.688 6.6959 12.6793C6.66101 12.6793 6.62613 12.6706 6.59125 12.6706H6.50405C6.46044 12.6706 6.41684 12.6793 6.37324 12.6793C6.3558 12.6793 6.34708 12.6793 6.32964 12.688C6.3122 12.688 6.28603 12.6967 6.26859 12.6967C6.25987 12.6967 6.25115 12.6967 6.24243 12.7055C6.22499 12.7055 6.21627 12.7142 6.19883 12.7142C6.17267 12.7229 6.13779 12.7316 6.11163 12.7403C6.1029 12.7403 6.08546 12.7491 6.07674 12.7491C6.04186 12.7665 5.99826 12.7752 5.96338 12.7927C5.94594 12.8014 5.93722 12.8101 5.91977 12.8101L5.86745 12.8363L5.85001 12.845C5.83257 12.8537 5.81513 12.8624 5.79769 12.8799C5.78025 12.8886 5.76281 12.8973 5.74537 12.9148C5.72792 12.9235 5.71048 12.9409 5.69304 12.9496C5.68432 12.9584 5.66688 12.9671 5.65816 12.9758C5.632 13.002 5.59712 13.0281 5.57096 13.0543L5.52735 13.0979C5.50119 13.124 5.48375 13.1502 5.45759 13.1764L5.44887 13.1851C5.44015 13.2025 5.42271 13.2113 5.41399 13.2287L5.38783 13.2549C5.34422 13.3159 5.30062 13.3857 5.26574 13.4554C5.25702 13.4641 5.25702 13.4729 5.2483 13.4816C5.23086 13.5165 5.22214 13.5513 5.2047 13.5862C5.19598 13.6037 5.19598 13.6124 5.18726 13.6298C5.18726 13.6386 5.19598 13.6473 5.19598 13.656C5.2047 13.6909 5.21342 13.717 5.22214 13.7519V13.7694C5.23086 13.7955 5.2483 13.8304 5.25702 13.8566C5.2919 13.9438 5.32678 14.0223 5.37039 14.092C5.37911 14.1007 5.37911 14.1095 5.38783 14.1182V14.1269L5.39655 14.1356C5.42271 14.1879 5.44887 14.2315 5.47503 14.2664C5.51863 14.3275 5.55352 14.3711 5.57968 14.406L5.59712 14.4234C5.59712 14.4321 5.60584 14.4321 5.60584 14.4321L5.62328 14.4496C5.62328 14.4321 5.61456 14.4147 5.61456 14.406C5.5884 14.2926 5.57968 14.1879 5.57968 14.0746V14.0571C5.57968 13.9874 5.57968 13.9176 5.5884 13.8566L5.61456 13.935C5.62328 13.9699 5.64072 14.0048 5.64944 14.0397V14.0571C5.70176 14.2054 5.76281 14.3275 5.82385 14.4234C5.89361 14.5455 5.95466 14.624 5.99826 14.6763C6.00698 14.685 6.0157 14.6937 6.0157 14.7024L6.03314 14.7199C6.00698 14.5978 5.98954 14.4844 5.98954 14.3711V14.2577C5.98954 14.2054 5.98954 14.1618 5.99826 14.1182C6.0157 14.1967 6.04186 14.2751 6.06802 14.3449V14.3536C6.16395 14.6065 6.27731 14.7897 6.3558 14.903L6.36452 14.9117C6.38196 14.9292 6.39068 14.9466 6.3994 14.9641C6.40812 14.9728 6.41684 14.9815 6.41684 14.9902L6.43428 15.0077L6.443 15.0164V14.9989C6.443 14.9815 6.43428 14.9641 6.43428 14.9466C6.42556 14.8856 6.41684 14.8245 6.40812 14.7722C6.40812 14.7373 6.3994 14.6937 6.3994 14.6588V14.5542V14.5368V14.467C6.3994 14.4234 6.40812 14.3711 6.40812 14.3275C6.41684 14.3536 6.42556 14.3885 6.43428 14.4147C6.443 14.4321 6.45172 14.4583 6.46044 14.4757V14.4844L6.46916 14.4932C6.47788 14.5193 6.48661 14.5455 6.49533 14.5629C6.51277 14.6065 6.53021 14.6501 6.55637 14.685C6.58253 14.7373 6.59997 14.7809 6.62613 14.8158C6.64357 14.842 6.65229 14.8594 6.66101 14.8769C6.67846 14.903 6.6959 14.9292 6.70462 14.9466C6.72206 14.9641 6.73078 14.9815 6.7395 14.9989L6.74822 15.0077C6.75694 15.0251 6.77438 15.0338 6.7831 15.0513C6.79182 15.06 6.80054 15.0687 6.80054 15.0774C6.81798 15.0949 6.8267 15.1123 6.83542 15.1123L6.84414 15.121V15.0949C6.85286 15.0251 6.86159 14.9466 6.87031 14.8769V14.8507C6.87903 14.7635 6.89647 14.685 6.91391 14.6065C6.91391 14.5978 6.91391 14.5891 6.92263 14.5716V14.5629C6.92263 14.5542 6.92263 14.5455 6.93135 14.5368C6.93135 14.5193 6.94007 14.5106 6.94007 14.4932C6.94879 14.4321 6.96623 14.3711 6.97495 14.31C6.98367 14.2577 6.99239 14.2054 7.00111 14.1618V14.1443C7.00111 14.1356 7.00111 14.1269 7.00983 14.1269V14.1095C7.00983 14.1007 7.01855 14.0833 7.01855 14.0746C7.01855 14.0659 7.01855 14.0571 7.02727 14.0484C7.02727 14.031 7.03599 14.0135 7.03599 14.0048C7.03599 13.9961 7.04472 13.9787 7.04472 13.9699C7.04472 13.9525 7.05344 13.935 7.05344 13.9263C7.05344 13.9176 7.05344 13.9089 7.06216 13.9002C7.06216 13.8914 7.06216 13.8827 7.07088 13.8827C7.07088 13.8653 7.0796 13.8566 7.0796 13.8478V13.8217L7.1232 13.8478ZM17.6924 17.493C17.8145 17.4494 17.9191 17.4145 18.0063 17.3796C18.172 17.3099 18.2592 17.2575 18.2592 17.2401C18.2505 17.2227 18.1546 17.2314 17.9802 17.275C17.893 17.2924 17.7883 17.3099 17.6575 17.3448C17.5965 17.3622 17.5267 17.3709 17.457 17.3796C17.3872 17.3884 17.3087 17.4058 17.2302 17.4145C17.0733 17.4407 16.8988 17.4581 16.707 17.4756L16.4192 17.5017C16.3233 17.5104 16.2186 17.5104 16.114 17.5192C15.6954 17.5279 15.2332 17.5104 14.7623 17.4232C14.5182 17.3796 14.1781 17.2663 13.9426 17.1355L13.9339 17.1267C14.0734 16.6297 14.5966 16.5599 14.5966 16.5599L14.5792 16.5512H14.553C14.4746 16.5425 14.4135 16.5337 14.3525 16.525C14.3089 16.5163 14.274 16.5163 14.2478 16.5076C14.2217 16.5076 14.1955 16.4989 14.1868 16.4989C13.8728 16.4814 13.6984 16.743 13.6461 16.8564L13.6199 16.9087C13.5763 17.0134 13.5415 17.1267 13.5327 17.2575C13.5153 17.493 13.5763 17.7459 13.7595 17.9639C13.8816 18.1122 14.0909 18.243 14.3612 18.3476C14.1257 18.1994 13.9164 17.9116 13.9077 17.4668C14.1781 17.5802 14.4833 17.65 14.7187 17.6936C15.2158 17.7895 15.7041 17.7982 16.1314 17.7721C16.2361 17.7633 16.3495 17.7546 16.4454 17.7459C16.55 17.7285 16.6459 17.7197 16.7419 17.711C16.9337 17.6761 17.0994 17.65 17.2651 17.6151C17.3436 17.5976 17.4221 17.5802 17.4918 17.554C17.5703 17.5366 17.6314 17.5192 17.6924 17.493Z" fill="#F2D2AC"/>
+<path d="M17.2825 11.6677C17.5441 11.6765 17.7185 11.7549 17.8406 11.877C17.8668 11.7637 17.8842 11.6241 17.8755 11.4672C17.8668 11.3015 17.8319 11.1532 17.7796 11.0399C17.7621 10.9701 17.6575 10.787 17.5267 10.7957C17.361 10.8044 17.2389 11.1271 17.2651 11.5108C17.2651 11.5631 17.2738 11.6154 17.2825 11.6677ZM17.7185 12.6532C17.7185 12.7229 17.7447 12.784 17.7796 12.8101C17.8406 12.845 17.9191 12.7752 17.954 12.6619C17.954 12.6532 17.9627 12.6444 17.9627 12.6357C17.9889 12.5311 17.9627 12.4264 17.9017 12.4003C17.8406 12.3654 17.7621 12.4351 17.7273 12.5485C17.7273 12.5834 17.7185 12.6183 17.7185 12.6532ZM16.5326 12.845C16.5587 12.8886 16.6023 12.9322 16.6546 12.9671C16.768 13.0369 16.8901 13.0456 16.9599 12.9845L16.986 12.9584C17.0122 12.906 17.0035 12.8363 16.9599 12.7665C16.9337 12.7229 16.8901 12.6793 16.8378 12.6532C16.7244 12.5834 16.6023 12.5747 16.5413 12.627C16.5326 12.6357 16.5238 12.6444 16.5151 12.6619C16.489 12.7055 16.4977 12.7752 16.5326 12.845ZM20.8666 14.4409C20.8579 14.4409 20.8579 14.4409 20.8666 14.4409V14.4409ZM20.7271 16.8564C20.5614 17.0134 20.3783 17.1616 20.169 17.3012C19.2708 17.9116 18.015 18.3912 17.1255 18.5046C16.4541 18.6092 15.8 18.6267 15.2332 18.5569C14.9018 18.5133 14.6141 18.4435 14.3612 18.3476C14.0908 18.243 13.8815 18.1122 13.7594 17.9639C13.5763 17.7459 13.524 17.4843 13.5327 17.2576C13.5414 17.1355 13.5676 17.0134 13.6199 16.9087L13.6461 16.8564C13.7071 16.7431 13.8728 16.4727 14.1868 16.4989C14.1955 16.4989 14.2216 16.4989 14.2478 16.5076C14.274 16.5076 14.3176 16.5163 14.3524 16.525C14.4135 16.5338 14.4745 16.5425 14.553 16.5512H14.5792C15.4425 16.6558 16.2709 16.6471 17.0558 16.525C18.1982 16.3506 19.2533 15.9408 20.1952 15.3042C20.2475 15.2693 20.2911 15.2344 20.3434 15.1995L20.8579 14.4321C19.2969 15.8536 17.579 16.2634 16.2709 16.3419C15.5559 16.3855 14.9629 16.3332 14.5879 16.2809C14.5705 16.2809 14.5617 16.2809 14.553 16.2721C14.4396 16.2547 14.3524 16.246 14.2827 16.2373C14.2478 16.2373 14.2216 16.2285 14.2042 16.2285C14.1083 16.2198 14.0123 16.2373 13.9251 16.2634C13.7507 16.3158 13.5938 16.4378 13.4804 16.5948C13.3409 16.7867 13.2537 17.0483 13.2537 17.3099C13.2537 17.5279 13.306 17.7546 13.4194 17.9639C13.4281 17.9726 13.4281 17.9814 13.4368 17.9901C13.4542 18.0162 13.463 18.0337 13.4804 18.0598C13.4978 18.086 13.524 18.1209 13.5502 18.147C13.8205 18.4871 14.4135 18.7313 15.1983 18.836C15.7303 18.9057 16.3494 18.897 17.0209 18.8011C19.0092 18.4435 19.951 17.7982 20.387 17.3535C20.4219 17.3186 20.448 17.2924 20.4742 17.2576C20.6312 17.0744 20.7009 16.9349 20.7271 16.8826V16.8739C20.7358 16.8564 20.7358 16.8477 20.7358 16.8477L20.7271 16.8564Z" fill="#664F44"/>
+<path d="M14.4048 9.96725C14.3438 9.93237 14.274 9.90621 14.2043 9.88876C14.1607 9.88004 14.1171 9.87132 14.0647 9.8626C14.0473 9.8626 14.0299 9.8626 14.0124 9.85388C13.777 9.83644 13.5764 9.87132 13.5764 9.87132C13.5328 9.88004 13.4892 9.88876 13.4543 9.90621C13.1404 10.0021 12.9224 10.1678 12.7654 10.3597C12.6433 10.5166 12.5561 10.6823 12.5125 10.848C12.5038 10.8655 12.5038 10.8742 12.5038 10.8916C12.4951 10.9352 12.4776 10.9788 12.4689 11.0137C12.4427 11.1532 12.4253 11.2753 12.4253 11.38C12.4253 11.5195 12.434 11.6067 12.434 11.6067C12.4863 11.4846 12.5474 11.38 12.6084 11.2753C12.7567 11.0224 12.9136 10.8131 13.0793 10.6474C13.3933 10.3248 13.7159 10.1504 13.9601 10.0632C14.2217 9.97597 14.4048 9.96725 14.4048 9.96725ZM18.1808 9.52251L18.1721 9.50506C18.1372 9.46146 18.0936 9.41786 18.0413 9.38298C17.9192 9.30449 17.7535 9.26089 17.5268 9.30449C17.5268 9.30449 17.2564 9.36554 17.0995 9.54867C17.0995 9.54867 17.5704 9.3481 18.0762 9.70563C18.1198 9.74052 18.1721 9.7754 18.2157 9.819C18.2593 9.8626 18.3116 9.90621 18.3552 9.96725C18.3552 9.96725 18.3378 9.74924 18.207 9.55739C18.1982 9.53995 18.1895 9.53123 18.1808 9.52251Z" fill="#E9B784"/>
+<path d="M14.4658 12.9933C14.6489 12.9409 14.8408 12.8886 15.0588 12.8363C15.0937 12.6706 15.1024 12.47 15.0762 12.252C15.0152 11.7462 14.7885 11.3538 14.5617 11.38C14.335 11.4061 14.2042 11.8422 14.2652 12.3479C14.3001 12.6096 14.3699 12.8363 14.4658 12.9933Z" fill="#664F44"/>
+<path d="M13.4281 1.5956L12.9572 1.70024L13.0532 2.55485L11.8061 1.91825L11.2916 2.07522L11.3003 2.08394L12.8177 3.8106L12.8351 3.80187L12.8526 3.79315C12.8962 3.76699 12.9485 3.73211 12.9921 3.70595C13.0096 3.69723 13.027 3.68851 13.0444 3.67107C13.1142 3.62747 13.184 3.58386 13.2537 3.54898L12.6084 2.80774L13.6462 3.31353C13.681 3.29609 13.7072 3.27865 13.7421 3.26121L13.6462 2.51997L14.1171 3.06936H14.1258C14.1694 3.05191 14.2043 3.02575 14.2479 3.00831L14.2653 2.99959L14.2827 2.99087C14.2915 2.99087 14.3002 2.98215 14.3002 2.98215L14.3525 2.95599C14.3525 2.95599 14.3612 2.95599 14.3612 2.94727C14.4136 2.92111 14.4746 2.89495 14.5269 2.86878L13.4281 1.5956Z" fill="#FFD250"/>
+<path d="M12.9659 1.7264V1.70024V1.7264ZM12.9659 1.70024L13.0356 1.6828C12.9223 1.63047 12.7827 1.59559 12.6258 1.56943C12.3118 1.52583 11.9107 1.56943 11.4572 1.6828C11.0038 1.79616 10.4893 1.99673 9.94859 2.26707C8.85853 2.80774 7.65511 3.63618 6.48657 4.70008C6.0767 5.06634 5.70172 5.45004 5.35291 5.82502L6.76562 7.56911C7.14932 7.15053 7.55918 6.73195 8.01265 6.32208C8.61436 5.7727 9.22479 5.28435 9.8265 4.86577C10.4108 4.4559 10.995 4.10709 11.5444 3.82803L11.3003 2.71181L11.309 2.08394L11.3003 2.07522L11.8148 1.91825L12.8176 2.43276L12.7915 2.08394L12.9659 1.70024Z" fill="#4D9ED7"/>
+<path d="M12.9659 1.70024L12.7915 2.08394L12.8177 2.44148L13.0619 2.56357L12.9659 1.70024ZM12.6084 2.80774L13.6549 3.32225L13.2537 3.54898L12.6084 2.80774ZM13.6549 2.51996L13.7508 3.2612L14.1258 3.06935L13.6549 2.51996Z" fill="#132134"/>
+<path d="M17.5966 2.24964H17.7884C17.9628 2.24964 18.1285 2.2758 18.2855 2.31068C18.2942 2.31068 18.3029 2.31068 18.3117 2.3194H18.3204L18.3378 2.32812H18.3553C18.3378 2.3194 18.3204 2.30196 18.3029 2.29324C18.1285 2.22347 17.9454 2.17987 17.7535 2.15371C16.8117 2.03162 15.7304 2.38044 15.12 2.62462C15.0851 2.64206 15.0502 2.65078 15.0153 2.66822C14.963 2.69438 14.9107 2.71182 14.8584 2.73798C14.7711 2.77286 14.6839 2.81647 14.588 2.86007C14.5706 2.86879 14.5619 2.86879 14.5444 2.87751C14.4921 2.90367 14.431 2.92983 14.3787 2.95599C14.3787 2.95599 14.37 2.95599 14.37 2.96471L14.3177 2.99088C14.309 2.99088 14.3002 2.9996 14.3002 2.9996H14.2654L14.2566 3.00832C14.213 3.02576 14.1782 3.0432 14.1346 3.06936H14.1258C14.1171 3.07808 14.1084 3.07808 14.0997 3.0868H14.091C14.0822 3.0868 14.0735 3.09552 14.0735 3.09552C14.0125 3.1304 13.9514 3.15656 13.8904 3.19145C13.8468 3.21761 13.8032 3.23505 13.7596 3.26121H13.7509C13.716 3.27865 13.6898 3.29609 13.6549 3.31353C13.5503 3.36586 13.4544 3.4269 13.3497 3.48794C13.341 3.49666 13.3323 3.49666 13.3148 3.50538C13.3061 3.5141 13.2974 3.5141 13.2887 3.52282C13.2799 3.53154 13.2712 3.53154 13.2625 3.54027L13.2538 3.54899C13.184 3.59259 13.1143 3.62747 13.0445 3.67107C13.0271 3.67979 13.0096 3.68851 12.9922 3.70595C12.9486 3.73212 12.8962 3.767 12.8526 3.79316L12.8352 3.80188L12.8178 3.8106L12.4253 4.07221C12.2073 4.22046 11.998 4.36871 11.7887 4.52568C11.7626 4.54312 11.7364 4.56928 11.7103 4.58672C11.1609 4.99658 10.6376 5.44133 10.1319 5.89479C9.59991 6.38314 9.0854 6.8802 8.60578 7.38599C8.34416 7.64761 8.11743 7.88306 7.94302 8.07491C7.57676 8.46733 7.37619 8.7115 7.38491 8.72022C7.38491 8.72022 7.41979 8.69406 7.48084 8.63302C7.43723 8.68534 7.38491 8.74638 7.34131 8.79871C8.14359 7.9441 9.02436 7.07205 9.97489 6.25233C10.5504 5.75526 11.1522 5.27564 11.7713 4.83089C12.0416 4.63904 12.3207 4.44719 12.5998 4.26406C12.687 4.20302 12.7829 4.1507 12.8701 4.08965C12.9137 4.06349 12.9573 4.03733 13.0096 4.01117C13.0358 3.99373 13.0619 3.97629 13.0881 3.96757C13.1404 3.94141 13.184 3.90652 13.2363 3.88036C13.2799 3.8542 13.3323 3.82804 13.3759 3.79316C13.402 3.77572 13.4282 3.767 13.4544 3.74956L13.6375 3.64491C13.6724 3.62747 13.7072 3.60131 13.7421 3.58387C13.8555 3.52282 13.9689 3.46178 14.091 3.40074C14.0997 3.39202 14.1084 3.39202 14.1171 3.3833L14.1694 3.35714C14.1956 3.34842 14.213 3.33097 14.2392 3.32225C14.2479 3.31353 14.2566 3.31353 14.2654 3.30481L14.3177 3.27865C14.3177 3.27865 14.3264 3.27865 14.3264 3.26993H14.3351C14.3874 3.24377 14.4398 3.21761 14.4834 3.20017C14.4921 3.20017 14.5008 3.19145 14.5095 3.18273L14.5619 3.15656C14.6229 3.1304 14.6752 3.10424 14.7363 3.07808C14.7537 3.06936 14.7711 3.06064 14.7799 3.05192C14.7886 3.05192 14.7973 3.0432 14.806 3.0432C14.8235 3.03448 14.8409 3.02576 14.8584 3.02576C14.9281 2.9996 14.9892 2.96471 15.0589 2.93855C15.12 2.91239 15.1723 2.88623 15.2333 2.86007C15.5647 2.72054 15.8699 2.60718 16.1577 2.51125C16.6984 2.363 17.178 2.26708 17.5966 2.24964Z" fill="white"/>
+</svg>
diff --git a/public_html/assets/raven/images/brands/tiktok.svg b/public_html/assets/raven/images/brands/tiktok.svg
new file mode 100644
index 0000000..1924ad7
--- /dev/null
+++ b/public_html/assets/raven/images/brands/tiktok.svg
@@ -0,0 +1,3 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M450.287 0H61.7143C28.2363 0 1 27.2363 1 60.7143V449.287C1 482.764 28.2363 510 61.7143 510H450.287C483.764 510 511 482.764 511 449.287V60.7143C511 27.2363 483.764 0 450.287 0ZM401.788 222.494C399.002 222.763 396.206 222.907 393.408 222.919C378.303 222.921 363.432 219.161 350.141 211.979C336.854 204.796 325.559 194.417 317.286 181.779V321.87C317.286 342.349 311.212 362.369 299.834 379.396C288.457 396.423 272.288 409.695 253.367 417.532C234.448 425.368 213.628 427.419 193.543 423.423C173.458 419.429 155.008 409.567 140.527 395.085C126.047 380.606 116.185 362.156 112.19 342.071C108.195 321.986 110.245 301.167 118.082 282.248C125.919 263.327 139.191 247.155 156.218 235.778C173.245 224.402 193.264 218.329 213.742 218.329C215.905 218.329 218.017 218.523 220.142 218.656V269.681C218.017 269.426 215.928 269.037 213.742 269.037C199.727 269.037 186.286 274.605 176.375 284.515C166.465 294.425 160.897 307.868 160.897 321.882C160.897 335.898 166.465 349.341 176.375 359.251C186.286 369.161 199.727 374.729 213.742 374.729C242.935 374.729 268.713 351.731 268.713 322.538L269.223 84.6115H318.037C320.269 105.821 329.883 125.572 345.201 140.411C360.52 155.25 380.565 164.232 401.837 165.786V222.494" fill="black"/>
+</svg>
diff --git a/public_html/assets/raven/images/brands/visa.svg b/public_html/assets/raven/images/brands/visa.svg
new file mode 100644
index 0000000..f497767
--- /dev/null
+++ b/public_html/assets/raven/images/brands/visa.svg
@@ -0,0 +1,17 @@
+<svg width="50" height="16" viewBox="0 0 50 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.3333 15.4857L20.8729 1.19995H24.8412L22.3809 15.4857H18.3333Z" fill="#3C58BF"/>
+<path d="M18.3333 15.4857L21.5872 1.19995H24.8412L22.3809 15.4857H18.3333Z" fill="#293688"/>
+<path d="M36.746 1.35867C35.9524 1.04121 34.6825 0.723755 33.0952 0.723755C29.127 0.723755 26.2698 2.70788 26.2698 5.56502C26.2698 7.70788 28.2539 8.81899 29.8412 9.53328C31.4285 10.2476 31.9047 10.7238 31.9047 11.3587C31.9047 12.3111 30.6349 12.7872 29.5238 12.7872C27.9365 12.7872 27.0635 12.5491 25.7143 11.9936L25.1587 11.7555L24.6031 15.0095C25.5555 15.4063 27.3016 15.8031 29.127 15.8031C33.3333 15.8031 36.1111 13.819 36.1111 10.8031C36.1111 9.13645 35.0793 7.86661 32.6984 6.83486C31.2698 6.12058 30.3968 5.72375 30.3968 5.00947C30.3968 4.37455 31.1111 3.73963 32.6984 3.73963C34.0476 3.73963 35 3.97772 35.7143 4.29518L36.1111 4.45391L36.746 1.35867Z" fill="#3C58BF"/>
+<path d="M36.746 1.35867C35.9524 1.04121 34.6825 0.723755 33.0952 0.723755C29.127 0.723755 26.9841 2.70788 26.9841 5.56502C26.9841 7.70788 28.2539 8.81899 29.8412 9.53328C31.4285 10.2476 31.9047 10.7238 31.9047 11.3587C31.9047 12.3111 30.6349 12.7872 29.5238 12.7872C27.9365 12.7872 27.0635 12.5491 25.7143 11.9936L25.1587 11.7555L24.6031 15.0095C25.5555 15.4063 27.3016 15.8031 29.127 15.8031C33.3333 15.8031 36.1111 13.819 36.1111 10.8031C36.1111 9.13645 35.0793 7.86661 32.6984 6.83486C31.2698 6.12058 30.3968 5.72375 30.3968 5.00947C30.3968 4.37455 31.1111 3.73963 32.6984 3.73963C34.0476 3.73963 35 3.97772 35.7143 4.29518L36.1111 4.45391L36.746 1.35867Z" fill="#293688"/>
+<path d="M43.5714 1.19995C42.619 1.19995 41.9047 1.27932 41.5079 2.2317L35.5555 15.4857H39.8413L40.6349 13.1047H45.7143L46.1905 15.4857H50L46.6666 1.19995H43.5714ZM41.746 10.7238C41.9841 10.0095 43.3333 6.51741 43.3333 6.51741C43.3333 6.51741 43.6508 5.6444 43.8889 5.08884L44.127 6.43805C44.127 6.43805 44.9206 10.0095 45.0793 10.8031H41.746V10.7238Z" fill="#3C58BF"/>
+<path d="M44.5238 1.19995C43.5714 1.19995 42.8571 1.27932 42.4603 2.2317L35.5555 15.4857H39.8413L40.6349 13.1047H45.7143L46.1905 15.4857H50L46.6666 1.19995H44.5238ZM41.746 10.7238C42.0635 9.93011 43.3333 6.51741 43.3333 6.51741C43.3333 6.51741 43.6508 5.6444 43.8889 5.08884L44.127 6.43805C44.127 6.43805 44.9206 10.0095 45.0793 10.8031H41.746V10.7238Z" fill="#293688"/>
+<path d="M11.0317 11.2001L10.6349 9.13656C9.92061 6.75561 7.61903 4.13656 5.07935 2.86672L8.65077 15.5651H12.9365L19.3651 1.27942H15.0793L11.0317 11.2001Z" fill="#3C58BF"/>
+<path d="M11.0317 11.2001L10.6349 9.13656C9.92061 6.75561 7.61903 4.13656 5.07935 2.86672L8.65077 15.5651H12.9365L19.3651 1.27942H15.873L11.0317 11.2001Z" fill="#293688"/>
+<path d="M0 1.19995L0.714285 1.35868C5.79365 2.54916 9.28571 5.56503 10.6349 9.13646L9.20635 2.39043C8.96825 1.43805 8.25397 1.19995 7.38095 1.19995H0Z" fill="#FFBC00"/>
+<path d="M0 1.19995C5.07936 2.39043 9.28571 5.48567 10.6349 9.05709L9.28571 3.42217C9.04762 2.46979 8.25397 1.91424 7.38095 1.91424L0 1.19995Z" fill="#F7981D"/>
+<path d="M0 1.19995C5.07936 2.39043 9.28571 5.48567 10.6349 9.05709L9.68254 5.96185C9.44444 5.00947 9.12698 4.05709 8.01587 3.66027L0 1.19995Z" fill="#ED7C00"/>
+<path d="M15 10.7237L12.3015 8.02533L11.0317 11.0412L10.7142 9.05707C9.99996 6.67612 7.69837 4.05707 5.15869 2.78723L8.73012 15.4856H13.0158L15 10.7237Z" fill="#051244"/>
+<path d="M22.3809 15.4857L18.9682 11.9937L18.3333 15.4857H22.3809Z" fill="#051244"/>
+<path d="M31.5079 10.5651C31.8254 10.8825 31.9841 11.1206 31.9047 11.4381C31.9047 12.3905 30.6349 12.8667 29.5238 12.8667C27.9365 12.8667 27.0635 12.6286 25.7143 12.073L25.1587 11.8349L24.6031 15.0889C25.5555 15.4857 27.3016 15.8825 29.127 15.8825C31.6666 15.8825 33.7301 15.1682 34.9206 13.8984L31.5079 10.5651Z" fill="#051244"/>
+<path d="M36.1111 15.4856H39.8412L40.6349 13.1046H45.7143L46.1904 15.4856H50L48.6508 9.69192L43.8889 5.08875L44.127 6.35858C44.127 6.35858 44.9206 9.93001 45.0793 10.7237H41.746C42.0635 9.93001 43.3333 6.51732 43.3333 6.51732C43.3333 6.51732 43.6508 5.6443 43.8889 5.08875" fill="#051244"/>
+</svg>
diff --git a/public_html/assets/raven/images/brands/whatsapp.svg b/public_html/assets/raven/images/brands/whatsapp.svg
new file mode 100644
index 0000000..3fb811b
--- /dev/null
+++ b/public_html/assets/raven/images/brands/whatsapp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#01E675" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M35.993 12h.014C49.237 12 60 22.766 60 36S49.238 60 36.007 60a23.81 23.81 0 01-13.203-3.964l-9.224 2.948 2.99-8.917A23.824 23.824 0 0112 36c0-13.235 10.762-24 23.993-24zm-6.7 12.19c-.466-1.114-.818-1.156-1.523-1.185a13.55 13.55 0 00-.804-.027c-.918 0-1.877.268-2.455.86-.705.72-2.454 2.398-2.454 5.841s2.51 6.773 2.849 7.239c.353.465 4.895 7.632 11.947 10.553 5.515 2.286 7.152 2.074 8.407 1.806 1.834-.395 4.133-1.75 4.711-3.386.579-1.637.579-3.034.41-3.33-.17-.296-.636-.465-1.34-.818-.706-.353-4.134-2.046-4.783-2.272-.634-.24-1.24-.155-1.72.522-.677.946-1.34 1.905-1.876 2.483-.423.452-1.115.509-1.693.268-.776-.324-2.948-1.086-5.628-3.47-2.074-1.849-3.484-4.148-3.893-4.84-.41-.705-.042-1.114.282-1.495.353-.438.691-.748 1.044-1.157.352-.41.55-.621.776-1.1.24-.466.07-.946-.1-1.3-.168-.352-1.579-3.795-2.157-5.191z"/></g></svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/brands/x.svg b/public_html/assets/raven/images/brands/x.svg
new file mode 100644
index 0000000..2f1f5c1
--- /dev/null
+++ b/public_html/assets/raven/images/brands/x.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="none" viewBox="0 0 512 512" id="twitter"><g clip-path="url(#clip0_84_15697)"><rect width="512" height="512" fill="#000" rx="60"></rect><path fill="#fff" d="M355.904 100H408.832L293.2 232.16L429.232 412H322.72L239.296 302.928L143.84 412H90.8805L214.56 270.64L84.0645 100H193.28L268.688 199.696L355.904 100ZM337.328 380.32H366.656L177.344 130.016H145.872L337.328 380.32Z"></path></g><defs><clipPath id="clip0_84_15697"><rect width="512" height="512" fill="#fff"></rect></clipPath></defs></svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/brands/youtube.svg b/public_html/assets/raven/images/brands/youtube.svg
new file mode 100644
index 0000000..57cbfda
--- /dev/null
+++ b/public_html/assets/raven/images/brands/youtube.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#FF0002" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M31.044 42.27l-.002-13.582 12.97 6.814-12.968 6.768zM59.52 26.334s-.47-3.33-1.908-4.798c-1.826-1.926-3.872-1.935-4.809-2.047C46.086 19 36.011 19 36.011 19h-.022s-10.075 0-16.792.49c-.939.111-2.983.12-4.81 2.046-1.439 1.467-1.907 4.798-1.907 4.798S12 30.247 12 34.158v3.668c0 3.912.48 7.823.48 7.823s.468 3.331 1.906 4.798c1.828 1.926 4.226 1.866 5.294 2.067C23.52 52.885 36 53 36 53s10.086-.015 16.803-.505c.938-.113 2.983-.122 4.809-2.048 1.438-1.467 1.908-4.798 1.908-4.798s.48-3.91.48-7.823v-3.668c0-3.911-.48-7.824-.48-7.824z"/></g></svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/countries/BR.png b/public_html/assets/raven/images/countries/BR.png
new file mode 100644
index 0000000..b4aaae1
Binary files /dev/null and b/public_html/assets/raven/images/countries/BR.png differ
diff --git a/public_html/assets/raven/images/countries/ES.png b/public_html/assets/raven/images/countries/ES.png
new file mode 100644
index 0000000..809c5d8
Binary files /dev/null and b/public_html/assets/raven/images/countries/ES.png differ
diff --git a/public_html/assets/raven/images/countries/GR.png b/public_html/assets/raven/images/countries/GR.png
new file mode 100644
index 0000000..5579209
Binary files /dev/null and b/public_html/assets/raven/images/countries/GR.png differ
diff --git a/public_html/assets/raven/images/countries/IN.png b/public_html/assets/raven/images/countries/IN.png
new file mode 100644
index 0000000..6af86b3
Binary files /dev/null and b/public_html/assets/raven/images/countries/IN.png differ
diff --git a/public_html/assets/raven/images/countries/JP.png b/public_html/assets/raven/images/countries/JP.png
new file mode 100644
index 0000000..d74bc82
Binary files /dev/null and b/public_html/assets/raven/images/countries/JP.png differ
diff --git a/public_html/assets/raven/images/countries/UK.png b/public_html/assets/raven/images/countries/UK.png
new file mode 100644
index 0000000..437fd80
Binary files /dev/null and b/public_html/assets/raven/images/countries/UK.png differ
diff --git a/public_html/assets/raven/images/countries/US.png b/public_html/assets/raven/images/countries/US.png
new file mode 100644
index 0000000..348017b
Binary files /dev/null and b/public_html/assets/raven/images/countries/US.png differ
diff --git a/public_html/assets/raven/images/demos/dashboard.png b/public_html/assets/raven/images/demos/dashboard.png
new file mode 100644
index 0000000..cc80f3b
Binary files /dev/null and b/public_html/assets/raven/images/demos/dashboard.png differ
diff --git a/public_html/assets/raven/images/demos/landing.png b/public_html/assets/raven/images/demos/landing.png
new file mode 100644
index 0000000..7f12a16
Binary files /dev/null and b/public_html/assets/raven/images/demos/landing.png differ
diff --git a/public_html/assets/raven/images/demos/nextjs.png b/public_html/assets/raven/images/demos/nextjs.png
new file mode 100644
index 0000000..220ded0
Binary files /dev/null and b/public_html/assets/raven/images/demos/nextjs.png differ
diff --git a/public_html/assets/raven/images/favicon.png b/public_html/assets/raven/images/favicon.png
new file mode 100644
index 0000000..63d76e5
Binary files /dev/null and b/public_html/assets/raven/images/favicon.png differ
diff --git a/public_html/assets/raven/images/files/ai.svg b/public_html/assets/raven/images/files/ai.svg
new file mode 100644
index 0000000..80970d9
--- /dev/null
+++ b/public_html/assets/raven/images/files/ai.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.63197 1H13.993L20.2241 7.50095V20.1381C20.2241 21.7188 18.9428 23 17.3621 23H6.63197C5.05121 23 3.77002 21.7188 3.77002 20.1381V3.86195C3.77002 2.28122 5.05121 1 6.63197 1Z" fill="#FF6600"/>
+<path opacity="0.302" fill-rule="evenodd" clip-rule="evenodd" d="M13.984 1V7.44756H20.224L13.984 1Z" fill="white"/>
+<path d="M9.00155 17.4155H10.1137C10.1434 17.4155 10.17 17.3947 10.176 17.368L10.5022 16.1966H11.7627L12.1126 17.368C12.1215 17.3947 12.1482 17.4155 12.1779 17.4155H13.3316C13.3701 17.4155 13.3998 17.3858 13.3998 17.3502C13.3998 17.3384 13.3968 17.3295 13.3939 17.3206L11.9228 12.5813C11.9139 12.5546 11.8902 12.5368 11.8605 12.5368H10.4518C10.4221 12.5368 10.3955 12.5546 10.3895 12.5813L8.93628 17.3295C8.93036 17.3502 8.93628 17.371 8.94815 17.3888C8.96005 17.4036 8.98081 17.4155 9.00155 17.4155ZM14.417 13.5481C14.7907 13.5481 15.0606 13.296 15.0606 12.9461C15.0517 12.5872 14.7907 12.3381 14.423 12.3381C14.2361 12.3381 14.07 12.4033 13.9544 12.519C13.8476 12.6287 13.7913 12.783 13.7942 12.9461C13.7913 13.1062 13.8476 13.2545 13.9574 13.3642C14.07 13.4829 14.2332 13.5481 14.417 13.5481ZM13.8891 13.8388C13.8506 13.8388 13.8209 13.8684 13.8209 13.904V17.3502C13.8209 17.3858 13.8506 17.4155 13.8891 17.4155H14.9598C14.9953 17.4155 15.025 17.3858 15.025 17.3502V13.904C15.025 13.8684 14.9953 13.8388 14.9598 13.8388H13.8891ZM11.567 15.2623H10.695L10.953 14.337C10.9975 14.1709 11.042 13.9752 11.0865 13.7854C11.0954 13.7409 11.1043 13.6994 11.1161 13.6549C11.1725 13.8832 11.2348 14.1294 11.297 14.34L11.567 15.2623Z" fill="white"/>
+</svg>
diff --git a/public_html/assets/raven/images/files/csv.svg b/public_html/assets/raven/images/files/csv.svg
new file mode 100644
index 0000000..f0d0335
--- /dev/null
+++ b/public_html/assets/raven/images/files/csv.svg
@@ -0,0 +1,14 @@
+<svg width="400" height="461" viewBox="0 0 400 461" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M342.544 460.526H57.4563C39.2545 460.526 24.5615 445.833 24.5615 427.632V32.8947C24.5615 14.693 39.2545 0 57.4563 0H265.79L375.439 109.649V427.632C375.439 445.833 360.746 460.526 342.544 460.526Z" fill="#E7EAF3"/>
+<path d="M375.439 109.649H265.79V0L375.439 109.649Z" fill="#F8FAFD"/>
+<path d="M265.79 109.649L375.439 219.298V109.649H265.79Z" fill="#BDC5D1"/>
+<path d="M387.5 389.035H12.5C5.70175 389.035 0 383.553 0 376.535V272.807C0 266.009 5.48246 260.307 12.5 260.307H387.5C394.298 260.307 400 265.79 400 272.807V376.535C400 383.553 394.298 389.035 387.5 389.035Z" fill="#377DFF"/>
+<path d="M91.7529 306.759C91.7529 305.748 92.0236 304.984 92.565 304.467C93.1064 303.95 93.8944 303.691 94.929 303.691C95.9275 303.691 96.6975 303.956 97.2388 304.485C97.7922 305.015 98.0689 305.772 98.0689 306.759C98.0689 307.709 97.7922 308.461 97.2388 309.015C96.6854 309.556 95.9155 309.827 94.929 309.827C93.9184 309.827 93.1365 309.562 92.5831 309.033C92.0296 308.491 91.7529 307.733 91.7529 306.759ZM114.707 287.233C112.602 287.233 110.972 288.028 109.817 289.616C108.662 291.192 108.084 293.393 108.084 296.22C108.084 302.103 110.292 305.045 114.707 305.045C116.56 305.045 118.803 304.581 121.438 303.655V308.347C119.273 309.249 116.855 309.7 114.184 309.7C110.346 309.7 107.411 308.539 105.377 306.218C103.344 303.884 102.328 300.539 102.328 296.184C102.328 293.441 102.827 291.041 103.826 288.984C104.824 286.915 106.256 285.333 108.12 284.238C109.997 283.131 112.193 282.578 114.707 282.578C117.27 282.578 119.844 283.197 122.431 284.436L120.626 288.984C119.64 288.515 118.647 288.106 117.649 287.757C116.65 287.408 115.67 287.233 114.707 287.233ZM142.642 302.013C142.642 304.395 141.782 306.272 140.061 307.643C138.353 309.015 135.971 309.7 132.915 309.7C130.1 309.7 127.61 309.171 125.444 308.112V302.915C127.225 303.709 128.729 304.269 129.956 304.593C131.195 304.918 132.326 305.081 133.348 305.081C134.575 305.081 135.514 304.846 136.163 304.377C136.825 303.908 137.156 303.21 137.156 302.284C137.156 301.766 137.012 301.309 136.723 300.912C136.434 300.503 136.007 300.112 135.442 299.739C134.888 299.366 133.751 298.771 132.031 297.953C130.419 297.195 129.21 296.467 128.404 295.769C127.598 295.071 126.954 294.259 126.473 293.333C125.992 292.407 125.751 291.324 125.751 290.085C125.751 287.751 126.539 285.916 128.115 284.581C129.703 283.245 131.893 282.578 134.684 282.578C136.055 282.578 137.36 282.74 138.6 283.065C139.851 283.39 141.156 283.847 142.516 284.436L140.711 288.785C139.303 288.208 138.136 287.805 137.21 287.576C136.296 287.348 135.393 287.233 134.503 287.233C133.445 287.233 132.632 287.48 132.067 287.973C131.502 288.467 131.219 289.11 131.219 289.904C131.219 290.398 131.333 290.831 131.562 291.204C131.79 291.564 132.151 291.919 132.645 292.268C133.15 292.605 134.335 293.219 136.2 294.109C138.666 295.288 140.356 296.473 141.27 297.664C142.185 298.843 142.642 300.293 142.642 302.013ZM162.474 282.957H168.122L159.154 309.339H153.054L144.104 282.957H149.752L154.714 298.656C154.991 299.583 155.274 300.666 155.563 301.905C155.863 303.132 156.05 303.986 156.122 304.467C156.254 303.36 156.705 301.423 157.475 298.656L162.474 282.957Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="400" height="460.526" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public_html/assets/raven/images/files/doc.svg b/public_html/assets/raven/images/files/doc.svg
new file mode 100644
index 0000000..2449548
--- /dev/null
+++ b/public_html/assets/raven/images/files/doc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#4a81f4" d="M652.52 792.45h192s50.06.1 49-59.26 0-210.58 0-210.58H785.16l-1-114.16H652.52s-45.94 1.52-46.52 53 0 284.71 0 284.71 4.19 44.97 46.52 46.29z" transform="translate(-605.74 -408.45)"></path><path fill="#759ff7" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="#fff" d="M825.17 582.35h-20.59c-7 0-12.68 4.47-12.68 10s5.68 10 12.68 10h20.59c7 0 12.68-4.48 12.68-10s-5.68-10-12.68-10zM754.87 582.35H674c-7 0-12.68 4.47-12.68 10s5.68 10 12.68 10h80.85c7 0 12.68-4.48 12.68-10s-5.66-10-12.66-10zM826.17 633.06H674c-7 0-12.68 4.48-12.68 10s5.68 10 12.68 10h152.17c7 0 12.68-4.48 12.68-10s-5.68-10-12.68-10zM826.17 683.78H674c-7 0-12.68 4.47-12.68 10s5.68 10 12.68 10h152.17c7 0 12.68-4.48 12.68-10s-5.68-10-12.68-10z" transform="translate(-605.74 -408.45)"></path></svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/files/excel.svg b/public_html/assets/raven/images/files/excel.svg
new file mode 100644
index 0000000..16eb8f5
--- /dev/null
+++ b/public_html/assets/raven/images/files/excel.svg
@@ -0,0 +1,13 @@
+<svg width="400" height="397" viewBox="0 0 400 397" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M250.405 24.8H118.134C113.75 24.8 109.546 26.5415 106.446 29.6413C103.346 32.7411 101.605 36.9454 101.605 41.3292V111.6L250.405 198.4L324.805 229.797L399.205 198.4V111.6L250.405 24.8Z" fill="#21A366"/>
+<path d="M101.605 111.6H250.405V198.4H101.605V111.6Z" fill="#107C41"/>
+<path d="M382.675 24.8H250.405V111.6H399.205V41.3292C399.205 36.9454 397.463 32.7411 394.363 29.6413C391.263 26.5415 387.059 24.8 382.675 24.8V24.8Z" fill="#33C481"/>
+<path d="M250.405 198.4H101.605V355.471C101.605 359.855 103.346 364.059 106.446 367.159C109.546 370.259 113.75 372 118.134 372H382.676C387.059 372 391.264 370.259 394.363 367.159C397.463 364.059 399.205 359.855 399.205 355.471V285.2L250.405 198.4Z" fill="#185C37"/>
+<path d="M250.405 198.4H399.205V285.2H250.405V198.4Z" fill="#107C41"/>
+<path opacity="0.1" d="M209.076 86.8H101.605V322.4H209.076C213.455 322.387 217.652 320.641 220.749 317.544C223.846 314.447 225.592 310.251 225.605 305.871V103.329C225.592 98.9494 223.846 94.7527 220.749 91.6557C217.652 88.5587 213.455 86.8131 209.076 86.8V86.8Z" fill="black"/>
+<path opacity="0.2" d="M196.676 99.2H101.605V334.8H196.676C201.055 334.787 205.252 333.041 208.349 329.944C211.446 326.847 213.192 322.651 213.205 318.271V115.729C213.192 111.349 211.446 107.153 208.349 104.056C205.252 100.959 201.055 99.2131 196.676 99.2V99.2Z" fill="black"/>
+<path opacity="0.2" d="M196.676 99.2H101.605V310H196.676C201.055 309.987 205.252 308.241 208.349 305.144C211.446 302.047 213.192 297.851 213.205 293.471V115.729C213.192 111.349 211.446 107.153 208.349 104.056C205.252 100.959 201.055 99.2131 196.676 99.2V99.2Z" fill="black"/>
+<path opacity="0.2" d="M184.276 99.2H101.605V310H184.276C188.655 309.987 192.852 308.241 195.949 305.144C199.046 302.047 200.792 297.851 200.805 293.471V115.729C200.792 111.349 199.046 107.153 195.949 104.056C192.852 100.959 188.655 99.2131 184.276 99.2V99.2Z" fill="black"/>
+<path d="M18.934 99.2H184.276C188.659 99.2 192.864 100.941 195.964 104.041C199.063 107.141 200.805 111.345 200.805 115.729V281.071C200.805 285.455 199.063 289.659 195.964 292.759C192.864 295.859 188.659 297.6 184.276 297.6H18.934C14.5502 297.6 10.3459 295.859 7.24608 292.759C4.14625 289.659 2.40479 285.455 2.40479 281.071L2.40479 115.729C2.40479 111.345 4.14625 107.141 7.24608 104.041C10.3459 100.941 14.5502 99.2 18.934 99.2V99.2Z" fill="#107C41"/>
+<path d="M46.2139 260.4L86.3403 198.226L49.5867 136.4H79.1607L99.2239 175.919C101.067 179.664 102.336 182.458 103.031 184.301H103.291C104.614 181.309 105.998 178.399 107.445 175.572L128.885 136.4H156.028L118.332 197.879L156.983 260.4H128.091L104.915 217C103.824 215.151 102.898 213.209 102.15 211.197H101.803C101.127 213.165 100.228 215.05 99.1247 216.814L75.2795 260.4H46.2139Z" fill="white"/>
+</svg>
diff --git a/public_html/assets/raven/images/files/fig.svg b/public_html/assets/raven/images/files/fig.svg
new file mode 100644
index 0000000..e8df179
--- /dev/null
+++ b/public_html/assets/raven/images/files/fig.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#2b2b32" d="M652.52 792.45h192s50.06.1 49-59.26 0-210.58 0-210.58H785.16l-1-114.16H652.52s-45.94 1.52-46.52 53 0 284.71 0 284.71 4.19 44.97 46.52 46.29z" transform="translate(-605.74 -408.45)"></path><path fill="#4c4c54" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="#1abcfe" fill-rule="evenodd" d="M749.08 649.62a32.53 32.53 0 1132.53 32.53 32.52 32.52 0 01-32.53-32.53z" transform="translate(-605.74 -408.45)"></path><path fill="#0acf83" fill-rule="evenodd" d="M684 714.68a32.52 32.52 0 0132.53-32.53h32.53v32.53a32.53 32.53 0 01-65.06 0z" transform="translate(-605.74 -408.45)"></path><path fill="#ff7262" fill-rule="evenodd" d="M749.08 552v65.06h32.53a32.53 32.53 0 000-65.06z" transform="translate(-605.74 -408.45)"></path><path fill="#f24e1e" fill-rule="evenodd" d="M684 584.56a32.52 32.52 0 0032.53 32.53h32.53V552h-32.51A32.52 32.52 0 00684 584.56z" transform="translate(-605.74 -408.45)"></path><path fill="#a259ff" fill-rule="evenodd" d="M684 649.62a32.52 32.52 0 0032.53 32.53h32.53v-65.06h-32.51A32.52 32.52 0 00684 649.62z" transform="translate(-605.74 -408.45)"></path></svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/files/jpg.svg b/public_html/assets/raven/images/files/jpg.svg
new file mode 100644
index 0000000..cc3d99d
--- /dev/null
+++ b/public_html/assets/raven/images/files/jpg.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#00cc69" d="M652.52 792.45h192s50.06.1 49-59.26 0-210.58 0-210.58H785.16l-1-114.16H652.52s-45.94 1.52-46.52 53 0 284.71 0 284.71 4.19 44.97 46.52 46.29z" transform="translate(-605.74 -408.45)"></path><path fill="#49db95" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="10" d="M167.31 283.05l-16.14-15.67c-7.79-7.56-11.69-11.34-16.16-12.72a19.68 19.68 0 00-12 .13c-4.44 1.47-8.25 5.34-15.87 13.06l-38.67 37.4m98.89-22.2l3.3-3.2c7.8-7.57 11.7-11.36 16.17-12.74a19.67 19.67 0 0112.07.14c4.44 1.48 8.25 5.35 15.87 13.09l8.09 8m-55.5-5.27l38.81 38.08m0 0a135 135 0 01-14.27.41H99c-10.83 0-16.25 0-20.39-2.07a19.08 19.08 0 01-8.46-8.28 17.19 17.19 0 01-1.68-5.94m137.7 15.88a18.44 18.44 0 006.13-1.66 19.06 19.06 0 008.45-8.28c2.11-4 2.11-9.35 2.11-20v-2.9M68.42 305.25a124.38 124.38 0 01-.43-14v-90.97c0-10.61 0-15.91 2.11-20a19.18 19.18 0 018.46-8.28c4.14-2.06 9.56-2.06 20.39-2.06h92.9c10.84 0 16.26 0 20.4 2.06a19.16 19.16 0 018.45 8.28c2.11 4.06 2.11 9.36 2.11 20v88m-29-71a19.35 19.35 0 11-19.35-18.94 19.15 19.15 0 0119.32 18.99z"></path></svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/files/js.svg b/public_html/assets/raven/images/files/js.svg
new file mode 100644
index 0000000..4d0299d
--- /dev/null
+++ b/public_html/assets/raven/images/files/js.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.62841 1H13.9912L20.2218 7.50365V20.1336C20.2218 21.7153 18.9452 23 17.3634 23H6.62841C5.05468 23 3.77002 21.7153 3.77002 20.1336V3.85839C3.76999 2.28466 5.05468 1 6.62841 1Z" fill="#E0C600"/>
+<path opacity="0.302" fill-rule="evenodd" clip-rule="evenodd" d="M13.9832 1V7.44744H20.2218L13.9832 1Z" fill="white"/>
+<path d="M9.03717 15.9423C9.12548 15.9584 9.21382 15.9664 9.30213 15.9664C9.67147 15.9664 9.85615 15.7898 9.85615 15.4445V12.4577H10.9321V15.5088C10.9321 15.9825 10.8116 16.3438 10.5708 16.5927C10.3379 16.8336 10.0087 16.9621 9.59119 16.9621C9.42258 16.9621 9.23789 16.946 9.03717 16.9059V15.9423ZM13.2124 16.9781C12.7627 16.9781 12.3613 16.8416 12.024 16.5686C11.6868 16.2876 11.5021 15.9503 11.478 15.5409L12.4576 15.2598C12.4817 15.4766 12.57 15.6613 12.7226 15.8058C12.8832 15.9503 13.0598 16.0226 13.2605 16.0226C13.4291 16.0226 13.5576 15.9825 13.662 15.9102C13.7664 15.8379 13.8145 15.7496 13.8145 15.6292C13.8145 15.5328 13.7744 15.4445 13.6941 15.3803C13.6138 15.308 13.5094 15.2518 13.381 15.2117C13.2525 15.1715 13.108 15.1233 12.9474 15.0832C12.7868 15.043 12.6262 14.9868 12.4656 14.9146C12.3131 14.8503 12.1686 14.77 12.0401 14.6737C11.9116 14.5854 11.8072 14.4489 11.7189 14.2802C11.6386 14.1116 11.5985 13.9189 11.5985 13.6941C11.5985 13.3248 11.7591 13.0196 12.0722 12.7788C12.3853 12.5299 12.7627 12.4094 13.2043 12.4094C13.6379 12.4094 14.0233 12.5138 14.3525 12.7306C14.6737 12.9394 14.8744 13.2204 14.9547 13.5657L13.935 13.9912C13.8868 13.7985 13.8065 13.6459 13.6781 13.5335C13.5496 13.4211 13.389 13.3649 13.2043 13.3649C13.0598 13.3649 12.9474 13.397 12.8591 13.4532C12.7788 13.5094 12.7386 13.5897 12.7386 13.6861C12.7386 13.7824 12.7948 13.8547 12.9073 13.9189C13.0116 13.9751 13.1481 14.0233 13.3167 14.0474C13.4773 14.0715 13.654 14.1197 13.8467 14.1839C14.0393 14.2481 14.216 14.3284 14.3846 14.4167C14.5452 14.5131 14.6817 14.6656 14.7941 14.8664C14.9065 15.0671 14.9547 15.308 14.9547 15.597C14.9547 16.0065 14.7941 16.3437 14.4729 16.6007C14.1518 16.8496 13.7343 16.9781 13.2124 16.9781Z" fill="white"/>
+</svg>
diff --git a/public_html/assets/raven/images/files/pdf.svg b/public_html/assets/raven/images/files/pdf.svg
new file mode 100644
index 0000000..7cf2a0a
--- /dev/null
+++ b/public_html/assets/raven/images/files/pdf.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.63408 1H13.9894L20.2233 7.49776V20.1359C20.2233 21.7191 18.9424 23 17.3647 23H6.63408C5.05087 23 3.77002 21.7191 3.77002 20.1359V3.86406C3.76999 2.28086 5.05085 1 6.63408 1Z" fill="#E5252A"/>
+<path opacity="0.302" fill-rule="evenodd" clip-rule="evenodd" d="M13.984 1V7.44828H20.2234L13.984 1Z" fill="white"/>
+<path d="M6.953 17.4148V13.3963H8.66265C9.08595 13.3963 9.42129 13.5117 9.67416 13.7481C9.92703 13.979 10.0535 14.2924 10.0535 14.6827C10.0535 15.073 9.92703 15.3863 9.67416 15.6172C9.42129 15.8536 9.08595 15.969 8.66265 15.969H7.98099V17.4148H6.953ZM7.98099 15.095H8.54721C8.70113 15.095 8.82207 15.062 8.90454 14.985C8.98699 14.9136 9.03099 14.8146 9.03099 14.6827C9.03099 14.5508 8.98702 14.4518 8.90454 14.3803C8.8221 14.3034 8.70115 14.2704 8.54721 14.2704H7.98099V15.095ZM10.4767 17.4148V13.3963H11.9005C12.1809 13.3963 12.4448 13.4348 12.6921 13.5172C12.9395 13.5997 13.1649 13.7152 13.3628 13.8746C13.5607 14.0285 13.7201 14.2374 13.8356 14.5013C13.9455 14.7651 14.006 15.0675 14.006 15.4083C14.006 15.7436 13.9455 16.046 13.8356 16.3098C13.7201 16.5737 13.5607 16.7826 13.3628 16.9365C13.1649 17.0959 12.9395 17.2114 12.6921 17.2938C12.4448 17.3763 12.1809 17.4148 11.9005 17.4148H10.4767ZM11.4827 16.5407H11.7796C11.939 16.5407 12.0874 16.5243 12.2249 16.4858C12.3568 16.4473 12.4832 16.3868 12.6042 16.3044C12.7196 16.2219 12.8131 16.1064 12.879 15.9525C12.945 15.7986 12.978 15.6172 12.978 15.4083C12.978 15.1939 12.945 15.0125 12.879 14.8586C12.8131 14.7047 12.7196 14.5892 12.6042 14.5068C12.4832 14.4243 12.3568 14.3638 12.2249 14.3254C12.0874 14.2869 11.939 14.2704 11.7796 14.2704H11.4827V16.5407ZM14.5227 17.4148V13.3963H17.3813V14.2704H15.5507V14.9135H17.013V15.7821H15.5507V17.4148H14.5227Z" fill="white"/>
+</svg>
diff --git a/public_html/assets/raven/images/files/pptx.svg b/public_html/assets/raven/images/files/pptx.svg
new file mode 100644
index 0000000..6d7d627
--- /dev/null
+++ b/public_html/assets/raven/images/files/pptx.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#ff6523" d="M648.34 792.45h192s50.07.1 49-59.26 0-210.58 0-210.58H781l-1-114.16H648.34s-45.93 1.52-46.51 53 0 284.71 0 284.71 4.17 44.97 46.51 46.29z" transform="translate(-601.57 -408.45)"></path><path fill="#ff9456" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="#fff" d="M663.58 618.5h13.85V692h-13.85zm6.32 31.64h23.5a8.3 8.3 0 004.37-1.14 7.79 7.79 0 003-3.21 10.23 10.23 0 001.06-4.75 10.79 10.79 0 00-1-4.83 7.66 7.66 0 00-2.93-3.23 8.44 8.44 0 00-4.43-1.14H669.9V618.5h23.15a25.26 25.26 0 0112.11 2.8 20 20 0 018.11 7.91 25.68 25.68 0 010 23.63 19.9 19.9 0 01-8.11 7.87 25.49 25.49 0 01-12.11 2.78H669.9zM727 618.5h13.85V692H727zm6.32 31.64h23.5a8.3 8.3 0 004.37-1.14 7.79 7.79 0 003-3.21 10.23 10.23 0 001.06-4.75 10.79 10.79 0 00-1-4.83 7.66 7.66 0 00-2.93-3.23 8.44 8.44 0 00-4.43-1.14h-23.5V618.5h23.15a25.26 25.26 0 0112.11 2.8 20 20 0 018.11 7.91 25.68 25.68 0 010 23.63 19.9 19.9 0 01-8.11 7.87 25.49 25.49 0 01-12.11 2.78h-23.2zM787.42 618.5h53.89v13.34h-53.89zm20 6h13.85V692h-13.83z" transform="translate(-601.57 -408.45)"></path></svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/files/xlsx.svg b/public_html/assets/raven/images/files/xlsx.svg
new file mode 100644
index 0000000..ae891ef
--- /dev/null
+++ b/public_html/assets/raven/images/files/xlsx.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#00a971" d="M652.52 792.45h192s50.06.1 49-59.26 0-210.58 0-210.58H785.16l-1-114.16H652.52s-45.94 1.52-46.52 53 0 284.71 0 284.71 4.19 44.97 46.52 46.29z" transform="translate(-605.74 -408.45)"></path><path fill="#3dbe93" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="10" d="M143.91 228.27v92.93m-83.65-46.47h167.29M60.26 228.27h167.29M90.01 321.2h107.8c10.41 0 15.62 0 19.59-2a18.58 18.58 0 008.12-8.12c2-4 2-9.18 2-19.59v-89.25c0-10.4 0-15.61-2-19.58a18.55 18.55 0 00-8.12-8.13c-4-2-9.18-2-19.59-2H90.01c-10.41 0-15.61 0-19.59 2a18.6 18.6 0 00-8.12 8.13c-2 4-2 9.18-2 19.58v89.22c0 10.41 0 15.61 2 19.59a18.63 18.63 0 008.12 8.12c3.98 2.03 9.18 2.03 19.59 2.03z"></path></svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/illustrations/1.svg b/public_html/assets/raven/images/illustrations/1.svg
new file mode 100644
index 0000000..b550350
--- /dev/null
+++ b/public_html/assets/raven/images/illustrations/1.svg
@@ -0,0 +1,137 @@
+<svg width="2177" height="1511" viewBox="0 0 2177 1511" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M905.56 1221.95L658.37 896.261C657.04 894.491 655.06 893.321 652.87 893.001C650.68 892.691 648.45 893.261 646.68 894.591L588.524 938.651C587.647 939.311 586.908 940.13 586.349 941.08C585.791 942.02 585.423 943.061 585.268 944.151C585.113 945.241 585.173 946.341 585.445 947.401C585.718 948.471 586.196 949.461 586.854 950.341L834.04 1276.03C838.71 1282.17 845.63 1286.2 853.27 1287.25C860.92 1288.29 868.66 1286.26 874.81 1281.61L899.86 1262.63C906.01 1257.97 910.05 1251.05 911.1 1243.41C912.15 1235.76 910.12 1228.01 905.46 1221.86L905.56 1221.95Z" fill="#900EFF"/>
+<path d="M687.87 789.02C674.51 714.5 637.61 628.15 583.915 545.89C530.219 463.63 466.017 395.07 403.134 352.88C338.231 309.31 281.828 298.79 244.333 323.27C206.837 347.76 193.759 403.61 207.589 480.57C220.95 555.09 257.845 641.44 311.541 723.71C365.238 805.99 429.44 874.52 492.305 916.72C534.294 944.91 572.708 959.26 604.76 959.26C622.26 959.26 637.88 954.99 651.12 946.33C688.57 921.85 701.63 865.98 687.87 789.02Z" fill="#900EFF"/>
+<path d="M662.23 927.801L255.824 325.591C254.615 323.801 252.757 322.541 250.642 322.091C248.527 321.641 246.319 322.031 244.483 323.171L201.208 350.241C200.265 350.841 199.451 351.611 198.812 352.531C198.174 353.441 197.725 354.471 197.492 355.561C197.258 356.651 197.245 357.781 197.453 358.871C197.661 359.971 198.086 361.011 198.703 361.941L608.12 967.811C608.75 968.761 609.57 969.561 610.53 970.171C611.48 970.791 612.56 971.201 613.68 971.391C614.13 971.451 614.58 971.491 615.03 971.491C616.84 971.491 618.6 970.901 620.04 969.821L660.34 939.121C662.05 937.831 663.19 935.941 663.54 933.831C663.89 931.731 663.42 929.571 662.23 927.801Z" fill="#900EFF"/>
+<path d="M538.519 581.83C648.32 750.02 679.47 924.14 608.1 970.72C536.732 1017.3 389.873 918.72 280.091 750.52C170.31 582.32 132.731 404.79 204.098 358.29C275.465 311.8 428.721 413.63 538.519 581.83Z" fill="#FFF5D7"/>
+<path d="M566.311 990.64C534.26 990.64 495.846 976.28 453.841 948.1C390.992 905.9 326.79 837.35 273.093 755.1C218.912 672.09 180.865 585.2 165.967 510.43C150.351 432.13 162.276 375.61 199.521 351.29C237.067 326.79 294.605 337.93 361.53 382.58C426.533 426 491.804 495.1 545.517 577.25C599.23 659.41 636.13 745.94 649.47 820.4C663.23 897.36 650.17 953.23 612.73 977.72C599.41 986.35 583.815 990.64 566.311 990.64ZM245.335 355.4C231.171 355.4 218.795 358.74 208.59 365.27C177.442 385.62 168.088 436.01 182.285 507.24C196.782 579.98 233.977 664.77 287.006 746.08C339.516 826.51 402.048 893.37 463.094 934.34C521.3 973.26 572.457 984.01 603.56 963.7C634.66 943.39 645.31 892.25 633.04 823.41C620.09 751.04 584.049 666.89 531.538 586.46C479.027 506.02 415.443 438.68 352.277 396.52C311.708 369.4 274.68 355.4 245.335 355.4Z" fill="#900EFF"/>
+<path d="M593.21 938.93C647.62 903.31 612.3 753.12 514.325 603.49C416.35 453.85 292.818 361.431 238.409 397.051C184.001 432.681 219.319 582.86 317.294 732.5C415.27 882.13 538.802 974.56 593.21 938.93Z" fill="#FFDB8F"/>
+<path d="M558.462 952.681C531.471 952.681 497.65 938.1 459.787 909.69C407.176 870.22 351.976 808.311 304.459 735.371C256.943 662.441 222.353 586.99 207.388 522.94C191.789 456.13 199.371 408.801 228.767 389.611C258.162 370.421 304.593 382.481 359.425 423.701C412.036 463.181 467.236 525.081 514.853 598.021C562.47 670.951 596.88 746.4 611.91 810.451C627.52 877.26 619.92 924.611 590.53 943.781C580.954 949.851 569.796 952.951 558.462 952.681ZM260.884 397.511C252.783 397.271 244.791 399.42 237.903 403.69C215.155 418.52 209.96 460.641 223.656 519.231C238.186 581.431 271.841 654.991 318.422 726.341C365.004 797.691 418.784 858.001 469.942 896.351C518.076 932.461 558.712 944.651 581.46 929.751C604.21 914.851 609.39 872.801 595.69 814.211C581.159 752.011 547.505 678.451 500.924 607.101C454.342 535.751 400.562 475.341 349.471 437.011C314.714 411.021 283.899 397.511 260.884 397.511Z" fill="#900EFF"/>
+<path d="M345.762 479.029C343.614 478.499 341.341 478.839 339.443 479.979C337.545 481.119 336.177 482.959 335.641 485.109L300.918 624.069C300.382 626.219 300.722 628.489 301.862 630.389C303.002 632.289 304.849 633.659 306.997 634.189C307.658 634.359 308.337 634.439 309.018 634.439C310.881 634.439 312.69 633.819 314.158 632.669C315.626 631.529 316.668 629.919 317.119 628.109L351.842 489.149C352.377 487.009 352.037 484.729 350.897 482.839C349.757 480.939 347.91 479.569 345.762 479.029Z" fill="#900EFF"/>
+<path d="M419.602 549.5C417.451 548.97 415.179 549.32 413.284 550.46C411.389 551.61 410.027 553.46 409.497 555.61L361.062 752.16C360.533 754.31 360.879 756.58 362.026 758.48C363.172 760.37 365.024 761.73 367.175 762.26C367.83 762.43 368.503 762.51 369.179 762.51C371.046 762.51 372.859 761.88 374.327 760.73C375.796 759.58 376.835 757.96 377.279 756.15L425.715 559.6C426.244 557.45 425.897 555.18 424.751 553.28C423.605 551.39 421.752 550.03 419.602 549.5Z" fill="#900EFF"/>
+<path d="M480.146 693.131C477.998 692.601 475.728 692.951 473.833 694.091C471.938 695.231 470.575 697.081 470.042 699.231L433.298 848.041C432.766 850.191 433.111 852.471 434.256 854.361C435.4 856.261 437.252 857.621 439.402 858.151C441.553 858.691 443.827 858.341 445.723 857.201C447.62 856.051 448.984 854.201 449.515 852.051L486.259 703.241C486.789 701.091 486.442 698.811 485.296 696.921C484.149 695.021 482.297 693.661 480.146 693.131Z" fill="#900EFF"/>
+<mask id="mask0_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1221" y="811" width="318" height="691">
+<path d="M1538.24 889.429L1509.23 1501.87H1221.69V1476.25L1350.88 1383.91L1433.34 872.239C1435.84 860.039 1441.19 848.599 1448.93 838.849C1456.68 829.099 1466.62 821.309 1477.93 816.109C1504.51 804.179 1535.52 808.379 1538.24 889.429Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_75_205)">
+<path d="M1538.24 889.429L1509.23 1501.87H1221.69V1476.25L1350.88 1383.91L1433.34 872.239C1435.84 860.039 1441.19 848.599 1448.93 838.849C1456.68 829.099 1466.62 821.309 1477.93 816.109C1504.51 804.179 1535.52 808.379 1538.24 889.429Z" fill="#FFF5D7"/>
+<path d="M1407.45 1032.87C1407.45 1032.87 1509.23 1291.56 1509.23 1383.91C1509.23 1476.25 1529.41 988.959 1529.41 988.959L1407.7 999.499L1407.45 1032.87Z" fill="#FFDB8F"/>
+</g>
+<path d="M1509.23 1510.22H1221.69C1219.48 1510.22 1217.35 1509.34 1215.79 1507.78C1214.22 1506.21 1213.34 1504.09 1213.34 1501.87V1476.25C1213.34 1474.92 1213.66 1473.61 1214.26 1472.43C1214.87 1471.25 1215.75 1470.23 1216.83 1469.45L1343.18 1379.13L1425.02 870.91C1425.01 870.77 1425.01 870.64 1425.02 870.51C1427.81 857.03 1433.73 844.39 1442.3 833.62C1450.87 822.85 1461.85 814.24 1474.36 808.49C1491.28 800.89 1505.89 800.81 1517.78 808.24C1535.57 819.33 1544.92 845.79 1546.41 889.15V889.83L1517.38 1502.27C1517.28 1504.38 1516.38 1506.38 1514.87 1507.85C1513.36 1509.33 1511.34 1510.17 1509.23 1510.22ZM1230.04 1493.52H1501.27L1529.89 889.38C1528.22 843.73 1517.72 827.78 1509.13 822.42C1502.22 818.11 1492.86 818.55 1481.36 823.73C1471.26 828.38 1462.41 835.34 1455.49 844.04C1448.58 852.74 1443.81 862.95 1441.56 873.83L1359.12 1385.28C1358.95 1386.36 1358.57 1387.41 1357.99 1388.35C1357.42 1389.29 1356.67 1390.11 1355.78 1390.75L1230.09 1480.59L1230.04 1493.52Z" fill="#900EFF"/>
+<path d="M1509.22 1467.9H1221.69C1217.08 1467.9 1213.34 1471.64 1213.34 1476.25V1501.87C1213.34 1506.48 1217.08 1510.22 1221.69 1510.22H1509.22C1513.83 1510.22 1517.57 1506.48 1517.57 1501.87V1476.25C1517.57 1471.64 1513.83 1467.9 1509.22 1467.9Z" fill="#900EFF"/>
+<path d="M1405 1430.86C1405.4 1431.06 1405.79 1431.3 1406.16 1431.57C1402.82 1428.8 1378.39 1402.06 1357.09 1378.33C1355.72 1376.8 1353.83 1375.83 1351.79 1375.6C1349.75 1375.38 1347.69 1375.91 1346.02 1377.11L1323.64 1393.11C1322.48 1393.94 1321.56 1395.05 1320.95 1396.34C1320.34 1397.63 1320.07 1399.05 1320.17 1400.47C1320.27 1401.89 1320.73 1403.26 1321.5 1404.46C1322.28 1405.65 1323.35 1406.63 1324.61 1407.29C1351.98 1421.7 1392.95 1443.33 1396.96 1445.49C1397.18 1445.62 1397.36 1445.7 1397.53 1445.79C1398.51 1446.32 1399.6 1446.65 1400.71 1446.75C1401.82 1446.86 1402.95 1446.74 1404.01 1446.4C1405.08 1446.06 1406.07 1445.51 1406.92 1444.79C1407.77 1444.06 1408.46 1443.17 1408.96 1442.17C1409.46 1441.17 1409.76 1440.08 1409.83 1438.97C1409.9 1437.85 1409.74 1436.73 1409.37 1435.67C1409 1434.62 1408.43 1433.65 1407.67 1432.82C1406.92 1431.99 1406.01 1431.33 1405 1430.86Z" fill="#900EFF"/>
+<path d="M1466.22 1027.17L1039.56 825.481C1033.86 822.471 1028.82 818.371 1024.71 813.401C1020.6 808.441 1017.51 802.721 1015.61 796.571C1013.71 790.411 1013.05 783.941 1013.65 777.531C1014.26 771.111 1016.12 764.881 1019.13 759.191L1183.45 448.531C1186.45 442.841 1190.55 437.791 1195.51 433.691C1200.47 429.581 1206.19 426.491 1212.35 424.591C1218.5 422.691 1224.97 422.031 1231.38 422.631C1237.8 423.231 1244.03 425.101 1249.72 428.111L1647.04 661.181C1658.53 667.271 1667.14 677.661 1670.97 690.091C1674.8 702.521 1673.54 715.961 1667.47 727.461L1532.51 1006.74C1526.43 1018.24 1516.03 1026.85 1503.6 1030.68C1491.17 1034.52 1477.72 1033.25 1466.22 1027.17Z" fill="#FFDB8F"/>
+<path d="M1489.09 1041.23C1479.82 1041.23 1470.7 1038.96 1462.5 1034.64L1035.98 833.031L1035.65 832.861C1028.99 829.341 1023.08 824.541 1018.27 818.731C1013.47 812.931 1009.85 806.231 1007.63 799.031C1005.41 791.831 1004.63 784.261 1005.34 776.751C1006.04 769.251 1008.22 761.961 1011.75 755.301L1176.06 444.641C1183.19 431.201 1195.36 421.131 1209.9 416.651C1224.44 412.171 1240.17 413.641 1253.63 420.741L1253.94 420.911L1651.11 653.901C1664.48 661.051 1674.48 673.181 1678.95 687.671C1683.41 702.161 1681.96 717.821 1674.93 731.251L1540.03 1010.37C1539.99 1010.47 1539.95 1010.56 1539.9 1010.65C1535 1019.88 1527.68 1027.6 1518.73 1032.99C1509.78 1038.37 1499.54 1041.22 1489.09 1041.23ZM1043.3 818.011L1469.8 1019.62L1470.13 1019.79C1479.65 1024.82 1490.78 1025.87 1501.07 1022.72C1511.37 1019.57 1519.99 1012.46 1525.07 1002.97L1659.95 723.811L1660.08 723.551C1665.11 714.001 1666.16 702.861 1662.98 692.551C1659.81 682.241 1652.67 673.611 1643.15 668.551L1642.81 668.361L1245.66 435.391C1236.12 430.411 1225.01 429.411 1214.74 432.601C1204.46 435.791 1195.87 442.911 1190.83 452.411L1026.51 763.061C1021.48 772.581 1020.42 783.701 1023.57 794.001C1026.71 804.301 1033.81 812.931 1043.3 818.011Z" fill="#900EFF"/>
+<path d="M1630.89 648.871L1615.41 638.641C1614.43 637.991 1613.34 637.561 1612.19 637.371C1611.04 637.171 1609.86 637.221 1608.73 637.511C1607.6 637.791 1606.55 638.321 1605.63 639.041C1604.71 639.761 1603.96 640.661 1603.41 641.691L1414.57 998.781C1413.57 1000.67 1413.33 1002.87 1413.91 1004.94C1414.49 1007 1415.83 1008.76 1417.67 1009.85L1446.38 1026.97C1447.67 1027.75 1449.15 1028.16 1450.66 1028.16C1452.23 1028.16 1453.77 1027.71 1455.1 1026.88C1456.43 1026.04 1457.49 1024.85 1458.17 1023.43L1633.79 659.461C1634.67 657.651 1634.86 655.571 1634.33 653.621C1633.79 651.681 1632.57 649.991 1630.89 648.871Z" fill="#900EFF"/>
+<path d="M1371.84 1044.67C1361.75 1044.66 1351.82 1042.18 1342.92 1037.44L886.95 796.27C879.75 792.46 873.37 787.279 868.18 780.999C862.98 774.729 859.07 767.499 856.67 759.709C854.28 751.929 853.44 743.749 854.2 735.639C854.97 727.529 857.32 719.649 861.13 712.459L1063.41 329.979C1071.1 315.449 1084.26 304.559 1099.98 299.719C1115.7 294.869 1132.7 296.47 1147.24 304.16L1603.2 545.319C1617.74 553.009 1628.62 566.169 1633.47 581.889C1638.31 597.609 1636.71 614.61 1629.02 629.15L1426.74 1011.62C1422.95 1018.83 1417.77 1025.22 1411.49 1030.41C1405.22 1035.61 1397.97 1039.51 1390.18 1041.88C1384.24 1043.72 1378.06 1044.66 1371.84 1044.67ZM1118.19 313.649C1113.66 313.659 1109.16 314.34 1104.83 315.67C1099.14 317.41 1093.84 320.26 1089.26 324.06C1084.67 327.86 1080.88 332.53 1078.11 337.8L875.8 720.259C870.19 730.879 869.02 743.3 872.56 754.78C876.1 766.27 884.05 775.879 894.67 781.499L1350.63 1022.68C1355.89 1025.47 1361.66 1027.2 1367.59 1027.76C1373.52 1028.32 1379.5 1027.71 1385.2 1025.95C1390.89 1024.2 1396.18 1021.33 1400.77 1017.53C1405.36 1013.73 1409.15 1009.06 1411.93 1003.79L1614.19 621.31C1619.8 610.69 1620.96 598.27 1617.42 586.79C1613.88 575.3 1605.93 565.689 1595.31 560.069L1139.32 319.009C1132.82 315.519 1125.57 313.679 1118.19 313.649Z" fill="#900EFF"/>
+<path d="M1312.52 710.44C1311.85 709.27 1310.91 708.29 1309.79 707.57C1308.66 706.84 1307.37 706.4 1306.04 706.28L889.96 668.72C888.32 668.57 886.67 668.91 885.23 669.69C883.78 670.48 882.6 671.67 881.83 673.13L861.03 712.46C853.36 727 851.77 743.99 856.61 759.7C861.45 775.42 872.33 788.57 886.85 796.27C887.38 796.56 887.94 796.78 888.52 796.94C896.06 799.04 1043.7 839.78 1139.2 839.78C1159.83 839.78 1178.05 837.87 1191.88 833.26C1270.71 807.04 1311.18 721.74 1312.87 718.12C1313.43 716.9 1313.69 715.57 1313.63 714.24C1313.57 712.9 1313.19 711.6 1312.52 710.44Z" fill="#900EFF"/>
+<mask id="mask1_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1793" y="132" width="376" height="448">
+<path d="M1793.92 298.97C1793.92 298.97 1866.43 247.745 1880.66 216.445C1894.89 185.146 1933.28 123.95 1974.53 133.921C2015.78 143.892 2025.92 192.278 2025.92 192.278C2025.92 192.278 2079.77 166.64 2108.21 196.52C2136.65 226.4 2104.22 300.46 2104.22 300.46C2104.22 300.46 2157.98 303.23 2166.52 344.5C2175.05 385.77 2152.3 409.95 2098.26 425.6C2044.21 441.25 1994.44 425.6 1994.44 425.6C1994.44 425.6 2035.67 465.44 2020.04 525.21C2004.41 584.99 1950.48 590.82 1937.67 565.3C1924.86 539.78 1904.83 485.45 1870.71 474.07C1836.59 462.7 1812.4 474.07 1812.4 474.07C1812.4 474.07 1857.87 402.89 1793.92 298.97Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_75_205)">
+<path d="M1793.92 298.97C1793.92 298.97 1866.43 247.745 1880.66 216.445C1894.89 185.146 1933.28 123.95 1974.53 133.921C2015.78 143.892 2025.92 192.278 2025.92 192.278C2025.92 192.278 2079.77 166.64 2108.21 196.52C2136.65 226.4 2104.22 300.46 2104.22 300.46C2104.22 300.46 2157.98 303.23 2166.52 344.5C2175.05 385.77 2152.3 409.95 2098.26 425.6C2044.21 441.25 1994.44 425.6 1994.44 425.6C1994.44 425.6 2035.67 465.44 2020.04 525.21C2004.41 584.99 1950.48 590.82 1937.67 565.3C1924.86 539.78 1904.83 485.45 1870.71 474.07C1836.59 462.7 1812.4 474.07 1812.4 474.07C1812.4 474.07 1857.87 402.89 1793.92 298.97Z" fill="#FFF5D7"/>
+<path d="M2003.16 150.287L1981.09 235.032L2023.33 183.557L2003.16 150.287Z" fill="#FFDB8F"/>
+<path d="M2119.7 239.075L2100.04 300.5L2042.59 321.72C2042.59 321.72 2118.17 232.995 2115.09 206.974C2112.02 180.952 2119.7 239.075 2119.7 239.075Z" fill="#FFDB8F"/>
+<path d="M2003.17 559.401C2003.17 559.401 2012.33 522.461 1990.23 483.961C1968.13 445.461 1971.86 423.311 1990.23 422.381C2008.6 421.441 2045.78 502.901 2046.41 509.231C2047.05 515.561 2003.17 559.401 2003.17 559.401Z" fill="#FFDB8F"/>
+</g>
+<path d="M1963.76 588C1948.73 588 1936.2 580.98 1930.2 568.99C1928.22 565.01 1926.06 560.37 1923.77 555.46C1911.76 529.57 1893.71 490.47 1868.07 481.97C1837.46 471.77 1816.16 481.5 1815.96 481.6C1814.32 482.38 1812.47 482.61 1810.7 482.24C1808.92 481.87 1807.31 480.94 1806.11 479.58C1804.91 478.21 1804.19 476.5 1804.06 474.69C1803.92 472.88 1804.38 471.07 1805.36 469.55C1805.46 469.41 1816 452.39 1818.95 423.62C1821.69 397.04 1818.33 354.6 1786.8 303.36C1785.68 301.55 1785.3 299.391 1785.73 297.311C1786.15 295.221 1787.35 293.38 1789.09 292.16C1808.75 278.28 1862.18 237.039 1873.07 213.005C1890.12 175.459 1931.09 114.848 1976.48 125.821C2010.87 134.172 2025.82 165.154 2031.35 181.088C2049.2 174.674 2089.26 164.503 2114.26 190.775C2139.63 217.498 2124.05 271.08 2115.93 293.61C2133.87 296.95 2167.54 307.96 2174.75 342.83C2186.88 401.47 2138.26 422.75 2100.63 433.64C2067.01 443.37 2035.26 441.6 2014.85 438.51C2023.06 451.61 2028.49 466.25 2030.79 481.53C2033.09 496.81 2032.21 512.41 2028.21 527.33C2017.47 568.4 1990.58 585.44 1969 587.7C1967.26 587.89 1965.51 587.99 1963.76 588ZM1840.45 460.63C1851.64 460.66 1862.75 462.51 1873.35 466.11C1905.74 476.91 1925.71 519.95 1938.92 548.43C1941.16 553.22 1943.26 557.77 1945.15 561.52C1948.63 568.49 1957.08 572.16 1967.18 571.11C1983.2 569.44 2003.36 555.96 2011.96 523.14C2026.12 469.04 1990.25 433.15 1988.58 431.65C1987.22 430.34 1986.34 428.61 1986.09 426.74C1985.85 424.87 1986.24 422.97 1987.21 421.35C1988.17 419.73 1989.66 418.49 1991.43 417.82C1993.19 417.16 1995.13 417.11 1996.93 417.69C1997.4 417.84 2045.1 432.35 2095.92 417.69C2147.7 402.66 2165.72 382.03 2158.33 346.29C2151.22 311.93 2104.22 308.92 2103.75 308.89C2102.4 308.82 2101.1 308.42 2099.93 307.73C2098.77 307.04 2097.8 306.08 2097.09 304.93C2096.38 303.78 2095.97 302.48 2095.87 301.13C2095.78 299.78 2096.01 298.44 2096.55 297.2C2104.91 278.01 2122.29 223.544 2102.15 202.383C2078.25 177.33 2029.98 199.694 2029.5 199.928C2028.36 200.457 2027.11 200.723 2025.86 200.705C2024.6 200.687 2023.36 200.386 2022.24 199.825C2021.12 199.263 2020.13 198.455 2019.37 197.46C2018.6 196.466 2018.06 195.311 2017.8 194.082C2017.8 193.681 2008.12 150.657 1972.61 142.139C1940.27 134.323 1904.48 184.412 1888.32 220.003C1875.74 247.662 1823.38 287.85 1805.06 301.34C1835.62 354.09 1838.59 398.21 1835.5 426.44C1834.22 438.41 1831.5 450.19 1827.4 461.51C1831.73 460.91 1836.08 460.62 1840.45 460.63Z" fill="#900EFF"/>
+<path d="M2006 388.57H2005.86C2004.77 388.56 2003.68 388.32 2002.68 387.89C2001.67 387.45 2000.76 386.82 2000 386.03C1999.23 385.25 1998.63 384.32 1998.23 383.3C1997.83 382.28 1997.63 381.19 1997.65 380.09C1998.98 298.87 1919.46 242.45 1918.66 241.899C1916.84 240.634 1915.6 238.699 1915.21 236.519C1914.82 234.339 1915.31 232.093 1916.57 230.274C1917.84 228.456 1919.77 227.214 1921.95 226.823C1924.13 226.431 1926.38 226.922 1928.2 228.187C1931.79 230.675 2015.83 290.12 2014.35 380.37C2014.31 382.56 2013.41 384.65 2011.85 386.18C2010.29 387.72 2008.19 388.58 2006 388.57Z" fill="#900EFF"/>
+<path d="M2037.31 335.9C2035.38 335.89 2033.51 335.21 2032.02 333.98C2030.53 332.75 2029.51 331.04 2029.14 329.14C2028.77 327.24 2029.08 325.27 2030 323.57C2030.92 321.87 2032.4 320.541 2034.19 319.811L2101 292.76C2103.05 291.94 2105.33 291.97 2107.36 292.84C2109.39 293.71 2110.99 295.34 2111.82 297.39C2112.64 299.43 2112.63 301.72 2111.77 303.75C2110.92 305.79 2109.3 307.4 2107.26 308.24L2040.35 335.3C2039.39 335.69 2038.35 335.89 2037.31 335.9Z" fill="#900EFF"/>
+<path d="M1980.38 253.341C1978.78 253.34 1977.21 252.879 1975.86 252.014C1974.52 251.149 1973.45 249.916 1972.78 248.461C1972.12 247.006 1971.89 245.391 1972.11 243.807C1972.34 242.224 1973.02 240.738 1974.06 239.528L2019.61 186.867C2021.08 185.262 2023.11 184.292 2025.28 184.165C2027.45 184.037 2029.59 184.763 2031.24 186.186C2032.88 187.609 2033.91 189.618 2034.09 191.785C2034.28 193.952 2033.61 196.107 2032.23 197.79L1986.69 250.535C1985.9 251.426 1984.92 252.137 1983.84 252.621C1982.75 253.105 1981.57 253.35 1980.38 253.341Z" fill="#900EFF"/>
+<mask id="mask2_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1375" y="314" width="435" height="222">
+<path d="M1379.64 406.959L1471.52 384.27L1755.85 314.02L1809.57 360.28L1793.92 471.319L1567.59 535.37L1375.15 431.209L1379.64 406.959Z" fill="white"/>
+</mask>
+<g mask="url(#mask2_75_205)">
+<path d="M1379.64 406.959L1471.52 384.27L1755.85 314.02L1809.57 360.28L1793.92 471.319L1567.59 535.37L1375.15 431.209L1379.64 406.959Z" fill="#FFF5D7"/>
+<path d="M1769.92 486.47C1769.4 486.46 1768.9 486.41 1768.4 486.32C1766.22 485.91 1764.3 484.66 1763.05 482.84C1761.79 481.01 1761.31 478.77 1761.71 476.59C1778.8 383.52 1737.13 322.47 1736.66 321.87C1735.43 320.06 1734.96 317.83 1735.35 315.68C1735.75 313.52 1736.97 311.6 1738.77 310.34C1740.56 309.08 1742.78 308.58 1744.94 308.94C1747.1 309.3 1749.04 310.49 1750.32 312.27C1752.23 314.95 1796.5 379.31 1778.1 479.62C1777.75 481.53 1776.74 483.27 1775.24 484.52C1773.75 485.77 1771.86 486.46 1769.92 486.47Z" fill="#FFDB8F"/>
+<path d="M1719.44 499.391C1718.1 499.391 1716.79 499.071 1715.6 498.461C1714.41 497.841 1713.39 496.951 1712.62 495.851C1711.84 494.761 1711.35 493.501 1711.17 492.171C1710.99 490.851 1711.13 489.501 1711.58 488.241C1725.34 449.521 1723.88 412.641 1707.23 378.621C1699.93 363.481 1689.84 349.861 1677.49 338.471C1676.64 337.771 1675.95 336.911 1675.44 335.941C1674.93 334.961 1674.61 333.901 1674.51 332.811C1674.41 331.721 1674.53 330.621 1674.85 329.571C1675.18 328.521 1675.71 327.551 1676.41 326.701C1677.11 325.861 1677.97 325.161 1678.94 324.651C1679.92 324.141 1680.98 323.831 1682.07 323.731C1683.16 323.631 1684.26 323.741 1685.31 324.071C1686.36 324.401 1687.33 324.921 1688.18 325.631C1688.96 326.291 1707.67 342.031 1721.85 370.621C1734.94 397.031 1746.5 439.831 1727.28 493.901C1726.69 495.511 1725.62 496.901 1724.22 497.881C1722.82 498.861 1721.15 499.391 1719.44 499.391Z" fill="#FFDB8F"/>
+<path d="M1610.8 531.5C1609.43 531.49 1608.08 531.16 1606.87 530.51C1605.67 529.87 1604.64 528.94 1603.87 527.81C1603.11 526.67 1602.64 525.37 1602.5 524.01C1602.35 522.65 1602.55 521.27 1603.06 520C1618.48 481.86 1616.42 444.71 1596.82 409.62C1587.83 393.51 1575.97 379.18 1561.84 367.32C1560.08 365.97 1558.93 363.98 1558.64 361.78C1558.35 359.59 1558.94 357.37 1560.29 355.61C1561.64 353.85 1563.63 352.7 1565.82 352.41C1568.02 352.12 1570.24 352.71 1572 354.05C1587.8 367.09 1601.05 382.95 1611.06 400.82C1626.51 428.24 1640.36 472.25 1618.55 526.18C1617.94 527.74 1616.87 529.09 1615.49 530.03C1614.11 530.98 1612.47 531.49 1610.8 531.5Z" fill="#FFDB8F"/>
+<path d="M1482.71 499.39C1481.93 499.4 1481.15 499.28 1480.41 499.06C1479.35 498.75 1478.37 498.25 1477.51 497.56C1476.65 496.88 1475.94 496.03 1475.41 495.07C1474.88 494.11 1474.54 493.06 1474.42 491.97C1474.3 490.88 1474.39 489.77 1474.69 488.72C1490.79 432.9 1455.75 394.29 1454.25 392.67C1452.8 391.04 1452.05 388.91 1452.14 386.73C1452.24 384.56 1453.19 382.51 1454.78 381.02C1456.37 379.53 1458.48 378.72 1460.66 378.77C1462.84 378.81 1464.91 379.71 1466.44 381.26C1468.21 383.15 1509.53 428.19 1490.74 493.36C1490.24 495.1 1489.18 496.63 1487.73 497.72C1486.29 498.81 1484.52 499.4 1482.71 499.39Z" fill="#FFDB8F"/>
+<path d="M1497.66 494.651C1497.25 494.651 1496.85 494.611 1496.45 494.551C1494.26 494.231 1492.29 493.061 1490.97 491.281C1489.64 489.511 1489.07 487.28 1489.39 485.09C1498.41 422.83 1467.56 390.261 1466.26 388.911C1464.85 387.311 1464.1 385.22 1464.18 383.09C1464.26 380.96 1465.15 378.93 1466.67 377.44C1468.2 375.94 1470.23 375.081 1472.37 375.041C1474.5 375.001 1476.57 375.78 1478.15 377.22C1479.72 378.79 1516.18 416.62 1505.92 487.45C1505.65 489.44 1504.66 491.27 1503.14 492.6C1501.62 493.92 1499.67 494.651 1497.66 494.651Z" fill="#900EFF"/>
+<path d="M1629.82 522.09C1628.98 522.09 1628.15 521.96 1627.35 521.71C1625.23 521.05 1623.46 519.59 1622.43 517.63C1621.4 515.67 1621.18 513.38 1621.84 511.27C1649.36 421.98 1580.25 363.27 1579.55 362.62C1578.68 361.93 1577.96 361.07 1577.43 360.09C1576.9 359.12 1576.57 358.05 1576.46 356.95C1576.35 355.84 1576.46 354.73 1576.78 353.67C1577.1 352.61 1577.64 351.62 1578.35 350.77C1579.05 349.91 1579.93 349.21 1580.91 348.7C1581.89 348.19 1582.97 347.87 1584.07 347.78C1585.18 347.69 1586.29 347.82 1587.35 348.16C1588.4 348.5 1589.38 349.05 1590.22 349.78C1604.59 362.73 1616.6 378.08 1625.71 395.14C1635.86 413.43 1642.16 433.61 1644.24 454.42C1646.31 475.24 1644.1 496.26 1637.75 516.2C1637.23 517.89 1636.18 519.38 1634.75 520.44C1633.33 521.5 1631.6 522.08 1629.82 522.09Z" fill="#900EFF"/>
+<path d="M1735.94 494.651C1734.65 494.651 1733.38 494.351 1732.22 493.771C1731.07 493.201 1730.06 492.361 1729.28 491.341C1728.51 490.311 1727.98 489.111 1727.74 487.841C1727.5 486.571 1727.56 485.271 1727.91 484.031C1756.3 383.451 1691.17 336.261 1690.53 335.801C1688.76 334.511 1687.56 332.571 1687.2 330.411C1686.84 328.251 1687.35 326.031 1688.61 324.241C1689.87 322.451 1691.78 321.221 1693.94 320.831C1696.1 320.431 1698.32 320.901 1700.13 322.141C1700.92 322.691 1719.66 336.061 1734.36 363.391C1747.82 388.441 1760.39 430.381 1743.98 488.551C1743.48 490.311 1742.43 491.851 1740.98 492.951C1739.53 494.051 1737.76 494.651 1735.94 494.651Z" fill="#900EFF"/>
+</g>
+<path d="M1567.59 543.721C1566.2 543.721 1564.83 543.381 1563.61 542.721L1371.16 438.571C1369.61 437.721 1368.36 436.411 1367.6 434.821C1366.84 433.221 1366.61 431.431 1366.93 429.701L1371.43 405.431C1371.72 403.851 1372.46 402.391 1373.56 401.221C1374.66 400.061 1376.08 399.231 1377.64 398.851L1753.85 305.921C1755.14 305.601 1756.49 305.601 1757.79 305.911C1759.09 306.221 1760.29 306.841 1761.3 307.711L1815.01 353.951C1816.07 354.871 1816.89 356.031 1817.38 357.341C1817.87 358.651 1818.03 360.071 1817.83 361.451L1802.18 472.491C1801.96 474.091 1801.27 475.591 1800.2 476.811C1799.14 478.031 1797.74 478.911 1796.19 479.351L1569.86 543.401C1569.12 543.611 1568.36 543.721 1567.59 543.721ZM1384.45 426.811L1568.57 526.451L1786.4 464.801L1800.66 363.671L1753.66 323.211L1386.87 413.781L1384.45 426.811Z" fill="#900EFF"/>
+<path d="M1748.42 301.609C1767.84 332.139 1800.45 397.609 1781.71 471.069C1780.96 473.969 1781.01 477.009 1781.84 479.889C1782.66 482.759 1784.24 485.369 1786.41 487.429C1788.58 489.499 1791.25 490.949 1794.17 491.629C1797.08 492.309 1800.13 492.209 1802.99 491.329L1804.96 490.709C1807.38 489.939 1809.59 488.649 1811.45 486.909C1813.3 485.179 1814.74 483.049 1815.66 480.689C1851.49 390.709 1803.57 308.359 1784.25 280.529C1782.22 277.589 1779.3 275.369 1775.91 274.209C1772.53 273.049 1768.87 273.009 1765.46 274.079L1757.67 276.489C1755.2 277.249 1752.93 278.569 1751.04 280.349C1749.16 282.129 1747.72 284.319 1746.82 286.759C1745.93 289.189 1745.6 291.789 1745.88 294.369C1746.16 296.949 1747.03 299.419 1748.42 301.609Z" fill="#FFF5D7"/>
+<path d="M1797.87 500.459C1794.04 500.429 1790.27 499.529 1786.84 497.829C1783.41 496.129 1780.42 493.669 1778.08 490.639C1775.74 487.609 1774.12 484.079 1773.35 480.329C1772.57 476.579 1772.66 472.699 1773.61 468.989C1791.39 399.309 1761.05 337.049 1741.37 306.079C1739.3 302.819 1738.01 299.119 1737.61 295.279C1737.2 291.429 1737.68 287.549 1739.02 283.919C1740.36 280.289 1742.51 277.019 1745.32 274.359C1748.13 271.709 1751.51 269.729 1755.2 268.589L1762.98 266.169C1768.09 264.559 1773.58 264.639 1778.64 266.379C1783.7 268.119 1788.07 271.429 1791.11 275.839C1813.11 307.569 1860.31 391.229 1823.41 483.839C1822.03 487.359 1819.87 490.509 1817.11 493.079C1814.34 495.649 1811.03 497.569 1807.43 498.689L1805.47 499.289C1803.01 500.059 1800.45 500.459 1797.87 500.459ZM1770.47 281.669C1769.61 281.659 1768.75 281.789 1767.93 282.049L1760.14 284.469C1758.9 284.849 1757.77 285.519 1756.82 286.409C1755.88 287.299 1755.15 288.399 1754.7 289.619C1754.25 290.829 1754.08 292.139 1754.22 293.429C1754.35 294.719 1754.78 295.969 1755.47 297.069C1776.6 330.269 1809.13 397.279 1789.79 473.049C1789.38 474.529 1789.39 476.089 1789.81 477.559C1790.23 479.039 1791.05 480.359 1792.18 481.399C1793.27 482.449 1794.62 483.179 1796.09 483.529C1797.56 483.869 1799.09 483.799 1800.53 483.339L1802.5 482.739C1803.72 482.359 1804.83 481.709 1805.77 480.839C1806.7 479.979 1807.44 478.909 1807.91 477.729C1841.8 392.649 1797.89 314.899 1777.41 285.419C1776.65 284.289 1775.61 283.349 1774.4 282.709C1773.19 282.069 1771.84 281.729 1770.47 281.729V281.669Z" fill="#900EFF"/>
+<path d="M709.26 679.29L1065.65 764.47C1117.84 776.39 1168.1 732.99 1177.9 667.6L1237.84 345.25C1247.63 279.81 1213.28 217.099 1161.02 205.174L798.02 165.039C745.82 153.131 695.57 196.522 685.76 261.91L632.5 539.16C622.7 604.62 657 667.38 709.26 679.29Z" fill="#FFF5D7"/>
+<path d="M1082.9 774.79C1076.49 774.8 1070.11 774.08 1063.86 772.65L707.43 687.47C651.17 674.61 613.9 607.57 624.3 538.02C624.29 537.91 624.29 537.8 624.3 537.69L677.53 260.56C683.29 222.391 702.4 189.722 729.97 170.916C751.05 156.519 775.69 151.509 799.4 156.786L1161.98 196.871C1162.3 196.91 1162.62 196.966 1162.94 197.038C1219.2 209.882 1256.47 276.92 1246.09 346.49V346.79L1186.13 668.95C1180.39 707.13 1161.28 739.82 1133.69 758.64C1118.78 769.03 1101.07 774.66 1082.9 774.79ZM640.73 540.61C631.67 601.67 663.22 660.21 711.12 671.15H711.2L1067.58 756.33C1087.06 760.78 1106.7 756.78 1124.29 744.79C1148.07 728.56 1164.61 699.95 1169.65 666.29V665.99L1229.54 343.88C1238.6 283 1207.28 224.629 1159.61 213.422L797.05 173.338C796.73 173.305 796.42 173.255 796.11 173.188C776.55 168.711 756.91 172.703 739.33 184.712C715.54 200.946 699.01 229.556 693.96 263.21V263.54L640.73 540.61Z" fill="#900EFF"/>
+<path d="M1177.9 667.58L1237.84 345.23C1246.39 288.05 1221.23 232.929 1179.9 212.002L1180.94 212.52L1235.89 247.978C1271.35 266.35 1380.66 328.6 1373.56 376L1315.54 688.84C1308.38 736.24 1241.57 768.52 1203.04 770.13L1095.03 765.52C1130.52 754.35 1170.72 715.56 1177.9 667.58Z" fill="#FFDB8F"/>
+<path d="M1203.04 778.48H1202.69L1094.68 773.87C1092.72 773.78 1090.85 773.01 1089.41 771.68C1087.96 770.36 1087.03 768.57 1086.77 766.62C1086.51 764.68 1086.95 762.71 1088 761.05C1089.05 759.4 1090.65 758.17 1092.52 757.57C1125.26 747.27 1163.05 710.32 1169.65 666.36V666.06L1229.54 343.95C1236.41 297.87 1219.89 251.905 1189.46 228.088L1176.71 219.871L1176.06 219.537C1174.08 218.543 1172.58 216.802 1171.88 214.699C1171.19 212.596 1171.35 210.302 1172.35 208.322C1173.34 206.342 1175.08 204.838 1177.19 204.141C1179.29 203.444 1181.58 203.611 1183.56 204.605L1184.75 205.207L1185 205.357C1189.86 207.919 1194.48 210.898 1198.83 214.259L1240.03 240.832C1255.06 248.682 1292.83 269.23 1325.71 294.6C1366.41 325.94 1385.27 353.77 1381.75 377.32C1381.75 377.41 1381.75 377.51 1381.75 377.6L1323.77 690.23C1315.99 741.39 1247.31 776.64 1203.39 778.47L1203.04 778.48ZM1127.44 758.54L1203.04 761.76C1240.93 760.09 1301.19 728.26 1307.27 687.61V687.32L1365.33 374.7C1369.91 342.66 1301.86 291.77 1232.13 255.5C1245.95 283.71 1250.82 315.48 1246.09 346.54V346.84L1186.13 668.97C1180.32 707.45 1155.14 739.6 1127.44 758.54Z" fill="#900EFF"/>
+<path d="M993.78 698.141C948.02 698.141 916.75 668.511 915.4 667.211C913.8 665.671 912.88 663.571 912.84 661.351C912.79 659.131 913.63 656.991 915.17 655.401C916.71 653.801 918.82 652.881 921.03 652.841C923.25 652.791 925.39 653.631 926.99 655.171C927.44 655.601 957.05 683.251 997.85 681.341C1027.7 679.971 1056.58 663.501 1083.67 632.391C1084.39 631.561 1085.27 630.881 1086.25 630.401C1087.23 629.911 1088.3 629.621 1089.39 629.541C1090.49 629.471 1091.58 629.611 1092.62 629.961C1093.66 630.311 1094.62 630.861 1095.45 631.581C1096.28 632.301 1096.96 633.181 1097.44 634.161C1097.93 635.141 1098.22 636.211 1098.3 637.301C1098.37 638.401 1098.23 639.491 1097.88 640.531C1097.53 641.571 1096.98 642.531 1096.26 643.361C1065.98 678.101 1033.06 696.471 998.39 698.031C996.83 698.101 995.29 698.141 993.78 698.141Z" fill="#900EFF"/>
+<path d="M1008.54 54.4562L1156.39 145.882C1158.11 146.938 1160.04 147.634 1162.04 147.93C1164.04 148.226 1166.08 148.114 1168.04 147.603C1169.99 147.091 1171.83 146.19 1173.43 144.953C1175.03 143.716 1176.36 142.169 1177.35 140.404L1187.07 123.702C1189.18 120.114 1189.82 115.847 1188.85 111.798C1187.88 107.748 1185.38 104.232 1181.88 101.989L1034.08 10.5632C1032.36 9.50724 1030.43 8.81127 1028.43 8.51527C1026.43 8.21927 1024.39 8.33024 1022.43 8.84224C1020.48 9.35424 1018.64 10.2553 1017.04 11.4923C1015.44 12.7293 1014.11 14.2763 1013.12 16.0413L1003.38 32.7432C1001.27 36.3282 1000.63 40.5912 1001.59 44.6392C1002.55 48.6862 1005.04 52.2052 1008.54 54.4562Z" fill="#FFF5D7"/>
+<path d="M1164.12 156.47C1159.82 156.465 1155.61 155.256 1151.96 152.979L1004.15 61.5531C998.82 58.1541 995.01 52.8251 993.51 46.6811C992.02 40.5361 992.96 34.0521 996.13 28.5841L1005.85 11.8821C1007.43 9.12012 1009.56 6.70607 1012.09 4.78507C1014.63 2.86507 1017.53 1.47811 1020.62 0.708109C1023.62 -0.0568905 1026.75 -0.203897 1029.82 0.276103C1032.88 0.755103 1035.81 1.85111 1038.44 3.49711L1186.23 94.9231C1191.57 98.3201 1195.39 103.648 1196.88 109.792C1198.38 115.937 1197.44 122.423 1194.27 127.893L1184.53 144.595C1182.48 148.196 1179.51 151.19 1175.92 153.275C1172.34 155.36 1168.27 156.462 1164.12 156.47ZM1026.25 16.7091C1025.68 16.7021 1025.12 16.7701 1024.58 16.9091C1023.66 17.1461 1022.81 17.5631 1022.06 18.1371C1021.31 18.7111 1020.68 19.4291 1020.22 20.2491L1010.5 36.9511C1009.48 38.6501 1009.15 40.6781 1009.59 42.6111C1010.03 44.5431 1011.2 46.2321 1012.85 47.3231L1160.66 138.749C1161.4 139.216 1162.23 139.526 1163.09 139.661C1163.95 139.796 1164.83 139.753 1165.67 139.534C1166.59 139.298 1167.45 138.88 1168.2 138.307C1168.95 137.733 1169.58 137.015 1170.05 136.194L1179.77 119.492C1180.79 117.789 1181.11 115.757 1180.67 113.821C1180.23 111.885 1179.06 110.195 1177.4 109.103L1029.6 17.6771C1028.6 17.0521 1027.43 16.7161 1026.25 16.7091Z" fill="#900EFF"/>
+<path d="M1164.12 156.468C1159.82 156.463 1155.61 155.254 1151.96 152.977L1004.15 61.551C998.82 58.152 995.01 52.8229 993.51 46.6789C992.02 40.5339 992.96 34.0499 996.13 28.5819L1005.85 11.8799C1008 8.19194 1011.09 5.14292 1014.81 3.04492C1016.4 2.15492 1018.25 1.81194 1020.05 2.06994C1021.86 2.32794 1023.54 3.17094 1024.82 4.47094C1026.1 5.77194 1026.92 7.45691 1027.16 9.26891C1027.39 11.0799 1027.03 12.9189 1026.11 14.5019L1018.61 27.4459C1017.6 29.1469 1017.27 31.1759 1017.71 33.1089C1018.16 35.0419 1019.33 36.7289 1020.99 37.8179L1168.78 129.261C1169.78 129.884 1170.93 130.223 1172.11 130.241C1173.29 130.259 1174.44 129.954 1175.46 129.361C1177.06 128.459 1178.91 128.107 1180.73 128.361C1182.54 128.615 1184.23 129.46 1185.51 130.766C1186.8 132.071 1187.63 133.765 1187.86 135.585C1188.09 137.405 1187.71 139.25 1186.79 140.835L1184.56 144.643C1182.51 148.244 1179.54 151.238 1175.96 153.324C1172.37 155.409 1168.3 156.511 1164.15 156.518L1164.12 156.468Z" fill="#900EFF"/>
+<path d="M746.84 75.166L899.53 63.6749C901.29 63.5669 903 63.0919 904.57 62.2809C906.13 61.4699 907.51 60.3399 908.61 58.9659C909.71 57.5909 910.51 56.0009 910.96 54.2979C911.41 52.5949 911.5 50.8169 911.22 49.0779L908.9 32.3759C908.37 28.7329 906.49 25.423 903.63 23.098C900.78 20.773 897.16 19.6019 893.48 19.8159L740.8 31.3069C739.04 31.4149 737.32 31.8899 735.76 32.7009C734.19 33.5119 732.82 34.6419 731.72 36.0159C730.62 37.3909 729.81 38.981 729.36 40.684C728.91 42.387 728.83 44.1649 729.1 45.9039L731.44 62.606C731.97 66.247 733.85 69.5569 736.7 71.8829C739.55 74.2079 743.17 75.38 746.84 75.166Z" fill="#FFF5D7"/>
+<path d="M745.84 83.5136C740.32 83.4356 735.02 81.4016 730.86 77.7736C726.71 74.1456 723.98 69.1596 723.16 63.7046L720.84 47.0036C720.41 44.1156 720.58 41.1706 721.34 38.3536C722.11 35.5366 723.45 32.9086 725.28 30.6356C727.08 28.3986 729.33 26.5586 731.88 25.2306C734.43 23.9036 737.23 23.1166 740.09 22.9186L892.8 11.4286C898.58 11.0976 904.28 12.9386 908.77 16.5906C913.27 20.2426 916.24 25.4426 917.1 31.1696L919.42 47.8716C919.86 50.7356 919.7 53.6586 918.95 56.4576C918.2 59.2556 916.88 61.8686 915.07 64.1306C913.26 66.3936 911 68.2566 908.44 69.6036C905.87 70.9506 903.05 71.7516 900.16 71.9556L747.46 83.5136C746.93 83.5136 746.37 83.5136 745.84 83.5136ZM894.45 28.0466H894.05L741.35 39.5376C740.75 39.5706 740.18 39.7246 739.65 39.9926C739.12 40.2596 738.65 40.6336 738.27 41.0906C737.89 41.5926 737.61 42.1696 737.45 42.7836C737.3 43.3986 737.27 44.0396 737.37 44.6646L739.71 61.3666C739.94 62.9066 740.73 64.3066 741.93 65.3016C743.13 66.2966 744.65 66.8156 746.21 66.7616L898.91 55.2706C899.5 55.2416 900.08 55.0886 900.61 54.8216C901.14 54.5536 901.61 54.1776 901.99 53.7176C902.37 53.2156 902.65 52.6386 902.81 52.0236C902.96 51.4086 902.99 50.7686 902.89 50.1436L900.55 33.4416C900.32 31.9756 899.58 30.6376 898.47 29.6556C897.36 28.6736 895.94 28.1106 894.45 28.0636V28.0466Z" fill="#900EFF"/>
+<path d="M745.84 83.5173C740.32 83.4393 735.02 81.4053 730.86 77.7773C726.71 74.1493 723.98 69.1633 723.16 63.7083L720.84 47.0063C720.28 43.1153 720.8 39.1443 722.36 35.5323C723.08 33.8613 724.33 32.4723 725.91 31.5763C727.5 30.6803 729.33 30.3263 731.13 30.5683C732.94 30.8103 734.61 31.6353 735.9 32.9173C737.2 34.1993 738.03 35.8683 738.29 37.6703L740.09 50.6143C740.33 52.1553 741.12 53.5563 742.33 54.5503C743.53 55.5453 745.05 56.0643 746.61 56.0093L899.3 44.5183C900.08 44.4853 900.85 44.2293 901.49 43.7793C902.14 43.3303 902.65 42.7063 902.95 41.9793C903.67 40.3013 904.92 38.9043 906.51 38.0033C908.1 37.1023 909.94 36.7473 911.75 36.9913C913.56 37.2353 915.24 38.0663 916.53 39.3563C917.82 40.6463 918.66 42.3253 918.9 44.1343L919.42 47.9423C919.86 50.8063 919.7 53.7293 918.95 56.5273C918.2 59.3263 916.88 61.9383 915.07 64.2013C913.26 66.4643 911 68.3273 908.44 69.6743C905.87 71.0203 903.05 71.8213 900.17 72.0263L747.46 83.5173C746.93 83.5173 746.37 83.5173 745.84 83.5173Z" fill="#900EFF"/>
+<path d="M727.72 502.9C709.11 462.97 701.1 409.65 708.09 352.72C715.09 295.78 735.82 246.11 763.53 212.038L770.74 153.498L858.76 164.655C928.11 173.457 973.09 271.9 959.22 384.57C945.36 497.24 877.88 581.42 808.54 572.61C804.73 572.13 800.97 571.37 797.28 570.33L720.62 560.61L727.72 502.9Z" fill="#900EFF"/>
+<path d="M818.49 581.6C814.81 581.6 811.14 581.37 807.49 580.9C803.49 580.38 799.53 579.6 795.64 578.54L719.57 568.89C717.38 568.61 715.39 567.48 714.03 565.73C712.68 563.99 712.07 561.78 712.34 559.59L719.15 504.24C699.83 461.43 692.96 407.37 699.81 351.7C706.66 296.03 726.43 245.325 755.53 208.664L762.46 152.462C762.74 150.301 763.85 148.335 765.56 146.984C766.43 146.313 767.43 145.82 768.49 145.533C769.55 145.247 770.65 145.172 771.74 145.314L859.76 156.487C896.29 161.114 927.52 188.037 947.75 232.314C967.34 275.22 974.35 329.7 967.46 385.7C958.4 459.19 926.85 523.44 883.08 557.5C862.62 573.33 840.47 581.6 818.49 581.6ZM729.97 553.37L798.45 562.04C798.85 562.1 799.25 562.19 799.64 562.29C802.92 563.21 806.27 563.9 809.66 564.33C830.69 567 852.58 560.04 872.94 544.29C912.69 513.36 942.6 451.81 950.99 383.62C957.52 330.65 950.99 279.36 932.62 239.212C914.9 200.413 888.31 176.897 857.74 173.022L778.02 162.918L771.83 213.14C771.64 214.701 771.01 216.178 770.02 217.399C742.05 251.788 722.99 300.24 716.41 353.82C709.83 407.4 716.53 459.13 735.3 499.46C735.97 500.87 736.22 502.45 736.02 504L729.97 553.37Z" fill="#900EFF"/>
+<path d="M899.43 375.82C912.85 263.11 857.76 163.888 776.39 154.2C695.02 144.511 618.17 228.024 604.75 340.73C591.33 453.44 646.42 552.66 727.79 562.35C809.16 572.04 886.01 488.53 899.43 375.82Z" fill="#FFF5D7"/>
+<path d="M740.8 571.49C735.83 571.49 730.86 571.18 725.93 570.56C683.89 565.23 647.3 537.81 622.93 493.35C599.03 449.77 589.68 394.81 596.61 338.6C604.96 271.11 636.56 209.999 681.27 175.293C711.33 151.91 744.85 141.789 778.26 146.031C820.3 151.359 856.89 178.784 881.26 223.244C905.16 266.82 914.51 321.79 907.6 377.99C899.25 445.46 867.63 506.59 822.92 541.3C797.3 561.19 769.21 571.49 740.8 571.49ZM763.48 161.798C738.77 161.798 714.12 170.884 691.52 188.521C650.32 220.572 620.96 277.46 613.18 340.72C599.9 448.65 651.41 544.35 728.04 554.07C756.93 557.75 786.19 548.78 812.66 528.19C853.95 496.09 883.23 439.2 891.01 376.03C904.37 268.11 852.78 172.403 776.15 162.683C771.95 162.121 767.72 161.826 763.48 161.798Z" fill="#900EFF"/>
+<path d="M839.35 223.662C852.13 257.32 857.17 298.82 851.78 342.66C839.32 443.94 775.85 519.29 710.05 510.93C681.99 507.38 658.02 489.22 640.75 461.6C657.45 505.71 687.52 536.35 724.9 541.1C790.7 549.45 854.15 474.11 866.63 372.81C873.78 314.74 862.6 260.74 839.35 223.662Z" fill="#FFDB8F"/>
+<path d="M734.88 550.06C731.19 550.07 727.5 549.84 723.84 549.38C689.12 544.97 659.26 520.45 639.73 480.35C620.79 441.42 613.79 392.13 620.02 341.57C627.96 277.09 656.52 220.052 696.42 189.02C719.9 170.765 745.72 162.815 771.09 166.038C805.82 170.364 835.71 194.949 855.2 235.067C874.13 273.98 881.14 323.27 874.91 373.84C866.98 438.31 838.4 495.35 798.5 526.38C778.44 542 756.65 550.06 734.88 550.06ZM636.59 343.61C624.7 440.18 664.79 525.04 725.93 532.81C746.81 535.45 768.35 528.67 788.25 513.2C824.72 484.81 850.93 431.97 858.39 371.79C870.29 275.23 830.22 190.356 769.06 182.606C748.18 179.951 726.63 186.732 706.74 202.198C670.26 230.591 644.07 283.44 636.59 343.61Z" fill="#900EFF"/>
+<mask id="mask3_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="911" y="187" width="257" height="420">
+<path d="M933.94 536.52C915.33 496.59 907.3 443.28 914.31 386.34C921.33 329.4 942.02 279.73 969.74 245.659L976.96 187.068L1064.98 198.225C1134.32 207.027 1179.3 305.48 1165.42 418.14C1151.54 530.79 1084.1 615.04 1014.76 606.29C1010.95 605.8 1007.19 605.04 1003.5 604.01L926.84 594.29L933.94 536.52Z" fill="white"/>
+</mask>
+<g mask="url(#mask3_75_205)">
+<path d="M933.94 536.52C915.33 496.59 907.3 443.28 914.31 386.34C921.33 329.4 942.02 279.73 969.74 245.659L976.96 187.068L1064.98 198.225C1134.32 207.027 1179.3 305.48 1165.42 418.14C1151.54 530.79 1084.1 615.04 1014.76 606.29C1010.95 605.8 1007.19 605.04 1003.5 604.01L926.84 594.29L933.94 536.52Z" fill="#FFF5D7"/>
+<path d="M1158.23 353.77C1158.23 353.77 1159.04 453.979 1041.86 571.209C983.59 629.549 983.91 590.939 1003.45 603.959C1003.45 603.959 1046.87 621.37 1084.05 584.49C1209.83 459.729 1184.5 389.54 1158.23 353.77Z" fill="#FFDB8F"/>
+</g>
+<path d="M1024.71 615.22C1021.03 615.22 1017.35 614.98 1013.7 614.52C1009.71 614.01 1005.75 613.22 1001.86 612.16L925.79 602.53C923.59 602.25 921.59 601.11 920.23 599.37C918.87 597.62 918.26 595.4 918.54 593.21L925.35 537.81C906.03 495.05 899.18 440.94 906.03 385.32C912.87 329.7 932.58 278.93 961.74 242.283L968.66 186.098C968.94 183.893 970.08 181.888 971.83 180.519C973.58 179.168 975.8 178.568 978 178.849L1066.03 190.006C1100.52 194.382 1130.65 219.001 1150.89 259.32C1151.89 261.3 1152.05 263.59 1151.36 265.7C1151.01 266.74 1150.47 267.7 1149.75 268.53C1149.03 269.36 1148.16 270.04 1147.18 270.53C1146.2 271.03 1145.13 271.32 1144.03 271.4C1142.94 271.48 1141.84 271.34 1140.8 271C1138.7 270.3 1136.96 268.8 1135.96 266.82C1118.29 231.627 1092.72 210.232 1063.93 206.574L984.21 196.553L978.03 246.792C977.84 248.348 977.21 249.818 976.22 251.035C948.23 285.32 929.24 333.78 922.56 387.36C915.88 440.93 922.68 492.66 941.47 533C942.14 534.41 942.39 535.99 942.19 537.54L936.11 586.99L1004.58 595.68C1004.99 595.72 1005.38 595.8 1005.77 595.91C1009.06 596.83 1012.41 597.51 1015.79 597.95C1036.84 600.62 1058.72 593.66 1079.07 577.91C1118.83 546.99 1148.72 485.43 1157.12 417.25C1159.59 397.49 1160.18 377.54 1158.91 357.66C1158.76 355.44 1159.5 353.26 1160.97 351.59C1162.43 349.92 1164.49 348.9 1166.71 348.76C1168.92 348.61 1171.11 349.35 1172.78 350.81C1174.45 352.28 1175.47 354.34 1175.61 356.56C1176.94 377.46 1176.31 398.44 1173.72 419.22C1164.67 492.71 1133.12 556.96 1089.35 591.02C1068.82 606.97 1046.69 615.22 1024.71 615.22Z" fill="#900EFF"/>
+<path d="M1105.64 409.471C1119.06 296.761 1063.97 197.538 982.6 187.849C901.23 178.16 824.38 261.671 810.96 374.381C797.54 487.091 852.63 586.311 934 596.001C1015.38 605.691 1092.22 522.171 1105.64 409.471Z" fill="#FFF5D7"/>
+<path d="M947.01 605.12C942.04 605.12 937.08 604.81 932.15 604.18C890.09 598.85 853.52 571.43 829.13 526.97C805.25 483.39 795.9 428.43 802.81 372.23C811.16 304.73 842.78 243.622 887.49 208.916C917.55 185.533 951.07 175.412 984.48 179.654C1026.52 184.982 1063.09 212.407 1087.48 256.87C1111.38 300.44 1120.73 355.41 1113.8 411.61C1105.45 479.1 1073.85 540.21 1029.14 574.92C1003.53 594.83 975.42 605.12 947.01 605.12ZM819.4 374.26C806.1 482.19 857.63 577.89 934.25 587.61C963.15 591.27 992.41 582.34 1018.88 561.74C1060.17 529.63 1089.45 472.74 1097.23 409.57C1110.51 301.64 1058.98 205.943 982.37 196.222C953.48 192.548 924.22 201.5 897.73 222.094C856.46 254.211 827.18 311.1 819.4 374.26Z" fill="#900EFF"/>
+<path d="M1046.32 256.43C1059.12 290.1 1064.16 331.59 1058.77 375.43C1046.29 476.71 982.84 552.05 917.02 543.72C888.96 540.14 865.01 522.01 847.72 494.36C864.42 538.49 894.49 569.12 931.86 573.87C997.67 582.22 1061.12 506.87 1073.6 405.59C1080.75 347.5 1069.54 293.51 1046.32 256.43Z" fill="#FFDB8F"/>
+<path d="M940.62 583.64C936.89 583.64 933.17 583.4 929.48 582.92C894.6 578.51 864.59 553.98 844.97 513.86C825.91 474.93 818.84 425.62 825.07 375.05C832.99 310.73 861.55 253.793 901.48 222.728C925.12 204.356 951.14 196.339 976.64 199.579C1011.5 204.005 1041.51 228.54 1061.15 268.66C1080.19 307.59 1087.26 356.89 1081.05 407.47C1073.13 471.79 1044.55 528.72 1004.62 559.79C984.49 575.5 962.55 583.64 940.62 583.64ZM965.67 215.58C947.45 215.58 928.93 222.511 911.77 235.906C875.26 264.3 849.07 317.08 841.63 377.09C829.73 473.66 870.02 558.57 931.55 566.35C952.63 569.02 974.34 562.19 994.38 546.61C1030.89 518.22 1057.1 465.44 1064.53 405.43C1076.42 308.86 1036.14 223.947 974.61 216.147C971.63 215.775 968.64 215.585 965.64 215.58H965.67Z" fill="#900EFF"/>
+<path d="M945.24 355.961C928.93 352.431 911.96 355.961 896.17 366.281C872.44 381.731 854.12 411.091 847.15 444.781C835.19 502.781 859.63 557.361 901.65 566.431C905.71 567.311 909.84 567.751 913.99 567.751C927.12 567.531 939.9 563.471 950.74 556.061C974.47 540.611 992.79 511.251 999.74 477.561C1011.7 419.611 987.25 365.041 945.24 355.961Z" fill="#900EFF"/>
+<path d="M737.17 310.211C720.84 306.681 703.87 310.211 688.1 320.531C664.37 335.981 646.05 365.341 639.08 399.031C627.12 457.021 651.56 511.601 693.58 520.691C697.64 521.561 701.77 522.001 705.92 522.001C719.05 521.781 731.82 517.721 742.67 510.311C766.4 494.861 784.72 465.501 791.67 431.811C803.58 373.881 779.13 319.291 737.17 310.211Z" fill="#900EFF"/>
+<mask id="mask4_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="565" y="914" width="375" height="299">
+<path d="M872.84 969.971C872.84 969.971 824.15 970.901 816.24 964.361C808.32 957.811 730.64 906.791 698.32 914.871C666 922.951 668.91 936.131 668.91 936.131L704.57 978.491L606.9 973.731C575.497 972.171 554.569 1006.81 571.622 1033.24C572.006 1033.82 572.39 1034.39 572.791 1034.91C591.53 1061.19 604.12 1063.93 604.12 1063.93C604.12 1063.93 600.13 1102.15 620.83 1122.92C641.52 1143.7 664.08 1147.43 664.08 1147.43C664.08 1147.43 666.74 1190.63 696.55 1206.62C726.36 1222.6 824.04 1205.58 858.96 1186.33C880.58 1174.2 900.22 1158.82 917.18 1140.75L939.15 1075.86L872.84 969.971Z" fill="white"/>
+</mask>
+<g mask="url(#mask4_75_205)">
+<path d="M872.84 969.971C872.84 969.971 824.15 970.901 816.24 964.361C808.32 957.811 730.64 906.791 698.32 914.871C666 922.951 668.91 936.131 668.91 936.131L704.57 978.491L606.9 973.731C575.497 972.171 554.569 1006.81 571.622 1033.24C572.006 1033.82 572.39 1034.39 572.791 1034.91C591.53 1061.19 604.12 1063.93 604.12 1063.93C604.12 1063.93 600.13 1102.15 620.83 1122.92C641.52 1143.7 664.08 1147.43 664.08 1147.43C664.08 1147.43 666.74 1190.63 696.55 1206.62C726.36 1222.6 824.04 1205.58 858.96 1186.33C880.58 1174.2 900.22 1158.82 917.18 1140.75L939.15 1075.86L872.84 969.971Z" fill="#FFF5D7"/>
+<path d="M696.79 918.891C696.79 918.891 728.42 968.361 743.55 968.361C758.68 968.361 704.62 973.511 704.62 973.511L664.13 933.421L696.79 918.891Z" fill="#FFDB8F"/>
+<path d="M571.639 983.75C571.639 983.75 614.73 1057.75 642.65 1058.9C670.58 1060.06 694.6 1055.03 693.78 1058.9C692.96 1062.78 596.76 1060.21 596.76 1060.21C596.76 1060.21 546.068 1005.46 571.639 983.75Z" fill="#FFDB8F"/>
+<path d="M607.15 1073.71C607.15 1073.71 645.56 1121.52 690.47 1123.89C735.38 1126.27 748.53 1124.66 748.71 1126.85C748.9 1129.04 686.21 1157.3 645.03 1147.69C603.84 1138.09 607.15 1073.71 607.15 1073.71Z" fill="#FFDB8F"/>
+<path d="M669.88 1156.5C669.88 1156.5 714.37 1185.01 771.19 1180.75C828.01 1176.49 907.31 1147.69 907.31 1147.69C907.31 1147.69 753.91 1257.39 748.65 1258.34C743.38 1259.3 636.91 1233.72 638.41 1226.16C639.92 1218.59 669.88 1156.5 669.88 1156.5Z" fill="#FFDB8F"/>
+</g>
+<path d="M735.2 1221.38C717.55 1221.38 702.31 1219.19 692.61 1214C665.89 1199.7 658.47 1167.65 656.45 1154.12C640.76 1149.18 626.51 1140.49 614.93 1128.8C596.76 1110.6 595.17 1081.77 595.46 1069.19C588.976 1065.55 578.62 1057.5 565.96 1039.73C560.132 1031.5 556.719 1021.8 556.106 1011.72C555.701 1005.62 556.595 999.5 558.728 993.77C560.861 988.04 564.186 982.82 568.482 978.47C572.911 973.96 578.244 970.44 584.13 968.13C590.02 965.83 596.32 964.8 602.64 965.11L685.88 969.23L662.5 941.54C661.62 940.52 661.02 939.3 660.73 937.98C659.94 934.44 657.99 916.37 696.25 906.8C711.95 902.88 736.84 909.59 770.22 926.73C795.13 939.52 816.64 953.98 821.38 957.83C826.31 960.62 851.8 962.05 872.66 961.65C874.1 961.63 875.52 961.97 876.79 962.66C878.06 963.35 879.12 964.35 879.89 965.58L946.2 1071.52C946.85 1072.56 947.27 1073.74 947.41 1074.97C947.55 1076.2 947.43 1077.44 947.03 1078.61L925.05 1143.5C924.69 1144.56 924.13 1145.54 923.38 1146.37C905.79 1165.17 885.4 1181.13 862.94 1193.69C836.81 1208.09 778.68 1221.38 735.2 1221.38ZM606.03 1055.78C607.04 1055.95 608 1056.32 608.87 1056.87C609.74 1057.42 610.49 1058.13 611.08 1058.96C611.67 1059.8 612.09 1060.74 612.32 1061.74C612.54 1062.74 612.57 1063.78 612.39 1064.79C612.39 1065.1 609.05 1099.36 626.76 1117C645.13 1135.37 665.3 1139.18 665.5 1139.21C667.36 1139.53 669.05 1140.46 670.3 1141.86C671.56 1143.27 672.3 1145.05 672.42 1146.92C672.42 1147.29 675.22 1185.72 700.51 1199.27C726.26 1213.08 819.78 1198.42 854.92 1179.03C875.21 1167.6 893.71 1153.26 909.84 1136.45L929.98 1076.98L868.18 978.44C848.49 978.62 819.09 977.68 810.83 970.84C799.44 961.4 726.73 916.41 700.26 923.02C685.61 926.68 679.7 931.37 677.83 933.91L710.88 973.16C711.93 974.4 712.6 975.93 712.79 977.54C712.99 979.16 712.71 980.79 711.99 982.25C711.26 983.71 710.13 984.93 708.73 985.75C707.32 986.57 705.71 986.97 704.08 986.89L601.69 981.88C597.73 981.67 593.78 982.31 590.09 983.75C586.403 985.19 583.062 987.4 580.291 990.23C577.635 992.89 575.581 996.08 574.27 999.61C572.959 1003.13 572.421 1006.89 572.691 1010.64C573.095 1017.64 575.444 1024.39 579.472 1030.13C594.47 1050.97 604.68 1055.28 606.03 1055.78Z" fill="#900EFF"/>
+<path d="M639.92 1073.94C622.85 1073.94 607.13 1072.87 597.19 1069.98C595.06 1069.36 593.26 1067.91 592.19 1065.96C591.13 1064.02 590.88 1061.72 591.5 1059.59C592.12 1057.46 593.56 1055.66 595.51 1054.59C597.46 1053.52 599.75 1053.27 601.89 1053.89C628.49 1061.63 708.21 1053.73 717.38 1051.17C719.37 1050.32 721.61 1050.28 723.64 1051.05C725.66 1051.82 727.3 1053.35 728.22 1055.31C729.14 1057.27 729.26 1059.51 728.56 1061.56C727.86 1063.61 726.39 1065.3 724.46 1066.29C719.4 1068.93 676.56 1073.94 639.92 1073.94Z" fill="#900EFF"/>
+<path d="M669.23 1156.03C667.22 1156.04 665.21 1155.94 663.22 1155.74C662.09 1155.68 660.99 1155.39 659.98 1154.89C658.97 1154.39 658.07 1153.69 657.33 1152.83C656.6 1151.98 656.05 1150.98 655.71 1149.9C655.38 1148.83 655.26 1147.69 655.37 1146.57C655.49 1145.45 655.82 1144.36 656.37 1143.37C656.91 1142.39 657.65 1141.52 658.54 1140.82C659.43 1140.13 660.45 1139.62 661.54 1139.33C662.63 1139.05 663.77 1138.98 664.89 1139.14C686.46 1141.38 735.03 1125.38 751.95 1119.1C752.98 1118.71 754.07 1118.53 755.17 1118.57C756.26 1118.61 757.34 1118.86 758.34 1119.31C759.34 1119.76 760.24 1120.41 760.99 1121.21C761.74 1122.01 762.32 1122.95 762.71 1123.98C763.09 1125 763.27 1126.1 763.24 1127.19C763.2 1128.29 762.95 1129.37 762.5 1130.37C762.04 1131.36 761.4 1132.26 760.6 1133.01C759.8 1133.76 758.86 1134.35 757.83 1134.73C755.43 1135.6 700.73 1156.03 669.23 1156.03Z" fill="#900EFF"/>
+<path d="M710.45 987.09C708.36 987.09 706.24 987.09 704.09 986.92C702.99 986.86 701.91 986.58 700.93 986.11C699.94 985.63 699.05 984.96 698.32 984.14C697.59 983.33 697.02 982.37 696.66 981.33C696.3 980.3 696.14 979.2 696.2 978.1C696.26 977.01 696.54 975.93 697.02 974.94C697.49 973.95 698.16 973.07 698.98 972.33C699.8 971.6 700.75 971.04 701.79 970.68C702.83 970.31 703.92 970.16 705.02 970.22C722.14 970.94 739.2 967.77 754.91 960.93C756.9 959.96 759.2 959.82 761.3 960.55C763.39 961.27 765.11 962.8 766.08 964.79C767.05 966.78 767.19 969.08 766.47 971.18C765.74 973.27 764.22 974.99 762.22 975.96C745.92 983.22 728.29 987.01 710.45 987.09Z" fill="#900EFF"/>
+<mask id="mask5_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="922" y="760" width="511" height="372">
+<path d="M922.09 951.061C922.09 951.061 1144.13 894.031 1260.14 824.551C1376.15 755.071 1378.29 748.121 1414.17 774.741C1450.04 801.361 1437.23 883.051 1347.89 943.881C1258.55 1004.71 953.38 1131.78 953.38 1131.78L922.09 951.061Z" fill="white"/>
+</mask>
+<g mask="url(#mask5_75_205)">
+<path d="M922.09 951.061C922.09 951.061 1144.13 894.031 1260.14 824.551C1376.15 755.071 1378.29 748.121 1414.17 774.741C1450.04 801.361 1437.23 883.051 1347.89 943.881C1258.55 1004.71 953.38 1131.78 953.38 1131.78L922.09 951.061Z" fill="#FFF5D7"/>
+<path d="M1087.01 1081.19C1085.69 1081.19 1084.38 1080.88 1083.21 1080.27C1082.03 1079.67 1081.01 1078.8 1080.24 1077.73C1079.46 1076.66 1078.95 1075.42 1078.75 1074.11C1078.55 1072.81 1078.66 1071.47 1079.08 1070.21C1110.07 976.33 1035.12 921.35 1034.35 920.8C1032.59 919.49 1031.42 917.55 1031.08 915.39C1030.74 913.22 1031.26 911.01 1032.54 909.23C1033.81 907.45 1035.73 906.25 1037.89 905.87C1040.05 905.49 1042.27 905.98 1044.07 907.22C1059.65 919.34 1072.78 934.32 1082.77 951.35C1098.35 977.57 1113.11 1020.39 1094.94 1075.46C1094.39 1077.13 1093.33 1078.58 1091.9 1079.61C1090.48 1080.64 1088.77 1081.19 1087.01 1081.19Z" fill="#FFDB8F"/>
+<path d="M1265.69 999.65H1264.95C1263.86 999.56 1262.79 999.25 1261.82 998.75C1260.84 998.25 1259.97 997.56 1259.27 996.72C1258.56 995.88 1258.02 994.91 1257.69 993.87C1257.35 992.82 1257.23 991.72 1257.32 990.63C1266.29 882.4 1200.78 863.19 1200.13 863.01C1197.99 862.42 1196.18 861.01 1195.08 859.09C1193.98 857.17 1193.69 854.88 1194.28 852.75C1194.86 850.61 1196.27 848.79 1198.2 847.69C1200.12 846.6 1202.4 846.31 1204.54 846.89C1205.38 847.13 1225.42 852.8 1243.89 874C1260.49 893.04 1279.18 928.98 1273.95 992.01C1273.77 994.09 1272.83 996.02 1271.3 997.43C1269.77 998.84 1267.77 999.63 1265.69 999.65Z" fill="#FFDB8F"/>
+<path d="M1392.15 919.19C1390.96 919.2 1389.77 918.96 1388.68 918.47C1387.59 917.98 1386.61 917.27 1385.82 916.37C1385.03 915.48 1384.44 914.42 1384.09 913.28C1383.74 912.13 1383.64 910.93 1383.8 909.74C1388.14 877.02 1379.34 847.31 1357.66 821.45C1347.82 809.64 1336.05 799.57 1322.86 791.67C1320.91 790.62 1319.46 788.84 1318.82 786.72C1318.19 784.6 1318.42 782.31 1319.47 780.36C1320.53 778.41 1322.31 776.96 1324.43 776.32C1326.55 775.69 1328.84 775.92 1330.79 776.98C1345.73 785.72 1359.05 796.96 1370.17 810.21C1394.94 839.51 1405.43 874.68 1400.49 911.93C1400.22 913.95 1399.23 915.8 1397.69 917.14C1396.16 918.48 1394.19 919.21 1392.15 919.19Z" fill="#FFDB8F"/>
+<path d="M975.52 1130.73C974.2 1130.72 972.9 1130.41 971.72 1129.81C970.54 1129.2 969.53 1128.33 968.75 1127.26C967.98 1126.18 967.47 1124.94 967.28 1123.63C967.08 1122.33 967.19 1120.99 967.61 1119.74C992.49 1044.71 928.99 953.231 928.34 952.321C927.14 950.501 926.69 948.291 927.09 946.161C927.49 944.021 928.7 942.121 930.48 940.871C932.26 939.611 934.46 939.101 936.61 939.441C938.76 939.791 940.69 940.951 941.99 942.701C944.83 946.701 1011.02 1041.92 983.46 1125C982.91 1126.66 981.84 1128.12 980.42 1129.14C978.99 1130.17 977.28 1130.73 975.52 1130.73Z" fill="#FFDB8F"/>
+<path d="M1076.1 1087.3C1074.78 1087.3 1073.48 1086.99 1072.3 1086.39C1071.12 1085.79 1070.1 1084.91 1069.33 1083.84C1068.56 1082.77 1068.05 1081.53 1067.84 1080.23C1067.64 1078.92 1067.75 1077.58 1068.17 1076.33C1099.17 982.451 1024.21 927.451 1023.46 926.911C1022.55 926.281 1021.77 925.481 1021.17 924.541C1020.57 923.611 1020.16 922.571 1019.97 921.471C1019.78 920.381 1019.81 919.261 1020.06 918.181C1020.3 917.101 1020.76 916.081 1021.41 915.181C1022.05 914.281 1022.87 913.511 1023.82 912.931C1024.76 912.351 1025.81 911.961 1026.91 911.791C1028 911.621 1029.12 911.661 1030.2 911.931C1031.28 912.201 1032.29 912.671 1033.18 913.331C1048.75 925.461 1061.88 940.441 1071.88 957.461C1087.46 983.681 1102.21 1026.51 1084.04 1081.57C1083.48 1083.24 1082.42 1084.69 1081 1085.72C1079.57 1086.75 1077.86 1087.3 1076.1 1087.3Z" fill="#900EFF"/>
+<path d="M1252.61 1005.23H1251.91C1250.81 1005.14 1249.75 1004.83 1248.77 1004.33C1247.8 1003.83 1246.93 1003.14 1246.22 1002.3C1245.51 1001.46 1244.98 1000.49 1244.64 999.451C1244.31 998.401 1244.18 997.301 1244.27 996.211C1253.26 888.711 1189.79 869.321 1187.04 868.501C1184.98 867.851 1183.25 866.421 1182.22 864.521C1181.19 862.621 1180.94 860.401 1181.51 858.311C1182.09 856.231 1183.45 854.451 1185.32 853.351C1187.18 852.251 1189.39 851.921 1191.5 852.421C1192.35 852.641 1212.39 858.321 1230.86 879.511C1247.45 898.571 1266.14 934.491 1260.93 997.531C1260.76 999.621 1259.81 1001.58 1258.27 1003C1256.73 1004.43 1254.71 1005.22 1252.61 1005.23Z" fill="#900EFF"/>
+<path d="M1380.19 926.411C1379.83 926.431 1379.46 926.431 1379.09 926.411C1377.99 926.271 1376.93 925.921 1375.96 925.371C1375 924.821 1374.15 924.081 1373.48 923.201C1372.8 922.311 1372.31 921.311 1372.03 920.231C1371.75 919.161 1371.69 918.041 1371.84 916.941C1376.19 884.221 1367.38 854.511 1345.7 828.651C1335.84 816.841 1324.05 806.771 1310.83 798.871C1308.88 797.821 1307.43 796.041 1306.8 793.921C1306.16 791.791 1306.4 789.511 1307.45 787.561C1308.5 785.611 1310.28 784.161 1312.41 783.521C1314.53 782.891 1316.82 783.121 1318.76 784.181C1333.67 792.931 1346.97 804.171 1358.08 817.411C1382.92 846.791 1393.41 881.871 1388.54 919.141C1388.28 921.171 1387.28 923.021 1385.75 924.361C1384.21 925.701 1382.23 926.431 1380.19 926.411Z" fill="#900EFF"/>
+</g>
+<path d="M953.38 1140.13C951.41 1140.13 949.5 1139.43 947.99 1138.16C946.49 1136.9 945.48 1135.14 945.14 1133.19L913.88 952.48C913.52 950.41 913.95 948.28 915.09 946.52C916.23 944.75 917.99 943.48 920.02 942.96C922.23 942.39 1142.16 885.44 1255.85 817.38C1267.94 810.13 1278.8 803.57 1288.57 797.65C1373.61 746.21 1382.52 740.87 1419.14 768.04C1433.76 778.9 1441.56 797.05 1441.11 819.18C1440.67 839.98 1433.04 862.61 1418.99 884.65C1403.39 909.16 1381.05 931.42 1352.59 950.78C1263.56 1011.37 969.08 1134.28 956.58 1139.51C955.57 1139.92 954.48 1140.13 953.38 1140.13ZM931.66 957.19L959.84 1120C1012.44 1097.85 1264.5 990.56 1343.22 936.96C1402.14 896.88 1423.8 849.65 1424.44 818.83C1424.77 802.26 1419.43 788.99 1409.2 781.45C1382.1 761.41 1381.58 760.94 1297.3 811.93C1287.5 817.86 1276.63 824.44 1264.52 831.69C1159.31 894.68 971.9 946.47 931.63 957.19H931.66Z" fill="#900EFF"/>
+<path d="M944.28 1168.99C999.39 1063.6 932.85 962.269 907.38 929.499C904.92 926.419 901.45 924.309 897.59 923.529C893.72 922.759 889.7 923.389 886.25 925.289L870.04 934.289C867.97 935.449 866.18 937.019 864.78 938.919C863.37 940.819 862.39 942.999 861.9 945.309C861.4 947.619 861.41 950.009 861.91 952.319C862.41 954.629 863.4 956.799 864.81 958.699C888.67 990.529 937.58 1069.58 913.53 1156.96C912.68 1160.11 912.77 1163.44 913.8 1166.54C914.83 1169.63 916.75 1172.35 919.31 1174.36C921.88 1176.38 924.98 1177.59 928.24 1177.84C931.49 1178.1 934.74 1177.4 937.59 1175.82C940.43 1174.24 942.76 1171.86 944.28 1168.99Z" fill="#FFF5D7"/>
+<path d="M929.48 1186.37C923.89 1186.35 918.47 1184.45 914.09 1180.96C910.19 1177.96 907.29 1173.86 905.75 1169.19C904.21 1164.51 904.12 1159.49 905.48 1154.76C928.71 1070.33 880.09 993.02 858.13 963.71C856 960.86 854.5 957.58 853.74 954.11C852.98 950.63 852.97 947.031 853.71 943.551C854.45 940.071 855.93 936.791 858.05 933.931C860.16 931.071 862.87 928.69 865.98 926.96L882.19 917.96C887.38 915.06 893.44 914.131 899.26 915.311C905.08 916.501 910.29 919.74 913.93 924.44C926.89 941.14 950.67 975.681 964.03 1019.64C980.55 1074.07 976.39 1125.63 951.66 1172.91C949.53 1176.97 946.33 1180.37 942.42 1182.75C938.5 1185.13 934.01 1186.4 929.43 1186.42L929.48 1186.37ZM894.4 931.45C892.98 931.46 891.59 931.821 890.34 932.511L874.14 941.511C873.11 942.081 872.22 942.87 871.51 943.82C870.81 944.76 870.32 945.85 870.08 947C869.83 948.16 869.83 949.35 870.08 950.5C870.34 951.65 870.83 952.741 871.54 953.681C894.92 984.971 946.81 1067.64 921.64 1159.12C921.21 1160.68 921.26 1162.34 921.77 1163.89C922.28 1165.43 923.23 1166.79 924.51 1167.79C925.79 1168.79 927.34 1169.4 928.96 1169.52C930.58 1169.65 932.2 1169.3 933.62 1168.5C935.05 1167.7 936.21 1166.5 936.96 1165.05C988.9 1065.75 929.03 970.791 900.87 934.561C900.09 933.581 899.1 932.79 897.97 932.25C896.84 931.71 895.6 931.44 894.35 931.45H894.4Z" fill="#900EFF"/>
+<mask id="mask6_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1509" y="687" width="293" height="815">
+<path d="M1676.59 703.689C1688.24 716.309 1695.61 732.299 1697.63 749.369C1707.42 827.869 1801.03 1474.83 1801.03 1474.83V1485.99C1801.03 1490.2 1799.36 1494.24 1796.38 1497.22C1793.4 1500.2 1789.36 1501.87 1785.15 1501.87H1520.07C1517.2 1501.87 1514.44 1500.73 1512.41 1498.7C1510.37 1496.66 1509.23 1493.91 1509.23 1491.03V1476.25L1588.73 1393.99C1588.73 1393.99 1597.08 856.699 1592.36 799.939C1585.81 721.609 1632.14 656.269 1676.59 703.689Z" fill="white"/>
+</mask>
+<g mask="url(#mask6_75_205)">
+<path d="M1676.59 703.689C1688.24 716.309 1695.61 732.299 1697.63 749.369C1707.42 827.869 1801.03 1474.83 1801.03 1474.83V1485.99C1801.03 1490.2 1799.36 1494.24 1796.38 1497.22C1793.4 1500.2 1789.36 1501.87 1785.15 1501.87H1520.07C1517.2 1501.87 1514.44 1500.73 1512.41 1498.7C1510.37 1496.66 1509.23 1493.91 1509.23 1491.03V1476.25L1588.73 1393.99C1588.73 1393.99 1597.08 856.699 1592.36 799.939C1585.81 721.609 1632.14 656.269 1676.59 703.689Z" fill="#FFF5D7"/>
+<path d="M1686.12 677.029C1686.12 677.029 1661.4 754.409 1636.72 953.919C1609.61 1173.16 1588.73 1393.99 1588.73 1393.99L1567.25 689.789L1686.12 677.029Z" fill="#FFDB8F"/>
+</g>
+<path d="M1785.15 1510.23H1520.07C1514.98 1510.22 1510.1 1508.2 1506.51 1504.6C1502.91 1501 1500.89 1496.12 1500.88 1491.03V1476.25C1500.88 1474.09 1501.72 1472 1503.22 1470.44L1580.43 1390.56C1581.13 1345.26 1588.5 854.04 1584.04 800.65C1579.55 746.98 1599.07 696.33 1629.5 682.81C1639.77 678.26 1660.35 674.15 1682.68 697.98C1695.57 711.87 1703.7 729.51 1705.88 748.34C1715.55 825.85 1808.33 1467.17 1809.26 1473.63C1809.29 1474.03 1809.29 1474.43 1809.26 1474.83V1485.99C1809.26 1492.4 1806.72 1498.54 1802.2 1503.08C1797.68 1507.62 1791.55 1510.19 1785.15 1510.23ZM1517.58 1479.63V1491.03C1517.58 1491.69 1517.85 1492.33 1518.31 1492.79C1518.78 1493.26 1519.41 1493.52 1520.07 1493.52H1785.15C1787.14 1493.52 1789.06 1492.72 1790.47 1491.31C1791.88 1489.9 1792.68 1487.99 1792.68 1485.99V1475.44C1789.34 1452.5 1698.9 827.04 1689.33 750.41C1687.58 735.08 1680.98 720.72 1670.49 709.4C1658.8 696.98 1647.34 693.17 1636.28 698.08C1615.41 707.35 1596.37 747.73 1600.68 799.26C1605.4 855.78 1597.43 1372.13 1597.08 1394.11C1597.05 1396.24 1596.22 1398.27 1594.75 1399.79L1517.58 1479.63Z" fill="#900EFF"/>
+<path d="M1801.08 1467.9H1509.23C1507.02 1467.9 1504.89 1468.78 1503.33 1470.35C1501.76 1471.91 1500.88 1474.04 1500.88 1476.25V1491.03C1500.89 1496.12 1502.91 1501 1506.51 1504.6C1510.1 1508.2 1514.98 1510.22 1520.07 1510.22H1785.15C1791.57 1510.22 1797.73 1507.66 1802.27 1503.12C1806.82 1498.57 1809.37 1492.42 1809.38 1485.99V1476.25C1809.38 1474.05 1808.51 1471.93 1806.95 1470.37C1805.4 1468.8 1803.29 1467.92 1801.08 1467.9Z" fill="#900EFF"/>
+<path d="M1652.33 1418.5C1652.13 1416.6 1651.28 1414.82 1649.92 1413.47C1648.56 1412.12 1646.77 1411.28 1644.87 1411.08C1639.69 1409.41 1614.52 1397.49 1592.46 1386.52C1590.87 1385.73 1589.07 1385.46 1587.32 1385.76C1585.58 1386.06 1583.97 1386.91 1582.74 1388.19L1561.18 1410.48C1560.05 1411.64 1559.29 1413.1 1558.97 1414.68C1558.66 1416.26 1558.81 1417.9 1559.41 1419.4C1560.01 1420.9 1561.03 1422.19 1562.35 1423.12C1563.67 1424.05 1565.23 1424.58 1566.84 1424.65L1643.37 1427.72H1644.2C1644.86 1427.71 1645.51 1427.61 1646.14 1427.42C1648.06 1426.92 1649.75 1425.74 1650.88 1424.1C1652.02 1422.47 1652.53 1420.48 1652.33 1418.5Z" fill="#900EFF"/>
+<path d="M1769.71 1493.52H8.71902C6.50402 1493.52 4.38003 1494.4 2.81403 1495.97C1.24803 1497.53 0.368042 1499.66 0.368042 1501.87C0.368042 1504.09 1.24803 1506.21 2.81403 1507.78C4.38003 1509.34 6.50402 1510.22 8.71902 1510.22H1769.71C1771.93 1510.22 1774.05 1509.34 1775.62 1507.78C1777.19 1506.21 1778.07 1504.09 1778.07 1501.87C1778.07 1499.66 1777.19 1497.53 1775.62 1495.97C1774.05 1494.4 1771.93 1493.52 1769.71 1493.52Z" fill="#900EFF"/>
+<path d="M319.24 988.199H132.781C128.169 988.199 124.43 991.939 124.43 996.549V1501.87C124.43 1506.48 128.169 1510.22 132.781 1510.22H319.24C323.852 1510.22 327.591 1506.48 327.591 1501.87V996.549C327.591 991.939 323.852 988.199 319.24 988.199Z" fill="#900EFF"/>
+<path d="M609.62 1201.72H423.16C418.547 1201.72 414.809 1205.46 414.809 1210.07V1501.87C414.809 1506.48 418.547 1510.22 423.16 1510.22H609.62C614.23 1510.22 617.97 1506.48 617.97 1501.87V1210.07C617.97 1205.46 614.23 1201.72 609.62 1201.72Z" fill="#900EFF"/>
+<path d="M895.72 1326.98H709.26C704.65 1326.98 700.91 1330.72 700.91 1335.34V1501.87C700.91 1506.48 704.65 1510.22 709.26 1510.22H895.72C900.33 1510.22 904.07 1506.48 904.07 1501.87V1335.34C904.07 1330.72 900.33 1326.98 895.72 1326.98Z" fill="#900EFF"/>
+<path d="M66.224 1037.79L132.781 996.551V1501.87H66.224V1037.79Z" fill="#FFF5D7"/>
+<path d="M132.781 1510.22H66.2241C64.0091 1510.22 61.8851 1509.34 60.3191 1507.77C58.7531 1506.21 57.873 1504.08 57.873 1501.87V1037.79C57.874 1036.37 58.2381 1034.97 58.9301 1033.73C59.6231 1032.49 60.6221 1031.44 61.8311 1030.69L128.388 989.461C129.653 988.671 131.104 988.241 132.59 988.211C134.077 988.181 135.546 988.541 136.845 989.261C138.144 989.991 139.226 991.041 139.98 992.331C140.733 993.611 141.131 995.071 141.132 996.551V1501.87C141.132 1504.08 140.252 1506.21 138.686 1507.77C137.12 1509.34 134.996 1510.22 132.781 1510.22ZM74.5751 1493.52H124.43V1011.55L74.5751 1042.45V1493.52Z" fill="#900EFF"/>
+<path d="M356.603 1251.31L423.159 1210.07V1501.87H356.603V1251.31Z" fill="#FFF5D7"/>
+<path d="M423.177 1510.22H356.603C354.388 1510.22 352.264 1509.34 350.698 1507.77C349.132 1506.21 348.252 1504.08 348.252 1501.87V1251.34C348.253 1249.92 348.617 1248.52 349.309 1247.28C350.002 1246.03 351.001 1244.99 352.21 1244.24L418.751 1203.01C420.016 1202.22 421.468 1201.78 422.957 1201.75C424.446 1201.71 425.918 1202.08 427.219 1202.8C428.521 1203.52 429.605 1204.58 430.36 1205.87C431.115 1207.15 431.512 1208.61 431.511 1210.1V1501.9C431.502 1504.11 430.621 1506.22 429.059 1507.78C427.497 1509.34 425.383 1510.21 423.177 1510.22ZM364.97 1493.52H414.826V1225.07L364.954 1255.98L364.97 1493.52Z" fill="#900EFF"/>
+<path d="M709.26 1335.34V1501.87H642.72V1376.57L709.26 1335.34Z" fill="#FFF5D7"/>
+<path d="M709.26 1510.22H642.71C640.49 1510.22 638.37 1509.34 636.8 1507.78C635.23 1506.21 634.35 1504.09 634.35 1501.87V1376.61C634.36 1375.18 634.72 1373.79 635.41 1372.54C636.1 1371.3 637.1 1370.26 638.31 1369.51L704.87 1328.27C706.13 1327.49 707.58 1327.06 709.07 1327.03C710.56 1326.99 712.03 1327.36 713.33 1328.08C714.63 1328.8 715.71 1329.86 716.46 1331.14C717.21 1332.42 717.61 1333.88 717.61 1335.37V1501.9C717.6 1504.11 716.72 1506.23 715.16 1507.79C713.59 1509.35 711.47 1510.22 709.26 1510.22ZM651.06 1493.52H700.91V1350.34L651.06 1381.25V1493.52Z" fill="#900EFF"/>
+</svg>
diff --git a/public_html/assets/raven/images/illustrations/analytic.png b/public_html/assets/raven/images/illustrations/analytic.png
new file mode 100644
index 0000000..9b7b412
Binary files /dev/null and b/public_html/assets/raven/images/illustrations/analytic.png differ
diff --git a/public_html/assets/raven/images/illustrations/courses.png b/public_html/assets/raven/images/illustrations/courses.png
new file mode 100644
index 0000000..4d049e2
Binary files /dev/null and b/public_html/assets/raven/images/illustrations/courses.png differ
diff --git a/public_html/assets/raven/images/illustrations/education.svg b/public_html/assets/raven/images/illustrations/education.svg
new file mode 100644
index 0000000..1f33030
--- /dev/null
+++ b/public_html/assets/raven/images/illustrations/education.svg
@@ -0,0 +1,201 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="512" height="512">
+<g>
+	<path style="fill:#FFFFFF;" d="M483.327,160.005c11.034-10.276,19.367-23.228,24.101-37.457c3.034-9.123,4.572-18.671,4.572-28.379   c0-49.574-40.332-89.905-89.906-89.905c-36.832,0-69.818,22.921-83.364,56.23c-14.733-5.401-29.931-9.166-45.479-11.268   c2.662-3.851,3.197-8.978,1.041-13.477c-2.225-4.569-6.943-7.52-12.021-7.52c-1.419,0-2.971,0.261-4.334,0.724l-0.058,0.02   l-117.9,6.001c-5.775,0.294-10.639,4.411-11.885,10.056c-0.338,1.538-0.386,3.086-0.173,4.578c-1.908-1.07-4.072-1.644-6.287-1.644   c-1.147,0-2.307,0.152-3.452,0.472l-24.672,6.889L97.006,29.616c-2.411-3.757-6.525-5.904-10.804-5.904   c-1.381,0-2.781,0.223-4.146,0.689c-5.591,1.909-9.156,7.385-8.642,13.269l3.015,34.401L54.733,86.16   c-4.755,3.088-6.921,8.926-5.331,14.367c1.59,5.441,6.56,9.196,12.229,9.237l19.377,0.142l0.068,0.457   C60.555,121.55,45.793,147.658,44.343,178.6c-0.285,2.366-0.315,4.797-0.09,7.176c0.236,11.703,2.365,22.772,6.009,32.674   c-1.638,7.424-2.905,14.948-3.762,22.533c-2.602,1.95-4.443,4.87-4.982,8.259l-5.937,37.313l-26.911,9.237   c-5.362,1.841-8.881,6.979-8.661,12.643c0.222,5.664,4.132,10.512,9.62,11.929l21.025,5.426l-2.511,25.834   c-0.58,5.963,3.041,11.534,8.725,13.424c1.335,0.445,2.701,0.658,4.049,0.658c4.392,0,8.601-2.263,10.978-6.183l8.343-13.755   c6.055,15.382,13.846,30.029,23.255,43.703c-5.243,5.382-13.036,16.665-11.613,35.282c0.769,10.163,3.251,17.959,5.972,23.667   c-3.734,5.629-6.949,13.796-5.955,24.687c1.916,21.262,13.987,30.984,15.357,32.023c2.232,1.69,4.954,2.605,7.754,2.605h361.736   c7.089,0,12.838-5.748,12.838-12.838v-98.521c0-5.786-3.83-10.679-9.091-12.281v-23.502c0.477-0.986,0.945-1.972,1.402-2.954   l21.141-2.276c6.172-0.664,10.984-5.652,11.429-11.843c0.445-6.193-3.604-11.815-9.618-13.358l-11.504-2.948   c3.797-12.978,6.373-26.3,7.702-39.835l4.983,0.307c0.265,0.015,0.529,0.023,0.79,0.023c5.317,0,10.123-3.293,12.012-8.322   c1.983-5.276,0.293-11.229-4.168-14.674l-12.821-9.904c-0.426-8.571-1.352-17.133-2.768-25.566l5.002-13.322   c2.077-5.531,0.111-11.761-4.76-15.102c-2.198-1.507-4.733-2.248-7.257-2.248c-0.154,0-0.309,0.002-0.464,0.008   c-2.635-8.165-5.75-16.17-9.333-23.97c7.468-3.742,14.43-8.525,20.581-14.175C483.007,160.298,483.168,160.153,483.327,160.005z"/>
+	<g>
+		<g>
+			<circle style="fill:#BD6EEB;" cx="262.515" cy="265.736" r="205.672"/>
+		</g>
+		<g>
+			<g>
+				<path style="fill:#FFF3EA;" d="M431.86,199.411c0,8.273-6.706,14.979-14.979,14.979c-8.273,0-14.979-6.706-14.979-14.979      c0-8.272,6.706-14.979,14.979-14.979C425.154,184.432,431.86,191.138,431.86,199.411z"/>
+			</g>
+			<g>
+				<path style="fill:#512651;" d="M290.51,93.757c-5.4,0-9.792-4.393-9.792-9.793c0-5.4,4.393-9.792,9.792-9.792      c5.4,0,9.792,4.393,9.792,9.792C300.303,89.364,295.91,93.757,290.51,93.757z M290.51,74.725c-5.095,0-9.239,4.145-9.239,9.239      c0,5.095,4.144,9.239,9.239,9.239c5.095,0,9.239-4.145,9.239-9.239C299.75,78.87,295.605,74.725,290.51,74.725z"/>
+			</g>
+			<g>
+				<path style="fill:#FFF3EA;" d="M88.8,220.169c0,5.255-4.26,9.516-9.516,9.516c-5.256,0-9.516-4.26-9.516-9.516      c0-5.256,4.261-9.516,9.516-9.516C84.54,210.653,88.8,214.914,88.8,220.169z"/>
+			</g>
+			<g>
+				<path style="fill:#512651;" d="M416.882,331.204c-8.412,0-15.256-6.844-15.256-15.255c0-8.412,6.844-15.255,15.256-15.255      c8.412,0,15.255,6.844,15.255,15.255C432.137,324.361,425.294,331.204,416.882,331.204z M416.882,301.247      c-8.107,0-14.703,6.596-14.703,14.702c0,8.107,6.596,14.702,14.703,14.702c8.106,0,14.702-6.596,14.702-14.702      C431.584,307.843,424.988,301.247,416.882,301.247z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<path style="fill:#7182FF;" d="M446.562,346.062v54.816H102.497c0,0-6.29-5.991-8.9-20.133       c-0.428-2.225-0.728-4.643-0.92-7.274c-1.412-19.406,9.82-27.408,9.82-27.408H446.562z"/>
+				</g>
+				<g>
+					<rect x="124.342" y="346.062" style="fill:#FFB289;" width="11.254" height="54.816"/>
+				</g>
+				<g>
+					<rect x="146.615" y="346.062" style="fill:#FFB289;" width="11.233" height="54.816"/>
+				</g>
+				<g>
+					<rect x="401.545" y="346.062" style="fill:#FFB289;" width="11.233" height="54.816"/>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -211.8972 240.3328)" style="fill:#FFB289;" cx="184.159" cy="375.949" rx="16.752" ry="16.752"/>
+				</g>
+			</g>
+			<g style="opacity:0.16;">
+				<path style="fill:#512651;" d="M446.562,346.062v34.682H93.596c-0.428-2.225-0.728-4.643-0.92-7.274      c-1.412-19.406,9.82-27.408,9.82-27.408H446.562z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<path style="fill:#FF8C9D;" d="M455.653,396.378v54.816H93.916c0,0-8.863-8.023-10.325-27.408      c-1.485-19.406,10.325-27.408,10.325-27.408H455.653z"/>
+			</g>
+			<g>
+				<ellipse style="fill:#FFF3EA;" cx="129.969" cy="426.267" rx="16.011" ry="16.752"/>
+			</g>
+			<g>
+				<rect x="176.292" y="416.347" style="fill:#FFF3EA;" width="207.501" height="18.209"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<path style="fill:#FFB289;" d="M455.653,449.011v45.887H93.916c0,0-8.863-6.716-10.325-22.944      c-1.485-16.245,10.325-22.943,10.325-22.943H455.653z"/>
+			</g>
+			<g>
+				<rect x="176.292" y="465.727" style="fill:#FFF3EA;" width="207.501" height="15.243"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<g>
+						<path style="fill:#512651;" d="M92.553,130.405v221.472l302-31.32V102.456c0-7.601-6.567-13.537-14.129-12.772        l-276.325,27.949C97.543,118.296,92.553,123.816,92.553,130.405z"/>
+					</g>
+				</g>
+				<g>
+					<g>
+						<polygon style="fill:#FFF3EA;" points="101.68,130.234 101.68,343.911 385.427,315.199 385.427,102.23       "/>
+					</g>
+					<g>
+						<polygon style="fill:#512651;" points="92.553,351.878 232.007,369.359 480.567,342.6 394.553,320.558       "/>
+					</g>
+					<g>
+						<g>
+							<path style="fill:#7182FF;" d="M188.92,186.847c-6.591-5.363-16.026-6.909-24.058-4.133         c-8.031,2.775-14.447,9.706-16.806,17.869c-2.36,8.163-0.684,17.345,4.227,24.279c-5.34,8.233-10.071,19.923-8.785,29.651         c1.286,9.729,8.568,19.048,18.286,20.41c2.902,0.407,5.851,0.117,8.767-0.173c2.511,7.932,11.006,13.86,19.085,15.849         c8.079,1.988,16.916-0.014,23.739-4.775c6.823-4.761,11.66-12.108,13.988-20.096c4.253,5.765,9.851,11.336,16.511,13.976         c7.677,3.043,16.702,1.996,23.841-2.154c7.139-4.15,12.399-11.192,15.029-19.02c7.761,9.049,20.834,12.16,32.347,9.066         c11.513-3.094,20.837-13.181,23.018-24.901c-0.14,0.761,8.025-0.77,8.757-0.969c4.504-1.228,8.213-4.863,10.581-8.808         c7.479-12.461,5.091-32.248-6.801-41.307c-2.031-1.547-4.286-2.811-6.69-3.679c-0.567-0.205-7.123-1.832-7.152-1.33         c0.455-7.893-4.298-15.98-10.914-20.307c-6.617-4.326-14.888-5.607-22.756-4.835c-4.2,0.412-8.545,1.478-11.667,4.318         c-6.324-9.905-20.307-13.139-31.359-9.146c-11.052,3.993-19.241,13.745-24.049,24.468c-0.649-3.853-3.915-7.353-7.175-9.508         c-6.857-4.533-15.824-5.715-23.621-3.112C197.464,171.084,191.679,179.104,188.92,186.847z"/>
+						</g>
+						<g>
+							<g>
+								<g>
+									<path style="fill:#FFF3EA;" d="M198.253,208.335l19.612,31.606c0.819,1.279,1.263,2.258,1.334,2.935           c0.15,1.43-0.867,2.848-3.052,4.241c-1.282,0.817-2.381,1.276-3.295,1.374c-0.638,0.067-1.223-0.055-1.757-0.362           c-0.537-0.302-0.932-0.643-1.195-1.017c-0.262-0.377-0.632-0.938-1.111-1.696l-3.783-6.116l-16.528,1.737l-2.426,6.769           c-0.316,0.84-0.561,1.447-0.744,1.832c-0.181,0.379-0.499,0.784-0.957,1.212c-0.458,0.436-1.005,0.681-1.643,0.748           c-0.915,0.095-2.084-0.121-3.507-0.658c-2.425-0.869-3.71-2.022-3.86-3.452c-0.072-0.678,0.158-1.729,0.693-3.148           l12.605-35.053c0.342-0.963,0.931-1.767,1.769-2.421c0.833-0.649,1.752-1.027,2.746-1.133           C195.3,205.508,197,206.377,198.253,208.335z M194.924,223.165l-3.076,8.588l7.934-0.835L194.924,223.165z"/>
+								</g>
+							</g>
+							<g>
+								<g>
+									<path style="fill:#FFF3EA;" d="M266.622,219.718c2.638,2.537,4.14,5.539,4.504,8.999c0.339,3.988-0.649,7.412-2.963,10.265           c-2.413,3.07-5.508,4.803-9.287,5.201l-15.694,1.649c-1.035,0.107-1.9,0.1-2.6-0.03c-0.694-0.128-1.237-0.311-1.626-0.551           c-0.385-0.242-0.698-0.628-0.936-1.169c-0.237-0.538-0.387-0.991-0.445-1.372c-0.061-0.376-0.128-0.941-0.208-1.697           l-3.482-33.119c-0.1-0.954-0.144-1.652-0.131-2.098c0.015-0.442,0.147-0.98,0.404-1.611           c0.255-0.632,0.749-1.103,1.479-1.422c0.731-0.321,1.733-0.544,3.007-0.677l15.036-1.581           c3.661-0.385,6.858,0.566,9.592,2.85c2.858,2.32,4.478,5.285,4.858,8.904C268.405,214.883,267.903,217.375,266.622,219.718           z M260.496,229.17c-0.097-0.913-0.284-1.639-0.561-2.172c-0.277-0.536-0.687-0.881-1.225-1.051           c-0.542-0.162-1.013-0.254-1.417-0.272s-1.004,0.015-1.8,0.1c-1.551,0.163-2.716,0.004-3.489-0.481           c-0.774-0.482-1.257-1.616-1.444-3.407c-0.175-1.668,0.075-2.823,0.752-3.457c0.677-0.633,1.873-1.042,3.583-1.22           c0.515-0.056,0.911-0.116,1.186-0.185c0.275-0.069,0.57-0.21,0.89-0.427c0.318-0.214,0.525-0.538,0.622-0.969           c0.095-0.432,0.105-1.008,0.03-1.725c-0.135-1.274-0.548-2.072-1.249-2.401c-0.698-0.328-1.704-0.423-3.017-0.285           l-8.353,0.878l2.377,22.613l9.786-1.028c0.398-0.043,0.734-0.106,1.006-0.193c0.271-0.09,0.646-0.271,1.12-0.542           c0.474-0.268,0.816-0.729,1.031-1.376C260.537,230.926,260.596,230.124,260.496,229.17z"/>
+								</g>
+							</g>
+							<g>
+								<g>
+									<path style="fill:#FFF3EA;" d="M317.906,226.139l0.331-0.273c1.268-0.938,2.181-1.438,2.738-1.499           c1.234-0.13,2.685,0.849,4.35,2.927c1.021,1.298,1.577,2.386,1.67,3.259c0.082,0.795-0.114,1.499-0.591,2.113           c-0.479,0.616-1.221,1.298-2.231,2.045c-0.33,0.276-0.804,0.647-1.421,1.116c-0.614,0.469-1.901,1.124-3.864,1.977           c-1.961,0.848-3.958,1.377-5.987,1.589c-1.75,0.185-3.616,0.132-5.596-0.164c-1.981-0.296-4.059-0.92-6.231-1.877           c-2.173-0.958-4.163-2.198-5.973-3.715c-1.808-1.519-3.379-3.548-4.711-6.081c-1.332-2.535-2.162-5.376-2.494-8.52           c-0.322-3.06-0.1-5.909,0.669-8.546c0.769-2.633,1.872-4.861,3.31-6.683c1.438-1.819,3.132-3.406,5.082-4.756           c1.949-1.353,3.882-2.381,5.801-3.084c1.916-0.706,3.789-1.156,5.62-1.348c1.87-0.195,3.799-0.102,5.789,0.269           c1.991,0.374,3.514,0.807,4.573,1.298l1.518,0.686c0.764,0.365,1.348,0.67,1.759,0.929c0.409,0.26,0.81,0.632,1.201,1.113           c0.393,0.479,0.621,1.017,0.683,1.62c0.104,0.994-0.199,2.107-0.914,3.35c-1.325,2.313-2.605,3.532-3.836,3.663           c-0.716,0.075-1.776-0.255-3.181-0.994c-1.814-1.174-4.112-1.619-6.898-1.324c-1.234,0.127-2.483,0.491-3.747,1.086           c-1.264,0.596-2.456,1.396-3.577,2.398c-1.124,1.002-1.999,2.342-2.627,4.017c-0.63,1.672-0.837,3.507-0.629,5.497           c0.213,2.026,0.801,3.794,1.763,5.301c0.963,1.511,2.109,2.645,3.436,3.412c1.328,0.767,2.672,1.298,4.029,1.596           c1.36,0.302,2.635,0.388,3.829,0.263c1.233-0.13,2.379-0.41,3.441-0.849c1.06-0.43,1.812-0.831,2.257-1.2L317.906,226.139z           "/>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+			<g>
+				<path style="fill:#FFF3EA;" d="M92.553,352.016c-0.07,0-0.131-0.053-0.137-0.124c-0.009-0.076,0.047-0.144,0.123-0.152      l302-31.32c0.072-0.012,0.145,0.048,0.151,0.124c0.009,0.076-0.046,0.144-0.123,0.152l-302,31.32      C92.563,352.016,92.557,352.016,92.553,352.016z"/>
+			</g>
+			<g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M232.39,365.135l-105.825-13.12c-0.07-0.009-0.122-0.069-0.121-0.139       c0.001-0.071,0.054-0.129,0.124-0.136l264.942-26.212c0.02-0.002,0.032,0,0.048,0.003l64.13,15.842       c0.065,0.016,0.109,0.077,0.105,0.144c-0.004,0.067-0.057,0.121-0.124,0.128L232.39,365.135z M127.831,351.894l104.561,12.966       l222.461-23.407l-63.34-15.647L127.831,351.894z"/>
+				</g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M147.202,354.483c-0.07,0-0.131-0.053-0.137-0.124c-0.009-0.076,0.048-0.144,0.123-0.152       l255.247-25.766c0.087-0.01,0.144,0.048,0.151,0.124c0.009,0.076-0.047,0.144-0.123,0.152l-255.247,25.766       C147.211,354.483,147.207,354.483,147.202,354.483z"/>
+				</g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M167.006,356.668c-0.07,0-0.131-0.053-0.137-0.124c-0.009-0.076,0.046-0.144,0.123-0.152       l245.549-25.402c0.073-0.015,0.145,0.048,0.151,0.124c0.009,0.076-0.046,0.144-0.123,0.152L167.02,356.668       C167.015,356.668,167.01,356.668,167.006,356.668z"/>
+				</g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M188.856,359.399c-0.07,0-0.13-0.052-0.137-0.124c-0.009-0.076,0.046-0.144,0.122-0.152       l235.717-25.128c0.086-0.01,0.144,0.047,0.152,0.123c0.009,0.076-0.046,0.144-0.122,0.152l-235.717,25.128       C188.866,359.399,188.86,359.399,188.856,359.399z"/>
+				</g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M210.434,362.131c-0.07,0-0.13-0.052-0.137-0.123c-0.009-0.076,0.046-0.144,0.122-0.153       l225.884-25.128c0.079-0.004,0.145,0.046,0.152,0.123c0.009,0.076-0.046,0.144-0.122,0.153L210.449,362.13       C210.444,362.131,210.44,362.131,210.434,362.131z"/>
+				</g>
+			</g>
+			<g style="opacity:0.34;">
+				<polygon style="fill:#FFF3EA;" points="101.68,130.234 385.697,315.104 101.68,343.911     "/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<path style="fill:#FFB289;" d="M498.07,94.169c0,8.494-1.369,16.668-3.915,24.327c-4.129,12.41-11.318,23.407-20.668,32.115      c-0.021,0-0.021,0-0.021,0c-13.757,12.816-32.201,20.647-52.462,20.647c-20.133,0-38.448-7.702-52.184-20.347      c-0.021,0-0.021,0-0.021,0c-8.901-8.216-15.876-18.507-20.133-30.082c-3.081-8.301-4.75-17.288-4.75-26.659      c0-42.556,34.511-77.067,77.089-77.067C463.559,17.101,498.07,51.613,498.07,94.169z"/>
+			</g>
+			<g>
+				<g>
+					<g>
+						<path style="fill:#512651;" d="M389.369,102.673c0,4.073-3.302,7.375-7.375,7.375c-4.073,0-7.375-3.302-7.375-7.375        c0-4.073,3.302-7.375,7.375-7.375C386.067,95.298,389.369,98.6,389.369,102.673z"/>
+					</g>
+					<g>
+						<circle style="fill:#512651;" cx="459.993" cy="102.673" r="7.375"/>
+					</g>
+				</g>
+				<g>
+					<path style="fill:#512651;" d="M421.383,127.917c-0.762,0-1.524-0.032-2.285-0.096c-6.603-0.559-15.707-4.552-19.512-10.267       c-0.143-0.214-0.085-0.504,0.13-0.647c0.212-0.141,0.504-0.085,0.646,0.13c3.65,5.48,12.432,9.314,18.815,9.855       c9.687,0.821,19.98-4.125,24.448-11.759c0.131-0.223,0.414-0.297,0.638-0.167c0.223,0.13,0.297,0.416,0.167,0.638       C440.066,123.059,430.821,127.917,421.383,127.917z"/>
+				</g>
+			</g>
+			<g>
+				<path style="fill:#FF8C9D;" d="M387.176,130.542c0,10.591-8.066,19.299-18.358,20.369c-0.021,0-0.021,0-0.021,0      c-8.901-8.216-15.876-18.507-20.133-30.082c3.444-6.419,10.249-10.784,18.037-10.784      C377.997,110.044,387.176,119.223,387.176,130.542z"/>
+			</g>
+			<g>
+				<path style="fill:#FF8C9D;" d="M494.154,118.496c-4.129,12.41-11.318,23.407-20.668,32.115c-0.021,0-0.021,0-0.021,0      c-9.35-1.926-16.368-10.184-16.368-20.069c0-11.318,9.179-20.497,20.497-20.497      C484.398,110.044,490.432,113.361,494.154,118.496z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<path style="fill:#512651;" d="M195.637,91.222c-0.085,0-0.169-0.039-0.224-0.113c-0.09-0.123-0.064-0.296,0.059-0.387       c1.151-0.845,2.252-1.757,3.271-2.708c0.115-0.104,0.288-0.098,0.391,0.013c0.105,0.112,0.098,0.287-0.013,0.392       c-1.036,0.966-2.153,1.892-3.321,2.749C195.751,91.204,195.694,91.222,195.637,91.222z"/>
+				</g>
+				<g>
+					<path style="fill:#512651;" d="M111.382,349.947h-0.011c-0.553-0.034-1.129-0.078-1.693-0.133c-0.011,0-0.011,0-0.011,0       c-0.144-0.022-0.243-0.133-0.243-0.276c0-0.011,0-0.022,0-0.033c0.011-0.144,0.155-0.254,0.298-0.244l0.011,0.034v-0.034       c0.532,0.055,1.074,0.089,1.671,0.133c0.144,0.011,0.265,0.133,0.254,0.287C111.648,349.825,111.525,349.947,111.382,349.947z        M105.308,349.161c-0.011,0-0.032,0-0.055,0c-1.438-0.288-2.887-0.653-4.326-1.084c-0.121-0.044-0.199-0.144-0.199-0.266       c0-0.033,0-0.055,0.011-0.089c0.044-0.144,0.2-0.221,0.344-0.177c1.438,0.431,2.876,0.785,4.282,1.062       c0.154,0.033,0.243,0.177,0.22,0.332C105.552,349.073,105.441,349.161,105.308,349.161z M96.823,346.617       c-0.044,0-0.077-0.011-0.11-0.022c-1.349-0.542-2.711-1.161-4.06-1.847c-0.011,0-0.011,0-0.011-0.011       c-0.089-0.044-0.145-0.144-0.145-0.244c0-0.033,0.012-0.077,0.034-0.122c0.067-0.121,0.232-0.188,0.365-0.121       c1.305,0.663,2.656,1.272,4.027,1.825c0.145,0.055,0.211,0.221,0.156,0.365C97.033,346.55,96.934,346.617,96.823,346.617z        M88.901,342.612c-0.055,0-0.099-0.011-0.144-0.044c-1.25-0.763-2.5-1.593-3.716-2.478c-0.067-0.044-0.111-0.133-0.111-0.221       c0-0.056,0.012-0.111,0.055-0.166c0.078-0.122,0.266-0.144,0.388-0.055c1.184,0.863,2.422,1.682,3.673,2.456       c0.066,0.033,0.11,0.099,0.121,0.166c0.023,0.077,0,0.155-0.034,0.21C89.079,342.568,88.99,342.612,88.901,342.612z        M81.711,337.402c-0.066,0-0.121-0.022-0.176-0.066c-1.106-0.93-2.213-1.947-3.297-2.998c-0.055-0.056-0.078-0.122-0.089-0.199       c0-0.077,0.034-0.144,0.089-0.199c0.099-0.099,0.287-0.111,0.387,0c1.063,1.04,2.157,2.036,3.264,2.976       c0.122,0.1,0.133,0.277,0.034,0.387C81.866,337.368,81.788,337.402,81.711,337.402z M75.372,331.184       c-0.078,0-0.154-0.034-0.199-0.089c-0.974-1.106-1.925-2.257-2.833-3.44c-0.044-0.056-0.055-0.111-0.055-0.166       c0-0.088,0.034-0.177,0.11-0.221c0.111-0.099,0.299-0.066,0.388,0.044c0.874,1.161,1.825,2.312,2.798,3.418       c0.101,0.111,0.089,0.288-0.022,0.387C75.505,331.162,75.438,331.184,75.372,331.184z M69.995,324.137       c-0.089,0-0.177-0.055-0.232-0.133c-0.41-0.63-0.83-1.294-1.227-1.958c-0.344-0.575-0.698-1.184-1.074-1.848c0,0,0,0,0-0.011       c-0.022-0.034-0.032-0.078-0.032-0.122c0-0.11,0.044-0.199,0.132-0.254c0.133-0.066,0.31-0.022,0.388,0.111       c0.365,0.664,0.718,1.272,1.062,1.847c0.399,0.653,0.796,1.294,1.216,1.936c0.044,0.066,0.056,0.133,0.044,0.21       c-0.022,0.066-0.066,0.133-0.121,0.177C70.106,324.115,70.05,324.137,69.995,324.137z M65.658,316.393       c-0.11,0-0.209-0.055-0.254-0.155c-0.642-1.339-1.25-2.71-1.803-4.071l-0.012-0.011c0-0.033-0.011-0.066-0.011-0.099       c0-0.111,0.067-0.21,0.166-0.254c0.144-0.056,0.298,0.011,0.365,0.144c0,0.011,0,0.011,0,0.011       c0.011,0.011,0.011,0.022,0.011,0.033c0.564,1.361,1.161,2.711,1.792,4.005c0.066,0.144,0,0.31-0.133,0.376       C65.736,316.393,65.703,316.393,65.658,316.393z M62.284,308.184c-0.11,0-0.222-0.078-0.255-0.188       c-0.475-1.35-0.929-2.788-1.349-4.249c-0.011-0.022-0.011-0.055-0.011-0.077c0-0.121,0.089-0.221,0.199-0.266       c0.144-0.033,0.299,0.044,0.343,0.189l0,0c0.011,0.011,0.011,0.022,0.011,0.022c0.41,1.416,0.851,2.832,1.328,4.204       c0.044,0.144-0.033,0.299-0.166,0.354C62.35,308.184,62.318,308.184,62.284,308.184z M59.829,299.655       c-0.133,0-0.244-0.089-0.277-0.21c-0.321-1.394-0.631-2.854-0.918-4.359c0-0.022,0-0.033,0-0.056       c0-0.133,0.089-0.243,0.222-0.265c0.154-0.034,0.298,0.077,0.321,0.221c0.277,1.471,0.586,2.921,0.917,4.326       c0.023,0.077,0,0.155-0.032,0.21c-0.044,0.066-0.099,0.111-0.177,0.133C59.861,299.655,59.85,299.655,59.829,299.655z        M58.18,290.926c-0.133,0-0.255-0.099-0.277-0.232c-0.211-1.46-0.387-2.954-0.542-4.425c0,0,0-0.011,0-0.022       c0-0.144,0.111-0.266,0.255-0.277s0.277,0.099,0.298,0.244c0.156,1.515,0.344,2.998,0.542,4.403       c0.022,0.144-0.078,0.287-0.232,0.309C58.202,290.926,58.191,290.926,58.18,290.926z M57.284,282.097h-0.012       c-0.154,0-0.277-0.111-0.287-0.254c-0.099-1.494-0.166-2.987-0.211-4.447v-0.011c0-0.155,0.122-0.277,0.266-0.277h0.011       c0.145,0,0.266,0.122,0.277,0.265c0.044,1.527,0.122,3.009,0.211,4.425C57.549,281.954,57.439,282.087,57.284,282.097       L57.284,282.097z M56.985,273.225c-0.154,0-0.287-0.122-0.287-0.277c0.011-1.438,0.034-2.943,0.077-4.447       c0-0.155,0.122-0.265,0.276-0.265h0.012c0.144,0,0.265,0.122,0.265,0.277c-0.043,1.571-0.066,3.02-0.066,4.436       C57.262,273.103,57.129,273.225,56.985,273.225z M57.251,264.352c0,0-0.011-0.011-0.023-0.011       c-0.066,0-0.133-0.034-0.188-0.089c-0.044-0.056-0.077-0.122-0.066-0.199c0.089-1.571,0.21-3.02,0.342-4.436       c0.011-0.155,0.144-0.266,0.299-0.254c0.144,0.022,0.254,0.132,0.254,0.277c0,0.011,0,0.022,0,0.033       c-0.144,1.405-0.254,2.899-0.342,4.414C57.517,264.231,57.395,264.352,57.251,264.352z M58.102,255.513       c-0.011,0-0.022,0-0.032-0.011c-0.078-0.011-0.145-0.044-0.189-0.099c-0.043-0.066-0.055-0.133-0.055-0.21       c0.211-1.483,0.454-2.965,0.73-4.392c0.023-0.144,0.177-0.254,0.321-0.222c0.133,0.022,0.232,0.133,0.232,0.266       c0,0.022,0,0.044-0.011,0.055c0,0.011,0,0.011,0,0.022c-0.266,1.372-0.509,2.844-0.72,4.348       C58.357,255.413,58.246,255.513,58.102,255.513z M59.795,246.795c-0.022,0-0.044,0-0.066-0.011       c-0.078-0.011-0.133-0.067-0.177-0.133c-0.034-0.055-0.044-0.133-0.023-0.199c0.388-1.527,0.797-2.932,1.25-4.281       c0.044-0.144,0.211-0.221,0.344-0.177c0.121,0.044,0.199,0.144,0.199,0.266c0,0.022-0.011,0.055-0.011,0.077       c0,0,0,0-0.011,0.011c0,0.011,0,0.022-0.012,0.033c-0.453,1.372-0.862,2.799-1.227,4.204       C60.038,246.707,59.917,246.795,59.795,246.795z M62.594,238.377c-0.033,0-0.067-0.011-0.099-0.022       c-0.078-0.033-0.133-0.077-0.155-0.155c-0.034-0.066-0.022-0.144,0-0.21c0.078-0.177,0.155-0.354,0.232-0.531       c0.521-1.195,1.085-2.378,1.682-3.496c0.066-0.133,0.232-0.189,0.365-0.122c0.089,0.044,0.155,0.144,0.155,0.244       c0,0.044-0.011,0.089-0.034,0.133c-0.597,1.128-1.151,2.29-1.659,3.463c-0.055,0.111-0.099,0.232-0.154,0.343l-0.078,0.188       C62.804,238.31,62.705,238.377,62.594,238.377z M87.829,237.503c-0.011,0-0.022,0-0.022,0       c-1.494-0.133-2.966-0.442-4.404-0.918c-0.11-0.044-0.188-0.144-0.188-0.265c0-0.033,0-0.066,0.011-0.089       c0.044-0.133,0.211-0.221,0.354-0.177c1.394,0.465,2.832,0.763,4.271,0.896c0.155,0.022,0.265,0.155,0.254,0.31       C88.094,237.392,87.972,237.503,87.829,237.503z M92.254,237.381c-0.133,0-0.254-0.099-0.277-0.232c0-0.011,0-0.022,0-0.033       v-0.011c0-0.133,0.099-0.254,0.232-0.277c1.482-0.232,2.877-0.675,4.149-1.294c0.133-0.066,0.299-0.011,0.365,0.132       c0.067,0.133,0.011,0.299-0.122,0.365c-1.327,0.642-2.766,1.096-4.303,1.339C92.287,237.381,92.265,237.381,92.254,237.381z        M79.454,234.77c-0.043,0-0.099-0.022-0.144-0.044c-1.25-0.719-2.477-1.593-3.661-2.567c-0.067-0.055-0.099-0.132-0.099-0.221       c0-0.056,0.022-0.122,0.055-0.166c0.099-0.121,0.287-0.132,0.399-0.044c1.151,0.962,2.367,1.814,3.584,2.522       c0.067,0.033,0.111,0.099,0.133,0.166c0.023,0.078,0.011,0.144-0.022,0.21C79.643,234.715,79.554,234.77,79.454,234.77z        M100.042,233.453c-0.066,0-0.133-0.033-0.188-0.077s-0.089-0.121-0.089-0.188c0-0.077,0.023-0.144,0.078-0.199       c0.973-1.04,1.77-2.257,2.367-3.618c0.055-0.144,0.221-0.21,0.365-0.144c0.067,0.022,0.11,0.077,0.144,0.144       c0.023,0.078,0.023,0.144-0.011,0.21c-0.608,1.416-1.438,2.689-2.467,3.784C100.186,233.42,100.12,233.453,100.042,233.453z        M66.754,230.544c-0.055,0-0.11-0.022-0.155-0.044c-0.067-0.044-0.111-0.111-0.122-0.177c-0.011-0.078,0-0.155,0.044-0.211       c0.83-1.261,1.715-2.478,2.633-3.606c0.089-0.121,0.277-0.133,0.387-0.044c0.067,0.055,0.1,0.133,0.1,0.21       c0,0.066-0.023,0.133-0.056,0.177c-0.929,1.139-1.803,2.334-2.599,3.562C66.931,230.5,66.842,230.544,66.754,230.544z        M72.606,229.161c-0.078,0-0.144-0.033-0.199-0.089c-0.963-1.029-1.925-2.179-2.866-3.429c-0.032-0.044-0.055-0.1-0.055-0.166       c0-0.088,0.044-0.166,0.111-0.221c0.11-0.089,0.298-0.066,0.387,0.055c0.929,1.228,1.881,2.368,2.821,3.385       c0.055,0.055,0.078,0.122,0.078,0.199c0,0.077-0.034,0.144-0.089,0.199C72.739,229.139,72.672,229.161,72.606,229.161z        M103.472,225.455h-0.012c-0.144-0.011-0.265-0.132-0.265-0.277v-0.011c0.011-0.188,0.022-0.354,0.022-0.52       c0-1.317-0.243-2.567-0.72-3.706c-0.022-0.066-0.022-0.144,0-0.211c0.034-0.066,0.089-0.121,0.156-0.154       c0.133-0.056,0.298,0.011,0.365,0.154c0.497,1.206,0.752,2.523,0.752,3.916c0,0.188-0.011,0.365-0.022,0.542       C103.749,225.345,103.627,225.455,103.472,225.455z M72.34,223.663c-0.078,0-0.144-0.033-0.199-0.089       c-0.111-0.1-0.099-0.277,0-0.387c1.062-1.051,2.19-2.047,3.352-2.965c0.121-0.088,0.298-0.067,0.387,0.056       c0.044,0.044,0.055,0.099,0.066,0.166c0,0.089-0.044,0.166-0.11,0.222c-1.14,0.885-2.246,1.87-3.297,2.909       C72.484,223.629,72.418,223.663,72.34,223.663z M67.218,222.114c-0.089,0-0.177-0.044-0.232-0.122       c-0.785-1.228-1.549-2.511-2.279-3.816c0-0.011,0-0.011,0-0.011c-0.023-0.044-0.034-0.089-0.034-0.133       c-0.011-0.099,0.044-0.199,0.133-0.243c0.133-0.078,0.309-0.022,0.387,0.111c0.697,1.272,1.461,2.544,2.257,3.794       c0.089,0.122,0.044,0.299-0.078,0.377C67.329,222.103,67.274,222.114,67.218,222.114z M79.333,218.22       c-0.099,0-0.188-0.055-0.243-0.132c-0.033-0.066-0.044-0.144-0.033-0.21c0.022-0.078,0.066-0.133,0.133-0.177       c1.106-0.653,2.245-1.239,3.408-1.748c0.188-0.089,0.387-0.166,0.586-0.254l0,0c0.144-0.055,0.31,0.011,0.365,0.155       c0.012,0.033,0.023,0.066,0.023,0.099c0,0.111-0.067,0.21-0.166,0.254l0,0c-0.011,0.011-0.022,0.011-0.034,0.011       c-0.188,0.077-0.364,0.155-0.553,0.232c-1.139,0.509-2.268,1.084-3.351,1.726C79.421,218.209,79.377,218.22,79.333,218.22z        M100.175,217.545c-0.066,0-0.122-0.022-0.177-0.066c-1.039-0.907-2.301-1.615-3.75-2.102       c-0.078-0.022-0.133-0.066-0.166-0.133c-0.034-0.066-0.034-0.144-0.011-0.21c0.044-0.144,0.199-0.221,0.342-0.177       c1.516,0.509,2.854,1.25,3.95,2.201c0.055,0.055,0.089,0.122,0.089,0.199c0.011,0.077-0.022,0.144-0.066,0.188       C100.33,217.512,100.264,217.545,100.175,217.545z M87.552,214.989c-0.133,0-0.254-0.099-0.277-0.221       c-0.011-0.078,0-0.144,0.044-0.21c0.044-0.066,0.099-0.1,0.177-0.122c1.294-0.232,2.578-0.354,3.817-0.354       c0.21,0,0.442,0,0.663,0.011c0.144,0,0.266,0.122,0.266,0.277v0.011c0,0.155-0.122,0.265-0.277,0.265h-0.011       c-0.255-0.011-0.454-0.011-0.642-0.011c-1.218,0-2.468,0.122-3.718,0.343C87.586,214.989,87.563,214.989,87.552,214.989z        M62.948,214.348c-0.11,0-0.21-0.066-0.254-0.166c-0.62-1.339-1.206-2.721-1.737-4.104c-0.011-0.033-0.022-0.066-0.022-0.099       c0-0.111,0.077-0.221,0.177-0.254c0.144-0.056,0.309,0.022,0.364,0.155c0.532,1.383,1.106,2.754,1.716,4.071       c0.066,0.133,0.011,0.299-0.133,0.365C63.026,214.337,62.981,214.348,62.948,214.348z M59.762,206.062       c-0.121,0-0.232-0.077-0.265-0.199c-0.432-1.394-0.83-2.843-1.184-4.292c-0.011-0.022-0.011-0.044-0.011-0.066       c0-0.133,0.089-0.243,0.21-0.265c0.156-0.034,0.299,0.055,0.332,0.199c0.354,1.439,0.753,2.876,1.184,4.271       c0.044,0.144-0.034,0.299-0.188,0.343C59.817,206.062,59.784,206.062,59.762,206.062z M57.671,197.433       c-0.133,0-0.255-0.089-0.277-0.221c-0.255-1.438-0.465-2.921-0.642-4.403c0-0.011,0-0.011,0-0.011c0-0.011,0-0.022,0-0.033       c-0.011-0.144,0.099-0.254,0.243-0.277c0.156-0.011,0.289,0.099,0.31,0.244c0.166,1.515,0.387,2.987,0.642,4.381       c0.022,0.144-0.078,0.287-0.232,0.321C57.705,197.433,57.682,197.433,57.671,197.433z M56.643,188.615       c-0.145,0-0.266-0.111-0.266-0.266c-0.089-1.438-0.122-2.876-0.122-4.27v-0.177c0-0.011,0-0.011,0-0.022       c0.011-0.144,0.133-0.254,0.277-0.254s0.266,0.121,0.277,0.265v0.011c0,0.011,0,0.022,0,0.033v0.144       c0,1.416,0.034,2.843,0.111,4.248c0.011,0.077-0.012,0.144-0.067,0.199c-0.044,0.056-0.121,0.089-0.188,0.089       C56.664,188.615,56.654,188.615,56.643,188.615z M56.664,179.743h-0.011c-0.156-0.011-0.266-0.144-0.266-0.299       c0.099-1.494,0.232-2.987,0.399-4.436l0,0c0.022-0.155,0.144-0.254,0.309-0.244c0.145,0.022,0.244,0.144,0.244,0.277v0.033       c-0.177,1.471-0.31,2.954-0.399,4.404C56.93,179.632,56.808,179.743,56.664,179.743z M57.705,170.925c-0.023,0-0.034,0-0.056,0       c-0.144-0.033-0.243-0.177-0.22-0.32c0.254-1.461,0.564-2.932,0.896-4.37c0.034-0.144,0.199-0.232,0.332-0.21       c0.122,0.033,0.211,0.144,0.222,0.265c0,0.022-0.011,0.044-0.011,0.078c-0.332,1.427-0.631,2.887-0.885,4.325       C57.948,170.826,57.838,170.925,57.705,170.925z M59.729,162.286c-0.023,0-0.044,0-0.078-0.011       c-0.144-0.044-0.222-0.199-0.177-0.343c0.399-1.372,0.863-2.799,1.383-4.237c0.044-0.144,0.211-0.21,0.354-0.166       c0.11,0.044,0.177,0.144,0.177,0.255c0,0.034,0,0.066-0.012,0.1c-0.497,1.394-0.963,2.799-1.371,4.204       C59.962,162.208,59.85,162.286,59.729,162.286z M62.749,153.933c-0.044,0-0.078,0-0.11-0.022       c-0.144-0.055-0.211-0.221-0.144-0.365c0.586-1.372,1.216-2.721,1.869-4.038l0.011-0.011c0.067-0.122,0.232-0.177,0.365-0.111       c0.089,0.044,0.156,0.144,0.156,0.255c-0.012,0.044-0.012,0.077-0.034,0.111c-0.663,1.339-1.294,2.688-1.858,4.016       C62.96,153.866,62.859,153.933,62.749,153.933z M66.72,146.001c-0.044,0-0.099-0.011-0.133-0.033       c-0.133-0.078-0.176-0.255-0.099-0.387c0.067-0.121,0.133-0.244,0.211-0.365c0.686-1.161,1.404-2.312,2.135-3.418       c0.078-0.122,0.255-0.155,0.376-0.078c0.078,0.056,0.133,0.133,0.133,0.232c0,0.056-0.022,0.111-0.044,0.155       c-0.73,1.095-1.449,2.246-2.124,3.396c-0.034,0.056-0.066,0.122-0.099,0.177c-0.044,0.067-0.078,0.122-0.11,0.188       C66.908,145.946,66.82,146.001,66.72,146.001z M71.61,138.588c-0.066,0-0.121-0.011-0.165-0.044       c-0.122-0.1-0.144-0.266-0.055-0.387c0.862-1.173,1.791-2.357,2.754-3.507c0.099-0.111,0.277-0.133,0.388-0.034       c0.066,0.056,0.099,0.133,0.099,0.21c0,0.066-0.023,0.122-0.055,0.166c0,0.011,0,0.011,0,0.011       c-0.012,0.011-0.023,0.022-0.023,0.022c-0.929,1.117-1.847,2.279-2.721,3.452C71.777,138.555,71.699,138.588,71.61,138.588z        M77.285,131.774c-0.066,0-0.132-0.033-0.188-0.078c-0.055-0.044-0.089-0.122-0.089-0.188c0-0.077,0.023-0.144,0.078-0.199       c1.007-1.084,2.047-2.158,3.109-3.186c0.11-0.099,0.287-0.099,0.398,0.011c0.044,0.044,0.078,0.122,0.078,0.188       c0,0.077-0.034,0.144-0.089,0.199c-1.051,1.018-2.091,2.09-3.097,3.164C77.441,131.74,77.363,131.774,77.285,131.774z        M83.658,125.589c-0.078,0-0.156-0.033-0.211-0.088c-0.099-0.122-0.089-0.299,0.023-0.399c1.117-0.962,2.268-1.925,3.429-2.843       c0.122-0.099,0.298-0.077,0.387,0.044c0.044,0.055,0.056,0.111,0.056,0.177c0,0.077-0.034,0.155-0.1,0.21       c-1.161,0.918-2.3,1.87-3.396,2.832C83.791,125.567,83.724,125.589,83.658,125.589z M90.617,120.08       c-0.089,0-0.166-0.044-0.221-0.11c-0.044-0.067-0.055-0.133-0.044-0.211c0.011-0.066,0.044-0.132,0.11-0.177       c1.161-0.83,2.401-1.671,3.684-2.5c0.133-0.077,0.299-0.033,0.388,0.089c0.022,0.044,0.044,0.099,0.044,0.155       c-0.012,0.089-0.056,0.177-0.133,0.221c-1.25,0.808-2.478,1.638-3.662,2.489C90.738,120.069,90.683,120.08,90.617,120.08z        M98.085,115.279c-0.1,0-0.188-0.055-0.244-0.133c-0.032-0.066-0.044-0.144-0.022-0.21c0.022-0.077,0.066-0.133,0.133-0.177       c1.271-0.73,2.589-1.449,3.904-2.135c0.133-0.066,0.31-0.011,0.377,0.121c0.011,0.034,0.022,0.078,0.022,0.133       c0,0.099-0.055,0.188-0.144,0.232c-1.328,0.697-2.644,1.416-3.883,2.135C98.184,115.268,98.14,115.279,98.085,115.279z        M105.972,111.197c-0.111,0-0.211-0.066-0.255-0.155c-0.055-0.144,0-0.31,0.144-0.376c1.339-0.608,2.711-1.206,4.083-1.759       c0.144-0.056,0.31,0.011,0.365,0.155c0.011,0.034,0.011,0.066,0.011,0.1c0,0.11-0.055,0.21-0.154,0.254       c-0.012,0-0.012,0-0.012,0c-0.011,0-0.022,0.011-0.032,0.011c-1.328,0.542-2.689,1.129-4.028,1.748       C106.049,111.185,106.017,111.197,105.972,111.197z M114.203,107.856c-0.121,0-0.22-0.066-0.265-0.177       c-0.023-0.077-0.023-0.144,0.011-0.21c0.033-0.066,0.089-0.122,0.154-0.144c1.406-0.498,2.821-0.963,4.237-1.394       c0.133-0.033,0.299,0.044,0.344,0.188c0.011,0.033,0.011,0.055,0.011,0.088c0,0.111-0.078,0.221-0.2,0.255       c-1.405,0.431-2.821,0.896-4.204,1.383C114.259,107.856,114.236,107.856,114.203,107.856z M122.7,105.289       c-0.133,0-0.244-0.089-0.277-0.21c-0.034-0.155,0.055-0.299,0.21-0.343c1.427-0.354,2.888-0.697,4.337-0.996h0.012       c0.155-0.022,0.287,0.078,0.309,0.222c0.011,0.022,0.011,0.033,0.011,0.055c0,0.133-0.088,0.244-0.22,0.277       c-1.45,0.288-2.899,0.631-4.315,0.985C122.744,105.278,122.721,105.289,122.7,105.289z M131.395,103.497       c-0.133,0-0.254-0.099-0.277-0.232c-0.011-0.066,0.012-0.144,0.044-0.199c0.044-0.066,0.111-0.099,0.188-0.111       c1.018-0.166,2.035-0.309,2.998-0.431c0.509-0.056,0.973-0.111,1.416-0.166c0.144-0.011,0.287,0.1,0.299,0.244       c0,0.011,0,0.022,0,0.033c0,0.144-0.1,0.254-0.244,0.277c-0.41,0.044-0.841,0.1-1.404,0.166       c-1.018,0.132-2.025,0.265-2.976,0.42C131.417,103.497,131.406,103.497,131.395,103.497z M140.212,102.501       c-0.145,0-0.266-0.111-0.277-0.266c-0.012-0.066,0.022-0.144,0.066-0.199c0.044-0.056,0.11-0.089,0.188-0.089       c1.372-0.111,2.821-0.199,4.436-0.288c0.156-0.011,0.288,0.1,0.299,0.254v0.022c0,0.144-0.122,0.266-0.266,0.277       c-1.615,0.089-3.064,0.177-4.425,0.288h-0.011H140.212z M149.084,102.003c-0.154,0-0.276-0.122-0.276-0.265       c-0.011-0.155,0.099-0.288,0.255-0.288c0.752-0.033,1.493-0.067,2.234-0.099c0.741-0.022,1.472-0.056,2.213-0.089l0,0       c0.155,0,0.277,0.121,0.287,0.265v0.022c-0.011,0.144-0.121,0.266-0.265,0.266c-0.542,0.022-1.074,0.044-1.604,0.066       C150.987,101.926,150.036,101.959,149.084,102.003L149.084,102.003z M157.968,101.616h-0.011c-0.156,0-0.277-0.111-0.288-0.265       c0-0.144,0.111-0.277,0.266-0.288c1.626-0.089,3.065-0.177,4.425-0.277c0.166,0,0.287,0.111,0.299,0.266v0.011       c0,0.144-0.111,0.266-0.255,0.277C160.922,101.45,159.428,101.539,157.968,101.616L157.968,101.616z M166.808,100.952       c-0.145,0-0.266-0.11-0.277-0.243c-0.012-0.155,0.099-0.288,0.243-0.31c0.42-0.044,0.83-0.088,1.272-0.144       c1.062-0.122,2.113-0.265,3.12-0.42c0.177-0.022,0.299,0.089,0.321,0.244c0,0.011,0,0.022,0,0.033       c0,0.144-0.099,0.254-0.232,0.277c-0.996,0.155-2.046,0.287-3.142,0.42c-0.475,0.056-0.863,0.1-1.273,0.144       C166.83,100.952,166.819,100.952,166.808,100.952z M175.581,99.603c-0.133,0-0.243-0.089-0.266-0.221       c-0.033-0.155,0.055-0.299,0.211-0.332c1.46-0.299,2.899-0.652,4.292-1.04c0.144-0.033,0.309,0.055,0.342,0.199       c0.011,0.022,0.011,0.044,0.011,0.066c0,0.133-0.077,0.244-0.199,0.276c-1.36,0.377-2.821,0.73-4.337,1.051       C175.614,99.603,175.602,99.603,175.581,99.603z M184.132,97.224c-0.121,0-0.22-0.078-0.265-0.188       c-0.056-0.144,0.022-0.299,0.165-0.354c1.406-0.509,2.777-1.062,4.093-1.67c0.133-0.056,0.298,0.011,0.365,0.144       c0.066,0.133,0,0.299-0.133,0.365c-1.294,0.586-2.688,1.161-4.138,1.682C184.188,97.213,184.165,97.224,184.132,97.224z"/>
+				</g>
+				<g>
+					<path style="fill:#512651;" d="M113.833,350.013c-0.822,0-1.646-0.024-2.464-0.071c-0.152-0.009-0.269-0.14-0.26-0.293       c0.009-0.152,0.143-0.26,0.293-0.26c1.412,0.082,2.84,0.092,4.251,0.031c0.145-0.003,0.281,0.111,0.288,0.265       c0.007,0.152-0.111,0.282-0.265,0.288C115.065,350,114.449,350.013,113.833,350.013z"/>
+				</g>
+			</g>
+			<g>
+				<g>
+					<polygon style="fill:#FFA9DD;" points="159.539,47.794 200.328,69.281 193.044,92.588 211.618,86.033 215.624,116.26        281.177,41.603      "/>
+				</g>
+				<g>
+					<path style="fill:#512651;" d="M211.617,86.31c-0.091,0-0.18-0.045-0.233-0.128c-0.082-0.129-0.044-0.3,0.084-0.382       l67.613-43.187l-78.664,26.93c-0.14,0.051-0.302-0.027-0.351-0.172c-0.05-0.145,0.027-0.302,0.172-0.352l80.85-27.678       c0.131-0.044,0.278,0.015,0.339,0.142c0.06,0.126,0.017,0.278-0.1,0.354l-69.56,44.43       C211.72,86.296,211.668,86.31,211.617,86.31z"/>
+				</g>
+			</g>
+		</g>
+		<g>
+			<g>
+				<polygon style="fill:#FFB289;" points="45.955,296.191 53.103,251.26 66.889,292.107 104.672,291.085 75.569,312.019       83.738,345.718 58.719,321.721 39.828,352.866 43.402,316.104 11.745,307.935     "/>
+			</g>
+			<g>
+				<polygon style="fill:#FFB289;" points="437.007,241.693 470.961,211.409 455.806,251.768 485.719,274.873 449.936,272.682       434.952,303.952 430.749,269.541 396.417,281.719 422.436,255.503 403.081,229.154     "/>
+			</g>
+			<g>
+				<polygon style="fill:#FFB289;" points="88.8,78.637 85.11,36.551 106.737,70.238 140.542,60.801 119.045,86.219 134,114.734       106.054,98.756 96.057,131.072 90.989,97.15 60.631,96.927     "/>
+			</g>
+		</g>
+	</g>
+</g>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</svg>
diff --git a/public_html/assets/raven/images/illustrations/multi.svg b/public_html/assets/raven/images/illustrations/multi.svg
new file mode 100644
index 0000000..e2850d1
--- /dev/null
+++ b/public_html/assets/raven/images/illustrations/multi.svg
@@ -0,0 +1,612 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="844px" height="599px" viewBox="0 0 844 599" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.1 (55044) - http://www.bohemiancoding.com/sketch -->
+    <title>Process</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="0.776 0.446 91.551 0.446 91.551 10.592 0.776 10.592"></polygon>
+        <path d="M466.235,268.554 L0.473,268.554 L0.473,22.728 C0.473,10.522 10.367,0.627 22.574,0.627 L444.135,0.627 C456.341,0.627 466.235,10.522 466.235,22.728 L466.235,268.554" id="path-3"></path>
+        <linearGradient x1="78.5137044%" y1="1.38567595%" x2="25.6910182%" y2="95.987937%" id="linearGradient-5">
+            <stop stop-color="#23BECD" offset="0%"></stop>
+            <stop stop-color="#50E797" offset="100%"></stop>
+        </linearGradient>
+        <path d="M47.268,263.398 L0.945,263.398 L0.945,0.369 L43.624,0.369 C45.637,0.369 47.268,2.001 47.268,4.013 L47.268,263.398" id="path-6"></path>
+        <linearGradient x1="0%" y1="49.9998099%" x2="99.9997841%" y2="49.9998099%" id="linearGradient-8">
+            <stop stop-color="#29B9B4" offset="0%"></stop>
+            <stop stop-color="#21B8BC" offset="100%"></stop>
+        </linearGradient>
+        <path d="M318.109,0.627 L22.574,0.627 C10.367,0.627 0.473,10.522 0.473,22.728 L0.473,223.432 L318.109,0.627" id="path-9"></path>
+        <path d="M41.771,4.273 C41.818,3.049 41.815,1.836 41.795,0.627 L22.574,0.627 C10.367,0.627 0.473,10.522 0.473,22.728 L0.473,66.374 C24.035,55.245 40.732,31.636 41.771,4.273" id="path-11"></path>
+        <linearGradient x1="95.1452229%" y1="-4.94775427%" x2="-28.7852462%" y2="92.5319786%" id="linearGradient-13">
+            <stop stop-color="#50D6B5" offset="0%"></stop>
+            <stop stop-color="#49D4AC" offset="100%"></stop>
+        </linearGradient>
+        <path d="M466.235,0.554 L0.473,0.554 L0.473,54.656 C0.473,61.327 5.881,66.736 12.553,66.736 L445.047,66.736 C456.749,66.736 466.235,57.249 466.235,45.547 L466.235,0.554" id="path-14"></path>
+        <linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="linearGradient-16">
+            <stop stop-color="#9DA7B3" offset="0%"></stop>
+            <stop stop-color="#EAEBED" offset="100%"></stop>
+        </linearGradient>
+        <path d="M59.434,160.553 L59.434,15.583 C59.434,7.341 52.752,0.659 44.51,0.659 L0.086,0.659 L0.086,160.553 L59.434,160.553" id="path-17"></path>
+        <linearGradient x1="50%" y1="0.783644164%" x2="50%" y2="107.249178%" id="linearGradient-19">
+            <stop stop-color="#29B9B4" offset="0%"></stop>
+            <stop stop-color="#29B9B4" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.945,0.553 L0.945,37.976 C0.945,40.97 3.373,43.398 6.368,43.398 L41.94,43.398 C44.883,43.398 47.268,41.013 47.268,38.071 L47.268,0.553 L0.945,0.553" id="path-20"></path>
+        <linearGradient x1="7.95069404%" y1="15.229315%" x2="199.183343%" y2="159.591551%" id="linearGradient-22">
+            <stop stop-color="#9DA7B3" offset="0%"></stop>
+            <stop stop-color="#EAEBED" offset="100%"></stop>
+        </linearGradient>
+        <path d="M34.135,0.625 L18,0.625 C7.555,9.107 0.878,22.045 0.878,36.548 C0.878,62.096 21.589,82.807 47.137,82.807 C50.252,82.807 53.293,82.495 56.235,81.907 L56.235,22.726 C56.235,10.52 46.341,0.625 34.135,0.625" id="path-23"></path>
+        <path d="M300.254,200.784 L268.773,0.134 L15.377,0.134 C7.186,0.134 0.546,6.774 0.546,14.965 L0.546,302.203 C0.546,310.395 7.186,317.034 15.377,317.034 L253.489,317.034 C279.316,317.034 300.254,296.098 300.254,270.271 C300.254,244.443 300.254,200.784 300.254,200.784" id="path-25"></path>
+        <linearGradient x1="0%" y1="49.9999684%" x2="99.9996663%" y2="49.9999684%" id="linearGradient-27">
+            <stop stop-color="#46A1FF" offset="0%"></stop>
+            <stop stop-color="#572FF0" offset="100%"></stop>
+        </linearGradient>
+        <path d="M81.247,9.605 L60.951,9.605 C58.5,9.605 56.513,7.618 56.513,5.167 C56.513,2.716 58.5,0.729 60.951,0.729 L81.247,0.729 C83.698,0.729 85.684,2.716 85.684,5.167 C85.684,7.618 83.698,9.605 81.247,9.605 Z M126.913,9.605 L106.616,9.605 C104.166,9.605 102.179,7.618 102.179,5.167 C102.179,2.716 104.166,0.729 106.616,0.729 L126.913,0.729 C129.364,0.729 131.351,2.716 131.351,5.167 C131.351,7.618 129.364,9.605 126.913,9.605 Z M172.578,9.605 L152.283,9.605 C149.832,9.605 147.845,7.618 147.845,5.167 C147.845,2.716 149.832,0.729 152.283,0.729 L172.578,0.729 C175.03,0.729 177.016,2.716 177.016,5.167 C177.016,7.618 175.03,9.605 172.578,9.605 Z M218.244,9.605 L197.949,9.605 C195.497,9.605 193.511,7.618 193.511,5.167 C193.511,2.716 195.497,0.729 197.949,0.729 L218.244,0.729 C220.696,0.729 222.682,2.716 222.682,5.167 C222.682,7.618 220.696,9.605 218.244,9.605 Z M15.285,9.715 C13.095,9.715 11.189,8.094 10.892,5.863 C10.568,3.433 12.275,1.201 14.704,0.878 C15.444,0.78 16.2,0.729 16.951,0.729 L35.581,0.729 C38.032,0.729 40.019,2.716 40.019,5.167 C40.019,7.618 38.032,9.605 35.581,9.605 L16.951,9.605 C16.59,9.605 16.229,9.628 15.877,9.676 C15.679,9.702 15.48,9.715 15.285,9.715 Z M4.512,49.829 C2.061,49.829 0.075,47.843 0.075,45.391 L0.075,25.095 C0.075,22.644 2.061,20.657 4.512,20.657 C6.963,20.657 8.95,22.644 8.95,25.095 L8.95,45.391 C8.95,47.843 6.963,49.829 4.512,49.829 Z M4.512,95.495 C2.061,95.495 0.075,93.508 0.075,91.057 L0.075,70.761 C0.075,68.31 2.061,66.323 4.512,66.323 C6.963,66.323 8.95,68.31 8.95,70.761 L8.95,91.057 C8.95,93.508 6.963,95.495 4.512,95.495 Z M4.512,141.16 C2.061,141.16 0.075,139.172 0.075,136.722 L0.075,116.426 C0.075,113.976 2.061,111.989 4.512,111.989 C6.963,111.989 8.95,113.976 8.95,116.426 L8.95,136.722 C8.95,139.172 6.963,141.16 4.512,141.16 Z M4.512,186.826 C2.061,186.826 0.075,184.839 0.075,182.389 L0.075,162.092 C0.075,159.642 2.061,157.655 4.512,157.655 C6.963,157.655 8.95,159.642 8.95,162.092 L8.95,182.389 C8.95,184.839 6.963,186.826 4.512,186.826 Z M4.512,232.492 C2.061,232.492 0.075,230.505 0.075,228.055 L0.075,207.759 C0.075,205.309 2.061,203.322 4.512,203.322 C6.963,203.322 8.95,205.309 8.95,207.759 L8.95,228.055 C8.95,230.505 6.963,232.492 4.512,232.492 Z M254.073,247.946 C253.632,247.946 253.183,247.879 252.74,247.741 C250.402,247.004 249.103,244.513 249.838,242.175 C250.897,238.81 251.433,235.293 251.433,231.726 L251.433,223.385 C251.433,220.935 253.42,218.948 255.871,218.948 C258.323,218.948 260.309,220.935 260.309,223.385 L260.309,231.726 C260.309,236.199 259.635,240.609 258.305,244.837 C257.709,246.734 255.959,247.946 254.073,247.946 Z M12.703,274.643 C12.2,274.643 11.688,274.556 11.187,274.374 C4.54,271.958 0.075,265.581 0.075,258.508 L0.075,253.425 C0.075,250.974 2.061,248.987 4.512,248.987 C6.963,248.987 8.95,250.974 8.95,253.425 L8.95,258.508 C8.95,261.864 11.068,264.887 14.22,266.033 C16.524,266.87 17.712,269.416 16.875,271.721 C16.219,273.524 14.516,274.643 12.703,274.643 Z M220.635,275.185 C218.384,275.185 216.456,273.48 216.225,271.193 C215.979,268.755 217.756,266.578 220.195,266.332 C226.179,265.728 231.933,263.558 236.836,260.058 C238.83,258.635 241.601,259.097 243.026,261.09 C244.45,263.085 243.988,265.857 241.993,267.282 C235.835,271.679 228.606,274.404 221.086,275.163 C220.934,275.178 220.784,275.185 220.635,275.185 Z M58.282,275.385 L37.985,275.385 C35.534,275.385 33.547,273.397 33.547,270.947 C33.547,268.496 35.534,266.509 37.985,266.509 L58.282,266.509 C60.732,266.509 62.719,268.496 62.719,270.947 C62.719,273.397 60.732,275.385 58.282,275.385 Z M103.947,275.385 L83.651,275.385 C81.2,275.385 79.214,273.397 79.214,270.947 C79.214,268.496 81.2,266.509 83.651,266.509 L103.947,266.509 C106.398,266.509 108.385,268.496 108.385,270.947 C108.385,273.397 106.398,275.385 103.947,275.385 Z M149.613,275.385 L129.317,275.385 C126.866,275.385 124.879,273.397 124.879,270.947 C124.879,268.496 126.866,266.509 129.317,266.509 L149.613,266.509 C152.064,266.509 154.051,268.496 154.051,270.947 C154.051,273.397 152.064,275.385 149.613,275.385 Z M195.279,275.385 L174.983,275.385 C172.532,275.385 170.545,273.397 170.545,270.947 C170.545,268.496 172.532,266.509 174.983,266.509 L195.279,266.509 C197.729,266.509 199.716,268.496 199.716,270.947 C199.716,273.397 197.729,275.385 195.279,275.385 Z" id="path-28"></path>
+        <linearGradient x1="-0.000384269542%" y1="50%" x2="100%" y2="50%" id="linearGradient-30">
+            <stop stop-color="#B5D9FF" offset="0%"></stop>
+            <stop stop-color="#9980F6" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.489,0.369 L0.489,270.506 C26.316,270.506 47.254,291.443 47.254,317.271 L47.254,47.134 C47.254,21.306 26.316,0.369 0.489,0.369" id="path-31"></path>
+        <linearGradient x1="0%" y1="50%" x2="99.9991447%" y2="50%" id="linearGradient-33">
+            <stop stop-color="#398AFC" offset="0%"></stop>
+            <stop stop-color="#E4ABFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M13.071,263.421 L6.388,263.421 C3.313,263.421 0.819,260.928 0.819,257.853 L0.819,5.962 C0.819,2.886 3.313,0.392 6.388,0.392 L13.071,0.392 L13.071,263.421" id="path-34"></path>
+        <linearGradient x1="50%" y1="100.499185%" x2="50%" y2="-16.3088481%" id="linearGradient-36">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-37" points="0.096 0.801 22.142 0.801 22.142 6.962 0.096 6.962"></polygon>
+        <linearGradient x1="50%" y1="3854.39052%" x2="50%" y2="-572.829086%" id="linearGradient-39">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-40" points="0.61 0.727 13.142 0.727 13.142 6.888 0.61 6.888"></polygon>
+        <linearGradient x1="50%" y1="3595.89352%" x2="50%" y2="-831.326083%" id="linearGradient-42">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-43" points="0.096 0.653 22.142 0.653 22.142 6.814 0.096 6.814"></polygon>
+        <linearGradient x1="50%" y1="3337.39653%" x2="50%" y2="-1089.82308%" id="linearGradient-45">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-46" points="0.61 0.578 13.142 0.578 13.142 6.74 0.61 6.74"></polygon>
+        <linearGradient x1="50%" y1="3078.4161%" x2="50%" y2="-1348.08504%" id="linearGradient-48">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-49" points="0.096 0.504 22.142 0.504 22.142 6.665 0.096 6.665"></polygon>
+        <linearGradient x1="50%" y1="2820.35384%" x2="50%" y2="-1606.76838%" id="linearGradient-51">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-52" points="0.61 0.43 13.142 0.43 13.142 6.591 0.61 6.591"></polygon>
+        <linearGradient x1="50%" y1="2561.85684%" x2="50%" y2="-1865.26538%" id="linearGradient-54">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="2303.37608%" x2="50%" y2="-2123.74615%" id="linearGradient-55">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-56" points="0.61 0.281 13.142 0.281 13.142 6.442 0.61 6.442"></polygon>
+        <linearGradient x1="50%" y1="2044.89531%" x2="50%" y2="-2382.22691%" id="linearGradient-58">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="1786.39831%" x2="50%" y2="-2640.72391%" id="linearGradient-59">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-60" points="0.61 0.133 13.142 0.133 13.142 6.294 0.61 6.294"></polygon>
+        <linearGradient x1="50%" y1="1527.93378%" x2="50%" y2="-2899.28583%" id="linearGradient-62">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="1269.45301%" x2="50%" y2="-3157.7666%" id="linearGradient-63">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-64" points="0.61 0.984 13.142 0.984 13.142 7.145 0.61 7.145"></polygon>
+        <linearGradient x1="50%" y1="1010.95601%" x2="50%" y2="-3416.26359%" id="linearGradient-66">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="752.353132%" x2="50%" y2="-3674.148%" id="linearGradient-67">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-68" points="0.61 0.835 13.142 0.835 13.142 6.996 0.61 6.996"></polygon>
+        <linearGradient x1="50%" y1="493.962019%" x2="50%" y2="-3933.25759%" id="linearGradient-70">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="235.465022%" x2="50%" y2="-4191.75459%" id="linearGradient-71">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M29.756,0.356 L0.974,0.356 C2.445,5.065 4.658,9.443 7.461,13.372 L29.756,13.372 C33.35,13.372 36.263,10.458 36.263,6.864 C36.263,3.27 33.35,0.356 29.756,0.356" id="path-72"></path>
+        <linearGradient x1="68.6276177%" y1="3.36432084%" x2="-8.86253507%" y2="148.050092%" id="linearGradient-74">
+            <stop stop-color="#B8C0C8" offset="0%"></stop>
+            <stop stop-color="#EAEBED" offset="100%"></stop>
+        </linearGradient>
+        <path d="M152.634,40.978 L143.001,40.978 C140.746,40.978 138.919,42.806 138.919,45.061 C138.919,47.316 140.746,49.144 143.001,49.144 L152.634,49.144 C154.889,49.144 156.717,47.316 156.717,45.061 C156.717,42.806 154.889,40.978 152.634,40.978 Z M124.338,40.978 L112.674,40.978 C110.419,40.978 108.591,42.806 108.591,45.061 C108.591,47.316 110.419,49.144 112.674,49.144 L124.338,49.144 C126.593,49.144 128.421,47.316 128.421,45.061 C128.421,42.806 126.593,40.978 124.338,40.978 Z M16.637,40.978 L4.973,40.978 C2.718,40.978 0.89,42.806 0.89,45.061 C0.89,47.316 2.718,49.144 4.973,49.144 L16.637,49.144 C18.892,49.144 20.72,47.316 20.72,45.061 C20.72,42.806 18.892,40.978 16.637,40.978 Z M49.016,45.061 C49.016,42.806 47.189,40.978 44.934,40.978 L35.3,40.978 C33.046,40.978 31.218,42.806 31.218,45.061 C31.218,47.316 33.046,49.144 35.3,49.144 L44.934,49.144 C47.189,49.144 49.016,47.316 49.016,45.061 Z M79.18,22.97 C81.435,22.97 83.263,21.142 83.263,18.887 L83.263,4.921 C83.263,2.666 81.435,0.838 79.18,0.838 C76.926,0.838 75.098,2.666 75.098,4.921 L75.098,18.887 C75.098,21.142 76.926,22.97 79.18,22.97 Z M120.488,86.823 C115.928,91.382 110.74,95.08 105.128,97.867 L94.364,70.724 C93.533,68.628 91.162,67.602 89.064,68.434 C86.969,69.265 85.943,71.637 86.774,73.734 L97.575,100.973 C91.718,102.909 85.529,103.932 79.18,103.932 C72.862,103.932 66.696,102.923 60.788,100.962 L71.586,73.734 C72.417,71.637 71.391,69.265 69.296,68.434 C67.199,67.601 64.827,68.628 63.996,70.724 L51.688,101.763 C51.682,101.776 51.674,101.785 51.669,101.798 C51.663,101.814 51.661,101.83 51.655,101.846 L35.615,142.295 C34.783,144.391 35.809,146.764 37.906,147.596 C38.399,147.791 38.908,147.884 39.409,147.884 C41.034,147.884 42.57,146.908 43.205,145.305 L57.774,108.565 C64.645,110.9 71.824,112.097 79.18,112.097 C86.577,112.097 93.784,110.882 100.591,108.577 L115.155,145.305 C115.79,146.908 117.326,147.884 118.951,147.884 C119.451,147.884 119.961,147.79 120.454,147.596 C122.551,146.764 123.576,144.391 122.745,142.295 L108.15,105.49 C114.78,102.281 120.899,97.956 126.261,92.595 C127.856,91.001 127.856,88.415 126.262,86.823 C124.668,85.229 122.083,85.228 120.488,86.823 Z M79.18,34.492 C85.007,34.492 89.748,39.234 89.748,45.061 C89.748,50.888 85.007,55.629 79.18,55.629 C73.353,55.629 68.612,50.888 68.612,45.061 C68.612,39.234 73.353,34.492 79.18,34.492 Z M79.18,63.794 C89.51,63.794 97.913,55.39 97.913,45.061 C97.913,34.731 89.51,26.327 79.18,26.327 C68.851,26.327 60.447,34.731 60.447,45.061 C60.447,55.39 68.851,63.794 79.18,63.794 Z" id="path-75"></path>
+        <linearGradient x1="-10.7786199%" y1="50.9350815%" x2="137.074448%" y2="49.0614502%" id="linearGradient-77">
+            <stop stop-color="#B5D9FF" offset="0%"></stop>
+            <stop stop-color="#9980F6" offset="100%"></stop>
+        </linearGradient>
+        <path d="M63.943,11.044 L63.943,51.6 C63.943,58.252 58.551,63.643 51.9,63.643 L11.343,63.643 C4.671,63.643 -0.339,69.751 0.968,76.293 C6.999,106.488 34.204,129.041 66.445,127.816 C99.73,126.552 126.851,99.43 128.116,66.146 C129.34,33.905 106.786,6.7 76.592,0.669 C70.05,-0.638 63.943,4.372 63.943,11.044" id="path-78"></path>
+        <linearGradient x1="85.8712764%" y1="87.8090595%" x2="14.8511939%" y2="12.9961631%" id="linearGradient-80">
+            <stop stop-color="#39B8FC" offset="0%"></stop>
+            <stop stop-color="#E4ABFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M53.280802,0.711 L53.462822,0.711 C59.0818396,0.760942468 63.845,5.43136374 63.845,11.313 L63.845,55.088 C63.845,59.964 59.892,63.916 55.017,63.916 L11.241,63.916 C4.638,63.916 -0.439,57.911 0.837,51.432 C5.852,25.978 25.907,5.923 51.361,0.908 C52.0074853,0.780678625 52.6492512,0.716610107 53.280803,0.710999991 L53.280802,0.711 Z" id="path-81"></path>
+        <linearGradient x1="11.8054525%" y1="5.28269275%" x2="19.2985823%" y2="5.28269275%" id="linearGradient-83">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M94.235,45.547 L94.235,0.553 L72.309,0.553 C67.753,8.963 64.775,18.354 63.828,28.344 C60.633,27.779 57.349,27.467 53.992,27.467 C28.879,27.467 7.624,43.978 0.484,66.736 L73.047,66.736 C75.972,66.736 78.76,66.143 81.295,65.071 C88.899,61.854 94.235,54.324 94.235,45.547" id="path-84"></path>
+        <linearGradient x1="47.343495%" y1="96.817914%" x2="77.2525093%" y2="-16.8342324%" id="linearGradient-86">
+            <stop stop-color="#9FC5E2" offset="0%"></stop>
+            <stop stop-color="#A8CFEB" offset="100%"></stop>
+        </linearGradient>
+        <path d="M122.566,0.66 L0.546,0.66 L0.546,30.776 L21.187,30.776 C24.668,30.776 26.082,35.255 23.233,37.254 L0.546,53.167 L0.546,92.191 L124.102,5.523 C126.241,4.022 125.179,0.66 122.566,0.66" id="path-87"></path>
+        <linearGradient x1="-20.9327691%" y1="66.1830418%" x2="108.291775%" y2="-33.7226732%" id="linearGradient-89">
+            <stop stop-color="#348BFD" offset="0%"></stop>
+            <stop stop-color="#386AF9" offset="100%"></stop>
+        </linearGradient>
+        <path d="M115.654,37.911 L36.293,93.578 C33.881,95.271 30.561,93.544 30.561,90.598 L30.561,37.002 C30.561,33.847 33.119,31.289 36.274,31.289 L113.563,31.289 C117.121,31.289 118.567,35.868 115.654,37.911 Z M217.2,0.503 L7.701,0.503 C3.458,0.503 0.018,3.943 0.018,8.186 L0.018,153.659 C0.018,155.872 2.51,157.168 4.322,155.898 L218.769,5.474 C220.956,3.94 219.871,0.503 217.2,0.503 Z" id="path-90"></path>
+        <linearGradient x1="50.4414866%" y1="-2.60688316%" x2="41.2204131%" y2="120.091743%" id="linearGradient-92">
+            <stop stop-color="#FFE13E" offset="0%"></stop>
+            <stop stop-color="#FFAC45" offset="100%"></stop>
+        </linearGradient>
+        <path d="M164.076,12.238 L169.846,12.238 L169.846,0.503 L164.076,0.503 L164.076,12.238 Z M134.251,12.238 L140.02,12.238 L140.02,0.503 L134.251,0.503 L134.251,12.238 Z M149.164,21.147 L154.933,21.147 L154.933,0.503 L149.164,0.503 L149.164,21.147 Z M104.425,12.238 L110.194,12.238 L110.194,0.503 L104.425,0.503 L104.425,12.238 Z M119.338,21.147 L125.107,21.147 L125.107,0.503 L119.338,0.503 L119.338,21.147 Z M89.512,21.147 L95.281,21.147 L95.281,0.503 L89.512,0.503 L89.512,21.147 Z M74.599,12.238 L80.368,12.238 L80.368,0.503 L74.599,0.503 L74.599,12.238 Z M44.773,12.238 L50.542,12.238 L50.542,0.503 L44.773,0.503 L44.773,12.238 Z M59.686,21.147 L65.455,21.147 L65.455,0.503 L59.686,0.503 L59.686,21.147 Z M14.948,12.238 L20.717,12.238 L20.717,0.503 L14.948,0.503 L14.948,12.238 Z M0.035,21.147 L5.804,21.147 L5.804,0.503 L0.035,0.503 L0.035,21.147 Z M29.86,21.147 L35.63,21.147 L35.63,0.503 L29.86,0.503 L29.86,21.147 Z" id="path-93"></path>
+        <linearGradient x1="-0.000412223001%" y1="50%" x2="99.9995878%" y2="50%" id="linearGradient-95">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M99.768,49.713 C99.768,77.146 77.529,99.385 50.096,99.385 C22.663,99.385 0.424,77.146 0.424,49.713 C0.424,22.28 22.663,0.04 50.096,0.04 C77.529,0.04 99.768,22.28 99.768,49.713" id="path-96"></path>
+        <linearGradient x1="120.873933%" y1="22.712366%" x2="-9.31108069%" y2="72.8365796%" id="linearGradient-98">
+            <stop stop-color="#FFDD5E" offset="0%"></stop>
+            <stop stop-color="#FFAC45" offset="100%"></stop>
+        </linearGradient>
+        <path d="M63.119,29.476 C63.119,13.592 50.243,0.716 34.359,0.716 L7.039,0.716 C2.9,6.307 0.45,13.223 0.45,20.713 C0.45,39.295 15.513,54.359 34.096,54.359 C46.469,54.359 57.273,47.677 63.119,37.728 L63.119,29.476" id="path-99"></path>
+        <path d="M55.411,55.541 C48.689,62.262 37.791,62.262 31.07,55.541 L5.524,29.995 C-1.197,23.274 -1.197,12.376 5.524,5.655 C12.246,-1.067 23.144,-1.067 29.866,5.655 L55.411,31.2 C62.133,37.921 62.133,48.819 55.411,55.541" id="path-101"></path>
+        <linearGradient x1="-9.24332054%" y1="64.1147607%" x2="109.243571%" y2="35.8863232%" id="linearGradient-103">
+            <stop stop-color="#E4ABFF" offset="0%"></stop>
+            <stop stop-color="#39B8FC" offset="100%"></stop>
+        </linearGradient>
+        <path d="M16.638,18.223 C20.026,18.223 22.771,15.477 22.771,12.09 L22.771,6.73 C22.771,3.343 20.026,0.597 16.638,0.597 C13.251,0.597 10.505,3.343 10.505,6.73 L10.505,12.09 C10.505,15.477 13.251,18.223 16.638,18.223 Z M16.638,21.286 C7.969,21.286 0.941,28.314 0.941,36.983 L0.941,45.391 C5.433,48.394 10.829,50.151 16.638,50.151 C22.447,50.151 27.844,48.394 32.335,45.391 L32.335,36.983 C32.335,28.314 25.307,21.286 16.638,21.286 Z" id="path-104"></path>
+        <linearGradient x1="-35.5768618%" y1="103.446543%" x2="211.550296%" y2="-31.1425919%" id="linearGradient-106">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M33.4034064,69.94 C15.1447005,68.8737292 0.668,53.7292335 0.668,35.203 C0.668,15.987 16.246,0.407 35.464,0.407 L366.658,0.407 C385.876,0.407 401.455,15.987 401.455,35.203 C401.455,53.7292335 386.97737,68.8737292 368.718597,69.94 L33.4034064,69.94 Z" id="path-107"></path>
+        <linearGradient x1="23.4201061%" y1="76.8205821%" x2="66.9159437%" y2="114.435943%" id="linearGradient-109">
+            <stop stop-color="#ACD3F6" offset="0%"></stop>
+            <stop stop-color="#D5EDFD" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.612,0.407 L0.612,41.794 C0.612,45.452 3.577,48.417 7.235,48.417 L152.248,48.417 C155.906,48.417 158.871,45.452 158.871,41.794 L158.871,0.407 L0.612,0.407" id="path-110"></path>
+        <linearGradient x1="48.5697496%" y1="14.3967923%" x2="53.7850612%" y2="121.103312%" id="linearGradient-112">
+            <stop stop-color="#85C2F8" offset="0%"></stop>
+            <stop stop-color="#8BC6F9" offset="100%"></stop>
+        </linearGradient>
+        <path d="M152.451,98.203 L7.439,98.203 C3.781,98.203 0.815,95.239 0.815,91.58 L0.815,7.481 C0.815,3.823 3.781,0.858 7.439,0.858 L152.451,0.858 C156.109,0.858 159.075,3.823 159.075,7.481 L159.075,91.58 C159.075,95.239 156.109,98.203 152.451,98.203" id="path-113"></path>
+        <linearGradient x1="39.3586503%" y1="31.3524064%" x2="106.746493%" y2="149.441677%" id="linearGradient-115">
+            <stop stop-color="#FFF6C2" offset="0%"></stop>
+            <stop stop-color="#FFC833" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.815,21.78 C19.194,-1.93 37.584,-7.941 57.525,15.119 C81.481,42.825 92.542,58.535 107.488,43.577 C122.514,28.539 138.971,33.79 159.075,65.299 L159.075,69.58 C159.075,73.239 156.109,76.203 152.451,76.203 L7.439,76.203 C3.781,76.203 0.815,73.239 0.815,69.58 L0.815,21.78" id="path-116"></path>
+        <linearGradient x1="0%" y1="50.00045%" x2="100%" y2="50.00045%" id="linearGradient-118">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M33.824,17.384 C33.824,26.527 26.412,33.938 17.269,33.938 C8.127,33.938 0.716,26.527 0.716,17.384 C0.716,8.241 8.127,0.829 17.269,0.829 C26.412,0.829 33.824,8.241 33.824,17.384" id="path-119"></path>
+        <linearGradient x1="-148.755588%" y1="-24.6186837%" x2="127.508759%" y2="79.0984325%" id="linearGradient-121">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M109.603,28.999 L87.676,28.999 C50.555,28.999 33.996,15.738 26.217,1.705 C24.938,-0.6 21.619,-0.475 20.49,1.907 C15.739,11.927 15.375,21.721 16.724,29.996 C7.113,32.891 0.109,41.802 0.109,52.357 L0.109,81.781 C0.109,94.681 10.566,105.139 23.467,105.139 L109.603,105.139 C122.504,105.139 132.962,94.681 132.962,81.781 L132.962,52.357 C132.962,39.456 122.504,28.999 109.603,28.999" id="path-122"></path>
+        <linearGradient x1="10.527425%" y1="102.935502%" x2="83.4761729%" y2="12.1889106%" id="linearGradient-124">
+            <stop stop-color="#FFE13E" offset="0%"></stop>
+            <stop stop-color="#FFAC45" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.06,113.161127 L0.06,50.6838732 C0.924586087,38.5714504 11.025328,29.014 23.358,29.014 L106.627,29.014 C143.747,29.014 160.306,15.752 168.086,1.72 C169.364,-0.586 172.683,-0.462 173.812,1.921 C178.563,11.942 178.928,21.736 177.578,30.011 C187.189,32.906 194.194,41.817 194.194,52.371 L194.194,111.474 C194.194,124.374 183.736,134.831 170.836,134.831 L23.358,134.831 C11.025328,134.831 0.924586087,125.27355 0.06,113.161127 Z" id="path-125"></path>
+        <path d="M53.556,38.249 L75.962,38.249 L75.962,27.357 C75.962,14.456 65.504,3.999 52.603,3.999 L30.676,3.999 C18.535,3.999 8.606,2.574 0.453,0.174 C7.953,22.31 28.887,38.249 53.556,38.249" id="path-127"></path>
+        <linearGradient x1="38.8152406%" y1="87.3749179%" x2="66.596962%" y2="-5.46369009%" id="linearGradient-129">
+            <stop stop-color="#B8A843" offset="0%"></stop>
+            <stop stop-color="#B8A344" offset="100%"></stop>
+        </linearGradient>
+        <path d="M210.918,89.164 C211.971,84.223 212.536,79.102 212.536,73.848 C212.536,33.433 179.773,0.67 139.358,0.67 C101.303,0.67 70.042,29.724 66.521,66.859 C63.326,66.293 60.044,65.981 56.685,65.981 C25.718,65.981 0.613,91.085 0.613,122.053 C0.613,153.022 25.718,178.125 56.685,178.125 C81.12,178.125 186.531,178.125 208.034,178.125 C232.628,178.125 252.566,158.188 252.566,133.593 C252.566,109.969 234.167,90.652 210.918,89.164" id="path-130"></path>
+        <linearGradient x1="50.0001984%" y1="102.403426%" x2="50.0001984%" y2="-31.2924403%" id="linearGradient-132">
+            <stop stop-color="#39B8FC" offset="0%"></stop>
+            <stop stop-color="#E4ABFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M119.03,0.887 L0.363,84.125 C38.738,84.125 83.793,84.125 97.034,84.125 C121.628,84.125 141.566,64.188 141.566,39.593 C141.566,23.002 132.485,8.546 119.03,0.887" id="path-133"></path>
+        <linearGradient x1="46.6470259%" y1="96.2985656%" x2="71.8307685%" y2="-47.3990245%" id="linearGradient-135">
+            <stop stop-color="#6DB4FD" offset="0%"></stop>
+            <stop stop-color="#E4ABFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M72.406,36.425 C72.406,56.392 56.22,72.579 36.252,72.579 C16.285,72.579 0.097,56.392 0.097,36.425 C0.097,16.457 16.285,0.271 36.252,0.271 C56.22,0.271 72.406,16.457 72.406,36.425" id="path-136"></path>
+        <linearGradient x1="120.87292%" y1="22.71118%" x2="-9.31059757%" y2="72.8359241%" id="linearGradient-138">
+            <stop stop-color="#FFDD5E" offset="0%"></stop>
+            <stop stop-color="#FFAC45" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.196,11.403 C10.002,-0.56 35.254,3.719 46.264,0.061 L46.264,8.915 C46.264,20.37 37.438,29.884 26.015,30.751 C16.042,31.509 5.692,33.112 0.196,39.817 L0.196,11.403" id="path-139"></path>
+        <linearGradient x1="90.9937484%" y1="50%" x2="-14.8547799%" y2="50%" id="linearGradient-141">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#EAEBED" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Process" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-3" transform="translate(409.000000, 478.000000)">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <g id="Clip-2"></g>
+            <polygon id="Fill-1" mask="url(#mask-2)" points="0.776 10.592 91.551 10.592 91.551 0.446 0.776 0.446"></polygon>
+        </g>
+        <polygon id="Fill-4" points="376.741 478.446 484.112 478.446 484.112 411.339 376.741 411.339"></polygon>
+        <g id="Group-8" transform="translate(200.000000, 87.000000)">
+            <mask id="mask-4" fill="white">
+                <use xlink:href="#path-3"></use>
+            </mask>
+            <g id="Clip-7"></g>
+            <path d="M466.235,268.554 L0.473,268.554 L0.473,22.728 C0.473,10.522 10.367,0.627 22.574,0.627 L444.135,0.627 C456.341,0.627 466.235,10.522 466.235,22.728 L466.235,268.554" id="Fill-6" fill="url(#linearGradient-5)" mask="url(#mask-4)"></path>
+        </g>
+        <g id="Group-11" transform="translate(515.000000, 135.000000)">
+            <mask id="mask-7" fill="white">
+                <use xlink:href="#path-6"></use>
+            </mask>
+            <g id="Clip-10"></g>
+            <path d="M47.268,263.398 L0.945,263.398 L0.945,0.369 L43.624,0.369 C45.637,0.369 47.268,2.001 47.268,4.013 L47.268,263.398" id="Fill-9" fill="url(#linearGradient-8)" mask="url(#mask-7)"></path>
+        </g>
+        <path d="M666.235,357.996 L666.235,330.729 C656.421,337.73 648.427,347.103 643.044,357.996 L666.235,357.996" id="Fill-12" fill="#25B5BB"></path>
+        <g id="Group-15" transform="translate(200.000000, 87.000000)">
+            <mask id="mask-10" fill="white">
+                <use xlink:href="#path-9"></use>
+            </mask>
+            <g id="Clip-14"></g>
+            <path d="M318.109,0.627 L22.574,0.627 C10.367,0.627 0.473,10.522 0.473,22.728 L0.473,223.432 L318.109,0.627" id="Fill-13" mask="url(#mask-10)"></path>
+        </g>
+        <g id="Group-18" transform="translate(200.000000, 87.000000)">
+            <mask id="mask-12" fill="white">
+                <use xlink:href="#path-11"></use>
+            </mask>
+            <g id="Clip-17"></g>
+            <path d="M41.771,4.273 C41.818,3.049 41.815,1.836 41.795,0.627 L22.574,0.627 C10.367,0.627 0.473,10.522 0.473,22.728 L0.473,66.374 C24.035,55.245 40.732,31.636 41.771,4.273" id="Fill-16" fill="url(#linearGradient-13)" mask="url(#mask-12)"></path>
+        </g>
+        <g id="Group-21" transform="translate(200.000000, 355.000000)">
+            <mask id="mask-15" fill="white">
+                <use xlink:href="#path-14"></use>
+            </mask>
+            <g id="Clip-20"></g>
+            <path d="M466.235,0.554 L0.473,0.554 L0.473,54.656 C0.473,61.327 5.881,66.736 12.553,66.736 L445.047,66.736 C456.749,66.736 466.235,57.249 466.235,45.547 L466.235,0.554" id="Fill-19" fill="url(#linearGradient-16)" mask="url(#mask-15)"></path>
+        </g>
+        <polygon id="Fill-22" fill="#90B5D2" points="397.086 421.736 456.434 421.736 456.434 354.915 397.086 354.915"></polygon>
+        <g id="Group-25" transform="translate(397.000000, 195.000000)">
+            <mask id="mask-18" fill="white">
+                <use xlink:href="#path-17"></use>
+            </mask>
+            <g id="Clip-24"></g>
+            <path d="M59.434,160.553 L59.434,15.583 C59.434,7.341 52.752,0.659 44.51,0.659 L0.086,0.659 L0.086,160.553 L59.434,160.553" id="Fill-23" fill="url(#linearGradient-19)" mask="url(#mask-18)"></path>
+        </g>
+        <g id="Group-28" transform="translate(515.000000, 355.000000)">
+            <mask id="mask-21" fill="white">
+                <use xlink:href="#path-20"></use>
+            </mask>
+            <g id="Clip-27"></g>
+            <path d="M0.945,0.553 L0.945,37.976 C0.945,40.97 3.373,43.398 6.368,43.398 L41.94,43.398 C44.883,43.398 47.268,41.013 47.268,38.071 L47.268,0.553 L0.945,0.553" id="Fill-26" fill="url(#linearGradient-22)" mask="url(#mask-21)"></path>
+        </g>
+        <g id="Group-31" transform="translate(610.000000, 81.000000)">
+            <mask id="mask-24" fill="white">
+                <use xlink:href="#path-23"></use>
+            </mask>
+            <g id="Clip-30"></g>
+            <path d="M34.135,0.625 L18,0.625 C7.555,9.107 0.878,22.045 0.878,36.548 C0.878,62.096 21.589,82.807 47.137,82.807 C50.252,82.807 53.293,82.495 56.235,81.907 L56.235,22.726 C56.235,10.52 46.341,0.625 34.135,0.625" id="Fill-29" mask="url(#mask-24)"></path>
+        </g>
+        <g id="Group-34" transform="translate(141.000000, 182.000000)">
+            <mask id="mask-26" fill="white">
+                <use xlink:href="#path-25"></use>
+            </mask>
+            <g id="Clip-33"></g>
+            <path d="M300.254,200.784 L268.773,0.134 L15.377,0.134 C7.186,0.134 0.546,6.774 0.546,14.965 L0.546,302.203 C0.546,310.395 7.186,317.034 15.377,317.034 L253.489,317.034 C279.316,317.034 300.254,296.098 300.254,270.271 C300.254,244.443 300.254,200.784 300.254,200.784" id="Fill-32" fill="url(#linearGradient-27)" mask="url(#mask-26)"></path>
+        </g>
+        <g id="Group-37" transform="translate(162.000000, 203.000000)">
+            <mask id="mask-29" fill="white">
+                <use xlink:href="#path-28"></use>
+            </mask>
+            <g id="Clip-36"></g>
+            <path d="M81.247,9.605 L60.951,9.605 C58.5,9.605 56.513,7.618 56.513,5.167 C56.513,2.716 58.5,0.729 60.951,0.729 L81.247,0.729 C83.698,0.729 85.684,2.716 85.684,5.167 C85.684,7.618 83.698,9.605 81.247,9.605 Z M126.913,9.605 L106.616,9.605 C104.166,9.605 102.179,7.618 102.179,5.167 C102.179,2.716 104.166,0.729 106.616,0.729 L126.913,0.729 C129.364,0.729 131.351,2.716 131.351,5.167 C131.351,7.618 129.364,9.605 126.913,9.605 Z M172.578,9.605 L152.283,9.605 C149.832,9.605 147.845,7.618 147.845,5.167 C147.845,2.716 149.832,0.729 152.283,0.729 L172.578,0.729 C175.03,0.729 177.016,2.716 177.016,5.167 C177.016,7.618 175.03,9.605 172.578,9.605 Z M218.244,9.605 L197.949,9.605 C195.497,9.605 193.511,7.618 193.511,5.167 C193.511,2.716 195.497,0.729 197.949,0.729 L218.244,0.729 C220.696,0.729 222.682,2.716 222.682,5.167 C222.682,7.618 220.696,9.605 218.244,9.605 Z M15.285,9.715 C13.095,9.715 11.189,8.094 10.892,5.863 C10.568,3.433 12.275,1.201 14.704,0.878 C15.444,0.78 16.2,0.729 16.951,0.729 L35.581,0.729 C38.032,0.729 40.019,2.716 40.019,5.167 C40.019,7.618 38.032,9.605 35.581,9.605 L16.951,9.605 C16.59,9.605 16.229,9.628 15.877,9.676 C15.679,9.702 15.48,9.715 15.285,9.715 Z M4.512,49.829 C2.061,49.829 0.075,47.843 0.075,45.391 L0.075,25.095 C0.075,22.644 2.061,20.657 4.512,20.657 C6.963,20.657 8.95,22.644 8.95,25.095 L8.95,45.391 C8.95,47.843 6.963,49.829 4.512,49.829 Z M4.512,95.495 C2.061,95.495 0.075,93.508 0.075,91.057 L0.075,70.761 C0.075,68.31 2.061,66.323 4.512,66.323 C6.963,66.323 8.95,68.31 8.95,70.761 L8.95,91.057 C8.95,93.508 6.963,95.495 4.512,95.495 Z M4.512,141.16 C2.061,141.16 0.075,139.172 0.075,136.722 L0.075,116.426 C0.075,113.976 2.061,111.989 4.512,111.989 C6.963,111.989 8.95,113.976 8.95,116.426 L8.95,136.722 C8.95,139.172 6.963,141.16 4.512,141.16 Z M4.512,186.826 C2.061,186.826 0.075,184.839 0.075,182.389 L0.075,162.092 C0.075,159.642 2.061,157.655 4.512,157.655 C6.963,157.655 8.95,159.642 8.95,162.092 L8.95,182.389 C8.95,184.839 6.963,186.826 4.512,186.826 Z M4.512,232.492 C2.061,232.492 0.075,230.505 0.075,228.055 L0.075,207.759 C0.075,205.309 2.061,203.322 4.512,203.322 C6.963,203.322 8.95,205.309 8.95,207.759 L8.95,228.055 C8.95,230.505 6.963,232.492 4.512,232.492 Z M254.073,247.946 C253.632,247.946 253.183,247.879 252.74,247.741 C250.402,247.004 249.103,244.513 249.838,242.175 C250.897,238.81 251.433,235.293 251.433,231.726 L251.433,223.385 C251.433,220.935 253.42,218.948 255.871,218.948 C258.323,218.948 260.309,220.935 260.309,223.385 L260.309,231.726 C260.309,236.199 259.635,240.609 258.305,244.837 C257.709,246.734 255.959,247.946 254.073,247.946 Z M12.703,274.643 C12.2,274.643 11.688,274.556 11.187,274.374 C4.54,271.958 0.075,265.581 0.075,258.508 L0.075,253.425 C0.075,250.974 2.061,248.987 4.512,248.987 C6.963,248.987 8.95,250.974 8.95,253.425 L8.95,258.508 C8.95,261.864 11.068,264.887 14.22,266.033 C16.524,266.87 17.712,269.416 16.875,271.721 C16.219,273.524 14.516,274.643 12.703,274.643 Z M220.635,275.185 C218.384,275.185 216.456,273.48 216.225,271.193 C215.979,268.755 217.756,266.578 220.195,266.332 C226.179,265.728 231.933,263.558 236.836,260.058 C238.83,258.635 241.601,259.097 243.026,261.09 C244.45,263.085 243.988,265.857 241.993,267.282 C235.835,271.679 228.606,274.404 221.086,275.163 C220.934,275.178 220.784,275.185 220.635,275.185 Z M58.282,275.385 L37.985,275.385 C35.534,275.385 33.547,273.397 33.547,270.947 C33.547,268.496 35.534,266.509 37.985,266.509 L58.282,266.509 C60.732,266.509 62.719,268.496 62.719,270.947 C62.719,273.397 60.732,275.385 58.282,275.385 Z M103.947,275.385 L83.651,275.385 C81.2,275.385 79.214,273.397 79.214,270.947 C79.214,268.496 81.2,266.509 83.651,266.509 L103.947,266.509 C106.398,266.509 108.385,268.496 108.385,270.947 C108.385,273.397 106.398,275.385 103.947,275.385 Z M149.613,275.385 L129.317,275.385 C126.866,275.385 124.879,273.397 124.879,270.947 C124.879,268.496 126.866,266.509 129.317,266.509 L149.613,266.509 C152.064,266.509 154.051,268.496 154.051,270.947 C154.051,273.397 152.064,275.385 149.613,275.385 Z M195.279,275.385 L174.983,275.385 C172.532,275.385 170.545,273.397 170.545,270.947 C170.545,268.496 172.532,266.509 174.983,266.509 L195.279,266.509 C197.729,266.509 199.716,268.496 199.716,270.947 C199.716,273.397 197.729,275.385 195.279,275.385 Z" id="Fill-35" fill="url(#linearGradient-30)" mask="url(#mask-29)"></path>
+        </g>
+        <g id="Group-40" transform="translate(394.000000, 135.000000)">
+            <mask id="mask-32" fill="white">
+                <use xlink:href="#path-31"></use>
+            </mask>
+            <g id="Clip-39"></g>
+            <path d="M0.489,0.369 L0.489,270.506 C26.316,270.506 47.254,291.443 47.254,317.271 L47.254,47.134 C47.254,21.306 26.316,0.369 0.489,0.369" id="Fill-38" fill="url(#linearGradient-33)" mask="url(#mask-32)"></path>
+        </g>
+        <path d="M550.573,393.421 L515.388,393.421 C512.313,393.421 509.819,390.928 509.819,387.853 L509.819,135.962 C509.819,132.886 512.313,130.392 515.388,130.392 L550.573,130.392 C553.649,130.392 556.142,132.886 556.142,135.962 L556.142,387.853 C556.142,390.928 553.649,393.421 550.573,393.421" id="Fill-41" fill="#FFFFFF"></path>
+        <g id="Group-44" transform="translate(509.000000, 130.000000)">
+            <mask id="mask-35" fill="white">
+                <use xlink:href="#path-34"></use>
+            </mask>
+            <g id="Clip-43"></g>
+            <path d="M13.071,263.421 L6.388,263.421 C3.313,263.421 0.819,260.928 0.819,257.853 L0.819,5.962 C0.819,2.886 3.313,0.392 6.388,0.392 L13.071,0.392 L13.071,263.421" id="Fill-42" fill="url(#linearGradient-36)" mask="url(#mask-35)"></path>
+        </g>
+        <g id="Group-47" transform="translate(534.000000, 144.000000)">
+            <mask id="mask-38" fill="white">
+                <use xlink:href="#path-37"></use>
+            </mask>
+            <g id="Clip-46"></g>
+            <polygon id="Fill-45" fill="url(#linearGradient-39)" mask="url(#mask-38)" points="0.096 6.962 22.142 6.962 22.142 0.801 0.096 0.801"></polygon>
+        </g>
+        <g id="Group-50" transform="translate(543.000000, 160.000000)">
+            <mask id="mask-41" fill="white">
+                <use xlink:href="#path-40"></use>
+            </mask>
+            <g id="Clip-49"></g>
+            <polygon id="Fill-48" fill="url(#linearGradient-42)" mask="url(#mask-41)" points="0.61 6.888 13.142 6.888 13.142 0.727 0.61 0.727"></polygon>
+        </g>
+        <g id="Group-53" transform="translate(534.000000, 176.000000)">
+            <mask id="mask-44" fill="white">
+                <use xlink:href="#path-43"></use>
+            </mask>
+            <g id="Clip-52"></g>
+            <polygon id="Fill-51" fill="url(#linearGradient-45)" mask="url(#mask-44)" points="0.096 6.814 22.142 6.814 22.142 0.653 0.096 0.653"></polygon>
+        </g>
+        <g id="Group-56" transform="translate(543.000000, 192.000000)">
+            <mask id="mask-47" fill="white">
+                <use xlink:href="#path-46"></use>
+            </mask>
+            <g id="Clip-55"></g>
+            <polygon id="Fill-54" fill="url(#linearGradient-48)" mask="url(#mask-47)" points="0.61 6.74 13.142 6.74 13.142 0.578 0.61 0.578"></polygon>
+        </g>
+        <g id="Group-59" transform="translate(534.000000, 208.000000)">
+            <mask id="mask-50" fill="white">
+                <use xlink:href="#path-49"></use>
+            </mask>
+            <g id="Clip-58"></g>
+            <polygon id="Fill-57" fill="url(#linearGradient-51)" mask="url(#mask-50)" points="0.096 6.665 22.142 6.665 22.142 0.504 0.096 0.504"></polygon>
+        </g>
+        <g id="Group-62" transform="translate(543.000000, 224.000000)">
+            <mask id="mask-53" fill="white">
+                <use xlink:href="#path-52"></use>
+            </mask>
+            <g id="Clip-61"></g>
+            <polygon id="Fill-60" fill="url(#linearGradient-54)" mask="url(#mask-53)" points="0.61 6.591 13.142 6.591 13.142 0.43 0.61 0.43"></polygon>
+        </g>
+        <polygon id="Fill-63" fill="url(#linearGradient-55)" points="534.096 246.516 556.142 246.516 556.142 240.355 534.096 240.355"></polygon>
+        <g id="Group-67" transform="translate(543.000000, 256.000000)">
+            <mask id="mask-57" fill="white">
+                <use xlink:href="#path-56"></use>
+            </mask>
+            <g id="Clip-66"></g>
+            <polygon id="Fill-65" fill="url(#linearGradient-58)" mask="url(#mask-57)" points="0.61 6.442 13.142 6.442 13.142 0.281 0.61 0.281"></polygon>
+        </g>
+        <polygon id="Fill-68" fill="url(#linearGradient-59)" points="534.096 278.368 556.142 278.368 556.142 272.207 534.096 272.207"></polygon>
+        <g id="Group-72" transform="translate(543.000000, 288.000000)">
+            <mask id="mask-61" fill="white">
+                <use xlink:href="#path-60"></use>
+            </mask>
+            <g id="Clip-71"></g>
+            <polygon id="Fill-70" fill="url(#linearGradient-62)" mask="url(#mask-61)" points="0.61 6.294 13.142 6.294 13.142 0.133 0.61 0.133"></polygon>
+        </g>
+        <polygon id="Fill-73" fill="url(#linearGradient-63)" points="534.096 310.219 556.142 310.219 556.142 304.058 534.096 304.058"></polygon>
+        <g id="Group-77" transform="translate(543.000000, 319.000000)">
+            <mask id="mask-65" fill="white">
+                <use xlink:href="#path-64"></use>
+            </mask>
+            <g id="Clip-76"></g>
+            <polygon id="Fill-75" fill="url(#linearGradient-66)" mask="url(#mask-65)" points="0.61 7.145 13.142 7.145 13.142 0.984 0.61 0.984"></polygon>
+        </g>
+        <polygon id="Fill-78" fill="url(#linearGradient-67)" points="534.096 342.071 556.142 342.071 556.142 335.909 534.096 335.909"></polygon>
+        <g id="Group-82" transform="translate(543.000000, 351.000000)">
+            <mask id="mask-69" fill="white">
+                <use xlink:href="#path-68"></use>
+            </mask>
+            <g id="Clip-81"></g>
+            <polygon id="Fill-80" fill="url(#linearGradient-70)" mask="url(#mask-69)" points="0.61 6.996 13.142 6.996 13.142 0.835 0.61 0.835"></polygon>
+        </g>
+        <polygon id="Fill-83" fill="url(#linearGradient-71)" points="534.096 373.922 556.142 373.922 556.142 367.761 534.096 367.761"></polygon>
+        <path d="M362.717,131.88 L307.871,131.88 C305.07,131.88 302.799,129.609 302.799,126.808 C302.799,124.007 305.07,121.736 307.871,121.736 L362.717,121.736 C365.517,121.736 367.788,124.007 367.788,126.808 C367.788,129.609 365.517,131.88 362.717,131.88" id="Fill-85" fill="#FFFFFF"></path>
+        <path d="M329.135,151.705 L307.871,151.705 C305.07,151.705 302.799,149.434 302.799,146.634 C302.799,143.833 305.07,141.562 307.871,141.562 L329.135,141.562 C331.936,141.562 334.206,143.833 334.206,146.634 C334.206,149.434 331.936,151.705 329.135,151.705" id="Fill-86" fill="#FFFFFF"></path>
+        <path d="M641.756,144.372 L585.092,144.372 C581.497,144.372 578.584,141.458 578.584,137.864 C578.584,134.27 581.497,131.356 585.092,131.356 L641.756,131.356 C645.35,131.356 648.263,134.27 648.263,137.864 C648.263,141.458 645.35,144.372 641.756,144.372" id="Fill-87" fill="#FFFFFF"></path>
+        <g id="Group-90" transform="translate(612.000000, 131.000000)">
+            <mask id="mask-73" fill="white">
+                <use xlink:href="#path-72"></use>
+            </mask>
+            <g id="Clip-89"></g>
+            <path d="M29.756,0.356 L0.974,0.356 C2.445,5.065 4.658,9.443 7.461,13.372 L29.756,13.372 C33.35,13.372 36.263,10.458 36.263,6.864 C36.263,3.27 33.35,0.356 29.756,0.356" id="Fill-88" fill="url(#linearGradient-74)" mask="url(#mask-73)"></path>
+        </g>
+        <path d="M624.402,172.764 L585.092,172.764 C581.497,172.764 578.584,169.85 578.584,166.256 C578.584,162.662 581.497,159.748 585.092,159.748 L624.402,159.748 C627.997,159.748 630.91,162.662 630.91,166.256 C630.91,169.85 627.997,172.764 624.402,172.764" id="Fill-91" fill="#FFFFFF"></path>
+        <path d="M599.718,229.55 L585.092,229.55 C581.497,229.55 578.584,226.636 578.584,223.042 C578.584,219.448 581.497,216.533 585.092,216.533 L599.718,216.533 C603.312,216.533 606.225,219.448 606.225,223.042 C606.225,226.636 603.312,229.55 599.718,229.55" id="Fill-92" fill="#FF528D"></path>
+        <path d="M641.756,229.55 L619.01,229.55 C615.415,229.55 612.502,226.636 612.502,223.042 C612.502,219.448 615.415,216.533 619.01,216.533 L641.756,216.533 C645.35,216.533 648.263,219.448 648.263,223.042 C648.263,226.636 645.35,229.55 641.756,229.55" id="Fill-93" fill="#FFFFFF"></path>
+        <path d="M610.877,201.157 L585.092,201.157 C581.497,201.157 578.584,198.243 578.584,194.649 C578.584,191.055 581.497,188.141 585.092,188.141 L610.877,188.141 C614.471,188.141 617.385,191.055 617.385,194.649 C617.385,198.243 614.471,201.157 610.877,201.157" id="Fill-94" fill="#FFFFFF"></path>
+        <path d="M641.756,201.157 L635.149,201.157 C631.555,201.157 628.64,198.243 628.64,194.649 C628.64,191.055 631.555,188.141 635.149,188.141 L641.756,188.141 C645.35,188.141 648.263,191.055 648.263,194.649 C648.263,198.243 645.35,201.157 641.756,201.157" id="Fill-95" fill="#385BFF"></path>
+        <g id="Group-98" transform="translate(206.000000, 258.000000)">
+            <mask id="mask-76" fill="white">
+                <use xlink:href="#path-75"></use>
+            </mask>
+            <g id="Clip-97"></g>
+            <path d="M152.634,40.978 L143.001,40.978 C140.746,40.978 138.919,42.806 138.919,45.061 C138.919,47.316 140.746,49.144 143.001,49.144 L152.634,49.144 C154.889,49.144 156.717,47.316 156.717,45.061 C156.717,42.806 154.889,40.978 152.634,40.978 Z M124.338,40.978 L112.674,40.978 C110.419,40.978 108.591,42.806 108.591,45.061 C108.591,47.316 110.419,49.144 112.674,49.144 L124.338,49.144 C126.593,49.144 128.421,47.316 128.421,45.061 C128.421,42.806 126.593,40.978 124.338,40.978 Z M16.637,40.978 L4.973,40.978 C2.718,40.978 0.89,42.806 0.89,45.061 C0.89,47.316 2.718,49.144 4.973,49.144 L16.637,49.144 C18.892,49.144 20.72,47.316 20.72,45.061 C20.72,42.806 18.892,40.978 16.637,40.978 Z M49.016,45.061 C49.016,42.806 47.189,40.978 44.934,40.978 L35.3,40.978 C33.046,40.978 31.218,42.806 31.218,45.061 C31.218,47.316 33.046,49.144 35.3,49.144 L44.934,49.144 C47.189,49.144 49.016,47.316 49.016,45.061 Z M79.18,22.97 C81.435,22.97 83.263,21.142 83.263,18.887 L83.263,4.921 C83.263,2.666 81.435,0.838 79.18,0.838 C76.926,0.838 75.098,2.666 75.098,4.921 L75.098,18.887 C75.098,21.142 76.926,22.97 79.18,22.97 Z M120.488,86.823 C115.928,91.382 110.74,95.08 105.128,97.867 L94.364,70.724 C93.533,68.628 91.162,67.602 89.064,68.434 C86.969,69.265 85.943,71.637 86.774,73.734 L97.575,100.973 C91.718,102.909 85.529,103.932 79.18,103.932 C72.862,103.932 66.696,102.923 60.788,100.962 L71.586,73.734 C72.417,71.637 71.391,69.265 69.296,68.434 C67.199,67.601 64.827,68.628 63.996,70.724 L51.688,101.763 C51.682,101.776 51.674,101.785 51.669,101.798 C51.663,101.814 51.661,101.83 51.655,101.846 L35.615,142.295 C34.783,144.391 35.809,146.764 37.906,147.596 C38.399,147.791 38.908,147.884 39.409,147.884 C41.034,147.884 42.57,146.908 43.205,145.305 L57.774,108.565 C64.645,110.9 71.824,112.097 79.18,112.097 C86.577,112.097 93.784,110.882 100.591,108.577 L115.155,145.305 C115.79,146.908 117.326,147.884 118.951,147.884 C119.451,147.884 119.961,147.79 120.454,147.596 C122.551,146.764 123.576,144.391 122.745,142.295 L108.15,105.49 C114.78,102.281 120.899,97.956 126.261,92.595 C127.856,91.001 127.856,88.415 126.262,86.823 C124.668,85.229 122.083,85.228 120.488,86.823 Z M79.18,34.492 C85.007,34.492 89.748,39.234 89.748,45.061 C89.748,50.888 85.007,55.629 79.18,55.629 C73.353,55.629 68.612,50.888 68.612,45.061 C68.612,39.234 73.353,34.492 79.18,34.492 Z M79.18,63.794 C89.51,63.794 97.913,55.39 97.913,45.061 C97.913,34.731 89.51,26.327 79.18,26.327 C68.851,26.327 60.447,34.731 60.447,45.061 C60.447,55.39 68.851,63.794 79.18,63.794 Z" id="Fill-96" fill="url(#linearGradient-77)" mask="url(#mask-76)"></path>
+        </g>
+        <path d="M290.925,137.864 C290.925,153.486 278.261,166.151 262.638,166.151 C247.016,166.151 234.351,153.486 234.351,137.864 C234.351,122.241 247.016,109.577 262.638,109.577 C278.261,109.577 290.925,122.241 290.925,137.864" id="Fill-99" fill="#FFFFFF"></path>
+        <g id="Group-102" transform="translate(109.000000, 10.000000)">
+            <mask id="mask-79" fill="white">
+                <use xlink:href="#path-78"></use>
+            </mask>
+            <g id="Clip-101"></g>
+            <path d="M63.943,11.044 L63.943,51.6 C63.943,58.252 58.551,63.643 51.9,63.643 L11.343,63.643 C4.671,63.643 -0.339,69.751 0.968,76.293 C6.999,106.488 34.204,129.041 66.445,127.816 C99.73,126.552 126.851,99.43 128.116,66.146 C129.34,33.905 106.786,6.7 76.592,0.669 C70.05,-0.638 63.943,4.372 63.943,11.044" id="Fill-100" fill="url(#linearGradient-80)" mask="url(#mask-79)"></path>
+        </g>
+        <g id="Group-105" transform="translate(99.000000, 0.000000)">
+            <mask id="mask-82" fill="white">
+                <use xlink:href="#path-81"></use>
+            </mask>
+            <g id="Clip-104"></g>
+            <polygon id="Fill-103" fill="url(#linearGradient-83)" mask="url(#mask-82)" points="-98.94 598.94 744.566 598.94 744.566 0.711 -98.94 0.711"></polygon>
+        </g>
+        <g id="Group-108" transform="translate(572.000000, 355.000000)">
+            <mask id="mask-85" fill="white">
+                <use xlink:href="#path-84"></use>
+            </mask>
+            <g id="Clip-107"></g>
+            <path d="M94.235,45.547 L94.235,0.553 L72.309,0.553 C67.753,8.963 64.775,18.354 63.828,28.344 C60.633,27.779 57.349,27.467 53.992,27.467 C28.879,27.467 7.624,43.978 0.484,66.736 L73.047,66.736 C75.972,66.736 78.76,66.143 81.295,65.071 C88.899,61.854 94.235,54.324 94.235,45.547" id="Fill-106" fill="url(#linearGradient-86)" mask="url(#mask-85)"></path>
+        </g>
+        <g id="Group-111" transform="translate(141.000000, 259.000000)">
+            <mask id="mask-88" fill="white">
+                <use xlink:href="#path-87"></use>
+            </mask>
+            <g id="Clip-110"></g>
+            <path d="M122.566,0.66 L0.546,0.66 L0.546,30.776 L21.187,30.776 C24.668,30.776 26.082,35.255 23.233,37.254 L0.546,53.167 L0.546,92.191 L124.102,5.523 C126.241,4.022 125.179,0.66 122.566,0.66" id="Fill-109" fill="url(#linearGradient-89)" mask="url(#mask-88)"></path>
+        </g>
+        <path d="M166.512,314.989 C164.061,314.989 162.075,316.976 162.075,319.426 L162.075,336.791 L170.95,330.566 L170.95,319.426 C170.95,316.976 168.963,314.989 166.512,314.989" id="Fill-112" fill="#80B2FD"></path>
+        <g id="Group-115" transform="translate(31.000000, 242.000000)">
+            <mask id="mask-91" fill="white">
+                <use xlink:href="#path-90"></use>
+            </mask>
+            <g id="Clip-114"></g>
+            <path d="M115.654,37.911 L36.293,93.578 C33.881,95.271 30.561,93.544 30.561,90.598 L30.561,37.002 C30.561,33.847 33.119,31.289 36.274,31.289 L113.563,31.289 C117.121,31.289 118.567,35.868 115.654,37.911 Z M217.2,0.503 L7.701,0.503 C3.458,0.503 0.018,3.943 0.018,8.186 L0.018,153.659 C0.018,155.872 2.51,157.168 4.322,155.898 L218.769,5.474 C220.956,3.94 219.871,0.503 217.2,0.503 Z" id="Fill-113" fill="url(#linearGradient-92)" mask="url(#mask-91)"></path>
+        </g>
+        <g id="Group-118" transform="translate(60.000000, 242.000000)">
+            <mask id="mask-94" fill="white">
+                <use xlink:href="#path-93"></use>
+            </mask>
+            <g id="Clip-117"></g>
+            <path d="M164.076,12.238 L169.846,12.238 L169.846,0.503 L164.076,0.503 L164.076,12.238 Z M134.251,12.238 L140.02,12.238 L140.02,0.503 L134.251,0.503 L134.251,12.238 Z M149.164,21.147 L154.933,21.147 L154.933,0.503 L149.164,0.503 L149.164,21.147 Z M104.425,12.238 L110.194,12.238 L110.194,0.503 L104.425,0.503 L104.425,12.238 Z M119.338,21.147 L125.107,21.147 L125.107,0.503 L119.338,0.503 L119.338,21.147 Z M89.512,21.147 L95.281,21.147 L95.281,0.503 L89.512,0.503 L89.512,21.147 Z M74.599,12.238 L80.368,12.238 L80.368,0.503 L74.599,0.503 L74.599,12.238 Z M44.773,12.238 L50.542,12.238 L50.542,0.503 L44.773,0.503 L44.773,12.238 Z M59.686,21.147 L65.455,21.147 L65.455,0.503 L59.686,0.503 L59.686,21.147 Z M14.948,12.238 L20.717,12.238 L20.717,0.503 L14.948,0.503 L14.948,12.238 Z M0.035,21.147 L5.804,21.147 L5.804,0.503 L0.035,0.503 L0.035,21.147 Z M29.86,21.147 L35.63,21.147 L35.63,0.503 L29.86,0.503 L29.86,21.147 Z" id="Fill-116" fill="url(#linearGradient-95)" mask="url(#mask-94)"></path>
+        </g>
+        <path d="M719.865,149.995 C717.492,152.368 713.643,152.368 711.27,149.995 L691.229,129.954 C688.856,127.58 688.856,123.733 691.229,121.359 C693.602,118.986 697.45,118.986 699.824,121.359 L719.865,141.4 C722.238,143.774 722.238,147.621 719.865,149.995" id="Fill-119" fill="#385BFF"></path>
+        <g id="Group-122" transform="translate(613.000000, 43.000000)">
+            <mask id="mask-97" fill="white">
+                <use xlink:href="#path-96"></use>
+            </mask>
+            <g id="Clip-121"></g>
+            <path d="M99.768,49.713 C99.768,77.146 77.529,99.385 50.096,99.385 C22.663,99.385 0.424,77.146 0.424,49.713 C0.424,22.28 22.663,0.04 50.096,0.04 C77.529,0.04 99.768,22.28 99.768,49.713" id="Fill-120" fill="url(#linearGradient-98)" mask="url(#mask-97)"></path>
+        </g>
+        <path d="M696.742,92.713 C696.742,111.295 681.678,126.359 663.096,126.359 C644.513,126.359 629.45,111.295 629.45,92.713 C629.45,74.131 644.513,59.067 663.096,59.067 C681.678,59.067 696.742,74.131 696.742,92.713" id="Fill-123" fill="#FFFFFF"></path>
+        <g id="Group-126" transform="translate(629.000000, 72.000000)">
+            <mask id="mask-100" fill="white">
+                <use xlink:href="#path-99"></use>
+            </mask>
+            <g id="Clip-125"></g>
+            <path d="M63.119,29.476 C63.119,13.592 50.243,0.716 34.359,0.716 L7.039,0.716 C2.9,6.307 0.45,13.223 0.45,20.713 C0.45,39.295 15.513,54.359 34.096,54.359 C46.469,54.359 57.273,47.677 63.119,37.728 L63.119,29.476" id="Fill-124" mask="url(#mask-100)"></path>
+        </g>
+        <g id="Group-129" transform="translate(704.000000, 134.000000)">
+            <mask id="mask-102" fill="white">
+                <use xlink:href="#path-101"></use>
+            </mask>
+            <g id="Clip-128"></g>
+            <path d="M55.411,55.541 C48.689,62.262 37.791,62.262 31.07,55.541 L5.524,29.995 C-1.197,23.274 -1.197,12.376 5.524,5.655 C12.246,-1.067 23.144,-1.067 29.866,5.655 L55.411,31.2 C62.133,37.921 62.133,48.819 55.411,55.541" id="Fill-127" fill="url(#linearGradient-103)" mask="url(#mask-102)"></path>
+        </g>
+        <g id="Group-132" transform="translate(246.000000, 116.000000)">
+            <mask id="mask-105" fill="white">
+                <use xlink:href="#path-104"></use>
+            </mask>
+            <g id="Clip-131"></g>
+            <path d="M16.638,18.223 C20.026,18.223 22.771,15.477 22.771,12.09 L22.771,6.73 C22.771,3.343 20.026,0.597 16.638,0.597 C13.251,0.597 10.505,3.343 10.505,6.73 L10.505,12.09 C10.505,15.477 13.251,18.223 16.638,18.223 Z M16.638,21.286 C7.969,21.286 0.941,28.314 0.941,36.983 L0.941,45.391 C5.433,48.394 10.829,50.151 16.638,50.151 C22.447,50.151 27.844,48.394 32.335,45.391 L32.335,36.983 C32.335,28.314 25.307,21.286 16.638,21.286 Z" id="Fill-130" fill="url(#linearGradient-106)" mask="url(#mask-105)"></path>
+        </g>
+        <path d="M193.977,451.687 C195.326,443.41 194.962,433.617 190.212,423.596 C189.082,421.214 185.763,421.089 184.485,423.395 C178.141,434.837 165.954,445.765 141.546,449.409 L141.546,484.203 C141.546,492.395 148.186,499.034 156.377,499.034 L210.593,499.034 L210.593,474.047 C210.593,463.492 203.588,454.581 193.977,451.687" id="Fill-133" fill="#3679FC"></path>
+        <g id="Group-136" transform="translate(166.000000, 529.000000)">
+            <mask id="mask-108" fill="white">
+                <use xlink:href="#path-107"></use>
+            </mask>
+            <g id="Clip-135"></g>
+            <polygon id="Fill-134" fill="url(#linearGradient-109)" mask="url(#mask-108)" points="-165.94 69.94 677.566 69.94 677.566 -528.289 -165.94 -528.289"></polygon>
+        </g>
+        <path d="M566.778,557.364 C563.6,541.422 549.534,529.407 532.658,529.407 L512.157,529.407 L512.157,534.006 C512.157,546.906 522.615,557.364 535.515,557.364 L566.778,557.364" id="Fill-137" fill="#95CEFC"></path>
+        <g id="Group-140" transform="translate(259.000000, 529.000000)">
+            <mask id="mask-111" fill="white">
+                <use xlink:href="#path-110"></use>
+            </mask>
+            <g id="Clip-139"></g>
+            <path d="M0.612,0.407 L0.612,41.794 C0.612,45.452 3.577,48.417 7.235,48.417 L152.248,48.417 C155.906,48.417 158.871,45.452 158.871,41.794 L158.871,0.407 L0.612,0.407" id="Fill-138" fill="url(#linearGradient-112)" mask="url(#mask-111)"></path>
+        </g>
+        <g id="Group-143" transform="translate(241.000000, 466.000000)">
+            <mask id="mask-114" fill="white">
+                <use xlink:href="#path-113"></use>
+            </mask>
+            <g id="Clip-142"></g>
+            <path d="M152.451,98.203 L7.439,98.203 C3.781,98.203 0.815,95.239 0.815,91.58 L0.815,7.481 C0.815,3.823 3.781,0.858 7.439,0.858 L152.451,0.858 C156.109,0.858 159.075,3.823 159.075,7.481 L159.075,91.58 C159.075,95.239 156.109,98.203 152.451,98.203" id="Fill-141" fill="url(#linearGradient-115)" mask="url(#mask-114)"></path>
+        </g>
+        <g id="Group-146" transform="translate(241.000000, 488.000000)">
+            <mask id="mask-117" fill="white">
+                <use xlink:href="#path-116"></use>
+            </mask>
+            <g id="Clip-145"></g>
+            <path d="M0.815,21.78 C19.194,-1.93 37.584,-7.941 57.525,15.119 C81.481,42.825 92.542,58.535 107.488,43.577 C122.514,28.539 138.971,33.79 159.075,65.299 L159.075,69.58 C159.075,73.239 156.109,76.203 152.451,76.203 L7.439,76.203 C3.781,76.203 0.815,73.239 0.815,69.58 L0.815,21.78" id="Fill-144" fill="url(#linearGradient-118)" mask="url(#mask-117)"></path>
+        </g>
+        <g id="Group-149" transform="translate(348.000000, 477.000000)">
+            <mask id="mask-120" fill="white">
+                <use xlink:href="#path-119"></use>
+            </mask>
+            <g id="Clip-148"></g>
+            <path d="M33.824,17.384 C33.824,26.527 26.412,33.938 17.269,33.938 C8.127,33.938 0.716,26.527 0.716,17.384 C0.716,8.241 8.127,0.829 17.269,0.829 C26.412,0.829 33.824,8.241 33.824,17.384" id="Fill-147" fill="url(#linearGradient-121)" mask="url(#mask-120)"></path>
+        </g>
+        <path d="M201.464,529.407 C183.066,529.407 168.013,543.689 166.762,561.77 L187.235,561.77 C200.135,561.77 210.593,551.312 210.593,538.411 L210.593,529.407 L201.464,529.407" id="Fill-150" fill="#80BEF7"></path>
+        <path d="M525.117,560.801 C525.117,568.149 519.16,574.106 511.812,574.106 C504.464,574.106 498.508,568.149 498.508,560.801 C498.508,553.453 504.464,547.496 511.812,547.496 C519.16,547.496 525.117,553.453 525.117,560.801 Z" id="Stroke-151" stroke="#FFFFFF" stroke-width="4"></path>
+        <path d="M531.222,582.746 C530.573,582.746 529.925,582.499 529.43,582.003 L519.427,572.001 C518.436,571.011 518.436,569.406 519.427,568.415 C520.418,567.425 522.022,567.425 523.013,568.415 L533.015,578.417 C534.006,579.408 534.006,581.013 533.015,582.003 C532.519,582.499 531.871,582.746 531.222,582.746" id="Fill-152" fill="#FFFFFF"></path>
+        <g id="Group-155" transform="translate(518.000000, 436.000000)">
+            <mask id="mask-123" fill="white">
+                <use xlink:href="#path-122"></use>
+            </mask>
+            <g id="Clip-154"></g>
+            <path d="M109.603,28.999 L87.676,28.999 C50.555,28.999 33.996,15.738 26.217,1.705 C24.938,-0.6 21.619,-0.475 20.49,1.907 C15.739,11.927 15.375,21.721 16.724,29.996 C7.113,32.891 0.109,41.802 0.109,52.357 L0.109,81.781 C0.109,94.681 10.566,105.139 23.467,105.139 L109.603,105.139 C122.504,105.139 132.962,94.681 132.962,81.781 L132.962,52.357 C132.962,39.456 122.504,28.999 109.603,28.999" id="Fill-153" fill="url(#linearGradient-124)" mask="url(#mask-123)"></path>
+        </g>
+        <g id="Group-158" transform="translate(0.000000, 411.000000)">
+            <mask id="mask-126" fill="white">
+                <use xlink:href="#path-125"></use>
+            </mask>
+            <g id="Clip-157"></g>
+            <polygon id="Fill-156" mask="url(#mask-126)" points="0.06 187.94 843.566 187.94 843.566 -410.289 0.06 -410.289"></polygon>
+        </g>
+        <path d="M117.949,507.953 L70.933,507.953 C66.713,507.953 63.292,511.376 63.292,515.595 C63.292,519.815 66.713,523.238 70.933,523.238 L117.949,523.238 C122.169,523.238 125.591,519.815 125.591,515.595 C125.591,511.376 122.169,507.953 117.949,507.953 Z M47.331,507.953 L28.523,507.953 C24.302,507.953 20.882,511.376 20.882,515.595 C20.882,519.815 24.302,523.238 28.523,523.238 L47.331,523.238 C51.552,523.238 54.973,519.815 54.973,515.595 C54.973,511.376 51.552,507.953 47.331,507.953 Z M66.688,489.434 C66.688,485.214 63.267,481.792 59.047,481.792 L28.523,481.792 C24.302,481.792 20.882,485.214 20.882,489.434 C20.882,493.654 24.302,497.075 28.523,497.075 L59.047,497.075 C63.267,497.075 66.688,493.654 66.688,489.434 Z" id="Fill-159" fill="#FFFFFF"></path>
+        <g id="Group-162" transform="translate(575.000000, 461.000000)">
+            <mask id="mask-128" fill="white">
+                <use xlink:href="#path-127"></use>
+            </mask>
+            <g id="Clip-161"></g>
+            <path d="M53.556,38.249 L75.962,38.249 L75.962,27.357 C75.962,14.456 65.504,3.999 52.603,3.999 L30.676,3.999 C18.535,3.999 8.606,2.574 0.453,0.174 C7.953,22.31 28.887,38.249 53.556,38.249" id="Fill-160" fill="url(#linearGradient-129)" mask="url(#mask-128)"></path>
+        </g>
+        <g id="Group-165" transform="translate(591.000000, 309.000000)">
+            <mask id="mask-131" fill="white">
+                <use xlink:href="#path-130"></use>
+            </mask>
+            <g id="Clip-164"></g>
+            <path d="M210.918,89.164 C211.971,84.223 212.536,79.102 212.536,73.848 C212.536,33.433 179.773,0.67 139.358,0.67 C101.303,0.67 70.042,29.724 66.521,66.859 C63.326,66.293 60.044,65.981 56.685,65.981 C25.718,65.981 0.613,91.085 0.613,122.053 C0.613,153.022 25.718,178.125 56.685,178.125 C81.12,178.125 186.531,178.125 208.034,178.125 C232.628,178.125 252.566,158.188 252.566,133.593 C252.566,109.969 234.167,90.652 210.918,89.164" id="Fill-163" fill="url(#linearGradient-132)" mask="url(#mask-131)"></path>
+        </g>
+        <g id="Group-168" transform="translate(702.000000, 403.000000)">
+            <mask id="mask-134" fill="white">
+                <use xlink:href="#path-133"></use>
+            </mask>
+            <g id="Clip-167"></g>
+            <path d="M119.03,0.887 L0.363,84.125 C38.738,84.125 83.793,84.125 97.034,84.125 C121.628,84.125 141.566,64.188 141.566,39.593 C141.566,23.002 132.485,8.546 119.03,0.887" id="Fill-166" fill="url(#linearGradient-135)" mask="url(#mask-134)"></path>
+        </g>
+        <path d="M799.033,487.125 C800.812,487.125 802.563,487.009 804.288,486.807 C799.487,472.472 785.959,462.139 770.008,462.139 C753.939,462.139 740.326,472.625 735.62,487.125 C763.656,487.125 789.534,487.125 799.033,487.125" id="Fill-169" fill="#57A4FE"></path>
+        <g id="Group-172" transform="translate(746.000000, 452.000000)">
+            <mask id="mask-137" fill="white">
+                <use xlink:href="#path-136"></use>
+            </mask>
+            <g id="Clip-171"></g>
+            <path d="M72.406,36.425 C72.406,56.392 56.22,72.579 36.252,72.579 C16.285,72.579 0.097,56.392 0.097,36.425 C0.097,16.457 16.285,0.271 36.252,0.271 C56.22,0.271 72.406,16.457 72.406,36.425" id="Fill-170" fill="url(#linearGradient-138)" mask="url(#mask-137)"></path>
+        </g>
+        <path d="M782.252,513.698 C778.751,513.698 775.912,510.861 775.912,507.359 L775.912,469.491 C775.912,465.99 778.751,463.152 782.252,463.152 C785.754,463.152 788.592,465.99 788.592,469.491 L788.592,507.359 C788.592,510.861 785.754,513.698 782.252,513.698" id="Fill-173" fill="#FFFFFF"></path>
+        <path d="M801.185,494.765 L763.318,494.765 C759.817,494.765 756.978,491.927 756.978,488.425 C756.978,484.923 759.817,482.085 763.318,482.085 L801.185,482.085 C804.687,482.085 807.525,484.923 807.525,488.425 C807.525,491.927 804.687,494.765 801.185,494.765" id="Fill-174" fill="#FFFFFF"></path>
+        <path d="M725.264,424.193 C729.997,434.97 722.43,448.714 708.364,454.891 C694.297,461.068 679.057,457.338 674.325,446.561 C669.593,435.783 677.159,422.039 691.225,415.863 C705.292,409.686 720.532,413.415 725.264,424.193" id="Fill-175" fill="#FFFFFF"></path>
+        <polygon id="Fill-176" fill="#FFFFFF" points="716.196 432.626 726.6 432.626 726.6 356.403 716.196 356.403"></polygon>
+        <g id="Group-179" transform="translate(716.000000, 345.000000)">
+            <mask id="mask-140" fill="white">
+                <use xlink:href="#path-139"></use>
+            </mask>
+            <g id="Clip-178"></g>
+            <path d="M0.196,11.403 C10.002,-0.56 35.254,3.719 46.264,0.061 L46.264,8.915 C46.264,20.37 37.438,29.884 26.015,30.751 C16.042,31.509 5.692,33.112 0.196,39.817 L0.196,11.403" id="Fill-177" fill="url(#linearGradient-141)" mask="url(#mask-140)"></path>
+        </g>
+        <path d="M577.352,500.163 C580.102,497.413 580.101,492.955 577.352,490.205 L576.893,489.746 C574.143,486.997 569.685,486.997 566.935,489.746 L546.865,509.818 L546.877,509.83 C546.708,510.024 546.567,510.25 546.492,510.525 L543.531,521.39 C543.171,522.714 544.385,523.928 545.709,523.568 L556.574,520.607 C556.849,520.531 557.075,520.392 557.268,520.222 L557.281,520.235 L577.352,500.163" id="Fill-180" fill="#FFFFFF"></path>
+        <path d="M587.305,490.21 C585.507,492.008 582.593,492.008 580.795,490.21 L576.888,486.305 C575.091,484.507 575.091,481.592 576.888,479.794 C578.686,477.996 581.6,477.996 583.398,479.794 L587.305,483.7 C589.102,485.498 589.102,488.412 587.305,490.21" id="Fill-181" fill="#FFFFFF"></path>
+        <path d="M578.269,511.908 L573.803,511.908 C570.565,511.908 567.941,514.533 567.941,517.77 C567.941,521.007 570.565,523.632 573.803,523.632 L578.269,523.632 C581.508,523.632 584.132,521.007 584.132,517.77 C584.132,514.533 581.508,511.908 578.269,511.908" id="Fill-182" fill="#FFFFFF"></path>
+        <path d="M619.742,511.908 L596.375,511.908 C593.138,511.908 590.513,514.533 590.513,517.77 C590.513,521.007 593.138,523.632 596.375,523.632 L619.742,523.632 C622.979,523.632 625.603,521.007 625.603,517.77 C625.603,514.533 622.979,511.908 619.742,511.908" id="Fill-183" fill="#FFFFFF"></path>
+        <path d="M662.287,117.401 C646.309,117.401 632.942,106.26 629.507,91.324 C629.488,91.787 629.45,92.245 629.45,92.713 C629.45,111.295 644.513,126.359 663.096,126.359 C675.469,126.359 686.273,119.677 692.119,109.728 C692.119,109.728 692.11,107.108 692.095,104.51 C692.087,103.087 690.268,102.486 689.428,103.634 C683.305,111.98 673.431,117.401 662.287,117.401" id="Fill-184" fill="#19B0C3"></path>
+        <path d="M210.411,469.509 L200.431,469.509 C197.98,469.509 195.993,471.496 195.993,473.947 C195.993,476.397 197.98,478.385 200.431,478.385 L211.038,478.385 L211.038,474.852 C211.038,473.012 210.813,471.226 210.411,469.509" id="Fill-185" fill="#80B2FD"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/illustrations/trophy.png b/public_html/assets/raven/images/illustrations/trophy.png
new file mode 100644
index 0000000..466ecd6
Binary files /dev/null and b/public_html/assets/raven/images/illustrations/trophy.png differ
diff --git a/public_html/assets/raven/images/illustrations/wallet.png b/public_html/assets/raven/images/illustrations/wallet.png
new file mode 100644
index 0000000..4eff175
Binary files /dev/null and b/public_html/assets/raven/images/illustrations/wallet.png differ
diff --git a/public_html/assets/raven/images/products/1.png b/public_html/assets/raven/images/products/1.png
new file mode 100644
index 0000000..3fe1fa0
Binary files /dev/null and b/public_html/assets/raven/images/products/1.png differ
diff --git a/public_html/assets/raven/images/products/2.png b/public_html/assets/raven/images/products/2.png
new file mode 100644
index 0000000..9d977e5
Binary files /dev/null and b/public_html/assets/raven/images/products/2.png differ
diff --git a/public_html/assets/raven/images/products/3.png b/public_html/assets/raven/images/products/3.png
new file mode 100644
index 0000000..ccb46b8
Binary files /dev/null and b/public_html/assets/raven/images/products/3.png differ
diff --git a/public_html/assets/raven/images/products/4.png b/public_html/assets/raven/images/products/4.png
new file mode 100644
index 0000000..d68c6f0
Binary files /dev/null and b/public_html/assets/raven/images/products/4.png differ
diff --git a/public_html/assets/raven/images/products/5.png b/public_html/assets/raven/images/products/5.png
new file mode 100644
index 0000000..3106b91
Binary files /dev/null and b/public_html/assets/raven/images/products/5.png differ
diff --git a/public_html/assets/raven/images/products/6.png b/public_html/assets/raven/images/products/6.png
new file mode 100644
index 0000000..ff98f55
Binary files /dev/null and b/public_html/assets/raven/images/products/6.png differ
diff --git a/public_html/assets/raven/images/products/7.png b/public_html/assets/raven/images/products/7.png
new file mode 100644
index 0000000..61f5311
Binary files /dev/null and b/public_html/assets/raven/images/products/7.png differ
diff --git a/public_html/assets/raven/images/products/single1.png b/public_html/assets/raven/images/products/single1.png
new file mode 100644
index 0000000..6bef411
Binary files /dev/null and b/public_html/assets/raven/images/products/single1.png differ
diff --git a/public_html/assets/raven/images/products/single2.png b/public_html/assets/raven/images/products/single2.png
new file mode 100644
index 0000000..fd24da2
Binary files /dev/null and b/public_html/assets/raven/images/products/single2.png differ
diff --git a/public_html/assets/raven/images/products/single3.png b/public_html/assets/raven/images/products/single3.png
new file mode 100644
index 0000000..c0d4ac4
Binary files /dev/null and b/public_html/assets/raven/images/products/single3.png differ
diff --git a/public_html/assets/raven/images/projects/1.jpg b/public_html/assets/raven/images/projects/1.jpg
new file mode 100644
index 0000000..122cb43
Binary files /dev/null and b/public_html/assets/raven/images/projects/1.jpg differ
diff --git a/public_html/assets/raven/images/projects/2.jpg b/public_html/assets/raven/images/projects/2.jpg
new file mode 100644
index 0000000..122cb43
Binary files /dev/null and b/public_html/assets/raven/images/projects/2.jpg differ
diff --git a/public_html/assets/raven/images/projects/3.jpg b/public_html/assets/raven/images/projects/3.jpg
new file mode 100644
index 0000000..122cb43
Binary files /dev/null and b/public_html/assets/raven/images/projects/3.jpg differ
diff --git a/public_html/assets/raven/images/projects/4.jpg b/public_html/assets/raven/images/projects/4.jpg
new file mode 100644
index 0000000..122cb43
Binary files /dev/null and b/public_html/assets/raven/images/projects/4.jpg differ
diff --git a/public_html/assets/raven/images/restaurant/burger.png b/public_html/assets/raven/images/restaurant/burger.png
new file mode 100644
index 0000000..2fc227b
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/burger.png differ
diff --git a/public_html/assets/raven/images/restaurant/food/burger.png b/public_html/assets/raven/images/restaurant/food/burger.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/food/burger.png differ
diff --git a/public_html/assets/raven/images/restaurant/food/burito.png b/public_html/assets/raven/images/restaurant/food/burito.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/food/burito.png differ
diff --git a/public_html/assets/raven/images/restaurant/food/chips.png b/public_html/assets/raven/images/restaurant/food/chips.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/food/chips.png differ
diff --git a/public_html/assets/raven/images/restaurant/food/coffee.png b/public_html/assets/raven/images/restaurant/food/coffee.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/food/coffee.png differ
diff --git a/public_html/assets/raven/images/restaurant/food/donut.png b/public_html/assets/raven/images/restaurant/food/donut.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/food/donut.png differ
diff --git a/public_html/assets/raven/images/restaurant/food/french-fries.png b/public_html/assets/raven/images/restaurant/food/french-fries.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/food/french-fries.png differ
diff --git a/public_html/assets/raven/images/restaurant/food/fried-chicken.png b/public_html/assets/raven/images/restaurant/food/fried-chicken.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/food/fried-chicken.png differ
diff --git a/public_html/assets/raven/images/restaurant/food/hotdogs.png b/public_html/assets/raven/images/restaurant/food/hotdogs.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/food/hotdogs.png differ
diff --git a/public_html/assets/raven/images/restaurant/food/noodles.png b/public_html/assets/raven/images/restaurant/food/noodles.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/food/noodles.png differ
diff --git a/public_html/assets/raven/images/restaurant/food/nugget.png b/public_html/assets/raven/images/restaurant/food/nugget.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/food/nugget.png differ
diff --git a/public_html/assets/raven/images/restaurant/food/onion-ring.png b/public_html/assets/raven/images/restaurant/food/onion-ring.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/food/onion-ring.png differ
diff --git a/public_html/assets/raven/images/restaurant/food/pizza.png b/public_html/assets/raven/images/restaurant/food/pizza.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/food/pizza.png differ
diff --git a/public_html/assets/raven/images/restaurant/food/popcorn.png b/public_html/assets/raven/images/restaurant/food/popcorn.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/food/popcorn.png differ
diff --git a/public_html/assets/raven/images/restaurant/food/sandwich.png b/public_html/assets/raven/images/restaurant/food/sandwich.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/food/sandwich.png differ
diff --git a/public_html/assets/raven/images/restaurant/food/soda.png b/public_html/assets/raven/images/restaurant/food/soda.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/food/soda.png differ
diff --git a/public_html/assets/raven/images/restaurant/food/taco.png b/public_html/assets/raven/images/restaurant/food/taco.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/food/taco.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/appetizer.png b/public_html/assets/raven/images/restaurant/icons/appetizer.png
new file mode 100644
index 0000000..7f7709d
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/appetizer.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/apron.png b/public_html/assets/raven/images/restaurant/icons/apron.png
new file mode 100644
index 0000000..f302d33
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/apron.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/chef.png b/public_html/assets/raven/images/restaurant/icons/chef.png
new file mode 100644
index 0000000..78c1408
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/chef.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/chicken.png b/public_html/assets/raven/images/restaurant/icons/chicken.png
new file mode 100644
index 0000000..20649b1
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/chicken.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/cocktail.png b/public_html/assets/raven/images/restaurant/icons/cocktail.png
new file mode 100644
index 0000000..ed3f063
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/cocktail.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/coffee_cup.png b/public_html/assets/raven/images/restaurant/icons/coffee_cup.png
new file mode 100644
index 0000000..0dc575f
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/coffee_cup.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/cutlery.png b/public_html/assets/raven/images/restaurant/icons/cutlery.png
new file mode 100644
index 0000000..8068a07
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/cutlery.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/dinner_table.png b/public_html/assets/raven/images/restaurant/icons/dinner_table.png
new file mode 100644
index 0000000..fca294d
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/dinner_table.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/discount.png b/public_html/assets/raven/images/restaurant/icons/discount.png
new file mode 100644
index 0000000..1ef9c4b
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/discount.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/fish.png b/public_html/assets/raven/images/restaurant/icons/fish.png
new file mode 100644
index 0000000..f7f3236
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/fish.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/food-canceled.svg b/public_html/assets/raven/images/restaurant/icons/food-canceled.svg
new file mode 100644
index 0000000..55758f8
--- /dev/null
+++ b/public_html/assets/raven/images/restaurant/icons/food-canceled.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><g><path d="m287.629 169.848h-31.002v-60.848c0-3.5-2.848-6.347-6.348-6.347h-98.09c-3.5 0-6.347 2.847-6.347 6.347v60.848h-31.002v-60.848c0-20.594 16.754-37.348 37.348-37.348h98.09c20.594 0 37.349 16.754 37.349 37.348l7.375 29.935z" fill="#6c7fd8"/></g><g><path d="m250.28 71.652h-17.174c20.594 0 37.349 16.754 37.349 37.348v60.848h17.174l7.375-30.913-7.375-29.935c0-20.594-16.755-37.348-37.349-37.348z" fill="#4f66d0"/></g><path d="m378.751 457.436v-.365c0-10.044-.747-20.075-2.236-30.008l-37.297-248.899c-1.512-10.679-10.653-18.617-21.438-18.617h-232.121c-10.757 0-19.883 7.898-21.428 18.544l-38.167 248.619c-1.561 10.168-2.345 20.44-2.345 30.726l177.516 21.68z" fill="#f6a96c"/><path d="m378.754 457.071v.361l-28.865 3.53-7.212-3.53v-.361c0-10.044-.742-20.078-2.236-30.009l-37.292-248.902c-1.514-10.673-10.652-18.615-21.438-18.615h36.067c10.786 0 19.924 7.943 21.438 18.615l37.303 248.902c1.483 9.931 2.235 19.964 2.235 30.009z" fill="#ea9b58"/><g><g><path d="m151.49 403.917c-4.267 0-7.726-3.459-7.726-7.726v-175.399c0-4.267 3.459-7.726 7.726-7.726s7.726 3.459 7.726 7.726v175.398c0 4.268-3.459 7.727-7.726 7.727z" fill="#e2dee2"/></g></g><g><g><path d="m250.98 403.917c-4.267 0-7.726-3.459-7.726-7.726v-104.86c0-4.267 3.459-7.726 7.726-7.726s7.726 3.459 7.726 7.726v104.859c0 4.268-3.459 7.727-7.726 7.727z" fill="#e2dee2"/></g></g><g><path d="m250.98 299.058c-19.619 0-35.523-15.904-35.523-35.523v-14.947c0-19.619 15.904-35.523 35.523-35.523 19.619 0 35.523 15.904 35.523 35.523v14.947c0 19.619-15.905 35.523-35.523 35.523z" fill="#f3f0f3"/></g><path d="m23.719 457.436h355.032v32.912c0 11.958-9.694 21.652-21.652 21.652h-311.728c-11.958 0-21.652-9.694-21.652-21.652z" fill="#ea9b58"/><path d="m342.679 457.436v32.912c0 11.958-9.694 21.652-21.652 21.652h36.072c11.958 0 21.652-9.694 21.652-21.652v-32.912z" fill="#d88a55"/><path d="m468.88 184.862h-161.85c-10.715 0-19.401-8.686-19.401-19.401v-146.06c0-10.715 8.686-19.401 19.401-19.401h161.85c10.715 0 19.401 8.686 19.401 19.401v146.061c0 10.714-8.686 19.4-19.401 19.4z" fill="#fe646f"/><path d="m468.88 0h-25.774c10.715 0 19.401 8.686 19.401 19.401v146.061c0 10.715-8.686 19.401-19.401 19.401h25.774c10.715 0 19.401-8.686 19.401-19.401v-146.061c0-10.715-8.686-19.401-19.401-19.401z" fill="#fd4755"/><path d="m419.385 94.787c-1.308-1.298-1.308-3.41 0-4.718l19.46-19.46c4.203-4.203 4.203-11.002 0-15.206l-13.866-13.866c-4.193-4.193-11.002-4.193-15.195 0l-5.934 5.934-13.536 13.536c-1.303 1.303-3.415 1.303-4.717 0l-19.468-19.468c-4.198-4.198-11.004-4.198-15.201 0l-13.865 13.865c-4.198 4.198-4.198 11.004 0 15.201l19.468 19.468c1.303 1.303 1.303 3.415 0 4.717l-19.468 19.468c-4.198 4.198-4.198 11.004 0 15.201l13.865 13.865c4.198 4.198 11.004 4.198 15.201 0l19.468-19.468c1.303-1.303 3.415-1.303 4.717 0l13.536 13.529 5.934 5.934c4.193 4.203 11.002 4.203 15.195 0l13.866-13.856c4.203-4.203 4.203-11.013 0-15.206z" fill="#f3f0f3"/><g><g><path d="m151.49 299.058c-20.327 0-36.865-16.538-36.865-36.866v-41.4c0-4.267 3.459-7.726 7.726-7.726s7.726 3.459 7.726 7.726v41.4c0 11.807 9.606 21.413 21.412 21.413 11.807 0 21.413-9.606 21.413-21.413v-41.4c0-4.267 3.459-7.726 7.726-7.726s7.726 3.459 7.726 7.726v41.4c.002 20.328-16.536 36.866-36.864 36.866z" fill="#f3f0f3"/></g></g></g></svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/restaurant/icons/food-delivery.svg b/public_html/assets/raven/images/restaurant/icons/food-delivery.svg
new file mode 100644
index 0000000..9a97367
--- /dev/null
+++ b/public_html/assets/raven/images/restaurant/icons/food-delivery.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m154.239 227.157v-4.86c0-88.715 71.918-160.632 160.633-160.632 10.706 0 21.164 1.057 31.285 3.055v36.262l-109.205 140.106h-48.879z" fill="#fbc700"/><circle cx="314.872" cy="31.086" fill="#ff5595" r="31.086"/><path d="m346.156 64.72c-73.738 14.558-129.348 79.569-129.348 157.578v4.86l20.144 13.931h215.851l22.702-13.931v-4.86c0-78.009-55.611-143.021-129.349-157.578z" fill="#ffd500"/><path d="m203.492 273.516h-62.569c-12.749 0-23.179-10.431-23.179-23.179s10.431-23.179 23.179-23.179h62.569l10.335 8.609v27.643z" fill="#ffd500"/><g><path d="m184.706 43.585h-105.079c-4.267 0-7.726-3.459-7.726-7.726s3.459-7.726 7.726-7.726h105.08c4.267 0 7.726 3.459 7.726 7.726s-3.46 7.726-7.727 7.726z" fill="#60b9fe"/></g><g><path d="m154.239 92.705h-74.612c-4.267 0-7.726-3.459-7.726-7.726s3.459-7.726 7.726-7.726h74.612c4.267 0 7.726 3.459 7.726 7.726s-3.459 7.726-7.726 7.726z" fill="#60b9fe"/></g><g><path d="m137.833 141.823h-58.206c-4.267 0-7.726-3.459-7.726-7.726 0-4.268 3.459-7.726 7.726-7.726h58.206c4.267 0 7.726 3.459 7.726 7.726s-3.459 7.726-7.726 7.726z" fill="#60b9fe"/></g><g><path d="m124.955 190.941h-45.328c-4.267 0-7.726-3.459-7.726-7.726 0-4.268 3.459-7.726 7.726-7.726h45.328c4.267 0 7.726 3.459 7.726 7.726.001 4.267-3.459 7.726-7.726 7.726z" fill="#60b9fe"/></g><g><path d="m131.471 466.983c-3.776.869-7.548 1.896-11.292 3.116l-108.921 41.352c-5.437 2.065-11.258-1.952-11.258-7.767v-104.231c0-3.741 2.5-7.02 6.106-8.012l31.331-8.614c9.207-2.531 17.874-6.689 25.685-12.18 11.941-8.393 24.684-15.67 38.105-21.675 7.6-3.402 13.769-5.832 20.031-7.574l14.03 15.46 15.488 79.993z" fill="#ffb1a0"/></g><path d="m450.216 378.669c-11.751-24.539-38.797-12.939-41.068-12.09l-113.51 33.581c-.563.167-1.093-.335-.953-.905 1.232-4.996 4.115-23.151-16.306-31.301-65.972-26.336-73.839-30.79-90.536-31.055l-.002-.002c-36.32.121-51.712.366-66.583 4.5-15.563 14.725-25.275 35.571-25.275 58.688 0 27.828 14.072 52.369 35.487 66.897 20.312-4.676 40.761-4.199 57.666 2.547l42.574 16.996c9.306 3.208 30.684 8.202 52.868-3.169.011-.005.018-.008.018-.008 2.069-.915 20.89-9.241 44.491-19.68l29.163-12.9c35.935-15.895 72.074-31.881 74.974-33.163 4.502-2.309 27.131-15.885 16.992-38.936z" fill="#ffcebe"/><path d="m295.637 400.161c-.399.118-.777-.102-.916-.441-1.404 3.526-6.183 12.329-18.133 9.401-21.312-5.22-72.089-17.449-72.599-17.572-4.148-1.001-8.322 1.553-9.321 5.703-.999 4.148 1.554 8.322 5.703 9.321.51.123 51.258 12.344 72.54 17.558 3.065.751 5.925 1.09 8.587 1.09 16.808 0 25.72-13.502 28.374-22.005l3.3-8.241z" fill="#ffb1a0"/><g><path d="m488.821 227.157h-285.329c-12.749 0-23.179 10.431-23.179 23.179s10.431 23.179 23.179 23.179h285.328c12.749 0 23.179-10.431 23.179-23.179s-10.43-23.179-23.178-23.179z" fill="#ffeb7e"/></g></g></svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/restaurant/icons/food-payment.svg b/public_html/assets/raven/images/restaurant/icons/food-payment.svg
new file mode 100644
index 0000000..6af865a
--- /dev/null
+++ b/public_html/assets/raven/images/restaurant/icons/food-payment.svg
@@ -0,0 +1 @@
+<svg height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="delivery_food_pay_hand_money" data-name="delivery, food, pay, hand, money"><circle cx="28" cy="29" fill="#ff9811" r="2"/><path d="m13 7h30v16h-30z" fill="#91dc5a"/><path d="m39.86 50.26a2.013 2.013 0 0 1 -1 1.74l-12.4 7.73a1.923 1.923 0 0 1 -1 .27h-12.85a1.965 1.965 0 0 1 -1.11-.34l-2.5-1.66v-6l3.47-2.6a1.969 1.969 0 0 1 1.2-.4h4.86a1.974 1.974 0 0 1 .89.21l1.58.79h8a2 2 0 0 1 1.73 1 1.965 1.965 0 0 1 .26.93l2.7-1.56.31-.18 2.86-1.65a1.988 1.988 0 0 1 2.73.73 2.088 2.088 0 0 1 .27.99z" fill="#ffbcab"/><path d="m29.2 53.99a1.978 1.978 0 0 0 1.21-.58 1.953 1.953 0 0 0 .59-1.33v-.08c0-.024-.009-.046-.01-.07a2.137 2.137 0 0 0 -.062-.409 1.948 1.948 0 0 1 -.518.889 1.978 1.978 0 0 1 -1.21.58 1.275 1.275 0 0 1 -.2.01h-7v1h7a1.275 1.275 0 0 0 .2-.01z" fill="#ff9478"/><g fill="#4e901e"><path d="m43 18a5 5 0 0 0 -5 5h5z"/><path d="m13 12a5 5 0 0 0 5-5h-5z"/><path d="m43 12a5 5 0 0 1 -5-5h5z"/><path d="m18 23a5 5 0 0 0 -5-5v5z"/></g><path d="m9 58v-6-3h-6v12h6z" fill="#006df0"/><path d="m55 5v7.987 2.013h6v-12h-6z" fill="#006df0"/><path d="m17 41a2 2 0 0 0 2 2h18a2 2 0 0 0 0-4h-18a2 2 0 0 0 -2 2z" fill="#ffa733"/><path d="m28 30a9 9 0 0 0 -9 9h18a9 9 0 0 0 -9-9z" fill="#ffc477"/><path d="m29.326 30.108a9 9 0 0 1 4.674 7.892h-14.941a8.935 8.935 0 0 0 -.059 1h18a8.995 8.995 0 0 0 -7.674-8.892z" fill="#ffb655"/><path d="m22.236 47h11.528a2 2 0 0 0 1.789-1.106l1.447-2.894h-18l1.447 2.894a2 2 0 0 0 1.789 1.106z" fill="#ffc477"/><path d="m36.5 44 .5-1h-18l.5 1z" fill="#ffb655"/><path d="m22 14h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" fill="#f1f2f2"/><path d="m36 14h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" fill="#f1f2f2"/><path d="m29 21v-1.1c1.741-.327 3-1.477 3-2.9 0-1.682-1.757-3-4-3-1.221 0-2-.592-2-1s.779-1 2-1 2 .592 2 1a1 1 0 0 0 2 0c0-1.421-1.259-2.571-3-2.9v-1.1a1 1 0 0 0 -2 0v1.1c-1.741.327-3 1.477-3 2.9 0 1.682 1.757 3 4 3 1.221 0 2 .592 2 1s-.779 1-2 1-2-.592-2-1a1 1 0 0 0 -2 0c0 1.421 1.259 2.571 3 2.9v1.1a1 1 0 0 0 2 0z" fill="#f1f2f2"/><path d="m28 34a5.021 5.021 0 0 1 4.329 2.5 1 1 0 0 0 .866.5.987.987 0 0 0 .5-.135 1 1 0 0 0 .365-1.365 7.027 7.027 0 0 0 -6.06-3.5 1 1 0 0 0 0 2z" fill="#ffa733"/><path d="m43 10-2.66 2.66a1.983 1.983 0 0 1 -1.41.58 2 2 0 0 1 -1.42-3.41l2.83-2.83h-10.17l4.45-3.56a1.986 1.986 0 0 1 1.25-.44h14.66a1.974 1.974 0 0 1 .89.21l3.58 1.79v7.99l-2 .01-1.57.94a7.978 7.978 0 0 1 -7.13.55l-1.3-.59z" fill="#ffbcab"/><path d="m43 13.9 1 .454v-5.354l-1 1z" fill="#ff9478"/></g></svg>
\ No newline at end of file
diff --git a/public_html/assets/raven/images/restaurant/icons/food.png b/public_html/assets/raven/images/restaurant/icons/food.png
new file mode 100644
index 0000000..da451c7
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/food.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/food_delivery.png b/public_html/assets/raven/images/restaurant/icons/food_delivery.png
new file mode 100644
index 0000000..1c9655c
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/food_delivery.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/fork.png b/public_html/assets/raven/images/restaurant/icons/fork.png
new file mode 100644
index 0000000..e24d0d1
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/fork.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/hamburger.png b/public_html/assets/raven/images/restaurant/icons/hamburger.png
new file mode 100644
index 0000000..91e084e
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/hamburger.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/ice_cream.png b/public_html/assets/raven/images/restaurant/icons/ice_cream.png
new file mode 100644
index 0000000..1d3243f
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/ice_cream.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/ingredients.png b/public_html/assets/raven/images/restaurant/icons/ingredients.png
new file mode 100644
index 0000000..d869120
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/ingredients.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/location.png b/public_html/assets/raven/images/restaurant/icons/location.png
new file mode 100644
index 0000000..c12dbc9
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/location.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/map.png b/public_html/assets/raven/images/restaurant/icons/map.png
new file mode 100644
index 0000000..9354654
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/map.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/meat.png b/public_html/assets/raven/images/restaurant/icons/meat.png
new file mode 100644
index 0000000..c22170d
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/meat.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/menu.png b/public_html/assets/raven/images/restaurant/icons/menu.png
new file mode 100644
index 0000000..ec206c6
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/menu.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/menu_2.png b/public_html/assets/raven/images/restaurant/icons/menu_2.png
new file mode 100644
index 0000000..17e8834
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/menu_2.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/milkshake.png b/public_html/assets/raven/images/restaurant/icons/milkshake.png
new file mode 100644
index 0000000..af5871e
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/milkshake.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/no_smoking.png b/public_html/assets/raven/images/restaurant/icons/no_smoking.png
new file mode 100644
index 0000000..e882216
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/no_smoking.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/noodles.png b/public_html/assets/raven/images/restaurant/icons/noodles.png
new file mode 100644
index 0000000..9f17eb9
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/noodles.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/online_menu.png b/public_html/assets/raven/images/restaurant/icons/online_menu.png
new file mode 100644
index 0000000..a67c593
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/online_menu.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/orange_juice.png b/public_html/assets/raven/images/restaurant/icons/orange_juice.png
new file mode 100644
index 0000000..d0e8cf8
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/orange_juice.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/order.png b/public_html/assets/raven/images/restaurant/icons/order.png
new file mode 100644
index 0000000..9131590
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/order.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/pan.png b/public_html/assets/raven/images/restaurant/icons/pan.png
new file mode 100644
index 0000000..d1a2424
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/pan.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/pizza.png b/public_html/assets/raven/images/restaurant/icons/pizza.png
new file mode 100644
index 0000000..0fc2ca5
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/pizza.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/plate.png b/public_html/assets/raven/images/restaurant/icons/plate.png
new file mode 100644
index 0000000..9037b27
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/plate.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/pos.png b/public_html/assets/raven/images/restaurant/icons/pos.png
new file mode 100644
index 0000000..e8624c6
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/pos.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/receipt.png b/public_html/assets/raven/images/restaurant/icons/receipt.png
new file mode 100644
index 0000000..7a3f6f5
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/receipt.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/recipe.png b/public_html/assets/raven/images/restaurant/icons/recipe.png
new file mode 100644
index 0000000..70b8a91
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/recipe.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/reserved.png b/public_html/assets/raven/images/restaurant/icons/reserved.png
new file mode 100644
index 0000000..9e21bf0
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/reserved.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/restaurant.png b/public_html/assets/raven/images/restaurant/icons/restaurant.png
new file mode 100644
index 0000000..ddbc7d9
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/restaurant.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/salad.png b/public_html/assets/raven/images/restaurant/icons/salad.png
new file mode 100644
index 0000000..a87495d
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/salad.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/seasoning.png b/public_html/assets/raven/images/restaurant/icons/seasoning.png
new file mode 100644
index 0000000..4af680c
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/seasoning.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/signboard.png b/public_html/assets/raven/images/restaurant/icons/signboard.png
new file mode 100644
index 0000000..a7ead14
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/signboard.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/smartphone.png b/public_html/assets/raven/images/restaurant/icons/smartphone.png
new file mode 100644
index 0000000..6bbffb0
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/smartphone.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/soup.png b/public_html/assets/raven/images/restaurant/icons/soup.png
new file mode 100644
index 0000000..fba647c
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/soup.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/star.png b/public_html/assets/raven/images/restaurant/icons/star.png
new file mode 100644
index 0000000..b92b395
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/star.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/stew.png b/public_html/assets/raven/images/restaurant/icons/stew.png
new file mode 100644
index 0000000..81a35b4
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/stew.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/sushi.png b/public_html/assets/raven/images/restaurant/icons/sushi.png
new file mode 100644
index 0000000..1defb77
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/sushi.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/table.png b/public_html/assets/raven/images/restaurant/icons/table.png
new file mode 100644
index 0000000..023c056
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/table.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/table_2.png b/public_html/assets/raven/images/restaurant/icons/table_2.png
new file mode 100644
index 0000000..f144094
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/table_2.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/table_3.png b/public_html/assets/raven/images/restaurant/icons/table_3.png
new file mode 100644
index 0000000..ea9e6dc
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/table_3.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/take_away.png b/public_html/assets/raven/images/restaurant/icons/take_away.png
new file mode 100644
index 0000000..40330a4
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/take_away.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/waiter.png b/public_html/assets/raven/images/restaurant/icons/waiter.png
new file mode 100644
index 0000000..80b1d7d
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/waiter.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/wifi.png b/public_html/assets/raven/images/restaurant/icons/wifi.png
new file mode 100644
index 0000000..b06839b
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/wifi.png differ
diff --git a/public_html/assets/raven/images/restaurant/icons/wine_bottle.png b/public_html/assets/raven/images/restaurant/icons/wine_bottle.png
new file mode 100644
index 0000000..5ea0641
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/icons/wine_bottle.png differ
diff --git a/public_html/assets/raven/images/restaurant/popular1.jpg b/public_html/assets/raven/images/restaurant/popular1.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/popular1.jpg differ
diff --git a/public_html/assets/raven/images/restaurant/popular2.jpg b/public_html/assets/raven/images/restaurant/popular2.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/popular2.jpg differ
diff --git a/public_html/assets/raven/images/restaurant/popular3.jpg b/public_html/assets/raven/images/restaurant/popular3.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/popular3.jpg differ
diff --git a/public_html/assets/raven/images/restaurant/popular4.jpg b/public_html/assets/raven/images/restaurant/popular4.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/popular4.jpg differ
diff --git a/public_html/assets/raven/images/restaurant/popular5.jpg b/public_html/assets/raven/images/restaurant/popular5.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/popular5.jpg differ
diff --git a/public_html/assets/raven/images/restaurant/popular6.jpg b/public_html/assets/raven/images/restaurant/popular6.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/public_html/assets/raven/images/restaurant/popular6.jpg differ
diff --git a/public_html/assets/raven/js/app-api.js b/public_html/assets/raven/js/app-api.js
new file mode 100644
index 0000000..86b6673
--- /dev/null
+++ b/public_html/assets/raven/js/app-api.js
@@ -0,0 +1,134 @@
+
+
+const charts = [];
+function getOptionApi(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                const value = params[0].value;
+                return `${params[0].axisValue}<br/><span>${value}</span>`;
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '10px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['00:00', '01:15', '02:30', '03:45', '05:00', '06:15', '07:30', '08:45', '10:00', '11:15', '12:30', '13:45', '15:00', '16:15', '17:30', '18:45', '20:00', '21:15', '22:30', '23:45'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                padding: [0, 0, 0, 5],
+                showMaxLabel: false,
+                color: textColor,
+                fontFamily: 'inherit',
+                
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: textColor,
+                 formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor } }
+        },
+        series: [
+            {
+                type: 'line',
+                data: [300, 580, 450, 660, 570, 730, 650, 800, 700, 860, 680, 890, 770, 1100, 800, 1250, 900, 1440, 1050, 1700],
+                symbol: 'none',
+                smooth: true,
+                areaStyle: {
+                    color: {
+                        type: 'linear',
+                        x: 0,
+                        y: 0,
+                        x2: 0,
+                        y2: 1,
+                        colorStops: [{
+                            offset: 0,
+                            color: 'var(--color-primary-subtle)'
+                        }, {
+                            offset: 1,
+                            color: 'rgba(0,0,0,0)'
+                        }]
+                    }
+                },
+                lineStyle: {
+                    color: 'var(--color-primary)',
+                    width: 2
+                },
+                emphasis: {
+                    disabled: true
+                },
+            }
+        ]
+    };
+}
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+// Initialize all charts
+initChart(document.getElementById('chart_api'), getOptionApi);
\ No newline at end of file
diff --git a/public_html/assets/raven/js/dashboard-analytic.js b/public_html/assets/raven/js/dashboard-analytic.js
new file mode 100644
index 0000000..3ec43a0
--- /dev/null
+++ b/public_html/assets/raven/js/dashboard-analytic.js
@@ -0,0 +1,429 @@
+//dashboard analytic charts
+
+const charts = [];
+function getOptionTinyBounceArea(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'line' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: { color: textColor,fontWeight:400, },
+            formatter: function (params) {
+                const value = params[0].value;
+                return `${params[0].axisValue}<br/><span>${value}%</span>`;
+            }
+        },
+        grid: {
+            left: 0,
+            right: 0,
+            top: 10,
+            bottom: 0,
+            containLabel: false
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+            boundaryGap: false,
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: { show: false }
+        },
+        yAxis: {
+            type: 'value',
+            axisLine: { show: false },
+            axisTick: { show: false },
+            splitLine: { show: false },
+            axisLabel: { show: false }
+        },
+        series: [
+            {
+                type: 'line',
+                data: [13, 31, 56, 24, 59, 41, 58],
+                symbol: 'none',
+                smooth: true,
+                // areaStyle: {
+                //     color: {
+                //         type: 'linear',
+                //         x: 0,
+                //         y: 0,
+                //         x2: 0,
+                //         y2: 1,
+                //         colorStops: [{
+                //             offset: 0,
+                //             color: 'var(--color-primary-subtle)'
+                //         }, {
+                //             offset: 1,
+                //             color: 'rgba(0,0,0,0)'
+                //         }]
+                //     }
+                // },
+                lineStyle: {
+                    color: 'var(--color-primary)',
+                    width: 2
+                },
+                emphasis: {
+                    disabled:true
+                },
+            }
+        ]
+    };
+}
+function getOptionTinyBar(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400,
+            }
+        },
+        grid: {
+            left: 0,
+            right: 0,
+            top: 10,
+            bottom: 0,
+            containLabel: false
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: { show: false }
+        },
+        yAxis: {
+            type: 'value',
+            axisLine: { show: false },
+            axisTick: { show: false },
+            splitLine: { show: false },
+            axisLabel: { show: false }
+        },
+        series: [
+            {
+                type: 'bar',
+                data: [320, 452, 301, 334, 390, 330, 410],
+                barWidth: '30%',
+                itemStyle: {
+                    color: 'var(--color-primary)',
+                    borderRadius: [4, 4, 4, 4]
+                },
+                emphasis: {
+                    itemStyle: {
+                        color: 'var(--color-primary)',
+                    },
+                }
+            }
+        ]
+    };
+}
+function getOptionLine(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400,
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '20px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor,type: 'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { 
+                lineStyle: 
+                { 
+                    color: gridColor,
+                    type: 'dashed'
+                 } 
+                }
+        },
+        series: [
+            {
+                name: 'Organic',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                  disabled:true
+                },
+                lineStyle: { color: 'var(--color-primary)' },
+                itemStyle: { color: 'var(--color-primary)' },
+                data: [87000, 57000, 74000, 98000, 74000, 44000, 62000, 49000, 82000, 56000, 47000, 54000]
+            },
+            {
+                name: 'Referral',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                     disabled:true
+                },
+                lineStyle: { color: 'var(--color-rose-500)' },
+                itemStyle: { color: 'var(--color-rose-500)' },
+                data: [35000, 41000, 62000, 42000, 14000, 18000, 29000, 37000, 36000, 5100, 32000, 34000]
+            },
+            {
+                name: 'Ads',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                lineStyle: { color: 'var(--color-yellow-500)', type: 'dashed' },
+                itemStyle: { color: 'var(--color-yellow-500)' },
+                emphasis: {
+                    disabled:true
+                },
+                data: [45000, 52000, 38000, 24000, 33000, 24000, 21000, 19000, 64000, 84000, 16000, 18000]
+            }
+        ]
+    };
+}
+function getOptionPie(isDark) {
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'item',
+            formatter: '{b}: {c}k ({d}%)',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            textStyle: {
+                fontFamily: 'inherit',fontWeight:400,
+                color: isDark ? 'var(--color-zinc-100)' : 'var(--color-zinc-600)'
+            }
+        },
+        legend: {
+            show: false,
+            top: '0px',
+            textStyle: {
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)',
+                fontFamily: 'inherit',
+            },
+            itemGap: 20,
+        },
+        series: [{
+            name: 'Visitors',
+            type: 'pie',
+            radius: ['70%', '90%'],
+            avoidLabelOverlap: false,
+            selectedMode: false,
+            startAngle: 90,
+            label: {
+                fontFamily: 'inherit',
+                show: true,
+                position: 'center',
+                formatter: '1.5M',
+                fontSize: 36,
+                fontWeight: 'var(--font-semibold)',
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)',
+            },
+            emphasis: { disabled: true },
+            labelLine: { show: false },
+            itemStyle: {
+                borderRadius: 6,
+                borderColor: isDark ? 'var(--color-zinc-900)' : '#fff',
+                borderWidth: 6
+            },
+            data: [
+                { value: 58, name: 'India', itemStyle: { color: 'var(--color-primary)' } },
+                { value: 44, name: 'USA', itemStyle: { color: 'var(--color-sky-500)' } },
+                { value: 31, name: 'UK', itemStyle: { color: 'var(--color-yellow-500)' } },
+                { value: 23, name: 'France', itemStyle: { color: 'var(--color-orange-500)' } }
+            ]
+        }]
+    };
+}
+function getOptionPolar(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,
+                fontWeight:400
+            },
+            formatter: (params) => {
+        const value = params.name === 'Visitors' ? `${params.value}k` : `$${params.value}k`;
+        return `${params.name}: ${value}`;
+    },
+        },
+        polar: {
+            radius: [30, '70%']
+        },
+        radiusAxis: {
+            max: 40,
+            splitLine: {
+                lineStyle: {
+                    color: gridColor,
+                    width: 1
+                }
+            },
+            axisLine: {
+                show: false
+            },
+            axisLabel: {
+                show: false
+            },
+            axisTick: {
+                show: false
+            }
+        },
+        angleAxis: {
+            type: 'category',
+            data: ['Visitors', 'Sales', 'Profit', 'Expanses'],
+            startAngle: 75,
+            axisLine: {
+                lineStyle: {
+                    color: gridColor
+                }
+            },
+            axisLabel: {
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)',
+                margin: 4,
+                align: 'center',
+                verticalAlign: 'top',
+                fontSize:'12px',
+            fontFamily:'inherit',
+            }
+        },
+        series: {
+            type: 'bar',
+            data: [37, 23, 14, 7],
+            coordinateSystem: 'polar',
+
+            label: {
+                show: false,
+                position: 'middle',
+                formatter: '{b}: {c}'
+            },
+            itemStyle: {
+                color: function (params) {
+                    const colors = [
+                        'var(--color-sky-500)',
+                        'var(--color-amber-500)',
+                        'var(--color-primary)',
+                        'var(--color-rose-500)'
+                    ];
+                    return colors[params.dataIndex % colors.length];
+                },
+            },
+            emphasis: {
+                disabled: true
+            }
+        },
+    };
+}
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_visitor'), getOptionLine);
+initChart(document.getElementById('chart_pie_countries'), getOptionPie);
+initChart(document.getElementById('chart_tiny_weekly_sales'), getOptionTinyBar);
+initChart(document.getElementById('chart_tiny_weekly_bounce_rate'), getOptionTinyBounceArea);
+initChart(document.getElementById('chart_polar'), getOptionPolar);
+
+
+
+//Toast
+window.onload = function() {
+    Swal.fire({
+      toast: true,
+      position: 'top',
+      showConfirmButton: false,
+      timer: 4000,
+      timerProgressBar: true,
+      showCloseButton: true,
+      closeButtonHtml: '<span class="icon-[lucide--x]"></span>',
+      title:`<div class="flex items-start gap-3.5"><span class=""text-xl">✨</span><div class="flex-grow"><h5 class="text-base">Welcome to Raven Admin</h5><p class="text-sm font-normal">Manage smarter with a clean, modern admin system built for speed, and clarity</p><a href="https://wrapmarket.com/item/raven-tailwindcss-admin-template-ui-kit-WB0B6DKC2/?via=wb_rakesh" class="text-primary text-sm">Purchase here <span class="icon-[lucide--external-link] ms-1"></span></a></div></div>`
+    });
+  };
\ No newline at end of file
diff --git a/public_html/assets/raven/js/dashboard-ecommerce.js b/public_html/assets/raven/js/dashboard-ecommerce.js
new file mode 100644
index 0000000..582b7ae
--- /dev/null
+++ b/public_html/assets/raven/js/dashboard-ecommerce.js
@@ -0,0 +1,370 @@
+//Echarts for commerce dashboard
+const charts = [];
+function getOptionEarnings(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                const value = params[0].value;
+                return `${params[0].axisValue}<br/><span>$${value} USD</span>`;
+            }
+        },
+        grid: {
+            right: '35px',
+            left: '10px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor,type:'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                padding: [0, 0, 0, 0],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color:  isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                type: 'line',
+                data: [27000, 51000, 44000, 68000, 52000, 74000, 59000, 82000, 64000, 87000, 72000, 94000],
+                symbol: 'none',
+                smooth: true,
+                areaStyle: {
+                    color: {
+                        type: 'linear',
+                        x: 0,
+                        y: 0,
+                        x2: 0,
+                        y2: 1,
+                        colorStops: [{
+                            offset: 0,
+                            color: 'var(--color-primary-subtle)'
+                        }, {
+                            offset: 1,
+                            color: 'rgba(0,0,0,0)'
+                        }]
+                    }
+                },
+                lineStyle: {
+                    color: 'var(--color-primary)',
+                    width: 2
+                },
+                emphasis: {
+                    disabled: true
+                },
+            }
+        ]
+    };
+}
+
+function getOptionVisitorsVsSales(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400
+            },
+            formatter: function (params) {
+                let tooltip = `${params[0].axisValue}<br/>`;
+                params.forEach(p => {
+                    const valueInK = (p.value / 1000).toFixed(1);
+                    tooltip += `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:8px;height:8px;background-color:${p.color}"></span> ${p.seriesName}: ${valueInK}k<br/>`;
+                });
+                return tooltip;
+            }
+        },
+        grid: {
+            left: '0px',
+            right: '40px',
+            bottom: '60px',
+            top: '3%'
+        },
+        legend: {
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor,type:'dashed' } },
+            axisLabel: {
+                fontSize: 11,
+                fontFamily: 'inherit',
+                color:  isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                padding: [0, 0, 0, 0]
+            }
+        },
+        yAxis: {
+            type: 'value',
+            position: 'right',
+             axisTick: 'none',
+            axisLine: { show: false },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color:  isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                name: 'Visitors',
+                type: 'bar',
+                stack: 'total',
+                barWidth: '35%',
+                data: [100000, 120000, 90000, 150000, 130000, 160000, 140000, 180000, 150000, 200000, 170000, 210000],
+                itemStyle: {
+                    borderRadius: [10, 10, 10, 10],
+                    color:'var(--color-amber-500)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+            },
+            {
+                name: 'Sales',
+                type: 'bar',
+                stack: 'total',
+                barWidth: '35%',
+                data: [40000, 70000, 60000, 100000, 90000, 120000, 110000, 140000, 120000, 160000, 150000, 170000],
+                itemStyle: {
+                    barGap: '10%',
+                    borderRadius: [10, 10, 10, 10],
+                    color: 'var(--color-primary)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+            }
+        ]
+    };
+}
+function getOptionProjection(isDark) {
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'item',
+            formatter: '{b}: {c}k ({d}%)',
+            backgroundColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+            textStyle: {
+                fontFamily: 'inherit',
+                color: isDark ? 'var(--color-zinc-100)' : 'var(--color-zinc-600)'
+            }
+        },
+        legend: {
+            show: false,
+            top: '0px',
+            textStyle: {
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)',
+                fontFamily: 'inherit',
+            },
+            itemGap: 20,
+        },
+        series: [{
+            name: 'Visitors',
+            type: 'pie',
+            radius: ['70%', '90%'],
+            avoidLabelOverlap: false,
+            selectedMode: false,
+            startAngle: 90,
+            label: {
+                fontFamily: 'inherit',
+                show: true,
+                position: 'center',
+                formatter: '-12k',
+                fontSize: 36,
+                fontWeight: 'var(--font-semibold)',
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)',
+            },
+            emphasis: { disabled: true },
+            labelLine: { show: false },
+            itemStyle: {
+                borderRadius: 6,
+                borderColor: isDark ? 'var(--color-zinc-900)' : '#fff',
+                borderWidth: 6
+            },
+            data: [
+                {
+                    value: 93, name: 'Projection',
+                    itemStyle: {
+                        color: 'var(--color-amber-500)',
+                    }
+                },
+                {
+                    value: 81, name: 'Actual',
+                    itemStyle: {
+                        color: 'var(--color-primary)'
+                    }
+                },
+            ]
+        }]
+    };
+}
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+initChart(document.getElementById('chart_earnings'), getOptionEarnings);
+initChart(document.getElementById('chart_visitors_sales'), getOptionVisitorsVsSales);
+initChart(document.getElementById('chart_pie_projection'), getOptionProjection);
+
+
+//Map
+const markers = [
+  { coords: [40.71, -74], name: "New York", Sales: '137K' },
+  { coords: [35.68, 139.69], name: "Tokyo", Sales: '122K' },
+  { coords: [28.61, 77.20], name: "Delhi", Sales: '119K' },
+  { coords: [40.42, -3.70], name: "Madrid", Sales: '87K' }
+];
+const map = new jsVectorMap({
+    map: "world",
+    selector: "#world-map-markers",
+    zoomOnScroll: false,
+    zoomButtons: false,
+    zoomAnimate: false,
+    panOnDrag: false,
+    backgroundColor: "transparent",
+
+    regionStyle: {
+        initial: {
+            fill: "var(--color-primary-subtle)"
+        },
+         hover: {
+    fill: "var(--color-primary)",
+  },
+    },
+    markers: markers,
+
+    markerStyle: {
+        initial: {
+            r: 6,
+            fill: "var(--color-primary)",
+            "fill-opacity": 0.9,
+            stroke: "var(--color-primary-subtle)",
+            "stroke-width": 3,
+            "stroke-opacity": 0.6
+        },
+        hover: {
+            fill: "var(--color-primary-deep)",
+            "fill-opacity": 1,
+            "stroke-width": 0
+        }
+    },
+    onMarkerTooltipShow(event, tooltip, index) {
+    const marker = markers[index];
+    const html = `
+      <h5 class="!text-white/70 px-2 pt-1 text-xs">${marker.name}</h5>
+      <p class="font-semibold px-2">${marker.Sales} Sales</p>
+    `;
+    tooltip.text(html, true);
+  }
+});
+
+
+//Tom select
+document.querySelectorAll('.js-select').forEach(select => {
+    new TomSelect(select, {
+        maxItems: 1,
+        create: false,
+        searchField: [],
+        controlInput: null
+    });
+});
+
+//Toast
+window.onload = function() {
+    Swal.fire({
+      toast: true,
+      position: 'top',
+      showConfirmButton: false,
+      timer: 4000,
+      timerProgressBar: true,
+      showCloseButton: true,
+      closeButtonHtml: '<span class="icon-[lucide--x]"></span>',
+      title:`<div class="flex items-start gap-3.5"><span class="icon-[lucide--triangle-alert] text-xl text-amber-500 mt-2"></span><div class="flex-grow"><h5 class="text-base">Attention required!</h5><p class="text-muted text-sm font-normal"> Your free trail ends in next 3 days.</p><a href="account-pricing.html" class="text-primary text-sm">Upgrade here <span class="icon-[lucide--external-link] ms-1"></span></a></div></div>`
+    });
+  };
\ No newline at end of file
diff --git a/public_html/assets/raven/js/dashboard-education.js b/public_html/assets/raven/js/dashboard-education.js
new file mode 100644
index 0000000..5fa7056
--- /dev/null
+++ b/public_html/assets/raven/js/dashboard-education.js
@@ -0,0 +1,191 @@
+//dashboard charts
+
+const charts = [];
+
+function getOptionTopics(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400
+            },
+              formatter: function (params) {
+        let result = '';
+        params.forEach(function (item) {
+            result += item.marker + ' ' + item.seriesName + ': ' + item.value + '%<br/>';
+        });
+        return result;
+    }
+        },
+        grid: {
+            right: '40px',
+            left: '70px',
+            bottom: '30px',
+            top: '0'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'value',
+            boundaryGap: true,
+            
+            axisLine: {lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, 0],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            },
+            splitLine: {show:false, lineStyle: { color: gridColor } }
+        },
+        yAxis: {
+            position: 'left',
+            axisTick: 'none',
+            type: 'category',
+            data: ['UI design', 'React', 'Angular', 'Python', 'Animation', 'Svelte'],
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel:{
+                padding: [0, 0, 0,0],
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            },
+            splitLine: {show:true, lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [{
+          name: 'Your interest rate is',
+          type: 'bar',
+          data: [80, 60, 55, 50, 40, 25],
+          barWidth: '50%',
+          label: {
+    show: true,
+    position: 'right',
+    formatter: '{c}%',
+    color: isDark ? 'var(--color-zinc-200)' : 'var(--color-zinc-700)',
+    fontFamily: 'inherit',
+    fontSize: 12
+  },
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: function(params) {
+        const colors = [
+            'var(--color-primary)',
+            'var(--color-amber-500)',
+            'var(--color-sky-500)',
+            'var(--color-cyan-500)',
+            'var(--color-green-500)',
+            'var(--color-purple-500)'
+        ];
+        return colors[params.dataIndex];
+    },
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }],
+    };
+}
+function getOptionWeeklyReport(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400,
+            }
+        },
+        grid: {
+            left: 0,
+            right: 0,
+            top: 10,
+            bottom: 0,
+            containLabel: false
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Week1', 'Week2', 'Week3', 'Week4', 'Week5', 'Week6', 'Week7', 'Week8', 'Week9', 'Week10'],
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: { show: false }
+        },
+        yAxis: {
+            type: 'value',
+            axisLine: { show: false },
+            axisTick: { show: false },
+            splitLine: { show: false },
+            axisLabel: { show: false }
+        },
+        series: [
+            {
+                type: 'bar',
+                data: [24, 40, 31, 28, 38, 18, 24, 19, 14, 28],
+                barWidth: '30%',
+                itemStyle: {
+                    color: 'var(--color-primary)',
+                    borderRadius: [4, 4, 4, 4]
+                },
+                emphasis: {
+                    itemStyle: {
+                        color: 'var(--color-primary)',
+                    },
+                }
+            }
+        ]
+    };
+}
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_topics'), getOptionTopics);
+initChart(document.getElementById('chart_weekly_report'), getOptionWeeklyReport);
diff --git a/public_html/assets/raven/js/dashboard-jobs.js b/public_html/assets/raven/js/dashboard-jobs.js
new file mode 100644
index 0000000..c03f70a
--- /dev/null
+++ b/public_html/assets/raven/js/dashboard-jobs.js
@@ -0,0 +1,208 @@
+const charts = [];
+
+function getOptionJobs(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400
+            },
+        },
+        grid: {
+            left: '0px',
+            right: '40px',
+            bottom: '60px',
+            top: '3%'
+        },
+        legend: {
+            bottom: 0,
+            itemGap: 30,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor, type: 'dashed' } },
+            axisLabel: {
+                fontSize: 11,
+                fontFamily: 'inherit',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                padding: [0, 0, 0, 0]
+            }
+        },
+        yAxis: {
+            type: 'value',
+            position: 'right',
+            axisLine: { show: false },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                data: [78, 123, 78, 61, 29, 64, 77, 59, 105, 138, 78, 89],
+                name: 'Applications',
+                type: 'bar',
+                stack: false,
+                barWidth: '25%',
+                itemStyle: {
+                    barGap: '0',
+                    borderRadius: [2, 2, 2, 2],
+                    color: 'var(--color-primary)',
+                    borderWidth: 1,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                },
+            },
+            {
+                data: [25, 22, 16, 19, 16, 14, 23, 16, 17, 21, 12, 28],
+                name: 'Jobs posted',
+                type: 'bar',
+                stack: false,
+                barWidth: '25%',
+                itemStyle: {
+                    barGap: '0',
+                    borderRadius: [2, 2, 2, 2],
+                    color: 'var(--color-amber-500)',
+                    borderWidth: 1,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                },
+            },
+        ]
+    };
+}
+function getOptionImpression(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'item',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,
+                fontWeight: 400,
+            },
+             formatter: function(params) {
+    const value = params.value;
+    const name = params.name;
+    const color = params.color || '#999';
+    
+    return `
+      <div style="font-family: inherit; font-size: 14px;">
+        <div style="margin-bottom: 4px;">${name}</div>
+        <div style="color: ${color}; font-weight: 500;">
+          ${value}k
+        </div>
+      </div>
+    `;
+  }
+        },
+        series: [
+            {
+                name: 'Impression',
+                type: 'funnel',
+                left: '0%',
+                top: 0,
+                bottom: 0,
+                width: '100%',
+                min: 0,
+                max: 100,
+                minSize: '0%',
+                maxSize: '100%',
+                sort: 'descending',
+                gap: 2,
+                label: {
+        show: true,
+        position: 'inside',
+        color: '#fff',
+        fontSize: 14,
+        fontWeight: 'normal',
+        fontFamily:'inherit',
+      },
+                labelLine: {
+                    length: 10,
+                    lineStyle: {
+                        width: 1,
+                        type: 'solid'
+                    }
+                },
+                itemStyle: {
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                    borderWidth: 1
+                },
+                emphasis: {
+                    disabled: true
+                },
+                data: [
+                    { value: 360, name: 'Direct',itemStyle:{color: 'var(--color-primary)'} },
+                    { value: 120, name: 'Search',itemStyle:{color: 'var(--color-blue-500)'} },
+                    { value: 70, name: 'Social',itemStyle:{color: 'var(--color-lime-500)'} },
+                    { value: 40, name: 'Ads',itemStyle:{color: 'var(--color-amber-500)'} },
+                ]
+            }
+        ]
+    }
+}
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_jobs'), getOptionJobs);
+initChart(document.getElementById('chart_impression'), getOptionImpression);
\ No newline at end of file
diff --git a/public_html/assets/raven/js/dashboard-marketing.js b/public_html/assets/raven/js/dashboard-marketing.js
new file mode 100644
index 0000000..790ddf7
--- /dev/null
+++ b/public_html/assets/raven/js/dashboard-marketing.js
@@ -0,0 +1,257 @@
+//dashboard charts
+
+const charts = [];
+
+function getOptionAds(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,
+                fontWeight:400
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '0px',
+            bottom: '30px',
+            top: '40px'
+        },
+        legend: {
+            show: true,
+            top: 0,
+            itemGap: 40,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: true,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor, type: 'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, -10],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-sm)',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            
+            {
+                name: 'Campaign',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: true,
+                emphasis: {
+                   disabled:true
+                },
+                lineStyle: { color: 'var(--color-yellow-500)' },
+                itemStyle: { color: 'var(--color-yellow-500)' },
+                data: [1200, 1020, 900, 1070, 1700, 1440, 1620, 1900, 1340, 1670, 950, 820]
+            },
+            {
+                name: 'Emails',
+                type: 'bar',
+                barWidth: '40%',
+                data: [453, 846, 699, 759, 1210, 1880, 930, 1170, 710, 620, 1190, 870],
+                itemStyle: {
+                    borderRadius: [10, 10, 10, 10],
+                    color: 'var(--color-primary)',
+                },
+                emphasis: {
+                    disabled: true
+                },
+            },
+             
+        ]
+    };
+}
+
+function getOptionLead(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '0px',
+            bottom: '30px',
+            top: '0'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'value',
+            boundaryGap: true,
+            
+            axisLine: {lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, 0],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            },
+            splitLine: {show:false, lineStyle: { color: gridColor } }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'category',
+            data: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E', 'Team F'],
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel:{
+                padding: [0, 0, 0, -15],
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            },
+            splitLine: {show:true, lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [{
+          name: 'Campaigns',
+          type: 'bar',
+          stack: 'total',
+          data: [1405, 1300, 1620, 1430, 1500, 1520],
+          barWidth: '50%',
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: 'var(--color-primary)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }, {
+          name: 'Lead',
+          type: 'bar',
+          stack: 'total',
+          data: [320, 302, 301, 334, 340, 390],
+          barWidth: '50%',
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: 'var(--color-amber-500)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }, {
+          name: 'Opportunity',
+          type: 'bar',
+          stack: 'total',
+          data: [220, 182, 351, 234, 290, 300],
+          barWidth: '50%',
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: 'var(--color-sky-500)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }, {
+          name: 'Deal',
+          type: 'bar',
+          stack: 'total',
+          data: [120, 182, 191, 134, 190, 170],
+          barWidth: '50%',
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: 'var(--color-cyan-500)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }],
+    };
+}
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_visitor'), getOptionAds);
+initChart(document.getElementById('chart_lead'), getOptionLead);
\ No newline at end of file
diff --git a/public_html/assets/raven/js/dashboard-restaurant.js b/public_html/assets/raven/js/dashboard-restaurant.js
new file mode 100644
index 0000000..107a4ed
--- /dev/null
+++ b/public_html/assets/raven/js/dashboard-restaurant.js
@@ -0,0 +1,119 @@
+const charts = [];
+function getOptionOrders(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-700)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,
+                fontWeight:400
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '0px',
+            bottom: '30px',
+            top: '40px'
+        },
+        legend: {
+            show: true,
+            top: 0,
+            itemGap: 40,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: true,
+            data: ['09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00'],
+            axisLine: { lineStyle: { color: gridColor, type: 'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, -10],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-sm)',
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-400)'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            
+            {
+                name: 'Orders',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 8,
+                showSymbol: true,
+                emphasis: {
+                   disabled:true
+                },
+                lineStyle: { color: 'var(--color-primary)' },
+                itemStyle: { color: 'var(--color-primary)' },
+                data: [3, 7, 12, 16, 11, 18, 9, 14, 7, 24, 14, 6]
+            },
+             
+        ]
+    };
+}
+
+
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_orders'), getOptionOrders);
\ No newline at end of file
diff --git a/public_html/assets/raven/js/dashboard-social.js b/public_html/assets/raven/js/dashboard-social.js
new file mode 100644
index 0000000..1ef81ed
--- /dev/null
+++ b/public_html/assets/raven/js/dashboard-social.js
@@ -0,0 +1,134 @@
+const charts = [];
+function getOptionLine(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400,
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '20px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Sep 1', 'Sep 2', 'Sep 3', 'Sep 4', 'Sep 5', 'Sep 6', 'Sep 7', 'Sep 8', 'Sep 9', 'Sep 10', 'Sep 11', 'Sep 12'],
+            axisLine: { lineStyle: { color: gridColor,type: 'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { 
+                lineStyle: 
+                { 
+                    color: gridColor,
+                    type: 'dashed'
+                 } 
+                }
+        },
+        series: [
+            {
+                name: 'Followers',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                  disabled:true
+                },
+                lineStyle: { color: 'var(--color-primary)' },
+                itemStyle: { color: 'var(--color-primary)' },
+                data: [87000, 57000, 74000, 98000, 74000, 44000, 62000, 49000, 82000, 56000, 47000, 54000]
+            },
+            {
+                name: 'Non-followers',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                     disabled:true
+                },
+                lineStyle: { color: 'var(--color-pink-500)', type:'dashed' },
+                itemStyle: { color: 'var(--color-pink-500)' },
+                data: [35000, 41000, 62000, 42000, 14000, 18000, 29000, 37000, 36000, 5100, 32000, 34000]
+            }
+        ]
+    };
+}
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_social_views'), getOptionLine);
diff --git a/public_html/assets/raven/js/demo-echarts.js b/public_html/assets/raven/js/demo-echarts.js
new file mode 100644
index 0000000..1102ef6
--- /dev/null
+++ b/public_html/assets/raven/js/demo-echarts.js
@@ -0,0 +1,570 @@
+//ChartsDemo
+
+const charts = [];
+function getOptionArea(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                const value = params[0].value;
+                return `${params[0].axisValue}<br/><span>$${value} USD</span>`;
+            }
+        },
+        grid: {
+            right: '35px',
+            left: '10px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                padding: [0, 0, 0, 5],
+                showMaxLabel: false,
+                color: textColor,
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: textColor,
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                type: 'line',
+                data: [27000, 51000, 44000, 68000, 52000, 74000, 59000, 82000, 64000, 87000, 72000, 94000],
+                symbol: 'none',
+                smooth: true,
+                areaStyle: {
+                    color: {
+                        type: 'linear',
+                        x: 0,
+                        y: 0,
+                        x2: 0,
+                        y2: 1,
+                        colorStops: [{
+                            offset: 0,
+                            color: 'var(--color-primary-subtle)'
+                        }, {
+                            offset: 1,
+                            color: 'rgba(0,0,0,0)'
+                        }]
+                    }
+                },
+                lineStyle: {
+                    color: 'var(--color-primary)',
+                    width: 2
+                },
+                emphasis: {
+                    disabled: true
+                },
+            }
+        ]
+    };
+}
+function getOptionLine(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '20px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                padding: [0, 0, 0, 5],
+                showMaxLabel: false,
+                color: textColor,
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: textColor,
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                name: 'Organic',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                    lineStyle: { color: 'var(--color-primary)' },
+                    itemStyle: { color: 'var(--color-primary)' },
+                },
+                lineStyle: { color: 'var(--color-primary)' },
+                itemStyle: { color: 'var(--color-primary)' },
+                data: [87000, 57000, 74000, 98000, 74000, 44000, 62000, 49000, 82000, 56000, 47000, 54000]
+            },
+            {
+                name: 'Referral',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                    lineStyle: { color: 'var(--color-sky-500)' },
+                    itemStyle: { color: 'var(--color-sky-500)' },
+                },
+                lineStyle: { color: 'var(--color-sky-500)' },
+                itemStyle: { color: 'var(--color-sky-500)' },
+                data: [35000, 41000, 62000, 42000, 14000, 18000, 29000, 37000, 36000, 5100, 32000, 34000]
+            },
+            {
+                name: 'Ads',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                lineStyle: { color: 'var(--color-yellow-500)', type: 'dashed' },
+                itemStyle: { color: 'var(--color-yellow-500)' },
+                emphasis: {
+                    lineStyle: { color: 'var(--color-yellow-500)' },
+                    itemStyle: { color: 'var(--color-yellow-500)' },
+                },
+                data: [45000, 52000, 38000, 24000, 33000, 24000, 21000, 19000, 64000, 84000, 16000, 18000]
+            }
+        ]
+    };
+}
+
+function getOptionBar(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                let tooltip = `${params[0].axisValue}<br/>`;
+                params.forEach(p => {
+                    const valueInK = (p.value / 1000).toFixed(1);
+                    tooltip += `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:8px;height:8px;background-color:${p.color}"></span> ${p.seriesName}: ${valueInK}k<br/>`;
+                });
+                return tooltip;
+            }
+        },
+        grid: {
+            left: '0px',
+            right: '40px',
+            bottom: '60px',
+            top: '3%'
+        },
+        legend: {
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontSize: 11,
+                fontFamily: 'inherit',
+                color: textColor,
+                padding: [0, 0, 0, 5]
+            }
+        },
+        yAxis: {
+            type: 'value',
+            position: 'right',
+            axisLine: { show: false },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: textColor,
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                name: 'Visitors',
+                type: 'bar',
+                stack: 'total',
+                barWidth: '40%',
+                data: [100000, 120000, 90000, 150000, 130000, 160000, 140000, 180000, 150000, 200000, 170000, 210000],
+                itemStyle: {
+                    borderRadius: [10, 10, 10, 10],
+                    color: isDark ? 'var(--color-zinc-600)' : 'var(--color-zinc-300)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+            },
+            {
+                name: 'Sales',
+                type: 'bar',
+                stack: 'total',
+                barWidth: '40%',
+                data: [40000, 70000, 60000, 100000, 90000, 120000, 110000, 140000, 120000, 160000, 150000, 170000],
+                itemStyle: {
+                    barGap: '10%',
+                    borderRadius: [10, 10, 10, 10],
+                    color: 'var(--color-primary)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+            }
+        ]
+    };
+}
+function getOptionPolar(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                return `${params.name}: $${params.value}k`;
+            },
+        },
+        polar: {
+            radius: [30, '80%']
+        },
+        radiusAxis: {
+            max: 40,
+            splitLine: {
+                lineStyle: {
+                    color: gridColor,
+                    width: 1
+                }
+            },
+            axisLine: {
+                show: false
+            },
+            axisLabel: {
+                show: false
+            },
+            axisTick: {
+                show: false
+            }
+        },
+        angleAxis: {
+            type: 'category',
+            data: ['Visitors', 'Sales', 'Profit', 'Expanses'],
+            startAngle: 75,
+            axisLine: {
+                lineStyle: {
+                    color: gridColor
+                }
+            },
+            axisLabel: {
+                color: textColor,
+                
+            fontFamily:'inherit',
+            }
+        },
+        series: {
+            type: 'bar',
+            data: [37, 23, 14, 7],
+            coordinateSystem: 'polar',
+
+            label: {
+                show: false,
+                position: 'middle',
+                formatter: '{b}: {c}'
+            },
+            itemStyle: {
+                color: function (params) {
+                    const colors = [
+                        'var(--color-sky-500)',
+                        'var(--color-amber-500)',
+                        'var(--color-primary)',
+                        'var(--color-rose-500)'
+                    ];
+                    return colors[params.dataIndex % colors.length];
+                },
+            },
+            emphasis: {
+                disabled: true
+            }
+        },
+    };
+}
+function getOptionPie(isDark) {
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'item',
+            formatter: '{b}: {c}k ({d}%)',
+            backgroundColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-zinc-50)',
+            textStyle: {
+                fontFamily: 'inherit',
+                color: isDark ? 'var(--color-zinc-100)' : 'var(--color-zinc-600)'
+            }
+        },
+        legend: {
+            show: false,
+            top: '0px',
+            textStyle: {
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)',
+                fontFamily: 'inherit',
+            },
+            itemGap: 20,
+        },
+        series: [{
+            name: 'Visitors',
+            type: 'pie',
+            radius: ['70%', '90%'],
+            avoidLabelOverlap: false,
+            selectedMode: false,
+            startAngle: 90,
+            label: {
+                fontFamily: 'inherit',
+                show: true,
+                position: 'center',
+                formatter: '-12k',
+                fontSize: 36,
+                fontWeight: 'var(--font-semibold)',
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)',
+            },
+            emphasis: { disabled: true },
+            labelLine: { show: false },
+            itemStyle: {
+                borderRadius: 12,
+                borderColor: isDark ? 'var(--color-zinc-900)' : '#fff',
+                borderWidth: 6
+            },
+            data: [
+                {
+                    value: 93, name: 'Projection',
+                    itemStyle: {
+                        color: isDark ? 'var(--color-zinc-600)' : 'var(--color-zinc-300)',
+                    }
+                },
+                {
+                    value: 81, name: 'Actual',
+                    itemStyle: {
+                        color: 'var(--color-primary)'
+                    }
+                },
+            ]
+        }]
+    };
+}
+function getOptionMix(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '0px',
+            bottom: '30px',
+            top: '40px'
+        },
+        legend: {
+            show: true,
+            top: 0,
+            itemGap: 30,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: true,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, -10],
+                showMaxLabel: false,
+                color: textColor,
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor, type: 'dashed' } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-sm)',
+                color: textColor,
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+
+            {
+                name: 'Campaign',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: true,
+                emphasis: {
+                    disabled: true
+                },
+                lineStyle: { color: 'var(--color-yellow-500)' },
+                itemStyle: { color: 'var(--color-yellow-500)' },
+                data: [1200, 1020, 900, 1070, 1700, 1440, 1620, 1900, 1340, 1670, 950, 820]
+            },
+            {
+                name: 'Emails',
+                type: 'bar',
+                barWidth: '40%',
+                data: [453, 846, 699, 759, 1210, 1880, 930, 1170, 710, 620, 1190, 870],
+                itemStyle: {
+                    borderRadius: [10, 10, 10, 10],
+                    color: 'var(--color-primary)',
+                },
+                emphasis: {
+                    disabled: true
+                },
+            },
+
+        ]
+    };
+}
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+initChart(document.getElementById('chart_area'), getOptionArea);
+initChart(document.getElementById('chart_bar'), getOptionBar);
+initChart(document.getElementById('chart_pie'), getOptionPie);
+initChart(document.getElementById('chart_polar'), getOptionPolar);
+initChart(document.getElementById('chart_mix'), getOptionMix);
+initChart(document.getElementById('chart_line'), getOptionLine);
diff --git a/public_html/assets/raven/js/theme.js b/public_html/assets/raven/js/theme.js
new file mode 100644
index 0000000..66ba223
--- /dev/null
+++ b/public_html/assets/raven/js/theme.js
@@ -0,0 +1,2 @@
+!function i(o,r,s){function a(t,e){if(!r[t]){if(!o[t]){var n="function"==typeof require&&require;if(!e&&n)return n(t,!0);if(l)return l(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}n=r[t]={exports:{}},o[t][0].call(n.exports,function(e){return a(o[t][1][e]||e)},n,n.exports,i,o,r,s)}return r[t].exports}for(var l="function"==typeof require&&require,e=0;e<s.length;e++)a(s[e]);return a}({1:[function(e,t,n){function ko(e,t,n,i){var o=r(s(1&i?e.prototype:e),t,n);return 2&i&&"function"==typeof o?function(e){return o.apply(n,e)}:o}function r(){return(r="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,n){var i=((e,t)=>{for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=s(e)););return e})(e,t);if(i)return(i=Object.getOwnPropertyDescriptor(i,t)).get?i.get.call(arguments.length<3?e:n):i.value}).apply(null,arguments)}function Eo(e,t,n){return t=s(t),xo(e,i()?Reflect.construct(t,n||[],s(e).constructor):t.apply(e,n))}function xo(e,t){if(t&&("object"==No(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");t=e;if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function i(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(i=function(){return!!e})()}function s(e){return(s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Ao(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&o(e,t)}function o(e,t){return(o=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function a(t,e){var n,i=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),i.push.apply(i,n)),i}function Oo(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?a(Object(n),!0).forEach(function(e){So(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function So(e,t,n){return(t=c(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Lo(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,c(i.key),i)}}function To(e,t,n){return t&&l(e.prototype,t),n&&l(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function c(e){e=((e,t)=>{if("object"!=No(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);if("object"!=No(n=n.call(e,t||"default")))return n;throw new TypeError("@@toPrimitive must return a primitive value.")})(e,"string");return"symbol"==No(e)?e:e+""}function Co(e,t){return(e=>{if(Array.isArray(e))return e})(e)||((e,t)=>{var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,o,r,s,a=[],l=!0,c=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(i=r.call(n)).done)&&(a.push(i.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw o}}return a}})(e,t)||u(e,t)||(()=>{throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")})()}function Mo(e,t){var n,i,o,r,s="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(s)return o=!(i=!0),{s:function(){s=s.call(e)},n:function(){var e=s.next();return i=e.done,e},e:function(e){o=!0,n=e},f:function(){try{i||null==s.return||s.return()}finally{if(o)throw n}}};if(Array.isArray(e)||(s=u(e))||t&&e&&"number"==typeof e.length)return s&&(e=s),r=0,{s:t=function(){},n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function Do(e){return(e=>{if(Array.isArray(e))return f(e)})(e)||(e=>{if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)})(e)||u(e)||(()=>{throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")})()}function u(e,t){var n;if(e)return"string"==typeof e?f(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}function No(e){return(No="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var d;d=function(){function P(e){e.dispatchEvent(new Event(U))}function o(e){return c(e)?e.jquery?e[0]:e:"string"==typeof e&&0<e.length?document.querySelector(K(e)):null}function r(e){if(!c(e)||0===e.getClientRects().length)return!1;var t="visible"===getComputedStyle(e).getPropertyValue("visibility"),n=e.closest("details:not([open])");if(n&&n!==e){e=e.closest("summary");if(e&&e.parentNode!==n)return!1;if(null===e)return!1}return t}function s(e){return!e||e.nodeType!==Node.ELEMENT_NODE||!!e.classList.contains("disabled")||(void 0!==e.disabled?e.disabled:e.hasAttribute("disabled")&&"false"!==e.getAttribute("disabled"))}function W(e){var t;return document.documentElement.attachShadow?"function"==typeof e.getRootNode?(t=e.getRootNode())instanceof ShadowRoot?t:null:e instanceof ShadowRoot?e:e.parentNode?W(e.parentNode):null:null}function z(){}function q(e){e.offsetHeight}function F(){return window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null}function a(){return"rtl"===document.documentElement.dir}function e(i){var e;e=function(){var e,t,n=F();n&&(e=i.NAME,t=n.fn[e],n.fn[e]=i.jQueryInterface,n.fn[e].Constructor=i,n.fn[e].noConflict=function(){return n.fn[e]=t,i.jQueryInterface})},"loading"===document.readyState?(Q.length||document.addEventListener("DOMContentLoaded",function(){for(var e=0,t=Q;e<t.length;e++)(0,t[e])()}),Q.push(e)):e()}function l(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:[],n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:e;return"function"==typeof e?e.call.apply(e,Do(t)):n}function R(t,n){var e,i,o,r,s,a;2<arguments.length&&void 0!==arguments[2]&&!arguments[2]?l(t):(o=5+((e=n)&&(i=(e=window.getComputedStyle(e)).transitionDuration,e=e.transitionDelay,o=Number.parseFloat(i),r=Number.parseFloat(e),o||r)?(i=i.split(",")[0],e=e.split(",")[0],(Number.parseFloat(i)+Number.parseFloat(e))*X):0),s=!1,n.addEventListener(U,a=function(e){e.target===n&&(s=!0,n.removeEventListener(U,a),l(t))}),setTimeout(function(){s||P(n)},o))}function H(e,t,n,i){var o=e.length;return-1===(t=e.indexOf(t))?!n&&i?e[o-1]:e[0]:(t+=n?1:-1,i&&(t=(t+o)%o),e[Math.max(0,Math.min(t,o-1))])}var i=new Map,B=function(e,t,n){i.has(e)||i.set(e,new Map);e=i.get(e);e.has(t)||0===e.size?e.set(t,n):console.error("Bootstrap doesn't allow more than one instance per element. Bound instance: ".concat(Array.from(e.keys())[0],"."))},V=function(e,t){return i.has(e)&&i.get(e).get(t)||null},Y=function(e,t){var n;i.has(e)&&((n=i.get(e)).delete(t),0===n.size)&&i.delete(e)},X=1e3,U="transitionend",K=function(e){return e=e&&window.CSS&&window.CSS.escape?e.replace(/#([^\s"#']+)/g,function(e,t){return"#".concat(CSS.escape(t))}):e},c=function(e){return!(!e||"object"!==No(e))&&void 0!==(e=void 0!==e.jquery?e[0]:e).nodeType},Q=[],$=/[^.]*(?=\..*)\.|.*/,G=/\..*/,Z=/::\d+$/,J={},ee=1,te={mouseenter:"mouseover",mouseleave:"mouseout"},ne=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function ie(e,t){return t&&"".concat(t,"::").concat(ee++)||e.uidEvent||ee++}function oe(e){var t=ie(e);return e.uidEvent=t,J[t]=J[t]||{},J[t]}function re(e,t,n){var i=2<arguments.length&&void 0!==n?n:null;return Object.values(e).find(function(e){return e.callable===t&&e.delegationSelector===i})}function se(e,t,n){var i="string"==typeof t,t=!i&&t||n,n=ce(e);return[i,t,n=ne.has(n)?n:e]}function ae(e,t,n,i,o){var r,s,a,l,c,u,f,d,h,p;"string"==typeof t&&e&&(r=(i=Co(se(t,n,i),3))[0],s=i[1],i=i[2],t in te&&(a=s,s=function(e){if(!e.relatedTarget||e.relatedTarget!==e.delegateTarget&&!e.delegateTarget.contains(e.relatedTarget))return a.call(this,e)}),(c=re(l=(l=oe(e))[i]||(l[i]={}),s,r?n:null))?c.oneOff=c.oneOff&&o:(c=ie(s,t.replace($,"")),(t=r?(d=e,h=n,p=s,function e(t){for(var n=d.querySelectorAll(h),i=t.target;i&&i!==this;i=i.parentNode){var o,r=Mo(n);try{for(r.s();!(o=r.n()).done;){var s=o.value;if(s===i)return ue(t,{delegateTarget:i}),e.oneOff&&m.off(d,t.type,h,p),p.apply(i,[t])}}catch(e){r.e(e)}finally{r.f()}}}):(u=e,f=s,function e(t){return ue(t,{delegateTarget:u}),e.oneOff&&m.off(u,t.type,f),f.apply(u,[t])})).delegationSelector=r?n:null,t.callable=s,t.oneOff=o,l[t.uidEvent=c]=t,e.addEventListener(i,t,r)))}function le(e,t,n,i,o){i=re(t[n],i,o);i&&(e.removeEventListener(n,i,Boolean(o)),delete t[n][i.uidEvent])}function ce(e){return e=e.replace(G,""),te[e]||e}var m={on:function(e,t,n,i){ae(e,t,n,i,!1)},one:function(e,t,n,i){ae(e,t,n,i,!0)},off:function(e,t,n,i){if("string"==typeof t&&e){var i=Co(se(t,n,i),3),o=i[0],r=i[1],s=i[2],a=s!==t,l=oe(e),i=l[s]||{},c=t.startsWith(".");if(void 0!==r)return Object.keys(i).length?void le(e,l,s,r,o?n:null):void 0;if(c)for(var u=0,f=Object.keys(l);u<f.length;u++)for(var d=f[u],h=(w=_=b=y=g=v=m=p=h=void 0,e),p=l,m=d,v=t.slice(1),g=p[m]||{},y=0,b=Object.entries(g);y<b.length;y++){var _=Co(b[y],2),w=_[0],_=_[1];w.includes(v)&&le(h,p,m,_.callable,_.delegationSelector)}for(var k=0,E=Object.entries(i);k<E.length;k++){var x=Co(E[k],2),A=x[0],x=x[1],A=A.replace(Z,"");a&&!t.includes(A)||le(e,l,s,x.callable,x.delegationSelector)}}},trigger:function(e,t,n){var i,o,r,s,a;return"string"==typeof t&&e?(a=F(),s=!(r=o=!(i=null)),t!==ce(t)&&a&&(i=a.Event(t,n),a(e).trigger(i),o=!i.isPropagationStopped(),r=!i.isImmediatePropagationStopped(),s=i.isDefaultPrevented()),a=ue(new Event(t,{bubbles:o,cancelable:!0}),n),s&&a.preventDefault(),r&&e.dispatchEvent(a),a.defaultPrevented&&i&&i.preventDefault(),a):null}};function ue(i,e){for(var o=0,r=Object.entries(1<arguments.length&&void 0!==e?e:{});o<r.length;o++)(()=>{var e=Co(r[o],2),t=e[0],n=e[1];try{i[t]=n}catch(e){Object.defineProperty(i,t,{configurable:!0,get:function(){return n}})}})();return i}function fe(t){if("true"===t)return!0;if("false"===t)return!1;if(t===Number(t).toString())return Number(t);if(""===t||"null"===t)return null;if("string"!=typeof t)return t;try{return JSON.parse(decodeURIComponent(t))}catch(e){return t}}function de(e){return e.replace(/[A-Z]/g,function(e){return"-".concat(e.toLowerCase())})}function he(e){var t=e.getAttribute("data-bs-target");if(!t||"#"===t){e=e.getAttribute("href");if(!e||!e.includes("#")&&!e.startsWith("."))return null;t=(e=e.includes("#")&&!e.startsWith("#")?"#".concat(e.split("#")[1]):e)&&"#"!==e?e.trim():null}return t?t.split(",").map(function(e){return K(e)}).join(","):null}function pe(t){var n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"hide",e="click.dismiss".concat(t.EVENT_KEY),i=t.NAME;m.on(document,e,'[data-bs-dismiss="'.concat(i,'"]'),function(e){["A","AREA"].includes(this.tagName)&&e.preventDefault(),s(this)||(e=u.getElementFromSelector(this)||this.closest(".".concat(i)),t.getOrCreateInstance(e)[n]())})}var me=function(e,t,n){e.setAttribute("data-bs-".concat(de(t)),n)},ve=function(e,t){e.removeAttribute("data-bs-".concat(de(t)))},ge=function(e){if(!e)return{};var t,n={},i=Mo(Object.keys(e.dataset).filter(function(e){return e.startsWith("bs")&&!e.startsWith("bsConfig")}));try{for(i.s();!(t=i.n()).done;){var o=t.value,r=o.replace(/^bs/,"");n[r=r.charAt(0).toLowerCase()+r.slice(1)]=fe(e.dataset[o])}}catch(e){i.e(e)}finally{i.f()}return n},ye=function(e,t){return fe(e.getAttribute("data-bs-".concat(de(t))))},be=(()=>To(function e(){Lo(this,e)},[{key:"_getConfig",value:function(e){return e=this._mergeConfigObj(e),e=this._configAfterMerge(e),this._typeCheckConfig(e),e}},{key:"_configAfterMerge",value:function(e){return e}},{key:"_mergeConfigObj",value:function(e,t){var n=c(t)?ye(t,"config"):{};return Oo(Oo(Oo(Oo({},this.constructor.Default),"object"===No(n)?n:{}),c(t)?ge(t):{}),"object"===No(e)?e:{})}},{key:"_typeCheckConfig",value:function(e){for(var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:this.constructor.DefaultType,n=0,i=Object.entries(t);n<i.length;n++){var o=Co(i[n],2),r=o[0],o=o[1],s=e[r],s=c(s)?"element":null==(s=s)?"".concat(s):Object.prototype.toString.call(s).match(/\s([a-z]+)/i)[1].toLowerCase();if(!new RegExp(o).test(s))throw new TypeError("".concat(this.constructor.NAME.toUpperCase(),': Option "').concat(r,'" provided type "').concat(s,'" but expected type "').concat(o,'".'))}}}],[{key:"Default",get:function(){return{}}},{key:"DefaultType",get:function(){return{}}},{key:"NAME",get:function(){throw new Error('You have to implement the static method "NAME", for each component!')}}]))(),t=(()=>{function i(e,t){var n;return Lo(this,i),n=Eo(this,i),(e=o(e))?(n._element=e,n._config=n._getConfig(t),B(n._element,n.constructor.DATA_KEY,n),n):xo(n)}return Ao(i,be),To(i,[{key:"dispose",value:function(){Y(this._element,this.constructor.DATA_KEY),m.off(this._element,this.constructor.EVENT_KEY);var e,t=Mo(Object.getOwnPropertyNames(this));try{for(t.s();!(e=t.n()).done;)this[e.value]=null}catch(e){t.e(e)}finally{t.f()}}},{key:"_queueCallback",value:function(e,t){R(e,t,!(2<arguments.length&&void 0!==arguments[2])||arguments[2])}},{key:"_getConfig",value:function(e){return e=this._mergeConfigObj(e,this._element),e=this._configAfterMerge(e),this._typeCheckConfig(e),e}}],[{key:"getInstance",value:function(e){return V(o(e),this.DATA_KEY)}},{key:"getOrCreateInstance",value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{};return this.getInstance(e)||new this(e,"object"===No(t)?t:null)}},{key:"VERSION",get:function(){return"5.3.8"}},{key:"DATA_KEY",get:function(){return"bs.".concat(this.NAME)}},{key:"EVENT_KEY",get:function(){return".".concat(this.DATA_KEY)}},{key:"eventName",value:function(e){return"".concat(e).concat(this.EVENT_KEY)}}])})(),u={find:function(e){var t,n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document.documentElement;return(t=[]).concat.apply(t,Do(Element.prototype.querySelectorAll.call(n,e)))},findOne:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document.documentElement;return Element.prototype.querySelector.call(t,e)},children:function(e,t){var n;return(n=[]).concat.apply(n,Do(e.children)).filter(function(e){return e.matches(t)})},parents:function(e,t){for(var n=[],i=e.parentNode.closest(t);i;)n.push(i),i=i.parentNode.closest(t);return n},prev:function(e,t){for(var n=e.previousElementSibling;n;){if(n.matches(t))return[n];n=n.previousElementSibling}return[]},next:function(e,t){for(var n=e.nextElementSibling;n;){if(n.matches(t))return[n];n=n.nextElementSibling}return[]},focusableChildren:function(e){var t=["a","button","input","textarea","select","details","[tabindex]",'[contenteditable="true"]'].map(function(e){return"".concat(e,':not([tabindex^="-"])')}).join(",");return this.find(t,e).filter(function(e){return!s(e)&&r(e)})},getSelectorFromElement:function(e){e=he(e);return e&&u.findOne(e)?e:null},getElementFromSelector:function(e){e=he(e);return e?u.findOne(e):null},getMultipleElementsFromSelector:function(e){e=he(e);return e?u.find(e):[]}},_e=".".concat("bs.alert"),we="close".concat(_e),ke="closed".concat(_e),_e=(()=>{function n(){return Lo(this,n),Eo(this,n,arguments)}return Ao(n,t),To(n,[{key:"close",value:function(){var e,t=this;m.trigger(this._element,we).defaultPrevented||(this._element.classList.remove("show"),e=this._element.classList.contains("fade"),this._queueCallback(function(){return t._destroyElement()},this._element,e))}},{key:"_destroyElement",value:function(){this._element.remove(),m.trigger(this._element,ke),this.dispose()}}],[{key:"NAME",get:function(){return"alert"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t](this)}})}}])})(),n=(pe(_e,"close"),e(_e),".".concat("bs.button")),Ee='[data-bs-toggle="button"]',n="click".concat(n).concat(".data-api"),xe=(()=>{function n(){return Lo(this,n),Eo(this,n,arguments)}return Ao(n,t),To(n,[{key:"toggle",value:function(){this._element.setAttribute("aria-pressed",this._element.classList.toggle("active"))}}],[{key:"NAME",get:function(){return"button"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this);"toggle"===t&&e[t]()})}}])})(),f=(m.on(document,n,Ee,function(e){e.preventDefault();e=e.target.closest(Ee);xe.getOrCreateInstance(e).toggle()}),e(xe),".bs.swipe"),Ae="touchstart".concat(f),Oe="touchmove".concat(f),Se="touchend".concat(f),Le="pointerdown".concat(f),Te="pointerup".concat(f),Ce={endCallback:null,leftCallback:null,rightCallback:null},Me={endCallback:"(function|null)",leftCallback:"(function|null)",rightCallback:"(function|null)"},De=(()=>{function i(e,t){var n;return Lo(this,i),((n=Eo(this,i))._element=e)&&i.isSupported()?(n._config=n._getConfig(t),n._deltaX=0,n._supportPointerEvents=Boolean(window.PointerEvent),n._initEvents(),n):xo(n)}return Ao(i,be),To(i,[{key:"dispose",value:function(){m.off(this._element,f)}},{key:"_start",value:function(e){this._supportPointerEvents?this._eventIsPointerPenTouch(e)&&(this._deltaX=e.clientX):this._deltaX=e.touches[0].clientX}},{key:"_end",value:function(e){this._eventIsPointerPenTouch(e)&&(this._deltaX=e.clientX-this._deltaX),this._handleSwipe(),l(this._config.endCallback)}},{key:"_move",value:function(e){this._deltaX=e.touches&&1<e.touches.length?0:e.touches[0].clientX-this._deltaX}},{key:"_handleSwipe",value:function(){var e=Math.abs(this._deltaX);e<=40||(e=e/this._deltaX,this._deltaX=0,e&&l(0<e?this._config.rightCallback:this._config.leftCallback))}},{key:"_initEvents",value:function(){var t=this;this._supportPointerEvents?(m.on(this._element,Le,function(e){return t._start(e)}),m.on(this._element,Te,function(e){return t._end(e)}),this._element.classList.add("pointer-event")):(m.on(this._element,Ae,function(e){return t._start(e)}),m.on(this._element,Oe,function(e){return t._move(e)}),m.on(this._element,Se,function(e){return t._end(e)}))}},{key:"_eventIsPointerPenTouch",value:function(e){return this._supportPointerEvents&&("pen"===e.pointerType||"touch"===e.pointerType)}}],[{key:"Default",get:function(){return Ce}},{key:"DefaultType",get:function(){return Me}},{key:"NAME",get:function(){return"swipe"}},{key:"isSupported",value:function(){return"ontouchstart"in document.documentElement||0<navigator.maxTouchPoints}}])})(),n=".".concat("bs.carousel"),d=".data-api",Ne="next",je="prev",Ie="left",Pe="right",We="slide".concat(n),ze="slid".concat(n),qe="keydown".concat(n),Fe="mouseenter".concat(n),Re="mouseleave".concat(n),He="dragstart".concat(n),Be="load".concat(n).concat(d),n="click".concat(n).concat(d),Ve="carousel",Ye="active",Xe=".active",Ue=".carousel-item",Ke=So(So({},"ArrowLeft",Pe),"ArrowRight",Ie),Qe={interval:5e3,keyboard:!0,pause:"hover",ride:!1,touch:!0,wrap:!0},$e={interval:"(number|boolean)",keyboard:"boolean",pause:"(string|boolean)",ride:"(boolean|string)",touch:"boolean",wrap:"boolean"},Ge=(()=>{function n(e,t){return Lo(this,n),(e=Eo(this,n,[e,t]))._interval=null,e._activeElement=null,e._isSliding=!1,e.touchTimeout=null,e._swipeHelper=null,e._indicatorsElement=u.findOne(".carousel-indicators",e._element),e._addEventListeners(),e._config.ride===Ve&&e.cycle(),e}return Ao(n,t),To(n,[{key:"next",value:function(){this._slide(Ne)}},{key:"nextWhenVisible",value:function(){!document.hidden&&r(this._element)&&this.next()}},{key:"prev",value:function(){this._slide(je)}},{key:"pause",value:function(){this._isSliding&&P(this._element),this._clearInterval()}},{key:"cycle",value:function(){var e=this;this._clearInterval(),this._updateInterval(),this._interval=setInterval(function(){return e.nextWhenVisible()},this._config.interval)}},{key:"_maybeEnableCycle",value:function(){var e=this;this._config.ride&&(this._isSliding?m.one(this._element,ze,function(){return e.cycle()}):this.cycle())}},{key:"to",value:function(e){var t,n=this,i=this._getItems();e>i.length-1||e<0||(this._isSliding?m.one(this._element,ze,function(){return n.to(e)}):(t=this._getItemIndex(this._getActive()))!==e&&this._slide(t<e?Ne:je,i[e]))}},{key:"dispose",value:function(){this._swipeHelper&&this._swipeHelper.dispose(),ko(n,"dispose",this,3)([])}},{key:"_configAfterMerge",value:function(e){return e.defaultInterval=e.interval,e}},{key:"_addEventListeners",value:function(){var t=this;this._config.keyboard&&m.on(this._element,qe,function(e){return t._keydown(e)}),"hover"===this._config.pause&&(m.on(this._element,Fe,function(){return t.pause()}),m.on(this._element,Re,function(){return t._maybeEnableCycle()})),this._config.touch&&De.isSupported()&&this._addTouchEventListeners()}},{key:"_addTouchEventListeners",value:function(){var e,t=this,n=Mo(u.find(".carousel-item img",this._element));try{for(n.s();!(e=n.n()).done;){var i=e.value;m.on(i,He,function(e){return e.preventDefault()})}}catch(e){n.e(e)}finally{n.f()}this._swipeHelper=new De(this._element,{leftCallback:function(){return t._slide(t._directionToOrder(Ie))},rightCallback:function(){return t._slide(t._directionToOrder(Pe))},endCallback:function(){"hover"===t._config.pause&&(t.pause(),t.touchTimeout&&clearTimeout(t.touchTimeout),t.touchTimeout=setTimeout(function(){return t._maybeEnableCycle()},500+t._config.interval))}})}},{key:"_keydown",value:function(e){var t;/input|textarea/i.test(e.target.tagName)||(t=Ke[e.key])&&(e.preventDefault(),this._slide(this._directionToOrder(t)))}},{key:"_getItemIndex",value:function(e){return this._getItems().indexOf(e)}},{key:"_setActiveIndicatorElement",value:function(e){var t;this._indicatorsElement&&((t=u.findOne(Xe,this._indicatorsElement)).classList.remove(Ye),t.removeAttribute("aria-current"),t=u.findOne('[data-bs-slide-to="'.concat(e,'"]'),this._indicatorsElement))&&(t.classList.add(Ye),t.setAttribute("aria-current","true"))}},{key:"_updateInterval",value:function(){var e=this._activeElement||this._getActive();e&&(e=Number.parseInt(e.getAttribute("data-bs-interval"),10),this._config.interval=e||this._config.defaultInterval)}},{key:"_slide",value:function(t){var n,e,i,o,r,s,a,l=this,c=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null;this._isSliding||(n=this._getActive(),e=t===Ne,(i=c||H(this._getItems(),n,e,this._config.wrap))===n)||(o=this._getItemIndex(i),(r=function(e){return m.trigger(l._element,e,{relatedTarget:i,direction:l._orderToDirection(t),from:l._getItemIndex(n),to:o})})(We).defaultPrevented)||n&&i&&(c=Boolean(this._interval),this.pause(),this._isSliding=!0,this._setActiveIndicatorElement(o),this._activeElement=i,s=e?"carousel-item-start":"carousel-item-end",a=e?"carousel-item-next":"carousel-item-prev",i.classList.add(a),q(i),n.classList.add(s),i.classList.add(s),this._queueCallback(function(){i.classList.remove(s,a),i.classList.add(Ye),n.classList.remove(Ye,a,s),l._isSliding=!1,r(ze)},n,this._isAnimated()),c)&&this.cycle()}},{key:"_isAnimated",value:function(){return this._element.classList.contains("slide")}},{key:"_getActive",value:function(){return u.findOne(".active.carousel-item",this._element)}},{key:"_getItems",value:function(){return u.find(Ue,this._element)}},{key:"_clearInterval",value:function(){this._interval&&(clearInterval(this._interval),this._interval=null)}},{key:"_directionToOrder",value:function(e){return a()?e===Ie?je:Ne:e===Ie?Ne:je}},{key:"_orderToDirection",value:function(e){return a()?e===je?Ie:Pe:e===je?Pe:Ie}}],[{key:"Default",get:function(){return Qe}},{key:"DefaultType",get:function(){return $e}},{key:"NAME",get:function(){return"carousel"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("number"==typeof t)e.to(t);else if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),d=(m.on(document,n,"[data-bs-slide], [data-bs-slide-to]",function(e){var t=u.getElementFromSelector(this);t&&t.classList.contains(Ve)&&(e.preventDefault(),e=Ge.getOrCreateInstance(t),(t=this.getAttribute("data-bs-slide-to"))?e.to(t):"next"===ye(this,"slide")?e.next():e.prev(),e._maybeEnableCycle())}),m.on(window,Be,function(){var e,t=Mo(u.find('[data-bs-ride="carousel"]'));try{for(t.s();!(e=t.n()).done;){var n=e.value;Ge.getOrCreateInstance(n)}}catch(e){t.e(e)}finally{t.f()}}),e(Ge),".".concat("bs.collapse")),Ze="show".concat(d),Je="shown".concat(d),et="hide".concat(d),tt="hidden".concat(d),n="click".concat(d).concat(".data-api"),nt="show",it="collapse",ot="collapsing",rt=":scope .".concat(it," .").concat(it),st='[data-bs-toggle="collapse"]',at={parent:null,toggle:!0},lt={parent:"(null|element)",toggle:"boolean"},ct=(()=>{function l(e,t){var n;Lo(this,l),(n=Eo(this,l,[e,t]))._isTransitioning=!1,n._triggerArray=[];var i,o=Mo(u.find(st));try{for(o.s();!(i=o.n()).done;){var r=i.value,s=u.getSelectorFromElement(r),a=u.find(s).filter(function(e){return e===n._element});null!==s&&a.length&&n._triggerArray.push(r)}}catch(e){o.e(e)}finally{o.f()}return n._initializeChildren(),n._config.parent||n._addAriaAndCollapsedClass(n._triggerArray,n._isShown()),n._config.toggle&&n.toggle(),n}return Ao(l,t),To(l,[{key:"toggle",value:function(){this._isShown()?this.hide():this.show()}},{key:"show",value:function(){var t=this;if(!this._isTransitioning&&!this._isShown()){var e=[];if(!(e=this._config.parent?this._getFirstLevelChildren(".collapse.show, .collapse.collapsing").filter(function(e){return e!==t._element}).map(function(e){return l.getOrCreateInstance(e,{toggle:!1})}):e).length||!e[0]._isTransitioning){var n=m.trigger(this._element,Ze);if(!n.defaultPrevented){var i,o=Mo(e);try{for(o.s();!(i=o.n()).done;)i.value.hide()}catch(e){o.e(e)}finally{o.f()}var r=this._getDimension(),n=(this._element.classList.remove(it),this._element.classList.add(ot),this._element.style[r]=0,this._addAriaAndCollapsedClass(this._triggerArray,!0),this._isTransitioning=!0,r[0].toUpperCase()+r.slice(1)),e="scroll".concat(n);this._queueCallback(function(){t._isTransitioning=!1,t._element.classList.remove(ot),t._element.classList.add(it,nt),t._element.style[r]="",m.trigger(t._element,Je)},this._element,!0),this._element.style[r]="".concat(this._element[e],"px")}}}}},{key:"hide",value:function(){var e=this;if(!this._isTransitioning&&this._isShown()){var t=m.trigger(this._element,et);if(!t.defaultPrevented){var n,t=this._getDimension(),i=(this._element.style[t]="".concat(this._element.getBoundingClientRect()[t],"px"),q(this._element),this._element.classList.add(ot),this._element.classList.remove(it,nt),Mo(this._triggerArray));try{for(i.s();!(n=i.n()).done;){var o=n.value,r=u.getElementFromSelector(o);r&&!this._isShown(r)&&this._addAriaAndCollapsedClass([o],!1)}}catch(e){i.e(e)}finally{i.f()}this._isTransitioning=!0;this._element.style[t]="",this._queueCallback(function(){e._isTransitioning=!1,e._element.classList.remove(ot),e._element.classList.add(it),m.trigger(e._element,tt)},this._element,!0)}}}},{key:"_isShown",value:function(){return(0<arguments.length&&void 0!==arguments[0]?arguments[0]:this._element).classList.contains(nt)}},{key:"_configAfterMerge",value:function(e){return e.toggle=Boolean(e.toggle),e.parent=o(e.parent),e}},{key:"_getDimension",value:function(){return this._element.classList.contains("collapse-horizontal")?"width":"height"}},{key:"_initializeChildren",value:function(){if(this._config.parent){var e,t=Mo(this._getFirstLevelChildren(st));try{for(t.s();!(e=t.n()).done;){var n=e.value,i=u.getElementFromSelector(n);i&&this._addAriaAndCollapsedClass([n],this._isShown(i))}}catch(e){t.e(e)}finally{t.f()}}}},{key:"_getFirstLevelChildren",value:function(e){var t=u.find(rt,this._config.parent);return u.find(e,this._config.parent).filter(function(e){return!t.includes(e)})}},{key:"_addAriaAndCollapsedClass",value:function(e,t){if(e.length){var n,i=Mo(e);try{for(i.s();!(n=i.n()).done;){var o=n.value;o.classList.toggle("collapsed",!t),o.setAttribute("aria-expanded",t)}}catch(e){i.e(e)}finally{i.f()}}}}],[{key:"Default",get:function(){return at}},{key:"DefaultType",get:function(){return lt}},{key:"NAME",get:function(){return"collapse"}},{key:"jQueryInterface",value:function(t){var n={};return"string"==typeof t&&/show|hide/.test(t)&&(n.toggle=!1),this.each(function(){var e=l.getOrCreateInstance(this,n);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),S=(m.on(document,n,st,function(e){("A"===e.target.tagName||e.delegateTarget&&"A"===e.delegateTarget.tagName)&&e.preventDefault();var t,n=Mo(u.getMultipleElementsFromSelector(this));try{for(n.s();!(t=n.n()).done;){var i=t.value;ct.getOrCreateInstance(i,{toggle:!1}).toggle()}}catch(e){n.e(e)}finally{n.f()}}),e(ct),"top"),L="bottom",T="right",C="left",ut="auto",ft=[S,L,T,C],M="start",dt="end",ht="clippingParents",pt="viewport",mt="popper",vt="reference",gt=ft.reduce(function(e,t){return e.concat([t+"-"+M,t+"-"+dt])},[]),yt=[].concat(ft,[ut]).reduce(function(e,t){return e.concat([t,t+"-"+M,t+"-"+dt])},[]),Be="beforeRead",d="afterRead",n="beforeMain",h="afterMain",p="beforeWrite",v="afterWrite",bt=[Be,"read",d,n,"main",h,p,"write",v];function g(e){return e?(e.nodeName||"").toLowerCase():null}function b(e){var t;return null==e?window:"[object Window]"!==e.toString()?(t=e.ownerDocument)&&t.defaultView||window:e}function y(e){return e instanceof b(e).Element||e instanceof Element}function _(e){return e instanceof b(e).HTMLElement||e instanceof HTMLElement}function _t(e){return"undefined"!=typeof ShadowRoot&&(e instanceof b(e).ShadowRoot||e instanceof ShadowRoot)}var wt={name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var o=e.state;Object.keys(o.elements).forEach(function(e){var t=o.styles[e]||{},n=o.attributes[e]||{},i=o.elements[e];_(i)&&g(i)&&(Object.assign(i.style,t),Object.keys(n).forEach(function(e){var t=n[e];!1===t?i.removeAttribute(e):i.setAttribute(e,!0===t?"":t)}))})},effect:function(e){var i=e.state,o={popper:{position:i.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(i.elements.popper.style,o.popper),i.styles=o,i.elements.arrow&&Object.assign(i.elements.arrow.style,o.arrow),function(){Object.keys(i.elements).forEach(function(e){var t=i.elements[e],n=i.attributes[e]||{},e=Object.keys((i.styles.hasOwnProperty(e)?i.styles:o)[e]).reduce(function(e,t){return e[t]="",e},{});_(t)&&g(t)&&(Object.assign(t.style,e),Object.keys(n).forEach(function(e){t.removeAttribute(e)}))})}},requires:["computeStyles"]};function D(e){return e.split("-")[0]}var O=Math.max,kt=Math.min,Et=Math.round;function xt(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function At(){return!/^((?!chrome|android).)*safari/i.test(xt())}function Ot(e,t,n){void 0===t&&(t=!1),void 0===n&&(n=!1);var i=e.getBoundingClientRect(),o=1,r=1;t&&_(e)&&(o=0<e.offsetWidth&&Et(i.width)/e.offsetWidth||1,r=0<e.offsetHeight&&Et(i.height)/e.offsetHeight||1);t=(y(e)?b(e):window).visualViewport,e=!At()&&n,n=(i.left+(e&&t?t.offsetLeft:0))/o,e=(i.top+(e&&t?t.offsetTop:0))/r,t=i.width/o,o=i.height/r;return{width:t,height:o,top:e,right:n+t,bottom:e+o,left:n,x:n,y:e}}function St(e){var t=Ot(e),n=e.offsetWidth,i=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-i)<=1&&(i=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:i}}function Lt(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&_t(n)){var i=t;do{if(i&&e.isSameNode(i))return!0}while(i=i.parentNode||i.host)}return!1}function w(e){return b(e).getComputedStyle(e)}function k(e){return((y(e)?e.ownerDocument:e.document)||window.document).documentElement}function Tt(e){return"html"===g(e)?e:e.assignedSlot||e.parentNode||(_t(e)?e.host:null)||k(e)}function Ct(e){return _(e)&&"fixed"!==w(e).position?e.offsetParent:null}function Mt(e){for(var t,n=b(e),i=Ct(e);i&&(t=i,0<=["table","td","th"].indexOf(g(t)))&&"static"===w(i).position;)i=Ct(i);return(!i||"html"!==g(i)&&("body"!==g(i)||"static"!==w(i).position))&&(i||(e=>{var t=/firefox/i.test(xt()),n=/Trident/i.test(xt());if(!n||!_(e)||"fixed"!==w(e).position){var i=Tt(e);for(_t(i)&&(i=i.host);_(i)&&["html","body"].indexOf(g(i))<0;){var o=w(i);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||t&&"filter"===o.willChange||t&&o.filter&&"none"!==o.filter)return i;i=i.parentNode}}return null})(e))||n}function Dt(e){return 0<=["top","bottom"].indexOf(e)?"x":"y"}function Nt(e,t,n){return O(e,kt(t,n))}function jt(){return{top:0,right:0,bottom:0,left:0}}function It(e){return Object.assign({},jt(),e)}function Pt(n,e){return e.reduce(function(e,t){return e[t]=n,e},{})}var Wt={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,n,i,o,r=e.state,s=e.name,e=e.options,a=r.elements.arrow,l=r.modifiersData.popperOffsets,c=Dt(u=D(r.placement)),u=0<=[C,T].indexOf(u)?"height":"width";a&&l&&(e=e.padding,n=r,n=It("number"!=typeof(e="function"==typeof e?e(Object.assign({},n.rects,{placement:n.placement})):e)?e:Pt(e,ft)),e=St(a),o="y"===c?S:C,i="y"===c?L:T,t=r.rects.reference[u]+r.rects.reference[c]-l[c]-r.rects.popper[u],l=l[c]-r.rects.reference[c],a=(a=Mt(a))?"y"===c?a.clientHeight||0:a.clientWidth||0:0,o=n[o],n=a-e[u]-n[i],o=Nt(o,i=a/2-e[u]/2+(t/2-l/2),n),r.modifiersData[s]=((a={})[c]=o,a.centerOffset=o-i,a))},effect:function(e){var t=e.state;null!=(e=void 0===(e=e.options.element)?"[data-popper-arrow]":e)&&("string"!=typeof e||(e=t.elements.popper.querySelector(e)))&&Lt(t.elements.popper,e)&&(t.elements.arrow=e)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function zt(e){return e.split("-")[1]}var qt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Ft(e){var t,n=e.popper,i=e.popperRect,o=e.placement,r=e.variation,s=e.offsets,a=e.position,l=e.gpuAcceleration,c=e.adaptive,u=e.roundOffsets,e=e.isFixed,f=s.x,f=void 0===f?0:f,d=s.y,d=void 0===d?0:d,h="function"==typeof u?u({x:f,y:d}):{x:f,y:d},h=(f=h.x,d=h.y,s.hasOwnProperty("x")),s=s.hasOwnProperty("y"),p=C,m=S,v=window,g=(c&&(g="clientHeight",t="clientWidth",(y=Mt(n))===b(n)&&"static"!==w(y=k(n)).position&&"absolute"===a&&(g="scrollHeight",t="scrollWidth"),o!==S&&(o!==C&&o!==T||r!==dt)||(m=L,d=(d-((e&&y===v&&v.visualViewport?v.visualViewport.height:y[g])-i.height))*(l?1:-1)),o!==C&&(o!==S&&o!==L||r!==dt)||(p=T,f=(f-((e&&y===v&&v.visualViewport?v.visualViewport.width:y[t])-i.width))*(l?1:-1))),Object.assign({position:a},c&&qt)),y=!0===u?(o={x:f,y:d},r=b(n),e=o.x,o=o.y,r=r.devicePixelRatio||1,{x:Et(e*r)/r||0,y:Et(o*r)/r||0}):{x:f,y:d};return f=y.x,d=y.y,l?Object.assign({},g,((t={})[m]=s?"0":"",t[p]=h?"0":"",t.transform=(v.devicePixelRatio||1)<=1?"translate("+f+"px, "+d+"px)":"translate3d("+f+"px, "+d+"px, 0)",t)):Object.assign({},g,((i={})[m]=s?d+"px":"",i[p]=h?f+"px":"",i.transform="",i))}var E={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,n=void 0===(n=(e=e.options).gpuAcceleration)||n,i=void 0===(i=e.adaptive)||i,e=void 0===(e=e.roundOffsets)||e,n={placement:D(t.placement),variation:zt(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:n,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,Ft(Object.assign({},n,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:i,roundOffsets:e})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,Ft(Object.assign({},n,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:e})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},Rt={passive:!0};var Ht={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,n=e.instance,i=(e=e.options).scroll,o=void 0===i||i,r=void 0===(i=e.resize)||i,s=b(t.elements.popper),a=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&a.forEach(function(e){e.addEventListener("scroll",n.update,Rt)}),r&&s.addEventListener("resize",n.update,Rt),function(){o&&a.forEach(function(e){e.removeEventListener("scroll",n.update,Rt)}),r&&s.removeEventListener("resize",n.update,Rt)}},data:{}},Bt={left:"right",right:"left",bottom:"top",top:"bottom"};function Vt(e){return e.replace(/left|right|bottom|top/g,function(e){return Bt[e]})}var Yt={start:"end",end:"start"};function Xt(e){return e.replace(/start|end/g,function(e){return Yt[e]})}function Ut(e){e=b(e);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Kt(e){return Ot(k(e)).left+Ut(e).scrollLeft}function Qt(e){var e=w(e),t=e.overflow;return/auto|scroll|overlay|hidden/.test(t+e.overflowY+e.overflowX)}function $t(e,t){void 0===t&&(t=[]);var n=function e(t){return 0<=["html","body","#document"].indexOf(g(t))?t.ownerDocument.body:_(t)&&Qt(t)?t:e(Tt(t))}(e),e=n===(null==(e=e.ownerDocument)?void 0:e.body),i=b(n),i=e?[i].concat(i.visualViewport||[],Qt(n)?n:[]):n,n=t.concat(i);return e?n:n.concat($t(Tt(i)))}function Gt(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Zt(e,t,n){return t===pt?Gt((o=n,s=b(i=e),a=k(i),s=s.visualViewport,l=a.clientWidth,a=a.clientHeight,u=c=0,s&&(l=s.width,a=s.height,(r=At())||!r&&"fixed"===o)&&(c=s.offsetLeft,u=s.offsetTop),{width:l,height:a,x:c+Kt(i),y:u})):y(t)?((o=Ot(r=t,!1,"fixed"===(o=n))).top=o.top+r.clientTop,o.left=o.left+r.clientLeft,o.bottom=o.top+r.clientHeight,o.right=o.left+r.clientWidth,o.width=r.clientWidth,o.height=r.clientHeight,o.x=o.left,o.y=o.top,o):Gt((s=k(e),l=k(s),a=Ut(s),c=null==(c=s.ownerDocument)?void 0:c.body,i=O(l.scrollWidth,l.clientWidth,c?c.scrollWidth:0,c?c.clientWidth:0),u=O(l.scrollHeight,l.clientHeight,c?c.scrollHeight:0,c?c.clientHeight:0),s=-a.scrollLeft+Kt(s),a=-a.scrollTop,"rtl"===w(c||l).direction&&(s+=O(l.clientWidth,c?c.clientWidth:0)-i),{width:i,height:u,x:s,y:a}));var i,o,r,s,a,l,c,u}function Jt(n,e,t,i){var o,r="clippingParents"===e?(s=$t(Tt(r=n)),y(o=0<=["absolute","fixed"].indexOf(w(r).position)&&_(r)?Mt(r):r)?s.filter(function(e){return y(e)&&Lt(e,o)&&"body"!==g(e)}):[]):[].concat(e),s=[].concat(r,[t]),e=s[0],t=s.reduce(function(e,t){t=Zt(n,t,i);return e.top=O(t.top,e.top),e.right=kt(t.right,e.right),e.bottom=kt(t.bottom,e.bottom),e.left=O(t.left,e.left),e},Zt(n,e,i));return t.width=t.right-t.left,t.height=t.bottom-t.top,t.x=t.left,t.y=t.top,t}function en(e){var t,n=e.reference,i=e.element,e=e.placement,o=e?D(e):null,e=e?zt(e):null,r=n.x+n.width/2-i.width/2,s=n.y+n.height/2-i.height/2;switch(o){case S:t={x:r,y:n.y-i.height};break;case L:t={x:r,y:n.y+n.height};break;case T:t={x:n.x+n.width,y:s};break;case C:t={x:n.x-i.width,y:s};break;default:t={x:n.x,y:n.y}}var a=o?Dt(o):null;if(null!=a){var l="y"===a?"height":"width";switch(e){case M:t[a]=t[a]-(n[l]/2-i[l]/2);break;case dt:t[a]=t[a]+(n[l]/2-i[l]/2)}}return t}function tn(e,t){var i,t=t=void 0===t?{}:t,n=t.placement,n=void 0===n?e.placement:n,o=t.strategy,o=void 0===o?e.strategy:o,r=t.boundary,r=void 0===r?ht:r,s=t.rootBoundary,s=void 0===s?pt:s,a=t.elementContext,a=void 0===a?mt:a,l=t.altBoundary,l=void 0!==l&&l,t=t.padding,t=void 0===t?0:t,t=It("number"!=typeof t?t:Pt(t,ft)),c=e.rects.popper,l=e.elements[l?a===mt?vt:mt:a],l=Jt(y(l)?l:l.contextElement||k(e.elements.popper),r,s,o),r=Ot(e.elements.reference),s=en({reference:r,element:c,placement:n}),o=Gt(Object.assign({},c,s)),c=a===mt?o:r,u={top:l.top-c.top+t.top,bottom:c.bottom-l.bottom+t.bottom,left:l.left-c.left+t.left,right:c.right-l.right+t.right},s=e.modifiersData.offset;return a===mt&&s&&(i=s[n],Object.keys(u).forEach(function(e){var t=0<=[T,L].indexOf(e)?1:-1,n=0<=[S,L].indexOf(e)?"y":"x";u[e]+=i[n]*t})),u}var nn={name:"flip",enabled:!0,phase:"main",fn:function(e){var f=e.state,t=e.options,e=e.name;if(!f.modifiersData[e]._skip){for(var n=t.mainAxis,i=void 0===n||n,n=t.altAxis,o=void 0===n||n,n=t.fallbackPlacements,d=t.padding,h=t.boundary,p=t.rootBoundary,r=t.altBoundary,s=t.flipVariations,m=void 0===s||s,v=t.allowedAutoPlacements,s=f.options.placement,t=D(s),n=n||(t===s||!m?[Vt(s)]:D(n=s)===ut?[]:(t=Vt(n),[Xt(n),t,Xt(t)])),a=[s].concat(n).reduce(function(e,t){return e.concat(D(t)===ut?(n=f,i=(e=e=void 0===(e={placement:t,boundary:h,rootBoundary:p,padding:d,flipVariations:m,allowedAutoPlacements:v})?{}:e).placement,o=e.boundary,r=e.rootBoundary,s=e.padding,a=e.flipVariations,l=void 0===(e=e.allowedAutoPlacements)?yt:e,c=zt(i),e=c?a?gt:gt.filter(function(e){return zt(e)===c}):ft,u=(i=0===(i=e.filter(function(e){return 0<=l.indexOf(e)})).length?e:i).reduce(function(e,t){return e[t]=tn(n,{placement:t,boundary:o,rootBoundary:r,padding:s})[D(t)],e},{}),Object.keys(u).sort(function(e,t){return u[e]-u[t]})):t);var n,i,o,r,s,a,l,c,u},[]),l=f.rects.reference,c=f.rects.popper,u=new Map,g=!0,y=a[0],b=0;b<a.length;b++){var _=a[b],w=D(_),k=zt(_)===M,E=0<=[S,L].indexOf(w),x=E?"width":"height",A=tn(f,{placement:_,boundary:h,rootBoundary:p,altBoundary:r,padding:d}),E=E?k?T:C:k?L:S,k=(l[x]>c[x]&&(E=Vt(E)),Vt(E)),x=[];if(i&&x.push(A[w]<=0),o&&x.push(A[E]<=0,A[k]<=0),x.every(function(e){return e})){y=_,g=!1;break}u.set(_,x)}if(g)for(var O=m?3:1;0<O;O--)if("break"===(t=>{var e=a.find(function(e){e=u.get(e);if(e)return e.slice(0,t).every(function(e){return e})});if(e)return y=e,"break"})(O))break;f.placement!==y&&(f.modifiersData[e]._skip=!0,f.placement=y,f.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function on(e,t,n){return{top:e.top-t.height-(n=void 0===n?{x:0,y:0}:n).y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function rn(t){return[S,T,L,C].some(function(e){return 0<=t[e]})}var sn={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,e=e.name,n=t.rects.reference,i=t.rects.popper,o=t.modifiersData.preventOverflow,r=tn(t,{elementContext:"reference"}),s=tn(t,{altBoundary:!0}),r=on(r,n),n=on(s,i,o),s=rn(r),i=rn(n);t.modifiersData[e]={referenceClippingOffsets:r,popperEscapeOffsets:n,isReferenceHidden:s,hasPopperEscaped:i},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":i})}};var an={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var s=e.state,t=e.name,a=void 0===(e=e.options.offset)?[0,0]:e,e=yt.reduce(function(e,t){var n,i,o,r;return e[t]=(t=t,n=s.rects,i=a,o=D(t),r=0<=[C,S].indexOf(o)?-1:1,t=(n="function"==typeof i?i(Object.assign({},n,{placement:t})):i)[0]||0,i=(n[1]||0)*r,0<=[C,T].indexOf(o)?{x:i,y:t}:{x:t,y:i}),e},{}),n=(i=e[s.placement]).x,i=i.y;null!=s.modifiersData.popperOffsets&&(s.modifiersData.popperOffsets.x+=n,s.modifiersData.popperOffsets.y+=i),s.modifiersData[t]=e}};var ln={name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state;t.modifiersData[e.name]=en({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})},data:{}};var cn={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t,n,i,o,r,s,a,l,c,u=e.state,f=e.options,e=e.name,d=void 0===(d=f.mainAxis)||d,h=void 0!==(h=f.altAxis)&&h,p=void 0===(p=f.tether)||p,m=void 0===(m=f.tetherOffset)?0:m,f=tn(u,{boundary:f.boundary,rootBoundary:f.rootBoundary,padding:f.padding,altBoundary:f.altBoundary}),v=D(u.placement),g=zt(u.placement),y=!g,b=Dt(v),_="x"===b?"y":"x",w=u.modifiersData.popperOffsets,k=u.rects.reference,E=u.rects.popper,m="number"==typeof(m="function"==typeof m?m(Object.assign({},u.rects,{placement:u.placement})):m)?{mainAxis:m,altAxis:m}:Object.assign({mainAxis:0,altAxis:0},m),x=u.modifiersData.offset?u.modifiersData.offset[u.placement]:null,A={x:0,y:0};w&&(d&&(d="y"===b?"height":"width",s=(a=w[b])+f[n="y"===b?S:C],l=a-f[c="y"===b?L:T],t=p?-E[d]/2:0,o=(g===M?k:E)[d],g=g===M?-E[d]:-k[d],r=u.elements.arrow,r=p&&r?St(r):{width:0,height:0},n=(i=u.modifiersData["arrow#persistent"]?u.modifiersData["arrow#persistent"].padding:jt())[n],i=i[c],c=Nt(0,k[d],r[d]),r=y?k[d]/2-t-c-n-m.mainAxis:o-c-n-m.mainAxis,o=y?-k[d]/2+t+c+i+m.mainAxis:g+c+i+m.mainAxis,y=(n=u.elements.arrow&&Mt(u.elements.arrow))?"y"===b?n.clientTop||0:n.clientLeft||0:0,g=a+o-(t=null!=(d=null==x?void 0:x[b])?d:0),c=Nt(p?kt(s,a+r-t-y):s,a,p?O(l,g):l),w[b]=c,A[b]=c-a),h&&(i="y"==_?"height":"width",o=(n=w[_])+f["x"===b?S:C],d=n-f["x"===b?L:T],r=-1!==[S,C].indexOf(v),y=null!=(t=null==x?void 0:x[_])?t:0,s=r?o:n-k[i]-E[i]-y+m.altAxis,g=r?n+k[i]+E[i]-y-m.altAxis:d,a=p&&r?(l=Nt(l=s,n,c=g),c<l?c:l):Nt(p?s:o,n,p?g:d),w[_]=a,A[_]=a-n),u.modifiersData[e]=A)},requiresIfExists:["offset"]};function un(e,t,n){void 0===n&&(n=!1);var i=_(t),o=_(t)&&(s=(o=t).getBoundingClientRect(),r=Et(s.width)/o.offsetWidth||1,s=Et(s.height)/o.offsetHeight||1,1!==r||1!==s),r=k(t),s=Ot(e,o,n),e={scrollLeft:0,scrollTop:0},a={x:0,y:0};return!i&&n||("body"===g(t)&&!Qt(r)||(e=(i=t)!==b(i)&&_(i)?{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}:Ut(i)),_(t)?((a=Ot(t,!0)).x+=t.clientLeft,a.y+=t.clientTop):r&&(a.x=Kt(r))),{x:s.left+e.scrollLeft-a.x,y:s.top+e.scrollTop-a.y,width:s.width,height:s.height}}function fn(e){var n=new Map,i=new Set,o=[];return e.forEach(function(e){n.set(e.name,e)}),e.forEach(function(e){i.has(e.name)||!function t(e){i.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){i.has(e)||(e=n.get(e))&&t(e)}),o.push(e)}(e)}),o}var dn={placement:"bottom",modifiers:[],strategy:"absolute"};function hn(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return!t.some(function(e){return!(e&&"function"==typeof e.getBoundingClientRect)})}function pn(e){var e=e=void 0===e?{}:e,t=e.defaultModifiers,f=void 0===t?[]:t,t=e.defaultOptions,d=void 0===t?dn:t;return function(i,o,t){void 0===t&&(t=d);var n,r,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},dn,d),modifiersData:{},elements:{reference:i,popper:o},attributes:{},styles:{}},a=[],l=!1,c={state:s,setOptions:function(e){var n,t,e="function"==typeof e?e(s.options):e,e=(u(),s.options=Object.assign({},d,s.options,e),s.scrollParents={reference:y(i)?$t(i):i.contextElement?$t(i.contextElement):[],popper:$t(o)},e=[].concat(f,s.options.modifiers),t=e.reduce(function(e,t){var n=e[t.name];return e[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t,e},{}),e=Object.keys(t).map(function(e){return t[e]}),n=fn(e),bt.reduce(function(e,t){return e.concat(n.filter(function(e){return e.phase===t}))},[]));return s.orderedModifiers=e.filter(function(e){return e.enabled}),s.orderedModifiers.forEach(function(e){var t=e.name,n=e.options,e=e.effect;"function"==typeof e&&(e=e({state:s,name:t,instance:c,options:void 0===n?{}:n}),a.push(e||function(){}))}),c.update()},forceUpdate:function(){if(!l){var e=s.elements,t=e.reference,e=e.popper;if(hn(t,e)){s.rects={reference:un(t,Mt(e),"fixed"===s.options.strategy),popper:St(e)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach(function(e){return s.modifiersData[e.name]=Object.assign({},e.data)});for(var n,i,o,r=0;r<s.orderedModifiers.length;r++)!0===s.reset?(s.reset=!1,r=-1):(i=(n=s.orderedModifiers[r]).fn,o=n.options,"function"==typeof i&&(s=i({state:s,options:void 0===o?{}:o,name:n.name,instance:c})||s))}}},update:(n=function(){return new Promise(function(e){c.forceUpdate(),e(s)})},function(){return r=r||new Promise(function(e){Promise.resolve().then(function(){r=void 0,e(n())})})}),destroy:function(){u(),l=!0}};return hn(i,o)&&c.setOptions(t).then(function(e){!l&&t.onFirstUpdate&&t.onFirstUpdate(e)}),c;function u(){a.forEach(function(e){return e()}),a=[]}}}var mn=pn({defaultModifiers:[Ht,ln,E,wt,an,nn,cn,Wt,sn]}),vn=Object.freeze(Object.defineProperty({__proto__:null,afterMain:h,afterRead:d,afterWrite:v,applyStyles:wt,arrow:Wt,auto:ut,basePlacements:ft,beforeMain:n,beforeRead:Be,beforeWrite:p,bottom:L,clippingParents:ht,computeStyles:E,createPopper:mn,createPopperBase:pn(),createPopperLite:pn({defaultModifiers:[Ht,ln,E,wt]}),detectOverflow:tn,end:dt,eventListeners:Ht,flip:nn,hide:sn,left:C,main:"main",modifierPhases:bt,offset:an,placements:yt,popper:mt,popperGenerator:pn,popperOffsets:ln,preventOverflow:cn,read:"read",reference:vt,right:T,start:M,top:S,variationPlacements:gt,viewport:pt,write:"write"},Symbol.toStringTag,{value:"Module"})),gn="dropdown",h=".".concat("bs.dropdown"),d=".data-api",yn="ArrowDown",bn="hide".concat(h),_n="hidden".concat(h),wn="show".concat(h),kn="shown".concat(h),v="click".concat(h).concat(d),Wt="keydown".concat(h).concat(d),n="keyup".concat(h).concat(d),En="show",x='[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)',xn="".concat(x,".").concat(En),An=".dropdown-menu",On=a()?"top-end":"top-start",Sn=a()?"top-start":"top-end",Ln=a()?"bottom-end":"bottom-start",Tn=a()?"bottom-start":"bottom-end",Cn=a()?"left-start":"right-start",Mn=a()?"right-start":"left-start",Dn={autoClose:!0,boundary:"clippingParents",display:"dynamic",offset:[0,2],popperConfig:null,reference:"toggle"},Nn={autoClose:"(boolean|string)",boundary:"(string|element)",display:"string",offset:"(array|string|function)",popperConfig:"(null|object|function)",reference:"(string|element|object)"},A=(()=>{function a(e,t){return Lo(this,a),(e=Eo(this,a,[e,t]))._popper=null,e._parent=e._element.parentNode,e._menu=u.next(e._element,An)[0]||u.prev(e._element,An)[0]||u.findOne(An,e._parent),e._inNavbar=e._detectNavbar(),e}return Ao(a,t),To(a,[{key:"toggle",value:function(){return this._isShown()?this.hide():this.show()}},{key:"show",value:function(){if(!s(this._element)&&!this._isShown()){var e={relatedTarget:this._element},t=m.trigger(this._element,wn,e);if(!t.defaultPrevented){if(this._createPopper(),"ontouchstart"in document.documentElement&&!this._parent.closest(".navbar-nav")){var n,i=Mo((t=[]).concat.apply(t,Do(document.body.children)));try{for(i.s();!(n=i.n()).done;){var o=n.value;m.on(o,"mouseover",z)}}catch(e){i.e(e)}finally{i.f()}}this._element.focus(),this._element.setAttribute("aria-expanded",!0),this._menu.classList.add(En),this._element.classList.add(En),m.trigger(this._element,kn,e)}}}},{key:"hide",value:function(){var e;!s(this._element)&&this._isShown()&&(e={relatedTarget:this._element},this._completeHide(e))}},{key:"dispose",value:function(){this._popper&&this._popper.destroy(),ko(a,"dispose",this,3)([])}},{key:"update",value:function(){this._inNavbar=this._detectNavbar(),this._popper&&this._popper.update()}},{key:"_completeHide",value:function(e){var t=m.trigger(this._element,bn,e);if(!t.defaultPrevented){if("ontouchstart"in document.documentElement){var n,i=Mo((t=[]).concat.apply(t,Do(document.body.children)));try{for(i.s();!(n=i.n()).done;){var o=n.value;m.off(o,"mouseover",z)}}catch(e){i.e(e)}finally{i.f()}}this._popper&&this._popper.destroy(),this._menu.classList.remove(En),this._element.classList.remove(En),this._element.setAttribute("aria-expanded","false"),ve(this._menu,"popper"),m.trigger(this._element,_n,e)}}},{key:"_getConfig",value:function(e){if("object"!==No((e=ko(a,"_getConfig",this,3)([e])).reference)||c(e.reference)||"function"==typeof e.reference.getBoundingClientRect)return e;throw new TypeError("".concat(gn.toUpperCase(),': Option "reference" provided type "object" without a required "getBoundingClientRect" method.'))}},{key:"_createPopper",value:function(){if(void 0===vn)throw new TypeError("Bootstrap's dropdowns require Popper (https://popper.js.org/docs/v2/)");var e=this._element,t=("parent"===this._config.reference?e=this._parent:c(this._config.reference)?e=o(this._config.reference):"object"===No(this._config.reference)&&(e=this._config.reference),this._getPopperConfig());this._popper=mn(e,this._menu,t)}},{key:"_isShown",value:function(){return this._menu.classList.contains(En)}},{key:"_getPlacement",value:function(){var e,t=this._parent;return t.classList.contains("dropend")?Cn:t.classList.contains("dropstart")?Mn:t.classList.contains("dropup-center")?"top":t.classList.contains("dropdown-center")?"bottom":(e="end"===getComputedStyle(this._menu).getPropertyValue("--bs-position").trim(),t.classList.contains("dropup")?e?Sn:On:e?Tn:Ln)}},{key:"_detectNavbar",value:function(){return null!==this._element.closest(".navbar")}},{key:"_getOffset",value:function(){var t=this,n=this._config.offset;return"string"==typeof n?n.split(",").map(function(e){return Number.parseInt(e,10)}):"function"==typeof n?function(e){return n(e,t._element)}:n}},{key:"_getPopperConfig",value:function(){var e={placement:this._getPlacement(),modifiers:[{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"offset",options:{offset:this._getOffset()}}]};return!this._inNavbar&&"static"!==this._config.display||(me(this._menu,"popper","static"),e.modifiers=[{name:"applyStyles",enabled:!1}]),Oo(Oo({},e),l(this._config.popperConfig,[void 0,e]))}},{key:"_selectMenuItem",value:function(e){var t=e.key,e=e.target,n=u.find(".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",this._menu).filter(r);n.length&&H(n,e,t===yn,!n.includes(e)).focus()}}],[{key:"Default",get:function(){return Dn}},{key:"DefaultType",get:function(){return Nn}},{key:"NAME",get:function(){return gn}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=a.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}},{key:"clearMenus",value:function(e){if(2!==e.button&&("keyup"!==e.type||"Tab"===e.key)){var t,n=Mo(u.find(xn));try{for(n.s();!(t=n.n()).done;){var i,o,r,s=a.getInstance(t.value);s&&!1!==s._config.autoClose&&(o=(i=e.composedPath()).includes(s._menu),i.includes(s._element)||"inside"===s._config.autoClose&&!o||"outside"===s._config.autoClose&&o||s._menu.contains(e.target)&&("keyup"===e.type&&"Tab"===e.key||/input|select|option|textarea|form/i.test(e.target.tagName))||(r={relatedTarget:s._element},"click"===e.type&&(r.clickEvent=e),s._completeHide(r)))}}catch(e){n.e(e)}finally{n.f()}}}},{key:"dataApiKeydownHandler",value:function(e){var t=/input|textarea/i.test(e.target.tagName),n="Escape"===e.key,i=["ArrowUp",yn].includes(e.key);!i&&!n||t&&!n||(e.preventDefault(),t=this.matches(x)?this:u.prev(this,x)[0]||u.next(this,x)[0]||u.findOne(x,e.delegateTarget.parentNode),n=a.getOrCreateInstance(t),i?(e.stopPropagation(),n.show(),n._selectMenuItem(e)):n._isShown()&&(e.stopPropagation(),n.hide(),t.focus()))}}])})(),jn=(m.on(document,Wt,x,A.dataApiKeydownHandler),m.on(document,Wt,An,A.dataApiKeydownHandler),m.on(document,v,A.clearMenus),m.on(document,n,A.clearMenus),m.on(document,v,x,function(e){e.preventDefault(),A.getOrCreateInstance(this).toggle()}),e(A),"backdrop"),In="mousedown.bs.".concat(jn),Pn={className:"modal-backdrop",clickCallback:null,isAnimated:!1,isVisible:!0,rootElement:"body"},Wn={className:"string",clickCallback:"(function|null)",isAnimated:"boolean",isVisible:"boolean",rootElement:"(element|string)"},zn=(()=>{function n(e){var t;return Lo(this,n),(t=Eo(this,n))._config=t._getConfig(e),t._isAppended=!1,t._element=null,t}return Ao(n,be),To(n,[{key:"show",value:function(e){var t;this._config.isVisible?(this._append(),t=this._getElement(),this._config.isAnimated&&q(t),t.classList.add("show"),this._emulateAnimation(function(){l(e)})):l(e)}},{key:"hide",value:function(e){var t=this;this._config.isVisible?(this._getElement().classList.remove("show"),this._emulateAnimation(function(){t.dispose(),l(e)})):l(e)}},{key:"dispose",value:function(){this._isAppended&&(m.off(this._element,In),this._element.remove(),this._isAppended=!1)}},{key:"_getElement",value:function(){var e;return this._element||((e=document.createElement("div")).className=this._config.className,this._config.isAnimated&&e.classList.add("fade"),this._element=e),this._element}},{key:"_configAfterMerge",value:function(e){return e.rootElement=o(e.rootElement),e}},{key:"_append",value:function(){var e,t=this;this._isAppended||(e=this._getElement(),this._config.rootElement.append(e),m.on(e,In,function(){l(t._config.clickCallback)}),this._isAppended=!0)}},{key:"_emulateAnimation",value:function(e){R(e,this._getElement(),this._config.isAnimated)}}],[{key:"Default",get:function(){return Pn}},{key:"DefaultType",get:function(){return Wn}},{key:"NAME",get:function(){return jn}}])})(),qn=".".concat("bs.focustrap"),Fn="focusin".concat(qn),Rn="keydown.tab".concat(qn),Hn="backward",Bn={autofocus:!0,trapElement:null},Vn={autofocus:"boolean",trapElement:"element"},Yn=(()=>{function n(e){var t;return Lo(this,n),(t=Eo(this,n))._config=t._getConfig(e),t._isActive=!1,t._lastTabNavDirection=null,t}return Ao(n,be),To(n,[{key:"activate",value:function(){var t=this;this._isActive||(this._config.autofocus&&this._config.trapElement.focus(),m.off(document,qn),m.on(document,Fn,function(e){return t._handleFocusin(e)}),m.on(document,Rn,function(e){return t._handleKeydown(e)}),this._isActive=!0)}},{key:"deactivate",value:function(){this._isActive&&(this._isActive=!1,m.off(document,qn))}},{key:"_handleFocusin",value:function(e){var t=this._config.trapElement;e.target===document||e.target===t||t.contains(e.target)||(0===(e=u.focusableChildren(t)).length?t:this._lastTabNavDirection===Hn?e[e.length-1]:e[0]).focus()}},{key:"_handleKeydown",value:function(e){"Tab"===e.key&&(this._lastTabNavDirection=e.shiftKey?Hn:"forward")}}],[{key:"Default",get:function(){return Bn}},{key:"DefaultType",get:function(){return Vn}},{key:"NAME",get:function(){return"focustrap"}}])})(),Xn=".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",Un=".sticky-top",Kn="padding-right",Qn="margin-right",$n=(()=>To(function e(){Lo(this,e),this._element=document.body},[{key:"getWidth",value:function(){var e=document.documentElement.clientWidth;return Math.abs(window.innerWidth-e)}},{key:"hide",value:function(){var t=this.getWidth();this._disableOverFlow(),this._setElementAttributes(this._element,Kn,function(e){return e+t}),this._setElementAttributes(Xn,Kn,function(e){return e+t}),this._setElementAttributes(Un,Qn,function(e){return e-t})}},{key:"reset",value:function(){this._resetElementAttributes(this._element,"overflow"),this._resetElementAttributes(this._element,Kn),this._resetElementAttributes(Xn,Kn),this._resetElementAttributes(Un,Qn)}},{key:"isOverflowing",value:function(){return 0<this.getWidth()}},{key:"_disableOverFlow",value:function(){this._saveInitialAttribute(this._element,"overflow"),this._element.style.overflow="hidden"}},{key:"_setElementAttributes",value:function(e,n,i){var o=this,r=this.getWidth();this._applyManipulationCallback(e,function(e){var t;e!==o._element&&window.innerWidth>e.clientWidth+r||(o._saveInitialAttribute(e,n),t=window.getComputedStyle(e).getPropertyValue(n),e.style.setProperty(n,"".concat(i(Number.parseFloat(t)),"px")))})}},{key:"_saveInitialAttribute",value:function(e,t){var n=e.style.getPropertyValue(t);n&&me(e,t,n)}},{key:"_resetElementAttributes",value:function(e,n){this._applyManipulationCallback(e,function(e){var t=ye(e,n);null===t?e.style.removeProperty(n):(ve(e,n),e.style.setProperty(n,t))})}},{key:"_applyManipulationCallback",value:function(e,t){if(c(e))t(e);else{var n,i=Mo(u.find(e,this._element));try{for(i.s();!(n=i.n()).done;)t(n.value)}catch(e){i.e(e)}finally{i.f()}}}}]))(),N=".".concat("bs.modal"),Gn="hide".concat(N),Zn="hidePrevented".concat(N),Jn="hidden".concat(N),ei="show".concat(N),ti="shown".concat(N),ni="resize".concat(N),ii="click.dismiss".concat(N),oi="mousedown.dismiss".concat(N),ri="keydown.dismiss".concat(N),Be="click".concat(N).concat(".data-api"),si="modal-open",ai="modal-static",li={backdrop:!0,focus:!0,keyboard:!0},ci={backdrop:"(boolean|string)",focus:"boolean",keyboard:"boolean"},ui=(()=>{function i(e,t){return Lo(this,i),(e=Eo(this,i,[e,t]))._dialog=u.findOne(".modal-dialog",e._element),e._backdrop=e._initializeBackDrop(),e._focustrap=e._initializeFocusTrap(),e._isShown=!1,e._isTransitioning=!1,e._scrollBar=new $n,e._addEventListeners(),e}return Ao(i,t),To(i,[{key:"toggle",value:function(e){return this._isShown?this.hide():this.show(e)}},{key:"show",value:function(e){var t=this;this._isShown||this._isTransitioning||m.trigger(this._element,ei,{relatedTarget:e}).defaultPrevented||(this._isShown=!0,this._isTransitioning=!0,this._scrollBar.hide(),document.body.classList.add(si),this._adjustDialog(),this._backdrop.show(function(){return t._showElement(e)}))}},{key:"hide",value:function(){var e=this;!this._isShown||this._isTransitioning||m.trigger(this._element,Gn).defaultPrevented||(this._isShown=!1,this._isTransitioning=!0,this._focustrap.deactivate(),this._element.classList.remove("show"),this._queueCallback(function(){return e._hideModal()},this._element,this._isAnimated()))}},{key:"dispose",value:function(){m.off(window,N),m.off(this._dialog,N),this._backdrop.dispose(),this._focustrap.deactivate(),ko(i,"dispose",this,3)([])}},{key:"handleUpdate",value:function(){this._adjustDialog()}},{key:"_initializeBackDrop",value:function(){return new zn({isVisible:Boolean(this._config.backdrop),isAnimated:this._isAnimated()})}},{key:"_initializeFocusTrap",value:function(){return new Yn({trapElement:this._element})}},{key:"_showElement",value:function(e){var t=this,n=(document.body.contains(this._element)||document.body.append(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.scrollTop=0,u.findOne(".modal-body",this._dialog));n&&(n.scrollTop=0),q(this._element),this._element.classList.add("show");this._queueCallback(function(){t._config.focus&&t._focustrap.activate(),t._isTransitioning=!1,m.trigger(t._element,ti,{relatedTarget:e})},this._dialog,this._isAnimated())}},{key:"_addEventListeners",value:function(){var n=this;m.on(this._element,ri,function(e){"Escape"===e.key&&(n._config.keyboard?n.hide():n._triggerBackdropTransition())}),m.on(window,ni,function(){n._isShown&&!n._isTransitioning&&n._adjustDialog()}),m.on(this._element,oi,function(t){m.one(n._element,ii,function(e){n._element===t.target&&n._element===e.target&&("static"===n._config.backdrop?n._triggerBackdropTransition():n._config.backdrop&&n.hide())})})}},{key:"_hideModal",value:function(){var e=this;this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._backdrop.hide(function(){document.body.classList.remove(si),e._resetAdjustments(),e._scrollBar.reset(),m.trigger(e._element,Jn)})}},{key:"_isAnimated",value:function(){return this._element.classList.contains("fade")}},{key:"_triggerBackdropTransition",value:function(){var e,t,n=this;m.trigger(this._element,Zn).defaultPrevented||(e=this._element.scrollHeight>document.documentElement.clientHeight,"hidden"===(t=this._element.style.overflowY))||this._element.classList.contains(ai)||(e||(this._element.style.overflowY="hidden"),this._element.classList.add(ai),this._queueCallback(function(){n._element.classList.remove(ai),n._queueCallback(function(){n._element.style.overflowY=t},n._dialog)},this._dialog),this._element.focus())}},{key:"_adjustDialog",value:function(){var e,t=this._element.scrollHeight>document.documentElement.clientHeight,n=this._scrollBar.getWidth(),i=0<n;i&&!t&&(e=a()?"paddingLeft":"paddingRight",this._element.style[e]="".concat(n,"px")),!i&&t&&(e=a()?"paddingRight":"paddingLeft",this._element.style[e]="".concat(n,"px"))}},{key:"_resetAdjustments",value:function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""}}],[{key:"Default",get:function(){return li}},{key:"DefaultType",get:function(){return ci}},{key:"NAME",get:function(){return"modal"}},{key:"jQueryInterface",value:function(t,n){return this.each(function(){var e=i.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t](n)}})}}])})(),p=(m.on(document,Be,'[data-bs-toggle="modal"]',function(e){var t=this,n=u.getElementFromSelector(this),e=(["A","AREA"].includes(this.tagName)&&e.preventDefault(),m.one(n,ei,function(e){e.defaultPrevented||m.one(n,Jn,function(){r(t)&&t.focus()})}),u.findOne(".modal.show"));e&&ui.getInstance(e).hide(),ui.getOrCreateInstance(n).toggle(this)}),pe(ui),e(ui),".".concat("bs.offcanvas")),E=".data-api",wt="load".concat(p).concat(E),fi="showing",di=".offcanvas.show",hi="show".concat(p),pi="shown".concat(p),mi="hide".concat(p),vi="hidePrevented".concat(p),gi="hidden".concat(p),Ht="resize".concat(p),nn="click".concat(p).concat(E),yi="keydown.dismiss".concat(p),bi={backdrop:!0,keyboard:!0,scroll:!1},_i={backdrop:"(boolean|string)",keyboard:"boolean",scroll:"boolean"},j=(()=>{function n(e,t){return Lo(this,n),(e=Eo(this,n,[e,t]))._isShown=!1,e._backdrop=e._initializeBackDrop(),e._focustrap=e._initializeFocusTrap(),e._addEventListeners(),e}return Ao(n,t),To(n,[{key:"toggle",value:function(e){return this._isShown?this.hide():this.show(e)}},{key:"show",value:function(e){var t=this;this._isShown||m.trigger(this._element,hi,{relatedTarget:e}).defaultPrevented||(this._isShown=!0,this._backdrop.show(),this._config.scroll||(new $n).hide(),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.classList.add(fi),this._queueCallback(function(){t._config.scroll&&!t._config.backdrop||t._focustrap.activate(),t._element.classList.add("show"),t._element.classList.remove(fi),m.trigger(t._element,pi,{relatedTarget:e})},this._element,!0))}},{key:"hide",value:function(){var e=this;this._isShown&&!m.trigger(this._element,mi).defaultPrevented&&(this._focustrap.deactivate(),this._element.blur(),this._isShown=!1,this._element.classList.add("hiding"),this._backdrop.hide(),this._queueCallback(function(){e._element.classList.remove("show","hiding"),e._element.removeAttribute("aria-modal"),e._element.removeAttribute("role"),e._config.scroll||(new $n).reset(),m.trigger(e._element,gi)},this._element,!0))}},{key:"dispose",value:function(){this._backdrop.dispose(),this._focustrap.deactivate(),ko(n,"dispose",this,3)([])}},{key:"_initializeBackDrop",value:function(){var e=this,t=Boolean(this._config.backdrop);return new zn({className:"offcanvas-backdrop",isVisible:t,isAnimated:!0,rootElement:this._element.parentNode,clickCallback:t?function(){"static"===e._config.backdrop?m.trigger(e._element,vi):e.hide()}:null})}},{key:"_initializeFocusTrap",value:function(){return new Yn({trapElement:this._element})}},{key:"_addEventListeners",value:function(){var t=this;m.on(this._element,yi,function(e){"Escape"===e.key&&(t._config.keyboard?t.hide():m.trigger(t._element,vi))})}}],[{key:"Default",get:function(){return bi}},{key:"DefaultType",get:function(){return _i}},{key:"NAME",get:function(){return"offcanvas"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t](this)}})}}])})(),sn=(m.on(document,nn,'[data-bs-toggle="offcanvas"]',function(e){var t=this,n=u.getElementFromSelector(this);["A","AREA"].includes(this.tagName)&&e.preventDefault(),s(this)||(m.one(n,gi,function(){r(t)&&t.focus()}),(e=u.findOne(di))&&e!==n&&j.getInstance(e).hide(),j.getOrCreateInstance(n).toggle(this))}),m.on(window,wt,function(){var e,t=Mo(u.find(di));try{for(t.s();!(e=t.n()).done;){var n=e.value;j.getOrCreateInstance(n).show()}}catch(e){t.e(e)}finally{t.f()}}),m.on(window,Ht,function(){var e,t=Mo(u.find("[aria-modal][class*=show][class*=offcanvas-]"));try{for(t.s();!(e=t.n()).done;){var n=e.value;"fixed"!==getComputedStyle(n).position&&j.getOrCreateInstance(n).hide()}}catch(e){t.e(e)}finally{t.f()}}),pe(j),e(j),{"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],dd:[],div:[],dl:[],dt:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]}),wi=new Set(["background","cite","href","itemtype","longdesc","poster","src","xlink:href"]),ki=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i;function Ei(e,t,n){if(!e.length)return e;if(n&&"function"==typeof n)return n(e);var i,n=(new window.DOMParser).parseFromString(e,"text/html"),o=Mo((e=[]).concat.apply(e,Do(n.body.querySelectorAll("*"))));try{for(o.s();!(i=o.n()).done;){var r,s=i.value,a=s.nodeName.toLowerCase();if(Object.keys(t).includes(a)){var l,c=(r=[]).concat.apply(r,Do(s.attributes)),u=[].concat(t["*"]||[],t[a]||[]),f=Mo(c);try{for(f.s();!(l=f.n()).done;){var d=l.value;((e,t)=>{var n=e.nodeName.toLowerCase();return t.includes(n)?!wi.has(n)||Boolean(ki.test(e.nodeValue)):t.filter(function(e){return e instanceof RegExp}).some(function(e){return e.test(n)})})(d,u)||s.removeAttribute(d.nodeName)}}catch(e){f.e(e)}finally{f.f()}}else s.remove()}}catch(e){o.e(e)}finally{o.f()}return n.body.innerHTML}var xi={allowList:sn,content:{},extraClass:"",html:!1,sanitize:!0,sanitizeFn:null,template:"<div></div>"},Ai={allowList:"object",content:"object",extraClass:"(string|function)",html:"boolean",sanitize:"boolean",sanitizeFn:"(null|function)",template:"string"},Oi={entry:"(string|element|function|null)",selector:"(string|element)"},Si=(()=>{function r(e){var t;return Lo(this,r),(t=Eo(this,r))._config=t._getConfig(e),t}return Ao(r,be),To(r,[{key:"getContent",value:function(){var t=this;return Object.values(this._config.content).map(function(e){return t._resolvePossibleFunction(e)}).filter(Boolean)}},{key:"hasContent",value:function(){return 0<this.getContent().length}},{key:"changeContent",value:function(e){return this._checkContent(e),this._config.content=Oo(Oo({},this._config.content),e),this}},{key:"toHtml",value:function(){var e=document.createElement("div");e.innerHTML=this._maybeSanitize(this._config.template);for(var t=0,n=Object.entries(this._config.content);t<n.length;t++){var i=Co(n[t],2),o=i[0];this._setContent(e,i[1],o)}var r,s=e.children[0],a=this._resolvePossibleFunction(this._config.extraClass);return a&&(r=s.classList).add.apply(r,Do(a.split(" "))),s}},{key:"_typeCheckConfig",value:function(e){ko(r,"_typeCheckConfig",this,3)([e]),this._checkContent(e.content)}},{key:"_checkContent",value:function(e){for(var t=0,n=Object.entries(e);t<n.length;t++){var i=Co(n[t],2),o=i[0],i=i[1];ko(r,"_typeCheckConfig",this,3)([{selector:o,entry:i},Oi])}}},{key:"_setContent",value:function(e,t,n){n=u.findOne(n,e);n&&((t=this._resolvePossibleFunction(t))?c(t)?this._putElementInTemplate(o(t),n):this._config.html?n.innerHTML=this._maybeSanitize(t):n.textContent=t:n.remove())}},{key:"_maybeSanitize",value:function(e){return this._config.sanitize?Ei(e,this._config.allowList,this._config.sanitizeFn):e}},{key:"_resolvePossibleFunction",value:function(e){return l(e,[void 0,this])}},{key:"_putElementInTemplate",value:function(e,t){this._config.html?(t.innerHTML="",t.append(e)):t.textContent=e.textContent}}],[{key:"Default",get:function(){return xi}},{key:"DefaultType",get:function(){return Ai}},{key:"NAME",get:function(){return"TemplateFactory"}}])})(),Li=new Set(["sanitize","allowList","sanitizeFn"]),Ti="fade",Ci="show",Mi=".".concat("modal"),Di="hide.bs.modal",Ni="hover",ji="focus",Ii="click",Pi={AUTO:"auto",TOP:"top",RIGHT:a()?"left":"right",BOTTOM:"bottom",LEFT:a()?"right":"left"},Wi={allowList:sn,animation:!0,boundary:"clippingParents",container:!1,customClass:"",delay:0,fallbackPlacements:["top","right","bottom","left"],html:!1,offset:[0,6],placement:"top",popperConfig:null,sanitize:!0,sanitizeFn:null,selector:!1,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',title:"",trigger:"hover focus"},zi={allowList:"object",animation:"boolean",boundary:"(string|element)",container:"(string|element|boolean)",customClass:"(string|function)",delay:"(number|object)",fallbackPlacements:"array",html:"boolean",offset:"(array|string|function)",placement:"(string|function)",popperConfig:"(null|object|function)",sanitize:"boolean",sanitizeFn:"(null|function)",selector:"(string|boolean)",template:"string",title:"(string|element|function)",trigger:"string"},qi=(()=>{function n(e,t){if(Lo(this,n),void 0===vn)throw new TypeError("Bootstrap's tooltips require Popper (https://popper.js.org/docs/v2/)");return(e=Eo(this,n,[e,t]))._isEnabled=!0,e._timeout=0,e._isHovered=null,e._activeTrigger={},e._popper=null,e._templateFactory=null,e._newContent=null,e.tip=null,e._setListeners(),e._config.selector||e._fixTitle(),e}return Ao(n,t),To(n,[{key:"enable",value:function(){this._isEnabled=!0}},{key:"disable",value:function(){this._isEnabled=!1}},{key:"toggleEnabled",value:function(){this._isEnabled=!this._isEnabled}},{key:"toggle",value:function(){this._isEnabled&&(this._isShown()?this._leave():this._enter())}},{key:"dispose",value:function(){clearTimeout(this._timeout),m.off(this._element.closest(Mi),Di,this._hideModalHandler),this._element.getAttribute("data-bs-original-title")&&this._element.setAttribute("title",this._element.getAttribute("data-bs-original-title")),this._disposePopper(),ko(n,"dispose",this,3)([])}},{key:"show",value:function(){var e=this;if("none"===this._element.style.display)throw new Error("Please use show on visible elements");if(this._isWithContent()&&this._isEnabled){var t=m.trigger(this._element,this.constructor.eventName("show")),n=(W(this._element)||this._element.ownerDocument.documentElement).contains(this._element);if(!t.defaultPrevented&&n){this._disposePopper();t=this._getTipElement(),n=(this._element.setAttribute("aria-describedby",t.getAttribute("id")),this._config.container);if(this._element.ownerDocument.documentElement.contains(this.tip)||(n.append(t),m.trigger(this._element,this.constructor.eventName("inserted"))),this._popper=this._createPopper(t),t.classList.add(Ci),"ontouchstart"in document.documentElement){var i,o=Mo((n=[]).concat.apply(n,Do(document.body.children)));try{for(o.s();!(i=o.n()).done;){var r=i.value;m.on(r,"mouseover",z)}}catch(e){o.e(e)}finally{o.f()}}this._queueCallback(function(){m.trigger(e._element,e.constructor.eventName("shown")),!1===e._isHovered&&e._leave(),e._isHovered=!1},this.tip,this._isAnimated())}}}},{key:"hide",value:function(){var e=this;if(this._isShown()){var t=m.trigger(this._element,this.constructor.eventName("hide"));if(!t.defaultPrevented){if(this._getTipElement().classList.remove(Ci),"ontouchstart"in document.documentElement){var n,i=Mo((t=[]).concat.apply(t,Do(document.body.children)));try{for(i.s();!(n=i.n()).done;){var o=n.value;m.off(o,"mouseover",z)}}catch(e){i.e(e)}finally{i.f()}}this._activeTrigger[Ii]=!1,this._activeTrigger[ji]=!1,this._activeTrigger[Ni]=!1,this._isHovered=null;this._queueCallback(function(){e._isWithActiveTrigger()||(e._isHovered||e._disposePopper(),e._element.removeAttribute("aria-describedby"),m.trigger(e._element,e.constructor.eventName("hidden")))},this.tip,this._isAnimated())}}}},{key:"update",value:function(){this._popper&&this._popper.update()}},{key:"_isWithContent",value:function(){return Boolean(this._getTitle())}},{key:"_getTipElement",value:function(){return this.tip||(this.tip=this._createTipElement(this._newContent||this._getContentForTemplate())),this.tip}},{key:"_createTipElement",value:function(e){e=this._getTemplateFactory(e).toHtml();if(!e)return null;e.classList.remove(Ti,Ci),e.classList.add("bs-".concat(this.constructor.NAME,"-auto"));var t=(e=>{for(;e+=Math.floor(1e6*Math.random()),document.getElementById(e););return e})(this.constructor.NAME).toString();return e.setAttribute("id",t),this._isAnimated()&&e.classList.add(Ti),e}},{key:"setContent",value:function(e){this._newContent=e,this._isShown()&&(this._disposePopper(),this.show())}},{key:"_getTemplateFactory",value:function(e){return this._templateFactory?this._templateFactory.changeContent(e):this._templateFactory=new Si(Oo(Oo({},this._config),{},{content:e,extraClass:this._resolvePossibleFunction(this._config.customClass)})),this._templateFactory}},{key:"_getContentForTemplate",value:function(){return So({},".tooltip-inner",this._getTitle())}},{key:"_getTitle",value:function(){return this._resolvePossibleFunction(this._config.title)||this._element.getAttribute("data-bs-original-title")}},{key:"_initializeOnDelegatedTarget",value:function(e){return this.constructor.getOrCreateInstance(e.delegateTarget,this._getDelegateConfig())}},{key:"_isAnimated",value:function(){return this._config.animation||this.tip&&this.tip.classList.contains(Ti)}},{key:"_isShown",value:function(){return this.tip&&this.tip.classList.contains(Ci)}},{key:"_createPopper",value:function(e){var t=l(this._config.placement,[this,e,this._element]),t=Pi[t.toUpperCase()];return mn(this._element,e,this._getPopperConfig(t))}},{key:"_getOffset",value:function(){var t=this,n=this._config.offset;return"string"==typeof n?n.split(",").map(function(e){return Number.parseInt(e,10)}):"function"==typeof n?function(e){return n(e,t._element)}:n}},{key:"_resolvePossibleFunction",value:function(e){return l(e,[this._element,this._element])}},{key:"_getPopperConfig",value:function(e){var t=this,e={placement:e,modifiers:[{name:"flip",options:{fallbackPlacements:this._config.fallbackPlacements}},{name:"offset",options:{offset:this._getOffset()}},{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"arrow",options:{element:".".concat(this.constructor.NAME,"-arrow")}},{name:"preSetPlacement",enabled:!0,phase:"beforeMain",fn:function(e){t._getTipElement().setAttribute("data-popper-placement",e.state.placement)}}]};return Oo(Oo({},e),l(this._config.popperConfig,[void 0,e]))}},{key:"_setListeners",value:function(){var e,n=this,t=Mo(this._config.trigger.split(" "));try{for(t.s();!(e=t.n()).done;){var i,o,r=e.value;"click"===r?m.on(this._element,this.constructor.eventName("click"),this._config.selector,function(e){e=n._initializeOnDelegatedTarget(e);e._activeTrigger[Ii]=!(e._isShown()&&e._activeTrigger[Ii]),e.toggle()}):"manual"!==r&&(i=r===Ni?this.constructor.eventName("mouseenter"):this.constructor.eventName("focusin"),o=r===Ni?this.constructor.eventName("mouseleave"):this.constructor.eventName("focusout"),m.on(this._element,i,this._config.selector,function(e){var t=n._initializeOnDelegatedTarget(e);t._activeTrigger["focusin"===e.type?ji:Ni]=!0,t._enter()}),m.on(this._element,o,this._config.selector,function(e){var t=n._initializeOnDelegatedTarget(e);t._activeTrigger["focusout"===e.type?ji:Ni]=t._element.contains(e.relatedTarget),t._leave()}))}}catch(e){t.e(e)}finally{t.f()}this._hideModalHandler=function(){n._element&&n.hide()},m.on(this._element.closest(Mi),Di,this._hideModalHandler)}},{key:"_fixTitle",value:function(){var e=this._element.getAttribute("title");e&&(this._element.getAttribute("aria-label")||this._element.textContent.trim()||this._element.setAttribute("aria-label",e),this._element.setAttribute("data-bs-original-title",e),this._element.removeAttribute("title"))}},{key:"_enter",value:function(){var e=this;this._isShown()||this._isHovered?this._isHovered=!0:(this._isHovered=!0,this._setTimeout(function(){e._isHovered&&e.show()},this._config.delay.show))}},{key:"_leave",value:function(){var e=this;this._isWithActiveTrigger()||(this._isHovered=!1,this._setTimeout(function(){e._isHovered||e.hide()},this._config.delay.hide))}},{key:"_setTimeout",value:function(e,t){clearTimeout(this._timeout),this._timeout=setTimeout(e,t)}},{key:"_isWithActiveTrigger",value:function(){return Object.values(this._activeTrigger).includes(!0)}},{key:"_getConfig",value:function(e){for(var t=ge(this._element),n=0,i=Object.keys(t);n<i.length;n++){var o=i[n];Li.has(o)&&delete t[o]}return e=Oo(Oo({},t),"object"===No(e)&&e?e:{}),e=this._mergeConfigObj(e),e=this._configAfterMerge(e),this._typeCheckConfig(e),e}},{key:"_configAfterMerge",value:function(e){return e.container=!1===e.container?document.body:o(e.container),"number"==typeof e.delay&&(e.delay={show:e.delay,hide:e.delay}),"number"==typeof e.title&&(e.title=e.title.toString()),"number"==typeof e.content&&(e.content=e.content.toString()),e}},{key:"_getDelegateConfig",value:function(){for(var e={},t=0,n=Object.entries(this._config);t<n.length;t++){var i=Co(n[t],2),o=i[0],i=i[1];this.constructor.Default[o]!==i&&(e[o]=i)}return e.selector=!1,e.trigger="manual",e}},{key:"_disposePopper",value:function(){this._popper&&(this._popper.destroy(),this._popper=null),this.tip&&(this.tip.remove(),this.tip=null)}}],[{key:"Default",get:function(){return Wi}},{key:"DefaultType",get:function(){return zi}},{key:"NAME",get:function(){return"tooltip"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),Fi=(e(qi),Oo(Oo({},qi.Default),{},{content:"",offset:[0,8],placement:"right",template:'<div class="popover" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>',trigger:"click"})),Ri=Oo(Oo({},qi.DefaultType),{},{content:"(null|string|element|function)"}),an=(()=>{function n(){return Lo(this,n),Eo(this,n,arguments)}return Ao(n,qi),To(n,[{key:"_isWithContent",value:function(){return this._getTitle()||this._getContent()}},{key:"_getContentForTemplate",value:function(){return So(So({},".popover-header",this._getTitle()),".popover-body",this._getContent())}},{key:"_getContent",value:function(){return this._resolvePossibleFunction(this._config.content)}}],[{key:"Default",get:function(){return Fi}},{key:"DefaultType",get:function(){return Ri}},{key:"NAME",get:function(){return"popover"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),ln=(e(an),".".concat("bs.scrollspy")),Hi="activate".concat(ln),Bi="click".concat(ln),cn="load".concat(ln).concat(".data-api"),Vi="active",Yi="[href]",h=".nav-link",Xi="".concat(h,", ").concat(".nav-item"," > ").concat(h,", ").concat(".list-group-item"),Ui={offset:null,rootMargin:"0px 0px -25%",smoothScroll:!1,target:null,threshold:[.1,.5,1]},Ki={offset:"(number|null)",rootMargin:"string",smoothScroll:"boolean",target:"element",threshold:"array"},Qi=(()=>{function n(e,t){return Lo(this,n),(e=Eo(this,n,[e,t]))._targetLinks=new Map,e._observableSections=new Map,e._rootElement="visible"===getComputedStyle(e._element).overflowY?null:e._element,e._activeTarget=null,e._observer=null,e._previousScrollData={visibleEntryTop:0,parentScrollTop:0},e.refresh(),e}return Ao(n,t),To(n,[{key:"refresh",value:function(){this._initializeTargetsAndObservables(),this._maybeEnableSmoothScroll(),this._observer?this._observer.disconnect():this._observer=this._getNewObserver();var e,t=Mo(this._observableSections.values());try{for(t.s();!(e=t.n()).done;){var n=e.value;this._observer.observe(n)}}catch(e){t.e(e)}finally{t.f()}}},{key:"dispose",value:function(){this._observer.disconnect(),ko(n,"dispose",this,3)([])}},{key:"_configAfterMerge",value:function(e){return e.target=o(e.target)||document.body,e.rootMargin=e.offset?"".concat(e.offset,"px 0px -30%"):e.rootMargin,"string"==typeof e.threshold&&(e.threshold=e.threshold.split(",").map(function(e){return Number.parseFloat(e)})),e}},{key:"_maybeEnableSmoothScroll",value:function(){var n=this;this._config.smoothScroll&&(m.off(this._config.target,Bi),m.on(this._config.target,Bi,Yi,function(e){var t=n._observableSections.get(e.target.hash);t&&(e.preventDefault(),e=n._rootElement||window,t=t.offsetTop-n._element.offsetTop,e.scrollTo?e.scrollTo({top:t,behavior:"smooth"}):e.scrollTop=t)}))}},{key:"_getNewObserver",value:function(){var t=this,e={root:this._rootElement,threshold:this._config.threshold,rootMargin:this._config.rootMargin};return new IntersectionObserver(function(e){return t._observerCallback(e)},e)}},{key:"_observerCallback",value:function(e){function t(e){i._previousScrollData.visibleEntryTop=e.target.offsetTop,i._process(o(e))}var n,i=this,o=function(e){return i._targetLinks.get("#".concat(e.target.id))},r=(this._rootElement||document.documentElement).scrollTop,s=r>=this._previousScrollData.parentScrollTop,a=(this._previousScrollData.parentScrollTop=r,Mo(e));try{for(a.s();!(n=a.n()).done;){var l=n.value;if(l.isIntersecting){var c=l.target.offsetTop>=this._previousScrollData.visibleEntryTop;if(s&&c){if(t(l),r)continue;return}s||c||t(l)}else this._activeTarget=null,this._clearActiveClass(o(l))}}catch(e){a.e(e)}finally{a.f()}}},{key:"_initializeTargetsAndObservables",value:function(){this._targetLinks=new Map,this._observableSections=new Map;var e,t=Mo(u.find(Yi,this._config.target));try{for(t.s();!(e=t.n()).done;){var n,i=e.value;i.hash&&!s(i)&&(n=u.findOne(decodeURI(i.hash),this._element),r(n))&&(this._targetLinks.set(decodeURI(i.hash),i),this._observableSections.set(i.hash,n))}}catch(e){t.e(e)}finally{t.f()}}},{key:"_process",value:function(e){this._activeTarget!==e&&(this._clearActiveClass(this._config.target),(this._activeTarget=e).classList.add(Vi),this._activateParents(e),m.trigger(this._element,Hi,{relatedTarget:e}))}},{key:"_activateParents",value:function(e){if(e.classList.contains("dropdown-item"))u.findOne(".dropdown-toggle",e.closest(".dropdown")).classList.add(Vi);else{var t,n=Mo(u.parents(e,".nav, .list-group"));try{for(n.s();!(t=n.n()).done;){var i,o=t.value,r=Mo(u.prev(o,Xi));try{for(r.s();!(i=r.n()).done;)i.value.classList.add(Vi)}catch(e){r.e(e)}finally{r.f()}}}catch(e){n.e(e)}finally{n.f()}}}},{key:"_clearActiveClass",value:function(e){e.classList.remove(Vi);var t,n=Mo(u.find("".concat(Yi,".").concat(Vi),e));try{for(n.s();!(t=n.n()).done;)t.value.classList.remove(Vi)}catch(e){n.e(e)}finally{n.f()}}}],[{key:"Default",get:function(){return Ui}},{key:"DefaultType",get:function(){return Ki}},{key:"NAME",get:function(){return"scrollspy"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),d=(m.on(window,cn,function(){var e,t=Mo(u.find('[data-bs-spy="scroll"]'));try{for(t.s();!(e=t.n()).done;){var n=e.value;Qi.getOrCreateInstance(n)}}catch(e){t.e(e)}finally{t.f()}}),e(Qi),".".concat("bs.tab")),$i="hide".concat(d),Gi="hidden".concat(d),Zi="show".concat(d),Ji="shown".concat(d),Wt="click".concat(d),eo="keydown".concat(d),n="load".concat(d),to="ArrowRight",no="ArrowDown",io="Home",I="active",oo="show",ro=".dropdown-toggle",v=":not(".concat(ro,")"),Be=".nav-link".concat(v,", .list-group-item").concat(v,', [role="tab"]').concat(v),E='[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]',so="".concat(Be,", ").concat(E),ao=".".concat(I,'[data-bs-toggle="tab"], .').concat(I,'[data-bs-toggle="pill"], .').concat(I,'[data-bs-toggle="list"]'),lo=(()=>{function i(e){var t;return Lo(this,i),(t=Eo(this,i,[e]))._parent=t._element.closest('.list-group, .nav, [role="tablist"]'),t._parent?(t._setInitialAttributes(t._parent,t._getChildren()),m.on(t._element,eo,function(e){return t._keydown(e)}),t):xo(t)}return Ao(i,t),To(i,[{key:"show",value:function(){var e,t,n=this._element;this._elemIsActive(n)||(t=(e=this._getActiveElem())?m.trigger(e,$i,{relatedTarget:n}):null,m.trigger(n,Zi,{relatedTarget:e}).defaultPrevented)||t&&t.defaultPrevented||(this._deactivate(e,n),this._activate(n,e))}},{key:"_activate",value:function(e,t){var n=this;e&&(e.classList.add(I),this._activate(u.getElementFromSelector(e)),this._queueCallback(function(){"tab"!==e.getAttribute("role")?e.classList.add(oo):(e.removeAttribute("tabindex"),e.setAttribute("aria-selected",!0),n._toggleDropDown(e,!0),m.trigger(e,Ji,{relatedTarget:t}))},e,e.classList.contains("fade")))}},{key:"_deactivate",value:function(e,t){var n=this;e&&(e.classList.remove(I),e.blur(),this._deactivate(u.getElementFromSelector(e)),this._queueCallback(function(){"tab"!==e.getAttribute("role")?e.classList.remove(oo):(e.setAttribute("aria-selected",!1),e.setAttribute("tabindex","-1"),n._toggleDropDown(e,!1),m.trigger(e,Gi,{relatedTarget:t}))},e,e.classList.contains("fade")))}},{key:"_keydown",value:function(e){var t,n;["ArrowLeft",to,"ArrowUp",no,io,"End"].includes(e.key)&&(e.stopPropagation(),e.preventDefault(),n=this._getChildren().filter(function(e){return!s(e)}),n=[io,"End"].includes(e.key)?n[e.key===io?0:n.length-1]:(t=[to,no].includes(e.key),H(n,e.target,t,!0)))&&(n.focus({preventScroll:!0}),i.getOrCreateInstance(n).show())}},{key:"_getChildren",value:function(){return u.find(so,this._parent)}},{key:"_getActiveElem",value:function(){var t=this;return this._getChildren().find(function(e){return t._elemIsActive(e)})||null}},{key:"_setInitialAttributes",value:function(e,t){this._setAttributeIfNotExists(e,"role","tablist");var n,i=Mo(t);try{for(i.s();!(n=i.n()).done;){var o=n.value;this._setInitialAttributesOnChild(o)}}catch(e){i.e(e)}finally{i.f()}}},{key:"_setInitialAttributesOnChild",value:function(e){e=this._getInnerElement(e);var t=this._elemIsActive(e),n=this._getOuterElement(e);e.setAttribute("aria-selected",t),n!==e&&this._setAttributeIfNotExists(n,"role","presentation"),t||e.setAttribute("tabindex","-1"),this._setAttributeIfNotExists(e,"role","tab"),this._setInitialAttributesOnTargetPanel(e)}},{key:"_setInitialAttributesOnTargetPanel",value:function(e){var t=u.getElementFromSelector(e);t&&(this._setAttributeIfNotExists(t,"role","tabpanel"),e.id)&&this._setAttributeIfNotExists(t,"aria-labelledby","".concat(e.id))}},{key:"_toggleDropDown",value:function(e,n){var i=this._getOuterElement(e);i.classList.contains("dropdown")&&((e=function(e,t){e=u.findOne(e,i);e&&e.classList.toggle(t,n)})(ro,I),e(".dropdown-menu",oo),i.setAttribute("aria-expanded",n))}},{key:"_setAttributeIfNotExists",value:function(e,t,n){e.hasAttribute(t)||e.setAttribute(t,n)}},{key:"_elemIsActive",value:function(e){return e.classList.contains(I)}},{key:"_getInnerElement",value:function(e){return e.matches(so)?e:u.findOne(so,e)}},{key:"_getOuterElement",value:function(e){return e.closest(".nav-item, .list-group-item")||e}}],[{key:"NAME",get:function(){return"tab"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=i.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),p=(m.on(document,Wt,E,function(e){["A","AREA"].includes(this.tagName)&&e.preventDefault(),s(this)||lo.getOrCreateInstance(this).show()}),m.on(window,n,function(){var e,t=Mo(u.find(ao));try{for(t.s();!(e=t.n()).done;){var n=e.value;lo.getOrCreateInstance(n)}}catch(e){t.e(e)}finally{t.f()}}),e(lo),".".concat("bs.toast")),co="mouseover".concat(p),uo="mouseout".concat(p),fo="focusin".concat(p),ho="focusout".concat(p),po="hide".concat(p),mo="hidden".concat(p),vo="show".concat(p),go="shown".concat(p),yo="show",bo="showing",_o={animation:"boolean",autohide:"boolean",delay:"number"},wo={animation:!0,autohide:!0,delay:5e3},nn=(()=>{function n(e,t){return Lo(this,n),(e=Eo(this,n,[e,t]))._timeout=null,e._hasMouseInteraction=!1,e._hasKeyboardInteraction=!1,e._setListeners(),e}return Ao(n,t),To(n,[{key:"show",value:function(){var e=this;m.trigger(this._element,vo).defaultPrevented||(this._clearTimeout(),this._config.animation&&this._element.classList.add("fade"),this._element.classList.remove("hide"),q(this._element),this._element.classList.add(yo,bo),this._queueCallback(function(){e._element.classList.remove(bo),m.trigger(e._element,go),e._maybeScheduleHide()},this._element,this._config.animation))}},{key:"hide",value:function(){var e=this;this.isShown()&&!m.trigger(this._element,po).defaultPrevented&&(this._element.classList.add(bo),this._queueCallback(function(){e._element.classList.add("hide"),e._element.classList.remove(bo,yo),m.trigger(e._element,mo)},this._element,this._config.animation))}},{key:"dispose",value:function(){this._clearTimeout(),this.isShown()&&this._element.classList.remove(yo),ko(n,"dispose",this,3)([])}},{key:"isShown",value:function(){return this._element.classList.contains(yo)}},{key:"_maybeScheduleHide",value:function(){var e=this;!this._config.autohide||this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout(function(){e.hide()},this._config.delay))}},{key:"_onInteraction",value:function(e,t){switch(e.type){case"mouseover":case"mouseout":this._hasMouseInteraction=t;break;case"focusin":case"focusout":this._hasKeyboardInteraction=t}t?this._clearTimeout():this._element===(e=e.relatedTarget)||this._element.contains(e)||this._maybeScheduleHide()}},{key:"_setListeners",value:function(){var t=this;m.on(this._element,co,function(e){return t._onInteraction(e,!0)}),m.on(this._element,uo,function(e){return t._onInteraction(e,!1)}),m.on(this._element,fo,function(e){return t._onInteraction(e,!0)}),m.on(this._element,ho,function(e){return t._onInteraction(e,!1)})}},{key:"_clearTimeout",value:function(){clearTimeout(this._timeout),this._timeout=null}}],[{key:"Default",get:function(){return wo}},{key:"DefaultType",get:function(){return _o}},{key:"NAME",get:function(){return"toast"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t](this)}})}}])})();return pe(nn),e(nn),{Alert:_e,Button:xe,Carousel:Ge,Collapse:ct,Dropdown:A,Modal:ui,Offcanvas:j,Popover:an,ScrollSpy:Qi,Tab:lo,Toast:nn,Tooltip:qi}},"object"===(void 0===n?"undefined":No(n))&&void 0!==t?t.exports=d():"function"==typeof define&&define.amd?define(d):("undefined"!=typeof globalThis?globalThis:self).bootstrap=d()},{}],2:[function(e,t,n){e=e("./_root").Symbol;t.exports=e},{"./_root":8}],3:[function(e,t,n){var i=e("./_Symbol"),o=e("./_getRawTag"),r=e("./_objectToString"),s=i?i.toStringTag:void 0;t.exports=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":(s&&s in Object(e)?o:r)(e)}},{"./_Symbol":2,"./_getRawTag":6,"./_objectToString":7}],4:[function(e,t,n){var i=e("./_trimmedEndIndex"),o=/^\s+/;t.exports=function(e){return e&&e.slice(0,i(e)+1).replace(o,"")}},{"./_trimmedEndIndex":9}],5:[function(e,i,t){!function(n){!function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var e="object"==(void 0===n?"undefined":t(n))&&n&&n.Object===Object&&n;i.exports=e}.call(this)}.call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}],6:[function(e,t,n){var e=e("./_Symbol"),i=Object.prototype,r=i.hasOwnProperty,s=i.toString,a=e?e.toStringTag:void 0;t.exports=function(e){var t=r.call(e,a),n=e[a];try{var i=!(e[a]=void 0)}catch(e){}var o=s.call(e);return i&&(t?e[a]=n:delete e[a]),o}},{"./_Symbol":2}],7:[function(e,t,n){var i=Object.prototype.toString;t.exports=function(e){return i.call(e)}},{}],8:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var e=e("./_freeGlobal"),o="object"==("undefined"==typeof self?"undefined":i(self))&&self&&self.Object===Object&&self,e=e||o||Function("return this")();t.exports=e},{"./_freeGlobal":5}],9:[function(e,t,n){var i=/\s/;t.exports=function(e){for(var t=e.length;t--&&i.test(e.charAt(t)););return t}},{}],10:[function(e,t,n){var y=e("./isObject"),b=e("./now"),_=e("./toNumber"),w=Math.max,k=Math.min;t.exports=function(i,n,e){var o,r,s,a,l,c,u=0,f=!1,d=!1,t=!0;if("function"!=typeof i)throw new TypeError("Expected a function");function h(e){var t=o,n=r;return o=r=void 0,u=e,a=i.apply(n,t)}function p(e){var t=e-c;return void 0===c||n<=t||t<0||d&&s<=e-u}function m(){var e,t=b();if(p(t))return v(t);l=setTimeout(m,(e=n-((t=t)-c),d?k(e,s-(t-u)):e))}function v(e){return l=void 0,t&&o?h(e):(o=r=void 0,a)}function g(){var e=b(),t=p(e);if(o=arguments,r=this,c=e,t){if(void 0===l)return u=e=c,l=setTimeout(m,n),f?h(e):a;if(d)return clearTimeout(l),l=setTimeout(m,n),h(c)}return void 0===l&&(l=setTimeout(m,n)),a}return n=_(n)||0,y(e)&&(f=!!e.leading,d="maxWait"in e,s=d?w(_(e.maxWait)||0,n):s,t="trailing"in e?!!e.trailing:t),g.cancel=function(){void 0!==l&&clearTimeout(l),o=c=r=l=void(u=0)},g.flush=function(){return void 0===l?a:v(b())},g}},{"./isObject":11,"./now":14,"./toNumber":16}],11:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}t.exports=function(e){var t=i(e);return null!=e&&("object"==t||"function"==t)}},{}],12:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}t.exports=function(e){return null!=e&&"object"==i(e)}},{}],13:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var o=e("./_baseGetTag"),r=e("./isObjectLike");t.exports=function(e){return"symbol"==i(e)||r(e)&&"[object Symbol]"==o(e)}},{"./_baseGetTag":3,"./isObjectLike":12}],14:[function(e,t,n){var i=e("./_root");t.exports=function(){return i.Date.now()}},{"./_root":8}],15:[function(e,t,n){var r=e("./debounce"),s=e("./isObject");t.exports=function(e,t,n){var i=!0,o=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return s(n)&&(i="leading"in n?!!n.leading:i,o="trailing"in n?!!n.trailing:o),r(e,t,{leading:i,maxWait:t,trailing:o})}},{"./debounce":10,"./isObject":11}],16:[function(e,t,n){var i=e("./_baseTrim"),o=e("./isObject"),r=e("./isSymbol"),s=/^[-+]0x[0-9a-f]+$/i,a=/^0b[01]+$/i,l=/^0o[0-7]+$/i,c=parseInt;t.exports=function(e){if("number"==typeof e)return e;if(r(e))return NaN;if(o(e)&&(t="function"==typeof e.valueOf?e.valueOf():e,e=o(t)?t+"":t),"string"!=typeof e)return 0===e?e:+e;e=i(e);var t=a.test(e);return t||l.test(e)?c(e.slice(2),t?2:8):s.test(e)?NaN:+e}},{"./_baseTrim":4,"./isObject":11,"./isSymbol":13}],17:[function(e,t,n){function w(e){return(w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var i,o;o=function(n,i){var o=function(){return(o=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function e(e){return e&&e.ownerDocument&&e.ownerDocument.defaultView?e.ownerDocument.defaultView:window}function t(e){return e&&e.ownerDocument?e.ownerDocument:document}function r(e){return Array.prototype.reduce.call(e,function(e,t){var n=t.name.match(/data-simplebar-(.+)/);if(n){var i=n[1].replace(/\W+(.)/g,function(e,t){return t.toUpperCase()});switch(t.value){case"true":e[i]=!0;break;case"false":e[i]=!1;break;case void 0:e[i]=!0;break;default:e[i]=t.value}}return e},{})}function s(e,t){e&&(e=e.classList).add.apply(e,t.split(" "))}function a(t,e){t&&e.split(" ").forEach(function(e){t.classList.remove(e)})}function l(e){return".".concat(e.split(" ").join("."))}var c=!("undefined"==typeof window||!window.document||!window.document.createElement),u=Object.freeze({__proto__:null,addClasses:s,canUseDOM:c,classNamesToQuery:l,getElementDocument:t,getElementWindow:e,getOptions:r,removeClasses:a}),f=null,d=null;function h(){if(null===f){if("undefined"==typeof document)return f=0;var e=document.body,t=document.createElement("div"),n=(t.classList.add("simplebar-hide-scrollbar"),e.appendChild(t),t.getBoundingClientRect().right);e.removeChild(t),f=n}return f}c&&window.addEventListener("resize",function(){d!==window.devicePixelRatio&&(d=window.devicePixelRatio,f=null)});var p=e,m=t,v=r,g=s,y=a,b=l;function _(e,t){void 0===t&&(t={});var s=this;if(this.removePreventClickId=null,this.minScrollbarWidth=20,this.stopScrollDelay=175,this.isScrolling=!1,this.isMouseEntering=!1,this.isDragging=!1,this.scrollXTicking=!1,this.scrollYTicking=!1,this.wrapperEl=null,this.contentWrapperEl=null,this.contentEl=null,this.offsetEl=null,this.maskEl=null,this.placeholderEl=null,this.heightAutoObserverWrapperEl=null,this.heightAutoObserverEl=null,this.rtlHelpers=null,this.scrollbarWidth=0,this.resizeObserver=null,this.mutationObserver=null,this.elStyles=null,this.isRtl=null,this.mouseX=0,this.mouseY=0,this.onMouseMove=function(){},this.onWindowResize=function(){},this.onStopScrolling=function(){},this.onMouseEntered=function(){},this.onScroll=function(){var e=p(s.el);s.scrollXTicking||(e.requestAnimationFrame(s.scrollX),s.scrollXTicking=!0),s.scrollYTicking||(e.requestAnimationFrame(s.scrollY),s.scrollYTicking=!0),s.isScrolling||(s.isScrolling=!0,g(s.el,s.classNames.scrolling)),s.showScrollbar("x"),s.showScrollbar("y"),s.onStopScrolling()},this.scrollX=function(){s.axis.x.isOverflowing&&s.positionScrollbar("x"),s.scrollXTicking=!1},this.scrollY=function(){s.axis.y.isOverflowing&&s.positionScrollbar("y"),s.scrollYTicking=!1},this._onStopScrolling=function(){y(s.el,s.classNames.scrolling),s.options.autoHide&&(s.hideScrollbar("x"),s.hideScrollbar("y")),s.isScrolling=!1},this.onMouseEnter=function(){s.isMouseEntering||(g(s.el,s.classNames.mouseEntered),s.showScrollbar("x"),s.showScrollbar("y"),s.isMouseEntering=!0),s.onMouseEntered()},this._onMouseEntered=function(){y(s.el,s.classNames.mouseEntered),s.options.autoHide&&(s.hideScrollbar("x"),s.hideScrollbar("y")),s.isMouseEntering=!1},this._onMouseMove=function(e){s.mouseX=e.clientX,s.mouseY=e.clientY,(s.axis.x.isOverflowing||s.axis.x.forceVisible)&&s.onMouseMoveForAxis("x"),(s.axis.y.isOverflowing||s.axis.y.forceVisible)&&s.onMouseMoveForAxis("y")},this.onMouseLeave=function(){s.onMouseMove.cancel(),(s.axis.x.isOverflowing||s.axis.x.forceVisible)&&s.onMouseLeaveForAxis("x"),(s.axis.y.isOverflowing||s.axis.y.forceVisible)&&s.onMouseLeaveForAxis("y"),s.mouseX=-1,s.mouseY=-1},this._onWindowResize=function(){s.scrollbarWidth=s.getScrollbarWidth(),s.hideNativeScrollbar()},this.onPointerEvent=function(e){var t,n;s.axis.x.track.el&&s.axis.y.track.el&&s.axis.x.scrollbar.el&&s.axis.y.scrollbar.el&&(s.axis.x.track.rect=s.axis.x.track.el.getBoundingClientRect(),s.axis.y.track.rect=s.axis.y.track.el.getBoundingClientRect(),(s.axis.x.isOverflowing||s.axis.x.forceVisible)&&(t=s.isWithinBounds(s.axis.x.track.rect)),(s.axis.y.isOverflowing||s.axis.y.forceVisible)&&(n=s.isWithinBounds(s.axis.y.track.rect)),t||n)&&(e.stopPropagation(),"pointerdown"===e.type)&&"touch"!==e.pointerType&&(t&&(s.axis.x.scrollbar.rect=s.axis.x.scrollbar.el.getBoundingClientRect(),s.isWithinBounds(s.axis.x.scrollbar.rect)?s.onDragStart(e,"x"):s.onTrackClick(e,"x")),n)&&(s.axis.y.scrollbar.rect=s.axis.y.scrollbar.el.getBoundingClientRect(),s.isWithinBounds(s.axis.y.scrollbar.rect)?s.onDragStart(e,"y"):s.onTrackClick(e,"y"))},this.drag=function(e){var t,n,i,o,r;s.draggedAxis&&s.contentWrapperEl&&(t=null!=(t=null==(t=(r=s.axis[s.draggedAxis].track).rect)?void 0:t[s.axis[s.draggedAxis].sizeAttr])?t:0,n=s.axis[s.draggedAxis].scrollbar,i=null!=(i=null==(i=s.contentWrapperEl)?void 0:i[s.axis[s.draggedAxis].scrollSizeAttr])?i:0,o=parseInt(null!=(o=null==(o=s.elStyles)?void 0:o[s.axis[s.draggedAxis].sizeAttr])?o:"0px",10),e.preventDefault(),e.stopPropagation(),e=("y"===s.draggedAxis?e.pageY:e.pageX)-(null!=(e=null==(e=r.rect)?void 0:e[s.axis[s.draggedAxis].offsetAttr])?e:0)-s.axis[s.draggedAxis].dragOffset,r=(e="x"===s.draggedAxis&&s.isRtl?(null!=(r=null==(r=r.rect)?void 0:r[s.axis[s.draggedAxis].sizeAttr])?r:0)-n.size-e:e)/(t-n.size)*(i-o),"x"===s.draggedAxis&&s.isRtl&&(r=null!=(e=_.getRtlHelpers())&&e.isScrollingToNegative?-r:r),s.contentWrapperEl[s.axis[s.draggedAxis].scrollOffsetAttr]=r)},this.onEndDrag=function(e){s.isDragging=!1;var t=m(s.el),n=p(s.el);e.preventDefault(),e.stopPropagation(),y(s.el,s.classNames.dragging),s.onStopScrolling(),t.removeEventListener("mousemove",s.drag,!0),t.removeEventListener("mouseup",s.onEndDrag,!0),s.removePreventClickId=n.setTimeout(function(){t.removeEventListener("click",s.preventClick,!0),t.removeEventListener("dblclick",s.preventClick,!0),s.removePreventClickId=null})},this.preventClick=function(e){e.preventDefault(),e.stopPropagation()},this.el=e,this.options=o(o({},_.defaultOptions),t),this.classNames=o(o({},_.defaultOptions.classNames),t.classNames),this.axis={x:{scrollOffsetAttr:"scrollLeft",sizeAttr:"width",scrollSizeAttr:"scrollWidth",offsetSizeAttr:"offsetWidth",offsetAttr:"left",overflowAttr:"overflowX",dragOffset:0,isOverflowing:!0,forceVisible:!1,track:{size:null,el:null,rect:null,isVisible:!1},scrollbar:{size:null,el:null,rect:null,isVisible:!1}},y:{scrollOffsetAttr:"scrollTop",sizeAttr:"height",scrollSizeAttr:"scrollHeight",offsetSizeAttr:"offsetHeight",offsetAttr:"top",overflowAttr:"overflowY",dragOffset:0,isOverflowing:!0,forceVisible:!1,track:{size:null,el:null,rect:null,isVisible:!1},scrollbar:{size:null,el:null,rect:null,isVisible:!1}}},"object"!==w(this.el)||!this.el.nodeName)throw new Error("Argument passed to SimpleBar must be an HTML element instead of ".concat(this.el));this.onMouseMove=i(this._onMouseMove,64),this.onWindowResize=n(this._onWindowResize,64,{leading:!0}),this.onStopScrolling=n(this._onStopScrolling,this.stopScrollDelay),this.onMouseEntered=n(this._onMouseEntered,this.stopScrollDelay),this.init()}return _.getRtlHelpers=function(){if(!_.rtlHelpers){var e=document.createElement("div"),e=(e.innerHTML='<div class="simplebar-dummy-scrollbar-size"><div></div></div>',e.firstElementChild),t=null==e?void 0:e.firstElementChild;if(!t)return null;document.body.appendChild(e),e.scrollLeft=0;var n=_.getOffset(e),i=_.getOffset(t),t=(e.scrollLeft=-999,_.getOffset(t));document.body.removeChild(e),_.rtlHelpers={isScrollOriginAtZero:n.left!==i.left,isScrollingToNegative:i.left!==t.left}}return _.rtlHelpers},_.prototype.getScrollbarWidth=function(){try{return this.contentWrapperEl&&"none"===getComputedStyle(this.contentWrapperEl,"::-webkit-scrollbar").display||"scrollbarWidth"in document.documentElement.style||"-ms-overflow-style"in document.documentElement.style?0:h()}catch(e){return h()}},_.getOffset=function(e){var t=e.getBoundingClientRect(),n=m(e),e=p(e);return{top:t.top+(e.pageYOffset||n.documentElement.scrollTop),left:t.left+(e.pageXOffset||n.documentElement.scrollLeft)}},_.prototype.init=function(){c&&(this.initDOM(),this.rtlHelpers=_.getRtlHelpers(),this.scrollbarWidth=this.getScrollbarWidth(),this.recalculate(),this.initListeners())},_.prototype.initDOM=function(){var e;this.wrapperEl=this.el.querySelector(b(this.classNames.wrapper)),this.contentWrapperEl=this.options.scrollableNode||this.el.querySelector(b(this.classNames.contentWrapper)),this.contentEl=this.options.contentNode||this.el.querySelector(b(this.classNames.contentEl)),this.offsetEl=this.el.querySelector(b(this.classNames.offset)),this.maskEl=this.el.querySelector(b(this.classNames.mask)),this.placeholderEl=this.findChild(this.wrapperEl,b(this.classNames.placeholder)),this.heightAutoObserverWrapperEl=this.el.querySelector(b(this.classNames.heightAutoObserverWrapperEl)),this.heightAutoObserverEl=this.el.querySelector(b(this.classNames.heightAutoObserverEl)),this.axis.x.track.el=this.findChild(this.el,"".concat(b(this.classNames.track)).concat(b(this.classNames.horizontal))),this.axis.y.track.el=this.findChild(this.el,"".concat(b(this.classNames.track)).concat(b(this.classNames.vertical))),this.axis.x.scrollbar.el=(null==(e=this.axis.x.track.el)?void 0:e.querySelector(b(this.classNames.scrollbar)))||null,this.axis.y.scrollbar.el=(null==(e=this.axis.y.track.el)?void 0:e.querySelector(b(this.classNames.scrollbar)))||null,this.options.autoHide||(g(this.axis.x.scrollbar.el,this.classNames.visible),g(this.axis.y.scrollbar.el,this.classNames.visible))},_.prototype.initListeners=function(){var e,t,n=this,i=p(this.el);this.el.addEventListener("mouseenter",this.onMouseEnter),this.el.addEventListener("pointerdown",this.onPointerEvent,!0),this.el.addEventListener("mousemove",this.onMouseMove),this.el.addEventListener("mouseleave",this.onMouseLeave),null!=(t=this.contentWrapperEl)&&t.addEventListener("scroll",this.onScroll),i.addEventListener("resize",this.onWindowResize),this.contentEl&&(window.ResizeObserver&&(e=!1,t=i.ResizeObserver||ResizeObserver,this.resizeObserver=new t(function(){e&&i.requestAnimationFrame(function(){n.recalculate()})}),this.resizeObserver.observe(this.el),this.resizeObserver.observe(this.contentEl),i.requestAnimationFrame(function(){e=!0})),this.mutationObserver=new i.MutationObserver(function(){i.requestAnimationFrame(function(){n.recalculate()})}),this.mutationObserver.observe(this.contentEl,{childList:!0,subtree:!0,characterData:!0}))},_.prototype.recalculate=function(){var e,t,n,i,o,r,s,a;this.heightAutoObserverEl&&this.contentEl&&this.contentWrapperEl&&this.wrapperEl&&this.placeholderEl&&(a=p(this.el),this.elStyles=a.getComputedStyle(this.el),this.isRtl="rtl"===this.elStyles.direction,a=this.contentEl.offsetWidth,r=this.heightAutoObserverEl.offsetHeight<=1,s=this.heightAutoObserverEl.offsetWidth<=1||0<a,e=this.contentWrapperEl.offsetWidth,t=this.elStyles.overflowX,n=this.elStyles.overflowY,this.contentEl.style.padding="".concat(this.elStyles.paddingTop," ").concat(this.elStyles.paddingRight," ").concat(this.elStyles.paddingBottom," ").concat(this.elStyles.paddingLeft),this.wrapperEl.style.margin="-".concat(this.elStyles.paddingTop," -").concat(this.elStyles.paddingRight," -").concat(this.elStyles.paddingBottom," -").concat(this.elStyles.paddingLeft),i=this.contentEl.scrollHeight,o=this.contentEl.scrollWidth,this.contentWrapperEl.style.height=r?"auto":"100%",this.placeholderEl.style.width=s?"".concat(a||o,"px"):"auto",this.placeholderEl.style.height="".concat(i,"px"),r=this.contentWrapperEl.offsetHeight,this.axis.x.isOverflowing=0!==a&&a<o,this.axis.y.isOverflowing=r<i,this.axis.x.isOverflowing="hidden"!==t&&this.axis.x.isOverflowing,this.axis.y.isOverflowing="hidden"!==n&&this.axis.y.isOverflowing,this.axis.x.forceVisible="x"===this.options.forceVisible||!0===this.options.forceVisible,this.axis.y.forceVisible="y"===this.options.forceVisible||!0===this.options.forceVisible,this.hideNativeScrollbar(),s=this.axis.x.isOverflowing?this.scrollbarWidth:0,a=this.axis.y.isOverflowing?this.scrollbarWidth:0,this.axis.x.isOverflowing=this.axis.x.isOverflowing&&e-a<o,this.axis.y.isOverflowing=this.axis.y.isOverflowing&&r-s<i,this.axis.x.scrollbar.size=this.getScrollbarSize("x"),this.axis.y.scrollbar.size=this.getScrollbarSize("y"),this.axis.x.scrollbar.el&&(this.axis.x.scrollbar.el.style.width="".concat(this.axis.x.scrollbar.size,"px")),this.axis.y.scrollbar.el&&(this.axis.y.scrollbar.el.style.height="".concat(this.axis.y.scrollbar.size,"px")),this.positionScrollbar("x"),this.positionScrollbar("y"),this.toggleTrackVisibility("x"),this.toggleTrackVisibility("y"))},_.prototype.getScrollbarSize=function(e){var t,n;return this.axis[e=void 0===e?"y":e].isOverflowing&&this.contentEl?(t=this.contentEl[this.axis[e].scrollSizeAttr],e=null!=(n=null==(n=this.axis[e].track.el)?void 0:n[this.axis[e].offsetSizeAttr])?n:0,n=Math.max(~~(e/t*e),this.options.scrollbarMinSize),this.options.scrollbarMaxSize?Math.min(n,this.options.scrollbarMaxSize):n):0},_.prototype.positionScrollbar=function(e){var t,n,i,o,r,s=this.axis[e=void 0===e?"y":e].scrollbar;this.axis[e].isOverflowing&&this.contentWrapperEl&&s.el&&this.elStyles&&(t=this.contentWrapperEl[this.axis[e].scrollSizeAttr],n=(null==(n=this.axis[e].track.el)?void 0:n[this.axis[e].offsetSizeAttr])||0,i=parseInt(this.elStyles[this.axis[e].sizeAttr],10),o=this.contentWrapperEl[this.axis[e].scrollOffsetAttr],o="x"===e&&this.isRtl&&null!=(r=_.getRtlHelpers())&&r.isScrollOriginAtZero?-o:o,"x"===e&&this.isRtl&&(o=null!=(r=_.getRtlHelpers())&&r.isScrollingToNegative?o:-o),r=~~((n-s.size)*(o/(t-i))),r="x"===e&&this.isRtl?-r+(n-s.size):r,s.el.style.transform="x"===e?"translate3d(".concat(r,"px, 0, 0)"):"translate3d(0, ".concat(r,"px, 0)"))},_.prototype.toggleTrackVisibility=function(e){var t=this.axis[e=void 0===e?"y":e].track.el,n=this.axis[e].scrollbar.el;t&&n&&this.contentWrapperEl&&(this.axis[e].isOverflowing||this.axis[e].forceVisible?(t.style.visibility="visible",this.contentWrapperEl.style[this.axis[e].overflowAttr]="scroll",this.el.classList.add("".concat(this.classNames.scrollable,"-").concat(e))):(t.style.visibility="hidden",this.contentWrapperEl.style[this.axis[e].overflowAttr]="hidden",this.el.classList.remove("".concat(this.classNames.scrollable,"-").concat(e))),this.axis[e].isOverflowing?n.style.display="block":n.style.display="none")},_.prototype.showScrollbar=function(e){this.axis[e=void 0===e?"y":e].isOverflowing&&!this.axis[e].scrollbar.isVisible&&(g(this.axis[e].scrollbar.el,this.classNames.visible),this.axis[e].scrollbar.isVisible=!0)},_.prototype.hideScrollbar=function(e){void 0===e&&(e="y"),this.isDragging||this.axis[e].isOverflowing&&this.axis[e].scrollbar.isVisible&&(y(this.axis[e].scrollbar.el,this.classNames.visible),this.axis[e].scrollbar.isVisible=!1)},_.prototype.hideNativeScrollbar=function(){this.offsetEl&&(this.offsetEl.style[this.isRtl?"left":"right"]=this.axis.y.isOverflowing||this.axis.y.forceVisible?"-".concat(this.scrollbarWidth,"px"):"0px",this.offsetEl.style.bottom=this.axis.x.isOverflowing||this.axis.x.forceVisible?"-".concat(this.scrollbarWidth,"px"):"0px")},_.prototype.onMouseMoveForAxis=function(e){var t=this.axis[e=void 0===e?"y":e];t.track.el&&t.scrollbar.el&&(t.track.rect=t.track.el.getBoundingClientRect(),t.scrollbar.rect=t.scrollbar.el.getBoundingClientRect(),this.isWithinBounds(t.track.rect)?(this.showScrollbar(e),g(t.track.el,this.classNames.hover),(this.isWithinBounds(t.scrollbar.rect)?g:y)(t.scrollbar.el,this.classNames.hover)):(y(t.track.el,this.classNames.hover),this.options.autoHide&&this.hideScrollbar(e)))},_.prototype.onMouseLeaveForAxis=function(e){y(this.axis[e=void 0===e?"y":e].track.el,this.classNames.hover),y(this.axis[e].scrollbar.el,this.classNames.hover),this.options.autoHide&&this.hideScrollbar(e)},_.prototype.onDragStart=function(e,t){void 0===t&&(t="y"),this.isDragging=!0;var n=m(this.el),i=p(this.el),o=this.axis[t].scrollbar,e="y"===t?e.pageY:e.pageX;this.axis[t].dragOffset=e-((null==(e=o.rect)?void 0:e[this.axis[t].offsetAttr])||0),this.draggedAxis=t,g(this.el,this.classNames.dragging),n.addEventListener("mousemove",this.drag,!0),n.addEventListener("mouseup",this.onEndDrag,!0),null===this.removePreventClickId?(n.addEventListener("click",this.preventClick,!0),n.addEventListener("dblclick",this.preventClick,!0)):(i.clearTimeout(this.removePreventClickId),this.removePreventClickId=null)},_.prototype.onTrackClick=function(e,t){var n,i,o,r,s,a,l=this,c=(void 0===t&&(t="y"),this.axis[t]);this.options.clickOnTrack&&c.scrollbar.el&&this.contentWrapperEl&&(e.preventDefault(),n=p(this.el),this.axis[t].scrollbar.rect=c.scrollbar.el.getBoundingClientRect(),e=null!=(c=null==(e=this.axis[t].scrollbar.rect)?void 0:e[this.axis[t].offsetAttr])?c:0,c=parseInt(null!=(c=null==(c=this.elStyles)?void 0:c[this.axis[t].sizeAttr])?c:"0px",10),i=this.contentWrapperEl[this.axis[t].scrollOffsetAttr],o=("y"===t?this.mouseY-e:this.mouseX-e)<0?-1:1,r=-1===o?i-c:i+c,s=40,(a=function(){l.contentWrapperEl&&(-1===o?r<i&&(i-=s,l.contentWrapperEl[l.axis[t].scrollOffsetAttr]=i,n.requestAnimationFrame(a)):i<r&&(i+=s,l.contentWrapperEl[l.axis[t].scrollOffsetAttr]=i,n.requestAnimationFrame(a)))})())},_.prototype.getContentElement=function(){return this.contentEl},_.prototype.getScrollElement=function(){return this.contentWrapperEl},_.prototype.removeListeners=function(){var e=p(this.el);this.el.removeEventListener("mouseenter",this.onMouseEnter),this.el.removeEventListener("pointerdown",this.onPointerEvent,!0),this.el.removeEventListener("mousemove",this.onMouseMove),this.el.removeEventListener("mouseleave",this.onMouseLeave),this.contentWrapperEl&&this.contentWrapperEl.removeEventListener("scroll",this.onScroll),e.removeEventListener("resize",this.onWindowResize),this.mutationObserver&&this.mutationObserver.disconnect(),this.resizeObserver&&this.resizeObserver.disconnect(),this.onMouseMove.cancel(),this.onWindowResize.cancel(),this.onStopScrolling.cancel(),this.onMouseEntered.cancel()},_.prototype.unMount=function(){this.removeListeners()},_.prototype.isWithinBounds=function(e){return this.mouseX>=e.left&&this.mouseX<=e.left+e.width&&this.mouseY>=e.top&&this.mouseY<=e.top+e.height},_.prototype.findChild=function(e,t){var n=e.matches||e.webkitMatchesSelector||e.mozMatchesSelector||e.msMatchesSelector;return Array.prototype.filter.call(e.children,function(e){return n.call(e,t)})[0]},_.rtlHelpers=null,_.defaultOptions={forceVisible:!1,clickOnTrack:!0,scrollbarMinSize:25,scrollbarMaxSize:0,ariaLabel:"scrollable content",tabIndex:0,classNames:{contentEl:"simplebar-content",contentWrapper:"simplebar-content-wrapper",offset:"simplebar-offset",mask:"simplebar-mask",wrapper:"simplebar-wrapper",placeholder:"simplebar-placeholder",scrollbar:"simplebar-scrollbar",track:"simplebar-track",heightAutoObserverWrapperEl:"simplebar-height-auto-observer-wrapper",heightAutoObserverEl:"simplebar-height-auto-observer",visible:"simplebar-visible",horizontal:"simplebar-horizontal",vertical:"simplebar-vertical",hover:"simplebar-hover",dragging:"simplebar-dragging",scrolling:"simplebar-scrolling",scrollable:"simplebar-scrollable",mouseEntered:"simplebar-mouse-entered"},scrollableNode:null,contentNode:null,autoHide:!0},_.getOptions=v,_.helpers=u,_},"object"===((i=void 0)===n?"undefined":w(n))&&void 0!==t?t.exports=o(e("lodash/debounce.js"),e("lodash/throttle.js")):"function"==typeof define&&define.amd?define(["lodash/debounce.js","lodash/throttle.js"],o):(i="undefined"!=typeof globalThis?globalThis:self).SimpleBarCore=o(i.debounce,i.throttle)},{"lodash/debounce.js":10,"lodash/throttle.js":15}],18:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var o,r;r=function(e,r){var s=function(e,t){return(s=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)};var t=r.helpers,a=t.getOptions,l=t.addClasses,t=t.canUseDOM,n=(i=>{var e=o,t=i;if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}function o(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=i.apply(this,e)||this;return o.instances.set(e[0],n),n}return s(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n),o.initDOMLoadedElements=function(){document.removeEventListener("DOMContentLoaded",this.initDOMLoadedElements),window.removeEventListener("load",this.initDOMLoadedElements),Array.prototype.forEach.call(document.querySelectorAll("[data-simplebar]"),function(e){"init"===e.getAttribute("data-simplebar")||o.instances.has(e)||new o(e,a(e.attributes))})},o.removeObserver=function(){var e;null!=(e=o.globalObserver)&&e.disconnect()},o.prototype.initDOM=function(){var e,t,n=this;if(!Array.prototype.filter.call(this.el.children,function(e){return e.classList.contains(n.classNames.wrapper)}).length){for(this.wrapperEl=document.createElement("div"),this.contentWrapperEl=document.createElement("div"),this.offsetEl=document.createElement("div"),this.maskEl=document.createElement("div"),this.contentEl=document.createElement("div"),this.placeholderEl=document.createElement("div"),this.heightAutoObserverWrapperEl=document.createElement("div"),this.heightAutoObserverEl=document.createElement("div"),l(this.wrapperEl,this.classNames.wrapper),l(this.contentWrapperEl,this.classNames.contentWrapper),l(this.offsetEl,this.classNames.offset),l(this.maskEl,this.classNames.mask),l(this.contentEl,this.classNames.contentEl),l(this.placeholderEl,this.classNames.placeholder),l(this.heightAutoObserverWrapperEl,this.classNames.heightAutoObserverWrapperEl),l(this.heightAutoObserverEl,this.classNames.heightAutoObserverEl);this.el.firstChild;)this.contentEl.appendChild(this.el.firstChild);this.contentWrapperEl.appendChild(this.contentEl),this.offsetEl.appendChild(this.contentWrapperEl),this.maskEl.appendChild(this.offsetEl),this.heightAutoObserverWrapperEl.appendChild(this.heightAutoObserverEl),this.wrapperEl.appendChild(this.heightAutoObserverWrapperEl),this.wrapperEl.appendChild(this.maskEl),this.wrapperEl.appendChild(this.placeholderEl),this.el.appendChild(this.wrapperEl),null!=(e=this.contentWrapperEl)&&e.setAttribute("tabindex",this.options.tabIndex.toString()),null!=(e=this.contentWrapperEl)&&e.setAttribute("role","region"),null!=(e=this.contentWrapperEl)&&e.setAttribute("aria-label",this.options.ariaLabel)}this.axis.x.track.el&&this.axis.y.track.el||(e=document.createElement("div"),t=document.createElement("div"),l(e,this.classNames.track),l(t,this.classNames.scrollbar),e.appendChild(t),this.axis.x.track.el=e.cloneNode(!0),l(this.axis.x.track.el,this.classNames.horizontal),this.axis.y.track.el=e.cloneNode(!0),l(this.axis.y.track.el,this.classNames.vertical),this.el.appendChild(this.axis.x.track.el),this.el.appendChild(this.axis.y.track.el)),r.prototype.initDOM.call(this),this.el.setAttribute("data-simplebar","init")},o.prototype.unMount=function(){r.prototype.unMount.call(this),o.instances.delete(this.el)},o.initHtmlApi=function(){this.initDOMLoadedElements=this.initDOMLoadedElements.bind(this),"undefined"!=typeof MutationObserver&&(this.globalObserver=new MutationObserver(o.handleMutations),this.globalObserver.observe(document,{childList:!0,subtree:!0})),"complete"===document.readyState||"loading"!==document.readyState&&!document.documentElement.doScroll?window.setTimeout(this.initDOMLoadedElements):(document.addEventListener("DOMContentLoaded",this.initDOMLoadedElements),window.addEventListener("load",this.initDOMLoadedElements))},o.handleMutations=function(e){e.forEach(function(e){e.addedNodes.forEach(function(e){1===e.nodeType&&(e.hasAttribute("data-simplebar")?!o.instances.has(e)&&document.documentElement.contains(e)&&new o(e,a(e.attributes)):e.querySelectorAll("[data-simplebar]").forEach(function(e){"init"!==e.getAttribute("data-simplebar")&&!o.instances.has(e)&&document.documentElement.contains(e)&&new o(e,a(e.attributes))}))}),e.removedNodes.forEach(function(e){var t;1===e.nodeType&&("init"===e.getAttribute("data-simplebar")?document.documentElement.contains(e)||null==(t=o.instances.get(e))||t.unMount():Array.prototype.forEach.call(e.querySelectorAll('[data-simplebar="init"]'),function(e){document.documentElement.contains(e)||null==(e=o.instances.get(e))||e.unMount()}))})})},o.instances=new WeakMap,o})(r);t&&n.initHtmlApi(),e.default=n,Object.defineProperty(e,"__esModule",{value:!0})},"object"===((o=void 0)===n?"undefined":i(n))&&void 0!==t?r(n,e("simplebar-core")):"function"==typeof define&&define.amd?define(["exports","simplebar-core"],r):r((o="undefined"!=typeof globalThis?globalThis:self).SimpleBar={},o.SimpleBar)},{"simplebar-core":17}],19:[function(e,t,n){window.addEventListener("scroll",function(){document.querySelectorAll(".app-header").forEach(function(e){20<window.scrollY?e.classList.add("!shadow-glass"):e.classList.remove("!shadow-glass")})})},{}],20:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var e=document.querySelector('[data-toggle="app_sidebar"]'),t=document.body,n="app-sidebar-backdrop";function i(){var e=document.querySelector(".".concat(n));e&&e.remove()}function o(){var e;t.classList.toggle("is-app-sidebar"),t.classList.contains("is-app-sidebar")?document.querySelector(".".concat(n))||((e=document.createElement("div")).className="fixed inset-0 w-full h-full bg-black/25 z-50 backdrop-blur ".concat(n),e.addEventListener("click",function(){t.classList.remove("is-app-sidebar"),i()}),document.body.appendChild(e)):i()}function r(){1024<=window.innerWidth&&(t.classList.remove("is-app-sidebar"),i())}e&&e.addEventListener("click",function(){window.innerWidth<1024&&o()}),window.addEventListener("resize",r),r()}),document.addEventListener("DOMContentLoaded",function(){function e(e){e.matches||document.body.classList.remove(i)}var t=document.getElementById("isSidebarMini"),n=window.matchMedia("(min-width: 1024px)"),i="is-sidebar-mini";null!=t&&t.addEventListener("click",function(){n.matches&&document.body.classList.toggle(i)});e(n),n.addEventListener("change",e)})},{}],21:[function(e,t,n){function i(e){return(e=>{if(Array.isArray(e))return o(e)})(e)||(e=>{if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)})(e)||((e,t)=>{var n;if(e)return"string"==typeof e?o(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0})(e)||(()=>{throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")})()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}window.bootstrap=e("bootstrap/dist/js/bootstrap.bundle");i(document.querySelectorAll('[data-bs-toggle="popover"]')).map(function(e){return new bootstrap.Popover(e)}),i(document.querySelectorAll('[data-bs-toggle="tooltip"]')).map(function(e){return new bootstrap.Tooltip(e)}),[].slice.call(document.querySelectorAll(".toast")).map(function(e){return new bootstrap.Toast(e)});document.querySelectorAll(".collapse-group .collapse").forEach(function(t){var n=new bootstrap.Collapse(t,{toggle:!1});t.addEventListener("show.bs.collapse",function(e){e.stopPropagation(),t.parentElement.closest(".collapse").querySelectorAll(".collapse").forEach(function(e){e=bootstrap.Collapse.getInstance(e);e!==n&&e.hide()})}),t.addEventListener("hide.bs.collapse",function(e){e.stopPropagation(),t.querySelectorAll(".collapse").forEach(function(e){bootstrap.Collapse.getInstance(e).hide()})})}),document.querySelectorAll(".modal").forEach(function(t){t.addEventListener("shown.bs.modal",function(){var e=t.querySelector("input");e&&e.focus()})})},{"bootstrap/dist/js/bootstrap.bundle":1}],22:[function(e,t,n){document.querySelectorAll("[data-refresh]").forEach(function(e){e.addEventListener("click",function(){var e=document.querySelector(".card-overlay");e&&(e.style.display="flex",setTimeout(function(){e.style.display="none"},3e3))})})},{}],23:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var e=document.querySelector('[data-theme-switch="dark"]'),t=document.documentElement;"dark"===localStorage.getItem("mode")&&(t.classList.add("dark"),e)&&(e.checked=!0),e&&e.addEventListener("change",function(){e.checked?(t.classList.add("dark"),localStorage.setItem("mode","dark")):(t.classList.remove("dark"),localStorage.setItem("mode","light"))})})},{}],24:[function(e,t,n){var i=document.getElementById("preloader");i&&window.addEventListener("load",function(){i.classList.add("hidden")})},{}],25:[function(e,t,n){document.querySelectorAll("[data-progress]").forEach(function(e){var t=parseFloat(e.getAttribute("data-progress")),n="true"===e.getAttribute("data-show-value"),i=e.querySelector(".progress-ring"),o=i.r.baseVal.value,r=2*Math.PI*o,o=(i.style.strokeDasharray="".concat(r),i.style.strokeDashoffset="".concat(r),requestAnimationFrame(function(){i.style.strokeDashoffset=r-t/100*r}),e.querySelector(".value-label"));n&&o&&(o.textContent="".concat(t,"%"),o.classList.remove("hidden"))})},{}],26:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var t=document.getElementById("toggleRTL"),i=document.documentElement;function n(){var n="rtl"===i.getAttribute("dir");document.querySelectorAll(".sidebar-compact-link").forEach(function(e){e.setAttribute("data-bs-offset",n?"-68,-56":"68,-56");var t=bootstrap.Dropdown.getInstance(e);t&&e.classList.contains("show")&&null!=(e=t._popper)&&null!=(t=e.update)&&t.call(e)})}t&&("true"===localStorage.getItem("rtl")?(t.checked=!0,i.setAttribute("dir","rtl")):i.setAttribute("dir","ltr"),n(),t.addEventListener("change",function(){var e=t.checked;i.setAttribute("dir",e?"rtl":"ltr"),localStorage.setItem("rtl",e),n(),setTimeout(function(){location.reload()},100)}))})},{}],27:[function(e,t,n){var r=(e=e("simplebar"))&&e.__esModule?e:{default:e};document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll("[data-simplebar]").forEach(function(e){var t,n,i,o=new r.default(e).getScrollElement(),e=e.querySelector(".app-sidebar .active");e&&(e=(t=e.offsetTop)+e.offsetHeight,i=(n=o.scrollTop)+o.clientHeight,t<n||i<e)&&o.scrollTo({top:t-50,behavior:"smooth"})})}),document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll(".nav-horizontal").forEach(function(n){function e(){var e,t=n.querySelector(".nav-horizontal .nav-link.active");t&&(e=n.getBoundingClientRect(),e=t.getBoundingClientRect().left-e.left-n.clientWidth/2+t.clientWidth/2,n.scrollTo({left:e,behavior:"smooth"}))}e(),new MutationObserver(e).observe(n,{attributes:!0,subtree:!0,attributeFilter:["class"]})})})},{simplebar:18}],28:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var e=document.querySelector('[data-toggle="sidebar_secondary"]'),t=document.querySelector(".layout_secondary"),n="sidebar-secondary-backdrop",i="is-sidebar";function o(){var e=null==t?void 0:t.querySelector(".".concat(n));e&&e.remove()}function r(){var e;t&&(t.classList.toggle(i),t.classList.contains(i)?t&&!document.querySelector(".".concat(n))&&((e=document.createElement("div")).className="absolute inset-0 w-full z-10 h-full bg-black/25 backdrop-blur ".concat(n),e.addEventListener("click",function(){t.classList.remove(i),o()}),t.appendChild(e)):o())}function s(){1024<=window.innerWidth&&t&&(t.classList.remove(i),o())}e&&t&&e.addEventListener("click",function(){window.innerWidth<1024&&r()}),window.addEventListener("resize",s),s()})},{}],29:[function(e,t,n){var i,o,r=document.getElementById("sidebarLight"),s=document.getElementById("sidebarDark"),a=document.querySelector(".app-sidebar");r&&s&&a&&(i=function(e){"dark"===e?a.classList.add("dark","dark:text-zinc-300"):a.classList.remove("dark","dark:text-zinc-300"),localStorage.setItem("sidebarTheme",e)},r.addEventListener("change",function(){this.checked&&i("light")}),s.addEventListener("change",function(){this.checked&&i("dark")}),o=localStorage.getItem("sidebarTheme"))&&("dark"===o?(s.checked=!0,i("dark")):(r.checked=!0,i("light")))},{}],30:[function(e,t,n){function p(e){return(e=>{if(Array.isArray(e))return i(e)})(e)||(e=>{if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)})(e)||((e,t)=>{var n;if(e)return"string"==typeof e?i(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0})(e)||(()=>{throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")})()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}document.querySelectorAll("[data-wizard]").forEach(function(t){t.addEventListener("wizard:finish",function(){window.location.reload()});var a=Array.from(t.querySelectorAll(".wizard-step")),l=Array.from(t.querySelectorAll(".wizard-panel")),c=t.querySelector(".prev-btn"),u=t.querySelector(".next-btn"),f=0,d=new Set([0]),h=null;function i(e){var t,n,i,o,r,s;e!==f&&(t=l[f],n=l[e],f=e,d.add(e),i=e,a.forEach(function(e,t){e.classList.toggle("active",t===i),e.classList.toggle("step-done",t<i),e.classList.toggle("disabled",!d.has(t))}),c&&(c.disabled=0===e),u&&(u.textContent=e===l.length-1?"Finish":"Next"),t&&(e=t.classList.contains("show"),s=(r=t)?(s=(r=getComputedStyle(r)).transitionDuration.split(",").map(function(e){return parseFloat(e)||0}),r=r.transitionDelay.split(",").map(function(e){return parseFloat(e)||0}),s=1e3*Math.max.apply(Math,p(s)),r=1e3*Math.max.apply(Math,p(r)),Math.round(s+r)):0,o=function(){return t.classList.remove("active")},e&&0<s?(t.addEventListener("transitionend",function(e){e.target===t&&o()},{once:!0}),t.classList.remove("show"),setTimeout(function(){t.classList.contains("active")&&o()},s+50)):(t.classList.remove("show"),t.classList.remove("active"))),n.classList.add("active"),h&&(clearTimeout(h),h=null),requestAnimationFrame(function(){h=setTimeout(function(){return n.classList.add("show")},18)}))}u&&u.addEventListener("click",function(){var e;f<l.length-1?(e=f+1,d.add(e),a[e].classList.remove("disabled"),i(e)):t.dispatchEvent(new CustomEvent("wizard:finish",{detail:{index:f}}))}),c&&c.addEventListener("click",function(){0<f&&i(f-1)}),a.forEach(function(t,n){t.addEventListener("click",function(){var e;t.classList.contains("disabled")||(e=n)<0||e>=l.length||a[e].classList.contains("disabled")||i(e)})}),a.forEach(function(e,t){e.classList.toggle("active",0===t),e.classList.toggle("disabled",0<t),e.classList.remove("step-done")}),l.forEach(function(e,t){e.classList.remove("active","show"),0===t&&(e.classList.add("active"),requestAnimationFrame(function(){h=setTimeout(function(){return e.classList.add("show")},18)}))}),c&&(c.disabled=!0),u&&(u.textContent=1<l.length?"Next":"Finish")})},{}],31:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var i,e,t,n=document.querySelectorAll(".theme-switcher");function o(e,t,n){var i=document.documentElement;i.style.setProperty("--color-primary",e),i.style.setProperty("--color-primary-deep",t),i.style.setProperty("--color-primary-subtle",n)}function r(t){n.forEach(function(e){e.classList.toggle("active",e===t)})}0!==n.length&&(i={indigo:{primary:"#636DFF",deep:"#5964F7",subtle:"#636DFF1f"},navy:{primary:"#0E6DD9",deep:"#0865D0",subtle:"#0E6DD91f"},emerald:{primary:"#049772",deep:"#018463",subtle:"#0497721f"},purple:{primary:"#D300C5",deep:"#C502B8",subtle:"#D300C51f"}},e=localStorage.getItem("theme")||"indigo",i[e]&&(o((t=i[e]).primary,t.deep,t.subtle),t=document.getElementById(e+"Theme"))&&r(t),n.forEach(function(n){n.addEventListener("click",function(){var e,t=n.id.replace("Theme","").toLowerCase();i[t]&&(o((e=i[t]).primary,e.deep,e.subtle),r(n),localStorage.setItem("theme",t))})}))})},{}],32:[function(e,t,n){e("./custom/bootstrap"),e("./custom/app-sidebar"),e("./custom/app-header"),e("./custom/dark_mode"),e("./custom/scrollbar"),e("./custom/step-wizard"),e("./custom/sidebar-secondary"),e("./custom/theme-colors"),e("./custom/progress"),e("./custom/cards"),e("./custom/sidebar-theme"),e("./custom/rtl"),e("./custom/preloader")},{"./custom/app-header":19,"./custom/app-sidebar":20,"./custom/bootstrap":21,"./custom/cards":22,"./custom/dark_mode":23,"./custom/preloader":24,"./custom/progress":25,"./custom/rtl":26,"./custom/scrollbar":27,"./custom/sidebar-secondary":28,"./custom/sidebar-theme":29,"./custom/step-wizard":30,"./custom/theme-colors":31}]},{},[32]);
+//# sourceMappingURL=theme.js.map
diff --git a/public_html/assets/raven/vendor/css/choices.min.css b/public_html/assets/raven/vendor/css/choices.min.css
new file mode 100644
index 0000000..cf79ea9
--- /dev/null
+++ b/public_html/assets/raven/vendor/css/choices.min.css
@@ -0,0 +1 @@
+.choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #005f75}.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0-4px 0 8px;padding-left:16px;border-left:1px solid #003642;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#005f75;border:1px solid #004a5c;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#004a5c;border:1px solid #003642}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{display:none;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{display:block}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable[data-select-text],.choices__list[aria-expanded] .choices__item--selectable[data-select-text]{padding-right:100px}.choices__list--dropdown .choices__item--selectable[data-select-text]::after,.choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text],[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}
\ No newline at end of file
diff --git a/public_html/assets/raven/vendor/css/daterangepicker.css b/public_html/assets/raven/vendor/css/daterangepicker.css
new file mode 100644
index 0000000..a963804
--- /dev/null
+++ b/public_html/assets/raven/vendor/css/daterangepicker.css
@@ -0,0 +1,410 @@
+.daterangepicker {
+  position: absolute;
+  color: inherit;
+  background-color: #fff;
+  border-radius: 4px;
+  border: 1px solid #ddd;
+  width: 278px;
+  max-width: none;
+  padding: 0;
+  margin-top: 7px;
+  top: 100px;
+  left: 20px;
+  z-index: 3001;
+  display: none;
+  font-family: arial;
+  font-size: 15px;
+  line-height: 1em;
+}
+
+.daterangepicker:before, .daterangepicker:after {
+  position: absolute;
+  display: inline-block;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: '';
+}
+
+.daterangepicker:before {
+  top: -7px;
+  border-right: 7px solid transparent;
+  border-left: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+}
+
+.daterangepicker:after {
+  top: -6px;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-left: 6px solid transparent;
+}
+
+.daterangepicker.opensleft:before {
+  right: 9px;
+}
+
+.daterangepicker.opensleft:after {
+  right: 10px;
+}
+
+.daterangepicker.openscenter:before {
+  left: 0;
+  right: 0;
+  width: 0;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.daterangepicker.openscenter:after {
+  left: 0;
+  right: 0;
+  width: 0;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.daterangepicker.opensright:before {
+  left: 9px;
+}
+
+.daterangepicker.opensright:after {
+  left: 10px;
+}
+
+.daterangepicker.drop-up {
+  margin-top: -7px;
+}
+
+.daterangepicker.drop-up:before {
+  top: initial;
+  bottom: -7px;
+  border-bottom: initial;
+  border-top: 7px solid #ccc;
+}
+
+.daterangepicker.drop-up:after {
+  top: initial;
+  bottom: -6px;
+  border-bottom: initial;
+  border-top: 6px solid #fff;
+}
+
+.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
+  float: none;
+}
+
+.daterangepicker.single .drp-selected {
+  display: none;
+}
+
+.daterangepicker.show-calendar .drp-calendar {
+  display: block;
+}
+
+.daterangepicker.show-calendar .drp-buttons {
+  display: block;
+}
+
+.daterangepicker.auto-apply .drp-buttons {
+  display: none;
+}
+
+.daterangepicker .drp-calendar {
+  display: none;
+  max-width: 270px;
+}
+
+.daterangepicker .drp-calendar.left {
+  padding: 8px 0 8px 8px;
+}
+
+.daterangepicker .drp-calendar.right {
+  padding: 8px;
+}
+
+.daterangepicker .drp-calendar.single .calendar-table {
+  border: none;
+}
+
+.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
+  color: #fff;
+  border: solid black;
+  border-width: 0 2px 2px 0;
+  border-radius: 0;
+  display: inline-block;
+  padding: 3px;
+}
+
+.daterangepicker .calendar-table .next span {
+  transform: rotate(-45deg);
+  -webkit-transform: rotate(-45deg);
+}
+
+.daterangepicker .calendar-table .prev span {
+  transform: rotate(135deg);
+  -webkit-transform: rotate(135deg);
+}
+
+.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
+  white-space: nowrap;
+  text-align: center;
+  vertical-align: middle;
+  min-width: 32px;
+  width: 32px;
+  height: 24px;
+  line-height: 24px;
+  font-size: 12px;
+  border-radius: 4px;
+  border: 1px solid transparent;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.daterangepicker .calendar-table {
+  border: 1px solid #fff;
+  border-radius: 4px;
+  background-color: #fff;
+}
+
+.daterangepicker .calendar-table table {
+  width: 100%;
+  margin: 0;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+.daterangepicker td.available:hover, .daterangepicker th.available:hover {
+  background-color: #eee;
+  border-color: transparent;
+  color: inherit;
+}
+
+.daterangepicker td.week, .daterangepicker th.week {
+  font-size: 80%;
+  color: #ccc;
+}
+
+.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
+  background-color: #fff;
+  border-color: transparent;
+  color: #999;
+}
+
+.daterangepicker td.in-range {
+  background-color: #ebf4f8;
+  border-color: transparent;
+  color: #000;
+  border-radius: 0;
+}
+
+.daterangepicker td.start-date {
+  border-radius: 4px 0 0 4px;
+}
+
+.daterangepicker td.end-date {
+  border-radius: 0 4px 4px 0;
+}
+
+.daterangepicker td.start-date.end-date {
+  border-radius: 4px;
+}
+
+.daterangepicker td.active, .daterangepicker td.active:hover {
+  background-color: #357ebd;
+  border-color: transparent;
+  color: #fff;
+}
+
+.daterangepicker th.month {
+  width: auto;
+}
+
+.daterangepicker td.disabled, .daterangepicker option.disabled {
+  color: #999;
+  cursor: not-allowed;
+  text-decoration: line-through;
+}
+
+.daterangepicker select.monthselect, .daterangepicker select.yearselect {
+  font-size: 12px;
+  padding: 1px;
+  height: auto;
+  margin: 0;
+  cursor: default;
+}
+
+.daterangepicker select.monthselect {
+  margin-right: 2%;
+  width: 56%;
+}
+
+.daterangepicker select.yearselect {
+  width: 40%;
+}
+
+.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
+  width: 50px;
+  margin: 0 auto;
+  background: #eee;
+  border: 1px solid #eee;
+  padding: 2px;
+  outline: 0;
+  font-size: 12px;
+}
+
+.daterangepicker .calendar-time {
+  text-align: center;
+  margin: 4px auto 0 auto;
+  line-height: 30px;
+  position: relative;
+}
+
+.daterangepicker .calendar-time select.disabled {
+  color: #ccc;
+  cursor: not-allowed;
+}
+
+.daterangepicker .drp-buttons {
+  clear: both;
+  text-align: right;
+  padding: 8px;
+  border-top: 1px solid #ddd;
+  display: none;
+  line-height: 12px;
+  vertical-align: middle;
+}
+
+.daterangepicker .drp-selected {
+  display: inline-block;
+  font-size: 12px;
+  padding-right: 8px;
+}
+
+.daterangepicker .drp-buttons .btn {
+  margin-left: 8px;
+  font-size: 12px;
+  font-weight: bold;
+  padding: 4px 8px;
+}
+
+.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
+  border-right: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
+  border-left: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.rtl .drp-calendar.right {
+  border-right: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.ltr .drp-calendar.left {
+  border-left: 1px solid #ddd;
+}
+
+.daterangepicker .ranges {
+  float: none;
+  text-align: left;
+  margin: 0;
+}
+
+.daterangepicker.show-calendar .ranges {
+  margin-top: 8px;
+}
+
+.daterangepicker .ranges ul {
+  list-style: none;
+  margin: 0 auto;
+  padding: 0;
+  width: 100%;
+}
+
+.daterangepicker .ranges li {
+  font-size: 12px;
+  padding: 8px 12px;
+  cursor: pointer;
+}
+
+.daterangepicker .ranges li:hover {
+  background-color: #eee;
+}
+
+.daterangepicker .ranges li.active {
+  background-color: #08c;
+  color: #fff;
+}
+
+/*  Larger Screen Styling */
+@media (min-width: 564px) {
+  .daterangepicker {
+    width: auto;
+  }
+
+  .daterangepicker .ranges ul {
+    width: 140px;
+  }
+
+  .daterangepicker.single .ranges ul {
+    width: 100%;
+  }
+
+  .daterangepicker.single .drp-calendar.left {
+    clear: none;
+  }
+
+  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
+    float: left;
+  }
+
+  .daterangepicker {
+    direction: ltr;
+    text-align: left;
+  }
+
+  .daterangepicker .drp-calendar.left {
+    clear: left;
+    margin-right: 0;
+  }
+
+  .daterangepicker .drp-calendar.left .calendar-table {
+    border-right: none;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .daterangepicker .drp-calendar.right {
+    margin-left: 0;
+  }
+
+  .daterangepicker .drp-calendar.right .calendar-table {
+    border-left: none;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .daterangepicker .drp-calendar.left .calendar-table {
+    padding-right: 8px;
+  }
+
+  .daterangepicker .ranges, .daterangepicker .drp-calendar {
+    float: left;
+  }
+}
+
+@media (min-width: 730px) {
+  .daterangepicker .ranges {
+    width: auto;
+  }
+
+  .daterangepicker .ranges {
+    float: left;
+  }
+
+  .daterangepicker.rtl .ranges {
+    float: right;
+  }
+
+  .daterangepicker .drp-calendar.left {
+    clear: none !important;
+  }
+}
diff --git a/public_html/assets/raven/vendor/css/flatpickr.min.css b/public_html/assets/raven/vendor/css/flatpickr.min.css
new file mode 100644
index 0000000..a10acc6
--- /dev/null
+++ b/public_html/assets/raven/vendor/css/flatpickr.min.css
@@ -0,0 +1,13 @@
+.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
+      /*rtl:begin:ignore*/left:0/*
+      /*rtl:end:ignore*/}/*
+      /*rtl:begin:ignore*/
+/*
+      /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
+      /*rtl:begin:ignore*/right:0/*
+      /*rtl:end:ignore*/}/*
+      /*rtl:begin:ignore*/
+/*
+      /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
\ No newline at end of file
diff --git a/public_html/assets/raven/vendor/css/jsvectormap.min.css b/public_html/assets/raven/vendor/css/jsvectormap.min.css
new file mode 100644
index 0000000..4e8d77c
--- /dev/null
+++ b/public_html/assets/raven/vendor/css/jsvectormap.min.css
@@ -0,0 +1 @@
+:root{--jvm-border-color: #E5E6E7;--jvm-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--jvm-tooltip-font-size: 0.9rem;--jvm-tooltip-bg-color: #337FFA;--jvm-tooltip-color: #FFF;--jvm-tooltip-padding: 3px 5px;--jvm-tooltip-shadow: var(--jvm-box-shadow);--jvm-tooltip-radius: 3px;--jvm-zoom-btn-bg-color: #292929;--jvm-zoom-btn-color: #FFF;--jvm-zoom-btn-size: 15px;--jvm-zoom-btn-radius: 3px;--jvm-series-container-right: 15px;--jvm-legend-bg-color: #FFF;--jvm-legend-radius: 0.15rem;--jvm-legend-margin-left: 0.75rem;--jvm-legend-padding: 0.6rem;--jvm-legend-title-padding-bottom: 0.5rem;--jvm-legend-title-margin-bottom: 0.575rem;--jvm-legend-tick-margin-top: 0.575rem;--jvm-legend-tick-sample-radius: 0;--jvm-legend-tick-sample-height: 12px;--jvm-legend-tick-sample-width: 30px;--jvm-legend-tick-text-font-size: 12px;--jvm-legend-tick-text-margin-top: 3px}image,text,.jvm-zoom-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jvm-container{position:relative;height:100%;width:100%}.jvm-tooltip{border-radius:var(--jvm-tooltip-radius);background-color:var(--jvm-tooltip-bg-color);color:var(--jvm-tooltip-color);font-size:var(--jvm-tooltip-font-size);box-shadow:var(--jvm-tooltip-shadow);padding:var(--jvm-tooltip-padding);white-space:nowrap;position:absolute;display:none}.jvm-tooltip.active{display:block}.jvm-zoom-btn{background-color:var(--jvm-zoom-btn-bg-color);color:var(--jvm-zoom-btn-color);border-radius:var(--jvm-zoom-btn-radius);height:var(--jvm-zoom-btn-size);width:var(--jvm-zoom-btn-size);box-sizing:border-box;position:absolute;left:10px;line-height:var(--jvm-zoom-btn-size);text-align:center;cursor:pointer}.jvm-zoom-btn.jvm-zoomin{top:var(--jvm-zoom-btn-size)}.jvm-zoom-btn.jvm-zoomout{top:calc(var(--jvm-zoom-btn-size)*2 + var(--jvm-zoom-btn-size)/3)}.jvm-series-container{position:absolute;right:var(--jvm-series-container-right)}.jvm-series-container.jvm-series-h{bottom:15px}.jvm-series-container.jvm-series-v{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.75rem;top:15px}.jvm-legend{background-color:var(--jvm-legend-bg-color);border:1px solid var(--jvm-border-color);margin-left:var(--jvm-legend-margin-left);border-radius:var(--jvm-legend-radius);padding:var(--jvm-legend-padding);box-shadow:var(--jvm-box-shadow)}.jvm-legend-title{line-height:1;border-bottom:1px solid var(--jvm-border-color);padding-bottom:var(--jvm-legend-title-padding-bottom);margin-bottom:var(--jvm-legend-title-margin-bottom);text-align:left}.jvm-legend-tick{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:40px}.jvm-legend-tick:not(:first-child){margin-top:var(--jvm-legend-tick-margin-top)}.jvm-legend-tick-sample{border-radius:var(--jvm-legend-tick-sample-radius);margin-right:.45rem;height:var(--jvm-legend-tick-sample-height);width:var(--jvm-legend-tick-sample-width)}.jvm-legend-tick-text{font-size:var(--jvm-legend-tick-text-font-size);text-align:center;line-height:1}.jvm-line[animation=true]{-webkit-animation:jvm-line-animation 10s linear forwards infinite;animation:jvm-line-animation 10s linear forwards infinite}@-webkit-keyframes jvm-line-animation{from{stroke-dashoffset:250}}@keyframes jvm-line-animation{from{stroke-dashoffset:250}}
\ No newline at end of file
diff --git a/public_html/assets/raven/vendor/css/notyf.min.css b/public_html/assets/raven/vendor/css/notyf.min.css
new file mode 100644
index 0000000..dbb5a16
--- /dev/null
+++ b/public_html/assets/raven/vendor/css/notyf.min.css
@@ -0,0 +1 @@
+@-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}}
\ No newline at end of file
diff --git a/public_html/assets/raven/vendor/css/sal.css b/public_html/assets/raven/vendor/css/sal.css
new file mode 100644
index 0000000..fafcdf6
--- /dev/null
+++ b/public_html/assets/raven/vendor/css/sal.css
@@ -0,0 +1,3 @@
+[data-sal]{transition-delay:0s;transition-delay:var(--sal-delay,0s);transition-duration:.2s;transition-duration:var(--sal-duration,.2s);transition-timing-function:ease;transition-timing-function:var(--sal-easing,ease)}[data-sal][data-sal-duration="200"]{transition-duration:.2s}[data-sal][data-sal-duration="250"]{transition-duration:.25s}[data-sal][data-sal-duration="300"]{transition-duration:.3s}[data-sal][data-sal-duration="350"]{transition-duration:.35s}[data-sal][data-sal-duration="400"]{transition-duration:.4s}[data-sal][data-sal-duration="450"]{transition-duration:.45s}[data-sal][data-sal-duration="500"]{transition-duration:.5s}[data-sal][data-sal-duration="550"]{transition-duration:.55s}[data-sal][data-sal-duration="600"]{transition-duration:.6s}[data-sal][data-sal-duration="650"]{transition-duration:.65s}[data-sal][data-sal-duration="700"]{transition-duration:.7s}[data-sal][data-sal-duration="750"]{transition-duration:.75s}[data-sal][data-sal-duration="800"]{transition-duration:.8s}[data-sal][data-sal-duration="850"]{transition-duration:.85s}[data-sal][data-sal-duration="900"]{transition-duration:.9s}[data-sal][data-sal-duration="950"]{transition-duration:.95s}[data-sal][data-sal-duration="1000"]{transition-duration:1s}[data-sal][data-sal-duration="1050"]{transition-duration:1.05s}[data-sal][data-sal-duration="1100"]{transition-duration:1.1s}[data-sal][data-sal-duration="1150"]{transition-duration:1.15s}[data-sal][data-sal-duration="1200"]{transition-duration:1.2s}[data-sal][data-sal-duration="1250"]{transition-duration:1.25s}[data-sal][data-sal-duration="1300"]{transition-duration:1.3s}[data-sal][data-sal-duration="1350"]{transition-duration:1.35s}[data-sal][data-sal-duration="1400"]{transition-duration:1.4s}[data-sal][data-sal-duration="1450"]{transition-duration:1.45s}[data-sal][data-sal-duration="1500"]{transition-duration:1.5s}[data-sal][data-sal-duration="1550"]{transition-duration:1.55s}[data-sal][data-sal-duration="1600"]{transition-duration:1.6s}[data-sal][data-sal-duration="1650"]{transition-duration:1.65s}[data-sal][data-sal-duration="1700"]{transition-duration:1.7s}[data-sal][data-sal-duration="1750"]{transition-duration:1.75s}[data-sal][data-sal-duration="1800"]{transition-duration:1.8s}[data-sal][data-sal-duration="1850"]{transition-duration:1.85s}[data-sal][data-sal-duration="1900"]{transition-duration:1.9s}[data-sal][data-sal-duration="1950"]{transition-duration:1.95s}[data-sal][data-sal-duration="2000"]{transition-duration:2s}[data-sal][data-sal-delay="50"]{transition-delay:.05s}[data-sal][data-sal-delay="100"]{transition-delay:.1s}[data-sal][data-sal-delay="150"]{transition-delay:.15s}[data-sal][data-sal-delay="200"]{transition-delay:.2s}[data-sal][data-sal-delay="250"]{transition-delay:.25s}[data-sal][data-sal-delay="300"]{transition-delay:.3s}[data-sal][data-sal-delay="350"]{transition-delay:.35s}[data-sal][data-sal-delay="400"]{transition-delay:.4s}[data-sal][data-sal-delay="450"]{transition-delay:.45s}[data-sal][data-sal-delay="500"]{transition-delay:.5s}[data-sal][data-sal-delay="550"]{transition-delay:.55s}[data-sal][data-sal-delay="600"]{transition-delay:.6s}[data-sal][data-sal-delay="650"]{transition-delay:.65s}[data-sal][data-sal-delay="700"]{transition-delay:.7s}[data-sal][data-sal-delay="750"]{transition-delay:.75s}[data-sal][data-sal-delay="800"]{transition-delay:.8s}[data-sal][data-sal-delay="850"]{transition-delay:.85s}[data-sal][data-sal-delay="900"]{transition-delay:.9s}[data-sal][data-sal-delay="950"]{transition-delay:.95s}[data-sal][data-sal-delay="1000"]{transition-delay:1s}[data-sal][data-sal-easing=linear]{transition-timing-function:linear}[data-sal][data-sal-easing=ease]{transition-timing-function:ease}[data-sal][data-sal-easing=ease-in]{transition-timing-function:ease-in}[data-sal][data-sal-easing=ease-out]{transition-timing-function:ease-out}[data-sal][data-sal-easing=ease-in-out]{transition-timing-function:ease-in-out}[data-sal][data-sal-easing=ease-in-cubic]{transition-timing-function:cubic-bezier(.55,.055,.675,.19)}[data-sal][data-sal-easing=ease-out-cubic]{transition-timing-function:cubic-bezier(.215,.61,.355,1)}[data-sal][data-sal-easing=ease-in-out-cubic]{transition-timing-function:cubic-bezier(.645,.045,.355,1)}[data-sal][data-sal-easing=ease-in-circ]{transition-timing-function:cubic-bezier(.6,.04,.98,.335)}[data-sal][data-sal-easing=ease-out-circ]{transition-timing-function:cubic-bezier(.075,.82,.165,1)}[data-sal][data-sal-easing=ease-in-out-circ]{transition-timing-function:cubic-bezier(.785,.135,.15,.86)}[data-sal][data-sal-easing=ease-in-expo]{transition-timing-function:cubic-bezier(.95,.05,.795,.035)}[data-sal][data-sal-easing=ease-out-expo]{transition-timing-function:cubic-bezier(.19,1,.22,1)}[data-sal][data-sal-easing=ease-in-out-expo]{transition-timing-function:cubic-bezier(1,0,0,1)}[data-sal][data-sal-easing=ease-in-quad]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-sal][data-sal-easing=ease-out-quad]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-sal][data-sal-easing=ease-in-out-quad]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-sal][data-sal-easing=ease-in-quart]{transition-timing-function:cubic-bezier(.895,.03,.685,.22)}[data-sal][data-sal-easing=ease-out-quart]{transition-timing-function:cubic-bezier(.165,.84,.44,1)}[data-sal][data-sal-easing=ease-in-out-quart]{transition-timing-function:cubic-bezier(.77,0,.175,1)}[data-sal][data-sal-easing=ease-in-quint]{transition-timing-function:cubic-bezier(.755,.05,.855,.06)}[data-sal][data-sal-easing=ease-out-quint]{transition-timing-function:cubic-bezier(.23,1,.32,1)}[data-sal][data-sal-easing=ease-in-out-quint]{transition-timing-function:cubic-bezier(.86,0,.07,1)}[data-sal][data-sal-easing=ease-in-sine]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-sal][data-sal-easing=ease-out-sine]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-sal][data-sal-easing=ease-in-out-sine]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-sal][data-sal-easing=ease-in-back]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-sal][data-sal-easing=ease-out-back]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-sal][data-sal-easing=ease-in-out-back]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-sal|=fade]{opacity:0;transition-property:opacity}[data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade]{opacity:1}[data-sal|=slide]{opacity:0;transition-property:opacity,transform}[data-sal=slide-up]{transform:translateY(20%)}[data-sal=slide-down]{transform:translateY(-20%)}[data-sal=slide-left]{transform:translateX(20%)}[data-sal=slide-right]{transform:translateX(-20%)}[data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide]{opacity:1;transform:none}[data-sal|=zoom]{opacity:0;transition-property:opacity,transform}[data-sal=zoom-in]{transform:scale(.5)}[data-sal=zoom-out]{transform:scale(1.1)}[data-sal|=zoom].sal-animate,body.sal-disabled [data-sal|=zoom]{opacity:1;transform:none}[data-sal|=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}[data-sal=flip-left]{transform:perspective(2000px) rotateY(-91deg)}[data-sal=flip-right]{transform:perspective(2000px) rotateY(91deg)}[data-sal=flip-up]{transform:perspective(2000px) rotateX(-91deg)}[data-sal=flip-down]{transform:perspective(2000px) rotateX(91deg)}[data-sal|=flip].sal-animate,body.sal-disabled [data-sal|=flip]{transform:none}
+
+/*# sourceMappingURL=sal.css.map*/
\ No newline at end of file
diff --git a/public_html/assets/raven/vendor/css/simplebar.css b/public_html/assets/raven/vendor/css/simplebar.css
new file mode 100644
index 0000000..0af2c45
--- /dev/null
+++ b/public_html/assets/raven/vendor/css/simplebar.css
@@ -0,0 +1,230 @@
+[data-simplebar] {
+  position: relative;
+  flex-direction: column;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-content: flex-start;
+  align-items: flex-start;
+}
+
+.simplebar-wrapper {
+  overflow: hidden;
+  width: inherit;
+  height: inherit;
+  max-width: inherit;
+  max-height: inherit;
+}
+
+.simplebar-mask {
+  direction: inherit;
+  position: absolute;
+  overflow: hidden;
+  padding: 0;
+  margin: 0;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: auto !important;
+  height: auto !important;
+  z-index: 0;
+}
+
+.simplebar-offset {
+  direction: inherit !important;
+  box-sizing: inherit !important;
+  resize: none !important;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  padding: 0;
+  margin: 0;
+  -webkit-overflow-scrolling: touch;
+}
+
+.simplebar-content-wrapper {
+  direction: inherit;
+  box-sizing: border-box !important;
+  position: relative;
+  display: block;
+  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
+  width: auto;
+  max-width: 100%; /* Not required for horizontal scroll to trigger */
+  max-height: 100%; /* Needed for vertical scroll to trigger */
+  overflow: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.simplebar-content-wrapper::-webkit-scrollbar,
+.simplebar-hide-scrollbar::-webkit-scrollbar {
+  display: none;
+  width: 0;
+  height: 0;
+}
+
+.simplebar-content:before,
+.simplebar-content:after {
+  content: ' ';
+  display: table;
+}
+
+.simplebar-placeholder {
+  max-height: 100%;
+  max-width: 100%;
+  width: 100%;
+  pointer-events: none;
+}
+
+.simplebar-height-auto-observer-wrapper {
+  box-sizing: inherit !important;
+  height: 100%;
+  width: 100%;
+  max-width: 1px;
+  position: relative;
+  float: left;
+  max-height: 1px;
+  overflow: hidden;
+  z-index: -1;
+  padding: 0;
+  margin: 0;
+  pointer-events: none;
+  flex-grow: inherit;
+  flex-shrink: 0;
+  flex-basis: 0;
+}
+
+.simplebar-height-auto-observer {
+  box-sizing: inherit;
+  display: block;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 1000%;
+  width: 1000%;
+  min-height: 1px;
+  min-width: 1px;
+  overflow: hidden;
+  pointer-events: none;
+  z-index: -1;
+}
+
+.simplebar-track {
+  z-index: 1;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  overflow: hidden;
+}
+
+[data-simplebar].simplebar-dragging {
+  pointer-events: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+[data-simplebar].simplebar-dragging .simplebar-content {
+  pointer-events: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+[data-simplebar].simplebar-dragging .simplebar-track {
+  pointer-events: all;
+}
+
+.simplebar-scrollbar {
+  position: absolute;
+  left: 0;
+  right: 0;
+  min-height: 10px;
+}
+
+.simplebar-scrollbar:before {
+  position: absolute;
+  content: '';
+  background: black;
+  border-radius: 7px;
+  left: 2px;
+  right: 2px;
+  opacity: 0;
+  transition: opacity 0.2s 0.5s linear;
+}
+
+.simplebar-scrollbar.simplebar-visible:before {
+  opacity: 0.5;
+  transition-delay: 0s;
+  transition-duration: 0s;
+}
+
+.simplebar-track.simplebar-vertical {
+  top: 0;
+  width: 11px;
+}
+
+.simplebar-scrollbar:before {
+  top: 2px;
+  bottom: 2px;
+  left: 2px;
+  right: 2px;
+}
+
+.simplebar-track.simplebar-horizontal {
+  left: 0;
+  height: 11px;
+}
+
+.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
+  right: auto;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  min-height: 0;
+  min-width: 10px;
+  width: auto;
+}
+
+/* Rtl support */
+[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
+  right: auto;
+  left: 0;
+}
+
+.simplebar-dummy-scrollbar-size {
+  direction: rtl;
+  position: fixed;
+  opacity: 0;
+  visibility: hidden;
+  height: 500px;
+  width: 500px;
+  overflow-y: hidden;
+  overflow-x: scroll;
+  -ms-overflow-style: scrollbar !important;
+}
+
+.simplebar-dummy-scrollbar-size > div {
+  width: 200%;
+  height: 200%;
+  margin: 10px 0;
+}
+
+.simplebar-hide-scrollbar {
+  position: fixed;
+  left: 0;
+  visibility: hidden;
+  overflow-y: scroll;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
diff --git a/public_html/assets/raven/vendor/css/sweetalert2.min.css b/public_html/assets/raven/vendor/css/sweetalert2.min.css
new file mode 100644
index 0000000..621057c
--- /dev/null
+++ b/public_html/assets/raven/vendor/css/sweetalert2.min.css
@@ -0,0 +1 @@
+:root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-container-padding: 0.625em;--swal2-backdrop: rgba(0, 0, 0, 0.4);--swal2-backdrop-transition: background-color 0.1s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: 0.3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show 0.3s;--swal2-hide-animation: swal2-hide 0.15s forwards;--swal2-icon-zoom: 1;--swal2-icon-animations: true;--swal2-title-padding: 0.8em 1em 0;--swal2-html-container-padding: 1em 1.6em 0.3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: 0.1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color 0.2s, box-shadow 0.2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px $swal2-outline-color;--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color 0.2s, box-shadow 0.2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: 0.25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: 0.25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: 0.25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show 0.5s;--swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}@media(prefers-color-scheme: dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem;container-name:swal2-popup}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:rgba(0,0,0,0);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:all}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}
diff --git a/public_html/assets/raven/vendor/css/swiper-bundle.min.css b/public_html/assets/raven/vendor/css/swiper-bundle.min.css
new file mode 100644
index 0000000..af74a68
--- /dev/null
+++ b/public_html/assets/raven/vendor/css/swiper-bundle.min.css
@@ -0,0 +1,13 @@
+/**
+ * Swiper 11.2.10
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2025 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: June 28, 2025
+ */
+
+@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
\ No newline at end of file
diff --git a/public_html/assets/raven/vendor/css/tom-select.min.css b/public_html/assets/raven/vendor/css/tom-select.min.css
new file mode 100644
index 0000000..6295756
--- /dev/null
+++ b/public_html/assets/raven/vendor/css/tom-select.min.css
@@ -0,0 +1,2 @@
+.ts-control{border:1px solid #d0d0d0;border-radius:3px;box-shadow:none;box-sizing:border-box;display:flex;flex-wrap:wrap;overflow:hidden;padding:8px;position:relative;width:100%;z-index:1}.ts-wrapper.multi.has-items .ts-control{padding:6px 8px 3px}.full .ts-control{background-color:#fff}.disabled .ts-control,.disabled .ts-control *{cursor:default!important}.focus .ts-control{box-shadow:none}.ts-control>*{display:inline-block;vertical-align:initial}.ts-wrapper.multi .ts-control>div{background:#f2f2f2;border:0 solid #d0d0d0;color:#303030;cursor:pointer;margin:0 3px 3px 0;padding:2px 6px}.ts-wrapper.multi .ts-control>div.active{background:#e8e8e8;border:0 solid #cacaca;color:#303030}.ts-wrapper.multi.disabled .ts-control>div,.ts-wrapper.multi.disabled .ts-control>div.active{background:#fff;border:0 solid #fff;color:#7d7d7d}.ts-control>input{background:none!important;border:0!important;box-shadow:none!important;display:inline-block!important;flex:1 1 auto;line-height:inherit!important;margin:0!important;max-height:none!important;max-width:100%!important;min-height:0!important;min-width:7rem;padding:0!important;text-indent:0!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.ts-control>input::-ms-clear{display:none}.ts-control>input:focus{outline:none!important}.has-items .ts-control>input{margin:0 4px!important}.ts-control.rtl{text-align:right}.ts-control.rtl.single .ts-control:after{left:15px;right:auto}.ts-control.rtl .ts-control>input{margin:0 4px 0 -2px!important}.disabled .ts-control{background-color:#fafafa;opacity:.5}.input-hidden .ts-control>input{left:-10000px;opacity:0;position:absolute}.ts-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:0 0 3px 3px;border-top:0;box-shadow:0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;left:0;margin:.25rem 0 0;position:absolute;top:100%;width:100%;z-index:10}.ts-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.ts-dropdown [data-selectable] .highlight{background:rgba(125,168,208,.2);border-radius:1px}.ts-dropdown .create,.ts-dropdown .no-results,.ts-dropdown .optgroup-header,.ts-dropdown .option{padding:5px 8px}.ts-dropdown .option,.ts-dropdown [data-disabled],.ts-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.ts-dropdown [data-selectable].option{cursor:pointer;opacity:1}.ts-dropdown .optgroup:first-child .optgroup-header{border-top:0}.ts-dropdown .optgroup-header{background:#fff;color:#303030;cursor:default}.ts-dropdown .active{background-color:#f5fafd;color:#495c68}.ts-dropdown .active.create{color:#495c68}.ts-dropdown .create{color:rgba(48,48,48,.5)}.ts-dropdown .spinner{display:inline-block;height:30px;margin:5px 8px;width:30px}.ts-dropdown .spinner:after{animation:lds-dual-ring 1.2s linear infinite;border-color:#d0d0d0 transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:24px;margin:3px;width:24px}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-dropdown-content{max-height:200px;overflow:hidden auto;scroll-behavior:smooth}.ts-wrapper.plugin-drag_drop .ts-dragging{color:transparent!important}.ts-wrapper.plugin-drag_drop .ts-dragging>*{visibility:hidden!important}.plugin-checkbox_options:not(.rtl) .option input{margin-right:.5rem}.plugin-checkbox_options.rtl .option input{margin-left:.5rem}.plugin-clear_button{--ts-pr-clear-button:1em}.plugin-clear_button .clear-button{background:transparent!important;cursor:pointer;margin-right:0!important;opacity:0;position:absolute;right:2px;top:50%;transform:translateY(-50%);transition:opacity .5s}.plugin-clear_button.form-select .clear-button,.plugin-clear_button.single .clear-button{right:max(var(--ts-pr-caret),8px)}.plugin-clear_button.focus.has-items .clear-button,.plugin-clear_button:not(.disabled):hover.has-items .clear-button{opacity:1}.ts-wrapper .dropdown-header{background:color-mix(#fff,#d0d0d0,85%);border-bottom:1px solid #d0d0d0;border-radius:3px 3px 0 0;padding:10px 8px;position:relative}.ts-wrapper .dropdown-header-close{color:#303030;font-size:20px!important;line-height:20px;margin-top:-12px;opacity:.4;position:absolute;right:8px;top:50%}.ts-wrapper .dropdown-header-close:hover{color:#000}.plugin-dropdown_input.focus.dropdown-active .ts-control{border:1px solid #d0d0d0;box-shadow:none}.plugin-dropdown_input .dropdown-input{background:transparent;border:solid #d0d0d0;border-width:0 0 1px;box-shadow:none;display:block;padding:8px;width:100%}.plugin-dropdown_input .items-placeholder{border:0!important;box-shadow:none!important;width:100%}.plugin-dropdown_input.dropdown-active .items-placeholder,.plugin-dropdown_input.has-items .items-placeholder{display:none!important}.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:4px}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-ms-input-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder{color:transparent}.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content{display:flex}.ts-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0;flex-basis:0;flex-grow:1;min-width:0}.ts-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0}.ts-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.ts-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0}.ts-wrapper.plugin-remove_button .item{align-items:center;display:inline-flex}.ts-wrapper.plugin-remove_button .item .remove{border-radius:0 2px 2px 0;box-sizing:border-box;color:inherit;display:inline-block;padding:0 6px;text-decoration:none;vertical-align:middle}.ts-wrapper.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.ts-wrapper.plugin-remove_button.disabled .item .remove:hover{background:none}.ts-wrapper.plugin-remove_button .remove-single{font-size:23px;position:absolute;right:0;top:0}.ts-wrapper.plugin-remove_button:not(.rtl) .item{padding-right:0!important}.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove{border-left:1px solid #d0d0d0;margin-left:6px}.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove{border-left-color:#cacaca}.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove{border-left-color:#fff}.ts-wrapper.plugin-remove_button.rtl .item{padding-left:0!important}.ts-wrapper.plugin-remove_button.rtl .item .remove{border-right:1px solid #d0d0d0;margin-right:6px}.ts-wrapper.plugin-remove_button.rtl .item.active .remove{border-right-color:#cacaca}.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove{border-right-color:#fff}:root{--ts-pr-clear-button:0px;--ts-pr-caret:0px;--ts-pr-min:.75rem}.ts-wrapper.single .ts-control,.ts-wrapper.single .ts-control input{cursor:pointer}.ts-control:not(.rtl){padding-right:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-control.rtl{padding-left:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-wrapper{position:relative}.ts-control,.ts-control input,.ts-dropdown{color:#303030;font-family:inherit;font-size:13px;line-height:18px}.ts-control,.ts-wrapper.single.input-active .ts-control{background:#fff;cursor:text}.ts-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
+/*# sourceMappingURL=tom-select.min.css.map */
\ No newline at end of file
diff --git a/public_html/assets/raven/vendor/js/Sortable.min.js b/public_html/assets/raven/vendor/js/Sortable.min.js
new file mode 100644
index 0000000..95423a6
--- /dev/null
+++ b/public_html/assets/raven/vendor/js/Sortable.min.js
@@ -0,0 +1,2 @@
+/*! Sortable 1.15.6 - MIT | git://github.com/SortableJS/Sortable.git */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Sortable=e()}(this,function(){"use strict";function e(e,t){var n,o=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,n)),o}function I(o){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?e(Object(i),!0).forEach(function(t){var e,n;e=o,t=i[n=t],n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):e(Object(i)).forEach(function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(i,t))})}return o}function o(t){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(){return(a=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,o=arguments[e];for(n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t}).apply(this,arguments)}function i(t,e){if(null==t)return{};var n,o=function(t,e){if(null==t)return{};for(var n,o={},i=Object.keys(t),r=0;r<i.length;r++)n=i[r],0<=e.indexOf(n)||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols)for(var i=Object.getOwnPropertySymbols(t),r=0;r<i.length;r++)n=i[r],0<=e.indexOf(n)||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n]);return o}function r(t){return function(t){if(Array.isArray(t))return l(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return l(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Map"===(n="Object"===n&&t.constructor?t.constructor.name:n)||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function t(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var y=t(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),w=t(/Edge/i),s=t(/firefox/i),u=t(/safari/i)&&!t(/chrome/i)&&!t(/android/i),c=t(/iP(ad|od|hone)/i),n=t(/chrome/i)&&t(/android/i),d={capture:!1,passive:!1};function h(t,e,n){t.addEventListener(e,n,!y&&d)}function p(t,e,n){t.removeEventListener(e,n,!y&&d)}function f(t,e){if(e&&(">"===e[0]&&(e=e.substring(1)),t))try{if(t.matches)return t.matches(e);if(t.msMatchesSelector)return t.msMatchesSelector(e);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(e)}catch(t){return}}function g(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function P(t,e,n,o){if(t){n=n||document;do{if(null!=e&&(">"!==e[0]||t.parentNode===n)&&f(t,e)||o&&t===n)return t}while(t!==n&&(t=g(t)))}return null}var m,v=/\s+/g;function k(t,e,n){var o;t&&e&&(t.classList?t.classList[n?"add":"remove"](e):(o=(" "+t.className+" ").replace(v," ").replace(" "+e+" "," "),t.className=(o+(n?" "+e:"")).replace(v," ")))}function R(t,e,n){var o=t&&t.style;if(o){if(void 0===n)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(n=t.currentStyle),void 0===e?n:n[e];o[e=!(e in o||-1!==e.indexOf("webkit"))?"-webkit-"+e:e]=n+("string"==typeof n?"":"px")}}function b(t,e){var n="";if("string"==typeof t)n=t;else do{var o=R(t,"transform")}while(o&&"none"!==o&&(n=o+" "+n),!e&&(t=t.parentNode));var i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(n)}function D(t,e,n){if(t){var o=t.getElementsByTagName(e),i=0,r=o.length;if(n)for(;i<r;i++)n(o[i],i);return o}return[]}function O(){var t=document.scrollingElement;return t||document.documentElement}function X(t,e,n,o,i){if(t.getBoundingClientRect||t===window){var r,a,l,s,c,u,d=t!==window&&t.parentNode&&t!==O()?(a=(r=t.getBoundingClientRect()).top,l=r.left,s=r.bottom,c=r.right,u=r.height,r.width):(l=a=0,s=window.innerHeight,c=window.innerWidth,u=window.innerHeight,window.innerWidth);if((e||n)&&t!==window&&(i=i||t.parentNode,!y))do{if(i&&i.getBoundingClientRect&&("none"!==R(i,"transform")||n&&"static"!==R(i,"position"))){var h=i.getBoundingClientRect();a-=h.top+parseInt(R(i,"border-top-width")),l-=h.left+parseInt(R(i,"border-left-width")),s=a+r.height,c=l+r.width;break}}while(i=i.parentNode);return o&&t!==window&&(o=(e=b(i||t))&&e.a,t=e&&e.d,e&&(s=(a/=t)+(u/=t),c=(l/=o)+(d/=o))),{top:a,left:l,bottom:s,right:c,width:d,height:u}}}function Y(t,e,n){for(var o=M(t,!0),i=X(t)[e];o;){var r=X(o)[n];if(!("top"===n||"left"===n?r<=i:i<=r))return o;if(o===O())break;o=M(o,!1)}return!1}function B(t,e,n,o){for(var i=0,r=0,a=t.children;r<a.length;){if("none"!==a[r].style.display&&a[r]!==jt.ghost&&(o||a[r]!==jt.dragged)&&P(a[r],n.draggable,t,!1)){if(i===e)return a[r];i++}r++}return null}function F(t,e){for(var n=t.lastElementChild;n&&(n===jt.ghost||"none"===R(n,"display")||e&&!f(n,e));)n=n.previousElementSibling;return n||null}function j(t,e){var n=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===jt.clone||e&&!f(t,e)||n++;return n}function E(t){var e=0,n=0,o=O();if(t)do{var i=b(t),r=i.a,i=i.d}while(e+=t.scrollLeft*r,n+=t.scrollTop*i,t!==o&&(t=t.parentNode));return[e,n]}function M(t,e){if(!t||!t.getBoundingClientRect)return O();var n=t,o=!1;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var i=R(n);if(n.clientWidth<n.scrollWidth&&("auto"==i.overflowX||"scroll"==i.overflowX)||n.clientHeight<n.scrollHeight&&("auto"==i.overflowY||"scroll"==i.overflowY)){if(!n.getBoundingClientRect||n===document.body)return O();if(o||e)return n;o=!0}}}while(n=n.parentNode);return O()}function S(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}function _(e,n){return function(){var t;m||(1===(t=arguments).length?e.call(this,t[0]):e.apply(this,t),m=setTimeout(function(){m=void 0},n))}}function H(t,e,n){t.scrollLeft+=e,t.scrollTop+=n}function C(t){var e=window.Polymer,n=window.jQuery||window.Zepto;return e&&e.dom?e.dom(t).cloneNode(!0):n?n(t).clone(!0)[0]:t.cloneNode(!0)}function T(t,e){R(t,"position","absolute"),R(t,"top",e.top),R(t,"left",e.left),R(t,"width",e.width),R(t,"height",e.height)}function x(t){R(t,"position",""),R(t,"top",""),R(t,"left",""),R(t,"width",""),R(t,"height","")}function L(n,o,i){var r={};return Array.from(n.children).forEach(function(t){var e;P(t,o.draggable,n,!1)&&!t.animated&&t!==i&&(e=X(t),r.left=Math.min(null!==(t=r.left)&&void 0!==t?t:1/0,e.left),r.top=Math.min(null!==(t=r.top)&&void 0!==t?t:1/0,e.top),r.right=Math.max(null!==(t=r.right)&&void 0!==t?t:-1/0,e.right),r.bottom=Math.max(null!==(t=r.bottom)&&void 0!==t?t:-1/0,e.bottom))}),r.width=r.right-r.left,r.height=r.bottom-r.top,r.x=r.left,r.y=r.top,r}var K="Sortable"+(new Date).getTime();function A(){var e,o=[];return{captureAnimationState:function(){o=[],this.options.animation&&[].slice.call(this.el.children).forEach(function(t){var e,n;"none"!==R(t,"display")&&t!==jt.ghost&&(o.push({target:t,rect:X(t)}),e=I({},o[o.length-1].rect),!t.thisAnimationDuration||(n=b(t,!0))&&(e.top-=n.f,e.left-=n.e),t.fromRect=e)})},addAnimationState:function(t){o.push(t)},removeAnimationState:function(t){o.splice(function(t,e){for(var n in t)if(t.hasOwnProperty(n))for(var o in e)if(e.hasOwnProperty(o)&&e[o]===t[n][o])return Number(n);return-1}(o,{target:t}),1)},animateAll:function(t){var c=this;if(!this.options.animation)return clearTimeout(e),void("function"==typeof t&&t());var u=!1,d=0;o.forEach(function(t){var e=0,n=t.target,o=n.fromRect,i=X(n),r=n.prevFromRect,a=n.prevToRect,l=t.rect,s=b(n,!0);s&&(i.top-=s.f,i.left-=s.e),n.toRect=i,n.thisAnimationDuration&&S(r,i)&&!S(o,i)&&(l.top-i.top)/(l.left-i.left)==(o.top-i.top)/(o.left-i.left)&&(t=l,s=r,r=a,a=c.options,e=Math.sqrt(Math.pow(s.top-t.top,2)+Math.pow(s.left-t.left,2))/Math.sqrt(Math.pow(s.top-r.top,2)+Math.pow(s.left-r.left,2))*a.animation),S(i,o)||(n.prevFromRect=o,n.prevToRect=i,e=e||c.options.animation,c.animate(n,l,i,e)),e&&(u=!0,d=Math.max(d,e),clearTimeout(n.animationResetTimer),n.animationResetTimer=setTimeout(function(){n.animationTime=0,n.prevFromRect=null,n.fromRect=null,n.prevToRect=null,n.thisAnimationDuration=null},e),n.thisAnimationDuration=e)}),clearTimeout(e),u?e=setTimeout(function(){"function"==typeof t&&t()},d):"function"==typeof t&&t(),o=[]},animate:function(t,e,n,o){var i,r;o&&(R(t,"transition",""),R(t,"transform",""),i=(r=b(this.el))&&r.a,r=r&&r.d,i=(e.left-n.left)/(i||1),r=(e.top-n.top)/(r||1),t.animatingX=!!i,t.animatingY=!!r,R(t,"transform","translate3d("+i+"px,"+r+"px,0)"),this.forRepaintDummy=t.offsetWidth,R(t,"transition","transform "+o+"ms"+(this.options.easing?" "+this.options.easing:"")),R(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout(function(){R(t,"transition",""),R(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1},o))}}}var N=[],W={initializeByDefault:!0},z={mount:function(e){for(var t in W)!W.hasOwnProperty(t)||t in e||(e[t]=W[t]);N.forEach(function(t){if(t.pluginName===e.pluginName)throw"Sortable: Cannot mount plugin ".concat(e.pluginName," more than once")}),N.push(e)},pluginEvent:function(e,n,o){var t=this;this.eventCanceled=!1,o.cancel=function(){t.eventCanceled=!0};var i=e+"Global";N.forEach(function(t){n[t.pluginName]&&(n[t.pluginName][i]&&n[t.pluginName][i](I({sortable:n},o)),n.options[t.pluginName]&&n[t.pluginName][e]&&n[t.pluginName][e](I({sortable:n},o)))})},initializePlugins:function(n,o,i,t){for(var e in N.forEach(function(t){var e=t.pluginName;(n.options[e]||t.initializeByDefault)&&((t=new t(n,o,n.options)).sortable=n,t.options=n.options,n[e]=t,a(i,t.defaults))}),n.options){var r;n.options.hasOwnProperty(e)&&(void 0!==(r=this.modifyOption(n,e,n.options[e]))&&(n.options[e]=r))}},getEventProperties:function(e,n){var o={};return N.forEach(function(t){"function"==typeof t.eventProperties&&a(o,t.eventProperties.call(n[t.pluginName],e))}),o},modifyOption:function(e,n,o){var i;return N.forEach(function(t){e[t.pluginName]&&t.optionListeners&&"function"==typeof t.optionListeners[n]&&(i=t.optionListeners[n].call(e[t.pluginName],o))}),i}};function G(t){var e=t.sortable,n=t.rootEl,o=t.name,i=t.targetEl,r=t.cloneEl,a=t.toEl,l=t.fromEl,s=t.oldIndex,c=t.newIndex,u=t.oldDraggableIndex,d=t.newDraggableIndex,h=t.originalEvent,p=t.putSortable,f=t.extraEventProperties;if(e=e||n&&n[K]){var g,m=e.options,t="on"+o.charAt(0).toUpperCase()+o.substr(1);!window.CustomEvent||y||w?(g=document.createEvent("Event")).initEvent(o,!0,!0):g=new CustomEvent(o,{bubbles:!0,cancelable:!0}),g.to=a||n,g.from=l||n,g.item=i||n,g.clone=r,g.oldIndex=s,g.newIndex=c,g.oldDraggableIndex=u,g.newDraggableIndex=d,g.originalEvent=h,g.pullMode=p?p.lastPutMode:void 0;var v,b=I(I({},f),z.getEventProperties(o,e));for(v in b)g[v]=b[v];n&&n.dispatchEvent(g),m[t]&&m[t].call(e,g)}}function U(t,e){var n=(o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{}).evt,o=i(o,q);z.pluginEvent.bind(jt)(t,e,I({dragEl:Z,parentEl:$,ghostEl:Q,rootEl:J,nextEl:tt,lastDownEl:et,cloneEl:nt,cloneHidden:ot,dragStarted:mt,putSortable:ct,activeSortable:jt.active,originalEvent:n,oldIndex:it,oldDraggableIndex:at,newIndex:rt,newDraggableIndex:lt,hideGhostForTarget:Xt,unhideGhostForTarget:Yt,cloneNowHidden:function(){ot=!0},cloneNowShown:function(){ot=!1},dispatchSortableEvent:function(t){V({sortable:e,name:t,originalEvent:n})}},o))}var q=["evt"];function V(t){G(I({putSortable:ct,cloneEl:nt,targetEl:Z,rootEl:J,oldIndex:it,oldDraggableIndex:at,newIndex:rt,newDraggableIndex:lt},t))}var Z,$,Q,J,tt,et,nt,ot,it,rt,at,lt,st,ct,ut,dt,ht,pt,ft,gt,mt,vt,bt,yt,wt,Dt=!1,Et=!1,St=[],_t=!1,Ct=!1,Tt=[],xt=!1,Ot=[],Mt="undefined"!=typeof document,At=c,Nt=w||y?"cssFloat":"float",It=Mt&&!n&&!c&&"draggable"in document.createElement("div"),Pt=function(){if(Mt){if(y)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),kt=function(t,e){var n=R(t),o=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),i=B(t,0,e),r=B(t,1,e),a=i&&R(i),l=r&&R(r),s=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+X(i).width,t=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+X(r).width;if("flex"===n.display)return"column"===n.flexDirection||"column-reverse"===n.flexDirection?"vertical":"horizontal";if("grid"===n.display)return n.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(i&&a.float&&"none"!==a.float){e="left"===a.float?"left":"right";return!r||"both"!==l.clear&&l.clear!==e?"horizontal":"vertical"}return i&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||o<=s&&"none"===n[Nt]||r&&"none"===n[Nt]&&o<s+t)?"vertical":"horizontal"},Rt=function(t){function l(r,a){return function(t,e,n,o){var i=t.options.group.name&&e.options.group.name&&t.options.group.name===e.options.group.name;if(null==r&&(a||i))return!0;if(null==r||!1===r)return!1;if(a&&"clone"===r)return r;if("function"==typeof r)return l(r(t,e,n,o),a)(t,e,n,o);e=(a?t:e).options.group.name;return!0===r||"string"==typeof r&&r===e||r.join&&-1<r.indexOf(e)}}var e={},n=t.group;n&&"object"==o(n)||(n={name:n}),e.name=n.name,e.checkPull=l(n.pull,!0),e.checkPut=l(n.put),e.revertClone=n.revertClone,t.group=e},Xt=function(){!Pt&&Q&&R(Q,"display","none")},Yt=function(){!Pt&&Q&&R(Q,"display","")};Mt&&!n&&document.addEventListener("click",function(t){if(Et)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),Et=!1},!0);function Bt(t){if(Z){t=t.touches?t.touches[0]:t;var e=(i=t.clientX,r=t.clientY,St.some(function(t){var e=t[K].options.emptyInsertThreshold;if(e&&!F(t)){var n=X(t),o=i>=n.left-e&&i<=n.right+e,e=r>=n.top-e&&r<=n.bottom+e;return o&&e?a=t:void 0}}),a);if(e){var n,o={};for(n in t)t.hasOwnProperty(n)&&(o[n]=t[n]);o.target=o.rootEl=e,o.preventDefault=void 0,o.stopPropagation=void 0,e[K]._onDragOver(o)}}var i,r,a}function Ft(t){Z&&Z.parentNode[K]._isOutsideThisEl(t.target)}function jt(t,e){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=e=a({},e),t[K]=this;var n,o,i={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return kt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,e){t.setData("Text",e.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==jt.supportPointer&&"PointerEvent"in window&&(!u||c),emptyInsertThreshold:5};for(n in z.initializePlugins(this,t,i),i)n in e||(e[n]=i[n]);for(o in Rt(e),this)"_"===o.charAt(0)&&"function"==typeof this[o]&&(this[o]=this[o].bind(this));this.nativeDraggable=!e.forceFallback&&It,this.nativeDraggable&&(this.options.touchStartThreshold=1),e.supportPointer?h(t,"pointerdown",this._onTapStart):(h(t,"mousedown",this._onTapStart),h(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(h(t,"dragover",this),h(t,"dragenter",this)),St.push(this.el),e.store&&e.store.get&&this.sort(e.store.get(this)||[]),a(this,A())}function Ht(t,e,n,o,i,r,a,l){var s,c,u=t[K],d=u.options.onMove;return!window.CustomEvent||y||w?(s=document.createEvent("Event")).initEvent("move",!0,!0):s=new CustomEvent("move",{bubbles:!0,cancelable:!0}),s.to=e,s.from=t,s.dragged=n,s.draggedRect=o,s.related=i||e,s.relatedRect=r||X(e),s.willInsertAfter=l,s.originalEvent=a,t.dispatchEvent(s),c=d?d.call(u,s,a):c}function Lt(t){t.draggable=!1}function Kt(){xt=!1}function Wt(t){return setTimeout(t,0)}function zt(t){return clearTimeout(t)}jt.prototype={constructor:jt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(vt=null)},_getDirection:function(t,e){return"function"==typeof this.options.direction?this.options.direction.call(this,t,e,Z):this.options.direction},_onTapStart:function(e){if(e.cancelable){var n=this,o=this.el,t=this.options,i=t.preventOnFilter,r=e.type,a=e.touches&&e.touches[0]||e.pointerType&&"touch"===e.pointerType&&e,l=(a||e).target,s=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||l,c=t.filter;if(!function(t){Ot.length=0;var e=t.getElementsByTagName("input"),n=e.length;for(;n--;){var o=e[n];o.checked&&Ot.push(o)}}(o),!Z&&!(/mousedown|pointerdown/.test(r)&&0!==e.button||t.disabled)&&!s.isContentEditable&&(this.nativeDraggable||!u||!l||"SELECT"!==l.tagName.toUpperCase())&&!((l=P(l,t.draggable,o,!1))&&l.animated||et===l)){if(it=j(l),at=j(l,t.draggable),"function"==typeof c){if(c.call(this,e,l,this))return V({sortable:n,rootEl:s,name:"filter",targetEl:l,toEl:o,fromEl:o}),U("filter",n,{evt:e}),void(i&&e.preventDefault())}else if(c=c&&c.split(",").some(function(t){if(t=P(s,t.trim(),o,!1))return V({sortable:n,rootEl:t,name:"filter",targetEl:l,fromEl:o,toEl:o}),U("filter",n,{evt:e}),!0}))return void(i&&e.preventDefault());t.handle&&!P(s,t.handle,o,!1)||this._prepareDragStart(e,a,l)}}},_prepareDragStart:function(t,e,n){var o,i=this,r=i.el,a=i.options,l=r.ownerDocument;n&&!Z&&n.parentNode===r&&(o=X(n),J=r,$=(Z=n).parentNode,tt=Z.nextSibling,et=n,st=a.group,ut={target:jt.dragged=Z,clientX:(e||t).clientX,clientY:(e||t).clientY},ft=ut.clientX-o.left,gt=ut.clientY-o.top,this._lastX=(e||t).clientX,this._lastY=(e||t).clientY,Z.style["will-change"]="all",o=function(){U("delayEnded",i,{evt:t}),jt.eventCanceled?i._onDrop():(i._disableDelayedDragEvents(),!s&&i.nativeDraggable&&(Z.draggable=!0),i._triggerDragStart(t,e),V({sortable:i,name:"choose",originalEvent:t}),k(Z,a.chosenClass,!0))},a.ignore.split(",").forEach(function(t){D(Z,t.trim(),Lt)}),h(l,"dragover",Bt),h(l,"mousemove",Bt),h(l,"touchmove",Bt),a.supportPointer?(h(l,"pointerup",i._onDrop),this.nativeDraggable||h(l,"pointercancel",i._onDrop)):(h(l,"mouseup",i._onDrop),h(l,"touchend",i._onDrop),h(l,"touchcancel",i._onDrop)),s&&this.nativeDraggable&&(this.options.touchStartThreshold=4,Z.draggable=!0),U("delayStart",this,{evt:t}),!a.delay||a.delayOnTouchOnly&&!e||this.nativeDraggable&&(w||y)?o():jt.eventCanceled?this._onDrop():(a.supportPointer?(h(l,"pointerup",i._disableDelayedDrag),h(l,"pointercancel",i._disableDelayedDrag)):(h(l,"mouseup",i._disableDelayedDrag),h(l,"touchend",i._disableDelayedDrag),h(l,"touchcancel",i._disableDelayedDrag)),h(l,"mousemove",i._delayedDragTouchMoveHandler),h(l,"touchmove",i._delayedDragTouchMoveHandler),a.supportPointer&&h(l,"pointermove",i._delayedDragTouchMoveHandler),i._dragStartTimer=setTimeout(o,a.delay)))},_delayedDragTouchMoveHandler:function(t){t=t.touches?t.touches[0]:t;Math.max(Math.abs(t.clientX-this._lastX),Math.abs(t.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){Z&&Lt(Z),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;p(t,"mouseup",this._disableDelayedDrag),p(t,"touchend",this._disableDelayedDrag),p(t,"touchcancel",this._disableDelayedDrag),p(t,"pointerup",this._disableDelayedDrag),p(t,"pointercancel",this._disableDelayedDrag),p(t,"mousemove",this._delayedDragTouchMoveHandler),p(t,"touchmove",this._delayedDragTouchMoveHandler),p(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,e){e=e||"touch"==t.pointerType&&t,!this.nativeDraggable||e?this.options.supportPointer?h(document,"pointermove",this._onTouchMove):h(document,e?"touchmove":"mousemove",this._onTouchMove):(h(Z,"dragend",this),h(J,"dragstart",this._onDragStart));try{document.selection?Wt(function(){document.selection.empty()}):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,e){var n;Dt=!1,J&&Z?(U("dragStarted",this,{evt:e}),this.nativeDraggable&&h(document,"dragover",Ft),n=this.options,t||k(Z,n.dragClass,!1),k(Z,n.ghostClass,!0),jt.active=this,t&&this._appendGhost(),V({sortable:this,name:"start",originalEvent:e})):this._nulling()},_emulateDragOver:function(){if(dt){this._lastX=dt.clientX,this._lastY=dt.clientY,Xt();for(var t=document.elementFromPoint(dt.clientX,dt.clientY),e=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(dt.clientX,dt.clientY))!==e;)e=t;if(Z.parentNode[K]._isOutsideThisEl(t),e)do{if(e[K])if(e[K]._onDragOver({clientX:dt.clientX,clientY:dt.clientY,target:t,rootEl:e})&&!this.options.dragoverBubble)break}while(e=g(t=e));Yt()}},_onTouchMove:function(t){if(ut){var e=this.options,n=e.fallbackTolerance,o=e.fallbackOffset,i=t.touches?t.touches[0]:t,r=Q&&b(Q,!0),a=Q&&r&&r.a,l=Q&&r&&r.d,e=At&&wt&&E(wt),a=(i.clientX-ut.clientX+o.x)/(a||1)+(e?e[0]-Tt[0]:0)/(a||1),l=(i.clientY-ut.clientY+o.y)/(l||1)+(e?e[1]-Tt[1]:0)/(l||1);if(!jt.active&&!Dt){if(n&&Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))<n)return;this._onDragStart(t,!0)}Q&&(r?(r.e+=a-(ht||0),r.f+=l-(pt||0)):r={a:1,b:0,c:0,d:1,e:a,f:l},r="matrix(".concat(r.a,",").concat(r.b,",").concat(r.c,",").concat(r.d,",").concat(r.e,",").concat(r.f,")"),R(Q,"webkitTransform",r),R(Q,"mozTransform",r),R(Q,"msTransform",r),R(Q,"transform",r),ht=a,pt=l,dt=i),t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!Q){var t=this.options.fallbackOnBody?document.body:J,e=X(Z,!0,At,!0,t),n=this.options;if(At){for(wt=t;"static"===R(wt,"position")&&"none"===R(wt,"transform")&&wt!==document;)wt=wt.parentNode;wt!==document.body&&wt!==document.documentElement?(wt===document&&(wt=O()),e.top+=wt.scrollTop,e.left+=wt.scrollLeft):wt=O(),Tt=E(wt)}k(Q=Z.cloneNode(!0),n.ghostClass,!1),k(Q,n.fallbackClass,!0),k(Q,n.dragClass,!0),R(Q,"transition",""),R(Q,"transform",""),R(Q,"box-sizing","border-box"),R(Q,"margin",0),R(Q,"top",e.top),R(Q,"left",e.left),R(Q,"width",e.width),R(Q,"height",e.height),R(Q,"opacity","0.8"),R(Q,"position",At?"absolute":"fixed"),R(Q,"zIndex","100000"),R(Q,"pointerEvents","none"),jt.ghost=Q,t.appendChild(Q),R(Q,"transform-origin",ft/parseInt(Q.style.width)*100+"% "+gt/parseInt(Q.style.height)*100+"%")}},_onDragStart:function(t,e){var n=this,o=t.dataTransfer,i=n.options;U("dragStart",this,{evt:t}),jt.eventCanceled?this._onDrop():(U("setupClone",this),jt.eventCanceled||((nt=C(Z)).removeAttribute("id"),nt.draggable=!1,nt.style["will-change"]="",this._hideClone(),k(nt,this.options.chosenClass,!1),jt.clone=nt),n.cloneId=Wt(function(){U("clone",n),jt.eventCanceled||(n.options.removeCloneOnHide||J.insertBefore(nt,Z),n._hideClone(),V({sortable:n,name:"clone"}))}),e||k(Z,i.dragClass,!0),e?(Et=!0,n._loopId=setInterval(n._emulateDragOver,50)):(p(document,"mouseup",n._onDrop),p(document,"touchend",n._onDrop),p(document,"touchcancel",n._onDrop),o&&(o.effectAllowed="move",i.setData&&i.setData.call(n,o,Z)),h(document,"drop",n),R(Z,"transform","translateZ(0)")),Dt=!0,n._dragStartId=Wt(n._dragStarted.bind(n,e,t)),h(document,"selectstart",n),mt=!0,window.getSelection().removeAllRanges(),u&&R(document.body,"user-select","none"))},_onDragOver:function(n){var o,i,r,t,e,a=this.el,l=n.target,s=this.options,c=s.group,u=jt.active,d=st===c,h=s.sort,p=ct||u,f=this,g=!1;if(!xt){if(void 0!==n.preventDefault&&n.cancelable&&n.preventDefault(),l=P(l,s.draggable,a,!0),O("dragOver"),jt.eventCanceled)return g;if(Z.contains(n.target)||l.animated&&l.animatingX&&l.animatingY||f._ignoreWhileAnimating===l)return A(!1);if(Et=!1,u&&!s.disabled&&(d?h||(i=$!==J):ct===this||(this.lastPutMode=st.checkPull(this,u,Z,n))&&c.checkPut(this,u,Z,n))){if(r="vertical"===this._getDirection(n,l),o=X(Z),O("dragOverValid"),jt.eventCanceled)return g;if(i)return $=J,M(),this._hideClone(),O("revert"),jt.eventCanceled||(tt?J.insertBefore(Z,tt):J.appendChild(Z)),A(!0);var m=F(a,s.draggable);if(m&&(S=n,c=r,x=X(F((E=this).el,E.options.draggable)),E=L(E.el,E.options,Q),!(c?S.clientX>E.right+10||S.clientY>x.bottom&&S.clientX>x.left:S.clientY>E.bottom+10||S.clientX>x.right&&S.clientY>x.top)||m.animated)){if(m&&(t=n,e=r,C=X(B((_=this).el,0,_.options,!0)),_=L(_.el,_.options,Q),e?t.clientX<_.left-10||t.clientY<C.top&&t.clientX<C.right:t.clientY<_.top-10||t.clientY<C.bottom&&t.clientX<C.left)){var v=B(a,0,s,!0);if(v===Z)return A(!1);if(D=X(l=v),!1!==Ht(J,a,Z,o,l,D,n,!1))return M(),a.insertBefore(Z,v),$=a,N(),A(!0)}else if(l.parentNode===a){var b,y,w,D=X(l),E=Z.parentNode!==a,S=(S=Z.animated&&Z.toRect||o,x=l.animated&&l.toRect||D,_=(e=r)?S.left:S.top,t=e?S.right:S.bottom,C=e?S.width:S.height,v=e?x.left:x.top,S=e?x.right:x.bottom,x=e?x.width:x.height,!(_===v||t===S||_+C/2===v+x/2)),_=r?"top":"left",C=Y(l,"top","top")||Y(Z,"top","top"),v=C?C.scrollTop:void 0;if(vt!==l&&(y=D[_],_t=!1,Ct=!S&&s.invertSwap||E),0!==(b=function(t,e,n,o,i,r,a,l){var s=o?t.clientY:t.clientX,c=o?n.height:n.width,t=o?n.top:n.left,o=o?n.bottom:n.right,n=!1;if(!a)if(l&&yt<c*i){if(_t=!_t&&(1===bt?t+c*r/2<s:s<o-c*r/2)?!0:_t)n=!0;else if(1===bt?s<t+yt:o-yt<s)return-bt}else if(t+c*(1-i)/2<s&&s<o-c*(1-i)/2)return function(t){return j(Z)<j(t)?1:-1}(e);if((n=n||a)&&(s<t+c*r/2||o-c*r/2<s))return t+c/2<s?1:-1;return 0}(n,l,D,r,S?1:s.swapThreshold,null==s.invertedSwapThreshold?s.swapThreshold:s.invertedSwapThreshold,Ct,vt===l)))for(var T=j(Z);(w=$.children[T-=b])&&("none"===R(w,"display")||w===Q););if(0===b||w===l)return A(!1);bt=b;var x=(vt=l).nextElementSibling,E=!1,S=Ht(J,a,Z,o,l,D,n,E=1===b);if(!1!==S)return 1!==S&&-1!==S||(E=1===S),xt=!0,setTimeout(Kt,30),M(),E&&!x?a.appendChild(Z):l.parentNode.insertBefore(Z,E?x:l),C&&H(C,0,v-C.scrollTop),$=Z.parentNode,void 0===y||Ct||(yt=Math.abs(y-X(l)[_])),N(),A(!0)}}else{if(m===Z)return A(!1);if((l=m&&a===n.target?m:l)&&(D=X(l)),!1!==Ht(J,a,Z,o,l,D,n,!!l))return M(),m&&m.nextSibling?a.insertBefore(Z,m.nextSibling):a.appendChild(Z),$=a,N(),A(!0)}if(a.contains(Z))return A(!1)}return!1}function O(t,e){U(t,f,I({evt:n,isOwner:d,axis:r?"vertical":"horizontal",revert:i,dragRect:o,targetRect:D,canSort:h,fromSortable:p,target:l,completed:A,onMove:function(t,e){return Ht(J,a,Z,o,t,X(t),n,e)},changed:N},e))}function M(){O("dragOverAnimationCapture"),f.captureAnimationState(),f!==p&&p.captureAnimationState()}function A(t){return O("dragOverCompleted",{insertion:t}),t&&(d?u._hideClone():u._showClone(f),f!==p&&(k(Z,(ct||u).options.ghostClass,!1),k(Z,s.ghostClass,!0)),ct!==f&&f!==jt.active?ct=f:f===jt.active&&ct&&(ct=null),p===f&&(f._ignoreWhileAnimating=l),f.animateAll(function(){O("dragOverAnimationComplete"),f._ignoreWhileAnimating=null}),f!==p&&(p.animateAll(),p._ignoreWhileAnimating=null)),(l===Z&&!Z.animated||l===a&&!l.animated)&&(vt=null),s.dragoverBubble||n.rootEl||l===document||(Z.parentNode[K]._isOutsideThisEl(n.target),t||Bt(n)),!s.dragoverBubble&&n.stopPropagation&&n.stopPropagation(),g=!0}function N(){rt=j(Z),lt=j(Z,s.draggable),V({sortable:f,name:"change",toEl:a,newIndex:rt,newDraggableIndex:lt,originalEvent:n})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){p(document,"mousemove",this._onTouchMove),p(document,"touchmove",this._onTouchMove),p(document,"pointermove",this._onTouchMove),p(document,"dragover",Bt),p(document,"mousemove",Bt),p(document,"touchmove",Bt)},_offUpEvents:function(){var t=this.el.ownerDocument;p(t,"mouseup",this._onDrop),p(t,"touchend",this._onDrop),p(t,"pointerup",this._onDrop),p(t,"pointercancel",this._onDrop),p(t,"touchcancel",this._onDrop),p(document,"selectstart",this)},_onDrop:function(t){var e=this.el,n=this.options;rt=j(Z),lt=j(Z,n.draggable),U("drop",this,{evt:t}),$=Z&&Z.parentNode,rt=j(Z),lt=j(Z,n.draggable),jt.eventCanceled||(_t=Ct=Dt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),zt(this.cloneId),zt(this._dragStartId),this.nativeDraggable&&(p(document,"drop",this),p(e,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),u&&R(document.body,"user-select",""),R(Z,"transform",""),t&&(mt&&(t.cancelable&&t.preventDefault(),n.dropBubble||t.stopPropagation()),Q&&Q.parentNode&&Q.parentNode.removeChild(Q),(J===$||ct&&"clone"!==ct.lastPutMode)&&nt&&nt.parentNode&&nt.parentNode.removeChild(nt),Z&&(this.nativeDraggable&&p(Z,"dragend",this),Lt(Z),Z.style["will-change"]="",mt&&!Dt&&k(Z,(ct||this).options.ghostClass,!1),k(Z,this.options.chosenClass,!1),V({sortable:this,name:"unchoose",toEl:$,newIndex:null,newDraggableIndex:null,originalEvent:t}),J!==$?(0<=rt&&(V({rootEl:$,name:"add",toEl:$,fromEl:J,originalEvent:t}),V({sortable:this,name:"remove",toEl:$,originalEvent:t}),V({rootEl:$,name:"sort",toEl:$,fromEl:J,originalEvent:t}),V({sortable:this,name:"sort",toEl:$,originalEvent:t})),ct&&ct.save()):rt!==it&&0<=rt&&(V({sortable:this,name:"update",toEl:$,originalEvent:t}),V({sortable:this,name:"sort",toEl:$,originalEvent:t})),jt.active&&(null!=rt&&-1!==rt||(rt=it,lt=at),V({sortable:this,name:"end",toEl:$,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){U("nulling",this),J=Z=$=Q=tt=nt=et=ot=ut=dt=mt=rt=lt=it=at=vt=bt=ct=st=jt.dragged=jt.ghost=jt.clone=jt.active=null,Ot.forEach(function(t){t.checked=!0}),Ot.length=ht=pt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":Z&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move");t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,e=[],n=this.el.children,o=0,i=n.length,r=this.options;o<i;o++)P(t=n[o],r.draggable,this.el,!1)&&e.push(t.getAttribute(r.dataIdAttr)||function(t){var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,o=0;for(;n--;)o+=e.charCodeAt(n);return o.toString(36)}(t));return e},sort:function(t,e){var n={},o=this.el;this.toArray().forEach(function(t,e){e=o.children[e];P(e,this.options.draggable,o,!1)&&(n[t]=e)},this),e&&this.captureAnimationState(),t.forEach(function(t){n[t]&&(o.removeChild(n[t]),o.appendChild(n[t]))}),e&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,e){return P(t,e||this.options.draggable,this.el,!1)},option:function(t,e){var n=this.options;if(void 0===e)return n[t];var o=z.modifyOption(this,t,e);n[t]=void 0!==o?o:e,"group"===t&&Rt(n)},destroy:function(){U("destroy",this);var t=this.el;t[K]=null,p(t,"mousedown",this._onTapStart),p(t,"touchstart",this._onTapStart),p(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(p(t,"dragover",this),p(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),function(t){t.removeAttribute("draggable")}),this._onDrop(),this._disableDelayedDragEvents(),St.splice(St.indexOf(this.el),1),this.el=t=null},_hideClone:function(){ot||(U("hideClone",this),jt.eventCanceled||(R(nt,"display","none"),this.options.removeCloneOnHide&&nt.parentNode&&nt.parentNode.removeChild(nt),ot=!0))},_showClone:function(t){"clone"===t.lastPutMode?ot&&(U("showClone",this),jt.eventCanceled||(Z.parentNode!=J||this.options.group.revertClone?tt?J.insertBefore(nt,tt):J.appendChild(nt):J.insertBefore(nt,Z),this.options.group.revertClone&&this.animate(Z,nt),R(nt,"display",""),ot=!1)):this._hideClone()}},Mt&&h(document,"touchmove",function(t){(jt.active||Dt)&&t.cancelable&&t.preventDefault()}),jt.utils={on:h,off:p,css:R,find:D,is:function(t,e){return!!P(t,e,t,!1)},extend:function(t,e){if(t&&e)for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},throttle:_,closest:P,toggleClass:k,clone:C,index:j,nextTick:Wt,cancelNextTick:zt,detectDirection:kt,getChild:B,expando:K},jt.get=function(t){return t[K]},jt.mount=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];(e=e[0].constructor===Array?e[0]:e).forEach(function(t){if(!t.prototype||!t.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));t.utils&&(jt.utils=I(I({},jt.utils),t.utils)),z.mount(t)})},jt.create=function(t,e){return new jt(t,e)};var Gt,Ut,qt,Vt,Zt,$t,Qt=[],Jt=!(jt.version="1.15.6");function te(){Qt.forEach(function(t){clearInterval(t.pid)}),Qt=[]}function ee(){clearInterval($t)}var ne,oe=_(function(n,t,e,o){if(t.scroll){var i,r=(n.touches?n.touches[0]:n).clientX,a=(n.touches?n.touches[0]:n).clientY,l=t.scrollSensitivity,s=t.scrollSpeed,c=O(),u=!1;Ut!==e&&(Ut=e,te(),Gt=t.scroll,i=t.scrollFn,!0===Gt&&(Gt=M(e,!0)));var d=0,h=Gt;do{var p=h,f=X(p),g=f.top,m=f.bottom,v=f.left,b=f.right,y=f.width,w=f.height,D=void 0,E=void 0,S=p.scrollWidth,_=p.scrollHeight,C=R(p),T=p.scrollLeft,f=p.scrollTop,E=p===c?(D=y<S&&("auto"===C.overflowX||"scroll"===C.overflowX||"visible"===C.overflowX),w<_&&("auto"===C.overflowY||"scroll"===C.overflowY||"visible"===C.overflowY)):(D=y<S&&("auto"===C.overflowX||"scroll"===C.overflowX),w<_&&("auto"===C.overflowY||"scroll"===C.overflowY)),T=D&&(Math.abs(b-r)<=l&&T+y<S)-(Math.abs(v-r)<=l&&!!T),f=E&&(Math.abs(m-a)<=l&&f+w<_)-(Math.abs(g-a)<=l&&!!f);if(!Qt[d])for(var x=0;x<=d;x++)Qt[x]||(Qt[x]={});Qt[d].vx==T&&Qt[d].vy==f&&Qt[d].el===p||(Qt[d].el=p,Qt[d].vx=T,Qt[d].vy=f,clearInterval(Qt[d].pid),0==T&&0==f||(u=!0,Qt[d].pid=setInterval(function(){o&&0===this.layer&&jt.active._onTouchMove(Zt);var t=Qt[this.layer].vy?Qt[this.layer].vy*s:0,e=Qt[this.layer].vx?Qt[this.layer].vx*s:0;"function"==typeof i&&"continue"!==i.call(jt.dragged.parentNode[K],e,t,n,Zt,Qt[this.layer].el)||H(Qt[this.layer].el,e,t)}.bind({layer:d}),24))),d++}while(t.bubbleScroll&&h!==c&&(h=M(h,!1)));Jt=u}},30),n=function(t){var e=t.originalEvent,n=t.putSortable,o=t.dragEl,i=t.activeSortable,r=t.dispatchSortableEvent,a=t.hideGhostForTarget,t=t.unhideGhostForTarget;e&&(i=n||i,a(),e=e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e,e=document.elementFromPoint(e.clientX,e.clientY),t(),i&&!i.el.contains(e)&&(r("spill"),this.onSpill({dragEl:o,putSortable:n})))};function ie(){}function re(){}ie.prototype={startIndex:null,dragStart:function(t){t=t.oldDraggableIndex;this.startIndex=t},onSpill:function(t){var e=t.dragEl,n=t.putSortable;this.sortable.captureAnimationState(),n&&n.captureAnimationState();t=B(this.sortable.el,this.startIndex,this.options);t?this.sortable.el.insertBefore(e,t):this.sortable.el.appendChild(e),this.sortable.animateAll(),n&&n.animateAll()},drop:n},a(ie,{pluginName:"revertOnSpill"}),re.prototype={onSpill:function(t){var e=t.dragEl,t=t.putSortable||this.sortable;t.captureAnimationState(),e.parentNode&&e.parentNode.removeChild(e),t.animateAll()},drop:n},a(re,{pluginName:"removeOnSpill"});var ae,le,se,ce,ue,de=[],he=[],pe=!1,fe=!1,ge=!1;function me(n,o){he.forEach(function(t,e){e=o.children[t.sortableIndex+(n?Number(e):0)];e?o.insertBefore(t,e):o.appendChild(t)})}function ve(){de.forEach(function(t){t!==se&&t.parentNode&&t.parentNode.removeChild(t)})}return jt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){t=t.originalEvent;this.sortable.nativeDraggable?h(document,"dragover",this._handleAutoScroll):this.options.supportPointer?h(document,"pointermove",this._handleFallbackAutoScroll):t.touches?h(document,"touchmove",this._handleFallbackAutoScroll):h(document,"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){t=t.originalEvent;this.options.dragOverBubble||t.rootEl||this._handleAutoScroll(t)},drop:function(){this.sortable.nativeDraggable?p(document,"dragover",this._handleAutoScroll):(p(document,"pointermove",this._handleFallbackAutoScroll),p(document,"touchmove",this._handleFallbackAutoScroll),p(document,"mousemove",this._handleFallbackAutoScroll)),ee(),te(),clearTimeout(m),m=void 0},nulling:function(){Zt=Ut=Gt=Jt=$t=qt=Vt=null,Qt.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(e,n){var o,i=this,r=(e.touches?e.touches[0]:e).clientX,a=(e.touches?e.touches[0]:e).clientY,t=document.elementFromPoint(r,a);Zt=e,n||this.options.forceAutoScrollFallback||w||y||u?(oe(e,this.options,t,n),o=M(t,!0),!Jt||$t&&r===qt&&a===Vt||($t&&ee(),$t=setInterval(function(){var t=M(document.elementFromPoint(r,a),!0);t!==o&&(o=t,te()),oe(e,i.options,t,n)},10),qt=r,Vt=a)):this.options.bubbleScroll&&M(t,!0)!==O()?oe(e,this.options,M(t,!1),!1):te()}},a(t,{pluginName:"scroll",initializeByDefault:!0})}),jt.mount(re,ie),jt.mount(new function(){function t(){this.defaults={swapClass:"sortable-swap-highlight"}}return t.prototype={dragStart:function(t){t=t.dragEl;ne=t},dragOverValid:function(t){var e=t.completed,n=t.target,o=t.onMove,i=t.activeSortable,r=t.changed,a=t.cancel;i.options.swap&&(t=this.sortable.el,i=this.options,n&&n!==t&&(t=ne,ne=!1!==o(n)?(k(n,i.swapClass,!0),n):null,t&&t!==ne&&k(t,i.swapClass,!1)),r(),e(!0),a())},drop:function(t){var e,n,o=t.activeSortable,i=t.putSortable,r=t.dragEl,a=i||this.sortable,l=this.options;ne&&k(ne,l.swapClass,!1),ne&&(l.swap||i&&i.options.swap)&&r!==ne&&(a.captureAnimationState(),a!==o&&o.captureAnimationState(),n=ne,t=(e=r).parentNode,l=n.parentNode,t&&l&&!t.isEqualNode(n)&&!l.isEqualNode(e)&&(i=j(e),r=j(n),t.isEqualNode(l)&&i<r&&r++,t.insertBefore(n,t.children[i]),l.insertBefore(e,l.children[r])),a.animateAll(),a!==o&&o.animateAll())},nulling:function(){ne=null}},a(t,{pluginName:"swap",eventProperties:function(){return{swapItem:ne}}})}),jt.mount(new function(){function t(o){for(var t in this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this));o.options.avoidImplicitDeselect||(o.options.supportPointer?h(document,"pointerup",this._deselectMultiDrag):(h(document,"mouseup",this._deselectMultiDrag),h(document,"touchend",this._deselectMultiDrag))),h(document,"keydown",this._checkKeyDown),h(document,"keyup",this._checkKeyUp),this.defaults={selectedClass:"sortable-selected",multiDragKey:null,avoidImplicitDeselect:!1,setData:function(t,e){var n="";de.length&&le===o?de.forEach(function(t,e){n+=(e?", ":"")+t.textContent}):n=e.textContent,t.setData("Text",n)}}}return t.prototype={multiDragKeyDown:!1,isMultiDrag:!1,delayStartGlobal:function(t){t=t.dragEl;se=t},delayEnded:function(){this.isMultiDrag=~de.indexOf(se)},setupClone:function(t){var e=t.sortable,t=t.cancel;if(this.isMultiDrag){for(var n=0;n<de.length;n++)he.push(C(de[n])),he[n].sortableIndex=de[n].sortableIndex,he[n].draggable=!1,he[n].style["will-change"]="",k(he[n],this.options.selectedClass,!1),de[n]===se&&k(he[n],this.options.chosenClass,!1);e._hideClone(),t()}},clone:function(t){var e=t.sortable,n=t.rootEl,o=t.dispatchSortableEvent,t=t.cancel;this.isMultiDrag&&(this.options.removeCloneOnHide||de.length&&le===e&&(me(!0,n),o("clone"),t()))},showClone:function(t){var e=t.cloneNowShown,n=t.rootEl,t=t.cancel;this.isMultiDrag&&(me(!1,n),he.forEach(function(t){R(t,"display","")}),e(),ue=!1,t())},hideClone:function(t){var e=this,n=(t.sortable,t.cloneNowHidden),t=t.cancel;this.isMultiDrag&&(he.forEach(function(t){R(t,"display","none"),e.options.removeCloneOnHide&&t.parentNode&&t.parentNode.removeChild(t)}),n(),ue=!0,t())},dragStartGlobal:function(t){t.sortable;!this.isMultiDrag&&le&&le.multiDrag._deselectMultiDrag(),de.forEach(function(t){t.sortableIndex=j(t)}),de=de.sort(function(t,e){return t.sortableIndex-e.sortableIndex}),ge=!0},dragStarted:function(t){var e,n=this,t=t.sortable;this.isMultiDrag&&(this.options.sort&&(t.captureAnimationState(),this.options.animation&&(de.forEach(function(t){t!==se&&R(t,"position","absolute")}),e=X(se,!1,!0,!0),de.forEach(function(t){t!==se&&T(t,e)}),pe=fe=!0)),t.animateAll(function(){pe=fe=!1,n.options.animation&&de.forEach(function(t){x(t)}),n.options.sort&&ve()}))},dragOver:function(t){var e=t.target,n=t.completed,t=t.cancel;fe&&~de.indexOf(e)&&(n(!1),t())},revert:function(t){var n,o,e=t.fromSortable,i=t.rootEl,r=t.sortable,a=t.dragRect;1<de.length&&(de.forEach(function(t){r.addAnimationState({target:t,rect:fe?X(t):a}),x(t),t.fromRect=a,e.removeAnimationState(t)}),fe=!1,n=!this.options.removeCloneOnHide,o=i,de.forEach(function(t,e){e=o.children[t.sortableIndex+(n?Number(e):0)];e?o.insertBefore(t,e):o.appendChild(t)}))},dragOverCompleted:function(t){var e,n=t.sortable,o=t.isOwner,i=t.insertion,r=t.activeSortable,a=t.parentEl,l=t.putSortable,t=this.options;i&&(o&&r._hideClone(),pe=!1,t.animation&&1<de.length&&(fe||!o&&!r.options.sort&&!l)&&(e=X(se,!1,!0,!0),de.forEach(function(t){t!==se&&(T(t,e),a.appendChild(t))}),fe=!0),o||(fe||ve(),1<de.length?(o=ue,r._showClone(n),r.options.animation&&!ue&&o&&he.forEach(function(t){r.addAnimationState({target:t,rect:ce}),t.fromRect=ce,t.thisAnimationDuration=null})):r._showClone(n)))},dragOverAnimationCapture:function(t){var e=t.dragRect,n=t.isOwner,t=t.activeSortable;de.forEach(function(t){t.thisAnimationDuration=null}),t.options.animation&&!n&&t.multiDrag.isMultiDrag&&(ce=a({},e),e=b(se,!0),ce.top-=e.f,ce.left-=e.e)},dragOverAnimationComplete:function(){fe&&(fe=!1,ve())},drop:function(t){var o,i,r,a,n,e,l,s=t.originalEvent,c=t.rootEl,u=t.parentEl,d=t.sortable,h=t.dispatchSortableEvent,p=t.oldIndex,t=t.putSortable,f=t||this.sortable;s&&(o=this.options,i=u.children,ge||(o.multiDragKey&&!this.multiDragKeyDown&&this._deselectMultiDrag(),k(se,o.selectedClass,!~de.indexOf(se)),~de.indexOf(se)?(de.splice(de.indexOf(se),1),ae=null,G({sortable:d,rootEl:c,name:"deselect",targetEl:se,originalEvent:s})):(de.push(se),G({sortable:d,rootEl:c,name:"select",targetEl:se,originalEvent:s}),s.shiftKey&&ae&&d.el.contains(ae)?(r=j(ae),a=j(se),~r&&~a&&r!==a&&function(){for(var e,t=r<a?(e=r,a):(e=a,r+1),n=o.filter;e<t;e++)~de.indexOf(i[e])||P(i[e],o.draggable,u,!1)&&(n&&("function"==typeof n?n.call(d,s,i[e],d):n.split(",").some(function(t){return P(i[e],t.trim(),u,!1)}))||(k(i[e],o.selectedClass,!0),de.push(i[e]),G({sortable:d,rootEl:c,name:"select",targetEl:i[e],originalEvent:s})))}()):ae=se,le=f)),ge&&this.isMultiDrag&&(fe=!1,(u[K].options.sort||u!==c)&&1<de.length&&(n=X(se),e=j(se,":not(."+this.options.selectedClass+")"),!pe&&o.animation&&(se.thisAnimationDuration=null),f.captureAnimationState(),pe||(o.animation&&(se.fromRect=n,de.forEach(function(t){var e;t.thisAnimationDuration=null,t!==se&&(e=fe?X(t):n,t.fromRect=e,f.addAnimationState({target:t,rect:e}))})),ve(),de.forEach(function(t){i[e]?u.insertBefore(t,i[e]):u.appendChild(t),e++}),p===j(se)&&(l=!1,de.forEach(function(t){t.sortableIndex!==j(t)&&(l=!0)}),l&&(h("update"),h("sort")))),de.forEach(function(t){x(t)}),f.animateAll()),le=f),(c===u||t&&"clone"!==t.lastPutMode)&&he.forEach(function(t){t.parentNode&&t.parentNode.removeChild(t)}))},nullingGlobal:function(){this.isMultiDrag=ge=!1,he.length=0},destroyGlobal:function(){this._deselectMultiDrag(),p(document,"pointerup",this._deselectMultiDrag),p(document,"mouseup",this._deselectMultiDrag),p(document,"touchend",this._deselectMultiDrag),p(document,"keydown",this._checkKeyDown),p(document,"keyup",this._checkKeyUp)},_deselectMultiDrag:function(t){if(!(void 0!==ge&&ge||le!==this.sortable||t&&P(t.target,this.options.draggable,this.sortable.el,!1)||t&&0!==t.button))for(;de.length;){var e=de[0];k(e,this.options.selectedClass,!1),de.shift(),G({sortable:this.sortable,rootEl:this.sortable.el,name:"deselect",targetEl:e,originalEvent:t})}},_checkKeyDown:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!0)},_checkKeyUp:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!1)}},a(t,{pluginName:"multiDrag",utils:{select:function(t){var e=t.parentNode[K];e&&e.options.multiDrag&&!~de.indexOf(t)&&(le&&le!==e&&(le.multiDrag._deselectMultiDrag(),le=e),k(t,e.options.selectedClass,!0),de.push(t))},deselect:function(t){var e=t.parentNode[K],n=de.indexOf(t);e&&e.options.multiDrag&&~n&&(k(t,e.options.selectedClass,!1),de.splice(n,1))}},eventProperties:function(){var n=this,o=[],i=[];return de.forEach(function(t){var e;o.push({multiDragElement:t,index:t.sortableIndex}),e=fe&&t!==se?-1:fe?j(t,":not(."+n.options.selectedClass+")"):j(t),i.push({multiDragElement:t,index:e})}),{items:r(de),clones:[].concat(he),oldIndicies:o,newIndicies:i}},optionListeners:{multiDragKey:function(t){return"ctrl"===(t=t.toLowerCase())?t="Control":1<t.length&&(t=t.charAt(0).toUpperCase()+t.substr(1)),t}}})}),jt});
\ No newline at end of file
diff --git a/public_html/assets/raven/vendor/js/autosize.min.js b/public_html/assets/raven/vendor/js/autosize.min.js
new file mode 100644
index 0000000..1b24155
--- /dev/null
+++ b/public_html/assets/raven/vendor/js/autosize.min.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e||self).autosize=t()}(this,function(){var e=new Map;function t(t){var o=e.get(t);o&&o.destroy()}function o(t){var o=e.get(t);o&&o.update()}var r=null;return"undefined"==typeof window?((r=function(e){return e}).destroy=function(e){return e},r.update=function(e){return e}):((r=function(t,o){return t&&Array.prototype.forEach.call(t.length?t:[t],function(t){return function(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!e.has(t)){var o,r=null,n=window.getComputedStyle(t),i=(o=t.value,function(){s({testForHeightReduction:""===o||!t.value.startsWith(o),restoreTextAlign:null}),o=t.value}),l=function(o){t.removeEventListener("autosize:destroy",l),t.removeEventListener("autosize:update",a),t.removeEventListener("input",i),window.removeEventListener("resize",a),Object.keys(o).forEach(function(e){return t.style[e]=o[e]}),e.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,textAlign:t.style.textAlign,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",l),t.addEventListener("autosize:update",a),t.addEventListener("input",i),window.addEventListener("resize",a),t.style.overflowX="hidden",t.style.wordWrap="break-word",e.set(t,{destroy:l,update:a}),a()}function s(e){var o,i,l=e.restoreTextAlign,a=void 0===l?null:l,d=e.testForHeightReduction,u=void 0===d||d,f=n.overflowY;if(0!==t.scrollHeight&&("vertical"===n.resize?t.style.resize="none":"both"===n.resize&&(t.style.resize="horizontal"),u&&(o=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push([e.parentNode,e.parentNode.scrollTop]),e=e.parentNode;return function(){return t.forEach(function(e){var t=e[0],o=e[1];t.style.scrollBehavior="auto",t.scrollTop=o,t.style.scrollBehavior=null})}}(t),t.style.height=""),i="content-box"===n.boxSizing?t.scrollHeight-(parseFloat(n.paddingTop)+parseFloat(n.paddingBottom)):t.scrollHeight+parseFloat(n.borderTopWidth)+parseFloat(n.borderBottomWidth),"none"!==n.maxHeight&&i>parseFloat(n.maxHeight)?("hidden"===n.overflowY&&(t.style.overflow="scroll"),i=parseFloat(n.maxHeight)):"hidden"!==n.overflowY&&(t.style.overflow="hidden"),t.style.height=i+"px",a&&(t.style.textAlign=a),o&&o(),r!==i&&(t.dispatchEvent(new Event("autosize:resized",{bubbles:!0})),r=i),f!==n.overflow&&!a)){var c=n.textAlign;"hidden"===n.overflow&&(t.style.textAlign="start"===c?"end":"start"),s({restoreTextAlign:c,testForHeightReduction:!0})}}function a(){s({testForHeightReduction:!0,restoreTextAlign:null})}}(t)}),t}).destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],t),e},r.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],o),e}),r});
diff --git a/public_html/assets/raven/vendor/js/cleave.min.js b/public_html/assets/raven/vendor/js/cleave.min.js
new file mode 100644
index 0000000..e43189a
--- /dev/null
+++ b/public_html/assets/raven/vendor/js/cleave.min.js
@@ -0,0 +1,8 @@
+/*!
+ * cleave.js - 1.6.0
+ * https://github.com/nosir/cleave.js
+ * Apache License Version 2.0
+ *
+ * Copyright (C) 2012-2020 Max Huang https://github.com/nosir/
+ */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.Cleave=t():e.Cleave=t()}(this,function(){return function(e){function t(i){if(r[i])return r[i].exports;var n=r[i]={exports:{},id:i,loaded:!1};return e[i].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){(function(t){"use strict";var i=function(e,t){var r=this,n=!1;if("string"==typeof e?(r.element=document.querySelector(e),n=document.querySelectorAll(e).length>1):"undefined"!=typeof e.length&&e.length>0?(r.element=e[0],n=e.length>1):r.element=e,!r.element)throw new Error("[cleave.js] Please check the element");if(n)try{console.warn("[cleave.js] Multiple input fields matched, cleave.js will only take the first one.")}catch(a){}t.initValue=r.element.value,r.properties=i.DefaultProperties.assign({},t),r.init()};i.prototype={init:function(){var e=this,t=e.properties;return t.numeral||t.phone||t.creditCard||t.time||t.date||0!==t.blocksLength||t.prefix?(t.maxLength=i.Util.getMaxLength(t.blocks),e.isAndroid=i.Util.isAndroid(),e.lastInputValue="",e.isBackward="",e.onChangeListener=e.onChange.bind(e),e.onKeyDownListener=e.onKeyDown.bind(e),e.onFocusListener=e.onFocus.bind(e),e.onCutListener=e.onCut.bind(e),e.onCopyListener=e.onCopy.bind(e),e.initSwapHiddenInput(),e.element.addEventListener("input",e.onChangeListener),e.element.addEventListener("keydown",e.onKeyDownListener),e.element.addEventListener("focus",e.onFocusListener),e.element.addEventListener("cut",e.onCutListener),e.element.addEventListener("copy",e.onCopyListener),e.initPhoneFormatter(),e.initDateFormatter(),e.initTimeFormatter(),e.initNumeralFormatter(),void((t.initValue||t.prefix&&!t.noImmediatePrefix)&&e.onInput(t.initValue))):void e.onInput(t.initValue)},initSwapHiddenInput:function(){var e=this,t=e.properties;if(t.swapHiddenInput){var r=e.element.cloneNode(!0);e.element.parentNode.insertBefore(r,e.element),e.elementSwapHidden=e.element,e.elementSwapHidden.type="hidden",e.element=r,e.element.id=""}},initNumeralFormatter:function(){var e=this,t=e.properties;t.numeral&&(t.numeralFormatter=new i.NumeralFormatter(t.numeralDecimalMark,t.numeralIntegerScale,t.numeralDecimalScale,t.numeralThousandsGroupStyle,t.numeralPositiveOnly,t.stripLeadingZeroes,t.prefix,t.signBeforePrefix,t.tailPrefix,t.delimiter))},initTimeFormatter:function(){var e=this,t=e.properties;t.time&&(t.timeFormatter=new i.TimeFormatter(t.timePattern,t.timeFormat),t.blocks=t.timeFormatter.getBlocks(),t.blocksLength=t.blocks.length,t.maxLength=i.Util.getMaxLength(t.blocks))},initDateFormatter:function(){var e=this,t=e.properties;t.date&&(t.dateFormatter=new i.DateFormatter(t.datePattern,t.dateMin,t.dateMax),t.blocks=t.dateFormatter.getBlocks(),t.blocksLength=t.blocks.length,t.maxLength=i.Util.getMaxLength(t.blocks))},initPhoneFormatter:function(){var e=this,t=e.properties;if(t.phone)try{t.phoneFormatter=new i.PhoneFormatter(new t.root.Cleave.AsYouTypeFormatter(t.phoneRegionCode),t.delimiter)}catch(r){throw new Error("[cleave.js] Please include phone-type-formatter.{country}.js lib")}},onKeyDown:function(e){var t=this,r=e.which||e.keyCode;t.lastInputValue=t.element.value,t.isBackward=8===r},onChange:function(e){var t=this,r=t.properties,n=i.Util;t.isBackward=t.isBackward||"deleteContentBackward"===e.inputType;var a=n.getPostDelimiter(t.lastInputValue,r.delimiter,r.delimiters);t.isBackward&&a?r.postDelimiterBackspace=a:r.postDelimiterBackspace=!1,this.onInput(this.element.value)},onFocus:function(){var e=this,t=e.properties;e.lastInputValue=e.element.value,t.prefix&&t.noImmediatePrefix&&!e.element.value&&this.onInput(t.prefix),i.Util.fixPrefixCursor(e.element,t.prefix,t.delimiter,t.delimiters)},onCut:function(e){i.Util.checkFullSelection(this.element.value)&&(this.copyClipboardData(e),this.onInput(""))},onCopy:function(e){i.Util.checkFullSelection(this.element.value)&&this.copyClipboardData(e)},copyClipboardData:function(e){var t=this,r=t.properties,n=i.Util,a=t.element.value,o="";o=r.copyDelimiter?a:n.stripDelimiters(a,r.delimiter,r.delimiters);try{e.clipboardData?e.clipboardData.setData("Text",o):window.clipboardData.setData("Text",o),e.preventDefault()}catch(l){}},onInput:function(e){var t=this,r=t.properties,n=i.Util,a=n.getPostDelimiter(e,r.delimiter,r.delimiters);return r.numeral||!r.postDelimiterBackspace||a||(e=n.headStr(e,e.length-r.postDelimiterBackspace.length)),r.phone?(!r.prefix||r.noImmediatePrefix&&!e.length?r.result=r.phoneFormatter.format(e):r.result=r.prefix+r.phoneFormatter.format(e).slice(r.prefix.length),void t.updateValueState()):r.numeral?(r.prefix&&r.noImmediatePrefix&&0===e.length?r.result="":r.result=r.numeralFormatter.format(e),void t.updateValueState()):(r.date&&(e=r.dateFormatter.getValidatedDate(e)),r.time&&(e=r.timeFormatter.getValidatedTime(e)),e=n.stripDelimiters(e,r.delimiter,r.delimiters),e=n.getPrefixStrippedValue(e,r.prefix,r.prefixLength,r.result,r.delimiter,r.delimiters,r.noImmediatePrefix,r.tailPrefix,r.signBeforePrefix),e=r.numericOnly?n.strip(e,/[^\d]/g):e,e=r.uppercase?e.toUpperCase():e,e=r.lowercase?e.toLowerCase():e,r.prefix&&(r.tailPrefix?e+=r.prefix:e=r.prefix+e,0===r.blocksLength)?(r.result=e,void t.updateValueState()):(r.creditCard&&t.updateCreditCardPropsByValue(e),e=n.headStr(e,r.maxLength),r.result=n.getFormattedValue(e,r.blocks,r.blocksLength,r.delimiter,r.delimiters,r.delimiterLazyShow),void t.updateValueState()))},updateCreditCardPropsByValue:function(e){var t,r=this,n=r.properties,a=i.Util;a.headStr(n.result,4)!==a.headStr(e,4)&&(t=i.CreditCardDetector.getInfo(e,n.creditCardStrictMode),n.blocks=t.blocks,n.blocksLength=n.blocks.length,n.maxLength=a.getMaxLength(n.blocks),n.creditCardType!==t.type&&(n.creditCardType=t.type,n.onCreditCardTypeChanged.call(r,n.creditCardType)))},updateValueState:function(){var e=this,t=i.Util,r=e.properties;if(e.element){var n=e.element.selectionEnd,a=e.element.value,o=r.result;if(n=t.getNextCursorPosition(n,a,o,r.delimiter,r.delimiters),e.isAndroid)return void window.setTimeout(function(){e.element.value=o,t.setSelection(e.element,n,r.document,!1),e.callOnValueChanged()},1);e.element.value=o,r.swapHiddenInput&&(e.elementSwapHidden.value=e.getRawValue()),t.setSelection(e.element,n,r.document,!1),e.callOnValueChanged()}},callOnValueChanged:function(){var e=this,t=e.properties;t.onValueChanged.call(e,{target:{name:e.element.name,value:t.result,rawValue:e.getRawValue()}})},setPhoneRegionCode:function(e){var t=this,r=t.properties;r.phoneRegionCode=e,t.initPhoneFormatter(),t.onChange()},setRawValue:function(e){var t=this,r=t.properties;e=void 0!==e&&null!==e?e.toString():"",r.numeral&&(e=e.replace(".",r.numeralDecimalMark)),r.postDelimiterBackspace=!1,t.element.value=e,t.onInput(e)},getRawValue:function(){var e=this,t=e.properties,r=i.Util,n=e.element.value;return t.rawValueTrimPrefix&&(n=r.getPrefixStrippedValue(n,t.prefix,t.prefixLength,t.result,t.delimiter,t.delimiters,t.noImmediatePrefix,t.tailPrefix,t.signBeforePrefix)),n=t.numeral?t.numeralFormatter.getRawValue(n):r.stripDelimiters(n,t.delimiter,t.delimiters)},getISOFormatDate:function(){var e=this,t=e.properties;return t.date?t.dateFormatter.getISOFormatDate():""},getISOFormatTime:function(){var e=this,t=e.properties;return t.time?t.timeFormatter.getISOFormatTime():""},getFormattedValue:function(){return this.element.value},destroy:function(){var e=this;e.element.removeEventListener("input",e.onChangeListener),e.element.removeEventListener("keydown",e.onKeyDownListener),e.element.removeEventListener("focus",e.onFocusListener),e.element.removeEventListener("cut",e.onCutListener),e.element.removeEventListener("copy",e.onCopyListener)},toString:function(){return"[Cleave Object]"}},i.NumeralFormatter=r(1),i.DateFormatter=r(2),i.TimeFormatter=r(3),i.PhoneFormatter=r(4),i.CreditCardDetector=r(5),i.Util=r(6),i.DefaultProperties=r(7),("object"==typeof t&&t?t:window).Cleave=i,e.exports=i}).call(t,function(){return this}())},function(e,t){"use strict";var r=function(e,t,i,n,a,o,l,s,c,u){var d=this;d.numeralDecimalMark=e||".",d.numeralIntegerScale=t>0?t:0,d.numeralDecimalScale=i>=0?i:2,d.numeralThousandsGroupStyle=n||r.groupStyle.thousand,d.numeralPositiveOnly=!!a,d.stripLeadingZeroes=o!==!1,d.prefix=l||""===l?l:"",d.signBeforePrefix=!!s,d.tailPrefix=!!c,d.delimiter=u||""===u?u:",",d.delimiterRE=u?new RegExp("\\"+u,"g"):""};r.groupStyle={thousand:"thousand",lakh:"lakh",wan:"wan",none:"none"},r.prototype={getRawValue:function(e){return e.replace(this.delimiterRE,"").replace(this.numeralDecimalMark,".")},format:function(e){var t,i,n,a,o=this,l="";switch(e=e.replace(/[A-Za-z]/g,"").replace(o.numeralDecimalMark,"M").replace(/[^\dM-]/g,"").replace(/^\-/,"N").replace(/\-/g,"").replace("N",o.numeralPositiveOnly?"":"-").replace("M",o.numeralDecimalMark),o.stripLeadingZeroes&&(e=e.replace(/^(-)?0+(?=\d)/,"$1")),i="-"===e.slice(0,1)?"-":"",n="undefined"!=typeof o.prefix?o.signBeforePrefix?i+o.prefix:o.prefix+i:i,a=e,e.indexOf(o.numeralDecimalMark)>=0&&(t=e.split(o.numeralDecimalMark),a=t[0],l=o.numeralDecimalMark+t[1].slice(0,o.numeralDecimalScale)),"-"===i&&(a=a.slice(1)),o.numeralIntegerScale>0&&(a=a.slice(0,o.numeralIntegerScale)),o.numeralThousandsGroupStyle){case r.groupStyle.lakh:a=a.replace(/(\d)(?=(\d\d)+\d$)/g,"$1"+o.delimiter);break;case r.groupStyle.wan:a=a.replace(/(\d)(?=(\d{4})+$)/g,"$1"+o.delimiter);break;case r.groupStyle.thousand:a=a.replace(/(\d)(?=(\d{3})+$)/g,"$1"+o.delimiter)}return o.tailPrefix?i+a.toString()+(o.numeralDecimalScale>0?l.toString():"")+o.prefix:n+a.toString()+(o.numeralDecimalScale>0?l.toString():"")}},e.exports=r},function(e,t){"use strict";var r=function(e,t,r){var i=this;i.date=[],i.blocks=[],i.datePattern=e,i.dateMin=t.split("-").reverse().map(function(e){return parseInt(e,10)}),2===i.dateMin.length&&i.dateMin.unshift(0),i.dateMax=r.split("-").reverse().map(function(e){return parseInt(e,10)}),2===i.dateMax.length&&i.dateMax.unshift(0),i.initBlocks()};r.prototype={initBlocks:function(){var e=this;e.datePattern.forEach(function(t){"Y"===t?e.blocks.push(4):e.blocks.push(2)})},getISOFormatDate:function(){var e=this,t=e.date;return t[2]?t[2]+"-"+e.addLeadingZero(t[1])+"-"+e.addLeadingZero(t[0]):""},getBlocks:function(){return this.blocks},getValidatedDate:function(e){var t=this,r="";return e=e.replace(/[^\d]/g,""),t.blocks.forEach(function(i,n){if(e.length>0){var a=e.slice(0,i),o=a.slice(0,1),l=e.slice(i);switch(t.datePattern[n]){case"d":"00"===a?a="01":parseInt(o,10)>3?a="0"+o:parseInt(a,10)>31&&(a="31");break;case"m":"00"===a?a="01":parseInt(o,10)>1?a="0"+o:parseInt(a,10)>12&&(a="12")}r+=a,e=l}}),this.getFixedDateString(r)},getFixedDateString:function(e){var t,r,i,n=this,a=n.datePattern,o=[],l=0,s=0,c=0,u=0,d=0,m=0,p=!1;4===e.length&&"y"!==a[0].toLowerCase()&&"y"!==a[1].toLowerCase()&&(u="d"===a[0]?0:2,d=2-u,t=parseInt(e.slice(u,u+2),10),r=parseInt(e.slice(d,d+2),10),o=this.getFixedDate(t,r,0)),8===e.length&&(a.forEach(function(e,t){switch(e){case"d":l=t;break;case"m":s=t;break;default:c=t}}),m=2*c,u=l<=c?2*l:2*l+2,d=s<=c?2*s:2*s+2,t=parseInt(e.slice(u,u+2),10),r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+4),10),p=4===e.slice(m,m+4).length,o=this.getFixedDate(t,r,i)),4!==e.length||"y"!==a[0]&&"y"!==a[1]||(d="m"===a[0]?0:2,m=2-d,r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+2),10),p=2===e.slice(m,m+2).length,o=[0,r,i]),6!==e.length||"Y"!==a[0]&&"Y"!==a[1]||(d="m"===a[0]?0:4,m=2-.5*d,r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+4),10),p=4===e.slice(m,m+4).length,o=[0,r,i]),o=n.getRangeFixedDate(o),n.date=o;var h=0===o.length?e:a.reduce(function(e,t){switch(t){case"d":return e+(0===o[0]?"":n.addLeadingZero(o[0]));case"m":return e+(0===o[1]?"":n.addLeadingZero(o[1]));case"y":return e+(p?n.addLeadingZeroForYear(o[2],!1):"");case"Y":return e+(p?n.addLeadingZeroForYear(o[2],!0):"")}},"");return h},getRangeFixedDate:function(e){var t=this,r=t.datePattern,i=t.dateMin||[],n=t.dateMax||[];return!e.length||i.length<3&&n.length<3?e:r.find(function(e){return"y"===e.toLowerCase()})&&0===e[2]?e:n.length&&(n[2]<e[2]||n[2]===e[2]&&(n[1]<e[1]||n[1]===e[1]&&n[0]<e[0]))?n:i.length&&(i[2]>e[2]||i[2]===e[2]&&(i[1]>e[1]||i[1]===e[1]&&i[0]>e[0]))?i:e},getFixedDate:function(e,t,r){return e=Math.min(e,31),t=Math.min(t,12),r=parseInt(r||0,10),(t<7&&t%2===0||t>8&&t%2===1)&&(e=Math.min(e,2===t?this.isLeapYear(r)?29:28:30)),[e,t,r]},isLeapYear:function(e){return e%4===0&&e%100!==0||e%400===0},addLeadingZero:function(e){return(e<10?"0":"")+e},addLeadingZeroForYear:function(e,t){return t?(e<10?"000":e<100?"00":e<1e3?"0":"")+e:(e<10?"0":"")+e}},e.exports=r},function(e,t){"use strict";var r=function(e,t){var r=this;r.time=[],r.blocks=[],r.timePattern=e,r.timeFormat=t,r.initBlocks()};r.prototype={initBlocks:function(){var e=this;e.timePattern.forEach(function(){e.blocks.push(2)})},getISOFormatTime:function(){var e=this,t=e.time;return t[2]?e.addLeadingZero(t[0])+":"+e.addLeadingZero(t[1])+":"+e.addLeadingZero(t[2]):""},getBlocks:function(){return this.blocks},getTimeFormatOptions:function(){var e=this;return"12"===String(e.timeFormat)?{maxHourFirstDigit:1,maxHours:12,maxMinutesFirstDigit:5,maxMinutes:60}:{maxHourFirstDigit:2,maxHours:23,maxMinutesFirstDigit:5,maxMinutes:60}},getValidatedTime:function(e){var t=this,r="";e=e.replace(/[^\d]/g,"");var i=t.getTimeFormatOptions();return t.blocks.forEach(function(n,a){if(e.length>0){var o=e.slice(0,n),l=o.slice(0,1),s=e.slice(n);switch(t.timePattern[a]){case"h":parseInt(l,10)>i.maxHourFirstDigit?o="0"+l:parseInt(o,10)>i.maxHours&&(o=i.maxHours+"");break;case"m":case"s":parseInt(l,10)>i.maxMinutesFirstDigit?o="0"+l:parseInt(o,10)>i.maxMinutes&&(o=i.maxMinutes+"")}r+=o,e=s}}),this.getFixedTimeString(r)},getFixedTimeString:function(e){var t,r,i,n=this,a=n.timePattern,o=[],l=0,s=0,c=0,u=0,d=0,m=0;return 6===e.length&&(a.forEach(function(e,t){switch(e){case"s":l=2*t;break;case"m":s=2*t;break;case"h":c=2*t}}),m=c,d=s,u=l,t=parseInt(e.slice(u,u+2),10),r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+2),10),o=this.getFixedTime(i,r,t)),4===e.length&&n.timePattern.indexOf("s")<0&&(a.forEach(function(e,t){switch(e){case"m":s=2*t;break;case"h":c=2*t}}),m=c,d=s,t=0,r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+2),10),o=this.getFixedTime(i,r,t)),n.time=o,0===o.length?e:a.reduce(function(e,t){switch(t){case"s":return e+n.addLeadingZero(o[2]);case"m":return e+n.addLeadingZero(o[1]);case"h":return e+n.addLeadingZero(o[0])}},"")},getFixedTime:function(e,t,r){return r=Math.min(parseInt(r||0,10),60),t=Math.min(t,60),e=Math.min(e,60),[e,t,r]},addLeadingZero:function(e){return(e<10?"0":"")+e}},e.exports=r},function(e,t){"use strict";var r=function(e,t){var r=this;r.delimiter=t||""===t?t:" ",r.delimiterRE=t?new RegExp("\\"+t,"g"):"",r.formatter=e};r.prototype={setFormatter:function(e){this.formatter=e},format:function(e){var t=this;t.formatter.clear(),e=e.replace(/[^\d+]/g,""),e=e.replace(/^\+/,"B").replace(/\+/g,"").replace("B","+"),e=e.replace(t.delimiterRE,"");for(var r,i="",n=!1,a=0,o=e.length;a<o;a++)r=t.formatter.inputDigit(e.charAt(a)),/[\s()-]/g.test(r)?(i=r,n=!0):n||(i=r);return i=i.replace(/[()]/g,""),i=i.replace(/[\s-]/g,t.delimiter)}},e.exports=r},function(e,t){"use strict";var r={blocks:{uatp:[4,5,6],amex:[4,6,5],diners:[4,6,4],discover:[4,4,4,4],mastercard:[4,4,4,4],dankort:[4,4,4,4],instapayment:[4,4,4,4],jcb15:[4,6,5],jcb:[4,4,4,4],maestro:[4,4,4,4],visa:[4,4,4,4],mir:[4,4,4,4],unionPay:[4,4,4,4],general:[4,4,4,4]},re:{uatp:/^(?!1800)1\d{0,14}/,amex:/^3[47]\d{0,13}/,discover:/^(?:6011|65\d{0,2}|64[4-9]\d?)\d{0,12}/,diners:/^3(?:0([0-5]|9)|[689]\d?)\d{0,11}/,mastercard:/^(5[1-5]\d{0,2}|22[2-9]\d{0,1}|2[3-7]\d{0,2})\d{0,12}/,dankort:/^(5019|4175|4571)\d{0,12}/,instapayment:/^63[7-9]\d{0,13}/,jcb15:/^(?:2131|1800)\d{0,11}/,jcb:/^(?:35\d{0,2})\d{0,12}/,maestro:/^(?:5[0678]\d{0,2}|6304|67\d{0,2})\d{0,12}/,mir:/^220[0-4]\d{0,12}/,visa:/^4\d{0,15}/,unionPay:/^(62|81)\d{0,14}/},getStrictBlocks:function(e){var t=e.reduce(function(e,t){return e+t},0);return e.concat(19-t)},getInfo:function(e,t){var i=r.blocks,n=r.re;t=!!t;for(var a in n)if(n[a].test(e)){var o=i[a];return{type:a,blocks:t?this.getStrictBlocks(o):o}}return{type:"unknown",blocks:t?this.getStrictBlocks(i.general):i.general}}};e.exports=r},function(e,t){"use strict";var r={noop:function(){},strip:function(e,t){return e.replace(t,"")},getPostDelimiter:function(e,t,r){if(0===r.length)return e.slice(-t.length)===t?t:"";var i="";return r.forEach(function(t){e.slice(-t.length)===t&&(i=t)}),i},getDelimiterREByDelimiter:function(e){return new RegExp(e.replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1"),"g")},getNextCursorPosition:function(e,t,r,i,n){return t.length===e?r.length:e+this.getPositionOffset(e,t,r,i,n)},getPositionOffset:function(e,t,r,i,n){var a,o,l;return a=this.stripDelimiters(t.slice(0,e),i,n),o=this.stripDelimiters(r.slice(0,e),i,n),l=a.length-o.length,0!==l?l/Math.abs(l):0},stripDelimiters:function(e,t,r){var i=this;if(0===r.length){var n=t?i.getDelimiterREByDelimiter(t):"";return e.replace(n,"")}return r.forEach(function(t){t.split("").forEach(function(t){e=e.replace(i.getDelimiterREByDelimiter(t),"")})}),e},headStr:function(e,t){return e.slice(0,t)},getMaxLength:function(e){return e.reduce(function(e,t){return e+t},0)},getPrefixStrippedValue:function(e,t,r,i,n,a,o,l,s){if(0===r)return e;if(e===t&&""!==e)return"";if(s&&"-"==e.slice(0,1)){var c="-"==i.slice(0,1)?i.slice(1):i;return"-"+this.getPrefixStrippedValue(e.slice(1),t,r,c,n,a,o,l,s)}if(i.slice(0,r)!==t&&!l)return o&&!i&&e?e:"";if(i.slice(-r)!==t&&l)return o&&!i&&e?e:"";var u=this.stripDelimiters(i,n,a);return e.slice(0,r)===t||l?e.slice(-r)!==t&&l?u.slice(0,-r-1):l?e.slice(0,-r):e.slice(r):u.slice(r)},getFirstDiffIndex:function(e,t){for(var r=0;e.charAt(r)===t.charAt(r);)if(""===e.charAt(r++))return-1;return r},getFormattedValue:function(e,t,r,i,n,a){var o="",l=n.length>0,s="";return 0===r?e:(t.forEach(function(t,c){if(e.length>0){var u=e.slice(0,t),d=e.slice(t);s=l?n[a?c-1:c]||s:i,a?(c>0&&(o+=s),o+=u):(o+=u,u.length===t&&c<r-1&&(o+=s)),e=d}}),o)},fixPrefixCursor:function(e,t,r,i){if(e){var n=e.value,a=r||i[0]||" ";if(e.setSelectionRange&&t&&!(t.length+a.length<=n.length)){var o=2*n.length;setTimeout(function(){e.setSelectionRange(o,o)},1)}}},checkFullSelection:function(e){try{var t=window.getSelection()||document.getSelection()||{};return t.toString().length===e.length}catch(r){}return!1},setSelection:function(e,t,r){if(e===this.getActiveElement(r)&&!(e&&e.value.length<=t))if(e.createTextRange){var i=e.createTextRange();i.move("character",t),i.select()}else try{e.setSelectionRange(t,t)}catch(n){console.warn("The input element type does not support selection")}},getActiveElement:function(e){var t=e.activeElement;return t&&t.shadowRoot?this.getActiveElement(t.shadowRoot):t},isAndroid:function(){return navigator&&/android/i.test(navigator.userAgent)},isAndroidBackspaceKeydown:function(e,t){return!!(this.isAndroid()&&e&&t)&&t===e.slice(0,-1)}};e.exports=r},function(e,t){(function(t){"use strict";var r={assign:function(e,r){return e=e||{},r=r||{},e.creditCard=!!r.creditCard,e.creditCardStrictMode=!!r.creditCardStrictMode,e.creditCardType="",e.onCreditCardTypeChanged=r.onCreditCardTypeChanged||function(){},e.phone=!!r.phone,e.phoneRegionCode=r.phoneRegionCode||"AU",e.phoneFormatter={},e.time=!!r.time,e.timePattern=r.timePattern||["h","m","s"],e.timeFormat=r.timeFormat||"24",e.timeFormatter={},e.date=!!r.date,e.datePattern=r.datePattern||["d","m","Y"],e.dateMin=r.dateMin||"",e.dateMax=r.dateMax||"",e.dateFormatter={},e.numeral=!!r.numeral,e.numeralIntegerScale=r.numeralIntegerScale>0?r.numeralIntegerScale:0,e.numeralDecimalScale=r.numeralDecimalScale>=0?r.numeralDecimalScale:2,e.numeralDecimalMark=r.numeralDecimalMark||".",e.numeralThousandsGroupStyle=r.numeralThousandsGroupStyle||"thousand",e.numeralPositiveOnly=!!r.numeralPositiveOnly,e.stripLeadingZeroes=r.stripLeadingZeroes!==!1,e.signBeforePrefix=!!r.signBeforePrefix,e.tailPrefix=!!r.tailPrefix,e.swapHiddenInput=!!r.swapHiddenInput,e.numericOnly=e.creditCard||e.date||!!r.numericOnly,e.uppercase=!!r.uppercase,e.lowercase=!!r.lowercase,e.prefix=e.creditCard||e.date?"":r.prefix||"",e.noImmediatePrefix=!!r.noImmediatePrefix,e.prefixLength=e.prefix.length,e.rawValueTrimPrefix=!!r.rawValueTrimPrefix,e.copyDelimiter=!!r.copyDelimiter,e.initValue=void 0!==r.initValue&&null!==r.initValue?r.initValue.toString():"",e.delimiter=r.delimiter||""===r.delimiter?r.delimiter:r.date?"/":r.time?":":r.numeral?",":(r.phone," "),e.delimiterLength=e.delimiter.length,e.delimiterLazyShow=!!r.delimiterLazyShow,e.delimiters=r.delimiters||[],e.blocks=r.blocks||[],e.blocksLength=e.blocks.length,e.root="object"==typeof t&&t?t:window,e.document=r.document||e.root.document,e.maxLength=0,e.backspace=!1,e.result="",e.onValueChanged=r.onValueChanged||function(){},e}};e.exports=r}).call(t,function(){return this}())}])});
\ No newline at end of file
diff --git a/public_html/assets/raven/vendor/js/daterangepicker.js b/public_html/assets/raven/vendor/js/daterangepicker.js
new file mode 100644
index 0000000..4048310
--- /dev/null
+++ b/public_html/assets/raven/vendor/js/daterangepicker.js
@@ -0,0 +1,1578 @@
+/**
+* @version: 3.1
+* @author: Dan Grossman http://www.dangrossman.info/
+* @copyright: Copyright (c) 2012-2019 Dan Grossman. All rights reserved.
+* @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
+* @website: http://www.daterangepicker.com/
+*/
+// Following the UMD template https://github.com/umdjs/umd/blob/master/templates/returnExportsGlobal.js
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Make globaly available as well
+        define(['moment', 'jquery'], function (moment, jquery) {
+            if (!jquery.fn) jquery.fn = {}; // webpack server rendering
+            if (typeof moment !== 'function' && moment.hasOwnProperty('default')) moment = moment['default']
+            return factory(moment, jquery);
+        });
+    } else if (typeof module === 'object' && module.exports) {
+        // Node / Browserify
+        //isomorphic issue
+        var jQuery = (typeof window != 'undefined') ? window.jQuery : undefined;
+        if (!jQuery) {
+            jQuery = require('jquery');
+            if (!jQuery.fn) jQuery.fn = {};
+        }
+        var moment = (typeof window != 'undefined' && typeof window.moment != 'undefined') ? window.moment : require('moment');
+        module.exports = factory(moment, jQuery);
+    } else {
+        // Browser globals
+        root.daterangepicker = factory(root.moment, root.jQuery);
+    }
+}(this, function(moment, $) {
+    var DateRangePicker = function(element, options, cb) {
+
+        //default settings for options
+        this.parentEl = 'body';
+        this.element = $(element);
+        this.startDate = moment().startOf('day');
+        this.endDate = moment().endOf('day');
+        this.minDate = false;
+        this.maxDate = false;
+        this.maxSpan = false;
+        this.autoApply = false;
+        this.singleDatePicker = false;
+        this.showDropdowns = false;
+        this.minYear = moment().subtract(100, 'year').format('YYYY');
+        this.maxYear = moment().add(100, 'year').format('YYYY');
+        this.showWeekNumbers = false;
+        this.showISOWeekNumbers = false;
+        this.showCustomRangeLabel = true;
+        this.timePicker = false;
+        this.timePicker24Hour = false;
+        this.timePickerIncrement = 1;
+        this.timePickerSeconds = false;
+        this.linkedCalendars = true;
+        this.autoUpdateInput = true;
+        this.alwaysShowCalendars = false;
+        this.ranges = {};
+
+        this.opens = 'right';
+        if (this.element.hasClass('pull-right'))
+            this.opens = 'left';
+
+        this.drops = 'down';
+        if (this.element.hasClass('dropup'))
+            this.drops = 'up';
+
+        this.buttonClasses = 'btn btn-sm';
+        this.applyButtonClasses = 'btn-primary';
+        this.cancelButtonClasses = 'btn-default';
+
+        this.locale = {
+            direction: 'ltr',
+            format: moment.localeData().longDateFormat('L'),
+            separator: ' - ',
+            applyLabel: 'Apply',
+            cancelLabel: 'Cancel',
+            weekLabel: 'W',
+            customRangeLabel: 'Custom Range',
+            daysOfWeek: moment.weekdaysMin(),
+            monthNames: moment.monthsShort(),
+            firstDay: moment.localeData().firstDayOfWeek()
+        };
+
+        this.callback = function() { };
+
+        //some state information
+        this.isShowing = false;
+        this.leftCalendar = {};
+        this.rightCalendar = {};
+
+        //custom options from user
+        if (typeof options !== 'object' || options === null)
+            options = {};
+
+        //allow setting options with data attributes
+        //data-api options will be overwritten with custom javascript options
+        options = $.extend(this.element.data(), options);
+
+        //html template for the picker UI
+        if (typeof options.template !== 'string' && !(options.template instanceof $))
+            options.template =
+            '<div class="daterangepicker">' +
+                '<div class="ranges"></div>' +
+                '<div class="drp-calendar left">' +
+                    '<div class="calendar-table"></div>' +
+                    '<div class="calendar-time"></div>' +
+                '</div>' +
+                '<div class="drp-calendar right">' +
+                    '<div class="calendar-table"></div>' +
+                    '<div class="calendar-time"></div>' +
+                '</div>' +
+                '<div class="drp-buttons">' +
+                    '<span class="drp-selected"></span>' +
+                    '<button class="cancelBtn" type="button"></button>' +
+                    '<button class="applyBtn" disabled="disabled" type="button"></button> ' +
+                '</div>' +
+            '</div>';
+
+        this.parentEl = (options.parentEl && $(options.parentEl).length) ? $(options.parentEl) : $(this.parentEl);
+        this.container = $(options.template).appendTo(this.parentEl);
+
+        //
+        // handle all the possible options overriding defaults
+        //
+
+        if (typeof options.locale === 'object') {
+
+            if (typeof options.locale.direction === 'string')
+                this.locale.direction = options.locale.direction;
+
+            if (typeof options.locale.format === 'string')
+                this.locale.format = options.locale.format;
+
+            if (typeof options.locale.separator === 'string')
+                this.locale.separator = options.locale.separator;
+
+            if (typeof options.locale.daysOfWeek === 'object')
+                this.locale.daysOfWeek = options.locale.daysOfWeek.slice();
+
+            if (typeof options.locale.monthNames === 'object')
+              this.locale.monthNames = options.locale.monthNames.slice();
+
+            if (typeof options.locale.firstDay === 'number')
+              this.locale.firstDay = options.locale.firstDay;
+
+            if (typeof options.locale.applyLabel === 'string')
+              this.locale.applyLabel = options.locale.applyLabel;
+
+            if (typeof options.locale.cancelLabel === 'string')
+              this.locale.cancelLabel = options.locale.cancelLabel;
+
+            if (typeof options.locale.weekLabel === 'string')
+              this.locale.weekLabel = options.locale.weekLabel;
+
+            if (typeof options.locale.customRangeLabel === 'string'){
+                //Support unicode chars in the custom range name.
+                var elem = document.createElement('textarea');
+                elem.innerHTML = options.locale.customRangeLabel;
+                var rangeHtml = elem.value;
+                this.locale.customRangeLabel = rangeHtml;
+            }
+        }
+        this.container.addClass(this.locale.direction);
+
+        if (typeof options.startDate === 'string')
+            this.startDate = moment(options.startDate, this.locale.format);
+
+        if (typeof options.endDate === 'string')
+            this.endDate = moment(options.endDate, this.locale.format);
+
+        if (typeof options.minDate === 'string')
+            this.minDate = moment(options.minDate, this.locale.format);
+
+        if (typeof options.maxDate === 'string')
+            this.maxDate = moment(options.maxDate, this.locale.format);
+
+        if (typeof options.startDate === 'object')
+            this.startDate = moment(options.startDate);
+
+        if (typeof options.endDate === 'object')
+            this.endDate = moment(options.endDate);
+
+        if (typeof options.minDate === 'object')
+            this.minDate = moment(options.minDate);
+
+        if (typeof options.maxDate === 'object')
+            this.maxDate = moment(options.maxDate);
+
+        // sanity check for bad options
+        if (this.minDate && this.startDate.isBefore(this.minDate))
+            this.startDate = this.minDate.clone();
+
+        // sanity check for bad options
+        if (this.maxDate && this.endDate.isAfter(this.maxDate))
+            this.endDate = this.maxDate.clone();
+
+        if (typeof options.applyButtonClasses === 'string')
+            this.applyButtonClasses = options.applyButtonClasses;
+
+        if (typeof options.applyClass === 'string') //backwards compat
+            this.applyButtonClasses = options.applyClass;
+
+        if (typeof options.cancelButtonClasses === 'string')
+            this.cancelButtonClasses = options.cancelButtonClasses;
+
+        if (typeof options.cancelClass === 'string') //backwards compat
+            this.cancelButtonClasses = options.cancelClass;
+
+        if (typeof options.maxSpan === 'object')
+            this.maxSpan = options.maxSpan;
+
+        if (typeof options.dateLimit === 'object') //backwards compat
+            this.maxSpan = options.dateLimit;
+
+        if (typeof options.opens === 'string')
+            this.opens = options.opens;
+
+        if (typeof options.drops === 'string')
+            this.drops = options.drops;
+
+        if (typeof options.showWeekNumbers === 'boolean')
+            this.showWeekNumbers = options.showWeekNumbers;
+
+        if (typeof options.showISOWeekNumbers === 'boolean')
+            this.showISOWeekNumbers = options.showISOWeekNumbers;
+
+        if (typeof options.buttonClasses === 'string')
+            this.buttonClasses = options.buttonClasses;
+
+        if (typeof options.buttonClasses === 'object')
+            this.buttonClasses = options.buttonClasses.join(' ');
+
+        if (typeof options.showDropdowns === 'boolean')
+            this.showDropdowns = options.showDropdowns;
+
+        if (typeof options.minYear === 'number')
+            this.minYear = options.minYear;
+
+        if (typeof options.maxYear === 'number')
+            this.maxYear = options.maxYear;
+
+        if (typeof options.showCustomRangeLabel === 'boolean')
+            this.showCustomRangeLabel = options.showCustomRangeLabel;
+
+        if (typeof options.singleDatePicker === 'boolean') {
+            this.singleDatePicker = options.singleDatePicker;
+            if (this.singleDatePicker)
+                this.endDate = this.startDate.clone();
+        }
+
+        if (typeof options.timePicker === 'boolean')
+            this.timePicker = options.timePicker;
+
+        if (typeof options.timePickerSeconds === 'boolean')
+            this.timePickerSeconds = options.timePickerSeconds;
+
+        if (typeof options.timePickerIncrement === 'number')
+            this.timePickerIncrement = options.timePickerIncrement;
+
+        if (typeof options.timePicker24Hour === 'boolean')
+            this.timePicker24Hour = options.timePicker24Hour;
+
+        if (typeof options.autoApply === 'boolean')
+            this.autoApply = options.autoApply;
+
+        if (typeof options.autoUpdateInput === 'boolean')
+            this.autoUpdateInput = options.autoUpdateInput;
+
+        if (typeof options.linkedCalendars === 'boolean')
+            this.linkedCalendars = options.linkedCalendars;
+
+        if (typeof options.isInvalidDate === 'function')
+            this.isInvalidDate = options.isInvalidDate;
+
+        if (typeof options.isCustomDate === 'function')
+            this.isCustomDate = options.isCustomDate;
+
+        if (typeof options.alwaysShowCalendars === 'boolean')
+            this.alwaysShowCalendars = options.alwaysShowCalendars;
+
+        // update day names order to firstDay
+        if (this.locale.firstDay != 0) {
+            var iterator = this.locale.firstDay;
+            while (iterator > 0) {
+                this.locale.daysOfWeek.push(this.locale.daysOfWeek.shift());
+                iterator--;
+            }
+        }
+
+        var start, end, range;
+
+        //if no start/end dates set, check if an input element contains initial values
+        if (typeof options.startDate === 'undefined' && typeof options.endDate === 'undefined') {
+            if ($(this.element).is(':text')) {
+                var val = $(this.element).val(),
+                    split = val.split(this.locale.separator);
+
+                start = end = null;
+
+                if (split.length == 2) {
+                    start = moment(split[0], this.locale.format);
+                    end = moment(split[1], this.locale.format);
+                } else if (this.singleDatePicker && val !== "") {
+                    start = moment(val, this.locale.format);
+                    end = moment(val, this.locale.format);
+                }
+                if (start !== null && end !== null) {
+                    this.setStartDate(start);
+                    this.setEndDate(end);
+                }
+            }
+        }
+
+        if (typeof options.ranges === 'object') {
+            for (range in options.ranges) {
+
+                if (typeof options.ranges[range][0] === 'string')
+                    start = moment(options.ranges[range][0], this.locale.format);
+                else
+                    start = moment(options.ranges[range][0]);
+
+                if (typeof options.ranges[range][1] === 'string')
+                    end = moment(options.ranges[range][1], this.locale.format);
+                else
+                    end = moment(options.ranges[range][1]);
+
+                // If the start or end date exceed those allowed by the minDate or maxSpan
+                // options, shorten the range to the allowable period.
+                if (this.minDate && start.isBefore(this.minDate))
+                    start = this.minDate.clone();
+
+                var maxDate = this.maxDate;
+                if (this.maxSpan && maxDate && start.clone().add(this.maxSpan).isAfter(maxDate))
+                    maxDate = start.clone().add(this.maxSpan);
+                if (maxDate && end.isAfter(maxDate))
+                    end = maxDate.clone();
+
+                // If the end of the range is before the minimum or the start of the range is
+                // after the maximum, don't display this range option at all.
+                if ((this.minDate && end.isBefore(this.minDate, this.timepicker ? 'minute' : 'day'))
+                  || (maxDate && start.isAfter(maxDate, this.timepicker ? 'minute' : 'day')))
+                    continue;
+
+                //Support unicode chars in the range names.
+                var elem = document.createElement('textarea');
+                elem.innerHTML = range;
+                var rangeHtml = elem.value;
+
+                this.ranges[rangeHtml] = [start, end];
+            }
+
+            var list = '<ul>';
+            for (range in this.ranges) {
+                list += '<li data-range-key="' + range + '">' + range + '</li>';
+            }
+            if (this.showCustomRangeLabel) {
+                list += '<li data-range-key="' + this.locale.customRangeLabel + '">' + this.locale.customRangeLabel + '</li>';
+            }
+            list += '</ul>';
+            this.container.find('.ranges').prepend(list);
+        }
+
+        if (typeof cb === 'function') {
+            this.callback = cb;
+        }
+
+        if (!this.timePicker) {
+            this.startDate = this.startDate.startOf('day');
+            this.endDate = this.endDate.endOf('day');
+            this.container.find('.calendar-time').hide();
+        }
+
+        //can't be used together for now
+        if (this.timePicker && this.autoApply)
+            this.autoApply = false;
+
+        if (this.autoApply) {
+            this.container.addClass('auto-apply');
+        }
+
+        if (typeof options.ranges === 'object')
+            this.container.addClass('show-ranges');
+
+        if (this.singleDatePicker) {
+            this.container.addClass('single');
+            this.container.find('.drp-calendar.left').addClass('single');
+            this.container.find('.drp-calendar.left').show();
+            this.container.find('.drp-calendar.right').hide();
+            if (!this.timePicker && this.autoApply) {
+                this.container.addClass('auto-apply');
+            }
+        }
+
+        if ((typeof options.ranges === 'undefined' && !this.singleDatePicker) || this.alwaysShowCalendars) {
+            this.container.addClass('show-calendar');
+        }
+
+        this.container.addClass('opens' + this.opens);
+
+        //apply CSS classes and labels to buttons
+        this.container.find('.applyBtn, .cancelBtn').addClass(this.buttonClasses);
+        if (this.applyButtonClasses.length)
+            this.container.find('.applyBtn').addClass(this.applyButtonClasses);
+        if (this.cancelButtonClasses.length)
+            this.container.find('.cancelBtn').addClass(this.cancelButtonClasses);
+        this.container.find('.applyBtn').html(this.locale.applyLabel);
+        this.container.find('.cancelBtn').html(this.locale.cancelLabel);
+
+        //
+        // event listeners
+        //
+
+        this.container.find('.drp-calendar')
+            .on('click.daterangepicker', '.prev', $.proxy(this.clickPrev, this))
+            .on('click.daterangepicker', '.next', $.proxy(this.clickNext, this))
+            .on('mousedown.daterangepicker', 'td.available', $.proxy(this.clickDate, this))
+            .on('mouseenter.daterangepicker', 'td.available', $.proxy(this.hoverDate, this))
+            .on('change.daterangepicker', 'select.yearselect', $.proxy(this.monthOrYearChanged, this))
+            .on('change.daterangepicker', 'select.monthselect', $.proxy(this.monthOrYearChanged, this))
+            .on('change.daterangepicker', 'select.hourselect,select.minuteselect,select.secondselect,select.ampmselect', $.proxy(this.timeChanged, this));
+
+        this.container.find('.ranges')
+            .on('click.daterangepicker', 'li', $.proxy(this.clickRange, this));
+
+        this.container.find('.drp-buttons')
+            .on('click.daterangepicker', 'button.applyBtn', $.proxy(this.clickApply, this))
+            .on('click.daterangepicker', 'button.cancelBtn', $.proxy(this.clickCancel, this));
+
+        if (this.element.is('input') || this.element.is('button')) {
+            this.element.on({
+                'click.daterangepicker': $.proxy(this.show, this),
+                'focus.daterangepicker': $.proxy(this.show, this),
+                'keyup.daterangepicker': $.proxy(this.elementChanged, this),
+                'keydown.daterangepicker': $.proxy(this.keydown, this) //IE 11 compatibility
+            });
+        } else {
+            this.element.on('click.daterangepicker', $.proxy(this.toggle, this));
+            this.element.on('keydown.daterangepicker', $.proxy(this.toggle, this));
+        }
+
+        //
+        // if attached to a text input, set the initial value
+        //
+
+        this.updateElement();
+
+    };
+
+    DateRangePicker.prototype = {
+
+        constructor: DateRangePicker,
+
+        setStartDate: function(startDate) {
+            if (typeof startDate === 'string')
+                this.startDate = moment(startDate, this.locale.format);
+
+            if (typeof startDate === 'object')
+                this.startDate = moment(startDate);
+
+            if (!this.timePicker)
+                this.startDate = this.startDate.startOf('day');
+
+            if (this.timePicker && this.timePickerIncrement)
+                this.startDate.minute(Math.round(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+
+            if (this.minDate && this.startDate.isBefore(this.minDate)) {
+                this.startDate = this.minDate.clone();
+                if (this.timePicker && this.timePickerIncrement)
+                    this.startDate.minute(Math.round(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+            }
+
+            if (this.maxDate && this.startDate.isAfter(this.maxDate)) {
+                this.startDate = this.maxDate.clone();
+                if (this.timePicker && this.timePickerIncrement)
+                    this.startDate.minute(Math.floor(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+            }
+
+            if (!this.isShowing)
+                this.updateElement();
+
+            this.updateMonthsInView();
+        },
+
+        setEndDate: function(endDate) {
+            if (typeof endDate === 'string')
+                this.endDate = moment(endDate, this.locale.format);
+
+            if (typeof endDate === 'object')
+                this.endDate = moment(endDate);
+
+            if (!this.timePicker)
+                this.endDate = this.endDate.endOf('day');
+
+            if (this.timePicker && this.timePickerIncrement)
+                this.endDate.minute(Math.round(this.endDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+
+            if (this.endDate.isBefore(this.startDate))
+                this.endDate = this.startDate.clone();
+
+            if (this.maxDate && this.endDate.isAfter(this.maxDate))
+                this.endDate = this.maxDate.clone();
+
+            if (this.maxSpan && this.startDate.clone().add(this.maxSpan).isBefore(this.endDate))
+                this.endDate = this.startDate.clone().add(this.maxSpan);
+
+            this.previousRightTime = this.endDate.clone();
+
+            this.container.find('.drp-selected').html(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
+
+            if (!this.isShowing)
+                this.updateElement();
+
+            this.updateMonthsInView();
+        },
+
+        isInvalidDate: function() {
+            return false;
+        },
+
+        isCustomDate: function() {
+            return false;
+        },
+
+        updateView: function() {
+            if (this.timePicker) {
+                this.renderTimePicker('left');
+                this.renderTimePicker('right');
+                if (!this.endDate) {
+                    this.container.find('.right .calendar-time select').prop('disabled', true).addClass('disabled');
+                } else {
+                    this.container.find('.right .calendar-time select').prop('disabled', false).removeClass('disabled');
+                }
+            }
+            if (this.endDate)
+                this.container.find('.drp-selected').html(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
+            this.updateMonthsInView();
+            this.updateCalendars();
+            this.updateFormInputs();
+        },
+
+        updateMonthsInView: function() {
+            if (this.endDate) {
+
+                //if both dates are visible already, do nothing
+                if (!this.singleDatePicker && this.leftCalendar.month && this.rightCalendar.month &&
+                    (this.startDate.format('YYYY-MM') == this.leftCalendar.month.format('YYYY-MM') || this.startDate.format('YYYY-MM') == this.rightCalendar.month.format('YYYY-MM'))
+                    &&
+                    (this.endDate.format('YYYY-MM') == this.leftCalendar.month.format('YYYY-MM') || this.endDate.format('YYYY-MM') == this.rightCalendar.month.format('YYYY-MM'))
+                    ) {
+                    return;
+                }
+
+                this.leftCalendar.month = this.startDate.clone().date(2);
+                if (!this.linkedCalendars && (this.endDate.month() != this.startDate.month() || this.endDate.year() != this.startDate.year())) {
+                    this.rightCalendar.month = this.endDate.clone().date(2);
+                } else {
+                    this.rightCalendar.month = this.startDate.clone().date(2).add(1, 'month');
+                }
+
+            } else {
+                if (this.leftCalendar.month.format('YYYY-MM') != this.startDate.format('YYYY-MM') && this.rightCalendar.month.format('YYYY-MM') != this.startDate.format('YYYY-MM')) {
+                    this.leftCalendar.month = this.startDate.clone().date(2);
+                    this.rightCalendar.month = this.startDate.clone().date(2).add(1, 'month');
+                }
+            }
+            if (this.maxDate && this.linkedCalendars && !this.singleDatePicker && this.rightCalendar.month > this.maxDate) {
+              this.rightCalendar.month = this.maxDate.clone().date(2);
+              this.leftCalendar.month = this.maxDate.clone().date(2).subtract(1, 'month');
+            }
+        },
+
+        updateCalendars: function() {
+
+            if (this.timePicker) {
+                var hour, minute, second;
+                if (this.endDate) {
+                    hour = parseInt(this.container.find('.left .hourselect').val(), 10);
+                    minute = parseInt(this.container.find('.left .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.left .minuteselect option:last').val(), 10);
+                    }
+                    second = this.timePickerSeconds ? parseInt(this.container.find('.left .secondselect').val(), 10) : 0;
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.left .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                } else {
+                    hour = parseInt(this.container.find('.right .hourselect').val(), 10);
+                    minute = parseInt(this.container.find('.right .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.right .minuteselect option:last').val(), 10);
+                    }
+                    second = this.timePickerSeconds ? parseInt(this.container.find('.right .secondselect').val(), 10) : 0;
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.right .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                }
+                this.leftCalendar.month.hour(hour).minute(minute).second(second);
+                this.rightCalendar.month.hour(hour).minute(minute).second(second);
+            }
+
+            this.renderCalendar('left');
+            this.renderCalendar('right');
+
+            //highlight any predefined range matching the current start and end dates
+            this.container.find('.ranges li').removeClass('active');
+            if (this.endDate == null) return;
+
+            this.calculateChosenLabel();
+        },
+
+        renderCalendar: function(side) {
+
+            //
+            // Build the matrix of dates that will populate the calendar
+            //
+
+            var calendar = side == 'left' ? this.leftCalendar : this.rightCalendar;
+            var month = calendar.month.month();
+            var year = calendar.month.year();
+            var hour = calendar.month.hour();
+            var minute = calendar.month.minute();
+            var second = calendar.month.second();
+            var daysInMonth = moment([year, month]).daysInMonth();
+            var firstDay = moment([year, month, 1]);
+            var lastDay = moment([year, month, daysInMonth]);
+            var lastMonth = moment(firstDay).subtract(1, 'month').month();
+            var lastYear = moment(firstDay).subtract(1, 'month').year();
+            var daysInLastMonth = moment([lastYear, lastMonth]).daysInMonth();
+            var dayOfWeek = firstDay.day();
+
+            //initialize a 6 rows x 7 columns array for the calendar
+            var calendar = [];
+            calendar.firstDay = firstDay;
+            calendar.lastDay = lastDay;
+
+            for (var i = 0; i < 6; i++) {
+                calendar[i] = [];
+            }
+
+            //populate the calendar with date objects
+            var startDay = daysInLastMonth - dayOfWeek + this.locale.firstDay + 1;
+            if (startDay > daysInLastMonth)
+                startDay -= 7;
+
+            if (dayOfWeek == this.locale.firstDay)
+                startDay = daysInLastMonth - 6;
+
+            var curDate = moment([lastYear, lastMonth, startDay, 12, minute, second]);
+
+            var col, row;
+            for (var i = 0, col = 0, row = 0; i < 42; i++, col++, curDate = moment(curDate).add(24, 'hour')) {
+                if (i > 0 && col % 7 === 0) {
+                    col = 0;
+                    row++;
+                }
+                calendar[row][col] = curDate.clone().hour(hour).minute(minute).second(second);
+                curDate.hour(12);
+
+                if (this.minDate && calendar[row][col].format('YYYY-MM-DD') == this.minDate.format('YYYY-MM-DD') && calendar[row][col].isBefore(this.minDate) && side == 'left') {
+                    calendar[row][col] = this.minDate.clone();
+                }
+
+                if (this.maxDate && calendar[row][col].format('YYYY-MM-DD') == this.maxDate.format('YYYY-MM-DD') && calendar[row][col].isAfter(this.maxDate) && side == 'right') {
+                    calendar[row][col] = this.maxDate.clone();
+                }
+
+            }
+
+            //make the calendar object available to hoverDate/clickDate
+            if (side == 'left') {
+                this.leftCalendar.calendar = calendar;
+            } else {
+                this.rightCalendar.calendar = calendar;
+            }
+
+            //
+            // Display the calendar
+            //
+
+            var minDate = side == 'left' ? this.minDate : this.startDate;
+            var maxDate = this.maxDate;
+            var selected = side == 'left' ? this.startDate : this.endDate;
+            var arrow = this.locale.direction == 'ltr' ? {left: 'chevron-left', right: 'chevron-right'} : {left: 'chevron-right', right: 'chevron-left'};
+
+            var html = '<table class="table-condensed">';
+            html += '<thead>';
+            html += '<tr>';
+
+            // add empty cell for week number
+            if (this.showWeekNumbers || this.showISOWeekNumbers)
+                html += '<th></th>';
+
+            if ((!minDate || minDate.isBefore(calendar.firstDay)) && (!this.linkedCalendars || side == 'left')) {
+                html += '<th class="prev available"><span></span></th>';
+            } else {
+                html += '<th></th>';
+            }
+
+            var dateHtml = this.locale.monthNames[calendar[1][1].month()] + calendar[1][1].format(" YYYY");
+
+            if (this.showDropdowns) {
+                var currentMonth = calendar[1][1].month();
+                var currentYear = calendar[1][1].year();
+                var maxYear = (maxDate && maxDate.year()) || (this.maxYear);
+                var minYear = (minDate && minDate.year()) || (this.minYear);
+                var inMinYear = currentYear == minYear;
+                var inMaxYear = currentYear == maxYear;
+
+                var monthHtml = '<select class="monthselect">';
+                for (var m = 0; m < 12; m++) {
+                    if ((!inMinYear || (minDate && m >= minDate.month())) && (!inMaxYear || (maxDate && m <= maxDate.month()))) {
+                        monthHtml += "<option value='" + m + "'" +
+                            (m === currentMonth ? " selected='selected'" : "") +
+                            ">" + this.locale.monthNames[m] + "</option>";
+                    } else {
+                        monthHtml += "<option value='" + m + "'" +
+                            (m === currentMonth ? " selected='selected'" : "") +
+                            " disabled='disabled'>" + this.locale.monthNames[m] + "</option>";
+                    }
+                }
+                monthHtml += "</select>";
+
+                var yearHtml = '<select class="yearselect">';
+                for (var y = minYear; y <= maxYear; y++) {
+                    yearHtml += '<option value="' + y + '"' +
+                        (y === currentYear ? ' selected="selected"' : '') +
+                        '>' + y + '</option>';
+                }
+                yearHtml += '</select>';
+
+                dateHtml = monthHtml + yearHtml;
+            }
+
+            html += '<th colspan="5" class="month">' + dateHtml + '</th>';
+            if ((!maxDate || maxDate.isAfter(calendar.lastDay)) && (!this.linkedCalendars || side == 'right' || this.singleDatePicker)) {
+                html += '<th class="next available"><span></span></th>';
+            } else {
+                html += '<th></th>';
+            }
+
+            html += '</tr>';
+            html += '<tr>';
+
+            // add week number label
+            if (this.showWeekNumbers || this.showISOWeekNumbers)
+                html += '<th class="week">' + this.locale.weekLabel + '</th>';
+
+            $.each(this.locale.daysOfWeek, function(index, dayOfWeek) {
+                html += '<th>' + dayOfWeek + '</th>';
+            });
+
+            html += '</tr>';
+            html += '</thead>';
+            html += '<tbody>';
+
+            //adjust maxDate to reflect the maxSpan setting in order to
+            //grey out end dates beyond the maxSpan
+            if (this.endDate == null && this.maxSpan) {
+                var maxLimit = this.startDate.clone().add(this.maxSpan).endOf('day');
+                if (!maxDate || maxLimit.isBefore(maxDate)) {
+                    maxDate = maxLimit;
+                }
+            }
+
+            for (var row = 0; row < 6; row++) {
+                html += '<tr>';
+
+                // add week number
+                if (this.showWeekNumbers)
+                    html += '<td class="week">' + calendar[row][0].week() + '</td>';
+                else if (this.showISOWeekNumbers)
+                    html += '<td class="week">' + calendar[row][0].isoWeek() + '</td>';
+
+                for (var col = 0; col < 7; col++) {
+
+                    var classes = [];
+
+                    //highlight today's date
+                    if (calendar[row][col].isSame(new Date(), "day"))
+                        classes.push('today');
+
+                    //highlight weekends
+                    if (calendar[row][col].isoWeekday() > 5)
+                        classes.push('weekend');
+
+                    //grey out the dates in other months displayed at beginning and end of this calendar
+                    if (calendar[row][col].month() != calendar[1][1].month())
+                        classes.push('off', 'ends');
+
+                    //don't allow selection of dates before the minimum date
+                    if (this.minDate && calendar[row][col].isBefore(this.minDate, 'day'))
+                        classes.push('off', 'disabled');
+
+                    //don't allow selection of dates after the maximum date
+                    if (maxDate && calendar[row][col].isAfter(maxDate, 'day'))
+                        classes.push('off', 'disabled');
+
+                    //don't allow selection of date if a custom function decides it's invalid
+                    if (this.isInvalidDate(calendar[row][col]))
+                        classes.push('off', 'disabled');
+
+                    //highlight the currently selected start date
+                    if (calendar[row][col].format('YYYY-MM-DD') == this.startDate.format('YYYY-MM-DD'))
+                        classes.push('active', 'start-date');
+
+                    //highlight the currently selected end date
+                    if (this.endDate != null && calendar[row][col].format('YYYY-MM-DD') == this.endDate.format('YYYY-MM-DD'))
+                        classes.push('active', 'end-date');
+
+                    //highlight dates in-between the selected dates
+                    if (this.endDate != null && calendar[row][col] > this.startDate && calendar[row][col] < this.endDate)
+                        classes.push('in-range');
+
+                    //apply custom classes for this date
+                    var isCustom = this.isCustomDate(calendar[row][col]);
+                    if (isCustom !== false) {
+                        if (typeof isCustom === 'string')
+                            classes.push(isCustom);
+                        else
+                            Array.prototype.push.apply(classes, isCustom);
+                    }
+
+                    var cname = '', disabled = false;
+                    for (var i = 0; i < classes.length; i++) {
+                        cname += classes[i] + ' ';
+                        if (classes[i] == 'disabled')
+                            disabled = true;
+                    }
+                    if (!disabled)
+                        cname += 'available';
+
+                    html += '<td class="' + cname.replace(/^\s+|\s+$/g, '') + '" data-title="' + 'r' + row + 'c' + col + '">' + calendar[row][col].date() + '</td>';
+
+                }
+                html += '</tr>';
+            }
+
+            html += '</tbody>';
+            html += '</table>';
+
+            this.container.find('.drp-calendar.' + side + ' .calendar-table').html(html);
+
+        },
+
+        renderTimePicker: function(side) {
+
+            // Don't bother updating the time picker if it's currently disabled
+            // because an end date hasn't been clicked yet
+            if (side == 'right' && !this.endDate) return;
+
+            var html, selected, minDate, maxDate = this.maxDate;
+
+            if (this.maxSpan && (!this.maxDate || this.startDate.clone().add(this.maxSpan).isBefore(this.maxDate)))
+                maxDate = this.startDate.clone().add(this.maxSpan);
+
+            if (side == 'left') {
+                selected = this.startDate.clone();
+                minDate = this.minDate;
+            } else if (side == 'right') {
+                selected = this.endDate.clone();
+                minDate = this.startDate;
+
+                //Preserve the time already selected
+                var timeSelector = this.container.find('.drp-calendar.right .calendar-time');
+                if (timeSelector.html() != '') {
+
+                    selected.hour(!isNaN(selected.hour()) ? selected.hour() : timeSelector.find('.hourselect option:selected').val());
+                    selected.minute(!isNaN(selected.minute()) ? selected.minute() : timeSelector.find('.minuteselect option:selected').val());
+                    selected.second(!isNaN(selected.second()) ? selected.second() : timeSelector.find('.secondselect option:selected').val());
+
+                    if (!this.timePicker24Hour) {
+                        var ampm = timeSelector.find('.ampmselect option:selected').val();
+                        if (ampm === 'PM' && selected.hour() < 12)
+                            selected.hour(selected.hour() + 12);
+                        if (ampm === 'AM' && selected.hour() === 12)
+                            selected.hour(0);
+                    }
+
+                }
+
+                if (selected.isBefore(this.startDate))
+                    selected = this.startDate.clone();
+
+                if (maxDate && selected.isAfter(maxDate))
+                    selected = maxDate.clone();
+
+            }
+
+            //
+            // hours
+            //
+
+            html = '<select class="hourselect">';
+
+            var start = this.timePicker24Hour ? 0 : 1;
+            var end = this.timePicker24Hour ? 23 : 12;
+
+            for (var i = start; i <= end; i++) {
+                var i_in_24 = i;
+                if (!this.timePicker24Hour)
+                    i_in_24 = selected.hour() >= 12 ? (i == 12 ? 12 : i + 12) : (i == 12 ? 0 : i);
+
+                var time = selected.clone().hour(i_in_24);
+                var disabled = false;
+                if (minDate && time.minute(59).isBefore(minDate))
+                    disabled = true;
+                if (maxDate && time.minute(0).isAfter(maxDate))
+                    disabled = true;
+
+                if (i_in_24 == selected.hour() && !disabled) {
+                    html += '<option value="' + i + '" selected="selected">' + i + '</option>';
+                } else if (disabled) {
+                    html += '<option value="' + i + '" disabled="disabled" class="disabled">' + i + '</option>';
+                } else {
+                    html += '<option value="' + i + '">' + i + '</option>';
+                }
+            }
+
+            html += '</select> ';
+
+            //
+            // minutes
+            //
+
+            html += ': <select class="minuteselect">';
+
+            for (var i = 0; i < 60; i += this.timePickerIncrement) {
+                var padded = i < 10 ? '0' + i : i;
+                var time = selected.clone().minute(i);
+
+                var disabled = false;
+                if (minDate && time.second(59).isBefore(minDate))
+                    disabled = true;
+                if (maxDate && time.second(0).isAfter(maxDate))
+                    disabled = true;
+
+                if (selected.minute() == i && !disabled) {
+                    html += '<option value="' + i + '" selected="selected">' + padded + '</option>';
+                } else if (disabled) {
+                    html += '<option value="' + i + '" disabled="disabled" class="disabled">' + padded + '</option>';
+                } else {
+                    html += '<option value="' + i + '">' + padded + '</option>';
+                }
+            }
+
+            html += '</select> ';
+
+            //
+            // seconds
+            //
+
+            if (this.timePickerSeconds) {
+                html += ': <select class="secondselect">';
+
+                for (var i = 0; i < 60; i++) {
+                    var padded = i < 10 ? '0' + i : i;
+                    var time = selected.clone().second(i);
+
+                    var disabled = false;
+                    if (minDate && time.isBefore(minDate))
+                        disabled = true;
+                    if (maxDate && time.isAfter(maxDate))
+                        disabled = true;
+
+                    if (selected.second() == i && !disabled) {
+                        html += '<option value="' + i + '" selected="selected">' + padded + '</option>';
+                    } else if (disabled) {
+                        html += '<option value="' + i + '" disabled="disabled" class="disabled">' + padded + '</option>';
+                    } else {
+                        html += '<option value="' + i + '">' + padded + '</option>';
+                    }
+                }
+
+                html += '</select> ';
+            }
+
+            //
+            // AM/PM
+            //
+
+            if (!this.timePicker24Hour) {
+                html += '<select class="ampmselect">';
+
+                var am_html = '';
+                var pm_html = '';
+
+                if (minDate && selected.clone().hour(12).minute(0).second(0).isBefore(minDate))
+                    am_html = ' disabled="disabled" class="disabled"';
+
+                if (maxDate && selected.clone().hour(0).minute(0).second(0).isAfter(maxDate))
+                    pm_html = ' disabled="disabled" class="disabled"';
+
+                if (selected.hour() >= 12) {
+                    html += '<option value="AM"' + am_html + '>AM</option><option value="PM" selected="selected"' + pm_html + '>PM</option>';
+                } else {
+                    html += '<option value="AM" selected="selected"' + am_html + '>AM</option><option value="PM"' + pm_html + '>PM</option>';
+                }
+
+                html += '</select>';
+            }
+
+            this.container.find('.drp-calendar.' + side + ' .calendar-time').html(html);
+
+        },
+
+        updateFormInputs: function() {
+
+            if (this.singleDatePicker || (this.endDate && (this.startDate.isBefore(this.endDate) || this.startDate.isSame(this.endDate)))) {
+                this.container.find('button.applyBtn').prop('disabled', false);
+            } else {
+                this.container.find('button.applyBtn').prop('disabled', true);
+            }
+
+        },
+
+        move: function() {
+            var parentOffset = { top: 0, left: 0 },
+                containerTop,
+                drops = this.drops;
+
+            var parentRightEdge = $(window).width();
+            if (!this.parentEl.is('body')) {
+                parentOffset = {
+                    top: this.parentEl.offset().top - this.parentEl.scrollTop(),
+                    left: this.parentEl.offset().left - this.parentEl.scrollLeft()
+                };
+                parentRightEdge = this.parentEl[0].clientWidth + this.parentEl.offset().left;
+            }
+
+            switch (drops) {
+            case 'auto':
+                containerTop = this.element.offset().top + this.element.outerHeight() - parentOffset.top;
+                if (containerTop + this.container.outerHeight() >= this.parentEl[0].scrollHeight) {
+                    containerTop = this.element.offset().top - this.container.outerHeight() - parentOffset.top;
+                    drops = 'up';
+                }
+                break;
+            case 'up':
+                containerTop = this.element.offset().top - this.container.outerHeight() - parentOffset.top;
+                break;
+            default:
+                containerTop = this.element.offset().top + this.element.outerHeight() - parentOffset.top;
+                break;
+            }
+
+            // Force the container to it's actual width
+            this.container.css({
+              top: 0,
+              left: 0,
+              right: 'auto'
+            });
+            var containerWidth = this.container.outerWidth();
+
+            this.container.toggleClass('drop-up', drops == 'up');
+
+            if (this.opens == 'left') {
+                var containerRight = parentRightEdge - this.element.offset().left - this.element.outerWidth();
+                if (containerWidth + containerRight > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        right: 'auto',
+                        left: 9
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        right: containerRight,
+                        left: 'auto'
+                    });
+                }
+            } else if (this.opens == 'center') {
+                var containerLeft = this.element.offset().left - parentOffset.left + this.element.outerWidth() / 2
+                                        - containerWidth / 2;
+                if (containerLeft < 0) {
+                    this.container.css({
+                        top: containerTop,
+                        right: 'auto',
+                        left: 9
+                    });
+                } else if (containerLeft + containerWidth > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        left: 'auto',
+                        right: 0
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        left: containerLeft,
+                        right: 'auto'
+                    });
+                }
+            } else {
+                var containerLeft = this.element.offset().left - parentOffset.left;
+                if (containerLeft + containerWidth > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        left: 'auto',
+                        right: 0
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        left: containerLeft,
+                        right: 'auto'
+                    });
+                }
+            }
+        },
+
+        show: function(e) {
+            if (this.isShowing) return;
+
+            // Create a click proxy that is private to this instance of datepicker, for unbinding
+            this._outsideClickProxy = $.proxy(function(e) { this.outsideClick(e); }, this);
+
+            // Bind global datepicker mousedown for hiding and
+            $(document)
+              .on('mousedown.daterangepicker', this._outsideClickProxy)
+              // also support mobile devices
+              .on('touchend.daterangepicker', this._outsideClickProxy)
+              // also explicitly play nice with Bootstrap dropdowns, which stopPropagation when clicking them
+              .on('click.daterangepicker', '[data-toggle=dropdown]', this._outsideClickProxy)
+              // and also close when focus changes to outside the picker (eg. tabbing between controls)
+              .on('focusin.daterangepicker', this._outsideClickProxy);
+
+            // Reposition the picker if the window is resized while it's open
+            $(window).on('resize.daterangepicker', $.proxy(function(e) { this.move(e); }, this));
+
+            this.oldStartDate = this.startDate.clone();
+            this.oldEndDate = this.endDate.clone();
+            this.previousRightTime = this.endDate.clone();
+
+            this.updateView();
+            this.container.show();
+            this.move();
+            this.element.trigger('show.daterangepicker', this);
+            this.isShowing = true;
+        },
+
+        hide: function(e) {
+            if (!this.isShowing) return;
+
+            //incomplete date selection, revert to last values
+            if (!this.endDate) {
+                this.startDate = this.oldStartDate.clone();
+                this.endDate = this.oldEndDate.clone();
+            }
+
+            //if a new date range was selected, invoke the user callback function
+            if (!this.startDate.isSame(this.oldStartDate) || !this.endDate.isSame(this.oldEndDate))
+                this.callback(this.startDate.clone(), this.endDate.clone(), this.chosenLabel);
+
+            //if picker is attached to a text input, update it
+            this.updateElement();
+
+            $(document).off('.daterangepicker');
+            $(window).off('.daterangepicker');
+            this.container.hide();
+            this.element.trigger('hide.daterangepicker', this);
+            this.isShowing = false;
+        },
+
+        toggle: function(e) {
+            if (this.isShowing) {
+                this.hide();
+            } else {
+                this.show();
+            }
+        },
+
+        outsideClick: function(e) {
+            var target = $(e.target);
+            // if the page is clicked anywhere except within the daterangerpicker/button
+            // itself then call this.hide()
+            if (
+                // ie modal dialog fix
+                e.type == "focusin" ||
+                target.closest(this.element).length ||
+                target.closest(this.container).length ||
+                target.closest('.calendar-table').length
+                ) return;
+            this.hide();
+            this.element.trigger('outsideClick.daterangepicker', this);
+        },
+
+        showCalendars: function() {
+            this.container.addClass('show-calendar');
+            this.move();
+            this.element.trigger('showCalendar.daterangepicker', this);
+        },
+
+        hideCalendars: function() {
+            this.container.removeClass('show-calendar');
+            this.element.trigger('hideCalendar.daterangepicker', this);
+        },
+
+        clickRange: function(e) {
+            var label = e.target.getAttribute('data-range-key');
+            this.chosenLabel = label;
+            if (label == this.locale.customRangeLabel) {
+                this.showCalendars();
+            } else {
+                var dates = this.ranges[label];
+                this.startDate = dates[0];
+                this.endDate = dates[1];
+
+                if (!this.timePicker) {
+                    this.startDate.startOf('day');
+                    this.endDate.endOf('day');
+                }
+
+                if (!this.alwaysShowCalendars)
+                    this.hideCalendars();
+                this.clickApply();
+            }
+        },
+
+        clickPrev: function(e) {
+            var cal = $(e.target).parents('.drp-calendar');
+            if (cal.hasClass('left')) {
+                this.leftCalendar.month.subtract(1, 'month');
+                if (this.linkedCalendars)
+                    this.rightCalendar.month.subtract(1, 'month');
+            } else {
+                this.rightCalendar.month.subtract(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        clickNext: function(e) {
+            var cal = $(e.target).parents('.drp-calendar');
+            if (cal.hasClass('left')) {
+                this.leftCalendar.month.add(1, 'month');
+            } else {
+                this.rightCalendar.month.add(1, 'month');
+                if (this.linkedCalendars)
+                    this.leftCalendar.month.add(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        hoverDate: function(e) {
+
+            //ignore dates that can't be selected
+            if (!$(e.target).hasClass('available')) return;
+
+            var title = $(e.target).attr('data-title');
+            var row = title.substr(1, 1);
+            var col = title.substr(3, 1);
+            var cal = $(e.target).parents('.drp-calendar');
+            var date = cal.hasClass('left') ? this.leftCalendar.calendar[row][col] : this.rightCalendar.calendar[row][col];
+
+            //highlight the dates between the start date and the date being hovered as a potential end date
+            var leftCalendar = this.leftCalendar;
+            var rightCalendar = this.rightCalendar;
+            var startDate = this.startDate;
+            if (!this.endDate) {
+                this.container.find('.drp-calendar tbody td').each(function(index, el) {
+
+                    //skip week numbers, only look at dates
+                    if ($(el).hasClass('week')) return;
+
+                    var title = $(el).attr('data-title');
+                    var row = title.substr(1, 1);
+                    var col = title.substr(3, 1);
+                    var cal = $(el).parents('.drp-calendar');
+                    var dt = cal.hasClass('left') ? leftCalendar.calendar[row][col] : rightCalendar.calendar[row][col];
+
+                    if ((dt.isAfter(startDate) && dt.isBefore(date)) || dt.isSame(date, 'day')) {
+                        $(el).addClass('in-range');
+                    } else {
+                        $(el).removeClass('in-range');
+                    }
+
+                });
+            }
+
+        },
+
+        clickDate: function(e) {
+
+            if (!$(e.target).hasClass('available')) return;
+
+            var title = $(e.target).attr('data-title');
+            var row = title.substr(1, 1);
+            var col = title.substr(3, 1);
+            var cal = $(e.target).parents('.drp-calendar');
+            var date = cal.hasClass('left') ? this.leftCalendar.calendar[row][col] : this.rightCalendar.calendar[row][col];
+
+            //
+            // this function needs to do a few things:
+            // * alternate between selecting a start and end date for the range,
+            // * if the time picker is enabled, apply the hour/minute/second from the select boxes to the clicked date
+            // * if autoapply is enabled, and an end date was chosen, apply the selection
+            // * if single date picker mode, and time picker isn't enabled, apply the selection immediately
+            // * if one of the inputs above the calendars was focused, cancel that manual input
+            //
+
+            if (this.endDate || date.isBefore(this.startDate, 'day')) { //picking start
+                if (this.timePicker) {
+                    var hour = parseInt(this.container.find('.left .hourselect').val(), 10);
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.left .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                    var minute = parseInt(this.container.find('.left .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.left .minuteselect option:last').val(), 10);
+                    }
+                    var second = this.timePickerSeconds ? parseInt(this.container.find('.left .secondselect').val(), 10) : 0;
+                    date = date.clone().hour(hour).minute(minute).second(second);
+                }
+                this.endDate = null;
+                this.setStartDate(date.clone());
+            } else if (!this.endDate && date.isBefore(this.startDate)) {
+                //special case: clicking the same date for start/end,
+                //but the time of the end date is before the start date
+                this.setEndDate(this.startDate.clone());
+            } else { // picking end
+                if (this.timePicker) {
+                    var hour = parseInt(this.container.find('.right .hourselect').val(), 10);
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.right .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                    var minute = parseInt(this.container.find('.right .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.right .minuteselect option:last').val(), 10);
+                    }
+                    var second = this.timePickerSeconds ? parseInt(this.container.find('.right .secondselect').val(), 10) : 0;
+                    date = date.clone().hour(hour).minute(minute).second(second);
+                }
+                this.setEndDate(date.clone());
+                if (this.autoApply) {
+                  this.calculateChosenLabel();
+                  this.clickApply();
+                }
+            }
+
+            if (this.singleDatePicker) {
+                this.setEndDate(this.startDate);
+                if (!this.timePicker && this.autoApply)
+                    this.clickApply();
+            }
+
+            this.updateView();
+
+            //This is to cancel the blur event handler if the mouse was in one of the inputs
+            e.stopPropagation();
+
+        },
+
+        calculateChosenLabel: function () {
+            var customRange = true;
+            var i = 0;
+            for (var range in this.ranges) {
+              if (this.timePicker) {
+                    var format = this.timePickerSeconds ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD HH:mm";
+                    //ignore times when comparing dates if time picker seconds is not enabled
+                    if (this.startDate.format(format) == this.ranges[range][0].format(format) && this.endDate.format(format) == this.ranges[range][1].format(format)) {
+                        customRange = false;
+                        this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')').addClass('active').attr('data-range-key');
+                        break;
+                    }
+                } else {
+                    //ignore times when comparing dates if time picker is not enabled
+                    if (this.startDate.format('YYYY-MM-DD') == this.ranges[range][0].format('YYYY-MM-DD') && this.endDate.format('YYYY-MM-DD') == this.ranges[range][1].format('YYYY-MM-DD')) {
+                        customRange = false;
+                        this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')').addClass('active').attr('data-range-key');
+                        break;
+                    }
+                }
+                i++;
+            }
+            if (customRange) {
+                if (this.showCustomRangeLabel) {
+                    this.chosenLabel = this.container.find('.ranges li:last').addClass('active').attr('data-range-key');
+                } else {
+                    this.chosenLabel = null;
+                }
+                this.showCalendars();
+            }
+        },
+
+        clickApply: function(e) {
+            this.hide();
+            this.element.trigger('apply.daterangepicker', this);
+        },
+
+        clickCancel: function(e) {
+            this.startDate = this.oldStartDate;
+            this.endDate = this.oldEndDate;
+            this.hide();
+            this.element.trigger('cancel.daterangepicker', this);
+        },
+
+        monthOrYearChanged: function(e) {
+            var isLeft = $(e.target).closest('.drp-calendar').hasClass('left'),
+                leftOrRight = isLeft ? 'left' : 'right',
+                cal = this.container.find('.drp-calendar.'+leftOrRight);
+
+            // Month must be Number for new moment versions
+            var month = parseInt(cal.find('.monthselect').val(), 10);
+            var year = cal.find('.yearselect').val();
+
+            if (!isLeft) {
+                if (year < this.startDate.year() || (year == this.startDate.year() && month < this.startDate.month())) {
+                    month = this.startDate.month();
+                    year = this.startDate.year();
+                }
+            }
+
+            if (this.minDate) {
+                if (year < this.minDate.year() || (year == this.minDate.year() && month < this.minDate.month())) {
+                    month = this.minDate.month();
+                    year = this.minDate.year();
+                }
+            }
+
+            if (this.maxDate) {
+                if (year > this.maxDate.year() || (year == this.maxDate.year() && month > this.maxDate.month())) {
+                    month = this.maxDate.month();
+                    year = this.maxDate.year();
+                }
+            }
+
+            if (isLeft) {
+                this.leftCalendar.month.month(month).year(year);
+                if (this.linkedCalendars)
+                    this.rightCalendar.month = this.leftCalendar.month.clone().add(1, 'month');
+            } else {
+                this.rightCalendar.month.month(month).year(year);
+                if (this.linkedCalendars)
+                    this.leftCalendar.month = this.rightCalendar.month.clone().subtract(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        timeChanged: function(e) {
+
+            var cal = $(e.target).closest('.drp-calendar'),
+                isLeft = cal.hasClass('left');
+
+            var hour = parseInt(cal.find('.hourselect').val(), 10);
+            var minute = parseInt(cal.find('.minuteselect').val(), 10);
+            if (isNaN(minute)) {
+                minute = parseInt(cal.find('.minuteselect option:last').val(), 10);
+            }
+            var second = this.timePickerSeconds ? parseInt(cal.find('.secondselect').val(), 10) : 0;
+
+            if (!this.timePicker24Hour) {
+                var ampm = cal.find('.ampmselect').val();
+                if (ampm === 'PM' && hour < 12)
+                    hour += 12;
+                if (ampm === 'AM' && hour === 12)
+                    hour = 0;
+            }
+
+            if (isLeft) {
+                var start = this.startDate.clone();
+                start.hour(hour);
+                start.minute(minute);
+                start.second(second);
+                this.setStartDate(start);
+                if (this.singleDatePicker) {
+                    this.endDate = this.startDate.clone();
+                } else if (this.endDate && this.endDate.format('YYYY-MM-DD') == start.format('YYYY-MM-DD') && this.endDate.isBefore(start)) {
+                    this.setEndDate(start.clone());
+                }
+            } else if (this.endDate) {
+                var end = this.endDate.clone();
+                end.hour(hour);
+                end.minute(minute);
+                end.second(second);
+                this.setEndDate(end);
+            }
+
+            //update the calendars so all clickable dates reflect the new time component
+            this.updateCalendars();
+
+            //update the form inputs above the calendars with the new time
+            this.updateFormInputs();
+
+            //re-render the time pickers because changing one selection can affect what's enabled in another
+            this.renderTimePicker('left');
+            this.renderTimePicker('right');
+
+        },
+
+        elementChanged: function() {
+            if (!this.element.is('input')) return;
+            if (!this.element.val().length) return;
+
+            var dateString = this.element.val().split(this.locale.separator),
+                start = null,
+                end = null;
+
+            if (dateString.length === 2) {
+                start = moment(dateString[0], this.locale.format);
+                end = moment(dateString[1], this.locale.format);
+            }
+
+            if (this.singleDatePicker || start === null || end === null) {
+                start = moment(this.element.val(), this.locale.format);
+                end = start;
+            }
+
+            if (!start.isValid() || !end.isValid()) return;
+
+            this.setStartDate(start);
+            this.setEndDate(end);
+            this.updateView();
+        },
+
+        keydown: function(e) {
+            //hide on tab or enter
+            if ((e.keyCode === 9) || (e.keyCode === 13)) {
+                this.hide();
+            }
+
+            //hide on esc and prevent propagation
+            if (e.keyCode === 27) {
+                e.preventDefault();
+                e.stopPropagation();
+
+                this.hide();
+            }
+        },
+
+        updateElement: function() {
+            if (this.element.is('input') && this.autoUpdateInput) {
+                var newValue = this.startDate.format(this.locale.format);
+                if (!this.singleDatePicker) {
+                    newValue += this.locale.separator + this.endDate.format(this.locale.format);
+                }
+                if (newValue !== this.element.val()) {
+                    this.element.val(newValue).trigger('change');
+                }
+            }
+        },
+
+        remove: function() {
+            this.container.remove();
+            this.element.off('.daterangepicker');
+            this.element.removeData();
+        }
+
+    };
+
+    $.fn.daterangepicker = function(options, callback) {
+        var implementOptions = $.extend(true, {}, $.fn.daterangepicker.defaultOptions, options);
+        this.each(function() {
+            var el = $(this);
+            if (el.data('daterangepicker'))
+                el.data('daterangepicker').remove();
+            el.data('daterangepicker', new DateRangePicker(el, implementOptions, callback));
+        });
+        return this;
+    };
+
+    return DateRangePicker;
+
+}));
diff --git a/public_html/assets/raven/vendor/js/dropzone-min.js b/public_html/assets/raven/vendor/js/dropzone-min.js
new file mode 100644
index 0000000..cfced12
--- /dev/null
+++ b/public_html/assets/raven/vendor/js/dropzone-min.js
@@ -0,0 +1,2 @@
+!function(){function e(e){return e&&e.__esModule?e.default:e}function t(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function r(e,t,i){return t&&n(e.prototype,t),i&&n(e,i),e}function a(e){return a=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},a(e)}function o(e,t){return o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},o(e,t)}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}function s(e,i){return!i||"object"!=((n=i)&&n.constructor===Symbol?"symbol":typeof n)&&"function"!=typeof i?t(e):i;var n}var u;function c(e){return Array.isArray(e)||"[object Object]"=={}.toString.call(e)}function d(e){return!e||"object"!=typeof e&&"function"!=typeof e}u=function e(){var t=[].slice.call(arguments),i=!1;"boolean"==typeof t[0]&&(i=t.shift());var n=t[0];if(d(n))throw new Error("extendee must be an object");for(var r=t.slice(1),a=r.length,o=0;o<a;o++){var l=r[o];for(var s in l)if(Object.prototype.hasOwnProperty.call(l,s)){var u=l[s];if(i&&c(u)){var h=Array.isArray(u)?[]:{};n[s]=e(!0,Object.prototype.hasOwnProperty.call(n,s)&&!d(n[s])?n[s]:h,u)}else n[s]=u}}return n};var h=function(){"use strict";function e(){i(this,e)}return r(e,[{key:"on",value:function(e,t){return this._callbacks=this._callbacks||{},this._callbacks[e]||(this._callbacks[e]=[]),this._callbacks[e].push(t),this}},{key:"emit",value:function(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),n=1;n<t;n++)i[n-1]=arguments[n];this._callbacks=this._callbacks||{};var r=this._callbacks[e],a=!0,o=!1,l=void 0;if(r)try{for(var s,u=r[Symbol.iterator]();!(a=(s=u.next()).done);a=!0){var c=s.value;c.apply(this,i)}}catch(e){o=!0,l=e}finally{try{a||null==u.return||u.return()}finally{if(o)throw l}}return this.element&&this.element.dispatchEvent(this.makeEvent("dropzone:"+e,{args:i})),this}},{key:"makeEvent",value:function(e,t){var i={bubbles:!0,cancelable:!0,detail:t};if("function"==typeof window.CustomEvent)return new CustomEvent(e,i);var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,i.bubbles,i.cancelable,i.detail),n}},{key:"off",value:function(e,t){if(!this._callbacks||0===arguments.length)return this._callbacks={},this;var i=this._callbacks[e];if(!i)return this;if(1===arguments.length)return delete this._callbacks[e],this;for(var n=0;n<i.length;n++){var r=i[n];if(r===t){i.splice(n,1);break}}return this}}]),e}();var p={url:null,method:"post",withCredentials:!1,timeout:null,parallelUploads:2,uploadMultiple:!1,chunking:!1,forceChunking:!1,chunkSize:2097152,parallelChunkUploads:!1,retryChunks:!1,retryChunksLimit:3,maxFilesize:256,paramName:"file",createImageThumbnails:!0,maxThumbnailFilesize:10,thumbnailWidth:120,thumbnailHeight:120,thumbnailMethod:"crop",resizeWidth:null,resizeHeight:null,resizeMimeType:null,resizeQuality:.8,resizeMethod:"contain",filesizeBase:1e3,maxFiles:null,headers:null,defaultHeaders:!0,clickable:!0,ignoreHiddenFiles:!0,acceptedFiles:null,acceptedMimeTypes:null,autoProcessQueue:!0,autoQueue:!0,addRemoveLinks:!1,previewsContainer:null,disablePreviews:!1,hiddenInputContainer:"body",capture:null,renameFilename:null,renameFile:null,forceFallback:!1,dictDefaultMessage:"Drop files here to upload",dictFallbackMessage:"Your browser does not support drag'n'drop file uploads.",dictFallbackText:"Please use the fallback form below to upload your files like in the olden days.",dictFileTooBig:"File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",dictInvalidFileType:"You can't upload files of this type.",dictResponseError:"Server responded with {{statusCode}} code.",dictCancelUpload:"Cancel upload",dictUploadCanceled:"Upload canceled.",dictCancelUploadConfirmation:"Are you sure you want to cancel this upload?",dictRemoveFile:"Remove file",dictRemoveFileConfirmation:null,dictMaxFilesExceeded:"You can not upload any more files.",dictFileSizeUnits:{tb:"TB",gb:"GB",mb:"MB",kb:"KB",b:"b"},init:function(){},params:function(e,t,i){if(i)return{dzuuid:i.file.upload.uuid,dzchunkindex:i.index,dztotalfilesize:i.file.size,dzchunksize:this.options.chunkSize,dztotalchunkcount:i.file.upload.totalChunkCount,dzchunkbyteoffset:i.index*this.options.chunkSize}},accept:function(e,t){return t()},chunksUploaded:function(e,t){t()},binaryBody:!1,fallback:function(){var e;this.element.className="".concat(this.element.className," dz-browser-not-supported");var t=!0,i=!1,n=void 0;try{for(var r,a=this.element.getElementsByTagName("div")[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o=r.value;if(/(^| )dz-message($| )/.test(o.className)){e=o,o.className="dz-message";break}}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}e||(e=f.createElement('<div class="dz-message"><span></span></div>'),this.element.appendChild(e));var l=e.getElementsByTagName("span")[0];return l&&(null!=l.textContent?l.textContent=this.options.dictFallbackMessage:null!=l.innerText&&(l.innerText=this.options.dictFallbackMessage)),this.element.appendChild(this.getFallbackForm())},resize:function(e,t,i,n){var r={srcX:0,srcY:0,srcWidth:e.width,srcHeight:e.height},a=e.width/e.height;null==t&&null==i?(t=r.srcWidth,i=r.srcHeight):null==t?t=i*a:null==i&&(i=t/a);var o=(t=Math.min(t,r.srcWidth))/(i=Math.min(i,r.srcHeight));if(r.srcWidth>t||r.srcHeight>i)if("crop"===n)a>o?(r.srcHeight=e.height,r.srcWidth=r.srcHeight*o):(r.srcWidth=e.width,r.srcHeight=r.srcWidth/o);else{if("contain"!==n)throw new Error("Unknown resizeMethod '".concat(n,"'"));a>o?i=t/a:t=i*a}return r.srcX=(e.width-r.srcWidth)/2,r.srcY=(e.height-r.srcHeight)/2,r.trgWidth=t,r.trgHeight=i,r},transformFile:function(e,t){return(this.options.resizeWidth||this.options.resizeHeight)&&e.type.match(/image.*/)?this.resizeImage(e,this.options.resizeWidth,this.options.resizeHeight,this.options.resizeMethod,t):t(e)},previewTemplate:e('<div class="dz-file-preview dz-preview"> <div class="dz-image"><img data-dz-thumbnail=""></div> <div class="dz-details"> <div class="dz-size"><span data-dz-size=""></span></div> <div class="dz-filename"><span data-dz-name=""></span></div> </div> <div class="dz-progress"> <span class="dz-upload" data-dz-uploadprogress=""></span> </div> <div class="dz-error-message"><span data-dz-errormessage=""></span></div> <div class="dz-success-mark"> <svg width="54" height="54" fill="#fff"><path d="m10.207 29.793 4.086-4.086a1 1 0 0 1 1.414 0l5.586 5.586a1 1 0 0 0 1.414 0l15.586-15.586a1 1 0 0 1 1.414 0l4.086 4.086a1 1 0 0 1 0 1.414L22.707 42.293a1 1 0 0 1-1.414 0L10.207 31.207a1 1 0 0 1 0-1.414Z"/></svg> </div> <div class="dz-error-mark"> <svg width="54" height="54" fill="#fff"><path d="m26.293 20.293-7.086-7.086a1 1 0 0 0-1.414 0l-4.586 4.586a1 1 0 0 0 0 1.414l7.086 7.086a1 1 0 0 1 0 1.414l-7.086 7.086a1 1 0 0 0 0 1.414l4.586 4.586a1 1 0 0 0 1.414 0l7.086-7.086a1 1 0 0 1 1.414 0l7.086 7.086a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7.086-7.086a1 1 0 0 1 0-1.414l7.086-7.086a1 1 0 0 0 0-1.414l-4.586-4.586a1 1 0 0 0-1.414 0l-7.086 7.086a1 1 0 0 1-1.414 0Z"/></svg> </div> </div>'),drop:function(e){return this.element.classList.remove("dz-drag-hover")},dragstart:function(e){},dragend:function(e){return this.element.classList.remove("dz-drag-hover")},dragenter:function(e){return this.element.classList.add("dz-drag-hover")},dragover:function(e){return this.element.classList.add("dz-drag-hover")},dragleave:function(e){return this.element.classList.remove("dz-drag-hover")},paste:function(e){},reset:function(){return this.element.classList.remove("dz-started")},addedfile:function(e){if(this.element===this.previewsContainer&&this.element.classList.add("dz-started"),this.previewsContainer&&!this.options.disablePreviews){var t=this;e.previewElement=f.createElement(this.options.previewTemplate.trim()),e.previewTemplate=e.previewElement,this.previewsContainer.appendChild(e.previewElement);var i=!0,n=!1,r=void 0;try{for(var a,o=e.previewElement.querySelectorAll("[data-dz-name]")[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){var l=a.value;l.textContent=e.name}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}var s=!0,u=!1,c=void 0;try{for(var d,h=e.previewElement.querySelectorAll("[data-dz-size]")[Symbol.iterator]();!(s=(d=h.next()).done);s=!0)(l=d.value).innerHTML=this.filesize(e.size)}catch(e){u=!0,c=e}finally{try{s||null==h.return||h.return()}finally{if(u)throw c}}this.options.addRemoveLinks&&(e._removeLink=f.createElement('<a class="dz-remove" href="javascript:undefined;" data-dz-remove>'.concat(this.options.dictRemoveFile,"</a>")),e.previewElement.appendChild(e._removeLink));var p=function(i){var n=t;if(i.preventDefault(),i.stopPropagation(),e.status===f.UPLOADING)return f.confirm(t.options.dictCancelUploadConfirmation,(function(){return n.removeFile(e)}));var r=t;return t.options.dictRemoveFileConfirmation?f.confirm(t.options.dictRemoveFileConfirmation,(function(){return r.removeFile(e)})):t.removeFile(e)},m=!0,v=!1,y=void 0;try{for(var g,b=e.previewElement.querySelectorAll("[data-dz-remove]")[Symbol.iterator]();!(m=(g=b.next()).done);m=!0){g.value.addEventListener("click",p)}}catch(e){v=!0,y=e}finally{try{m||null==b.return||b.return()}finally{if(v)throw y}}}},removedfile:function(e){return null!=e.previewElement&&null!=e.previewElement.parentNode&&e.previewElement.parentNode.removeChild(e.previewElement),this._updateMaxFilesReachedClass()},thumbnail:function(e,t){if(e.previewElement){e.previewElement.classList.remove("dz-file-preview");var i=!0,n=!1,r=void 0;try{for(var a,o=e.previewElement.querySelectorAll("[data-dz-thumbnail]")[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){var l=a.value;l.alt=e.name,l.src=t}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}return setTimeout((function(){return e.previewElement.classList.add("dz-image-preview")}),1)}},error:function(e,t){if(e.previewElement){e.previewElement.classList.add("dz-error"),"string"!=typeof t&&t.error&&(t=t.error);var i=!0,n=!1,r=void 0;try{for(var a,o=e.previewElement.querySelectorAll("[data-dz-errormessage]")[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){a.value.textContent=t}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}}},errormultiple:function(){},processing:function(e){if(e.previewElement&&(e.previewElement.classList.add("dz-processing"),e._removeLink))return e._removeLink.innerHTML=this.options.dictCancelUpload},processingmultiple:function(){},uploadprogress:function(e,t,i){var n=!0,r=!1,a=void 0;if(e.previewElement)try{for(var o,l=e.previewElement.querySelectorAll("[data-dz-uploadprogress]")[Symbol.iterator]();!(n=(o=l.next()).done);n=!0){var s=o.value;"PROGRESS"===s.nodeName?s.value=t:s.style.width="".concat(t,"%")}}catch(e){r=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw a}}},totaluploadprogress:function(){},sending:function(){},sendingmultiple:function(){},success:function(e){if(e.previewElement)return e.previewElement.classList.add("dz-success")},successmultiple:function(){},canceled:function(e){return this.emit("error",e,this.options.dictUploadCanceled)},canceledmultiple:function(){},complete:function(e){if(e._removeLink&&(e._removeLink.innerHTML=this.options.dictRemoveFile),e.previewElement)return e.previewElement.classList.add("dz-complete")},completemultiple:function(){},maxfilesexceeded:function(){},maxfilesreached:function(){},queuecomplete:function(){},addedfiles:function(){}},f=function(n){"use strict";function o(n,r){var l,c,d,h;if(i(this,o),(l=s(this,(c=o,a(c)).call(this))).element=n,l.clickableElements=[],l.listeners=[],l.files=[],"string"==typeof l.element&&(l.element=document.querySelector(l.element)),!l.element||null==l.element.nodeType)throw new Error("Invalid dropzone element.");if(l.element.dropzone)throw new Error("Dropzone already attached.");o.instances.push(t(l)),l.element.dropzone=t(l);var f=null!=(h=o.optionsForElement(l.element))?h:{};if(l.options=e(u)(!0,{},p,f,null!=r?r:{}),l.options.previewTemplate=l.options.previewTemplate.replace(/\n*/g,""),l.options.forceFallback||!o.isBrowserSupported())return s(l,l.options.fallback.call(t(l)));if(null==l.options.url&&(l.options.url=l.element.getAttribute("action")),!l.options.url)throw new Error("No URL provided.");if(l.options.acceptedFiles&&l.options.acceptedMimeTypes)throw new Error("You can't provide both 'acceptedFiles' and 'acceptedMimeTypes'. 'acceptedMimeTypes' is deprecated.");if(l.options.uploadMultiple&&l.options.chunking)throw new Error("You cannot set both: uploadMultiple and chunking.");if(l.options.binaryBody&&l.options.uploadMultiple)throw new Error("You cannot set both: binaryBody and uploadMultiple.");return l.options.acceptedMimeTypes&&(l.options.acceptedFiles=l.options.acceptedMimeTypes,delete l.options.acceptedMimeTypes),null!=l.options.renameFilename&&(l.options.renameFile=function(e){return l.options.renameFilename.call(t(l),e.name,e)}),"string"==typeof l.options.method&&(l.options.method=l.options.method.toUpperCase()),(d=l.getExistingFallback())&&d.parentNode&&d.parentNode.removeChild(d),!1!==l.options.previewsContainer&&(l.options.previewsContainer?l.previewsContainer=o.getElement(l.options.previewsContainer,"previewsContainer"):l.previewsContainer=l.element),l.options.clickable&&(!0===l.options.clickable?l.clickableElements=[l.element]:l.clickableElements=o.getElements(l.options.clickable,"clickable")),l.init(),l}return l(o,n),r(o,[{key:"getAcceptedFiles",value:function(){return this.files.filter((function(e){return e.accepted})).map((function(e){return e}))}},{key:"getRejectedFiles",value:function(){return this.files.filter((function(e){return!e.accepted})).map((function(e){return e}))}},{key:"getFilesWithStatus",value:function(e){return this.files.filter((function(t){return t.status===e})).map((function(e){return e}))}},{key:"getQueuedFiles",value:function(){return this.getFilesWithStatus(o.QUEUED)}},{key:"getUploadingFiles",value:function(){return this.getFilesWithStatus(o.UPLOADING)}},{key:"getAddedFiles",value:function(){return this.getFilesWithStatus(o.ADDED)}},{key:"getActiveFiles",value:function(){return this.files.filter((function(e){return e.status===o.UPLOADING||e.status===o.QUEUED})).map((function(e){return e}))}},{key:"init",value:function(){var e=this,t=this,i=this,n=this,r=this,a=this,l=this,s=this,u=this,c=this,d=this;if("form"===this.element.tagName&&this.element.setAttribute("enctype","multipart/form-data"),this.element.classList.contains("dropzone")&&!this.element.querySelector(".dz-message")&&this.element.appendChild(o.createElement('<div class="dz-default dz-message"><button class="dz-button" type="button">'.concat(this.options.dictDefaultMessage,"</button></div>"))),this.clickableElements.length){var h=this,p=function(){var e=h;h.hiddenFileInput&&h.hiddenFileInput.parentNode.removeChild(h.hiddenFileInput),h.hiddenFileInput=document.createElement("input"),h.hiddenFileInput.setAttribute("type","file"),(null===h.options.maxFiles||h.options.maxFiles>1)&&h.hiddenFileInput.setAttribute("multiple","multiple"),h.hiddenFileInput.className="dz-hidden-input",null!==h.options.acceptedFiles&&h.hiddenFileInput.setAttribute("accept",h.options.acceptedFiles),null!==h.options.capture&&h.hiddenFileInput.setAttribute("capture",h.options.capture),h.hiddenFileInput.setAttribute("tabindex","-1"),h.hiddenFileInput.style.visibility="hidden",h.hiddenFileInput.style.position="absolute",h.hiddenFileInput.style.top="0",h.hiddenFileInput.style.left="0",h.hiddenFileInput.style.height="0",h.hiddenFileInput.style.width="0",o.getElement(h.options.hiddenInputContainer,"hiddenInputContainer").appendChild(h.hiddenFileInput),h.hiddenFileInput.addEventListener("change",(function(){var t=e.hiddenFileInput.files,i=!0,n=!1,r=void 0;if(t.length)try{for(var a,o=t[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){var l=a.value;e.addFile(l)}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}e.emit("addedfiles",t),p()}))};p()}this.URL=null!==window.URL?window.URL:window.webkitURL;var f=!0,m=!1,v=void 0;try{for(var y,g=this.events[Symbol.iterator]();!(f=(y=g.next()).done);f=!0){var b=y.value;this.on(b,this.options[b])}}catch(e){m=!0,v=e}finally{try{f||null==g.return||g.return()}finally{if(m)throw v}}this.on("uploadprogress",(function(){return e.updateTotalUploadProgress()})),this.on("removedfile",(function(){return t.updateTotalUploadProgress()})),this.on("canceled",(function(e){return i.emit("complete",e)})),this.on("complete",(function(e){var t=n;if(0===n.getAddedFiles().length&&0===n.getUploadingFiles().length&&0===n.getQueuedFiles().length)return setTimeout((function(){return t.emit("queuecomplete")}),0)}));var k=function(e){if(function(e){if(e.dataTransfer.types)for(var t=0;t<e.dataTransfer.types.length;t++)if("Files"===e.dataTransfer.types[t])return!0;return!1}(e))return e.stopPropagation(),e.preventDefault?e.preventDefault():e.returnValue=!1};return this.listeners=[{element:this.element,events:{dragstart:function(e){return r.emit("dragstart",e)},dragenter:function(e){return k(e),a.emit("dragenter",e)},dragover:function(e){var t;try{t=e.dataTransfer.effectAllowed}catch(e){}return e.dataTransfer.dropEffect="move"===t||"linkMove"===t?"move":"copy",k(e),l.emit("dragover",e)},dragleave:function(e){return s.emit("dragleave",e)},drop:function(e){return k(e),u.drop(e)},dragend:function(e){return c.emit("dragend",e)}}}],this.clickableElements.forEach((function(e){var t=d;return d.listeners.push({element:e,events:{click:function(i){return(e!==t.element||i.target===t.element||o.elementInside(i.target,t.element.querySelector(".dz-message")))&&t.hiddenFileInput.click(),!0}}})})),this.enable(),this.options.init.call(this)}},{key:"destroy",value:function(){return this.disable(),this.removeAllFiles(!0),(null!=this.hiddenFileInput?this.hiddenFileInput.parentNode:void 0)&&(this.hiddenFileInput.parentNode.removeChild(this.hiddenFileInput),this.hiddenFileInput=null),delete this.element.dropzone,o.instances.splice(o.instances.indexOf(this),1)}},{key:"updateTotalUploadProgress",value:function(){var e,t=0,i=0;if(this.getActiveFiles().length){var n=!0,r=!1,a=void 0;try{for(var o,l=this.getActiveFiles()[Symbol.iterator]();!(n=(o=l.next()).done);n=!0){var s=o.value;t+=s.upload.bytesSent,i+=s.upload.total}}catch(e){r=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw a}}e=100*t/i}else e=100;return this.emit("totaluploadprogress",e,i,t)}},{key:"_getParamName",value:function(e){return"function"==typeof this.options.paramName?this.options.paramName(e):"".concat(this.options.paramName).concat(this.options.uploadMultiple?"[".concat(e,"]"):"")}},{key:"_renameFile",value:function(e){return"function"!=typeof this.options.renameFile?e.name:this.options.renameFile(e)}},{key:"getFallbackForm",value:function(){var e,t;if(e=this.getExistingFallback())return e;var i='<div class="dz-fallback">';this.options.dictFallbackText&&(i+="<p>".concat(this.options.dictFallbackText,"</p>")),i+='<input type="file" name="'.concat(this._getParamName(0),'" ').concat(this.options.uploadMultiple?'multiple="multiple"':void 0,' /><input type="submit" value="Upload!"></div>');var n=o.createElement(i);return"FORM"!==this.element.tagName?(t=o.createElement('<form action="'.concat(this.options.url,'" enctype="multipart/form-data" method="').concat(this.options.method,'"></form>'))).appendChild(n):(this.element.setAttribute("enctype","multipart/form-data"),this.element.setAttribute("method",this.options.method)),null!=t?t:n}},{key:"getExistingFallback",value:function(){var e=function(e){var t=!0,i=!1,n=void 0;try{for(var r,a=e[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o=r.value;if(/(^| )fallback($| )/.test(o.className))return o}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}},t=!0,i=!1,n=void 0;try{for(var r,a=["div","form"][Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o,l=r.value;if(o=e(this.element.getElementsByTagName(l)))return o}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}}},{key:"setupEventListeners",value:function(){return this.listeners.map((function(e){return function(){var t=[];for(var i in e.events){var n=e.events[i];t.push(e.element.addEventListener(i,n,!1))}return t}()}))}},{key:"removeEventListeners",value:function(){return this.listeners.map((function(e){return function(){var t=[];for(var i in e.events){var n=e.events[i];t.push(e.element.removeEventListener(i,n,!1))}return t}()}))}},{key:"disable",value:function(){var e=this;return this.clickableElements.forEach((function(e){return e.classList.remove("dz-clickable")})),this.removeEventListeners(),this.disabled=!0,this.files.map((function(t){return e.cancelUpload(t)}))}},{key:"enable",value:function(){return delete this.disabled,this.clickableElements.forEach((function(e){return e.classList.add("dz-clickable")})),this.setupEventListeners()}},{key:"filesize",value:function(e){var t=0,i="b";if(e>0){for(var n=["tb","gb","mb","kb","b"],r=0;r<n.length;r++){var a=n[r];if(e>=Math.pow(this.options.filesizeBase,4-r)/10){t=e/Math.pow(this.options.filesizeBase,4-r),i=a;break}}t=Math.round(10*t)/10}return"<strong>".concat(t,"</strong> ").concat(this.options.dictFileSizeUnits[i])}},{key:"_updateMaxFilesReachedClass",value:function(){return null!=this.options.maxFiles&&this.getAcceptedFiles().length>=this.options.maxFiles?(this.getAcceptedFiles().length===this.options.maxFiles&&this.emit("maxfilesreached",this.files),this.element.classList.add("dz-max-files-reached")):this.element.classList.remove("dz-max-files-reached")}},{key:"drop",value:function(e){if(e.dataTransfer){this.emit("drop",e);for(var t=[],i=0;i<e.dataTransfer.files.length;i++)t[i]=e.dataTransfer.files[i];if(t.length){var n=e.dataTransfer.items;n&&n.length&&null!=n[0].webkitGetAsEntry?this._addFilesFromItems(n):this.handleFiles(t)}this.emit("addedfiles",t)}}},{key:"paste",value:function(e){if(null!=(t=null!=e?e.clipboardData:void 0,i=function(e){return e.items},null!=t?i(t):void 0)){var t,i;this.emit("paste",e);var n=e.clipboardData.items;return n.length?this._addFilesFromItems(n):void 0}}},{key:"handleFiles",value:function(e){var t=!0,i=!1,n=void 0;try{for(var r,a=e[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o=r.value;this.addFile(o)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}}},{key:"_addFilesFromItems",value:function(e){var t=this;return function(){var i=[],n=!0,r=!1,a=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done);n=!0){var s,u=o.value;null!=u.webkitGetAsEntry&&(s=u.webkitGetAsEntry())?s.isFile?i.push(t.addFile(u.getAsFile())):s.isDirectory?i.push(t._addFilesFromDirectory(s,s.name)):i.push(void 0):null!=u.getAsFile&&(null==u.kind||"file"===u.kind)?i.push(t.addFile(u.getAsFile())):i.push(void 0)}}catch(e){r=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw a}}return i}()}},{key:"_addFilesFromDirectory",value:function(e,t){var i=this,n=e.createReader(),r=function(e){return t=console,i="log",n=function(t){return t.log(e)},null!=t&&"function"==typeof t[i]?n(t,i):void 0;var t,i,n},a=function(){var e=i;return n.readEntries((function(i){if(i.length>0){var n=!0,r=!1,o=void 0;try{for(var l,s=i[Symbol.iterator]();!(n=(l=s.next()).done);n=!0){var u=l.value,c=e;u.isFile?u.file((function(e){if(!c.options.ignoreHiddenFiles||"."!==e.name.substring(0,1))return e.fullPath="".concat(t,"/").concat(e.name),c.addFile(e)})):u.isDirectory&&e._addFilesFromDirectory(u,"".concat(t,"/").concat(u.name))}}catch(e){r=!0,o=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw o}}a()}return null}),r)};return a()}},{key:"accept",value:function(e,t){this.options.maxFilesize&&e.size>1048576*this.options.maxFilesize?t(this.options.dictFileTooBig.replace("{{filesize}}",Math.round(e.size/1024/10.24)/100).replace("{{maxFilesize}}",this.options.maxFilesize)):o.isValidFile(e,this.options.acceptedFiles)?null!=this.options.maxFiles&&this.getAcceptedFiles().length>=this.options.maxFiles?(t(this.options.dictMaxFilesExceeded.replace("{{maxFiles}}",this.options.maxFiles)),this.emit("maxfilesexceeded",e)):this.options.accept.call(this,e,t):t(this.options.dictInvalidFileType)}},{key:"addFile",value:function(e){var t=this;e.upload={uuid:o.uuidv4(),progress:0,total:e.size,bytesSent:0,filename:this._renameFile(e)},this.files.push(e),e.status=o.ADDED,this.emit("addedfile",e),this._enqueueThumbnail(e),this.accept(e,(function(i){i?(e.accepted=!1,t._errorProcessing([e],i)):(e.accepted=!0,t.options.autoQueue&&t.enqueueFile(e)),t._updateMaxFilesReachedClass()}))}},{key:"enqueueFiles",value:function(e){var t=!0,i=!1,n=void 0;try{for(var r,a=e[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o=r.value;this.enqueueFile(o)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}return null}},{key:"enqueueFile",value:function(e){if(e.status!==o.ADDED||!0!==e.accepted)throw new Error("This file can't be queued because it has already been processed or was rejected.");var t=this;if(e.status=o.QUEUED,this.options.autoProcessQueue)return setTimeout((function(){return t.processQueue()}),0)}},{key:"_enqueueThumbnail",value:function(e){if(this.options.createImageThumbnails&&e.type.match(/image.*/)&&e.size<=1048576*this.options.maxThumbnailFilesize){var t=this;return this._thumbnailQueue.push(e),setTimeout((function(){return t._processThumbnailQueue()}),0)}}},{key:"_processThumbnailQueue",value:function(){var e=this;if(!this._processingThumbnail&&0!==this._thumbnailQueue.length){this._processingThumbnail=!0;var t=this._thumbnailQueue.shift();return this.createThumbnail(t,this.options.thumbnailWidth,this.options.thumbnailHeight,this.options.thumbnailMethod,!0,(function(i){return e.emit("thumbnail",t,i),e._processingThumbnail=!1,e._processThumbnailQueue()}))}}},{key:"removeFile",value:function(e){if(e.status===o.UPLOADING&&this.cancelUpload(e),this.files=m(this.files,e),this.emit("removedfile",e),0===this.files.length)return this.emit("reset")}},{key:"removeAllFiles",value:function(e){null==e&&(e=!1);var t=!0,i=!1,n=void 0;try{for(var r,a=this.files.slice()[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var l=r.value;(l.status!==o.UPLOADING||e)&&this.removeFile(l)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}return null}},{key:"resizeImage",value:function(e,t,i,n,r){var a=this;return this.createThumbnail(e,t,i,n,!0,(function(t,i){if(null==i)return r(e);var n=a.options.resizeMimeType;null==n&&(n=e.type);var l=i.toDataURL(n,a.options.resizeQuality);return"image/jpeg"!==n&&"image/jpg"!==n||(l=g.restore(e.dataURL,l)),r(o.dataURItoBlob(l))}))}},{key:"createThumbnail",value:function(e,t,i,n,r,a){var o=this,l=new FileReader;l.onload=function(){e.dataURL=l.result,"image/svg+xml"!==e.type?o.createThumbnailFromUrl(e,t,i,n,r,a):null!=a&&a(l.result)},l.readAsDataURL(e)}},{key:"displayExistingFile",value:function(e,t,i,n,r){var a=void 0===r||r;if(this.emit("addedfile",e),this.emit("complete",e),a){var o=this;e.dataURL=t,this.createThumbnailFromUrl(e,this.options.thumbnailWidth,this.options.thumbnailHeight,this.options.thumbnailMethod,this.options.fixOrientation,(function(t){o.emit("thumbnail",e,t),i&&i()}),n)}else this.emit("thumbnail",e,t),i&&i()}},{key:"createThumbnailFromUrl",value:function(e,t,i,n,r,a,o){var l=this,s=document.createElement("img");return o&&(s.crossOrigin=o),r="from-image"!=getComputedStyle(document.body).imageOrientation&&r,s.onload=function(){var o=l,u=function(e){return e(1)};return"undefined"!=typeof EXIF&&null!==EXIF&&r&&(u=function(e){return EXIF.getData(s,(function(){return e(EXIF.getTag(this,"Orientation"))}))}),u((function(r){e.width=s.width,e.height=s.height;var l=o.options.resize.call(o,e,t,i,n),u=document.createElement("canvas"),c=u.getContext("2d");switch(u.width=l.trgWidth,u.height=l.trgHeight,r>4&&(u.width=l.trgHeight,u.height=l.trgWidth),r){case 2:c.translate(u.width,0),c.scale(-1,1);break;case 3:c.translate(u.width,u.height),c.rotate(Math.PI);break;case 4:c.translate(0,u.height),c.scale(1,-1);break;case 5:c.rotate(.5*Math.PI),c.scale(1,-1);break;case 6:c.rotate(.5*Math.PI),c.translate(0,-u.width);break;case 7:c.rotate(.5*Math.PI),c.translate(u.height,-u.width),c.scale(-1,1);break;case 8:c.rotate(-.5*Math.PI),c.translate(-u.height,0)}y(c,s,null!=l.srcX?l.srcX:0,null!=l.srcY?l.srcY:0,l.srcWidth,l.srcHeight,null!=l.trgX?l.trgX:0,null!=l.trgY?l.trgY:0,l.trgWidth,l.trgHeight);var d=u.toDataURL("image/png");if(null!=a)return a(d,u)}))},null!=a&&(s.onerror=a),s.src=e.dataURL}},{key:"processQueue",value:function(){var e=this.options.parallelUploads,t=this.getUploadingFiles().length,i=t;if(!(t>=e)){var n=this.getQueuedFiles();if(n.length>0){if(this.options.uploadMultiple)return this.processFiles(n.slice(0,e-t));for(;i<e;){if(!n.length)return;this.processFile(n.shift()),i++}}}}},{key:"processFile",value:function(e){return this.processFiles([e])}},{key:"processFiles",value:function(e){var t=!0,i=!1,n=void 0;try{for(var r,a=e[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var l=r.value;l.processing=!0,l.status=o.UPLOADING,this.emit("processing",l)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}return this.options.uploadMultiple&&this.emit("processingmultiple",e),this.uploadFiles(e)}},{key:"_getFilesWithXhr",value:function(e){return this.files.filter((function(t){return t.xhr===e})).map((function(e){return e}))}},{key:"cancelUpload",value:function(e){if(e.status===o.UPLOADING){var t=this._getFilesWithXhr(e.xhr),i=!0,n=!1,r=void 0;try{for(var a,l=t[Symbol.iterator]();!(i=(a=l.next()).done);i=!0){(p=a.value).status=o.CANCELED}}catch(e){n=!0,r=e}finally{try{i||null==l.return||l.return()}finally{if(n)throw r}}void 0!==e.xhr&&e.xhr.abort();var s=!0,u=!1,c=void 0;try{for(var d,h=t[Symbol.iterator]();!(s=(d=h.next()).done);s=!0){var p=d.value;this.emit("canceled",p)}}catch(e){u=!0,c=e}finally{try{s||null==h.return||h.return()}finally{if(u)throw c}}this.options.uploadMultiple&&this.emit("canceledmultiple",t)}else e.status!==o.ADDED&&e.status!==o.QUEUED||(e.status=o.CANCELED,this.emit("canceled",e),this.options.uploadMultiple&&this.emit("canceledmultiple",[e]));if(this.options.autoProcessQueue)return this.processQueue()}},{key:"resolveOption",value:function(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),n=1;n<t;n++)i[n-1]=arguments[n];return"function"==typeof e?e.apply(this,i):e}},{key:"uploadFile",value:function(e){return this.uploadFiles([e])}},{key:"uploadFiles",value:function(e){var t=this;this._transformFiles(e,(function(i){if(t.options.chunking){var n=i[0];e[0].upload.chunked=t.options.chunking&&(t.options.forceChunking||n.size>t.options.chunkSize),e[0].upload.totalChunkCount=Math.ceil(n.size/t.options.chunkSize)}if(e[0].upload.chunked){var r=t,a=t,l=e[0];n=i[0];l.upload.chunks=[];var s=function(){for(var t=0;void 0!==l.upload.chunks[t];)t++;if(!(t>=l.upload.totalChunkCount)){0;var i=t*r.options.chunkSize,a=Math.min(i+r.options.chunkSize,n.size),s={name:r._getParamName(0),data:n.webkitSlice?n.webkitSlice(i,a):n.slice(i,a),filename:l.upload.filename,chunkIndex:t};l.upload.chunks[t]={file:l,index:t,dataBlock:s,status:o.UPLOADING,progress:0,retries:0},r._uploadData(e,[s])}};if(l.upload.finishedChunkUpload=function(t,i){var n=a,r=!0;t.status=o.SUCCESS,t.dataBlock=null,t.response=t.xhr.responseText,t.responseHeaders=t.xhr.getAllResponseHeaders(),t.xhr=null;for(var u=0;u<l.upload.totalChunkCount;u++){if(void 0===l.upload.chunks[u])return s();l.upload.chunks[u].status!==o.SUCCESS&&(r=!1)}r&&a.options.chunksUploaded(l,(function(){n._finished(e,i,null)}))},t.options.parallelChunkUploads)for(var u=0;u<l.upload.totalChunkCount;u++)s();else s()}else{var c=[];for(u=0;u<e.length;u++)c[u]={name:t._getParamName(u),data:i[u],filename:e[u].upload.filename};t._uploadData(e,c)}}))}},{key:"_getChunk",value:function(e,t){for(var i=0;i<e.upload.totalChunkCount;i++)if(void 0!==e.upload.chunks[i]&&e.upload.chunks[i].xhr===t)return e.upload.chunks[i]}},{key:"_uploadData",value:function(t,i){var n=this,r=this,a=this,o=this,l=new XMLHttpRequest,s=!0,c=!1,d=void 0;try{for(var h=t[Symbol.iterator]();!(s=(x=h.next()).done);s=!0){(g=x.value).xhr=l}}catch(e){c=!0,d=e}finally{try{s||null==h.return||h.return()}finally{if(c)throw d}}t[0].upload.chunked&&(t[0].upload.chunks[i[0].chunkIndex].xhr=l);var p=this.resolveOption(this.options.method,t,i),f=this.resolveOption(this.options.url,t,i);l.open(p,f,!0),this.resolveOption(this.options.timeout,t)&&(l.timeout=this.resolveOption(this.options.timeout,t)),l.withCredentials=!!this.options.withCredentials,l.onload=function(e){n._finishedUploading(t,l,e)},l.ontimeout=function(){r._handleUploadError(t,l,"Request timedout after ".concat(r.options.timeout/1e3," seconds"))},l.onerror=function(){a._handleUploadError(t,l)},(null!=l.upload?l.upload:l).onprogress=function(e){return o._updateFilesUploadProgress(t,l,e)};var m=this.options.defaultHeaders?{Accept:"application/json","Cache-Control":"no-cache","X-Requested-With":"XMLHttpRequest"}:{};for(var v in this.options.binaryBody&&(m["Content-Type"]=t[0].type),this.options.headers&&e(u)(m,this.options.headers),m){var y=m[v];y&&l.setRequestHeader(v,y)}if(this.options.binaryBody){s=!0,c=!1,d=void 0;try{for(h=t[Symbol.iterator]();!(s=(x=h.next()).done);s=!0){var g=x.value;this.emit("sending",g,l)}}catch(e){c=!0,d=e}finally{try{s||null==h.return||h.return()}finally{if(c)throw d}}this.options.uploadMultiple&&this.emit("sendingmultiple",t,l),this.submitRequest(l,null,t)}else{var b=new FormData;if(this.options.params){var k=this.options.params;for(var w in"function"==typeof k&&(k=k.call(this,t,l,t[0].upload.chunked?this._getChunk(t[0],l):null)),k){var F=k[w];if(Array.isArray(F))for(var E=0;E<F.length;E++)b.append(w,F[E]);else b.append(w,F)}}s=!0,c=!1,d=void 0;try{var x;for(h=t[Symbol.iterator]();!(s=(x=h.next()).done);s=!0){g=x.value;this.emit("sending",g,l,b)}}catch(e){c=!0,d=e}finally{try{s||null==h.return||h.return()}finally{if(c)throw d}}this.options.uploadMultiple&&this.emit("sendingmultiple",t,l,b),this._addFormElementData(b);for(E=0;E<i.length;E++){var z=i[E];b.append(z.name,z.data,z.filename)}this.submitRequest(l,b,t)}}},{key:"_transformFiles",value:function(e,t){for(var i=this,n=function(n){i.options.transformFile.call(i,e[n],(function(i){r[n]=i,++a===e.length&&t(r)}))},r=[],a=0,o=0;o<e.length;o++)n(o)}},{key:"_addFormElementData",value:function(e){var t=!0,i=!1,n=void 0;if("FORM"===this.element.tagName)try{for(var r=this.element.querySelectorAll("input, textarea, select, button")[Symbol.iterator]();!(t=(s=r.next()).done);t=!0){var a=s.value,o=a.getAttribute("name"),l=a.getAttribute("type");if(l&&(l=l.toLowerCase()),null!=o)if("SELECT"===a.tagName&&a.hasAttribute("multiple")){t=!0,i=!1,n=void 0;try{var s;for(r=a.options[Symbol.iterator]();!(t=(s=r.next()).done);t=!0){var u=s.value;u.selected&&e.append(o,u.value)}}catch(e){i=!0,n=e}finally{try{t||null==r.return||r.return()}finally{if(i)throw n}}}else(!l||"checkbox"!==l&&"radio"!==l||a.checked)&&e.append(o,a.value)}}catch(e){i=!0,n=e}finally{try{t||null==r.return||r.return()}finally{if(i)throw n}}}},{key:"_updateFilesUploadProgress",value:function(e,t,i){var n=!0,r=!1,a=void 0;if(e[0].upload.chunked){c=e[0];var o=this._getChunk(c,t);i?(o.progress=100*i.loaded/i.total,o.total=i.total,o.bytesSent=i.loaded):(o.progress=100,o.bytesSent=o.total),c.upload.progress=0,c.upload.total=0,c.upload.bytesSent=0;for(var l=0;l<c.upload.totalChunkCount;l++)c.upload.chunks[l]&&void 0!==c.upload.chunks[l].progress&&(c.upload.progress+=c.upload.chunks[l].progress,c.upload.total+=c.upload.chunks[l].total,c.upload.bytesSent+=c.upload.chunks[l].bytesSent);c.upload.progress=c.upload.progress/c.upload.totalChunkCount,this.emit("uploadprogress",c,c.upload.progress,c.upload.bytesSent)}else try{for(var s,u=e[Symbol.iterator]();!(n=(s=u.next()).done);n=!0){var c;(c=s.value).upload.total&&c.upload.bytesSent&&c.upload.bytesSent==c.upload.total||(i?(c.upload.progress=100*i.loaded/i.total,c.upload.total=i.total,c.upload.bytesSent=i.loaded):(c.upload.progress=100,c.upload.bytesSent=c.upload.total),this.emit("uploadprogress",c,c.upload.progress,c.upload.bytesSent))}}catch(e){r=!0,a=e}finally{try{n||null==u.return||u.return()}finally{if(r)throw a}}}},{key:"_finishedUploading",value:function(e,t,i){var n;if(e[0].status!==o.CANCELED&&4===t.readyState){if("arraybuffer"!==t.responseType&&"blob"!==t.responseType&&(n=t.responseText,t.getResponseHeader("content-type")&&~t.getResponseHeader("content-type").indexOf("application/json")))try{n=JSON.parse(n)}catch(e){i=e,n="Invalid JSON response from server."}this._updateFilesUploadProgress(e,t),200<=t.status&&t.status<300?e[0].upload.chunked?e[0].upload.finishedChunkUpload(this._getChunk(e[0],t),n):this._finished(e,n,i):this._handleUploadError(e,t,n)}}},{key:"_handleUploadError",value:function(e,t,i){if(e[0].status!==o.CANCELED){if(e[0].upload.chunked&&this.options.retryChunks){var n=this._getChunk(e[0],t);if(n.retries++<this.options.retryChunksLimit)return void this._uploadData(e,[n.dataBlock]);console.warn("Retried this chunk too often. Giving up.")}this._errorProcessing(e,i||this.options.dictResponseError.replace("{{statusCode}}",t.status),t)}}},{key:"submitRequest",value:function(e,t,i){if(1==e.readyState)if(this.options.binaryBody)if(i[0].upload.chunked){var n=this._getChunk(i[0],e);e.send(n.dataBlock.data)}else e.send(i[0]);else e.send(t);else console.warn("Cannot send this request because the XMLHttpRequest.readyState is not OPENED.")}},{key:"_finished",value:function(e,t,i){var n=!0,r=!1,a=void 0;try{for(var l,s=e[Symbol.iterator]();!(n=(l=s.next()).done);n=!0){var u=l.value;u.status=o.SUCCESS,this.emit("success",u,t,i),this.emit("complete",u)}}catch(e){r=!0,a=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw a}}if(this.options.uploadMultiple&&(this.emit("successmultiple",e,t,i),this.emit("completemultiple",e)),this.options.autoProcessQueue)return this.processQueue()}},{key:"_errorProcessing",value:function(e,t,i){var n=!0,r=!1,a=void 0;try{for(var l,s=e[Symbol.iterator]();!(n=(l=s.next()).done);n=!0){var u=l.value;u.status=o.ERROR,this.emit("error",u,t,i),this.emit("complete",u)}}catch(e){r=!0,a=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw a}}if(this.options.uploadMultiple&&(this.emit("errormultiple",e,t,i),this.emit("completemultiple",e)),this.options.autoProcessQueue)return this.processQueue()}}],[{key:"initClass",value:function(){this.prototype.Emitter=h,this.prototype.events=["drop","dragstart","dragend","dragenter","dragover","dragleave","addedfile","addedfiles","removedfile","thumbnail","error","errormultiple","processing","processingmultiple","uploadprogress","totaluploadprogress","sending","sendingmultiple","success","successmultiple","canceled","canceledmultiple","complete","completemultiple","reset","maxfilesexceeded","maxfilesreached","queuecomplete"],this.prototype._thumbnailQueue=[],this.prototype._processingThumbnail=!1}},{key:"uuidv4",value:function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)}))}}]),o}(h);f.initClass(),f.options={},f.optionsForElement=function(e){return e.getAttribute("id")?f.options[v(e.getAttribute("id"))]:void 0},f.instances=[],f.forElement=function(e){if("string"==typeof e&&(e=document.querySelector(e)),null==(null!=e?e.dropzone:void 0))throw new Error("No Dropzone found for given element. This is probably because you're trying to access it before Dropzone had the time to initialize. Use the `init` option to setup any additional observers on your Dropzone.");return e.dropzone},f.discover=function(){var e;if(document.querySelectorAll)e=document.querySelectorAll(".dropzone");else{e=[];var t=function(t){return function(){var i=[],n=!0,r=!1,a=void 0;try{for(var o,l=t[Symbol.iterator]();!(n=(o=l.next()).done);n=!0){var s=o.value;/(^| )dropzone($| )/.test(s.className)?i.push(e.push(s)):i.push(void 0)}}catch(e){r=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw a}}return i}()};t(document.getElementsByTagName("div")),t(document.getElementsByTagName("form"))}return function(){var t=[],i=!0,n=!1,r=void 0;try{for(var a,o=e[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){var l=a.value;!1!==f.optionsForElement(l)?t.push(new f(l)):t.push(void 0)}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}return t}()},f.blockedBrowsers=[/opera.*(Macintosh|Windows Phone).*version\/12/i],f.isBrowserSupported=function(){var e=!0;if(window.File&&window.FileReader&&window.FileList&&window.Blob&&window.FormData&&document.querySelector)if("classList"in document.createElement("a")){void 0!==f.blacklistedBrowsers&&(f.blockedBrowsers=f.blacklistedBrowsers);var t=!0,i=!1,n=void 0;try{for(var r,a=f.blockedBrowsers[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){r.value.test(navigator.userAgent)&&(e=!1)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}}else e=!1;else e=!1;return e},f.dataURItoBlob=function(e){for(var t=atob(e.split(",")[1]),i=e.split(",")[0].split(":")[1].split(";")[0],n=new ArrayBuffer(t.length),r=new Uint8Array(n),a=0,o=t.length,l=0<=o;l?a<=o:a>=o;l?a++:a--)r[a]=t.charCodeAt(a);return new Blob([n],{type:i})};var m=function(e,t){return e.filter((function(e){return e!==t})).map((function(e){return e}))},v=function(e){return e.replace(/[\-_](\w)/g,(function(e){return e.charAt(1).toUpperCase()}))};f.createElement=function(e){var t=document.createElement("div");return t.innerHTML=e,t.childNodes[0]},f.elementInside=function(e,t){if(e===t)return!0;for(;e=e.parentNode;)if(e===t)return!0;return!1},f.getElement=function(e,t){var i;if("string"==typeof e?i=document.querySelector(e):null!=e.nodeType&&(i=e),null==i)throw new Error("Invalid `".concat(t,"` option provided. Please provide a CSS selector or a plain HTML element."));return i},f.getElements=function(e,t){var i,n;if(e instanceof Array){n=[];try{var r=!0,a=!1,o=void 0;try{for(var l=e[Symbol.iterator]();!(r=(s=l.next()).done);r=!0)i=s.value,n.push(this.getElement(i,t))}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}}catch(e){n=null}}else if("string"==typeof e){n=[];r=!0,a=!1,o=void 0;try{var s;for(l=document.querySelectorAll(e)[Symbol.iterator]();!(r=(s=l.next()).done);r=!0)i=s.value,n.push(i)}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}}else null!=e.nodeType&&(n=[e]);if(null==n||!n.length)throw new Error("Invalid `".concat(t,"` option provided. Please provide a CSS selector, a plain HTML element or a list of those."));return n},f.confirm=function(e,t,i){return window.confirm(e)?t():null!=i?i():void 0},f.isValidFile=function(e,t){if(!t)return!0;t=t.split(",");var i=e.type,n=i.replace(/\/.*$/,""),r=!0,a=!1,o=void 0;try{for(var l,s=t[Symbol.iterator]();!(r=(l=s.next()).done);r=!0){var u=l.value;if("."===(u=u.trim()).charAt(0)){if(-1!==e.name.toLowerCase().indexOf(u.toLowerCase(),e.name.length-u.length))return!0}else if(/\/\*$/.test(u)){if(n===u.replace(/\/.*$/,""))return!0}else if(i===u)return!0}}catch(e){a=!0,o=e}finally{try{r||null==s.return||s.return()}finally{if(a)throw o}}return!1},"undefined"!=typeof jQuery&&null!==jQuery&&(jQuery.fn.dropzone=function(e){return this.each((function(){return new f(this,e)}))}),f.ADDED="added",f.QUEUED="queued",f.ACCEPTED=f.QUEUED,f.UPLOADING="uploading",f.PROCESSING=f.UPLOADING,f.CANCELED="canceled",f.ERROR="error",f.SUCCESS="success";var y=function(e,t,i,n,r,a,o,l,s,u){var c=function(e){e.naturalWidth;var t=e.naturalHeight,i=document.createElement("canvas");i.width=1,i.height=t;var n=i.getContext("2d");n.drawImage(e,0,0);for(var r=n.getImageData(1,0,1,t).data,a=0,o=t,l=t;l>a;)0===r[4*(l-1)+3]?o=l:a=l,l=o+a>>1;var s=l/t;return 0===s?1:s}(t);return e.drawImage(t,i,n,r,a,o,l,s,u/c)},g=function(){"use strict";function e(){i(this,e)}return r(e,null,[{key:"initClass",value:function(){this.KEY_STR="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="}},{key:"encode64",value:function(e){for(var t="",i=void 0,n=void 0,r="",a=void 0,o=void 0,l=void 0,s="",u=0;a=(i=e[u++])>>2,o=(3&i)<<4|(n=e[u++])>>4,l=(15&n)<<2|(r=e[u++])>>6,s=63&r,isNaN(n)?l=s=64:isNaN(r)&&(s=64),t=t+this.KEY_STR.charAt(a)+this.KEY_STR.charAt(o)+this.KEY_STR.charAt(l)+this.KEY_STR.charAt(s),i=n=r="",a=o=l=s="",u<e.length;);return t}},{key:"restore",value:function(e,t){if(!e.match("data:image/jpeg;base64,"))return t;var i=this.decode64(e.replace("data:image/jpeg;base64,","")),n=this.slice2Segments(i),r=this.exifManipulation(t,n);return"data:image/jpeg;base64,".concat(this.encode64(r))}},{key:"exifManipulation",value:function(e,t){var i=this.getExifArray(t),n=this.insertExif(e,i);return new Uint8Array(n)}},{key:"getExifArray",value:function(e){for(var t=void 0,i=0;i<e.length;){if(255===(t=e[i])[0]&225===t[1])return t;i++}return[]}},{key:"insertExif",value:function(e,t){var i=e.replace("data:image/jpeg;base64,",""),n=this.decode64(i),r=n.indexOf(255,3),a=n.slice(0,r),o=n.slice(r),l=a;return l=(l=l.concat(t)).concat(o)}},{key:"slice2Segments",value:function(e){for(var t=0,i=[];;){if(255===e[t]&218===e[t+1])break;if(255===e[t]&216===e[t+1])t+=2;else{var n=t+(256*e[t+2]+e[t+3])+2,r=e.slice(t,n);i.push(r),t=n}if(t>e.length)break}return i}},{key:"decode64",value:function(e){var t=void 0,i=void 0,n="",r=void 0,a=void 0,o="",l=0,s=[];for(/[^A-Za-z0-9\+\/\=]/g.exec(e)&&console.warn("There were invalid base64 characters in the input text.\nValid base64 characters are A-Z, a-z, 0-9, '+', '/',and '='\nExpect errors in decoding."),e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");t=this.KEY_STR.indexOf(e.charAt(l++))<<2|(r=this.KEY_STR.indexOf(e.charAt(l++)))>>4,i=(15&r)<<4|(a=this.KEY_STR.indexOf(e.charAt(l++)))>>2,n=(3&a)<<6|(o=this.KEY_STR.indexOf(e.charAt(l++))),s.push(t),64!==a&&s.push(i),64!==o&&s.push(n),t=i=n="",r=a=o="",l<e.length;);return s}}]),e}();g.initClass();window.Dropzone=f}();
+//# sourceMappingURL=dropzone-min.js.map
diff --git a/public_html/assets/raven/vendor/js/echarts.min.js b/public_html/assets/raven/vendor/js/echarts.min.js
new file mode 100644
index 0000000..22b33ff
--- /dev/null
+++ b/public_html/assets/raven/vendor/js/echarts.min.js
@@ -0,0 +1,45 @@
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).echarts={})}(this,(function(t){"use strict";
+/*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},e(t,n)};function n(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}var i=function(){this.firefox=!1,this.ie=!1,this.edge=!1,this.newEdge=!1,this.weChat=!1},r=new function(){this.browser=new i,this.node=!1,this.wxa=!1,this.worker=!1,this.svgSupported=!1,this.touchEventsSupported=!1,this.pointerEventsSupported=!1,this.domSupported=!1,this.transformSupported=!1,this.transform3dSupported=!1,this.hasGlobalWindow="undefined"!=typeof window};"object"==typeof wx&&"function"==typeof wx.getSystemInfoSync?(r.wxa=!0,r.touchEventsSupported=!0):"undefined"==typeof document&&"undefined"!=typeof self?r.worker=!0:!r.hasGlobalWindow||"Deno"in window||"undefined"!=typeof navigator&&"string"==typeof navigator.userAgent&&navigator.userAgent.indexOf("Node.js")>-1?(r.node=!0,r.svgSupported=!0):function(t,e){var n=e.browser,i=t.match(/Firefox\/([\d.]+)/),r=t.match(/MSIE\s([\d.]+)/)||t.match(/Trident\/.+?rv:(([\d.]+))/),o=t.match(/Edge?\/([\d.]+)/),a=/micromessenger/i.test(t);i&&(n.firefox=!0,n.version=i[1]);r&&(n.ie=!0,n.version=r[1]);o&&(n.edge=!0,n.version=o[1],n.newEdge=+o[1].split(".")[0]>18);a&&(n.weChat=!0);e.svgSupported="undefined"!=typeof SVGRect,e.touchEventsSupported="ontouchstart"in window&&!n.ie&&!n.edge,e.pointerEventsSupported="onpointerdown"in window&&(n.edge||n.ie&&+n.version>=11);var s=e.domSupported="undefined"!=typeof document;if(s){var l=document.documentElement.style;e.transform3dSupported=(n.ie&&"transition"in l||n.edge||"WebKitCSSMatrix"in window&&"m11"in new WebKitCSSMatrix||"MozPerspective"in l)&&!("OTransition"in l),e.transformSupported=e.transform3dSupported||n.ie&&+n.version>=9}}(navigator.userAgent,r);var o="sans-serif",a="12px "+o;var s,l,u=function(t){var e={};if("undefined"==typeof JSON)return e;for(var n=0;n<t.length;n++){var i=String.fromCharCode(n+32),r=(t.charCodeAt(n)-20)/100;e[i]=r}return e}("007LLmW'55;N0500LLLLLLLLLL00NNNLzWW\\\\WQb\\0FWLg\\bWb\\WQ\\WrWWQ000CL5LLFLL0LL**F*gLLLL5F0LF\\FFF5.5N"),c={createCanvas:function(){return"undefined"!=typeof document&&document.createElement("canvas")},measureText:function(t,e){if(!s){var n=c.createCanvas();s=n&&n.getContext("2d")}if(s)return l!==e&&(l=s.font=e||a),s.measureText(t);t=t||"";var i=/((?:\d+)?\.?\d*)px/.exec(e=e||a),r=i&&+i[1]||12,o=0;if(e.indexOf("mono")>=0)o=r*t.length;else for(var h=0;h<t.length;h++){var d=u[t[h]];o+=null==d?r:d*r}return{width:o}},loadImage:function(t,e,n){var i=new Image;return i.onload=e,i.onerror=n,i.src=t,i}};function h(t){for(var e in c)t[e]&&(c[e]=t[e])}var d=B(["Function","RegExp","Date","Error","CanvasGradient","CanvasPattern","Image","Canvas"],(function(t,e){return t["[object "+e+"]"]=!0,t}),{}),p=B(["Int8","Uint8","Uint8Clamped","Int16","Uint16","Int32","Uint32","Float32","Float64"],(function(t,e){return t["[object "+e+"Array]"]=!0,t}),{}),f=Object.prototype.toString,g=Array.prototype,y=g.forEach,v=g.filter,m=g.slice,x=g.map,_=function(){}.constructor,b=_?_.prototype:null,w="__proto__",S=2311;function M(){return S++}function I(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];"undefined"!=typeof console&&console.error.apply(console,t)}function T(t){if(null==t||"object"!=typeof t)return t;var e=t,n=f.call(t);if("[object Array]"===n){if(!dt(t)){e=[];for(var i=0,r=t.length;i<r;i++)e[i]=T(t[i])}}else if(p[n]){if(!dt(t)){var o=t.constructor;if(o.from)e=o.from(t);else{e=new o(t.length);for(i=0,r=t.length;i<r;i++)e[i]=t[i]}}}else if(!d[n]&&!dt(t)&&!J(t))for(var a in e={},t)t.hasOwnProperty(a)&&a!==w&&(e[a]=T(t[a]));return e}function C(t,e,n){if(!q(e)||!q(t))return n?T(e):t;for(var i in e)if(e.hasOwnProperty(i)&&i!==w){var r=t[i],o=e[i];!q(o)||!q(r)||U(o)||U(r)||J(o)||J(r)||K(o)||K(r)||dt(o)||dt(r)?!n&&i in t||(t[i]=T(e[i])):C(r,o,n)}return t}function D(t,e){for(var n=t[0],i=1,r=t.length;i<r;i++)n=C(n,t[i],e);return n}function A(t,e){if(Object.assign)Object.assign(t,e);else for(var n in e)e.hasOwnProperty(n)&&n!==w&&(t[n]=e[n]);return t}function k(t,e,n){for(var i=F(e),r=0,o=i.length;r<o;r++){var a=i[r];(n?null!=e[a]:null==t[a])&&(t[a]=e[a])}return t}var L=c.createCanvas;function P(t,e){if(t){if(t.indexOf)return t.indexOf(e);for(var n=0,i=t.length;n<i;n++)if(t[n]===e)return n}return-1}function O(t,e){var n=t.prototype;function i(){}for(var r in i.prototype=e.prototype,t.prototype=new i,n)n.hasOwnProperty(r)&&(t.prototype[r]=n[r]);t.prototype.constructor=t,t.superClass=e}function R(t,e,n){if(t="prototype"in t?t.prototype:t,e="prototype"in e?e.prototype:e,Object.getOwnPropertyNames)for(var i=Object.getOwnPropertyNames(e),r=0;r<i.length;r++){var o=i[r];"constructor"!==o&&(n?null!=e[o]:null==t[o])&&(t[o]=e[o])}else k(t,e,n)}function N(t){return!!t&&("string"!=typeof t&&"number"==typeof t.length)}function z(t,e,n){if(t&&e)if(t.forEach&&t.forEach===y)t.forEach(e,n);else if(t.length===+t.length)for(var i=0,r=t.length;i<r;i++)e.call(n,t[i],i,t);else for(var o in t)t.hasOwnProperty(o)&&e.call(n,t[o],o,t)}function E(t,e,n){if(!t)return[];if(!e)return at(t);if(t.map&&t.map===x)return t.map(e,n);for(var i=[],r=0,o=t.length;r<o;r++)i.push(e.call(n,t[r],r,t));return i}function B(t,e,n,i){if(t&&e){for(var r=0,o=t.length;r<o;r++)n=e.call(i,n,t[r],r,t);return n}}function V(t,e,n){if(!t)return[];if(!e)return at(t);if(t.filter&&t.filter===v)return t.filter(e,n);for(var i=[],r=0,o=t.length;r<o;r++)e.call(n,t[r],r,t)&&i.push(t[r]);return i}function G(t,e,n){if(t&&e)for(var i=0,r=t.length;i<r;i++)if(e.call(n,t[i],i,t))return t[i]}function F(t){if(!t)return[];if(Object.keys)return Object.keys(t);var e=[];for(var n in t)t.hasOwnProperty(n)&&e.push(n);return e}var W=b&&Y(b.bind)?b.call.bind(b.bind):function(t,e){for(var n=[],i=2;i<arguments.length;i++)n[i-2]=arguments[i];return function(){return t.apply(e,n.concat(m.call(arguments)))}};function H(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return function(){return t.apply(this,e.concat(m.call(arguments)))}}function U(t){return Array.isArray?Array.isArray(t):"[object Array]"===f.call(t)}function Y(t){return"function"==typeof t}function X(t){return"string"==typeof t}function Z(t){return"[object String]"===f.call(t)}function j(t){return"number"==typeof t}function q(t){var e=typeof t;return"function"===e||!!t&&"object"===e}function K(t){return!!d[f.call(t)]}function $(t){return!!p[f.call(t)]}function J(t){return"object"==typeof t&&"number"==typeof t.nodeType&&"object"==typeof t.ownerDocument}function Q(t){return null!=t.colorStops}function tt(t){return null!=t.image}function et(t){return"[object RegExp]"===f.call(t)}function nt(t){return t!=t}function it(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];for(var n=0,i=t.length;n<i;n++)if(null!=t[n])return t[n]}function rt(t,e){return null!=t?t:e}function ot(t,e,n){return null!=t?t:null!=e?e:n}function at(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return m.apply(t,e)}function st(t){if("number"==typeof t)return[t,t,t,t];var e=t.length;return 2===e?[t[0],t[1],t[0],t[1]]:3===e?[t[0],t[1],t[2],t[1]]:t}function lt(t,e){if(!t)throw new Error(e)}function ut(t){return null==t?null:"function"==typeof t.trim?t.trim():t.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"")}var ct="__ec_primitive__";function ht(t){t[ct]=!0}function dt(t){return t[ct]}var pt=function(){function t(){this.data={}}return t.prototype.delete=function(t){var e=this.has(t);return e&&delete this.data[t],e},t.prototype.has=function(t){return this.data.hasOwnProperty(t)},t.prototype.get=function(t){return this.data[t]},t.prototype.set=function(t,e){return this.data[t]=e,this},t.prototype.keys=function(){return F(this.data)},t.prototype.forEach=function(t){var e=this.data;for(var n in e)e.hasOwnProperty(n)&&t(e[n],n)},t}(),ft="function"==typeof Map;var gt=function(){function t(e){var n=U(e);this.data=ft?new Map:new pt;var i=this;function r(t,e){n?i.set(t,e):i.set(e,t)}e instanceof t?e.each(r):e&&z(e,r)}return t.prototype.hasKey=function(t){return this.data.has(t)},t.prototype.get=function(t){return this.data.get(t)},t.prototype.set=function(t,e){return this.data.set(t,e),e},t.prototype.each=function(t,e){this.data.forEach((function(n,i){t.call(e,n,i)}))},t.prototype.keys=function(){var t=this.data.keys();return ft?Array.from(t):t},t.prototype.removeKey=function(t){this.data.delete(t)},t}();function yt(t){return new gt(t)}function vt(t,e){for(var n=new t.constructor(t.length+e.length),i=0;i<t.length;i++)n[i]=t[i];var r=t.length;for(i=0;i<e.length;i++)n[i+r]=e[i];return n}function mt(t,e){var n;if(Object.create)n=Object.create(t);else{var i=function(){};i.prototype=t,n=new i}return e&&A(n,e),n}function xt(t){var e=t.style;e.webkitUserSelect="none",e.userSelect="none",e.webkitTapHighlightColor="rgba(0,0,0,0)",e["-webkit-touch-callout"]="none"}function _t(t,e){return t.hasOwnProperty(e)}function bt(){}var wt=180/Math.PI,St=Number.EPSILON||Math.pow(2,-52),Mt=Object.freeze({__proto__:null,guid:M,logError:I,clone:T,merge:C,mergeAll:D,extend:A,defaults:k,createCanvas:L,indexOf:P,inherits:O,mixin:R,isArrayLike:N,each:z,map:E,reduce:B,filter:V,find:G,keys:F,bind:W,curry:H,isArray:U,isFunction:Y,isString:X,isStringSafe:Z,isNumber:j,isObject:q,isBuiltInObject:K,isTypedArray:$,isDom:J,isGradientObject:Q,isImagePatternObject:tt,isRegExp:et,eqNaN:nt,retrieve:it,retrieve2:rt,retrieve3:ot,slice:at,normalizeCssArray:st,assert:lt,trim:ut,setAsPrimitive:ht,isPrimitive:dt,HashMap:gt,createHashMap:yt,concatArray:vt,createObject:mt,disableUserSelect:xt,hasOwn:_t,noop:bt,RADIAN_TO_DEGREE:wt,EPSILON:St});function It(t,e){return null==t&&(t=0),null==e&&(e=0),[t,e]}function Tt(t,e){return t[0]=e[0],t[1]=e[1],t}function Ct(t){return[t[0],t[1]]}function Dt(t,e,n){return t[0]=e,t[1]=n,t}function At(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t}function kt(t,e,n,i){return t[0]=e[0]+n[0]*i,t[1]=e[1]+n[1]*i,t}function Lt(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t}function Pt(t){return Math.sqrt(Rt(t))}var Ot=Pt;function Rt(t){return t[0]*t[0]+t[1]*t[1]}var Nt=Rt;function zt(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t}function Et(t,e){var n=Pt(e);return 0===n?(t[0]=0,t[1]=0):(t[0]=e[0]/n,t[1]=e[1]/n),t}function Bt(t,e){return Math.sqrt((t[0]-e[0])*(t[0]-e[0])+(t[1]-e[1])*(t[1]-e[1]))}var Vt=Bt;function Gt(t,e){return(t[0]-e[0])*(t[0]-e[0])+(t[1]-e[1])*(t[1]-e[1])}var Ft=Gt;function Wt(t,e,n,i){return t[0]=e[0]+i*(n[0]-e[0]),t[1]=e[1]+i*(n[1]-e[1]),t}function Ht(t,e,n){var i=e[0],r=e[1];return t[0]=n[0]*i+n[2]*r+n[4],t[1]=n[1]*i+n[3]*r+n[5],t}function Ut(t,e,n){return t[0]=Math.min(e[0],n[0]),t[1]=Math.min(e[1],n[1]),t}function Yt(t,e,n){return t[0]=Math.max(e[0],n[0]),t[1]=Math.max(e[1],n[1]),t}var Xt=Object.freeze({__proto__:null,create:It,copy:Tt,clone:Ct,set:Dt,add:At,scaleAndAdd:kt,sub:Lt,len:Pt,length:Ot,lenSquare:Rt,lengthSquare:Nt,mul:function(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t},div:function(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t},dot:function(t,e){return t[0]*e[0]+t[1]*e[1]},scale:zt,normalize:Et,distance:Bt,dist:Vt,distanceSquare:Gt,distSquare:Ft,negate:function(t,e){return t[0]=-e[0],t[1]=-e[1],t},lerp:Wt,applyTransform:Ht,min:Ut,max:Yt}),Zt=function(t,e){this.target=t,this.topTarget=e&&e.topTarget},jt=function(){function t(t){this.handler=t,t.on("mousedown",this._dragStart,this),t.on("mousemove",this._drag,this),t.on("mouseup",this._dragEnd,this)}return t.prototype._dragStart=function(t){for(var e=t.target;e&&!e.draggable;)e=e.parent||e.__hostTarget;e&&(this._draggingTarget=e,e.dragging=!0,this._x=t.offsetX,this._y=t.offsetY,this.handler.dispatchToElement(new Zt(e,t),"dragstart",t.event))},t.prototype._drag=function(t){var e=this._draggingTarget;if(e){var n=t.offsetX,i=t.offsetY,r=n-this._x,o=i-this._y;this._x=n,this._y=i,e.drift(r,o,t),this.handler.dispatchToElement(new Zt(e,t),"drag",t.event);var a=this.handler.findHover(n,i,e).target,s=this._dropTarget;this._dropTarget=a,e!==a&&(s&&a!==s&&this.handler.dispatchToElement(new Zt(s,t),"dragleave",t.event),a&&a!==s&&this.handler.dispatchToElement(new Zt(a,t),"dragenter",t.event))}},t.prototype._dragEnd=function(t){var e=this._draggingTarget;e&&(e.dragging=!1),this.handler.dispatchToElement(new Zt(e,t),"dragend",t.event),this._dropTarget&&this.handler.dispatchToElement(new Zt(this._dropTarget,t),"drop",t.event),this._draggingTarget=null,this._dropTarget=null},t}(),qt=function(){function t(t){t&&(this._$eventProcessor=t)}return t.prototype.on=function(t,e,n,i){this._$handlers||(this._$handlers={});var r=this._$handlers;if("function"==typeof e&&(i=n,n=e,e=null),!n||!t)return this;var o=this._$eventProcessor;null!=e&&o&&o.normalizeQuery&&(e=o.normalizeQuery(e)),r[t]||(r[t]=[]);for(var a=0;a<r[t].length;a++)if(r[t][a].h===n)return this;var s={h:n,query:e,ctx:i||this,callAtLast:n.zrEventfulCallAtLast},l=r[t].length-1,u=r[t][l];return u&&u.callAtLast?r[t].splice(l,0,s):r[t].push(s),this},t.prototype.isSilent=function(t){var e=this._$handlers;return!e||!e[t]||!e[t].length},t.prototype.off=function(t,e){var n=this._$handlers;if(!n)return this;if(!t)return this._$handlers={},this;if(e){if(n[t]){for(var i=[],r=0,o=n[t].length;r<o;r++)n[t][r].h!==e&&i.push(n[t][r]);n[t]=i}n[t]&&0===n[t].length&&delete n[t]}else delete n[t];return this},t.prototype.trigger=function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];if(!this._$handlers)return this;var i=this._$handlers[t],r=this._$eventProcessor;if(i)for(var o=e.length,a=i.length,s=0;s<a;s++){var l=i[s];if(!r||!r.filter||null==l.query||r.filter(t,l.query))switch(o){case 0:l.h.call(l.ctx);break;case 1:l.h.call(l.ctx,e[0]);break;case 2:l.h.call(l.ctx,e[0],e[1]);break;default:l.h.apply(l.ctx,e)}}return r&&r.afterTrigger&&r.afterTrigger(t),this},t.prototype.triggerWithContext=function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];if(!this._$handlers)return this;var i=this._$handlers[t],r=this._$eventProcessor;if(i)for(var o=e.length,a=e[o-1],s=i.length,l=0;l<s;l++){var u=i[l];if(!r||!r.filter||null==u.query||r.filter(t,u.query))switch(o){case 0:u.h.call(a);break;case 1:u.h.call(a,e[0]);break;case 2:u.h.call(a,e[0],e[1]);break;default:u.h.apply(a,e.slice(1,o-1))}}return r&&r.afterTrigger&&r.afterTrigger(t),this},t}(),Kt=Math.log(2);function $t(t,e,n,i,r,o){var a=i+"-"+r,s=t.length;if(o.hasOwnProperty(a))return o[a];if(1===e){var l=Math.round(Math.log((1<<s)-1&~r)/Kt);return t[n][l]}for(var u=i|1<<n,c=n+1;i&1<<c;)c++;for(var h=0,d=0,p=0;d<s;d++){var f=1<<d;f&r||(h+=(p%2?-1:1)*t[n][d]*$t(t,e-1,c,u,r|f,o),p++)}return o[a]=h,h}function Jt(t,e){var n=[[t[0],t[1],1,0,0,0,-e[0]*t[0],-e[0]*t[1]],[0,0,0,t[0],t[1],1,-e[1]*t[0],-e[1]*t[1]],[t[2],t[3],1,0,0,0,-e[2]*t[2],-e[2]*t[3]],[0,0,0,t[2],t[3],1,-e[3]*t[2],-e[3]*t[3]],[t[4],t[5],1,0,0,0,-e[4]*t[4],-e[4]*t[5]],[0,0,0,t[4],t[5],1,-e[5]*t[4],-e[5]*t[5]],[t[6],t[7],1,0,0,0,-e[6]*t[6],-e[6]*t[7]],[0,0,0,t[6],t[7],1,-e[7]*t[6],-e[7]*t[7]]],i={},r=$t(n,8,0,0,0,i);if(0!==r){for(var o=[],a=0;a<8;a++)for(var s=0;s<8;s++)null==o[s]&&(o[s]=0),o[s]+=((a+s)%2?-1:1)*$t(n,7,0===a?1:0,1<<a,1<<s,i)/r*e[a];return function(t,e,n){var i=e*o[6]+n*o[7]+1;t[0]=(e*o[0]+n*o[1]+o[2])/i,t[1]=(e*o[3]+n*o[4]+o[5])/i}}}var Qt="___zrEVENTSAVED",te=[];function ee(t,e,n,i,o){if(e.getBoundingClientRect&&r.domSupported&&!ne(e)){var a=e[Qt]||(e[Qt]={}),s=function(t,e){var n=e.markers;if(n)return n;n=e.markers=[];for(var i=["left","right"],r=["top","bottom"],o=0;o<4;o++){var a=document.createElement("div"),s=o%2,l=(o>>1)%2;a.style.cssText=["position: absolute","visibility: hidden","padding: 0","margin: 0","border-width: 0","user-select: none","width:0","height:0",i[s]+":0",r[l]+":0",i[1-s]+":auto",r[1-l]+":auto",""].join("!important;"),t.appendChild(a),n.push(a)}return e.clearMarkers=function(){z(n,(function(t){t.parentNode&&t.parentNode.removeChild(t)}))},n}(e,a),l=function(t,e,n){for(var i=n?"invTrans":"trans",r=e[i],o=e.srcCoords,a=[],s=[],l=!0,u=0;u<4;u++){var c=t[u].getBoundingClientRect(),h=2*u,d=c.left,p=c.top;a.push(d,p),l=l&&o&&d===o[h]&&p===o[h+1],s.push(t[u].offsetLeft,t[u].offsetTop)}return l&&r?r:(e.srcCoords=a,e[i]=n?Jt(s,a):Jt(a,s))}(s,a,o);if(l)return l(t,n,i),!0}return!1}function ne(t){return"CANVAS"===t.nodeName.toUpperCase()}var ie=/([&<>"'])/g,re={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function oe(t){return null==t?"":(t+"").replace(ie,(function(t,e){return re[e]}))}var ae=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,se=[],le=r.browser.firefox&&+r.browser.version.split(".")[0]<39;function ue(t,e,n,i){return n=n||{},i?ce(t,e,n):le&&null!=e.layerX&&e.layerX!==e.offsetX?(n.zrX=e.layerX,n.zrY=e.layerY):null!=e.offsetX?(n.zrX=e.offsetX,n.zrY=e.offsetY):ce(t,e,n),n}function ce(t,e,n){if(r.domSupported&&t.getBoundingClientRect){var i=e.clientX,o=e.clientY;if(ne(t)){var a=t.getBoundingClientRect();return n.zrX=i-a.left,void(n.zrY=o-a.top)}if(ee(se,t,i,o))return n.zrX=se[0],void(n.zrY=se[1])}n.zrX=n.zrY=0}function he(t){return t||window.event}function de(t,e,n){if(null!=(e=he(e)).zrX)return e;var i=e.type;if(i&&i.indexOf("touch")>=0){var r="touchend"!==i?e.targetTouches[0]:e.changedTouches[0];r&&ue(t,r,e,n)}else{ue(t,e,e,n);var o=function(t){var e=t.wheelDelta;if(e)return e;var n=t.deltaX,i=t.deltaY;if(null==n||null==i)return e;return 3*(0!==i?Math.abs(i):Math.abs(n))*(i>0?-1:i<0?1:n>0?-1:1)}(e);e.zrDelta=o?o/120:-(e.detail||0)/3}var a=e.button;return null==e.which&&void 0!==a&&ae.test(e.type)&&(e.which=1&a?1:2&a?3:4&a?2:0),e}function pe(t,e,n,i){t.addEventListener(e,n,i)}var fe=function(t){t.preventDefault(),t.stopPropagation(),t.cancelBubble=!0};function ge(t){return 2===t.which||3===t.which}var ye=function(){function t(){this._track=[]}return t.prototype.recognize=function(t,e,n){return this._doTrack(t,e,n),this._recognize(t)},t.prototype.clear=function(){return this._track.length=0,this},t.prototype._doTrack=function(t,e,n){var i=t.touches;if(i){for(var r={points:[],touches:[],target:e,event:t},o=0,a=i.length;o<a;o++){var s=i[o],l=ue(n,s,{});r.points.push([l.zrX,l.zrY]),r.touches.push(s)}this._track.push(r)}},t.prototype._recognize=function(t){for(var e in me)if(me.hasOwnProperty(e)){var n=me[e](this._track,t);if(n)return n}},t}();function ve(t){var e=t[1][0]-t[0][0],n=t[1][1]-t[0][1];return Math.sqrt(e*e+n*n)}var me={pinch:function(t,e){var n=t.length;if(n){var i,r=(t[n-1]||{}).points,o=(t[n-2]||{}).points||r;if(o&&o.length>1&&r&&r.length>1){var a=ve(r)/ve(o);!isFinite(a)&&(a=1),e.pinchScale=a;var s=[((i=r)[0][0]+i[1][0])/2,(i[0][1]+i[1][1])/2];return e.pinchX=s[0],e.pinchY=s[1],{type:"pinch",target:t[0].target,event:e}}}}};function xe(){return[1,0,0,1,0,0]}function _e(t){return t[0]=1,t[1]=0,t[2]=0,t[3]=1,t[4]=0,t[5]=0,t}function be(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4],t[5]=e[5],t}function we(t,e,n){var i=e[0]*n[0]+e[2]*n[1],r=e[1]*n[0]+e[3]*n[1],o=e[0]*n[2]+e[2]*n[3],a=e[1]*n[2]+e[3]*n[3],s=e[0]*n[4]+e[2]*n[5]+e[4],l=e[1]*n[4]+e[3]*n[5]+e[5];return t[0]=i,t[1]=r,t[2]=o,t[3]=a,t[4]=s,t[5]=l,t}function Se(t,e,n){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4]+n[0],t[5]=e[5]+n[1],t}function Me(t,e,n,i){void 0===i&&(i=[0,0]);var r=e[0],o=e[2],a=e[4],s=e[1],l=e[3],u=e[5],c=Math.sin(n),h=Math.cos(n);return t[0]=r*h+s*c,t[1]=-r*c+s*h,t[2]=o*h+l*c,t[3]=-o*c+h*l,t[4]=h*(a-i[0])+c*(u-i[1])+i[0],t[5]=h*(u-i[1])-c*(a-i[0])+i[1],t}function Ie(t,e,n){var i=n[0],r=n[1];return t[0]=e[0]*i,t[1]=e[1]*r,t[2]=e[2]*i,t[3]=e[3]*r,t[4]=e[4]*i,t[5]=e[5]*r,t}function Te(t,e){var n=e[0],i=e[2],r=e[4],o=e[1],a=e[3],s=e[5],l=n*a-o*i;return l?(l=1/l,t[0]=a*l,t[1]=-o*l,t[2]=-i*l,t[3]=n*l,t[4]=(i*s-a*r)*l,t[5]=(o*r-n*s)*l,t):null}function Ce(t){var e=[1,0,0,1,0,0];return be(e,t),e}var De=Object.freeze({__proto__:null,create:xe,identity:_e,copy:be,mul:we,translate:Se,rotate:Me,scale:Ie,invert:Te,clone:Ce}),Ae=function(){function t(t,e){this.x=t||0,this.y=e||0}return t.prototype.copy=function(t){return this.x=t.x,this.y=t.y,this},t.prototype.clone=function(){return new t(this.x,this.y)},t.prototype.set=function(t,e){return this.x=t,this.y=e,this},t.prototype.equal=function(t){return t.x===this.x&&t.y===this.y},t.prototype.add=function(t){return this.x+=t.x,this.y+=t.y,this},t.prototype.scale=function(t){this.x*=t,this.y*=t},t.prototype.scaleAndAdd=function(t,e){this.x+=t.x*e,this.y+=t.y*e},t.prototype.sub=function(t){return this.x-=t.x,this.y-=t.y,this},t.prototype.dot=function(t){return this.x*t.x+this.y*t.y},t.prototype.len=function(){return Math.sqrt(this.x*this.x+this.y*this.y)},t.prototype.lenSquare=function(){return this.x*this.x+this.y*this.y},t.prototype.normalize=function(){var t=this.len();return this.x/=t,this.y/=t,this},t.prototype.distance=function(t){var e=this.x-t.x,n=this.y-t.y;return Math.sqrt(e*e+n*n)},t.prototype.distanceSquare=function(t){var e=this.x-t.x,n=this.y-t.y;return e*e+n*n},t.prototype.negate=function(){return this.x=-this.x,this.y=-this.y,this},t.prototype.transform=function(t){if(t){var e=this.x,n=this.y;return this.x=t[0]*e+t[2]*n+t[4],this.y=t[1]*e+t[3]*n+t[5],this}},t.prototype.toArray=function(t){return t[0]=this.x,t[1]=this.y,t},t.prototype.fromArray=function(t){this.x=t[0],this.y=t[1]},t.set=function(t,e,n){t.x=e,t.y=n},t.copy=function(t,e){t.x=e.x,t.y=e.y},t.len=function(t){return Math.sqrt(t.x*t.x+t.y*t.y)},t.lenSquare=function(t){return t.x*t.x+t.y*t.y},t.dot=function(t,e){return t.x*e.x+t.y*e.y},t.add=function(t,e,n){t.x=e.x+n.x,t.y=e.y+n.y},t.sub=function(t,e,n){t.x=e.x-n.x,t.y=e.y-n.y},t.scale=function(t,e,n){t.x=e.x*n,t.y=e.y*n},t.scaleAndAdd=function(t,e,n,i){t.x=e.x+n.x*i,t.y=e.y+n.y*i},t.lerp=function(t,e,n,i){var r=1-i;t.x=r*e.x+i*n.x,t.y=r*e.y+i*n.y},t}(),ke=Math.min,Le=Math.max,Pe=Math.abs,Oe=["x","y"],Re=["width","height"],Ne=new Ae,ze=new Ae,Ee=new Ae,Be=new Ae,Ve=Ze(),Ge=Ve.minTv,Fe=Ve.maxTv,We=[0,0],He=function(){function t(e,n,i,r){t.set(this,e,n,i,r)}return t.set=function(t,e,n,i,r){return i<0&&(e+=i,i=-i),r<0&&(n+=r,r=-r),t.x=e,t.y=n,t.width=i,t.height=r,t},t.prototype.union=function(t){var e=ke(t.x,this.x),n=ke(t.y,this.y);isFinite(this.x)&&isFinite(this.width)?this.width=Le(t.x+t.width,this.x+this.width)-e:this.width=t.width,isFinite(this.y)&&isFinite(this.height)?this.height=Le(t.y+t.height,this.y+this.height)-n:this.height=t.height,this.x=e,this.y=n},t.prototype.applyTransform=function(e){t.applyTransform(this,this,e)},t.prototype.calculateTransform=function(t){var e=this,n=t.width/e.width,i=t.height/e.height,r=[1,0,0,1,0,0];return Se(r,r,[-e.x,-e.y]),Ie(r,r,[n,i]),Se(r,r,[t.x,t.y]),r},t.prototype.intersect=function(e,n,i){return t.intersect(this,e,n,i)},t.intersect=function(e,n,i,r){i&&Ae.set(i,0,0);var o=r&&r.outIntersectRect||null,a=r&&r.clamp;if(o&&(o.x=o.y=o.width=o.height=NaN),!e||!n)return!1;e instanceof t||(e=t.set(Ue,e.x,e.y,e.width,e.height)),n instanceof t||(n=t.set(Ye,n.x,n.y,n.width,n.height));var s=!!i;Ve.reset(r,s);var l=Ve.touchThreshold,u=e.x+l,c=e.x+e.width-l,h=e.y+l,d=e.y+e.height-l,p=n.x+l,f=n.x+n.width-l,g=n.y+l,y=n.y+n.height-l;if(u>c||h>d||p>f||g>y)return!1;var v=!(c<p||f<u||d<g||y<h);return(s||o)&&(We[0]=1/0,We[1]=0,Xe(u,c,p,f,0,s,o,a),Xe(h,d,g,y,1,s,o,a),s&&Ae.copy(i,v?Ve.useDir?Ve.dirMinTv:Ge:Fe)),v},t.contain=function(t,e,n){return e>=t.x&&e<=t.x+t.width&&n>=t.y&&n<=t.y+t.height},t.prototype.contain=function(e,n){return t.contain(this,e,n)},t.prototype.clone=function(){return new t(this.x,this.y,this.width,this.height)},t.prototype.copy=function(e){t.copy(this,e)},t.prototype.plain=function(){return{x:this.x,y:this.y,width:this.width,height:this.height}},t.prototype.isFinite=function(){return isFinite(this.x)&&isFinite(this.y)&&isFinite(this.width)&&isFinite(this.height)},t.prototype.isZero=function(){return 0===this.width||0===this.height},t.create=function(e){return new t(e.x,e.y,e.width,e.height)},t.copy=function(t,e){return t.x=e.x,t.y=e.y,t.width=e.width,t.height=e.height,t},t.applyTransform=function(e,n,i){if(i){if(i[1]<1e-5&&i[1]>-1e-5&&i[2]<1e-5&&i[2]>-1e-5){var r=i[0],o=i[3],a=i[4],s=i[5];return e.x=n.x*r+a,e.y=n.y*o+s,e.width=n.width*r,e.height=n.height*o,e.width<0&&(e.x+=e.width,e.width=-e.width),void(e.height<0&&(e.y+=e.height,e.height=-e.height))}Ne.x=Ee.x=n.x,Ne.y=Be.y=n.y,ze.x=Be.x=n.x+n.width,ze.y=Ee.y=n.y+n.height,Ne.transform(i),Be.transform(i),ze.transform(i),Ee.transform(i),e.x=ke(Ne.x,ze.x,Ee.x,Be.x),e.y=ke(Ne.y,ze.y,Ee.y,Be.y);var l=Le(Ne.x,ze.x,Ee.x,Be.x),u=Le(Ne.y,ze.y,Ee.y,Be.y);e.width=l-e.x,e.height=u-e.y}else e!==n&&t.copy(e,n)},t}(),Ue=new He(0,0,0,0),Ye=new He(0,0,0,0);function Xe(t,e,n,i,r,o,a,s){var l=Pe(e-n),u=Pe(i-t),c=ke(l,u),h=Oe[r],d=Oe[1-r],p=Re[r];e<n||i<t?l<u?(o&&(Fe[h]=-l),s&&(a[h]=e,a[p]=0)):(o&&(Fe[h]=u),s&&(a[h]=t,a[p]=0)):(a&&(a[h]=Le(t,n),a[p]=ke(e,i)-a[h]),o&&(c<We[0]||Ve.useDir)&&(We[0]=ke(c,We[0]),(l<u||!Ve.bidirectional)&&(Ge[h]=l,Ge[d]=0,Ve.useDir&&Ve.calcDirMTV()),(l>=u||!Ve.bidirectional)&&(Ge[h]=-u,Ge[d]=0,Ve.useDir&&Ve.calcDirMTV())))}function Ze(){var t=0,e=new Ae,n=new Ae,i={minTv:new Ae,maxTv:new Ae,useDir:!1,dirMinTv:new Ae,touchThreshold:0,bidirectional:!0,negativeSize:!1,reset:function(r,o){i.touchThreshold=0,r&&null!=r.touchThreshold&&(i.touchThreshold=Le(0,r.touchThreshold)),i.negativeSize=!1,o&&(i.minTv.set(1/0,1/0),i.maxTv.set(0,0),i.useDir=!1,r&&null!=r.direction&&(i.useDir=!0,i.dirMinTv.copy(i.minTv),n.copy(i.minTv),t=r.direction,i.bidirectional=null==r.bidirectional||!!r.bidirectional,i.bidirectional||e.set(Math.cos(t),Math.sin(t))))},calcDirMTV:function(){var o=i.minTv,a=i.dirMinTv,s=o.y*o.y+o.x*o.x,l=Math.sin(t),u=Math.cos(t),c=l*o.y+u*o.x;r(c)?r(o.x)&&r(o.y)&&a.set(0,0):(n.x=s*u/c,n.y=s*l/c,r(n.x)&&r(n.y)?a.set(0,0):(i.bidirectional||e.dot(n)>0)&&n.len()<a.len()&&a.copy(n))}};function r(t){return Pe(t)<1e-10}return i}var je="silent";function qe(){fe(this.event)}var Ke=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.handler=null,e}return n(e,t),e.prototype.dispose=function(){},e.prototype.setCursor=function(){},e}(qt),$e=function(t,e){this.x=t,this.y=e},Je=["click","dblclick","mousewheel","mouseout","mouseup","mousedown","mousemove","contextmenu"],Qe=new He(0,0,0,0),tn=function(t){function e(e,n,i,r,o){var a=t.call(this)||this;return a._hovered=new $e(0,0),a.storage=e,a.painter=n,a.painterRoot=r,a._pointerSize=o,i=i||new Ke,a.proxy=null,a.setHandlerProxy(i),a._draggingMgr=new jt(a),a}return n(e,t),e.prototype.setHandlerProxy=function(t){this.proxy&&this.proxy.dispose(),t&&(z(Je,(function(e){t.on&&t.on(e,this[e],this)}),this),t.handler=this),this.proxy=t},e.prototype.mousemove=function(t){var e=t.zrX,n=t.zrY,i=rn(this,e,n),r=this._hovered,o=r.target;o&&!o.__zr&&(o=(r=this.findHover(r.x,r.y)).target);var a=this._hovered=i?new $e(e,n):this.findHover(e,n),s=a.target,l=this.proxy;l.setCursor&&l.setCursor(s?s.cursor:"default"),o&&s!==o&&this.dispatchToElement(r,"mouseout",t),this.dispatchToElement(a,"mousemove",t),s&&s!==o&&this.dispatchToElement(a,"mouseover",t)},e.prototype.mouseout=function(t){var e=t.zrEventControl;"only_globalout"!==e&&this.dispatchToElement(this._hovered,"mouseout",t),"no_globalout"!==e&&this.trigger("globalout",{type:"globalout",event:t})},e.prototype.resize=function(){this._hovered=new $e(0,0)},e.prototype.dispatch=function(t,e){var n=this[t];n&&n.call(this,e)},e.prototype.dispose=function(){this.proxy.dispose(),this.storage=null,this.proxy=null,this.painter=null},e.prototype.setCursorStyle=function(t){var e=this.proxy;e.setCursor&&e.setCursor(t)},e.prototype.dispatchToElement=function(t,e,n){var i=(t=t||{}).target;if(!i||!i.silent){for(var r="on"+e,o=function(t,e,n){return{type:t,event:n,target:e.target,topTarget:e.topTarget,cancelBubble:!1,offsetX:n.zrX,offsetY:n.zrY,gestureEvent:n.gestureEvent,pinchX:n.pinchX,pinchY:n.pinchY,pinchScale:n.pinchScale,wheelDelta:n.zrDelta,zrByTouch:n.zrByTouch,which:n.which,stop:qe}}(e,t,n);i&&(i[r]&&(o.cancelBubble=!!i[r].call(i,o)),i.trigger(e,o),i=i.__hostTarget?i.__hostTarget:i.parent,!o.cancelBubble););o.cancelBubble||(this.trigger(e,o),this.painter&&this.painter.eachOtherLayer&&this.painter.eachOtherLayer((function(t){"function"==typeof t[r]&&t[r].call(t,o),t.trigger&&t.trigger(e,o)})))}},e.prototype.findHover=function(t,e,n){var i=this.storage.getDisplayList(),r=new $e(t,e);if(nn(i,r,t,e,n),this._pointerSize&&!r.target){for(var o=[],a=this._pointerSize,s=a/2,l=new He(t-s,e-s,a,a),u=i.length-1;u>=0;u--){var c=i[u];c===n||c.ignore||c.ignoreCoarsePointer||c.parent&&c.parent.ignoreCoarsePointer||(Qe.copy(c.getBoundingRect()),c.transform&&Qe.applyTransform(c.transform),Qe.intersect(l)&&o.push(c))}if(o.length)for(var h=Math.PI/12,d=2*Math.PI,p=0;p<s;p+=4)for(var f=0;f<d;f+=h){if(nn(o,r,t+p*Math.cos(f),e+p*Math.sin(f),n),r.target)return r}}return r},e.prototype.processGesture=function(t,e){this._gestureMgr||(this._gestureMgr=new ye);var n=this._gestureMgr;"start"===e&&n.clear();var i=n.recognize(t,this.findHover(t.zrX,t.zrY,null).target,this.proxy.dom);if("end"===e&&n.clear(),i){var r=i.type;t.gestureEvent=r;var o=new $e;o.target=i.target,this.dispatchToElement(o,r,i.event)}},e}(qt);function en(t,e,n){if(t[t.rectHover?"rectContain":"contain"](e,n)){for(var i=t,r=void 0,o=!1;i;){if(i.ignoreClip&&(o=!0),!o){var a=i.getClipPath();if(a&&!a.contain(e,n))return!1}i.silent&&(r=!0);var s=i.__hostTarget;i=s?i.ignoreHostSilent?null:s:i.parent}return!r||je}return!1}function nn(t,e,n,i,r){for(var o=t.length-1;o>=0;o--){var a=t[o],s=void 0;if(a!==r&&!a.ignore&&(s=en(a,n,i))&&(!e.topTarget&&(e.topTarget=a),s!==je)){e.target=a;break}}}function rn(t,e,n){var i=t.painter;return e<0||e>i.getWidth()||n<0||n>i.getHeight()}z(["click","mousedown","mouseup","mousewheel","dblclick","contextmenu"],(function(t){tn.prototype[t]=function(e){var n,i,r=e.zrX,o=e.zrY,a=rn(this,r,o);if("mouseup"===t&&a||(i=(n=this.findHover(r,o)).target),"mousedown"===t)this._downEl=i,this._downPoint=[e.zrX,e.zrY],this._upEl=i;else if("mouseup"===t)this._upEl=i;else if("click"===t){if(this._downEl!==this._upEl||!this._downPoint||Vt(this._downPoint,[e.zrX,e.zrY])>4)return;this._downPoint=null}this.dispatchToElement(n,t,e)}}));function on(t,e,n,i){var r=e+1;if(r===n)return 1;if(i(t[r++],t[e])<0){for(;r<n&&i(t[r],t[r-1])<0;)r++;!function(t,e,n){n--;for(;e<n;){var i=t[e];t[e++]=t[n],t[n--]=i}}(t,e,r)}else for(;r<n&&i(t[r],t[r-1])>=0;)r++;return r-e}function an(t,e,n,i,r){for(i===e&&i++;i<n;i++){for(var o,a=t[i],s=e,l=i;s<l;)r(a,t[o=s+l>>>1])<0?l=o:s=o+1;var u=i-s;switch(u){case 3:t[s+3]=t[s+2];case 2:t[s+2]=t[s+1];case 1:t[s+1]=t[s];break;default:for(;u>0;)t[s+u]=t[s+u-1],u--}t[s]=a}}function sn(t,e,n,i,r,o){var a=0,s=0,l=1;if(o(t,e[n+r])>0){for(s=i-r;l<s&&o(t,e[n+r+l])>0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s),a+=r,l+=r}else{for(s=r+1;l<s&&o(t,e[n+r-l])<=0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s);var u=a;a=r-l,l=r-u}for(a++;a<l;){var c=a+(l-a>>>1);o(t,e[n+c])>0?a=c+1:l=c}return l}function ln(t,e,n,i,r,o){var a=0,s=0,l=1;if(o(t,e[n+r])<0){for(s=r+1;l<s&&o(t,e[n+r-l])<0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s);var u=a;a=r-l,l=r-u}else{for(s=i-r;l<s&&o(t,e[n+r+l])>=0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s),a+=r,l+=r}for(a++;a<l;){var c=a+(l-a>>>1);o(t,e[n+c])<0?l=c:a=c+1}return l}function un(t,e){var n,i,r=7,o=0,a=[];function s(s){var l=n[s],u=i[s],c=n[s+1],h=i[s+1];i[s]=u+h,s===o-3&&(n[s+1]=n[s+2],i[s+1]=i[s+2]),o--;var d=ln(t[c],t,l,u,0,e);l+=d,0!==(u-=d)&&0!==(h=sn(t[l+u-1],t,c,h,h-1,e))&&(u<=h?function(n,i,o,s){var l=0;for(l=0;l<i;l++)a[l]=t[n+l];var u=0,c=o,h=n;if(t[h++]=t[c++],0==--s){for(l=0;l<i;l++)t[h+l]=a[u+l];return}if(1===i){for(l=0;l<s;l++)t[h+l]=t[c+l];return void(t[h+s]=a[u])}var d,p,f,g=r;for(;;){d=0,p=0,f=!1;do{if(e(t[c],a[u])<0){if(t[h++]=t[c++],p++,d=0,0==--s){f=!0;break}}else if(t[h++]=a[u++],d++,p=0,1==--i){f=!0;break}}while((d|p)<g);if(f)break;do{if(0!==(d=ln(t[c],a,u,i,0,e))){for(l=0;l<d;l++)t[h+l]=a[u+l];if(h+=d,u+=d,(i-=d)<=1){f=!0;break}}if(t[h++]=t[c++],0==--s){f=!0;break}if(0!==(p=sn(a[u],t,c,s,0,e))){for(l=0;l<p;l++)t[h+l]=t[c+l];if(h+=p,c+=p,0===(s-=p)){f=!0;break}}if(t[h++]=a[u++],1==--i){f=!0;break}g--}while(d>=7||p>=7);if(f)break;g<0&&(g=0),g+=2}if((r=g)<1&&(r=1),1===i){for(l=0;l<s;l++)t[h+l]=t[c+l];t[h+s]=a[u]}else{if(0===i)throw new Error;for(l=0;l<i;l++)t[h+l]=a[u+l]}}(l,u,c,h):function(n,i,o,s){var l=0;for(l=0;l<s;l++)a[l]=t[o+l];var u=n+i-1,c=s-1,h=o+s-1,d=0,p=0;if(t[h--]=t[u--],0==--i){for(d=h-(s-1),l=0;l<s;l++)t[d+l]=a[l];return}if(1===s){for(p=(h-=i)+1,d=(u-=i)+1,l=i-1;l>=0;l--)t[p+l]=t[d+l];return void(t[h]=a[c])}var f=r;for(;;){var g=0,y=0,v=!1;do{if(e(a[c],t[u])<0){if(t[h--]=t[u--],g++,y=0,0==--i){v=!0;break}}else if(t[h--]=a[c--],y++,g=0,1==--s){v=!0;break}}while((g|y)<f);if(v)break;do{if(0!==(g=i-ln(a[c],t,n,i,i-1,e))){for(i-=g,p=(h-=g)+1,d=(u-=g)+1,l=g-1;l>=0;l--)t[p+l]=t[d+l];if(0===i){v=!0;break}}if(t[h--]=a[c--],1==--s){v=!0;break}if(0!==(y=s-sn(t[u],a,0,s,s-1,e))){for(s-=y,p=(h-=y)+1,d=(c-=y)+1,l=0;l<y;l++)t[p+l]=a[d+l];if(s<=1){v=!0;break}}if(t[h--]=t[u--],0==--i){v=!0;break}f--}while(g>=7||y>=7);if(v)break;f<0&&(f=0),f+=2}(r=f)<1&&(r=1);if(1===s){for(p=(h-=i)+1,d=(u-=i)+1,l=i-1;l>=0;l--)t[p+l]=t[d+l];t[h]=a[c]}else{if(0===s)throw new Error;for(d=h-(s-1),l=0;l<s;l++)t[d+l]=a[l]}}(l,u,c,h))}return n=[],i=[],{mergeRuns:function(){for(;o>1;){var t=o-2;if(t>=1&&i[t-1]<=i[t]+i[t+1]||t>=2&&i[t-2]<=i[t]+i[t-1])i[t-1]<i[t+1]&&t--;else if(i[t]>i[t+1])break;s(t)}},forceMergeRuns:function(){for(;o>1;){var t=o-2;t>0&&i[t-1]<i[t+1]&&t--,s(t)}},pushRun:function(t,e){n[o]=t,i[o]=e,o+=1}}}function cn(t,e,n,i){n||(n=0),i||(i=t.length);var r=i-n;if(!(r<2)){var o=0;if(r<32)an(t,n,i,n+(o=on(t,n,i,e)),e);else{var a=un(t,e),s=function(t){for(var e=0;t>=32;)e|=1&t,t>>=1;return t+e}(r);do{if((o=on(t,n,i,e))<s){var l=r;l>s&&(l=s),an(t,n,n+l,n+o,e),o=l}a.pushRun(n,o),a.mergeRuns(),r-=o,n+=o}while(0!==r);a.forceMergeRuns()}}}var hn=!1;function dn(){hn||(hn=!0,console.warn("z / z2 / zlevel of displayable is invalid, which may cause unexpected errors"))}function pn(t,e){return t.zlevel===e.zlevel?t.z===e.z?t.z2-e.z2:t.z-e.z:t.zlevel-e.zlevel}var fn=function(){function t(){this._roots=[],this._displayList=[],this._displayListLen=0,this.displayableSortFunc=pn}return t.prototype.traverse=function(t,e){for(var n=0;n<this._roots.length;n++)this._roots[n].traverse(t,e)},t.prototype.getDisplayList=function(t,e){e=e||!1;var n=this._displayList;return!t&&n.length||this.updateDisplayList(e),n},t.prototype.updateDisplayList=function(t){this._displayListLen=0;for(var e=this._roots,n=this._displayList,i=0,r=e.length;i<r;i++)this._updateAndAddDisplayable(e[i],null,t);n.length=this._displayListLen,cn(n,pn)},t.prototype._updateAndAddDisplayable=function(t,e,n){if(!t.ignore||n){t.beforeUpdate(),t.update(),t.afterUpdate();var i=t.getClipPath(),r=e&&e.length,o=0,a=t.__clipPaths;if(!t.ignoreClip&&(r||i)){if(a||(a=t.__clipPaths=[]),r)for(var s=0;s<e.length;s++)a[o++]=e[s];for(var l=i,u=t;l;)l.parent=u,l.updateTransform(),a[o++]=l,u=l,l=l.getClipPath()}if(a&&(a.length=o),t.childrenRef){for(var c=t.childrenRef(),h=0;h<c.length;h++){var d=c[h];t.__dirty&&(d.__dirty|=1),this._updateAndAddDisplayable(d,a,n)}t.__dirty=0}else{var p=t;isNaN(p.z)&&(dn(),p.z=0),isNaN(p.z2)&&(dn(),p.z2=0),isNaN(p.zlevel)&&(dn(),p.zlevel=0),this._displayList[this._displayListLen++]=p}var f=t.getDecalElement&&t.getDecalElement();f&&this._updateAndAddDisplayable(f,a,n);var g=t.getTextGuideLine();g&&this._updateAndAddDisplayable(g,a,n);var y=t.getTextContent();y&&this._updateAndAddDisplayable(y,a,n)}},t.prototype.addRoot=function(t){t.__zr&&t.__zr.storage===this||this._roots.push(t)},t.prototype.delRoot=function(t){if(t instanceof Array)for(var e=0,n=t.length;e<n;e++)this.delRoot(t[e]);else{var i=P(this._roots,t);i>=0&&this._roots.splice(i,1)}},t.prototype.delAllRoots=function(){this._roots=[],this._displayList=[],this._displayListLen=0},t.prototype.getRoots=function(){return this._roots},t.prototype.dispose=function(){this._displayList=null,this._roots=null},t}(),gn=r.hasGlobalWindow&&(window.requestAnimationFrame&&window.requestAnimationFrame.bind(window)||window.msRequestAnimationFrame&&window.msRequestAnimationFrame.bind(window)||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame)||function(t){return setTimeout(t,16)},yn={linear:function(t){return t},quadraticIn:function(t){return t*t},quadraticOut:function(t){return t*(2-t)},quadraticInOut:function(t){return(t*=2)<1?.5*t*t:-.5*(--t*(t-2)-1)},cubicIn:function(t){return t*t*t},cubicOut:function(t){return--t*t*t+1},cubicInOut:function(t){return(t*=2)<1?.5*t*t*t:.5*((t-=2)*t*t+2)},quarticIn:function(t){return t*t*t*t},quarticOut:function(t){return 1- --t*t*t*t},quarticInOut:function(t){return(t*=2)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)},quinticIn:function(t){return t*t*t*t*t},quinticOut:function(t){return--t*t*t*t*t+1},quinticInOut:function(t){return(t*=2)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)},sinusoidalIn:function(t){return 1-Math.cos(t*Math.PI/2)},sinusoidalOut:function(t){return Math.sin(t*Math.PI/2)},sinusoidalInOut:function(t){return.5*(1-Math.cos(Math.PI*t))},exponentialIn:function(t){return 0===t?0:Math.pow(1024,t-1)},exponentialOut:function(t){return 1===t?1:1-Math.pow(2,-10*t)},exponentialInOut:function(t){return 0===t?0:1===t?1:(t*=2)<1?.5*Math.pow(1024,t-1):.5*(2-Math.pow(2,-10*(t-1)))},circularIn:function(t){return 1-Math.sqrt(1-t*t)},circularOut:function(t){return Math.sqrt(1- --t*t)},circularInOut:function(t){return(t*=2)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},elasticIn:function(t){var e,n=.1;return 0===t?0:1===t?1:(!n||n<1?(n=1,e=.1):e=.4*Math.asin(1/n)/(2*Math.PI),-n*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/.4))},elasticOut:function(t){var e,n=.1;return 0===t?0:1===t?1:(!n||n<1?(n=1,e=.1):e=.4*Math.asin(1/n)/(2*Math.PI),n*Math.pow(2,-10*t)*Math.sin((t-e)*(2*Math.PI)/.4)+1)},elasticInOut:function(t){var e,n=.1,i=.4;return 0===t?0:1===t?1:(!n||n<1?(n=1,e=.1):e=i*Math.asin(1/n)/(2*Math.PI),(t*=2)<1?n*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/i)*-.5:n*Math.pow(2,-10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/i)*.5+1)},backIn:function(t){var e=1.70158;return t*t*((e+1)*t-e)},backOut:function(t){var e=1.70158;return--t*t*((e+1)*t+e)+1},backInOut:function(t){var e=2.5949095;return(t*=2)<1?t*t*((e+1)*t-e)*.5:.5*((t-=2)*t*((e+1)*t+e)+2)},bounceIn:function(t){return 1-yn.bounceOut(1-t)},bounceOut:function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},bounceInOut:function(t){return t<.5?.5*yn.bounceIn(2*t):.5*yn.bounceOut(2*t-1)+.5}},vn=Math.pow,mn=Math.sqrt,xn=1e-8,_n=1e-4,bn=mn(3),wn=1/3,Sn=It(),Mn=It(),In=It();function Tn(t){return t>-1e-8&&t<xn}function Cn(t){return t>xn||t<-1e-8}function Dn(t,e,n,i,r){var o=1-r;return o*o*(o*t+3*r*e)+r*r*(r*i+3*o*n)}function An(t,e,n,i,r){var o=1-r;return 3*(((e-t)*o+2*(n-e)*r)*o+(i-n)*r*r)}function kn(t,e,n,i,r,o){var a=i+3*(e-n)-t,s=3*(n-2*e+t),l=3*(e-t),u=t-r,c=s*s-3*a*l,h=s*l-9*a*u,d=l*l-3*s*u,p=0;if(Tn(c)&&Tn(h)){if(Tn(s))o[0]=0;else(M=-l/s)>=0&&M<=1&&(o[p++]=M)}else{var f=h*h-4*c*d;if(Tn(f)){var g=h/c,y=-g/2;(M=-s/a+g)>=0&&M<=1&&(o[p++]=M),y>=0&&y<=1&&(o[p++]=y)}else if(f>0){var v=mn(f),m=c*s+1.5*a*(-h+v),x=c*s+1.5*a*(-h-v);(M=(-s-((m=m<0?-vn(-m,wn):vn(m,wn))+(x=x<0?-vn(-x,wn):vn(x,wn))))/(3*a))>=0&&M<=1&&(o[p++]=M)}else{var _=(2*c*s-3*a*h)/(2*mn(c*c*c)),b=Math.acos(_)/3,w=mn(c),S=Math.cos(b),M=(-s-2*w*S)/(3*a),I=(y=(-s+w*(S+bn*Math.sin(b)))/(3*a),(-s+w*(S-bn*Math.sin(b)))/(3*a));M>=0&&M<=1&&(o[p++]=M),y>=0&&y<=1&&(o[p++]=y),I>=0&&I<=1&&(o[p++]=I)}}return p}function Ln(t,e,n,i,r){var o=6*n-12*e+6*t,a=9*e+3*i-3*t-9*n,s=3*e-3*t,l=0;if(Tn(a)){if(Cn(o))(c=-s/o)>=0&&c<=1&&(r[l++]=c)}else{var u=o*o-4*a*s;if(Tn(u))r[0]=-o/(2*a);else if(u>0){var c,h=mn(u),d=(-o-h)/(2*a);(c=(-o+h)/(2*a))>=0&&c<=1&&(r[l++]=c),d>=0&&d<=1&&(r[l++]=d)}}return l}function Pn(t,e,n,i,r,o){var a=(e-t)*r+t,s=(n-e)*r+e,l=(i-n)*r+n,u=(s-a)*r+a,c=(l-s)*r+s,h=(c-u)*r+u;o[0]=t,o[1]=a,o[2]=u,o[3]=h,o[4]=h,o[5]=c,o[6]=l,o[7]=i}function On(t,e,n,i,r,o,a,s,l,u,c){var h,d,p,f,g,y=.005,v=1/0;Sn[0]=l,Sn[1]=u;for(var m=0;m<1;m+=.05)Mn[0]=Dn(t,n,r,a,m),Mn[1]=Dn(e,i,o,s,m),(f=Ft(Sn,Mn))<v&&(h=m,v=f);v=1/0;for(var x=0;x<32&&!(y<_n);x++)d=h-y,p=h+y,Mn[0]=Dn(t,n,r,a,d),Mn[1]=Dn(e,i,o,s,d),f=Ft(Mn,Sn),d>=0&&f<v?(h=d,v=f):(In[0]=Dn(t,n,r,a,p),In[1]=Dn(e,i,o,s,p),g=Ft(In,Sn),p<=1&&g<v?(h=p,v=g):y*=.5);return c&&(c[0]=Dn(t,n,r,a,h),c[1]=Dn(e,i,o,s,h)),mn(v)}function Rn(t,e,n,i,r,o,a,s,l){for(var u=t,c=e,h=0,d=1/l,p=1;p<=l;p++){var f=p*d,g=Dn(t,n,r,a,f),y=Dn(e,i,o,s,f),v=g-u,m=y-c;h+=Math.sqrt(v*v+m*m),u=g,c=y}return h}function Nn(t,e,n,i){var r=1-i;return r*(r*t+2*i*e)+i*i*n}function zn(t,e,n,i){return 2*((1-i)*(e-t)+i*(n-e))}function En(t,e,n){var i=t+n-2*e;return 0===i?.5:(t-e)/i}function Bn(t,e,n,i,r){var o=(e-t)*i+t,a=(n-e)*i+e,s=(a-o)*i+o;r[0]=t,r[1]=o,r[2]=s,r[3]=s,r[4]=a,r[5]=n}function Vn(t,e,n,i,r,o,a,s,l){var u,c=.005,h=1/0;Sn[0]=a,Sn[1]=s;for(var d=0;d<1;d+=.05){Mn[0]=Nn(t,n,r,d),Mn[1]=Nn(e,i,o,d),(y=Ft(Sn,Mn))<h&&(u=d,h=y)}h=1/0;for(var p=0;p<32&&!(c<_n);p++){var f=u-c,g=u+c;Mn[0]=Nn(t,n,r,f),Mn[1]=Nn(e,i,o,f);var y=Ft(Mn,Sn);if(f>=0&&y<h)u=f,h=y;else{In[0]=Nn(t,n,r,g),In[1]=Nn(e,i,o,g);var v=Ft(In,Sn);g<=1&&v<h?(u=g,h=v):c*=.5}}return l&&(l[0]=Nn(t,n,r,u),l[1]=Nn(e,i,o,u)),mn(h)}function Gn(t,e,n,i,r,o,a){for(var s=t,l=e,u=0,c=1/a,h=1;h<=a;h++){var d=h*c,p=Nn(t,n,r,d),f=Nn(e,i,o,d),g=p-s,y=f-l;u+=Math.sqrt(g*g+y*y),s=p,l=f}return u}var Fn=/cubic-bezier\(([0-9,\.e ]+)\)/;function Wn(t){var e=t&&Fn.exec(t);if(e){var n=e[1].split(","),i=+ut(n[0]),r=+ut(n[1]),o=+ut(n[2]),a=+ut(n[3]);if(isNaN(i+r+o+a))return;var s=[];return function(t){return t<=0?0:t>=1?1:kn(0,i,o,1,t,s)&&Dn(0,r,a,1,s[0])}}}var Hn=function(){function t(t){this._inited=!1,this._startTime=0,this._pausedTime=0,this._paused=!1,this._life=t.life||1e3,this._delay=t.delay||0,this.loop=t.loop||!1,this.onframe=t.onframe||bt,this.ondestroy=t.ondestroy||bt,this.onrestart=t.onrestart||bt,t.easing&&this.setEasing(t.easing)}return t.prototype.step=function(t,e){if(this._inited||(this._startTime=t+this._delay,this._inited=!0),!this._paused){var n=this._life,i=t-this._startTime-this._pausedTime,r=i/n;r<0&&(r=0),r=Math.min(r,1);var o=this.easingFunc,a=o?o(r):r;if(this.onframe(a),1===r){if(!this.loop)return!0;var s=i%n;this._startTime=t-s,this._pausedTime=0,this.onrestart()}return!1}this._pausedTime+=e},t.prototype.pause=function(){this._paused=!0},t.prototype.resume=function(){this._paused=!1},t.prototype.setEasing=function(t){this.easing=t,this.easingFunc=Y(t)?t:yn[t]||Wn(t)},t}(),Un=function(t){this.value=t},Yn=function(){function t(){this._len=0}return t.prototype.insert=function(t){var e=new Un(t);return this.insertEntry(e),e},t.prototype.insertEntry=function(t){this.head?(this.tail.next=t,t.prev=this.tail,t.next=null,this.tail=t):this.head=this.tail=t,this._len++},t.prototype.remove=function(t){var e=t.prev,n=t.next;e?e.next=n:this.head=n,n?n.prev=e:this.tail=e,t.next=t.prev=null,this._len--},t.prototype.len=function(){return this._len},t.prototype.clear=function(){this.head=this.tail=null,this._len=0},t}(),Xn=function(){function t(t){this._list=new Yn,this._maxSize=10,this._map={},this._maxSize=t}return t.prototype.put=function(t,e){var n=this._list,i=this._map,r=null;if(null==i[t]){var o=n.len(),a=this._lastRemovedEntry;if(o>=this._maxSize&&o>0){var s=n.head;n.remove(s),delete i[s.key],r=s.value,this._lastRemovedEntry=s}a?a.value=e:a=new Un(e),a.key=t,n.insertEntry(a),i[t]=a}return r},t.prototype.get=function(t){var e=this._map[t],n=this._list;if(null!=e)return e!==n.tail&&(n.remove(e),n.insertEntry(e)),e.value},t.prototype.clear=function(){this._list.clear(),this._map={}},t.prototype.len=function(){return this._list.len()},t}(),Zn={transparent:[0,0,0,0],aliceblue:[240,248,255,1],antiquewhite:[250,235,215,1],aqua:[0,255,255,1],aquamarine:[127,255,212,1],azure:[240,255,255,1],beige:[245,245,220,1],bisque:[255,228,196,1],black:[0,0,0,1],blanchedalmond:[255,235,205,1],blue:[0,0,255,1],blueviolet:[138,43,226,1],brown:[165,42,42,1],burlywood:[222,184,135,1],cadetblue:[95,158,160,1],chartreuse:[127,255,0,1],chocolate:[210,105,30,1],coral:[255,127,80,1],cornflowerblue:[100,149,237,1],cornsilk:[255,248,220,1],crimson:[220,20,60,1],cyan:[0,255,255,1],darkblue:[0,0,139,1],darkcyan:[0,139,139,1],darkgoldenrod:[184,134,11,1],darkgray:[169,169,169,1],darkgreen:[0,100,0,1],darkgrey:[169,169,169,1],darkkhaki:[189,183,107,1],darkmagenta:[139,0,139,1],darkolivegreen:[85,107,47,1],darkorange:[255,140,0,1],darkorchid:[153,50,204,1],darkred:[139,0,0,1],darksalmon:[233,150,122,1],darkseagreen:[143,188,143,1],darkslateblue:[72,61,139,1],darkslategray:[47,79,79,1],darkslategrey:[47,79,79,1],darkturquoise:[0,206,209,1],darkviolet:[148,0,211,1],deeppink:[255,20,147,1],deepskyblue:[0,191,255,1],dimgray:[105,105,105,1],dimgrey:[105,105,105,1],dodgerblue:[30,144,255,1],firebrick:[178,34,34,1],floralwhite:[255,250,240,1],forestgreen:[34,139,34,1],fuchsia:[255,0,255,1],gainsboro:[220,220,220,1],ghostwhite:[248,248,255,1],gold:[255,215,0,1],goldenrod:[218,165,32,1],gray:[128,128,128,1],green:[0,128,0,1],greenyellow:[173,255,47,1],grey:[128,128,128,1],honeydew:[240,255,240,1],hotpink:[255,105,180,1],indianred:[205,92,92,1],indigo:[75,0,130,1],ivory:[255,255,240,1],khaki:[240,230,140,1],lavender:[230,230,250,1],lavenderblush:[255,240,245,1],lawngreen:[124,252,0,1],lemonchiffon:[255,250,205,1],lightblue:[173,216,230,1],lightcoral:[240,128,128,1],lightcyan:[224,255,255,1],lightgoldenrodyellow:[250,250,210,1],lightgray:[211,211,211,1],lightgreen:[144,238,144,1],lightgrey:[211,211,211,1],lightpink:[255,182,193,1],lightsalmon:[255,160,122,1],lightseagreen:[32,178,170,1],lightskyblue:[135,206,250,1],lightslategray:[119,136,153,1],lightslategrey:[119,136,153,1],lightsteelblue:[176,196,222,1],lightyellow:[255,255,224,1],lime:[0,255,0,1],limegreen:[50,205,50,1],linen:[250,240,230,1],magenta:[255,0,255,1],maroon:[128,0,0,1],mediumaquamarine:[102,205,170,1],mediumblue:[0,0,205,1],mediumorchid:[186,85,211,1],mediumpurple:[147,112,219,1],mediumseagreen:[60,179,113,1],mediumslateblue:[123,104,238,1],mediumspringgreen:[0,250,154,1],mediumturquoise:[72,209,204,1],mediumvioletred:[199,21,133,1],midnightblue:[25,25,112,1],mintcream:[245,255,250,1],mistyrose:[255,228,225,1],moccasin:[255,228,181,1],navajowhite:[255,222,173,1],navy:[0,0,128,1],oldlace:[253,245,230,1],olive:[128,128,0,1],olivedrab:[107,142,35,1],orange:[255,165,0,1],orangered:[255,69,0,1],orchid:[218,112,214,1],palegoldenrod:[238,232,170,1],palegreen:[152,251,152,1],paleturquoise:[175,238,238,1],palevioletred:[219,112,147,1],papayawhip:[255,239,213,1],peachpuff:[255,218,185,1],peru:[205,133,63,1],pink:[255,192,203,1],plum:[221,160,221,1],powderblue:[176,224,230,1],purple:[128,0,128,1],red:[255,0,0,1],rosybrown:[188,143,143,1],royalblue:[65,105,225,1],saddlebrown:[139,69,19,1],salmon:[250,128,114,1],sandybrown:[244,164,96,1],seagreen:[46,139,87,1],seashell:[255,245,238,1],sienna:[160,82,45,1],silver:[192,192,192,1],skyblue:[135,206,235,1],slateblue:[106,90,205,1],slategray:[112,128,144,1],slategrey:[112,128,144,1],snow:[255,250,250,1],springgreen:[0,255,127,1],steelblue:[70,130,180,1],tan:[210,180,140,1],teal:[0,128,128,1],thistle:[216,191,216,1],tomato:[255,99,71,1],turquoise:[64,224,208,1],violet:[238,130,238,1],wheat:[245,222,179,1],white:[255,255,255,1],whitesmoke:[245,245,245,1],yellow:[255,255,0,1],yellowgreen:[154,205,50,1]};function jn(t){return(t=Math.round(t))<0?0:t>255?255:t}function qn(t){return t<0?0:t>1?1:t}function Kn(t){var e=t;return e.length&&"%"===e.charAt(e.length-1)?jn(parseFloat(e)/100*255):jn(parseInt(e,10))}function $n(t){var e=t;return e.length&&"%"===e.charAt(e.length-1)?qn(parseFloat(e)/100):qn(parseFloat(e))}function Jn(t,e,n){return n<0?n+=1:n>1&&(n-=1),6*n<1?t+(e-t)*n*6:2*n<1?e:3*n<2?t+(e-t)*(2/3-n)*6:t}function Qn(t,e,n){return t+(e-t)*n}function ti(t,e,n,i,r){return t[0]=e,t[1]=n,t[2]=i,t[3]=r,t}function ei(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t}var ni=new Xn(20),ii=null;function ri(t,e){ii&&ei(ii,e),ii=ni.put(t,ii||e.slice())}function oi(t,e){if(t){e=e||[];var n=ni.get(t);if(n)return ei(e,n);var i=(t+="").replace(/ /g,"").toLowerCase();if(i in Zn)return ei(e,Zn[i]),ri(t,e),e;var r,o=i.length;if("#"===i.charAt(0))return 4===o||5===o?(r=parseInt(i.slice(1,4),16))>=0&&r<=4095?(ti(e,(3840&r)>>4|(3840&r)>>8,240&r|(240&r)>>4,15&r|(15&r)<<4,5===o?parseInt(i.slice(4),16)/15:1),ri(t,e),e):void ti(e,0,0,0,1):7===o||9===o?(r=parseInt(i.slice(1,7),16))>=0&&r<=16777215?(ti(e,(16711680&r)>>16,(65280&r)>>8,255&r,9===o?parseInt(i.slice(7),16)/255:1),ri(t,e),e):void ti(e,0,0,0,1):void 0;var a=i.indexOf("("),s=i.indexOf(")");if(-1!==a&&s+1===o){var l=i.substr(0,a),u=i.substr(a+1,s-(a+1)).split(","),c=1;switch(l){case"rgba":if(4!==u.length)return 3===u.length?ti(e,+u[0],+u[1],+u[2],1):ti(e,0,0,0,1);c=$n(u.pop());case"rgb":return u.length>=3?(ti(e,Kn(u[0]),Kn(u[1]),Kn(u[2]),3===u.length?c:$n(u[3])),ri(t,e),e):void ti(e,0,0,0,1);case"hsla":return 4!==u.length?void ti(e,0,0,0,1):(u[3]=$n(u[3]),ai(u,e),ri(t,e),e);case"hsl":return 3!==u.length?void ti(e,0,0,0,1):(ai(u,e),ri(t,e),e);default:return}}ti(e,0,0,0,1)}}function ai(t,e){var n=(parseFloat(t[0])%360+360)%360/360,i=$n(t[1]),r=$n(t[2]),o=r<=.5?r*(i+1):r+i-r*i,a=2*r-o;return ti(e=e||[],jn(255*Jn(a,o,n+1/3)),jn(255*Jn(a,o,n)),jn(255*Jn(a,o,n-1/3)),1),4===t.length&&(e[3]=t[3]),e}function si(t,e){var n=oi(t);if(n){for(var i=0;i<3;i++)n[i]=e<0?n[i]*(1-e)|0:(255-n[i])*e+n[i]|0,n[i]>255?n[i]=255:n[i]<0&&(n[i]=0);return fi(n,4===n.length?"rgba":"rgb")}}function li(t,e,n){if(e&&e.length&&t>=0&&t<=1){n=n||[];var i=t*(e.length-1),r=Math.floor(i),o=Math.ceil(i),a=e[r],s=e[o],l=i-r;return n[0]=jn(Qn(a[0],s[0],l)),n[1]=jn(Qn(a[1],s[1],l)),n[2]=jn(Qn(a[2],s[2],l)),n[3]=qn(Qn(a[3],s[3],l)),n}}var ui=li;function ci(t,e,n){if(e&&e.length&&t>=0&&t<=1){var i=t*(e.length-1),r=Math.floor(i),o=Math.ceil(i),a=oi(e[r]),s=oi(e[o]),l=i-r,u=fi([jn(Qn(a[0],s[0],l)),jn(Qn(a[1],s[1],l)),jn(Qn(a[2],s[2],l)),qn(Qn(a[3],s[3],l))],"rgba");return n?{color:u,leftIndex:r,rightIndex:o,value:i}:u}}var hi=ci;function di(t,e,n,i){var r=oi(t);if(t)return r=function(t){if(t){var e,n,i=t[0]/255,r=t[1]/255,o=t[2]/255,a=Math.min(i,r,o),s=Math.max(i,r,o),l=s-a,u=(s+a)/2;if(0===l)e=0,n=0;else{n=u<.5?l/(s+a):l/(2-s-a);var c=((s-i)/6+l/2)/l,h=((s-r)/6+l/2)/l,d=((s-o)/6+l/2)/l;i===s?e=d-h:r===s?e=1/3+c-d:o===s&&(e=2/3+h-c),e<0&&(e+=1),e>1&&(e-=1)}var p=[360*e,n,u];return null!=t[3]&&p.push(t[3]),p}}(r),null!=e&&(r[0]=function(t){return(t=Math.round(t))<0?0:t>360?360:t}(Y(e)?e(r[0]):e)),null!=n&&(r[1]=$n(Y(n)?n(r[1]):n)),null!=i&&(r[2]=$n(Y(i)?i(r[2]):i)),fi(ai(r),"rgba")}function pi(t,e){var n=oi(t);if(n&&null!=e)return n[3]=qn(e),fi(n,"rgba")}function fi(t,e){if(t&&t.length){var n=t[0]+","+t[1]+","+t[2];return"rgba"!==e&&"hsva"!==e&&"hsla"!==e||(n+=","+t[3]),e+"("+n+")"}}function gi(t,e){var n=oi(t);return n?(.299*n[0]+.587*n[1]+.114*n[2])*n[3]/255+(1-n[3])*e:0}var yi=new Xn(100);function vi(t){if(X(t)){var e=yi.get(t);return e||(e=si(t,-.1),yi.put(t,e)),e}if(Q(t)){var n=A({},t);return n.colorStops=E(t.colorStops,(function(t){return{offset:t.offset,color:si(t.color,-.1)}})),n}return t}var mi=Object.freeze({__proto__:null,parseCssInt:Kn,parseCssFloat:$n,parse:oi,lift:si,toHex:function(t){var e=oi(t);if(e)return((1<<24)+(e[0]<<16)+(e[1]<<8)+ +e[2]).toString(16).slice(1)},fastLerp:li,fastMapToColor:ui,lerp:ci,mapToColor:hi,modifyHSL:di,modifyAlpha:pi,stringify:fi,lum:gi,random:function(){return fi([Math.round(255*Math.random()),Math.round(255*Math.random()),Math.round(255*Math.random())],"rgb")},liftColor:vi}),xi=Math.round;function _i(t){var e;if(t&&"transparent"!==t){if("string"==typeof t&&t.indexOf("rgba")>-1){var n=oi(t);n&&(t="rgb("+n[0]+","+n[1]+","+n[2]+")",e=n[3])}}else t="none";return{color:t,opacity:null==e?1:e}}var bi=1e-4;function wi(t){return t<bi&&t>-1e-4}function Si(t){return xi(1e3*t)/1e3}function Mi(t){return xi(1e4*t)/1e4}var Ii={left:"start",right:"end",center:"middle",middle:"middle"};function Ti(t){return t&&!!t.image}function Ci(t){return Ti(t)||function(t){return t&&!!t.svgElement}(t)}function Di(t){return"linear"===t.type}function Ai(t){return"radial"===t.type}function ki(t){return t&&("linear"===t.type||"radial"===t.type)}function Li(t){return"url(#"+t+")"}function Pi(t){var e=t.getGlobalScale(),n=Math.max(e[0],e[1]);return Math.max(Math.ceil(Math.log(n)/Math.log(10)),1)}function Oi(t){var e=t.x||0,n=t.y||0,i=(t.rotation||0)*wt,r=rt(t.scaleX,1),o=rt(t.scaleY,1),a=t.skewX||0,s=t.skewY||0,l=[];return(e||n)&&l.push("translate("+e+"px,"+n+"px)"),i&&l.push("rotate("+i+")"),1===r&&1===o||l.push("scale("+r+","+o+")"),(a||s)&&l.push("skew("+xi(a*wt)+"deg, "+xi(s*wt)+"deg)"),l.join(" ")}var Ri=r.hasGlobalWindow&&Y(window.btoa)?function(t){return window.btoa(unescape(encodeURIComponent(t)))}:"undefined"!=typeof Buffer?function(t){return Buffer.from(t).toString("base64")}:function(t){return null},Ni=Array.prototype.slice;function zi(t,e,n){return(e-t)*n+t}function Ei(t,e,n,i){for(var r=e.length,o=0;o<r;o++)t[o]=zi(e[o],n[o],i);return t}function Bi(t,e,n,i){for(var r=e.length,o=0;o<r;o++)t[o]=e[o]+n[o]*i;return t}function Vi(t,e,n,i){for(var r=e.length,o=r&&e[0].length,a=0;a<r;a++){t[a]||(t[a]=[]);for(var s=0;s<o;s++)t[a][s]=e[a][s]+n[a][s]*i}return t}function Gi(t,e){for(var n=t.length,i=e.length,r=n>i?e:t,o=Math.min(n,i),a=r[o-1]||{color:[0,0,0,0],offset:0},s=o;s<Math.max(n,i);s++)r.push({offset:a.offset,color:a.color.slice()})}function Fi(t,e,n){var i=t,r=e;if(i.push&&r.push){var o=i.length,a=r.length;if(o!==a)if(o>a)i.length=a;else for(var s=o;s<a;s++)i.push(1===n?r[s]:Ni.call(r[s]));var l=i[0]&&i[0].length;for(s=0;s<i.length;s++)if(1===n)isNaN(i[s])&&(i[s]=r[s]);else for(var u=0;u<l;u++)isNaN(i[s][u])&&(i[s][u]=r[s][u])}}function Wi(t){if(N(t)){var e=t.length;if(N(t[0])){for(var n=[],i=0;i<e;i++)n.push(Ni.call(t[i]));return n}return Ni.call(t)}return t}function Hi(t){return t[0]=Math.floor(t[0])||0,t[1]=Math.floor(t[1])||0,t[2]=Math.floor(t[2])||0,t[3]=null==t[3]?1:t[3],"rgba("+t.join(",")+")"}function Ui(t){return 4===t||5===t}function Yi(t){return 1===t||2===t}var Xi=[0,0,0,0],Zi=function(){function t(t){this.keyframes=[],this.discrete=!1,this._invalid=!1,this._needsSort=!1,this._lastFr=0,this._lastFrP=0,this.propName=t}return t.prototype.isFinished=function(){return this._finished},t.prototype.setFinished=function(){this._finished=!0,this._additiveTrack&&this._additiveTrack.setFinished()},t.prototype.needsAnimate=function(){return this.keyframes.length>=1},t.prototype.getAdditiveTrack=function(){return this._additiveTrack},t.prototype.addKeyframe=function(t,e,n){this._needsSort=!0;var i=this.keyframes,r=i.length,o=!1,a=6,s=e;if(N(e)){var l=function(t){return N(t&&t[0])?2:1}(e);a=l,(1===l&&!j(e[0])||2===l&&!j(e[0][0]))&&(o=!0)}else if(j(e)&&!nt(e))a=0;else if(X(e))if(isNaN(+e)){var u=oi(e);u&&(s=u,a=3)}else a=0;else if(Q(e)){var c=A({},s);c.colorStops=E(e.colorStops,(function(t){return{offset:t.offset,color:oi(t.color)}})),Di(e)?a=4:Ai(e)&&(a=5),s=c}0===r?this.valType=a:a===this.valType&&6!==a||(o=!0),this.discrete=this.discrete||o;var h={time:t,value:s,rawValue:e,percent:0};return n&&(h.easing=n,h.easingFunc=Y(n)?n:yn[n]||Wn(n)),i.push(h),h},t.prototype.prepare=function(t,e){var n=this.keyframes;this._needsSort&&n.sort((function(t,e){return t.time-e.time}));for(var i=this.valType,r=n.length,o=n[r-1],a=this.discrete,s=Yi(i),l=Ui(i),u=0;u<r;u++){var c=n[u],h=c.value,d=o.value;c.percent=c.time/t,a||(s&&u!==r-1?Fi(h,d,i):l&&Gi(h.colorStops,d.colorStops))}if(!a&&5!==i&&e&&this.needsAnimate()&&e.needsAnimate()&&i===e.valType&&!e._finished){this._additiveTrack=e;var p=n[0].value;for(u=0;u<r;u++)0===i?n[u].additiveValue=n[u].value-p:3===i?n[u].additiveValue=Bi([],n[u].value,p,-1):Yi(i)&&(n[u].additiveValue=1===i?Bi([],n[u].value,p,-1):Vi([],n[u].value,p,-1))}},t.prototype.step=function(t,e){if(!this._finished){this._additiveTrack&&this._additiveTrack._finished&&(this._additiveTrack=null);var n,i,r,o=null!=this._additiveTrack,a=o?"additiveValue":"value",s=this.valType,l=this.keyframes,u=l.length,c=this.propName,h=3===s,d=this._lastFr,p=Math.min;if(1===u)i=r=l[0];else{if(e<0)n=0;else if(e<this._lastFrP){for(n=p(d+1,u-1);n>=0&&!(l[n].percent<=e);n--);n=p(n,u-2)}else{for(n=d;n<u&&!(l[n].percent>e);n++);n=p(n-1,u-2)}r=l[n+1],i=l[n]}if(i&&r){this._lastFr=n,this._lastFrP=e;var f=r.percent-i.percent,g=0===f?1:p((e-i.percent)/f,1);r.easingFunc&&(g=r.easingFunc(g));var y=o?this._additiveValue:h?Xi:t[c];if(!Yi(s)&&!h||y||(y=this._additiveValue=[]),this.discrete)t[c]=g<1?i.rawValue:r.rawValue;else if(Yi(s))1===s?Ei(y,i[a],r[a],g):function(t,e,n,i){for(var r=e.length,o=r&&e[0].length,a=0;a<r;a++){t[a]||(t[a]=[]);for(var s=0;s<o;s++)t[a][s]=zi(e[a][s],n[a][s],i)}}(y,i[a],r[a],g);else if(Ui(s)){var v=i[a],m=r[a],x=4===s;t[c]={type:x?"linear":"radial",x:zi(v.x,m.x,g),y:zi(v.y,m.y,g),colorStops:E(v.colorStops,(function(t,e){var n=m.colorStops[e];return{offset:zi(t.offset,n.offset,g),color:Hi(Ei([],t.color,n.color,g))}})),global:m.global},x?(t[c].x2=zi(v.x2,m.x2,g),t[c].y2=zi(v.y2,m.y2,g)):t[c].r=zi(v.r,m.r,g)}else if(h)Ei(y,i[a],r[a],g),o||(t[c]=Hi(y));else{var _=zi(i[a],r[a],g);o?this._additiveValue=_:t[c]=_}o&&this._addToTarget(t)}}},t.prototype._addToTarget=function(t){var e=this.valType,n=this.propName,i=this._additiveValue;0===e?t[n]=t[n]+i:3===e?(oi(t[n],Xi),Bi(Xi,Xi,i,1),t[n]=Hi(Xi)):1===e?Bi(t[n],t[n],i,1):2===e&&Vi(t[n],t[n],i,1)},t}(),ji=function(){function t(t,e,n,i){this._tracks={},this._trackKeys=[],this._maxTime=0,this._started=0,this._clip=null,this._target=t,this._loop=e,e&&i?I("Can' use additive animation on looped animation."):(this._additiveAnimators=i,this._allowDiscrete=n)}return t.prototype.getMaxTime=function(){return this._maxTime},t.prototype.getDelay=function(){return this._delay},t.prototype.getLoop=function(){return this._loop},t.prototype.getTarget=function(){return this._target},t.prototype.changeTarget=function(t){this._target=t},t.prototype.when=function(t,e,n){return this.whenWithKeys(t,e,F(e),n)},t.prototype.whenWithKeys=function(t,e,n,i){for(var r=this._tracks,o=0;o<n.length;o++){var a=n[o],s=r[a];if(!s){s=r[a]=new Zi(a);var l=void 0,u=this._getAdditiveTrack(a);if(u){var c=u.keyframes,h=c[c.length-1];l=h&&h.value,3===u.valType&&l&&(l=Hi(l))}else l=this._target[a];if(null==l)continue;t>0&&s.addKeyframe(0,Wi(l),i),this._trackKeys.push(a)}s.addKeyframe(t,Wi(e[a]),i)}return this._maxTime=Math.max(this._maxTime,t),this},t.prototype.pause=function(){this._clip.pause(),this._paused=!0},t.prototype.resume=function(){this._clip.resume(),this._paused=!1},t.prototype.isPaused=function(){return!!this._paused},t.prototype.duration=function(t){return this._maxTime=t,this._force=!0,this},t.prototype._doneCallback=function(){this._setTracksFinished(),this._clip=null;var t=this._doneCbs;if(t)for(var e=t.length,n=0;n<e;n++)t[n].call(this)},t.prototype._abortedCallback=function(){this._setTracksFinished();var t=this.animation,e=this._abortedCbs;if(t&&t.removeClip(this._clip),this._clip=null,e)for(var n=0;n<e.length;n++)e[n].call(this)},t.prototype._setTracksFinished=function(){for(var t=this._tracks,e=this._trackKeys,n=0;n<e.length;n++)t[e[n]].setFinished()},t.prototype._getAdditiveTrack=function(t){var e,n=this._additiveAnimators;if(n)for(var i=0;i<n.length;i++){var r=n[i].getTrack(t);r&&(e=r)}return e},t.prototype.start=function(t){if(!(this._started>0)){this._started=1;for(var e=this,n=[],i=this._maxTime||0,r=0;r<this._trackKeys.length;r++){var o=this._trackKeys[r],a=this._tracks[o],s=this._getAdditiveTrack(o),l=a.keyframes,u=l.length;if(a.prepare(i,s),a.needsAnimate())if(!this._allowDiscrete&&a.discrete){var c=l[u-1];c&&(e._target[a.propName]=c.rawValue),a.setFinished()}else n.push(a)}if(n.length||this._force){var h=new Hn({life:i,loop:this._loop,delay:this._delay||0,onframe:function(t){e._started=2;var i=e._additiveAnimators;if(i){for(var r=!1,o=0;o<i.length;o++)if(i[o]._clip){r=!0;break}r||(e._additiveAnimators=null)}for(o=0;o<n.length;o++)n[o].step(e._target,t);var a=e._onframeCbs;if(a)for(o=0;o<a.length;o++)a[o](e._target,t)},ondestroy:function(){e._doneCallback()}});this._clip=h,this.animation&&this.animation.addClip(h),t&&h.setEasing(t)}else this._doneCallback();return this}},t.prototype.stop=function(t){if(this._clip){var e=this._clip;t&&e.onframe(1),this._abortedCallback()}},t.prototype.delay=function(t){return this._delay=t,this},t.prototype.during=function(t){return t&&(this._onframeCbs||(this._onframeCbs=[]),this._onframeCbs.push(t)),this},t.prototype.done=function(t){return t&&(this._doneCbs||(this._doneCbs=[]),this._doneCbs.push(t)),this},t.prototype.aborted=function(t){return t&&(this._abortedCbs||(this._abortedCbs=[]),this._abortedCbs.push(t)),this},t.prototype.getClip=function(){return this._clip},t.prototype.getTrack=function(t){return this._tracks[t]},t.prototype.getTracks=function(){var t=this;return E(this._trackKeys,(function(e){return t._tracks[e]}))},t.prototype.stopTracks=function(t,e){if(!t.length||!this._clip)return!0;for(var n=this._tracks,i=this._trackKeys,r=0;r<t.length;r++){var o=n[t[r]];o&&!o.isFinished()&&(e?o.step(this._target,1):1===this._started&&o.step(this._target,0),o.setFinished())}var a=!0;for(r=0;r<i.length;r++)if(!n[i[r]].isFinished()){a=!1;break}return a&&this._abortedCallback(),a},t.prototype.saveTo=function(t,e,n){if(t){e=e||this._trackKeys;for(var i=0;i<e.length;i++){var r=e[i],o=this._tracks[r];if(o&&!o.isFinished()){var a=o.keyframes,s=a[n?0:a.length-1];s&&(t[r]=Wi(s.rawValue))}}}},t.prototype.__changeFinalValue=function(t,e){e=e||F(t);for(var n=0;n<e.length;n++){var i=e[n],r=this._tracks[i];if(r){var o=r.keyframes;if(o.length>1){var a=o.pop();r.addKeyframe(a.time,t[i]),r.prepare(this._maxTime,r.getAdditiveTrack())}}}},t}();function qi(){return(new Date).getTime()}var Ki,$i,Ji=function(t){function e(e){var n=t.call(this)||this;return n._running=!1,n._time=0,n._pausedTime=0,n._pauseStart=0,n._paused=!1,e=e||{},n.stage=e.stage||{},n}return n(e,t),e.prototype.addClip=function(t){t.animation&&this.removeClip(t),this._head?(this._tail.next=t,t.prev=this._tail,t.next=null,this._tail=t):this._head=this._tail=t,t.animation=this},e.prototype.addAnimator=function(t){t.animation=this;var e=t.getClip();e&&this.addClip(e)},e.prototype.removeClip=function(t){if(t.animation){var e=t.prev,n=t.next;e?e.next=n:this._head=n,n?n.prev=e:this._tail=e,t.next=t.prev=t.animation=null}},e.prototype.removeAnimator=function(t){var e=t.getClip();e&&this.removeClip(e),t.animation=null},e.prototype.update=function(t){for(var e=qi()-this._pausedTime,n=e-this._time,i=this._head;i;){var r=i.next;i.step(e,n)?(i.ondestroy(),this.removeClip(i),i=r):i=r}this._time=e,t||(this.trigger("frame",n),this.stage.update&&this.stage.update())},e.prototype._startLoop=function(){var t=this;this._running=!0,gn((function e(){t._running&&(gn(e),!t._paused&&t.update())}))},e.prototype.start=function(){this._running||(this._time=qi(),this._pausedTime=0,this._startLoop())},e.prototype.stop=function(){this._running=!1},e.prototype.pause=function(){this._paused||(this._pauseStart=qi(),this._paused=!0)},e.prototype.resume=function(){this._paused&&(this._pausedTime+=qi()-this._pauseStart,this._paused=!1)},e.prototype.clear=function(){for(var t=this._head;t;){var e=t.next;t.prev=t.next=t.animation=null,t=e}this._head=this._tail=null},e.prototype.isFinished=function(){return null==this._head},e.prototype.animate=function(t,e){e=e||{},this.start();var n=new ji(t,e.loop);return this.addAnimator(n),n},e}(qt),Qi=r.domSupported,tr=($i={pointerdown:1,pointerup:1,pointermove:1,pointerout:1},{mouse:Ki=["click","dblclick","mousewheel","wheel","mouseout","mouseup","mousedown","mousemove","contextmenu"],touch:["touchstart","touchend","touchmove"],pointer:E(Ki,(function(t){var e=t.replace("mouse","pointer");return $i.hasOwnProperty(e)?e:t}))}),er=["mousemove","mouseup"],nr=["pointermove","pointerup"],ir=!1;function rr(t){var e=t.pointerType;return"pen"===e||"touch"===e}function or(t){t&&(t.zrByTouch=!0)}function ar(t,e){for(var n=e,i=!1;n&&9!==n.nodeType&&!(i=n.domBelongToZr||n!==e&&n===t.painterRoot);)n=n.parentNode;return i}var sr=function(t,e){this.stopPropagation=bt,this.stopImmediatePropagation=bt,this.preventDefault=bt,this.type=e.type,this.target=this.currentTarget=t.dom,this.pointerType=e.pointerType,this.clientX=e.clientX,this.clientY=e.clientY},lr={mousedown:function(t){t=de(this.dom,t),this.__mayPointerCapture=[t.zrX,t.zrY],this.trigger("mousedown",t)},mousemove:function(t){t=de(this.dom,t);var e=this.__mayPointerCapture;!e||t.zrX===e[0]&&t.zrY===e[1]||this.__togglePointerCapture(!0),this.trigger("mousemove",t)},mouseup:function(t){t=de(this.dom,t),this.__togglePointerCapture(!1),this.trigger("mouseup",t)},mouseout:function(t){ar(this,(t=de(this.dom,t)).toElement||t.relatedTarget)||(this.__pointerCapturing&&(t.zrEventControl="no_globalout"),this.trigger("mouseout",t))},wheel:function(t){ir=!0,t=de(this.dom,t),this.trigger("mousewheel",t)},mousewheel:function(t){ir||(t=de(this.dom,t),this.trigger("mousewheel",t))},touchstart:function(t){or(t=de(this.dom,t)),this.__lastTouchMoment=new Date,this.handler.processGesture(t,"start"),lr.mousemove.call(this,t),lr.mousedown.call(this,t)},touchmove:function(t){or(t=de(this.dom,t)),this.handler.processGesture(t,"change"),lr.mousemove.call(this,t)},touchend:function(t){or(t=de(this.dom,t)),this.handler.processGesture(t,"end"),lr.mouseup.call(this,t),+new Date-+this.__lastTouchMoment<300&&lr.click.call(this,t)},pointerdown:function(t){lr.mousedown.call(this,t)},pointermove:function(t){rr(t)||lr.mousemove.call(this,t)},pointerup:function(t){lr.mouseup.call(this,t)},pointerout:function(t){rr(t)||lr.mouseout.call(this,t)}};z(["click","dblclick","contextmenu"],(function(t){lr[t]=function(e){e=de(this.dom,e),this.trigger(t,e)}}));var ur={pointermove:function(t){rr(t)||ur.mousemove.call(this,t)},pointerup:function(t){ur.mouseup.call(this,t)},mousemove:function(t){this.trigger("mousemove",t)},mouseup:function(t){var e=this.__pointerCapturing;this.__togglePointerCapture(!1),this.trigger("mouseup",t),e&&(t.zrEventControl="only_globalout",this.trigger("mouseout",t))}};function cr(t,e){var n=e.domHandlers;r.pointerEventsSupported?z(tr.pointer,(function(i){dr(e,i,(function(e){n[i].call(t,e)}))})):(r.touchEventsSupported&&z(tr.touch,(function(i){dr(e,i,(function(r){n[i].call(t,r),function(t){t.touching=!0,null!=t.touchTimer&&(clearTimeout(t.touchTimer),t.touchTimer=null),t.touchTimer=setTimeout((function(){t.touching=!1,t.touchTimer=null}),700)}(e)}))})),z(tr.mouse,(function(i){dr(e,i,(function(r){r=he(r),e.touching||n[i].call(t,r)}))})))}function hr(t,e){function n(n){dr(e,n,(function(i){i=he(i),ar(t,i.target)||(i=function(t,e){return de(t.dom,new sr(t,e),!0)}(t,i),e.domHandlers[n].call(t,i))}),{capture:!0})}r.pointerEventsSupported?z(nr,n):r.touchEventsSupported||z(er,n)}function dr(t,e,n,i){t.mounted[e]=n,t.listenerOpts[e]=i,pe(t.domTarget,e,n,i)}function pr(t){var e,n,i,r,o=t.mounted;for(var a in o)o.hasOwnProperty(a)&&(e=t.domTarget,n=a,i=o[a],r=t.listenerOpts[a],e.removeEventListener(n,i,r));t.mounted={}}var fr=function(t,e){this.mounted={},this.listenerOpts={},this.touching=!1,this.domTarget=t,this.domHandlers=e},gr=function(t){function e(e,n){var i=t.call(this)||this;return i.__pointerCapturing=!1,i.dom=e,i.painterRoot=n,i._localHandlerScope=new fr(e,lr),Qi&&(i._globalHandlerScope=new fr(document,ur)),cr(i,i._localHandlerScope),i}return n(e,t),e.prototype.dispose=function(){pr(this._localHandlerScope),Qi&&pr(this._globalHandlerScope)},e.prototype.setCursor=function(t){this.dom.style&&(this.dom.style.cursor=t||"default")},e.prototype.__togglePointerCapture=function(t){if(this.__mayPointerCapture=null,Qi&&+this.__pointerCapturing^+t){this.__pointerCapturing=t;var e=this._globalHandlerScope;t?hr(this,e):pr(e)}},e}(qt),yr=1;r.hasGlobalWindow&&(yr=Math.max(window.devicePixelRatio||window.screen&&window.screen.deviceXDPI/window.screen.logicalXDPI||1,1));var vr=yr,mr="#333",xr="#ccc",_r=_e,br=5e-5;function wr(t){return t>br||t<-5e-5}var Sr,Mr=[],Ir=[],Tr=[1,0,0,1,0,0],Cr=Math.abs,Dr=function(){function t(){}var e;return t.prototype.getLocalTransform=function(e){return t.getLocalTransform(this,e)},t.prototype.setPosition=function(t){this.x=t[0],this.y=t[1]},t.prototype.setScale=function(t){this.scaleX=t[0],this.scaleY=t[1]},t.prototype.setSkew=function(t){this.skewX=t[0],this.skewY=t[1]},t.prototype.setOrigin=function(t){this.originX=t[0],this.originY=t[1]},t.prototype.needLocalTransform=function(){return wr(this.rotation)||wr(this.x)||wr(this.y)||wr(this.scaleX-1)||wr(this.scaleY-1)||wr(this.skewX)||wr(this.skewY)},t.prototype.updateTransform=function(){var t=this.parent&&this.parent.transform,e=this.needLocalTransform(),n=this.transform;e||t?(n=n||[1,0,0,1,0,0],e?this.getLocalTransform(n):_r(n),t&&(e?we(n,t,n):be(n,t)),this.transform=n,this._resolveGlobalScaleRatio(n)):n&&(_r(n),this.invTransform=null)},t.prototype._resolveGlobalScaleRatio=function(t){var e=this.globalScaleRatio;if(null!=e&&1!==e){this.getGlobalScale(Mr);var n=Mr[0]<0?-1:1,i=Mr[1]<0?-1:1,r=((Mr[0]-n)*e+n)/Mr[0]||0,o=((Mr[1]-i)*e+i)/Mr[1]||0;t[0]*=r,t[1]*=r,t[2]*=o,t[3]*=o}this.invTransform=this.invTransform||[1,0,0,1,0,0],Te(this.invTransform,t)},t.prototype.getComputedTransform=function(){for(var t=this,e=[];t;)e.push(t),t=t.parent;for(;t=e.pop();)t.updateTransform();return this.transform},t.prototype.setLocalTransform=function(t){if(t){var e=t[0]*t[0]+t[1]*t[1],n=t[2]*t[2]+t[3]*t[3],i=Math.atan2(t[1],t[0]),r=Math.PI/2+i-Math.atan2(t[3],t[2]);n=Math.sqrt(n)*Math.cos(r),e=Math.sqrt(e),this.skewX=r,this.skewY=0,this.rotation=-i,this.x=+t[4],this.y=+t[5],this.scaleX=e,this.scaleY=n,this.originX=0,this.originY=0}},t.prototype.decomposeTransform=function(){if(this.transform){var t=this.parent,e=this.transform;t&&t.transform&&(t.invTransform=t.invTransform||[1,0,0,1,0,0],we(Ir,t.invTransform,e),e=Ir);var n=this.originX,i=this.originY;(n||i)&&(Tr[4]=n,Tr[5]=i,we(Ir,e,Tr),Ir[4]-=n,Ir[5]-=i,e=Ir),this.setLocalTransform(e)}},t.prototype.getGlobalScale=function(t){var e=this.transform;return t=t||[],e?(t[0]=Math.sqrt(e[0]*e[0]+e[1]*e[1]),t[1]=Math.sqrt(e[2]*e[2]+e[3]*e[3]),e[0]<0&&(t[0]=-t[0]),e[3]<0&&(t[1]=-t[1]),t):(t[0]=1,t[1]=1,t)},t.prototype.transformCoordToLocal=function(t,e){var n=[t,e],i=this.invTransform;return i&&Ht(n,n,i),n},t.prototype.transformCoordToGlobal=function(t,e){var n=[t,e],i=this.transform;return i&&Ht(n,n,i),n},t.prototype.getLineScale=function(){var t=this.transform;return t&&Cr(t[0]-1)>1e-10&&Cr(t[3]-1)>1e-10?Math.sqrt(Cr(t[0]*t[3]-t[2]*t[1])):1},t.prototype.copyTransform=function(t){kr(this,t)},t.getLocalTransform=function(t,e){e=e||[];var n=t.originX||0,i=t.originY||0,r=t.scaleX,o=t.scaleY,a=t.anchorX,s=t.anchorY,l=t.rotation||0,u=t.x,c=t.y,h=t.skewX?Math.tan(t.skewX):0,d=t.skewY?Math.tan(-t.skewY):0;if(n||i||a||s){var p=n+a,f=i+s;e[4]=-p*r-h*f*o,e[5]=-f*o-d*p*r}else e[4]=e[5]=0;return e[0]=r,e[3]=o,e[1]=d*r,e[2]=h*o,l&&Me(e,e,l),e[4]+=n+u,e[5]+=i+c,e},t.initDefaultProps=((e=t.prototype).scaleX=e.scaleY=e.globalScaleRatio=1,void(e.x=e.y=e.originX=e.originY=e.skewX=e.skewY=e.rotation=e.anchorX=e.anchorY=0)),t}(),Ar=["x","y","originX","originY","anchorX","anchorY","rotation","scaleX","scaleY","skewX","skewY"];function kr(t,e){for(var n=0;n<Ar.length;n++){var i=Ar[n];t[i]=e[i]}}function Lr(t){Sr||(Sr=new Xn(100)),t=t||a;var e=Sr.get(t);return e||(e={font:t,strWidthCache:new Xn(500),asciiWidthMap:null,asciiWidthMapTried:!1,stWideCharWidth:c.measureText("国",t).width,asciiCharWidth:c.measureText("a",t).width},Sr.put(t,e)),e}var Pr=0,Or=5;function Rr(t,e){return t.asciiWidthMapTried||(t.asciiWidthMap=function(t){if(!(Pr>=Or)){t=t||a;for(var e=[],n=+new Date,i=0;i<=127;i++)e[i]=c.measureText(String.fromCharCode(i),t).width;var r=+new Date-n;return r>16?Pr=Or:r>2&&Pr++,e}}(t.font),t.asciiWidthMapTried=!0),0<=e&&e<=127?null!=t.asciiWidthMap?t.asciiWidthMap[e]:t.asciiCharWidth:t.stWideCharWidth}function Nr(t,e){var n=t.strWidthCache,i=n.get(e);return null==i&&(i=c.measureText(e,t.font).width,n.put(e,i)),i}function zr(t,e,n,i){var r=Nr(Lr(e),t),o=Gr(e),a=Br(0,r,n),s=Vr(0,o,i);return new He(a,s,r,o)}function Er(t,e,n,i){var r=((t||"")+"").split("\n");if(1===r.length)return zr(r[0],e,n,i);for(var o=new He(0,0,0,0),a=0;a<r.length;a++){var s=zr(r[a],e,n,i);0===a?o.copy(s):o.union(s)}return o}function Br(t,e,n,i){return"right"===n?i?t+=e:t-=e:"center"===n&&(i?t+=e/2:t-=e/2),t}function Vr(t,e,n,i){return"middle"===n?i?t+=e/2:t-=e/2:"bottom"===n&&(i?t+=e:t-=e),t}function Gr(t){return Lr(t).stWideCharWidth}function Fr(t,e){return"string"==typeof t?t.lastIndexOf("%")>=0?parseFloat(t)/100*e:parseFloat(t):t}function Wr(t,e,n){var i=e.position||"inside",r=null!=e.distance?e.distance:5,o=n.height,a=n.width,s=o/2,l=n.x,u=n.y,c="left",h="top";if(i instanceof Array)l+=Fr(i[0],n.width),u+=Fr(i[1],n.height),c=null,h=null;else switch(i){case"left":l-=r,u+=s,c="right",h="middle";break;case"right":l+=r+a,u+=s,h="middle";break;case"top":l+=a/2,u-=r,c="center",h="bottom";break;case"bottom":l+=a/2,u+=o+r,c="center";break;case"inside":l+=a/2,u+=s,c="center",h="middle";break;case"insideLeft":l+=r,u+=s,h="middle";break;case"insideRight":l+=a-r,u+=s,c="right",h="middle";break;case"insideTop":l+=a/2,u+=r,c="center";break;case"insideBottom":l+=a/2,u+=o-r,c="center",h="bottom";break;case"insideTopLeft":l+=r,u+=r;break;case"insideTopRight":l+=a-r,u+=r,c="right";break;case"insideBottomLeft":l+=r,u+=o-r,h="bottom";break;case"insideBottomRight":l+=a-r,u+=o-r,c="right",h="bottom"}return(t=t||{}).x=l,t.y=u,t.align=c,t.verticalAlign=h,t}var Hr="__zr_normal__",Ur=Ar.concat(["ignore"]),Yr=B(Ar,(function(t,e){return t[e]=!0,t}),{ignore:!1}),Xr={},Zr=new He(0,0,0,0),jr=[],qr=function(){function t(t){this.id=M(),this.animators=[],this.currentStates=[],this.states={},this._init(t)}return t.prototype._init=function(t){this.attr(t)},t.prototype.drift=function(t,e,n){switch(this.draggable){case"horizontal":e=0;break;case"vertical":t=0}var i=this.transform;i||(i=this.transform=[1,0,0,1,0,0]),i[4]+=t,i[5]+=e,this.decomposeTransform(),this.markRedraw()},t.prototype.beforeUpdate=function(){},t.prototype.afterUpdate=function(){},t.prototype.update=function(){this.updateTransform(),this.__dirty&&this.updateInnerText()},t.prototype.updateInnerText=function(t){var e=this._textContent;if(e&&(!e.ignore||t)){this.textConfig||(this.textConfig={});var n=this.textConfig,i=n.local,r=e.innerTransformable,o=void 0,a=void 0,s=!1;r.parent=i?this:null;var l=!1;r.copyTransform(e);var u=null!=n.position,c=n.autoOverflowArea,h=void 0;if((c||u)&&(h=Zr,n.layoutRect?h.copy(n.layoutRect):h.copy(this.getBoundingRect()),i||h.applyTransform(this.transform)),u){this.calculateTextPosition?this.calculateTextPosition(Xr,n,h):Wr(Xr,n,h),r.x=Xr.x,r.y=Xr.y,o=Xr.align,a=Xr.verticalAlign;var d=n.origin;if(d&&null!=n.rotation){var p=void 0,f=void 0;"center"===d?(p=.5*h.width,f=.5*h.height):(p=Fr(d[0],h.width),f=Fr(d[1],h.height)),l=!0,r.originX=-r.x+p+(i?0:h.x),r.originY=-r.y+f+(i?0:h.y)}}null!=n.rotation&&(r.rotation=n.rotation);var g=n.offset;g&&(r.x+=g[0],r.y+=g[1],l||(r.originX=-g[0],r.originY=-g[1]));var y=this._innerTextDefaultStyle||(this._innerTextDefaultStyle={});if(c){var v=y.overflowRect=y.overflowRect||new He(0,0,0,0);r.getLocalTransform(jr),Te(jr,jr),He.copy(v,h),v.applyTransform(jr)}else y.overflowRect=null;var m=void 0,x=void 0,_=void 0;(null==n.inside?"string"==typeof n.position&&n.position.indexOf("inside")>=0:n.inside)&&this.canBeInsideText()?(m=n.insideFill,x=n.insideStroke,null!=m&&"auto"!==m||(m=this.getInsideTextFill()),null!=x&&"auto"!==x||(x=this.getInsideTextStroke(m),_=!0)):(m=n.outsideFill,x=n.outsideStroke,null!=m&&"auto"!==m||(m=this.getOutsideFill()),null!=x&&"auto"!==x||(x=this.getOutsideStroke(m),_=!0)),(m=m||"#000")===y.fill&&x===y.stroke&&_===y.autoStroke&&o===y.align&&a===y.verticalAlign||(s=!0,y.fill=m,y.stroke=x,y.autoStroke=_,y.align=o,y.verticalAlign=a,e.setDefaultTextStyle(y)),e.__dirty|=1,s&&e.dirtyStyle(!0)}},t.prototype.canBeInsideText=function(){return!0},t.prototype.getInsideTextFill=function(){return"#fff"},t.prototype.getInsideTextStroke=function(t){return"#000"},t.prototype.getOutsideFill=function(){return this.__zr&&this.__zr.isDarkMode()?xr:mr},t.prototype.getOutsideStroke=function(t){var e=this.__zr&&this.__zr.getBackgroundColor(),n="string"==typeof e&&oi(e);n||(n=[255,255,255,1]);for(var i=n[3],r=this.__zr.isDarkMode(),o=0;o<3;o++)n[o]=n[o]*i+(r?0:255)*(1-i);return n[3]=1,fi(n,"rgba")},t.prototype.traverse=function(t,e){},t.prototype.attrKV=function(t,e){"textConfig"===t?this.setTextConfig(e):"textContent"===t?this.setTextContent(e):"clipPath"===t?this.setClipPath(e):"extra"===t?(this.extra=this.extra||{},A(this.extra,e)):this[t]=e},t.prototype.hide=function(){this.ignore=!0,this.markRedraw()},t.prototype.show=function(){this.ignore=!1,this.markRedraw()},t.prototype.attr=function(t,e){if("string"==typeof t)this.attrKV(t,e);else if(q(t))for(var n=F(t),i=0;i<n.length;i++){var r=n[i];this.attrKV(r,t[r])}return this.markRedraw(),this},t.prototype.saveCurrentToNormalState=function(t){this._innerSaveToNormal(t);for(var e=this._normalState,n=0;n<this.animators.length;n++){var i=this.animators[n],r=i.__fromStateTransition;if(!(i.getLoop()||r&&r!==Hr)){var o=i.targetName,a=o?e[o]:e;i.saveTo(a)}}},t.prototype._innerSaveToNormal=function(t){var e=this._normalState;e||(e=this._normalState={}),t.textConfig&&!e.textConfig&&(e.textConfig=this.textConfig),this._savePrimaryToNormal(t,e,Ur)},t.prototype._savePrimaryToNormal=function(t,e,n){for(var i=0;i<n.length;i++){var r=n[i];null==t[r]||r in e||(e[r]=this[r])}},t.prototype.hasState=function(){return this.currentStates.length>0},t.prototype.getState=function(t){return this.states[t]},t.prototype.ensureState=function(t){var e=this.states;return e[t]||(e[t]={}),e[t]},t.prototype.clearStates=function(t){this.useState(Hr,!1,t)},t.prototype.useState=function(t,e,n,i){var r=t===Hr;if(this.hasState()||!r){var o=this.currentStates,a=this.stateTransition;if(!(P(o,t)>=0)||!e&&1!==o.length){var s;if(this.stateProxy&&!r&&(s=this.stateProxy(t)),s||(s=this.states&&this.states[t]),s||r){r||this.saveCurrentToNormalState(s);var l=!!(s&&s.hoverLayer||i);l&&this._toggleHoverLayerFlag(!0),this._applyStateObj(t,s,this._normalState,e,!n&&!this.__inHover&&a&&a.duration>0,a);var u=this._textContent,c=this._textGuide;return u&&u.useState(t,e,n,l),c&&c.useState(t,e,n,l),r?(this.currentStates=[],this._normalState={}):e?this.currentStates.push(t):this.currentStates=[t],this._updateAnimationTargets(),this.markRedraw(),!l&&this.__inHover&&(this._toggleHoverLayerFlag(!1),this.__dirty&=-2),s}I("State "+t+" not exists.")}}},t.prototype.useStates=function(t,e,n){if(t.length){var i=[],r=this.currentStates,o=t.length,a=o===r.length;if(a)for(var s=0;s<o;s++)if(t[s]!==r[s]){a=!1;break}if(a)return;for(s=0;s<o;s++){var l=t[s],u=void 0;this.stateProxy&&(u=this.stateProxy(l,t)),u||(u=this.states[l]),u&&i.push(u)}var c=i[o-1],h=!!(c&&c.hoverLayer||n);h&&this._toggleHoverLayerFlag(!0);var d=this._mergeStates(i),p=this.stateTransition;this.saveCurrentToNormalState(d),this._applyStateObj(t.join(","),d,this._normalState,!1,!e&&!this.__inHover&&p&&p.duration>0,p);var f=this._textContent,g=this._textGuide;f&&f.useStates(t,e,h),g&&g.useStates(t,e,h),this._updateAnimationTargets(),this.currentStates=t.slice(),this.markRedraw(),!h&&this.__inHover&&(this._toggleHoverLayerFlag(!1),this.__dirty&=-2)}else this.clearStates()},t.prototype.isSilent=function(){for(var t=this;t;){if(t.silent)return!0;var e=t.__hostTarget;t=e?t.ignoreHostSilent?null:e:t.parent}return!1},t.prototype._updateAnimationTargets=function(){for(var t=0;t<this.animators.length;t++){var e=this.animators[t];e.targetName&&e.changeTarget(this[e.targetName])}},t.prototype.removeState=function(t){var e=P(this.currentStates,t);if(e>=0){var n=this.currentStates.slice();n.splice(e,1),this.useStates(n)}},t.prototype.replaceState=function(t,e,n){var i=this.currentStates.slice(),r=P(i,t),o=P(i,e)>=0;r>=0?o?i.splice(r,1):i[r]=e:n&&!o&&i.push(e),this.useStates(i)},t.prototype.toggleState=function(t,e){e?this.useState(t,!0):this.removeState(t)},t.prototype._mergeStates=function(t){for(var e,n={},i=0;i<t.length;i++){var r=t[i];A(n,r),r.textConfig&&A(e=e||{},r.textConfig)}return e&&(n.textConfig=e),n},t.prototype._applyStateObj=function(t,e,n,i,r,o){var a=!(e&&i);e&&e.textConfig?(this.textConfig=A({},i?this.textConfig:n.textConfig),A(this.textConfig,e.textConfig)):a&&n.textConfig&&(this.textConfig=n.textConfig);for(var s={},l=!1,u=0;u<Ur.length;u++){var c=Ur[u],h=r&&Yr[c];e&&null!=e[c]?h?(l=!0,s[c]=e[c]):this[c]=e[c]:a&&null!=n[c]&&(h?(l=!0,s[c]=n[c]):this[c]=n[c])}if(!r)for(u=0;u<this.animators.length;u++){var d=this.animators[u],p=d.targetName;d.getLoop()||d.__changeFinalValue(p?(e||n)[p]:e||n)}l&&this._transitionState(t,s,o)},t.prototype._attachComponent=function(t){if((!t.__zr||t.__hostTarget)&&t!==this){var e=this.__zr;e&&t.addSelfToZr(e),t.__zr=e,t.__hostTarget=this}},t.prototype._detachComponent=function(t){t.__zr&&t.removeSelfFromZr(t.__zr),t.__zr=null,t.__hostTarget=null},t.prototype.getClipPath=function(){return this._clipPath},t.prototype.setClipPath=function(t){this._clipPath&&this._clipPath!==t&&this.removeClipPath(),this._attachComponent(t),this._clipPath=t,this.markRedraw()},t.prototype.removeClipPath=function(){var t=this._clipPath;t&&(this._detachComponent(t),this._clipPath=null,this.markRedraw())},t.prototype.getTextContent=function(){return this._textContent},t.prototype.setTextContent=function(t){var e=this._textContent;e!==t&&(e&&e!==t&&this.removeTextContent(),t.innerTransformable=new Dr,this._attachComponent(t),this._textContent=t,this.markRedraw())},t.prototype.setTextConfig=function(t){this.textConfig||(this.textConfig={}),A(this.textConfig,t),this.markRedraw()},t.prototype.removeTextConfig=function(){this.textConfig=null,this.markRedraw()},t.prototype.removeTextContent=function(){var t=this._textContent;t&&(t.innerTransformable=null,this._detachComponent(t),this._textContent=null,this._innerTextDefaultStyle=null,this.markRedraw())},t.prototype.getTextGuideLine=function(){return this._textGuide},t.prototype.setTextGuideLine=function(t){this._textGuide&&this._textGuide!==t&&this.removeTextGuideLine(),this._attachComponent(t),this._textGuide=t,this.markRedraw()},t.prototype.removeTextGuideLine=function(){var t=this._textGuide;t&&(this._detachComponent(t),this._textGuide=null,this.markRedraw())},t.prototype.markRedraw=function(){this.__dirty|=1;var t=this.__zr;t&&(this.__inHover?t.refreshHover():t.refresh()),this.__hostTarget&&this.__hostTarget.markRedraw()},t.prototype.dirty=function(){this.markRedraw()},t.prototype._toggleHoverLayerFlag=function(t){this.__inHover=t;var e=this._textContent,n=this._textGuide;e&&(e.__inHover=t),n&&(n.__inHover=t)},t.prototype.addSelfToZr=function(t){if(this.__zr!==t){this.__zr=t;var e=this.animators;if(e)for(var n=0;n<e.length;n++)t.animation.addAnimator(e[n]);this._clipPath&&this._clipPath.addSelfToZr(t),this._textContent&&this._textContent.addSelfToZr(t),this._textGuide&&this._textGuide.addSelfToZr(t)}},t.prototype.removeSelfFromZr=function(t){if(this.__zr){this.__zr=null;var e=this.animators;if(e)for(var n=0;n<e.length;n++)t.animation.removeAnimator(e[n]);this._clipPath&&this._clipPath.removeSelfFromZr(t),this._textContent&&this._textContent.removeSelfFromZr(t),this._textGuide&&this._textGuide.removeSelfFromZr(t)}},t.prototype.animate=function(t,e,n){var i=t?this[t]:this;var r=new ji(i,e,n);return t&&(r.targetName=t),this.addAnimator(r,t),r},t.prototype.addAnimator=function(t,e){var n=this.__zr,i=this;t.during((function(){i.updateDuringAnimation(e)})).done((function(){var e=i.animators,n=P(e,t);n>=0&&e.splice(n,1)})),this.animators.push(t),n&&n.animation.addAnimator(t),n&&n.wakeUp()},t.prototype.updateDuringAnimation=function(t){this.markRedraw()},t.prototype.stopAnimation=function(t,e){for(var n=this.animators,i=n.length,r=[],o=0;o<i;o++){var a=n[o];t&&t!==a.scope?r.push(a):a.stop(e)}return this.animators=r,this},t.prototype.animateTo=function(t,e,n){Kr(this,t,e,n)},t.prototype.animateFrom=function(t,e,n){Kr(this,t,e,n,!0)},t.prototype._transitionState=function(t,e,n,i){for(var r=Kr(this,e,n,i),o=0;o<r.length;o++)r[o].__fromStateTransition=t},t.prototype.getBoundingRect=function(){return null},t.prototype.getPaintRect=function(){return null},t.initDefaultProps=function(){var e=t.prototype;e.type="element",e.name="",e.ignore=e.silent=e.ignoreHostSilent=e.isGroup=e.draggable=e.dragging=e.ignoreClip=e.__inHover=!1,e.__dirty=1;function n(t,n,i,r){function o(t,e){Object.defineProperty(e,0,{get:function(){return t[i]},set:function(e){t[i]=e}}),Object.defineProperty(e,1,{get:function(){return t[r]},set:function(e){t[r]=e}})}Object.defineProperty(e,t,{get:function(){this[n]||o(this,this[n]=[]);return this[n]},set:function(t){this[i]=t[0],this[r]=t[1],this[n]=t,o(this,t)}})}Object.defineProperty&&(n("position","_legacyPos","x","y"),n("scale","_legacyScale","scaleX","scaleY"),n("origin","_legacyOrigin","originX","originY"))}(),t}();function Kr(t,e,n,i,r){var o=[];Qr(t,"",t,e,n=n||{},i,o,r);var a=o.length,s=!1,l=n.done,u=n.aborted,c=function(){s=!0,--a<=0&&(s?l&&l():u&&u())},h=function(){--a<=0&&(s?l&&l():u&&u())};a||l&&l(),o.length>0&&n.during&&o[0].during((function(t,e){n.during(e)}));for(var d=0;d<o.length;d++){var p=o[d];c&&p.done(c),h&&p.aborted(h),n.force&&p.duration(n.duration),p.start(n.easing)}return o}function $r(t,e,n){for(var i=0;i<n;i++)t[i]=e[i]}function Jr(t,e,n){if(N(e[n]))if(N(t[n])||(t[n]=[]),$(e[n])){var i=e[n].length;t[n].length!==i&&(t[n]=new e[n].constructor(i),$r(t[n],e[n],i))}else{var r=e[n],o=t[n],a=r.length;if(N(r[0]))for(var s=r[0].length,l=0;l<a;l++)o[l]?$r(o[l],r[l],s):o[l]=Array.prototype.slice.call(r[l]);else $r(o,r,a);o.length=r.length}else t[n]=e[n]}function Qr(t,e,n,i,r,o,a,s){for(var l=F(i),u=r.duration,c=r.delay,h=r.additive,d=r.setToFinal,p=!q(o),f=t.animators,g=[],y=0;y<l.length;y++){var v=l[y],m=i[v];if(null!=m&&null!=n[v]&&(p||o[v]))if(!q(m)||N(m)||Q(m))g.push(v);else{if(e){s||(n[v]=m,t.updateDuringAnimation(e));continue}Qr(t,v,n[v],m,r,o&&o[v],a,s)}else s||(n[v]=m,t.updateDuringAnimation(e),g.push(v))}var x=g.length;if(!h&&x)for(var _=0;_<f.length;_++){if((w=f[_]).targetName===e)if(w.stopTracks(g)){var b=P(f,w);f.splice(b,1)}}if(r.force||(g=V(g,(function(t){return e=i[t],r=n[t],!(e===r||N(e)&&N(r)&&function(t,e){var n=t.length;if(n!==e.length)return!1;for(var i=0;i<n;i++)if(t[i]!==e[i])return!1;return!0}(e,r));var e,r})),x=g.length),x>0||r.force&&!a.length){var w,S=void 0,M=void 0,I=void 0;if(s){M={},d&&(S={});for(_=0;_<x;_++){M[v=g[_]]=n[v],d?S[v]=i[v]:n[v]=i[v]}}else if(d){I={};for(_=0;_<x;_++){I[v=g[_]]=Wi(n[v]),Jr(n,i,v)}}(w=new ji(n,!1,!1,h?V(f,(function(t){return t.targetName===e})):null)).targetName=e,r.scope&&(w.scope=r.scope),d&&S&&w.whenWithKeys(0,S,g),I&&w.whenWithKeys(0,I,g),w.whenWithKeys(null==u?500:u,s?M:i,g).delay(c||0),t.addAnimator(w,e),a.push(w)}}R(qr,qt),R(qr,Dr);var to=function(t){function e(e){var n=t.call(this)||this;return n.isGroup=!0,n._children=[],n.attr(e),n}return n(e,t),e.prototype.childrenRef=function(){return this._children},e.prototype.children=function(){return this._children.slice()},e.prototype.childAt=function(t){return this._children[t]},e.prototype.childOfName=function(t){for(var e=this._children,n=0;n<e.length;n++)if(e[n].name===t)return e[n]},e.prototype.childCount=function(){return this._children.length},e.prototype.add=function(t){return t&&t!==this&&t.parent!==this&&(this._children.push(t),this._doAdd(t)),this},e.prototype.addBefore=function(t,e){if(t&&t!==this&&t.parent!==this&&e&&e.parent===this){var n=this._children,i=n.indexOf(e);i>=0&&(n.splice(i,0,t),this._doAdd(t))}return this},e.prototype.replace=function(t,e){var n=P(this._children,t);return n>=0&&this.replaceAt(e,n),this},e.prototype.replaceAt=function(t,e){var n=this._children,i=n[e];if(t&&t!==this&&t.parent!==this&&t!==i){n[e]=t,i.parent=null;var r=this.__zr;r&&i.removeSelfFromZr(r),this._doAdd(t)}return this},e.prototype._doAdd=function(t){t.parent&&t.parent.remove(t),t.parent=this;var e=this.__zr;e&&e!==t.__zr&&t.addSelfToZr(e),e&&e.refresh()},e.prototype.remove=function(t){var e=this.__zr,n=this._children,i=P(n,t);return i<0||(n.splice(i,1),t.parent=null,e&&t.removeSelfFromZr(e),e&&e.refresh()),this},e.prototype.removeAll=function(){for(var t=this._children,e=this.__zr,n=0;n<t.length;n++){var i=t[n];e&&i.removeSelfFromZr(e),i.parent=null}return t.length=0,this},e.prototype.eachChild=function(t,e){for(var n=this._children,i=0;i<n.length;i++){var r=n[i];t.call(e,r,i)}return this},e.prototype.traverse=function(t,e){for(var n=0;n<this._children.length;n++){var i=this._children[n],r=t.call(e,i);i.isGroup&&!r&&i.traverse(t,e)}return this},e.prototype.addSelfToZr=function(e){t.prototype.addSelfToZr.call(this,e);for(var n=0;n<this._children.length;n++){this._children[n].addSelfToZr(e)}},e.prototype.removeSelfFromZr=function(e){t.prototype.removeSelfFromZr.call(this,e);for(var n=0;n<this._children.length;n++){this._children[n].removeSelfFromZr(e)}},e.prototype.getBoundingRect=function(t){for(var e=new He(0,0,0,0),n=t||this._children,i=[],r=null,o=0;o<n.length;o++){var a=n[o];if(!a.ignore&&!a.invisible){var s=a.getBoundingRect(),l=a.getLocalTransform(i);l?(He.applyTransform(e,s,l),(r=r||e.clone()).union(e)):(r=r||s.clone()).union(s)}}return r||e},e}(qr);to.prototype.type="group";
+/*!
+    * ZRender, a high performance 2d drawing library.
+    *
+    * Copyright (c) 2013, Baidu Inc.
+    * All rights reserved.
+    *
+    * LICENSE
+    * https://github.com/ecomfe/zrender/blob/master/LICENSE.txt
+    */
+var eo={},no={};var io,ro=function(){function t(t,e,n){var i=this;this._sleepAfterStill=10,this._stillFrameAccum=0,this._needsRefresh=!0,this._needsRefreshHover=!0,this._darkMode=!1,n=n||{},this.dom=e,this.id=t;var o=new fn,a=n.renderer||"canvas";eo[a]||(a=F(eo)[0]),n.useDirtyRect=null!=n.useDirtyRect&&n.useDirtyRect;var s=new eo[a](e,o,n,t),l=n.ssr||s.ssrOnly;this.storage=o,this.painter=s;var u,c=r.node||r.worker||l?null:new gr(s.getViewportRoot(),s.root),h=n.useCoarsePointer;(null==h||"auto"===h?r.touchEventsSupported:!!h)&&(u=rt(n.pointerSize,44)),this.handler=new tn(o,s,c,s.root,u),this.animation=new Ji({stage:{update:l?null:function(){return i._flush(!0)}}}),l||this.animation.start()}return t.prototype.add=function(t){!this._disposed&&t&&(this.storage.addRoot(t),t.addSelfToZr(this),this.refresh())},t.prototype.remove=function(t){!this._disposed&&t&&(this.storage.delRoot(t),t.removeSelfFromZr(this),this.refresh())},t.prototype.configLayer=function(t,e){this._disposed||(this.painter.configLayer&&this.painter.configLayer(t,e),this.refresh())},t.prototype.setBackgroundColor=function(t){this._disposed||(this.painter.setBackgroundColor&&this.painter.setBackgroundColor(t),this.refresh(),this._backgroundColor=t,this._darkMode=function(t){if(!t)return!1;if("string"==typeof t)return gi(t,1)<.4;if(t.colorStops){for(var e=t.colorStops,n=0,i=e.length,r=0;r<i;r++)n+=gi(e[r].color,1);return(n/=i)<.4}return!1}(t))},t.prototype.getBackgroundColor=function(){return this._backgroundColor},t.prototype.setDarkMode=function(t){this._darkMode=t},t.prototype.isDarkMode=function(){return this._darkMode},t.prototype.refreshImmediately=function(t){this._disposed||(t||this.animation.update(!0),this._needsRefresh=!1,this.painter.refresh(),this._needsRefresh=!1)},t.prototype.refresh=function(){this._disposed||(this._needsRefresh=!0,this.animation.start())},t.prototype.flush=function(){this._disposed||this._flush(!1)},t.prototype._flush=function(t){var e,n=qi();this._needsRefresh&&(e=!0,this.refreshImmediately(t)),this._needsRefreshHover&&(e=!0,this.refreshHoverImmediately());var i=qi();e?(this._stillFrameAccum=0,this.trigger("rendered",{elapsedTime:i-n})):this._sleepAfterStill>0&&(this._stillFrameAccum++,this._stillFrameAccum>this._sleepAfterStill&&this.animation.stop())},t.prototype.setSleepAfterStill=function(t){this._sleepAfterStill=t},t.prototype.wakeUp=function(){this._disposed||(this.animation.start(),this._stillFrameAccum=0)},t.prototype.refreshHover=function(){this._needsRefreshHover=!0},t.prototype.refreshHoverImmediately=function(){this._disposed||(this._needsRefreshHover=!1,this.painter.refreshHover&&"canvas"===this.painter.getType()&&this.painter.refreshHover())},t.prototype.resize=function(t){this._disposed||(t=t||{},this.painter.resize(t.width,t.height),this.handler.resize())},t.prototype.clearAnimation=function(){this._disposed||this.animation.clear()},t.prototype.getWidth=function(){if(!this._disposed)return this.painter.getWidth()},t.prototype.getHeight=function(){if(!this._disposed)return this.painter.getHeight()},t.prototype.setCursorStyle=function(t){this._disposed||this.handler.setCursorStyle(t)},t.prototype.findHover=function(t,e){if(!this._disposed)return this.handler.findHover(t,e)},t.prototype.on=function(t,e,n){return this._disposed||this.handler.on(t,e,n),this},t.prototype.off=function(t,e){this._disposed||this.handler.off(t,e)},t.prototype.trigger=function(t,e){this._disposed||this.handler.trigger(t,e)},t.prototype.clear=function(){if(!this._disposed){for(var t=this.storage.getRoots(),e=0;e<t.length;e++)t[e]instanceof to&&t[e].removeSelfFromZr(this);this.storage.delAllRoots(),this.painter.clear()}},t.prototype.dispose=function(){var t;this._disposed||(this.animation.stop(),this.clear(),this.storage.dispose(),this.painter.dispose(),this.handler.dispose(),this.animation=this.storage=this.painter=this.handler=null,this._disposed=!0,t=this.id,delete no[t])},t}();function oo(t,e){var n=new ro(M(),t,e);return no[n.id]=n,n}function ao(t,e){eo[t]=e}function so(t){if("function"==typeof io)return io(t)}function lo(t){io=t}var uo=Object.freeze({__proto__:null,init:oo,dispose:function(t){t.dispose()},disposeAll:function(){for(var t in no)no.hasOwnProperty(t)&&no[t].dispose();no={}},getInstance:function(t){return no[t]},registerPainter:ao,getElementSSRData:so,registerSSRDataGetter:lo,version:"6.0.0"}),co=1e-4;var ho=Math.min,po=Math.max,fo=Math.abs;function go(t,e,n,i){var r=e[0],o=e[1],a=n[0],s=n[1],l=o-r,u=s-a;if(0===l)return 0===u?a:(a+s)/2;if(i)if(l>0){if(t<=r)return a;if(t>=o)return s}else{if(t>=r)return a;if(t<=o)return s}else{if(t===r)return a;if(t===o)return s}return(t-r)/l*u+a}var yo=function(t,e,n){switch(t){case"center":case"middle":t="50%";break;case"left":case"top":t="0%";break;case"right":case"bottom":t="100%"}return vo(t,e,n)};function vo(t,e,n){return X(t)?(i=t,i.replace(/^\s+|\s+$/g,"")).match(/%$/)?parseFloat(t)/100*e+(n||0):parseFloat(t):null==t?NaN:+t;var i}function mo(t,e,n){return null==e&&(e=10),e=Math.min(Math.max(0,e),20),t=(+t).toFixed(e),n?t:+t}function xo(t){return t.sort((function(t,e){return t-e})),t}function _o(t){if(t=+t,isNaN(t))return 0;if(t>1e-14)for(var e=1,n=0;n<15;n++,e*=10)if(Math.round(t*e)/e===t)return n;return bo(t)}function bo(t){var e=t.toString().toLowerCase(),n=e.indexOf("e"),i=n>0?+e.slice(n+1):0,r=n>0?n:e.length,o=e.indexOf("."),a=o<0?0:r-1-o;return Math.max(0,a-i)}function wo(t,e){var n=Math.log,i=Math.LN10,r=Math.floor(n(t[1]-t[0])/i),o=Math.round(n(fo(e[1]-e[0]))/i),a=Math.min(Math.max(-r+o,0),20);return isFinite(a)?a:20}function So(t,e){var n=B(t,(function(t,e){return t+(isNaN(e)?0:e)}),0);if(0===n)return[];for(var i=Math.pow(10,e),r=E(t,(function(t){return(isNaN(t)?0:t)/n*i*100})),o=100*i,a=E(r,(function(t){return Math.floor(t)})),s=B(a,(function(t,e){return t+e}),0),l=E(r,(function(t,e){return t-a[e]}));s<o;){for(var u=Number.NEGATIVE_INFINITY,c=null,h=0,d=l.length;h<d;++h)l[h]>u&&(u=l[h],c=h);++a[c],l[c]=0,++s}return E(a,(function(t){return t/i}))}function Mo(t,e){var n=Math.max(_o(t),_o(e)),i=t+e;return n>20?i:mo(i,n)}var Io=9007199254740991;function To(t){var e=2*Math.PI;return(t%e+e)%e}function Co(t){return t>-1e-4&&t<co}var Do=/^(?:(\d{4})(?:[-\/](\d{1,2})(?:[-\/](\d{1,2})(?:[T ](\d{1,2})(?::(\d{1,2})(?::(\d{1,2})(?:[.,](\d+))?)?)?(Z|[\+\-]\d\d:?\d\d)?)?)?)?)?$/;function Ao(t){if(t instanceof Date)return t;if(X(t)){var e=Do.exec(t);if(!e)return new Date(NaN);if(e[8]){var n=+e[4]||0;return"Z"!==e[8].toUpperCase()&&(n-=+e[8].slice(0,3)),new Date(Date.UTC(+e[1],+(e[2]||1)-1,+e[3]||1,n,+(e[5]||0),+e[6]||0,e[7]?+e[7].substring(0,3):0))}return new Date(+e[1],+(e[2]||1)-1,+e[3]||1,+e[4]||0,+(e[5]||0),+e[6]||0,e[7]?+e[7].substring(0,3):0)}return null==t?new Date(NaN):new Date(Math.round(t))}function ko(t){return Math.pow(10,Lo(t))}function Lo(t){if(0===t)return 0;var e=Math.floor(Math.log(t)/Math.LN10);return t/Math.pow(10,e)>=10&&e++,e}function Po(t,e){var n=Lo(t),i=Math.pow(10,n),r=t/i;return t=(e?r<1.5?1:r<2.5?2:r<4?3:r<7?5:10:r<1?1:r<2?2:r<3?3:r<5?5:10)*i,n>=-20?+t.toFixed(n<0?-n:0):t}function Oo(t,e){var n=(t.length-1)*e+1,i=Math.floor(n),r=+t[i-1],o=n-i;return o?r+o*(t[i]-r):r}function Ro(t){t.sort((function(t,e){return s(t,e,0)?-1:1}));for(var e=-1/0,n=1,i=0;i<t.length;){for(var r=t[i].interval,o=t[i].close,a=0;a<2;a++)r[a]<=e&&(r[a]=e,o[a]=a?1:1-n),e=r[a],n=o[a];r[0]===r[1]&&o[0]*o[1]!=1?t.splice(i,1):i++}return t;function s(t,e,n){return t.interval[n]<e.interval[n]||t.interval[n]===e.interval[n]&&(t.close[n]-e.close[n]==(n?-1:1)||!n&&s(t,e,1))}}function No(t){var e=parseFloat(t);return e==t&&(0!==e||!X(t)||t.indexOf("x")<=0)?e:NaN}function zo(t){return!isNaN(No(t))}function Eo(){return Math.round(9*Math.random())}function Bo(t,e){return 0===e?t:Bo(e,t%e)}function Vo(t,e){return null==t?e:null==e?t:t*e/Bo(t,e)}var Go={},Fo="undefined"!=typeof console&&console.warn&&console.log;function Wo(t,e,n){if(Fo){if(n){if(Go[e])return;Go[e]=!0}console[t]("[ECharts] "+e)}}function Ho(t,e){Wo("error",t,e)}function Uo(t){0}function Yo(t){throw new Error(t)}function Xo(t,e,n){return(e-t)*n+t}var Zo="series\0",jo="\0_ec_\0";function qo(t){return t instanceof Array?t:null==t?[]:[t]}function Ko(t,e,n){if(t){t[e]=t[e]||{},t.emphasis=t.emphasis||{},t.emphasis[e]=t.emphasis[e]||{};for(var i=0,r=n.length;i<r;i++){var o=n[i];!t.emphasis[e].hasOwnProperty(o)&&t[e].hasOwnProperty(o)&&(t.emphasis[e][o]=t[e][o])}}}var $o=["fontStyle","fontWeight","fontSize","fontFamily","rich","tag","color","textBorderColor","textBorderWidth","width","height","lineHeight","align","verticalAlign","baseline","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY","textShadowColor","textShadowBlur","textShadowOffsetX","textShadowOffsetY","backgroundColor","borderColor","borderWidth","borderRadius","padding"];function Jo(t){return!q(t)||U(t)||t instanceof Date?t:t.value}function Qo(t){return q(t)&&!(t instanceof Array)}function ta(t,e,n){var i="normalMerge"===n,r="replaceMerge"===n,o="replaceAll"===n;t=t||[],e=(e||[]).slice();var a=yt();z(e,(function(t,n){q(t)||(e[n]=null)}));var s,l,u=function(t,e,n){var i=[];if("replaceAll"===n)return i;for(var r=0;r<t.length;r++){var o=t[r];o&&null!=o.id&&e.set(o.id,r),i.push({existing:"replaceMerge"===n||oa(o)?null:o,newOption:null,keyInfo:null,brandNew:null})}return i}(t,a,n);return(i||r)&&function(t,e,n,i){z(i,(function(r,o){if(r&&null!=r.id){var a=na(r.id),s=n.get(a);if(null!=s){var l=t[s];lt(!l.newOption,'Duplicated option on id "'+a+'".'),l.newOption=r,l.existing=e[s],i[o]=null}}}))}(u,t,a,e),i&&function(t,e){z(e,(function(n,i){if(n&&null!=n.name)for(var r=0;r<t.length;r++){var o=t[r].existing;if(!t[r].newOption&&o&&(null==o.id||null==n.id)&&!oa(n)&&!oa(o)&&ea("name",o,n))return t[r].newOption=n,void(e[i]=null)}}))}(u,e),i||r?function(t,e,n){z(e,(function(e){if(e){for(var i,r=0;(i=t[r])&&(i.newOption||oa(i.existing)||i.existing&&null!=e.id&&!ea("id",e,i.existing));)r++;i?(i.newOption=e,i.brandNew=n):t.push({newOption:e,brandNew:n,existing:null,keyInfo:null}),r++}}))}(u,e,r):o&&function(t,e){z(e,(function(e){t.push({newOption:e,brandNew:!0,existing:null,keyInfo:null})}))}(u,e),s=u,l=yt(),z(s,(function(t){var e=t.existing;e&&l.set(e.id,t)})),z(s,(function(t){var e=t.newOption;lt(!e||null==e.id||!l.get(e.id)||l.get(e.id)===t,"id duplicates: "+(e&&e.id)),e&&null!=e.id&&l.set(e.id,t),!t.keyInfo&&(t.keyInfo={})})),z(s,(function(t,e){var n=t.existing,i=t.newOption,r=t.keyInfo;if(q(i)){if(r.name=null!=i.name?na(i.name):n?n.name:Zo+e,n)r.id=na(n.id);else if(null!=i.id)r.id=na(i.id);else{var o=0;do{r.id="\0"+r.name+"\0"+o++}while(l.get(r.id))}l.set(r.id,t)}})),u}function ea(t,e,n){var i=ia(e[t],null),r=ia(n[t],null);return null!=i&&null!=r&&i===r}function na(t){return ia(t,"")}function ia(t,e){return null==t?e:X(t)?t:j(t)||Z(t)?t+"":e}function ra(t){var e=t.name;return!(!e||!e.indexOf(Zo))}function oa(t){return t&&null!=t.id&&0===na(t.id).indexOf(jo)}function aa(t,e){return null!=e.dataIndexInside?e.dataIndexInside:null!=e.dataIndex?U(e.dataIndex)?E(e.dataIndex,(function(e){return t.indexOfRawIndex(e)})):t.indexOfRawIndex(e.dataIndex):null!=e.name?U(e.name)?E(e.name,(function(e){return t.indexOfName(e)})):t.indexOfName(e.name):void 0}function sa(){var t="__ec_inner_"+la++;return function(e){return e[t]||(e[t]={})}}var la=Eo();function ua(t,e,n){var i=ca(e,n),r=i.mainTypeSpecified,o=i.queryOptionMap,a=i.others,s=n?n.defaultMainType:null;return!r&&s&&o.set(s,{}),o.each((function(e,i){var r=pa(t,i,e,{useDefault:s===i,enableAll:!n||null==n.enableAll||n.enableAll,enableNone:!n||null==n.enableNone||n.enableNone});a[i+"Models"]=r.models,a[i+"Model"]=r.models[0]})),a}function ca(t,e){var n;if(X(t)){var i={};i[t+"Index"]=0,n=i}else n=t;var r=yt(),o={},a=!1;return z(n,(function(t,n){if("dataIndex"!==n&&"dataIndexInside"!==n){var i=n.match(/^(\w+)(Index|Id|Name)$/)||[],s=i[1],l=(i[2]||"").toLowerCase();if(s&&l&&!(e&&e.includeMainTypes&&P(e.includeMainTypes,s)<0))a=a||!!s,(r.get(s)||r.set(s,{}))[l]=t}else o[n]=t})),{mainTypeSpecified:a,queryOptionMap:r,others:o}}var ha={useDefault:!0,enableAll:!1,enableNone:!1},da={useDefault:!1,enableAll:!0,enableNone:!0};function pa(t,e,n,i){i=i||ha;var r=n.index,o=n.id,a=n.name,s={models:null,specified:null!=r||null!=o||null!=a};if(!s.specified){var l=void 0;return s.models=i.useDefault&&(l=t.getComponent(e))?[l]:[],s}if("none"===r||!1===r){if(i.enableNone)return s.models=[],s;r=-1}return"all"===r&&(r=i.enableAll?o=a=null:-1),s.models=t.queryComponents({mainType:e,index:r,id:o,name:a}),s}function fa(t,e,n){t.setAttribute?t.setAttribute(e,n):t[e]=n}function ga(t,e){var n=yt(),i=[];return z(t,(function(t){var r=e(t);(n.get(r)||(i.push(r),n.set(r,[]))).push(t)})),{keys:i,buckets:n}}function ya(t,e,n,i,r){var o=null==e||"auto"===e;if(null==i)return i;if(j(i))return mo(f=Xo(n||0,i,r),o?Math.max(_o(n||0),_o(i)):e);if(X(i))return r<1?n:i;for(var a=[],s=n,l=i,u=Math.max(s?s.length:0,l.length),c=0;c<u;++c){var h=t.getDimensionInfo(c);if(h&&"ordinal"===h.type)a[c]=(r<1&&s?s:l)[c];else{var d=s&&s[c]?s[c]:0,p=l[c],f=Xo(d,p,r);a[c]=mo(f,o?Math.max(_o(d),_o(p)):e)}}return a}var va=function(){function t(){}return t.prototype.reset=function(t,e,n,i){return this._list=t,this._step=i=i||1,this._idx=e,this._end=null!=n?n:i>0?t.length:0,this.item=null,this.key=NaN,this},t.prototype.next=function(){return(this._step>0?this._idx<this._end:this._idx>=this._end)&&(this.item=this._list[this._idx],this.key=this._idx=this._idx+this._step,!0)},t}();function ma(t){t.option=t.parentModel=t.ecModel=null}var xa="___EC__COMPONENT__CONTAINER___",_a="___EC__EXTENDED_CLASS___";function ba(t){var e={main:"",sub:""};if(t){var n=t.split(".");e.main=n[0]||"",e.sub=n[1]||""}return e}function wa(t,e){t.$constructor=t,t.extend=function(t){var e,i,r=this;return Y(i=r)&&/^class\s/.test(Function.prototype.toString.call(i))?e=function(t){function e(){return t.apply(this,arguments)||this}return n(e,t),e}(r):(e=function(){(t.$constructor||r).apply(this,arguments)},O(e,this)),A(e.prototype,t),e[_a]=!0,e.extend=this.extend,e.superCall=Ia,e.superApply=Ta,e.superClass=r,e}}function Sa(t,e){t.extend=e.extend}var Ma=Math.round(10*Math.random());function Ia(t,e){for(var n=[],i=2;i<arguments.length;i++)n[i-2]=arguments[i];return this.superClass.prototype[e].apply(t,n)}function Ta(t,e,n){return this.superClass.prototype[e].apply(t,n)}function Ca(t){var e={};t.registerClass=function(t){var n,i=t.type||t.prototype.type;if(i){lt(/^[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)?$/.test(n=i),'componentType "'+n+'" illegal'),t.prototype.type=i;var r=ba(i);if(r.sub){if(r.sub!==xa){var o=function(t){var n=e[t.main];n&&n[xa]||((n=e[t.main]={})[xa]=!0);return n}(r);o[r.sub]=t}}else e[r.main]=t}return t},t.getClass=function(t,n,i){var r=e[t];if(r&&r[xa]&&(r=n?r[n]:null),i&&!r)throw new Error(n?"Component "+t+"."+(n||"")+" is used but not imported.":t+".type should be specified.");return r},t.getClassesByMainType=function(t){var n=ba(t),i=[],r=e[n.main];return r&&r[xa]?z(r,(function(t,e){e!==xa&&i.push(t)})):i.push(r),i},t.hasClass=function(t){var n=ba(t);return!!e[n.main]},t.getAllClassMainTypes=function(){var t=[];return z(e,(function(e,n){t.push(n)})),t},t.hasSubTypes=function(t){var n=ba(t),i=e[n.main];return i&&i[xa]}}function Da(t,e){for(var n=0;n<t.length;n++)t[n][1]||(t[n][1]=t[n][0]);return e=e||!1,function(n,i,r){for(var o={},a=0;a<t.length;a++){var s=t[a][1];if(!(i&&P(i,s)>=0||r&&P(r,s)<0)){var l=n.getShallow(s,e);null!=l&&(o[t[a][0]]=l)}}return o}}var Aa=Da([["fill","color"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["opacity"],["shadowColor"]]),ka=function(){function t(){}return t.prototype.getAreaStyle=function(t,e){return Aa(this,t,e)},t}(),La=new Xn(50);function Pa(t){if("string"==typeof t){var e=La.get(t);return e&&e.image}return t}function Oa(t,e,n,i,r){if(t){if("string"==typeof t){if(e&&e.__zrImageSrc===t||!n)return e;var o=La.get(t),a={hostEl:n,cb:i,cbPayload:r};return o?!Na(e=o.image)&&o.pending.push(a):((e=c.loadImage(t,Ra,Ra)).__zrImageSrc=t,La.put(t,e.__cachedImgObj={image:e,pending:[a]})),e}return t}return e}function Ra(){var t=this.__cachedImgObj;this.onload=this.onerror=this.__cachedImgObj=null;for(var e=0;e<t.pending.length;e++){var n=t.pending[e],i=n.cb;i&&i(this,n.cbPayload),n.hostEl.dirty()}t.pending.length=0}function Na(t){return t&&t.width&&t.height}var za=/\{([a-zA-Z0-9_]+)\|([^}]*)\}/g;function Ea(t,e,n,i,r,o){if(!n)return t.text="",void(t.isTruncated=!1);var a=(e+"").split("\n");o=Ba(n,i,r,o);for(var s=!1,l={},u=0,c=a.length;u<c;u++)Va(l,a[u],o),a[u]=l.textLine,s=s||l.isTruncated;t.text=a.join("\n"),t.isTruncated=s}function Ba(t,e,n,i){var r=A({},i=i||{});n=rt(n,"..."),r.maxIterations=rt(i.maxIterations,2);var o=r.minChar=rt(i.minChar,0),a=r.fontMeasureInfo=Lr(e),s=a.asciiCharWidth;r.placeholder=rt(i.placeholder,"");for(var l=t=Math.max(0,t-1),u=0;u<o&&l>=s;u++)l-=s;var c=Nr(a,n);return c>l&&(n="",c=0),l=t-c,r.ellipsis=n,r.ellipsisWidth=c,r.contentWidth=l,r.containerWidth=t,r}function Va(t,e,n){var i=n.containerWidth,r=n.contentWidth,o=n.fontMeasureInfo;if(!i)return t.textLine="",void(t.isTruncated=!1);var a=Nr(o,e);if(a<=i)return t.textLine=e,void(t.isTruncated=!1);for(var s=0;;s++){if(a<=r||s>=n.maxIterations){e+=n.ellipsis;break}var l=0===s?Ga(e,r,o):a>0?Math.floor(e.length*r/a):0;a=Nr(o,e=e.substr(0,l))}""===e&&(e=n.placeholder),t.textLine=e,t.isTruncated=!0}function Ga(t,e,n){for(var i=0,r=0,o=t.length;r<o&&i<e;r++)i+=Rr(n,t.charCodeAt(r));return r}var Fa=function(){},Wa=function(t){this.tokens=[],t&&(this.tokens=t)},Ha=function(){this.width=0,this.height=0,this.contentWidth=0,this.contentHeight=0,this.outerWidth=0,this.outerHeight=0,this.lines=[],this.isTruncated=!1};function Ua(t,e,n,i,r){var o,a,s=""===e,l=r&&n.rich[r]||{},u=t.lines,c=l.font||n.font,h=!1;if(i){var d=l.padding,p=d?d[1]+d[3]:0;if(null!=l.width&&"auto"!==l.width){var f=Fr(l.width,i.width)+p;u.length>0&&f+i.accumWidth>i.width&&(o=e.split("\n"),h=!0),i.accumWidth=f}else{var g=Za(e,c,i.width,i.breakAll,i.accumWidth);i.accumWidth=g.accumWidth+p,a=g.linesWidths,o=g.lines}}o||(o=e.split("\n"));for(var y=Lr(c),v=0;v<o.length;v++){var m=o[v],x=new Fa;if(x.styleName=r,x.text=m,x.isLineHolder=!m&&!s,"number"==typeof l.width?x.width=l.width:x.width=a?a[v]:Nr(y,m),v||h)u.push(new Wa([x]));else{var _=(u[u.length-1]||(u[0]=new Wa)).tokens,b=_.length;1===b&&_[0].isLineHolder?_[0]=x:(m||!b||s)&&_.push(x)}}}var Ya=B(",&?/;] ".split(""),(function(t,e){return t[e]=!0,t}),{});function Xa(t){return!function(t){var e=t.charCodeAt(0);return e>=32&&e<=591||e>=880&&e<=4351||e>=4608&&e<=5119||e>=7680&&e<=8303}(t)||!!Ya[t]}function Za(t,e,n,i,r){for(var o=[],a=[],s="",l="",u=0,c=0,h=Lr(e),d=0;d<t.length;d++){var p=t.charAt(d);if("\n"!==p){var f=Rr(h,p.charCodeAt(0)),g=!i&&!Xa(p);(o.length?c+f>n:r+c+f>n)?c?(s||l)&&(g?(s||(s=l,l="",c=u=0),o.push(s),a.push(c-u),l+=p,s="",c=u+=f):(l&&(s+=l,l="",u=0),o.push(s),a.push(c),s=p,c=f)):g?(o.push(l),a.push(u),l=p,u=f):(o.push(p),a.push(f)):(c+=f,g?(l+=p,u+=f):(l&&(s+=l,l="",u=0),s+=p))}else l&&(s+=l,c+=u),o.push(s),a.push(c),s="",l="",u=0,c=0}return l&&(s+=l),s&&(o.push(s),a.push(c)),1===o.length&&(c+=r),{accumWidth:c,lines:o,linesWidths:a}}function ja(t,e,n,i,r,o){if(t.baseX=n,t.baseY=i,t.outerWidth=t.outerHeight=null,e){var a=2*e.width,s=2*e.height;He.set(qa,Br(n,a,r),Vr(i,s,o),a,s),He.intersect(e,qa,null,Ka);var l=Ka.outIntersectRect;t.outerWidth=l.width,t.outerHeight=l.height,t.baseX=Br(l.x,l.width,r,!0),t.baseY=Vr(l.y,l.height,o,!0)}}var qa=new He(0,0,0,0),Ka={outIntersectRect:{},clamp:!0};function $a(t){return null!=t?t+="":t=""}function Ja(t,e,n,i){var r=new He(Br(t.x||0,e,t.textAlign),Vr(t.y||0,n,t.textBaseline),e,n),o=null!=i?i:Qa(t)?t.lineWidth:0;return o>0&&(r.x-=o/2,r.y-=o/2,r.width+=o,r.height+=o),r}function Qa(t){var e=t.stroke;return null!=e&&"none"!==e&&t.lineWidth>0}var ts="__zr_style_"+Math.round(10*Math.random()),es={shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,shadowColor:"#000",opacity:1,blend:"source-over"},ns={style:{shadowBlur:!0,shadowOffsetX:!0,shadowOffsetY:!0,shadowColor:!0,opacity:!0}};es[ts]=!0;var is=["z","z2","invisible"],rs=["invisible"],os=function(t){function e(e){return t.call(this,e)||this}var i;return n(e,t),e.prototype._init=function(e){for(var n=F(e),i=0;i<n.length;i++){var r=n[i];"style"===r?this.useStyle(e[r]):t.prototype.attrKV.call(this,r,e[r])}this.style||this.useStyle({})},e.prototype.beforeBrush=function(){},e.prototype.afterBrush=function(){},e.prototype.innerBeforeBrush=function(){},e.prototype.innerAfterBrush=function(){},e.prototype.shouldBePainted=function(t,e,n,i){var r=this.transform;if(this.ignore||this.invisible||0===this.style.opacity||this.culling&&function(t,e,n){as.copy(t.getBoundingRect()),t.transform&&as.applyTransform(t.transform);return ss.width=e,ss.height=n,!as.intersect(ss)}(this,t,e)||r&&!r[0]&&!r[3])return!1;if(n&&this.__clipPaths&&this.__clipPaths.length)for(var o=0;o<this.__clipPaths.length;++o)if(this.__clipPaths[o].isZeroArea())return!1;if(i&&this.parent)for(var a=this.parent;a;){if(a.ignore)return!1;a=a.parent}return!0},e.prototype.contain=function(t,e){return this.rectContain(t,e)},e.prototype.traverse=function(t,e){t.call(e,this)},e.prototype.rectContain=function(t,e){var n=this.transformCoordToLocal(t,e);return this.getBoundingRect().contain(n[0],n[1])},e.prototype.getPaintRect=function(){var t=this._paintRect;if(!this._paintRect||this.__dirty){var e=this.transform,n=this.getBoundingRect(),i=this.style,r=i.shadowBlur||0,o=i.shadowOffsetX||0,a=i.shadowOffsetY||0;t=this._paintRect||(this._paintRect=new He(0,0,0,0)),e?He.applyTransform(t,n,e):t.copy(n),(r||o||a)&&(t.width+=2*r+Math.abs(o),t.height+=2*r+Math.abs(a),t.x=Math.min(t.x,t.x+o-r),t.y=Math.min(t.y,t.y+a-r));var s=this.dirtyRectTolerance;t.isZero()||(t.x=Math.floor(t.x-s),t.y=Math.floor(t.y-s),t.width=Math.ceil(t.width+1+2*s),t.height=Math.ceil(t.height+1+2*s))}return t},e.prototype.setPrevPaintRect=function(t){t?(this._prevPaintRect=this._prevPaintRect||new He(0,0,0,0),this._prevPaintRect.copy(t)):this._prevPaintRect=null},e.prototype.getPrevPaintRect=function(){return this._prevPaintRect},e.prototype.animateStyle=function(t){return this.animate("style",t)},e.prototype.updateDuringAnimation=function(t){"style"===t?this.dirtyStyle():this.markRedraw()},e.prototype.attrKV=function(e,n){"style"!==e?t.prototype.attrKV.call(this,e,n):this.style?this.setStyle(n):this.useStyle(n)},e.prototype.setStyle=function(t,e){return"string"==typeof t?this.style[t]=e:A(this.style,t),this.dirtyStyle(),this},e.prototype.dirtyStyle=function(t){t||this.markRedraw(),this.__dirty|=2,this._rect&&(this._rect=null)},e.prototype.dirty=function(){this.dirtyStyle()},e.prototype.styleChanged=function(){return!!(2&this.__dirty)},e.prototype.styleUpdated=function(){this.__dirty&=-3},e.prototype.createStyle=function(t){return mt(es,t)},e.prototype.useStyle=function(t){t[ts]||(t=this.createStyle(t)),this.__inHover?this.__hoverStyle=t:this.style=t,this.dirtyStyle()},e.prototype.isStyleObject=function(t){return t[ts]},e.prototype._innerSaveToNormal=function(e){t.prototype._innerSaveToNormal.call(this,e);var n=this._normalState;e.style&&!n.style&&(n.style=this._mergeStyle(this.createStyle(),this.style)),this._savePrimaryToNormal(e,n,is)},e.prototype._applyStateObj=function(e,n,i,r,o,a){t.prototype._applyStateObj.call(this,e,n,i,r,o,a);var s,l=!(n&&r);if(n&&n.style?o?r?s=n.style:(s=this._mergeStyle(this.createStyle(),i.style),this._mergeStyle(s,n.style)):(s=this._mergeStyle(this.createStyle(),r?this.style:i.style),this._mergeStyle(s,n.style)):l&&(s=i.style),s)if(o){var u=this.style;if(this.style=this.createStyle(l?{}:u),l)for(var c=F(u),h=0;h<c.length;h++){(p=c[h])in s&&(s[p]=s[p],this.style[p]=u[p])}var d=F(s);for(h=0;h<d.length;h++){var p=d[h];this.style[p]=this.style[p]}this._transitionState(e,{style:s},a,this.getAnimationStyleProps())}else this.useStyle(s);var f=this.__inHover?rs:is;for(h=0;h<f.length;h++){p=f[h];n&&null!=n[p]?this[p]=n[p]:l&&null!=i[p]&&(this[p]=i[p])}},e.prototype._mergeStates=function(e){for(var n,i=t.prototype._mergeStates.call(this,e),r=0;r<e.length;r++){var o=e[r];o.style&&(n=n||{},this._mergeStyle(n,o.style))}return n&&(i.style=n),i},e.prototype._mergeStyle=function(t,e){return A(t,e),t},e.prototype.getAnimationStyleProps=function(){return ns},e.initDefaultProps=((i=e.prototype).type="displayable",i.invisible=!1,i.z=0,i.z2=0,i.zlevel=0,i.culling=!1,i.cursor="pointer",i.rectHover=!1,i.incremental=!1,i._rect=null,i.dirtyRectTolerance=0,void(i.__dirty=3)),e}(qr),as=new He(0,0,0,0),ss=new He(0,0,0,0);var ls=Math.min,us=Math.max,cs=Math.sin,hs=Math.cos,ds=2*Math.PI,ps=It(),fs=It(),gs=It();function ys(t,e,n){if(0!==t.length){for(var i=t[0],r=i[0],o=i[0],a=i[1],s=i[1],l=1;l<t.length;l++)i=t[l],r=ls(r,i[0]),o=us(o,i[0]),a=ls(a,i[1]),s=us(s,i[1]);e[0]=r,e[1]=a,n[0]=o,n[1]=s}}function vs(t,e,n,i,r,o){r[0]=ls(t,n),r[1]=ls(e,i),o[0]=us(t,n),o[1]=us(e,i)}var ms=[],xs=[];function _s(t,e,n,i,r,o,a,s,l,u){var c=Ln,h=Dn,d=c(t,n,r,a,ms);l[0]=1/0,l[1]=1/0,u[0]=-1/0,u[1]=-1/0;for(var p=0;p<d;p++){var f=h(t,n,r,a,ms[p]);l[0]=ls(f,l[0]),u[0]=us(f,u[0])}d=c(e,i,o,s,xs);for(p=0;p<d;p++){var g=h(e,i,o,s,xs[p]);l[1]=ls(g,l[1]),u[1]=us(g,u[1])}l[0]=ls(t,l[0]),u[0]=us(t,u[0]),l[0]=ls(a,l[0]),u[0]=us(a,u[0]),l[1]=ls(e,l[1]),u[1]=us(e,u[1]),l[1]=ls(s,l[1]),u[1]=us(s,u[1])}function bs(t,e,n,i,r,o,a,s){var l=En,u=Nn,c=us(ls(l(t,n,r),1),0),h=us(ls(l(e,i,o),1),0),d=u(t,n,r,c),p=u(e,i,o,h);a[0]=ls(t,r,d),a[1]=ls(e,o,p),s[0]=us(t,r,d),s[1]=us(e,o,p)}function ws(t,e,n,i,r,o,a,s,l){var u=Ut,c=Yt,h=Math.abs(r-o);if(h%ds<1e-4&&h>1e-4)return s[0]=t-n,s[1]=e-i,l[0]=t+n,void(l[1]=e+i);if(ps[0]=hs(r)*n+t,ps[1]=cs(r)*i+e,fs[0]=hs(o)*n+t,fs[1]=cs(o)*i+e,u(s,ps,fs),c(l,ps,fs),(r%=ds)<0&&(r+=ds),(o%=ds)<0&&(o+=ds),r>o&&!a?o+=ds:r<o&&a&&(r+=ds),a){var d=o;o=r,r=d}for(var p=0;p<o;p+=Math.PI/2)p>r&&(gs[0]=hs(p)*n+t,gs[1]=cs(p)*i+e,u(s,gs,s),c(l,gs,l))}var Ss={M:1,L:2,C:3,Q:4,A:5,Z:6,R:7},Ms=[],Is=[],Ts=[],Cs=[],Ds=[],As=[],ks=Math.min,Ls=Math.max,Ps=Math.cos,Os=Math.sin,Rs=Math.abs,Ns=Math.PI,zs=2*Ns,Es="undefined"!=typeof Float32Array,Bs=[];function Vs(t){return Math.round(t/Ns*1e8)/1e8%2*Ns}function Gs(t,e){var n=Vs(t[0]);n<0&&(n+=zs);var i=n-t[0],r=t[1];r+=i,!e&&r-n>=zs?r=n+zs:e&&n-r>=zs?r=n-zs:!e&&n>r?r=n+(zs-Vs(n-r)):e&&n<r&&(r=n-(zs-Vs(r-n))),t[0]=n,t[1]=r}var Fs=function(){function t(t){this.dpr=1,this._xi=0,this._yi=0,this._x0=0,this._y0=0,this._len=0,t&&(this._saveData=!1),this._saveData&&(this.data=[])}var e;return t.prototype.increaseVersion=function(){this._version++},t.prototype.getVersion=function(){return this._version},t.prototype.setScale=function(t,e,n){(n=n||0)>0&&(this._ux=Rs(n/vr/t)||0,this._uy=Rs(n/vr/e)||0)},t.prototype.setDPR=function(t){this.dpr=t},t.prototype.setContext=function(t){this._ctx=t},t.prototype.getContext=function(){return this._ctx},t.prototype.beginPath=function(){return this._ctx&&this._ctx.beginPath(),this.reset(),this},t.prototype.reset=function(){this._saveData&&(this._len=0),this._pathSegLen&&(this._pathSegLen=null,this._pathLen=0),this._version++},t.prototype.moveTo=function(t,e){return this._drawPendingPt(),this.addData(Ss.M,t,e),this._ctx&&this._ctx.moveTo(t,e),this._x0=t,this._y0=e,this._xi=t,this._yi=e,this},t.prototype.lineTo=function(t,e){var n=Rs(t-this._xi),i=Rs(e-this._yi),r=n>this._ux||i>this._uy;if(this.addData(Ss.L,t,e),this._ctx&&r&&this._ctx.lineTo(t,e),r)this._xi=t,this._yi=e,this._pendingPtDist=0;else{var o=n*n+i*i;o>this._pendingPtDist&&(this._pendingPtX=t,this._pendingPtY=e,this._pendingPtDist=o)}return this},t.prototype.bezierCurveTo=function(t,e,n,i,r,o){return this._drawPendingPt(),this.addData(Ss.C,t,e,n,i,r,o),this._ctx&&this._ctx.bezierCurveTo(t,e,n,i,r,o),this._xi=r,this._yi=o,this},t.prototype.quadraticCurveTo=function(t,e,n,i){return this._drawPendingPt(),this.addData(Ss.Q,t,e,n,i),this._ctx&&this._ctx.quadraticCurveTo(t,e,n,i),this._xi=n,this._yi=i,this},t.prototype.arc=function(t,e,n,i,r,o){this._drawPendingPt(),Bs[0]=i,Bs[1]=r,Gs(Bs,o),i=Bs[0];var a=(r=Bs[1])-i;return this.addData(Ss.A,t,e,n,n,i,a,0,o?0:1),this._ctx&&this._ctx.arc(t,e,n,i,r,o),this._xi=Ps(r)*n+t,this._yi=Os(r)*n+e,this},t.prototype.arcTo=function(t,e,n,i,r){return this._drawPendingPt(),this._ctx&&this._ctx.arcTo(t,e,n,i,r),this},t.prototype.rect=function(t,e,n,i){return this._drawPendingPt(),this._ctx&&this._ctx.rect(t,e,n,i),this.addData(Ss.R,t,e,n,i),this},t.prototype.closePath=function(){this._drawPendingPt(),this.addData(Ss.Z);var t=this._ctx,e=this._x0,n=this._y0;return t&&t.closePath(),this._xi=e,this._yi=n,this},t.prototype.fill=function(t){t&&t.fill(),this.toStatic()},t.prototype.stroke=function(t){t&&t.stroke(),this.toStatic()},t.prototype.len=function(){return this._len},t.prototype.setData=function(t){if(this._saveData){var e=t.length;this.data&&this.data.length===e||!Es||(this.data=new Float32Array(e));for(var n=0;n<e;n++)this.data[n]=t[n];this._len=e}},t.prototype.appendPath=function(t){if(this._saveData){t instanceof Array||(t=[t]);for(var e=t.length,n=0,i=this._len,r=0;r<e;r++)n+=t[r].len();var o=this.data;if(Es&&(o instanceof Float32Array||!o)&&(this.data=new Float32Array(i+n),i>0&&o))for(var a=0;a<i;a++)this.data[a]=o[a];for(r=0;r<e;r++){var s=t[r].data;for(a=0;a<s.length;a++)this.data[i++]=s[a]}this._len=i}},t.prototype.addData=function(t,e,n,i,r,o,a,s,l){if(this._saveData){var u=this.data;this._len+arguments.length>u.length&&(this._expandData(),u=this.data);for(var c=0;c<arguments.length;c++)u[this._len++]=arguments[c]}},t.prototype._drawPendingPt=function(){this._pendingPtDist>0&&(this._ctx&&this._ctx.lineTo(this._pendingPtX,this._pendingPtY),this._pendingPtDist=0)},t.prototype._expandData=function(){if(!(this.data instanceof Array)){for(var t=[],e=0;e<this._len;e++)t[e]=this.data[e];this.data=t}},t.prototype.toStatic=function(){if(this._saveData){this._drawPendingPt();var t=this.data;t instanceof Array&&(t.length=this._len,Es&&this._len>11&&(this.data=new Float32Array(t)))}},t.prototype.getBoundingRect=function(){Ts[0]=Ts[1]=Ds[0]=Ds[1]=Number.MAX_VALUE,Cs[0]=Cs[1]=As[0]=As[1]=-Number.MAX_VALUE;var t,e=this.data,n=0,i=0,r=0,o=0;for(t=0;t<this._len;){var a=e[t++],s=1===t;switch(s&&(r=n=e[t],o=i=e[t+1]),a){case Ss.M:n=r=e[t++],i=o=e[t++],Ds[0]=r,Ds[1]=o,As[0]=r,As[1]=o;break;case Ss.L:vs(n,i,e[t],e[t+1],Ds,As),n=e[t++],i=e[t++];break;case Ss.C:_s(n,i,e[t++],e[t++],e[t++],e[t++],e[t],e[t+1],Ds,As),n=e[t++],i=e[t++];break;case Ss.Q:bs(n,i,e[t++],e[t++],e[t],e[t+1],Ds,As),n=e[t++],i=e[t++];break;case Ss.A:var l=e[t++],u=e[t++],c=e[t++],h=e[t++],d=e[t++],p=e[t++]+d;t+=1;var f=!e[t++];s&&(r=Ps(d)*c+l,o=Os(d)*h+u),ws(l,u,c,h,d,p,f,Ds,As),n=Ps(p)*c+l,i=Os(p)*h+u;break;case Ss.R:vs(r=n=e[t++],o=i=e[t++],r+e[t++],o+e[t++],Ds,As);break;case Ss.Z:n=r,i=o}Ut(Ts,Ts,Ds),Yt(Cs,Cs,As)}return 0===t&&(Ts[0]=Ts[1]=Cs[0]=Cs[1]=0),new He(Ts[0],Ts[1],Cs[0]-Ts[0],Cs[1]-Ts[1])},t.prototype._calculateLength=function(){var t=this.data,e=this._len,n=this._ux,i=this._uy,r=0,o=0,a=0,s=0;this._pathSegLen||(this._pathSegLen=[]);for(var l=this._pathSegLen,u=0,c=0,h=0;h<e;){var d=t[h++],p=1===h;p&&(a=r=t[h],s=o=t[h+1]);var f=-1;switch(d){case Ss.M:r=a=t[h++],o=s=t[h++];break;case Ss.L:var g=t[h++],y=(x=t[h++])-o;(Rs(A=g-r)>n||Rs(y)>i||h===e-1)&&(f=Math.sqrt(A*A+y*y),r=g,o=x);break;case Ss.C:var v=t[h++],m=t[h++],x=(g=t[h++],t[h++]),_=t[h++],b=t[h++];f=Rn(r,o,v,m,g,x,_,b,10),r=_,o=b;break;case Ss.Q:f=Gn(r,o,v=t[h++],m=t[h++],g=t[h++],x=t[h++],10),r=g,o=x;break;case Ss.A:var w=t[h++],S=t[h++],M=t[h++],I=t[h++],T=t[h++],C=t[h++],D=C+T;h+=1,p&&(a=Ps(T)*M+w,s=Os(T)*I+S),f=Ls(M,I)*ks(zs,Math.abs(C)),r=Ps(D)*M+w,o=Os(D)*I+S;break;case Ss.R:a=r=t[h++],s=o=t[h++],f=2*t[h++]+2*t[h++];break;case Ss.Z:var A=a-r;y=s-o;f=Math.sqrt(A*A+y*y),r=a,o=s}f>=0&&(l[c++]=f,u+=f)}return this._pathLen=u,u},t.prototype.rebuildPath=function(t,e){var n,i,r,o,a,s,l,u,c,h,d=this.data,p=this._ux,f=this._uy,g=this._len,y=e<1,v=0,m=0,x=0;if(!y||(this._pathSegLen||this._calculateLength(),l=this._pathSegLen,u=e*this._pathLen))t:for(var _=0;_<g;){var b=d[_++],w=1===_;switch(w&&(n=r=d[_],i=o=d[_+1]),b!==Ss.L&&x>0&&(t.lineTo(c,h),x=0),b){case Ss.M:n=r=d[_++],i=o=d[_++],t.moveTo(r,o);break;case Ss.L:a=d[_++],s=d[_++];var S=Rs(a-r),M=Rs(s-o);if(S>p||M>f){if(y){if(v+(j=l[m++])>u){var I=(u-v)/j;t.lineTo(r*(1-I)+a*I,o*(1-I)+s*I);break t}v+=j}t.lineTo(a,s),r=a,o=s,x=0}else{var T=S*S+M*M;T>x&&(c=a,h=s,x=T)}break;case Ss.C:var C=d[_++],D=d[_++],A=d[_++],k=d[_++],L=d[_++],P=d[_++];if(y){if(v+(j=l[m++])>u){Pn(r,C,A,L,I=(u-v)/j,Ms),Pn(o,D,k,P,I,Is),t.bezierCurveTo(Ms[1],Is[1],Ms[2],Is[2],Ms[3],Is[3]);break t}v+=j}t.bezierCurveTo(C,D,A,k,L,P),r=L,o=P;break;case Ss.Q:C=d[_++],D=d[_++],A=d[_++],k=d[_++];if(y){if(v+(j=l[m++])>u){Bn(r,C,A,I=(u-v)/j,Ms),Bn(o,D,k,I,Is),t.quadraticCurveTo(Ms[1],Is[1],Ms[2],Is[2]);break t}v+=j}t.quadraticCurveTo(C,D,A,k),r=A,o=k;break;case Ss.A:var O=d[_++],R=d[_++],N=d[_++],z=d[_++],E=d[_++],B=d[_++],V=d[_++],G=!d[_++],F=N>z?N:z,W=Rs(N-z)>.001,H=E+B,U=!1;if(y)v+(j=l[m++])>u&&(H=E+B*(u-v)/j,U=!0),v+=j;if(W&&t.ellipse?t.ellipse(O,R,N,z,V,E,H,G):t.arc(O,R,F,E,H,G),U)break t;w&&(n=Ps(E)*N+O,i=Os(E)*z+R),r=Ps(H)*N+O,o=Os(H)*z+R;break;case Ss.R:n=r=d[_],i=o=d[_+1],a=d[_++],s=d[_++];var Y=d[_++],X=d[_++];if(y){if(v+(j=l[m++])>u){var Z=u-v;t.moveTo(a,s),t.lineTo(a+ks(Z,Y),s),(Z-=Y)>0&&t.lineTo(a+Y,s+ks(Z,X)),(Z-=X)>0&&t.lineTo(a+Ls(Y-Z,0),s+X),(Z-=Y)>0&&t.lineTo(a,s+Ls(X-Z,0));break t}v+=j}t.rect(a,s,Y,X);break;case Ss.Z:if(y){var j;if(v+(j=l[m++])>u){I=(u-v)/j;t.lineTo(r*(1-I)+n*I,o*(1-I)+i*I);break t}v+=j}t.closePath(),r=n,o=i}}},t.prototype.clone=function(){var e=new t,n=this.data;return e.data=n.slice?n.slice():Array.prototype.slice.call(n),e._len=this._len,e},t.prototype.canSave=function(){return!!this._saveData},t.CMD=Ss,t.initDefaultProps=((e=t.prototype)._saveData=!0,e._ux=0,e._uy=0,e._pendingPtDist=0,void(e._version=0)),t}();function Ws(t,e,n,i,r,o,a){if(0===r)return!1;var s=r,l=0;if(a>e+s&&a>i+s||a<e-s&&a<i-s||o>t+s&&o>n+s||o<t-s&&o<n-s)return!1;if(t===n)return Math.abs(o-t)<=s/2;var u=(l=(e-i)/(t-n))*o-a+(t*i-n*e)/(t-n);return u*u/(l*l+1)<=s/2*s/2}function Hs(t,e,n,i,r,o,a,s,l,u,c){if(0===l)return!1;var h=l;return!(c>e+h&&c>i+h&&c>o+h&&c>s+h||c<e-h&&c<i-h&&c<o-h&&c<s-h||u>t+h&&u>n+h&&u>r+h&&u>a+h||u<t-h&&u<n-h&&u<r-h&&u<a-h)&&On(t,e,n,i,r,o,a,s,u,c,null)<=h/2}function Us(t,e,n,i,r,o,a,s,l){if(0===a)return!1;var u=a;return!(l>e+u&&l>i+u&&l>o+u||l<e-u&&l<i-u&&l<o-u||s>t+u&&s>n+u&&s>r+u||s<t-u&&s<n-u&&s<r-u)&&Vn(t,e,n,i,r,o,s,l,null)<=u/2}var Ys=2*Math.PI;function Xs(t){return(t%=Ys)<0&&(t+=Ys),t}var Zs=2*Math.PI;function js(t,e,n,i,r,o,a,s,l){if(0===a)return!1;var u=a;s-=t,l-=e;var c=Math.sqrt(s*s+l*l);if(c-u>n||c+u<n)return!1;if(Math.abs(i-r)%Zs<1e-4)return!0;if(o){var h=i;i=Xs(r),r=Xs(h)}else i=Xs(i),r=Xs(r);i>r&&(r+=Zs);var d=Math.atan2(l,s);return d<0&&(d+=Zs),d>=i&&d<=r||d+Zs>=i&&d+Zs<=r}function qs(t,e,n,i,r,o){if(o>e&&o>i||o<e&&o<i)return 0;if(i===e)return 0;var a=(o-e)/(i-e),s=i<e?1:-1;1!==a&&0!==a||(s=i<e?.5:-.5);var l=a*(n-t)+t;return l===r?1/0:l>r?s:0}var Ks=Fs.CMD,$s=2*Math.PI;var Js=[-1,-1,-1],Qs=[-1,-1];function tl(t,e,n,i,r,o,a,s,l,u){if(u>e&&u>i&&u>o&&u>s||u<e&&u<i&&u<o&&u<s)return 0;var c,h=kn(e,i,o,s,u,Js);if(0===h)return 0;for(var d=0,p=-1,f=void 0,g=void 0,y=0;y<h;y++){var v=Js[y],m=0===v||1===v?.5:1;Dn(t,n,r,a,v)<l||(p<0&&(p=Ln(e,i,o,s,Qs),Qs[1]<Qs[0]&&p>1&&(c=void 0,c=Qs[0],Qs[0]=Qs[1],Qs[1]=c),f=Dn(e,i,o,s,Qs[0]),p>1&&(g=Dn(e,i,o,s,Qs[1]))),2===p?v<Qs[0]?d+=f<e?m:-m:v<Qs[1]?d+=g<f?m:-m:d+=s<g?m:-m:v<Qs[0]?d+=f<e?m:-m:d+=s<f?m:-m)}return d}function el(t,e,n,i,r,o,a,s){if(s>e&&s>i&&s>o||s<e&&s<i&&s<o)return 0;var l=function(t,e,n,i,r){var o=t-2*e+n,a=2*(e-t),s=t-i,l=0;if(Tn(o))Cn(a)&&(c=-s/a)>=0&&c<=1&&(r[l++]=c);else{var u=a*a-4*o*s;if(Tn(u))(c=-a/(2*o))>=0&&c<=1&&(r[l++]=c);else if(u>0){var c,h=mn(u),d=(-a-h)/(2*o);(c=(-a+h)/(2*o))>=0&&c<=1&&(r[l++]=c),d>=0&&d<=1&&(r[l++]=d)}}return l}(e,i,o,s,Js);if(0===l)return 0;var u=En(e,i,o);if(u>=0&&u<=1){for(var c=0,h=Nn(e,i,o,u),d=0;d<l;d++){var p=0===Js[d]||1===Js[d]?.5:1;Nn(t,n,r,Js[d])<a||(Js[d]<u?c+=h<e?p:-p:c+=o<h?p:-p)}return c}p=0===Js[0]||1===Js[0]?.5:1;return Nn(t,n,r,Js[0])<a?0:o<e?p:-p}function nl(t,e,n,i,r,o,a,s){if((s-=e)>n||s<-n)return 0;var l=Math.sqrt(n*n-s*s);Js[0]=-l,Js[1]=l;var u=Math.abs(i-r);if(u<1e-4)return 0;if(u>=$s-1e-4){i=0,r=$s;var c=o?1:-1;return a>=Js[0]+t&&a<=Js[1]+t?c:0}if(i>r){var h=i;i=r,r=h}i<0&&(i+=$s,r+=$s);for(var d=0,p=0;p<2;p++){var f=Js[p];if(f+t>a){var g=Math.atan2(s,f);c=o?1:-1;g<0&&(g=$s+g),(g>=i&&g<=r||g+$s>=i&&g+$s<=r)&&(g>Math.PI/2&&g<1.5*Math.PI&&(c=-c),d+=c)}}return d}function il(t,e,n,i,r){for(var o,a,s,l,u=t.data,c=t.len(),h=0,d=0,p=0,f=0,g=0,y=0;y<c;){var v=u[y++],m=1===y;switch(v===Ks.M&&y>1&&(n||(h+=qs(d,p,f,g,i,r))),m&&(f=d=u[y],g=p=u[y+1]),v){case Ks.M:d=f=u[y++],p=g=u[y++];break;case Ks.L:if(n){if(Ws(d,p,u[y],u[y+1],e,i,r))return!0}else h+=qs(d,p,u[y],u[y+1],i,r)||0;d=u[y++],p=u[y++];break;case Ks.C:if(n){if(Hs(d,p,u[y++],u[y++],u[y++],u[y++],u[y],u[y+1],e,i,r))return!0}else h+=tl(d,p,u[y++],u[y++],u[y++],u[y++],u[y],u[y+1],i,r)||0;d=u[y++],p=u[y++];break;case Ks.Q:if(n){if(Us(d,p,u[y++],u[y++],u[y],u[y+1],e,i,r))return!0}else h+=el(d,p,u[y++],u[y++],u[y],u[y+1],i,r)||0;d=u[y++],p=u[y++];break;case Ks.A:var x=u[y++],_=u[y++],b=u[y++],w=u[y++],S=u[y++],M=u[y++];y+=1;var I=!!(1-u[y++]);o=Math.cos(S)*b+x,a=Math.sin(S)*w+_,m?(f=o,g=a):h+=qs(d,p,o,a,i,r);var T=(i-x)*w/b+x;if(n){if(js(x,_,w,S,S+M,I,e,T,r))return!0}else h+=nl(x,_,w,S,S+M,I,T,r);d=Math.cos(S+M)*b+x,p=Math.sin(S+M)*w+_;break;case Ks.R:if(f=d=u[y++],g=p=u[y++],o=f+u[y++],a=g+u[y++],n){if(Ws(f,g,o,g,e,i,r)||Ws(o,g,o,a,e,i,r)||Ws(o,a,f,a,e,i,r)||Ws(f,a,f,g,e,i,r))return!0}else h+=qs(o,g,o,a,i,r),h+=qs(f,a,f,g,i,r);break;case Ks.Z:if(n){if(Ws(d,p,f,g,e,i,r))return!0}else h+=qs(d,p,f,g,i,r);d=f,p=g}}return n||(s=p,l=g,Math.abs(s-l)<1e-4)||(h+=qs(d,p,f,g,i,r)||0),0!==h}var rl=k({fill:"#000",stroke:null,strokePercent:1,fillOpacity:1,strokeOpacity:1,lineDashOffset:0,lineWidth:1,lineCap:"butt",miterLimit:10,strokeNoScale:!1,strokeFirst:!1},es),ol={style:k({fill:!0,stroke:!0,strokePercent:!0,fillOpacity:!0,strokeOpacity:!0,lineDashOffset:!0,lineWidth:!0,miterLimit:!0},ns.style)},al=Ar.concat(["invisible","culling","z","z2","zlevel","parent"]),sl=function(t){function e(e){return t.call(this,e)||this}var i;return n(e,t),e.prototype.update=function(){var n=this;t.prototype.update.call(this);var i=this.style;if(i.decal){var r=this._decalEl=this._decalEl||new e;r.buildPath===e.prototype.buildPath&&(r.buildPath=function(t){n.buildPath(t,n.shape)}),r.silent=!0;var o=r.style;for(var a in i)o[a]!==i[a]&&(o[a]=i[a]);o.fill=i.fill?i.decal:null,o.decal=null,o.shadowColor=null,i.strokeFirst&&(o.stroke=null);for(var s=0;s<al.length;++s)r[al[s]]=this[al[s]];r.__dirty|=1}else this._decalEl&&(this._decalEl=null)},e.prototype.getDecalElement=function(){return this._decalEl},e.prototype._init=function(e){var n=F(e);this.shape=this.getDefaultShape();var i=this.getDefaultStyle();i&&this.useStyle(i);for(var r=0;r<n.length;r++){var o=n[r],a=e[o];"style"===o?this.style?A(this.style,a):this.useStyle(a):"shape"===o?A(this.shape,a):t.prototype.attrKV.call(this,o,a)}this.style||this.useStyle({})},e.prototype.getDefaultStyle=function(){return null},e.prototype.getDefaultShape=function(){return{}},e.prototype.canBeInsideText=function(){return this.hasFill()},e.prototype.getInsideTextFill=function(){var t=this.style.fill;if("none"!==t){if(X(t)){var e=gi(t,0);return e>.5?mr:e>.2?"#eee":xr}if(t)return xr}return mr},e.prototype.getInsideTextStroke=function(t){var e=this.style.fill;if(X(e)){var n=this.__zr;if(!(!n||!n.isDarkMode())===gi(t,0)<.4)return e}},e.prototype.buildPath=function(t,e,n){},e.prototype.pathUpdated=function(){this.__dirty&=-5},e.prototype.getUpdatedPathProxy=function(t){return!this.path&&this.createPathProxy(),this.path.beginPath(),this.buildPath(this.path,this.shape,t),this.path},e.prototype.createPathProxy=function(){this.path=new Fs(!1)},e.prototype.hasStroke=function(){var t=this.style,e=t.stroke;return!(null==e||"none"===e||!(t.lineWidth>0))},e.prototype.hasFill=function(){var t=this.style.fill;return null!=t&&"none"!==t},e.prototype.getBoundingRect=function(){var t=this._rect,e=this.style,n=!t;if(n){var i=!1;this.path||(i=!0,this.createPathProxy());var r=this.path;(i||4&this.__dirty)&&(r.beginPath(),this.buildPath(r,this.shape,!1),this.pathUpdated()),t=r.getBoundingRect()}if(this._rect=t,this.hasStroke()&&this.path&&this.path.len()>0){var o=this._rectStroke||(this._rectStroke=t.clone());if(this.__dirty||n){o.copy(t);var a=e.strokeNoScale?this.getLineScale():1,s=e.lineWidth;if(!this.hasFill()){var l=this.strokeContainThreshold;s=Math.max(s,null==l?4:l)}a>1e-10&&(o.width+=s/a,o.height+=s/a,o.x-=s/a/2,o.y-=s/a/2)}return o}return t},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e),i=this.getBoundingRect(),r=this.style;if(t=n[0],e=n[1],i.contain(t,e)){var o=this.path;if(this.hasStroke()){var a=r.lineWidth,s=r.strokeNoScale?this.getLineScale():1;if(s>1e-10&&(this.hasFill()||(a=Math.max(a,this.strokeContainThreshold)),function(t,e,n,i){return il(t,e,!0,n,i)}(o,a/s,t,e)))return!0}if(this.hasFill())return function(t,e,n){return il(t,0,!1,e,n)}(o,t,e)}return!1},e.prototype.dirtyShape=function(){this.__dirty|=4,this._rect&&(this._rect=null),this._decalEl&&this._decalEl.dirtyShape(),this.markRedraw()},e.prototype.dirty=function(){this.dirtyStyle(),this.dirtyShape()},e.prototype.animateShape=function(t){return this.animate("shape",t)},e.prototype.updateDuringAnimation=function(t){"style"===t?this.dirtyStyle():"shape"===t?this.dirtyShape():this.markRedraw()},e.prototype.attrKV=function(e,n){"shape"===e?this.setShape(n):t.prototype.attrKV.call(this,e,n)},e.prototype.setShape=function(t,e){var n=this.shape;return n||(n=this.shape={}),"string"==typeof t?n[t]=e:A(n,t),this.dirtyShape(),this},e.prototype.shapeChanged=function(){return!!(4&this.__dirty)},e.prototype.createStyle=function(t){return mt(rl,t)},e.prototype._innerSaveToNormal=function(e){t.prototype._innerSaveToNormal.call(this,e);var n=this._normalState;e.shape&&!n.shape&&(n.shape=A({},this.shape))},e.prototype._applyStateObj=function(e,n,i,r,o,a){t.prototype._applyStateObj.call(this,e,n,i,r,o,a);var s,l=!(n&&r);if(n&&n.shape?o?r?s=n.shape:(s=A({},i.shape),A(s,n.shape)):(s=A({},r?this.shape:i.shape),A(s,n.shape)):l&&(s=i.shape),s)if(o){this.shape=A({},this.shape);for(var u={},c=F(s),h=0;h<c.length;h++){var d=c[h];"object"==typeof s[d]?this.shape[d]=s[d]:u[d]=s[d]}this._transitionState(e,{shape:u},a)}else this.shape=s,this.dirtyShape()},e.prototype._mergeStates=function(e){for(var n,i=t.prototype._mergeStates.call(this,e),r=0;r<e.length;r++){var o=e[r];o.shape&&(n=n||{},this._mergeStyle(n,o.shape))}return n&&(i.shape=n),i},e.prototype.getAnimationStyleProps=function(){return ol},e.prototype.isZeroArea=function(){return!1},e.extend=function(t){var i=function(e){function i(n){var i=e.call(this,n)||this;return t.init&&t.init.call(i,n),i}return n(i,e),i.prototype.getDefaultStyle=function(){return T(t.style)},i.prototype.getDefaultShape=function(){return T(t.shape)},i}(e);for(var r in t)"function"==typeof t[r]&&(i.prototype[r]=t[r]);return i},e.initDefaultProps=((i=e.prototype).type="path",i.strokeContainThreshold=5,i.segmentIgnoreThreshold=0,i.subPixelOptimize=!1,i.autoBatch=!1,void(i.__dirty=7)),e}(os),ll=k({strokeFirst:!0,font:a,x:0,y:0,textAlign:"left",textBaseline:"top",miterLimit:2},rl),ul=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.hasStroke=function(){return Qa(this.style)},e.prototype.hasFill=function(){var t=this.style.fill;return null!=t&&"none"!==t},e.prototype.createStyle=function(t){return mt(ll,t)},e.prototype.setBoundingRect=function(t){this._rect=t},e.prototype.getBoundingRect=function(){var t,e,n;return this._rect||(this._rect=(t=this.style,e=$a(t.text),n=t.font,Ja(t,Nr(Lr(n),e),Gr(n),null))),this._rect},e.initDefaultProps=void(e.prototype.dirtyRectTolerance=10),e}(os);ul.prototype.type="tspan";var cl=k({x:0,y:0},es),hl={style:k({x:!0,y:!0,width:!0,height:!0,sx:!0,sy:!0,sWidth:!0,sHeight:!0},ns.style)};var dl=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.createStyle=function(t){return mt(cl,t)},e.prototype._getSize=function(t){var e=this.style,n=e[t];if(null!=n)return n;var i,r=(i=e.image)&&"string"!=typeof i&&i.width&&i.height?e.image:this.__image;if(!r)return 0;var o="width"===t?"height":"width",a=e[o];return null==a?r[t]:r[t]/r[o]*a},e.prototype.getWidth=function(){return this._getSize("width")},e.prototype.getHeight=function(){return this._getSize("height")},e.prototype.getAnimationStyleProps=function(){return hl},e.prototype.getBoundingRect=function(){var t=this.style;return this._rect||(this._rect=new He(t.x||0,t.y||0,this.getWidth(),this.getHeight())),this._rect},e}(os);dl.prototype.type="image";var pl=Math.round;function fl(t,e,n){if(e){var i=e.x1,r=e.x2,o=e.y1,a=e.y2;t.x1=i,t.x2=r,t.y1=o,t.y2=a;var s=n&&n.lineWidth;return s?(pl(2*i)===pl(2*r)&&(t.x1=t.x2=yl(i,s,!0)),pl(2*o)===pl(2*a)&&(t.y1=t.y2=yl(o,s,!0)),t):t}}function gl(t,e,n){if(e){var i=e.x,r=e.y,o=e.width,a=e.height;t.x=i,t.y=r,t.width=o,t.height=a;var s=n&&n.lineWidth;return s?(t.x=yl(i,s,!0),t.y=yl(r,s,!0),t.width=Math.max(yl(i+o,s,!1)-t.x,0===o?0:1),t.height=Math.max(yl(r+a,s,!1)-t.y,0===a?0:1),t):t}}function yl(t,e,n){if(!e)return t;var i=pl(2*t);return(i+pl(e))%2==0?i/2:(i+(n?1:-1))/2}var vl=function(){this.x=0,this.y=0,this.width=0,this.height=0},ml={},xl=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new vl},e.prototype.buildPath=function(t,e){var n,i,r,o;if(this.subPixelOptimize){var a=gl(ml,e,this.style);n=a.x,i=a.y,r=a.width,o=a.height,a.r=e.r,e=a}else n=e.x,i=e.y,r=e.width,o=e.height;e.r?function(t,e){var n,i,r,o,a,s=e.x,l=e.y,u=e.width,c=e.height,h=e.r;u<0&&(s+=u,u=-u),c<0&&(l+=c,c=-c),"number"==typeof h?n=i=r=o=h:h instanceof Array?1===h.length?n=i=r=o=h[0]:2===h.length?(n=r=h[0],i=o=h[1]):3===h.length?(n=h[0],i=o=h[1],r=h[2]):(n=h[0],i=h[1],r=h[2],o=h[3]):n=i=r=o=0,n+i>u&&(n*=u/(a=n+i),i*=u/a),r+o>u&&(r*=u/(a=r+o),o*=u/a),i+r>c&&(i*=c/(a=i+r),r*=c/a),n+o>c&&(n*=c/(a=n+o),o*=c/a),t.moveTo(s+n,l),t.lineTo(s+u-i,l),0!==i&&t.arc(s+u-i,l+i,i,-Math.PI/2,0),t.lineTo(s+u,l+c-r),0!==r&&t.arc(s+u-r,l+c-r,r,0,Math.PI/2),t.lineTo(s+o,l+c),0!==o&&t.arc(s+o,l+c-o,o,Math.PI/2,Math.PI),t.lineTo(s,l+n),0!==n&&t.arc(s+n,l+n,n,Math.PI,1.5*Math.PI)}(t,e):t.rect(n,i,r,o)},e.prototype.isZeroArea=function(){return!this.shape.width||!this.shape.height},e}(sl);xl.prototype.type="rect";var _l={fill:"#000"},bl={},wl={style:k({fill:!0,stroke:!0,fillOpacity:!0,strokeOpacity:!0,lineWidth:!0,fontSize:!0,lineHeight:!0,width:!0,height:!0,textShadowColor:!0,textShadowBlur:!0,textShadowOffsetX:!0,textShadowOffsetY:!0,backgroundColor:!0,padding:!0,borderColor:!0,borderWidth:!0,borderRadius:!0},ns.style)},Sl=function(t){function e(e){var n=t.call(this)||this;return n.type="text",n._children=[],n._defaultStyle=_l,n.attr(e),n}return n(e,t),e.prototype.childrenRef=function(){return this._children},e.prototype.update=function(){t.prototype.update.call(this),this.styleChanged()&&this._updateSubTexts();for(var e=0;e<this._children.length;e++){var n=this._children[e];n.zlevel=this.zlevel,n.z=this.z,n.z2=this.z2,n.culling=this.culling,n.cursor=this.cursor,n.invisible=this.invisible}},e.prototype.updateTransform=function(){var e=this.innerTransformable;e?(e.updateTransform(),e.transform&&(this.transform=e.transform)):t.prototype.updateTransform.call(this)},e.prototype.getLocalTransform=function(e){var n=this.innerTransformable;return n?n.getLocalTransform(e):t.prototype.getLocalTransform.call(this,e)},e.prototype.getComputedTransform=function(){return this.__hostTarget&&(this.__hostTarget.getComputedTransform(),this.__hostTarget.updateInnerText(!0)),t.prototype.getComputedTransform.call(this)},e.prototype._updateSubTexts=function(){var t;this._childCursor=0,kl(t=this.style),z(t.rich,kl),this.style.rich?this._updateRichTexts():this._updatePlainTexts(),this._children.length=this._childCursor,this.styleUpdated()},e.prototype.addSelfToZr=function(e){t.prototype.addSelfToZr.call(this,e);for(var n=0;n<this._children.length;n++)this._children[n].__zr=e},e.prototype.removeSelfFromZr=function(e){t.prototype.removeSelfFromZr.call(this,e);for(var n=0;n<this._children.length;n++)this._children[n].__zr=null},e.prototype.getBoundingRect=function(){if(this.styleChanged()&&this._updateSubTexts(),!this._rect){for(var t=new He(0,0,0,0),e=this._children,n=[],i=null,r=0;r<e.length;r++){var o=e[r],a=o.getBoundingRect(),s=o.getLocalTransform(n);s?(t.copy(a),t.applyTransform(s),(i=i||t.clone()).union(t)):(i=i||a.clone()).union(a)}this._rect=i||t}return this._rect},e.prototype.setDefaultTextStyle=function(t){this._defaultStyle=t||_l},e.prototype.setTextContent=function(t){0},e.prototype._mergeStyle=function(t,e){if(!e)return t;var n=e.rich,i=t.rich||n&&{};return A(t,e),n&&i?(this._mergeRich(i,n),t.rich=i):i&&(t.rich=i),t},e.prototype._mergeRich=function(t,e){for(var n=F(e),i=0;i<n.length;i++){var r=n[i];t[r]=t[r]||{},A(t[r],e[r])}},e.prototype.getAnimationStyleProps=function(){return wl},e.prototype._getOrCreateChild=function(t){var e=this._children[this._childCursor];return e&&e instanceof t||(e=new t),this._children[this._childCursor++]=e,e.__zr=this.__zr,e.parent=this,e},e.prototype._updatePlainTexts=function(){var t=this.style,e=t.font||a,n=t.padding,i=this._defaultStyle,r=t.x||0,o=t.y||0,s=t.align||i.align||"left",l=t.verticalAlign||i.verticalAlign||"top";ja(bl,i.overflowRect,r,o,s,l),r=bl.baseX,o=bl.baseY;var u=function(t,e,n,i){var r=$a(t),o=e.overflow,a=e.padding,s=a?a[1]+a[3]:0,l=a?a[0]+a[2]:0,u=e.font,c="truncate"===o,h=Gr(u),d=rt(e.lineHeight,h),p="truncate"===e.lineOverflow,f=!1,g=e.width;null==g&&null!=n&&(g=n-s);var y,v=e.height;null==v&&null!=i&&(v=i-l);var m=(y=null==g||"break"!==o&&"breakAll"!==o?r?r.split("\n"):[]:r?Za(r,e.font,g,"breakAll"===o,0).lines:[]).length*d;if(null==v&&(v=m),m>v&&p){var x=Math.floor(v/d);f=f||y.length>x,m=(y=y.slice(0,x)).length*d}if(r&&c&&null!=g)for(var _=Ba(g,u,e.ellipsis,{minChar:e.truncateMinChar,placeholder:e.placeholder}),b={},w=0;w<y.length;w++)Va(b,y[w],_),y[w]=b.textLine,f=f||b.isTruncated;var S=v,M=0,I=Lr(u);for(w=0;w<y.length;w++)M=Math.max(Nr(I,y[w]),M);null==g&&(g=M);var T=g;return{lines:y,height:v,outerWidth:T+=s,outerHeight:S+=l,lineHeight:d,calculatedLineHeight:h,contentWidth:M,contentHeight:m,width:g,isTruncated:f}}(Rl(t),t,bl.outerWidth,bl.outerHeight),c=Nl(t),h=!!t.backgroundColor,d=u.outerHeight,p=u.outerWidth,f=u.lines,g=u.lineHeight;this.isTruncated=!!u.isTruncated;var y=r,v=Vr(o,u.contentHeight,l);if(c||n){var m=Br(r,p,s),x=Vr(o,d,l);c&&this._renderBackground(t,t,m,x,p,d)}v+=g/2,n&&(y=Ol(r,s,n),"top"===l?v+=n[0]:"bottom"===l&&(v-=n[2]));for(var _=0,b=!1,w=!1,S=(Pl("fill"in t?t.fill:(w=!0,i.fill))),M=(Ll("stroke"in t?t.stroke:h||i.autoStroke&&!w?null:(_=2,b=!0,i.stroke))),I=t.textShadowBlur>0,T=0;T<f.length;T++){var C=this._getOrCreateChild(ul),D=C.createStyle();C.useStyle(D),D.text=f[T],D.x=y,D.y=v,s&&(D.textAlign=s),D.textBaseline="middle",D.opacity=t.opacity,D.strokeFirst=!0,I&&(D.shadowBlur=t.textShadowBlur||0,D.shadowColor=t.textShadowColor||"transparent",D.shadowOffsetX=t.textShadowOffsetX||0,D.shadowOffsetY=t.textShadowOffsetY||0),D.stroke=M,D.fill=S,M&&(D.lineWidth=t.lineWidth||_,D.lineDash=t.lineDash,D.lineDashOffset=t.lineDashOffset||0),D.font=e,Dl(D,t),v+=g,C.setBoundingRect(Ja(D,u.contentWidth,u.calculatedLineHeight,b?0:null))}},e.prototype._updateRichTexts=function(){var t=this.style,e=this._defaultStyle,n=t.align||e.align,i=t.verticalAlign||e.verticalAlign,r=t.x||0,o=t.y||0;ja(bl,e.overflowRect,r,o,n,i),r=bl.baseX,o=bl.baseY;var a=function(t,e,n,i,r){var o=new Ha,a=$a(t);if(!a)return o;var s=e.padding,l=s?s[1]+s[3]:0,u=s?s[0]+s[2]:0,c=e.width;null==c&&null!=n&&(c=n-l);var h=e.height;null==h&&null!=i&&(h=i-u);for(var d,p=e.overflow,f="break"!==p&&"breakAll"!==p||null==c?null:{width:c,accumWidth:0,breakAll:"breakAll"===p},g=za.lastIndex=0;null!=(d=za.exec(a));){var y=d.index;y>g&&Ua(o,a.substring(g,y),e,f),Ua(o,d[2],e,f,d[1]),g=za.lastIndex}g<a.length&&Ua(o,a.substring(g,a.length),e,f);var v=[],m=0,x=0,_="truncate"===p,b="truncate"===e.lineOverflow,w={};function S(t,e,n){t.width=e,t.lineHeight=n,m+=n,x=Math.max(x,e)}t:for(var M=0;M<o.lines.length;M++){for(var I=o.lines[M],T=0,C=0,D=0;D<I.tokens.length;D++){var A=(G=I.tokens[D]).styleName&&e.rich[G.styleName]||{},k=G.textPadding=A.padding,L=k?k[1]+k[3]:0,P=G.font=A.font||e.font;G.contentHeight=Gr(P);var O=rt(A.height,G.contentHeight);if(G.innerHeight=O,k&&(O+=k[0]+k[2]),G.height=O,G.lineHeight=ot(A.lineHeight,e.lineHeight,O),G.align=A&&A.align||r,G.verticalAlign=A&&A.verticalAlign||"middle",b&&null!=h&&m+G.lineHeight>h){var R=o.lines.length;D>0?(I.tokens=I.tokens.slice(0,D),S(I,C,T),o.lines=o.lines.slice(0,M+1)):o.lines=o.lines.slice(0,M),o.isTruncated=o.isTruncated||o.lines.length<R;break t}var N=A.width,z=null==N||"auto"===N;if("string"==typeof N&&"%"===N.charAt(N.length-1))G.percentWidth=N,v.push(G),G.contentWidth=Nr(Lr(P),G.text);else{if(z){var E=A.backgroundColor,B=E&&E.image;B&&Na(B=Pa(B))&&(G.width=Math.max(G.width,B.width*O/B.height))}var V=_&&null!=c?c-C:null;null!=V&&V<G.width?!z||V<L?(G.text="",G.width=G.contentWidth=0):(Ea(w,G.text,V-L,P,e.ellipsis,{minChar:e.truncateMinChar}),G.text=w.text,o.isTruncated=o.isTruncated||w.isTruncated,G.width=G.contentWidth=Nr(Lr(P),G.text)):G.contentWidth=Nr(Lr(P),G.text)}G.width+=L,C+=G.width,A&&(T=Math.max(T,G.lineHeight))}S(I,C,T)}for(o.outerWidth=o.width=rt(c,x),o.outerHeight=o.height=rt(h,m),o.contentHeight=m,o.contentWidth=x,o.outerWidth+=l,o.outerHeight+=u,M=0;M<v.length;M++){var G,F=(G=v[M]).percentWidth;G.width=parseInt(F,10)/100*o.width}return o}(Rl(t),t,bl.outerWidth,bl.outerHeight,n),s=a.width,l=a.outerWidth,u=a.outerHeight,c=t.padding;this.isTruncated=!!a.isTruncated;var h=Br(r,l,n),d=Vr(o,u,i),p=h,f=d;c&&(p+=c[3],f+=c[0]);var g=p+s;Nl(t)&&this._renderBackground(t,t,h,d,l,u);for(var y=!!t.backgroundColor,v=0;v<a.lines.length;v++){for(var m=a.lines[v],x=m.tokens,_=x.length,b=m.lineHeight,w=m.width,S=0,M=p,I=g,T=_-1,C=void 0;S<_&&(!(C=x[S]).align||"left"===C.align);)this._placeToken(C,t,b,f,M,"left",y),w-=C.width,M+=C.width,S++;for(;T>=0&&"right"===(C=x[T]).align;)this._placeToken(C,t,b,f,I,"right",y),w-=C.width,I-=C.width,T--;for(M+=(s-(M-p)-(g-I)-w)/2;S<=T;)C=x[S],this._placeToken(C,t,b,f,M+C.width/2,"center",y),M+=C.width,S++;f+=b}},e.prototype._placeToken=function(t,e,n,i,r,o,s){var l=e.rich[t.styleName]||{};l.text=t.text;var u=t.verticalAlign,c=i+n/2;"top"===u?c=i+t.height/2:"bottom"===u&&(c=i+n-t.height/2),!t.isLineHolder&&Nl(l)&&this._renderBackground(l,e,"right"===o?r-t.width:"center"===o?r-t.width/2:r,c-t.height/2,t.width,t.height);var h=!!l.backgroundColor,d=t.textPadding;d&&(r=Ol(r,o,d),c-=t.height/2-d[0]-t.innerHeight/2);var p=this._getOrCreateChild(ul),f=p.createStyle();p.useStyle(f);var g=this._defaultStyle,y=!1,v=0,m=!1,x=Pl("fill"in l?l.fill:"fill"in e?e.fill:(y=!0,g.fill)),_=Ll("stroke"in l?l.stroke:"stroke"in e?e.stroke:h||s||g.autoStroke&&!y?null:(v=2,m=!0,g.stroke)),b=l.textShadowBlur>0||e.textShadowBlur>0;f.text=t.text,f.x=r,f.y=c,b&&(f.shadowBlur=l.textShadowBlur||e.textShadowBlur||0,f.shadowColor=l.textShadowColor||e.textShadowColor||"transparent",f.shadowOffsetX=l.textShadowOffsetX||e.textShadowOffsetX||0,f.shadowOffsetY=l.textShadowOffsetY||e.textShadowOffsetY||0),f.textAlign=o,f.textBaseline="middle",f.font=t.font||a,f.opacity=ot(l.opacity,e.opacity,1),Dl(f,l),_&&(f.lineWidth=ot(l.lineWidth,e.lineWidth,v),f.lineDash=rt(l.lineDash,e.lineDash),f.lineDashOffset=e.lineDashOffset||0,f.stroke=_),x&&(f.fill=x),p.setBoundingRect(Ja(f,t.contentWidth,t.contentHeight,m?0:null))},e.prototype._renderBackground=function(t,e,n,i,r,o){var a,s,l,u=t.backgroundColor,c=t.borderWidth,h=t.borderColor,d=u&&u.image,p=u&&!d,f=t.borderRadius,g=this;if(p||t.lineHeight||c&&h){(a=this._getOrCreateChild(xl)).useStyle(a.createStyle()),a.style.fill=null;var y=a.shape;y.x=n,y.y=i,y.width=r,y.height=o,y.r=f,a.dirtyShape()}if(p)(l=a.style).fill=u||null,l.fillOpacity=rt(t.fillOpacity,1);else if(d){(s=this._getOrCreateChild(dl)).onload=function(){g.dirtyStyle()};var v=s.style;v.image=u.image,v.x=n,v.y=i,v.width=r,v.height=o}c&&h&&((l=a.style).lineWidth=c,l.stroke=h,l.strokeOpacity=rt(t.strokeOpacity,1),l.lineDash=t.borderDash,l.lineDashOffset=t.borderDashOffset||0,a.strokeContainThreshold=0,a.hasFill()&&a.hasStroke()&&(l.strokeFirst=!0,l.lineWidth*=2));var m=(a||s).style;m.shadowBlur=t.shadowBlur||0,m.shadowColor=t.shadowColor||"transparent",m.shadowOffsetX=t.shadowOffsetX||0,m.shadowOffsetY=t.shadowOffsetY||0,m.opacity=ot(t.opacity,e.opacity,1)},e.makeFont=function(t){var e="";return Al(t)&&(e=[t.fontStyle,t.fontWeight,Cl(t.fontSize),t.fontFamily||"sans-serif"].join(" ")),e&&ut(e)||t.textFont||t.font},e}(os),Ml={left:!0,right:1,center:1},Il={top:1,bottom:1,middle:1},Tl=["fontStyle","fontWeight","fontSize","fontFamily"];function Cl(t){return"string"!=typeof t||-1===t.indexOf("px")&&-1===t.indexOf("rem")&&-1===t.indexOf("em")?isNaN(+t)?"12px":t+"px":t}function Dl(t,e){for(var n=0;n<Tl.length;n++){var i=Tl[n],r=e[i];null!=r&&(t[i]=r)}}function Al(t){return null!=t.fontSize||t.fontFamily||t.fontWeight}function kl(t){if(t){t.font=Sl.makeFont(t);var e=t.align;"middle"===e&&(e="center"),t.align=null==e||Ml[e]?e:"left";var n=t.verticalAlign;"center"===n&&(n="middle"),t.verticalAlign=null==n||Il[n]?n:"top",t.padding&&(t.padding=st(t.padding))}}function Ll(t,e){return null==t||e<=0||"transparent"===t||"none"===t?null:t.image||t.colorStops?"#000":t}function Pl(t){return null==t||"none"===t?null:t.image||t.colorStops?"#000":t}function Ol(t,e,n){return"right"===e?t-n[1]:"center"===e?t+n[3]/2-n[1]/2:t+n[3]}function Rl(t){var e=t.text;return null!=e&&(e+=""),e}function Nl(t){return!!(t.backgroundColor||t.lineHeight||t.borderWidth&&t.borderColor)}var zl=sa(),El=function(t,e,n,i){if(i){var r=zl(i);r.dataIndex=n,r.dataType=e,r.seriesIndex=t,r.ssrType="chart","group"===i.type&&i.traverse((function(i){var r=zl(i);r.seriesIndex=t,r.dataIndex=n,r.dataType=e,r.ssrType="chart"}))}},Bl=1,Vl={},Gl=sa(),Fl=sa(),Wl=["emphasis","blur","select"],Hl=["normal","emphasis","blur","select"],Ul=10,Yl="highlight",Xl="downplay",Zl="select",jl="unselect",ql="toggleSelect",Kl="selectchanged";function $l(t){return null!=t&&"none"!==t}function Jl(t,e,n){t.onHoverStateChange&&(t.hoverState||0)!==n&&t.onHoverStateChange(e),t.hoverState=n}function Ql(t){Jl(t,"emphasis",2)}function tu(t){2===t.hoverState&&Jl(t,"normal",0)}function eu(t){Jl(t,"blur",1)}function nu(t){1===t.hoverState&&Jl(t,"normal",0)}function iu(t){t.selected=!0}function ru(t){t.selected=!1}function ou(t,e,n){e(t,n)}function au(t,e,n){ou(t,e,n),t.isGroup&&t.traverse((function(t){ou(t,e,n)}))}function su(t,e){switch(e){case"emphasis":t.hoverState=2;break;case"normal":t.hoverState=0;break;case"blur":t.hoverState=1;break;case"select":t.selected=!0}}function lu(t,e){var n=this.states[t];if(this.style){if("emphasis"===t)return function(t,e,n,i){var r=n&&P(n,"select")>=0,o=!1;if(t instanceof sl){var a=Gl(t),s=r&&a.selectFill||a.normalFill,l=r&&a.selectStroke||a.normalStroke;if($l(s)||$l(l)){var u=(i=i||{}).style||{};"inherit"===u.fill?(o=!0,i=A({},i),(u=A({},u)).fill=s):!$l(u.fill)&&$l(s)?(o=!0,i=A({},i),(u=A({},u)).fill=vi(s)):!$l(u.stroke)&&$l(l)&&(o||(i=A({},i),u=A({},u)),u.stroke=vi(l)),i.style=u}}if(i&&null==i.z2){o||(i=A({},i));var c=t.z2EmphasisLift;i.z2=t.z2+(null!=c?c:Ul)}return i}(this,0,e,n);if("blur"===t)return function(t,e,n){var i=P(t.currentStates,e)>=0,r=t.style.opacity,o=i?null:function(t,e,n,i){for(var r=t.style,o={},a=0;a<e.length;a++){var s=e[a],l=r[s];o[s]=null==l?i&&i[s]:l}for(a=0;a<t.animators.length;a++){var u=t.animators[a];u.__fromStateTransition&&u.__fromStateTransition.indexOf(n)<0&&"style"===u.targetName&&u.saveTo(o,e)}return o}(t,["opacity"],e,{opacity:1}),a=(n=n||{}).style||{};return null==a.opacity&&(n=A({},n),a=A({opacity:i?r:.1*o.opacity},a),n.style=a),n}(this,t,n);if("select"===t)return function(t,e,n){if(n&&null==n.z2){n=A({},n);var i=t.z2SelectLift;n.z2=t.z2+(null!=i?i:9)}return n}(this,0,n)}return n}function uu(t){t.stateProxy=lu;var e=t.getTextContent(),n=t.getTextGuideLine();e&&(e.stateProxy=lu),n&&(n.stateProxy=lu)}function cu(t,e){!mu(t,e)&&!t.__highByOuter&&au(t,Ql)}function hu(t,e){!mu(t,e)&&!t.__highByOuter&&au(t,tu)}function du(t,e){t.__highByOuter|=1<<(e||0),au(t,Ql)}function pu(t,e){!(t.__highByOuter&=~(1<<(e||0)))&&au(t,tu)}function fu(t){au(t,eu)}function gu(t){au(t,nu)}function yu(t){au(t,iu)}function vu(t){au(t,ru)}function mu(t,e){return t.__highDownSilentOnTouch&&e.zrByTouch}function xu(t){var e=t.getModel(),n=[],i=[];e.eachComponent((function(e,r){var o=Fl(r),a="series"===e,s=a?t.getViewOfSeriesModel(r):t.getViewOfComponentModel(r);!a&&i.push(s),o.isBlured&&(s.group.traverse((function(t){nu(t)})),a&&n.push(r)),o.isBlured=!1})),z(i,(function(t){t&&t.toggleBlurSeries&&t.toggleBlurSeries(n,!1,e)}))}function _u(t,e,n,i){var r=i.getModel();function o(t,e){for(var n=0;n<e.length;n++){var i=t.getItemGraphicEl(e[n]);i&&gu(i)}}if(n=n||"coordinateSystem",null!=t&&e&&"none"!==e){var a=r.getSeriesByIndex(t),s=a.coordinateSystem;s&&s.master&&(s=s.master);var l=[];r.eachSeries((function(t){var r=a===t,u=t.coordinateSystem;if(u&&u.master&&(u=u.master),!("series"===n&&!r||"coordinateSystem"===n&&!(u&&s?u===s:r)||"series"===e&&r)){if(i.getViewOfSeriesModel(t).group.traverse((function(t){t.__highByOuter&&r&&"self"===e||eu(t)})),N(e))o(t.getData(),e);else if(q(e))for(var c=F(e),h=0;h<c.length;h++)o(t.getData(c[h]),e[c[h]]);l.push(t),Fl(t).isBlured=!0}})),r.eachComponent((function(t,e){if("series"!==t){var n=i.getViewOfComponentModel(e);n&&n.toggleBlurSeries&&n.toggleBlurSeries(l,!0,r)}}))}}function bu(t,e,n){if(null!=t&&null!=e){var i=n.getModel().getComponent(t,e);if(i){Fl(i).isBlured=!0;var r=n.getViewOfComponentModel(i);r&&r.focusBlurEnabled&&r.group.traverse((function(t){eu(t)}))}}}function wu(t,e,n,i){var r={focusSelf:!1,dispatchers:null};if(null==t||"series"===t||null==e||null==n)return r;var o=i.getModel().getComponent(t,e);if(!o)return r;var a=i.getViewOfComponentModel(o);if(!a||!a.findHighDownDispatchers)return r;for(var s,l=a.findHighDownDispatchers(n),u=0;u<l.length;u++)if("self"===zl(l[u]).focus){s=!0;break}return{focusSelf:s,dispatchers:l}}function Su(t){z(t.getAllData(),(function(e){var n=e.data,i=e.type;n.eachItemGraphicEl((function(e,n){t.isSelected(n,i)?yu(e):vu(e)}))}))}function Mu(t){var e=[];return t.eachSeries((function(t){z(t.getAllData(),(function(n){n.data;var i=n.type,r=t.getSelectedDataIndices();if(r.length>0){var o={dataIndex:r,seriesIndex:t.seriesIndex};null!=i&&(o.dataType=i),e.push(o)}}))})),e}function Iu(t,e,n){Lu(t,!0),au(t,uu),Cu(t,e,n)}function Tu(t,e,n,i){i?function(t){Lu(t,!1)}(t):Iu(t,e,n)}function Cu(t,e,n){var i=zl(t);null!=e?(i.focus=e,i.blurScope=n):i.focus&&(i.focus=null)}var Du=["emphasis","blur","select"],Au={itemStyle:"getItemStyle",lineStyle:"getLineStyle",areaStyle:"getAreaStyle"};function ku(t,e,n,i){n=n||"itemStyle";for(var r=0;r<Du.length;r++){var o=Du[r],a=e.getModel([o,n]);t.ensureState(o).style=i?i(a):a[Au[n]]()}}function Lu(t,e){var n=!1===e,i=t;t.highDownSilentOnTouch&&(i.__highDownSilentOnTouch=t.highDownSilentOnTouch),n&&!i.__highDownDispatcher||(i.__highByOuter=i.__highByOuter||0,i.__highDownDispatcher=!n)}function Pu(t){return!(!t||!t.__highDownDispatcher)}function Ou(t){var e=t.type;return e===Zl||e===jl||e===ql}function Ru(t){var e=t.type;return e===Yl||e===Xl}var Nu=Fs.CMD,zu=[[],[],[]],Eu=Math.sqrt,Bu=Math.atan2;function Vu(t,e){if(e){var n,i,r,o,a,s,l=t.data,u=t.len(),c=Nu.M,h=Nu.C,d=Nu.L,p=Nu.R,f=Nu.A,g=Nu.Q;for(r=0,o=0;r<u;){switch(n=l[r++],o=r,i=0,n){case c:case d:i=1;break;case h:i=3;break;case g:i=2;break;case f:var y=e[4],v=e[5],m=Eu(e[0]*e[0]+e[1]*e[1]),x=Eu(e[2]*e[2]+e[3]*e[3]),_=Bu(-e[1]/x,e[0]/m);l[r]*=m,l[r++]+=y,l[r]*=x,l[r++]+=v,l[r++]*=m,l[r++]*=x,l[r++]+=_,l[r++]+=_,o=r+=2;break;case p:s[0]=l[r++],s[1]=l[r++],Ht(s,s,e),l[o++]=s[0],l[o++]=s[1],s[0]+=l[r++],s[1]+=l[r++],Ht(s,s,e),l[o++]=s[0],l[o++]=s[1]}for(a=0;a<i;a++){var b=zu[a];b[0]=l[r++],b[1]=l[r++],Ht(b,b,e),l[o++]=b[0],l[o++]=b[1]}}t.increaseVersion()}}var Gu=Math.sqrt,Fu=Math.sin,Wu=Math.cos,Hu=Math.PI;function Uu(t){return Math.sqrt(t[0]*t[0]+t[1]*t[1])}function Yu(t,e){return(t[0]*e[0]+t[1]*e[1])/(Uu(t)*Uu(e))}function Xu(t,e){return(t[0]*e[1]<t[1]*e[0]?-1:1)*Math.acos(Yu(t,e))}function Zu(t,e,n,i,r,o,a,s,l,u,c){var h=l*(Hu/180),d=Wu(h)*(t-n)/2+Fu(h)*(e-i)/2,p=-1*Fu(h)*(t-n)/2+Wu(h)*(e-i)/2,f=d*d/(a*a)+p*p/(s*s);f>1&&(a*=Gu(f),s*=Gu(f));var g=(r===o?-1:1)*Gu((a*a*(s*s)-a*a*(p*p)-s*s*(d*d))/(a*a*(p*p)+s*s*(d*d)))||0,y=g*a*p/s,v=g*-s*d/a,m=(t+n)/2+Wu(h)*y-Fu(h)*v,x=(e+i)/2+Fu(h)*y+Wu(h)*v,_=Xu([1,0],[(d-y)/a,(p-v)/s]),b=[(d-y)/a,(p-v)/s],w=[(-1*d-y)/a,(-1*p-v)/s],S=Xu(b,w);if(Yu(b,w)<=-1&&(S=Hu),Yu(b,w)>=1&&(S=0),S<0){var M=Math.round(S/Hu*1e6)/1e6;S=2*Hu+M%2*Hu}c.addData(u,m,x,a,s,_,S,h,o)}var ju=/([mlvhzcqtsa])([^mlvhzcqtsa]*)/gi,qu=/-?([0-9]*\.)?[0-9]+([eE]-?[0-9]+)?/g;var Ku=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.applyTransform=function(t){},e}(sl);function $u(t){return null!=t.setData}function Ju(t,e){var n=function(t){var e=new Fs;if(!t)return e;var n,i=0,r=0,o=i,a=r,s=Fs.CMD,l=t.match(ju);if(!l)return e;for(var u=0;u<l.length;u++){for(var c=l[u],h=c.charAt(0),d=void 0,p=c.match(qu)||[],f=p.length,g=0;g<f;g++)p[g]=parseFloat(p[g]);for(var y=0;y<f;){var v=void 0,m=void 0,x=void 0,_=void 0,b=void 0,w=void 0,S=void 0,M=i,I=r,T=void 0,C=void 0;switch(h){case"l":i+=p[y++],r+=p[y++],d=s.L,e.addData(d,i,r);break;case"L":i=p[y++],r=p[y++],d=s.L,e.addData(d,i,r);break;case"m":i+=p[y++],r+=p[y++],d=s.M,e.addData(d,i,r),o=i,a=r,h="l";break;case"M":i=p[y++],r=p[y++],d=s.M,e.addData(d,i,r),o=i,a=r,h="L";break;case"h":i+=p[y++],d=s.L,e.addData(d,i,r);break;case"H":i=p[y++],d=s.L,e.addData(d,i,r);break;case"v":r+=p[y++],d=s.L,e.addData(d,i,r);break;case"V":r=p[y++],d=s.L,e.addData(d,i,r);break;case"C":d=s.C,e.addData(d,p[y++],p[y++],p[y++],p[y++],p[y++],p[y++]),i=p[y-2],r=p[y-1];break;case"c":d=s.C,e.addData(d,p[y++]+i,p[y++]+r,p[y++]+i,p[y++]+r,p[y++]+i,p[y++]+r),i+=p[y-2],r+=p[y-1];break;case"S":v=i,m=r,T=e.len(),C=e.data,n===s.C&&(v+=i-C[T-4],m+=r-C[T-3]),d=s.C,M=p[y++],I=p[y++],i=p[y++],r=p[y++],e.addData(d,v,m,M,I,i,r);break;case"s":v=i,m=r,T=e.len(),C=e.data,n===s.C&&(v+=i-C[T-4],m+=r-C[T-3]),d=s.C,M=i+p[y++],I=r+p[y++],i+=p[y++],r+=p[y++],e.addData(d,v,m,M,I,i,r);break;case"Q":M=p[y++],I=p[y++],i=p[y++],r=p[y++],d=s.Q,e.addData(d,M,I,i,r);break;case"q":M=p[y++]+i,I=p[y++]+r,i+=p[y++],r+=p[y++],d=s.Q,e.addData(d,M,I,i,r);break;case"T":v=i,m=r,T=e.len(),C=e.data,n===s.Q&&(v+=i-C[T-4],m+=r-C[T-3]),i=p[y++],r=p[y++],d=s.Q,e.addData(d,v,m,i,r);break;case"t":v=i,m=r,T=e.len(),C=e.data,n===s.Q&&(v+=i-C[T-4],m+=r-C[T-3]),i+=p[y++],r+=p[y++],d=s.Q,e.addData(d,v,m,i,r);break;case"A":x=p[y++],_=p[y++],b=p[y++],w=p[y++],S=p[y++],Zu(M=i,I=r,i=p[y++],r=p[y++],w,S,x,_,b,d=s.A,e);break;case"a":x=p[y++],_=p[y++],b=p[y++],w=p[y++],S=p[y++],Zu(M=i,I=r,i+=p[y++],r+=p[y++],w,S,x,_,b,d=s.A,e)}}"z"!==h&&"Z"!==h||(d=s.Z,e.addData(d),i=o,r=a),n=d}return e.toStatic(),e}(t),i=A({},e);return i.buildPath=function(t){var e,i=$u(t);i&&t.canSave()?(t.appendPath(n),(e=t.getContext())&&t.rebuildPath(e,1)):(e=i?t.getContext():t)&&n.rebuildPath(e,1)},i.applyTransform=function(t){Vu(n,t),this.dirtyShape()},i}function Qu(t,e){return new Ku(Ju(t,e))}function tc(t,e){e=e||{};var n=new sl;return t.shape&&n.setShape(t.shape),n.setStyle(t.style),e.bakeTransform?Vu(n.path,t.getComputedTransform()):e.toLocal?n.setLocalTransform(t.getComputedTransform()):n.copyTransform(t),n.buildPath=t.buildPath,n.applyTransform=n.applyTransform,n.z=t.z,n.z2=t.z2,n.zlevel=t.zlevel,n}var ec=function(){this.cx=0,this.cy=0,this.r=0},nc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new ec},e.prototype.buildPath=function(t,e){t.moveTo(e.cx+e.r,e.cy),t.arc(e.cx,e.cy,e.r,0,2*Math.PI)},e}(sl);nc.prototype.type="circle";var ic=function(){this.cx=0,this.cy=0,this.rx=0,this.ry=0},rc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new ic},e.prototype.buildPath=function(t,e){var n=.5522848,i=e.cx,r=e.cy,o=e.rx,a=e.ry,s=o*n,l=a*n;t.moveTo(i-o,r),t.bezierCurveTo(i-o,r-l,i-s,r-a,i,r-a),t.bezierCurveTo(i+s,r-a,i+o,r-l,i+o,r),t.bezierCurveTo(i+o,r+l,i+s,r+a,i,r+a),t.bezierCurveTo(i-s,r+a,i-o,r+l,i-o,r),t.closePath()},e}(sl);rc.prototype.type="ellipse";var oc=Math.PI,ac=2*oc,sc=Math.sin,lc=Math.cos,uc=Math.acos,cc=Math.atan2,hc=Math.abs,dc=Math.sqrt,pc=Math.max,fc=Math.min,gc=1e-4;function yc(t,e,n,i,r,o,a){var s=t-n,l=e-i,u=(a?o:-o)/dc(s*s+l*l),c=u*l,h=-u*s,d=t+c,p=e+h,f=n+c,g=i+h,y=(d+f)/2,v=(p+g)/2,m=f-d,x=g-p,_=m*m+x*x,b=r-o,w=d*g-f*p,S=(x<0?-1:1)*dc(pc(0,b*b*_-w*w)),M=(w*x-m*S)/_,I=(-w*m-x*S)/_,T=(w*x+m*S)/_,C=(-w*m+x*S)/_,D=M-y,A=I-v,k=T-y,L=C-v;return D*D+A*A>k*k+L*L&&(M=T,I=C),{cx:M,cy:I,x0:-c,y0:-h,x1:M*(r/b-1),y1:I*(r/b-1)}}function vc(t,e){var n,i=pc(e.r,0),r=pc(e.r0||0,0),o=i>0;if(o||r>0){if(o||(i=r,r=0),r>i){var a=i;i=r,r=a}var s=e.startAngle,l=e.endAngle;if(!isNaN(s)&&!isNaN(l)){var u=e.cx,c=e.cy,h=!!e.clockwise,d=hc(l-s),p=d>ac&&d%ac;if(p>gc&&(d=p),i>gc)if(d>ac-gc)t.moveTo(u+i*lc(s),c+i*sc(s)),t.arc(u,c,i,s,l,!h),r>gc&&(t.moveTo(u+r*lc(l),c+r*sc(l)),t.arc(u,c,r,l,s,h));else{var f=void 0,g=void 0,y=void 0,v=void 0,m=void 0,x=void 0,_=void 0,b=void 0,w=void 0,S=void 0,M=void 0,I=void 0,T=void 0,C=void 0,D=void 0,A=void 0,k=i*lc(s),L=i*sc(s),P=r*lc(l),O=r*sc(l),R=d>gc;if(R){var N=e.cornerRadius;N&&(n=function(t){var e;if(U(t)){var n=t.length;if(!n)return t;e=1===n?[t[0],t[0],0,0]:2===n?[t[0],t[0],t[1],t[1]]:3===n?t.concat(t[2]):t}else e=[t,t,t,t];return e}(N),f=n[0],g=n[1],y=n[2],v=n[3]);var z=hc(i-r)/2;if(m=fc(z,y),x=fc(z,v),_=fc(z,f),b=fc(z,g),M=w=pc(m,x),I=S=pc(_,b),(w>gc||S>gc)&&(T=i*lc(l),C=i*sc(l),D=r*lc(s),A=r*sc(s),d<oc)){var E=function(t,e,n,i,r,o,a,s){var l=n-t,u=i-e,c=a-r,h=s-o,d=h*l-c*u;if(!(d*d<gc))return[t+(d=(c*(e-o)-h*(t-r))/d)*l,e+d*u]}(k,L,D,A,T,C,P,O);if(E){var B=k-E[0],V=L-E[1],G=T-E[0],F=C-E[1],W=1/sc(uc((B*G+V*F)/(dc(B*B+V*V)*dc(G*G+F*F)))/2),H=dc(E[0]*E[0]+E[1]*E[1]);M=fc(w,(i-H)/(W+1)),I=fc(S,(r-H)/(W-1))}}}if(R)if(M>gc){var Y=fc(y,M),X=fc(v,M),Z=yc(D,A,k,L,i,Y,h),j=yc(T,C,P,O,i,X,h);t.moveTo(u+Z.cx+Z.x0,c+Z.cy+Z.y0),M<w&&Y===X?t.arc(u+Z.cx,c+Z.cy,M,cc(Z.y0,Z.x0),cc(j.y0,j.x0),!h):(Y>0&&t.arc(u+Z.cx,c+Z.cy,Y,cc(Z.y0,Z.x0),cc(Z.y1,Z.x1),!h),t.arc(u,c,i,cc(Z.cy+Z.y1,Z.cx+Z.x1),cc(j.cy+j.y1,j.cx+j.x1),!h),X>0&&t.arc(u+j.cx,c+j.cy,X,cc(j.y1,j.x1),cc(j.y0,j.x0),!h))}else t.moveTo(u+k,c+L),t.arc(u,c,i,s,l,!h);else t.moveTo(u+k,c+L);if(r>gc&&R)if(I>gc){Y=fc(f,I),Z=yc(P,O,T,C,r,-(X=fc(g,I)),h),j=yc(k,L,D,A,r,-Y,h);t.lineTo(u+Z.cx+Z.x0,c+Z.cy+Z.y0),I<S&&Y===X?t.arc(u+Z.cx,c+Z.cy,I,cc(Z.y0,Z.x0),cc(j.y0,j.x0),!h):(X>0&&t.arc(u+Z.cx,c+Z.cy,X,cc(Z.y0,Z.x0),cc(Z.y1,Z.x1),!h),t.arc(u,c,r,cc(Z.cy+Z.y1,Z.cx+Z.x1),cc(j.cy+j.y1,j.cx+j.x1),h),Y>0&&t.arc(u+j.cx,c+j.cy,Y,cc(j.y1,j.x1),cc(j.y0,j.x0),!h))}else t.lineTo(u+P,c+O),t.arc(u,c,r,l,s,h);else t.lineTo(u+P,c+O)}else t.moveTo(u,c);t.closePath()}}}var mc=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0,this.cornerRadius=0},xc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new mc},e.prototype.buildPath=function(t,e){vc(t,e)},e.prototype.isZeroArea=function(){return this.shape.startAngle===this.shape.endAngle||this.shape.r===this.shape.r0},e}(sl);xc.prototype.type="sector";var _c=function(){this.cx=0,this.cy=0,this.r=0,this.r0=0},bc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new _c},e.prototype.buildPath=function(t,e){var n=e.cx,i=e.cy,r=2*Math.PI;t.moveTo(n+e.r,i),t.arc(n,i,e.r,0,r,!1),t.moveTo(n+e.r0,i),t.arc(n,i,e.r0,0,r,!0)},e}(sl);function wc(t,e,n){var i=e.smooth,r=e.points;if(r&&r.length>=2){if(i){var o=function(t,e,n,i){var r,o,a,s,l=[],u=[],c=[],h=[];if(i){a=[1/0,1/0],s=[-1/0,-1/0];for(var d=0,p=t.length;d<p;d++)Ut(a,a,t[d]),Yt(s,s,t[d]);Ut(a,a,i[0]),Yt(s,s,i[1])}for(d=0,p=t.length;d<p;d++){var f=t[d];if(n)r=t[d?d-1:p-1],o=t[(d+1)%p];else{if(0===d||d===p-1){l.push(Ct(t[d]));continue}r=t[d-1],o=t[d+1]}Lt(u,o,r),zt(u,u,e);var g=Bt(f,r),y=Bt(f,o),v=g+y;0!==v&&(g/=v,y/=v),zt(c,u,-g),zt(h,u,y);var m=At([],f,c),x=At([],f,h);i&&(Yt(m,m,a),Ut(m,m,s),Yt(x,x,a),Ut(x,x,s)),l.push(m),l.push(x)}return n&&l.push(l.shift()),l}(r,i,n,e.smoothConstraint);t.moveTo(r[0][0],r[0][1]);for(var a=r.length,s=0;s<(n?a:a-1);s++){var l=o[2*s],u=o[2*s+1],c=r[(s+1)%a];t.bezierCurveTo(l[0],l[1],u[0],u[1],c[0],c[1])}}else{t.moveTo(r[0][0],r[0][1]);s=1;for(var h=r.length;s<h;s++)t.lineTo(r[s][0],r[s][1])}n&&t.closePath()}}bc.prototype.type="ring";var Sc=function(){this.points=null,this.smooth=0,this.smoothConstraint=null},Mc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new Sc},e.prototype.buildPath=function(t,e){wc(t,e,!0)},e}(sl);Mc.prototype.type="polygon";var Ic=function(){this.points=null,this.percent=1,this.smooth=0,this.smoothConstraint=null},Tc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Ic},e.prototype.buildPath=function(t,e){wc(t,e,!1)},e}(sl);Tc.prototype.type="polyline";var Cc={},Dc=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.percent=1},Ac=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Dc},e.prototype.buildPath=function(t,e){var n,i,r,o;if(this.subPixelOptimize){var a=fl(Cc,e,this.style);n=a.x1,i=a.y1,r=a.x2,o=a.y2}else n=e.x1,i=e.y1,r=e.x2,o=e.y2;var s=e.percent;0!==s&&(t.moveTo(n,i),s<1&&(r=n*(1-s)+r*s,o=i*(1-s)+o*s),t.lineTo(r,o))},e.prototype.pointAt=function(t){var e=this.shape;return[e.x1*(1-t)+e.x2*t,e.y1*(1-t)+e.y2*t]},e}(sl);Ac.prototype.type="line";var kc=[],Lc=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.cpx1=0,this.cpy1=0,this.percent=1};function Pc(t,e,n){var i=t.cpx2,r=t.cpy2;return null!=i||null!=r?[(n?An:Dn)(t.x1,t.cpx1,t.cpx2,t.x2,e),(n?An:Dn)(t.y1,t.cpy1,t.cpy2,t.y2,e)]:[(n?zn:Nn)(t.x1,t.cpx1,t.x2,e),(n?zn:Nn)(t.y1,t.cpy1,t.y2,e)]}var Oc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Lc},e.prototype.buildPath=function(t,e){var n=e.x1,i=e.y1,r=e.x2,o=e.y2,a=e.cpx1,s=e.cpy1,l=e.cpx2,u=e.cpy2,c=e.percent;0!==c&&(t.moveTo(n,i),null==l||null==u?(c<1&&(Bn(n,a,r,c,kc),a=kc[1],r=kc[2],Bn(i,s,o,c,kc),s=kc[1],o=kc[2]),t.quadraticCurveTo(a,s,r,o)):(c<1&&(Pn(n,a,l,r,c,kc),a=kc[1],l=kc[2],r=kc[3],Pn(i,s,u,o,c,kc),s=kc[1],u=kc[2],o=kc[3]),t.bezierCurveTo(a,s,l,u,r,o)))},e.prototype.pointAt=function(t){return Pc(this.shape,t,!1)},e.prototype.tangentAt=function(t){var e=Pc(this.shape,t,!0);return Et(e,e)},e}(sl);Oc.prototype.type="bezier-curve";var Rc=function(){this.cx=0,this.cy=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0},Nc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Rc},e.prototype.buildPath=function(t,e){var n=e.cx,i=e.cy,r=Math.max(e.r,0),o=e.startAngle,a=e.endAngle,s=e.clockwise,l=Math.cos(o),u=Math.sin(o);t.moveTo(l*r+n,u*r+i),t.arc(n,i,r,o,a,!s)},e}(sl);Nc.prototype.type="arc";var zc=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="compound",e}return n(e,t),e.prototype._updatePathDirty=function(){for(var t=this.shape.paths,e=this.shapeChanged(),n=0;n<t.length;n++)e=e||t[n].shapeChanged();e&&this.dirtyShape()},e.prototype.beforeBrush=function(){this._updatePathDirty();for(var t=this.shape.paths||[],e=this.getGlobalScale(),n=0;n<t.length;n++)t[n].path||t[n].createPathProxy(),t[n].path.setScale(e[0],e[1],t[n].segmentIgnoreThreshold)},e.prototype.buildPath=function(t,e){for(var n=e.paths||[],i=0;i<n.length;i++)n[i].buildPath(t,n[i].shape,!0)},e.prototype.afterBrush=function(){for(var t=this.shape.paths||[],e=0;e<t.length;e++)t[e].pathUpdated()},e.prototype.getBoundingRect=function(){return this._updatePathDirty.call(this),sl.prototype.getBoundingRect.call(this)},e}(sl),Ec=function(){function t(t){this.colorStops=t||[]}return t.prototype.addColorStop=function(t,e){this.colorStops.push({offset:t,color:e})},t}(),Bc=function(t){function e(e,n,i,r,o,a){var s=t.call(this,o)||this;return s.x=null==e?0:e,s.y=null==n?0:n,s.x2=null==i?1:i,s.y2=null==r?0:r,s.type="linear",s.global=a||!1,s}return n(e,t),e}(Ec),Vc=function(t){function e(e,n,i,r,o){var a=t.call(this,r)||this;return a.x=null==e?.5:e,a.y=null==n?.5:n,a.r=null==i?.5:i,a.type="radial",a.global=o||!1,a}return n(e,t),e}(Ec),Gc=Math.min,Fc=Math.max,Wc=Math.abs,Hc=[0,0],Uc=[0,0],Yc=Ze(),Xc=Yc.minTv,Zc=Yc.maxTv,jc=function(){function t(t,e){this._corners=[],this._axes=[],this._origin=[0,0];for(var n=0;n<4;n++)this._corners[n]=new Ae;for(n=0;n<2;n++)this._axes[n]=new Ae;t&&this.fromBoundingRect(t,e)}return t.prototype.fromBoundingRect=function(t,e){var n=this._corners,i=this._axes,r=t.x,o=t.y,a=r+t.width,s=o+t.height;if(n[0].set(r,o),n[1].set(a,o),n[2].set(a,s),n[3].set(r,s),e)for(var l=0;l<4;l++)n[l].transform(e);Ae.sub(i[0],n[1],n[0]),Ae.sub(i[1],n[3],n[0]),i[0].normalize(),i[1].normalize();for(l=0;l<2;l++)this._origin[l]=i[l].dot(n[0])},t.prototype.intersect=function(t,e,n){var i=!0,r=!e;return e&&Ae.set(e,0,0),Yc.reset(n,!r),!this._intersectCheckOneSide(this,t,r,1)&&(i=!1,r)||!this._intersectCheckOneSide(t,this,r,-1)&&(i=!1,r)||r||Yc.negativeSize||Ae.copy(e,i?Yc.useDir?Yc.dirMinTv:Xc:Zc),i},t.prototype._intersectCheckOneSide=function(t,e,n,i){for(var r=!0,o=0;o<2;o++){var a=t._axes[o];if(t._getProjMinMaxOnAxis(o,t._corners,Hc),t._getProjMinMaxOnAxis(o,e._corners,Uc),Yc.negativeSize||Hc[1]<Uc[0]||Hc[0]>Uc[1]){if(r=!1,Yc.negativeSize||n)return r;var s=Wc(Uc[0]-Hc[1]),l=Wc(Hc[0]-Uc[1]);Gc(s,l)>Zc.len()&&(s<l?Ae.scale(Zc,a,-s*i):Ae.scale(Zc,a,l*i))}else if(!n){s=Wc(Uc[0]-Hc[1]),l=Wc(Hc[0]-Uc[1]);(Yc.useDir||Gc(s,l)<Xc.len())&&((s<l||!Yc.bidirectional)&&(Ae.scale(Xc,a,s*i),Yc.useDir&&Yc.calcDirMTV()),(s>=l||!Yc.bidirectional)&&(Ae.scale(Xc,a,-l*i),Yc.useDir&&Yc.calcDirMTV()))}}return r},t.prototype._getProjMinMaxOnAxis=function(t,e,n){for(var i=this._axes[t],r=this._origin,o=e[0].dot(i)+r[t],a=o,s=o,l=1;l<e.length;l++){var u=e[l].dot(i)+r[t];a=Gc(u,a),s=Fc(u,s)}n[0]=a+Yc.touchThreshold,n[1]=s-Yc.touchThreshold,Yc.negativeSize=n[1]<n[0]},t}(),qc=[],Kc=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.notClear=!0,e.incremental=!0,e._displayables=[],e._temporaryDisplayables=[],e._cursor=0,e}return n(e,t),e.prototype.traverse=function(t,e){t.call(e,this)},e.prototype.useStyle=function(){this.style={}},e.prototype.getCursor=function(){return this._cursor},e.prototype.innerAfterBrush=function(){this._cursor=this._displayables.length},e.prototype.clearDisplaybles=function(){this._displayables=[],this._temporaryDisplayables=[],this._cursor=0,this.markRedraw(),this.notClear=!1},e.prototype.clearTemporalDisplayables=function(){this._temporaryDisplayables=[]},e.prototype.addDisplayable=function(t,e){e?this._temporaryDisplayables.push(t):this._displayables.push(t),this.markRedraw()},e.prototype.addDisplayables=function(t,e){e=e||!1;for(var n=0;n<t.length;n++)this.addDisplayable(t[n],e)},e.prototype.getDisplayables=function(){return this._displayables},e.prototype.getTemporalDisplayables=function(){return this._temporaryDisplayables},e.prototype.eachPendingDisplayable=function(t){for(var e=this._cursor;e<this._displayables.length;e++)t&&t(this._displayables[e]);for(e=0;e<this._temporaryDisplayables.length;e++)t&&t(this._temporaryDisplayables[e])},e.prototype.update=function(){this.updateTransform();for(var t=this._cursor;t<this._displayables.length;t++){(e=this._displayables[t]).parent=this,e.update(),e.parent=null}for(t=0;t<this._temporaryDisplayables.length;t++){var e;(e=this._temporaryDisplayables[t]).parent=this,e.update(),e.parent=null}},e.prototype.getBoundingRect=function(){if(!this._rect){for(var t=new He(1/0,1/0,-1/0,-1/0),e=0;e<this._displayables.length;e++){var n=this._displayables[e],i=n.getBoundingRect().clone();n.needLocalTransform()&&i.applyTransform(n.getLocalTransform(qc)),t.union(i)}this._rect=t}return this._rect},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e);if(this.getBoundingRect().contain(n[0],n[1]))for(var i=0;i<this._displayables.length;i++){if(this._displayables[i].contain(t,e))return!0}return!1},e}(os),$c=sa();function Jc(t,e,n,i,r){var o;if(e&&e.ecModel){var a=e.ecModel.getUpdatePayload();o=a&&a.animation}var s="update"===t;if(e&&e.isAnimationEnabled()){var l=void 0,u=void 0,c=void 0;return i?(l=rt(i.duration,200),u=rt(i.easing,"cubicOut"),c=0):(l=e.getShallow(s?"animationDurationUpdate":"animationDuration"),u=e.getShallow(s?"animationEasingUpdate":"animationEasing"),c=e.getShallow(s?"animationDelayUpdate":"animationDelay")),o&&(null!=o.duration&&(l=o.duration),null!=o.easing&&(u=o.easing),null!=o.delay&&(c=o.delay)),Y(c)&&(c=c(n,r)),Y(l)&&(l=l(n)),{duration:l||0,delay:c,easing:u}}return null}function Qc(t,e,n,i,r,o,a){var s,l=!1;Y(r)?(a=o,o=r,r=null):q(r)&&(o=r.cb,a=r.during,l=r.isFrom,s=r.removeOpt,r=r.dataIndex);var u="leave"===t;u||e.stopAnimation("leave");var c=Jc(t,i,r,u?s||{}:null,i&&i.getAnimationDelayParams?i.getAnimationDelayParams(e,r):null);if(c&&c.duration>0){var h={duration:c.duration,delay:c.delay||0,easing:c.easing,done:o,force:!!o||!!a,setToFinal:!u,scope:t,during:a};l?e.animateFrom(n,h):e.animateTo(n,h)}else e.stopAnimation(),!l&&e.attr(n),a&&a(1),o&&o()}function th(t,e,n,i,r,o){Qc("update",t,e,n,i,r,o)}function eh(t,e,n,i,r,o){Qc("enter",t,e,n,i,r,o)}function nh(t){if(!t.__zr)return!0;for(var e=0;e<t.animators.length;e++){if("leave"===t.animators[e].scope)return!0}return!1}function ih(t,e,n,i,r,o){nh(t)||Qc("leave",t,e,n,i,r,o)}function rh(t,e,n,i){t.removeTextContent(),t.removeTextGuideLine(),ih(t,{style:{opacity:0}},e,n,i)}function oh(t,e,n){function i(){t.parent&&t.parent.remove(t)}t.isGroup?t.traverse((function(t){t.isGroup||rh(t,e,n,i)})):rh(t,e,n,i)}function ah(t){$c(t).oldStyle=t.style}var sh={},lh=["x","y"],uh=["width","height"];function ch(t){return sl.extend(t)}var hh=function(t,e){var i=Ju(t,e);return function(t){function e(e){var n=t.call(this,e)||this;return n.applyTransform=i.applyTransform,n.buildPath=i.buildPath,n}return n(e,t),e}(Ku)};function dh(t,e){return hh(t,e)}function ph(t,e){sh[t]=e}function fh(t){if(sh.hasOwnProperty(t))return sh[t]}function gh(t,e,n,i){var r=Qu(t,e);return n&&("center"===i&&(n=vh(n,r.getBoundingRect())),xh(r,n)),r}function yh(t,e,n){var i=new dl({style:{image:t,x:e.x,y:e.y,width:e.width,height:e.height},onload:function(t){if("center"===n){var r={width:t.width,height:t.height};i.setStyle(vh(e,r))}}});return i}function vh(t,e){var n,i=e.width/e.height,r=t.height*i;return n=r<=t.width?t.height:(r=t.width)/i,{x:t.x+t.width/2-r/2,y:t.y+t.height/2-n/2,width:r,height:n}}var mh=function(t,e){for(var n=[],i=t.length,r=0;r<i;r++){var o=t[r];n.push(o.getUpdatedPathProxy(!0))}var a=new sl(e);return a.createPathProxy(),a.buildPath=function(t){if($u(t)){t.appendPath(n);var e=t.getContext();e&&t.rebuildPath(e,1)}},a};function xh(t,e){if(t.applyTransform){var n=t.getBoundingRect().calculateTransform(e);t.applyTransform(n)}}function _h(t,e){return fl(t,t,{lineWidth:e}),t}var bh=yl;function wh(t,e){for(var n=_e([]);t&&t!==e;)we(n,t.getLocalTransform(),n),t=t.parent;return n}function Sh(t,e,n){return e&&!N(e)&&(e=Dr.getLocalTransform(e)),n&&(e=Te([],e)),Ht([],t,e)}function Mh(t,e,n){var i=0===e[4]||0===e[5]||0===e[0]?1:fo(2*e[4]/e[0]),r=0===e[4]||0===e[5]||0===e[2]?1:fo(2*e[4]/e[2]),o=["left"===t?-i:"right"===t?i:0,"top"===t?-r:"bottom"===t?r:0];return o=Sh(o,e,n),fo(o[0])>fo(o[1])?o[0]>0?"right":"left":o[1]>0?"bottom":"top"}function Ih(t){return!t.isGroup}function Th(t,e,n){if(t&&e){var i,r=(i={},t.traverse((function(t){Ih(t)&&t.anid&&(i[t.anid]=t)})),i);e.traverse((function(t){if(Ih(t)&&t.anid){var e=r[t.anid];if(e){var i=o(t);t.attr(o(e)),th(t,i,n,zl(t).dataIndex)}}}))}function o(t){var e={x:t.x,y:t.y,rotation:t.rotation};return function(t){return null!=t.shape}(t)&&(e.shape=T(t.shape)),e}}function Ch(t,e){return E(t,(function(t){var n=t[0];n=po(n,e.x),n=ho(n,e.x+e.width);var i=t[1];return i=po(i,e.y),[n,i=ho(i,e.y+e.height)]}))}function Dh(t,e){var n=po(t.x,e.x),i=ho(t.x+t.width,e.x+e.width),r=po(t.y,e.y),o=ho(t.y+t.height,e.y+e.height);if(i>=n&&o>=r)return{x:n,y:r,width:i-n,height:o-r}}function Ah(t,e,n){var i=A({rectHover:!0},e),r=i.style={strokeNoScale:!0};if(n=n||{x:-1,y:-1,width:2,height:2},t)return 0===t.indexOf("image://")?(r.image=t.slice(8),k(r,n),new dl(i)):gh(t.replace("path://",""),i,n,"center")}function kh(t,e,n,i,r){for(var o=0,a=r[r.length-1];o<r.length;o++){var s=r[o];if(Lh(t,e,n,i,s[0],s[1],a[0],a[1]))return!0;a=s}}function Lh(t,e,n,i,r,o,a,s){var l,u=n-t,c=i-e,h=a-r,d=s-o,p=Ph(h,d,u,c);if((l=p)<=1e-6&&l>=-1e-6)return!1;var f=t-r,g=e-o,y=Ph(f,g,u,c)/p;if(y<0||y>1)return!1;var v=Ph(f,g,h,d)/p;return!(v<0||v>1)}function Ph(t,e,n,i){return t*i-n*e}function Oh(t,e,n,i,r){return null==e||(j(e)?Rh[0]=Rh[1]=Rh[2]=Rh[3]=e:(Rh[0]=e[0],Rh[1]=e[1],Rh[2]=e[2],Rh[3]=e[3]),i&&(Rh[0]=po(0,Rh[0]),Rh[1]=po(0,Rh[1]),Rh[2]=po(0,Rh[2]),Rh[3]=po(0,Rh[3])),n&&(Rh[0]=-Rh[0],Rh[1]=-Rh[1],Rh[2]=-Rh[2],Rh[3]=-Rh[3]),Nh(t,Rh,"x","width",3,1,r&&r[0]||0),Nh(t,Rh,"y","height",0,2,r&&r[1]||0)),t}var Rh=[0,0,0,0];function Nh(t,e,n,i,r,o,a){var s=e[o]+e[r],l=t[i];t[i]+=s,a=po(0,ho(a,l)),t[i]<a?(t[i]=a,t[n]+=e[r]>=0?-e[r]:e[o]>=0?l+e[o]:fo(s)>1e-8?(l-a)*e[r]/s:0):t[n]-=e[r]}function zh(t){var e=t.itemTooltipOption,n=t.componentModel,i=t.itemName,r=X(e)?{formatter:e}:e,o=n.mainType,a=n.componentIndex,s={componentType:o,name:i,$vars:["name"]};s[o+"Index"]=a;var l=t.formatterParamsExtra;l&&z(F(l),(function(t){_t(s,t)||(s[t]=l[t],s.$vars.push(t))}));var u=zl(t.el);u.componentMainType=o,u.componentIndex=a,u.tooltipConfig={name:i,option:k({content:i,encodeHTMLContent:!0,formatterParams:s},r)}}function Eh(t,e){var n;t.isGroup&&(n=e(t)),n||t.traverse(e)}function Bh(t,e){if(t)if(U(t))for(var n=0;n<t.length;n++)Eh(t[n],e);else Eh(t,e)}function Vh(t){return!t||fo(t[1])<Gh&&fo(t[2])<Gh||fo(t[0])<Gh&&fo(t[3])<Gh}var Gh=1e-5;function Fh(t,e){return t?He.copy(t,e):e.clone()}function Wh(t,e){return e?be(t||[1,0,0,1,0,0],e):void 0}function Hh(t){return{z:t.get("z")||0,zlevel:t.get("zlevel")||0}}function Uh(t){var e=-1/0,n=1/0;function i(t){if(t&&!t.isGroup){var e=t.currentStates;if(e.length)for(var n=0;n<e.length;n++)r(t.states[e[n]]);r(t)}}function r(t){if(t){var i=t.z2;i>e&&(e=i),i<n&&(n=i)}}return Eh(t,(function(t){i(t),i(t.getTextContent()),i(t.getTextGuideLine())})),n>e&&(n=e=0),{min:n,max:e}}function Yh(t,e,n){Xh(t,e,n,-1/0)}function Xh(t,e,n,i){if(t.ignoreModelZ)return i;var r=t.getTextContent(),o=t.getTextGuideLine();if(t.isGroup)for(var a=t.childrenRef(),s=0;s<a.length;s++)i=po(Xh(a[s],e,n,i),i);else t.z=e,t.zlevel=n,i=po(t.z2||0,i);if(r&&(r.z=e,r.zlevel=n,isFinite(i)&&(r.z2=i+2)),o){var l=t.textGuideLineConfig;o.z=e,o.zlevel=n,isFinite(i)&&(o.z2=i+(l&&l.showAbove?1:-1))}return i}ph("circle",nc),ph("ellipse",rc),ph("sector",xc),ph("ring",bc),ph("polygon",Mc),ph("polyline",Tc),ph("rect",xl),ph("line",Ac),ph("bezierCurve",Oc),ph("arc",Nc);var Zh=Object.freeze({__proto__:null,updateProps:th,initProps:eh,removeElement:ih,removeElementWithFadeOut:oh,isElementRemoved:nh,XY:lh,WH:uh,extendShape:ch,extendPath:dh,registerShape:ph,getShapeClass:fh,makePath:gh,makeImage:yh,mergePath:mh,resizePath:xh,subPixelOptimizeLine:_h,subPixelOptimizeRect:function(t,e){return gl(t,t,e),t},subPixelOptimize:bh,getTransform:wh,applyTransform:Sh,transformDirection:Mh,groupTransition:Th,clipPointsByRect:Ch,clipRectByRect:Dh,createIcon:Ah,linePolygonIntersect:kh,lineLineIntersect:Lh,expandOrShrinkRect:Oh,setTooltipConfig:zh,traverseElements:Bh,isBoundingRectAxisAligned:Vh,ensureCopyRect:Fh,ensureCopyTransform:Wh,retrieveZInfo:Hh,calcZ2Range:Uh,traverseUpdateZ:Yh,Group:to,Image:dl,Text:Sl,Circle:nc,Ellipse:rc,Sector:xc,Ring:bc,Polygon:Mc,Polyline:Tc,Rect:xl,Line:Ac,BezierCurve:Oc,Arc:Nc,IncrementalDisplayable:Kc,CompoundPath:zc,LinearGradient:Bc,RadialGradient:Vc,BoundingRect:He,OrientedBoundingRect:jc,Point:Ae,Path:sl}),jh={};function qh(t,e){for(var n=0;n<Wl.length;n++){var i=Wl[n],r=e[i],o=t.ensureState(i);o.style=o.style||{},o.style.text=r}var a=t.currentStates.slice();t.clearStates(!0),t.setStyle({text:e.normal}),t.useStates(a,!0)}function Kh(t,e,n){var i,r=t.labelFetcher,o=t.labelDataIndex,a=t.labelDimIndex,s=e.normal;r&&(i=r.getFormattedLabel(o,"normal",null,a,s&&s.get("formatter"),null!=n?{interpolatedValue:n}:null)),null==i&&(i=Y(t.defaultText)?t.defaultText(o,t,n):t.defaultText);for(var l={normal:i},u=0;u<Wl.length;u++){var c=Wl[u],h=e[c];l[c]=rt(r?r.getFormattedLabel(o,c,null,a,h&&h.get("formatter")):null,i)}return l}function $h(t,e,n,i){n=n||jh;for(var r=t instanceof Sl,o=!1,a=0;a<Hl.length;a++){if((d=e[Hl[a]])&&d.getShallow("show")){o=!0;break}}var s=r?t:t.getTextContent();if(o){r||(s||(s=new Sl,t.setTextContent(s)),t.stateProxy&&(s.stateProxy=t.stateProxy));var l=Kh(n,e),u=e.normal,c=!!u.getShallow("show"),h=Qh(u,i&&i.normal,n,!1,!r);h.text=l.normal,r||t.setTextConfig(td(u,n,!1));for(a=0;a<Wl.length;a++){var d,p=Wl[a];if(d=e[p]){var f=s.ensureState(p),g=!!rt(d.getShallow("show"),c);if(g!==c&&(f.ignore=!g),f.style=Qh(d,i&&i[p],n,!0,!r),f.style.text=l[p],!r)t.ensureState(p).textConfig=td(d,n,!0)}}s.silent=!!u.getShallow("silent"),null!=s.style.x&&(h.x=s.style.x),null!=s.style.y&&(h.y=s.style.y),s.ignore=!c,s.useStyle(h),s.dirty(),n.enableTextSetter&&(ad(s).setLabelText=function(t){var i=Kh(n,e,t);qh(s,i)})}else s&&(s.ignore=!0);t.dirty()}function Jh(t,e){e=e||"label";for(var n={normal:t.getModel(e)},i=0;i<Wl.length;i++){var r=Wl[i];n[r]=t.getModel([r,e])}return n}function Qh(t,e,n,i,r){var o={};return function(t,e,n,i,r){n=n||jh;var o,a=e.ecModel,s=a&&a.option.textStyle,l=function(t){var e;for(;t&&t!==t.ecModel;){var n=(t.option||jh).rich;if(n){e=e||{};for(var i=F(n),r=0;r<i.length;r++){e[i[r]]=1}}t=t.parentModel}return e}(e);if(l){o={};var u="richInheritPlainLabel",c=rt(e.get(u),a?a.get(u):void 0);for(var h in l)if(l.hasOwnProperty(h)){var d=e.getModel(["rich",h]);rd(o[h]={},d,s,e,c,n,i,r,!1,!0)}}o&&(t.rich=o);var p=e.get("overflow");p&&(t.overflow=p);var f=e.get("lineOverflow");f&&(t.lineOverflow=f);var g=t,y=e.get("minMargin");if(null!=y)y=j(y)?y/2:0,g.margin=[y,y,y,y],g.__marginType=hd.minMargin;else{var v=e.get("textMargin");null!=v&&(g.margin=st(v),g.__marginType=hd.textMargin)}rd(t,e,s,null,null,n,i,r,!0,!1)}(o,t,n,i,r),e&&A(o,e),o}function td(t,e,n){e=e||{};var i,r={},o=t.getShallow("rotate"),a=rt(t.getShallow("distance"),n?null:5),s=t.getShallow("offset");return"outside"===(i=t.getShallow("position")||(n?null:"inside"))&&(i=e.defaultOutsidePosition||"top"),null!=i&&(r.position=i),null!=s&&(r.offset=s),null!=o&&(o*=Math.PI/180,r.rotation=o),null!=a&&(r.distance=a),r.outsideFill="inherit"===t.get("color")?e.inheritColor||null:"auto",null!=e.autoOverflowArea&&(r.autoOverflowArea=e.autoOverflowArea),null!=e.layoutRect&&(r.layoutRect=e.layoutRect),r}var ed=["fontStyle","fontWeight","fontSize","fontFamily","textShadowColor","textShadowBlur","textShadowOffsetX","textShadowOffsetY"],nd=["align","lineHeight","width","height","tag","verticalAlign","ellipsis"],id=["padding","borderWidth","borderRadius","borderDashOffset","backgroundColor","borderColor","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"];function rd(t,e,n,i,r,o,a,s,l,u){n=!a&&n||jh;var c=o&&o.inheritColor,h=e.getShallow("color"),d=e.getShallow("textBorderColor"),p=rt(e.getShallow("opacity"),n.opacity);"inherit"!==h&&"auto"!==h||(h=c||null),"inherit"!==d&&"auto"!==d||(d=c||null),s||(h=h||n.color,d=d||n.textBorderColor),null!=h&&(t.fill=h),null!=d&&(t.stroke=d);var f=rt(e.getShallow("textBorderWidth"),n.textBorderWidth);null!=f&&(t.lineWidth=f);var g=rt(e.getShallow("textBorderType"),n.textBorderType);null!=g&&(t.lineDash=g);var y=rt(e.getShallow("textBorderDashOffset"),n.textBorderDashOffset);null!=y&&(t.lineDashOffset=y),a||null!=p||u||(p=o&&o.defaultOpacity),null!=p&&(t.opacity=p),a||s||null==t.fill&&o.inheritColor&&(t.fill=o.inheritColor);for(var v=0;v<ed.length;v++){var m=ed[v];null!=(_=!1!==r&&i?ot(e.getShallow(m),i.getShallow(m),n[m]):rt(e.getShallow(m),n[m]))&&(t[m]=_)}for(v=0;v<nd.length;v++){m=nd[v];null!=(_=e.getShallow(m))&&(t[m]=_)}if(null==t.verticalAlign){var x=e.getShallow("baseline");null!=x&&(t.verticalAlign=x)}if(!l||!o.disableBox){for(v=0;v<id.length;v++){var _;m=id[v];null!=(_=e.getShallow(m))&&(t[m]=_)}var b=e.getShallow("borderType");null!=b&&(t.borderDash=b),"auto"!==t.backgroundColor&&"inherit"!==t.backgroundColor||!c||(t.backgroundColor=c),"auto"!==t.borderColor&&"inherit"!==t.borderColor||!c||(t.borderColor=c)}}function od(t,e){var n=e&&e.getModel("textStyle");return ut([t.fontStyle||n&&n.getShallow("fontStyle")||"",t.fontWeight||n&&n.getShallow("fontWeight")||"",(t.fontSize||n&&n.getShallow("fontSize")||12)+"px",t.fontFamily||n&&n.getShallow("fontFamily")||"sans-serif"].join(" "))}var ad=sa();function sd(t,e,n,i){if(t){var r=ad(t);r.prevValue=r.value,r.value=n;var o=e.normal;r.valueAnimation=o.get("valueAnimation"),r.valueAnimation&&(r.precision=o.get("precision"),r.defaultInterpolatedText=i,r.statesModels=e)}}function ld(t,e,n,i,r){var o=ad(t);if(o.valueAnimation&&o.prevValue!==o.value){var a=o.defaultInterpolatedText,s=rt(o.interpolatedValue,o.prevValue),l=o.value;t.percent=0,(null==o.prevValue?eh:th)(t,{percent:1},i,e,null,(function(i){var u=ya(n,o.precision,s,l,i);o.interpolatedValue=1===i?null:u;var c=Kh({labelDataIndex:e,labelFetcher:r,defaultText:a?a(u):u+""},o.statesModels,u);qh(t,c)}))}}var ud,cd,hd={minMargin:1,textMargin:2},dd=["textStyle","color"],pd=["fontStyle","fontWeight","fontSize","fontFamily","padding","lineHeight","rich","width","height","overflow"],fd=new Sl,gd=function(){function t(){}return t.prototype.getTextColor=function(t){var e=this.ecModel;return this.getShallow("color")||(!t&&e?e.get(dd):null)},t.prototype.getFont=function(){return od({fontStyle:this.getShallow("fontStyle"),fontWeight:this.getShallow("fontWeight"),fontSize:this.getShallow("fontSize"),fontFamily:this.getShallow("fontFamily")},this.ecModel)},t.prototype.getTextRect=function(t){for(var e={text:t,verticalAlign:this.getShallow("verticalAlign")||this.getShallow("baseline")},n=0;n<pd.length;n++)e[pd[n]]=this.getShallow(pd[n]);return fd.useStyle(e),fd.update(),fd.getBoundingRect()},t}(),yd=[["lineWidth","width"],["stroke","color"],["opacity"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["shadowColor"],["lineDash","type"],["lineDashOffset","dashOffset"],["lineCap","cap"],["lineJoin","join"],["miterLimit"]],vd=Da(yd),md=function(){function t(){}return t.prototype.getLineStyle=function(t){return vd(this,t)},t}(),xd=[["fill","color"],["stroke","borderColor"],["lineWidth","borderWidth"],["opacity"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["shadowColor"],["lineDash","borderType"],["lineDashOffset","borderDashOffset"],["lineCap","borderCap"],["lineJoin","borderJoin"],["miterLimit","borderMiterLimit"]],_d=Da(xd),bd=function(){function t(){}return t.prototype.getItemStyle=function(t,e){return _d(this,t,e)},t}(),wd=function(){function t(t,e,n){this.parentModel=e,this.ecModel=n,this.option=t}return t.prototype.init=function(t,e,n){for(var i=[],r=3;r<arguments.length;r++)i[r-3]=arguments[r]},t.prototype.mergeOption=function(t,e){C(this.option,t,!0)},t.prototype.get=function(t,e){return null==t?this.option:this._doGet(this.parsePath(t),!e&&this.parentModel)},t.prototype.getShallow=function(t,e){var n=this.option,i=null==n?n:n[t];if(null==i&&!e){var r=this.parentModel;r&&(i=r.getShallow(t))}return i},t.prototype.getModel=function(e,n){var i=null!=e,r=i?this.parsePath(e):null;return new t(i?this._doGet(r):this.option,n=n||this.parentModel&&this.parentModel.getModel(this.resolveParentPath(r)),this.ecModel)},t.prototype.isEmpty=function(){return null==this.option},t.prototype.restoreData=function(){},t.prototype.clone=function(){return new(0,this.constructor)(T(this.option))},t.prototype.parsePath=function(t){return"string"==typeof t?t.split("."):t},t.prototype.resolveParentPath=function(t){return t},t.prototype.isAnimationEnabled=function(){if(!r.node&&this.option){if(null!=this.option.animation)return!!this.option.animation;if(this.parentModel)return this.parentModel.isAnimationEnabled()}},t.prototype._doGet=function(t,e){var n=this.option;if(!t)return n;for(var i=0;i<t.length&&(!t[i]||null!=(n=n&&"object"==typeof n?n[t[i]]:null));i++);return null==n&&e&&(n=e._doGet(this.resolveParentPath(t),e.parentModel)),n},t}();wa(wd),ud=wd,cd=["__\0is_clz",Ma++].join("_"),ud.prototype[cd]=!0,ud.isInstance=function(t){return!(!t||!t[cd])},R(wd,md),R(wd,bd),R(wd,ka),R(wd,gd);var Sd=Math.round(10*Math.random());function Md(t){return[t||"",Sd++].join("_")}function Id(t,e){return C(C({},t,!0),e,!0)}var Td="ZH",Cd="EN",Dd=Cd,Ad={},kd={},Ld=r.domSupported&&(document.documentElement.lang||navigator.language||navigator.browserLanguage||Dd).toUpperCase().indexOf(Td)>-1?Td:Dd;function Pd(t,e){t=t.toUpperCase(),kd[t]=new wd(e),Ad[t]=e}function Od(t){return kd[t]}Pd(Cd,{time:{month:["January","February","March","April","May","June","July","August","September","October","November","December"],monthAbbr:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],dayOfWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayOfWeekAbbr:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]},legend:{selector:{all:"All",inverse:"Inv"}},toolbox:{brush:{title:{rect:"Box Select",polygon:"Lasso Select",lineX:"Horizontally Select",lineY:"Vertically Select",keep:"Keep Selections",clear:"Clear Selections"}},dataView:{title:"Data View",lang:["Data View","Close","Refresh"]},dataZoom:{title:{zoom:"Zoom",back:"Zoom Reset"}},magicType:{title:{line:"Switch to Line Chart",bar:"Switch to Bar Chart",stack:"Stack",tiled:"Tile"}},restore:{title:"Restore"},saveAsImage:{title:"Save as Image",lang:["Right Click to Save Image"]}},series:{typeNames:{pie:"Pie chart",bar:"Bar chart",line:"Line chart",scatter:"Scatter plot",effectScatter:"Ripple scatter plot",radar:"Radar chart",tree:"Tree",treemap:"Treemap",boxplot:"Boxplot",candlestick:"Candlestick",k:"K line chart",heatmap:"Heat map",map:"Map",parallel:"Parallel coordinate map",lines:"Line graph",graph:"Relationship graph",sankey:"Sankey diagram",funnel:"Funnel chart",gauge:"Gauge",pictorialBar:"Pictorial bar",themeRiver:"Theme River Map",sunburst:"Sunburst",custom:"Custom chart",chart:"Chart"}},aria:{general:{withTitle:'This is a chart about "{title}"',withoutTitle:"This is a chart"},series:{single:{prefix:"",withName:" with type {seriesType} named {seriesName}.",withoutName:" with type {seriesType}."},multiple:{prefix:". It consists of {seriesCount} series count.",withName:" The {seriesId} series is a {seriesType} representing {seriesName}.",withoutName:" The {seriesId} series is a {seriesType}.",separator:{middle:"",end:""}}},data:{allData:"The data is as follows: ",partialData:"The first {displayCnt} items are: ",withName:"the data for {name} is {value}",withoutName:"{value}",separator:{middle:", ",end:". "}}}}),Pd(Td,{time:{month:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],monthAbbr:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],dayOfWeek:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],dayOfWeekAbbr:["日","一","二","三","四","五","六"]},legend:{selector:{all:"全选",inverse:"反选"}},toolbox:{brush:{title:{rect:"矩形选择",polygon:"圈选",lineX:"横向选择",lineY:"纵向选择",keep:"保持选择",clear:"清除选择"}},dataView:{title:"数据视图",lang:["数据视图","关闭","刷新"]},dataZoom:{title:{zoom:"区域缩放",back:"区域缩放还原"}},magicType:{title:{line:"切换为折线图",bar:"切换为柱状图",stack:"切换为堆叠",tiled:"切换为平铺"}},restore:{title:"还原"},saveAsImage:{title:"保存为图片",lang:["右键另存为图片"]}},series:{typeNames:{pie:"饼图",bar:"柱状图",line:"折线图",scatter:"散点图",effectScatter:"涟漪散点图",radar:"雷达图",tree:"树图",treemap:"矩形树图",boxplot:"箱型图",candlestick:"K线图",k:"K线图",heatmap:"热力图",map:"地图",parallel:"平行坐标图",lines:"线图",graph:"关系图",sankey:"桑基图",funnel:"漏斗图",gauge:"仪表盘图",pictorialBar:"象形柱图",themeRiver:"主题河流图",sunburst:"旭日图",custom:"自定义图表",chart:"图表"}},aria:{general:{withTitle:"这是一个关于“{title}”的图表。",withoutTitle:"这是一个图表，"},series:{single:{prefix:"",withName:"图表类型是{seriesType}，表示{seriesName}。",withoutName:"图表类型是{seriesType}。"},multiple:{prefix:"它由{seriesCount}个图表系列组成。",withName:"第{seriesId}个系列是一个表示{seriesName}的{seriesType}，",withoutName:"第{seriesId}个系列是一个{seriesType}，",separator:{middle:"；",end:"。"}}},data:{allData:"其数据是——",partialData:"其中，前{displayCnt}项是——",withName:"{name}的数据是{value}",withoutName:"{value}",separator:{middle:"，",end:""}}}});var Rd=null;function Nd(){return Rd}var zd=1e3,Ed=6e4,Bd=36e5,Vd=864e5,Gd=31536e6,Fd={year:/({yyyy}|{yy})/,month:/({MMMM}|{MMM}|{MM}|{M})/,day:/({dd}|{d})/,hour:/({HH}|{H}|{hh}|{h})/,minute:/({mm}|{m})/,second:/({ss}|{s})/,millisecond:/({SSS}|{S})/},Wd={year:"{yyyy}",month:"{MMM}",day:"{d}",hour:"{HH}:{mm}",minute:"{HH}:{mm}",second:"{HH}:{mm}:{ss}",millisecond:"{HH}:{mm}:{ss} {SSS}"},Hd="{yyyy}-{MM}-{dd}",Ud={year:"{yyyy}",month:"{yyyy}-{MM}",day:Hd,hour:Hd+" "+Wd.hour,minute:Hd+" "+Wd.minute,second:Hd+" "+Wd.second,millisecond:"{yyyy}-{MM}-{dd} {HH}:{mm}:{ss} {SSS}"},Yd=["year","month","day","hour","minute","second","millisecond"],Xd=["year","half-year","quarter","month","week","half-week","day","half-day","quarter-day","hour","minute","second","millisecond"];function Zd(t){return X(t)||Y(t)?t:function(t){t=t||{};var e={},n=!0;return z(Yd,(function(e){n&&(n=null==t[e])})),z(Yd,(function(i,r){var o=t[i];e[i]={};for(var a=null,s=r;s>=0;s--){var l=Yd[s],u=q(o)&&!U(o)?o[l]:o,c=void 0;U(u)?a=(c=u.slice())[0]||"":X(u)?c=[a=u]:(null==a?a=Wd[i]:Fd[l].test(a)||(a=e[l][l][0]+" "+a),c=[a],n&&(c[1]="{primary|"+a+"}")),e[i][l]=c}})),e}(t)}function jd(t,e){return"0000".substr(0,e-(t+="").length)+t}function qd(t){switch(t){case"half-year":case"quarter":return"month";case"week":case"half-week":return"day";case"half-day":case"quarter-day":return"hour";default:return t}}function Kd(t){return t===qd(t)}function $d(t,e,n,i){var r=Ao(t),o=r[tp(n)](),a=r[ep(n)]()+1,s=Math.floor((a-1)/3)+1,l=r[np(n)](),u=r["get"+(n?"UTC":"")+"Day"](),c=r[ip(n)](),h=(c-1)%12+1,d=r[rp(n)](),p=r[op(n)](),f=r[ap(n)](),g=c>=12?"pm":"am",y=g.toUpperCase(),v=(i instanceof wd?i:Od(i||Ld)||kd[Dd]).getModel("time"),m=v.get("month"),x=v.get("monthAbbr"),_=v.get("dayOfWeek"),b=v.get("dayOfWeekAbbr");return(e||"").replace(/{a}/g,g+"").replace(/{A}/g,y+"").replace(/{yyyy}/g,o+"").replace(/{yy}/g,jd(o%100+"",2)).replace(/{Q}/g,s+"").replace(/{MMMM}/g,m[a-1]).replace(/{MMM}/g,x[a-1]).replace(/{MM}/g,jd(a,2)).replace(/{M}/g,a+"").replace(/{dd}/g,jd(l,2)).replace(/{d}/g,l+"").replace(/{eeee}/g,_[u]).replace(/{ee}/g,b[u]).replace(/{e}/g,u+"").replace(/{HH}/g,jd(c,2)).replace(/{H}/g,c+"").replace(/{hh}/g,jd(h+"",2)).replace(/{h}/g,h+"").replace(/{mm}/g,jd(d,2)).replace(/{m}/g,d+"").replace(/{ss}/g,jd(p,2)).replace(/{s}/g,p+"").replace(/{SSS}/g,jd(f,3)).replace(/{S}/g,f+"")}function Jd(t,e){var n=Ao(t),i=n[ep(e)]()+1,r=n[np(e)](),o=n[ip(e)](),a=n[rp(e)](),s=n[op(e)](),l=0===n[ap(e)](),u=l&&0===s,c=u&&0===a,h=c&&0===o,d=h&&1===r;return d&&1===i?"year":d?"month":h?"day":c?"hour":u?"minute":l?"second":"millisecond"}function Qd(t,e,n){switch(e){case"year":t[lp(n)](0);case"month":t[up(n)](1);case"day":t[cp(n)](0);case"hour":t[hp(n)](0);case"minute":t[dp(n)](0);case"second":t[pp(n)](0)}return t}function tp(t){return t?"getUTCFullYear":"getFullYear"}function ep(t){return t?"getUTCMonth":"getMonth"}function np(t){return t?"getUTCDate":"getDate"}function ip(t){return t?"getUTCHours":"getHours"}function rp(t){return t?"getUTCMinutes":"getMinutes"}function op(t){return t?"getUTCSeconds":"getSeconds"}function ap(t){return t?"getUTCMilliseconds":"getMilliseconds"}function sp(t){return t?"setUTCFullYear":"setFullYear"}function lp(t){return t?"setUTCMonth":"setMonth"}function up(t){return t?"setUTCDate":"setDate"}function cp(t){return t?"setUTCHours":"setHours"}function hp(t){return t?"setUTCMinutes":"setMinutes"}function dp(t){return t?"setUTCSeconds":"setSeconds"}function pp(t){return t?"setUTCMilliseconds":"setMilliseconds"}function fp(t){if(!zo(t))return X(t)?t:"-";var e=(t+"").split(".");return e[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g,"$1,")+(e.length>1?"."+e[1]:"")}function gp(t,e){return t=(t||"").toLowerCase().replace(/-(.)/g,(function(t,e){return e.toUpperCase()})),e&&t&&(t=t.charAt(0).toUpperCase()+t.slice(1)),t}var yp=st;function vp(t,e,n){function i(t){return t&&ut(t)?t:"-"}function r(t){return!(null==t||isNaN(t)||!isFinite(t))}var o="time"===e,a=t instanceof Date;if(o||a){var s=o?Ao(t):t;if(!isNaN(+s))return $d(s,"{yyyy}-{MM}-{dd} {HH}:{mm}:{ss}",n);if(a)return"-"}if("ordinal"===e)return Z(t)?i(t):j(t)&&r(t)?t+"":"-";var l=No(t);return r(l)?fp(l):Z(t)?i(t):"boolean"==typeof t?t+"":"-"}var mp=["a","b","c","d","e","f","g"],xp=function(t,e){return"{"+t+(null==e?"":e)+"}"};function _p(t,e,n){U(e)||(e=[e]);var i=e.length;if(!i)return"";for(var r=e[0].$vars||[],o=0;o<r.length;o++){var a=mp[o];t=t.replace(xp(a),xp(a,0))}for(var s=0;s<i;s++)for(var l=0;l<r.length;l++){var u=e[s][r[l]];t=t.replace(xp(mp[l],s),n?oe(u):u)}return t}function bp(t,e){var n=X(t)?{color:t,extraCssText:e}:t||{},i=n.color,r=n.type;e=n.extraCssText;var o=n.renderMode||"html";return i?"html"===o?"subItem"===r?'<span style="display:inline-block;vertical-align:middle;margin-right:8px;margin-left:3px;border-radius:4px;width:4px;height:4px;background-color:'+oe(i)+";"+(e||"")+'"></span>':'<span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:'+oe(i)+";"+(e||"")+'"></span>':{renderMode:o,content:"{"+(n.markerId||"markerX")+"|}  ",style:"subItem"===r?{width:4,height:4,borderRadius:2,backgroundColor:i}:{width:10,height:10,borderRadius:5,backgroundColor:i}}:""}function wp(t,e){return e=e||"transparent",X(t)?t:q(t)&&t.colorStops&&(t.colorStops[0]||{}).color||e}function Sp(t,e){if("_blank"===e||"blank"===e){var n=window.open();n.opener=null,n.location.href=t}else window.open(t,e)}var Mp={},Ip={},Tp=function(){function t(){this._normalMasterList=[],this._nonSeriesBoxMasterList=[]}return t.prototype.create=function(t,e){function n(n,i){var r=[];return z(n,(function(n,i){var o=n.create(t,e);r=r.concat(o||[])})),r}this._nonSeriesBoxMasterList=n(Mp,!0),this._normalMasterList=n(Ip,!1)},t.prototype.update=function(t,e){z(this._normalMasterList,(function(n){n.update&&n.update(t,e)}))},t.prototype.getCoordinateSystems=function(){return this._normalMasterList.concat(this._nonSeriesBoxMasterList)},t.register=function(t,e){"matrix"!==t&&"calendar"!==t?Ip[t]=e:Mp[t]=e},t.get=function(t){return Ip[t]||Mp[t]},t}();var Cp=1,Dp=2;var Ap=yt();var kp=0,Lp=1,Pp=2;function Op(t,e){var n=t.getShallow("coordinateSystem"),i=t.getShallow("coordinateSystemUsage",!0),r=kp;if(n){var o="series"===t.mainType;null==i&&(i=o?"data":"box"),"data"===i?(r=Lp,o||(r=kp)):"box"===i&&(r=Pp,o||function(t){return!!Mp[t]}(n)||(r=kp))}return{coordSysType:n,kind:r}}function Rp(t){var e=t.targetModel,n=t.coordSysType,i=t.coordSysProvider,r=t.isDefaultDataCoordSys;t.allowNotFound;var o=Op(e),a=o.kind,s=o.coordSysType;if(r&&a!==Lp&&(a=Lp,s=n),a===kp||s!==n)return!1;var l=i(n,e);return!!l&&(a===Lp?e.coordinateSystem=l:e.boxCoordinateSystem=l,!0)}var Np=function(t,e){var n=e.getReferringComponents(t,ha).models[0];return n&&n.coordinateSystem},zp=z,Ep=["left","right","top","bottom","width","height"],Bp=[["width","left","right"],["height","top","bottom"]];function Vp(t,e,n,i,r){var o=0,a=0;null==i&&(i=1/0),null==r&&(r=1/0);var s=0;e.eachChild((function(l,u){var c,h,d=l.getBoundingRect(),p=e.childAt(u+1),f=p&&p.getBoundingRect();if("horizontal"===t){var g=d.width+(f?-f.x+d.x:0);(c=o+g)>i||l.newline?(o=0,c=g,a+=s+n,s=d.height):s=Math.max(s,d.height)}else{var y=d.height+(f?-f.y+d.y:0);(h=a+y)>r||l.newline?(o+=s+n,a=0,h=y,s=d.width):s=Math.max(s,d.width)}l.newline||(l.x=o,l.y=a,l.markRedraw(),"horizontal"===t?o=c+n:a=h+n)}))}var Gp=Vp;H(Vp,"vertical"),H(Vp,"horizontal");function Fp(t,e){return{left:t.getShallow("left",e),top:t.getShallow("top",e),right:t.getShallow("right",e),bottom:t.getShallow("bottom",e),width:t.getShallow("width",e),height:t.getShallow("height",e)}}function Wp(t,e){var n=function(t,e){var n,i,r=Xp(t,e,{enableLayoutOnlyByCenter:!0}),o=t.getBoxLayoutParams();if(r.type===Yp.point)i=r.refPoint,n=Hp(o,{width:e.getWidth(),height:e.getHeight()});else{var a=t.get("center"),s=U(a)?a:[a,a];n=Hp(o,r.refContainer),i=r.boxCoordFrom===Dp?r.refPoint:[yo(s[0],n.width)+n.x,yo(s[1],n.height)+n.y]}return{viewRect:n,center:i}}(t,e),i=n.viewRect,r=n.center,o=t.get("radius");U(o)||(o=[0,o]);var a=yo(i.width,e.getWidth()),s=yo(i.height,e.getHeight()),l=Math.min(a,s),u=yo(o[0],l/2),c=yo(o[1],l/2);return{cx:r[0],cy:r[1],r0:u,r:c,viewRect:i}}function Hp(t,e,n){n=yp(n||0);var i=e.width,r=e.height,o=yo(t.left,i),a=yo(t.top,r),s=yo(t.right,i),l=yo(t.bottom,r),u=yo(t.width,i),c=yo(t.height,r),h=n[2]+n[0],d=n[1]+n[3],p=t.aspect;switch(isNaN(u)&&(u=i-s-d-o),isNaN(c)&&(c=r-l-h-a),null!=p&&(isNaN(u)&&isNaN(c)&&(p>i/r?u=.8*i:c=.8*r),isNaN(u)&&(u=p*c),isNaN(c)&&(c=u/p)),isNaN(o)&&(o=i-s-u-d),isNaN(a)&&(a=r-l-c-h),t.left||t.right){case"center":o=i/2-u/2-n[3];break;case"right":o=i-u-d}switch(t.top||t.bottom){case"middle":case"center":a=r/2-c/2-n[0];break;case"bottom":a=r-c-h}o=o||0,a=a||0,isNaN(u)&&(u=i-d-o-(s||0)),isNaN(c)&&(c=r-h-a-(l||0));var f=new He((e.x||0)+o+n[3],(e.y||0)+a+n[0],u,c);return f.margin=n,f}function Up(t,e,n){var i=t.getShallow("preserveAspect",!0);if(!i)return e;var r=e.width/e.height;if(Math.abs(Math.atan(n)-Math.atan(r))<1e-9)return e;var o=t.getShallow("preserveAspectAlign",!0),a=t.getShallow("preserveAspectVerticalAlign",!0),s={width:e.width,height:e.height},l="cover"===i;return r>n&&!l||r<n&&l?(s.width=e.height*n,"left"===o?s.left=0:"right"===o?s.right=0:s.left="center"):(s.height=e.width/n,"top"===a?s.top=0:"bottom"===a?s.bottom=0:s.top="middle"),Hp(s,e)}var Yp={rect:1,point:2};function Xp(t,e,n){var i,r,o,a,s=t.boxCoordinateSystem;if(s){var l=function(t){var e=t.getShallow("coord",!0),n=Cp;if(null==e){var i=Ap.get(t.type);i&&i.getCoord2&&(n=Dp,e=i.getCoord2(t))}return{coord:e,from:n}}(t),u=l.coord,c=l.from;if(s.dataToLayout){o=Yp.rect,a=c;var h=s.dataToLayout(u);i=h.contentRect||h.rect}else n&&n.enableLayoutOnlyByCenter&&s.dataToPoint&&(o=Yp.point,a=c,r=s.dataToPoint(u))}return null==o&&(o=Yp.rect),o===Yp.rect&&(i||(i={x:0,y:0,width:e.getWidth(),height:e.getHeight()}),r=[i.x+i.width/2,i.y+i.height/2]),{type:o,refContainer:i,refPoint:r,boxCoordFrom:a}}function Zp(t,e,n,i,r,o){var a,s=!r||!r.hv||r.hv[0],l=!r||!r.hv||r.hv[1],u=r&&r.boundingMode||"all";if((o=o||t).x=t.x,o.y=t.y,!s&&!l)return!1;if("raw"===u)a="group"===t.type?new He(0,0,+e.width||0,+e.height||0):t.getBoundingRect();else if(a=t.getBoundingRect(),t.needLocalTransform()){var c=t.getLocalTransform();(a=a.clone()).applyTransform(c)}var h=Hp(k({width:a.width,height:a.height},e),n,i),d=s?h.x-a.x:0,p=l?h.y-a.y:0;return"raw"===u?(o.x=d,o.y=p):(o.x+=d,o.y+=p),o===t&&t.markRedraw(),!0}function jp(t){var e=t.layoutMode||t.constructor.layoutMode;return q(e)?e:e?{type:e}:null}function qp(t,e,n){var i=n&&n.ignoreSize;!U(i)&&(i=[i,i]);var r=a(Bp[0],0),o=a(Bp[1],1);function a(n,r){var o={},a=0,l={},u=0;if(zp(n,(function(e){l[e]=t[e]})),zp(n,(function(t){_t(e,t)&&(o[t]=l[t]=e[t]),s(o,t)&&a++,s(l,t)&&u++})),i[r])return s(e,n[1])?l[n[2]]=null:s(e,n[2])&&(l[n[1]]=null),l;if(2!==u&&a){if(a>=2)return o;for(var c=0;c<n.length;c++){var h=n[c];if(!_t(o,h)&&_t(t,h)){o[h]=t[h];break}}return o}return l}function s(t,e){return null!=t[e]&&"auto"!==t[e]}function l(t,e,n){zp(t,(function(t){e[t]=n[t]}))}l(Bp[0],t,r),l(Bp[1],t,o)}function Kp(t){return $p({},t)}function $p(t,e){return e&&t&&zp(Ep,(function(n){_t(e,n)&&(t[n]=e[n])})),t}var Jp=sa(),Qp=function(t){function e(e,n,i){var r=t.call(this,e,n,i)||this;return r.uid=Md("ec_cpt_model"),r}var i;return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n)},e.prototype.mergeDefaultAndTheme=function(t,e){var n=jp(this),i=n?Kp(t):{};C(t,e.getTheme().get(this.mainType)),C(t,this.getDefaultOption()),n&&qp(t,i,n)},e.prototype.mergeOption=function(t,e){C(this.option,t,!0);var n=jp(this);n&&qp(this.option,t,n)},e.prototype.optionUpdated=function(t,e){},e.prototype.getDefaultOption=function(){var t=this.constructor;if(!function(t){return!(!t||!t[_a])}(t))return t.defaultOption;var e=Jp(this);if(!e.defaultOption){for(var n=[],i=t;i;){var r=i.prototype.defaultOption;r&&n.push(r),i=i.superClass}for(var o={},a=n.length-1;a>=0;a--)o=C(o,n[a],!0);e.defaultOption=o}return e.defaultOption},e.prototype.getReferringComponents=function(t,e){var n=t+"Index",i=t+"Id";return pa(this.ecModel,t,{index:this.get(n,!0),id:this.get(i,!0)},e)},e.prototype.getBoxLayoutParams=function(){return Fp(this,!1)},e.prototype.getZLevelKey=function(){return""},e.prototype.setZLevel=function(t){this.option.zlevel=t},e.protoInitialize=((i=e.prototype).type="component",i.id="",i.name="",i.mainType="",i.subType="",void(i.componentIndex=0)),e}(wd);Sa(Qp,wd),Ca(Qp),function(t){var e={};t.registerSubTypeDefaulter=function(t,n){var i=ba(t);e[i.main]=n},t.determineSubType=function(n,i){var r=i.type;if(!r){var o=ba(n).main;t.hasSubTypes(n)&&e[o]&&(r=e[o](i))}return r}}(Qp),function(t,e){function n(t,e){return t[e]||(t[e]={predecessor:[],successor:[]}),t[e]}t.topologicalTravel=function(t,i,r,o){if(t.length){var a=function(t){var i={},r=[];return z(t,(function(o){var a=n(i,o),s=function(t,e){var n=[];return z(t,(function(t){P(e,t)>=0&&n.push(t)})),n}(a.originalDeps=e(o),t);a.entryCount=s.length,0===a.entryCount&&r.push(o),z(s,(function(t){P(a.predecessor,t)<0&&a.predecessor.push(t);var e=n(i,t);P(e.successor,t)<0&&e.successor.push(o)}))})),{graph:i,noEntryList:r}}(i),s=a.graph,l=a.noEntryList,u={};for(z(t,(function(t){u[t]=!0}));l.length;){var c=l.pop(),h=s[c],d=!!u[c];d&&(r.call(o,c,h.originalDeps.slice()),delete u[c]),z(h.successor,d?f:p)}z(u,(function(){var t="";throw new Error(t)}))}function p(t){s[t].entryCount--,0===s[t].entryCount&&l.push(t)}function f(t){u[t]=!0,p(t)}}}(Qp,(function(t){var e=[];z(Qp.getClassesByMainType(t),(function(t){e=e.concat(t.dependencies||t.prototype.dependencies||[])})),e=E(e,(function(t){return ba(t).main})),"dataset"!==t&&P(e,"dataset")<=0&&e.unshift("dataset");return e}));var tf={color:{},darkColor:{},size:{}},ef=tf.color={theme:["#5070dd","#b6d634","#505372","#ff994d","#0ca8df","#ffd10a","#fb628b","#785db0","#3fbe95"],neutral00:"#fff",neutral05:"#f4f7fd",neutral10:"#e8ebf0",neutral15:"#dbdee4",neutral20:"#cfd2d7",neutral25:"#c3c5cb",neutral30:"#b7b9be",neutral35:"#aaacb2",neutral40:"#9ea0a5",neutral45:"#929399",neutral50:"#86878c",neutral55:"#797b7f",neutral60:"#6d6e73",neutral65:"#616266",neutral70:"#54555a",neutral75:"#48494d",neutral80:"#3c3c41",neutral85:"#303034",neutral90:"#232328",neutral95:"#17171b",neutral99:"#000",accent05:"#eff1f9",accent10:"#e0e4f2",accent15:"#d0d6ec",accent20:"#c0c9e6",accent25:"#b1bbdf",accent30:"#a1aed9",accent35:"#91a0d3",accent40:"#8292cc",accent45:"#7285c6",accent50:"#6578ba",accent55:"#5c6da9",accent60:"#536298",accent65:"#4a5787",accent70:"#404c76",accent75:"#374165",accent80:"#2e3654",accent85:"#252b43",accent90:"#1b2032",accent95:"#121521",transparent:"rgba(0,0,0,0)",highlight:"rgba(255,231,130,0.8)"};for(var nf in A(ef,{primary:ef.neutral80,secondary:ef.neutral70,tertiary:ef.neutral60,quaternary:ef.neutral50,disabled:ef.neutral20,border:ef.neutral30,borderTint:ef.neutral20,borderShade:ef.neutral40,background:ef.neutral05,backgroundTint:"rgba(234,237,245,0.5)",backgroundTransparent:"rgba(255,255,255,0)",backgroundShade:ef.neutral10,shadow:"rgba(0,0,0,0.2)",shadowTint:"rgba(129,130,136,0.2)",axisLine:ef.neutral70,axisLineTint:ef.neutral40,axisTick:ef.neutral70,axisTickMinor:ef.neutral60,axisLabel:ef.neutral70,axisSplitLine:ef.neutral15,axisMinorSplitLine:ef.neutral05}),ef)if(ef.hasOwnProperty(nf)){var rf=ef[nf];"theme"===nf?tf.darkColor.theme=ef.theme.slice():"highlight"===nf?tf.darkColor.highlight="rgba(255,231,130,0.4)":0===nf.indexOf("accent")?tf.darkColor[nf]=di(rf,null,(function(t){return.5*t}),(function(t){return Math.min(1,1.3-t)})):tf.darkColor[nf]=di(rf,null,(function(t){return.9*t}),(function(t){return 1-Math.pow(t,1.5)}))}tf.size={xxs:2,xs:5,s:10,m:15,l:20,xl:30,xxl:40,xxxl:50};var of="";"undefined"!=typeof navigator&&(of=navigator.platform||"");var af="rgba(0, 0, 0, 0.2)",sf=tf.color.theme[0],lf=di(sf,null,null,.9),uf={darkMode:"auto",colorBy:"series",color:tf.color.theme,gradientColor:[lf,sf],aria:{decal:{decals:[{color:af,dashArrayX:[1,0],dashArrayY:[2,5],symbolSize:1,rotation:Math.PI/6},{color:af,symbol:"circle",dashArrayX:[[8,8],[0,8,8,0]],dashArrayY:[6,0],symbolSize:.8},{color:af,dashArrayX:[1,0],dashArrayY:[4,3],rotation:-Math.PI/4},{color:af,dashArrayX:[[6,6],[0,6,6,0]],dashArrayY:[6,0]},{color:af,dashArrayX:[[1,0],[1,6]],dashArrayY:[1,0,6,0],rotation:Math.PI/4},{color:af,symbol:"triangle",dashArrayX:[[9,9],[0,9,9,0]],dashArrayY:[7,2],symbolSize:.75}]}},textStyle:{fontFamily:of.match(/^Win/)?"Microsoft YaHei":"sans-serif",fontSize:12,fontStyle:"normal",fontWeight:"normal"},blendMode:null,stateAnimation:{duration:300,easing:"cubicOut"},animation:"auto",animationDuration:1e3,animationDurationUpdate:500,animationEasing:"cubicInOut",animationEasingUpdate:"cubicInOut",animationThreshold:2e3,progressiveThreshold:3e3,progressive:400,hoverLayerThreshold:3e3,useUTC:!1},cf=yt(["tooltip","label","itemName","itemId","itemGroupId","itemChildGroupId","seriesName"]),hf="original",df="arrayRows",pf="objectRows",ff="keyedColumns",gf="typedArray",yf="unknown",vf="column",mf="row",xf=1,_f=2,bf=3,wf=sa();function Sf(t,e,n){var i={},r=If(e);if(!r||!t)return i;var o,a,s=[],l=[],u=e.ecModel,c=wf(u).datasetMap,h=r.uid+"_"+n.seriesLayoutBy;z(t=t.slice(),(function(e,n){var r=q(e)?e:t[n]={name:e};"ordinal"===r.type&&null==o&&(o=n,a=f(r)),i[r.name]=[]}));var d=c.get(h)||c.set(h,{categoryWayDim:a,valueWayDim:0});function p(t,e,n){for(var i=0;i<n;i++)t.push(e+i)}function f(t){var e=t.dimsDef;return e?e.length:1}return z(t,(function(t,e){var n=t.name,r=f(t);if(null==o){var a=d.valueWayDim;p(i[n],a,r),p(l,a,r),d.valueWayDim+=r}else if(o===e)p(i[n],0,r),p(s,0,r);else{a=d.categoryWayDim;p(i[n],a,r),p(l,a,r),d.categoryWayDim+=r}})),s.length&&(i.itemName=s),l.length&&(i.seriesName=l),i}function Mf(t,e,n){var i={};if(!If(t))return i;var r,o=e.sourceFormat,a=e.dimensionsDefine;o!==pf&&o!==ff||z(a,(function(t,e){"name"===(q(t)?t.name:t)&&(r=e)}));var s=function(){for(var t={},i={},s=[],l=0,u=Math.min(5,n);l<u;l++){var c=Cf(e.data,o,e.seriesLayoutBy,a,e.startIndex,l);s.push(c);var h=c===bf;if(h&&null==t.v&&l!==r&&(t.v=l),(null==t.n||t.n===t.v||!h&&s[t.n]===bf)&&(t.n=l),d(t)&&s[t.n]!==bf)return t;h||(c===_f&&null==i.v&&l!==r&&(i.v=l),null!=i.n&&i.n!==i.v||(i.n=l))}function d(t){return null!=t.v&&null!=t.n}return d(t)?t:d(i)?i:null}();if(s){i.value=[s.v];var l=null!=r?r:s.n;i.itemName=[l],i.seriesName=[l]}return i}function If(t){if(!t.get("data",!0))return pa(t.ecModel,"dataset",{index:t.get("datasetIndex",!0),id:t.get("datasetId",!0)},ha).models[0]}function Tf(t,e){return Cf(t.data,t.sourceFormat,t.seriesLayoutBy,t.dimensionsDefine,t.startIndex,e)}function Cf(t,e,n,i,r,o){var a,s,l;if($(t))return bf;if(i){var u=i[o];q(u)?(s=u.name,l=u.type):X(u)&&(s=u)}if(null!=l)return"ordinal"===l?xf:bf;if(e===df){var c=t;if(n===mf){for(var h=c[o],d=0;d<(h||[]).length&&d<5;d++)if(null!=(a=m(h[r+d])))return a}else for(d=0;d<c.length&&d<5;d++){var p=c[r+d];if(p&&null!=(a=m(p[o])))return a}}else if(e===pf){var f=t;if(!s)return bf;for(d=0;d<f.length&&d<5;d++){if((y=f[d])&&null!=(a=m(y[s])))return a}}else if(e===ff){if(!s)return bf;if(!(h=t[s])||$(h))return bf;for(d=0;d<h.length&&d<5;d++)if(null!=(a=m(h[d])))return a}else if(e===hf){var g=t;for(d=0;d<g.length&&d<5;d++){var y,v=Jo(y=g[d]);if(!U(v))return bf;if(null!=(a=m(v[o])))return a}}function m(t){var e=X(t);return null!=t&&Number.isFinite(Number(t))&&""!==t?e?_f:bf:e&&"-"!==t?xf:void 0}return bf}var Df=yt();var Af,kf,Lf,Pf=sa(),Of=sa(),Rf=function(){function t(){}return t.prototype.getColorFromPalette=function(t,e,n){var i=qo(this.get("color",!0)),r=this.get("colorLayer",!0);return zf(this,Pf,i,r,t,e,n)},t.prototype.clearColorPalette=function(){!function(t,e){e(t).paletteIdx=0,e(t).paletteNameMap={}}(this,Pf)},t}();function Nf(t,e,n,i){var r=qo(t.get(["aria","decal","decals"]));return zf(t,Of,r,null,e,n,i)}function zf(t,e,n,i,r,o,a){var s=e(o=o||t),l=s.paletteIdx||0,u=s.paletteNameMap=s.paletteNameMap||{};if(u.hasOwnProperty(r))return u[r];var c=null!=a&&i?function(t,e){for(var n=t.length,i=0;i<n;i++)if(t[i].length>e)return t[i];return t[n-1]}(i,a):n;if((c=c||n)&&c.length){var h=c[l];return r&&(u[r]=h),s.paletteIdx=(l+1)%c.length,h}}var Ef="\0_ec_inner";var Bf=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.init=function(t,e,n,i,r,o){i=i||{},this.option=null,this._theme=new wd(i),this._locale=new wd(r),this._optionManager=o},e.prototype.setOption=function(t,e,n){var i=Ff(e);this._optionManager.setOption(t,n,i),this._resetOption(null,i)},e.prototype.resetOption=function(t,e){return this._resetOption(t,Ff(e))},e.prototype._resetOption=function(t,e){var n=!1,i=this._optionManager;if(!t||"recreate"===t){var r=i.mountOption("recreate"===t);0,this.option&&"recreate"!==t?(this.restoreData(),this._mergeOption(r,e)):Lf(this,r),n=!0}if("timeline"!==t&&"media"!==t||this.restoreData(),!t||"recreate"===t||"timeline"===t){var o=i.getTimelineOption(this);o&&(n=!0,this._mergeOption(o,e))}if(!t||"recreate"===t||"media"===t){var a=i.getMediaOption(this);a.length&&z(a,(function(t){n=!0,this._mergeOption(t,e)}),this)}return n},e.prototype.mergeOption=function(t){this._mergeOption(t,null)},e.prototype._mergeOption=function(t,e){var n=this.option,i=this._componentsMap,r=this._componentsCount,o=[],a=yt(),s=e&&e.replaceMergeMainTypeMap;wf(this).datasetMap=yt(),z(t,(function(t,e){null!=t&&(Qp.hasClass(e)?e&&(o.push(e),a.set(e,!0)):n[e]=null==n[e]?T(t):C(n[e],t,!0))})),s&&s.each((function(t,e){Qp.hasClass(e)&&!a.get(e)&&(o.push(e),a.set(e,!0))})),Qp.topologicalTravel(o,Qp.getAllClassMainTypes(),(function(e){var o=function(t,e,n){var i=Df.get(e);if(!i)return n;var r=i(t);return r?n.concat(r):n}(this,e,qo(t[e])),a=i.get(e),l=a?s&&s.get(e)?"replaceMerge":"normalMerge":"replaceAll",u=ta(a,o,l);(function(t,e,n){z(t,(function(t){var i=t.newOption;q(i)&&(t.keyInfo.mainType=e,t.keyInfo.subType=function(t,e,n,i){return e.type?e.type:n?n.subType:i.determineSubType(t,e)}(e,i,t.existing,n))}))})(u,e,Qp),n[e]=null,i.set(e,null),r.set(e,0);var c,h=[],d=[],p=0;z(u,(function(t,n){var i=t.existing,r=t.newOption;if(r){var o="series"===e,a=Qp.getClass(e,t.keyInfo.subType,!o);if(!a)return;if("tooltip"===e){if(c)return void 0;c=!0}if(i&&i.constructor===a)i.name=t.keyInfo.name,i.mergeOption(r,this),i.optionUpdated(r,!1);else{var s=A({componentIndex:n},t.keyInfo);A(i=new a(r,this,this,s),s),t.brandNew&&(i.__requireNewView=!0),i.init(r,this,this),i.optionUpdated(null,!0)}}else i&&(i.mergeOption({},this),i.optionUpdated({},!1));i?(h.push(i.option),d.push(i),p++):(h.push(void 0),d.push(void 0))}),this),n[e]=h,i.set(e,d),r.set(e,p),"series"===e&&Af(this)}),this),this._seriesIndices||Af(this)},e.prototype.getOption=function(){var t=T(this.option);return z(t,(function(e,n){if(Qp.hasClass(n)){for(var i=qo(e),r=i.length,o=!1,a=r-1;a>=0;a--)i[a]&&!oa(i[a])?o=!0:(i[a]=null,!o&&r--);i.length=r,t[n]=i}})),delete t[Ef],t},e.prototype.setTheme=function(t){this._theme=new wd(t),this._resetOption("recreate",null)},e.prototype.getTheme=function(){return this._theme},e.prototype.getLocaleModel=function(){return this._locale},e.prototype.setUpdatePayload=function(t){this._payload=t},e.prototype.getUpdatePayload=function(){return this._payload},e.prototype.getComponent=function(t,e){var n=this._componentsMap.get(t);if(n){var i=n[e||0];if(i)return i;if(null==e)for(var r=0;r<n.length;r++)if(n[r])return n[r]}},e.prototype.queryComponents=function(t){var e=t.mainType;if(!e)return[];var n,i=t.index,r=t.id,o=t.name,a=this._componentsMap.get(e);return a&&a.length?(null!=i?(n=[],z(qo(i),(function(t){a[t]&&n.push(a[t])}))):n=null!=r?Vf("id",r,a):null!=o?Vf("name",o,a):V(a,(function(t){return!!t})),Gf(n,t)):[]},e.prototype.findComponents=function(t){var e,n,i,r,o,a=t.query,s=t.mainType,l=(n=s+"Index",i=s+"Id",r=s+"Name",!(e=a)||null==e[n]&&null==e[i]&&null==e[r]?null:{mainType:s,index:e[n],id:e[i],name:e[r]}),u=l?this.queryComponents(l):V(this._componentsMap.get(s),(function(t){return!!t}));return o=Gf(u,t),t.filter?V(o,t.filter):o},e.prototype.eachComponent=function(t,e,n){var i=this._componentsMap;if(Y(t)){var r=e,o=t;i.each((function(t,e){for(var n=0;t&&n<t.length;n++){var i=t[n];i&&o.call(r,e,i,i.componentIndex)}}))}else for(var a=X(t)?i.get(t):q(t)?this.findComponents(t):null,s=0;a&&s<a.length;s++){var l=a[s];l&&e.call(n,l,l.componentIndex)}},e.prototype.getSeriesByName=function(t){var e=ia(t,null);return V(this._componentsMap.get("series"),(function(t){return!!t&&null!=e&&t.name===e}))},e.prototype.getSeriesByIndex=function(t){return this._componentsMap.get("series")[t]},e.prototype.getSeriesByType=function(t){return V(this._componentsMap.get("series"),(function(e){return!!e&&e.subType===t}))},e.prototype.getSeries=function(){return V(this._componentsMap.get("series"),(function(t){return!!t}))},e.prototype.getSeriesCount=function(){return this._componentsCount.get("series")},e.prototype.eachSeries=function(t,e){kf(this),z(this._seriesIndices,(function(n){var i=this._componentsMap.get("series")[n];t.call(e,i,n)}),this)},e.prototype.eachRawSeries=function(t,e){z(this._componentsMap.get("series"),(function(n){n&&t.call(e,n,n.componentIndex)}))},e.prototype.eachSeriesByType=function(t,e,n){kf(this),z(this._seriesIndices,(function(i){var r=this._componentsMap.get("series")[i];r.subType===t&&e.call(n,r,i)}),this)},e.prototype.eachRawSeriesByType=function(t,e,n){return z(this.getSeriesByType(t),e,n)},e.prototype.isSeriesFiltered=function(t){return kf(this),null==this._seriesIndicesMap.get(t.componentIndex)},e.prototype.getCurrentSeriesIndices=function(){return(this._seriesIndices||[]).slice()},e.prototype.filterSeries=function(t,e){kf(this);var n=[];z(this._seriesIndices,(function(i){var r=this._componentsMap.get("series")[i];t.call(e,r,i)&&n.push(i)}),this),this._seriesIndices=n,this._seriesIndicesMap=yt(n)},e.prototype.restoreData=function(t){Af(this);var e=this._componentsMap,n=[];e.each((function(t,e){Qp.hasClass(e)&&n.push(e)})),Qp.topologicalTravel(n,Qp.getAllClassMainTypes(),(function(n){z(e.get(n),(function(e){!e||"series"===n&&function(t,e){if(e){var n=e.seriesIndex,i=e.seriesId,r=e.seriesName;return null!=n&&t.componentIndex!==n||null!=i&&t.id!==i||null!=r&&t.name!==r}}(e,t)||e.restoreData()}))}))},e.internalField=(Af=function(t){var e=t._seriesIndices=[];z(t._componentsMap.get("series"),(function(t){t&&e.push(t.componentIndex)})),t._seriesIndicesMap=yt(e)},kf=function(t){},void(Lf=function(t,e){t.option={},t.option[Ef]=1,t._componentsMap=yt({series:[]}),t._componentsCount=yt();var n=e.aria;q(n)&&null==n.enabled&&(n.enabled=!0),function(t,e){var n=t.color&&!t.colorLayer;z(e,(function(e,i){"colorLayer"===i&&n||"color"===i&&t.color||Qp.hasClass(i)||("object"==typeof e?t[i]=t[i]?C(t[i],e,!1):T(e):null==t[i]&&(t[i]=e))}))}(e,t._theme.option),C(e,uf,!1),t._mergeOption(e,null)})),e}(wd);function Vf(t,e,n){if(U(e)){var i=yt();return z(e,(function(t){null!=t&&(null!=ia(t,null)&&i.set(t,!0))})),V(n,(function(e){return e&&i.get(e[t])}))}var r=ia(e,null);return V(n,(function(e){return e&&null!=r&&e[t]===r}))}function Gf(t,e){return e.hasOwnProperty("subType")?V(t,(function(t){return t&&t.subType===e.subType})):t}function Ff(t){var e=yt();return t&&z(qo(t.replaceMerge),(function(t){e.set(t,!0)})),{replaceMergeMainTypeMap:e}}R(Bf,Rf);var Wf=["getDom","getZr","getWidth","getHeight","getDevicePixelRatio","dispatchAction","isSSR","isDisposed","on","off","getDataURL","getConnectedDataURL","getOption","getId","updateLabelLayout"],Hf=function(t){z(Wf,(function(e){this[e]=W(t[e],t)}),this)},Uf=/^(min|max)?(.+)$/,Yf=function(){function t(t){this._timelineOptions=[],this._mediaList=[],this._currentMediaIndices=[],this._api=t}return t.prototype.setOption=function(t,e,n){t&&(z(qo(t.series),(function(t){t&&t.data&&$(t.data)&&ht(t.data)})),z(qo(t.dataset),(function(t){t&&t.source&&$(t.source)&&ht(t.source)}))),t=T(t);var i=this._optionBackup,r=function(t,e,n){var i,r,o=[],a=t.baseOption,s=t.timeline,l=t.options,u=t.media,c=!!t.media,h=!!(l||s||a&&a.timeline);a?(r=a).timeline||(r.timeline=s):((h||c)&&(t.options=t.media=null),r=t);c&&U(u)&&z(u,(function(t){t&&t.option&&(t.query?o.push(t):i||(i=t))}));function d(t){z(e,(function(e){e(t,n)}))}return d(r),z(l,(function(t){return d(t)})),z(o,(function(t){return d(t.option)})),{baseOption:r,timelineOptions:l||[],mediaDefault:i,mediaList:o}}(t,e,!i);this._newBaseOption=r.baseOption,i?(r.timelineOptions.length&&(i.timelineOptions=r.timelineOptions),r.mediaList.length&&(i.mediaList=r.mediaList),r.mediaDefault&&(i.mediaDefault=r.mediaDefault)):this._optionBackup=r},t.prototype.mountOption=function(t){var e=this._optionBackup;return this._timelineOptions=e.timelineOptions,this._mediaList=e.mediaList,this._mediaDefault=e.mediaDefault,this._currentMediaIndices=[],T(t?e.baseOption:this._newBaseOption)},t.prototype.getTimelineOption=function(t){var e,n=this._timelineOptions;if(n.length){var i=t.getComponent("timeline");i&&(e=T(n[i.getCurrentIndex()]))}return e},t.prototype.getMediaOption=function(t){var e,n,i=this._api.getWidth(),r=this._api.getHeight(),o=this._mediaList,a=this._mediaDefault,s=[],l=[];if(!o.length&&!a)return l;for(var u=0,c=o.length;u<c;u++)Xf(o[u].query,i,r)&&s.push(u);return!s.length&&a&&(s=[-1]),s.length&&(e=s,n=this._currentMediaIndices,e.join(",")!==n.join(","))&&(l=E(s,(function(t){return T(-1===t?a.option:o[t].option)}))),this._currentMediaIndices=s,l},t}();function Xf(t,e,n){var i={width:e,height:n,aspectratio:e/n},r=!0;return z(t,(function(t,e){var n=e.match(Uf);if(n&&n[1]&&n[2]){var o=n[1],a=n[2].toLowerCase();(function(t,e,n){return"min"===n?t>=e:"max"===n?t<=e:t===e})(i[a],t,o)||(r=!1)}})),r}var Zf=z,jf=q,qf=["areaStyle","lineStyle","nodeStyle","linkStyle","chordStyle","label","labelLine"];function Kf(t){var e=t&&t.itemStyle;if(e)for(var n=0,i=qf.length;n<i;n++){var r=qf[n],o=e.normal,a=e.emphasis;o&&o[r]&&(t[r]=t[r]||{},t[r].normal?C(t[r].normal,o[r]):t[r].normal=o[r],o[r]=null),a&&a[r]&&(t[r]=t[r]||{},t[r].emphasis?C(t[r].emphasis,a[r]):t[r].emphasis=a[r],a[r]=null)}}function $f(t,e,n){if(t&&t[e]&&(t[e].normal||t[e].emphasis)){var i=t[e].normal,r=t[e].emphasis;i&&(n?(t[e].normal=t[e].emphasis=null,k(t[e],i)):t[e]=i),r&&(t.emphasis=t.emphasis||{},t.emphasis[e]=r,r.focus&&(t.emphasis.focus=r.focus),r.blurScope&&(t.emphasis.blurScope=r.blurScope))}}function Jf(t){$f(t,"itemStyle"),$f(t,"lineStyle"),$f(t,"areaStyle"),$f(t,"label"),$f(t,"labelLine"),$f(t,"upperLabel"),$f(t,"edgeLabel")}function Qf(t,e){var n=jf(t)&&t[e],i=jf(n)&&n.textStyle;if(i){0;for(var r=0,o=$o.length;r<o;r++){var a=$o[r];i.hasOwnProperty(a)&&(n[a]=i[a])}}}function tg(t){t&&(Jf(t),Qf(t,"label"),t.emphasis&&Qf(t.emphasis,"label"))}function eg(t){return U(t)?t:t?[t]:[]}function ng(t){return(U(t)?t[0]:t)||{}}function ig(t,e){Zf(eg(t.series),(function(t){jf(t)&&function(t){if(jf(t)){Kf(t),Jf(t),Qf(t,"label"),Qf(t,"upperLabel"),Qf(t,"edgeLabel"),t.emphasis&&(Qf(t.emphasis,"label"),Qf(t.emphasis,"upperLabel"),Qf(t.emphasis,"edgeLabel"));var e=t.markPoint;e&&(Kf(e),tg(e));var n=t.markLine;n&&(Kf(n),tg(n));var i=t.markArea;i&&tg(i);var r=t.data;if("graph"===t.type){r=r||t.nodes;var o=t.links||t.edges;if(o&&!$(o))for(var a=0;a<o.length;a++)tg(o[a]);z(t.categories,(function(t){Jf(t)}))}if(r&&!$(r))for(a=0;a<r.length;a++)tg(r[a]);if((e=t.markPoint)&&e.data){var s=e.data;for(a=0;a<s.length;a++)tg(s[a])}if((n=t.markLine)&&n.data){var l=n.data;for(a=0;a<l.length;a++)U(l[a])?(tg(l[a][0]),tg(l[a][1])):tg(l[a])}"gauge"===t.type?(Qf(t,"axisLabel"),Qf(t,"title"),Qf(t,"detail")):"treemap"===t.type?($f(t.breadcrumb,"itemStyle"),z(t.levels,(function(t){Jf(t)}))):"tree"===t.type&&Jf(t.leaves)}}(t)}));var n=["xAxis","yAxis","radiusAxis","angleAxis","singleAxis","parallelAxis","radar"];e&&n.push("valueAxis","categoryAxis","logAxis","timeAxis"),Zf(n,(function(e){Zf(eg(t[e]),(function(t){t&&(Qf(t,"axisLabel"),Qf(t.axisPointer,"label"))}))})),Zf(eg(t.parallel),(function(t){var e=t&&t.parallelAxisDefault;Qf(e,"axisLabel"),Qf(e&&e.axisPointer,"label")})),Zf(eg(t.calendar),(function(t){$f(t,"itemStyle"),Qf(t,"dayLabel"),Qf(t,"monthLabel"),Qf(t,"yearLabel")})),Zf(eg(t.radar),(function(t){Qf(t,"name"),t.name&&null==t.axisName&&(t.axisName=t.name,delete t.name),null!=t.nameGap&&null==t.axisNameGap&&(t.axisNameGap=t.nameGap,delete t.nameGap)})),Zf(eg(t.geo),(function(t){jf(t)&&(tg(t),Zf(eg(t.regions),(function(t){tg(t)})))})),Zf(eg(t.timeline),(function(t){tg(t),$f(t,"label"),$f(t,"itemStyle"),$f(t,"controlStyle",!0);var e=t.data;U(e)&&z(e,(function(t){q(t)&&($f(t,"label"),$f(t,"itemStyle"))}))})),Zf(eg(t.toolbox),(function(t){$f(t,"iconStyle"),Zf(t.feature,(function(t){$f(t,"iconStyle")}))})),Qf(ng(t.axisPointer),"label"),Qf(ng(t.tooltip).axisPointer,"label")}function rg(t){t&&z(og,(function(e){e[0]in t&&!(e[1]in t)&&(t[e[1]]=t[e[0]])}))}var og=[["x","left"],["y","top"],["x2","right"],["y2","bottom"]],ag=["grid","geo","parallel","legend","toolbox","title","visualMap","dataZoom","timeline"],sg=[["borderRadius","barBorderRadius"],["borderColor","barBorderColor"],["borderWidth","barBorderWidth"]];function lg(t){var e=t&&t.itemStyle;if(e)for(var n=0;n<sg.length;n++){var i=sg[n][1],r=sg[n][0];null!=e[i]&&(e[r]=e[i])}}function ug(t){t&&"edge"===t.alignTo&&null!=t.margin&&null==t.edgeDistance&&(t.edgeDistance=t.margin)}function cg(t){t&&t.downplay&&!t.blur&&(t.blur=t.downplay)}function hg(t,e){if(t)for(var n=0;n<t.length;n++)e(t[n]),t[n]&&hg(t[n].children,e)}function dg(t,e){ig(t,e),t.series=qo(t.series),z(t.series,(function(t){if(q(t)){var e=t.type;if("line"===e)null!=t.clipOverflow&&(t.clip=t.clipOverflow);else if("pie"===e||"gauge"===e){if(null!=t.clockWise&&(t.clockwise=t.clockWise),ug(t.label),(r=t.data)&&!$(r))for(var n=0;n<r.length;n++)ug(r[n]);null!=t.hoverOffset&&(t.emphasis=t.emphasis||{},(t.emphasis.scaleSize=null)&&(t.emphasis.scaleSize=t.hoverOffset))}else if("gauge"===e){var i=function(t,e){for(var n=e.split(","),i=t,r=0;r<n.length&&null!=(i=i&&i[n[r]]);r++);return i}(t,"pointer.color");null!=i&&function(t,e,n,i){for(var r,o=e.split(","),a=t,s=0;s<o.length-1;s++)null==a[r=o[s]]&&(a[r]={}),a=a[r];(i||null==a[o[s]])&&(a[o[s]]=n)}(t,"itemStyle.color",i)}else if("bar"===e){var r;if(lg(t),lg(t.backgroundStyle),lg(t.emphasis),(r=t.data)&&!$(r))for(n=0;n<r.length;n++)"object"==typeof r[n]&&(lg(r[n]),lg(r[n]&&r[n].emphasis))}else if("sunburst"===e){var o=t.highlightPolicy;o&&(t.emphasis=t.emphasis||{},t.emphasis.focus||(t.emphasis.focus=o)),cg(t),hg(t.data,cg)}else"graph"===e||"sankey"===e?function(t){t&&null!=t.focusNodeAdjacency&&(t.emphasis=t.emphasis||{},null==t.emphasis.focus&&(t.emphasis.focus="adjacency"))}(t):"map"===e&&(t.mapType&&!t.map&&(t.map=t.mapType),t.mapLocation&&k(t,t.mapLocation));null!=t.hoverAnimation&&(t.emphasis=t.emphasis||{},t.emphasis&&null==t.emphasis.scale&&(t.emphasis.scale=t.hoverAnimation)),rg(t)}})),t.dataRange&&(t.visualMap=t.dataRange),z(ag,(function(e){var n=t[e];n&&(U(n)||(n=[n]),z(n,(function(t){rg(t)})))}))}var pg,fg,gg,yg,vg,mg,xg=function(t){this.data=t.data||(t.sourceFormat===ff?{}:[]),this.sourceFormat=t.sourceFormat||yf,this.seriesLayoutBy=t.seriesLayoutBy||vf,this.startIndex=t.startIndex||0,this.dimensionsDetectedCount=t.dimensionsDetectedCount,this.metaRawOption=t.metaRawOption;var e=this.dimensionsDefine=t.dimensionsDefine;if(e)for(var n=0;n<e.length;n++){var i=e[n];null==i.type&&Tf(this,n)===xf&&(i.type="ordinal")}};function _g(t){return t instanceof xg}function bg(t,e,n){n=n||Sg(t);var i=e.seriesLayoutBy,r=function(t,e,n,i,r){var o,a;if(!t)return{dimensionsDefine:Mg(r),startIndex:a,dimensionsDetectedCount:o};if(e===df){var s=t;"auto"===i||null==i?Ig((function(t){null!=t&&"-"!==t&&(X(t)?null==a&&(a=1):a=0)}),n,s,10):a=j(i)?i:i?1:0,r||1!==a||(r=[],Ig((function(t,e){r[e]=null!=t?t+"":""}),n,s,1/0)),o=r?r.length:n===mf?s.length:s[0]?s[0].length:null}else if(e===pf)r||(r=function(t){var e,n=0;for(;n<t.length&&!(e=t[n++]););if(e)return F(e)}(t));else if(e===ff)r||(r=[],z(t,(function(t,e){r.push(e)})));else if(e===hf){var l=Jo(t[0]);o=U(l)&&l.length||1}return{startIndex:a,dimensionsDefine:Mg(r),dimensionsDetectedCount:o}}(t,n,i,e.sourceHeader,e.dimensions);return new xg({data:t,sourceFormat:n,seriesLayoutBy:i,dimensionsDefine:r.dimensionsDefine,startIndex:r.startIndex,dimensionsDetectedCount:r.dimensionsDetectedCount,metaRawOption:T(e)})}function wg(t){return new xg({data:t,sourceFormat:$(t)?gf:hf})}function Sg(t){var e=yf;if($(t))e=gf;else if(U(t)){0===t.length&&(e=df);for(var n=0,i=t.length;n<i;n++){var r=t[n];if(null!=r){if(U(r)||$(r)){e=df;break}if(q(r)){e=pf;break}}}}else if(q(t))for(var o in t)if(_t(t,o)&&N(t[o])){e=ff;break}return e}function Mg(t){if(t){var e=yt();return E(t,(function(t,n){var i={name:(t=q(t)?t:{name:t}).name,displayName:t.displayName,type:t.type};if(null==i.name)return i;i.name+="",null==i.displayName&&(i.displayName=i.name);var r=e.get(i.name);return r?i.name+="-"+r.count++:e.set(i.name,{count:1}),i}))}}function Ig(t,e,n,i){if(e===mf)for(var r=0;r<n.length&&r<i;r++)t(n[r]?n[r][0]:null,r);else{var o=n[0]||[];for(r=0;r<o.length&&r<i;r++)t(o[r],r)}}function Tg(t){var e=t.sourceFormat;return e===pf||e===ff}var Cg=function(){function t(t,e){var n=_g(t)?t:wg(t);this._source=n;var i=this._data=n.data,r=n.sourceFormat;n.seriesLayoutBy;r===gf&&(this._offset=0,this._dimSize=e,this._data=i),mg(this,i,n)}var e;return t.prototype.getSource=function(){return this._source},t.prototype.count=function(){return 0},t.prototype.getItem=function(t,e){},t.prototype.appendData=function(t){},t.prototype.clean=function(){},t.protoInitialize=((e=t.prototype).pure=!1,void(e.persistent=!0)),t.internalField=function(){var t;mg=function(t,r,o){var a=o.sourceFormat,s=o.seriesLayoutBy,l=o.startIndex,u=o.dimensionsDefine,c=vg[Bg(a,s)];if(A(t,c),a===gf)t.getItem=e,t.count=i,t.fillStorage=n;else{var h=Lg(a,s);t.getItem=W(h,null,r,l,u);var d=Rg(a,s);t.count=W(d,null,r,l,u)}};var e=function(t,e){t-=this._offset,e=e||[];for(var n=this._data,i=this._dimSize,r=i*t,o=0;o<i;o++)e[o]=n[r+o];return e},n=function(t,e,n,i){for(var r=this._data,o=this._dimSize,a=0;a<o;a++){for(var s=i[a],l=null==s[0]?1/0:s[0],u=null==s[1]?-1/0:s[1],c=e-t,h=n[a],d=0;d<c;d++){var p=r[d*o+a];h[t+d]=p,p<l&&(l=p),p>u&&(u=p)}s[0]=l,s[1]=u}},i=function(){return this._data?this._data.length/this._dimSize:0};function r(t){for(var e=0;e<t.length;e++)this._data.push(t[e])}(t={})[df+"_"+vf]={pure:!0,appendData:r},t[df+"_"+mf]={pure:!0,appendData:function(){throw new Error('Do not support appendData when set seriesLayoutBy: "row".')}},t[pf]={pure:!0,appendData:r},t[ff]={pure:!0,appendData:function(t){var e=this._data;z(t,(function(t,n){for(var i=e[n]||(e[n]=[]),r=0;r<(t||[]).length;r++)i.push(t[r])}))}},t[hf]={appendData:r},t[gf]={persistent:!1,pure:!0,appendData:function(t){this._data=t},clean:function(){this._offset+=this.count(),this._data=null}},vg=t}(),t}(),Dg=function(t){U(t)||Ho("series.data or dataset.source must be an array.")},Ag=((pg={})[df+"_"+vf]=Dg,pg[df+"_"+mf]=Dg,pg[pf]=Dg,pg[ff]=function(t,e){for(var n=0;n<e.length;n++){null==e[n].name&&Ho("dimension name must not be null/undefined.")}},pg[hf]=Dg,function(t,e,n,i){return t[i]}),kg=((fg={})[df+"_"+vf]=function(t,e,n,i){return t[i+e]},fg[df+"_"+mf]=function(t,e,n,i,r){i+=e;for(var o=r||[],a=t,s=0;s<a.length;s++){var l=a[s];o[s]=l?l[i]:null}return o},fg[pf]=Ag,fg[ff]=function(t,e,n,i,r){for(var o=r||[],a=0;a<n.length;a++){var s=n[a].name,l=null!=s?t[s]:null;o[a]=l?l[i]:null}return o},fg[hf]=Ag,fg);function Lg(t,e){var n=kg[Bg(t,e)];return n}var Pg=function(t,e,n){return t.length},Og=((gg={})[df+"_"+vf]=function(t,e,n){return Math.max(0,t.length-e)},gg[df+"_"+mf]=function(t,e,n){var i=t[0];return i?Math.max(0,i.length-e):0},gg[pf]=Pg,gg[ff]=function(t,e,n){var i=n[0].name,r=null!=i?t[i]:null;return r?r.length:0},gg[hf]=Pg,gg);function Rg(t,e){var n=Og[Bg(t,e)];return n}var Ng=function(t,e,n){return t[e]},zg=((yg={})[df]=Ng,yg[pf]=function(t,e,n){return t[n]},yg[ff]=Ng,yg[hf]=function(t,e,n){var i=Jo(t);return i instanceof Array?i[e]:i},yg[gf]=Ng,yg);function Eg(t){var e=zg[t];return e}function Bg(t,e){return t===df?t+"_"+e:t}function Vg(t,e,n){if(t){var i=t.getRawDataItem(e);if(null!=i){var r=t.getStore(),o=r.getSource().sourceFormat;if(null!=n){var a=t.getDimensionIndex(n),s=r.getDimensionProperty(a);return Eg(o)(i,a,s)}var l=i;return o===hf&&(l=Jo(i)),l}}}var Gg=/\{@(.+?)\}/g,Fg=function(){function t(){}return t.prototype.getDataParams=function(t,e){var n=this.getData(e),i=this.getRawValue(t,e),r=n.getRawIndex(t),o=n.getName(t),a=n.getRawDataItem(t),s=n.getItemVisual(t,"style"),l=s&&s[n.getItemVisual(t,"drawType")||"fill"],u=s&&s.stroke,c=this.mainType,h="series"===c,d=n.userOutput&&n.userOutput.get();return{componentType:c,componentSubType:this.subType,componentIndex:this.componentIndex,seriesType:h?this.subType:null,seriesIndex:this.seriesIndex,seriesId:h?this.id:null,seriesName:h?this.name:null,name:o,dataIndex:r,data:a,dataType:e,value:i,color:l,borderColor:u,dimensionNames:d?d.fullDimensions:null,encode:d?d.encode:null,$vars:["seriesName","name","value"]}},t.prototype.getFormattedLabel=function(t,e,n,i,r,o){e=e||"normal";var a=this.getData(n),s=this.getDataParams(t,n);(o&&(s.value=o.interpolatedValue),null!=i&&U(s.value)&&(s.value=s.value[i]),r)||(r=a.getItemModel(t).get("normal"===e?["label","formatter"]:[e,"label","formatter"]));return Y(r)?(s.status=e,s.dimensionIndex=i,r(s)):X(r)?_p(r,s).replace(Gg,(function(e,n){var i=n.length,r=n;"["===r.charAt(0)&&"]"===r.charAt(i-1)&&(r=+r.slice(1,i-1));var s=Vg(a,t,r);if(o&&U(o.interpolatedValue)){var l=a.getDimensionIndex(r);l>=0&&(s=o.interpolatedValue[l])}return null!=s?s+"":""})):void 0},t.prototype.getRawValue=function(t,e){return Vg(this.getData(e),t)},t.prototype.formatTooltip=function(t,e,n){},t}();function Wg(t){var e,n;return q(t)?t.type&&(n=t):e=t,{text:e,frag:n}}function Hg(t){return new Ug(t)}var Ug=function(){function t(t){t=t||{},this._reset=t.reset,this._plan=t.plan,this._count=t.count,this._onDirty=t.onDirty,this._dirty=!0}return t.prototype.perform=function(t){var e,n=this._upstream,i=t&&t.skip;if(this._dirty&&n){var r=this.context;r.data=r.outputData=n.context.outputData}this.__pipeline&&(this.__pipeline.currentTask=this),this._plan&&!i&&(e=this._plan(this.context));var o,a=c(this._modBy),s=this._modDataCount||0,l=c(t&&t.modBy),u=t&&t.modDataCount||0;function c(t){return!(t>=1)&&(t=1),t}a===l&&s===u||(e="reset"),(this._dirty||"reset"===e)&&(this._dirty=!1,o=this._doReset(i)),this._modBy=l,this._modDataCount=u;var h=t&&t.step;if(this._dueEnd=n?n._outputDueEnd:this._count?this._count(this.context):1/0,this._progress){var d=this._dueIndex,p=Math.min(null!=h?this._dueIndex+h:1/0,this._dueEnd);if(!i&&(o||d<p)){var f=this._progress;if(U(f))for(var g=0;g<f.length;g++)this._doProgress(f[g],d,p,l,u);else this._doProgress(f,d,p,l,u)}this._dueIndex=p;var y=null!=this._settedOutputEnd?this._settedOutputEnd:p;0,this._outputDueEnd=y}else this._dueIndex=this._outputDueEnd=null!=this._settedOutputEnd?this._settedOutputEnd:this._dueEnd;return this.unfinished()},t.prototype.dirty=function(){this._dirty=!0,this._onDirty&&this._onDirty(this.context)},t.prototype._doProgress=function(t,e,n,i,r){Yg.reset(e,n,i,r),this._callingProgress=t,this._callingProgress({start:e,end:n,count:n-e,next:Yg.next},this.context)},t.prototype._doReset=function(t){var e,n;this._dueIndex=this._outputDueEnd=this._dueEnd=0,this._settedOutputEnd=null,!t&&this._reset&&((e=this._reset(this.context))&&e.progress&&(n=e.forceFirstProgress,e=e.progress),U(e)&&!e.length&&(e=null)),this._progress=e,this._modBy=this._modDataCount=null;var i=this._downstream;return i&&i.dirty(),n},t.prototype.unfinished=function(){return this._progress&&this._dueIndex<this._dueEnd},t.prototype.pipe=function(t){(this._downstream!==t||this._dirty)&&(this._downstream=t,t._upstream=this,t.dirty())},t.prototype.dispose=function(){this._disposed||(this._upstream&&(this._upstream._downstream=null),this._downstream&&(this._downstream._upstream=null),this._dirty=!1,this._disposed=!0)},t.prototype.getUpstream=function(){return this._upstream},t.prototype.getDownstream=function(){return this._downstream},t.prototype.setOutputEnd=function(t){this._outputDueEnd=this._settedOutputEnd=t},t}(),Yg=function(){var t,e,n,i,r,o={reset:function(l,u,c,h){e=l,t=u,n=c,i=h,r=Math.ceil(i/n),o.next=n>1&&i>0?s:a}};return o;function a(){return e<t?e++:null}function s(){var o=e%r*n+Math.ceil(e/r),a=e>=t?null:o<i?o:e;return e++,a}}();function Xg(t,e){var n=e&&e.type;return"ordinal"===n?t:("time"!==n||j(t)||null==t||"-"===t||(t=+Ao(t)),null==t||""===t?NaN:Number(t))}var Zg=yt({number:function(t){return parseFloat(t)},time:function(t){return+Ao(t)},trim:function(t){return X(t)?ut(t):t}});function jg(t){return Zg.get(t)}var qg={lt:function(t,e){return t<e},lte:function(t,e){return t<=e},gt:function(t,e){return t>e},gte:function(t,e){return t>=e}},Kg=function(){function t(t,e){if(!j(e)){var n="";0,Yo(n)}this._opFn=qg[t],this._rvalFloat=No(e)}return t.prototype.evaluate=function(t){return j(t)?this._opFn(t,this._rvalFloat):this._opFn(No(t),this._rvalFloat)},t}(),$g=function(){function t(t,e){var n="desc"===t;this._resultLT=n?1:-1,null==e&&(e=n?"min":"max"),this._incomparable="min"===e?-1/0:1/0}return t.prototype.evaluate=function(t,e){var n=j(t)?t:No(t),i=j(e)?e:No(e),r=isNaN(n),o=isNaN(i);if(r&&(n=this._incomparable),o&&(i=this._incomparable),r&&o){var a=X(t),s=X(e);a&&(n=s?t:0),s&&(i=a?e:0)}return n<i?this._resultLT:n>i?-this._resultLT:0},t}(),Jg=function(){function t(t,e){this._rval=e,this._isEQ=t,this._rvalTypeof=typeof e,this._rvalFloat=No(e)}return t.prototype.evaluate=function(t){var e=t===this._rval;if(!e){var n=typeof t;n===this._rvalTypeof||"number"!==n&&"number"!==this._rvalTypeof||(e=No(t)===this._rvalFloat)}return this._isEQ?e:!e},t}();function Qg(t,e){return"eq"===t||"ne"===t?new Jg("eq"===t,e):_t(qg,t)?new Kg(t,e):null}var ty=function(){function t(){}return t.prototype.getRawData=function(){throw new Error("not supported")},t.prototype.getRawDataItem=function(t){throw new Error("not supported")},t.prototype.cloneRawData=function(){},t.prototype.getDimensionInfo=function(t){},t.prototype.cloneAllDimensionInfo=function(){},t.prototype.count=function(){},t.prototype.retrieveValue=function(t,e){},t.prototype.retrieveValueFromItem=function(t,e){},t.prototype.convertValue=function(t,e){return Xg(t,e)},t}();function ey(t){var e=t.sourceFormat;if(!sy(e)){var n="";0,Yo(n)}return t.data}function ny(t){var e=t.sourceFormat,n=t.data;if(!sy(e)){var i="";0,Yo(i)}if(e===df){for(var r=[],o=0,a=n.length;o<a;o++)r.push(n[o].slice());return r}if(e===pf){for(r=[],o=0,a=n.length;o<a;o++)r.push(A({},n[o]));return r}}function iy(t,e,n){if(null!=n)return j(n)||!isNaN(n)&&!_t(e,n)?t[n]:_t(e,n)?e[n]:void 0}function ry(t){return T(t)}var oy=yt();function ay(t,e,n,i){var r="";e.length||Yo(r),q(t)||Yo(r);var o=t.type,a=oy.get(o);a||Yo(r);var s=E(e,(function(t){return function(t,e){var n=new ty,i=t.data,r=n.sourceFormat=t.sourceFormat,o=t.startIndex,a="";t.seriesLayoutBy!==vf&&Yo(a);var s=[],l={},u=t.dimensionsDefine;if(u)z(u,(function(t,e){var n=t.name,i={index:e,name:n,displayName:t.displayName};if(s.push(i),null!=n){var r="";_t(l,n)&&Yo(r),l[n]=i}}));else for(var c=0;c<t.dimensionsDetectedCount;c++)s.push({index:c});var h=Lg(r,vf);e.__isBuiltIn&&(n.getRawDataItem=function(t){return h(i,o,s,t)},n.getRawData=W(ey,null,t)),n.cloneRawData=W(ny,null,t);var d=Rg(r,vf);n.count=W(d,null,i,o,s);var p=Eg(r);n.retrieveValue=function(t,e){var n=h(i,o,s,t);return f(n,e)};var f=n.retrieveValueFromItem=function(t,e){if(null!=t){var n=s[e];return n?p(t,e,n.name):void 0}};return n.getDimensionInfo=W(iy,null,s,l),n.cloneAllDimensionInfo=W(ry,null,s),n}(t,a)})),l=qo(a.transform({upstream:s[0],upstreamList:s,config:T(t.config)}));return E(l,(function(t,n){var i,r="";q(t)||Yo(r),t.data||Yo(r),sy(Sg(t.data))||Yo(r);var o=e[0];if(o&&0===n&&!t.dimensions){var a=o.startIndex;a&&(t.data=o.data.slice(0,a).concat(t.data)),i={seriesLayoutBy:vf,sourceHeader:a,dimensions:o.metaRawOption.dimensions}}else i={seriesLayoutBy:vf,sourceHeader:0,dimensions:t.dimensions};return bg(t.data,i,null)}))}function sy(t){return t===df||t===pf}var ly,uy="undefined",cy=typeof Uint32Array===uy?Array:Uint32Array,hy=typeof Uint16Array===uy?Array:Uint16Array,dy=typeof Int32Array===uy?Array:Int32Array,py=typeof Float64Array===uy?Array:Float64Array,fy={float:py,int:dy,ordinal:Array,number:Array,time:py};function gy(t){return t>65535?cy:hy}function yy(t,e,n,i,r){var o=fy[n||"float"];if(r){var a=t[e],s=a&&a.length;if(s!==i){for(var l=new o(i),u=0;u<s;u++)l[u]=a[u];t[e]=l}}else t[e]=new o(i)}var vy=function(){function t(){this._chunks=[],this._rawExtent=[],this._extent=[],this._count=0,this._rawCount=0,this._calcDimNameToIdx=yt()}return t.prototype.initData=function(t,e,n){this._provider=t,this._chunks=[],this._indices=null,this.getRawIndex=this._getRawIdxIdentity;var i=t.getSource(),r=this.defaultDimValueGetter=ly[i.sourceFormat];this._dimValueGetter=n||r,this._rawExtent=[];Tg(i);this._dimensions=E(e,(function(t){return{type:t.type,property:t.property}})),this._initDataFromProvider(0,t.count())},t.prototype.getProvider=function(){return this._provider},t.prototype.getSource=function(){return this._provider.getSource()},t.prototype.ensureCalculationDimension=function(t,e){var n=this._calcDimNameToIdx,i=this._dimensions,r=n.get(t);if(null!=r){if(i[r].type===e)return r}else r=i.length;return i[r]={type:e},n.set(t,r),this._chunks[r]=new fy[e||"float"](this._rawCount),this._rawExtent[r]=[1/0,-1/0],r},t.prototype.collectOrdinalMeta=function(t,e){var n=this._chunks[t],i=this._dimensions[t],r=this._rawExtent,o=i.ordinalOffset||0,a=n.length;0===o&&(r[t]=[1/0,-1/0]);for(var s=r[t],l=o;l<a;l++){var u=n[l]=e.parseAndCollect(n[l]);isNaN(u)||(s[0]=Math.min(u,s[0]),s[1]=Math.max(u,s[1]))}i.ordinalMeta=e,i.ordinalOffset=a,i.type="ordinal"},t.prototype.getOrdinalMeta=function(t){return this._dimensions[t].ordinalMeta},t.prototype.getDimensionProperty=function(t){var e=this._dimensions[t];return e&&e.property},t.prototype.appendData=function(t){var e=this._provider,n=this.count();e.appendData(t);var i=e.count();return e.persistent||(i+=n),n<i&&this._initDataFromProvider(n,i,!0),[n,i]},t.prototype.appendValues=function(t,e){for(var n=this._chunks,i=this._dimensions,r=i.length,o=this._rawExtent,a=this.count(),s=a+Math.max(t.length,e||0),l=0;l<r;l++){yy(n,l,(p=i[l]).type,s,!0)}for(var u=[],c=a;c<s;c++)for(var h=c-a,d=0;d<r;d++){var p=i[d],f=ly.arrayRows.call(this,t[h]||u,p.property,h,d);n[d][c]=f;var g=o[d];f<g[0]&&(g[0]=f),f>g[1]&&(g[1]=f)}return this._rawCount=this._count=s,{start:a,end:s}},t.prototype._initDataFromProvider=function(t,e,n){for(var i=this._provider,r=this._chunks,o=this._dimensions,a=o.length,s=this._rawExtent,l=E(o,(function(t){return t.property})),u=0;u<a;u++){var c=o[u];s[u]||(s[u]=[1/0,-1/0]),yy(r,u,c.type,e,n)}if(i.fillStorage)i.fillStorage(t,e,r,s);else for(var h=[],d=t;d<e;d++){h=i.getItem(d,h);for(var p=0;p<a;p++){var f=r[p],g=this._dimValueGetter(h,l[p],d,p);f[d]=g;var y=s[p];g<y[0]&&(y[0]=g),g>y[1]&&(y[1]=g)}}!i.persistent&&i.clean&&i.clean(),this._rawCount=this._count=e,this._extent=[]},t.prototype.count=function(){return this._count},t.prototype.get=function(t,e){if(!(e>=0&&e<this._count))return NaN;var n=this._chunks[t];return n?n[this.getRawIndex(e)]:NaN},t.prototype.getValues=function(t,e){var n=[],i=[];if(null==e){e=t,t=[];for(var r=0;r<this._dimensions.length;r++)i.push(r)}else i=t;r=0;for(var o=i.length;r<o;r++)n.push(this.get(i[r],e));return n},t.prototype.getByRawIndex=function(t,e){if(!(e>=0&&e<this._rawCount))return NaN;var n=this._chunks[t];return n?n[e]:NaN},t.prototype.getSum=function(t){var e=0;if(this._chunks[t])for(var n=0,i=this.count();n<i;n++){var r=this.get(t,n);isNaN(r)||(e+=r)}return e},t.prototype.getMedian=function(t){var e=[];this.each([t],(function(t){isNaN(t)||e.push(t)}));var n=e.sort((function(t,e){return t-e})),i=this.count();return 0===i?0:i%2==1?n[(i-1)/2]:(n[i/2]+n[i/2-1])/2},t.prototype.indexOfRawIndex=function(t){if(t>=this._rawCount||t<0)return-1;if(!this._indices)return t;var e=this._indices,n=e[t];if(null!=n&&n<this._count&&n===t)return t;for(var i=0,r=this._count-1;i<=r;){var o=(i+r)/2|0;if(e[o]<t)i=o+1;else{if(!(e[o]>t))return o;r=o-1}}return-1},t.prototype.getIndices=function(){var t,e=this._indices;if(e){var n=e.constructor,i=this._count;if(n===Array){t=new n(i);for(var r=0;r<i;r++)t[r]=e[r]}else t=new n(e.buffer,0,i)}else{t=new(n=gy(this._rawCount))(this.count());for(r=0;r<t.length;r++)t[r]=r}return t},t.prototype.filter=function(t,e){if(!this._count)return this;for(var n=this.clone(),i=n.count(),r=new(gy(n._rawCount))(i),o=[],a=t.length,s=0,l=t[0],u=n._chunks,c=0;c<i;c++){var h=void 0,d=n.getRawIndex(c);if(0===a)h=e(c);else if(1===a){h=e(u[l][d],c)}else{for(var p=0;p<a;p++)o[p]=u[t[p]][d];o[p]=c,h=e.apply(null,o)}h&&(r[s++]=d)}return s<i&&(n._indices=r),n._count=s,n._extent=[],n._updateGetRawIdx(),n},t.prototype.selectRange=function(t){var e=this.clone(),n=e._count;if(!n)return this;var i=F(t),r=i.length;if(!r)return this;var o=e.count(),a=new(gy(e._rawCount))(o),s=0,l=i[0],u=t[l][0],c=t[l][1],h=e._chunks,d=!1;if(!e._indices){var p=0;if(1===r){for(var f=h[i[0]],g=0;g<n;g++){((x=f[g])>=u&&x<=c||isNaN(x))&&(a[s++]=p),p++}d=!0}else if(2===r){f=h[i[0]];var y=h[i[1]],v=t[i[1]][0],m=t[i[1]][1];for(g=0;g<n;g++){var x=f[g],_=y[g];(x>=u&&x<=c||isNaN(x))&&(_>=v&&_<=m||isNaN(_))&&(a[s++]=p),p++}d=!0}}if(!d)if(1===r)for(g=0;g<o;g++){var b=e.getRawIndex(g);((x=h[i[0]][b])>=u&&x<=c||isNaN(x))&&(a[s++]=b)}else for(g=0;g<o;g++){for(var w=!0,S=(b=e.getRawIndex(g),0);S<r;S++){var M=i[S];((x=h[M][b])<t[M][0]||x>t[M][1])&&(w=!1)}w&&(a[s++]=e.getRawIndex(g))}return s<o&&(e._indices=a),e._count=s,e._extent=[],e._updateGetRawIdx(),e},t.prototype.map=function(t,e){var n=this.clone(t);return this._updateDims(n,t,e),n},t.prototype.modify=function(t,e){this._updateDims(this,t,e)},t.prototype._updateDims=function(t,e,n){for(var i=t._chunks,r=[],o=e.length,a=t.count(),s=[],l=t._rawExtent,u=0;u<e.length;u++)l[e[u]]=[1/0,-1/0];for(var c=0;c<a;c++){for(var h=t.getRawIndex(c),d=0;d<o;d++)s[d]=i[e[d]][h];s[o]=c;var p=n&&n.apply(null,s);if(null!=p){"object"!=typeof p&&(r[0]=p,p=r);for(u=0;u<p.length;u++){var f=e[u],g=p[u],y=l[f],v=i[f];v&&(v[h]=g),g<y[0]&&(y[0]=g),g>y[1]&&(y[1]=g)}}}},t.prototype.lttbDownSample=function(t,e){var n,i,r,o=this.clone([t],!0),a=o._chunks[t],s=this.count(),l=0,u=Math.floor(1/e),c=this.getRawIndex(0),h=new(gy(this._rawCount))(Math.min(2*(Math.ceil(s/u)+2),s));h[l++]=c;for(var d=1;d<s-1;d+=u){for(var p=Math.min(d+u,s-1),f=Math.min(d+2*u,s),g=(f+p)/2,y=0,v=p;v<f;v++){var m=a[I=this.getRawIndex(v)];isNaN(m)||(y+=m)}y/=f-p;var x=d,_=Math.min(d+u,s),b=d-1,w=a[c];n=-1,r=x;var S=-1,M=0;for(v=x;v<_;v++){var I;m=a[I=this.getRawIndex(v)];isNaN(m)?(M++,S<0&&(S=I)):(i=Math.abs((b-g)*(m-w)-(b-v)*(y-w)))>n&&(n=i,r=I)}M>0&&M<_-x&&(h[l++]=Math.min(S,r),r=Math.max(S,r)),h[l++]=r,c=r}return h[l++]=this.getRawIndex(s-1),o._count=l,o._indices=h,o.getRawIndex=this._getRawIdx,o},t.prototype.minmaxDownSample=function(t,e){for(var n=this.clone([t],!0),i=n._chunks,r=Math.floor(1/e),o=i[t],a=this.count(),s=new(gy(this._rawCount))(2*Math.ceil(a/r)),l=0,u=0;u<a;u+=r){var c=u,h=o[this.getRawIndex(c)],d=u,p=o[this.getRawIndex(d)],f=r;u+r>a&&(f=a-u);for(var g=0;g<f;g++){var y=o[this.getRawIndex(u+g)];y<h&&(h=y,c=u+g),y>p&&(p=y,d=u+g)}var v=this.getRawIndex(c),m=this.getRawIndex(d);c<d?(s[l++]=v,s[l++]=m):(s[l++]=m,s[l++]=v)}return n._count=l,n._indices=s,n._updateGetRawIdx(),n},t.prototype.downSample=function(t,e,n,i){for(var r=this.clone([t],!0),o=r._chunks,a=[],s=Math.floor(1/e),l=o[t],u=this.count(),c=r._rawExtent[t]=[1/0,-1/0],h=new(gy(this._rawCount))(Math.ceil(u/s)),d=0,p=0;p<u;p+=s){s>u-p&&(s=u-p,a.length=s);for(var f=0;f<s;f++){var g=this.getRawIndex(p+f);a[f]=l[g]}var y=n(a),v=this.getRawIndex(Math.min(p+i(a,y)||0,u-1));l[v]=y,y<c[0]&&(c[0]=y),y>c[1]&&(c[1]=y),h[d++]=v}return r._count=d,r._indices=h,r._updateGetRawIdx(),r},t.prototype.each=function(t,e){if(this._count)for(var n=t.length,i=this._chunks,r=0,o=this.count();r<o;r++){var a=this.getRawIndex(r);switch(n){case 0:e(r);break;case 1:e(i[t[0]][a],r);break;case 2:e(i[t[0]][a],i[t[1]][a],r);break;default:for(var s=0,l=[];s<n;s++)l[s]=i[t[s]][a];l[s]=r,e.apply(null,l)}}},t.prototype.getDataExtent=function(t){var e=this._chunks[t],n=[1/0,-1/0];if(!e)return n;var i,r=this.count();if(!this._indices)return this._rawExtent[t].slice();if(i=this._extent[t])return i.slice();for(var o=(i=n)[0],a=i[1],s=0;s<r;s++){var l=e[this.getRawIndex(s)];l<o&&(o=l),l>a&&(a=l)}return i=[o,a],this._extent[t]=i,i},t.prototype.getRawDataItem=function(t){var e=this.getRawIndex(t);if(this._provider.persistent)return this._provider.getItem(e);for(var n=[],i=this._chunks,r=0;r<i.length;r++)n.push(i[r][e]);return n},t.prototype.clone=function(e,n){var i,r,o=new t,a=this._chunks,s=e&&B(e,(function(t,e){return t[e]=!0,t}),{});if(s)for(var l=0;l<a.length;l++)o._chunks[l]=s[l]?(i=a[l],r=void 0,(r=i.constructor)===Array?i.slice():new r(i)):a[l];else o._chunks=a;return this._copyCommonProps(o),n||(o._indices=this._cloneIndices()),o._updateGetRawIdx(),o},t.prototype._copyCommonProps=function(t){t._count=this._count,t._rawCount=this._rawCount,t._provider=this._provider,t._dimensions=this._dimensions,t._extent=T(this._extent),t._rawExtent=T(this._rawExtent)},t.prototype._cloneIndices=function(){if(this._indices){var t=this._indices.constructor,e=void 0;if(t===Array){var n=this._indices.length;e=new t(n);for(var i=0;i<n;i++)e[i]=this._indices[i]}else e=new t(this._indices);return e}return null},t.prototype._getRawIdxIdentity=function(t){return t},t.prototype._getRawIdx=function(t){return t<this._count&&t>=0?this._indices[t]:-1},t.prototype._updateGetRawIdx=function(){this.getRawIndex=this._indices?this._getRawIdx:this._getRawIdxIdentity},t.internalField=function(){function t(t,e,n,i){return Xg(t[i],this._dimensions[i])}ly={arrayRows:t,objectRows:function(t,e,n,i){return Xg(t[e],this._dimensions[i])},keyedColumns:t,original:function(t,e,n,i){var r=t&&(null==t.value?t:t.value);return Xg(r instanceof Array?r[i]:r,this._dimensions[i])},typedArray:function(t,e,n,i){return t[i]}}}(),t}(),my=function(){function t(t){this._sourceList=[],this._storeList=[],this._upstreamSignList=[],this._versionSignBase=0,this._dirty=!0,this._sourceHost=t}return t.prototype.dirty=function(){this._setLocalSource([],[]),this._storeList=[],this._dirty=!0},t.prototype._setLocalSource=function(t,e){this._sourceList=t,this._upstreamSignList=e,this._versionSignBase++,this._versionSignBase>9e10&&(this._versionSignBase=0)},t.prototype._getVersionSign=function(){return this._sourceHost.uid+"_"+this._versionSignBase},t.prototype.prepareSource=function(){this._isDirty()&&(this._createSource(),this._dirty=!1)},t.prototype._createSource=function(){this._setLocalSource([],[]);var t,e,n=this._sourceHost,i=this._getUpstreamSourceManagers(),r=!!i.length;if(_y(n)){var o=n,a=void 0,s=void 0,l=void 0;if(r){var u=i[0];u.prepareSource(),a=(l=u.getSource()).data,s=l.sourceFormat,e=[u._getVersionSign()]}else s=$(a=o.get("data",!0))?gf:hf,e=[];var c=this._getSourceMetaRawOption()||{},h=l&&l.metaRawOption||{},d=rt(c.seriesLayoutBy,h.seriesLayoutBy)||null,p=rt(c.sourceHeader,h.sourceHeader),f=rt(c.dimensions,h.dimensions);t=d!==h.seriesLayoutBy||!!p!=!!h.sourceHeader||f?[bg(a,{seriesLayoutBy:d,sourceHeader:p,dimensions:f},s)]:[]}else{var g=n;if(r){var y=this._applyTransform(i);t=y.sourceList,e=y.upstreamSignList}else{t=[bg(g.get("source",!0),this._getSourceMetaRawOption(),null)],e=[]}}this._setLocalSource(t,e)},t.prototype._applyTransform=function(t){var e,n=this._sourceHost,i=n.get("transform",!0),r=n.get("fromTransformResult",!0);if(null!=r){var o="";1!==t.length&&by(o)}var a,s=[],l=[];return z(t,(function(t){t.prepareSource();var e=t.getSource(r||0),n="";null==r||e||by(n),s.push(e),l.push(t._getVersionSign())})),i?e=function(t,e,n){var i=qo(t),r=i.length,o="";r||Yo(o);for(var a=0,s=r;a<s;a++)e=ay(i[a],e),a!==s-1&&(e.length=Math.max(e.length,1));return e}(i,s,n.componentIndex):null!=r&&(e=[(a=s[0],new xg({data:a.data,sourceFormat:a.sourceFormat,seriesLayoutBy:a.seriesLayoutBy,dimensionsDefine:T(a.dimensionsDefine),startIndex:a.startIndex,dimensionsDetectedCount:a.dimensionsDetectedCount}))]),{sourceList:e,upstreamSignList:l}},t.prototype._isDirty=function(){if(this._dirty)return!0;for(var t=this._getUpstreamSourceManagers(),e=0;e<t.length;e++){var n=t[e];if(n._isDirty()||this._upstreamSignList[e]!==n._getVersionSign())return!0}},t.prototype.getSource=function(t){t=t||0;var e=this._sourceList[t];if(!e){var n=this._getUpstreamSourceManagers();return n[0]&&n[0].getSource(t)}return e},t.prototype.getSharedDataStore=function(t){var e=t.makeStoreSchema();return this._innerGetDataStore(e.dimensions,t.source,e.hash)},t.prototype._innerGetDataStore=function(t,e,n){var i=this._storeList,r=i[0];r||(r=i[0]={});var o=r[n];if(!o){var a=this._getUpstreamSourceManagers()[0];_y(this._sourceHost)&&a?o=a._innerGetDataStore(t,e,n):(o=new vy).initData(new Cg(e,t.length),t),r[n]=o}return o},t.prototype._getUpstreamSourceManagers=function(){var t=this._sourceHost;if(_y(t)){var e=If(t);return e?[e.getSourceManager()]:[]}return E(function(t){return t.get("transform",!0)||t.get("fromTransformResult",!0)?pa(t.ecModel,"dataset",{index:t.get("fromDatasetIndex",!0),id:t.get("fromDatasetId",!0)},ha).models:[]}(t),(function(t){return t.getSourceManager()}))},t.prototype._getSourceMetaRawOption=function(){var t,e,n,i=this._sourceHost;if(_y(i))t=i.get("seriesLayoutBy",!0),e=i.get("sourceHeader",!0),n=i.get("dimensions",!0);else if(!this._getUpstreamSourceManagers().length){var r=i;t=r.get("seriesLayoutBy",!0),e=r.get("sourceHeader",!0),n=r.get("dimensions",!0)}return{seriesLayoutBy:t,sourceHeader:e,dimensions:n}},t}();function xy(t){t.option.transform&&ht(t.option.transform)}function _y(t){return"series"===t.mainType}function by(t){throw new Error(t)}function wy(t){var e=t.lineHeight;return null==e?"line-height:1":"line-height:"+oe(e+"")+"px"}function Sy(t,e){var n=t.color||tf.color.tertiary,i=t.fontSize||12,r=t.fontWeight||"400",o=t.color||tf.color.secondary,a=t.fontSize||14,s=t.fontWeight||"900";return"html"===e?{nameStyle:"font-size:"+oe(i+"")+"px;color:"+oe(n)+";font-weight:"+oe(r+""),valueStyle:"font-size:"+oe(a+"")+"px;color:"+oe(o)+";font-weight:"+oe(s+"")}:{nameStyle:{fontSize:i,fill:n,fontWeight:r},valueStyle:{fontSize:a,fill:o,fontWeight:s}}}var My=[0,10,20,30],Iy=["","\n","\n\n","\n\n\n"];function Ty(t,e){return e.type=t,e}function Cy(t){return"section"===t.type}function Dy(t){return Cy(t)?ky:Ly}function Ay(t){if(Cy(t)){var e=0,n=t.blocks.length,i=n>1||n>0&&!t.noHeader;return z(t.blocks,(function(t){var n=Ay(t);n>=e&&(e=n+ +(i&&(!n||Cy(t)&&!t.noHeader)))})),e}return 0}function ky(t,e,n,i){var r,o=e.noHeader,a=(r=Ay(e),{html:My[r],richText:Iy[r]}),s=[],l=e.blocks||[];lt(!l||U(l)),l=l||[];var u=t.orderMode;if(e.sortBlocks&&u){l=l.slice();var c={valueAsc:"asc",valueDesc:"desc"};if(_t(c,u)){var h=new $g(c[u],null);l.sort((function(t,e){return h.evaluate(t.sortParam,e.sortParam)}))}else"seriesDesc"===u&&l.reverse()}z(l,(function(n,r){var o=e.valueFormatter,l=Dy(n)(o?A(A({},t),{valueFormatter:o}):t,n,r>0?a.html:0,i);null!=l&&s.push(l)}));var d="richText"===t.renderMode?s.join(a.richText):Oy(i,s.join(""),o?n:a.html);if(o)return d;var p=vp(e.header,"ordinal",t.useUTC),f=Sy(i,t.renderMode).nameStyle,g=wy(i);return"richText"===t.renderMode?Ry(t,p,f)+a.richText+d:Oy(i,'<div style="'+f+";"+g+';">'+oe(p)+"</div>"+d,n)}function Ly(t,e,n,i){var r=t.renderMode,o=e.noName,a=e.noValue,s=!e.markerType,l=e.name,u=t.useUTC,c=e.valueFormatter||t.valueFormatter||function(t){return E(t=U(t)?t:[t],(function(t,e){return vp(t,U(p)?p[e]:p,u)}))};if(!o||!a){var h=s?"":t.markupStyleCreator.makeTooltipMarker(e.markerType,e.markerColor||tf.color.secondary,r),d=o?"":vp(l,"ordinal",u),p=e.valueType,f=a?[]:c(e.value,e.dataIndex),g=!s||!o,y=!s&&o,v=Sy(i,r),m=v.nameStyle,x=v.valueStyle;return"richText"===r?(s?"":h)+(o?"":Ry(t,d,m))+(a?"":function(t,e,n,i,r){var o=[r],a=i?10:20;return n&&o.push({padding:[0,0,0,a],align:"right"}),t.markupStyleCreator.wrapRichTextStyle(U(e)?e.join("  "):e,o)}(t,f,g,y,x)):Oy(i,(s?"":h)+(o?"":function(t,e,n){return'<span style="'+n+";"+(e?"margin-left:2px":"")+'">'+oe(t)+"</span>"}(d,!s,m))+(a?"":function(t,e,n,i){var r=n?"10px":"20px",o=e?"float:right;margin-left:"+r:"";return t=U(t)?t:[t],'<span style="'+o+";"+i+'">'+E(t,(function(t){return oe(t)})).join("&nbsp;&nbsp;")+"</span>"}(f,g,y,x)),n)}}function Py(t,e,n,i,r,o){if(t)return Dy(t)({useUTC:r,renderMode:n,orderMode:i,markupStyleCreator:e,valueFormatter:t.valueFormatter},t,0,o)}function Oy(t,e,n){return'<div style="'+("margin: "+n+"px 0 0")+";"+wy(t)+';">'+e+'<div style="clear:both"></div></div>'}function Ry(t,e,n){return t.markupStyleCreator.wrapRichTextStyle(e,n)}function Ny(t,e){return wp(t.getData().getItemVisual(e,"style")[t.visualDrawType])}function zy(t,e){var n=t.get("padding");return null!=n?n:"richText"===e?[8,10]:10}var Ey=function(){function t(){this.richTextStyles={},this._nextStyleNameId=Eo()}return t.prototype._generateStyleName=function(){return"__EC_aUTo_"+this._nextStyleNameId++},t.prototype.makeTooltipMarker=function(t,e,n){var i="richText"===n?this._generateStyleName():null,r=bp({color:e,type:t,renderMode:n,markerId:i});return X(r)?r:(this.richTextStyles[i]=r.style,r.content)},t.prototype.wrapRichTextStyle=function(t,e){var n={};U(e)?z(e,(function(t){return A(n,t)})):A(n,e);var i=this._generateStyleName();return this.richTextStyles[i]=n,"{"+i+"|"+t+"}"},t}();function By(t){var e,n,i,r,o=t.series,a=t.dataIndex,s=t.multipleSeries,l=o.getData(),u=l.mapDimensionsAll("defaultedTooltip"),c=u.length,h=o.getRawValue(a),d=U(h),p=Ny(o,a);if(c>1||d&&!c){var f=function(t,e,n,i,r){var o=e.getData(),a=B(t,(function(t,e,n){var i=o.getDimensionInfo(n);return t||i&&!1!==i.tooltip&&null!=i.displayName}),!1),s=[],l=[],u=[];function c(t,e){var n=o.getDimensionInfo(e);n&&!1!==n.otherDims.tooltip&&(a?u.push(Ty("nameValue",{markerType:"subItem",markerColor:r,name:n.displayName,value:t,valueType:n.type})):(s.push(t),l.push(n.type)))}return i.length?z(i,(function(t){c(Vg(o,n,t),t)})):z(t,c),{inlineValues:s,inlineValueTypes:l,blocks:u}}(h,o,a,u,p);e=f.inlineValues,n=f.inlineValueTypes,i=f.blocks,r=f.inlineValues[0]}else if(c){var g=l.getDimensionInfo(u[0]);r=e=Vg(l,a,u[0]),n=g.type}else r=e=d?h[0]:h;var y=ra(o),v=y&&o.name||"",m=l.getName(a),x=s?v:m;return Ty("section",{header:v,noHeader:s||!y,sortParam:r,blocks:[Ty("nameValue",{markerType:"item",markerColor:p,name:x,noName:!ut(x),value:e,valueType:n,dataIndex:a})].concat(i||[])})}var Vy=sa();function Gy(t,e){return t.getName(e)||t.getId(e)}var Fy="__universalTransitionEnabled",Wy=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e._selectedDataIndicesMap={},e}var i;return n(e,t),e.prototype.init=function(t,e,n){this.seriesIndex=this.componentIndex,this.dataTask=Hg({count:Uy,reset:Yy}),this.dataTask.context={model:this},this.mergeDefaultAndTheme(t,n),(Vy(this).sourceManager=new my(this)).prepareSource();var i=this.getInitialData(t,n);Zy(i,this),this.dataTask.context.data=i,Vy(this).dataBeforeProcessed=i,Hy(this),this._initSelectedMapFromData(i)},e.prototype.mergeDefaultAndTheme=function(t,e){var n=jp(this),i=n?Kp(t):{},r=this.subType;Qp.hasClass(r)&&(r+="Series"),C(t,e.getTheme().get(this.subType)),C(t,this.getDefaultOption()),Ko(t,"label",["show"]),this.fillDataTextStyle(t.data),n&&qp(t,i,n)},e.prototype.mergeOption=function(t,e){t=C(this.option,t,!0),this.fillDataTextStyle(t.data);var n=jp(this);n&&qp(this.option,t,n);var i=Vy(this).sourceManager;i.dirty(),i.prepareSource();var r=this.getInitialData(t,e);Zy(r,this),this.dataTask.dirty(),this.dataTask.context.data=r,Vy(this).dataBeforeProcessed=r,Hy(this),this._initSelectedMapFromData(r)},e.prototype.fillDataTextStyle=function(t){if(t&&!$(t))for(var e=["show"],n=0;n<t.length;n++)t[n]&&t[n].label&&Ko(t[n],"label",e)},e.prototype.getInitialData=function(t,e){},e.prototype.appendData=function(t){this.getRawData().appendData(t.data)},e.prototype.getData=function(t){var e=qy(this);if(e){var n=e.context.data;return null!=t&&n.getLinkedData?n.getLinkedData(t):n}return Vy(this).data},e.prototype.getAllData=function(){var t=this.getData();return t&&t.getLinkedDataAll?t.getLinkedDataAll():[{data:t}]},e.prototype.setData=function(t){var e=qy(this);if(e){var n=e.context;n.outputData=t,e!==this.dataTask&&(n.data=t)}Vy(this).data=t},e.prototype.getEncode=function(){var t=this.get("encode",!0);if(t)return yt(t)},e.prototype.getSourceManager=function(){return Vy(this).sourceManager},e.prototype.getSource=function(){return this.getSourceManager().getSource()},e.prototype.getRawData=function(){return Vy(this).dataBeforeProcessed},e.prototype.getColorBy=function(){return this.get("colorBy")||"series"},e.prototype.isColorBySeries=function(){return"series"===this.getColorBy()},e.prototype.getBaseAxis=function(){var t=this.coordinateSystem;return t&&t.getBaseAxis&&t.getBaseAxis()},e.prototype.indicesOfNearest=function(t,e,n,i){var r=this.getData(),o=this.coordinateSystem,a=o&&o.getAxis(t);if(!o||!a)return[];var s=a.dataToCoord(n);null==i&&(i=1/0);var l=[],u=1/0,c=-1,h=0;return r.each(e,(function(t,e){var n=a.dataToCoord(t),r=s-n,o=Math.abs(r);o<=i&&((o<u||o===u&&r>=0&&c<0)&&(u=o,c=r,h=0),r===c&&(l[h++]=e))})),l.length=h,l},e.prototype.formatTooltip=function(t,e,n){return By({series:this,dataIndex:t,multipleSeries:e})},e.prototype.isAnimationEnabled=function(){var t=this.ecModel;if(r.node&&(!t||!t.ssr))return!1;var e=this.getShallow("animation");return e&&this.getData().count()>this.getShallow("animationThreshold")&&(e=!1),!!e},e.prototype.restoreData=function(){this.dataTask.dirty()},e.prototype.getColorFromPalette=function(t,e,n){var i=this.ecModel,r=Rf.prototype.getColorFromPalette.call(this,t,e,n);return r||(r=i.getColorFromPalette(t,e,n)),r},e.prototype.coordDimToDataDim=function(t){return this.getRawData().mapDimensionsAll(t)},e.prototype.getProgressive=function(){return this.get("progressive")},e.prototype.getProgressiveThreshold=function(){return this.get("progressiveThreshold")},e.prototype.select=function(t,e){this._innerSelect(this.getData(e),t)},e.prototype.unselect=function(t,e){var n=this.option.selectedMap;if(n){var i=this.option.selectedMode,r=this.getData(e);if("series"===i||"all"===n)return this.option.selectedMap={},void(this._selectedDataIndicesMap={});for(var o=0;o<t.length;o++){var a=Gy(r,t[o]);n[a]=!1,this._selectedDataIndicesMap[a]=-1}}},e.prototype.toggleSelect=function(t,e){for(var n=[],i=0;i<t.length;i++)n[0]=t[i],this.isSelected(t[i],e)?this.unselect(n,e):this.select(n,e)},e.prototype.getSelectedDataIndices=function(){if("all"===this.option.selectedMap)return[].slice.call(this.getData().getIndices());for(var t=this._selectedDataIndicesMap,e=F(t),n=[],i=0;i<e.length;i++){var r=t[e[i]];r>=0&&n.push(r)}return n},e.prototype.isSelected=function(t,e){var n=this.option.selectedMap;if(!n)return!1;var i=this.getData(e);return("all"===n||n[Gy(i,t)])&&!i.getItemModel(t).get(["select","disabled"])},e.prototype.isUniversalTransitionEnabled=function(){if(this[Fy])return!0;var t=this.option.universalTransition;return!!t&&(!0===t||t&&t.enabled)},e.prototype._innerSelect=function(t,e){var n,i,r=this.option,o=r.selectedMode,a=e.length;if(o&&a)if("series"===o)r.selectedMap="all";else if("multiple"===o){q(r.selectedMap)||(r.selectedMap={});for(var s=r.selectedMap,l=0;l<a;l++){var u=e[l];s[h=Gy(t,u)]=!0,this._selectedDataIndicesMap[h]=t.getRawIndex(u)}}else if("single"===o||!0===o){var c=e[a-1],h=Gy(t,c);r.selectedMap=((n={})[h]=!0,n),this._selectedDataIndicesMap=((i={})[h]=t.getRawIndex(c),i)}},e.prototype._initSelectedMapFromData=function(t){if(!this.option.selectedMap){var e=[];t.hasItemOption&&t.each((function(n){var i=t.getRawDataItem(n);i&&i.selected&&e.push(n)})),e.length>0&&this._innerSelect(t,e)}},e.registerClass=function(t){return Qp.registerClass(t)},e.protoInitialize=((i=e.prototype).type="series.__base__",i.seriesIndex=0,i.ignoreStyleOnData=!1,i.hasSymbolVisual=!1,i.defaultSymbol="circle",i.visualStyleAccessPath="itemStyle",void(i.visualDrawType="fill")),e}(Qp);function Hy(t){var e=t.name;ra(t)||(t.name=function(t){var e=t.getRawData(),n=e.mapDimensionsAll("seriesName"),i=[];return z(n,(function(t){var n=e.getDimensionInfo(t);n.displayName&&i.push(n.displayName)})),i.join(" ")}(t)||e)}function Uy(t){return t.model.getRawData().count()}function Yy(t){var e=t.model;return e.setData(e.getRawData().cloneShallow()),Xy}function Xy(t,e){e.outputData&&t.end>e.outputData.count()&&e.model.getRawData().cloneShallow(e.outputData)}function Zy(t,e){z(vt(t.CHANGABLE_METHODS,t.DOWNSAMPLE_METHODS),(function(n){t.wrapMethod(n,H(jy,e))}))}function jy(t,e){var n=qy(t);return n&&n.setOutputEnd((e||this).count()),e}function qy(t){var e=(t.ecModel||{}).scheduler,n=e&&e.getPipeline(t.uid);if(n){var i=n.currentTask;if(i){var r=i.agentStubMap;r&&(i=r.get(t.uid))}return i}}R(Wy,Fg),R(Wy,Rf),Sa(Wy,Qp);var Ky=function(){function t(){this.group=new to,this.uid=Md("viewComponent")}return t.prototype.init=function(t,e){},t.prototype.render=function(t,e,n,i){},t.prototype.dispose=function(t,e){},t.prototype.updateView=function(t,e,n,i){},t.prototype.updateLayout=function(t,e,n,i){},t.prototype.updateVisual=function(t,e,n,i){},t.prototype.toggleBlurSeries=function(t,e,n){},t.prototype.eachRendered=function(t){var e=this.group;e&&e.traverse(t)},t}();function $y(){var t=sa();return function(e){var n=t(e),i=e.pipelineContext,r=!!n.large,o=!!n.progressiveRender,a=n.large=!(!i||!i.large),s=n.progressiveRender=!(!i||!i.progressiveRender);return!(r===a&&o===s)&&"reset"}}wa(Ky),Ca(Ky);var Jy=sa(),Qy=$y(),tv=function(){function t(){this.group=new to,this.uid=Md("viewChart"),this.renderTask=Hg({plan:iv,reset:rv}),this.renderTask.context={view:this}}return t.prototype.init=function(t,e){},t.prototype.render=function(t,e,n,i){0},t.prototype.highlight=function(t,e,n,i){var r=t.getData(i&&i.dataType);r&&nv(r,i,"emphasis")},t.prototype.downplay=function(t,e,n,i){var r=t.getData(i&&i.dataType);r&&nv(r,i,"normal")},t.prototype.remove=function(t,e){this.group.removeAll()},t.prototype.dispose=function(t,e){},t.prototype.updateView=function(t,e,n,i){this.render(t,e,n,i)},t.prototype.updateLayout=function(t,e,n,i){this.render(t,e,n,i)},t.prototype.updateVisual=function(t,e,n,i){this.render(t,e,n,i)},t.prototype.eachRendered=function(t){Bh(this.group,t)},t.markUpdateMethod=function(t,e){Jy(t).updateMethod=e},t.protoInitialize=void(t.prototype.type="chart"),t}();function ev(t,e,n){t&&Pu(t)&&("emphasis"===e?du:pu)(t,n)}function nv(t,e,n){var i=aa(t,e),r=e&&null!=e.highlightKey?function(t){var e=Vl[t];return null==e&&Bl<=32&&(e=Vl[t]=Bl++),e}(e.highlightKey):null;null!=i?z(qo(i),(function(e){ev(t.getItemGraphicEl(e),n,r)})):t.eachItemGraphicEl((function(t){ev(t,n,r)}))}function iv(t){return Qy(t.model)}function rv(t){var e=t.model,n=t.ecModel,i=t.api,r=t.payload,o=e.pipelineContext.progressiveRender,a=t.view,s=r&&Jy(r).updateMethod,l=o?"incrementalPrepareRender":s&&a[s]?s:"render";return"render"!==l&&a[l](e,n,i,r),ov[l]}wa(tv),Ca(tv);var ov={incrementalPrepareRender:{progress:function(t,e){e.view.incrementalRender(t,e.model,e.ecModel,e.api,e.payload)}},render:{forceFirstProgress:!0,progress:function(t,e){e.view.render(e.model,e.ecModel,e.api,e.payload)}}},av="\0__throttleOriginMethod",sv="\0__throttleRate",lv="\0__throttleType";function uv(t,e,n){var i,r,o,a,s,l=0,u=0,c=null;function h(){u=(new Date).getTime(),c=null,t.apply(o,a||[])}e=e||0;var d=function(){for(var t=[],d=0;d<arguments.length;d++)t[d]=arguments[d];i=(new Date).getTime(),o=this,a=t;var p=s||e,f=s||n;s=null,r=i-(f?l:u)-p,clearTimeout(c),f?c=setTimeout(h,p):r>=0?h():c=setTimeout(h,-r),l=i};return d.clear=function(){c&&(clearTimeout(c),c=null)},d.debounceNextCall=function(t){s=t},d}function cv(t,e,n,i){var r=t[e];if(r){var o=r[av]||r,a=r[lv];if(r[sv]!==n||a!==i){if(null==n||!i)return t[e]=o;(r=t[e]=uv(o,n,"debounce"===i))[av]=o,r[lv]=i,r[sv]=n}return r}}function hv(t,e){var n=t[e];n&&n[av]&&(n.clear&&n.clear(),t[e]=n[av])}var dv=sa(),pv={itemStyle:Da(xd,!0),lineStyle:Da(yd,!0)},fv={lineStyle:"stroke",itemStyle:"fill"};function gv(t,e){var n=t.visualStyleMapper||pv[e];return n||(console.warn("Unknown style type '"+e+"'."),pv.itemStyle)}function yv(t,e){var n=t.visualDrawType||fv[e];return n||(console.warn("Unknown style type '"+e+"'."),"fill")}var vv={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){var n=t.getData(),i=t.visualStyleAccessPath||"itemStyle",r=t.getModel(i),o=gv(t,i)(r),a=r.getShallow("decal");a&&(n.setVisual("decal",a),a.dirty=!0);var s=yv(t,i),l=o[s],u=Y(l)?l:null,c="auto"===o.fill||"auto"===o.stroke;if(!o[s]||u||c){var h=t.getColorFromPalette(t.name,null,e.getSeriesCount());o[s]||(o[s]=h,n.setVisual("colorFromPalette",!0)),o.fill="auto"===o.fill||Y(o.fill)?h:o.fill,o.stroke="auto"===o.stroke||Y(o.stroke)?h:o.stroke}if(n.setVisual("style",o),n.setVisual("drawType",s),!e.isSeriesFiltered(t)&&u)return n.setVisual("colorFromPalette",!1),{dataEach:function(e,n){var i=t.getDataParams(n),r=A({},o);r[s]=u(i),e.setItemVisual(n,"style",r)}}}},mv=new wd,xv={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){if(!t.ignoreStyleOnData&&!e.isSeriesFiltered(t)){var n=t.getData(),i=t.visualStyleAccessPath||"itemStyle",r=gv(t,i),o=n.getVisual("drawType");return{dataEach:n.hasItemOption?function(t,e){var n=t.getRawDataItem(e);if(n&&n[i]){mv.option=n[i];var a=r(mv);A(t.ensureUniqueItemVisual(e,"style"),a),mv.option.decal&&(t.setItemVisual(e,"decal",mv.option.decal),mv.option.decal.dirty=!0),o in a&&t.setItemVisual(e,"colorFromPalette",!1)}}:null}}}},_v={performRawSeries:!0,overallReset:function(t){var e=yt();t.eachSeries((function(t){var n=t.getColorBy();if(!t.isColorBySeries()){var i=t.type+"-"+n,r=e.get(i);r||(r={},e.set(i,r)),dv(t).scope=r}})),t.eachSeries((function(e){if(!e.isColorBySeries()&&!t.isSeriesFiltered(e)){var n=e.getRawData(),i={},r=e.getData(),o=dv(e).scope,a=e.visualStyleAccessPath||"itemStyle",s=yv(e,a);r.each((function(t){var e=r.getRawIndex(t);i[e]=t})),n.each((function(t){var a=i[t];if(r.getItemVisual(a,"colorFromPalette")){var l=r.ensureUniqueItemVisual(a,"style"),u=n.getName(t)||t+"",c=n.count();l[s]=e.getColorFromPalette(u,o,c)}}))}}))}},bv=Math.PI;var wv=function(){function t(t,e,n,i){this._stageTaskMap=yt(),this.ecInstance=t,this.api=e,n=this._dataProcessorHandlers=n.slice(),i=this._visualHandlers=i.slice(),this._allHandlers=n.concat(i)}return t.prototype.restoreData=function(t,e){t.restoreData(e),this._stageTaskMap.each((function(t){var e=t.overallTask;e&&e.dirty()}))},t.prototype.getPerformArgs=function(t,e){if(t.__pipeline){var n=this._pipelineMap.get(t.__pipeline.id),i=n.context,r=!e&&n.progressiveEnabled&&(!i||i.progressiveRender)&&t.__idxInPipeline>n.blockIndex?n.step:null,o=i&&i.modDataCount;return{step:r,modBy:null!=o?Math.ceil(o/r):null,modDataCount:o}}},t.prototype.getPipeline=function(t){return this._pipelineMap.get(t)},t.prototype.updateStreamModes=function(t,e){var n=this._pipelineMap.get(t.uid),i=t.getData().count(),r=n.progressiveEnabled&&e.incrementalPrepareRender&&i>=n.threshold,o=t.get("large")&&i>=t.get("largeThreshold"),a="mod"===t.get("progressiveChunkMode")?i:null;t.pipelineContext=n.context={progressiveRender:r,modDataCount:a,large:o}},t.prototype.restorePipelines=function(t){var e=this,n=e._pipelineMap=yt();t.eachSeries((function(t){var i=t.getProgressive(),r=t.uid;n.set(r,{id:r,head:null,tail:null,threshold:t.getProgressiveThreshold(),progressiveEnabled:i&&!(t.preventIncremental&&t.preventIncremental()),blockIndex:-1,step:Math.round(i||700),count:0}),e._pipe(t,t.dataTask)}))},t.prototype.prepareStageTasks=function(){var t=this._stageTaskMap,e=this.api.getModel(),n=this.api;z(this._allHandlers,(function(i){var r=t.get(i.uid)||t.set(i.uid,{}),o="";lt(!(i.reset&&i.overallReset),o),i.reset&&this._createSeriesStageTask(i,r,e,n),i.overallReset&&this._createOverallStageTask(i,r,e,n)}),this)},t.prototype.prepareView=function(t,e,n,i){var r=t.renderTask,o=r.context;o.model=e,o.ecModel=n,o.api=i,r.__block=!t.incrementalPrepareRender,this._pipe(e,r)},t.prototype.performDataProcessorTasks=function(t,e){this._performStageTasks(this._dataProcessorHandlers,t,e,{block:!0})},t.prototype.performVisualTasks=function(t,e,n){this._performStageTasks(this._visualHandlers,t,e,n)},t.prototype._performStageTasks=function(t,e,n,i){i=i||{};var r=!1,o=this;function a(t,e){return t.setDirty&&(!t.dirtyMap||t.dirtyMap.get(e.__pipeline.id))}z(t,(function(t,s){if(!i.visualType||i.visualType===t.visualType){var l=o._stageTaskMap.get(t.uid),u=l.seriesTaskMap,c=l.overallTask;if(c){var h,d=c.agentStubMap;d.each((function(t){a(i,t)&&(t.dirty(),h=!0)})),h&&c.dirty(),o.updatePayload(c,n);var p=o.getPerformArgs(c,i.block);d.each((function(t){t.perform(p)})),c.perform(p)&&(r=!0)}else u&&u.each((function(s,l){a(i,s)&&s.dirty();var u=o.getPerformArgs(s,i.block);u.skip=!t.performRawSeries&&e.isSeriesFiltered(s.context.model),o.updatePayload(s,n),s.perform(u)&&(r=!0)}))}})),this.unfinished=r||this.unfinished},t.prototype.performSeriesTasks=function(t){var e;t.eachSeries((function(t){e=t.dataTask.perform()||e})),this.unfinished=e||this.unfinished},t.prototype.plan=function(){this._pipelineMap.each((function(t){var e=t.tail;do{if(e.__block){t.blockIndex=e.__idxInPipeline;break}e=e.getUpstream()}while(e)}))},t.prototype.updatePayload=function(t,e){"remain"!==e&&(t.context.payload=e)},t.prototype._createSeriesStageTask=function(t,e,n,i){var r=this,o=e.seriesTaskMap,a=e.seriesTaskMap=yt(),s=t.seriesType,l=t.getTargetSeries;function u(e){var s=e.uid,l=a.set(s,o&&o.get(s)||Hg({plan:Cv,reset:Dv,count:Lv}));l.context={model:e,ecModel:n,api:i,useClearVisual:t.isVisual&&!t.isLayout,plan:t.plan,reset:t.reset,scheduler:r},r._pipe(e,l)}t.createOnAllSeries?n.eachRawSeries(u):s?n.eachRawSeriesByType(s,u):l&&l(n,i).each(u)},t.prototype._createOverallStageTask=function(t,e,n,i){var r=this,o=e.overallTask=e.overallTask||Hg({reset:Sv});o.context={ecModel:n,api:i,overallReset:t.overallReset,scheduler:r};var a=o.agentStubMap,s=o.agentStubMap=yt(),l=t.seriesType,u=t.getTargetSeries,c=!0,h=!1,d="";function p(t){var e=t.uid,n=s.set(e,a&&a.get(e)||(h=!0,Hg({reset:Mv,onDirty:Tv})));n.context={model:t,overallProgress:c},n.agent=o,n.__block=c,r._pipe(t,n)}lt(!t.createOnAllSeries,d),l?n.eachRawSeriesByType(l,p):u?u(n,i).each(p):(c=!1,z(n.getSeries(),p)),h&&o.dirty()},t.prototype._pipe=function(t,e){var n=t.uid,i=this._pipelineMap.get(n);!i.head&&(i.head=e),i.tail&&i.tail.pipe(e),i.tail=e,e.__idxInPipeline=i.count++,e.__pipeline=i},t.wrapStageHandler=function(t,e){return Y(t)&&(t={overallReset:t,seriesType:Pv(t)}),t.uid=Md("stageHandler"),e&&(t.visualType=e),t},t}();function Sv(t){t.overallReset(t.ecModel,t.api,t.payload)}function Mv(t){return t.overallProgress&&Iv}function Iv(){this.agent.dirty(),this.getDownstream().dirty()}function Tv(){this.agent&&this.agent.dirty()}function Cv(t){return t.plan?t.plan(t.model,t.ecModel,t.api,t.payload):null}function Dv(t){t.useClearVisual&&t.data.clearAllVisual();var e=t.resetDefines=qo(t.reset(t.model,t.ecModel,t.api,t.payload));return e.length>1?E(e,(function(t,e){return kv(e)})):Av}var Av=kv(0);function kv(t){return function(e,n){var i=n.data,r=n.resetDefines[t];if(r&&r.dataEach)for(var o=e.start;o<e.end;o++)r.dataEach(i,o);else r&&r.progress&&r.progress(e,i)}}function Lv(t){return t.data.count()}function Pv(t){Ov=null;try{t(Rv,Nv)}catch(t){}return Ov}var Ov,Rv={},Nv={};function zv(t,e){for(var n in e.prototype)t[n]=bt}zv(Rv,Bf),zv(Nv,Hf),Rv.eachSeriesByType=Rv.eachRawSeriesByType=function(t){Ov=t},Rv.eachComponent=function(t){"series"===t.mainType&&t.subType&&(Ov=t.subType)};var Ev,Bv=tf.darkColor,Vv=Bv.background,Gv=function(){return{axisLine:{lineStyle:{color:Bv.axisLine}},splitLine:{lineStyle:{color:Bv.axisSplitLine}},splitArea:{areaStyle:{color:[Bv.backgroundTint,Bv.backgroundTransparent]}},minorSplitLine:{lineStyle:{color:Bv.axisMinorSplitLine}},axisLabel:{color:Bv.axisLabel},axisName:{}}},Fv={label:{color:Bv.secondary},itemStyle:{borderColor:Bv.borderTint},dividerLineStyle:{color:Bv.border}},Wv={darkMode:!0,color:Bv.theme,backgroundColor:Vv,axisPointer:{lineStyle:{color:Bv.border},crossStyle:{color:Bv.borderShade},label:{color:Bv.tertiary}},legend:{textStyle:{color:Bv.secondary},pageTextStyle:{color:Bv.tertiary}},textStyle:{color:Bv.secondary},title:{textStyle:{color:Bv.primary},subtextStyle:{color:Bv.quaternary}},toolbox:{iconStyle:{borderColor:Bv.accent50}},tooltip:{backgroundColor:Bv.neutral20,defaultBorderColor:Bv.border,textStyle:{color:Bv.tertiary}},dataZoom:{borderColor:Bv.accent10,textStyle:{color:Bv.tertiary},brushStyle:{color:Bv.backgroundTint},handleStyle:{color:Bv.neutral00,borderColor:Bv.accent20},moveHandleStyle:{color:Bv.accent40},emphasis:{handleStyle:{borderColor:Bv.accent50}},dataBackground:{lineStyle:{color:Bv.accent30},areaStyle:{color:Bv.accent20}},selectedDataBackground:{lineStyle:{color:Bv.accent50},areaStyle:{color:Bv.accent30}}},visualMap:{textStyle:{color:Bv.secondary},handleStyle:{borderColor:Bv.neutral30}},timeline:{lineStyle:{color:Bv.accent10},label:{color:Bv.tertiary},controlStyle:{color:Bv.accent30,borderColor:Bv.accent30}},calendar:{itemStyle:{color:Bv.neutral00,borderColor:Bv.neutral20},dayLabel:{color:Bv.tertiary},monthLabel:{color:Bv.secondary},yearLabel:{color:Bv.secondary}},matrix:{x:Fv,y:Fv,backgroundColor:{borderColor:Bv.axisLine},body:{itemStyle:{borderColor:Bv.borderTint}}},timeAxis:Gv(),logAxis:Gv(),valueAxis:Gv(),categoryAxis:Gv(),line:{symbol:"circle"},graph:{color:Bv.theme},gauge:{title:{color:Bv.secondary},axisLine:{lineStyle:{color:[[1,Bv.neutral05]]}},axisLabel:{color:Bv.axisLabel},detail:{color:Bv.primary}},candlestick:{itemStyle:{color:"#f64e56",color0:"#54ea92",borderColor:"#f64e56",borderColor0:"#54ea92"}},funnel:{itemStyle:{borderColor:Bv.background}},radar:(Ev=Gv(),Ev.axisName={color:Bv.axisLabel},Ev.axisLine.lineStyle.color=Bv.neutral20,Ev),treemap:{breadcrumb:{itemStyle:{color:Bv.neutral20,textStyle:{color:Bv.secondary}},emphasis:{itemStyle:{color:Bv.neutral30}}}},sunburst:{itemStyle:{borderColor:Bv.background}},map:{itemStyle:{borderColor:Bv.border,areaColor:Bv.neutral10},label:{color:Bv.tertiary},emphasis:{label:{color:Bv.primary},itemStyle:{areaColor:Bv.highlight}},select:{label:{color:Bv.primary},itemStyle:{areaColor:Bv.highlight}}},geo:{itemStyle:{borderColor:Bv.border,areaColor:Bv.neutral10},emphasis:{label:{color:Bv.primary},itemStyle:{areaColor:Bv.highlight}},select:{label:{color:Bv.primary},itemStyle:{color:Bv.highlight}}}};Wv.categoryAxis.splitLine.show=!1;var Hv=function(){function t(){}return t.prototype.normalizeQuery=function(t){var e={},n={},i={};if(X(t)){var r=ba(t);e.mainType=r.main||null,e.subType=r.sub||null}else{var o=["Index","Name","Id"],a={name:1,dataIndex:1,dataType:1};z(t,(function(t,r){for(var s=!1,l=0;l<o.length;l++){var u=o[l],c=r.lastIndexOf(u);if(c>0&&c===r.length-u.length){var h=r.slice(0,c);"data"!==h&&(e.mainType=h,e[u.toLowerCase()]=t,s=!0)}}a.hasOwnProperty(r)&&(n[r]=t,s=!0),s||(i[r]=t)}))}return{cptQuery:e,dataQuery:n,otherQuery:i}},t.prototype.filter=function(t,e){var n=this.eventInfo;if(!n)return!0;var i=n.targetEl,r=n.packedEvent,o=n.model,a=n.view;if(!o||!a)return!0;var s=e.cptQuery,l=e.dataQuery;return u(s,o,"mainType")&&u(s,o,"subType")&&u(s,o,"index","componentIndex")&&u(s,o,"name")&&u(s,o,"id")&&u(l,r,"name")&&u(l,r,"dataIndex")&&u(l,r,"dataType")&&(!a.filterForExposedEvent||a.filterForExposedEvent(t,e.otherQuery,i,r));function u(t,e,n,i){return null==t[n]||e[i||n]===t[n]}},t.prototype.afterTrigger=function(){this.eventInfo=null},t}(),Uv=["symbol","symbolSize","symbolRotate","symbolOffset"],Yv=Uv.concat(["symbolKeepAspect"]),Xv={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){var n=t.getData();if(t.legendIcon&&n.setVisual("legendIcon",t.legendIcon),t.hasSymbolVisual){for(var i={},r={},o=!1,a=0;a<Uv.length;a++){var s=Uv[a],l=t.get(s);Y(l)?(o=!0,r[s]=l):i[s]=l}if(i.symbol=i.symbol||t.defaultSymbol,n.setVisual(A({legendIcon:t.legendIcon||i.symbol,symbolKeepAspect:t.get("symbolKeepAspect")},i)),!e.isSeriesFiltered(t)){var u=F(r);return{dataEach:o?function(e,n){for(var i=t.getRawValue(n),o=t.getDataParams(n),a=0;a<u.length;a++){var s=u[a];e.setItemVisual(n,s,r[s](i,o))}}:null}}}}},Zv={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){if(t.hasSymbolVisual&&!e.isSeriesFiltered(t))return{dataEach:t.getData().hasItemOption?function(t,e){for(var n=t.getItemModel(e),i=0;i<Yv.length;i++){var r=Yv[i],o=n.getShallow(r,!0);null!=o&&t.setItemVisual(e,r,o)}}:null}}};function jv(t,e,n){switch(n){case"color":return t.getItemVisual(e,"style")[t.getVisual("drawType")];case"opacity":return t.getItemVisual(e,"style").opacity;case"symbol":case"symbolSize":case"liftZ":return t.getItemVisual(e,n)}}function qv(t,e){switch(e){case"color":return t.getVisual("style")[t.getVisual("drawType")];case"opacity":return t.getVisual("style").opacity;case"symbol":case"symbolSize":case"liftZ":return t.getVisual(e)}}function Kv(t,e,n,i){switch(n){case"color":t.ensureUniqueItemVisual(e,"style")[t.getVisual("drawType")]=i,t.setItemVisual(e,"colorFromPalette",!1);break;case"opacity":t.ensureUniqueItemVisual(e,"style").opacity=i;break;case"symbol":case"symbolSize":case"liftZ":t.setItemVisual(e,n,i)}}function $v(t,e){function n(e,n){var i=[];return e.eachComponent({mainType:"series",subType:t,query:n},(function(t){i.push(t.seriesIndex)})),i}z([[t+"ToggleSelect","toggleSelect"],[t+"Select","select"],[t+"UnSelect","unselect"]],(function(t){e(t[0],(function(e,i,r){e=A({},e),r.dispatchAction(A(e,{type:t[1],seriesIndex:n(i,e)}))}))}))}function Jv(t,e,n,i,r){var o=t+e;n.isSilent(o)||i.eachComponent({mainType:"series",subType:"pie"},(function(t){for(var e=t.seriesIndex,i=t.option.selectedMap,a=r.selected,s=0;s<a.length;s++)if(a[s].seriesIndex===e){var l=t.getData(),u=aa(l,r.fromActionPayload);n.trigger(o,{type:o,seriesId:t.id,name:U(u)?l.getName(u[0]):l.getName(u),selected:X(i)?i:A({},i)})}}))}function Qv(t,e,n){for(var i;t&&(!e(t)||(i=t,!n));)t=t.__hostTarget||t.parent;return i}var tm=Math.round(9*Math.random()),em="function"==typeof Object.defineProperty,nm=function(){function t(){this._id="__ec_inner_"+tm++}return t.prototype.get=function(t){return this._guard(t)[this._id]},t.prototype.set=function(t,e){var n=this._guard(t);return em?Object.defineProperty(n,this._id,{value:e,enumerable:!1,configurable:!0}):n[this._id]=e,this},t.prototype.delete=function(t){return!!this.has(t)&&(delete this._guard(t)[this._id],!0)},t.prototype.has=function(t){return!!this._guard(t)[this._id]},t.prototype._guard=function(t){if(t!==Object(t))throw TypeError("Value of WeakMap is not a non-null object.");return t},t}(),im=sl.extend({type:"triangle",shape:{cx:0,cy:0,width:0,height:0},buildPath:function(t,e){var n=e.cx,i=e.cy,r=e.width/2,o=e.height/2;t.moveTo(n,i-o),t.lineTo(n+r,i+o),t.lineTo(n-r,i+o),t.closePath()}}),rm=sl.extend({type:"diamond",shape:{cx:0,cy:0,width:0,height:0},buildPath:function(t,e){var n=e.cx,i=e.cy,r=e.width/2,o=e.height/2;t.moveTo(n,i-o),t.lineTo(n+r,i),t.lineTo(n,i+o),t.lineTo(n-r,i),t.closePath()}}),om=sl.extend({type:"pin",shape:{x:0,y:0,width:0,height:0},buildPath:function(t,e){var n=e.x,i=e.y,r=e.width/5*3,o=Math.max(r,e.height),a=r/2,s=a*a/(o-a),l=i-o+a+s,u=Math.asin(s/a),c=Math.cos(u)*a,h=Math.sin(u),d=Math.cos(u),p=.6*a,f=.7*a;t.moveTo(n-c,l+s),t.arc(n,l,a,Math.PI-u,2*Math.PI+u),t.bezierCurveTo(n+c-h*p,l+s+d*p,n,i-f,n,i),t.bezierCurveTo(n,i-f,n-c+h*p,l+s+d*p,n-c,l+s),t.closePath()}}),am=sl.extend({type:"arrow",shape:{x:0,y:0,width:0,height:0},buildPath:function(t,e){var n=e.height,i=e.width,r=e.x,o=e.y,a=i/3*2;t.moveTo(r,o),t.lineTo(r+a,o+n),t.lineTo(r,o+n/4*3),t.lineTo(r-a,o+n),t.lineTo(r,o),t.closePath()}}),sm={line:function(t,e,n,i,r){r.x1=t,r.y1=e+i/2,r.x2=t+n,r.y2=e+i/2},rect:function(t,e,n,i,r){r.x=t,r.y=e,r.width=n,r.height=i},roundRect:function(t,e,n,i,r){r.x=t,r.y=e,r.width=n,r.height=i,r.r=Math.min(n,i)/4},square:function(t,e,n,i,r){var o=Math.min(n,i);r.x=t,r.y=e,r.width=o,r.height=o},circle:function(t,e,n,i,r){r.cx=t+n/2,r.cy=e+i/2,r.r=Math.min(n,i)/2},diamond:function(t,e,n,i,r){r.cx=t+n/2,r.cy=e+i/2,r.width=n,r.height=i},pin:function(t,e,n,i,r){r.x=t+n/2,r.y=e+i/2,r.width=n,r.height=i},arrow:function(t,e,n,i,r){r.x=t+n/2,r.y=e+i/2,r.width=n,r.height=i},triangle:function(t,e,n,i,r){r.cx=t+n/2,r.cy=e+i/2,r.width=n,r.height=i}},lm={};z({line:Ac,rect:xl,roundRect:xl,square:xl,circle:nc,diamond:rm,pin:om,arrow:am,triangle:im},(function(t,e){lm[e]=new t}));var um=sl.extend({type:"symbol",shape:{symbolType:"",x:0,y:0,width:0,height:0},calculateTextPosition:function(t,e,n){var i=Wr(t,e,n),r=this.shape;return r&&"pin"===r.symbolType&&"inside"===e.position&&(i.y=n.y+.4*n.height),i},buildPath:function(t,e,n){var i=e.symbolType;if("none"!==i){var r=lm[i];r||(r=lm[i="rect"]),sm[i](e.x,e.y,e.width,e.height,r.shape),r.buildPath(t,r.shape,n)}}});function cm(t,e){if("image"!==this.type){var n=this.style;this.__isEmptyBrush?(n.stroke=t,n.fill=e||tf.color.neutral00,n.lineWidth=2):"line"===this.shape.symbolType?n.stroke=t:n.fill=t,this.markRedraw()}}function hm(t,e,n,i,r,o,a){var s,l=0===t.indexOf("empty");return l&&(t=t.substr(5,1).toLowerCase()+t.substr(6)),(s=0===t.indexOf("image://")?yh(t.slice(8),new He(e,n,i,r),a?"center":"cover"):0===t.indexOf("path://")?gh(t.slice(7),{},new He(e,n,i,r),a?"center":"cover"):new um({shape:{symbolType:t,x:e,y:n,width:i,height:r}})).__isEmptyBrush=l,s.setColor=cm,o&&s.setColor(o),s}function dm(t){return U(t)||(t=[+t,+t]),[t[0]||0,t[1]||0]}function pm(t,e){if(null!=t)return U(t)||(t=[t,t]),[yo(t[0],e[0])||0,yo(rt(t[1],t[0]),e[1])||0]}function fm(t){return isFinite(t)}function gm(t,e,n){for(var i="radial"===e.type?function(t,e,n){var i=n.width,r=n.height,o=Math.min(i,r),a=null==e.x?.5:e.x,s=null==e.y?.5:e.y,l=null==e.r?.5:e.r;return e.global||(a=a*i+n.x,s=s*r+n.y,l*=o),a=fm(a)?a:.5,s=fm(s)?s:.5,l=l>=0&&fm(l)?l:.5,t.createRadialGradient(a,s,0,a,s,l)}(t,e,n):function(t,e,n){var i=null==e.x?0:e.x,r=null==e.x2?1:e.x2,o=null==e.y?0:e.y,a=null==e.y2?0:e.y2;return e.global||(i=i*n.width+n.x,r=r*n.width+n.x,o=o*n.height+n.y,a=a*n.height+n.y),i=fm(i)?i:0,r=fm(r)?r:1,o=fm(o)?o:0,a=fm(a)?a:0,t.createLinearGradient(i,o,r,a)}(t,e,n),r=e.colorStops,o=0;o<r.length;o++)i.addColorStop(r[o].offset,r[o].color);return i}function ym(t){return parseInt(t,10)}function vm(t,e,n){var i=["width","height"][e],r=["clientWidth","clientHeight"][e],o=["paddingLeft","paddingTop"][e],a=["paddingRight","paddingBottom"][e];if(null!=n[i]&&"auto"!==n[i])return parseFloat(n[i]);var s=document.defaultView.getComputedStyle(t);return(t[r]||ym(s[i])||ym(t.style[i]))-(ym(s[o])||0)-(ym(s[a])||0)|0}function mm(t){var e,n,i=t.style,r=i.lineDash&&i.lineWidth>0&&(e=i.lineDash,n=i.lineWidth,e&&"solid"!==e&&n>0?"dashed"===e?[4*n,2*n]:"dotted"===e?[n]:j(e)?[e]:U(e)?e:null:null),o=i.lineDashOffset;if(r){var a=i.strokeNoScale&&t.getLineScale?t.getLineScale():1;a&&1!==a&&(r=E(r,(function(t){return t/a})),o/=a)}return[r,o]}var xm=new Fs(!0);function _m(t){var e=t.stroke;return!(null==e||"none"===e||!(t.lineWidth>0))}function bm(t){return"string"==typeof t&&"none"!==t}function wm(t){var e=t.fill;return null!=e&&"none"!==e}function Sm(t,e){if(null!=e.fillOpacity&&1!==e.fillOpacity){var n=t.globalAlpha;t.globalAlpha=e.fillOpacity*e.opacity,t.fill(),t.globalAlpha=n}else t.fill()}function Mm(t,e){if(null!=e.strokeOpacity&&1!==e.strokeOpacity){var n=t.globalAlpha;t.globalAlpha=e.strokeOpacity*e.opacity,t.stroke(),t.globalAlpha=n}else t.stroke()}function Im(t,e,n){var i=Oa(e.image,e.__image,n);if(Na(i)){var r=t.createPattern(i,e.repeat||"repeat");if("function"==typeof DOMMatrix&&r&&r.setTransform){var o=new DOMMatrix;o.translateSelf(e.x||0,e.y||0),o.rotateSelf(0,0,(e.rotation||0)*wt),o.scaleSelf(e.scaleX||1,e.scaleY||1),r.setTransform(o)}return r}}var Tm=["shadowBlur","shadowOffsetX","shadowOffsetY"],Cm=[["lineCap","butt"],["lineJoin","miter"],["miterLimit",10]];function Dm(t,e,n,i,r){var o=!1;if(!i&&e===(n=n||{}))return!1;if(i||e.opacity!==n.opacity){Lm(t,r),o=!0;var a=Math.max(Math.min(e.opacity,1),0);t.globalAlpha=isNaN(a)?es.opacity:a}(i||e.blend!==n.blend)&&(o||(Lm(t,r),o=!0),t.globalCompositeOperation=e.blend||es.blend);for(var s=0;s<Tm.length;s++){var l=Tm[s];(i||e[l]!==n[l])&&(o||(Lm(t,r),o=!0),t[l]=t.dpr*(e[l]||0))}return(i||e.shadowColor!==n.shadowColor)&&(o||(Lm(t,r),o=!0),t.shadowColor=e.shadowColor||es.shadowColor),o}function Am(t,e,n,i,r){var o=Pm(e,r.inHover),a=i?null:n&&Pm(n,r.inHover)||{};if(o===a)return!1;var s=Dm(t,o,a,i,r);if((i||o.fill!==a.fill)&&(s||(Lm(t,r),s=!0),bm(o.fill)&&(t.fillStyle=o.fill)),(i||o.stroke!==a.stroke)&&(s||(Lm(t,r),s=!0),bm(o.stroke)&&(t.strokeStyle=o.stroke)),(i||o.opacity!==a.opacity)&&(s||(Lm(t,r),s=!0),t.globalAlpha=null==o.opacity?1:o.opacity),e.hasStroke()){var l=o.lineWidth/(o.strokeNoScale&&e.getLineScale?e.getLineScale():1);t.lineWidth!==l&&(s||(Lm(t,r),s=!0),t.lineWidth=l)}for(var u=0;u<Cm.length;u++){var c=Cm[u],h=c[0];(i||o[h]!==a[h])&&(s||(Lm(t,r),s=!0),t[h]=o[h]||c[1])}return s}function km(t,e){var n=e.transform,i=t.dpr||1;n?t.setTransform(i*n[0],i*n[1],i*n[2],i*n[3],i*n[4],i*n[5]):t.setTransform(i,0,0,i,0,0)}function Lm(t,e){e.batchFill&&t.fill(),e.batchStroke&&t.stroke(),e.batchFill="",e.batchStroke=""}function Pm(t,e){return e&&t.__hoverStyle||t.style}function Om(t,e){Rm(t,e,{inHover:!1,viewWidth:0,viewHeight:0},!0)}function Rm(t,e,n,i){var r=e.transform;if(!e.shouldBePainted(n.viewWidth,n.viewHeight,!1,!1))return e.__dirty&=-2,void(e.__isRendered=!1);var o=e.__clipPaths,s=n.prevElClipPaths,l=!1,u=!1;if(s&&!function(t,e){if(t===e||!t&&!e)return!1;if(!t||!e||t.length!==e.length)return!0;for(var n=0;n<t.length;n++)if(t[n]!==e[n])return!0;return!1}(o,s)||(s&&s.length&&(Lm(t,n),t.restore(),u=l=!0,n.prevElClipPaths=null,n.allClipped=!1,n.prevEl=null),o&&o.length&&(Lm(t,n),t.save(),function(t,e,n){for(var i=!1,r=0;r<t.length;r++){var o=t[r];i=i||o.isZeroArea(),km(e,o),e.beginPath(),o.buildPath(e,o.shape),e.clip()}n.allClipped=i}(o,t,n),l=!0),n.prevElClipPaths=o),n.allClipped)e.__isRendered=!1;else{e.beforeBrush&&e.beforeBrush(),e.innerBeforeBrush();var c=n.prevEl;c||(u=l=!0);var h,d,p=e instanceof sl&&e.autoBatch&&function(t){var e=wm(t),n=_m(t);return!(t.lineDash||!(+e^+n)||e&&"string"!=typeof t.fill||n&&"string"!=typeof t.stroke||t.strokePercent<1||t.strokeOpacity<1||t.fillOpacity<1)}(e.style);l||(h=r,d=c.transform,h&&d?h[0]!==d[0]||h[1]!==d[1]||h[2]!==d[2]||h[3]!==d[3]||h[4]!==d[4]||h[5]!==d[5]:h||d)?(Lm(t,n),km(t,e)):p||Lm(t,n);var f=Pm(e,n.inHover);e instanceof sl?(1!==n.lastDrawType&&(u=!0,n.lastDrawType=1),Am(t,e,c,u,n),p&&(n.batchFill||n.batchStroke)||t.beginPath(),function(t,e,n,i){var r,o=_m(n),a=wm(n),s=n.strokePercent,l=s<1,u=!e.path;e.silent&&!l||!u||e.createPathProxy();var c=e.path||xm,h=e.__dirty;if(!i){var d=n.fill,p=n.stroke,f=a&&!!d.colorStops,g=o&&!!p.colorStops,y=a&&!!d.image,v=o&&!!p.image,m=void 0,x=void 0,_=void 0,b=void 0,w=void 0;(f||g)&&(w=e.getBoundingRect()),f&&(m=h?gm(t,d,w):e.__canvasFillGradient,e.__canvasFillGradient=m),g&&(x=h?gm(t,p,w):e.__canvasStrokeGradient,e.__canvasStrokeGradient=x),y&&(_=h||!e.__canvasFillPattern?Im(t,d,e):e.__canvasFillPattern,e.__canvasFillPattern=_),v&&(b=h||!e.__canvasStrokePattern?Im(t,p,e):e.__canvasStrokePattern,e.__canvasStrokePattern=b),f?t.fillStyle=m:y&&(_?t.fillStyle=_:a=!1),g?t.strokeStyle=x:v&&(b?t.strokeStyle=b:o=!1)}var S,M,I=e.getGlobalScale();c.setScale(I[0],I[1],e.segmentIgnoreThreshold),t.setLineDash&&n.lineDash&&(S=(r=mm(e))[0],M=r[1]);var T=!0;(u||4&h)&&(c.setDPR(t.dpr),l?c.setContext(null):(c.setContext(t),T=!1),c.reset(),e.buildPath(c,e.shape,i),c.toStatic(),e.pathUpdated()),T&&c.rebuildPath(t,l?s:1),S&&(t.setLineDash(S),t.lineDashOffset=M),i||(n.strokeFirst?(o&&Mm(t,n),a&&Sm(t,n)):(a&&Sm(t,n),o&&Mm(t,n))),S&&t.setLineDash([])}(t,e,f,p),p&&(n.batchFill=f.fill||"",n.batchStroke=f.stroke||"")):e instanceof ul?(3!==n.lastDrawType&&(u=!0,n.lastDrawType=3),Am(t,e,c,u,n),function(t,e,n){var i,r=n.text;if(null!=r&&(r+=""),r){t.font=n.font||a,t.textAlign=n.textAlign,t.textBaseline=n.textBaseline;var o=void 0,s=void 0;t.setLineDash&&n.lineDash&&(o=(i=mm(e))[0],s=i[1]),o&&(t.setLineDash(o),t.lineDashOffset=s),n.strokeFirst?(_m(n)&&t.strokeText(r,n.x,n.y),wm(n)&&t.fillText(r,n.x,n.y)):(wm(n)&&t.fillText(r,n.x,n.y),_m(n)&&t.strokeText(r,n.x,n.y)),o&&t.setLineDash([])}}(t,e,f)):e instanceof dl?(2!==n.lastDrawType&&(u=!0,n.lastDrawType=2),function(t,e,n,i,r){Dm(t,Pm(e,r.inHover),n&&Pm(n,r.inHover),i,r)}(t,e,c,u,n),function(t,e,n){var i=e.__image=Oa(n.image,e.__image,e,e.onload);if(i&&Na(i)){var r=n.x||0,o=n.y||0,a=e.getWidth(),s=e.getHeight(),l=i.width/i.height;if(null==a&&null!=s?a=s*l:null==s&&null!=a?s=a/l:null==a&&null==s&&(a=i.width,s=i.height),n.sWidth&&n.sHeight){var u=n.sx||0,c=n.sy||0;t.drawImage(i,u,c,n.sWidth,n.sHeight,r,o,a,s)}else if(n.sx&&n.sy){var h=a-(u=n.sx),d=s-(c=n.sy);t.drawImage(i,u,c,h,d,r,o,a,s)}else t.drawImage(i,r,o,a,s)}}(t,e,f)):e.getTemporalDisplayables&&(4!==n.lastDrawType&&(u=!0,n.lastDrawType=4),function(t,e,n){var i=e.getDisplayables(),r=e.getTemporalDisplayables();t.save();var o,a,s={prevElClipPaths:null,prevEl:null,allClipped:!1,viewWidth:n.viewWidth,viewHeight:n.viewHeight,inHover:n.inHover};for(o=e.getCursor(),a=i.length;o<a;o++){(c=i[o]).beforeBrush&&c.beforeBrush(),c.innerBeforeBrush(),Rm(t,c,s,o===a-1),c.innerAfterBrush(),c.afterBrush&&c.afterBrush(),s.prevEl=c}for(var l=0,u=r.length;l<u;l++){var c;(c=r[l]).beforeBrush&&c.beforeBrush(),c.innerBeforeBrush(),Rm(t,c,s,l===u-1),c.innerAfterBrush(),c.afterBrush&&c.afterBrush(),s.prevEl=c}e.clearTemporalDisplayables(),e.notClear=!0,t.restore()}(t,e,n)),p&&i&&Lm(t,n),e.innerAfterBrush(),e.afterBrush&&e.afterBrush(),n.prevEl=e,e.__dirty=0,e.__isRendered=!0}}var Nm=new nm,zm=new Xn(100),Em=["symbol","symbolSize","symbolKeepAspect","color","backgroundColor","dashArrayX","dashArrayY","maxTileWidth","maxTileHeight"];function Bm(t,e){if("none"===t)return null;var n=e.getDevicePixelRatio(),i=e.getZr(),r="svg"===i.painter.type;t.dirty&&Nm.delete(t);var o=Nm.get(t);if(o)return o;var a=k(t,{symbol:"rect",symbolSize:1,symbolKeepAspect:!0,color:"rgba(0, 0, 0, 0.2)",backgroundColor:null,dashArrayX:5,dashArrayY:5,rotation:0,maxTileWidth:512,maxTileHeight:512});"none"===a.backgroundColor&&(a.backgroundColor=null);var s={repeat:"repeat"};return function(t){for(var e,o=[n],s=!0,l=0;l<Em.length;++l){var u=a[Em[l]];if(null!=u&&!U(u)&&!X(u)&&!j(u)&&"boolean"!=typeof u){s=!1;break}o.push(u)}if(s){e=o.join(",")+(r?"-svg":"");var h=zm.get(e);h&&(r?t.svgElement=h:t.image=h)}var d,p=Gm(a.dashArrayX),f=function(t){if(!t||"object"==typeof t&&0===t.length)return[0,0];if(j(t)){var e=Math.ceil(t);return[e,e]}var n=E(t,(function(t){return Math.ceil(t)}));return t.length%2?n.concat(n):n}(a.dashArrayY),g=Vm(a.symbol),y=(b=p,E(b,(function(t){return Fm(t)}))),v=Fm(f),m=!r&&c.createCanvas(),x=r&&{tag:"g",attrs:{},key:"dcl",children:[]},_=function(){for(var t=1,e=0,n=y.length;e<n;++e)t=Vo(t,y[e]);var i=1;for(e=0,n=g.length;e<n;++e)i=Vo(i,g[e].length);t*=i;var r=v*y.length*g.length;return{width:Math.max(1,Math.min(t,a.maxTileWidth)),height:Math.max(1,Math.min(r,a.maxTileHeight))}}();var b;m&&(m.width=_.width*n,m.height=_.height*n,d=m.getContext("2d"));(function(){d&&(d.clearRect(0,0,m.width,m.height),a.backgroundColor&&(d.fillStyle=a.backgroundColor,d.fillRect(0,0,m.width,m.height)));for(var t=0,e=0;e<f.length;++e)t+=f[e];if(t<=0)return;var o=-v,s=0,l=0,u=0;for(;o<_.height;){if(s%2==0){for(var c=l/2%g.length,h=0,y=0,b=0;h<2*_.width;){var w=0;for(e=0;e<p[u].length;++e)w+=p[u][e];if(w<=0)break;if(y%2==0){var S=.5*(1-a.symbolSize),M=h+p[u][y]*S,I=o+f[s]*S,T=p[u][y]*a.symbolSize,C=f[s]*a.symbolSize,D=b/2%g[c].length;A(M,I,T,C,g[c][D])}h+=p[u][y],++b,++y===p[u].length&&(y=0)}++u===p.length&&(u=0)}o+=f[s],++l,++s===f.length&&(s=0)}function A(t,e,o,s,l){var u=r?1:n,c=hm(l,t*u,e*u,o*u,s*u,a.color,a.symbolKeepAspect);if(r){var h=i.painter.renderOneToVNode(c);h&&x.children.push(h)}else Om(d,c)}})(),s&&zm.put(e,m||x);t.image=m,t.svgElement=x,t.svgWidth=_.width,t.svgHeight=_.height}(s),s.rotation=a.rotation,s.scaleX=s.scaleY=r?1:1/n,Nm.set(t,s),t.dirty=!1,s}function Vm(t){if(!t||0===t.length)return[["rect"]];if(X(t))return[[t]];for(var e=!0,n=0;n<t.length;++n)if(!X(t[n])){e=!1;break}if(e)return Vm([t]);var i=[];for(n=0;n<t.length;++n)X(t[n])?i.push([t[n]]):i.push(t[n]);return i}function Gm(t){if(!t||0===t.length)return[[0,0]];if(j(t))return[[r=Math.ceil(t),r]];for(var e=!0,n=0;n<t.length;++n)if(!j(t[n])){e=!1;break}if(e)return Gm([t]);var i=[];for(n=0;n<t.length;++n)if(j(t[n])){var r=Math.ceil(t[n]);i.push([r,r])}else{(r=E(t[n],(function(t){return Math.ceil(t)}))).length%2==1?i.push(r.concat(r)):i.push(r)}return i}function Fm(t){for(var e=0,n=0;n<t.length;++n)e+=t[n];return t.length%2==1?2*e:e}var Wm=new qt,Hm={};function Um(t){return Hm[t]}var Ym={};function Xm(t,e){Ym[t]=e}var Zm=2e3,jm=4500,qm={PROCESSOR:{FILTER:1e3,SERIES_FILTER:800,STATISTIC:5e3},VISUAL:{LAYOUT:1e3,PROGRESSIVE_LAYOUT:1100,GLOBAL:Zm,CHART:3e3,POST_CHART_LAYOUT:4600,COMPONENT:4e3,BRUSH:5e3,CHART_ITEM:jm,ARIA:6e3,DECAL:7e3}},Km="__flagInMainProcess",$m="__mainProcessVersion",Jm="__pendingUpdate",Qm="__needsUpdateStatus",tx=/^[a-zA-Z0-9_]+$/,ex="__connectUpdateStatus";function nx(t){return function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];if(!this.isDisposed())return rx(this,t,e);kx(this.id)}}function ix(t){return function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return rx(this,t,e)}}function rx(t,e,n){return n[0]=n[0]&&n[0].toLowerCase(),qt.prototype[e].apply(t,n)}var ox,ax,sx,lx,ux,cx,hx,dx,px,fx,gx,yx,vx,mx,xx,_x,bx,Sx,Mx,Ix=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e}(qt),Tx=Ix.prototype;Tx.on=ix("on"),Tx.off=ix("off");var Cx=function(t){function e(e,n,i){var r=t.call(this,new Hv)||this;r._chartsViews=[],r._chartsMap={},r._componentsViews=[],r._componentsMap={},r._pendingActions=[],i=i||{},r._dom=e;var o="canvas",a="auto",s=!1;r[$m]=1,i.ssr&&lo((function(t){var e=zl(t),n=e.dataIndex;if(null!=n){var i=yt();return i.set("series_index",e.seriesIndex),i.set("data_index",n),e.ssrType&&i.set("ssr_type",e.ssrType),i}}));var l=r._zr=oo(e,{renderer:i.renderer||o,devicePixelRatio:i.devicePixelRatio,width:i.width,height:i.height,ssr:i.ssr,useDirtyRect:rt(i.useDirtyRect,s),useCoarsePointer:rt(i.useCoarsePointer,a),pointerSize:i.pointerSize});r._ssr=i.ssr,r._throttledZrFlush=uv(W(l.flush,l),17),r._updateTheme(n),r._locale=function(t){if(X(t)){var e=Ad[t.toUpperCase()]||{};return t===Td||t===Cd?T(e):C(T(e),T(Ad[Dd]),!1)}return C(T(t),T(Ad[Dd]),!1)}(i.locale||Ld),r._coordSysMgr=new Tp;var u=r._api=xx(r);function c(t,e){return t.__prio-e.__prio}return cn(zx,c),cn(Rx,c),r._scheduler=new wv(r,u,Rx,zx),r._messageCenter=new Ix,r._initEvents(),r.resize=W(r.resize,r),l.animation.on("frame",r._onframe,r),fx(l,r),gx(l,r),ht(r),r}return n(e,t),e.prototype._onframe=function(){if(!this._disposed){Sx(this);var t=this._scheduler;if(this[Jm]){var e=this[Jm].silent;this[Km]=!0,Mx(this);try{ox(this),lx.update.call(this,null,this[Jm].updateParams)}catch(t){throw this[Km]=!1,this[Jm]=null,t}this._zr.flush(),this[Km]=!1,this[Jm]=null,dx.call(this,e),px.call(this,e)}else if(t.unfinished){var n=1,i=this._model,r=this._api;t.unfinished=!1;do{var o=+new Date;t.performSeriesTasks(i),t.performDataProcessorTasks(i),cx(this,i),t.performVisualTasks(i),mx(this,this._model,r,"remain",{}),n-=+new Date-o}while(n>0&&t.unfinished);t.unfinished||this._zr.flush()}}},e.prototype.getDom=function(){return this._dom},e.prototype.getId=function(){return this.id},e.prototype.getZr=function(){return this._zr},e.prototype.isSSR=function(){return this._ssr},e.prototype.setOption=function(t,e,n){if(!this[Km])if(this._disposed)kx(this.id);else{var i,r,o;if(q(e)&&(n=e.lazyUpdate,i=e.silent,r=e.replaceMerge,o=e.transition,e=e.notMerge),this[Km]=!0,Mx(this),!this._model||e){var a=new Yf(this._api),s=this._theme,l=this._model=new Bf;l.scheduler=this._scheduler,l.ssr=this._ssr,l.init(null,null,null,s,this._locale,a)}this._model.setOption(t,{replaceMerge:r},Nx);var u={seriesTransition:o,optionChanged:!0};if(n)this[Jm]={silent:i,updateParams:u},this[Km]=!1,this.getZr().wakeUp();else{try{ox(this),lx.update.call(this,null,u)}catch(t){throw this[Jm]=null,this[Km]=!1,t}this._ssr||this._zr.flush(),this[Jm]=null,this[Km]=!1,dx.call(this,i),px.call(this,i)}}},e.prototype.setTheme=function(t,e){if(!this[Km])if(this._disposed)kx(this.id);else{var n=this._model;if(n){var i=e&&e.silent,r=null;this[Jm]&&(null==i&&(i=this[Jm].silent),r=this[Jm].updateParams,this[Jm]=null),this[Km]=!0,Mx(this);try{this._updateTheme(t),n.setTheme(this._theme),ox(this),lx.update.call(this,{type:"setTheme"},r)}catch(t){throw this[Km]=!1,t}this[Km]=!1,dx.call(this,i),px.call(this,i)}}},e.prototype._updateTheme=function(t){X(t)&&(t=Ex[t]),t&&((t=T(t))&&dg(t,!0),this._theme=t)},e.prototype.getModel=function(){return this._model},e.prototype.getOption=function(){return this._model&&this._model.getOption()},e.prototype.getWidth=function(){return this._zr.getWidth()},e.prototype.getHeight=function(){return this._zr.getHeight()},e.prototype.getDevicePixelRatio=function(){return this._zr.painter.dpr||r.hasGlobalWindow&&window.devicePixelRatio||1},e.prototype.getRenderedCanvas=function(t){return this.renderToCanvas(t)},e.prototype.renderToCanvas=function(t){t=t||{};var e=this._zr.painter;return e.getRenderedCanvas({backgroundColor:t.backgroundColor||this._model.get("backgroundColor"),pixelRatio:t.pixelRatio||this.getDevicePixelRatio()})},e.prototype.renderToSVGString=function(t){t=t||{};var e=this._zr.painter;return e.renderToString({useViewBox:t.useViewBox})},e.prototype.getSvgDataURL=function(){var t=this._zr;return z(t.storage.getDisplayList(),(function(t){t.stopAnimation(null,!0)})),t.painter.toDataURL()},e.prototype.getDataURL=function(t){if(!this._disposed){var e=(t=t||{}).excludeComponents,n=this._model,i=[],r=this;z(e,(function(t){n.eachComponent({mainType:t},(function(t){var e=r._componentsMap[t.__viewId];e.group.ignore||(i.push(e),e.group.ignore=!0)}))}));var o="svg"===this._zr.painter.getType()?this.getSvgDataURL():this.renderToCanvas(t).toDataURL("image/"+(t&&t.type||"png"));return z(i,(function(t){t.group.ignore=!1})),o}kx(this.id)},e.prototype.getConnectedDataURL=function(t){if(!this._disposed){var e="svg"===t.type,n=this.group,i=Math.min,r=Math.max,o=1/0;if(Gx[n]){var a=o,s=o,l=-1/0,u=-1/0,h=[],d=t&&t.pixelRatio||this.getDevicePixelRatio();z(Vx,(function(o,c){if(o.group===n){var d=e?o.getZr().painter.getSvgDom().innerHTML:o.renderToCanvas(T(t)),p=o.getDom().getBoundingClientRect();a=i(p.left,a),s=i(p.top,s),l=r(p.right,l),u=r(p.bottom,u),h.push({dom:d,left:p.left,top:p.top})}}));var p=(l*=d)-(a*=d),f=(u*=d)-(s*=d),g=c.createCanvas(),y=oo(g,{renderer:e?"svg":"canvas"});if(y.resize({width:p,height:f}),e){var v="";return z(h,(function(t){var e=t.left-a,n=t.top-s;v+='<g transform="translate('+e+","+n+')">'+t.dom+"</g>"})),y.painter.getSvgRoot().innerHTML=v,t.connectedBackgroundColor&&y.painter.setBackgroundColor(t.connectedBackgroundColor),y.refreshImmediately(),y.painter.toDataURL()}return t.connectedBackgroundColor&&y.add(new xl({shape:{x:0,y:0,width:p,height:f},style:{fill:t.connectedBackgroundColor}})),z(h,(function(t){var e=new dl({style:{x:t.left*d-a,y:t.top*d-s,image:t.dom}});y.add(e)})),y.refreshImmediately(),g.toDataURL("image/"+(t&&t.type||"png"))}return this.getDataURL(t)}kx(this.id)},e.prototype.convertToPixel=function(t,e,n){return ux(this,"convertToPixel",t,e,n)},e.prototype.convertToLayout=function(t,e,n){return ux(this,"convertToLayout",t,e,n)},e.prototype.convertFromPixel=function(t,e,n){return ux(this,"convertFromPixel",t,e,n)},e.prototype.containPixel=function(t,e){var n;if(!this._disposed)return z(ua(this._model,t),(function(t,i){i.indexOf("Models")>=0&&z(t,(function(t){var r=t.coordinateSystem;if(r&&r.containPoint)n=n||!!r.containPoint(e);else if("seriesModels"===i){var o=this._chartsMap[t.__viewId];o&&o.containPoint&&(n=n||o.containPoint(e,t))}else 0}),this)}),this),!!n;kx(this.id)},e.prototype.getVisual=function(t,e){var n=ua(this._model,t,{defaultMainType:"series"}),i=n.seriesModel;var r=i.getData(),o=n.hasOwnProperty("dataIndexInside")?n.dataIndexInside:n.hasOwnProperty("dataIndex")?r.indexOfRawIndex(n.dataIndex):null;return null!=o?jv(r,o,e):qv(r,e)},e.prototype.getViewOfComponentModel=function(t){return this._componentsMap[t.__viewId]},e.prototype.getViewOfSeriesModel=function(t){return this._chartsMap[t.__viewId]},e.prototype._initEvents=function(){var t=this;z(Ax,(function(e){var n=function(n){var i,r=t.getModel(),o=n.target,a="globalout"===e;if(a?i={}:o&&Qv(o,(function(t){var e=zl(t);if(e&&null!=e.dataIndex){var n=e.dataModel||r.getSeriesByIndex(e.seriesIndex);return i=n&&n.getDataParams(e.dataIndex,e.dataType,o)||{},!0}if(e.eventData)return i=A({},e.eventData),!0}),!0),i){var s=i.componentType,l=i.componentIndex;"markLine"!==s&&"markPoint"!==s&&"markArea"!==s||(s="series",l=i.seriesIndex);var u=s&&null!=l&&r.getComponent(s,l),c=u&&t["series"===u.mainType?"_chartsMap":"_componentsMap"][u.__viewId];0,i.event=n,i.type=e,t._$eventProcessor.eventInfo={targetEl:o,packedEvent:i,model:u,view:c},t.trigger(e,i)}};n.zrEventfulCallAtLast=!0,t._zr.on(e,n,t)}));var e=this._messageCenter;z(Ox,(function(n,i){e.on(i,(function(e){t.trigger(i,e)}))})),function(t,e,n){t.on("selectchanged",(function(t){var i=n.getModel();t.isFromClick?(Jv("map","selectchanged",e,i,t),Jv("pie","selectchanged",e,i,t)):"select"===t.fromAction?(Jv("map","selected",e,i,t),Jv("pie","selected",e,i,t)):"unselect"===t.fromAction&&(Jv("map","unselected",e,i,t),Jv("pie","unselected",e,i,t))}))}(e,this,this._api)},e.prototype.isDisposed=function(){return this._disposed},e.prototype.clear=function(){this._disposed?kx(this.id):this.setOption({series:[]},!0)},e.prototype.dispose=function(){if(this._disposed)kx(this.id);else{this._disposed=!0,this.getDom()&&fa(this.getDom(),Hx,"");var t=this,e=t._api,n=t._model;z(t._componentsViews,(function(t){t.dispose(n,e)})),z(t._chartsViews,(function(t){t.dispose(n,e)})),t._zr.dispose(),t._dom=t._model=t._chartsMap=t._componentsMap=t._chartsViews=t._componentsViews=t._scheduler=t._api=t._zr=t._throttledZrFlush=t._theme=t._coordSysMgr=t._messageCenter=null,delete Vx[t.id]}},e.prototype.resize=function(t){if(!this[Km])if(this._disposed)kx(this.id);else{this._zr.resize(t);var e=this._model;if(this._loadingFX&&this._loadingFX.resize(),e){var n=e.resetOption("media"),i=t&&t.silent;this[Jm]&&(null==i&&(i=this[Jm].silent),n=!0,this[Jm]=null),this[Km]=!0,Mx(this);try{n&&ox(this),lx.update.call(this,{type:"resize",animation:A({duration:0},t&&t.animation)})}catch(t){throw this[Km]=!1,t}this[Km]=!1,dx.call(this,i),px.call(this,i)}}},e.prototype.showLoading=function(t,e){if(this._disposed)kx(this.id);else if(q(t)&&(e=t,t=""),t=t||"default",this.hideLoading(),Bx[t]){var n=Bx[t](this._api,e),i=this._zr;this._loadingFX=n,i.add(n)}},e.prototype.hideLoading=function(){this._disposed?kx(this.id):(this._loadingFX&&this._zr.remove(this._loadingFX),this._loadingFX=null)},e.prototype.makeActionFromEvent=function(t){var e=A({},t);return e.type=Px[t.type],e},e.prototype.dispatchAction=function(t,e){if(this._disposed)kx(this.id);else if(q(e)||(e={silent:!!e}),Lx[t.type]&&this._model)if(this[Km])this._pendingActions.push(t);else{var n=e.silent;hx.call(this,t,n);var i=e.flush;i?this._zr.flush():!1!==i&&r.browser.weChat&&this._throttledZrFlush(),dx.call(this,n),px.call(this,n)}},e.prototype.updateLabelLayout=function(){Wm.trigger("series:layoutlabels",this._model,this._api,{updatedSeries:[]})},e.prototype.appendData=function(t){if(this._disposed)kx(this.id);else{var e=t.seriesIndex,n=this.getModel().getSeriesByIndex(e);0,n.appendData(t),this._scheduler.unfinished=!0,this.getZr().wakeUp()}},e.internalField=function(){function t(t){t.clearColorPalette(),t.eachSeries((function(t){t.clearColorPalette()}))}function e(t){for(var e=[],n=t.currentStates,i=0;i<n.length;i++){var r=n[i];"emphasis"!==r&&"blur"!==r&&"select"!==r&&e.push(r)}t.selected&&t.states.select&&e.push("select"),2===t.hoverState&&t.states.emphasis?e.push("emphasis"):1===t.hoverState&&t.states.blur&&e.push("blur"),t.useStates(e)}function i(t,e){if(!t.preventAutoZ){var n=Hh(t);e.eachRendered((function(t){return Yh(t,n.z,n.zlevel),!0}))}}function o(t,e){e.eachRendered((function(t){if(!nh(t)){var e=t.getTextContent(),n=t.getTextGuideLine();t.stateTransition&&(t.stateTransition=null),e&&e.stateTransition&&(e.stateTransition=null),n&&n.stateTransition&&(n.stateTransition=null),t.hasState()?(t.prevStates=t.currentStates,t.clearStates()):t.prevStates&&(t.prevStates=null)}}))}function a(t,n){var i=t.getModel("stateAnimation"),r=t.isAnimationEnabled(),o=i.get("duration"),a=o>0?{duration:o,delay:i.get("delay"),easing:i.get("easing")}:null;n.eachRendered((function(t){if(t.states&&t.states.emphasis){if(nh(t))return;if(t instanceof sl&&function(t){var e=Gl(t);e.normalFill=t.style.fill,e.normalStroke=t.style.stroke;var n=t.states.select||{};e.selectFill=n.style&&n.style.fill||null,e.selectStroke=n.style&&n.style.stroke||null}(t),t.__dirty){var n=t.prevStates;n&&t.useStates(n)}if(r){t.stateTransition=a;var i=t.getTextContent(),o=t.getTextGuideLine();i&&(i.stateTransition=a),o&&(o.stateTransition=a)}t.__dirty&&e(t)}}))}ox=function(t){var e=t._scheduler;e.restorePipelines(t._model),e.prepareStageTasks(),ax(t,!0),ax(t,!1),e.plan()},ax=function(t,e){for(var n=t._model,i=t._scheduler,r=e?t._componentsViews:t._chartsViews,o=e?t._componentsMap:t._chartsMap,a=t._zr,s=t._api,l=0;l<r.length;l++)r[l].__alive=!1;function u(t){var l=t.__requireNewView;t.__requireNewView=!1;var u="_ec_"+t.id+"_"+t.type,c=!l&&o[u];if(!c){var h=ba(t.type),d=e?Ky.getClass(h.main,h.sub):tv.getClass(h.sub);0,(c=new d).init(n,s),o[u]=c,r.push(c),a.add(c.group)}t.__viewId=c.__id=u,c.__alive=!0,c.__model=t,c.group.__ecComponentInfo={mainType:t.mainType,index:t.componentIndex},!e&&i.prepareView(c,t,n,s)}e?n.eachComponent((function(t,e){"series"!==t&&u(e)})):n.eachSeries(u);for(l=0;l<r.length;){var c=r[l];c.__alive?l++:(!e&&c.renderTask.dispose(),a.remove(c.group),c.dispose(n,s),r.splice(l,1),o[c.__id]===c&&delete o[c.__id],c.__id=c.group.__ecComponentInfo=null)}},sx=function(t,e,n,i,r){var o=t._model;if(o.setUpdatePayload(n),i){var a={};a[i+"Id"]=n[i+"Id"],a[i+"Index"]=n[i+"Index"],a[i+"Name"]=n[i+"Name"];var s={mainType:i,query:a};r&&(s.subType=r);var l,u=n.excludeSeriesId;null!=u&&(l=yt(),z(qo(u),(function(t){var e=ia(t,null);null!=e&&l.set(e,!0)}))),o&&o.eachComponent(s,(function(e){if(!(l&&null!=l.get(e.id)))if(Ru(n))if(e instanceof Wy)n.type!==Yl||n.notBlur||e.get(["emphasis","disabled"])||function(t,e,n){var i=t.seriesIndex,r=t.getData(e.dataType);if(r){var o=aa(r,e);o=(U(o)?o[0]:o)||0;var a=r.getItemGraphicEl(o);if(!a)for(var s=r.count(),l=0;!a&&l<s;)a=r.getItemGraphicEl(l++);if(a){var u=zl(a);_u(i,u.focus,u.blurScope,n)}else{var c=t.get(["emphasis","focus"]),h=t.get(["emphasis","blurScope"]);null!=c&&_u(i,c,h,n)}}}(e,n,t._api);else{var i=wu(e.mainType,e.componentIndex,n.name,t._api),r=i.focusSelf,o=i.dispatchers;n.type===Yl&&r&&!n.notBlur&&bu(e.mainType,e.componentIndex,t._api),o&&z(o,(function(t){n.type===Yl?du(t):pu(t)}))}else Ou(n)&&e instanceof Wy&&(!function(t,e,n){if(Ou(e)){var i=e.dataType,r=aa(t.getData(i),e);U(r)||(r=[r]),t[e.type===ql?"toggleSelect":e.type===Zl?"select":"unselect"](r,i)}}(e,n,t._api),Su(e),bx(t))}),t),o&&o.eachComponent(s,(function(e){l&&null!=l.get(e.id)||c(t["series"===i?"_chartsMap":"_componentsMap"][e.__viewId])}),t)}else z([].concat(t._componentsViews).concat(t._chartsViews),c);function c(i){i&&i.__alive&&i[e]&&i[e](i.__model,o,t._api,n)}},lx={prepareAndUpdate:function(t){ox(this),lx.update.call(this,t,t&&{optionChanged:null!=t.newOption})},update:function(e,n){var i=this._model,r=this._api,o=this._zr,a=this._coordSysMgr,s=this._scheduler;if(i){i.setUpdatePayload(e),s.restoreData(i,e),s.performSeriesTasks(i),a.create(i,r),s.performDataProcessorTasks(i,e),cx(this,i),a.update(i,r),t(i),s.performVisualTasks(i,e);var l=i.get("backgroundColor")||"transparent";o.setBackgroundColor(l);var u=i.get("darkMode");null!=u&&"auto"!==u&&o.setDarkMode(u),yx(this,i,r,e,n),Wm.trigger("afterupdate",i,r)}},updateTransform:function(e){var n=this,i=this._model,r=this._api;if(i){i.setUpdatePayload(e);var o=[];i.eachComponent((function(t,a){if("series"!==t){var s=n.getViewOfComponentModel(a);if(s&&s.__alive)if(s.updateTransform){var l=s.updateTransform(a,i,r,e);l&&l.update&&o.push(s)}else o.push(s)}}));var a=yt();i.eachSeries((function(t){var o=n._chartsMap[t.__viewId];if(o.updateTransform){var s=o.updateTransform(t,i,r,e);s&&s.update&&a.set(t.uid,1)}else a.set(t.uid,1)})),t(i),this._scheduler.performVisualTasks(i,e,{setDirty:!0,dirtyMap:a}),mx(this,i,r,e,{},a),Wm.trigger("afterupdate",i,r)}},updateView:function(e){var n=this._model;n&&(n.setUpdatePayload(e),tv.markUpdateMethod(e,"updateView"),t(n),this._scheduler.performVisualTasks(n,e,{setDirty:!0}),yx(this,n,this._api,e,{}),Wm.trigger("afterupdate",n,this._api))},updateVisual:function(e){var n=this,i=this._model;i&&(i.setUpdatePayload(e),i.eachSeries((function(t){t.getData().clearAllVisual()})),tv.markUpdateMethod(e,"updateVisual"),t(i),this._scheduler.performVisualTasks(i,e,{visualType:"visual",setDirty:!0}),i.eachComponent((function(t,r){if("series"!==t){var o=n.getViewOfComponentModel(r);o&&o.__alive&&o.updateVisual(r,i,n._api,e)}})),i.eachSeries((function(t){n._chartsMap[t.__viewId].updateVisual(t,i,n._api,e)})),Wm.trigger("afterupdate",i,this._api))},updateLayout:function(t){lx.update.call(this,t)}},ux=function(t,e,n,i,r){if(t._disposed)kx(t.id);else{for(var o,a=t._model,s=t._coordSysMgr.getCoordinateSystems(),l=ua(a,n),u=0;u<s.length;u++){var c=s[u];if(c[e]&&null!=(o=c[e](a,l,i,r)))return o}0}},cx=function(t,e){var n=t._chartsMap,i=t._scheduler;e.eachSeries((function(t){i.updateStreamModes(t,n[t.__viewId])}))},hx=function(t,e){var n=this,i=this.getModel(),r=t.type,o=t.escapeConnect,a=Lx[r],s=(a.update||"update").split(":"),l=s.pop(),u=null!=s[0]&&ba(s[0]);this[Km]=!0,Mx(this);var c=[t],h=!1;t.batch&&(h=!0,c=E(t.batch,(function(e){return(e=k(A({},e),t)).batch=null,e})));var d,p=[],f=[],g=a.nonRefinedEventType,y=Ou(t),v=Ru(t);if(v&&xu(this._api),z(c,(function(e){var r=a.action(e,i,n._api);if(a.refineEvent?f.push(r):d=r,(d=d||A({},e)).type=g,p.push(d),v){var o=ca(t),s=o.queryOptionMap,c=o.mainTypeSpecified?s.keys()[0]:"series";sx(n,l,e,c),bx(n)}else y?(sx(n,l,e,"series"),bx(n)):u&&sx(n,l,e,u.main,u.sub)})),"none"!==l&&!v&&!y&&!u)try{this[Jm]?(ox(this),lx.update.call(this,t),this[Jm]=null):lx[l].call(this,t)}catch(t){throw this[Km]=!1,t}if(d=h?{type:g,escapeConnect:o,batch:p}:p[0],this[Km]=!1,!e){var m=void 0;if(a.refineEvent){var x=a.refineEvent(f,t,i,this._api).eventContent;lt(q(x)),(m=k({type:a.refinedEventType},x)).fromAction=t.type,m.fromActionPayload=t,m.escapeConnect=!0}var _=this._messageCenter;_.trigger(d.type,d),m&&_.trigger(m.type,m)}},dx=function(t){for(var e=this._pendingActions;e.length;){var n=e.shift();hx.call(this,n,t)}},px=function(t){!t&&this.trigger("updated")},fx=function(t,e){t.on("rendered",(function(n){e.trigger("rendered",n),!t.animation.isFinished()||e[Jm]||e._scheduler.unfinished||e._pendingActions.length||e.trigger("finished")}))},gx=function(t,e){t.on("mouseover",(function(t){var n=Qv(t.target,Pu);n&&(!function(t,e,n){var i=zl(t),r=wu(i.componentMainType,i.componentIndex,i.componentHighDownName,n),o=r.dispatchers,a=r.focusSelf;o?(a&&bu(i.componentMainType,i.componentIndex,n),z(o,(function(t){return cu(t,e)}))):(_u(i.seriesIndex,i.focus,i.blurScope,n),"self"===i.focus&&bu(i.componentMainType,i.componentIndex,n),cu(t,e))}(n,t,e._api),bx(e))})).on("mouseout",(function(t){var n=Qv(t.target,Pu);n&&(!function(t,e,n){xu(n);var i=zl(t),r=wu(i.componentMainType,i.componentIndex,i.componentHighDownName,n).dispatchers;r?z(r,(function(t){return hu(t,e)})):hu(t,e)}(n,t,e._api),bx(e))})).on("click",(function(t){var n=Qv(t.target,(function(t){return null!=zl(t).dataIndex}),!0);if(n){var i=n.selected?"unselect":"select",r=zl(n);e._api.dispatchAction({type:i,dataType:r.dataType,dataIndexInside:r.dataIndex,seriesIndex:r.seriesIndex,isFromClick:!0})}}))},yx=function(t,e,n,i,r){!function(t){var e=[],n=[],i=!1;if(t.eachComponent((function(t,r){var o=r.get("zlevel")||0,a=r.get("z")||0,s=r.getZLevelKey();i=i||!!s,("series"===t?n:e).push({zlevel:o,z:a,idx:r.componentIndex,type:t,key:s})})),i){var r,o,a=e.concat(n);cn(a,(function(t,e){return t.zlevel===e.zlevel?t.z-e.z:t.zlevel-e.zlevel})),z(a,(function(e){var n=t.getComponent(e.type,e.idx),i=e.zlevel,a=e.key;null!=r&&(i=Math.max(r,i)),a?(i===r&&a!==o&&i++,o=a):o&&(i===r&&i++,o=""),r=i,n.setZLevel(i)}))}}(e),vx(t,e,n,i,r),z(t._chartsViews,(function(t){t.__alive=!1})),mx(t,e,n,i,r),z(t._chartsViews,(function(t){t.__alive||t.remove(e,n)}))},vx=function(t,e,n,r,s,l){z(l||t._componentsViews,(function(t){var s=t.__model;o(s,t),t.render(s,e,n,r),i(s,t),a(s,t)}))},mx=function(t,e,n,s,l,u){var c=t._scheduler;l=A(l||{},{updatedSeries:e.getSeries()}),Wm.trigger("series:beforeupdate",e,n,l);var h=!1;e.eachSeries((function(e){var n=t._chartsMap[e.__viewId];n.__alive=!0;var i=n.renderTask;c.updatePayload(i,s),o(e,n),u&&u.get(e.uid)&&i.dirty(),i.perform(c.getPerformArgs(i))&&(h=!0),n.group.silent=!!e.get("silent"),function(t,e){var n=t.get("blendMode")||null;e.eachRendered((function(t){t.isGroup||(t.style.blend=n)}))}(e,n),Su(e)})),c.unfinished=h||c.unfinished,Wm.trigger("series:layoutlabels",e,n,l),Wm.trigger("series:transition",e,n,l),e.eachSeries((function(e){var n=t._chartsMap[e.__viewId];i(e,n),a(e,n)})),function(t,e){var n=t._zr,i=n.storage,o=0;i.traverse((function(t){t.isGroup||o++})),o>e.get("hoverLayerThreshold")&&!r.node&&!r.worker&&e.eachSeries((function(e){if(!e.preventUsingHoverLayer){var n=t._chartsMap[e.__viewId];n.__alive&&n.eachRendered((function(t){t.states.emphasis&&(t.states.emphasis.hoverLayer=!0)}))}}))}(t,e),Wm.trigger("series:afterupdate",e,n,l)},bx=function(t){t[Qm]=!0,t.getZr().wakeUp()},Mx=function(t){t[$m]=(t[$m]+1)%1e3},Sx=function(t){t[Qm]&&(t.getZr().storage.traverse((function(t){nh(t)||e(t)})),t[Qm]=!1)},xx=function(t){return new(function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return n(i,e),i.prototype.getCoordinateSystems=function(){return t._coordSysMgr.getCoordinateSystems()},i.prototype.getComponentByElement=function(e){for(;e;){var n=e.__ecComponentInfo;if(null!=n)return t._model.getComponent(n.mainType,n.index);e=e.parent}},i.prototype.enterEmphasis=function(e,n){du(e,n),bx(t)},i.prototype.leaveEmphasis=function(e,n){pu(e,n),bx(t)},i.prototype.enterBlur=function(e){fu(e),bx(t)},i.prototype.leaveBlur=function(e){gu(e),bx(t)},i.prototype.enterSelect=function(e){yu(e),bx(t)},i.prototype.leaveSelect=function(e){vu(e),bx(t)},i.prototype.getModel=function(){return t.getModel()},i.prototype.getViewOfComponentModel=function(e){return t.getViewOfComponentModel(e)},i.prototype.getViewOfSeriesModel=function(e){return t.getViewOfSeriesModel(e)},i.prototype.getMainProcessVersion=function(){return t[$m]},i}(Hf))(t)},_x=function(t){function e(t,e){for(var n=0;n<t.length;n++){t[n][ex]=e}}z(Px,(function(n,i){t._messageCenter.on(i,(function(n){if(Gx[t.group]&&0!==t[ex]){if(n&&n.escapeConnect)return;var i=t.makeActionFromEvent(n),r=[];z(Vx,(function(e){e!==t&&e.group===t.group&&r.push(e)})),e(r,0),z(r,(function(t){1!==t[ex]&&t.dispatchAction(i)})),e(r,2)}}))}))}}(),e}(qt),Dx=Cx.prototype;Dx.on=nx("on"),Dx.off=nx("off"),Dx.one=function(t,e,n){var i=this;Uo(),this.on.call(this,t,(function n(){for(var r=[],o=0;o<arguments.length;o++)r[o]=arguments[o];e&&e.apply&&e.apply(this,r),i.off(t,n)}),n)};var Ax=["click","dblclick","mouseover","mouseout","mousemove","mousedown","mouseup","globalout","contextmenu"];function kx(t){0}var Lx={},Px={},Ox={},Rx=[],Nx=[],zx=[],Ex={},Bx={},Vx={},Gx={},Fx=+new Date-0,Wx=+new Date-0,Hx="_echarts_instance_";function Ux(t){Gx[t]=!1}var Yx=Ux;function Xx(t){return Vx[function(t,e){return t.getAttribute?t.getAttribute(e):t[e]}(t,Hx)]}function Zx(t,e){Ex[t]=e}function jx(t){P(Nx,t)<0&&Nx.push(t)}function qx(t,e){r_(Rx,t,e,2e3)}function Kx(t){Jx("afterinit",t)}function $x(t){Jx("afterupdate",t)}function Jx(t,e){Wm.on(t,e)}function Qx(t,e,n){var i,r,o,a,s;function l(t){return t.toLowerCase()}Y(e)&&(n=e,e=""),q(t)?(i=t.type,r=t.event,a=t.update,s=t.publishNonRefinedEvent,n||(n=t.action),o=t.refineEvent):(i=t,r=e),r=l(r||i);var u=o?l(i):r;Lx[i]||(lt(tx.test(i)&&tx.test(r)),o&&lt(r!==i),Lx[i]={actionType:i,refinedEventType:r,nonRefinedEventType:u,update:a,action:n,refineEvent:o},Ox[r]=1,o&&s&&(Ox[u]=1),Px[u]=i)}function t_(t,e){Tp.register(t,e)}function e_(t,e){r_(zx,t,e,1e3,"layout")}function n_(t,e){r_(zx,t,e,3e3,"visual")}var i_=[];function r_(t,e,n,i,r){if((Y(e)||q(e))&&(n=e,e=i),!(P(i_,n)>=0)){i_.push(n);var o=wv.wrapStageHandler(n,r);o.__prio=e,o.__raw=n,t.push(o)}}function o_(t,e){Bx[t]=e}function a_(t,e,n){var i=Um("registerMap");i&&i(t,e,n)}var s_=function(t){var e=(t=T(t)).type,n="";e||Yo(n);var i=e.split(":");2!==i.length&&Yo(n);var r=!1;"echarts"===i[0]&&(e=i[1],r=!0),t.__isBuiltIn=r,oy.set(e,t)};function l_(t,e,n,i){return{eventContent:{selected:Mu(n),isFromClick:e.isFromClick||!1}}}n_(Zm,vv),n_(jm,xv),n_(jm,_v),n_(Zm,Xv),n_(jm,Zv),n_(7e3,(function(t,e){t.eachRawSeries((function(n){if(!t.isSeriesFiltered(n)){var i=n.getData();i.hasItemVisual()&&i.each((function(t){var n=i.getItemVisual(t,"decal");n&&(i.ensureUniqueItemVisual(t,"style").decal=Bm(n,e))}));var r=i.getVisual("decal");if(r)i.getVisual("style").decal=Bm(r,e)}}))})),jx(dg),qx(900,(function(t){var e=yt();t.eachSeries((function(t){var n=t.get("stack");if(n){var i=e.get(n)||e.set(n,[]),r=t.getData(),o={stackResultDimension:r.getCalculationInfo("stackResultDimension"),stackedOverDimension:r.getCalculationInfo("stackedOverDimension"),stackedDimension:r.getCalculationInfo("stackedDimension"),stackedByDimension:r.getCalculationInfo("stackedByDimension"),isStackedByIndex:r.getCalculationInfo("isStackedByIndex"),data:r,seriesModel:t};if(!o.stackedDimension||!o.isStackedByIndex&&!o.stackedByDimension)return;i.push(o)}})),e.each((function(t){0!==t.length&&("seriesDesc"===(t[0].seriesModel.get("stackOrder")||"seriesAsc")&&t.reverse(),z(t,(function(e,n){e.data.setCalculationInfo("stackedOnSeries",n>0?t[n-1].seriesModel:null)})),function(t){z(t,(function(e,n){var i=[],r=[NaN,NaN],o=[e.stackResultDimension,e.stackedOverDimension],a=e.data,s=e.isStackedByIndex,l=e.seriesModel.get("stackStrategy")||"samesign";a.modify(o,(function(o,u,c){var h,d,p=a.get(e.stackedDimension,c);if(isNaN(p))return r;s?d=a.getRawIndex(c):h=a.get(e.stackedByDimension,c);for(var f=NaN,g=n-1;g>=0;g--){var y=t[g];if(s||(d=y.data.rawIndexOf(y.stackedByDimension,h)),d>=0){var v=y.data.getByRawIndex(y.stackResultDimension,d);if("all"===l||"positive"===l&&v>0||"negative"===l&&v<0||"samesign"===l&&p>=0&&v>0||"samesign"===l&&p<=0&&v<0){p=Mo(p,v),f=v;break}}}return i[0]=p,i[1]=f,i}))}))}(t))}))})),o_("default",(function(t,e){k(e=e||{},{text:"loading",textColor:tf.color.primary,fontSize:12,fontWeight:"normal",fontStyle:"normal",fontFamily:"sans-serif",maskColor:"rgba(255,255,255,0.8)",showSpinner:!0,color:tf.color.theme[0],spinnerRadius:10,lineWidth:5,zlevel:0});var n=new to,i=new xl({style:{fill:e.maskColor},zlevel:e.zlevel,z:1e4});n.add(i);var r,o=new Sl({style:{text:e.text,fill:e.textColor,fontSize:e.fontSize,fontWeight:e.fontWeight,fontStyle:e.fontStyle,fontFamily:e.fontFamily},zlevel:e.zlevel,z:10001}),a=new xl({style:{fill:"none"},textContent:o,textConfig:{position:"right",distance:10},zlevel:e.zlevel,z:10001});return n.add(a),e.showSpinner&&((r=new Nc({shape:{startAngle:-bv/2,endAngle:-bv/2+.1,r:e.spinnerRadius},style:{stroke:e.color,lineCap:"round",lineWidth:e.lineWidth},zlevel:e.zlevel,z:10001})).animateShape(!0).when(1e3,{endAngle:3*bv/2}).start("circularInOut"),r.animateShape(!0).when(1e3,{startAngle:3*bv/2}).delay(300).start("circularInOut"),n.add(r)),n.resize=function(){var n=o.getBoundingRect().width,s=e.showSpinner?e.spinnerRadius:0,l=(t.getWidth()-2*s-(e.showSpinner&&n?10:0)-n)/2-(e.showSpinner&&n?0:5+n/2)+(e.showSpinner?0:n/2)+(n?0:s),u=t.getHeight()/2;e.showSpinner&&r.setShape({cx:l,cy:u}),a.setShape({x:l-s,y:u-s,width:2*s,height:2*s}),i.setShape({x:0,y:0,width:t.getWidth(),height:t.getHeight()})},n.resize(),n})),Qx({type:Yl,event:Yl,update:Yl},bt),Qx({type:Xl,event:Xl,update:Xl},bt),Qx({type:Zl,event:Kl,update:Zl,action:bt,refineEvent:l_,publishNonRefinedEvent:!0}),Qx({type:jl,event:Kl,update:jl,action:bt,refineEvent:l_,publishNonRefinedEvent:!0}),Qx({type:ql,event:Kl,update:ql,action:bt,refineEvent:l_,publishNonRefinedEvent:!0}),Zx("default",{}),Zx("dark",Wv);var u_=[],c_={registerPreprocessor:jx,registerProcessor:qx,registerPostInit:Kx,registerPostUpdate:$x,registerUpdateLifecycle:Jx,registerAction:Qx,registerCoordinateSystem:t_,registerLayout:e_,registerVisual:n_,registerTransform:s_,registerLoading:o_,registerMap:a_,registerImpl:function(t,e){Hm[t]=e},PRIORITY:qm,ComponentModel:Qp,ComponentView:Ky,SeriesModel:Wy,ChartView:tv,registerComponentModel:function(t){Qp.registerClass(t)},registerComponentView:function(t){Ky.registerClass(t)},registerSeriesModel:function(t){Wy.registerClass(t)},registerChartView:function(t){tv.registerClass(t)},registerCustomSeries:function(t,e){Xm(t,e)},registerSubTypeDefaulter:function(t,e){Qp.registerSubTypeDefaulter(t,e)},registerPainter:function(t,e){ao(t,e)}};function h_(t){U(t)?z(t,(function(t){h_(t)})):P(u_,t)>=0||(u_.push(t),Y(t)&&(t={install:t}),t.install(c_))}function d_(t){return null==t?0:t.length||1}function p_(t){return t}var f_=function(){function t(t,e,n,i,r,o){this._old=t,this._new=e,this._oldKeyGetter=n||p_,this._newKeyGetter=i||p_,this.context=r,this._diffModeMultiple="multiple"===o}return t.prototype.add=function(t){return this._add=t,this},t.prototype.update=function(t){return this._update=t,this},t.prototype.updateManyToOne=function(t){return this._updateManyToOne=t,this},t.prototype.updateOneToMany=function(t){return this._updateOneToMany=t,this},t.prototype.updateManyToMany=function(t){return this._updateManyToMany=t,this},t.prototype.remove=function(t){return this._remove=t,this},t.prototype.execute=function(){this[this._diffModeMultiple?"_executeMultiple":"_executeOneToOne"]()},t.prototype._executeOneToOne=function(){var t=this._old,e=this._new,n={},i=new Array(t.length),r=new Array(e.length);this._initIndexMap(t,null,i,"_oldKeyGetter"),this._initIndexMap(e,n,r,"_newKeyGetter");for(var o=0;o<t.length;o++){var a=i[o],s=n[a],l=d_(s);if(l>1){var u=s.shift();1===s.length&&(n[a]=s[0]),this._update&&this._update(u,o)}else 1===l?(n[a]=null,this._update&&this._update(s,o)):this._remove&&this._remove(o)}this._performRestAdd(r,n)},t.prototype._executeMultiple=function(){var t=this._old,e=this._new,n={},i={},r=[],o=[];this._initIndexMap(t,n,r,"_oldKeyGetter"),this._initIndexMap(e,i,o,"_newKeyGetter");for(var a=0;a<r.length;a++){var s=r[a],l=n[s],u=i[s],c=d_(l),h=d_(u);if(c>1&&1===h)this._updateManyToOne&&this._updateManyToOne(u,l),i[s]=null;else if(1===c&&h>1)this._updateOneToMany&&this._updateOneToMany(u,l),i[s]=null;else if(1===c&&1===h)this._update&&this._update(u,l),i[s]=null;else if(c>1&&h>1)this._updateManyToMany&&this._updateManyToMany(u,l),i[s]=null;else if(c>1)for(var d=0;d<c;d++)this._remove&&this._remove(l[d]);else this._remove&&this._remove(l)}this._performRestAdd(o,i)},t.prototype._performRestAdd=function(t,e){for(var n=0;n<t.length;n++){var i=t[n],r=e[i],o=d_(r);if(o>1)for(var a=0;a<o;a++)this._add&&this._add(r[a]);else 1===o&&this._add&&this._add(r);e[i]=null}},t.prototype._initIndexMap=function(t,e,n,i){for(var r=this._diffModeMultiple,o=0;o<t.length;o++){var a="_ec_"+this[i](t[o],o);if(r||(n[o]=a),e){var s=e[a],l=d_(s);0===l?(e[a]=o,r&&n.push(a)):1===l?e[a]=[s,o]:s.push(o)}}},t}(),g_=function(){function t(t,e){this._encode=t,this._schema=e}return t.prototype.get=function(){return{fullDimensions:this._getFullDimensionNames(),encode:this._encode}},t.prototype._getFullDimensionNames=function(){return this._cachedDimNames||(this._cachedDimNames=this._schema?this._schema.makeOutputDimensionNames():[]),this._cachedDimNames},t}();function y_(t,e){return t.hasOwnProperty(e)||(t[e]=[]),t[e]}function v_(t){return"category"===t?"ordinal":"time"===t?"time":"float"}var m_=function(t){this.otherDims={},null!=t&&A(this,t)},x_=sa(),__={float:"f",int:"i",ordinal:"o",number:"n",time:"t"},b_=function(){function t(t){this.dimensions=t.dimensions,this._dimOmitted=t.dimensionOmitted,this.source=t.source,this._fullDimCount=t.fullDimensionCount,this._updateDimOmitted(t.dimensionOmitted)}return t.prototype.isDimensionOmitted=function(){return this._dimOmitted},t.prototype._updateDimOmitted=function(t){this._dimOmitted=t,t&&(this._dimNameMap||(this._dimNameMap=M_(this.source)))},t.prototype.getSourceDimensionIndex=function(t){return rt(this._dimNameMap.get(t),-1)},t.prototype.getSourceDimension=function(t){var e=this.source.dimensionsDefine;if(e)return e[t]},t.prototype.makeStoreSchema=function(){for(var t=this._fullDimCount,e=Tg(this.source),n=!I_(t),i="",r=[],o=0,a=0;o<t;o++){var s=void 0,l=void 0,u=void 0,c=this.dimensions[a];if(c&&c.storeDimIndex===o)s=e?c.name:null,l=c.type,u=c.ordinalMeta,a++;else{var h=this.getSourceDimension(o);h&&(s=e?h.name:null,l=h.type)}r.push({property:s,type:l,ordinalMeta:u}),!e||null==s||c&&c.isCalculationCoord||(i+=n?s.replace(/\`/g,"`1").replace(/\$/g,"`2"):s),i+="$",i+=__[l]||"f",u&&(i+=u.uid),i+="$"}var d=this.source;return{dimensions:r,hash:[d.seriesLayoutBy,d.startIndex,i].join("$$")}},t.prototype.makeOutputDimensionNames=function(){for(var t=[],e=0,n=0;e<this._fullDimCount;e++){var i=void 0,r=this.dimensions[n];if(r&&r.storeDimIndex===e)r.isCalculationCoord||(i=r.name),n++;else{var o=this.getSourceDimension(e);o&&(i=o.name)}t.push(i)}return t},t.prototype.appendCalculationDimension=function(t){this.dimensions.push(t),t.isCalculationCoord=!0,this._fullDimCount++,this._updateDimOmitted(!0)},t}();function w_(t){return t instanceof b_}function S_(t){for(var e=yt(),n=0;n<(t||[]).length;n++){var i=t[n],r=q(i)?i.name:i;null!=r&&null==e.get(r)&&e.set(r,n)}return e}function M_(t){var e=x_(t);return e.dimNameMap||(e.dimNameMap=S_(t.dimensionsDefine))}function I_(t){return t>30}var T_,C_,D_,A_,k_,L_,P_,O_=q,R_=E,N_="undefined"==typeof Int32Array?Array:Int32Array,z_=["hasItemOption","_nameList","_idList","_invertedIndicesMap","_dimSummary","userOutput","_rawData","_dimValueGetter","_nameDimIdx","_idDimIdx","_nameRepeatCount"],E_=["_approximateExtent"],B_=function(){function t(t,e){var n;this.type="list",this._dimOmitted=!1,this._nameList=[],this._idList=[],this._visual={},this._layout={},this._itemVisuals=[],this._itemLayouts=[],this._graphicEls=[],this._approximateExtent={},this._calculationInfo={},this.hasItemOption=!1,this.TRANSFERABLE_METHODS=["cloneShallow","downSample","minmaxDownSample","lttbDownSample","map"],this.CHANGABLE_METHODS=["filterSelf","selectRange"],this.DOWNSAMPLE_METHODS=["downSample","minmaxDownSample","lttbDownSample"];var i=!1;w_(t)?(n=t.dimensions,this._dimOmitted=t.isDimensionOmitted(),this._schema=t):(i=!0,n=t),n=n||["x","y"];for(var r={},o=[],a={},s=!1,l={},u=0;u<n.length;u++){var c=n[u],h=X(c)?new m_({name:c}):c instanceof m_?c:new m_(c),d=h.name;h.type=h.type||"float",h.coordDim||(h.coordDim=d,h.coordDimIndex=0);var p=h.otherDims=h.otherDims||{};o.push(d),r[d]=h,null!=l[d]&&(s=!0),h.createInvertedIndices&&(a[d]=[]);var f=u;j(h.storeDimIndex)&&(f=h.storeDimIndex),0===p.itemName&&(this._nameDimIdx=f),0===p.itemId&&(this._idDimIdx=f),i&&(h.storeDimIndex=u)}if(this.dimensions=o,this._dimInfos=r,this._initGetDimensionInfo(s),this.hostModel=e,this._invertedIndicesMap=a,this._dimOmitted){var g=this._dimIdxToName=yt();z(o,(function(t){g.set(r[t].storeDimIndex,t)}))}}return t.prototype.getDimension=function(t){var e=this._recognizeDimIndex(t);if(null==e)return t;if(e=t,!this._dimOmitted)return this.dimensions[e];var n=this._dimIdxToName.get(e);if(null!=n)return n;var i=this._schema.getSourceDimension(e);return i?i.name:void 0},t.prototype.getDimensionIndex=function(t){var e=this._recognizeDimIndex(t);if(null!=e)return e;if(null==t)return-1;var n=this._getDimInfo(t);return n?n.storeDimIndex:this._dimOmitted?this._schema.getSourceDimensionIndex(t):-1},t.prototype._recognizeDimIndex=function(t){if(j(t)||null!=t&&!isNaN(t)&&!this._getDimInfo(t)&&(!this._dimOmitted||this._schema.getSourceDimensionIndex(t)<0))return+t},t.prototype._getStoreDimIndex=function(t){var e=this.getDimensionIndex(t);return e},t.prototype.getDimensionInfo=function(t){return this._getDimInfo(this.getDimension(t))},t.prototype._initGetDimensionInfo=function(t){var e=this._dimInfos;this._getDimInfo=t?function(t){return e.hasOwnProperty(t)?e[t]:void 0}:function(t){return e[t]}},t.prototype.getDimensionsOnCoord=function(){return this._dimSummary.dataDimsOnCoord.slice()},t.prototype.mapDimension=function(t,e){var n=this._dimSummary;if(null==e)return n.encodeFirstDimNotExtra[t];var i=n.encode[t];return i?i[e]:null},t.prototype.mapDimensionsAll=function(t){return(this._dimSummary.encode[t]||[]).slice()},t.prototype.getStore=function(){return this._store},t.prototype.initData=function(t,e,n){var i,r=this;if(t instanceof vy&&(i=t),!i){var o=this.dimensions,a=_g(t)||N(t)?new Cg(t,o.length):t;i=new vy;var s=R_(o,(function(t){return{type:r._dimInfos[t].type,property:t}}));i.initData(a,s,n)}this._store=i,this._nameList=(e||[]).slice(),this._idList=[],this._nameRepeatCount={},this._doInit(0,i.count()),this._dimSummary=function(t,e){var n={},i=n.encode={},r=yt(),o=[],a=[],s={};z(t.dimensions,(function(e){var n,l=t.getDimensionInfo(e),u=l.coordDim;if(u){var c=l.coordDimIndex;y_(i,u)[c]=e,l.isExtraCoord||(r.set(u,1),"ordinal"!==(n=l.type)&&"time"!==n&&(o[0]=e),y_(s,u)[c]=t.getDimensionIndex(l.name)),l.defaultTooltip&&a.push(e)}cf.each((function(t,e){var n=y_(i,e),r=l.otherDims[e];null!=r&&!1!==r&&(n[r]=l.name)}))}));var l=[],u={};r.each((function(t,e){var n=i[e];u[e]=n[0],l=l.concat(n)})),n.dataDimsOnCoord=l,n.dataDimIndicesOnCoord=E(l,(function(e){return t.getDimensionInfo(e).storeDimIndex})),n.encodeFirstDimNotExtra=u;var c=i.label;c&&c.length&&(o=c.slice());var h=i.tooltip;return h&&h.length?a=h.slice():a.length||(a=o.slice()),i.defaultedLabel=o,i.defaultedTooltip=a,n.userOutput=new g_(s,e),n}(this,this._schema),this.userOutput=this._dimSummary.userOutput},t.prototype.appendData=function(t){var e=this._store.appendData(t);this._doInit(e[0],e[1])},t.prototype.appendValues=function(t,e){var n=this._store.appendValues(t,e&&e.length),i=n.start,r=n.end,o=this._shouldMakeIdFromName();if(this._updateOrdinalMeta(),e)for(var a=i;a<r;a++){var s=a-i;this._nameList[a]=e[s],o&&P_(this,a)}},t.prototype._updateOrdinalMeta=function(){for(var t=this._store,e=this.dimensions,n=0;n<e.length;n++){var i=this._dimInfos[e[n]];i.ordinalMeta&&t.collectOrdinalMeta(i.storeDimIndex,i.ordinalMeta)}},t.prototype._shouldMakeIdFromName=function(){var t=this._store.getProvider();return null==this._idDimIdx&&t.getSource().sourceFormat!==gf&&!t.fillStorage},t.prototype._doInit=function(t,e){if(!(t>=e)){var n=this._store.getProvider();this._updateOrdinalMeta();var i=this._nameList,r=this._idList;if(n.getSource().sourceFormat===hf&&!n.pure)for(var o=[],a=t;a<e;a++){var s=n.getItem(a,o);if(!this.hasItemOption&&Qo(s)&&(this.hasItemOption=!0),s){var l=s.name;null==i[a]&&null!=l&&(i[a]=ia(l,null));var u=s.id;null==r[a]&&null!=u&&(r[a]=ia(u,null))}}if(this._shouldMakeIdFromName())for(a=t;a<e;a++)P_(this,a);T_(this)}},t.prototype.getApproximateExtent=function(t){return this._approximateExtent[t]||this._store.getDataExtent(this._getStoreDimIndex(t))},t.prototype.setApproximateExtent=function(t,e){e=this.getDimension(e),this._approximateExtent[e]=t.slice()},t.prototype.getCalculationInfo=function(t){return this._calculationInfo[t]},t.prototype.setCalculationInfo=function(t,e){O_(t)?A(this._calculationInfo,t):this._calculationInfo[t]=e},t.prototype.getName=function(t){var e=this.getRawIndex(t),n=this._nameList[e];return null==n&&null!=this._nameDimIdx&&(n=D_(this,this._nameDimIdx,e)),null==n&&(n=""),n},t.prototype._getCategory=function(t,e){var n=this._store.get(t,e),i=this._store.getOrdinalMeta(t);return i?i.categories[n]:n},t.prototype.getId=function(t){return C_(this,this.getRawIndex(t))},t.prototype.count=function(){return this._store.count()},t.prototype.get=function(t,e){var n=this._store,i=this._dimInfos[t];if(i)return n.get(i.storeDimIndex,e)},t.prototype.getByRawIndex=function(t,e){var n=this._store,i=this._dimInfos[t];if(i)return n.getByRawIndex(i.storeDimIndex,e)},t.prototype.getIndices=function(){return this._store.getIndices()},t.prototype.getDataExtent=function(t){return this._store.getDataExtent(this._getStoreDimIndex(t))},t.prototype.getSum=function(t){return this._store.getSum(this._getStoreDimIndex(t))},t.prototype.getMedian=function(t){return this._store.getMedian(this._getStoreDimIndex(t))},t.prototype.getValues=function(t,e){var n=this,i=this._store;return U(t)?i.getValues(R_(t,(function(t){return n._getStoreDimIndex(t)})),e):i.getValues(t)},t.prototype.hasValue=function(t){for(var e=this._dimSummary.dataDimIndicesOnCoord,n=0,i=e.length;n<i;n++)if(isNaN(this._store.get(e[n],t)))return!1;return!0},t.prototype.indexOfName=function(t){for(var e=0,n=this._store.count();e<n;e++)if(this.getName(e)===t)return e;return-1},t.prototype.getRawIndex=function(t){return this._store.getRawIndex(t)},t.prototype.indexOfRawIndex=function(t){return this._store.indexOfRawIndex(t)},t.prototype.rawIndexOf=function(t,e){var n=t&&this._invertedIndicesMap[t];var i=n&&n[e];return null==i||isNaN(i)?-1:i},t.prototype.each=function(t,e,n){Y(t)&&(n=e,e=t,t=[]);var i=n||this,r=R_(A_(t),this._getStoreDimIndex,this);this._store.each(r,i?W(e,i):e)},t.prototype.filterSelf=function(t,e,n){Y(t)&&(n=e,e=t,t=[]);var i=n||this,r=R_(A_(t),this._getStoreDimIndex,this);return this._store=this._store.filter(r,i?W(e,i):e),this},t.prototype.selectRange=function(t){var e=this,n={};return z(F(t),(function(i){var r=e._getStoreDimIndex(i);n[r]=t[i]})),this._store=this._store.selectRange(n),this},t.prototype.mapArray=function(t,e,n){Y(t)&&(n=e,e=t,t=[]),n=n||this;var i=[];return this.each(t,(function(){i.push(e&&e.apply(this,arguments))}),n),i},t.prototype.map=function(t,e,n,i){var r=n||i||this,o=R_(A_(t),this._getStoreDimIndex,this),a=L_(this);return a._store=this._store.map(o,r?W(e,r):e),a},t.prototype.modify=function(t,e,n,i){var r=n||i||this;var o=R_(A_(t),this._getStoreDimIndex,this);this._store.modify(o,r?W(e,r):e)},t.prototype.downSample=function(t,e,n,i){var r=L_(this);return r._store=this._store.downSample(this._getStoreDimIndex(t),e,n,i),r},t.prototype.minmaxDownSample=function(t,e){var n=L_(this);return n._store=this._store.minmaxDownSample(this._getStoreDimIndex(t),e),n},t.prototype.lttbDownSample=function(t,e){var n=L_(this);return n._store=this._store.lttbDownSample(this._getStoreDimIndex(t),e),n},t.prototype.getRawDataItem=function(t){return this._store.getRawDataItem(t)},t.prototype.getItemModel=function(t){var e=this.hostModel,n=this.getRawDataItem(t);return new wd(n,e,e&&e.ecModel)},t.prototype.diff=function(t){var e=this;return new f_(t?t.getStore().getIndices():[],this.getStore().getIndices(),(function(e){return C_(t,e)}),(function(t){return C_(e,t)}))},t.prototype.getVisual=function(t){var e=this._visual;return e&&e[t]},t.prototype.setVisual=function(t,e){this._visual=this._visual||{},O_(t)?A(this._visual,t):this._visual[t]=e},t.prototype.getItemVisual=function(t,e){var n=this._itemVisuals[t],i=n&&n[e];return null==i?this.getVisual(e):i},t.prototype.hasItemVisual=function(){return this._itemVisuals.length>0},t.prototype.ensureUniqueItemVisual=function(t,e){var n=this._itemVisuals,i=n[t];i||(i=n[t]={});var r=i[e];return null==r&&(U(r=this.getVisual(e))?r=r.slice():O_(r)&&(r=A({},r)),i[e]=r),r},t.prototype.setItemVisual=function(t,e,n){var i=this._itemVisuals[t]||{};this._itemVisuals[t]=i,O_(e)?A(i,e):i[e]=n},t.prototype.clearAllVisual=function(){this._visual={},this._itemVisuals=[]},t.prototype.setLayout=function(t,e){O_(t)?A(this._layout,t):this._layout[t]=e},t.prototype.getLayout=function(t){return this._layout[t]},t.prototype.getItemLayout=function(t){return this._itemLayouts[t]},t.prototype.setItemLayout=function(t,e,n){this._itemLayouts[t]=n?A(this._itemLayouts[t]||{},e):e},t.prototype.clearItemLayouts=function(){this._itemLayouts.length=0},t.prototype.setItemGraphicEl=function(t,e){var n=this.hostModel&&this.hostModel.seriesIndex;El(n,this.dataType,t,e),this._graphicEls[t]=e},t.prototype.getItemGraphicEl=function(t){return this._graphicEls[t]},t.prototype.eachItemGraphicEl=function(t,e){z(this._graphicEls,(function(n,i){n&&t&&t.call(e,n,i)}))},t.prototype.cloneShallow=function(e){return e||(e=new t(this._schema?this._schema:R_(this.dimensions,this._getDimInfo,this),this.hostModel)),k_(e,this),e._store=this._store,e},t.prototype.wrapMethod=function(t,e){var n=this[t];Y(n)&&(this.__wrappedMethods=this.__wrappedMethods||[],this.__wrappedMethods.push(t),this[t]=function(){var t=n.apply(this,arguments);return e.apply(this,[t].concat(at(arguments)))})},t.internalField=(T_=function(t){var e=t._invertedIndicesMap;z(e,(function(n,i){var r=t._dimInfos[i],o=r.ordinalMeta,a=t._store;if(o){n=e[i]=new N_(o.categories.length);for(var s=0;s<n.length;s++)n[s]=-1;for(s=0;s<a.count();s++)n[a.get(r.storeDimIndex,s)]=s}}))},D_=function(t,e,n){return ia(t._getCategory(e,n),null)},C_=function(t,e){var n=t._idList[e];return null==n&&null!=t._idDimIdx&&(n=D_(t,t._idDimIdx,e)),null==n&&(n="e\0\0"+e),n},A_=function(t){return U(t)||(t=null!=t?[t]:[]),t},L_=function(e){var n=new t(e._schema?e._schema:R_(e.dimensions,e._getDimInfo,e),e.hostModel);return k_(n,e),n},k_=function(t,e){z(z_.concat(e.__wrappedMethods||[]),(function(n){e.hasOwnProperty(n)&&(t[n]=e[n])})),t.__wrappedMethods=e.__wrappedMethods,z(E_,(function(n){t[n]=T(e[n])})),t._calculationInfo=A({},e._calculationInfo)},void(P_=function(t,e){var n=t._nameList,i=t._idList,r=t._nameDimIdx,o=t._idDimIdx,a=n[e],s=i[e];if(null==a&&null!=r&&(n[e]=a=D_(t,r,e)),null==s&&null!=o&&(i[e]=s=D_(t,o,e)),null==s&&null!=a){var l=t._nameRepeatCount,u=l[a]=(l[a]||0)+1;s=a,u>1&&(s+="__ec__"+u),i[e]=s}})),t}();function V_(t,e){_g(t)||(t=wg(t));var n=(e=e||{}).coordDimensions||[],i=e.dimensionsDefine||t.dimensionsDefine||[],r=yt(),o=[],a=function(t,e,n,i){var r=Math.max(t.dimensionsDetectedCount||1,e.length,n.length,i||0);return z(e,(function(t){var e;q(t)&&(e=t.dimsDef)&&(r=Math.max(r,e.length))})),r}(t,n,i,e.dimensionsCount),s=e.canOmitUnusedDimensions&&I_(a),l=i===t.dimensionsDefine,u=l?M_(t):S_(i),c=e.encodeDefine;!c&&e.encodeDefaulter&&(c=e.encodeDefaulter(t,a));for(var h=yt(c),d=new dy(a),p=0;p<d.length;p++)d[p]=-1;function f(t){var e=d[t];if(e<0){var n=i[t],r=q(n)?n:{name:n},a=new m_,s=r.name;null!=s&&null!=u.get(s)&&(a.name=a.displayName=s),null!=r.type&&(a.type=r.type),null!=r.displayName&&(a.displayName=r.displayName);var l=o.length;return d[t]=l,a.storeDimIndex=t,o.push(a),a}return o[e]}if(!s)for(p=0;p<a;p++)f(p);h.each((function(t,e){var n=qo(t).slice();if(1===n.length&&!X(n[0])&&n[0]<0)h.set(e,!1);else{var i=h.set(e,[]);z(n,(function(t,n){var r=X(t)?u.get(t):t;null!=r&&r<a&&(i[n]=r,y(f(r),e,n))}))}}));var g=0;function y(t,e,n){null!=cf.get(e)?t.otherDims[e]=n:(t.coordDim=e,t.coordDimIndex=n,r.set(e,!0))}z(n,(function(t){var e,n,i,r;if(X(t))e=t,r={};else{e=(r=t).name;var o=r.ordinalMeta;r.ordinalMeta=null,(r=A({},r)).ordinalMeta=o,n=r.dimsDef,i=r.otherDims,r.name=r.coordDim=r.coordDimIndex=r.dimsDef=r.otherDims=null}var s=h.get(e);if(!1!==s){if(!(s=qo(s)).length)for(var u=0;u<(n&&n.length||1);u++){for(;g<a&&null!=f(g).coordDim;)g++;g<a&&s.push(g++)}z(s,(function(t,o){var a=f(t);if(l&&null!=r.type&&(a.type=r.type),y(k(a,r),e,o),null==a.name&&n){var s=n[o];!q(s)&&(s={name:s}),a.name=a.displayName=s.name,a.defaultTooltip=s.defaultTooltip}i&&k(a.otherDims,i)}))}}));var v=e.generateCoord,m=e.generateCoordCount,x=null!=m;m=v?m||1:0;var _=v||"value";function b(t){null==t.name&&(t.name=t.coordDim)}if(s)z(o,(function(t){b(t)})),o.sort((function(t,e){return t.storeDimIndex-e.storeDimIndex}));else for(var w=0;w<a;w++){var S=f(w);null==S.coordDim&&(S.coordDim=G_(_,r,x),S.coordDimIndex=0,(!v||m<=0)&&(S.isExtraCoord=!0),m--),b(S),null!=S.type||Tf(t,w)!==xf&&(!S.isExtraCoord||null==S.otherDims.itemName&&null==S.otherDims.seriesName)||(S.type="ordinal")}return function(t){for(var e=yt(),n=0;n<t.length;n++){var i=t[n],r=i.name,o=e.get(r)||0;o>0&&(i.name=r+(o-1)),o++,e.set(r,o)}}(o),new b_({source:t,dimensions:o,fullDimensionCount:a,dimensionOmitted:s})}function G_(t,e,n){if(n||e.hasKey(t)){for(var i=0;e.hasKey(t+i);)i++;t+=i}return e.set(t,!0),t}var F_=function(t){this.coordSysDims=[],this.axisMap=yt(),this.categoryAxisMap=yt(),this.coordSysName=t};var W_={cartesian2d:function(t,e,n,i){var r=t.getReferringComponents("xAxis",ha).models[0],o=t.getReferringComponents("yAxis",ha).models[0];e.coordSysDims=["x","y"],n.set("x",r),n.set("y",o),H_(r)&&(i.set("x",r),e.firstCategoryDimIndex=0),H_(o)&&(i.set("y",o),null==e.firstCategoryDimIndex&&(e.firstCategoryDimIndex=1))},singleAxis:function(t,e,n,i){var r=t.getReferringComponents("singleAxis",ha).models[0];e.coordSysDims=["single"],n.set("single",r),H_(r)&&(i.set("single",r),e.firstCategoryDimIndex=0)},polar:function(t,e,n,i){var r=t.getReferringComponents("polar",ha).models[0],o=r.findAxisModel("radiusAxis"),a=r.findAxisModel("angleAxis");e.coordSysDims=["radius","angle"],n.set("radius",o),n.set("angle",a),H_(o)&&(i.set("radius",o),e.firstCategoryDimIndex=0),H_(a)&&(i.set("angle",a),null==e.firstCategoryDimIndex&&(e.firstCategoryDimIndex=1))},geo:function(t,e,n,i){e.coordSysDims=["lng","lat"]},parallel:function(t,e,n,i){var r=t.ecModel,o=r.getComponent("parallel",t.get("parallelIndex")),a=e.coordSysDims=o.dimensions.slice();z(o.parallelAxisIndex,(function(t,o){var s=r.getComponent("parallelAxis",t),l=a[o];n.set(l,s),H_(s)&&(i.set(l,s),null==e.firstCategoryDimIndex&&(e.firstCategoryDimIndex=o))}))},matrix:function(t,e,n,i){var r=t.getReferringComponents("matrix",ha).models[0];e.coordSysDims=["x","y"];var o=r.getDimensionModel("x"),a=r.getDimensionModel("y");n.set("x",o),n.set("y",a),i.set("x",o),i.set("y",a)}};function H_(t){return"category"===t.get("type")}function U_(t,e,n){var i,r,o,a=(n=n||{}).byIndex,s=n.stackedCoordDimension;!function(t){return!w_(t.schema)}(e)?(r=e.schema,i=r.dimensions,o=e.store):i=e;var l,u,c,h,d=!(!t||!t.get("stack"));if(z(i,(function(t,e){X(t)&&(i[e]=t={name:t}),d&&!t.isExtraCoord&&(a||l||!t.ordinalMeta||(l=t),u||"ordinal"===t.type||"time"===t.type||s&&s!==t.coordDim||(u=t))})),!u||a||l||(a=!0),u){c="__\0ecstackresult_"+t.id,h="__\0ecstackedover_"+t.id,l&&(l.createInvertedIndices=!0);var p=u.coordDim,f=u.type,g=0;z(i,(function(t){t.coordDim===p&&g++}));var y={name:c,coordDim:p,coordDimIndex:g,type:f,isExtraCoord:!0,isCalculationCoord:!0,storeDimIndex:i.length},v={name:h,coordDim:h,coordDimIndex:g+1,type:f,isExtraCoord:!0,isCalculationCoord:!0,storeDimIndex:i.length+1};r?(o&&(y.storeDimIndex=o.ensureCalculationDimension(h,f),v.storeDimIndex=o.ensureCalculationDimension(c,f)),r.appendCalculationDimension(y),r.appendCalculationDimension(v)):(i.push(y),i.push(v))}return{stackedDimension:u&&u.name,stackedByDimension:l&&l.name,isStackedByIndex:a,stackedOverDimension:h,stackResultDimension:c}}function Y_(t,e){return!!e&&e===t.getCalculationInfo("stackedDimension")}function X_(t,e){return Y_(t,e)?t.getCalculationInfo("stackResultDimension"):e}function Z_(t,e,n){n=n||{};var i,r=e.getSourceManager(),o=!1;t?(o=!0,i=wg(t)):o=(i=r.getSource()).sourceFormat===hf;var a=function(t){var e=t.get("coordinateSystem"),n=new F_(e),i=W_[e];if(i)return i(t,n,n.axisMap,n.categoryAxisMap),n}(e),s=function(t,e){var n,i=t.get("coordinateSystem"),r=Tp.get(i);return e&&e.coordSysDims&&(n=E(e.coordSysDims,(function(t){var n={name:t},i=e.axisMap.get(t);if(i){var r=i.get("type");n.type=v_(r)}return n}))),n||(n=r&&(r.getDimensionsInfo?r.getDimensionsInfo():r.dimensions.slice())||["x","y"]),n}(e,a),l=n.useEncodeDefaulter,u=Y(l)?l:l?H(Sf,s,e):null,c=V_(i,{coordDimensions:s,generateCoord:n.generateCoord,encodeDefine:e.getEncode(),encodeDefaulter:u,canOmitUnusedDimensions:!o}),h=function(t,e,n){var i,r;return n&&z(t,(function(t,o){var a=t.coordDim,s=n.categoryAxisMap.get(a);s&&(null==i&&(i=o),t.ordinalMeta=s.getOrdinalMeta(),e&&(t.createInvertedIndices=!0)),null!=t.otherDims.itemName&&(r=!0)})),r||null==i||(t[i].otherDims.itemName=0),i}(c.dimensions,n.createInvertedIndices,a),d=o?null:r.getSharedDataStore(c),p=U_(e,{schema:c,store:d}),f=new B_(c,e);f.setCalculationInfo(p);var g=null!=h&&function(t){if(t.sourceFormat===hf){var e=function(t){var e=0;for(;e<t.length&&null==t[e];)e++;return t[e]}(t.data||[]);return!U(Jo(e))}}(i)?function(t,e,n,i){return i===h?n:this.defaultDimValueGetter(t,e,n,i)}:null;return f.hasItemOption=!1,f.initData(o?i:d,null,g),f}function j_(t){return"interval"===t.type||"log"===t.type}function q_(t,e,n,i,r){var o={},a=o.interval=Po(e/n,!0);null!=i&&a<i&&(a=o.interval=i),null!=r&&a>r&&(a=o.interval=r);var s=o.intervalPrecision=$_(a);return function(t,e){!isFinite(t[0])&&(t[0]=e[0]),!isFinite(t[1])&&(t[1]=e[1]),J_(t,0,e),J_(t,1,e),t[0]>t[1]&&(t[0]=t[1])}(o.niceTickExtent=[mo(Math.ceil(t[0]/a)*a,s),mo(Math.floor(t[1]/a)*a,s)],t),o}function K_(t){var e=Math.pow(10,Lo(t)),n=t/e;return n?2===n?n=3:3===n?n=5:n*=2:n=1,mo(n*e)}function $_(t){return _o(t)+2}function J_(t,e,n){t[e]=Math.max(Math.min(t[e],n[1]),n[0])}function Q_(t,e){return t>=e[0]&&t<=e[1]}var tb=function(){function t(){this.normalize=eb,this.scale=nb}return t.prototype.updateMethods=function(t){t.hasBreaks()?(this.normalize=W(t.normalize,t),this.scale=W(t.scale,t)):(this.normalize=eb,this.scale=nb)},t}();function eb(t,e){return e[1]===e[0]?.5:(t-e[0])/(e[1]-e[0])}function nb(t,e){return t*(e[1]-e[0])+e[0]}function ib(t,e,n){var i=Math.log(t);return[Math.log(n?e[0]:Math.max(0,e[0]))/i,Math.log(n?e[1]:Math.max(0,e[1]))/i]}var rb=function(){function t(t){this._calculator=new tb,this._setting=t||{},this._extent=[1/0,-1/0];var e=Nd();e&&(this._brkCtx=e.createScaleBreakContext(),this._brkCtx.update(this._extent))}return t.prototype.getSetting=function(t){return this._setting[t]},t.prototype._innerUnionExtent=function(t){var e=this._extent;this._innerSetExtent(t[0]<e[0]?t[0]:e[0],t[1]>e[1]?t[1]:e[1])},t.prototype.unionExtentFromData=function(t,e){this._innerUnionExtent(t.getApproximateExtent(e))},t.prototype.getExtent=function(){return this._extent.slice()},t.prototype.setExtent=function(t,e){this._innerSetExtent(t,e)},t.prototype._innerSetExtent=function(t,e){var n=this._extent;isNaN(t)||(n[0]=t),isNaN(e)||(n[1]=e),this._brkCtx&&this._brkCtx.update(n)},t.prototype.setBreaksFromOption=function(t){var e=Nd();e&&this._innerSetBreak(e.parseAxisBreakOption(t,W(this.parse,this)))},t.prototype._innerSetBreak=function(t){this._brkCtx&&(this._brkCtx.setBreaks(t),this._calculator.updateMethods(this._brkCtx),this._brkCtx.update(this._extent))},t.prototype._innerGetBreaks=function(){return this._brkCtx?this._brkCtx.breaks:[]},t.prototype.hasBreaks=function(){return!!this._brkCtx&&this._brkCtx.hasBreaks()},t.prototype._getExtentSpanWithBreaks=function(){return this._brkCtx&&this._brkCtx.hasBreaks()?this._brkCtx.getExtentSpan():this._extent[1]-this._extent[0]},t.prototype.isInExtentRange=function(t){return this._extent[0]<=t&&this._extent[1]>=t},t.prototype.isBlank=function(){return this._isBlank},t.prototype.setBlank=function(t){this._isBlank=t},t}();Ca(rb);var ob=0,ab=function(){function t(t){this.categories=t.categories||[],this._needCollect=t.needCollect,this._deduplication=t.deduplication,this.uid=++ob,this._onCollect=t.onCollect}return t.createByAxisModel=function(e){var n=e.option,i=n.data,r=i&&E(i,sb);return new t({categories:r,needCollect:!r,deduplication:!1!==n.dedplication})},t.prototype.getOrdinal=function(t){return this._getOrCreateMap().get(t)},t.prototype.parseAndCollect=function(t){var e,n=this._needCollect;if(!X(t)&&!n)return t;if(n&&!this._deduplication)return e=this.categories.length,this.categories[e]=t,this._onCollect&&this._onCollect(t,e),e;var i=this._getOrCreateMap();return null==(e=i.get(t))&&(n?(e=this.categories.length,this.categories[e]=t,i.set(t,e),this._onCollect&&this._onCollect(t,e)):e=NaN),e},t.prototype._getOrCreateMap=function(){return this._map||(this._map=yt(this.categories))},t}();function sb(t){return q(t)&&null!=t.value?t.value:t+""}var lb=function(t){function e(e){var n=t.call(this,e)||this;n.type="ordinal";var i=n.getSetting("ordinalMeta");return i||(i=new ab({})),U(i)&&(i=new ab({categories:E(i,(function(t){return q(t)?t.value:t}))})),n._ordinalMeta=i,n._extent=n.getSetting("extent")||[0,i.categories.length-1],n}return n(e,t),e.prototype.parse=function(t){return null==t?NaN:X(t)?this._ordinalMeta.getOrdinal(t):Math.round(t)},e.prototype.contain=function(t){return Q_(t,this._extent)&&t>=0&&t<this._ordinalMeta.categories.length},e.prototype.normalize=function(t){return t=this._getTickNumber(t),this._calculator.normalize(t,this._extent)},e.prototype.scale=function(t){return t=Math.round(this._calculator.scale(t,this._extent)),this.getRawOrdinalNumber(t)},e.prototype.getTicks=function(){for(var t=[],e=this._extent,n=e[0];n<=e[1];)t.push({value:n}),n++;return t},e.prototype.getMinorTicks=function(t){},e.prototype.setSortInfo=function(t){if(null!=t){for(var e=t.ordinalNumbers,n=this._ordinalNumbersByTick=[],i=this._ticksByOrdinalNumber=[],r=0,o=this._ordinalMeta.categories.length,a=Math.min(o,e.length);r<a;++r){var s=e[r];n[r]=s,i[s]=r}for(var l=0;r<o;++r){for(;null!=i[l];)l++;n.push(l),i[l]=r}}else this._ordinalNumbersByTick=this._ticksByOrdinalNumber=null},e.prototype._getTickNumber=function(t){var e=this._ticksByOrdinalNumber;return e&&t>=0&&t<e.length?e[t]:t},e.prototype.getRawOrdinalNumber=function(t){var e=this._ordinalNumbersByTick;return e&&t>=0&&t<e.length?e[t]:t},e.prototype.getLabel=function(t){if(!this.isBlank()){var e=this.getRawOrdinalNumber(t.value),n=this._ordinalMeta.categories[e];return null==n?"":n+""}},e.prototype.count=function(){return this._extent[1]-this._extent[0]+1},e.prototype.isInExtentRange=function(t){return t=this._getTickNumber(t),this._extent[0]<=t&&this._extent[1]>=t},e.prototype.getOrdinalMeta=function(){return this._ordinalMeta},e.prototype.calcNiceTicks=function(){},e.prototype.calcNiceExtent=function(){},e.type="ordinal",e}(rb);rb.registerClass(lb);var ub=mo,cb=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="interval",e._interval=0,e._intervalPrecision=2,e}return n(e,t),e.prototype.parse=function(t){return null==t||""===t?NaN:Number(t)},e.prototype.contain=function(t){return Q_(t,this._extent)},e.prototype.normalize=function(t){return this._calculator.normalize(t,this._extent)},e.prototype.scale=function(t){return this._calculator.scale(t,this._extent)},e.prototype.getInterval=function(){return this._interval},e.prototype.setInterval=function(t){this._interval=t,this._niceExtent=this._extent.slice(),this._intervalPrecision=$_(t)},e.prototype.getTicks=function(t){t=t||{};var e=this._interval,n=this._extent,i=this._niceExtent,r=this._intervalPrecision,o=Nd(),a=[];if(!e)return a;if("only_break"===t.breakTicks&&o)return o.addBreaksToTicks(a,this._brkCtx.breaks,this._extent),a;n[0]<i[0]&&(t.expandToNicedExtent?a.push({value:ub(i[0]-e,r)}):a.push({value:n[0]}));for(var s=function(t,n){return Math.round((n-t)/e)},l=i[0];l<=i[1];){if(a.push({value:l}),l=ub(l+e,r),this._brkCtx){var u=this._brkCtx.calcNiceTickMultiple(l,s);u>=0&&(l=ub(l+u*e,r))}if(a.length>0&&l===a[a.length-1].value)break;if(a.length>1e4)return[]}var c=a.length?a[a.length-1].value:i[1];return n[1]>c&&(t.expandToNicedExtent?a.push({value:ub(c+e,r)}):a.push({value:n[1]})),o&&o.pruneTicksByBreak(t.pruneByBreak,a,this._brkCtx.breaks,(function(t){return t.value}),this._interval,this._extent),"none"!==t.breakTicks&&o&&o.addBreaksToTicks(a,this._brkCtx.breaks,this._extent),a},e.prototype.getMinorTicks=function(t){for(var e=this.getTicks({expandToNicedExtent:!0}),n=[],i=this.getExtent(),r=1;r<e.length;r++){var o=e[r],a=e[r-1];if(!a.break&&!o.break){for(var s=0,l=[],u=(o.value-a.value)/t,c=$_(u);s<t-1;){var h=ub(a.value+(s+1)*u,c);h>i[0]&&h<i[1]&&l.push(h),s++}var d=Nd();d&&d.pruneTicksByBreak("auto",l,this._getNonTransBreaks(),(function(t){return t}),this._interval,i),n.push(l)}}return n},e.prototype._getNonTransBreaks=function(){return this._brkCtx?this._brkCtx.breaks:[]},e.prototype.getLabel=function(t,e){if(null==t)return"";var n=e&&e.precision;return null==n?n=_o(t.value)||0:"auto"===n&&(n=this._intervalPrecision),fp(ub(t.value,n,!0))},e.prototype.calcNiceTicks=function(t,e,n){t=t||5;var i=this._extent.slice(),r=this._getExtentSpanWithBreaks();if(isFinite(r)){r<0&&(r=-r,i.reverse(),this._innerSetExtent(i[0],i[1]),i=this._extent.slice());var o=q_(i,r,t,e,n);this._intervalPrecision=o.intervalPrecision,this._interval=o.interval,this._niceExtent=o.niceTickExtent}},e.prototype.calcNiceExtent=function(t){var e=this._extent.slice();if(e[0]===e[1])if(0!==e[0]){var n=Math.abs(e[0]);t.fixMax||(e[1]+=n/2),e[0]-=n/2}else e[1]=1;var i=e[1]-e[0];isFinite(i)||(e[0]=0,e[1]=1),this._innerSetExtent(e[0],e[1]),e=this._extent.slice(),this.calcNiceTicks(t.splitNumber,t.minInterval,t.maxInterval);var r=this._interval,o=this._intervalPrecision;t.fixMin||(e[0]=ub(Math.floor(e[0]/r)*r,o)),t.fixMax||(e[1]=ub(Math.ceil(e[1]/r)*r,o)),this._innerSetExtent(e[0],e[1])},e.prototype.setNiceExtent=function(t,e){this._niceExtent=[t,e]},e.type="interval",e}(rb);rb.registerClass(cb);var hb="undefined"!=typeof Float32Array,db=hb?Float32Array:Array;function pb(t){return U(t)?hb?new Float32Array(t):t:new db(t)}var fb="__ec_stack_";function gb(t){return t.get("stack")||fb+t.seriesIndex}function yb(t){return t.dim+t.index}function vb(t,e){var n=[];return e.eachSeriesByType(t,(function(t){wb(t)&&n.push(t)})),n}function mb(t){var e=function(t){var e={};z(t,(function(t){var n=t.coordinateSystem.getBaseAxis();if("time"===n.type||"value"===n.type)for(var i=t.getData(),r=n.dim+"_"+n.index,o=i.getDimensionIndex(i.mapDimension(n.dim)),a=i.getStore(),s=0,l=a.count();s<l;++s){var u=a.get(o,s);e[r]?e[r].push(u):e[r]=[u]}}));var n={};for(var i in e)if(e.hasOwnProperty(i)){var r=e[i];if(r){r.sort((function(t,e){return t-e}));for(var o=null,a=1;a<r.length;++a){var s=r[a]-r[a-1];s>0&&(o=null===o?s:Math.min(o,s))}n[i]=o}}return n}(t),n=[];return z(t,(function(t){var i,r=t.coordinateSystem.getBaseAxis(),o=r.getExtent();if("category"===r.type)i=r.getBandWidth();else if("value"===r.type||"time"===r.type){var a=r.dim+"_"+r.index,s=e[a],l=Math.abs(o[1]-o[0]),u=r.scale.getExtent(),c=Math.abs(u[1]-u[0]);i=s?l/c*s:l}else{var h=t.getData();i=Math.abs(o[1]-o[0])/h.count()}var d=yo(t.get("barWidth"),i),p=yo(t.get("barMaxWidth"),i),f=yo(t.get("barMinWidth")||(Sb(t)?.5:1),i),g=t.get("barGap"),y=t.get("barCategoryGap"),v=t.get("defaultBarGap");n.push({bandWidth:i,barWidth:d,barMaxWidth:p,barMinWidth:f,barGap:g,barCategoryGap:y,defaultBarGap:v,axisKey:yb(r),stackId:gb(t)})})),xb(n)}function xb(t){var e={};z(t,(function(t,n){var i=t.axisKey,r=t.bandWidth,o=e[i]||{bandWidth:r,remainedWidth:r,autoWidthCount:0,categoryGap:null,gap:t.defaultBarGap||0,stacks:{}},a=o.stacks;e[i]=o;var s=t.stackId;a[s]||o.autoWidthCount++,a[s]=a[s]||{width:0,maxWidth:0};var l=t.barWidth;l&&!a[s].width&&(a[s].width=l,l=Math.min(o.remainedWidth,l),o.remainedWidth-=l);var u=t.barMaxWidth;u&&(a[s].maxWidth=u);var c=t.barMinWidth;c&&(a[s].minWidth=c);var h=t.barGap;null!=h&&(o.gap=h);var d=t.barCategoryGap;null!=d&&(o.categoryGap=d)}));var n={};return z(e,(function(t,e){n[e]={};var i=t.stacks,r=t.bandWidth,o=t.categoryGap;if(null==o){var a=F(i).length;o=Math.max(35-4*a,15)+"%"}var s=yo(o,r),l=yo(t.gap,1),u=t.remainedWidth,c=t.autoWidthCount,h=(u-s)/(c+(c-1)*l);h=Math.max(h,0),z(i,(function(t){var e=t.maxWidth,n=t.minWidth;if(t.width){i=t.width;e&&(i=Math.min(i,e)),n&&(i=Math.max(i,n)),t.width=i,u-=i+l*i,c--}else{var i=h;e&&e<i&&(i=Math.min(e,u)),n&&n>i&&(i=n),i!==h&&(t.width=i,u-=i+l*i,c--)}})),h=(u-s)/(c+(c-1)*l),h=Math.max(h,0);var d,p=0;z(i,(function(t,e){t.width||(t.width=h),d=t,p+=t.width*(1+l)})),d&&(p-=d.width*l);var f=-p/2;z(i,(function(t,i){n[e][i]=n[e][i]||{bandWidth:r,offset:f,width:t.width},f+=t.width*(1+l)}))})),n}function _b(t,e){var n=vb(t,e),i=mb(n);z(n,(function(t){var e=t.getData(),n=t.coordinateSystem.getBaseAxis(),r=gb(t),o=i[yb(n)][r],a=o.offset,s=o.width;e.setLayout({bandWidth:o.bandWidth,offset:a,size:s})}))}function bb(t){return{seriesType:t,plan:$y(),reset:function(t){if(wb(t)){var e=t.getData(),n=t.coordinateSystem,i=n.getBaseAxis(),r=n.getOtherAxis(i),o=e.getDimensionIndex(e.mapDimension(r.dim)),a=e.getDimensionIndex(e.mapDimension(i.dim)),s=t.get("showBackground",!0),l=e.mapDimension(r.dim),u=e.getCalculationInfo("stackResultDimension"),c=Y_(e,l)&&!!e.getCalculationInfo("stackedOnSeries"),h=r.isHorizontal(),d=function(t,e){var n=e.model.get("startValue");n||(n=0);return e.toGlobalCoord(e.dataToCoord("log"===e.type?n>0?n:1:n))}(0,r),p=Sb(t),f=t.get("barMinHeight")||0,g=u&&e.getDimensionIndex(u),y=e.getLayout("size"),v=e.getLayout("offset");return{progress:function(t,e){for(var i,r=t.count,l=p&&pb(3*r),u=p&&s&&pb(3*r),m=p&&pb(r),x=n.master.getRect(),_=h?x.width:x.height,b=e.getStore(),w=0;null!=(i=t.next());){var S=b.get(c?g:o,i),M=b.get(a,i),I=d,T=void 0;c&&(T=+S-b.get(o,i));var C=void 0,D=void 0,A=void 0,k=void 0;if(h){var L=n.dataToPoint([S,M]);if(c)I=n.dataToPoint([T,M])[0];C=I,D=L[1]+v,A=L[0]-I,k=y,Math.abs(A)<f&&(A=(A<0?-1:1)*f)}else{L=n.dataToPoint([M,S]);if(c)I=n.dataToPoint([M,T])[1];C=L[0]+v,D=I,A=y,k=L[1]-I,Math.abs(k)<f&&(k=(k<=0?-1:1)*f)}p?(l[w]=C,l[w+1]=D,l[w+2]=h?A:k,u&&(u[w]=h?x.x:C,u[w+1]=h?D:x.y,u[w+2]=_),m[i]=i):e.setItemLayout(i,{x:C,y:D,width:A,height:k}),w+=3}p&&e.setLayout({largePoints:l,largeDataIndices:m,largeBackgroundPoints:u,valueAxisHorizontal:h})}}}}}}function wb(t){return t.coordinateSystem&&"cartesian2d"===t.coordinateSystem.type}function Sb(t){return t.pipelineContext&&t.pipelineContext.large}var Mb=function(t){function e(e){var n=t.call(this,e)||this;return n.type="time",n}return n(e,t),e.prototype.getLabel=function(t){var e=this.getSetting("useUTC");return $d(t.value,Ud[function(t){switch(t){case"year":case"month":return"day";case"millisecond":return"millisecond";default:return"second"}}(qd(this._minLevelUnit))]||Ud.second,e,this.getSetting("locale"))},e.prototype.getFormattedLabel=function(t,e,n){var i=this.getSetting("useUTC");return function(t,e,n,i,r){var o=null;if(X(n))o=n;else if(Y(n)){var a={time:t.time,level:t.time.level},s=Nd();s&&s.makeAxisLabelFormatterParamBreak(a,t.break),o=n(t.value,e,a)}else{var l=t.time;if(l){var u=n[l.lowerTimeUnit][l.upperTimeUnit];o=u[Math.min(l.level,u.length-1)]||""}else{var c=Jd(t.value,r);o=n[c][c][0]}}return $d(new Date(t.value),o,r,i)}(t,e,n,this.getSetting("locale"),i)},e.prototype.getTicks=function(t){t=t||{};var e=this._interval,n=this._extent,i=Nd(),r=[];if(!e)return r;var o=this.getSetting("useUTC");if(i&&"only_break"===t.breakTicks)return Nd().addBreaksToTicks(r,this._brkCtx.breaks,this._extent),r;var a=Jd(n[1],o);r.push({value:n[0],time:{level:0,upperTimeUnit:a,lowerTimeUnit:a}});var s=function(t,e,n,i,r,o){var a=1e4,s=Xd,l=0;function u(t,e,n,r,s,u,c){for(var h=function(t,e){var n=new Date(0);n[t](1);var i=n.getTime();n[t](1+e);var r=n.getTime()-i;return function(t,e){return Math.max(0,Math.round((e-t)/r))}}(s,t),d=e,p=new Date(d);d<n&&d<=i[1];){if(c.push({value:d}),l++>a){0;break}if(p[s](p[r]()+t),d=p.getTime(),o){var f=o.calcNiceTickMultiple(d,h);f>0&&(p[s](p[r]()+f*t),d=p.getTime())}}c.push({value:d,notAdd:!0})}function c(t,r,o){var a=[],s=!r.length;if(!Tb(qd(t),i[0],i[1],n)){s&&(r=[{value:Pb(i[0],t,n)},{value:i[1]}]);for(var l=0;l<r.length-1;l++){var c=r[l].value,h=r[l+1].value;if(c!==h){var d=void 0,p=void 0,f=void 0,g=!1;switch(t){case"year":d=Math.max(1,Math.round(e/Vd/365)),p=tp(n),f=sp(n);break;case"half-year":case"quarter":case"month":d=Db(e),p=ep(n),f=lp(n);break;case"week":case"half-week":case"day":d=Cb(e),p=np(n),f=up(n),g=!0;break;case"half-day":case"quarter-day":case"hour":d=Ab(e),p=ip(n),f=cp(n);break;case"minute":d=kb(e,!0),p=rp(n),f=hp(n);break;case"second":d=kb(e,!1),p=op(n),f=dp(n);break;case"millisecond":d=Lb(e),p=ap(n),f=pp(n)}h>=i[0]&&c<=i[1]&&u(d,c,h,p,f,g,a),"year"===t&&o.length>1&&0===l&&o.unshift({value:o[0].value-d})}}for(l=0;l<a.length;l++)o.push(a[l])}}for(var h=[],d=[],p=0,f=0,g=0;g<s.length;++g){var y=qd(s[g]);if(Kd(s[g]))if(c(s[g],h[h.length-1]||[],d),y!==(s[g+1]?qd(s[g+1]):null)){if(d.length){f=p,d.sort((function(t,e){return t.value-e.value}));for(var v=[],m=0;m<d.length;++m){var x=d[m].value;0!==m&&d[m-1].value===x||(v.push(d[m]),x>=i[0]&&x<=i[1]&&p++)}var _=r/e;if(p>1.5*_&&f>_/1.5)break;if(h.push(v),p>_||t===s[g])break}d=[]}}var b=V(E(h,(function(t){return V(t,(function(t){return t.value>=i[0]&&t.value<=i[1]&&!t.notAdd}))})),(function(t){return t.length>0})),w=[],S=b.length-1;for(g=0;g<b.length;++g)for(var M=b[g],I=0;I<M.length;++I){var T=Jd(M[I].value,n);w.push({value:M[I].value,time:{level:S-g,upperTimeUnit:T,lowerTimeUnit:T}})}w.sort((function(t,e){return t.value-e.value}));var C=[];for(g=0;g<w.length;++g)0!==g&&w[g].value===w[g-1].value||C.push(w[g]);return C}(this._minLevelUnit,this._approxInterval,o,n,this._getExtentSpanWithBreaks(),this._brkCtx);r=r.concat(s);var l=Jd(n[1],o);r.push({value:n[1],time:{level:0,upperTimeUnit:l,lowerTimeUnit:l}});var u=this.getSetting("useUTC"),c=Yd.length-1,h=0;return z(r,(function(t){c=Math.min(c,P(Yd,t.time.upperTimeUnit)),h=Math.max(h,t.time.level)})),i&&Nd().pruneTicksByBreak(t.pruneByBreak,r,this._brkCtx.breaks,(function(t){return t.value}),this._approxInterval,this._extent),i&&"none"!==t.breakTicks&&Nd().addBreaksToTicks(r,this._brkCtx.breaks,this._extent,(function(t){for(var e=Math.max(P(Yd,Jd(t.vmin,u)),P(Yd,Jd(t.vmax,u))),n=0,i=0;i<Yd.length;i++)if(!Tb(Yd[i],t.vmin,t.vmax,u)){n=i;break}var r=Math.min(n,c),o=Math.max(r,e);return{level:h,lowerTimeUnit:Yd[o],upperTimeUnit:Yd[r]}})),r},e.prototype.calcNiceExtent=function(t){var e=this.getExtent();if(e[0]===e[1]&&(e[0]-=Vd,e[1]+=Vd),e[1]===-1/0&&e[0]===1/0){var n=new Date;e[1]=+new Date(n.getFullYear(),n.getMonth(),n.getDate()),e[0]=e[1]-Vd}this._innerSetExtent(e[0],e[1]),this.calcNiceTicks(t.splitNumber,t.minInterval,t.maxInterval)},e.prototype.calcNiceTicks=function(t,e,n){t=t||10;var i=this._getExtentSpanWithBreaks();this._approxInterval=i/t,null!=e&&this._approxInterval<e&&(this._approxInterval=e),null!=n&&this._approxInterval>n&&(this._approxInterval=n);var r=Ib.length,o=Math.min(function(t,e,n,i){for(;n<i;){var r=n+i>>>1;t[r][1]<e?n=r+1:i=r}return n}(Ib,this._approxInterval,0,r),r-1);this._interval=Ib[o][1],this._intervalPrecision=$_(this._interval),this._minLevelUnit=Ib[Math.max(o-1,0)][0]},e.prototype.parse=function(t){return j(t)?t:+Ao(t)},e.prototype.contain=function(t){return Q_(t,this._extent)},e.prototype.normalize=function(t){return this._calculator.normalize(t,this._extent)},e.prototype.scale=function(t){return this._calculator.scale(t,this._extent)},e.type="time",e}(cb),Ib=[["second",zd],["minute",Ed],["hour",Bd],["quarter-day",216e5],["half-day",432e5],["day",10368e4],["half-week",3024e5],["week",6048e5],["month",26784e5],["quarter",8208e6],["half-year",Gd/2],["year",Gd]];function Tb(t,e,n,i){return Qd(new Date(e),t,i).getTime()===Qd(new Date(n),t,i).getTime()}function Cb(t,e){return(t/=Vd)>16?16:t>7.5?7:t>3.5?4:t>1.5?2:1}function Db(t){return(t/=2592e6)>6?6:t>3?3:t>2?2:1}function Ab(t){return(t/=Bd)>12?12:t>6?6:t>3.5?4:t>2?2:1}function kb(t,e){return(t/=e?Ed:zd)>30?30:t>20?20:t>15?15:t>10?10:t>5?5:t>2?2:1}function Lb(t){return Po(t,!0)}function Pb(t,e,n){var i=Math.max(0,P(Yd,e)-1);return Qd(new Date(t),Yd[i],n).getTime()}rb.registerClass(Mb);var Ob=mo,Rb=Math.floor,Nb=Math.ceil,zb=Math.pow,Eb=Math.log,Bb=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="log",e.base=10,e._originalScale=new cb,e}return n(e,t),e.prototype.getTicks=function(e){e=e||{};var n=this._extent.slice(),i=this._originalScale.getExtent(),r=t.prototype.getTicks.call(this,e),o=this.base,a=this._originalScale._innerGetBreaks(),s=Nd();return E(r,(function(t){var e,r=t.value,l=null,u=zb(o,r);if(r===n[0]&&this._fixMin?l=i[0]:r===n[1]&&this._fixMax&&(l=i[1]),s){var c=s.getTicksLogTransformBreak(t,o,a,Vb);e=c.vBreak,null==l&&(l=c.brkRoundingCriterion)}return null!=l&&(u=Vb(u,l)),{value:u,break:e}}),this)},e.prototype._getNonTransBreaks=function(){return this._originalScale._innerGetBreaks()},e.prototype.setExtent=function(e,n){this._originalScale.setExtent(e,n);var i=ib(this.base,[e,n]);t.prototype.setExtent.call(this,i[0],i[1])},e.prototype.getExtent=function(){var e=this.base,n=t.prototype.getExtent.call(this);n[0]=zb(e,n[0]),n[1]=zb(e,n[1]);var i=this._originalScale.getExtent();return this._fixMin&&(n[0]=Vb(n[0],i[0])),this._fixMax&&(n[1]=Vb(n[1],i[1])),n},e.prototype.unionExtentFromData=function(t,e){this._originalScale.unionExtentFromData(t,e);var n=ib(this.base,t.getApproximateExtent(e),!0);this._innerUnionExtent(n)},e.prototype.calcNiceTicks=function(t){t=t||10;var e=this._extent.slice(),n=this._getExtentSpanWithBreaks();if(isFinite(n)&&!(n<=0)){var i=ko(n);for(t/n*i<=.5&&(i*=10);!isNaN(i)&&Math.abs(i)<1&&Math.abs(i)>0;)i*=10;var r=[Ob(Nb(e[0]/i)*i),Ob(Rb(e[1]/i)*i)];this._interval=i,this._intervalPrecision=$_(i),this._niceExtent=r}},e.prototype.calcNiceExtent=function(e){t.prototype.calcNiceExtent.call(this,e),this._fixMin=e.fixMin,this._fixMax=e.fixMax},e.prototype.contain=function(e){return e=Eb(e)/Eb(this.base),t.prototype.contain.call(this,e)},e.prototype.normalize=function(e){return e=Eb(e)/Eb(this.base),t.prototype.normalize.call(this,e)},e.prototype.scale=function(e){return e=t.prototype.scale.call(this,e),zb(this.base,e)},e.prototype.setBreaksFromOption=function(t){var e=Nd();if(e){var n=e.logarithmicParseBreaksFromOption(t,this.base,W(this.parse,this)),i=n.parsedOriginal,r=n.parsedLogged;this._originalScale._innerSetBreak(i),this._innerSetBreak(r)}},e.type="log",e}(cb);function Vb(t,e){return Ob(t,_o(e))}rb.registerClass(Bb);var Gb=function(){function t(t,e,n){this._prepareParams(t,e,n)}return t.prototype._prepareParams=function(t,e,n){n[1]<n[0]&&(n=[NaN,NaN]),this._dataMin=n[0],this._dataMax=n[1];var i=this._isOrdinal="ordinal"===t.type;this._needCrossZero="interval"===t.type&&e.getNeedCrossZero&&e.getNeedCrossZero();var r=e.get("min",!0);null==r&&(r=e.get("startValue",!0));var o=this._modelMinRaw=r;Y(o)?this._modelMinNum=Ub(t,o({min:n[0],max:n[1]})):"dataMin"!==o&&(this._modelMinNum=Ub(t,o));var a=this._modelMaxRaw=e.get("max",!0);if(Y(a)?this._modelMaxNum=Ub(t,a({min:n[0],max:n[1]})):"dataMax"!==a&&(this._modelMaxNum=Ub(t,a)),i)this._axisDataLen=e.getCategories().length;else{var s=e.get("boundaryGap"),l=U(s)?s:[s||0,s||0];"boolean"==typeof l[0]||"boolean"==typeof l[1]?this._boundaryGapInner=[0,0]:this._boundaryGapInner=[Fr(l[0],1),Fr(l[1],1)]}},t.prototype.calculate=function(){var t=this._isOrdinal,e=this._dataMin,n=this._dataMax,i=this._axisDataLen,r=this._boundaryGapInner,o=t?null:n-e||Math.abs(e),a="dataMin"===this._modelMinRaw?e:this._modelMinNum,s="dataMax"===this._modelMaxRaw?n:this._modelMaxNum,l=null!=a,u=null!=s;null==a&&(a=t?i?0:NaN:e-r[0]*o),null==s&&(s=t?i?i-1:NaN:n+r[1]*o),(null==a||!isFinite(a))&&(a=NaN),(null==s||!isFinite(s))&&(s=NaN);var c=nt(a)||nt(s)||t&&!i;this._needCrossZero&&(a>0&&s>0&&!l&&(a=0),a<0&&s<0&&!u&&(s=0));var h=this._determinedMin,d=this._determinedMax;return null!=h&&(a=h,l=!0),null!=d&&(s=d,u=!0),{min:a,max:s,minFixed:l,maxFixed:u,isBlank:c}},t.prototype.modifyDataMinMax=function(t,e){this[Wb[t]]=e},t.prototype.setDeterminedMinMax=function(t,e){var n=Fb[t];this[n]=e},t.prototype.freeze=function(){this.frozen=!0},t}(),Fb={min:"_determinedMin",max:"_determinedMax"},Wb={min:"_dataMin",max:"_dataMax"};function Hb(t,e,n){var i=t.rawExtentInfo;return i||(i=new Gb(t,e,n),t.rawExtentInfo=i,i)}function Ub(t,e){return null==e?null:nt(e)?NaN:t.parse(e)}function Yb(t,e){var n=t.type,i=Hb(t,e,t.getExtent()).calculate();t.setBlank(i.isBlank);var r=i.min,o=i.max,a=e.ecModel;if(a&&"time"===n){var s=vb("bar",a),l=!1;if(z(s,(function(t){l=l||t.getBaseAxis()===e.axis})),l){var u=mb(s),c=function(t,e,n,i){var r=n.axis.getExtent(),o=Math.abs(r[1]-r[0]),a=function(t,e,n){if(t&&e){var i=t[yb(e)];return null!=i&&null!=n?i[gb(n)]:i}}(i,n.axis);if(void 0===a)return{min:t,max:e};var s=1/0;z(a,(function(t){s=Math.min(t.offset,s)}));var l=-1/0;z(a,(function(t){l=Math.max(t.offset+t.width,l)})),s=Math.abs(s),l=Math.abs(l);var u=s+l,c=e-t,h=c/(1-(s+l)/o)-c;return e+=h*(l/u),t-=h*(s/u),{min:t,max:e}}(r,o,e,u);r=c.min,o=c.max}}return{extent:[r,o],fixMin:i.minFixed,fixMax:i.maxFixed}}function Xb(t,e){var n=e,i=Yb(t,n),r=i.extent,o=n.get("splitNumber");t instanceof Bb&&(t.base=n.get("logBase"));var a=t.type,s=n.get("interval"),l="interval"===a||"time"===a;t.setBreaksFromOption(ew(n)),t.setExtent(r[0],r[1]),t.calcNiceExtent({splitNumber:o,fixMin:i.fixMin,fixMax:i.fixMax,minInterval:l?n.get("minInterval"):null,maxInterval:l?n.get("maxInterval"):null}),null!=s&&t.setInterval&&t.setInterval(s)}function Zb(t,e){if(e=e||t.get("type"))switch(e){case"category":return new lb({ordinalMeta:t.getOrdinalMeta?t.getOrdinalMeta():t.getCategories(),extent:[1/0,-1/0]});case"time":return new Mb({locale:t.ecModel.getLocaleModel(),useUTC:t.ecModel.get("useUTC")});default:return new(rb.getClass(e)||cb)}}function jb(t){var e=t.getLabelModel().get("formatter");if("time"===t.type){var n=Zd(e);return function(e,i){return t.scale.getFormattedLabel(e,i,n)}}if(X(e))return function(n){var i=t.scale.getLabel(n);return e.replace("{value}",null!=i?i:"")};if(Y(e)){if("category"===t.type)return function(n,i){return e(qb(t,n),n.value-t.scale.getExtent()[0],null)};var i=Nd();return function(n,r){var o=null;return i&&(o=i.makeAxisLabelFormatterParamBreak(o,n.break)),e(qb(t,n),r,o)}}return function(e){return t.scale.getLabel(e)}}function qb(t,e){return"category"===t.type?t.scale.getLabel(e):e.value}function Kb(t){var e=t.get("interval");return null==e?"auto":e}function $b(t){return"category"===t.type&&0===Kb(t.getLabelModel())}function Jb(t,e){var n={};return z(t.mapDimensionsAll(e),(function(e){n[X_(t,e)]=!0})),F(n)}function Qb(t){return"middle"===t||"center"===t}function tw(t){return t.getShallow("show")}function ew(t){var e,n=t.get("breaks",!0);if(null!=n)return Nd()?"x"!==(e=t.axis).dim&&"y"!==e.dim&&"z"!==e.dim&&"single"!==e.dim||"category"===e.type?void 0:n:void 0}var nw=function(){function t(){}return t.prototype.getNeedCrossZero=function(){return!this.option.scale},t.prototype.getCoordSysModel=function(){},t}();var iw={isDimensionStacked:Y_,enableDataStack:U_,getStackedDimension:X_};var rw=Object.freeze({__proto__:null,createList:function(t){return Z_(null,t)},getLayoutRect:Hp,dataStack:iw,createScale:function(t,e){var n=e;e instanceof wd||(n=new wd(e));var i=Zb(n);return i.setExtent(t[0],t[1]),Xb(i,n),i},mixinAxisModelCommonMethods:function(t){R(t,nw)},getECData:zl,createTextStyle:function(t,e){return Qh(t,null,null,"normal"!==(e=e||{}).state)},createDimensions:function(t,e){return V_(t,e).dimensions},createSymbol:hm,enableHoverEmphasis:Iu});function ow(t,e){return Math.abs(t-e)<1e-8}function aw(t,e,n){var i=0,r=t[0];if(!r)return!1;for(var o=1;o<t.length;o++){var a=t[o];i+=qs(r[0],r[1],a[0],a[1],e,n),r=a}var s=t[0];return ow(r[0],s[0])&&ow(r[1],s[1])||(i+=qs(r[0],r[1],s[0],s[1],e,n)),0!==i}var sw=[];function lw(t,e){for(var n=0;n<t.length;n++)Ht(t[n],t[n],e)}function uw(t,e,n,i){for(var r=0;r<t.length;r++){var o=t[r];i&&(o=i.project(o)),o&&isFinite(o[0])&&isFinite(o[1])&&(Ut(e,e,o),Yt(n,n,o))}}var cw=function(){function t(t){this.name=t}return t.prototype.setCenter=function(t){this._center=t},t.prototype.getCenter=function(){var t=this._center;return t||(t=this._center=this.calcCenter()),t},t}(),hw=function(t,e){this.type="polygon",this.exterior=t,this.interiors=e},dw=function(t){this.type="linestring",this.points=t},pw=function(t){function e(e,n,i){var r=t.call(this,e)||this;return r.type="geoJSON",r.geometries=n,r._center=i&&[i[0],i[1]],r}return n(e,t),e.prototype.calcCenter=function(){for(var t,e=this.geometries,n=0,i=0;i<e.length;i++){var r=e[i],o=r.exterior,a=o&&o.length;a>n&&(t=r,n=a)}if(t)return function(t){for(var e=0,n=0,i=0,r=t.length,o=t[r-1][0],a=t[r-1][1],s=0;s<r;s++){var l=t[s][0],u=t[s][1],c=o*u-l*a;e+=c,n+=(o+l)*c,i+=(a+u)*c,o=l,a=u}return e?[n/e/3,i/e/3,e]:[t[0][0]||0,t[0][1]||0]}(t.exterior);var s=this.getBoundingRect();return[s.x+s.width/2,s.y+s.height/2]},e.prototype.getBoundingRect=function(t){var e=this._rect;if(e&&!t)return e;var n=[1/0,1/0],i=[-1/0,-1/0];return z(this.geometries,(function(e){"polygon"===e.type?uw(e.exterior,n,i,t):z(e.points,(function(e){uw(e,n,i,t)}))})),isFinite(n[0])&&isFinite(n[1])&&isFinite(i[0])&&isFinite(i[1])||(n[0]=n[1]=i[0]=i[1]=0),e=new He(n[0],n[1],i[0]-n[0],i[1]-n[1]),t||(this._rect=e),e},e.prototype.contain=function(t){var e=this.getBoundingRect(),n=this.geometries;if(!e.contain(t[0],t[1]))return!1;t:for(var i=0,r=n.length;i<r;i++){var o=n[i];if("polygon"===o.type){var a=o.exterior,s=o.interiors;if(aw(a,t[0],t[1])){for(var l=0;l<(s?s.length:0);l++)if(aw(s[l],t[0],t[1]))continue t;return!0}}}return!1},e.prototype.transformTo=function(t,e,n,i){var r=this.getBoundingRect(),o=r.width/r.height;n?i||(i=n/o):n=o*i;for(var a=new He(t,e,n,i),s=r.calculateTransform(a),l=this.geometries,u=0;u<l.length;u++){var c=l[u];"polygon"===c.type?(lw(c.exterior,s),z(c.interiors,(function(t){lw(t,s)}))):z(c.points,(function(t){lw(t,s)}))}(r=this._rect).copy(a),this._center=[r.x+r.width/2,r.y+r.height/2]},e.prototype.cloneShallow=function(t){null==t&&(t=this.name);var n=new e(t,this.geometries,this._center);return n._rect=this._rect,n.transformTo=null,n},e}(cw),fw=function(t){function e(e,n){var i=t.call(this,e)||this;return i.type="geoSVG",i._elOnlyForCalculate=n,i}return n(e,t),e.prototype.calcCenter=function(){for(var t=this._elOnlyForCalculate,e=t.getBoundingRect(),n=[e.x+e.width/2,e.y+e.height/2],i=_e(sw),r=t;r&&!r.isGeoSVGGraphicRoot;)we(i,r.getLocalTransform(),i),r=r.parent;return Te(i,i),Ht(n,n,i),n},e}(cw);function gw(t,e,n){for(var i=0;i<t.length;i++)t[i]=yw(t[i],e[i],n)}function yw(t,e,n){for(var i=[],r=e[0],o=e[1],a=0;a<t.length;a+=2){var s=t.charCodeAt(a)-64,l=t.charCodeAt(a+1)-64;s=s>>1^-(1&s),l=l>>1^-(1&l),r=s+=r,o=l+=o,i.push([s/n,l/n])}return i}function vw(t,e){return E(V((t=function(t){if(!t.UTF8Encoding)return t;var e=t,n=e.UTF8Scale;return null==n&&(n=1024),z(e.features,(function(t){var e=t.geometry,i=e.encodeOffsets,r=e.coordinates;if(i)switch(e.type){case"LineString":e.coordinates=yw(r,i,n);break;case"Polygon":case"MultiLineString":gw(r,i,n);break;case"MultiPolygon":z(r,(function(t,e){return gw(t,i[e],n)}))}})),e.UTF8Encoding=!1,e}(t)).features,(function(t){return t.geometry&&t.properties&&t.geometry.coordinates.length>0})),(function(t){var n=t.properties,i=t.geometry,r=[];switch(i.type){case"Polygon":var o=i.coordinates;r.push(new hw(o[0],o.slice(1)));break;case"MultiPolygon":z(i.coordinates,(function(t){t[0]&&r.push(new hw(t[0],t.slice(1)))}));break;case"LineString":r.push(new dw([i.coordinates]));break;case"MultiLineString":r.push(new dw(i.coordinates))}var a=new pw(n[e||"name"],r,n.cp);return a.properties=n,a}))}var mw=Object.freeze({__proto__:null,linearMap:go,round:mo,asc:xo,getPrecision:_o,getPrecisionSafe:bo,getPixelPrecision:wo,getPercentWithPrecision:function(t,e,n){return t[e]&&So(t,n)[e]||0},parsePercent:yo,MAX_SAFE_INTEGER:Io,remRadian:To,isRadianAroundZero:Co,parseDate:Ao,quantity:ko,quantityExponent:Lo,nice:Po,quantile:Oo,reformIntervals:Ro,isNumeric:zo,numericToNumber:No}),xw=Object.freeze({__proto__:null,parse:Ao,format:$d,roundTime:Qd}),_w=Object.freeze({__proto__:null,extendShape:ch,extendPath:dh,makePath:gh,makeImage:yh,mergePath:mh,resizePath:xh,createIcon:Ah,updateProps:th,initProps:eh,getTransform:wh,clipPointsByRect:Ch,clipRectByRect:Dh,registerShape:ph,getShapeClass:fh,Group:to,Image:dl,Text:Sl,Circle:nc,Ellipse:rc,Sector:xc,Ring:bc,Polygon:Mc,Polyline:Tc,Rect:xl,Line:Ac,BezierCurve:Oc,Arc:Nc,IncrementalDisplayable:Kc,CompoundPath:zc,LinearGradient:Bc,RadialGradient:Vc,BoundingRect:He}),bw=Object.freeze({__proto__:null,addCommas:fp,toCamelCase:gp,normalizeCssArray:yp,encodeHTML:oe,formatTpl:_p,getTooltipMarker:bp,formatTime:function(t,e,n){"week"!==t&&"month"!==t&&"quarter"!==t&&"half-year"!==t&&"year"!==t||(t="MM-dd\nyyyy");var i=Ao(e),r=n?"getUTC":"get",o=i[r+"FullYear"](),a=i[r+"Month"]()+1,s=i[r+"Date"](),l=i[r+"Hours"](),u=i[r+"Minutes"](),c=i[r+"Seconds"](),h=i[r+"Milliseconds"]();return t=t.replace("MM",jd(a,2)).replace("M",a).replace("yyyy",o).replace("yy",jd(o%100+"",2)).replace("dd",jd(s,2)).replace("d",s).replace("hh",jd(l,2)).replace("h",l).replace("mm",jd(u,2)).replace("m",u).replace("ss",jd(c,2)).replace("s",c).replace("SSS",jd(h,3))},capitalFirst:function(t){return t?t.charAt(0).toUpperCase()+t.substr(1):t},truncateText:function(t,e,n,i,r){var o={};return Ea(o,t,e,n,i,r),o.text},getTextRect:function(t,e,n,i,r,o,a,s){return new Sl({style:{text:t,font:e,align:n,verticalAlign:i,padding:r,rich:o,overflow:a?"truncate":null,lineHeight:s}}).getBoundingRect()}}),ww=Object.freeze({__proto__:null,map:E,each:z,indexOf:P,inherits:O,reduce:B,filter:V,bind:W,curry:H,isArray:U,isString:X,isObject:q,isFunction:Y,extend:A,defaults:k,clone:T,merge:C}),Sw=sa(),Mw=sa(),Iw=1,Tw=2;function Cw(t){return{out:{noPxChangeTryDetermine:[]},kind:t}}function Dw(t,e){var n=E(e,(function(e){return t.scale.parse(e)}));return"time"===t.type&&n.length>0&&(n.sort(),n.unshift(n[0]),n.push(n[n.length-1])),n}function Aw(t,e){var n=t.getLabelModel().get("customValues");if(n){var i=jb(t),r=t.scale.getExtent();return{labels:E(V(Dw(t,n),(function(t){return t>=r[0]&&t<=r[1]})),(function(e){var n={value:e};return{formattedLabel:i(n),rawLabel:t.scale.getLabel(n),tickValue:e,time:void 0,break:void 0}}))}}return"category"===t.type?function(t,e){var n=t.getLabelModel(),i=Lw(t,n,e);return!n.get("show")||t.scale.isBlank()?{labels:[]}:i}(t,e):function(t){var e=t.scale.getTicks(),n=jb(t);return{labels:E(e,(function(e,i){return{formattedLabel:n(e,i),rawLabel:t.scale.getLabel(e),tickValue:e.value,time:e.time,break:e.break}}))}}(t)}function kw(t,e,n){var i=t.getTickModel().get("customValues");if(i){var r=t.scale.getExtent();return{ticks:V(Dw(t,i),(function(t){return t>=r[0]&&t<=r[1]}))}}return"category"===t.type?function(t,e){var n,i,r=Pw(t),o=Kb(e),a=Nw(r,o);if(a)return a;e.get("show")&&!t.scale.isBlank()||(n=[]);if(Y(o))n=Gw(t,o,!0);else if("auto"===o){var s=Lw(t,t.getLabelModel(),Cw(Tw));i=s.labelCategoryInterval,n=E(s.labels,(function(t){return t.tickValue}))}else n=Vw(t,i=o,!0);return zw(r,o,{ticks:n,tickCategoryInterval:i})}(t,e):{ticks:E(t.scale.getTicks(n),(function(t){return t.value}))}}function Lw(t,e,n){var i,r,o=Ow(t),a=Kb(e),s=n.kind===Iw;if(!s){var l=Nw(o,a);if(l)return l}Y(a)?i=Gw(t,a):(r="auto"===a?function(t,e){if(e.kind===Iw){var n=t.calculateCategoryInterval(e);return e.out.noPxChangeTryDetermine.push((function(){return Mw(t).autoInterval=n,!0})),n}var i=Mw(t).autoInterval;return null!=i?i:Mw(t).autoInterval=t.calculateCategoryInterval(e)}(t,n):a,i=Vw(t,r));var u={labels:i,labelCategoryInterval:r};return s?n.out.noPxChangeTryDetermine.push((function(){return zw(o,a,u),!0})):zw(o,a,u),u}var Pw=Rw("axisTick"),Ow=Rw("axisLabel");function Rw(t){return function(e){return Mw(e)[t]||(Mw(e)[t]={list:[]})}}function Nw(t,e){for(var n=0;n<t.list.length;n++)if(t.list[n].key===e)return t.list[n].value}function zw(t,e,n){return t.list.push({key:e,value:n}),n}function Ew(t,e,n){return null==Bw(t,e,n)}function Bw(t,e,n){var i=Sw(t.model),r=t.getExtent(),o=i.lastAutoInterval,a=i.lastTickCount;if(null!=o&&null!=a&&Math.abs(o-e)<=1&&Math.abs(a-n)<=1&&o>e&&i.axisExtent0===r[0]&&i.axisExtent1===r[1])return o;i.lastTickCount=n,i.lastAutoInterval=e,i.axisExtent0=r[0],i.axisExtent1=r[1]}function Vw(t,e,n){var i=jb(t),r=t.scale,o=r.getExtent(),a=t.getLabelModel(),s=[],l=Math.max((e||0)+1,1),u=o[0],c=r.count();0!==u&&l>1&&c/l>2&&(u=Math.round(Math.ceil(u/l)*l));var h=$b(t),d=a.get("showMinLabel")||h,p=a.get("showMaxLabel")||h;d&&u!==o[0]&&g(o[0]);for(var f=u;f<=o[1];f+=l)g(f);function g(t){var e={value:t};s.push(n?t:{formattedLabel:i(e),rawLabel:r.getLabel(e),tickValue:t,time:void 0,break:void 0})}return p&&f-l!==o[1]&&g(o[1]),s}function Gw(t,e,n){var i=t.scale,r=jb(t),o=[];return z(i.getTicks(),(function(t){var a=i.getLabel(t),s=t.value;e(t.value,a)&&o.push(n?s:{formattedLabel:r(t),rawLabel:a,tickValue:s,time:void 0,break:void 0})})),o}var Fw=[0,1],Ww=function(){function t(t,e,n){this.onBand=!1,this.inverse=!1,this.dim=t,this.scale=e,this._extent=n||[0,0]}return t.prototype.contain=function(t){var e=this._extent,n=Math.min(e[0],e[1]),i=Math.max(e[0],e[1]);return t>=n&&t<=i},t.prototype.containData=function(t){return this.scale.contain(this.scale.parse(t))},t.prototype.getExtent=function(){return this._extent.slice()},t.prototype.getPixelPrecision=function(t){return wo(t||this.scale.getExtent(),this._extent)},t.prototype.setExtent=function(t,e){var n=this._extent;n[0]=t,n[1]=e},t.prototype.dataToCoord=function(t,e){var n=this._extent,i=this.scale;return t=i.normalize(i.parse(t)),this.onBand&&"ordinal"===i.type&&Hw(n=n.slice(),i.count()),go(t,Fw,n,e)},t.prototype.coordToData=function(t,e){var n=this._extent,i=this.scale;this.onBand&&"ordinal"===i.type&&Hw(n=n.slice(),i.count());var r=go(t,n,Fw,e);return this.scale.scale(r)},t.prototype.pointToData=function(t,e){},t.prototype.getTicksCoords=function(t){var e=(t=t||{}).tickModel||this.getTickModel(),n=E(kw(this,e,{breakTicks:t.breakTicks,pruneByBreak:t.pruneByBreak}).ticks,(function(t){return{coord:this.dataToCoord("ordinal"===this.scale.type?this.scale.getRawOrdinalNumber(t):t),tickValue:t}}),this);return function(t,e,n,i){var r=e.length;if(!t.onBand||n||!r)return;var o,a,s=t.getExtent();if(1===r)e[0].coord=s[0],e[0].onBand=!0,o=e[1]={coord:s[1],tickValue:e[0].tickValue,onBand:!0};else{var l=e[r-1].tickValue-e[0].tickValue,u=(e[r-1].coord-e[0].coord)/l;z(e,(function(t){t.coord-=u/2,t.onBand=!0}));var c=t.scale.getExtent();a=1+c[1]-e[r-1].tickValue,o={coord:e[r-1].coord+u*a,tickValue:c[1]+1,onBand:!0},e.push(o)}var h=s[0]>s[1];d(e[0].coord,s[0])&&(i?e[0].coord=s[0]:e.shift());i&&d(s[0],e[0].coord)&&e.unshift({coord:s[0],onBand:!0});d(s[1],o.coord)&&(i?o.coord=s[1]:e.pop());i&&d(o.coord,s[1])&&e.push({coord:s[1],onBand:!0});function d(t,e){return t=mo(t),e=mo(e),h?t>e:t<e}}(this,n,e.get("alignWithLabel"),t.clamp),n},t.prototype.getMinorTicksCoords=function(){if("ordinal"===this.scale.type)return[];var t=this.model.getModel("minorTick").get("splitNumber");return t>0&&t<100||(t=5),E(this.scale.getMinorTicks(t),(function(t){return E(t,(function(t){return{coord:this.dataToCoord(t),tickValue:t}}),this)}),this)},t.prototype.getViewLabels=function(t){return Aw(this,t=t||Cw(Tw)).labels},t.prototype.getLabelModel=function(){return this.model.getModel("axisLabel")},t.prototype.getTickModel=function(){return this.model.getModel("axisTick")},t.prototype.getBandWidth=function(){var t=this._extent,e=this.scale.getExtent(),n=e[1]-e[0]+(this.onBand?1:0);0===n&&(n=1);var i=Math.abs(t[1]-t[0]);return Math.abs(i)/n},t.prototype.calculateCategoryInterval=function(t){return function(t,e){var n=e.kind,i=function(t){var e=t.getLabelModel();return{axisRotate:t.getRotate?t.getRotate():t.isHorizontal&&!t.isHorizontal()?90:0,labelRotate:e.get("rotate")||0,font:e.getFont()}}(t),r=jb(t),o=(i.axisRotate-i.labelRotate)/180*Math.PI,a=t.scale,s=a.getExtent(),l=a.count();if(s[1]-s[0]<1)return 0;var u=1;l>40&&(u=Math.max(1,Math.floor(l/40)));for(var c=s[0],h=t.dataToCoord(c+1)-t.dataToCoord(c),d=Math.abs(h*Math.cos(o)),p=Math.abs(h*Math.sin(o)),f=0,g=0;c<=s[1];c+=u){var y,v,m=Er(r({value:c}),i.font,"center","top");y=1.3*m.width,v=1.3*m.height,f=Math.max(f,y,7),g=Math.max(g,v,7)}var x=f/d,_=g/p;isNaN(x)&&(x=1/0),isNaN(_)&&(_=1/0);var b=Math.max(0,Math.floor(Math.min(x,_)));if(n===Iw)return e.out.noPxChangeTryDetermine.push(W(Ew,null,t,b,l)),b;var w=Bw(t,b,l);return null!=w?w:b}(this,t=t||Cw(Tw))},t}();function Hw(t,e){var n=(t[1]-t[0])/e/2;t[0]+=n,t[1]-=n}var Uw=2*Math.PI,Yw=Fs.CMD,Xw=["top","right","bottom","left"];function Zw(t,e,n,i,r){var o=n.width,a=n.height;switch(t){case"top":i.set(n.x+o/2,n.y-e),r.set(0,-1);break;case"bottom":i.set(n.x+o/2,n.y+a+e),r.set(0,1);break;case"left":i.set(n.x-e,n.y+a/2),r.set(-1,0);break;case"right":i.set(n.x+o+e,n.y+a/2),r.set(1,0)}}function jw(t,e,n,i,r,o,a,s,l){a-=t,s-=e;var u=Math.sqrt(a*a+s*s),c=(a/=u)*n+t,h=(s/=u)*n+e;if(Math.abs(i-r)%Uw<1e-4)return l[0]=c,l[1]=h,u-n;if(o){var d=i;i=Xs(r),r=Xs(d)}else i=Xs(i),r=Xs(r);i>r&&(r+=Uw);var p=Math.atan2(s,a);if(p<0&&(p+=Uw),p>=i&&p<=r||p+Uw>=i&&p+Uw<=r)return l[0]=c,l[1]=h,u-n;var f=n*Math.cos(i)+t,g=n*Math.sin(i)+e,y=n*Math.cos(r)+t,v=n*Math.sin(r)+e,m=(f-a)*(f-a)+(g-s)*(g-s),x=(y-a)*(y-a)+(v-s)*(v-s);return m<x?(l[0]=f,l[1]=g,Math.sqrt(m)):(l[0]=y,l[1]=v,Math.sqrt(x))}function qw(t,e,n,i,r,o,a,s){var l=r-t,u=o-e,c=n-t,h=i-e,d=Math.sqrt(c*c+h*h),p=(l*(c/=d)+u*(h/=d))/d;s&&(p=Math.min(Math.max(p,0),1)),p*=d;var f=a[0]=t+p*c,g=a[1]=e+p*h;return Math.sqrt((f-r)*(f-r)+(g-o)*(g-o))}function Kw(t,e,n,i,r,o,a){n<0&&(t+=n,n=-n),i<0&&(e+=i,i=-i);var s=t+n,l=e+i,u=a[0]=Math.min(Math.max(r,t),s),c=a[1]=Math.min(Math.max(o,e),l);return Math.sqrt((u-r)*(u-r)+(c-o)*(c-o))}var $w=[];function Jw(t,e,n){var i=Kw(e.x,e.y,e.width,e.height,t.x,t.y,$w);return n.set($w[0],$w[1]),i}function Qw(t,e,n){for(var i,r,o=0,a=0,s=0,l=0,u=1/0,c=e.data,h=t.x,d=t.y,p=0;p<c.length;){var f=c[p++];1===p&&(s=o=c[p],l=a=c[p+1]);var g=u;switch(f){case Yw.M:o=s=c[p++],a=l=c[p++];break;case Yw.L:g=qw(o,a,c[p],c[p+1],h,d,$w,!0),o=c[p++],a=c[p++];break;case Yw.C:g=On(o,a,c[p++],c[p++],c[p++],c[p++],c[p],c[p+1],h,d,$w),o=c[p++],a=c[p++];break;case Yw.Q:g=Vn(o,a,c[p++],c[p++],c[p],c[p+1],h,d,$w),o=c[p++],a=c[p++];break;case Yw.A:var y=c[p++],v=c[p++],m=c[p++],x=c[p++],_=c[p++],b=c[p++];p+=1;var w=!!(1-c[p++]);i=Math.cos(_)*m+y,r=Math.sin(_)*x+v,p<=1&&(s=i,l=r),g=jw(y,v,x,_,_+b,w,(h-y)*x/m+y,d,$w),o=Math.cos(_+b)*m+y,a=Math.sin(_+b)*x+v;break;case Yw.R:g=Kw(s=o=c[p++],l=a=c[p++],c[p++],c[p++],h,d,$w);break;case Yw.Z:g=qw(o,a,s,l,h,d,$w,!0),o=s,a=l}g<u&&(u=g,n.set($w[0],$w[1]))}return u}var tS=new Ae,eS=new Ae,nS=new Ae,iS=new Ae,rS=new Ae;function oS(t,e){if(t){var n=t.getTextGuideLine(),i=t.getTextContent();if(i&&n){var r=t.textGuideLineConfig||{},o=[[0,0],[0,0],[0,0]],a=r.candidates||Xw,s=i.getBoundingRect().clone();s.applyTransform(i.getComputedTransform());var l=1/0,u=r.anchor,c=t.getComputedTransform(),h=c&&Te([],c),d=e.get("length2")||0;u&&nS.copy(u);for(var p=0;p<a.length;p++){Zw(a[p],0,s,tS,iS),Ae.scaleAndAdd(eS,tS,iS,d),eS.transform(h);var f=t.getBoundingRect(),g=u?u.distance(eS):t instanceof sl?Qw(eS,t.path,nS):Jw(eS,f,nS);g<l&&(l=g,eS.transform(c),nS.transform(c),nS.toArray(o[0]),eS.toArray(o[1]),tS.toArray(o[2]))}lS(o,e.get("minTurnAngle")),n.setShape({points:o})}}}var aS=[],sS=new Ae;function lS(t,e){if(e<=180&&e>0){e=e/180*Math.PI,tS.fromArray(t[0]),eS.fromArray(t[1]),nS.fromArray(t[2]),Ae.sub(iS,tS,eS),Ae.sub(rS,nS,eS);var n=iS.len(),i=rS.len();if(!(n<.001||i<.001)){iS.scale(1/n),rS.scale(1/i);var r=iS.dot(rS);if(Math.cos(e)<r){var o=qw(eS.x,eS.y,nS.x,nS.y,tS.x,tS.y,aS,!1);sS.fromArray(aS),sS.scaleAndAdd(rS,o/Math.tan(Math.PI-e));var a=nS.x!==eS.x?(sS.x-eS.x)/(nS.x-eS.x):(sS.y-eS.y)/(nS.y-eS.y);if(isNaN(a))return;a<0?Ae.copy(sS,eS):a>1&&Ae.copy(sS,nS),sS.toArray(t[1])}}}}function uS(t,e,n){if(n<=180&&n>0){n=n/180*Math.PI,tS.fromArray(t[0]),eS.fromArray(t[1]),nS.fromArray(t[2]),Ae.sub(iS,eS,tS),Ae.sub(rS,nS,eS);var i=iS.len(),r=rS.len();if(!(i<.001||r<.001))if(iS.scale(1/i),rS.scale(1/r),iS.dot(e)<Math.cos(n)){var o=qw(eS.x,eS.y,nS.x,nS.y,tS.x,tS.y,aS,!1);sS.fromArray(aS);var a=Math.PI/2,s=a+Math.acos(rS.dot(e))-n;if(s>=a)Ae.copy(sS,nS);else{sS.scaleAndAdd(rS,o/Math.tan(Math.PI/2-s));var l=nS.x!==eS.x?(sS.x-eS.x)/(nS.x-eS.x):(sS.y-eS.y)/(nS.y-eS.y);if(isNaN(l))return;l<0?Ae.copy(sS,eS):l>1&&Ae.copy(sS,nS)}sS.toArray(t[1])}}}function cS(t,e,n,i){var r="normal"===n,o=r?t:t.ensureState(n);o.ignore=e;var a=i.get("smooth");a&&!0===a&&(a=.3),o.shape=o.shape||{},a>0&&(o.shape.smooth=a);var s=i.getModel("lineStyle").getLineStyle();r?t.useStyle(s):o.style=s}function hS(t,e){var n=e.smooth,i=e.points;if(i)if(t.moveTo(i[0][0],i[0][1]),n>0&&i.length>=3){var r=Vt(i[0],i[1]),o=Vt(i[1],i[2]);if(!r||!o)return t.lineTo(i[1][0],i[1][1]),void t.lineTo(i[2][0],i[2][1]);var a=Math.min(r,o)*n,s=Wt([],i[1],i[0],a/r),l=Wt([],i[1],i[2],a/o),u=Wt([],s,l,.5);t.bezierCurveTo(s[0],s[1],s[0],s[1],u[0],u[1]),t.bezierCurveTo(l[0],l[1],l[0],l[1],i[2][0],i[2][1])}else for(var c=1;c<i.length;c++)t.lineTo(i[c][0],i[c][1])}function dS(t,e,n){var i=t.getTextGuideLine(),r=t.getTextContent();if(r){for(var o=e.normal,a=o.get("show"),s=r.ignore,l=0;l<Hl.length;l++){var u=Hl[l],c=e[u],h="normal"===u;if(c){var d=c.get("show");if((h?s:rt(r.states[u]&&r.states[u].ignore,s))||!rt(d,a)){var p=h?i:i&&i.states[u];p&&(p.ignore=!0),i&&cS(i,!0,u,c);continue}i||(i=new Tc,t.setTextGuideLine(i),h||!s&&a||cS(i,!0,"normal",e.normal),t.stateProxy&&(i.stateProxy=t.stateProxy)),cS(i,!1,u,c)}}if(i){k(i.style,n),i.style.fill=null;var f=o.get("showAbove");(t.textGuideLineConfig=t.textGuideLineConfig||{}).showAbove=f||!1,i.buildPath=hS}}else i&&t.removeTextGuideLine()}function pS(t,e){e=e||"labelLine";for(var n={normal:t.getModel(e)},i=0;i<Wl.length;i++){var r=Wl[i];n[r]=t.getModel([r,e])}return n}var fS=["label","labelLine","layoutOption","priority","defaultAttr","marginForce","minMarginForce","marginDefault","suggestIgnore"];function gS(t,e,n){n=n||3,e?t.dirty|=n:t.dirty&=~n}function yS(t,e){return e=e||3,null==t.dirty||!!(t.dirty&e)}function vS(t){if(t)return yS(t)&&mS(t,t.label,t),t}function mS(t,e,n){var i=e.getComputedTransform();t.transform=Wh(t.transform,i);var r=t.localRect=Fh(t.localRect,e.getBoundingRect()),o=e.style,a=o.margin,s=n&&n.marginForce,l=n&&n.minMarginForce,u=n&&n.marginDefault,c=o.__marginType;null==c&&u&&(a=u,c=hd.textMargin);for(var h=0;h<4;h++)xS[h]=c===hd.minMargin&&l&&null!=l[h]?l[h]:s&&null!=s[h]?s[h]:a?a[h]:0;c===hd.textMargin&&Oh(r,xS,!1,!1);var d=t.rect=Fh(t.rect,r);return i&&d.applyTransform(i),c===hd.minMargin&&Oh(d,xS,!1,!1),t.axisAligned=Vh(i),(t.label=t.label||{}).ignore=e.ignore,gS(t,!1),gS(t,!0,2),t}var xS=[0,0,0,0];function _S(t,e){if(t){t.label.x+=e.x,t.label.y+=e.y,t.label.markRedraw();var n=t.transform;n&&(n[4]+=e.x,n[5]+=e.y);var i=t.rect;i&&(i.x+=e.x,i.y+=e.y);var r=t.obb;r&&r.fromBoundingRect(t.localRect,n)}}function bS(t,e){for(var n=0;n<fS.length;n++){var i=fS[n];null==t[i]&&(t[i]=e[i])}return vS(t)}function wS(t){var e=t.obb;return e&&!yS(t,2)||(t.obb=e=e||new jc,e.fromBoundingRect(t.localRect,t.transform),gS(t,!1,2)),e}function SS(t,e,n,i,r){var o=t.length,a=lh[e],s=uh[e];if(o<2)return!1;t.sort((function(t,e){return t.rect[a]-e.rect[a]}));for(var l,u=0,c=!1,h=0,d=0;d<o;d++){var p=t[d],f=p.rect;(l=f[a]-u)<0&&(f[a]-=l,p.label[a]-=l,c=!0),h+=Math.max(-l,0),u=f[a]+f[s]}h>0&&r&&b(-h/o,0,o);var g,y,v=t[0],m=t[o-1];function x(){g=v.rect[a]-n,y=i-m.rect[a]-m.rect[s]}function _(t,e,n){if(t<0){var i=Math.min(e,-t);if(i>0){b(i*n,0,o);var r=i+t;r<0&&w(-r*n,1)}else w(-t*n,1)}}function b(e,n,i){0!==e&&(c=!0);for(var r=n;r<i;r++){var o=t[r];o.rect[a]+=e,o.label[a]+=e}}function w(e,n){for(var i=[],r=0,l=1;l<o;l++){var u=t[l-1].rect,c=Math.max(t[l].rect[a]-u[a]-u[s],0);i.push(c),r+=c}if(r){var h=Math.min(Math.abs(e)/r,n);if(e>0)for(l=0;l<o-1;l++){b(i[l]*h,0,l+1)}else for(l=o-1;l>0;l--){b(-(i[l-1]*h),l,o)}}}function S(t){var e=t<0?-1:1;t=Math.abs(t);for(var n=Math.ceil(t/(o-1)),i=0;i<o-1;i++)if(e>0?b(n,0,i+1):b(-n,o-i-1,o),(t-=n)<=0)return}return x(),g<0&&w(-g,.8),y<0&&w(y,.8),x(),_(g,y,1),_(y,g,-1),x(),g<0&&S(-g),y<0&&S(y),c}function MS(t){var e=[];function n(t){if(!t.ignore){var e=t.ensureState("emphasis");null==e.ignore&&(e.ignore=!1)}t.ignore=!0}t.sort((function(t,e){return(e.suggestIgnore?1:0)-(t.suggestIgnore?1:0)||e.priority-t.priority}));for(var i=0;i<t.length;i++){var r=vS(t[i]);if(!r.label.ignore){for(var o=r.label,a=r.labelLine,s=!1,l=0;l<e.length;l++)if(IS(r,e[l],null,{touchThreshold:.05})){s=!0;break}s?(n(o),a&&n(a)):e.push(r)}}}function IS(t,e,n,i){return!(!t||!e)&&(!(t.label&&t.label.ignore||e.label&&e.label.ignore)&&(!!t.rect.intersect(e.rect,n,i)&&(!(!t.axisAligned||!e.axisAligned)||wS(t).intersect(wS(e),n,i))))}function TS(t){if(t){for(var e=[],n=0;n<t.length;n++)e.push(t[n].slice());return e}}function CS(t,e){var n=t.label,i=e&&e.getTextGuideLine();return{dataIndex:t.dataIndex,dataType:t.dataType,seriesIndex:t.seriesModel.seriesIndex,text:t.label.style.text,rect:t.hostRect,labelRect:t.rect,align:n.style.align,verticalAlign:n.style.verticalAlign,labelLinePoints:TS(i&&i.shape.points)}}var DS=["align","verticalAlign","width","height","fontSize"],AS=new Dr,kS=sa(),LS=sa();function PS(t,e,n){for(var i=0;i<n.length;i++){var r=n[i];null!=e[r]&&(t[r]=e[r])}}var OS=["x","y","rotation"],RS=function(){function t(){this._labelList=[],this._chartViewList=[]}return t.prototype.clearLabels=function(){this._labelList=[],this._chartViewList=[]},t.prototype._addLabel=function(t,e,n,i,r){var o=i.style,a=i.__hostTarget.textConfig||{},s=i.getComputedTransform(),l=i.getBoundingRect().plain();He.applyTransform(l,l,s),s?AS.setLocalTransform(s):(AS.x=AS.y=AS.rotation=AS.originX=AS.originY=0,AS.scaleX=AS.scaleY=1),AS.rotation=Xs(AS.rotation);var u,c=i.__hostTarget;if(c){u=c.getBoundingRect().plain();var h=c.getComputedTransform();He.applyTransform(u,u,h)}var d=u&&c.getTextGuideLine();this._labelList.push({label:i,labelLine:d,seriesModel:n,dataIndex:t,dataType:e,layoutOptionOrCb:r,layoutOption:null,rect:l,hostRect:u,priority:u?u.width*u.height:0,defaultAttr:{ignore:i.ignore,labelGuideIgnore:d&&d.ignore,x:AS.x,y:AS.y,scaleX:AS.scaleX,scaleY:AS.scaleY,rotation:AS.rotation,style:{x:o.x,y:o.y,align:o.align,verticalAlign:o.verticalAlign,width:o.width,height:o.height,fontSize:o.fontSize},cursor:i.cursor,attachedPos:a.position,attachedRot:a.rotation}})},t.prototype.addLabelsOfSeries=function(t){var e=this;this._chartViewList.push(t);var n=t.__model,i=n.get("labelLayout");(Y(i)||F(i).length)&&t.group.traverse((function(t){if(t.ignore)return!0;var r=t.getTextContent(),o=zl(t);r&&!r.disableLabelLayout&&e._addLabel(o.dataIndex,o.dataType,n,r,i)}))},t.prototype.updateLayoutConfig=function(t){var e=t.getWidth(),n=t.getHeight();function i(t,e){return function(){oS(t,e)}}for(var r=0;r<this._labelList.length;r++){var o=this._labelList[r],a=o.label,s=a.__hostTarget,l=o.defaultAttr,u=void 0;u=(u=Y(o.layoutOptionOrCb)?o.layoutOptionOrCb(CS(o,s)):o.layoutOptionOrCb)||{},o.layoutOption=u;var c=Math.PI/180;s&&s.setTextConfig({local:!1,position:null!=u.x||null!=u.y?null:l.attachedPos,rotation:null!=u.rotate?u.rotate*c:l.attachedRot,offset:[u.dx||0,u.dy||0]});var h=!1;if(null!=u.x?(a.x=yo(u.x,e),a.setStyle("x",0),h=!0):(a.x=l.x,a.setStyle("x",l.style.x)),null!=u.y?(a.y=yo(u.y,n),a.setStyle("y",0),h=!0):(a.y=l.y,a.setStyle("y",l.style.y)),u.labelLinePoints){var d=s.getTextGuideLine();d&&(d.setShape({points:u.labelLinePoints}),h=!1)}kS(a).needsUpdateLabelLine=h,a.rotation=null!=u.rotate?u.rotate*c:l.rotation,a.scaleX=l.scaleX,a.scaleY=l.scaleY;for(var p=0;p<DS.length;p++){var f=DS[p];a.setStyle(f,null!=u[f]?u[f]:l.style[f])}if(u.draggable){if(a.draggable=!0,a.cursor="move",s){var g=o.seriesModel;if(null!=o.dataIndex)g=o.seriesModel.getData(o.dataType).getItemModel(o.dataIndex);a.on("drag",i(s,g.getModel("labelLine")))}}else a.off("drag"),a.cursor=l.cursor}},t.prototype.layout=function(t){var e=t.getWidth(),n=t.getHeight(),i=[];z(this._labelList,(function(t){t.defaultAttr.ignore||i.push(bS({},t))}));var r=V(i,(function(t){return"shiftX"===t.layoutOption.moveOverlap})),o=V(i,(function(t){return"shiftY"===t.layoutOption.moveOverlap}));SS(r,0,0,e),SS(o,1,0,n);var a=V(i,(function(t){return t.layoutOption.hideOverlap}));!function(t){for(var e=0;e<t.length;e++){var n=t[e],i=n.defaultAttr,r=n.labelLine;n.label.attr("ignore",i.ignore),r&&r.attr("ignore",i.labelGuideIgnore)}}(a),MS(a)},t.prototype.processLabelsOverall=function(){var t=this;z(this._chartViewList,(function(e){var n=e.__model,i=e.ignoreLabelLineUpdate,r=n.isAnimationEnabled();e.group.traverse((function(e){if(e.ignore&&!e.forceLabelAnimation)return!0;var o=!i,a=e.getTextContent();!o&&a&&(o=kS(a).needsUpdateLabelLine),o&&t._updateLabelLine(e,n),r&&t._animateLabels(e,n)}))}))},t.prototype._updateLabelLine=function(t,e){var n=t.getTextContent(),i=zl(t),r=i.dataIndex;if(n&&null!=r){var o=e.getData(i.dataType),a=o.getItemModel(r),s={},l=o.getItemVisual(r,"style");if(l){var u=o.getVisual("drawType");s.stroke=l[u]}var c=a.getModel("labelLine");dS(t,pS(a),s),oS(t,c)}},t.prototype._animateLabels=function(t,e){var n=t.getTextContent(),i=t.getTextGuideLine();if(n&&(t.forceLabelAnimation||!n.ignore&&!n.invisible&&!t.disableLabelAnimation&&!nh(t))){var r=(p=kS(n)).oldLayout,o=zl(t),a=o.dataIndex,s={x:n.x,y:n.y,rotation:n.rotation},l=e.getData(o.dataType);if(r){n.attr(r);var u=t.prevStates;u&&(P(u,"select")>=0&&n.attr(p.oldLayoutSelect),P(u,"emphasis")>=0&&n.attr(p.oldLayoutEmphasis)),th(n,s,e,a)}else if(n.attr(s),!ad(n).valueAnimation){var c=rt(n.style.opacity,1);n.style.opacity=0,eh(n,{style:{opacity:c}},e,a)}if(p.oldLayout=s,n.states.select){var h=p.oldLayoutSelect={};PS(h,s,OS),PS(h,n.states.select,OS)}if(n.states.emphasis){var d=p.oldLayoutEmphasis={};PS(d,s,OS),PS(d,n.states.emphasis,OS)}ld(n,a,l,e,e)}if(i&&!i.ignore&&!i.invisible){r=(p=LS(i)).oldLayout;var p,f={points:i.shape.points};r?(i.attr({shape:r}),th(i,{shape:f},e)):(i.setShape(f),i.style.strokePercent=0,eh(i,{style:{strokePercent:1}},e)),p.oldLayout=f}},t}(),NS=sa();var zS=Math.sin,ES=Math.cos,BS=Math.PI,VS=2*Math.PI,GS=180/BS,FS=function(){function t(){}return t.prototype.reset=function(t){this._start=!0,this._d=[],this._str="",this._p=Math.pow(10,t||4)},t.prototype.moveTo=function(t,e){this._add("M",t,e)},t.prototype.lineTo=function(t,e){this._add("L",t,e)},t.prototype.bezierCurveTo=function(t,e,n,i,r,o){this._add("C",t,e,n,i,r,o)},t.prototype.quadraticCurveTo=function(t,e,n,i){this._add("Q",t,e,n,i)},t.prototype.arc=function(t,e,n,i,r,o){this.ellipse(t,e,n,n,0,i,r,o)},t.prototype.ellipse=function(t,e,n,i,r,o,a,s){var l=a-o,u=!s,c=Math.abs(l),h=wi(c-VS)||(u?l>=VS:-l>=VS),d=l>0?l%VS:l%VS+VS,p=!1;p=!!h||!wi(c)&&d>=BS==!!u;var f=t+n*ES(o),g=e+i*zS(o);this._start&&this._add("M",f,g);var y=Math.round(r*GS);if(h){var v=1/this._p,m=(u?1:-1)*(VS-v);this._add("A",n,i,y,1,+u,t+n*ES(o+m),e+i*zS(o+m)),v>.01&&this._add("A",n,i,y,0,+u,f,g)}else{var x=t+n*ES(a),_=e+i*zS(a);this._add("A",n,i,y,+p,+u,x,_)}},t.prototype.rect=function(t,e,n,i){this._add("M",t,e),this._add("l",n,0),this._add("l",0,i),this._add("l",-n,0),this._add("Z")},t.prototype.closePath=function(){this._d.length>0&&this._add("Z")},t.prototype._add=function(t,e,n,i,r,o,a,s,l){for(var u=[],c=this._p,h=1;h<arguments.length;h++){var d=arguments[h];if(isNaN(d))return void(this._invalid=!0);u.push(Math.round(d*c)/c)}this._d.push(t+u.join(" ")),this._start="Z"===t},t.prototype.generateStr=function(){this._str=this._invalid?"":this._d.join(""),this._d=[]},t.prototype.getStr=function(){return this._str},t}(),WS="none",HS=Math.round;var US=["lineCap","miterLimit","lineJoin"],YS=E(US,(function(t){return"stroke-"+t.toLowerCase()}));function XS(t,e,n,i){var r=null==e.opacity?1:e.opacity;if(n instanceof dl)t("opacity",r);else{if(function(t){var e=t.fill;return null!=e&&e!==WS}(e)){var o=_i(e.fill);t("fill",o.color);var a=null!=e.fillOpacity?e.fillOpacity*o.opacity*r:o.opacity*r;(i||a<1)&&t("fill-opacity",a)}else t("fill",WS);if(function(t){var e=t.stroke;return null!=e&&e!==WS}(e)){var s=_i(e.stroke);t("stroke",s.color);var l=e.strokeNoScale?n.getLineScale():1,u=l?(e.lineWidth||0)/l:0,c=null!=e.strokeOpacity?e.strokeOpacity*s.opacity*r:s.opacity*r,h=e.strokeFirst;if((i||1!==u)&&t("stroke-width",u),(i||h)&&t("paint-order",h?"stroke":"fill"),(i||c<1)&&t("stroke-opacity",c),e.lineDash){var d=mm(n),p=d[0],f=d[1];p&&(f=HS(f||0),t("stroke-dasharray",p.join(",")),(f||i)&&t("stroke-dashoffset",f))}else i&&t("stroke-dasharray",WS);for(var g=0;g<US.length;g++){var y=US[g];if(i||e[y]!==rl[y]){var v=e[y]||rl[y];v&&t(YS[g],v)}}}else i&&t("stroke",WS)}}var ZS="http://www.w3.org/2000/svg",jS="http://www.w3.org/1999/xlink",qS="ecmeta_";function KS(t){return document.createElementNS(ZS,t)}function $S(t,e,n,i,r){return{tag:t,attrs:n||{},children:i,text:r,key:e}}function JS(t,e){var n=(e=e||{}).newline?"\n":"";return function t(e){var i=e.children,r=e.tag,o=e.attrs,a=e.text;return function(t,e){var n=[];if(e)for(var i in e){var r=e[i],o=i;!1!==r&&(!0!==r&&null!=r&&(o+='="'+r+'"'),n.push(o))}return"<"+t+" "+n.join(" ")+">"}(r,o)+("style"!==r?oe(a):a||"")+(i?""+n+E(i,(function(e){return t(e)})).join(n)+n:"")+("</"+r+">")}(t)}function QS(t){return{zrId:t,shadowCache:{},patternCache:{},gradientCache:{},clipPathCache:{},defs:{},cssNodes:{},cssAnims:{},cssStyleCache:{},cssAnimIdx:0,shadowIdx:0,gradientIdx:0,patternIdx:0,clipPathIdx:0}}function tM(t,e,n,i){return $S("svg","root",{width:t,height:e,xmlns:ZS,"xmlns:xlink":jS,version:"1.1",baseProfile:"full",viewBox:!!i&&"0 0 "+t+" "+e},n)}var eM=0;function nM(){return eM++}var iM={cubicIn:"0.32,0,0.67,0",cubicOut:"0.33,1,0.68,1",cubicInOut:"0.65,0,0.35,1",quadraticIn:"0.11,0,0.5,0",quadraticOut:"0.5,1,0.89,1",quadraticInOut:"0.45,0,0.55,1",quarticIn:"0.5,0,0.75,0",quarticOut:"0.25,1,0.5,1",quarticInOut:"0.76,0,0.24,1",quinticIn:"0.64,0,0.78,0",quinticOut:"0.22,1,0.36,1",quinticInOut:"0.83,0,0.17,1",sinusoidalIn:"0.12,0,0.39,0",sinusoidalOut:"0.61,1,0.88,1",sinusoidalInOut:"0.37,0,0.63,1",exponentialIn:"0.7,0,0.84,0",exponentialOut:"0.16,1,0.3,1",exponentialInOut:"0.87,0,0.13,1",circularIn:"0.55,0,1,0.45",circularOut:"0,0.55,0.45,1",circularInOut:"0.85,0,0.15,1"},rM="transform-origin";function oM(t,e,n){var i=A({},t.shape);A(i,e),t.buildPath(n,i);var r=new FS;return r.reset(Pi(t)),n.rebuildPath(r,1),r.generateStr(),r.getStr()}function aM(t,e){var n=e.originX,i=e.originY;(n||i)&&(t[rM]=n+"px "+i+"px")}var sM={fill:"fill",opacity:"opacity",lineWidth:"stroke-width",lineDashOffset:"stroke-dashoffset"};function lM(t,e){var n=e.zrId+"-ani-"+e.cssAnimIdx++;return e.cssAnims[n]=t,n}function uM(t){return X(t)?iM[t]?"cubic-bezier("+iM[t]+")":Wn(t)?t:"":""}function cM(t,e,n,i){var r=t.animators,o=r.length,a=[];if(t instanceof zc){var s=function(t,e,n){var i,r,o=t.shape.paths,a={};if(z(o,(function(t){var e=QS(n.zrId);e.animation=!0,cM(t,{},e,!0);var o=e.cssAnims,s=e.cssNodes,l=F(o),u=l.length;if(u){var c=o[r=l[u-1]];for(var h in c){var d=c[h];a[h]=a[h]||{d:""},a[h].d+=d.d||""}for(var p in s){var f=s[p].animation;f.indexOf(r)>=0&&(i=f)}}})),i){e.d=!1;var s=lM(a,n);return i.replace(r,s)}}(t,e,n);if(s)a.push(s);else if(!o)return}else if(!o)return;for(var l={},u=0;u<o;u++){var c=r[u],h=[c.getMaxTime()/1e3+"s"],d=uM(c.getClip().easing),p=c.getDelay();d?h.push(d):h.push("linear"),p&&h.push(p/1e3+"s"),c.getLoop()&&h.push("infinite");var f=h.join(" ");l[f]=l[f]||[f,[]],l[f][1].push(c)}function g(r){var o,a=r[1],s=a.length,l={},u={},c={},h="animation-timing-function";function d(t,e,n){for(var i=t.getTracks(),r=t.getMaxTime(),o=0;o<i.length;o++){var a=i[o];if(a.needsAnimate()){var s=a.keyframes,l=a.propName;if(n&&(l=n(l)),l)for(var u=0;u<s.length;u++){var c=s[u],d=Math.round(c.time/r*100)+"%",p=uM(c.easing),f=c.rawValue;(X(f)||j(f))&&(e[d]=e[d]||{},e[d][l]=c.rawValue,p&&(e[d][h]=p))}}}}for(var p=0;p<s;p++){(S=(w=a[p]).targetName)?"shape"===S&&d(w,u):!i&&d(w,l)}for(var f in l){var g={};kr(g,t),A(g,l[f]);var y=Oi(g),v=l[f][h];c[f]=y?{transform:y}:{},aM(c[f],g),v&&(c[f][h]=v)}var m=!0;for(var f in u){c[f]=c[f]||{};var x=!o;v=u[f][h];x&&(o=new Fs);var _=o.len();o.reset(),c[f].d=oM(t,u[f],o);var b=o.len();if(!x&&_!==b){m=!1;break}v&&(c[f][h]=v)}if(!m)for(var f in c)delete c[f].d;if(!i)for(p=0;p<s;p++){var w,S;"style"===(S=(w=a[p]).targetName)&&d(w,c,(function(t){return sM[t]}))}var M,I=F(c),T=!0;for(p=1;p<I.length;p++){var C=I[p-1],D=I[p];if(c[C][rM]!==c[D][rM]){T=!1;break}M=c[C][rM]}if(T&&M){for(var f in c)c[f][rM]&&delete c[f][rM];e[rM]=M}if(V(I,(function(t){return F(c[t]).length>0})).length)return lM(c,n)+" "+r[0]+" both"}for(var y in l){(s=g(l[y]))&&a.push(s)}if(a.length){var v=n.zrId+"-cls-"+nM();n.cssNodes["."+v]={animation:a.join(",")},e.class=v}}function hM(t,e,n,i){var r=JSON.stringify(t),o=n.cssStyleCache[r];o||(o=n.zrId+"-cls-"+nM(),n.cssStyleCache[r]=o,n.cssNodes["."+o+(i?":hover":"")]=t),e.class=e.class?e.class+" "+o:o}var dM=Math.round;function pM(t){return t&&X(t.src)}function fM(t){return t&&Y(t.toDataURL)}function gM(t,e,n,i){XS((function(r,o){var a="fill"===r||"stroke"===r;a&&ki(o)?TM(e,t,r,i):a&&Ci(o)?CM(n,t,r,i):t[r]=o,a&&i.ssr&&"none"===o&&(t["pointer-events"]="visible")}),e,n,!1),function(t,e,n){var i=t.style;if(function(t){return t&&(t.shadowBlur||t.shadowOffsetX||t.shadowOffsetY)}(i)){var r=function(t){var e=t.style,n=t.getGlobalScale();return[e.shadowColor,(e.shadowBlur||0).toFixed(2),(e.shadowOffsetX||0).toFixed(2),(e.shadowOffsetY||0).toFixed(2),n[0],n[1]].join(",")}(t),o=n.shadowCache,a=o[r];if(!a){var s=t.getGlobalScale(),l=s[0],u=s[1];if(!l||!u)return;var c=i.shadowOffsetX||0,h=i.shadowOffsetY||0,d=i.shadowBlur,p=_i(i.shadowColor),f=p.opacity,g=p.color,y=d/2/l+" "+d/2/u;a=n.zrId+"-s"+n.shadowIdx++,n.defs[a]=$S("filter",a,{id:a,x:"-100%",y:"-100%",width:"300%",height:"300%"},[$S("feDropShadow","",{dx:c/l,dy:h/u,stdDeviation:y,"flood-color":g,"flood-opacity":f})]),o[r]=a}e.filter=Li(a)}}(n,t,i)}function yM(t,e){var n=so(e);n&&(n.each((function(e,n){null!=e&&(t[(qS+n).toLowerCase()]=e+"")})),e.isSilent()&&(t[qS+"silent"]="true"))}function vM(t){return wi(t[0]-1)&&wi(t[1])&&wi(t[2])&&wi(t[3]-1)}function mM(t,e,n){if(e&&(!function(t){return wi(t[4])&&wi(t[5])}(e)||!vM(e))){var i=n?10:1e4;t.transform=vM(e)?"translate("+dM(e[4]*i)/i+" "+dM(e[5]*i)/i+")":function(t){return"matrix("+Si(t[0])+","+Si(t[1])+","+Si(t[2])+","+Si(t[3])+","+Mi(t[4])+","+Mi(t[5])+")"}(e)}}function xM(t,e,n){for(var i=t.points,r=[],o=0;o<i.length;o++)r.push(dM(i[o][0]*n)/n),r.push(dM(i[o][1]*n)/n);e.points=r.join(" ")}function _M(t){return!t.smooth}var bM,wM,SM={circle:[(bM=["cx","cy","r"],wM=E(bM,(function(t){return"string"==typeof t?[t,t]:t})),function(t,e,n){for(var i=0;i<wM.length;i++){var r=wM[i],o=t[r[0]];null!=o&&(e[r[1]]=dM(o*n)/n)}})],polyline:[xM,_M],polygon:[xM,_M]};function MM(t,e){var n=t.style,i=t.shape,r=SM[t.type],o={},a=e.animation,s="path",l=t.style.strokePercent,u=e.compress&&Pi(t)||4;if(!r||e.willUpdate||r[1]&&!r[1](i)||a&&function(t){for(var e=t.animators,n=0;n<e.length;n++)if("shape"===e[n].targetName)return!0;return!1}(t)||l<1){var c=!t.path||t.shapeChanged();t.path||t.createPathProxy();var h=t.path;c&&(h.beginPath(),t.buildPath(h,t.shape),t.pathUpdated());var d=h.getVersion(),p=t,f=p.__svgPathBuilder;p.__svgPathVersion===d&&f&&l===p.__svgPathStrokePercent||(f||(f=p.__svgPathBuilder=new FS),f.reset(u),h.rebuildPath(f,l),f.generateStr(),p.__svgPathVersion=d,p.__svgPathStrokePercent=l),o.d=f.getStr()}else{s=t.type;var g=Math.pow(10,u);r[0](i,o,g)}return mM(o,t.transform),gM(o,n,t,e),yM(o,t),e.animation&&cM(t,o,e),e.emphasis&&function(t,e,n){if(!t.ignore)if(t.isSilent())hM(u={"pointer-events":"none"},e,n,!0);else{var i=t.states.emphasis&&t.states.emphasis.style?t.states.emphasis.style:{},r=i.fill;if(!r){var o=t.style&&t.style.fill,a=t.states.select&&t.states.select.style&&t.states.select.style.fill,s=t.currentStates.indexOf("select")>=0&&a||o;s&&(r=vi(s))}var l=i.lineWidth;l&&(l/=!i.strokeNoScale&&t.transform?t.transform[0]:1);var u={cursor:"pointer"};r&&(u.fill=r),i.stroke&&(u.stroke=i.stroke),l&&(u["stroke-width"]=l),hM(u,e,n,!0)}}(t,o,e),$S(s,t.id+"",o)}function IM(t,e){return t instanceof sl?MM(t,e):t instanceof dl?function(t,e){var n=t.style,i=n.image;if(i&&!X(i)&&(pM(i)?i=i.src:fM(i)&&(i=i.toDataURL())),i){var r=n.x||0,o=n.y||0,a={href:i,width:n.width,height:n.height};return r&&(a.x=r),o&&(a.y=o),mM(a,t.transform),gM(a,n,t,e),yM(a,t),e.animation&&cM(t,a,e),$S("image",t.id+"",a)}}(t,e):t instanceof ul?function(t,e){var n=t.style,i=n.text;if(null!=i&&(i+=""),i&&!isNaN(n.x)&&!isNaN(n.y)){var r=n.font||a,s=n.x||0,l=function(t,e,n){return"top"===n?t+=e/2:"bottom"===n&&(t-=e/2),t}(n.y||0,Gr(r),n.textBaseline),u={"dominant-baseline":"central","text-anchor":Ii[n.textAlign]||n.textAlign};if(Al(n)){var c="",h=n.fontStyle,d=Cl(n.fontSize);if(!parseFloat(d))return;var p=n.fontFamily||o,f=n.fontWeight;c+="font-size:"+d+";font-family:"+p+";",h&&"normal"!==h&&(c+="font-style:"+h+";"),f&&"normal"!==f&&(c+="font-weight:"+f+";"),u.style=c}else u.style="font: "+r;return i.match(/\s/)&&(u["xml:space"]="preserve"),s&&(u.x=s),l&&(u.y=l),mM(u,t.transform),gM(u,n,t,e),yM(u,t),e.animation&&cM(t,u,e),$S("text",t.id+"",u,void 0,i)}}(t,e):void 0}function TM(t,e,n,i){var r,o=t[n],a={gradientUnits:o.global?"userSpaceOnUse":"objectBoundingBox"};if(Di(o))r="linearGradient",a.x1=o.x,a.y1=o.y,a.x2=o.x2,a.y2=o.y2;else{if(!Ai(o))return void 0;r="radialGradient",a.cx=rt(o.x,.5),a.cy=rt(o.y,.5),a.r=rt(o.r,.5)}for(var s=o.colorStops,l=[],u=0,c=s.length;u<c;++u){var h=100*Mi(s[u].offset)+"%",d=_i(s[u].color),p=d.color,f=d.opacity,g={offset:h};g["stop-color"]=p,f<1&&(g["stop-opacity"]=f),l.push($S("stop",u+"",g))}var y=JS($S(r,"",a,l)),v=i.gradientCache,m=v[y];m||(m=i.zrId+"-g"+i.gradientIdx++,v[y]=m,a.id=m,i.defs[m]=$S(r,m,a,l)),e[n]=Li(m)}function CM(t,e,n,i){var r,o=t.style[n],a=t.getBoundingRect(),s={},l=o.repeat,u="no-repeat"===l,c="repeat-x"===l,h="repeat-y"===l;if(Ti(o)){var d=o.imageWidth,p=o.imageHeight,f=void 0,g=o.image;if(X(g)?f=g:pM(g)?f=g.src:fM(g)&&(f=g.toDataURL()),"undefined"==typeof Image){var y="Image width/height must been given explictly in svg-ssr renderer.";lt(d,y),lt(p,y)}else if(null==d||null==p){var v=function(t,e){if(t){var n=t.elm,i=d||e.width,r=p||e.height;"pattern"===t.tag&&(c?(r=1,i/=a.width):h&&(i=1,r/=a.height)),t.attrs.width=i,t.attrs.height=r,n&&(n.setAttribute("width",i),n.setAttribute("height",r))}},m=Oa(f,null,t,(function(t){u||v(w,t),v(r,t)}));m&&m.width&&m.height&&(d=d||m.width,p=p||m.height)}r=$S("image","img",{href:f,width:d,height:p}),s.width=d,s.height=p}else o.svgElement&&(r=T(o.svgElement),s.width=o.svgWidth,s.height=o.svgHeight);if(r){var x,_;u?x=_=1:c?(_=1,x=s.width/a.width):h?(x=1,_=s.height/a.height):s.patternUnits="userSpaceOnUse",null==x||isNaN(x)||(s.width=x),null==_||isNaN(_)||(s.height=_);var b=Oi(o);b&&(s.patternTransform=b);var w=$S("pattern","",s,[r]),S=JS(w),M=i.patternCache,I=M[S];I||(I=i.zrId+"-p"+i.patternIdx++,M[S]=I,s.id=I,w=i.defs[I]=$S("pattern",I,s,[r])),e[n]=Li(I)}}function DM(t,e,n){var i=n.clipPathCache,r=n.defs,o=i[t.id];if(!o){var a={id:o=n.zrId+"-c"+n.clipPathIdx++};i[t.id]=o,r[o]=$S("clipPath",o,a,[MM(t,n)])}e["clip-path"]=Li(o)}function AM(t){return document.createTextNode(t)}function kM(t,e,n){t.insertBefore(e,n)}function LM(t,e){t.removeChild(e)}function PM(t,e){t.appendChild(e)}function OM(t){return t.parentNode}function RM(t){return t.nextSibling}function NM(t,e){t.textContent=e}var zM=$S("","");function EM(t){return void 0===t}function BM(t){return void 0!==t}function VM(t,e,n){for(var i={},r=e;r<=n;++r){var o=t[r].key;void 0!==o&&(i[o]=r)}return i}function GM(t,e){var n=t.key===e.key;return t.tag===e.tag&&n}function FM(t){var e,n=t.children,i=t.tag;if(BM(i)){var r=t.elm=KS(i);if(UM(zM,t),U(n))for(e=0;e<n.length;++e){var o=n[e];null!=o&&PM(r,FM(o))}else BM(t.text)&&!q(t.text)&&PM(r,AM(t.text))}else t.elm=AM(t.text);return t.elm}function WM(t,e,n,i,r){for(;i<=r;++i){var o=n[i];null!=o&&kM(t,FM(o),e)}}function HM(t,e,n,i){for(;n<=i;++n){var r=e[n];if(null!=r)if(BM(r.tag))LM(OM(r.elm),r.elm);else LM(t,r.elm)}}function UM(t,e){var n,i=e.elm,r=t&&t.attrs||{},o=e.attrs||{};if(r!==o){for(n in o){var a=o[n];r[n]!==a&&(!0===a?i.setAttribute(n,""):!1===a?i.removeAttribute(n):"style"===n?i.style.cssText=a:120!==n.charCodeAt(0)?i.setAttribute(n,a):"xmlns:xlink"===n||"xmlns"===n?i.setAttributeNS("http://www.w3.org/2000/xmlns/",n,a):58===n.charCodeAt(3)?i.setAttributeNS("http://www.w3.org/XML/1998/namespace",n,a):58===n.charCodeAt(5)?i.setAttributeNS(jS,n,a):i.setAttribute(n,a))}for(n in r)n in o||i.removeAttribute(n)}}function YM(t,e){var n=e.elm=t.elm,i=t.children,r=e.children;t!==e&&(UM(t,e),EM(e.text)?BM(i)&&BM(r)?i!==r&&function(t,e,n){for(var i,r,o,a=0,s=0,l=e.length-1,u=e[0],c=e[l],h=n.length-1,d=n[0],p=n[h];a<=l&&s<=h;)null==u?u=e[++a]:null==c?c=e[--l]:null==d?d=n[++s]:null==p?p=n[--h]:GM(u,d)?(YM(u,d),u=e[++a],d=n[++s]):GM(c,p)?(YM(c,p),c=e[--l],p=n[--h]):GM(u,p)?(YM(u,p),kM(t,u.elm,RM(c.elm)),u=e[++a],p=n[--h]):GM(c,d)?(YM(c,d),kM(t,c.elm,u.elm),c=e[--l],d=n[++s]):(EM(i)&&(i=VM(e,a,l)),EM(r=i[d.key])||(o=e[r]).tag!==d.tag?kM(t,FM(d),u.elm):(YM(o,d),e[r]=void 0,kM(t,o.elm,u.elm)),d=n[++s]);(a<=l||s<=h)&&(a>l?WM(t,null==n[h+1]?null:n[h+1].elm,n,s,h):HM(t,e,a,l))}(n,i,r):BM(r)?(BM(t.text)&&NM(n,""),WM(n,null,r,0,r.length-1)):BM(i)?HM(n,i,0,i.length-1):BM(t.text)&&NM(n,""):t.text!==e.text&&(BM(i)&&HM(n,i,0,i.length-1),NM(n,e.text)))}var XM=0,ZM=function(){function t(t,e,n){if(this.type="svg",this.refreshHover=jM("refreshHover"),this.configLayer=jM("configLayer"),this.storage=e,this._opts=n=A({},n),this.root=t,this._id="zr"+XM++,this._oldVNode=tM(n.width,n.height),t&&!n.ssr){var i=this._viewport=document.createElement("div");i.style.cssText="position:relative;overflow:hidden";var r=this._svgDom=this._oldVNode.elm=KS("svg");UM(null,this._oldVNode),i.appendChild(r),t.appendChild(i)}this.resize(n.width,n.height)}return t.prototype.getType=function(){return this.type},t.prototype.getViewportRoot=function(){return this._viewport},t.prototype.getViewportRootOffset=function(){var t=this.getViewportRoot();if(t)return{offsetLeft:t.offsetLeft||0,offsetTop:t.offsetTop||0}},t.prototype.getSvgDom=function(){return this._svgDom},t.prototype.refresh=function(){if(this.root){var t=this.renderToVNode({willUpdate:!0});t.attrs.style="position:absolute;left:0;top:0;user-select:none",function(t,e){if(GM(t,e))YM(t,e);else{var n=t.elm,i=OM(n);FM(e),null!==i&&(kM(i,e.elm,RM(n)),HM(i,[t],0,0))}}(this._oldVNode,t),this._oldVNode=t}},t.prototype.renderOneToVNode=function(t){return IM(t,QS(this._id))},t.prototype.renderToVNode=function(t){t=t||{};var e=this.storage.getDisplayList(!0),n=this._width,i=this._height,r=QS(this._id);r.animation=t.animation,r.willUpdate=t.willUpdate,r.compress=t.compress,r.emphasis=t.emphasis,r.ssr=this._opts.ssr;var o=[],a=this._bgVNode=function(t,e,n,i){var r;if(n&&"none"!==n)if(r=$S("rect","bg",{width:t,height:e,x:"0",y:"0"}),ki(n))TM({fill:n},r.attrs,"fill",i);else if(Ci(n))CM({style:{fill:n},dirty:bt,getBoundingRect:function(){return{width:t,height:e}}},r.attrs,"fill",i);else{var o=_i(n),a=o.color,s=o.opacity;r.attrs.fill=a,s<1&&(r.attrs["fill-opacity"]=s)}return r}(n,i,this._backgroundColor,r);a&&o.push(a);var s=t.compress?null:this._mainVNode=$S("g","main",{},[]);this._paintList(e,r,s?s.children:o),s&&o.push(s);var l=E(F(r.defs),(function(t){return r.defs[t]}));if(l.length&&o.push($S("defs","defs",{},l)),t.animation){var u=function(t,e,n){var i=(n=n||{}).newline?"\n":"",r=" {"+i,o=i+"}",a=E(F(t),(function(e){return e+r+E(F(t[e]),(function(n){return n+":"+t[e][n]+";"})).join(i)+o})).join(i),s=E(F(e),(function(t){return"@keyframes "+t+r+E(F(e[t]),(function(n){return n+r+E(F(e[t][n]),(function(i){var r=e[t][n][i];return"d"===i&&(r='path("'+r+'")'),i+":"+r+";"})).join(i)+o})).join(i)+o})).join(i);return a||s?["<![CDATA[",a,s,"]]>"].join(i):""}(r.cssNodes,r.cssAnims,{newline:!0});if(u){var c=$S("style","stl",{},[],u);o.push(c)}}return tM(n,i,o,t.useViewBox)},t.prototype.renderToString=function(t){return t=t||{},JS(this.renderToVNode({animation:rt(t.cssAnimation,!0),emphasis:rt(t.cssEmphasis,!0),willUpdate:!1,compress:!0,useViewBox:rt(t.useViewBox,!0)}),{newline:!0})},t.prototype.setBackgroundColor=function(t){this._backgroundColor=t},t.prototype.getSvgRoot=function(){return this._mainVNode&&this._mainVNode.elm},t.prototype._paintList=function(t,e,n){for(var i,r,o=t.length,a=[],s=0,l=0,u=0;u<o;u++){var c=t[u];if(!c.invisible){var h=c.__clipPaths,d=h&&h.length||0,p=r&&r.length||0,f=void 0;for(f=Math.max(d-1,p-1);f>=0&&(!h||!r||h[f]!==r[f]);f--);for(var g=p-1;g>f;g--)i=a[--s-1];for(var y=f+1;y<d;y++){var v={};DM(h[y],v,e);var m=$S("g","clip-g-"+l++,v,[]);(i?i.children:n).push(m),a[s++]=m,i=m}r=h;var x=IM(c,e);x&&(i?i.children:n).push(x)}}},t.prototype.resize=function(t,e){var n=this._opts,i=this.root,r=this._viewport;if(null!=t&&(n.width=t),null!=e&&(n.height=e),i&&r&&(r.style.display="none",t=vm(i,0,n),e=vm(i,1,n),r.style.display=""),this._width!==t||this._height!==e){if(this._width=t,this._height=e,r){var o=r.style;o.width=t+"px",o.height=e+"px"}if(Ci(this._backgroundColor))this.refresh();else{var a=this._svgDom;a&&(a.setAttribute("width",t),a.setAttribute("height",e));var s=this._bgVNode&&this._bgVNode.elm;s&&(s.setAttribute("width",t),s.setAttribute("height",e))}}},t.prototype.getWidth=function(){return this._width},t.prototype.getHeight=function(){return this._height},t.prototype.dispose=function(){this.root&&(this.root.innerHTML=""),this._svgDom=this._viewport=this.storage=this._oldVNode=this._bgVNode=this._mainVNode=null},t.prototype.clear=function(){this._svgDom&&(this._svgDom.innerHTML=null),this._oldVNode=null},t.prototype.toDataURL=function(t){var e=this.renderToString(),n="data:image/svg+xml;";return t?(e=Ri(e))&&n+"base64,"+e:n+"charset=UTF-8,"+encodeURIComponent(e)},t}();function jM(t){return function(){0}}function qM(t,e,n){var i=c.createCanvas(),r=e.getWidth(),o=e.getHeight(),a=i.style;return a&&(a.position="absolute",a.left="0",a.top="0",a.width=r+"px",a.height=o+"px",i.setAttribute("data-zr-dom-id",t)),i.width=r*n,i.height=o*n,i}var KM=function(t){function e(e,n,i){var r,o=t.call(this)||this;o.motionBlur=!1,o.lastFrameAlpha=.7,o.dpr=1,o.virtual=!1,o.config={},o.incremental=!1,o.zlevel=0,o.maxRepaintRectCount=5,o.__dirty=!0,o.__firstTimePaint=!0,o.__used=!1,o.__drawIndex=0,o.__startIndex=0,o.__endIndex=0,o.__prevStartIndex=null,o.__prevEndIndex=null,i=i||vr,"string"==typeof e?r=qM(e,n,i):q(e)&&(e=(r=e).id),o.id=e,o.dom=r;var a=r.style;return a&&(xt(r),r.onselectstart=function(){return!1},a.padding="0",a.margin="0",a.borderWidth="0"),o.painter=n,o.dpr=i,o}return n(e,t),e.prototype.getElementCount=function(){return this.__endIndex-this.__startIndex},e.prototype.afterBrush=function(){this.__prevStartIndex=this.__startIndex,this.__prevEndIndex=this.__endIndex},e.prototype.initContext=function(){this.ctx=this.dom.getContext("2d"),this.ctx.dpr=this.dpr},e.prototype.setUnpainted=function(){this.__firstTimePaint=!0},e.prototype.createBackBuffer=function(){var t=this.dpr;this.domBack=qM("back-"+this.id,this.painter,t),this.ctxBack=this.domBack.getContext("2d"),1!==t&&this.ctxBack.scale(t,t)},e.prototype.createRepaintRects=function(t,e,n,i){if(this.__firstTimePaint)return this.__firstTimePaint=!1,null;var r,o=[],a=this.maxRepaintRectCount,s=!1,l=new He(0,0,0,0);function u(t){if(t.isFinite()&&!t.isZero())if(0===o.length){(e=new He(0,0,0,0)).copy(t),o.push(e)}else{for(var e,n=!1,i=1/0,r=0,u=0;u<o.length;++u){var c=o[u];if(c.intersect(t)){var h=new He(0,0,0,0);h.copy(c),h.union(t),o[u]=h,n=!0;break}if(s){l.copy(t),l.union(c);var d=t.width*t.height,p=c.width*c.height,f=l.width*l.height-d-p;f<i&&(i=f,r=u)}}if(s&&(o[r].union(t),n=!0),!n)(e=new He(0,0,0,0)).copy(t),o.push(e);s||(s=o.length>=a)}}for(var c=this.__startIndex;c<this.__endIndex;++c){if(p=t[c]){var h=p.shouldBePainted(n,i,!0,!0);(f=p.__isRendered&&(1&p.__dirty||!h)?p.getPrevPaintRect():null)&&u(f);var d=h&&(1&p.__dirty||!p.__isRendered)?p.getPaintRect():null;d&&u(d)}}for(c=this.__prevStartIndex;c<this.__prevEndIndex;++c){var p,f;h=(p=e[c])&&p.shouldBePainted(n,i,!0,!0);if(p&&(!h||!p.__zr)&&p.__isRendered)(f=p.getPrevPaintRect())&&u(f)}do{r=!1;for(c=0;c<o.length;)if(o[c].isZero())o.splice(c,1);else{for(var g=c+1;g<o.length;)o[c].intersect(o[g])?(r=!0,o[c].union(o[g]),o.splice(g,1)):g++;c++}}while(r);return this._paintRects=o,o},e.prototype.debugGetPaintRects=function(){return(this._paintRects||[]).slice()},e.prototype.resize=function(t,e){var n=this.dpr,i=this.dom,r=i.style,o=this.domBack;r&&(r.width=t+"px",r.height=e+"px"),i.width=t*n,i.height=e*n,o&&(o.width=t*n,o.height=e*n,1!==n&&this.ctxBack.scale(n,n))},e.prototype.clear=function(t,e,n){var i=this.dom,r=this.ctx,o=i.width,a=i.height;e=e||this.clearColor;var s=this.motionBlur&&!t,l=this.lastFrameAlpha,u=this.dpr,c=this;s&&(this.domBack||this.createBackBuffer(),this.ctxBack.globalCompositeOperation="copy",this.ctxBack.drawImage(i,0,0,o/u,a/u));var h=this.domBack;function d(t,n,i,o){if(r.clearRect(t,n,i,o),e&&"transparent"!==e){var a=void 0;if(Q(e))a=(e.global||e.__width===i&&e.__height===o)&&e.__canvasGradient||gm(r,e,{x:0,y:0,width:i,height:o}),e.__canvasGradient=a,e.__width=i,e.__height=o;else tt(e)&&(e.scaleX=e.scaleX||u,e.scaleY=e.scaleY||u,a=Im(r,e,{dirty:function(){c.setUnpainted(),c.painter.refresh()}}));r.save(),r.fillStyle=a||e,r.fillRect(t,n,i,o),r.restore()}s&&(r.save(),r.globalAlpha=l,r.drawImage(h,t,n,i,o),r.restore())}!n||s?d(0,0,o,a):n.length&&z(n,(function(t){d(t.x*u,t.y*u,t.width*u,t.height*u)}))},e}(qt),$M=1e5,JM=314159,QM=.01;var tI=function(){function t(t,e,n,i){this.type="canvas",this._zlevelList=[],this._prevDisplayList=[],this._layers={},this._layerConfig={},this._needsManuallyCompositing=!1,this.type="canvas";var r=!t.nodeName||"CANVAS"===t.nodeName.toUpperCase();this._opts=n=A({},n||{}),this.dpr=n.devicePixelRatio||vr,this._singleCanvas=r,this.root=t,t.style&&(xt(t),t.innerHTML=""),this.storage=e;var o=this._zlevelList;this._prevDisplayList=[];var a=this._layers;if(r){var s=t,l=s.width,u=s.height;null!=n.width&&(l=n.width),null!=n.height&&(u=n.height),this.dpr=n.devicePixelRatio||1,s.width=l*this.dpr,s.height=u*this.dpr,this._width=l,this._height=u;var c=new KM(s,this,this.dpr);c.__builtin__=!0,c.initContext(),a[314159]=c,c.zlevel=JM,o.push(JM),this._domRoot=t}else{this._width=vm(t,0,n),this._height=vm(t,1,n);var h=this._domRoot=function(t,e){var n=document.createElement("div");return n.style.cssText=["position:relative","width:"+t+"px","height:"+e+"px","padding:0","margin:0","border-width:0"].join(";")+";",n}(this._width,this._height);t.appendChild(h)}}return t.prototype.getType=function(){return"canvas"},t.prototype.isSingleCanvas=function(){return this._singleCanvas},t.prototype.getViewportRoot=function(){return this._domRoot},t.prototype.getViewportRootOffset=function(){var t=this.getViewportRoot();if(t)return{offsetLeft:t.offsetLeft||0,offsetTop:t.offsetTop||0}},t.prototype.refresh=function(t){var e=this.storage.getDisplayList(!0),n=this._prevDisplayList,i=this._zlevelList;this._redrawId=Math.random(),this._paintList(e,n,t,this._redrawId);for(var r=0;r<i.length;r++){var o=i[r],a=this._layers[o];if(!a.__builtin__&&a.refresh){var s=0===r?this._backgroundColor:null;a.refresh(s)}}return this._opts.useDirtyRect&&(this._prevDisplayList=e.slice()),this},t.prototype.refreshHover=function(){this._paintHoverList(this.storage.getDisplayList(!1))},t.prototype._paintHoverList=function(t){var e=t.length,n=this._hoverlayer;if(n&&n.clear(),e){for(var i,r={inHover:!0,viewWidth:this._width,viewHeight:this._height},o=0;o<e;o++){var a=t[o];a.__inHover&&(n||(n=this._hoverlayer=this.getLayer($M)),i||(i=n.ctx).save(),Rm(i,a,r,o===e-1))}i&&i.restore()}},t.prototype.getHoverLayer=function(){return this.getLayer($M)},t.prototype.paintOne=function(t,e){Om(t,e)},t.prototype._paintList=function(t,e,n,i){if(this._redrawId===i){n=n||!1,this._updateLayerStatus(t);var r=this._doPaintList(t,e,n),o=r.finished,a=r.needsRefreshHover;if(this._needsManuallyCompositing&&this._compositeManually(),a&&this._paintHoverList(t),o)this.eachLayer((function(t){t.afterBrush&&t.afterBrush()}));else{var s=this;gn((function(){s._paintList(t,e,n,i)}))}}},t.prototype._compositeManually=function(){var t=this.getLayer(JM).ctx,e=this._domRoot.width,n=this._domRoot.height;t.clearRect(0,0,e,n),this.eachBuiltinLayer((function(i){i.virtual&&t.drawImage(i.dom,0,0,e,n)}))},t.prototype._doPaintList=function(t,e,n){for(var i=this,o=[],a=this._opts.useDirtyRect,s=0;s<this._zlevelList.length;s++){var l=this._zlevelList[s],u=this._layers[l];u.__builtin__&&u!==this._hoverlayer&&(u.__dirty||n)&&o.push(u)}for(var c=!0,h=!1,d=function(r){var s,l=o[r],u=l.ctx,d=a&&l.createRepaintRects(t,e,p._width,p._height),f=n?l.__startIndex:l.__drawIndex,g=!n&&l.incremental&&Date.now,y=g&&Date.now(),v=l.zlevel===p._zlevelList[0]?p._backgroundColor:null;if(l.__startIndex===l.__endIndex)l.clear(!1,v,d);else if(f===l.__startIndex){var m=t[f];m.incremental&&m.notClear&&!n||l.clear(!1,v,d)}-1===f&&(console.error("For some unknown reason. drawIndex is -1"),f=l.__startIndex);var x=function(e){var n={inHover:!1,allClipped:!1,prevEl:null,viewWidth:i._width,viewHeight:i._height};for(s=f;s<l.__endIndex;s++){var r=t[s];if(r.__inHover&&(h=!0),i._doPaintEl(r,l,a,e,n,s===l.__endIndex-1),g)if(Date.now()-y>15)break}n.prevElClipPaths&&u.restore()};if(d)if(0===d.length)s=l.__endIndex;else for(var _=p.dpr,b=0;b<d.length;++b){var w=d[b];u.save(),u.beginPath(),u.rect(w.x*_,w.y*_,w.width*_,w.height*_),u.clip(),x(w),u.restore()}else u.save(),x(),u.restore();l.__drawIndex=s,l.__drawIndex<l.__endIndex&&(c=!1)},p=this,f=0;f<o.length;f++)d(f);return r.wxa&&z(this._layers,(function(t){t&&t.ctx&&t.ctx.draw&&t.ctx.draw()})),{finished:c,needsRefreshHover:h}},t.prototype._doPaintEl=function(t,e,n,i,r,o){var a=e.ctx;if(n){var s=t.getPaintRect();(!i||s&&s.intersect(i))&&(Rm(a,t,r,o),t.setPrevPaintRect(s))}else Rm(a,t,r,o)},t.prototype.getLayer=function(t,e){this._singleCanvas&&!this._needsManuallyCompositing&&(t=JM);var n=this._layers[t];return n||((n=new KM("zr_"+t,this,this.dpr)).zlevel=t,n.__builtin__=!0,this._layerConfig[t]?C(n,this._layerConfig[t],!0):this._layerConfig[t-QM]&&C(n,this._layerConfig[t-QM],!0),e&&(n.virtual=e),this.insertLayer(t,n),n.initContext()),n},t.prototype.insertLayer=function(t,e){var n=this._layers,i=this._zlevelList,r=i.length,o=this._domRoot,a=null,s=-1;if(!n[t]&&function(t){return!!t&&(!!t.__builtin__||"function"==typeof t.resize&&"function"==typeof t.refresh)}(e)){if(r>0&&t>i[0]){for(s=0;s<r-1&&!(i[s]<t&&i[s+1]>t);s++);a=n[i[s]]}if(i.splice(s+1,0,t),n[t]=e,!e.virtual)if(a){var l=a.dom;l.nextSibling?o.insertBefore(e.dom,l.nextSibling):o.appendChild(e.dom)}else o.firstChild?o.insertBefore(e.dom,o.firstChild):o.appendChild(e.dom);e.painter||(e.painter=this)}},t.prototype.eachLayer=function(t,e){for(var n=this._zlevelList,i=0;i<n.length;i++){var r=n[i];t.call(e,this._layers[r],r)}},t.prototype.eachBuiltinLayer=function(t,e){for(var n=this._zlevelList,i=0;i<n.length;i++){var r=n[i],o=this._layers[r];o.__builtin__&&t.call(e,o,r)}},t.prototype.eachOtherLayer=function(t,e){for(var n=this._zlevelList,i=0;i<n.length;i++){var r=n[i],o=this._layers[r];o.__builtin__||t.call(e,o,r)}},t.prototype.getLayers=function(){return this._layers},t.prototype._updateLayerStatus=function(t){function e(t){o&&(o.__endIndex!==t&&(o.__dirty=!0),o.__endIndex=t)}if(this.eachBuiltinLayer((function(t,e){t.__dirty=t.__used=!1})),this._singleCanvas)for(var n=1;n<t.length;n++){if((s=t[n]).zlevel!==t[n-1].zlevel||s.incremental){this._needsManuallyCompositing=!0;break}}var i,r,o=null,a=0;for(r=0;r<t.length;r++){var s,l=(s=t[r]).zlevel,u=void 0;i!==l&&(i=l,a=0),s.incremental?((u=this.getLayer(l+.001,this._needsManuallyCompositing)).incremental=!0,a=1):u=this.getLayer(l+(a>0?QM:0),this._needsManuallyCompositing),u.__builtin__||I("ZLevel "+l+" has been used by unkown layer "+u.id),u!==o&&(u.__used=!0,u.__startIndex!==r&&(u.__dirty=!0),u.__startIndex=r,u.incremental?u.__drawIndex=-1:u.__drawIndex=r,e(r),o=u),1&s.__dirty&&!s.__inHover&&(u.__dirty=!0,u.incremental&&u.__drawIndex<0&&(u.__drawIndex=r))}e(r),this.eachBuiltinLayer((function(t,e){!t.__used&&t.getElementCount()>0&&(t.__dirty=!0,t.__startIndex=t.__endIndex=t.__drawIndex=0),t.__dirty&&t.__drawIndex<0&&(t.__drawIndex=t.__startIndex)}))},t.prototype.clear=function(){return this.eachBuiltinLayer(this._clearLayer),this},t.prototype._clearLayer=function(t){t.clear()},t.prototype.setBackgroundColor=function(t){this._backgroundColor=t,z(this._layers,(function(t){t.setUnpainted()}))},t.prototype.configLayer=function(t,e){if(e){var n=this._layerConfig;n[t]?C(n[t],e,!0):n[t]=e;for(var i=0;i<this._zlevelList.length;i++){var r=this._zlevelList[i];if(r===t||r===t+QM)C(this._layers[r],n[t],!0)}}},t.prototype.delLayer=function(t){var e=this._layers,n=this._zlevelList,i=e[t];i&&(i.dom.parentNode.removeChild(i.dom),delete e[t],n.splice(P(n,t),1))},t.prototype.resize=function(t,e){if(this._domRoot.style){var n=this._domRoot;n.style.display="none";var i=this._opts,r=this.root;if(null!=t&&(i.width=t),null!=e&&(i.height=e),t=vm(r,0,i),e=vm(r,1,i),n.style.display="",this._width!==t||e!==this._height){for(var o in n.style.width=t+"px",n.style.height=e+"px",this._layers)this._layers.hasOwnProperty(o)&&this._layers[o].resize(t,e);this.refresh(!0)}this._width=t,this._height=e}else{if(null==t||null==e)return;this._width=t,this._height=e,this.getLayer(JM).resize(t,e)}return this},t.prototype.clearLayer=function(t){var e=this._layers[t];e&&e.clear()},t.prototype.dispose=function(){this.root.innerHTML="",this.root=this.storage=this._domRoot=this._layers=null},t.prototype.getRenderedCanvas=function(t){if(t=t||{},this._singleCanvas&&!this._compositeManually)return this._layers[314159].dom;var e=new KM("image",this,t.pixelRatio||this.dpr);e.initContext(),e.clear(!1,t.backgroundColor||this._backgroundColor);var n=e.ctx;if(t.pixelRatio<=this.dpr){this.refresh();var i=e.dom.width,r=e.dom.height;this.eachLayer((function(t){t.__builtin__?n.drawImage(t.dom,0,0,i,r):t.renderToCanvas&&(n.save(),t.renderToCanvas(n),n.restore())}))}else for(var o={inHover:!1,viewWidth:this._width,viewHeight:this._height},a=this.storage.getDisplayList(!0),s=0,l=a.length;s<l;s++){var u=a[s];Rm(n,u,o,s===l-1)}return e.dom},t.prototype.getWidth=function(){return this._width},t.prototype.getHeight=function(){return this._height},t}();var eI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.getInitialData=function(t){return Z_(null,this,{useEncodeDefaulter:!0})},e.prototype.getLegendIcon=function(t){var e=new to,n=hm("line",0,t.itemHeight/2,t.itemWidth,0,t.lineStyle.stroke,!1);e.add(n),n.setStyle(t.lineStyle);var i=this.getData().getVisual("symbol"),r=this.getData().getVisual("symbolRotate"),o="none"===i?"circle":i,a=.8*t.itemHeight,s=hm(o,(t.itemWidth-a)/2,(t.itemHeight-a)/2,a,a,t.itemStyle.fill);e.add(s),s.setStyle(t.itemStyle);var l="inherit"===t.iconRotate?r:t.iconRotate||0;return s.rotation=l*Math.PI/180,s.setOrigin([t.itemWidth/2,t.itemHeight/2]),o.indexOf("empty")>-1&&(s.style.stroke=s.style.fill,s.style.fill=tf.color.neutral00,s.style.lineWidth=2),e},e.type="series.line",e.dependencies=["grid","polar"],e.defaultOption={z:3,coordinateSystem:"cartesian2d",legendHoverLink:!0,clip:!0,label:{position:"top"},endLabel:{show:!1,valueAnimation:!0,distance:8},lineStyle:{width:2,type:"solid"},emphasis:{scale:!0},step:!1,smooth:!1,smoothMonotone:null,symbol:"emptyCircle",symbolSize:6,symbolRotate:null,showSymbol:!0,showAllSymbol:"auto",connectNulls:!1,sampling:"none",animationEasing:"linear",progressive:0,hoverLayerThreshold:1/0,universalTransition:{divideShape:"clone"},triggerLineEvent:!1},e}(Wy);function nI(t,e){var n=t.mapDimensionsAll("defaultedLabel"),i=n.length;if(1===i){var r=Vg(t,e,n[0]);return null!=r?r+"":null}if(i){for(var o=[],a=0;a<n.length;a++)o.push(Vg(t,e,n[a]));return o.join(" ")}}function iI(t,e){var n=t.mapDimensionsAll("defaultedLabel");if(!U(e))return e+"";for(var i=[],r=0;r<n.length;r++){var o=t.getDimensionIndex(n[r]);o>=0&&i.push(e[o])}return i.join(" ")}var rI=function(t){function e(e,n,i,r){var o=t.call(this)||this;return o.updateData(e,n,i,r),o}return n(e,t),e.prototype._createSymbol=function(t,e,n,i,r,o){this.removeAll();var a=hm(t,-1,-1,2,2,null,o);a.attr({z2:rt(r,100),culling:!0,scaleX:i[0]/2,scaleY:i[1]/2}),a.drift=oI,this._symbolType=t,this.add(a)},e.prototype.stopSymbolAnimation=function(t){this.childAt(0).stopAnimation(null,t)},e.prototype.getSymbolType=function(){return this._symbolType},e.prototype.getSymbolPath=function(){return this.childAt(0)},e.prototype.highlight=function(){du(this.childAt(0))},e.prototype.downplay=function(){pu(this.childAt(0))},e.prototype.setZ=function(t,e){var n=this.childAt(0);n.zlevel=t,n.z=e},e.prototype.setDraggable=function(t,e){var n=this.childAt(0);n.draggable=t,n.cursor=!e&&t?"move":n.cursor},e.prototype.updateData=function(t,n,i,r){this.silent=!1;var o=t.getItemVisual(n,"symbol")||"circle",a=t.hostModel,s=e.getSymbolSize(t,n),l=e.getSymbolZ2(t,n),u=o!==this._symbolType,c=r&&r.disableAnimation;if(u){var h=t.getItemVisual(n,"symbolKeepAspect");this._createSymbol(o,t,n,s,l,h)}else{(p=this.childAt(0)).silent=!1;var d={scaleX:s[0]/2,scaleY:s[1]/2};c?p.attr(d):th(p,d,a,n),ah(p)}if(this._updateCommon(t,n,s,i,r),u){var p=this.childAt(0);if(!c){d={scaleX:this._sizeX,scaleY:this._sizeY,style:{opacity:p.style.opacity}};p.scaleX=p.scaleY=0,p.style.opacity=0,eh(p,d,a,n)}}c&&this.childAt(0).stopAnimation("leave")},e.prototype._updateCommon=function(t,e,n,i,r){var o,a,s,l,u,c,h,d,p,f=this.childAt(0),g=t.hostModel;if(i&&(o=i.emphasisItemStyle,a=i.blurItemStyle,s=i.selectItemStyle,l=i.focus,u=i.blurScope,h=i.labelStatesModels,d=i.hoverScale,p=i.cursorStyle,c=i.emphasisDisabled),!i||t.hasItemOption){var y=i&&i.itemModel?i.itemModel:t.getItemModel(e),v=y.getModel("emphasis");o=v.getModel("itemStyle").getItemStyle(),s=y.getModel(["select","itemStyle"]).getItemStyle(),a=y.getModel(["blur","itemStyle"]).getItemStyle(),l=v.get("focus"),u=v.get("blurScope"),c=v.get("disabled"),h=Jh(y),d=v.getShallow("scale"),p=y.getShallow("cursor")}var m=t.getItemVisual(e,"symbolRotate");f.attr("rotation",(m||0)*Math.PI/180||0);var x=pm(t.getItemVisual(e,"symbolOffset"),n);x&&(f.x=x[0],f.y=x[1]),p&&f.attr("cursor",p);var _=t.getItemVisual(e,"style"),b=_.fill;if(f instanceof dl){var w=f.style;f.useStyle(A({image:w.image,x:w.x,y:w.y,width:w.width,height:w.height},_))}else f.__isEmptyBrush?f.useStyle(A({},_)):f.useStyle(_),f.style.decal=null,f.setColor(b,r&&r.symbolInnerColor),f.style.strokeNoScale=!0;var S=t.getItemVisual(e,"liftZ"),M=this._z2;null!=S?null==M&&(this._z2=f.z2,f.z2+=S):null!=M&&(f.z2=M,this._z2=null);var I=r&&r.useNameLabel;$h(f,h,{labelFetcher:g,labelDataIndex:e,defaultText:function(e){return I?t.getName(e):nI(t,e)},inheritColor:b,defaultOpacity:_.opacity}),this._sizeX=n[0]/2,this._sizeY=n[1]/2;var T=f.ensureState("emphasis");T.style=o,f.ensureState("select").style=s,f.ensureState("blur").style=a;var C=null==d||!0===d?Math.max(1.1,3/this._sizeY):isFinite(d)&&d>0?+d:1;T.scaleX=this._sizeX*C,T.scaleY=this._sizeY*C,this.setSymbolScale(1),Tu(this,l,u,c)},e.prototype.setSymbolScale=function(t){this.scaleX=this.scaleY=t},e.prototype.fadeOut=function(t,e,n){var i=this.childAt(0),r=zl(this).dataIndex,o=n&&n.animation;if(this.silent=i.silent=!0,n&&n.fadeLabel){var a=i.getTextContent();a&&ih(a,{style:{opacity:0}},e,{dataIndex:r,removeOpt:o,cb:function(){i.removeTextContent()}})}else i.removeTextContent();ih(i,{style:{opacity:0},scaleX:0,scaleY:0},e,{dataIndex:r,cb:t,removeOpt:o})},e.getSymbolSize=function(t,e){return dm(t.getItemVisual(e,"symbolSize"))},e.getSymbolZ2=function(t,e){return t.getItemVisual(e,"z2")},e}(to);function oI(t,e){this.parent.drift(t,e)}function aI(t,e,n,i){return e&&!isNaN(e[0])&&!isNaN(e[1])&&!(i.isIgnore&&i.isIgnore(n))&&!(i.clipShape&&!i.clipShape.contain(e[0],e[1]))&&"none"!==t.getItemVisual(n,"symbol")}function sI(t){return null==t||q(t)||(t={isIgnore:t}),t||{}}function lI(t){var e=t.hostModel,n=e.getModel("emphasis");return{emphasisItemStyle:n.getModel("itemStyle").getItemStyle(),blurItemStyle:e.getModel(["blur","itemStyle"]).getItemStyle(),selectItemStyle:e.getModel(["select","itemStyle"]).getItemStyle(),focus:n.get("focus"),blurScope:n.get("blurScope"),emphasisDisabled:n.get("disabled"),hoverScale:n.get("scale"),labelStatesModels:Jh(e),cursorStyle:e.get("cursor")}}var uI=function(){function t(t){this.group=new to,this._SymbolCtor=t||rI}return t.prototype.updateData=function(t,e){this._progressiveEls=null,e=sI(e);var n=this.group,i=t.hostModel,r=this._data,o=this._SymbolCtor,a=e.disableAnimation,s=lI(t),l={disableAnimation:a},u=e.getSymbolPoint||function(e){return t.getItemLayout(e)};r||n.removeAll(),t.diff(r).add((function(i){var r=u(i);if(aI(t,r,i,e)){var a=new o(t,i,s,l);a.setPosition(r),t.setItemGraphicEl(i,a),n.add(a)}})).update((function(c,h){var d=r.getItemGraphicEl(h),p=u(c);if(aI(t,p,c,e)){var f=t.getItemVisual(c,"symbol")||"circle",g=d&&d.getSymbolType&&d.getSymbolType();if(!d||g&&g!==f)n.remove(d),(d=new o(t,c,s,l)).setPosition(p);else{d.updateData(t,c,s,l);var y={x:p[0],y:p[1]};a?d.attr(y):th(d,y,i)}n.add(d),t.setItemGraphicEl(c,d)}else n.remove(d)})).remove((function(t){var e=r.getItemGraphicEl(t);e&&e.fadeOut((function(){n.remove(e)}),i)})).execute(),this._getSymbolPoint=u,this._data=t},t.prototype.updateLayout=function(){var t=this,e=this._data;e&&e.eachItemGraphicEl((function(e,n){var i=t._getSymbolPoint(n);e.setPosition(i),e.markRedraw()}))},t.prototype.incrementalPrepareUpdate=function(t){this._seriesScope=lI(t),this._data=null,this.group.removeAll()},t.prototype.incrementalUpdate=function(t,e,n){function i(t){t.isGroup||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}this._progressiveEls=[],n=sI(n);for(var r=t.start;r<t.end;r++){var o=e.getItemLayout(r);if(aI(e,o,r,n)){var a=new this._SymbolCtor(e,r,this._seriesScope);a.traverse(i),a.setPosition(o),this.group.add(a),e.setItemGraphicEl(r,a),this._progressiveEls.push(a)}}},t.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},t.prototype.remove=function(t){var e=this.group,n=this._data;n&&t?n.eachItemGraphicEl((function(t){t.fadeOut((function(){e.remove(t)}),n.hostModel)})):e.removeAll()},t}();function cI(t,e,n){var i=t.getBaseAxis(),r=t.getOtherAxis(i),o=function(t,e){var n=0,i=t.scale.getExtent();"start"===e?n=i[0]:"end"===e?n=i[1]:j(e)&&!isNaN(e)?n=e:i[0]>0?n=i[0]:i[1]<0&&(n=i[1]);return n}(r,n),a=i.dim,s=r.dim,l=e.mapDimension(s),u=e.mapDimension(a),c="x"===s||"radius"===s?1:0,h=E(t.dimensions,(function(t){return e.mapDimension(t)})),d=!1,p=e.getCalculationInfo("stackResultDimension");return Y_(e,h[0])&&(d=!0,h[0]=p),Y_(e,h[1])&&(d=!0,h[1]=p),{dataDimsForPoint:h,valueStart:o,valueAxisDim:s,baseAxisDim:a,stacked:!!d,valueDim:l,baseDim:u,baseDataOffset:c,stackedOverDimension:e.getCalculationInfo("stackedOverDimension")}}function hI(t,e,n,i){var r=NaN;t.stacked&&(r=n.get(n.getCalculationInfo("stackedOverDimension"),i)),isNaN(r)&&(r=t.valueStart);var o=t.baseDataOffset,a=[];return a[o]=n.get(t.baseDim,i),a[1-o]=r,e.dataToPoint(a)}var dI=Math.min,pI=Math.max;function fI(t,e){return isNaN(t)||isNaN(e)}function gI(t,e,n,i,r,o,a,s,l){for(var u,c,h,d,p,f,g=n,y=0;y<i;y++){var v=e[2*g],m=e[2*g+1];if(g>=r||g<0)break;if(fI(v,m)){if(l){g+=o;continue}break}if(g===n)t[o>0?"moveTo":"lineTo"](v,m),h=v,d=m;else{var x=v-u,_=m-c;if(x*x+_*_<.5){g+=o;continue}if(a>0){for(var b=g+o,w=e[2*b],S=e[2*b+1];w===v&&S===m&&y<i;)y++,g+=o,w=e[2*(b+=o)],S=e[2*b+1],x=(v=e[2*g])-u,_=(m=e[2*g+1])-c;var M=y+1;if(l)for(;fI(w,S)&&M<i;)M++,w=e[2*(b+=o)],S=e[2*b+1];var I=.5,T=0,C=0,D=void 0,A=void 0;if(M>=i||fI(w,S))p=v,f=m;else{T=w-u,C=S-c;var k=v-u,L=w-v,P=m-c,O=S-m,R=void 0,N=void 0;if("x"===s){var z=T>0?1:-1;p=v-z*(R=Math.abs(k))*a,f=m,D=v+z*(N=Math.abs(L))*a,A=m}else if("y"===s){var E=C>0?1:-1;p=v,f=m-E*(R=Math.abs(P))*a,D=v,A=m+E*(N=Math.abs(O))*a}else R=Math.sqrt(k*k+P*P),p=v-T*a*(1-(I=(N=Math.sqrt(L*L+O*O))/(N+R))),f=m-C*a*(1-I),A=m+C*a*I,D=dI(D=v+T*a*I,pI(w,v)),A=dI(A,pI(S,m)),D=pI(D,dI(w,v)),f=m-(C=(A=pI(A,dI(S,m)))-m)*R/N,p=dI(p=v-(T=D-v)*R/N,pI(u,v)),f=dI(f,pI(c,m)),D=v+(T=v-(p=pI(p,dI(u,v))))*N/R,A=m+(C=m-(f=pI(f,dI(c,m))))*N/R}t.bezierCurveTo(h,d,p,f,v,m),h=D,d=A}else t.lineTo(v,m)}u=v,c=m,g+=o}return y}var yI=function(){this.smooth=0,this.smoothConstraint=!0},vI=function(t){function e(e){var n=t.call(this,e)||this;return n.type="ec-polyline",n}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:tf.color.neutral99,fill:null}},e.prototype.getDefaultShape=function(){return new yI},e.prototype.buildPath=function(t,e){var n=e.points,i=0,r=n.length/2;if(e.connectNulls){for(;r>0&&fI(n[2*r-2],n[2*r-1]);r--);for(;i<r&&fI(n[2*i],n[2*i+1]);i++);}for(;i<r;)i+=gI(t,n,i,r,r,1,e.smooth,e.smoothMonotone,e.connectNulls)+1},e.prototype.getPointOn=function(t,e){this.path||(this.createPathProxy(),this.buildPath(this.path,this.shape));for(var n,i,r=this.path.data,o=Fs.CMD,a="x"===e,s=[],l=0;l<r.length;){var u=void 0,c=void 0,h=void 0,d=void 0,p=void 0,f=void 0,g=void 0;switch(r[l++]){case o.M:n=r[l++],i=r[l++];break;case o.L:if(u=r[l++],c=r[l++],(g=a?(t-n)/(u-n):(t-i)/(c-i))<=1&&g>=0){var y=a?(c-i)*g+i:(u-n)*g+n;return a?[t,y]:[y,t]}n=u,i=c;break;case o.C:u=r[l++],c=r[l++],h=r[l++],d=r[l++],p=r[l++],f=r[l++];var v=a?kn(n,u,h,p,t,s):kn(i,c,d,f,t,s);if(v>0)for(var m=0;m<v;m++){var x=s[m];if(x<=1&&x>=0){y=a?Dn(i,c,d,f,x):Dn(n,u,h,p,x);return a?[t,y]:[y,t]}}n=p,i=f}}},e}(sl),mI=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e}(yI),xI=function(t){function e(e){var n=t.call(this,e)||this;return n.type="ec-polygon",n}return n(e,t),e.prototype.getDefaultShape=function(){return new mI},e.prototype.buildPath=function(t,e){var n=e.points,i=e.stackedOnPoints,r=0,o=n.length/2,a=e.smoothMonotone;if(e.connectNulls){for(;o>0&&fI(n[2*o-2],n[2*o-1]);o--);for(;r<o&&fI(n[2*r],n[2*r+1]);r++);}for(;r<o;){var s=gI(t,n,r,o,o,1,e.smooth,a,e.connectNulls);gI(t,i,r+s-1,s,o,-1,e.stackedOnSmooth,a,e.connectNulls),r+=s+1,t.closePath()}},e}(sl);function _I(t,e,n,i,r){var o=t.getArea(),a=o.x,s=o.y,l=o.width,u=o.height,c=n.get(["lineStyle","width"])||0;a-=c/2,s-=c/2,l+=c,u+=c,l=Math.ceil(l),a!==Math.floor(a)&&(a=Math.floor(a),l++);var h=new xl({shape:{x:a,y:s,width:l,height:u}});if(e){var d=t.getBaseAxis(),p=d.isHorizontal(),f=d.inverse;p?(f&&(h.shape.x+=l),h.shape.width=0):(f||(h.shape.y+=u),h.shape.height=0);var g=Y(r)?function(t){r(t,h)}:null;eh(h,{shape:{width:l,height:u,x:a,y:s}},n,null,i,g)}return h}function bI(t,e,n){var i=t.getArea(),r=mo(i.r0,1),o=mo(i.r,1),a=new xc({shape:{cx:mo(t.cx,1),cy:mo(t.cy,1),r0:r,r:o,startAngle:i.startAngle,endAngle:i.endAngle,clockwise:i.clockwise}});e&&("angle"===t.getBaseAxis().dim?a.shape.endAngle=i.startAngle:a.shape.r=r,eh(a,{shape:{endAngle:i.endAngle,r:o}},n));return a}function wI(t,e,n,i,r){return t?"polar"===t.type?bI(t,e,n):"cartesian2d"===t.type?_I(t,e,n,i,r):null:null}function SI(t,e){return t.type===e}function MI(t,e){if(t.length===e.length){for(var n=0;n<t.length;n++)if(t[n]!==e[n])return;return!0}}function II(t){for(var e=1/0,n=1/0,i=-1/0,r=-1/0,o=0;o<t.length;){var a=t[o++],s=t[o++];isNaN(a)||(e=Math.min(a,e),i=Math.max(a,i)),isNaN(s)||(n=Math.min(s,n),r=Math.max(s,r))}return[[e,n],[i,r]]}function TI(t,e){var n=II(t),i=n[0],r=n[1],o=II(e),a=o[0],s=o[1];return Math.max(Math.abs(i[0]-a[0]),Math.abs(i[1]-a[1]),Math.abs(r[0]-s[0]),Math.abs(r[1]-s[1]))}function CI(t){return j(t)?t:t?.5:0}function DI(t,e,n,i,r){var o=n.getBaseAxis(),a="x"===o.dim||"radius"===o.dim?0:1,s=[],l=0,u=[],c=[],h=[],d=[];if(r){for(l=0;l<t.length;l+=2){var p=e||t;isNaN(p[l])||isNaN(p[l+1])||d.push(t[l],t[l+1])}t=d}for(l=0;l<t.length-2;l+=2)switch(h[0]=t[l+2],h[1]=t[l+3],c[0]=t[l],c[1]=t[l+1],s.push(c[0],c[1]),i){case"end":u[a]=h[a],u[1-a]=c[1-a],s.push(u[0],u[1]);break;case"middle":var f=(c[a]+h[a])/2,g=[];u[a]=g[a]=f,u[1-a]=c[1-a],g[1-a]=h[1-a],s.push(u[0],u[1]),s.push(g[0],g[1]);break;default:u[a]=c[a],u[1-a]=h[1-a],s.push(u[0],u[1])}return s.push(t[l++],t[l++]),s}function AI(t,e,n){var i=t.getVisual("visualMeta");if(i&&i.length&&t.count()&&"cartesian2d"===e.type){for(var r,o,a=i.length-1;a>=0;a--){var s=t.getDimensionInfo(i[a].dimension);if("x"===(r=s&&s.coordDim)||"y"===r){o=i[a];break}}if(o){var l=e.getAxis(r),u=E(o.stops,(function(t){return{coord:l.toGlobalCoord(l.dataToCoord(t.value)),color:t.color}})),c=u.length,h=o.outerColors.slice();c&&u[0].coord>u[c-1].coord&&(u.reverse(),h.reverse());var d=function(t,e){var n,i,r=[],o=t.length;function a(t,e,n){var i=t.coord;return{coord:n,color:ci((n-i)/(e.coord-i),[t.color,e.color])}}for(var s=0;s<o;s++){var l=t[s],u=l.coord;if(u<0)n=l;else{if(u>e){i?r.push(a(i,l,e)):n&&r.push(a(n,l,0),a(n,l,e));break}n&&(r.push(a(n,l,0)),n=null),r.push(l),i=l}}return r}(u,"x"===r?n.getWidth():n.getHeight()),p=d.length;if(!p&&c)return u[0].coord<0?h[1]?h[1]:u[c-1].color:h[0]?h[0]:u[0].color;var f=d[0].coord-10,g=d[p-1].coord+10,y=g-f;if(y<.001)return"transparent";z(d,(function(t){t.offset=(t.coord-f)/y})),d.push({offset:p?d[p-1].offset:.5,color:h[1]||"transparent"}),d.unshift({offset:p?d[0].offset:.5,color:h[0]||"transparent"});var v=new Bc(0,0,0,0,d,!0);return v[r]=f,v[r+"2"]=g,v}}}function kI(t,e,n){var i=t.get("showAllSymbol"),r="auto"===i;if(!i||r){var o=n.getAxesByScale("ordinal")[0];if(o&&(!r||!function(t,e){var n=t.getExtent(),i=Math.abs(n[1]-n[0])/t.scale.count();isNaN(i)&&(i=0);for(var r=e.count(),o=Math.max(1,Math.round(r/5)),a=0;a<r;a+=o)if(1.5*rI.getSymbolSize(e,a)[t.isHorizontal()?1:0]>i)return!1;return!0}(o,e))){var a=e.mapDimension(o.dim),s={};return z(o.getViewLabels(),(function(t){var e=o.scale.getRawOrdinalNumber(t.tickValue);s[e]=1})),function(t){return!s.hasOwnProperty(e.get(a,t))}}}}function LI(t,e){return[t[2*e],t[2*e+1]]}function PI(t){if(t.get(["endLabel","show"]))return!0;for(var e=0;e<Wl.length;e++)if(t.get([Wl[e],"endLabel","show"]))return!0;return!1}function OI(t,e,n,i){if(SI(e,"cartesian2d")){var r=i.getModel("endLabel"),o=r.get("valueAnimation"),a=i.getData(),s={lastFrameIndex:0},l=PI(i)?function(n,i){t._endLabelOnDuring(n,i,a,s,o,r,e)}:null,u=e.getBaseAxis().isHorizontal(),c=_I(e,n,i,(function(){var e=t._endLabel;e&&n&&null!=s.originalX&&e.attr({x:s.originalX,y:s.originalY})}),l);if(!i.get("clip",!0)){var h=c.shape,d=Math.max(h.width,h.height);u?(h.y-=d,h.height+=2*d):(h.x-=d,h.width+=2*d)}return l&&l(1,c),c}return bI(e,n,i)}var RI=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.init=function(){var t=new to,e=new uI;this.group.add(e.group),this._symbolDraw=e,this._lineGroup=t,this._changePolyState=W(this._changePolyState,this)},e.prototype.render=function(t,e,n){var i=t.coordinateSystem,r=this.group,o=t.getData(),a=t.getModel("lineStyle"),s=t.getModel("areaStyle"),l=o.getLayout("points")||[],u="polar"===i.type,c=this._coordSys,h=this._symbolDraw,d=this._polyline,p=this._polygon,f=this._lineGroup,g=!e.ssr&&t.get("animation"),y=!s.isEmpty(),v=s.get("origin"),m=cI(i,o,v),x=y&&function(t,e,n){if(!n.valueDim)return[];for(var i=e.count(),r=pb(2*i),o=0;o<i;o++){var a=hI(n,t,e,o);r[2*o]=a[0],r[2*o+1]=a[1]}return r}(i,o,m),_=t.get("showSymbol"),b=t.get("connectNulls"),w=_&&!u&&kI(t,o,i),S=this._data;S&&S.eachItemGraphicEl((function(t,e){t.__temp&&(r.remove(t),S.setItemGraphicEl(e,null))})),_||h.remove(),r.add(f);var M,I=!u&&t.get("step");i&&i.getArea&&t.get("clip",!0)&&(null!=(M=i.getArea()).width?(M.x-=.1,M.y-=.1,M.width+=.2,M.height+=.2):M.r0&&(M.r0-=.5,M.r+=.5)),this._clipShapeForSymbol=M;var T=AI(o,i,n)||o.getVisual("style")[o.getVisual("drawType")];if(d&&c.type===i.type&&I===this._step){y&&!p?p=this._newPolygon(l,x):p&&!y&&(f.remove(p),p=this._polygon=null),u||this._initOrUpdateEndLabel(t,i,wp(T));var C=f.getClipPath();if(C)eh(C,{shape:OI(this,i,!1,t).shape},t);else f.setClipPath(OI(this,i,!0,t));_&&h.updateData(o,{isIgnore:w,clipShape:M,disableAnimation:!0,getSymbolPoint:function(t){return[l[2*t],l[2*t+1]]}}),MI(this._stackedOnPoints,x)&&MI(this._points,l)||(g?this._doUpdateAnimation(o,x,i,n,I,v,b):(I&&(x&&(x=DI(x,l,i,I,b)),l=DI(l,null,i,I,b)),d.setShape({points:l}),p&&p.setShape({points:l,stackedOnPoints:x})))}else _&&h.updateData(o,{isIgnore:w,clipShape:M,disableAnimation:!0,getSymbolPoint:function(t){return[l[2*t],l[2*t+1]]}}),g&&this._initSymbolLabelAnimation(o,i,M),I&&(x&&(x=DI(x,l,i,I,b)),l=DI(l,null,i,I,b)),d=this._newPolyline(l),y?p=this._newPolygon(l,x):p&&(f.remove(p),p=this._polygon=null),u||this._initOrUpdateEndLabel(t,i,wp(T)),f.setClipPath(OI(this,i,!0,t));var D=t.getModel("emphasis"),A=D.get("focus"),L=D.get("blurScope"),P=D.get("disabled");(d.useStyle(k(a.getLineStyle(),{fill:"none",stroke:T,lineJoin:"bevel"})),ku(d,t,"lineStyle"),d.style.lineWidth>0&&"bolder"===t.get(["emphasis","lineStyle","width"]))&&(d.getState("emphasis").style.lineWidth=+d.style.lineWidth+1);zl(d).seriesIndex=t.seriesIndex,Tu(d,A,L,P);var O=CI(t.get("smooth")),R=t.get("smoothMonotone");if(d.setShape({smooth:O,smoothMonotone:R,connectNulls:b}),p){var N=o.getCalculationInfo("stackedOnSeries"),z=0;p.useStyle(k(s.getAreaStyle(),{fill:T,opacity:.7,lineJoin:"bevel",decal:o.getVisual("style").decal})),N&&(z=CI(N.get("smooth"))),p.setShape({smooth:O,stackedOnSmooth:z,smoothMonotone:R,connectNulls:b}),ku(p,t,"areaStyle"),zl(p).seriesIndex=t.seriesIndex,Tu(p,A,L,P)}var E=this._changePolyState;o.eachItemGraphicEl((function(t){t&&(t.onHoverStateChange=E)})),this._polyline.onHoverStateChange=E,this._data=o,this._coordSys=i,this._stackedOnPoints=x,this._points=l,this._step=I,this._valueOrigin=v,t.get("triggerLineEvent")&&(this.packEventData(t,d),p&&this.packEventData(t,p))},e.prototype.packEventData=function(t,e){zl(e).eventData={componentType:"series",componentSubType:"line",componentIndex:t.componentIndex,seriesIndex:t.seriesIndex,seriesName:t.name,seriesType:"line"}},e.prototype.highlight=function(t,e,n,i){var r=t.getData(),o=aa(r,i);if(this._changePolyState("emphasis"),!(o instanceof Array)&&null!=o&&o>=0){var a=r.getLayout("points"),s=r.getItemGraphicEl(o);if(!s){var l=a[2*o],u=a[2*o+1];if(isNaN(l)||isNaN(u))return;if(this._clipShapeForSymbol&&!this._clipShapeForSymbol.contain(l,u))return;var c=t.get("zlevel")||0,h=t.get("z")||0;(s=new rI(r,o)).x=l,s.y=u,s.setZ(c,h);var d=s.getSymbolPath().getTextContent();d&&(d.zlevel=c,d.z=h,d.z2=this._polyline.z2+1),s.__temp=!0,r.setItemGraphicEl(o,s),s.stopSymbolAnimation(!0),this.group.add(s)}s.highlight()}else tv.prototype.highlight.call(this,t,e,n,i)},e.prototype.downplay=function(t,e,n,i){var r=t.getData(),o=aa(r,i);if(this._changePolyState("normal"),null!=o&&o>=0){var a=r.getItemGraphicEl(o);a&&(a.__temp?(r.setItemGraphicEl(o,null),this.group.remove(a)):a.downplay())}else tv.prototype.downplay.call(this,t,e,n,i)},e.prototype._changePolyState=function(t){var e=this._polygon;su(this._polyline,t),e&&su(e,t)},e.prototype._newPolyline=function(t){var e=this._polyline;return e&&this._lineGroup.remove(e),e=new vI({shape:{points:t},segmentIgnoreThreshold:2,z2:10}),this._lineGroup.add(e),this._polyline=e,e},e.prototype._newPolygon=function(t,e){var n=this._polygon;return n&&this._lineGroup.remove(n),n=new xI({shape:{points:t,stackedOnPoints:e},segmentIgnoreThreshold:2}),this._lineGroup.add(n),this._polygon=n,n},e.prototype._initSymbolLabelAnimation=function(t,e,n){var i,r,o=e.getBaseAxis(),a=o.inverse;"cartesian2d"===e.type?(i=o.isHorizontal(),r=!1):"polar"===e.type&&(i="angle"===o.dim,r=!0);var s=t.hostModel,l=s.get("animationDuration");Y(l)&&(l=l(null));var u=s.get("animationDelay")||0,c=Y(u)?u(null):u;t.eachItemGraphicEl((function(t,o){var s=t;if(s){var h=[t.x,t.y],d=void 0,p=void 0,f=void 0;if(n)if(r){var g=n,y=e.pointToCoord(h);i?(d=g.startAngle,p=g.endAngle,f=-y[1]/180*Math.PI):(d=g.r0,p=g.r,f=y[0])}else{var v=n;i?(d=v.x,p=v.x+v.width,f=t.x):(d=v.y+v.height,p=v.y,f=t.y)}var m=p===d?0:(f-d)/(p-d);a&&(m=1-m);var x=Y(u)?u(o):l*m+c,_=s.getSymbolPath(),b=_.getTextContent();s.attr({scaleX:0,scaleY:0}),s.animateTo({scaleX:1,scaleY:1},{duration:200,setToFinal:!0,delay:x}),b&&b.animateFrom({style:{opacity:0}},{duration:300,delay:x}),_.disableLabelAnimation=!0}}))},e.prototype._initOrUpdateEndLabel=function(t,e,n){var i=t.getModel("endLabel");if(PI(t)){var r=t.getData(),o=this._polyline,a=r.getLayout("points");if(!a)return o.removeTextContent(),void(this._endLabel=null);var s=this._endLabel;s||((s=this._endLabel=new Sl({z2:200})).ignoreClip=!0,o.setTextContent(this._endLabel),o.disableLabelAnimation=!0);var l=function(t){for(var e,n,i=t.length/2;i>0&&(e=t[2*i-2],n=t[2*i-1],isNaN(e)||isNaN(n));i--);return i-1}(a);l>=0&&($h(o,Jh(t,"endLabel"),{inheritColor:n,labelFetcher:t,labelDataIndex:l,defaultText:function(t,e,n){return null!=n?iI(r,n):nI(r,t)},enableTextSetter:!0},function(t,e){var n=e.getBaseAxis(),i=n.isHorizontal(),r=n.inverse,o=i?r?"right":"left":"center",a=i?"middle":r?"top":"bottom";return{normal:{align:t.get("align")||o,verticalAlign:t.get("verticalAlign")||a}}}(i,e)),o.textConfig.position=null)}else this._endLabel&&(this._polyline.removeTextContent(),this._endLabel=null)},e.prototype._endLabelOnDuring=function(t,e,n,i,r,o,a){var s=this._endLabel,l=this._polyline;if(s){t<1&&null==i.originalX&&(i.originalX=s.x,i.originalY=s.y);var u=n.getLayout("points"),c=n.hostModel,h=c.get("connectNulls"),d=o.get("precision"),p=o.get("distance")||0,f=a.getBaseAxis(),g=f.isHorizontal(),y=f.inverse,v=e.shape,m=y?g?v.x:v.y+v.height:g?v.x+v.width:v.y,x=(g?p:0)*(y?-1:1),_=(g?0:-p)*(y?-1:1),b=g?"x":"y",w=function(t,e,n){for(var i,r,o=t.length/2,a="x"===n?0:1,s=0,l=-1,u=0;u<o;u++)if(r=t[2*u+a],!isNaN(r)&&!isNaN(t[2*u+1-a]))if(0!==u){if(i<=e&&r>=e||i>=e&&r<=e){l=u;break}s=u,i=r}else i=r;return{range:[s,l],t:(e-i)/(r-i)}}(u,m,b),S=w.range,M=S[1]-S[0],I=void 0;if(M>=1){if(M>1&&!h){var T=LI(u,S[0]);s.attr({x:T[0]+x,y:T[1]+_}),r&&(I=c.getRawValue(S[0]))}else{(T=l.getPointOn(m,b))&&s.attr({x:T[0]+x,y:T[1]+_});var C=c.getRawValue(S[0]),D=c.getRawValue(S[1]);r&&(I=ya(n,d,C,D,w.t))}i.lastFrameIndex=S[0]}else{var A=1===t||i.lastFrameIndex>0?S[0]:0;T=LI(u,A);r&&(I=c.getRawValue(A)),s.attr({x:T[0]+x,y:T[1]+_})}if(r){var k=ad(s);"function"==typeof k.setLabelText&&k.setLabelText(I)}}},e.prototype._doUpdateAnimation=function(t,e,n,i,r,o,a){var s=this._polyline,l=this._polygon,u=t.hostModel,c=function(t,e,n,i,r,o,a,s){for(var l=function(t,e){var n=[];return e.diff(t).add((function(t){n.push({cmd:"+",idx:t})})).update((function(t,e){n.push({cmd:"=",idx:e,idx1:t})})).remove((function(t){n.push({cmd:"-",idx:t})})).execute(),n}(t,e),u=[],c=[],h=[],d=[],p=[],f=[],g=[],y=cI(r,e,a),v=t.getLayout("points")||[],m=e.getLayout("points")||[],x=0;x<l.length;x++){var _=l[x],b=!0,w=void 0,S=void 0;switch(_.cmd){case"=":w=2*_.idx,S=2*_.idx1;var M=v[w],I=v[w+1],T=m[S],C=m[S+1];(isNaN(M)||isNaN(I))&&(M=T,I=C),u.push(M,I),c.push(T,C),h.push(n[w],n[w+1]),d.push(i[S],i[S+1]),g.push(e.getRawIndex(_.idx1));break;case"+":var D=_.idx,A=y.dataDimsForPoint,k=r.dataToPoint([e.get(A[0],D),e.get(A[1],D)]);S=2*D,u.push(k[0],k[1]),c.push(m[S],m[S+1]);var L=hI(y,r,e,D);h.push(L[0],L[1]),d.push(i[S],i[S+1]),g.push(e.getRawIndex(D));break;case"-":b=!1}b&&(p.push(_),f.push(f.length))}f.sort((function(t,e){return g[t]-g[e]}));var P=u.length,O=pb(P),R=pb(P),N=pb(P),z=pb(P),E=[];for(x=0;x<f.length;x++){var B=f[x],V=2*x,G=2*B;O[V]=u[G],O[V+1]=u[G+1],R[V]=c[G],R[V+1]=c[G+1],N[V]=h[G],N[V+1]=h[G+1],z[V]=d[G],z[V+1]=d[G+1],E[x]=p[B]}return{current:O,next:R,stackedOnCurrent:N,stackedOnNext:z,status:E}}(this._data,t,this._stackedOnPoints,e,this._coordSys,0,this._valueOrigin),h=c.current,d=c.stackedOnCurrent,p=c.next,f=c.stackedOnNext;if(r&&(d=DI(c.stackedOnCurrent,c.current,n,r,a),h=DI(c.current,null,n,r,a),f=DI(c.stackedOnNext,c.next,n,r,a),p=DI(c.next,null,n,r,a)),TI(h,p)>3e3||l&&TI(d,f)>3e3)return s.stopAnimation(),s.setShape({points:p}),void(l&&(l.stopAnimation(),l.setShape({points:p,stackedOnPoints:f})));s.shape.__points=c.current,s.shape.points=h;var g={shape:{points:p}};c.current!==h&&(g.shape.__points=c.next),s.stopAnimation(),th(s,g,u),l&&(l.setShape({points:h,stackedOnPoints:d}),l.stopAnimation(),th(l,{shape:{stackedOnPoints:f}},u),s.shape.points!==l.shape.points&&(l.shape.points=s.shape.points));for(var y=[],v=c.status,m=0;m<v.length;m++){if("="===v[m].cmd){var x=t.getItemGraphicEl(v[m].idx1);x&&y.push({el:x,ptIdx:m})}}s.animators&&s.animators.length&&s.animators[0].during((function(){l&&l.dirtyShape();for(var t=s.shape.__points,e=0;e<y.length;e++){var n=y[e].el,i=2*y[e].ptIdx;n.x=t[i],n.y=t[i+1],n.markRedraw()}}))},e.prototype.remove=function(t){var e=this.group,n=this._data;this._lineGroup.removeAll(),this._symbolDraw.remove(!0),n&&n.eachItemGraphicEl((function(t,i){t.__temp&&(e.remove(t),n.setItemGraphicEl(i,null))})),this._polyline=this._polygon=this._coordSys=this._points=this._stackedOnPoints=this._endLabel=this._data=null},e.type="line",e}(tv);function NI(t,e){return{seriesType:t,plan:$y(),reset:function(t){var n=t.getData(),i=t.coordinateSystem,r=t.pipelineContext,o=e||r.large;if(i){var a=E(i.dimensions,(function(t){return n.mapDimension(t)})).slice(0,2),s=a.length,l=n.getCalculationInfo("stackResultDimension");Y_(n,a[0])&&(a[0]=l),Y_(n,a[1])&&(a[1]=l);var u=n.getStore(),c=n.getDimensionIndex(a[0]),h=n.getDimensionIndex(a[1]);return s&&{progress:function(t,e){for(var n=t.end-t.start,r=o&&pb(n*s),a=[],l=[],d=t.start,p=0;d<t.end;d++){var f=void 0;if(1===s){var g=u.get(c,d);f=i.dataToPoint(g,null,l)}else a[0]=u.get(c,d),a[1]=u.get(h,d),f=i.dataToPoint(a,null,l);o?(r[p++]=f[0],r[p++]=f[1]):e.setItemLayout(d,f.slice())}o&&e.setLayout("points",r)}}}}}}var zI={average:function(t){for(var e=0,n=0,i=0;i<t.length;i++)isNaN(t[i])||(e+=t[i],n++);return 0===n?NaN:e/n},sum:function(t){for(var e=0,n=0;n<t.length;n++)e+=t[n]||0;return e},max:function(t){for(var e=-1/0,n=0;n<t.length;n++)t[n]>e&&(e=t[n]);return isFinite(e)?e:NaN},min:function(t){for(var e=1/0,n=0;n<t.length;n++)t[n]<e&&(e=t[n]);return isFinite(e)?e:NaN},nearest:function(t){return t[0]}},EI=function(t){return Math.round(t.length/2)};function BI(t){return{seriesType:t,reset:function(t,e,n){var i=t.getData(),r=t.get("sampling"),o=t.coordinateSystem,a=i.count();if(a>10&&"cartesian2d"===o.type&&r){var s=o.getBaseAxis(),l=o.getOtherAxis(s),u=s.getExtent(),c=n.getDevicePixelRatio(),h=Math.abs(u[1]-u[0])*(c||1),d=Math.round(a/h);if(isFinite(d)&&d>1){"lttb"===r?t.setData(i.lttbDownSample(i.mapDimension(l.dim),1/d)):"minmax"===r&&t.setData(i.minmaxDownSample(i.mapDimension(l.dim),1/d));var p=void 0;X(r)?p=zI[r]:Y(r)&&(p=r),p&&t.setData(i.downSample(i.mapDimension(l.dim),1/d,p,EI))}}}}}var VI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{useEncodeDefaulter:!0})},e.prototype.getMarkerPosition=function(t,e,n){var i=this.coordinateSystem;if(i&&i.clampData){var r=i.clampData(t),o=i.dataToPoint(r);if(n)z(i.getAxes(),(function(t,n){if("category"===t.type&&null!=e){var i=t.getTicksCoords(),a=t.getTickModel().get("alignWithLabel"),s=r[n],l="x1"===e[n]||"y1"===e[n];if(l&&!a&&(s+=1),i.length<2)return;if(2===i.length)return void(o[n]=t.toGlobalCoord(t.getExtent()[l?1:0]));for(var u=void 0,c=void 0,h=1,d=0;d<i.length;d++){var p=i[d].coord,f=d===i.length-1?i[d-1].tickValue+h:i[d].tickValue;if(f===s){c=p;break}if(f<s)u=p;else if(null!=u&&f>s){c=(p+u)/2;break}1===d&&(h=f-i[0].tickValue)}null==c&&(u?u&&(c=i[i.length-1].coord):c=i[0].coord),o[n]=t.toGlobalCoord(c)}}));else{var a=this.getData(),s=a.getLayout("offset"),l=a.getLayout("size"),u=i.getBaseAxis().isHorizontal()?0:1;o[u]+=s+l/2}return o}return[NaN,NaN]},e.type="series.__base_bar__",e.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,barMinHeight:0,barMinAngle:0,large:!1,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod",defaultBarGap:"10%"},e}(Wy);Wy.registerClass(VI);var GI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(){return Z_(null,this,{useEncodeDefaulter:!0,createInvertedIndices:!!this.get("realtimeSort",!0)||null})},e.prototype.getProgressive=function(){return!!this.get("large")&&this.get("progressive")},e.prototype.getProgressiveThreshold=function(){var t=this.get("progressiveThreshold"),e=this.get("largeThreshold");return e>t&&(t=e),t},e.prototype.brushSelector=function(t,e,n){return n.rect(e.getItemLayout(t))},e.type="series.bar",e.dependencies=["grid","polar"],e.defaultOption=Id(VI.defaultOption,{clip:!0,roundCap:!1,showBackground:!1,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:tf.color.primary,borderWidth:2}},realtimeSort:!1}),e}(VI),FI=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0},WI=function(t){function e(e){var n=t.call(this,e)||this;return n.type="sausage",n}return n(e,t),e.prototype.getDefaultShape=function(){return new FI},e.prototype.buildPath=function(t,e){var n=e.cx,i=e.cy,r=Math.max(e.r0||0,0),o=Math.max(e.r,0),a=.5*(o-r),s=r+a,l=e.startAngle,u=e.endAngle,c=e.clockwise,h=2*Math.PI,d=c?u-l<h:l-u<h;d||(l=u-(c?h:-h));var p=Math.cos(l),f=Math.sin(l),g=Math.cos(u),y=Math.sin(u);d?(t.moveTo(p*r+n,f*r+i),t.arc(p*s+n,f*s+i,a,-Math.PI+l,l,!c)):t.moveTo(p*o+n,f*o+i),t.arc(n,i,o,l,u,!c),t.arc(g*s+n,y*s+i,a,u-2*Math.PI,u-Math.PI,!c),0!==r&&t.arc(n,i,r,u,l,c)},e}(sl);function HI(t,e,n){return e*Math.sin(t)*(n?-1:1)}function UI(t,e,n){return e*Math.cos(t)*(n?1:-1)}function YI(t,e,n){var i=t.get("borderRadius");if(null==i)return n?{cornerRadius:0}:null;U(i)||(i=[i,i,i,i]);var r=Math.abs(e.r||0-e.r0||0);return{cornerRadius:E(i,(function(t){return Fr(t,r)}))}}var XI=Math.max,ZI=Math.min;var jI=function(t){function e(){var n=t.call(this)||this;return n.type=e.type,n._isFirstFrame=!0,n}return n(e,t),e.prototype.render=function(t,e,n,i){this._model=t,this._removeOnRenderedListener(n),this._updateDrawMode(t);var r=t.get("coordinateSystem");("cartesian2d"===r||"polar"===r)&&(this._progressiveEls=null,this._isLargeDraw?this._renderLarge(t,e,n):this._renderNormal(t,e,n,i))},e.prototype.incrementalPrepareRender=function(t){this._clear(),this._updateDrawMode(t),this._updateLargeClip(t)},e.prototype.incrementalRender=function(t,e){this._progressiveEls=[],this._incrementalRenderLarge(t,e)},e.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},e.prototype._updateDrawMode=function(t){var e=t.pipelineContext.large;null!=this._isLargeDraw&&e===this._isLargeDraw||(this._isLargeDraw=e,this._clear())},e.prototype._renderNormal=function(t,e,n,i){var r,o=this.group,a=t.getData(),s=this._data,l=t.coordinateSystem,u=l.getBaseAxis();"cartesian2d"===l.type?r=u.isHorizontal():"polar"===l.type&&(r="angle"===u.dim);var c=t.isAnimationEnabled()?t:null,h=function(t,e){var n=t.get("realtimeSort",!0),i=e.getBaseAxis();0;if(n&&"category"===i.type&&"cartesian2d"===e.type)return{baseAxis:i,otherAxis:e.getOtherAxis(i)}}(t,l);h&&this._enableRealtimeSort(h,a,n);var d=t.get("clip",!0)||h,p=function(t,e){var n=t.getArea&&t.getArea();if(SI(t,"cartesian2d")){var i=t.getBaseAxis();if("category"!==i.type||!i.onBand){var r=e.getLayout("bandWidth");i.isHorizontal()?(n.x-=r,n.width+=2*r):(n.y-=r,n.height+=2*r)}}return n}(l,a);o.removeClipPath();var f=t.get("roundCap",!0),g=t.get("showBackground",!0),y=t.getModel("backgroundStyle"),v=y.get("borderRadius")||0,m=[],x=this._backgroundEls,_=i&&i.isInitSort,b=i&&"changeAxisOrder"===i.type;function w(t){var e=nT[l.type](a,t);if(!e)return null;var n=function(t,e,n){var i="polar"===t.type?xc:xl;return new i({shape:uT(e,n,t),silent:!0,z2:0})}(l,r,e);return n.useStyle(y.getItemStyle()),"cartesian2d"===l.type?n.setShape("r",v):n.setShape("cornerRadius",v),m[t]=n,n}a.diff(s).add((function(e){var n=a.getItemModel(e),i=nT[l.type](a,e,n);if(i&&(g&&w(e),a.hasValue(e)&&eT[l.type](i))){var s=!1;d&&(s=qI[l.type](p,i));var y=KI[l.type](t,a,e,i,r,c,u.model,!1,f);h&&(y.forceLabelAnimation=!0),rT(y,a,e,n,i,t,r,"polar"===l.type),_?y.attr({shape:i}):h?$I(h,c,y,i,e,r,!1,!1):eh(y,{shape:i},t,e),a.setItemGraphicEl(e,y),o.add(y),y.ignore=s}})).update((function(e,n){var i=a.getItemModel(e),S=nT[l.type](a,e,i);if(S){if(g){var M=void 0;0===x.length?M=w(n):((M=x[n]).useStyle(y.getItemStyle()),"cartesian2d"===l.type?M.setShape("r",v):M.setShape("cornerRadius",v),m[e]=M);var I=nT[l.type](a,e);th(M,{shape:uT(r,I,l)},c,e)}var T=s.getItemGraphicEl(n);if(a.hasValue(e)&&eT[l.type](S)){var C=!1;if(d&&(C=qI[l.type](p,S))&&o.remove(T),T&&("sector"===T.type&&f||"sausage"===T.type&&!f)&&(T&&oh(T,t,n),T=null),T?ah(T):T=KI[l.type](t,a,e,S,r,c,u.model,!0,f),h&&(T.forceLabelAnimation=!0),b){var D=T.getTextContent();if(D){var A=ad(D);null!=A.prevValue&&(A.prevValue=A.value)}}else rT(T,a,e,i,S,t,r,"polar"===l.type);_?T.attr({shape:S}):h?$I(h,c,T,S,e,r,!0,b):th(T,{shape:S},t,e,null),a.setItemGraphicEl(e,T),T.ignore=C,o.add(T)}else o.remove(T)}})).remove((function(e){var n=s.getItemGraphicEl(e);n&&oh(n,t,e)})).execute();var S=this._backgroundGroup||(this._backgroundGroup=new to);S.removeAll();for(var M=0;M<m.length;++M)S.add(m[M]);o.add(S),this._backgroundEls=m,this._data=a},e.prototype._renderLarge=function(t,e,n){this._clear(),sT(t,this.group),this._updateLargeClip(t)},e.prototype._incrementalRenderLarge=function(t,e){this._removeBackground(),sT(e,this.group,this._progressiveEls,!0)},e.prototype._updateLargeClip=function(t){var e=t.get("clip",!0)&&wI(t.coordinateSystem,!1,t),n=this.group;e?n.setClipPath(e):n.removeClipPath()},e.prototype._enableRealtimeSort=function(t,e,n){var i=this;if(e.count()){var r=t.baseAxis;if(this._isFirstFrame)this._dispatchInitSort(e,t,n),this._isFirstFrame=!1;else{var o=function(t){var n=e.getItemGraphicEl(t),i=n&&n.shape;return i&&Math.abs(r.isHorizontal()?i.height:i.width)||0};this._onRendered=function(){i._updateSortWithinSameData(e,o,r,n)},n.getZr().on("rendered",this._onRendered)}}},e.prototype._dataSort=function(t,e,n){var i=[];return t.each(t.mapDimension(e.dim),(function(t,e){var r=n(e);r=null==r?NaN:r,i.push({dataIndex:e,mappedValue:r,ordinalNumber:t})})),i.sort((function(t,e){return e.mappedValue-t.mappedValue})),{ordinalNumbers:E(i,(function(t){return t.ordinalNumber}))}},e.prototype._isOrderChangedWithinSameData=function(t,e,n){for(var i=n.scale,r=t.mapDimension(n.dim),o=Number.MAX_VALUE,a=0,s=i.getOrdinalMeta().categories.length;a<s;++a){var l=t.rawIndexOf(r,i.getRawOrdinalNumber(a)),u=l<0?Number.MIN_VALUE:e(t.indexOfRawIndex(l));if(u>o)return!0;o=u}return!1},e.prototype._isOrderDifferentInView=function(t,e){for(var n=e.scale,i=n.getExtent(),r=Math.max(0,i[0]),o=Math.min(i[1],n.getOrdinalMeta().categories.length-1);r<=o;++r)if(t.ordinalNumbers[r]!==n.getRawOrdinalNumber(r))return!0},e.prototype._updateSortWithinSameData=function(t,e,n,i){if(this._isOrderChangedWithinSameData(t,e,n)){var r=this._dataSort(t,n,e);this._isOrderDifferentInView(r,n)&&(this._removeOnRenderedListener(i),i.dispatchAction({type:"changeAxisOrder",componentType:n.dim+"Axis",axisId:n.index,sortInfo:r}))}},e.prototype._dispatchInitSort=function(t,e,n){var i=e.baseAxis,r=this._dataSort(t,i,(function(n){return t.get(t.mapDimension(e.otherAxis.dim),n)}));n.dispatchAction({type:"changeAxisOrder",componentType:i.dim+"Axis",isInitSort:!0,axisId:i.index,sortInfo:r})},e.prototype.remove=function(t,e){this._clear(this._model),this._removeOnRenderedListener(e)},e.prototype.dispose=function(t,e){this._removeOnRenderedListener(e)},e.prototype._removeOnRenderedListener=function(t){this._onRendered&&(t.getZr().off("rendered",this._onRendered),this._onRendered=null)},e.prototype._clear=function(t){var e=this.group,n=this._data;t&&t.isAnimationEnabled()&&n&&!this._isLargeDraw?(this._removeBackground(),this._backgroundEls=[],n.eachItemGraphicEl((function(e){oh(e,t,zl(e).dataIndex)}))):e.removeAll(),this._data=null,this._isFirstFrame=!0},e.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup),this._backgroundGroup=null},e.type="bar",e}(tv),qI={cartesian2d:function(t,e){var n=e.width<0?-1:1,i=e.height<0?-1:1;n<0&&(e.x+=e.width,e.width=-e.width),i<0&&(e.y+=e.height,e.height=-e.height);var r=t.x+t.width,o=t.y+t.height,a=XI(e.x,t.x),s=ZI(e.x+e.width,r),l=XI(e.y,t.y),u=ZI(e.y+e.height,o),c=s<a,h=u<l;return e.x=c&&a>r?s:a,e.y=h&&l>o?u:l,e.width=c?0:s-a,e.height=h?0:u-l,n<0&&(e.x+=e.width,e.width=-e.width),i<0&&(e.y+=e.height,e.height=-e.height),c||h},polar:function(t,e){var n=e.r0<=e.r?1:-1;if(n<0){var i=e.r;e.r=e.r0,e.r0=i}var r=ZI(e.r,t.r),o=XI(e.r0,t.r0);e.r=r,e.r0=o;var a=r-o<0;if(n<0){i=e.r;e.r=e.r0,e.r0=i}return a}},KI={cartesian2d:function(t,e,n,i,r,o,a,s,l){var u=new xl({shape:A({},i),z2:1});(u.__dataIndex=n,u.name="item",o)&&(u.shape[r?"height":"width"]=0);return u},polar:function(t,e,n,i,r,o,a,s,l){var u=!r&&l?WI:xc,c=new u({shape:i,z2:1});c.name="item";var h,d,p=iT(r);if(c.calculateTextPosition=(h=p,d=({isRoundCap:u===WI}||{}).isRoundCap,function(t,e,n){var i=e.position;if(!i||i instanceof Array)return Wr(t,e,n);var r=h(i),o=null!=e.distance?e.distance:5,a=this.shape,s=a.cx,l=a.cy,u=a.r,c=a.r0,p=(u+c)/2,f=a.startAngle,g=a.endAngle,y=(f+g)/2,v=d?Math.abs(u-c)/2:0,m=Math.cos,x=Math.sin,_=s+u*m(f),b=l+u*x(f),w="left",S="top";switch(r){case"startArc":_=s+(c-o)*m(y),b=l+(c-o)*x(y),w="center",S="top";break;case"insideStartArc":_=s+(c+o)*m(y),b=l+(c+o)*x(y),w="center",S="bottom";break;case"startAngle":_=s+p*m(f)+HI(f,o+v,!1),b=l+p*x(f)+UI(f,o+v,!1),w="right",S="middle";break;case"insideStartAngle":_=s+p*m(f)+HI(f,-o+v,!1),b=l+p*x(f)+UI(f,-o+v,!1),w="left",S="middle";break;case"middle":_=s+p*m(y),b=l+p*x(y),w="center",S="middle";break;case"endArc":_=s+(u+o)*m(y),b=l+(u+o)*x(y),w="center",S="bottom";break;case"insideEndArc":_=s+(u-o)*m(y),b=l+(u-o)*x(y),w="center",S="top";break;case"endAngle":_=s+p*m(g)+HI(g,o+v,!0),b=l+p*x(g)+UI(g,o+v,!0),w="left",S="middle";break;case"insideEndAngle":_=s+p*m(g)+HI(g,-o+v,!0),b=l+p*x(g)+UI(g,-o+v,!0),w="right",S="middle";break;default:return Wr(t,e,n)}return(t=t||{}).x=_,t.y=b,t.align=w,t.verticalAlign=S,t}),o){var f=r?"r":"endAngle",g={};c.shape[f]=r?i.r0:i.startAngle,g[f]=i[f],(s?th:eh)(c,{shape:g},o)}return c}};function $I(t,e,n,i,r,o,a,s){var l,u;o?(u={x:i.x,width:i.width},l={y:i.y,height:i.height}):(u={y:i.y,height:i.height},l={x:i.x,width:i.width}),s||(a?th:eh)(n,{shape:l},e,r,null),(a?th:eh)(n,{shape:u},e?t.baseAxis.model:null,r)}function JI(t,e){for(var n=0;n<e.length;n++)if(!isFinite(t[e[n]]))return!0;return!1}var QI=["x","y","width","height"],tT=["cx","cy","r","startAngle","endAngle"],eT={cartesian2d:function(t){return!JI(t,QI)},polar:function(t){return!JI(t,tT)}},nT={cartesian2d:function(t,e,n){var i=t.getItemLayout(e);if(!i)return null;var r=n?function(t,e){var n=t.get(["itemStyle","borderColor"]);if(!n||"none"===n)return 0;var i=t.get(["itemStyle","borderWidth"])||0,r=isNaN(e.width)?Number.MAX_VALUE:Math.abs(e.width),o=isNaN(e.height)?Number.MAX_VALUE:Math.abs(e.height);return Math.min(i,r,o)}(n,i):0,o=i.width>0?1:-1,a=i.height>0?1:-1;return{x:i.x+o*r/2,y:i.y+a*r/2,width:i.width-o*r,height:i.height-a*r}},polar:function(t,e,n){var i=t.getItemLayout(e);return{cx:i.cx,cy:i.cy,r0:i.r0,r:i.r,startAngle:i.startAngle,endAngle:i.endAngle,clockwise:i.clockwise}}};function iT(t){return function(t){var e=t?"Arc":"Angle";return function(t){switch(t){case"start":case"insideStart":case"end":case"insideEnd":return t+e;default:return t}}}(t)}function rT(t,e,n,i,r,o,a,s){var l=e.getItemVisual(n,"style");if(s){if(!o.get("roundCap")){var u=t.shape;A(u,YI(i.getModel("itemStyle"),u,!0)),t.setShape(u)}}else{var c=i.get(["itemStyle","borderRadius"])||0;t.setShape("r",c)}t.useStyle(l);var h=i.getShallow("cursor");h&&t.attr("cursor",h);var d=s?a?r.r>=r.r0?"endArc":"startArc":r.endAngle>=r.startAngle?"endAngle":"startAngle":a?r.height>=0?"bottom":"top":r.width>=0?"right":"left",p=Jh(i);$h(t,p,{labelFetcher:o,labelDataIndex:n,defaultText:nI(o.getData(),n),inheritColor:l.fill,defaultOpacity:l.opacity,defaultOutsidePosition:d});var f=t.getTextContent();if(s&&f){var g=i.get(["label","position"]);t.textConfig.inside="middle"===g||null,function(t,e,n,i){if(j(i))t.setTextConfig({rotation:i});else if(U(e))t.setTextConfig({rotation:0});else{var r,o=t.shape,a=o.clockwise?o.startAngle:o.endAngle,s=o.clockwise?o.endAngle:o.startAngle,l=(a+s)/2,u=n(e);switch(u){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":r=l;break;case"startAngle":case"insideStartAngle":r=a;break;case"endAngle":case"insideEndAngle":r=s;break;default:return void t.setTextConfig({rotation:0})}var c=1.5*Math.PI-r;"middle"===u&&c>Math.PI/2&&c<1.5*Math.PI&&(c-=Math.PI),t.setTextConfig({rotation:c})}}(t,"outside"===g?d:g,iT(a),i.get(["label","rotate"]))}sd(f,p,o.getRawValue(n),(function(t){return iI(e,t)}));var y=i.getModel(["emphasis"]);Tu(t,y.get("focus"),y.get("blurScope"),y.get("disabled")),ku(t,i),function(t){return null!=t.startAngle&&null!=t.endAngle&&t.startAngle===t.endAngle}(r)&&(t.style.fill="none",t.style.stroke="none",z(t.states,(function(t){t.style&&(t.style.fill=t.style.stroke="none")})))}var oT=function(){},aT=function(t){function e(e){var n=t.call(this,e)||this;return n.type="largeBar",n}return n(e,t),e.prototype.getDefaultShape=function(){return new oT},e.prototype.buildPath=function(t,e){for(var n=e.points,i=this.baseDimIdx,r=1-this.baseDimIdx,o=[],a=[],s=this.barWidth,l=0;l<n.length;l+=3)a[i]=s,a[r]=n[l+2],o[i]=n[l+i],o[r]=n[l+r],t.rect(o[0],o[1],a[0],a[1])},e}(sl);function sT(t,e,n,i){var r=t.getData(),o=r.getLayout("valueAxisHorizontal")?1:0,a=r.getLayout("largeDataIndices"),s=r.getLayout("size"),l=t.getModel("backgroundStyle"),u=r.getLayout("largeBackgroundPoints");if(u){var c=new aT({shape:{points:u},incremental:!!i,silent:!0,z2:0});c.baseDimIdx=o,c.largeDataIndices=a,c.barWidth=s,c.useStyle(l.getItemStyle()),e.add(c),n&&n.push(c)}var h=new aT({shape:{points:r.getLayout("largePoints")},incremental:!!i,ignoreCoarsePointer:!0,z2:1});h.baseDimIdx=o,h.largeDataIndices=a,h.barWidth=s,e.add(h),h.useStyle(r.getVisual("style")),h.style.stroke=null,zl(h).seriesIndex=t.seriesIndex,t.get("silent")||(h.on("mousedown",lT),h.on("mousemove",lT)),n&&n.push(h)}var lT=uv((function(t){var e=function(t,e,n){for(var i=t.baseDimIdx,r=1-i,o=t.shape.points,a=t.largeDataIndices,s=[],l=[],u=t.barWidth,c=0,h=o.length/3;c<h;c++){var d=3*c;if(l[i]=u,l[r]=o[d+2],s[i]=o[d+i],s[r]=o[d+r],l[r]<0&&(s[r]+=l[r],l[r]=-l[r]),e>=s[0]&&e<=s[0]+l[0]&&n>=s[1]&&n<=s[1]+l[1])return a[c]}return-1}(this,t.offsetX,t.offsetY);zl(this).dataIndex=e>=0?e:null}),30,!1);function uT(t,e,n){if(SI(n,"cartesian2d")){var i=e,r=n.getArea();return{x:t?i.x:r.x,y:t?r.y:i.y,width:t?i.width:r.width,height:t?r.height:i.height}}var o=e;return{cx:(r=n.getArea()).cx,cy:r.cy,r0:t?r.r0:o.r0,r:t?r.r:o.r,startAngle:t?o.startAngle:0,endAngle:t?o.endAngle:2*Math.PI}}var cT=2*Math.PI,hT=Math.PI/180;function dT(t,e,n){e.eachSeriesByType(t,(function(t){var e=t.getData(),i=e.mapDimension("value"),r=Wp(t,n),o=r.cx,a=r.cy,s=r.r,l=r.r0,u=r.viewRect,c=-t.get("startAngle")*hT,h=t.get("endAngle"),d=t.get("padAngle")*hT;h="auto"===h?c-cT:-h*hT;var p=t.get("minAngle")*hT+d,f=0;e.each(i,(function(t){!isNaN(t)&&f++}));var g=e.getSum(i),y=Math.PI/(g||f)*2,v=t.get("clockwise"),m=t.get("roseType"),x=t.get("stillShowZeroSum"),_=e.getDataExtent(i);_[0]=0;var b=v?1:-1,w=[c,h],S=b*d/2;Gs(w,!v),c=w[0],h=w[1];var M=pT(t);M.startAngle=c,M.endAngle=h,M.clockwise=v,M.cx=o,M.cy=a,M.r=s,M.r0=l;var I=Math.abs(h-c),T=I,C=0,D=c;if(e.setLayout({viewRect:u,r:s}),e.each(i,(function(t,n){var i;if(isNaN(t))e.setItemLayout(n,{angle:NaN,startAngle:NaN,endAngle:NaN,clockwise:v,cx:o,cy:a,r0:l,r:m?NaN:s});else{(i="area"!==m?0===g&&x?y:t*y:I/f)<p?(i=p,T-=p):C+=t;var r=D+b*i,u=0,c=0;d>i?c=u=D+b*i/2:(u=D+S,c=r-S),e.setItemLayout(n,{angle:i,startAngle:u,endAngle:c,clockwise:v,cx:o,cy:a,r0:l,r:m?go(t,_,[l,s]):s}),D=r}})),T<cT&&f)if(T<=.001){var A=I/f;e.each(i,(function(t,n){if(!isNaN(t)){var i=e.getItemLayout(n);i.angle=A;var r=0,o=0;A<d?o=r=c+b*(n+.5)*A:(r=c+b*n*A+S,o=c+b*(n+1)*A-S),i.startAngle=r,i.endAngle=o}}))}else y=T/C,D=c,e.each(i,(function(t,n){if(!isNaN(t)){var i=e.getItemLayout(n),r=i.angle===p?p:t*y,o=0,a=0;r<d?a=o=D+b*r/2:(o=D+S,a=D+b*r-S),i.startAngle=o,i.endAngle=a,D+=b*r}}))}))}var pT=sa();function fT(t){return{seriesType:t,reset:function(t,e){var n=e.findComponents({mainType:"legend"});if(n&&n.length){var i=t.getData();i.filterSelf((function(t){for(var e=i.getName(t),r=0;r<n.length;r++)if(!n[r].isSelected(e))return!1;return!0}))}}}}var gT=Math.PI/180;function yT(t,e,n,i,r,o,a,s,l,u){if(!(t.length<2)){for(var c=t.length,h=0;h<c;h++)if("outer"===t[h].position&&"labelLine"===t[h].labelAlignTo){var d=t[h].label.x-u;t[h].linePoints[1][0]+=d,t[h].label.x=u}SS(t,1,l,l+a)&&function(t){for(var o={list:[],maxY:0},a={list:[],maxY:0},s=0;s<t.length;s++)if("none"===t[s].labelAlignTo){var l=t[s],u=l.label.y>n?a:o,c=Math.abs(l.label.y-n);if(c>=u.maxY){var h=l.label.x-e-l.len2*r,d=i+l.len,f=Math.abs(h)<d?Math.sqrt(c*c/(1-h*h/d/d)):d;u.rB=f,u.maxY=c}u.list.push(l)}p(o),p(a)}(t)}function p(t){for(var o=t.rB,a=o*o,s=0;s<t.list.length;s++){var l=t.list[s],u=Math.abs(l.label.y-n),c=i+l.len,h=c*c,d=Math.sqrt(Math.abs((1-u*u/a)*h)),p=e+(d+l.len2)*r,f=p-l.label.x;vT(l,l.targetTextWidth-f*r,!0),l.label.x=p}}}function vT(t,e,n){if(null==t.labelStyleWidth){var i=t.label,r=i.style,o=t.rect,a=r.backgroundColor,s=r.padding,l=s?s[1]+s[3]:0,u=r.overflow,c=o.width+(a?0:l);if(e<c||n){if(u&&u.match("break")){i.setStyle("backgroundColor",null),i.setStyle("width",e-l);var h=i.getBoundingRect();i.setStyle("width",Math.ceil(h.width)),i.setStyle("backgroundColor",a)}else{var d=e-l,p=e<c?d:n?d>t.unconstrainedWidth?null:d:null;i.setStyle("width",p)}mT(o,i)}}}function mT(t,e){_T.rect=t,mS(_T,e,xT)}var xT={minMarginForce:[null,0,null,0],marginDefault:[1,0,1,0]},_T={};function bT(t){return"center"===t.position}function wT(t){var e,n,i=t.getData(),r=[],o=!1,a=(t.get("minShowLabelAngle")||0)*gT,s=i.getLayout("viewRect"),l=i.getLayout("r"),u=s.width,c=s.x,h=s.y,d=s.height;function p(t){t.ignore=!0}i.each((function(t){var s=i.getItemGraphicEl(t),h=s.shape,f=s.getTextContent(),g=s.getTextGuideLine(),y=i.getItemModel(t),v=y.getModel("label"),m=v.get("position")||y.get(["emphasis","label","position"]),x=v.get("distanceToLabelLine"),_=v.get("alignTo"),b=yo(v.get("edgeDistance"),u),w=v.get("bleedMargin");null==w&&(w=Math.min(u,d)>200?10:2);var S=y.getModel("labelLine"),M=S.get("length");M=yo(M,u);var I=S.get("length2");if(I=yo(I,u),Math.abs(h.endAngle-h.startAngle)<a)return z(f.states,p),f.ignore=!0,void(g&&(z(g.states,p),g.ignore=!0));if(function(t){if(!t.ignore)return!0;for(var e in t.states)if(!1===t.states[e].ignore)return!0;return!1}(f)){var T,C,D,A,k=(h.startAngle+h.endAngle)/2,L=Math.cos(k),P=Math.sin(k);e=h.cx,n=h.cy;var O="inside"===m||"inner"===m;if("center"===m)T=h.cx,C=h.cy,A="center";else{var R=(O?(h.r+h.r0)/2*L:h.r*L)+e,N=(O?(h.r+h.r0)/2*P:h.r*P)+n;if(T=R+3*L,C=N+3*P,!O){var E=R+L*(M+l-h.r),B=N+P*(M+l-h.r),V=E+(L<0?-1:1)*I;T="edge"===_?L<0?c+b:c+u-b:V+(L<0?-x:x),C=B,D=[[R,N],[E,B],[V,B]]}A=O?"center":"edge"===_?L>0?"right":"left":L>0?"left":"right"}var G=Math.PI,F=0,W=v.get("rotate");if(j(W))F=W*(G/180);else if("center"===m)F=0;else if("radial"===W||!0===W){F=L<0?-k+G:-k}else if("tangential"===W&&"outside"!==m&&"outer"!==m){var H=Math.atan2(L,P);H<0&&(H=2*G+H),P>0&&(H=G+H),F=H-G}if(o=!!F,f.x=T,f.y=C,f.rotation=F,f.setStyle({verticalAlign:"middle"}),O){f.setStyle({align:A});var U=f.states.select;U&&(U.x+=f.x,U.y+=f.y)}else{var Y=new He(0,0,0,0);mT(Y,f),r.push({label:f,labelLine:g,position:m,len:M,len2:I,minTurnAngle:S.get("minTurnAngle"),maxSurfaceAngle:S.get("maxSurfaceAngle"),surfaceNormal:new Ae(L,P),linePoints:D,textAlign:A,labelDistance:x,labelAlignTo:_,edgeDistance:b,bleedMargin:w,rect:Y,unconstrainedWidth:Y.width,labelStyleWidth:f.style.width})}s.setTextConfig({inside:O})}})),!o&&t.get("avoidLabelOverlap")&&function(t,e,n,i,r,o,a,s){for(var l=[],u=[],c=Number.MAX_VALUE,h=-Number.MAX_VALUE,d=0;d<t.length;d++){var p=t[d].label;bT(t[d])||(p.x<e?(c=Math.min(c,p.x),l.push(t[d])):(h=Math.max(h,p.x),u.push(t[d])))}for(d=0;d<t.length;d++)if(!bT(y=t[d])&&y.linePoints){if(null!=y.labelStyleWidth)continue;p=y.label;var f=y.linePoints,g=void 0;g="edge"===y.labelAlignTo?p.x<e?f[2][0]-y.labelDistance-a-y.edgeDistance:a+r-y.edgeDistance-f[2][0]-y.labelDistance:"labelLine"===y.labelAlignTo?p.x<e?c-a-y.bleedMargin:a+r-h-y.bleedMargin:p.x<e?p.x-a-y.bleedMargin:a+r-p.x-y.bleedMargin,y.targetTextWidth=g,vT(y,g,!1)}for(yT(u,e,n,i,1,0,o,0,s,h),yT(l,e,n,i,-1,0,o,0,s,c),d=0;d<t.length;d++){var y;if(!bT(y=t[d])&&y.linePoints){p=y.label,f=y.linePoints;var v="edge"===y.labelAlignTo,m=p.style.padding,x=m?m[1]+m[3]:0,_=p.style.backgroundColor?0:x,b=y.rect.width+_,w=f[1][0]-f[2][0];v?p.x<e?f[2][0]=a+y.edgeDistance+b+y.labelDistance:f[2][0]=a+r-y.edgeDistance-b-y.labelDistance:(p.x<e?f[2][0]=p.x+y.labelDistance:f[2][0]=p.x-y.labelDistance,f[1][0]=f[2][0]+w),f[1][1]=f[2][1]=p.y}}}(r,e,n,l,u,d,c,h);for(var f=0;f<r.length;f++){var g=r[f],y=g.label,v=g.labelLine,m=isNaN(y.x)||isNaN(y.y);if(y){y.setStyle({align:g.textAlign}),m&&(z(y.states,p),y.ignore=!0);var x=y.states.select;x&&(x.x+=y.x,x.y+=y.y)}if(v){var _=g.linePoints;m||!_?(z(v.states,p),v.ignore=!0):(lS(_,g.minTurnAngle),uS(_,g.surfaceNormal,g.maxSurfaceAngle),v.setShape({points:_}),y.__hostTarget.textGuideLineConfig={anchor:new Ae(_[0][0],_[0][1])})}}}var ST=function(t){function e(e,n,i){var r=t.call(this)||this;r.z2=2;var o=new Sl;return r.setTextContent(o),r.updateData(e,n,i,!0),r}return n(e,t),e.prototype.updateData=function(t,e,n,i){var r=this,o=t.hostModel,a=t.getItemModel(e),s=a.getModel("emphasis"),l=t.getItemLayout(e),u=A(YI(a.getModel("itemStyle"),l,!0),l);if(isNaN(u.startAngle))r.setShape(u);else{if(i){r.setShape(u);var c=o.getShallow("animationType");o.ecModel.ssr?(eh(r,{scaleX:0,scaleY:0},o,{dataIndex:e,isFrom:!0}),r.originX=u.cx,r.originY=u.cy):"scale"===c?(r.shape.r=l.r0,eh(r,{shape:{r:l.r}},o,e)):null!=n?(r.setShape({startAngle:n,endAngle:n}),eh(r,{shape:{startAngle:l.startAngle,endAngle:l.endAngle}},o,e)):(r.shape.endAngle=l.startAngle,th(r,{shape:{endAngle:l.endAngle}},o,e))}else ah(r),th(r,{shape:u},o,e);r.useStyle(t.getItemVisual(e,"style")),ku(r,a);var h=(l.startAngle+l.endAngle)/2,d=o.get("selectedOffset"),p=Math.cos(h)*d,f=Math.sin(h)*d,g=a.getShallow("cursor");g&&r.attr("cursor",g),this._updateLabel(o,t,e),r.ensureState("emphasis").shape=A({r:l.r+(s.get("scale")&&s.get("scaleSize")||0)},YI(s.getModel("itemStyle"),l)),A(r.ensureState("select"),{x:p,y:f,shape:YI(a.getModel(["select","itemStyle"]),l)}),A(r.ensureState("blur"),{shape:YI(a.getModel(["blur","itemStyle"]),l)});var y=r.getTextGuideLine(),v=r.getTextContent();y&&A(y.ensureState("select"),{x:p,y:f}),A(v.ensureState("select"),{x:p,y:f}),Tu(this,s.get("focus"),s.get("blurScope"),s.get("disabled"))}},e.prototype._updateLabel=function(t,e,n){var i=this,r=e.getItemModel(n),o=r.getModel("labelLine"),a=e.getItemVisual(n,"style"),s=a&&a.fill,l=a&&a.opacity;$h(i,Jh(r),{labelFetcher:e.hostModel,labelDataIndex:n,inheritColor:s,defaultOpacity:l,defaultText:t.getFormattedLabel(n,"normal")||e.getName(n)});var u=i.getTextContent();i.setTextConfig({position:null,rotation:null}),u.attr({z2:10});var c=r.get(["label","position"]);if("outside"!==c&&"outer"!==c)i.removeTextGuideLine();else{var h=this.getTextGuideLine();h||(h=new Tc,this.setTextGuideLine(h)),dS(this,pS(r),{stroke:s,opacity:ot(o.get(["lineStyle","opacity"]),l,1)})}},e}(xc),MT=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.ignoreLabelLineUpdate=!0,e}return n(e,t),e.prototype.render=function(t,e,n,i){var r,o=t.getData(),a=this._data,s=this.group;if(!a&&o.count()>0){for(var l=o.getItemLayout(0),u=1;isNaN(l&&l.startAngle)&&u<o.count();++u)l=o.getItemLayout(u);l&&(r=l.startAngle)}if(this._emptyCircleSector&&s.remove(this._emptyCircleSector),0===o.count()&&t.get("showEmptyCircle")){var c=pT(t),h=new xc({shape:T(c)});h.useStyle(t.getModel("emptyCircleStyle").getItemStyle()),this._emptyCircleSector=h,s.add(h)}o.diff(a).add((function(t){var e=new ST(o,t,r);o.setItemGraphicEl(t,e),s.add(e)})).update((function(t,e){var n=a.getItemGraphicEl(e);n.updateData(o,t,r),n.off("click"),s.add(n),o.setItemGraphicEl(t,n)})).remove((function(e){oh(a.getItemGraphicEl(e),t,e)})).execute(),wT(t),"expansion"!==t.get("animationTypeUpdate")&&(this._data=o)},e.prototype.dispose=function(){},e.prototype.containPoint=function(t,e){var n=e.getData().getItemLayout(0);if(n){var i=t[0]-n.cx,r=t[1]-n.cy,o=Math.sqrt(i*i+r*r);return o<=n.r&&o>=n.r0}},e.type="pie",e}(tv);function IT(t,e,n){e=U(e)&&{coordDimensions:e}||A({encodeDefine:t.getEncode()},e);var i=t.getSource(),r=V_(i,e).dimensions,o=new B_(r,t);return o.initData(i,n),o}var TT,CT=function(){function t(t,e){this._getDataWithEncodedVisual=t,this._getRawData=e}return t.prototype.getAllNames=function(){var t=this._getRawData();return t.mapArray(t.getName)},t.prototype.containName=function(t){return this._getRawData().indexOfName(t)>=0},t.prototype.indexOfName=function(t){return this._getDataWithEncodedVisual().indexOfName(t)},t.prototype.getItemVisual=function(t,e){return this._getDataWithEncodedVisual().getItemVisual(t,e)},t}(),DT=sa(),AT=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this)),this._defaultLabelLine(e)},e.prototype.mergeOption=function(){t.prototype.mergeOption.apply(this,arguments)},e.prototype.getInitialData=function(){return IT(this,{coordDimensions:["value"],encodeDefaulter:H(Mf,this)})},e.prototype.getDataParams=function(e){var n=this.getData(),i=DT(n),r=i.seats;if(!r){var o=[];n.each(n.mapDimension("value"),(function(t){o.push(t)})),r=i.seats=So(o,n.hostModel.get("percentPrecision"))}var a=t.prototype.getDataParams.call(this,e);return a.percent=r[e]||0,a.$vars.push("percent"),a},e.prototype._defaultLabelLine=function(t){Ko(t,"labelLine",["show"]);var e=t.labelLine,n=t.emphasis.labelLine;e.show=e.show&&t.label.show,n.show=n.show&&t.emphasis.label.show},e.type="series.pie",e.defaultOption={z:2,legendHoverLink:!0,colorBy:"data",center:["50%","50%"],radius:[0,"50%"],clockwise:!0,startAngle:90,endAngle:"auto",padAngle:0,minAngle:0,minShowLabelAngle:0,selectedOffset:10,percentPrecision:2,stillShowZeroSum:!0,coordinateSystemUsage:"box",left:0,top:0,right:0,bottom:0,width:null,height:null,label:{rotate:0,show:!0,overflow:"truncate",position:"outer",alignTo:"none",edgeDistance:"25%",distanceToLabelLine:5},labelLine:{show:!0,length:15,length2:30,smooth:!1,minTurnAngle:90,maxSurfaceAngle:90,lineStyle:{width:1,type:"solid"}},itemStyle:{borderWidth:1,borderJoin:"round"},showEmptyCircle:!0,emptyCircleStyle:{color:"lightgray",opacity:1},labelLayout:{hideOverlap:!0},emphasis:{scale:!0,scaleSize:5},avoidLabelOverlap:!0,animationType:"expansion",animationDuration:1e3,animationTypeUpdate:"transition",animationEasingUpdate:"cubicInOut",animationDurationUpdate:500,animationEasing:"cubicInOut"},e}(Wy);TT={fullType:AT.type,getCoord2:function(t){return t.getShallow("center")}},Ap.set(TT.fullType,{getCoord2:void 0}).getCoord2=TT.getCoord2;var kT=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{useEncodeDefaulter:!0})},e.prototype.getProgressive=function(){var t=this.option.progressive;return null==t?this.option.large?5e3:this.get("progressive"):t},e.prototype.getProgressiveThreshold=function(){var t=this.option.progressiveThreshold;return null==t?this.option.large?1e4:this.get("progressiveThreshold"):t},e.prototype.brushSelector=function(t,e,n){return n.point(e.getItemLayout(t))},e.prototype.getZLevelKey=function(){return this.getData().count()>this.getProgressiveThreshold()?this.id:""},e.type="series.scatter",e.dependencies=["grid","polar","geo","singleAxis","calendar","matrix"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,legendHoverLink:!0,symbolSize:10,large:!1,largeThreshold:2e3,itemStyle:{opacity:.8},emphasis:{scale:!0},clip:!0,select:{itemStyle:{borderColor:tf.color.primary}},universalTransition:{divideShape:"clone"}},e}(Wy),LT=function(){},PT=function(t){function e(e){var n=t.call(this,e)||this;return n._off=0,n.hoverDataIdx=-1,n}return n(e,t),e.prototype.getDefaultShape=function(){return new LT},e.prototype.reset=function(){this.notClear=!1,this._off=0},e.prototype.buildPath=function(t,e){var n,i=e.points,r=e.size,o=this.symbolProxy,a=o.shape,s=t.getContext?t.getContext():t,l=s&&r[0]<4,u=this.softClipShape;if(l)this._ctx=s;else{for(this._ctx=null,n=this._off;n<i.length;){var c=i[n++],h=i[n++];isNaN(c)||isNaN(h)||(u&&!u.contain(c,h)||(a.x=c-r[0]/2,a.y=h-r[1]/2,a.width=r[0],a.height=r[1],o.buildPath(t,a,!0)))}this.incremental&&(this._off=n,this.notClear=!0)}},e.prototype.afterBrush=function(){var t,e=this.shape,n=e.points,i=e.size,r=this._ctx,o=this.softClipShape;if(r){for(t=this._off;t<n.length;){var a=n[t++],s=n[t++];isNaN(a)||isNaN(s)||(o&&!o.contain(a,s)||r.fillRect(a-i[0]/2,s-i[1]/2,i[0],i[1]))}this.incremental&&(this._off=t,this.notClear=!0)}},e.prototype.findDataIndex=function(t,e){for(var n=this.shape,i=n.points,r=n.size,o=Math.max(r[0],4),a=Math.max(r[1],4),s=i.length/2-1;s>=0;s--){var l=2*s,u=i[l]-o/2,c=i[l+1]-a/2;if(t>=u&&e>=c&&t<=u+o&&e<=c+a)return s}return-1},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e),i=this.getBoundingRect();return t=n[0],e=n[1],i.contain(t,e)?(this.hoverDataIdx=this.findDataIndex(t,e))>=0:(this.hoverDataIdx=-1,!1)},e.prototype.getBoundingRect=function(){var t=this._rect;if(!t){for(var e=this.shape,n=e.points,i=e.size,r=i[0],o=i[1],a=1/0,s=1/0,l=-1/0,u=-1/0,c=0;c<n.length;){var h=n[c++],d=n[c++];a=Math.min(h,a),l=Math.max(h,l),s=Math.min(d,s),u=Math.max(d,u)}t=this._rect=new He(a-r/2,s-o/2,l-a+r,u-s+o)}return t},e}(sl),OT=function(){function t(){this.group=new to}return t.prototype.updateData=function(t,e){this._clear();var n=this._create();n.setShape({points:t.getLayout("points")}),this._setCommon(n,t,e)},t.prototype.updateLayout=function(t){var e=t.getLayout("points");this.group.eachChild((function(t){if(null!=t.startIndex){var n=2*(t.endIndex-t.startIndex),i=4*t.startIndex*2;e=new Float32Array(e.buffer,i,n)}t.setShape("points",e),t.reset()}))},t.prototype.incrementalPrepareUpdate=function(t){this._clear()},t.prototype.incrementalUpdate=function(t,e,n){var i=this._newAdded[0],r=e.getLayout("points"),o=i&&i.shape.points;if(o&&o.length<2e4){var a=o.length,s=new Float32Array(a+r.length);s.set(o),s.set(r,a),i.endIndex=t.end,i.setShape({points:s})}else{this._newAdded=[];var l=this._create();l.startIndex=t.start,l.endIndex=t.end,l.incremental=!0,l.setShape({points:r}),this._setCommon(l,e,n)}},t.prototype.eachRendered=function(t){this._newAdded[0]&&t(this._newAdded[0])},t.prototype._create=function(){var t=new PT({cursor:"default"});return t.ignoreCoarsePointer=!0,this.group.add(t),this._newAdded.push(t),t},t.prototype._setCommon=function(t,e,n){var i=e.hostModel;n=n||{};var r=e.getVisual("symbolSize");t.setShape("size",r instanceof Array?r:[r,r]),t.softClipShape=n.clipShape||null,t.symbolProxy=hm(e.getVisual("symbol"),0,0,0,0),t.setColor=t.symbolProxy.setColor;var o=t.shape.size[0]<4;t.useStyle(i.getModel("itemStyle").getItemStyle(o?["color","shadowBlur","shadowColor"]:["color"]));var a=e.getVisual("style"),s=a&&a.fill;s&&t.setColor(s);var l=zl(t);l.seriesIndex=i.seriesIndex,t.on("mousemove",(function(e){l.dataIndex=null;var n=t.hoverDataIdx;n>=0&&(l.dataIndex=n+(t.startIndex||0))}))},t.prototype.remove=function(){this._clear()},t.prototype._clear=function(){this._newAdded=[],this.group.removeAll()},t}(),RT=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData();this._updateSymbolDraw(i,t).updateData(i,{clipShape:this._getClipShape(t)}),this._finished=!0},e.prototype.incrementalPrepareRender=function(t,e,n){var i=t.getData();this._updateSymbolDraw(i,t).incrementalPrepareUpdate(i),this._finished=!1},e.prototype.incrementalRender=function(t,e,n){this._symbolDraw.incrementalUpdate(t,e.getData(),{clipShape:this._getClipShape(e)}),this._finished=t.end===e.getData().count()},e.prototype.updateTransform=function(t,e,n){var i=t.getData();if(this.group.dirty(),!this._finished||i.count()>1e4)return{update:!0};var r=NI("").reset(t,e,n);r.progress&&r.progress({start:0,end:i.count(),count:i.count()},i),this._symbolDraw.updateLayout(i)},e.prototype.eachRendered=function(t){this._symbolDraw&&this._symbolDraw.eachRendered(t)},e.prototype._getClipShape=function(t){if(t.get("clip",!0)){var e=t.coordinateSystem;return e&&e.getArea&&e.getArea(.1)}},e.prototype._updateSymbolDraw=function(t,e){var n=this._symbolDraw,i=e.pipelineContext.large;return n&&i===this._isLargeDraw||(n&&n.remove(),n=this._symbolDraw=i?new OT:new uI,this._isLargeDraw=i,this.group.removeAll()),this.group.add(n.group),n},e.prototype.remove=function(t,e){this._symbolDraw&&this._symbolDraw.remove(!0),this._symbolDraw=null},e.prototype.dispose=function(){},e.type="scatter",e}(tv),NT={left:0,right:0,top:0,bottom:0},zT=["25%","25%"],ET=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.mergeDefaultAndTheme=function(e,n){var i=Kp(e.outerBounds);t.prototype.mergeDefaultAndTheme.apply(this,arguments),i&&e.outerBounds&&qp(e.outerBounds,i)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.apply(this,arguments),this.option.outerBounds&&e.outerBounds&&qp(this.option.outerBounds,e.outerBounds)},e.type="grid",e.dependencies=["xAxis","yAxis"],e.layoutMode="box",e.defaultOption={show:!1,z:0,left:"15%",top:65,right:"10%",bottom:80,containLabel:!1,outerBoundsMode:"auto",outerBounds:NT,outerBoundsContain:"all",outerBoundsClampWidth:zT[0],outerBoundsClampHeight:zT[1],backgroundColor:tf.color.transparent,borderWidth:1,borderColor:tf.color.neutral30},e}(Qp),BT=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getCoordSysModel=function(){return this.getReferringComponents("grid",ha).models[0]},e.type="cartesian2dAxis",e}(Qp);R(BT,nw);var VT={show:!0,z:0,inverse:!1,name:"",nameLocation:"end",nameRotate:null,nameTruncate:{maxWidth:null,ellipsis:"...",placeholder:"."},nameTextStyle:{},nameGap:15,silent:!1,triggerEvent:!1,tooltip:{show:!1},axisPointer:{},axisLine:{show:!0,onZero:!0,onZeroAxisIndex:null,lineStyle:{color:tf.color.axisLine,width:1,type:"solid"},symbol:["none","none"],symbolSize:[10,15],breakLine:!0},axisTick:{show:!0,inside:!1,length:5,lineStyle:{width:1}},axisLabel:{show:!0,inside:!1,rotate:0,showMinLabel:null,showMaxLabel:null,margin:8,fontSize:12,color:tf.color.axisLabel,textMargin:[0,3]},splitLine:{show:!0,showMinLine:!0,showMaxLine:!0,lineStyle:{color:tf.color.axisSplitLine,width:1,type:"solid"}},splitArea:{show:!1,areaStyle:{color:[tf.color.backgroundTint,tf.color.backgroundTransparent]}},breakArea:{show:!0,itemStyle:{color:tf.color.neutral00,borderColor:tf.color.border,borderWidth:1,borderType:[3,3],opacity:.6},zigzagAmplitude:4,zigzagMinSpan:4,zigzagMaxSpan:20,zigzagZ:100,expandOnClick:!0},breakLabelLayout:{moveOverlap:"auto"}},GT=C({boundaryGap:!0,deduplication:null,jitter:0,jitterOverlap:!0,jitterMargin:2,splitLine:{show:!1},axisTick:{alignWithLabel:!1,interval:"auto",show:"auto"},axisLabel:{interval:"auto"}},VT),FT=C({boundaryGap:[0,0],axisLine:{show:"auto"},axisTick:{show:"auto"},splitNumber:5,minorTick:{show:!1,splitNumber:5,length:3,lineStyle:{}},minorSplitLine:{show:!1,lineStyle:{color:tf.color.axisMinorSplitLine,width:1}}},VT),WT={category:GT,value:FT,time:C({splitNumber:6,axisLabel:{showMinLabel:!1,showMaxLabel:!1,rich:{primary:{fontWeight:"bold"}}},splitLine:{show:!1}},FT),log:k({logBase:10},FT)},HT={value:1,category:1,time:1,log:1},UT=null;function YT(){return UT}function XT(t,e,i,r){z(HT,(function(o,a){var s=C(C({},WT[a],!0),r,!0),l=function(t){function i(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e+"Axis."+a,n}return n(i,t),i.prototype.mergeDefaultAndTheme=function(t,e){var n=jp(this),i=n?Kp(t):{};C(t,e.getTheme().get(a+"Axis")),C(t,this.getDefaultOption()),t.type=ZT(t),n&&qp(t,i,n)},i.prototype.optionUpdated=function(){"category"===this.option.type&&(this.__ordinalMeta=ab.createByAxisModel(this))},i.prototype.getCategories=function(t){var e=this.option;if("category"===e.type)return t?e.data:this.__ordinalMeta.categories},i.prototype.getOrdinalMeta=function(){return this.__ordinalMeta},i.prototype.updateAxisBreaks=function(t){var e=YT();return e?e.updateModelAxisBreak(this,t):{breaks:[]}},i.type=e+"Axis."+a,i.defaultOption=s,i}(i);t.registerComponentModel(l)})),t.registerSubTypeDefaulter(e+"Axis",ZT)}function ZT(t){return t.type||(t.data?"category":"value")}var jT=function(){function t(t){this.type="cartesian",this._dimList=[],this._axes={},this.name=t||""}return t.prototype.getAxis=function(t){return this._axes[t]},t.prototype.getAxes=function(){return E(this._dimList,(function(t){return this._axes[t]}),this)},t.prototype.getAxesByScale=function(t){return t=t.toLowerCase(),V(this.getAxes(),(function(e){return e.scale.type===t}))},t.prototype.addAxis=function(t){var e=t.dim;this._axes[e]=t,this._dimList.push(e)},t}(),qT=["x","y"];function KT(t){return("interval"===t.type||"time"===t.type)&&!t.hasBreaks()}var $T=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="cartesian2d",e.dimensions=qT,e}return n(e,t),e.prototype.calcAffineTransform=function(){this._transform=this._invTransform=null;var t=this.getAxis("x").scale,e=this.getAxis("y").scale;if(KT(t)&&KT(e)){var n=t.getExtent(),i=e.getExtent(),r=this.dataToPoint([n[0],i[0]]),o=this.dataToPoint([n[1],i[1]]),a=n[1]-n[0],s=i[1]-i[0];if(a&&s){var l=(o[0]-r[0])/a,u=(o[1]-r[1])/s,c=r[0]-n[0]*l,h=r[1]-i[0]*u,d=this._transform=[l,0,0,u,c,h];this._invTransform=Te([],d)}}},e.prototype.getBaseAxis=function(){return this.getAxesByScale("ordinal")[0]||this.getAxesByScale("time")[0]||this.getAxis("x")},e.prototype.containPoint=function(t){var e=this.getAxis("x"),n=this.getAxis("y");return e.contain(e.toLocalCoord(t[0]))&&n.contain(n.toLocalCoord(t[1]))},e.prototype.containData=function(t){return this.getAxis("x").containData(t[0])&&this.getAxis("y").containData(t[1])},e.prototype.containZone=function(t,e){var n=this.dataToPoint(t),i=this.dataToPoint(e),r=this.getArea(),o=new He(n[0],n[1],i[0]-n[0],i[1]-n[1]);return r.intersect(o)},e.prototype.dataToPoint=function(t,e,n){n=n||[];var i=t[0],r=t[1];if(this._transform&&null!=i&&isFinite(i)&&null!=r&&isFinite(r))return Ht(n,t,this._transform);var o=this.getAxis("x"),a=this.getAxis("y");return n[0]=o.toGlobalCoord(o.dataToCoord(i,e)),n[1]=a.toGlobalCoord(a.dataToCoord(r,e)),n},e.prototype.clampData=function(t,e){var n=this.getAxis("x").scale,i=this.getAxis("y").scale,r=n.getExtent(),o=i.getExtent(),a=n.parse(t[0]),s=i.parse(t[1]);return(e=e||[])[0]=Math.min(Math.max(Math.min(r[0],r[1]),a),Math.max(r[0],r[1])),e[1]=Math.min(Math.max(Math.min(o[0],o[1]),s),Math.max(o[0],o[1])),e},e.prototype.pointToData=function(t,e,n){if(n=n||[],this._invTransform)return Ht(n,t,this._invTransform);var i=this.getAxis("x"),r=this.getAxis("y");return n[0]=i.coordToData(i.toLocalCoord(t[0]),e),n[1]=r.coordToData(r.toLocalCoord(t[1]),e),n},e.prototype.getOtherAxis=function(t){return this.getAxis("x"===t.dim?"y":"x")},e.prototype.getArea=function(t){t=t||0;var e=this.getAxis("x").getGlobalExtent(),n=this.getAxis("y").getGlobalExtent(),i=Math.min(e[0],e[1])-t,r=Math.min(n[0],n[1])-t,o=Math.max(e[0],e[1])-i+t,a=Math.max(n[0],n[1])-r+t;return new He(i,r,o,a)},e}(jT),JT=function(t){function e(e,n,i,r,o){var a=t.call(this,e,n,i)||this;return a.index=0,a.type=r||"value",a.position=o||"bottom",a}return n(e,t),e.prototype.isHorizontal=function(){var t=this.position;return"top"===t||"bottom"===t},e.prototype.getGlobalExtent=function(t){var e=this.getExtent();return e[0]=this.toGlobalCoord(e[0]),e[1]=this.toGlobalCoord(e[1]),t&&e[0]>e[1]&&e.reverse(),e},e.prototype.pointToData=function(t,e){return this.coordToData(this.toLocalCoord(t["x"===this.dim?0:1]),e)},e.prototype.setCategorySortInfo=function(t){if("category"!==this.type)return!1;this.model.option.categorySortInfo=t,this.scale.setSortInfo(t)},e}(Ww),QT="expandAxisBreak",tC="collapseAxisBreak",eC="toggleAxisBreak",nC="axisbreakchanged",iC={type:QT,event:nC,update:"update",refineEvent:aC},rC={type:tC,event:nC,update:"update",refineEvent:aC},oC={type:eC,event:nC,update:"update",refineEvent:aC};function aC(t,e,n,i){var r=[];return z(t,(function(t){r=r.concat(t.eventBreaks)})),{eventContent:{breaks:r}}}var sC=Math.PI,lC=[[1,2,1,2],[5,3,5,3],[8,3,8,3]],uC=[[0,1,0,1],[0,3,0,3],[0,3,0,3]],cC=sa(),hC=sa(),dC=function(){function t(t){this.recordMap={},this.resolveAxisNameOverlap=t}return t.prototype.ensureRecord=function(t){var e=t.axis.dim,n=t.componentIndex,i=this.recordMap,r=i[e]||(i[e]=[]);return r[n]||(r[n]={ready:{}})},t}();var pC=[1,0,0,1,0,0],fC=new He(0,0,0,0),gC=function(t,e,n,i,r,o){if(Qb(t.nameLocation)){var a=o.stOccupiedRect;a&&yC(function(t,e,n){return t.transform=Wh(t.transform,n),t.localRect=Fh(t.localRect,e),t.rect=Fh(t.rect,e),n&&t.rect.applyTransform(n),t.axisAligned=Vh(n),t.obb=void 0,(t.label=t.label||{}).ignore=!1,t}({},a,o.transGroup.transform),i,r)}else vC(o.labelInfoList,o.dirVec,i,r)};function yC(t,e,n){var i=new Ae;IS(t,e,i,{direction:Math.atan2(n.y,n.x),bidirectional:!1,touchThreshold:.05})&&_S(e,i)}function vC(t,e,n,i){for(var r=Ae.dot(i,e)>=0,o=0,a=t.length;o<a;o++){var s=t[r?o:a-1-o];s.label.ignore||yC(s,n,i)}}var mC=function(){function t(t,e,n,i){this.group=new to,this._axisModel=t,this._api=e,this._local={},this._shared=i||new dC(gC),this._resetCfgDetermined(n)}return t.prototype.updateCfg=function(t){var e=this._cfg.raw;e.position=t.position,e.labelOffset=t.labelOffset,this._resetCfgDetermined(e)},t.prototype.__getRawCfg=function(){return this._cfg.raw},t.prototype._resetCfgDetermined=function(t){var e=this._axisModel,n=e.getDefaultOption?e.getDefaultOption():{},i=rt(t.axisName,e.get("name")),r=e.get("nameMoveOverlap");null!=r&&"auto"!==r||(r=rt(t.defaultNameMoveOverlap,!0));var o={raw:t,position:t.position,rotation:t.rotation,nameDirection:rt(t.nameDirection,1),tickDirection:rt(t.tickDirection,1),labelDirection:rt(t.labelDirection,1),labelOffset:rt(t.labelOffset,0),silent:rt(t.silent,!0),axisName:i,nameLocation:ot(e.get("nameLocation"),n.nameLocation,"end"),shouldNameMoveOverlap:AC(i)&&r,optionHideOverlap:e.get(["axisLabel","hideOverlap"]),showMinorTicks:e.get(["minorTick","show"])};this._cfg=o;var a=new to({x:o.position[0],y:o.position[1],rotation:o.rotation});a.updateTransform(),this._transformGroup=a;var s=this._shared.ensureRecord(e);s.transGroup=this._transformGroup,s.dirVec=new Ae(Math.cos(-o.rotation),Math.sin(-o.rotation))},t.prototype.build=function(t,e){var n=this;return t||(t={axisLine:!0,axisTickLabelEstimate:!1,axisTickLabelDetermine:!0,axisName:!0}),z(xC,(function(i){t[i]&&_C[i](n._cfg,n._local,n._shared,n._axisModel,n.group,n._transformGroup,n._api,e||{})})),this},t.innerTextLayout=function(t,e,n){var i,r,o=To(e-t);return Co(o)?(r=n>0?"top":"bottom",i="center"):Co(o-sC)?(r=n>0?"bottom":"top",i="center"):(r="middle",i=o>0&&o<sC?n>0?"right":"left":n>0?"left":"right"),{rotation:o,textAlign:i,textVerticalAlign:r}},t.makeAxisEventDataBase=function(t){var e={componentType:t.mainType,componentIndex:t.componentIndex};return e[t.mainType+"Index"]=t.componentIndex,e},t.isLabelSilent=function(t){var e=t.get("tooltip");return t.get("silent")||!(t.get("triggerEvent")||e&&e.show)},t}(),xC=["axisLine","axisTickLabelEstimate","axisTickLabelDetermine","axisName"],_C={axisLine:function(t,e,n,i,r,o,a){var s=i.get(["axisLine","show"]);if("auto"===s&&(s=!0,null!=t.raw.axisLineAutoShow&&(s=!!t.raw.axisLineAutoShow)),s){var l=i.axis.getExtent(),u=o.transform,c=[l[0],0],h=[l[1],0],d=c[0]>h[0];u&&(Ht(c,c,u),Ht(h,h,u));var p=A({lineCap:"round"},i.getModel(["axisLine","lineStyle"]).getLineStyle()),f={strokeContainThreshold:t.raw.strokeContainThreshold||5,silent:!0,z2:1,style:p};if(i.get(["axisLine","breakLine"])&&i.axis.scale.hasBreaks())YT().buildAxisBreakLine(i,r,o,f);else{var g=new Ac(A({shape:{x1:c[0],y1:c[1],x2:h[0],y2:h[1]}},f));_h(g.shape,g.style.lineWidth),g.anid="line",r.add(g)}var y=i.get(["axisLine","symbol"]);if(null!=y){var v=i.get(["axisLine","symbolSize"]);X(y)&&(y=[y,y]),(X(v)||j(v))&&(v=[v,v]);var m=pm(i.get(["axisLine","symbolOffset"])||0,v),x=v[0],_=v[1];z([{rotate:t.rotation+Math.PI/2,offset:m[0],r:0},{rotate:t.rotation-Math.PI/2,offset:m[1],r:Math.sqrt((c[0]-h[0])*(c[0]-h[0])+(c[1]-h[1])*(c[1]-h[1]))}],(function(e,n){if("none"!==y[n]&&null!=y[n]){var i=hm(y[n],-x/2,-_/2,x,_,p.stroke,!0),o=e.r+e.offset,a=d?h:c;i.attr({rotation:e.rotate,x:a[0]+o*Math.cos(t.rotation),y:a[1]-o*Math.sin(t.rotation),silent:!0,z2:11}),r.add(i)}}))}}},axisTickLabelEstimate:function(t,e,n,i,r,o,a,s){MC(e,r,s)&&bC(t,e,n,i,r,o,a,Iw)},axisTickLabelDetermine:function(t,e,n,i,r,o,a,s){MC(e,r,s)&&bC(t,e,n,i,r,o,a,Tw);var l=function(t,e,n,i){var r=i.axis,o=i.getModel("axisTick"),a=o.get("show");"auto"===a&&(a=!0,null!=t.raw.axisTickAutoShow&&(a=!!t.raw.axisTickAutoShow));if(!a||r.scale.isBlank())return[];for(var s=o.getModel("lineStyle"),l=t.tickDirection*o.get("length"),u=SC(r.getTicksCoords(),n.transform,l,k(s.getLineStyle(),{stroke:i.get(["axisLine","lineStyle","color"])}),"ticks"),c=0;c<u.length;c++)e.add(u[c]);return u}(t,r,o,i);!function(t,e,n){if(t.showMinorTicks)return;z(e,(function(t){if(t&&t.label.ignore)for(var e=0;e<n.length;e++){var i=n[e],r=hC(i),o=cC(t.label);if(null!=r.tickValue&&!r.onBand&&r.tickValue===o.tickValue)return void wC(i)}}))}(t,e.labelLayoutList,l),function(t,e,n,i,r){var o=i.axis,a=i.getModel("minorTick");if(!t.showMinorTicks||o.scale.isBlank())return;var s=o.getMinorTicksCoords();if(!s.length)return;for(var l=a.getModel("lineStyle"),u=r*a.get("length"),c=k(l.getLineStyle(),k(i.getModel("axisTick").getLineStyle(),{stroke:i.get(["axisLine","lineStyle","color"])})),h=0;h<s.length;h++)for(var d=SC(s[h],n.transform,u,c,"minorticks_"+h),p=0;p<d.length;p++)e.add(d[p])}(t,r,o,i,t.tickDirection)},axisName:function(t,e,n,i,r,o,a,s){var l=n.ensureRecord(i);e.nameEl&&(r.remove(e.nameEl),e.nameEl=l.nameLayout=l.nameLocation=null);var u=t.axisName;if(AC(u)){var c=t.nameLocation,h=t.nameDirection,d=i.getModel("nameTextStyle"),p=i.get("nameGap")||0,f=i.axis.getExtent(),g=i.axis.inverse?-1:1,y=new Ae(0,0),v=new Ae(0,0);"start"===c?(y.x=f[0]-g*p,v.x=-g):"end"===c?(y.x=f[1]+g*p,v.x=g):(y.x=(f[0]+f[1])/2,y.y=t.labelOffset+h*p,v.y=h);var m=[1,0,0,1,0,0];v.transform(Me(m,m,t.rotation));var x,_,b=i.get("nameRotate");null!=b&&(b=b*sC/180),Qb(c)?x=mC.innerTextLayout(t.rotation,null!=b?b:t.rotation,h):(x=function(t,e,n,i){var r,o,a=To(n-t),s=i[0]>i[1],l="start"===e&&!s||"start"!==e&&s;Co(a-sC/2)?(o=l?"bottom":"top",r="center"):Co(a-1.5*sC)?(o=l?"top":"bottom",r="center"):(o="middle",r=a<1.5*sC&&a>sC/2?l?"left":"right":l?"right":"left");return{rotation:a,textAlign:r,textVerticalAlign:o}}(t.rotation,c,b||0,f),null!=(_=t.raw.axisNameAvailableWidth)&&(_=Math.abs(_/Math.sin(x.rotation)),!isFinite(_)&&(_=null)));var w=d.getFont(),S=i.get("nameTruncate",!0)||{},M=S.ellipsis,I=it(t.raw.nameTruncateMaxWidth,S.maxWidth,_),T=s.nameMarginLevel||0,C=new Sl({x:y.x,y:y.y,rotation:x.rotation,silent:mC.isLabelSilent(i),style:Qh(d,{text:u,font:w,overflow:"truncate",width:I,ellipsis:M,fill:d.getTextColor()||i.get(["axisLine","lineStyle","color"]),align:d.get("align")||x.textAlign,verticalAlign:d.get("verticalAlign")||x.textVerticalAlign}),z2:1});if(zh({el:C,componentModel:i,itemName:u}),C.__fullText=u,C.anid="name",i.get("triggerEvent")){var D=mC.makeAxisEventDataBase(i);D.targetType="axisName",D.name=u,zl(C).eventData=D}o.add(C),C.updateTransform(),e.nameEl=C;var A=l.nameLayout=vS({label:C,priority:C.z2,defaultAttr:{ignore:C.ignore},marginDefault:Qb(c)?lC[T]:uC[T]});if(l.nameLocation=c,r.add(C),C.decomposeTransform(),t.shouldNameMoveOverlap&&A){var k=n.ensureRecord(i);0,n.resolveAxisNameOverlap(t,n,i,A,v,k)}}}};function bC(t,e,n,i,r,o,a,s){IC(e)||function(t,e,n,i,r,o){var a=r.axis,s=it(t.raw.axisLabelShow,r.get(["axisLabel","show"])),l=new to;n.add(l);var u=Cw(i);if(!s||a.scale.isBlank())return void TC(e,[],l,u);var c=r.getModel("axisLabel"),h=a.getViewLabels(u),d=(it(t.raw.labelRotate,c.get("rotate"))||0)*sC/180,p=mC.innerTextLayout(t.rotation,d,t.labelDirection),f=r.getCategories&&r.getCategories(!0),g=[],y=r.get("triggerEvent"),v=1/0,m=-1/0;z(h,(function(t,e){var n,i="ordinal"===a.scale.type?a.scale.getRawOrdinalNumber(t.tickValue):t.tickValue,s=t.formattedLabel,u=t.rawLabel,d=c;if(f&&f[i]){var x=f[i];q(x)&&x.textStyle&&(d=new wd(x.textStyle,c,r.ecModel))}var _=d.getTextColor()||r.get(["axisLine","lineStyle","color"]),b=d.getShallow("align",!0)||p.textAlign,w=rt(d.getShallow("alignMinLabel",!0),b),S=rt(d.getShallow("alignMaxLabel",!0),b),M=d.getShallow("verticalAlign",!0)||d.getShallow("baseline",!0)||p.textVerticalAlign,I=rt(d.getShallow("verticalAlignMinLabel",!0),M),T=rt(d.getShallow("verticalAlignMaxLabel",!0),M),C=10+((null===(n=t.time)||void 0===n?void 0:n.level)||0);v=Math.min(v,C),m=Math.max(m,C);var D=new Sl({x:0,y:0,rotation:0,silent:mC.isLabelSilent(r),z2:C,style:Qh(d,{text:s,align:0===e?w:e===h.length-1?S:b,verticalAlign:0===e?I:e===h.length-1?T:M,fill:Y(_)?_("category"===a.type?u:"value"===a.type?i+"":i,e):_})});D.anid="label_"+i;var A=cC(D);if(A.break=t.break,A.tickValue=i,A.layoutRotation=p.rotation,zh({el:D,componentModel:r,itemName:s,formatterParamsExtra:{isTruncated:function(){return D.isTruncated},value:u,tickIndex:e}}),y){var k=mC.makeAxisEventDataBase(r);k.targetType="axisLabel",k.value=u,k.tickIndex=e,t.break&&(k.break={start:t.break.parsedBreak.vmin,end:t.break.parsedBreak.vmax}),"category"===a.type&&(k.dataIndex=i),zl(D).eventData=k,t.break&&function(t,e,n,i){n.on("click",(function(n){var r={type:QT,breaks:[{start:i.parsedBreak.breakOption.start,end:i.parsedBreak.breakOption.end}]};r[t.axis.dim+"AxisIndex"]=t.componentIndex,e.dispatchAction(r)}))}(r,o,D,t.break)}g.push(D),l.add(D)}));var x=E(g,(function(t){return{label:t,priority:cC(t).break?t.z2+(m-v+1):t.z2,defaultAttr:{ignore:t.ignore}}}));TC(e,x,l,u)}(t,e,r,s,i,a);var l=e.labelLayoutList;!function(t,e,n,i){var r=e.get(["axisLabel","margin"]);z(n,(function(n,o){var a=vS(n);if(a){var s=a.label,l=cC(s);a.suggestIgnore=s.ignore,s.ignore=!1,kr(CC,DC),CC.x=e.axis.dataToCoord(l.tickValue),CC.y=t.labelOffset+t.labelDirection*r,CC.rotation=l.layoutRotation,i.add(CC),CC.updateTransform(),i.remove(CC),CC.decomposeTransform(),kr(s,CC),s.markRedraw(),gS(a,!0),vS(a)}}))}(t,i,l,o),function(t,e,n){var i=Nd();if(!i)return;var r=i.retrieveAxisBreakPairs(n,(function(t){return t&&cC(t.label).break}),!0),o=t.get(["breakLabelLayout","moveOverlap"],!0);!0!==o&&"auto"!==o||z(r,(function(i){YT().adjustBreakLabelPair(t.axis.inverse,e,[vS(n[i[0]]),vS(n[i[1]])])}))}(i,t.rotation,l);var u=t.optionHideOverlap;!function(t,e,n){if($b(t.axis))return;function i(t,i,r){var o=vS(e[i]),a=vS(e[r]);if(o&&a)if(!1===t||o.suggestIgnore)wC(o.label);else if(a.suggestIgnore)wC(a.label);else{var s=.1;if(!n){var l=[0,0,0,0];o=bS({marginForce:l},o),a=bS({marginForce:l},a)}IS(o,a,null,{touchThreshold:s})&&wC(t?a.label:o.label)}}var r=t.get(["axisLabel","showMinLabel"]),o=t.get(["axisLabel","showMaxLabel"]),a=e.length;i(r,0,1),i(o,a-1,a-2)}(i,l,u),u&&MS(V(l,(function(t){return t&&!t.label.ignore}))),function(t,e,n,i){var r,o=n.axis,a=e.ensureRecord(n),s=[],l=AC(t.axisName)&&Qb(t.nameLocation);z(i,(function(t){var e=vS(t);if(e&&!e.label.ignore){s.push(e);var n=a.transGroup;l&&(n.transform?Te(pC,n.transform):_e(pC),e.transform&&we(pC,pC,e.transform),He.copy(fC,e.localRect),fC.applyTransform(pC),r?r.union(fC):He.copy(r=new He(0,0,0,0),fC))}}));var u=Math.abs(a.dirVec.x)>.1?"x":"y",c=a.transGroup[u];if(s.sort((function(t,e){return Math.abs(t.label[u]-c)-Math.abs(e.label[u]-c)})),l&&r){var h=o.getExtent(),d=Math.min(h[0],h[1]),p=Math.max(h[0],h[1])-d;r.union(new He(d,0,p,1))}a.stOccupiedRect=r,a.labelInfoList=s}(t,n,i,l)}function wC(t){t&&(t.ignore=!0)}function SC(t,e,n,i,r){for(var o=[],a=[],s=[],l=0;l<t.length;l++){var u=t[l].coord;a[0]=u,a[1]=0,s[0]=u,s[1]=n,e&&(Ht(a,a,e),Ht(s,s,e));var c=new Ac({shape:{x1:a[0],y1:a[1],x2:s[0],y2:s[1]},style:i,z2:2,autoBatch:!0,silent:!0});_h(c.shape,c.style.lineWidth),c.anid=r+"_"+t[l].tickValue,o.push(c);var h=hC(c);h.onBand=!!t[l].onBand,h.tickValue=t[l].tickValue}return o}function MC(t,e,n){if(IC(t)){var i=t.axisLabelsCreationContext;0;var r=i.out.noPxChangeTryDetermine;if(n.noPxChange){for(var o=!0,a=0;a<r.length;a++)o=o&&r[a]();if(o)return!1}r.length&&(e.remove(t.labelGroup),TC(t,null,null,null))}return!0}function IC(t){return!!t.labelLayoutList}function TC(t,e,n,i){t.labelLayoutList=e,t.labelGroup=n,t.axisLabelsCreationContext=i}var CC=new xl,DC=new xl;function AC(t){return!!t}function kC(t,e,n){n=n||{};var i=e.axis,r={},o=i.getAxesOnZeroOf()[0],a=i.position,s=o?"onZero":a,l=i.dim,u=[t.x,t.x+t.width,t.y,t.y+t.height],c={left:0,right:1,top:0,bottom:1,onZero:2},h=e.get("offset")||0,d="x"===l?[u[2]-h,u[3]+h]:[u[0]-h,u[1]+h];if(o){var p=o.toGlobalCoord(o.dataToCoord(0));d[c.onZero]=Math.max(Math.min(p,d[1]),d[0])}r.position=["y"===l?d[c[s]]:u[0],"x"===l?d[c[s]]:u[3]],r.rotation=Math.PI/2*("x"===l?0:1);r.labelDirection=r.tickDirection=r.nameDirection={top:-1,bottom:1,left:-1,right:1}[a],r.labelOffset=o?d[c[a]]-d[c.onZero]:0,e.get(["axisTick","inside"])&&(r.tickDirection=-r.tickDirection),it(n.labelInside,e.get(["axisLabel","inside"]))&&(r.labelDirection=-r.labelDirection);var f=e.get(["axisLabel","rotate"]);return r.labelRotate="top"===s?-f:f,r.z2=1,r}function LC(t){var e={xAxisModel:null,yAxisModel:null};return z(e,(function(n,i){var r=i.replace(/Model$/,""),o=t.getReferringComponents(r,ha).models[0];e[i]=o})),e}function PC(t,e,n){var i=cb.prototype,r=i.getTicks.call(n),o=i.getTicks.call(n,{expandToNicedExtent:!0}),a=r.length-1,s=i.getInterval.call(n),l=Yb(t,e),u=l.extent,c=l.fixMin,h=l.fixMax;"log"===t.type&&(u=ib(t.base,u,!0)),t.setBreaksFromOption(ew(e)),t.setExtent(u[0],u[1]),t.calcNiceExtent({splitNumber:a,fixMin:c,fixMax:h});var d=i.getExtent.call(t);c&&(u[0]=d[0]),h&&(u[1]=d[1]);var p=i.getInterval.call(t),f=u[0],g=u[1];if(c&&h)p=(g-f)/a;else if(c)for(g=u[0]+p*a;g<u[1]&&isFinite(g)&&isFinite(u[1]);)p=K_(p),g=u[0]+p*a;else if(h)for(f=u[1]-p*a;f>u[0]&&isFinite(f)&&isFinite(u[0]);)p=K_(p),f=u[1]-p*a;else{t.getTicks().length-1>a&&(p=K_(p));var y=p*a;(f=mo((g=Math.ceil(u[1]/p)*p)-y))<0&&u[0]>=0?(f=0,g=mo(y)):g>0&&u[1]<=0&&(g=0,f=-mo(y))}var v=(r[0].value-o[0].value)/s,m=(r[a].value-o[a].value)/s;i.setExtent.call(t,f+p*v,g+p*m),i.setInterval.call(t,p),(v||m)&&i.setNiceExtent.call(t,f+p,g-p)}var OC,RC=[[3,1],[0,2]],NC=function(){function t(t,e,n){this.type="grid",this._coordsMap={},this._coordsList=[],this._axesMap={},this._axesList=[],this.axisPointerEnabled=!0,this.dimensions=qT,this._initCartesian(t,e,n),this.model=t}return t.prototype.getRect=function(){return this._rect},t.prototype.update=function(t,e){var n=this._axesMap;function i(t){var e,n=F(t),i=n.length;if(i){for(var r=[],o=i-1;o>=0;o--){var a=t[+n[o]],s=a.model,l=a.scale;j_(l)&&s.get("alignTicks")&&null==s.get("interval")?r.push(a):(Xb(l,s),j_(l)&&(e=a))}r.length&&(e||Xb((e=r.pop()).scale,e.model),z(r,(function(t){PC(t.scale,t.model,e.scale)})))}}this._updateScale(t,this.model),i(n.x),i(n.y);var r={};z(n.x,(function(t){EC(n,"y",t,r)})),z(n.y,(function(t){EC(n,"x",t,r)})),this.resize(this.model,e)},t.prototype.resize=function(t,e,n){var i=Xp(t,e),r=this._rect=Hp(t.getBoxLayoutParams(),i.refContainer),o=this._axesMap,a=this._coordsList,s=t.get("containLabel");if(VC(o,r),!n){var l=function(t,e,n,i,r){var o=new dC(HC);return z(n,(function(n){return z(n,(function(n){if(tw(n.model)){var a=!i;n.axisBuilder=function(t,e,n,i,r,o){for(var a=kC(t,n),s=!1,l=!1,u=0;u<e.length;u++)j_(e[u].getOtherAxis(n.axis).scale)&&(s=l=!0,"category"===n.axis.type&&n.axis.onBand&&(l=!1));return a.axisLineAutoShow=s,a.axisTickAutoShow=l,a.defaultNameMoveOverlap=o,new mC(n,i,a,r)}(t,e,n.model,r,o,a)}}))})),o}(r,a,o,s,e),u=void 0;if(s)OC?(OC(this._axesList,r),VC(o,r)):u=FC(r.clone(),"axisLabel",null,r,o,l,i);else{var c=function(t,e,n){var i,r=t.get("outerBoundsMode",!0);"same"===r?i=e.clone():null!=r&&"auto"!==r||(i=Hp(t.get("outerBounds",!0)||NT,n.refContainer));var o,a=t.get("outerBoundsContain",!0);o=null==a||"auto"===a||P(["all","axisLabel"],a)<0?"all":a;var s=[vo(rt(t.get("outerBoundsClampWidth",!0),zT[0]),e.width),vo(rt(t.get("outerBoundsClampHeight",!0),zT[1]),e.height)];return{outerBoundsRect:i,parsedOuterBoundsContain:o,outerBoundsClamp:s}}(t,r,i),h=c.outerBoundsRect,d=c.parsedOuterBoundsContain,p=c.outerBoundsClamp;h&&(u=FC(h,d,p,r,o,l,i))}WC(r,o,Tw,null,u,i)}z(this._coordsList,(function(t){t.calcAffineTransform()}))},t.prototype.getAxis=function(t,e){var n=this._axesMap[t];if(null!=n)return n[e||0]},t.prototype.getAxes=function(){return this._axesList.slice()},t.prototype.getCartesian=function(t,e){if(null!=t&&null!=e){var n="x"+t+"y"+e;return this._coordsMap[n]}q(t)&&(e=t.yAxisIndex,t=t.xAxisIndex);for(var i=0,r=this._coordsList;i<r.length;i++)if(r[i].getAxis("x").index===t||r[i].getAxis("y").index===e)return r[i]},t.prototype.getCartesians=function(){return this._coordsList.slice()},t.prototype.convertToPixel=function(t,e,n){var i=this._findConvertTarget(e);return i.cartesian?i.cartesian.dataToPoint(n):i.axis?i.axis.toGlobalCoord(i.axis.dataToCoord(n)):null},t.prototype.convertFromPixel=function(t,e,n){var i=this._findConvertTarget(e);return i.cartesian?i.cartesian.pointToData(n):i.axis?i.axis.coordToData(i.axis.toLocalCoord(n)):null},t.prototype._findConvertTarget=function(t){var e,n,i=t.seriesModel,r=t.xAxisModel||i&&i.getReferringComponents("xAxis",ha).models[0],o=t.yAxisModel||i&&i.getReferringComponents("yAxis",ha).models[0],a=t.gridModel,s=this._coordsList;if(i)P(s,e=i.coordinateSystem)<0&&(e=null);else if(r&&o)e=this.getCartesian(r.componentIndex,o.componentIndex);else if(r)n=this.getAxis("x",r.componentIndex);else if(o)n=this.getAxis("y",o.componentIndex);else if(a){a.coordinateSystem===this&&(e=this._coordsList[0])}return{cartesian:e,axis:n}},t.prototype.containPoint=function(t){var e=this._coordsList[0];if(e)return e.containPoint(t)},t.prototype._initCartesian=function(t,e,n){var i=this,r=this,o={left:!1,right:!1,top:!1,bottom:!1},a={x:{},y:{}},s={x:0,y:0};if(e.eachComponent("xAxis",l("x"),this),e.eachComponent("yAxis",l("y"),this),!s.x||!s.y)return this._axesMap={},void(this._axesList=[]);function l(e){return function(n,i){if(zC(n,t)){var l=n.get("position");"x"===e?"top"!==l&&"bottom"!==l&&(l=o.bottom?"top":"bottom"):"left"!==l&&"right"!==l&&(l=o.left?"right":"left"),o[l]=!0;var u=new JT(e,Zb(n),[0,0],n.get("type"),l),c="category"===u.type;u.onBand=c&&n.get("boundaryGap"),u.inverse=n.get("inverse"),n.axis=u,u.model=n,u.grid=r,u.index=i,r._axesList.push(u),a[e][i]=u,s[e]++}}}this._axesMap=a,z(a.x,(function(e,n){z(a.y,(function(r,o){var a="x"+n+"y"+o,s=new $T(a);s.master=i,s.model=t,i._coordsMap[a]=s,i._coordsList.push(s),s.addAxis(e),s.addAxis(r)}))}))},t.prototype._updateScale=function(t,e){function n(t,e){z(Jb(t,e.dim),(function(n){e.scale.unionExtentFromData(t,n)}))}z(this._axesList,(function(t){if(t.scale.setExtent(1/0,-1/0),"category"===t.type){var e=t.model.get("categorySortInfo");t.scale.setSortInfo(e)}})),t.eachSeries((function(t){if(function(t){return t.coordinateSystem&&"cartesian2d"===t.coordinateSystem.type}(t)){var i=LC(t),r=i.xAxisModel,o=i.yAxisModel;if(!zC(r,e)||!zC(o,e))return;var a=this.getCartesian(r.componentIndex,o.componentIndex),s=t.getData(),l=a.getAxis("x"),u=a.getAxis("y");n(s,l),n(s,u)}}),this)},t.prototype.getTooltipAxes=function(t){var e=[],n=[];return z(this.getCartesians(),(function(i){var r=null!=t&&"auto"!==t?i.getAxis(t):i.getBaseAxis(),o=i.getOtherAxis(r);P(e,r)<0&&e.push(r),P(n,o)<0&&n.push(o)})),{baseAxes:e,otherAxes:n}},t.create=function(e,n){var i=[];return e.eachComponent("grid",(function(r,o){var a=new t(r,e,n);a.name="grid_"+o,a.resize(r,n,!0),r.coordinateSystem=a,i.push(a)})),e.eachSeries((function(t){Rp({targetModel:t,coordSysType:"cartesian2d",coordSysProvider:function(){var e=LC(t),n=e.xAxisModel,i=e.yAxisModel,r=n.getCoordSysModel();0;return r.coordinateSystem.getCartesian(n.componentIndex,i.componentIndex)}})})),i},t.dimensions=qT,t}();function zC(t,e){return t.getCoordSysModel()===e}function EC(t,e,n,i){n.getAxesOnZeroOf=function(){return r?[r]:[]};var r,o=t[e],a=n.model,s=a.get(["axisLine","onZero"]),l=a.get(["axisLine","onZeroAxisIndex"]);if(s){if(null!=l)BC(o[l])&&(r=o[l]);else for(var u in o)if(o.hasOwnProperty(u)&&BC(o[u])&&!i[c(o[u])]){r=o[u];break}r&&(i[c(r)]=!0)}function c(t){return t.dim+"_"+t.index}}function BC(t){return t&&"category"!==t.type&&"time"!==t.type&&function(t){var e=t.scale.getExtent(),n=e[0],i=e[1];return!(n>0&&i>0||n<0&&i<0)}(t)}function VC(t,e){z(t.x,(function(t){return GC(t,e.x,e.width)})),z(t.y,(function(t){return GC(t,e.y,e.height)}))}function GC(t,e,n){var i=[0,n],r=t.inverse?1:0;t.setExtent(i[r],i[1-r]),function(t,e){var n=t.getExtent(),i=n[0]+n[1];t.toGlobalCoord="x"===t.dim?function(t){return t+e}:function(t){return i-t+e},t.toLocalCoord="x"===t.dim?function(t){return t-e}:function(t){return i-t+e}}(t,e)}function FC(t,e,n,i,r,o,a){WC(i,r,Iw,e,!1,a);var s=[0,0,0,0];u(0),u(1),c(i,0,NaN),c(i,1,NaN);var l=null==G(s,(function(t){return t>0}));return Oh(i,s,!0,!0,n),VC(r,i),l;function u(t){z(r[lh[t]],(function(e){if(tw(e.model)){var n=o.ensureRecord(e.model),i=n.labelInfoList;if(i)for(var r=0;r<i.length;r++){var a=i[r],s=e.scale.normalize(cC(a.label).tickValue);s=1===t?1-s:s,c(a.rect,t,s),c(a.rect,1-t,NaN)}var l=n.nameLayout;if(l){s=Qb(n.nameLocation)?.5:NaN;c(l.rect,t,s),c(l.rect,1-t,NaN)}}}))}function c(e,n,i){var r=t[lh[n]]-e[lh[n]],o=e[uh[n]]+e[lh[n]]-(t[uh[n]]+t[lh[n]]);r=h(r,1-i),o=h(o,i);var a=RC[n][0],l=RC[n][1];s[a]=po(s[a],r),s[l]=po(s[l],o)}function h(t,e){return t>0&&!nt(e)&&e>1e-4&&(t/=e),t}}function WC(t,e,n,i,r,o){var a=n===Tw;z(e,(function(e){return z(e,(function(e){tw(e.model)&&(!function(t,e,n){var i=kC(e,n);t.updateCfg(i)}(e.axisBuilder,t,e.model),e.axisBuilder.build(a?{axisTickLabelDetermine:!0}:{axisTickLabelEstimate:!0},{noPxChange:r}))}))}));var s={x:0,y:0};function l(e){s[lh[1-e]]=t[uh[e]]<=.5*o.refContainer[uh[e]]?0:1-e==1?2:1}l(0),l(1),z(e,(function(t,e){return z(t,(function(t){tw(t.model)&&(("all"===i||a)&&t.axisBuilder.build({axisName:!0},{nameMarginLevel:s[e]}),a&&t.axisBuilder.build({axisLine:!0}))}))}))}var HC=function(t,e,n,i,r,o){var a="x"===n.axis.dim?"y":"x";gC(t,0,0,i,r,o),Qb(t.nameLocation)||z(e.recordMap[a],(function(t){t&&t.labelInfoList&&t.dirVec&&vC(t.labelInfoList,t.dirVec,i,r)}))};function UC(t,e){var n={axesInfo:{},seriesInvolved:!1,coordSysAxesInfo:{},coordSysMap:{}};return function(t,e,n){var i=e.getComponent("tooltip"),r=e.getComponent("axisPointer"),o=r.get("link",!0)||[],a=[];z(n.getCoordinateSystems(),(function(n){if(n.axisPointerEnabled){var s=qC(n.model),l=t.coordSysAxesInfo[s]={};t.coordSysMap[s]=n;var u=n.model.getModel("tooltip",i);if(z(n.getAxes(),H(p,!1,null)),n.getTooltipAxes&&i&&u.get("show")){var c="axis"===u.get("trigger"),h="cross"===u.get(["axisPointer","type"]),d=n.getTooltipAxes(u.get(["axisPointer","axis"]));(c||h)&&z(d.baseAxes,H(p,!h||"cross",c)),h&&z(d.otherAxes,H(p,"cross",!1))}}function p(i,s,c){var h=c.model.getModel("axisPointer",r),d=h.get("show");if(d&&("auto"!==d||i||jC(h))){null==s&&(s=h.get("triggerTooltip")),h=i?function(t,e,n,i,r,o){var a=e.getModel("axisPointer"),s={};z(["type","snap","lineStyle","shadowStyle","label","animation","animationDurationUpdate","animationEasingUpdate","z"],(function(t){s[t]=T(a.get(t))})),s.snap="category"!==t.type&&!!o,"cross"===a.get("type")&&(s.type="line");var l=s.label||(s.label={});if(null==l.show&&(l.show=!1),"cross"===r){var u=a.get(["label","show"]);if(l.show=null==u||u,!o){var c=s.lineStyle=a.get("crossStyle");c&&k(l,c.textStyle)}}return t.model.getModel("axisPointer",new wd(s,n,i))}(c,u,r,e,i,s):h;var p=h.get("snap"),f=h.get("triggerEmphasis"),g=qC(c.model),y=s||p||"category"===c.type,v=t.axesInfo[g]={key:g,axis:c,coordSys:n,axisPointerModel:h,triggerTooltip:s,triggerEmphasis:f,involveSeries:y,snap:p,useHandle:jC(h),seriesModels:[],linkGroup:null};l[g]=v,t.seriesInvolved=t.seriesInvolved||y;var m=function(t,e){for(var n=e.model,i=e.dim,r=0;r<t.length;r++){var o=t[r]||{};if(YC(o[i+"AxisId"],n.id)||YC(o[i+"AxisIndex"],n.componentIndex)||YC(o[i+"AxisName"],n.name))return r}}(o,c);if(null!=m){var x=a[m]||(a[m]={axesInfo:{}});x.axesInfo[g]=v,x.mapper=o[m].mapper,v.linkGroup=x}}}}))}(n,t,e),n.seriesInvolved&&function(t,e){e.eachSeries((function(e){var n=e.coordinateSystem,i=e.get(["tooltip","trigger"],!0),r=e.get(["tooltip","show"],!0);n&&n.model&&"none"!==i&&!1!==i&&"item"!==i&&!1!==r&&!1!==e.get(["axisPointer","show"],!0)&&z(t.coordSysAxesInfo[qC(n.model)],(function(t){var i=t.axis;n.getAxis(i.dim)===i&&(t.seriesModels.push(e),null==t.seriesDataCount&&(t.seriesDataCount=0),t.seriesDataCount+=e.getData().count())}))}))}(n,t),n}function YC(t,e){return"all"===t||U(t)&&P(t,e)>=0||t===e}function XC(t){var e=ZC(t);if(e){var n=e.axisPointerModel,i=e.axis.scale,r=n.option,o=n.get("status"),a=n.get("value");null!=a&&(a=i.parse(a));var s=jC(n);null==o&&(r.status=s?"show":"hide");var l=i.getExtent().slice();l[0]>l[1]&&l.reverse(),(null==a||a>l[1])&&(a=l[1]),a<l[0]&&(a=l[0]),r.value=a,s&&(r.status=e.axis.scale.isBlank()?"hide":"show")}}function ZC(t){var e=(t.ecModel.getComponent("axisPointer")||{}).coordSysAxesInfo;return e&&e.axesInfo[qC(t)]}function jC(t){return!!t.get(["handle","show"])}function qC(t){return t.type+"||"+t.id}var KC={},$C=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(e,n,i,r){this.axisPointerClass&&XC(e),t.prototype.render.apply(this,arguments),this._doUpdateAxisPointerClass(e,i,!0)},e.prototype.updateAxisPointer=function(t,e,n,i){this._doUpdateAxisPointerClass(t,n,!1)},e.prototype.remove=function(t,e){var n=this._axisPointer;n&&n.remove(e)},e.prototype.dispose=function(e,n){this._disposeAxisPointer(n),t.prototype.dispose.apply(this,arguments)},e.prototype._doUpdateAxisPointerClass=function(t,n,i){var r=e.getAxisPointerClass(this.axisPointerClass);if(r){var o=function(t){var e=ZC(t);return e&&e.axisPointerModel}(t);o?(this._axisPointer||(this._axisPointer=new r)).render(t,o,n,i):this._disposeAxisPointer(n)}},e.prototype._disposeAxisPointer=function(t){this._axisPointer&&this._axisPointer.dispose(t),this._axisPointer=null},e.registerAxisPointerClass=function(t,e){KC[t]=e},e.getAxisPointerClass=function(t){return t&&KC[t]},e.type="axis",e}(Ky),JC=sa();function QC(t,e,n,i){var r=n.axis;if(!r.scale.isBlank()){var o=n.getModel("splitArea"),a=o.getModel("areaStyle"),s=a.get("color"),l=i.coordinateSystem.getRect(),u=r.getTicksCoords({tickModel:o,clamp:!0,breakTicks:"none",pruneByBreak:"preserve_extent_bound"});if(u.length){var c=s.length,h=JC(t).splitAreaColors,d=yt(),p=0;if(h)for(var f=0;f<u.length;f++){var g=h.get(u[f].tickValue);if(null!=g){p=(g+(c-1)*f)%c;break}}var y=r.toGlobalCoord(u[0].coord),v=a.getAreaStyle();s=U(s)?s:[s];for(f=1;f<u.length;f++){var m=r.toGlobalCoord(u[f].coord),x=void 0,_=void 0,b=void 0,w=void 0;r.isHorizontal()?(x=y,_=l.y,b=m-x,w=l.height,y=x+b):(x=l.x,_=y,b=l.width,y=_+(w=m-_));var S=u[f-1].tickValue;null!=S&&d.set(S,p),e.add(new xl({anid:null!=S?"area_"+S:null,shape:{x:x,y:_,width:b,height:w},style:k({fill:s[p]},v),autoBatch:!0,silent:!0})),p=(p+1)%c}JC(t).splitAreaColors=d}}}function tD(t){JC(t).splitAreaColors=null}var eD=["splitArea","splitLine","minorSplitLine","breakArea"],nD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="CartesianAxisPointer",n}return n(e,t),e.prototype.render=function(e,n,i,r){this.group.removeAll();var o=this._axisGroup;(this._axisGroup=new to,this.group.add(this._axisGroup),tw(e))&&(this._axisGroup.add(e.axis.axisBuilder.group),z(eD,(function(t){e.get([t,"show"])&&iD[t](this,this._axisGroup,e,e.getCoordSysModel(),i)}),this),r&&"changeAxisOrder"===r.type&&r.isInitSort||Th(o,this._axisGroup,e),t.prototype.render.call(this,e,n,i,r))},e.prototype.remove=function(){tD(this)},e.type="cartesianAxis",e}($C),iD={splitLine:function(t,e,n,i,r){var o=n.axis;if(!o.scale.isBlank()){var a=n.getModel("splitLine"),s=a.getModel("lineStyle"),l=s.get("color"),u=!1!==a.get("showMinLine"),c=!1!==a.get("showMaxLine");l=U(l)?l:[l];for(var h=i.coordinateSystem.getRect(),d=o.isHorizontal(),p=0,f=o.getTicksCoords({tickModel:a,breakTicks:"none",pruneByBreak:"preserve_extent_bound"}),g=[],y=[],v=s.getLineStyle(),m=0;m<f.length;m++){var x=o.toGlobalCoord(f[m].coord);if((0!==m||u)&&(m!==f.length-1||c)){var _=f[m].tickValue;d?(g[0]=x,g[1]=h.y,y[0]=x,y[1]=h.y+h.height):(g[0]=h.x,g[1]=x,y[0]=h.x+h.width,y[1]=x);var b=p++%l.length,w=new Ac({anid:null!=_?"line_"+_:null,autoBatch:!0,shape:{x1:g[0],y1:g[1],x2:y[0],y2:y[1]},style:k({stroke:l[b]},v),silent:!0});_h(w.shape,v.lineWidth),e.add(w)}}}},minorSplitLine:function(t,e,n,i,r){var o=n.axis,a=n.getModel("minorSplitLine").getModel("lineStyle"),s=i.coordinateSystem.getRect(),l=o.isHorizontal(),u=o.getMinorTicksCoords();if(u.length)for(var c=[],h=[],d=a.getLineStyle(),p=0;p<u.length;p++)for(var f=0;f<u[p].length;f++){var g=o.toGlobalCoord(u[p][f].coord);l?(c[0]=g,c[1]=s.y,h[0]=g,h[1]=s.y+s.height):(c[0]=s.x,c[1]=g,h[0]=s.x+s.width,h[1]=g);var y=new Ac({anid:"minor_line_"+u[p][f].tickValue,autoBatch:!0,shape:{x1:c[0],y1:c[1],x2:h[0],y2:h[1]},style:d,silent:!0});_h(y.shape,d.lineWidth),e.add(y)}},splitArea:function(t,e,n,i,r){QC(t,e,n,i)},breakArea:function(t,e,n,i,r){var o=YT(),a=n.axis.scale;o&&"ordinal"!==a.type&&o.rectCoordBuildBreakAxis(e,t,n,i.coordinateSystem.getRect(),r)}},rD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="xAxis",e}(nD),oD=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type=rD.type,e}return n(e,t),e.type="yAxis",e}(nD),aD=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="grid",e}return n(e,t),e.prototype.render=function(t,e){this.group.removeAll(),t.get("show")&&this.group.add(new xl({shape:t.coordinateSystem.getRect(),style:k({fill:t.get("backgroundColor")},t.getItemStyle()),silent:!0,z2:-1}))},e.type="grid",e}(Ky),sD={offset:0};function lD(t){t.registerComponentView(aD),t.registerComponentModel(ET),t.registerCoordinateSystem("cartesian2d",NC),XT(t,"x",BT,sD),XT(t,"y",BT,sD),t.registerComponentView(rD),t.registerComponentView(oD),t.registerPreprocessor((function(t){t.xAxis&&t.yAxis&&!t.grid&&(t.grid={})}))}var uD=sa();function cD(t,e,n,i){if(t instanceof JT){var r=t.scale.type;if("category"!==r&&"ordinal"!==r)return n}var o=t.model,a=o.get("jitter"),s=o.get("jitterOverlap"),l=o.get("jitterMargin")||0,u="ordinal"===t.scale.type?t.getBandWidth():null;return a>0?s?hD(n,a,u,i):function(t,e,n,i,r,o){var a=uD(t);a.items||(a.items=[]);var s=a.items,l=dD(s,e,n,i,r,o,1),u=dD(s,e,n,i,r,o,-1),c=Math.abs(l-n)<Math.abs(u-n)?l:u,h="ordinal"===t.scale.type?t.getBandWidth():null,d=Math.abs(c-n);if(d>r/2||h&&d>h/2-i)return hD(n,r,h,i);return s.push({fixedCoord:e,floatCoord:c,r:i}),c}(t,e,n,i,a,l):n}function hD(t,e,n,i){if(null===n)return t+(Math.random()-.5)*e;var r=n-2*i,o=Math.min(Math.max(0,e),r);return t+(Math.random()-.5)*o}function dD(t,e,n,i,r,o,a){for(var s=n,l=0;l<t.length;l++){var u=t[l],c=e-u.fixedCoord,h=s-u.floatCoord,d=c*c+h*h,p=i+u.r+o;if(d<p*p){var f=u.floatCoord+Math.sqrt(p*p-c*c)*a;if(Math.abs(f-n)>r/2)return Number.MAX_VALUE;if(1===a&&f>s||-1===a&&f<s){s=f,l=-1;continue}}}return s}function pD(t){t.eachSeriesByType("scatter",(function(t){var e=t.coordinateSystem;if(e&&("cartesian2d"===e.type||"single"===e.type)){var n=e.getBaseAxis?e.getBaseAxis():null,i=n&&function(t,e){var n=t.coordinateSystem,i=n&&n.type,r=n&&n.getBaseAxis&&n.getBaseAxis(),o=r&&r.scale&&r.scale.type,a="cartesian2d"===i&&"ordinal"===o||"single"===i,s=e.model.get("jitter")>0;return a&&s}(t,n);if(i){var r=t.getData();r.each((function(t){var e=n.dim,i=n.orient,o="horizontal"===i&&"category"!==n.type||"vertical"===i&&"category"===n.type,a=r.getItemLayout(t),s=r.getItemVisual(t,"symbolSize"),l=s instanceof Array?(s[1]+s[0])/2:s;if("y"===e||"single"===e&&o){var u=cD(n,a[0],a[1],l/2);r.setItemLayout(t,[a[0],u])}else if("x"===e||"single"===e&&!o){u=cD(n,a[1],a[0],l/2);r.setItemLayout(t,[u,a[1]])}}))}}}))}function fD(t){t.eachSeriesByType("radar",(function(t){var e=t.getData(),n=[],i=t.coordinateSystem;if(i){var r=i.getIndicatorAxes();z(r,(function(t,o){e.each(e.mapDimension(r[o].dim),(function(t,e){n[e]=n[e]||[];var r=i.dataToPoint(t,o);n[e][o]=gD(r)?r:yD(i)}))})),e.each((function(t){var r=G(n[t],(function(t){return gD(t)}))||yD(i);n[t].push(r.slice()),e.setItemLayout(t,n[t])}))}}))}function gD(t){return!isNaN(t[0])&&!isNaN(t[1])}function yD(t){return[t.cx,t.cy]}function vD(t){var e=t.polar;if(e){U(e)||(e=[e]);var n=[];z(e,(function(e,i){e.indicator?(e.type&&!e.shape&&(e.shape=e.type),t.radar=t.radar||[],U(t.radar)||(t.radar=[t.radar]),t.radar.push(e)):n.push(e)})),t.polar=n}z(t.series,(function(t){t&&"radar"===t.type&&t.polarIndex&&(t.radarIndex=t.polarIndex)}))}var mD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.coordinateSystem,r=this.group,o=t.getData(),a=this._data;function s(t,e){var n=t.getItemVisual(e,"symbol")||"circle";if("none"!==n){var i=dm(t.getItemVisual(e,"symbolSize")),r=hm(n,-1,-1,2,2),o=t.getItemVisual(e,"symbolRotate")||0;return r.attr({style:{strokeNoScale:!0},z2:100,scaleX:i[0]/2,scaleY:i[1]/2,rotation:o*Math.PI/180||0}),r}}function l(e,n,i,r,o,a){i.removeAll();for(var l=0;l<n.length-1;l++){var u=s(r,o);u&&(u.__dimIdx=l,e[l]?(u.setPosition(e[l]),Zh[a?"initProps":"updateProps"](u,{x:n[l][0],y:n[l][1]},t,o)):u.setPosition(n[l]),i.add(u))}}function u(t){return E(t,(function(t){return[i.cx,i.cy]}))}o.diff(a).add((function(e){var n=o.getItemLayout(e);if(n){var i=new Mc,r=new Tc,a={shape:{points:n}};i.shape.points=u(n),r.shape.points=u(n),eh(i,a,t,e),eh(r,a,t,e);var s=new to,c=new to;s.add(r),s.add(i),s.add(c),l(r.shape.points,n,c,o,e,!0),o.setItemGraphicEl(e,s)}})).update((function(e,n){var i=a.getItemGraphicEl(n),r=i.childAt(0),s=i.childAt(1),u=i.childAt(2),c={shape:{points:o.getItemLayout(e)}};c.shape.points&&(l(r.shape.points,c.shape.points,u,o,e,!1),ah(s),ah(r),th(r,c,t),th(s,c,t),o.setItemGraphicEl(e,i))})).remove((function(t){r.remove(a.getItemGraphicEl(t))})).execute(),o.eachItemGraphicEl((function(t,e){var n=o.getItemModel(e),i=t.childAt(0),a=t.childAt(1),s=t.childAt(2),l=o.getItemVisual(e,"style"),u=l.fill;r.add(t),i.useStyle(k(n.getModel("lineStyle").getLineStyle(),{fill:"none",stroke:u})),ku(i,n,"lineStyle"),ku(a,n,"areaStyle");var c=n.getModel("areaStyle"),h=c.isEmpty()&&c.parentModel.isEmpty();a.ignore=h,z(["emphasis","select","blur"],(function(t){var e=n.getModel([t,"areaStyle"]),r=e.isEmpty()&&e.parentModel.isEmpty();a.ensureState(t).ignore=r&&h;var o=n.getModel([t,"lineStyle"]).getLineStyle();i.ensureState(t).style=o;var l=e.getAreaStyle();a.ensureState(t).style=l;var u=n.getModel([t,"itemStyle"]).getItemStyle();s.eachChild((function(e){e.ensureState(t).style=T(u)}))})),a.useStyle(k(n.getModel("areaStyle").getAreaStyle(),{fill:u,opacity:.7,decal:l.decal}));var d=n.getModel("emphasis");s.eachChild((function(t){if(t instanceof dl){var i=t.style;t.useStyle(A({image:i.image,x:i.x,y:i.y,width:i.width,height:i.height},l))}else t.useStyle(l),t.setColor(u),t.style.strokeNoScale=!0;var r=o.getStore().get(o.getDimensionIndex(t.__dimIdx),e);(null==r||isNaN(r))&&(r=""),$h(t,Jh(n),{labelFetcher:o.hostModel,labelDataIndex:e,labelDimIndex:t.__dimIdx,defaultText:r,inheritColor:u,defaultOpacity:l.opacity})})),Tu(t,d.get("focus"),d.get("blurScope"),d.get("disabled"))})),this._data=o},e.prototype.remove=function(){this.group.removeAll(),this._data=null},e.type="radar",e}(tv),xD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this))},e.prototype.getInitialData=function(t,e){return IT(this,{generateCoord:"indicator_",generateCoordCount:1/0})},e.prototype.formatTooltip=function(t,e,n){var i=this.getData(),r=this.coordinateSystem.getIndicatorAxes(),o=this.getData().getName(t),a=""===o?this.name:o,s=Ny(this,t);return Ty("section",{header:a,sortBlocks:!0,blocks:E(r,(function(e){var n=i.get(i.mapDimension(e.dim),t);return Ty("nameValue",{markerType:"subItem",markerColor:s,name:e.name,value:n,sortParam:n})}))})},e.prototype.getTooltipPosition=function(t){if(null!=t)for(var e=this.getData(),n=this.coordinateSystem,i=e.getValues(E(n.dimensions,(function(t){return e.mapDimension(t)})),t),r=0,o=i.length;r<o;r++)if(!isNaN(i[r])){var a=n.getIndicatorAxes();return n.coordToPoint(a[r].dataToCoord(i[r]),r)}},e.type="series.radar",e.dependencies=["radar"],e.defaultOption={z:2,colorBy:"data",coordinateSystem:"radar",legendHoverLink:!0,radarIndex:0,lineStyle:{width:2,type:"solid",join:"round"},label:{position:"top"},symbolSize:8},e}(Wy),_D=WT.value;function bD(t,e){return k({show:e},t)}var wD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){var t=this.get("boundaryGap"),e=this.get("splitNumber"),n=this.get("scale"),i=this.get("axisLine"),r=this.get("axisTick"),o=this.get("axisLabel"),a=this.get("axisName"),s=this.get(["axisName","show"]),l=this.get(["axisName","formatter"]),u=this.get("axisNameGap"),c=this.get("triggerEvent"),h=E(this.get("indicator")||[],(function(h){null!=h.max&&h.max>0&&!h.min?h.min=0:null!=h.min&&h.min<0&&!h.max&&(h.max=0);var d=a;null!=h.color&&(d=k({color:h.color},a));var p=C(T(h),{boundaryGap:t,splitNumber:e,scale:n,axisLine:i,axisTick:r,axisLabel:o,name:h.text,showName:s,nameLocation:"end",nameGap:u,nameTextStyle:d,triggerEvent:c},!1);if(X(l)){var f=p.name;p.name=l.replace("{value}",null!=f?f:"")}else Y(l)&&(p.name=l(p.name,p));var g=new wd(p,null,this.ecModel);return R(g,nw.prototype),g.mainType="radar",g.componentIndex=this.componentIndex,g}),this);this._indicatorModels=h},e.prototype.getIndicatorModels=function(){return this._indicatorModels},e.type="radar",e.defaultOption={z:0,center:["50%","50%"],radius:"50%",startAngle:90,axisName:{show:!0,color:tf.color.axisLabel},boundaryGap:[0,0],splitNumber:5,axisNameGap:15,scale:!1,shape:"polygon",axisLine:C({lineStyle:{color:tf.color.neutral20}},_D.axisLine),axisLabel:bD(_D.axisLabel,!1),axisTick:bD(_D.axisTick,!1),splitLine:bD(_D.splitLine,!0),splitArea:bD(_D.splitArea,!0),indicator:[]},e}(Qp),SD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this.group.removeAll(),this._buildAxes(t,n),this._buildSplitLineAndArea(t)},e.prototype._buildAxes=function(t,e){var n=t.coordinateSystem;z(E(n.getIndicatorAxes(),(function(t){var i=t.model.get("showName")?t.name:"";return new mC(t.model,e,{axisName:i,position:[n.cx,n.cy],rotation:t.angle,labelDirection:-1,tickDirection:-1,nameDirection:1})})),(function(t){t.build(),this.group.add(t.group)}),this)},e.prototype._buildSplitLineAndArea=function(t){var e=t.coordinateSystem,n=e.getIndicatorAxes();if(n.length){var i=t.get("shape"),r=t.getModel("splitLine"),o=t.getModel("splitArea"),a=r.getModel("lineStyle"),s=o.getModel("areaStyle"),l=r.get("show"),u=o.get("show"),c=a.get("color"),h=s.get("color"),d=U(c)?c:[c],p=U(h)?h:[h],f=[],g=[];if("circle"===i)for(var y=n[0].getTicksCoords(),v=e.cx,m=e.cy,x=0;x<y.length;x++){if(l)f[C(f,d,x)].push(new nc({shape:{cx:v,cy:m,r:y[x].coord}}));if(u&&x<y.length-1)g[C(g,p,x)].push(new bc({shape:{cx:v,cy:m,r0:y[x].coord,r:y[x+1].coord}}))}else{var _,b=E(n,(function(t,n){var i=t.getTicksCoords();return _=null==_?i.length-1:Math.min(i.length-1,_),E(i,(function(t){return e.coordToPoint(t.coord,n)}))})),w=[];for(x=0;x<=_;x++){for(var S=[],M=0;M<n.length;M++)S.push(b[M][x]);if(S[0]&&S.push(S[0].slice()),l)f[C(f,d,x)].push(new Tc({shape:{points:S}}));if(u&&w)g[C(g,p,x-1)].push(new Mc({shape:{points:S.concat(w)}}));w=S.slice().reverse()}}var I=a.getLineStyle(),T=s.getAreaStyle();z(g,(function(t,e){this.group.add(mh(t,{style:k({stroke:"none",fill:p[e%p.length]},T),silent:!0}))}),this),z(f,(function(t,e){this.group.add(mh(t,{style:k({fill:"none",stroke:d[e%d.length]},I),silent:!0}))}),this)}function C(t,e,n){var i=n%e.length;return t[i]=t[i]||[],i}},e.type="radar",e}(Ky),MD=function(t){function e(e,n,i){var r=t.call(this,e,n,i)||this;return r.type="value",r.angle=0,r.name="",r}return n(e,t),e}(Ww),ID=function(){function t(t,e,n){this.dimensions=[],this._model=t,this._indicatorAxes=E(t.getIndicatorModels(),(function(t,e){var n="indicator_"+e,i=new MD(n,new cb);return i.name=t.get("name"),i.model=t,t.axis=i,this.dimensions.push(n),i}),this),this.resize(t,n)}return t.prototype.getIndicatorAxes=function(){return this._indicatorAxes},t.prototype.dataToPoint=function(t,e){var n=this._indicatorAxes[e];return this.coordToPoint(n.dataToCoord(t),e)},t.prototype.coordToPoint=function(t,e){var n=this._indicatorAxes[e].angle;return[this.cx+t*Math.cos(n),this.cy-t*Math.sin(n)]},t.prototype.pointToData=function(t){var e=t[0]-this.cx,n=t[1]-this.cy,i=Math.sqrt(e*e+n*n);e/=i,n/=i;for(var r,o=Math.atan2(-n,e),a=1/0,s=-1,l=0;l<this._indicatorAxes.length;l++){var u=this._indicatorAxes[l],c=Math.abs(o-u.angle);c<a&&(r=u,s=l,a=c)}return[s,+(r&&r.coordToData(i))]},t.prototype.resize=function(t,e){var n=Xp(t,e).refContainer,i=t.get("center"),r=Math.min(n.width,n.height)/2;this.cx=yo(i[0],n.width)+n.x,this.cy=yo(i[1],n.height)+n.y,this.startAngle=t.get("startAngle")*Math.PI/180;var o=t.get("radius");(X(o)||j(o))&&(o=[0,o]),this.r0=yo(o[0],r),this.r=yo(o[1],r),z(this._indicatorAxes,(function(t,e){t.setExtent(this.r0,this.r);var n=this.startAngle+e*Math.PI*2/this._indicatorAxes.length;n=Math.atan2(Math.sin(n),Math.cos(n)),t.angle=n}),this)},t.prototype.update=function(t,e){var n=this._indicatorAxes,i=this._model;z(n,(function(t){t.scale.setExtent(1/0,-1/0)})),t.eachSeriesByType("radar",(function(e,r){if("radar"===e.get("coordinateSystem")&&t.getComponent("radar",e.get("radarIndex"))===i){var o=e.getData();z(n,(function(t){t.scale.unionExtentFromData(o,o.mapDimension(t.dim))}))}}),this);var r=i.get("splitNumber"),o=new cb;o.setExtent(0,r),o.setInterval(1),z(n,(function(t,e){PC(t.scale,t.model,o)}))},t.prototype.convertToPixel=function(t,e,n){return console.warn("Not implemented."),null},t.prototype.convertFromPixel=function(t,e,n){return console.warn("Not implemented."),null},t.prototype.containPoint=function(t){return console.warn("Not implemented."),!1},t.create=function(e,n){var i=[];return e.eachComponent("radar",(function(r){var o=new t(r,e,n);i.push(o),r.coordinateSystem=o})),e.eachSeriesByType("radar",(function(t){"radar"===t.get("coordinateSystem")&&(t.coordinateSystem=i[t.get("radarIndex")||0])})),i},t.dimensions=[],t}();function TD(t){t.registerCoordinateSystem("radar",ID),t.registerComponentModel(wD),t.registerComponentView(SD),t.registerVisual({seriesType:"radar",reset:function(t){var e=t.getData();e.each((function(t){e.setItemVisual(t,"legendIcon","roundRect")})),e.setVisual("legendIcon","roundRect")}})}var CD=sa();function DD(t,e){return!!CD(t)[e]}Qx({type:"takeGlobalCursor",event:"globalCursorTaken",update:"update"},bt);var AD={axisPointer:1,tooltip:1,brush:1};function kD(t,e,n){var i=e.getComponentByElement(t.topTarget);if(!i||i===n||AD.hasOwnProperty(i.mainType))return!1;var r=i.coordinateSystem;if(!r||r.model===n)return!1;var o=Hh(i),a=Hh(n);return!((o.zlevel-a.zlevel||o.z-a.z)<=0)}var LD=function(t){function e(e){var n=t.call(this)||this;n._zr=e;var i=W(n._mousedownHandler,n),r=W(n._mousemoveHandler,n),o=W(n._mouseupHandler,n),a=W(n._mousewheelHandler,n),s=W(n._pinchHandler,n);return n.enable=function(t,n){var l=n.zInfo,u=Hh(l.component),c=u.z,h=u.zlevel,d={component:l.component,z:c,zlevel:h,z2:rt(l.z2,-1/0)},p=A({},n.triggerInfo);this._opt=k(A({},n),{zoomOnMouseWheel:!0,moveOnMouseMove:!0,moveOnMouseWheel:!1,preventDefaultMouseMove:!0,zInfoParsed:d,triggerInfo:p}),null==t&&(t=!0),this._enabled&&this._controlType===t||(this._enabled=!0,this.disable(),!0!==t&&"move"!==t&&"pan"!==t||(zD(e,"mousedown",i,d),zD(e,"mousemove",r,d),zD(e,"mouseup",o,d)),!0!==t&&"scale"!==t&&"zoom"!==t||(zD(e,"mousewheel",a,d),zD(e,"pinch",s,d)))},n.disable=function(){this._enabled=!1,ED(e,"mousedown",i),ED(e,"mousemove",r),ED(e,"mouseup",o),ED(e,"mousewheel",a),ED(e,"pinch",s)},n}return n(e,t),e.prototype.isDragging=function(){return this._dragging},e.prototype.isPinching=function(){return this._pinching},e.prototype._checkPointer=function(t,e,n){var i=this._opt,r=i.zInfoParsed;if(kD(t,i.api,r.component))return!1;var o=i.triggerInfo,a=!1;return"global"===o.roamTrigger&&(a=!0),a||(a=o.isInSelf(t,e,n)),a&&o.isInClip&&!o.isInClip(t,e,n)&&(a=!1),a},e.prototype._decideCursorStyle=function(t,e,n,i){var r=t.target;return!r&&this._checkPointer(t,e,n)?"grab":i?r&&r.cursor||"default":void 0},e.prototype.dispose=function(){this.disable()},e.prototype._mousedownHandler=function(t){if(!ge(t)&&!PD(t)){for(var e=t.target;e;){if(e.draggable)return;e=e.__hostTarget||e.parent}var n=t.offsetX,i=t.offsetY;this._checkPointer(t,n,i)&&(this._x=n,this._y=i,this._dragging=!0)}},e.prototype._mousemoveHandler=function(t){var e=this._zr;if("pinch"!==t.gestureEvent&&!DD(e,"globalPan")&&!PD(t)){var n=t.offsetX,i=t.offsetY;if(this._dragging&&GD("moveOnMouseMove",t,this._opt)){e.setCursorStyle("grabbing");var r=this._x,o=this._y,a=n-r,s=i-o;this._x=n,this._y=i,this._opt.preventDefaultMouseMove&&fe(t.event),t.__ecRoamConsumed=!0,VD(this,"pan","moveOnMouseMove",t,{dx:a,dy:s,oldX:r,oldY:o,newX:n,newY:i,isAvailableBehavior:null})}else{var l=this._decideCursorStyle(t,n,i,!1);l&&e.setCursorStyle(l)}}},e.prototype._mouseupHandler=function(t){if(!PD(t)){var e=this._zr;if(!ge(t)){this._dragging=!1;var n=this._decideCursorStyle(t,t.offsetX,t.offsetY,!0);n&&e.setCursorStyle(n)}}},e.prototype._mousewheelHandler=function(t){if(!PD(t)){var e=GD("zoomOnMouseWheel",t,this._opt),n=GD("moveOnMouseWheel",t,this._opt),i=t.wheelDelta,r=Math.abs(i),o=t.offsetX,a=t.offsetY;if(0!==i&&(e||n)){if(e){var s=r>3?1.4:r>1?1.2:1.1,l=i>0?s:1/s;this._checkTriggerMoveZoom(this,"zoom","zoomOnMouseWheel",t,{scale:l,originX:o,originY:a,isAvailableBehavior:null})}if(n){var u=Math.abs(i),c=(i>0?1:-1)*(u>3?.4:u>1?.15:.05);this._checkTriggerMoveZoom(this,"scrollMove","moveOnMouseWheel",t,{scrollDelta:c,originX:o,originY:a,isAvailableBehavior:null})}}}},e.prototype._pinchHandler=function(t){if(!DD(this._zr,"globalPan")&&!PD(t)){var e=t.pinchScale>1?1.1:1/1.1;this._checkTriggerMoveZoom(this,"zoom",null,t,{scale:e,originX:t.pinchX,originY:t.pinchY,isAvailableBehavior:null})}},e.prototype._checkTriggerMoveZoom=function(t,e,n,i,r){t._checkPointer(i,r.originX,r.originY)&&(fe(i.event),i.__ecRoamConsumed=!0,VD(t,e,n,i,r))},e}(qt);function PD(t){return t.__ecRoamConsumed}var OD,RD=sa();function ND(t){var e=RD(t);return e.roam=e.roam||{},e.uniform=e.uniform||{},e}function zD(t,e,n,i){for(var r=ND(t).roam,o=r[e]=r[e]||[],a=0;a<o.length;a++){var s=o[a].zInfoParsed;if((s.zlevel-i.zlevel||s.z-i.z||s.z2-i.z2)<=0)break}o.splice(a,0,{listener:n,zInfoParsed:i}),function(t,e){var n=ND(t);n.uniform[e]||t.on(e,n.uniform[e]=function(t){var i=n.roam[e];if(i)for(var r=0;r<i.length;r++)i[r].listener(t)})}(t,e)}function ED(t,e,n){for(var i=ND(t).roam[e]||[],r=0;r<i.length;r++)if(i[r].listener===n)return i.splice(r,1),void(i.length||BD(t,e))}function BD(t,e){var n=ND(t).uniform;n[e]&&(t.off(e,n[e]),n[e]=null)}function VD(t,e,n,i,r){r.isAvailableBehavior=W(GD,null,n,i),t.trigger(e,r)}function GD(t,e,n){var i=n[t];return!t||i&&(!X(i)||e.event[i+"Key"])}function FD(t,e,n){var i=t.target;i.x+=e,i.y+=n,i.dirty()}function WD(t,e,n,i){var r=t.target,o=t.zoomLimit,a=t.zoom=t.zoom||1,s=(a=ZD(a*=e,o))/t.zoom;t.zoom=a,XD(r,n,i,s),r.dirty()}function HD(t,e,n,i,r,o){var a=new He(0,0,0,0);i.enable(t.get("roam"),{api:e,zInfo:{component:t},triggerInfo:{roamTrigger:t.get("roamTrigger"),isInSelf:function(t,e,i){return a.copy(n.getBoundingRect()),a.applyTransform(n.getComputedTransform()),a.contain(e,i)},isInClip:function(t,e,n){return!o||o.contain(e,n)}}}),r.zoomLimit=t.get("scaleLimit");var s=t.coordinateSystem;r.zoom=s?s.getZoom():1;var l=t.subType+"Roam";i.off("pan").off("zoom").on("pan",(function(n){FD(r,n.dx,n.dy),e.dispatchAction({seriesId:t.id,type:l,dx:n.dx,dy:n.dy})})).on("zoom",(function(n){WD(r,n.scale,n.originX,n.originY),e.dispatchAction({seriesId:t.id,type:l,zoom:n.scale,originX:n.originX,originY:n.originY}),e.updateLabelLayout()}))}function UD(t,e){return t.pointToProjected?t.pointToProjected(e):t.pointToData(e)}function YD(t,e,n){var i=t.getZoom(),r=t.getCenter(),o=e.zoom,a=t.projectedToPoint?t.projectedToPoint(r):t.dataToPoint(r);return null!=e.dx&&null!=e.dy&&(a[0]-=e.dx,a[1]-=e.dy,t.setCenter(UD(t,a))),null!=o&&(o=ZD(i*o,n)/i,XD(t,e.originX,e.originY,o),t.updateTransform(),t.setCenter(UD(t,a)),t.setZoom(o*i)),{center:t.getCenter(),zoom:t.getZoom()}}function XD(t,e,n,i){t.x-=(e-t.x)*(i-1),t.y-=(n-t.y)*(i-1),t.scaleX*=i,t.scaleY*=i}function ZD(t,e){if(e){var n=e.min||0,i=e.max||1/0;t=Math.max(Math.min(i,t),n)}return t}function jD(t){X(t)&&(t=(new DOMParser).parseFromString(t,"text/xml"));var e=t;for(9===e.nodeType&&(e=e.firstChild);"svg"!==e.nodeName.toLowerCase()||1!==e.nodeType;)e=e.nextSibling;return e}var qD={fill:"fill",stroke:"stroke","stroke-width":"lineWidth",opacity:"opacity","fill-opacity":"fillOpacity","stroke-opacity":"strokeOpacity","stroke-dasharray":"lineDash","stroke-dashoffset":"lineDashOffset","stroke-linecap":"lineCap","stroke-linejoin":"lineJoin","stroke-miterlimit":"miterLimit","font-family":"fontFamily","font-size":"fontSize","font-style":"fontStyle","font-weight":"fontWeight","text-anchor":"textAlign",visibility:"visibility",display:"display"},KD=F(qD),$D={"alignment-baseline":"textBaseline","stop-color":"stopColor"},JD=F($D),QD=function(){function t(){this._defs={},this._root=null}return t.prototype.parse=function(t,e){e=e||{};var n=jD(t);this._defsUsePending=[];var i=new to;this._root=i;var r=[],o=n.getAttribute("viewBox")||"",a=parseFloat(n.getAttribute("width")||e.width),s=parseFloat(n.getAttribute("height")||e.height);isNaN(a)&&(a=null),isNaN(s)&&(s=null),oA(n,i,null,!0,!1);for(var l,u,c=n.firstChild;c;)this._parseNode(c,i,r,null,!1,!1),c=c.nextSibling;if(function(t,e){for(var n=0;n<e.length;n++){var i=e[n];i[0].style[i[1]]=t[i[2]]}}(this._defs,this._defsUsePending),this._defsUsePending=[],o){var h=uA(o);h.length>=4&&(l={x:parseFloat(h[0]||0),y:parseFloat(h[1]||0),width:parseFloat(h[2]),height:parseFloat(h[3])})}if(l&&null!=a&&null!=s&&(u=fA(l,{x:0,y:0,width:a,height:s}),!e.ignoreViewBox)){var d=i;(i=new to).add(d),d.scaleX=d.scaleY=u.scale,d.x=u.x,d.y=u.y}return e.ignoreRootClip||null==a||null==s||i.setClipPath(new xl({shape:{x:0,y:0,width:a,height:s}})),{root:i,width:a,height:s,viewBoxRect:l,viewBoxTransform:u,named:r}},t.prototype._parseNode=function(t,e,n,i,r,o){var a,s=t.nodeName.toLowerCase(),l=i;if("defs"===s&&(r=!0),"text"===s&&(o=!0),"defs"===s||"switch"===s)a=e;else{if(!r){var u=OD[s];if(u&&_t(OD,s)){a=u.call(this,t,e);var c=t.getAttribute("name");if(c){var h={name:c,namedFrom:null,svgNodeTagLower:s,el:a};n.push(h),"g"===s&&(l=h)}else i&&n.push({name:i.name,namedFrom:i,svgNodeTagLower:s,el:a});e.add(a)}}var d=tA[s];if(d&&_t(tA,s)){var p=d.call(this,t),f=t.getAttribute("id");f&&(this._defs[f]=p)}}if(a&&a.isGroup)for(var g=t.firstChild;g;)1===g.nodeType?this._parseNode(g,a,n,l,r,o):3===g.nodeType&&o&&this._parseText(g,a),g=g.nextSibling},t.prototype._parseText=function(t,e){var n=new ul({style:{text:t.textContent},silent:!0,x:this._textX||0,y:this._textY||0});iA(e,n),oA(t,n,this._defsUsePending,!1,!1),function(t,e){var n=e.__selfStyle;if(n){var i=n.textBaseline,r=i;i&&"auto"!==i?"baseline"===i?r="alphabetic":"before-edge"===i||"text-before-edge"===i?r="top":"after-edge"===i||"text-after-edge"===i?r="bottom":"central"!==i&&"mathematical"!==i||(r="middle"):r="alphabetic",t.style.textBaseline=r}var o=e.__inheritedStyle;if(o){var a=o.textAlign,s=a;a&&("middle"===a&&(s="center"),t.style.textAlign=s)}}(n,e);var i=n.style,r=i.fontSize;r&&r<9&&(i.fontSize=9,n.scaleX*=r/9,n.scaleY*=r/9);var o=(i.fontSize||i.fontFamily)&&[i.fontStyle,i.fontWeight,(i.fontSize||12)+"px",i.fontFamily||"sans-serif"].join(" ");i.font=o;var a=n.getBoundingRect();return this._textX+=a.width,e.add(n),n},t.internalField=void(OD={g:function(t,e){var n=new to;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n},rect:function(t,e){var n=new xl;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setShape({x:parseFloat(t.getAttribute("x")||"0"),y:parseFloat(t.getAttribute("y")||"0"),width:parseFloat(t.getAttribute("width")||"0"),height:parseFloat(t.getAttribute("height")||"0")}),n.silent=!0,n},circle:function(t,e){var n=new nc;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setShape({cx:parseFloat(t.getAttribute("cx")||"0"),cy:parseFloat(t.getAttribute("cy")||"0"),r:parseFloat(t.getAttribute("r")||"0")}),n.silent=!0,n},line:function(t,e){var n=new Ac;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setShape({x1:parseFloat(t.getAttribute("x1")||"0"),y1:parseFloat(t.getAttribute("y1")||"0"),x2:parseFloat(t.getAttribute("x2")||"0"),y2:parseFloat(t.getAttribute("y2")||"0")}),n.silent=!0,n},ellipse:function(t,e){var n=new rc;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setShape({cx:parseFloat(t.getAttribute("cx")||"0"),cy:parseFloat(t.getAttribute("cy")||"0"),rx:parseFloat(t.getAttribute("rx")||"0"),ry:parseFloat(t.getAttribute("ry")||"0")}),n.silent=!0,n},polygon:function(t,e){var n,i=t.getAttribute("points");i&&(n=rA(i));var r=new Mc({shape:{points:n||[]},silent:!0});return iA(e,r),oA(t,r,this._defsUsePending,!1,!1),r},polyline:function(t,e){var n,i=t.getAttribute("points");i&&(n=rA(i));var r=new Tc({shape:{points:n||[]},silent:!0});return iA(e,r),oA(t,r,this._defsUsePending,!1,!1),r},image:function(t,e){var n=new dl;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setStyle({image:t.getAttribute("xlink:href")||t.getAttribute("href"),x:+t.getAttribute("x"),y:+t.getAttribute("y"),width:+t.getAttribute("width"),height:+t.getAttribute("height")}),n.silent=!0,n},text:function(t,e){var n=t.getAttribute("x")||"0",i=t.getAttribute("y")||"0",r=t.getAttribute("dx")||"0",o=t.getAttribute("dy")||"0";this._textX=parseFloat(n)+parseFloat(r),this._textY=parseFloat(i)+parseFloat(o);var a=new to;return iA(e,a),oA(t,a,this._defsUsePending,!1,!0),a},tspan:function(t,e){var n=t.getAttribute("x"),i=t.getAttribute("y");null!=n&&(this._textX=parseFloat(n)),null!=i&&(this._textY=parseFloat(i));var r=t.getAttribute("dx")||"0",o=t.getAttribute("dy")||"0",a=new to;return iA(e,a),oA(t,a,this._defsUsePending,!1,!0),this._textX+=parseFloat(r),this._textY+=parseFloat(o),a},path:function(t,e){var n=Qu(t.getAttribute("d")||"");return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.silent=!0,n}}),t}(),tA={lineargradient:function(t){var e=parseInt(t.getAttribute("x1")||"0",10),n=parseInt(t.getAttribute("y1")||"0",10),i=parseInt(t.getAttribute("x2")||"10",10),r=parseInt(t.getAttribute("y2")||"0",10),o=new Bc(e,n,i,r);return eA(t,o),nA(t,o),o},radialgradient:function(t){var e=parseInt(t.getAttribute("cx")||"0",10),n=parseInt(t.getAttribute("cy")||"0",10),i=parseInt(t.getAttribute("r")||"0",10),r=new Vc(e,n,i);return eA(t,r),nA(t,r),r}};function eA(t,e){"userSpaceOnUse"===t.getAttribute("gradientUnits")&&(e.global=!0)}function nA(t,e){for(var n=t.firstChild;n;){if(1===n.nodeType&&"stop"===n.nodeName.toLocaleLowerCase()){var i=n.getAttribute("offset"),r=void 0;r=i&&i.indexOf("%")>0?parseInt(i,10)/100:i?parseFloat(i):0;var o={};pA(n,o,o);var a=o.stopColor||n.getAttribute("stop-color")||"#000000",s=o.stopOpacity||n.getAttribute("stop-opacity");if(s){var l=oi(a);l&&l[3]&&(l[3]*=$n(s),a=fi(l,"rgba"))}e.colorStops.push({offset:r,color:a})}n=n.nextSibling}}function iA(t,e){t&&t.__inheritedStyle&&(e.__inheritedStyle||(e.__inheritedStyle={}),k(e.__inheritedStyle,t.__inheritedStyle))}function rA(t){for(var e=uA(t),n=[],i=0;i<e.length;i+=2){var r=parseFloat(e[i]),o=parseFloat(e[i+1]);n.push([r,o])}return n}function oA(t,e,n,i,r){var o=e,a=o.__inheritedStyle=o.__inheritedStyle||{},s={};1===t.nodeType&&(function(t,e){var n=t.getAttribute("transform");if(n){n=n.replace(/,/g," ");var i=[],r=null;n.replace(cA,(function(t,e,n){return i.push(e,n),""}));for(var o=i.length-1;o>0;o-=2){var a=i[o],s=i[o-1],l=uA(a);switch(r=r||[1,0,0,1,0,0],s){case"translate":Se(r,r,[parseFloat(l[0]),parseFloat(l[1]||"0")]);break;case"scale":Ie(r,r,[parseFloat(l[0]),parseFloat(l[1]||l[0])]);break;case"rotate":Me(r,r,-parseFloat(l[0])*hA,[parseFloat(l[1]||"0"),parseFloat(l[2]||"0")]);break;case"skewX":we(r,[1,0,Math.tan(parseFloat(l[0])*hA),1,0,0],r);break;case"skewY":we(r,[1,Math.tan(parseFloat(l[0])*hA),0,1,0,0],r);break;case"matrix":r[0]=parseFloat(l[0]),r[1]=parseFloat(l[1]),r[2]=parseFloat(l[2]),r[3]=parseFloat(l[3]),r[4]=parseFloat(l[4]),r[5]=parseFloat(l[5])}}e.setLocalTransform(r)}}(t,e),pA(t,a,s),i||function(t,e,n){for(var i=0;i<KD.length;i++){var r=KD[i];null!=(o=t.getAttribute(r))&&(e[qD[r]]=o)}for(i=0;i<JD.length;i++){var o;r=JD[i];null!=(o=t.getAttribute(r))&&(n[$D[r]]=o)}}(t,a,s)),o.style=o.style||{},null!=a.fill&&(o.style.fill=sA(o,"fill",a.fill,n)),null!=a.stroke&&(o.style.stroke=sA(o,"stroke",a.stroke,n)),z(["lineWidth","opacity","fillOpacity","strokeOpacity","miterLimit","fontSize"],(function(t){null!=a[t]&&(o.style[t]=parseFloat(a[t]))})),z(["lineDashOffset","lineCap","lineJoin","fontWeight","fontFamily","fontStyle","textAlign"],(function(t){null!=a[t]&&(o.style[t]=a[t])})),r&&(o.__selfStyle=s),a.lineDash&&(o.style.lineDash=E(uA(a.lineDash),(function(t){return parseFloat(t)}))),"hidden"!==a.visibility&&"collapse"!==a.visibility||(o.invisible=!0),"none"===a.display&&(o.ignore=!0)}var aA=/^url\(\s*#(.*?)\)/;function sA(t,e,n,i){var r=n&&n.match(aA);if(!r)return"none"===n&&(n=null),n;var o=ut(r[1]);i.push([t,e,o])}var lA=/-?([0-9]*\.)?[0-9]+([eE]-?[0-9]+)?/g;function uA(t){return t.match(lA)||[]}var cA=/(translate|scale|rotate|skewX|skewY|matrix)\(([\-\s0-9\.eE,]*)\)/g,hA=Math.PI/180;var dA=/([^\s:;]+)\s*:\s*([^:;]+)/g;function pA(t,e,n){var i,r=t.getAttribute("style");if(r)for(dA.lastIndex=0;null!=(i=dA.exec(r));){var o=i[1],a=_t(qD,o)?qD[o]:null;a&&(e[a]=i[2]);var s=_t($D,o)?$D[o]:null;s&&(n[s]=i[2])}}function fA(t,e){var n=e.width/t.width,i=e.height/t.height,r=Math.min(n,i);return{scale:r,x:-(t.x+t.width/2)*r+(e.x+e.width/2),y:-(t.y+t.height/2)*r+(e.y+e.height/2)}}var gA=yt(["rect","circle","line","ellipse","polygon","polyline","path","text","tspan","g"]),yA=function(){function t(t,e){this.type="geoSVG",this._usedGraphicMap=yt(),this._freedGraphics=[],this._mapName=t,this._parsedXML=jD(e)}return t.prototype.load=function(){var t=this._firstGraphic;if(!t){t=this._firstGraphic=this._buildGraphic(this._parsedXML),this._freedGraphics.push(t),this._boundingRect=this._firstGraphic.boundingRect.clone();var e=function(t){var e=[],n=yt();return z(t,(function(t){if(null==t.namedFrom){var i=new fw(t.name,t.el);e.push(i),n.set(t.name,i)}})),{regions:e,regionsMap:n}}(t.named),n=e.regions,i=e.regionsMap;this._regions=n,this._regionsMap=i}return{boundingRect:this._boundingRect,regions:this._regions,regionsMap:this._regionsMap}},t.prototype._buildGraphic=function(t){var e,n;try{e=t&&function(t,e){return(new QD).parse(t,e)}(t,{ignoreViewBox:!0,ignoreRootClip:!0})||{},lt(null!=(n=e.root))}catch(t){throw new Error("Invalid svg format\n"+t.message)}var i=new to;i.add(n),i.isGeoSVGGraphicRoot=!0;var r=e.width,o=e.height,a=e.viewBoxRect,s=this._boundingRect;if(!s){var l=void 0,u=void 0,c=void 0,h=void 0;if(null!=r?(l=0,c=r):a&&(l=a.x,c=a.width),null!=o?(u=0,h=o):a&&(u=a.y,h=a.height),null==l||null==u){var d=n.getBoundingRect();null==l&&(l=d.x,c=d.width),null==u&&(u=d.y,h=d.height)}s=this._boundingRect=new He(l,u,c,h)}if(a){var p=fA(a,s);n.scaleX=n.scaleY=p.scale,n.x=p.x,n.y=p.y}i.setClipPath(new xl({shape:s.plain()}));var f=[];return z(e.named,(function(t){var e;null!=gA.get(t.svgNodeTagLower)&&(f.push(t),(e=t.el).silent=!1,e.isGroup&&e.traverse((function(t){t.silent=!1})))})),{root:i,boundingRect:s,named:f}},t.prototype.useGraphic=function(t){var e=this._usedGraphicMap,n=e.get(t);return n||(n=this._freedGraphics.pop()||this._buildGraphic(this._parsedXML),e.set(t,n),n)},t.prototype.freeGraphic=function(t){var e=this._usedGraphicMap,n=e.get(t);n&&(e.removeKey(t),this._freedGraphics.push(n))},t}();for(var vA=[126,25],mA="南海诸岛",xA=[[[0,3.5],[7,11.2],[15,11.9],[30,7],[42,.7],[52,.7],[56,7.7],[59,.7],[64,.7],[64,0],[5,0],[0,3.5]],[[13,16.1],[19,14.7],[16,21.7],[11,23.1],[13,16.1]],[[12,32.2],[14,38.5],[15,38.5],[13,32.2],[12,32.2]],[[16,47.6],[12,53.2],[13,53.2],[18,47.6],[16,47.6]],[[6,64.4],[8,70],[9,70],[8,64.4],[6,64.4]],[[23,82.6],[29,79.8],[30,79.8],[25,82.6],[23,82.6]],[[37,70.7],[43,62.3],[44,62.3],[39,70.7],[37,70.7]],[[48,51.1],[51,45.5],[53,45.5],[50,51.1],[48,51.1]],[[51,35],[51,28.7],[53,28.7],[53,35],[51,35]],[[52,22.4],[55,17.5],[56,17.5],[53,22.4],[52,22.4]],[[58,12.6],[62,7],[63,7],[60,12.6],[58,12.6]],[[0,3.5],[0,93.1],[64,93.1],[64,0],[63,0],[63,92.4],[1,92.4],[1,3.5],[0,3.5]]],_A=0;_A<xA.length;_A++)for(var bA=0;bA<xA[_A].length;bA++)xA[_A][bA][0]/=10.5,xA[_A][bA][1]/=-14,xA[_A][bA][0]+=vA[0],xA[_A][bA][1]+=vA[1];var wA={"南海诸岛":[32,80],"广东":[0,-10],"香港":[10,5],"澳门":[-10,10],"天津":[5,5]};var SA=[[[123.45165252685547,25.73527164402261],[123.49731445312499,25.73527164402261],[123.49731445312499,25.750734064600884],[123.45165252685547,25.750734064600884],[123.45165252685547,25.73527164402261]]];var MA=function(){function t(t,e,n){var i;this.type="geoJSON",this._parsedMap=yt(),this._mapName=t,this._specialAreas=n,this._geoJSON=X(i=e)?"undefined"!=typeof JSON&&JSON.parse?JSON.parse(i):new Function("return ("+i+");")():i}return t.prototype.load=function(t,e){e=e||"name";var n=this._parsedMap.get(e);if(!n){var i=this._parseToRegions(e);n=this._parsedMap.set(e,{regions:i,boundingRect:IA(i)})}var r=yt(),o=[];return z(n.regions,(function(e){var n=e.name;t&&_t(t,n)&&(e=e.cloneShallow(n=t[n])),o.push(e),r.set(n,e)})),{regions:o,boundingRect:n.boundingRect||new He(0,0,0,0),regionsMap:r}},t.prototype._parseToRegions=function(t){var e,n=this._mapName,i=this._geoJSON;try{e=i?vw(i,t):[]}catch(t){throw new Error("Invalid geoJson format\n"+t.message)}return function(t,e){if("china"===t){for(var n=0;n<e.length;n++)if(e[n].name===mA)return;e.push(new pw(mA,E(xA,(function(t){return{type:"polygon",exterior:t}})),vA))}}(n,e),z(e,(function(t){var e=t.name;!function(t,e){if("china"===t){var n=wA[e.name];if(n){var i=e.getCenter();i[0]+=n[0]/10.5,i[1]+=-n[1]/14,e.setCenter(i)}}}(n,t),function(t,e){"china"===t&&"台湾"===e.name&&e.geometries.push({type:"polygon",exterior:SA[0]})}(n,t);var i=this._specialAreas&&this._specialAreas[e];i&&t.transformTo(i.left,i.top,i.width,i.height)}),this),e},t.prototype.getMapForUser=function(){return{geoJson:this._geoJSON,geoJSON:this._geoJSON,specialAreas:this._specialAreas}},t}();function IA(t){for(var e,n=0;n<t.length;n++){var i=t[n].getBoundingRect();(e=e||i.clone()).union(i)}return e}var TA=yt(),CA=function(t,e,n){if(e.svg){var i=new yA(t,e.svg);TA.set(t,i)}else{var r=e.geoJson||e.geoJSON;r&&!e.features?n=e.specialAreas:r=e;i=new MA(t,r,n);TA.set(t,i)}},DA=function(t){return TA.get(t)},AA=function(t){var e=TA.get(t);return e&&"geoJSON"===e.type&&e.getMapForUser()},kA=function(t,e,n){var i=TA.get(t);if(i)return i.load(e,n)},LA=["rect","circle","line","ellipse","polygon","polyline","path"],PA=yt(LA),OA=yt(LA.concat(["g"])),RA=yt(LA.concat(["g"])),NA=sa();function zA(t){var e=t.getItemStyle(),n=t.get("areaColor");return null!=n&&(e.fill=n),e}function EA(t){var e=t.style;e&&(e.stroke=e.stroke||e.fill,e.fill=null)}var BA=function(){function t(t){var e=this.group=new to,n=this._transformGroup=new to;e.add(n),this.uid=Md("ec_map_draw"),this._controller=new LD(t.getZr()),this._controllerHost={target:n},n.add(this._regionsGroup=new to),n.add(this._svgGroup=new to)}return t.prototype.draw=function(t,e,n,i,r){var o="geo"===t.mainType,a=t.getData&&t.getData();o&&e.eachComponent({mainType:"series",subType:"map"},(function(e){a||e.getHostGeoModel()!==t||(a=e.getData())}));var s,l=t.coordinateSystem,u=this._regionsGroup,c=this._transformGroup,h=l.getTransformInfo(),d=h.raw,p=h.roam,f=!u.childAt(0)||r;t.getShallow("clip",!0)?(s=l.getViewRect().clone(),this.group.setClipPath(new xl({shape:s.clone()}))):this.group.removeClipPath(),f?(c.x=p.x,c.y=p.y,c.scaleX=p.scaleX,c.scaleY=p.scaleY,c.dirty()):th(c,p,t);var g=a&&a.getVisual("visualMeta")&&a.getVisual("visualMeta").length>0,y={api:n,geo:l,mapOrGeoModel:t,data:a,isVisualEncodedByVisualMap:g,isGeo:o,transformInfoRaw:d};"geoJSON"===l.resourceType?this._buildGeoJSON(y):"geoSVG"===l.resourceType&&this._buildSVG(y),this._updateController(t,s,e,n),this._updateMapSelectHandler(t,u,n,i)},t.prototype._buildGeoJSON=function(t){var e=this._regionsGroupByName=yt(),n=yt(),i=this._regionsGroup,r=t.transformInfoRaw,o=t.mapOrGeoModel,a=t.data,s=t.geo.projection,l=s&&s.stream;function u(t,e){return e&&(t=e(t)),t&&[t[0]*r.scaleX+r.x,t[1]*r.scaleY+r.y]}function c(t){for(var e=[],n=!l&&s&&s.project,i=0;i<t.length;++i){var r=u(t[i],n);r&&e.push(r)}return e}function h(t){return{shape:{points:c(t)}}}i.removeAll(),z(t.geo.regions,(function(r){var c=r.name,d=e.get(c),p=n.get(c)||{},f=p.dataIdx,g=p.regionModel;if(!d){d=e.set(c,new to),i.add(d),f=a?a.indexOfName(c):null;var y=(g=t.isGeo?o.getRegionModel(c):a?a.getItemModel(f):null).get("silent",!0);null!=y&&(d.silent=y),n.set(c,{dataIdx:f,regionModel:g})}var v=[],m=[];z(r.geometries,(function(t){if("polygon"===t.type){var e=[t.exterior].concat(t.interiors||[]);l&&(e=UA(e,l)),z(e,(function(t){v.push(new Mc(h(t)))}))}else{var n=t.points;l&&(n=UA(n,l,!0)),z(n,(function(t){m.push(new Tc(h(t)))}))}}));var x=u(r.getCenter(),s&&s.project);function _(e,n){if(e.length){var i=new zc({culling:!0,segmentIgnoreThreshold:1,shape:{paths:e}});d.add(i),VA(t,i,f,g),GA(t,i,c,g,o,f,x),n&&(EA(i),z(i.states,EA))}}_(v),_(m,!0)})),e.each((function(e,i){var r=n.get(i),a=r.dataIdx,s=r.regionModel;FA(t,e,i,s,o,a),WA(t,e,i,s,o),HA(t,e,i,s,o)}),this)},t.prototype._buildSVG=function(t){var e=t.geo.map,n=t.transformInfoRaw;this._svgGroup.x=n.x,this._svgGroup.y=n.y,this._svgGroup.scaleX=n.scaleX,this._svgGroup.scaleY=n.scaleY,this._svgResourceChanged(e)&&(this._freeSVG(),this._useSVG(e));var i=this._svgDispatcherMap=yt(),r=!1;z(this._svgGraphicRecord.named,(function(e){var n=e.name,o=t.mapOrGeoModel,a=t.data,s=e.svgNodeTagLower,l=e.el,u=a?a.indexOfName(n):null,c=o.getRegionModel(n);null!=PA.get(s)&&l instanceof os&&VA(t,l,u,c),l instanceof os&&(l.culling=!0);var h=c.get("silent",!0);(null!=h&&(l.silent=h),l.z2EmphasisLift=0,e.namedFrom)||(null!=RA.get(s)&&GA(t,l,n,c,o,u,null),FA(t,l,n,c,o,u),WA(t,l,n,c,o),null!=OA.get(s)&&("self"===HA(t,l,n,c,o)&&(r=!0),(i.get(n)||i.set(n,[])).push(l)))}),this),this._enableBlurEntireSVG(r,t)},t.prototype._enableBlurEntireSVG=function(t,e){if(t&&e.isGeo){var n=e.mapOrGeoModel.getModel(["blur","itemStyle"]).getItemStyle().opacity;this._svgGraphicRecord.root.traverse((function(t){if(!t.isGroup){uu(t);var e=t.ensureState("blur").style||{};null==e.opacity&&null!=n&&(e.opacity=n),t.ensureState("emphasis")}}))}},t.prototype.remove=function(){this._regionsGroup.removeAll(),this._regionsGroupByName=null,this._svgGroup.removeAll(),this._freeSVG(),this._controller.dispose(),this._controllerHost=null},t.prototype.findHighDownDispatchers=function(t,e){if(null==t)return[];var n=e.coordinateSystem;if("geoJSON"===n.resourceType){var i=this._regionsGroupByName;if(i){var r=i.get(t);return r?[r]:[]}}else if("geoSVG"===n.resourceType)return this._svgDispatcherMap&&this._svgDispatcherMap.get(t)||[]},t.prototype._svgResourceChanged=function(t){return this._svgMapName!==t},t.prototype._useSVG=function(t){var e=DA(t);if(e&&"geoSVG"===e.type){var n=e.useGraphic(this.uid);this._svgGroup.add(n.root),this._svgGraphicRecord=n,this._svgMapName=t}},t.prototype._freeSVG=function(){var t=this._svgMapName;if(null!=t){var e=DA(t);e&&"geoSVG"===e.type&&e.freeGraphic(this.uid),this._svgGraphicRecord=null,this._svgDispatcherMap=null,this._svgGroup.removeAll(),this._svgMapName=null}},t.prototype._updateController=function(t,e,n,i){var r=t.coordinateSystem,o=this._controller,a=this._controllerHost;a.zoomLimit=t.get("scaleLimit"),a.zoom=r.getZoom(),o.enable(t.get("roam")||!1,{api:i,zInfo:{component:t},triggerInfo:{roamTrigger:t.get("roamTrigger"),isInSelf:function(t,e,n){return r.containPoint([e,n])},isInClip:function(t,n,i){return!e||e.contain(n,i)}}});var s=t.mainType;function l(){var e={type:"geoRoam",componentType:s};return e[s+"Id"]=t.id,e}o.off("pan").on("pan",(function(t){this._mouseDownFlag=!1,FD(a,t.dx,t.dy),i.dispatchAction(A(l(),{dx:t.dx,dy:t.dy,animation:{duration:0}}))}),this),o.off("zoom").on("zoom",(function(t){this._mouseDownFlag=!1,WD(a,t.scale,t.originX,t.originY),i.dispatchAction(A(l(),{totalZoom:a.zoom,zoom:t.scale,originX:t.originX,originY:t.originY,animation:{duration:0}}))}),this)},t.prototype.resetForLabelLayout=function(){this.group.traverse((function(t){var e=t.getTextContent();e&&(e.ignore=NA(e).ignore)}))},t.prototype._updateMapSelectHandler=function(t,e,n,i){var r=this;e.off("mousedown"),e.off("click"),t.get("selectedMode")&&(e.on("mousedown",(function(){r._mouseDownFlag=!0})),e.on("click",(function(t){r._mouseDownFlag&&(r._mouseDownFlag=!1)})))},t}();function VA(t,e,n,i){var r=i.getModel("itemStyle"),o=i.getModel(["emphasis","itemStyle"]),a=i.getModel(["blur","itemStyle"]),s=i.getModel(["select","itemStyle"]),l=zA(r),u=zA(o),c=zA(s),h=zA(a),d=t.data;if(d){var p=d.getItemVisual(n,"style"),f=d.getItemVisual(n,"decal");t.isVisualEncodedByVisualMap&&p.fill&&(l.fill=p.fill),f&&(l.decal=Bm(f,t.api))}e.setStyle(l),e.style.strokeNoScale=!0,e.ensureState("emphasis").style=u,e.ensureState("select").style=c,e.ensureState("blur").style=h,uu(e)}function GA(t,e,n,i,r,o,a){var s=t.data,l=t.isGeo,u=s&&isNaN(s.get(s.mapDimension("value"),o)),c=s&&s.getItemLayout(o);if(l||u||c&&c.showLabel){var h=l?n:o,d=void 0;(!s||o>=0)&&(d=r);var p=a?{normal:{align:"center",verticalAlign:"middle"}}:null;$h(e,Jh(i),{labelFetcher:d,labelDataIndex:h,defaultText:n},p);var f=e.getTextContent();if(f&&(NA(f).ignore=f.ignore,e.textConfig&&a)){var g=e.getBoundingRect().clone();e.textConfig.layoutRect=g,e.textConfig.position=[(a[0]-g.x)/g.width*100+"%",(a[1]-g.y)/g.height*100+"%"]}e.disableLabelAnimation=!0}else e.removeTextContent(),e.removeTextConfig(),e.disableLabelAnimation=null}function FA(t,e,n,i,r,o){t.data?t.data.setItemGraphicEl(o,e):zl(e).eventData={componentType:"geo",componentIndex:r.componentIndex,geoIndex:r.componentIndex,name:n,region:i&&i.option||{}}}function WA(t,e,n,i,r){t.data||zh({el:e,componentModel:r,itemName:n,itemTooltipOption:i.get("tooltip")})}function HA(t,e,n,i,r){e.highDownSilentOnTouch=!!r.get("selectedMode");var o=i.getModel("emphasis"),a=o.get("focus");return Tu(e,a,o.get("blurScope"),o.get("disabled")),t.isGeo&&function(t,e,n){var i=zl(t);i.componentMainType=e.mainType,i.componentIndex=e.componentIndex,i.componentHighDownName=n}(e,r,n),a}function UA(t,e,n){var i,r=[];function o(){i=[]}function a(){i.length&&(r.push(i),i=[])}var s=e({polygonStart:o,polygonEnd:a,lineStart:o,lineEnd:a,point:function(t,e){isFinite(t)&&isFinite(e)&&i.push([t,e])},sphere:function(){}});return!n&&s.polygonStart(),z(t,(function(t){s.lineStart();for(var e=0;e<t.length;e++)s.point(t[e][0],t[e][1]);s.lineEnd()})),!n&&s.polygonEnd(),r}var YA=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){if(!i||"mapToggleSelect"!==i.type||i.from!==this.uid){var r=this.group;if(r.removeAll(),!t.getHostGeoModel()){if(this._mapDraw&&i&&"geoRoam"===i.type&&this._mapDraw.resetForLabelLayout(),i&&"geoRoam"===i.type&&"series"===i.componentType&&i.seriesId===t.id)(o=this._mapDraw)&&r.add(o.group);else if(t.needsDrawMap){var o=this._mapDraw||new BA(n);r.add(o.group),o.draw(t,e,n,this,i),this._mapDraw=o}else this._mapDraw&&this._mapDraw.remove(),this._mapDraw=null;t.get("showLegendSymbol")&&e.getComponent("legend")&&this._renderSymbols(t,e,n)}}},e.prototype.remove=function(){this._mapDraw&&this._mapDraw.remove(),this._mapDraw=null,this.group.removeAll()},e.prototype.dispose=function(){this._mapDraw&&this._mapDraw.remove(),this._mapDraw=null},e.prototype._renderSymbols=function(t,e,n){var i=t.originalData,r=this.group;i.each(i.mapDimension("value"),(function(e,n){if(!isNaN(e)){var o=i.getItemLayout(n);if(o&&o.point){var a=o.point,s=o.offset,l=new nc({style:{fill:t.getData().getVisual("style").fill},shape:{cx:a[0]+9*s,cy:a[1],r:3},silent:!0,z2:8+(s?0:11)});if(!s){var u=t.mainSeries.getData(),c=i.getName(n),h=u.indexOfName(c),d=i.getItemModel(n),p=d.getModel("label"),f=u.getItemGraphicEl(h);$h(l,Jh(d),{labelFetcher:{getFormattedLabel:function(e,n){return t.getFormattedLabel(h,n)}},defaultText:c}),l.disableLabelAnimation=!0,p.get("position")||l.setTextConfig({position:"bottom"}),f.onHoverStateChange=function(t){su(l,t)}}r.add(l)}}}))},e.type="map",e}(tv),XA=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.needsDrawMap=!1,n.seriesGroup=[],n.getTooltipPosition=function(t){if(null!=t){var e=this.getData().getName(t),n=this.coordinateSystem,i=n.getRegion(e);return i&&n.dataToPoint(i.getCenter())}},n}return n(e,t),e.prototype.getInitialData=function(t){for(var e=IT(this,{coordDimensions:["value"],encodeDefaulter:H(Mf,this)}),n=yt(),i=[],r=0,o=e.count();r<o;r++){var a=e.getName(r);n.set(a,r)}return z(kA(this.getMapType(),this.option.nameMap,this.option.nameProperty).regions,(function(t){var r,o=t.name,a=n.get(o),s=t.properties&&t.properties.echartsStyle;null==a?(r={name:o},i.push(r)):r=e.getRawDataItem(a),s&&C(r,s)})),e.appendData(i),e},e.prototype.getHostGeoModel=function(){if(Op(this).kind!==Pp)return this.getReferringComponents("geo",{useDefault:!1,enableAll:!1,enableNone:!1}).models[0]},e.prototype.getMapType=function(){return(this.getHostGeoModel()||this).option.map},e.prototype.getRawValue=function(t){var e=this.getData();return e.get(e.mapDimension("value"),t)},e.prototype.getRegionModel=function(t){var e=this.getData();return e.getItemModel(e.indexOfName(t))},e.prototype.formatTooltip=function(t,e,n){for(var i=this.getData(),r=this.getRawValue(t),o=i.getName(t),a=this.seriesGroup,s=[],l=0;l<a.length;l++){var u=a[l].originalData.indexOfName(o),c=i.mapDimension("value");isNaN(a[l].originalData.get(c,u))||s.push(a[l].name)}return Ty("section",{header:s.join(", "),noHeader:!s.length,blocks:[Ty("nameValue",{name:o,value:r})]})},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.getLegendIcon=function(t){var e=t.icon||"roundRect",n=hm(e,0,0,t.itemWidth,t.itemHeight,t.itemStyle.fill);return n.setStyle(t.itemStyle),n.style.stroke="none",e.indexOf("empty")>-1&&(n.style.stroke=n.style.fill,n.style.fill=tf.color.neutral00,n.style.lineWidth=2),n},e.type="series.map",e.dependencies=["geo"],e.layoutMode="box",e.defaultOption={z:2,coordinateSystem:"geo",map:"",left:"center",top:"center",aspectScale:null,showLegendSymbol:!0,boundingCoords:null,center:null,zoom:1,scaleLimit:null,selectedMode:!0,label:{show:!1,color:tf.color.tertiary},itemStyle:{borderWidth:.5,borderColor:tf.color.border,areaColor:tf.color.background},emphasis:{label:{show:!0,color:tf.color.primary},itemStyle:{areaColor:tf.color.highlight}},select:{label:{show:!0,color:tf.color.primary},itemStyle:{color:tf.color.highlight}},nameProperty:"name"},e}(Wy);function ZA(t){var e={};t.eachSeriesByType("map",(function(t){var n=t.getHostGeoModel(),i=n?"o"+n.id:"i"+t.getMapType();(e[i]=e[i]||[]).push(t)})),z(e,(function(t,e){for(var n,i,r,o=(n=E(t,(function(t){return t.getData()})),i=t[0].get("mapValueCalculation"),r={},z(n,(function(t){t.each(t.mapDimension("value"),(function(e,n){var i="ec-"+t.getName(n);r[i]=r[i]||[],isNaN(e)||r[i].push(e)}))})),n[0].map(n[0].mapDimension("value"),(function(t,e){for(var o="ec-"+n[0].getName(e),a=0,s=1/0,l=-1/0,u=r[o].length,c=0;c<u;c++)s=Math.min(s,r[o][c]),l=Math.max(l,r[o][c]),a+=r[o][c];return 0===u?NaN:"min"===i?s:"max"===i?l:"average"===i?a/u:a}))),a=0;a<t.length;a++)t[a].originalData=t[a].getData();for(a=0;a<t.length;a++)t[a].seriesGroup=t,t[a].needsDrawMap=0===a&&!t[a].getHostGeoModel(),t[a].setData(o.cloneShallow()),t[a].mainSeries=t[0]}))}function jA(t){var e={};t.eachSeriesByType("map",(function(n){var i=n.getMapType();if(!n.getHostGeoModel()&&!e[i]){var r={};z(n.seriesGroup,(function(e){var n=e.coordinateSystem,i=e.originalData;e.get("showLegendSymbol")&&t.getComponent("legend")&&i.each(i.mapDimension("value"),(function(t,e){var o=i.getName(e),a=n.getRegion(o);if(a&&!isNaN(t)){var s=r[o]||0,l=n.dataToPoint(a.getCenter());r[o]=s+1,i.setItemLayout(e,{point:l,offset:s})}}))}));var o=n.getData();o.each((function(t){var e=o.getName(t),n=o.getItemLayout(t)||{};n.showLabel=!r[e],o.setItemLayout(t,n)})),e[i]=!0}}))}var qA=Ht,KA=function(t){function e(e,n){var i=t.call(this)||this;return i.type="view",i.dimensions=["x","y"],i._roamTransformable=new Dr,i._rawTransformable=new Dr,i.name=e,i._opt=n,i}return n(e,t),e.prototype.setBoundingRect=function(t,e,n,i){return this._rect=new He(t,e,n,i),this._updateCenterAndZoom(),this._rect},e.prototype.getBoundingRect=function(){return this._rect},e.prototype.setViewRect=function(t,e,n,i){this._transformTo(t,e,n,i),this._viewRect=new He(t,e,n,i)},e.prototype._transformTo=function(t,e,n,i){var r=this.getBoundingRect(),o=this._rawTransformable;o.transform=r.calculateTransform(new He(t,e,n,i));var a=o.parent;o.parent=null,o.decomposeTransform(),o.parent=a,this._updateTransform()},e.prototype.setCenter=function(t){var e=this._opt;e&&e.api&&e.ecModel&&e.ecModel.getShallow("legacyViewCoordSysCenterBase")&&t&&(t=[yo(t[0],e.api.getWidth()),yo(t[1],e.api.getWidth())]),this._centerOption=T(t),this._updateCenterAndZoom()},e.prototype.setZoom=function(t){this._zoom=ZD(t||1,this.zoomLimit),this._updateCenterAndZoom()},e.prototype.getDefaultCenter=function(){var t=this.getBoundingRect();return[t.x+t.width/2,t.y+t.height/2]},e.prototype.getCenter=function(){return this._center||this.getDefaultCenter()},e.prototype.getZoom=function(){return this._zoom||1},e.prototype.getRoamTransform=function(){return this._roamTransformable.getLocalTransform()},e.prototype._updateCenterAndZoom=function(){var t=this._centerOption,e=this._rect;t&&e&&(this._center=[yo(t[0],e.width,e.x),yo(t[1],e.height,e.y)]);var n=this._rawTransformable.getLocalTransform(),i=this._roamTransformable,r=this.getDefaultCenter(),o=this.getCenter(),a=this.getZoom();o=Ht([],o,n),r=Ht([],r,n),i.originX=o[0],i.originY=o[1],i.x=r[0]-o[0],i.y=r[1]-o[1],i.scaleX=i.scaleY=a,this._updateTransform()},e.prototype._updateTransform=function(){var t=this._roamTransformable,e=this._rawTransformable;e.parent=t,t.updateTransform(),e.updateTransform(),be(this.transform||(this.transform=[]),e.transform||[1,0,0,1,0,0]),this._rawTransform=e.getLocalTransform(),this.invTransform=this.invTransform||[],Te(this.invTransform,this.transform),this.decomposeTransform()},e.prototype.getTransformInfo=function(){var t=this._rawTransformable,e=this._roamTransformable,n=new Dr;return n.transform=e.transform,n.decomposeTransform(),{roam:{x:n.x,y:n.y,scaleX:n.scaleX,scaleY:n.scaleY},raw:{x:t.x,y:t.y,scaleX:t.scaleX,scaleY:t.scaleY}}},e.prototype.getViewRect=function(){return this._viewRect},e.prototype.getViewRectAfterRoam=function(){var t=this.getBoundingRect().clone();return t.applyTransform(this.transform),t},e.prototype.dataToPoint=function(t,e,n){var i=e?this._rawTransform:this.transform;return n=n||[],i?qA(n,t,i):Tt(n,t)},e.prototype.pointToData=function(t,e,n){n=n||[];var i=this.invTransform;return i?qA(n,t,i):(n[0]=t[0],n[1]=t[1],n)},e.prototype.convertToPixel=function(t,e,n){var i=$A(e);return i===this?i.dataToPoint(n):null},e.prototype.convertFromPixel=function(t,e,n){var i=$A(e);return i===this?i.pointToData(n):null},e.prototype.containPoint=function(t){return this.getViewRectAfterRoam().contain(t[0],t[1])},e.dimensions=["x","y"],e}(Dr);function $A(t){var e=t.seriesModel;return e?e.coordinateSystem:null}var JA={geoJSON:{aspectScale:.75,invertLongitute:!0},geoSVG:{aspectScale:1,invertLongitute:!1}},QA=["lng","lat"],tk=function(t){function e(e,n,i){var r=t.call(this,e,{api:i.api,ecModel:i.ecModel})||this;r.dimensions=QA,r.type="geo",r._nameCoordMap=yt(),r.map=n;var o,a=i.projection,s=kA(n,i.nameMap,i.nameProperty),l=DA(n),u=(r.resourceType=l?l.type:null,r.regions=s.regions),c=JA[l.type];if(r._regionsMap=s.regionsMap,r.regions=s.regions,r.projection=a,a)for(var h=0;h<u.length;h++){var d=u[h].getBoundingRect(a);(o=o||d.clone()).union(d)}else o=s.boundingRect;return r.setBoundingRect(o.x,o.y,o.width,o.height),r.aspectScale=a?1:rt(i.aspectScale,c.aspectScale),r._invertLongitute=!a&&c.invertLongitute,r}return n(e,t),e.prototype._transformTo=function(t,e,n,i){var r=this.getBoundingRect(),o=this._invertLongitute;r=r.clone(),o&&(r.y=-r.y-r.height);var a=this._rawTransformable;a.transform=r.calculateTransform(new He(t,e,n,i));var s=a.parent;a.parent=null,a.decomposeTransform(),a.parent=s,o&&(a.scaleY=-a.scaleY),this._updateTransform()},e.prototype.getRegion=function(t){return this._regionsMap.get(t)},e.prototype.getRegionByCoord=function(t){for(var e=this.regions,n=0;n<e.length;n++){var i=e[n];if("geoJSON"===i.type&&i.contain(t))return e[n]}},e.prototype.addGeoCoord=function(t,e){this._nameCoordMap.set(t,e)},e.prototype.getGeoCoord=function(t){var e=this._regionsMap.get(t);return this._nameCoordMap.get(t)||e&&e.getCenter()},e.prototype.dataToPoint=function(t,e,n){if(X(t)&&(t=this.getGeoCoord(t)),t){var i=this.projection;return i&&(t=i.project(t)),t&&this.projectedToPoint(t,e,n)}},e.prototype.pointToData=function(t,e,n){var i=this.projection;return i&&(t=i.unproject(t)),t&&this.pointToProjected(t,n)},e.prototype.pointToProjected=function(e,n){return t.prototype.pointToData.call(this,e,0,n)},e.prototype.projectedToPoint=function(e,n,i){return t.prototype.dataToPoint.call(this,e,n,i)},e.prototype.convertToPixel=function(t,e,n){var i=ek(e);return i===this?i.dataToPoint(n):null},e.prototype.convertFromPixel=function(t,e,n){var i=ek(e);return i===this?i.pointToData(n):null},e}(KA);function ek(t){var e=t.geoModel,n=t.seriesModel;return e?e.coordinateSystem:n?n.coordinateSystem||(n.getReferringComponents("geo",ha).models[0]||{}).coordinateSystem:null}function nk(t,e){var n=t.get("boundingCoords");if(null!=n){var i=n[0],r=n[1];if(isFinite(i[0])&&isFinite(i[1])&&isFinite(r[0])&&isFinite(r[1])){var o=this.projection;if(o){var a=i[0],s=i[1],l=r[0],u=r[1];i=[1/0,1/0],r=[-1/0,-1/0];var c=function(t,e,n,a){for(var s=n-t,l=a-e,u=0;u<=100;u++){var c=u/100,h=o.project([t+s*c,e+l*c]);Ut(i,i,h),Yt(r,r,h)}};c(a,s,l,s),c(l,s,l,u),c(l,u,a,u),c(a,u,l,s)}this.setBoundingRect(i[0],i[1],r[0]-i[0],r[1]-i[1])}else 0}var h,d,p,f=this.getBoundingRect(),g=t.get("layoutCenter"),y=t.get("layoutSize"),v=Xp(t,e).refContainer,m=f.width/f.height*this.aspectScale,x=!1;if(g&&y&&(h=[yo(g[0],v.width)+v.x,yo(g[1],v.height)+v.y],d=yo(y,Math.min(v.width,v.height)),isNaN(h[0])||isNaN(h[1])||isNaN(d)||(x=!0)),x)p={},m>1?(p.width=d,p.height=d/m):(p.height=d,p.width=d*m),p.y=h[1]-p.height/2,p.x=h[0]-p.width/2;else{var _=t.getBoxLayoutParams();_.aspect=m,p=Up(t,p=Hp(_,v),m)}this.setViewRect(p.x,p.y,p.width,p.height),this.setCenter(t.get("center")),this.setZoom(t.get("zoom"))}R(tk,KA);var ik=function(){function t(){this.dimensions=QA}return t.prototype.create=function(t,e){var n=[];function i(t){return{nameProperty:t.get("nameProperty"),aspectScale:t.get("aspectScale"),projection:t.get("projection")}}t.eachComponent("geo",(function(r,o){var a=r.get("map"),s=new tk(a+o,a,A({nameMap:r.get("nameMap"),api:e,ecModel:t},i(r)));s.zoomLimit=r.get("scaleLimit"),n.push(s),r.coordinateSystem=s,s.model=r,s.resize=nk,s.resize(r,e)})),t.eachSeries((function(t){Rp({targetModel:t,coordSysType:"geo",coordSysProvider:function(){var e="map"===t.subType?t.getHostGeoModel():t.getReferringComponents("geo",ha).models[0];return e&&e.coordinateSystem},allowNotFound:!0})}));var r={};return t.eachSeriesByType("map",(function(t){if(!t.getHostGeoModel()){var e=t.getMapType();r[e]=r[e]||[],r[e].push(t)}})),z(r,(function(r,o){var a=E(r,(function(t){return t.get("nameMap")})),s=new tk(o,o,A({nameMap:D(a),api:e,ecModel:t},i(r[0])));s.zoomLimit=it.apply(null,E(r,(function(t){return t.get("scaleLimit")}))),n.push(s),s.resize=nk,s.resize(r[0],e),z(r,(function(t){t.coordinateSystem=s,function(t,e){z(e.get("geoCoord"),(function(e,n){t.addGeoCoord(n,e)}))}(s,t)}))})),n},t.prototype.getFilledRegions=function(t,e,n,i){for(var r=(t||[]).slice(),o=yt(),a=0;a<r.length;a++)o.set(r[a].name,r[a]);return z(kA(e,n,i).regions,(function(t){var e=t.name,n=o.get(e),i=t.properties&&t.properties.echartsStyle;n||(n={name:e},r.push(n)),i&&C(n,i)})),r},t}(),rk=new ik,ok=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n);var i=DA(t.map);if(i&&"geoJSON"===i.type){var r=t.itemStyle=t.itemStyle||{};"color"in r||(r.color=t.defaultItemStyleColor||tf.color.backgroundTint)}Ko(t,"label",["show"])},e.prototype.optionUpdated=function(){var t=this,e=this.option;e.regions=rk.getFilledRegions(e.regions,e.map,e.nameMap,e.nameProperty);var n={};this._optionModelMap=B(e.regions||[],(function(e,i){var r=i.name;return r&&(e.set(r,new wd(i,t,t.ecModel)),i.selected&&(n[r]=!0)),e}),yt()),e.selectedMap||(e.selectedMap=n)},e.prototype.getRegionModel=function(t){return this._optionModelMap.get(t)||new wd(null,this,this.ecModel)},e.prototype.getFormattedLabel=function(t,e){var n=this.getRegionModel(t),i="normal"===e?n.get(["label","formatter"]):n.get(["emphasis","label","formatter"]),r={name:t};return Y(i)?(r.status=e,i(r)):X(i)?i.replace("{a}",null!=t?t:""):void 0},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.select=function(t){var e=this.option,n=e.selectedMode;n&&("multiple"!==n&&(e.selectedMap=null),(e.selectedMap||(e.selectedMap={}))[t]=!0)},e.prototype.unSelect=function(t){var e=this.option.selectedMap;e&&(e[t]=!1)},e.prototype.toggleSelected=function(t){this[this.isSelected(t)?"unSelect":"select"](t)},e.prototype.isSelected=function(t){var e=this.option.selectedMap;return!(!e||!e[t])},e.type="geo",e.layoutMode="box",e.defaultOption={z:0,show:!0,left:"center",top:"center",aspectScale:null,silent:!1,map:"",boundingCoords:null,center:null,zoom:1,scaleLimit:null,label:{show:!1,color:tf.color.tertiary},itemStyle:{borderWidth:.5,borderColor:tf.color.border},emphasis:{label:{show:!0,color:tf.color.primary},itemStyle:{color:tf.color.highlight}},select:{label:{show:!0,color:tf.color.primary},itemStyle:{color:tf.color.highlight}},regions:[]},e}(Qp),ak=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.focusBlurEnabled=!0,n}return n(e,t),e.prototype.init=function(t,e){this._api=e},e.prototype.render=function(t,e,n,i){if(this._model=t,!t.get("show"))return this._mapDraw&&this._mapDraw.remove(),void(this._mapDraw=null);this._mapDraw||(this._mapDraw=new BA(n));var r=this._mapDraw;r.draw(t,e,n,this,i),r.group.on("click",this._handleRegionClick,this),r.group.silent=t.get("silent"),this.group.add(r.group),this.updateSelectStatus(t,e,n)},e.prototype._handleRegionClick=function(t){var e;Qv(t.target,(function(t){return null!=(e=zl(t).eventData)}),!0),e&&this._api.dispatchAction({type:"geoToggleSelect",geoId:this._model.id,name:e.name})},e.prototype.updateSelectStatus=function(t,e,n){var i=this;this._mapDraw.group.traverse((function(t){var e=zl(t).eventData;if(e)return i._model.isSelected(e.name)?n.enterSelect(t):n.leaveSelect(t),!0}))},e.prototype.findHighDownDispatchers=function(t){return this._mapDraw&&this._mapDraw.findHighDownDispatchers(t,this._model)},e.prototype.dispose=function(){this._mapDraw&&this._mapDraw.remove()},e.type="geo",e}(Ky);function sk(t,e,n){CA(t,e,n)}function lk(t){function e(e,n){n.update="geo:updateSelectStatus",t.registerAction(n,(function(t,n){var i={},r=[];return n.eachComponent({mainType:"geo",query:t},(function(n){n[e](t.name),z(n.coordinateSystem.regions,(function(t){i[t.name]=n.isSelected(t.name)||!1}));var o=[];z(i,(function(t,e){i[e]&&o.push(e)})),r.push({geoIndex:n.componentIndex,name:o})})),{selected:i,allSelected:r,name:t.name}}))}t.registerCoordinateSystem("geo",rk),t.registerComponentModel(ok),t.registerComponentView(ak),t.registerImpl("registerMap",sk),t.registerImpl("getMap",(function(t){return AA(t)})),e("toggleSelected",{type:"geoToggleSelect",event:"geoselectchanged"}),e("select",{type:"geoSelect",event:"geoselected"}),e("unSelect",{type:"geoUnSelect",event:"geounselected"}),t.registerAction({type:"geoRoam",event:"geoRoam",update:"updateTransform"},(function(t,e,n){var i=t.componentType;i||(null!=t.geoId?i="geo":null!=t.seriesId&&(i="series")),i||(i="series"),e.eachComponent({mainType:i,query:t},(function(e){var n=e.coordinateSystem;if("geo"===n.type){var r=YD(n,t,e.get("scaleLimit"));e.setCenter&&e.setCenter(r.center),e.setZoom&&e.setZoom(r.zoom),"series"===i&&z(e.seriesGroup,(function(t){t.setCenter(r.center),t.setZoom(r.zoom)}))}}))}))}function uk(t,e){var n=t.isExpand?t.children:[],i=t.parentNode.children,r=t.hierNode.i?i[t.hierNode.i-1]:null;if(n.length){!function(t){var e=t.children,n=e.length,i=0,r=0;for(;--n>=0;){var o=e[n];o.hierNode.prelim+=i,o.hierNode.modifier+=i,r+=o.hierNode.change,i+=o.hierNode.shift+r}}(t);var o=(n[0].hierNode.prelim+n[n.length-1].hierNode.prelim)/2;r?(t.hierNode.prelim=r.hierNode.prelim+e(t,r),t.hierNode.modifier=t.hierNode.prelim-o):t.hierNode.prelim=o}else r&&(t.hierNode.prelim=r.hierNode.prelim+e(t,r));t.parentNode.hierNode.defaultAncestor=function(t,e,n,i){if(e){for(var r=t,o=t,a=o.parentNode.children[0],s=e,l=r.hierNode.modifier,u=o.hierNode.modifier,c=a.hierNode.modifier,h=s.hierNode.modifier;s=pk(s),o=fk(o),s&&o;){r=pk(r),a=fk(a),r.hierNode.ancestor=t;var d=s.hierNode.prelim+h-o.hierNode.prelim-u+i(s,o);d>0&&(yk(gk(s,t,n),t,d),u+=d,l+=d),h+=s.hierNode.modifier,u+=o.hierNode.modifier,l+=r.hierNode.modifier,c+=a.hierNode.modifier}s&&!pk(r)&&(r.hierNode.thread=s,r.hierNode.modifier+=h-l),o&&!fk(a)&&(a.hierNode.thread=o,a.hierNode.modifier+=u-c,n=t)}return n}(t,r,t.parentNode.hierNode.defaultAncestor||i[0],e)}function ck(t){var e=t.hierNode.prelim+t.parentNode.hierNode.modifier;t.setLayout({x:e},!0),t.hierNode.modifier+=t.parentNode.hierNode.modifier}function hk(t){return arguments.length?t:vk}function dk(t,e){return t-=Math.PI/2,{x:e*Math.cos(t),y:e*Math.sin(t)}}function pk(t){var e=t.children;return e.length&&t.isExpand?e[e.length-1]:t.hierNode.thread}function fk(t){var e=t.children;return e.length&&t.isExpand?e[0]:t.hierNode.thread}function gk(t,e,n){return t.hierNode.ancestor.parentNode===e.parentNode?t.hierNode.ancestor:n}function yk(t,e,n){var i=n/(e.hierNode.i-t.hierNode.i);e.hierNode.change-=i,e.hierNode.shift+=n,e.hierNode.modifier+=n,e.hierNode.prelim+=n,t.hierNode.change+=i}function vk(t,e){return t.parentNode===e.parentNode?1:2}var mk=function(){this.parentPoint=[],this.childPoints=[]},xk=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:tf.color.neutral99,fill:null}},e.prototype.getDefaultShape=function(){return new mk},e.prototype.buildPath=function(t,e){var n=e.childPoints,i=n.length,r=e.parentPoint,o=n[0],a=n[i-1];if(1===i)return t.moveTo(r[0],r[1]),void t.lineTo(o[0],o[1]);var s=e.orient,l="TB"===s||"BT"===s?0:1,u=1-l,c=yo(e.forkPosition,1),h=[];h[l]=r[l],h[u]=r[u]+(a[u]-r[u])*c,t.moveTo(r[0],r[1]),t.lineTo(h[0],h[1]),t.moveTo(o[0],o[1]),h[l]=o[l],t.lineTo(h[0],h[1]),h[l]=a[l],t.lineTo(h[0],h[1]),t.lineTo(a[0],a[1]);for(var d=1;d<i-1;d++){var p=n[d];t.moveTo(p[0],p[1]),h[l]=p[l],t.lineTo(h[0],h[1])}},e}(sl),_k=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._mainGroup=new to,n}return n(e,t),e.prototype.init=function(t,e){this._controller=new LD(e.getZr()),this._controllerHost={target:this.group},this.group.add(this._mainGroup)},e.prototype.render=function(t,e,n){var i=t.getData(),r=t.layoutInfo,o=this._mainGroup;"radial"===t.get("layout")?(o.x=r.x+r.width/2,o.y=r.y+r.height/2):(o.x=r.x,o.y=r.y),this._updateViewCoordSys(t,n),this._updateController(t,null,e,n);var a=this._data;i.diff(a).add((function(e){bk(i,e)&&wk(i,e,null,o,t)})).update((function(e,n){var r=a.getItemGraphicEl(n);bk(i,e)?wk(i,e,r,o,t):r&&Ik(a,n,r,o,t)})).remove((function(e){var n=a.getItemGraphicEl(e);n&&Ik(a,e,n,o,t)})).execute(),this._nodeScaleRatio=t.get("nodeScaleRatio"),this._updateNodeAndLinkScale(t),!0===t.get("expandAndCollapse")&&i.eachItemGraphicEl((function(e,i){e.off("click").on("click",(function(){n.dispatchAction({type:"treeExpandAndCollapse",seriesId:t.id,dataIndex:i})}))})),this._data=i},e.prototype._updateViewCoordSys=function(t,e){var n=t.getData(),i=[];n.each((function(t){var e=n.getItemLayout(t);!e||isNaN(e.x)||isNaN(e.y)||i.push([+e.x,+e.y])}));var r=[],o=[];ys(i,r,o);var a=this._min,s=this._max;o[0]-r[0]==0&&(r[0]=a?a[0]:r[0]-1,o[0]=s?s[0]:o[0]+1),o[1]-r[1]==0&&(r[1]=a?a[1]:r[1]-1,o[1]=s?s[1]:o[1]+1);var l=t.coordinateSystem=new KA(null,{api:e,ecModel:t.ecModel});l.zoomLimit=t.get("scaleLimit"),l.setBoundingRect(r[0],r[1],o[0]-r[0],o[1]-r[1]),l.setCenter(t.get("center")),l.setZoom(t.get("zoom")),this.group.attr({x:l.x,y:l.y,scaleX:l.scaleX,scaleY:l.scaleY}),this._min=r,this._max=o},e.prototype._updateController=function(t,e,n,i){var r=this;HD(t,i,this.group,this._controller,this._controllerHost,e),this._controller.on("zoom",(function(e){r._updateNodeAndLinkScale(t)}))},e.prototype._updateNodeAndLinkScale=function(t){var e=t.getData(),n=this._getNodeGlobalScale(t);e.eachItemGraphicEl((function(t,e){t.setSymbolScale(n)}))},e.prototype._getNodeGlobalScale=function(t){var e=t.coordinateSystem;if("view"!==e.type)return 1;var n=this._nodeScaleRatio,i=e.scaleX||1;return((e.getZoom()-1)*n+1)/i},e.prototype.dispose=function(){this._controller&&this._controller.dispose(),this._controllerHost=null},e.prototype.remove=function(){this._mainGroup.removeAll(),this._data=null},e.type="tree",e}(tv);function bk(t,e){var n=t.getItemLayout(e);return n&&!isNaN(n.x)&&!isNaN(n.y)}function wk(t,e,n,i,r){var o=!n,a=t.tree.getNodeByDataIndex(e),s=a.getModel(),l=a.getVisual("style").fill,u=!1===a.isExpand&&0!==a.children.length?l:tf.color.neutral00,c=t.tree.root,h=a.parentNode===c?a:a.parentNode||a,d=t.getItemGraphicEl(h.dataIndex),p=h.getLayout(),f=d?{x:d.__oldX,y:d.__oldY,rawX:d.__radialOldRawX,rawY:d.__radialOldRawY}:p,g=a.getLayout();o?((n=new rI(t,e,null,{symbolInnerColor:u,useNameLabel:!0})).x=f.x,n.y=f.y):n.updateData(t,e,null,{symbolInnerColor:u,useNameLabel:!0}),n.__radialOldRawX=n.__radialRawX,n.__radialOldRawY=n.__radialRawY,n.__radialRawX=g.rawX,n.__radialRawY=g.rawY,i.add(n),t.setItemGraphicEl(e,n),n.__oldX=n.x,n.__oldY=n.y,th(n,{x:g.x,y:g.y},r);var y=n.getSymbolPath();if("radial"===r.get("layout")){var v=c.children[0],m=v.getLayout(),x=v.children.length,_=void 0,b=void 0;if(g.x===m.x&&!0===a.isExpand&&v.children.length){var w={x:(v.children[0].getLayout().x+v.children[x-1].getLayout().x)/2,y:(v.children[0].getLayout().y+v.children[x-1].getLayout().y)/2};(_=Math.atan2(w.y-m.y,w.x-m.x))<0&&(_=2*Math.PI+_),(b=w.x<m.x)&&(_-=Math.PI)}else(_=Math.atan2(g.y-m.y,g.x-m.x))<0&&(_=2*Math.PI+_),0===a.children.length||0!==a.children.length&&!1===a.isExpand?(b=g.x<m.x)&&(_-=Math.PI):(b=g.x>m.x)||(_-=Math.PI);var S=b?"left":"right",M=s.getModel("label"),I=M.get("rotate"),T=I*(Math.PI/180),C=y.getTextContent();C&&(y.setTextConfig({position:M.get("position")||S,rotation:null==I?-_:T,origin:"center"}),C.setStyle("verticalAlign","middle"))}var D=s.get(["emphasis","focus"]),A="relative"===D?vt(a.getAncestorsIndices(),a.getDescendantIndices()):"ancestor"===D?a.getAncestorsIndices():"descendant"===D?a.getDescendantIndices():null;A&&(zl(n).focus=A),function(t,e,n,i,r,o,a,s){var l=e.getModel(),u=t.get("edgeShape"),c=t.get("layout"),h=t.getOrient(),d=t.get(["lineStyle","curveness"]),p=t.get("edgeForkPosition"),f=l.getModel("lineStyle").getLineStyle(),g=i.__edge;if("curve"===u)e.parentNode&&e.parentNode!==n&&(g||(g=i.__edge=new Oc({shape:Tk(c,h,d,r,r)})),th(g,{shape:Tk(c,h,d,o,a)},t));else if("polyline"===u)if("orthogonal"===c){if(e!==n&&e.children&&0!==e.children.length&&!0===e.isExpand){for(var y=e.children,v=[],m=0;m<y.length;m++){var x=y[m].getLayout();v.push([x.x,x.y])}g||(g=i.__edge=new xk({shape:{parentPoint:[a.x,a.y],childPoints:[[a.x,a.y]],orient:h,forkPosition:p}})),th(g,{shape:{parentPoint:[a.x,a.y],childPoints:v}},t)}}else 0;g&&("polyline"!==u||e.isExpand)&&(g.useStyle(k({strokeNoScale:!0,fill:null},f)),ku(g,l,"lineStyle"),uu(g),s.add(g))}(r,a,c,n,f,p,g,i),n.__edge&&(n.onHoverStateChange=function(e){if("blur"!==e){var i=a.parentNode&&t.getItemGraphicEl(a.parentNode.dataIndex);i&&1===i.hoverState||su(n.__edge,e)}})}function Sk(t,e,n,i,r){var o=Mk(e.tree.root,t),a=o.source,s=o.sourceLayout,l=e.getItemGraphicEl(t.dataIndex);if(l){var u=e.getItemGraphicEl(a.dataIndex).__edge,c=l.__edge||(!1===a.isExpand||1===a.children.length?u:void 0),h=i.get("edgeShape"),d=i.get("layout"),p=i.get("orient"),f=i.get(["lineStyle","curveness"]);c&&("curve"===h?ih(c,{shape:Tk(d,p,f,s,s),style:{opacity:0}},i,{cb:function(){n.remove(c)},removeOpt:r}):"polyline"===h&&"orthogonal"===i.get("layout")&&ih(c,{shape:{parentPoint:[s.x,s.y],childPoints:[[s.x,s.y]]},style:{opacity:0}},i,{cb:function(){n.remove(c)},removeOpt:r}))}}function Mk(t,e){for(var n,i=e.parentNode===t?e:e.parentNode||e;null==(n=i.getLayout());)i=i.parentNode===t?i:i.parentNode||i;return{source:i,sourceLayout:n}}function Ik(t,e,n,i,r){var o=t.tree.getNodeByDataIndex(e),a=Mk(t.tree.root,o).sourceLayout,s={duration:r.get("animationDurationUpdate"),easing:r.get("animationEasingUpdate")};ih(n,{x:a.x+1,y:a.y+1},r,{cb:function(){i.remove(n),t.setItemGraphicEl(e,null)},removeOpt:s}),n.fadeOut(null,t.hostModel,{fadeLabel:!0,animation:s}),o.children.forEach((function(e){Sk(e,t,i,r,s)})),Sk(o,t,i,r,s)}function Tk(t,e,n,i,r){var o,a,s,l,u,c,h,d;if("radial"===t){u=i.rawX,h=i.rawY,c=r.rawX,d=r.rawY;var p=dk(u,h),f=dk(u,h+(d-h)*n),g=dk(c,d+(h-d)*n),y=dk(c,d);return{x1:p.x||0,y1:p.y||0,x2:y.x||0,y2:y.y||0,cpx1:f.x||0,cpy1:f.y||0,cpx2:g.x||0,cpy2:g.y||0}}return u=i.x,h=i.y,c=r.x,d=r.y,"LR"!==e&&"RL"!==e||(o=u+(c-u)*n,a=h,s=c+(u-c)*n,l=d),"TB"!==e&&"BT"!==e||(o=u,a=h+(d-h)*n,s=c,l=d+(h-d)*n),{x1:u,y1:h,x2:c,y2:d,cpx1:o,cpy1:a,cpx2:s,cpy2:l}}var Ck=sa();function Dk(t){var e=t.mainData,n=t.datas;n||(n={main:e},t.datasAttr={main:"data"}),t.datas=t.mainData=null,Rk(e,n,t),z(n,(function(n){z(e.TRANSFERABLE_METHODS,(function(e){n.wrapMethod(e,H(Ak,t))}))})),e.wrapMethod("cloneShallow",H(Lk,t)),z(e.CHANGABLE_METHODS,(function(n){e.wrapMethod(n,H(kk,t))})),lt(n[e.dataType]===e)}function Ak(t,e){if(Ck(i=this).mainData===i){var n=A({},Ck(this).datas);n[this.dataType]=e,Rk(e,n,t)}else Nk(e,this.dataType,Ck(this).mainData,t);var i;return e}function kk(t,e){return t.struct&&t.struct.update(),e}function Lk(t,e){return z(Ck(e).datas,(function(n,i){n!==e&&Nk(n.cloneShallow(),i,e,t)})),e}function Pk(t){var e=Ck(this).mainData;return null==t||null==e?e:Ck(e).datas[t]}function Ok(){var t=Ck(this).mainData;return null==t?[{data:t}]:E(F(Ck(t).datas),(function(e){return{type:e,data:Ck(t).datas[e]}}))}function Rk(t,e,n){Ck(t).datas={},z(e,(function(e,i){Nk(e,i,t,n)}))}function Nk(t,e,n,i){Ck(n).datas[e]=t,Ck(t).mainData=n,t.dataType=e,i.struct&&(t[i.structAttr]=i.struct,i.struct[i.datasAttr[e]]=t),t.getLinkedData=Pk,t.getLinkedDataAll=Ok}var zk=function(){function t(t,e){this.depth=0,this.height=0,this.dataIndex=-1,this.children=[],this.viewChildren=[],this.isExpand=!1,this.name=t||"",this.hostTree=e}return t.prototype.isRemoved=function(){return this.dataIndex<0},t.prototype.eachNode=function(t,e,n){Y(t)&&(n=e,e=t,t=null),X(t=t||{})&&(t={order:t});var i,r=t.order||"preorder",o=this[t.attr||"children"];"preorder"===r&&(i=e.call(n,this));for(var a=0;!i&&a<o.length;a++)o[a].eachNode(t,e,n);"postorder"===r&&e.call(n,this)},t.prototype.updateDepthAndHeight=function(t){var e=0;this.depth=t;for(var n=0;n<this.children.length;n++){var i=this.children[n];i.updateDepthAndHeight(t+1),i.height>e&&(e=i.height)}this.height=e+1},t.prototype.getNodeById=function(t){if(this.getId()===t)return this;for(var e=0,n=this.children,i=n.length;e<i;e++){var r=n[e].getNodeById(t);if(r)return r}},t.prototype.contains=function(t){if(t===this)return!0;for(var e=0,n=this.children,i=n.length;e<i;e++){var r=n[e].contains(t);if(r)return r}},t.prototype.getAncestors=function(t){for(var e=[],n=t?this:this.parentNode;n;)e.push(n),n=n.parentNode;return e.reverse(),e},t.prototype.getAncestorsIndices=function(){for(var t=[],e=this;e;)t.push(e.dataIndex),e=e.parentNode;return t.reverse(),t},t.prototype.getDescendantIndices=function(){var t=[];return this.eachNode((function(e){t.push(e.dataIndex)})),t},t.prototype.getValue=function(t){var e=this.hostTree.data;return e.getStore().get(e.getDimensionIndex(t||"value"),this.dataIndex)},t.prototype.setLayout=function(t,e){this.dataIndex>=0&&this.hostTree.data.setItemLayout(this.dataIndex,t,e)},t.prototype.getLayout=function(){return this.hostTree.data.getItemLayout(this.dataIndex)},t.prototype.getModel=function(t){if(!(this.dataIndex<0))return this.hostTree.data.getItemModel(this.dataIndex).getModel(t)},t.prototype.getLevelModel=function(){return(this.hostTree.levelModels||[])[this.depth]},t.prototype.setVisual=function(t,e){this.dataIndex>=0&&this.hostTree.data.setItemVisual(this.dataIndex,t,e)},t.prototype.getVisual=function(t){return this.hostTree.data.getItemVisual(this.dataIndex,t)},t.prototype.getRawIndex=function(){return this.hostTree.data.getRawIndex(this.dataIndex)},t.prototype.getId=function(){return this.hostTree.data.getId(this.dataIndex)},t.prototype.getChildIndex=function(){if(this.parentNode){for(var t=this.parentNode.children,e=0;e<t.length;++e)if(t[e]===this)return e;return-1}return-1},t.prototype.isAncestorOf=function(t){for(var e=t.parentNode;e;){if(e===this)return!0;e=e.parentNode}return!1},t.prototype.isDescendantOf=function(t){return t!==this&&t.isAncestorOf(this)},t}(),Ek=function(){function t(t){this.type="tree",this._nodes=[],this.hostModel=t}return t.prototype.eachNode=function(t,e,n){this.root.eachNode(t,e,n)},t.prototype.getNodeByDataIndex=function(t){var e=this.data.getRawIndex(t);return this._nodes[e]},t.prototype.getNodeById=function(t){return this.root.getNodeById(t)},t.prototype.update=function(){for(var t=this.data,e=this._nodes,n=0,i=e.length;n<i;n++)e[n].dataIndex=-1;for(n=0,i=t.count();n<i;n++)e[t.getRawIndex(n)].dataIndex=n},t.prototype.clearLayouts=function(){this.data.clearItemLayouts()},t.createTree=function(e,n,i){var r=new t(n),o=[],a=1;!function t(e,n){var i=e.value;a=Math.max(a,U(i)?i.length:1),o.push(e);var s=new zk(ia(e.name,""),r);n?function(t,e){var n=e.children;if(t.parentNode===e)return;n.push(t),t.parentNode=e}(s,n):r.root=s,r._nodes.push(s);var l=e.children;if(l)for(var u=0;u<l.length;u++)t(l[u],s)}(e),r.root.updateDepthAndHeight(0);var s=V_(o,{coordDimensions:["value"],dimensionsCount:a}).dimensions,l=new B_(s,n);return l.initData(o),i&&i(l),Dk({mainData:l,struct:r,structAttr:"tree"}),r.update(),r},t}();function Bk(t,e,n){if(t&&P(e,t.type)>=0){var i=n.getData().tree.root,r=t.targetNode;if(X(r)&&(r=i.getNodeById(r)),r&&i.contains(r))return{node:r};var o=t.targetNodeId;if(null!=o&&(r=i.getNodeById(o)))return{node:r}}}function Vk(t){for(var e=[];t;)(t=t.parentNode)&&e.push(t);return e.reverse()}function Gk(t,e){return P(Vk(t),e)>=0}function Fk(t,e){for(var n=[];t;){var i=t.dataIndex;n.push({name:t.name,dataIndex:i,value:e.getRawValue(i)}),t=t.parentNode}return n.reverse(),n}var Wk=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.hasSymbolVisual=!0,e.ignoreStyleOnData=!0,e}return n(e,t),e.prototype.getInitialData=function(t){var e={name:t.name,children:t.data},n=t.leaves||{},i=new wd(n,this,this.ecModel),r=Ek.createTree(e,this,(function(t){t.wrapMethod("getItemModel",(function(t,e){var n=r.getNodeByDataIndex(e);return n&&n.children.length&&n.isExpand||(t.parentModel=i),t}))}));var o=0;r.eachNode("preorder",(function(t){t.depth>o&&(o=t.depth)}));var a=t.expandAndCollapse&&t.initialTreeDepth>=0?t.initialTreeDepth:o;return r.root.eachNode("preorder",(function(t){var e=t.hostTree.data.getRawDataItem(t.dataIndex);t.isExpand=e&&null!=e.collapsed?!e.collapsed:t.depth<=a})),r.data},e.prototype.getOrient=function(){var t=this.get("orient");return"horizontal"===t?t="LR":"vertical"===t&&(t="TB"),t},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.formatTooltip=function(t,e,n){for(var i=this.getData().tree,r=i.root.children[0],o=i.getNodeByDataIndex(t),a=o.getValue(),s=o.name;o&&o!==r;)s=o.parentNode.name+"."+s,o=o.parentNode;return Ty("nameValue",{name:s,value:a,noValue:isNaN(a)||null==a})},e.prototype.getDataParams=function(e){var n=t.prototype.getDataParams.apply(this,arguments),i=this.getData().tree.getNodeByDataIndex(e);return n.treeAncestors=Fk(i,this),n.collapsed=!i.isExpand,n},e.type="series.tree",e.layoutMode="box",e.defaultOption={z:2,coordinateSystemUsage:"box",left:"12%",top:"12%",right:"12%",bottom:"12%",layout:"orthogonal",edgeShape:"curve",edgeForkPosition:"50%",roam:!1,roamTrigger:"global",nodeScaleRatio:.4,center:null,zoom:1,orient:"LR",symbol:"emptyCircle",symbolSize:7,expandAndCollapse:!0,initialTreeDepth:2,lineStyle:{color:tf.color.borderTint,width:1.5,curveness:.5},itemStyle:{color:"lightsteelblue",borderWidth:1.5},label:{show:!0},animationEasing:"linear",animationDuration:700,animationDurationUpdate:500},e}(Wy);function Hk(t,e){for(var n,i=[t];n=i.pop();)if(e(n),n.isExpand){var r=n.children;if(r.length)for(var o=r.length-1;o>=0;o--)i.push(r[o])}}function Uk(t,e){t.eachSeriesByType("tree",(function(t){!function(t,e){var n=Xp(t,e).refContainer,i=Hp(t.getBoxLayoutParams(),n);t.layoutInfo=i;var r=t.get("layout"),o=0,a=0,s=null;"radial"===r?(o=2*Math.PI,a=Math.min(i.height,i.width)/2,s=hk((function(t,e){return(t.parentNode===e.parentNode?1:2)/t.depth}))):(o=i.width,a=i.height,s=hk());var l=t.getData().tree.root,u=l.children[0];if(u){!function(t){var e=t;e.hierNode={defaultAncestor:null,ancestor:e,prelim:0,modifier:0,change:0,shift:0,i:0,thread:null};for(var n,i,r=[e];n=r.pop();)if(i=n.children,n.isExpand&&i.length)for(var o=i.length-1;o>=0;o--){var a=i[o];a.hierNode={defaultAncestor:null,ancestor:a,prelim:0,modifier:0,change:0,shift:0,i:o,thread:null},r.push(a)}}(l),function(t,e,n){for(var i,r=[t],o=[];i=r.pop();)if(o.push(i),i.isExpand){var a=i.children;if(a.length)for(var s=0;s<a.length;s++)r.push(a[s])}for(;i=o.pop();)e(i,n)}(u,uk,s),l.hierNode.modifier=-u.hierNode.prelim,Hk(u,ck);var c=u,h=u,d=u;Hk(u,(function(t){var e=t.getLayout().x;e<c.getLayout().x&&(c=t),e>h.getLayout().x&&(h=t),t.depth>d.depth&&(d=t)}));var p=c===h?1:s(c,h)/2,f=p-c.getLayout().x,g=0,y=0,v=0,m=0;if("radial"===r)g=o/(h.getLayout().x+p+f),y=a/(d.depth-1||1),Hk(u,(function(t){v=(t.getLayout().x+f)*g,m=(t.depth-1)*y;var e=dk(v,m);t.setLayout({x:e.x,y:e.y,rawX:v,rawY:m},!0)}));else{var x=t.getOrient();"RL"===x||"LR"===x?(y=a/(h.getLayout().x+p+f),g=o/(d.depth-1||1),Hk(u,(function(t){m=(t.getLayout().x+f)*y,v="LR"===x?(t.depth-1)*g:o-(t.depth-1)*g,t.setLayout({x:v,y:m},!0)}))):"TB"!==x&&"BT"!==x||(g=o/(h.getLayout().x+p+f),y=a/(d.depth-1||1),Hk(u,(function(t){v=(t.getLayout().x+f)*g,m="TB"===x?(t.depth-1)*y:a-(t.depth-1)*y,t.setLayout({x:v,y:m},!0)})))}}}(t,e)}))}function Yk(t){t.eachSeriesByType("tree",(function(t){var e=t.getData();e.tree.eachNode((function(t){var n=t.getModel().getModel("itemStyle").getItemStyle();A(e.ensureUniqueItemVisual(t.dataIndex,"style"),n)}))}))}var Xk=["treemapZoomToNode","treemapRender","treemapMove"];function Zk(t){var e=t.getData().tree,n={};e.eachNode((function(e){for(var i=e;i&&i.depth>1;)i=i.parentNode;var r=Nf(t.ecModel,i.name||i.dataIndex+"",n);e.setVisual("decal",r)}))}var jk=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.preventUsingHoverLayer=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){var n={name:t.name,children:t.data};qk(n);var i=t.levels||[],r=this.designatedVisualItemStyle={},o=new wd({itemStyle:r},this,e);i=t.levels=function(t,e){var n,i,r=qo(e.get("color")),o=qo(e.get(["aria","decal","decals"]));if(!r)return;t=t||[],z(t,(function(t){var e=new wd(t),r=e.get("color"),o=e.get("decal");(e.get(["itemStyle","color"])||r&&"none"!==r)&&(n=!0),(e.get(["itemStyle","decal"])||o&&"none"!==o)&&(i=!0)}));var a=t[0]||(t[0]={});n||(a.color=r.slice());!i&&o&&(a.decal=o.slice());return t}(i,e);var a=E(i||[],(function(t){return new wd(t,o,e)}),this),s=Ek.createTree(n,this,(function(t){t.wrapMethod("getItemModel",(function(t,e){var n=s.getNodeByDataIndex(e),i=n?a[n.depth]:null;return t.parentModel=i||o,t}))}));return s.data},e.prototype.optionUpdated=function(){this.resetViewRoot()},e.prototype.formatTooltip=function(t,e,n){var i=this.getData(),r=this.getRawValue(t);return Ty("nameValue",{name:i.getName(t),value:r})},e.prototype.getDataParams=function(e){var n=t.prototype.getDataParams.apply(this,arguments),i=this.getData().tree.getNodeByDataIndex(e);return n.treeAncestors=Fk(i,this),n.treePathInfo=n.treeAncestors,n},e.prototype.setLayoutInfo=function(t){this.layoutInfo=this.layoutInfo||{},A(this.layoutInfo,t)},e.prototype.mapIdToIndex=function(t){var e=this._idIndexMap;e||(e=this._idIndexMap=yt(),this._idIndexMapCount=0);var n=e.get(t);return null==n&&e.set(t,n=this._idIndexMapCount++),n},e.prototype.getViewRoot=function(){return this._viewRoot},e.prototype.resetViewRoot=function(t){t?this._viewRoot=t:t=this._viewRoot;var e=this.getRawData().tree.root;t&&(t===e||e.contains(t))||(this._viewRoot=e)},e.prototype.enableAriaDecal=function(){Zk(this)},e.type="series.treemap",e.layoutMode="box",e.defaultOption={progressive:0,coordinateSystemUsage:"box",left:tf.size.l,top:tf.size.xxxl,right:tf.size.l,bottom:tf.size.xxxl,sort:!0,clipWindow:"origin",squareRatio:.5*(1+Math.sqrt(5)),leafDepth:null,drillDownIcon:"▶",zoomToNodeRatio:.1024,scaleLimit:{max:5,min:.2},roam:!0,roamTrigger:"global",nodeClick:"zoomToNode",animation:!0,animationDurationUpdate:900,animationEasing:"quinticInOut",breadcrumb:{show:!0,height:22,left:"center",bottom:tf.size.m,emptyItemWidth:25,itemStyle:{color:tf.color.backgroundShade,textStyle:{color:tf.color.secondary}},emphasis:{itemStyle:{color:tf.color.background}}},label:{show:!0,distance:0,padding:5,position:"inside",color:tf.color.neutral00,overflow:"truncate"},upperLabel:{show:!1,position:[0,"50%"],height:20,overflow:"truncate",verticalAlign:"middle"},itemStyle:{color:null,colorAlpha:null,colorSaturation:null,borderWidth:0,gapWidth:0,borderColor:tf.color.neutral00,borderColorSaturation:null},emphasis:{upperLabel:{show:!0,position:[0,"50%"],overflow:"truncate",verticalAlign:"middle"}},visualDimension:0,visualMin:null,visualMax:null,color:[],colorAlpha:null,colorSaturation:null,colorMappingBy:"index",visibleMin:10,childrenVisibleMin:null,levels:[]},e}(Wy);function qk(t){var e=0;z(t.children,(function(t){qk(t);var n=t.value;U(n)&&(n=n[0]),e+=n}));var n=t.value;U(n)&&(n=n[0]),(null==n||isNaN(n))&&(n=e),n<0&&(n=0),U(t.value)?t.value[0]=n:t.value=n}var Kk=function(){function t(t){this.group=new to,t.add(this.group)}return t.prototype.render=function(t,e,n,i){var r=t.getModel("breadcrumb"),o=this.group;if(o.removeAll(),r.get("show")&&n){var a=r.getModel("itemStyle"),s=r.getModel("emphasis"),l=a.getModel("textStyle"),u=s.getModel(["itemStyle","textStyle"]),c=Xp(t,e).refContainer,h={left:r.get("left"),right:r.get("right"),top:r.get("top"),bottom:r.get("bottom")},d={emptyItemWidth:r.get("emptyItemWidth"),totalWidth:0,renderList:[]},p=Hp(h,c);this._prepare(n,d,l),this._renderContent(t,d,p,a,s,l,u,i),Zp(o,h,c)}},t.prototype._prepare=function(t,e,n){for(var i=t;i;i=i.parentNode){var r=ia(i.getModel().get("name"),""),o=n.getTextRect(r),a=Math.max(o.width+16,e.emptyItemWidth);e.totalWidth+=a+8,e.renderList.push({node:i,text:r,width:a})}},t.prototype._renderContent=function(t,e,n,i,r,o,a,s){for(var l=0,u=e.emptyItemWidth,c=t.get(["breadcrumb","height"]),h=e.totalWidth,d=e.renderList,p=r.getModel("itemStyle").getItemStyle(),f=d.length-1;f>=0;f--){var g=d[f],y=g.node,v=g.width,m=g.text;h>n.width&&(h-=v-u,v=u,m=null);var x=new Mc({shape:{points:$k(l,0,v,c,f===d.length-1,0===f)},style:k(i.getItemStyle(),{lineJoin:"bevel"}),textContent:new Sl({style:Qh(o,{text:m})}),textConfig:{position:"inside"},z2:1e5,onclick:H(s,y)});x.disableLabelAnimation=!0,x.getTextContent().ensureState("emphasis").style=Qh(a,{text:m}),x.ensureState("emphasis").style=p,Tu(x,r.get("focus"),r.get("blurScope"),r.get("disabled")),this.group.add(x),Jk(x,t,y),l+=v+8}},t.prototype.remove=function(){this.group.removeAll()},t}();function $k(t,e,n,i,r,o){var a=[[r?t:t-5,e],[t+n,e],[t+n,e+i],[r?t:t-5,e+i]];return!o&&a.splice(2,0,[t+n+5,e+i/2]),!r&&a.push([t,e+i/2]),a}function Jk(t,e,n){zl(t).eventData={componentType:"series",componentSubType:"treemap",componentIndex:e.componentIndex,seriesIndex:e.seriesIndex,seriesName:e.name,seriesType:"treemap",selfType:"breadcrumb",nodeData:{dataIndex:n&&n.dataIndex,name:n&&n.name},treePathInfo:n&&Fk(n,e)}}var Qk=function(){function t(){this._storage=[],this._elExistsMap={}}return t.prototype.add=function(t,e,n,i,r){return!this._elExistsMap[t.id]&&(this._elExistsMap[t.id]=!0,this._storage.push({el:t,target:e,duration:n,delay:i,easing:r}),!0)},t.prototype.finished=function(t){return this._finishedCallback=t,this},t.prototype.start=function(){for(var t=this,e=this._storage.length,n=function(){--e<=0&&(t._storage.length=0,t._elExistsMap={},t._finishedCallback&&t._finishedCallback())},i=0,r=this._storage.length;i<r;i++){var o=this._storage[i];o.el.animateTo(o.target,{duration:o.duration,delay:o.delay,easing:o.easing,setToFinal:!0,done:n,aborted:n})}return this},t}();var tL=to,eL=xl,nL="label",iL="upperLabel",rL=Da([["fill","color"],["stroke","strokeColor"],["lineWidth","strokeWidth"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["shadowColor"]]),oL=function(t){var e=rL(t);return e.stroke=e.fill=e.lineWidth=null,e},aL=sa(),sL=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._state="ready",n._storage={nodeGroup:[],background:[],content:[]},n}return n(e,t),e.prototype.render=function(t,e,n,i){if(!(P(e.findComponents({mainType:"series",subType:"treemap",query:i}),t)<0)){this.seriesModel=t,this.api=n,this.ecModel=e;var r=Bk(i,["treemapZoomToNode","treemapRootToNode"],t),o=i&&i.type,a=t.layoutInfo,s=!this._oldTree,l=this._storage,u="treemapRootToNode"===o&&r&&l?{rootNodeGroup:l.nodeGroup[r.node.getRawIndex()],direction:i.direction}:null,c=this._giveContainerGroup(a),h=t.get("animation"),d=this._doRender(c,t,u);!h||s||o&&"treemapZoomToNode"!==o&&"treemapRootToNode"!==o?d.renderFinally():this._doAnimation(c,d,t,u),this._resetController(n),this._renderBreadcrumb(t,n,r)}},e.prototype._giveContainerGroup=function(t){var e=this._containerGroup;return e||(e=this._containerGroup=new tL,this._initEvents(e),this.group.add(e)),e.x=t.x,e.y=t.y,e},e.prototype._doRender=function(t,e,n){var i=e.getData().tree,r=this._oldTree,o={nodeGroup:[],background:[],content:[]},a={nodeGroup:[],background:[],content:[]},s=this._storage,l=[];function u(t,i,r,u){return function(t,e,n,i,r,o,a,s,l,u){if(!a)return;var c=a.getLayout(),h=t.getData(),d=a.getModel();if(h.setItemGraphicEl(a.dataIndex,null),!c||!c.isInView)return;var p=c.width,f=c.height,g=c.borderWidth,y=c.invisible,v=a.getRawIndex(),m=s&&s.getRawIndex(),x=a.viewChildren,_=c.upperHeight,b=x&&x.length,w=d.getModel("itemStyle"),S=d.getModel(["emphasis","itemStyle"]),M=d.getModel(["blur","itemStyle"]),I=d.getModel(["select","itemStyle"]),T=w.get("borderRadius")||0,C=W("nodeGroup",tL);if(!C)return;if(l.add(C),C.x=c.x||0,C.y=c.y||0,C.markRedraw(),aL(C).nodeWidth=p,aL(C).nodeHeight=f,c.isAboveViewRoot)return C;var D=W("background",eL,u,20);D&&E(C,D,b&&c.upperLabelHeight);var k=d.getModel("emphasis"),L=k.get("focus"),P=k.get("blurScope"),O=k.get("disabled"),R="ancestor"===L?a.getAncestorsIndices():"descendant"===L?a.getDescendantIndices():L;if(b)Pu(C)&&Lu(C,!1),D&&(Lu(D,!O),h.setItemGraphicEl(a.dataIndex,D),Cu(D,R,P));else{var N=W("content",eL,u,30);N&&B(C,N),D.disableMorphing=!0,D&&Pu(D)&&Lu(D,!1),Lu(C,!O),h.setItemGraphicEl(a.dataIndex,C);var z=d.getShallow("cursor");z&&N.attr("cursor",z),Cu(C,R,P)}return C;function E(e,n,i){var r=zl(n);if(r.dataIndex=a.dataIndex,r.seriesIndex=t.seriesIndex,n.setShape({x:0,y:0,width:p,height:f,r:T}),y)V(n);else{n.invisible=!1;var o=a.getVisual("style"),s=o.stroke,l=oL(w);l.fill=s;var u=rL(S);u.fill=S.get("borderColor");var c=rL(M);c.fill=M.get("borderColor");var h=rL(I);if(h.fill=I.get("borderColor"),i){var d=p-2*g;G(n,s,o.opacity,{x:g,y:0,width:d,height:_})}else n.removeTextContent();n.setStyle(l),n.ensureState("emphasis").style=u,n.ensureState("blur").style=c,n.ensureState("select").style=h,uu(n)}e.add(n)}function B(e,n){var i=zl(n);i.dataIndex=a.dataIndex,i.seriesIndex=t.seriesIndex;var r=Math.max(p-2*g,0),o=Math.max(f-2*g,0);if(n.culling=!0,n.setShape({x:g,y:g,width:r,height:o,r:T}),y)V(n);else{n.invisible=!1;var s=a.getVisual("style"),l=s.fill,u=oL(w);u.fill=l,u.decal=s.decal;var c=rL(S),h=rL(M),d=rL(I);G(n,l,s.opacity,null),n.setStyle(u),n.ensureState("emphasis").style=c,n.ensureState("blur").style=h,n.ensureState("select").style=d,uu(n)}e.add(n)}function V(t){!t.invisible&&o.push(t)}function G(e,n,i,r){var o=d.getModel(r?iL:nL),s=ia(d.get("name"),null),l=o.getShallow("show");$h(e,Jh(d,r?iL:nL),{defaultText:l?s:null,inheritColor:n,defaultOpacity:i,labelFetcher:t,labelDataIndex:a.dataIndex});var u=e.getTextContent();if(u){var h=u.style,p=st(h.padding||0);r&&(e.setTextConfig({layoutRect:r}),u.disableLabelLayout=!0),u.beforeUpdate=function(){var t=Math.max((r?r.width:e.shape.width)-p[1]-p[3],0),n=Math.max((r?r.height:e.shape.height)-p[0]-p[2],0);h.width===t&&h.height===n||u.setStyle({width:t,height:n})},h.truncateMinChar=2,h.lineOverflow="truncate",F(h,r,c);var f=u.getState("emphasis");F(f?f.style:null,r,c)}}function F(e,n,i){var r=e?e.text:null;if(!n&&i.isLeafRoot&&null!=r){var o=t.get("drillDownIcon",!0);e.text=o?o+" "+r:r}}function W(t,i,o,a){var s=null!=m&&n[t][m],l=r[t];return s?(n[t][m]=null,H(l,s)):y||((s=new i)instanceof os&&(s.z2=function(t,e){return 100*t+e}(o,a)),U(l,s)),e[t][v]=s}function H(t,e){var n=t[v]={};e instanceof tL?(n.oldX=e.x,n.oldY=e.y):n.oldShape=A({},e.shape)}function U(t,e){var n=t[v]={},o=a.parentNode,s=e instanceof to;if(o&&(!i||"drillDown"===i.direction)){var l=0,u=0,c=r.background[o.getRawIndex()];!i&&c&&c.oldShape&&(l=c.oldShape.width,u=c.oldShape.height),s?(n.oldX=0,n.oldY=u):n.oldShape={x:l,y:u,width:0,height:0}}n.fadein=!s}}(e,a,s,n,o,l,t,i,r,u)}!function t(e,n,i,r,o){r?(n=e,z(e,(function(t,e){!t.isRemoved()&&s(e,e)}))):new f_(n,e,a,a).add(s).update(s).remove(H(s,null)).execute();function a(t){return t.getId()}function s(a,s){var l=null!=a?e[a]:null,c=null!=s?n[s]:null,h=u(l,c,i,o);h&&t(l&&l.viewChildren||[],c&&c.viewChildren||[],h,r,o+1)}}(i.root?[i.root]:[],r&&r.root?[r.root]:[],t,i===r||!r,0);var c=function(t){var e={nodeGroup:[],background:[],content:[]};return t&&z(t,(function(t,n){var i=e[n];z(t,(function(t){t&&(i.push(t),aL(t).willDelete=!0)}))})),e}(s);if(this._oldTree=i,this._storage=a,this._controllerHost){var h=this.seriesModel.layoutInfo,d=i.root.getLayout();d.width===h.width&&d.height===h.height&&(this._controllerHost.zoom=1)}return{lastsForAnimation:o,willDeleteEls:c,renderFinally:function(){z(c,(function(t){z(t,(function(t){t.parent&&t.parent.remove(t)}))})),z(l,(function(t){t.invisible=!0,t.dirty()}))}}},e.prototype._doAnimation=function(t,e,n,i){var r=n.get("animationDurationUpdate"),o=n.get("animationEasing"),a=(Y(r)?0:r)||0,s=(Y(o)?null:o)||"cubicOut",l=new Qk;z(e.willDeleteEls,(function(t,e){z(t,(function(t,n){if(!t.invisible){var r,o=t.parent,u=aL(o);if(i&&"drillDown"===i.direction)r=o===i.rootNodeGroup?{shape:{x:0,y:0,width:u.nodeWidth,height:u.nodeHeight},style:{opacity:0}}:{style:{opacity:0}};else{var c=0,h=0;u.willDelete||(c=u.nodeWidth/2,h=u.nodeHeight/2),r="nodeGroup"===e?{x:c,y:h,style:{opacity:0}}:{shape:{x:c,y:h,width:0,height:0},style:{opacity:0}}}r&&l.add(t,r,a,0,s)}}))})),z(this._storage,(function(t,n){z(t,(function(t,i){var r=e.lastsForAnimation[n][i],o={};r&&(t instanceof to?null!=r.oldX&&(o.x=t.x,o.y=t.y,t.x=r.oldX,t.y=r.oldY):(r.oldShape&&(o.shape=A({},t.shape),t.setShape(r.oldShape)),r.fadein?(t.setStyle("opacity",0),o.style={opacity:1}):1!==t.style.opacity&&(o.style={opacity:1})),l.add(t,o,a,0,s))}))}),this),this._state="animating",l.finished(W((function(){this._state="ready",e.renderFinally()}),this)).start()},e.prototype._resetController=function(t){var e=this,n=this._controller,i=this._controllerHost;i||(this._controllerHost={target:this.group},i=this._controllerHost);var r=this.seriesModel;n||((n=this._controller=new LD(t.getZr())).on("pan",W(this._onPan,this)),n.on("zoom",W(this._onZoom,this))),n.enable(r.get("roam"),{api:t,zInfo:{component:r},triggerInfo:{roamTrigger:r.get("roamTrigger"),isInSelf:function(t,n,i){var r=e._containerGroup;return!!r&&r.getBoundingRect().contain(n-r.x,i-r.y)}}}),i.zoomLimit=r.get("scaleLimit"),i.zoom=r.get("zoom")},e.prototype._clearController=function(){var t=this._controller;this._controllerHost=null,t&&(t.dispose(),t=null)},e.prototype._onPan=function(t){if("animating"!==this._state&&(Math.abs(t.dx)>3||Math.abs(t.dy)>3)){var e=this.seriesModel.getData().tree.root;if(!e)return;var n=e.getLayout();if(!n)return;this.api.dispatchAction({type:"treemapMove",from:this.uid,seriesId:this.seriesModel.id,rootRect:{x:n.x+t.dx,y:n.y+t.dy,width:n.width,height:n.height}})}},e.prototype._onZoom=function(t){var e=t.originX,n=t.originY,i=t.scale;if("animating"!==this._state){var r=this.seriesModel.getData().tree.root;if(!r)return;var o=r.getLayout();if(!o)return;var a,s=new He(o.x,o.y,o.width,o.height),l=this._controllerHost;a=l.zoomLimit;var u=l.zoom=l.zoom||1;if(u*=i,a){var c=a.min||0,h=a.max||1/0;u=Math.max(Math.min(h,u),c)}var d=u/l.zoom;l.zoom=u;var p=this.seriesModel.layoutInfo,f=[1,0,0,1,0,0];Se(f,f,[-(e-=p.x),-(n-=p.y)]),Ie(f,f,[d,d]),Se(f,f,[e,n]),s.applyTransform(f),this.api.dispatchAction({type:"treemapRender",from:this.uid,seriesId:this.seriesModel.id,rootRect:{x:s.x,y:s.y,width:s.width,height:s.height}})}},e.prototype._initEvents=function(t){var e=this;t.on("click",(function(t){if("ready"===e._state){var n=e.seriesModel.get("nodeClick",!0);if(n){var i=e.findTarget(t.offsetX,t.offsetY);if(i){var r=i.node;if(r.getLayout().isLeafRoot)e._rootToNode(i);else if("zoomToNode"===n)e._zoomToNode(i);else if("link"===n){var o=r.hostTree.data.getItemModel(r.dataIndex),a=o.get("link",!0),s=o.get("target",!0)||"blank";a&&Sp(a,s)}}}}}),this)},e.prototype._renderBreadcrumb=function(t,e,n){var i=this;n||(n=null!=t.get("leafDepth",!0)?{node:t.getViewRoot()}:this.findTarget(e.getWidth()/2,e.getHeight()/2))||(n={node:t.getData().tree.root}),(this._breadcrumb||(this._breadcrumb=new Kk(this.group))).render(t,e,n.node,(function(e){"animating"!==i._state&&(Gk(t.getViewRoot(),e)?i._rootToNode({node:e}):i._zoomToNode({node:e}))}))},e.prototype.remove=function(){this._clearController(),this._containerGroup&&this._containerGroup.removeAll(),this._storage={nodeGroup:[],background:[],content:[]},this._state="ready",this._breadcrumb&&this._breadcrumb.remove()},e.prototype.dispose=function(){this._clearController()},e.prototype._zoomToNode=function(t){this.api.dispatchAction({type:"treemapZoomToNode",from:this.uid,seriesId:this.seriesModel.id,targetNode:t.node})},e.prototype._rootToNode=function(t){this.api.dispatchAction({type:"treemapRootToNode",from:this.uid,seriesId:this.seriesModel.id,targetNode:t.node})},e.prototype.findTarget=function(t,e){var n;return this.seriesModel.getViewRoot().eachNode({attr:"viewChildren",order:"preorder"},(function(i){var r=this._storage.background[i.getRawIndex()];if(r){var o=r.transformCoordToLocal(t,e),a=r.shape;if(!(a.x<=o[0]&&o[0]<=a.x+a.width&&a.y<=o[1]&&o[1]<=a.y+a.height))return!1;n={node:i,offsetX:o[0],offsetY:o[1]}}}),this),n},e.type="treemap",e}(tv);var lL=z,uL=q,cL=-1,hL=function(){function t(e){var n=e.mappingMethod,i=e.type,r=this.option=T(e);this.type=i,this.mappingMethod=n,this._normalizeData=bL[n];var o=t.visualHandlers[i];this.applyVisual=o.applyVisual,this.getColorMapper=o.getColorMapper,this._normalizedToVisual=o._normalizedToVisual[n],"piecewise"===n?(dL(r),function(t){var e=t.pieceList;t.hasSpecialVisual=!1,z(e,(function(e,n){e.originIndex=n,null!=e.visual&&(t.hasSpecialVisual=!0)}))}(r)):"category"===n?r.categories?function(t){var e=t.categories,n=t.categoryMap={},i=t.visual;if(lL(e,(function(t,e){n[t]=e})),!U(i)){var r=[];q(i)?lL(i,(function(t,e){var i=n[e];r[null!=i?i:cL]=t})):r[-1]=i,i=_L(t,r)}for(var o=e.length-1;o>=0;o--)null==i[o]&&(delete n[e[o]],e.pop())}(r):dL(r,!0):(lt("linear"!==n||r.dataExtent),dL(r))}return t.prototype.mapValueToVisual=function(t){var e=this._normalizeData(t);return this._normalizedToVisual(e,t)},t.prototype.getNormalizer=function(){return W(this._normalizeData,this)},t.listVisualTypes=function(){return F(t.visualHandlers)},t.isValidType=function(e){return t.visualHandlers.hasOwnProperty(e)},t.eachVisual=function(t,e,n){q(t)?z(t,e,n):e.call(n,t)},t.mapVisual=function(e,n,i){var r,o=U(e)?[]:q(e)?{}:(r=!0,null);return t.eachVisual(e,(function(t,e){var a=n.call(i,t,e);r?o=a:o[e]=a})),o},t.retrieveVisuals=function(e){var n,i={};return e&&lL(t.visualHandlers,(function(t,r){e.hasOwnProperty(r)&&(i[r]=e[r],n=!0)})),n?i:null},t.prepareVisualTypes=function(t){if(U(t))t=t.slice();else{if(!uL(t))return[];var e=[];lL(t,(function(t,n){e.push(n)})),t=e}return t.sort((function(t,e){return"color"===e&&"color"!==t&&0===t.indexOf("color")?1:-1})),t},t.dependsOn=function(t,e){return"color"===e?!(!t||0!==t.indexOf(e)):t===e},t.findPieceIndex=function(t,e,n){for(var i,r=1/0,o=0,a=e.length;o<a;o++){var s=e[o].value;if(null!=s){if(s===t||X(s)&&s===t+"")return o;n&&h(s,o)}}for(o=0,a=e.length;o<a;o++){var l=e[o],u=l.interval,c=l.close;if(u){if(u[0]===-1/0){if(wL(c[1],t,u[1]))return o}else if(u[1]===1/0){if(wL(c[0],u[0],t))return o}else if(wL(c[0],u[0],t)&&wL(c[1],t,u[1]))return o;n&&h(u[0],o),n&&h(u[1],o)}}if(n)return t===1/0?e.length-1:t===-1/0?0:i;function h(e,n){var o=Math.abs(e-t);o<r&&(r=o,i=n)}},t.visualHandlers={color:{applyVisual:gL("color"),getColorMapper:function(){var t=this.option;return W("category"===t.mappingMethod?function(t,e){return!e&&(t=this._normalizeData(t)),yL.call(this,t)}:function(e,n,i){var r=!!i;return!n&&(e=this._normalizeData(e)),i=li(e,t.parsedVisual,i),r?i:fi(i,"rgba")},this)},_normalizedToVisual:{linear:function(t){return fi(li(t,this.option.parsedVisual),"rgba")},category:yL,piecewise:function(t,e){var n=xL.call(this,e);return null==n&&(n=fi(li(t,this.option.parsedVisual),"rgba")),n},fixed:vL}},colorHue:pL((function(t,e){return di(t,e)})),colorSaturation:pL((function(t,e){return di(t,null,e)})),colorLightness:pL((function(t,e){return di(t,null,null,e)})),colorAlpha:pL((function(t,e){return pi(t,e)})),decal:{applyVisual:gL("decal"),_normalizedToVisual:{linear:null,category:yL,piecewise:null,fixed:null}},opacity:{applyVisual:gL("opacity"),_normalizedToVisual:mL([0,1])},liftZ:{applyVisual:gL("liftZ"),_normalizedToVisual:{linear:vL,category:vL,piecewise:vL,fixed:vL}},symbol:{applyVisual:function(t,e,n){n("symbol",this.mapValueToVisual(t))},_normalizedToVisual:{linear:fL,category:yL,piecewise:function(t,e){var n=xL.call(this,e);return null==n&&(n=fL.call(this,t)),n},fixed:vL}},symbolSize:{applyVisual:gL("symbolSize"),_normalizedToVisual:mL([0,1])}},t}();function dL(t,e){var n=t.visual,i=[];q(n)?lL(n,(function(t){i.push(t)})):null!=n&&i.push(n);e||1!==i.length||{color:1,symbol:1}.hasOwnProperty(t.type)||(i[1]=i[0]),_L(t,i)}function pL(t){return{applyVisual:function(e,n,i){var r=this.mapValueToVisual(e);i("color",t(n("color"),r))},_normalizedToVisual:mL([0,1])}}function fL(t){var e=this.option.visual;return e[Math.round(go(t,[0,1],[0,e.length-1],!0))]||{}}function gL(t){return function(e,n,i){i(t,this.mapValueToVisual(e))}}function yL(t){var e=this.option.visual;return e[this.option.loop&&t!==cL?t%e.length:t]}function vL(){return this.option.visual[0]}function mL(t){return{linear:function(e){return go(e,t,this.option.visual,!0)},category:yL,piecewise:function(e,n){var i=xL.call(this,n);return null==i&&(i=go(e,t,this.option.visual,!0)),i},fixed:vL}}function xL(t){var e=this.option,n=e.pieceList;if(e.hasSpecialVisual){var i=n[hL.findPieceIndex(t,n)];if(i&&i.visual)return i.visual[this.type]}}function _L(t,e){return t.visual=e,"color"===t.type&&(t.parsedVisual=E(e,(function(t){var e=oi(t);return e||[0,0,0,1]}))),e}var bL={linear:function(t){return go(t,this.option.dataExtent,[0,1],!0)},piecewise:function(t){var e=this.option.pieceList,n=hL.findPieceIndex(t,e,!0);if(null!=n)return go(n,[0,e.length-1],[0,1],!0)},category:function(t){var e=this.option.categories?this.option.categoryMap[t]:t;return null==e?cL:e},fixed:bt};function wL(t,e,n){return t?e<=n:e<n}var SL=sa(),ML={seriesType:"treemap",reset:function(t){var e=t.getData().tree.root;e.isRemoved()||IL(e,{},t.getViewRoot().getAncestors(),t)}};function IL(t,e,n,i){var r=t.getModel(),o=t.getLayout(),a=t.hostTree.data;if(o&&!o.invisible&&o.isInView){var s,l=r.getModel("itemStyle"),u=function(t,e,n){var i=A({},e),r=n.designatedVisualItemStyle;return z(["color","colorAlpha","colorSaturation"],(function(n){r[n]=e[n];var o=t.get(n);r[n]=null,null!=o&&(i[n]=o)})),i}(l,e,i),c=a.ensureUniqueItemVisual(t.dataIndex,"style"),h=l.get("borderColor"),d=l.get("borderColorSaturation");null!=d&&(h=function(t,e){return null!=e?di(e,null,null,t):null}(d,s=TL(u))),c.stroke=h;var p=t.viewChildren;if(p&&p.length){var f=function(t,e,n,i,r,o){if(!o||!o.length)return;var a=DL(e,"color")||null!=r.color&&"none"!==r.color&&(DL(e,"colorAlpha")||DL(e,"colorSaturation"));if(!a)return;var s=e.get("visualMin"),l=e.get("visualMax"),u=n.dataExtent.slice();null!=s&&s<u[0]&&(u[0]=s),null!=l&&l>u[1]&&(u[1]=l);var c=e.get("colorMappingBy"),h={type:a.name,dataExtent:u,visual:a.range};"color"!==h.type||"index"!==c&&"id"!==c?h.mappingMethod="linear":(h.mappingMethod="category",h.loop=!0);var d=new hL(h);return SL(d).drColorMappingBy=c,d}(0,r,o,0,u,p);z(p,(function(t,e){if(t.depth>=n.length||t===n[t.depth]){var o=function(t,e,n,i,r,o){var a=A({},e);if(r){var s=r.type,l="color"===s&&SL(r).drColorMappingBy,u="index"===l?i:"id"===l?o.mapIdToIndex(n.getId()):n.getValue(t.get("visualDimension"));a[s]=r.mapValueToVisual(u)}return a}(r,u,t,e,f,i);IL(t,o,n,i)}}))}else s=TL(u),c.fill=s}}function TL(t){var e=CL(t,"color");if(e){var n=CL(t,"colorAlpha"),i=CL(t,"colorSaturation");return i&&(e=di(e,null,null,i)),n&&(e=pi(e,n)),e}}function CL(t,e){var n=t[e];if(null!=n&&"none"!==n)return n}function DL(t,e){var n=t.get(e);return U(n)&&n.length?{name:e,range:n}:null}var AL=Math.max,kL=Math.min,LL=it,PL=z,OL=["itemStyle","borderWidth"],RL=["itemStyle","gapWidth"],NL=["upperLabel","show"],zL=["upperLabel","height"],EL={seriesType:"treemap",reset:function(t,e,n,i){var r=t.option,o=Xp(t,n).refContainer,a=Hp(t.getBoxLayoutParams(),o),s=r.size||[],l=yo(LL(a.width,s[0]),o.width),u=yo(LL(a.height,s[1]),o.height),c=i&&i.type,h=Bk(i,["treemapZoomToNode","treemapRootToNode"],t),d="treemapRender"===c||"treemapMove"===c?i.rootRect:null,p=t.getViewRoot(),f=Vk(p);if("treemapMove"!==c){var g="treemapZoomToNode"===c?function(t,e,n,i,r){var o,a=(e||{}).node,s=[i,r];if(!a||a===n)return s;var l=i*r,u=l*t.option.zoomToNodeRatio;for(;o=a.parentNode;){for(var c=0,h=o.children,d=0,p=h.length;d<p;d++)c+=h[d].getValue();var f=a.getValue();if(0===f)return s;u*=c/f;var g=o.getModel(),y=g.get(OL);(u+=4*y*y+(3*y+Math.max(y,WL(g)))*Math.pow(u,.5))>Io&&(u=Io),a=o}u<l&&(u=l);var v=Math.pow(u/l,.5);return[i*v,r*v]}(t,h,p,l,u):d?[d.width,d.height]:[l,u],y=r.sort;y&&"asc"!==y&&"desc"!==y&&(y="desc");var v={squareRatio:r.squareRatio,sort:y,leafDepth:r.leafDepth};p.hostTree.clearLayouts();var m={x:0,y:0,width:g[0],height:g[1],area:g[0]*g[1]};p.setLayout(m),BL(p,v,!1,0),m=p.getLayout(),PL(f,(function(t,e){var n=(f[e+1]||p).getValue();t.setLayout(A({dataExtent:[n,n],borderWidth:0,upperHeight:0},m))}))}var x=t.getData().tree.root;x.setLayout(function(t,e,n){if(e)return{x:e.x,y:e.y};var i={x:0,y:0};if(!n)return i;var r=n.node,o=r.getLayout();if(!o)return i;var a=[o.width/2,o.height/2],s=r;for(;s;){var l=s.getLayout();a[0]+=l.x,a[1]+=l.y,s=s.parentNode}return{x:t.width/2-a[0],y:t.height/2-a[1]}}(a,d,h),!0),t.setLayoutInfo(a),FL(x,new He(-a.x,-a.y,n.getWidth(),n.getHeight()),f,p,0)}};function BL(t,e,n,i){var r,o;if(!t.isRemoved()){var a=t.getLayout();r=a.width,o=a.height;var s=t.getModel(),l=s.get(OL),u=s.get(RL)/2,c=WL(s),h=Math.max(l,c),d=l-u,p=h-u;t.setLayout({borderWidth:l,upperHeight:h,upperLabelHeight:c},!0);var f=(r=AL(r-2*d,0))*(o=AL(o-d-p,0)),g=function(t,e,n,i,r,o){var a=t.children||[],s=i.sort;"asc"!==s&&"desc"!==s&&(s=null);var l=null!=i.leafDepth&&i.leafDepth<=o;if(r&&!l)return t.viewChildren=[];a=V(a,(function(t){return!t.isRemoved()})),function(t,e){e&&t.sort((function(t,n){var i="asc"===e?t.getValue()-n.getValue():n.getValue()-t.getValue();return 0===i?"asc"===e?t.dataIndex-n.dataIndex:n.dataIndex-t.dataIndex:i}))}(a,s);var u=function(t,e,n){for(var i=0,r=0,o=e.length;r<o;r++)i+=e[r].getValue();var a,s=t.get("visualDimension");e&&e.length?"value"===s&&n?(a=[e[e.length-1].getValue(),e[0].getValue()],"asc"===n&&a.reverse()):(a=[1/0,-1/0],PL(e,(function(t){var e=t.getValue(s);e<a[0]&&(a[0]=e),e>a[1]&&(a[1]=e)}))):a=[NaN,NaN];return{sum:i,dataExtent:a}}(e,a,s);if(0===u.sum)return t.viewChildren=[];if(u.sum=function(t,e,n,i,r){if(!i)return n;for(var o=t.get("visibleMin"),a=r.length,s=a,l=a-1;l>=0;l--){var u=r["asc"===i?a-l-1:l].getValue();u/n*e<o&&(s=l,n-=u)}return"asc"===i?r.splice(0,a-s):r.splice(s,a-s),n}(e,n,u.sum,s,a),0===u.sum)return t.viewChildren=[];for(var c=0,h=a.length;c<h;c++){var d=a[c].getValue()/u.sum*n;a[c].setLayout({area:d})}l&&(a.length&&t.setLayout({isLeafRoot:!0},!0),a.length=0);return t.viewChildren=a,t.setLayout({dataExtent:u.dataExtent},!0),a}(t,s,f,e,n,i);if(g.length){var y={x:d,y:p,width:r,height:o},v=kL(r,o),m=1/0,x=[];x.area=0;for(var _=0,b=g.length;_<b;){var w=g[_];x.push(w),x.area+=w.getLayout().area;var S=VL(x,v,e.squareRatio);S<=m?(_++,m=S):(x.area-=x.pop().getLayout().area,GL(x,v,y,u,!1),v=kL(y.width,y.height),x.length=x.area=0,m=1/0)}if(x.length&&GL(x,v,y,u,!0),!n){var M=s.get("childrenVisibleMin");null!=M&&f<M&&(n=!0)}for(_=0,b=g.length;_<b;_++)BL(g[_],e,n,i+1)}}}function VL(t,e,n){for(var i=0,r=1/0,o=0,a=void 0,s=t.length;o<s;o++)(a=t[o].getLayout().area)&&(a<r&&(r=a),a>i&&(i=a));var l=t.area*t.area,u=e*e*n;return l?AL(u*i/l,l/(u*r)):1/0}function GL(t,e,n,i,r){var o=e===n.width?0:1,a=1-o,s=["x","y"],l=["width","height"],u=n[s[o]],c=e?t.area/e:0;(r||c>n[l[a]])&&(c=n[l[a]]);for(var h=0,d=t.length;h<d;h++){var p=t[h],f={},g=c?p.getLayout().area/c:0,y=f[l[a]]=AL(c-2*i,0),v=n[s[o]]+n[l[o]]-u,m=h===d-1||v<g?v:g,x=f[l[o]]=AL(m-2*i,0);f[s[a]]=n[s[a]]+kL(i,y/2),f[s[o]]=u+kL(i,x/2),u+=m,p.setLayout(f,!0)}n[s[a]]+=c,n[l[a]]-=c}function FL(t,e,n,i,r){var o=t.getLayout(),a=n[r],s=a&&a===t;if(!(a&&!s||r===n.length&&t!==i)){t.setLayout({isInView:!0,invisible:!s&&!e.intersect(o),isAboveViewRoot:s},!0);var l=new He(e.x-o.x,e.y-o.y,e.width,e.height);PL(t.viewChildren||[],(function(t){FL(t,l,n,i,r+1)}))}}function WL(t){return t.get(NL)?t.get(zL):0}function HL(t){var e=t.findComponents({mainType:"legend"});e&&e.length&&t.eachSeriesByType("graph",(function(t){var n=t.getCategoriesData(),i=t.getGraph().data,r=n.mapArray(n.getName);i.filterSelf((function(t){var n=i.getItemModel(t).getShallow("category");if(null!=n){j(n)&&(n=r[n]);for(var o=0;o<e.length;o++)if(!e[o].isSelected(n))return!1}return!0}))}))}function UL(t){var e={};t.eachSeriesByType("graph",(function(t){var n=t.getCategoriesData(),i=t.getData(),r={};n.each((function(i){var o=n.getName(i);r["ec-"+o]=i;var a=n.getItemModel(i),s=a.getModel("itemStyle").getItemStyle();s.fill||(s.fill=t.getColorFromPalette(o,e)),n.setItemVisual(i,"style",s);for(var l=["symbol","symbolSize","symbolKeepAspect"],u=0;u<l.length;u++){var c=a.getShallow(l[u],!0);null!=c&&n.setItemVisual(i,l[u],c)}})),n.count()&&i.each((function(t){var e=i.getItemModel(t).getShallow("category");if(null!=e){X(e)&&(e=r["ec-"+e]);var o=n.getItemVisual(e,"style");A(i.ensureUniqueItemVisual(t,"style"),o);for(var a=["symbol","symbolSize","symbolKeepAspect"],s=0;s<a.length;s++)i.setItemVisual(t,a[s],n.getItemVisual(e,a[s]))}}))}))}function YL(t){return t instanceof Array||(t=[t,t]),t}function XL(t){t.eachSeriesByType("graph",(function(t){var e=t.getGraph(),n=t.getEdgeData(),i=YL(t.get("edgeSymbol")),r=YL(t.get("edgeSymbolSize"));n.setVisual("fromSymbol",i&&i[0]),n.setVisual("toSymbol",i&&i[1]),n.setVisual("fromSymbolSize",r&&r[0]),n.setVisual("toSymbolSize",r&&r[1]),n.setVisual("style",t.getModel("lineStyle").getLineStyle()),n.each((function(t){var i=n.getItemModel(t),r=e.getEdgeByIndex(t),o=YL(i.getShallow("symbol",!0)),a=YL(i.getShallow("symbolSize",!0)),s=i.getModel("lineStyle").getLineStyle(),l=n.ensureUniqueItemVisual(t,"style");switch(A(l,s),l.stroke){case"source":var u=r.node1.getVisual("style");l.stroke=u&&u.fill;break;case"target":u=r.node2.getVisual("style");l.stroke=u&&u.fill}o[0]&&r.setVisual("fromSymbol",o[0]),o[1]&&r.setVisual("toSymbol",o[1]),a[0]&&r.setVisual("fromSymbolSize",a[0]),a[1]&&r.setVisual("toSymbolSize",a[1])}))}))}var ZL="--\x3e",jL=function(t){return t.get("autoCurveness")||null},qL=function(t,e){var n=jL(t),i=20,r=[];if(j(n))i=n;else if(U(n))return void(t.__curvenessList=n);e>i&&(i=e);var o=i%2?i+2:i+3;r=[];for(var a=0;a<o;a++)r.push((a%2?a+1:a)/10*(a%2?-1:1));t.__curvenessList=r},KL=function(t,e,n){var i=[t.id,t.dataIndex].join("."),r=[e.id,e.dataIndex].join(".");return[n.uid,i,r].join(ZL)},$L=function(t){var e=t.split(ZL);return[e[0],e[2],e[1]].join(ZL)},JL=function(t,e){var n=e.__edgeMap;return n[t]?n[t].length:0};function QL(t,e,n,i){var r=jL(e),o=U(r);if(!r)return null;var a=function(t,e){var n=KL(t.node1,t.node2,e);return e.__edgeMap[n]}(t,e);if(!a)return null;for(var s=-1,l=0;l<a.length;l++)if(a[l]===n){s=l;break}var u=function(t,e){return JL(KL(t.node1,t.node2,e),e)+JL(KL(t.node2,t.node1,e),e)}(t,e);qL(e,u),t.lineStyle=t.lineStyle||{};var c=KL(t.node1,t.node2,e),h=e.__curvenessList,d=o||u%2?0:1;if(a.isForward)return h[d+s];var p=$L(c),f=JL(p,e),g=h[s+f+d];return i?o?r&&0===r[0]?(f+d)%2?g:-g:((f%2?0:1)+d)%2?g:-g:(f+d)%2?g:-g:h[s+f+d]}function tP(t){var e=t.coordinateSystem;if(!e||"view"===e.type){var n=t.getGraph();n.eachNode((function(t){var e=t.getModel();t.setLayout([+e.get("x"),+e.get("y")])})),eP(n,t)}}function eP(t,e){t.eachEdge((function(t,n){var i=ot(t.getModel().get(["lineStyle","curveness"]),-QL(t,e,n,!0),0),r=Ct(t.node1.getLayout()),o=Ct(t.node2.getLayout()),a=[r,o];+i&&a.push([(r[0]+o[0])/2-(r[1]-o[1])*i,(r[1]+o[1])/2-(o[0]-r[0])*i]),t.setLayout(a)}))}function nP(t,e){t.eachSeriesByType("graph",(function(t){var e=t.get("layout"),n=t.coordinateSystem;if(n&&"view"!==n.type){var i=t.getData(),r=[];z(n.dimensions,(function(t){r=r.concat(i.mapDimensionsAll(t))}));for(var o=0;o<i.count();o++){for(var a=[],s=!1,l=0;l<r.length;l++){var u=i.get(r[l],o);isNaN(u)||(s=!0),a.push(u)}s?i.setItemLayout(o,n.dataToPoint(a)):i.setItemLayout(o,[NaN,NaN])}eP(i.graph,t)}else e&&"none"!==e||tP(t)}))}function iP(t){var e=t.coordinateSystem;if("view"!==e.type)return 1;var n=t.option.nodeScaleRatio,i=e.scaleX;return((e.getZoom()-1)*n+1)/i}function rP(t){var e=t.getVisual("symbolSize");return e instanceof Array&&(e=(e[0]+e[1])/2),+e}var oP=Math.PI,aP=[];function sP(t,e,n,i){var r=t.coordinateSystem;if(!r||"view"===r.type){var o=r.getBoundingRect(),a=t.getData(),s=a.graph,l=o.width/2+o.x,u=o.height/2+o.y,c=Math.min(o.width,o.height)/2,h=a.count();if(a.setLayout({cx:l,cy:u}),h){if(n){var d=r.pointToData(i),p=d[0],f=d[1],g=[p-l,f-u];Et(g,g),zt(g,g,c),n.setLayout([l+g[0],u+g[1]],!0),uP(n,t.get(["circular","rotateLabel"]),l,u)}lP[e](t,s,a,c,l,u,h),s.eachEdge((function(e,n){var i,r=ot(e.getModel().get(["lineStyle","curveness"]),QL(e,t,n),0),o=Ct(e.node1.getLayout()),a=Ct(e.node2.getLayout()),s=(o[0]+a[0])/2,c=(o[1]+a[1])/2;+r&&(i=[l*(r*=3)+s*(1-r),u*r+c*(1-r)]),e.setLayout([o,a,i])}))}}}var lP={value:function(t,e,n,i,r,o,a){var s=0,l=n.getSum("value"),u=2*Math.PI/(l||a);e.eachNode((function(t){var e=t.getValue("value"),n=u*(l?e:1)/2;s+=n,t.setLayout([i*Math.cos(s)+r,i*Math.sin(s)+o]),s+=n}))},symbolSize:function(t,e,n,i,r,o,a){var s=0;aP.length=a;var l=iP(t);e.eachNode((function(t){var e=rP(t);isNaN(e)&&(e=2),e<0&&(e=0),e*=l;var n=Math.asin(e/2/i);isNaN(n)&&(n=oP/2),aP[t.dataIndex]=n,s+=2*n}));var u=(2*oP-s)/a/2,c=0;e.eachNode((function(t){var e=u+aP[t.dataIndex];c+=e,(!t.getLayout()||!t.getLayout().fixed)&&t.setLayout([i*Math.cos(c)+r,i*Math.sin(c)+o]),c+=e}))}};function uP(t,e,n,i){var r=t.getGraphicEl();if(r){var o=t.getModel().get(["label","rotate"])||0,a=r.getSymbolPath();if(e){var s=t.getLayout(),l=Math.atan2(s[1]-i,s[0]-n);l<0&&(l=2*Math.PI+l);var u=s[0]<n;u&&(l-=Math.PI);var c=u?"left":"right";a.setTextConfig({rotation:-l,position:c,origin:"center"});var h=a.ensureState("emphasis");A(h.textConfig||(h.textConfig={}),{position:c})}else a.setTextConfig({rotation:o*=Math.PI/180})}}function cP(t){t.eachSeriesByType("graph",(function(t){"circular"===t.get("layout")&&sP(t,"symbolSize")}))}var hP=kt;function dP(t){t.eachSeriesByType("graph",(function(t){var e=t.coordinateSystem;if(!e||"view"===e.type)if("force"===t.get("layout")){var n=t.preservedPoints||{},i=t.getGraph(),r=i.data,o=i.edgeData,a=t.getModel("force"),s=a.get("initLayout");t.preservedPoints?r.each((function(t){var e=r.getId(t);r.setItemLayout(t,n[e]||[NaN,NaN])})):s&&"none"!==s?"circular"===s&&sP(t,"value"):tP(t);var l=r.getDataExtent("value"),u=o.getDataExtent("value"),c=a.get("repulsion"),h=a.get("edgeLength"),d=U(c)?c:[c,c],p=U(h)?h:[h,h];p=[p[1],p[0]];var f=r.mapArray("value",(function(t,e){var n=r.getItemLayout(e),i=go(t,l,d);return isNaN(i)&&(i=(d[0]+d[1])/2),{w:i,rep:i,fixed:r.getItemModel(e).get("fixed"),p:!n||isNaN(n[0])||isNaN(n[1])?null:n}})),g=o.mapArray("value",(function(e,n){var r=i.getEdgeByIndex(n),o=go(e,u,p);isNaN(o)&&(o=(p[0]+p[1])/2);var a=r.getModel(),s=ot(r.getModel().get(["lineStyle","curveness"]),-QL(r,t,n,!0),0);return{n1:f[r.node1.dataIndex],n2:f[r.node2.dataIndex],d:o,curveness:s,ignoreForceLayout:a.get("ignoreForceLayout")}})),y=e.getBoundingRect(),v=function(t,e,n){for(var i=t,r=e,o=n.rect,a=o.width,s=o.height,l=[o.x+a/2,o.y+s/2],u=null==n.gravity?.1:n.gravity,c=0;c<i.length;c++){var h=i[c];h.p||(h.p=It(a*(Math.random()-.5)+l[0],s*(Math.random()-.5)+l[1])),h.pp=Ct(h.p),h.edges=null}var d,p,f=null==n.friction?.6:n.friction,g=f;return{warmUp:function(){g=.8*f},setFixed:function(t){i[t].fixed=!0},setUnfixed:function(t){i[t].fixed=!1},beforeStep:function(t){d=t},afterStep:function(t){p=t},step:function(t){d&&d(i,r);for(var e=[],n=i.length,o=0;o<r.length;o++){var a=r[o];if(!a.ignoreForceLayout){var s=a.n1;Lt(e,(y=a.n2).p,s.p);var c=Pt(e)-a.d,h=y.w/(s.w+y.w);isNaN(h)&&(h=0),Et(e,e),!s.fixed&&hP(s.p,s.p,e,h*c*g),!y.fixed&&hP(y.p,y.p,e,-(1-h)*c*g)}}for(o=0;o<n;o++)(x=i[o]).fixed||(Lt(e,l,x.p),hP(x.p,x.p,e,u*g));for(o=0;o<n;o++){s=i[o];for(var f=o+1;f<n;f++){var y;Lt(e,(y=i[f]).p,s.p),0===(c=Pt(e))&&(Dt(e,Math.random()-.5,Math.random()-.5),c=1);var v=(s.rep+y.rep)/c/c;!s.fixed&&hP(s.pp,s.pp,e,v),!y.fixed&&hP(y.pp,y.pp,e,-v)}}var m=[];for(o=0;o<n;o++){var x;(x=i[o]).fixed||(Lt(m,x.p,x.pp),hP(x.p,x.p,m,g),Tt(x.pp,x.p))}var _=(g*=.992)<.01;p&&p(i,r,_),t&&t(_)}}}(f,g,{rect:y,gravity:a.get("gravity"),friction:a.get("friction")});v.beforeStep((function(t,e){for(var n=0,r=t.length;n<r;n++)t[n].fixed&&Tt(t[n].p,i.getNodeByIndex(n).getLayout())})),v.afterStep((function(t,e,o){for(var a=0,s=t.length;a<s;a++)t[a].fixed||i.getNodeByIndex(a).setLayout(t[a].p),n[r.getId(a)]=t[a].p;for(a=0,s=e.length;a<s;a++){var l=e[a],u=i.getEdgeByIndex(a),c=l.n1.p,h=l.n2.p,d=u.getLayout();(d=d?d.slice():[])[0]=d[0]||[],d[1]=d[1]||[],Tt(d[0],c),Tt(d[1],h),+l.curveness&&(d[2]=[(c[0]+h[0])/2-(c[1]-h[1])*l.curveness,(c[1]+h[1])/2-(h[0]-c[0])*l.curveness]),u.setLayout(d)}})),t.forceLayout=v,t.preservedPoints=n,v.step()}else t.forceLayout=null}))}function pP(t,e){var n=[];return t.eachSeriesByType("graph",(function(i){Rp({targetModel:i,coordSysType:"view",coordSysProvider:function(){var r=i.getData(),o=r.mapArray((function(t){var e=r.getItemModel(t);return[+e.get("x"),+e.get("y")]})),a=[],s=[];ys(o,a,s),s[0]-a[0]==0&&(s[0]+=1,a[0]-=1);s[1]-a[1]==0&&(s[1]+=1,a[1]-=1);var l=(s[0]-a[0])/(s[1]-a[1]),u=function(t,e,n){var i=Xp(t,e),r=A(t.getBoxLayoutParams(),{aspect:n});return Up(t,Hp(r,i.refContainer),n)}(i,e,l);isNaN(l)&&(a=[u.x,u.y],s=[u.x+u.width,u.y+u.height]);var c=s[0]-a[0],h=s[1]-a[1],d=new KA(null,{api:e,ecModel:t});return d.zoomLimit=i.get("scaleLimit"),d.setBoundingRect(a[0],a[1],c,h),d.setViewRect(u.x,u.y,u.width,u.height),d.setCenter(i.get("center")),d.setZoom(i.get("zoom")),n.push(d),d},isDefaultDataCoordSys:!0})})),n}var fP=Ac.prototype,gP=Oc.prototype,yP=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.percent=1};!function(t){function e(){return null!==t&&t.apply(this,arguments)||this}n(e,t)}(yP);function vP(t){return isNaN(+t.cpx1)||isNaN(+t.cpy1)}var mP=function(t){function e(e){var n=t.call(this,e)||this;return n.type="ec-line",n}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:tf.color.neutral99,fill:null}},e.prototype.getDefaultShape=function(){return new yP},e.prototype.buildPath=function(t,e){vP(e)?fP.buildPath.call(this,t,e):gP.buildPath.call(this,t,e)},e.prototype.pointAt=function(t){return vP(this.shape)?fP.pointAt.call(this,t):gP.pointAt.call(this,t)},e.prototype.tangentAt=function(t){var e=this.shape,n=vP(e)?[e.x2-e.x1,e.y2-e.y1]:gP.tangentAt.call(this,t);return Et(n,n)},e}(sl),xP=["fromSymbol","toSymbol"];function _P(t){return"_"+t+"Type"}function bP(t,e,n){var i=e.getItemVisual(n,t);if(!i||"none"===i)return i;var r=e.getItemVisual(n,t+"Size"),o=e.getItemVisual(n,t+"Rotate"),a=e.getItemVisual(n,t+"Offset"),s=e.getItemVisual(n,t+"KeepAspect"),l=dm(r);return i+l+pm(a||0,l)+(o||"")+(s||"")}function wP(t,e,n){var i=e.getItemVisual(n,t);if(i&&"none"!==i){var r=e.getItemVisual(n,t+"Size"),o=e.getItemVisual(n,t+"Rotate"),a=e.getItemVisual(n,t+"Offset"),s=e.getItemVisual(n,t+"KeepAspect"),l=dm(r),u=pm(a||0,l),c=hm(i,-l[0]/2+u[0],-l[1]/2+u[1],l[0],l[1],null,s);return c.__specifiedRotation=null==o||isNaN(o)?void 0:+o*Math.PI/180||0,c.name=t,c}}function SP(t,e){t.x1=e[0][0],t.y1=e[0][1],t.x2=e[1][0],t.y2=e[1][1],t.percent=1;var n=e[2];n?(t.cpx1=n[0],t.cpy1=n[1]):(t.cpx1=NaN,t.cpy1=NaN)}var MP=function(t){function e(e,n,i){var r=t.call(this)||this;return r._createLine(e,n,i),r}return n(e,t),e.prototype._createLine=function(t,e,n){var i=t.hostModel,r=t.getItemLayout(e),o=t.getItemVisual(e,"z2"),a=function(t){var e=new mP({name:"line",subPixelOptimize:!0});return SP(e.shape,t),e}(r);a.shape.percent=0,eh(a,{z2:rt(o,0),shape:{percent:1}},i,e),this.add(a),z(xP,(function(n){var i=wP(n,t,e);this.add(i),this[_P(n)]=bP(n,t,e)}),this),this._updateCommonStl(t,e,n)},e.prototype.updateData=function(t,e,n){var i=t.hostModel,r=this.childOfName("line"),o=t.getItemLayout(e),a={shape:{}};SP(a.shape,o),th(r,a,i,e),z(xP,(function(n){var i=bP(n,t,e),r=_P(n);if(this[r]!==i){this.remove(this.childOfName(n));var o=wP(n,t,e);this.add(o)}this[r]=i}),this),this._updateCommonStl(t,e,n)},e.prototype.getLinePath=function(){return this.childAt(0)},e.prototype._updateCommonStl=function(t,e,n){var i=t.hostModel,r=this.childOfName("line"),o=n&&n.emphasisLineStyle,a=n&&n.blurLineStyle,s=n&&n.selectLineStyle,l=n&&n.labelStatesModels,u=n&&n.emphasisDisabled,c=n&&n.focus,h=n&&n.blurScope;if(!n||t.hasItemOption){var d=t.getItemModel(e),p=d.getModel("emphasis");o=p.getModel("lineStyle").getLineStyle(),a=d.getModel(["blur","lineStyle"]).getLineStyle(),s=d.getModel(["select","lineStyle"]).getLineStyle(),u=p.get("disabled"),c=p.get("focus"),h=p.get("blurScope"),l=Jh(d)}var f=t.getItemVisual(e,"style"),g=f.stroke;r.useStyle(f),r.style.fill=null,r.style.strokeNoScale=!0,r.ensureState("emphasis").style=o,r.ensureState("blur").style=a,r.ensureState("select").style=s,z(xP,(function(t){var e=this.childOfName(t);if(e){e.setColor(g),e.style.opacity=f.opacity;for(var n=0;n<Wl.length;n++){var i=Wl[n],o=r.getState(i);if(o){var a=o.style||{},s=e.ensureState(i),l=s.style||(s.style={});null!=a.stroke&&(l[e.__isEmptyBrush?"stroke":"fill"]=a.stroke),null!=a.opacity&&(l.opacity=a.opacity)}}e.markRedraw()}}),this);var y=i.getRawValue(e);$h(this,l,{labelDataIndex:e,labelFetcher:{getFormattedLabel:function(e,n){return i.getFormattedLabel(e,n,t.dataType)}},inheritColor:g||tf.color.neutral99,defaultOpacity:f.opacity,defaultText:(null==y?t.getName(e):isFinite(y)?mo(y):y)+""});var v=this.getTextContent();if(v){var m=l.normal;v.__align=v.style.align,v.__verticalAlign=v.style.verticalAlign,v.__position=m.get("position")||"middle";var x=m.get("distance");U(x)||(x=[x,x]),v.__labelDistance=x}this.setTextConfig({position:null,local:!0,inside:!1}),Tu(this,c,h,u)},e.prototype.highlight=function(){du(this)},e.prototype.downplay=function(){pu(this)},e.prototype.updateLayout=function(t,e){this.setLinePoints(t.getItemLayout(e))},e.prototype.setLinePoints=function(t){var e=this.childOfName("line");SP(e.shape,t),e.dirty()},e.prototype.beforeUpdate=function(){var t=this,e=t.childOfName("fromSymbol"),n=t.childOfName("toSymbol"),i=t.getTextContent();if(e||n||i&&!i.ignore){for(var r=1,o=this.parent;o;)o.scaleX&&(r/=o.scaleX),o=o.parent;var a=t.childOfName("line");if(this.__dirty||a.__dirty){var s=a.shape.percent,l=a.pointAt(0),u=a.pointAt(s),c=Lt([],u,l);if(Et(c,c),e&&(e.setPosition(l),S(e,0),e.scaleX=e.scaleY=r*s,e.markRedraw()),n&&(n.setPosition(u),S(n,1),n.scaleX=n.scaleY=r*s,n.markRedraw()),i&&!i.ignore){i.x=i.y=0,i.originX=i.originY=0;var h=void 0,d=void 0,p=i.__labelDistance,f=p[0]*r,g=p[1]*r,y=s/2,v=a.tangentAt(y),m=[v[1],-v[0]],x=a.pointAt(y);m[1]>0&&(m[0]=-m[0],m[1]=-m[1]);var _=v[0]<0?-1:1;if("start"!==i.__position&&"end"!==i.__position){var b=-Math.atan2(v[1],v[0]);u[0]<l[0]&&(b=Math.PI+b),i.rotation=b}var w=void 0;switch(i.__position){case"insideStartTop":case"insideMiddleTop":case"insideEndTop":case"middle":w=-g,d="bottom";break;case"insideStartBottom":case"insideMiddleBottom":case"insideEndBottom":w=g,d="top";break;default:w=0,d="middle"}switch(i.__position){case"end":i.x=c[0]*f+u[0],i.y=c[1]*g+u[1],h=c[0]>.8?"left":c[0]<-.8?"right":"center",d=c[1]>.8?"top":c[1]<-.8?"bottom":"middle";break;case"start":i.x=-c[0]*f+l[0],i.y=-c[1]*g+l[1],h=c[0]>.8?"right":c[0]<-.8?"left":"center",d=c[1]>.8?"bottom":c[1]<-.8?"top":"middle";break;case"insideStartTop":case"insideStart":case"insideStartBottom":i.x=f*_+l[0],i.y=l[1]+w,h=v[0]<0?"right":"left",i.originX=-f*_,i.originY=-w;break;case"insideMiddleTop":case"insideMiddle":case"insideMiddleBottom":case"middle":i.x=x[0],i.y=x[1]+w,h="center",i.originY=-w;break;case"insideEndTop":case"insideEnd":case"insideEndBottom":i.x=-f*_+u[0],i.y=u[1]+w,h=v[0]>=0?"right":"left",i.originX=f*_,i.originY=-w}i.scaleX=i.scaleY=r,i.setStyle({verticalAlign:i.__verticalAlign||d,align:i.__align||h})}}}function S(t,e){var n=t.__specifiedRotation;if(null==n){var i=a.tangentAt(e);t.attr("rotation",(1===e?-1:1)*Math.PI/2-Math.atan2(i[1],i[0]))}else t.attr("rotation",n)}},e}(to),IP=function(){function t(t){this.group=new to,this._LineCtor=t||MP}return t.prototype.updateData=function(t){var e=this;this._progressiveEls=null;var n=this,i=n.group,r=n._lineData;n._lineData=t,r||i.removeAll();var o=TP(t);t.diff(r).add((function(n){e._doAdd(t,n,o)})).update((function(n,i){e._doUpdate(r,t,i,n,o)})).remove((function(t){i.remove(r.getItemGraphicEl(t))})).execute()},t.prototype.updateLayout=function(){var t=this._lineData;t&&t.eachItemGraphicEl((function(e,n){e.updateLayout(t,n)}),this)},t.prototype.incrementalPrepareUpdate=function(t){this._seriesScope=TP(t),this._lineData=null,this.group.removeAll()},t.prototype.incrementalUpdate=function(t,e){function n(t){t.isGroup||function(t){return t.animators&&t.animators.length>0}(t)||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}this._progressiveEls=[];for(var i=t.start;i<t.end;i++){if(DP(e.getItemLayout(i))){var r=new this._LineCtor(e,i,this._seriesScope);r.traverse(n),this.group.add(r),e.setItemGraphicEl(i,r),this._progressiveEls.push(r)}}},t.prototype.remove=function(){this.group.removeAll()},t.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},t.prototype._doAdd=function(t,e,n){if(DP(t.getItemLayout(e))){var i=new this._LineCtor(t,e,n);t.setItemGraphicEl(e,i),this.group.add(i)}},t.prototype._doUpdate=function(t,e,n,i,r){var o=t.getItemGraphicEl(n);DP(e.getItemLayout(i))?(o?o.updateData(e,i,r):o=new this._LineCtor(e,i,r),e.setItemGraphicEl(i,o),this.group.add(o)):this.group.remove(o)},t}();function TP(t){var e=t.hostModel,n=e.getModel("emphasis");return{lineStyle:e.getModel("lineStyle").getLineStyle(),emphasisLineStyle:n.getModel(["lineStyle"]).getLineStyle(),blurLineStyle:e.getModel(["blur","lineStyle"]).getLineStyle(),selectLineStyle:e.getModel(["select","lineStyle"]).getLineStyle(),emphasisDisabled:n.get("disabled"),blurScope:n.get("blurScope"),focus:n.get("focus"),labelStatesModels:Jh(e)}}function CP(t){return isNaN(t[0])||isNaN(t[1])}function DP(t){return t&&!CP(t[0])&&!CP(t[1])}var AP=[],kP=[],LP=[],PP=Nn,OP=Ft,RP=Math.abs;function NP(t,e,n){for(var i,r=t[0],o=t[1],a=t[2],s=1/0,l=n*n,u=.1,c=.1;c<=.9;c+=.1){AP[0]=PP(r[0],o[0],a[0],c),AP[1]=PP(r[1],o[1],a[1],c),(p=RP(OP(AP,e)-l))<s&&(s=p,i=c)}for(var h=0;h<32;h++){var d=i+u;kP[0]=PP(r[0],o[0],a[0],i),kP[1]=PP(r[1],o[1],a[1],i),LP[0]=PP(r[0],o[0],a[0],d),LP[1]=PP(r[1],o[1],a[1],d);var p=OP(kP,e)-l;if(RP(p)<.01)break;var f=OP(LP,e)-l;u/=2,p<0?f>=0?i+=u:i-=u:f>=0?i-=u:i+=u}return i}function zP(t,e){var n=[],i=Bn,r=[[],[],[]],o=[[],[]],a=[];e/=2,t.eachEdge((function(t,s){var l=t.getLayout(),u=t.getVisual("fromSymbol"),c=t.getVisual("toSymbol");l.__original||(l.__original=[Ct(l[0]),Ct(l[1])],l[2]&&l.__original.push(Ct(l[2])));var h=l.__original;if(null!=l[2]){if(Tt(r[0],h[0]),Tt(r[1],h[2]),Tt(r[2],h[1]),u&&"none"!==u){var d=rP(t.node1),p=NP(r,h[0],d*e);i(r[0][0],r[1][0],r[2][0],p,n),r[0][0]=n[3],r[1][0]=n[4],i(r[0][1],r[1][1],r[2][1],p,n),r[0][1]=n[3],r[1][1]=n[4]}if(c&&"none"!==c){d=rP(t.node2),p=NP(r,h[1],d*e);i(r[0][0],r[1][0],r[2][0],p,n),r[1][0]=n[1],r[2][0]=n[2],i(r[0][1],r[1][1],r[2][1],p,n),r[1][1]=n[1],r[2][1]=n[2]}Tt(l[0],r[0]),Tt(l[1],r[2]),Tt(l[2],r[1])}else{if(Tt(o[0],h[0]),Tt(o[1],h[1]),Lt(a,o[1],o[0]),Et(a,a),u&&"none"!==u){d=rP(t.node1);kt(o[0],o[0],a,d*e)}if(c&&"none"!==c){d=rP(t.node2);kt(o[1],o[1],a,-d*e)}Tt(l[0],o[0]),Tt(l[1],o[1])}}))}var EP=sa();function BP(t,e){t&&(EP(t).bridge=e)}function VP(t){return"view"===t.type}var GP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){var n=new uI,i=new IP,r=this.group,o=new to;this._controller=new LD(e.getZr()),this._controllerHost={target:o},o.add(n.group),o.add(i.group),r.add(o),this._symbolDraw=n,this._lineDraw=i,this._mainGroup=o,this._firstRender=!0},e.prototype.render=function(t,e,n){var i=this,r=t.coordinateSystem,o=!1;this._model=t,this._api=n,this._active=!0;var a=this._getThumbnailInfo();a&&a.bridge.reset(n);var s=this._symbolDraw,l=this._lineDraw;if(VP(r)){var u={x:r.x,y:r.y,scaleX:r.scaleX,scaleY:r.scaleY};this._firstRender?this._mainGroup.attr(u):th(this._mainGroup,u,t)}zP(t.getGraph(),iP(t));var c=t.getData();s.updateData(c);var h=t.getEdgeData();l.updateData(h),this._updateNodeAndLinkScale(),this._updateController(null,t,n),clearTimeout(this._layoutTimeout);var d=t.forceLayout,p=t.get(["force","layoutAnimation"]);d&&(o=!0,this._startForceLayoutIteration(d,n,p));var f=t.get("layout");c.graph.eachNode((function(e){var r=e.dataIndex,o=e.getGraphicEl(),a=e.getModel();if(o){o.off("drag").off("dragend");var s=a.get("draggable");s&&o.on("drag",(function(a){switch(f){case"force":d.warmUp(),!i._layouting&&i._startForceLayoutIteration(d,n,p),d.setFixed(r),c.setItemLayout(r,[o.x,o.y]);break;case"circular":c.setItemLayout(r,[o.x,o.y]),e.setLayout({fixed:!0},!0),sP(t,"symbolSize",e,[a.offsetX,a.offsetY]),i.updateLayout(t);break;default:c.setItemLayout(r,[o.x,o.y]),eP(t.getGraph(),t),i.updateLayout(t)}})).on("dragend",(function(){d&&d.setUnfixed(r)})),o.setDraggable(s,!!a.get("cursor")),"adjacency"===a.get(["emphasis","focus"])&&(zl(o).focus=e.getAdjacentDataIndices())}})),c.graph.eachEdge((function(t){var e=t.getGraphicEl(),n=t.getModel().get(["emphasis","focus"]);e&&"adjacency"===n&&(zl(e).focus={edge:[t.dataIndex],node:[t.node1.dataIndex,t.node2.dataIndex]})}));var g="circular"===t.get("layout")&&t.get(["circular","rotateLabel"]),y=c.getLayout("cx"),v=c.getLayout("cy");c.graph.eachNode((function(t){uP(t,g,y,v)})),this._firstRender=!1,o||this._renderThumbnail(t,n,this._symbolDraw,this._lineDraw)},e.prototype.dispose=function(){this.remove(),this._controller&&this._controller.dispose(),this._controllerHost=null},e.prototype._startForceLayoutIteration=function(t,e,n){var i=this,r=!1;!function o(){t.step((function(t){i.updateLayout(i._model),!t&&r||(r=!0,i._renderThumbnail(i._model,e,i._symbolDraw,i._lineDraw)),(i._layouting=!t)&&(n?i._layoutTimeout=setTimeout(o,16):o())}))}()},e.prototype._updateController=function(t,e,n){var i=this._controller,r=this._controllerHost,o=e.coordinateSystem;VP(o)?(i.enable(e.get("roam"),{api:n,zInfo:{component:e},triggerInfo:{roamTrigger:e.get("roamTrigger"),isInSelf:function(t,e,n){return o.containPoint([e,n])},isInClip:function(e,n,i){return!t||t.contain(n,i)}}}),r.zoomLimit=e.get("scaleLimit"),r.zoom=o.getZoom(),i.off("pan").off("zoom").on("pan",(function(t){n.dispatchAction({seriesId:e.id,type:"graphRoam",dx:t.dx,dy:t.dy})})).on("zoom",(function(t){n.dispatchAction({seriesId:e.id,type:"graphRoam",zoom:t.scale,originX:t.originX,originY:t.originY})}))):i.disable()},e.prototype.updateViewOnPan=function(t,e,n){this._active&&(FD(this._controllerHost,n.dx,n.dy),this._updateThumbnailWindow())},e.prototype.updateViewOnZoom=function(t,e,n){this._active&&(WD(this._controllerHost,n.zoom,n.originX,n.originY),this._updateNodeAndLinkScale(),zP(t.getGraph(),iP(t)),this._lineDraw.updateLayout(),e.updateLabelLayout(),this._updateThumbnailWindow())},e.prototype._updateNodeAndLinkScale=function(){var t=this._model,e=t.getData(),n=iP(t);e.eachItemGraphicEl((function(t,e){t&&t.setSymbolScale(n)}))},e.prototype.updateLayout=function(t){this._active&&(zP(t.getGraph(),iP(t)),this._symbolDraw.updateLayout(),this._lineDraw.updateLayout())},e.prototype.remove=function(){this._active=!1,clearTimeout(this._layoutTimeout),this._layouting=!1,this._layoutTimeout=null,this._symbolDraw&&this._symbolDraw.remove(),this._lineDraw&&this._lineDraw.remove(),this._controller&&this._controller.disable()},e.prototype._getThumbnailInfo=function(){var t=this._model,e=t.coordinateSystem;if("view"===e.type){var n=function(t){if(t)return EP(t).bridge}(t);if(n)return{bridge:n,coordSys:e}}},e.prototype._updateThumbnailWindow=function(){var t=this._getThumbnailInfo();t&&t.bridge.updateWindow(t.coordSys.transform,this._api)},e.prototype._renderThumbnail=function(t,e,n,i){var r=this._getThumbnailInfo();if(r){var o=new to,a=n.group.children(),s=i.group.children(),l=new to,u=new to;o.add(u),o.add(l);for(var c=0;c<a.length;c++){var h=(v=a[c]).children()[0],d=v.x,p=v.y,f=A(T(h.shape),{width:h.scaleX,height:h.scaleY,x:d-h.scaleX/2,y:p-h.scaleY/2}),g=T(h.style),y=new h.constructor({shape:f,style:g,z2:151});u.add(y)}for(c=0;c<s.length;c++){var v,m=(v=s[c]).children()[0],x=(g=T(m.style),f=T(m.shape),new mP({style:g,shape:f,z2:151}));l.add(x)}r.bridge.renderContent({api:e,roamType:t.get("roam"),viewportRect:null,group:o,targetTrans:r.coordSys.transform})}},e.type="graph",e}(tv);function FP(t){return"_EC_"+t}var WP=function(){function t(t){this.type="graph",this.nodes=[],this.edges=[],this._nodesMap={},this._edgesMap={},this._directed=t||!1}return t.prototype.isDirected=function(){return this._directed},t.prototype.addNode=function(t,e){t=null==t?""+e:""+t;var n=this._nodesMap;if(!n[FP(t)]){var i=new HP(t,e);return i.hostGraph=this,this.nodes.push(i),n[FP(t)]=i,i}},t.prototype.getNodeByIndex=function(t){var e=this.data.getRawIndex(t);return this.nodes[e]},t.prototype.getNodeById=function(t){return this._nodesMap[FP(t)]},t.prototype.addEdge=function(t,e,n){var i=this._nodesMap,r=this._edgesMap;if(j(t)&&(t=this.nodes[t]),j(e)&&(e=this.nodes[e]),t instanceof HP||(t=i[FP(t)]),e instanceof HP||(e=i[FP(e)]),t&&e){var o=t.id+"-"+e.id,a=new UP(t,e,n);return a.hostGraph=this,this._directed&&(t.outEdges.push(a),e.inEdges.push(a)),t.edges.push(a),t!==e&&e.edges.push(a),this.edges.push(a),r[o]=a,a}},t.prototype.getEdgeByIndex=function(t){var e=this.edgeData.getRawIndex(t);return this.edges[e]},t.prototype.getEdge=function(t,e){t instanceof HP&&(t=t.id),e instanceof HP&&(e=e.id);var n=this._edgesMap;return this._directed?n[t+"-"+e]:n[t+"-"+e]||n[e+"-"+t]},t.prototype.eachNode=function(t,e){for(var n=this.nodes,i=n.length,r=0;r<i;r++)n[r].dataIndex>=0&&t.call(e,n[r],r)},t.prototype.eachEdge=function(t,e){for(var n=this.edges,i=n.length,r=0;r<i;r++)n[r].dataIndex>=0&&n[r].node1.dataIndex>=0&&n[r].node2.dataIndex>=0&&t.call(e,n[r],r)},t.prototype.breadthFirstTraverse=function(t,e,n,i){if(e instanceof HP||(e=this._nodesMap[FP(e)]),e){for(var r="out"===n?"outEdges":"in"===n?"inEdges":"edges",o=0;o<this.nodes.length;o++)this.nodes[o].__visited=!1;if(!t.call(i,e,null))for(var a=[e];a.length;){var s=a.shift(),l=s[r];for(o=0;o<l.length;o++){var u=l[o],c=u.node1===s?u.node2:u.node1;if(!c.__visited){if(t.call(i,c,s))return;a.push(c),c.__visited=!0}}}}},t.prototype.update=function(){for(var t=this.data,e=this.edgeData,n=this.nodes,i=this.edges,r=0,o=n.length;r<o;r++)n[r].dataIndex=-1;for(r=0,o=t.count();r<o;r++)n[t.getRawIndex(r)].dataIndex=r;e.filterSelf((function(t){var n=i[e.getRawIndex(t)];return n.node1.dataIndex>=0&&n.node2.dataIndex>=0}));for(r=0,o=i.length;r<o;r++)i[r].dataIndex=-1;for(r=0,o=e.count();r<o;r++)i[e.getRawIndex(r)].dataIndex=r},t.prototype.clone=function(){for(var e=new t(this._directed),n=this.nodes,i=this.edges,r=0;r<n.length;r++)e.addNode(n[r].id,n[r].dataIndex);for(r=0;r<i.length;r++){var o=i[r];e.addEdge(o.node1.id,o.node2.id,o.dataIndex)}return e},t}(),HP=function(){function t(t,e){this.inEdges=[],this.outEdges=[],this.edges=[],this.dataIndex=-1,this.id=null==t?"":t,this.dataIndex=null==e?-1:e}return t.prototype.degree=function(){return this.edges.length},t.prototype.inDegree=function(){return this.inEdges.length},t.prototype.outDegree=function(){return this.outEdges.length},t.prototype.getModel=function(t){if(!(this.dataIndex<0))return this.hostGraph.data.getItemModel(this.dataIndex).getModel(t)},t.prototype.getAdjacentDataIndices=function(){for(var t={edge:[],node:[]},e=0;e<this.edges.length;e++){var n=this.edges[e];n.dataIndex<0||(t.edge.push(n.dataIndex),t.node.push(n.node1.dataIndex,n.node2.dataIndex))}return t},t.prototype.getTrajectoryDataIndices=function(){for(var t=yt(),e=yt(),n=0,i=this.edges.length;n<i;n++){var r=this.edges[n];if(!(r.dataIndex<0)){t.set(r.dataIndex,!0);for(var o=[r.node1],a=[r.node2],s=0;s<o.length;){var l=o[s];s++,e.set(l.dataIndex,!0);for(var u=l.inEdges,c=0,h=u.length,d=void 0,p=void 0;c<h;c++)(p=(d=u[c]).dataIndex)>=0&&!t.hasKey(p)&&(t.set(p,!0),o.push(d.node1))}for(s=0;s<a.length;){var f=a[s];s++,e.set(f.dataIndex,!0);for(var g=f.outEdges,y=(c=0,g.length),v=void 0,m=void 0;c<y;c++)(m=(v=g[c]).dataIndex)>=0&&!t.hasKey(m)&&(t.set(m,!0),a.push(v.node2))}}}return{edge:t.keys(),node:e.keys()}},t}(),UP=function(){function t(t,e,n){this.dataIndex=-1,this.node1=t,this.node2=e,this.dataIndex=null==n?-1:n}return t.prototype.getModel=function(t){if(!(this.dataIndex<0))return this.hostGraph.edgeData.getItemModel(this.dataIndex).getModel(t)},t.prototype.getAdjacentDataIndices=function(){return{edge:[this.dataIndex],node:[this.node1.dataIndex,this.node2.dataIndex]}},t.prototype.getTrajectoryDataIndices=function(){var t=yt(),e=yt();t.set(this.dataIndex,!0);for(var n=[this.node1],i=[this.node2],r=0;r<n.length;){var o=n[r];r++,e.set(o.dataIndex,!0);for(var a=0,s=o.inEdges.length,l=void 0,u=void 0;a<s;a++)(u=(l=o.inEdges[a]).dataIndex)>=0&&!t.hasKey(u)&&(t.set(u,!0),n.push(l.node1))}for(r=0;r<i.length;){var c=i[r];r++,e.set(c.dataIndex,!0);a=0,s=c.outEdges.length;for(var h=void 0,d=void 0;a<s;a++)(d=(h=c.outEdges[a]).dataIndex)>=0&&!t.hasKey(d)&&(t.set(d,!0),i.push(h.node2))}return{edge:t.keys(),node:e.keys()}},t}();function YP(t,e){return{getValue:function(n){var i=this[t][e];return i.getStore().get(i.getDimensionIndex(n||"value"),this.dataIndex)},setVisual:function(n,i){this.dataIndex>=0&&this[t][e].setItemVisual(this.dataIndex,n,i)},getVisual:function(n){return this[t][e].getItemVisual(this.dataIndex,n)},setLayout:function(n,i){this.dataIndex>=0&&this[t][e].setItemLayout(this.dataIndex,n,i)},getLayout:function(){return this[t][e].getItemLayout(this.dataIndex)},getGraphicEl:function(){return this[t][e].getItemGraphicEl(this.dataIndex)},getRawIndex:function(){return this[t][e].getRawIndex(this.dataIndex)}}}function XP(t,e,n,i,r){for(var o=new WP(i),a=0;a<t.length;a++)o.addNode(it(t[a].id,t[a].name,a),a);var s=[],l=[],u=0;for(a=0;a<e.length;a++){var c=e[a],h=c.source,d=c.target;o.addEdge(h,d,u)&&(l.push(c),s.push(it(ia(c.id,null),h+" > "+d)),u++)}var p,f=n.get("coordinateSystem");if("cartesian2d"===f||"polar"===f||"matrix"===f)p=Z_(t,n);else{var g=Tp.get(f),y=g&&g.dimensions||[];P(y,"value")<0&&y.concat(["value"]);var v=V_(t,{coordDimensions:y,encodeDefine:n.getEncode()}).dimensions;(p=new B_(v,n)).initData(t)}var m=new B_(["value"],n);return m.initData(l,s),r&&r(p,m),Dk({mainData:p,struct:o,structAttr:"graph",datas:{node:p,edge:m},datasAttr:{node:"data",edge:"edgeData"}}),o.update(),o}R(HP,YP("hostGraph","data")),R(UP,YP("hostGraph","edgeData"));var ZP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments);var n=this;function i(){return n._categoriesData}this.legendVisualProvider=new CT(i,i),this.fillDataTextStyle(e.edges||e.links),this._updateCategoriesData()},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),this.fillDataTextStyle(e.edges||e.links),this._updateCategoriesData()},e.prototype.mergeDefaultAndTheme=function(e){t.prototype.mergeDefaultAndTheme.apply(this,arguments),Ko(e,"edgeLabel",["show"])},e.prototype.getInitialData=function(t,e){var n,i=t.edges||t.links||[],r=t.data||t.nodes||[],o=this;if(r&&i){jL(n=this)&&(n.__curvenessList=[],n.__edgeMap={},qL(n));var a=XP(r,i,this,!0,(function(t,e){t.wrapMethod("getItemModel",(function(t){var e=o._categoriesModels[t.getShallow("category")];return e&&(e.parentModel=t.parentModel,t.parentModel=e),t}));var n=wd.prototype.getModel;function i(t,e){var i=n.call(this,t,e);return i.resolveParentPath=r,i}function r(t){if(t&&("label"===t[0]||"label"===t[1])){var e=t.slice();return"label"===t[0]?e[0]="edgeLabel":"label"===t[1]&&(e[1]="edgeLabel"),e}return t}e.wrapMethod("getItemModel",(function(t){return t.resolveParentPath=r,t.getModel=i,t}))}));return z(a.edges,(function(t){!function(t,e,n,i){if(jL(n)){var r=KL(t,e,n),o=n.__edgeMap,a=o[$L(r)];o[r]&&!a?o[r].isForward=!0:a&&o[r]&&(a.isForward=!0,o[r].isForward=!1),o[r]=o[r]||[],o[r].push(i)}}(t.node1,t.node2,this,t.dataIndex)}),this),a.data}},e.prototype.getGraph=function(){return this.getData().graph},e.prototype.getEdgeData=function(){return this.getGraph().edgeData},e.prototype.getCategoriesData=function(){return this._categoriesData},e.prototype.formatTooltip=function(t,e,n){if("edge"===n){var i=this.getData(),r=this.getDataParams(t,n),o=i.graph.getEdgeByIndex(t),a=i.getName(o.node1.dataIndex),s=i.getName(o.node2.dataIndex),l=[];return null!=a&&l.push(a),null!=s&&l.push(s),Ty("nameValue",{name:l.join(" > "),value:r.value,noValue:null==r.value})}return By({series:this,dataIndex:t,multipleSeries:e})},e.prototype._updateCategoriesData=function(){var t=E(this.option.categories||[],(function(t){return null!=t.value?t:A({value:0},t)})),e=new B_(["value"],this);e.initData(t),this._categoriesData=e,this._categoriesModels=e.mapArray((function(t){return e.getItemModel(t)}))},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.isAnimationEnabled=function(){return t.prototype.isAnimationEnabled.call(this)&&!("force"===this.get("layout")&&this.get(["force","layoutAnimation"]))},e.type="series.graph",e.dependencies=["grid","polar","geo","singleAxis","calendar"],e.defaultOption={z:2,coordinateSystem:"view",legendHoverLink:!0,layout:null,circular:{rotateLabel:!1},force:{initLayout:null,repulsion:[0,50],gravity:.1,friction:.6,edgeLength:30,layoutAnimation:!0},left:"center",top:"center",symbol:"circle",symbolSize:10,edgeSymbol:["none","none"],edgeSymbolSize:10,edgeLabel:{position:"middle",distance:5},draggable:!1,roam:!1,center:null,zoom:1,nodeScaleRatio:.6,label:{show:!1,formatter:"{b}"},itemStyle:{},lineStyle:{color:tf.color.neutral50,width:1,opacity:.5},emphasis:{scale:!0,label:{show:!0}},select:{itemStyle:{borderColor:tf.color.primary}}},e}(Wy);var jP=function(t){function e(e,n,i){var r=t.call(this)||this;zl(r).dataType="node",r.z2=2;var o=new Sl;return r.setTextContent(o),r.updateData(e,n,i,!0),r}return n(e,t),e.prototype.updateData=function(t,e,n,i){var r=this,o=t.graph.getNodeByIndex(e),a=t.hostModel,s=o.getModel(),l=s.getModel("emphasis"),u=t.getItemLayout(e),c=A(YI(s.getModel("itemStyle"),u,!0),u),h=this;if(isNaN(c.startAngle))h.setShape(c);else{i?h.setShape(c):th(h,{shape:c},a,e);var d=A(YI(s.getModel("itemStyle"),u,!0),u);r.setShape(d),r.useStyle(t.getItemVisual(e,"style")),ku(r,s),this._updateLabel(a,s,o),t.setItemGraphicEl(e,h),ku(h,s,"itemStyle");var p=l.get("focus");Tu(this,"adjacency"===p?o.getAdjacentDataIndices():p,l.get("blurScope"),l.get("disabled"))}},e.prototype._updateLabel=function(t,e,n){var i=this.getTextContent(),r=n.getLayout(),o=(r.startAngle+r.endAngle)/2,a=Math.cos(o),s=Math.sin(o),l=e.getModel("label");i.ignore=!l.get("show");var u=Jh(e),c=n.getVisual("style");$h(i,u,{labelFetcher:{getFormattedLabel:function(n,i,r,o,a,s){return t.getFormattedLabel(n,i,"node",o,ot(a,u.normal&&u.normal.get("formatter"),e.get("name")),s)}},labelDataIndex:n.dataIndex,defaultText:n.dataIndex+"",inheritColor:c.fill,defaultOpacity:c.opacity,defaultOutsidePosition:"startArc"});var h,d=l.get("position")||"outside",p=l.get("distance")||0;h="outside"===d?r.r+p:(r.r+r.r0)/2,this.textConfig={inside:"outside"!==d};var f="outside"!==d?l.get("align")||"center":a>0?"left":"right",g="outside"!==d?l.get("verticalAlign")||"middle":s>0?"top":"bottom";i.attr({x:a*h+r.cx,y:s*h+r.cy,rotation:0,style:{align:f,verticalAlign:g}})},e}(xc),qP=function(t){function e(e,n,i,r){var o=t.call(this)||this;return zl(o).dataType="edge",o.updateData(e,n,i,r,!0),o}return n(e,t),e.prototype.buildPath=function(t,e){t.moveTo(e.s1[0],e.s1[1]);var n=.7,i=e.clockwise;t.arc(e.cx,e.cy,e.r,e.sStartAngle,e.sEndAngle,!i),t.bezierCurveTo((e.cx-e.s2[0])*n+e.s2[0],(e.cy-e.s2[1])*n+e.s2[1],(e.cx-e.t1[0])*n+e.t1[0],(e.cy-e.t1[1])*n+e.t1[1],e.t1[0],e.t1[1]),t.arc(e.cx,e.cy,e.r,e.tStartAngle,e.tEndAngle,!i),t.bezierCurveTo((e.cx-e.t2[0])*n+e.t2[0],(e.cy-e.t2[1])*n+e.t2[1],(e.cx-e.s1[0])*n+e.s1[0],(e.cy-e.s1[1])*n+e.s1[1],e.s1[0],e.s1[1]),t.closePath()},e.prototype.updateData=function(t,e,n,i,r){var o=t.hostModel,a=e.graph.getEdgeByIndex(n),s=a.getLayout(),l=a.node1.getModel(),u=e.getItemModel(a.dataIndex),c=u.getModel("lineStyle"),h=u.getModel("emphasis"),d=h.get("focus"),p=A(YI(l.getModel("itemStyle"),s,!0),s),f=this;isNaN(p.sStartAngle)||isNaN(p.tStartAngle)?f.setShape(p):(r?(f.setShape(p),KP(f,a,t,c)):(ah(f),KP(f,a,t,c),th(f,{shape:p},o,n)),Tu(this,"adjacency"===d?a.getAdjacentDataIndices():d,h.get("blurScope"),h.get("disabled")),ku(f,u,"lineStyle"),e.setItemGraphicEl(a.dataIndex,f))},e}(sl);function KP(t,e,n,i){var r=e.node1,o=e.node2,a=t.style;switch(t.setStyle(i.getLineStyle()),i.get("color")){case"source":a.fill=n.getItemVisual(r.dataIndex,"style").fill,a.decal=r.getVisual("style").decal;break;case"target":a.fill=n.getItemVisual(o.dataIndex,"style").fill,a.decal=o.getVisual("style").decal;break;case"gradient":var s=n.getItemVisual(r.dataIndex,"style").fill,l=n.getItemVisual(o.dataIndex,"style").fill;if(X(s)&&X(l)){var u=t.shape,c=(u.s1[0]+u.s2[0])/2,h=(u.s1[1]+u.s2[1])/2,d=(u.t1[0]+u.t2[0])/2,p=(u.t1[1]+u.t2[1])/2;a.fill=new Bc(c,h,d,p,[{offset:0,color:s},{offset:1,color:l}],!0)}}}var $P=Math.PI/180,JP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){},e.prototype.render=function(t,e,n){var i=t.getData(),r=this._data,o=this.group,a=-t.get("startAngle")*$P;if(i.diff(r).add((function(t){if(i.getItemLayout(t)){var e=new jP(i,t,a);zl(e).dataIndex=t,o.add(e)}})).update((function(e,n){var s=r.getItemGraphicEl(n);i.getItemLayout(e)?(s?s.updateData(i,e,a):s=new jP(i,e,a),o.add(s)):s&&oh(s,t,n)})).remove((function(e){var n=r.getItemGraphicEl(e);n&&oh(n,t,e)})).execute(),!r){var s=t.get("center");this.group.scaleX=.01,this.group.scaleY=.01,this.group.originX=yo(s[0],n.getWidth()),this.group.originY=yo(s[1],n.getHeight()),eh(this.group,{scaleX:1,scaleY:1},t)}this._data=i,this.renderEdges(t,a)},e.prototype.renderEdges=function(t,e){var n=t.getData(),i=t.getEdgeData(),r=this._edgeData,o=this.group;i.diff(r).add((function(t){var r=new qP(n,i,t,e);zl(r).dataIndex=t,o.add(r)})).update((function(t,a){var s=r.getItemGraphicEl(a);s.updateData(n,i,t,e),o.add(s)})).remove((function(e){var n=r.getItemGraphicEl(e);n&&oh(n,t,e)})).execute(),this._edgeData=i},e.prototype.dispose=function(){},e.type="chord",e}(tv),QP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.fillDataTextStyle(e.edges||e.links),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this))},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),this.fillDataTextStyle(e.edges||e.links)},e.prototype.getInitialData=function(t,e){var n=t.edges||t.links||[],i=t.data||t.nodes||[];if(i&&n)return XP(i,n,this,!0,(function(t,e){var n=wd.prototype.getModel;function i(t,e){var i=n.call(this,t,e);return i.resolveParentPath=r,i}function r(t){if(t&&("label"===t[0]||"label"===t[1])){var e=t.slice();return"label"===t[0]?e[0]="edgeLabel":"label"===t[1]&&(e[1]="edgeLabel"),e}return t}e.wrapMethod("getItemModel",(function(t){return t.resolveParentPath=r,t.getModel=i,t}))})).data},e.prototype.getGraph=function(){return this.getData().graph},e.prototype.getEdgeData=function(){return this.getGraph().edgeData},e.prototype.formatTooltip=function(t,e,n){var i=this.getDataParams(t,n);if("edge"===n){var r=this.getData(),o=r.graph.getEdgeByIndex(t),a=r.getName(o.node1.dataIndex),s=r.getName(o.node2.dataIndex),l=[];return null!=a&&l.push(a),null!=s&&l.push(s),Ty("nameValue",{name:l.join(" > "),value:i.value,noValue:null==i.value})}return Ty("nameValue",{name:i.name,value:i.value,noValue:null==i.value})},e.prototype.getDataParams=function(e,n){var i=t.prototype.getDataParams.call(this,e,n);if("node"===n){var r=this.getData(),o=this.getGraph().getNodeByIndex(e);if(null==i.name&&(i.name=r.getName(e)),null==i.value){var a=o.getLayout().value;i.value=a}}return i},e.type="series.chord",e.defaultOption={z:2,coordinateSystem:"none",legendHoverLink:!0,colorBy:"data",left:0,top:0,right:0,bottom:0,width:null,height:null,center:["50%","50%"],radius:["70%","80%"],clockwise:!0,startAngle:90,endAngle:"auto",minAngle:0,padAngle:3,itemStyle:{borderRadius:[0,0,5,5]},lineStyle:{width:0,color:"source",opacity:.2},label:{show:!0,position:"outside",distance:5},emphasis:{focus:"adjacency",lineStyle:{opacity:.5}}},e}(Wy),tO=Math.PI/180;function eO(t,e){t.eachSeriesByType("chord",(function(t){!function(t,e){var n=t.getData(),i=n.graph,r=t.getEdgeData();if(!r.count())return;var o=Wp(t,e),a=o.cx,s=o.cy,l=o.r,u=o.r0,c=Math.max((t.get("padAngle")||0)*tO,0),h=Math.max((t.get("minAngle")||0)*tO,0),d=-t.get("startAngle")*tO,p=d+2*Math.PI,f=t.get("clockwise"),g=f?1:-1,y=[d,p];Gs(y,!f);var v=y[0],m=y[1]-v,x=0===n.getSum("value")&&0===r.getSum("value"),_=[],b=0;i.eachEdge((function(t){var e=x?1:t.getValue("value");x&&(e>0||h)&&(b+=2);var n=t.node1.dataIndex,i=t.node2.dataIndex;_[n]=(_[n]||0)+e,_[i]=(_[i]||0)+e}));var w=0;if(i.eachNode((function(t){var e=t.getValue("value");isNaN(e)||(_[t.dataIndex]=Math.max(e,_[t.dataIndex]||0)),!x&&(_[t.dataIndex]>0||h)&&b++,w+=_[t.dataIndex]||0})),0===b||0===w)return;c*b>=Math.abs(m)&&(c=Math.max(0,(Math.abs(m)-h*b)/b));(c+h)*b>=Math.abs(m)&&(h=(Math.abs(m)-c*b)/b);var S=(m-c*b*g)/w,M=0,I=0,T=0;i.eachNode((function(t){var e=_[t.dataIndex]||0,n=S*(w?e:1)*g;Math.abs(n)<h?M+=h-Math.abs(n):(I+=Math.abs(n)-h,T+=Math.abs(n)),t.setLayout({angle:n,value:e})}));var C=!1;if(M>I){var D=M/I;i.eachNode((function(t){var e=t.getLayout().angle;Math.abs(e)>=h?t.setLayout({angle:e*D,ratio:D},!0):t.setLayout({angle:h,ratio:0===h?1:e/h},!0)}))}else i.eachNode((function(t){if(!C){var e=t.getLayout().angle;e-Math.min(e/T,1)*M<h&&(C=!0)}}));var A=M;i.eachNode((function(t){if(!(A<=0)){var e=t.getLayout().angle;if(e>h&&h>0){var n=C?1:Math.min(e/T,1),i=e-h,r=Math.min(i,Math.min(A,M*n));A-=r,t.setLayout({angle:e-r,ratio:(e-r)/e},!0)}else h>0&&t.setLayout({angle:h,ratio:0===e?1:h/e},!0)}}));var k=v,L=[];i.eachNode((function(t){var e=Math.max(t.getLayout().angle,h);t.setLayout({cx:a,cy:s,r0:u,r:l,startAngle:k,endAngle:k+e*g,clockwise:f},!0),L[t.dataIndex]=k,k+=(e+c)*g})),i.eachEdge((function(t){var e=x?1:t.getValue("value"),n=S*(w?e:1)*g,i=t.node1.dataIndex,r=L[i]||0,o=r+Math.abs((t.node1.getLayout().ratio||1)*n)*g,l=[a+u*Math.cos(r),s+u*Math.sin(r)],c=[a+u*Math.cos(o),s+u*Math.sin(o)],h=t.node2.dataIndex,d=L[h]||0,p=d+Math.abs((t.node2.getLayout().ratio||1)*n)*g,y=[a+u*Math.cos(d),s+u*Math.sin(d)],v=[a+u*Math.cos(p),s+u*Math.sin(p)];t.setLayout({s1:l,s2:c,sStartAngle:r,sEndAngle:o,t1:y,t2:v,tStartAngle:d,tEndAngle:p,cx:a,cy:s,r:u,value:e,clockwise:f}),L[i]=o,L[h]=p}))}(t,e)}))}var nO=function(){this.angle=0,this.width=10,this.r=10,this.x=0,this.y=0},iO=function(t){function e(e){var n=t.call(this,e)||this;return n.type="pointer",n}return n(e,t),e.prototype.getDefaultShape=function(){return new nO},e.prototype.buildPath=function(t,e){var n=Math.cos,i=Math.sin,r=e.r,o=e.width,a=e.angle,s=e.x-n(a)*o*(o>=r/3?1:2),l=e.y-i(a)*o*(o>=r/3?1:2);a=e.angle-Math.PI/2,t.moveTo(s,l),t.lineTo(e.x+n(a)*o,e.y+i(a)*o),t.lineTo(e.x+n(e.angle)*r,e.y+i(e.angle)*r),t.lineTo(e.x-n(a)*o,e.y-i(a)*o),t.lineTo(s,l)},e}(sl);function rO(t,e){var n=null==t?"":t+"";return e&&(X(e)?n=e.replace("{value}",n):Y(e)&&(n=e(t))),n}var oO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this.group.removeAll();var i=t.get(["axisLine","lineStyle","color"]),r=function(t,e){var n=t.get("center"),i=e.getWidth(),r=e.getHeight(),o=Math.min(i,r);return{cx:yo(n[0],e.getWidth()),cy:yo(n[1],e.getHeight()),r:yo(t.get("radius"),o/2)}}(t,n);this._renderMain(t,e,n,i,r),this._data=t.getData()},e.prototype.dispose=function(){},e.prototype._renderMain=function(t,e,n,i,r){var o=this.group,a=t.get("clockwise"),s=-t.get("startAngle")/180*Math.PI,l=-t.get("endAngle")/180*Math.PI,u=t.getModel("axisLine"),c=u.get("roundCap")?WI:xc,h=u.get("show"),d=u.getModel("lineStyle"),p=d.get("width"),f=[s,l];Gs(f,!a);for(var g=(l=f[1])-(s=f[0]),y=s,v=[],m=0;h&&m<i.length;m++){var x=new c({shape:{startAngle:y,endAngle:l=s+g*Math.min(Math.max(i[m][0],0),1),cx:r.cx,cy:r.cy,clockwise:a,r0:r.r-p,r:r.r},silent:!0});x.setStyle({fill:i[m][1]}),x.setStyle(d.getLineStyle(["color","width"])),v.push(x),y=l}v.reverse(),z(v,(function(t){return o.add(t)}));var _=function(t){if(t<=0)return i[0][1];var e;for(e=0;e<i.length;e++)if(i[e][0]>=t&&(0===e?0:i[e-1][0])<t)return i[e][1];return i[e-1][1]};this._renderTicks(t,e,n,_,r,s,l,a,p),this._renderTitleAndDetail(t,e,n,_,r),this._renderAnchor(t,r),this._renderPointer(t,e,n,_,r,s,l,a,p)},e.prototype._renderTicks=function(t,e,n,i,r,o,a,s,l){for(var u,c,h=this.group,d=r.cx,p=r.cy,f=r.r,g=+t.get("min"),y=+t.get("max"),v=t.getModel("splitLine"),m=t.getModel("axisTick"),x=t.getModel("axisLabel"),_=t.get("splitNumber"),b=m.get("splitNumber"),w=yo(v.get("length"),f),S=yo(m.get("length"),f),M=o,I=(a-o)/_,T=I/b,C=v.getModel("lineStyle").getLineStyle(),D=m.getModel("lineStyle").getLineStyle(),A=v.get("distance"),k=0;k<=_;k++){if(u=Math.cos(M),c=Math.sin(M),v.get("show")){var L=new Ac({shape:{x1:u*(f-(P=A?A+l:l))+d,y1:c*(f-P)+p,x2:u*(f-w-P)+d,y2:c*(f-w-P)+p},style:C,silent:!0});"auto"===C.stroke&&L.setStyle({stroke:i(k/_)}),h.add(L)}if(x.get("show")){var P=x.get("distance")+A,O=rO(mo(k/_*(y-g)+g),x.get("formatter")),R=i(k/_),N=u*(f-w-P)+d,z=c*(f-w-P)+p,E=x.get("rotate"),B=0;"radial"===E?(B=-M+2*Math.PI)>Math.PI/2&&(B+=Math.PI):"tangential"===E?B=-M-Math.PI/2:j(E)&&(B=E*Math.PI/180),0===B?h.add(new Sl({style:Qh(x,{text:O,x:N,y:z,verticalAlign:c<-.8?"top":c>.8?"bottom":"middle",align:u<-.4?"left":u>.4?"right":"center"},{inheritColor:R}),silent:!0})):h.add(new Sl({style:Qh(x,{text:O,x:N,y:z,verticalAlign:"middle",align:"center"},{inheritColor:R}),silent:!0,originX:N,originY:z,rotation:B}))}if(m.get("show")&&k!==_){P=(P=m.get("distance"))?P+l:l;for(var V=0;V<=b;V++){u=Math.cos(M),c=Math.sin(M);var G=new Ac({shape:{x1:u*(f-P)+d,y1:c*(f-P)+p,x2:u*(f-S-P)+d,y2:c*(f-S-P)+p},silent:!0,style:D});"auto"===D.stroke&&G.setStyle({stroke:i((k+V/b)/_)}),h.add(G),M+=T}M-=T}else M+=I}},e.prototype._renderPointer=function(t,e,n,i,r,o,a,s,l){var u=this.group,c=this._data,h=this._progressEls,d=[],p=t.get(["pointer","show"]),f=t.getModel("progress"),g=f.get("show"),y=t.getData(),v=y.mapDimension("value"),m=+t.get("min"),x=+t.get("max"),_=[m,x],b=[o,a];function w(e,n){var i,o=y.getItemModel(e).getModel("pointer"),a=yo(o.get("width"),r.r),s=yo(o.get("length"),r.r),l=t.get(["pointer","icon"]),u=o.get("offsetCenter"),c=yo(u[0],r.r),h=yo(u[1],r.r),d=o.get("keepAspect");return(i=l?hm(l,c-a/2,h-s,a,s,null,d):new iO({shape:{angle:-Math.PI/2,width:a,r:s,x:c,y:h}})).rotation=-(n+Math.PI/2),i.x=r.cx,i.y=r.cy,i}function S(t,e){var n=f.get("roundCap")?WI:xc,i=f.get("overlap"),a=i?f.get("width"):l/y.count(),u=i?r.r-a:r.r-(t+1)*a,c=i?r.r:r.r-t*a,h=new n({shape:{startAngle:o,endAngle:e,cx:r.cx,cy:r.cy,clockwise:s,r0:u,r:c}});return i&&(h.z2=go(y.get(v,t),[m,x],[100,0],!0)),h}(g||p)&&(y.diff(c).add((function(e){var n=y.get(v,e);if(p){var i=w(e,o);eh(i,{rotation:-((isNaN(+n)?b[0]:go(n,_,b,!0))+Math.PI/2)},t),u.add(i),y.setItemGraphicEl(e,i)}if(g){var r=S(e,o),a=f.get("clip");eh(r,{shape:{endAngle:go(n,_,b,a)}},t),u.add(r),El(t.seriesIndex,y.dataType,e,r),d[e]=r}})).update((function(e,n){var i=y.get(v,e);if(p){var r=c.getItemGraphicEl(n),a=r?r.rotation:o,s=w(e,a);s.rotation=a,th(s,{rotation:-((isNaN(+i)?b[0]:go(i,_,b,!0))+Math.PI/2)},t),u.add(s),y.setItemGraphicEl(e,s)}if(g){var l=h[n],m=S(e,l?l.shape.endAngle:o),x=f.get("clip");th(m,{shape:{endAngle:go(i,_,b,x)}},t),u.add(m),El(t.seriesIndex,y.dataType,e,m),d[e]=m}})).execute(),y.each((function(t){var e=y.getItemModel(t),n=e.getModel("emphasis"),r=n.get("focus"),o=n.get("blurScope"),a=n.get("disabled");if(p){var s=y.getItemGraphicEl(t),l=y.getItemVisual(t,"style"),u=l.fill;if(s instanceof dl){var c=s.style;s.useStyle(A({image:c.image,x:c.x,y:c.y,width:c.width,height:c.height},l))}else s.useStyle(l),"pointer"!==s.type&&s.setColor(u);s.setStyle(e.getModel(["pointer","itemStyle"]).getItemStyle()),"auto"===s.style.fill&&s.setStyle("fill",i(go(y.get(v,t),_,[0,1],!0))),s.z2EmphasisLift=0,ku(s,e),Tu(s,r,o,a)}if(g){var h=d[t];h.useStyle(y.getItemVisual(t,"style")),h.setStyle(e.getModel(["progress","itemStyle"]).getItemStyle()),h.z2EmphasisLift=0,ku(h,e),Tu(h,r,o,a)}})),this._progressEls=d)},e.prototype._renderAnchor=function(t,e){var n=t.getModel("anchor");if(n.get("show")){var i=n.get("size"),r=n.get("icon"),o=n.get("offsetCenter"),a=n.get("keepAspect"),s=hm(r,e.cx-i/2+yo(o[0],e.r),e.cy-i/2+yo(o[1],e.r),i,i,null,a);s.z2=n.get("showAbove")?1:0,s.setStyle(n.getModel("itemStyle").getItemStyle()),this.group.add(s)}},e.prototype._renderTitleAndDetail=function(t,e,n,i,r){var o=this,a=t.getData(),s=a.mapDimension("value"),l=+t.get("min"),u=+t.get("max"),c=new to,h=[],d=[],p=t.isAnimationEnabled(),f=t.get(["pointer","showAbove"]);a.diff(this._data).add((function(t){h[t]=new Sl({silent:!0}),d[t]=new Sl({silent:!0})})).update((function(t,e){h[t]=o._titleEls[e],d[t]=o._detailEls[e]})).execute(),a.each((function(e){var n=a.getItemModel(e),o=a.get(s,e),g=new to,y=i(go(o,[l,u],[0,1],!0)),v=n.getModel("title");if(v.get("show")){var m=v.get("offsetCenter"),x=r.cx+yo(m[0],r.r),_=r.cy+yo(m[1],r.r);(D=h[e]).attr({z2:f?0:2,style:Qh(v,{x:x,y:_,text:a.getName(e),align:"center",verticalAlign:"middle"},{inheritColor:y})}),g.add(D)}var b=n.getModel("detail");if(b.get("show")){var w=b.get("offsetCenter"),S=r.cx+yo(w[0],r.r),M=r.cy+yo(w[1],r.r),I=yo(b.get("width"),r.r),T=yo(b.get("height"),r.r),C=t.get(["progress","show"])?a.getItemVisual(e,"style").fill:y,D=d[e],A=b.get("formatter");D.attr({z2:f?0:2,style:Qh(b,{x:S,y:M,text:rO(o,A),width:isNaN(I)?null:I,height:isNaN(T)?null:T,align:"center",verticalAlign:"middle"},{inheritColor:C})}),sd(D,{normal:b},o,(function(t){return rO(t,A)})),p&&ld(D,e,a,t,{getFormattedLabel:function(t,e,n,i,r,a){return rO(a?a.interpolatedValue:o,A)}}),g.add(D)}c.add(g)})),this.group.add(c),this._titleEls=h,this._detailEls=d},e.type="gauge",e}(tv),aO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.visualStyleAccessPath="itemStyle",n}return n(e,t),e.prototype.getInitialData=function(t,e){return IT(this,["value"])},e.type="series.gauge",e.defaultOption={z:2,colorBy:"data",center:["50%","50%"],legendHoverLink:!0,radius:"75%",startAngle:225,endAngle:-45,clockwise:!0,min:0,max:100,splitNumber:10,axisLine:{show:!0,roundCap:!1,lineStyle:{color:[[1,tf.color.neutral10]],width:10}},progress:{show:!1,overlap:!0,width:10,roundCap:!1,clip:!0},splitLine:{show:!0,length:10,distance:10,lineStyle:{color:tf.color.axisTick,width:3,type:"solid"}},axisTick:{show:!0,splitNumber:5,length:6,distance:10,lineStyle:{color:tf.color.axisTickMinor,width:1,type:"solid"}},axisLabel:{show:!0,distance:15,color:tf.color.axisLabel,fontSize:12,rotate:0},pointer:{icon:null,offsetCenter:[0,0],show:!0,showAbove:!0,length:"60%",width:6,keepAspect:!1},anchor:{show:!1,showAbove:!1,size:6,icon:"circle",offsetCenter:[0,0],keepAspect:!1,itemStyle:{color:tf.color.neutral00,borderWidth:0,borderColor:tf.color.theme[0]}},title:{show:!0,offsetCenter:[0,"20%"],color:tf.color.secondary,fontSize:16,valueAnimation:!1},detail:{show:!0,backgroundColor:tf.color.transparent,borderWidth:0,borderColor:tf.color.neutral40,width:100,height:null,padding:[5,10],offsetCenter:[0,"40%"],color:tf.color.primary,fontSize:30,fontWeight:"bold",lineHeight:30,valueAnimation:!1}},e}(Wy);var sO=["itemStyle","opacity"],lO=function(t){function e(e,n){var i=t.call(this)||this,r=i,o=new Tc,a=new Sl;return r.setTextContent(a),i.setTextGuideLine(o),i.updateData(e,n,!0),i}return n(e,t),e.prototype.updateData=function(t,e,n){var i=this,r=t.hostModel,o=t.getItemModel(e),a=t.getItemLayout(e),s=o.getModel("emphasis"),l=o.get(sO);l=null==l?1:l,n||ah(i),i.useStyle(t.getItemVisual(e,"style")),i.style.lineJoin="round",n?(i.setShape({points:a.points}),i.style.opacity=0,eh(i,{style:{opacity:l}},r,e)):th(i,{style:{opacity:l},shape:{points:a.points}},r,e),ku(i,o),this._updateLabel(t,e),Tu(this,s.get("focus"),s.get("blurScope"),s.get("disabled"))},e.prototype._updateLabel=function(t,e){var n=this,i=this.getTextGuideLine(),r=n.getTextContent(),o=t.hostModel,a=t.getItemModel(e),s=t.getItemLayout(e).label,l=t.getItemVisual(e,"style"),u=l.fill;$h(r,Jh(a),{labelFetcher:t.hostModel,labelDataIndex:e,defaultOpacity:l.opacity,defaultText:t.getName(e)},{normal:{align:s.textAlign,verticalAlign:s.verticalAlign}});var c="inherit"===a.getModel("label").get("color")?u:null;n.setTextConfig({local:!0,inside:!!s.inside,insideStroke:c,outsideFill:c});var h=s.linePoints;i.setShape({points:h}),n.textGuideLineConfig={anchor:h?new Ae(h[0][0],h[0][1]):null},th(r,{style:{x:s.x,y:s.y}},o,e),r.attr({rotation:s.rotation,originX:s.x,originY:s.y,z2:10}),dS(n,pS(a),{stroke:u})},e}(Mc),uO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.ignoreLabelLineUpdate=!0,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this._data,o=this.group;i.diff(r).add((function(t){var e=new lO(i,t);i.setItemGraphicEl(t,e),o.add(e)})).update((function(t,e){var n=r.getItemGraphicEl(e);n.updateData(i,t),o.add(n),i.setItemGraphicEl(t,n)})).remove((function(e){oh(r.getItemGraphicEl(e),t,e)})).execute(),this._data=i},e.prototype.remove=function(){this.group.removeAll(),this._data=null},e.prototype.dispose=function(){},e.type="funnel",e}(tv),cO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this)),this._defaultLabelLine(e)},e.prototype.getInitialData=function(t,e){return IT(this,{coordDimensions:["value"],encodeDefaulter:H(Mf,this)})},e.prototype._defaultLabelLine=function(t){Ko(t,"labelLine",["show"]);var e=t.labelLine,n=t.emphasis.labelLine;e.show=e.show&&t.label.show,n.show=n.show&&t.emphasis.label.show},e.prototype.getDataParams=function(e){var n=this.getData(),i=t.prototype.getDataParams.call(this,e),r=n.mapDimension("value"),o=n.getSum(r);return i.percent=o?+(n.get(r,e)/o*100).toFixed(2):0,i.$vars.push("percent"),i},e.type="series.funnel",e.defaultOption={coordinateSystemUsage:"box",z:2,legendHoverLink:!0,colorBy:"data",left:80,top:60,right:80,bottom:65,minSize:"0%",maxSize:"100%",sort:"descending",orient:"vertical",gap:0,funnelAlign:"center",label:{show:!0,position:"outer"},labelLine:{show:!0,length:20,lineStyle:{width:1}},itemStyle:{borderColor:tf.color.neutral00,borderWidth:1},emphasis:{label:{show:!0}},select:{itemStyle:{borderColor:tf.color.primary}}},e}(Wy);function hO(t,e){t.eachSeriesByType("funnel",(function(t){var n=t.getData(),i=n.mapDimension("value"),r=t.get("sort"),o=Xp(t,e),a=Hp(t.getBoxLayoutParams(),o.refContainer),s=t.get("orient"),l=a.width,u=a.height,c=function(t,e){for(var n=t.mapDimension("value"),i=t.mapArray(n,(function(t){return t})),r=[],o="ascending"===e,a=0,s=t.count();a<s;a++)r[a]=a;return Y(e)?r.sort(e):"none"!==e&&r.sort((function(t,e){return o?i[t]-i[e]:i[e]-i[t]})),r}(n,r),h=a.x,d=a.y,p="horizontal"===s?[yo(t.get("minSize"),u),yo(t.get("maxSize"),u)]:[yo(t.get("minSize"),l),yo(t.get("maxSize"),l)],f=n.getDataExtent(i),g=t.get("min"),y=t.get("max");null==g&&(g=Math.min(f[0],0)),null==y&&(y=f[1]);var v=t.get("funnelAlign"),m=t.get("gap"),x=(("horizontal"===s?l:u)-m*(n.count()-1))/n.count(),_=function(t,e){if("horizontal"===s){var r=go(n.get(i,t)||0,[g,y],p,!0),o=void 0;switch(v){case"top":o=d;break;case"center":o=d+(u-r)/2;break;case"bottom":o=d+(u-r)}return[[e,o],[e,o+r]]}var a,c=go(n.get(i,t)||0,[g,y],p,!0);switch(v){case"left":a=h;break;case"center":a=h+(l-c)/2;break;case"right":a=h+l-c}return[[a,e],[a+c,e]]};"ascending"===r&&(x=-x,m=-m,"horizontal"===s?h+=l:d+=u,c=c.reverse());for(var b=0;b<c.length;b++){var w=c[b],S=c[b+1],M=n.getItemModel(w);if("horizontal"===s){var I=M.get(["itemStyle","width"]);null==I?I=x:(I=yo(I,l),"ascending"===r&&(I=-I));var T=_(w,h),C=_(S,h+I);h+=I+m,n.setItemLayout(w,{points:T.concat(C.slice().reverse())})}else{var D=M.get(["itemStyle","height"]);null==D?D=x:(D=yo(D,u),"ascending"===r&&(D=-D));T=_(w,d),C=_(S,d+D);d+=D+m,n.setItemLayout(w,{points:T.concat(C.slice().reverse())})}}!function(t){var e=t.hostModel.get("orient");t.each((function(n){var i,r,o,a,s=t.getItemModel(n),l=s.getModel("label").get("position"),u=s.getModel("labelLine"),c=t.getItemLayout(n),h=c.points,d="inner"===l||"inside"===l||"center"===l||"insideLeft"===l||"insideRight"===l;if(d)"insideLeft"===l?(r=(h[0][0]+h[3][0])/2+5,o=(h[0][1]+h[3][1])/2,i="left"):"insideRight"===l?(r=(h[1][0]+h[2][0])/2-5,o=(h[1][1]+h[2][1])/2,i="right"):(r=(h[0][0]+h[1][0]+h[2][0]+h[3][0])/4,o=(h[0][1]+h[1][1]+h[2][1]+h[3][1])/4,i="center"),a=[[r,o],[r,o]];else{var p=void 0,f=void 0,g=void 0,y=void 0,v=u.get("length");"left"===l?(p=(h[3][0]+h[0][0])/2,f=(h[3][1]+h[0][1])/2,r=(g=p-v)-5,i="right"):"right"===l?(p=(h[1][0]+h[2][0])/2,f=(h[1][1]+h[2][1])/2,r=(g=p+v)+5,i="left"):"top"===l?(p=(h[3][0]+h[0][0])/2,o=(y=(f=(h[3][1]+h[0][1])/2)-v)-5,i="center"):"bottom"===l?(p=(h[1][0]+h[2][0])/2,o=(y=(f=(h[1][1]+h[2][1])/2)+v)+5,i="center"):"rightTop"===l?(p="horizontal"===e?h[3][0]:h[1][0],f="horizontal"===e?h[3][1]:h[1][1],"horizontal"===e?(o=(y=f-v)-5,i="center"):(r=(g=p+v)+5,i="top")):"rightBottom"===l?(p=h[2][0],f=h[2][1],"horizontal"===e?(o=(y=f+v)+5,i="center"):(r=(g=p+v)+5,i="bottom")):"leftTop"===l?(p=h[0][0],f="horizontal"===e?h[0][1]:h[1][1],"horizontal"===e?(o=(y=f-v)-5,i="center"):(r=(g=p-v)-5,i="right")):"leftBottom"===l?(p="horizontal"===e?h[1][0]:h[3][0],f="horizontal"===e?h[1][1]:h[2][1],"horizontal"===e?(o=(y=f+v)+5,i="center"):(r=(g=p-v)-5,i="right")):(p=(h[1][0]+h[2][0])/2,f=(h[1][1]+h[2][1])/2,"horizontal"===e?(o=(y=f+v)+5,i="center"):(r=(g=p+v)+5,i="left")),"horizontal"===e?r=g=p:o=y=f,a=[[p,f],[g,y]]}c.label={linePoints:a,x:r,y:o,verticalAlign:"middle",textAlign:i,inside:d}}))}(n)}))}var dO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._dataGroup=new to,n._initialized=!1,n}return n(e,t),e.prototype.init=function(){this.group.add(this._dataGroup)},e.prototype.render=function(t,e,n,i){this._progressiveEls=null;var r=this._dataGroup,o=t.getData(),a=this._data,s=t.coordinateSystem,l=s.dimensions,u=gO(t);if(o.diff(a).add((function(t){yO(fO(o,r,t,l,s),o,t,u)})).update((function(e,n){var i=a.getItemGraphicEl(n),r=pO(o,e,l,s);o.setItemGraphicEl(e,i),th(i,{shape:{points:r}},t,e),ah(i),yO(i,o,e,u)})).remove((function(t){var e=a.getItemGraphicEl(t);r.remove(e)})).execute(),!this._initialized){this._initialized=!0;var c=function(t,e,n){var i=t.model,r=t.getRect(),o=new xl({shape:{x:r.x,y:r.y,width:r.width,height:r.height}}),a="horizontal"===i.get("layout")?"width":"height";return o.setShape(a,0),eh(o,{shape:{width:r.width,height:r.height}},e,n),o}(s,t,(function(){setTimeout((function(){r.removeClipPath()}))}));r.setClipPath(c)}this._data=o},e.prototype.incrementalPrepareRender=function(t,e,n){this._initialized=!0,this._data=null,this._dataGroup.removeAll()},e.prototype.incrementalRender=function(t,e,n){for(var i=e.getData(),r=e.coordinateSystem,o=r.dimensions,a=gO(e),s=this._progressiveEls=[],l=t.start;l<t.end;l++){var u=fO(i,this._dataGroup,l,o,r);u.incremental=!0,yO(u,i,l,a),s.push(u)}},e.prototype.remove=function(){this._dataGroup&&this._dataGroup.removeAll(),this._data=null},e.type="parallel",e}(tv);function pO(t,e,n,i){for(var r,o=[],a=0;a<n.length;a++){var s=n[a],l=t.get(t.mapDimension(s),e);r=l,("category"===i.getAxis(s).type?null==r:null==r||isNaN(r))||o.push(i.dataToPoint(l,s))}return o}function fO(t,e,n,i,r){var o=pO(t,n,i,r),a=new Tc({shape:{points:o},z2:10});return e.add(a),t.setItemGraphicEl(n,a),a}function gO(t){var e=t.get("smooth",!0);return!0===e&&(e=.3),nt(e=No(e))&&(e=0),{smooth:e}}function yO(t,e,n,i){t.useStyle(e.getItemVisual(n,"style")),t.style.fill=null,t.setShape("smooth",i.smooth);var r=e.getItemModel(n),o=r.getModel("emphasis");ku(t,r,"lineStyle"),Tu(t,o.get("focus"),o.get("blurScope"),o.get("disabled"))}var vO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.visualStyleAccessPath="lineStyle",n.visualDrawType="stroke",n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{useEncodeDefaulter:W(mO,null,this)})},e.prototype.getRawIndicesByActiveState=function(t){var e=this.coordinateSystem,n=this.getData(),i=[];return e.eachActiveState(n,(function(e,r){t===e&&i.push(n.getRawIndex(r))})),i},e.type="series.parallel",e.dependencies=["parallel"],e.defaultOption={z:2,coordinateSystem:"parallel",parallelIndex:0,label:{show:!1},inactiveOpacity:.05,activeOpacity:1,lineStyle:{width:1,opacity:.45,type:"solid"},emphasis:{label:{show:!1}},progressive:500,smooth:!1,animationEasing:"linear"},e}(Wy);function mO(t){var e=t.ecModel.getComponent("parallel",t.get("parallelIndex"));if(e){var n={};return z(e.dimensions,(function(t){var e=+t.replace("dim","");n[t]=e})),n}}var xO=["lineStyle","opacity"],_O={seriesType:"parallel",reset:function(t,e){var n=t.coordinateSystem,i={normal:t.get(["lineStyle","opacity"]),active:t.get("activeOpacity"),inactive:t.get("inactiveOpacity")};return{progress:function(t,e){n.eachActiveState(e,(function(t,n){var r=i[t];if("normal"===t&&e.hasItemOption){var o=e.getItemModel(n).get(xO,!0);null!=o&&(r=o)}e.ensureUniqueItemVisual(n,"style").opacity=r}),t.start,t.end)}}}};function bO(t){!function(t){if(t.parallel)return;var e=!1;z(t.series,(function(t){t&&"parallel"===t.type&&(e=!0)})),e&&(t.parallel=[{}])}(t),function(t){var e=qo(t.parallelAxis);z(e,(function(e){if(q(e)){var n=e.parallelIndex||0,i=qo(t.parallel)[n];i&&i.parallelAxisDefault&&C(e,i.parallelAxisDefault,!1)}}))}(t)}var wO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this._model=t,this._api=n,this._handlers||(this._handlers={},z(SO,(function(t,e){n.getZr().on(e,this._handlers[e]=W(t,this))}),this)),cv(this,"_throttledDispatchExpand",t.get("axisExpandRate"),"fixRate")},e.prototype.dispose=function(t,e){hv(this,"_throttledDispatchExpand"),z(this._handlers,(function(t,n){e.getZr().off(n,t)})),this._handlers=null},e.prototype._throttledDispatchExpand=function(t){this._dispatchExpand(t)},e.prototype._dispatchExpand=function(t){t&&this._api.dispatchAction(A({type:"parallelAxisExpand"},t))},e.type="parallel",e}(Ky),SO={mousedown:function(t){MO(this,"click")&&(this._mouseDownPoint=[t.offsetX,t.offsetY])},mouseup:function(t){var e=this._mouseDownPoint;if(MO(this,"click")&&e){var n=[t.offsetX,t.offsetY];if(Math.pow(e[0]-n[0],2)+Math.pow(e[1]-n[1],2)>5)return;var i=this._model.coordinateSystem.getSlidedAxisExpandWindow([t.offsetX,t.offsetY]);"none"!==i.behavior&&this._dispatchExpand({axisExpandWindow:i.axisExpandWindow})}this._mouseDownPoint=null},mousemove:function(t){if(!this._mouseDownPoint&&MO(this,"mousemove")){var e=this._model,n=e.coordinateSystem.getSlidedAxisExpandWindow([t.offsetX,t.offsetY]),i=n.behavior;"jump"===i&&this._throttledDispatchExpand.debounceNextCall(e.get("axisExpandDebounce")),this._throttledDispatchExpand("none"===i?null:{axisExpandWindow:n.axisExpandWindow,animation:"jump"===i?null:{duration:0}})}}};function MO(t,e){var n=t._model;return n.get("axisExpandable")&&n.get("axisExpandTriggerOn")===e}var IO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){t.prototype.init.apply(this,arguments),this.mergeOption({})},e.prototype.mergeOption=function(t){var e=this.option;t&&C(e,t,!0),this._initDimensions()},e.prototype.contains=function(t,e){var n=t.get("parallelIndex");return null!=n&&e.getComponent("parallel",n)===this},e.prototype.setAxisExpand=function(t){z(["axisExpandable","axisExpandCenter","axisExpandCount","axisExpandWidth","axisExpandWindow"],(function(e){t.hasOwnProperty(e)&&(this.option[e]=t[e])}),this)},e.prototype._initDimensions=function(){var t=this.dimensions=[],e=this.parallelAxisIndex=[];z(V(this.ecModel.queryComponents({mainType:"parallelAxis"}),(function(t){return(t.get("parallelIndex")||0)===this.componentIndex}),this),(function(n){t.push("dim"+n.get("dim")),e.push(n.componentIndex)}))},e.type="parallel",e.dependencies=["parallelAxis"],e.layoutMode="box",e.defaultOption={z:0,left:80,top:60,right:80,bottom:60,layout:"horizontal",axisExpandable:!1,axisExpandCenter:null,axisExpandCount:0,axisExpandWidth:50,axisExpandRate:17,axisExpandDebounce:50,axisExpandSlideTriggerArea:[-.15,.05,.4],axisExpandTriggerOn:"click",parallelAxisDefault:null},e}(Qp),TO=function(t){function e(e,n,i,r,o){var a=t.call(this,e,n,i)||this;return a.type=r||"value",a.axisIndex=o,a}return n(e,t),e.prototype.isHorizontal=function(){return"horizontal"!==this.coordinateSystem.getModel().get("layout")},e}(Ww);function CO(t,e,n,i,r,o){t=t||0;var a=n[1]-n[0];if(null!=r&&(r=AO(r,[0,a])),null!=o&&(o=Math.max(o,null!=r?r:0)),"all"===i){var s=Math.abs(e[1]-e[0]);s=AO(s,[0,a]),r=o=AO(s,[r,o]),i=0}e[0]=AO(e[0],n),e[1]=AO(e[1],n);var l=DO(e,i);e[i]+=t;var u,c=r||0,h=n.slice();return l.sign<0?h[0]+=c:h[1]-=c,e[i]=AO(e[i],h),u=DO(e,i),null!=r&&(u.sign!==l.sign||u.span<r)&&(e[1-i]=e[i]+l.sign*r),u=DO(e,i),null!=o&&u.span>o&&(e[1-i]=e[i]+u.sign*o),e}function DO(t,e){var n=t[e]-t[1-e];return{span:Math.abs(n),sign:n>0?-1:n<0?1:e?-1:1}}function AO(t,e){return Math.min(null!=e[1]?e[1]:1/0,Math.max(null!=e[0]?e[0]:-1/0,t))}var kO=z,LO=Math.min,PO=Math.max,OO=Math.floor,RO=Math.ceil,NO=mo,zO=Math.PI,EO=function(){function t(t,e,n){this.type="parallel",this._axesMap=yt(),this._axesLayout={},this.dimensions=t.dimensions,this._model=t,this._init(t,e,n)}return t.prototype._init=function(t,e,n){var i=t.dimensions,r=t.parallelAxisIndex;kO(i,(function(t,n){var i=r[n],o=e.getComponent("parallelAxis",i),a=this._axesMap.set(t,new TO(t,Zb(o),[0,0],o.get("type"),i)),s="category"===a.type;a.onBand=s&&o.get("boundaryGap"),a.inverse=o.get("inverse"),o.axis=a,a.model=o,a.coordinateSystem=o.coordinateSystem=this}),this)},t.prototype.update=function(t,e){this._updateAxesFromSeries(this._model,t)},t.prototype.containPoint=function(t){var e=this._makeLayoutInfo(),n=e.axisBase,i=e.layoutBase,r=e.pixelDimIndex,o=t[1-r],a=t[r];return o>=n&&o<=n+e.axisLength&&a>=i&&a<=i+e.layoutLength},t.prototype.getModel=function(){return this._model},t.prototype._updateAxesFromSeries=function(t,e){e.eachSeries((function(n){if(t.contains(n,e)){var i=n.getData();kO(this.dimensions,(function(t){var e=this._axesMap.get(t);e.scale.unionExtentFromData(i,i.mapDimension(t)),Xb(e.scale,e.model)}),this)}}),this)},t.prototype.resize=function(t,e){var n=Xp(t,e).refContainer;this._rect=Hp(t.getBoxLayoutParams(),n),this._layoutAxes()},t.prototype.getRect=function(){return this._rect},t.prototype._makeLayoutInfo=function(){var t,e=this._model,n=this._rect,i=["x","y"],r=["width","height"],o=e.get("layout"),a="horizontal"===o?0:1,s=n[r[a]],l=[0,s],u=this.dimensions.length,c=BO(e.get("axisExpandWidth"),l),h=BO(e.get("axisExpandCount")||0,[0,u]),d=e.get("axisExpandable")&&u>3&&u>h&&h>1&&c>0&&s>0,p=e.get("axisExpandWindow");p?(t=BO(p[1]-p[0],l),p[1]=p[0]+t):(t=BO(c*(h-1),l),(p=[c*(e.get("axisExpandCenter")||OO(u/2))-t/2])[1]=p[0]+t);var f=(s-t)/(u-h);f<3&&(f=0);var g=[OO(NO(p[0]/c,1))+1,RO(NO(p[1]/c,1))-1],y=f/c*p[0];return{layout:o,pixelDimIndex:a,layoutBase:n[i[a]],layoutLength:s,axisBase:n[i[1-a]],axisLength:n[r[1-a]],axisExpandable:d,axisExpandWidth:c,axisCollapseWidth:f,axisExpandWindow:p,axisCount:u,winInnerIndices:g,axisExpandWindow0Pos:y}},t.prototype._layoutAxes=function(){var t=this._rect,e=this._axesMap,n=this.dimensions,i=this._makeLayoutInfo(),r=i.layout;e.each((function(t){var e=[0,i.axisLength],n=t.inverse?1:0;t.setExtent(e[n],e[1-n])})),kO(n,(function(e,n){var o=(i.axisExpandable?GO:VO)(n,i),a={horizontal:{x:o.position,y:i.axisLength},vertical:{x:0,y:o.position}},s={horizontal:zO/2,vertical:0},l=[a[r].x+t.x,a[r].y+t.y],u=s[r],c=[1,0,0,1,0,0];Me(c,c,u),Se(c,c,l),this._axesLayout[e]={position:l,rotation:u,transform:c,axisNameAvailableWidth:o.axisNameAvailableWidth,axisLabelShow:o.axisLabelShow,nameTruncateMaxWidth:o.nameTruncateMaxWidth,tickDirection:1,labelDirection:1}}),this)},t.prototype.getAxis=function(t){return this._axesMap.get(t)},t.prototype.dataToPoint=function(t,e){return this.axisCoordToPoint(this._axesMap.get(e).dataToCoord(t),e)},t.prototype.eachActiveState=function(t,e,n,i){null==n&&(n=0),null==i&&(i=t.count());var r=this._axesMap,o=this.dimensions,a=[],s=[];z(o,(function(e){a.push(t.mapDimension(e)),s.push(r.get(e).model)}));for(var l=this.hasAxisBrushed(),u=n;u<i;u++){var c=void 0;if(l){c="active";for(var h=t.getValues(a,u),d=0,p=o.length;d<p;d++){if("inactive"===s[d].getActiveState(h[d])){c="inactive";break}}}else c="normal";e(c,u)}},t.prototype.hasAxisBrushed=function(){for(var t=this.dimensions,e=this._axesMap,n=!1,i=0,r=t.length;i<r;i++)"normal"!==e.get(t[i]).model.getActiveState()&&(n=!0);return n},t.prototype.axisCoordToPoint=function(t,e){return Sh([t,0],this._axesLayout[e].transform)},t.prototype.getAxisLayout=function(t){return T(this._axesLayout[t])},t.prototype.getSlidedAxisExpandWindow=function(t){var e=this._makeLayoutInfo(),n=e.pixelDimIndex,i=e.axisExpandWindow.slice(),r=i[1]-i[0],o=[0,e.axisExpandWidth*(e.axisCount-1)];if(!this.containPoint(t))return{behavior:"none",axisExpandWindow:i};var a,s=t[n]-e.layoutBase-e.axisExpandWindow0Pos,l="slide",u=e.axisCollapseWidth,c=this._model.get("axisExpandSlideTriggerArea"),h=null!=c[0];if(u)h&&u&&s<r*c[0]?(l="jump",a=s-r*c[2]):h&&u&&s>r*(1-c[0])?(l="jump",a=s-r*(1-c[2])):(a=s-r*c[1])>=0&&(a=s-r*(1-c[1]))<=0&&(a=0),(a*=e.axisExpandWidth/u)?CO(a,i,o,"all"):l="none";else{var d=i[1]-i[0];(i=[PO(0,o[1]*s/d-d/2)])[1]=LO(o[1],i[0]+d),i[0]=i[1]-d}return{axisExpandWindow:i,behavior:l}},t}();function BO(t,e){return LO(PO(t,e[0]),e[1])}function VO(t,e){var n=e.layoutLength/(e.axisCount-1);return{position:n*t,axisNameAvailableWidth:n,axisLabelShow:!0}}function GO(t,e){var n,i,r=e.layoutLength,o=e.axisExpandWidth,a=e.axisCount,s=e.axisCollapseWidth,l=e.winInnerIndices,u=s,c=!1;return t<l[0]?(n=t*s,i=s):t<=l[1]?(n=e.axisExpandWindow0Pos+t*o-e.axisExpandWindow[0],u=o,c=!0):(n=r-(a-1-t)*s,i=s),{position:n,axisNameAvailableWidth:u,axisLabelShow:c,nameTruncateMaxWidth:i}}var FO={create:function(t,e){var n=[];return t.eachComponent("parallel",(function(i,r){var o=new EO(i,t,e);o.name="parallel_"+r,o.resize(i,e),i.coordinateSystem=o,o.model=i,n.push(o)})),t.eachSeries((function(t){if("parallel"===t.get("coordinateSystem")){var e=t.getReferringComponents("parallel",ha).models[0];t.coordinateSystem=e.coordinateSystem}})),n}},WO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.activeIntervals=[],n}return n(e,t),e.prototype.getAreaSelectStyle=function(){return Da([["fill","color"],["lineWidth","borderWidth"],["stroke","borderColor"],["width","width"],["opacity","opacity"]])(this.getModel("areaSelectStyle"))},e.prototype.setActiveIntervals=function(t){var e=this.activeIntervals=T(t);if(e)for(var n=e.length-1;n>=0;n--)xo(e[n])},e.prototype.getActiveState=function(t){var e=this.activeIntervals;if(!e.length)return"normal";if(null==t||isNaN(+t))return"inactive";if(1===e.length){var n=e[0];if(n[0]<=t&&t<=n[1])return"active"}else for(var i=0,r=e.length;i<r;i++)if(e[i][0]<=t&&t<=e[i][1])return"active";return"inactive"},e}(Qp);R(WO,nw);var HO=!0,UO=Math.min,YO=Math.max,XO=Math.pow,ZO="globalPan",jO={w:[0,0],e:[0,1],n:[1,0],s:[1,1]},qO={w:"ew",e:"ew",n:"ns",s:"ns",ne:"nesw",sw:"nesw",nw:"nwse",se:"nwse"},KO={brushStyle:{lineWidth:2,stroke:tf.color.backgroundTint,fill:tf.color.borderTint},transformable:!0,brushMode:"single",removeOnClick:!1},$O=0,JO=function(t){function e(e){var n=t.call(this)||this;return n._track=[],n._covers=[],n._handlers={},n._zr=e,n.group=new to,n._uid="brushController_"+$O++,z(IR,(function(t,e){this._handlers[e]=W(t,this)}),n),n}return n(e,t),e.prototype.enableBrush=function(t){return this._brushType&&this._doDisableBrush(),t.brushType&&this._doEnableBrush(t),this},e.prototype._doEnableBrush=function(t){var e=this._zr;this._enableGlobalPan||function(t,e,n){CD(t)[e]=n}(e,ZO,this._uid),z(this._handlers,(function(t,n){e.on(n,t)})),this._brushType=t.brushType,this._brushOption=C(T(KO),t,!0)},e.prototype._doDisableBrush=function(){var t=this._zr;!function(t,e,n){var i=CD(t);i[e]===n&&(i[e]=null)}(t,ZO,this._uid),z(this._handlers,(function(e,n){t.off(n,e)})),this._brushType=this._brushOption=null},e.prototype.setPanels=function(t){if(t&&t.length){var e=this._panels={};z(t,(function(t){e[t.panelId]=T(t)}))}else this._panels=null;return this},e.prototype.mount=function(t){t=t||{},this._enableGlobalPan=t.enableGlobalPan;var e=this.group;return this._zr.add(e),e.attr({x:t.x||0,y:t.y||0,rotation:t.rotation||0,scaleX:t.scaleX||1,scaleY:t.scaleY||1}),this._transform=e.getLocalTransform(),this},e.prototype.updateCovers=function(t){t=E(t,(function(t){return C(T(KO),t,!0)}));var e=this._covers,n=this._covers=[],i=this,r=this._creatingCover;return new f_(e,t,(function(t,e){return o(t.__brushOption,e)}),o).add(a).update(a).remove((function(t){e[t]!==r&&i.group.remove(e[t])})).execute(),this;function o(t,e){return(null!=t.id?t.id:"\0-brush-index-"+e)+"-"+t.brushType}function a(o,a){var s=t[o];if(null!=a&&e[a]===r)n[o]=e[a];else{var l=n[o]=null!=a?(e[a].__brushOption=s,e[a]):tR(i,QO(i,s));iR(i,l)}}},e.prototype.unmount=function(){return this.enableBrush(!1),sR(this),this._zr.remove(this.group),this},e.prototype.dispose=function(){this.unmount(),this.off()},e}(qt);function QO(t,e){var n=CR[e.brushType].createCover(t,e);return n.__brushOption=e,nR(n,e),t.group.add(n),n}function tR(t,e){var n=rR(e);return n.endCreating&&(n.endCreating(t,e),nR(e,e.__brushOption)),e}function eR(t,e){var n=e.__brushOption;rR(e).updateCoverShape(t,e,n.range,n)}function nR(t,e){var n=e.z;null==n&&(n=1e4),t.traverse((function(t){t.z=n,t.z2=n}))}function iR(t,e){rR(e).updateCommon(t,e),eR(t,e)}function rR(t){return CR[t.__brushOption.brushType]}function oR(t,e,n){var i,r=t._panels;if(!r)return HO;var o=t._transform;return z(r,(function(t){t.isTargetByCursor(e,n,o)&&(i=t)})),i}function aR(t,e){var n=t._panels;if(!n)return HO;var i=e.__brushOption.panelId;return null!=i?n[i]:HO}function sR(t){var e=t._covers,n=e.length;return z(e,(function(e){t.group.remove(e)}),t),e.length=0,!!n}function lR(t,e){var n=E(t._covers,(function(t){var e=t.__brushOption,n=T(e.range);return{brushType:e.brushType,panelId:e.panelId,range:n}}));t.trigger("brush",{areas:n,isEnd:!!e.isEnd,removeOnClick:!!e.removeOnClick})}function uR(t){var e=t.length-1;return e<0&&(e=0),[t[0],t[e]]}function cR(t,e,n,i){var r=new to;return r.add(new xl({name:"main",style:fR(n),silent:!0,draggable:!0,cursor:"move",drift:H(vR,t,e,r,["n","s","w","e"]),ondragend:H(lR,e,{isEnd:!0})})),z(i,(function(n){r.add(new xl({name:n.join(""),style:{opacity:0},draggable:!0,silent:!0,invisible:!0,drift:H(vR,t,e,r,n),ondragend:H(lR,e,{isEnd:!0})}))})),r}function hR(t,e,n,i){var r=i.brushStyle.lineWidth||0,o=YO(r,6),a=n[0][0],s=n[1][0],l=a-r/2,u=s-r/2,c=n[0][1],h=n[1][1],d=c-o+r/2,p=h-o+r/2,f=c-a,g=h-s,y=f+r,v=g+r;pR(t,e,"main",a,s,f,g),i.transformable&&(pR(t,e,"w",l,u,o,v),pR(t,e,"e",d,u,o,v),pR(t,e,"n",l,u,y,o),pR(t,e,"s",l,p,y,o),pR(t,e,"nw",l,u,o,o),pR(t,e,"ne",d,u,o,o),pR(t,e,"sw",l,p,o,o),pR(t,e,"se",d,p,o,o))}function dR(t,e){var n=e.__brushOption,i=n.transformable,r=e.childAt(0);r.useStyle(fR(n)),r.attr({silent:!i,cursor:i?"move":"default"}),z([["w"],["e"],["n"],["s"],["s","e"],["s","w"],["n","e"],["n","w"]],(function(n){var r=e.childOfName(n.join("")),o=1===n.length?yR(t,n[0]):function(t,e){var n=[yR(t,e[0]),yR(t,e[1])];return("e"===n[0]||"w"===n[0])&&n.reverse(),n.join("")}(t,n);r&&r.attr({silent:!i,invisible:!i,cursor:i?qO[o]+"-resize":null})}))}function pR(t,e,n,i,r,o,a){var s=e.childOfName(n);s&&s.setShape(function(t){var e=UO(t[0][0],t[1][0]),n=UO(t[0][1],t[1][1]),i=YO(t[0][0],t[1][0]),r=YO(t[0][1],t[1][1]);return{x:e,y:n,width:i-e,height:r-n}}(_R(t,e,[[i,r],[i+o,r+a]])))}function fR(t){return k({strokeNoScale:!0},t.brushStyle)}function gR(t,e,n,i){var r=[UO(t,n),UO(e,i)],o=[YO(t,n),YO(e,i)];return[[r[0],o[0]],[r[1],o[1]]]}function yR(t,e){var n=Mh({w:"left",e:"right",n:"top",s:"bottom"}[e],function(t){return wh(t.group)}(t));return{left:"w",right:"e",top:"n",bottom:"s"}[n]}function vR(t,e,n,i,r,o){var a=n.__brushOption,s=t.toRectRange(a.range),l=xR(e,r,o);z(i,(function(t){var e=jO[t];s[e[0]][e[1]]+=l[e[0]]})),a.range=t.fromRectRange(gR(s[0][0],s[1][0],s[0][1],s[1][1])),iR(e,n),lR(e,{isEnd:!1})}function mR(t,e,n,i){var r=e.__brushOption.range,o=xR(t,n,i);z(r,(function(t){t[0]+=o[0],t[1]+=o[1]})),iR(t,e),lR(t,{isEnd:!1})}function xR(t,e,n){var i=t.group,r=i.transformCoordToLocal(e,n),o=i.transformCoordToLocal(0,0);return[r[0]-o[0],r[1]-o[1]]}function _R(t,e,n){var i=aR(t,e);return i&&i!==HO?i.clipPath(n,t._transform):T(n)}function bR(t){var e=t.event;e.preventDefault&&e.preventDefault()}function wR(t,e,n){return t.childOfName("main").contain(e,n)}function SR(t,e,n,i){var r,o=t._creatingCover,a=t._creatingPanel,s=t._brushOption;if(t._track.push(n.slice()),function(t){var e=t._track;if(!e.length)return!1;var n=e[e.length-1],i=e[0],r=n[0]-i[0],o=n[1]-i[1];return XO(r*r+o*o,.5)>6}(t)||o){if(a&&!o){"single"===s.brushMode&&sR(t);var l=T(s);l.brushType=MR(l.brushType,a),l.panelId=a===HO?null:a.panelId,o=t._creatingCover=QO(t,l),t._covers.push(o)}if(o){var u=CR[MR(t._brushType,a)];o.__brushOption.range=u.getCreatingRange(_R(t,o,t._track)),i&&(tR(t,o),u.updateCommon(t,o)),eR(t,o),r={isEnd:i}}}else i&&"single"===s.brushMode&&s.removeOnClick&&oR(t,e,n)&&sR(t)&&(r={isEnd:i,removeOnClick:!0});return r}function MR(t,e){return"auto"===t?e.defaultBrushType:t}var IR={mousedown:function(t){if(this._dragging)TR(this,t);else if(!t.target||!t.target.draggable){bR(t);var e=this.group.transformCoordToLocal(t.offsetX,t.offsetY);this._creatingCover=null,(this._creatingPanel=oR(this,t,e))&&(this._dragging=!0,this._track=[e.slice()])}},mousemove:function(t){var e=t.offsetX,n=t.offsetY,i=this.group.transformCoordToLocal(e,n);if(function(t,e,n){if(t._brushType&&!function(t,e,n){var i=t._zr;return e<0||e>i.getWidth()||n<0||n>i.getHeight()}(t,e.offsetX,e.offsetY)){var i=t._zr,r=t._covers,o=oR(t,e,n);if(!t._dragging)for(var a=0;a<r.length;a++){var s=r[a].__brushOption;if(o&&(o===HO||s.panelId===o.panelId)&&CR[s.brushType].contain(r[a],n[0],n[1]))return}o&&i.setCursorStyle("crosshair")}}(this,t,i),this._dragging){bR(t);var r=SR(this,t,i,!1);r&&lR(this,r)}},mouseup:function(t){TR(this,t)}};function TR(t,e){if(t._dragging){bR(e);var n=e.offsetX,i=e.offsetY,r=t.group.transformCoordToLocal(n,i),o=SR(t,e,r,!0);t._dragging=!1,t._track=[],t._creatingCover=null,o&&lR(t,o)}}var CR={lineX:DR(0),lineY:DR(1),rect:{createCover:function(t,e){function n(t){return t}return cR({toRectRange:n,fromRectRange:n},t,e,[["w"],["e"],["n"],["s"],["s","e"],["s","w"],["n","e"],["n","w"]])},getCreatingRange:function(t){var e=uR(t);return gR(e[1][0],e[1][1],e[0][0],e[0][1])},updateCoverShape:function(t,e,n,i){hR(t,e,n,i)},updateCommon:dR,contain:wR},polygon:{createCover:function(t,e){var n=new to;return n.add(new Tc({name:"main",style:fR(e),silent:!0})),n},getCreatingRange:function(t){return t},endCreating:function(t,e){e.remove(e.childAt(0)),e.add(new Mc({name:"main",draggable:!0,drift:H(mR,t,e),ondragend:H(lR,t,{isEnd:!0})}))},updateCoverShape:function(t,e,n,i){e.childAt(0).setShape({points:_R(t,e,n)})},updateCommon:dR,contain:wR}};function DR(t){return{createCover:function(e,n){return cR({toRectRange:function(e){var n=[e,[0,100]];return t&&n.reverse(),n},fromRectRange:function(e){return e[t]}},e,n,[[["w"],["e"]],[["n"],["s"]]][t])},getCreatingRange:function(e){var n=uR(e);return[UO(n[0][t],n[1][t]),YO(n[0][t],n[1][t])]},updateCoverShape:function(e,n,i,r){var o,a=aR(e,n);if(a!==HO&&a.getLinearBrushOtherExtent)o=a.getLinearBrushOtherExtent(t);else{var s=e._zr;o=[0,[s.getWidth(),s.getHeight()][1-t]]}var l=[i,o];t&&l.reverse(),hR(e,n,l,r)},updateCommon:dR,contain:wR}}function AR(t){return t=PR(t),function(e){return Ch(e,t)}}function kR(t,e){return t=PR(t),function(n){var i=null!=e?e:n,r=i?t.width:t.height,o=i?t.x:t.y;return[o,o+(r||0)]}}function LR(t,e,n){var i=PR(t);return function(t,r){return i.contain(r[0],r[1])&&!kD(t,e,n)}}function PR(t){return He.create(t)}var OR=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e,n){t.prototype.init.apply(this,arguments),(this._brushController=new JO(n.getZr())).on("brush",W(this._onBrush,this))},e.prototype.render=function(t,e,n,i){if(!function(t,e,n){return n&&"axisAreaSelect"===n.type&&e.findComponents({mainType:"parallelAxis",query:n})[0]===t}(t,e,i)){this.axisModel=t,this.api=n,this.group.removeAll();var r=this._axisGroup;if(this._axisGroup=new to,this.group.add(this._axisGroup),t.get("show")){var o=function(t,e){return e.getComponent("parallel",t.get("parallelIndex"))}(t,e),a=o.coordinateSystem,s=t.getAreaSelectStyle(),l=s.width,u=t.axis.dim,c=A({strokeContainThreshold:l},a.getAxisLayout(u)),h=new mC(t,n,c);h.build(),this._axisGroup.add(h.group),this._refreshBrushController(c,s,t,o,l,n),Th(r,this._axisGroup,t)}}},e.prototype._refreshBrushController=function(t,e,n,i,r,o){var a=n.axis.getExtent(),s=a[1]-a[0],l=Math.min(30,.1*Math.abs(s)),u=He.create({x:a[0],y:-r/2,width:s,height:r});u.x-=l,u.width+=2*l,this._brushController.mount({enableGlobalPan:!0,rotation:t.rotation,x:t.position[0],y:t.position[1]}).setPanels([{panelId:"pl",clipPath:AR(u),isTargetByCursor:LR(u,o,i),getLinearBrushOtherExtent:kR(u,0)}]).enableBrush({brushType:"lineX",brushStyle:e,removeOnClick:!0}).updateCovers(function(t){var e=t.axis;return E(t.activeIntervals,(function(t){return{brushType:"lineX",panelId:"pl",range:[e.dataToCoord(t[0],!0),e.dataToCoord(t[1],!0)]}}))}(n))},e.prototype._onBrush=function(t){var e=t.areas,n=this.axisModel,i=n.axis,r=E(e,(function(t){return[i.coordToData(t.range[0],!0),i.coordToData(t.range[1],!0)]}));(!n.option.realtime===t.isEnd||t.removeOnClick)&&this.api.dispatchAction({type:"axisAreaSelect",parallelAxisId:n.id,intervals:r})},e.prototype.dispose=function(){this._brushController.dispose()},e.type="parallelAxis",e}(Ky);var RR={type:"axisAreaSelect",event:"axisAreaSelected"};var NR={type:"value",areaSelectStyle:{width:20,borderWidth:1,borderColor:"rgba(160,197,232)",color:"rgba(160,197,232)",opacity:.3},realtime:!0,z:10};function zR(t){t.registerComponentView(wO),t.registerComponentModel(IO),t.registerCoordinateSystem("parallel",FO),t.registerPreprocessor(bO),t.registerComponentModel(WO),t.registerComponentView(OR),XT(t,"parallel",WO,NR),function(t){t.registerAction(RR,(function(t,e){e.eachComponent({mainType:"parallelAxis",query:t},(function(e){e.axis.model.setActiveIntervals(t.intervals)}))})),t.registerAction("parallelAxisExpand",(function(t,e){e.eachComponent({mainType:"parallel",query:t},(function(e){e.setAxisExpand(t)}))}))}(t)}var ER=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.cpx1=0,this.cpy1=0,this.cpx2=0,this.cpy2=0,this.extent=0},BR=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new ER},e.prototype.buildPath=function(t,e){var n=e.extent;t.moveTo(e.x1,e.y1),t.bezierCurveTo(e.cpx1,e.cpy1,e.cpx2,e.cpy2,e.x2,e.y2),"vertical"===e.orient?(t.lineTo(e.x2+n,e.y2),t.bezierCurveTo(e.cpx2+n,e.cpy2,e.cpx1+n,e.cpy1,e.x1+n,e.y1)):(t.lineTo(e.x2,e.y2+n),t.bezierCurveTo(e.cpx2,e.cpy2+n,e.cpx1,e.cpy1+n,e.x1,e.y1+n)),t.closePath()},e.prototype.highlight=function(){du(this)},e.prototype.downplay=function(){pu(this)},e}(sl),VR=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._mainGroup=new to,n._focusAdjacencyDisabled=!1,n}return n(e,t),e.prototype.init=function(t,e){this._controller=new LD(e.getZr()),this._controllerHost={target:this.group},this.group.add(this._mainGroup)},e.prototype.render=function(t,e,n){var i=this,r=t.getGraph(),o=this._mainGroup,a=t.layoutInfo,s=a.width,l=a.height,u=t.getData(),c=t.getData("edge"),h=t.get("orient");this._model=t,o.removeAll(),o.x=a.x,o.y=a.y,this._updateViewCoordSys(t,n),HD(t,n,o,this._controller,this._controllerHost,null),r.eachEdge((function(e){var n=new BR,i=zl(n);i.dataIndex=e.dataIndex,i.seriesIndex=t.seriesIndex,i.dataType="edge";var r,a,u,d,p,f,g,y,v=e.getModel(),m=v.getModel("lineStyle"),x=m.get("curveness"),_=e.node1.getLayout(),b=e.node1.getModel(),w=b.get("localX"),S=b.get("localY"),M=e.node2.getLayout(),I=e.node2.getModel(),T=I.get("localX"),C=I.get("localY"),D=e.getLayout();n.shape.extent=Math.max(1,D.dy),n.shape.orient=h,"vertical"===h?(r=(null!=w?w*s:_.x)+D.sy,a=(null!=S?S*l:_.y)+_.dy,u=(null!=T?T*s:M.x)+D.ty,p=r,f=a*(1-x)+(d=null!=C?C*l:M.y)*x,g=u,y=a*x+d*(1-x)):(r=(null!=w?w*s:_.x)+_.dx,a=(null!=S?S*l:_.y)+D.sy,p=r*(1-x)+(u=null!=T?T*s:M.x)*x,f=a,g=r*x+u*(1-x),y=d=(null!=C?C*l:M.y)+D.ty),n.setShape({x1:r,y1:a,x2:u,y2:d,cpx1:p,cpy1:f,cpx2:g,cpy2:y}),n.useStyle(m.getItemStyle()),GR(n.style,h,e);var A=""+v.get("value"),k=Jh(v,"edgeLabel");$h(n,k,{labelFetcher:{getFormattedLabel:function(e,n,i,r,o,a){return t.getFormattedLabel(e,n,"edge",r,ot(o,k.normal&&k.normal.get("formatter"),A),a)}},labelDataIndex:e.dataIndex,defaultText:A}),n.setTextConfig({position:"inside"});var L=v.getModel("emphasis");ku(n,v,"lineStyle",(function(t){var n=t.getItemStyle();return GR(n,h,e),n})),o.add(n),c.setItemGraphicEl(e.dataIndex,n);var P=L.get("focus");Tu(n,"adjacency"===P?e.getAdjacentDataIndices():"trajectory"===P?e.getTrajectoryDataIndices():P,L.get("blurScope"),L.get("disabled"))})),r.eachNode((function(e){var n=e.getLayout(),i=e.getModel(),r=i.get("localX"),a=i.get("localY"),c=i.getModel("emphasis"),h=i.get(["itemStyle","borderRadius"])||0,d=new xl({shape:{x:null!=r?r*s:n.x,y:null!=a?a*l:n.y,width:n.dx,height:n.dy,r:h},style:i.getModel("itemStyle").getItemStyle(),z2:10});$h(d,Jh(i),{labelFetcher:{getFormattedLabel:function(e,n){return t.getFormattedLabel(e,n,"node")}},labelDataIndex:e.dataIndex,defaultText:e.id}),d.disableLabelAnimation=!0,d.setStyle("fill",e.getVisual("color")),d.setStyle("decal",e.getVisual("style").decal),ku(d,i),o.add(d),u.setItemGraphicEl(e.dataIndex,d),zl(d).dataType="node";var p=c.get("focus");Tu(d,"adjacency"===p?e.getAdjacentDataIndices():"trajectory"===p?e.getTrajectoryDataIndices():p,c.get("blurScope"),c.get("disabled"))})),u.eachItemGraphicEl((function(e,r){u.getItemModel(r).get("draggable")&&(e.drift=function(e,o){i._focusAdjacencyDisabled=!0,this.shape.x+=e,this.shape.y+=o,this.dirty(),n.dispatchAction({type:"dragNode",seriesId:t.id,dataIndex:u.getRawIndex(r),localX:this.shape.x/s,localY:this.shape.y/l})},e.ondragend=function(){i._focusAdjacencyDisabled=!1},e.draggable=!0,e.cursor="move")})),!this._data&&t.isAnimationEnabled()&&o.setClipPath(function(t,e,n){var i=new xl({shape:{x:t.x-10,y:t.y-10,width:0,height:t.height+20}});return eh(i,{shape:{width:t.width+20}},e,n),i}(o.getBoundingRect(),t,(function(){o.removeClipPath()}))),this._data=t.getData()},e.prototype.dispose=function(){this._controller&&this._controller.dispose(),this._controllerHost=null},e.prototype._updateViewCoordSys=function(t,e){var n=t.layoutInfo,i=n.width,r=n.height,o=t.coordinateSystem=new KA(null,{api:e,ecModel:t.ecModel});o.zoomLimit=t.get("scaleLimit"),o.setBoundingRect(0,0,i,r),o.setCenter(t.get("center")),o.setZoom(t.get("zoom")),this._controllerHost.target.attr({x:o.x,y:o.y,scaleX:o.scaleX,scaleY:o.scaleY})},e.type="sankey",e}(tv);function GR(t,e,n){switch(t.fill){case"source":t.fill=n.node1.getVisual("color"),t.decal=n.node1.getVisual("style").decal;break;case"target":t.fill=n.node2.getVisual("color"),t.decal=n.node2.getVisual("style").decal;break;case"gradient":var i=n.node1.getVisual("color"),r=n.node2.getVisual("color");X(i)&&X(r)&&(t.fill=new Bc(0,0,+("horizontal"===e),+("vertical"===e),[{color:i,offset:0},{color:r,offset:1}]))}}var FR=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(t,e){var n=t.edges||t.links||[],i=t.data||t.nodes||[],r=t.levels||[];this.levelModels=[];for(var o=this.levelModels,a=0;a<r.length;a++)null!=r[a].depth&&r[a].depth>=0&&(o[r[a].depth]=new wd(r[a],this,e));var s=XP(i,n,this,!0,(function(t,e){t.wrapMethod("getItemModel",(function(t,e){var n=t.parentModel,i=n.getData().getItemLayout(e);if(i){var r=i.depth,o=n.levelModels[r];o&&(t.parentModel=o)}return t})),e.wrapMethod("getItemModel",(function(t,e){var n=t.parentModel,i=n.getGraph().getEdgeByIndex(e).node1.getLayout();if(i){var r=i.depth,o=n.levelModels[r];o&&(t.parentModel=o)}return t}))}));return s.data},e.prototype.setNodePosition=function(t,e){var n=(this.option.data||this.option.nodes)[t];n.localX=e[0],n.localY=e[1]},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.getGraph=function(){return this.getData().graph},e.prototype.getEdgeData=function(){return this.getGraph().edgeData},e.prototype.formatTooltip=function(t,e,n){function i(t){return isNaN(t)||null==t}if("edge"===n){var r=this.getDataParams(t,n),o=r.data,a=r.value;return Ty("nameValue",{name:o.source+" -- "+o.target,value:a,noValue:i(a)})}var s=this.getGraph().getNodeByIndex(t).getLayout().value,l=this.getDataParams(t,n).data.name;return Ty("nameValue",{name:null!=l?l+"":null,value:s,noValue:i(s)})},e.prototype.optionUpdated=function(){},e.prototype.getDataParams=function(e,n){var i=t.prototype.getDataParams.call(this,e,n);if(null==i.value&&"node"===n){var r=this.getGraph().getNodeByIndex(e).getLayout().value;i.value=r}return i},e.type="series.sankey",e.layoutMode="box",e.defaultOption={z:2,coordinateSystemUsage:"box",left:"5%",top:"5%",right:"20%",bottom:"5%",orient:"horizontal",nodeWidth:20,nodeGap:8,draggable:!0,layoutIterations:32,roam:!1,roamTrigger:"global",center:null,zoom:1,label:{show:!0,position:"right",fontSize:12},edgeLabel:{show:!1,fontSize:12},levels:[],nodeAlign:"justify",lineStyle:{color:tf.color.neutral50,opacity:.2,curveness:.5},emphasis:{label:{show:!0},lineStyle:{opacity:.5}},select:{itemStyle:{borderColor:tf.color.primary}},animationEasing:"linear",animationDuration:1e3},e}(Wy);function WR(t,e){t.eachSeriesByType("sankey",(function(t){var n=t.get("nodeWidth"),i=t.get("nodeGap"),r=Xp(t,e).refContainer,o=Hp(t.getBoxLayoutParams(),r);t.layoutInfo=o;var a=o.width,s=o.height,l=t.getGraph(),u=l.nodes,c=l.edges;!function(t){z(t,(function(t){var e=JR(t.outEdges,$R),n=JR(t.inEdges,$R),i=t.getValue()||0,r=Math.max(e,n,i);t.setLayout({value:r},!0)}))}(u),function(t,e,n,i,r,o,a,s,l){(function(t,e,n,i,r,o,a){for(var s=[],l=[],u=[],c=[],h=0,d=0;d<e.length;d++)s[d]=1;for(d=0;d<t.length;d++)l[d]=t[d].inEdges.length,0===l[d]&&u.push(t[d]);var p=-1;for(;u.length;){for(var f=0;f<u.length;f++){var g=u[f],y=g.hostGraph.data.getRawDataItem(g.dataIndex),v=null!=y.depth&&y.depth>=0;v&&y.depth>p&&(p=y.depth),g.setLayout({depth:v?y.depth:h},!0),"vertical"===o?g.setLayout({dy:n},!0):g.setLayout({dx:n},!0);for(var m=0;m<g.outEdges.length;m++){var x=g.outEdges[m];s[e.indexOf(x)]=0;var _=x.node2;0==--l[t.indexOf(_)]&&c.indexOf(_)<0&&c.push(_)}}++h,u=c,c=[]}for(d=0;d<s.length;d++)if(1===s[d])throw new Error("Sankey is a DAG, the original data has cycle!");var b=p>h-1?p:h-1;a&&"left"!==a&&function(t,e,n,i){if("right"===e){for(var r=[],o=t,a=0;o.length;){for(var s=0;s<o.length;s++){var l=o[s];l.setLayout({skNodeHeight:a},!0);for(var u=0;u<l.inEdges.length;u++){var c=l.inEdges[u];r.indexOf(c.node1)<0&&r.push(c.node1)}}o=r,r=[],++a}z(t,(function(t){HR(t)||t.setLayout({depth:Math.max(0,i-t.getLayout().skNodeHeight)},!0)}))}else"justify"===e&&function(t,e){z(t,(function(t){HR(t)||t.outEdges.length||t.setLayout({depth:e},!0)}))}(t,i)}(t,a,0,b);var w="vertical"===o?(r-n)/b:(i-n)/b;!function(t,e,n){z(t,(function(t){var i=t.getLayout().depth*e;"vertical"===n?t.setLayout({y:i},!0):t.setLayout({x:i},!0)}))}(t,w,o)})(t,e,n,r,o,s,l),function(t,e,n,i,r,o,a){var s=function(t,e){var n=[],i="vertical"===e?"y":"x",r=ga(t,(function(t){return t.getLayout()[i]}));return r.keys.sort((function(t,e){return t-e})),z(r.keys,(function(t){n.push(r.buckets.get(t))})),n}(t,a);(function(t,e,n,i,r,o){var a=1/0;z(t,(function(t){var e=t.length,s=0;z(t,(function(t){s+=t.getLayout().value}));var l="vertical"===o?(i-(e-1)*r)/s:(n-(e-1)*r)/s;l<a&&(a=l)})),z(t,(function(t){z(t,(function(t,e){var n=t.getLayout().value*a;"vertical"===o?(t.setLayout({x:e},!0),t.setLayout({dx:n},!0)):(t.setLayout({y:e},!0),t.setLayout({dy:n},!0))}))})),z(e,(function(t){var e=+t.getValue()*a;t.setLayout({dy:e},!0)}))})(s,e,n,i,r,a),UR(s,r,n,i,a);for(var l=1;o>0;o--)YR(s,l*=.99,a),UR(s,r,n,i,a),QR(s,l,a),UR(s,r,n,i,a)}(t,e,o,r,i,a,s),function(t,e){var n="vertical"===e?"x":"y";z(t,(function(t){t.outEdges.sort((function(t,e){return t.node2.getLayout()[n]-e.node2.getLayout()[n]})),t.inEdges.sort((function(t,e){return t.node1.getLayout()[n]-e.node1.getLayout()[n]}))})),z(t,(function(t){var e=0,n=0;z(t.outEdges,(function(t){t.setLayout({sy:e},!0),e+=t.getLayout().dy})),z(t.inEdges,(function(t){t.setLayout({ty:n},!0),n+=t.getLayout().dy}))}))}(t,s)}(u,c,n,i,a,s,0!==V(u,(function(t){return 0===t.getLayout().value})).length?0:t.get("layoutIterations"),t.get("orient"),t.get("nodeAlign"))}))}function HR(t){var e=t.hostGraph.data.getRawDataItem(t.dataIndex);return null!=e.depth&&e.depth>=0}function UR(t,e,n,i,r){var o="vertical"===r?"x":"y";z(t,(function(t){var a,s,l;t.sort((function(t,e){return t.getLayout()[o]-e.getLayout()[o]}));for(var u=0,c=t.length,h="vertical"===r?"dx":"dy",d=0;d<c;d++)(l=u-(s=t[d]).getLayout()[o])>0&&(a=s.getLayout()[o]+l,"vertical"===r?s.setLayout({x:a},!0):s.setLayout({y:a},!0)),u=s.getLayout()[o]+s.getLayout()[h]+e;if((l=u-e-("vertical"===r?i:n))>0){a=s.getLayout()[o]-l,"vertical"===r?s.setLayout({x:a},!0):s.setLayout({y:a},!0),u=a;for(d=c-2;d>=0;--d)(l=(s=t[d]).getLayout()[o]+s.getLayout()[h]+e-u)>0&&(a=s.getLayout()[o]-l,"vertical"===r?s.setLayout({x:a},!0):s.setLayout({y:a},!0)),u=s.getLayout()[o]}}))}function YR(t,e,n){z(t.slice().reverse(),(function(t){z(t,(function(t){if(t.outEdges.length){var i=JR(t.outEdges,XR,n)/JR(t.outEdges,$R);if(isNaN(i)){var r=t.outEdges.length;i=r?JR(t.outEdges,ZR,n)/r:0}if("vertical"===n){var o=t.getLayout().x+(i-KR(t,n))*e;t.setLayout({x:o},!0)}else{var a=t.getLayout().y+(i-KR(t,n))*e;t.setLayout({y:a},!0)}}}))}))}function XR(t,e){return KR(t.node2,e)*t.getValue()}function ZR(t,e){return KR(t.node2,e)}function jR(t,e){return KR(t.node1,e)*t.getValue()}function qR(t,e){return KR(t.node1,e)}function KR(t,e){return"vertical"===e?t.getLayout().x+t.getLayout().dx/2:t.getLayout().y+t.getLayout().dy/2}function $R(t){return t.getValue()}function JR(t,e,n){for(var i=0,r=t.length,o=-1;++o<r;){var a=+e(t[o],n);isNaN(a)||(i+=a)}return i}function QR(t,e,n){z(t,(function(t){z(t,(function(t){if(t.inEdges.length){var i=JR(t.inEdges,jR,n)/JR(t.inEdges,$R);if(isNaN(i)){var r=t.inEdges.length;i=r?JR(t.inEdges,qR,n)/r:0}if("vertical"===n){var o=t.getLayout().x+(i-KR(t,n))*e;t.setLayout({x:o},!0)}else{var a=t.getLayout().y+(i-KR(t,n))*e;t.setLayout({y:a},!0)}}}))}))}function tN(t){t.eachSeriesByType("sankey",(function(t){var e=t.getGraph(),n=e.nodes,i=e.edges;if(n.length){var r=1/0,o=-1/0;z(n,(function(t){var e=t.getLayout().value;e<r&&(r=e),e>o&&(o=e)})),z(n,(function(e){var n=new hL({type:"color",mappingMethod:"linear",dataExtent:[r,o],visual:t.get("color")}).mapValueToVisual(e.getLayout().value),i=e.getModel().get(["itemStyle","color"]);null!=i?(e.setVisual("color",i),e.setVisual("style",{fill:i})):(e.setVisual("color",n),e.setVisual("style",{fill:n}))}))}i.length&&z(i,(function(t){var e=t.getModel().get("lineStyle");t.setVisual("style",e)}))}))}var eN=function(){function t(){}return t.prototype._hasEncodeRule=function(t){var e=this.getEncode();return e&&null!=e.get(t)},t.prototype.getInitialData=function(t,e){var n,i,r=e.getComponent("xAxis",this.get("xAxisIndex")),o=e.getComponent("yAxis",this.get("yAxisIndex")),a=r.get("type"),s=o.get("type");"category"===a?(t.layout="horizontal",n=r.getOrdinalMeta(),i=!this._hasEncodeRule("x")):"category"===s?(t.layout="vertical",n=o.getOrdinalMeta(),i=!this._hasEncodeRule("y")):t.layout=t.layout||"horizontal";var l=["x","y"],u="horizontal"===t.layout?0:1,c=this._baseAxisDim=l[u],h=l[1-u],d=[r,o],p=d[u].get("type"),f=d[1-u].get("type"),g=t.data;if(g&&i){var y=[];z(g,(function(t,e){var n;U(t)?(n=t.slice(),t.unshift(e)):U(t.value)?((n=A({},t)).value=n.value.slice(),t.value.unshift(e)):n=t,y.push(n)})),t.data=y}var v=this.defaultValueDimensions,m=[{name:c,type:v_(p),ordinalMeta:n,otherDims:{tooltip:!1,itemName:0},dimsDef:["base"]},{name:h,type:v_(f),dimsDef:v.slice()}];return IT(this,{coordDimensions:m,dimensionsCount:v.length+1,encodeDefaulter:H(Sf,m,this)})},t.prototype.getBaseAxis=function(){var t=this._baseAxisDim;return this.ecModel.getComponent(t+"Axis",this.get(t+"AxisIndex")).axis},t}(),nN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.defaultValueDimensions=[{name:"min",defaultTooltip:!0},{name:"Q1",defaultTooltip:!0},{name:"median",defaultTooltip:!0},{name:"Q3",defaultTooltip:!0},{name:"max",defaultTooltip:!0}],n.visualDrawType="stroke",n}return n(e,t),e.type="series.boxplot",e.dependencies=["xAxis","yAxis","grid"],e.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,layout:null,boxWidth:[7,50],itemStyle:{color:tf.color.neutral00,borderWidth:1},emphasis:{scale:!0,itemStyle:{borderWidth:2,shadowBlur:5,shadowOffsetX:1,shadowOffsetY:1,shadowColor:tf.color.shadow}},animationDuration:800},e}(Wy);R(nN,eN,!0);var iN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this.group,o=this._data;this._data||r.removeAll();var a="horizontal"===t.get("layout")?1:0;i.diff(o).add((function(t){if(i.hasValue(t)){var e=aN(i.getItemLayout(t),i,t,a,!0);i.setItemGraphicEl(t,e),r.add(e)}})).update((function(t,e){var n=o.getItemGraphicEl(e);if(i.hasValue(t)){var s=i.getItemLayout(t);n?(ah(n),sN(s,n,i,t)):n=aN(s,i,t,a),r.add(n),i.setItemGraphicEl(t,n)}else r.remove(n)})).remove((function(t){var e=o.getItemGraphicEl(t);e&&r.remove(e)})).execute(),this._data=i},e.prototype.remove=function(t){var e=this.group,n=this._data;this._data=null,n&&n.eachItemGraphicEl((function(t){t&&e.remove(t)}))},e.type="boxplot",e}(tv),rN=function(){},oN=function(t){function e(e){var n=t.call(this,e)||this;return n.type="boxplotBoxPath",n}return n(e,t),e.prototype.getDefaultShape=function(){return new rN},e.prototype.buildPath=function(t,e){var n=e.points,i=0;for(t.moveTo(n[i][0],n[i][1]),i++;i<4;i++)t.lineTo(n[i][0],n[i][1]);for(t.closePath();i<n.length;i++)t.moveTo(n[i][0],n[i][1]),i++,t.lineTo(n[i][0],n[i][1])},e}(sl);function aN(t,e,n,i,r){var o=t.ends,a=new oN({shape:{points:r?lN(o,i,t):o}});return sN(t,a,e,n,r),a}function sN(t,e,n,i,r){var o=n.hostModel;(0,Zh[r?"initProps":"updateProps"])(e,{shape:{points:t.ends}},o,i),e.useStyle(n.getItemVisual(i,"style")),e.style.strokeNoScale=!0,e.z2=100;var a=n.getItemModel(i),s=a.getModel("emphasis");ku(e,a),Tu(e,s.get("focus"),s.get("blurScope"),s.get("disabled"))}function lN(t,e,n){return E(t,(function(t){return(t=t.slice())[e]=n.initBaseline,t}))}var uN=z;function cN(t){var e=function(t){var e=[],n=[];return t.eachSeriesByType("boxplot",(function(t){var i=t.getBaseAxis(),r=P(n,i);r<0&&(r=n.length,n[r]=i,e[r]={axis:i,seriesModels:[]}),e[r].seriesModels.push(t)})),e}(t);uN(e,(function(t){var e=t.seriesModels;e.length&&(!function(t){var e,n=t.axis,i=t.seriesModels,r=i.length,o=t.boxWidthList=[],a=t.boxOffsetList=[],s=[];if("category"===n.type)e=n.getBandWidth();else{var l=0;uN(i,(function(t){l=Math.max(l,t.getData().count())}));var u=n.getExtent();e=Math.abs(u[1]-u[0])/l}uN(i,(function(t){var n=t.get("boxWidth");U(n)||(n=[n,n]),s.push([yo(n[0],e)||0,yo(n[1],e)||0])}));var c=.8*e-2,h=c/r*.3,d=(c-h*(r-1))/r,p=d/2-c/2;uN(i,(function(t,e){a.push(p),p+=h+d,o.push(Math.min(Math.max(d,s[e][0]),s[e][1]))}))}(t),uN(e,(function(e,n){!function(t,e,n){var i=t.coordinateSystem,r=t.getData(),o=n/2,a="horizontal"===t.get("layout")?0:1,s=1-a,l=["x","y"],u=r.mapDimension(l[a]),c=r.mapDimensionsAll(l[s]);if(null==u||c.length<5)return;for(var h=0;h<r.count();h++){var d=r.get(u,h),p=x(d,c[2],h),f=x(d,c[0],h),g=x(d,c[1],h),y=x(d,c[3],h),v=x(d,c[4],h),m=[];_(m,g,!1),_(m,y,!0),m.push(f,g,v,y),b(m,f),b(m,v),b(m,p),r.setItemLayout(h,{initBaseline:p[s],ends:m})}function x(t,n,o){var l,u=r.get(n,o),c=[];return c[a]=t,c[s]=u,isNaN(t)||isNaN(u)?l=[NaN,NaN]:(l=i.dataToPoint(c))[a]+=e,l}function _(t,e,n){var i=e.slice(),r=e.slice();i[a]+=o,r[a]-=o,n?t.push(i,r):t.push(r,i)}function b(t,e){var n=e.slice(),i=e.slice();n[a]-=o,i[a]+=o,t.push(n,i)}}(e,t.boxOffsetList[n],t.boxWidthList[n])})))}))}var hN={type:"echarts:boxplot",transform:function(t){var e=t.upstream;if(e.sourceFormat!==df){var n="";0,Yo(n)}var i=function(t,e){for(var n=[],i=[],r=(e=e||{}).boundIQR,o="none"===r||0===r,a=0;a<t.length;a++){var s=xo(t[a].slice()),l=Oo(s,.25),u=Oo(s,.5),c=Oo(s,.75),h=s[0],d=s[s.length-1],p=(null==r?1.5:r)*(c-l),f=o?h:Math.max(h,l-p),g=o?d:Math.min(d,c+p),y=e.itemNameFormatter,v=Y(y)?y({value:a}):X(y)?y.replace("{value}",a+""):a+"";n.push([v,f,l,u,c,g]);for(var m=0;m<s.length;m++){var x=s[m];if(x<f||x>g){var _=[v,x];i.push(_)}}}return{boxData:n,outliers:i}}(e.getRawData(),t.config);return[{dimensions:["ItemName","Low","Q1","Q2","Q3","High"],data:i.boxData},{data:i.outliers}]}};var dN=["itemStyle","borderColor"],pN=["itemStyle","borderColor0"],fN=["itemStyle","borderColorDoji"],gN=["itemStyle","color"],yN=["itemStyle","color0"];function vN(t,e){return e.get(t>0?gN:yN)}function mN(t,e){return e.get(0===t?fN:t>0?dN:pN)}var xN={seriesType:"candlestick",plan:$y(),performRawSeries:!0,reset:function(t,e){if(!e.isSeriesFiltered(t))return!t.pipelineContext.large&&{progress:function(t,e){for(var n;null!=(n=t.next());){var i=e.getItemModel(n),r=e.getItemLayout(n).sign,o=i.getItemStyle();o.fill=vN(r,i),o.stroke=mN(r,i)||o.fill,A(e.ensureUniqueItemVisual(n,"style"),o)}}}}},_N=["color","borderColor"],bN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this.group.removeClipPath(),this._progressiveEls=null,this._updateDrawMode(t),this._isLargeDraw?this._renderLarge(t):this._renderNormal(t)},e.prototype.incrementalPrepareRender=function(t,e,n){this._clear(),this._updateDrawMode(t)},e.prototype.incrementalRender=function(t,e,n,i){this._progressiveEls=[],this._isLargeDraw?this._incrementalRenderLarge(t,e):this._incrementalRenderNormal(t,e)},e.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},e.prototype._updateDrawMode=function(t){var e=t.pipelineContext.large;null!=this._isLargeDraw&&e===this._isLargeDraw||(this._isLargeDraw=e,this._clear())},e.prototype._renderNormal=function(t){var e=t.getData(),n=this._data,i=this.group,r=e.getLayout("isSimpleBox"),o=t.get("clip",!0),a=t.coordinateSystem,s=a.getArea&&a.getArea();this._data||i.removeAll(),e.diff(n).add((function(n){if(e.hasValue(n)){var a=e.getItemLayout(n);if(o&&IN(s,a))return;var l=MN(a,n,!0);eh(l,{shape:{points:a.ends}},t,n),TN(l,e,n,r),i.add(l),e.setItemGraphicEl(n,l)}})).update((function(a,l){var u=n.getItemGraphicEl(l);if(e.hasValue(a)){var c=e.getItemLayout(a);o&&IN(s,c)?i.remove(u):(u?(th(u,{shape:{points:c.ends}},t,a),ah(u)):u=MN(c),TN(u,e,a,r),i.add(u),e.setItemGraphicEl(a,u))}else i.remove(u)})).remove((function(t){var e=n.getItemGraphicEl(t);e&&i.remove(e)})).execute(),this._data=e},e.prototype._renderLarge=function(t){this._clear(),kN(t,this.group);var e=t.get("clip",!0)?wI(t.coordinateSystem,!1,t):null;e?this.group.setClipPath(e):this.group.removeClipPath()},e.prototype._incrementalRenderNormal=function(t,e){for(var n,i=e.getData(),r=i.getLayout("isSimpleBox");null!=(n=t.next());){var o=MN(i.getItemLayout(n));TN(o,i,n,r),o.incremental=!0,this.group.add(o),this._progressiveEls.push(o)}},e.prototype._incrementalRenderLarge=function(t,e){kN(e,this.group,this._progressiveEls,!0)},e.prototype.remove=function(t){this._clear()},e.prototype._clear=function(){this.group.removeAll(),this._data=null},e.type="candlestick",e}(tv),wN=function(){},SN=function(t){function e(e){var n=t.call(this,e)||this;return n.type="normalCandlestickBox",n}return n(e,t),e.prototype.getDefaultShape=function(){return new wN},e.prototype.buildPath=function(t,e){var n=e.points;this.__simpleBox?(t.moveTo(n[4][0],n[4][1]),t.lineTo(n[6][0],n[6][1])):(t.moveTo(n[0][0],n[0][1]),t.lineTo(n[1][0],n[1][1]),t.lineTo(n[2][0],n[2][1]),t.lineTo(n[3][0],n[3][1]),t.closePath(),t.moveTo(n[4][0],n[4][1]),t.lineTo(n[5][0],n[5][1]),t.moveTo(n[6][0],n[6][1]),t.lineTo(n[7][0],n[7][1]))},e}(sl);function MN(t,e,n){var i=t.ends;return new SN({shape:{points:n?CN(i,t):i},z2:100})}function IN(t,e){for(var n=!0,i=0;i<e.ends.length;i++)if(t.contain(e.ends[i][0],e.ends[i][1])){n=!1;break}return n}function TN(t,e,n,i){var r=e.getItemModel(n);t.useStyle(e.getItemVisual(n,"style")),t.style.strokeNoScale=!0,t.__simpleBox=i,ku(t,r);var o=e.getItemLayout(n).sign;z(t.states,(function(t,e){var n=r.getModel(e),i=vN(o,n),a=mN(o,n)||i,s=t.style||(t.style={});i&&(s.fill=i),a&&(s.stroke=a)}));var a=r.getModel("emphasis");Tu(t,a.get("focus"),a.get("blurScope"),a.get("disabled"))}function CN(t,e){return E(t,(function(t){return(t=t.slice())[1]=e.initBaseline,t}))}var DN=function(){},AN=function(t){function e(e){var n=t.call(this,e)||this;return n.type="largeCandlestickBox",n}return n(e,t),e.prototype.getDefaultShape=function(){return new DN},e.prototype.buildPath=function(t,e){for(var n=e.points,i=0;i<n.length;)if(this.__sign===n[i++]){var r=n[i++];t.moveTo(r,n[i++]),t.lineTo(r,n[i++])}else i+=3},e}(sl);function kN(t,e,n,i){var r=t.getData().getLayout("largePoints"),o=new AN({shape:{points:r},__sign:1,ignoreCoarsePointer:!0});e.add(o);var a=new AN({shape:{points:r},__sign:-1,ignoreCoarsePointer:!0});e.add(a);var s=new AN({shape:{points:r},__sign:0,ignoreCoarsePointer:!0});e.add(s),LN(1,o,t),LN(-1,a,t),LN(0,s,t),i&&(o.incremental=!0,a.incremental=!0),n&&n.push(o,a)}function LN(t,e,n,i){var r=mN(t,n)||vN(t,n),o=n.getModel("itemStyle").getItemStyle(_N);e.useStyle(o),e.style.fill=null,e.style.stroke=r}var PN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.defaultValueDimensions=[{name:"open",defaultTooltip:!0},{name:"close",defaultTooltip:!0},{name:"lowest",defaultTooltip:!0},{name:"highest",defaultTooltip:!0}],n}return n(e,t),e.prototype.getShadowDim=function(){return"open"},e.prototype.brushSelector=function(t,e,n){var i=e.getItemLayout(t);return i&&n.rect(i.brushRect)},e.type="series.candlestick",e.dependencies=["xAxis","yAxis","grid"],e.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,layout:null,clip:!0,itemStyle:{color:"#eb5454",color0:"#47b262",borderColor:"#eb5454",borderColor0:"#47b262",borderColorDoji:null,borderWidth:1},emphasis:{itemStyle:{borderWidth:2}},barMaxWidth:null,barMinWidth:null,barWidth:null,large:!0,largeThreshold:600,progressive:3e3,progressiveThreshold:1e4,progressiveChunkMode:"mod",animationEasing:"linear",animationDuration:300},e}(Wy);function ON(t){t&&U(t.series)&&z(t.series,(function(t){q(t)&&"k"===t.type&&(t.type="candlestick")}))}R(PN,eN,!0);var RN={seriesType:"candlestick",plan:$y(),reset:function(t){var e=t.coordinateSystem,n=t.getData(),i=function(t,e){var n,i=t.getBaseAxis(),r="category"===i.type?i.getBandWidth():(n=i.getExtent(),Math.abs(n[1]-n[0])/e.count()),o=yo(rt(t.get("barMaxWidth"),r),r),a=yo(rt(t.get("barMinWidth"),1),r),s=t.get("barWidth");return null!=s?yo(s,r):Math.max(Math.min(r/2,o),a)}(t,n),r=["x","y"],o=n.getDimensionIndex(n.mapDimension(r[0])),a=E(n.mapDimensionsAll(r[1]),n.getDimensionIndex,n),s=a[0],l=a[1],u=a[2],c=a[3];if(n.setLayout({candleWidth:i,isSimpleBox:i<=1.3}),!(o<0||a.length<4))return{progress:t.pipelineContext.large?function(n,i){var r,a,h=pb(4*n.count),d=0,p=[],f=[],g=i.getStore(),y=!!t.get(["itemStyle","borderColorDoji"]);for(;null!=(a=n.next());){var v=g.get(o,a),m=g.get(s,a),x=g.get(l,a),_=g.get(u,a),b=g.get(c,a);isNaN(v)||isNaN(_)||isNaN(b)?(h[d++]=NaN,d+=3):(h[d++]=NN(g,a,m,x,l,y),p[0]=v,p[1]=_,r=e.dataToPoint(p,null,f),h[d++]=r?r[0]:NaN,h[d++]=r?r[1]:NaN,p[1]=b,r=e.dataToPoint(p,null,f),h[d++]=r?r[1]:NaN)}i.setLayout("largePoints",h)}:function(t,n){var r,a=n.getStore();for(;null!=(r=t.next());){var h=a.get(o,r),d=a.get(s,r),p=a.get(l,r),f=a.get(u,r),g=a.get(c,r),y=Math.min(d,p),v=Math.max(d,p),m=M(y,h),x=M(v,h),_=M(f,h),b=M(g,h),w=[];I(w,x,0),I(w,m,1),w.push(C(b),C(x),C(_),C(m));var S=!!n.getItemModel(r).get(["itemStyle","borderColorDoji"]);n.setItemLayout(r,{sign:NN(a,r,d,p,l,S),initBaseline:d>p?x[1]:m[1],ends:w,brushRect:T(f,g,h)})}function M(t,n){var i=[];return i[0]=n,i[1]=t,isNaN(n)||isNaN(t)?[NaN,NaN]:e.dataToPoint(i)}function I(t,e,n){var r=e.slice(),o=e.slice();r[0]=bh(r[0]+i/2,1,!1),o[0]=bh(o[0]-i/2,1,!0),n?t.push(r,o):t.push(o,r)}function T(t,e,n){var r=M(t,n),o=M(e,n);return r[0]-=i/2,o[0]-=i/2,{x:r[0],y:r[1],width:i,height:o[1]-r[1]}}function C(t){return t[0]=bh(t[0],1),t}}}}};function NN(t,e,n,i,r,o){return n>i?-1:n<i?1:o?0:e>0?t.get(r,e-1)<=i?1:-1:1}function zN(t,e){var n=e.rippleEffectColor||e.color;t.eachChild((function(t){t.attr({z:e.z,zlevel:e.zlevel,style:{stroke:"stroke"===e.brushType?n:null,fill:"fill"===e.brushType?n:null}})}))}var EN=function(t){function e(e,n){var i=t.call(this)||this,r=new rI(e,n),o=new to;return i.add(r),i.add(o),i.updateData(e,n),i}return n(e,t),e.prototype.stopEffectAnimation=function(){this.childAt(1).removeAll()},e.prototype.startEffectAnimation=function(t){for(var e=t.symbolType,n=t.color,i=t.rippleNumber,r=this.childAt(1),o=0;o<i;o++){var a=hm(e,-1,-1,2,2,n);a.attr({style:{strokeNoScale:!0},z2:99,silent:!0,scaleX:.5,scaleY:.5});var s=-o/i*t.period+t.effectOffset;a.animate("",!0).when(t.period,{scaleX:t.rippleScale/2,scaleY:t.rippleScale/2}).delay(s).start(),a.animateStyle(!0).when(t.period,{opacity:0}).delay(s).start(),r.add(a)}zN(r,t)},e.prototype.updateEffectAnimation=function(t){for(var e=this._effectCfg,n=this.childAt(1),i=["symbolType","period","rippleScale","rippleNumber"],r=0;r<i.length;r++){var o=i[r];if(e[o]!==t[o])return this.stopEffectAnimation(),void this.startEffectAnimation(t)}zN(n,t)},e.prototype.highlight=function(){du(this)},e.prototype.downplay=function(){pu(this)},e.prototype.getSymbolType=function(){var t=this.childAt(0);return t&&t.getSymbolType()},e.prototype.updateData=function(t,e){var n=this,i=t.hostModel;this.childAt(0).updateData(t,e);var r=this.childAt(1),o=t.getItemModel(e),a=t.getItemVisual(e,"symbol"),s=dm(t.getItemVisual(e,"symbolSize")),l=t.getItemVisual(e,"style"),u=l&&l.fill,c=o.getModel("emphasis");r.setScale(s),r.traverse((function(t){t.setStyle("fill",u)}));var h=pm(t.getItemVisual(e,"symbolOffset"),s);h&&(r.x=h[0],r.y=h[1]);var d=t.getItemVisual(e,"symbolRotate");r.rotation=(d||0)*Math.PI/180||0;var p={};p.showEffectOn=i.get("showEffectOn"),p.rippleScale=o.get(["rippleEffect","scale"]),p.brushType=o.get(["rippleEffect","brushType"]),p.period=1e3*o.get(["rippleEffect","period"]),p.effectOffset=e/t.count(),p.z=i.getShallow("z")||0,p.zlevel=i.getShallow("zlevel")||0,p.symbolType=a,p.color=u,p.rippleEffectColor=o.get(["rippleEffect","color"]),p.rippleNumber=o.get(["rippleEffect","number"]),"render"===p.showEffectOn?(this._effectCfg?this.updateEffectAnimation(p):this.startEffectAnimation(p),this._effectCfg=p):(this._effectCfg=null,this.stopEffectAnimation(),this.onHoverStateChange=function(t){"emphasis"===t?"render"!==p.showEffectOn&&n.startEffectAnimation(p):"normal"===t&&"render"!==p.showEffectOn&&n.stopEffectAnimation()}),this._effectCfg=p,Tu(this,c.get("focus"),c.get("blurScope"),c.get("disabled"))},e.prototype.fadeOut=function(t){t&&t()},e}(to),BN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){this._symbolDraw=new uI(EN)},e.prototype.render=function(t,e,n){var i=t.getData(),r=this._symbolDraw;r.updateData(i,{clipShape:this._getClipShape(t)}),this.group.add(r.group)},e.prototype._getClipShape=function(t){var e=t.coordinateSystem,n=e&&e.getArea&&e.getArea();return t.get("clip",!0)?n:null},e.prototype.updateTransform=function(t,e,n){var i=t.getData();this.group.dirty();var r=NI("").reset(t,e,n);r.progress&&r.progress({start:0,end:i.count(),count:i.count()},i),this._symbolDraw.updateLayout()},e.prototype._updateGroupTransform=function(t){var e=t.coordinateSystem;e&&e.getRoamTransform&&(this.group.transform=Ce(e.getRoamTransform()),this.group.decomposeTransform())},e.prototype.remove=function(t,e){this._symbolDraw&&this._symbolDraw.remove(!0)},e.type="effectScatter",e}(tv),VN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{useEncodeDefaulter:!0})},e.prototype.brushSelector=function(t,e,n){return n.point(e.getItemLayout(t))},e.type="series.effectScatter",e.dependencies=["grid","polar"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,legendHoverLink:!0,effectType:"ripple",progressive:0,showEffectOn:"render",clip:!0,rippleEffect:{period:4,scale:2.5,brushType:"fill",number:3},universalTransition:{divideShape:"clone"},symbolSize:10},e}(Wy);var GN=function(t){function e(e,n,i){var r=t.call(this)||this;return r.add(r.createLine(e,n,i)),r._updateEffectSymbol(e,n),r}return n(e,t),e.prototype.createLine=function(t,e,n){return new MP(t,e,n)},e.prototype._updateEffectSymbol=function(t,e){var n=t.getItemModel(e).getModel("effect"),i=n.get("symbolSize"),r=n.get("symbol");U(i)||(i=[i,i]);var o=t.getItemVisual(e,"style"),a=n.get("color")||o&&o.stroke,s=this.childAt(1);this._symbolType!==r&&(this.remove(s),(s=hm(r,-.5,-.5,1,1,a)).z2=100,s.culling=!0,this.add(s)),s&&(s.setStyle("shadowColor",a),s.setStyle(n.getItemStyle(["color"])),s.scaleX=i[0],s.scaleY=i[1],s.setColor(a),this._symbolType=r,this._symbolScale=i,this._updateEffectAnimation(t,n,e))},e.prototype._updateEffectAnimation=function(t,e,n){var i=this.childAt(1);if(i){var r=t.getItemLayout(n),o=1e3*e.get("period"),a=e.get("loop"),s=e.get("roundTrip"),l=e.get("constantSpeed"),u=it(e.get("delay"),(function(e){return e/t.count()*o/3}));if(i.ignore=!0,this._updateAnimationPoints(i,r),l>0&&(o=this._getLineLength(i)/l*1e3),o!==this._period||a!==this._loop||s!==this._roundTrip){i.stopAnimation();var c=void 0;c=Y(u)?u(n):u,i.__t>0&&(c=-o*i.__t),this._animateSymbol(i,o,c,a,s)}this._period=o,this._loop=a,this._roundTrip=s}},e.prototype._animateSymbol=function(t,e,n,i,r){if(e>0){t.__t=0;var o=this,a=t.animate("",i).when(r?2*e:e,{__t:r?2:1}).delay(n).during((function(){o._updateSymbolPosition(t)}));i||a.done((function(){o.remove(t)})),a.start()}},e.prototype._getLineLength=function(t){return Vt(t.__p1,t.__cp1)+Vt(t.__cp1,t.__p2)},e.prototype._updateAnimationPoints=function(t,e){t.__p1=e[0],t.__p2=e[1],t.__cp1=e[2]||[(e[0][0]+e[1][0])/2,(e[0][1]+e[1][1])/2]},e.prototype.updateData=function(t,e,n){this.childAt(0).updateData(t,e,n),this._updateEffectSymbol(t,e)},e.prototype._updateSymbolPosition=function(t){var e=t.__p1,n=t.__p2,i=t.__cp1,r=t.__t<1?t.__t:2-t.__t,o=[t.x,t.y],a=o.slice(),s=Nn,l=zn;o[0]=s(e[0],i[0],n[0],r),o[1]=s(e[1],i[1],n[1],r);var u=t.__t<1?l(e[0],i[0],n[0],r):l(n[0],i[0],e[0],1-r),c=t.__t<1?l(e[1],i[1],n[1],r):l(n[1],i[1],e[1],1-r);t.rotation=-Math.atan2(c,u)-Math.PI/2,"line"!==this._symbolType&&"rect"!==this._symbolType&&"roundRect"!==this._symbolType||(void 0!==t.__lastT&&t.__lastT<t.__t?(t.scaleY=1.05*Vt(a,o),1===r&&(o[0]=a[0]+(o[0]-a[0])/2,o[1]=a[1]+(o[1]-a[1])/2)):1===t.__lastT?t.scaleY=2*Vt(e,o):t.scaleY=this._symbolScale[1]),t.__lastT=t.__t,t.ignore=!1,t.x=o[0],t.y=o[1]},e.prototype.updateLayout=function(t,e){this.childAt(0).updateLayout(t,e);var n=t.getItemModel(e).getModel("effect");this._updateEffectAnimation(t,n,e)},e}(to),FN=function(t){function e(e,n,i){var r=t.call(this)||this;return r._createPolyline(e,n,i),r}return n(e,t),e.prototype._createPolyline=function(t,e,n){var i=t.getItemLayout(e),r=new Tc({shape:{points:i}});this.add(r),this._updateCommonStl(t,e,n)},e.prototype.updateData=function(t,e,n){var i=t.hostModel;th(this.childAt(0),{shape:{points:t.getItemLayout(e)}},i,e),this._updateCommonStl(t,e,n)},e.prototype._updateCommonStl=function(t,e,n){var i=this.childAt(0),r=t.getItemModel(e),o=n&&n.emphasisLineStyle,a=n&&n.focus,s=n&&n.blurScope,l=n&&n.emphasisDisabled;if(!n||t.hasItemOption){var u=r.getModel("emphasis");o=u.getModel("lineStyle").getLineStyle(),l=u.get("disabled"),a=u.get("focus"),s=u.get("blurScope")}i.useStyle(t.getItemVisual(e,"style")),i.style.fill=null,i.style.strokeNoScale=!0,i.ensureState("emphasis").style=o,Tu(this,a,s,l)},e.prototype.updateLayout=function(t,e){this.childAt(0).setShape("points",t.getItemLayout(e))},e}(to),WN=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e._lastFrame=0,e._lastFramePercent=0,e}return n(e,t),e.prototype.createLine=function(t,e,n){return new FN(t,e,n)},e.prototype._updateAnimationPoints=function(t,e){this._points=e;for(var n=[0],i=0,r=1;r<e.length;r++){var o=e[r-1],a=e[r];i+=Vt(o,a),n.push(i)}if(0!==i){for(r=0;r<n.length;r++)n[r]/=i;this._offsets=n,this._length=i}else this._length=0},e.prototype._getLineLength=function(){return this._length},e.prototype._updateSymbolPosition=function(t){var e=t.__t<1?t.__t:2-t.__t,n=this._points,i=this._offsets,r=n.length;if(i){var o,a=this._lastFrame;if(e<this._lastFramePercent){for(o=Math.min(a+1,r-1);o>=0&&!(i[o]<=e);o--);o=Math.min(o,r-2)}else{for(o=a;o<r&&!(i[o]>e);o++);o=Math.min(o-1,r-2)}var s=(e-i[o])/(i[o+1]-i[o]),l=n[o],u=n[o+1];t.x=l[0]*(1-s)+s*u[0],t.y=l[1]*(1-s)+s*u[1];var c=t.__t<1?u[0]-l[0]:l[0]-u[0],h=t.__t<1?u[1]-l[1]:l[1]-u[1];t.rotation=-Math.atan2(h,c)-Math.PI/2,this._lastFrame=o,this._lastFramePercent=e,t.ignore=!1}},e}(GN),HN=function(){this.polyline=!1,this.curveness=0,this.segs=[]},UN=function(t){function e(e){var n=t.call(this,e)||this;return n._off=0,n.hoverDataIdx=-1,n}return n(e,t),e.prototype.reset=function(){this.notClear=!1,this._off=0},e.prototype.getDefaultStyle=function(){return{stroke:tf.color.neutral99,fill:null}},e.prototype.getDefaultShape=function(){return new HN},e.prototype.buildPath=function(t,e){var n,i=e.segs,r=e.curveness;if(e.polyline)for(n=this._off;n<i.length;){var o=i[n++];if(o>0){t.moveTo(i[n++],i[n++]);for(var a=1;a<o;a++)t.lineTo(i[n++],i[n++])}}else for(n=this._off;n<i.length;){var s=i[n++],l=i[n++],u=i[n++],c=i[n++];if(t.moveTo(s,l),r>0){var h=(s+u)/2-(l-c)*r,d=(l+c)/2-(u-s)*r;t.quadraticCurveTo(h,d,u,c)}else t.lineTo(u,c)}this.incremental&&(this._off=n,this.notClear=!0)},e.prototype.findDataIndex=function(t,e){var n=this.shape,i=n.segs,r=n.curveness,o=this.style.lineWidth;if(n.polyline)for(var a=0,s=0;s<i.length;){var l=i[s++];if(l>0)for(var u=i[s++],c=i[s++],h=1;h<l;h++){if(Ws(u,c,d=i[s++],p=i[s++],o,t,e))return a}a++}else for(a=0,s=0;s<i.length;){u=i[s++],c=i[s++];var d=i[s++],p=i[s++];if(r>0){if(Us(u,c,(u+d)/2-(c-p)*r,(c+p)/2-(d-u)*r,d,p,o,t,e))return a}else if(Ws(u,c,d,p,o,t,e))return a;a++}return-1},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e),i=this.getBoundingRect();return t=n[0],e=n[1],i.contain(t,e)?(this.hoverDataIdx=this.findDataIndex(t,e))>=0:(this.hoverDataIdx=-1,!1)},e.prototype.getBoundingRect=function(){var t=this._rect;if(!t){for(var e=this.shape.segs,n=1/0,i=1/0,r=-1/0,o=-1/0,a=0;a<e.length;){var s=e[a++],l=e[a++];n=Math.min(s,n),r=Math.max(s,r),i=Math.min(l,i),o=Math.max(l,o)}t=this._rect=new He(n,i,r,o)}return t},e}(sl),YN=function(){function t(){this.group=new to}return t.prototype.updateData=function(t){this._clear();var e=this._create();e.setShape({segs:t.getLayout("linesPoints")}),this._setCommon(e,t)},t.prototype.incrementalPrepareUpdate=function(t){this.group.removeAll(),this._clear()},t.prototype.incrementalUpdate=function(t,e){var n=this._newAdded[0],i=e.getLayout("linesPoints"),r=n&&n.shape.segs;if(r&&r.length<2e4){var o=r.length,a=new Float32Array(o+i.length);a.set(r),a.set(i,o),n.setShape({segs:a})}else{this._newAdded=[];var s=this._create();s.incremental=!0,s.setShape({segs:i}),this._setCommon(s,e),s.__startIndex=t.start}},t.prototype.remove=function(){this._clear()},t.prototype.eachRendered=function(t){this._newAdded[0]&&t(this._newAdded[0])},t.prototype._create=function(){var t=new UN({cursor:"default",ignoreCoarsePointer:!0});return this._newAdded.push(t),this.group.add(t),t},t.prototype._setCommon=function(t,e,n){var i=e.hostModel;t.setShape({polyline:i.get("polyline"),curveness:i.get(["lineStyle","curveness"])}),t.useStyle(i.getModel("lineStyle").getLineStyle()),t.style.strokeNoScale=!0;var r=e.getVisual("style");r&&r.stroke&&t.setStyle("stroke",r.stroke),t.setStyle("fill",null);var o=zl(t);o.seriesIndex=i.seriesIndex,t.on("mousemove",(function(e){o.dataIndex=null;var n=t.hoverDataIdx;n>0&&(o.dataIndex=n+t.__startIndex)}))},t.prototype._clear=function(){this._newAdded=[],this.group.removeAll()},t}(),XN={seriesType:"lines",plan:$y(),reset:function(t){var e=t.coordinateSystem;if(e){var n=t.get("polyline"),i=t.pipelineContext.large;return{progress:function(r,o){var a=[];if(i){var s=void 0,l=r.end-r.start;if(n){for(var u=0,c=r.start;c<r.end;c++)u+=t.getLineCoordsCount(c);s=new Float32Array(l+2*u)}else s=new Float32Array(4*l);var h=0,d=[];for(c=r.start;c<r.end;c++){var p=t.getLineCoords(c,a);n&&(s[h++]=p);for(var f=0;f<p;f++)d=e.dataToPoint(a[f],!1,d),s[h++]=d[0],s[h++]=d[1]}o.setLayout("linesPoints",s)}else for(c=r.start;c<r.end;c++){var g=o.getItemModel(c),y=(p=t.getLineCoords(c,a),[]);if(n)for(var v=0;v<p;v++)y.push(e.dataToPoint(a[v]));else{y[0]=e.dataToPoint(a[0]),y[1]=e.dataToPoint(a[1]);var m=g.get(["lineStyle","curveness"]);+m&&(y[2]=[(y[0][0]+y[1][0])/2-(y[0][1]-y[1][1])*m,(y[0][1]+y[1][1])/2-(y[1][0]-y[0][0])*m])}o.setItemLayout(c,y)}}}}}},ZN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this._updateLineDraw(i,t),o=t.get("zlevel"),a=t.get(["effect","trailLength"]),s=n.getZr(),l="svg"===s.painter.getType();l||s.painter.getLayer(o).clear(!0),null==this._lastZlevel||l||s.configLayer(this._lastZlevel,{motionBlur:!1}),this._showEffect(t)&&a>0&&(l||s.configLayer(o,{motionBlur:!0,lastFrameAlpha:Math.max(Math.min(a/10+.9,1),0)})),r.updateData(i);var u=t.get("clip",!0)&&wI(t.coordinateSystem,!1,t);u?this.group.setClipPath(u):this.group.removeClipPath(),this._lastZlevel=o,this._finished=!0},e.prototype.incrementalPrepareRender=function(t,e,n){var i=t.getData();this._updateLineDraw(i,t).incrementalPrepareUpdate(i),this._clearLayer(n),this._finished=!1},e.prototype.incrementalRender=function(t,e,n){this._lineDraw.incrementalUpdate(t,e.getData()),this._finished=t.end===e.getData().count()},e.prototype.eachRendered=function(t){this._lineDraw&&this._lineDraw.eachRendered(t)},e.prototype.updateTransform=function(t,e,n){var i=t.getData(),r=t.pipelineContext;if(!this._finished||r.large||r.progressiveRender)return{update:!0};var o=XN.reset(t,e,n);o.progress&&o.progress({start:0,end:i.count(),count:i.count()},i),this._lineDraw.updateLayout(),this._clearLayer(n)},e.prototype._updateLineDraw=function(t,e){var n=this._lineDraw,i=this._showEffect(e),r=!!e.get("polyline"),o=e.pipelineContext.large;return n&&i===this._hasEffet&&r===this._isPolyline&&o===this._isLargeDraw||(n&&n.remove(),n=this._lineDraw=o?new YN:new IP(r?i?WN:FN:i?GN:MP),this._hasEffet=i,this._isPolyline=r,this._isLargeDraw=o),this.group.add(n.group),n},e.prototype._showEffect=function(t){return!!t.get(["effect","show"])},e.prototype._clearLayer=function(t){var e=t.getZr();"svg"===e.painter.getType()||null==this._lastZlevel||e.painter.getLayer(this._lastZlevel).clear(!0)},e.prototype.remove=function(t,e){this._lineDraw&&this._lineDraw.remove(),this._lineDraw=null,this._clearLayer(e)},e.prototype.dispose=function(t,e){this.remove(t,e)},e.type="lines",e}(tv),jN="undefined"==typeof Uint32Array?Array:Uint32Array,qN="undefined"==typeof Float64Array?Array:Float64Array;function KN(t){var e=t.data;e&&e[0]&&e[0][0]&&e[0][0].coord&&(t.data=E(e,(function(t){var e={coords:[t[0].coord,t[1].coord]};return t[0].name&&(e.fromName=t[0].name),t[1].name&&(e.toName=t[1].name),D([e,t[0],t[1]])})))}var $N=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.visualStyleAccessPath="lineStyle",n.visualDrawType="stroke",n}return n(e,t),e.prototype.init=function(e){e.data=e.data||[],KN(e);var n=this._processFlatCoordsArray(e.data);this._flatCoords=n.flatCoords,this._flatCoordsOffset=n.flatCoordsOffset,n.flatCoords&&(e.data=new Float32Array(n.count)),t.prototype.init.apply(this,arguments)},e.prototype.mergeOption=function(e){if(KN(e),e.data){var n=this._processFlatCoordsArray(e.data);this._flatCoords=n.flatCoords,this._flatCoordsOffset=n.flatCoordsOffset,n.flatCoords&&(e.data=new Float32Array(n.count))}t.prototype.mergeOption.apply(this,arguments)},e.prototype.appendData=function(t){var e=this._processFlatCoordsArray(t.data);e.flatCoords&&(this._flatCoords?(this._flatCoords=vt(this._flatCoords,e.flatCoords),this._flatCoordsOffset=vt(this._flatCoordsOffset,e.flatCoordsOffset)):(this._flatCoords=e.flatCoords,this._flatCoordsOffset=e.flatCoordsOffset),t.data=new Float32Array(e.count)),this.getRawData().appendData(t.data)},e.prototype._getCoordsFromItemModel=function(t){var e=this.getData().getItemModel(t),n=e.option instanceof Array?e.option:e.getShallow("coords");return n},e.prototype.getLineCoordsCount=function(t){return this._flatCoordsOffset?this._flatCoordsOffset[2*t+1]:this._getCoordsFromItemModel(t).length},e.prototype.getLineCoords=function(t,e){if(this._flatCoordsOffset){for(var n=this._flatCoordsOffset[2*t],i=this._flatCoordsOffset[2*t+1],r=0;r<i;r++)e[r]=e[r]||[],e[r][0]=this._flatCoords[n+2*r],e[r][1]=this._flatCoords[n+2*r+1];return i}var o=this._getCoordsFromItemModel(t);for(r=0;r<o.length;r++)e[r]=e[r]||[],e[r][0]=o[r][0],e[r][1]=o[r][1];return o.length},e.prototype._processFlatCoordsArray=function(t){var e=0;if(this._flatCoords&&(e=this._flatCoords.length),j(t[0])){for(var n=t.length,i=new jN(n),r=new qN(n),o=0,a=0,s=0,l=0;l<n;){s++;var u=t[l++];i[a++]=o+e,i[a++]=u;for(var c=0;c<u;c++){var h=t[l++],d=t[l++];r[o++]=h,r[o++]=d}}return{flatCoordsOffset:new Uint32Array(i.buffer,0,a),flatCoords:r,count:s}}return{flatCoordsOffset:null,flatCoords:null,count:t.length}},e.prototype.getInitialData=function(t,e){var n=new B_(["value"],this);return n.hasItemOption=!1,n.initData(t.data,[],(function(t,e,i,r){if(t instanceof Array)return NaN;n.hasItemOption=!0;var o=t.value;return null!=o?o instanceof Array?o[r]:o:void 0})),n},e.prototype.formatTooltip=function(t,e,n){var i=this.getData().getItemModel(t),r=i.get("name");if(r)return r;var o=i.get("fromName"),a=i.get("toName"),s=[];return null!=o&&s.push(o),null!=a&&s.push(a),Ty("nameValue",{name:s.join(" > ")})},e.prototype.preventIncremental=function(){return!!this.get(["effect","show"])},e.prototype.getProgressive=function(){var t=this.option.progressive;return null==t?this.option.large?1e4:this.get("progressive"):t},e.prototype.getProgressiveThreshold=function(){var t=this.option.progressiveThreshold;return null==t?this.option.large?2e4:this.get("progressiveThreshold"):t},e.prototype.getZLevelKey=function(){var t=this.getModel("effect"),e=t.get("trailLength");return this.getData().count()>this.getProgressiveThreshold()?this.id:t.get("show")&&e>0?e+"":""},e.type="series.lines",e.dependencies=["grid","polar","geo","calendar"],e.defaultOption={coordinateSystem:"geo",z:2,legendHoverLink:!0,xAxisIndex:0,yAxisIndex:0,symbol:["none","none"],symbolSize:[10,10],geoIndex:0,effect:{show:!1,period:4,constantSpeed:0,symbol:"circle",symbolSize:3,loop:!0,trailLength:.2},large:!1,largeThreshold:2e3,polyline:!1,clip:!0,label:{show:!1,position:"end"},lineStyle:{opacity:.5}},e}(Wy);function JN(t){return t instanceof Array||(t=[t,t]),t}var QN={seriesType:"lines",reset:function(t){var e=JN(t.get("symbol")),n=JN(t.get("symbolSize")),i=t.getData();return i.setVisual("fromSymbol",e&&e[0]),i.setVisual("toSymbol",e&&e[1]),i.setVisual("fromSymbolSize",n&&n[0]),i.setVisual("toSymbolSize",n&&n[1]),{dataEach:i.hasItemOption?function(t,e){var n=t.getItemModel(e),i=JN(n.getShallow("symbol",!0)),r=JN(n.getShallow("symbolSize",!0));i[0]&&t.setItemVisual(e,"fromSymbol",i[0]),i[1]&&t.setItemVisual(e,"toSymbol",i[1]),r[0]&&t.setItemVisual(e,"fromSymbolSize",r[0]),r[1]&&t.setItemVisual(e,"toSymbolSize",r[1])}:null}}};var tz=function(){function t(){this.blurSize=30,this.pointSize=20,this.maxOpacity=1,this.minOpacity=0,this._gradientPixels={inRange:null,outOfRange:null};var t=c.createCanvas();this.canvas=t}return t.prototype.update=function(t,e,n,i,r,o){var a=this._getBrush(),s=this._getGradient(r,"inRange"),l=this._getGradient(r,"outOfRange"),u=this.pointSize+this.blurSize,c=this.canvas,h=c.getContext("2d"),d=t.length;c.width=e,c.height=n;for(var p=0;p<d;++p){var f=t[p],g=f[0],y=f[1],v=i(f[2]);h.globalAlpha=v,h.drawImage(a,g-u,y-u)}if(!c.width||!c.height)return c;for(var m=h.getImageData(0,0,c.width,c.height),x=m.data,_=0,b=x.length,w=this.minOpacity,S=this.maxOpacity-w;_<b;){v=x[_+3]/256;var M=4*Math.floor(255*v);if(v>0){var I=o(v)?s:l;v>0&&(v=v*S+w),x[_++]=I[M],x[_++]=I[M+1],x[_++]=I[M+2],x[_++]=I[M+3]*v*256}else _+=4}return h.putImageData(m,0,0),c},t.prototype._getBrush=function(){var t=this._brushCanvas||(this._brushCanvas=c.createCanvas()),e=this.pointSize+this.blurSize,n=2*e;t.width=n,t.height=n;var i=t.getContext("2d");return i.clearRect(0,0,n,n),i.shadowOffsetX=n,i.shadowBlur=this.blurSize,i.shadowColor=tf.color.neutral99,i.beginPath(),i.arc(-e,e,this.pointSize,0,2*Math.PI,!0),i.closePath(),i.fill(),t},t.prototype._getGradient=function(t,e){for(var n=this._gradientPixels,i=n[e]||(n[e]=new Uint8ClampedArray(1024)),r=[0,0,0,0],o=0,a=0;a<256;a++)t[e](a/255,!0,r),i[o++]=r[0],i[o++]=r[1],i[o++]=r[2],i[o++]=r[3];return i},t}();function ez(t){var e=t.dimensions;return"lng"===e[0]&&"lat"===e[1]}var nz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i;e.eachComponent("visualMap",(function(e){e.eachTargetSeries((function(n){n===t&&(i=e)}))})),this._progressiveEls=null,this.group.removeAll();var r=t.coordinateSystem;"cartesian2d"===r.type||"calendar"===r.type||"matrix"===r.type?this._renderOnGridLike(t,n,0,t.getData().count()):ez(r)&&this._renderOnGeo(r,t,i,n)},e.prototype.incrementalPrepareRender=function(t,e,n){this.group.removeAll()},e.prototype.incrementalRender=function(t,e,n,i){var r=e.coordinateSystem;r&&(ez(r)?this.render(e,n,i):(this._progressiveEls=[],this._renderOnGridLike(e,i,t.start,t.end,!0)))},e.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},e.prototype._renderOnGridLike=function(t,e,n,i,r){var o,a,s,l,u=t.coordinateSystem,c=SI(u,"cartesian2d"),h=SI(u,"matrix");if(c){var d=u.getAxis("x"),p=u.getAxis("y");0,o=d.getBandWidth()+.5,a=p.getBandWidth()+.5,s=d.scale.getExtent(),l=p.scale.getExtent()}for(var f=this.group,g=t.getData(),y=t.getModel(["emphasis","itemStyle"]).getItemStyle(),v=t.getModel(["blur","itemStyle"]).getItemStyle(),m=t.getModel(["select","itemStyle"]).getItemStyle(),x=t.get(["itemStyle","borderRadius"]),_=Jh(t),b=t.getModel("emphasis"),w=b.get("focus"),S=b.get("blurScope"),M=b.get("disabled"),I=c||h?[g.mapDimension("x"),g.mapDimension("y"),g.mapDimension("value")]:[g.mapDimension("time"),g.mapDimension("value")],T=n;T<i;T++){var C=void 0,D=g.getItemVisual(T,"style");if(c){var A=g.get(I[0],T),k=g.get(I[1],T);if(isNaN(g.get(I[2],T))||isNaN(A)||isNaN(k)||A<s[0]||A>s[1]||k<l[0]||k>l[1])continue;var L=u.dataToPoint([A,k]);C=new xl({shape:{x:L[0]-o/2,y:L[1]-a/2,width:o,height:a},style:D})}else if(h){if(nt((P=u.dataToLayout([g.get(I[0],T),g.get(I[1],T)]).rect).x))continue;C=new xl({z2:1,shape:P,style:D})}else{if(isNaN(g.get(I[1],T)))continue;var P,O=u.dataToLayout([g.get(I[0],T)]);if(nt((P=O.contentRect||O.rect).x)||nt(P.y))continue;C=new xl({z2:1,shape:P,style:D})}if(g.hasItemOption){var R=g.getItemModel(T),N=R.getModel("emphasis");y=N.getModel("itemStyle").getItemStyle(),v=R.getModel(["blur","itemStyle"]).getItemStyle(),m=R.getModel(["select","itemStyle"]).getItemStyle(),x=R.get(["itemStyle","borderRadius"]),w=N.get("focus"),S=N.get("blurScope"),M=N.get("disabled"),_=Jh(R)}C.shape.r=x;var z=t.getRawValue(T),E="-";z&&null!=z[2]&&(E=z[2]+""),$h(C,_,{labelFetcher:t,labelDataIndex:T,defaultOpacity:D.opacity,defaultText:E}),C.ensureState("emphasis").style=y,C.ensureState("blur").style=v,C.ensureState("select").style=m,Tu(C,w,S,M),C.incremental=r,r&&(C.states.emphasis.hoverLayer=!0),f.add(C),g.setItemGraphicEl(T,C),this._progressiveEls&&this._progressiveEls.push(C)}},e.prototype._renderOnGeo=function(t,e,n,i){var r=n.targetVisuals.inRange,o=n.targetVisuals.outOfRange,a=e.getData(),s=this._hmLayer||this._hmLayer||new tz;s.blurSize=e.get("blurSize"),s.pointSize=e.get("pointSize"),s.minOpacity=e.get("minOpacity"),s.maxOpacity=e.get("maxOpacity");var l=t.getViewRect().clone(),u=t.getRoamTransform();l.applyTransform(u);var c=Math.max(l.x,0),h=Math.max(l.y,0),d=Math.min(l.width+l.x,i.getWidth()),p=Math.min(l.height+l.y,i.getHeight()),f=d-c,g=p-h,y=[a.mapDimension("lng"),a.mapDimension("lat"),a.mapDimension("value")],v=a.mapArray(y,(function(e,n,i){var r=t.dataToPoint([e,n]);return r[0]-=c,r[1]-=h,r.push(i),r})),m=n.getExtent(),x="visualMap.continuous"===n.type?function(t,e){var n=t[1]-t[0];return e=[(e[0]-t[0])/n,(e[1]-t[0])/n],function(t){return t>=e[0]&&t<=e[1]}}(m,n.option.range):function(t,e,n){var i=t[1]-t[0],r=(e=E(e,(function(e){return{interval:[(e.interval[0]-t[0])/i,(e.interval[1]-t[0])/i]}}))).length,o=0;return function(t){var i;for(i=o;i<r;i++)if((a=e[i].interval)[0]<=t&&t<=a[1]){o=i;break}if(i===r)for(i=o-1;i>=0;i--){var a;if((a=e[i].interval)[0]<=t&&t<=a[1]){o=i;break}}return i>=0&&i<r&&n[i]}}(m,n.getPieceList(),n.option.selected);s.update(v,f,g,r.color.getNormalizer(),{inRange:r.color.getColorMapper(),outOfRange:o.color.getColorMapper()},x);var _=new dl({style:{width:f,height:g,x:c,y:h,image:s.canvas},silent:!0});this.group.add(_)},e.type="heatmap",e}(tv),iz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{generateCoord:"value"})},e.prototype.preventIncremental=function(){var t=Tp.get(this.get("coordinateSystem"));if(t&&t.dimensions)return"lng"===t.dimensions[0]&&"lat"===t.dimensions[1]},e.type="series.heatmap",e.dependencies=["grid","geo","calendar","matrix"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,geoIndex:0,blurSize:30,pointSize:20,maxOpacity:1,minOpacity:0,select:{itemStyle:{borderColor:tf.color.primary}}},e}(Wy);var rz=["itemStyle","borderWidth"],oz=[{xy:"x",wh:"width",index:0,posDesc:["left","right"]},{xy:"y",wh:"height",index:1,posDesc:["top","bottom"]}],az=new nc,sz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=this.group,r=t.getData(),o=this._data,a=t.coordinateSystem,s=a.getBaseAxis().isHorizontal(),l=a.master.getRect(),u={ecSize:{width:n.getWidth(),height:n.getHeight()},seriesModel:t,coordSys:a,coordSysExtent:[[l.x,l.x+l.width],[l.y,l.y+l.height]],isHorizontal:s,valueDim:oz[+s],categoryDim:oz[1-+s]};r.diff(o).add((function(t){if(r.hasValue(t)){var e=gz(r,t),n=lz(r,t,e,u),o=mz(r,u,n);r.setItemGraphicEl(t,o),i.add(o),Sz(o,u,n)}})).update((function(t,e){var n=o.getItemGraphicEl(e);if(r.hasValue(t)){var a=gz(r,t),s=lz(r,t,a,u),l=_z(r,s);n&&l!==n.__pictorialShapeStr&&(i.remove(n),r.setItemGraphicEl(t,null),n=null),n?function(t,e,n){var i=n.animationModel,r=n.dataIndex,o=t.__pictorialBundle;th(o,{x:n.bundlePosition[0],y:n.bundlePosition[1]},i,r),n.symbolRepeat?hz(t,e,n,!0):dz(t,e,n,!0);pz(t,n,!0),fz(t,e,n,!0)}(n,u,s):n=mz(r,u,s,!0),r.setItemGraphicEl(t,n),n.__pictorialSymbolMeta=s,i.add(n),Sz(n,u,s)}else i.remove(n)})).remove((function(t){var e=o.getItemGraphicEl(t);e&&xz(o,t,e.__pictorialSymbolMeta.animationModel,e)})).execute();var c=t.get("clip",!0)?wI(t.coordinateSystem,!1,t):null;return c?i.setClipPath(c):i.removeClipPath(),this._data=r,this.group},e.prototype.remove=function(t,e){var n=this.group,i=this._data;t.get("animation")?i&&i.eachItemGraphicEl((function(e){xz(i,zl(e).dataIndex,t,e)})):n.removeAll()},e.type="pictorialBar",e}(tv);function lz(t,e,n,i){var r=t.getItemLayout(e),o=n.get("symbolRepeat"),a=n.get("symbolClip"),s=n.get("symbolPosition")||"start",l=(n.get("symbolRotate")||0)*Math.PI/180||0,u=n.get("symbolPatternSize")||2,c=n.isAnimationEnabled(),h={dataIndex:e,layout:r,itemModel:n,symbolType:t.getItemVisual(e,"symbol")||"circle",style:t.getItemVisual(e,"style"),symbolClip:a,symbolRepeat:o,symbolRepeatDirection:n.get("symbolRepeatDirection"),symbolPatternSize:u,rotation:l,animationModel:c?n:null,hoverScale:c&&n.get(["emphasis","scale"]),z2:n.getShallow("z",!0)||0};!function(t,e,n,i,r){var o,a=i.valueDim,s=t.get("symbolBoundingData"),l=i.coordSys.getOtherAxis(i.coordSys.getBaseAxis()),u=l.toGlobalCoord(l.dataToCoord(0)),c=1-+(n[a.wh]<=0);if(U(s)){var h=[uz(l,s[0])-u,uz(l,s[1])-u];h[1]<h[0]&&h.reverse(),o=h[c]}else o=null!=s?uz(l,s)-u:e?i.coordSysExtent[a.index][c]-u:n[a.wh];r.boundingLength=o,e&&(r.repeatCutLength=n[a.wh]);var d="x"===a.xy,p=l.inverse;r.pxSign=d&&!p||!d&&p?o>=0?1:-1:o>0?1:-1}(n,o,r,i,h),function(t,e,n,i,r,o,a,s,l,u){var c,h=l.valueDim,d=l.categoryDim,p=Math.abs(n[d.wh]),f=t.getItemVisual(e,"symbolSize");c=U(f)?f.slice():null==f?["100%","100%"]:[f,f];c[d.index]=yo(c[d.index],p),c[h.index]=yo(c[h.index],i?p:Math.abs(o)),u.symbolSize=c;var g=u.symbolScale=[c[0]/s,c[1]/s];g[h.index]*=(l.isHorizontal?-1:1)*a}(t,e,r,o,0,h.boundingLength,h.pxSign,u,i,h),function(t,e,n,i,r){var o=t.get(rz)||0;o&&(az.attr({scaleX:e[0],scaleY:e[1],rotation:n}),az.updateTransform(),o/=az.getLineScale(),o*=e[i.valueDim.index]);r.valueLineWidth=o||0}(n,h.symbolScale,l,i,h);var d=h.symbolSize,p=pm(n.get("symbolOffset"),d);return function(t,e,n,i,r,o,a,s,l,u,c,h){var d=c.categoryDim,p=c.valueDim,f=h.pxSign,g=Math.max(e[p.index]+s,0),y=g;if(i){var v=Math.abs(l),m=it(t.get("symbolMargin"),"15%")+"",x=!1;m.lastIndexOf("!")===m.length-1&&(x=!0,m=m.slice(0,m.length-1));var _=yo(m,e[p.index]),b=Math.max(g+2*_,0),w=x?0:2*_,S=zo(i),M=S?i:Mz((v+w)/b);b=g+2*(_=(v-M*g)/2/(x?M:Math.max(M-1,1))),w=x?0:2*_,S||"fixed"===i||(M=u?Mz((Math.abs(u)+w)/b):0),y=M*b-w,h.repeatTimes=M,h.symbolMargin=_}var I=f*(y/2),T=h.pathPosition=[];T[d.index]=n[d.wh]/2,T[p.index]="start"===a?I:"end"===a?l-I:l/2,o&&(T[0]+=o[0],T[1]+=o[1]);var C=h.bundlePosition=[];C[d.index]=n[d.xy],C[p.index]=n[p.xy];var D=h.barRectShape=A({},n);D[p.wh]=f*Math.max(Math.abs(n[p.wh]),Math.abs(T[p.index]+I)),D[d.wh]=n[d.wh];var k=h.clipShape={};k[d.xy]=-n[d.xy],k[d.wh]=c.ecSize[d.wh],k[p.xy]=0,k[p.wh]=n[p.wh]}(n,d,r,o,0,p,s,h.valueLineWidth,h.boundingLength,h.repeatCutLength,i,h),h}function uz(t,e){return t.toGlobalCoord(t.dataToCoord(t.scale.parse(e)))}function cz(t){var e=t.symbolPatternSize,n=hm(t.symbolType,-e/2,-e/2,e,e);return n.attr({culling:!0}),"image"!==n.type&&n.setStyle({strokeNoScale:!0}),n}function hz(t,e,n,i){var r=t.__pictorialBundle,o=n.symbolSize,a=n.valueLineWidth,s=n.pathPosition,l=e.valueDim,u=n.repeatTimes||0,c=0,h=o[e.valueDim.index]+a+2*n.symbolMargin;for(bz(t,(function(t){t.__pictorialAnimationIndex=c,t.__pictorialRepeatTimes=u,c<u?wz(t,null,f(c),n,i):wz(t,null,{scaleX:0,scaleY:0},n,i,(function(){r.remove(t)})),c++}));c<u;c++){var d=cz(n);d.__pictorialAnimationIndex=c,d.__pictorialRepeatTimes=u,r.add(d);var p=f(c);wz(d,{x:p.x,y:p.y,scaleX:0,scaleY:0},{scaleX:p.scaleX,scaleY:p.scaleY,rotation:p.rotation},n,i)}function f(t){var e=s.slice(),i=n.pxSign,r=t;return("start"===n.symbolRepeatDirection?i>0:i<0)&&(r=u-1-t),e[l.index]=h*(r-u/2+.5)+s[l.index],{x:e[0],y:e[1],scaleX:n.symbolScale[0],scaleY:n.symbolScale[1],rotation:n.rotation}}}function dz(t,e,n,i){var r=t.__pictorialBundle,o=t.__pictorialMainPath;o?wz(o,null,{x:n.pathPosition[0],y:n.pathPosition[1],scaleX:n.symbolScale[0],scaleY:n.symbolScale[1],rotation:n.rotation},n,i):(o=t.__pictorialMainPath=cz(n),r.add(o),wz(o,{x:n.pathPosition[0],y:n.pathPosition[1],scaleX:0,scaleY:0,rotation:n.rotation},{scaleX:n.symbolScale[0],scaleY:n.symbolScale[1]},n,i))}function pz(t,e,n){var i=A({},e.barRectShape),r=t.__pictorialBarRect;r?wz(r,null,{shape:i},e,n):((r=t.__pictorialBarRect=new xl({z2:2,shape:i,silent:!0,style:{stroke:"transparent",fill:"transparent",lineWidth:0}})).disableMorphing=!0,t.add(r))}function fz(t,e,n,i){if(n.symbolClip){var r=t.__pictorialClipPath,o=A({},n.clipShape),a=e.valueDim,s=n.animationModel,l=n.dataIndex;if(r)th(r,{shape:o},s,l);else{o[a.wh]=0,r=new xl({shape:o}),t.__pictorialBundle.setClipPath(r),t.__pictorialClipPath=r;var u={};u[a.wh]=n.clipShape[a.wh],Zh[i?"updateProps":"initProps"](r,{shape:u},s,l)}}}function gz(t,e){var n=t.getItemModel(e);return n.getAnimationDelayParams=yz,n.isAnimationEnabled=vz,n}function yz(t){return{index:t.__pictorialAnimationIndex,count:t.__pictorialRepeatTimes}}function vz(){return this.parentModel.isAnimationEnabled()&&!!this.getShallow("animation")}function mz(t,e,n,i){var r=new to,o=new to;return r.add(o),r.__pictorialBundle=o,o.x=n.bundlePosition[0],o.y=n.bundlePosition[1],n.symbolRepeat?hz(r,e,n):dz(r,0,n),pz(r,n,i),fz(r,e,n,i),r.__pictorialShapeStr=_z(t,n),r.__pictorialSymbolMeta=n,r}function xz(t,e,n,i){var r=i.__pictorialBarRect;r&&r.removeTextContent();var o=[];bz(i,(function(t){o.push(t)})),i.__pictorialMainPath&&o.push(i.__pictorialMainPath),i.__pictorialClipPath&&(n=null),z(o,(function(t){ih(t,{scaleX:0,scaleY:0},n,e,(function(){i.parent&&i.parent.remove(i)}))})),t.setItemGraphicEl(e,null)}function _z(t,e){return[t.getItemVisual(e.dataIndex,"symbol")||"none",!!e.symbolRepeat,!!e.symbolClip].join(":")}function bz(t,e,n){z(t.__pictorialBundle.children(),(function(i){i!==t.__pictorialBarRect&&e.call(n,i)}))}function wz(t,e,n,i,r,o){e&&t.attr(e),i.symbolClip&&!r?n&&t.attr(n):n&&Zh[r?"updateProps":"initProps"](t,n,i.animationModel,i.dataIndex,o)}function Sz(t,e,n){var i=n.dataIndex,r=n.itemModel,o=r.getModel("emphasis"),a=o.getModel("itemStyle").getItemStyle(),s=r.getModel(["blur","itemStyle"]).getItemStyle(),l=r.getModel(["select","itemStyle"]).getItemStyle(),u=r.getShallow("cursor"),c=o.get("focus"),h=o.get("blurScope"),d=o.get("scale");bz(t,(function(t){if(t instanceof dl){var e=t.style;t.useStyle(A({image:e.image,x:e.x,y:e.y,width:e.width,height:e.height},n.style))}else t.useStyle(n.style);var i=t.ensureState("emphasis");i.style=a,d&&(i.scaleX=1.1*t.scaleX,i.scaleY=1.1*t.scaleY),t.ensureState("blur").style=s,t.ensureState("select").style=l,u&&(t.cursor=u),t.z2=n.z2}));var p=e.valueDim.posDesc[+(n.boundingLength>0)],f=t.__pictorialBarRect;f.ignoreClip=!0,$h(f,Jh(r),{labelFetcher:e.seriesModel,labelDataIndex:i,defaultText:nI(e.seriesModel.getData(),i),inheritColor:n.style.fill,defaultOpacity:n.style.opacity,defaultOutsidePosition:p}),Tu(t,c,h,o.get("disabled"))}function Mz(t){var e=Math.round(t);return Math.abs(t-e)<1e-4?e:Math.ceil(t)}var Iz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n.defaultSymbol="roundRect",n}return n(e,t),e.prototype.getInitialData=function(e){return e.stack=null,t.prototype.getInitialData.apply(this,arguments)},e.type="series.pictorialBar",e.dependencies=["grid"],e.defaultOption=Id(VI.defaultOption,{symbol:"circle",symbolSize:null,symbolRotate:null,symbolPosition:null,symbolOffset:null,symbolMargin:null,symbolRepeat:!1,symbolRepeatDirection:"end",symbolClip:!1,symbolBoundingData:null,symbolPatternSize:400,barGap:"-100%",clip:!1,progressive:0,emphasis:{scale:!1},select:{itemStyle:{borderColor:tf.color.primary}}}),e}(VI);var Tz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._layers=[],n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this,o=this.group,a=t.getLayerSeries(),s=i.getLayout("layoutInfo"),l=s.rect,u=s.boundaryGap;function c(t){return t.name}o.x=0,o.y=l.y+u[0];var h=new f_(this._layersSeries||[],a,c,c),d=[];function p(e,n,s){var l=r._layers;if("remove"!==e){for(var u,c,h=[],p=[],f=a[n].indices,g=0;g<f.length;g++){var y=i.getItemLayout(f[g]),v=y.x,m=y.y0,x=y.y;h.push(v,m),p.push(v,m+x),u=i.getItemVisual(f[g],"style")}var _=i.getItemLayout(f[0]),b=t.getModel("label").get("margin"),w=t.getModel("emphasis");if("add"===e){var S=d[n]=new to;c=new xI({shape:{points:h,stackedOnPoints:p,smooth:.4,stackedOnSmooth:.4,smoothConstraint:!1},z2:0}),S.add(c),o.add(S),t.isAnimationEnabled()&&c.setClipPath(function(t,e,n){var i=new xl({shape:{x:t.x-10,y:t.y-10,width:0,height:t.height+20}});return eh(i,{shape:{x:t.x-50,width:t.width+100,height:t.height+20}},e,n),i}(c.getBoundingRect(),t,(function(){c.removeClipPath()})))}else{S=l[s];c=S.childAt(0),o.add(S),d[n]=S,th(c,{shape:{points:h,stackedOnPoints:p}},t),ah(c)}$h(c,Jh(t),{labelDataIndex:f[g-1],defaultText:i.getName(f[g-1]),inheritColor:u.fill},{normal:{verticalAlign:"middle"}}),c.setTextConfig({position:null,local:!0});var M=c.getTextContent();M&&(M.x=_.x-b,M.y=_.y0+_.y/2),c.useStyle(u),i.setItemGraphicEl(n,c),ku(c,t),Tu(c,w.get("focus"),w.get("blurScope"),w.get("disabled"))}else o.remove(l[n])}h.add(W(p,this,"add")).update(W(p,this,"update")).remove(W(p,this,"remove")).execute(),this._layersSeries=a,this._layers=d},e.type="themeRiver",e}(tv);var Cz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this))},e.prototype.fixData=function(t){var e=t.length,n={},i=ga(t,(function(t){return n.hasOwnProperty(t[0]+"")||(n[t[0]+""]=-1),t[2]})),r=[];i.buckets.each((function(t,e){r.push({name:e,dataList:t})}));for(var o=r.length,a=0;a<o;++a){for(var s=r[a].name,l=0;l<r[a].dataList.length;++l){var u=r[a].dataList[l][0]+"";n[u]=a}for(var u in n)n.hasOwnProperty(u)&&n[u]!==a&&(n[u]=a,t[e]=[u,0,s],e++)}return t},e.prototype.getInitialData=function(t,e){for(var n=this.getReferringComponents("singleAxis",ha).models[0].get("type"),i=V(t.data,(function(t){return void 0!==t[2]})),r=this.fixData(i||[]),o=[],a=this.nameMap=yt(),s=0,l=0;l<r.length;++l)o.push(r[l][2]),a.get(r[l][2])||(a.set(r[l][2],s),s++);var u=V_(r,{coordDimensions:["single"],dimensionsDefine:[{name:"time",type:v_(n)},{name:"value",type:"float"},{name:"name",type:"ordinal"}],encodeDefine:{single:0,value:1,itemName:2}}).dimensions,c=new B_(u,this);return c.initData(r),c},e.prototype.getLayerSeries=function(){for(var t=this.getData(),e=t.count(),n=[],i=0;i<e;++i)n[i]=i;var r=t.mapDimension("single"),o=ga(n,(function(e){return t.get("name",e)})),a=[];return o.buckets.each((function(e,n){e.sort((function(e,n){return t.get(r,e)-t.get(r,n)})),a.push({name:n,indices:e})})),a},e.prototype.getAxisTooltipData=function(t,e,n){U(t)||(t=t?[t]:[]);for(var i,r=this.getData(),o=this.getLayerSeries(),a=[],s=o.length,l=0;l<s;++l){for(var u=Number.MAX_VALUE,c=-1,h=o[l].indices.length,d=0;d<h;++d){var p=r.get(t[0],o[l].indices[d]),f=Math.abs(p-e);f<=u&&(i=p,u=f,c=o[l].indices[d])}a.push(c)}return{dataIndices:a,nestestValue:i}},e.prototype.formatTooltip=function(t,e,n){var i=this.getData();return Ty("nameValue",{name:i.getName(t),value:i.get(i.mapDimension("value"),t)})},e.type="series.themeRiver",e.dependencies=["singleAxis"],e.defaultOption={z:2,colorBy:"data",coordinateSystem:"singleAxis",boundaryGap:["10%","10%"],singleAxisIndex:0,animationEasing:"linear",label:{margin:4,show:!0,position:"left",fontSize:11},emphasis:{label:{show:!0}}},e}(Wy);function Dz(t,e){t.eachSeriesByType("themeRiver",(function(t){var e=t.getData(),n=t.coordinateSystem,i={},r=n.getRect();i.rect=r;var o=t.get("boundaryGap"),a=n.getAxis();(i.boundaryGap=o,"horizontal"===a.orient)?(o[0]=yo(o[0],r.height),o[1]=yo(o[1],r.height),Az(e,t,r.height-o[0]-o[1])):(o[0]=yo(o[0],r.width),o[1]=yo(o[1],r.width),Az(e,t,r.width-o[0]-o[1]));e.setLayout("layoutInfo",i)}))}function Az(t,e,n){if(t.count())for(var i,r=e.coordinateSystem,o=e.getLayerSeries(),a=t.mapDimension("single"),s=t.mapDimension("value"),l=E(o,(function(e){return E(e.indices,(function(e){var n=r.dataToPoint(t.get(a,e));return n[1]=t.get(s,e),n}))})),u=function(t){for(var e=t.length,n=t[0].length,i=[],r=[],o=0,a=0;a<n;++a){for(var s=0,l=0;l<e;++l)s+=t[l][a][1];s>o&&(o=s),i.push(s)}for(var u=0;u<n;++u)r[u]=(o-i[u])/2;o=0;for(var c=0;c<n;++c){var h=i[c]+r[c];h>o&&(o=h)}return{y0:r,max:o}}(l),c=u.y0,h=n/u.max,d=o.length,p=o[0].indices.length,f=0;f<p;++f){i=c[f]*h,t.setItemLayout(o[0].indices[f],{layerIndex:0,x:l[0][f][0],y0:i,y:l[0][f][1]*h});for(var g=1;g<d;++g)i+=l[g-1][f][1]*h,t.setItemLayout(o[g].indices[f],{layerIndex:g,x:l[g][f][0],y0:i,y:l[g][f][1]*h})}}var kz=function(t){function e(e,n,i,r){var o=t.call(this)||this;o.z2=2,o.textConfig={inside:!0},zl(o).seriesIndex=n.seriesIndex;var a=new Sl({z2:4,silent:e.getModel().get(["label","silent"])});return o.setTextContent(a),o.updateData(!0,e,n,i,r),o}return n(e,t),e.prototype.updateData=function(t,e,n,i,r){this.node=e,e.piece=this,n=n||this._seriesModel,i=i||this._ecModel;var o=this;zl(o).dataIndex=e.dataIndex;var a=e.getModel(),s=a.getModel("emphasis"),l=e.getLayout(),u=A({},l);u.label=null;var c=e.getVisual("style");c.lineJoin="bevel";var h=e.getVisual("decal");h&&(c.decal=Bm(h,r));var d=YI(a.getModel("itemStyle"),u,!0);A(u,d),z(Wl,(function(t){var e=o.ensureState(t),n=a.getModel([t,"itemStyle"]);e.style=n.getItemStyle();var i=YI(n,u);i&&(e.shape=i)})),t?(o.setShape(u),o.shape.r=l.r0,eh(o,{shape:{r:l.r}},n,e.dataIndex)):(th(o,{shape:u},n),ah(o)),o.useStyle(c),this._updateLabel(n);var p=a.getShallow("cursor");p&&o.attr("cursor",p),this._seriesModel=n||this._seriesModel,this._ecModel=i||this._ecModel;var f=s.get("focus");Tu(this,"relative"===f?vt(e.getAncestorsIndices(),e.getDescendantIndices()):"ancestor"===f?e.getAncestorsIndices():"descendant"===f?e.getDescendantIndices():f,s.get("blurScope"),s.get("disabled"))},e.prototype._updateLabel=function(t){var e=this,n=this.node.getModel(),i=n.getModel("label"),r=this.node.getLayout(),o=r.endAngle-r.startAngle,a=(r.startAngle+r.endAngle)/2,s=Math.cos(a),l=Math.sin(a),u=this,c=u.getTextContent(),h=this.node.dataIndex,d=i.get("minAngle")/180*Math.PI,p=i.get("show")&&!(null!=d&&Math.abs(o)<d);function f(t,e){var n=t.get(e);return null==n?i.get(e):n}c.ignore=!p,z(Hl,(function(i){var d="normal"===i?n.getModel("label"):n.getModel([i,"label"]),p="normal"===i,g=p?c:c.ensureState(i),y=t.getFormattedLabel(h,i);p&&(y=y||e.node.name),g.style=Qh(d,{},null,"normal"!==i,!0),y&&(g.style.text=y);var v=d.get("show");null==v||p||(g.ignore=!v);var m,x=f(d,"position"),_=p?u:u.states[i],b=_.style.fill;_.textConfig={outsideFill:"inherit"===d.get("color")?b:null,inside:"outside"!==x};var w=f(d,"distance")||0,S=f(d,"align"),M=f(d,"rotate"),I=.5*Math.PI,T=1.5*Math.PI,C=Xs("tangential"===M?Math.PI/2-a:a),D=C>I&&!Co(C-I)&&C<T;"outside"===x?(m=r.r+w,S=D?"right":"left"):S&&"center"!==S?"left"===S?(m=r.r0+w,S=D?"right":"left"):"right"===S&&(m=r.r-w,S=D?"left":"right"):(m=o===2*Math.PI&&0===r.r0?0:(r.r+r.r0)/2,S="center"),g.style.align=S,g.style.verticalAlign=f(d,"verticalAlign")||"middle",g.x=m*s+r.cx,g.y=m*l+r.cy;var A=0;"radial"===M?A=Xs(-a)+(D?Math.PI:0):"tangential"===M?A=Xs(Math.PI/2-a)+(D?Math.PI:0):j(M)&&(A=M*Math.PI/180),g.rotation=Xs(A)})),c.dirtyStyle()},e}(xc),Lz="sunburstRootToNode",Pz="sunburstHighlight";var Oz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){var r=this;this.seriesModel=t,this.api=n,this.ecModel=e;var o=t.getData(),a=o.tree.root,s=t.getViewRoot(),l=this.group,u=t.get("renderLabelForZeroData"),c=[];s.eachNode((function(t){c.push(t)}));var h=this._oldChildren||[];!function(i,r){if(0===i.length&&0===r.length)return;function s(t){return t.getId()}function c(s,c){!function(i,r){u||!i||i.getValue()||(i=null);if(i!==a&&r!==a)if(r&&r.piece)i?(r.piece.updateData(!1,i,t,e,n),o.setItemGraphicEl(i.dataIndex,r.piece)):function(t){if(!t)return;t.piece&&(l.remove(t.piece),t.piece=null)}(r);else if(i){var s=new kz(i,t,e,n);l.add(s),o.setItemGraphicEl(i.dataIndex,s)}}(null==s?null:i[s],null==c?null:r[c])}new f_(r,i,s,s).add(c).update(c).remove(H(c,null)).execute()}(c,h),function(i,o){o.depth>0?(r.virtualPiece?r.virtualPiece.updateData(!1,i,t,e,n):(r.virtualPiece=new kz(i,t,e,n),l.add(r.virtualPiece)),o.piece.off("click"),r.virtualPiece.on("click",(function(t){r._rootToNode(o.parentNode)}))):r.virtualPiece&&(l.remove(r.virtualPiece),r.virtualPiece=null)}(a,s),this._initEvents(),this._oldChildren=c},e.prototype._initEvents=function(){var t=this;this.group.off("click"),this.group.on("click",(function(e){var n=!1;t.seriesModel.getViewRoot().eachNode((function(i){if(!n&&i.piece&&i.piece===e.target){var r=i.getModel().get("nodeClick");if("rootToNode"===r)t._rootToNode(i);else if("link"===r){var o=i.getModel(),a=o.get("link");if(a)Sp(a,o.get("target",!0)||"_blank")}n=!0}}))}))},e.prototype._rootToNode=function(t){t!==this.seriesModel.getViewRoot()&&this.api.dispatchAction({type:Lz,from:this.uid,seriesId:this.seriesModel.id,targetNode:t})},e.prototype.containPoint=function(t,e){var n=e.getData().getItemLayout(0);if(n){var i=t[0]-n.cx,r=t[1]-n.cy,o=Math.sqrt(i*i+r*r);return o<=n.r&&o>=n.r0}},e.type="sunburst",e}(tv),Rz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.ignoreStyleOnData=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){var n={name:t.name,children:t.data};Nz(n);var i=this._levelModels=E(t.levels||[],(function(t){return new wd(t,this,e)}),this),r=Ek.createTree(n,this,(function(t){t.wrapMethod("getItemModel",(function(t,e){var n=r.getNodeByDataIndex(e),o=i[n.depth];return o&&(t.parentModel=o),t}))}));return r.data},e.prototype.optionUpdated=function(){this.resetViewRoot()},e.prototype.getDataParams=function(e){var n=t.prototype.getDataParams.apply(this,arguments),i=this.getData().tree.getNodeByDataIndex(e);return n.treePathInfo=Fk(i,this),n},e.prototype.getLevelModel=function(t){return this._levelModels&&this._levelModels[t.depth]},e.prototype.getViewRoot=function(){return this._viewRoot},e.prototype.resetViewRoot=function(t){t?this._viewRoot=t:t=this._viewRoot;var e=this.getRawData().tree.root;t&&(t===e||e.contains(t))||(this._viewRoot=e)},e.prototype.enableAriaDecal=function(){Zk(this)},e.type="series.sunburst",e.defaultOption={z:2,center:["50%","50%"],radius:[0,"75%"],clockwise:!0,startAngle:90,minAngle:0,stillShowZeroSum:!0,nodeClick:"rootToNode",renderLabelForZeroData:!1,label:{rotate:"radial",show:!0,opacity:1,align:"center",position:"inside",distance:5,silent:!0},itemStyle:{borderWidth:1,borderColor:"white",borderType:"solid",shadowBlur:0,shadowColor:"rgba(0, 0, 0, 0.2)",shadowOffsetX:0,shadowOffsetY:0,opacity:1},emphasis:{focus:"descendant"},blur:{itemStyle:{opacity:.2},label:{opacity:.1}},animationType:"expansion",animationDuration:1e3,animationDurationUpdate:500,data:[],sort:"desc"},e}(Wy);function Nz(t){var e=0;z(t.children,(function(t){Nz(t);var n=t.value;U(n)&&(n=n[0]),e+=n}));var n=t.value;U(n)&&(n=n[0]),(null==n||isNaN(n))&&(n=e),n<0&&(n=0),U(t.value)?t.value[0]=n:t.value=n}var zz=Math.PI/180;function Ez(t,e,n){e.eachSeriesByType(t,(function(t){var e=t.get("center"),i=t.get("radius");U(i)||(i=[0,i]),U(e)||(e=[e,e]);var r=n.getWidth(),o=n.getHeight(),a=Math.min(r,o),s=yo(e[0],r),l=yo(e[1],o),u=yo(i[0],a/2),c=yo(i[1],a/2),h=-t.get("startAngle")*zz,d=t.get("minAngle")*zz,p=t.getData().tree.root,f=t.getViewRoot(),g=f.depth,y=t.get("sort");null!=y&&Bz(f,y);var v=0;z(f.children,(function(t){!isNaN(t.getValue())&&v++}));var m=f.getValue(),x=Math.PI/(m||v)*2,_=f.depth>0,b=f.height-(_?-1:1),w=(c-u)/(b||1),S=t.get("clockwise"),M=t.get("stillShowZeroSum"),I=S?1:-1,T=function(e,n){if(e){var i=n;if(e!==p){var r=e.getValue(),o=0===m&&M?x:r*x;o<d&&(o=d),i=n+I*o;var c=e.depth-g-(_?-1:1),h=u+w*c,f=u+w*(c+1),y=t.getLevelModel(e);if(y){var v=y.get("r0",!0),b=y.get("r",!0),C=y.get("radius",!0);null!=C&&(v=C[0],b=C[1]),null!=v&&(h=yo(v,a/2)),null!=b&&(f=yo(b,a/2))}e.setLayout({angle:o,startAngle:n,endAngle:i,clockwise:S,cx:s,cy:l,r0:h,r:f})}if(e.children&&e.children.length){var D=0;z(e.children,(function(t){D+=T(t,n+D)}))}return i-n}};if(_){var C=u,D=u+w,A=2*Math.PI;p.setLayout({angle:A,startAngle:h,endAngle:h+A,clockwise:S,cx:s,cy:l,r0:C,r:D})}T(f,h)}))}function Bz(t,e){var n=t.children||[];t.children=function(t,e){if(Y(e)){var n=E(t,(function(t,e){var n=t.getValue();return{params:{depth:t.depth,height:t.height,dataIndex:t.dataIndex,getValue:function(){return n}},index:e}}));return n.sort((function(t,n){return e(t.params,n.params)})),E(n,(function(e){return t[e.index]}))}var i="asc"===e;return t.sort((function(t,e){var n=(t.getValue()-e.getValue())*(i?1:-1);return 0===n?(t.dataIndex-e.dataIndex)*(i?-1:1):n}))}(n,e),n.length&&z(t.children,(function(t){Bz(t,e)}))}function Vz(t){var e={};t.eachSeriesByType("sunburst",(function(t){var n=t.getData(),i=n.tree;i.eachNode((function(r){var o=r.getModel().getModel("itemStyle").getItemStyle();o.fill||(o.fill=function(t,n,i){if(0===t.depth)return tf.color.neutral50;for(var r=t;r&&r.depth>1;)r=r.parentNode;var o=n.getColorFromPalette(r.name||r.dataIndex+"",e);return t.depth>1&&X(o)&&(o=si(o,(t.depth-1)/(i-1)*.5)),o}(r,t,i.root.height)),A(n.ensureUniqueItemVisual(r.dataIndex,"style"),o)}))}))}var Gz={color:"fill",borderColor:"stroke"},Fz={symbol:1,symbolSize:1,symbolKeepAspect:1,legendIcon:1,visualMeta:1,liftZ:1,decal:1},Wz=sa(),Hz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){this.currentZLevel=this.get("zlevel",!0),this.currentZ=this.get("z",!0)},e.prototype.getInitialData=function(t,e){return Z_(null,this)},e.prototype.getDataParams=function(e,n,i){var r=t.prototype.getDataParams.call(this,e,n);return i&&(r.info=Wz(i).info),r},e.type="series.custom",e.dependencies=["grid","polar","geo","singleAxis","calendar","matrix"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,legendHoverLink:!0,clip:!1},e}(Wy);function Uz(t,e){return e=e||[0,0],E(["x","y"],(function(n,i){var r=this.getAxis(n),o=e[i],a=t[i]/2;return"category"===r.type?r.getBandWidth():Math.abs(r.dataToCoord(o-a)-r.dataToCoord(o+a))}),this)}function Yz(t,e){return e=e||[0,0],E([0,1],(function(n){var i=e[n],r=t[n]/2,o=[],a=[];return o[n]=i-r,a[n]=i+r,o[1-n]=a[1-n]=e[1-n],Math.abs(this.dataToPoint(o)[n]-this.dataToPoint(a)[n])}),this)}function Xz(t,e){var n=this.getAxis(),i=e instanceof Array?e[0]:e,r=(t instanceof Array?t[0]:t)/2;return"category"===n.type?n.getBandWidth():Math.abs(n.dataToCoord(i-r)-n.dataToCoord(i+r))}function Zz(t,e){return e=e||[0,0],E(["Radius","Angle"],(function(n,i){var r=this["get"+n+"Axis"](),o=e[i],a=t[i]/2,s="category"===r.type?r.getBandWidth():Math.abs(r.dataToCoord(o-a)-r.dataToCoord(o+a));return"Angle"===n&&(s=s*Math.PI/180),s}),this)}function jz(t,e,n,i){return t&&(t.legacy||!1!==t.legacy&&!n&&!i&&"tspan"!==e&&("text"===e||_t(t,"text")))}function qz(t,e,n){var i,r,o,a=t;if("text"===e)o=a;else{o={},_t(a,"text")&&(o.text=a.text),_t(a,"rich")&&(o.rich=a.rich),_t(a,"textFill")&&(o.fill=a.textFill),_t(a,"textStroke")&&(o.stroke=a.textStroke),_t(a,"fontFamily")&&(o.fontFamily=a.fontFamily),_t(a,"fontSize")&&(o.fontSize=a.fontSize),_t(a,"fontStyle")&&(o.fontStyle=a.fontStyle),_t(a,"fontWeight")&&(o.fontWeight=a.fontWeight),r={type:"text",style:o,silent:!0},i={};var s=_t(a,"textPosition");n?i.position=s?a.textPosition:"inside":s&&(i.position=a.textPosition),_t(a,"textPosition")&&(i.position=a.textPosition),_t(a,"textOffset")&&(i.offset=a.textOffset),_t(a,"textRotation")&&(i.rotation=a.textRotation),_t(a,"textDistance")&&(i.distance=a.textDistance)}return Kz(o,t),z(o.rich,(function(t){Kz(t,t)})),{textConfig:i,textContent:r}}function Kz(t,e){e&&(e.font=e.textFont||e.font,_t(e,"textStrokeWidth")&&(t.lineWidth=e.textStrokeWidth),_t(e,"textAlign")&&(t.align=e.textAlign),_t(e,"textVerticalAlign")&&(t.verticalAlign=e.textVerticalAlign),_t(e,"textLineHeight")&&(t.lineHeight=e.textLineHeight),_t(e,"textWidth")&&(t.width=e.textWidth),_t(e,"textHeight")&&(t.height=e.textHeight),_t(e,"textBackgroundColor")&&(t.backgroundColor=e.textBackgroundColor),_t(e,"textPadding")&&(t.padding=e.textPadding),_t(e,"textBorderColor")&&(t.borderColor=e.textBorderColor),_t(e,"textBorderWidth")&&(t.borderWidth=e.textBorderWidth),_t(e,"textBorderRadius")&&(t.borderRadius=e.textBorderRadius),_t(e,"textBoxShadowColor")&&(t.shadowColor=e.textBoxShadowColor),_t(e,"textBoxShadowBlur")&&(t.shadowBlur=e.textBoxShadowBlur),_t(e,"textBoxShadowOffsetX")&&(t.shadowOffsetX=e.textBoxShadowOffsetX),_t(e,"textBoxShadowOffsetY")&&(t.shadowOffsetY=e.textBoxShadowOffsetY))}function $z(t,e,n){var i=t;i.textPosition=i.textPosition||n.position||"inside",null!=n.offset&&(i.textOffset=n.offset),null!=n.rotation&&(i.textRotation=n.rotation),null!=n.distance&&(i.textDistance=n.distance);var r=i.textPosition.indexOf("inside")>=0,o=t.fill||tf.color.neutral99;Jz(i,e);var a=null==i.textFill;return r?a&&(i.textFill=n.insideFill||tf.color.neutral00,!i.textStroke&&n.insideStroke&&(i.textStroke=n.insideStroke),!i.textStroke&&(i.textStroke=o),null==i.textStrokeWidth&&(i.textStrokeWidth=2)):(a&&(i.textFill=t.fill||n.outsideFill||tf.color.neutral00),!i.textStroke&&n.outsideStroke&&(i.textStroke=n.outsideStroke)),i.text=e.text,i.rich=e.rich,z(e.rich,(function(t){Jz(t,t)})),i}function Jz(t,e){e&&(_t(e,"fill")&&(t.textFill=e.fill),_t(e,"stroke")&&(t.textStroke=e.fill),_t(e,"lineWidth")&&(t.textStrokeWidth=e.lineWidth),_t(e,"font")&&(t.font=e.font),_t(e,"fontStyle")&&(t.fontStyle=e.fontStyle),_t(e,"fontWeight")&&(t.fontWeight=e.fontWeight),_t(e,"fontSize")&&(t.fontSize=e.fontSize),_t(e,"fontFamily")&&(t.fontFamily=e.fontFamily),_t(e,"align")&&(t.textAlign=e.align),_t(e,"verticalAlign")&&(t.textVerticalAlign=e.verticalAlign),_t(e,"lineHeight")&&(t.textLineHeight=e.lineHeight),_t(e,"width")&&(t.textWidth=e.width),_t(e,"height")&&(t.textHeight=e.height),_t(e,"backgroundColor")&&(t.textBackgroundColor=e.backgroundColor),_t(e,"padding")&&(t.textPadding=e.padding),_t(e,"borderColor")&&(t.textBorderColor=e.borderColor),_t(e,"borderWidth")&&(t.textBorderWidth=e.borderWidth),_t(e,"borderRadius")&&(t.textBorderRadius=e.borderRadius),_t(e,"shadowColor")&&(t.textBoxShadowColor=e.shadowColor),_t(e,"shadowBlur")&&(t.textBoxShadowBlur=e.shadowBlur),_t(e,"shadowOffsetX")&&(t.textBoxShadowOffsetX=e.shadowOffsetX),_t(e,"shadowOffsetY")&&(t.textBoxShadowOffsetY=e.shadowOffsetY),_t(e,"textShadowColor")&&(t.textShadowColor=e.textShadowColor),_t(e,"textShadowBlur")&&(t.textShadowBlur=e.textShadowBlur),_t(e,"textShadowOffsetX")&&(t.textShadowOffsetX=e.textShadowOffsetX),_t(e,"textShadowOffsetY")&&(t.textShadowOffsetY=e.textShadowOffsetY))}var Qz={position:["x","y"],scale:["scaleX","scaleY"],origin:["originX","originY"]},tE=F(Qz),eE=(B(Ar,(function(t,e){return t[e]=1,t}),{}),Ar.join(", "),["","style","shape","extra"]),nE=sa();function iE(t,e,n,i,r){var o=t+"Animation",a=Jc(t,i,r)||{},s=nE(e).userDuring;return a.duration>0&&(a.during=s?W(cE,{el:e,userDuring:s}):null,a.setToFinal=!0,a.scope=t),A(a,n[o]),a}function rE(t,e,n,i){var r=(i=i||{}).dataIndex,o=i.isInit,a=i.clearStyle,s=n.isAnimationEnabled(),l=nE(t),u=e.style;l.userDuring=e.during;var c={},h={};if(function(t,e,n){for(var i=0;i<tE.length;i++){var r=tE[i],o=Qz[r],a=e[r];a&&(n[o[0]]=a[0],n[o[1]]=a[1])}for(i=0;i<Ar.length;i++){var s=Ar[i];null!=e[s]&&(n[s]=e[s])}}(0,e,h),"compound"===t.type)for(var d=t.shape.paths,p=e.shape.paths,f=0;f<p.length;f++){dE("shape",p[f],d[f])}else dE("shape",e,h),dE("extra",e,h);if(!o&&s&&(function(t,e,n){for(var i=e.transition,r=sE(i)?Ar:qo(i||[]),o=0;o<r.length;o++){var a=r[o];if("style"!==a&&"shape"!==a&&"extra"!==a){var s=t[a];0,n[a]=s}}}(t,e,c),hE("shape",t,e,c),hE("extra",t,e,c),function(t,e,n,i){if(!n)return;var r,o=t.style;if(o){var a=n.transition,s=e.transition;if(a&&!sE(a)){var l=qo(a);!r&&(r=i.style={});for(var u=0;u<l.length;u++){var c=o[f=l[u]];r[f]=c}}else if(t.getAnimationStyleProps&&(sE(s)||sE(a)||P(s,"style")>=0)){var h=t.getAnimationStyleProps(),d=h?h.style:null;if(d){!r&&(r=i.style={});var p=F(n);for(u=0;u<p.length;u++){var f;if(d[f=p[u]]){c=o[f];r[f]=c}}}}}}(t,e,u,c)),h.style=u,function(t,e,n){var i=e.style;if(!t.isGroup&&i){if(n){t.useStyle({});for(var r=t.animators,o=0;o<r.length;o++){var a=r[o];"style"===a.targetName&&a.changeTarget(t.style)}}t.setStyle(i)}e&&(e.style=null,e&&t.attr(e),e.style=i)}(t,h,a),function(t,e){_t(e,"silent")&&(t.silent=e.silent),_t(e,"ignore")&&(t.ignore=e.ignore),t instanceof os&&_t(e,"invisible")&&(t.invisible=e.invisible);t instanceof sl&&_t(e,"autoBatch")&&(t.autoBatch=e.autoBatch)}(t,e),s)if(o){var g={};z(eE,(function(t){var n=t?e[t]:e;n&&n.enterFrom&&(t&&(g[t]=g[t]||{}),A(t?g[t]:g,n.enterFrom))}));var y=iE("enter",t,e,n,r);y.duration>0&&t.animateFrom(g,y)}else!function(t,e,n,i,r){if(r){var o=iE("update",t,e,i,n);o.duration>0&&t.animateFrom(r,o)}}(t,e,r||0,n,c);oE(t,e),u?t.dirty():t.markRedraw()}function oE(t,e){for(var n=nE(t).leaveToProps,i=0;i<eE.length;i++){var r=eE[i],o=r?e[r]:e;o&&o.leaveTo&&(n||(n=nE(t).leaveToProps={}),r&&(n[r]=n[r]||{}),A(r?n[r]:n,o.leaveTo))}}function aE(t,e,n,i){if(t){var r=t.parent,o=nE(t).leaveToProps;if(o){var a=iE("update",t,e,n,0);a.done=function(){r&&r.remove(t),i&&i()},t.animateTo(o,a)}else r&&r.remove(t),i&&i()}}function sE(t){return"all"===t}var lE={},uE={setTransform:function(t,e){return lE.el[t]=e,this},getTransform:function(t){return lE.el[t]},setShape:function(t,e){var n=lE.el;return(n.shape||(n.shape={}))[t]=e,n.dirtyShape&&n.dirtyShape(),this},getShape:function(t){var e=lE.el.shape;if(e)return e[t]},setStyle:function(t,e){var n=lE.el,i=n.style;return i&&(i[t]=e,n.dirtyStyle&&n.dirtyStyle()),this},getStyle:function(t){var e=lE.el.style;if(e)return e[t]},setExtra:function(t,e){return(lE.el.extra||(lE.el.extra={}))[t]=e,this},getExtra:function(t){var e=lE.el.extra;if(e)return e[t]}};function cE(){var t=this,e=t.el;if(e){var n=nE(e).userDuring,i=t.userDuring;n===i?(lE.el=e,i(uE)):t.el=t.userDuring=null}}function hE(t,e,n,i){var r=n[t];if(r){var o,a=e[t];if(a){var s=n.transition,l=r.transition;if(l)if(!o&&(o=i[t]={}),sE(l))A(o,a);else for(var u=qo(l),c=0;c<u.length;c++){var h=a[p=u[c]];o[p]=h}else if(sE(s)||P(s,t)>=0){!o&&(o=i[t]={});var d=F(a);for(c=0;c<d.length;c++){var p;h=a[p=d[c]];pE(r[p],h)&&(o[p]=h)}}}}}function dE(t,e,n){var i=e[t];if(i)for(var r=n[t]={},o=F(i),a=0;a<o.length;a++){var s=o[a];r[s]=Wi(i[s])}}function pE(t,e){return N(t)?t!==e:null!=t&&isFinite(t)}var fE=sa(),gE=["percent","easing","shape","style","extra"];function yE(t){t.stopAnimation("keyframe"),t.attr(fE(t))}function vE(t,e,n){if(n.isAnimationEnabled()&&e)if(U(e))z(e,(function(e){vE(t,e,n)}));else{var i=e.keyframes,r=e.duration;if(n&&null==r){var o=Jc("enter",n,0);r=o&&o.duration}if(i&&r){var a=fE(t);z(eE,(function(n){if(!n||t[n]){var o;i.sort((function(t,e){return t.percent-e.percent})),z(i,(function(i){var s=t.animators,l=n?i[n]:i;if(l){var u=F(l);if(n||(u=V(u,(function(t){return P(gE,t)<0}))),u.length){o||((o=t.animate(n,e.loop,!0)).scope="keyframe");for(var c=0;c<s.length;c++)s[c]!==o&&s[c].targetName===o.targetName&&s[c].stopTracks(u);n&&(a[n]=a[n]||{});var h=n?a[n]:a;z(u,(function(e){h[e]=((n?t[n]:t)||{})[e]})),o.whenWithKeys(r*i.percent,l,u,i.easing)}}})),o&&o.delay(e.delay||0).duration(r).start(e.easing)}}))}}}var mE="emphasis",xE="normal",_E="blur",bE="select",wE=[xE,mE,_E,bE],SE={normal:["itemStyle"],emphasis:[mE,"itemStyle"],blur:[_E,"itemStyle"],select:[bE,"itemStyle"]},ME={normal:["label"],emphasis:[mE,"label"],blur:[_E,"label"],select:[bE,"label"]},IE=["x","y"],TE={normal:{},emphasis:{},blur:{},select:{}},CE={cartesian2d:function(t){var e=t.master.getRect();return{coordSys:{type:"cartesian2d",x:e.x,y:e.y,width:e.width,height:e.height},api:{coord:function(e){return t.dataToPoint(e)},size:W(Uz,t)}}},geo:function(t){var e=t.getBoundingRect();return{coordSys:{type:"geo",x:e.x,y:e.y,width:e.width,height:e.height,zoom:t.getZoom()},api:{coord:function(e){return t.dataToPoint(e)},size:W(Yz,t)}}},single:function(t){var e=t.getRect();return{coordSys:{type:"singleAxis",x:e.x,y:e.y,width:e.width,height:e.height},api:{coord:function(e){return t.dataToPoint(e)},size:W(Xz,t)}}},polar:function(t){var e=t.getRadiusAxis(),n=t.getAngleAxis(),i=e.getExtent();return i[0]>i[1]&&i.reverse(),{coordSys:{type:"polar",cx:t.cx,cy:t.cy,r:i[1],r0:i[0]},api:{coord:function(i){var r=e.dataToRadius(i[0]),o=n.dataToAngle(i[1]),a=t.coordToPoint([r,o]);return a.push(r,o*Math.PI/180),a},size:W(Zz,t)}}},calendar:function(t){var e=t.getRect(),n=t.getRangeInfo();return{coordSys:{type:"calendar",x:e.x,y:e.y,width:e.width,height:e.height,cellWidth:t.getCellWidth(),cellHeight:t.getCellHeight(),rangeInfo:{start:n.start,end:n.end,weeks:n.weeks,dayCount:n.allDay}},api:{coord:function(e,n){return t.dataToPoint(e,n)},layout:function(e,n){return t.dataToLayout(e,n)}}}},matrix:function(t){var e=t.getRect();return{coordSys:{type:"matrix",x:e.x,y:e.y,width:e.width,height:e.height},api:{coord:function(e,n){return t.dataToPoint(e,n)},layout:function(e,n){return t.dataToLayout(e,n)}}}}};function DE(t){return t instanceof sl}function AE(t){return t instanceof os}var kE=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){this._progressiveEls=null;var r=this._data,o=t.getData(),a=this.group,s=NE(t,o,e,n);r||a.removeAll(),o.diff(r).add((function(e){EE(n,null,e,s(e,i),t,a,o)})).remove((function(e){var n=r.getItemGraphicEl(e);n&&aE(n,Wz(n).option,t)})).update((function(e,l){var u=r.getItemGraphicEl(l);EE(n,u,e,s(e,i),t,a,o)})).execute();var l=t.get("clip",!0)?wI(t.coordinateSystem,!1,t):null;l?a.setClipPath(l):a.removeClipPath(),this._data=o},e.prototype.incrementalPrepareRender=function(t,e,n){this.group.removeAll(),this._data=null},e.prototype.incrementalRender=function(t,e,n,i,r){var o=e.getData(),a=NE(e,o,n,i),s=this._progressiveEls=[];function l(t){t.isGroup||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}for(var u=t.start;u<t.end;u++){var c=EE(null,null,u,a(u,r),e,this.group,o);c&&(c.traverse(l),s.push(c))}},e.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},e.prototype.filterForExposedEvent=function(t,e,n,i){var r=e.element;if(null==r||n.name===r)return!0;for(;(n=n.__hostTarget||n.parent)&&n!==this.group;)if(n.name===r)return!0;return!1},e.type="custom",e}(tv);function LE(t){var e,n=t.type;if("path"===n){var i=null!=(o=t.shape).width&&null!=o.height?{x:o.x||0,y:o.y||0,width:o.width,height:o.height}:null,r=ZE(o);e=gh(r,null,i,o.layout||"center"),Wz(e).customPathData=r}else if("image"===n)e=new dl({}),Wz(e).customImagePath=t.style.image;else if("text"===n)e=new Sl({});else if("group"===n)e=new to;else if("compoundPath"===n){var o;if(!(o=t.shape)||!o.paths)0,Yo("");var a=E(o.paths,(function(t){if("path"===t.type)return gh(t.shape.pathData,t,null);var e=fh(t.type);if(!e){var n="";0,Yo(n)}return new e}));e=new zc({shape:{paths:a}})}else{var s=fh(n);if(!s)0,Yo("");e=new s}return Wz(e).customGraphicType=n,e.name=t.name,e.z2EmphasisLift=1,e.z2SelectLift=1,e}function PE(t,e,n,i,r,o,a){yE(e);var s=r&&r.normal.cfg;s&&e.setTextConfig(s),i&&null==i.transition&&(i.transition=IE);var l=i&&i.style;if(l){if("text"===e.type){var u=l;_t(u,"textFill")&&(u.fill=u.textFill),_t(u,"textStroke")&&(u.stroke=u.textStroke)}var c=void 0,h=DE(e)?l.decal:null;t&&h&&(h.dirty=!0,c=Bm(h,t)),l.__decalPattern=c}AE(e)&&(l&&(c=l.__decalPattern)&&(l.decal=c));rE(e,i,o,{dataIndex:n,isInit:a,clearStyle:!0}),vE(e,i.keyframeAnimation,o)}function OE(t,e,n,i,r){var o=e.isGroup?null:e,a=r&&r[t].cfg;if(o){var s=o.ensureState(t);if(!1===i){var l=o.getState(t);l&&(l.style=null)}else s.style=i||null;a&&(s.textConfig=a),uu(o)}}function RE(t,e,n){var i=n===xE,r=i?e:FE(e,n),o=r?r.z2:null;null!=o&&((i?t:t.ensureState(n)).z2=o||0)}function NE(t,e,n,i){var r=t.get("renderItem");if("string"==typeof r){var o=Ym[r];o&&(r=o)}var a=t.coordinateSystem,s={};a&&(s=a.prepareCustoms?a.prepareCustoms(a):CE[a.type](a));for(var l,u,c=k({getWidth:i.getWidth,getHeight:i.getHeight,getZr:i.getZr,getDevicePixelRatio:i.getDevicePixelRatio,value:function(t,n){return null==n&&(n=l),e.getStore().get(e.getDimensionIndex(t||0),n)},style:function(n,i){0;null==i&&(i=l);var r=e.getItemVisual(i,"style"),o=r&&r.fill,a=r&&r.opacity,s=x(i,xE).getItemStyle();null!=o&&(s.fill=o),null!=a&&(s.opacity=a);var u={inheritColor:X(o)?o:tf.color.neutral99},c=_(i,xE),h=Qh(c,null,u,!1,!0);h.text=c.getShallow("show")?rt(t.getFormattedLabel(i,xE),nI(e,i)):null;var d=td(c,u,!1);return w(n,s),s=$z(s,h,d),n&&b(s,n),s.legacy=!0,s},ordinalRawValue:function(t,n){null==n&&(n=l),t=t||0;var i=e.getDimensionInfo(t);if(!i){var r=e.getDimensionIndex(t);return r>=0?e.getStore().get(r,n):void 0}var o=e.get(i.name,n),a=i&&i.ordinalMeta;return a?a.categories[o]:o},styleEmphasis:function(n,i){0;null==i&&(i=l);var r=x(i,mE).getItemStyle(),o=_(i,mE),a=Qh(o,null,null,!0,!0);a.text=o.getShallow("show")?ot(t.getFormattedLabel(i,mE),t.getFormattedLabel(i,xE),nI(e,i)):null;var s=td(o,null,!0);return w(n,r),r=$z(r,a,s),n&&b(r,n),r.legacy=!0,r},visual:function(t,n){if(null==n&&(n=l),_t(Gz,t)){var i=e.getItemVisual(n,"style");return i?i[Gz[t]]:null}if(_t(Fz,t))return e.getItemVisual(n,t)},barLayout:function(t){if("cartesian2d"===a.type){return function(t){var e=[],n=t.axis,i="axis0";if("category"===n.type){for(var r=n.getBandWidth(),o=0;o<t.count;o++)e.push(k({bandWidth:r,axisKey:i,stackId:fb+o},t));var a=xb(e),s=[];for(o=0;o<t.count;o++){var l=a[i][fb+o];l.offsetCenter=l.offset+l.width/2,s.push(l)}return s}}(k({axis:a.getBaseAxis()},t))}},currentSeriesIndices:function(){return n.getCurrentSeriesIndices()},font:function(t){return od(t,n)}},s.api||{}),h={context:{},seriesId:t.id,seriesName:t.name,seriesIndex:t.seriesIndex,coordSys:s.coordSys,dataInsideLength:e.count(),encode:zE(t.getData()),itemPayload:t.get("itemPayload")||{}},d={},p={},f={},g={},y=0;y<wE.length;y++){var v=wE[y];f[v]=t.getModel(SE[v]),g[v]=t.getModel(ME[v])}function m(t){return t===l?u||(u=e.getItemModel(t)):e.getItemModel(t)}function x(t,n){return e.hasItemOption?t===l?d[n]||(d[n]=m(t).getModel(SE[n])):m(t).getModel(SE[n]):f[n]}function _(t,n){return e.hasItemOption?t===l?p[n]||(p[n]=m(t).getModel(ME[n])):m(t).getModel(ME[n]):g[n]}return function(t,n){return l=t,u=null,d={},p={},r&&r(k({dataIndexInside:t,dataIndex:e.getRawIndex(t),actionType:n?n.type:null},h),c)};function b(t,e){for(var n in e)_t(e,n)&&(t[n]=e[n])}function w(t,e){t&&(t.textFill&&(e.textFill=t.textFill),t.textPosition&&(e.textPosition=t.textPosition))}}function zE(t){var e={};return z(t.dimensions,(function(n){var i=t.getDimensionInfo(n);if(!i.isExtraCoord){var r=i.coordDim;(e[r]=e[r]||[])[i.coordDimIndex]=t.getDimensionIndex(n)}})),e}function EE(t,e,n,i,r,o,a){if(i){var s=BE(t,e,n,i,r,o);return s&&a.setItemGraphicEl(n,s),s&&Tu(s,i.focus,i.blurScope,i.emphasisDisabled),s}o.remove(e)}function BE(t,e,n,i,r,o){var a=-1,s=e;e&&VE(e,i,r)&&(a=P(o.childrenRef(),e),e=null);var l,u,c=!e,h=e;h?h.clearStates():(h=LE(i),s&&(l=s,(u=h).copyTransform(l),AE(u)&&AE(l)&&(u.setStyle(l.style),u.z=l.z,u.z2=l.z2,u.zlevel=l.zlevel,u.invisible=l.invisible,u.ignore=l.ignore,DE(u)&&DE(l)&&u.setShape(l.shape)))),!1===i.morph?h.disableMorphing=!0:h.disableMorphing&&(h.disableMorphing=!1),i.tooltipDisabled&&(h.tooltipDisabled=!0),TE.normal.cfg=TE.normal.conOpt=TE.emphasis.cfg=TE.emphasis.conOpt=TE.blur.cfg=TE.blur.conOpt=TE.select.cfg=TE.select.conOpt=null,TE.isLegacy=!1,function(t,e,n,i,r,o){if(t.isGroup||"compoundPath"===t.type)return;GE(n,null,o),GE(n,mE,o);var a=o.normal.conOpt,s=o.emphasis.conOpt,l=o.blur.conOpt,u=o.select.conOpt;if(null!=a||null!=s||null!=u||null!=l){var c=t.getTextContent();if(!1===a)c&&t.removeTextContent();else{a=o.normal.conOpt=a||{type:"text"},c?c.clearStates():(c=LE(a),t.setTextContent(c)),PE(null,c,e,a,null,i,r);for(var h=a&&a.style,d=0;d<wE.length;d++){var p=wE[d];if(p!==xE){var f=o[p].conOpt;OE(p,c,0,WE(a,f,p),null)}}h?c.dirty():c.markRedraw()}}}(h,n,i,r,c,TE),function(t,e,n,i,r){var o=n.clipPath;if(!1===o)t&&t.getClipPath()&&t.removeClipPath();else if(o){var a=t.getClipPath();a&&VE(a,o,i)&&(a=null),a||(a=LE(o),t.setClipPath(a)),PE(null,a,e,o,null,i,r)}}(h,n,i,r,c),PE(t,h,n,i,TE,r,c),_t(i,"info")&&(Wz(h).info=i.info);for(var d=0;d<wE.length;d++){var p=wE[d];if(p!==xE){var f=FE(i,p);OE(p,h,0,WE(i,f,p),TE)}}return function(t,e,n){if(!t.isGroup){var i=t,r=n.currentZ,o=n.currentZLevel;i.z=r,i.zlevel=o;var a=e.z2;null!=a&&(i.z2=a||0);for(var s=0;s<wE.length;s++)RE(i,e,wE[s])}}(h,i,r),"group"===i.type&&function(t,e,n,i,r){var o=i.children,a=o?o.length:0,s=i.$mergeChildren,l="byName"===s||i.diffChildrenByName,u=!1===s;if(!a&&!l&&!u)return;if(l)return c={api:t,oldChildren:e.children()||[],newChildren:o||[],dataIndex:n,seriesModel:r,group:e},void new f_(c.oldChildren,c.newChildren,UE,UE,c).add(YE).update(YE).remove(XE).execute();var c;u&&e.removeAll();for(var h=0;h<a;h++){var d=o[h],p=e.childAt(h);d?(null==d.ignore&&(d.ignore=!1),BE(t,p,n,d,r,e)):p.ignore=!0}for(var f=e.childCount()-1;f>=h;f--){var g=e.childAt(f);HE(e,g,r)}}(t,h,n,i,r),a>=0?o.replaceAt(h,a):o.add(h),h}function VE(t,e,n){var i,r=Wz(t),o=e.type,a=e.shape,s=e.style;return n.isUniversalTransitionEnabled()||null!=o&&o!==r.customGraphicType||"path"===o&&((i=a)&&(_t(i,"pathData")||_t(i,"d")))&&ZE(a)!==r.customPathData||"image"===o&&_t(s,"image")&&s.image!==r.customImagePath}function GE(t,e,n){var i=e?FE(t,e):t,r=e?WE(t,i,mE):t.style,o=t.type,a=i?i.textConfig:null,s=t.textContent,l=s?e?FE(s,e):s:null;if(r&&(n.isLegacy||jz(r,o,!!a,!!l))){n.isLegacy=!0;var u=qz(r,o,!e);!a&&u.textConfig&&(a=u.textConfig),!l&&u.textContent&&(l=u.textContent)}if(!e&&l){var c=l;!c.type&&(c.type="text")}var h=e?n[e]:n.normal;h.cfg=a,h.conOpt=l}function FE(t,e){return e?t?t[e]:null:t}function WE(t,e,n){var i=e&&e.style;return null==i&&n===mE&&t&&(i=t.styleEmphasis),i}function HE(t,e,n){e&&aE(e,Wz(t).option,n)}function UE(t,e){var n=t&&t.name;return null!=n?n:"e\0\0"+e}function YE(t,e){var n=this.context,i=null!=t?n.newChildren[t]:null,r=null!=e?n.oldChildren[e]:null;BE(n.api,r,n.dataIndex,i,n.seriesModel,n.group)}function XE(t){var e=this.context,n=e.oldChildren[t];n&&aE(n,Wz(n).option,e.seriesModel)}function ZE(t){return t&&(t.pathData||t.d)}var jE=sa(),qE=T,KE=W,$E=function(){function t(){this._dragging=!1,this.animationThreshold=15}return t.prototype.render=function(t,e,n,i){var r=e.get("value"),o=e.get("status");if(this._axisModel=t,this._axisPointerModel=e,this._api=n,i||this._lastValue!==r||this._lastStatus!==o){this._lastValue=r,this._lastStatus=o;var a=this._group,s=this._handle;if(!o||"hide"===o)return a&&a.hide(),void(s&&s.hide());a&&a.show(),s&&s.show();var l={};this.makeElOption(l,r,t,e,n);var u=l.graphicKey;u!==this._lastGraphicKey&&this.clear(n),this._lastGraphicKey=u;var c=this._moveAnimation=this.determineAnimation(t,e);if(a){var h=H(JE,e,c);this.updatePointerEl(a,l,h),this.updateLabelEl(a,l,h,e)}else a=this._group=new to,this.createPointerEl(a,l,t,e),this.createLabelEl(a,l,t,e),n.getZr().add(a);nB(a,e,!0),this._renderHandle(r)}},t.prototype.remove=function(t){this.clear(t)},t.prototype.dispose=function(t){this.clear(t)},t.prototype.determineAnimation=function(t,e){var n=e.get("animation"),i=t.axis,r="category"===i.type,o=e.get("snap");if(!o&&!r)return!1;if("auto"===n||null==n){var a=this.animationThreshold;if(r&&i.getBandWidth()>a)return!0;if(o){var s=ZC(t).seriesDataCount,l=i.getExtent();return Math.abs(l[0]-l[1])/s>a}return!1}return!0===n},t.prototype.makeElOption=function(t,e,n,i,r){},t.prototype.createPointerEl=function(t,e,n,i){var r=e.pointer;if(r){var o=jE(t).pointerEl=new Zh[r.type](qE(e.pointer));t.add(o)}},t.prototype.createLabelEl=function(t,e,n,i){if(e.label){var r=jE(t).labelEl=new Sl(qE(e.label));t.add(r),tB(r,i)}},t.prototype.updatePointerEl=function(t,e,n){var i=jE(t).pointerEl;i&&e.pointer&&(i.setStyle(e.pointer.style),n(i,{shape:e.pointer.shape}))},t.prototype.updateLabelEl=function(t,e,n,i){var r=jE(t).labelEl;r&&(r.setStyle(e.label.style),n(r,{x:e.label.x,y:e.label.y}),tB(r,i))},t.prototype._renderHandle=function(t){if(!this._dragging&&this.updateHandleTransform){var e,n=this._axisPointerModel,i=this._api.getZr(),r=this._handle,o=n.getModel("handle"),a=n.get("status");if(!o.get("show")||!a||"hide"===a)return r&&i.remove(r),void(this._handle=null);this._handle||(e=!0,r=this._handle=Ah(o.get("icon"),{cursor:"move",draggable:!0,onmousemove:function(t){fe(t.event)},onmousedown:KE(this._onHandleDragMove,this,0,0),drift:KE(this._onHandleDragMove,this),ondragend:KE(this._onHandleDragEnd,this)}),i.add(r)),nB(r,n,!1),r.setStyle(o.getItemStyle(null,["color","borderColor","borderWidth","opacity","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"]));var s=o.get("size");U(s)||(s=[s,s]),r.scaleX=s[0]/2,r.scaleY=s[1]/2,cv(this,"_doDispatchAxisPointer",o.get("throttle")||0,"fixRate"),this._moveHandleToValue(t,e)}},t.prototype._moveHandleToValue=function(t,e){JE(this._axisPointerModel,!e&&this._moveAnimation,this._handle,eB(this.getHandleTransform(t,this._axisModel,this._axisPointerModel)))},t.prototype._onHandleDragMove=function(t,e){var n=this._handle;if(n){this._dragging=!0;var i=this.updateHandleTransform(eB(n),[t,e],this._axisModel,this._axisPointerModel);this._payloadInfo=i,n.stopAnimation(),n.attr(eB(i)),jE(n).lastProp=null,this._doDispatchAxisPointer()}},t.prototype._doDispatchAxisPointer=function(){if(this._handle){var t=this._payloadInfo,e=this._axisModel;this._api.dispatchAction({type:"updateAxisPointer",x:t.cursorPoint[0],y:t.cursorPoint[1],tooltipOption:t.tooltipOption,axesInfo:[{axisDim:e.axis.dim,axisIndex:e.componentIndex}]})}},t.prototype._onHandleDragEnd=function(){if(this._dragging=!1,this._handle){var t=this._axisPointerModel.get("value");this._moveHandleToValue(t),this._api.dispatchAction({type:"hideTip"})}},t.prototype.clear=function(t){this._lastValue=null,this._lastStatus=null;var e=t.getZr(),n=this._group,i=this._handle;e&&n&&(this._lastGraphicKey=null,n&&e.remove(n),i&&e.remove(i),this._group=null,this._handle=null,this._payloadInfo=null),hv(this,"_doDispatchAxisPointer")},t.prototype.doClear=function(){},t.prototype.buildLabel=function(t,e,n){return{x:t[n=n||0],y:t[1-n],width:e[n],height:e[1-n]}},t}();function JE(t,e,n,i){QE(jE(n).lastProp,i)||(jE(n).lastProp=i,e?th(n,i,t):(n.stopAnimation(),n.attr(i)))}function QE(t,e){if(q(t)&&q(e)){var n=!0;return z(e,(function(e,i){n=n&&QE(t[i],e)})),!!n}return t===e}function tB(t,e){t[e.get(["label","show"])?"show":"hide"]()}function eB(t){return{x:t.x||0,y:t.y||0,rotation:t.rotation||0}}function nB(t,e,n){var i=e.get("z"),r=e.get("zlevel");t&&t.traverse((function(t){"group"!==t.type&&(null!=i&&(t.z=i),null!=r&&(t.zlevel=r),t.silent=n)}))}function iB(t){var e,n=t.get("type"),i=t.getModel(n+"Style");return"line"===n?(e=i.getLineStyle()).fill=null:"shadow"===n&&((e=i.getAreaStyle()).stroke=null),e}function rB(t,e,n,i,r){var o=oB(n.get("value"),e.axis,e.ecModel,n.get("seriesDataIndices"),{precision:n.get(["label","precision"]),formatter:n.get(["label","formatter"])}),a=n.getModel("label"),s=yp(a.get("padding")||0),l=a.getFont(),u=Er(o,l),c=r.position,h=u.width+s[1]+s[3],d=u.height+s[0]+s[2],p=r.align;"right"===p&&(c[0]-=h),"center"===p&&(c[0]-=h/2);var f=r.verticalAlign;"bottom"===f&&(c[1]-=d),"middle"===f&&(c[1]-=d/2),function(t,e,n,i){var r=i.getWidth(),o=i.getHeight();t[0]=Math.min(t[0]+e,r)-e,t[1]=Math.min(t[1]+n,o)-n,t[0]=Math.max(t[0],0),t[1]=Math.max(t[1],0)}(c,h,d,i);var g=a.get("backgroundColor");g&&"auto"!==g||(g=e.get(["axisLine","lineStyle","color"])),t.label={x:c[0],y:c[1],style:Qh(a,{text:o,font:l,fill:a.getTextColor(),padding:s,backgroundColor:g}),z2:10}}function oB(t,e,n,i,r){t=e.scale.parse(t);var o=e.scale.getLabel({value:t},{precision:r.precision}),a=r.formatter;if(a){var s={value:qb(e,{value:t}),axisDimension:e.dim,axisIndex:e.index,seriesData:[]};z(i,(function(t){var e=n.getSeriesByIndex(t.seriesIndex),i=t.dataIndexInside,r=e&&e.getDataParams(i);r&&s.seriesData.push(r)})),X(a)?o=a.replace("{value}",o):Y(a)&&(o=a(s))}return o}function aB(t,e,n){var i=[1,0,0,1,0,0];return Me(i,i,n.rotation),Se(i,i,n.position),Sh([t.dataToCoord(e),(n.labelOffset||0)+(n.labelDirection||1)*(n.labelMargin||0)],i)}function sB(t,e,n,i,r,o){var a=mC.innerTextLayout(n.rotation,0,n.labelDirection);n.labelMargin=r.get(["label","margin"]),rB(e,i,r,o,{position:aB(i.axis,t,n),align:a.textAlign,verticalAlign:a.textVerticalAlign})}function lB(t,e,n){return{x1:t[n=n||0],y1:t[1-n],x2:e[n],y2:e[1-n]}}function uB(t,e,n){return{x:t[n=n||0],y:t[1-n],width:e[n],height:e[1-n]}}function cB(t,e,n,i,r,o){return{cx:t,cy:e,r0:n,r:i,startAngle:r,endAngle:o,clockwise:!0}}var hB=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.makeElOption=function(t,e,n,i,r){var o=n.axis,a=o.grid,s=i.get("type"),l=dB(a,o).getOtherAxis(o).getGlobalExtent(),u=o.toGlobalCoord(o.dataToCoord(e,!0));if(s&&"none"!==s){var c=iB(i),h=pB[s](o,u,l);h.style=c,t.graphicKey=h.type,t.pointer=h}sB(e,t,kC(a.getRect(),n),n,i,r)},e.prototype.getHandleTransform=function(t,e,n){var i=kC(e.axis.grid.getRect(),e,{labelInside:!1});i.labelMargin=n.get(["handle","margin"]);var r=aB(e.axis,t,i);return{x:r[0],y:r[1],rotation:i.rotation+(i.labelDirection<0?Math.PI:0)}},e.prototype.updateHandleTransform=function(t,e,n,i){var r=n.axis,o=r.grid,a=r.getGlobalExtent(!0),s=dB(o,r).getOtherAxis(r).getGlobalExtent(),l="x"===r.dim?0:1,u=[t.x,t.y];u[l]+=e[l],u[l]=Math.min(a[1],u[l]),u[l]=Math.max(a[0],u[l]);var c=(s[1]+s[0])/2,h=[c,c];h[l]=u[l];return{x:u[0],y:u[1],rotation:t.rotation,cursorPoint:h,tooltipOption:[{verticalAlign:"middle"},{align:"center"}][l]}},e}($E);function dB(t,e){var n={};return n[e.dim+"AxisIndex"]=e.index,t.getCartesian(n)}var pB={line:function(t,e,n){return{type:"Line",subPixelOptimize:!0,shape:lB([e,n[0]],[e,n[1]],fB(t))}},shadow:function(t,e,n){var i=Math.max(1,t.getBandWidth()),r=n[1]-n[0];return{type:"Rect",shape:uB([e-i/2,n[0]],[i,r],fB(t))}}};function fB(t){return"x"===t.dim?0:1}var gB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="axisPointer",e.defaultOption={show:"auto",z:50,type:"line",snap:!1,triggerTooltip:!0,triggerEmphasis:!0,value:null,status:null,link:[],animation:null,animationDurationUpdate:200,lineStyle:{color:tf.color.border,width:1,type:"dashed"},shadowStyle:{color:tf.color.shadowTint},label:{show:!0,formatter:null,precision:"auto",margin:3,color:tf.color.neutral00,padding:[5,7,5,7],backgroundColor:tf.color.accent60,borderColor:null,borderWidth:0,borderRadius:3},handle:{show:!1,icon:"M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7v-1.2h6.6z M13.3,22H6.7v-1.2h6.6z M13.3,19.6H6.7v-1.2h6.6z",size:45,margin:50,color:tf.color.accent40,throttle:40}},e}(Qp),yB=sa(),vB=z;function mB(t,e,n){if(!r.node){var i=e.getZr();yB(i).records||(yB(i).records={}),function(t,e){if(yB(t).initialized)return;function n(n,i){t.on(n,(function(n){var r=function(t){var e={showTip:[],hideTip:[]},n=function(i){var r=e[i.type];r?r.push(i):(i.dispatchAction=n,t.dispatchAction(i))};return{dispatchAction:n,pendings:e}}(e);vB(yB(t).records,(function(t){t&&i(t,n,r.dispatchAction)})),function(t,e){var n,i=t.showTip.length,r=t.hideTip.length;i?n=t.showTip[i-1]:r&&(n=t.hideTip[r-1]);n&&(n.dispatchAction=null,e.dispatchAction(n))}(r.pendings,e)}))}yB(t).initialized=!0,n("click",H(_B,"click")),n("mousemove",H(_B,"mousemove")),n("globalout",xB)}(i,e),(yB(i).records[t]||(yB(i).records[t]={})).handler=n}}function xB(t,e,n){t.handler("leave",null,n)}function _B(t,e,n,i){e.handler(t,n,i)}function bB(t,e){if(!r.node){var n=e.getZr();(yB(n).records||{})[t]&&(yB(n).records[t]=null)}}var wB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=e.getComponent("tooltip"),r=t.get("triggerOn")||i&&i.get("triggerOn")||"mousemove|click";mB("axisPointer",n,(function(t,e,n){"none"!==r&&("leave"===t||r.indexOf(t)>=0)&&n({type:"updateAxisPointer",currTrigger:t,x:e&&e.offsetX,y:e&&e.offsetY})}))},e.prototype.remove=function(t,e){bB("axisPointer",e)},e.prototype.dispose=function(t,e){bB("axisPointer",e)},e.type="axisPointer",e}(Ky);function SB(t,e){var n,i=[],r=t.seriesIndex;if(null==r||!(n=e.getSeriesByIndex(r)))return{point:[]};var o=n.getData(),a=aa(o,t);if(null==a||a<0||U(a))return{point:[]};var s=o.getItemGraphicEl(a),l=n.coordinateSystem;if(n.getTooltipPosition)i=n.getTooltipPosition(a)||[];else if(l&&l.dataToPoint)if(t.isStacked){var u=l.getBaseAxis(),c=l.getOtherAxis(u).dim,h=u.dim,d="x"===c||"radius"===c?1:0,p=o.mapDimension(h),f=[];f[d]=o.get(p,a),f[1-d]=o.get(o.getCalculationInfo("stackResultDimension"),a),i=l.dataToPoint(f)||[]}else i=l.dataToPoint(o.getValues(E(l.dimensions,(function(t){return o.mapDimension(t)})),a))||[];else if(s){var g=s.getBoundingRect().clone();g.applyTransform(s.transform),i=[g.x+g.width/2,g.y+g.height/2]}return{point:i,el:s}}var MB=sa();function IB(t,e,n){var i=t.currTrigger,r=[t.x,t.y],o=t,a=t.dispatchAction||W(n.dispatchAction,n),s=e.getComponent("axisPointer").coordSysAxesInfo;if(s){kB(r)&&(r=SB({seriesIndex:o.seriesIndex,dataIndex:o.dataIndex},e).point);var l=kB(r),u=o.axesInfo,c=s.axesInfo,h="leave"===i||kB(r),d={},p={},f={list:[],map:{}},g={showPointer:H(CB,p),showTooltip:H(DB,f)};z(s.coordSysMap,(function(t,e){var n=l||t.containPoint(r);z(s.coordSysAxesInfo[e],(function(t,e){var i=t.axis,o=function(t,e){for(var n=0;n<(t||[]).length;n++){var i=t[n];if(e.axis.dim===i.axisDim&&e.axis.model.componentIndex===i.axisIndex)return i}}(u,t);if(!h&&n&&(!u||o)){var a=o&&o.value;null!=a||l||(a=i.pointToData(r)),null!=a&&TB(t,a,g,!1,d)}}))}));var y={};return z(c,(function(t,e){var n=t.linkGroup;n&&!p[e]&&z(n.axesInfo,(function(e,i){var r=p[i];if(e!==t&&r){var o=r.value;n.mapper&&(o=t.axis.scale.parse(n.mapper(o,AB(e),AB(t)))),y[t.key]=o}}))})),z(y,(function(t,e){TB(c[e],t,g,!0,d)})),function(t,e,n){var i=n.axesInfo=[];z(e,(function(e,n){var r=e.axisPointerModel.option,o=t[n];o?(!e.useHandle&&(r.status="show"),r.value=o.value,r.seriesDataIndices=(o.payloadBatch||[]).slice()):!e.useHandle&&(r.status="hide"),"show"===r.status&&i.push({axisDim:e.axis.dim,axisIndex:e.axis.model.componentIndex,value:r.value})}))}(p,c,d),function(t,e,n,i){if(kB(e)||!t.list.length)return void i({type:"hideTip"});var r=((t.list[0].dataByAxis[0]||{}).seriesDataIndices||[])[0]||{};i({type:"showTip",escapeConnect:!0,x:e[0],y:e[1],tooltipOption:n.tooltipOption,position:n.position,dataIndexInside:r.dataIndexInside,dataIndex:r.dataIndex,seriesIndex:r.seriesIndex,dataByCoordSys:t.list})}(f,r,t,a),function(t,e,n){var i=n.getZr(),r="axisPointerLastHighlights",o=MB(i)[r]||{},a=MB(i)[r]={};z(t,(function(t,e){var n=t.axisPointerModel.option;"show"===n.status&&t.triggerEmphasis&&z(n.seriesDataIndices,(function(t){var e=t.seriesIndex+" | "+t.dataIndex;a[e]=t}))}));var s=[],l=[];z(o,(function(t,e){!a[e]&&l.push(t)})),z(a,(function(t,e){!o[e]&&s.push(t)})),l.length&&n.dispatchAction({type:"downplay",escapeConnect:!0,notBlur:!0,batch:l}),s.length&&n.dispatchAction({type:"highlight",escapeConnect:!0,notBlur:!0,batch:s})}(c,0,n),d}}function TB(t,e,n,i,r){var o=t.axis;if(!o.scale.isBlank()&&o.containData(e))if(t.involveSeries){var a=function(t,e){var n=e.axis,i=n.dim,r=t,o=[],a=Number.MAX_VALUE,s=-1;return z(e.seriesModels,(function(e,l){var u,c,h=e.getData().mapDimensionsAll(i);if(e.getAxisTooltipData){var d=e.getAxisTooltipData(h,t,n);c=d.dataIndices,u=d.nestestValue}else{if(!(c=e.indicesOfNearest(i,h[0],t,"category"===n.type?.5:null)).length)return;u=e.getData().get(h[0],c[0])}if(null!=u&&isFinite(u)){var p=t-u,f=Math.abs(p);f<=a&&((f<a||p>=0&&s<0)&&(a=f,s=p,r=u,o.length=0),z(c,(function(t){o.push({seriesIndex:e.seriesIndex,dataIndexInside:t,dataIndex:e.getData().getRawIndex(t)})})))}})),{payloadBatch:o,snapToValue:r}}(e,t),s=a.payloadBatch,l=a.snapToValue;s[0]&&null==r.seriesIndex&&A(r,s[0]),!i&&t.snap&&o.containData(l)&&null!=l&&(e=l),n.showPointer(t,e,s),n.showTooltip(t,a,l)}else n.showPointer(t,e)}function CB(t,e,n,i){t[e.key]={value:n,payloadBatch:i}}function DB(t,e,n,i){var r=n.payloadBatch,o=e.axis,a=o.model,s=e.axisPointerModel;if(e.triggerTooltip&&r.length){var l=e.coordSys.model,u=qC(l),c=t.map[u];c||(c=t.map[u]={coordSysId:l.id,coordSysIndex:l.componentIndex,coordSysType:l.type,coordSysMainType:l.mainType,dataByAxis:[]},t.list.push(c)),c.dataByAxis.push({axisDim:o.dim,axisIndex:a.componentIndex,axisType:a.type,axisId:a.id,value:i,valueLabelOpt:{precision:s.get(["label","precision"]),formatter:s.get(["label","formatter"])},seriesDataIndices:r.slice()})}}function AB(t){var e=t.axis.model,n={},i=n.axisDim=t.axis.dim;return n.axisIndex=n[i+"AxisIndex"]=e.componentIndex,n.axisName=n[i+"AxisName"]=e.name,n.axisId=n[i+"AxisId"]=e.id,n}function kB(t){return!t||null==t[0]||isNaN(t[0])||null==t[1]||isNaN(t[1])}function LB(t){$C.registerAxisPointerClass("CartesianAxisPointer",hB),t.registerComponentModel(gB),t.registerComponentView(wB),t.registerPreprocessor((function(t){if(t){(!t.axisPointer||0===t.axisPointer.length)&&(t.axisPointer={});var e=t.axisPointer.link;e&&!U(e)&&(t.axisPointer.link=[e])}})),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,(function(t,e){t.getComponent("axisPointer").coordSysAxesInfo=UC(t,e)})),t.registerAction({type:"updateAxisPointer",event:"updateAxisPointer",update:":updateAxisPointer"},IB)}var PB=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.makeElOption=function(t,e,n,i,r){var o=n.axis;"angle"===o.dim&&(this.animationThreshold=Math.PI/18);var a=o.polar,s=a.getOtherAxis(o).getExtent(),l=o.dataToCoord(e),u=i.get("type");if(u&&"none"!==u){var c=iB(i),h=OB[u](o,a,l,s);h.style=c,t.graphicKey=h.type,t.pointer=h}var d=function(t,e,n,i,r){var o=e.axis,a=o.dataToCoord(t),s=i.getAngleAxis().getExtent()[0];s=s/180*Math.PI;var l,u,c,h=i.getRadiusAxis().getExtent();if("radius"===o.dim){var d=[1,0,0,1,0,0];Me(d,d,s),Se(d,d,[i.cx,i.cy]),l=Sh([a,-r],d);var p=e.getModel("axisLabel").get("rotate")||0,f=mC.innerTextLayout(s,p*Math.PI/180,-1);u=f.textAlign,c=f.textVerticalAlign}else{var g=h[1];l=i.coordToPoint([g+r,a]);var y=i.cx,v=i.cy;u=Math.abs(l[0]-y)/g<.3?"center":l[0]>y?"left":"right",c=Math.abs(l[1]-v)/g<.3?"middle":l[1]>v?"top":"bottom"}return{position:l,align:u,verticalAlign:c}}(e,n,0,a,i.get(["label","margin"]));rB(t,n,i,r,d)},e}($E);var OB={line:function(t,e,n,i){return"angle"===t.dim?{type:"Line",shape:lB(e.coordToPoint([i[0],n]),e.coordToPoint([i[1],n]))}:{type:"Circle",shape:{cx:e.cx,cy:e.cy,r:n}}},shadow:function(t,e,n,i){var r=Math.max(1,t.getBandWidth()),o=Math.PI/180;return"angle"===t.dim?{type:"Sector",shape:cB(e.cx,e.cy,i[0],i[1],(-n-r/2)*o,(r/2-n)*o)}:{type:"Sector",shape:cB(e.cx,e.cy,n-r/2,n+r/2,0,2*Math.PI)}}},RB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.findAxisModel=function(t){var e;return this.ecModel.eachComponent(t,(function(t){t.getCoordSysModel()===this&&(e=t)}),this),e},e.type="polar",e.dependencies=["radiusAxis","angleAxis"],e.defaultOption={z:0,center:["50%","50%"],radius:"80%"},e}(Qp),NB=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getCoordSysModel=function(){return this.getReferringComponents("polar",ha).models[0]},e.type="polarAxis",e}(Qp);R(NB,nw);var zB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="angleAxis",e}(NB),EB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="radiusAxis",e}(NB),BB=function(t){function e(e,n){return t.call(this,"radius",e,n)||this}return n(e,t),e.prototype.pointToData=function(t,e){return this.polar.pointToData(t,e)["radius"===this.dim?0:1]},e}(Ww);BB.prototype.dataToRadius=Ww.prototype.dataToCoord,BB.prototype.radiusToData=Ww.prototype.coordToData;var VB=sa(),GB=function(t){function e(e,n){return t.call(this,"angle",e,n||[0,360])||this}return n(e,t),e.prototype.pointToData=function(t,e){return this.polar.pointToData(t,e)["radius"===this.dim?0:1]},e.prototype.calculateCategoryInterval=function(){var t=this,e=t.getLabelModel(),n=t.scale,i=n.getExtent(),r=n.count();if(i[1]-i[0]<1)return 0;var o=i[0],a=t.dataToCoord(o+1)-t.dataToCoord(o),s=Math.abs(a),l=Er(null==o?"":o+"",e.getFont(),"center","top"),u=Math.max(l.height,7)/s;isNaN(u)&&(u=1/0);var c=Math.max(0,Math.floor(u)),h=VB(t.model),d=h.lastAutoInterval,p=h.lastTickCount;return null!=d&&null!=p&&Math.abs(d-c)<=1&&Math.abs(p-r)<=1&&d>c?c=d:(h.lastTickCount=r,h.lastAutoInterval=c),c},e}(Ww);GB.prototype.dataToAngle=Ww.prototype.dataToCoord,GB.prototype.angleToData=Ww.prototype.coordToData;var FB=["radius","angle"],WB=function(){function t(t){this.dimensions=FB,this.type="polar",this.cx=0,this.cy=0,this._radiusAxis=new BB,this._angleAxis=new GB,this.axisPointerEnabled=!0,this.name=t||"",this._radiusAxis.polar=this._angleAxis.polar=this}return t.prototype.containPoint=function(t){var e=this.pointToCoord(t);return this._radiusAxis.contain(e[0])&&this._angleAxis.contain(e[1])},t.prototype.containData=function(t){return this._radiusAxis.containData(t[0])&&this._angleAxis.containData(t[1])},t.prototype.getAxis=function(t){return this["_"+t+"Axis"]},t.prototype.getAxes=function(){return[this._radiusAxis,this._angleAxis]},t.prototype.getAxesByScale=function(t){var e=[],n=this._angleAxis,i=this._radiusAxis;return n.scale.type===t&&e.push(n),i.scale.type===t&&e.push(i),e},t.prototype.getAngleAxis=function(){return this._angleAxis},t.prototype.getRadiusAxis=function(){return this._radiusAxis},t.prototype.getOtherAxis=function(t){var e=this._angleAxis;return t===e?this._radiusAxis:e},t.prototype.getBaseAxis=function(){return this.getAxesByScale("ordinal")[0]||this.getAxesByScale("time")[0]||this.getAngleAxis()},t.prototype.getTooltipAxes=function(t){var e=null!=t&&"auto"!==t?this.getAxis(t):this.getBaseAxis();return{baseAxes:[e],otherAxes:[this.getOtherAxis(e)]}},t.prototype.dataToPoint=function(t,e,n){return this.coordToPoint([this._radiusAxis.dataToRadius(t[0],e),this._angleAxis.dataToAngle(t[1],e)],n)},t.prototype.pointToData=function(t,e,n){n=n||[];var i=this.pointToCoord(t);return n[0]=this._radiusAxis.radiusToData(i[0],e),n[1]=this._angleAxis.angleToData(i[1],e),n},t.prototype.pointToCoord=function(t){var e=t[0]-this.cx,n=t[1]-this.cy,i=this.getAngleAxis(),r=i.getExtent(),o=Math.min(r[0],r[1]),a=Math.max(r[0],r[1]);i.inverse?o=a-360:a=o+360;var s=Math.sqrt(e*e+n*n);e/=s,n/=s;for(var l=Math.atan2(-n,e)/Math.PI*180,u=l<o?1:-1;l<o||l>a;)l+=360*u;return[s,l]},t.prototype.coordToPoint=function(t,e){e=e||[];var n=t[0],i=t[1]/180*Math.PI;return e[0]=Math.cos(i)*n+this.cx,e[1]=-Math.sin(i)*n+this.cy,e},t.prototype.getArea=function(){var t=this.getAngleAxis(),e=this.getRadiusAxis().getExtent().slice();e[0]>e[1]&&e.reverse();var n=t.getExtent(),i=Math.PI/180,r=1e-4;return{cx:this.cx,cy:this.cy,r0:e[0],r:e[1],startAngle:-n[0]*i,endAngle:-n[1]*i,clockwise:t.inverse,contain:function(t,e){var n=t-this.cx,i=e-this.cy,o=n*n+i*i,a=this.r,s=this.r0;return a!==s&&o-r<=a*a&&o+r>=s*s},x:this.cx-e[1],y:this.cy-e[1],width:2*e[1],height:2*e[1]}},t.prototype.convertToPixel=function(t,e,n){return HB(e)===this?this.dataToPoint(n):null},t.prototype.convertFromPixel=function(t,e,n){return HB(e)===this?this.pointToData(n):null},t}();function HB(t){var e=t.seriesModel,n=t.polarModel;return n&&n.coordinateSystem||e&&e.coordinateSystem}function UB(t,e){var n=this,i=n.getAngleAxis(),r=n.getRadiusAxis();if(i.scale.setExtent(1/0,-1/0),r.scale.setExtent(1/0,-1/0),t.eachSeries((function(t){if(t.coordinateSystem===n){var e=t.getData();z(Jb(e,"radius"),(function(t){r.scale.unionExtentFromData(e,t)})),z(Jb(e,"angle"),(function(t){i.scale.unionExtentFromData(e,t)}))}})),Xb(i.scale,i.model),Xb(r.scale,r.model),"category"===i.type&&!i.onBand){var o=i.getExtent(),a=360/i.scale.count();i.inverse?o[1]+=a:o[1]-=a,i.setExtent(o[0],o[1])}}function YB(t,e){var n;if(t.type=e.get("type"),t.scale=Zb(e),t.onBand=e.get("boundaryGap")&&"category"===t.type,t.inverse=e.get("inverse"),function(t){return"angleAxis"===t.mainType}(e)){t.inverse=t.inverse!==e.get("clockwise");var i=e.get("startAngle"),r=null!==(n=e.get("endAngle"))&&void 0!==n?n:i+(t.inverse?-360:360);t.setExtent(i,r)}e.axis=t,t.model=e}var XB={dimensions:FB,create:function(t,e){var n=[];return t.eachComponent("polar",(function(t,i){var r=new WB(i+"");r.update=UB;var o=r.getRadiusAxis(),a=r.getAngleAxis(),s=t.findAxisModel("radiusAxis"),l=t.findAxisModel("angleAxis");YB(o,s),YB(a,l),function(t,e,n){var i=e.get("center"),r=Xp(e,n).refContainer;t.cx=yo(i[0],r.width)+r.x,t.cy=yo(i[1],r.height)+r.y;var o=t.getRadiusAxis(),a=Math.min(r.width,r.height)/2,s=e.get("radius");null==s?s=[0,"100%"]:U(s)||(s=[0,s]);var l=[yo(s[0],a),yo(s[1],a)];o.inverse?o.setExtent(l[1],l[0]):o.setExtent(l[0],l[1])}(r,t,e),n.push(r),t.coordinateSystem=r,r.model=t})),t.eachSeries((function(t){if("polar"===t.get("coordinateSystem")){var e=t.getReferringComponents("polar",ha).models[0];0,t.coordinateSystem=e.coordinateSystem}})),n}},ZB=["axisLine","axisLabel","axisTick","minorTick","splitLine","minorSplitLine","splitArea"];function jB(t,e,n){e[1]>e[0]&&(e=e.slice().reverse());var i=t.coordToPoint([e[0],n]),r=t.coordToPoint([e[1],n]);return{x1:i[0],y1:i[1],x2:r[0],y2:r[1]}}function qB(t){return t.getRadiusAxis().inverse?0:1}function KB(t){var e=t[0],n=t[t.length-1];e&&n&&Math.abs(Math.abs(e.coord-n.coord)-360)<1e-4&&t.pop()}var $B=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="PolarAxisPointer",n}return n(e,t),e.prototype.render=function(t,e){if(this.group.removeAll(),t.get("show")){var n=t.axis,i=n.polar,r=i.getRadiusAxis().getExtent(),o=n.getTicksCoords({breakTicks:"none"}),a=n.getMinorTicksCoords(),s=E(n.getViewLabels(),(function(t){t=T(t);var e=n.scale,i="ordinal"===e.type?e.getRawOrdinalNumber(t.tickValue):t.tickValue;return t.coord=n.dataToCoord(i),t}));KB(s),KB(o),z(ZB,(function(e){!t.get([e,"show"])||n.scale.isBlank()&&"axisLine"!==e||JB[e](this.group,t,i,o,a,r,s)}),this)}},e.type="angleAxis",e}($C),JB={axisLine:function(t,e,n,i,r,o){var a,s=e.getModel(["axisLine","lineStyle"]),l=n.getAngleAxis(),u=Math.PI/180,c=l.getExtent(),h=qB(n),d=h?0:1,p=360===Math.abs(c[1]-c[0])?"Circle":"Arc";(a=0===o[d]?new Zh[p]({shape:{cx:n.cx,cy:n.cy,r:o[h],startAngle:-c[0]*u,endAngle:-c[1]*u,clockwise:l.inverse},style:s.getLineStyle(),z2:1,silent:!0}):new bc({shape:{cx:n.cx,cy:n.cy,r:o[h],r0:o[d]},style:s.getLineStyle(),z2:1,silent:!0})).style.fill=null,t.add(a)},axisTick:function(t,e,n,i,r,o){var a=e.getModel("axisTick"),s=(a.get("inside")?-1:1)*a.get("length"),l=o[qB(n)],u=E(i,(function(t){return new Ac({shape:jB(n,[l,l+s],t.coord)})}));t.add(mh(u,{style:k(a.getModel("lineStyle").getLineStyle(),{stroke:e.get(["axisLine","lineStyle","color"])})}))},minorTick:function(t,e,n,i,r,o){if(r.length){for(var a=e.getModel("axisTick"),s=e.getModel("minorTick"),l=(a.get("inside")?-1:1)*s.get("length"),u=o[qB(n)],c=[],h=0;h<r.length;h++)for(var d=0;d<r[h].length;d++)c.push(new Ac({shape:jB(n,[u,u+l],r[h][d].coord)}));t.add(mh(c,{style:k(s.getModel("lineStyle").getLineStyle(),k(a.getLineStyle(),{stroke:e.get(["axisLine","lineStyle","color"])}))}))}},axisLabel:function(t,e,n,i,r,o,a){var s=e.getCategories(!0),l=e.getModel("axisLabel"),u=l.get("margin"),c=e.get("triggerEvent");z(a,(function(i,r){var a=l,h=i.tickValue,d=o[qB(n)],p=n.coordToPoint([d+u,i.coord]),f=n.cx,g=n.cy,y=Math.abs(p[0]-f)/d<.3?"center":p[0]>f?"left":"right",v=Math.abs(p[1]-g)/d<.3?"middle":p[1]>g?"top":"bottom";if(s&&s[h]){var m=s[h];q(m)&&m.textStyle&&(a=new wd(m.textStyle,l,l.ecModel))}var x=new Sl({silent:mC.isLabelSilent(e),style:Qh(a,{x:p[0],y:p[1],fill:a.getTextColor()||e.get(["axisLine","lineStyle","color"]),text:i.formattedLabel,align:y,verticalAlign:v})});if(t.add(x),zh({el:x,componentModel:e,itemName:i.formattedLabel,formatterParamsExtra:{isTruncated:function(){return x.isTruncated},value:i.rawLabel,tickIndex:r}}),c){var _=mC.makeAxisEventDataBase(e);_.targetType="axisLabel",_.value=i.rawLabel,zl(x).eventData=_}}),this)},splitLine:function(t,e,n,i,r,o){var a=e.getModel("splitLine").getModel("lineStyle"),s=a.get("color"),l=0;s=s instanceof Array?s:[s];for(var u=[],c=0;c<i.length;c++){var h=l++%s.length;u[h]=u[h]||[],u[h].push(new Ac({shape:jB(n,o,i[c].coord)}))}for(c=0;c<u.length;c++)t.add(mh(u[c],{style:k({stroke:s[c%s.length]},a.getLineStyle()),silent:!0,z:e.get("z")}))},minorSplitLine:function(t,e,n,i,r,o){if(r.length){for(var a=e.getModel("minorSplitLine").getModel("lineStyle"),s=[],l=0;l<r.length;l++)for(var u=0;u<r[l].length;u++)s.push(new Ac({shape:jB(n,o,r[l][u].coord)}));t.add(mh(s,{style:a.getLineStyle(),silent:!0,z:e.get("z")}))}},splitArea:function(t,e,n,i,r,o){if(i.length){var a=e.getModel("splitArea").getModel("areaStyle"),s=a.get("color"),l=0;s=s instanceof Array?s:[s];for(var u=[],c=Math.PI/180,h=-i[0].coord*c,d=Math.min(o[0],o[1]),p=Math.max(o[0],o[1]),f=e.get("clockwise"),g=1,y=i.length;g<=y;g++){var v=g===y?i[0].coord:i[g].coord,m=l++%s.length;u[m]=u[m]||[],u[m].push(new xc({shape:{cx:n.cx,cy:n.cy,r0:d,r:p,startAngle:h,endAngle:-v*c,clockwise:f},silent:!0})),h=-v*c}for(g=0;g<u.length;g++)t.add(mh(u[g],{style:k({fill:s[g%s.length]},a.getAreaStyle()),silent:!0}))}}},QB=["splitLine","splitArea","minorSplitLine"],tV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="PolarAxisPointer",n}return n(e,t),e.prototype.render=function(t,e,n){if(this.group.removeAll(),t.get("show")){var i=this._axisGroup,r=this._axisGroup=new to;this.group.add(r);var o=t.axis,a=o.polar,s=a.getAngleAxis(),l=o.getTicksCoords(),u=o.getMinorTicksCoords(),c=s.getExtent()[0],h=o.getExtent(),d=function(t,e,n){return{position:[t.cx,t.cy],rotation:n/180*Math.PI,labelDirection:-1,tickDirection:-1,nameDirection:1,labelRotate:e.getModel("axisLabel").get("rotate"),z2:1}}(a,t,c),p=new mC(t,n,d);p.build(),r.add(p.group),Th(i,r,t),z(QB,(function(e){t.get([e,"show"])&&!o.scale.isBlank()&&eV[e](this.group,t,a,c,h,l,u)}),this)}},e.type="radiusAxis",e}($C),eV={splitLine:function(t,e,n,i,r,o){var a=e.getModel("splitLine").getModel("lineStyle"),s=a.get("color"),l=0,u=n.getAngleAxis(),c=Math.PI/180,h=u.getExtent(),d=360===Math.abs(h[1]-h[0])?"Circle":"Arc";s=s instanceof Array?s:[s];for(var p=[],f=0;f<o.length;f++){var g=l++%s.length;p[g]=p[g]||[],p[g].push(new Zh[d]({shape:{cx:n.cx,cy:n.cy,r:Math.max(o[f].coord,0),startAngle:-h[0]*c,endAngle:-h[1]*c,clockwise:u.inverse}}))}for(f=0;f<p.length;f++)t.add(mh(p[f],{style:k({stroke:s[f%s.length],fill:null},a.getLineStyle()),silent:!0}))},minorSplitLine:function(t,e,n,i,r,o,a){if(a.length){for(var s=e.getModel("minorSplitLine").getModel("lineStyle"),l=[],u=0;u<a.length;u++)for(var c=0;c<a[u].length;c++)l.push(new nc({shape:{cx:n.cx,cy:n.cy,r:a[u][c].coord}}));t.add(mh(l,{style:k({fill:null},s.getLineStyle()),silent:!0}))}},splitArea:function(t,e,n,i,r,o){if(o.length){var a=e.getModel("splitArea").getModel("areaStyle"),s=a.get("color"),l=0;s=s instanceof Array?s:[s];for(var u=[],c=o[0].coord,h=1;h<o.length;h++){var d=l++%s.length;u[d]=u[d]||[],u[d].push(new xc({shape:{cx:n.cx,cy:n.cy,r0:c,r:o[h].coord,startAngle:0,endAngle:2*Math.PI},silent:!0})),c=o[h].coord}for(h=0;h<u.length;h++)t.add(mh(u[h],{style:k({fill:s[h%s.length]},a.getAreaStyle()),silent:!0}))}}};function nV(t){return t.get("stack")||"__ec_stack_"+t.seriesIndex}function iV(t,e){return e.dim+t.model.componentIndex}function rV(t,e,n){var i={},r=function(t){var e={};z(t,(function(t,n){var i=t.getData(),r=t.coordinateSystem,o=r.getBaseAxis(),a=iV(r,o),s=o.getExtent(),l="category"===o.type?o.getBandWidth():Math.abs(s[1]-s[0])/i.count(),u=e[a]||{bandWidth:l,remainedWidth:l,autoWidthCount:0,categoryGap:"20%",gap:"30%",stacks:{}},c=u.stacks;e[a]=u;var h=nV(t);c[h]||u.autoWidthCount++,c[h]=c[h]||{width:0,maxWidth:0};var d=yo(t.get("barWidth"),l),p=yo(t.get("barMaxWidth"),l),f=t.get("barGap"),g=t.get("barCategoryGap");d&&!c[h].width&&(d=Math.min(u.remainedWidth,d),c[h].width=d,u.remainedWidth-=d),p&&(c[h].maxWidth=p),null!=f&&(u.gap=f),null!=g&&(u.categoryGap=g)}));var n={};return z(e,(function(t,e){n[e]={};var i=t.stacks,r=t.bandWidth,o=yo(t.categoryGap,r),a=yo(t.gap,1),s=t.remainedWidth,l=t.autoWidthCount,u=(s-o)/(l+(l-1)*a);u=Math.max(u,0),z(i,(function(t,e){var n=t.maxWidth;n&&n<u&&(n=Math.min(n,s),t.width&&(n=Math.min(n,t.width)),s-=n,t.width=n,l--)})),u=(s-o)/(l+(l-1)*a),u=Math.max(u,0);var c,h=0;z(i,(function(t,e){t.width||(t.width=u),c=t,h+=t.width*(1+a)})),c&&(h-=c.width*a);var d=-h/2;z(i,(function(t,i){n[e][i]=n[e][i]||{offset:d,width:t.width},d+=t.width*(1+a)}))})),n}(V(e.getSeriesByType(t),(function(t){return!e.isSeriesFiltered(t)&&t.coordinateSystem&&"polar"===t.coordinateSystem.type})));e.eachSeriesByType(t,(function(t){if("polar"===t.coordinateSystem.type){var e=t.getData(),n=t.coordinateSystem,o=n.getBaseAxis(),a=iV(n,o),s=nV(t),l=r[a][s],u=l.offset,c=l.width,h=n.getOtherAxis(o),d=t.coordinateSystem.cx,p=t.coordinateSystem.cy,f=t.get("barMinHeight")||0,g=t.get("barMinAngle")||0;i[s]=i[s]||[];for(var y=e.mapDimension(h.dim),v=e.mapDimension(o.dim),m=Y_(e,y),x="radius"!==o.dim||!t.get("roundCap",!0),_=h.model.get("startValue"),b=h.dataToCoord(_||0),w=0,S=e.count();w<S;w++){var M=e.get(y,w),I=e.get(v,w),T=M>=0?"p":"n",C=b;m&&(i[s][I]||(i[s][I]={p:b,n:b}),C=i[s][I][T]);var D=void 0,A=void 0,k=void 0,L=void 0;if("radius"===h.dim){var P=h.dataToCoord(M)-b,O=o.dataToCoord(I);Math.abs(P)<f&&(P=(P<0?-1:1)*f),D=C,A=C+P,L=(k=O-u)-c,m&&(i[s][I][T]=A)}else{var R=h.dataToCoord(M,x)-b,N=o.dataToCoord(I);Math.abs(R)<g&&(R=(R<0?-1:1)*g),A=(D=N+u)+c,k=C,L=C+R,m&&(i[s][I][T]=L)}e.setItemLayout(w,{cx:d,cy:p,r0:D,r:A,startAngle:-k*Math.PI/180,endAngle:-L*Math.PI/180,clockwise:k>=L})}}}))}var oV={startAngle:90,clockwise:!0,splitNumber:12,axisLabel:{rotate:0}},aV={splitNumber:5},sV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="polar",e}(Ky);function lV(t,e){e=e||{};var n=t.coordinateSystem,i=t.axis,r={},o=i.position,a=i.orient,s=n.getRect(),l=[s.x,s.x+s.width,s.y,s.y+s.height],u={horizontal:{top:l[2],bottom:l[3]},vertical:{left:l[0],right:l[1]}};r.position=["vertical"===a?u.vertical[o]:l[0],"horizontal"===a?u.horizontal[o]:l[3]];r.rotation=Math.PI/2*{horizontal:0,vertical:1}[a];r.labelDirection=r.tickDirection=r.nameDirection={top:-1,bottom:1,right:1,left:-1}[o],t.get(["axisTick","inside"])&&(r.tickDirection=-r.tickDirection),it(e.labelInside,t.get(["axisLabel","inside"]))&&(r.labelDirection=-r.labelDirection);var c=t.get(["axisLabel","rotate"]);return r.labelRotate="top"===o?-c:c,r.z2=1,r}var uV=["splitArea","splitLine","breakArea"],cV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="SingleAxisPointer",n}return n(e,t),e.prototype.render=function(e,n,i,r){var o=this.group;o.removeAll();var a=this._axisGroup;this._axisGroup=new to;var s=lV(e),l=new mC(e,i,s);l.build(),o.add(this._axisGroup),o.add(l.group),z(uV,(function(t){e.get([t,"show"])&&hV[t](this,this.group,this._axisGroup,e,i)}),this),Th(a,this._axisGroup,e),t.prototype.render.call(this,e,n,i,r)},e.prototype.remove=function(){tD(this)},e.type="singleAxis",e}($C),hV={splitLine:function(t,e,n,i,r){var o=i.axis;if(!o.scale.isBlank()){var a=i.getModel("splitLine"),s=a.getModel("lineStyle"),l=s.get("color");l=l instanceof Array?l:[l];for(var u=s.get("width"),c=i.coordinateSystem.getRect(),h=o.isHorizontal(),d=[],p=0,f=o.getTicksCoords({tickModel:a,breakTicks:"none",pruneByBreak:"preserve_extent_bound"}),g=[],y=[],v=0;v<f.length;++v){var m=o.toGlobalCoord(f[v].coord);h?(g[0]=m,g[1]=c.y,y[0]=m,y[1]=c.y+c.height):(g[0]=c.x,g[1]=m,y[0]=c.x+c.width,y[1]=m);var x=new Ac({shape:{x1:g[0],y1:g[1],x2:y[0],y2:y[1]},silent:!0});_h(x.shape,u);var _=p++%l.length;d[_]=d[_]||[],d[_].push(x)}var b=s.getLineStyle(["color"]);for(v=0;v<d.length;++v)e.add(mh(d[v],{style:k({stroke:l[v%l.length]},b),silent:!0}))}},splitArea:function(t,e,n,i,r){QC(t,n,i,i)},breakArea:function(t,e,n,i,r){var o=YT(),a=i.axis.scale;o&&"ordinal"!==a.type&&o.rectCoordBuildBreakAxis(e,t,i,i.coordinateSystem.getRect(),r)}},dV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getCoordSysModel=function(){return this},e.type="singleAxis",e.layoutMode="box",e.defaultOption={left:"5%",top:"5%",right:"5%",bottom:"5%",type:"value",position:"bottom",orient:"horizontal",axisLine:{show:!0,lineStyle:{width:1,type:"solid"}},tooltip:{show:!0},axisTick:{show:!0,length:6,lineStyle:{width:1}},axisLabel:{show:!0,interval:"auto"},splitLine:{show:!0,lineStyle:{type:"dashed",opacity:.2}},jitter:0,jitterOverlap:!0,jitterMargin:2},e}(Qp);R(dV,nw.prototype);var pV=function(t){function e(e,n,i,r,o){var a=t.call(this,e,n,i)||this;return a.type=r||"value",a.position=o||"bottom",a}return n(e,t),e.prototype.isHorizontal=function(){var t=this.position;return"top"===t||"bottom"===t},e.prototype.pointToData=function(t,e){return this.coordinateSystem.pointToData(t)[0]},e}(Ww),fV=["single"],gV=function(){function t(t,e,n){this.type="single",this.dimension="single",this.dimensions=fV,this.axisPointerEnabled=!0,this.model=t,this._init(t,e,n)}return t.prototype._init=function(t,e,n){var i=this.dimension,r=new pV(i,Zb(t),[0,0],t.get("type"),t.get("position")),o="category"===r.type;r.onBand=o&&t.get("boundaryGap"),r.inverse=t.get("inverse"),r.orient=t.get("orient"),t.axis=r,r.model=t,r.coordinateSystem=this,this._axis=r},t.prototype.update=function(t,e){t.eachSeries((function(t){if(t.coordinateSystem===this){var e=t.getData();z(e.mapDimensionsAll(this.dimension),(function(t){this._axis.scale.unionExtentFromData(e,t)}),this),Xb(this._axis.scale,this._axis.model)}}),this)},t.prototype.resize=function(t,e){var n=Xp(t,e).refContainer;this._rect=Hp(t.getBoxLayoutParams(),n),this._adjustAxis()},t.prototype.getRect=function(){return this._rect},t.prototype._adjustAxis=function(){var t=this._rect,e=this._axis,n=e.isHorizontal(),i=n?[0,t.width]:[0,t.height],r=e.inverse?1:0;e.setExtent(i[r],i[1-r]),this._updateAxisTransform(e,n?t.x:t.y)},t.prototype._updateAxisTransform=function(t,e){var n=t.getExtent(),i=n[0]+n[1],r=t.isHorizontal();t.toGlobalCoord=r?function(t){return t+e}:function(t){return i-t+e},t.toLocalCoord=r?function(t){return t-e}:function(t){return i-t+e}},t.prototype.getAxis=function(){return this._axis},t.prototype.getBaseAxis=function(){return this._axis},t.prototype.getAxes=function(){return[this._axis]},t.prototype.getTooltipAxes=function(){return{baseAxes:[this.getAxis()],otherAxes:[]}},t.prototype.containPoint=function(t){var e=this.getRect(),n=this.getAxis();return"horizontal"===n.orient?n.contain(n.toLocalCoord(t[0]))&&t[1]>=e.y&&t[1]<=e.y+e.height:n.contain(n.toLocalCoord(t[1]))&&t[0]>=e.y&&t[0]<=e.y+e.height},t.prototype.pointToData=function(t,e,n){n=n||[];var i=this.getAxis();return n[0]=i.coordToData(i.toLocalCoord(t["horizontal"===i.orient?0:1])),n},t.prototype.dataToPoint=function(t,e,n){var i=this.getAxis(),r=this.getRect();n=n||[];var o="horizontal"===i.orient?0:1;return t instanceof Array&&(t=t[0]),n[o]=i.toGlobalCoord(i.dataToCoord(+t)),n[1-o]=0===o?r.y+r.height/2:r.x+r.width/2,n},t.prototype.convertToPixel=function(t,e,n){return yV(e)===this?this.dataToPoint(n):null},t.prototype.convertFromPixel=function(t,e,n){return yV(e)===this?this.pointToData(n):null},t}();function yV(t){var e=t.seriesModel,n=t.singleAxisModel;return n&&n.coordinateSystem||e&&e.coordinateSystem}var vV={create:function(t,e){var n=[];return t.eachComponent("singleAxis",(function(i,r){var o=new gV(i,t,e);o.name="single_"+r,o.resize(i,e),i.coordinateSystem=o,n.push(o)})),t.eachSeries((function(t){if("singleAxis"===t.get("coordinateSystem")){var e=t.getReferringComponents("singleAxis",ha).models[0];t.coordinateSystem=e&&e.coordinateSystem}})),n},dimensions:fV},mV=["x","y"],xV=["width","height"],_V=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.makeElOption=function(t,e,n,i,r){var o=n.axis,a=o.coordinateSystem,s=SV(a,1-wV(o)),l=a.dataToPoint(e)[0],u=i.get("type");if(u&&"none"!==u){var c=iB(i),h=bV[u](o,l,s);h.style=c,t.graphicKey=h.type,t.pointer=h}sB(e,t,lV(n),n,i,r)},e.prototype.getHandleTransform=function(t,e,n){var i=lV(e,{labelInside:!1});i.labelMargin=n.get(["handle","margin"]);var r=aB(e.axis,t,i);return{x:r[0],y:r[1],rotation:i.rotation+(i.labelDirection<0?Math.PI:0)}},e.prototype.updateHandleTransform=function(t,e,n,i){var r=n.axis,o=r.coordinateSystem,a=wV(r),s=SV(o,a),l=[t.x,t.y];l[a]+=e[a],l[a]=Math.min(s[1],l[a]),l[a]=Math.max(s[0],l[a]);var u=SV(o,1-a),c=(u[1]+u[0])/2,h=[c,c];return h[a]=l[a],{x:l[0],y:l[1],rotation:t.rotation,cursorPoint:h,tooltipOption:{verticalAlign:"middle"}}},e}($E),bV={line:function(t,e,n){return{type:"Line",subPixelOptimize:!0,shape:lB([e,n[0]],[e,n[1]],wV(t))}},shadow:function(t,e,n){var i=t.getBandWidth(),r=n[1]-n[0];return{type:"Rect",shape:uB([e-i/2,n[0]],[i,r],wV(t))}}};function wV(t){return t.isHorizontal()?0:1}function SV(t,e){var n=t.getRect();return[n[mV[e]],n[mV[e]]+n[xV[e]]]}var MV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="single",e}(Ky);var IV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e,n,i){var r=Kp(e);t.prototype.init.apply(this,arguments),TV(e,r)},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),TV(this.option,e)},e.prototype.getCellSize=function(){return this.option.cellSize},e.type="calendar",e.layoutMode="box",e.defaultOption={z:2,left:80,top:60,cellSize:20,orient:"horizontal",splitLine:{show:!0,lineStyle:{color:tf.color.axisLine,width:1,type:"solid"}},itemStyle:{color:tf.color.neutral00,borderWidth:1,borderColor:tf.color.neutral10},dayLabel:{show:!0,firstDay:0,position:"start",margin:tf.size.s,color:tf.color.secondary},monthLabel:{show:!0,position:"start",margin:tf.size.s,align:"center",formatter:null,color:tf.color.secondary},yearLabel:{show:!0,position:null,margin:tf.size.xl,formatter:null,color:tf.color.quaternary,fontFamily:"sans-serif",fontWeight:"bolder",fontSize:20}},e}(Qp);function TV(t,e){var n,i=t.cellSize;1===(n=U(i)?i:t.cellSize=[i,i]).length&&(n[1]=n[0]);var r=E([0,1],(function(t){return function(t,e){return null!=t[Bp[e][0]]||null!=t[Bp[e][1]]&&null!=t[Bp[e][2]]}(e,t)&&(n[t]="auto"),null!=n[t]&&"auto"!==n[t]}));qp(t,e,{type:"box",ignoreSize:r})}var CV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=this.group;i.removeAll();var r=t.coordinateSystem,o=r.getRangeInfo(),a=r.getOrient(),s=e.getLocaleModel();this._renderDayRect(t,o,i),this._renderLines(t,o,a,i),this._renderYearText(t,o,a,i),this._renderMonthText(t,s,a,i),this._renderWeekText(t,s,o,a,i)},e.prototype._renderDayRect=function(t,e,n){for(var i=t.coordinateSystem,r=t.getModel("itemStyle").getItemStyle(),o=i.getCellWidth(),a=i.getCellHeight(),s=e.start.time;s<=e.end.time;s=i.getNextNDay(s,1).time){var l=i.dataToCalendarLayout([s],!1).tl,u=new xl({shape:{x:l[0],y:l[1],width:o,height:a},cursor:"default",style:r});n.add(u)}},e.prototype._renderLines=function(t,e,n,i){var r=this,o=t.coordinateSystem,a=t.getModel(["splitLine","lineStyle"]).getLineStyle(),s=t.get(["splitLine","show"]),l=a.lineWidth;this._tlpoints=[],this._blpoints=[],this._firstDayOfMonth=[],this._firstDayPoints=[];for(var u=e.start,c=0;u.time<=e.end.time;c++){d(u.formatedDate),0===c&&(u=o.getDateInfo(e.start.y+"-"+e.start.m));var h=u.date;h.setMonth(h.getMonth()+1),u=o.getDateInfo(h)}function d(e){r._firstDayOfMonth.push(o.getDateInfo(e)),r._firstDayPoints.push(o.dataToCalendarLayout([e],!1).tl);var l=r._getLinePointsOfOneWeek(t,e,n);r._tlpoints.push(l[0]),r._blpoints.push(l[l.length-1]),s&&r._drawSplitline(l,a,i)}d(o.getNextNDay(e.end.time,1).formatedDate),s&&this._drawSplitline(r._getEdgesPoints(r._tlpoints,l,n),a,i),s&&this._drawSplitline(r._getEdgesPoints(r._blpoints,l,n),a,i)},e.prototype._getEdgesPoints=function(t,e,n){var i=[t[0].slice(),t[t.length-1].slice()],r="horizontal"===n?0:1;return i[0][r]=i[0][r]-e/2,i[1][r]=i[1][r]+e/2,i},e.prototype._drawSplitline=function(t,e,n){var i=new Tc({z2:20,shape:{points:t},style:e});n.add(i)},e.prototype._getLinePointsOfOneWeek=function(t,e,n){for(var i=t.coordinateSystem,r=i.getDateInfo(e),o=[],a=0;a<7;a++){var s=i.getNextNDay(r.time,a),l=i.dataToCalendarLayout([s.time],!1);o[2*s.day]=l.tl,o[2*s.day+1]=l["horizontal"===n?"bl":"tr"]}return o},e.prototype._formatterLabel=function(t,e){return X(t)&&t?(n=t,z(e,(function(t,e){n=n.replace("{"+e+"}",i?oe(t):t)})),n):Y(t)?t(e):e.nameMap;var n,i},e.prototype._yearTextPositionControl=function(t,e,n,i,r){var o=e[0],a=e[1],s=["center","bottom"];"bottom"===i?(a+=r,s=["center","top"]):"left"===i?o-=r:"right"===i?(o+=r,s=["center","top"]):a-=r;var l=0;return"left"!==i&&"right"!==i||(l=Math.PI/2),{rotation:l,x:o,y:a,style:{align:s[0],verticalAlign:s[1]}}},e.prototype._renderYearText=function(t,e,n,i){var r=t.getModel("yearLabel");if(r.get("show")){var o=r.get("margin"),a=r.get("position");a||(a="horizontal"!==n?"top":"left");var s=[this._tlpoints[this._tlpoints.length-1],this._blpoints[0]],l=(s[0][0]+s[1][0])/2,u=(s[0][1]+s[1][1])/2,c="horizontal"===n?0:1,h={top:[l,s[c][1]],bottom:[l,s[1-c][1]],left:[s[1-c][0],u],right:[s[c][0],u]},d=e.start.y;+e.end.y>+e.start.y&&(d=d+"-"+e.end.y);var p=r.get("formatter"),f={start:e.start.y,end:e.end.y,nameMap:d},g=this._formatterLabel(p,f),y=new Sl({z2:30,style:Qh(r,{text:g}),silent:r.get("silent")});y.attr(this._yearTextPositionControl(y,h[a],n,a,o)),i.add(y)}},e.prototype._monthTextPositionControl=function(t,e,n,i,r){var o="left",a="top",s=t[0],l=t[1];return"horizontal"===n?(l+=r,e&&(o="center"),"start"===i&&(a="bottom")):(s+=r,e&&(a="middle"),"start"===i&&(o="right")),{x:s,y:l,align:o,verticalAlign:a}},e.prototype._renderMonthText=function(t,e,n,i){var r=t.getModel("monthLabel");if(r.get("show")){var o=r.get("nameMap"),a=r.get("margin"),s=r.get("position"),l=r.get("align"),u=[this._tlpoints,this._blpoints];o&&!X(o)||(o&&(e=Od(o)||e),o=e.get(["time","monthAbbr"])||[]);var c="start"===s?0:1,h="horizontal"===n?0:1;a="start"===s?-a:a;for(var d="center"===l,p=r.get("silent"),f=0;f<u[c].length-1;f++){var g=u[c][f].slice(),y=this._firstDayOfMonth[f];if(d){var v=this._firstDayPoints[f];g[h]=(v[h]+u[0][f+1][h])/2}var m=r.get("formatter"),x=o[+y.m-1],_={yyyy:y.y,yy:(y.y+"").slice(2),MM:y.m,M:+y.m,nameMap:x},b=this._formatterLabel(m,_),w=new Sl({z2:30,style:A(Qh(r,{text:b}),this._monthTextPositionControl(g,d,n,s,a)),silent:p});i.add(w)}}},e.prototype._weekTextPositionControl=function(t,e,n,i,r){var o="center",a="middle",s=t[0],l=t[1],u="start"===n;return"horizontal"===e?(s=s+i+(u?1:-1)*r[0]/2,o=u?"right":"left"):(l=l+i+(u?1:-1)*r[1]/2,a=u?"bottom":"top"),{x:s,y:l,align:o,verticalAlign:a}},e.prototype._renderWeekText=function(t,e,n,i,r){var o=t.getModel("dayLabel");if(o.get("show")){var a=t.coordinateSystem,s=o.get("position"),l=o.get("nameMap"),u=o.get("margin"),c=a.getFirstDayOfWeek();if(!l||X(l))l&&(e=Od(l)||e),l=e.get(["time","dayOfWeekShort"])||E(e.get(["time","dayOfWeekAbbr"]),(function(t){return t[0]}));var h=a.getNextNDay(n.end.time,7-n.lweek).time,d=[a.getCellWidth(),a.getCellHeight()];u=yo(u,Math.min(d[1],d[0])),"start"===s&&(h=a.getNextNDay(n.start.time,-(7+n.fweek)).time,u=-u);for(var p=o.get("silent"),f=0;f<7;f++){var g,y=a.getNextNDay(h,f),v=a.dataToCalendarLayout([y.time],!1).center;g=Math.abs((f+c)%7);var m=new Sl({z2:30,style:A(Qh(o,{text:l[g]}),this._weekTextPositionControl(v,i,s,u,d)),silent:p});r.add(m)}}},e.type="calendar",e}(Ky),DV=864e5,AV=function(){function t(e,n,i){this.type="calendar",this.dimensions=t.dimensions,this.getDimensionsInfo=t.getDimensionsInfo,this._model=e,this._update(n,i)}return t.getDimensionsInfo=function(){return[{name:"time",type:"time"},"value"]},t.prototype.getRangeInfo=function(){return this._rangeInfo},t.prototype.getModel=function(){return this._model},t.prototype.getRect=function(){return this._rect},t.prototype.getCellWidth=function(){return this._sw},t.prototype.getCellHeight=function(){return this._sh},t.prototype.getOrient=function(){return this._orient},t.prototype.getFirstDayOfWeek=function(){return this._firstDayOfWeek},t.prototype.getDateInfo=function(t){var e=(t=Ao(t)).getFullYear(),n=t.getMonth()+1,i=n<10?"0"+n:""+n,r=t.getDate(),o=r<10?"0"+r:""+r,a=t.getDay();return{y:e+"",m:i,d:o,day:a=Math.abs((a+7-this.getFirstDayOfWeek())%7),time:t.getTime(),formatedDate:e+"-"+i+"-"+o,date:t}},t.prototype.getNextNDay=function(t,e){return 0===(e=e||0)||(t=new Date(this.getDateInfo(t).time)).setDate(t.getDate()+e),this.getDateInfo(t)},t.prototype._update=function(t,e){this._firstDayOfWeek=+this._model.getModel("dayLabel").get("firstDay"),this._orient=this._model.get("orient"),this._lineWidth=this._model.getModel("itemStyle").getItemStyle().lineWidth||0,this._rangeInfo=this._getRangeInfo(this._initRangeOption());var n=this._rangeInfo.weeks||1,i=["width","height"],r=this._model.getCellSize().slice(),o=this._model.getBoxLayoutParams(),a="horizontal"===this._orient?[n,7]:[7,n];z([0,1],(function(t){u(r,t)&&(o[i[t]]=r[t]*a[t])}));var s={width:e.getWidth(),height:e.getHeight()},l=this._rect=Hp(o,s);function u(t,e){return null!=t[e]&&"auto"!==t[e]}z([0,1],(function(t){u(r,t)||(r[t]=l[i[t]]/a[t])})),this._sw=r[0],this._sh=r[1]},t.prototype.dataToPoint=function(t,e,n){n=n||[],U(t)&&(t=t[0]),null==e&&(e=!0);var i=this.getDateInfo(t),r=this._rangeInfo,o=i.formatedDate;if(e&&!(i.time>=r.start.time&&i.time<r.end.time+DV))return n[0]=n[1]=NaN,n;var a=i.day,s=this._getRangeInfo([r.start.time,o]).nthWeek;return"vertical"===this._orient?(n[0]=this._rect.x+a*this._sw+this._sw/2,n[1]=this._rect.y+s*this._sh+this._sh/2):(n[0]=this._rect.x+s*this._sw+this._sw/2,n[1]=this._rect.y+a*this._sh+this._sh/2),n},t.prototype.pointToData=function(t){var e=this.pointToDate(t);return e&&e.time},t.prototype.dataToLayout=function(t,e,n){var i=(n=n||{}).rect=n.rect||{},r=n.contentRect=n.contentRect||{},o=this.dataToPoint(t,e);return i.x=o[0]-this._sw/2,i.y=o[1]-this._sh/2,i.width=this._sw,i.height=this._sh,He.copy(r,i),Oh(r,this._lineWidth/2,!0,!0),n},t.prototype.dataToCalendarLayout=function(t,e){var n=this.dataToPoint(t,e);return{center:n,tl:[n[0]-this._sw/2,n[1]-this._sh/2],tr:[n[0]+this._sw/2,n[1]-this._sh/2],br:[n[0]+this._sw/2,n[1]+this._sh/2],bl:[n[0]-this._sw/2,n[1]+this._sh/2]}},t.prototype.pointToDate=function(t){var e=Math.floor((t[0]-this._rect.x)/this._sw)+1,n=Math.floor((t[1]-this._rect.y)/this._sh)+1,i=this._rangeInfo.range;return"vertical"===this._orient?this._getDateByWeeksAndDay(n,e-1,i):this._getDateByWeeksAndDay(e,n-1,i)},t.prototype.convertToPixel=function(t,e,n){var i=kV(e);return i===this?i.dataToPoint(n):null},t.prototype.convertToLayout=function(t,e,n){var i=kV(e);return i===this?i.dataToLayout(n):null},t.prototype.convertFromPixel=function(t,e,n){var i=kV(e);return i===this?i.pointToData(n):null},t.prototype.containPoint=function(t){return console.warn("Not implemented."),!1},t.prototype._initRangeOption=function(){var t,e=this._model.get("range");if(U(e)&&1===e.length&&(e=e[0]),U(e))t=e;else{var n=e.toString();if(/^\d{4}$/.test(n)&&(t=[n+"-01-01",n+"-12-31"]),/^\d{4}[\/|-]\d{1,2}$/.test(n)){var i=this.getDateInfo(n),r=i.date;r.setMonth(r.getMonth()+1);var o=this.getNextNDay(r,-1);t=[i.formatedDate,o.formatedDate]}/^\d{4}[\/|-]\d{1,2}[\/|-]\d{1,2}$/.test(n)&&(t=[n,n])}if(!t)return e;var a=this._getRangeInfo(t);return a.start.time>a.end.time&&t.reverse(),t},t.prototype._getRangeInfo=function(t){var e,n=[this.getDateInfo(t[0]),this.getDateInfo(t[1])];n[0].time>n[1].time&&(e=!0,n.reverse());var i=Math.floor(n[1].time/DV)-Math.floor(n[0].time/DV)+1,r=new Date(n[0].time),o=r.getDate(),a=n[1].date.getDate();r.setDate(o+i-1);var s=r.getDate();if(s!==a)for(var l=r.getTime()-n[1].time>0?1:-1;(s=r.getDate())!==a&&(r.getTime()-n[1].time)*l>0;)i-=l,r.setDate(s-l);var u=Math.floor((i+n[0].day+6)/7),c=e?1-u:u-1;return e&&n.reverse(),{range:[n[0].formatedDate,n[1].formatedDate],start:n[0],end:n[1],allDay:i,weeks:u,nthWeek:c,fweek:n[0].day,lweek:n[1].day}},t.prototype._getDateByWeeksAndDay=function(t,e,n){var i=this._getRangeInfo(n);if(t>i.weeks||0===t&&e<i.fweek||t===i.weeks&&e>i.lweek)return null;var r=7*(t-1)-i.fweek+e,o=new Date(i.start.time);return o.setDate(+i.start.d+r),this.getDateInfo(o)},t.create=function(e,n){var i=[];return e.eachComponent("calendar",(function(r){var o=new t(r,e,n);i.push(o),r.coordinateSystem=o})),e.eachComponent((function(t,e){Rp({targetModel:e,coordSysType:"calendar",coordSysProvider:Np})})),i},t.dimensions=["time","value"],t}();function kV(t){var e=t.calendarModel,n=t.seriesModel;return e?e.coordinateSystem:n?n.coordinateSystem:null}var LV=1,PV=2,OV=3,RV={none:0,all:1,body:2,corner:3};function NV(t,e,n){var i=e[lh[n]].getCell(t);return!i&&j(t)&&t<0&&(i=e[lh[1-n]].getUnitLayoutInfo(n,Math.round(t))),i}function zV(t){var e=t||[];return e[0]=e[0]||[],e[1]=e[1]||[],e[0][0]=e[0][1]=e[1][0]=e[1][1]=NaN,e}function EV(t,e,n,i,r){BV(t[0],e,r,n,i,0),BV(t[1],e,r,n,i,1)}function BV(t,e,n,i,r,o){t[0]=1/0,t[1]=-1/0;var a=i[o],s=U(a)?a:[a],l=s.length,u=!!n;if(l>=1?(VV(t,e,s,u,r,o,0),l>1&&VV(t,e,s,u,r,o,l-1)):t[0]=t[1]=NaN,u){var c=-r[lh[1-o]].getLocatorCount(o),h=r[lh[o]].getLocatorCount(o)-1;n===RV.body?c=po(0,c):n===RV.corner&&(h=ho(-1,h)),h<c&&(c=h=NaN),nt(t[0])&&(t[0]=c),nt(t[1])&&(t[1]=h),t[0]=po(ho(t[0],h),c),t[1]=po(ho(t[1],h),c)}}function VV(t,e,n,i,r,o,a){var s=NV(n[a],r,o);if(s){var l,u=s.id[lh[o]],c=u,h=!(l=s)||l.type!==PV&&l.type!==OV?null:l;h&&(c+=h.span[lh[o]]-1),t[0]=ho(t[0],u,c),t[1]=po(t[1],u,c)}else t[0]=t[1]=NaN}function GV(t,e){return nt(t[e][0])||nt(t[e][1])}function FV(t,e,n,i){e=e||WV;for(var r=0;r<i;r++)e[r]=!1;for(;;){var o=!1;for(r=0;r<i;r++){var a=n[r];!e[r]&&a.cellMergeOwner&&HV(t,a.locatorRange)&&(e[r]=!0,o=!0)}if(!o)break}}var WV=[];function HV(t,e){return!(!UV(t[0],e[0])||!UV(t[1],e[1]))&&(t[0][0]=ho(t[0][0],e[0][0]),t[0][1]=po(t[0][1],e[0][1]),t[1][0]=ho(t[1][0],e[1][0]),t[1][1]=po(t[1][1],e[1][1]),!0)}function UV(t,e){return t[1]>=e[0]&&t[0]<=e[1]}function YV(t,e){t.id.set(e[0][0],e[1][0]),t.span.set(e[0][1]-t.id.x+1,e[1][1]-t.id.y+1)}function XV(t,e,n,i){var r=NV(e[i][0],n,i),o=NV(e[i][1],n,i);t[lh[i]]=t[uh[i]]=NaN,r&&o&&(t[lh[i]]=r.xy,t[uh[i]]=o.xy+o.wh-r.xy)}function ZV(t,e,n,i){return t[lh[e]]=n,t[lh[1-e]]=i,t}var jV=function(){function t(t,e){this._cells=[],this._levels=[],this.dim=t,this.dimIdx="x"===t?0:1,this._model=e,this._uniqueValueGen=function(t){var e=t.toUpperCase(),n=new RegExp("^"+e+"([0-9]+)$"),i=0;function r(t){var e;null!=t&&(e=t.match(n))&&(i=po(i,+e[1]+1))}function o(){return""+e+i++}function a(t,e){for(var n=yt(),i=0;i<t.length;i++){var r=t[i];null!=r&&null==n.get(r)||(t[i]=r=o(),e[i].option=k({value:r},e[i].option)),n.set(r,!0)}}return{calcDupBase:r,ensureValueUnique:a}}(t);var n=e.get("data",!0);null==n||U(n)||(n=[]),n?this._initByDimModelData(n):this._initBySeriesData()}return t.prototype._initByDimModelData=function(t){var e=this,n=e._cells,i=e._levels,r=[],o=0;return e._leavesCount=function t(n,a,s){var l=0;if(!n)return l;return z(n,(function(n,u){var c;X(n)?c={value:n}:q(n)?(c=n,null==n.value||X(n.value)||(!0,c={value:null})):c={value:null};var h={type:OV,ordinal:NaN,level:s,firstLeafLocator:a,id:new Ae,span:ZV(new Ae,e.dimIdx,1,1),option:c,xy:NaN,wh:NaN,dim:e,rect:{x:NaN,y:NaN,width:NaN,height:NaN}};o++,(r[a]||(r[a]=[])).push(h),i[s]||(i[s]={type:LV,xy:NaN,wh:NaN,option:null,id:new Ae,dim:e});var d=t(c.children,a,s+1),p=Math.max(1,d);h.span[lh[e.dimIdx]]=p,l+=p,a+=p})),l}(t,0,0),void function(){var t=[];for(;n.length<o;)for(var i=0;i<r.length;i++){var a=r[i].pop();if(a){a.ordinal=t.length;var s=a.option.value;t.push(s),n.push(a),e._uniqueValueGen.calcDupBase(s)}}e._uniqueValueGen.ensureValueUnique(t,n);var l=e._ordinalMeta=new ab({categories:t,needCollect:!1,deduplication:!1});e._scale=new lb({ordinalMeta:l});for(var u=0;u<e._leavesCount;u++){var c=e._cells[u];c.type=PV,c.span[lh[1-e.dimIdx]]=e._levels.length-c.level}e._initCellsId(),e._initLevelIdOptions()}()},t.prototype._initBySeriesData=function(){var t=this;t._leavesCount=0,t._levels=[{type:LV,xy:NaN,wh:NaN,option:null,id:new Ae,dim:t}],t._initLevelIdOptions();var e=t._ordinalMeta=new ab({needCollect:!0,deduplication:!0,onCollect:function(e,n){var i=t._cells[n]={type:PV,ordinal:n,level:0,firstLeafLocator:n,id:new Ae,span:ZV(new Ae,t.dimIdx,1,1),option:{value:e+""},xy:NaN,wh:NaN,dim:t,rect:{x:NaN,y:NaN,width:NaN,height:NaN}};t._leavesCount++,t._setCellId(i)}});t._scale=new lb({ordinalMeta:e})},t.prototype._setCellId=function(t){var e=this._levels.length,n=this.dimIdx;ZV(t.id,n,t.firstLeafLocator,t.level-e)},t.prototype._initCellsId=function(){var t=this._levels.length,e=this.dimIdx;z(this._cells,(function(n){ZV(n.id,e,n.firstLeafLocator,n.level-t)}))},t.prototype._initLevelIdOptions=function(){var t=this._levels.length,e=this.dimIdx,n=this._model.get("levels",!0);n=U(n)?n:[],z(this._levels,(function(i,r){ZV(i.id,e,0,r-t),i.option=n[r]}))},t.prototype.shouldShow=function(){return!!this._model.getShallow("show",!0)},t.prototype.resetLayoutIterator=function(t,e,n,i){if(t=t||new va,e===this.dimIdx){var r=this._leavesCount,o=null!=n?Math.max(0,n):0;i=null!=i?Math.min(i,r):r,t.reset(this._cells,o,o+i)}else{r=this._levels.length,o=null!=n?Math.max(0,n+r):0;i=null!=i?Math.min(i,r):r,t.reset(this._levels,o,o+i)}return t},t.prototype.resetCellIterator=function(t){return(t||new va).reset(this._cells,0)},t.prototype.resetLevelIterator=function(t){return(t||new va).reset(this._levels,0)},t.prototype.getLayout=function(t,e,n){var i=this.getUnitLayoutInfo(e,n);t[lh[e]]=i?i.xy:NaN,t[uh[e]]=i?i.wh:NaN},t.prototype.getUnitLayoutInfo=function(t,e){return t===this.dimIdx?e<this._leavesCount?this._cells[e]:void 0:this._levels[e+this._levels.length]},t.prototype.getCell=function(t){var e=this._scale.parse(t);return nt(e)?void 0:this._cells[e]},t.prototype.getLocatorCount=function(t){return t===this.dimIdx?this._leavesCount:this._levels.length},t.prototype.getOrdinalMeta=function(){return this._ordinalMeta},t}();var qV=function(){function t(t,e,n){this._model=e,this._dims=n,this._kind=t,this._cellMergeOwnerList=[]}return t.prototype._ensureCellMap=function(){var t=this,e=t._cellMap;return e||(e=t._cellMap=yt(),function(){var e=[],i=t._model.getShallow("data");i&&!U(i)&&(i=null);z(i,(function(n,i){if(q(n)&&U(n.coord)){var r=zV([]),o=null;if(EV(r,o,n.coord,t._dims,n.coordClamp?RV[t._kind]:RV.none),!GV(r,0)&&!GV(r,1)){var a=n&&n.mergeCells,s={id:new Ae,span:new Ae,locatorRange:r,option:n,cellMergeOwner:a};YV(s,r),e.push(s)}}}));for(var r=[],o=0;o<e.length;o++){var a=e[o];if(a.cellMergeOwner){var s=a.locatorRange;FV(s,r,e,o);for(var l=0;l<o;l++)r[l]&&(e[l].cellMergeOwner=!1);if(s[0][0]!==a.id.x||s[1][0]!==a.id.y){a.cellMergeOwner=!1;var u=A({},a.option);u.coord=null;var c={id:new Ae,span:new Ae,locatorRange:s,option:u,cellMergeOwner:!0};YV(c,s),e.push(c)}}}z(e,(function(e){var i=n(e.id.x,e.id.y);if(e.cellMergeOwner&&(i.cellMergeOwner=!0,i.span=e.span,i.locatorRange=e.locatorRange,i.spanRect={x:NaN,y:NaN,width:NaN,height:NaN},t._cellMergeOwnerList.push(i)),e.cellMergeOwner||e.option)for(var r=0;r<e.span.y;r++)for(var o=0;o<e.span.x;o++){var a=n(e.id.x+o,e.id.y+r);a.option=e.option,e.cellMergeOwner&&(a.inSpanOf=i)}}))}()),e;function n(t,n){var i=$V(t,n),r=e.get(i);return r||(r=e.set(i,{id:new Ae(t,n),option:null,inSpanOf:null,span:null,spanRect:null,locatorRange:null,cellMergeOwner:!1})),r}},t.prototype.getCell=function(t){return this._ensureCellMap().get($V(t[0],t[1]))},t.prototype.travelExistingCells=function(t){this._ensureCellMap().each(t)},t.prototype.expandRangeByCellMerge=function(t){if(!GV(t,0)&&!GV(t,1)&&t[0][0]===t[0][1]&&t[1][0]===t[1][1]){KV[0]=t[0][0],KV[1]=t[1][0];var e=this.getCell(KV),n=e&&e.inSpanOf;if(n)return void function(t,e){t[0][0]=e[0][0],t[0][1]=e[0][1],t[1][0]=e[1][0],t[1][1]=e[1][1]}(t,n.locatorRange)}var i=this._cellMergeOwnerList;FV(t,null,i,i.length)},t}(),KV=[];function $V(t,e){return t+"|"+e}var JV={show:!0,color:tf.color.secondary,overflow:"break",lineOverflow:"truncate",padding:[2,3,2,3],distance:0};function QV(t){return{color:"none",borderWidth:1,borderColor:t?"none":tf.color.borderTint}}var tG={show:!0,label:JV,itemStyle:QV(!1),silent:void 0,dividerLineStyle:{width:1,color:tf.color.border}},eG={z:-50,left:"10%",top:"10%",right:"10%",bottom:"10%",x:tG,y:tG,body:{label:JV,itemStyle:QV(!1),silent:void 0},corner:{label:JV,itemStyle:QV(!0),silent:void 0},backgroundStyle:{color:"none",borderColor:tf.color.axisLine,borderWidth:1}},nG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){var t=this._dimModels={x:new iG(this.get("x",!0)||{}),y:new iG(this.get("y",!0)||{})};t.x.option.type=t.y.option.type="category";var e={x:t.x.dim=new jV("x",t.x),y:t.y.dim=new jV("y",t.y)};this._body=new qV("body",new wd(this.getShallow("body")),e),this._corner=new qV("corner",new wd(this.getShallow("corner")),e)},e.prototype.getDimensionModel=function(t){return this._dimModels[t]},e.prototype.getBody=function(){return this._body},e.prototype.getCorner=function(){return this._corner},e.type="matrix",e.layoutMode="box",e.defaultOption=eG,e}(Qp),iG=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getOrdinalMeta=function(){return this.dim.getOrdinalMeta()},e}(wd),rG=Math.round,oG={normal:25,special:100},aG={normal:50,special:125},sG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e){this.group.removeAll();var n=this.group,i=t.coordinateSystem.getRect(),r=t.getDimensionModel("x"),o=t.getDimensionModel("y"),a=r.dim,s=o.dim;!function(t,e,n){function i(i){var r=e.getDimensionModel(lh[i]),o=r.dim;if(o.shouldShow())for(var a=r.getModel("itemStyle"),s=r.getModel("label"),l=e.getShallow("tooltip",!0),u=[],c=o.resetCellIterator();c.next();){var h=c.item,d={};He.copy(d,h.rect),Dt(u,h.id.x,h.id.y),lG(u,e,t,n,h.option,a,s,r,d,h.option.value,aG,l)}}i(0),i(1)}(n,t,e),function(t,e,n,i,r){o("body",e.getBody(),n,i),n.shouldShow()&&i.shouldShow()&&o("corner",e.getCorner(),i,n);function o(n,i,o,a){var s=new wd(e.getShallow(n,!0)),l=s.getModel("itemStyle"),u=s.getModel("label"),c=new va,h=new va,d=[],p=e.getShallow("tooltip",!0);for(a.resetLayoutIterator(h,1);h.next();)for(o.resetLayoutIterator(c,0);c.next();){var f=c.item,g=h.item;Dt(d,f.id.x,g.id.y);var y=i.getCell(d);if(!y||!y.inSpanOf||y.inSpanOf===y){var v={};y&&y.span?He.copy(v,y.spanRect):(f.dim.getLayout(v,0,d[0]),g.dim.getLayout(v,1,d[1]));var m=y?y.option:null;lG(d,e,t,r,m,l,u,s,v,m?m.value:null,oG,p)}}}}(n,t,a,s,e);var l=rt(t.getShallow("borderZ2",!0),99),u=l-1,c=t.getModel("backgroundStyle").getItemStyle(["borderWidth"]);c.lineWidth=0;var h=t.getModel("backgroundStyle").getItemStyle(["color","decal","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"]);h.fill="none";var d=pG(i.clone(),c,0),p=pG(i.clone(),h,l);d.silent=!0,p.silent=!0,n.add(d),n.add(p);var f=a.getUnitLayoutInfo(0,0),g=s.getUnitLayoutInfo(1,0);f&&g&&(a.shouldShow()&&n.add(fG({x1:i.x,y1:g.xy,x2:i.x+i.width,y2:g.xy},r.getModel("dividerLineStyle").getLineStyle(),u)),s.shouldShow()&&n.add(fG({x1:f.xy,y1:i.y,x2:f.xy,y2:i.y+i.height},o.getModel("dividerLineStyle").getLineStyle(),u)))},e.type="matrix",e}(Ky);function lG(t,e,n,i,r,o,a,s,l,u,c,h){var d;cG.option=r?r.itemStyle:null,cG.parentModel=o,uG.option=r,uG.parentModel=s;var p=rt(uG.getShallow("z2"),r&&r.itemStyle?c.special:c.normal),f=h&&h.show,g=pG(l,cG.getItemStyle(),p);n.add(g);var y,v=uG.get("cursor");if(null!=v&&g.attr("cursor",v),null!=u){var m=u+"";if(hG.option=r?r.label:null,hG.parentModel=a,hG.ecModel=i,$h(g,{normal:hG},{defaultText:m,autoOverflowArea:!0,layoutRect:T(g.shape)}),y=g.getTextContent()){y.z2=p+1;var x=y.style;if(x&&x.overflow&&"none"!==x.overflow&&x.lineOverflow){var _={};He.copy(_,l),Oh(_,((null===(d=g.style)||void 0===d?void 0:d.lineWidth)||0)/2,!0,!0),g.updateInnerText(),y.getLocalTransform(dG),Te(dG,dG),He.applyTransform(_,_,dG),y.setClipPath(new xl({shape:_}))}}zh({el:g,componentModel:e,itemName:m,itemTooltipOption:h,formatterParamsExtra:{xyLocator:t.slice()}})}if(y){var b=hG.get("silent");null==b&&(b=!f),y.silent=b,y.ignoreHostSilent=!0}var w=uG.get("silent");null==w&&(w=!g.style||"none"===g.style.fill||!g.style.fill),g.silent=w,ma(uG),ma(cG),ma(hG)}var uG=new wd,cG=new wd,hG=new wd,dG=[];function pG(t,e,n){var i=e.lineWidth;if(i){var r=t.x+t.width,o=t.y+t.height;t.x=yl(t.x,i,!0),t.y=yl(t.y,i,!0),t.width=yl(r,i,!0)-t.x,t.height=yl(o,i,!0)-t.y}return new xl({shape:t,style:e,z2:n})}function fG(t,e,n){var i=e.lineWidth;return i&&(rG(2*t.x1)===rG(2*t.x2)&&(t.x1=t.x2=yl(t.x1,i,!0)),rG(2*t.y1)===rG(2*t.y2)&&(t.y1=t.y2=yl(t.y1,i,!0))),new Ac({shape:t,style:e,silent:!0,z2:n})}var gG=function(){function t(e,n,i){this.dimensions=t.dimensions,this.type="matrix",this._model=e;var r=this._dimModels={x:e.getDimensionModel("x"),y:e.getDimensionModel("y")};this._dims={x:r.x.dim,y:r.y.dim},this._resize(e,i)}return t.getDimensionsInfo=function(){return[{name:"x",type:"ordinal"},{name:"y",type:"ordinal"},{name:"value"}]},t.create=function(e,n){var i=[];return e.eachComponent("matrix",(function(r){var o=new t(r,e,n);i.push(o),r.coordinateSystem=o})),e.eachComponent((function(t,e){Rp({targetModel:e,coordSysType:"matrix",coordSysProvider:Np})})),i},t.prototype.getRect=function(){return this._rect},t.prototype._resize=function(t,e){var n=this._dims,i=this._dimModels,r=this._rect=Hp(t.getBoxLayoutParams(),{width:e.getWidth(),height:e.getHeight()});xG(i,n,r,0),xG(i,n,r,1),_G(0,n),_G(1,n),bG(this._model.getBody(),n),bG(this._model.getCorner(),n)},t.prototype.dataToPoint=function(t,e,n){return n=n||[],this.dataToLayout(t,e,yG),n[0]=yG.rect.x+yG.rect.width/2,n[1]=yG.rect.y+yG.rect.height/2,n},t.prototype.dataToLayout=function(t,e,n){var i=this._dims,r=(n=n||{}).rect=n.rect||{};r.x=r.y=r.width=r.height=NaN;var o=n.matrixXYLocatorRange=zV(n.matrixXYLocatorRange);return U(t)?(EV(o,null,t,i,rt(e&&e.clamp,RV.none)),e&&e.ignoreMergeCells||(e&&e.clamp===RV.corner||this._model.getBody().expandRangeByCellMerge(o),e&&e.clamp===RV.body||this._model.getCorner().expandRangeByCellMerge(o)),XV(r,o,i,0),XV(r,o,i,1),n):n},t.prototype.pointToData=function(t,e,n){var i=this._dims;return CG(TG,0,i,t,e&&e.clamp),CG(TG,1,i,t,e&&e.clamp),(n=n||[])[0]=n[1]=NaN,TG.y===IG.inCorner&&TG.x===IG.inBody?DG(TG,n,0,i):TG.x===IG.inCorner&&TG.y===IG.inBody?DG(TG,n,1,i):(AG(TG,n,0,i),AG(TG,n,1,i)),n},t.prototype.convertToPixel=function(t,e,n,i){var r=MG(e);return r===this?r.dataToPoint(n,i):void 0},t.prototype.convertToLayout=function(t,e,n,i){var r=MG(e);return r===this?r.dataToLayout(n,i):void 0},t.prototype.convertFromPixel=function(t,e,n,i){var r=MG(e);return r===this?r.pointToData(n,i):void 0},t.prototype.containPoint=function(t){return this._rect.contain(t[0],t[1])},t.dimensions=["x","y","value"],t}(),yG={rect:{x:NaN,y:NaN,width:NaN,height:NaN}},vG=new va,mG=new va;function xG(t,e,n,i){for(var r=1-i,o=e[lh[i]],a=e[lh[r]],s=a.shouldShow(),l=o.resetCellIterator();l.next();)l.item.wh=l.item.xy=NaN;for(var u=a.resetLayoutIterator(null,i);u.next();)u.item.wh=u.item.xy=NaN;for(var c=n[uh[i]],h=o.getLocatorCount(i)+a.getLocatorCount(i),d=new wd,p=a.resetLevelIterator();p.next();)d.option=p.item.option,d.parentModel=t[lh[r]],y(p.item,s?d.get("levelSize"):0);for(var f=new wd,g=o.resetCellIterator();g.next();)g.item.type===PV&&(f.option=g.item.option,f.parentModel=void 0,y(g.item,f.get("size")));function y(t,e){var r=function(t,e,n){var i=vo(t,n[uh[e]]);return SG(i,n[uh[e]])}(e,i,n);nt(r)||(t.wh=SG(r,c),c=SG(c-t.wh),h--)}var v=h?c/h:0,m=!h&&c>=1,x=n[lh[i]],_=o.getLocatorCount(i)-1,b=new va;for(a.resetLayoutIterator(b,i);b.next();)w(b.item);for(o.resetLayoutIterator(b,i);b.next();)w(b.item);function w(t){nt(t.wh)&&(t.wh=v),t.xy=x,t.id[lh[i]]!==_||m||(t.wh=n[lh[i]]+n[uh[i]]-t.xy),x+=t.wh}}function _G(t,e){for(var n=e[lh[t]].resetCellIterator();n.next();){var i=n.item;wG(i.rect,t,i.id,i.span,e),wG(i.rect,1-t,i.id,i.span,e),i.type===OV&&(i.xy=i.rect[lh[t]],i.wh=i.rect[uh[t]])}}function bG(t,e){t.travelExistingCells((function(t){var n=t.span;if(n){var i=t.spanRect,r=t.id;wG(i,0,r,n,e),wG(i,1,r,n,e)}}))}function wG(t,e,n,i,r){t[uh[e]]=0;var o=n[lh[e]]<0?r[lh[1-e]]:r[lh[e]],a=o.getUnitLayoutInfo(e,n[lh[e]]);if(t[lh[e]]=a.xy,t[uh[e]]=a.wh,i[lh[e]]>1){var s=o.getUnitLayoutInfo(e,n[lh[e]]+i[lh[e]]-1);t[uh[e]]=s.xy+s.wh-a.xy}}function SG(t,e){return Math.max(Math.min(t,rt(e,1/0)),0)}function MG(t){var e=t.matrixModel,n=t.seriesModel;return e?e.coordinateSystem:n?n.coordinateSystem:null}var IG={inBody:1,inCorner:2,outside:3},TG={x:null,y:null,point:[]};function CG(t,e,n,i,r){var o=n[lh[e]],a=n[lh[1-e]],s=o.getUnitLayoutInfo(e,o.getLocatorCount(e)-1),l=o.getUnitLayoutInfo(e,0),u=a.getUnitLayoutInfo(e,-a.getLocatorCount(e)),c=a.shouldShow()?a.getUnitLayoutInfo(e,-1):null,h=t.point[e]=i[e];if(l||c)if(r!==RV.body)if(r!==RV.corner){var d=l?l.xy:c?c.xy+c.wh:NaN,p=u?u.xy:d,f=s?s.xy+s.wh:d;if(h<p){if(!r)return void(t[lh[e]]=IG.outside);h=p}else if(h>f){if(!r)return void(t[lh[e]]=IG.outside);h=f}t.point[e]=h,t[lh[e]]=d<=h&&h<=f?IG.inBody:p<=h&&h<=d?IG.inCorner:IG.outside}else c?(t[lh[e]]=IG.inCorner,h=ho(c.xy+c.wh,po(u.xy,h)),t.point[e]=h):t[lh[e]]=IG.outside;else l?(t[lh[e]]=IG.inBody,h=ho(s.xy+s.wh,po(l.xy,h)),t.point[e]=h):t[lh[e]]=IG.outside;else t[lh[e]]=IG.outside}function DG(t,e,n,i){var r=1-n;if(t[lh[n]]!==IG.outside)for(i[lh[n]].resetCellIterator(mG);mG.next();){var o=mG.item;if(kG(t.point[n],o.rect,n)&&kG(t.point[r],o.rect,r))return e[n]=o.ordinal,void(e[r]=o.id[lh[r]])}}function AG(t,e,n,i){var r,o;if(t[lh[n]]!==IG.outside)for((t[lh[n]]===IG.inCorner?i[lh[1-n]]:i[lh[n]]).resetLayoutIterator(vG,n);vG.next();)if(r=t.point[n],(o=vG.item).xy<=r&&r<=o.xy+o.wh)return void(e[n]=vG.item.id[lh[n]])}function kG(t,e,n){return e[lh[n]]<=t&&t<=e[lh[n]]+e[uh[n]]}function LG(t,e){var n;return z(e,(function(e){null!=t[e]&&"auto"!==t[e]&&(n=!0)})),n}var PG=["transition","enterFrom","leaveTo"],OG=PG.concat(["enterAnimation","updateAnimation","leaveAnimation"]);function RG(t,e,n){if(n&&(!t[n]&&e[n]&&(t[n]={}),t=t[n],e=e[n]),t&&e)for(var i=n?PG:OG,r=0;r<i.length;r++){var o=i[r];null==t[o]&&null!=e[o]&&(t[o]=e[o])}}var NG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.preventAutoZ=!0,n}return n(e,t),e.prototype.mergeOption=function(e,n){var i=this.option.elements;this.option.elements=null,t.prototype.mergeOption.call(this,e,n),this.option.elements=i},e.prototype.optionUpdated=function(t,e){var n=this.option,i=(e?n:t).elements,r=n.elements=e?[]:n.elements,o=[];this._flatten(i,o,null);var a=ta(r,o,"normalMerge"),s=this._elOptionsToUpdate=[];z(a,(function(t,e){var n=t.newOption;n&&(s.push(n),function(t,e){var n=t.existing;if(e.id=t.keyInfo.id,!e.type&&n&&(e.type=n.type),null==e.parentId){var i=e.parentOption;i?e.parentId=i.id:n&&(e.parentId=n.parentId)}e.parentOption=null}(t,n),function(t,e,n){var i=A({},n),r=t[e],o=n.$action||"merge";"merge"===o?r?(C(r,i,!0),qp(r,i,{ignoreSize:!0}),$p(n,r),RG(n,r),RG(n,r,"shape"),RG(n,r,"style"),RG(n,r,"extra"),n.clipPath=r.clipPath):t[e]=i:"replace"===o?t[e]=i:"remove"===o&&r&&(t[e]=null)}(r,e,n),function(t,e){if(t&&(t.hv=e.hv=[LG(e,["left","right"]),LG(e,["top","bottom"])],"group"===t.type)){var n=t,i=e;null==n.width&&(n.width=i.width=0),null==n.height&&(n.height=i.height=0)}}(r[e],n))}),this),n.elements=V(r,(function(t){return t&&delete t.$action,null!=t}))},e.prototype._flatten=function(t,e,n){z(t,(function(t){if(t){n&&(t.parentOption=n),e.push(t);var i=t.children;i&&i.length&&this._flatten(i,e,t),delete t.children}}),this)},e.prototype.useElOptionsToUpdate=function(){var t=this._elOptionsToUpdate;return this._elOptionsToUpdate=null,t},e.type="graphic",e.defaultOption={elements:[]},e}(Qp),zG={path:null,compoundPath:null,group:to,image:dl,text:Sl},EG=sa(),BG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){this._elMap=yt()},e.prototype.render=function(t,e,n){t!==this._lastGraphicModel&&this._clear(),this._lastGraphicModel=t,this._updateElements(t),this._relocate(t,n)},e.prototype._updateElements=function(t){var e=t.useElOptionsToUpdate();if(e){var n=this._elMap,i=this.group,r=t.get("z"),o=t.get("zlevel");z(e,(function(e){var a=ia(e.id,null),s=null!=a?n.get(a):null,l=ia(e.parentId,null),u=null!=l?n.get(l):i,c=e.type,h=e.style;"text"===c&&h&&e.hv&&e.hv[1]&&(h.textVerticalAlign=h.textBaseline=h.verticalAlign=h.align=null);var d=e.textContent,p=e.textConfig;if(h&&jz(h,c,!!p,!!d)){var f=qz(h,c,!0);!p&&f.textConfig&&(p=e.textConfig=f.textConfig),!d&&f.textContent&&(d=f.textContent)}var g=function(t){return t=A({},t),z(["id","parentId","$action","hv","bounding","textContent","clipPath"].concat(Ep),(function(e){delete t[e]})),t}(e);var y=e.$action||"merge",v="merge"===y,m="replace"===y;if(v){var x=s;(T=!s)?x=GG(a,u,e.type,n):(x&&(EG(x).isNew=!1),yE(x)),x&&(rE(x,g,t,{isInit:T}),WG(x,e,r,o))}else if(m){FG(s,e,n,t);var _=GG(a,u,e.type,n);_&&(rE(_,g,t,{isInit:!0}),WG(_,e,r,o))}else"remove"===y&&(oE(s,e),FG(s,e,n,t));var b=n.get(a);if(b&&d)if(v){var w=b.getTextContent();w?w.attr(d):b.setTextContent(new Sl(d))}else m&&b.setTextContent(new Sl(d));if(b){var S=e.clipPath;if(S){var M=S.type,I=void 0,T=!1;if(v){var C=b.getClipPath();I=(T=!C||EG(C).type!==M)?VG(M):C}else m&&(T=!0,I=VG(M));b.setClipPath(I),rE(I,S,t,{isInit:T}),vE(I,S.keyframeAnimation,t)}var D=EG(b);b.setTextConfig(p),D.option=e,function(t,e,n){var i=zl(t).eventData;t.silent||t.ignore||i||(i=zl(t).eventData={componentType:"graphic",componentIndex:e.componentIndex,name:t.name});i&&(i.info=n.info)}(b,t,e),zh({el:b,componentModel:t,itemName:b.name,itemTooltipOption:e.tooltip}),vE(b,e.keyframeAnimation,t)}}))}},e.prototype._relocate=function(t,e){for(var n=t.option.elements,i=this.group,r=this._elMap,o=e.getWidth(),a=e.getHeight(),s=["x","y"],l=0;l<n.length;l++){if((f=null!=(p=ia((d=n[l]).id,null))?r.get(p):null)&&f.isGroup){var u=(g=f.parent)===i,c=EG(f),h=EG(g);c.width=yo(c.option.width,u?o:h.width)||0,c.height=yo(c.option.height,u?a:h.height)||0}}for(l=n.length-1;l>=0;l--){var d,p,f;if(f=null!=(p=ia((d=n[l]).id,null))?r.get(p):null){var g=f.parent,y=(h=EG(g),{}),v=Zp(f,d,g===i?{width:o,height:a}:{width:h.width,height:h.height},null,{hv:d.hv,boundingMode:d.bounding},y);if(!EG(f).isNew&&v){for(var m=d.transition,x={},_=0;_<s.length;_++){var b=s[_],w=y[b];m&&(sE(m)||P(m,b)>=0)?x[b]=w:f[b]=w}th(f,x,t,0)}else f.attr(y)}}},e.prototype._clear=function(){var t=this,e=this._elMap;e.each((function(n){FG(n,EG(n).option,e,t._lastGraphicModel)})),this._elMap=yt()},e.prototype.dispose=function(){this._clear()},e.type="graphic",e}(Ky);function VG(t){var e=_t(zG,t)?zG[t]:fh(t);var n=new e({});return EG(n).type=t,n}function GG(t,e,n,i){var r=VG(n);return e.add(r),i.set(t,r),EG(r).id=t,EG(r).isNew=!0,r}function FG(t,e,n,i){t&&t.parent&&("group"===t.type&&t.traverse((function(t){FG(t,e,n,i)})),aE(t,e,i),n.removeKey(EG(t).id))}function WG(t,e,n,i){t.isGroup||z([["cursor",os.prototype.cursor],["zlevel",i||0],["z",n||0],["z2",0]],(function(n){var i=n[0];_t(e,i)?t[i]=rt(e[i],n[1]):null==t[i]&&(t[i]=n[1])})),z(F(e),(function(n){if(0===n.indexOf("on")){var i=e[n];t[n]=Y(i)?i:null}})),_t(e,"draggable")&&(t.draggable=e.draggable),null!=e.name&&(t.name=e.name),null!=e.id&&(t.id=e.id)}var HG=["x","y","radius","angle","single"],UG=["cartesian2d","polar","singleAxis"];function YG(t){return t+"Axis"}function XG(t,e){var n,i=yt(),r=[],o=yt();t.eachComponent({mainType:"dataZoom",query:e},(function(t){o.get(t.uid)||s(t)}));do{n=!1,t.eachComponent("dataZoom",a)}while(n);function a(t){!o.get(t.uid)&&function(t){var e=!1;return t.eachTargetAxis((function(t,n){var r=i.get(t);r&&r[n]&&(e=!0)})),e}(t)&&(s(t),n=!0)}function s(t){o.set(t.uid,!0),r.push(t),t.eachTargetAxis((function(t,e){(i.get(t)||i.set(t,[]))[e]=!0}))}return r}function ZG(t){var e=t.ecModel,n={infoList:[],infoMap:yt()};return t.eachTargetAxis((function(t,i){var r=e.getComponent(YG(t),i);if(r){var o=r.getCoordSysModel();if(o){var a=o.uid,s=n.infoMap.get(a);s||(s={model:o,axisModels:[]},n.infoList.push(s),n.infoMap.set(a,s)),s.axisModels.push(r)}}})),n}var jG=function(){function t(){this.indexList=[],this.indexMap=[]}return t.prototype.add=function(t){this.indexMap[t]||(this.indexList.push(t),this.indexMap[t]=!0)},t}(),qG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._autoThrottle=!0,n._noTarget=!0,n._rangePropMode=["percent","percent"],n}return n(e,t),e.prototype.init=function(t,e,n){var i=KG(t);this.settledOption=i,this.mergeDefaultAndTheme(t,n),this._doInit(i)},e.prototype.mergeOption=function(t){var e=KG(t);C(this.option,t,!0),C(this.settledOption,e,!0),this._doInit(e)},e.prototype._doInit=function(t){var e=this.option;this._setDefaultThrottle(t),this._updateRangeUse(t);var n=this.settledOption;z([["start","startValue"],["end","endValue"]],(function(t,i){"value"===this._rangePropMode[i]&&(e[t[0]]=n[t[0]]=null)}),this),this._resetTarget()},e.prototype._resetTarget=function(){var t=this.get("orient",!0),e=this._targetAxisInfoMap=yt();this._fillSpecifiedTargetAxis(e)?this._orient=t||this._makeAutoOrientByTargetAxis():(this._orient=t||"horizontal",this._fillAutoTargetAxisByOrient(e,this._orient)),this._noTarget=!0,e.each((function(t){t.indexList.length&&(this._noTarget=!1)}),this)},e.prototype._fillSpecifiedTargetAxis=function(t){var e=!1;return z(HG,(function(n){var i=this.getReferringComponents(YG(n),da);if(i.specified){e=!0;var r=new jG;z(i.models,(function(t){r.add(t.componentIndex)})),t.set(n,r)}}),this),e},e.prototype._fillAutoTargetAxisByOrient=function(t,e){var n=this.ecModel,i=!0;if(i){var r="vertical"===e?"y":"x";o(n.findComponents({mainType:r+"Axis"}),r)}i&&o(n.findComponents({mainType:"singleAxis",filter:function(t){return t.get("orient",!0)===e}}),"single");function o(e,n){var r=e[0];if(r){var o=new jG;if(o.add(r.componentIndex),t.set(n,o),i=!1,"x"===n||"y"===n){var a=r.getReferringComponents("grid",ha).models[0];a&&z(e,(function(t){r.componentIndex!==t.componentIndex&&a===t.getReferringComponents("grid",ha).models[0]&&o.add(t.componentIndex)}))}}}i&&z(HG,(function(e){if(i){var r=n.findComponents({mainType:YG(e),filter:function(t){return"category"===t.get("type",!0)}});if(r[0]){var o=new jG;o.add(r[0].componentIndex),t.set(e,o),i=!1}}}),this)},e.prototype._makeAutoOrientByTargetAxis=function(){var t;return this.eachTargetAxis((function(e){!t&&(t=e)}),this),"y"===t?"vertical":"horizontal"},e.prototype._setDefaultThrottle=function(t){if(t.hasOwnProperty("throttle")&&(this._autoThrottle=!1),this._autoThrottle){var e=this.ecModel.option;this.option.throttle=e.animation&&e.animationDurationUpdate>0?100:20}},e.prototype._updateRangeUse=function(t){var e=this._rangePropMode,n=this.get("rangeMode");z([["start","startValue"],["end","endValue"]],(function(i,r){var o=null!=t[i[0]],a=null!=t[i[1]];o&&!a?e[r]="percent":!o&&a?e[r]="value":n?e[r]=n[r]:o&&(e[r]="percent")}))},e.prototype.noTarget=function(){return this._noTarget},e.prototype.getFirstTargetAxisModel=function(){var t;return this.eachTargetAxis((function(e,n){null==t&&(t=this.ecModel.getComponent(YG(e),n))}),this),t},e.prototype.eachTargetAxis=function(t,e){this._targetAxisInfoMap.each((function(n,i){z(n.indexList,(function(n){t.call(e,i,n)}))}))},e.prototype.getAxisProxy=function(t,e){var n=this.getAxisModel(t,e);if(n)return n.__dzAxisProxy},e.prototype.getAxisModel=function(t,e){var n=this._targetAxisInfoMap.get(t);if(n&&n.indexMap[e])return this.ecModel.getComponent(YG(t),e)},e.prototype.setRawRange=function(t){var e=this.option,n=this.settledOption;z([["start","startValue"],["end","endValue"]],(function(i){null==t[i[0]]&&null==t[i[1]]||(e[i[0]]=n[i[0]]=t[i[0]],e[i[1]]=n[i[1]]=t[i[1]])}),this),this._updateRangeUse(t)},e.prototype.setCalculatedRange=function(t){var e=this.option;z(["start","startValue","end","endValue"],(function(n){e[n]=t[n]}))},e.prototype.getPercentRange=function(){var t=this.findRepresentativeAxisProxy();if(t)return t.getDataPercentWindow()},e.prototype.getValueRange=function(t,e){if(null!=t||null!=e)return this.getAxisProxy(t,e).getDataValueWindow();var n=this.findRepresentativeAxisProxy();return n?n.getDataValueWindow():void 0},e.prototype.findRepresentativeAxisProxy=function(t){if(t)return t.__dzAxisProxy;for(var e,n=this._targetAxisInfoMap.keys(),i=0;i<n.length;i++)for(var r=n[i],o=this._targetAxisInfoMap.get(r),a=0;a<o.indexList.length;a++){var s=this.getAxisProxy(r,o.indexList[a]);if(s.hostedBy(this))return s;e||(e=s)}return e},e.prototype.getRangePropMode=function(){return this._rangePropMode.slice()},e.prototype.getOrient=function(){return this._orient},e.type="dataZoom",e.dependencies=["xAxis","yAxis","radiusAxis","angleAxis","singleAxis","series","toolbox"],e.defaultOption={z:4,filterMode:"filter",start:0,end:100},e}(Qp);function KG(t){var e={};return z(["start","end","startValue","endValue","throttle"],(function(n){t.hasOwnProperty(n)&&(e[n]=t[n])})),e}var $G=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.select",e}(qG),JG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){this.dataZoomModel=t,this.ecModel=e,this.api=n},e.type="dataZoom",e}(Ky),QG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.select",e}(JG),tF=z,eF=xo,nF=function(){function t(t,e,n,i){this._dimName=t,this._axisIndex=e,this.ecModel=i,this._dataZoomModel=n}return t.prototype.hostedBy=function(t){return this._dataZoomModel===t},t.prototype.getDataValueWindow=function(){return this._valueWindow.slice()},t.prototype.getDataPercentWindow=function(){return this._percentWindow.slice()},t.prototype.getTargetSeriesModels=function(){var t=[];return this.ecModel.eachSeries((function(e){if(function(t){var e=t.get("coordinateSystem");return P(UG,e)>=0}(e)){var n=YG(this._dimName),i=e.getReferringComponents(n,ha).models[0];i&&this._axisIndex===i.componentIndex&&t.push(e)}}),this),t},t.prototype.getAxisModel=function(){return this.ecModel.getComponent(this._dimName+"Axis",this._axisIndex)},t.prototype.getMinMaxSpan=function(){return T(this._minMaxSpan)},t.prototype.calculateDataWindow=function(t){var e,n=this._dataExtent,i=this.getAxisModel().axis.scale,r=this._dataZoomModel.getRangePropMode(),o=[0,100],a=[],s=[];tF(["start","end"],(function(l,u){var c=t[l],h=t[l+"Value"];"percent"===r[u]?(null==c&&(c=o[u]),h=i.parse(go(c,o,n))):(e=!0,c=go(h=null==h?n[u]:i.parse(h),n,o)),s[u]=null==h||isNaN(h)?n[u]:h,a[u]=null==c||isNaN(c)?o[u]:c})),eF(s),eF(a);var l=this._minMaxSpan;function u(t,e,n,r,o){var a=o?"Span":"ValueSpan";CO(0,t,n,"all",l["min"+a],l["max"+a]);for(var s=0;s<2;s++)e[s]=go(t[s],n,r,!0),o&&(e[s]=i.parse(e[s]))}return e?u(s,a,n,o,!1):u(a,s,o,n,!0),{valueWindow:s,percentWindow:a}},t.prototype.reset=function(t){if(t===this._dataZoomModel){var e=this.getTargetSeriesModels();this._dataExtent=function(t,e,n){var i=[1/0,-1/0];tF(n,(function(t){!function(t,e,n){e&&z(Jb(e,n),(function(n){var i=e.getApproximateExtent(n);i[0]<t[0]&&(t[0]=i[0]),i[1]>t[1]&&(t[1]=i[1])}))}(i,t.getData(),e)}));var r=t.getAxisModel(),o=Hb(r.axis.scale,r,i).calculate();return[o.min,o.max]}(this,this._dimName,e),this._updateMinMaxSpan();var n=this.calculateDataWindow(t.settledOption);this._valueWindow=n.valueWindow,this._percentWindow=n.percentWindow,this._setAxisModel()}},t.prototype.filterData=function(t,e){if(t===this._dataZoomModel){var n=this._dimName,i=this.getTargetSeriesModels(),r=t.get("filterMode"),o=this._valueWindow;"none"!==r&&tF(i,(function(t){var e=t.getData(),i=e.mapDimensionsAll(n);if(i.length){if("weakFilter"===r){var a=e.getStore(),s=E(i,(function(t){return e.getDimensionIndex(t)}),e);e.filterSelf((function(t){for(var e,n,r,l=0;l<i.length;l++){var u=a.get(s[l],t),c=!isNaN(u),h=u<o[0],d=u>o[1];if(c&&!h&&!d)return!0;c&&(r=!0),h&&(e=!0),d&&(n=!0)}return r&&e&&n}))}else tF(i,(function(n){if("empty"===r)t.setData(e=e.map(n,(function(t){return function(t){return t>=o[0]&&t<=o[1]}(t)?t:NaN})));else{var i={};i[n]=o,e.selectRange(i)}}));tF(i,(function(t){e.setApproximateExtent(o,t)}))}}))}},t.prototype._updateMinMaxSpan=function(){var t=this._minMaxSpan={},e=this._dataZoomModel,n=this._dataExtent;tF(["min","max"],(function(i){var r=e.get(i+"Span"),o=e.get(i+"ValueSpan");null!=o&&(o=this.getAxisModel().axis.scale.parse(o)),null!=o?r=go(n[0]+o,n,[0,100],!0):null!=r&&(o=go(r,[0,100],n,!0)-n[0]),t[i+"Span"]=r,t[i+"ValueSpan"]=o}),this)},t.prototype._setAxisModel=function(){var t=this.getAxisModel(),e=this._percentWindow,n=this._valueWindow;if(e){var i=wo(n,[0,500]);i=Math.min(i,20);var r=t.axis.scale.rawExtentInfo;0!==e[0]&&r.setDeterminedMinMax("min",+n[0].toFixed(i)),100!==e[1]&&r.setDeterminedMinMax("max",+n[1].toFixed(i)),r.freeze()}},t}();var iF={getTargetSeries:function(t){function e(e){t.eachComponent("dataZoom",(function(n){n.eachTargetAxis((function(i,r){var o=t.getComponent(YG(i),r);e(i,r,o,n)}))}))}e((function(t,e,n,i){n.__dzAxisProxy=null}));var n=[];e((function(e,i,r,o){r.__dzAxisProxy||(r.__dzAxisProxy=new nF(e,i,o,t),n.push(r.__dzAxisProxy))}));var i=yt();return z(n,(function(t){z(t.getTargetSeriesModels(),(function(t){i.set(t.uid,t)}))})),i},overallReset:function(t,e){t.eachComponent("dataZoom",(function(t){t.eachTargetAxis((function(e,n){t.getAxisProxy(e,n).reset(t)})),t.eachTargetAxis((function(n,i){t.getAxisProxy(n,i).filterData(t,e)}))})),t.eachComponent("dataZoom",(function(t){var e=t.findRepresentativeAxisProxy();if(e){var n=e.getDataPercentWindow(),i=e.getDataValueWindow();t.setCalculatedRange({start:n[0],end:n[1],startValue:i[0],endValue:i[1]})}}))}};var rF=!1;function oF(t){rF||(rF=!0,t.registerProcessor(t.PRIORITY.PROCESSOR.FILTER,iF),function(t){t.registerAction("dataZoom",(function(t,e){z(XG(e,t),(function(e){e.setRawRange({start:t.start,end:t.end,startValue:t.startValue,endValue:t.endValue})}))}))}(t),t.registerSubTypeDefaulter("dataZoom",(function(){return"slider"})))}function aF(t){t.registerComponentModel($G),t.registerComponentView(QG),oF(t)}var sF=function(){},lF={};function uF(t,e){lF[t]=e}function cF(t){return lF[t]}var hF=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){t.prototype.optionUpdated.apply(this,arguments);var e=this.ecModel;z(this.option.feature,(function(t,n){var i=cF(n);i&&(i.getDefaultOption&&(i.defaultOption=i.getDefaultOption(e)),C(t,i.defaultOption))}))},e.type="toolbox",e.layoutMode={type:"box",ignoreSize:!0},e.defaultOption={show:!0,z:6,orient:"horizontal",left:"right",top:"top",backgroundColor:"transparent",borderColor:tf.color.border,borderRadius:0,borderWidth:0,padding:tf.size.m,itemSize:15,itemGap:tf.size.s,showTitle:!0,iconStyle:{borderColor:tf.color.accent50,color:"none"},emphasis:{iconStyle:{borderColor:tf.color.accent50}},tooltip:{show:!1,position:"bottom"}},e}(Qp);function dF(t,e){var n=yp(e.get("padding")),i=e.getItemStyle(["color","opacity"]);return i.fill=e.get("backgroundColor"),new xl({shape:{x:t.x-n[3],y:t.y-n[0],width:t.width+n[1]+n[3],height:t.height+n[0]+n[2],r:e.get("borderRadius")},style:i,silent:!0,z2:-1})}var pF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(t,e,n,i){var r=this.group;if(r.removeAll(),t.get("show")){var o=+t.get("itemSize"),a="vertical"===t.get("orient"),s=t.get("feature")||{},l=this._features||(this._features={}),u=[];z(s,(function(t,e){u.push(e)})),new f_(this._featureNames||[],u).add(f).update(f).remove(H(f,null)).execute(),this._featureNames=u;var c=Xp(t,n).refContainer,h=t.getBoxLayoutParams(),d=t.get("padding"),p=Hp(h,c,d);Gp(t.get("orient"),r,t.get("itemGap"),p.width,p.height),Zp(r,h,c,d),r.add(dF(r.getBoundingRect(),t)),a||r.eachChild((function(t){var e=t.__title,i=t.ensureState("emphasis"),a=i.textConfig||(i.textConfig={}),s=t.getTextContent(),l=s&&s.ensureState("emphasis");if(l&&!Y(l)&&e){var u=l.style||(l.style={}),c=Er(e,Sl.makeFont(u)),h=t.x+r.x,d=!1;t.y+r.y+o+c.height>n.getHeight()&&(a.position="top",d=!0);var p=d?-5-c.height:o+10;h+c.width/2>n.getWidth()?(a.position=["100%",p],u.align="right"):h-c.width/2<0&&(a.position=[0,p],u.align="left")}}))}function f(c,h){var d,p=u[c],f=u[h],g=s[p],y=new wd(g,t,t.ecModel);if(i&&null!=i.newTitle&&i.featureName===p&&(g.title=i.newTitle),p&&!f){if(function(t){return 0===t.indexOf("my")}(p))d={onclick:y.option.onclick,featureName:p};else{var v=cF(p);if(!v)return;d=new v}l[p]=d}else if(!(d=l[f]))return;d.uid=Md("toolbox-feature"),d.model=y,d.ecModel=e,d.api=n;var m=d instanceof sF;p||!f?!y.get("show")||m&&d.unusable?m&&d.remove&&d.remove(e,n):(!function(i,s,l){var u,c,h=i.getModel("iconStyle"),d=i.getModel(["emphasis","iconStyle"]),p=s instanceof sF&&s.getIcons?s.getIcons():i.get("icon"),f=i.get("title")||{};X(p)?(u={})[l]=p:u=p;X(f)?(c={})[l]=f:c=f;var g=i.iconPaths={};z(u,(function(l,u){var p=Ah(l,{},{x:-o/2,y:-o/2,width:o,height:o});p.setStyle(h.getItemStyle()),p.ensureState("emphasis").style=d.getItemStyle();var f=new Sl({style:{text:c[u],align:d.get("textAlign"),borderRadius:d.get("textBorderRadius"),padding:d.get("textPadding"),fill:null,font:od({fontStyle:d.get("textFontStyle"),fontFamily:d.get("textFontFamily"),fontSize:d.get("textFontSize"),fontWeight:d.get("textFontWeight")},e)},ignore:!0});p.setTextContent(f),zh({el:p,componentModel:t,itemName:u,formatterParamsExtra:{title:c[u]}}),p.__title=c[u],p.on("mouseover",(function(){var e=d.getItemStyle(),i=a?null==t.get("right")&&"right"!==t.get("left")?"right":"left":null==t.get("bottom")&&"bottom"!==t.get("top")?"bottom":"top";f.setStyle({fill:d.get("textFill")||e.fill||e.stroke||tf.color.neutral99,backgroundColor:d.get("textBackgroundColor")}),p.setTextConfig({position:d.get("textPosition")||i}),f.ignore=!t.get("showTitle"),n.enterEmphasis(this)})).on("mouseout",(function(){"emphasis"!==i.get(["iconStatus",u])&&n.leaveEmphasis(this),f.hide()})),("emphasis"===i.get(["iconStatus",u])?du:pu)(p),r.add(p),p.on("click",W(s.onclick,s,e,n,u)),g[u]=p}))}(y,d,p),y.setIconStatus=function(t,e){var n=this.option,i=this.iconPaths;n.iconStatus=n.iconStatus||{},n.iconStatus[t]=e,i[t]&&("emphasis"===e?du:pu)(i[t])},d instanceof sF&&d.render&&d.render(y,e,n,i)):m&&d.dispose&&d.dispose(e,n)}},e.prototype.updateView=function(t,e,n,i){z(this._features,(function(t){t instanceof sF&&t.updateView&&t.updateView(t.model,e,n,i)}))},e.prototype.remove=function(t,e){z(this._features,(function(n){n instanceof sF&&n.remove&&n.remove(t,e)})),this.group.removeAll()},e.prototype.dispose=function(t,e){z(this._features,(function(n){n instanceof sF&&n.dispose&&n.dispose(t,e)}))},e.type="toolbox",e}(Ky);var fF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.onclick=function(t,e){var n=this.model,i=n.get("name")||t.get("title.0.text")||"echarts",o="svg"===e.getZr().painter.getType(),a=o?"svg":n.get("type",!0)||"png",s=e.getConnectedDataURL({type:a,backgroundColor:n.get("backgroundColor",!0)||t.get("backgroundColor")||tf.color.neutral00,connectedBackgroundColor:n.get("connectedBackgroundColor"),excludeComponents:n.get("excludeComponents"),pixelRatio:n.get("pixelRatio")}),l=r.browser;if("function"!=typeof MouseEvent||!l.newEdge&&(l.ie||l.edge))if(window.navigator.msSaveOrOpenBlob||o){var u=s.split(","),c=u[0].indexOf("base64")>-1,h=o?decodeURIComponent(u[1]):u[1];c&&(h=window.atob(h));var d=i+"."+a;if(window.navigator.msSaveOrOpenBlob){for(var p=h.length,f=new Uint8Array(p);p--;)f[p]=h.charCodeAt(p);var g=new Blob([f]);window.navigator.msSaveOrOpenBlob(g,d)}else{var y=document.createElement("iframe");document.body.appendChild(y);var v=y.contentWindow,m=v.document;m.open("image/svg+xml","replace"),m.write(h),m.close(),v.focus(),m.execCommand("SaveAs",!0,d),document.body.removeChild(y)}}else{var x=n.get("lang"),_='<body style="margin:0;"><img src="'+s+'" style="max-width:100%;" title="'+(x&&x[0]||"")+'" /></body>',b=window.open();b.document.write(_),b.document.title=i}else{var w=document.createElement("a");w.download=i+"."+a,w.target="_blank",w.href=s;var S=new MouseEvent("click",{view:document.defaultView,bubbles:!0,cancelable:!1});w.dispatchEvent(S)}},e.getDefaultOption=function(t){return{show:!0,icon:"M4.7,22.9L29.3,45.5L54.7,23.4M4.6,43.6L4.6,58L53.8,58L53.8,43.6M29.2,45.1L29.2,0",title:t.getLocaleModel().get(["toolbox","saveAsImage","title"]),type:"png",connectedBackgroundColor:tf.color.neutral00,name:"",excludeComponents:["toolbox"],lang:t.getLocaleModel().get(["toolbox","saveAsImage","lang"])}},e}(sF),gF="__ec_magicType_stack__",yF=[["line","bar"],["stack"]],vF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getIcons=function(){var t=this.model,e=t.get("icon"),n={};return z(t.get("type"),(function(t){e[t]&&(n[t]=e[t])})),n},e.getDefaultOption=function(t){return{show:!0,type:[],icon:{line:"M4.1,28.9h7.1l9.3-22l7.4,38l9.7-19.7l3,12.8h14.9M4.1,58h51.4",bar:"M6.7,22.9h10V48h-10V22.9zM24.9,13h10v35h-10V13zM43.2,2h10v46h-10V2zM3.1,58h53.7",stack:"M8.2,38.4l-8.4,4.1l30.6,15.3L60,42.5l-8.1-4.1l-21.5,11L8.2,38.4z M51.9,30l-8.1,4.2l-13.4,6.9l-13.9-6.9L8.2,30l-8.4,4.2l8.4,4.2l22.2,11l21.5-11l8.1-4.2L51.9,30z M51.9,21.7l-8.1,4.2L35.7,30l-5.3,2.8L24.9,30l-8.4-4.1l-8.3-4.2l-8.4,4.2L8.2,30l8.3,4.2l13.9,6.9l13.4-6.9l8.1-4.2l8.1-4.1L51.9,21.7zM30.4,2.2L-0.2,17.5l8.4,4.1l8.3,4.2l8.4,4.2l5.5,2.7l5.3-2.7l8.1-4.2l8.1-4.2l8.1-4.1L30.4,2.2z"},title:t.getLocaleModel().get(["toolbox","magicType","title"]),option:{},seriesIndex:{}}},e.prototype.onclick=function(t,e,n){var i=this.model,r=i.get(["seriesIndex",n]);if(mF[n]){var o,a={series:[]};z(yF,(function(t){P(t,n)>=0&&z(t,(function(t){i.setIconStatus(t,"normal")}))})),i.setIconStatus(n,"emphasis"),t.eachComponent({mainType:"series",query:null==r?null:{seriesIndex:r}},(function(t){var e=t.subType,r=t.id,o=mF[n](e,r,t,i);o&&(k(o,t.option),a.series.push(o));var s=t.coordinateSystem;if(s&&"cartesian2d"===s.type&&("line"===n||"bar"===n)){var l=s.getAxesByScale("ordinal")[0];if(l){var u=l.dim+"Axis",c=t.getReferringComponents(u,ha).models[0].componentIndex;a[u]=a[u]||[];for(var h=0;h<=c;h++)a[u][c]=a[u][c]||{};a[u][c].boundaryGap="bar"===n}}}));var s=n;"stack"===n&&(o=C({stack:i.option.title.tiled,tiled:i.option.title.stack},i.option.title),"emphasis"!==i.get(["iconStatus",n])&&(s="tiled")),e.dispatchAction({type:"changeMagicType",currentType:s,newOption:a,newTitle:o,featureName:"magicType"})}},e}(sF),mF={line:function(t,e,n,i){if("bar"===t)return C({id:e,type:"line",data:n.get("data"),stack:n.get("stack"),markPoint:n.get("markPoint"),markLine:n.get("markLine")},i.get(["option","line"])||{},!0)},bar:function(t,e,n,i){if("line"===t)return C({id:e,type:"bar",data:n.get("data"),stack:n.get("stack"),markPoint:n.get("markPoint"),markLine:n.get("markLine")},i.get(["option","bar"])||{},!0)},stack:function(t,e,n,i){var r=n.get("stack")===gF;if("line"===t||"bar"===t)return i.setIconStatus("stack",r?"normal":"emphasis"),C({id:e,stack:r?"":gF},i.get(["option","stack"])||{},!0)}};Qx({type:"changeMagicType",event:"magicTypeChanged",update:"prepareAndUpdate"},(function(t,e){e.mergeOption(t.newOption)}));var xF=new Array(60).join("-"),_F="\t";function bF(t){return t.replace(/^\s\s*/,"").replace(/\s\s*$/,"")}var wF=new RegExp("[\t]+","g");function SF(t,e){var n=t.split(new RegExp("\n*"+xF+"\n*","g")),i={series:[]};return z(n,(function(t,n){if(function(t){if(t.slice(0,t.indexOf("\n")).indexOf(_F)>=0)return!0}(t)){var r=function(t){for(var e=t.split(/\n+/g),n=[],i=E(bF(e.shift()).split(wF),(function(t){return{name:t,data:[]}})),r=0;r<e.length;r++){var o=bF(e[r]).split(wF);n.push(o.shift());for(var a=0;a<o.length;a++)i[a]&&(i[a].data[r]=o[a])}return{series:i,categories:n}}(t),o=e[n],a=o.axisDim+"Axis";o&&(i[a]=i[a]||[],i[a][o.axisIndex]={data:r.categories},i.series=i.series.concat(r.series))}else{r=function(t){for(var e=t.split(/\n+/g),n=bF(e.shift()),i=[],r=0;r<e.length;r++){var o=bF(e[r]);if(o){var a=o.split(wF),s="",l=void 0,u=!1;isNaN(a[0])?(u=!0,s=a[0],a=a.slice(1),i[r]={name:s,value:[]},l=i[r].value):l=i[r]=[];for(var c=0;c<a.length;c++)l.push(+a[c]);1===l.length&&(u?i[r].value=l[0]:i[r]=l[0])}}return{name:n,data:i}}(t);i.series.push(r)}})),i}var MF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.onclick=function(t,e){setTimeout((function(){e.dispatchAction({type:"hideTip"})}));var n=e.getDom(),i=this.model;this._dom&&n.removeChild(this._dom);var r=document.createElement("div");r.style.cssText="position:absolute;top:0;bottom:0;left:0;right:0;padding:5px",r.style.backgroundColor=i.get("backgroundColor")||tf.color.neutral00;var o=document.createElement("h4"),a=i.get("lang")||[];o.innerHTML=a[0]||i.get("title"),o.style.cssText="margin:10px 20px",o.style.color=i.get("textColor");var s=document.createElement("div"),l=document.createElement("textarea");s.style.cssText="overflow:auto";var u=i.get("optionToContent"),c=i.get("contentToOption"),h=function(t){var e,n,i,r=function(t){var e={},n=[],i=[];return t.eachRawSeries((function(t){var r=t.coordinateSystem;if(!r||"cartesian2d"!==r.type&&"polar"!==r.type)n.push(t);else{var o=r.getBaseAxis();if("category"===o.type){var a=o.dim+"_"+o.index;e[a]||(e[a]={categoryAxis:o,valueAxis:r.getOtherAxis(o),series:[]},i.push({axisDim:o.dim,axisIndex:o.index})),e[a].series.push(t)}else n.push(t)}})),{seriesGroupByCategoryAxis:e,other:n,meta:i}}(t);return{value:V([(n=r.seriesGroupByCategoryAxis,i=[],z(n,(function(t,e){var n=t.categoryAxis,r=t.valueAxis.dim,o=[" "].concat(E(t.series,(function(t){return t.name}))),a=[n.model.getCategories()];z(t.series,(function(t){var e=t.getRawData();a.push(t.getRawData().mapArray(e.mapDimension(r),(function(t){return t})))}));for(var s=[o.join(_F)],l=0;l<a[0].length;l++){for(var u=[],c=0;c<a.length;c++)u.push(a[c][l]);s.push(u.join(_F))}i.push(s.join("\n"))})),i.join("\n\n"+xF+"\n\n")),(e=r.other,E(e,(function(t){var e=t.getRawData(),n=[t.name],i=[];return e.each(e.dimensions,(function(){for(var t=arguments.length,r=arguments[t-1],o=e.getName(r),a=0;a<t-1;a++)i[a]=arguments[a];n.push((o?o+_F:"")+i.join(_F))})),n.join("\n")})).join("\n\n"+xF+"\n\n"))],(function(t){return!!t.replace(/[\n\t\s]/g,"")})).join("\n\n"+xF+"\n\n"),meta:r.meta}}(t);if(Y(u)){var d=u(e.getOption());X(d)?s.innerHTML=d:J(d)&&s.appendChild(d)}else{l.readOnly=i.get("readOnly");var p=l.style;p.cssText="display:block;width:100%;height:100%;font-family:monospace;font-size:14px;line-height:1.6rem;resize:none;box-sizing:border-box;outline:none",p.color=i.get("textColor"),p.borderColor=i.get("textareaBorderColor"),p.backgroundColor=i.get("textareaColor"),l.value=h.value,s.appendChild(l)}var f=h.meta,g=document.createElement("div");g.style.cssText="position:absolute;bottom:5px;left:0;right:0";var y="float:right;margin-right:20px;border:none;cursor:pointer;padding:2px 5px;font-size:12px;border-radius:3px",v=document.createElement("div"),m=document.createElement("div");y+=";background-color:"+i.get("buttonColor"),y+=";color:"+i.get("buttonTextColor");var x=this;function _(){n.removeChild(r),x._dom=null}pe(v,"click",_),pe(m,"click",(function(){if(null==c&&null!=u||null!=c&&null==u)_();else{var t;try{t=Y(c)?c(s,e.getOption()):SF(l.value,f)}catch(t){throw _(),new Error("Data view format error "+t)}t&&e.dispatchAction({type:"changeDataView",newOption:t}),_()}})),v.innerHTML=a[1],m.innerHTML=a[2],m.style.cssText=v.style.cssText=y,!i.get("readOnly")&&g.appendChild(m),g.appendChild(v),r.appendChild(o),r.appendChild(s),r.appendChild(g),s.style.height=n.clientHeight-80+"px",n.appendChild(r),this._dom=r},e.prototype.remove=function(t,e){this._dom&&e.getDom().removeChild(this._dom)},e.prototype.dispose=function(t,e){this.remove(t,e)},e.getDefaultOption=function(t){return{show:!0,readOnly:!1,optionToContent:null,contentToOption:null,icon:"M17.5,17.3H33 M17.5,17.3H33 M45.4,29.5h-28 M11.5,2v56H51V14.8L38.4,2H11.5z M38.4,2.2v12.7H51 M45.4,41.7h-28",title:t.getLocaleModel().get(["toolbox","dataView","title"]),lang:t.getLocaleModel().get(["toolbox","dataView","lang"]),backgroundColor:tf.color.background,textColor:tf.color.primary,textareaColor:tf.color.background,textareaBorderColor:tf.color.border,buttonColor:tf.color.accent50,buttonTextColor:tf.color.neutral00}},e}(sF);function IF(t,e){return E(t,(function(t,n){var i=e&&e[n];if(q(i)&&!U(i)){q(t)&&!U(t)||(t={value:t});var r=null!=i.name&&null==t.name;return t=k(t,i),r&&delete t.name,t}return t}))}Qx({type:"changeDataView",event:"dataViewChanged",update:"prepareAndUpdate"},(function(t,e){var n=[];z(t.newOption.series,(function(t){var i=e.getSeriesByName(t.name)[0];if(i){var r=i.get("data");n.push({name:t.name,data:IF(t.data,r)})}else n.push(A({type:"scatter"},t))})),e.mergeOption(k({series:n},t.newOption))}));var TF=z,CF=sa();function DF(t){var e=CF(t);return e.snapshots||(e.snapshots=[{}]),e.snapshots}var AF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.onclick=function(t,e){!function(t){CF(t).snapshots=null}(t),e.dispatchAction({type:"restore",from:this.uid})},e.getDefaultOption=function(t){return{show:!0,icon:"M3.8,33.4 M47,18.9h9.8V8.7 M56.3,20.1 C52.1,9,40.5,0.6,26.8,2.1C12.6,3.7,1.6,16.2,2.1,30.6 M13,41.1H3.1v10.2 M3.7,39.9c4.2,11.1,15.8,19.5,29.5,18 c14.2-1.6,25.2-14.1,24.7-28.5",title:t.getLocaleModel().get(["toolbox","restore","title"])}},e}(sF);Qx({type:"restore",event:"restore",update:"prepareAndUpdate"},(function(t,e){e.resetOption("recreate")}));var kF=["grid","xAxis","yAxis","geo","graph","polar","radiusAxis","angleAxis","bmap"],LF=function(){function t(t,e,n){var i=this;this._targetInfoList=[];var r=OF(e,t);z(RF,(function(t,e){(!n||!n.include||P(n.include,e)>=0)&&t(r,i._targetInfoList)}))}return t.prototype.setOutputRanges=function(t,e){return this.matchOutputRanges(t,e,(function(t,e,n){if((t.coordRanges||(t.coordRanges=[])).push(e),!t.coordRange){t.coordRange=e;var i=EF[t.brushType](0,n,e);t.__rangeOffset={offset:VF[t.brushType](i.values,t.range,[1,1]),xyMinMax:i.xyMinMax}}})),t},t.prototype.matchOutputRanges=function(t,e,n){z(t,(function(t){var i=this.findTargetInfo(t,e);i&&!0!==i&&z(i.coordSyses,(function(i){var r=EF[t.brushType](1,i,t.range,!0);n(t,r.values,i,e)}))}),this)},t.prototype.setInputRanges=function(t,e){z(t,(function(t){var n,i,r,o,a,s=this.findTargetInfo(t,e);if(t.range=t.range||[],s&&!0!==s){t.panelId=s.panelId;var l=EF[t.brushType](0,s.coordSys,t.coordRange),u=t.__rangeOffset;t.range=u?VF[t.brushType](l.values,u.offset,(n=l.xyMinMax,i=u.xyMinMax,r=FF(n),o=FF(i),a=[r[0]/o[0],r[1]/o[1]],isNaN(a[0])&&(a[0]=1),isNaN(a[1])&&(a[1]=1),a)):l.values}}),this)},t.prototype.makePanelOpts=function(t,e){return E(this._targetInfoList,(function(n){var i=n.getPanelRect();return{panelId:n.panelId,defaultBrushType:e?e(n):null,clipPath:AR(i),isTargetByCursor:LR(i,t,n.coordSysModel),getLinearBrushOtherExtent:kR(i)}}))},t.prototype.controlSeries=function(t,e,n){var i=this.findTargetInfo(t,n);return!0===i||i&&P(i.coordSyses,e.coordinateSystem)>=0},t.prototype.findTargetInfo=function(t,e){for(var n=this._targetInfoList,i=OF(e,t),r=0;r<n.length;r++){var o=n[r],a=t.panelId;if(a){if(o.panelId===a)return o}else for(var s=0;s<NF.length;s++)if(NF[s](i,o))return o}return!0},t}();function PF(t){return t[0]>t[1]&&t.reverse(),t}function OF(t,e){return ua(t,e,{includeMainTypes:kF})}var RF={grid:function(t,e){var n=t.xAxisModels,i=t.yAxisModels,r=t.gridModels,o=yt(),a={},s={};(n||i||r)&&(z(n,(function(t){var e=t.axis.grid.model;o.set(e.id,e),a[e.id]=!0})),z(i,(function(t){var e=t.axis.grid.model;o.set(e.id,e),s[e.id]=!0})),z(r,(function(t){o.set(t.id,t),a[t.id]=!0,s[t.id]=!0})),o.each((function(t){var r=t.coordinateSystem,o=[];z(r.getCartesians(),(function(t,e){(P(n,t.getAxis("x").model)>=0||P(i,t.getAxis("y").model)>=0)&&o.push(t)})),e.push({panelId:"grid--"+t.id,gridModel:t,coordSysModel:t,coordSys:o[0],coordSyses:o,getPanelRect:zF.grid,xAxisDeclared:a[t.id],yAxisDeclared:s[t.id]})})))},geo:function(t,e){z(t.geoModels,(function(t){var n=t.coordinateSystem;e.push({panelId:"geo--"+t.id,geoModel:t,coordSysModel:t,coordSys:n,coordSyses:[n],getPanelRect:zF.geo})}))}},NF=[function(t,e){var n=t.xAxisModel,i=t.yAxisModel,r=t.gridModel;return!r&&n&&(r=n.axis.grid.model),!r&&i&&(r=i.axis.grid.model),r&&r===e.gridModel},function(t,e){var n=t.geoModel;return n&&n===e.geoModel}],zF={grid:function(){return this.coordSys.master.getRect().clone()},geo:function(){var t=this.coordSys,e=t.getBoundingRect().clone();return e.applyTransform(wh(t)),e}},EF={lineX:H(BF,0),lineY:H(BF,1),rect:function(t,e,n,i){var r=t?e.pointToData([n[0][0],n[1][0]],i):e.dataToPoint([n[0][0],n[1][0]],i),o=t?e.pointToData([n[0][1],n[1][1]],i):e.dataToPoint([n[0][1],n[1][1]],i),a=[PF([r[0],o[0]]),PF([r[1],o[1]])];return{values:a,xyMinMax:a}},polygon:function(t,e,n,i){var r=[[1/0,-1/0],[1/0,-1/0]];return{values:E(n,(function(n){var o=t?e.pointToData(n,i):e.dataToPoint(n,i);return r[0][0]=Math.min(r[0][0],o[0]),r[1][0]=Math.min(r[1][0],o[1]),r[0][1]=Math.max(r[0][1],o[0]),r[1][1]=Math.max(r[1][1],o[1]),o})),xyMinMax:r}}};function BF(t,e,n,i){var r=n.getAxis(["x","y"][t]),o=PF(E([0,1],(function(t){return e?r.coordToData(r.toLocalCoord(i[t]),!0):r.toGlobalCoord(r.dataToCoord(i[t]))}))),a=[];return a[t]=o,a[1-t]=[NaN,NaN],{values:o,xyMinMax:a}}var VF={lineX:H(GF,0),lineY:H(GF,1),rect:function(t,e,n){return[[t[0][0]-n[0]*e[0][0],t[0][1]-n[0]*e[0][1]],[t[1][0]-n[1]*e[1][0],t[1][1]-n[1]*e[1][1]]]},polygon:function(t,e,n){return E(t,(function(t,i){return[t[0]-n[0]*e[i][0],t[1]-n[1]*e[i][1]]}))}};function GF(t,e,n,i){return[e[0]-i[t]*n[0],e[1]-i[t]*n[1]]}function FF(t){return t?[t[0][1]-t[0][0],t[1][1]-t[1][0]]:[NaN,NaN]}var WF,HF,UF=z,YF=jo+"toolbox-dataZoom_",XF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(t,e,n,i){this._brushController||(this._brushController=new JO(n.getZr()),this._brushController.on("brush",W(this._onBrush,this)).mount()),function(t,e,n,i,r){var o=n._isZoomActive;i&&"takeGlobalCursor"===i.type&&(o="dataZoomSelect"===i.key&&i.dataZoomSelectActive);n._isZoomActive=o,t.setIconStatus("zoom",o?"emphasis":"normal");var a=new LF(jF(t),e,{include:["grid"]}),s=a.makePanelOpts(r,(function(t){return t.xAxisDeclared&&!t.yAxisDeclared?"lineX":!t.xAxisDeclared&&t.yAxisDeclared?"lineY":"rect"}));n._brushController.setPanels(s).enableBrush(!(!o||!s.length)&&{brushType:"auto",brushStyle:t.getModel("brushStyle").getItemStyle()})}(t,e,this,i,n),function(t,e){t.setIconStatus("back",function(t){return DF(t).length}(e)>1?"emphasis":"normal")}(t,e)},e.prototype.onclick=function(t,e,n){ZF[n].call(this)},e.prototype.remove=function(t,e){this._brushController&&this._brushController.unmount()},e.prototype.dispose=function(t,e){this._brushController&&this._brushController.dispose()},e.prototype._onBrush=function(t){var e=t.areas;if(t.isEnd&&e.length){var n={},i=this.ecModel;this._brushController.updateCovers([]),new LF(jF(this.model),i,{include:["grid"]}).matchOutputRanges(e,i,(function(t,e,n){if("cartesian2d"===n.type){var i=t.brushType;"rect"===i?(r("x",n,e[0]),r("y",n,e[1])):r({lineX:"x",lineY:"y"}[i],n,e)}})),function(t,e){var n=DF(t);TF(e,(function(e,i){for(var r=n.length-1;r>=0&&!n[r][i];r--);if(r<0){var o=t.queryComponents({mainType:"dataZoom",subType:"select",id:i})[0];if(o){var a=o.getPercentRange();n[0][i]={dataZoomId:i,start:a[0],end:a[1]}}}})),n.push(e)}(i,n),this._dispatchZoomAction(n)}function r(t,e,r){var o=e.getAxis(t),a=o.model,s=function(t,e,n){var i;return n.eachComponent({mainType:"dataZoom",subType:"select"},(function(n){n.getAxisModel(t,e.componentIndex)&&(i=n)})),i}(t,a,i),l=s.findRepresentativeAxisProxy(a).getMinMaxSpan();null==l.minValueSpan&&null==l.maxValueSpan||(r=CO(0,r.slice(),o.scale.getExtent(),0,l.minValueSpan,l.maxValueSpan)),s&&(n[s.id]={dataZoomId:s.id,startValue:r[0],endValue:r[1]})}},e.prototype._dispatchZoomAction=function(t){var e=[];UF(t,(function(t,n){e.push(T(t))})),e.length&&this.api.dispatchAction({type:"dataZoom",from:this.uid,batch:e})},e.getDefaultOption=function(t){return{show:!0,filterMode:"filter",icon:{zoom:"M0,13.5h26.9 M13.5,26.9V0 M32.1,13.5H58V58H13.5 V32.1",back:"M22,1.4L9.9,13.5l12.3,12.3 M10.3,13.5H54.9v44.6 H10.3v-26"},title:t.getLocaleModel().get(["toolbox","dataZoom","title"]),brushStyle:{borderWidth:0,color:tf.color.backgroundTint}}},e}(sF),ZF={zoom:function(){var t=!this._isZoomActive;this.api.dispatchAction({type:"takeGlobalCursor",key:"dataZoomSelect",dataZoomSelectActive:t})},back:function(){this._dispatchZoomAction(function(t){var e=DF(t),n=e[e.length-1];e.length>1&&e.pop();var i={};return TF(n,(function(t,n){for(var r=e.length-1;r>=0;r--)if(t=e[r][n]){i[n]=t;break}})),i}(this.ecModel))}};function jF(t){var e={xAxisIndex:t.get("xAxisIndex",!0),yAxisIndex:t.get("yAxisIndex",!0),xAxisId:t.get("xAxisId",!0),yAxisId:t.get("yAxisId",!0)};return null==e.xAxisIndex&&null==e.xAxisId&&(e.xAxisIndex="all"),null==e.yAxisIndex&&null==e.yAxisId&&(e.yAxisIndex="all"),e}WF="dataZoom",HF=function(t){var e=t.getComponent("toolbox",0),n=["feature","dataZoom"];if(e&&null!=e.get(n)){var i=e.getModel(n),r=[],o=ua(t,jF(i));return UF(o.xAxisModels,(function(t){return a(t,"xAxis","xAxisIndex")})),UF(o.yAxisModels,(function(t){return a(t,"yAxis","yAxisIndex")})),r}function a(t,e,n){var o=t.componentIndex,a={type:"select",$fromToolbox:!0,filterMode:i.get("filterMode",!0)||"filter",id:YF+e+o};a[n]=o,r.push(a)}},lt(null==Df.get(WF)&&HF),Df.set(WF,HF);var qF=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="tooltip",e.dependencies=["axisPointer"],e.defaultOption={z:60,show:!0,showContent:!0,trigger:"item",triggerOn:"mousemove|click",alwaysShowContent:!1,renderMode:"auto",confine:null,showDelay:0,hideDelay:100,transitionDuration:.4,displayTransition:!0,enterable:!1,backgroundColor:tf.color.neutral00,shadowBlur:10,shadowColor:"rgba(0, 0, 0, .2)",shadowOffsetX:1,shadowOffsetY:2,borderRadius:4,borderWidth:1,defaultBorderColor:tf.color.border,padding:null,extraCssText:"",axisPointer:{type:"line",axis:"auto",animation:"auto",animationDurationUpdate:200,animationEasingUpdate:"exponentialOut",crossStyle:{color:tf.color.borderShade,width:1,type:"dashed",textStyle:{}}},textStyle:{color:tf.color.tertiary,fontSize:14}},e}(Qp);function KF(t){var e=t.get("confine");return null!=e?!!e:"richText"===t.get("renderMode")}function $F(t){if(r.domSupported)for(var e=document.documentElement.style,n=0,i=t.length;n<i;n++)if(t[n]in e)return t[n]}var JF=$F(["transform","webkitTransform","OTransform","MozTransform","msTransform"]);function QF(t,e){if(!t)return e;e=gp(e,!0);var n=t.indexOf(e);return(t=-1===n?e:"-"+t.slice(0,n)+"-"+e).toLowerCase()}var tW=QF($F(["webkitTransition","transition","OTransition","MozTransition","msTransition"]),"transition"),eW=QF(JF,"transform"),nW="position:absolute;display:block;border-style:solid;white-space:nowrap;z-index:9999999;"+(r.transform3dSupported?"will-change:transform;":"");function iW(t,e,n){var i=t.toFixed(0)+"px",o=e.toFixed(0)+"px";if(!r.transformSupported)return n?"top:"+o+";left:"+i+";":[["top",o],["left",i]];var a=r.transform3dSupported,s="translate"+(a?"3d":"")+"("+i+","+o+(a?",0":"")+")";return n?"top:0;left:0;"+eW+":"+s+";":[["top",0],["left",0],[JF,s]]}function rW(t,e,n,i){var o=[],a=t.get("transitionDuration"),s=t.get("backgroundColor"),l=t.get("shadowBlur"),u=t.get("shadowColor"),c=t.get("shadowOffsetX"),h=t.get("shadowOffsetY"),d=t.getModel("textStyle"),p=zy(t,"html"),f=c+"px "+h+"px "+l+"px "+u;return o.push("box-shadow:"+f),e&&a>0&&o.push(function(t,e,n){var i="cubic-bezier(0.23,1,0.32,1)",o="",a="";return n&&(a="opacity"+(o=" "+t/2+"s "+i)+",visibility"+o),e||(o=" "+t+"s "+i,a+=(a.length?",":"")+(r.transformSupported?""+eW+o:",left"+o+",top"+o)),tW+":"+a}(a,n,i)),s&&o.push("background-color:"+s),z(["width","color","radius"],(function(e){var n="border-"+e,i=gp(n),r=t.get(i);null!=r&&o.push(n+":"+r+("color"===e?"":"px"))})),o.push(function(t){var e=[],n=t.get("fontSize"),i=t.getTextColor();i&&e.push("color:"+i),e.push("font:"+t.getFont());var r=rt(t.get("lineHeight"),Math.round(3*n/2));n&&e.push("line-height:"+r+"px");var o=t.get("textShadowColor"),a=t.get("textShadowBlur")||0,s=t.get("textShadowOffsetX")||0,l=t.get("textShadowOffsetY")||0;return o&&a&&e.push("text-shadow:"+s+"px "+l+"px "+a+"px "+o),z(["decoration","align"],(function(n){var i=t.get(n);i&&e.push("text-"+n+":"+i)})),e.join(";")}(d)),null!=p&&o.push("padding:"+yp(p).join("px ")+"px"),o.join(";")+";"}function oW(t,e,n,i,r){var o=e&&e.painter;if(n){var a=o&&o.getViewportRoot();a&&function(t,e,n,i,r){ee(te,e,i,r,!0)&&ee(t,n,te[0],te[1])}(t,a,n,i,r)}else{t[0]=i,t[1]=r;var s=o&&o.getViewportRootOffset();s&&(t[0]+=s.offsetLeft,t[1]+=s.offsetTop)}t[2]=t[0]/e.getWidth(),t[3]=t[1]/e.getHeight()}var aW=function(){function t(t,e){if(this._show=!1,this._styleCoord=[0,0,0,0],this._enterable=!0,this._alwaysShowContent=!1,this._firstShow=!0,this._longHide=!0,r.wxa)return null;var n=document.createElement("div");n.domBelongToZr=!0,this.el=n;var i=this._zr=t.getZr(),o=e.appendTo,a=o&&(X(o)?document.querySelector(o):J(o)?o:Y(o)&&o(t.getDom()));oW(this._styleCoord,i,a,t.getWidth()/2,t.getHeight()/2),(a||t.getDom()).appendChild(n),this._api=t,this._container=a;var s=this;n.onmouseenter=function(){s._enterable&&(clearTimeout(s._hideTimeout),s._show=!0),s._inContent=!0},n.onmousemove=function(t){if(t=t||window.event,!s._enterable){var e=i.handler;de(i.painter.getViewportRoot(),t,!0),e.dispatch("mousemove",t)}},n.onmouseleave=function(){s._inContent=!1,s._enterable&&s._show&&s.hideLater(s._hideDelay)}}return t.prototype.update=function(t){if(!this._container){var e=this._api.getDom(),n=(o="position",(a=(r=e).currentStyle||document.defaultView&&document.defaultView.getComputedStyle(r))?o?a[o]:a:null),i=e.style;"absolute"!==i.position&&"absolute"!==n&&(i.position="relative")}var r,o,a,s=t.get("alwaysShowContent");s&&this._moveIfResized(),this._alwaysShowContent=s,this._enableDisplayTransition=t.get("displayTransition")&&t.get("transitionDuration")>0,this.el.className=t.get("className")||""},t.prototype.show=function(t,e){clearTimeout(this._hideTimeout),clearTimeout(this._longHideTimeout);var n=this.el,i=n.style,r=this._styleCoord;n.innerHTML?i.cssText=nW+rW(t,!this._firstShow,this._longHide,this._enableDisplayTransition)+iW(r[0],r[1],!0)+"border-color:"+wp(e)+";"+(t.get("extraCssText")||"")+";pointer-events:"+(this._enterable?"auto":"none"):i.display="none",this._show=!0,this._firstShow=!1,this._longHide=!1},t.prototype.setContent=function(t,e,n,i,r){var o=this.el;if(null!=t){var a="";if(X(r)&&"item"===n.get("trigger")&&!KF(n)&&(a=function(t,e,n){if(!X(n)||"inside"===n)return"";var i=t.get("backgroundColor"),r=t.get("borderWidth");e=wp(e);var o,a,s="left"===(o=n)?"right":"right"===o?"left":"top"===o?"bottom":"top",l=Math.max(1.5*Math.round(r),6),u="",c=eW+":";P(["left","right"],s)>-1?(u+="top:50%",c+="translateY(-50%) rotate("+(a="left"===s?-225:-45)+"deg)"):(u+="left:50%",c+="translateX(-50%) rotate("+(a="top"===s?225:45)+"deg)");var h=a*Math.PI/180,d=l+r,p=d*Math.abs(Math.cos(h))+d*Math.abs(Math.sin(h)),f=e+" solid "+r+"px;";return'<div style="'+["position:absolute;width:"+l+"px;height:"+l+"px;z-index:-1;",(u+=";"+s+":-"+Math.round(100*((p-Math.SQRT2*r)/2+Math.SQRT2*r-(p-d)/2))/100+"px")+";"+c+";","border-bottom:"+f,"border-right:"+f,"background-color:"+i+";"].join("")+'"></div>'}(n,i,r)),X(t))o.innerHTML=t+a;else if(t){o.innerHTML="",U(t)||(t=[t]);for(var s=0;s<t.length;s++)J(t[s])&&t[s].parentNode!==o&&o.appendChild(t[s]);if(a&&o.childNodes.length){var l=document.createElement("div");l.innerHTML=a,o.appendChild(l)}}}else o.innerHTML=""},t.prototype.setEnterable=function(t){this._enterable=t},t.prototype.getSize=function(){var t=this.el;return t?[t.offsetWidth,t.offsetHeight]:[0,0]},t.prototype.moveTo=function(t,e){if(this.el){var n=this._styleCoord;if(oW(n,this._zr,this._container,t,e),null!=n[0]&&null!=n[1]){var i=this.el.style;z(iW(n[0],n[1]),(function(t){i[t[0]]=t[1]}))}}},t.prototype._moveIfResized=function(){var t=this._styleCoord[2],e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())},t.prototype.hide=function(){var t=this,e=this.el.style;this._enableDisplayTransition?(e.visibility="hidden",e.opacity="0"):e.display="none",r.transform3dSupported&&(e.willChange=""),this._show=!1,this._longHideTimeout=setTimeout((function(){return t._longHide=!0}),500)},t.prototype.hideLater=function(t){!this._show||this._inContent&&this._enterable||this._alwaysShowContent||(t?(this._hideDelay=t,this._show=!1,this._hideTimeout=setTimeout(W(this.hide,this),t)):this.hide())},t.prototype.isShow=function(){return this._show},t.prototype.dispose=function(){clearTimeout(this._hideTimeout),clearTimeout(this._longHideTimeout);var t=this._zr;!function(t,e){function n(t){var e=t[Qt];e&&(e.clearMarkers&&e.clearMarkers(),delete t[Qt])}t&&n(t),e&&n(e)}(t&&t.painter&&t.painter.getViewportRoot(),this._container);var e=this.el;if(e){e.onmouseenter=e.onmousemove=e.onmouseleave=null;var n=e.parentNode;n&&n.removeChild(e)}this.el=this._container=null},t}(),sW=function(){function t(t){this._show=!1,this._styleCoord=[0,0,0,0],this._alwaysShowContent=!1,this._enterable=!0,this._zr=t.getZr(),cW(this._styleCoord,this._zr,t.getWidth()/2,t.getHeight()/2)}return t.prototype.update=function(t){var e=t.get("alwaysShowContent");e&&this._moveIfResized(),this._alwaysShowContent=e},t.prototype.show=function(){this._hideTimeout&&clearTimeout(this._hideTimeout),this.el.show(),this._show=!0},t.prototype.setContent=function(t,e,n,i,r){var o=this;q(t)&&Yo(""),this.el&&this._zr.remove(this.el);var a=n.getModel("textStyle");this.el=new Sl({style:{rich:e.richTextStyles,text:t,lineHeight:22,borderWidth:1,borderColor:i,textShadowColor:a.get("textShadowColor"),fill:n.get(["textStyle","color"]),padding:zy(n,"richText"),verticalAlign:"top",align:"left"},z:n.get("z")}),z(["backgroundColor","borderRadius","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"],(function(t){o.el.style[t]=n.get(t)})),z(["textShadowBlur","textShadowOffsetX","textShadowOffsetY"],(function(t){o.el.style[t]=a.get(t)||0})),this._zr.add(this.el);var s=this;this.el.on("mouseover",(function(){s._enterable&&(clearTimeout(s._hideTimeout),s._show=!0),s._inContent=!0})),this.el.on("mouseout",(function(){s._enterable&&s._show&&s.hideLater(s._hideDelay),s._inContent=!1}))},t.prototype.setEnterable=function(t){this._enterable=t},t.prototype.getSize=function(){var t=this.el,e=this.el.getBoundingRect(),n=uW(t.style);return[e.width+n.left+n.right,e.height+n.top+n.bottom]},t.prototype.moveTo=function(t,e){var n=this.el;if(n){var i=this._styleCoord;cW(i,this._zr,t,e),t=i[0],e=i[1];var r=n.style,o=lW(r.borderWidth||0),a=uW(r);n.x=t+o+a.left,n.y=e+o+a.top,n.markRedraw()}},t.prototype._moveIfResized=function(){var t=this._styleCoord[2],e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())},t.prototype.hide=function(){this.el&&this.el.hide(),this._show=!1},t.prototype.hideLater=function(t){!this._show||this._inContent&&this._enterable||this._alwaysShowContent||(t?(this._hideDelay=t,this._show=!1,this._hideTimeout=setTimeout(W(this.hide,this),t)):this.hide())},t.prototype.isShow=function(){return this._show},t.prototype.dispose=function(){this._zr.remove(this.el)},t}();function lW(t){return Math.max(0,t)}function uW(t){var e=lW(t.shadowBlur||0),n=lW(t.shadowOffsetX||0),i=lW(t.shadowOffsetY||0);return{left:lW(e-n),right:lW(e+n),top:lW(e-i),bottom:lW(e+i)}}function cW(t,e,n,i){t[0]=n,t[1]=i,t[2]=t[0]/e.getWidth(),t[3]=t[1]/e.getHeight()}var hW=new xl({shape:{x:-1,y:-1,width:2,height:2}}),dW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){if(!r.node&&e.getDom()){var n,i=t.getComponent("tooltip"),o=this._renderMode="auto"===(n=i.get("renderMode"))?r.domSupported?"html":"richText":n||"html";this._tooltipContent="richText"===o?new sW(e):new aW(e,{appendTo:i.get("appendToBody",!0)?"body":i.get("appendTo",!0)})}},e.prototype.render=function(t,e,n){if(!r.node&&n.getDom()){this.group.removeAll(),this._tooltipModel=t,this._ecModel=e,this._api=n;var i=this._tooltipContent;i.update(t),i.setEnterable(t.get("enterable")),this._initGlobalListener(),this._keepShow(),"richText"!==this._renderMode&&t.get("transitionDuration")?cv(this,"_updatePosition",50,"fixRate"):hv(this,"_updatePosition")}},e.prototype._initGlobalListener=function(){var t=this._tooltipModel.get("triggerOn");mB("itemTooltip",this._api,W((function(e,n,i){"none"!==t&&(t.indexOf(e)>=0?this._tryShow(n,i):"leave"===e&&this._hide(i))}),this))},e.prototype._keepShow=function(){var t=this._tooltipModel,e=this._ecModel,n=this._api,i=t.get("triggerOn");if(null!=this._lastX&&null!=this._lastY&&"none"!==i&&"click"!==i){var r=this;clearTimeout(this._refreshUpdateTimeout),this._refreshUpdateTimeout=setTimeout((function(){!n.isDisposed()&&r.manuallyShowTip(t,e,n,{x:r._lastX,y:r._lastY,dataByCoordSys:r._lastDataByCoordSys})}))}},e.prototype.manuallyShowTip=function(t,e,n,i){if(i.from!==this.uid&&!r.node&&n.getDom()){var o=fW(i,n);this._ticket="";var a=i.dataByCoordSys,s=function(t,e,n){var i=ca(t).queryOptionMap,r=i.keys()[0];if(!r||"series"===r)return;var o=pa(e,r,i.get(r),{useDefault:!1,enableAll:!1,enableNone:!1}),a=o.models[0];if(!a)return;var s,l=n.getViewOfComponentModel(a);if(l.group.traverse((function(e){var n=zl(e).tooltipConfig;if(n&&n.name===t.name)return s=e,!0})),s)return{componentMainType:r,componentIndex:a.componentIndex,el:s}}(i,e,n);if(s){var l=s.el.getBoundingRect().clone();l.applyTransform(s.el.transform),this._tryShow({offsetX:l.x+l.width/2,offsetY:l.y+l.height/2,target:s.el,position:i.position,positionDefault:"bottom"},o)}else if(i.tooltip&&null!=i.x&&null!=i.y){var u=hW;u.x=i.x,u.y=i.y,u.update(),zl(u).tooltipConfig={name:null,option:i.tooltip},this._tryShow({offsetX:i.x,offsetY:i.y,target:u},o)}else if(a)this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,dataByCoordSys:a,tooltipOption:i.tooltipOption},o);else if(null!=i.seriesIndex){if(this._manuallyAxisShowTip(t,e,n,i))return;var c=SB(i,e),h=c.point[0],d=c.point[1];null!=h&&null!=d&&this._tryShow({offsetX:h,offsetY:d,target:c.el,position:i.position,positionDefault:"bottom"},o)}else null!=i.x&&null!=i.y&&(n.dispatchAction({type:"updateAxisPointer",x:i.x,y:i.y}),this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,target:n.getZr().findHover(i.x,i.y).target},o))}},e.prototype.manuallyHideTip=function(t,e,n,i){var r=this._tooltipContent;this._tooltipModel&&r.hideLater(this._tooltipModel.get("hideDelay")),this._lastX=this._lastY=this._lastDataByCoordSys=null,i.from!==this.uid&&this._hide(fW(i,n))},e.prototype._manuallyAxisShowTip=function(t,e,n,i){var r=i.seriesIndex,o=i.dataIndex,a=e.getComponent("axisPointer").coordSysAxesInfo;if(null!=r&&null!=o&&null!=a){var s=e.getSeriesByIndex(r);if(s)if("axis"===pW([s.getData().getItemModel(o),s,(s.coordinateSystem||{}).model],this._tooltipModel).get("trigger"))return n.dispatchAction({type:"updateAxisPointer",seriesIndex:r,dataIndex:o,position:i.position}),!0}},e.prototype._tryShow=function(t,e){var n=t.target;if(this._tooltipModel){this._lastX=t.offsetX,this._lastY=t.offsetY;var i=t.dataByCoordSys;if(i&&i.length)this._showAxisTooltip(i,t);else if(n){var r,o;if("legend"===zl(n).ssrType)return;this._lastDataByCoordSys=null,Qv(n,(function(t){if(t.tooltipDisabled)return r=o=null,!0;r||o||(null!=zl(t).dataIndex?r=t:null!=zl(t).tooltipConfig&&(o=t))}),!0),r?this._showSeriesItemTooltip(t,r,e):o?this._showComponentItemTooltip(t,o,e):this._hide(e)}else this._lastDataByCoordSys=null,this._hide(e)}},e.prototype._showOrMove=function(t,e){var n=t.get("showDelay");e=W(e,this),clearTimeout(this._showTimout),n>0?this._showTimout=setTimeout(e,n):e()},e.prototype._showAxisTooltip=function(t,e){var n=this._ecModel,i=this._tooltipModel,r=[e.offsetX,e.offsetY],o=pW([e.tooltipOption],i),a=this._renderMode,s=[],l=Ty("section",{blocks:[],noHeader:!0}),u=[],c=new Ey;z(t,(function(t){z(t.dataByAxis,(function(t){var e=n.getComponent(t.axisDim+"Axis",t.axisIndex),r=t.value;if(e&&null!=r){var o=oB(r,e.axis,n,t.seriesDataIndices,t.valueLabelOpt),h=Ty("section",{header:o,noHeader:!ut(o),sortBlocks:!0,blocks:[]});l.blocks.push(h),z(t.seriesDataIndices,(function(l){var d=n.getSeriesByIndex(l.seriesIndex),p=l.dataIndexInside,f=d.getDataParams(p);if(!(f.dataIndex<0)){f.axisDim=t.axisDim,f.axisIndex=t.axisIndex,f.axisType=t.axisType,f.axisId=t.axisId,f.axisValue=qb(e.axis,{value:r}),f.axisValueLabel=o,f.marker=c.makeTooltipMarker("item",wp(f.color),a);var g=Wg(d.formatTooltip(p,!0,null)),y=g.frag;if(y){var v=pW([d],i).get("valueFormatter");h.blocks.push(v?A({valueFormatter:v},y):y)}g.text&&u.push(g.text),s.push(f)}}))}}))})),l.blocks.reverse(),u.reverse();var h=e.position,d=o.get("order"),p=Py(l,c,a,d,n.get("useUTC"),o.get("textStyle"));p&&u.unshift(p);var f="richText"===a?"\n\n":"<br/>",g=u.join(f);this._showOrMove(o,(function(){this._updateContentNotChangedOnAxis(t,s)?this._updatePosition(o,h,r[0],r[1],this._tooltipContent,s):this._showTooltipContent(o,g,s,Math.random()+"",r[0],r[1],h,null,c)}))},e.prototype._showSeriesItemTooltip=function(t,e,n){var i=this._ecModel,r=zl(e),o=r.seriesIndex,a=i.getSeriesByIndex(o),s=r.dataModel||a,l=r.dataIndex,u=r.dataType,c=s.getData(u),h=this._renderMode,d=t.positionDefault,p=pW([c.getItemModel(l),s,a&&(a.coordinateSystem||{}).model],this._tooltipModel,d?{position:d}:null),f=p.get("trigger");if(null==f||"item"===f){var g=s.getDataParams(l,u),y=new Ey;g.marker=y.makeTooltipMarker("item",wp(g.color),h);var v=Wg(s.formatTooltip(l,!1,u)),m=p.get("order"),x=p.get("valueFormatter"),_=v.frag,b=_?Py(x?A({valueFormatter:x},_):_,y,h,m,i.get("useUTC"),p.get("textStyle")):v.text,w="item_"+s.name+"_"+l;this._showOrMove(p,(function(){this._showTooltipContent(p,b,g,w,t.offsetX,t.offsetY,t.position,t.target,y)})),n({type:"showTip",dataIndexInside:l,dataIndex:c.getRawIndex(l),seriesIndex:o,from:this.uid})}},e.prototype._showComponentItemTooltip=function(t,e,n){var i="html"===this._renderMode,r=zl(e),o=r.tooltipConfig.option||{},a=o.encodeHTMLContent;if(X(o)){o={content:o,formatter:o},a=!0}a&&i&&o.content&&((o=T(o)).content=oe(o.content));var s=[o],l=this._ecModel.getComponent(r.componentMainType,r.componentIndex);l&&s.push(l),s.push({formatter:o.content});var u=t.positionDefault,c=pW(s,this._tooltipModel,u?{position:u}:null),h=c.get("content"),d=Math.random()+"",p=new Ey;this._showOrMove(c,(function(){var n=T(c.get("formatterParams")||{});this._showTooltipContent(c,h,n,d,t.offsetX,t.offsetY,t.position,e,p)})),n({type:"showTip",from:this.uid})},e.prototype._showTooltipContent=function(t,e,n,i,r,o,a,s,l){if(this._ticket="",t.get("showContent")&&t.get("show")){var u=this._tooltipContent;u.setEnterable(t.get("enterable"));var c=t.get("formatter");a=a||t.get("position");var h=e,d=this._getNearestPoint([r,o],n,t.get("trigger"),t.get("borderColor"),t.get("defaultBorderColor",!0)).color;if(c)if(X(c)){var p=t.ecModel.get("useUTC"),f=U(n)?n[0]:n;h=c,f&&f.axisType&&f.axisType.indexOf("time")>=0&&(h=$d(f.axisValue,h,p)),h=_p(h,n,!0)}else if(Y(c)){var g=W((function(e,i){e===this._ticket&&(u.setContent(i,l,t,d,a),this._updatePosition(t,a,r,o,u,n,s))}),this);this._ticket=i,h=c(n,i,g)}else h=c;u.setContent(h,l,t,d,a),u.show(t,d),this._updatePosition(t,a,r,o,u,n,s)}},e.prototype._getNearestPoint=function(t,e,n,i,r){return"axis"===n||U(e)?{color:i||r}:U(e)?void 0:{color:i||e.color||e.borderColor}},e.prototype._updatePosition=function(t,e,n,i,r,o,a){var s=this._api.getWidth(),l=this._api.getHeight();e=e||t.get("position");var u=r.getSize(),c=t.get("align"),h=t.get("verticalAlign"),d=a&&a.getBoundingRect().clone();if(a&&d.applyTransform(a.transform),Y(e)&&(e=e([n,i],o,r.el,d,{viewSize:[s,l],contentSize:u.slice()})),U(e))n=yo(e[0],s),i=yo(e[1],l);else if(q(e)){var p=e;p.width=u[0],p.height=u[1];var f=Hp(p,{width:s,height:l});n=f.x,i=f.y,c=null,h=null}else if(X(e)&&a){var g=function(t,e,n,i){var r=n[0],o=n[1],a=Math.ceil(Math.SQRT2*i)+8,s=0,l=0,u=e.width,c=e.height;switch(t){case"inside":s=e.x+u/2-r/2,l=e.y+c/2-o/2;break;case"top":s=e.x+u/2-r/2,l=e.y-o-a;break;case"bottom":s=e.x+u/2-r/2,l=e.y+c+a;break;case"left":s=e.x-r-a,l=e.y+c/2-o/2;break;case"right":s=e.x+u+a,l=e.y+c/2-o/2}return[s,l]}(e,d,u,t.get("borderWidth"));n=g[0],i=g[1]}else{g=function(t,e,n,i,r,o,a){var s=n.getSize(),l=s[0],u=s[1];null!=o&&(t+l+o+2>i?t-=l+o:t+=o);null!=a&&(e+u+a>r?e-=u+a:e+=a);return[t,e]}(n,i,r,s,l,c?null:20,h?null:20);n=g[0],i=g[1]}if(c&&(n-=gW(c)?u[0]/2:"right"===c?u[0]:0),h&&(i-=gW(h)?u[1]/2:"bottom"===h?u[1]:0),KF(t)){g=function(t,e,n,i,r){var o=n.getSize(),a=o[0],s=o[1];return t=Math.min(t+a,i)-a,e=Math.min(e+s,r)-s,t=Math.max(t,0),e=Math.max(e,0),[t,e]}(n,i,r,s,l);n=g[0],i=g[1]}r.moveTo(n,i)},e.prototype._updateContentNotChangedOnAxis=function(t,e){var n=this._lastDataByCoordSys,i=this._cbParamsList,r=!!n&&n.length===t.length;return r&&z(n,(function(n,o){var a=n.dataByAxis||[],s=(t[o]||{}).dataByAxis||[];(r=r&&a.length===s.length)&&z(a,(function(t,n){var o=s[n]||{},a=t.seriesDataIndices||[],l=o.seriesDataIndices||[];(r=r&&t.value===o.value&&t.axisType===o.axisType&&t.axisId===o.axisId&&a.length===l.length)&&z(a,(function(t,e){var n=l[e];r=r&&t.seriesIndex===n.seriesIndex&&t.dataIndex===n.dataIndex})),i&&z(t.seriesDataIndices,(function(t){var n=t.seriesIndex,o=e[n],a=i[n];o&&a&&a.data!==o.data&&(r=!1)}))}))})),this._lastDataByCoordSys=t,this._cbParamsList=e,!!r},e.prototype._hide=function(t){this._lastDataByCoordSys=null,t({type:"hideTip",from:this.uid})},e.prototype.dispose=function(t,e){!r.node&&e.getDom()&&(hv(this,"_updatePosition"),this._tooltipContent.dispose(),bB("itemTooltip",e))},e.type="tooltip",e}(Ky);function pW(t,e,n){var i,r=e.ecModel;n?(i=new wd(n,r,r),i=new wd(e.option,i,r)):i=e;for(var o=t.length-1;o>=0;o--){var a=t[o];a&&(a instanceof wd&&(a=a.get("tooltip",!0)),X(a)&&(a={formatter:a}),a&&(i=new wd(a,i,r)))}return i}function fW(t,e){return t.dispatchAction||W(e.dispatchAction,e)}function gW(t){return"center"===t||"middle"===t}var yW=["rect","polygon","keep","clear"];function vW(t,e){var n=qo(t?t.brush:[]);if(n.length){var i=[];z(n,(function(t){var e=t.hasOwnProperty("toolbox")?t.toolbox:[];e instanceof Array&&(i=i.concat(e))}));var r=t&&t.toolbox;U(r)&&(r=r[0]),r||(r={feature:{}},t.toolbox=[r]);var o=r.feature||(r.feature={}),a=o.brush||(o.brush={}),s=a.type||(a.type=[]);s.push.apply(s,i),function(t){var e={};z(t,(function(t){e[t]=1})),t.length=0,z(e,(function(e,n){t.push(n)}))}(s),e&&!s.length&&s.push.apply(s,yW)}}var mW=z;function xW(t){if(t)for(var e in t)if(t.hasOwnProperty(e))return!0}function _W(t,e,n){var i={};return mW(e,(function(e){var r,o=i[e]=((r=function(){}).prototype.__hidden=r.prototype,new r);mW(t[e],(function(t,i){if(hL.isValidType(i)){var r={type:i,visual:t};n&&n(r,e),o[i]=new hL(r),"opacity"===i&&((r=T(r)).type="colorAlpha",o.__hidden.__alphaForOpacity=new hL(r))}}))})),i}function bW(t,e,n){var i;z(n,(function(t){e.hasOwnProperty(t)&&xW(e[t])&&(i=!0)})),i&&z(n,(function(n){e.hasOwnProperty(n)&&xW(e[n])?t[n]=T(e[n]):delete t[n]}))}var wW={lineX:SW(0),lineY:SW(1),rect:{point:function(t,e,n){return t&&n.boundingRect.contain(t[0],t[1])},rect:function(t,e,n){return t&&n.boundingRect.intersect(t)}},polygon:{point:function(t,e,n){return t&&n.boundingRect.contain(t[0],t[1])&&aw(n.range,t[0],t[1])},rect:function(t,e,n){var i=n.range;if(!t||i.length<=1)return!1;var r=t.x,o=t.y,a=t.width,s=t.height,l=i[0];return!!(aw(i,r,o)||aw(i,r+a,o)||aw(i,r,o+s)||aw(i,r+a,o+s)||He.create(t).contain(l[0],l[1])||kh(r,o,r+a,o,i)||kh(r,o,r,o+s,i)||kh(r+a,o,r+a,o+s,i)||kh(r,o+s,r+a,o+s,i))||void 0}}};function SW(t){var e=["x","y"],n=["width","height"];return{point:function(e,n,i){if(e){var r=i.range;return MW(e[t],r)}},rect:function(i,r,o){if(i){var a=o.range,s=[i[e[t]],i[e[t]]+i[n[t]]];return s[1]<s[0]&&s.reverse(),MW(s[0],a)||MW(s[1],a)||MW(a[0],s)||MW(a[1],s)}}}}function MW(t,e){return e[0]<=t&&t<=e[1]}var IW=["inBrush","outOfBrush"],TW="__ecBrushSelect",CW="__ecInBrushSelectEvent";function DW(t){t.eachComponent({mainType:"brush"},(function(e){(e.brushTargetManager=new LF(e.option,t)).setInputRanges(e.areas,t)}))}function AW(t,e,n){var i,r,o=[];t.eachComponent({mainType:"brush"},(function(t){n&&"takeGlobalCursor"===n.type&&t.setBrushOption("brush"===n.key?n.brushOption:{brushType:!1})})),DW(t),t.eachComponent({mainType:"brush"},(function(e,n){var a={brushId:e.id,brushIndex:n,brushName:e.name,areas:T(e.areas),selected:[]};o.push(a);var s=e.option,l=s.brushLink,u=[],c=[],h=[],d=!1;n||(i=s.throttleType,r=s.throttleDelay);var p=E(e.areas,(function(t){var e=PW[t.brushType],n=k({boundingRect:e?e(t):void 0},t);return n.selectors=function(t){var e=t.brushType,n={point:function(i){return wW[e].point(i,n,t)},rect:function(i){return wW[e].rect(i,n,t)}};return n}(n),n})),f=_W(e.option,IW,(function(t){t.mappingMethod="fixed"}));function g(t){return"all"===l||!!u[t]}function y(t){return!!t.length}U(l)&&z(l,(function(t){u[t]=1})),t.eachSeries((function(n,i){var r=h[i]=[];"parallel"===n.subType?function(t,e){var n=t.coordinateSystem;d=d||n.hasAxisBrushed(),g(e)&&n.eachActiveState(t.getData(),(function(t,e){"active"===t&&(c[e]=1)}))}(n,i):function(n,i,r){if(!n.brushSelector||function(t,e){var n=t.option.seriesIndex;return null!=n&&"all"!==n&&(U(n)?P(n,e)<0:e!==n)}(e,i))return;if(z(p,(function(i){e.brushTargetManager.controlSeries(i,n,t)&&r.push(i),d=d||y(r)})),g(i)&&y(r)){var o=n.getData();o.each((function(t){LW(n,r,o,t)&&(c[t]=1)}))}}(n,i,r)})),t.eachSeries((function(t,e){var n={seriesId:t.id,seriesIndex:e,seriesName:t.name,dataIndex:[]};a.selected.push(n);var i=h[e],r=t.getData(),o=g(e)?function(t){return c[t]?(n.dataIndex.push(r.getRawIndex(t)),"inBrush"):"outOfBrush"}:function(e){return LW(t,i,r,e)?(n.dataIndex.push(r.getRawIndex(e)),"inBrush"):"outOfBrush"};(g(e)?d:y(i))&&function(t,e,n,i,r,o){var a,s={};function l(t){return jv(n,a,t)}function u(t,e){Kv(n,a,t,e)}function c(t,c){a=null==o?t:c;var h=n.getRawDataItem(a);if(!h||!1!==h.visualMap)for(var d=i.call(r,t),p=e[d],f=s[d],g=0,y=f.length;g<y;g++){var v=f[g];p[v]&&p[v].applyVisual(t,l,u)}}z(t,(function(t){var n=hL.prepareVisualTypes(e[t]);s[t]=n})),null==o?n.each(c):n.each([o],c)}(IW,f,r,o)}))})),function(t,e,n,i,r){if(!r)return;var o=t.getZr();if(o[CW])return;o[TW]||(o[TW]=kW);var a=cv(o,TW,n,e);a(t,i)}(e,i,r,o,n)}function kW(t,e){if(!t.isDisposed()){var n=t.getZr();n[CW]=!0,t.dispatchAction({type:"brushSelect",batch:e}),n[CW]=!1}}function LW(t,e,n,i){for(var r=0,o=e.length;r<o;r++){var a=e[r];if(t.brushSelector(i,n,a.selectors,a))return!0}}var PW={rect:function(t){return OW(t.range)},polygon:function(t){for(var e,n=t.range,i=0,r=n.length;i<r;i++){e=e||[[1/0,-1/0],[1/0,-1/0]];var o=n[i];o[0]<e[0][0]&&(e[0][0]=o[0]),o[0]>e[0][1]&&(e[0][1]=o[0]),o[1]<e[1][0]&&(e[1][0]=o[1]),o[1]>e[1][1]&&(e[1][1]=o[1])}return e&&OW(e)}};function OW(t){return new He(t[0][0],t[1][0],t[0][1]-t[0][0],t[1][1]-t[1][0])}var RW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){this.ecModel=t,this.api=e,this.model,(this._brushController=new JO(e.getZr())).on("brush",W(this._onBrush,this)).mount()},e.prototype.render=function(t,e,n,i){this.model=t,this._updateController(t,e,n,i)},e.prototype.updateTransform=function(t,e,n,i){DW(e),this._updateController(t,e,n,i)},e.prototype.updateVisual=function(t,e,n,i){this.updateTransform(t,e,n,i)},e.prototype.updateView=function(t,e,n,i){this._updateController(t,e,n,i)},e.prototype._updateController=function(t,e,n,i){(!i||i.$from!==t.id)&&this._brushController.setPanels(t.brushTargetManager.makePanelOpts(n)).enableBrush(t.brushOption).updateCovers(t.areas.slice())},e.prototype.dispose=function(){this._brushController.dispose()},e.prototype._onBrush=function(t){var e=this.model.id,n=this.model.brushTargetManager.setOutputRanges(t.areas,this.ecModel);(!t.isEnd||t.removeOnClick)&&this.api.dispatchAction({type:"brush",brushId:e,areas:T(n),$from:e}),t.isEnd&&this.api.dispatchAction({type:"brushEnd",brushId:e,areas:T(n),$from:e})},e.type="brush",e}(Ky),NW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.areas=[],n.brushOption={},n}return n(e,t),e.prototype.optionUpdated=function(t,e){var n=this.option;!e&&bW(n,t,["inBrush","outOfBrush"]);var i=n.inBrush=n.inBrush||{};n.outOfBrush=n.outOfBrush||{color:this.option.defaultOutOfBrushColor},i.hasOwnProperty("liftZ")||(i.liftZ=5)},e.prototype.setAreas=function(t){t&&(this.areas=E(t,(function(t){return zW(this.option,t)}),this))},e.prototype.setBrushOption=function(t){this.brushOption=zW(this.option,t),this.brushType=this.brushOption.brushType},e.type="brush",e.dependencies=["geo","grid","xAxis","yAxis","parallel","series"],e.defaultOption={seriesIndex:"all",brushType:"rect",brushMode:"single",transformable:!0,brushStyle:{borderWidth:1,color:tf.color.backgroundTint,borderColor:tf.color.borderTint},throttleType:"fixRate",throttleDelay:0,removeOnClick:!0,z:1e4,defaultOutOfBrushColor:tf.color.disabled},e}(Qp);function zW(t,e){return C({brushType:t.brushType,brushMode:t.brushMode,transformable:t.transformable,brushStyle:new wd(t.brushStyle).getItemStyle(),removeOnClick:t.removeOnClick,z:t.z},e,!0)}var EW=["rect","polygon","lineX","lineY","keep","clear"],BW=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(t,e,n){var i,r,o;e.eachComponent({mainType:"brush"},(function(t){i=t.brushType,r=t.brushOption.brushMode||"single",o=o||!!t.areas.length})),this._brushType=i,this._brushMode=r,z(t.get("type",!0),(function(e){t.setIconStatus(e,("keep"===e?"multiple"===r:"clear"===e?o:e===i)?"emphasis":"normal")}))},e.prototype.updateView=function(t,e,n){this.render(t,e,n)},e.prototype.getIcons=function(){var t=this.model,e=t.get("icon",!0),n={};return z(t.get("type",!0),(function(t){e[t]&&(n[t]=e[t])})),n},e.prototype.onclick=function(t,e,n){var i=this._brushType,r=this._brushMode;"clear"===n?(e.dispatchAction({type:"axisAreaSelect",intervals:[]}),e.dispatchAction({type:"brush",command:"clear",areas:[]})):e.dispatchAction({type:"takeGlobalCursor",key:"brush",brushOption:{brushType:"keep"===n?i:i!==n&&n,brushMode:"keep"===n?"multiple"===r?"single":"multiple":r}})},e.getDefaultOption=function(t){return{show:!0,type:EW.slice(),icon:{rect:"M7.3,34.7 M0.4,10V-0.2h9.8 M89.6,10V-0.2h-9.8 M0.4,60v10.2h9.8 M89.6,60v10.2h-9.8 M12.3,22.4V10.5h13.1 M33.6,10.5h7.8 M49.1,10.5h7.8 M77.5,22.4V10.5h-13 M12.3,31.1v8.2 M77.7,31.1v8.2 M12.3,47.6v11.9h13.1 M33.6,59.5h7.6 M49.1,59.5 h7.7 M77.5,47.6v11.9h-13",polygon:"M55.2,34.9c1.7,0,3.1,1.4,3.1,3.1s-1.4,3.1-3.1,3.1 s-3.1-1.4-3.1-3.1S53.5,34.9,55.2,34.9z M50.4,51c1.7,0,3.1,1.4,3.1,3.1c0,1.7-1.4,3.1-3.1,3.1c-1.7,0-3.1-1.4-3.1-3.1 C47.3,52.4,48.7,51,50.4,51z M55.6,37.1l1.5-7.8 M60.1,13.5l1.6-8.7l-7.8,4 M59,19l-1,5.3 M24,16.1l6.4,4.9l6.4-3.3 M48.5,11.6 l-5.9,3.1 M19.1,12.8L9.7,5.1l1.1,7.7 M13.4,29.8l1,7.3l6.6,1.6 M11.6,18.4l1,6.1 M32.8,41.9 M26.6,40.4 M27.3,40.2l6.1,1.6 M49.9,52.1l-5.6-7.6l-4.9-1.2",lineX:"M15.2,30 M19.7,15.6V1.9H29 M34.8,1.9H40.4 M55.3,15.6V1.9H45.9 M19.7,44.4V58.1H29 M34.8,58.1H40.4 M55.3,44.4 V58.1H45.9 M12.5,20.3l-9.4,9.6l9.6,9.8 M3.1,29.9h16.5 M62.5,20.3l9.4,9.6L62.3,39.7 M71.9,29.9H55.4",lineY:"M38.8,7.7 M52.7,12h13.2v9 M65.9,26.6V32 M52.7,46.3h13.2v-9 M24.9,12H11.8v9 M11.8,26.6V32 M24.9,46.3H11.8v-9 M48.2,5.1l-9.3-9l-9.4,9.2 M38.9-3.9V12 M48.2,53.3l-9.3,9l-9.4-9.2 M38.9,62.3V46.4",keep:"M4,10.5V1h10.3 M20.7,1h6.1 M33,1h6.1 M55.4,10.5V1H45.2 M4,17.3v6.6 M55.6,17.3v6.6 M4,30.5V40h10.3 M20.7,40 h6.1 M33,40h6.1 M55.4,30.5V40H45.2 M21,18.9h62.9v48.6H21V18.9z",clear:"M22,14.7l30.9,31 M52.9,14.7L22,45.7 M4.7,16.8V4.2h13.1 M26,4.2h7.8 M41.6,4.2h7.8 M70.3,16.8V4.2H57.2 M4.7,25.9v8.6 M70.3,25.9v8.6 M4.7,43.2v12.6h13.1 M26,55.8h7.8 M41.6,55.8h7.8 M70.3,43.2v12.6H57.2"},title:t.getLocaleModel().get(["toolbox","brush","title"])}},e}(sF);var VW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.layoutMode={type:"box",ignoreSize:!0},n}return n(e,t),e.type="title",e.defaultOption={z:6,show:!0,text:"",target:"blank",subtext:"",subtarget:"blank",left:"center",top:tf.size.m,backgroundColor:tf.color.transparent,borderColor:tf.color.primary,borderWidth:0,padding:5,itemGap:10,textStyle:{fontSize:18,fontWeight:"bold",color:tf.color.primary},subtextStyle:{fontSize:12,color:tf.color.quaternary}},e}(Qp),GW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){if(this.group.removeAll(),t.get("show")){var i=this.group,r=t.getModel("textStyle"),o=t.getModel("subtextStyle"),a=t.get("textAlign"),s=rt(t.get("textBaseline"),t.get("textVerticalAlign")),l=new Sl({style:Qh(r,{text:t.get("text"),fill:r.getTextColor()},{disableBox:!0}),z2:10}),u=l.getBoundingRect(),c=t.get("subtext"),h=new Sl({style:Qh(o,{text:c,fill:o.getTextColor(),y:u.height+t.get("itemGap"),verticalAlign:"top"},{disableBox:!0}),z2:10}),d=t.get("link"),p=t.get("sublink"),f=t.get("triggerEvent",!0);l.silent=!d&&!f,h.silent=!p&&!f,d&&l.on("click",(function(){Sp(d,"_"+t.get("target"))})),p&&h.on("click",(function(){Sp(p,"_"+t.get("subtarget"))})),zl(l).eventData=zl(h).eventData=f?{componentType:"title",componentIndex:t.componentIndex}:null,i.add(l),c&&i.add(h);var g=i.getBoundingRect(),y=t.getBoxLayoutParams();y.width=g.width,y.height=g.height;var v=Hp(y,Xp(t,n).refContainer,t.get("padding"));a||("middle"===(a=t.get("left")||t.get("right"))&&(a="center"),"right"===a?v.x+=v.width:"center"===a&&(v.x+=v.width/2)),s||("center"===(s=t.get("top")||t.get("bottom"))&&(s="middle"),"bottom"===s?v.y+=v.height:"middle"===s&&(v.y+=v.height/2),s=s||"top"),i.x=v.x,i.y=v.y,i.markRedraw();var m={align:a,verticalAlign:s};l.setStyle(m),h.setStyle(m),g=i.getBoundingRect();var x=v.margin,_=t.getItemStyle(["color","opacity"]);_.fill=t.get("backgroundColor");var b=new xl({shape:{x:g.x-x[3],y:g.y-x[0],width:g.width+x[1]+x[3],height:g.height+x[0]+x[2],r:t.get("borderRadius")},style:_,subPixelOptimize:!0,silent:!0});i.add(b)}},e.type="title",e}(Ky);var FW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.layoutMode="box",n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n),this._initData()},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),this._initData()},e.prototype.setCurrentIndex=function(t){null==t&&(t=this.option.currentIndex);var e=this._data.count();this.option.loop?t=(t%e+e)%e:(t>=e&&(t=e-1),t<0&&(t=0)),this.option.currentIndex=t},e.prototype.getCurrentIndex=function(){return this.option.currentIndex},e.prototype.isIndexMax=function(){return this.getCurrentIndex()>=this._data.count()-1},e.prototype.setPlayState=function(t){this.option.autoPlay=!!t},e.prototype.getPlayState=function(){return!!this.option.autoPlay},e.prototype._initData=function(){var t,e=this.option,n=e.data||[],i=e.axisType,r=this._names=[];"category"===i?(t=[],z(n,(function(e,n){var i,o=ia(Jo(e),"");q(e)?(i=T(e)).value=n:i=n,t.push(i),r.push(o)}))):t=n;var o={category:"ordinal",time:"time",value:"number"}[i]||"number";(this._data=new B_([{name:"value",type:o}],this)).initData(t,r)},e.prototype.getData=function(){return this._data},e.prototype.getCategories=function(){if("category"===this.get("axisType"))return this._names.slice()},e.type="timeline",e.defaultOption={z:4,show:!0,axisType:"time",realtime:!0,left:"20%",top:null,right:"20%",bottom:0,width:null,height:40,padding:tf.size.m,controlPosition:"left",autoPlay:!1,rewind:!1,loop:!0,playInterval:2e3,currentIndex:0,itemStyle:{},label:{color:tf.color.secondary},data:[]},e}(Qp),WW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="timeline.slider",e.defaultOption=Id(FW.defaultOption,{backgroundColor:"rgba(0,0,0,0)",borderColor:tf.color.border,borderWidth:0,orient:"horizontal",inverse:!1,tooltip:{trigger:"item"},symbol:"circle",symbolSize:12,lineStyle:{show:!0,width:2,color:tf.color.accent10},label:{position:"auto",show:!0,interval:"auto",rotate:0,color:tf.color.tertiary},itemStyle:{color:tf.color.accent20,borderWidth:0},checkpointStyle:{symbol:"circle",symbolSize:15,color:tf.color.accent50,borderColor:tf.color.accent50,borderWidth:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,shadowColor:"rgba(0, 0, 0, 0)",animation:!0,animationDuration:300,animationEasing:"quinticInOut"},controlStyle:{show:!0,showPlayBtn:!0,showPrevBtn:!0,showNextBtn:!0,itemSize:24,itemGap:12,position:"left",playIcon:"path://M15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0ZM15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM11.5 10.6699C11.5 9.90014 12.3333 9.41887 13 9.80371L20.5 14.1338C21.1667 14.5187 21.1667 15.4813 20.5 15.8662L13 20.1963C12.3333 20.5811 11.5 20.0999 11.5 19.3301V10.6699Z",stopIcon:"path://M15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0ZM15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM11.5 10C12.3284 10 13 10.6716 13 11.5V18.5C13 19.3284 12.3284 20 11.5 20C10.6716 20 10 19.3284 10 18.5V11.5C10 10.6716 10.6716 10 11.5 10ZM18.5 10C19.3284 10 20 10.6716 20 11.5V18.5C20 19.3284 19.3284 20 18.5 20C17.6716 20 17 19.3284 17 18.5V11.5C17 10.6716 17.6716 10 18.5 10Z",nextIcon:"path://M0.838834 18.7383C0.253048 18.1525 0.253048 17.2028 0.838834 16.617L7.55635 9.89949L0.838834 3.18198C0.253048 2.59619 0.253048 1.64645 0.838834 1.06066C1.42462 0.474874 2.37437 0.474874 2.96015 1.06066L10.7383 8.83883L10.8412 8.95277C11.2897 9.50267 11.2897 10.2963 10.8412 10.8462L10.7383 10.9602L2.96015 18.7383C2.37437 19.3241 1.42462 19.3241 0.838834 18.7383Z",prevIcon:"path://M10.9602 1.06066C11.5459 1.64645 11.5459 2.59619 10.9602 3.18198L4.24264 9.89949L10.9602 16.617C11.5459 17.2028 11.5459 18.1525 10.9602 18.7383C10.3744 19.3241 9.42462 19.3241 8.83883 18.7383L1.06066 10.9602L0.957771 10.8462C0.509245 10.2963 0.509245 9.50267 0.957771 8.95277L1.06066 8.83883L8.83883 1.06066C9.42462 0.474874 10.3744 0.474874 10.9602 1.06066Z",prevBtnSize:18,nextBtnSize:18,color:tf.color.accent50,borderColor:tf.color.accent50,borderWidth:0},emphasis:{label:{show:!0,color:tf.color.accent60},itemStyle:{color:tf.color.accent60,borderColor:tf.color.accent60},controlStyle:{color:tf.color.accent70,borderColor:tf.color.accent70}},progress:{lineStyle:{color:tf.color.accent30},itemStyle:{color:tf.color.accent40}},data:[]}),e}(FW);R(WW,Fg.prototype);var HW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="timeline",e}(Ky),UW=function(t){function e(e,n,i,r){var o=t.call(this,e,n,i)||this;return o.type=r||"value",o}return n(e,t),e.prototype.getLabelModel=function(){return this.model.getModel("label")},e.prototype.isHorizontal=function(){return"horizontal"===this.model.get("orient")},e}(Ww),YW=Math.PI,XW=sa(),ZW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){this.api=e},e.prototype.render=function(t,e,n){if(this.model=t,this.api=n,this.ecModel=e,this.group.removeAll(),t.get("show",!0)){var i=this._layout(t,n),r=this._createGroup("_mainGroup"),o=this._createGroup("_labelGroup"),a=this._axis=this._createAxis(i,t);t.formatTooltip=function(t){return Ty("nameValue",{noName:!0,value:a.scale.getLabel({value:t})})},z(["AxisLine","AxisTick","Control","CurrentPointer"],(function(e){this["_render"+e](i,r,a,t)}),this),this._renderAxisLabel(i,o,a,t),this._position(i,t)}this._doPlayStop(),this._updateTicksStatus()},e.prototype.remove=function(){this._clearTimer(),this.group.removeAll()},e.prototype.dispose=function(){this._clearTimer()},e.prototype._layout=function(t,e){var n,i,r,o,a=t.get(["label","position"]),s=t.get("orient"),l=function(t,e){return Hp(t.getBoxLayoutParams(),Xp(t,e).refContainer,t.get("padding"))}(t,e),u={horizontal:"center",vertical:(n=null==a||"auto"===a?"horizontal"===s?l.y+l.height/2<e.getHeight()/2?"-":"+":l.x+l.width/2<e.getWidth()/2?"+":"-":X(a)?{horizontal:{top:"-",bottom:"+"},vertical:{left:"-",right:"+"}}[s][a]:a)>=0||"+"===n?"left":"right"},c={horizontal:n>=0||"+"===n?"top":"bottom",vertical:"middle"},h={horizontal:0,vertical:YW/2},d="vertical"===s?l.height:l.width,p=t.getModel("controlStyle"),f=p.get("show",!0),g=f?p.get("itemSize"):0,y=f?p.get("itemGap"):0,v=g+y,m=t.get(["label","rotate"])||0;m=m*YW/180;var x=p.get("position",!0),_=f&&p.get("showPlayBtn",!0),b=f&&p.get("showPrevBtn",!0),w=f&&p.get("showNextBtn",!0),S=0,M=d;"left"===x||"bottom"===x?(_&&(i=[0,0],S+=v),b&&(r=[S,0],S+=v),w&&(o=[M-g,0],M-=v)):(_&&(i=[M-g,0],M-=v),b&&(r=[0,0],S+=v),w&&(o=[M-g,0],M-=v));var I=[S,M];return t.get("inverse")&&I.reverse(),{viewRect:l,mainLength:d,orient:s,rotation:h[s],labelRotation:m,labelPosOpt:n,labelAlign:t.get(["label","align"])||u[s],labelBaseline:t.get(["label","verticalAlign"])||t.get(["label","baseline"])||c[s],playPosition:i,prevBtnPosition:r,nextBtnPosition:o,axisExtent:I,controlSize:g,controlGap:y}},e.prototype._position=function(t,e){var n=this._mainGroup,i=this._labelGroup,r=t.viewRect;if("vertical"===t.orient){var o=[1,0,0,1,0,0],a=r.x,s=r.y+r.height;Se(o,o,[-a,-s]),Me(o,o,-YW/2),Se(o,o,[a,s]),(r=r.clone()).applyTransform(o)}var l=y(r),u=y(n.getBoundingRect()),c=y(i.getBoundingRect()),h=[n.x,n.y],d=[i.x,i.y];d[0]=h[0]=l[0][0];var p,f=t.labelPosOpt;null==f||X(f)?(v(h,u,l,1,p="+"===f?0:1),v(d,c,l,1,1-p)):(v(h,u,l,1,p=f>=0?0:1),d[1]=h[1]+f);function g(t){t.originX=l[0][0]-t.x,t.originY=l[1][0]-t.y}function y(t){return[[t.x,t.x+t.width],[t.y,t.y+t.height]]}function v(t,e,n,i,r){t[i]+=n[i][r]-e[i][r]}n.setPosition(h),i.setPosition(d),n.rotation=i.rotation=t.rotation,g(n),g(i)},e.prototype._createAxis=function(t,e){var n=e.getData(),i=e.get("axisType"),r=function(t,e){if(e=e||t.get("type"),e)switch(e){case"category":return new lb({ordinalMeta:t.getCategories(),extent:[1/0,-1/0]});case"time":return new Mb({locale:t.ecModel.getLocaleModel(),useUTC:t.ecModel.get("useUTC")});default:return new cb}}(e,i);r.getTicks=function(){return n.mapArray(["value"],(function(t){return{value:t}}))};var o=n.getDataExtent("value");r.setExtent(o[0],o[1]),r.calcNiceTicks();var a=new UW("value",r,t.axisExtent,i);return a.model=e,a},e.prototype._createGroup=function(t){var e=this[t]=new to;return this.group.add(e),e},e.prototype._renderAxisLine=function(t,e,n,i){var r=n.getExtent();if(i.get(["lineStyle","show"])){var o=new Ac({shape:{x1:r[0],y1:0,x2:r[1],y2:0},style:A({lineCap:"round"},i.getModel("lineStyle").getLineStyle()),silent:!0,z2:1});e.add(o);var a=this._progressLine=new Ac({shape:{x1:r[0],x2:this._currentPointer?this._currentPointer.x:r[0],y1:0,y2:0},style:k({lineCap:"round",lineWidth:o.style.lineWidth},i.getModel(["progress","lineStyle"]).getLineStyle()),silent:!0,z2:1});e.add(a)}},e.prototype._renderAxisTick=function(t,e,n,i){var r=this,o=i.getData(),a=n.scale.getTicks();this._tickSymbols=[],z(a,(function(t){var a=n.dataToCoord(t.value),s=o.getItemModel(t.value),l=s.getModel("itemStyle"),u=s.getModel(["emphasis","itemStyle"]),c=s.getModel(["progress","itemStyle"]),h={x:a,y:0,onclick:W(r._changeTimeline,r,t.value)},d=jW(s,l,e,h);d.ensureState("emphasis").style=u.getItemStyle(),d.ensureState("progress").style=c.getItemStyle(),Iu(d);var p=zl(d);s.get("tooltip")?(p.dataIndex=t.value,p.dataModel=i):p.dataIndex=p.dataModel=null,r._tickSymbols.push(d)}))},e.prototype._renderAxisLabel=function(t,e,n,i){var r=this;if(n.getLabelModel().get("show")){var o=i.getData(),a=n.getViewLabels();this._tickLabels=[],z(a,(function(i){var a=i.tickValue,s=o.getItemModel(a),l=s.getModel("label"),u=s.getModel(["emphasis","label"]),c=s.getModel(["progress","label"]),h=n.dataToCoord(i.tickValue),d=new Sl({x:h,y:0,rotation:t.labelRotation-t.rotation,onclick:W(r._changeTimeline,r,a),silent:!1,style:Qh(l,{text:i.formattedLabel,align:t.labelAlign,verticalAlign:t.labelBaseline})});d.ensureState("emphasis").style=Qh(u),d.ensureState("progress").style=Qh(c),e.add(d),Iu(d),XW(d).dataIndex=a,r._tickLabels.push(d)}))}},e.prototype._renderControl=function(t,e,n,i){var r=t.controlSize,o=t.rotation,a=i.getModel("controlStyle").getItemStyle(),s=i.getModel(["emphasis","controlStyle"]).getItemStyle(),l=i.getPlayState(),u=i.get("inverse",!0);function c(t,n,l,u){if(t){var c=Fr(rt(i.get(["controlStyle",n+"BtnSize"]),r),r),h=function(t,e,n,i){var r=i.style,o=Ah(t.get(["controlStyle",e]),i||{},new He(n[0],n[1],n[2],n[3]));r&&o.setStyle(r);return o}(i,n+"Icon",[0,-c/2,c,c],{x:t[0],y:t[1],originX:r/2,originY:0,rotation:u?-o:0,rectHover:!0,style:a,onclick:l});h.ensureState("emphasis").style=s,e.add(h),Iu(h)}}c(t.nextBtnPosition,"next",W(this._changeTimeline,this,u?"-":"+")),c(t.prevBtnPosition,"prev",W(this._changeTimeline,this,u?"+":"-")),c(t.playPosition,l?"stop":"play",W(this._handlePlayClick,this,!l),!0)},e.prototype._renderCurrentPointer=function(t,e,n,i){var r=i.getData(),o=i.getCurrentIndex(),a=r.getItemModel(o).getModel("checkpointStyle"),s=this,l={onCreate:function(t){t.draggable=!0,t.drift=W(s._handlePointerDrag,s),t.ondragend=W(s._handlePointerDragend,s),qW(t,s._progressLine,o,n,i,!0)},onUpdate:function(t){qW(t,s._progressLine,o,n,i)}};this._currentPointer=jW(a,a,this._mainGroup,{},this._currentPointer,l)},e.prototype._handlePlayClick=function(t){this._clearTimer(),this.api.dispatchAction({type:"timelinePlayChange",playState:t,from:this.uid})},e.prototype._handlePointerDrag=function(t,e,n){this._clearTimer(),this._pointerChangeTimeline([n.offsetX,n.offsetY])},e.prototype._handlePointerDragend=function(t){this._pointerChangeTimeline([t.offsetX,t.offsetY],!0)},e.prototype._pointerChangeTimeline=function(t,e){var n=this._toAxisCoord(t)[0],i=xo(this._axis.getExtent().slice());n>i[1]&&(n=i[1]),n<i[0]&&(n=i[0]),this._currentPointer.x=n,this._currentPointer.markRedraw();var r=this._progressLine;r&&(r.shape.x2=n,r.dirty());var o=this._findNearestTick(n),a=this.model;(e||o!==a.getCurrentIndex()&&a.get("realtime"))&&this._changeTimeline(o)},e.prototype._doPlayStop=function(){var t=this;this._clearTimer(),this.model.getPlayState()&&(this._timer=setTimeout((function(){var e=t.model;t._changeTimeline(e.getCurrentIndex()+(e.get("rewind",!0)?-1:1))}),this.model.get("playInterval")))},e.prototype._toAxisCoord=function(t){return Sh(t,this._mainGroup.getLocalTransform(),!0)},e.prototype._findNearestTick=function(t){var e,n=this.model.getData(),i=1/0,r=this._axis;return n.each(["value"],(function(n,o){var a=r.dataToCoord(n),s=Math.abs(a-t);s<i&&(i=s,e=o)})),e},e.prototype._clearTimer=function(){this._timer&&(clearTimeout(this._timer),this._timer=null)},e.prototype._changeTimeline=function(t){var e=this.model.getCurrentIndex();"+"===t?t=e+1:"-"===t&&(t=e-1),this.api.dispatchAction({type:"timelineChange",currentIndex:t,from:this.uid})},e.prototype._updateTicksStatus=function(){var t=this.model.getCurrentIndex(),e=this._tickSymbols,n=this._tickLabels;if(e)for(var i=0;i<e.length;i++)e&&e[i]&&e[i].toggleState("progress",i<t);if(n)for(i=0;i<n.length;i++)n&&n[i]&&n[i].toggleState("progress",XW(n[i]).dataIndex<=t)},e.type="timeline.slider",e}(HW);function jW(t,e,n,i,r,o){var a=e.get("color");r?(r.setColor(a),n.add(r),o&&o.onUpdate(r)):((r=hm(t.get("symbol"),-1,-1,2,2,a)).setStyle("strokeNoScale",!0),n.add(r),o&&o.onCreate(r));var s=e.getItemStyle(["color"]);r.setStyle(s),i=C({rectHover:!0,z2:100},i,!0);var l=dm(t.get("symbolSize"));i.scaleX=l[0]/2,i.scaleY=l[1]/2;var u=pm(t.get("symbolOffset"),l);u&&(i.x=(i.x||0)+u[0],i.y=(i.y||0)+u[1]);var c=t.get("symbolRotate");return i.rotation=(c||0)*Math.PI/180||0,r.attr(i),r.updateTransform(),r}function qW(t,e,n,i,r,o){if(!t.dragging){var a=r.getModel("checkpointStyle"),s=i.dataToCoord(r.getData().get("value",n));if(o||!a.get("animation",!0))t.attr({x:s,y:0}),e&&e.attr({shape:{x2:s}});else{var l={duration:a.get("animationDuration",!0),easing:a.get("animationEasing",!0)};t.stopAnimation(null,!0),t.animateTo({x:s,y:0},l),e&&e.animateTo({shape:{x2:s}},l)}}}function KW(t){var e=t&&t.timeline;U(e)||(e=e?[e]:[]),z(e,(function(t){t&&function(t){var e=t.type,n={number:"value",time:"time"};n[e]&&(t.axisType=n[e],delete t.type);if($W(t),JW(t,"controlPosition")){var i=t.controlStyle||(t.controlStyle={});JW(i,"position")||(i.position=t.controlPosition),"none"!==i.position||JW(i,"show")||(i.show=!1,delete i.position),delete t.controlPosition}z(t.data||[],(function(t){q(t)&&!U(t)&&(!JW(t,"value")&&JW(t,"name")&&(t.value=t.name),$W(t))}))}(t)}))}function $W(t){var e=t.itemStyle||(t.itemStyle={}),n=e.emphasis||(e.emphasis={}),i=t.label||t.label||{},r=i.normal||(i.normal={}),o={normal:1,emphasis:1};z(i,(function(t,e){o[e]||JW(r,e)||(r[e]=t)})),n.label&&!JW(i,"emphasis")&&(i.emphasis=n.label,delete n.label)}function JW(t,e){return t.hasOwnProperty(e)}function QW(t,e){if(!t)return!1;for(var n=U(t)?t:[t],i=0;i<n.length;i++)if(n[i]&&n[i][e])return!0;return!1}function tH(t){Ko(t,"label",["show"])}var eH=sa(),nH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.createdBySelf=!1,n.preventAutoZ=!0,n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n),this._mergeOption(t,n,!1,!0)},e.prototype.isAnimationEnabled=function(){if(r.node)return!1;var t=this.__hostSeries;return this.getShallow("animation")&&t&&t.isAnimationEnabled()},e.prototype.mergeOption=function(t,e){this._mergeOption(t,e,!1,!1)},e.prototype._mergeOption=function(t,e,n,i){var r=this.mainType;n||e.eachSeries((function(t){var n=t.get(this.mainType,!0),o=eH(t)[r];n&&n.data?(o?o._mergeOption(n,e,!0):(i&&tH(n),z(n.data,(function(t){t instanceof Array?(tH(t[0]),tH(t[1])):tH(t)})),A(o=this.createMarkerModelFromSeries(n,this,e),{mainType:this.mainType,seriesIndex:t.seriesIndex,name:t.name,createdBySelf:!0}),o.__hostSeries=t),eH(t)[r]=o):eH(t)[r]=null}),this)},e.prototype.formatTooltip=function(t,e,n){var i=this.getData(),r=this.getRawValue(t),o=i.getName(t);return Ty("section",{header:this.name,blocks:[Ty("nameValue",{name:o,value:r,noName:!o,noValue:null==r})]})},e.prototype.getData=function(){return this._data},e.prototype.setData=function(t){this._data=t},e.prototype.getDataParams=function(t,e){var n=Fg.prototype.getDataParams.call(this,t,e),i=this.__hostSeries;return i&&(n.seriesId=i.id,n.seriesName=i.name,n.seriesType=i.subType),n},e.getMarkerModelFromSeries=function(t,e){return eH(t)[e]},e.type="marker",e.dependencies=["series","grid","polar","geo"],e}(Qp);R(nH,Fg.prototype);var iH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.createMarkerModelFromSeries=function(t,n,i){return new e(t,n,i)},e.type="markPoint",e.defaultOption={z:5,symbol:"pin",symbolSize:50,tooltip:{trigger:"item"},label:{show:!0,position:"inside"},itemStyle:{borderWidth:2},emphasis:{label:{show:!0}}},e}(nH);function rH(t){return!(isNaN(parseFloat(t.x))&&isNaN(parseFloat(t.y)))}function oH(t,e,n,i,r,o,a){var s=[],l=Y_(e,r)?e.getCalculationInfo("stackResultDimension"):r,u=hH(e,l,t),c=e.hostModel.indicesOfNearest(n,l,u)[0];s[o]=e.get(i,c),s[a]=e.get(l,c);var h=e.get(r,c),d=_o(e.get(r,c));return(d=Math.min(d,20))>=0&&(s[a]=+s[a].toFixed(d)),[s,h]}var aH={min:H(oH,"min"),max:H(oH,"max"),average:H(oH,"average"),median:H(oH,"median")};function sH(t,e){if(e){var n=t.getData(),i=t.coordinateSystem,r=i&&i.dimensions;if(!function(t){return!isNaN(parseFloat(t.x))&&!isNaN(parseFloat(t.y))}(e)&&!U(e.coord)&&U(r)){var o=lH(e,n,i,t);if((e=T(e)).type&&aH[e.type]&&o.baseAxis&&o.valueAxis){var a=P(r,o.baseAxis.dim),s=P(r,o.valueAxis.dim),l=aH[e.type](n,o.valueAxis.dim,o.baseDataDim,o.valueDataDim,a,s);e.coord=l[0],e.value=l[1]}else e.coord=[null!=e.xAxis?e.xAxis:e.radiusAxis,null!=e.yAxis?e.yAxis:e.angleAxis]}if(null!=e.coord&&U(r))for(var u=e.coord,c=0;c<2;c++)aH[u[c]]&&(u[c]=hH(n,n.mapDimension(r[c]),u[c]));else{e.coord=[];var h=t.getBaseAxis();if(h&&e.type&&aH[e.type]){var d=i.getOtherAxis(h);d&&(e.value=hH(n,n.mapDimension(d.dim),e.type))}}return e}}function lH(t,e,n,i){var r={};return null!=t.valueIndex||null!=t.valueDim?(r.valueDataDim=null!=t.valueIndex?e.getDimension(t.valueIndex):t.valueDim,r.valueAxis=n.getAxis(function(t,e){var n=t.getData().getDimensionInfo(e);return n&&n.coordDim}(i,r.valueDataDim)),r.baseAxis=n.getOtherAxis(r.valueAxis),r.baseDataDim=e.mapDimension(r.baseAxis.dim)):(r.baseAxis=i.getBaseAxis(),r.valueAxis=n.getOtherAxis(r.baseAxis),r.baseDataDim=e.mapDimension(r.baseAxis.dim),r.valueDataDim=e.mapDimension(r.valueAxis.dim)),r}function uH(t,e){return!(t&&t.containData&&e.coord&&!rH(e))||t.containData(e.coord)}function cH(t,e){return t?function(t,n,i,r){return Xg(r<2?t.coord&&t.coord[r]:t.value,e[r])}:function(t,n,i,r){return Xg(t.value,e[r])}}function hH(t,e,n){if("average"===n){var i=0,r=0;return t.each(e,(function(t,e){isNaN(t)||(i+=t,r++)})),i/r}return"median"===n?t.getMedian(e):t.getDataExtent(e)["max"===n?1:0]}var dH=sa(),pH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){this.markerGroupMap=yt()},e.prototype.render=function(t,e,n){var i=this,r=this.markerGroupMap;r.each((function(t){dH(t).keep=!1})),e.eachSeries((function(t){var r=nH.getMarkerModelFromSeries(t,i.type);r&&i.renderSeries(t,r,e,n)})),r.each((function(t){!dH(t).keep&&i.group.remove(t.group)})),function(t,e,n){t.eachSeries((function(t){var i=nH.getMarkerModelFromSeries(t,n),r=e.get(t.id);if(i&&r&&r.group){var o=Hh(i),a=o.z,s=o.zlevel;Yh(r.group,a,s)}}))}(e,r,this.type)},e.prototype.markKeep=function(t){dH(t).keep=!0},e.prototype.toggleBlurSeries=function(t,e){var n=this;z(t,(function(t){var i=nH.getMarkerModelFromSeries(t,n.type);i&&i.getData().eachItemGraphicEl((function(t){t&&(e?fu(t):gu(t))}))}))},e.type="marker",e}(Ky);function fH(t,e,n){var i=e.coordinateSystem,r=n.getWidth(),o=n.getHeight(),a=i&&i.getArea&&i.getArea();t.each((function(n){var s,l=t.getItemModel(n),u="coordinate"===l.get("relativeTo"),c=u?a?a.width:0:r,h=u?a?a.height:0:o,d=u&&a?a.x:0,p=u&&a?a.y:0,f=yo(l.get("x"),c)+d,g=yo(l.get("y"),h)+p;if(isNaN(f)||isNaN(g)){if(e.getMarkerPosition)s=e.getMarkerPosition(t.getValues(t.dimensions,n));else if(i){var y=t.get(i.dimensions[0],n),v=t.get(i.dimensions[1],n);s=i.dataToPoint([y,v])}}else s=[f,g];isNaN(f)||(s[0]=f),isNaN(g)||(s[1]=g),t.setItemLayout(n,s)}))}var gH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.updateTransform=function(t,e,n){e.eachSeries((function(t){var e=nH.getMarkerModelFromSeries(t,"markPoint");e&&(fH(e.getData(),t,n),this.markerGroupMap.get(t.id).updateLayout())}),this)},e.prototype.renderSeries=function(t,e,n,i){var r=t.coordinateSystem,o=t.id,a=t.getData(),s=this.markerGroupMap,l=s.get(o)||s.set(o,new uI),u=function(t,e,n){var i;i=t?E(t&&t.dimensions,(function(t){return A(A({},e.getData().getDimensionInfo(e.getData().mapDimension(t))||{}),{name:t,ordinalMeta:null})})):[{name:"value",type:"float"}];var r=new B_(i,n),o=E(n.get("data"),H(sH,e));t&&(o=V(o,H(uH,t)));var a=cH(!!t,i);return r.initData(o,null,a),r}(r,t,e);e.setData(u),fH(e.getData(),t,i),u.each((function(t){var n=u.getItemModel(t),i=n.getShallow("symbol"),r=n.getShallow("symbolSize"),o=n.getShallow("symbolRotate"),s=n.getShallow("symbolOffset"),l=n.getShallow("symbolKeepAspect");if(Y(i)||Y(r)||Y(o)||Y(s)){var c=e.getRawValue(t),h=e.getDataParams(t);Y(i)&&(i=i(c,h)),Y(r)&&(r=r(c,h)),Y(o)&&(o=o(c,h)),Y(s)&&(s=s(c,h))}var d=n.getModel("itemStyle").getItemStyle(),p=n.get("z2"),f=qv(a,"color");d.fill||(d.fill=f),u.setItemVisual(t,{z2:rt(p,0),symbol:i,symbolSize:r,symbolRotate:o,symbolOffset:s,symbolKeepAspect:l,style:d})})),l.updateData(u),this.group.add(l.group),u.eachItemGraphicEl((function(t){t.traverse((function(t){zl(t).dataModel=e}))})),this.markKeep(l),l.group.silent=e.get("silent")||t.get("silent")},e.type="markPoint",e}(pH);var yH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.createMarkerModelFromSeries=function(t,n,i){return new e(t,n,i)},e.type="markLine",e.defaultOption={z:5,symbol:["circle","arrow"],symbolSize:[8,16],symbolOffset:0,precision:2,tooltip:{trigger:"item"},label:{show:!0,position:"end",distance:5},lineStyle:{type:"dashed"},emphasis:{label:{show:!0},lineStyle:{width:3}},animationEasing:"linear"},e}(nH),vH=sa(),mH=function(t,e,n,i){var r,o=t.getData();if(U(i))r=i;else{var a=i.type;if("min"===a||"max"===a||"average"===a||"median"===a||null!=i.xAxis||null!=i.yAxis){var s=void 0,l=void 0;if(null!=i.yAxis||null!=i.xAxis)s=e.getAxis(null!=i.yAxis?"y":"x"),l=it(i.yAxis,i.xAxis);else{var u=lH(i,o,e,t);s=u.valueAxis,l=hH(o,X_(o,u.valueDataDim),a)}var c="x"===s.dim?0:1,h=1-c,d=T(i),p={coord:[]};d.type=null,d.coord=[],d.coord[h]=-1/0,p.coord[h]=1/0;var f=n.get("precision");f>=0&&j(l)&&(l=+l.toFixed(Math.min(f,20))),d.coord[c]=p.coord[c]=l,r=[d,p,{type:a,valueIndex:i.valueIndex,value:l}]}else r=[]}var g=[sH(t,r[0]),sH(t,r[1]),A({},r[2])];return g[2].type=g[2].type||null,C(g[2],g[0]),C(g[2],g[1]),g};function xH(t){return!isNaN(t)&&!isFinite(t)}function _H(t,e,n,i){var r=1-t,o=i.dimensions[t];return xH(e[r])&&xH(n[r])&&e[t]===n[t]&&i.getAxis(o).containData(e[t])}function bH(t,e){if("cartesian2d"===t.type){var n=e[0].coord,i=e[1].coord;if(n&&i&&(_H(1,n,i,t)||_H(0,n,i,t)))return!0}return uH(t,e[0])&&uH(t,e[1])}function wH(t,e,n,i,r){var o,a=i.coordinateSystem,s=t.getItemModel(e),l=yo(s.get("x"),r.getWidth()),u=yo(s.get("y"),r.getHeight());if(isNaN(l)||isNaN(u)){if(i.getMarkerPosition)o=i.getMarkerPosition(t.getValues(t.dimensions,e));else{var c=a.dimensions,h=t.get(c[0],e),d=t.get(c[1],e);o=a.dataToPoint([h,d])}if(SI(a,"cartesian2d")){var p=a.getAxis("x"),f=a.getAxis("y");c=a.dimensions;xH(t.get(c[0],e))?o[0]=p.toGlobalCoord(p.getExtent()[n?0:1]):xH(t.get(c[1],e))&&(o[1]=f.toGlobalCoord(f.getExtent()[n?0:1]))}isNaN(l)||(o[0]=l),isNaN(u)||(o[1]=u)}else o=[l,u];t.setItemLayout(e,o)}var SH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.updateTransform=function(t,e,n){e.eachSeries((function(t){var e=nH.getMarkerModelFromSeries(t,"markLine");if(e){var i=e.getData(),r=vH(e).from,o=vH(e).to;r.each((function(e){wH(r,e,!0,t,n),wH(o,e,!1,t,n)})),i.each((function(t){i.setItemLayout(t,[r.getItemLayout(t),o.getItemLayout(t)])})),this.markerGroupMap.get(t.id).updateLayout()}}),this)},e.prototype.renderSeries=function(t,e,n,i){var r=t.coordinateSystem,o=t.id,a=t.getData(),s=this.markerGroupMap,l=s.get(o)||s.set(o,new IP);this.group.add(l.group);var u=function(t,e,n){var i;i=t?E(t&&t.dimensions,(function(t){return A(A({},e.getData().getDimensionInfo(e.getData().mapDimension(t))||{}),{name:t,ordinalMeta:null})})):[{name:"value",type:"float"}];var r=new B_(i,n),o=new B_(i,n),a=new B_([],n),s=E(n.get("data"),H(mH,e,t,n));t&&(s=V(s,H(bH,t)));var l=cH(!!t,i);return r.initData(E(s,(function(t){return t[0]})),null,l),o.initData(E(s,(function(t){return t[1]})),null,l),a.initData(E(s,(function(t){return t[2]}))),a.hasItemOption=!0,{from:r,to:o,line:a}}(r,t,e),c=u.from,h=u.to,d=u.line;vH(e).from=c,vH(e).to=h,e.setData(d);var p=e.get("symbol"),f=e.get("symbolSize"),g=e.get("symbolRotate"),y=e.get("symbolOffset");function v(e,n,r){var o=e.getItemModel(n);wH(e,n,r,t,i);var s=o.getModel("itemStyle").getItemStyle();null==s.fill&&(s.fill=qv(a,"color")),e.setItemVisual(n,{symbolKeepAspect:o.get("symbolKeepAspect"),symbolOffset:rt(o.get("symbolOffset",!0),y[r?0:1]),symbolRotate:rt(o.get("symbolRotate",!0),g[r?0:1]),symbolSize:rt(o.get("symbolSize"),f[r?0:1]),symbol:rt(o.get("symbol",!0),p[r?0:1]),style:s})}U(p)||(p=[p,p]),U(f)||(f=[f,f]),U(g)||(g=[g,g]),U(y)||(y=[y,y]),u.from.each((function(t){v(c,t,!0),v(h,t,!1)})),d.each((function(t){var e=d.getItemModel(t),n=e.getModel("lineStyle").getLineStyle();d.setItemLayout(t,[c.getItemLayout(t),h.getItemLayout(t)]);var i=e.get("z2");null==n.stroke&&(n.stroke=c.getItemVisual(t,"style").fill),d.setItemVisual(t,{z2:rt(i,0),fromSymbolKeepAspect:c.getItemVisual(t,"symbolKeepAspect"),fromSymbolOffset:c.getItemVisual(t,"symbolOffset"),fromSymbolRotate:c.getItemVisual(t,"symbolRotate"),fromSymbolSize:c.getItemVisual(t,"symbolSize"),fromSymbol:c.getItemVisual(t,"symbol"),toSymbolKeepAspect:h.getItemVisual(t,"symbolKeepAspect"),toSymbolOffset:h.getItemVisual(t,"symbolOffset"),toSymbolRotate:h.getItemVisual(t,"symbolRotate"),toSymbolSize:h.getItemVisual(t,"symbolSize"),toSymbol:h.getItemVisual(t,"symbol"),style:n})})),l.updateData(d),u.line.eachItemGraphicEl((function(t){zl(t).dataModel=e,t.traverse((function(t){zl(t).dataModel=e}))})),this.markKeep(l),l.group.silent=e.get("silent")||t.get("silent")},e.type="markLine",e}(pH);var MH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.createMarkerModelFromSeries=function(t,n,i){return new e(t,n,i)},e.type="markArea",e.defaultOption={z:1,tooltip:{trigger:"item"},animation:!1,label:{show:!0,position:"top"},itemStyle:{borderWidth:0},emphasis:{label:{show:!0,position:"top"}}},e}(nH),IH=sa(),TH=function(t,e,n,i){var r=i[0],o=i[1];if(r&&o){var a=sH(t,r),s=sH(t,o),l=a.coord,u=s.coord;l[0]=it(l[0],-1/0),l[1]=it(l[1],-1/0),u[0]=it(u[0],1/0),u[1]=it(u[1],1/0);var c=D([{},a,s]);return c.coord=[a.coord,s.coord],c.x0=a.x,c.y0=a.y,c.x1=s.x,c.y1=s.y,c}};function CH(t){return!isNaN(t)&&!isFinite(t)}function DH(t,e,n,i){var r=1-t;return CH(e[r])&&CH(n[r])}function AH(t,e){var n=e.coord[0],i=e.coord[1],r={coord:n,x:e.x0,y:e.y0},o={coord:i,x:e.x1,y:e.y1};return SI(t,"cartesian2d")?!(!n||!i||!DH(1,n,i)&&!DH(0,n,i))||function(t,e,n){return!(t&&t.containZone&&e.coord&&n.coord&&!rH(e)&&!rH(n))||t.containZone(e.coord,n.coord)}(t,r,o):uH(t,r)||uH(t,o)}function kH(t,e,n,i,r){var o,a=i.coordinateSystem,s=t.getItemModel(e),l=yo(s.get(n[0]),r.getWidth()),u=yo(s.get(n[1]),r.getHeight());if(isNaN(l)||isNaN(u)){if(i.getMarkerPosition){var c=t.getValues(["x0","y0"],e),h=t.getValues(["x1","y1"],e),d=a.clampData(c),p=a.clampData(h),f=[];"x0"===n[0]?f[0]=d[0]>p[0]?h[0]:c[0]:f[0]=d[0]>p[0]?c[0]:h[0],"y0"===n[1]?f[1]=d[1]>p[1]?h[1]:c[1]:f[1]=d[1]>p[1]?c[1]:h[1],o=i.getMarkerPosition(f,n,!0)}else{var g=[m=t.get(n[0],e),x=t.get(n[1],e)];a.clampData&&a.clampData(g,g),o=a.dataToPoint(g,!0)}if(SI(a,"cartesian2d")){var y=a.getAxis("x"),v=a.getAxis("y"),m=t.get(n[0],e),x=t.get(n[1],e);CH(m)?o[0]=y.toGlobalCoord(y.getExtent()["x0"===n[0]?0:1]):CH(x)&&(o[1]=v.toGlobalCoord(v.getExtent()["y0"===n[1]?0:1]))}isNaN(l)||(o[0]=l),isNaN(u)||(o[1]=u)}else o=[l,u];return o}var LH=[["x0","y0"],["x1","y0"],["x1","y1"],["x0","y1"]],PH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.updateTransform=function(t,e,n){e.eachSeries((function(t){var e=nH.getMarkerModelFromSeries(t,"markArea");if(e){var i=e.getData();i.each((function(e){var r=E(LH,(function(r){return kH(i,e,r,t,n)}));i.setItemLayout(e,r),i.getItemGraphicEl(e).setShape("points",r)}))}}),this)},e.prototype.renderSeries=function(t,e,n,i){var r=t.coordinateSystem,o=t.id,a=t.getData(),s=this.markerGroupMap,l=s.get(o)||s.set(o,{group:new to});this.group.add(l.group),this.markKeep(l);var u=function(t,e,n){var i,r,o=["x0","y0","x1","y1"];if(t){var a=E(t&&t.dimensions,(function(t){var n=e.getData();return A(A({},n.getDimensionInfo(n.mapDimension(t))||{}),{name:t,ordinalMeta:null})}));r=E(o,(function(t,e){return{name:t,type:a[e%2].type}})),i=new B_(r,n)}else i=new B_(r=[{name:"value",type:"float"}],n);var s=E(n.get("data"),H(TH,e,t,n));t&&(s=V(s,H(AH,t)));var l=t?function(t,e,n,i){return Xg(t.coord[Math.floor(i/2)][i%2],r[i])}:function(t,e,n,i){return Xg(t.value,r[i])};return i.initData(s,null,l),i.hasItemOption=!0,i}(r,t,e);e.setData(u),u.each((function(e){var n=E(LH,(function(n){return kH(u,e,n,t,i)})),o=r.getAxis("x").scale,s=r.getAxis("y").scale,l=o.getExtent(),c=s.getExtent(),h=[o.parse(u.get("x0",e)),o.parse(u.get("x1",e))],d=[s.parse(u.get("y0",e)),s.parse(u.get("y1",e))];xo(h),xo(d);var p=!!(l[0]>h[1]||l[1]<h[0]||c[0]>d[1]||c[1]<d[0]);u.setItemLayout(e,{points:n,allClipped:p});var f=u.getItemModel(e),g=f.getModel("itemStyle").getItemStyle(),y=f.get("z2"),v=qv(a,"color");g.fill||(g.fill=v,X(g.fill)&&(g.fill=pi(g.fill,.4))),g.stroke||(g.stroke=v),u.setItemVisual(e,"style",g),u.setItemVisual(e,"z2",rt(y,0))})),u.diff(IH(l).data).add((function(t){var e=u.getItemLayout(t),n=u.getItemVisual(t,"z2");if(!e.allClipped){var i=new Mc({z2:rt(n,0),shape:{points:e.points}});u.setItemGraphicEl(t,i),l.group.add(i)}})).update((function(t,n){var i=IH(l).data.getItemGraphicEl(n),r=u.getItemLayout(t),o=u.getItemVisual(t,"z2");r.allClipped?i&&l.group.remove(i):(i?th(i,{z2:rt(o,0),shape:{points:r.points}},e,t):i=new Mc({shape:{points:r.points}}),u.setItemGraphicEl(t,i),l.group.add(i))})).remove((function(t){var e=IH(l).data.getItemGraphicEl(t);l.group.remove(e)})).execute(),u.eachItemGraphicEl((function(t,n){var i=u.getItemModel(n),r=u.getItemVisual(n,"style");t.useStyle(u.getItemVisual(n,"style")),$h(t,Jh(i),{labelFetcher:e,labelDataIndex:n,defaultText:u.getName(n)||"",inheritColor:X(r.fill)?pi(r.fill,1):tf.color.neutral99}),ku(t,i),Tu(t,null,null,i.get(["emphasis","disabled"])),zl(t).dataModel=e})),IH(l).data=u,l.group.silent=e.get("silent")||t.get("silent")},e.type="markArea",e}(pH);var OH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.layoutMode={type:"box",ignoreSize:!0},n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n),t.selected=t.selected||{},this._updateSelector(t)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.call(this,e,n),this._updateSelector(e)},e.prototype._updateSelector=function(t){var e=t.selector,n=this.ecModel;!0===e&&(e=t.selector=["all","inverse"]),U(e)&&z(e,(function(t,i){X(t)&&(t={type:t}),e[i]=C(t,function(t,e){return"all"===e?{type:"all",title:t.getLocaleModel().get(["legend","selector","all"])}:"inverse"===e?{type:"inverse",title:t.getLocaleModel().get(["legend","selector","inverse"])}:void 0}(n,t.type))}))},e.prototype.optionUpdated=function(){this._updateData(this.ecModel);var t=this._data;if(t[0]&&"single"===this.get("selectedMode")){for(var e=!1,n=0;n<t.length;n++){var i=t[n].get("name");if(this.isSelected(i)){this.select(i),e=!0;break}}!e&&this.select(t[0].get("name"))}},e.prototype._updateData=function(t){var e=[],n=[];t.eachRawSeries((function(i){var r,o=i.name;if(n.push(o),i.legendVisualProvider){var a=i.legendVisualProvider.getAllNames();t.isSeriesFiltered(i)||(n=n.concat(a)),a.length?e=e.concat(a):r=!0}else r=!0;r&&ra(i)&&e.push(i.name)})),this._availableNames=n;var i=this.get("data")||e,r=yt(),o=E(i,(function(t){return(X(t)||j(t))&&(t={name:t}),r.get(t.name)?null:(r.set(t.name,!0),new wd(t,this,this.ecModel))}),this);this._data=V(o,(function(t){return!!t}))},e.prototype.getData=function(){return this._data},e.prototype.select=function(t){var e=this.option.selected;"single"===this.get("selectedMode")&&z(this._data,(function(t){e[t.get("name")]=!1}));e[t]=!0},e.prototype.unSelect=function(t){"single"!==this.get("selectedMode")&&(this.option.selected[t]=!1)},e.prototype.toggleSelected=function(t){var e=this.option.selected;e.hasOwnProperty(t)||(e[t]=!0),this[e[t]?"unSelect":"select"](t)},e.prototype.allSelect=function(){var t=this._data,e=this.option.selected;z(t,(function(t){e[t.get("name",!0)]=!0}))},e.prototype.inverseSelect=function(){var t=this._data,e=this.option.selected;z(t,(function(t){var n=t.get("name",!0);e.hasOwnProperty(n)||(e[n]=!0),e[n]=!e[n]}))},e.prototype.isSelected=function(t){var e=this.option.selected;return!(e.hasOwnProperty(t)&&!e[t])&&P(this._availableNames,t)>=0},e.prototype.getOrient=function(){return"vertical"===this.get("orient")?{index:1,name:"vertical"}:{index:0,name:"horizontal"}},e.type="legend.plain",e.dependencies=["series"],e.defaultOption={z:4,show:!0,orient:"horizontal",left:"center",bottom:tf.size.m,align:"auto",backgroundColor:tf.color.transparent,borderColor:tf.color.border,borderRadius:0,borderWidth:0,padding:5,itemGap:8,itemWidth:25,itemHeight:14,symbolRotate:"inherit",symbolKeepAspect:!0,inactiveColor:tf.color.disabled,inactiveBorderColor:tf.color.disabled,inactiveBorderWidth:"auto",itemStyle:{color:"inherit",opacity:"inherit",borderColor:"inherit",borderWidth:"auto",borderCap:"inherit",borderJoin:"inherit",borderDashOffset:"inherit",borderMiterLimit:"inherit"},lineStyle:{width:"auto",color:"inherit",inactiveColor:tf.color.disabled,inactiveWidth:2,opacity:"inherit",type:"inherit",cap:"inherit",join:"inherit",dashOffset:"inherit",miterLimit:"inherit"},textStyle:{color:tf.color.secondary},selectedMode:!0,selector:!1,selectorLabel:{show:!0,borderRadius:10,padding:[3,5,3,5],fontSize:12,fontFamily:"sans-serif",color:tf.color.tertiary,borderWidth:1,borderColor:tf.color.border},emphasis:{selectorLabel:{show:!0,color:tf.color.quaternary}},selectorPosition:"auto",selectorItemGap:7,selectorButtonGap:10,tooltip:{show:!1},triggerEvent:!1},e}(Qp),RH=H,NH=z,zH=to,EH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.newlineDisabled=!1,n}return n(e,t),e.prototype.init=function(){this.group.add(this._contentGroup=new zH),this.group.add(this._selectorGroup=new zH),this._isFirstRender=!0},e.prototype.getContentGroup=function(){return this._contentGroup},e.prototype.getSelectorGroup=function(){return this._selectorGroup},e.prototype.render=function(t,e,n){var i=this._isFirstRender;if(this._isFirstRender=!1,this.resetInner(),t.get("show",!0)){var r=t.get("align"),o=t.get("orient");r&&"auto"!==r||(r="right"===t.get("left")&&"vertical"===o?"right":"left");var a=t.get("selector",!0),s=t.get("selectorPosition",!0);!a||s&&"auto"!==s||(s="horizontal"===o?"end":"start"),this.renderInner(r,t,e,n,a,o,s);var l=Xp(t,n).refContainer,u=t.getBoxLayoutParams(),c=t.get("padding"),h=Hp(u,l,c),d=this.layoutInner(t,r,h,i,a,s),p=Hp(k({width:d.width,height:d.height},u),l,c);this.group.x=p.x-d.x,this.group.y=p.y-d.y,this.group.markRedraw(),this.group.add(this._backgroundEl=dF(d,t))}},e.prototype.resetInner=function(){this.getContentGroup().removeAll(),this._backgroundEl&&this.group.remove(this._backgroundEl),this.getSelectorGroup().removeAll()},e.prototype.renderInner=function(t,e,n,i,r,o,a){var s=this.getContentGroup(),l=yt(),u=e.get("selectedMode"),c=e.get("triggerEvent"),h=[];n.eachRawSeries((function(t){!t.get("legendHoverLink")&&h.push(t.id)})),NH(e.getData(),(function(r,o){var a=this,d=r.get("name");if(!this.newlineDisabled&&(""===d||"\n"===d)){var p=new zH;return p.newline=!0,void s.add(p)}var f=n.getSeriesByName(d)[0];if(!l.get(d)){if(f){var g=f.getData(),y=g.getVisual("legendLineStyle")||{},v=g.getVisual("legendIcon"),m=g.getVisual("style"),x=this._createItem(f,d,o,r,e,t,y,m,v,u,i);x.on("click",RH(BH,d,null,i,h)).on("mouseover",RH(GH,f.name,null,i,h)).on("mouseout",RH(FH,f.name,null,i,h)),n.ssr&&x.eachChild((function(t){var e=zl(t);e.seriesIndex=f.seriesIndex,e.dataIndex=o,e.ssrType="legend"})),c&&x.eachChild((function(t){a.packEventData(t,e,f,o,d)})),l.set(d,!0)}else n.eachRawSeries((function(a){var s=this;if(!l.get(d)&&a.legendVisualProvider){var p=a.legendVisualProvider;if(!p.containName(d))return;var f=p.indexOfName(d),g=p.getItemVisual(f,"style"),y=p.getItemVisual(f,"legendIcon"),v=oi(g.fill);v&&0===v[3]&&(v[3]=.2,g=A(A({},g),{fill:fi(v,"rgba")}));var m=this._createItem(a,d,o,r,e,t,{},g,y,u,i);m.on("click",RH(BH,null,d,i,h)).on("mouseover",RH(GH,null,d,i,h)).on("mouseout",RH(FH,null,d,i,h)),n.ssr&&m.eachChild((function(t){var e=zl(t);e.seriesIndex=a.seriesIndex,e.dataIndex=o,e.ssrType="legend"})),c&&m.eachChild((function(t){s.packEventData(t,e,a,o,d)})),l.set(d,!0)}}),this);0}}),this),r&&this._createSelector(r,e,i,o,a)},e.prototype.packEventData=function(t,e,n,i,r){var o={componentType:"legend",componentIndex:e.componentIndex,dataIndex:i,value:r,seriesIndex:n.seriesIndex};zl(t).eventData=o},e.prototype._createSelector=function(t,e,n,i,r){var o=this.getSelectorGroup();NH(t,(function(t){var i=t.type,r=new Sl({style:{x:0,y:0,align:"center",verticalAlign:"middle"},onclick:function(){n.dispatchAction({type:"all"===i?"legendAllSelect":"legendInverseSelect",legendId:e.id})}});o.add(r),$h(r,{normal:e.getModel("selectorLabel"),emphasis:e.getModel(["emphasis","selectorLabel"])},{defaultText:t.title}),Iu(r)}))},e.prototype._createItem=function(t,e,n,i,r,o,a,s,l,u,c){var h=t.visualDrawType,d=r.get("itemWidth"),p=r.get("itemHeight"),f=r.isSelected(e),g=i.get("symbolRotate"),y=i.get("symbolKeepAspect"),v=i.get("icon"),m=function(t,e,n,i,r,o,a){function s(t,e){"auto"===t.lineWidth&&(t.lineWidth=e.lineWidth>0?2:0),NH(t,(function(n,i){"inherit"===t[i]&&(t[i]=e[i])}))}var l=e.getModel("itemStyle"),u=l.getItemStyle(),c=0===t.lastIndexOf("empty",0)?"fill":"stroke",h=l.getShallow("decal");u.decal=h&&"inherit"!==h?Bm(h,a):i.decal,"inherit"===u.fill&&(u.fill=i[r]);"inherit"===u.stroke&&(u.stroke=i[c]);"inherit"===u.opacity&&(u.opacity=("fill"===r?i:n).opacity);s(u,i);var d=e.getModel("lineStyle"),p=d.getLineStyle();if(s(p,n),"auto"===u.fill&&(u.fill=i.fill),"auto"===u.stroke&&(u.stroke=i.fill),"auto"===p.stroke&&(p.stroke=i.fill),!o){var f=e.get("inactiveBorderWidth"),g=u[c];u.lineWidth="auto"===f?i.lineWidth>0&&g?2:0:u.lineWidth,u.fill=e.get("inactiveColor"),u.stroke=e.get("inactiveBorderColor"),p.stroke=d.get("inactiveColor"),p.lineWidth=d.get("inactiveWidth")}return{itemStyle:u,lineStyle:p}}(l=v||l||"roundRect",i,a,s,h,f,c),x=new zH,_=i.getModel("textStyle");if(!Y(t.getLegendIcon)||v&&"inherit"!==v){var b="inherit"===v&&t.getData().getVisual("symbol")?"inherit"===g?t.getData().getVisual("symbolRotate"):g:0;x.add(function(t){var e=t.icon||"roundRect",n=hm(e,0,0,t.itemWidth,t.itemHeight,t.itemStyle.fill,t.symbolKeepAspect);n.setStyle(t.itemStyle),n.rotation=(t.iconRotate||0)*Math.PI/180,n.setOrigin([t.itemWidth/2,t.itemHeight/2]),e.indexOf("empty")>-1&&(n.style.stroke=n.style.fill,n.style.fill=tf.color.neutral00,n.style.lineWidth=2);return n}({itemWidth:d,itemHeight:p,icon:l,iconRotate:b,itemStyle:m.itemStyle,lineStyle:m.lineStyle,symbolKeepAspect:y}))}else x.add(t.getLegendIcon({itemWidth:d,itemHeight:p,icon:l,iconRotate:g,itemStyle:m.itemStyle,lineStyle:m.lineStyle,symbolKeepAspect:y}));var w="left"===o?d+5:-5,S=o,M=r.get("formatter"),I=e;X(M)&&M?I=M.replace("{name}",null!=e?e:""):Y(M)&&(I=M(e));var T=f?_.getTextColor():i.get("inactiveColor");x.add(new Sl({style:Qh(_,{text:I,x:w,y:p/2,fill:T,align:S,verticalAlign:"middle"},{inheritColor:T})}));var C=new xl({shape:x.getBoundingRect(),style:{fill:"transparent"}}),D=i.getModel("tooltip");return D.get("show")&&zh({el:C,componentModel:r,itemName:e,itemTooltipOption:D.option}),x.add(C),x.eachChild((function(t){t.silent=!0})),C.silent=!u,this.getContentGroup().add(x),Iu(x),x.__legendDataIndex=n,x},e.prototype.layoutInner=function(t,e,n,i,r,o){var a=this.getContentGroup(),s=this.getSelectorGroup();Gp(t.get("orient"),a,t.get("itemGap"),n.width,n.height);var l=a.getBoundingRect(),u=[-l.x,-l.y];if(s.markRedraw(),a.markRedraw(),r){Gp("horizontal",s,t.get("selectorItemGap",!0));var c=s.getBoundingRect(),h=[-c.x,-c.y],d=t.get("selectorButtonGap",!0),p=t.getOrient().index,f=0===p?"width":"height",g=0===p?"height":"width",y=0===p?"y":"x";"end"===o?h[p]+=l[f]+d:u[p]+=c[f]+d,h[1-p]+=l[g]/2-c[g]/2,s.x=h[0],s.y=h[1],a.x=u[0],a.y=u[1];var v={x:0,y:0};return v[f]=l[f]+d+c[f],v[g]=Math.max(l[g],c[g]),v[y]=Math.min(0,c[y]+h[1-p]),v}return a.x=u[0],a.y=u[1],this.group.getBoundingRect()},e.prototype.remove=function(){this.getContentGroup().removeAll(),this._isFirstRender=!0},e.type="legend.plain",e}(Ky);function BH(t,e,n,i){FH(t,e,n,i),n.dispatchAction({type:"legendToggleSelect",name:null!=t?t:e}),GH(t,e,n,i)}function VH(t){for(var e,n=t.getZr().storage.getDisplayList(),i=0,r=n.length;i<r&&!(e=n[i].states.emphasis);)i++;return e&&e.hoverLayer}function GH(t,e,n,i){VH(n)||n.dispatchAction({type:"highlight",seriesName:t,name:e,excludeSeriesId:i})}function FH(t,e,n,i){VH(n)||n.dispatchAction({type:"downplay",seriesName:t,name:e,excludeSeriesId:i})}function WH(t){var e=t.findComponents({mainType:"legend"});e&&e.length&&t.filterSeries((function(t){for(var n=0;n<e.length;n++)if(!e[n].isSelected(t.name))return!1;return!0}))}function HH(t,e,n){var i="allSelect"===t||"inverseSelect"===t,r={},o=[];n.eachComponent({mainType:"legend",query:e},(function(n){i?n[t]():n[t](e.name),UH(n,r),o.push(n.componentIndex)}));var a={};return n.eachComponent("legend",(function(t){z(r,(function(e,n){t[e?"select":"unSelect"](n)})),UH(t,a)})),i?{selected:a,legendIndex:o}:{name:e.name,selected:a}}function UH(t,e){var n=e||{};return z(t.getData(),(function(e){var i=e.get("name");if("\n"!==i&&""!==i){var r=t.isSelected(i);_t(n,i)?n[i]=n[i]&&r:n[i]=r}})),n}function YH(t){t.registerComponentModel(OH),t.registerComponentView(EH),t.registerProcessor(t.PRIORITY.PROCESSOR.SERIES_FILTER,WH),t.registerSubTypeDefaulter("legend",(function(){return"plain"})),function(t){t.registerAction("legendToggleSelect","legendselectchanged",H(HH,"toggleSelected")),t.registerAction("legendAllSelect","legendselectall",H(HH,"allSelect")),t.registerAction("legendInverseSelect","legendinverseselect",H(HH,"inverseSelect")),t.registerAction("legendSelect","legendselected",H(HH,"select")),t.registerAction("legendUnSelect","legendunselected",H(HH,"unSelect"))}(t)}var XH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.setScrollDataIndex=function(t){this.option.scrollDataIndex=t},e.prototype.init=function(e,n,i){var r=Kp(e);t.prototype.init.call(this,e,n,i),ZH(this,e,r)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.call(this,e,n),ZH(this,this.option,e)},e.type="legend.scroll",e.defaultOption=Id(OH.defaultOption,{scrollDataIndex:0,pageButtonItemGap:5,pageButtonGap:null,pageButtonPosition:"end",pageFormatter:"{current}/{total}",pageIcons:{horizontal:["M0,0L12,-10L12,10z","M0,0L-12,-10L-12,10z"],vertical:["M0,0L20,0L10,-20z","M0,0L20,0L10,20z"]},pageIconColor:tf.color.accent50,pageIconInactiveColor:tf.color.accent10,pageIconSize:15,pageTextStyle:{color:tf.color.tertiary},animationDurationUpdate:800}),e}(OH);function ZH(t,e,n){var i=[1,1];i[t.getOrient().index]=0,qp(e,n,{type:"box",ignoreSize:!!i})}var jH=to,qH=["width","height"],KH=["x","y"],$H=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.newlineDisabled=!0,n._currentIndex=0,n}return n(e,t),e.prototype.init=function(){t.prototype.init.call(this),this.group.add(this._containerGroup=new jH),this._containerGroup.add(this.getContentGroup()),this.group.add(this._controllerGroup=new jH)},e.prototype.resetInner=function(){t.prototype.resetInner.call(this),this._controllerGroup.removeAll(),this._containerGroup.removeClipPath(),this._containerGroup.__rectSize=null},e.prototype.renderInner=function(e,n,i,r,o,a,s){var l=this;t.prototype.renderInner.call(this,e,n,i,r,o,a,s);var u=this._controllerGroup,c=n.get("pageIconSize",!0),h=U(c)?c:[c,c];p("pagePrev",0);var d=n.getModel("pageTextStyle");function p(t,e){var i=t+"DataIndex",o=Ah(n.get("pageIcons",!0)[n.getOrient().name][e],{onclick:W(l._pageGo,l,i,n,r)},{x:-h[0]/2,y:-h[1]/2,width:h[0],height:h[1]});o.name=t,u.add(o)}u.add(new Sl({name:"pageText",style:{text:"xx/xx",fill:d.getTextColor(),font:d.getFont(),verticalAlign:"middle",align:"center"},silent:!0})),p("pageNext",1)},e.prototype.layoutInner=function(t,e,n,i,r,o){var a=this.getSelectorGroup(),s=t.getOrient().index,l=qH[s],u=KH[s],c=qH[1-s],h=KH[1-s];r&&Gp("horizontal",a,t.get("selectorItemGap",!0));var d=t.get("selectorButtonGap",!0),p=a.getBoundingRect(),f=[-p.x,-p.y],g=T(n);r&&(g[l]=n[l]-p[l]-d);var y=this._layoutContentAndController(t,i,g,s,l,c,h,u);if(r){if("end"===o)f[s]+=y[l]+d;else{var v=p[l]+d;f[s]-=v,y[u]-=v}y[l]+=p[l]+d,f[1-s]+=y[h]+y[c]/2-p[c]/2,y[c]=Math.max(y[c],p[c]),y[h]=Math.min(y[h],p[h]+f[1-s]),a.x=f[0],a.y=f[1],a.markRedraw()}return y},e.prototype._layoutContentAndController=function(t,e,n,i,r,o,a,s){var l=this.getContentGroup(),u=this._containerGroup,c=this._controllerGroup;Gp(t.get("orient"),l,t.get("itemGap"),i?n.width:null,i?null:n.height),Gp("horizontal",c,t.get("pageButtonItemGap",!0));var h=l.getBoundingRect(),d=c.getBoundingRect(),p=this._showController=h[r]>n[r],f=[-h.x,-h.y];e||(f[i]=l[s]);var g=[0,0],y=[-d.x,-d.y],v=rt(t.get("pageButtonGap",!0),t.get("itemGap",!0));p&&("end"===t.get("pageButtonPosition",!0)?y[i]+=n[r]-d[r]:g[i]+=d[r]+v);y[1-i]+=h[o]/2-d[o]/2,l.setPosition(f),u.setPosition(g),c.setPosition(y);var m={x:0,y:0};if(m[r]=p?n[r]:h[r],m[o]=Math.max(h[o],d[o]),m[a]=Math.min(0,d[a]+y[1-i]),u.__rectSize=n[r],p){var x={x:0,y:0};x[r]=Math.max(n[r]-d[r]-v,0),x[o]=m[o],u.setClipPath(new xl({shape:x})),u.__rectSize=x[r]}else c.eachChild((function(t){t.attr({invisible:!0,silent:!0})}));var _=this._getPageInfo(t);return null!=_.pageIndex&&th(l,{x:_.contentPosition[0],y:_.contentPosition[1]},p?t:null),this._updatePageInfoView(t,_),m},e.prototype._pageGo=function(t,e,n){var i=this._getPageInfo(e)[t];null!=i&&n.dispatchAction({type:"legendScroll",scrollDataIndex:i,legendId:e.id})},e.prototype._updatePageInfoView=function(t,e){var n=this._controllerGroup;z(["pagePrev","pageNext"],(function(i){var r=null!=e[i+"DataIndex"],o=n.childOfName(i);o&&(o.setStyle("fill",r?t.get("pageIconColor",!0):t.get("pageIconInactiveColor",!0)),o.cursor=r?"pointer":"default")}));var i=n.childOfName("pageText"),r=t.get("pageFormatter"),o=e.pageIndex,a=null!=o?o+1:0,s=e.pageCount;i&&r&&i.setStyle("text",X(r)?r.replace("{current}",null==a?"":a+"").replace("{total}",null==s?"":s+""):r({current:a,total:s}))},e.prototype._getPageInfo=function(t){var e=t.get("scrollDataIndex",!0),n=this.getContentGroup(),i=this._containerGroup.__rectSize,r=t.getOrient().index,o=qH[r],a=KH[r],s=this._findTargetItemIndex(e),l=n.children(),u=l[s],c=l.length,h=c?1:0,d={contentPosition:[n.x,n.y],pageCount:h,pageIndex:h-1,pagePrevDataIndex:null,pageNextDataIndex:null};if(!u)return d;var p=m(u);d.contentPosition[r]=-p.s;for(var f=s+1,g=p,y=p,v=null;f<=c;++f)(!(v=m(l[f]))&&y.e>g.s+i||v&&!x(v,g.s))&&(g=y.i>g.i?y:v)&&(null==d.pageNextDataIndex&&(d.pageNextDataIndex=g.i),++d.pageCount),y=v;for(f=s-1,g=p,y=p,v=null;f>=-1;--f)(v=m(l[f]))&&x(y,v.s)||!(g.i<y.i)||(y=g,null==d.pagePrevDataIndex&&(d.pagePrevDataIndex=g.i),++d.pageCount,++d.pageIndex),g=v;return d;function m(t){if(t){var e=t.getBoundingRect(),n=e[a]+t[a];return{s:n,e:n+e[o],i:t.__legendDataIndex}}}function x(t,e){return t.e>=e&&t.s<=e+i}},e.prototype._findTargetItemIndex=function(t){return this._showController?(this.getContentGroup().eachChild((function(i,r){var o=i.__legendDataIndex;null==n&&null!=o&&(n=r),o===t&&(e=r)})),null!=e?e:n):0;var e,n},e.type="legend.scroll",e}(EH);function JH(t){h_(YH),t.registerComponentModel(XH),t.registerComponentView($H),function(t){t.registerAction("legendScroll","legendscroll",(function(t,e){var n=t.scrollDataIndex;null!=n&&e.eachComponent({mainType:"legend",subType:"scroll",query:t},(function(t){t.setScrollDataIndex(n)}))}))}(t)}var QH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.inside",e.defaultOption=Id(qG.defaultOption,{disabled:!1,zoomLock:!1,zoomOnMouseWheel:!0,moveOnMouseMove:!0,moveOnMouseWheel:!1,preventDefaultMouseMove:!0}),e}(qG),tU=sa();function eU(t,e,n){tU(t).coordSysRecordMap.each((function(t){var i=t.dataZoomInfoMap.get(e.uid);i&&(i.getRange=n)}))}function nU(t,e){if(e){t.removeKey(e.model.uid);var n=e.controller;n&&n.dispose()}}function iU(t,e){t.isDisposed()||t.dispatchAction({type:"dataZoom",animation:{easing:"cubicOut",duration:100},batch:e})}function rU(t,e,n,i){return t.coordinateSystem.containPoint([n,i])}function oU(t){t.registerProcessor(t.PRIORITY.PROCESSOR.FILTER,(function(t,e){var n=tU(e),i=n.coordSysRecordMap||(n.coordSysRecordMap=yt());i.each((function(t){t.dataZoomInfoMap=null})),t.eachComponent({mainType:"dataZoom",subType:"inside"},(function(t){z(ZG(t).infoList,(function(n){var r=n.model.uid,o=i.get(r)||i.set(r,function(t,e){var n={model:e,containsPoint:H(rU,e),dispatchAction:H(iU,t),dataZoomInfoMap:null,controller:null},i=n.controller=new LD(t.getZr());return z(["pan","zoom","scrollMove"],(function(t){i.on(t,(function(e){var i=[];n.dataZoomInfoMap.each((function(r){if(e.isAvailableBehavior(r.model.option)){var o=(r.getRange||{})[t],a=o&&o(r.dzReferCoordSysInfo,n.model.mainType,n.controller,e);!r.model.get("disabled",!0)&&a&&i.push({dataZoomId:r.model.id,start:a[0],end:a[1]})}})),i.length&&n.dispatchAction(i)}))})),n}(e,n.model));(o.dataZoomInfoMap||(o.dataZoomInfoMap=yt())).set(t.uid,{dzReferCoordSysInfo:n,model:t,getRange:null})}))})),i.each((function(t){var n,r=t.controller,o=t.dataZoomInfoMap;if(o){var a=o.keys()[0];null!=a&&(n=o.get(a))}if(n){var s=function(t,e,n){var i,r="type_",o={type_true:2,type_move:1,type_false:0,type_undefined:-1},a=!0;return t.each((function(t){var e=t.model,n=!e.get("disabled",!0)&&(!e.get("zoomLock",!0)||"move");o[r+n]>o[r+i]&&(i=n),a=a&&e.get("preventDefaultMouseMove",!0)})),{controlType:i,opt:{zoomOnMouseWheel:!0,moveOnMouseMove:!0,moveOnMouseWheel:!0,preventDefaultMouseMove:!!a,api:n,zInfo:{component:e.model},triggerInfo:{roamTrigger:null,isInSelf:e.containsPoint}}}}(o,t,e);r.enable(s.controlType,s.opt),cv(t,"dispatchAction",n.model.get("throttle",!0),"fixRate")}else nU(i,t)}))}))}var aU=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="dataZoom.inside",e}return n(e,t),e.prototype.render=function(e,n,i){t.prototype.render.apply(this,arguments),e.noTarget()?this._clear():(this.range=e.getPercentRange(),eU(i,e,{pan:W(sU.pan,this),zoom:W(sU.zoom,this),scrollMove:W(sU.scrollMove,this)}))},e.prototype.dispose=function(){this._clear(),t.prototype.dispose.apply(this,arguments)},e.prototype._clear=function(){!function(t,e){for(var n=tU(t).coordSysRecordMap,i=n.keys(),r=0;r<i.length;r++){var o=i[r],a=n.get(o),s=a.dataZoomInfoMap;if(s){var l=e.uid;s.get(l)&&(s.removeKey(l),s.keys().length||nU(n,a))}}}(this.api,this.dataZoomModel),this.range=null},e.type="dataZoom.inside",e}(JG),sU={zoom:function(t,e,n,i){var r=this.range,o=r.slice(),a=t.axisModels[0];if(a){var s=uU[e](null,[i.originX,i.originY],a,n,t),l=(s.signal>0?s.pixelStart+s.pixelLength-s.pixel:s.pixel-s.pixelStart)/s.pixelLength*(o[1]-o[0])+o[0],u=Math.max(1/i.scale,0);o[0]=(o[0]-l)*u+l,o[1]=(o[1]-l)*u+l;var c=this.dataZoomModel.findRepresentativeAxisProxy().getMinMaxSpan();return CO(0,o,[0,100],0,c.minSpan,c.maxSpan),this.range=o,r[0]!==o[0]||r[1]!==o[1]?o:void 0}},pan:lU((function(t,e,n,i,r,o){var a=uU[i]([o.oldX,o.oldY],[o.newX,o.newY],e,r,n);return a.signal*(t[1]-t[0])*a.pixel/a.pixelLength})),scrollMove:lU((function(t,e,n,i,r,o){return uU[i]([0,0],[o.scrollDelta,o.scrollDelta],e,r,n).signal*(t[1]-t[0])*o.scrollDelta}))};function lU(t){return function(e,n,i,r){var o=this.range,a=o.slice(),s=e.axisModels[0];if(s)return CO(t(a,s,e,n,i,r),a,[0,100],"all"),this.range=a,o[0]!==a[0]||o[1]!==a[1]?a:void 0}}var uU={grid:function(t,e,n,i,r){var o=n.axis,a={},s=r.model.coordinateSystem.getRect();return t=t||[0,0],"x"===o.dim?(a.pixel=e[0]-t[0],a.pixelLength=s.width,a.pixelStart=s.x,a.signal=o.inverse?1:-1):(a.pixel=e[1]-t[1],a.pixelLength=s.height,a.pixelStart=s.y,a.signal=o.inverse?-1:1),a},polar:function(t,e,n,i,r){var o=n.axis,a={},s=r.model.coordinateSystem,l=s.getRadiusAxis().getExtent(),u=s.getAngleAxis().getExtent();return t=t?s.pointToCoord(t):[0,0],e=s.pointToCoord(e),"radiusAxis"===n.mainType?(a.pixel=e[0]-t[0],a.pixelLength=l[1]-l[0],a.pixelStart=l[0],a.signal=o.inverse?1:-1):(a.pixel=e[1]-t[1],a.pixelLength=u[1]-u[0],a.pixelStart=u[0],a.signal=o.inverse?-1:1),a},singleAxis:function(t,e,n,i,r){var o=n.axis,a=r.model.coordinateSystem.getRect(),s={};return t=t||[0,0],"horizontal"===o.orient?(s.pixel=e[0]-t[0],s.pixelLength=a.width,s.pixelStart=a.x,s.signal=o.inverse?1:-1):(s.pixel=e[1]-t[1],s.pixelLength=a.height,s.pixelStart=a.y,s.signal=o.inverse?-1:1),s}};function cU(t){oF(t),t.registerComponentModel(QH),t.registerComponentView(aU),oU(t)}var hU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.slider",e.layoutMode="box",e.defaultOption=Id(qG.defaultOption,{show:!0,right:"ph",top:"ph",width:"ph",height:"ph",left:null,bottom:null,borderColor:tf.color.accent10,borderRadius:0,backgroundColor:tf.color.transparent,dataBackground:{lineStyle:{color:tf.color.accent30,width:.5},areaStyle:{color:tf.color.accent20,opacity:.2}},selectedDataBackground:{lineStyle:{color:tf.color.accent40,width:.5},areaStyle:{color:tf.color.accent20,opacity:.3}},fillerColor:"rgba(135,175,274,0.2)",handleIcon:"path://M-9.35,34.56V42m0-40V9.5m-2,0h4a2,2,0,0,1,2,2v21a2,2,0,0,1-2,2h-4a2,2,0,0,1-2-2v-21A2,2,0,0,1-11.35,9.5Z",handleSize:"100%",handleStyle:{color:tf.color.neutral00,borderColor:tf.color.accent20},moveHandleSize:7,moveHandleIcon:"path://M-320.9-50L-320.9-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-348-41-339-50-320.9-50z M-212.3-50L-212.3-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-239.4-41-230.4-50-212.3-50z M-103.7-50L-103.7-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-130.9-41-121.8-50-103.7-50z",moveHandleStyle:{color:tf.color.accent40,opacity:.5},showDetail:!0,showDataShadow:"auto",realtime:!0,zoomLock:!1,textStyle:{color:tf.color.tertiary},brushSelect:!0,brushStyle:{color:tf.color.accent30,opacity:.3},emphasis:{handleLabel:{show:!0},handleStyle:{borderColor:tf.color.accent40},moveHandleStyle:{opacity:.8}},defaultLocationEdgeGap:15}),e}(qG),dU=xl,pU="horizontal",fU="vertical",gU=["line","bar","candlestick","scatter"],yU={easing:"cubicOut",duration:100,delay:0},vU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._displayables={},n}return n(e,t),e.prototype.init=function(t,e){this.api=e,this._onBrush=W(this._onBrush,this),this._onBrushEnd=W(this._onBrushEnd,this)},e.prototype.render=function(e,n,i,r){if(t.prototype.render.apply(this,arguments),cv(this,"_dispatchZoomAction",e.get("throttle"),"fixRate"),this._orient=e.getOrient(),!1!==e.get("show")){if(e.noTarget())return this._clear(),void this.group.removeAll();r&&"dataZoom"===r.type&&r.from===this.uid||this._buildView(),this._updateView()}else this.group.removeAll()},e.prototype.dispose=function(){this._clear(),t.prototype.dispose.apply(this,arguments)},e.prototype._clear=function(){hv(this,"_dispatchZoomAction");var t=this.api.getZr();t.off("mousemove",this._onBrush),t.off("mouseup",this._onBrushEnd)},e.prototype._buildView=function(){var t=this.group;t.removeAll(),this._brushing=!1,this._displayables.brushRect=null,this._resetLocation(),this._resetInterval();var e=this._displayables.sliderGroup=new to;this._renderBackground(),this._renderHandle(),this._renderDataShadow(),t.add(e),this._positionGroup()},e.prototype._resetLocation=function(){var t=this.dataZoomModel,e=this.api,n=t.get("brushSelect")?7:0,i=Xp(t,e).refContainer,r=this._findCoordRect(),o=t.get("defaultLocationEdgeGap",!0)||0,a=this._orient===pU?{right:i.width-r.x-r.width,top:i.height-30-o-n,width:r.width,height:30}:{right:o,top:r.y,width:30,height:r.height},s=Kp(t.option);z(["right","top","width","height"],(function(t){"ph"===s[t]&&(s[t]=a[t])}));var l=Hp(s,i);this._location={x:l.x,y:l.y},this._size=[l.width,l.height],this._orient===fU&&this._size.reverse()},e.prototype._positionGroup=function(){var t=this.group,e=this._location,n=this._orient,i=this.dataZoomModel.getFirstTargetAxisModel(),r=i&&i.get("inverse"),o=this._displayables.sliderGroup,a=(this._dataShadowInfo||{}).otherAxisInverse;o.attr(n!==pU||r?n===pU&&r?{scaleY:a?1:-1,scaleX:-1}:n!==fU||r?{scaleY:a?-1:1,scaleX:-1,rotation:Math.PI/2}:{scaleY:a?-1:1,scaleX:1,rotation:Math.PI/2}:{scaleY:a?1:-1,scaleX:1});var s=t.getBoundingRect([o]);t.x=e.x-s.x,t.y=e.y-s.y,t.markRedraw()},e.prototype._getViewExtent=function(){return[0,this._size[0]]},e.prototype._renderBackground=function(){var t=this.dataZoomModel,e=this._size,n=this._displayables.sliderGroup,i=t.get("brushSelect");n.add(new dU({silent:!0,shape:{x:0,y:0,width:e[0],height:e[1]},style:{fill:t.get("backgroundColor")},z2:-40}));var r=new dU({shape:{x:0,y:0,width:e[0],height:e[1]},style:{fill:"transparent"},z2:0,onclick:W(this._onClickPanel,this)}),o=this.api.getZr();i?(r.on("mousedown",this._onBrushStart,this),r.cursor="crosshair",o.on("mousemove",this._onBrush),o.on("mouseup",this._onBrushEnd)):(o.off("mousemove",this._onBrush),o.off("mouseup",this._onBrushEnd)),n.add(r)},e.prototype._renderDataShadow=function(){var t=this._dataShadowInfo=this._prepareDataShadowInfo();if(this._displayables.dataShadowSegs=[],t){var e=this._size,n=this._shadowSize||[],i=t.series,r=i.getRawData(),o=i.getShadowDim&&i.getShadowDim(),a=o&&r.getDimensionInfo(o)?i.getShadowDim():t.otherDim;if(null!=a){var s=this._shadowPolygonPts,l=this._shadowPolylinePts;if(r!==this._shadowData||a!==this._shadowDim||e[0]!==n[0]||e[1]!==n[1]){var u=r.getDataExtent(t.thisDim),c=r.getDataExtent(a),h=.3*(c[1]-c[0]);c=[c[0]-h,c[1]+h];var d,p=[0,e[1]],f=[0,e[0]],g=[[e[0],0],[0,0]],y=[],v=f[1]/Math.max(1,r.count()-1),m=e[0]/(u[1]-u[0]),x="time"===t.thisAxis.type,_=-v,b=Math.round(r.count()/e[0]);r.each([t.thisDim,a],(function(t,e,n){if(b>0&&n%b)x||(_+=v);else{_=x?(+t-u[0])*m:_+v;var i=null==e||isNaN(e)||""===e,r=i?0:go(e,c,p,!0);i&&!d&&n?(g.push([g[g.length-1][0],0]),y.push([y[y.length-1][0],0])):!i&&d&&(g.push([_,0]),y.push([_,0])),i||(g.push([_,r]),y.push([_,r])),d=i}})),s=this._shadowPolygonPts=g,l=this._shadowPolylinePts=y}this._shadowData=r,this._shadowDim=a,this._shadowSize=[e[0],e[1]];for(var w=this.dataZoomModel,S=0;S<3;S++){var M=I(1===S);this._displayables.sliderGroup.add(M),this._displayables.dataShadowSegs.push(M)}}}function I(t){var e=w.getModel(t?"selectedDataBackground":"dataBackground"),n=new to,i=new Mc({shape:{points:s},segmentIgnoreThreshold:1,style:e.getModel("areaStyle").getAreaStyle(),silent:!0,z2:-20}),r=new Tc({shape:{points:l},segmentIgnoreThreshold:1,style:e.getModel("lineStyle").getLineStyle(),silent:!0,z2:-19});return n.add(i),n.add(r),n}},e.prototype._prepareDataShadowInfo=function(){var t=this.dataZoomModel,e=t.get("showDataShadow");if(!1!==e){var n,i=this.ecModel;return t.eachTargetAxis((function(r,o){z(t.getAxisProxy(r,o).getTargetSeriesModels(),(function(t){if(!(n||!0!==e&&P(gU,t.get("type"))<0)){var a,s=i.getComponent(YG(r),o).axis,l=function(t){var e={x:"y",y:"x",radius:"angle",angle:"radius"};return e[t]}(r),u=t.coordinateSystem;null!=l&&u.getOtherAxis&&(a=u.getOtherAxis(s).inverse),l=t.getData().mapDimension(l);var c=t.getData().mapDimension(r);n={thisAxis:s,series:t,thisDim:c,otherDim:l,otherAxisInverse:a}}}),this)}),this),n}},e.prototype._renderHandle=function(){var t=this.group,e=this._displayables,n=e.handles=[null,null],i=e.handleLabels=[null,null],r=this._displayables.sliderGroup,o=this._size,a=this.dataZoomModel,s=this.api,l=a.get("borderRadius")||0,u=a.get("brushSelect"),c=e.filler=new dU({silent:u,style:{fill:a.get("fillerColor")},textConfig:{position:"inside"}});r.add(c),r.add(new dU({silent:!0,subPixelOptimize:!0,shape:{x:0,y:0,width:o[0],height:o[1],r:l},style:{stroke:a.get("dataBackgroundColor")||a.get("borderColor"),lineWidth:1,fill:tf.color.transparent}})),z([0,1],(function(e){var o=a.get("handleIcon");!lm[o]&&o.indexOf("path://")<0&&o.indexOf("image://")<0&&(o="path://"+o);var s,l=hm(o,-1,0,2,2,null,!0);l.attr({cursor:(s=this._orient,"vertical"===s?"ns-resize":"ew-resize"),draggable:!0,drift:W(this._onDragMove,this,e),ondragend:W(this._onDragEnd,this),onmouseover:W(this._showDataInfo,this,!0),onmouseout:W(this._showDataInfo,this,!1),z2:5});var u=l.getBoundingRect(),c=a.get("handleSize");this._handleHeight=yo(c,this._size[1]),this._handleWidth=u.width/u.height*this._handleHeight,l.setStyle(a.getModel("handleStyle").getItemStyle()),l.style.strokeNoScale=!0,l.rectHover=!0,l.ensureState("emphasis").style=a.getModel(["emphasis","handleStyle"]).getItemStyle(),Iu(l);var h=a.get("handleColor");null!=h&&(l.style.fill=h),r.add(n[e]=l);var d=a.getModel("textStyle"),p=(a.get("handleLabel")||{}).show||!1;t.add(i[e]=new Sl({silent:!0,invisible:!p,style:Qh(d,{x:0,y:0,text:"",verticalAlign:"middle",align:"center",fill:d.getTextColor(),font:d.getFont()}),z2:10}))}),this);var h=c;if(u){var d=yo(a.get("moveHandleSize"),o[1]),p=e.moveHandle=new xl({style:a.getModel("moveHandleStyle").getItemStyle(),silent:!0,shape:{r:[0,0,2,2],y:o[1]-.5,height:d}}),f=.8*d,g=e.moveHandleIcon=hm(a.get("moveHandleIcon"),-f/2,-f/2,f,f,tf.color.neutral00,!0);g.silent=!0,g.y=o[1]+d/2-.5,p.ensureState("emphasis").style=a.getModel(["emphasis","moveHandleStyle"]).getItemStyle();var y=Math.min(o[1]/2,Math.max(d,10));(h=e.moveZone=new xl({invisible:!0,shape:{y:o[1]-y,height:d+y}})).on("mouseover",(function(){s.enterEmphasis(p)})).on("mouseout",(function(){s.leaveEmphasis(p)})),r.add(p),r.add(g),r.add(h)}h.attr({draggable:!0,cursor:"default",drift:W(this._onDragMove,this,"all"),ondragstart:W(this._showDataInfo,this,!0),ondragend:W(this._onDragEnd,this),onmouseover:W(this._showDataInfo,this,!0),onmouseout:W(this._showDataInfo,this,!1)})},e.prototype._resetInterval=function(){var t=this._range=this.dataZoomModel.getPercentRange(),e=this._getViewExtent();this._handleEnds=[go(t[0],[0,100],e,!0),go(t[1],[0,100],e,!0)]},e.prototype._updateInterval=function(t,e){var n=this.dataZoomModel,i=this._handleEnds,r=this._getViewExtent(),o=n.findRepresentativeAxisProxy().getMinMaxSpan(),a=[0,100];CO(e,i,r,n.get("zoomLock")?"all":t,null!=o.minSpan?go(o.minSpan,a,r,!0):null,null!=o.maxSpan?go(o.maxSpan,a,r,!0):null);var s=this._range,l=this._range=xo([go(i[0],r,a,!0),go(i[1],r,a,!0)]);return!s||s[0]!==l[0]||s[1]!==l[1]},e.prototype._updateView=function(t){var e=this._displayables,n=this._handleEnds,i=xo(n.slice()),r=this._size;z([0,1],(function(t){var i=e.handles[t],o=this._handleHeight;i.attr({scaleX:o/2,scaleY:o/2,x:n[t]+(t?-1:1),y:r[1]/2-o/2})}),this),e.filler.setShape({x:i[0],y:0,width:i[1]-i[0],height:r[1]});var o={x:i[0],width:i[1]-i[0]};e.moveHandle&&(e.moveHandle.setShape(o),e.moveZone.setShape(o),e.moveZone.getBoundingRect(),e.moveHandleIcon&&e.moveHandleIcon.attr("x",o.x+o.width/2));for(var a=e.dataShadowSegs,s=[0,i[0],i[1],r[0]],l=0;l<a.length;l++){var u=a[l],c=u.getClipPath();c||(c=new xl,u.setClipPath(c)),c.setShape({x:s[l],y:0,width:s[l+1]-s[l],height:r[1]})}this._updateDataInfo(t)},e.prototype._updateDataInfo=function(t){var e=this.dataZoomModel,n=this._displayables,i=n.handleLabels,r=this._orient,o=["",""];if(e.get("showDetail")){var a=e.findRepresentativeAxisProxy();if(a){var s=a.getAxisModel().axis,l=this._range,u=t?a.calculateDataWindow({start:l[0],end:l[1]}).valueWindow:a.getDataValueWindow();o=[this._formatLabel(u[0],s),this._formatLabel(u[1],s)]}}var c=xo(this._handleEnds.slice());function h(t){var e=wh(n.handles[t].parent,this.group),a=Mh(0===t?"right":"left",e),s=this._handleWidth/2+5,l=Sh([c[t]+(0===t?-s:s),this._size[1]/2],e);i[t].setStyle({x:l[0],y:l[1],verticalAlign:r===pU?"middle":a,align:r===pU?a:"center",text:o[t]})}h.call(this,0),h.call(this,1)},e.prototype._formatLabel=function(t,e){var n=this.dataZoomModel,i=n.get("labelFormatter"),r=n.get("labelPrecision");null!=r&&"auto"!==r||(r=e.getPixelPrecision());var o=null==t||isNaN(t)?"":"category"===e.type||"time"===e.type?e.scale.getLabel({value:Math.round(t)}):t.toFixed(Math.min(r,20));return Y(i)?i(t,o):X(i)?i.replace("{value}",o):o},e.prototype._showDataInfo=function(t){var e=(this.dataZoomModel.get("handleLabel")||{}).show||!1,n=this.dataZoomModel.getModel(["emphasis","handleLabel"]).get("show")||!1,i=t||this._dragging?n:e,r=this._displayables,o=r.handleLabels;o[0].attr("invisible",!i),o[1].attr("invisible",!i),r.moveHandle&&this.api[i?"enterEmphasis":"leaveEmphasis"](r.moveHandle,1)},e.prototype._onDragMove=function(t,e,n,i){this._dragging=!0,fe(i.event);var r=Sh([e,n],this._displayables.sliderGroup.getLocalTransform(),!0),o=this._updateInterval(t,r[0]),a=this.dataZoomModel.get("realtime");this._updateView(!a),o&&a&&this._dispatchZoomAction(!0)},e.prototype._onDragEnd=function(){this._dragging=!1,this._showDataInfo(!1),!this.dataZoomModel.get("realtime")&&this._dispatchZoomAction(!1)},e.prototype._onClickPanel=function(t){var e=this._size,n=this._displayables.sliderGroup.transformCoordToLocal(t.offsetX,t.offsetY);if(!(n[0]<0||n[0]>e[0]||n[1]<0||n[1]>e[1])){var i=this._handleEnds,r=(i[0]+i[1])/2,o=this._updateInterval("all",n[0]-r);this._updateView(),o&&this._dispatchZoomAction(!1)}},e.prototype._onBrushStart=function(t){var e=t.offsetX,n=t.offsetY;this._brushStart=new Ae(e,n),this._brushing=!0,this._brushStartTime=+new Date},e.prototype._onBrushEnd=function(t){if(this._brushing){var e=this._displayables.brushRect;if(this._brushing=!1,e){e.attr("ignore",!0);var n=e.shape;if(!(+new Date-this._brushStartTime<200&&Math.abs(n.width)<5)){var i=this._getViewExtent(),r=[0,100],o=this._handleEnds=[n.x,n.x+n.width],a=this.dataZoomModel.findRepresentativeAxisProxy().getMinMaxSpan();CO(0,o,i,0,null!=a.minSpan?go(a.minSpan,r,i,!0):null,null!=a.maxSpan?go(a.maxSpan,r,i,!0):null),this._range=xo([go(o[0],i,r,!0),go(o[1],i,r,!0)]),this._updateView(),this._dispatchZoomAction(!1)}}}},e.prototype._onBrush=function(t){this._brushing&&(fe(t.event),this._updateBrushRect(t.offsetX,t.offsetY))},e.prototype._updateBrushRect=function(t,e){var n=this._displayables,i=this.dataZoomModel,r=n.brushRect;r||(r=n.brushRect=new dU({silent:!0,style:i.getModel("brushStyle").getItemStyle()}),n.sliderGroup.add(r)),r.attr("ignore",!1);var o=this._brushStart,a=this._displayables.sliderGroup,s=a.transformCoordToLocal(t,e),l=a.transformCoordToLocal(o.x,o.y),u=this._size;s[0]=Math.max(Math.min(u[0],s[0]),0),r.setShape({x:l[0],y:0,width:s[0]-l[0],height:u[1]})},e.prototype._dispatchZoomAction=function(t){var e=this._range;this.api.dispatchAction({type:"dataZoom",from:this.uid,dataZoomId:this.dataZoomModel.id,animation:t?yU:null,start:e[0],end:e[1]})},e.prototype._findCoordRect=function(){var t,e=ZG(this.dataZoomModel).infoList;if(!t&&e.length){var n=e[0].model.coordinateSystem;t=n.getRect&&n.getRect()}if(!t){var i=this.api.getWidth(),r=this.api.getHeight();t={x:.2*i,y:.2*r,width:.6*i,height:.6*r}}return t},e.type="dataZoom.slider",e}(JG);function mU(t){t.registerComponentModel(hU),t.registerComponentView(vU),oF(t)}var xU=function(t,e,n){var i=T((_U[t]||{})[e]);return n&&U(i)?i[i.length-1]:i},_U={color:{active:["#006edd","#e0ffff"],inactive:[tf.color.transparent]},colorHue:{active:[0,360],inactive:[0,0]},colorSaturation:{active:[.3,1],inactive:[0,0]},colorLightness:{active:[.9,.5],inactive:[0,0]},colorAlpha:{active:[.3,1],inactive:[0,0]},opacity:{active:[.3,1],inactive:[0,0]},symbol:{active:["circle","roundRect","diamond"],inactive:["none"]},symbolSize:{active:[10,50],inactive:[0,0]}},bU=hL.mapVisual,wU=hL.eachVisual,SU=U,MU=z,IU=xo,TU=go,CU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.stateList=["inRange","outOfRange"],n.replacableOptionKeys=["inRange","outOfRange","target","controller","color"],n.layoutMode={type:"box",ignoreSize:!0},n.dataBound=[-1/0,1/0],n.targetVisuals={},n.controllerVisuals={},n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n)},e.prototype.optionUpdated=function(t,e){var n=this.option;!e&&bW(n,t,this.replacableOptionKeys),this.textStyleModel=this.getModel("textStyle"),this.resetItemSize(),this.completeVisualOption()},e.prototype.resetVisual=function(t){var e=this.stateList;t=W(t,this),this.controllerVisuals=_W(this.option.controller,e,t),this.targetVisuals=_W(this.option.target,e,t)},e.prototype.getItemSymbol=function(){return null},e.prototype.getTargetSeriesIndices=function(){var t=this.option.seriesId,e=this.option.seriesIndex;return null==e&&null==t&&(e="all"),E(pa(this.ecModel,"series",{index:e,id:t},{useDefault:!1,enableAll:!0,enableNone:!1}).models,(function(t){return t.componentIndex}))},e.prototype.eachTargetSeries=function(t,e){z(this.getTargetSeriesIndices(),(function(n){var i=this.ecModel.getSeriesByIndex(n);i&&t.call(e,i)}),this)},e.prototype.isTargetSeries=function(t){var e=!1;return this.eachTargetSeries((function(n){n===t&&(e=!0)})),e},e.prototype.formatValueText=function(t,e,n){var i,r=this.option,o=r.precision,a=this.dataBound,s=r.formatter;n=n||["<",">"],U(t)&&(t=t.slice(),i=!0);var l=e?t:i?[u(t[0]),u(t[1])]:u(t);return X(s)?s.replace("{value}",i?l[0]:l).replace("{value2}",i?l[1]:l):Y(s)?i?s(t[0],t[1]):s(t):i?t[0]===a[0]?n[0]+" "+l[1]:t[1]===a[1]?n[1]+" "+l[0]:l[0]+" - "+l[1]:l;function u(t){return t===a[0]?"min":t===a[1]?"max":(+t).toFixed(Math.min(o,20))}},e.prototype.resetExtent=function(){var t=this.option,e=IU([t.min,t.max]);this._dataExtent=e},e.prototype.getDataDimensionIndex=function(t){var e=this.option.dimension;if(null!=e)return t.getDimensionIndex(e);for(var n=t.dimensions,i=n.length-1;i>=0;i--){var r=n[i],o=t.getDimensionInfo(r);if(!o.isCalculationCoord)return o.storeDimIndex}},e.prototype.getExtent=function(){return this._dataExtent.slice()},e.prototype.completeVisualOption=function(){var t=this.ecModel,e=this.option,n={inRange:e.inRange,outOfRange:e.outOfRange},i=e.target||(e.target={}),r=e.controller||(e.controller={});C(i,n),C(r,n);var o=this.isCategory();function a(n){SU(e.color)&&!n.inRange&&(n.inRange={color:e.color.slice().reverse()}),n.inRange=n.inRange||{color:t.get("gradientColor")}}a.call(this,i),a.call(this,r),function(t,e,n){var i=t[e],r=t[n];i&&!r&&(r=t[n]={},MU(i,(function(t,e){if(hL.isValidType(e)){var n=xU(e,"inactive",o);null!=n&&(r[e]=n,"color"!==e||r.hasOwnProperty("opacity")||r.hasOwnProperty("colorAlpha")||(r.opacity=[0,0]))}})))}.call(this,i,"inRange","outOfRange"),function(t){var e=(t.inRange||{}).symbol||(t.outOfRange||{}).symbol,n=(t.inRange||{}).symbolSize||(t.outOfRange||{}).symbolSize,i=this.get("inactiveColor"),r=this.getItemSymbol()||"roundRect";MU(this.stateList,(function(a){var s=this.itemSize,l=t[a];l||(l=t[a]={color:o?i:[i]}),null==l.symbol&&(l.symbol=e&&T(e)||(o?r:[r])),null==l.symbolSize&&(l.symbolSize=n&&T(n)||(o?s[0]:[s[0],s[0]])),l.symbol=bU(l.symbol,(function(t){return"none"===t?r:t}));var u=l.symbolSize;if(null!=u){var c=-1/0;wU(u,(function(t){t>c&&(c=t)})),l.symbolSize=bU(u,(function(t){return TU(t,[0,c],[0,s[0]],!0)}))}}),this)}.call(this,r)},e.prototype.resetItemSize=function(){this.itemSize=[parseFloat(this.get("itemWidth")),parseFloat(this.get("itemHeight"))]},e.prototype.isCategory=function(){return!!this.option.categories},e.prototype.setSelected=function(t){},e.prototype.getSelected=function(){return null},e.prototype.getValueState=function(t){return null},e.prototype.getVisualMeta=function(t){return null},e.type="visualMap",e.dependencies=["series"],e.defaultOption={show:!0,z:4,min:0,max:200,left:0,right:null,top:null,bottom:0,itemWidth:null,itemHeight:null,inverse:!1,orient:"vertical",backgroundColor:tf.color.transparent,borderColor:tf.color.borderTint,contentColor:tf.color.theme[0],inactiveColor:tf.color.disabled,borderWidth:0,padding:tf.size.m,textGap:10,precision:0,textStyle:{color:tf.color.secondary}},e}(Qp),DU=[20,140],AU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(e,n){t.prototype.optionUpdated.apply(this,arguments),this.resetExtent(),this.resetVisual((function(t){t.mappingMethod="linear",t.dataExtent=this.getExtent()})),this._resetRange()},e.prototype.resetItemSize=function(){t.prototype.resetItemSize.apply(this,arguments);var e=this.itemSize;(null==e[0]||isNaN(e[0]))&&(e[0]=DU[0]),(null==e[1]||isNaN(e[1]))&&(e[1]=DU[1])},e.prototype._resetRange=function(){var t=this.getExtent(),e=this.option.range;!e||e.auto?(t.auto=1,this.option.range=t):U(e)&&(e[0]>e[1]&&e.reverse(),e[0]=Math.max(e[0],t[0]),e[1]=Math.min(e[1],t[1]))},e.prototype.completeVisualOption=function(){t.prototype.completeVisualOption.apply(this,arguments),z(this.stateList,(function(t){var e=this.option.controller[t].symbolSize;e&&e[0]!==e[1]&&(e[0]=e[1]/3)}),this)},e.prototype.setSelected=function(t){this.option.range=t.slice(),this._resetRange()},e.prototype.getSelected=function(){var t=this.getExtent(),e=xo((this.get("range")||[]).slice());return e[0]>t[1]&&(e[0]=t[1]),e[1]>t[1]&&(e[1]=t[1]),e[0]<t[0]&&(e[0]=t[0]),e[1]<t[0]&&(e[1]=t[0]),e},e.prototype.getValueState=function(t){var e=this.option.range,n=this.getExtent(),i=rt(this.option.unboundedRange,!0);return(i&&e[0]<=n[0]||e[0]<=t)&&(i&&e[1]>=n[1]||t<=e[1])?"inRange":"outOfRange"},e.prototype.findTargetDataIndices=function(t){var e=[];return this.eachTargetSeries((function(n){var i=[],r=n.getData();r.each(this.getDataDimensionIndex(r),(function(e,n){t[0]<=e&&e<=t[1]&&i.push(n)}),this),e.push({seriesId:n.id,dataIndex:i})}),this),e},e.prototype.getVisualMeta=function(t){var e=kU(this,"outOfRange",this.getExtent()),n=kU(this,"inRange",this.option.range.slice()),i=[];function r(e,n){i.push({value:e,color:t(e,n)})}for(var o=0,a=0,s=n.length,l=e.length;a<l&&(!n.length||e[a]<=n[0]);a++)e[a]<n[o]&&r(e[a],"outOfRange");for(var u=1;o<s;o++,u=0)u&&i.length&&r(n[o],"outOfRange"),r(n[o],"inRange");for(u=1;a<l;a++)(!n.length||n[n.length-1]<e[a])&&(u&&(i.length&&r(i[i.length-1].value,"outOfRange"),u=0),r(e[a],"outOfRange"));var c=i.length;return{stops:i,outerColors:[c?i[0].color:"transparent",c?i[c-1].color:"transparent"]}},e.type="visualMap.continuous",e.defaultOption=Id(CU.defaultOption,{align:"auto",calculable:!1,hoverLink:!0,realtime:!0,handleIcon:"path://M-11.39,9.77h0a3.5,3.5,0,0,1-3.5,3.5h-22a3.5,3.5,0,0,1-3.5-3.5h0a3.5,3.5,0,0,1,3.5-3.5h22A3.5,3.5,0,0,1-11.39,9.77Z",handleSize:"120%",handleStyle:{borderColor:tf.color.neutral00,borderWidth:1},indicatorIcon:"circle",indicatorSize:"50%",indicatorStyle:{borderColor:tf.color.neutral00,borderWidth:2,shadowBlur:2,shadowOffsetX:1,shadowOffsetY:1,shadowColor:tf.color.shadow}}),e}(CU);function kU(t,e,n){if(n[0]===n[1])return n.slice();for(var i=(n[1]-n[0])/200,r=n[0],o=[],a=0;a<=200&&r<n[1];a++)o.push(r),r+=i;return o.push(n[1]),o}var LU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.autoPositionValues={left:1,right:1,top:1,bottom:1},n}return n(e,t),e.prototype.init=function(t,e){this.ecModel=t,this.api=e},e.prototype.render=function(t,e,n,i){this.visualMapModel=t,!1!==t.get("show")?this.doRender(t,e,n,i):this.group.removeAll()},e.prototype.renderBackground=function(t){var e=this.visualMapModel,n=yp(e.get("padding")||0),i=t.getBoundingRect();t.add(new xl({z2:-1,silent:!0,shape:{x:i.x-n[3],y:i.y-n[0],width:i.width+n[3]+n[1],height:i.height+n[0]+n[2]},style:{fill:e.get("backgroundColor"),stroke:e.get("borderColor"),lineWidth:e.get("borderWidth")}}))},e.prototype.getControllerVisual=function(t,e,n){var i=(n=n||{}).forceState,r=this.visualMapModel,o={};if("color"===e){var a=r.get("contentColor");o.color=a}function s(t){return o[t]}function l(t,e){o[t]=e}var u=r.controllerVisuals[i||r.getValueState(t)];return z(hL.prepareVisualTypes(u),(function(i){var r=u[i];n.convertOpacityToAlpha&&"opacity"===i&&(i="colorAlpha",r=u.__alphaForOpacity),hL.dependsOn(i,e)&&r&&r.applyVisual(t,s,l)})),o[e]},e.prototype.positionGroup=function(t){var e=this.visualMapModel,n=Xp(e,this.api).refContainer;Zp(t,e.getBoxLayoutParams(),n)},e.prototype.doRender=function(t,e,n,i){},e.type="visualMap",e}(Ky),PU=[["left","right","width"],["top","bottom","height"]];function OU(t,e,n){var i=t.option,r=i.align;if(null!=r&&"auto"!==r)return r;for(var o={width:e.getWidth(),height:e.getHeight()},a="horizontal"===i.orient?1:0,s=PU[a],l=[0,null,10],u={},c=0;c<3;c++)u[PU[1-a][c]]=l[c],u[s[c]]=2===c?n[0]:i[s[c]];var h=[["x","width",3],["y","height",0]][a],d=Hp(u,o,i.padding);return s[(d.margin[h[2]]||0)+d[h[0]]+.5*d[h[1]]<.5*o[h[1]]?0:1]}function RU(t,e){return z(t||[],(function(t){null!=t.dataIndex&&(t.dataIndexInside=t.dataIndex,t.dataIndex=null),t.highlightKey="visualMap"+(e?e.componentIndex:"")})),t}var NU=go,zU=z,EU=Math.min,BU=Math.max,VU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._shapes={},n._dataInterval=[],n._handleEnds=[],n._hoverLinkDataIndices=[],n}return n(e,t),e.prototype.init=function(e,n){t.prototype.init.call(this,e,n),this._hoverLinkFromSeriesMouseOver=W(this._hoverLinkFromSeriesMouseOver,this),this._hideIndicator=W(this._hideIndicator,this)},e.prototype.doRender=function(t,e,n,i){i&&"selectDataRange"===i.type&&i.from===this.uid||this._buildView()},e.prototype._buildView=function(){this.group.removeAll();var t=this.visualMapModel,e=this.group;this._orient=t.get("orient"),this._useHandle=t.get("calculable"),this._resetInterval(),this._renderBar(e);var n=t.get("text");this._renderEndsText(e,n,0),this._renderEndsText(e,n,1),this._updateView(!0),this.renderBackground(e),this._updateView(),this._enableHoverLinkToSeries(),this._enableHoverLinkFromSeries(),this.positionGroup(e)},e.prototype._renderEndsText=function(t,e,n){if(e){var i=e[1-n];i=null!=i?i+"":"";var r=this.visualMapModel,o=r.get("textGap"),a=r.itemSize,s=this._shapes.mainGroup,l=this._applyTransform([a[0]/2,0===n?-o:a[1]+o],s),u=this._applyTransform(0===n?"bottom":"top",s),c=this._orient,h=this.visualMapModel.textStyleModel;this.group.add(new Sl({style:Qh(h,{x:l[0],y:l[1],verticalAlign:h.get("verticalAlign")||("horizontal"===c?"middle":u),align:h.get("align")||("horizontal"===c?u:"center"),text:i})}))}},e.prototype._renderBar=function(t){var e=this.visualMapModel,n=this._shapes,i=e.itemSize,r=this._orient,o=this._useHandle,a=OU(e,this.api,i),s=n.mainGroup=this._createBarGroup(a),l=new to;s.add(l),l.add(n.outOfRange=GU()),l.add(n.inRange=GU(null,o?WU(this._orient):null,W(this._dragHandle,this,"all",!1),W(this._dragHandle,this,"all",!0))),l.setClipPath(new xl({shape:{x:0,y:0,width:i[0],height:i[1],r:3}}));var u=e.textStyleModel.getTextRect("国"),c=BU(u.width,u.height);o&&(n.handleThumbs=[],n.handleLabels=[],n.handleLabelPoints=[],this._createHandle(e,s,0,i,c,r),this._createHandle(e,s,1,i,c,r)),this._createIndicator(e,s,i,c,r),t.add(s)},e.prototype._createHandle=function(t,e,n,i,r,o){var a=W(this._dragHandle,this,n,!1),s=W(this._dragHandle,this,n,!0),l=Fr(t.get("handleSize"),i[0]),u=hm(t.get("handleIcon"),-l/2,-l/2,l,l,null,!0),c=WU(this._orient);u.attr({cursor:c,draggable:!0,drift:a,ondragend:s,onmousemove:function(t){fe(t.event)}}),u.x=i[0]/2,u.useStyle(t.getModel("handleStyle").getItemStyle()),u.setStyle({strokeNoScale:!0,strokeFirst:!0}),u.style.lineWidth*=2,u.ensureState("emphasis").style=t.getModel(["emphasis","handleStyle"]).getItemStyle(),Lu(u,!0),e.add(u);var h=this.visualMapModel.textStyleModel,d=new Sl({cursor:c,draggable:!0,drift:a,onmousemove:function(t){fe(t.event)},ondragend:s,style:Qh(h,{x:0,y:0,text:""})});d.ensureState("blur").style={opacity:.1},d.stateTransition={duration:200},this.group.add(d);var p=[l,0],f=this._shapes;f.handleThumbs[n]=u,f.handleLabelPoints[n]=p,f.handleLabels[n]=d},e.prototype._createIndicator=function(t,e,n,i,r){var o=Fr(t.get("indicatorSize"),n[0]),a=hm(t.get("indicatorIcon"),-o/2,-o/2,o,o,null,!0);a.attr({cursor:"move",invisible:!0,silent:!0,x:n[0]/2});var s=t.getModel("indicatorStyle").getItemStyle();if(a instanceof dl){var l=a.style;a.useStyle(A({image:l.image,x:l.x,y:l.y,width:l.width,height:l.height},s))}else a.useStyle(s);e.add(a);var u=this.visualMapModel.textStyleModel,c=new Sl({silent:!0,invisible:!0,style:Qh(u,{x:0,y:0,text:""})});this.group.add(c);var h=[("horizontal"===r?i/2:6)+n[0]/2,0],d=this._shapes;d.indicator=a,d.indicatorLabel=c,d.indicatorLabelPoint=h,this._firstShowIndicator=!0},e.prototype._dragHandle=function(t,e,n,i){if(this._useHandle){if(this._dragging=!e,!e){var r=this._applyTransform([n,i],this._shapes.mainGroup,!0);this._updateInterval(t,r[1]),this._hideIndicator(),this._updateView()}e===!this.visualMapModel.get("realtime")&&this.api.dispatchAction({type:"selectDataRange",from:this.uid,visualMapId:this.visualMapModel.id,selected:this._dataInterval.slice()}),e?!this._hovering&&this._clearHoverLinkToSeries():FU(this.visualMapModel)&&this._doHoverLinkToSeries(this._handleEnds[t],!1)}},e.prototype._resetInterval=function(){var t=this.visualMapModel,e=this._dataInterval=t.getSelected(),n=t.getExtent(),i=[0,t.itemSize[1]];this._handleEnds=[NU(e[0],n,i,!0),NU(e[1],n,i,!0)]},e.prototype._updateInterval=function(t,e){e=e||0;var n=this.visualMapModel,i=this._handleEnds,r=[0,n.itemSize[1]];CO(e,i,r,t,0);var o=n.getExtent();this._dataInterval=[NU(i[0],r,o,!0),NU(i[1],r,o,!0)]},e.prototype._updateView=function(t){var e=this.visualMapModel,n=e.getExtent(),i=this._shapes,r=[0,e.itemSize[1]],o=t?r:this._handleEnds,a=this._createBarVisual(this._dataInterval,n,o,"inRange"),s=this._createBarVisual(n,n,r,"outOfRange");i.inRange.setStyle({fill:a.barColor}).setShape("points",a.barPoints),i.outOfRange.setStyle({fill:s.barColor}).setShape("points",s.barPoints),this._updateHandle(o,a)},e.prototype._createBarVisual=function(t,e,n,i){var r={forceState:i,convertOpacityToAlpha:!0},o=this._makeColorGradient(t,r),a=[this.getControllerVisual(t[0],"symbolSize",r),this.getControllerVisual(t[1],"symbolSize",r)],s=this._createBarPoints(n,a);return{barColor:new Bc(0,0,0,1,o),barPoints:s,handlesColor:[o[0].color,o[o.length-1].color]}},e.prototype._makeColorGradient=function(t,e){var n=[],i=(t[1]-t[0])/100;n.push({color:this.getControllerVisual(t[0],"color",e),offset:0});for(var r=1;r<100;r++){var o=t[0]+i*r;if(o>t[1])break;n.push({color:this.getControllerVisual(o,"color",e),offset:r/100})}return n.push({color:this.getControllerVisual(t[1],"color",e),offset:1}),n},e.prototype._createBarPoints=function(t,e){var n=this.visualMapModel.itemSize;return[[n[0]-e[0],t[0]],[n[0],t[0]],[n[0],t[1]],[n[0]-e[1],t[1]]]},e.prototype._createBarGroup=function(t){var e=this._orient,n=this.visualMapModel.get("inverse");return new to("horizontal"!==e||n?"horizontal"===e&&n?{scaleX:"bottom"===t?-1:1,rotation:-Math.PI/2}:"vertical"!==e||n?{scaleX:"left"===t?1:-1}:{scaleX:"left"===t?1:-1,scaleY:-1}:{scaleX:"bottom"===t?1:-1,rotation:Math.PI/2})},e.prototype._updateHandle=function(t,e){if(this._useHandle){var n=this._shapes,i=this.visualMapModel,r=n.handleThumbs,o=n.handleLabels,a=i.itemSize,s=i.getExtent(),l=this._applyTransform("left",n.mainGroup);zU([0,1],(function(u){var c=r[u];c.setStyle("fill",e.handlesColor[u]),c.y=t[u];var h=NU(t[u],[0,a[1]],s,!0),d=this.getControllerVisual(h,"symbolSize");c.scaleX=c.scaleY=d/a[0],c.x=a[0]-d/2;var p=Sh(n.handleLabelPoints[u],wh(c,this.group));if("horizontal"===this._orient){var f="left"===l||"top"===l?(a[0]-d)/2:(a[0]-d)/-2;p[1]+=f}o[u].setStyle({x:p[0],y:p[1],text:i.formatValueText(this._dataInterval[u]),verticalAlign:"middle",align:"vertical"===this._orient?this._applyTransform("left",n.mainGroup):"center"})}),this)}},e.prototype._showIndicator=function(t,e,n,i){var r=this.visualMapModel,o=r.getExtent(),a=r.itemSize,s=[0,a[1]],l=this._shapes,u=l.indicator;if(u){u.attr("invisible",!1);var c=this.getControllerVisual(t,"color",{convertOpacityToAlpha:!0}),h=this.getControllerVisual(t,"symbolSize"),d=NU(t,o,s,!0),p=a[0]-h/2,f={x:u.x,y:u.y};u.y=d,u.x=p;var g=Sh(l.indicatorLabelPoint,wh(u,this.group)),y=l.indicatorLabel;y.attr("invisible",!1);var v=this._applyTransform("left",l.mainGroup),m="horizontal"===this._orient;y.setStyle({text:(n||"")+r.formatValueText(e),verticalAlign:m?v:"middle",align:m?"center":v});var x={x:p,y:d,style:{fill:c}},_={style:{x:g[0],y:g[1]}};if(r.ecModel.isAnimationEnabled()&&!this._firstShowIndicator){var b={duration:100,easing:"cubicInOut",additive:!0};u.x=f.x,u.y=f.y,u.animateTo(x,b),y.animateTo(_,b)}else u.attr(x),y.attr(_);this._firstShowIndicator=!1;var w=this._shapes.handleLabels;if(w)for(var S=0;S<w.length;S++)this.api.enterBlur(w[S])}},e.prototype._enableHoverLinkToSeries=function(){var t=this;this._shapes.mainGroup.on("mousemove",(function(e){if(t._hovering=!0,!t._dragging){var n=t.visualMapModel.itemSize,i=t._applyTransform([e.offsetX,e.offsetY],t._shapes.mainGroup,!0,!0);i[1]=EU(BU(0,i[1]),n[1]),t._doHoverLinkToSeries(i[1],0<=i[0]&&i[0]<=n[0])}})).on("mouseout",(function(){t._hovering=!1,!t._dragging&&t._clearHoverLinkToSeries()}))},e.prototype._enableHoverLinkFromSeries=function(){var t=this.api.getZr();this.visualMapModel.option.hoverLink?(t.on("mouseover",this._hoverLinkFromSeriesMouseOver,this),t.on("mouseout",this._hideIndicator,this)):this._clearHoverLinkFromSeries()},e.prototype._doHoverLinkToSeries=function(t,e){var n=this.visualMapModel,i=n.itemSize;if(n.option.hoverLink){var r=[0,i[1]],o=n.getExtent();t=EU(BU(r[0],t),r[1]);var a=function(t,e,n){var i=6,r=t.get("hoverLinkDataSize");r&&(i=NU(r,e,n,!0)/2);return i}(n,o,r),s=[t-a,t+a],l=NU(t,r,o,!0),u=[NU(s[0],r,o,!0),NU(s[1],r,o,!0)];s[0]<r[0]&&(u[0]=-1/0),s[1]>r[1]&&(u[1]=1/0),e&&(u[0]===-1/0?this._showIndicator(l,u[1],"< ",a):u[1]===1/0?this._showIndicator(l,u[0],"> ",a):this._showIndicator(l,l,"≈ ",a));var c=this._hoverLinkDataIndices,h=[];(e||FU(n))&&(h=this._hoverLinkDataIndices=n.findTargetDataIndices(u));var d=function(t,e){var n={},i={};return r(t||[],n),r(e||[],i,n),[o(n),o(i)];function r(t,e,n){for(var i=0,r=t.length;i<r;i++){var o=ia(t[i].seriesId,null);if(null==o)return;for(var a=qo(t[i].dataIndex),s=n&&n[o],l=0,u=a.length;l<u;l++){var c=a[l];s&&s[c]?s[c]=null:(e[o]||(e[o]={}))[c]=1}}}function o(t,e){var n=[];for(var i in t)if(t.hasOwnProperty(i)&&null!=t[i])if(e)n.push(+i);else{var r=o(t[i],!0);r.length&&n.push({seriesId:i,dataIndex:r})}return n}}(c,h);this._dispatchHighDown("downplay",RU(d[0],n)),this._dispatchHighDown("highlight",RU(d[1],n))}},e.prototype._hoverLinkFromSeriesMouseOver=function(t){var e;if(Qv(t.target,(function(t){var n=zl(t);if(null!=n.dataIndex)return e=n,!0}),!0),e){var n=this.ecModel.getSeriesByIndex(e.seriesIndex),i=this.visualMapModel;if(i.isTargetSeries(n)){var r=n.getData(e.dataType),o=r.getStore().get(i.getDataDimensionIndex(r),e.dataIndex);isNaN(o)||this._showIndicator(o,o)}}},e.prototype._hideIndicator=function(){var t=this._shapes;t.indicator&&t.indicator.attr("invisible",!0),t.indicatorLabel&&t.indicatorLabel.attr("invisible",!0);var e=this._shapes.handleLabels;if(e)for(var n=0;n<e.length;n++)this.api.leaveBlur(e[n])},e.prototype._clearHoverLinkToSeries=function(){this._hideIndicator();var t=this._hoverLinkDataIndices;this._dispatchHighDown("downplay",RU(t,this.visualMapModel)),t.length=0},e.prototype._clearHoverLinkFromSeries=function(){this._hideIndicator();var t=this.api.getZr();t.off("mouseover",this._hoverLinkFromSeriesMouseOver),t.off("mouseout",this._hideIndicator)},e.prototype._applyTransform=function(t,e,n,i){var r=wh(e,i?null:this.group);return U(t)?Sh(t,r,n):Mh(t,r,n)},e.prototype._dispatchHighDown=function(t,e){e&&e.length&&this.api.dispatchAction({type:t,batch:e})},e.prototype.dispose=function(){this._clearHoverLinkFromSeries(),this._clearHoverLinkToSeries()},e.type="visualMap.continuous",e}(LU);function GU(t,e,n,i){return new Mc({shape:{points:t},draggable:!!n,cursor:e,drift:n,onmousemove:function(t){fe(t.event)},ondragend:i})}function FU(t){var e=t.get("hoverLinkOnHandle");return!!(null==e?t.get("realtime"):e)}function WU(t){return"vertical"===t?"ns-resize":"ew-resize"}var HU={type:"selectDataRange",event:"dataRangeSelected",update:"update"},UU=function(t,e){e.eachComponent({mainType:"visualMap",query:t},(function(e){e.setSelected(t.selected)}))},YU=[{createOnAllSeries:!0,reset:function(t,e){var n=[];return e.eachComponent("visualMap",(function(e){var i,r,o,a,s,l=t.pipelineContext;!e.isTargetSeries(t)||l&&l.large||n.push((i=e.stateList,r=e.targetVisuals,o=W(e.getValueState,e),a=e.getDataDimensionIndex(t.getData()),s={},z(i,(function(t){var e=hL.prepareVisualTypes(r[t]);s[t]=e})),{progress:function(t,e){var n,i;function l(t){return jv(e,i,t)}function u(t,n){Kv(e,i,t,n)}null!=a&&(n=e.getDimensionIndex(a));for(var c=e.getStore();null!=(i=t.next());){var h=e.getRawDataItem(i);if(!h||!1!==h.visualMap)for(var d=null!=a?c.get(n,i):i,p=o(d),f=r[p],g=s[p],y=0,v=g.length;y<v;y++){var m=g[y];f[m]&&f[m].applyVisual(d,l,u)}}}}))})),n}},{createOnAllSeries:!0,reset:function(t,e){var n=t.getData(),i=[];e.eachComponent("visualMap",(function(e){if(e.isTargetSeries(t)){var r=e.getVisualMeta(W(XU,null,t,e))||{stops:[],outerColors:[]},o=e.getDataDimensionIndex(n);o>=0&&(r.dimension=o,i.push(r))}})),t.getData().setVisual("visualMeta",i)}}];function XU(t,e,n,i){for(var r=e.targetVisuals[i],o=hL.prepareVisualTypes(r),a={color:qv(t.getData(),"color")},s=0,l=o.length;s<l;s++){var u=o[s],c=r["opacity"===u?"__alphaForOpacity":u];c&&c.applyVisual(n,h,d)}return a.color;function h(t){return a[t]}function d(t,e){a[t]=e}}var ZU=z;function jU(t){var e=t&&t.visualMap;U(e)||(e=e?[e]:[]),ZU(e,(function(t){if(t){qU(t,"splitList")&&!qU(t,"pieces")&&(t.pieces=t.splitList,delete t.splitList);var e=t.pieces;e&&U(e)&&ZU(e,(function(t){q(t)&&(qU(t,"start")&&!qU(t,"min")&&(t.min=t.start),qU(t,"end")&&!qU(t,"max")&&(t.max=t.end))}))}}))}function qU(t,e){return t&&t.hasOwnProperty&&t.hasOwnProperty(e)}var KU=!1;function $U(t){KU||(KU=!0,t.registerSubTypeDefaulter("visualMap",(function(t){return t.categories||(t.pieces?t.pieces.length>0:t.splitNumber>0)&&!t.calculable?"piecewise":"continuous"})),t.registerAction(HU,UU),z(YU,(function(e){t.registerVisual(t.PRIORITY.VISUAL.COMPONENT,e)})),t.registerPreprocessor(jU))}function JU(t){t.registerComponentModel(AU),t.registerComponentView(VU),$U(t)}var QU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._pieceList=[],n}return n(e,t),e.prototype.optionUpdated=function(e,n){t.prototype.optionUpdated.apply(this,arguments),this.resetExtent();var i=this._mode=this._determineMode();this._pieceList=[],tY[this._mode].call(this,this._pieceList),this._resetSelected(e,n);var r=this.option.categories;this.resetVisual((function(t,e){"categories"===i?(t.mappingMethod="category",t.categories=T(r)):(t.dataExtent=this.getExtent(),t.mappingMethod="piecewise",t.pieceList=E(this._pieceList,(function(t){return t=T(t),"inRange"!==e&&(t.visual=null),t})))}))},e.prototype.completeVisualOption=function(){var e=this.option,n={},i=hL.listVisualTypes(),r=this.isCategory();function o(t,e,n){return t&&t[e]&&t[e].hasOwnProperty(n)}z(e.pieces,(function(t){z(i,(function(e){t.hasOwnProperty(e)&&(n[e]=1)}))})),z(n,(function(t,n){var i=!1;z(this.stateList,(function(t){i=i||o(e,t,n)||o(e.target,t,n)}),this),!i&&z(this.stateList,(function(t){(e[t]||(e[t]={}))[n]=xU(n,"inRange"===t?"active":"inactive",r)}))}),this),t.prototype.completeVisualOption.apply(this,arguments)},e.prototype._resetSelected=function(t,e){var n=this.option,i=this._pieceList,r=(e?n:t).selected||{};if(n.selected=r,z(i,(function(t,e){var n=this.getSelectedMapKey(t);r.hasOwnProperty(n)||(r[n]=!0)}),this),"single"===n.selectedMode){var o=!1;z(i,(function(t,e){var n=this.getSelectedMapKey(t);r[n]&&(o?r[n]=!1:o=!0)}),this)}},e.prototype.getItemSymbol=function(){return this.get("itemSymbol")},e.prototype.getSelectedMapKey=function(t){return"categories"===this._mode?t.value+"":t.index+""},e.prototype.getPieceList=function(){return this._pieceList},e.prototype._determineMode=function(){var t=this.option;return t.pieces&&t.pieces.length>0?"pieces":this.option.categories?"categories":"splitNumber"},e.prototype.setSelected=function(t){this.option.selected=T(t)},e.prototype.getValueState=function(t){var e=hL.findPieceIndex(t,this._pieceList);return null!=e&&this.option.selected[this.getSelectedMapKey(this._pieceList[e])]?"inRange":"outOfRange"},e.prototype.findTargetDataIndices=function(t){var e=[],n=this._pieceList;return this.eachTargetSeries((function(i){var r=[],o=i.getData();o.each(this.getDataDimensionIndex(o),(function(e,i){hL.findPieceIndex(e,n)===t&&r.push(i)}),this),e.push({seriesId:i.id,dataIndex:r})}),this),e},e.prototype.getRepresentValue=function(t){var e;if(this.isCategory())e=t.value;else if(null!=t.value)e=t.value;else{var n=t.interval||[];e=n[0]===-1/0&&n[1]===1/0?0:(n[0]+n[1])/2}return e},e.prototype.getVisualMeta=function(t){if(!this.isCategory()){var e=[],n=["",""],i=this,r=this._pieceList.slice();if(r.length){var o=r[0].interval[0];o!==-1/0&&r.unshift({interval:[-1/0,o]}),(o=r[r.length-1].interval[1])!==1/0&&r.push({interval:[o,1/0]})}else r.push({interval:[-1/0,1/0]});var a=-1/0;return z(r,(function(t){var e=t.interval;e&&(e[0]>a&&s([a,e[0]],"outOfRange"),s(e.slice()),a=e[1])}),this),{stops:e,outerColors:n}}function s(r,o){var a=i.getRepresentValue({interval:r});o||(o=i.getValueState(a));var s=t(a,o);r[0]===-1/0?n[0]=s:r[1]===1/0?n[1]=s:e.push({value:r[0],color:s},{value:r[1],color:s})}},e.type="visualMap.piecewise",e.defaultOption=Id(CU.defaultOption,{selected:null,minOpen:!1,maxOpen:!1,align:"auto",itemWidth:20,itemHeight:14,itemSymbol:"roundRect",pieces:null,categories:null,splitNumber:5,selectedMode:"multiple",itemGap:10,hoverLink:!0}),e}(CU),tY={splitNumber:function(t){var e=this.option,n=Math.min(e.precision,20),i=this.getExtent(),r=e.splitNumber;r=Math.max(parseInt(r,10),1),e.splitNumber=r;for(var o=(i[1]-i[0])/r;+o.toFixed(n)!==o&&n<5;)n++;e.precision=n,o=+o.toFixed(n),e.minOpen&&t.push({interval:[-1/0,i[0]],close:[0,0]});for(var a=0,s=i[0];a<r;s+=o,a++){var l=a===r-1?i[1]:s+o;t.push({interval:[s,l],close:[1,1]})}e.maxOpen&&t.push({interval:[i[1],1/0],close:[0,0]}),Ro(t),z(t,(function(t,e){t.index=e,t.text=this.formatValueText(t.interval)}),this)},categories:function(t){var e=this.option;z(e.categories,(function(e){t.push({text:this.formatValueText(e,!0),value:e})}),this),eY(e,t)},pieces:function(t){var e=this.option;z(e.pieces,(function(e,n){q(e)||(e={value:e});var i={text:"",index:n};if(null!=e.label&&(i.text=e.label),e.hasOwnProperty("value")){var r=i.value=e.value;i.interval=[r,r],i.close=[1,1]}else{for(var o=i.interval=[],a=i.close=[0,0],s=[1,0,1],l=[-1/0,1/0],u=[],c=0;c<2;c++){for(var h=[["gte","gt","min"],["lte","lt","max"]][c],d=0;d<3&&null==o[c];d++)o[c]=e[h[d]],a[c]=s[d],u[c]=2===d;null==o[c]&&(o[c]=l[c])}u[0]&&o[1]===1/0&&(a[0]=0),u[1]&&o[0]===-1/0&&(a[1]=0),o[0]===o[1]&&a[0]&&a[1]&&(i.value=o[0])}i.visual=hL.retrieveVisuals(e),t.push(i)}),this),eY(e,t),Ro(t),z(t,(function(t){var e=t.close,n=[["<","≤"][e[1]],[">","≥"][e[0]]];t.text=t.text||this.formatValueText(null!=t.value?t.value:t.interval,!1,n)}),this)}};function eY(t,e){var n=t.inverse;("vertical"===t.orient?!n:n)&&e.reverse()}var nY=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.doRender=function(){var t=this.group;t.removeAll();var e=this.visualMapModel,n=e.get("textGap"),i=e.textStyleModel,r=this._getItemAlign(),o=e.itemSize,a=this._getViewData(),s=a.endsText,l=it(e.get("showLabel",!0),!s),u=!e.get("selectedMode");s&&this._renderEndsText(t,s[0],o,l,r),z(a.viewPieceList,(function(a){var s=a.piece,c=new to;c.onclick=W(this._onItemClick,this,s),this._enableHoverLink(c,a.indexInModelPieceList);var h=e.getRepresentValue(s);if(this._createItemSymbol(c,h,[0,0,o[0],o[1]],u),l){var d=this.visualMapModel.getValueState(h),p=i.get("align")||r;c.add(new Sl({style:Qh(i,{x:"right"===p?-n:o[0]+n,y:o[1]/2,text:s.text,verticalAlign:i.get("verticalAlign")||"middle",align:p,opacity:rt(i.get("opacity"),"outOfRange"===d?.5:1)}),silent:u}))}t.add(c)}),this),s&&this._renderEndsText(t,s[1],o,l,r),Gp(e.get("orient"),t,e.get("itemGap")),this.renderBackground(t),this.positionGroup(t)},e.prototype._enableHoverLink=function(t,e){var n=this;t.on("mouseover",(function(){return i("highlight")})).on("mouseout",(function(){return i("downplay")}));var i=function(t){var i=n.visualMapModel;i.option.hoverLink&&n.api.dispatchAction({type:t,batch:RU(i.findTargetDataIndices(e),i)})}},e.prototype._getItemAlign=function(){var t=this.visualMapModel,e=t.option;if("vertical"===e.orient)return OU(t,this.api,t.itemSize);var n=e.align;return n&&"auto"!==n||(n="left"),n},e.prototype._renderEndsText=function(t,e,n,i,r){if(e){var o=new to,a=this.visualMapModel.textStyleModel;o.add(new Sl({style:Qh(a,{x:i?"right"===r?n[0]:0:n[0]/2,y:n[1]/2,verticalAlign:"middle",align:i?r:"center",text:e})})),t.add(o)}},e.prototype._getViewData=function(){var t=this.visualMapModel,e=E(t.getPieceList(),(function(t,e){return{piece:t,indexInModelPieceList:e}})),n=t.get("text"),i=t.get("orient"),r=t.get("inverse");return("horizontal"===i?r:!r)?e.reverse():n&&(n=n.slice().reverse()),{viewPieceList:e,endsText:n}},e.prototype._createItemSymbol=function(t,e,n,i){var r=hm(this.getControllerVisual(e,"symbol"),n[0],n[1],n[2],n[3],this.getControllerVisual(e,"color"));r.silent=i,t.add(r)},e.prototype._onItemClick=function(t){var e=this.visualMapModel,n=e.option,i=n.selectedMode;if(i){var r=T(n.selected),o=e.getSelectedMapKey(t);"single"===i||!0===i?(r[o]=!0,z(r,(function(t,e){r[e]=e===o}))):r[o]=!r[o],this.api.dispatchAction({type:"selectDataRange",from:this.uid,visualMapId:this.visualMapModel.id,selected:r})}},e.type="visualMap.piecewise",e}(LU);function iY(t){t.registerComponentModel(QU),t.registerComponentView(nY),$U(t)}var rY=function(){function t(t){this._thumbnailModel=t}return t.prototype.reset=function(t){this._renderVersion=t.getMainProcessVersion()},t.prototype.renderContent=function(t){var e=t.api.getViewOfComponentModel(this._thumbnailModel);e&&(t.group.silent=!0,e.renderContent({group:t.group,targetTrans:t.targetTrans,z2Range:Uh(t.group),roamType:t.roamType,viewportRect:t.viewportRect,renderVersion:this._renderVersion}))},t.prototype.updateWindow=function(t,e){var n=e.getViewOfComponentModel(this._thumbnailModel);n&&n.updateWindow({targetTrans:t,renderVersion:this._renderVersion})},t}(),oY=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.preventAutoZ=!0,n}return n(e,t),e.prototype.optionUpdated=function(t,e){this._updateBridge()},e.prototype._updateBridge=function(){var t=this._birdge=this._birdge||new rY(this);(this._target=null,this.ecModel.eachSeries((function(t){BP(t,null)})),this.shouldShow())&&BP(this.getTarget().baseMapProvider,t)},e.prototype.shouldShow=function(){return this.getShallow("show",!0)},e.prototype.getBridge=function(){return this._birdge},e.prototype.getTarget=function(){if(this._target)return this._target;var t=this.getReferringComponents("series",{useDefault:!1,enableAll:!1,enableNone:!1}).models[0];return t?"graph"!==t.subType&&(t=null):t=this.ecModel.queryComponents({mainType:"series",subType:"graph"})[0],this._target={baseMapProvider:t},this._target},e.type="thumbnail",e.layoutMode="box",e.dependencies=["series","geo"],e.defaultOption={show:!0,right:1,bottom:1,height:"25%",width:"25%",itemStyle:{borderColor:tf.color.border,borderWidth:2},windowStyle:{borderWidth:1,color:tf.color.neutral30,borderColor:tf.color.neutral40,opacity:.3},z:10},e}(Qp),aY=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){if(this._api=n,this._model=t,this._coordSys||(this._coordSys=new KA),this._isEnabled()){this._renderVersion=n.getMainProcessVersion();var i=this.group;i.removeAll();var r=t.getModel("itemStyle"),o=r.getItemStyle();null==o.fill&&(o.fill=e.get("backgroundColor")||tf.color.neutral00);var a=Xp(t,n).refContainer,s=Hp(Fp(t,!0),a),l=o.lineWidth||0,u=this._contentRect=Oh(s.clone(),l/2,!0,!0),c=new to;i.add(c),c.setClipPath(new xl({shape:u.plain()}));var h=this._targetGroup=new to;c.add(h);var d=s.plain();d.r=r.getShallow("borderRadius",!0),i.add(this._bgRect=new xl({style:o,shape:d,silent:!1,cursor:"grab"}));var p=t.getModel("windowStyle"),f=p.getShallow("borderRadius",!0);c.add(this._windowRect=new xl({shape:{x:0,y:0,width:0,height:0,r:f},style:p.getItemStyle(),silent:!1,cursor:"grab"})),this._dealRenderContent(),this._dealUpdateWindow(),lY(t,this)}else this._clear()},e.prototype.renderContent=function(t){this._bridgeRendered=t,this._isEnabled()&&(this._dealRenderContent(),this._dealUpdateWindow(),lY(this._model,this))},e.prototype._dealRenderContent=function(){var t=this._bridgeRendered;if(t&&t.renderVersion===this._renderVersion){var e=this._targetGroup,n=this._coordSys,i=this._contentRect;if(e.removeAll(),t){var r=t.group,o=r.getBoundingRect();e.add(r),this._bgRect.z2=t.z2Range.min-10,n.setBoundingRect(o.x,o.y,o.width,o.height);var a=Hp({left:"center",top:"center",aspect:o.width/o.height},i);n.setViewRect(a.x,a.y,a.width,a.height),r.attr(n.getTransformInfo().raw),this._windowRect.z2=t.z2Range.max+10,this._resetRoamController(t.roamType)}}},e.prototype.updateWindow=function(t){var e=this._bridgeRendered;e&&e.renderVersion===t.renderVersion&&(e.targetTrans=t.targetTrans),this._isEnabled()&&this._dealUpdateWindow()},e.prototype._dealUpdateWindow=function(){var t=this._bridgeRendered;if(t&&t.renderVersion===this._renderVersion){var e=Te([],t.targetTrans),n=we([],this._coordSys.transform,e);this._transThisToTarget=Te([],n);var i=t.viewportRect;(i=i?i.clone():new He(0,0,this._api.getWidth(),this._api.getHeight())).applyTransform(n);var r=this._windowRect,o=r.shape.r;r.setShape(k({r:o},i))}},e.prototype._resetRoamController=function(t){var e=this,n=this._api,i=this._roamController;i||(i=this._roamController=new LD(n.getZr())),t&&this._isEnabled()?(i.enable(t,{api:n,zInfo:{component:this._model},triggerInfo:{roamTrigger:null,isInSelf:function(t,n,i){return e._contentRect.contain(n,i)}}}),i.off("pan").off("zoom").on("pan",W(this._onPan,this)).on("zoom",W(this._onZoom,this))):i.disable()},e.prototype._onPan=function(t){var e=this._transThisToTarget;if(this._isEnabled()&&e){var n=Ht([],[t.oldX,t.oldY],e),i=Ht([],[t.oldX-t.dx,t.oldY-t.dy],e);this._api.dispatchAction(sY(this._model.getTarget().baseMapProvider,{dx:i[0]-n[0],dy:i[1]-n[1]}))}},e.prototype._onZoom=function(t){var e=this._transThisToTarget;if(this._isEnabled()&&e){var n=Ht([],[t.originX,t.originY],e);this._api.dispatchAction(sY(this._model.getTarget().baseMapProvider,{zoom:1/t.scale,originX:n[0],originY:n[1]}))}},e.prototype._isEnabled=function(){var t=this._model;return!(!t||!t.shouldShow())&&!!t.getTarget().baseMapProvider},e.prototype._clear=function(){this.group.removeAll(),this._bridgeRendered=null,this._roamController&&this._roamController.disable()},e.prototype.remove=function(){this._clear()},e.prototype.dispose=function(){this._clear()},e.type="thumbnail",e}(Ky);function sY(t,e){var n={type:"series"===t.mainType?t.subType+"Roam":t.mainType+"Roam"};return n[t.mainType+"Id"]=t.id,A(n,e),n}function lY(t,e){var n=Hh(t);Yh(e.group,n.z,n.zlevel)}var uY={label:{enabled:!0},decal:{show:!1}},cY=sa(),hY={};function dY(t,e){var n=t.getModel("aria");if(n.get("enabled")){var i=T(uY);C(i.label,t.getLocaleModel().get("aria"),!1),C(n.option,i,!1),function(){if(n.getModel("decal").get("show")){var e=yt();t.eachSeries((function(t){if(!t.isColorBySeries()){var n=e.get(t.type);n||(n={},e.set(t.type,n)),cY(t).scope=n}})),t.eachRawSeries((function(e){if(!t.isSeriesFiltered(e))if(Y(e.enableAriaDecal))e.enableAriaDecal();else{var n=e.getData();if(e.isColorBySeries()){var i=Nf(e.ecModel,e.name,hY,t.getSeriesCount()),r=n.getVisual("decal");n.setVisual("decal",u(r,i))}else{var o=e.getRawData(),a={},s=cY(e).scope;n.each((function(t){var e=n.getRawIndex(t);a[e]=t}));var l=o.count();o.each((function(t){var i=a[t],r=o.getName(t)||t+"",c=Nf(e.ecModel,r,s,l),h=n.getItemVisual(i,"decal");n.setItemVisual(i,"decal",u(h,c))}))}}function u(t,e){var n=t?A(A({},e),t):e;return n.dirty=!0,n}}))}}(),function(){var i=e.getZr().dom;if(!i)return;var o=t.getLocaleModel().get("aria"),a=n.getModel("label");if(a.option=k(a.option,o),!a.get("enabled"))return;if(i.setAttribute("role","img"),a.get("description"))return void i.setAttribute("aria-label",a.get("description"));var s,l=t.getSeriesCount(),u=a.get(["data","maxCount"])||10,c=a.get(["series","maxCount"])||10,h=Math.min(l,c);if(l<1)return;var d=function(){var e=t.get("title");e&&e.length&&(e=e[0]);return e&&e.text}();s=d?r(a.get(["general","withTitle"]),{title:d}):a.get(["general","withoutTitle"]);var p=[];s+=r(l>1?a.get(["series","multiple","prefix"]):a.get(["series","single","prefix"]),{seriesCount:l}),t.eachSeries((function(e,n){if(n<h){var i=void 0,o=e.get("name")?"withName":"withoutName";i=r(i=l>1?a.get(["series","multiple",o]):a.get(["series","single",o]),{seriesId:e.seriesIndex,seriesName:e.get("name"),seriesType:(_=e.subType,b=t.getLocaleModel().get(["series","typeNames"]),b[_]||b.chart)});var s=e.getData();if(s.count()>u)i+=r(a.get(["data","partialData"]),{displayCnt:u});else i+=a.get(["data","allData"]);for(var c=a.get(["data","separator","middle"]),d=a.get(["data","separator","end"]),f=a.get(["data","excludeDimensionId"]),g=[],y=0;y<s.count();y++)if(y<u){var v=s.getName(y),m=f?V(s.getValues(y),(function(t,e){return-1===P(f,e)})):s.getValues(y),x=a.get(["data",v?"withName":"withoutName"]);g.push(r(x,{name:v,value:m.join(c)}))}i+=g.join(c)+d,p.push(i)}var _,b}));var f=a.getModel(["series","multiple","separator"]),g=f.get("middle"),y=f.get("end");s+=p.join(g)+y,i.setAttribute("aria-label",s)}()}function r(t,e){if(!X(t))return t;var n=t;return z(e,(function(t,e){n=n.replace(new RegExp("\\{\\s*"+e+"\\s*\\}","g"),t)})),n}}function pY(t){if(t&&t.aria){var e=t.aria;null!=e.show&&(e.enabled=e.show),e.label=e.label||{},z(["description","general","series","data"],(function(t){null!=e[t]&&(e.label[t]=e[t])}))}}var fY={value:"eq","<":"lt","<=":"lte",">":"gt",">=":"gte","=":"eq","!=":"ne","<>":"ne"},gY=function(){function t(t){if(null==(this._condVal=X(t)?new RegExp(t):et(t)?t:null)){var e="";0,Yo(e)}}return t.prototype.evaluate=function(t){var e=typeof t;return X(e)?this._condVal.test(t):!!j(e)&&this._condVal.test(t+"")},t}(),yY=function(){function t(){}return t.prototype.evaluate=function(){return this.value},t}(),vY=function(){function t(){}return t.prototype.evaluate=function(){for(var t=this.children,e=0;e<t.length;e++)if(!t[e].evaluate())return!1;return!0},t}(),mY=function(){function t(){}return t.prototype.evaluate=function(){for(var t=this.children,e=0;e<t.length;e++)if(t[e].evaluate())return!0;return!1},t}(),xY=function(){function t(){}return t.prototype.evaluate=function(){return!this.child.evaluate()},t}(),_Y=function(){function t(){}return t.prototype.evaluate=function(){for(var t=!!this.valueParser,e=(0,this.getValue)(this.valueGetterParam),n=t?this.valueParser(e):null,i=0;i<this.subCondList.length;i++)if(!this.subCondList[i].evaluate(t?n:e))return!1;return!0},t}();function bY(t,e){if(!0===t||!1===t){var n=new yY;return n.value=t,n}var i="";return SY(t)||Yo(i),t.and?wY("and",t,e):t.or?wY("or",t,e):t.not?function(t,e){var n=t.not,i="";0;SY(n)||Yo(i);var r=new xY;r.child=bY(n,e),r.child||Yo(i);return r}(t,e):function(t,e){for(var n="",i=e.prepareGetValue(t),r=[],o=F(t),a=t.parser,s=a?jg(a):null,l=0;l<o.length;l++){var u=o[l];if("parser"!==u&&!e.valueGetterAttrMap.get(u)){var c=_t(fY,u)?fY[u]:u,h=t[u],d=s?s(h):h,p=Qg(c,d)||"reg"===c&&new gY(d);p||Yo(n),r.push(p)}}r.length||Yo(n);var f=new _Y;return f.valueGetterParam=i,f.valueParser=s,f.getValue=e.getValue,f.subCondList=r,f}(t,e)}function wY(t,e,n){var i=e[t],r="";U(i)||Yo(r),i.length||Yo(r);var o="and"===t?new vY:new mY;return o.children=E(i,(function(t){return bY(t,n)})),o.children.length||Yo(r),o}function SY(t){return q(t)&&!N(t)}var MY=function(){function t(t,e){this._cond=bY(t,e)}return t.prototype.evaluate=function(){return this._cond.evaluate()},t}();var IY={type:"echarts:filter",transform:function(t){for(var e,n,i,r=t.upstream,o=(n=t.config,i={valueGetterAttrMap:yt({dimension:!0}),prepareGetValue:function(t){var e="",n=t.dimension;_t(t,"dimension")||Yo(e);var i=r.getDimensionInfo(n);return i||Yo(e),{dimIdx:i.index}},getValue:function(t){return r.retrieveValueFromItem(e,t.dimIdx)}},new MY(n,i)),a=[],s=0,l=r.count();s<l;s++)e=r.getRawDataItem(s),o.evaluate()&&a.push(e);return{data:a}}};var TY={type:"echarts:sort",transform:function(t){var e=t.upstream,n=t.config,i="",r=qo(n);r.length||Yo(i);var o=[];z(r,(function(t){var n=t.dimension,r=t.order,a=t.parser,s=t.incomparable;if(null==n&&Yo(i),"asc"!==r&&"desc"!==r&&Yo(i),s&&"min"!==s&&"max"!==s){var l="";0,Yo(l)}if("asc"!==r&&"desc"!==r){var u="";0,Yo(u)}var c=e.getDimensionInfo(n);c||Yo(i);var h=a?jg(a):null;a&&!h&&Yo(i),o.push({dimIdx:c.index,parser:h,comparator:new $g(r,s)})}));var a=e.sourceFormat;a!==df&&a!==pf&&Yo(i);for(var s=[],l=0,u=e.count();l<u;l++)s.push(e.getRawDataItem(l));return s.sort((function(t,n){for(var i=0;i<o.length;i++){var r=o[i],a=e.retrieveValueFromItem(t,r.dimIdx),s=e.retrieveValueFromItem(n,r.dimIdx);r.parser&&(a=r.parser(a),s=r.parser(s));var l=r.comparator.evaluate(a,s);if(0!==l)return l}return 0})),{data:s}}};var CY=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="dataset",e}return n(e,t),e.prototype.init=function(e,n,i){t.prototype.init.call(this,e,n,i),this._sourceManager=new my(this),xy(this)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.call(this,e,n),xy(this)},e.prototype.optionUpdated=function(){this._sourceManager.dirty()},e.prototype.getSourceManager=function(){return this._sourceManager},e.type="dataset",e.defaultOption={seriesLayoutBy:vf},e}(Qp),DY=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="dataset",e}return n(e,t),e.type="dataset",e}(Ky);var AY=Fs.CMD;function kY(t,e){return Math.abs(t-e)<1e-5}function LY(t){var e,n,i,r,o,a=t.data,s=t.len(),l=[],u=0,c=0,h=0,d=0;function p(t,n){e&&e.length>2&&l.push(e),e=[t,n]}function f(t,n,i,r){kY(t,i)&&kY(n,r)||e.push(t,n,i,r,i,r)}function g(t,n,i,r,o,a){var s=Math.abs(n-t),l=4*Math.tan(s/4)/3,u=n<t?-1:1,c=Math.cos(t),h=Math.sin(t),d=Math.cos(n),p=Math.sin(n),f=c*o+i,g=h*a+r,y=d*o+i,v=p*a+r,m=o*l*u,x=a*l*u;e.push(f-m*h,g+x*c,y+m*p,v-x*d,y,v)}for(var y=0;y<s;){var v=a[y++],m=1===y;switch(m&&(h=u=a[y],d=c=a[y+1],v!==AY.L&&v!==AY.C&&v!==AY.Q||(e=[h,d])),v){case AY.M:u=h=a[y++],c=d=a[y++],p(h,d);break;case AY.L:f(u,c,n=a[y++],i=a[y++]),u=n,c=i;break;case AY.C:e.push(a[y++],a[y++],a[y++],a[y++],u=a[y++],c=a[y++]);break;case AY.Q:n=a[y++],i=a[y++],r=a[y++],o=a[y++],e.push(u+2/3*(n-u),c+2/3*(i-c),r+2/3*(n-r),o+2/3*(i-o),r,o),u=r,c=o;break;case AY.A:var x=a[y++],_=a[y++],b=a[y++],w=a[y++],S=a[y++],M=a[y++]+S;y+=1;var I=!a[y++];n=Math.cos(S)*b+x,i=Math.sin(S)*w+_,m?p(h=n,d=i):f(u,c,n,i),u=Math.cos(M)*b+x,c=Math.sin(M)*w+_;for(var T=(I?-1:1)*Math.PI/2,C=S;I?C>M:C<M;C+=T){g(C,I?Math.max(C+T,M):Math.min(C+T,M),x,_,b,w)}break;case AY.R:h=u=a[y++],d=c=a[y++],n=h+a[y++],i=d+a[y++],p(n,d),f(n,d,n,i),f(n,i,h,i),f(h,i,h,d),f(h,d,n,d);break;case AY.Z:e&&f(u,c,h,d),u=h,c=d}}return e&&e.length>2&&l.push(e),l}function PY(t,e,n,i,r,o,a,s,l,u){if(kY(t,n)&&kY(e,i)&&kY(r,a)&&kY(o,s))l.push(a,s);else{var c=2/u,h=c*c,d=a-t,p=s-e,f=Math.sqrt(d*d+p*p);d/=f,p/=f;var g=n-t,y=i-e,v=r-a,m=o-s,x=g*g+y*y,_=v*v+m*m;if(x<h&&_<h)l.push(a,s);else{var b=d*g+p*y,w=-d*v-p*m;if(x-b*b<h&&b>=0&&_-w*w<h&&w>=0)l.push(a,s);else{var S=[],M=[];Pn(t,n,r,a,.5,S),Pn(e,i,o,s,.5,M),PY(S[0],M[0],S[1],M[1],S[2],M[2],S[3],M[3],l,u),PY(S[4],M[4],S[5],M[5],S[6],M[6],S[7],M[7],l,u)}}}}function OY(t,e,n){var i=t[e],r=t[1-e],o=Math.abs(i/r),a=Math.ceil(Math.sqrt(o*n)),s=Math.floor(n/a);0===s&&(s=1,a=n);for(var l=[],u=0;u<a;u++)l.push(s);var c=n-a*s;if(c>0)for(u=0;u<c;u++)l[u%a]+=1;return l}function RY(t,e,n){for(var i=t.r0,r=t.r,o=t.startAngle,a=t.endAngle,s=Math.abs(a-o),l=s*r,u=r-i,c=l>Math.abs(u),h=OY([l,u],c?0:1,e),d=(c?s:u)/h.length,p=0;p<h.length;p++)for(var f=(c?u:s)/h[p],g=0;g<h[p];g++){var y={};c?(y.startAngle=o+d*p,y.endAngle=o+d*(p+1),y.r0=i+f*g,y.r=i+f*(g+1)):(y.startAngle=o+f*g,y.endAngle=o+f*(g+1),y.r0=i+d*p,y.r=i+d*(p+1)),y.clockwise=t.clockwise,y.cx=t.cx,y.cy=t.cy,n.push(y)}}function NY(t,e,n,i){return t*i-n*e}function zY(t,e,n,i,r,o,a,s){var l=n-t,u=i-e,c=a-r,h=s-o,d=NY(c,h,l,u);if(Math.abs(d)<1e-6)return null;var p=NY(t-r,e-o,c,h)/d;return p<0||p>1?null:new Ae(p*l+t,p*u+e)}function EY(t,e,n){var i=new Ae;Ae.sub(i,n,e),i.normalize();var r=new Ae;return Ae.sub(r,t,e),r.dot(i)}function BY(t,e){var n=t[t.length-1];n&&n[0]===e[0]&&n[1]===e[1]||t.push(e)}function VY(t){var e=t.points,n=[],i=[];ys(e,n,i);var r=new He(n[0],n[1],i[0]-n[0],i[1]-n[1]),o=r.width,a=r.height,s=r.x,l=r.y,u=new Ae,c=new Ae;return o>a?(u.x=c.x=s+o/2,u.y=l,c.y=l+a):(u.y=c.y=l+a/2,u.x=s,c.x=s+o),function(t,e,n){for(var i=t.length,r=[],o=0;o<i;o++){var a=t[o],s=t[(o+1)%i],l=zY(a[0],a[1],s[0],s[1],e.x,e.y,n.x,n.y);l&&r.push({projPt:EY(l,e,n),pt:l,idx:o})}if(r.length<2)return[{points:t},{points:t}];r.sort((function(t,e){return t.projPt-e.projPt}));var u=r[0],c=r[r.length-1];if(c.idx<u.idx){var h=u;u=c,c=h}var d=[u.pt.x,u.pt.y],p=[c.pt.x,c.pt.y],f=[d],g=[p];for(o=u.idx+1;o<=c.idx;o++)BY(f,t[o].slice());for(BY(f,p),BY(f,d),o=c.idx+1;o<=u.idx+i;o++)BY(g,t[o%i].slice());return BY(g,d),BY(g,p),[{points:f},{points:g}]}(e,u,c)}function GY(t,e,n,i){if(1===n)i.push(e);else{var r=Math.floor(n/2),o=t(e);GY(t,o[0],r,i),GY(t,o[1],n-r,i)}return i}function FY(t,e){e.setStyle(t.style),e.z=t.z,e.z2=t.z2,e.zlevel=t.zlevel}function WY(t,e){var n,i=[],r=t.shape;switch(t.type){case"rect":!function(t,e,n){for(var i=t.width,r=t.height,o=i>r,a=OY([i,r],o?0:1,e),s=o?"width":"height",l=o?"height":"width",u=o?"x":"y",c=o?"y":"x",h=t[s]/a.length,d=0;d<a.length;d++)for(var p=t[l]/a[d],f=0;f<a[d];f++){var g={};g[u]=d*h,g[c]=f*p,g[s]=h,g[l]=p,g.x+=t.x,g.y+=t.y,n.push(g)}}(r,e,i),n=xl;break;case"sector":RY(r,e,i),n=xc;break;case"circle":RY({r0:0,r:r.r,startAngle:0,endAngle:2*Math.PI,cx:r.cx,cy:r.cy},e,i),n=xc;break;default:var o=t.getComputedTransform(),a=o?Math.sqrt(Math.max(o[0]*o[0]+o[1]*o[1],o[2]*o[2]+o[3]*o[3])):1,s=E(function(t,e){var n=LY(t),i=[];e=e||1;for(var r=0;r<n.length;r++){var o=n[r],a=[],s=o[0],l=o[1];a.push(s,l);for(var u=2;u<o.length;){var c=o[u++],h=o[u++],d=o[u++],p=o[u++],f=o[u++],g=o[u++];PY(s,l,c,h,d,p,f,g,a,e),s=f,l=g}i.push(a)}return i}(t.getUpdatedPathProxy(),a),(function(t){return function(t){for(var e=[],n=0;n<t.length;)e.push([t[n++],t[n++]]);return e}(t)})),l=s.length;if(0===l)GY(VY,{points:s[0]},e,i);else if(l===e)for(var u=0;u<l;u++)i.push({points:s[u]});else{var c=0,h=E(s,(function(t){var e=[],n=[];ys(t,e,n);var i=(n[1]-e[1])*(n[0]-e[0]);return c+=i,{poly:t,area:i}}));h.sort((function(t,e){return e.area-t.area}));var d=e;for(u=0;u<l;u++){var p=h[u];if(d<=0)break;var f=u===l-1?d:Math.ceil(p.area/c*e);f<0||(GY(VY,{points:p.poly},f,i),d-=f)}}n=Mc}if(!n)return function(t,e){for(var n=[],i=0;i<e;i++)n.push(tc(t));return n}(t,e);var g=[];for(u=0;u<i.length;u++){var y=new n;y.setShape(i[u]),FY(t,y),g.push(y)}return g}function HY(t,e){var n=t.length,i=e.length;if(n===i)return[t,e];for(var r=[],o=[],a=n<i?t:e,s=Math.min(n,i),l=Math.abs(i-n)/6,u=(s-2)/6,c=Math.ceil(l/u)+1,h=[a[0],a[1]],d=l,p=2;p<s;){var f=a[p-2],g=a[p-1],y=a[p++],v=a[p++],m=a[p++],x=a[p++],_=a[p++],b=a[p++];if(d<=0)h.push(y,v,m,x,_,b);else{for(var w=Math.min(d,c-1)+1,S=1;S<=w;S++){var M=S/w;Pn(f,y,m,_,M,r),Pn(g,v,x,b,M,o),f=r[3],g=o[3],h.push(r[1],o[1],r[2],o[2],f,g),y=r[5],v=o[5],m=r[6],x=o[6]}d-=w-1}}return a===t?[h,e]:[t,h]}function UY(t,e){for(var n=t.length,i=t[n-2],r=t[n-1],o=[],a=0;a<e.length;)o[a++]=i,o[a++]=r;return o}function YY(t){for(var e=0,n=0,i=0,r=t.length,o=0,a=r-2;o<r;a=o,o+=2){var s=t[a],l=t[a+1],u=t[o],c=t[o+1],h=s*c-u*l;e+=h,n+=(s+u)*h,i+=(l+c)*h}return 0===e?[t[0]||0,t[1]||0]:[n/e/3,i/e/3,e]}function XY(t,e,n,i){for(var r=(t.length-2)/6,o=1/0,a=0,s=t.length,l=s-2,u=0;u<r;u++){for(var c=6*u,h=0,d=0;d<s;d+=2){var p=0===d?c:(c+d-2)%l+2,f=t[p]-n[0],g=t[p+1]-n[1],y=e[d]-i[0]-f,v=e[d+1]-i[1]-g;h+=y*y+v*v}h<o&&(o=h,a=u)}return a}function ZY(t){for(var e=[],n=t.length,i=0;i<n;i+=2)e[i]=t[n-i-2],e[i+1]=t[n-i-1];return e}function jY(t){return t.__isCombineMorphing}var qY="__mOriginal_";function KY(t,e,n){var i=qY+e,r=t[i]||t[e];t[i]||(t[i]=t[e]);var o=n.replace,a=n.after,s=n.before;t[e]=function(){var t,e=arguments;return s&&s.apply(this,e),t=o?o.apply(this,e):r.apply(this,e),a&&a.apply(this,e),t}}function $Y(t,e){var n=qY+e;t[n]&&(t[e]=t[n],t[n]=null)}function JY(t,e){for(var n=0;n<t.length;n++)for(var i=t[n],r=0;r<i.length;){var o=i[r],a=i[r+1];i[r++]=e[0]*o+e[2]*a+e[4],i[r++]=e[1]*o+e[3]*a+e[5]}}function QY(t,e){var n=t.getUpdatedPathProxy(),i=e.getUpdatedPathProxy(),r=function(t,e){for(var n,i,r,o=[],a=[],s=0;s<Math.max(t.length,e.length);s++){var l=t[s],u=e[s],c=void 0,h=void 0;l?u?(i=c=(n=HY(l,u))[0],r=h=n[1]):(h=UY(r||l,l),c=l):(c=UY(i||u,u),h=u),o.push(c),a.push(h)}return[o,a]}(LY(n),LY(i)),o=r[0],a=r[1],s=t.getComputedTransform(),l=e.getComputedTransform();s&&JY(o,s),l&&JY(a,l),KY(e,"updateTransform",{replace:function(){this.transform=null}}),e.transform=null;var u=function(t,e,n,i){for(var r,o=[],a=0;a<t.length;a++){var s=t[a],l=e[a],u=YY(s),c=YY(l);null==r&&(r=u[2]<0!=c[2]<0);var h=[],d=[],p=0,f=1/0,g=[],y=s.length;r&&(s=ZY(s));for(var v=6*XY(s,l,u,c),m=y-2,x=0;x<m;x+=2){var _=(v+x)%m+2;h[x+2]=s[_]-u[0],h[x+3]=s[_+1]-u[1]}if(h[0]=s[v]-u[0],h[1]=s[v+1]-u[1],n>0)for(var b=i/n,w=-i/2;w<=i/2;w+=b){var S=Math.sin(w),M=Math.cos(w),I=0;for(x=0;x<s.length;x+=2){var T=h[x],C=h[x+1],D=l[x]-c[0],A=l[x+1]-c[1],k=D*M-A*S,L=D*S+A*M;g[x]=k,g[x+1]=L;var P=k-T,O=L-C;I+=P*P+O*O}if(I<f){f=I,p=w;for(var R=0;R<g.length;R++)d[R]=g[R]}}else for(var N=0;N<y;N+=2)d[N]=l[N]-c[0],d[N+1]=l[N+1]-c[1];o.push({from:h,to:d,fromCp:u,toCp:c,rotation:-p})}return o}(o,a,10,Math.PI),c=[];KY(e,"buildPath",{replace:function(t){for(var n=e.__morphT,i=1-n,r=[],o=0;o<u.length;o++){var a=u[o],s=a.from,l=a.to,h=a.rotation*n,d=a.fromCp,p=a.toCp,f=Math.sin(h),g=Math.cos(h);Wt(r,d,p,n);for(var y=0;y<s.length;y+=2){var v=s[y],m=s[y+1],x=v*i+(S=l[y])*n,_=m*i+(M=l[y+1])*n;c[y]=x*g-_*f+r[0],c[y+1]=x*f+_*g+r[1]}var b=c[0],w=c[1];t.moveTo(b,w);for(y=2;y<s.length;){var S=c[y++],M=c[y++],I=c[y++],T=c[y++],C=c[y++],D=c[y++];b===S&&w===M&&I===C&&T===D?t.lineTo(C,D):t.bezierCurveTo(S,M,I,T,C,D),b=C,w=D}}}})}function tX(t,e,n){if(!t||!e)return e;var i=n.done,r=n.during;return QY(t,e),e.__morphT=0,e.animateTo({__morphT:1},k({during:function(t){e.dirtyShape(),r&&r(t)},done:function(){$Y(e,"buildPath"),$Y(e,"updateTransform"),e.__morphT=-1,e.createPathProxy(),e.dirtyShape(),i&&i()}},n)),e}function eX(t,e,n,i,r,o){t=r===n?0:Math.round(32767*(t-n)/(r-n)),e=o===i?0:Math.round(32767*(e-i)/(o-i));for(var a,s=0,l=32768;l>0;l/=2){var u=0,c=0;(t&l)>0&&(u=1),(e&l)>0&&(c=1),s+=l*l*(3*u^c),0===c&&(1===u&&(t=l-1-t,e=l-1-e),a=t,t=e,e=a)}return s}function nX(t){var e=1/0,n=1/0,i=-1/0,r=-1/0,o=E(t,(function(t){var o=t.getBoundingRect(),a=t.getComputedTransform(),s=o.x+o.width/2+(a?a[4]:0),l=o.y+o.height/2+(a?a[5]:0);return e=Math.min(s,e),n=Math.min(l,n),i=Math.max(s,i),r=Math.max(l,r),[s,l]}));return E(o,(function(o,a){return{cp:o,z:eX(o[0],o[1],e,n,i,r),path:t[a]}})).sort((function(t,e){return t.z-e.z})).map((function(t){return t.path}))}function iX(t){return WY(t.path,t.count)}function rX(t){return U(t[0])}function oX(t,e){for(var n=[],i=t.length,r=0;r<i;r++)n.push({one:t[r],many:[]});for(r=0;r<e.length;r++){var o=e[r].length,a=void 0;for(a=0;a<o;a++)n[a%i].many.push(e[r][a])}var s=0;for(r=i-1;r>=0;r--)if(!n[r].many.length){var l=n[s].many;if(l.length<=1){if(!s)return n;s=0}o=l.length;var u=Math.ceil(o/2);n[r].many=l.slice(u,o),n[s].many=l.slice(0,u),s++}return n}var aX={clone:function(t){for(var e=[],n=1-Math.pow(1-t.path.style.opacity,1/t.count),i=0;i<t.count;i++){var r=tc(t.path);r.setStyle("opacity",n),e.push(r)}return e},split:null};function sX(t,e,n,i,r,o){if(t.length&&e.length){var a=Jc("update",i,r);if(a&&a.duration>0){var s,l,u=i.getModel("universalTransition").get("delay"),c=Object.assign({setToFinal:!0},a);rX(t)&&(s=t,l=e),rX(e)&&(s=e,l=t);for(var h=s?s===t:t.length>e.length,d=s?oX(l,s):oX(h?e:t,[h?t:e]),p=0,f=0;f<d.length;f++)p+=d[f].many.length;var g=0;for(f=0;f<d.length;f++)y(d[f],h,g,p),g+=d[f].many.length}}function y(t,e,i,r,a){var s=t.many,l=t.one;if(1!==s.length||a)for(var h=k({dividePath:aX[n],individualDelay:u&&function(t,e,n,o){return u(t+i,r)}},c),d=e?function(t,e,n){var i=[];!function t(e){for(var n=0;n<e.length;n++){var r=e[n];jY(r)?t(r.childrenRef()):r instanceof sl&&i.push(r)}}(t);var r=i.length;if(!r)return{fromIndividuals:[],toIndividuals:[],count:0};var o=(n.dividePath||iX)({path:e,count:r});if(o.length!==r)return console.error("Invalid morphing: unmatched splitted path"),{fromIndividuals:[],toIndividuals:[],count:0};i=nX(i),o=nX(o);for(var a=n.done,s=n.during,l=n.individualDelay,u=new Dr,c=0;c<r;c++){var h=i[c],d=o[c];d.parent=e,d.copyTransform(u),l||QY(h,d)}function p(t){for(var e=0;e<o.length;e++)o[e].addSelfToZr(t)}function f(){e.__isCombineMorphing=!1,e.__morphT=-1,e.childrenRef=null,$Y(e,"addSelfToZr"),$Y(e,"removeSelfFromZr")}e.__isCombineMorphing=!0,e.childrenRef=function(){return o},KY(e,"addSelfToZr",{after:function(t){p(t)}}),KY(e,"removeSelfFromZr",{after:function(t){for(var e=0;e<o.length;e++)o[e].removeSelfFromZr(t)}});var g=o.length;if(l){var y=g,v=function(){0==--y&&(f(),a&&a())};for(c=0;c<g;c++){var m=l?k({delay:(n.delay||0)+l(c,g,i[c],o[c]),done:v},n):n;tX(i[c],o[c],m)}}else e.__morphT=0,e.animateTo({__morphT:1},k({during:function(t){for(var n=0;n<g;n++){var i=o[n];i.__morphT=e.__morphT,i.dirtyShape()}s&&s(t)},done:function(){f();for(var e=0;e<t.length;e++)$Y(t[e],"updateTransform");a&&a()}},n));return e.__zr&&p(e.__zr),{fromIndividuals:i,toIndividuals:o,count:g}}(s,l,h):function(t,e,n){var i=e.length,r=[],o=n.dividePath||iX;if(jY(t)){!function t(e){for(var n=0;n<e.length;n++){var i=e[n];jY(i)?t(i.childrenRef()):i instanceof sl&&r.push(i)}}(t.childrenRef());var a=r.length;if(a<i)for(var s=0,l=a;l<i;l++)r.push(tc(r[s++%a]));r.length=i}else{r=o({path:t,count:i});var u=t.getComputedTransform();for(l=0;l<r.length;l++)r[l].setLocalTransform(u);if(r.length!==i)return console.error("Invalid morphing: unmatched splitted path"),{fromIndividuals:[],toIndividuals:[],count:0}}r=nX(r),e=nX(e);var c=n.individualDelay;for(l=0;l<i;l++){var h=c?k({delay:(n.delay||0)+c(l,i,r[l],e[l])},n):n;tX(r[l],e[l],h)}return{fromIndividuals:r,toIndividuals:e,count:e.length}}(l,s,h),p=d.fromIndividuals,f=d.toIndividuals,g=p.length,v=0;v<g;v++){m=u?k({delay:u(v,g)},c):c;o(p[v],f[v],e?s[v]:t.one,e?t.one:s[v],m)}else{var m,x=e?s[0]:l,_=e?l:s[0];if(jY(x))y({many:[x],one:_},!0,i,r,!0);else tX(x,_,m=u?k({delay:u(i,r)},c):c),o(x,_,x,_,m)}}}function lX(t){if(!t)return[];if(U(t)){for(var e=[],n=0;n<t.length;n++)e.push(lX(t[n]));return e}var i=[];return t.traverse((function(t){t instanceof sl&&!t.disableMorphing&&!t.invisible&&!t.ignore&&i.push(t)})),i}var uX=sa();function cX(t,e,n,i){var r=function(t,e){for(var n=t.dimensions,i=0;i<n.length;i++){var r=t.getDimensionInfo(n[i]);if(r&&0===r.otherDims[e])return n[i]}}(t,i?"itemChildGroupId":"itemGroupId");if(r){var o=function(t,e,n){var i=t.getDimensionInfo(n),r=i&&i.ordinalMeta;if(i){var o=t.get(i.name,e);return r&&r.categories[o]||o+""}}(t,e,r);return o}var a=t.getRawDataItem(e),s=i?"childGroupId":"groupId";return a&&a[s]?a[s]+"":i?void 0:n||t.getId(e)}function hX(t){var e=[];return z(t,(function(t){var n=t.data,i=t.dataGroupId;if(!(n.count()>1e4))for(var r=n.getIndices(),o=0;o<r.length;o++)e.push({data:n,groupId:cX(n,o,i,!1),childGroupId:cX(n,o,i,!0),divide:t.divide,dataIndex:o})})),e}function dX(t,e,n){t.traverse((function(t){t instanceof sl&&eh(t,{style:{opacity:0}},e,{dataIndex:n,isFrom:!0})}))}function pX(t){if(t.parent){var e=t.getComputedTransform();t.setLocalTransform(e),t.parent.remove(t)}}function fX(t){t.stopAnimation(),t.isGroup&&t.traverse((function(t){t.stopAnimation()}))}function gX(t,e,n){var i=Jc("update",n,e);i&&t.traverse((function(t){if(t instanceof os){var e=function(t){return $c(t).oldStyle}(t);e&&t.animateFrom({style:e},i)}}))}function yX(t,e,n){var i=hX(t),r=hX(e);function o(t,e,n,i,r){(n||t)&&e.animateFrom({style:n&&n!==t?A(A({},n.style),t.style):t.style},r)}var a=!1,s=0,l=yt(),u=yt();i.forEach((function(t){t.groupId&&l.set(t.groupId,!0),t.childGroupId&&u.set(t.childGroupId,!0)}));for(var c=0;c<r.length;c++){var h=r[c].groupId;if(u.get(h)){s=1;break}var d=r[c].childGroupId;if(d&&l.get(d)){s=2;break}}function p(t,e){return function(n){var i=n.data,r=n.dataIndex;return e?i.getId(r):t?1===s?n.childGroupId:n.groupId:2===s?n.childGroupId:n.groupId}}var f=function(t,e){var n=t.length;if(n!==e.length)return!1;for(var i=0;i<n;i++){var r=t[i],o=e[i];if(r.data.getId(r.dataIndex)!==o.data.getId(o.dataIndex))return!1}return!0}(i,r),g={};if(!f)for(c=0;c<r.length;c++){var y=r[c],v=y.data.getItemGraphicEl(y.dataIndex);v&&(g[v.id]=!0)}function m(t,e){var n=i[e],s=r[t],l=s.data.hostModel,u=n.data.getItemGraphicEl(n.dataIndex),c=s.data.getItemGraphicEl(s.dataIndex);u!==c?u&&g[u.id]||c&&(fX(c),u?(fX(u),pX(u),a=!0,sX(lX(u),lX(c),s.divide,l,t,o)):dX(c,l,t)):c&&gX(c,s.dataIndex,l)}new f_(i,r,p(!0,f),p(!1,f),null,"multiple").update(m).updateManyToOne((function(t,e){var n=r[t],s=n.data,l=s.hostModel,u=s.getItemGraphicEl(n.dataIndex),c=V(E(e,(function(t){return i[t].data.getItemGraphicEl(i[t].dataIndex)})),(function(t){return t&&t!==u&&!g[t.id]}));u&&(fX(u),c.length?(z(c,(function(t){fX(t),pX(t)})),a=!0,sX(lX(c),lX(u),n.divide,l,t,o)):dX(u,l,n.dataIndex))})).updateOneToMany((function(t,e){var n=i[e],s=n.data.getItemGraphicEl(n.dataIndex);if(!s||!g[s.id]){var l=V(E(t,(function(t){return r[t].data.getItemGraphicEl(r[t].dataIndex)})),(function(t){return t&&t!==s})),u=r[t[0]].data.hostModel;l.length&&(z(l,(function(t){return fX(t)})),s?(fX(s),pX(s),a=!0,sX(lX(s),lX(l),n.divide,u,t[0],o)):z(l,(function(e){return dX(e,u,t[0])})))}})).updateManyToMany((function(t,e){new f_(e,t,(function(t){return i[t].data.getId(i[t].dataIndex)}),(function(t){return r[t].data.getId(r[t].dataIndex)})).update((function(n,i){m(t[n],e[i])})).execute()})).execute(),a&&z(e,(function(t){var e=t.data.hostModel,i=e&&n.getViewOfSeriesModel(e),r=Jc("update",e,0);i&&e.isAnimationEnabled()&&r&&r.duration>0&&i.group.traverse((function(t){t instanceof sl&&!t.animators.length&&t.animateFrom({style:{opacity:0}},r)}))}))}function vX(t){var e=t.getModel("universalTransition").get("seriesKey");return e||t.id}function mX(t){return U(t)?t.sort().join(","):t}function xX(t){if(t.hostModel)return t.hostModel.getModel("universalTransition").get("divideShape")}function _X(t,e){for(var n=0;n<t.length;n++){if(null!=e.seriesIndex&&e.seriesIndex===t[n].seriesIndex||null!=e.seriesId&&e.seriesId===t[n].id)return n}}var bX=function(){function t(){this.breaks=[],this._elapsedExtent=[1/0,-1/0]}return t.prototype.setBreaks=function(t){this.breaks=t.breaks},t.prototype.update=function(t){!function(t,e){var n=0,i={tpAbs:{span:0,val:0},tpPrct:{span:0,val:0}},r=function(){return{has:!1,span:NaN,inExtFrac:NaN,val:NaN}},o={S:{tpAbs:r(),tpPrct:r()},E:{tpAbs:r(),tpPrct:r()}};z(t.breaks,(function(t){var r=t.gapParsed;"tpPrct"===r.type&&(n+=r.val);var a=CX(t,e);if(a){var s=a.vmin!==t.vmin,l=a.vmax!==t.vmax,u=a.vmax-a.vmin;if(s&&l);else if(s||l){var c=s?"S":"E";o[c][r.type].has=!0,o[c][r.type].span=u,o[c][r.type].inExtFrac=u/(t.vmax-t.vmin),o[c][r.type].val=r.val}else i[r.type].span+=u,i[r.type].val+=r.val}}));var a=n*(e[1]-e[0]+0+(i.tpAbs.val-i.tpAbs.span)+(o.S.tpAbs.has?(o.S.tpAbs.val-o.S.tpAbs.span)*o.S.tpAbs.inExtFrac:0)+(o.E.tpAbs.has?(o.E.tpAbs.val-o.E.tpAbs.span)*o.E.tpAbs.inExtFrac:0)-i.tpPrct.span-(o.S.tpPrct.has?o.S.tpPrct.span*o.S.tpPrct.inExtFrac:0)-(o.E.tpPrct.has?o.E.tpPrct.span*o.E.tpPrct.inExtFrac:0))/(1-i.tpPrct.val-(o.S.tpPrct.has?o.S.tpPrct.val*o.S.tpPrct.inExtFrac:0)-(o.E.tpPrct.has?o.E.tpPrct.val*o.E.tpPrct.inExtFrac:0));z(t.breaks,(function(t){var e=t.gapParsed;"tpPrct"===e.type&&(t.gapReal=0!==n?Math.max(a,0)*e.val/n:0),"tpAbs"===e.type&&(t.gapReal=e.val),null==t.gapReal&&(t.gapReal=0)}))}(this,t);var e=this._elapsedExtent;e[0]=this.elapse(t[0]),e[1]=this.elapse(t[1])},t.prototype.hasBreaks=function(){return!!this.breaks.length},t.prototype.calcNiceTickMultiple=function(t,e){for(var n=0;n<this.breaks.length;n++){var i=this.breaks[n];if(i.vmin<t&&t<i.vmax){var r=e(t,i.vmax);return r}}return 0},t.prototype.getExtentSpan=function(){return this._elapsedExtent[1]-this._elapsedExtent[0]},t.prototype.normalize=function(t){var e=this._elapsedExtent[1]-this._elapsedExtent[0];return 0===e?.5:(this.elapse(t)-this._elapsedExtent[0])/e},t.prototype.scale=function(t){return this.unelapse(t*(this._elapsedExtent[1]-this._elapsedExtent[0])+this._elapsedExtent[0])},t.prototype.elapse=function(t){for(var e=SX,n=MX,i=!0,r=0;r<this.breaks.length;r++){var o=this.breaks[r];if(t<=o.vmax){t>o.vmin?e+=o.vmin-n+(t-o.vmin)/(o.vmax-o.vmin)*o.gapReal:e+=t-n,n=o.vmax,i=!1;break}e+=o.vmin-n+o.gapReal,n=o.vmax}return i&&(e+=t-n),e},t.prototype.unelapse=function(t){for(var e=SX,n=MX,i=!0,r=0,o=0;o<this.breaks.length;o++){var a=this.breaks[o],s=e+a.vmin-n,l=s+a.gapReal;if(t<=l){r=t>s?a.vmin+(t-s)/(l-s)*(a.vmax-a.vmin):n+t-e,n=a.vmax,i=!1;break}e=l,n=a.vmax}return i&&(r=n+t-e),r},t}();function wX(){return new bX}var SX=0,MX=0;function IX(t,e,n,i,r,o){"no"!==t&&z(n,(function(n){var a=CX(n,o);if(a)for(var s=e.length-1;s>=0;s--){var l=e[s],u=i(l),c=3*r/4;u>a.vmin-c&&u<a.vmax+c&&("preserve_extent_bound"!==t||u!==o[0]&&u!==o[1])&&e.splice(s,1)}}))}function TX(t,e,n,i){z(e,(function(e){var r=CX(e,n);r&&(t.push({value:r.vmin,break:{type:"vmin",parsedBreak:r},time:i?i(r):void 0}),t.push({value:r.vmax,break:{type:"vmax",parsedBreak:r},time:i?i(r):void 0}))})),e.length&&t.sort((function(t,e){return t.value-e.value}))}function CX(t,e){var n=Math.max(t.vmin,e[0]),i=Math.min(t.vmax,e[1]);return n<i||n===i&&n>e[0]&&n<e[1]?{vmin:n,vmax:i,breakOption:t.breakOption,gapParsed:t.gapParsed,gapReal:t.gapReal}:null}function DX(t,e,n){var i=[];if(!t)return{breaks:i};z(t,(function(t){if(t&&null!=t.start&&null!=t.end&&!t.isExpanded){var r={breakOption:T(t),vmin:e(t.start),vmax:e(t.end),gapParsed:{type:"tpAbs",val:0},gapReal:null};if(null!=t.gap){var o=!1;if(X(t.gap)){var a=ut(t.gap);if(a.match(/%$/)){var s=parseFloat(a)/100;(function(t,e){return t>=0&&t<.99999})(s)||(s=0),r.gapParsed.type="tpPrct",r.gapParsed.val=s,o=!0}}if(!o){var l=e(t.gap);(!isFinite(l)||l<0)&&(l=0),r.gapParsed.type="tpAbs",r.gapParsed.val=l}}if(r.vmin===r.vmax&&(r.gapParsed.type="tpAbs",r.gapParsed.val=0),n&&n.noNegative&&z(["vmin","vmax"],(function(t){r[t]<0&&(r[t]=0)})),r.vmin>r.vmax){var u=r.vmax;r.vmax=r.vmin,r.vmin=u}i.push(r)}})),i.sort((function(t,e){return t.vmin-e.vmin}));var r=-1/0;return z(i,(function(t,e){r>t.vmin&&(i[e]=null),r=t.vmax})),{breaks:i.filter((function(t){return!!t}))}}function AX(t,e){return kX(e)===kX(t)}function kX(t){return t.start+"_\0_"+t.end}function LX(t,e,n){var i=[];z(t,(function(t,n){var r=e(t);r&&"vmin"===r.type&&i.push([n])})),z(t,(function(n,r){var o=e(n);if(o&&"vmax"===o.type){var a=G(i,(function(n){return AX(e(t[n[0]]).parsedBreak.breakOption,o.parsedBreak.breakOption)}));a&&a.push(r)}}));var r=[];return z(i,(function(e){2===e.length&&r.push(n?e:[t[e[0]],t[e[1]]])})),r}function PX(t,e,n,i){var r,o;if(t.break){var a=t.break.parsedBreak,s=G(n,(function(e){return AX(e.breakOption,t.break.parsedBreak.breakOption)})),l=i(Math.pow(e,a.vmin),s.vmin),u=i(Math.pow(e,a.vmax),s.vmax),c={type:a.gapParsed.type,val:"tpAbs"===a.gapParsed.type?mo(Math.pow(e,a.vmin+a.gapParsed.val))-l:a.gapParsed.val};r={type:t.break.type,parsedBreak:{breakOption:a.breakOption,vmin:l,vmax:u,gapParsed:c,gapReal:a.gapReal}},o=s[t.break.type]}return{brkRoundingCriterion:o,vBreak:r}}function OX(t,e,n){var i={noNegative:!0},r=DX(t,n,i),o=DX(t,n,i),a=Math.log(e);return o.breaks=E(o.breaks,(function(t){var e=Math.log(t.vmin)/a;return{vmin:e,vmax:Math.log(t.vmax)/a,gapParsed:{type:t.gapParsed.type,val:"tpAbs"===t.gapParsed.type?Math.log(t.vmin+t.gapParsed.val)/a-e:t.gapParsed.val},gapReal:t.gapReal,breakOption:t.breakOption}})),{parsedOriginal:r,parsedLogged:o}}var RX={vmin:"start",vmax:"end"};function NX(t,e){return e&&((t=t||{}).break={type:RX[e.type],start:e.parsedBreak.vmin,end:e.parsedBreak.vmax}),t}function zX(){var t;t={createScaleBreakContext:wX,pruneTicksByBreak:IX,addBreaksToTicks:TX,parseAxisBreakOption:DX,identifyAxisBreak:AX,serializeAxisBreakIdentifier:kX,retrieveAxisBreakPairs:LX,getTicksLogTransformBreak:PX,logarithmicParseBreaksFromOption:OX,makeAxisLabelFormatterParamBreak:NX},Rd||(Rd=t)}var EX=sa();function BX(t,e,n,i,r){var o=n.axis;if(!o.scale.isBlank()&&Nd()){var a=Nd().retrieveAxisBreakPairs(o.scale.getTicks({breakTicks:"only_break"}),(function(t){return t.break}),!1);if(a.length){var s=n.getModel("breakArea"),l=s.get("zigzagAmplitude"),u=s.get("zigzagMinSpan"),c=s.get("zigzagMaxSpan");u=Math.max(2,u||0),c=Math.max(u,c||0);var h=s.get("expandOnClick"),d=s.get("zigzagZ"),p=s.getModel("itemStyle").getItemStyle(),f=p.stroke,g=p.lineWidth,y=p.lineDash,v=p.fill,m=new to({ignoreModelZ:!0}),x=o.isHorizontal(),_=EX(e).visualList||(EX(e).visualList=[]);z(_,(function(t){return t.shouldRemove=!0}));for(var b=function(t){var e=a[t][0].break.parsedBreak,s=[];s[0]=o.toGlobalCoord(o.dataToCoord(e.vmin,!0)),s[1]=o.toGlobalCoord(o.dataToCoord(e.vmax,!0)),s[1]<s[0]&&s.reverse();var b=function(t,e){var n=G(t,(function(t){return Nd().identifyAxisBreak(t.parsedBreak.breakOption,e.breakOption)}));return n||t.push(n={zigzagRandomList:[],parsedBreak:e,shouldRemove:!1}),n}(_,e);b.shouldRemove=!1;var w=new to;!function(t,e,n,r,o,a){var s={stroke:f,lineWidth:g,lineDash:y,fill:"none"},h=o?0:1,m=1-h,x=i[lh[m]]+i[uh[m]];function _(t){var e=[],n=[];e[h]=n[h]=t,e[m]=i[lh[m]],n[m]=x;var r={x1:e[0],y1:e[1],x2:n[0],y2:n[1]};return fl(r,r,{lineWidth:1}),e[0]=r.x1,e[1]=r.y1,e[h]}n=_(n),r=_(r);for(var b=[],w=[],S=!0,M=i[lh[m]],I=0;;I++){var T=M===i[lh[m]],C=M>=x;C&&(M=x);var D=[],A=[];D[h]=n,A[h]=r,T||C||(D[h]+=S?-l:l,A[h]-=S?l:-l),D[m]=M,A[m]=M,b.push(D),w.push(A);var k=void 0;if(I<t.length?k=t[I]:(k=Math.random(),t.push(k)),M+=k*(c-u)+u,S=!S,C)break}var L=Nd().serializeAxisBreakIdentifier(a.breakOption);if(e.add(new Tc({anid:"break_a_"+L,shape:{points:b},style:s,z:d})),0!==a.gapReal){e.add(new Tc({anid:"break_b_"+L,shape:{points:w},style:s,z:d}));var P=w.slice();P.reverse();var O=b.concat(P);e.add(new Mc({anid:"break_c_"+L,shape:{points:O},style:{fill:v,opacity:p.opacity},z:d}))}}(b.zigzagRandomList,w,s[0],s[1],x,e),h&&w.on("click",(function(){var t={type:QT,breaks:[{start:e.breakOption.start,end:e.breakOption.end}]};t[o.dim+"AxisIndex"]=n.componentIndex,r.dispatchAction(t)})),w.silent=!h,m.add(w)},w=0;w<a.length;w++)b(w);t.add(m),function(t){for(var e=t.length-1;e>=0;e--)t[e].shouldRemove&&t.splice(e,1)}(_)}}}function VX(t,e,n,i){var r=t.axis,o=n.transform;lt(i.style);var a=r.getExtent();r.inverse&&(a=a.slice()).reverse();var s=E(Nd().retrieveAxisBreakPairs(r.scale.getTicks({breakTicks:"only_break"}),(function(t){return t.break}),!1),(function(t){var e=t[0].break.parsedBreak,n=[r.dataToCoord(e.vmin,!0),r.dataToCoord(e.vmax,!0)];return n[0]>n[1]&&n.reverse(),{coordPair:n,brkId:Nd().serializeAxisBreakIdentifier(e.breakOption)}}));s.sort((function(t,e){return t.coordPair[0]-e.coordPair[0]}));for(var l=a[0],u=null,c=0;c<s.length;c++){var h=s[c],d=Math.max(h.coordPair[0],a[0]),p=Math.min(h.coordPair[1],a[1]);l<=d&&f(l,d,u,h),l=p,u=h}function f(t,n,r,a){function s(t,e){o&&(Ht(t,t,o),Ht(e,e,o))}function l(t,e){var n={x1:t[0],y1:t[1],x2:e[0],y2:e[1]};fl(n,n,i.style),t[0]=n.x1,t[1]=n.y1,e[0]=n.x2,e[1]=n.y2}var u=[t,0],c=[n,0],h=[t,5],d=[n,5];s(u,h),l(u,h),s(c,d),l(c,d),l(u,c);var p=new Ac(A({shape:{x1:u[0],y1:u[1],x2:c[0],y2:c[1]}},i));e.add(p),p.anid="breakLine_"+(r?r.brkId:"\0")+"_\0_"+(a?a.brkId:"\0")}l<=a[1]&&f(l,a[1],u,null)}function GX(t,e,n){if(!G(n,(function(t){return!t}))){var i=new Ae;if(IS(n[0],n[1],i,{direction:-(t?e+Math.PI:e),touchThreshold:0,bidirectional:!1})){var r=[1,0,0,1,0,0];Me(r,r,-e);var o=E(n,(function(t){return t.transform?we([1,0,0,1,0,0],r,t.transform):r})),a=.5;if(g(0)||g(1)){var s=E(n,(function(t,e){var n=t.localRect.clone();return n.applyTransform(o[e]),n})),l=new Ae;l.copy(n[0].label).add(n[1].label).scale(.5),l.transform(r);var u=i.clone().transform(r),c=(s[0].x+s[1].x+(u.x>=0?s[0].width:s[1].width)+u.x)/2-l.x,h=Math.min(c,c-u.x),d=Math.max(c,c-u.x);a=(c-(d<0?d:h>0?h:0))/u.x}var p=new Ae,f=new Ae;Ae.scale(p,i,-a),Ae.scale(f,i,1-a),_S(n[0],p),_S(n[1],f)}}function g(t){var e=n[0].localRect,i=new Ae(e[uh[t]]*o[0][0],e[uh[t]]*o[0][1]);return Math.abs(i.y)<1e-5}}function FX(t,e){var n={breaks:[]};return z(e.breaks,(function(i){if(i){var r=G(t.get("breaks",!0),(function(t){return Nd().identifyAxisBreak(t,i)}));if(r){var o=e.type,a={isExpanded:!!r.isExpanded};r.isExpanded=o===QT||o!==tC&&(o===eC?!r.isExpanded:r.isExpanded),n.breaks.push({start:r.start,end:r.end,isExpanded:!!r.isExpanded,old:a})}}})),n}function WX(){var t;t={adjustBreakLabelPair:GX,buildAxisBreakLine:VX,rectCoordBuildBreakAxis:BX,updateModelAxisBreak:FX},UT||(UT=t)}function HX(t,e){z(t,(function(t){if(!t.model.get(["axisLabel","inside"])){var n=function(t){var e,n,i=t.model,r=t.scale;if(!i.get(["axisLabel","show"])||r.isBlank())return;var o=r.getExtent();n=r instanceof lb?r.count():(e=r.getTicks()).length;var a,s=t.getLabelModel(),l=jb(t),u=1;n>40&&(u=Math.ceil(n/40));for(var c=0;c<n;c+=u){var h=l(e?e[c]:{value:o[0]+c},c),d=p(s.getTextRect(h),s.get("rotate")||0);a?a.union(d):a=d}return a;function p(t,e){var n=e*Math.PI/180,i=t.width,r=t.height,o=i*Math.abs(Math.cos(n))+Math.abs(r*Math.sin(n)),a=i*Math.abs(Math.sin(n))+Math.abs(r*Math.cos(n));return new He(t.x,t.y,o,a)}}(t);if(n){var i=t.isHorizontal()?"height":"width",r=t.model.get(["axisLabel","margin"]);e[i]-=n[i]+r,"top"===t.position?e.y+=n.height+r:"left"===t.position&&(e.x+=n.width+r)}}}))}h_([function(t){t.registerPainter("canvas",tI)}]),h_([function(t){t.registerPainter("svg",ZM)}]),h_([function(t){t.registerChartView(RI),t.registerSeriesModel(eI),t.registerLayout(NI("line",!0)),t.registerVisual({seriesType:"line",reset:function(t){var e=t.getData(),n=t.getModel("lineStyle").getLineStyle();n&&!n.stroke&&(n.stroke=e.getVisual("style").fill),e.setVisual("legendLineStyle",n)}}),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,BI("line"))},function(t){t.registerChartView(jI),t.registerSeriesModel(GI),t.registerLayout(t.PRIORITY.VISUAL.LAYOUT,H(_b,"bar")),t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,bb("bar")),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,BI("bar")),t.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(t,e){var n=t.componentType||"series";e.eachComponent({mainType:n,query:t},(function(e){t.sortInfo&&e.axis.setCategorySortInfo(t.sortInfo)}))}))},function(t){t.registerChartView(MT),t.registerSeriesModel(AT),$v("pie",t.registerAction),t.registerLayout(H(dT,"pie")),t.registerProcessor(fT("pie")),t.registerProcessor(function(t){return{seriesType:t,reset:function(t,e){var n=t.getData();n.filterSelf((function(t){var e=n.mapDimension("value"),i=n.get(e,t);return!(j(i)&&!isNaN(i)&&i<0)}))}}}("pie"))},function(t){h_(lD),t.registerSeriesModel(kT),t.registerChartView(RT),t.registerLayout(NI("scatter"))},function(t){h_(TD),t.registerChartView(mD),t.registerSeriesModel(xD),t.registerLayout(fD),t.registerProcessor(fT("radar")),t.registerPreprocessor(vD)},function(t){h_(lk),t.registerChartView(YA),t.registerSeriesModel(XA),t.registerLayout(jA),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,ZA),$v("map",t.registerAction)},function(t){t.registerChartView(_k),t.registerSeriesModel(Wk),t.registerLayout(Uk),t.registerVisual(Yk),function(t){t.registerAction({type:"treeExpandAndCollapse",event:"treeExpandAndCollapse",update:"update"},(function(t,e){e.eachComponent({mainType:"series",subType:"tree",query:t},(function(e){var n=t.dataIndex,i=e.getData().tree.getNodeByDataIndex(n);i.isExpand=!i.isExpand}))})),t.registerAction({type:"treeRoam",event:"treeRoam",update:"none"},(function(t,e,n){e.eachComponent({mainType:"series",subType:"tree",query:t},(function(e){var n=YD(e.coordinateSystem,t,e.get("scaleLimit"));e.setCenter(n.center),e.setZoom(n.zoom)}))}))}(t)},function(t){t.registerSeriesModel(jk),t.registerChartView(sL),t.registerVisual(ML),t.registerLayout(EL),function(t){for(var e=0;e<Xk.length;e++)t.registerAction({type:Xk[e],update:"updateView"},bt);t.registerAction({type:"treemapRootToNode",update:"updateView"},(function(t,e){e.eachComponent({mainType:"series",subType:"treemap",query:t},(function(e,n){var i=Bk(t,["treemapZoomToNode","treemapRootToNode"],e);if(i){var r=e.getViewRoot();r&&(t.direction=Gk(r,i.node)?"rollUp":"drillDown"),e.resetViewRoot(i.node)}}))}))}(t)},function(t){t.registerChartView(GP),t.registerSeriesModel(ZP),t.registerProcessor(HL),t.registerVisual(UL),t.registerVisual(XL),t.registerLayout(nP),t.registerLayout(t.PRIORITY.VISUAL.POST_CHART_LAYOUT,cP),t.registerLayout(dP),t.registerCoordinateSystem("graphView",{dimensions:KA.dimensions,create:pP}),t.registerAction({type:"focusNodeAdjacency",event:"focusNodeAdjacency",update:"series:focusNodeAdjacency"},bt),t.registerAction({type:"unfocusNodeAdjacency",event:"unfocusNodeAdjacency",update:"series:unfocusNodeAdjacency"},bt),t.registerAction({type:"graphRoam",event:"graphRoam",update:"none"},(function(t,e,n){e.eachComponent({mainType:"series",query:t},(function(e){var i=n.getViewOfSeriesModel(e);i&&(null!=t.dx&&null!=t.dy&&i.updateViewOnPan(e,n,t),null!=t.zoom&&null!=t.originX&&null!=t.originY&&i.updateViewOnZoom(e,n,t));var r=YD(e.coordinateSystem,t,e.get("scaleLimit"));e.setCenter&&e.setCenter(r.center),e.setZoom&&e.setZoom(r.zoom)}))}))},function(t){t.registerChartView(JP),t.registerSeriesModel(QP),t.registerLayout(t.PRIORITY.VISUAL.POST_CHART_LAYOUT,eO),t.registerProcessor(fT("chord"))},function(t){t.registerChartView(oO),t.registerSeriesModel(aO)},function(t){t.registerChartView(uO),t.registerSeriesModel(cO),t.registerLayout(hO),t.registerProcessor(fT("funnel"))},function(t){h_(zR),t.registerChartView(dO),t.registerSeriesModel(vO),t.registerVisual(t.PRIORITY.VISUAL.BRUSH,_O)},function(t){t.registerChartView(VR),t.registerSeriesModel(FR),t.registerLayout(WR),t.registerVisual(tN),t.registerAction({type:"dragNode",event:"dragnode",update:"update"},(function(t,e){e.eachComponent({mainType:"series",subType:"sankey",query:t},(function(e){e.setNodePosition(t.dataIndex,[t.localX,t.localY])}))})),t.registerAction({type:"sankeyRoam",event:"sankeyRoam",update:"none"},(function(t,e,n){e.eachComponent({mainType:"series",subType:"sankey",query:t},(function(e){var n=YD(e.coordinateSystem,t,e.get("scaleLimit"));e.setCenter(n.center),e.setZoom(n.zoom)}))}))},function(t){t.registerSeriesModel(nN),t.registerChartView(iN),t.registerLayout(cN),t.registerTransform(hN)},function(t){t.registerChartView(bN),t.registerSeriesModel(PN),t.registerPreprocessor(ON),t.registerVisual(xN),t.registerLayout(RN)},function(t){t.registerChartView(BN),t.registerSeriesModel(VN),t.registerLayout(NI("effectScatter"))},function(t){t.registerChartView(ZN),t.registerSeriesModel($N),t.registerLayout(XN),t.registerVisual(QN)},function(t){t.registerChartView(nz),t.registerSeriesModel(iz)},function(t){t.registerChartView(sz),t.registerSeriesModel(Iz),t.registerLayout(t.PRIORITY.VISUAL.LAYOUT,H(_b,"pictorialBar")),t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,bb("pictorialBar"))},function(t){t.registerChartView(Tz),t.registerSeriesModel(Cz),t.registerLayout(Dz),t.registerProcessor(fT("themeRiver"))},function(t){t.registerChartView(Oz),t.registerSeriesModel(Rz),t.registerLayout(H(Ez,"sunburst")),t.registerProcessor(H(fT,"sunburst")),t.registerVisual(Vz),function(t){t.registerAction({type:Lz,update:"updateView"},(function(t,e){e.eachComponent({mainType:"series",subType:"sunburst",query:t},(function(e,n){var i=Bk(t,[Lz],e);if(i){var r=e.getViewRoot();r&&(t.direction=Gk(r,i.node)?"rollUp":"drillDown"),e.resetViewRoot(i.node)}}))})),t.registerAction({type:Pz,update:"none"},(function(t,e,n){t=A({},t),e.eachComponent({mainType:"series",subType:"sunburst",query:t},(function(e){var n=Bk(t,[Pz],e);n&&(t.dataIndex=n.node.dataIndex)})),n.dispatchAction(A(t,{type:"highlight"}))})),t.registerAction({type:"sunburstUnhighlight",update:"updateView"},(function(t,e,n){t=A({},t),n.dispatchAction(A(t,{type:"downplay"}))}))}(t)},function(t){t.registerChartView(kE),t.registerSeriesModel(Hz)}]),h_((function(t){h_(lD),h_(LB)})),h_((function(t){h_(LB),$C.registerAxisPointerClass("PolarAxisPointer",PB),t.registerCoordinateSystem("polar",XB),t.registerComponentModel(RB),t.registerComponentView(sV),XT(t,"angle",zB,oV),XT(t,"radius",EB,aV),t.registerComponentView($B),t.registerComponentView(tV),t.registerLayout(H(rV,"bar"))})),h_(lk),h_((function(t){h_(LB),$C.registerAxisPointerClass("SingleAxisPointer",_V),t.registerComponentView(MV),t.registerComponentView(cV),t.registerComponentModel(dV),XT(t,"single",dV,dV.defaultOption),t.registerCoordinateSystem("single",vV)})),h_(zR),h_((function(t){t.registerComponentModel(IV),t.registerComponentView(CV),t.registerCoordinateSystem("calendar",AV)})),h_((function(t){t.registerComponentModel(nG),t.registerComponentView(sG),t.registerCoordinateSystem("matrix",gG)})),h_((function(t){t.registerComponentModel(NG),t.registerComponentView(BG),t.registerPreprocessor((function(t){var e=t.graphic;U(e)?e[0]&&e[0].elements?t.graphic=[t.graphic[0]]:t.graphic=[{elements:e}]:e&&!e.elements&&(t.graphic=[{elements:[e]}])}))})),h_((function(t){t.registerComponentModel(hF),t.registerComponentView(pF),uF("saveAsImage",fF),uF("magicType",vF),uF("dataView",MF),uF("dataZoom",XF),uF("restore",AF),h_(aF)})),h_((function(t){h_(LB),t.registerComponentModel(qF),t.registerComponentView(dW),t.registerAction({type:"showTip",event:"showTip",update:"tooltip:manuallyShowTip"},bt),t.registerAction({type:"hideTip",event:"hideTip",update:"tooltip:manuallyHideTip"},bt)})),h_(LB),h_((function(t){t.registerComponentView(RW),t.registerComponentModel(NW),t.registerPreprocessor(vW),t.registerVisual(t.PRIORITY.VISUAL.BRUSH,AW),t.registerAction({type:"brush",event:"brush",update:"updateVisual"},(function(t,e){e.eachComponent({mainType:"brush",query:t},(function(e){e.setAreas(t.areas)}))})),t.registerAction({type:"brushSelect",event:"brushSelected",update:"none"},bt),t.registerAction({type:"brushEnd",event:"brushEnd",update:"none"},bt),uF("brush",BW)})),h_((function(t){t.registerComponentModel(VW),t.registerComponentView(GW)})),h_((function(t){t.registerComponentModel(WW),t.registerComponentView(ZW),t.registerSubTypeDefaulter("timeline",(function(){return"slider"})),function(t){t.registerAction({type:"timelineChange",event:"timelineChanged",update:"prepareAndUpdate"},(function(t,e,n){var i=e.getComponent("timeline");return i&&null!=t.currentIndex&&(i.setCurrentIndex(t.currentIndex),!i.get("loop",!0)&&i.isIndexMax()&&i.getPlayState()&&(i.setPlayState(!1),n.dispatchAction({type:"timelinePlayChange",playState:!1,from:t.from}))),e.resetOption("timeline",{replaceMerge:i.get("replaceMerge",!0)}),k({currentIndex:i.option.currentIndex},t)})),t.registerAction({type:"timelinePlayChange",event:"timelinePlayChanged",update:"update"},(function(t,e){var n=e.getComponent("timeline");n&&null!=t.playState&&n.setPlayState(t.playState)}))}(t),t.registerPreprocessor(KW)})),h_((function(t){t.registerComponentModel(iH),t.registerComponentView(gH),t.registerPreprocessor((function(t){QW(t.series,"markPoint")&&(t.markPoint=t.markPoint||{})}))})),h_((function(t){t.registerComponentModel(yH),t.registerComponentView(SH),t.registerPreprocessor((function(t){QW(t.series,"markLine")&&(t.markLine=t.markLine||{})}))})),h_((function(t){t.registerComponentModel(MH),t.registerComponentView(PH),t.registerPreprocessor((function(t){QW(t.series,"markArea")&&(t.markArea=t.markArea||{})}))})),h_((function(t){h_(YH),h_(JH)})),h_((function(t){h_(cU),h_(mU)})),h_(cU),h_(mU),h_((function(t){h_(JU),h_(iY)})),h_(JU),h_(iY),h_((function(t){t.registerComponentModel(oY),t.registerComponentView(aY)})),h_((function(t){t.registerPreprocessor(pY),t.registerVisual(t.PRIORITY.VISUAL.ARIA,dY)})),h_((function(t){t.registerTransform(IY),t.registerTransform(TY)})),h_((function(t){t.registerComponentModel(CY),t.registerComponentView(DY)})),h_((function(t){t.registerUpdateLifecycle("series:beforeupdate",(function(t,e,n){z(qo(n.seriesTransition),(function(t){z(qo(t.to),(function(t){for(var e=n.updatedSeries,i=0;i<e.length;i++)(null!=t.seriesIndex&&t.seriesIndex===e[i].seriesIndex||null!=t.seriesId&&t.seriesId===e[i].id)&&(e[i][Fy]=!0)}))}))})),t.registerUpdateLifecycle("series:transition",(function(t,e,n){var i=uX(e);if(i.oldSeries&&n.updatedSeries&&n.optionChanged){var r=n.seriesTransition;if(r)z(qo(r),(function(t){!function(t,e,n,i){var r=[],o=[];z(qo(t.from),(function(t){var n=_X(e.oldSeries,t);n>=0&&r.push({dataGroupId:e.oldDataGroupIds[n],data:e.oldData[n],divide:xX(e.oldData[n]),groupIdDim:t.dimension})})),z(qo(t.to),(function(t){var i=_X(n.updatedSeries,t);if(i>=0){var r=n.updatedSeries[i].getData();o.push({dataGroupId:e.oldDataGroupIds[i],data:r,divide:xX(r),groupIdDim:t.dimension})}})),r.length>0&&o.length>0&&yX(r,o,i)}(t,i,n,e)}));else{var o=function(t,e){var n=yt(),i=yt(),r=yt();return z(t.oldSeries,(function(e,n){var o=t.oldDataGroupIds[n],a=t.oldData[n],s=vX(e),l=mX(s);i.set(l,{dataGroupId:o,data:a}),U(s)&&z(s,(function(t){r.set(t,{key:l,dataGroupId:o,data:a})}))})),z(e.updatedSeries,(function(t){if(t.isUniversalTransitionEnabled()&&t.isAnimationEnabled()){var e=t.get("dataGroupId"),o=t.getData(),a=vX(t),s=mX(a),l=i.get(s);if(l)n.set(s,{oldSeries:[{dataGroupId:l.dataGroupId,divide:xX(l.data),data:l.data}],newSeries:[{dataGroupId:e,divide:xX(o),data:o}]});else if(U(a)){var u=[];z(a,(function(t){var e=i.get(t);e.data&&u.push({dataGroupId:e.dataGroupId,divide:xX(e.data),data:e.data})})),u.length&&n.set(s,{oldSeries:u,newSeries:[{dataGroupId:e,data:o,divide:xX(o)}]})}else{var c=r.get(a);if(c){var h=n.get(c.key);h||(h={oldSeries:[{dataGroupId:c.dataGroupId,data:c.data,divide:xX(c.data)}],newSeries:[]},n.set(c.key,h)),h.newSeries.push({dataGroupId:e,data:o,divide:xX(o)})}}}})),n}(i,n);z(o.keys(),(function(t){var n=o.get(t);yX(n.oldSeries,n.newSeries,e)}))}z(n.updatedSeries,(function(t){t[Fy]&&(t[Fy]=!1)}))}for(var a=t.getSeries(),s=i.oldSeries=[],l=i.oldDataGroupIds=[],u=i.oldData=[],c=0;c<a.length;c++){var h=a[c].getData();h.count()<1e4&&(s.push(a[c]),l.push(a[c].get("dataGroupId")),u.push(h))}}))})),h_((function(t){t.registerUpdateLifecycle("series:beforeupdate",(function(t,e,n){var i=NS(e).labelManager;i||(i=NS(e).labelManager=new RS),i.clearLabels()})),t.registerUpdateLifecycle("series:layoutlabels",(function(t,e,n){var i=NS(e).labelManager;n.updatedSeries.forEach((function(t){i.addLabelsOfSeries(e.getViewOfSeriesModel(t))})),i.updateLayoutConfig(e),i.layout(e),i.processLabelsOverall()}))})),h_((function(t){!function(t){function e(t,e){var n=[],i=ua(e,t);function r(e,r){z(i[e],(function(e){z(e.updateAxisBreaks(t).breaks,(function(t){var i;n.push(k(((i={})[r]=e.componentIndex,i),t))}))}))}return r("xAxisModels","xAxisIndex"),r("yAxisModels","yAxisIndex"),r("singleAxisModels","singleAxisIndex"),{eventBreaks:n}}t.registerAction(iC,e),t.registerAction(rC,e),t.registerAction(oC,e)}(t),zX(),WX()})),h_((function(){OC=HX})),h_((function(t){t.registerLayout(t.PRIORITY.VISUAL.POST_CHART_LAYOUT,pD)})),t.Axis=Ww,t.ChartView=tv,t.ComponentModel=Qp,t.ComponentView=Ky,t.List=B_,t.Model=wd,t.PRIORITY=qm,t.SeriesModel=Wy,t.color=mi,t.connect=function(t){if(U(t)){var e=t;t=null,z(e,(function(e){null!=e.group&&(t=e.group)})),t=t||"g_"+Wx++,z(e,(function(e){e.group=t}))}return Gx[t]=!0,t},t.dataTool={},t.dependencies={zrender:"6.0.0"},t.disConnect=Yx,t.disconnect=Ux,t.dispose=function(t){X(t)?t=Vx[t]:t instanceof Cx||(t=Xx(t)),t instanceof Cx&&!t.isDisposed()&&t.dispose()},t.env=r,t.extendChartView=function(t){var e=tv.extend(t);return tv.registerClass(e),e},t.extendComponentModel=function(t){var e=Qp.extend(t);return Qp.registerClass(e),e},t.extendComponentView=function(t){var e=Ky.extend(t);return Ky.registerClass(e),e},t.extendSeriesModel=function(t){var e=Wy.extend(t);return Wy.registerClass(e),e},t.format=bw,t.getCoordinateSystemDimensions=function(t){var e=Tp.get(t);if(e)return e.getDimensionsInfo?e.getDimensionsInfo():e.dimensions.slice()},t.getInstanceByDom=Xx,t.getInstanceById=function(t){return Vx[t]},t.getMap=function(t){var e=Um("getMap");return e&&e(t)},t.graphic=_w,t.helper=rw,t.init=function(t,e,n){var i=!(n&&n.ssr);if(i){0;var r=Xx(t);if(r)return r;0}var o=new Cx(t,e,n);return o.id="ec_"+Fx++,Vx[o.id]=o,i&&fa(t,Hx,o.id),_x(o),Wm.trigger("afterinit",o),o},t.innerDrawElementOnCanvas=Om,t.matrix=De,t.number=mw,t.parseGeoJSON=vw,t.parseGeoJson=vw,t.registerAction=Qx,t.registerCoordinateSystem=t_,t.registerCustomSeries=function(t,e){Xm(t,e)},t.registerLayout=e_,t.registerLoading=o_,t.registerLocale=Pd,t.registerMap=a_,t.registerPostInit=Kx,t.registerPostUpdate=$x,t.registerPreprocessor=jx,t.registerProcessor=qx,t.registerTheme=Zx,t.registerTransform=s_,t.registerUpdateLifecycle=Jx,t.registerVisual=n_,t.setCanvasCreator=function(t){h({createCanvas:t})},t.setPlatformAPI=h,t.throttle=uv,t.time=xw,t.use=h_,t.util=ww,t.vector=Xt,t.version="6.0.0",t.zrUtil=Mt,t.zrender=uo,Object.defineProperty(t,"__esModule",{value:!0})}));
diff --git a/public_html/assets/raven/vendor/js/jquery.min.js b/public_html/assets/raven/vendor/js/jquery.min.js
new file mode 100644
index 0000000..7f37b5d
--- /dev/null
+++ b/public_html/assets/raven/vendor/js/jquery.min.js
@@ -0,0 +1,2 @@
+/*! jQuery v3.7.1 | (c) OpenJS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(ie,e){"use strict";var oe=[],r=Object.getPrototypeOf,ae=oe.slice,g=oe.flat?function(e){return oe.flat.call(e)}:function(e){return oe.concat.apply([],e)},s=oe.push,se=oe.indexOf,n={},i=n.toString,ue=n.hasOwnProperty,o=ue.toString,a=o.call(Object),le={},v=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},y=function(e){return null!=e&&e===e.window},C=ie.document,u={type:!0,src:!0,nonce:!0,noModule:!0};function m(e,t,n){var r,i,o=(n=n||C).createElement("script");if(o.text=e,t)for(r in u)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[i.call(e)]||"object":typeof e}var t="3.7.1",l=/HTML$/i,ce=function(e,t){return new ce.fn.init(e,t)};function c(e){var t=!!e&&"length"in e&&e.length,n=x(e);return!v(e)&&!y(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}function fe(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}ce.fn=ce.prototype={jquery:t,constructor:ce,length:0,toArray:function(){return ae.call(this)},get:function(e){return null==e?ae.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=ce.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return ce.each(this,e)},map:function(n){return this.pushStack(ce.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(ae.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(ce.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(ce.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:s,sort:oe.sort,splice:oe.splice},ce.extend=ce.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||v(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e)r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(ce.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||ce.isPlainObject(n)?n:{},i=!1,a[t]=ce.extend(l,o,r)):void 0!==r&&(a[t]=r));return a},ce.extend({expando:"jQuery"+(t+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,n;return!(!e||"[object Object]"!==i.call(e))&&(!(t=r(e))||"function"==typeof(n=ue.call(t,"constructor")&&t.constructor)&&o.call(n)===a)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t,n){m(e,{nonce:t&&t.nonce},n)},each:function(e,t){var n,r=0;if(c(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},text:function(e){var t,n="",r=0,i=e.nodeType;if(!i)while(t=e[r++])n+=ce.text(t);return 1===i||11===i?e.textContent:9===i?e.documentElement.textContent:3===i||4===i?e.nodeValue:n},makeArray:function(e,t){var n=t||[];return null!=e&&(c(Object(e))?ce.merge(n,"string"==typeof e?[e]:e):s.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:se.call(t,e,n)},isXMLDoc:function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!l.test(t||n&&n.nodeName||"HTML")},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,a=[];if(c(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&a.push(i);return g(a)},guid:1,support:le}),"function"==typeof Symbol&&(ce.fn[Symbol.iterator]=oe[Symbol.iterator]),ce.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase()});var pe=oe.pop,de=oe.sort,he=oe.splice,ge="[\\x20\\t\\r\\n\\f]",ve=new RegExp("^"+ge+"+|((?:^|[^\\\\])(?:\\\\.)*)"+ge+"+$","g");ce.contains=function(e,t){var n=t&&t.parentNode;return e===n||!(!n||1!==n.nodeType||!(e.contains?e.contains(n):e.compareDocumentPosition&&16&e.compareDocumentPosition(n)))};var f=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\x80-\uFFFF\w-]/g;function p(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e}ce.escapeSelector=function(e){return(e+"").replace(f,p)};var ye=C,me=s;!function(){var e,b,w,o,a,T,r,C,d,i,k=me,S=ce.expando,E=0,n=0,s=W(),c=W(),u=W(),h=W(),l=function(e,t){return e===t&&(a=!0),0},f="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",t="(?:\\\\[\\da-fA-F]{1,6}"+ge+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",p="\\["+ge+"*("+t+")(?:"+ge+"*([*^$|!~]?=)"+ge+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+t+"))|)"+ge+"*\\]",g=":("+t+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+p+")*)|.*)\\)|)",v=new RegExp(ge+"+","g"),y=new RegExp("^"+ge+"*,"+ge+"*"),m=new RegExp("^"+ge+"*([>+~]|"+ge+")"+ge+"*"),x=new RegExp(ge+"|>"),j=new RegExp(g),A=new RegExp("^"+t+"$"),D={ID:new RegExp("^#("+t+")"),CLASS:new RegExp("^\\.("+t+")"),TAG:new RegExp("^("+t+"|[*])"),ATTR:new RegExp("^"+p),PSEUDO:new RegExp("^"+g),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+ge+"*(even|odd|(([+-]|)(\\d*)n|)"+ge+"*(?:([+-]|)"+ge+"*(\\d+)|))"+ge+"*\\)|)","i"),bool:new RegExp("^(?:"+f+")$","i"),needsContext:new RegExp("^"+ge+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+ge+"*((?:-\\d)?\\d*)"+ge+"*\\)|)(?=[^-]|$)","i")},N=/^(?:input|select|textarea|button)$/i,q=/^h\d$/i,L=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,H=/[+~]/,O=new RegExp("\\\\[\\da-fA-F]{1,6}"+ge+"?|\\\\([^\\r\\n\\f])","g"),P=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},M=function(){V()},R=J(function(e){return!0===e.disabled&&fe(e,"fieldset")},{dir:"parentNode",next:"legend"});try{k.apply(oe=ae.call(ye.childNodes),ye.childNodes),oe[ye.childNodes.length].nodeType}catch(e){k={apply:function(e,t){me.apply(e,ae.call(t))},call:function(e){me.apply(e,ae.call(arguments,1))}}}function I(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(V(e),e=e||T,C)){if(11!==p&&(u=L.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return k.call(n,a),n}else if(f&&(a=f.getElementById(i))&&I.contains(e,a)&&a.id===i)return k.call(n,a),n}else{if(u[2])return k.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&e.getElementsByClassName)return k.apply(n,e.getElementsByClassName(i)),n}if(!(h[t+" "]||d&&d.test(t))){if(c=t,f=e,1===p&&(x.test(t)||m.test(t))){(f=H.test(t)&&U(e.parentNode)||e)==e&&le.scope||((s=e.getAttribute("id"))?s=ce.escapeSelector(s):e.setAttribute("id",s=S)),o=(l=Y(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+Q(l[o]);c=l.join(",")}try{return k.apply(n,f.querySelectorAll(c)),n}catch(e){h(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return re(t.replace(ve,"$1"),e,n,r)}function W(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function F(e){return e[S]=!0,e}function $(e){var t=T.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function B(t){return function(e){return fe(e,"input")&&e.type===t}}function _(t){return function(e){return(fe(e,"input")||fe(e,"button"))&&e.type===t}}function z(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&R(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function X(a){return F(function(o){return o=+o,F(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function U(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}function V(e){var t,n=e?e.ownerDocument||e:ye;return n!=T&&9===n.nodeType&&n.documentElement&&(r=(T=n).documentElement,C=!ce.isXMLDoc(T),i=r.matches||r.webkitMatchesSelector||r.msMatchesSelector,r.msMatchesSelector&&ye!=T&&(t=T.defaultView)&&t.top!==t&&t.addEventListener("unload",M),le.getById=$(function(e){return r.appendChild(e).id=ce.expando,!T.getElementsByName||!T.getElementsByName(ce.expando).length}),le.disconnectedMatch=$(function(e){return i.call(e,"*")}),le.scope=$(function(){return T.querySelectorAll(":scope")}),le.cssHas=$(function(){try{return T.querySelector(":has(*,:jqfake)"),!1}catch(e){return!0}}),le.getById?(b.filter.ID=function(e){var t=e.replace(O,P);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(O,P);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):t.querySelectorAll(e)},b.find.CLASS=function(e,t){if("undefined"!=typeof t.getElementsByClassName&&C)return t.getElementsByClassName(e)},d=[],$(function(e){var t;r.appendChild(e).innerHTML="<a id='"+S+"' href='' disabled='disabled'></a><select id='"+S+"-\r\\' disabled='disabled'><option selected=''></option></select>",e.querySelectorAll("[selected]").length||d.push("\\["+ge+"*(?:value|"+f+")"),e.querySelectorAll("[id~="+S+"-]").length||d.push("~="),e.querySelectorAll("a#"+S+"+*").length||d.push(".#.+[+~]"),e.querySelectorAll(":checked").length||d.push(":checked"),(t=T.createElement("input")).setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),r.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&d.push(":enabled",":disabled"),(t=T.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||d.push("\\["+ge+"*name"+ge+"*="+ge+"*(?:''|\"\")")}),le.cssHas||d.push(":has"),d=d.length&&new RegExp(d.join("|")),l=function(e,t){if(e===t)return a=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!le.sortDetached&&t.compareDocumentPosition(e)===n?e===T||e.ownerDocument==ye&&I.contains(ye,e)?-1:t===T||t.ownerDocument==ye&&I.contains(ye,t)?1:o?se.call(o,e)-se.call(o,t):0:4&n?-1:1)}),T}for(e in I.matches=function(e,t){return I(e,null,null,t)},I.matchesSelector=function(e,t){if(V(e),C&&!h[t+" "]&&(!d||!d.test(t)))try{var n=i.call(e,t);if(n||le.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){h(t,!0)}return 0<I(t,T,null,[e]).length},I.contains=function(e,t){return(e.ownerDocument||e)!=T&&V(e),ce.contains(e,t)},I.attr=function(e,t){(e.ownerDocument||e)!=T&&V(e);var n=b.attrHandle[t.toLowerCase()],r=n&&ue.call(b.attrHandle,t.toLowerCase())?n(e,t,!C):void 0;return void 0!==r?r:e.getAttribute(t)},I.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},ce.uniqueSort=function(e){var t,n=[],r=0,i=0;if(a=!le.sortStable,o=!le.sortStable&&ae.call(e,0),de.call(e,l),a){while(t=e[i++])t===e[i]&&(r=n.push(i));while(r--)he.call(e,n[r],1)}return o=null,e},ce.fn.uniqueSort=function(){return this.pushStack(ce.uniqueSort(ae.apply(this)))},(b=ce.expr={cacheLength:50,createPseudo:F,match:D,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(O,P),e[3]=(e[3]||e[4]||e[5]||"").replace(O,P),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||I.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&I.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return D.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&j.test(n)&&(t=Y(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(O,P).toLowerCase();return"*"===e?function(){return!0}:function(e){return fe(e,t)}},CLASS:function(e){var t=s[e+" "];return t||(t=new RegExp("(^|"+ge+")"+e+"("+ge+"|$)"))&&s(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=I.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1<t.indexOf(i):"$="===r?i&&t.slice(-i.length)===i:"~="===r?-1<(" "+t.replace(v," ")+" ").indexOf(i):"|="===r&&(t===i||t.slice(0,i.length+1)===i+"-"))}},CHILD:function(d,e,t,h,g){var v="nth"!==d.slice(0,3),y="last"!==d.slice(-4),m="of-type"===e;return 1===h&&0===g?function(e){return!!e.parentNode}:function(e,t,n){var r,i,o,a,s,u=v!==y?"nextSibling":"previousSibling",l=e.parentNode,c=m&&e.nodeName.toLowerCase(),f=!n&&!m,p=!1;if(l){if(v){while(u){o=e;while(o=o[u])if(m?fe(o,c):1===o.nodeType)return!1;s=u="only"===d&&!s&&"nextSibling"}return!0}if(s=[y?l.firstChild:l.lastChild],y&&f){p=(a=(r=(i=l[S]||(l[S]={}))[d]||[])[0]===E&&r[1])&&r[2],o=a&&l.childNodes[a];while(o=++a&&o&&o[u]||(p=a=0)||s.pop())if(1===o.nodeType&&++p&&o===e){i[d]=[E,a,p];break}}else if(f&&(p=a=(r=(i=e[S]||(e[S]={}))[d]||[])[0]===E&&r[1]),!1===p)while(o=++a&&o&&o[u]||(p=a=0)||s.pop())if((m?fe(o,c):1===o.nodeType)&&++p&&(f&&((i=o[S]||(o[S]={}))[d]=[E,p]),o===e))break;return(p-=g)===h||p%h==0&&0<=p/h}}},PSEUDO:function(e,o){var t,a=b.pseudos[e]||b.setFilters[e.toLowerCase()]||I.error("unsupported pseudo: "+e);return a[S]?a(o):1<a.length?(t=[e,e,"",o],b.setFilters.hasOwnProperty(e.toLowerCase())?F(function(e,t){var n,r=a(e,o),i=r.length;while(i--)e[n=se.call(e,r[i])]=!(t[n]=r[i])}):function(e){return a(e,0,t)}):a}},pseudos:{not:F(function(e){var r=[],i=[],s=ne(e.replace(ve,"$1"));return s[S]?F(function(e,t,n,r){var i,o=s(e,null,r,[]),a=e.length;while(a--)(i=o[a])&&(e[a]=!(t[a]=i))}):function(e,t,n){return r[0]=e,s(r,null,n,i),r[0]=null,!i.pop()}}),has:F(function(t){return function(e){return 0<I(t,e).length}}),contains:F(function(t){return t=t.replace(O,P),function(e){return-1<(e.textContent||ce.text(e)).indexOf(t)}}),lang:F(function(n){return A.test(n||"")||I.error("unsupported lang: "+n),n=n.replace(O,P).toLowerCase(),function(e){var t;do{if(t=C?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=ie.location&&ie.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===r},focus:function(e){return e===function(){try{return T.activeElement}catch(e){}}()&&T.hasFocus()&&!!(e.type||e.href||~e.tabIndex)},enabled:z(!1),disabled:z(!0),checked:function(e){return fe(e,"input")&&!!e.checked||fe(e,"option")&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!b.pseudos.empty(e)},header:function(e){return q.test(e.nodeName)},input:function(e){return N.test(e.nodeName)},button:function(e){return fe(e,"input")&&"button"===e.type||fe(e,"button")},text:function(e){var t;return fe(e,"input")&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:X(function(){return[0]}),last:X(function(e,t){return[t-1]}),eq:X(function(e,t,n){return[n<0?n+t:n]}),even:X(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:X(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:X(function(e,t,n){var r;for(r=n<0?n+t:t<n?t:n;0<=--r;)e.push(r);return e}),gt:X(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=b.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})b.pseudos[e]=B(e);for(e in{submit:!0,reset:!0})b.pseudos[e]=_(e);function G(){}function Y(e,t){var n,r,i,o,a,s,u,l=c[e+" "];if(l)return t?0:l.slice(0);a=e,s=[],u=b.preFilter;while(a){for(o in n&&!(r=y.exec(a))||(r&&(a=a.slice(r[0].length)||a),s.push(i=[])),n=!1,(r=m.exec(a))&&(n=r.shift(),i.push({value:n,type:r[0].replace(ve," ")}),a=a.slice(n.length)),b.filter)!(r=D[o].exec(a))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?I.error(e):c(e,s).slice(0)}function Q(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function J(a,e,t){var s=e.dir,u=e.next,l=u||s,c=t&&"parentNode"===l,f=n++;return e.first?function(e,t,n){while(e=e[s])if(1===e.nodeType||c)return a(e,t,n);return!1}:function(e,t,n){var r,i,o=[E,f];if(n){while(e=e[s])if((1===e.nodeType||c)&&a(e,t,n))return!0}else while(e=e[s])if(1===e.nodeType||c)if(i=e[S]||(e[S]={}),u&&fe(e,u))e=e[s]||e;else{if((r=i[l])&&r[0]===E&&r[1]===f)return o[2]=r[2];if((i[l]=o)[2]=a(e,t,n))return!0}return!1}}function K(i){return 1<i.length?function(e,t,n){var r=i.length;while(r--)if(!i[r](e,t,n))return!1;return!0}:i[0]}function Z(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function ee(d,h,g,v,y,e){return v&&!v[S]&&(v=ee(v)),y&&!y[S]&&(y=ee(y,e)),F(function(e,t,n,r){var i,o,a,s,u=[],l=[],c=t.length,f=e||function(e,t,n){for(var r=0,i=t.length;r<i;r++)I(e,t[r],n);return n}(h||"*",n.nodeType?[n]:n,[]),p=!d||!e&&h?f:Z(f,u,d,n,r);if(g?g(p,s=y||(e?d:c||v)?[]:t,n,r):s=p,v){i=Z(s,l),v(i,[],n,r),o=i.length;while(o--)(a=i[o])&&(s[l[o]]=!(p[l[o]]=a))}if(e){if(y||d){if(y){i=[],o=s.length;while(o--)(a=s[o])&&i.push(p[o]=a);y(null,s=[],i,r)}o=s.length;while(o--)(a=s[o])&&-1<(i=y?se.call(e,a):u[o])&&(e[i]=!(t[i]=a))}}else s=Z(s===t?s.splice(c,s.length):s),y?y(null,t,s,r):k.apply(t,s)})}function te(e){for(var i,t,n,r=e.length,o=b.relative[e[0].type],a=o||b.relative[" "],s=o?1:0,u=J(function(e){return e===i},a,!0),l=J(function(e){return-1<se.call(i,e)},a,!0),c=[function(e,t,n){var r=!o&&(n||t!=w)||((i=t).nodeType?u(e,t,n):l(e,t,n));return i=null,r}];s<r;s++)if(t=b.relative[e[s].type])c=[J(K(c),t)];else{if((t=b.filter[e[s].type].apply(null,e[s].matches))[S]){for(n=++s;n<r;n++)if(b.relative[e[n].type])break;return ee(1<s&&K(c),1<s&&Q(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace(ve,"$1"),t,s<n&&te(e.slice(s,n)),n<r&&te(e=e.slice(n)),n<r&&Q(e))}c.push(t)}return K(c)}function ne(e,t){var n,v,y,m,x,r,i=[],o=[],a=u[e+" "];if(!a){t||(t=Y(e)),n=t.length;while(n--)(a=te(t[n]))[S]?i.push(a):o.push(a);(a=u(e,(v=o,m=0<(y=i).length,x=0<v.length,r=function(e,t,n,r,i){var o,a,s,u=0,l="0",c=e&&[],f=[],p=w,d=e||x&&b.find.TAG("*",i),h=E+=null==p?1:Math.random()||.1,g=d.length;for(i&&(w=t==T||t||i);l!==g&&null!=(o=d[l]);l++){if(x&&o){a=0,t||o.ownerDocument==T||(V(o),n=!C);while(s=v[a++])if(s(o,t||T,n)){k.call(r,o);break}i&&(E=h)}m&&((o=!s&&o)&&u--,e&&c.push(o))}if(u+=l,m&&l!==u){a=0;while(s=y[a++])s(c,f,t,n);if(e){if(0<u)while(l--)c[l]||f[l]||(f[l]=pe.call(r));f=Z(f)}k.apply(r,f),i&&!e&&0<f.length&&1<u+y.length&&ce.uniqueSort(r)}return i&&(E=h,w=p),c},m?F(r):r))).selector=e}return a}function re(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,c=!r&&Y(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(a=o[0]).type&&9===t.nodeType&&C&&b.relative[o[1].type]){if(!(t=(b.find.ID(a.matches[0].replace(O,P),t)||[])[0]))return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}i=D.needsContext.test(e)?0:o.length;while(i--){if(a=o[i],b.relative[s=a.type])break;if((u=b.find[s])&&(r=u(a.matches[0].replace(O,P),H.test(o[0].type)&&U(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&Q(o)))return k.apply(n,r),n;break}}}return(l||ne(e,c))(r,t,!C,n,!t||H.test(e)&&U(t.parentNode)||t),n}G.prototype=b.filters=b.pseudos,b.setFilters=new G,le.sortStable=S.split("").sort(l).join("")===S,V(),le.sortDetached=$(function(e){return 1&e.compareDocumentPosition(T.createElement("fieldset"))}),ce.find=I,ce.expr[":"]=ce.expr.pseudos,ce.unique=ce.uniqueSort,I.compile=ne,I.select=re,I.setDocument=V,I.tokenize=Y,I.escape=ce.escapeSelector,I.getText=ce.text,I.isXML=ce.isXMLDoc,I.selectors=ce.expr,I.support=ce.support,I.uniqueSort=ce.uniqueSort}();var d=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&ce(e).is(n))break;r.push(e)}return r},h=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},b=ce.expr.match.needsContext,w=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function T(e,n,r){return v(n)?ce.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?ce.grep(e,function(e){return e===n!==r}):"string"!=typeof n?ce.grep(e,function(e){return-1<se.call(n,e)!==r}):ce.filter(n,e,r)}ce.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?ce.find.matchesSelector(r,e)?[r]:[]:ce.find.matches(e,ce.grep(t,function(e){return 1===e.nodeType}))},ce.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(ce(e).filter(function(){for(t=0;t<r;t++)if(ce.contains(i[t],this))return!0}));for(n=this.pushStack([]),t=0;t<r;t++)ce.find(e,i[t],n);return 1<r?ce.uniqueSort(n):n},filter:function(e){return this.pushStack(T(this,e||[],!1))},not:function(e){return this.pushStack(T(this,e||[],!0))},is:function(e){return!!T(this,"string"==typeof e&&b.test(e)?ce(e):e||[],!1).length}});var k,S=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(ce.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||k,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:S.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof ce?t[0]:t,ce.merge(this,ce.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:C,!0)),w.test(r[1])&&ce.isPlainObject(t))for(r in t)v(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=C.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):v(e)?void 0!==n.ready?n.ready(e):e(ce):ce.makeArray(e,this)}).prototype=ce.fn,k=ce(C);var E=/^(?:parents|prev(?:Until|All))/,j={children:!0,contents:!0,next:!0,prev:!0};function A(e,t){while((e=e[t])&&1!==e.nodeType);return e}ce.fn.extend({has:function(e){var t=ce(e,this),n=t.length;return this.filter(function(){for(var e=0;e<n;e++)if(ce.contains(this,t[e]))return!0})},closest:function(e,t){var n,r=0,i=this.length,o=[],a="string"!=typeof e&&ce(e);if(!b.test(e))for(;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?-1<a.index(n):1===n.nodeType&&ce.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(1<o.length?ce.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?se.call(ce(e),this[0]):se.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(ce.uniqueSort(ce.merge(this.get(),ce(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),ce.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return d(e,"parentNode")},parentsUntil:function(e,t,n){return d(e,"parentNode",n)},next:function(e){return A(e,"nextSibling")},prev:function(e){return A(e,"previousSibling")},nextAll:function(e){return d(e,"nextSibling")},prevAll:function(e){return d(e,"previousSibling")},nextUntil:function(e,t,n){return d(e,"nextSibling",n)},prevUntil:function(e,t,n){return d(e,"previousSibling",n)},siblings:function(e){return h((e.parentNode||{}).firstChild,e)},children:function(e){return h(e.firstChild)},contents:function(e){return null!=e.contentDocument&&r(e.contentDocument)?e.contentDocument:(fe(e,"template")&&(e=e.content||e),ce.merge([],e.childNodes))}},function(r,i){ce.fn[r]=function(e,t){var n=ce.map(this,i,e);return"Until"!==r.slice(-5)&&(t=e),t&&"string"==typeof t&&(n=ce.filter(t,n)),1<this.length&&(j[r]||ce.uniqueSort(n),E.test(r)&&n.reverse()),this.pushStack(n)}});var D=/[^\x20\t\r\n\f]+/g;function N(e){return e}function q(e){throw e}function L(e,t,n,r){var i;try{e&&v(i=e.promise)?i.call(e).done(t).fail(n):e&&v(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}ce.Callbacks=function(r){var e,n;r="string"==typeof r?(e=r,n={},ce.each(e.match(D)||[],function(e,t){n[t]=!0}),n):ce.extend({},r);var i,t,o,a,s=[],u=[],l=-1,c=function(){for(a=a||r.once,o=i=!0;u.length;l=-1){t=u.shift();while(++l<s.length)!1===s[l].apply(t[0],t[1])&&r.stopOnFalse&&(l=s.length,t=!1)}r.memory||(t=!1),i=!1,a&&(s=t?[]:"")},f={add:function(){return s&&(t&&!i&&(l=s.length-1,u.push(t)),function n(e){ce.each(e,function(e,t){v(t)?r.unique&&f.has(t)||s.push(t):t&&t.length&&"string"!==x(t)&&n(t)})}(arguments),t&&!i&&c()),this},remove:function(){return ce.each(arguments,function(e,t){var n;while(-1<(n=ce.inArray(t,s,n)))s.splice(n,1),n<=l&&l--}),this},has:function(e){return e?-1<ce.inArray(e,s):0<s.length},empty:function(){return s&&(s=[]),this},disable:function(){return a=u=[],s=t="",this},disabled:function(){return!s},lock:function(){return a=u=[],t||i||(s=t=""),this},locked:function(){return!!a},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],u.push(t),i||c()),this},fire:function(){return f.fireWith(this,arguments),this},fired:function(){return!!o}};return f},ce.extend({Deferred:function(e){var o=[["notify","progress",ce.Callbacks("memory"),ce.Callbacks("memory"),2],["resolve","done",ce.Callbacks("once memory"),ce.Callbacks("once memory"),0,"resolved"],["reject","fail",ce.Callbacks("once memory"),ce.Callbacks("once memory"),1,"rejected"]],i="pending",a={state:function(){return i},always:function(){return s.done(arguments).fail(arguments),this},"catch":function(e){return a.then(null,e)},pipe:function(){var i=arguments;return ce.Deferred(function(r){ce.each(o,function(e,t){var n=v(i[t[4]])&&i[t[4]];s[t[1]](function(){var e=n&&n.apply(this,arguments);e&&v(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments)})}),i=null}).promise()},then:function(t,n,r){var u=0;function l(i,o,a,s){return function(){var n=this,r=arguments,e=function(){var e,t;if(!(i<u)){if((e=a.apply(n,r))===o.promise())throw new TypeError("Thenable self-resolution");t=e&&("object"==typeof e||"function"==typeof e)&&e.then,v(t)?s?t.call(e,l(u,o,N,s),l(u,o,q,s)):(u++,t.call(e,l(u,o,N,s),l(u,o,q,s),l(u,o,N,o.notifyWith))):(a!==N&&(n=void 0,r=[e]),(s||o.resolveWith)(n,r))}},t=s?e:function(){try{e()}catch(e){ce.Deferred.exceptionHook&&ce.Deferred.exceptionHook(e,t.error),u<=i+1&&(a!==q&&(n=void 0,r=[e]),o.rejectWith(n,r))}};i?t():(ce.Deferred.getErrorHook?t.error=ce.Deferred.getErrorHook():ce.Deferred.getStackHook&&(t.error=ce.Deferred.getStackHook()),ie.setTimeout(t))}}return ce.Deferred(function(e){o[0][3].add(l(0,e,v(r)?r:N,e.notifyWith)),o[1][3].add(l(0,e,v(t)?t:N)),o[2][3].add(l(0,e,v(n)?n:q))}).promise()},promise:function(e){return null!=e?ce.extend(e,a):a}},s={};return ce.each(o,function(e,t){var n=t[2],r=t[5];a[t[1]]=n.add,r&&n.add(function(){i=r},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),s[t[0]]=function(){return s[t[0]+"With"](this===s?void 0:this,arguments),this},s[t[0]+"With"]=n.fireWith}),a.promise(s),e&&e.call(s,s),s},when:function(e){var n=arguments.length,t=n,r=Array(t),i=ae.call(arguments),o=ce.Deferred(),a=function(t){return function(e){r[t]=this,i[t]=1<arguments.length?ae.call(arguments):e,--n||o.resolveWith(r,i)}};if(n<=1&&(L(e,o.done(a(t)).resolve,o.reject,!n),"pending"===o.state()||v(i[t]&&i[t].then)))return o.then();while(t--)L(i[t],a(t),o.reject);return o.promise()}});var H=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;ce.Deferred.exceptionHook=function(e,t){ie.console&&ie.console.warn&&e&&H.test(e.name)&&ie.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},ce.readyException=function(e){ie.setTimeout(function(){throw e})};var O=ce.Deferred();function P(){C.removeEventListener("DOMContentLoaded",P),ie.removeEventListener("load",P),ce.ready()}ce.fn.ready=function(e){return O.then(e)["catch"](function(e){ce.readyException(e)}),this},ce.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--ce.readyWait:ce.isReady)||(ce.isReady=!0)!==e&&0<--ce.readyWait||O.resolveWith(C,[ce])}}),ce.ready.then=O.then,"complete"===C.readyState||"loading"!==C.readyState&&!C.documentElement.doScroll?ie.setTimeout(ce.ready):(C.addEventListener("DOMContentLoaded",P),ie.addEventListener("load",P));var M=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===x(n))for(s in i=!0,n)M(e,t,s,n[s],!0,o,a);else if(void 0!==r&&(i=!0,v(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(ce(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},R=/^-ms-/,I=/-([a-z])/g;function W(e,t){return t.toUpperCase()}function F(e){return e.replace(R,"ms-").replace(I,W)}var $=function(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType};function B(){this.expando=ce.expando+B.uid++}B.uid=1,B.prototype={cache:function(e){var t=e[this.expando];return t||(t={},$(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,n){var r,i=this.cache(e);if("string"==typeof t)i[F(t)]=n;else for(r in t)i[F(r)]=t[r];return i},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][F(t)]},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t)},remove:function(e,t){var n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(F):(t=F(t))in r?[t]:t.match(D)||[]).length;while(n--)delete r[t[n]]}(void 0===t||ce.isEmptyObject(r))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){var t=e[this.expando];return void 0!==t&&!ce.isEmptyObject(t)}};var _=new B,z=new B,X=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,U=/[A-Z]/g;function V(e,t,n){var r,i;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(U,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:X.test(i)?JSON.parse(i):i)}catch(e){}z.set(e,t,n)}else n=void 0;return n}ce.extend({hasData:function(e){return z.hasData(e)||_.hasData(e)},data:function(e,t,n){return z.access(e,t,n)},removeData:function(e,t){z.remove(e,t)},_data:function(e,t,n){return _.access(e,t,n)},_removeData:function(e,t){_.remove(e,t)}}),ce.fn.extend({data:function(n,e){var t,r,i,o=this[0],a=o&&o.attributes;if(void 0===n){if(this.length&&(i=z.get(o),1===o.nodeType&&!_.get(o,"hasDataAttrs"))){t=a.length;while(t--)a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=F(r.slice(5)),V(o,r,i[r]));_.set(o,"hasDataAttrs",!0)}return i}return"object"==typeof n?this.each(function(){z.set(this,n)}):M(this,function(e){var t;if(o&&void 0===e)return void 0!==(t=z.get(o,n))?t:void 0!==(t=V(o,n))?t:void 0;this.each(function(){z.set(this,n,e)})},null,e,1<arguments.length,null,!0)},removeData:function(e){return this.each(function(){z.remove(this,e)})}}),ce.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=_.get(e,t),n&&(!r||Array.isArray(n)?r=_.access(e,t,ce.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=ce.queue(e,t),r=n.length,i=n.shift(),o=ce._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){ce.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return _.get(e,n)||_.access(e,n,{empty:ce.Callbacks("once memory").add(function(){_.remove(e,[t+"queue",n])})})}}),ce.fn.extend({queue:function(t,n){var e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?ce.queue(this[0],t):void 0===n?this:this.each(function(){var e=ce.queue(this,t,n);ce._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&ce.dequeue(this,t)})},dequeue:function(e){return this.each(function(){ce.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=ce.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=void 0),e=e||"fx";while(a--)(n=_.get(o[a],e+"queueHooks"))&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}});var G=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,Y=new RegExp("^(?:([+-])=|)("+G+")([a-z%]*)$","i"),Q=["Top","Right","Bottom","Left"],J=C.documentElement,K=function(e){return ce.contains(e.ownerDocument,e)},Z={composed:!0};J.getRootNode&&(K=function(e){return ce.contains(e.ownerDocument,e)||e.getRootNode(Z)===e.ownerDocument});var ee=function(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&K(e)&&"none"===ce.css(e,"display")};function te(e,t,n,r){var i,o,a=20,s=r?function(){return r.cur()}:function(){return ce.css(e,t,"")},u=s(),l=n&&n[3]||(ce.cssNumber[t]?"":"px"),c=e.nodeType&&(ce.cssNumber[t]||"px"!==l&&+u)&&Y.exec(ce.css(e,t));if(c&&c[3]!==l){u/=2,l=l||c[3],c=+u||1;while(a--)ce.style(e,t,c+l),(1-o)*(1-(o=s()/u||.5))<=0&&(a=0),c/=o;c*=2,ce.style(e,t,c+l),n=n||[]}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}var ne={};function re(e,t){for(var n,r,i,o,a,s,u,l=[],c=0,f=e.length;c<f;c++)(r=e[c]).style&&(n=r.style.display,t?("none"===n&&(l[c]=_.get(r,"display")||null,l[c]||(r.style.display="")),""===r.style.display&&ee(r)&&(l[c]=(u=a=o=void 0,a=(i=r).ownerDocument,s=i.nodeName,(u=ne[s])||(o=a.body.appendChild(a.createElement(s)),u=ce.css(o,"display"),o.parentNode.removeChild(o),"none"===u&&(u="block"),ne[s]=u)))):"none"!==n&&(l[c]="none",_.set(r,"display",n)));for(c=0;c<f;c++)null!=l[c]&&(e[c].style.display=l[c]);return e}ce.fn.extend({show:function(){return re(this,!0)},hide:function(){return re(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){ee(this)?ce(this).show():ce(this).hide()})}});var xe,be,we=/^(?:checkbox|radio)$/i,Te=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,Ce=/^$|^module$|\/(?:java|ecma)script/i;xe=C.createDocumentFragment().appendChild(C.createElement("div")),(be=C.createElement("input")).setAttribute("type","radio"),be.setAttribute("checked","checked"),be.setAttribute("name","t"),xe.appendChild(be),le.checkClone=xe.cloneNode(!0).cloneNode(!0).lastChild.checked,xe.innerHTML="<textarea>x</textarea>",le.noCloneChecked=!!xe.cloneNode(!0).lastChild.defaultValue,xe.innerHTML="<option></option>",le.option=!!xe.lastChild;var ke={thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};function Se(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&fe(e,t)?ce.merge([e],n):n}function Ee(e,t){for(var n=0,r=e.length;n<r;n++)_.set(e[n],"globalEval",!t||_.get(t[n],"globalEval"))}ke.tbody=ke.tfoot=ke.colgroup=ke.caption=ke.thead,ke.th=ke.td,le.option||(ke.optgroup=ke.option=[1,"<select multiple='multiple'>","</select>"]);var je=/<|&#?\w+;/;function Ae(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d<h;d++)if((o=e[d])||0===o)if("object"===x(o))ce.merge(p,o.nodeType?[o]:o);else if(je.test(o)){a=a||f.appendChild(t.createElement("div")),s=(Te.exec(o)||["",""])[1].toLowerCase(),u=ke[s]||ke._default,a.innerHTML=u[1]+ce.htmlPrefilter(o)+u[2],c=u[0];while(c--)a=a.lastChild;ce.merge(p,a.childNodes),(a=f.firstChild).textContent=""}else p.push(t.createTextNode(o));f.textContent="",d=0;while(o=p[d++])if(r&&-1<ce.inArray(o,r))i&&i.push(o);else if(l=K(o),a=Se(f.appendChild(o),"script"),l&&Ee(a),n){c=0;while(o=a[c++])Ce.test(o.type||"")&&n.push(o)}return f}var De=/^([^.]*)(?:\.(.+)|)/;function Ne(){return!0}function qe(){return!1}function Le(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Le(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=qe;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return ce().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=ce.guid++)),e.each(function(){ce.event.add(this,t,i,r,n)})}function He(e,r,t){t?(_.set(e,r,!1),ce.event.add(e,r,{namespace:!1,handler:function(e){var t,n=_.get(this,r);if(1&e.isTrigger&&this[r]){if(n)(ce.event.special[r]||{}).delegateType&&e.stopPropagation();else if(n=ae.call(arguments),_.set(this,r,n),this[r](),t=_.get(this,r),_.set(this,r,!1),n!==t)return e.stopImmediatePropagation(),e.preventDefault(),t}else n&&(_.set(this,r,ce.event.trigger(n[0],n.slice(1),this)),e.stopPropagation(),e.isImmediatePropagationStopped=Ne)}})):void 0===_.get(e,r)&&ce.event.add(e,r,Ne)}ce.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=_.get(t);if($(t)){n.handler&&(n=(o=n).handler,i=o.selector),i&&ce.find.matchesSelector(J,i),n.guid||(n.guid=ce.guid++),(u=v.events)||(u=v.events=Object.create(null)),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof ce&&ce.event.triggered!==e.type?ce.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(D)||[""]).length;while(l--)d=g=(s=De.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=ce.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=ce.event.special[d]||{},c=ce.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&ce.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),ce.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=_.hasData(e)&&_.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(D)||[""]).length;while(l--)if(d=g=(s=De.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=ce.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||ce.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)ce.event.remove(e,d+t[l],n,r,!0);ce.isEmptyObject(u)&&_.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=new Array(arguments.length),u=ce.event.fix(e),l=(_.get(this,"events")||Object.create(null))[u.type]||[],c=ce.event.special[u.type]||{};for(s[0]=u,t=1;t<arguments.length;t++)s[t]=arguments[t];if(u.delegateTarget=this,!c.preDispatch||!1!==c.preDispatch.call(this,u)){a=ce.event.handlers.call(this,u,l),t=0;while((i=a[t++])&&!u.isPropagationStopped()){u.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!u.isImmediatePropagationStopped())u.rnamespace&&!1!==o.namespace&&!u.rnamespace.test(o.namespace)||(u.handleObj=o,u.data=o.data,void 0!==(r=((ce.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s))&&!1===(u.result=r)&&(u.preventDefault(),u.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,u),u.result}},handlers:function(e,t){var n,r,i,o,a,s=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n<u;n++)void 0===a[i=(r=t[n]).selector+" "]&&(a[i]=r.needsContext?-1<ce(i,this).index(l):ce.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u<t.length&&s.push({elem:l,handlers:t.slice(u)}),s},addProp:function(t,e){Object.defineProperty(ce.Event.prototype,t,{enumerable:!0,configurable:!0,get:v(e)?function(){if(this.originalEvent)return e(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[t]},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e})}})},fix:function(e){return e[ce.expando]?e:new ce.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){var t=this||e;return we.test(t.type)&&t.click&&fe(t,"input")&&He(t,"click",!0),!1},trigger:function(e){var t=this||e;return we.test(t.type)&&t.click&&fe(t,"input")&&He(t,"click"),!0},_default:function(e){var t=e.target;return we.test(t.type)&&t.click&&fe(t,"input")&&_.get(t,"click")||fe(t,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}},ce.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)},ce.Event=function(e,t){if(!(this instanceof ce.Event))return new ce.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?Ne:qe,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&ce.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[ce.expando]=!0},ce.Event.prototype={constructor:ce.Event,isDefaultPrevented:qe,isPropagationStopped:qe,isImmediatePropagationStopped:qe,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=Ne,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=Ne,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=Ne,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},ce.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,"char":!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:!0},ce.event.addProp),ce.each({focus:"focusin",blur:"focusout"},function(r,i){function o(e){if(C.documentMode){var t=_.get(this,"handle"),n=ce.event.fix(e);n.type="focusin"===e.type?"focus":"blur",n.isSimulated=!0,t(e),n.target===n.currentTarget&&t(n)}else ce.event.simulate(i,e.target,ce.event.fix(e))}ce.event.special[r]={setup:function(){var e;if(He(this,r,!0),!C.documentMode)return!1;(e=_.get(this,i))||this.addEventListener(i,o),_.set(this,i,(e||0)+1)},trigger:function(){return He(this,r),!0},teardown:function(){var e;if(!C.documentMode)return!1;(e=_.get(this,i)-1)?_.set(this,i,e):(this.removeEventListener(i,o),_.remove(this,i))},_default:function(e){return _.get(e.target,r)},delegateType:i},ce.event.special[i]={setup:function(){var e=this.ownerDocument||this.document||this,t=C.documentMode?this:e,n=_.get(t,i);n||(C.documentMode?this.addEventListener(i,o):e.addEventListener(r,o,!0)),_.set(t,i,(n||0)+1)},teardown:function(){var e=this.ownerDocument||this.document||this,t=C.documentMode?this:e,n=_.get(t,i)-1;n?_.set(t,i,n):(C.documentMode?this.removeEventListener(i,o):e.removeEventListener(r,o,!0),_.remove(t,i))}}}),ce.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){ce.event.special[e]={delegateType:i,bindType:i,handle:function(e){var t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||ce.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t}}}),ce.fn.extend({on:function(e,t,n,r){return Le(this,e,t,n,r)},one:function(e,t,n,r){return Le(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,ce(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=qe),this.each(function(){ce.event.remove(this,e,n,t)})}});var Oe=/<script|<style|<link/i,Pe=/checked\s*(?:[^=]|=\s*.checked.)/i,Me=/^\s*<!\[CDATA\[|\]\]>\s*$/g;function Re(e,t){return fe(e,"table")&&fe(11!==t.nodeType?t:t.firstChild,"tr")&&ce(e).children("tbody")[0]||e}function Ie(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function We(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Fe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(_.hasData(e)&&(s=_.get(e).events))for(i in _.remove(t,"handle events"),s)for(n=0,r=s[i].length;n<r;n++)ce.event.add(t,i,s[i][n]);z.hasData(e)&&(o=z.access(e),a=ce.extend({},o),z.set(t,a))}}function $e(n,r,i,o){r=g(r);var e,t,a,s,u,l,c=0,f=n.length,p=f-1,d=r[0],h=v(d);if(h||1<f&&"string"==typeof d&&!le.checkClone&&Pe.test(d))return n.each(function(e){var t=n.eq(e);h&&(r[0]=d.call(this,e,t.html())),$e(t,r,i,o)});if(f&&(t=(e=Ae(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(s=(a=ce.map(Se(e,"script"),Ie)).length;c<f;c++)u=e,c!==p&&(u=ce.clone(u,!0,!0),s&&ce.merge(a,Se(u,"script"))),i.call(n[c],u,c);if(s)for(l=a[a.length-1].ownerDocument,ce.map(a,We),c=0;c<s;c++)u=a[c],Ce.test(u.type||"")&&!_.access(u,"globalEval")&&ce.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?ce._evalUrl&&!u.noModule&&ce._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")},l):m(u.textContent.replace(Me,""),u,l))}return n}function Be(e,t,n){for(var r,i=t?ce.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||ce.cleanData(Se(r)),r.parentNode&&(n&&K(r)&&Ee(Se(r,"script")),r.parentNode.removeChild(r));return e}ce.extend({htmlPrefilter:function(e){return e},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=K(e);if(!(le.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||ce.isXMLDoc(e)))for(a=Se(c),r=0,i=(o=Se(e)).length;r<i;r++)s=o[r],u=a[r],void 0,"input"===(l=u.nodeName.toLowerCase())&&we.test(s.type)?u.checked=s.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=s.defaultValue);if(t)if(n)for(o=o||Se(e),a=a||Se(c),r=0,i=o.length;r<i;r++)Fe(o[r],a[r]);else Fe(e,c);return 0<(a=Se(c,"script")).length&&Ee(a,!f&&Se(e,"script")),c},cleanData:function(e){for(var t,n,r,i=ce.event.special,o=0;void 0!==(n=e[o]);o++)if($(n)){if(t=n[_.expando]){if(t.events)for(r in t.events)i[r]?ce.event.remove(n,r):ce.removeEvent(n,r,t.handle);n[_.expando]=void 0}n[z.expando]&&(n[z.expando]=void 0)}}}),ce.fn.extend({detach:function(e){return Be(this,e,!0)},remove:function(e){return Be(this,e)},text:function(e){return M(this,function(e){return void 0===e?ce.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return $e(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||Re(this,e).appendChild(e)})},prepend:function(){return $e(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Re(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return $e(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return $e(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(ce.cleanData(Se(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return ce.clone(this,e,t)})},html:function(e){return M(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!Oe.test(e)&&!ke[(Te.exec(e)||["",""])[1].toLowerCase()]){e=ce.htmlPrefilter(e);try{for(;n<r;n++)1===(t=this[n]||{}).nodeType&&(ce.cleanData(Se(t,!1)),t.innerHTML=e);t=0}catch(e){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var n=[];return $e(this,arguments,function(e){var t=this.parentNode;ce.inArray(this,n)<0&&(ce.cleanData(Se(this)),t&&t.replaceChild(e,this))},n)}}),ce.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,a){ce.fn[e]=function(e){for(var t,n=[],r=ce(e),i=r.length-1,o=0;o<=i;o++)t=o===i?this:this.clone(!0),ce(r[o])[a](t),s.apply(n,t.get());return this.pushStack(n)}});var _e=new RegExp("^("+G+")(?!px)[a-z%]+$","i"),ze=/^--/,Xe=function(e){var t=e.ownerDocument.defaultView;return t&&t.opener||(t=ie),t.getComputedStyle(e)},Ue=function(e,t,n){var r,i,o={};for(i in t)o[i]=e.style[i],e.style[i]=t[i];for(i in r=n.call(e),t)e.style[i]=o[i];return r},Ve=new RegExp(Q.join("|"),"i");function Ge(e,t,n){var r,i,o,a,s=ze.test(t),u=e.style;return(n=n||Xe(e))&&(a=n.getPropertyValue(t)||n[t],s&&a&&(a=a.replace(ve,"$1")||void 0),""!==a||K(e)||(a=ce.style(e,t)),!le.pixelBoxStyles()&&_e.test(a)&&Ve.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=n.width,u.width=r,u.minWidth=i,u.maxWidth=o)),void 0!==a?a+"":a}function Ye(e,t){return{get:function(){if(!e())return(this.get=t).apply(this,arguments);delete this.get}}}!function(){function e(){if(l){u.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",l.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",J.appendChild(u).appendChild(l);var e=ie.getComputedStyle(l);n="1%"!==e.top,s=12===t(e.marginLeft),l.style.right="60%",o=36===t(e.right),r=36===t(e.width),l.style.position="absolute",i=12===t(l.offsetWidth/3),J.removeChild(u),l=null}}function t(e){return Math.round(parseFloat(e))}var n,r,i,o,a,s,u=C.createElement("div"),l=C.createElement("div");l.style&&(l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",le.clearCloneStyle="content-box"===l.style.backgroundClip,ce.extend(le,{boxSizingReliable:function(){return e(),r},pixelBoxStyles:function(){return e(),o},pixelPosition:function(){return e(),n},reliableMarginLeft:function(){return e(),s},scrollboxSize:function(){return e(),i},reliableTrDimensions:function(){var e,t,n,r;return null==a&&(e=C.createElement("table"),t=C.createElement("tr"),n=C.createElement("div"),e.style.cssText="position:absolute;left:-11111px;border-collapse:separate",t.style.cssText="box-sizing:content-box;border:1px solid",t.style.height="1px",n.style.height="9px",n.style.display="block",J.appendChild(e).appendChild(t).appendChild(n),r=ie.getComputedStyle(t),a=parseInt(r.height,10)+parseInt(r.borderTopWidth,10)+parseInt(r.borderBottomWidth,10)===t.offsetHeight,J.removeChild(e)),a}}))}();var Qe=["Webkit","Moz","ms"],Je=C.createElement("div").style,Ke={};function Ze(e){var t=ce.cssProps[e]||Ke[e];return t||(e in Je?e:Ke[e]=function(e){var t=e[0].toUpperCase()+e.slice(1),n=Qe.length;while(n--)if((e=Qe[n]+t)in Je)return e}(e)||e)}var et=/^(none|table(?!-c[ea]).+)/,tt={position:"absolute",visibility:"hidden",display:"block"},nt={letterSpacing:"0",fontWeight:"400"};function rt(e,t,n){var r=Y.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t}function it(e,t,n,r,i,o){var a="width"===t?1:0,s=0,u=0,l=0;if(n===(r?"border":"content"))return 0;for(;a<4;a+=2)"margin"===n&&(l+=ce.css(e,n+Q[a],!0,i)),r?("content"===n&&(u-=ce.css(e,"padding"+Q[a],!0,i)),"margin"!==n&&(u-=ce.css(e,"border"+Q[a]+"Width",!0,i))):(u+=ce.css(e,"padding"+Q[a],!0,i),"padding"!==n?u+=ce.css(e,"border"+Q[a]+"Width",!0,i):s+=ce.css(e,"border"+Q[a]+"Width",!0,i));return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))||0),u+l}function ot(e,t,n){var r=Xe(e),i=(!le.boxSizingReliable()||n)&&"border-box"===ce.css(e,"boxSizing",!1,r),o=i,a=Ge(e,t,r),s="offset"+t[0].toUpperCase()+t.slice(1);if(_e.test(a)){if(!n)return a;a="auto"}return(!le.boxSizingReliable()&&i||!le.reliableTrDimensions()&&fe(e,"tr")||"auto"===a||!parseFloat(a)&&"inline"===ce.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===ce.css(e,"boxSizing",!1,r),(o=s in e)&&(a=e[s])),(a=parseFloat(a)||0)+it(e,t,n||(i?"border":"content"),o,r,a)+"px"}function at(e,t,n,r,i){return new at.prototype.init(e,t,n,r,i)}ce.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Ge(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,aspectRatio:!0,borderImageSlice:!0,columnCount:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,scale:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeMiterlimit:!0,strokeOpacity:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=F(t),u=ze.test(t),l=e.style;if(u||(t=Ze(s)),a=ce.cssHooks[t]||ce.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"===(o=typeof n)&&(i=Y.exec(n))&&i[1]&&(n=te(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(ce.cssNumber[s]?"":"px")),le.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=F(t);return ze.test(t)||(t=Ze(s)),(a=ce.cssHooks[t]||ce.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=Ge(e,t,r)),"normal"===i&&t in nt&&(i=nt[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),ce.each(["height","width"],function(e,u){ce.cssHooks[u]={get:function(e,t,n){if(t)return!et.test(ce.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?ot(e,u,n):Ue(e,tt,function(){return ot(e,u,n)})},set:function(e,t,n){var r,i=Xe(e),o=!le.scrollboxSize()&&"absolute"===i.position,a=(o||n)&&"border-box"===ce.css(e,"boxSizing",!1,i),s=n?it(e,u,n,a,i):0;return a&&o&&(s-=Math.ceil(e["offset"+u[0].toUpperCase()+u.slice(1)]-parseFloat(i[u])-it(e,u,"border",!1,i)-.5)),s&&(r=Y.exec(t))&&"px"!==(r[3]||"px")&&(e.style[u]=t,t=ce.css(e,u)),rt(0,t,s)}}}),ce.cssHooks.marginLeft=Ye(le.reliableMarginLeft,function(e,t){if(t)return(parseFloat(Ge(e,"marginLeft"))||e.getBoundingClientRect().left-Ue(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),ce.each({margin:"",padding:"",border:"Width"},function(i,o){ce.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++)n[i+Q[t]+o]=r[t]||r[t-2]||r[0];return n}},"margin"!==i&&(ce.cssHooks[i+o].set=rt)}),ce.fn.extend({css:function(e,t){return M(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=Xe(e),i=t.length;a<i;a++)o[t[a]]=ce.css(e,t[a],!1,r);return o}return void 0!==n?ce.style(e,t,n):ce.css(e,t)},e,t,1<arguments.length)}}),((ce.Tween=at).prototype={constructor:at,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||ce.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(ce.cssNumber[n]?"":"px")},cur:function(){var e=at.propHooks[this.prop];return e&&e.get?e.get(this):at.propHooks._default.get(this)},run:function(e){var t,n=at.propHooks[this.prop];return this.options.duration?this.pos=t=ce.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):at.propHooks._default.set(this),this}}).init.prototype=at.prototype,(at.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=ce.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){ce.fx.step[e.prop]?ce.fx.step[e.prop](e):1!==e.elem.nodeType||!ce.cssHooks[e.prop]&&null==e.elem.style[Ze(e.prop)]?e.elem[e.prop]=e.now:ce.style(e.elem,e.prop,e.now+e.unit)}}}).scrollTop=at.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},ce.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},ce.fx=at.prototype.init,ce.fx.step={};var st,ut,lt,ct,ft=/^(?:toggle|show|hide)$/,pt=/queueHooks$/;function dt(){ut&&(!1===C.hidden&&ie.requestAnimationFrame?ie.requestAnimationFrame(dt):ie.setTimeout(dt,ce.fx.interval),ce.fx.tick())}function ht(){return ie.setTimeout(function(){st=void 0}),st=Date.now()}function gt(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=Q[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function vt(e,t,n){for(var r,i=(yt.tweeners[t]||[]).concat(yt.tweeners["*"]),o=0,a=i.length;o<a;o++)if(r=i[o].call(n,t,e))return r}function yt(o,e,t){var n,a,r=0,i=yt.prefilters.length,s=ce.Deferred().always(function(){delete u.elem}),u=function(){if(a)return!1;for(var e=st||ht(),t=Math.max(0,l.startTime+l.duration-e),n=1-(t/l.duration||0),r=0,i=l.tweens.length;r<i;r++)l.tweens[r].run(n);return s.notifyWith(o,[l,n,t]),n<1&&i?t:(i||s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l]),!1)},l=s.promise({elem:o,props:ce.extend({},e),opts:ce.extend(!0,{specialEasing:{},easing:ce.easing._default},t),originalProperties:e,originalOptions:t,startTime:st||ht(),duration:t.duration,tweens:[],createTween:function(e,t){var n=ce.Tween(o,l.opts,e,t,l.opts.specialEasing[e]||l.opts.easing);return l.tweens.push(n),n},stop:function(e){var t=0,n=e?l.tweens.length:0;if(a)return this;for(a=!0;t<n;t++)l.tweens[t].run(1);return e?(s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l,e])):s.rejectWith(o,[l,e]),this}}),c=l.props;for(!function(e,t){var n,r,i,o,a;for(n in e)if(i=t[r=F(n)],o=e[n],Array.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),(a=ce.cssHooks[r])&&"expand"in a)for(n in o=a.expand(o),delete e[r],o)n in e||(e[n]=o[n],t[n]=i);else t[r]=i}(c,l.opts.specialEasing);r<i;r++)if(n=yt.prefilters[r].call(l,o,c,l.opts))return v(n.stop)&&(ce._queueHooks(l.elem,l.opts.queue).stop=n.stop.bind(n)),n;return ce.map(c,vt,l),v(l.opts.start)&&l.opts.start.call(o,l),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always),ce.fx.timer(ce.extend(u,{elem:o,anim:l,queue:l.opts.queue})),l}ce.Animation=ce.extend(yt,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return te(n.elem,e,Y.exec(t),n),n}]},tweener:function(e,t){v(e)?(t=e,e=["*"]):e=e.match(D);for(var n,r=0,i=e.length;r<i;r++)n=e[r],yt.tweeners[n]=yt.tweeners[n]||[],yt.tweeners[n].unshift(t)},prefilters:[function(e,t,n){var r,i,o,a,s,u,l,c,f="width"in t||"height"in t,p=this,d={},h=e.style,g=e.nodeType&&ee(e),v=_.get(e,"fxshow");for(r in n.queue||(null==(a=ce._queueHooks(e,"fx")).unqueued&&(a.unqueued=0,s=a.empty.fire,a.empty.fire=function(){a.unqueued||s()}),a.unqueued++,p.always(function(){p.always(function(){a.unqueued--,ce.queue(e,"fx").length||a.empty.fire()})})),t)if(i=t[r],ft.test(i)){if(delete t[r],o=o||"toggle"===i,i===(g?"hide":"show")){if("show"!==i||!v||void 0===v[r])continue;g=!0}d[r]=v&&v[r]||ce.style(e,r)}if((u=!ce.isEmptyObject(t))||!ce.isEmptyObject(d))for(r in f&&1===e.nodeType&&(n.overflow=[h.overflow,h.overflowX,h.overflowY],null==(l=v&&v.display)&&(l=_.get(e,"display")),"none"===(c=ce.css(e,"display"))&&(l?c=l:(re([e],!0),l=e.style.display||l,c=ce.css(e,"display"),re([e]))),("inline"===c||"inline-block"===c&&null!=l)&&"none"===ce.css(e,"float")&&(u||(p.done(function(){h.display=l}),null==l&&(c=h.display,l="none"===c?"":c)),h.display="inline-block")),n.overflow&&(h.overflow="hidden",p.always(function(){h.overflow=n.overflow[0],h.overflowX=n.overflow[1],h.overflowY=n.overflow[2]})),u=!1,d)u||(v?"hidden"in v&&(g=v.hidden):v=_.access(e,"fxshow",{display:l}),o&&(v.hidden=!g),g&&re([e],!0),p.done(function(){for(r in g||re([e]),_.remove(e,"fxshow"),d)ce.style(e,r,d[r])})),u=vt(g?v[r]:0,r,p),r in v||(v[r]=u.start,g&&(u.end=u.start,u.start=0))}],prefilter:function(e,t){t?yt.prefilters.unshift(e):yt.prefilters.push(e)}}),ce.speed=function(e,t,n){var r=e&&"object"==typeof e?ce.extend({},e):{complete:n||!n&&t||v(e)&&e,duration:e,easing:n&&t||t&&!v(t)&&t};return ce.fx.off?r.duration=0:"number"!=typeof r.duration&&(r.duration in ce.fx.speeds?r.duration=ce.fx.speeds[r.duration]:r.duration=ce.fx.speeds._default),null!=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function(){v(r.old)&&r.old.call(this),r.queue&&ce.dequeue(this,r.queue)},r},ce.fn.extend({fadeTo:function(e,t,n,r){return this.filter(ee).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(t,e,n,r){var i=ce.isEmptyObject(t),o=ce.speed(e,n,r),a=function(){var e=yt(this,ce.extend({},t),o);(i||_.get(this,"finish"))&&e.stop(!0)};return a.finish=a,i||!1===o.queue?this.each(a):this.queue(o.queue,a)},stop:function(i,e,o){var a=function(e){var t=e.stop;delete e.stop,t(o)};return"string"!=typeof i&&(o=e,e=i,i=void 0),e&&this.queue(i||"fx",[]),this.each(function(){var e=!0,t=null!=i&&i+"queueHooks",n=ce.timers,r=_.get(this);if(t)r[t]&&r[t].stop&&a(r[t]);else for(t in r)r[t]&&r[t].stop&&pt.test(t)&&a(r[t]);for(t=n.length;t--;)n[t].elem!==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));!e&&o||ce.dequeue(this,i)})},finish:function(a){return!1!==a&&(a=a||"fx"),this.each(function(){var e,t=_.get(this),n=t[a+"queue"],r=t[a+"queueHooks"],i=ce.timers,o=n?n.length:0;for(t.finish=!0,ce.queue(this,a,[]),r&&r.stop&&r.stop.call(this,!0),e=i.length;e--;)i[e].elem===this&&i[e].queue===a&&(i[e].anim.stop(!0),i.splice(e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].finish.call(this);delete t.finish})}}),ce.each(["toggle","show","hide"],function(e,r){var i=ce.fn[r];ce.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?i.apply(this,arguments):this.animate(gt(r,!0),e,t,n)}}),ce.each({slideDown:gt("show"),slideUp:gt("hide"),slideToggle:gt("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,r){ce.fn[e]=function(e,t,n){return this.animate(r,e,t,n)}}),ce.timers=[],ce.fx.tick=function(){var e,t=0,n=ce.timers;for(st=Date.now();t<n.length;t++)(e=n[t])()||n[t]!==e||n.splice(t--,1);n.length||ce.fx.stop(),st=void 0},ce.fx.timer=function(e){ce.timers.push(e),ce.fx.start()},ce.fx.interval=13,ce.fx.start=function(){ut||(ut=!0,dt())},ce.fx.stop=function(){ut=null},ce.fx.speeds={slow:600,fast:200,_default:400},ce.fn.delay=function(r,e){return r=ce.fx&&ce.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){var n=ie.setTimeout(e,r);t.stop=function(){ie.clearTimeout(n)}})},lt=C.createElement("input"),ct=C.createElement("select").appendChild(C.createElement("option")),lt.type="checkbox",le.checkOn=""!==lt.value,le.optSelected=ct.selected,(lt=C.createElement("input")).value="t",lt.type="radio",le.radioValue="t"===lt.value;var mt,xt=ce.expr.attrHandle;ce.fn.extend({attr:function(e,t){return M(this,ce.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){ce.removeAttr(this,e)})}}),ce.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?ce.prop(e,t,n):(1===o&&ce.isXMLDoc(e)||(i=ce.attrHooks[t.toLowerCase()]||(ce.expr.match.bool.test(t)?mt:void 0)),void 0!==n?null===n?void ce.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=ce.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!le.radioValue&&"radio"===t&&fe(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(D);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),mt={set:function(e,t,n){return!1===t?ce.removeAttr(e,n):e.setAttribute(n,n),n}},ce.each(ce.expr.match.bool.source.match(/\w+/g),function(e,t){var a=xt[t]||ce.find.attr;xt[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=xt[o],xt[o]=r,r=null!=a(e,t,n)?o:null,xt[o]=i),r}});var bt=/^(?:input|select|textarea|button)$/i,wt=/^(?:a|area)$/i;function Tt(e){return(e.match(D)||[]).join(" ")}function Ct(e){return e.getAttribute&&e.getAttribute("class")||""}function kt(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(D)||[]}ce.fn.extend({prop:function(e,t){return M(this,ce.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[ce.propFix[e]||e]})}}),ce.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&ce.isXMLDoc(e)||(t=ce.propFix[t]||t,i=ce.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=ce.find.attr(e,"tabindex");return t?parseInt(t,10):bt.test(e.nodeName)||wt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),le.optSelected||(ce.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),ce.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){ce.propFix[this.toLowerCase()]=this}),ce.fn.extend({addClass:function(t){var e,n,r,i,o,a;return v(t)?this.each(function(e){ce(this).addClass(t.call(this,e,Ct(this)))}):(e=kt(t)).length?this.each(function(){if(r=Ct(this),n=1===this.nodeType&&" "+Tt(r)+" "){for(o=0;o<e.length;o++)i=e[o],n.indexOf(" "+i+" ")<0&&(n+=i+" ");a=Tt(n),r!==a&&this.setAttribute("class",a)}}):this},removeClass:function(t){var e,n,r,i,o,a;return v(t)?this.each(function(e){ce(this).removeClass(t.call(this,e,Ct(this)))}):arguments.length?(e=kt(t)).length?this.each(function(){if(r=Ct(this),n=1===this.nodeType&&" "+Tt(r)+" "){for(o=0;o<e.length;o++){i=e[o];while(-1<n.indexOf(" "+i+" "))n=n.replace(" "+i+" "," ")}a=Tt(n),r!==a&&this.setAttribute("class",a)}}):this:this.attr("class","")},toggleClass:function(t,n){var e,r,i,o,a=typeof t,s="string"===a||Array.isArray(t);return v(t)?this.each(function(e){ce(this).toggleClass(t.call(this,e,Ct(this),n),n)}):"boolean"==typeof n&&s?n?this.addClass(t):this.removeClass(t):(e=kt(t),this.each(function(){if(s)for(o=ce(this),i=0;i<e.length;i++)r=e[i],o.hasClass(r)?o.removeClass(r):o.addClass(r);else void 0!==t&&"boolean"!==a||((r=Ct(this))&&_.set(this,"__className__",r),this.setAttribute&&this.setAttribute("class",r||!1===t?"":_.get(this,"__className__")||""))}))},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&-1<(" "+Tt(Ct(n))+" ").indexOf(t))return!0;return!1}});var St=/\r/g;ce.fn.extend({val:function(n){var r,e,i,t=this[0];return arguments.length?(i=v(n),this.each(function(e){var t;1===this.nodeType&&(null==(t=i?n.call(this,e,ce(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=ce.map(t,function(e){return null==e?"":e+""})),(r=ce.valHooks[this.type]||ce.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t))})):t?(r=ce.valHooks[t.type]||ce.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(St,""):null==e?"":e:void 0}}),ce.extend({valHooks:{option:{get:function(e){var t=ce.find.attr(e,"value");return null!=t?t:Tt(ce.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!fe(n.parentNode,"optgroup"))){if(t=ce(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=ce.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-1<ce.inArray(ce.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),ce.each(["radio","checkbox"],function(){ce.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<ce.inArray(ce(e).val(),t)}},le.checkOn||(ce.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var Et=ie.location,jt={guid:Date.now()},At=/\?/;ce.parseXML=function(e){var t,n;if(!e||"string"!=typeof e)return null;try{t=(new ie.DOMParser).parseFromString(e,"text/xml")}catch(e){}return n=t&&t.getElementsByTagName("parsererror")[0],t&&!n||ce.error("Invalid XML: "+(n?ce.map(n.childNodes,function(e){return e.textContent}).join("\n"):e)),t};var Dt=/^(?:focusinfocus|focusoutblur)$/,Nt=function(e){e.stopPropagation()};ce.extend(ce.event,{trigger:function(e,t,n,r){var i,o,a,s,u,l,c,f,p=[n||C],d=ue.call(e,"type")?e.type:e,h=ue.call(e,"namespace")?e.namespace.split("."):[];if(o=f=a=n=n||C,3!==n.nodeType&&8!==n.nodeType&&!Dt.test(d+ce.event.triggered)&&(-1<d.indexOf(".")&&(d=(h=d.split(".")).shift(),h.sort()),u=d.indexOf(":")<0&&"on"+d,(e=e[ce.expando]?e:new ce.Event(d,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:ce.makeArray(t,[e]),c=ce.event.special[d]||{},r||!c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!y(n)){for(s=c.delegateType||d,Dt.test(s+d)||(o=o.parentNode);o;o=o.parentNode)p.push(o),a=o;a===(n.ownerDocument||C)&&p.push(a.defaultView||a.parentWindow||ie)}i=0;while((o=p[i++])&&!e.isPropagationStopped())f=o,e.type=1<i?s:c.bindType||d,(l=(_.get(o,"events")||Object.create(null))[e.type]&&_.get(o,"handle"))&&l.apply(o,t),(l=u&&o[u])&&l.apply&&$(o)&&(e.result=l.apply(o,t),!1===e.result&&e.preventDefault());return e.type=d,r||e.isDefaultPrevented()||c._default&&!1!==c._default.apply(p.pop(),t)||!$(n)||u&&v(n[d])&&!y(n)&&((a=n[u])&&(n[u]=null),ce.event.triggered=d,e.isPropagationStopped()&&f.addEventListener(d,Nt),n[d](),e.isPropagationStopped()&&f.removeEventListener(d,Nt),ce.event.triggered=void 0,a&&(n[u]=a)),e.result}},simulate:function(e,t,n){var r=ce.extend(new ce.Event,n,{type:e,isSimulated:!0});ce.event.trigger(r,null,t)}}),ce.fn.extend({trigger:function(e,t){return this.each(function(){ce.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return ce.event.trigger(e,t,n,!0)}});var qt=/\[\]$/,Lt=/\r?\n/g,Ht=/^(?:submit|button|image|reset|file)$/i,Ot=/^(?:input|select|textarea|keygen)/i;function Pt(n,e,r,i){var t;if(Array.isArray(e))ce.each(e,function(e,t){r||qt.test(n)?i(n,t):Pt(n+"["+("object"==typeof t&&null!=t?e:"")+"]",t,r,i)});else if(r||"object"!==x(e))i(n,e);else for(t in e)Pt(n+"["+t+"]",e[t],r,i)}ce.param=function(e,t){var n,r=[],i=function(e,t){var n=v(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if(Array.isArray(e)||e.jquery&&!ce.isPlainObject(e))ce.each(e,function(){i(this.name,this.value)});else for(n in e)Pt(n,e[n],t,i);return r.join("&")},ce.fn.extend({serialize:function(){return ce.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=ce.prop(this,"elements");return e?ce.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!ce(this).is(":disabled")&&Ot.test(this.nodeName)&&!Ht.test(e)&&(this.checked||!we.test(e))}).map(function(e,t){var n=ce(this).val();return null==n?null:Array.isArray(n)?ce.map(n,function(e){return{name:t.name,value:e.replace(Lt,"\r\n")}}):{name:t.name,value:n.replace(Lt,"\r\n")}}).get()}});var Mt=/%20/g,Rt=/#.*$/,It=/([?&])_=[^&]*/,Wt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Ft=/^(?:GET|HEAD)$/,$t=/^\/\//,Bt={},_t={},zt="*/".concat("*"),Xt=C.createElement("a");function Ut(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var n,r=0,i=e.toLowerCase().match(D)||[];if(v(t))while(n=i[r++])"+"===n[0]?(n=n.slice(1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t)}}function Vt(t,i,o,a){var s={},u=t===_t;function l(e){var r;return s[e]=!0,ce.each(t[e]||[],function(e,t){var n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:(i.dataTypes.unshift(n),l(n),!1)}),r}return l(i.dataTypes[0])||!s["*"]&&l("*")}function Gt(e,t){var n,r,i=ce.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&ce.extend(!0,e,r),e}Xt.href=Et.href,ce.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Et.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(Et.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":zt,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":ce.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?Gt(Gt(e,ce.ajaxSettings),t):Gt(ce.ajaxSettings,e)},ajaxPrefilter:Ut(Bt),ajaxTransport:Ut(_t),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0),t=t||{};var c,f,p,n,d,r,h,g,i,o,v=ce.ajaxSetup({},t),y=v.context||v,m=v.context&&(y.nodeType||y.jquery)?ce(y):ce.event,x=ce.Deferred(),b=ce.Callbacks("once memory"),w=v.statusCode||{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(h){if(!n){n={};while(t=Wt.exec(p))n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+" "]||[]).concat(t[2])}t=n[e.toLowerCase()+" "]}return null==t?null:t.join(", ")},getAllResponseHeaders:function(){return h?p:null},setRequestHeader:function(e,t){return null==h&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||e,a[e]=t),this},overrideMimeType:function(e){return null==h&&(v.mimeType=e),this},statusCode:function(e){var t;if(e)if(h)T.always(e[T.status]);else for(t in e)w[t]=[w[t],e[t]];return this},abort:function(e){var t=e||u;return c&&c.abort(t),l(0,t),this}};if(x.promise(T),v.url=((e||v.url||Et.href)+"").replace($t,Et.protocol+"//"),v.type=t.method||t.type||v.method||v.type,v.dataTypes=(v.dataType||"*").toLowerCase().match(D)||[""],null==v.crossDomain){r=C.createElement("a");try{r.href=v.url,r.href=r.href,v.crossDomain=Xt.protocol+"//"+Xt.host!=r.protocol+"//"+r.host}catch(e){v.crossDomain=!0}}if(v.data&&v.processData&&"string"!=typeof v.data&&(v.data=ce.param(v.data,v.traditional)),Vt(Bt,v,t,T),h)return T;for(i in(g=ce.event&&v.global)&&0==ce.active++&&ce.event.trigger("ajaxStart"),v.type=v.type.toUpperCase(),v.hasContent=!Ft.test(v.type),f=v.url.replace(Rt,""),v.hasContent?v.data&&v.processData&&0===(v.contentType||"").indexOf("application/x-www-form-urlencoded")&&(v.data=v.data.replace(Mt,"+")):(o=v.url.slice(f.length),v.data&&(v.processData||"string"==typeof v.data)&&(f+=(At.test(f)?"&":"?")+v.data,delete v.data),!1===v.cache&&(f=f.replace(It,"$1"),o=(At.test(f)?"&":"?")+"_="+jt.guid+++o),v.url=f+o),v.ifModified&&(ce.lastModified[f]&&T.setRequestHeader("If-Modified-Since",ce.lastModified[f]),ce.etag[f]&&T.setRequestHeader("If-None-Match",ce.etag[f])),(v.data&&v.hasContent&&!1!==v.contentType||t.contentType)&&T.setRequestHeader("Content-Type",v.contentType),T.setRequestHeader("Accept",v.dataTypes[0]&&v.accepts[v.dataTypes[0]]?v.accepts[v.dataTypes[0]]+("*"!==v.dataTypes[0]?", "+zt+"; q=0.01":""):v.accepts["*"]),v.headers)T.setRequestHeader(i,v.headers[i]);if(v.beforeSend&&(!1===v.beforeSend.call(y,T,v)||h))return T.abort();if(u="abort",b.add(v.complete),T.done(v.success),T.fail(v.error),c=Vt(_t,v,t,T)){if(T.readyState=1,g&&m.trigger("ajaxSend",[T,v]),h)return T;v.async&&0<v.timeout&&(d=ie.setTimeout(function(){T.abort("timeout")},v.timeout));try{h=!1,c.send(a,l)}catch(e){if(h)throw e;l(-1,e)}}else l(-1,"No Transport");function l(e,t,n,r){var i,o,a,s,u,l=t;h||(h=!0,d&&ie.clearTimeout(d),c=void 0,p=r||"",T.readyState=0<e?4:0,i=200<=e&&e<300||304===e,n&&(s=function(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}(v,T,n)),!i&&-1<ce.inArray("script",v.dataTypes)&&ce.inArray("json",v.dataTypes)<0&&(v.converters["text script"]=function(){}),s=function(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}(v,s,T,i),i?(v.ifModified&&((u=T.getResponseHeader("Last-Modified"))&&(ce.lastModified[f]=u),(u=T.getResponseHeader("etag"))&&(ce.etag[f]=u)),204===e||"HEAD"===v.type?l="nocontent":304===e?l="notmodified":(l=s.state,o=s.data,i=!(a=s.error))):(a=l,!e&&l||(l="error",e<0&&(e=0))),T.status=e,T.statusText=(t||l)+"",i?x.resolveWith(y,[o,l,T]):x.rejectWith(y,[T,l,a]),T.statusCode(w),w=void 0,g&&m.trigger(i?"ajaxSuccess":"ajaxError",[T,v,i?o:a]),b.fireWith(y,[T,l]),g&&(m.trigger("ajaxComplete",[T,v]),--ce.active||ce.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return ce.get(e,t,n,"json")},getScript:function(e,t){return ce.get(e,void 0,t,"script")}}),ce.each(["get","post"],function(e,i){ce[i]=function(e,t,n,r){return v(t)&&(r=r||n,n=t,t=void 0),ce.ajax(ce.extend({url:e,type:i,dataType:r,data:t,success:n},ce.isPlainObject(e)&&e))}}),ce.ajaxPrefilter(function(e){var t;for(t in e.headers)"content-type"===t.toLowerCase()&&(e.contentType=e.headers[t]||"")}),ce._evalUrl=function(e,t,n){return ce.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(e){ce.globalEval(e,t,n)}})},ce.fn.extend({wrapAll:function(e){var t;return this[0]&&(v(e)&&(e=e.call(this[0])),t=ce(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(n){return v(n)?this.each(function(e){ce(this).wrapInner(n.call(this,e))}):this.each(function(){var e=ce(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var n=v(t);return this.each(function(e){ce(this).wrapAll(n?t.call(this,e):t)})},unwrap:function(e){return this.parent(e).not("body").each(function(){ce(this).replaceWith(this.childNodes)}),this}}),ce.expr.pseudos.hidden=function(e){return!ce.expr.pseudos.visible(e)},ce.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},ce.ajaxSettings.xhr=function(){try{return new ie.XMLHttpRequest}catch(e){}};var Yt={0:200,1223:204},Qt=ce.ajaxSettings.xhr();le.cors=!!Qt&&"withCredentials"in Qt,le.ajax=Qt=!!Qt,ce.ajaxTransport(function(i){var o,a;if(le.cors||Qt&&!i.crossDomain)return{send:function(e,t){var n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields)for(n in i.xhrFields)r[n]=i.xhrFields[n];for(n in i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest"),e)r.setRequestHeader(n,e[n]);o=function(e){return function(){o&&(o=a=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"===e?r.abort():"error"===e?"number"!=typeof r.status?t(0,"error"):t(r.status,r.statusText):t(Yt[r.status]||r.status,r.statusText,"text"!==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:{text:r.responseText},r.getAllResponseHeaders()))}},r.onload=o(),a=r.onerror=r.ontimeout=o("error"),void 0!==r.onabort?r.onabort=a:r.onreadystatechange=function(){4===r.readyState&&ie.setTimeout(function(){o&&a()})},o=o("abort");try{r.send(i.hasContent&&i.data||null)}catch(e){if(o)throw e}},abort:function(){o&&o()}}}),ce.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),ce.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return ce.globalEval(e),e}}}),ce.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),ce.ajaxTransport("script",function(n){var r,i;if(n.crossDomain||n.scriptAttrs)return{send:function(e,t){r=ce("<script>").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),C.head.appendChild(r[0])},abort:function(){i&&i()}}});var Jt,Kt=[],Zt=/(=)\?(?=&|$)|\?\?/;ce.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Kt.pop()||ce.expando+"_"+jt.guid++;return this[e]=!0,e}}),ce.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Zt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Zt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=v(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Zt,"$1"+r):!1!==e.jsonp&&(e.url+=(At.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||ce.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=ie[r],ie[r]=function(){o=arguments},n.always(function(){void 0===i?ce(ie).removeProp(r):ie[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Kt.push(r)),o&&v(i)&&i(o[0]),o=i=void 0}),"script"}),le.createHTMLDocument=((Jt=C.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===Jt.childNodes.length),ce.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(le.createHTMLDocument?((r=(t=C.implementation.createHTMLDocument("")).createElement("base")).href=C.location.href,t.head.appendChild(r)):t=C),o=!n&&[],(i=w.exec(e))?[t.createElement(i[1])]:(i=Ae([e],t,o),o&&o.length&&ce(o).remove(),ce.merge([],i.childNodes)));var r,i,o},ce.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1<s&&(r=Tt(e.slice(s)),e=e.slice(0,s)),v(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),0<a.length&&ce.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?ce("<div>").append(ce.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},ce.expr.pseudos.animated=function(t){return ce.grep(ce.timers,function(e){return t===e.elem}).length},ce.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=ce.css(e,"position"),c=ce(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=ce.css(e,"top"),u=ce.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),v(t)&&(t=t.call(e,n,ce.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},ce.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){ce.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===ce.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===ce.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=ce(e).offset()).top+=ce.css(e,"borderTopWidth",!0),i.left+=ce.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-ce.css(r,"marginTop",!0),left:t.left-i.left-ce.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===ce.css(e,"position"))e=e.offsetParent;return e||J})}}),ce.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;ce.fn[t]=function(e){return M(this,function(e,t,n){var r;if(y(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),ce.each(["top","left"],function(e,n){ce.cssHooks[n]=Ye(le.pixelPosition,function(e,t){if(t)return t=Ge(e,n),_e.test(t)?ce(e).position()[n]+"px":t})}),ce.each({Height:"height",Width:"width"},function(a,s){ce.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){ce.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return M(this,function(e,t,n){var r;return y(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?ce.css(e,t,i):ce.style(e,t,n,i)},s,n?e:void 0,n)}})}),ce.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){ce.fn[t]=function(e){return this.on(t,e)}}),ce.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.on("mouseenter",e).on("mouseleave",t||e)}}),ce.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){ce.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n)}});var en=/^[\s\uFEFF\xA0]+|([^\s\uFEFF\xA0])[\s\uFEFF\xA0]+$/g;ce.proxy=function(e,t){var n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),v(e))return r=ae.call(arguments,2),(i=function(){return e.apply(t||this,r.concat(ae.call(arguments)))}).guid=e.guid=e.guid||ce.guid++,i},ce.holdReady=function(e){e?ce.readyWait++:ce.ready(!0)},ce.isArray=Array.isArray,ce.parseJSON=JSON.parse,ce.nodeName=fe,ce.isFunction=v,ce.isWindow=y,ce.camelCase=F,ce.type=x,ce.now=Date.now,ce.isNumeric=function(e){var t=ce.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e))},ce.trim=function(e){return null==e?"":(e+"").replace(en,"$1")},"function"==typeof define&&define.amd&&define("jquery",[],function(){return ce});var tn=ie.jQuery,nn=ie.$;return ce.noConflict=function(e){return ie.$===ce&&(ie.$=nn),e&&ie.jQuery===ce&&(ie.jQuery=tn),ce},"undefined"==typeof e&&(ie.jQuery=ie.$=ce),ce});
diff --git a/public_html/assets/raven/vendor/js/jsvectormap.min.js b/public_html/assets/raven/vendor/js/jsvectormap.min.js
new file mode 100644
index 0000000..68edce6
--- /dev/null
+++ b/public_html/assets/raven/vendor/js/jsvectormap.min.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).jsVectorMap=e()}(this,(function(){"use strict";var t=function(t){return function(t){return!!t&&"object"==typeof t}(t)&&!function(t){var i=Object.prototype.toString.call(t);return"[object RegExp]"===i||"[object Date]"===i||function(t){return t instanceof Node}(t)||function(t){return t.$$typeof===e}(t)}(t)};var e="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function i(t,e){return!1!==e.clone&&e.isMergeableObject(t)?o((i=t,Array.isArray(i)?[]:{}),t,e):t;var i}function s(t,e,s){return t.concat(e).map((function(t){return i(t,s)}))}function n(t){return Object.keys(t).concat(function(t){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t).filter((function(e){return t.propertyIsEnumerable(e)})):[]}(t))}function r(t,e){try{return e in t}catch(t){return!1}}function a(t,e,s){var a={};return s.isMergeableObject(t)&&n(t).forEach((function(e){a[e]=i(t[e],s)})),n(e).forEach((function(n){(function(t,e){return r(t,e)&&!(Object.hasOwnProperty.call(t,e)&&Object.propertyIsEnumerable.call(t,e))})(t,n)||(r(t,n)&&s.isMergeableObject(e[n])?a[n]=function(t,e){if(!e.customMerge)return o;var i=e.customMerge(t);return"function"==typeof i?i:o}(n,s)(t[n],e[n],s):a[n]=i(e[n],s))})),a}var o=function(e,n,r){(r=r||{}).arrayMerge=r.arrayMerge||s,r.isMergeableObject=r.isMergeableObject||t,r.cloneUnlessOtherwiseSpecified=i;var o=Array.isArray(n);return o===Array.isArray(e)?o?r.arrayMerge(e,n,r):a(e,n,r):i(n,r)},h=function(t){return"object"==typeof t&&void 0!==t.nodeType?t:"string"==typeof t?document.querySelector(t):null},l=function(t,e,i,s){void 0===s&&(s=!1);var n=document.createElement(t);return i&&(n[s?"innerHTML":"textContent"]=i),e&&(n.className=e),n},c=function(t){t.parentNode.removeChild(t)},u=function(t,e,i){return void 0===i&&(i=!1),i?o(t,e):Object.assign(t,e)},p=function(t,e){return t.toLowerCase()+":to:"+e.toLowerCase()},d=function(t,e){Object.assign(t.prototype,e)},f={},m=1,g={on:function(t,e,i,s){void 0===s&&(s={});var n="jvm:"+e+"::"+m++;f[n]={selector:t,handler:i},i._uid=n,t.addEventListener(e,i,s)},delegate:function(t,e,i,s){(e=e.split(" ")).forEach((function(e){g.on(t,e,(function(t){var e=t.target;e.matches(i)&&s.call(e,t)}))}))},off:function(t,e,i){var s=e.split(":")[1];t.removeEventListener(s,i),delete f[i._uid]},flush:function(){Object.keys(f).forEach((function(t){g.off(f[t].selector,t,f[t].handler)}))},getEventRegistry:function(){return f}};var v={onLoaded:"map:loaded",onViewportChange:"viewport:changed",onRegionClick:"region:clicked",onMarkerClick:"marker:clicked",onRegionSelected:"region:selected",onMarkerSelected:"marker:selected",onRegionTooltipShow:"region.tooltip:show",onMarkerTooltipShow:"marker.tooltip:show",onDestroyed:"map:destroyed"},_=function(t,e,i){var s=h(e),n=-1===s.getAttribute("class").indexOf("jvm-region")?"marker":"region",r="region"===n,a=r?s.getAttribute("data-code"):s.getAttribute("data-index"),o=r?v.onRegionSelected:v.onMarkerSelected;return i&&(o=r?v.onRegionTooltipShow:v.onMarkerTooltipShow),{type:n,code:a,event:o,element:r?t.regions[a].element:t._markers[a].element,tooltipText:r?t._mapData.paths[a].name||"":t._markers[a].config.name||""}};function y(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,s=Array(e);i<e;i++)s[i]=t[i];return s}function b(t,e){for(var i=0;i<e.length;i++){var s=e[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,j(s.key),s)}}function S(t,e){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(i)return(i=i.call(t)).next.bind(i);if(Array.isArray(t)||(i=function(t,e){if(t){if("string"==typeof t)return y(t,e);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?y(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){i&&(t=i);var s=0;return function(){return s>=t.length?{done:!0}:{done:!1,value:t[s++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(){return w=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var s in i)({}).hasOwnProperty.call(i,s)&&(t[s]=i[s])}return t},w.apply(null,arguments)}function k(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,x(t,e)}function M(t,e){if(null==t)return{};var i={};for(var s in t)if({}.hasOwnProperty.call(t,s)){if(-1!==e.indexOf(s))continue;i[s]=t[s]}return i}function x(t,e){return x=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},x(t,e)}function j(t){var e=function(t,e){if("object"!=typeof t||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var s=i.call(t,e||"default");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:e+""}var C=function(){function t(){}return t.prototype.dispose=function(){this._tooltip?c(this._tooltip):this.shape.remove();for(var t,e=S(Object.getOwnPropertyNames(this));!(t=e()).done;){this[t.value]=null}},t}(),L={getLabelText:function(t,e){if(e){if("function"==typeof e.render){var i=[];return"marker"===this.constructor.Name&&i.push(this.getConfig()),i.push(t),e.render.apply(this,i)}return t}},getLabelOffsets:function(t,e){return"function"==typeof e.offsets?e.offsets(t):Array.isArray(e.offsets)?e.offsets[t]:[0,0]},setStyle:function(t,e){this.shape.setStyle(t,e)},remove:function(){this.shape.remove(),this.label&&this.label.remove()},hover:function(t){this._setStatus("isHovered",t)},select:function(t){this._setStatus("isSelected",t)},_setStatus:function(t,e){this.shape[t]=e,this.shape.updateStyle(),this[t]=e,this.label&&(this.label[t]=e,this.label.updateStyle())}},O=function(t){function e(e){var i,s=e.map,n=e.code,r=e.path,a=e.style,o=e.label,h=e.labelStyle,l=e.labelsGroup;(i=t.call(this)||this)._map=s,i.shape=i._createRegion(r,n,a);var c=i.getLabelText(n,o);if(o&&c){var u=i.shape.getBBox(),p=i.getLabelOffsets(n,o);i.labelX=u.x+u.width/2+p[0],i.labelY=u.y+u.height/2+p[1],i.label=i._map.canvas.createText({text:c,textAnchor:"middle",alignmentBaseline:"central",dataCode:n,x:i.labelX,y:i.labelY},h,l),i.label.addClass("jvm-region jvm-element")}return i}k(e,t);var i=e.prototype;return i._createRegion=function(t,e,i){return(t=this._map.canvas.createPath({d:t,dataCode:e},i)).addClass("jvm-region jvm-element"),t},i.updateLabelPosition=function(){this.label&&this.label.set({x:this.labelX*this._map.scale+this._map.transX*this._map.scale,y:this.labelY*this._map.scale+this._map.transY*this._map.scale})},e}(C);d(O,L);var A=function(t){function e(e,i){var s;return(s=t.call(this)||this)._options=e,s._style={initial:i},s._draw(),s}k(e,t);var i=e.prototype;return i.setStyle=function(t,e){this.shape.setStyle(t,e)},i.getConfig=function(){return this._options.config},i._draw=function(){var t=this._options,e=t.index,i=t.group,s=t.map,n={d:this._getDAttribute(),fill:"none",dataIndex:e};this.shape=s.canvas.createPath(n,this._style,i),this.shape.addClass("jvm-line")},i._getDAttribute=function(){var t=this._options,e=t.x1,i=t.y1,s=t.x2,n=t.y2,r=t.curvature;return"M"+e+","+i+this._getQCommand(e,i,s,n,r)+s+","+n},i._getQCommand=function(t,e,i,s,n){return n?" Q"+((t+i)/2+n*(s-e))+","+((e+s)/2-n*(i-t))+" ":" "},e}(C),X=["curvature"],Y=["curvature"];var T="jvm-",E=T+"element "+T+"marker",P=T+"element "+T+"label",z=function(t){function e(e,i){var s;return(s=t.call(this)||this)._options=e,s._style=i,s._labelX=null,s._labelY=null,s._offsets=null,s._isImage=!!i.initial.image,s._draw(),s._options.label&&s._drawLabel(),s._isImage&&s.updateLabelPosition(),s}k(e,t);var i,s,n,r=e.prototype;return r.getConfig=function(){return this._options.config},r.updateLabelPosition=function(){var t=this._options.map;this.label&&this.label.set({x:this._labelX*t.scale+this._offsets[0]+t.transX*t.scale+5+(this._isImage?(this.shape.width||0)/2:this.shape.node.r.baseVal.value),y:this._labelY*t.scale+t.transY*this._options.map.scale+this._offsets[1]})},r._draw=function(){var t=this._options,e=t.index,i=t.map,s=t.group,n=t.cx,r=t.cy,a=this._isImage?"createImage":"createCircle";this.shape=i.canvas[a]({dataIndex:e,cx:n,cy:r},this._style,s),this.shape.addClass(E)},r._drawLabel=function(){var t=this._options,e=t.index,i=t.map,s=t.label,n=t.labelsGroup,r=t.cx,a=t.cy,o=t.config,h=t.isRecentlyCreated,l=this.getLabelText(e,s);this._labelX=r/i.scale-i.transX,this._labelY=a/i.scale-i.transY,this._offsets=h&&o.offsets?o.offsets:this.getLabelOffsets(e,s),this.label=i.canvas.createText({text:l,dataIndex:e,x:this._labelX,y:this._labelY,dy:"0.6ex"},i.params.markerLabelStyle,n),this.label.addClass(P),h&&this.updateLabelPosition()},i=e,n=[{key:"Name",get:function(){return"marker"}}],(s=null)&&b(i.prototype,s),n&&b(i,n),Object.defineProperty(i,"prototype",{writable:!1}),i}(C);d(z,L);var R=function(){function t(t){void 0===t&&(t={}),this._options=t,this._map=this._options.map,this._series=this._options.series,this._body=l("div","jvm-legend"),this._options.cssClass&&this._body.setAttribute("class",this._options.cssClass),t.vertical?this._map.legendVertical.appendChild(this._body):this._map.legendHorizontal.appendChild(this._body),this.render()}return t.prototype.render=function(){var t,e=this._series.scale.getTicks();if(this._body.innderHTML="",this._options.title){var i=l("div","jvm-legend-title",this._options.title);this._body.appendChild(i)}for(var s=0;s<e.length;s++){var n=l("div","jvm-legend-tick"),r=l("div","jvm-legend-tick-sample");switch(this._series.config.attribute){case"fill":t=e[s].value,/\.(jpg|gif|png)$/.test(t)?r.style.background="url("+e[s].value+")":r.style.background=e[s].value;break;case"stroke":r.style.background=e[s].value;break;case"image":r.style.background="url("+("object"==typeof e[s].value?e[s].value.url:e[s].value)+") no-repeat center center",r.style.backgroundSize="cover"}n.appendChild(r);var a=e[s].label;this._options.labelRender&&(a=this._options.labelRender(a));var o=l("div","jvm-legend-tick-text",a);n.appendChild(o),this._body.appendChild(n)}},t}(),D=function(){function t(t){this._scale=t}var e=t.prototype;return e.getValue=function(t){return this._scale[t]},e.getTicks=function(){var t=[];for(var e in this._scale)t.push({label:e,value:this._scale[e]});return t},t}(),I=function(){function t(t,e,i){void 0===t&&(t={}),this._map=i,this._elements=e,this._values=t.values||{},this.config=t,this.config.attribute=t.attribute||"fill",t.attributes&&this.setAttributes(t.attributes),"object"==typeof t.scale&&(this.scale=new D(t.scale)),this.config.legend&&(this.legend=new R(u({map:this._map,series:this},this.config.legend))),this.setValues(this._values)}var e=t.prototype;return e.setValues=function(t){var e={};for(var i in t)t[i]&&(e[i]=this.scale.getValue(t[i]));this.setAttributes(e)},e.setAttributes=function(t){for(var e in t)this._elements[e]&&this._elements[e].element.setStyle(this.config.attribute,t[e])},e.clear=function(){var t,e={};for(t in this._values)this._elements[t]&&(e[t]=this._elements[t].element.shape.style.initial[this.config.attribute]);this.setAttributes(e),this._values={}},t}();var H={mill:function(t,e,i){return{x:this.radius*(e-i)*this.radDeg,y:-this.radius*Math.log(Math.tan((45+.4*t)*this.radDeg))/.8}},merc:function(t,e,i){return{x:this.radius*(e-i)*this.radDeg,y:-this.radius*Math.log(Math.tan(Math.PI/4+t*Math.PI/360))}},aea:function(t,e,i){var s=i*this.radDeg,n=29.5*this.radDeg,r=45.5*this.radDeg,a=t*this.radDeg,o=e*this.radDeg,h=(Math.sin(n)+Math.sin(r))/2,l=Math.cos(n)*Math.cos(n)+2*h*Math.sin(n),c=h*(o-s),u=Math.sqrt(l-2*h*Math.sin(a))/h,p=Math.sqrt(l-2*h*Math.sin(0))/h;return{x:u*Math.sin(c)*this.radius,y:-(p-u*Math.cos(c))*this.radius}},lcc:function(t,e,i){var s=i*this.radDeg,n=e*this.radDeg,r=33*this.radDeg,a=45*this.radDeg,o=t*this.radDeg,h=Math.log(Math.cos(r)*(1/Math.cos(a)))/Math.log(Math.tan(Math.PI/4+a/2)*(1/Math.tan(Math.PI/4+r/2))),l=Math.cos(r)*Math.pow(Math.tan(Math.PI/4+r/2),h)/h,c=l*Math.pow(1/Math.tan(Math.PI/4+o/2),h),u=l*Math.pow(1/Math.tan(Math.PI/4+0),h);return{x:c*Math.sin(h*(n-s))*this.radius,y:-(u-c*Math.cos(h*(n-s)))*this.radius}}};H.degRad=180/Math.PI,H.radDeg=Math.PI/180,H.radius=6381372;var V={_setupContainerEvents:function(){var t,e,i=this,s=this,n=!1;this.params.draggable&&(g.on(this.container,"mousemove",(function(i){if(!n)return!1;s.transX-=(t-i.pageX)/s.scale,s.transY-=(e-i.pageY)/s.scale,s._applyTransform(),t=i.pageX,e=i.pageY})),g.on(this.container,"mousedown",(function(i){return n=!0,t=i.pageX,e=i.pageY,!1})),g.on(document.body,"mouseup",(function(){n=!1}))),this.params.zoomOnScroll&&g.on(this.container,"wheel",(function(t){var e=75*((t.deltaY||-t.wheelDelta||t.detail)>>10||1),n=i.container.getBoundingClientRect(),r=t.pageX-n.left-window.scrollX,a=t.pageY-n.top-window.scrollY,o=Math.pow(1+s.params.zoomOnScrollSpeed/1e3,-1.5*e);s.tooltip&&s._tooltip.hide(),s._setScale(s.scale*o,r,a),t.preventDefault()}))},_setupElementEvents:function(){var t,e,i,s=this,n=this.container;g.on(n,"mousemove",(function(s){Math.abs(t-s.pageX)+Math.abs(e-s.pageY)>2&&(i=!0)})),g.delegate(n,"mousedown",".jvm-element",(function(s){t=s.pageX,e=s.pageY,i=!1})),g.delegate(n,"mouseover mouseout",".jvm-element",(function(t){var e=_(s,this,!0),i=s.params.showTooltip;"mouseover"===t.type?(e.element.hover(!0),i&&(s._tooltip.text(e.tooltipText),s._emit(e.event,[t,s._tooltip,e.code]),t.defaultPrevented||s._tooltip.show())):(e.element.hover(!1),i&&s._tooltip.hide())})),g.delegate(n,"mouseup",".jvm-element",(function(t){var e=_(s,this);if(!i&&("region"===e.type&&s.params.regionsSelectable||"marker"===e.type&&s.params.markersSelectable)){var n=e.element;s.params[e.type+"sSelectableOne"]&&("region"===e.type?s.clearSelectedRegions():s.clearSelectedMarkers()),e.element.isSelected?n.select(!1):n.select(!0),s._emit(e.event,[e.code,n.isSelected,"region"===e.type?s.getSelectedRegions():s.getSelectedMarkers()])}})),g.delegate(n,"click",".jvm-element",(function(t){var e=_(s,this),i=e.type,n=e.code;s._emit("region"===i?v.onRegionClick:v.onMarkerClick,[t,n])}))},_setupZoomButtons:function(){var t=this,e=this.params.zoomInButton,i=this.params.zoomOutButton,s=function(t){return"string"==typeof t?document.querySelector(t):t},n=e?s(e):l("div","jvm-zoom-btn jvm-zoomin","&#43;",!0),r=i?s(i):l("div","jvm-zoom-btn jvm-zoomout","&#x2212",!0);e||this.container.appendChild(n),i||this.container.appendChild(r);var a=function(e){return void 0===e&&(e=!0),function(){return t._setScale(e?t.scale*t.params.zoomStep:t.scale/t.params.zoomStep,t._width/2,t._height/2,!1,t.params.zoomAnimate)}};g.on(n,"click",a()),g.on(r,"click",a(!1))},_setupContainerTouchEvents:function(){var t,e,i,s,n,r,a,o=this,h=function(h){var l,c,u,p,d=h.touches;if("touchstart"==h.type&&(a=0),1==d.length){var f;if(1==a)u=o.transX,p=o.transY,o.transX-=(i-d[0].pageX)/o.scale,o.transY-=(s-d[0].pageY)/o.scale,null==(f=o._tooltip)||f.hide(),o._applyTransform(),u==o.transX&&p==o.transY||h.preventDefault();i=d[0].pageX,s=d[0].pageY}else if(2==d.length)if(2==a){var m;c=Math.sqrt(Math.pow(d[0].pageX-d[1].pageX,2)+Math.pow(d[0].pageY-d[1].pageY,2))/e,o._setScale(t*c,n,r),null==(m=o._tooltip)||m.hide(),h.preventDefault()}else{var g=o.container.getBoundingClientRect();l={top:g.top+window.scrollY,left:g.left+window.scrollX},n=d[0].pageX>d[1].pageX?d[1].pageX+(d[0].pageX-d[1].pageX)/2:d[0].pageX+(d[1].pageX-d[0].pageX)/2,r=d[0].pageY>d[1].pageY?d[1].pageY+(d[0].pageY-d[1].pageY)/2:d[0].pageY+(d[1].pageY-d[0].pageY)/2,n-=l.left,r-=l.top,t=o.scale,e=Math.sqrt(Math.pow(d[0].pageX-d[1].pageX,2)+Math.pow(d[0].pageY-d[1].pageY,2))}a=d.length};g.on(o.container,"touchstart",h),g.on(o.container,"touchmove",h)},_createRegions:function(){for(var t in this._regionLabelsGroup=this._regionLabelsGroup||this.canvas.createGroup("jvm-regions-labels-group"),this._mapData.paths){var e=new O({map:this,code:t,path:this._mapData.paths[t].path,style:u({},this.params.regionStyle),labelStyle:this.params.regionLabelStyle,labelsGroup:this._regionLabelsGroup,label:this.params.labels&&this.params.labels.regions});this.regions[t]={config:this._mapData.paths[t],element:e}}},_createLines:function(t){var e=!1,i=!1,s=this.params.lineStyle,n=s.curvature,r=M(s,X);for(var a in t){for(var o=t[a],h=0,l=Object.values(this._markers);h<l.length;h++){var c=l[h].config;c.name===o.from&&(e=this.getMarkerPosition(c)),c.name===o.to&&(i=this.getMarkerPosition(c))}if(!1!==e&&!1!==i){var d=o.style||{},f=d.curvature,m=M(d,Y);this._lines[p(o.from,o.to)]=new A({index:a,map:this,group:this._linesGroup,config:o,x1:e.x,y1:e.y,x2:i.x,y2:i.y,curvature:0==f?0:f||n},u(r,m,!0))}}},_createMarkers:function(t,e){var i=this;void 0===t&&(t={}),void 0===e&&(e=!1);var s=function(){var s=t[n],r=i.getMarkerPosition(s),a=s.coords.join(":");if(!r)return 0;if(e){if(Object.keys(i._markers).filter((function(t){return i._markers[t]._uid===a})).length)return 0;n=Object.keys(i._markers).length}var o=new z({index:n,map:i,label:i.params.labels&&i.params.labels.markers,labelsGroup:i._markerLabelsGroup,cx:r.x,cy:r.y,group:i._markersGroup,config:s,isRecentlyCreated:e},u(i.params.markerStyle,w({},s.style||{}),!0));i._markers[n]&&i.removeMarkers([n]),i._markers[n]={_uid:a,config:s,element:o}};for(var n in t)s()},_createSeries:function(){for(var t in this.series={markers:[],regions:[]},this.params.series)for(var e=0;e<this.params.series[t].length;e++)this.series[t][e]=new I(this.params.series[t][e],"markers"===t?this._markers:this.regions,this)},_applyTransform:function(){var t,e,i,s;this._defaultWidth*this.scale<=this._width?(t=(this._width-this._defaultWidth*this.scale)/(2*this.scale),i=(this._width-this._defaultWidth*this.scale)/(2*this.scale)):(t=0,i=(this._width-this._defaultWidth*this.scale)/this.scale),this._defaultHeight*this.scale<=this._height?(e=(this._height-this._defaultHeight*this.scale)/(2*this.scale),s=(this._height-this._defaultHeight*this.scale)/(2*this.scale)):(e=0,s=(this._height-this._defaultHeight*this.scale)/this.scale),this.transY>e?this.transY=e:this.transY<s&&(this.transY=s),this.transX>t?this.transX=t:this.transX<i&&(this.transX=i),this.canvas.applyTransformParams(this.scale,this.transX,this.transY),this._markers&&this._repositionMarkers(),this._lines&&this._repositionLines(),this._repositionLabels()},_resize:function(){var t=this._baseScale;this._width/this._height>this._defaultWidth/this._defaultHeight?(this._baseScale=this._height/this._defaultHeight,this._baseTransX=Math.abs(this._width-this._defaultWidth*this._baseScale)/(2*this._baseScale)):(this._baseScale=this._width/this._defaultWidth,this._baseTransY=Math.abs(this._height-this._defaultHeight*this._baseScale)/(2*this._baseScale)),this.scale*=this._baseScale/t,this.transX*=this._baseScale/t,this.transY*=this._baseScale/t},_setScale:function(t,e,i,s,n){var r,a,o,h,l,c,u,p,d,f,m=this,g=0,_=Math.abs(Math.round(60*(t-this.scale)/Math.max(t,this.scale)));t>this.params.zoomMax*this._baseScale?t=this.params.zoomMax*this._baseScale:t<this.params.zoomMin*this._baseScale&&(t=this.params.zoomMin*this._baseScale),void 0!==e&&void 0!==i&&(r=t/this.scale,s?(d=e+this._defaultWidth*(this._width/(this._defaultWidth*t))/2,f=i+this._defaultHeight*(this._height/(this._defaultHeight*t))/2):(d=this.transX-(r-1)/t*e,f=this.transY-(r-1)/t*i)),n&&_>0?(o=this.scale,h=(t-o)/_,l=this.transX*this.scale,u=this.transY*this.scale,c=(d*t-l)/_,p=(f*t-u)/_,a=setInterval((function(){g+=1,m.scale=o+h*g,m.transX=(l+c*g)/m.scale,m.transY=(u+p*g)/m.scale,m._applyTransform(),g==_&&(clearInterval(a),m._emit(v.onViewportChange,[m.scale,m.transX,m.transY]))}),10)):(this.transX=d,this.transY=f,this.scale=t,this._applyTransform(),this._emit(v.onViewportChange,[this.scale,this.transX,this.transY]))},setFocus:function(t){var e=this;void 0===t&&(t={});var i,s=[];if(t.region?s.push(t.region):t.regions&&(s=t.regions),s.length)return s.forEach((function(t){if(e.regions[t]){var s=e.regions[t].element.shape.getBBox();s&&(i=void 0===i?s:{x:Math.min(i.x,s.x),y:Math.min(i.y,s.y),width:Math.max(i.x+i.width,s.x+s.width)-Math.min(i.x,s.x),height:Math.max(i.y+i.height,s.y+s.height)-Math.min(i.y,s.y)})}})),this._setScale(Math.min(this._width/i.width,this._height/i.height),-(i.x+i.width/2),-(i.y+i.height/2),!0,t.animate);if(t.coords){var n=this.coordsToPoint(t.coords[0],t.coords[1]),r=this.transX-n.x/this.scale,a=this.transY-n.y/this.scale;return this._setScale(t.scale*this._baseScale,r,a,!0,t.animate)}},updateSize:function(){this._width=this.container.offsetWidth,this._height=this.container.offsetHeight,this._resize(),this.canvas.setSize(this._width,this._height),this._applyTransform()},coordsToPoint:function(t,e){var i=st.maps[this.params.map].projection,s=H[i.type](t,e,i.centralMeridian),n=s.x,r=s.y,a=this.getInsetForPoint(n,r);if(!a)return!1;var o=a.bbox;return n=(n-o[0].x)/(o[1].x-o[0].x)*a.width*this.scale,r=(r-o[0].y)/(o[1].y-o[0].y)*a.height*this.scale,{x:n+this.transX*this.scale+a.left*this.scale,y:r+this.transY*this.scale+a.top*this.scale}},getInsetForPoint:function(t,e){for(var i=st.maps[this.params.map].insets,s=0;s<i.length;s++){var n=i[s].bbox,r=n[0],a=n[1];if(t>r.x&&t<a.x&&e>r.y&&e<a.y)return i[s]}},getMarkerPosition:function(t){var e=t.coords;return st.maps[this.params.map].projection?this.coordsToPoint.apply(this,e):{x:e[0]*this.scale+this.transX*this.scale,y:e[1]*this.scale+this.transY*this.scale}},_repositionLines:function(){var t=this,e=this.params.lineStyle.curvature;Object.values(this._lines).forEach((function(i){var s=Object.values(t._markers).find((function(t){return t.config.name===i.getConfig().from})),n=Object.values(t._markers).find((function(t){return t.config.name===i.getConfig().to}));if(s&&n){var r=t.getMarkerPosition(s.config),a=r.x,o=r.y,h=t.getMarkerPosition(n.config),l=h.x,c=h.y,u=0==i._options.curvature?0:i._options.curvature||e,p=(a+l)/2+u*(c-o),d=(o+c)/2-u*(l-a);i.setStyle({d:"M"+a+","+o+" Q"+p+","+d+" "+l+","+c})}}))},_repositionMarkers:function(){for(var t in this._markers){var e=this.getMarkerPosition(this._markers[t].config);!1!==e&&this._markers[t].element.setStyle({cx:e.x,cy:e.y})}},_repositionLabels:function(){var t=this.params.labels;if(t){if(t.regions)for(var e in this.regions)this.regions[e].element.updateLabelPosition();if(t.markers)for(var i in this._markers)this._markers[i].element.updateLabelPosition()}}},B=function(){function t(t,e){this.node=this._createElement(t),e&&this.set(e)}var e=t.prototype;return e._createElement=function(t){return document.createElementNS("http://www.w3.org/2000/svg",t)},e.addClass=function(t){this.node.setAttribute("class",t)},e.getBBox=function(){return this.node.getBBox()},e.set=function(t,e){if("object"==typeof t)for(var i in t)this.applyAttr(i,t[i]);else this.applyAttr(t,e)},e.get=function(t){return this.style.initial[t]},e.applyAttr=function(t,e){this.node.setAttribute(t.replace(/[\w]([A-Z])/g,(function(t){return t[0]+"-"+t[1]})).toLowerCase(),e)},e.remove=function(){c(this.node)},t}(),G=function(t){function e(e,i,s){var n;return void 0===s&&(s={}),(n=t.call(this,e,i)||this).isHovered=!1,n.isSelected=!1,n.style=s,n.style.current={},n.updateStyle(),n}k(e,t);var i=e.prototype;return i.setStyle=function(t,e){var i;"object"==typeof t?u(this.style.current,t):u(this.style.current,((i={})[t]=e,i));this.updateStyle()},i.updateStyle=function(){var t={};u(t,this.style.initial),u(t,this.style.current),this.isHovered&&u(t,this.style.hover),this.isSelected&&(u(t,this.style.selected),this.isHovered&&u(t,this.style.selectedHover)),this.set(t)},e}(B),W=function(t){function e(e,i){return t.call(this,"text",e,i)||this}return k(e,t),e.prototype.applyAttr=function(e,i){"text"===e?this.node.textContent=i:t.prototype.applyAttr.call(this,e,i)},e}(G),N=function(t){function e(e,i){return t.call(this,"image",e,i)||this}return k(e,t),e.prototype.applyAttr=function(e,i){var s;"image"===e?("object"==typeof i?(s=i.url,this.offset=i.offset||[0,0]):(s=i,this.offset=[0,0]),this.node.setAttributeNS("http://www.w3.org/1999/xlink","href",s),this.width=23,this.height=23,this.applyAttr("width",this.width),this.applyAttr("height",this.height),this.applyAttr("x",this.cx-this.width/2+this.offset[0]),this.applyAttr("y",this.cy-this.height/2+this.offset[1])):"cx"==e?(this.cx=i,this.width&&this.applyAttr("x",i-this.width/2+this.offset[0])):"cy"==e?(this.cy=i,this.height&&this.applyAttr("y",i-this.height/2+this.offset[1])):t.prototype.applyAttr.apply(this,arguments)},e}(G),F=function(t){function e(e){var i;return(i=t.call(this,"svg")||this)._container=e,i._defsElement=new B("defs"),i._rootElement=new B("g",{id:"jvm-regions-group"}),i.node.appendChild(i._defsElement.node),i.node.appendChild(i._rootElement.node),i._container.appendChild(i.node),i}k(e,t);var i=e.prototype;return i.setSize=function(t,e){this.node.setAttribute("width",t),this.node.setAttribute("height",e)},i.applyTransformParams=function(t,e,i){this._rootElement.node.setAttribute("transform","scale("+t+") translate("+e+", "+i+")")},i.createPath=function(t,e,i){var s=new G("path",t,e);return s.node.setAttribute("fill-rule","evenodd"),this._add(s,i)},i.createCircle=function(t,e,i){var s=new G("circle",t,e);return this._add(s,i)},i.createLine=function(t,e,i){var s=new G("line",t,e);return this._add(s,i)},i.createText=function(t,e,i){var s=new W(t,e);return this._add(s,i)},i.createImage=function(t,e,i){var s=new N(t,e);return this._add(s,i)},i.createGroup=function(t){var e=new B("g");return this.node.appendChild(e.node),t&&(e.node.id=t),e.canvas=this,e},i._add=function(t,e){return(e=e||this._rootElement).node.appendChild(t.node),t},e}(B),q=function(t){function e(e){var i;i=t.call(this)||this;var s=l("div","jvm-tooltip");return i._map=e,i._tooltip=document.body.appendChild(s),i._bindEventListeners(),i||function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(i)}k(e,t);var i=e.prototype;return i._bindEventListeners=function(){var t=this;g.on(this._map.container,"mousemove",(function(e){if(t._tooltip.classList.contains("active")){var i,s,n=(i=t._map.container,s="#jvm-regions-group",Element.prototype.querySelector.call(i,s)).getBoundingClientRect(),r=t._tooltip.getBoundingClientRect(),a=r.height,o=r.width,h=e.clientY<=n.top+a+5,l=e.pageY-a-5,c=e.pageX-o-5;h&&(l+=a+5,c-=10),e.clientX<n.left+o+5&&(c=e.pageX+5+2,h&&(c+=10)),t.css({top:l+"px",left:c+"px"})}}))},i.getElement=function(){return this._tooltip},i.show=function(){this._tooltip.classList.add("active")},i.hide=function(){this._tooltip.classList.remove("active")},i.text=function(t,e){void 0===e&&(e=!1);var i=e?"innerHTML":"textContent";if(!t)return this._tooltip[i];this._tooltip[i]=t},i.css=function(t){for(var e in t)this._tooltip.style[e]=t[e];return this},e}(C),U=function(){function t(t,e){var i=t.scale,s=t.values;this._scale=i,this._values=s,this._fromColor=this.hexToRgb(i[0]),this._toColor=this.hexToRgb(i[1]),this._map=e,this.setMinMaxValues(s),this.visualize()}var e=t.prototype;return e.setMinMaxValues=function(t){for(var e in this.min=Number.MAX_VALUE,this.max=0,t)(e=parseFloat(t[e]))>this.max&&(this.max=e),e<this.min&&(this.min=e)},e.visualize=function(){var t,e={};for(var i in this._values)t=parseFloat(this._values[i]),isNaN(t)||(e[i]=this.getValue(t));this.setAttributes(e)},e.setAttributes=function(t){for(var e in t)this._map.regions[e]&&this._map.regions[e].element.setStyle("fill",t[e])},e.getValue=function(t){if(this.min===this.max)return"#"+this._toColor.join("");for(var e,i="#",s=0;s<3;s++)i+=(1===(e=Math.round(this._fromColor[s]+(this._toColor[s]-this._fromColor[s])*((t-this.min)/(this.max-this.min))).toString(16)).length?"0":"")+e;return i},e.hexToRgb=function(t){var e=0,i=0,s=0;return 4==t.length?(e="0x"+t[1]+t[1],i="0x"+t[2]+t[2],s="0x"+t[3]+t[3]):7==t.length&&(e="0x"+t[1]+t[2],i="0x"+t[3]+t[4],s="0x"+t[5]+t[6]),[parseInt(e),parseInt(i),parseInt(s)]},t}(),Q="jvm-",$=Q+"container",Z=Q+"markers-group",J=Q+"markers-labels-group",K=Q+"lines-group",tt=Q+"series-container",et=tt+" "+Q+"series-h",it=tt+" "+Q+"series-v",st=function(){function t(e){var i=this;if(void 0===e&&(e={}),this.params=u(t.defaults,e,!0),!t.maps[this.params.map])throw new Error("Attempt to use map which was not loaded: "+e.map);this.regions={},this.scale=1,this.transX=0,this.transY=0,this._mapData=t.maps[this.params.map],this._markers={},this._lines={},this._defaultWidth=this._mapData.width,this._defaultHeight=this._mapData.height,this._height=0,this._width=0,this._baseScale=1,this._baseTransX=0,this._baseTransY=0,"loading"!==document.readyState?this._init():window.addEventListener("DOMContentLoaded",(function(){return i._init()}))}var e=t.prototype;return e._init=function(){var t=this.params;this.container=h(t.selector),this.container.classList.add($),this.canvas=new F(this.container),this.setBackgroundColor(t.backgroundColor),this._createRegions(),this.updateSize(),t.lines&&(this._linesGroup=this.canvas.createGroup(K)),t.markers&&(this._markersGroup=this.canvas.createGroup(Z),this._markerLabelsGroup=this.canvas.createGroup(J)),this._createMarkers(t.markers),this._createLines(t.lines||{}),this._repositionLabels(),this._setupContainerEvents(),this._setupElementEvents(),t.zoomButtons&&this._setupZoomButtons(),t.showTooltip&&(this._tooltip=new q(this)),t.selectedRegions&&this._setSelected("regions",t.selectedRegions),t.selectedMarkers&&this._setSelected("_markers",t.selectedMarkers),t.focusOn&&this.setFocus(t.focusOn),t.visualizeData&&(this.dataVisualization=new U(t.visualizeData,this)),t.bindTouchEvents&&("ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch)&&this._setupContainerTouchEvents(),t.series&&(this.container.appendChild(this.legendHorizontal=l("div",et)),this.container.appendChild(this.legendVertical=l("div",it)),this._createSeries()),this._emit(v.onLoaded,[this])},e.setBackgroundColor=function(t){this.container.style.backgroundColor=t},e.getSelectedRegions=function(){return this._getSelected("regions")},e.clearSelectedRegions=function(t){var e=this;void 0===t&&(t=void 0),(t=this._normalizeRegions(t)||this._getSelected("regions")).forEach((function(t){e.regions[t].element.select(!1)}))},e.setSelectedRegions=function(t){this.clearSelectedRegions(),this._setSelected("regions",this._normalizeRegions(t))},e.getSelectedMarkers=function(){return this._getSelected("_markers")},e.clearSelectedMarkers=function(){this._clearSelected("_markers")},e.setSelectedMarkers=function(t){this._setSelected("_markers",t)},e.addMarkers=function(t){t=Array.isArray(t)?t:[t],this._createMarkers(t,!0)},e.removeMarkers=function(t){var e=this;t||(t=Object.keys(this._markers)),t.forEach((function(t){e._markers[t].element.remove(),delete e._markers[t]}))},e.addLine=function(t,e,i){void 0===i&&(i={}),console.warn("`addLine` method is deprecated, please use `addLines` instead."),this._createLines([{from:t,to:e,style:i}],this._markers,!0)},e.addLines=function(t){var e=this._getLinesAsUids();Array.isArray(t)||(t=[t]),this._createLines(t.filter((function(t){return!(e.indexOf(p(t.from,t.to))>-1)})),!0)},e.removeLines=function(t){var e=this;(t=Array.isArray(t)?t.map((function(t){return p(t.from,t.to)})):this._getLinesAsUids()).forEach((function(t){e._lines[t].dispose(),delete e._lines[t]}))},e.removeLine=function(t,e){console.warn("`removeLine` method is deprecated, please use `removeLines` instead.");var i=p(t,e);this._lines.hasOwnProperty(i)&&(this._lines[i].element.remove(),delete this._lines[i])},e.reset=function(){for(var t in this.series)for(var e=0;e<this.series[t].length;e++)this.series[t][e].clear();this.legendHorizontal&&(c(this.legendHorizontal),this.legendHorizontal=null),this.legendVertical&&(c(this.legendVertical),this.legendVertical=null),this.scale=this._baseScale,this.transX=this._baseTransX,this.transY=this._baseTransY,this._applyTransform(),this.clearSelectedMarkers(),this.clearSelectedRegions(),this.removeMarkers()},e.destroy=function(t){var e=this;void 0===t&&(t=!0),g.flush(),this._tooltip.dispose(),this._emit(v.onDestroyed),t&&Object.keys(this).forEach((function(t){try{delete e[t]}catch(t){}}))},e.extend=function(e,i){if("function"==typeof this[e])throw new Error("The method ["+e+"] does already exist, please use another name.");t.prototype[e]=i},e._emit=function(t,e){for(var i in v)v[i]===t&&"function"==typeof this.params[i]&&this.params[i].apply(this,e)},e._getSelected=function(t){var e=[];for(var i in this[t])this[t][i].element.isSelected&&e.push(i);return e},e._setSelected=function(t,e){var i=this;e.forEach((function(e){i[t][e]&&i[t][e].element.select(!0)}))},e._clearSelected=function(t){var e=this;this._getSelected(t).forEach((function(i){e[t][i].element.select(!1)}))},e._getLinesAsUids=function(){return Object.keys(this._lines)},e._normalizeRegions=function(t){return"string"==typeof t?[t]:t},t}();st.maps={},st.defaults={map:"world",backgroundColor:"transparent",draggable:!0,zoomButtons:!0,zoomOnScroll:!0,zoomOnScrollSpeed:3,zoomMax:12,zoomMin:1,zoomAnimate:!0,showTooltip:!0,zoomStep:1.5,bindTouchEvents:!0,lineStyle:{curvature:0,stroke:"#808080",strokeWidth:1,strokeLinecap:"round"},markersSelectable:!1,markersSelectableOne:!1,markerStyle:{initial:{r:7,fill:"#374151",fillOpacity:1,stroke:"#FFF",strokeWidth:5,strokeOpacity:.5},hover:{fill:"#3cc0ff",cursor:"pointer"},selected:{fill:"blue"},selectedHover:{}},markerLabelStyle:{initial:{fontFamily:"Verdana",fontSize:12,fontWeight:500,cursor:"default",fill:"#374151"},hover:{cursor:"pointer"},selected:{},selectedHover:{}},regionsSelectable:!1,regionsSelectableOne:!1,regionStyle:{initial:{fill:"#dee2e8",fillOpacity:1,stroke:"none",strokeWidth:0},hover:{fillOpacity:.7,cursor:"pointer"},selected:{fill:"#9ca3af"},selectedHover:{}},regionLabelStyle:{initial:{fontFamily:"Verdana",fontSize:"12",fontWeight:"bold",cursor:"default",fill:"#35373e"},hover:{cursor:"pointer"}}},Object.assign(st.prototype,V);var nt=function(){function t(t){if(void 0===t&&(t={}),!t.selector)throw new Error("Selector is not given.");return new st(t)}return t.addMap=function(t,e){st.maps[t]=e},t}();return window.jsVectorMap=nt}));
diff --git a/public_html/assets/raven/vendor/js/just-validate.production.min.js b/public_html/assets/raven/vendor/js/just-validate.production.min.js
new file mode 100644
index 0000000..1bab58f
--- /dev/null
+++ b/public_html/assets/raven/vendor/js/just-validate.production.min.js
@@ -0,0 +1 @@
+var __defProp=Object.defineProperty,__defNormalProp=(e,i,t)=>i in e?__defProp(e,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[i]=t,__publicField=(e,i,t)=>(__defNormalProp(e,"symbol"!=typeof i?i+"":i,t),t);!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(e="undefined"!=typeof globalThis?globalThis:e||self).JustValidate=i()}(this,(function(){"use strict";const e=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,i=/^-?[0-9]\d*$/,t=/^(?=.*[A-Za-z])(?=.*\d).{8,}$/,s=/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/,l=e=>"string"!=typeof e||""===e;var r=(e=>(e.Required="required",e.Email="email",e.MinLength="minLength",e.MaxLength="maxLength",e.Password="password",e.Number="number",e.Integer="integer",e.MaxNumber="maxNumber",e.MinNumber="minNumber",e.StrongPassword="strongPassword",e.CustomRegexp="customRegexp",e.MinFilesCount="minFilesCount",e.MaxFilesCount="maxFilesCount",e.Files="files",e))(r||{}),o=(e=>(e.Required="required",e))(o||{}),a=(e=>(e.Label="label",e.LabelArrow="labelArrow",e))(a||{});const n=[{key:r.Required,dict:{en:"The field is required"}},{key:r.Email,dict:{en:"Email has invalid format"}},{key:r.MaxLength,dict:{en:"The field must contain a maximum of :value characters"}},{key:r.MinLength,dict:{en:"The field must contain a minimum of :value characters"}},{key:r.Password,dict:{en:"Password must contain minimum eight characters, at least one letter and one number"}},{key:r.StrongPassword,dict:{en:"Password should contain minimum eight characters, at least one uppercase letter, one lowercase letter, one number and one special character"}},{key:r.Number,dict:{en:"Value should be a number"}},{key:r.MaxNumber,dict:{en:"Number should be less or equal than :value"}},{key:r.MinNumber,dict:{en:"Number should be more or equal than :value"}},{key:r.MinFilesCount,dict:{en:"Files count should be more or equal than :value"}},{key:r.MaxFilesCount,dict:{en:"Files count should be less or equal than :value"}},{key:r.Files,dict:{en:"Uploaded files have one or several invalid properties (extension/size/type etc)."}}],d=e=>"object"==typeof e&&null!==e&&"then"in e&&"function"==typeof e.then,c=e=>Array.isArray(e)?e.filter((e=>e.length>0)):"string"==typeof e&&e.trim()?[...e.split(" ").filter((e=>e.length>0))]:[],u=e=>e instanceof Element||e instanceof HTMLDocument,h={errorFieldStyle:{color:"#b81111",border:"1px solid #B81111"},errorFieldCssClass:"just-validate-error-field",successFieldCssClass:"just-validate-success-field",errorLabelStyle:{color:"#b81111"},errorLabelCssClass:"just-validate-error-label",successLabelCssClass:"just-validate-success-label",focusInvalidField:!0,lockForm:!0,testingMode:!1,validateBeforeSubmitting:!1,submitFormAutomatically:!1};return class{constructor(e,i,t){__publicField(this,"form",null),__publicField(this,"fields",{}),__publicField(this,"groupFields",{}),__publicField(this,"errors",{}),__publicField(this,"isValid",!1),__publicField(this,"isSubmitted",!1),__publicField(this,"globalConfig",h),__publicField(this,"errorLabels",{}),__publicField(this,"successLabels",{}),__publicField(this,"eventListeners",[]),__publicField(this,"dictLocale",n),__publicField(this,"currentLocale","en"),__publicField(this,"customStyleTags",{}),__publicField(this,"onSuccessCallback"),__publicField(this,"onFailCallback"),__publicField(this,"onValidateCallback"),__publicField(this,"tooltips",[]),__publicField(this,"lastScrollPosition"),__publicField(this,"isScrollTick"),__publicField(this,"fieldIds",new Map),__publicField(this,"getKeyByFieldSelector",(e=>this.fieldIds.get(e))),__publicField(this,"getFieldSelectorByKey",(e=>{for(const[i,t]of this.fieldIds)if(e===t)return i})),__publicField(this,"getCompatibleFields",(()=>{const e={};return Object.keys(this.fields).forEach((i=>{let t=i;const s=this.getFieldSelectorByKey(i);"string"==typeof s&&(t=s),e[t]={...this.fields[i]}})),e})),__publicField(this,"setKeyByFieldSelector",(e=>{if(this.fieldIds.has(e))return this.fieldIds.get(e);const i=String(this.fieldIds.size+1);return this.fieldIds.set(e,i),i})),__publicField(this,"refreshAllTooltips",(()=>{this.tooltips.forEach((e=>{e.refresh()}))})),__publicField(this,"handleDocumentScroll",(()=>{this.lastScrollPosition=window.scrollY,this.isScrollTick||(window.requestAnimationFrame((()=>{this.refreshAllTooltips(),this.isScrollTick=!1})),this.isScrollTick=!0)})),__publicField(this,"formSubmitHandler",(e=>{e.preventDefault(),this.isSubmitted=!0,this.validateHandler(e)})),__publicField(this,"handleFieldChange",(e=>{let i;for(const t in this.fields){if(this.fields[t].elem===e){i=t;break}}i&&(this.fields[i].touched=!0,this.validateField(i,!0))})),__publicField(this,"handleGroupChange",(e=>{let i;for(const t in this.groupFields){if(this.groupFields[t].elems.find((i=>i===e))){i=t;break}}i&&(this.groupFields[i].touched=!0,this.validateGroup(i,!0))})),__publicField(this,"handlerChange",(e=>{e.target&&(this.handleFieldChange(e.target),this.handleGroupChange(e.target),this.renderErrors())})),this.initialize(e,i,t)}initialize(e,i,t){if(this.form=null,this.errors={},this.isValid=!1,this.isSubmitted=!1,this.globalConfig=h,this.errorLabels={},this.successLabels={},this.eventListeners=[],this.customStyleTags={},this.tooltips=[],this.currentLocale="en","string"==typeof e){const i=document.querySelector(e);if(!i)throw Error(`Form with ${e} selector not found! Please check the form selector`);this.setForm(i)}else{if(!(e instanceof HTMLFormElement))throw Error("Form selector is not valid. Please specify a string selector or a DOM element.");this.setForm(e)}if(this.globalConfig={...h,...i},t&&(this.dictLocale=[...t,...n]),this.isTooltip()){const e=document.createElement("style");e.textContent=".just-validate-error-label[data-tooltip=true]{position:fixed;padding:4px 8px;background:#423f3f;color:#fff;white-space:nowrap;z-index:10;border-radius:4px;transform:translateY(-5px)}.just-validate-error-label[data-tooltip=true]:before{content:'';width:0;height:0;border-left:solid 5px transparent;border-right:solid 5px transparent;border-bottom:solid 5px #423f3f;position:absolute;z-index:3;display:block;bottom:-5px;transform:rotate(180deg);left:calc(50% - 5px)}.just-validate-error-label[data-tooltip=true][data-direction=left]{transform:translateX(-5px)}.just-validate-error-label[data-tooltip=true][data-direction=left]:before{right:-7px;bottom:auto;left:auto;top:calc(50% - 2px);transform:rotate(90deg)}.just-validate-error-label[data-tooltip=true][data-direction=right]{transform:translateX(5px)}.just-validate-error-label[data-tooltip=true][data-direction=right]:before{right:auto;bottom:auto;left:-7px;top:calc(50% - 2px);transform:rotate(-90deg)}.just-validate-error-label[data-tooltip=true][data-direction=bottom]{transform:translateY(5px)}.just-validate-error-label[data-tooltip=true][data-direction=bottom]:before{right:auto;bottom:auto;left:calc(50% - 5px);top:-5px;transform:rotate(0)}",this.customStyleTags[a.Label]=document.head.appendChild(e),this.addListener("scroll",document,this.handleDocumentScroll)}}getLocalisedString(e,i,t){var s;const l=null!=t?t:e;let o=null==(s=this.dictLocale.find((e=>e.key===l)))?void 0:s.dict[this.currentLocale];if(o||t&&(o=t),o&&void 0!==i)switch(e){case r.MaxLength:case r.MinLength:case r.MaxNumber:case r.MinNumber:case r.MinFilesCount:case r.MaxFilesCount:o=o.replace(":value",String(i))}return o||t||"Value is incorrect"}getFieldErrorMessage(e,i){const t="function"==typeof e.errorMessage?e.errorMessage(this.getElemValue(i),this.fields):e.errorMessage;return this.getLocalisedString(e.rule,e.value,t)}getFieldSuccessMessage(e,i){const t="function"==typeof e?e(this.getElemValue(i),this.fields):e;return this.getLocalisedString(void 0,void 0,t)}getGroupErrorMessage(e){return this.getLocalisedString(e.rule,void 0,e.errorMessage)}getGroupSuccessMessage(e){if(e.successMessage)return this.getLocalisedString(void 0,void 0,e.successMessage)}setFieldInvalid(e,i){this.fields[e].isValid=!1,this.fields[e].errorMessage=this.getFieldErrorMessage(i,this.fields[e].elem)}setFieldValid(e,i){this.fields[e].isValid=!0,void 0!==i&&(this.fields[e].successMessage=this.getFieldSuccessMessage(i,this.fields[e].elem))}setGroupInvalid(e,i){this.groupFields[e].isValid=!1,this.groupFields[e].errorMessage=this.getGroupErrorMessage(i)}setGroupValid(e,i){this.groupFields[e].isValid=!0,this.groupFields[e].successMessage=this.getGroupSuccessMessage(i)}getElemValue(e){switch(e.type){case"checkbox":return e.checked;case"file":return e.files;default:return e.value}}validateGroupRule(e,i,t){if(t.rule===o.Required)i.every((e=>!e.checked))?this.setGroupInvalid(e,t):this.setGroupValid(e,t)}validateFieldRule(o,a,n,c=!1){const u=n.value,h=this.getElemValue(a);if(n.plugin){n.plugin(h,this.getCompatibleFields())||this.setFieldInvalid(o,n)}else{switch(n.rule){case r.Required:(e=>{let i=e;return"string"==typeof e&&(i=e.trim()),!i})(h)&&this.setFieldInvalid(o,n);break;case r.Email:if(l(h))break;f=h,e.test(f)||this.setFieldInvalid(o,n);break;case r.MaxLength:if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(l(h))break;((e,i)=>e.length>i)(h,u)&&this.setFieldInvalid(o,n);break;case r.MinLength:if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(l(h))break;((e,i)=>e.length<i)(h,u)&&this.setFieldInvalid(o,n);break;case r.Password:if(l(h))break;(e=>t.test(e))(h)||this.setFieldInvalid(o,n);break;case r.StrongPassword:if(l(h))break;(e=>s.test(e))(h)||this.setFieldInvalid(o,n);break;case r.Number:if(l(h))break;(e=>"string"==typeof e&&!isNaN(+e)&&!isNaN(parseFloat(e)))(h)||this.setFieldInvalid(o,n);break;case r.Integer:if(l(h))break;(e=>i.test(e))(h)||this.setFieldInvalid(o,n);break;case r.MaxNumber:{if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] field should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(l(h))break;const e=+h;(Number.isNaN(e)||((e,i)=>e>i)(e,u))&&this.setFieldInvalid(o,n);break}case r.MinNumber:{if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] field should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(l(h))break;const e=+h;(Number.isNaN(e)||((e,i)=>e<i)(e,u))&&this.setFieldInvalid(o,n);break}case r.CustomRegexp:{if(void 0===u)return console.error(`Value for ${n.rule} rule for [${o}] field is not defined. This field will be always invalid.`),void this.setFieldInvalid(o,n);let e;try{e=new RegExp(u)}catch(b){console.error(`Value for ${n.rule} rule for [${o}] should be a valid regexp. This field will be always invalid.`),this.setFieldInvalid(o,n);break}const i=String(h);""===i||e.test(i)||this.setFieldInvalid(o,n);break}case r.MinFilesCount:if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. This field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] field should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(Number.isFinite(null==h?void 0:h.length)&&h.length<u){this.setFieldInvalid(o,n);break}break;case r.MaxFilesCount:if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. This field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] field should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(Number.isFinite(null==h?void 0:h.length)&&h.length>u){this.setFieldInvalid(o,n);break}break;case r.Files:{if(void 0===u)return console.error(`Value for ${n.rule} rule for [${o}] field is not defined. This field will be always invalid.`),void this.setFieldInvalid(o,n);if("object"!=typeof u)return console.error(`Value for ${n.rule} rule for [${o}] field should be an object. This field will be always invalid.`),void this.setFieldInvalid(o,n);const e=u.files;if("object"!=typeof e)return console.error(`Value for ${n.rule} rule for [${o}] field should be an object with files array. This field will be always invalid.`),void this.setFieldInvalid(o,n);const i=(e,i)=>{const t=Number.isFinite(i.minSize)&&e.size<i.minSize,s=Number.isFinite(i.maxSize)&&e.size>i.maxSize,l=Array.isArray(i.names)&&!i.names.includes(e.name),r=Array.isArray(i.extensions)&&!i.extensions.includes(e.name.split(".")[e.name.split(".").length-1]),o=Array.isArray(i.types)&&!i.types.includes(e.type);return t||s||l||r||o};if("object"==typeof h&&null!==h)for(let t=0,s=h.length;t<s;++t){const s=h.item(t);if(!s){this.setFieldInvalid(o,n);break}if(i(s,e)){this.setFieldInvalid(o,n);break}}break}default:{if("function"!=typeof n.validator)return console.error(`Validator for custom rule for [${o}] field should be a function. This field will be always invalid.`),void this.setFieldInvalid(o,n);const e=n.validator(h,this.getCompatibleFields());if("boolean"!=typeof e&&"function"!=typeof e&&console.error(`Validator return value for [${o}] field should be boolean or function. It will be cast to boolean.`),"function"==typeof e){if(!c){this.fields[o].asyncCheckPending=!1;const i=e();return d(i)?i.then((e=>{e||this.setFieldInvalid(o,n)})).catch((()=>{this.setFieldInvalid(o,n)})):(console.error(`Validator function for custom rule for [${o}] field should return a Promise. This field will be always invalid.`),void this.setFieldInvalid(o,n))}this.fields[o].asyncCheckPending=!0}e||this.setFieldInvalid(o,n)}}var f}}isFormValid(){let e=!0;for(let i=0,t=Object.values(this.fields).length;i<t;++i){const t=Object.values(this.fields)[i];if(void 0===t.isValid){e=void 0;break}if(!1===t.isValid){e=!1;break}}for(let i=0,t=Object.values(this.groupFields).length;i<t;++i){const t=Object.values(this.groupFields)[i];if(void 0===t.isValid){e=void 0;break}if(!1===t.isValid){e=!1;break}}return e}validateField(e,i=!1){var t;const s=this.fields[e];s.isValid=!0;const l=[];return[...s.rules].reverse().forEach((t=>{const r=this.validateFieldRule(e,s.elem,t,i);d(r)&&l.push(r)})),s.isValid&&this.setFieldValid(e,null==(t=s.config)?void 0:t.successMessage),Promise.allSettled(l).finally((()=>{var e;i&&(null==(e=this.onValidateCallback)||e.call(this,{isValid:this.isFormValid(),isSubmitted:this.isSubmitted,fields:this.getCompatibleFields(),groups:{...this.groupFields}}))}))}revalidateField(e){if("string"!=typeof e&&!u(e))throw Error("Field selector is not valid. Please specify a string selector or a valid DOM element.");const i=this.getKeyByFieldSelector(e);return i&&this.fields[i]?new Promise((e=>{this.validateField(i,!0).finally((()=>{this.clearFieldStyle(i),this.clearFieldLabel(i),this.renderFieldError(i,!0),e(!!this.fields[i].isValid)}))})):(console.error("Field not found. Check the field selector."),Promise.reject())}revalidateGroup(e){if("string"!=typeof e&&!u(e))throw Error("Group selector is not valid. Please specify a string selector or a valid DOM element.");const i=this.getKeyByFieldSelector(e);return i&&this.groupFields[i]?new Promise((e=>{this.validateGroup(i).finally((()=>{this.clearFieldLabel(i),this.renderGroupError(i,!0),e(!!this.groupFields[i].isValid)}))})):(console.error("Group not found. Check the group selector."),Promise.reject())}validateGroup(e,i=!1){const t=this.groupFields[e],s=[];return[...t.rules].reverse().forEach((i=>{const l=this.validateGroupRule(e,t.elems,i);d(l)&&s.push(l)})),Promise.allSettled(s).finally((()=>{var e;i&&(null==(e=this.onValidateCallback)||e.call(this,{isValid:this.isFormValid(),isSubmitted:this.isSubmitted,fields:this.getCompatibleFields(),groups:{...this.groupFields}}))}))}focusInvalidField(){for(const e in this.fields){const i=this.fields[e];if(!i.isValid){setTimeout((()=>i.elem.focus()),0);break}}}afterSubmitValidation(e=!1){this.renderErrors(e),this.globalConfig.focusInvalidField&&this.focusInvalidField()}validate(e=!1){return new Promise((i=>{const t=[];Object.keys(this.fields).forEach((e=>{const i=this.validateField(e);d(i)&&t.push(i)})),Object.keys(this.groupFields).forEach((e=>{const i=this.validateGroup(e);d(i)&&t.push(i)})),Promise.allSettled(t).then((()=>{var s;this.afterSubmitValidation(e),null==(s=this.onValidateCallback)||s.call(this,{isValid:this.isFormValid(),isSubmitted:this.isSubmitted,fields:this.getCompatibleFields(),groups:{...this.groupFields}}),i(!!t.length)}))}))}revalidate(){return new Promise((e=>{this.validateHandler(void 0,!0).finally((()=>{this.globalConfig.focusInvalidField&&this.focusInvalidField(),e(this.isValid)}))}))}validateHandler(e,i=!1){return this.globalConfig.lockForm&&this.lockForm(),this.validate(i).finally((()=>{var i,t,s;this.globalConfig.lockForm&&this.unlockForm(),this.isValid?(null==(i=this.onSuccessCallback)||i.call(this,e),this.globalConfig.submitFormAutomatically&&(null==(t=null==e?void 0:e.currentTarget)||t.submit())):null==(s=this.onFailCallback)||s.call(this,this.getCompatibleFields(),this.groupFields)}))}setForm(e){this.form=e,this.form.setAttribute("novalidate","novalidate"),this.removeListener("submit",this.form,this.formSubmitHandler),this.addListener("submit",this.form,this.formSubmitHandler)}addListener(e,i,t){i.addEventListener(e,t),this.eventListeners.push({type:e,elem:i,func:t})}removeListener(e,i,t){i.removeEventListener(e,t),this.eventListeners=this.eventListeners.filter((t=>t.type!==e||t.elem!==i))}addField(e,i,t){if("string"!=typeof e&&!u(e))throw Error("Field selector is not valid. Please specify a string selector or a valid DOM element.");let s;if(s="string"==typeof e?this.form.querySelector(e):e,!s)throw Error("Field doesn't exist in the DOM! Please check the field selector.");if(!Array.isArray(i)||!i.length)throw Error("Rules argument should be an array and should contain at least 1 element.");i.forEach((e=>{if(!("rule"in e||"validator"in e||"plugin"in e))throw Error("Rules argument must contain at least one rule or validator property.");if(!(e.validator||e.plugin||e.rule&&Object.values(r).includes(e.rule)))throw Error(`Rule should be one of these types: ${Object.values(r).join(", ")}. Provided value: ${e.rule}`)}));const l=this.setKeyByFieldSelector(e);return this.fields[l]={elem:s,rules:i,isValid:void 0,touched:!1,config:t},this.setListeners(s),(this.isSubmitted||this.globalConfig.validateBeforeSubmitting)&&this.validateField(l),this}removeField(e){if("string"!=typeof e&&!u(e))throw Error("Field selector is not valid. Please specify a string selector or a valid DOM element.");const i=this.getKeyByFieldSelector(e);if(!i||!this.fields[i])return console.error("Field not found. Check the field selector."),this;const t=this.getListenerType(this.fields[i].elem.type);return this.removeListener(t,this.fields[i].elem,this.handlerChange),this.clearErrors(),delete this.fields[i],this}removeGroup(e){if("string"!=typeof e)throw Error("Group selector is not valid. Please specify a string selector.");const i=this.getKeyByFieldSelector(e);return i&&this.groupFields[i]?(this.groupFields[i].elems.forEach((e=>{const i=this.getListenerType(e.type);this.removeListener(i,e,this.handlerChange)})),this.clearErrors(),delete this.groupFields[i],this):(console.error("Group not found. Check the group selector."),this)}addRequiredGroup(e,i,t,s){if("string"!=typeof e&&!u(e))throw Error("Group selector is not valid. Please specify a string selector or a valid DOM element.");let l;if(l="string"==typeof e?this.form.querySelector(e):e,!l)throw Error("Group selector not found! Please check the group selector.");const r=l.querySelectorAll("input"),a=Array.from(r).filter((e=>{const i=((e,i)=>{const t=[...i].reverse();for(let s=0,l=t.length;s<l;++s){const i=t[s];for(const t in e){const s=e[t];if(s.groupElem===i)return[t,s]}}return null})(this.groupFields,(e=>{let i=e;const t=[];for(;i;)t.unshift(i),i=i.parentNode;return t})(e));return!i||i[1].elems.find((i=>i!==e))})),n=this.setKeyByFieldSelector(e);return this.groupFields[n]={rules:[{rule:o.Required,errorMessage:i,successMessage:s}],groupElem:l,elems:a,touched:!1,isValid:void 0,config:t},r.forEach((e=>{this.setListeners(e)})),this}getListenerType(e){switch(e){case"checkbox":case"select-one":case"file":case"radio":return"change";default:return"input"}}setListeners(e){const i=this.getListenerType(e.type);this.removeListener(i,e,this.handlerChange),this.addListener(i,e,this.handlerChange)}clearFieldLabel(e){var i,t;null==(i=this.errorLabels[e])||i.remove(),null==(t=this.successLabels[e])||t.remove()}clearFieldStyle(e){var i,t,s,l;const r=this.fields[e],o=(null==(i=r.config)?void 0:i.errorFieldStyle)||this.globalConfig.errorFieldStyle;Object.keys(o).forEach((e=>{r.elem.style[e]=""}));const a=(null==(t=r.config)?void 0:t.successFieldStyle)||this.globalConfig.successFieldStyle||{};Object.keys(a).forEach((e=>{r.elem.style[e]=""})),r.elem.classList.remove(...c((null==(s=r.config)?void 0:s.errorFieldCssClass)||this.globalConfig.errorFieldCssClass),...c((null==(l=r.config)?void 0:l.successFieldCssClass)||this.globalConfig.successFieldCssClass))}clearErrors(){var e,i;Object.keys(this.errorLabels).forEach((e=>this.errorLabels[e].remove())),Object.keys(this.successLabels).forEach((e=>this.successLabels[e].remove()));for(const t in this.fields)this.clearFieldStyle(t);for(const t in this.groupFields){const s=this.groupFields[t],l=(null==(e=s.config)?void 0:e.errorFieldStyle)||this.globalConfig.errorFieldStyle;Object.keys(l).forEach((e=>{s.elems.forEach((i=>{var t;i.style[e]="",i.classList.remove(...c((null==(t=s.config)?void 0:t.errorFieldCssClass)||this.globalConfig.errorFieldCssClass))}))}));const r=(null==(i=s.config)?void 0:i.successFieldStyle)||this.globalConfig.successFieldStyle||{};Object.keys(r).forEach((e=>{s.elems.forEach((i=>{var t;i.style[e]="",i.classList.remove(...c((null==(t=s.config)?void 0:t.successFieldCssClass)||this.globalConfig.successFieldCssClass))}))}))}this.tooltips=[]}isTooltip(){return!!this.globalConfig.tooltip}lockForm(){const e=this.form.querySelectorAll("input, textarea, button, select");for(let i=0,t=e.length;i<t;++i)e[i].setAttribute("data-just-validate-fallback-disabled",e[i].disabled?"true":"false"),e[i].setAttribute("disabled","disabled"),e[i].style.pointerEvents="none",e[i].style.webkitFilter="grayscale(100%)",e[i].style.filter="grayscale(100%)"}unlockForm(){const e=this.form.querySelectorAll("input, textarea, button, select");for(let i=0,t=e.length;i<t;++i)"true"!==e[i].getAttribute("data-just-validate-fallback-disabled")&&e[i].removeAttribute("disabled"),e[i].style.pointerEvents="",e[i].style.webkitFilter="",e[i].style.filter=""}renderTooltip(e,i,t){var s;const{top:l,left:r,width:o,height:a}=e.getBoundingClientRect(),n=i.getBoundingClientRect(),d=t||(null==(s=this.globalConfig.tooltip)?void 0:s.position);switch(d){case"left":i.style.top=l+a/2-n.height/2+"px",i.style.left=r-n.width-5+"px";break;case"top":i.style.top=l-n.height-5+"px",i.style.left=r+o/2-n.width/2+"px";break;case"right":i.style.top=l+a/2-n.height/2+"px",i.style.left=`${r+o+5}px`;break;case"bottom":i.style.top=`${l+a+5}px`,i.style.left=r+o/2-n.width/2+"px"}i.dataset.direction=d;return{refresh:()=>{this.renderTooltip(e,i,t)}}}createErrorLabelElem(e,i,t){const s=document.createElement("div");s.innerHTML=i;const l=this.isTooltip()?null==t?void 0:t.errorLabelStyle:(null==t?void 0:t.errorLabelStyle)||this.globalConfig.errorLabelStyle;return Object.assign(s.style,l),s.classList.add(...c((null==t?void 0:t.errorLabelCssClass)||this.globalConfig.errorLabelCssClass),"just-validate-error-label"),this.isTooltip()&&(s.dataset.tooltip="true"),this.globalConfig.testingMode&&(s.dataset.testId=`error-label-${e}`),this.errorLabels[e]=s,s}createSuccessLabelElem(e,i,t){if(void 0===i)return null;const s=document.createElement("div");s.innerHTML=i;const l=(null==t?void 0:t.successLabelStyle)||this.globalConfig.successLabelStyle;return Object.assign(s.style,l),s.classList.add(...c((null==t?void 0:t.successLabelCssClass)||this.globalConfig.successLabelCssClass),"just-validate-success-label"),this.globalConfig.testingMode&&(s.dataset.testId=`success-label-${e}`),this.successLabels[e]=s,s}renderErrorsContainer(e,i){const t=i||this.globalConfig.errorsContainer;if("string"==typeof t){const i=this.form.querySelector(t);if(i)return i.appendChild(e),!0;console.error(`Error container with ${t} selector not found. Errors will be rendered as usual`)}return t instanceof Element?(t.appendChild(e),!0):(void 0!==t&&console.error("Error container not found. It should be a string or existing Element. Errors will be rendered as usual"),!1)}renderGroupLabel(e,i,t,s){if(!s){if(this.renderErrorsContainer(i,t))return}e.appendChild(i)}renderFieldLabel(e,i,t,s){var l,r,o,a,n,d,c;if(!s){if(this.renderErrorsContainer(i,t))return}if("checkbox"===e.type||"radio"===e.type){const t=document.querySelector(`label[for="${e.getAttribute("id")}"]`);"label"===(null==(r=null==(l=e.parentElement)?void 0:l.tagName)?void 0:r.toLowerCase())?null==(a=null==(o=e.parentElement)?void 0:o.parentElement)||a.appendChild(i):t?null==(n=t.parentElement)||n.appendChild(i):null==(d=e.parentElement)||d.appendChild(i)}else null==(c=e.parentElement)||c.appendChild(i)}showLabels(e,i){Object.keys(e).forEach(((t,s)=>{const l=e[t],r=this.getKeyByFieldSelector(t);if(!r||!this.fields[r])return void console.error("Field not found. Check the field selector.");const o=this.fields[r];o.isValid=!i,this.clearFieldStyle(r),this.clearFieldLabel(r),this.renderFieldError(r,!1,l),0===s&&this.globalConfig.focusInvalidField&&setTimeout((()=>o.elem.focus()),0)}))}showErrors(e){if("object"!=typeof e)throw Error("[showErrors]: Errors should be an object with key: value format");this.showLabels(e,!0)}showSuccessLabels(e){if("object"!=typeof e)throw Error("[showSuccessLabels]: Labels should be an object with key: value format");this.showLabels(e,!1)}renderFieldError(e,i=!1,t){var s,l,r,o,a,n;const d=this.fields[e];if(!1===d.isValid&&(this.isValid=!1),void 0===d.isValid||!i&&!this.isSubmitted&&!d.touched&&void 0===t)return;if(d.isValid){if(!d.asyncCheckPending){const i=this.createSuccessLabelElem(e,void 0!==t?t:d.successMessage,d.config);i&&this.renderFieldLabel(d.elem,i,null==(s=d.config)?void 0:s.errorsContainer,!0),d.elem.classList.add(...c((null==(l=d.config)?void 0:l.successFieldCssClass)||this.globalConfig.successFieldCssClass))}return}d.elem.classList.add(...c((null==(r=d.config)?void 0:r.errorFieldCssClass)||this.globalConfig.errorFieldCssClass));const u=this.createErrorLabelElem(e,void 0!==t?t:d.errorMessage,d.config);this.renderFieldLabel(d.elem,u,null==(o=d.config)?void 0:o.errorsContainer),this.isTooltip()&&this.tooltips.push(this.renderTooltip(d.elem,u,null==(n=null==(a=d.config)?void 0:a.tooltip)?void 0:n.position))}renderGroupError(e,i=!0){var t,s,l,r;const o=this.groupFields[e];if(!1===o.isValid&&(this.isValid=!1),void 0===o.isValid||!i&&!this.isSubmitted&&!o.touched)return;if(o.isValid){o.elems.forEach((e=>{var i,t;Object.assign(e.style,(null==(i=o.config)?void 0:i.successFieldStyle)||this.globalConfig.successFieldStyle),e.classList.add(...c((null==(t=o.config)?void 0:t.successFieldCssClass)||this.globalConfig.successFieldCssClass))}));const i=this.createSuccessLabelElem(e,o.successMessage,o.config);return void(i&&this.renderGroupLabel(o.groupElem,i,null==(t=o.config)?void 0:t.errorsContainer,!0))}this.isValid=!1,o.elems.forEach((e=>{var i,t;Object.assign(e.style,(null==(i=o.config)?void 0:i.errorFieldStyle)||this.globalConfig.errorFieldStyle),e.classList.add(...c((null==(t=o.config)?void 0:t.errorFieldCssClass)||this.globalConfig.errorFieldCssClass))}));const a=this.createErrorLabelElem(e,o.errorMessage,o.config);this.renderGroupLabel(o.groupElem,a,null==(s=o.config)?void 0:s.errorsContainer),this.isTooltip()&&this.tooltips.push(this.renderTooltip(o.groupElem,a,null==(r=null==(l=o.config)?void 0:l.tooltip)?void 0:r.position))}renderErrors(e=!1){if(this.isSubmitted||e||this.globalConfig.validateBeforeSubmitting){this.clearErrors(),this.isValid=!0;for(const e in this.groupFields)this.renderGroupError(e);for(const e in this.fields)this.renderFieldError(e)}}destroy(){this.eventListeners.forEach((e=>{this.removeListener(e.type,e.elem,e.func)})),Object.keys(this.customStyleTags).forEach((e=>{this.customStyleTags[e].remove()})),this.clearErrors(),this.globalConfig.lockForm&&this.unlockForm()}refresh(){this.destroy(),this.form?(this.initialize(this.form,this.globalConfig),Object.keys(this.fields).forEach((e=>{const i=this.getFieldSelectorByKey(e);i&&this.addField(i,[...this.fields[e].rules],this.fields[e].config)}))):console.error("Cannot initialize the library! Form is not defined")}setCurrentLocale(e){"string"==typeof e||void 0===e?(this.currentLocale=e,this.isSubmitted&&this.validate()):console.error("Current locale should be a string")}onSuccess(e){return this.onSuccessCallback=e,this}onFail(e){return this.onFailCallback=e,this}onValidate(e){return this.onValidateCallback=e,this}}}));
diff --git a/public_html/assets/raven/vendor/js/moment.min.js b/public_html/assets/raven/vendor/js/moment.min.js
new file mode 100644
index 0000000..8b80f20
--- /dev/null
+++ b/public_html/assets/raven/vendor/js/moment.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.moment=t()}(this,function(){"use strict";var H;function _(){return H.apply(null,arguments)}function y(e){return e instanceof Array||"[object Array]"===Object.prototype.toString.call(e)}function F(e){return null!=e&&"[object Object]"===Object.prototype.toString.call(e)}function c(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function L(e){if(Object.getOwnPropertyNames)return 0===Object.getOwnPropertyNames(e).length;for(var t in e)if(c(e,t))return;return 1}function g(e){return void 0===e}function w(e){return"number"==typeof e||"[object Number]"===Object.prototype.toString.call(e)}function V(e){return e instanceof Date||"[object Date]"===Object.prototype.toString.call(e)}function G(e,t){for(var n=[],s=e.length,i=0;i<s;++i)n.push(t(e[i],i));return n}function E(e,t){for(var n in t)c(t,n)&&(e[n]=t[n]);return c(t,"toString")&&(e.toString=t.toString),c(t,"valueOf")&&(e.valueOf=t.valueOf),e}function l(e,t,n,s){return Wt(e,t,n,s,!0).utc()}function p(e){return null==e._pf&&(e._pf={empty:!1,unusedTokens:[],unusedInput:[],overflow:-2,charsLeftOver:0,nullInput:!1,invalidEra:null,invalidMonth:null,invalidFormat:!1,userInvalidated:!1,iso:!1,parsedDateParts:[],era:null,meridiem:null,rfc2822:!1,weekdayMismatch:!1}),e._pf}function A(e){var t,n,s=e._d&&!isNaN(e._d.getTime());return s&&(t=p(e),n=j.call(t.parsedDateParts,function(e){return null!=e}),s=t.overflow<0&&!t.empty&&!t.invalidEra&&!t.invalidMonth&&!t.invalidWeekday&&!t.weekdayMismatch&&!t.nullInput&&!t.invalidFormat&&!t.userInvalidated&&(!t.meridiem||t.meridiem&&n),e._strict)&&(s=s&&0===t.charsLeftOver&&0===t.unusedTokens.length&&void 0===t.bigHour),null!=Object.isFrozen&&Object.isFrozen(e)?s:(e._isValid=s,e._isValid)}function I(e){var t=l(NaN);return null!=e?E(p(t),e):p(t).userInvalidated=!0,t}var j=Array.prototype.some||function(e){for(var t=Object(this),n=t.length>>>0,s=0;s<n;s++)if(s in t&&e.call(this,t[s],s,t))return!0;return!1},Z=_.momentProperties=[],z=!1;function q(e,t){var n,s,i,r=Z.length;if(g(t._isAMomentObject)||(e._isAMomentObject=t._isAMomentObject),g(t._i)||(e._i=t._i),g(t._f)||(e._f=t._f),g(t._l)||(e._l=t._l),g(t._strict)||(e._strict=t._strict),g(t._tzm)||(e._tzm=t._tzm),g(t._isUTC)||(e._isUTC=t._isUTC),g(t._offset)||(e._offset=t._offset),g(t._pf)||(e._pf=p(t)),g(t._locale)||(e._locale=t._locale),0<r)for(n=0;n<r;n++)g(i=t[s=Z[n]])||(e[s]=i);return e}function $(e){q(this,e),this._d=new Date(null!=e._d?e._d.getTime():NaN),this.isValid()||(this._d=new Date(NaN)),!1===z&&(z=!0,_.updateOffset(this),z=!1)}function k(e){return e instanceof $||null!=e&&null!=e._isAMomentObject}function B(e){!1===_.suppressDeprecationWarnings&&"undefined"!=typeof console&&console.warn&&console.warn("Deprecation warning: "+e)}function e(r,a){var o=!0;return E(function(){if(null!=_.deprecationHandler&&_.deprecationHandler(null,r),o){for(var e,t,n=[],s=arguments.length,i=0;i<s;i++){if(e="","object"==typeof arguments[i]){for(t in e+="\n["+i+"] ",arguments[0])c(arguments[0],t)&&(e+=t+": "+arguments[0][t]+", ");e=e.slice(0,-2)}else e=arguments[i];n.push(e)}B(r+"\nArguments: "+Array.prototype.slice.call(n).join("")+"\n"+(new Error).stack),o=!1}return a.apply(this,arguments)},a)}var J={};function Q(e,t){null!=_.deprecationHandler&&_.deprecationHandler(e,t),J[e]||(B(t),J[e]=!0)}function a(e){return"undefined"!=typeof Function&&e instanceof Function||"[object Function]"===Object.prototype.toString.call(e)}function X(e,t){var n,s=E({},e);for(n in t)c(t,n)&&(F(e[n])&&F(t[n])?(s[n]={},E(s[n],e[n]),E(s[n],t[n])):null!=t[n]?s[n]=t[n]:delete s[n]);for(n in e)c(e,n)&&!c(t,n)&&F(e[n])&&(s[n]=E({},s[n]));return s}function K(e){null!=e&&this.set(e)}_.suppressDeprecationWarnings=!1,_.deprecationHandler=null;var ee=Object.keys||function(e){var t,n=[];for(t in e)c(e,t)&&n.push(t);return n};function r(e,t,n){var s=""+Math.abs(e);return(0<=e?n?"+":"":"-")+Math.pow(10,Math.max(0,t-s.length)).toString().substr(1)+s}var te=/(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|N{1,5}|YYYYYY|YYYYY|YYYY|YY|y{2,4}|yo?|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,ne=/(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,se={},ie={};function s(e,t,n,s){var i="string"==typeof s?function(){return this[s]()}:s;e&&(ie[e]=i),t&&(ie[t[0]]=function(){return r(i.apply(this,arguments),t[1],t[2])}),n&&(ie[n]=function(){return this.localeData().ordinal(i.apply(this,arguments),e)})}function re(e,t){return e.isValid()?(t=ae(t,e.localeData()),se[t]=se[t]||function(s){for(var e,i=s.match(te),t=0,r=i.length;t<r;t++)ie[i[t]]?i[t]=ie[i[t]]:i[t]=(e=i[t]).match(/\[[\s\S]/)?e.replace(/^\[|\]$/g,""):e.replace(/\\/g,"");return function(e){for(var t="",n=0;n<r;n++)t+=a(i[n])?i[n].call(e,s):i[n];return t}}(t),se[t](e)):e.localeData().invalidDate()}function ae(e,t){var n=5;function s(e){return t.longDateFormat(e)||e}for(ne.lastIndex=0;0<=n&&ne.test(e);)e=e.replace(ne,s),ne.lastIndex=0,--n;return e}var oe={D:"date",dates:"date",date:"date",d:"day",days:"day",day:"day",e:"weekday",weekdays:"weekday",weekday:"weekday",E:"isoWeekday",isoweekdays:"isoWeekday",isoweekday:"isoWeekday",DDD:"dayOfYear",dayofyears:"dayOfYear",dayofyear:"dayOfYear",h:"hour",hours:"hour",hour:"hour",ms:"millisecond",milliseconds:"millisecond",millisecond:"millisecond",m:"minute",minutes:"minute",minute:"minute",M:"month",months:"month",month:"month",Q:"quarter",quarters:"quarter",quarter:"quarter",s:"second",seconds:"second",second:"second",gg:"weekYear",weekyears:"weekYear",weekyear:"weekYear",GG:"isoWeekYear",isoweekyears:"isoWeekYear",isoweekyear:"isoWeekYear",w:"week",weeks:"week",week:"week",W:"isoWeek",isoweeks:"isoWeek",isoweek:"isoWeek",y:"year",years:"year",year:"year"};function o(e){return"string"==typeof e?oe[e]||oe[e.toLowerCase()]:void 0}function ue(e){var t,n,s={};for(n in e)c(e,n)&&(t=o(n))&&(s[t]=e[n]);return s}var le={date:9,day:11,weekday:11,isoWeekday:11,dayOfYear:4,hour:13,millisecond:16,minute:14,month:8,quarter:7,second:15,weekYear:1,isoWeekYear:1,week:5,isoWeek:5,year:1};var de=/\d/,t=/\d\d/,he=/\d{3}/,ce=/\d{4}/,fe=/[+-]?\d{6}/,n=/\d\d?/,me=/\d\d\d\d?/,_e=/\d\d\d\d\d\d?/,ye=/\d{1,3}/,ge=/\d{1,4}/,we=/[+-]?\d{1,6}/,pe=/\d+/,ke=/[+-]?\d+/,Me=/Z|[+-]\d\d:?\d\d/gi,ve=/Z|[+-]\d\d(?::?\d\d)?/gi,i=/[0-9]{0,256}['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFF07\uFF10-\uFFEF]{1,256}|[\u0600-\u06FF\/]{1,256}(\s*?[\u0600-\u06FF]{1,256}){1,2}/i,u=/^[1-9]\d?/,d=/^([1-9]\d|\d)/;function h(e,n,s){Ye[e]=a(n)?n:function(e,t){return e&&s?s:n}}function De(e,t){return c(Ye,e)?Ye[e](t._strict,t._locale):new RegExp(f(e.replace("\\","").replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,function(e,t,n,s,i){return t||n||s||i})))}function f(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}function m(e){return e<0?Math.ceil(e)||0:Math.floor(e)}function M(e){var e=+e,t=0;return t=0!=e&&isFinite(e)?m(e):t}var Ye={},Se={};function v(e,n){var t,s,i=n;for("string"==typeof e&&(e=[e]),w(n)&&(i=function(e,t){t[n]=M(e)}),s=e.length,t=0;t<s;t++)Se[e[t]]=i}function Oe(e,i){v(e,function(e,t,n,s){n._w=n._w||{},i(e,n._w,n,s)})}function be(e){return e%4==0&&e%100!=0||e%400==0}var D=0,Y=1,S=2,O=3,b=4,T=5,Te=6,xe=7,Ne=8;function We(e){return be(e)?366:365}s("Y",0,0,function(){var e=this.year();return e<=9999?r(e,4):"+"+e}),s(0,["YY",2],0,function(){return this.year()%100}),s(0,["YYYY",4],0,"year"),s(0,["YYYYY",5],0,"year"),s(0,["YYYYYY",6,!0],0,"year"),h("Y",ke),h("YY",n,t),h("YYYY",ge,ce),h("YYYYY",we,fe),h("YYYYYY",we,fe),v(["YYYYY","YYYYYY"],D),v("YYYY",function(e,t){t[D]=2===e.length?_.parseTwoDigitYear(e):M(e)}),v("YY",function(e,t){t[D]=_.parseTwoDigitYear(e)}),v("Y",function(e,t){t[D]=parseInt(e,10)}),_.parseTwoDigitYear=function(e){return M(e)+(68<M(e)?1900:2e3)};var x,Pe=Re("FullYear",!0);function Re(t,n){return function(e){return null!=e?(Ue(this,t,e),_.updateOffset(this,n),this):Ce(this,t)}}function Ce(e,t){if(!e.isValid())return NaN;var n=e._d,s=e._isUTC;switch(t){case"Milliseconds":return s?n.getUTCMilliseconds():n.getMilliseconds();case"Seconds":return s?n.getUTCSeconds():n.getSeconds();case"Minutes":return s?n.getUTCMinutes():n.getMinutes();case"Hours":return s?n.getUTCHours():n.getHours();case"Date":return s?n.getUTCDate():n.getDate();case"Day":return s?n.getUTCDay():n.getDay();case"Month":return s?n.getUTCMonth():n.getMonth();case"FullYear":return s?n.getUTCFullYear():n.getFullYear();default:return NaN}}function Ue(e,t,n){var s,i,r;if(e.isValid()&&!isNaN(n)){switch(s=e._d,i=e._isUTC,t){case"Milliseconds":return i?s.setUTCMilliseconds(n):s.setMilliseconds(n);case"Seconds":return i?s.setUTCSeconds(n):s.setSeconds(n);case"Minutes":return i?s.setUTCMinutes(n):s.setMinutes(n);case"Hours":return i?s.setUTCHours(n):s.setHours(n);case"Date":return i?s.setUTCDate(n):s.setDate(n);case"FullYear":break;default:return}t=n,r=e.month(),e=29!==(e=e.date())||1!==r||be(t)?e:28,i?s.setUTCFullYear(t,r,e):s.setFullYear(t,r,e)}}function He(e,t){var n;return isNaN(e)||isNaN(t)?NaN:(n=(t%(n=12)+n)%n,e+=(t-n)/12,1==n?be(e)?29:28:31-n%7%2)}x=Array.prototype.indexOf||function(e){for(var t=0;t<this.length;++t)if(this[t]===e)return t;return-1},s("M",["MM",2],"Mo",function(){return this.month()+1}),s("MMM",0,0,function(e){return this.localeData().monthsShort(this,e)}),s("MMMM",0,0,function(e){return this.localeData().months(this,e)}),h("M",n,u),h("MM",n,t),h("MMM",function(e,t){return t.monthsShortRegex(e)}),h("MMMM",function(e,t){return t.monthsRegex(e)}),v(["M","MM"],function(e,t){t[Y]=M(e)-1}),v(["MMM","MMMM"],function(e,t,n,s){s=n._locale.monthsParse(e,s,n._strict);null!=s?t[Y]=s:p(n).invalidMonth=e});var Fe="January_February_March_April_May_June_July_August_September_October_November_December".split("_"),Le="Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),Ve=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?/,Ge=i,Ee=i;function Ae(e,t){if(e.isValid()){if("string"==typeof t)if(/^\d+$/.test(t))t=M(t);else if(!w(t=e.localeData().monthsParse(t)))return;var n=(n=e.date())<29?n:Math.min(n,He(e.year(),t));e._isUTC?e._d.setUTCMonth(t,n):e._d.setMonth(t,n)}}function Ie(e){return null!=e?(Ae(this,e),_.updateOffset(this,!0),this):Ce(this,"Month")}function je(){function e(e,t){return t.length-e.length}for(var t,n,s=[],i=[],r=[],a=0;a<12;a++)n=l([2e3,a]),t=f(this.monthsShort(n,"")),n=f(this.months(n,"")),s.push(t),i.push(n),r.push(n),r.push(t);s.sort(e),i.sort(e),r.sort(e),this._monthsRegex=new RegExp("^("+r.join("|")+")","i"),this._monthsShortRegex=this._monthsRegex,this._monthsStrictRegex=new RegExp("^("+i.join("|")+")","i"),this._monthsShortStrictRegex=new RegExp("^("+s.join("|")+")","i")}function Ze(e,t,n,s,i,r,a){var o;return e<100&&0<=e?(o=new Date(e+400,t,n,s,i,r,a),isFinite(o.getFullYear())&&o.setFullYear(e)):o=new Date(e,t,n,s,i,r,a),o}function ze(e){var t;return e<100&&0<=e?((t=Array.prototype.slice.call(arguments))[0]=e+400,t=new Date(Date.UTC.apply(null,t)),isFinite(t.getUTCFullYear())&&t.setUTCFullYear(e)):t=new Date(Date.UTC.apply(null,arguments)),t}function qe(e,t,n){n=7+t-n;return n-(7+ze(e,0,n).getUTCDay()-t)%7-1}function $e(e,t,n,s,i){var r,t=1+7*(t-1)+(7+n-s)%7+qe(e,s,i),n=t<=0?We(r=e-1)+t:t>We(e)?(r=e+1,t-We(e)):(r=e,t);return{year:r,dayOfYear:n}}function Be(e,t,n){var s,i,r=qe(e.year(),t,n),r=Math.floor((e.dayOfYear()-r-1)/7)+1;return r<1?s=r+N(i=e.year()-1,t,n):r>N(e.year(),t,n)?(s=r-N(e.year(),t,n),i=e.year()+1):(i=e.year(),s=r),{week:s,year:i}}function N(e,t,n){var s=qe(e,t,n),t=qe(e+1,t,n);return(We(e)-s+t)/7}s("w",["ww",2],"wo","week"),s("W",["WW",2],"Wo","isoWeek"),h("w",n,u),h("ww",n,t),h("W",n,u),h("WW",n,t),Oe(["w","ww","W","WW"],function(e,t,n,s){t[s.substr(0,1)]=M(e)});function Je(e,t){return e.slice(t,7).concat(e.slice(0,t))}s("d",0,"do","day"),s("dd",0,0,function(e){return this.localeData().weekdaysMin(this,e)}),s("ddd",0,0,function(e){return this.localeData().weekdaysShort(this,e)}),s("dddd",0,0,function(e){return this.localeData().weekdays(this,e)}),s("e",0,0,"weekday"),s("E",0,0,"isoWeekday"),h("d",n),h("e",n),h("E",n),h("dd",function(e,t){return t.weekdaysMinRegex(e)}),h("ddd",function(e,t){return t.weekdaysShortRegex(e)}),h("dddd",function(e,t){return t.weekdaysRegex(e)}),Oe(["dd","ddd","dddd"],function(e,t,n,s){s=n._locale.weekdaysParse(e,s,n._strict);null!=s?t.d=s:p(n).invalidWeekday=e}),Oe(["d","e","E"],function(e,t,n,s){t[s]=M(e)});var Qe="Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),Xe="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),Ke="Su_Mo_Tu_We_Th_Fr_Sa".split("_"),et=i,tt=i,nt=i;function st(){function e(e,t){return t.length-e.length}for(var t,n,s,i=[],r=[],a=[],o=[],u=0;u<7;u++)s=l([2e3,1]).day(u),t=f(this.weekdaysMin(s,"")),n=f(this.weekdaysShort(s,"")),s=f(this.weekdays(s,"")),i.push(t),r.push(n),a.push(s),o.push(t),o.push(n),o.push(s);i.sort(e),r.sort(e),a.sort(e),o.sort(e),this._weekdaysRegex=new RegExp("^("+o.join("|")+")","i"),this._weekdaysShortRegex=this._weekdaysRegex,this._weekdaysMinRegex=this._weekdaysRegex,this._weekdaysStrictRegex=new RegExp("^("+a.join("|")+")","i"),this._weekdaysShortStrictRegex=new RegExp("^("+r.join("|")+")","i"),this._weekdaysMinStrictRegex=new RegExp("^("+i.join("|")+")","i")}function it(){return this.hours()%12||12}function rt(e,t){s(e,0,0,function(){return this.localeData().meridiem(this.hours(),this.minutes(),t)})}function at(e,t){return t._meridiemParse}s("H",["HH",2],0,"hour"),s("h",["hh",2],0,it),s("k",["kk",2],0,function(){return this.hours()||24}),s("hmm",0,0,function(){return""+it.apply(this)+r(this.minutes(),2)}),s("hmmss",0,0,function(){return""+it.apply(this)+r(this.minutes(),2)+r(this.seconds(),2)}),s("Hmm",0,0,function(){return""+this.hours()+r(this.minutes(),2)}),s("Hmmss",0,0,function(){return""+this.hours()+r(this.minutes(),2)+r(this.seconds(),2)}),rt("a",!0),rt("A",!1),h("a",at),h("A",at),h("H",n,d),h("h",n,u),h("k",n,u),h("HH",n,t),h("hh",n,t),h("kk",n,t),h("hmm",me),h("hmmss",_e),h("Hmm",me),h("Hmmss",_e),v(["H","HH"],O),v(["k","kk"],function(e,t,n){e=M(e);t[O]=24===e?0:e}),v(["a","A"],function(e,t,n){n._isPm=n._locale.isPM(e),n._meridiem=e}),v(["h","hh"],function(e,t,n){t[O]=M(e),p(n).bigHour=!0}),v("hmm",function(e,t,n){var s=e.length-2;t[O]=M(e.substr(0,s)),t[b]=M(e.substr(s)),p(n).bigHour=!0}),v("hmmss",function(e,t,n){var s=e.length-4,i=e.length-2;t[O]=M(e.substr(0,s)),t[b]=M(e.substr(s,2)),t[T]=M(e.substr(i)),p(n).bigHour=!0}),v("Hmm",function(e,t,n){var s=e.length-2;t[O]=M(e.substr(0,s)),t[b]=M(e.substr(s))}),v("Hmmss",function(e,t,n){var s=e.length-4,i=e.length-2;t[O]=M(e.substr(0,s)),t[b]=M(e.substr(s,2)),t[T]=M(e.substr(i))});i=Re("Hours",!0);var ot,ut={calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},longDateFormat:{LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},invalidDate:"Invalid date",ordinal:"%d",dayOfMonthOrdinalParse:/\d{1,2}/,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",w:"a week",ww:"%d weeks",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},months:Fe,monthsShort:Le,week:{dow:0,doy:6},weekdays:Qe,weekdaysMin:Ke,weekdaysShort:Xe,meridiemParse:/[ap]\.?m?\.?/i},W={},lt={};function dt(e){return e&&e.toLowerCase().replace("_","-")}function ht(e){for(var t,n,s,i,r=0;r<e.length;){for(t=(i=dt(e[r]).split("-")).length,n=(n=dt(e[r+1]))?n.split("-"):null;0<t;){if(s=ct(i.slice(0,t).join("-")))return s;if(n&&n.length>=t&&function(e,t){for(var n=Math.min(e.length,t.length),s=0;s<n;s+=1)if(e[s]!==t[s])return s;return n}(i,n)>=t-1)break;t--}r++}return ot}function ct(t){var e,n;if(void 0===W[t]&&"undefined"!=typeof module&&module&&module.exports&&(n=t)&&n.match("^[^/\\\\]*$"))try{e=ot._abbr,require("./locale/"+t),ft(e)}catch(e){W[t]=null}return W[t]}function ft(e,t){return e&&((t=g(t)?P(e):mt(e,t))?ot=t:"undefined"!=typeof console&&console.warn&&console.warn("Locale "+e+" not found. Did you forget to load it?")),ot._abbr}function mt(e,t){if(null===t)return delete W[e],null;var n,s=ut;if(t.abbr=e,null!=W[e])Q("defineLocaleOverride","use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info."),s=W[e]._config;else if(null!=t.parentLocale)if(null!=W[t.parentLocale])s=W[t.parentLocale]._config;else{if(null==(n=ct(t.parentLocale)))return lt[t.parentLocale]||(lt[t.parentLocale]=[]),lt[t.parentLocale].push({name:e,config:t}),null;s=n._config}return W[e]=new K(X(s,t)),lt[e]&&lt[e].forEach(function(e){mt(e.name,e.config)}),ft(e),W[e]}function P(e){var t;if(!(e=e&&e._locale&&e._locale._abbr?e._locale._abbr:e))return ot;if(!y(e)){if(t=ct(e))return t;e=[e]}return ht(e)}function _t(e){var t=e._a;return t&&-2===p(e).overflow&&(t=t[Y]<0||11<t[Y]?Y:t[S]<1||t[S]>He(t[D],t[Y])?S:t[O]<0||24<t[O]||24===t[O]&&(0!==t[b]||0!==t[T]||0!==t[Te])?O:t[b]<0||59<t[b]?b:t[T]<0||59<t[T]?T:t[Te]<0||999<t[Te]?Te:-1,p(e)._overflowDayOfYear&&(t<D||S<t)&&(t=S),p(e)._overflowWeeks&&-1===t&&(t=xe),p(e)._overflowWeekday&&-1===t&&(t=Ne),p(e).overflow=t),e}var yt=/^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,gt=/^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d|))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,wt=/Z|[+-]\d\d(?::?\d\d)?/,pt=[["YYYYYY-MM-DD",/[+-]\d{6}-\d\d-\d\d/],["YYYY-MM-DD",/\d{4}-\d\d-\d\d/],["GGGG-[W]WW-E",/\d{4}-W\d\d-\d/],["GGGG-[W]WW",/\d{4}-W\d\d/,!1],["YYYY-DDD",/\d{4}-\d{3}/],["YYYY-MM",/\d{4}-\d\d/,!1],["YYYYYYMMDD",/[+-]\d{10}/],["YYYYMMDD",/\d{8}/],["GGGG[W]WWE",/\d{4}W\d{3}/],["GGGG[W]WW",/\d{4}W\d{2}/,!1],["YYYYDDD",/\d{7}/],["YYYYMM",/\d{6}/,!1],["YYYY",/\d{4}/,!1]],kt=[["HH:mm:ss.SSSS",/\d\d:\d\d:\d\d\.\d+/],["HH:mm:ss,SSSS",/\d\d:\d\d:\d\d,\d+/],["HH:mm:ss",/\d\d:\d\d:\d\d/],["HH:mm",/\d\d:\d\d/],["HHmmss.SSSS",/\d\d\d\d\d\d\.\d+/],["HHmmss,SSSS",/\d\d\d\d\d\d,\d+/],["HHmmss",/\d\d\d\d\d\d/],["HHmm",/\d\d\d\d/],["HH",/\d\d/]],Mt=/^\/?Date\((-?\d+)/i,vt=/^(?:(Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\s)?(\d{1,2})\s(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s(\d{2,4})\s(\d\d):(\d\d)(?::(\d\d))?\s(?:(UT|GMT|[ECMP][SD]T)|([Zz])|([+-]\d{4}))$/,Dt={UT:0,GMT:0,EDT:-240,EST:-300,CDT:-300,CST:-360,MDT:-360,MST:-420,PDT:-420,PST:-480};function Yt(e){var t,n,s,i,r,a,o=e._i,u=yt.exec(o)||gt.exec(o),o=pt.length,l=kt.length;if(u){for(p(e).iso=!0,t=0,n=o;t<n;t++)if(pt[t][1].exec(u[1])){i=pt[t][0],s=!1!==pt[t][2];break}if(null==i)e._isValid=!1;else{if(u[3]){for(t=0,n=l;t<n;t++)if(kt[t][1].exec(u[3])){r=(u[2]||" ")+kt[t][0];break}if(null==r)return void(e._isValid=!1)}if(s||null==r){if(u[4]){if(!wt.exec(u[4]))return void(e._isValid=!1);a="Z"}e._f=i+(r||"")+(a||""),xt(e)}else e._isValid=!1}}else e._isValid=!1}function St(e,t,n,s,i,r){e=[function(e){e=parseInt(e,10);{if(e<=49)return 2e3+e;if(e<=999)return 1900+e}return e}(e),Le.indexOf(t),parseInt(n,10),parseInt(s,10),parseInt(i,10)];return r&&e.push(parseInt(r,10)),e}function Ot(e){var t,n,s=vt.exec(e._i.replace(/\([^()]*\)|[\n\t]/g," ").replace(/(\s\s+)/g," ").replace(/^\s\s*/,"").replace(/\s\s*$/,""));s?(t=St(s[4],s[3],s[2],s[5],s[6],s[7]),function(e,t,n){if(!e||Xe.indexOf(e)===new Date(t[0],t[1],t[2]).getDay())return 1;p(n).weekdayMismatch=!0,n._isValid=!1}(s[1],t,e)&&(e._a=t,e._tzm=(t=s[8],n=s[9],s=s[10],t?Dt[t]:n?0:60*(((t=parseInt(s,10))-(n=t%100))/100)+n),e._d=ze.apply(null,e._a),e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),p(e).rfc2822=!0)):e._isValid=!1}function bt(e,t,n){return null!=e?e:null!=t?t:n}function Tt(e){var t,n,s,i,r,a,o,u,l,d,h,c=[];if(!e._d){for(s=e,i=new Date(_.now()),n=s._useUTC?[i.getUTCFullYear(),i.getUTCMonth(),i.getUTCDate()]:[i.getFullYear(),i.getMonth(),i.getDate()],e._w&&null==e._a[S]&&null==e._a[Y]&&(null!=(i=(s=e)._w).GG||null!=i.W||null!=i.E?(u=1,l=4,r=bt(i.GG,s._a[D],Be(R(),1,4).year),a=bt(i.W,1),((o=bt(i.E,1))<1||7<o)&&(d=!0)):(u=s._locale._week.dow,l=s._locale._week.doy,h=Be(R(),u,l),r=bt(i.gg,s._a[D],h.year),a=bt(i.w,h.week),null!=i.d?((o=i.d)<0||6<o)&&(d=!0):null!=i.e?(o=i.e+u,(i.e<0||6<i.e)&&(d=!0)):o=u),a<1||a>N(r,u,l)?p(s)._overflowWeeks=!0:null!=d?p(s)._overflowWeekday=!0:(h=$e(r,a,o,u,l),s._a[D]=h.year,s._dayOfYear=h.dayOfYear)),null!=e._dayOfYear&&(i=bt(e._a[D],n[D]),(e._dayOfYear>We(i)||0===e._dayOfYear)&&(p(e)._overflowDayOfYear=!0),d=ze(i,0,e._dayOfYear),e._a[Y]=d.getUTCMonth(),e._a[S]=d.getUTCDate()),t=0;t<3&&null==e._a[t];++t)e._a[t]=c[t]=n[t];for(;t<7;t++)e._a[t]=c[t]=null==e._a[t]?2===t?1:0:e._a[t];24===e._a[O]&&0===e._a[b]&&0===e._a[T]&&0===e._a[Te]&&(e._nextDay=!0,e._a[O]=0),e._d=(e._useUTC?ze:Ze).apply(null,c),r=e._useUTC?e._d.getUTCDay():e._d.getDay(),null!=e._tzm&&e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),e._nextDay&&(e._a[O]=24),e._w&&void 0!==e._w.d&&e._w.d!==r&&(p(e).weekdayMismatch=!0)}}function xt(e){if(e._f===_.ISO_8601)Yt(e);else if(e._f===_.RFC_2822)Ot(e);else{e._a=[],p(e).empty=!0;for(var t,n,s,i,r,a=""+e._i,o=a.length,u=0,l=ae(e._f,e._locale).match(te)||[],d=l.length,h=0;h<d;h++)n=l[h],(t=(a.match(De(n,e))||[])[0])&&(0<(s=a.substr(0,a.indexOf(t))).length&&p(e).unusedInput.push(s),a=a.slice(a.indexOf(t)+t.length),u+=t.length),ie[n]?(t?p(e).empty=!1:p(e).unusedTokens.push(n),s=n,r=e,null!=(i=t)&&c(Se,s)&&Se[s](i,r._a,r,s)):e._strict&&!t&&p(e).unusedTokens.push(n);p(e).charsLeftOver=o-u,0<a.length&&p(e).unusedInput.push(a),e._a[O]<=12&&!0===p(e).bigHour&&0<e._a[O]&&(p(e).bigHour=void 0),p(e).parsedDateParts=e._a.slice(0),p(e).meridiem=e._meridiem,e._a[O]=function(e,t,n){if(null==n)return t;return null!=e.meridiemHour?e.meridiemHour(t,n):null!=e.isPM?((e=e.isPM(n))&&t<12&&(t+=12),t=e||12!==t?t:0):t}(e._locale,e._a[O],e._meridiem),null!==(o=p(e).era)&&(e._a[D]=e._locale.erasConvertYear(o,e._a[D])),Tt(e),_t(e)}}function Nt(e){var t,n,s,i=e._i,r=e._f;if(e._locale=e._locale||P(e._l),null===i||void 0===r&&""===i)return I({nullInput:!0});if("string"==typeof i&&(e._i=i=e._locale.preparse(i)),k(i))return new $(_t(i));if(V(i))e._d=i;else if(y(r)){var a,o,u,l,d,h,c=e,f=!1,m=c._f.length;if(0===m)p(c).invalidFormat=!0,c._d=new Date(NaN);else{for(l=0;l<m;l++)d=0,h=!1,a=q({},c),null!=c._useUTC&&(a._useUTC=c._useUTC),a._f=c._f[l],xt(a),A(a)&&(h=!0),d=(d+=p(a).charsLeftOver)+10*p(a).unusedTokens.length,p(a).score=d,f?d<u&&(u=d,o=a):(null==u||d<u||h)&&(u=d,o=a,h)&&(f=!0);E(c,o||a)}}else if(r)xt(e);else if(g(r=(i=e)._i))i._d=new Date(_.now());else V(r)?i._d=new Date(r.valueOf()):"string"==typeof r?(n=i,null!==(t=Mt.exec(n._i))?n._d=new Date(+t[1]):(Yt(n),!1===n._isValid&&(delete n._isValid,Ot(n),!1===n._isValid)&&(delete n._isValid,n._strict?n._isValid=!1:_.createFromInputFallback(n)))):y(r)?(i._a=G(r.slice(0),function(e){return parseInt(e,10)}),Tt(i)):F(r)?(t=i)._d||(s=void 0===(n=ue(t._i)).day?n.date:n.day,t._a=G([n.year,n.month,s,n.hour,n.minute,n.second,n.millisecond],function(e){return e&&parseInt(e,10)}),Tt(t)):w(r)?i._d=new Date(r):_.createFromInputFallback(i);return A(e)||(e._d=null),e}function Wt(e,t,n,s,i){var r={};return!0!==t&&!1!==t||(s=t,t=void 0),!0!==n&&!1!==n||(s=n,n=void 0),(F(e)&&L(e)||y(e)&&0===e.length)&&(e=void 0),r._isAMomentObject=!0,r._useUTC=r._isUTC=i,r._l=n,r._i=e,r._f=t,r._strict=s,(i=new $(_t(Nt(i=r))))._nextDay&&(i.add(1,"d"),i._nextDay=void 0),i}function R(e,t,n,s){return Wt(e,t,n,s,!1)}_.createFromInputFallback=e("value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.",function(e){e._d=new Date(e._i+(e._useUTC?" UTC":""))}),_.ISO_8601=function(){},_.RFC_2822=function(){};me=e("moment().min is deprecated, use moment.max instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=R.apply(null,arguments);return this.isValid()&&e.isValid()?e<this?this:e:I()}),_e=e("moment().max is deprecated, use moment.min instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=R.apply(null,arguments);return this.isValid()&&e.isValid()?this<e?this:e:I()});function Pt(e,t){var n,s;if(!(t=1===t.length&&y(t[0])?t[0]:t).length)return R();for(n=t[0],s=1;s<t.length;++s)t[s].isValid()&&!t[s][e](n)||(n=t[s]);return n}var Rt=["year","quarter","month","week","day","hour","minute","second","millisecond"];function Ct(e){var e=ue(e),t=e.year||0,n=e.quarter||0,s=e.month||0,i=e.week||e.isoWeek||0,r=e.day||0,a=e.hour||0,o=e.minute||0,u=e.second||0,l=e.millisecond||0;this._isValid=function(e){var t,n,s=!1,i=Rt.length;for(t in e)if(c(e,t)&&(-1===x.call(Rt,t)||null!=e[t]&&isNaN(e[t])))return!1;for(n=0;n<i;++n)if(e[Rt[n]]){if(s)return!1;parseFloat(e[Rt[n]])!==M(e[Rt[n]])&&(s=!0)}return!0}(e),this._milliseconds=+l+1e3*u+6e4*o+1e3*a*60*60,this._days=+r+7*i,this._months=+s+3*n+12*t,this._data={},this._locale=P(),this._bubble()}function Ut(e){return e instanceof Ct}function Ht(e){return e<0?-1*Math.round(-1*e):Math.round(e)}function Ft(e,n){s(e,0,0,function(){var e=this.utcOffset(),t="+";return e<0&&(e=-e,t="-"),t+r(~~(e/60),2)+n+r(~~e%60,2)})}Ft("Z",":"),Ft("ZZ",""),h("Z",ve),h("ZZ",ve),v(["Z","ZZ"],function(e,t,n){n._useUTC=!0,n._tzm=Vt(ve,e)});var Lt=/([\+\-]|\d\d)/gi;function Vt(e,t){var t=(t||"").match(e);return null===t?null:0===(t=60*(e=((t[t.length-1]||[])+"").match(Lt)||["-",0,0])[1]+M(e[2]))?0:"+"===e[0]?t:-t}function Gt(e,t){var n;return t._isUTC?(t=t.clone(),n=(k(e)||V(e)?e:R(e)).valueOf()-t.valueOf(),t._d.setTime(t._d.valueOf()+n),_.updateOffset(t,!1),t):R(e).local()}function Et(e){return-Math.round(e._d.getTimezoneOffset())}function At(){return!!this.isValid()&&this._isUTC&&0===this._offset}_.updateOffset=function(){};var It=/^(-|\+)?(?:(\d*)[. ])?(\d+):(\d+)(?::(\d+)(\.\d*)?)?$/,jt=/^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;function C(e,t){var n,s=e;return Ut(e)?s={ms:e._milliseconds,d:e._days,M:e._months}:w(e)||!isNaN(+e)?(s={},t?s[t]=+e:s.milliseconds=+e):(t=It.exec(e))?(n="-"===t[1]?-1:1,s={y:0,d:M(t[S])*n,h:M(t[O])*n,m:M(t[b])*n,s:M(t[T])*n,ms:M(Ht(1e3*t[Te]))*n}):(t=jt.exec(e))?(n="-"===t[1]?-1:1,s={y:Zt(t[2],n),M:Zt(t[3],n),w:Zt(t[4],n),d:Zt(t[5],n),h:Zt(t[6],n),m:Zt(t[7],n),s:Zt(t[8],n)}):null==s?s={}:"object"==typeof s&&("from"in s||"to"in s)&&(t=function(e,t){var n;if(!e.isValid()||!t.isValid())return{milliseconds:0,months:0};t=Gt(t,e),e.isBefore(t)?n=zt(e,t):((n=zt(t,e)).milliseconds=-n.milliseconds,n.months=-n.months);return n}(R(s.from),R(s.to)),(s={}).ms=t.milliseconds,s.M=t.months),n=new Ct(s),Ut(e)&&c(e,"_locale")&&(n._locale=e._locale),Ut(e)&&c(e,"_isValid")&&(n._isValid=e._isValid),n}function Zt(e,t){e=e&&parseFloat(e.replace(",","."));return(isNaN(e)?0:e)*t}function zt(e,t){var n={};return n.months=t.month()-e.month()+12*(t.year()-e.year()),e.clone().add(n.months,"M").isAfter(t)&&--n.months,n.milliseconds=+t-+e.clone().add(n.months,"M"),n}function qt(s,i){return function(e,t){var n;return null===t||isNaN(+t)||(Q(i,"moment()."+i+"(period, number) is deprecated. Please use moment()."+i+"(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info."),n=e,e=t,t=n),$t(this,C(e,t),s),this}}function $t(e,t,n,s){var i=t._milliseconds,r=Ht(t._days),t=Ht(t._months);e.isValid()&&(s=null==s||s,t&&Ae(e,Ce(e,"Month")+t*n),r&&Ue(e,"Date",Ce(e,"Date")+r*n),i&&e._d.setTime(e._d.valueOf()+i*n),s)&&_.updateOffset(e,r||t)}C.fn=Ct.prototype,C.invalid=function(){return C(NaN)};Fe=qt(1,"add"),Qe=qt(-1,"subtract");function Bt(e){return"string"==typeof e||e instanceof String}function Jt(e){return k(e)||V(e)||Bt(e)||w(e)||function(t){var e=y(t),n=!1;e&&(n=0===t.filter(function(e){return!w(e)&&Bt(t)}).length);return e&&n}(e)||function(e){var t,n,s=F(e)&&!L(e),i=!1,r=["years","year","y","months","month","M","days","day","d","dates","date","D","hours","hour","h","minutes","minute","m","seconds","second","s","milliseconds","millisecond","ms"],a=r.length;for(t=0;t<a;t+=1)n=r[t],i=i||c(e,n);return s&&i}(e)||null==e}function Qt(e,t){var n,s;return e.date()<t.date()?-Qt(t,e):-((n=12*(t.year()-e.year())+(t.month()-e.month()))+(t-(s=e.clone().add(n,"months"))<0?(t-s)/(s-e.clone().add(n-1,"months")):(t-s)/(e.clone().add(1+n,"months")-s)))||0}function Xt(e){return void 0===e?this._locale._abbr:(null!=(e=P(e))&&(this._locale=e),this)}_.defaultFormat="YYYY-MM-DDTHH:mm:ssZ",_.defaultFormatUtc="YYYY-MM-DDTHH:mm:ss[Z]";Ke=e("moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.",function(e){return void 0===e?this.localeData():this.locale(e)});function Kt(){return this._locale}var en=126227808e5;function tn(e,t){return(e%t+t)%t}function nn(e,t,n){return e<100&&0<=e?new Date(e+400,t,n)-en:new Date(e,t,n).valueOf()}function sn(e,t,n){return e<100&&0<=e?Date.UTC(e+400,t,n)-en:Date.UTC(e,t,n)}function rn(e,t){return t.erasAbbrRegex(e)}function an(){for(var e,t,n,s=[],i=[],r=[],a=[],o=this.eras(),u=0,l=o.length;u<l;++u)e=f(o[u].name),t=f(o[u].abbr),n=f(o[u].narrow),i.push(e),s.push(t),r.push(n),a.push(e),a.push(t),a.push(n);this._erasRegex=new RegExp("^("+a.join("|")+")","i"),this._erasNameRegex=new RegExp("^("+i.join("|")+")","i"),this._erasAbbrRegex=new RegExp("^("+s.join("|")+")","i"),this._erasNarrowRegex=new RegExp("^("+r.join("|")+")","i")}function on(e,t){s(0,[e,e.length],0,t)}function un(e,t,n,s,i){var r;return null==e?Be(this,s,i).year:(r=N(e,s,i),function(e,t,n,s,i){e=$e(e,t,n,s,i),t=ze(e.year,0,e.dayOfYear);return this.year(t.getUTCFullYear()),this.month(t.getUTCMonth()),this.date(t.getUTCDate()),this}.call(this,e,t=r<t?r:t,n,s,i))}s("N",0,0,"eraAbbr"),s("NN",0,0,"eraAbbr"),s("NNN",0,0,"eraAbbr"),s("NNNN",0,0,"eraName"),s("NNNNN",0,0,"eraNarrow"),s("y",["y",1],"yo","eraYear"),s("y",["yy",2],0,"eraYear"),s("y",["yyy",3],0,"eraYear"),s("y",["yyyy",4],0,"eraYear"),h("N",rn),h("NN",rn),h("NNN",rn),h("NNNN",function(e,t){return t.erasNameRegex(e)}),h("NNNNN",function(e,t){return t.erasNarrowRegex(e)}),v(["N","NN","NNN","NNNN","NNNNN"],function(e,t,n,s){s=n._locale.erasParse(e,s,n._strict);s?p(n).era=s:p(n).invalidEra=e}),h("y",pe),h("yy",pe),h("yyy",pe),h("yyyy",pe),h("yo",function(e,t){return t._eraYearOrdinalRegex||pe}),v(["y","yy","yyy","yyyy"],D),v(["yo"],function(e,t,n,s){var i;n._locale._eraYearOrdinalRegex&&(i=e.match(n._locale._eraYearOrdinalRegex)),n._locale.eraYearOrdinalParse?t[D]=n._locale.eraYearOrdinalParse(e,i):t[D]=parseInt(e,10)}),s(0,["gg",2],0,function(){return this.weekYear()%100}),s(0,["GG",2],0,function(){return this.isoWeekYear()%100}),on("gggg","weekYear"),on("ggggg","weekYear"),on("GGGG","isoWeekYear"),on("GGGGG","isoWeekYear"),h("G",ke),h("g",ke),h("GG",n,t),h("gg",n,t),h("GGGG",ge,ce),h("gggg",ge,ce),h("GGGGG",we,fe),h("ggggg",we,fe),Oe(["gggg","ggggg","GGGG","GGGGG"],function(e,t,n,s){t[s.substr(0,2)]=M(e)}),Oe(["gg","GG"],function(e,t,n,s){t[s]=_.parseTwoDigitYear(e)}),s("Q",0,"Qo","quarter"),h("Q",de),v("Q",function(e,t){t[Y]=3*(M(e)-1)}),s("D",["DD",2],"Do","date"),h("D",n,u),h("DD",n,t),h("Do",function(e,t){return e?t._dayOfMonthOrdinalParse||t._ordinalParse:t._dayOfMonthOrdinalParseLenient}),v(["D","DD"],S),v("Do",function(e,t){t[S]=M(e.match(n)[0])});ge=Re("Date",!0);s("DDD",["DDDD",3],"DDDo","dayOfYear"),h("DDD",ye),h("DDDD",he),v(["DDD","DDDD"],function(e,t,n){n._dayOfYear=M(e)}),s("m",["mm",2],0,"minute"),h("m",n,d),h("mm",n,t),v(["m","mm"],b);var ln,ce=Re("Minutes",!1),we=(s("s",["ss",2],0,"second"),h("s",n,d),h("ss",n,t),v(["s","ss"],T),Re("Seconds",!1));for(s("S",0,0,function(){return~~(this.millisecond()/100)}),s(0,["SS",2],0,function(){return~~(this.millisecond()/10)}),s(0,["SSS",3],0,"millisecond"),s(0,["SSSS",4],0,function(){return 10*this.millisecond()}),s(0,["SSSSS",5],0,function(){return 100*this.millisecond()}),s(0,["SSSSSS",6],0,function(){return 1e3*this.millisecond()}),s(0,["SSSSSSS",7],0,function(){return 1e4*this.millisecond()}),s(0,["SSSSSSSS",8],0,function(){return 1e5*this.millisecond()}),s(0,["SSSSSSSSS",9],0,function(){return 1e6*this.millisecond()}),h("S",ye,de),h("SS",ye,t),h("SSS",ye,he),ln="SSSS";ln.length<=9;ln+="S")h(ln,pe);function dn(e,t){t[Te]=M(1e3*("0."+e))}for(ln="S";ln.length<=9;ln+="S")v(ln,dn);fe=Re("Milliseconds",!1),s("z",0,0,"zoneAbbr"),s("zz",0,0,"zoneName");u=$.prototype;function hn(e){return e}u.add=Fe,u.calendar=function(e,t){1===arguments.length&&(arguments[0]?Jt(arguments[0])?(e=arguments[0],t=void 0):function(e){for(var t=F(e)&&!L(e),n=!1,s=["sameDay","nextDay","lastDay","nextWeek","lastWeek","sameElse"],i=0;i<s.length;i+=1)n=n||c(e,s[i]);return t&&n}(arguments[0])&&(t=arguments[0],e=void 0):t=e=void 0);var e=e||R(),n=Gt(e,this).startOf("day"),n=_.calendarFormat(this,n)||"sameElse",t=t&&(a(t[n])?t[n].call(this,e):t[n]);return this.format(t||this.localeData().calendar(n,this,R(e)))},u.clone=function(){return new $(this)},u.diff=function(e,t,n){var s,i,r;if(!this.isValid())return NaN;if(!(s=Gt(e,this)).isValid())return NaN;switch(i=6e4*(s.utcOffset()-this.utcOffset()),t=o(t)){case"year":r=Qt(this,s)/12;break;case"month":r=Qt(this,s);break;case"quarter":r=Qt(this,s)/3;break;case"second":r=(this-s)/1e3;break;case"minute":r=(this-s)/6e4;break;case"hour":r=(this-s)/36e5;break;case"day":r=(this-s-i)/864e5;break;case"week":r=(this-s-i)/6048e5;break;default:r=this-s}return n?r:m(r)},u.endOf=function(e){var t,n;if(void 0!==(e=o(e))&&"millisecond"!==e&&this.isValid()){switch(n=this._isUTC?sn:nn,e){case"year":t=n(this.year()+1,0,1)-1;break;case"quarter":t=n(this.year(),this.month()-this.month()%3+3,1)-1;break;case"month":t=n(this.year(),this.month()+1,1)-1;break;case"week":t=n(this.year(),this.month(),this.date()-this.weekday()+7)-1;break;case"isoWeek":t=n(this.year(),this.month(),this.date()-(this.isoWeekday()-1)+7)-1;break;case"day":case"date":t=n(this.year(),this.month(),this.date()+1)-1;break;case"hour":t=this._d.valueOf(),t+=36e5-tn(t+(this._isUTC?0:6e4*this.utcOffset()),36e5)-1;break;case"minute":t=this._d.valueOf(),t+=6e4-tn(t,6e4)-1;break;case"second":t=this._d.valueOf(),t+=1e3-tn(t,1e3)-1;break}this._d.setTime(t),_.updateOffset(this,!0)}return this},u.format=function(e){return e=e||(this.isUtc()?_.defaultFormatUtc:_.defaultFormat),e=re(this,e),this.localeData().postformat(e)},u.from=function(e,t){return this.isValid()&&(k(e)&&e.isValid()||R(e).isValid())?C({to:this,from:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()},u.fromNow=function(e){return this.from(R(),e)},u.to=function(e,t){return this.isValid()&&(k(e)&&e.isValid()||R(e).isValid())?C({from:this,to:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()},u.toNow=function(e){return this.to(R(),e)},u.get=function(e){return a(this[e=o(e)])?this[e]():this},u.invalidAt=function(){return p(this).overflow},u.isAfter=function(e,t){return e=k(e)?e:R(e),!(!this.isValid()||!e.isValid())&&("millisecond"===(t=o(t)||"millisecond")?this.valueOf()>e.valueOf():e.valueOf()<this.clone().startOf(t).valueOf())},u.isBefore=function(e,t){return e=k(e)?e:R(e),!(!this.isValid()||!e.isValid())&&("millisecond"===(t=o(t)||"millisecond")?this.valueOf()<e.valueOf():this.clone().endOf(t).valueOf()<e.valueOf())},u.isBetween=function(e,t,n,s){return e=k(e)?e:R(e),t=k(t)?t:R(t),!!(this.isValid()&&e.isValid()&&t.isValid())&&("("===(s=s||"()")[0]?this.isAfter(e,n):!this.isBefore(e,n))&&(")"===s[1]?this.isBefore(t,n):!this.isAfter(t,n))},u.isSame=function(e,t){var e=k(e)?e:R(e);return!(!this.isValid()||!e.isValid())&&("millisecond"===(t=o(t)||"millisecond")?this.valueOf()===e.valueOf():(e=e.valueOf(),this.clone().startOf(t).valueOf()<=e&&e<=this.clone().endOf(t).valueOf()))},u.isSameOrAfter=function(e,t){return this.isSame(e,t)||this.isAfter(e,t)},u.isSameOrBefore=function(e,t){return this.isSame(e,t)||this.isBefore(e,t)},u.isValid=function(){return A(this)},u.lang=Ke,u.locale=Xt,u.localeData=Kt,u.max=_e,u.min=me,u.parsingFlags=function(){return E({},p(this))},u.set=function(e,t){if("object"==typeof e)for(var n=function(e){var t,n=[];for(t in e)c(e,t)&&n.push({unit:t,priority:le[t]});return n.sort(function(e,t){return e.priority-t.priority}),n}(e=ue(e)),s=n.length,i=0;i<s;i++)this[n[i].unit](e[n[i].unit]);else if(a(this[e=o(e)]))return this[e](t);return this},u.startOf=function(e){var t,n;if(void 0!==(e=o(e))&&"millisecond"!==e&&this.isValid()){switch(n=this._isUTC?sn:nn,e){case"year":t=n(this.year(),0,1);break;case"quarter":t=n(this.year(),this.month()-this.month()%3,1);break;case"month":t=n(this.year(),this.month(),1);break;case"week":t=n(this.year(),this.month(),this.date()-this.weekday());break;case"isoWeek":t=n(this.year(),this.month(),this.date()-(this.isoWeekday()-1));break;case"day":case"date":t=n(this.year(),this.month(),this.date());break;case"hour":t=this._d.valueOf(),t-=tn(t+(this._isUTC?0:6e4*this.utcOffset()),36e5);break;case"minute":t=this._d.valueOf(),t-=tn(t,6e4);break;case"second":t=this._d.valueOf(),t-=tn(t,1e3);break}this._d.setTime(t),_.updateOffset(this,!0)}return this},u.subtract=Qe,u.toArray=function(){var e=this;return[e.year(),e.month(),e.date(),e.hour(),e.minute(),e.second(),e.millisecond()]},u.toObject=function(){var e=this;return{years:e.year(),months:e.month(),date:e.date(),hours:e.hours(),minutes:e.minutes(),seconds:e.seconds(),milliseconds:e.milliseconds()}},u.toDate=function(){return new Date(this.valueOf())},u.toISOString=function(e){var t;return this.isValid()?(t=(e=!0!==e)?this.clone().utc():this).year()<0||9999<t.year()?re(t,e?"YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYYYY-MM-DD[T]HH:mm:ss.SSSZ"):a(Date.prototype.toISOString)?e?this.toDate().toISOString():new Date(this.valueOf()+60*this.utcOffset()*1e3).toISOString().replace("Z",re(t,"Z")):re(t,e?"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYY-MM-DD[T]HH:mm:ss.SSSZ"):null},u.inspect=function(){var e,t,n;return this.isValid()?(t="moment",e="",this.isLocal()||(t=0===this.utcOffset()?"moment.utc":"moment.parseZone",e="Z"),t="["+t+'("]',n=0<=this.year()&&this.year()<=9999?"YYYY":"YYYYYY",this.format(t+n+"-MM-DD[T]HH:mm:ss.SSS"+(e+'[")]'))):"moment.invalid(/* "+this._i+" */)"},"undefined"!=typeof Symbol&&null!=Symbol.for&&(u[Symbol.for("nodejs.util.inspect.custom")]=function(){return"Moment<"+this.format()+">"}),u.toJSON=function(){return this.isValid()?this.toISOString():null},u.toString=function(){return this.clone().locale("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")},u.unix=function(){return Math.floor(this.valueOf()/1e3)},u.valueOf=function(){return this._d.valueOf()-6e4*(this._offset||0)},u.creationData=function(){return{input:this._i,format:this._f,locale:this._locale,isUTC:this._isUTC,strict:this._strict}},u.eraName=function(){for(var e,t=this.localeData().eras(),n=0,s=t.length;n<s;++n){if(e=this.clone().startOf("day").valueOf(),t[n].since<=e&&e<=t[n].until)return t[n].name;if(t[n].until<=e&&e<=t[n].since)return t[n].name}return""},u.eraNarrow=function(){for(var e,t=this.localeData().eras(),n=0,s=t.length;n<s;++n){if(e=this.clone().startOf("day").valueOf(),t[n].since<=e&&e<=t[n].until)return t[n].narrow;if(t[n].until<=e&&e<=t[n].since)return t[n].narrow}return""},u.eraAbbr=function(){for(var e,t=this.localeData().eras(),n=0,s=t.length;n<s;++n){if(e=this.clone().startOf("day").valueOf(),t[n].since<=e&&e<=t[n].until)return t[n].abbr;if(t[n].until<=e&&e<=t[n].since)return t[n].abbr}return""},u.eraYear=function(){for(var e,t,n=this.localeData().eras(),s=0,i=n.length;s<i;++s)if(e=n[s].since<=n[s].until?1:-1,t=this.clone().startOf("day").valueOf(),n[s].since<=t&&t<=n[s].until||n[s].until<=t&&t<=n[s].since)return(this.year()-_(n[s].since).year())*e+n[s].offset;return this.year()},u.year=Pe,u.isLeapYear=function(){return be(this.year())},u.weekYear=function(e){return un.call(this,e,this.week(),this.weekday()+this.localeData()._week.dow,this.localeData()._week.dow,this.localeData()._week.doy)},u.isoWeekYear=function(e){return un.call(this,e,this.isoWeek(),this.isoWeekday(),1,4)},u.quarter=u.quarters=function(e){return null==e?Math.ceil((this.month()+1)/3):this.month(3*(e-1)+this.month()%3)},u.month=Ie,u.daysInMonth=function(){return He(this.year(),this.month())},u.week=u.weeks=function(e){var t=this.localeData().week(this);return null==e?t:this.add(7*(e-t),"d")},u.isoWeek=u.isoWeeks=function(e){var t=Be(this,1,4).week;return null==e?t:this.add(7*(e-t),"d")},u.weeksInYear=function(){var e=this.localeData()._week;return N(this.year(),e.dow,e.doy)},u.weeksInWeekYear=function(){var e=this.localeData()._week;return N(this.weekYear(),e.dow,e.doy)},u.isoWeeksInYear=function(){return N(this.year(),1,4)},u.isoWeeksInISOWeekYear=function(){return N(this.isoWeekYear(),1,4)},u.date=ge,u.day=u.days=function(e){var t,n,s;return this.isValid()?(t=Ce(this,"Day"),null!=e?(n=e,s=this.localeData(),e="string"!=typeof n?n:isNaN(n)?"number"==typeof(n=s.weekdaysParse(n))?n:null:parseInt(n,10),this.add(e-t,"d")):t):null!=e?this:NaN},u.weekday=function(e){var t;return this.isValid()?(t=(this.day()+7-this.localeData()._week.dow)%7,null==e?t:this.add(e-t,"d")):null!=e?this:NaN},u.isoWeekday=function(e){var t,n;return this.isValid()?null!=e?(t=e,n=this.localeData(),n="string"==typeof t?n.weekdaysParse(t)%7||7:isNaN(t)?null:t,this.day(this.day()%7?n:n-7)):this.day()||7:null!=e?this:NaN},u.dayOfYear=function(e){var t=Math.round((this.clone().startOf("day")-this.clone().startOf("year"))/864e5)+1;return null==e?t:this.add(e-t,"d")},u.hour=u.hours=i,u.minute=u.minutes=ce,u.second=u.seconds=we,u.millisecond=u.milliseconds=fe,u.utcOffset=function(e,t,n){var s,i=this._offset||0;if(!this.isValid())return null!=e?this:NaN;if(null==e)return this._isUTC?i:Et(this);if("string"==typeof e){if(null===(e=Vt(ve,e)))return this}else Math.abs(e)<16&&!n&&(e*=60);return!this._isUTC&&t&&(s=Et(this)),this._offset=e,this._isUTC=!0,null!=s&&this.add(s,"m"),i!==e&&(!t||this._changeInProgress?$t(this,C(e-i,"m"),1,!1):this._changeInProgress||(this._changeInProgress=!0,_.updateOffset(this,!0),this._changeInProgress=null)),this},u.utc=function(e){return this.utcOffset(0,e)},u.local=function(e){return this._isUTC&&(this.utcOffset(0,e),this._isUTC=!1,e)&&this.subtract(Et(this),"m"),this},u.parseZone=function(){var e;return null!=this._tzm?this.utcOffset(this._tzm,!1,!0):"string"==typeof this._i&&(null!=(e=Vt(Me,this._i))?this.utcOffset(e):this.utcOffset(0,!0)),this},u.hasAlignedHourOffset=function(e){return!!this.isValid()&&(e=e?R(e).utcOffset():0,(this.utcOffset()-e)%60==0)},u.isDST=function(){return this.utcOffset()>this.clone().month(0).utcOffset()||this.utcOffset()>this.clone().month(5).utcOffset()},u.isLocal=function(){return!!this.isValid()&&!this._isUTC},u.isUtcOffset=function(){return!!this.isValid()&&this._isUTC},u.isUtc=At,u.isUTC=At,u.zoneAbbr=function(){return this._isUTC?"UTC":""},u.zoneName=function(){return this._isUTC?"Coordinated Universal Time":""},u.dates=e("dates accessor is deprecated. Use date instead.",ge),u.months=e("months accessor is deprecated. Use month instead",Ie),u.years=e("years accessor is deprecated. Use year instead",Pe),u.zone=e("moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/",function(e,t){return null!=e?(this.utcOffset(e="string"!=typeof e?-e:e,t),this):-this.utcOffset()}),u.isDSTShifted=e("isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information",function(){var e,t;return g(this._isDSTShifted)&&(q(e={},this),(e=Nt(e))._a?(t=(e._isUTC?l:R)(e._a),this._isDSTShifted=this.isValid()&&0<function(e,t,n){for(var s=Math.min(e.length,t.length),i=Math.abs(e.length-t.length),r=0,a=0;a<s;a++)(n&&e[a]!==t[a]||!n&&M(e[a])!==M(t[a]))&&r++;return r+i}(e._a,t.toArray())):this._isDSTShifted=!1),this._isDSTShifted});d=K.prototype;function cn(e,t,n,s){var i=P(),s=l().set(s,t);return i[n](s,e)}function fn(e,t,n){if(w(e)&&(t=e,e=void 0),e=e||"",null!=t)return cn(e,t,n,"month");for(var s=[],i=0;i<12;i++)s[i]=cn(e,i,n,"month");return s}function mn(e,t,n,s){t=("boolean"==typeof e?w(t)&&(n=t,t=void 0):(t=e,e=!1,w(n=t)&&(n=t,t=void 0)),t||"");var i,r=P(),a=e?r._week.dow:0,o=[];if(null!=n)return cn(t,(n+a)%7,s,"day");for(i=0;i<7;i++)o[i]=cn(t,(i+a)%7,s,"day");return o}d.calendar=function(e,t,n){return a(e=this._calendar[e]||this._calendar.sameElse)?e.call(t,n):e},d.longDateFormat=function(e){var t=this._longDateFormat[e],n=this._longDateFormat[e.toUpperCase()];return t||!n?t:(this._longDateFormat[e]=n.match(te).map(function(e){return"MMMM"===e||"MM"===e||"DD"===e||"dddd"===e?e.slice(1):e}).join(""),this._longDateFormat[e])},d.invalidDate=function(){return this._invalidDate},d.ordinal=function(e){return this._ordinal.replace("%d",e)},d.preparse=hn,d.postformat=hn,d.relativeTime=function(e,t,n,s){var i=this._relativeTime[n];return a(i)?i(e,t,n,s):i.replace(/%d/i,e)},d.pastFuture=function(e,t){return a(e=this._relativeTime[0<e?"future":"past"])?e(t):e.replace(/%s/i,t)},d.set=function(e){var t,n;for(n in e)c(e,n)&&(a(t=e[n])?this[n]=t:this["_"+n]=t);this._config=e,this._dayOfMonthOrdinalParseLenient=new RegExp((this._dayOfMonthOrdinalParse.source||this._ordinalParse.source)+"|"+/\d{1,2}/.source)},d.eras=function(e,t){for(var n,s=this._eras||P("en")._eras,i=0,r=s.length;i<r;++i){switch(typeof s[i].since){case"string":n=_(s[i].since).startOf("day"),s[i].since=n.valueOf();break}switch(typeof s[i].until){case"undefined":s[i].until=1/0;break;case"string":n=_(s[i].until).startOf("day").valueOf(),s[i].until=n.valueOf();break}}return s},d.erasParse=function(e,t,n){var s,i,r,a,o,u=this.eras();for(e=e.toUpperCase(),s=0,i=u.length;s<i;++s)if(r=u[s].name.toUpperCase(),a=u[s].abbr.toUpperCase(),o=u[s].narrow.toUpperCase(),n)switch(t){case"N":case"NN":case"NNN":if(a===e)return u[s];break;case"NNNN":if(r===e)return u[s];break;case"NNNNN":if(o===e)return u[s];break}else if(0<=[r,a,o].indexOf(e))return u[s]},d.erasConvertYear=function(e,t){var n=e.since<=e.until?1:-1;return void 0===t?_(e.since).year():_(e.since).year()+(t-e.offset)*n},d.erasAbbrRegex=function(e){return c(this,"_erasAbbrRegex")||an.call(this),e?this._erasAbbrRegex:this._erasRegex},d.erasNameRegex=function(e){return c(this,"_erasNameRegex")||an.call(this),e?this._erasNameRegex:this._erasRegex},d.erasNarrowRegex=function(e){return c(this,"_erasNarrowRegex")||an.call(this),e?this._erasNarrowRegex:this._erasRegex},d.months=function(e,t){return e?(y(this._months)?this._months:this._months[(this._months.isFormat||Ve).test(t)?"format":"standalone"])[e.month()]:y(this._months)?this._months:this._months.standalone},d.monthsShort=function(e,t){return e?(y(this._monthsShort)?this._monthsShort:this._monthsShort[Ve.test(t)?"format":"standalone"])[e.month()]:y(this._monthsShort)?this._monthsShort:this._monthsShort.standalone},d.monthsParse=function(e,t,n){var s,i;if(this._monthsParseExact)return function(e,t,n){var s,i,r,e=e.toLocaleLowerCase();if(!this._monthsParse)for(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[],s=0;s<12;++s)r=l([2e3,s]),this._shortMonthsParse[s]=this.monthsShort(r,"").toLocaleLowerCase(),this._longMonthsParse[s]=this.months(r,"").toLocaleLowerCase();return n?"MMM"===t?-1!==(i=x.call(this._shortMonthsParse,e))?i:null:-1!==(i=x.call(this._longMonthsParse,e))?i:null:"MMM"===t?-1!==(i=x.call(this._shortMonthsParse,e))||-1!==(i=x.call(this._longMonthsParse,e))?i:null:-1!==(i=x.call(this._longMonthsParse,e))||-1!==(i=x.call(this._shortMonthsParse,e))?i:null}.call(this,e,t,n);for(this._monthsParse||(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[]),s=0;s<12;s++){if(i=l([2e3,s]),n&&!this._longMonthsParse[s]&&(this._longMonthsParse[s]=new RegExp("^"+this.months(i,"").replace(".","")+"$","i"),this._shortMonthsParse[s]=new RegExp("^"+this.monthsShort(i,"").replace(".","")+"$","i")),n||this._monthsParse[s]||(i="^"+this.months(i,"")+"|^"+this.monthsShort(i,""),this._monthsParse[s]=new RegExp(i.replace(".",""),"i")),n&&"MMMM"===t&&this._longMonthsParse[s].test(e))return s;if(n&&"MMM"===t&&this._shortMonthsParse[s].test(e))return s;if(!n&&this._monthsParse[s].test(e))return s}},d.monthsRegex=function(e){return this._monthsParseExact?(c(this,"_monthsRegex")||je.call(this),e?this._monthsStrictRegex:this._monthsRegex):(c(this,"_monthsRegex")||(this._monthsRegex=Ee),this._monthsStrictRegex&&e?this._monthsStrictRegex:this._monthsRegex)},d.monthsShortRegex=function(e){return this._monthsParseExact?(c(this,"_monthsRegex")||je.call(this),e?this._monthsShortStrictRegex:this._monthsShortRegex):(c(this,"_monthsShortRegex")||(this._monthsShortRegex=Ge),this._monthsShortStrictRegex&&e?this._monthsShortStrictRegex:this._monthsShortRegex)},d.week=function(e){return Be(e,this._week.dow,this._week.doy).week},d.firstDayOfYear=function(){return this._week.doy},d.firstDayOfWeek=function(){return this._week.dow},d.weekdays=function(e,t){return t=y(this._weekdays)?this._weekdays:this._weekdays[e&&!0!==e&&this._weekdays.isFormat.test(t)?"format":"standalone"],!0===e?Je(t,this._week.dow):e?t[e.day()]:t},d.weekdaysMin=function(e){return!0===e?Je(this._weekdaysMin,this._week.dow):e?this._weekdaysMin[e.day()]:this._weekdaysMin},d.weekdaysShort=function(e){return!0===e?Je(this._weekdaysShort,this._week.dow):e?this._weekdaysShort[e.day()]:this._weekdaysShort},d.weekdaysParse=function(e,t,n){var s,i;if(this._weekdaysParseExact)return function(e,t,n){var s,i,r,e=e.toLocaleLowerCase();if(!this._weekdaysParse)for(this._weekdaysParse=[],this._shortWeekdaysParse=[],this._minWeekdaysParse=[],s=0;s<7;++s)r=l([2e3,1]).day(s),this._minWeekdaysParse[s]=this.weekdaysMin(r,"").toLocaleLowerCase(),this._shortWeekdaysParse[s]=this.weekdaysShort(r,"").toLocaleLowerCase(),this._weekdaysParse[s]=this.weekdays(r,"").toLocaleLowerCase();return n?"dddd"===t?-1!==(i=x.call(this._weekdaysParse,e))?i:null:"ddd"===t?-1!==(i=x.call(this._shortWeekdaysParse,e))?i:null:-1!==(i=x.call(this._minWeekdaysParse,e))?i:null:"dddd"===t?-1!==(i=x.call(this._weekdaysParse,e))||-1!==(i=x.call(this._shortWeekdaysParse,e))||-1!==(i=x.call(this._minWeekdaysParse,e))?i:null:"ddd"===t?-1!==(i=x.call(this._shortWeekdaysParse,e))||-1!==(i=x.call(this._weekdaysParse,e))||-1!==(i=x.call(this._minWeekdaysParse,e))?i:null:-1!==(i=x.call(this._minWeekdaysParse,e))||-1!==(i=x.call(this._weekdaysParse,e))||-1!==(i=x.call(this._shortWeekdaysParse,e))?i:null}.call(this,e,t,n);for(this._weekdaysParse||(this._weekdaysParse=[],this._minWeekdaysParse=[],this._shortWeekdaysParse=[],this._fullWeekdaysParse=[]),s=0;s<7;s++){if(i=l([2e3,1]).day(s),n&&!this._fullWeekdaysParse[s]&&(this._fullWeekdaysParse[s]=new RegExp("^"+this.weekdays(i,"").replace(".","\\.?")+"$","i"),this._shortWeekdaysParse[s]=new RegExp("^"+this.weekdaysShort(i,"").replace(".","\\.?")+"$","i"),this._minWeekdaysParse[s]=new RegExp("^"+this.weekdaysMin(i,"").replace(".","\\.?")+"$","i")),this._weekdaysParse[s]||(i="^"+this.weekdays(i,"")+"|^"+this.weekdaysShort(i,"")+"|^"+this.weekdaysMin(i,""),this._weekdaysParse[s]=new RegExp(i.replace(".",""),"i")),n&&"dddd"===t&&this._fullWeekdaysParse[s].test(e))return s;if(n&&"ddd"===t&&this._shortWeekdaysParse[s].test(e))return s;if(n&&"dd"===t&&this._minWeekdaysParse[s].test(e))return s;if(!n&&this._weekdaysParse[s].test(e))return s}},d.weekdaysRegex=function(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||st.call(this),e?this._weekdaysStrictRegex:this._weekdaysRegex):(c(this,"_weekdaysRegex")||(this._weekdaysRegex=et),this._weekdaysStrictRegex&&e?this._weekdaysStrictRegex:this._weekdaysRegex)},d.weekdaysShortRegex=function(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||st.call(this),e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex):(c(this,"_weekdaysShortRegex")||(this._weekdaysShortRegex=tt),this._weekdaysShortStrictRegex&&e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex)},d.weekdaysMinRegex=function(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||st.call(this),e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex):(c(this,"_weekdaysMinRegex")||(this._weekdaysMinRegex=nt),this._weekdaysMinStrictRegex&&e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex)},d.isPM=function(e){return"p"===(e+"").toLowerCase().charAt(0)},d.meridiem=function(e,t,n){return 11<e?n?"pm":"PM":n?"am":"AM"},ft("en",{eras:[{since:"0001-01-01",until:1/0,offset:1,name:"Anno Domini",narrow:"AD",abbr:"AD"},{since:"0000-12-31",until:-1/0,offset:1,name:"Before Christ",narrow:"BC",abbr:"BC"}],dayOfMonthOrdinalParse:/\d{1,2}(th|st|nd|rd)/,ordinal:function(e){var t=e%10;return e+(1===M(e%100/10)?"th":1==t?"st":2==t?"nd":3==t?"rd":"th")}}),_.lang=e("moment.lang is deprecated. Use moment.locale instead.",ft),_.langData=e("moment.langData is deprecated. Use moment.localeData instead.",P);var _n=Math.abs;function yn(e,t,n,s){t=C(t,n);return e._milliseconds+=s*t._milliseconds,e._days+=s*t._days,e._months+=s*t._months,e._bubble()}function gn(e){return e<0?Math.floor(e):Math.ceil(e)}function wn(e){return 4800*e/146097}function pn(e){return 146097*e/4800}function kn(e){return function(){return this.as(e)}}de=kn("ms"),t=kn("s"),ye=kn("m"),he=kn("h"),Fe=kn("d"),_e=kn("w"),me=kn("M"),Qe=kn("Q"),i=kn("y"),ce=de;function Mn(e){return function(){return this.isValid()?this._data[e]:NaN}}var we=Mn("milliseconds"),fe=Mn("seconds"),ge=Mn("minutes"),Pe=Mn("hours"),d=Mn("days"),vn=Mn("months"),Dn=Mn("years");var Yn=Math.round,Sn={ss:44,s:45,m:45,h:22,d:26,w:null,M:11};function On(e,t,n,s){var i=C(e).abs(),r=Yn(i.as("s")),a=Yn(i.as("m")),o=Yn(i.as("h")),u=Yn(i.as("d")),l=Yn(i.as("M")),d=Yn(i.as("w")),i=Yn(i.as("y")),r=(r<=n.ss?["s",r]:r<n.s&&["ss",r])||(a<=1?["m"]:a<n.m&&["mm",a])||(o<=1?["h"]:o<n.h&&["hh",o])||(u<=1?["d"]:u<n.d&&["dd",u]);return(r=(r=null!=n.w?r||(d<=1?["w"]:d<n.w&&["ww",d]):r)||(l<=1?["M"]:l<n.M&&["MM",l])||(i<=1?["y"]:["yy",i]))[2]=t,r[3]=0<+e,r[4]=s,function(e,t,n,s,i){return i.relativeTime(t||1,!!n,e,s)}.apply(null,r)}var bn=Math.abs;function Tn(e){return(0<e)-(e<0)||+e}function xn(){var e,t,n,s,i,r,a,o,u,l,d;return this.isValid()?(e=bn(this._milliseconds)/1e3,t=bn(this._days),n=bn(this._months),(o=this.asSeconds())?(s=m(e/60),i=m(s/60),e%=60,s%=60,r=m(n/12),n%=12,a=e?e.toFixed(3).replace(/\.?0+$/,""):"",u=Tn(this._months)!==Tn(o)?"-":"",l=Tn(this._days)!==Tn(o)?"-":"",d=Tn(this._milliseconds)!==Tn(o)?"-":"",(o<0?"-":"")+"P"+(r?u+r+"Y":"")+(n?u+n+"M":"")+(t?l+t+"D":"")+(i||s||e?"T":"")+(i?d+i+"H":"")+(s?d+s+"M":"")+(e?d+a+"S":"")):"P0D"):this.localeData().invalidDate()}var U=Ct.prototype;return U.isValid=function(){return this._isValid},U.abs=function(){var e=this._data;return this._milliseconds=_n(this._milliseconds),this._days=_n(this._days),this._months=_n(this._months),e.milliseconds=_n(e.milliseconds),e.seconds=_n(e.seconds),e.minutes=_n(e.minutes),e.hours=_n(e.hours),e.months=_n(e.months),e.years=_n(e.years),this},U.add=function(e,t){return yn(this,e,t,1)},U.subtract=function(e,t){return yn(this,e,t,-1)},U.as=function(e){if(!this.isValid())return NaN;var t,n,s=this._milliseconds;if("month"===(e=o(e))||"quarter"===e||"year"===e)switch(t=this._days+s/864e5,n=this._months+wn(t),e){case"month":return n;case"quarter":return n/3;case"year":return n/12}else switch(t=this._days+Math.round(pn(this._months)),e){case"week":return t/7+s/6048e5;case"day":return t+s/864e5;case"hour":return 24*t+s/36e5;case"minute":return 1440*t+s/6e4;case"second":return 86400*t+s/1e3;case"millisecond":return Math.floor(864e5*t)+s;default:throw new Error("Unknown unit "+e)}},U.asMilliseconds=de,U.asSeconds=t,U.asMinutes=ye,U.asHours=he,U.asDays=Fe,U.asWeeks=_e,U.asMonths=me,U.asQuarters=Qe,U.asYears=i,U.valueOf=ce,U._bubble=function(){var e=this._milliseconds,t=this._days,n=this._months,s=this._data;return 0<=e&&0<=t&&0<=n||e<=0&&t<=0&&n<=0||(e+=864e5*gn(pn(n)+t),n=t=0),s.milliseconds=e%1e3,e=m(e/1e3),s.seconds=e%60,e=m(e/60),s.minutes=e%60,e=m(e/60),s.hours=e%24,t+=m(e/24),n+=e=m(wn(t)),t-=gn(pn(e)),e=m(n/12),n%=12,s.days=t,s.months=n,s.years=e,this},U.clone=function(){return C(this)},U.get=function(e){return e=o(e),this.isValid()?this[e+"s"]():NaN},U.milliseconds=we,U.seconds=fe,U.minutes=ge,U.hours=Pe,U.days=d,U.weeks=function(){return m(this.days()/7)},U.months=vn,U.years=Dn,U.humanize=function(e,t){var n,s;return this.isValid()?(n=!1,s=Sn,"object"==typeof e&&(t=e,e=!1),"boolean"==typeof e&&(n=e),"object"==typeof t&&(s=Object.assign({},Sn,t),null!=t.s)&&null==t.ss&&(s.ss=t.s-1),e=this.localeData(),t=On(this,!n,s,e),n&&(t=e.pastFuture(+this,t)),e.postformat(t)):this.localeData().invalidDate()},U.toISOString=xn,U.toString=xn,U.toJSON=xn,U.locale=Xt,U.localeData=Kt,U.toIsoString=e("toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)",xn),U.lang=Ke,s("X",0,0,"unix"),s("x",0,0,"valueOf"),h("x",ke),h("X",/[+-]?\d+(\.\d{1,3})?/),v("X",function(e,t,n){n._d=new Date(1e3*parseFloat(e))}),v("x",function(e,t,n){n._d=new Date(M(e))}),_.version="2.30.1",H=R,_.fn=u,_.min=function(){return Pt("isBefore",[].slice.call(arguments,0))},_.max=function(){return Pt("isAfter",[].slice.call(arguments,0))},_.now=function(){return Date.now?Date.now():+new Date},_.utc=l,_.unix=function(e){return R(1e3*e)},_.months=function(e,t){return fn(e,t,"months")},_.isDate=V,_.locale=ft,_.invalid=I,_.duration=C,_.isMoment=k,_.weekdays=function(e,t,n){return mn(e,t,n,"weekdays")},_.parseZone=function(){return R.apply(null,arguments).parseZone()},_.localeData=P,_.isDuration=Ut,_.monthsShort=function(e,t){return fn(e,t,"monthsShort")},_.weekdaysMin=function(e,t,n){return mn(e,t,n,"weekdaysMin")},_.defineLocale=mt,_.updateLocale=function(e,t){var n,s;return null!=t?(s=ut,null!=W[e]&&null!=W[e].parentLocale?W[e].set(X(W[e]._config,t)):(t=X(s=null!=(n=ct(e))?n._config:s,t),null==n&&(t.abbr=e),(s=new K(t)).parentLocale=W[e],W[e]=s),ft(e)):null!=W[e]&&(null!=W[e].parentLocale?(W[e]=W[e].parentLocale,e===ft()&&ft(e)):null!=W[e]&&delete W[e]),W[e]},_.locales=function(){return ee(W)},_.weekdaysShort=function(e,t,n){return mn(e,t,n,"weekdaysShort")},_.normalizeUnits=o,_.relativeTimeRounding=function(e){return void 0===e?Yn:"function"==typeof e&&(Yn=e,!0)},_.relativeTimeThreshold=function(e,t){return void 0!==Sn[e]&&(void 0===t?Sn[e]:(Sn[e]=t,"s"===e&&(Sn.ss=t-1),!0))},_.calendarFormat=function(e,t){return(e=e.diff(t,"days",!0))<-6?"sameElse":e<-1?"lastWeek":e<0?"lastDay":e<1?"sameDay":e<2?"nextDay":e<7?"nextWeek":"sameElse"},_.prototype=u,_.HTML5_FMT={DATETIME_LOCAL:"YYYY-MM-DDTHH:mm",DATETIME_LOCAL_SECONDS:"YYYY-MM-DDTHH:mm:ss",DATETIME_LOCAL_MS:"YYYY-MM-DDTHH:mm:ss.SSS",DATE:"YYYY-MM-DD",TIME:"HH:mm",TIME_SECONDS:"HH:mm:ss",TIME_MS:"HH:mm:ss.SSS",WEEK:"GGGG-[W]WW",MONTH:"YYYY-MM"},_});
+//# sourceMappingURL=moment.min.js.map
\ No newline at end of file
diff --git a/public_html/assets/raven/vendor/js/quill.js b/public_html/assets/raven/vendor/js/quill.js
new file mode 100644
index 0000000..aeddaa1
--- /dev/null
+++ b/public_html/assets/raven/vendor/js/quill.js
@@ -0,0 +1,3 @@
+/*! For license information please see quill.js.LICENSE.txt */
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.Quill=e():t.Quill=e()}(self,(function(){return function(){var t={9698:function(t,e,n){"use strict";n.d(e,{Ay:function(){return c},Ji:function(){return d},mG:function(){return h},zo:function(){return u}});var r=n(6003),i=n(5232),s=n.n(i),o=n(3036),l=n(4850),a=n(5508);class c extends r.BlockBlot{cache={};delta(){return null==this.cache.delta&&(this.cache.delta=h(this)),this.cache.delta}deleteAt(t,e){super.deleteAt(t,e),this.cache={}}formatAt(t,e,n,i){e<=0||(this.scroll.query(n,r.Scope.BLOCK)?t+e===this.length()&&this.format(n,i):super.formatAt(t,Math.min(e,this.length()-t-1),n,i),this.cache={})}insertAt(t,e,n){if(null!=n)return super.insertAt(t,e,n),void(this.cache={});if(0===e.length)return;const r=e.split("\n"),i=r.shift();i.length>0&&(t<this.length()-1||null==this.children.tail?super.insertAt(Math.min(t,this.length()-1),i):this.children.tail.insertAt(this.children.tail.length(),i),this.cache={});let s=this;r.reduce(((t,e)=>(s=s.split(t,!0),s.insertAt(0,e),e.length)),t+i.length)}insertBefore(t,e){const{head:n}=this.children;super.insertBefore(t,e),n instanceof o.A&&n.remove(),this.cache={}}length(){return null==this.cache.length&&(this.cache.length=super.length()+1),this.cache.length}moveChildren(t,e){super.moveChildren(t,e),this.cache={}}optimize(t){super.optimize(t),this.cache={}}path(t){return super.path(t,!0)}removeChild(t){super.removeChild(t),this.cache={}}split(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(e&&(0===t||t>=this.length()-1)){const e=this.clone();return 0===t?(this.parent.insertBefore(e,this),this):(this.parent.insertBefore(e,this.next),e)}const n=super.split(t,e);return this.cache={},n}}c.blotName="block",c.tagName="P",c.defaultChild=o.A,c.allowedChildren=[o.A,l.A,r.EmbedBlot,a.A];class u extends r.EmbedBlot{attach(){super.attach(),this.attributes=new r.AttributorStore(this.domNode)}delta(){return(new(s())).insert(this.value(),{...this.formats(),...this.attributes.values()})}format(t,e){const n=this.scroll.query(t,r.Scope.BLOCK_ATTRIBUTE);null!=n&&this.attributes.attribute(n,e)}formatAt(t,e,n,r){this.format(n,r)}insertAt(t,e,n){if(null!=n)return void super.insertAt(t,e,n);const r=e.split("\n"),i=r.pop(),s=r.map((t=>{const e=this.scroll.create(c.blotName);return e.insertAt(0,t),e})),o=this.split(t);s.forEach((t=>{this.parent.insertBefore(t,o)})),i&&this.parent.insertBefore(this.scroll.create("text",i),o)}}function h(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return t.descendants(r.LeafBlot).reduce(((t,n)=>0===n.length()?t:t.insert(n.value(),d(n,{},e))),new(s())).insert("\n",d(t))}function d(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return null==t?e:("formats"in t&&"function"==typeof t.formats&&(e={...e,...t.formats()},n&&delete e["code-token"]),null==t.parent||"scroll"===t.parent.statics.blotName||t.parent.statics.scope!==t.statics.scope?e:d(t.parent,e,n))}u.scope=r.Scope.BLOCK_BLOT},3036:function(t,e,n){"use strict";var r=n(6003);class i extends r.EmbedBlot{static value(){}optimize(){(this.prev||this.next)&&this.remove()}length(){return 0}value(){return""}}i.blotName="break",i.tagName="BR",e.A=i},580:function(t,e,n){"use strict";var r=n(6003);class i extends r.ContainerBlot{}e.A=i},4541:function(t,e,n){"use strict";var r=n(6003),i=n(5508);class s extends r.EmbedBlot{static blotName="cursor";static className="ql-cursor";static tagName="span";static CONTENTS="\ufeff";static value(){}constructor(t,e,n){super(t,e),this.selection=n,this.textNode=document.createTextNode(s.CONTENTS),this.domNode.appendChild(this.textNode),this.savedLength=0}detach(){null!=this.parent&&this.parent.removeChild(this)}format(t,e){if(0!==this.savedLength)return void super.format(t,e);let n=this,i=0;for(;null!=n&&n.statics.scope!==r.Scope.BLOCK_BLOT;)i+=n.offset(n.parent),n=n.parent;null!=n&&(this.savedLength=s.CONTENTS.length,n.optimize(),n.formatAt(i,s.CONTENTS.length,t,e),this.savedLength=0)}index(t,e){return t===this.textNode?0:super.index(t,e)}length(){return this.savedLength}position(){return[this.textNode,this.textNode.data.length]}remove(){super.remove(),this.parent=null}restore(){if(this.selection.composing||null==this.parent)return null;const t=this.selection.getNativeRange();for(;null!=this.domNode.lastChild&&this.domNode.lastChild!==this.textNode;)this.domNode.parentNode.insertBefore(this.domNode.lastChild,this.domNode);const e=this.prev instanceof i.A?this.prev:null,n=e?e.length():0,r=this.next instanceof i.A?this.next:null,o=r?r.text:"",{textNode:l}=this,a=l.data.split(s.CONTENTS).join("");let c;if(l.data=s.CONTENTS,e)c=e,(a||r)&&(e.insertAt(e.length(),a+o),r&&r.remove());else if(r)c=r,r.insertAt(0,a);else{const t=document.createTextNode(a);c=this.scroll.create(t),this.parent.insertBefore(c,this)}if(this.remove(),t){const i=(t,i)=>e&&t===e.domNode?i:t===l?n+i-1:r&&t===r.domNode?n+a.length+i:null,s=i(t.start.node,t.start.offset),o=i(t.end.node,t.end.offset);if(null!==s&&null!==o)return{startNode:c.domNode,startOffset:s,endNode:c.domNode,endOffset:o}}return null}update(t,e){if(t.some((t=>"characterData"===t.type&&t.target===this.textNode))){const t=this.restore();t&&(e.range=t)}}optimize(t){super.optimize(t);let{parent:e}=this;for(;e;){if("A"===e.domNode.tagName){this.savedLength=s.CONTENTS.length,e.isolate(this.offset(e),this.length()).unwrap(),this.savedLength=0;break}e=e.parent}}value(){return""}}e.A=s},746:function(t,e,n){"use strict";var r=n(6003),i=n(5508);const s="\ufeff";class o extends r.EmbedBlot{constructor(t,e){super(t,e),this.contentNode=document.createElement("span"),this.contentNode.setAttribute("contenteditable","false"),Array.from(this.domNode.childNodes).forEach((t=>{this.contentNode.appendChild(t)})),this.leftGuard=document.createTextNode(s),this.rightGuard=document.createTextNode(s),this.domNode.appendChild(this.leftGuard),this.domNode.appendChild(this.contentNode),this.domNode.appendChild(this.rightGuard)}index(t,e){return t===this.leftGuard?0:t===this.rightGuard?1:super.index(t,e)}restore(t){let e,n=null;const r=t.data.split(s).join("");if(t===this.leftGuard)if(this.prev instanceof i.A){const t=this.prev.length();this.prev.insertAt(t,r),n={startNode:this.prev.domNode,startOffset:t+r.length}}else e=document.createTextNode(r),this.parent.insertBefore(this.scroll.create(e),this),n={startNode:e,startOffset:r.length};else t===this.rightGuard&&(this.next instanceof i.A?(this.next.insertAt(0,r),n={startNode:this.next.domNode,startOffset:r.length}):(e=document.createTextNode(r),this.parent.insertBefore(this.scroll.create(e),this.next),n={startNode:e,startOffset:r.length}));return t.data=s,n}update(t,e){t.forEach((t=>{if("characterData"===t.type&&(t.target===this.leftGuard||t.target===this.rightGuard)){const n=this.restore(t.target);n&&(e.range=n)}}))}}e.A=o},4850:function(t,e,n){"use strict";var r=n(6003),i=n(3036),s=n(5508);class o extends r.InlineBlot{static allowedChildren=[o,i.A,r.EmbedBlot,s.A];static order=["cursor","inline","link","underline","strike","italic","bold","script","code"];static compare(t,e){const n=o.order.indexOf(t),r=o.order.indexOf(e);return n>=0||r>=0?n-r:t===e?0:t<e?-1:1}formatAt(t,e,n,i){if(o.compare(this.statics.blotName,n)<0&&this.scroll.query(n,r.Scope.BLOT)){const r=this.isolate(t,e);i&&r.wrap(n,i)}else super.formatAt(t,e,n,i)}optimize(t){if(super.optimize(t),this.parent instanceof o&&o.compare(this.statics.blotName,this.parent.statics.blotName)>0){const t=this.parent.isolate(this.offset(),this.length());this.moveChildren(t),t.wrap(this)}}}e.A=o},5508:function(t,e,n){"use strict";n.d(e,{A:function(){return i},X:function(){return o}});var r=n(6003);class i extends r.TextBlot{}const s={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function o(t){return t.replace(/[&<>"']/g,(t=>s[t]))}},3729:function(t,e,n){"use strict";n.d(e,{default:function(){return R}});var r=n(6142),i=n(9698),s=n(3036),o=n(580),l=n(4541),a=n(746),c=n(4850),u=n(6003),h=n(5232),d=n.n(h),f=n(5374);function p(t){return t instanceof i.Ay||t instanceof i.zo}function g(t){return"function"==typeof t.updateContent}class m extends u.ScrollBlot{static blotName="scroll";static className="ql-editor";static tagName="DIV";static defaultChild=i.Ay;static allowedChildren=[i.Ay,i.zo,o.A];constructor(t,e,n){let{emitter:r}=n;super(t,e),this.emitter=r,this.batch=!1,this.optimize(),this.enable(),this.domNode.addEventListener("dragstart",(t=>this.handleDragStart(t)))}batchStart(){Array.isArray(this.batch)||(this.batch=[])}batchEnd(){if(!this.batch)return;const t=this.batch;this.batch=!1,this.update(t)}emitMount(t){this.emitter.emit(f.A.events.SCROLL_BLOT_MOUNT,t)}emitUnmount(t){this.emitter.emit(f.A.events.SCROLL_BLOT_UNMOUNT,t)}emitEmbedUpdate(t,e){this.emitter.emit(f.A.events.SCROLL_EMBED_UPDATE,t,e)}deleteAt(t,e){const[n,r]=this.line(t),[o]=this.line(t+e);if(super.deleteAt(t,e),null!=o&&n!==o&&r>0){if(n instanceof i.zo||o instanceof i.zo)return void this.optimize();const t=o.children.head instanceof s.A?null:o.children.head;n.moveChildren(o,t),n.remove()}this.optimize()}enable(){let t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.domNode.setAttribute("contenteditable",t?"true":"false")}formatAt(t,e,n,r){super.formatAt(t,e,n,r),this.optimize()}insertAt(t,e,n){if(t>=this.length())if(null==n||null==this.scroll.query(e,u.Scope.BLOCK)){const t=this.scroll.create(this.statics.defaultChild.blotName);this.appendChild(t),null==n&&e.endsWith("\n")?t.insertAt(0,e.slice(0,-1),n):t.insertAt(0,e,n)}else{const t=this.scroll.create(e,n);this.appendChild(t)}else super.insertAt(t,e,n);this.optimize()}insertBefore(t,e){if(t.statics.scope===u.Scope.INLINE_BLOT){const n=this.scroll.create(this.statics.defaultChild.blotName);n.appendChild(t),super.insertBefore(n,e)}else super.insertBefore(t,e)}insertContents(t,e){const n=this.deltaToRenderBlocks(e.concat((new(d())).insert("\n"))),r=n.pop();if(null==r)return;this.batchStart();const s=n.shift();if(s){const e="block"===s.type&&(0===s.delta.length()||!this.descendant(i.zo,t)[0]&&t<this.length()),n="block"===s.type?s.delta:(new(d())).insert({[s.key]:s.value});b(this,t,n);const r="block"===s.type?1:0,o=t+n.length()+r;e&&this.insertAt(o-1,"\n");const l=(0,i.Ji)(this.line(t)[0]),a=h.AttributeMap.diff(l,s.attributes)||{};Object.keys(a).forEach((t=>{this.formatAt(o-1,1,t,a[t])})),t=o}let[o,l]=this.children.find(t);n.length&&(o&&(o=o.split(l),l=0),n.forEach((t=>{if("block"===t.type)b(this.createBlock(t.attributes,o||void 0),0,t.delta);else{const e=this.create(t.key,t.value);this.insertBefore(e,o||void 0),Object.keys(t.attributes).forEach((n=>{e.format(n,t.attributes[n])}))}}))),"block"===r.type&&r.delta.length()&&b(this,o?o.offset(o.scroll)+l:this.length(),r.delta),this.batchEnd(),this.optimize()}isEnabled(){return"true"===this.domNode.getAttribute("contenteditable")}leaf(t){const e=this.path(t).pop();if(!e)return[null,-1];const[n,r]=e;return n instanceof u.LeafBlot?[n,r]:[null,-1]}line(t){return t===this.length()?this.line(t-1):this.descendant(p,t)}lines(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Number.MAX_VALUE;const n=(t,e,r)=>{let i=[],s=r;return t.children.forEachAt(e,r,((t,e,r)=>{p(t)?i.push(t):t instanceof u.ContainerBlot&&(i=i.concat(n(t,e,s))),s-=r})),i};return n(this,t,e)}optimize(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.batch||(super.optimize(t,e),t.length>0&&this.emitter.emit(f.A.events.SCROLL_OPTIMIZE,t,e))}path(t){return super.path(t).slice(1)}remove(){}update(t){if(this.batch)return void(Array.isArray(t)&&(this.batch=this.batch.concat(t)));let e=f.A.sources.USER;"string"==typeof t&&(e=t),Array.isArray(t)||(t=this.observer.takeRecords()),(t=t.filter((t=>{let{target:e}=t;const n=this.find(e,!0);return n&&!g(n)}))).length>0&&this.emitter.emit(f.A.events.SCROLL_BEFORE_UPDATE,e,t),super.update(t.concat([])),t.length>0&&this.emitter.emit(f.A.events.SCROLL_UPDATE,e,t)}updateEmbedAt(t,e,n){const[r]=this.descendant((t=>t instanceof i.zo),t);r&&r.statics.blotName===e&&g(r)&&r.updateContent(n)}handleDragStart(t){t.preventDefault()}deltaToRenderBlocks(t){const e=[];let n=new(d());return t.forEach((t=>{const r=t?.insert;if(r)if("string"==typeof r){const i=r.split("\n");i.slice(0,-1).forEach((r=>{n.insert(r,t.attributes),e.push({type:"block",delta:n,attributes:t.attributes??{}}),n=new(d())}));const s=i[i.length-1];s&&n.insert(s,t.attributes)}else{const i=Object.keys(r)[0];if(!i)return;this.query(i,u.Scope.INLINE)?n.push(t):(n.length()&&e.push({type:"block",delta:n,attributes:{}}),n=new(d()),e.push({type:"blockEmbed",key:i,value:r[i],attributes:t.attributes??{}}))}})),n.length()&&e.push({type:"block",delta:n,attributes:{}}),e}createBlock(t,e){let n;const r={};Object.entries(t).forEach((t=>{let[e,i]=t;null!=this.query(e,u.Scope.BLOCK&u.Scope.BLOT)?n=e:r[e]=i}));const i=this.create(n||this.statics.defaultChild.blotName,n?t[n]:void 0);this.insertBefore(i,e||void 0);const s=i.length();return Object.entries(r).forEach((t=>{let[e,n]=t;i.formatAt(0,s,e,n)})),i}}function b(t,e,n){n.reduce(((e,n)=>{const r=h.Op.length(n);let s=n.attributes||{};if(null!=n.insert)if("string"==typeof n.insert){const r=n.insert;t.insertAt(e,r);const[o]=t.descendant(u.LeafBlot,e),l=(0,i.Ji)(o);s=h.AttributeMap.diff(l,s)||{}}else if("object"==typeof n.insert){const r=Object.keys(n.insert)[0];if(null==r)return e;if(t.insertAt(e,r,n.insert[r]),null!=t.scroll.query(r,u.Scope.INLINE)){const[n]=t.descendant(u.LeafBlot,e),r=(0,i.Ji)(n);s=h.AttributeMap.diff(r,s)||{}}}return Object.keys(s).forEach((n=>{t.formatAt(e,r,n,s[n])})),e+r}),e)}var y=m,v=n(5508),A=n(584),x=n(4266);class N extends x.A{static DEFAULTS={delay:1e3,maxStack:100,userOnly:!1};lastRecorded=0;ignoreChange=!1;stack={undo:[],redo:[]};currentRange=null;constructor(t,e){super(t,e),this.quill.on(r.Ay.events.EDITOR_CHANGE,((t,e,n,i)=>{t===r.Ay.events.SELECTION_CHANGE?e&&i!==r.Ay.sources.SILENT&&(this.currentRange=e):t===r.Ay.events.TEXT_CHANGE&&(this.ignoreChange||(this.options.userOnly&&i!==r.Ay.sources.USER?this.transform(e):this.record(e,n)),this.currentRange=w(this.currentRange,e))})),this.quill.keyboard.addBinding({key:"z",shortKey:!0},this.undo.bind(this)),this.quill.keyboard.addBinding({key:["z","Z"],shortKey:!0,shiftKey:!0},this.redo.bind(this)),/Win/i.test(navigator.platform)&&this.quill.keyboard.addBinding({key:"y",shortKey:!0},this.redo.bind(this)),this.quill.root.addEventListener("beforeinput",(t=>{"historyUndo"===t.inputType?(this.undo(),t.preventDefault()):"historyRedo"===t.inputType&&(this.redo(),t.preventDefault())}))}change(t,e){if(0===this.stack[t].length)return;const n=this.stack[t].pop();if(!n)return;const i=this.quill.getContents(),s=n.delta.invert(i);this.stack[e].push({delta:s,range:w(n.range,s)}),this.lastRecorded=0,this.ignoreChange=!0,this.quill.updateContents(n.delta,r.Ay.sources.USER),this.ignoreChange=!1,this.restoreSelection(n)}clear(){this.stack={undo:[],redo:[]}}cutoff(){this.lastRecorded=0}record(t,e){if(0===t.ops.length)return;this.stack.redo=[];let n=t.invert(e),r=this.currentRange;const i=Date.now();if(this.lastRecorded+this.options.delay>i&&this.stack.undo.length>0){const t=this.stack.undo.pop();t&&(n=n.compose(t.delta),r=t.range)}else this.lastRecorded=i;0!==n.length()&&(this.stack.undo.push({delta:n,range:r}),this.stack.undo.length>this.options.maxStack&&this.stack.undo.shift())}redo(){this.change("redo","undo")}transform(t){E(this.stack.undo,t),E(this.stack.redo,t)}undo(){this.change("undo","redo")}restoreSelection(t){if(t.range)this.quill.setSelection(t.range,r.Ay.sources.USER);else{const e=function(t,e){const n=e.reduce(((t,e)=>t+(e.delete||0)),0);let r=e.length()-n;return function(t,e){const n=e.ops[e.ops.length-1];return null!=n&&(null!=n.insert?"string"==typeof n.insert&&n.insert.endsWith("\n"):null!=n.attributes&&Object.keys(n.attributes).some((e=>null!=t.query(e,u.Scope.BLOCK))))}(t,e)&&(r-=1),r}(this.quill.scroll,t.delta);this.quill.setSelection(e,r.Ay.sources.USER)}}}function E(t,e){let n=e;for(let e=t.length-1;e>=0;e-=1){const r=t[e];t[e]={delta:n.transform(r.delta,!0),range:r.range&&w(r.range,n)},n=r.delta.transform(n),0===t[e].delta.length()&&t.splice(e,1)}}function w(t,e){if(!t)return t;const n=e.transformPosition(t.index);return{index:n,length:e.transformPosition(t.index+t.length)-n}}var q=n(8123);class k extends x.A{constructor(t,e){super(t,e),t.root.addEventListener("drop",(e=>{e.preventDefault();let n=null;if(document.caretRangeFromPoint)n=document.caretRangeFromPoint(e.clientX,e.clientY);else if(document.caretPositionFromPoint){const t=document.caretPositionFromPoint(e.clientX,e.clientY);n=document.createRange(),n.setStart(t.offsetNode,t.offset),n.setEnd(t.offsetNode,t.offset)}const r=n&&t.selection.normalizeNative(n);if(r){const n=t.selection.normalizedToRange(r);e.dataTransfer?.files&&this.upload(n,e.dataTransfer.files)}}))}upload(t,e){const n=[];Array.from(e).forEach((t=>{t&&this.options.mimetypes?.includes(t.type)&&n.push(t)})),n.length>0&&this.options.handler.call(this,t,n)}}k.DEFAULTS={mimetypes:["image/png","image/jpeg"],handler(t,e){if(!this.quill.scroll.query("image"))return;const n=e.map((t=>new Promise((e=>{const n=new FileReader;n.onload=()=>{e(n.result)},n.readAsDataURL(t)}))));Promise.all(n).then((e=>{const n=e.reduce(((t,e)=>t.insert({image:e})),(new(d())).retain(t.index).delete(t.length));this.quill.updateContents(n,f.A.sources.USER),this.quill.setSelection(t.index+e.length,f.A.sources.SILENT)}))}};var _=k;const L=["insertText","insertReplacementText"];class S extends x.A{constructor(t,e){super(t,e),t.root.addEventListener("beforeinput",(t=>{this.handleBeforeInput(t)})),/Android/i.test(navigator.userAgent)||t.on(r.Ay.events.COMPOSITION_BEFORE_START,(()=>{this.handleCompositionStart()}))}deleteRange(t){(0,q.Xo)({range:t,quill:this.quill})}replaceText(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(0===t.length)return!1;if(e){const n=this.quill.getFormat(t.index,1);this.deleteRange(t),this.quill.updateContents((new(d())).retain(t.index).insert(e,n),r.Ay.sources.USER)}else this.deleteRange(t);return this.quill.setSelection(t.index+e.length,0,r.Ay.sources.SILENT),!0}handleBeforeInput(t){if(this.quill.composition.isComposing||t.defaultPrevented||!L.includes(t.inputType))return;const e=t.getTargetRanges?t.getTargetRanges()[0]:null;if(!e||!0===e.collapsed)return;const n=function(t){return"string"==typeof t.data?t.data:t.dataTransfer?.types.includes("text/plain")?t.dataTransfer.getData("text/plain"):null}(t);if(null==n)return;const r=this.quill.selection.normalizeNative(e),i=r?this.quill.selection.normalizedToRange(r):null;i&&this.replaceText(i,n)&&t.preventDefault()}handleCompositionStart(){const t=this.quill.getSelection();t&&this.replaceText(t)}}var O=S;const T=/Mac/i.test(navigator.platform);class j extends x.A{isListening=!1;selectionChangeDeadline=0;constructor(t,e){super(t,e),this.handleArrowKeys(),this.handleNavigationShortcuts()}handleArrowKeys(){this.quill.keyboard.addBinding({key:["ArrowLeft","ArrowRight"],offset:0,shiftKey:null,handler(t,e){let{line:n,event:i}=e;if(!(n instanceof u.ParentBlot&&n.uiNode))return!0;const s="rtl"===getComputedStyle(n.domNode).direction;return!!(s&&"ArrowRight"!==i.key||!s&&"ArrowLeft"!==i.key)||(this.quill.setSelection(t.index-1,t.length+(i.shiftKey?1:0),r.Ay.sources.USER),!1)}})}handleNavigationShortcuts(){this.quill.root.addEventListener("keydown",(t=>{!t.defaultPrevented&&(t=>"ArrowLeft"===t.key||"ArrowRight"===t.key||"ArrowUp"===t.key||"ArrowDown"===t.key||"Home"===t.key||!(!T||"a"!==t.key||!0!==t.ctrlKey))(t)&&this.ensureListeningToSelectionChange()}))}ensureListeningToSelectionChange(){this.selectionChangeDeadline=Date.now()+100,this.isListening||(this.isListening=!0,document.addEventListener("selectionchange",(()=>{this.isListening=!1,Date.now()<=this.selectionChangeDeadline&&this.handleSelectionChange()}),{once:!0}))}handleSelectionChange(){const t=document.getSelection();if(!t)return;const e=t.getRangeAt(0);if(!0!==e.collapsed||0!==e.startOffset)return;const n=this.quill.scroll.find(e.startContainer);if(!(n instanceof u.ParentBlot&&n.uiNode))return;const r=document.createRange();r.setStartAfter(n.uiNode),r.setEndAfter(n.uiNode),t.removeAllRanges(),t.addRange(r)}}var C=j;r.Ay.register({"blots/block":i.Ay,"blots/block/embed":i.zo,"blots/break":s.A,"blots/container":o.A,"blots/cursor":l.A,"blots/embed":a.A,"blots/inline":c.A,"blots/scroll":y,"blots/text":v.A,"modules/clipboard":A.Ay,"modules/history":N,"modules/keyboard":q.Ay,"modules/uploader":_,"modules/input":O,"modules/uiNode":C});var R=r.Ay},5374:function(t,e,n){"use strict";n.d(e,{A:function(){return o}});var r=n(8920),i=n(7356);const s=(0,n(6078).A)("quill:events");["selectionchange","mousedown","mouseup","click"].forEach((t=>{document.addEventListener(t,(function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];Array.from(document.querySelectorAll(".ql-container")).forEach((t=>{const n=i.A.get(t);n&&n.emitter&&n.emitter.handleDOM(...e)}))}))}));var o=class extends r{static events={EDITOR_CHANGE:"editor-change",SCROLL_BEFORE_UPDATE:"scroll-before-update",SCROLL_BLOT_MOUNT:"scroll-blot-mount",SCROLL_BLOT_UNMOUNT:"scroll-blot-unmount",SCROLL_OPTIMIZE:"scroll-optimize",SCROLL_UPDATE:"scroll-update",SCROLL_EMBED_UPDATE:"scroll-embed-update",SELECTION_CHANGE:"selection-change",TEXT_CHANGE:"text-change",COMPOSITION_BEFORE_START:"composition-before-start",COMPOSITION_START:"composition-start",COMPOSITION_BEFORE_END:"composition-before-end",COMPOSITION_END:"composition-end"};static sources={API:"api",SILENT:"silent",USER:"user"};constructor(){super(),this.domListeners={},this.on("error",s.error)}emit(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return s.log.call(s,...e),super.emit(...e)}handleDOM(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];(this.domListeners[t.type]||[]).forEach((e=>{let{node:r,handler:i}=e;(t.target===r||r.contains(t.target))&&i(t,...n)}))}listenDOM(t,e,n){this.domListeners[t]||(this.domListeners[t]=[]),this.domListeners[t].push({node:e,handler:n})}}},7356:function(t,e){"use strict";e.A=new WeakMap},6078:function(t,e){"use strict";const n=["error","warn","log","info"];let r="warn";function i(t){if(r&&n.indexOf(t)<=n.indexOf(r)){for(var e=arguments.length,i=new Array(e>1?e-1:0),s=1;s<e;s++)i[s-1]=arguments[s];console[t](...i)}}function s(t){return n.reduce(((e,n)=>(e[n]=i.bind(console,n,t),e)),{})}s.level=t=>{r=t},i.level=s.level,e.A=s},4266:function(t,e){"use strict";e.A=class{static DEFAULTS={};constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.quill=t,this.options=e}}},6142:function(t,e,n){"use strict";n.d(e,{Ay:function(){return I}});var r=n(8347),i=n(6003),s=n(5232),o=n.n(s),l=n(3707),a=n(5123),c=n(9698),u=n(3036),h=n(4541),d=n(5508),f=n(8298);const p=/^[ -~]*$/;function g(t,e,n){if(0===t.length){const[t]=y(n.pop());return e<=0?`</li></${t}>`:`</li></${t}>${g([],e-1,n)}`}const[{child:r,offset:i,length:s,indent:o,type:l},...a]=t,[c,u]=y(l);if(o>e)return n.push(l),o===e+1?`<${c}><li${u}>${m(r,i,s)}${g(a,o,n)}`:`<${c}><li>${g(t,e+1,n)}`;const h=n[n.length-1];if(o===e&&l===h)return`</li><li${u}>${m(r,i,s)}${g(a,o,n)}`;const[d]=y(n.pop());return`</li></${d}>${g(t,e-1,n)}`}function m(t,e,n){let r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if("html"in t&&"function"==typeof t.html)return t.html(e,n);if(t instanceof d.A)return(0,d.X)(t.value().slice(e,e+n)).replaceAll(" ","&nbsp;");if(t instanceof i.ParentBlot){if("list-container"===t.statics.blotName){const r=[];return t.children.forEachAt(e,n,((t,e,n)=>{const i="formats"in t&&"function"==typeof t.formats?t.formats():{};r.push({child:t,offset:e,length:n,indent:i.indent||0,type:i.list})})),g(r,-1,[])}const i=[];if(t.children.forEachAt(e,n,((t,e,n)=>{i.push(m(t,e,n))})),r||"list"===t.statics.blotName)return i.join("");const{outerHTML:s,innerHTML:o}=t.domNode,[l,a]=s.split(`>${o}<`);return"<table"===l?`<table style="border: 1px solid #000;">${i.join("")}<${a}`:`${l}>${i.join("")}<${a}`}return t.domNode instanceof Element?t.domNode.outerHTML:""}function b(t,e){return Object.keys(e).reduce(((n,r)=>{if(null==t[r])return n;const i=e[r];return i===t[r]?n[r]=i:Array.isArray(i)?i.indexOf(t[r])<0?n[r]=i.concat([t[r]]):n[r]=i:n[r]=[i,t[r]],n}),{})}function y(t){const e="ordered"===t?"ol":"ul";switch(t){case"checked":return[e,' data-list="checked"'];case"unchecked":return[e,' data-list="unchecked"'];default:return[e,""]}}function v(t){return t.reduce(((t,e)=>{if("string"==typeof e.insert){const n=e.insert.replace(/\r\n/g,"\n").replace(/\r/g,"\n");return t.insert(n,e.attributes)}return t.push(e)}),new(o()))}function A(t,e){let{index:n,length:r}=t;return new f.Q(n+e,r)}var x=class{constructor(t){this.scroll=t,this.delta=this.getDelta()}applyDelta(t){this.scroll.update();let e=this.scroll.length();this.scroll.batchStart();const n=v(t),l=new(o());return function(t){const e=[];return t.forEach((t=>{"string"==typeof t.insert?t.insert.split("\n").forEach(((n,r)=>{r&&e.push({insert:"\n",attributes:t.attributes}),n&&e.push({insert:n,attributes:t.attributes})})):e.push(t)})),e}(n.ops.slice()).reduce(((t,n)=>{const o=s.Op.length(n);let a=n.attributes||{},u=!1,h=!1;if(null!=n.insert){if(l.retain(o),"string"==typeof n.insert){const o=n.insert;h=!o.endsWith("\n")&&(e<=t||!!this.scroll.descendant(c.zo,t)[0]),this.scroll.insertAt(t,o);const[l,u]=this.scroll.line(t);let d=(0,r.A)({},(0,c.Ji)(l));if(l instanceof c.Ay){const[t]=l.descendant(i.LeafBlot,u);t&&(d=(0,r.A)(d,(0,c.Ji)(t)))}a=s.AttributeMap.diff(d,a)||{}}else if("object"==typeof n.insert){const o=Object.keys(n.insert)[0];if(null==o)return t;const l=null!=this.scroll.query(o,i.Scope.INLINE);if(l)(e<=t||this.scroll.descendant(c.zo,t)[0])&&(h=!0);else if(t>0){const[e,n]=this.scroll.descendant(i.LeafBlot,t-1);e instanceof d.A?"\n"!==e.value()[n]&&(u=!0):e instanceof i.EmbedBlot&&e.statics.scope===i.Scope.INLINE_BLOT&&(u=!0)}if(this.scroll.insertAt(t,o,n.insert[o]),l){const[e]=this.scroll.descendant(i.LeafBlot,t);if(e){const t=(0,r.A)({},(0,c.Ji)(e));a=s.AttributeMap.diff(t,a)||{}}}}e+=o}else if(l.push(n),null!==n.retain&&"object"==typeof n.retain){const e=Object.keys(n.retain)[0];if(null==e)return t;this.scroll.updateEmbedAt(t,e,n.retain[e])}Object.keys(a).forEach((e=>{this.scroll.formatAt(t,o,e,a[e])}));const f=u?1:0,p=h?1:0;return e+=f+p,l.retain(f),l.delete(p),t+o+f+p}),0),l.reduce(((t,e)=>"number"==typeof e.delete?(this.scroll.deleteAt(t,e.delete),t):t+s.Op.length(e)),0),this.scroll.batchEnd(),this.scroll.optimize(),this.update(n)}deleteText(t,e){return this.scroll.deleteAt(t,e),this.update((new(o())).retain(t).delete(e))}formatLine(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};this.scroll.update(),Object.keys(n).forEach((r=>{this.scroll.lines(t,Math.max(e,1)).forEach((t=>{t.format(r,n[r])}))})),this.scroll.optimize();const r=(new(o())).retain(t).retain(e,(0,l.A)(n));return this.update(r)}formatText(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};Object.keys(n).forEach((r=>{this.scroll.formatAt(t,e,r,n[r])}));const r=(new(o())).retain(t).retain(e,(0,l.A)(n));return this.update(r)}getContents(t,e){return this.delta.slice(t,t+e)}getDelta(){return this.scroll.lines().reduce(((t,e)=>t.concat(e.delta())),new(o()))}getFormat(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=[],r=[];0===e?this.scroll.path(t).forEach((t=>{const[e]=t;e instanceof c.Ay?n.push(e):e instanceof i.LeafBlot&&r.push(e)})):(n=this.scroll.lines(t,e),r=this.scroll.descendants(i.LeafBlot,t,e));const[s,o]=[n,r].map((t=>{const e=t.shift();if(null==e)return{};let n=(0,c.Ji)(e);for(;Object.keys(n).length>0;){const e=t.shift();if(null==e)return n;n=b((0,c.Ji)(e),n)}return n}));return{...s,...o}}getHTML(t,e){const[n,r]=this.scroll.line(t);if(n){const i=n.length();return n.length()>=r+e&&(0!==r||e!==i)?m(n,r,e,!0):m(this.scroll,t,e,!0)}return""}getText(t,e){return this.getContents(t,e).filter((t=>"string"==typeof t.insert)).map((t=>t.insert)).join("")}insertContents(t,e){const n=v(e),r=(new(o())).retain(t).concat(n);return this.scroll.insertContents(t,n),this.update(r)}insertEmbed(t,e,n){return this.scroll.insertAt(t,e,n),this.update((new(o())).retain(t).insert({[e]:n}))}insertText(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return e=e.replace(/\r\n/g,"\n").replace(/\r/g,"\n"),this.scroll.insertAt(t,e),Object.keys(n).forEach((r=>{this.scroll.formatAt(t,e.length,r,n[r])})),this.update((new(o())).retain(t).insert(e,(0,l.A)(n)))}isBlank(){if(0===this.scroll.children.length)return!0;if(this.scroll.children.length>1)return!1;const t=this.scroll.children.head;if(t?.statics.blotName!==c.Ay.blotName)return!1;const e=t;return!(e.children.length>1)&&e.children.head instanceof u.A}removeFormat(t,e){const n=this.getText(t,e),[r,i]=this.scroll.line(t+e);let s=0,l=new(o());null!=r&&(s=r.length()-i,l=r.delta().slice(i,i+s-1).insert("\n"));const a=this.getContents(t,e+s).diff((new(o())).insert(n).concat(l)),c=(new(o())).retain(t).concat(a);return this.applyDelta(c)}update(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;const r=this.delta;if(1===e.length&&"characterData"===e[0].type&&e[0].target.data.match(p)&&this.scroll.find(e[0].target)){const i=this.scroll.find(e[0].target),s=(0,c.Ji)(i),l=i.offset(this.scroll),a=e[0].oldValue.replace(h.A.CONTENTS,""),u=(new(o())).insert(a),d=(new(o())).insert(i.value()),f=n&&{oldRange:A(n.oldRange,-l),newRange:A(n.newRange,-l)};t=(new(o())).retain(l).concat(u.diff(d,f)).reduce(((t,e)=>e.insert?t.insert(e.insert,s):t.push(e)),new(o())),this.delta=r.compose(t)}else this.delta=this.getDelta(),t&&(0,a.A)(r.compose(t),this.delta)||(t=r.diff(this.delta,n));return t}},N=n(5374),E=n(7356),w=n(6078),q=n(4266),k=n(746),_=class{isComposing=!1;constructor(t,e){this.scroll=t,this.emitter=e,this.setupListeners()}setupListeners(){this.scroll.domNode.addEventListener("compositionstart",(t=>{this.isComposing||this.handleCompositionStart(t)})),this.scroll.domNode.addEventListener("compositionend",(t=>{this.isComposing&&queueMicrotask((()=>{this.handleCompositionEnd(t)}))}))}handleCompositionStart(t){const e=t.target instanceof Node?this.scroll.find(t.target,!0):null;!e||e instanceof k.A||(this.emitter.emit(N.A.events.COMPOSITION_BEFORE_START,t),this.scroll.batchStart(),this.emitter.emit(N.A.events.COMPOSITION_START,t),this.isComposing=!0)}handleCompositionEnd(t){this.emitter.emit(N.A.events.COMPOSITION_BEFORE_END,t),this.scroll.batchEnd(),this.emitter.emit(N.A.events.COMPOSITION_END,t),this.isComposing=!1}},L=n(9609);const S=t=>{const e=t.getBoundingClientRect(),n="offsetWidth"in t&&Math.abs(e.width)/t.offsetWidth||1,r="offsetHeight"in t&&Math.abs(e.height)/t.offsetHeight||1;return{top:e.top,right:e.left+t.clientWidth*n,bottom:e.top+t.clientHeight*r,left:e.left}},O=t=>{const e=parseInt(t,10);return Number.isNaN(e)?0:e},T=(t,e,n,r,i,s)=>t<n&&e>r?0:t<n?-(n-t+i):e>r?e-t>r-n?t+i-n:e-r+s:0;const j=["block","break","cursor","inline","scroll","text"];const C=(0,w.A)("quill"),R=new i.Registry;i.ParentBlot.uiClass="ql-ui";class I{static DEFAULTS={bounds:null,modules:{clipboard:!0,keyboard:!0,history:!0,uploader:!0},placeholder:"",readOnly:!1,registry:R,theme:"default"};static events=N.A.events;static sources=N.A.sources;static version="2.0.3";static imports={delta:o(),parchment:i,"core/module":q.A,"core/theme":L.A};static debug(t){!0===t&&(t="log"),w.A.level(t)}static find(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return E.A.get(t)||R.find(t,e)}static import(t){return null==this.imports[t]&&C.error(`Cannot import ${t}. Are you sure it was registered?`),this.imports[t]}static register(){if("string"!=typeof(arguments.length<=0?void 0:arguments[0])){const t=arguments.length<=0?void 0:arguments[0],e=!!(arguments.length<=1?void 0:arguments[1]),n="attrName"in t?t.attrName:t.blotName;"string"==typeof n?this.register(`formats/${n}`,t,e):Object.keys(t).forEach((n=>{this.register(n,t[n],e)}))}else{const t=arguments.length<=0?void 0:arguments[0],e=arguments.length<=1?void 0:arguments[1],n=!!(arguments.length<=2?void 0:arguments[2]);null==this.imports[t]||n||C.warn(`Overwriting ${t} with`,e),this.imports[t]=e,(t.startsWith("blots/")||t.startsWith("formats/"))&&e&&"boolean"!=typeof e&&"abstract"!==e.blotName&&R.register(e),"function"==typeof e.register&&e.register(R)}}constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this.options=function(t,e){const n=B(t);if(!n)throw new Error("Invalid Quill container");const s=!e.theme||e.theme===I.DEFAULTS.theme?L.A:I.import(`themes/${e.theme}`);if(!s)throw new Error(`Invalid theme ${e.theme}. Did you register it?`);const{modules:o,...l}=I.DEFAULTS,{modules:a,...c}=s.DEFAULTS;let u=M(e.modules);null!=u&&u.toolbar&&u.toolbar.constructor!==Object&&(u={...u,toolbar:{container:u.toolbar}});const h=(0,r.A)({},M(o),M(a),u),d={...l,...U(c),...U(e)};let f=e.registry;return f?e.formats&&C.warn('Ignoring "formats" option because "registry" is specified'):f=e.formats?((t,e,n)=>{const r=new i.Registry;return j.forEach((t=>{const n=e.query(t);n&&r.register(n)})),t.forEach((t=>{let i=e.query(t);i||n.error(`Cannot register "${t}" specified in "formats" config. Are you sure it was registered?`);let s=0;for(;i;)if(r.register(i),i="blotName"in i?i.requiredContainer??null:null,s+=1,s>100){n.error(`Cycle detected in registering blot requiredContainer: "${t}"`);break}})),r})(e.formats,d.registry,C):d.registry,{...d,registry:f,container:n,theme:s,modules:Object.entries(h).reduce(((t,e)=>{let[n,i]=e;if(!i)return t;const s=I.import(`modules/${n}`);return null==s?(C.error(`Cannot load ${n} module. Are you sure you registered it?`),t):{...t,[n]:(0,r.A)({},s.DEFAULTS||{},i)}}),{}),bounds:B(d.bounds)}}(t,e),this.container=this.options.container,null==this.container)return void C.error("Invalid Quill container",t);this.options.debug&&I.debug(this.options.debug);const n=this.container.innerHTML.trim();this.container.classList.add("ql-container"),this.container.innerHTML="",E.A.set(this.container,this),this.root=this.addContainer("ql-editor"),this.root.classList.add("ql-blank"),this.emitter=new N.A;const s=i.ScrollBlot.blotName,l=this.options.registry.query(s);if(!l||!("blotName"in l))throw new Error(`Cannot initialize Quill without "${s}" blot`);if(this.scroll=new l(this.options.registry,this.root,{emitter:this.emitter}),this.editor=new x(this.scroll),this.selection=new f.A(this.scroll,this.emitter),this.composition=new _(this.scroll,this.emitter),this.theme=new this.options.theme(this,this.options),this.keyboard=this.theme.addModule("keyboard"),this.clipboard=this.theme.addModule("clipboard"),this.history=this.theme.addModule("history"),this.uploader=this.theme.addModule("uploader"),this.theme.addModule("input"),this.theme.addModule("uiNode"),this.theme.init(),this.emitter.on(N.A.events.EDITOR_CHANGE,(t=>{t===N.A.events.TEXT_CHANGE&&this.root.classList.toggle("ql-blank",this.editor.isBlank())})),this.emitter.on(N.A.events.SCROLL_UPDATE,((t,e)=>{const n=this.selection.lastRange,[r]=this.selection.getRange(),i=n&&r?{oldRange:n,newRange:r}:void 0;D.call(this,(()=>this.editor.update(null,e,i)),t)})),this.emitter.on(N.A.events.SCROLL_EMBED_UPDATE,((t,e)=>{const n=this.selection.lastRange,[r]=this.selection.getRange(),i=n&&r?{oldRange:n,newRange:r}:void 0;D.call(this,(()=>{const n=(new(o())).retain(t.offset(this)).retain({[t.statics.blotName]:e});return this.editor.update(n,[],i)}),I.sources.USER)})),n){const t=this.clipboard.convert({html:`${n}<p><br></p>`,text:"\n"});this.setContents(t)}this.history.clear(),this.options.placeholder&&this.root.setAttribute("data-placeholder",this.options.placeholder),this.options.readOnly&&this.disable(),this.allowReadOnlyEdits=!1}addContainer(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if("string"==typeof t){const e=t;(t=document.createElement("div")).classList.add(e)}return this.container.insertBefore(t,e),t}blur(){this.selection.setRange(null)}deleteText(t,e,n){return[t,e,,n]=P(t,e,n),D.call(this,(()=>this.editor.deleteText(t,e)),n,t,-1*e)}disable(){this.enable(!1)}editReadOnly(t){this.allowReadOnlyEdits=!0;const e=t();return this.allowReadOnlyEdits=!1,e}enable(){let t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.scroll.enable(t),this.container.classList.toggle("ql-disabled",!t)}focus(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.selection.focus(),t.preventScroll||this.scrollSelectionIntoView()}format(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:N.A.sources.API;return D.call(this,(()=>{const n=this.getSelection(!0);let r=new(o());if(null==n)return r;if(this.scroll.query(t,i.Scope.BLOCK))r=this.editor.formatLine(n.index,n.length,{[t]:e});else{if(0===n.length)return this.selection.format(t,e),r;r=this.editor.formatText(n.index,n.length,{[t]:e})}return this.setSelection(n,N.A.sources.SILENT),r}),n)}formatLine(t,e,n,r,i){let s;return[t,e,s,i]=P(t,e,n,r,i),D.call(this,(()=>this.editor.formatLine(t,e,s)),i,t,0)}formatText(t,e,n,r,i){let s;return[t,e,s,i]=P(t,e,n,r,i),D.call(this,(()=>this.editor.formatText(t,e,s)),i,t,0)}getBounds(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=null;if(n="number"==typeof t?this.selection.getBounds(t,e):this.selection.getBounds(t.index,t.length),!n)return null;const r=this.container.getBoundingClientRect();return{bottom:n.bottom-r.top,height:n.height,left:n.left-r.left,right:n.right-r.left,top:n.top-r.top,width:n.width}}getContents(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.getLength()-t;return[t,e]=P(t,e),this.editor.getContents(t,e)}getFormat(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.getSelection(!0),e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return"number"==typeof t?this.editor.getFormat(t,e):this.editor.getFormat(t.index,t.length)}getIndex(t){return t.offset(this.scroll)}getLength(){return this.scroll.length()}getLeaf(t){return this.scroll.leaf(t)}getLine(t){return this.scroll.line(t)}getLines(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Number.MAX_VALUE;return"number"!=typeof t?this.scroll.lines(t.index,t.length):this.scroll.lines(t,e)}getModule(t){return this.theme.modules[t]}getSelection(){return arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.focus(),this.update(),this.selection.getRange()[0]}getSemanticHTML(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return"number"==typeof t&&(e=e??this.getLength()-t),[t,e]=P(t,e),this.editor.getHTML(t,e)}getText(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return"number"==typeof t&&(e=e??this.getLength()-t),[t,e]=P(t,e),this.editor.getText(t,e)}hasFocus(){return this.selection.hasFocus()}insertEmbed(t,e,n){let r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:I.sources.API;return D.call(this,(()=>this.editor.insertEmbed(t,e,n)),r,t)}insertText(t,e,n,r,i){let s;return[t,,s,i]=P(t,0,n,r,i),D.call(this,(()=>this.editor.insertText(t,e,s)),i,t,e.length)}isEnabled(){return this.scroll.isEnabled()}off(){return this.emitter.off(...arguments)}on(){return this.emitter.on(...arguments)}once(){return this.emitter.once(...arguments)}removeFormat(t,e,n){return[t,e,,n]=P(t,e,n),D.call(this,(()=>this.editor.removeFormat(t,e)),n,t)}scrollRectIntoView(t){((t,e)=>{const n=t.ownerDocument;let r=e,i=t;for(;i;){const t=i===n.body,e=t?{top:0,right:window.visualViewport?.width??n.documentElement.clientWidth,bottom:window.visualViewport?.height??n.documentElement.clientHeight,left:0}:S(i),o=getComputedStyle(i),l=T(r.left,r.right,e.left,e.right,O(o.scrollPaddingLeft),O(o.scrollPaddingRight)),a=T(r.top,r.bottom,e.top,e.bottom,O(o.scrollPaddingTop),O(o.scrollPaddingBottom));if(l||a)if(t)n.defaultView?.scrollBy(l,a);else{const{scrollLeft:t,scrollTop:e}=i;a&&(i.scrollTop+=a),l&&(i.scrollLeft+=l);const n=i.scrollLeft-t,s=i.scrollTop-e;r={left:r.left-n,top:r.top-s,right:r.right-n,bottom:r.bottom-s}}i=t||"fixed"===o.position?null:(s=i).parentElement||s.getRootNode().host||null}var s})(this.root,t)}scrollIntoView(){console.warn("Quill#scrollIntoView() has been deprecated and will be removed in the near future. Please use Quill#scrollSelectionIntoView() instead."),this.scrollSelectionIntoView()}scrollSelectionIntoView(){const t=this.selection.lastRange,e=t&&this.selection.getBounds(t.index,t.length);e&&this.scrollRectIntoView(e)}setContents(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:N.A.sources.API;return D.call(this,(()=>{t=new(o())(t);const e=this.getLength(),n=this.editor.deleteText(0,e),r=this.editor.insertContents(0,t),i=this.editor.deleteText(this.getLength()-1,1);return n.compose(r).compose(i)}),e)}setSelection(t,e,n){null==t?this.selection.setRange(null,e||I.sources.API):([t,e,,n]=P(t,e,n),this.selection.setRange(new f.Q(Math.max(0,t),e),n),n!==N.A.sources.SILENT&&this.scrollSelectionIntoView())}setText(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:N.A.sources.API;const n=(new(o())).insert(t);return this.setContents(n,e)}update(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:N.A.sources.USER;const e=this.scroll.update(t);return this.selection.update(t),e}updateContents(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:N.A.sources.API;return D.call(this,(()=>(t=new(o())(t),this.editor.applyDelta(t))),e,!0)}}function B(t){return"string"==typeof t?document.querySelector(t):t}function M(t){return Object.entries(t??{}).reduce(((t,e)=>{let[n,r]=e;return{...t,[n]:!0===r?{}:r}}),{})}function U(t){return Object.fromEntries(Object.entries(t).filter((t=>void 0!==t[1])))}function D(t,e,n,r){if(!this.isEnabled()&&e===N.A.sources.USER&&!this.allowReadOnlyEdits)return new(o());let i=null==n?null:this.getSelection();const s=this.editor.delta,l=t();if(null!=i&&(!0===n&&(n=i.index),null==r?i=z(i,l,e):0!==r&&(i=z(i,n,r,e)),this.setSelection(i,N.A.sources.SILENT)),l.length()>0){const t=[N.A.events.TEXT_CHANGE,l,s,e];this.emitter.emit(N.A.events.EDITOR_CHANGE,...t),e!==N.A.sources.SILENT&&this.emitter.emit(...t)}return l}function P(t,e,n,r,i){let s={};return"number"==typeof t.index&&"number"==typeof t.length?"number"!=typeof e?(i=r,r=n,n=e,e=t.length,t=t.index):(e=t.length,t=t.index):"number"!=typeof e&&(i=r,r=n,n=e,e=0),"object"==typeof n?(s=n,i=r):"string"==typeof n&&(null!=r?s[n]=r:i=n),[t,e,s,i=i||N.A.sources.API]}function z(t,e,n,r){const i="number"==typeof n?n:0;if(null==t)return null;let s,o;return e&&"function"==typeof e.transformPosition?[s,o]=[t.index,t.index+t.length].map((t=>e.transformPosition(t,r!==N.A.sources.USER))):[s,o]=[t.index,t.index+t.length].map((t=>t<e||t===e&&r===N.A.sources.USER?t:i>=0?t+i:Math.max(e,t+i))),new f.Q(s,o-s)}},8298:function(t,e,n){"use strict";n.d(e,{Q:function(){return a}});var r=n(6003),i=n(5123),s=n(3707),o=n(5374);const l=(0,n(6078).A)("quill:selection");class a{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.index=t,this.length=e}}function c(t,e){try{e.parentNode}catch(t){return!1}return t.contains(e)}e.A=class{constructor(t,e){this.emitter=e,this.scroll=t,this.composing=!1,this.mouseDown=!1,this.root=this.scroll.domNode,this.cursor=this.scroll.create("cursor",this),this.savedRange=new a(0,0),this.lastRange=this.savedRange,this.lastNative=null,this.handleComposition(),this.handleDragging(),this.emitter.listenDOM("selectionchange",document,(()=>{this.mouseDown||this.composing||setTimeout(this.update.bind(this,o.A.sources.USER),1)})),this.emitter.on(o.A.events.SCROLL_BEFORE_UPDATE,(()=>{if(!this.hasFocus())return;const t=this.getNativeRange();null!=t&&t.start.node!==this.cursor.textNode&&this.emitter.once(o.A.events.SCROLL_UPDATE,((e,n)=>{try{this.root.contains(t.start.node)&&this.root.contains(t.end.node)&&this.setNativeRange(t.start.node,t.start.offset,t.end.node,t.end.offset);const r=n.some((t=>"characterData"===t.type||"childList"===t.type||"attributes"===t.type&&t.target===this.root));this.update(r?o.A.sources.SILENT:e)}catch(t){}}))})),this.emitter.on(o.A.events.SCROLL_OPTIMIZE,((t,e)=>{if(e.range){const{startNode:t,startOffset:n,endNode:r,endOffset:i}=e.range;this.setNativeRange(t,n,r,i),this.update(o.A.sources.SILENT)}})),this.update(o.A.sources.SILENT)}handleComposition(){this.emitter.on(o.A.events.COMPOSITION_BEFORE_START,(()=>{this.composing=!0})),this.emitter.on(o.A.events.COMPOSITION_END,(()=>{if(this.composing=!1,this.cursor.parent){const t=this.cursor.restore();if(!t)return;setTimeout((()=>{this.setNativeRange(t.startNode,t.startOffset,t.endNode,t.endOffset)}),1)}}))}handleDragging(){this.emitter.listenDOM("mousedown",document.body,(()=>{this.mouseDown=!0})),this.emitter.listenDOM("mouseup",document.body,(()=>{this.mouseDown=!1,this.update(o.A.sources.USER)}))}focus(){this.hasFocus()||(this.root.focus({preventScroll:!0}),this.setRange(this.savedRange))}format(t,e){this.scroll.update();const n=this.getNativeRange();if(null!=n&&n.native.collapsed&&!this.scroll.query(t,r.Scope.BLOCK)){if(n.start.node!==this.cursor.textNode){const t=this.scroll.find(n.start.node,!1);if(null==t)return;if(t instanceof r.LeafBlot){const e=t.split(n.start.offset);t.parent.insertBefore(this.cursor,e)}else t.insertBefore(this.cursor,n.start.node);this.cursor.attach()}this.cursor.format(t,e),this.scroll.optimize(),this.setNativeRange(this.cursor.textNode,this.cursor.textNode.data.length),this.update()}}getBounds(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;const n=this.scroll.length();let r;t=Math.min(t,n-1),e=Math.min(t+e,n-1)-t;let[i,s]=this.scroll.leaf(t);if(null==i)return null;if(e>0&&s===i.length()){const[e]=this.scroll.leaf(t+1);if(e){const[n]=this.scroll.line(t),[r]=this.scroll.line(t+1);n===r&&(i=e,s=0)}}[r,s]=i.position(s,!0);const o=document.createRange();if(e>0)return o.setStart(r,s),[i,s]=this.scroll.leaf(t+e),null==i?null:([r,s]=i.position(s,!0),o.setEnd(r,s),o.getBoundingClientRect());let l,a="left";if(r instanceof Text){if(!r.data.length)return null;s<r.data.length?(o.setStart(r,s),o.setEnd(r,s+1)):(o.setStart(r,s-1),o.setEnd(r,s),a="right"),l=o.getBoundingClientRect()}else{if(!(i.domNode instanceof Element))return null;l=i.domNode.getBoundingClientRect(),s>0&&(a="right")}return{bottom:l.top+l.height,height:l.height,left:l[a],right:l[a],top:l.top,width:0}}getNativeRange(){const t=document.getSelection();if(null==t||t.rangeCount<=0)return null;const e=t.getRangeAt(0);if(null==e)return null;const n=this.normalizeNative(e);return l.info("getNativeRange",n),n}getRange(){const t=this.scroll.domNode;if("isConnected"in t&&!t.isConnected)return[null,null];const e=this.getNativeRange();return null==e?[null,null]:[this.normalizedToRange(e),e]}hasFocus(){return document.activeElement===this.root||null!=document.activeElement&&c(this.root,document.activeElement)}normalizedToRange(t){const e=[[t.start.node,t.start.offset]];t.native.collapsed||e.push([t.end.node,t.end.offset]);const n=e.map((t=>{const[e,n]=t,i=this.scroll.find(e,!0),s=i.offset(this.scroll);return 0===n?s:i instanceof r.LeafBlot?s+i.index(e,n):s+i.length()})),i=Math.min(Math.max(...n),this.scroll.length()-1),s=Math.min(i,...n);return new a(s,i-s)}normalizeNative(t){if(!c(this.root,t.startContainer)||!t.collapsed&&!c(this.root,t.endContainer))return null;const e={start:{node:t.startContainer,offset:t.startOffset},end:{node:t.endContainer,offset:t.endOffset},native:t};return[e.start,e.end].forEach((t=>{let{node:e,offset:n}=t;for(;!(e instanceof Text)&&e.childNodes.length>0;)if(e.childNodes.length>n)e=e.childNodes[n],n=0;else{if(e.childNodes.length!==n)break;e=e.lastChild,n=e instanceof Text?e.data.length:e.childNodes.length>0?e.childNodes.length:e.childNodes.length+1}t.node=e,t.offset=n})),e}rangeToNative(t){const e=this.scroll.length(),n=(t,n)=>{t=Math.min(e-1,t);const[r,i]=this.scroll.leaf(t);return r?r.position(i,n):[null,-1]};return[...n(t.index,!1),...n(t.index+t.length,!0)]}setNativeRange(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:t,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:e,i=arguments.length>4&&void 0!==arguments[4]&&arguments[4];if(l.info("setNativeRange",t,e,n,r),null!=t&&(null==this.root.parentNode||null==t.parentNode||null==n.parentNode))return;const s=document.getSelection();if(null!=s)if(null!=t){this.hasFocus()||this.root.focus({preventScroll:!0});const{native:o}=this.getNativeRange()||{};if(null==o||i||t!==o.startContainer||e!==o.startOffset||n!==o.endContainer||r!==o.endOffset){t instanceof Element&&"BR"===t.tagName&&(e=Array.from(t.parentNode.childNodes).indexOf(t),t=t.parentNode),n instanceof Element&&"BR"===n.tagName&&(r=Array.from(n.parentNode.childNodes).indexOf(n),n=n.parentNode);const i=document.createRange();i.setStart(t,e),i.setEnd(n,r),s.removeAllRanges(),s.addRange(i)}}else s.removeAllRanges(),this.root.blur()}setRange(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o.A.sources.API;if("string"==typeof e&&(n=e,e=!1),l.info("setRange",t),null!=t){const n=this.rangeToNative(t);this.setNativeRange(...n,e)}else this.setNativeRange(null);this.update(n)}update(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o.A.sources.USER;const e=this.lastRange,[n,r]=this.getRange();if(this.lastRange=n,this.lastNative=r,null!=this.lastRange&&(this.savedRange=this.lastRange),!(0,i.A)(e,this.lastRange)){if(!this.composing&&null!=r&&r.native.collapsed&&r.start.node!==this.cursor.textNode){const t=this.cursor.restore();t&&this.setNativeRange(t.startNode,t.startOffset,t.endNode,t.endOffset)}const n=[o.A.events.SELECTION_CHANGE,(0,s.A)(this.lastRange),(0,s.A)(e),t];this.emitter.emit(o.A.events.EDITOR_CHANGE,...n),t!==o.A.sources.SILENT&&this.emitter.emit(...n)}}}},9609:function(t,e){"use strict";class n{static DEFAULTS={modules:{}};static themes={default:n};modules={};constructor(t,e){this.quill=t,this.options=e}init(){Object.keys(this.options.modules).forEach((t=>{null==this.modules[t]&&this.addModule(t)}))}addModule(t){const e=this.quill.constructor.import(`modules/${t}`);return this.modules[t]=new e(this.quill,this.options.modules[t]||{}),this.modules[t]}}e.A=n},8276:function(t,e,n){"use strict";n.d(e,{Hu:function(){return l},gS:function(){return s},qh:function(){return o}});var r=n(6003);const i={scope:r.Scope.BLOCK,whitelist:["right","center","justify"]},s=new r.Attributor("align","align",i),o=new r.ClassAttributor("align","ql-align",i),l=new r.StyleAttributor("align","text-align",i)},9541:function(t,e,n){"use strict";n.d(e,{l:function(){return s},s:function(){return o}});var r=n(6003),i=n(8638);const s=new r.ClassAttributor("background","ql-bg",{scope:r.Scope.INLINE}),o=new i.a2("background","background-color",{scope:r.Scope.INLINE})},9404:function(t,e,n){"use strict";n.d(e,{Ay:function(){return h},Cy:function(){return d},EJ:function(){return u}});var r=n(9698),i=n(3036),s=n(4541),o=n(4850),l=n(5508),a=n(580),c=n(6142);class u extends a.A{static create(t){const e=super.create(t);return e.setAttribute("spellcheck","false"),e}code(t,e){return this.children.map((t=>t.length()<=1?"":t.domNode.innerText)).join("\n").slice(t,t+e)}html(t,e){return`<pre>\n${(0,l.X)(this.code(t,e))}\n</pre>`}}class h extends r.Ay{static TAB="  ";static register(){c.Ay.register(u)}}class d extends o.A{}d.blotName="code",d.tagName="CODE",h.blotName="code-block",h.className="ql-code-block",h.tagName="DIV",u.blotName="code-block-container",u.className="ql-code-block-container",u.tagName="DIV",u.allowedChildren=[h],h.allowedChildren=[l.A,i.A,s.A],h.requiredContainer=u},8638:function(t,e,n){"use strict";n.d(e,{JM:function(){return o},a2:function(){return i},g3:function(){return s}});var r=n(6003);class i extends r.StyleAttributor{value(t){let e=super.value(t);return e.startsWith("rgb(")?(e=e.replace(/^[^\d]+/,"").replace(/[^\d]+$/,""),`#${e.split(",").map((t=>`00${parseInt(t,10).toString(16)}`.slice(-2))).join("")}`):e}}const s=new r.ClassAttributor("color","ql-color",{scope:r.Scope.INLINE}),o=new i("color","color",{scope:r.Scope.INLINE})},7912:function(t,e,n){"use strict";n.d(e,{Mc:function(){return s},VL:function(){return l},sY:function(){return o}});var r=n(6003);const i={scope:r.Scope.BLOCK,whitelist:["rtl"]},s=new r.Attributor("direction","dir",i),o=new r.ClassAttributor("direction","ql-direction",i),l=new r.StyleAttributor("direction","direction",i)},6772:function(t,e,n){"use strict";n.d(e,{q:function(){return s},z:function(){return l}});var r=n(6003);const i={scope:r.Scope.INLINE,whitelist:["serif","monospace"]},s=new r.ClassAttributor("font","ql-font",i);class o extends r.StyleAttributor{value(t){return super.value(t).replace(/["']/g,"")}}const l=new o("font","font-family",i)},664:function(t,e,n){"use strict";n.d(e,{U:function(){return i},r:function(){return s}});var r=n(6003);const i=new r.ClassAttributor("size","ql-size",{scope:r.Scope.INLINE,whitelist:["small","large","huge"]}),s=new r.StyleAttributor("size","font-size",{scope:r.Scope.INLINE,whitelist:["10px","18px","32px"]})},584:function(t,e,n){"use strict";n.d(e,{Ay:function(){return S},hV:function(){return I}});var r=n(6003),i=n(5232),s=n.n(i),o=n(9698),l=n(6078),a=n(4266),c=n(6142),u=n(8276),h=n(9541),d=n(9404),f=n(8638),p=n(7912),g=n(6772),m=n(664),b=n(8123);const y=/font-weight:\s*normal/,v=["P","OL","UL"],A=t=>t&&v.includes(t.tagName),x=/\bmso-list:[^;]*ignore/i,N=/\bmso-list:[^;]*\bl(\d+)/i,E=/\bmso-list:[^;]*\blevel(\d+)/i,w=[function(t){"urn:schemas-microsoft-com:office:word"===t.documentElement.getAttribute("xmlns:w")&&(t=>{const e=Array.from(t.querySelectorAll("[style*=mso-list]")),n=[],r=[];e.forEach((t=>{(t.getAttribute("style")||"").match(x)?n.push(t):r.push(t)})),n.forEach((t=>t.parentNode?.removeChild(t)));const i=t.documentElement.innerHTML,s=r.map((t=>((t,e)=>{const n=t.getAttribute("style"),r=n?.match(N);if(!r)return null;const i=Number(r[1]),s=n?.match(E),o=s?Number(s[1]):1,l=new RegExp(`@list l${i}:level${o}\\s*\\{[^\\}]*mso-level-number-format:\\s*([\\w-]+)`,"i"),a=e.match(l);return{id:i,indent:o,type:a&&"bullet"===a[1]?"bullet":"ordered",element:t}})(t,i))).filter((t=>t));for(;s.length;){const t=[];let e=s.shift();for(;e;)t.push(e),e=s.length&&s[0]?.element===e.element.nextElementSibling&&s[0].id===e.id?s.shift():null;const n=document.createElement("ul");t.forEach((t=>{const e=document.createElement("li");e.setAttribute("data-list",t.type),t.indent>1&&e.setAttribute("class","ql-indent-"+(t.indent-1)),e.innerHTML=t.element.innerHTML,n.appendChild(e)}));const r=t[0]?.element,{parentNode:i}=r??{};r&&i?.replaceChild(n,r),t.slice(1).forEach((t=>{let{element:e}=t;i?.removeChild(e)}))}})(t)},function(t){t.querySelector('[id^="docs-internal-guid-"]')&&((t=>{Array.from(t.querySelectorAll('b[style*="font-weight"]')).filter((t=>t.getAttribute("style")?.match(y))).forEach((e=>{const n=t.createDocumentFragment();n.append(...e.childNodes),e.parentNode?.replaceChild(n,e)}))})(t),(t=>{Array.from(t.querySelectorAll("br")).filter((t=>A(t.previousElementSibling)&&A(t.nextElementSibling))).forEach((t=>{t.parentNode?.removeChild(t)}))})(t))}];const q=(0,l.A)("quill:clipboard"),k=[[Node.TEXT_NODE,function(t,e,n){let r=t.data;if("O:P"===t.parentElement?.tagName)return e.insert(r.trim());if(!R(t)){if(0===r.trim().length&&r.includes("\n")&&!function(t,e){return t.previousElementSibling&&t.nextElementSibling&&!j(t.previousElementSibling,e)&&!j(t.nextElementSibling,e)}(t,n))return e;r=r.replace(/[^\S\u00a0]/g," "),r=r.replace(/ {2,}/g," "),(null==t.previousSibling&&null!=t.parentElement&&j(t.parentElement,n)||t.previousSibling instanceof Element&&j(t.previousSibling,n))&&(r=r.replace(/^ /,"")),(null==t.nextSibling&&null!=t.parentElement&&j(t.parentElement,n)||t.nextSibling instanceof Element&&j(t.nextSibling,n))&&(r=r.replace(/ $/,"")),r=r.replaceAll(" "," ")}return e.insert(r)}],[Node.TEXT_NODE,M],["br",function(t,e){return T(e,"\n")||e.insert("\n"),e}],[Node.ELEMENT_NODE,M],[Node.ELEMENT_NODE,function(t,e,n){const i=n.query(t);if(null==i)return e;if(i.prototype instanceof r.EmbedBlot){const e={},r=i.value(t);if(null!=r)return e[i.blotName]=r,(new(s())).insert(e,i.formats(t,n))}else if(i.prototype instanceof r.BlockBlot&&!T(e,"\n")&&e.insert("\n"),"blotName"in i&&"formats"in i&&"function"==typeof i.formats)return O(e,i.blotName,i.formats(t,n),n);return e}],[Node.ELEMENT_NODE,function(t,e,n){const i=r.Attributor.keys(t),s=r.ClassAttributor.keys(t),o=r.StyleAttributor.keys(t),l={};return i.concat(s).concat(o).forEach((e=>{let i=n.query(e,r.Scope.ATTRIBUTE);null!=i&&(l[i.attrName]=i.value(t),l[i.attrName])||(i=_[e],null==i||i.attrName!==e&&i.keyName!==e||(l[i.attrName]=i.value(t)||void 0),i=L[e],null==i||i.attrName!==e&&i.keyName!==e||(i=L[e],l[i.attrName]=i.value(t)||void 0))})),Object.entries(l).reduce(((t,e)=>{let[r,i]=e;return O(t,r,i,n)}),e)}],[Node.ELEMENT_NODE,function(t,e,n){const r={},i=t.style||{};return"italic"===i.fontStyle&&(r.italic=!0),"underline"===i.textDecoration&&(r.underline=!0),"line-through"===i.textDecoration&&(r.strike=!0),(i.fontWeight?.startsWith("bold")||parseInt(i.fontWeight,10)>=700)&&(r.bold=!0),e=Object.entries(r).reduce(((t,e)=>{let[r,i]=e;return O(t,r,i,n)}),e),parseFloat(i.textIndent||0)>0?(new(s())).insert("\t").concat(e):e}],["li",function(t,e,n){const r=n.query(t);if(null==r||"list"!==r.blotName||!T(e,"\n"))return e;let i=-1,o=t.parentNode;for(;null!=o;)["OL","UL"].includes(o.tagName)&&(i+=1),o=o.parentNode;return i<=0?e:e.reduce(((t,e)=>e.insert?e.attributes&&"number"==typeof e.attributes.indent?t.push(e):t.insert(e.insert,{indent:i,...e.attributes||{}}):t),new(s()))}],["ol, ul",function(t,e,n){const r=t;let i="OL"===r.tagName?"ordered":"bullet";const s=r.getAttribute("data-checked");return s&&(i="true"===s?"checked":"unchecked"),O(e,"list",i,n)}],["pre",function(t,e,n){const r=n.query("code-block");return O(e,"code-block",!r||!("formats"in r)||"function"!=typeof r.formats||r.formats(t,n),n)}],["tr",function(t,e,n){const r="TABLE"===t.parentElement?.tagName?t.parentElement:t.parentElement?.parentElement;return null!=r?O(e,"table",Array.from(r.querySelectorAll("tr")).indexOf(t)+1,n):e}],["b",B("bold")],["i",B("italic")],["strike",B("strike")],["style",function(){return new(s())}]],_=[u.gS,p.Mc].reduce(((t,e)=>(t[e.keyName]=e,t)),{}),L=[u.Hu,h.s,f.JM,p.VL,g.z,m.r].reduce(((t,e)=>(t[e.keyName]=e,t)),{});class S extends a.A{static DEFAULTS={matchers:[]};constructor(t,e){super(t,e),this.quill.root.addEventListener("copy",(t=>this.onCaptureCopy(t,!1))),this.quill.root.addEventListener("cut",(t=>this.onCaptureCopy(t,!0))),this.quill.root.addEventListener("paste",this.onCapturePaste.bind(this)),this.matchers=[],k.concat(this.options.matchers??[]).forEach((t=>{let[e,n]=t;this.addMatcher(e,n)}))}addMatcher(t,e){this.matchers.push([t,e])}convert(t){let{html:e,text:n}=t,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(r[d.Ay.blotName])return(new(s())).insert(n||"",{[d.Ay.blotName]:r[d.Ay.blotName]});if(!e)return(new(s())).insert(n||"",r);const i=this.convertHTML(e);return T(i,"\n")&&(null==i.ops[i.ops.length-1].attributes||r.table)?i.compose((new(s())).retain(i.length()-1).delete(1)):i}normalizeHTML(t){(t=>{t.documentElement&&w.forEach((e=>{e(t)}))})(t)}convertHTML(t){const e=(new DOMParser).parseFromString(t,"text/html");this.normalizeHTML(e);const n=e.body,r=new WeakMap,[i,s]=this.prepareMatching(n,r);return I(this.quill.scroll,n,i,s,r)}dangerouslyPasteHTML(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:c.Ay.sources.API;if("string"==typeof t){const n=this.convert({html:t,text:""});this.quill.setContents(n,e),this.quill.setSelection(0,c.Ay.sources.SILENT)}else{const r=this.convert({html:e,text:""});this.quill.updateContents((new(s())).retain(t).concat(r),n),this.quill.setSelection(t+r.length(),c.Ay.sources.SILENT)}}onCaptureCopy(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(t.defaultPrevented)return;t.preventDefault();const[n]=this.quill.selection.getRange();if(null==n)return;const{html:r,text:i}=this.onCopy(n,e);t.clipboardData?.setData("text/plain",i),t.clipboardData?.setData("text/html",r),e&&(0,b.Xo)({range:n,quill:this.quill})}normalizeURIList(t){return t.split(/\r?\n/).filter((t=>"#"!==t[0])).join("\n")}onCapturePaste(t){if(t.defaultPrevented||!this.quill.isEnabled())return;t.preventDefault();const e=this.quill.getSelection(!0);if(null==e)return;const n=t.clipboardData?.getData("text/html");let r=t.clipboardData?.getData("text/plain");if(!n&&!r){const e=t.clipboardData?.getData("text/uri-list");e&&(r=this.normalizeURIList(e))}const i=Array.from(t.clipboardData?.files||[]);if(!n&&i.length>0)this.quill.uploader.upload(e,i);else{if(n&&i.length>0){const t=(new DOMParser).parseFromString(n,"text/html");if(1===t.body.childElementCount&&"IMG"===t.body.firstElementChild?.tagName)return void this.quill.uploader.upload(e,i)}this.onPaste(e,{html:n,text:r})}}onCopy(t){const e=this.quill.getText(t);return{html:this.quill.getSemanticHTML(t),text:e}}onPaste(t,e){let{text:n,html:r}=e;const i=this.quill.getFormat(t.index),o=this.convert({text:n,html:r},i);q.log("onPaste",o,{text:n,html:r});const l=(new(s())).retain(t.index).delete(t.length).concat(o);this.quill.updateContents(l,c.Ay.sources.USER),this.quill.setSelection(l.length()-t.length,c.Ay.sources.SILENT),this.quill.scrollSelectionIntoView()}prepareMatching(t,e){const n=[],r=[];return this.matchers.forEach((i=>{const[s,o]=i;switch(s){case Node.TEXT_NODE:r.push(o);break;case Node.ELEMENT_NODE:n.push(o);break;default:Array.from(t.querySelectorAll(s)).forEach((t=>{if(e.has(t)){const n=e.get(t);n?.push(o)}else e.set(t,[o])}))}})),[n,r]}}function O(t,e,n,r){return r.query(e)?t.reduce(((t,r)=>{if(!r.insert)return t;if(r.attributes&&r.attributes[e])return t.push(r);const i=n?{[e]:n}:{};return t.insert(r.insert,{...i,...r.attributes})}),new(s())):t}function T(t,e){let n="";for(let r=t.ops.length-1;r>=0&&n.length<e.length;--r){const e=t.ops[r];if("string"!=typeof e.insert)break;n=e.insert+n}return n.slice(-1*e.length)===e}function j(t,e){if(!(t instanceof Element))return!1;const n=e.query(t);return!(n&&n.prototype instanceof r.EmbedBlot)&&["address","article","blockquote","canvas","dd","div","dl","dt","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","iframe","li","main","nav","ol","output","p","pre","section","table","td","tr","ul","video"].includes(t.tagName.toLowerCase())}const C=new WeakMap;function R(t){return null!=t&&(C.has(t)||("PRE"===t.tagName?C.set(t,!0):C.set(t,R(t.parentNode))),C.get(t))}function I(t,e,n,r,i){return e.nodeType===e.TEXT_NODE?r.reduce(((n,r)=>r(e,n,t)),new(s())):e.nodeType===e.ELEMENT_NODE?Array.from(e.childNodes||[]).reduce(((s,o)=>{let l=I(t,o,n,r,i);return o.nodeType===e.ELEMENT_NODE&&(l=n.reduce(((e,n)=>n(o,e,t)),l),l=(i.get(o)||[]).reduce(((e,n)=>n(o,e,t)),l)),s.concat(l)}),new(s())):new(s())}function B(t){return(e,n,r)=>O(n,t,!0,r)}function M(t,e,n){if(!T(e,"\n")){if(j(t,n)&&(t.childNodes.length>0||t instanceof HTMLParagraphElement))return e.insert("\n");if(e.length()>0&&t.nextSibling){let r=t.nextSibling;for(;null!=r;){if(j(r,n))return e.insert("\n");const t=n.query(r);if(t&&t.prototype instanceof o.zo)return e.insert("\n");r=r.firstChild}}}return e}},8123:function(t,e,n){"use strict";n.d(e,{Ay:function(){return f},Xo:function(){return v}});var r=n(5123),i=n(3707),s=n(5232),o=n.n(s),l=n(6003),a=n(6142),c=n(6078),u=n(4266);const h=(0,c.A)("quill:keyboard"),d=/Mac/i.test(navigator.platform)?"metaKey":"ctrlKey";class f extends u.A{static match(t,e){return!["altKey","ctrlKey","metaKey","shiftKey"].some((n=>!!e[n]!==t[n]&&null!==e[n]))&&(e.key===t.key||e.key===t.which)}constructor(t,e){super(t,e),this.bindings={},Object.keys(this.options.bindings).forEach((t=>{this.options.bindings[t]&&this.addBinding(this.options.bindings[t])})),this.addBinding({key:"Enter",shiftKey:null},this.handleEnter),this.addBinding({key:"Enter",metaKey:null,ctrlKey:null,altKey:null},(()=>{})),/Firefox/i.test(navigator.userAgent)?(this.addBinding({key:"Backspace"},{collapsed:!0},this.handleBackspace),this.addBinding({key:"Delete"},{collapsed:!0},this.handleDelete)):(this.addBinding({key:"Backspace"},{collapsed:!0,prefix:/^.?$/},this.handleBackspace),this.addBinding({key:"Delete"},{collapsed:!0,suffix:/^.?$/},this.handleDelete)),this.addBinding({key:"Backspace"},{collapsed:!1},this.handleDeleteRange),this.addBinding({key:"Delete"},{collapsed:!1},this.handleDeleteRange),this.addBinding({key:"Backspace",altKey:null,ctrlKey:null,metaKey:null,shiftKey:null},{collapsed:!0,offset:0},this.handleBackspace),this.listen()}addBinding(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const r=function(t){if("string"==typeof t||"number"==typeof t)t={key:t};else{if("object"!=typeof t)return null;t=(0,i.A)(t)}return t.shortKey&&(t[d]=t.shortKey,delete t.shortKey),t}(t);null!=r?("function"==typeof e&&(e={handler:e}),"function"==typeof n&&(n={handler:n}),(Array.isArray(r.key)?r.key:[r.key]).forEach((t=>{const i={...r,key:t,...e,...n};this.bindings[i.key]=this.bindings[i.key]||[],this.bindings[i.key].push(i)}))):h.warn("Attempted to add invalid keyboard binding",r)}listen(){this.quill.root.addEventListener("keydown",(t=>{if(t.defaultPrevented||t.isComposing)return;if(229===t.keyCode&&("Enter"===t.key||"Backspace"===t.key))return;const e=(this.bindings[t.key]||[]).concat(this.bindings[t.which]||[]).filter((e=>f.match(t,e)));if(0===e.length)return;const n=a.Ay.find(t.target,!0);if(n&&n.scroll!==this.quill.scroll)return;const i=this.quill.getSelection();if(null==i||!this.quill.hasFocus())return;const[s,o]=this.quill.getLine(i.index),[c,u]=this.quill.getLeaf(i.index),[h,d]=0===i.length?[c,u]:this.quill.getLeaf(i.index+i.length),p=c instanceof l.TextBlot?c.value().slice(0,u):"",g=h instanceof l.TextBlot?h.value().slice(d):"",m={collapsed:0===i.length,empty:0===i.length&&s.length()<=1,format:this.quill.getFormat(i),line:s,offset:o,prefix:p,suffix:g,event:t};e.some((t=>{if(null!=t.collapsed&&t.collapsed!==m.collapsed)return!1;if(null!=t.empty&&t.empty!==m.empty)return!1;if(null!=t.offset&&t.offset!==m.offset)return!1;if(Array.isArray(t.format)){if(t.format.every((t=>null==m.format[t])))return!1}else if("object"==typeof t.format&&!Object.keys(t.format).every((e=>!0===t.format[e]?null!=m.format[e]:!1===t.format[e]?null==m.format[e]:(0,r.A)(t.format[e],m.format[e]))))return!1;return!(null!=t.prefix&&!t.prefix.test(m.prefix)||null!=t.suffix&&!t.suffix.test(m.suffix)||!0===t.handler.call(this,i,m,t))}))&&t.preventDefault()}))}handleBackspace(t,e){const n=/[\uD800-\uDBFF][\uDC00-\uDFFF]$/.test(e.prefix)?2:1;if(0===t.index||this.quill.getLength()<=1)return;let r={};const[i]=this.quill.getLine(t.index);let l=(new(o())).retain(t.index-n).delete(n);if(0===e.offset){const[e]=this.quill.getLine(t.index-1);if(e&&!("block"===e.statics.blotName&&e.length()<=1)){const e=i.formats(),n=this.quill.getFormat(t.index-1,1);if(r=s.AttributeMap.diff(e,n)||{},Object.keys(r).length>0){const e=(new(o())).retain(t.index+i.length()-2).retain(1,r);l=l.compose(e)}}}this.quill.updateContents(l,a.Ay.sources.USER),this.quill.focus()}handleDelete(t,e){const n=/^[\uD800-\uDBFF][\uDC00-\uDFFF]/.test(e.suffix)?2:1;if(t.index>=this.quill.getLength()-n)return;let r={};const[i]=this.quill.getLine(t.index);let l=(new(o())).retain(t.index).delete(n);if(e.offset>=i.length()-1){const[e]=this.quill.getLine(t.index+1);if(e){const n=i.formats(),o=this.quill.getFormat(t.index,1);r=s.AttributeMap.diff(n,o)||{},Object.keys(r).length>0&&(l=l.retain(e.length()-1).retain(1,r))}}this.quill.updateContents(l,a.Ay.sources.USER),this.quill.focus()}handleDeleteRange(t){v({range:t,quill:this.quill}),this.quill.focus()}handleEnter(t,e){const n=Object.keys(e.format).reduce(((t,n)=>(this.quill.scroll.query(n,l.Scope.BLOCK)&&!Array.isArray(e.format[n])&&(t[n]=e.format[n]),t)),{}),r=(new(o())).retain(t.index).delete(t.length).insert("\n",n);this.quill.updateContents(r,a.Ay.sources.USER),this.quill.setSelection(t.index+1,a.Ay.sources.SILENT),this.quill.focus()}}const p={bindings:{bold:b("bold"),italic:b("italic"),underline:b("underline"),indent:{key:"Tab",format:["blockquote","indent","list"],handler(t,e){return!(!e.collapsed||0===e.offset)||(this.quill.format("indent","+1",a.Ay.sources.USER),!1)}},outdent:{key:"Tab",shiftKey:!0,format:["blockquote","indent","list"],handler(t,e){return!(!e.collapsed||0===e.offset)||(this.quill.format("indent","-1",a.Ay.sources.USER),!1)}},"outdent backspace":{key:"Backspace",collapsed:!0,shiftKey:null,metaKey:null,ctrlKey:null,altKey:null,format:["indent","list"],offset:0,handler(t,e){null!=e.format.indent?this.quill.format("indent","-1",a.Ay.sources.USER):null!=e.format.list&&this.quill.format("list",!1,a.Ay.sources.USER)}},"indent code-block":g(!0),"outdent code-block":g(!1),"remove tab":{key:"Tab",shiftKey:!0,collapsed:!0,prefix:/\t$/,handler(t){this.quill.deleteText(t.index-1,1,a.Ay.sources.USER)}},tab:{key:"Tab",handler(t,e){if(e.format.table)return!0;this.quill.history.cutoff();const n=(new(o())).retain(t.index).delete(t.length).insert("\t");return this.quill.updateContents(n,a.Ay.sources.USER),this.quill.history.cutoff(),this.quill.setSelection(t.index+1,a.Ay.sources.SILENT),!1}},"blockquote empty enter":{key:"Enter",collapsed:!0,format:["blockquote"],empty:!0,handler(){this.quill.format("blockquote",!1,a.Ay.sources.USER)}},"list empty enter":{key:"Enter",collapsed:!0,format:["list"],empty:!0,handler(t,e){const n={list:!1};e.format.indent&&(n.indent=!1),this.quill.formatLine(t.index,t.length,n,a.Ay.sources.USER)}},"checklist enter":{key:"Enter",collapsed:!0,format:{list:"checked"},handler(t){const[e,n]=this.quill.getLine(t.index),r={...e.formats(),list:"checked"},i=(new(o())).retain(t.index).insert("\n",r).retain(e.length()-n-1).retain(1,{list:"unchecked"});this.quill.updateContents(i,a.Ay.sources.USER),this.quill.setSelection(t.index+1,a.Ay.sources.SILENT),this.quill.scrollSelectionIntoView()}},"header enter":{key:"Enter",collapsed:!0,format:["header"],suffix:/^$/,handler(t,e){const[n,r]=this.quill.getLine(t.index),i=(new(o())).retain(t.index).insert("\n",e.format).retain(n.length()-r-1).retain(1,{header:null});this.quill.updateContents(i,a.Ay.sources.USER),this.quill.setSelection(t.index+1,a.Ay.sources.SILENT),this.quill.scrollSelectionIntoView()}},"table backspace":{key:"Backspace",format:["table"],collapsed:!0,offset:0,handler(){}},"table delete":{key:"Delete",format:["table"],collapsed:!0,suffix:/^$/,handler(){}},"table enter":{key:"Enter",shiftKey:null,format:["table"],handler(t){const e=this.quill.getModule("table");if(e){const[n,r,i,s]=e.getTable(t),l=function(t,e,n,r){return null==e.prev&&null==e.next?null==n.prev&&null==n.next?0===r?-1:1:null==n.prev?-1:1:null==e.prev?-1:null==e.next?1:null}(0,r,i,s);if(null==l)return;let c=n.offset();if(l<0){const e=(new(o())).retain(c).insert("\n");this.quill.updateContents(e,a.Ay.sources.USER),this.quill.setSelection(t.index+1,t.length,a.Ay.sources.SILENT)}else if(l>0){c+=n.length();const t=(new(o())).retain(c).insert("\n");this.quill.updateContents(t,a.Ay.sources.USER),this.quill.setSelection(c,a.Ay.sources.USER)}}}},"table tab":{key:"Tab",shiftKey:null,format:["table"],handler(t,e){const{event:n,line:r}=e,i=r.offset(this.quill.scroll);n.shiftKey?this.quill.setSelection(i-1,a.Ay.sources.USER):this.quill.setSelection(i+r.length(),a.Ay.sources.USER)}},"list autofill":{key:" ",shiftKey:null,collapsed:!0,format:{"code-block":!1,blockquote:!1,table:!1},prefix:/^\s*?(\d+\.|-|\*|\[ ?\]|\[x\])$/,handler(t,e){if(null==this.quill.scroll.query("list"))return!0;const{length:n}=e.prefix,[r,i]=this.quill.getLine(t.index);if(i>n)return!0;let s;switch(e.prefix.trim()){case"[]":case"[ ]":s="unchecked";break;case"[x]":s="checked";break;case"-":case"*":s="bullet";break;default:s="ordered"}this.quill.insertText(t.index," ",a.Ay.sources.USER),this.quill.history.cutoff();const l=(new(o())).retain(t.index-i).delete(n+1).retain(r.length()-2-i).retain(1,{list:s});return this.quill.updateContents(l,a.Ay.sources.USER),this.quill.history.cutoff(),this.quill.setSelection(t.index-n,a.Ay.sources.SILENT),!1}},"code exit":{key:"Enter",collapsed:!0,format:["code-block"],prefix:/^$/,suffix:/^\s*$/,handler(t){const[e,n]=this.quill.getLine(t.index);let r=2,i=e;for(;null!=i&&i.length()<=1&&i.formats()["code-block"];)if(i=i.prev,r-=1,r<=0){const r=(new(o())).retain(t.index+e.length()-n-2).retain(1,{"code-block":null}).delete(1);return this.quill.updateContents(r,a.Ay.sources.USER),this.quill.setSelection(t.index-1,a.Ay.sources.SILENT),!1}return!0}},"embed left":m("ArrowLeft",!1),"embed left shift":m("ArrowLeft",!0),"embed right":m("ArrowRight",!1),"embed right shift":m("ArrowRight",!0),"table down":y(!1),"table up":y(!0)}};function g(t){return{key:"Tab",shiftKey:!t,format:{"code-block":!0},handler(e,n){let{event:r}=n;const i=this.quill.scroll.query("code-block"),{TAB:s}=i;if(0===e.length&&!r.shiftKey)return this.quill.insertText(e.index,s,a.Ay.sources.USER),void this.quill.setSelection(e.index+s.length,a.Ay.sources.SILENT);const o=0===e.length?this.quill.getLines(e.index,1):this.quill.getLines(e);let{index:l,length:c}=e;o.forEach(((e,n)=>{t?(e.insertAt(0,s),0===n?l+=s.length:c+=s.length):e.domNode.textContent.startsWith(s)&&(e.deleteAt(0,s.length),0===n?l-=s.length:c-=s.length)})),this.quill.update(a.Ay.sources.USER),this.quill.setSelection(l,c,a.Ay.sources.SILENT)}}}function m(t,e){return{key:t,shiftKey:e,altKey:null,["ArrowLeft"===t?"prefix":"suffix"]:/^$/,handler(n){let{index:r}=n;"ArrowRight"===t&&(r+=n.length+1);const[i]=this.quill.getLeaf(r);return!(i instanceof l.EmbedBlot&&("ArrowLeft"===t?e?this.quill.setSelection(n.index-1,n.length+1,a.Ay.sources.USER):this.quill.setSelection(n.index-1,a.Ay.sources.USER):e?this.quill.setSelection(n.index,n.length+1,a.Ay.sources.USER):this.quill.setSelection(n.index+n.length+1,a.Ay.sources.USER),1))}}}function b(t){return{key:t[0],shortKey:!0,handler(e,n){this.quill.format(t,!n.format[t],a.Ay.sources.USER)}}}function y(t){return{key:t?"ArrowUp":"ArrowDown",collapsed:!0,format:["table"],handler(e,n){const r=t?"prev":"next",i=n.line,s=i.parent[r];if(null!=s){if("table-row"===s.statics.blotName){let t=s.children.head,e=i;for(;null!=e.prev;)e=e.prev,t=t.next;const r=t.offset(this.quill.scroll)+Math.min(n.offset,t.length()-1);this.quill.setSelection(r,0,a.Ay.sources.USER)}}else{const e=i.table()[r];null!=e&&(t?this.quill.setSelection(e.offset(this.quill.scroll)+e.length()-1,0,a.Ay.sources.USER):this.quill.setSelection(e.offset(this.quill.scroll),0,a.Ay.sources.USER))}return!1}}}function v(t){let{quill:e,range:n}=t;const r=e.getLines(n);let i={};if(r.length>1){const t=r[0].formats(),e=r[r.length-1].formats();i=s.AttributeMap.diff(e,t)||{}}e.deleteText(n,a.Ay.sources.USER),Object.keys(i).length>0&&e.formatLine(n.index,1,i,a.Ay.sources.USER),e.setSelection(n.index,a.Ay.sources.SILENT)}f.DEFAULTS=p},8920:function(t){"use strict";var e=Object.prototype.hasOwnProperty,n="~";function r(){}function i(t,e,n){this.fn=t,this.context=e,this.once=n||!1}function s(t,e,r,s,o){if("function"!=typeof r)throw new TypeError("The listener must be a function");var l=new i(r,s||t,o),a=n?n+e:e;return t._events[a]?t._events[a].fn?t._events[a]=[t._events[a],l]:t._events[a].push(l):(t._events[a]=l,t._eventsCount++),t}function o(t,e){0==--t._eventsCount?t._events=new r:delete t._events[e]}function l(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=Object.create(null),(new r).__proto__||(n=!1)),l.prototype.eventNames=function(){var t,r,i=[];if(0===this._eventsCount)return i;for(r in t=this._events)e.call(t,r)&&i.push(n?r.slice(1):r);return Object.getOwnPropertySymbols?i.concat(Object.getOwnPropertySymbols(t)):i},l.prototype.listeners=function(t){var e=n?n+t:t,r=this._events[e];if(!r)return[];if(r.fn)return[r.fn];for(var i=0,s=r.length,o=new Array(s);i<s;i++)o[i]=r[i].fn;return o},l.prototype.listenerCount=function(t){var e=n?n+t:t,r=this._events[e];return r?r.fn?1:r.length:0},l.prototype.emit=function(t,e,r,i,s,o){var l=n?n+t:t;if(!this._events[l])return!1;var a,c,u=this._events[l],h=arguments.length;if(u.fn){switch(u.once&&this.removeListener(t,u.fn,void 0,!0),h){case 1:return u.fn.call(u.context),!0;case 2:return u.fn.call(u.context,e),!0;case 3:return u.fn.call(u.context,e,r),!0;case 4:return u.fn.call(u.context,e,r,i),!0;case 5:return u.fn.call(u.context,e,r,i,s),!0;case 6:return u.fn.call(u.context,e,r,i,s,o),!0}for(c=1,a=new Array(h-1);c<h;c++)a[c-1]=arguments[c];u.fn.apply(u.context,a)}else{var d,f=u.length;for(c=0;c<f;c++)switch(u[c].once&&this.removeListener(t,u[c].fn,void 0,!0),h){case 1:u[c].fn.call(u[c].context);break;case 2:u[c].fn.call(u[c].context,e);break;case 3:u[c].fn.call(u[c].context,e,r);break;case 4:u[c].fn.call(u[c].context,e,r,i);break;default:if(!a)for(d=1,a=new Array(h-1);d<h;d++)a[d-1]=arguments[d];u[c].fn.apply(u[c].context,a)}}return!0},l.prototype.on=function(t,e,n){return s(this,t,e,n,!1)},l.prototype.once=function(t,e,n){return s(this,t,e,n,!0)},l.prototype.removeListener=function(t,e,r,i){var s=n?n+t:t;if(!this._events[s])return this;if(!e)return o(this,s),this;var l=this._events[s];if(l.fn)l.fn!==e||i&&!l.once||r&&l.context!==r||o(this,s);else{for(var a=0,c=[],u=l.length;a<u;a++)(l[a].fn!==e||i&&!l[a].once||r&&l[a].context!==r)&&c.push(l[a]);c.length?this._events[s]=1===c.length?c[0]:c:o(this,s)}return this},l.prototype.removeAllListeners=function(t){var e;return t?(e=n?n+t:t,this._events[e]&&o(this,e)):(this._events=new r,this._eventsCount=0),this},l.prototype.off=l.prototype.removeListener,l.prototype.addListener=l.prototype.on,l.prefixed=n,l.EventEmitter=l,t.exports=l},5090:function(t){var e=-1,n=1,r=0;function i(t,g,m,b,y){if(t===g)return t?[[r,t]]:[];if(null!=m){var A=function(t,e,n){var r="number"==typeof n?{index:n,length:0}:n.oldRange,i="number"==typeof n?null:n.newRange,s=t.length,o=e.length;if(0===r.length&&(null===i||0===i.length)){var l=r.index,a=t.slice(0,l),c=t.slice(l),u=i?i.index:null,h=l+o-s;if((null===u||u===h)&&!(h<0||h>o)){var d=e.slice(0,h);if((g=e.slice(h))===c){var f=Math.min(l,h);if((b=a.slice(0,f))===(A=d.slice(0,f)))return v(b,a.slice(f),d.slice(f),c)}}if(null===u||u===l){var p=l,g=(d=e.slice(0,p),e.slice(p));if(d===a){var m=Math.min(s-p,o-p);if((y=c.slice(c.length-m))===(x=g.slice(g.length-m)))return v(a,c.slice(0,c.length-m),g.slice(0,g.length-m),y)}}}if(r.length>0&&i&&0===i.length){var b=t.slice(0,r.index),y=t.slice(r.index+r.length);if(!(o<(f=b.length)+(m=y.length))){var A=e.slice(0,f),x=e.slice(o-m);if(b===A&&y===x)return v(b,t.slice(f,s-m),e.slice(f,o-m),y)}}return null}(t,g,m);if(A)return A}var x=o(t,g),N=t.substring(0,x);x=a(t=t.substring(x),g=g.substring(x));var E=t.substring(t.length-x),w=function(t,l){var c;if(!t)return[[n,l]];if(!l)return[[e,t]];var u=t.length>l.length?t:l,h=t.length>l.length?l:t,d=u.indexOf(h);if(-1!==d)return c=[[n,u.substring(0,d)],[r,h],[n,u.substring(d+h.length)]],t.length>l.length&&(c[0][0]=c[2][0]=e),c;if(1===h.length)return[[e,t],[n,l]];var f=function(t,e){var n=t.length>e.length?t:e,r=t.length>e.length?e:t;if(n.length<4||2*r.length<n.length)return null;function i(t,e,n){for(var r,i,s,l,c=t.substring(n,n+Math.floor(t.length/4)),u=-1,h="";-1!==(u=e.indexOf(c,u+1));){var d=o(t.substring(n),e.substring(u)),f=a(t.substring(0,n),e.substring(0,u));h.length<f+d&&(h=e.substring(u-f,u)+e.substring(u,u+d),r=t.substring(0,n-f),i=t.substring(n+d),s=e.substring(0,u-f),l=e.substring(u+d))}return 2*h.length>=t.length?[r,i,s,l,h]:null}var s,l,c,u,h,d=i(n,r,Math.ceil(n.length/4)),f=i(n,r,Math.ceil(n.length/2));return d||f?(s=f?d&&d[4].length>f[4].length?d:f:d,t.length>e.length?(l=s[0],c=s[1],u=s[2],h=s[3]):(u=s[0],h=s[1],l=s[2],c=s[3]),[l,c,u,h,s[4]]):null}(t,l);if(f){var p=f[0],g=f[1],m=f[2],b=f[3],y=f[4],v=i(p,m),A=i(g,b);return v.concat([[r,y]],A)}return function(t,r){for(var i=t.length,o=r.length,l=Math.ceil((i+o)/2),a=l,c=2*l,u=new Array(c),h=new Array(c),d=0;d<c;d++)u[d]=-1,h[d]=-1;u[a+1]=0,h[a+1]=0;for(var f=i-o,p=f%2!=0,g=0,m=0,b=0,y=0,v=0;v<l;v++){for(var A=-v+g;A<=v-m;A+=2){for(var x=a+A,N=(_=A===-v||A!==v&&u[x-1]<u[x+1]?u[x+1]:u[x-1]+1)-A;_<i&&N<o&&t.charAt(_)===r.charAt(N);)_++,N++;if(u[x]=_,_>i)m+=2;else if(N>o)g+=2;else if(p&&(q=a+f-A)>=0&&q<c&&-1!==h[q]&&_>=(w=i-h[q]))return s(t,r,_,N)}for(var E=-v+b;E<=v-y;E+=2){for(var w,q=a+E,k=(w=E===-v||E!==v&&h[q-1]<h[q+1]?h[q+1]:h[q-1]+1)-E;w<i&&k<o&&t.charAt(i-w-1)===r.charAt(o-k-1);)w++,k++;if(h[q]=w,w>i)y+=2;else if(k>o)b+=2;else if(!p){var _;if((x=a+f-E)>=0&&x<c&&-1!==u[x])if(N=a+(_=u[x])-x,_>=(w=i-w))return s(t,r,_,N)}}}return[[e,t],[n,r]]}(t,l)}(t=t.substring(0,t.length-x),g=g.substring(0,g.length-x));return N&&w.unshift([r,N]),E&&w.push([r,E]),p(w,y),b&&function(t){for(var i=!1,s=[],o=0,g=null,m=0,b=0,y=0,v=0,A=0;m<t.length;)t[m][0]==r?(s[o++]=m,b=v,y=A,v=0,A=0,g=t[m][1]):(t[m][0]==n?v+=t[m][1].length:A+=t[m][1].length,g&&g.length<=Math.max(b,y)&&g.length<=Math.max(v,A)&&(t.splice(s[o-1],0,[e,g]),t[s[o-1]+1][0]=n,o--,m=--o>0?s[o-1]:-1,b=0,y=0,v=0,A=0,g=null,i=!0)),m++;for(i&&p(t),function(t){function e(t,e){if(!t||!e)return 6;var n=t.charAt(t.length-1),r=e.charAt(0),i=n.match(c),s=r.match(c),o=i&&n.match(u),l=s&&r.match(u),a=o&&n.match(h),p=l&&r.match(h),g=a&&t.match(d),m=p&&e.match(f);return g||m?5:a||p?4:i&&!o&&l?3:o||l?2:i||s?1:0}for(var n=1;n<t.length-1;){if(t[n-1][0]==r&&t[n+1][0]==r){var i=t[n-1][1],s=t[n][1],o=t[n+1][1],l=a(i,s);if(l){var p=s.substring(s.length-l);i=i.substring(0,i.length-l),s=p+s.substring(0,s.length-l),o=p+o}for(var g=i,m=s,b=o,y=e(i,s)+e(s,o);s.charAt(0)===o.charAt(0);){i+=s.charAt(0),s=s.substring(1)+o.charAt(0),o=o.substring(1);var v=e(i,s)+e(s,o);v>=y&&(y=v,g=i,m=s,b=o)}t[n-1][1]!=g&&(g?t[n-1][1]=g:(t.splice(n-1,1),n--),t[n][1]=m,b?t[n+1][1]=b:(t.splice(n+1,1),n--))}n++}}(t),m=1;m<t.length;){if(t[m-1][0]==e&&t[m][0]==n){var x=t[m-1][1],N=t[m][1],E=l(x,N),w=l(N,x);E>=w?(E>=x.length/2||E>=N.length/2)&&(t.splice(m,0,[r,N.substring(0,E)]),t[m-1][1]=x.substring(0,x.length-E),t[m+1][1]=N.substring(E),m++):(w>=x.length/2||w>=N.length/2)&&(t.splice(m,0,[r,x.substring(0,w)]),t[m-1][0]=n,t[m-1][1]=N.substring(0,N.length-w),t[m+1][0]=e,t[m+1][1]=x.substring(w),m++),m++}m++}}(w),w}function s(t,e,n,r){var s=t.substring(0,n),o=e.substring(0,r),l=t.substring(n),a=e.substring(r),c=i(s,o),u=i(l,a);return c.concat(u)}function o(t,e){if(!t||!e||t.charAt(0)!==e.charAt(0))return 0;for(var n=0,r=Math.min(t.length,e.length),i=r,s=0;n<i;)t.substring(s,i)==e.substring(s,i)?s=n=i:r=i,i=Math.floor((r-n)/2+n);return g(t.charCodeAt(i-1))&&i--,i}function l(t,e){var n=t.length,r=e.length;if(0==n||0==r)return 0;n>r?t=t.substring(n-r):n<r&&(e=e.substring(0,n));var i=Math.min(n,r);if(t==e)return i;for(var s=0,o=1;;){var l=t.substring(i-o),a=e.indexOf(l);if(-1==a)return s;o+=a,0!=a&&t.substring(i-o)!=e.substring(0,o)||(s=o,o++)}}function a(t,e){if(!t||!e||t.slice(-1)!==e.slice(-1))return 0;for(var n=0,r=Math.min(t.length,e.length),i=r,s=0;n<i;)t.substring(t.length-i,t.length-s)==e.substring(e.length-i,e.length-s)?s=n=i:r=i,i=Math.floor((r-n)/2+n);return m(t.charCodeAt(t.length-i))&&i--,i}var c=/[^a-zA-Z0-9]/,u=/\s/,h=/[\r\n]/,d=/\n\r?\n$/,f=/^\r?\n\r?\n/;function p(t,i){t.push([r,""]);for(var s,l=0,c=0,u=0,h="",d="";l<t.length;)if(l<t.length-1&&!t[l][1])t.splice(l,1);else switch(t[l][0]){case n:u++,d+=t[l][1],l++;break;case e:c++,h+=t[l][1],l++;break;case r:var f=l-u-c-1;if(i){if(f>=0&&y(t[f][1])){var g=t[f][1].slice(-1);if(t[f][1]=t[f][1].slice(0,-1),h=g+h,d=g+d,!t[f][1]){t.splice(f,1),l--;var m=f-1;t[m]&&t[m][0]===n&&(u++,d=t[m][1]+d,m--),t[m]&&t[m][0]===e&&(c++,h=t[m][1]+h,m--),f=m}}b(t[l][1])&&(g=t[l][1].charAt(0),t[l][1]=t[l][1].slice(1),h+=g,d+=g)}if(l<t.length-1&&!t[l][1]){t.splice(l,1);break}if(h.length>0||d.length>0){h.length>0&&d.length>0&&(0!==(s=o(d,h))&&(f>=0?t[f][1]+=d.substring(0,s):(t.splice(0,0,[r,d.substring(0,s)]),l++),d=d.substring(s),h=h.substring(s)),0!==(s=a(d,h))&&(t[l][1]=d.substring(d.length-s)+t[l][1],d=d.substring(0,d.length-s),h=h.substring(0,h.length-s)));var v=u+c;0===h.length&&0===d.length?(t.splice(l-v,v),l-=v):0===h.length?(t.splice(l-v,v,[n,d]),l=l-v+1):0===d.length?(t.splice(l-v,v,[e,h]),l=l-v+1):(t.splice(l-v,v,[e,h],[n,d]),l=l-v+2)}0!==l&&t[l-1][0]===r?(t[l-1][1]+=t[l][1],t.splice(l,1)):l++,u=0,c=0,h="",d=""}""===t[t.length-1][1]&&t.pop();var A=!1;for(l=1;l<t.length-1;)t[l-1][0]===r&&t[l+1][0]===r&&(t[l][1].substring(t[l][1].length-t[l-1][1].length)===t[l-1][1]?(t[l][1]=t[l-1][1]+t[l][1].substring(0,t[l][1].length-t[l-1][1].length),t[l+1][1]=t[l-1][1]+t[l+1][1],t.splice(l-1,1),A=!0):t[l][1].substring(0,t[l+1][1].length)==t[l+1][1]&&(t[l-1][1]+=t[l+1][1],t[l][1]=t[l][1].substring(t[l+1][1].length)+t[l+1][1],t.splice(l+1,1),A=!0)),l++;A&&p(t,i)}function g(t){return t>=55296&&t<=56319}function m(t){return t>=56320&&t<=57343}function b(t){return m(t.charCodeAt(0))}function y(t){return g(t.charCodeAt(t.length-1))}function v(t,i,s,o){return y(t)||b(o)?null:function(t){for(var e=[],n=0;n<t.length;n++)t[n][1].length>0&&e.push(t[n]);return e}([[r,t],[e,i],[n,s],[r,o]])}function A(t,e,n,r){return i(t,e,n,r,!0)}A.INSERT=n,A.DELETE=e,A.EQUAL=r,t.exports=A},9629:function(t,e,n){t=n.nmd(t);var r="__lodash_hash_undefined__",i=9007199254740991,s="[object Arguments]",o="[object Boolean]",l="[object Date]",a="[object Function]",c="[object GeneratorFunction]",u="[object Map]",h="[object Number]",d="[object Object]",f="[object Promise]",p="[object RegExp]",g="[object Set]",m="[object String]",b="[object Symbol]",y="[object WeakMap]",v="[object ArrayBuffer]",A="[object DataView]",x="[object Float32Array]",N="[object Float64Array]",E="[object Int8Array]",w="[object Int16Array]",q="[object Int32Array]",k="[object Uint8Array]",_="[object Uint8ClampedArray]",L="[object Uint16Array]",S="[object Uint32Array]",O=/\w*$/,T=/^\[object .+?Constructor\]$/,j=/^(?:0|[1-9]\d*)$/,C={};C[s]=C["[object Array]"]=C[v]=C[A]=C[o]=C[l]=C[x]=C[N]=C[E]=C[w]=C[q]=C[u]=C[h]=C[d]=C[p]=C[g]=C[m]=C[b]=C[k]=C[_]=C[L]=C[S]=!0,C["[object Error]"]=C[a]=C[y]=!1;var R="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,I="object"==typeof self&&self&&self.Object===Object&&self,B=R||I||Function("return this")(),M=e&&!e.nodeType&&e,U=M&&t&&!t.nodeType&&t,D=U&&U.exports===M;function P(t,e){return t.set(e[0],e[1]),t}function z(t,e){return t.add(e),t}function F(t,e,n,r){var i=-1,s=t?t.length:0;for(r&&s&&(n=t[++i]);++i<s;)n=e(n,t[i],i,t);return n}function H(t){var e=!1;if(null!=t&&"function"!=typeof t.toString)try{e=!!(t+"")}catch(t){}return e}function $(t){var e=-1,n=Array(t.size);return t.forEach((function(t,r){n[++e]=[r,t]})),n}function V(t,e){return function(n){return t(e(n))}}function K(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var W,Z=Array.prototype,G=Function.prototype,X=Object.prototype,Q=B["__core-js_shared__"],J=(W=/[^.]+$/.exec(Q&&Q.keys&&Q.keys.IE_PROTO||""))?"Symbol(src)_1."+W:"",Y=G.toString,tt=X.hasOwnProperty,et=X.toString,nt=RegExp("^"+Y.call(tt).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),rt=D?B.Buffer:void 0,it=B.Symbol,st=B.Uint8Array,ot=V(Object.getPrototypeOf,Object),lt=Object.create,at=X.propertyIsEnumerable,ct=Z.splice,ut=Object.getOwnPropertySymbols,ht=rt?rt.isBuffer:void 0,dt=V(Object.keys,Object),ft=Bt(B,"DataView"),pt=Bt(B,"Map"),gt=Bt(B,"Promise"),mt=Bt(B,"Set"),bt=Bt(B,"WeakMap"),yt=Bt(Object,"create"),vt=zt(ft),At=zt(pt),xt=zt(gt),Nt=zt(mt),Et=zt(bt),wt=it?it.prototype:void 0,qt=wt?wt.valueOf:void 0;function kt(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function _t(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function Lt(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function St(t){this.__data__=new _t(t)}function Ot(t,e,n){var r=t[e];tt.call(t,e)&&Ft(r,n)&&(void 0!==n||e in t)||(t[e]=n)}function Tt(t,e){for(var n=t.length;n--;)if(Ft(t[n][0],e))return n;return-1}function jt(t,e,n,r,i,f,y){var T;if(r&&(T=f?r(t,i,f,y):r(t)),void 0!==T)return T;if(!Wt(t))return t;var j=Ht(t);if(j){if(T=function(t){var e=t.length,n=t.constructor(e);return e&&"string"==typeof t[0]&&tt.call(t,"index")&&(n.index=t.index,n.input=t.input),n}(t),!e)return function(t,e){var n=-1,r=t.length;for(e||(e=Array(r));++n<r;)e[n]=t[n];return e}(t,T)}else{var R=Ut(t),I=R==a||R==c;if(Vt(t))return function(t,e){if(e)return t.slice();var n=new t.constructor(t.length);return t.copy(n),n}(t,e);if(R==d||R==s||I&&!f){if(H(t))return f?t:{};if(T=function(t){return"function"!=typeof t.constructor||Pt(t)?{}:Wt(e=ot(t))?lt(e):{};var e}(I?{}:t),!e)return function(t,e){return Rt(t,Mt(t),e)}(t,function(t,e){return t&&Rt(e,Zt(e),t)}(T,t))}else{if(!C[R])return f?t:{};T=function(t,e,n,r){var i,s=t.constructor;switch(e){case v:return Ct(t);case o:case l:return new s(+t);case A:return function(t,e){var n=e?Ct(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.byteLength)}(t,r);case x:case N:case E:case w:case q:case k:case _:case L:case S:return function(t,e){var n=e?Ct(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.length)}(t,r);case u:return function(t,e,n){return F(e?n($(t),!0):$(t),P,new t.constructor)}(t,r,n);case h:case m:return new s(t);case p:return function(t){var e=new t.constructor(t.source,O.exec(t));return e.lastIndex=t.lastIndex,e}(t);case g:return function(t,e,n){return F(e?n(K(t),!0):K(t),z,new t.constructor)}(t,r,n);case b:return i=t,qt?Object(qt.call(i)):{}}}(t,R,jt,e)}}y||(y=new St);var B=y.get(t);if(B)return B;if(y.set(t,T),!j)var M=n?function(t){return function(t,e,n){var r=e(t);return Ht(t)?r:function(t,e){for(var n=-1,r=e.length,i=t.length;++n<r;)t[i+n]=e[n];return t}(r,n(t))}(t,Zt,Mt)}(t):Zt(t);return function(t,e){for(var n=-1,r=t?t.length:0;++n<r&&!1!==e(t[n],n););}(M||t,(function(i,s){M&&(i=t[s=i]),Ot(T,s,jt(i,e,n,r,s,t,y))})),T}function Ct(t){var e=new t.constructor(t.byteLength);return new st(e).set(new st(t)),e}function Rt(t,e,n,r){n||(n={});for(var i=-1,s=e.length;++i<s;){var o=e[i],l=r?r(n[o],t[o],o,n,t):void 0;Ot(n,o,void 0===l?t[o]:l)}return n}function It(t,e){var n,r,i=t.__data__;return("string"==(r=typeof(n=e))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?i["string"==typeof e?"string":"hash"]:i.map}function Bt(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return function(t){return!(!Wt(t)||(e=t,J&&J in e))&&(Kt(t)||H(t)?nt:T).test(zt(t));var e}(n)?n:void 0}kt.prototype.clear=function(){this.__data__=yt?yt(null):{}},kt.prototype.delete=function(t){return this.has(t)&&delete this.__data__[t]},kt.prototype.get=function(t){var e=this.__data__;if(yt){var n=e[t];return n===r?void 0:n}return tt.call(e,t)?e[t]:void 0},kt.prototype.has=function(t){var e=this.__data__;return yt?void 0!==e[t]:tt.call(e,t)},kt.prototype.set=function(t,e){return this.__data__[t]=yt&&void 0===e?r:e,this},_t.prototype.clear=function(){this.__data__=[]},_t.prototype.delete=function(t){var e=this.__data__,n=Tt(e,t);return!(n<0||(n==e.length-1?e.pop():ct.call(e,n,1),0))},_t.prototype.get=function(t){var e=this.__data__,n=Tt(e,t);return n<0?void 0:e[n][1]},_t.prototype.has=function(t){return Tt(this.__data__,t)>-1},_t.prototype.set=function(t,e){var n=this.__data__,r=Tt(n,t);return r<0?n.push([t,e]):n[r][1]=e,this},Lt.prototype.clear=function(){this.__data__={hash:new kt,map:new(pt||_t),string:new kt}},Lt.prototype.delete=function(t){return It(this,t).delete(t)},Lt.prototype.get=function(t){return It(this,t).get(t)},Lt.prototype.has=function(t){return It(this,t).has(t)},Lt.prototype.set=function(t,e){return It(this,t).set(t,e),this},St.prototype.clear=function(){this.__data__=new _t},St.prototype.delete=function(t){return this.__data__.delete(t)},St.prototype.get=function(t){return this.__data__.get(t)},St.prototype.has=function(t){return this.__data__.has(t)},St.prototype.set=function(t,e){var n=this.__data__;if(n instanceof _t){var r=n.__data__;if(!pt||r.length<199)return r.push([t,e]),this;n=this.__data__=new Lt(r)}return n.set(t,e),this};var Mt=ut?V(ut,Object):function(){return[]},Ut=function(t){return et.call(t)};function Dt(t,e){return!!(e=null==e?i:e)&&("number"==typeof t||j.test(t))&&t>-1&&t%1==0&&t<e}function Pt(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||X)}function zt(t){if(null!=t){try{return Y.call(t)}catch(t){}try{return t+""}catch(t){}}return""}function Ft(t,e){return t===e||t!=t&&e!=e}(ft&&Ut(new ft(new ArrayBuffer(1)))!=A||pt&&Ut(new pt)!=u||gt&&Ut(gt.resolve())!=f||mt&&Ut(new mt)!=g||bt&&Ut(new bt)!=y)&&(Ut=function(t){var e=et.call(t),n=e==d?t.constructor:void 0,r=n?zt(n):void 0;if(r)switch(r){case vt:return A;case At:return u;case xt:return f;case Nt:return g;case Et:return y}return e});var Ht=Array.isArray;function $t(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=i}(t.length)&&!Kt(t)}var Vt=ht||function(){return!1};function Kt(t){var e=Wt(t)?et.call(t):"";return e==a||e==c}function Wt(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function Zt(t){return $t(t)?function(t,e){var n=Ht(t)||function(t){return function(t){return function(t){return!!t&&"object"==typeof t}(t)&&$t(t)}(t)&&tt.call(t,"callee")&&(!at.call(t,"callee")||et.call(t)==s)}(t)?function(t,e){for(var n=-1,r=Array(t);++n<t;)r[n]=e(n);return r}(t.length,String):[],r=n.length,i=!!r;for(var o in t)!e&&!tt.call(t,o)||i&&("length"==o||Dt(o,r))||n.push(o);return n}(t):function(t){if(!Pt(t))return dt(t);var e=[];for(var n in Object(t))tt.call(t,n)&&"constructor"!=n&&e.push(n);return e}(t)}t.exports=function(t){return jt(t,!0,!0)}},4162:function(t,e,n){t=n.nmd(t);var r="__lodash_hash_undefined__",i=1,s=2,o=9007199254740991,l="[object Arguments]",a="[object Array]",c="[object AsyncFunction]",u="[object Boolean]",h="[object Date]",d="[object Error]",f="[object Function]",p="[object GeneratorFunction]",g="[object Map]",m="[object Number]",b="[object Null]",y="[object Object]",v="[object Promise]",A="[object Proxy]",x="[object RegExp]",N="[object Set]",E="[object String]",w="[object Undefined]",q="[object WeakMap]",k="[object ArrayBuffer]",_="[object DataView]",L=/^\[object .+?Constructor\]$/,S=/^(?:0|[1-9]\d*)$/,O={};O["[object Float32Array]"]=O["[object Float64Array]"]=O["[object Int8Array]"]=O["[object Int16Array]"]=O["[object Int32Array]"]=O["[object Uint8Array]"]=O["[object Uint8ClampedArray]"]=O["[object Uint16Array]"]=O["[object Uint32Array]"]=!0,O[l]=O[a]=O[k]=O[u]=O[_]=O[h]=O[d]=O[f]=O[g]=O[m]=O[y]=O[x]=O[N]=O[E]=O[q]=!1;var T="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,j="object"==typeof self&&self&&self.Object===Object&&self,C=T||j||Function("return this")(),R=e&&!e.nodeType&&e,I=R&&t&&!t.nodeType&&t,B=I&&I.exports===R,M=B&&T.process,U=function(){try{return M&&M.binding&&M.binding("util")}catch(t){}}(),D=U&&U.isTypedArray;function P(t,e){for(var n=-1,r=null==t?0:t.length;++n<r;)if(e(t[n],n,t))return!0;return!1}function z(t){var e=-1,n=Array(t.size);return t.forEach((function(t,r){n[++e]=[r,t]})),n}function F(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var H,$,V,K=Array.prototype,W=Function.prototype,Z=Object.prototype,G=C["__core-js_shared__"],X=W.toString,Q=Z.hasOwnProperty,J=(H=/[^.]+$/.exec(G&&G.keys&&G.keys.IE_PROTO||""))?"Symbol(src)_1."+H:"",Y=Z.toString,tt=RegExp("^"+X.call(Q).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),et=B?C.Buffer:void 0,nt=C.Symbol,rt=C.Uint8Array,it=Z.propertyIsEnumerable,st=K.splice,ot=nt?nt.toStringTag:void 0,lt=Object.getOwnPropertySymbols,at=et?et.isBuffer:void 0,ct=($=Object.keys,V=Object,function(t){return $(V(t))}),ut=It(C,"DataView"),ht=It(C,"Map"),dt=It(C,"Promise"),ft=It(C,"Set"),pt=It(C,"WeakMap"),gt=It(Object,"create"),mt=Dt(ut),bt=Dt(ht),yt=Dt(dt),vt=Dt(ft),At=Dt(pt),xt=nt?nt.prototype:void 0,Nt=xt?xt.valueOf:void 0;function Et(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function wt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function qt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function kt(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new qt;++e<n;)this.add(t[e])}function _t(t){var e=this.__data__=new wt(t);this.size=e.size}function Lt(t,e){for(var n=t.length;n--;)if(Pt(t[n][0],e))return n;return-1}function St(t){return null==t?void 0===t?w:b:ot&&ot in Object(t)?function(t){var e=Q.call(t,ot),n=t[ot];try{t[ot]=void 0;var r=!0}catch(t){}var i=Y.call(t);return r&&(e?t[ot]=n:delete t[ot]),i}(t):function(t){return Y.call(t)}(t)}function Ot(t){return Wt(t)&&St(t)==l}function Tt(t,e,n,r,o){return t===e||(null==t||null==e||!Wt(t)&&!Wt(e)?t!=t&&e!=e:function(t,e,n,r,o,c){var f=Ft(t),p=Ft(e),b=f?a:Mt(t),v=p?a:Mt(e),A=(b=b==l?y:b)==y,w=(v=v==l?y:v)==y,q=b==v;if(q&&Ht(t)){if(!Ht(e))return!1;f=!0,A=!1}if(q&&!A)return c||(c=new _t),f||Zt(t)?jt(t,e,n,r,o,c):function(t,e,n,r,o,l,a){switch(n){case _:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case k:return!(t.byteLength!=e.byteLength||!l(new rt(t),new rt(e)));case u:case h:case m:return Pt(+t,+e);case d:return t.name==e.name&&t.message==e.message;case x:case E:return t==e+"";case g:var c=z;case N:var f=r&i;if(c||(c=F),t.size!=e.size&&!f)return!1;var p=a.get(t);if(p)return p==e;r|=s,a.set(t,e);var b=jt(c(t),c(e),r,o,l,a);return a.delete(t),b;case"[object Symbol]":if(Nt)return Nt.call(t)==Nt.call(e)}return!1}(t,e,b,n,r,o,c);if(!(n&i)){var L=A&&Q.call(t,"__wrapped__"),S=w&&Q.call(e,"__wrapped__");if(L||S){var O=L?t.value():t,T=S?e.value():e;return c||(c=new _t),o(O,T,n,r,c)}}return!!q&&(c||(c=new _t),function(t,e,n,r,s,o){var l=n&i,a=Ct(t),c=a.length;if(c!=Ct(e).length&&!l)return!1;for(var u=c;u--;){var h=a[u];if(!(l?h in e:Q.call(e,h)))return!1}var d=o.get(t);if(d&&o.get(e))return d==e;var f=!0;o.set(t,e),o.set(e,t);for(var p=l;++u<c;){var g=t[h=a[u]],m=e[h];if(r)var b=l?r(m,g,h,e,t,o):r(g,m,h,t,e,o);if(!(void 0===b?g===m||s(g,m,n,r,o):b)){f=!1;break}p||(p="constructor"==h)}if(f&&!p){var y=t.constructor,v=e.constructor;y==v||!("constructor"in t)||!("constructor"in e)||"function"==typeof y&&y instanceof y&&"function"==typeof v&&v instanceof v||(f=!1)}return o.delete(t),o.delete(e),f}(t,e,n,r,o,c))}(t,e,n,r,Tt,o))}function jt(t,e,n,r,o,l){var a=n&i,c=t.length,u=e.length;if(c!=u&&!(a&&u>c))return!1;var h=l.get(t);if(h&&l.get(e))return h==e;var d=-1,f=!0,p=n&s?new kt:void 0;for(l.set(t,e),l.set(e,t);++d<c;){var g=t[d],m=e[d];if(r)var b=a?r(m,g,d,e,t,l):r(g,m,d,t,e,l);if(void 0!==b){if(b)continue;f=!1;break}if(p){if(!P(e,(function(t,e){if(i=e,!p.has(i)&&(g===t||o(g,t,n,r,l)))return p.push(e);var i}))){f=!1;break}}else if(g!==m&&!o(g,m,n,r,l)){f=!1;break}}return l.delete(t),l.delete(e),f}function Ct(t){return function(t,e,n){var r=e(t);return Ft(t)?r:function(t,e){for(var n=-1,r=e.length,i=t.length;++n<r;)t[i+n]=e[n];return t}(r,n(t))}(t,Gt,Bt)}function Rt(t,e){var n,r,i=t.__data__;return("string"==(r=typeof(n=e))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?i["string"==typeof e?"string":"hash"]:i.map}function It(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return function(t){return!(!Kt(t)||function(t){return!!J&&J in t}(t))&&($t(t)?tt:L).test(Dt(t))}(n)?n:void 0}Et.prototype.clear=function(){this.__data__=gt?gt(null):{},this.size=0},Et.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},Et.prototype.get=function(t){var e=this.__data__;if(gt){var n=e[t];return n===r?void 0:n}return Q.call(e,t)?e[t]:void 0},Et.prototype.has=function(t){var e=this.__data__;return gt?void 0!==e[t]:Q.call(e,t)},Et.prototype.set=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=gt&&void 0===e?r:e,this},wt.prototype.clear=function(){this.__data__=[],this.size=0},wt.prototype.delete=function(t){var e=this.__data__,n=Lt(e,t);return!(n<0||(n==e.length-1?e.pop():st.call(e,n,1),--this.size,0))},wt.prototype.get=function(t){var e=this.__data__,n=Lt(e,t);return n<0?void 0:e[n][1]},wt.prototype.has=function(t){return Lt(this.__data__,t)>-1},wt.prototype.set=function(t,e){var n=this.__data__,r=Lt(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this},qt.prototype.clear=function(){this.size=0,this.__data__={hash:new Et,map:new(ht||wt),string:new Et}},qt.prototype.delete=function(t){var e=Rt(this,t).delete(t);return this.size-=e?1:0,e},qt.prototype.get=function(t){return Rt(this,t).get(t)},qt.prototype.has=function(t){return Rt(this,t).has(t)},qt.prototype.set=function(t,e){var n=Rt(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this},kt.prototype.add=kt.prototype.push=function(t){return this.__data__.set(t,r),this},kt.prototype.has=function(t){return this.__data__.has(t)},_t.prototype.clear=function(){this.__data__=new wt,this.size=0},_t.prototype.delete=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n},_t.prototype.get=function(t){return this.__data__.get(t)},_t.prototype.has=function(t){return this.__data__.has(t)},_t.prototype.set=function(t,e){var n=this.__data__;if(n instanceof wt){var r=n.__data__;if(!ht||r.length<199)return r.push([t,e]),this.size=++n.size,this;n=this.__data__=new qt(r)}return n.set(t,e),this.size=n.size,this};var Bt=lt?function(t){return null==t?[]:(t=Object(t),function(e,n){for(var r=-1,i=null==e?0:e.length,s=0,o=[];++r<i;){var l=e[r];a=l,it.call(t,a)&&(o[s++]=l)}var a;return o}(lt(t)))}:function(){return[]},Mt=St;function Ut(t,e){return!!(e=null==e?o:e)&&("number"==typeof t||S.test(t))&&t>-1&&t%1==0&&t<e}function Dt(t){if(null!=t){try{return X.call(t)}catch(t){}try{return t+""}catch(t){}}return""}function Pt(t,e){return t===e||t!=t&&e!=e}(ut&&Mt(new ut(new ArrayBuffer(1)))!=_||ht&&Mt(new ht)!=g||dt&&Mt(dt.resolve())!=v||ft&&Mt(new ft)!=N||pt&&Mt(new pt)!=q)&&(Mt=function(t){var e=St(t),n=e==y?t.constructor:void 0,r=n?Dt(n):"";if(r)switch(r){case mt:return _;case bt:return g;case yt:return v;case vt:return N;case At:return q}return e});var zt=Ot(function(){return arguments}())?Ot:function(t){return Wt(t)&&Q.call(t,"callee")&&!it.call(t,"callee")},Ft=Array.isArray,Ht=at||function(){return!1};function $t(t){if(!Kt(t))return!1;var e=St(t);return e==f||e==p||e==c||e==A}function Vt(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=o}function Kt(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}function Wt(t){return null!=t&&"object"==typeof t}var Zt=D?function(t){return function(e){return t(e)}}(D):function(t){return Wt(t)&&Vt(t.length)&&!!O[St(t)]};function Gt(t){return null!=(e=t)&&Vt(e.length)&&!$t(e)?function(t,e){var n=Ft(t),r=!n&&zt(t),i=!n&&!r&&Ht(t),s=!n&&!r&&!i&&Zt(t),o=n||r||i||s,l=o?function(t,e){for(var n=-1,r=Array(t);++n<t;)r[n]=e(n);return r}(t.length,String):[],a=l.length;for(var c in t)!e&&!Q.call(t,c)||o&&("length"==c||i&&("offset"==c||"parent"==c)||s&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||Ut(c,a))||l.push(c);return l}(t):function(t){if(n=(e=t)&&e.constructor,e!==("function"==typeof n&&n.prototype||Z))return ct(t);var e,n,r=[];for(var i in Object(t))Q.call(t,i)&&"constructor"!=i&&r.push(i);return r}(t);var e}t.exports=function(t,e){return Tt(t,e)}},1270:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const r=n(9629),i=n(4162);var s;!function(t){t.compose=function(t={},e={},n=!1){"object"!=typeof t&&(t={}),"object"!=typeof e&&(e={});let i=r(e);n||(i=Object.keys(i).reduce(((t,e)=>(null!=i[e]&&(t[e]=i[e]),t)),{}));for(const n in t)void 0!==t[n]&&void 0===e[n]&&(i[n]=t[n]);return Object.keys(i).length>0?i:void 0},t.diff=function(t={},e={}){"object"!=typeof t&&(t={}),"object"!=typeof e&&(e={});const n=Object.keys(t).concat(Object.keys(e)).reduce(((n,r)=>(i(t[r],e[r])||(n[r]=void 0===e[r]?null:e[r]),n)),{});return Object.keys(n).length>0?n:void 0},t.invert=function(t={},e={}){t=t||{};const n=Object.keys(e).reduce(((n,r)=>(e[r]!==t[r]&&void 0!==t[r]&&(n[r]=e[r]),n)),{});return Object.keys(t).reduce(((n,r)=>(t[r]!==e[r]&&void 0===e[r]&&(n[r]=null),n)),n)},t.transform=function(t,e,n=!1){if("object"!=typeof t)return e;if("object"!=typeof e)return;if(!n)return e;const r=Object.keys(e).reduce(((n,r)=>(void 0===t[r]&&(n[r]=e[r]),n)),{});return Object.keys(r).length>0?r:void 0}}(s||(s={})),e.default=s},5232:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.AttributeMap=e.OpIterator=e.Op=void 0;const r=n(5090),i=n(9629),s=n(4162),o=n(1270);e.AttributeMap=o.default;const l=n(4123);e.Op=l.default;const a=n(7033);e.OpIterator=a.default;const c=String.fromCharCode(0),u=(t,e)=>{if("object"!=typeof t||null===t)throw new Error("cannot retain a "+typeof t);if("object"!=typeof e||null===e)throw new Error("cannot retain a "+typeof e);const n=Object.keys(t)[0];if(!n||n!==Object.keys(e)[0])throw new Error(`embed types not matched: ${n} != ${Object.keys(e)[0]}`);return[n,t[n],e[n]]};class h{constructor(t){Array.isArray(t)?this.ops=t:null!=t&&Array.isArray(t.ops)?this.ops=t.ops:this.ops=[]}static registerEmbed(t,e){this.handlers[t]=e}static unregisterEmbed(t){delete this.handlers[t]}static getHandler(t){const e=this.handlers[t];if(!e)throw new Error(`no handlers for embed type "${t}"`);return e}insert(t,e){const n={};return"string"==typeof t&&0===t.length?this:(n.insert=t,null!=e&&"object"==typeof e&&Object.keys(e).length>0&&(n.attributes=e),this.push(n))}delete(t){return t<=0?this:this.push({delete:t})}retain(t,e){if("number"==typeof t&&t<=0)return this;const n={retain:t};return null!=e&&"object"==typeof e&&Object.keys(e).length>0&&(n.attributes=e),this.push(n)}push(t){let e=this.ops.length,n=this.ops[e-1];if(t=i(t),"object"==typeof n){if("number"==typeof t.delete&&"number"==typeof n.delete)return this.ops[e-1]={delete:n.delete+t.delete},this;if("number"==typeof n.delete&&null!=t.insert&&(e-=1,n=this.ops[e-1],"object"!=typeof n))return this.ops.unshift(t),this;if(s(t.attributes,n.attributes)){if("string"==typeof t.insert&&"string"==typeof n.insert)return this.ops[e-1]={insert:n.insert+t.insert},"object"==typeof t.attributes&&(this.ops[e-1].attributes=t.attributes),this;if("number"==typeof t.retain&&"number"==typeof n.retain)return this.ops[e-1]={retain:n.retain+t.retain},"object"==typeof t.attributes&&(this.ops[e-1].attributes=t.attributes),this}}return e===this.ops.length?this.ops.push(t):this.ops.splice(e,0,t),this}chop(){const t=this.ops[this.ops.length-1];return t&&"number"==typeof t.retain&&!t.attributes&&this.ops.pop(),this}filter(t){return this.ops.filter(t)}forEach(t){this.ops.forEach(t)}map(t){return this.ops.map(t)}partition(t){const e=[],n=[];return this.forEach((r=>{(t(r)?e:n).push(r)})),[e,n]}reduce(t,e){return this.ops.reduce(t,e)}changeLength(){return this.reduce(((t,e)=>e.insert?t+l.default.length(e):e.delete?t-e.delete:t),0)}length(){return this.reduce(((t,e)=>t+l.default.length(e)),0)}slice(t=0,e=1/0){const n=[],r=new a.default(this.ops);let i=0;for(;i<e&&r.hasNext();){let s;i<t?s=r.next(t-i):(s=r.next(e-i),n.push(s)),i+=l.default.length(s)}return new h(n)}compose(t){const e=new a.default(this.ops),n=new a.default(t.ops),r=[],i=n.peek();if(null!=i&&"number"==typeof i.retain&&null==i.attributes){let t=i.retain;for(;"insert"===e.peekType()&&e.peekLength()<=t;)t-=e.peekLength(),r.push(e.next());i.retain-t>0&&n.next(i.retain-t)}const l=new h(r);for(;e.hasNext()||n.hasNext();)if("insert"===n.peekType())l.push(n.next());else if("delete"===e.peekType())l.push(e.next());else{const t=Math.min(e.peekLength(),n.peekLength()),r=e.next(t),i=n.next(t);if(i.retain){const a={};if("number"==typeof r.retain)a.retain="number"==typeof i.retain?t:i.retain;else if("number"==typeof i.retain)null==r.retain?a.insert=r.insert:a.retain=r.retain;else{const t=null==r.retain?"insert":"retain",[e,n,s]=u(r[t],i.retain),o=h.getHandler(e);a[t]={[e]:o.compose(n,s,"retain"===t)}}const c=o.default.compose(r.attributes,i.attributes,"number"==typeof r.retain);if(c&&(a.attributes=c),l.push(a),!n.hasNext()&&s(l.ops[l.ops.length-1],a)){const t=new h(e.rest());return l.concat(t).chop()}}else"number"==typeof i.delete&&("number"==typeof r.retain||"object"==typeof r.retain&&null!==r.retain)&&l.push(i)}return l.chop()}concat(t){const e=new h(this.ops.slice());return t.ops.length>0&&(e.push(t.ops[0]),e.ops=e.ops.concat(t.ops.slice(1))),e}diff(t,e){if(this.ops===t.ops)return new h;const n=[this,t].map((e=>e.map((n=>{if(null!=n.insert)return"string"==typeof n.insert?n.insert:c;throw new Error("diff() called "+(e===t?"on":"with")+" non-document")})).join(""))),i=new h,l=r(n[0],n[1],e,!0),u=new a.default(this.ops),d=new a.default(t.ops);return l.forEach((t=>{let e=t[1].length;for(;e>0;){let n=0;switch(t[0]){case r.INSERT:n=Math.min(d.peekLength(),e),i.push(d.next(n));break;case r.DELETE:n=Math.min(e,u.peekLength()),u.next(n),i.delete(n);break;case r.EQUAL:n=Math.min(u.peekLength(),d.peekLength(),e);const t=u.next(n),l=d.next(n);s(t.insert,l.insert)?i.retain(n,o.default.diff(t.attributes,l.attributes)):i.push(l).delete(n)}e-=n}})),i.chop()}eachLine(t,e="\n"){const n=new a.default(this.ops);let r=new h,i=0;for(;n.hasNext();){if("insert"!==n.peekType())return;const s=n.peek(),o=l.default.length(s)-n.peekLength(),a="string"==typeof s.insert?s.insert.indexOf(e,o)-o:-1;if(a<0)r.push(n.next());else if(a>0)r.push(n.next(a));else{if(!1===t(r,n.next(1).attributes||{},i))return;i+=1,r=new h}}r.length()>0&&t(r,{},i)}invert(t){const e=new h;return this.reduce(((n,r)=>{if(r.insert)e.delete(l.default.length(r));else{if("number"==typeof r.retain&&null==r.attributes)return e.retain(r.retain),n+r.retain;if(r.delete||"number"==typeof r.retain){const i=r.delete||r.retain;return t.slice(n,n+i).forEach((t=>{r.delete?e.push(t):r.retain&&r.attributes&&e.retain(l.default.length(t),o.default.invert(r.attributes,t.attributes))})),n+i}if("object"==typeof r.retain&&null!==r.retain){const i=t.slice(n,n+1),s=new a.default(i.ops).next(),[l,c,d]=u(r.retain,s.insert),f=h.getHandler(l);return e.retain({[l]:f.invert(c,d)},o.default.invert(r.attributes,s.attributes)),n+1}}return n}),0),e.chop()}transform(t,e=!1){if(e=!!e,"number"==typeof t)return this.transformPosition(t,e);const n=t,r=new a.default(this.ops),i=new a.default(n.ops),s=new h;for(;r.hasNext()||i.hasNext();)if("insert"!==r.peekType()||!e&&"insert"===i.peekType())if("insert"===i.peekType())s.push(i.next());else{const t=Math.min(r.peekLength(),i.peekLength()),n=r.next(t),l=i.next(t);if(n.delete)continue;if(l.delete)s.push(l);else{const r=n.retain,i=l.retain;let a="object"==typeof i&&null!==i?i:t;if("object"==typeof r&&null!==r&&"object"==typeof i&&null!==i){const t=Object.keys(r)[0];if(t===Object.keys(i)[0]){const n=h.getHandler(t);n&&(a={[t]:n.transform(r[t],i[t],e)})}}s.retain(a,o.default.transform(n.attributes,l.attributes,e))}}else s.retain(l.default.length(r.next()));return s.chop()}transformPosition(t,e=!1){e=!!e;const n=new a.default(this.ops);let r=0;for(;n.hasNext()&&r<=t;){const i=n.peekLength(),s=n.peekType();n.next(),"delete"!==s?("insert"===s&&(r<t||!e)&&(t+=i),r+=i):t-=Math.min(i,t-r)}return t}}h.Op=l.default,h.OpIterator=a.default,h.AttributeMap=o.default,h.handlers={},e.default=h,t.exports=h,t.exports.default=h},4123:function(t,e){"use strict";var n;Object.defineProperty(e,"__esModule",{value:!0}),function(t){t.length=function(t){return"number"==typeof t.delete?t.delete:"number"==typeof t.retain?t.retain:"object"==typeof t.retain&&null!==t.retain?1:"string"==typeof t.insert?t.insert.length:1}}(n||(n={})),e.default=n},7033:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const r=n(4123);e.default=class{constructor(t){this.ops=t,this.index=0,this.offset=0}hasNext(){return this.peekLength()<1/0}next(t){t||(t=1/0);const e=this.ops[this.index];if(e){const n=this.offset,i=r.default.length(e);if(t>=i-n?(t=i-n,this.index+=1,this.offset=0):this.offset+=t,"number"==typeof e.delete)return{delete:t};{const r={};return e.attributes&&(r.attributes=e.attributes),"number"==typeof e.retain?r.retain=t:"object"==typeof e.retain&&null!==e.retain?r.retain=e.retain:"string"==typeof e.insert?r.insert=e.insert.substr(n,t):r.insert=e.insert,r}}return{retain:1/0}}peek(){return this.ops[this.index]}peekLength(){return this.ops[this.index]?r.default.length(this.ops[this.index])-this.offset:1/0}peekType(){const t=this.ops[this.index];return t?"number"==typeof t.delete?"delete":"number"==typeof t.retain||"object"==typeof t.retain&&null!==t.retain?"retain":"insert":"retain"}rest(){if(this.hasNext()){if(0===this.offset)return this.ops.slice(this.index);{const t=this.offset,e=this.index,n=this.next(),r=this.ops.slice(this.index);return this.offset=t,this.index=e,[n].concat(r)}}return[]}}},8820:function(t,e,n){"use strict";n.d(e,{A:function(){return l}});var r=n(8138),i=function(t,e){for(var n=t.length;n--;)if((0,r.A)(t[n][0],e))return n;return-1},s=Array.prototype.splice;function o(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}o.prototype.clear=function(){this.__data__=[],this.size=0},o.prototype.delete=function(t){var e=this.__data__,n=i(e,t);return!(n<0||(n==e.length-1?e.pop():s.call(e,n,1),--this.size,0))},o.prototype.get=function(t){var e=this.__data__,n=i(e,t);return n<0?void 0:e[n][1]},o.prototype.has=function(t){return i(this.__data__,t)>-1},o.prototype.set=function(t,e){var n=this.__data__,r=i(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this};var l=o},2461:function(t,e,n){"use strict";var r=n(2281),i=n(5507),s=(0,r.A)(i.A,"Map");e.A=s},3558:function(t,e,n){"use strict";n.d(e,{A:function(){return d}});var r=(0,n(2281).A)(Object,"create"),i=Object.prototype.hasOwnProperty,s=Object.prototype.hasOwnProperty;function o(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}o.prototype.clear=function(){this.__data__=r?r(null):{},this.size=0},o.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},o.prototype.get=function(t){var e=this.__data__;if(r){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return i.call(e,t)?e[t]:void 0},o.prototype.has=function(t){var e=this.__data__;return r?void 0!==e[t]:s.call(e,t)},o.prototype.set=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=r&&void 0===e?"__lodash_hash_undefined__":e,this};var l=o,a=n(8820),c=n(2461),u=function(t,e){var n,r,i=t.__data__;return("string"==(r=typeof(n=e))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?i["string"==typeof e?"string":"hash"]:i.map};function h(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}h.prototype.clear=function(){this.size=0,this.__data__={hash:new l,map:new(c.A||a.A),string:new l}},h.prototype.delete=function(t){var e=u(this,t).delete(t);return this.size-=e?1:0,e},h.prototype.get=function(t){return u(this,t).get(t)},h.prototype.has=function(t){return u(this,t).has(t)},h.prototype.set=function(t,e){var n=u(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this};var d=h},2673:function(t,e,n){"use strict";n.d(e,{A:function(){return l}});var r=n(8820),i=n(2461),s=n(3558);function o(t){var e=this.__data__=new r.A(t);this.size=e.size}o.prototype.clear=function(){this.__data__=new r.A,this.size=0},o.prototype.delete=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n},o.prototype.get=function(t){return this.__data__.get(t)},o.prototype.has=function(t){return this.__data__.has(t)},o.prototype.set=function(t,e){var n=this.__data__;if(n instanceof r.A){var o=n.__data__;if(!i.A||o.length<199)return o.push([t,e]),this.size=++n.size,this;n=this.__data__=new s.A(o)}return n.set(t,e),this.size=n.size,this};var l=o},439:function(t,e,n){"use strict";var r=n(5507).A.Symbol;e.A=r},7218:function(t,e,n){"use strict";var r=n(5507).A.Uint8Array;e.A=r},6753:function(t,e,n){"use strict";n.d(e,{A:function(){return c}});var r=n(8412),i=n(723),s=n(776),o=n(3767),l=n(5755),a=Object.prototype.hasOwnProperty,c=function(t,e){var n=(0,i.A)(t),c=!n&&(0,r.A)(t),u=!n&&!c&&(0,s.A)(t),h=!n&&!c&&!u&&(0,l.A)(t),d=n||c||u||h,f=d?function(t,e){for(var n=-1,r=Array(t);++n<t;)r[n]=e(n);return r}(t.length,String):[],p=f.length;for(var g in t)!e&&!a.call(t,g)||d&&("length"==g||u&&("offset"==g||"parent"==g)||h&&("buffer"==g||"byteLength"==g||"byteOffset"==g)||(0,o.A)(g,p))||f.push(g);return f}},802:function(t,e){"use strict";e.A=function(t,e){for(var n=-1,r=e.length,i=t.length;++n<r;)t[i+n]=e[n];return t}},6437:function(t,e,n){"use strict";var r=n(6770),i=n(8138),s=Object.prototype.hasOwnProperty;e.A=function(t,e,n){var o=t[e];s.call(t,e)&&(0,i.A)(o,n)&&(void 0!==n||e in t)||(0,r.A)(t,e,n)}},6770:function(t,e,n){"use strict";var r=n(7889);e.A=function(t,e,n){"__proto__"==e&&r.A?(0,r.A)(t,e,{configurable:!0,enumerable:!0,value:n,writable:!0}):t[e]=n}},1381:function(t,e,n){"use strict";var r=n(802),i=n(723);e.A=function(t,e,n){var s=e(t);return(0,i.A)(t)?s:(0,r.A)(s,n(t))}},2159:function(t,e,n){"use strict";n.d(e,{A:function(){return u}});var r=n(439),i=Object.prototype,s=i.hasOwnProperty,o=i.toString,l=r.A?r.A.toStringTag:void 0,a=Object.prototype.toString,c=r.A?r.A.toStringTag:void 0,u=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":c&&c in Object(t)?function(t){var e=s.call(t,l),n=t[l];try{t[l]=void 0;var r=!0}catch(t){}var i=o.call(t);return r&&(e?t[l]=n:delete t[l]),i}(t):function(t){return a.call(t)}(t)}},5771:function(t,e){"use strict";e.A=function(t){return function(e){return t(e)}}},2899:function(t,e,n){"use strict";var r=n(7218);e.A=function(t){var e=new t.constructor(t.byteLength);return new r.A(e).set(new r.A(t)),e}},3812:function(t,e,n){"use strict";var r=n(5507),i="object"==typeof exports&&exports&&!exports.nodeType&&exports,s=i&&"object"==typeof module&&module&&!module.nodeType&&module,o=s&&s.exports===i?r.A.Buffer:void 0,l=o?o.allocUnsafe:void 0;e.A=function(t,e){if(e)return t.slice();var n=t.length,r=l?l(n):new t.constructor(n);return t.copy(r),r}},1827:function(t,e,n){"use strict";var r=n(2899);e.A=function(t,e){var n=e?(0,r.A)(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.length)}},4405:function(t,e){"use strict";e.A=function(t,e){var n=-1,r=t.length;for(e||(e=Array(r));++n<r;)e[n]=t[n];return e}},9601:function(t,e,n){"use strict";var r=n(6437),i=n(6770);e.A=function(t,e,n,s){var o=!n;n||(n={});for(var l=-1,a=e.length;++l<a;){var c=e[l],u=s?s(n[c],t[c],c,n,t):void 0;void 0===u&&(u=t[c]),o?(0,i.A)(n,c,u):(0,r.A)(n,c,u)}return n}},7889:function(t,e,n){"use strict";var r=n(2281),i=function(){try{var t=(0,r.A)(Object,"defineProperty");return t({},"",{}),t}catch(t){}}();e.A=i},9646:function(t,e){"use strict";var n="object"==typeof global&&global&&global.Object===Object&&global;e.A=n},2816:function(t,e,n){"use strict";var r=n(1381),i=n(9844),s=n(3169);e.A=function(t){return(0,r.A)(t,s.A,i.A)}},2281:function(t,e,n){"use strict";n.d(e,{A:function(){return m}});var r,i=n(7572),s=n(5507).A["__core-js_shared__"],o=(r=/[^.]+$/.exec(s&&s.keys&&s.keys.IE_PROTO||""))?"Symbol(src)_1."+r:"",l=n(659),a=n(1543),c=/^\[object .+?Constructor\]$/,u=Function.prototype,h=Object.prototype,d=u.toString,f=h.hasOwnProperty,p=RegExp("^"+d.call(f).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),g=function(t){return!(!(0,l.A)(t)||(e=t,o&&o in e))&&((0,i.A)(t)?p:c).test((0,a.A)(t));var e},m=function(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return g(n)?n:void 0}},8769:function(t,e,n){"use strict";var r=(0,n(2217).A)(Object.getPrototypeOf,Object);e.A=r},9844:function(t,e,n){"use strict";n.d(e,{A:function(){return o}});var r=n(6935),i=Object.prototype.propertyIsEnumerable,s=Object.getOwnPropertySymbols,o=s?function(t){return null==t?[]:(t=Object(t),function(t,e){for(var n=-1,r=null==t?0:t.length,i=0,s=[];++n<r;){var o=t[n];e(o,n,t)&&(s[i++]=o)}return s}(s(t),(function(e){return i.call(t,e)})))}:r.A},7995:function(t,e,n){"use strict";n.d(e,{A:function(){return E}});var r=n(2281),i=n(5507),s=(0,r.A)(i.A,"DataView"),o=n(2461),l=(0,r.A)(i.A,"Promise"),a=(0,r.A)(i.A,"Set"),c=(0,r.A)(i.A,"WeakMap"),u=n(2159),h=n(1543),d="[object Map]",f="[object Promise]",p="[object Set]",g="[object WeakMap]",m="[object DataView]",b=(0,h.A)(s),y=(0,h.A)(o.A),v=(0,h.A)(l),A=(0,h.A)(a),x=(0,h.A)(c),N=u.A;(s&&N(new s(new ArrayBuffer(1)))!=m||o.A&&N(new o.A)!=d||l&&N(l.resolve())!=f||a&&N(new a)!=p||c&&N(new c)!=g)&&(N=function(t){var e=(0,u.A)(t),n="[object Object]"==e?t.constructor:void 0,r=n?(0,h.A)(n):"";if(r)switch(r){case b:return m;case y:return d;case v:return f;case A:return p;case x:return g}return e});var E=N},1683:function(t,e,n){"use strict";n.d(e,{A:function(){return a}});var r=n(659),i=Object.create,s=function(){function t(){}return function(e){if(!(0,r.A)(e))return{};if(i)return i(e);t.prototype=e;var n=new t;return t.prototype=void 0,n}}(),o=n(8769),l=n(501),a=function(t){return"function"!=typeof t.constructor||(0,l.A)(t)?{}:s((0,o.A)(t))}},3767:function(t,e){"use strict";var n=/^(?:0|[1-9]\d*)$/;e.A=function(t,e){var r=typeof t;return!!(e=null==e?9007199254740991:e)&&("number"==r||"symbol"!=r&&n.test(t))&&t>-1&&t%1==0&&t<e}},501:function(t,e){"use strict";var n=Object.prototype;e.A=function(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||n)}},8795:function(t,e,n){"use strict";var r=n(9646),i="object"==typeof exports&&exports&&!exports.nodeType&&exports,s=i&&"object"==typeof module&&module&&!module.nodeType&&module,o=s&&s.exports===i&&r.A.process,l=function(){try{return s&&s.require&&s.require("util").types||o&&o.binding&&o.binding("util")}catch(t){}}();e.A=l},2217:function(t,e){"use strict";e.A=function(t,e){return function(n){return t(e(n))}}},5507:function(t,e,n){"use strict";var r=n(9646),i="object"==typeof self&&self&&self.Object===Object&&self,s=r.A||i||Function("return this")();e.A=s},1543:function(t,e){"use strict";var n=Function.prototype.toString;e.A=function(t){if(null!=t){try{return n.call(t)}catch(t){}try{return t+""}catch(t){}}return""}},3707:function(t,e,n){"use strict";n.d(e,{A:function(){return H}});var r=n(2673),i=n(6437),s=n(9601),o=n(3169),l=n(2624),a=n(3812),c=n(4405),u=n(9844),h=n(802),d=n(8769),f=n(6935),p=Object.getOwnPropertySymbols?function(t){for(var e=[];t;)(0,h.A)(e,(0,u.A)(t)),t=(0,d.A)(t);return e}:f.A,g=n(2816),m=n(1381),b=function(t){return(0,m.A)(t,l.A,p)},y=n(7995),v=Object.prototype.hasOwnProperty,A=n(2899),x=/\w*$/,N=n(439),E=N.A?N.A.prototype:void 0,w=E?E.valueOf:void 0,q=n(1827),k=function(t,e,n){var r,i,s,o=t.constructor;switch(e){case"[object ArrayBuffer]":return(0,A.A)(t);case"[object Boolean]":case"[object Date]":return new o(+t);case"[object DataView]":return function(t,e){var n=e?(0,A.A)(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.byteLength)}(t,n);case"[object Float32Array]":case"[object Float64Array]":case"[object Int8Array]":case"[object Int16Array]":case"[object Int32Array]":case"[object Uint8Array]":case"[object Uint8ClampedArray]":case"[object Uint16Array]":case"[object Uint32Array]":return(0,q.A)(t,n);case"[object Map]":case"[object Set]":return new o;case"[object Number]":case"[object String]":return new o(t);case"[object RegExp]":return(s=new(i=t).constructor(i.source,x.exec(i))).lastIndex=i.lastIndex,s;case"[object Symbol]":return r=t,w?Object(w.call(r)):{}}},_=n(1683),L=n(723),S=n(776),O=n(7948),T=n(5771),j=n(8795),C=j.A&&j.A.isMap,R=C?(0,T.A)(C):function(t){return(0,O.A)(t)&&"[object Map]"==(0,y.A)(t)},I=n(659),B=j.A&&j.A.isSet,M=B?(0,T.A)(B):function(t){return(0,O.A)(t)&&"[object Set]"==(0,y.A)(t)},U="[object Arguments]",D="[object Function]",P="[object Object]",z={};z[U]=z["[object Array]"]=z["[object ArrayBuffer]"]=z["[object DataView]"]=z["[object Boolean]"]=z["[object Date]"]=z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Map]"]=z["[object Number]"]=z[P]=z["[object RegExp]"]=z["[object Set]"]=z["[object String]"]=z["[object Symbol]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z["[object Error]"]=z[D]=z["[object WeakMap]"]=!1;var F=function t(e,n,h,d,f,m){var A,x=1&n,N=2&n,E=4&n;if(h&&(A=f?h(e,d,f,m):h(e)),void 0!==A)return A;if(!(0,I.A)(e))return e;var w=(0,L.A)(e);if(w){if(A=function(t){var e=t.length,n=new t.constructor(e);return e&&"string"==typeof t[0]&&v.call(t,"index")&&(n.index=t.index,n.input=t.input),n}(e),!x)return(0,c.A)(e,A)}else{var q=(0,y.A)(e),O=q==D||"[object GeneratorFunction]"==q;if((0,S.A)(e))return(0,a.A)(e,x);if(q==P||q==U||O&&!f){if(A=N||O?{}:(0,_.A)(e),!x)return N?function(t,e){return(0,s.A)(t,p(t),e)}(e,function(t,e){return t&&(0,s.A)(e,(0,l.A)(e),t)}(A,e)):function(t,e){return(0,s.A)(t,(0,u.A)(t),e)}(e,function(t,e){return t&&(0,s.A)(e,(0,o.A)(e),t)}(A,e))}else{if(!z[q])return f?e:{};A=k(e,q,x)}}m||(m=new r.A);var T=m.get(e);if(T)return T;m.set(e,A),M(e)?e.forEach((function(r){A.add(t(r,n,h,r,e,m))})):R(e)&&e.forEach((function(r,i){A.set(i,t(r,n,h,i,e,m))}));var j=E?N?b:g.A:N?l.A:o.A,C=w?void 0:j(e);return function(t,e){for(var n=-1,r=null==t?0:t.length;++n<r&&!1!==e(t[n],n,t););}(C||e,(function(r,s){C&&(r=e[s=r]),(0,i.A)(A,s,t(r,n,h,s,e,m))})),A},H=function(t){return F(t,5)}},8138:function(t,e){"use strict";e.A=function(t,e){return t===e||t!=t&&e!=e}},8412:function(t,e,n){"use strict";n.d(e,{A:function(){return u}});var r=n(2159),i=n(7948),s=function(t){return(0,i.A)(t)&&"[object Arguments]"==(0,r.A)(t)},o=Object.prototype,l=o.hasOwnProperty,a=o.propertyIsEnumerable,c=s(function(){return arguments}())?s:function(t){return(0,i.A)(t)&&l.call(t,"callee")&&!a.call(t,"callee")},u=c},723:function(t,e){"use strict";var n=Array.isArray;e.A=n},3628:function(t,e,n){"use strict";var r=n(7572),i=n(1628);e.A=function(t){return null!=t&&(0,i.A)(t.length)&&!(0,r.A)(t)}},776:function(t,e,n){"use strict";n.d(e,{A:function(){return l}});var r=n(5507),i="object"==typeof exports&&exports&&!exports.nodeType&&exports,s=i&&"object"==typeof module&&module&&!module.nodeType&&module,o=s&&s.exports===i?r.A.Buffer:void 0,l=(o?o.isBuffer:void 0)||function(){return!1}},5123:function(t,e,n){"use strict";n.d(e,{A:function(){return S}});var r=n(2673),i=n(3558);function s(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new i.A;++e<n;)this.add(t[e])}s.prototype.add=s.prototype.push=function(t){return this.__data__.set(t,"__lodash_hash_undefined__"),this},s.prototype.has=function(t){return this.__data__.has(t)};var o=s,l=function(t,e){for(var n=-1,r=null==t?0:t.length;++n<r;)if(e(t[n],n,t))return!0;return!1},a=function(t,e,n,r,i,s){var a=1&n,c=t.length,u=e.length;if(c!=u&&!(a&&u>c))return!1;var h=s.get(t),d=s.get(e);if(h&&d)return h==e&&d==t;var f=-1,p=!0,g=2&n?new o:void 0;for(s.set(t,e),s.set(e,t);++f<c;){var m=t[f],b=e[f];if(r)var y=a?r(b,m,f,e,t,s):r(m,b,f,t,e,s);if(void 0!==y){if(y)continue;p=!1;break}if(g){if(!l(e,(function(t,e){if(o=e,!g.has(o)&&(m===t||i(m,t,n,r,s)))return g.push(e);var o}))){p=!1;break}}else if(m!==b&&!i(m,b,n,r,s)){p=!1;break}}return s.delete(t),s.delete(e),p},c=n(439),u=n(7218),h=n(8138),d=function(t){var e=-1,n=Array(t.size);return t.forEach((function(t,r){n[++e]=[r,t]})),n},f=function(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n},p=c.A?c.A.prototype:void 0,g=p?p.valueOf:void 0,m=n(2816),b=Object.prototype.hasOwnProperty,y=n(7995),v=n(723),A=n(776),x=n(5755),N="[object Arguments]",E="[object Array]",w="[object Object]",q=Object.prototype.hasOwnProperty,k=function(t,e,n,i,s,o){var l=(0,v.A)(t),c=(0,v.A)(e),p=l?E:(0,y.A)(t),k=c?E:(0,y.A)(e),_=(p=p==N?w:p)==w,L=(k=k==N?w:k)==w,S=p==k;if(S&&(0,A.A)(t)){if(!(0,A.A)(e))return!1;l=!0,_=!1}if(S&&!_)return o||(o=new r.A),l||(0,x.A)(t)?a(t,e,n,i,s,o):function(t,e,n,r,i,s,o){switch(n){case"[object DataView]":if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case"[object ArrayBuffer]":return!(t.byteLength!=e.byteLength||!s(new u.A(t),new u.A(e)));case"[object Boolean]":case"[object Date]":case"[object Number]":return(0,h.A)(+t,+e);case"[object Error]":return t.name==e.name&&t.message==e.message;case"[object RegExp]":case"[object String]":return t==e+"";case"[object Map]":var l=d;case"[object Set]":var c=1&r;if(l||(l=f),t.size!=e.size&&!c)return!1;var p=o.get(t);if(p)return p==e;r|=2,o.set(t,e);var m=a(l(t),l(e),r,i,s,o);return o.delete(t),m;case"[object Symbol]":if(g)return g.call(t)==g.call(e)}return!1}(t,e,p,n,i,s,o);if(!(1&n)){var O=_&&q.call(t,"__wrapped__"),T=L&&q.call(e,"__wrapped__");if(O||T){var j=O?t.value():t,C=T?e.value():e;return o||(o=new r.A),s(j,C,n,i,o)}}return!!S&&(o||(o=new r.A),function(t,e,n,r,i,s){var o=1&n,l=(0,m.A)(t),a=l.length;if(a!=(0,m.A)(e).length&&!o)return!1;for(var c=a;c--;){var u=l[c];if(!(o?u in e:b.call(e,u)))return!1}var h=s.get(t),d=s.get(e);if(h&&d)return h==e&&d==t;var f=!0;s.set(t,e),s.set(e,t);for(var p=o;++c<a;){var g=t[u=l[c]],y=e[u];if(r)var v=o?r(y,g,u,e,t,s):r(g,y,u,t,e,s);if(!(void 0===v?g===y||i(g,y,n,r,s):v)){f=!1;break}p||(p="constructor"==u)}if(f&&!p){var A=t.constructor,x=e.constructor;A==x||!("constructor"in t)||!("constructor"in e)||"function"==typeof A&&A instanceof A&&"function"==typeof x&&x instanceof x||(f=!1)}return s.delete(t),s.delete(e),f}(t,e,n,i,s,o))},_=n(7948),L=function t(e,n,r,i,s){return e===n||(null==e||null==n||!(0,_.A)(e)&&!(0,_.A)(n)?e!=e&&n!=n:k(e,n,r,i,t,s))},S=function(t,e){return L(t,e)}},7572:function(t,e,n){"use strict";var r=n(2159),i=n(659);e.A=function(t){if(!(0,i.A)(t))return!1;var e=(0,r.A)(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}},1628:function(t,e){"use strict";e.A=function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=9007199254740991}},659:function(t,e){"use strict";e.A=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}},7948:function(t,e){"use strict";e.A=function(t){return null!=t&&"object"==typeof t}},5755:function(t,e,n){"use strict";n.d(e,{A:function(){return u}});var r=n(2159),i=n(1628),s=n(7948),o={};o["[object Float32Array]"]=o["[object Float64Array]"]=o["[object Int8Array]"]=o["[object Int16Array]"]=o["[object Int32Array]"]=o["[object Uint8Array]"]=o["[object Uint8ClampedArray]"]=o["[object Uint16Array]"]=o["[object Uint32Array]"]=!0,o["[object Arguments]"]=o["[object Array]"]=o["[object ArrayBuffer]"]=o["[object Boolean]"]=o["[object DataView]"]=o["[object Date]"]=o["[object Error]"]=o["[object Function]"]=o["[object Map]"]=o["[object Number]"]=o["[object Object]"]=o["[object RegExp]"]=o["[object Set]"]=o["[object String]"]=o["[object WeakMap]"]=!1;var l=n(5771),a=n(8795),c=a.A&&a.A.isTypedArray,u=c?(0,l.A)(c):function(t){return(0,s.A)(t)&&(0,i.A)(t.length)&&!!o[(0,r.A)(t)]}},3169:function(t,e,n){"use strict";n.d(e,{A:function(){return a}});var r=n(6753),i=n(501),s=(0,n(2217).A)(Object.keys,Object),o=Object.prototype.hasOwnProperty,l=n(3628),a=function(t){return(0,l.A)(t)?(0,r.A)(t):function(t){if(!(0,i.A)(t))return s(t);var e=[];for(var n in Object(t))o.call(t,n)&&"constructor"!=n&&e.push(n);return e}(t)}},2624:function(t,e,n){"use strict";n.d(e,{A:function(){return c}});var r=n(6753),i=n(659),s=n(501),o=Object.prototype.hasOwnProperty,l=function(t){if(!(0,i.A)(t))return function(t){var e=[];if(null!=t)for(var n in Object(t))e.push(n);return e}(t);var e=(0,s.A)(t),n=[];for(var r in t)("constructor"!=r||!e&&o.call(t,r))&&n.push(r);return n},a=n(3628),c=function(t){return(0,a.A)(t)?(0,r.A)(t,!0):l(t)}},8347:function(t,e,n){"use strict";n.d(e,{A:function(){return $}});var r,i,s,o,l=n(2673),a=n(6770),c=n(8138),u=function(t,e,n){(void 0!==n&&!(0,c.A)(t[e],n)||void 0===n&&!(e in t))&&(0,a.A)(t,e,n)},h=function(t,e,n){for(var r=-1,i=Object(t),s=n(t),o=s.length;o--;){var l=s[++r];if(!1===e(i[l],l,i))break}return t},d=n(3812),f=n(1827),p=n(4405),g=n(1683),m=n(8412),b=n(723),y=n(3628),v=n(7948),A=n(776),x=n(7572),N=n(659),E=n(2159),w=n(8769),q=Function.prototype,k=Object.prototype,_=q.toString,L=k.hasOwnProperty,S=_.call(Object),O=n(5755),T=function(t,e){if(("constructor"!==e||"function"!=typeof t[e])&&"__proto__"!=e)return t[e]},j=n(9601),C=n(2624),R=function(t,e,n,r,i,s,o){var l,a=T(t,n),c=T(e,n),h=o.get(c);if(h)u(t,n,h);else{var q=s?s(a,c,n+"",t,e,o):void 0,k=void 0===q;if(k){var R=(0,b.A)(c),I=!R&&(0,A.A)(c),B=!R&&!I&&(0,O.A)(c);q=c,R||I||B?(0,b.A)(a)?q=a:(l=a,(0,v.A)(l)&&(0,y.A)(l)?q=(0,p.A)(a):I?(k=!1,q=(0,d.A)(c,!0)):B?(k=!1,q=(0,f.A)(c,!0)):q=[]):function(t){if(!(0,v.A)(t)||"[object Object]"!=(0,E.A)(t))return!1;var e=(0,w.A)(t);if(null===e)return!0;var n=L.call(e,"constructor")&&e.constructor;return"function"==typeof n&&n instanceof n&&_.call(n)==S}(c)||(0,m.A)(c)?(q=a,(0,m.A)(a)?q=function(t){return(0,j.A)(t,(0,C.A)(t))}(a):(0,N.A)(a)&&!(0,x.A)(a)||(q=(0,g.A)(c))):k=!1}k&&(o.set(c,q),i(q,c,r,s,o),o.delete(c)),u(t,n,q)}},I=function t(e,n,r,i,s){e!==n&&h(n,(function(o,a){if(s||(s=new l.A),(0,N.A)(o))R(e,n,a,r,t,i,s);else{var c=i?i(T(e,a),o,a+"",e,n,s):void 0;void 0===c&&(c=o),u(e,a,c)}}),C.A)},B=function(t){return t},M=Math.max,U=n(7889),D=U.A?function(t,e){return(0,U.A)(t,"toString",{configurable:!0,enumerable:!1,value:(n=e,function(){return n}),writable:!0});var n}:B,P=Date.now,z=(r=D,i=0,s=0,function(){var t=P(),e=16-(t-s);if(s=t,e>0){if(++i>=800)return arguments[0]}else i=0;return r.apply(void 0,arguments)}),F=function(t,e){return z(function(t,e,n){return e=M(void 0===e?t.length-1:e,0),function(){for(var r=arguments,i=-1,s=M(r.length-e,0),o=Array(s);++i<s;)o[i]=r[e+i];i=-1;for(var l=Array(e+1);++i<e;)l[i]=r[i];return l[e]=n(o),function(t,e,n){switch(n.length){case 0:return t.call(e);case 1:return t.call(e,n[0]);case 2:return t.call(e,n[0],n[1]);case 3:return t.call(e,n[0],n[1],n[2])}return t.apply(e,n)}(t,this,l)}}(t,e,B),t+"")},H=n(3767),$=(o=function(t,e,n){I(t,e,n)},F((function(t,e){var n=-1,r=e.length,i=r>1?e[r-1]:void 0,s=r>2?e[2]:void 0;for(i=o.length>3&&"function"==typeof i?(r--,i):void 0,s&&function(t,e,n){if(!(0,N.A)(n))return!1;var r=typeof e;return!!("number"==r?(0,y.A)(n)&&(0,H.A)(e,n.length):"string"==r&&e in n)&&(0,c.A)(n[e],t)}(e[0],e[1],s)&&(i=r<3?void 0:i,r=1),t=Object(t);++n<r;){var l=e[n];l&&o(t,l,n)}return t})))},6935:function(t,e){"use strict";e.A=function(){return[]}},6003:function(t,e,n){"use strict";n.r(e),n.d(e,{Attributor:function(){return i},AttributorStore:function(){return d},BlockBlot:function(){return w},ClassAttributor:function(){return c},ContainerBlot:function(){return k},EmbedBlot:function(){return _},InlineBlot:function(){return N},LeafBlot:function(){return m},ParentBlot:function(){return A},Registry:function(){return l},Scope:function(){return r},ScrollBlot:function(){return O},StyleAttributor:function(){return h},TextBlot:function(){return j}});var r=(t=>(t[t.TYPE=3]="TYPE",t[t.LEVEL=12]="LEVEL",t[t.ATTRIBUTE=13]="ATTRIBUTE",t[t.BLOT=14]="BLOT",t[t.INLINE=7]="INLINE",t[t.BLOCK=11]="BLOCK",t[t.BLOCK_BLOT=10]="BLOCK_BLOT",t[t.INLINE_BLOT=6]="INLINE_BLOT",t[t.BLOCK_ATTRIBUTE=9]="BLOCK_ATTRIBUTE",t[t.INLINE_ATTRIBUTE=5]="INLINE_ATTRIBUTE",t[t.ANY=15]="ANY",t))(r||{});class i{constructor(t,e,n={}){this.attrName=t,this.keyName=e;const i=r.TYPE&r.ATTRIBUTE;this.scope=null!=n.scope?n.scope&r.LEVEL|i:r.ATTRIBUTE,null!=n.whitelist&&(this.whitelist=n.whitelist)}static keys(t){return Array.from(t.attributes).map((t=>t.name))}add(t,e){return!!this.canAdd(t,e)&&(t.setAttribute(this.keyName,e),!0)}canAdd(t,e){return null==this.whitelist||("string"==typeof e?this.whitelist.indexOf(e.replace(/["']/g,""))>-1:this.whitelist.indexOf(e)>-1)}remove(t){t.removeAttribute(this.keyName)}value(t){const e=t.getAttribute(this.keyName);return this.canAdd(t,e)&&e?e:""}}class s extends Error{constructor(t){super(t="[Parchment] "+t),this.message=t,this.name=this.constructor.name}}const o=class t{constructor(){this.attributes={},this.classes={},this.tags={},this.types={}}static find(t,e=!1){if(null==t)return null;if(this.blots.has(t))return this.blots.get(t)||null;if(e){let n=null;try{n=t.parentNode}catch{return null}return this.find(n,e)}return null}create(e,n,r){const i=this.query(n);if(null==i)throw new s(`Unable to create ${n} blot`);const o=i,l=n instanceof Node||n.nodeType===Node.TEXT_NODE?n:o.create(r),a=new o(e,l,r);return t.blots.set(a.domNode,a),a}find(e,n=!1){return t.find(e,n)}query(t,e=r.ANY){let n;return"string"==typeof t?n=this.types[t]||this.attributes[t]:t instanceof Text||t.nodeType===Node.TEXT_NODE?n=this.types.text:"number"==typeof t?t&r.LEVEL&r.BLOCK?n=this.types.block:t&r.LEVEL&r.INLINE&&(n=this.types.inline):t instanceof Element&&((t.getAttribute("class")||"").split(/\s+/).some((t=>(n=this.classes[t],!!n))),n=n||this.tags[t.tagName]),null==n?null:"scope"in n&&e&r.LEVEL&n.scope&&e&r.TYPE&n.scope?n:null}register(...t){return t.map((t=>{const e="blotName"in t,n="attrName"in t;if(!e&&!n)throw new s("Invalid definition");if(e&&"abstract"===t.blotName)throw new s("Cannot register abstract class");const r=e?t.blotName:n?t.attrName:void 0;return this.types[r]=t,n?"string"==typeof t.keyName&&(this.attributes[t.keyName]=t):e&&(t.className&&(this.classes[t.className]=t),t.tagName&&(Array.isArray(t.tagName)?t.tagName=t.tagName.map((t=>t.toUpperCase())):t.tagName=t.tagName.toUpperCase(),(Array.isArray(t.tagName)?t.tagName:[t.tagName]).forEach((e=>{(null==this.tags[e]||null==t.className)&&(this.tags[e]=t)})))),t}))}};o.blots=new WeakMap;let l=o;function a(t,e){return(t.getAttribute("class")||"").split(/\s+/).filter((t=>0===t.indexOf(`${e}-`)))}const c=class extends i{static keys(t){return(t.getAttribute("class")||"").split(/\s+/).map((t=>t.split("-").slice(0,-1).join("-")))}add(t,e){return!!this.canAdd(t,e)&&(this.remove(t),t.classList.add(`${this.keyName}-${e}`),!0)}remove(t){a(t,this.keyName).forEach((e=>{t.classList.remove(e)})),0===t.classList.length&&t.removeAttribute("class")}value(t){const e=(a(t,this.keyName)[0]||"").slice(this.keyName.length+1);return this.canAdd(t,e)?e:""}};function u(t){const e=t.split("-"),n=e.slice(1).map((t=>t[0].toUpperCase()+t.slice(1))).join("");return e[0]+n}const h=class extends i{static keys(t){return(t.getAttribute("style")||"").split(";").map((t=>t.split(":")[0].trim()))}add(t,e){return!!this.canAdd(t,e)&&(t.style[u(this.keyName)]=e,!0)}remove(t){t.style[u(this.keyName)]="",t.getAttribute("style")||t.removeAttribute("style")}value(t){const e=t.style[u(this.keyName)];return this.canAdd(t,e)?e:""}},d=class{constructor(t){this.attributes={},this.domNode=t,this.build()}attribute(t,e){e?t.add(this.domNode,e)&&(null!=t.value(this.domNode)?this.attributes[t.attrName]=t:delete this.attributes[t.attrName]):(t.remove(this.domNode),delete this.attributes[t.attrName])}build(){this.attributes={};const t=l.find(this.domNode);if(null==t)return;const e=i.keys(this.domNode),n=c.keys(this.domNode),s=h.keys(this.domNode);e.concat(n).concat(s).forEach((e=>{const n=t.scroll.query(e,r.ATTRIBUTE);n instanceof i&&(this.attributes[n.attrName]=n)}))}copy(t){Object.keys(this.attributes).forEach((e=>{const n=this.attributes[e].value(this.domNode);t.format(e,n)}))}move(t){this.copy(t),Object.keys(this.attributes).forEach((t=>{this.attributes[t].remove(this.domNode)})),this.attributes={}}values(){return Object.keys(this.attributes).reduce(((t,e)=>(t[e]=this.attributes[e].value(this.domNode),t)),{})}},f=class{constructor(t,e){this.scroll=t,this.domNode=e,l.blots.set(e,this),this.prev=null,this.next=null}static create(t){if(null==this.tagName)throw new s("Blot definition missing tagName");let e,n;return Array.isArray(this.tagName)?("string"==typeof t?(n=t.toUpperCase(),parseInt(n,10).toString()===n&&(n=parseInt(n,10))):"number"==typeof t&&(n=t),e="number"==typeof n?document.createElement(this.tagName[n-1]):n&&this.tagName.indexOf(n)>-1?document.createElement(n):document.createElement(this.tagName[0])):e=document.createElement(this.tagName),this.className&&e.classList.add(this.className),e}get statics(){return this.constructor}attach(){}clone(){const t=this.domNode.cloneNode(!1);return this.scroll.create(t)}detach(){null!=this.parent&&this.parent.removeChild(this),l.blots.delete(this.domNode)}deleteAt(t,e){this.isolate(t,e).remove()}formatAt(t,e,n,i){const s=this.isolate(t,e);if(null!=this.scroll.query(n,r.BLOT)&&i)s.wrap(n,i);else if(null!=this.scroll.query(n,r.ATTRIBUTE)){const t=this.scroll.create(this.statics.scope);s.wrap(t),t.format(n,i)}}insertAt(t,e,n){const r=null==n?this.scroll.create("text",e):this.scroll.create(e,n),i=this.split(t);this.parent.insertBefore(r,i||void 0)}isolate(t,e){const n=this.split(t);if(null==n)throw new Error("Attempt to isolate at end");return n.split(e),n}length(){return 1}offset(t=this.parent){return null==this.parent||this===t?0:this.parent.children.offset(this)+this.parent.offset(t)}optimize(t){this.statics.requiredContainer&&!(this.parent instanceof this.statics.requiredContainer)&&this.wrap(this.statics.requiredContainer.blotName)}remove(){null!=this.domNode.parentNode&&this.domNode.parentNode.removeChild(this.domNode),this.detach()}replaceWith(t,e){const n="string"==typeof t?this.scroll.create(t,e):t;return null!=this.parent&&(this.parent.insertBefore(n,this.next||void 0),this.remove()),n}split(t,e){return 0===t?this:this.next}update(t,e){}wrap(t,e){const n="string"==typeof t?this.scroll.create(t,e):t;if(null!=this.parent&&this.parent.insertBefore(n,this.next||void 0),"function"!=typeof n.appendChild)throw new s(`Cannot wrap ${t}`);return n.appendChild(this),n}};f.blotName="abstract";let p=f;const g=class extends p{static value(t){return!0}index(t,e){return this.domNode===t||this.domNode.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_CONTAINED_BY?Math.min(e,1):-1}position(t,e){let n=Array.from(this.parent.domNode.childNodes).indexOf(this.domNode);return t>0&&(n+=1),[this.parent.domNode,n]}value(){return{[this.statics.blotName]:this.statics.value(this.domNode)||!0}}};g.scope=r.INLINE_BLOT;const m=g;class b{constructor(){this.head=null,this.tail=null,this.length=0}append(...t){if(this.insertBefore(t[0],null),t.length>1){const e=t.slice(1);this.append(...e)}}at(t){const e=this.iterator();let n=e();for(;n&&t>0;)t-=1,n=e();return n}contains(t){const e=this.iterator();let n=e();for(;n;){if(n===t)return!0;n=e()}return!1}indexOf(t){const e=this.iterator();let n=e(),r=0;for(;n;){if(n===t)return r;r+=1,n=e()}return-1}insertBefore(t,e){null!=t&&(this.remove(t),t.next=e,null!=e?(t.prev=e.prev,null!=e.prev&&(e.prev.next=t),e.prev=t,e===this.head&&(this.head=t)):null!=this.tail?(this.tail.next=t,t.prev=this.tail,this.tail=t):(t.prev=null,this.head=this.tail=t),this.length+=1)}offset(t){let e=0,n=this.head;for(;null!=n;){if(n===t)return e;e+=n.length(),n=n.next}return-1}remove(t){this.contains(t)&&(null!=t.prev&&(t.prev.next=t.next),null!=t.next&&(t.next.prev=t.prev),t===this.head&&(this.head=t.next),t===this.tail&&(this.tail=t.prev),this.length-=1)}iterator(t=this.head){return()=>{const e=t;return null!=t&&(t=t.next),e}}find(t,e=!1){const n=this.iterator();let r=n();for(;r;){const i=r.length();if(t<i||e&&t===i&&(null==r.next||0!==r.next.length()))return[r,t];t-=i,r=n()}return[null,0]}forEach(t){const e=this.iterator();let n=e();for(;n;)t(n),n=e()}forEachAt(t,e,n){if(e<=0)return;const[r,i]=this.find(t);let s=t-i;const o=this.iterator(r);let l=o();for(;l&&s<t+e;){const r=l.length();t>s?n(l,t-s,Math.min(e,s+r-t)):n(l,0,Math.min(r,t+e-s)),s+=r,l=o()}}map(t){return this.reduce(((e,n)=>(e.push(t(n)),e)),[])}reduce(t,e){const n=this.iterator();let r=n();for(;r;)e=t(e,r),r=n();return e}}function y(t,e){const n=e.find(t);if(n)return n;try{return e.create(t)}catch{const n=e.create(r.INLINE);return Array.from(t.childNodes).forEach((t=>{n.domNode.appendChild(t)})),t.parentNode&&t.parentNode.replaceChild(n.domNode,t),n.attach(),n}}const v=class t extends p{constructor(t,e){super(t,e),this.uiNode=null,this.build()}appendChild(t){this.insertBefore(t)}attach(){super.attach(),this.children.forEach((t=>{t.attach()}))}attachUI(e){null!=this.uiNode&&this.uiNode.remove(),this.uiNode=e,t.uiClass&&this.uiNode.classList.add(t.uiClass),this.uiNode.setAttribute("contenteditable","false"),this.domNode.insertBefore(this.uiNode,this.domNode.firstChild)}build(){this.children=new b,Array.from(this.domNode.childNodes).filter((t=>t!==this.uiNode)).reverse().forEach((t=>{try{const e=y(t,this.scroll);this.insertBefore(e,this.children.head||void 0)}catch(t){if(t instanceof s)return;throw t}}))}deleteAt(t,e){if(0===t&&e===this.length())return this.remove();this.children.forEachAt(t,e,((t,e,n)=>{t.deleteAt(e,n)}))}descendant(e,n=0){const[r,i]=this.children.find(n);return null==e.blotName&&e(r)||null!=e.blotName&&r instanceof e?[r,i]:r instanceof t?r.descendant(e,i):[null,-1]}descendants(e,n=0,r=Number.MAX_VALUE){let i=[],s=r;return this.children.forEachAt(n,r,((n,r,o)=>{(null==e.blotName&&e(n)||null!=e.blotName&&n instanceof e)&&i.push(n),n instanceof t&&(i=i.concat(n.descendants(e,r,s))),s-=o})),i}detach(){this.children.forEach((t=>{t.detach()})),super.detach()}enforceAllowedChildren(){let e=!1;this.children.forEach((n=>{e||this.statics.allowedChildren.some((t=>n instanceof t))||(n.statics.scope===r.BLOCK_BLOT?(null!=n.next&&this.splitAfter(n),null!=n.prev&&this.splitAfter(n.prev),n.parent.unwrap(),e=!0):n instanceof t?n.unwrap():n.remove())}))}formatAt(t,e,n,r){this.children.forEachAt(t,e,((t,e,i)=>{t.formatAt(e,i,n,r)}))}insertAt(t,e,n){const[r,i]=this.children.find(t);if(r)r.insertAt(i,e,n);else{const t=null==n?this.scroll.create("text",e):this.scroll.create(e,n);this.appendChild(t)}}insertBefore(t,e){null!=t.parent&&t.parent.children.remove(t);let n=null;this.children.insertBefore(t,e||null),t.parent=this,null!=e&&(n=e.domNode),(this.domNode.parentNode!==t.domNode||this.domNode.nextSibling!==n)&&this.domNode.insertBefore(t.domNode,n),t.attach()}length(){return this.children.reduce(((t,e)=>t+e.length()),0)}moveChildren(t,e){this.children.forEach((n=>{t.insertBefore(n,e)}))}optimize(t){if(super.optimize(t),this.enforceAllowedChildren(),null!=this.uiNode&&this.uiNode!==this.domNode.firstChild&&this.domNode.insertBefore(this.uiNode,this.domNode.firstChild),0===this.children.length)if(null!=this.statics.defaultChild){const t=this.scroll.create(this.statics.defaultChild.blotName);this.appendChild(t)}else this.remove()}path(e,n=!1){const[r,i]=this.children.find(e,n),s=[[this,e]];return r instanceof t?s.concat(r.path(i,n)):(null!=r&&s.push([r,i]),s)}removeChild(t){this.children.remove(t)}replaceWith(e,n){const r="string"==typeof e?this.scroll.create(e,n):e;return r instanceof t&&this.moveChildren(r),super.replaceWith(r)}split(t,e=!1){if(!e){if(0===t)return this;if(t===this.length())return this.next}const n=this.clone();return this.parent&&this.parent.insertBefore(n,this.next||void 0),this.children.forEachAt(t,this.length(),((t,r,i)=>{const s=t.split(r,e);null!=s&&n.appendChild(s)})),n}splitAfter(t){const e=this.clone();for(;null!=t.next;)e.appendChild(t.next);return this.parent&&this.parent.insertBefore(e,this.next||void 0),e}unwrap(){this.parent&&this.moveChildren(this.parent,this.next||void 0),this.remove()}update(t,e){const n=[],r=[];t.forEach((t=>{t.target===this.domNode&&"childList"===t.type&&(n.push(...t.addedNodes),r.push(...t.removedNodes))})),r.forEach((t=>{if(null!=t.parentNode&&"IFRAME"!==t.tagName&&document.body.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_CONTAINED_BY)return;const e=this.scroll.find(t);null!=e&&(null==e.domNode.parentNode||e.domNode.parentNode===this.domNode)&&e.detach()})),n.filter((t=>t.parentNode===this.domNode&&t!==this.uiNode)).sort(((t,e)=>t===e?0:t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING?1:-1)).forEach((t=>{let e=null;null!=t.nextSibling&&(e=this.scroll.find(t.nextSibling));const n=y(t,this.scroll);(n.next!==e||null==n.next)&&(null!=n.parent&&n.parent.removeChild(this),this.insertBefore(n,e||void 0))})),this.enforceAllowedChildren()}};v.uiClass="";const A=v,x=class t extends A{static create(t){return super.create(t)}static formats(e,n){const r=n.query(t.blotName);if(null==r||e.tagName!==r.tagName){if("string"==typeof this.tagName)return!0;if(Array.isArray(this.tagName))return e.tagName.toLowerCase()}}constructor(t,e){super(t,e),this.attributes=new d(this.domNode)}format(e,n){if(e!==this.statics.blotName||n){const t=this.scroll.query(e,r.INLINE);if(null==t)return;t instanceof i?this.attributes.attribute(t,n):n&&(e!==this.statics.blotName||this.formats()[e]!==n)&&this.replaceWith(e,n)}else this.children.forEach((e=>{e instanceof t||(e=e.wrap(t.blotName,!0)),this.attributes.copy(e)})),this.unwrap()}formats(){const t=this.attributes.values(),e=this.statics.formats(this.domNode,this.scroll);return null!=e&&(t[this.statics.blotName]=e),t}formatAt(t,e,n,i){null!=this.formats()[n]||this.scroll.query(n,r.ATTRIBUTE)?this.isolate(t,e).format(n,i):super.formatAt(t,e,n,i)}optimize(e){super.optimize(e);const n=this.formats();if(0===Object.keys(n).length)return this.unwrap();const r=this.next;r instanceof t&&r.prev===this&&function(t,e){if(Object.keys(t).length!==Object.keys(e).length)return!1;for(const n in t)if(t[n]!==e[n])return!1;return!0}(n,r.formats())&&(r.moveChildren(this),r.remove())}replaceWith(t,e){const n=super.replaceWith(t,e);return this.attributes.copy(n),n}update(t,e){super.update(t,e),t.some((t=>t.target===this.domNode&&"attributes"===t.type))&&this.attributes.build()}wrap(e,n){const r=super.wrap(e,n);return r instanceof t&&this.attributes.move(r),r}};x.allowedChildren=[x,m],x.blotName="inline",x.scope=r.INLINE_BLOT,x.tagName="SPAN";const N=x,E=class t extends A{static create(t){return super.create(t)}static formats(e,n){const r=n.query(t.blotName);if(null==r||e.tagName!==r.tagName){if("string"==typeof this.tagName)return!0;if(Array.isArray(this.tagName))return e.tagName.toLowerCase()}}constructor(t,e){super(t,e),this.attributes=new d(this.domNode)}format(e,n){const s=this.scroll.query(e,r.BLOCK);null!=s&&(s instanceof i?this.attributes.attribute(s,n):e!==this.statics.blotName||n?n&&(e!==this.statics.blotName||this.formats()[e]!==n)&&this.replaceWith(e,n):this.replaceWith(t.blotName))}formats(){const t=this.attributes.values(),e=this.statics.formats(this.domNode,this.scroll);return null!=e&&(t[this.statics.blotName]=e),t}formatAt(t,e,n,i){null!=this.scroll.query(n,r.BLOCK)?this.format(n,i):super.formatAt(t,e,n,i)}insertAt(t,e,n){if(null==n||null!=this.scroll.query(e,r.INLINE))super.insertAt(t,e,n);else{const r=this.split(t);if(null==r)throw new Error("Attempt to insertAt after block boundaries");{const t=this.scroll.create(e,n);r.parent.insertBefore(t,r)}}}replaceWith(t,e){const n=super.replaceWith(t,e);return this.attributes.copy(n),n}update(t,e){super.update(t,e),t.some((t=>t.target===this.domNode&&"attributes"===t.type))&&this.attributes.build()}};E.blotName="block",E.scope=r.BLOCK_BLOT,E.tagName="P",E.allowedChildren=[N,E,m];const w=E,q=class extends A{checkMerge(){return null!==this.next&&this.next.statics.blotName===this.statics.blotName}deleteAt(t,e){super.deleteAt(t,e),this.enforceAllowedChildren()}formatAt(t,e,n,r){super.formatAt(t,e,n,r),this.enforceAllowedChildren()}insertAt(t,e,n){super.insertAt(t,e,n),this.enforceAllowedChildren()}optimize(t){super.optimize(t),this.children.length>0&&null!=this.next&&this.checkMerge()&&(this.next.moveChildren(this),this.next.remove())}};q.blotName="container",q.scope=r.BLOCK_BLOT;const k=q,_=class extends m{static formats(t,e){}format(t,e){super.formatAt(0,this.length(),t,e)}formatAt(t,e,n,r){0===t&&e===this.length()?this.format(n,r):super.formatAt(t,e,n,r)}formats(){return this.statics.formats(this.domNode,this.scroll)}},L={attributes:!0,characterData:!0,characterDataOldValue:!0,childList:!0,subtree:!0},S=class extends A{constructor(t,e){super(null,e),this.registry=t,this.scroll=this,this.build(),this.observer=new MutationObserver((t=>{this.update(t)})),this.observer.observe(this.domNode,L),this.attach()}create(t,e){return this.registry.create(this,t,e)}find(t,e=!1){const n=this.registry.find(t,e);return n?n.scroll===this?n:e?this.find(n.scroll.domNode.parentNode,!0):null:null}query(t,e=r.ANY){return this.registry.query(t,e)}register(...t){return this.registry.register(...t)}build(){null!=this.scroll&&super.build()}detach(){super.detach(),this.observer.disconnect()}deleteAt(t,e){this.update(),0===t&&e===this.length()?this.children.forEach((t=>{t.remove()})):super.deleteAt(t,e)}formatAt(t,e,n,r){this.update(),super.formatAt(t,e,n,r)}insertAt(t,e,n){this.update(),super.insertAt(t,e,n)}optimize(t=[],e={}){super.optimize(e);const n=e.mutationsMap||new WeakMap;let r=Array.from(this.observer.takeRecords());for(;r.length>0;)t.push(r.pop());const i=(t,e=!0)=>{null==t||t===this||null!=t.domNode.parentNode&&(n.has(t.domNode)||n.set(t.domNode,[]),e&&i(t.parent))},s=t=>{n.has(t.domNode)&&(t instanceof A&&t.children.forEach(s),n.delete(t.domNode),t.optimize(e))};let o=t;for(let e=0;o.length>0;e+=1){if(e>=100)throw new Error("[Parchment] Maximum optimize iterations reached");for(o.forEach((t=>{const e=this.find(t.target,!0);null!=e&&(e.domNode===t.target&&("childList"===t.type?(i(this.find(t.previousSibling,!1)),Array.from(t.addedNodes).forEach((t=>{const e=this.find(t,!1);i(e,!1),e instanceof A&&e.children.forEach((t=>{i(t,!1)}))}))):"attributes"===t.type&&i(e.prev)),i(e))})),this.children.forEach(s),o=Array.from(this.observer.takeRecords()),r=o.slice();r.length>0;)t.push(r.pop())}}update(t,e={}){t=t||this.observer.takeRecords();const n=new WeakMap;t.map((t=>{const e=this.find(t.target,!0);return null==e?null:n.has(e.domNode)?(n.get(e.domNode).push(t),null):(n.set(e.domNode,[t]),e)})).forEach((t=>{null!=t&&t!==this&&n.has(t.domNode)&&t.update(n.get(t.domNode)||[],e)})),e.mutationsMap=n,n.has(this.domNode)&&super.update(n.get(this.domNode),e),this.optimize(t,e)}};S.blotName="scroll",S.defaultChild=w,S.allowedChildren=[w,k],S.scope=r.BLOCK_BLOT,S.tagName="DIV";const O=S,T=class t extends m{static create(t){return document.createTextNode(t)}static value(t){return t.data}constructor(t,e){super(t,e),this.text=this.statics.value(this.domNode)}deleteAt(t,e){this.domNode.data=this.text=this.text.slice(0,t)+this.text.slice(t+e)}index(t,e){return this.domNode===t?e:-1}insertAt(t,e,n){null==n?(this.text=this.text.slice(0,t)+e+this.text.slice(t),this.domNode.data=this.text):super.insertAt(t,e,n)}length(){return this.text.length}optimize(e){super.optimize(e),this.text=this.statics.value(this.domNode),0===this.text.length?this.remove():this.next instanceof t&&this.next.prev===this&&(this.insertAt(this.length(),this.next.value()),this.next.remove())}position(t,e=!1){return[this.domNode,t]}split(t,e=!1){if(!e){if(0===t)return this;if(t===this.length())return this.next}const n=this.scroll.create(this.domNode.splitText(t));return this.parent.insertBefore(n,this.next||void 0),this.text=this.statics.value(this.domNode),n}update(t,e){t.some((t=>"characterData"===t.type&&t.target===this.domNode))&&(this.text=this.statics.value(this.domNode))}value(){return this.text}};T.blotName="text",T.scope=r.INLINE_BLOT;const j=T}},e={};function n(r){var i=e[r];if(void 0!==i)return i.exports;var s=e[r]={id:r,loaded:!1,exports:{}};return t[r](s,s.exports,n),s.loaded=!0,s.exports}n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.nmd=function(t){return t.paths=[],t.children||(t.children=[]),t};var r={};return function(){"use strict";n.d(r,{default:function(){return It}});var t=n(3729),e=n(8276),i=n(7912),s=n(6003);class o extends s.ClassAttributor{add(t,e){let n=0;if("+1"===e||"-1"===e){const r=this.value(t)||0;n="+1"===e?r+1:r-1}else"number"==typeof e&&(n=e);return 0===n?(this.remove(t),!0):super.add(t,n.toString())}canAdd(t,e){return super.canAdd(t,e)||super.canAdd(t,parseInt(e,10))}value(t){return parseInt(super.value(t),10)||void 0}}var l=new o("indent","ql-indent",{scope:s.Scope.BLOCK,whitelist:[1,2,3,4,5,6,7,8]}),a=n(9698);class c extends a.Ay{static blotName="blockquote";static tagName="blockquote"}var u=c;class h extends a.Ay{static blotName="header";static tagName=["H1","H2","H3","H4","H5","H6"];static formats(t){return this.tagName.indexOf(t.tagName)+1}}var d=h,f=n(580),p=n(6142);class g extends f.A{}g.blotName="list-container",g.tagName="OL";class m extends a.Ay{static create(t){const e=super.create();return e.setAttribute("data-list",t),e}static formats(t){return t.getAttribute("data-list")||void 0}static register(){p.Ay.register(g)}constructor(t,e){super(t,e);const n=e.ownerDocument.createElement("span"),r=n=>{if(!t.isEnabled())return;const r=this.statics.formats(e,t);"checked"===r?(this.format("list","unchecked"),n.preventDefault()):"unchecked"===r&&(this.format("list","checked"),n.preventDefault())};n.addEventListener("mousedown",r),n.addEventListener("touchstart",r),this.attachUI(n)}format(t,e){t===this.statics.blotName&&e?this.domNode.setAttribute("data-list",e):super.format(t,e)}}m.blotName="list",m.tagName="LI",g.allowedChildren=[m],m.requiredContainer=g;var b=n(9541),y=n(8638),v=n(6772),A=n(664),x=n(4850);class N extends x.A{static blotName="bold";static tagName=["STRONG","B"];static create(){return super.create()}static formats(){return!0}optimize(t){super.optimize(t),this.domNode.tagName!==this.statics.tagName[0]&&this.replaceWith(this.statics.blotName)}}var E=N;class w extends x.A{static blotName="link";static tagName="A";static SANITIZED_URL="about:blank";static PROTOCOL_WHITELIST=["http","https","mailto","tel","sms"];static create(t){const e=super.create(t);return e.setAttribute("href",this.sanitize(t)),e.setAttribute("rel","noopener noreferrer"),e.setAttribute("target","_blank"),e}static formats(t){return t.getAttribute("href")}static sanitize(t){return q(t,this.PROTOCOL_WHITELIST)?t:this.SANITIZED_URL}format(t,e){t===this.statics.blotName&&e?this.domNode.setAttribute("href",this.constructor.sanitize(e)):super.format(t,e)}}function q(t,e){const n=document.createElement("a");n.href=t;const r=n.href.slice(0,n.href.indexOf(":"));return e.indexOf(r)>-1}class k extends x.A{static blotName="script";static tagName=["SUB","SUP"];static create(t){return"super"===t?document.createElement("sup"):"sub"===t?document.createElement("sub"):super.create(t)}static formats(t){return"SUB"===t.tagName?"sub":"SUP"===t.tagName?"super":void 0}}var _=k;class L extends x.A{static blotName="underline";static tagName="U"}var S=L,O=n(746);class T extends O.A{static blotName="formula";static className="ql-formula";static tagName="SPAN";static create(t){if(null==window.katex)throw new Error("Formula module requires KaTeX.");const e=super.create(t);return"string"==typeof t&&(window.katex.render(t,e,{throwOnError:!1,errorColor:"#f00"}),e.setAttribute("data-value",t)),e}static value(t){return t.getAttribute("data-value")}html(){const{formula:t}=this.value();return`<span>${t}</span>`}}var j=T;const C=["alt","height","width"];class R extends s.EmbedBlot{static blotName="image";static tagName="IMG";static create(t){const e=super.create(t);return"string"==typeof t&&e.setAttribute("src",this.sanitize(t)),e}static formats(t){return C.reduce(((e,n)=>(t.hasAttribute(n)&&(e[n]=t.getAttribute(n)),e)),{})}static match(t){return/\.(jpe?g|gif|png)$/.test(t)||/^data:image\/.+;base64/.test(t)}static sanitize(t){return q(t,["http","https","data"])?t:"//:0"}static value(t){return t.getAttribute("src")}format(t,e){C.indexOf(t)>-1?e?this.domNode.setAttribute(t,e):this.domNode.removeAttribute(t):super.format(t,e)}}var I=R;const B=["height","width"];class M extends a.zo{static blotName="video";static className="ql-video";static tagName="IFRAME";static create(t){const e=super.create(t);return e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","true"),e.setAttribute("src",this.sanitize(t)),e}static formats(t){return B.reduce(((e,n)=>(t.hasAttribute(n)&&(e[n]=t.getAttribute(n)),e)),{})}static sanitize(t){return w.sanitize(t)}static value(t){return t.getAttribute("src")}format(t,e){B.indexOf(t)>-1?e?this.domNode.setAttribute(t,e):this.domNode.removeAttribute(t):super.format(t,e)}html(){const{video:t}=this.value();return`<a href="${t}">${t}</a>`}}var U=M,D=n(9404),P=n(5232),z=n.n(P),F=n(4266),H=n(3036),$=n(4541),V=n(5508),K=n(584);const W=new s.ClassAttributor("code-token","hljs",{scope:s.Scope.INLINE});class Z extends x.A{static formats(t,e){for(;null!=t&&t!==e.domNode;){if(t.classList&&t.classList.contains(D.Ay.className))return super.formats(t,e);t=t.parentNode}}constructor(t,e,n){super(t,e,n),W.add(this.domNode,n)}format(t,e){t!==Z.blotName?super.format(t,e):e?W.add(this.domNode,e):(W.remove(this.domNode),this.domNode.classList.remove(this.statics.className))}optimize(){super.optimize(...arguments),W.value(this.domNode)||this.unwrap()}}Z.blotName="code-token",Z.className="ql-token";class G extends D.Ay{static create(t){const e=super.create(t);return"string"==typeof t&&e.setAttribute("data-language",t),e}static formats(t){return t.getAttribute("data-language")||"plain"}static register(){}format(t,e){t===this.statics.blotName&&e?this.domNode.setAttribute("data-language",e):super.format(t,e)}replaceWith(t,e){return this.formatAt(0,this.length(),Z.blotName,!1),super.replaceWith(t,e)}}class X extends D.EJ{attach(){super.attach(),this.forceNext=!1,this.scroll.emitMount(this)}format(t,e){t===G.blotName&&(this.forceNext=!0,this.children.forEach((n=>{n.format(t,e)})))}formatAt(t,e,n,r){n===G.blotName&&(this.forceNext=!0),super.formatAt(t,e,n,r)}highlight(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null==this.children.head)return;const n=`${Array.from(this.domNode.childNodes).filter((t=>t!==this.uiNode)).map((t=>t.textContent)).join("\n")}\n`,r=G.formats(this.children.head.domNode);if(e||this.forceNext||this.cachedText!==n){if(n.trim().length>0||null==this.cachedText){const e=this.children.reduce(((t,e)=>t.concat((0,a.mG)(e,!1))),new(z())),i=t(n,r);e.diff(i).reduce(((t,e)=>{let{retain:n,attributes:r}=e;return n?(r&&Object.keys(r).forEach((e=>{[G.blotName,Z.blotName].includes(e)&&this.formatAt(t,n,e,r[e])})),t+n):t}),0)}this.cachedText=n,this.forceNext=!1}}html(t,e){const[n]=this.children.find(t);return`<pre data-language="${n?G.formats(n.domNode):"plain"}">\n${(0,V.X)(this.code(t,e))}\n</pre>`}optimize(t){if(super.optimize(t),null!=this.parent&&null!=this.children.head&&null!=this.uiNode){const t=G.formats(this.children.head.domNode);t!==this.uiNode.value&&(this.uiNode.value=t)}}}X.allowedChildren=[G],G.requiredContainer=X,G.allowedChildren=[Z,$.A,V.A,H.A];class Q extends F.A{static register(){p.Ay.register(Z,!0),p.Ay.register(G,!0),p.Ay.register(X,!0)}constructor(t,e){if(super(t,e),null==this.options.hljs)throw new Error("Syntax module requires highlight.js. Please include the library on the page before Quill.");this.languages=this.options.languages.reduce(((t,e)=>{let{key:n}=e;return t[n]=!0,t}),{}),this.highlightBlot=this.highlightBlot.bind(this),this.initListener(),this.initTimer()}initListener(){this.quill.on(p.Ay.events.SCROLL_BLOT_MOUNT,(t=>{if(!(t instanceof X))return;const e=this.quill.root.ownerDocument.createElement("select");this.options.languages.forEach((t=>{let{key:n,label:r}=t;const i=e.ownerDocument.createElement("option");i.textContent=r,i.setAttribute("value",n),e.appendChild(i)})),e.addEventListener("change",(()=>{t.format(G.blotName,e.value),this.quill.root.focus(),this.highlight(t,!0)})),null==t.uiNode&&(t.attachUI(e),t.children.head&&(e.value=G.formats(t.children.head.domNode)))}))}initTimer(){let t=null;this.quill.on(p.Ay.events.SCROLL_OPTIMIZE,(()=>{t&&clearTimeout(t),t=setTimeout((()=>{this.highlight(),t=null}),this.options.interval)}))}highlight(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.quill.selection.composing)return;this.quill.update(p.Ay.sources.USER);const n=this.quill.getSelection();(null==t?this.quill.scroll.descendants(X):[t]).forEach((t=>{t.highlight(this.highlightBlot,e)})),this.quill.update(p.Ay.sources.SILENT),null!=n&&this.quill.setSelection(n,p.Ay.sources.SILENT)}highlightBlot(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"plain";if(e=this.languages[e]?e:"plain","plain"===e)return(0,V.X)(t).split("\n").reduce(((t,n,r)=>(0!==r&&t.insert("\n",{[D.Ay.blotName]:e}),t.insert(n))),new(z()));const n=this.quill.root.ownerDocument.createElement("div");return n.classList.add(D.Ay.className),n.innerHTML=((t,e,n)=>{if("string"==typeof t.versionString){const r=t.versionString.split(".")[0];if(parseInt(r,10)>=11)return t.highlight(n,{language:e}).value}return t.highlight(e,n).value})(this.options.hljs,e,t),(0,K.hV)(this.quill.scroll,n,[(t,e)=>{const n=W.value(t);return n?e.compose((new(z())).retain(e.length(),{[Z.blotName]:n})):e}],[(t,n)=>t.data.split("\n").reduce(((t,n,r)=>(0!==r&&t.insert("\n",{[D.Ay.blotName]:e}),t.insert(n))),n)],new WeakMap)}}Q.DEFAULTS={hljs:window.hljs,interval:1e3,languages:[{key:"plain",label:"Plain"},{key:"bash",label:"Bash"},{key:"cpp",label:"C++"},{key:"cs",label:"C#"},{key:"css",label:"CSS"},{key:"diff",label:"Diff"},{key:"xml",label:"HTML/XML"},{key:"java",label:"Java"},{key:"javascript",label:"JavaScript"},{key:"markdown",label:"Markdown"},{key:"php",label:"PHP"},{key:"python",label:"Python"},{key:"ruby",label:"Ruby"},{key:"sql",label:"SQL"}]};class J extends a.Ay{static blotName="table";static tagName="TD";static create(t){const e=super.create();return t?e.setAttribute("data-row",t):e.setAttribute("data-row",nt()),e}static formats(t){if(t.hasAttribute("data-row"))return t.getAttribute("data-row")}cellOffset(){return this.parent?this.parent.children.indexOf(this):-1}format(t,e){t===J.blotName&&e?this.domNode.setAttribute("data-row",e):super.format(t,e)}row(){return this.parent}rowOffset(){return this.row()?this.row().rowOffset():-1}table(){return this.row()&&this.row().table()}}class Y extends f.A{static blotName="table-row";static tagName="TR";checkMerge(){if(super.checkMerge()&&null!=this.next.children.head){const t=this.children.head.formats(),e=this.children.tail.formats(),n=this.next.children.head.formats(),r=this.next.children.tail.formats();return t.table===e.table&&t.table===n.table&&t.table===r.table}return!1}optimize(t){super.optimize(t),this.children.forEach((t=>{if(null==t.next)return;const e=t.formats(),n=t.next.formats();if(e.table!==n.table){const e=this.splitAfter(t);e&&e.optimize(),this.prev&&this.prev.optimize()}}))}rowOffset(){return this.parent?this.parent.children.indexOf(this):-1}table(){return this.parent&&this.parent.parent}}class tt extends f.A{static blotName="table-body";static tagName="TBODY"}class et extends f.A{static blotName="table-container";static tagName="TABLE";balanceCells(){const t=this.descendants(Y),e=t.reduce(((t,e)=>Math.max(e.children.length,t)),0);t.forEach((t=>{new Array(e-t.children.length).fill(0).forEach((()=>{let e;null!=t.children.head&&(e=J.formats(t.children.head.domNode));const n=this.scroll.create(J.blotName,e);t.appendChild(n),n.optimize()}))}))}cells(t){return this.rows().map((e=>e.children.at(t)))}deleteColumn(t){const[e]=this.descendant(tt);null!=e&&null!=e.children.head&&e.children.forEach((e=>{const n=e.children.at(t);null!=n&&n.remove()}))}insertColumn(t){const[e]=this.descendant(tt);null!=e&&null!=e.children.head&&e.children.forEach((e=>{const n=e.children.at(t),r=J.formats(e.children.head.domNode),i=this.scroll.create(J.blotName,r);e.insertBefore(i,n)}))}insertRow(t){const[e]=this.descendant(tt);if(null==e||null==e.children.head)return;const n=nt(),r=this.scroll.create(Y.blotName);e.children.head.children.forEach((()=>{const t=this.scroll.create(J.blotName,n);r.appendChild(t)}));const i=e.children.at(t);e.insertBefore(r,i)}rows(){const t=this.children.head;return null==t?[]:t.children.map((t=>t))}}function nt(){return`row-${Math.random().toString(36).slice(2,6)}`}et.allowedChildren=[tt],tt.requiredContainer=et,tt.allowedChildren=[Y],Y.requiredContainer=tt,Y.allowedChildren=[J],J.requiredContainer=Y;class rt extends F.A{static register(){p.Ay.register(J),p.Ay.register(Y),p.Ay.register(tt),p.Ay.register(et)}constructor(){super(...arguments),this.listenBalanceCells()}balanceTables(){this.quill.scroll.descendants(et).forEach((t=>{t.balanceCells()}))}deleteColumn(){const[t,,e]=this.getTable();null!=e&&(t.deleteColumn(e.cellOffset()),this.quill.update(p.Ay.sources.USER))}deleteRow(){const[,t]=this.getTable();null!=t&&(t.remove(),this.quill.update(p.Ay.sources.USER))}deleteTable(){const[t]=this.getTable();if(null==t)return;const e=t.offset();t.remove(),this.quill.update(p.Ay.sources.USER),this.quill.setSelection(e,p.Ay.sources.SILENT)}getTable(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.quill.getSelection();if(null==t)return[null,null,null,-1];const[e,n]=this.quill.getLine(t.index);if(null==e||e.statics.blotName!==J.blotName)return[null,null,null,-1];const r=e.parent;return[r.parent.parent,r,e,n]}insertColumn(t){const e=this.quill.getSelection();if(!e)return;const[n,r,i]=this.getTable(e);if(null==i)return;const s=i.cellOffset();n.insertColumn(s+t),this.quill.update(p.Ay.sources.USER);let o=r.rowOffset();0===t&&(o+=1),this.quill.setSelection(e.index+o,e.length,p.Ay.sources.SILENT)}insertColumnLeft(){this.insertColumn(0)}insertColumnRight(){this.insertColumn(1)}insertRow(t){const e=this.quill.getSelection();if(!e)return;const[n,r,i]=this.getTable(e);if(null==i)return;const s=r.rowOffset();n.insertRow(s+t),this.quill.update(p.Ay.sources.USER),t>0?this.quill.setSelection(e,p.Ay.sources.SILENT):this.quill.setSelection(e.index+r.children.length,e.length,p.Ay.sources.SILENT)}insertRowAbove(){this.insertRow(0)}insertRowBelow(){this.insertRow(1)}insertTable(t,e){const n=this.quill.getSelection();if(null==n)return;const r=new Array(t).fill(0).reduce((t=>{const n=new Array(e).fill("\n").join("");return t.insert(n,{table:nt()})}),(new(z())).retain(n.index));this.quill.updateContents(r,p.Ay.sources.USER),this.quill.setSelection(n.index,p.Ay.sources.SILENT),this.balanceTables()}listenBalanceCells(){this.quill.on(p.Ay.events.SCROLL_OPTIMIZE,(t=>{t.some((t=>!!["TD","TR","TBODY","TABLE"].includes(t.target.tagName)&&(this.quill.once(p.Ay.events.TEXT_CHANGE,((t,e,n)=>{n===p.Ay.sources.USER&&this.balanceTables()})),!0)))}))}}var it=rt;const st=(0,n(6078).A)("quill:toolbar");class ot extends F.A{constructor(t,e){if(super(t,e),Array.isArray(this.options.container)){const e=document.createElement("div");e.setAttribute("role","toolbar"),function(t,e){Array.isArray(e[0])||(e=[e]),e.forEach((e=>{const n=document.createElement("span");n.classList.add("ql-formats"),e.forEach((t=>{if("string"==typeof t)lt(n,t);else{const e=Object.keys(t)[0],r=t[e];Array.isArray(r)?function(t,e,n){const r=document.createElement("select");r.classList.add(`ql-${e}`),n.forEach((t=>{const e=document.createElement("option");!1!==t?e.setAttribute("value",String(t)):e.setAttribute("selected","selected"),r.appendChild(e)})),t.appendChild(r)}(n,e,r):lt(n,e,r)}})),t.appendChild(n)}))}(e,this.options.container),t.container?.parentNode?.insertBefore(e,t.container),this.container=e}else"string"==typeof this.options.container?this.container=document.querySelector(this.options.container):this.container=this.options.container;this.container instanceof HTMLElement?(this.container.classList.add("ql-toolbar"),this.controls=[],this.handlers={},this.options.handlers&&Object.keys(this.options.handlers).forEach((t=>{const e=this.options.handlers?.[t];e&&this.addHandler(t,e)})),Array.from(this.container.querySelectorAll("button, select")).forEach((t=>{this.attach(t)})),this.quill.on(p.Ay.events.EDITOR_CHANGE,(()=>{const[t]=this.quill.selection.getRange();this.update(t)}))):st.error("Container required for toolbar",this.options)}addHandler(t,e){this.handlers[t]=e}attach(t){let e=Array.from(t.classList).find((t=>0===t.indexOf("ql-")));if(!e)return;if(e=e.slice(3),"BUTTON"===t.tagName&&t.setAttribute("type","button"),null==this.handlers[e]&&null==this.quill.scroll.query(e))return void st.warn("ignoring attaching to nonexistent format",e,t);const n="SELECT"===t.tagName?"change":"click";t.addEventListener(n,(n=>{let r;if("SELECT"===t.tagName){if(t.selectedIndex<0)return;const e=t.options[t.selectedIndex];r=!e.hasAttribute("selected")&&(e.value||!1)}else r=!t.classList.contains("ql-active")&&(t.value||!t.hasAttribute("value")),n.preventDefault();this.quill.focus();const[i]=this.quill.selection.getRange();if(null!=this.handlers[e])this.handlers[e].call(this,r);else if(this.quill.scroll.query(e).prototype instanceof s.EmbedBlot){if(r=prompt(`Enter ${e}`),!r)return;this.quill.updateContents((new(z())).retain(i.index).delete(i.length).insert({[e]:r}),p.Ay.sources.USER)}else this.quill.format(e,r,p.Ay.sources.USER);this.update(i)})),this.controls.push([e,t])}update(t){const e=null==t?{}:this.quill.getFormat(t);this.controls.forEach((n=>{const[r,i]=n;if("SELECT"===i.tagName){let n=null;if(null==t)n=null;else if(null==e[r])n=i.querySelector("option[selected]");else if(!Array.isArray(e[r])){let t=e[r];"string"==typeof t&&(t=t.replace(/"/g,'\\"')),n=i.querySelector(`option[value="${t}"]`)}null==n?(i.value="",i.selectedIndex=-1):n.selected=!0}else if(null==t)i.classList.remove("ql-active"),i.setAttribute("aria-pressed","false");else if(i.hasAttribute("value")){const t=e[r],n=t===i.getAttribute("value")||null!=t&&t.toString()===i.getAttribute("value")||null==t&&!i.getAttribute("value");i.classList.toggle("ql-active",n),i.setAttribute("aria-pressed",n.toString())}else{const t=null!=e[r];i.classList.toggle("ql-active",t),i.setAttribute("aria-pressed",t.toString())}}))}}function lt(t,e,n){const r=document.createElement("button");r.setAttribute("type","button"),r.classList.add(`ql-${e}`),r.setAttribute("aria-pressed","false"),null!=n?(r.value=n,r.setAttribute("aria-label",`${e}: ${n}`)):r.setAttribute("aria-label",e),t.appendChild(r)}ot.DEFAULTS={},ot.DEFAULTS={container:null,handlers:{clean(){const t=this.quill.getSelection();if(null!=t)if(0===t.length){const t=this.quill.getFormat();Object.keys(t).forEach((t=>{null!=this.quill.scroll.query(t,s.Scope.INLINE)&&this.quill.format(t,!1,p.Ay.sources.USER)}))}else this.quill.removeFormat(t.index,t.length,p.Ay.sources.USER)},direction(t){const{align:e}=this.quill.getFormat();"rtl"===t&&null==e?this.quill.format("align","right",p.Ay.sources.USER):t||"right"!==e||this.quill.format("align",!1,p.Ay.sources.USER),this.quill.format("direction",t,p.Ay.sources.USER)},indent(t){const e=this.quill.getSelection(),n=this.quill.getFormat(e),r=parseInt(n.indent||0,10);if("+1"===t||"-1"===t){let e="+1"===t?1:-1;"rtl"===n.direction&&(e*=-1),this.quill.format("indent",r+e,p.Ay.sources.USER)}},link(t){!0===t&&(t=prompt("Enter link URL:")),this.quill.format("link",t,p.Ay.sources.USER)},list(t){const e=this.quill.getSelection(),n=this.quill.getFormat(e);"check"===t?"checked"===n.list||"unchecked"===n.list?this.quill.format("list",!1,p.Ay.sources.USER):this.quill.format("list","unchecked",p.Ay.sources.USER):this.quill.format("list",t,p.Ay.sources.USER)}}};const at='<svg viewbox="0 0 18 18"><polyline class="ql-even ql-stroke" points="5 7 3 9 5 11"/><polyline class="ql-even ql-stroke" points="13 7 15 9 13 11"/><line class="ql-stroke" x1="10" x2="8" y1="5" y2="13"/></svg>';var ct={align:{"":'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="3" x2="15" y1="9" y2="9"/><line class="ql-stroke" x1="3" x2="13" y1="14" y2="14"/><line class="ql-stroke" x1="3" x2="9" y1="4" y2="4"/></svg>',center:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"/><line class="ql-stroke" x1="14" x2="4" y1="14" y2="14"/><line class="ql-stroke" x1="12" x2="6" y1="4" y2="4"/></svg>',right:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"/><line class="ql-stroke" x1="15" x2="5" y1="14" y2="14"/><line class="ql-stroke" x1="15" x2="9" y1="4" y2="4"/></svg>',justify:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"/><line class="ql-stroke" x1="15" x2="3" y1="14" y2="14"/><line class="ql-stroke" x1="15" x2="3" y1="4" y2="4"/></svg>'},background:'<svg viewbox="0 0 18 18"><g class="ql-fill ql-color-label"><polygon points="6 6.868 6 6 5 6 5 7 5.942 7 6 6.868"/><rect height="1" width="1" x="4" y="4"/><polygon points="6.817 5 6 5 6 6 6.38 6 6.817 5"/><rect height="1" width="1" x="2" y="6"/><rect height="1" width="1" x="3" y="5"/><rect height="1" width="1" x="4" y="7"/><polygon points="4 11.439 4 11 3 11 3 12 3.755 12 4 11.439"/><rect height="1" width="1" x="2" y="12"/><rect height="1" width="1" x="2" y="9"/><rect height="1" width="1" x="2" y="15"/><polygon points="4.63 10 4 10 4 11 4.192 11 4.63 10"/><rect height="1" width="1" x="3" y="8"/><path d="M10.832,4.2L11,4.582V4H10.708A1.948,1.948,0,0,1,10.832,4.2Z"/><path d="M7,4.582L7.168,4.2A1.929,1.929,0,0,1,7.292,4H7V4.582Z"/><path d="M8,13H7.683l-0.351.8a1.933,1.933,0,0,1-.124.2H8V13Z"/><rect height="1" width="1" x="12" y="2"/><rect height="1" width="1" x="11" y="3"/><path d="M9,3H8V3.282A1.985,1.985,0,0,1,9,3Z"/><rect height="1" width="1" x="2" y="3"/><rect height="1" width="1" x="6" y="2"/><rect height="1" width="1" x="3" y="2"/><rect height="1" width="1" x="5" y="3"/><rect height="1" width="1" x="9" y="2"/><rect height="1" width="1" x="15" y="14"/><polygon points="13.447 10.174 13.469 10.225 13.472 10.232 13.808 11 14 11 14 10 13.37 10 13.447 10.174"/><rect height="1" width="1" x="13" y="7"/><rect height="1" width="1" x="15" y="5"/><rect height="1" width="1" x="14" y="6"/><rect height="1" width="1" x="15" y="8"/><rect height="1" width="1" x="14" y="9"/><path d="M3.775,14H3v1H4V14.314A1.97,1.97,0,0,1,3.775,14Z"/><rect height="1" width="1" x="14" y="3"/><polygon points="12 6.868 12 6 11.62 6 12 6.868"/><rect height="1" width="1" x="15" y="2"/><rect height="1" width="1" x="12" y="5"/><rect height="1" width="1" x="13" y="4"/><polygon points="12.933 9 13 9 13 8 12.495 8 12.933 9"/><rect height="1" width="1" x="9" y="14"/><rect height="1" width="1" x="8" y="15"/><path d="M6,14.926V15H7V14.316A1.993,1.993,0,0,1,6,14.926Z"/><rect height="1" width="1" x="5" y="15"/><path d="M10.668,13.8L10.317,13H10v1h0.792A1.947,1.947,0,0,1,10.668,13.8Z"/><rect height="1" width="1" x="11" y="15"/><path d="M14.332,12.2a1.99,1.99,0,0,1,.166.8H15V12H14.245Z"/><rect height="1" width="1" x="14" y="15"/><rect height="1" width="1" x="15" y="11"/></g><polyline class="ql-stroke" points="5.5 13 9 5 12.5 13"/><line class="ql-stroke" x1="11.63" x2="6.38" y1="11" y2="11"/></svg>',blockquote:'<svg viewbox="0 0 18 18"><rect class="ql-fill ql-stroke" height="3" width="3" x="4" y="5"/><rect class="ql-fill ql-stroke" height="3" width="3" x="11" y="5"/><path class="ql-even ql-fill ql-stroke" d="M7,8c0,4.031-3,5-3,5"/><path class="ql-even ql-fill ql-stroke" d="M14,8c0,4.031-3,5-3,5"/></svg>',bold:'<svg viewbox="0 0 18 18"><path class="ql-stroke" d="M5,4H9.5A2.5,2.5,0,0,1,12,6.5v0A2.5,2.5,0,0,1,9.5,9H5A0,0,0,0,1,5,9V4A0,0,0,0,1,5,4Z"/><path class="ql-stroke" d="M5,9h5.5A2.5,2.5,0,0,1,13,11.5v0A2.5,2.5,0,0,1,10.5,14H5a0,0,0,0,1,0,0V9A0,0,0,0,1,5,9Z"/></svg>',clean:'<svg class="" viewbox="0 0 18 18"><line class="ql-stroke" x1="5" x2="13" y1="3" y2="3"/><line class="ql-stroke" x1="6" x2="9.35" y1="12" y2="3"/><line class="ql-stroke" x1="11" x2="15" y1="11" y2="15"/><line class="ql-stroke" x1="15" x2="11" y1="11" y2="15"/><rect class="ql-fill" height="1" rx="0.5" ry="0.5" width="7" x="2" y="14"/></svg>',code:at,"code-block":at,color:'<svg viewbox="0 0 18 18"><line class="ql-color-label ql-stroke ql-transparent" x1="3" x2="15" y1="15" y2="15"/><polyline class="ql-stroke" points="5.5 11 9 3 12.5 11"/><line class="ql-stroke" x1="11.63" x2="6.38" y1="9" y2="9"/></svg>',direction:{"":'<svg viewbox="0 0 18 18"><polygon class="ql-stroke ql-fill" points="3 11 5 9 3 7 3 11"/><line class="ql-stroke ql-fill" x1="15" x2="11" y1="4" y2="4"/><path class="ql-fill" d="M11,3a3,3,0,0,0,0,6h1V3H11Z"/><rect class="ql-fill" height="11" width="1" x="11" y="4"/><rect class="ql-fill" height="11" width="1" x="13" y="4"/></svg>',rtl:'<svg viewbox="0 0 18 18"><polygon class="ql-stroke ql-fill" points="15 12 13 10 15 8 15 12"/><line class="ql-stroke ql-fill" x1="9" x2="5" y1="4" y2="4"/><path class="ql-fill" d="M5,3A3,3,0,0,0,5,9H6V3H5Z"/><rect class="ql-fill" height="11" width="1" x="5" y="4"/><rect class="ql-fill" height="11" width="1" x="7" y="4"/></svg>'},formula:'<svg viewbox="0 0 18 18"><path class="ql-fill" d="M11.759,2.482a2.561,2.561,0,0,0-3.53.607A7.656,7.656,0,0,0,6.8,6.2C6.109,9.188,5.275,14.677,4.15,14.927a1.545,1.545,0,0,0-1.3-.933A0.922,0.922,0,0,0,2,15.036S1.954,16,4.119,16s3.091-2.691,3.7-5.553c0.177-.826.36-1.726,0.554-2.6L8.775,6.2c0.381-1.421.807-2.521,1.306-2.676a1.014,1.014,0,0,0,1.02.56A0.966,0.966,0,0,0,11.759,2.482Z"/><rect class="ql-fill" height="1.6" rx="0.8" ry="0.8" width="5" x="5.15" y="6.2"/><path class="ql-fill" d="M13.663,12.027a1.662,1.662,0,0,1,.266-0.276q0.193,0.069.456,0.138a2.1,2.1,0,0,0,.535.069,1.075,1.075,0,0,0,.767-0.3,1.044,1.044,0,0,0,.314-0.8,0.84,0.84,0,0,0-.238-0.619,0.8,0.8,0,0,0-.594-0.239,1.154,1.154,0,0,0-.781.3,4.607,4.607,0,0,0-.781,1q-0.091.15-.218,0.346l-0.246.38c-0.068-.288-0.137-0.582-0.212-0.885-0.459-1.847-2.494-.984-2.941-0.8-0.482.2-.353,0.647-0.094,0.529a0.869,0.869,0,0,1,1.281.585c0.217,0.751.377,1.436,0.527,2.038a5.688,5.688,0,0,1-.362.467,2.69,2.69,0,0,1-.264.271q-0.221-.08-0.471-0.147a2.029,2.029,0,0,0-.522-0.066,1.079,1.079,0,0,0-.768.3A1.058,1.058,0,0,0,9,15.131a0.82,0.82,0,0,0,.832.852,1.134,1.134,0,0,0,.787-0.3,5.11,5.11,0,0,0,.776-0.993q0.141-.219.215-0.34c0.046-.076.122-0.194,0.223-0.346a2.786,2.786,0,0,0,.918,1.726,2.582,2.582,0,0,0,2.376-.185c0.317-.181.212-0.565,0-0.494A0.807,0.807,0,0,1,14.176,15a5.159,5.159,0,0,1-.913-2.446l0,0Q13.487,12.24,13.663,12.027Z"/></svg>',header:{1:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M10,4V14a1,1,0,0,1-2,0V10H3v4a1,1,0,0,1-2,0V4A1,1,0,0,1,3,4V8H8V4a1,1,0,0,1,2,0Zm6.06787,9.209H14.98975V7.59863a.54085.54085,0,0,0-.605-.60547h-.62744a1.01119,1.01119,0,0,0-.748.29688L11.645,8.56641a.5435.5435,0,0,0-.022.8584l.28613.30762a.53861.53861,0,0,0,.84717.0332l.09912-.08789a1.2137,1.2137,0,0,0,.2417-.35254h.02246s-.01123.30859-.01123.60547V13.209H12.041a.54085.54085,0,0,0-.605.60547v.43945a.54085.54085,0,0,0,.605.60547h4.02686a.54085.54085,0,0,0,.605-.60547v-.43945A.54085.54085,0,0,0,16.06787,13.209Z"/></svg>',2:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M16.73975,13.81445v.43945a.54085.54085,0,0,1-.605.60547H11.855a.58392.58392,0,0,1-.64893-.60547V14.0127c0-2.90527,3.39941-3.42187,3.39941-4.55469a.77675.77675,0,0,0-.84717-.78125,1.17684,1.17684,0,0,0-.83594.38477c-.2749.26367-.561.374-.85791.13184l-.4292-.34082c-.30811-.24219-.38525-.51758-.1543-.81445a2.97155,2.97155,0,0,1,2.45361-1.17676,2.45393,2.45393,0,0,1,2.68408,2.40918c0,2.45312-3.1792,2.92676-3.27832,3.93848h2.79443A.54085.54085,0,0,1,16.73975,13.81445ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"/></svg>',3:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M16.65186,12.30664a2.6742,2.6742,0,0,1-2.915,2.68457,3.96592,3.96592,0,0,1-2.25537-.6709.56007.56007,0,0,1-.13232-.83594L11.64648,13c.209-.34082.48389-.36328.82471-.1543a2.32654,2.32654,0,0,0,1.12256.33008c.71484,0,1.12207-.35156,1.12207-.78125,0-.61523-.61621-.86816-1.46338-.86816H13.2085a.65159.65159,0,0,1-.68213-.41895l-.05518-.10937a.67114.67114,0,0,1,.14307-.78125l.71533-.86914a8.55289,8.55289,0,0,1,.68213-.7373V8.58887a3.93913,3.93913,0,0,1-.748.05469H11.9873a.54085.54085,0,0,1-.605-.60547V7.59863a.54085.54085,0,0,1,.605-.60547h3.75146a.53773.53773,0,0,1,.60547.59375v.17676a1.03723,1.03723,0,0,1-.27539.748L14.74854,10.0293A2.31132,2.31132,0,0,1,16.65186,12.30664ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"/></svg>',4:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M10,4V14a1,1,0,0,1-2,0V10H3v4a1,1,0,0,1-2,0V4A1,1,0,0,1,3,4V8H8V4a1,1,0,0,1,2,0Zm7.05371,7.96582v.38477c0,.39648-.165.60547-.46191.60547h-.47314v1.29785a.54085.54085,0,0,1-.605.60547h-.69336a.54085.54085,0,0,1-.605-.60547V12.95605H11.333a.5412.5412,0,0,1-.60547-.60547v-.15332a1.199,1.199,0,0,1,.22021-.748l2.56348-4.05957a.7819.7819,0,0,1,.72607-.39648h1.27637a.54085.54085,0,0,1,.605.60547v3.7627h.33008A.54055.54055,0,0,1,17.05371,11.96582ZM14.28125,8.7207h-.022a4.18969,4.18969,0,0,1-.38525.81348l-1.188,1.80469v.02246h1.5293V9.60059A7.04058,7.04058,0,0,1,14.28125,8.7207Z"/></svg>',5:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M16.74023,12.18555a2.75131,2.75131,0,0,1-2.91553,2.80566,3.908,3.908,0,0,1-2.25537-.68164.54809.54809,0,0,1-.13184-.8252L11.73438,13c.209-.34082.48389-.36328.8252-.1543a2.23757,2.23757,0,0,0,1.1001.33008,1.01827,1.01827,0,0,0,1.1001-.96777c0-.61621-.53906-.97949-1.25439-.97949a2.15554,2.15554,0,0,0-.64893.09961,1.15209,1.15209,0,0,1-.814.01074l-.12109-.04395a.64116.64116,0,0,1-.45117-.71484l.231-3.00391a.56666.56666,0,0,1,.62744-.583H15.541a.54085.54085,0,0,1,.605.60547v.43945a.54085.54085,0,0,1-.605.60547H13.41748l-.04395.72559a1.29306,1.29306,0,0,1-.04395.30859h.022a2.39776,2.39776,0,0,1,.57227-.07715A2.53266,2.53266,0,0,1,16.74023,12.18555ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"/></svg>',6:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M14.51758,9.64453a1.85627,1.85627,0,0,0-1.24316.38477H13.252a1.73532,1.73532,0,0,1,1.72754-1.4082,2.66491,2.66491,0,0,1,.5498.06641c.35254.05469.57227.01074.70508-.40723l.16406-.5166a.53393.53393,0,0,0-.373-.75977,4.83723,4.83723,0,0,0-1.17773-.14258c-2.43164,0-3.7627,2.17773-3.7627,4.43359,0,2.47559,1.60645,3.69629,3.19043,3.69629A2.70585,2.70585,0,0,0,16.96,12.19727,2.43861,2.43861,0,0,0,14.51758,9.64453Zm-.23047,3.58691c-.67187,0-1.22168-.81445-1.22168-1.45215,0-.47363.30762-.583.72559-.583.96875,0,1.27734.59375,1.27734,1.12207A.82182.82182,0,0,1,14.28711,13.23145ZM10,4V14a1,1,0,0,1-2,0V10H3v4a1,1,0,0,1-2,0V4A1,1,0,0,1,3,4V8H8V4a1,1,0,0,1,2,0Z"/></svg>'},italic:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="7" x2="13" y1="4" y2="4"/><line class="ql-stroke" x1="5" x2="11" y1="14" y2="14"/><line class="ql-stroke" x1="8" x2="10" y1="14" y2="4"/></svg>',image:'<svg viewbox="0 0 18 18"><rect class="ql-stroke" height="10" width="12" x="3" y="4"/><circle class="ql-fill" cx="6" cy="7" r="1"/><polyline class="ql-even ql-fill" points="5 12 5 11 7 9 8 10 11 7 13 9 13 12 5 12"/></svg>',indent:{"+1":'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="3" x2="15" y1="14" y2="14"/><line class="ql-stroke" x1="3" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="9" x2="15" y1="9" y2="9"/><polyline class="ql-fill ql-stroke" points="3 7 3 11 5 9 3 7"/></svg>',"-1":'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="3" x2="15" y1="14" y2="14"/><line class="ql-stroke" x1="3" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="9" x2="15" y1="9" y2="9"/><polyline class="ql-stroke" points="5 7 5 11 3 9 5 7"/></svg>'},link:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="7" x2="11" y1="7" y2="11"/><path class="ql-even ql-stroke" d="M8.9,4.577a3.476,3.476,0,0,1,.36,4.679A3.476,3.476,0,0,1,4.577,8.9C3.185,7.5,2.035,6.4,4.217,4.217S7.5,3.185,8.9,4.577Z"/><path class="ql-even ql-stroke" d="M13.423,9.1a3.476,3.476,0,0,0-4.679-.36,3.476,3.476,0,0,0,.36,4.679c1.392,1.392,2.5,2.542,4.679.36S14.815,10.5,13.423,9.1Z"/></svg>',list:{bullet:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="6" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="6" x2="15" y1="9" y2="9"/><line class="ql-stroke" x1="6" x2="15" y1="14" y2="14"/><line class="ql-stroke" x1="3" x2="3" y1="4" y2="4"/><line class="ql-stroke" x1="3" x2="3" y1="9" y2="9"/><line class="ql-stroke" x1="3" x2="3" y1="14" y2="14"/></svg>',check:'<svg class="" viewbox="0 0 18 18"><line class="ql-stroke" x1="9" x2="15" y1="4" y2="4"/><polyline class="ql-stroke" points="3 4 4 5 6 3"/><line class="ql-stroke" x1="9" x2="15" y1="14" y2="14"/><polyline class="ql-stroke" points="3 14 4 15 6 13"/><line class="ql-stroke" x1="9" x2="15" y1="9" y2="9"/><polyline class="ql-stroke" points="3 9 4 10 6 8"/></svg>',ordered:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="7" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="7" x2="15" y1="9" y2="9"/><line class="ql-stroke" x1="7" x2="15" y1="14" y2="14"/><line class="ql-stroke ql-thin" x1="2.5" x2="4.5" y1="5.5" y2="5.5"/><path class="ql-fill" d="M3.5,6A0.5,0.5,0,0,1,3,5.5V3.085l-0.276.138A0.5,0.5,0,0,1,2.053,3c-0.124-.247-0.023-0.324.224-0.447l1-.5A0.5,0.5,0,0,1,4,2.5v3A0.5,0.5,0,0,1,3.5,6Z"/><path class="ql-stroke ql-thin" d="M4.5,10.5h-2c0-.234,1.85-1.076,1.85-2.234A0.959,0.959,0,0,0,2.5,8.156"/><path class="ql-stroke ql-thin" d="M2.5,14.846a0.959,0.959,0,0,0,1.85-.109A0.7,0.7,0,0,0,3.75,14a0.688,0.688,0,0,0,.6-0.736,0.959,0.959,0,0,0-1.85-.109"/></svg>'},script:{sub:'<svg viewbox="0 0 18 18"><path class="ql-fill" d="M15.5,15H13.861a3.858,3.858,0,0,0,1.914-2.975,1.8,1.8,0,0,0-1.6-1.751A1.921,1.921,0,0,0,12.021,11.7a0.50013,0.50013,0,1,0,.957.291h0a0.914,0.914,0,0,1,1.053-.725,0.81,0.81,0,0,1,.744.762c0,1.076-1.16971,1.86982-1.93971,2.43082A1.45639,1.45639,0,0,0,12,15.5a0.5,0.5,0,0,0,.5.5h3A0.5,0.5,0,0,0,15.5,15Z"/><path class="ql-fill" d="M9.65,5.241a1,1,0,0,0-1.409.108L6,7.964,3.759,5.349A1,1,0,0,0,2.192,6.59178Q2.21541,6.6213,2.241,6.649L4.684,9.5,2.241,12.35A1,1,0,0,0,3.71,13.70722q0.02557-.02768.049-0.05722L6,11.036,8.241,13.65a1,1,0,1,0,1.567-1.24277Q9.78459,12.3777,9.759,12.35L7.316,9.5,9.759,6.651A1,1,0,0,0,9.65,5.241Z"/></svg>',super:'<svg viewbox="0 0 18 18"><path class="ql-fill" d="M15.5,7H13.861a4.015,4.015,0,0,0,1.914-2.975,1.8,1.8,0,0,0-1.6-1.751A1.922,1.922,0,0,0,12.021,3.7a0.5,0.5,0,1,0,.957.291,0.917,0.917,0,0,1,1.053-.725,0.81,0.81,0,0,1,.744.762c0,1.077-1.164,1.925-1.934,2.486A1.423,1.423,0,0,0,12,7.5a0.5,0.5,0,0,0,.5.5h3A0.5,0.5,0,0,0,15.5,7Z"/><path class="ql-fill" d="M9.651,5.241a1,1,0,0,0-1.41.108L6,7.964,3.759,5.349a1,1,0,1,0-1.519,1.3L4.683,9.5,2.241,12.35a1,1,0,1,0,1.519,1.3L6,11.036,8.241,13.65a1,1,0,0,0,1.519-1.3L7.317,9.5,9.759,6.651A1,1,0,0,0,9.651,5.241Z"/></svg>'},strike:'<svg viewbox="0 0 18 18"><line class="ql-stroke ql-thin" x1="15.5" x2="2.5" y1="8.5" y2="9.5"/><path class="ql-fill" d="M9.007,8C6.542,7.791,6,7.519,6,6.5,6,5.792,7.283,5,9,5c1.571,0,2.765.679,2.969,1.309a1,1,0,0,0,1.9-.617C13.356,4.106,11.354,3,9,3,6.2,3,4,4.538,4,6.5a3.2,3.2,0,0,0,.5,1.843Z"/><path class="ql-fill" d="M8.984,10C11.457,10.208,12,10.479,12,11.5c0,0.708-1.283,1.5-3,1.5-1.571,0-2.765-.679-2.969-1.309a1,1,0,1,0-1.9.617C4.644,13.894,6.646,15,9,15c2.8,0,5-1.538,5-3.5a3.2,3.2,0,0,0-.5-1.843Z"/></svg>',table:'<svg viewbox="0 0 18 18"><rect class="ql-stroke" height="12" width="12" x="3" y="3"/><rect class="ql-fill" height="2" width="3" x="5" y="5"/><rect class="ql-fill" height="2" width="4" x="9" y="5"/><g class="ql-fill ql-transparent"><rect height="2" width="3" x="5" y="8"/><rect height="2" width="4" x="9" y="8"/><rect height="2" width="3" x="5" y="11"/><rect height="2" width="4" x="9" y="11"/></g></svg>',underline:'<svg viewbox="0 0 18 18"><path class="ql-stroke" d="M5,3V9a4.012,4.012,0,0,0,4,4H9a4.012,4.012,0,0,0,4-4V3"/><rect class="ql-fill" height="1" rx="0.5" ry="0.5" width="12" x="3" y="15"/></svg>',video:'<svg viewbox="0 0 18 18"><rect class="ql-stroke" height="12" width="12" x="3" y="3"/><rect class="ql-fill" height="12" width="1" x="5" y="3"/><rect class="ql-fill" height="12" width="1" x="12" y="3"/><rect class="ql-fill" height="2" width="8" x="5" y="8"/><rect class="ql-fill" height="1" width="3" x="3" y="5"/><rect class="ql-fill" height="1" width="3" x="3" y="7"/><rect class="ql-fill" height="1" width="3" x="3" y="10"/><rect class="ql-fill" height="1" width="3" x="3" y="12"/><rect class="ql-fill" height="1" width="3" x="12" y="5"/><rect class="ql-fill" height="1" width="3" x="12" y="7"/><rect class="ql-fill" height="1" width="3" x="12" y="10"/><rect class="ql-fill" height="1" width="3" x="12" y="12"/></svg>'};let ut=0;function ht(t,e){t.setAttribute(e,`${!("true"===t.getAttribute(e))}`)}var dt=class{constructor(t){this.select=t,this.container=document.createElement("span"),this.buildPicker(),this.select.style.display="none",this.select.parentNode.insertBefore(this.container,this.select),this.label.addEventListener("mousedown",(()=>{this.togglePicker()})),this.label.addEventListener("keydown",(t=>{switch(t.key){case"Enter":this.togglePicker();break;case"Escape":this.escape(),t.preventDefault()}})),this.select.addEventListener("change",this.update.bind(this))}togglePicker(){this.container.classList.toggle("ql-expanded"),ht(this.label,"aria-expanded"),ht(this.options,"aria-hidden")}buildItem(t){const e=document.createElement("span");e.tabIndex="0",e.setAttribute("role","button"),e.classList.add("ql-picker-item");const n=t.getAttribute("value");return n&&e.setAttribute("data-value",n),t.textContent&&e.setAttribute("data-label",t.textContent),e.addEventListener("click",(()=>{this.selectItem(e,!0)})),e.addEventListener("keydown",(t=>{switch(t.key){case"Enter":this.selectItem(e,!0),t.preventDefault();break;case"Escape":this.escape(),t.preventDefault()}})),e}buildLabel(){const t=document.createElement("span");return t.classList.add("ql-picker-label"),t.innerHTML='<svg viewbox="0 0 18 18"><polygon class="ql-stroke" points="7 11 9 13 11 11 7 11"/><polygon class="ql-stroke" points="7 7 9 5 11 7 7 7"/></svg>',t.tabIndex="0",t.setAttribute("role","button"),t.setAttribute("aria-expanded","false"),this.container.appendChild(t),t}buildOptions(){const t=document.createElement("span");t.classList.add("ql-picker-options"),t.setAttribute("aria-hidden","true"),t.tabIndex="-1",t.id=`ql-picker-options-${ut}`,ut+=1,this.label.setAttribute("aria-controls",t.id),this.options=t,Array.from(this.select.options).forEach((e=>{const n=this.buildItem(e);t.appendChild(n),!0===e.selected&&this.selectItem(n)})),this.container.appendChild(t)}buildPicker(){Array.from(this.select.attributes).forEach((t=>{this.container.setAttribute(t.name,t.value)})),this.container.classList.add("ql-picker"),this.label=this.buildLabel(),this.buildOptions()}escape(){this.close(),setTimeout((()=>this.label.focus()),1)}close(){this.container.classList.remove("ql-expanded"),this.label.setAttribute("aria-expanded","false"),this.options.setAttribute("aria-hidden","true")}selectItem(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const n=this.container.querySelector(".ql-selected");t!==n&&(null!=n&&n.classList.remove("ql-selected"),null!=t&&(t.classList.add("ql-selected"),this.select.selectedIndex=Array.from(t.parentNode.children).indexOf(t),t.hasAttribute("data-value")?this.label.setAttribute("data-value",t.getAttribute("data-value")):this.label.removeAttribute("data-value"),t.hasAttribute("data-label")?this.label.setAttribute("data-label",t.getAttribute("data-label")):this.label.removeAttribute("data-label"),e&&(this.select.dispatchEvent(new Event("change")),this.close())))}update(){let t;if(this.select.selectedIndex>-1){const e=this.container.querySelector(".ql-picker-options").children[this.select.selectedIndex];t=this.select.options[this.select.selectedIndex],this.selectItem(e)}else this.selectItem(null);const e=null!=t&&t!==this.select.querySelector("option[selected]");this.label.classList.toggle("ql-active",e)}},ft=class extends dt{constructor(t,e){super(t),this.label.innerHTML=e,this.container.classList.add("ql-color-picker"),Array.from(this.container.querySelectorAll(".ql-picker-item")).slice(0,7).forEach((t=>{t.classList.add("ql-primary")}))}buildItem(t){const e=super.buildItem(t);return e.style.backgroundColor=t.getAttribute("value")||"",e}selectItem(t,e){super.selectItem(t,e);const n=this.label.querySelector(".ql-color-label"),r=t&&t.getAttribute("data-value")||"";n&&("line"===n.tagName?n.style.stroke=r:n.style.fill=r)}},pt=class extends dt{constructor(t,e){super(t),this.container.classList.add("ql-icon-picker"),Array.from(this.container.querySelectorAll(".ql-picker-item")).forEach((t=>{t.innerHTML=e[t.getAttribute("data-value")||""]})),this.defaultItem=this.container.querySelector(".ql-selected"),this.selectItem(this.defaultItem)}selectItem(t,e){super.selectItem(t,e);const n=t||this.defaultItem;if(null!=n){if(this.label.innerHTML===n.innerHTML)return;this.label.innerHTML=n.innerHTML}}},gt=class{constructor(t,e){this.quill=t,this.boundsContainer=e||document.body,this.root=t.addContainer("ql-tooltip"),this.root.innerHTML=this.constructor.TEMPLATE,(t=>{const{overflowY:e}=getComputedStyle(t,null);return"visible"!==e&&"clip"!==e})(this.quill.root)&&this.quill.root.addEventListener("scroll",(()=>{this.root.style.marginTop=-1*this.quill.root.scrollTop+"px"})),this.hide()}hide(){this.root.classList.add("ql-hidden")}position(t){const e=t.left+t.width/2-this.root.offsetWidth/2,n=t.bottom+this.quill.root.scrollTop;this.root.style.left=`${e}px`,this.root.style.top=`${n}px`,this.root.classList.remove("ql-flip");const r=this.boundsContainer.getBoundingClientRect(),i=this.root.getBoundingClientRect();let s=0;if(i.right>r.right&&(s=r.right-i.right,this.root.style.left=`${e+s}px`),i.left<r.left&&(s=r.left-i.left,this.root.style.left=`${e+s}px`),i.bottom>r.bottom){const e=i.bottom-i.top,r=t.bottom-t.top+e;this.root.style.top=n-r+"px",this.root.classList.add("ql-flip")}return s}show(){this.root.classList.remove("ql-editing"),this.root.classList.remove("ql-hidden")}},mt=n(8347),bt=n(5374),yt=n(9609);const vt=[!1,"center","right","justify"],At=["#000000","#e60000","#ff9900","#ffff00","#008a00","#0066cc","#9933ff","#ffffff","#facccc","#ffebcc","#ffffcc","#cce8cc","#cce0f5","#ebd6ff","#bbbbbb","#f06666","#ffc266","#ffff66","#66b966","#66a3e0","#c285ff","#888888","#a10000","#b26b00","#b2b200","#006100","#0047b2","#6b24b2","#444444","#5c0000","#663d00","#666600","#003700","#002966","#3d1466"],xt=[!1,"serif","monospace"],Nt=["1","2","3",!1],Et=["small",!1,"large","huge"];class wt extends yt.A{constructor(t,e){super(t,e);const n=e=>{document.body.contains(t.root)?(null==this.tooltip||this.tooltip.root.contains(e.target)||document.activeElement===this.tooltip.textbox||this.quill.hasFocus()||this.tooltip.hide(),null!=this.pickers&&this.pickers.forEach((t=>{t.container.contains(e.target)||t.close()}))):document.body.removeEventListener("click",n)};t.emitter.listenDOM("click",document.body,n)}addModule(t){const e=super.addModule(t);return"toolbar"===t&&this.extendToolbar(e),e}buildButtons(t,e){Array.from(t).forEach((t=>{(t.getAttribute("class")||"").split(/\s+/).forEach((n=>{if(n.startsWith("ql-")&&(n=n.slice(3),null!=e[n]))if("direction"===n)t.innerHTML=e[n][""]+e[n].rtl;else if("string"==typeof e[n])t.innerHTML=e[n];else{const r=t.value||"";null!=r&&e[n][r]&&(t.innerHTML=e[n][r])}}))}))}buildPickers(t,e){this.pickers=Array.from(t).map((t=>{if(t.classList.contains("ql-align")&&(null==t.querySelector("option")&&kt(t,vt),"object"==typeof e.align))return new pt(t,e.align);if(t.classList.contains("ql-background")||t.classList.contains("ql-color")){const n=t.classList.contains("ql-background")?"background":"color";return null==t.querySelector("option")&&kt(t,At,"background"===n?"#ffffff":"#000000"),new ft(t,e[n])}return null==t.querySelector("option")&&(t.classList.contains("ql-font")?kt(t,xt):t.classList.contains("ql-header")?kt(t,Nt):t.classList.contains("ql-size")&&kt(t,Et)),new dt(t)})),this.quill.on(bt.A.events.EDITOR_CHANGE,(()=>{this.pickers.forEach((t=>{t.update()}))}))}}wt.DEFAULTS=(0,mt.A)({},yt.A.DEFAULTS,{modules:{toolbar:{handlers:{formula(){this.quill.theme.tooltip.edit("formula")},image(){let t=this.container.querySelector("input.ql-image[type=file]");null==t&&(t=document.createElement("input"),t.setAttribute("type","file"),t.setAttribute("accept",this.quill.uploader.options.mimetypes.join(", ")),t.classList.add("ql-image"),t.addEventListener("change",(()=>{const e=this.quill.getSelection(!0);this.quill.uploader.upload(e,t.files),t.value=""})),this.container.appendChild(t)),t.click()},video(){this.quill.theme.tooltip.edit("video")}}}}});class qt extends gt{constructor(t,e){super(t,e),this.textbox=this.root.querySelector('input[type="text"]'),this.listen()}listen(){this.textbox.addEventListener("keydown",(t=>{"Enter"===t.key?(this.save(),t.preventDefault()):"Escape"===t.key&&(this.cancel(),t.preventDefault())}))}cancel(){this.hide(),this.restoreFocus()}edit(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"link",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(this.root.classList.remove("ql-hidden"),this.root.classList.add("ql-editing"),null==this.textbox)return;null!=e?this.textbox.value=e:t!==this.root.getAttribute("data-mode")&&(this.textbox.value="");const n=this.quill.getBounds(this.quill.selection.savedRange);null!=n&&this.position(n),this.textbox.select(),this.textbox.setAttribute("placeholder",this.textbox.getAttribute(`data-${t}`)||""),this.root.setAttribute("data-mode",t)}restoreFocus(){this.quill.focus({preventScroll:!0})}save(){let{value:t}=this.textbox;switch(this.root.getAttribute("data-mode")){case"link":{const{scrollTop:e}=this.quill.root;this.linkRange?(this.quill.formatText(this.linkRange,"link",t,bt.A.sources.USER),delete this.linkRange):(this.restoreFocus(),this.quill.format("link",t,bt.A.sources.USER)),this.quill.root.scrollTop=e;break}case"video":t=function(t){let e=t.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtube\.com\/watch.*v=([a-zA-Z0-9_-]+)/)||t.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtu\.be\/([a-zA-Z0-9_-]+)/);return e?`${e[1]||"https"}://www.youtube.com/embed/${e[2]}?showinfo=0`:(e=t.match(/^(?:(https?):\/\/)?(?:www\.)?vimeo\.com\/(\d+)/))?`${e[1]||"https"}://player.vimeo.com/video/${e[2]}/`:t}(t);case"formula":{if(!t)break;const e=this.quill.getSelection(!0);if(null!=e){const n=e.index+e.length;this.quill.insertEmbed(n,this.root.getAttribute("data-mode"),t,bt.A.sources.USER),"formula"===this.root.getAttribute("data-mode")&&this.quill.insertText(n+1," ",bt.A.sources.USER),this.quill.setSelection(n+2,bt.A.sources.USER)}break}}this.textbox.value="",this.hide()}}function kt(t,e){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];e.forEach((e=>{const r=document.createElement("option");e===n?r.setAttribute("selected","selected"):r.setAttribute("value",String(e)),t.appendChild(r)}))}var _t=n(8298);const Lt=[["bold","italic","link"],[{header:1},{header:2},"blockquote"]];class St extends qt{static TEMPLATE=['<span class="ql-tooltip-arrow"></span>','<div class="ql-tooltip-editor">','<input type="text" data-formula="e=mc^2" data-link="https://quilljs.com" data-video="Embed URL">','<a class="ql-close"></a>',"</div>"].join("");constructor(t,e){super(t,e),this.quill.on(bt.A.events.EDITOR_CHANGE,((t,e,n,r)=>{if(t===bt.A.events.SELECTION_CHANGE)if(null!=e&&e.length>0&&r===bt.A.sources.USER){this.show(),this.root.style.left="0px",this.root.style.width="",this.root.style.width=`${this.root.offsetWidth}px`;const t=this.quill.getLines(e.index,e.length);if(1===t.length){const t=this.quill.getBounds(e);null!=t&&this.position(t)}else{const n=t[t.length-1],r=this.quill.getIndex(n),i=Math.min(n.length()-1,e.index+e.length-r),s=this.quill.getBounds(new _t.Q(r,i));null!=s&&this.position(s)}}else document.activeElement!==this.textbox&&this.quill.hasFocus()&&this.hide()}))}listen(){super.listen(),this.root.querySelector(".ql-close").addEventListener("click",(()=>{this.root.classList.remove("ql-editing")})),this.quill.on(bt.A.events.SCROLL_OPTIMIZE,(()=>{setTimeout((()=>{if(this.root.classList.contains("ql-hidden"))return;const t=this.quill.getSelection();if(null!=t){const e=this.quill.getBounds(t);null!=e&&this.position(e)}}),1)}))}cancel(){this.show()}position(t){const e=super.position(t),n=this.root.querySelector(".ql-tooltip-arrow");return n.style.marginLeft="",0!==e&&(n.style.marginLeft=-1*e-n.offsetWidth/2+"px"),e}}class Ot extends wt{constructor(t,e){null!=e.modules.toolbar&&null==e.modules.toolbar.container&&(e.modules.toolbar.container=Lt),super(t,e),this.quill.container.classList.add("ql-bubble")}extendToolbar(t){this.tooltip=new St(this.quill,this.options.bounds),null!=t.container&&(this.tooltip.root.appendChild(t.container),this.buildButtons(t.container.querySelectorAll("button"),ct),this.buildPickers(t.container.querySelectorAll("select"),ct))}}Ot.DEFAULTS=(0,mt.A)({},wt.DEFAULTS,{modules:{toolbar:{handlers:{link(t){t?this.quill.theme.tooltip.edit():this.quill.format("link",!1,p.Ay.sources.USER)}}}}});const Tt=[[{header:["1","2","3",!1]}],["bold","italic","underline","link"],[{list:"ordered"},{list:"bullet"}],["clean"]];class jt extends qt{static TEMPLATE=['<a class="ql-preview" rel="noopener noreferrer" target="_blank" href="about:blank"></a>','<input type="text" data-formula="e=mc^2" data-link="https://quilljs.com" data-video="Embed URL">','<a class="ql-action"></a>','<a class="ql-remove"></a>'].join("");preview=this.root.querySelector("a.ql-preview");listen(){super.listen(),this.root.querySelector("a.ql-action").addEventListener("click",(t=>{this.root.classList.contains("ql-editing")?this.save():this.edit("link",this.preview.textContent),t.preventDefault()})),this.root.querySelector("a.ql-remove").addEventListener("click",(t=>{if(null!=this.linkRange){const t=this.linkRange;this.restoreFocus(),this.quill.formatText(t,"link",!1,bt.A.sources.USER),delete this.linkRange}t.preventDefault(),this.hide()})),this.quill.on(bt.A.events.SELECTION_CHANGE,((t,e,n)=>{if(null!=t){if(0===t.length&&n===bt.A.sources.USER){const[e,n]=this.quill.scroll.descendant(w,t.index);if(null!=e){this.linkRange=new _t.Q(t.index-n,e.length());const r=w.formats(e.domNode);this.preview.textContent=r,this.preview.setAttribute("href",r),this.show();const i=this.quill.getBounds(this.linkRange);return void(null!=i&&this.position(i))}}else delete this.linkRange;this.hide()}}))}show(){super.show(),this.root.removeAttribute("data-mode")}}class Ct extends wt{constructor(t,e){null!=e.modules.toolbar&&null==e.modules.toolbar.container&&(e.modules.toolbar.container=Tt),super(t,e),this.quill.container.classList.add("ql-snow")}extendToolbar(t){null!=t.container&&(t.container.classList.add("ql-snow"),this.buildButtons(t.container.querySelectorAll("button"),ct),this.buildPickers(t.container.querySelectorAll("select"),ct),this.tooltip=new jt(this.quill,this.options.bounds),t.container.querySelector(".ql-link")&&this.quill.keyboard.addBinding({key:"k",shortKey:!0},((e,n)=>{t.handlers.link.call(t,!n.format.link)})))}}Ct.DEFAULTS=(0,mt.A)({},wt.DEFAULTS,{modules:{toolbar:{handlers:{link(t){if(t){const t=this.quill.getSelection();if(null==t||0===t.length)return;let e=this.quill.getText(t);/^\S+@\S+\.\S+$/.test(e)&&0!==e.indexOf("mailto:")&&(e=`mailto:${e}`);const{tooltip:n}=this.quill.theme;n.edit("link",e)}else this.quill.format("link",!1,p.Ay.sources.USER)}}}}});var Rt=Ct;t.default.register({"attributors/attribute/direction":i.Mc,"attributors/class/align":e.qh,"attributors/class/background":b.l,"attributors/class/color":y.g3,"attributors/class/direction":i.sY,"attributors/class/font":v.q,"attributors/class/size":A.U,"attributors/style/align":e.Hu,"attributors/style/background":b.s,"attributors/style/color":y.JM,"attributors/style/direction":i.VL,"attributors/style/font":v.z,"attributors/style/size":A.r},!0),t.default.register({"formats/align":e.qh,"formats/direction":i.sY,"formats/indent":l,"formats/background":b.s,"formats/color":y.JM,"formats/font":v.q,"formats/size":A.U,"formats/blockquote":u,"formats/code-block":D.Ay,"formats/header":d,"formats/list":m,"formats/bold":E,"formats/code":D.Cy,"formats/italic":class extends E{static blotName="italic";static tagName=["EM","I"]},"formats/link":w,"formats/script":_,"formats/strike":class extends E{static blotName="strike";static tagName=["S","STRIKE"]},"formats/underline":S,"formats/formula":j,"formats/image":I,"formats/video":U,"modules/syntax":Q,"modules/table":it,"modules/toolbar":ot,"themes/bubble":Ot,"themes/snow":Rt,"ui/icons":ct,"ui/picker":dt,"ui/icon-picker":pt,"ui/color-picker":ft,"ui/tooltip":gt},!0);var It=t.default}(),r.default}()}));
+//# sourceMappingURL=quill.js.map
\ No newline at end of file
diff --git a/public_html/assets/raven/vendor/js/sal.js b/public_html/assets/raven/vendor/js/sal.js
new file mode 100644
index 0000000..91d3e1b
--- /dev/null
+++ b/public_html/assets/raven/vendor/js/sal.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.sal=t():e.sal=t()}(this,(function(){return(()=>{"use strict";var e={d:(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},t={};function n(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function r(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}e.d(t,{default:()=>j});var a="Sal was not initialised! Probably it is used in SSR.",s="Your browser does not support IntersectionObserver!\nGet a polyfill from here:\nhttps://github.com/w3c/IntersectionObserver/tree/master/polyfill",i={root:null,rootMargin:"0% 50%",threshold:.5,animateClassName:"sal-animate",disabledClassName:"sal-disabled",enterEventName:"sal:in",exitEventName:"sal:out",selector:"[data-sal]",once:!0,disabled:!1},l=[],c=null,u=function(e){e&&e!==i&&(i=r(r({},i),e))},d=function(e){e.classList.remove(i.animateClassName)},f=function(e,t){var n=new CustomEvent(e,{bubbles:!0,detail:t});t.target.dispatchEvent(n)},b=function(){document.body.classList.add(i.disabledClassName)},p=function(){c.disconnect(),c=null},m=function(){return i.disabled||"function"==typeof i.disabled&&i.disabled()},v=function(e,t){e.forEach((function(e){var n=e.target,r=void 0!==n.dataset.salRepeat,o=void 0!==n.dataset.salOnce,a=r||!(o||i.once);e.intersectionRatio>=i.threshold?(function(e){e.target.classList.add(i.animateClassName),f(i.enterEventName,e)}(e),a||t.unobserve(n)):a&&function(e){d(e.target),f(i.exitEventName,e)}(e)}))},y=function(){var e=[].filter.call(document.querySelectorAll(i.selector),(function(e){return!function(e){return e.classList.contains(i.animateClassName)}(e,i.animateClassName)}));return e.forEach((function(e){return c.observe(e)})),e},O=function(){b(),p()},h=function(){document.body.classList.remove(i.disabledClassName),c=new IntersectionObserver(v,{root:i.root,rootMargin:i.rootMargin,threshold:i.threshold}),l=y()},g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};p(),Array.from(document.querySelectorAll(i.selector)).forEach(d),u(e),h()},w=function(){var e=y();l.push(e)};const j=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i;if(u(e),"undefined"==typeof window)return console.warn(a),{elements:l,disable:O,enable:h,reset:g,update:w};if(!window.IntersectionObserver)throw b(),Error(s);return m()?b():h(),{elements:l,disable:O,enable:h,reset:g,update:w}};return t.default})()}));
+//# sourceMappingURL=sal.js.map
\ No newline at end of file
diff --git a/public_html/assets/raven/vendor/js/sweetalert2.all.min.js b/public_html/assets/raven/vendor/js/sweetalert2.all.min.js
new file mode 100644
index 0000000..3fdf3da
--- /dev/null
+++ b/public_html/assets/raven/vendor/js/sweetalert2.all.min.js
@@ -0,0 +1,6 @@
+/*!
+* sweetalert2 v11.23.0
+* Released under the MIT License.
+*/
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).Sweetalert2=t()}(this,function(){"use strict";function e(e,t,n){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:n;throw new TypeError("Private element is not present on this object")}function t(t,n){return t.get(e(t,n))}function n(e,t,n){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,n)}const o={},i=e=>new Promise(t=>{if(!e)return t();const n=window.scrollX,i=window.scrollY;o.restoreFocusTimeout=setTimeout(()=>{o.previousActiveElement instanceof HTMLElement?(o.previousActiveElement.focus(),o.previousActiveElement=null):document.body&&document.body.focus(),t()},100),window.scrollTo(n,i)}),s="swal2-",r=["container","shown","height-auto","iosfix","popup","modal","no-backdrop","no-transition","toast","toast-shown","show","hide","close","title","html-container","actions","confirm","deny","cancel","footer","icon","icon-content","image","input","file","range","select","radio","checkbox","label","textarea","inputerror","input-label","validation-message","progress-steps","active-progress-step","progress-step","progress-step-line","loader","loading","styled","top","top-start","top-end","top-left","top-right","center","center-start","center-end","center-left","center-right","bottom","bottom-start","bottom-end","bottom-left","bottom-right","grow-row","grow-column","grow-fullscreen","rtl","timer-progress-bar","timer-progress-bar-container","scrollbar-measure","icon-success","icon-warning","icon-info","icon-question","icon-error","draggable","dragging"].reduce((e,t)=>(e[t]=s+t,e),{}),a=["success","warning","info","question","error"].reduce((e,t)=>(e[t]=s+t,e),{}),l="SweetAlert2:",c=e=>e.charAt(0).toUpperCase()+e.slice(1),u=e=>{console.warn(`${l} ${"object"==typeof e?e.join(" "):e}`)},d=e=>{console.error(`${l} ${e}`)},p=[],m=(e,t=null)=>{var n;n=`"${e}" is deprecated and will be removed in the next major release.${t?` Use "${t}" instead.`:""}`,p.includes(n)||(p.push(n),u(n))},h=e=>"function"==typeof e?e():e,g=e=>e&&"function"==typeof e.toPromise,f=e=>g(e)?e.toPromise():Promise.resolve(e),b=e=>e&&Promise.resolve(e)===e,y=()=>document.body.querySelector(`.${r.container}`),v=e=>{const t=y();return t?t.querySelector(e):null},w=e=>v(`.${e}`),C=()=>w(r.popup),A=()=>w(r.icon),E=()=>w(r.title),k=()=>w(r["html-container"]),B=()=>w(r.image),$=()=>w(r["progress-steps"]),L=()=>w(r["validation-message"]),P=()=>v(`.${r.actions} .${r.confirm}`),x=()=>v(`.${r.actions} .${r.cancel}`),T=()=>v(`.${r.actions} .${r.deny}`),S=()=>v(`.${r.loader}`),O=()=>w(r.actions),M=()=>w(r.footer),j=()=>w(r["timer-progress-bar"]),H=()=>w(r.close),I=()=>{const e=C();if(!e)return[];const t=e.querySelectorAll('[tabindex]:not([tabindex="-1"]):not([tabindex="0"])'),n=Array.from(t).sort((e,t)=>{const n=parseInt(e.getAttribute("tabindex")||"0"),o=parseInt(t.getAttribute("tabindex")||"0");return n>o?1:n<o?-1:0}),o=e.querySelectorAll('\n  a[href],\n  area[href],\n  input:not([disabled]),\n  select:not([disabled]),\n  textarea:not([disabled]),\n  button:not([disabled]),\n  iframe,\n  object,\n  embed,\n  [tabindex="0"],\n  [contenteditable],\n  audio[controls],\n  video[controls],\n  summary\n'),i=Array.from(o).filter(e=>"-1"!==e.getAttribute("tabindex"));return[...new Set(n.concat(i))].filter(e=>ee(e))},D=()=>N(document.body,r.shown)&&!N(document.body,r["toast-shown"])&&!N(document.body,r["no-backdrop"]),V=()=>{const e=C();return!!e&&N(e,r.toast)},q=(e,t)=>{if(e.textContent="",t){const n=(new DOMParser).parseFromString(t,"text/html"),o=n.querySelector("head");o&&Array.from(o.childNodes).forEach(t=>{e.appendChild(t)});const i=n.querySelector("body");i&&Array.from(i.childNodes).forEach(t=>{t instanceof HTMLVideoElement||t instanceof HTMLAudioElement?e.appendChild(t.cloneNode(!0)):e.appendChild(t)})}},N=(e,t)=>{if(!t)return!1;const n=t.split(/\s+/);for(let t=0;t<n.length;t++)if(!e.classList.contains(n[t]))return!1;return!0},_=(e,t,n)=>{if(((e,t)=>{Array.from(e.classList).forEach(n=>{Object.values(r).includes(n)||Object.values(a).includes(n)||Object.values(t.showClass||{}).includes(n)||e.classList.remove(n)})})(e,t),!t.customClass)return;const o=t.customClass[n];o&&("string"==typeof o||o.forEach?z(e,o):u(`Invalid type of customClass.${n}! Expected string or iterable object, got "${typeof o}"`))},F=(e,t)=>{if(!t)return null;switch(t){case"select":case"textarea":case"file":return e.querySelector(`.${r.popup} > .${r[t]}`);case"checkbox":return e.querySelector(`.${r.popup} > .${r.checkbox} input`);case"radio":return e.querySelector(`.${r.popup} > .${r.radio} input:checked`)||e.querySelector(`.${r.popup} > .${r.radio} input:first-child`);case"range":return e.querySelector(`.${r.popup} > .${r.range} input`);default:return e.querySelector(`.${r.popup} > .${r.input}`)}},R=e=>{if(e.focus(),"file"!==e.type){const t=e.value;e.value="",e.value=t}},U=(e,t,n)=>{e&&t&&("string"==typeof t&&(t=t.split(/\s+/).filter(Boolean)),t.forEach(t=>{Array.isArray(e)?e.forEach(e=>{n?e.classList.add(t):e.classList.remove(t)}):n?e.classList.add(t):e.classList.remove(t)}))},z=(e,t)=>{U(e,t,!0)},W=(e,t)=>{U(e,t,!1)},K=(e,t)=>{const n=Array.from(e.children);for(let e=0;e<n.length;e++){const o=n[e];if(o instanceof HTMLElement&&N(o,t))return o}},Y=(e,t,n)=>{n===`${parseInt(n)}`&&(n=parseInt(n)),n||0===parseInt(n)?e.style.setProperty(t,"number"==typeof n?`${n}px`:n):e.style.removeProperty(t)},X=(e,t="flex")=>{e&&(e.style.display=t)},Z=e=>{e&&(e.style.display="none")},J=(e,t="block")=>{e&&new MutationObserver(()=>{Q(e,e.innerHTML,t)}).observe(e,{childList:!0,subtree:!0})},G=(e,t,n,o)=>{const i=e.querySelector(t);i&&i.style.setProperty(n,o)},Q=(e,t,n="flex")=>{t?X(e,n):Z(e)},ee=e=>!(!e||!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)),te=e=>!!(e.scrollHeight>e.clientHeight),ne=e=>{const t=window.getComputedStyle(e),n=parseFloat(t.getPropertyValue("animation-duration")||"0"),o=parseFloat(t.getPropertyValue("transition-duration")||"0");return n>0||o>0},oe=(e,t=!1)=>{const n=j();n&&ee(n)&&(t&&(n.style.transition="none",n.style.width="100%"),setTimeout(()=>{n.style.transition=`width ${e/1e3}s linear`,n.style.width="0%"},10))},ie=`\n <div aria-labelledby="${r.title}" aria-describedby="${r["html-container"]}" class="${r.popup}" tabindex="-1">\n   <button type="button" class="${r.close}"></button>\n   <ul class="${r["progress-steps"]}"></ul>\n   <div class="${r.icon}"></div>\n   <img class="${r.image}" />\n   <h2 class="${r.title}" id="${r.title}"></h2>\n   <div class="${r["html-container"]}" id="${r["html-container"]}"></div>\n   <input class="${r.input}" id="${r.input}" />\n   <input type="file" class="${r.file}" />\n   <div class="${r.range}">\n     <input type="range" />\n     <output></output>\n   </div>\n   <select class="${r.select}" id="${r.select}"></select>\n   <div class="${r.radio}"></div>\n   <label class="${r.checkbox}">\n     <input type="checkbox" id="${r.checkbox}" />\n     <span class="${r.label}"></span>\n   </label>\n   <textarea class="${r.textarea}" id="${r.textarea}"></textarea>\n   <div class="${r["validation-message"]}" id="${r["validation-message"]}"></div>\n   <div class="${r.actions}">\n     <div class="${r.loader}"></div>\n     <button type="button" class="${r.confirm}"></button>\n     <button type="button" class="${r.deny}"></button>\n     <button type="button" class="${r.cancel}"></button>\n   </div>\n   <div class="${r.footer}"></div>\n   <div class="${r["timer-progress-bar-container"]}">\n     <div class="${r["timer-progress-bar"]}"></div>\n   </div>\n </div>\n`.replace(/(^|\n)\s*/g,""),se=()=>{o.currentInstance.resetValidationMessage()},re=e=>{const t=(()=>{const e=y();return!!e&&(e.remove(),W([document.documentElement,document.body],[r["no-backdrop"],r["toast-shown"],r["has-column"]]),!0)})();if("undefined"==typeof window||"undefined"==typeof document)return void d("SweetAlert2 requires document to initialize");const n=document.createElement("div");n.className=r.container,t&&z(n,r["no-transition"]),q(n,ie),n.dataset.swal2Theme=e.theme;const o="string"==typeof(i=e.target)?document.querySelector(i):i;var i;o.appendChild(n),e.topLayer&&(n.setAttribute("popover",""),n.showPopover()),(e=>{const t=C();t.setAttribute("role",e.toast?"alert":"dialog"),t.setAttribute("aria-live",e.toast?"polite":"assertive"),e.toast||t.setAttribute("aria-modal","true")})(e),(e=>{"rtl"===window.getComputedStyle(e).direction&&z(y(),r.rtl)})(o),(()=>{const e=C(),t=K(e,r.input),n=K(e,r.file),o=e.querySelector(`.${r.range} input`),i=e.querySelector(`.${r.range} output`),s=K(e,r.select),a=e.querySelector(`.${r.checkbox} input`),l=K(e,r.textarea);t.oninput=se,n.onchange=se,s.onchange=se,a.onchange=se,l.oninput=se,o.oninput=()=>{se(),i.value=o.value},o.onchange=()=>{se(),i.value=o.value}})()},ae=(e,t)=>{e instanceof HTMLElement?t.appendChild(e):"object"==typeof e?le(e,t):e&&q(t,e)},le=(e,t)=>{e.jquery?ce(t,e):q(t,e.toString())},ce=(e,t)=>{if(e.textContent="",0 in t)for(let n=0;n in t;n++)e.appendChild(t[n].cloneNode(!0));else e.appendChild(t.cloneNode(!0))},ue=(e,t)=>{const n=O(),o=S();n&&o&&(t.showConfirmButton||t.showDenyButton||t.showCancelButton?X(n):Z(n),_(n,t,"actions"),function(e,t,n){const o=P(),i=T(),s=x();if(!o||!i||!s)return;pe(o,"confirm",n),pe(i,"deny",n),pe(s,"cancel",n),function(e,t,n,o){if(!o.buttonsStyling)return void W([e,t,n],r.styled);z([e,t,n],r.styled),o.confirmButtonColor&&e.style.setProperty("--swal2-confirm-button-background-color",o.confirmButtonColor);o.denyButtonColor&&t.style.setProperty("--swal2-deny-button-background-color",o.denyButtonColor);o.cancelButtonColor&&n.style.setProperty("--swal2-cancel-button-background-color",o.cancelButtonColor);de(e),de(t),de(n)}(o,i,s,n),n.reverseButtons&&(n.toast?(e.insertBefore(s,o),e.insertBefore(i,o)):(e.insertBefore(s,t),e.insertBefore(i,t),e.insertBefore(o,t)))}(n,o,t),q(o,t.loaderHtml||""),_(o,t,"loader"))};function de(e){const t=window.getComputedStyle(e);if(t.getPropertyValue("--swal2-action-button-focus-box-shadow"))return;const n=t.backgroundColor.replace(/rgba?\((\d+), (\d+), (\d+).*/,"rgba($1, $2, $3, 0.5)");e.style.setProperty("--swal2-action-button-focus-box-shadow",t.getPropertyValue("--swal2-outline").replace(/ rgba\(.*/,` ${n}`))}function pe(e,t,n){const o=c(t);Q(e,n[`show${o}Button`],"inline-block"),q(e,n[`${t}ButtonText`]||""),e.setAttribute("aria-label",n[`${t}ButtonAriaLabel`]||""),e.className=r[t],_(e,n,`${t}Button`)}const me=(e,t)=>{const n=y();n&&(!function(e,t){"string"==typeof t?e.style.background=t:t||z([document.documentElement,document.body],r["no-backdrop"])}(n,t.backdrop),function(e,t){if(!t)return;t in r?z(e,r[t]):(u('The "position" parameter is not valid, defaulting to "center"'),z(e,r.center))}(n,t.position),function(e,t){if(!t)return;z(e,r[`grow-${t}`])}(n,t.grow),_(n,t,"container"))};var he={innerParams:new WeakMap,domCache:new WeakMap};const ge=["input","file","range","select","radio","checkbox","textarea"],fe=e=>{if(!e.input)return;if(!Ee[e.input])return void d(`Unexpected type of input! Expected ${Object.keys(Ee).join(" | ")}, got "${e.input}"`);const t=Ce(e.input);if(!t)return;const n=Ee[e.input](t,e);X(t),e.inputAutoFocus&&setTimeout(()=>{R(n)})},be=(e,t)=>{const n=C();if(!n)return;const o=F(n,e);if(o){(e=>{for(let t=0;t<e.attributes.length;t++){const n=e.attributes[t].name;["id","type","value","style"].includes(n)||e.removeAttribute(n)}})(o);for(const e in t)o.setAttribute(e,t[e])}},ye=e=>{if(!e.input)return;const t=Ce(e.input);t&&_(t,e,"input")},ve=(e,t)=>{!e.placeholder&&t.inputPlaceholder&&(e.placeholder=t.inputPlaceholder)},we=(e,t,n)=>{if(n.inputLabel){const o=document.createElement("label"),i=r["input-label"];o.setAttribute("for",e.id),o.className=i,"object"==typeof n.customClass&&z(o,n.customClass.inputLabel),o.innerText=n.inputLabel,t.insertAdjacentElement("beforebegin",o)}},Ce=e=>{const t=C();if(t)return K(t,r[e]||r.input)},Ae=(e,t)=>{["string","number"].includes(typeof t)?e.value=`${t}`:b(t)||u(`Unexpected type of inputValue! Expected "string", "number" or "Promise", got "${typeof t}"`)},Ee={};Ee.text=Ee.email=Ee.password=Ee.number=Ee.tel=Ee.url=Ee.search=Ee.date=Ee["datetime-local"]=Ee.time=Ee.week=Ee.month=(e,t)=>(Ae(e,t.inputValue),we(e,e,t),ve(e,t),e.type=t.input,e),Ee.file=(e,t)=>(we(e,e,t),ve(e,t),e),Ee.range=(e,t)=>{const n=e.querySelector("input"),o=e.querySelector("output");return Ae(n,t.inputValue),n.type=t.input,Ae(o,t.inputValue),we(n,e,t),e},Ee.select=(e,t)=>{if(e.textContent="",t.inputPlaceholder){const n=document.createElement("option");q(n,t.inputPlaceholder),n.value="",n.disabled=!0,n.selected=!0,e.appendChild(n)}return we(e,e,t),e},Ee.radio=e=>(e.textContent="",e),Ee.checkbox=(e,t)=>{const n=F(C(),"checkbox");n.value="1",n.checked=Boolean(t.inputValue);const o=e.querySelector("span");return q(o,t.inputPlaceholder||t.inputLabel),n},Ee.textarea=(e,t)=>{Ae(e,t.inputValue),ve(e,t),we(e,e,t);return setTimeout(()=>{if("MutationObserver"in window){const n=parseInt(window.getComputedStyle(C()).width);new MutationObserver(()=>{if(!document.body.contains(e))return;const o=e.offsetWidth+(i=e,parseInt(window.getComputedStyle(i).marginLeft)+parseInt(window.getComputedStyle(i).marginRight));var i;o>n?C().style.width=`${o}px`:Y(C(),"width",t.width)}).observe(e,{attributes:!0,attributeFilter:["style"]})}}),e};const ke=(e,t)=>{const n=k();n&&(J(n),_(n,t,"htmlContainer"),t.html?(ae(t.html,n),X(n,"block")):t.text?(n.textContent=t.text,X(n,"block")):Z(n),((e,t)=>{const n=C();if(!n)return;const o=he.innerParams.get(e),i=!o||t.input!==o.input;ge.forEach(e=>{const o=K(n,r[e]);o&&(be(e,t.inputAttributes),o.className=r[e],i&&Z(o))}),t.input&&(i&&fe(t),ye(t))})(e,t))},Be=(e,t)=>{for(const[n,o]of Object.entries(a))t.icon!==n&&W(e,o);z(e,t.icon&&a[t.icon]),Pe(e,t),$e(),_(e,t,"icon")},$e=()=>{const e=C();if(!e)return;const t=window.getComputedStyle(e).getPropertyValue("background-color"),n=e.querySelectorAll("[class^=swal2-success-circular-line], .swal2-success-fix");for(let e=0;e<n.length;e++)n[e].style.backgroundColor=t},Le=(e,t)=>{if(!t.icon&&!t.iconHtml)return;let n=e.innerHTML,o="";if(t.iconHtml)o=xe(t.iconHtml);else if("success"===t.icon)o=(e=>`\n  ${e.animation?'<div class="swal2-success-circular-line-left"></div>':""}\n  <span class="swal2-success-line-tip"></span> <span class="swal2-success-line-long"></span>\n  <div class="swal2-success-ring"></div>\n  ${e.animation?'<div class="swal2-success-fix"></div>':""}\n  ${e.animation?'<div class="swal2-success-circular-line-right"></div>':""}\n`)(t),n=n.replace(/ style=".*?"/g,"");else if("error"===t.icon)o='\n  <span class="swal2-x-mark">\n    <span class="swal2-x-mark-line-left"></span>\n    <span class="swal2-x-mark-line-right"></span>\n  </span>\n';else if(t.icon){o=xe({question:"?",warning:"!",info:"i"}[t.icon])}n.trim()!==o.trim()&&q(e,o)},Pe=(e,t)=>{if(t.iconColor){e.style.color=t.iconColor,e.style.borderColor=t.iconColor;for(const n of[".swal2-success-line-tip",".swal2-success-line-long",".swal2-x-mark-line-left",".swal2-x-mark-line-right"])G(e,n,"background-color",t.iconColor);G(e,".swal2-success-ring","border-color",t.iconColor)}},xe=e=>`<div class="${r["icon-content"]}">${e}</div>`;let Te=!1,Se=0,Oe=0,Me=0,je=0;const He=e=>{const t=C();if(e.target===t||A().contains(e.target)){Te=!0;const n=Ve(e);Se=n.clientX,Oe=n.clientY,Me=parseInt(t.style.insetInlineStart)||0,je=parseInt(t.style.insetBlockStart)||0,z(t,"swal2-dragging")}},Ie=e=>{const t=C();if(Te){let{clientX:n,clientY:o}=Ve(e);t.style.insetInlineStart=`${Me+(n-Se)}px`,t.style.insetBlockStart=`${je+(o-Oe)}px`}},De=()=>{const e=C();Te=!1,W(e,"swal2-dragging")},Ve=e=>{let t=0,n=0;return e.type.startsWith("mouse")?(t=e.clientX,n=e.clientY):e.type.startsWith("touch")&&(t=e.touches[0].clientX,n=e.touches[0].clientY),{clientX:t,clientY:n}},qe=(e,t)=>{const n=y(),o=C();if(n&&o){if(t.toast){Y(n,"width",t.width),o.style.width="100%";const e=S();e&&o.insertBefore(e,A())}else Y(o,"width",t.width);Y(o,"padding",t.padding),t.color&&(o.style.color=t.color),t.background&&(o.style.background=t.background),Z(L()),Ne(o,t),t.draggable&&!t.toast?(z(o,r.draggable),(e=>{e.addEventListener("mousedown",He),document.body.addEventListener("mousemove",Ie),e.addEventListener("mouseup",De),e.addEventListener("touchstart",He),document.body.addEventListener("touchmove",Ie),e.addEventListener("touchend",De)})(o)):(W(o,r.draggable),(e=>{e.removeEventListener("mousedown",He),document.body.removeEventListener("mousemove",Ie),e.removeEventListener("mouseup",De),e.removeEventListener("touchstart",He),document.body.removeEventListener("touchmove",Ie),e.removeEventListener("touchend",De)})(o))}},Ne=(e,t)=>{const n=t.showClass||{};e.className=`${r.popup} ${ee(e)?n.popup:""}`,t.toast?(z([document.documentElement,document.body],r["toast-shown"]),z(e,r.toast)):z(e,r.modal),_(e,t,"popup"),"string"==typeof t.customClass&&z(e,t.customClass),t.icon&&z(e,r[`icon-${t.icon}`])},_e=e=>{const t=document.createElement("li");return z(t,r["progress-step"]),q(t,e),t},Fe=e=>{const t=document.createElement("li");return z(t,r["progress-step-line"]),e.progressStepsDistance&&Y(t,"width",e.progressStepsDistance),t},Re=(e,t)=>{qe(0,t),me(0,t),((e,t)=>{const n=$();if(!n)return;const{progressSteps:o,currentProgressStep:i}=t;o&&0!==o.length&&void 0!==i?(X(n),n.textContent="",i>=o.length&&u("Invalid currentProgressStep parameter, it should be less than progressSteps.length (currentProgressStep like JS arrays starts from 0)"),o.forEach((e,s)=>{const a=_e(e);if(n.appendChild(a),s===i&&z(a,r["active-progress-step"]),s!==o.length-1){const e=Fe(t);n.appendChild(e)}})):Z(n)})(0,t),((e,t)=>{const n=he.innerParams.get(e),o=A();if(!o)return;if(n&&t.icon===n.icon)return Le(o,t),void Be(o,t);if(!t.icon&&!t.iconHtml)return void Z(o);if(t.icon&&-1===Object.keys(a).indexOf(t.icon))return d(`Unknown icon! Expected "success", "error", "warning", "info" or "question", got "${t.icon}"`),void Z(o);X(o),Le(o,t),Be(o,t),z(o,t.showClass&&t.showClass.icon),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",$e)})(e,t),((e,t)=>{const n=B();n&&(t.imageUrl?(X(n,""),n.setAttribute("src",t.imageUrl),n.setAttribute("alt",t.imageAlt||""),Y(n,"width",t.imageWidth),Y(n,"height",t.imageHeight),n.className=r.image,_(n,t,"image")):Z(n))})(0,t),((e,t)=>{const n=E();n&&(J(n),Q(n,t.title||t.titleText,"block"),t.title&&ae(t.title,n),t.titleText&&(n.innerText=t.titleText),_(n,t,"title"))})(0,t),((e,t)=>{const n=H();n&&(q(n,t.closeButtonHtml||""),_(n,t,"closeButton"),Q(n,t.showCloseButton),n.setAttribute("aria-label",t.closeButtonAriaLabel||""))})(0,t),ke(e,t),ue(0,t),((e,t)=>{const n=M();n&&(J(n),Q(n,t.footer,"block"),t.footer&&ae(t.footer,n),_(n,t,"footer"))})(0,t);const n=C();"function"==typeof t.didRender&&n&&t.didRender(n),o.eventEmitter.emit("didRender",n)},Ue=()=>{var e;return null===(e=P())||void 0===e?void 0:e.click()},ze=Object.freeze({cancel:"cancel",backdrop:"backdrop",close:"close",esc:"esc",timer:"timer"}),We=e=>{e.keydownTarget&&e.keydownHandlerAdded&&(e.keydownTarget.removeEventListener("keydown",e.keydownHandler,{capture:e.keydownListenerCapture}),e.keydownHandlerAdded=!1)},Ke=(e,t)=>{var n;const o=I();if(o.length)return-2===(e+=t)&&(e=o.length-1),e===o.length?e=0:-1===e&&(e=o.length-1),void o[e].focus();null===(n=C())||void 0===n||n.focus()},Ye=["ArrowRight","ArrowDown"],Xe=["ArrowLeft","ArrowUp"],Ze=(e,t,n)=>{e&&(t.isComposing||229===t.keyCode||(e.stopKeydownPropagation&&t.stopPropagation(),"Enter"===t.key?Je(t,e):"Tab"===t.key?Ge(t):[...Ye,...Xe].includes(t.key)?Qe(t.key):"Escape"===t.key&&et(t,e,n)))},Je=(e,t)=>{if(!h(t.allowEnterKey))return;const n=F(C(),t.input);if(e.target&&n&&e.target instanceof HTMLElement&&e.target.outerHTML===n.outerHTML){if(["textarea","file"].includes(t.input))return;Ue(),e.preventDefault()}},Ge=e=>{const t=e.target,n=I();let o=-1;for(let e=0;e<n.length;e++)if(t===n[e]){o=e;break}e.shiftKey?Ke(o,-1):Ke(o,1),e.stopPropagation(),e.preventDefault()},Qe=e=>{const t=O(),n=P(),o=T(),i=x();if(!(t&&n&&o&&i))return;const s=[n,o,i];if(document.activeElement instanceof HTMLElement&&!s.includes(document.activeElement))return;const r=Ye.includes(e)?"nextElementSibling":"previousElementSibling";let a=document.activeElement;if(a){for(let e=0;e<t.children.length;e++){if(a=a[r],!a)return;if(a instanceof HTMLButtonElement&&ee(a))break}a instanceof HTMLButtonElement&&a.focus()}},et=(e,t,n)=>{e.preventDefault(),h(t.allowEscapeKey)&&n(ze.esc)};var tt={swalPromiseResolve:new WeakMap,swalPromiseReject:new WeakMap};const nt=()=>{Array.from(document.body.children).forEach(e=>{e.hasAttribute("data-previous-aria-hidden")?(e.setAttribute("aria-hidden",e.getAttribute("data-previous-aria-hidden")||""),e.removeAttribute("data-previous-aria-hidden")):e.removeAttribute("aria-hidden")})},ot="undefined"!=typeof window&&!!window.GestureEvent,it=()=>{const e=y();if(!e)return;let t;e.ontouchstart=e=>{t=st(e)},e.ontouchmove=e=>{t&&(e.preventDefault(),e.stopPropagation())}},st=e=>{const t=e.target,n=y(),o=k();return!(!n||!o)&&(!rt(e)&&!at(e)&&(t===n||!(te(n)||!(t instanceof HTMLElement)||((e,t)=>{let n=e;for(;n&&n!==t;){if(te(n))return!0;n=n.parentElement}return!1})(t,o)||"INPUT"===t.tagName||"TEXTAREA"===t.tagName||te(o)&&o.contains(t))))},rt=e=>e.touches&&e.touches.length&&"stylus"===e.touches[0].touchType,at=e=>e.touches&&e.touches.length>1;let lt=null;const ct=e=>{null===lt&&(document.body.scrollHeight>window.innerHeight||"scroll"===e)&&(lt=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right")),document.body.style.paddingRight=`${lt+(()=>{const e=document.createElement("div");e.className=r["scrollbar-measure"],document.body.appendChild(e);const t=e.getBoundingClientRect().width-e.clientWidth;return document.body.removeChild(e),t})()}px`)};function ut(e,t,n,s){V()?yt(e,s):(i(n).then(()=>yt(e,s)),We(o)),ot?(t.setAttribute("style","display:none !important"),t.removeAttribute("class"),t.innerHTML=""):t.remove(),D()&&(null!==lt&&(document.body.style.paddingRight=`${lt}px`,lt=null),(()=>{if(N(document.body,r.iosfix)){const e=parseInt(document.body.style.top,10);W(document.body,r.iosfix),document.body.style.top="",document.body.scrollTop=-1*e}})(),nt()),W([document.documentElement,document.body],[r.shown,r["height-auto"],r["no-backdrop"],r["toast-shown"]])}function dt(e){e=gt(e);const t=tt.swalPromiseResolve.get(this),n=pt(this);this.isAwaitingPromise?e.isDismissed||(ht(this),t(e)):n&&t(e)}const pt=e=>{const t=C();if(!t)return!1;const n=he.innerParams.get(e);if(!n||N(t,n.hideClass.popup))return!1;W(t,n.showClass.popup),z(t,n.hideClass.popup);const o=y();return W(o,n.showClass.backdrop),z(o,n.hideClass.backdrop),ft(e,t,n),!0};function mt(e){const t=tt.swalPromiseReject.get(this);ht(this),t&&t(e)}const ht=e=>{e.isAwaitingPromise&&(delete e.isAwaitingPromise,he.innerParams.get(e)||e._destroy())},gt=e=>void 0===e?{isConfirmed:!1,isDenied:!1,isDismissed:!0}:Object.assign({isConfirmed:!1,isDenied:!1,isDismissed:!1},e),ft=(e,t,n)=>{var i;const s=y(),r=ne(t);"function"==typeof n.willClose&&n.willClose(t),null===(i=o.eventEmitter)||void 0===i||i.emit("willClose",t),r?bt(e,t,s,n.returnFocus,n.didClose):ut(e,s,n.returnFocus,n.didClose)},bt=(e,t,n,i,s)=>{o.swalCloseEventFinishedCallback=ut.bind(null,e,n,i,s);const r=function(e){var n;e.target===t&&(null===(n=o.swalCloseEventFinishedCallback)||void 0===n||n.call(o),delete o.swalCloseEventFinishedCallback,t.removeEventListener("animationend",r),t.removeEventListener("transitionend",r))};t.addEventListener("animationend",r),t.addEventListener("transitionend",r)},yt=(e,t)=>{setTimeout(()=>{var n;"function"==typeof t&&t.bind(e.params)(),null===(n=o.eventEmitter)||void 0===n||n.emit("didClose"),e._destroy&&e._destroy()})},vt=e=>{let t=C();if(t||new Qn,t=C(),!t)return;const n=S();V()?Z(A()):wt(t,e),X(n),t.setAttribute("data-loading","true"),t.setAttribute("aria-busy","true"),t.focus()},wt=(e,t)=>{const n=O(),o=S();n&&o&&(!t&&ee(P())&&(t=P()),X(n),t&&(Z(t),o.setAttribute("data-button-to-replace",t.className),n.insertBefore(o,t)),z([e,n],r.loading))},Ct=e=>e.checked?1:0,At=e=>e.checked?e.value:null,Et=e=>e.files&&e.files.length?null!==e.getAttribute("multiple")?e.files:e.files[0]:null,kt=(e,t)=>{const n=C();if(!n)return;const o=e=>{"select"===t.input?function(e,t,n){const o=K(e,r.select);if(!o)return;const i=(e,t,o)=>{const i=document.createElement("option");i.value=o,q(i,t),i.selected=Lt(o,n.inputValue),e.appendChild(i)};t.forEach(e=>{const t=e[0],n=e[1];if(Array.isArray(n)){const e=document.createElement("optgroup");e.label=t,e.disabled=!1,o.appendChild(e),n.forEach(t=>i(e,t[1],t[0]))}else i(o,n,t)}),o.focus()}(n,$t(e),t):"radio"===t.input&&function(e,t,n){const o=K(e,r.radio);if(!o)return;t.forEach(e=>{const t=e[0],i=e[1],s=document.createElement("input"),a=document.createElement("label");s.type="radio",s.name=r.radio,s.value=t,Lt(t,n.inputValue)&&(s.checked=!0);const l=document.createElement("span");q(l,i),l.className=r.label,a.appendChild(s),a.appendChild(l),o.appendChild(a)});const i=o.querySelectorAll("input");i.length&&i[0].focus()}(n,$t(e),t)};g(t.inputOptions)||b(t.inputOptions)?(vt(P()),f(t.inputOptions).then(t=>{e.hideLoading(),o(t)})):"object"==typeof t.inputOptions?o(t.inputOptions):d("Unexpected type of inputOptions! Expected object, Map or Promise, got "+typeof t.inputOptions)},Bt=(e,t)=>{const n=e.getInput();n&&(Z(n),f(t.inputValue).then(o=>{n.value="number"===t.input?`${parseFloat(o)||0}`:`${o}`,X(n),n.focus(),e.hideLoading()}).catch(t=>{d(`Error in inputValue promise: ${t}`),n.value="",X(n),n.focus(),e.hideLoading()}))};const $t=e=>{const t=[];return e instanceof Map?e.forEach((e,n)=>{let o=e;"object"==typeof o&&(o=$t(o)),t.push([n,o])}):Object.keys(e).forEach(n=>{let o=e[n];"object"==typeof o&&(o=$t(o)),t.push([n,o])}),t},Lt=(e,t)=>!!t&&t.toString()===e.toString(),Pt=(e,t)=>{const n=he.innerParams.get(e);if(!n.input)return void d(`The "input" parameter is needed to be set when using returnInputValueOn${c(t)}`);const o=e.getInput(),i=((e,t)=>{const n=e.getInput();if(!n)return null;switch(t.input){case"checkbox":return Ct(n);case"radio":return At(n);case"file":return Et(n);default:return t.inputAutoTrim?n.value.trim():n.value}})(e,n);n.inputValidator?xt(e,i,t):o&&!o.checkValidity()?(e.enableButtons(),e.showValidationMessage(n.validationMessage||o.validationMessage)):"deny"===t?Tt(e,i):Mt(e,i)},xt=(e,t,n)=>{const o=he.innerParams.get(e);e.disableInput();Promise.resolve().then(()=>f(o.inputValidator(t,o.validationMessage))).then(o=>{e.enableButtons(),e.enableInput(),o?e.showValidationMessage(o):"deny"===n?Tt(e,t):Mt(e,t)})},Tt=(e,t)=>{const n=he.innerParams.get(e||void 0);if(n.showLoaderOnDeny&&vt(T()),n.preDeny){e.isAwaitingPromise=!0;Promise.resolve().then(()=>f(n.preDeny(t,n.validationMessage))).then(n=>{!1===n?(e.hideLoading(),ht(e)):e.close({isDenied:!0,value:void 0===n?t:n})}).catch(t=>Ot(e||void 0,t))}else e.close({isDenied:!0,value:t})},St=(e,t)=>{e.close({isConfirmed:!0,value:t})},Ot=(e,t)=>{e.rejectPromise(t)},Mt=(e,t)=>{const n=he.innerParams.get(e||void 0);if(n.showLoaderOnConfirm&&vt(),n.preConfirm){e.resetValidationMessage(),e.isAwaitingPromise=!0;Promise.resolve().then(()=>f(n.preConfirm(t,n.validationMessage))).then(n=>{ee(L())||!1===n?(e.hideLoading(),ht(e)):St(e,void 0===n?t:n)}).catch(t=>Ot(e||void 0,t))}else St(e,t)};function jt(){const e=he.innerParams.get(this);if(!e)return;const t=he.domCache.get(this);Z(t.loader),V()?e.icon&&X(A()):Ht(t),W([t.popup,t.actions],r.loading),t.popup.removeAttribute("aria-busy"),t.popup.removeAttribute("data-loading"),t.confirmButton.disabled=!1,t.denyButton.disabled=!1,t.cancelButton.disabled=!1}const Ht=e=>{const t=e.popup.getElementsByClassName(e.loader.getAttribute("data-button-to-replace"));t.length?X(t[0],"inline-block"):ee(P())||ee(T())||ee(x())||Z(e.actions)};function It(){const e=he.innerParams.get(this),t=he.domCache.get(this);return t?F(t.popup,e.input):null}function Dt(e,t,n){const o=he.domCache.get(e);t.forEach(e=>{o[e].disabled=n})}function Vt(e,t){const n=C();if(n&&e)if("radio"===e.type){const e=n.querySelectorAll(`[name="${r.radio}"]`);for(let n=0;n<e.length;n++)e[n].disabled=t}else e.disabled=t}function qt(){Dt(this,["confirmButton","denyButton","cancelButton"],!1)}function Nt(){Dt(this,["confirmButton","denyButton","cancelButton"],!0)}function _t(){Vt(this.getInput(),!1)}function Ft(){Vt(this.getInput(),!0)}function Rt(e){const t=he.domCache.get(this),n=he.innerParams.get(this);q(t.validationMessage,e),t.validationMessage.className=r["validation-message"],n.customClass&&n.customClass.validationMessage&&z(t.validationMessage,n.customClass.validationMessage),X(t.validationMessage);const o=this.getInput();o&&(o.setAttribute("aria-invalid","true"),o.setAttribute("aria-describedby",r["validation-message"]),R(o),z(o,r.inputerror))}function Ut(){const e=he.domCache.get(this);e.validationMessage&&Z(e.validationMessage);const t=this.getInput();t&&(t.removeAttribute("aria-invalid"),t.removeAttribute("aria-describedby"),W(t,r.inputerror))}const zt={title:"",titleText:"",text:"",html:"",footer:"",icon:void 0,iconColor:void 0,iconHtml:void 0,template:void 0,toast:!1,draggable:!1,animation:!0,theme:"light",showClass:{popup:"swal2-show",backdrop:"swal2-backdrop-show",icon:"swal2-icon-show"},hideClass:{popup:"swal2-hide",backdrop:"swal2-backdrop-hide",icon:"swal2-icon-hide"},customClass:{},target:"body",color:void 0,backdrop:!0,heightAuto:!0,allowOutsideClick:!0,allowEscapeKey:!0,allowEnterKey:!0,stopKeydownPropagation:!0,keydownListenerCapture:!1,showConfirmButton:!0,showDenyButton:!1,showCancelButton:!1,preConfirm:void 0,preDeny:void 0,confirmButtonText:"OK",confirmButtonAriaLabel:"",confirmButtonColor:void 0,denyButtonText:"No",denyButtonAriaLabel:"",denyButtonColor:void 0,cancelButtonText:"Cancel",cancelButtonAriaLabel:"",cancelButtonColor:void 0,buttonsStyling:!0,reverseButtons:!1,focusConfirm:!0,focusDeny:!1,focusCancel:!1,returnFocus:!0,showCloseButton:!1,closeButtonHtml:"&times;",closeButtonAriaLabel:"Close this dialog",loaderHtml:"",showLoaderOnConfirm:!1,showLoaderOnDeny:!1,imageUrl:void 0,imageWidth:void 0,imageHeight:void 0,imageAlt:"",timer:void 0,timerProgressBar:!1,width:void 0,padding:void 0,background:void 0,input:void 0,inputPlaceholder:"",inputLabel:"",inputValue:"",inputOptions:{},inputAutoFocus:!0,inputAutoTrim:!0,inputAttributes:{},inputValidator:void 0,returnInputValueOnDeny:!1,validationMessage:void 0,grow:!1,position:"center",progressSteps:[],currentProgressStep:void 0,progressStepsDistance:void 0,willOpen:void 0,didOpen:void 0,didRender:void 0,willClose:void 0,didClose:void 0,didDestroy:void 0,scrollbarPadding:!0,topLayer:!1},Wt=["allowEscapeKey","allowOutsideClick","background","buttonsStyling","cancelButtonAriaLabel","cancelButtonColor","cancelButtonText","closeButtonAriaLabel","closeButtonHtml","color","confirmButtonAriaLabel","confirmButtonColor","confirmButtonText","currentProgressStep","customClass","denyButtonAriaLabel","denyButtonColor","denyButtonText","didClose","didDestroy","draggable","footer","hideClass","html","icon","iconColor","iconHtml","imageAlt","imageHeight","imageUrl","imageWidth","preConfirm","preDeny","progressSteps","returnFocus","reverseButtons","showCancelButton","showCloseButton","showConfirmButton","showDenyButton","text","title","titleText","theme","willClose"],Kt={allowEnterKey:void 0},Yt=["allowOutsideClick","allowEnterKey","backdrop","draggable","focusConfirm","focusDeny","focusCancel","returnFocus","heightAuto","keydownListenerCapture"],Xt=e=>Object.prototype.hasOwnProperty.call(zt,e),Zt=e=>-1!==Wt.indexOf(e),Jt=e=>Kt[e],Gt=e=>{Xt(e)||u(`Unknown parameter "${e}"`)},Qt=e=>{Yt.includes(e)&&u(`The parameter "${e}" is incompatible with toasts`)},en=e=>{const t=Jt(e);t&&m(e,t)},tn=e=>{!1===e.backdrop&&e.allowOutsideClick&&u('"allowOutsideClick" parameter requires `backdrop` parameter to be set to `true`'),e.theme&&!["light","dark","auto","minimal","borderless","embed-iframe","bulma","bulma-light","bulma-dark"].includes(e.theme)&&u(`Invalid theme "${e.theme}"`);for(const t in e)Gt(t),e.toast&&Qt(t),en(t)};function nn(e){const t=y(),n=C(),o=he.innerParams.get(this);if(!n||N(n,o.hideClass.popup))return void u("You're trying to update the closed or closing popup, that won't work. Use the update() method in preConfirm parameter or show a new popup.");const i=on(e),s=Object.assign({},o,i);tn(s),t.dataset.swal2Theme=s.theme,Re(this,s),he.innerParams.set(this,s),Object.defineProperties(this,{params:{value:Object.assign({},this.params,e),writable:!1,enumerable:!0}})}const on=e=>{const t={};return Object.keys(e).forEach(n=>{Zt(n)?t[n]=e[n]:u(`Invalid parameter to update: ${n}`)}),t};function sn(){const e=he.domCache.get(this),t=he.innerParams.get(this);t?(e.popup&&o.swalCloseEventFinishedCallback&&(o.swalCloseEventFinishedCallback(),delete o.swalCloseEventFinishedCallback),"function"==typeof t.didDestroy&&t.didDestroy(),o.eventEmitter.emit("didDestroy"),rn(this)):an(this)}const rn=e=>{an(e),delete e.params,delete o.keydownHandler,delete o.keydownTarget,delete o.currentInstance},an=e=>{e.isAwaitingPromise?(ln(he,e),e.isAwaitingPromise=!0):(ln(tt,e),ln(he,e),delete e.isAwaitingPromise,delete e.disableButtons,delete e.enableButtons,delete e.getInput,delete e.disableInput,delete e.enableInput,delete e.hideLoading,delete e.disableLoading,delete e.showValidationMessage,delete e.resetValidationMessage,delete e.close,delete e.closePopup,delete e.closeModal,delete e.closeToast,delete e.rejectPromise,delete e.update,delete e._destroy)},ln=(e,t)=>{for(const n in e)e[n].delete(t)};var cn=Object.freeze({__proto__:null,_destroy:sn,close:dt,closeModal:dt,closePopup:dt,closeToast:dt,disableButtons:Nt,disableInput:Ft,disableLoading:jt,enableButtons:qt,enableInput:_t,getInput:It,handleAwaitingPromise:ht,hideLoading:jt,rejectPromise:mt,resetValidationMessage:Ut,showValidationMessage:Rt,update:nn});const un=(e,t,n)=>{t.popup.onclick=()=>{e&&(dn(e)||e.timer||e.input)||n(ze.close)}},dn=e=>!!(e.showConfirmButton||e.showDenyButton||e.showCancelButton||e.showCloseButton);let pn=!1;const mn=e=>{e.popup.onmousedown=()=>{e.container.onmouseup=function(t){e.container.onmouseup=()=>{},t.target===e.container&&(pn=!0)}}},hn=e=>{e.container.onmousedown=t=>{t.target===e.container&&t.preventDefault(),e.popup.onmouseup=function(t){e.popup.onmouseup=()=>{},(t.target===e.popup||t.target instanceof HTMLElement&&e.popup.contains(t.target))&&(pn=!0)}}},gn=(e,t,n)=>{t.container.onclick=o=>{pn?pn=!1:o.target===t.container&&h(e.allowOutsideClick)&&n(ze.backdrop)}},fn=e=>e instanceof Element||(e=>"object"==typeof e&&e.jquery)(e);const bn=()=>{if(o.timeout)return(()=>{const e=j();if(!e)return;const t=parseInt(window.getComputedStyle(e).width);e.style.removeProperty("transition"),e.style.width="100%";const n=t/parseInt(window.getComputedStyle(e).width)*100;e.style.width=`${n}%`})(),o.timeout.stop()},yn=()=>{if(o.timeout){const e=o.timeout.start();return oe(e),e}};let vn=!1;const wn={};const Cn=e=>{for(let t=e.target;t&&t!==document;t=t.parentNode)for(const e in wn){const n=t.getAttribute(e);if(n)return void wn[e].fire({template:n})}};o.eventEmitter=new class{constructor(){this.events={}}_getHandlersByEventName(e){return void 0===this.events[e]&&(this.events[e]=[]),this.events[e]}on(e,t){const n=this._getHandlersByEventName(e);n.includes(t)||n.push(t)}once(e,t){const n=(...o)=>{this.removeListener(e,n),t.apply(this,o)};this.on(e,n)}emit(e,...t){this._getHandlersByEventName(e).forEach(e=>{try{e.apply(this,t)}catch(e){console.error(e)}})}removeListener(e,t){const n=this._getHandlersByEventName(e),o=n.indexOf(t);o>-1&&n.splice(o,1)}removeAllListeners(e){void 0!==this.events[e]&&(this.events[e].length=0)}reset(){this.events={}}};var An=Object.freeze({__proto__:null,argsToParams:e=>{const t={};return"object"!=typeof e[0]||fn(e[0])?["title","html","icon"].forEach((n,o)=>{const i=e[o];"string"==typeof i||fn(i)?t[n]=i:void 0!==i&&d(`Unexpected type of ${n}! Expected "string" or "Element", got ${typeof i}`)}):Object.assign(t,e[0]),t},bindClickHandler:function(e="data-swal-template"){wn[e]=this,vn||(document.body.addEventListener("click",Cn),vn=!0)},clickCancel:()=>{var e;return null===(e=x())||void 0===e?void 0:e.click()},clickConfirm:Ue,clickDeny:()=>{var e;return null===(e=T())||void 0===e?void 0:e.click()},enableLoading:vt,fire:function(...e){return new this(...e)},getActions:O,getCancelButton:x,getCloseButton:H,getConfirmButton:P,getContainer:y,getDenyButton:T,getFocusableElements:I,getFooter:M,getHtmlContainer:k,getIcon:A,getIconContent:()=>w(r["icon-content"]),getImage:B,getInputLabel:()=>w(r["input-label"]),getLoader:S,getPopup:C,getProgressSteps:$,getTimerLeft:()=>o.timeout&&o.timeout.getTimerLeft(),getTimerProgressBar:j,getTitle:E,getValidationMessage:L,increaseTimer:e=>{if(o.timeout){const t=o.timeout.increase(e);return oe(t,!0),t}},isDeprecatedParameter:Jt,isLoading:()=>{const e=C();return!!e&&e.hasAttribute("data-loading")},isTimerRunning:()=>!(!o.timeout||!o.timeout.isRunning()),isUpdatableParameter:Zt,isValidParameter:Xt,isVisible:()=>ee(C()),mixin:function(e){return class extends(this){_main(t,n){return super._main(t,Object.assign({},e,n))}}},off:(e,t)=>{e?t?o.eventEmitter.removeListener(e,t):o.eventEmitter.removeAllListeners(e):o.eventEmitter.reset()},on:(e,t)=>{o.eventEmitter.on(e,t)},once:(e,t)=>{o.eventEmitter.once(e,t)},resumeTimer:yn,showLoading:vt,stopTimer:bn,toggleTimer:()=>{const e=o.timeout;return e&&(e.running?bn():yn())}});class En{constructor(e,t){this.callback=e,this.remaining=t,this.running=!1,this.start()}start(){return this.running||(this.running=!0,this.started=new Date,this.id=setTimeout(this.callback,this.remaining)),this.remaining}stop(){return this.started&&this.running&&(this.running=!1,clearTimeout(this.id),this.remaining-=(new Date).getTime()-this.started.getTime()),this.remaining}increase(e){const t=this.running;return t&&this.stop(),this.remaining+=e,t&&this.start(),this.remaining}getTimerLeft(){return this.running&&(this.stop(),this.start()),this.remaining}isRunning(){return this.running}}const kn=["swal-title","swal-html","swal-footer"],Bn=e=>{const t={};return Array.from(e.querySelectorAll("swal-param")).forEach(e=>{Mn(e,["name","value"]);const n=e.getAttribute("name"),o=e.getAttribute("value");n&&o&&(t[n]="boolean"==typeof zt[n]?"false"!==o:"object"==typeof zt[n]?JSON.parse(o):o)}),t},$n=e=>{const t={};return Array.from(e.querySelectorAll("swal-function-param")).forEach(e=>{const n=e.getAttribute("name"),o=e.getAttribute("value");n&&o&&(t[n]=new Function(`return ${o}`)())}),t},Ln=e=>{const t={};return Array.from(e.querySelectorAll("swal-button")).forEach(e=>{Mn(e,["type","color","aria-label"]);const n=e.getAttribute("type");n&&["confirm","cancel","deny"].includes(n)&&(t[`${n}ButtonText`]=e.innerHTML,t[`show${c(n)}Button`]=!0,e.hasAttribute("color")&&(t[`${n}ButtonColor`]=e.getAttribute("color")),e.hasAttribute("aria-label")&&(t[`${n}ButtonAriaLabel`]=e.getAttribute("aria-label")))}),t},Pn=e=>{const t={},n=e.querySelector("swal-image");return n&&(Mn(n,["src","width","height","alt"]),n.hasAttribute("src")&&(t.imageUrl=n.getAttribute("src")||void 0),n.hasAttribute("width")&&(t.imageWidth=n.getAttribute("width")||void 0),n.hasAttribute("height")&&(t.imageHeight=n.getAttribute("height")||void 0),n.hasAttribute("alt")&&(t.imageAlt=n.getAttribute("alt")||void 0)),t},xn=e=>{const t={},n=e.querySelector("swal-icon");return n&&(Mn(n,["type","color"]),n.hasAttribute("type")&&(t.icon=n.getAttribute("type")),n.hasAttribute("color")&&(t.iconColor=n.getAttribute("color")),t.iconHtml=n.innerHTML),t},Tn=e=>{const t={},n=e.querySelector("swal-input");n&&(Mn(n,["type","label","placeholder","value"]),t.input=n.getAttribute("type")||"text",n.hasAttribute("label")&&(t.inputLabel=n.getAttribute("label")),n.hasAttribute("placeholder")&&(t.inputPlaceholder=n.getAttribute("placeholder")),n.hasAttribute("value")&&(t.inputValue=n.getAttribute("value")));const o=Array.from(e.querySelectorAll("swal-input-option"));return o.length&&(t.inputOptions={},o.forEach(e=>{Mn(e,["value"]);const n=e.getAttribute("value");if(!n)return;const o=e.innerHTML;t.inputOptions[n]=o})),t},Sn=(e,t)=>{const n={};for(const o in t){const i=t[o],s=e.querySelector(i);s&&(Mn(s,[]),n[i.replace(/^swal-/,"")]=s.innerHTML.trim())}return n},On=e=>{const t=kn.concat(["swal-param","swal-function-param","swal-button","swal-image","swal-icon","swal-input","swal-input-option"]);Array.from(e.children).forEach(e=>{const n=e.tagName.toLowerCase();t.includes(n)||u(`Unrecognized element <${n}>`)})},Mn=(e,t)=>{Array.from(e.attributes).forEach(n=>{-1===t.indexOf(n.name)&&u([`Unrecognized attribute "${n.name}" on <${e.tagName.toLowerCase()}>.`,""+(t.length?`Allowed attributes are: ${t.join(", ")}`:"To set the value, use HTML within the element.")])})},jn=e=>{const t=y(),n=C();"function"==typeof e.willOpen&&e.willOpen(n),o.eventEmitter.emit("willOpen",n);const i=window.getComputedStyle(document.body).overflowY;Vn(t,n,e),setTimeout(()=>{In(t,n)},10),D()&&(Dn(t,e.scrollbarPadding,i),(()=>{const e=y();Array.from(document.body.children).forEach(t=>{t.contains(e)||(t.hasAttribute("aria-hidden")&&t.setAttribute("data-previous-aria-hidden",t.getAttribute("aria-hidden")||""),t.setAttribute("aria-hidden","true"))})})()),V()||o.previousActiveElement||(o.previousActiveElement=document.activeElement),"function"==typeof e.didOpen&&setTimeout(()=>e.didOpen(n)),o.eventEmitter.emit("didOpen",n),W(t,r["no-transition"])},Hn=e=>{const t=C();if(e.target!==t)return;const n=y();t.removeEventListener("animationend",Hn),t.removeEventListener("transitionend",Hn),n.style.overflowY="auto"},In=(e,t)=>{ne(t)?(e.style.overflowY="hidden",t.addEventListener("animationend",Hn),t.addEventListener("transitionend",Hn)):e.style.overflowY="auto"},Dn=(e,t,n)=>{(()=>{if(ot&&!N(document.body,r.iosfix)){const e=document.body.scrollTop;document.body.style.top=-1*e+"px",z(document.body,r.iosfix),it()}})(),t&&"hidden"!==n&&ct(n),setTimeout(()=>{e.scrollTop=0})},Vn=(e,t,n)=>{z(e,n.showClass.backdrop),n.animation?(t.style.setProperty("opacity","0","important"),X(t,"grid"),setTimeout(()=>{z(t,n.showClass.popup),t.style.removeProperty("opacity")},10)):X(t,"grid"),z([document.documentElement,document.body],r.shown),n.heightAuto&&n.backdrop&&!n.toast&&z([document.documentElement,document.body],r["height-auto"])};var qn=(e,t)=>/^[a-zA-Z0-9.+_'-]+@[a-zA-Z0-9.-]+\.[a-zA-Z0-9-]+$/.test(e)?Promise.resolve():Promise.resolve(t||"Invalid email address"),Nn=(e,t)=>/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-z]{2,63}\b([-a-zA-Z0-9@:%_+.~#?&/=]*)$/.test(e)?Promise.resolve():Promise.resolve(t||"Invalid URL");function _n(e){!function(e){e.inputValidator||("email"===e.input&&(e.inputValidator=qn),"url"===e.input&&(e.inputValidator=Nn))}(e),e.showLoaderOnConfirm&&!e.preConfirm&&u("showLoaderOnConfirm is set to true, but preConfirm is not defined.\nshowLoaderOnConfirm should be used together with preConfirm, see usage example:\nhttps://sweetalert2.github.io/#ajax-request"),function(e){(!e.target||"string"==typeof e.target&&!document.querySelector(e.target)||"string"!=typeof e.target&&!e.target.appendChild)&&(u('Target parameter is not valid, defaulting to "body"'),e.target="body")}(e),"string"==typeof e.title&&(e.title=e.title.split("\n").join("<br />")),re(e)}let Fn;var Rn=new WeakMap;class Un{constructor(...t){if(n(this,Rn,void 0),"undefined"==typeof window)return;Fn=this;const o=Object.freeze(this.constructor.argsToParams(t));var i,s,r;this.params=o,this.isAwaitingPromise=!1,i=Rn,s=this,r=this._main(Fn.params),i.set(e(i,s),r)}_main(e,t={}){if(tn(Object.assign({},t,e)),o.currentInstance){const e=tt.swalPromiseResolve.get(o.currentInstance),{isAwaitingPromise:t}=o.currentInstance;o.currentInstance._destroy(),t||e({isDismissed:!0}),D()&&nt()}o.currentInstance=Fn;const n=Wn(e,t);_n(n),Object.freeze(n),o.timeout&&(o.timeout.stop(),delete o.timeout),clearTimeout(o.restoreFocusTimeout);const i=Kn(Fn);return Re(Fn,n),he.innerParams.set(Fn,n),zn(Fn,i,n)}then(e){return t(Rn,this).then(e)}finally(e){return t(Rn,this).finally(e)}}const zn=(e,t,n)=>new Promise((i,s)=>{const r=t=>{e.close({isDismissed:!0,dismiss:t})};tt.swalPromiseResolve.set(e,i),tt.swalPromiseReject.set(e,s),t.confirmButton.onclick=()=>{(e=>{const t=he.innerParams.get(e);e.disableButtons(),t.input?Pt(e,"confirm"):Mt(e,!0)})(e)},t.denyButton.onclick=()=>{(e=>{const t=he.innerParams.get(e);e.disableButtons(),t.returnInputValueOnDeny?Pt(e,"deny"):Tt(e,!1)})(e)},t.cancelButton.onclick=()=>{((e,t)=>{e.disableButtons(),t(ze.cancel)})(e,r)},t.closeButton.onclick=()=>{r(ze.close)},((e,t,n)=>{e.toast?un(e,t,n):(mn(t),hn(t),gn(e,t,n))})(n,t,r),((e,t,n)=>{We(e),t.toast||(e.keydownHandler=e=>Ze(t,e,n),e.keydownTarget=t.keydownListenerCapture?window:C(),e.keydownListenerCapture=t.keydownListenerCapture,e.keydownTarget.addEventListener("keydown",e.keydownHandler,{capture:e.keydownListenerCapture}),e.keydownHandlerAdded=!0)})(o,n,r),((e,t)=>{"select"===t.input||"radio"===t.input?kt(e,t):["text","email","number","tel","textarea"].some(e=>e===t.input)&&(g(t.inputValue)||b(t.inputValue))&&(vt(P()),Bt(e,t))})(e,n),jn(n),Yn(o,n,r),Xn(t,n),setTimeout(()=>{t.container.scrollTop=0})}),Wn=(e,t)=>{const n=(e=>{const t="string"==typeof e.template?document.querySelector(e.template):e.template;if(!t)return{};const n=t.content;return On(n),Object.assign(Bn(n),$n(n),Ln(n),Pn(n),xn(n),Tn(n),Sn(n,kn))})(e),o=Object.assign({},zt,t,n,e);return o.showClass=Object.assign({},zt.showClass,o.showClass),o.hideClass=Object.assign({},zt.hideClass,o.hideClass),!1===o.animation&&(o.showClass={backdrop:"swal2-noanimation"},o.hideClass={}),o},Kn=e=>{const t={popup:C(),container:y(),actions:O(),confirmButton:P(),denyButton:T(),cancelButton:x(),loader:S(),closeButton:H(),validationMessage:L(),progressSteps:$()};return he.domCache.set(e,t),t},Yn=(e,t,n)=>{const o=j();Z(o),t.timer&&(e.timeout=new En(()=>{n("timer"),delete e.timeout},t.timer),t.timerProgressBar&&(X(o),_(o,t,"timerProgressBar"),setTimeout(()=>{e.timeout&&e.timeout.running&&oe(t.timer)})))},Xn=(e,t)=>{if(!t.toast)return h(t.allowEnterKey)?void(Zn(e)||Jn(e,t)||Ke(-1,1)):(m("allowEnterKey"),void Gn())},Zn=e=>{const t=Array.from(e.popup.querySelectorAll("[autofocus]"));for(const e of t)if(e instanceof HTMLElement&&ee(e))return e.focus(),!0;return!1},Jn=(e,t)=>t.focusDeny&&ee(e.denyButton)?(e.denyButton.focus(),!0):t.focusCancel&&ee(e.cancelButton)?(e.cancelButton.focus(),!0):!(!t.focusConfirm||!ee(e.confirmButton))&&(e.confirmButton.focus(),!0),Gn=()=>{document.activeElement instanceof HTMLElement&&"function"==typeof document.activeElement.blur&&document.activeElement.blur()};Un.prototype.disableButtons=Nt,Un.prototype.enableButtons=qt,Un.prototype.getInput=It,Un.prototype.disableInput=Ft,Un.prototype.enableInput=_t,Un.prototype.hideLoading=jt,Un.prototype.disableLoading=jt,Un.prototype.showValidationMessage=Rt,Un.prototype.resetValidationMessage=Ut,Un.prototype.close=dt,Un.prototype.closePopup=dt,Un.prototype.closeModal=dt,Un.prototype.closeToast=dt,Un.prototype.rejectPromise=mt,Un.prototype.update=nn,Un.prototype._destroy=sn,Object.assign(Un,An),Object.keys(cn).forEach(e=>{Un[e]=function(...t){return Fn&&Fn[e]?Fn[e](...t):null}}),Un.DismissReason=ze,Un.version="11.23.0";const Qn=Un;return Qn.default=Qn,Qn}),void 0!==this&&this.Sweetalert2&&(this.swal=this.sweetAlert=this.Swal=this.SweetAlert=this.Sweetalert2);
+"undefined"!=typeof document&&function(e,t){var n=e.createElement("style");if(e.getElementsByTagName("head")[0].appendChild(n),n.styleSheet)n.styleSheet.disabled||(n.styleSheet.cssText=t);else try{n.innerHTML=t}catch(e){n.innerText=t}}(document,":root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-container-padding: 0.625em;--swal2-backdrop: rgba(0, 0, 0, 0.4);--swal2-backdrop-transition: background-color 0.1s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: 0.3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show 0.3s;--swal2-hide-animation: swal2-hide 0.15s forwards;--swal2-icon-zoom: 1;--swal2-icon-animations: true;--swal2-title-padding: 0.8em 1em 0;--swal2-html-container-padding: 1em 1.6em 0.3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: 0.1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color 0.2s, box-shadow 0.2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px $swal2-outline-color;--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color 0.2s, box-shadow 0.2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: 0.25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: 0.25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: 0.25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show 0.5s;--swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}@media(prefers-color-scheme: dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:\"top-start     top            top-end\" \"center-start  center         center-end\" \"bottom-start  bottom-center  bottom-end\";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem;container-name:swal2-popup}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:rgba(0,0,0,0);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:\"!\";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:all}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}");
\ No newline at end of file
diff --git a/public_html/assets/raven/vendor/js/swiper-bundle.min.js b/public_html/assets/raven/vendor/js/swiper-bundle.min.js
new file mode 100644
index 0000000..2a57d2a
--- /dev/null
+++ b/public_html/assets/raven/vendor/js/swiper-bundle.min.js
@@ -0,0 +1,14 @@
+/**
+ * Swiper 11.2.10
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2025 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: June 28, 2025
+ */
+
+var Swiper=function(){"use strict";function e(e){return null!==e&&"object"==typeof e&&"constructor"in e&&e.constructor===Object}function t(s,a){void 0===s&&(s={}),void 0===a&&(a={});const i=["__proto__","constructor","prototype"];Object.keys(a).filter((e=>i.indexOf(e)<0)).forEach((i=>{void 0===s[i]?s[i]=a[i]:e(a[i])&&e(s[i])&&Object.keys(a[i]).length>0&&t(s[i],a[i])}))}const s={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector:()=>null,querySelectorAll:()=>[],getElementById:()=>null,createEvent:()=>({initEvent(){}}),createElement:()=>({children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName:()=>[]}),createElementNS:()=>({}),importNode:()=>null,location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function a(){const e="undefined"!=typeof document?document:{};return t(e,s),e}const i={document:s,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle:()=>({getPropertyValue:()=>""}),Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia:()=>({}),requestAnimationFrame:e=>"undefined"==typeof setTimeout?(e(),null):setTimeout(e,0),cancelAnimationFrame(e){"undefined"!=typeof setTimeout&&clearTimeout(e)}};function r(){const e="undefined"!=typeof window?window:{};return t(e,i),e}function n(e){return void 0===e&&(e=""),e.trim().split(" ").filter((e=>!!e.trim()))}function l(e,t){return void 0===t&&(t=0),setTimeout(e,t)}function o(){return Date.now()}function d(e,t){void 0===t&&(t="x");const s=r();let a,i,n;const l=function(e){const t=r();let s;return t.getComputedStyle&&(s=t.getComputedStyle(e,null)),!s&&e.currentStyle&&(s=e.currentStyle),s||(s=e.style),s}(e);return s.WebKitCSSMatrix?(i=l.transform||l.webkitTransform,i.split(",").length>6&&(i=i.split(", ").map((e=>e.replace(",","."))).join(", ")),n=new s.WebKitCSSMatrix("none"===i?"":i)):(n=l.MozTransform||l.OTransform||l.MsTransform||l.msTransform||l.transform||l.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),a=n.toString().split(",")),"x"===t&&(i=s.WebKitCSSMatrix?n.m41:16===a.length?parseFloat(a[12]):parseFloat(a[4])),"y"===t&&(i=s.WebKitCSSMatrix?n.m42:16===a.length?parseFloat(a[13]):parseFloat(a[5])),i||0}function c(e){return"object"==typeof e&&null!==e&&e.constructor&&"Object"===Object.prototype.toString.call(e).slice(8,-1)}function p(){const e=Object(arguments.length<=0?void 0:arguments[0]),t=["__proto__","constructor","prototype"];for(let a=1;a<arguments.length;a+=1){const i=a<0||arguments.length<=a?void 0:arguments[a];if(null!=i&&(s=i,!("undefined"!=typeof window&&void 0!==window.HTMLElement?s instanceof HTMLElement:s&&(1===s.nodeType||11===s.nodeType)))){const s=Object.keys(Object(i)).filter((e=>t.indexOf(e)<0));for(let t=0,a=s.length;t<a;t+=1){const a=s[t],r=Object.getOwnPropertyDescriptor(i,a);void 0!==r&&r.enumerable&&(c(e[a])&&c(i[a])?i[a].__swiper__?e[a]=i[a]:p(e[a],i[a]):!c(e[a])&&c(i[a])?(e[a]={},i[a].__swiper__?e[a]=i[a]:p(e[a],i[a])):e[a]=i[a])}}}var s;return e}function u(e,t,s){e.style.setProperty(t,s)}function m(e){let{swiper:t,targetPosition:s,side:a}=e;const i=r(),n=-t.translate;let l,o=null;const d=t.params.speed;t.wrapperEl.style.scrollSnapType="none",i.cancelAnimationFrame(t.cssModeFrameID);const c=s>n?"next":"prev",p=(e,t)=>"next"===c&&e>=t||"prev"===c&&e<=t,u=()=>{l=(new Date).getTime(),null===o&&(o=l);const e=Math.max(Math.min((l-o)/d,1),0),r=.5-Math.cos(e*Math.PI)/2;let c=n+r*(s-n);if(p(c,s)&&(c=s),t.wrapperEl.scrollTo({[a]:c}),p(c,s))return t.wrapperEl.style.overflow="hidden",t.wrapperEl.style.scrollSnapType="",setTimeout((()=>{t.wrapperEl.style.overflow="",t.wrapperEl.scrollTo({[a]:c})})),void i.cancelAnimationFrame(t.cssModeFrameID);t.cssModeFrameID=i.requestAnimationFrame(u)};u()}function h(e){return e.querySelector(".swiper-slide-transform")||e.shadowRoot&&e.shadowRoot.querySelector(".swiper-slide-transform")||e}function f(e,t){void 0===t&&(t="");const s=r(),a=[...e.children];return s.HTMLSlotElement&&e instanceof HTMLSlotElement&&a.push(...e.assignedElements()),t?a.filter((e=>e.matches(t))):a}function g(e){try{return void console.warn(e)}catch(e){}}function v(e,t){void 0===t&&(t=[]);const s=document.createElement(e);return s.classList.add(...Array.isArray(t)?t:n(t)),s}function w(e){const t=r(),s=a(),i=e.getBoundingClientRect(),n=s.body,l=e.clientTop||n.clientTop||0,o=e.clientLeft||n.clientLeft||0,d=e===t?t.scrollY:e.scrollTop,c=e===t?t.scrollX:e.scrollLeft;return{top:i.top+d-l,left:i.left+c-o}}function b(e,t){return r().getComputedStyle(e,null).getPropertyValue(t)}function y(e){let t,s=e;if(s){for(t=0;null!==(s=s.previousSibling);)1===s.nodeType&&(t+=1);return t}}function E(e,t){const s=[];let a=e.parentElement;for(;a;)t?a.matches(t)&&s.push(a):s.push(a),a=a.parentElement;return s}function x(e,t){t&&e.addEventListener("transitionend",(function s(a){a.target===e&&(t.call(e,a),e.removeEventListener("transitionend",s))}))}function S(e,t,s){const a=r();return s?e["width"===t?"offsetWidth":"offsetHeight"]+parseFloat(a.getComputedStyle(e,null).getPropertyValue("width"===t?"margin-right":"margin-top"))+parseFloat(a.getComputedStyle(e,null).getPropertyValue("width"===t?"margin-left":"margin-bottom")):e.offsetWidth}function T(e){return(Array.isArray(e)?e:[e]).filter((e=>!!e))}function M(e){return t=>Math.abs(t)>0&&e.browser&&e.browser.need3dFix&&Math.abs(t)%90==0?t+.001:t}function C(e,t){void 0===t&&(t=""),"undefined"!=typeof trustedTypes?e.innerHTML=trustedTypes.createPolicy("html",{createHTML:e=>e}).createHTML(t):e.innerHTML=t}let P,L,I;function z(){return P||(P=function(){const e=r(),t=a();return{smoothScroll:t.documentElement&&t.documentElement.style&&"scrollBehavior"in t.documentElement.style,touch:!!("ontouchstart"in e||e.DocumentTouch&&t instanceof e.DocumentTouch)}}()),P}function A(e){return void 0===e&&(e={}),L||(L=function(e){let{userAgent:t}=void 0===e?{}:e;const s=z(),a=r(),i=a.navigator.platform,n=t||a.navigator.userAgent,l={ios:!1,android:!1},o=a.screen.width,d=a.screen.height,c=n.match(/(Android);?[\s\/]+([\d.]+)?/);let p=n.match(/(iPad).*OS\s([\d_]+)/);const u=n.match(/(iPod)(.*OS\s([\d_]+))?/),m=!p&&n.match(/(iPhone\sOS|iOS)\s([\d_]+)/),h="Win32"===i;let f="MacIntel"===i;return!p&&f&&s.touch&&["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"].indexOf(`${o}x${d}`)>=0&&(p=n.match(/(Version)\/([\d.]+)/),p||(p=[0,1,"13_0_0"]),f=!1),c&&!h&&(l.os="android",l.android=!0),(p||m||u)&&(l.os="ios",l.ios=!0),l}(e)),L}function $(){return I||(I=function(){const e=r(),t=A();let s=!1;function a(){const t=e.navigator.userAgent.toLowerCase();return t.indexOf("safari")>=0&&t.indexOf("chrome")<0&&t.indexOf("android")<0}if(a()){const t=String(e.navigator.userAgent);if(t.includes("Version/")){const[e,a]=t.split("Version/")[1].split(" ")[0].split(".").map((e=>Number(e)));s=e<16||16===e&&a<2}}const i=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(e.navigator.userAgent),n=a();return{isSafari:s||n,needPerspectiveFix:s,need3dFix:n||i&&t.ios,isWebView:i}}()),I}var k={on(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;const i=s?"unshift":"push";return e.split(" ").forEach((e=>{a.eventsListeners[e]||(a.eventsListeners[e]=[]),a.eventsListeners[e][i](t)})),a},once(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;function i(){a.off(e,i),i.__emitterProxy&&delete i.__emitterProxy;for(var s=arguments.length,r=new Array(s),n=0;n<s;n++)r[n]=arguments[n];t.apply(a,r)}return i.__emitterProxy=t,a.on(e,i,s)},onAny(e,t){const s=this;if(!s.eventsListeners||s.destroyed)return s;if("function"!=typeof e)return s;const a=t?"unshift":"push";return s.eventsAnyListeners.indexOf(e)<0&&s.eventsAnyListeners[a](e),s},offAny(e){const t=this;if(!t.eventsListeners||t.destroyed)return t;if(!t.eventsAnyListeners)return t;const s=t.eventsAnyListeners.indexOf(e);return s>=0&&t.eventsAnyListeners.splice(s,1),t},off(e,t){const s=this;return!s.eventsListeners||s.destroyed?s:s.eventsListeners?(e.split(" ").forEach((e=>{void 0===t?s.eventsListeners[e]=[]:s.eventsListeners[e]&&s.eventsListeners[e].forEach(((a,i)=>{(a===t||a.__emitterProxy&&a.__emitterProxy===t)&&s.eventsListeners[e].splice(i,1)}))})),s):s},emit(){const e=this;if(!e.eventsListeners||e.destroyed)return e;if(!e.eventsListeners)return e;let t,s,a;for(var i=arguments.length,r=new Array(i),n=0;n<i;n++)r[n]=arguments[n];"string"==typeof r[0]||Array.isArray(r[0])?(t=r[0],s=r.slice(1,r.length),a=e):(t=r[0].events,s=r[0].data,a=r[0].context||e),s.unshift(a);return(Array.isArray(t)?t:t.split(" ")).forEach((t=>{e.eventsAnyListeners&&e.eventsAnyListeners.length&&e.eventsAnyListeners.forEach((e=>{e.apply(a,[t,...s])})),e.eventsListeners&&e.eventsListeners[t]&&e.eventsListeners[t].forEach((e=>{e.apply(a,s)}))})),e}};const O=(e,t,s)=>{t&&!e.classList.contains(s)?e.classList.add(s):!t&&e.classList.contains(s)&&e.classList.remove(s)};const D=(e,t,s)=>{t&&!e.classList.contains(s)?e.classList.add(s):!t&&e.classList.contains(s)&&e.classList.remove(s)};const G=(e,t)=>{if(!e||e.destroyed||!e.params)return;const s=t.closest(e.isElement?"swiper-slide":`.${e.params.slideClass}`);if(s){let t=s.querySelector(`.${e.params.lazyPreloaderClass}`);!t&&e.isElement&&(s.shadowRoot?t=s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`):requestAnimationFrame((()=>{s.shadowRoot&&(t=s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`),t&&t.remove())}))),t&&t.remove()}},X=(e,t)=>{if(!e.slides[t])return;const s=e.slides[t].querySelector('[loading="lazy"]');s&&s.removeAttribute("loading")},Y=e=>{if(!e||e.destroyed||!e.params)return;let t=e.params.lazyPreloadPrevNext;const s=e.slides.length;if(!s||!t||t<0)return;t=Math.min(t,s);const a="auto"===e.params.slidesPerView?e.slidesPerViewDynamic():Math.ceil(e.params.slidesPerView),i=e.activeIndex;if(e.params.grid&&e.params.grid.rows>1){const s=i,r=[s-t];return r.push(...Array.from({length:t}).map(((e,t)=>s+a+t))),void e.slides.forEach(((t,s)=>{r.includes(t.column)&&X(e,s)}))}const r=i+a-1;if(e.params.rewind||e.params.loop)for(let a=i-t;a<=r+t;a+=1){const t=(a%s+s)%s;(t<i||t>r)&&X(e,t)}else for(let a=Math.max(i-t,0);a<=Math.min(r+t,s-1);a+=1)a!==i&&(a>r||a<i)&&X(e,a)};var B={updateSize:function(){const e=this;let t,s;const a=e.el;t=void 0!==e.params.width&&null!==e.params.width?e.params.width:a.clientWidth,s=void 0!==e.params.height&&null!==e.params.height?e.params.height:a.clientHeight,0===t&&e.isHorizontal()||0===s&&e.isVertical()||(t=t-parseInt(b(a,"padding-left")||0,10)-parseInt(b(a,"padding-right")||0,10),s=s-parseInt(b(a,"padding-top")||0,10)-parseInt(b(a,"padding-bottom")||0,10),Number.isNaN(t)&&(t=0),Number.isNaN(s)&&(s=0),Object.assign(e,{width:t,height:s,size:e.isHorizontal()?t:s}))},updateSlides:function(){const e=this;function t(t,s){return parseFloat(t.getPropertyValue(e.getDirectionLabel(s))||0)}const s=e.params,{wrapperEl:a,slidesEl:i,size:r,rtlTranslate:n,wrongRTL:l}=e,o=e.virtual&&s.virtual.enabled,d=o?e.virtual.slides.length:e.slides.length,c=f(i,`.${e.params.slideClass}, swiper-slide`),p=o?e.virtual.slides.length:c.length;let m=[];const h=[],g=[];let v=s.slidesOffsetBefore;"function"==typeof v&&(v=s.slidesOffsetBefore.call(e));let w=s.slidesOffsetAfter;"function"==typeof w&&(w=s.slidesOffsetAfter.call(e));const y=e.snapGrid.length,E=e.slidesGrid.length;let x=s.spaceBetween,T=-v,M=0,C=0;if(void 0===r)return;"string"==typeof x&&x.indexOf("%")>=0?x=parseFloat(x.replace("%",""))/100*r:"string"==typeof x&&(x=parseFloat(x)),e.virtualSize=-x,c.forEach((e=>{n?e.style.marginLeft="":e.style.marginRight="",e.style.marginBottom="",e.style.marginTop=""})),s.centeredSlides&&s.cssMode&&(u(a,"--swiper-centered-offset-before",""),u(a,"--swiper-centered-offset-after",""));const P=s.grid&&s.grid.rows>1&&e.grid;let L;P?e.grid.initSlides(c):e.grid&&e.grid.unsetSlides();const I="auto"===s.slidesPerView&&s.breakpoints&&Object.keys(s.breakpoints).filter((e=>void 0!==s.breakpoints[e].slidesPerView)).length>0;for(let a=0;a<p;a+=1){let i;if(L=0,c[a]&&(i=c[a]),P&&e.grid.updateSlide(a,i,c),!c[a]||"none"!==b(i,"display")){if("auto"===s.slidesPerView){I&&(c[a].style[e.getDirectionLabel("width")]="");const r=getComputedStyle(i),n=i.style.transform,l=i.style.webkitTransform;if(n&&(i.style.transform="none"),l&&(i.style.webkitTransform="none"),s.roundLengths)L=e.isHorizontal()?S(i,"width",!0):S(i,"height",!0);else{const e=t(r,"width"),s=t(r,"padding-left"),a=t(r,"padding-right"),n=t(r,"margin-left"),l=t(r,"margin-right"),o=r.getPropertyValue("box-sizing");if(o&&"border-box"===o)L=e+n+l;else{const{clientWidth:t,offsetWidth:r}=i;L=e+s+a+n+l+(r-t)}}n&&(i.style.transform=n),l&&(i.style.webkitTransform=l),s.roundLengths&&(L=Math.floor(L))}else L=(r-(s.slidesPerView-1)*x)/s.slidesPerView,s.roundLengths&&(L=Math.floor(L)),c[a]&&(c[a].style[e.getDirectionLabel("width")]=`${L}px`);c[a]&&(c[a].swiperSlideSize=L),g.push(L),s.centeredSlides?(T=T+L/2+M/2+x,0===M&&0!==a&&(T=T-r/2-x),0===a&&(T=T-r/2-x),Math.abs(T)<.001&&(T=0),s.roundLengths&&(T=Math.floor(T)),C%s.slidesPerGroup==0&&m.push(T),h.push(T)):(s.roundLengths&&(T=Math.floor(T)),(C-Math.min(e.params.slidesPerGroupSkip,C))%e.params.slidesPerGroup==0&&m.push(T),h.push(T),T=T+L+x),e.virtualSize+=L+x,M=L,C+=1}}if(e.virtualSize=Math.max(e.virtualSize,r)+w,n&&l&&("slide"===s.effect||"coverflow"===s.effect)&&(a.style.width=`${e.virtualSize+x}px`),s.setWrapperSize&&(a.style[e.getDirectionLabel("width")]=`${e.virtualSize+x}px`),P&&e.grid.updateWrapperSize(L,m),!s.centeredSlides){const t=[];for(let a=0;a<m.length;a+=1){let i=m[a];s.roundLengths&&(i=Math.floor(i)),m[a]<=e.virtualSize-r&&t.push(i)}m=t,Math.floor(e.virtualSize-r)-Math.floor(m[m.length-1])>1&&m.push(e.virtualSize-r)}if(o&&s.loop){const t=g[0]+x;if(s.slidesPerGroup>1){const a=Math.ceil((e.virtual.slidesBefore+e.virtual.slidesAfter)/s.slidesPerGroup),i=t*s.slidesPerGroup;for(let e=0;e<a;e+=1)m.push(m[m.length-1]+i)}for(let a=0;a<e.virtual.slidesBefore+e.virtual.slidesAfter;a+=1)1===s.slidesPerGroup&&m.push(m[m.length-1]+t),h.push(h[h.length-1]+t),e.virtualSize+=t}if(0===m.length&&(m=[0]),0!==x){const t=e.isHorizontal()&&n?"marginLeft":e.getDirectionLabel("marginRight");c.filter(((e,t)=>!(s.cssMode&&!s.loop)||t!==c.length-1)).forEach((e=>{e.style[t]=`${x}px`}))}if(s.centeredSlides&&s.centeredSlidesBounds){let e=0;g.forEach((t=>{e+=t+(x||0)})),e-=x;const t=e>r?e-r:0;m=m.map((e=>e<=0?-v:e>t?t+w:e))}if(s.centerInsufficientSlides){let e=0;g.forEach((t=>{e+=t+(x||0)})),e-=x;const t=(s.slidesOffsetBefore||0)+(s.slidesOffsetAfter||0);if(e+t<r){const s=(r-e-t)/2;m.forEach(((e,t)=>{m[t]=e-s})),h.forEach(((e,t)=>{h[t]=e+s}))}}if(Object.assign(e,{slides:c,snapGrid:m,slidesGrid:h,slidesSizesGrid:g}),s.centeredSlides&&s.cssMode&&!s.centeredSlidesBounds){u(a,"--swiper-centered-offset-before",-m[0]+"px"),u(a,"--swiper-centered-offset-after",e.size/2-g[g.length-1]/2+"px");const t=-e.snapGrid[0],s=-e.slidesGrid[0];e.snapGrid=e.snapGrid.map((e=>e+t)),e.slidesGrid=e.slidesGrid.map((e=>e+s))}if(p!==d&&e.emit("slidesLengthChange"),m.length!==y&&(e.params.watchOverflow&&e.checkOverflow(),e.emit("snapGridLengthChange")),h.length!==E&&e.emit("slidesGridLengthChange"),s.watchSlidesProgress&&e.updateSlidesOffset(),e.emit("slidesUpdated"),!(o||s.cssMode||"slide"!==s.effect&&"fade"!==s.effect)){const t=`${s.containerModifierClass}backface-hidden`,a=e.el.classList.contains(t);p<=s.maxBackfaceHiddenSlides?a||e.el.classList.add(t):a&&e.el.classList.remove(t)}},updateAutoHeight:function(e){const t=this,s=[],a=t.virtual&&t.params.virtual.enabled;let i,r=0;"number"==typeof e?t.setTransition(e):!0===e&&t.setTransition(t.params.speed);const n=e=>a?t.slides[t.getSlideIndexByData(e)]:t.slides[e];if("auto"!==t.params.slidesPerView&&t.params.slidesPerView>1)if(t.params.centeredSlides)(t.visibleSlides||[]).forEach((e=>{s.push(e)}));else for(i=0;i<Math.ceil(t.params.slidesPerView);i+=1){const e=t.activeIndex+i;if(e>t.slides.length&&!a)break;s.push(n(e))}else s.push(n(t.activeIndex));for(i=0;i<s.length;i+=1)if(void 0!==s[i]){const e=s[i].offsetHeight;r=e>r?e:r}(r||0===r)&&(t.wrapperEl.style.height=`${r}px`)},updateSlidesOffset:function(){const e=this,t=e.slides,s=e.isElement?e.isHorizontal()?e.wrapperEl.offsetLeft:e.wrapperEl.offsetTop:0;for(let a=0;a<t.length;a+=1)t[a].swiperSlideOffset=(e.isHorizontal()?t[a].offsetLeft:t[a].offsetTop)-s-e.cssOverflowAdjustment()},updateSlidesProgress:function(e){void 0===e&&(e=this&&this.translate||0);const t=this,s=t.params,{slides:a,rtlTranslate:i,snapGrid:r}=t;if(0===a.length)return;void 0===a[0].swiperSlideOffset&&t.updateSlidesOffset();let n=-e;i&&(n=e),t.visibleSlidesIndexes=[],t.visibleSlides=[];let l=s.spaceBetween;"string"==typeof l&&l.indexOf("%")>=0?l=parseFloat(l.replace("%",""))/100*t.size:"string"==typeof l&&(l=parseFloat(l));for(let e=0;e<a.length;e+=1){const o=a[e];let d=o.swiperSlideOffset;s.cssMode&&s.centeredSlides&&(d-=a[0].swiperSlideOffset);const c=(n+(s.centeredSlides?t.minTranslate():0)-d)/(o.swiperSlideSize+l),p=(n-r[0]+(s.centeredSlides?t.minTranslate():0)-d)/(o.swiperSlideSize+l),u=-(n-d),m=u+t.slidesSizesGrid[e],h=u>=0&&u<=t.size-t.slidesSizesGrid[e],f=u>=0&&u<t.size-1||m>1&&m<=t.size||u<=0&&m>=t.size;f&&(t.visibleSlides.push(o),t.visibleSlidesIndexes.push(e)),O(o,f,s.slideVisibleClass),O(o,h,s.slideFullyVisibleClass),o.progress=i?-c:c,o.originalProgress=i?-p:p}},updateProgress:function(e){const t=this;if(void 0===e){const s=t.rtlTranslate?-1:1;e=t&&t.translate&&t.translate*s||0}const s=t.params,a=t.maxTranslate()-t.minTranslate();let{progress:i,isBeginning:r,isEnd:n,progressLoop:l}=t;const o=r,d=n;if(0===a)i=0,r=!0,n=!0;else{i=(e-t.minTranslate())/a;const s=Math.abs(e-t.minTranslate())<1,l=Math.abs(e-t.maxTranslate())<1;r=s||i<=0,n=l||i>=1,s&&(i=0),l&&(i=1)}if(s.loop){const s=t.getSlideIndexByData(0),a=t.getSlideIndexByData(t.slides.length-1),i=t.slidesGrid[s],r=t.slidesGrid[a],n=t.slidesGrid[t.slidesGrid.length-1],o=Math.abs(e);l=o>=i?(o-i)/n:(o+n-r)/n,l>1&&(l-=1)}Object.assign(t,{progress:i,progressLoop:l,isBeginning:r,isEnd:n}),(s.watchSlidesProgress||s.centeredSlides&&s.autoHeight)&&t.updateSlidesProgress(e),r&&!o&&t.emit("reachBeginning toEdge"),n&&!d&&t.emit("reachEnd toEdge"),(o&&!r||d&&!n)&&t.emit("fromEdge"),t.emit("progress",i)},updateSlidesClasses:function(){const e=this,{slides:t,params:s,slidesEl:a,activeIndex:i}=e,r=e.virtual&&s.virtual.enabled,n=e.grid&&s.grid&&s.grid.rows>1,l=e=>f(a,`.${s.slideClass}${e}, swiper-slide${e}`)[0];let o,d,c;if(r)if(s.loop){let t=i-e.virtual.slidesBefore;t<0&&(t=e.virtual.slides.length+t),t>=e.virtual.slides.length&&(t-=e.virtual.slides.length),o=l(`[data-swiper-slide-index="${t}"]`)}else o=l(`[data-swiper-slide-index="${i}"]`);else n?(o=t.find((e=>e.column===i)),c=t.find((e=>e.column===i+1)),d=t.find((e=>e.column===i-1))):o=t[i];o&&(n||(c=function(e,t){const s=[];for(;e.nextElementSibling;){const a=e.nextElementSibling;t?a.matches(t)&&s.push(a):s.push(a),e=a}return s}(o,`.${s.slideClass}, swiper-slide`)[0],s.loop&&!c&&(c=t[0]),d=function(e,t){const s=[];for(;e.previousElementSibling;){const a=e.previousElementSibling;t?a.matches(t)&&s.push(a):s.push(a),e=a}return s}(o,`.${s.slideClass}, swiper-slide`)[0],s.loop&&0===!d&&(d=t[t.length-1]))),t.forEach((e=>{D(e,e===o,s.slideActiveClass),D(e,e===c,s.slideNextClass),D(e,e===d,s.slidePrevClass)})),e.emitSlidesClasses()},updateActiveIndex:function(e){const t=this,s=t.rtlTranslate?t.translate:-t.translate,{snapGrid:a,params:i,activeIndex:r,realIndex:n,snapIndex:l}=t;let o,d=e;const c=e=>{let s=e-t.virtual.slidesBefore;return s<0&&(s=t.virtual.slides.length+s),s>=t.virtual.slides.length&&(s-=t.virtual.slides.length),s};if(void 0===d&&(d=function(e){const{slidesGrid:t,params:s}=e,a=e.rtlTranslate?e.translate:-e.translate;let i;for(let e=0;e<t.length;e+=1)void 0!==t[e+1]?a>=t[e]&&a<t[e+1]-(t[e+1]-t[e])/2?i=e:a>=t[e]&&a<t[e+1]&&(i=e+1):a>=t[e]&&(i=e);return s.normalizeSlideIndex&&(i<0||void 0===i)&&(i=0),i}(t)),a.indexOf(s)>=0)o=a.indexOf(s);else{const e=Math.min(i.slidesPerGroupSkip,d);o=e+Math.floor((d-e)/i.slidesPerGroup)}if(o>=a.length&&(o=a.length-1),d===r&&!t.params.loop)return void(o!==l&&(t.snapIndex=o,t.emit("snapIndexChange")));if(d===r&&t.params.loop&&t.virtual&&t.params.virtual.enabled)return void(t.realIndex=c(d));const p=t.grid&&i.grid&&i.grid.rows>1;let u;if(t.virtual&&i.virtual.enabled&&i.loop)u=c(d);else if(p){const e=t.slides.find((e=>e.column===d));let s=parseInt(e.getAttribute("data-swiper-slide-index"),10);Number.isNaN(s)&&(s=Math.max(t.slides.indexOf(e),0)),u=Math.floor(s/i.grid.rows)}else if(t.slides[d]){const e=t.slides[d].getAttribute("data-swiper-slide-index");u=e?parseInt(e,10):d}else u=d;Object.assign(t,{previousSnapIndex:l,snapIndex:o,previousRealIndex:n,realIndex:u,previousIndex:r,activeIndex:d}),t.initialized&&Y(t),t.emit("activeIndexChange"),t.emit("snapIndexChange"),(t.initialized||t.params.runCallbacksOnInit)&&(n!==u&&t.emit("realIndexChange"),t.emit("slideChange"))},updateClickedSlide:function(e,t){const s=this,a=s.params;let i=e.closest(`.${a.slideClass}, swiper-slide`);!i&&s.isElement&&t&&t.length>1&&t.includes(e)&&[...t.slice(t.indexOf(e)+1,t.length)].forEach((e=>{!i&&e.matches&&e.matches(`.${a.slideClass}, swiper-slide`)&&(i=e)}));let r,n=!1;if(i)for(let e=0;e<s.slides.length;e+=1)if(s.slides[e]===i){n=!0,r=e;break}if(!i||!n)return s.clickedSlide=void 0,void(s.clickedIndex=void 0);s.clickedSlide=i,s.virtual&&s.params.virtual.enabled?s.clickedIndex=parseInt(i.getAttribute("data-swiper-slide-index"),10):s.clickedIndex=r,a.slideToClickedSlide&&void 0!==s.clickedIndex&&s.clickedIndex!==s.activeIndex&&s.slideToClickedSlide()}};var H={getTranslate:function(e){void 0===e&&(e=this.isHorizontal()?"x":"y");const{params:t,rtlTranslate:s,translate:a,wrapperEl:i}=this;if(t.virtualTranslate)return s?-a:a;if(t.cssMode)return a;let r=d(i,e);return r+=this.cssOverflowAdjustment(),s&&(r=-r),r||0},setTranslate:function(e,t){const s=this,{rtlTranslate:a,params:i,wrapperEl:r,progress:n}=s;let l,o=0,d=0;s.isHorizontal()?o=a?-e:e:d=e,i.roundLengths&&(o=Math.floor(o),d=Math.floor(d)),s.previousTranslate=s.translate,s.translate=s.isHorizontal()?o:d,i.cssMode?r[s.isHorizontal()?"scrollLeft":"scrollTop"]=s.isHorizontal()?-o:-d:i.virtualTranslate||(s.isHorizontal()?o-=s.cssOverflowAdjustment():d-=s.cssOverflowAdjustment(),r.style.transform=`translate3d(${o}px, ${d}px, 0px)`);const c=s.maxTranslate()-s.minTranslate();l=0===c?0:(e-s.minTranslate())/c,l!==n&&s.updateProgress(e),s.emit("setTranslate",s.translate,t)},minTranslate:function(){return-this.snapGrid[0]},maxTranslate:function(){return-this.snapGrid[this.snapGrid.length-1]},translateTo:function(e,t,s,a,i){void 0===e&&(e=0),void 0===t&&(t=this.params.speed),void 0===s&&(s=!0),void 0===a&&(a=!0);const r=this,{params:n,wrapperEl:l}=r;if(r.animating&&n.preventInteractionOnTransition)return!1;const o=r.minTranslate(),d=r.maxTranslate();let c;if(c=a&&e>o?o:a&&e<d?d:e,r.updateProgress(c),n.cssMode){const e=r.isHorizontal();if(0===t)l[e?"scrollLeft":"scrollTop"]=-c;else{if(!r.support.smoothScroll)return m({swiper:r,targetPosition:-c,side:e?"left":"top"}),!0;l.scrollTo({[e?"left":"top"]:-c,behavior:"smooth"})}return!0}return 0===t?(r.setTransition(0),r.setTranslate(c),s&&(r.emit("beforeTransitionStart",t,i),r.emit("transitionEnd"))):(r.setTransition(t),r.setTranslate(c),s&&(r.emit("beforeTransitionStart",t,i),r.emit("transitionStart")),r.animating||(r.animating=!0,r.onTranslateToWrapperTransitionEnd||(r.onTranslateToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.wrapperEl.removeEventListener("transitionend",r.onTranslateToWrapperTransitionEnd),r.onTranslateToWrapperTransitionEnd=null,delete r.onTranslateToWrapperTransitionEnd,r.animating=!1,s&&r.emit("transitionEnd"))}),r.wrapperEl.addEventListener("transitionend",r.onTranslateToWrapperTransitionEnd))),!0}};function N(e){let{swiper:t,runCallbacks:s,direction:a,step:i}=e;const{activeIndex:r,previousIndex:n}=t;let l=a;l||(l=r>n?"next":r<n?"prev":"reset"),t.emit(`transition${i}`),s&&"reset"===l?t.emit(`slideResetTransition${i}`):s&&r!==n&&(t.emit(`slideChangeTransition${i}`),"next"===l?t.emit(`slideNextTransition${i}`):t.emit(`slidePrevTransition${i}`))}var R={slideTo:function(e,t,s,a,i){void 0===e&&(e=0),void 0===s&&(s=!0),"string"==typeof e&&(e=parseInt(e,10));const r=this;let n=e;n<0&&(n=0);const{params:l,snapGrid:o,slidesGrid:d,previousIndex:c,activeIndex:p,rtlTranslate:u,wrapperEl:h,enabled:f}=r;if(!f&&!a&&!i||r.destroyed||r.animating&&l.preventInteractionOnTransition)return!1;void 0===t&&(t=r.params.speed);const g=Math.min(r.params.slidesPerGroupSkip,n);let v=g+Math.floor((n-g)/r.params.slidesPerGroup);v>=o.length&&(v=o.length-1);const w=-o[v];if(l.normalizeSlideIndex)for(let e=0;e<d.length;e+=1){const t=-Math.floor(100*w),s=Math.floor(100*d[e]),a=Math.floor(100*d[e+1]);void 0!==d[e+1]?t>=s&&t<a-(a-s)/2?n=e:t>=s&&t<a&&(n=e+1):t>=s&&(n=e)}if(r.initialized&&n!==p){if(!r.allowSlideNext&&(u?w>r.translate&&w>r.minTranslate():w<r.translate&&w<r.minTranslate()))return!1;if(!r.allowSlidePrev&&w>r.translate&&w>r.maxTranslate()&&(p||0)!==n)return!1}let b;n!==(c||0)&&s&&r.emit("beforeSlideChangeStart"),r.updateProgress(w),b=n>p?"next":n<p?"prev":"reset";const y=r.virtual&&r.params.virtual.enabled;if(!(y&&i)&&(u&&-w===r.translate||!u&&w===r.translate))return r.updateActiveIndex(n),l.autoHeight&&r.updateAutoHeight(),r.updateSlidesClasses(),"slide"!==l.effect&&r.setTranslate(w),"reset"!==b&&(r.transitionStart(s,b),r.transitionEnd(s,b)),!1;if(l.cssMode){const e=r.isHorizontal(),s=u?w:-w;if(0===t)y&&(r.wrapperEl.style.scrollSnapType="none",r._immediateVirtual=!0),y&&!r._cssModeVirtualInitialSet&&r.params.initialSlide>0?(r._cssModeVirtualInitialSet=!0,requestAnimationFrame((()=>{h[e?"scrollLeft":"scrollTop"]=s}))):h[e?"scrollLeft":"scrollTop"]=s,y&&requestAnimationFrame((()=>{r.wrapperEl.style.scrollSnapType="",r._immediateVirtual=!1}));else{if(!r.support.smoothScroll)return m({swiper:r,targetPosition:s,side:e?"left":"top"}),!0;h.scrollTo({[e?"left":"top"]:s,behavior:"smooth"})}return!0}const E=$().isSafari;return y&&!i&&E&&r.isElement&&r.virtual.update(!1,!1,n),r.setTransition(t),r.setTranslate(w),r.updateActiveIndex(n),r.updateSlidesClasses(),r.emit("beforeTransitionStart",t,a),r.transitionStart(s,b),0===t?r.transitionEnd(s,b):r.animating||(r.animating=!0,r.onSlideToWrapperTransitionEnd||(r.onSlideToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.wrapperEl.removeEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.onSlideToWrapperTransitionEnd=null,delete r.onSlideToWrapperTransitionEnd,r.transitionEnd(s,b))}),r.wrapperEl.addEventListener("transitionend",r.onSlideToWrapperTransitionEnd)),!0},slideToLoop:function(e,t,s,a){if(void 0===e&&(e=0),void 0===s&&(s=!0),"string"==typeof e){e=parseInt(e,10)}const i=this;if(i.destroyed)return;void 0===t&&(t=i.params.speed);const r=i.grid&&i.params.grid&&i.params.grid.rows>1;let n=e;if(i.params.loop)if(i.virtual&&i.params.virtual.enabled)n+=i.virtual.slidesBefore;else{let e;if(r){const t=n*i.params.grid.rows;e=i.slides.find((e=>1*e.getAttribute("data-swiper-slide-index")===t)).column}else e=i.getSlideIndexByData(n);const t=r?Math.ceil(i.slides.length/i.params.grid.rows):i.slides.length,{centeredSlides:s}=i.params;let l=i.params.slidesPerView;"auto"===l?l=i.slidesPerViewDynamic():(l=Math.ceil(parseFloat(i.params.slidesPerView,10)),s&&l%2==0&&(l+=1));let o=t-e<l;if(s&&(o=o||e<Math.ceil(l/2)),a&&s&&"auto"!==i.params.slidesPerView&&!r&&(o=!1),o){const a=s?e<i.activeIndex?"prev":"next":e-i.activeIndex-1<i.params.slidesPerView?"next":"prev";i.loopFix({direction:a,slideTo:!0,activeSlideIndex:"next"===a?e+1:e-t+1,slideRealIndex:"next"===a?i.realIndex:void 0})}if(r){const e=n*i.params.grid.rows;n=i.slides.find((t=>1*t.getAttribute("data-swiper-slide-index")===e)).column}else n=i.getSlideIndexByData(n)}return requestAnimationFrame((()=>{i.slideTo(n,t,s,a)})),i},slideNext:function(e,t,s){void 0===t&&(t=!0);const a=this,{enabled:i,params:r,animating:n}=a;if(!i||a.destroyed)return a;void 0===e&&(e=a.params.speed);let l=r.slidesPerGroup;"auto"===r.slidesPerView&&1===r.slidesPerGroup&&r.slidesPerGroupAuto&&(l=Math.max(a.slidesPerViewDynamic("current",!0),1));const o=a.activeIndex<r.slidesPerGroupSkip?1:l,d=a.virtual&&r.virtual.enabled;if(r.loop){if(n&&!d&&r.loopPreventsSliding)return!1;if(a.loopFix({direction:"next"}),a._clientLeft=a.wrapperEl.clientLeft,a.activeIndex===a.slides.length-1&&r.cssMode)return requestAnimationFrame((()=>{a.slideTo(a.activeIndex+o,e,t,s)})),!0}return r.rewind&&a.isEnd?a.slideTo(0,e,t,s):a.slideTo(a.activeIndex+o,e,t,s)},slidePrev:function(e,t,s){void 0===t&&(t=!0);const a=this,{params:i,snapGrid:r,slidesGrid:n,rtlTranslate:l,enabled:o,animating:d}=a;if(!o||a.destroyed)return a;void 0===e&&(e=a.params.speed);const c=a.virtual&&i.virtual.enabled;if(i.loop){if(d&&!c&&i.loopPreventsSliding)return!1;a.loopFix({direction:"prev"}),a._clientLeft=a.wrapperEl.clientLeft}function p(e){return e<0?-Math.floor(Math.abs(e)):Math.floor(e)}const u=p(l?a.translate:-a.translate),m=r.map((e=>p(e))),h=i.freeMode&&i.freeMode.enabled;let f=r[m.indexOf(u)-1];if(void 0===f&&(i.cssMode||h)){let e;r.forEach(((t,s)=>{u>=t&&(e=s)})),void 0!==e&&(f=h?r[e]:r[e>0?e-1:e])}let g=0;if(void 0!==f&&(g=n.indexOf(f),g<0&&(g=a.activeIndex-1),"auto"===i.slidesPerView&&1===i.slidesPerGroup&&i.slidesPerGroupAuto&&(g=g-a.slidesPerViewDynamic("previous",!0)+1,g=Math.max(g,0))),i.rewind&&a.isBeginning){const i=a.params.virtual&&a.params.virtual.enabled&&a.virtual?a.virtual.slides.length-1:a.slides.length-1;return a.slideTo(i,e,t,s)}return i.loop&&0===a.activeIndex&&i.cssMode?(requestAnimationFrame((()=>{a.slideTo(g,e,t,s)})),!0):a.slideTo(g,e,t,s)},slideReset:function(e,t,s){void 0===t&&(t=!0);const a=this;if(!a.destroyed)return void 0===e&&(e=a.params.speed),a.slideTo(a.activeIndex,e,t,s)},slideToClosest:function(e,t,s,a){void 0===t&&(t=!0),void 0===a&&(a=.5);const i=this;if(i.destroyed)return;void 0===e&&(e=i.params.speed);let r=i.activeIndex;const n=Math.min(i.params.slidesPerGroupSkip,r),l=n+Math.floor((r-n)/i.params.slidesPerGroup),o=i.rtlTranslate?i.translate:-i.translate;if(o>=i.snapGrid[l]){const e=i.snapGrid[l];o-e>(i.snapGrid[l+1]-e)*a&&(r+=i.params.slidesPerGroup)}else{const e=i.snapGrid[l-1];o-e<=(i.snapGrid[l]-e)*a&&(r-=i.params.slidesPerGroup)}return r=Math.max(r,0),r=Math.min(r,i.slidesGrid.length-1),i.slideTo(r,e,t,s)},slideToClickedSlide:function(){const e=this;if(e.destroyed)return;const{params:t,slidesEl:s}=e,a="auto"===t.slidesPerView?e.slidesPerViewDynamic():t.slidesPerView;let i,r=e.getSlideIndexWhenGrid(e.clickedIndex);const n=e.isElement?"swiper-slide":`.${t.slideClass}`,o=e.grid&&e.params.grid&&e.params.grid.rows>1;if(t.loop){if(e.animating)return;i=parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"),10),t.centeredSlides?e.slideToLoop(i):r>(o?(e.slides.length-a)/2-(e.params.grid.rows-1):e.slides.length-a)?(e.loopFix(),r=e.getSlideIndex(f(s,`${n}[data-swiper-slide-index="${i}"]`)[0]),l((()=>{e.slideTo(r)}))):e.slideTo(r)}else e.slideTo(r)}};var _={loopCreate:function(e,t){const s=this,{params:a,slidesEl:i}=s;if(!a.loop||s.virtual&&s.params.virtual.enabled)return;const r=()=>{f(i,`.${a.slideClass}, swiper-slide`).forEach(((e,t)=>{e.setAttribute("data-swiper-slide-index",t)}))},n=s.grid&&a.grid&&a.grid.rows>1;a.loopAddBlankSlides&&(a.slidesPerGroup>1||n)&&(()=>{const e=f(i,`.${a.slideBlankClass}`);e.forEach((e=>{e.remove()})),e.length>0&&(s.recalcSlides(),s.updateSlides())})();const l=a.slidesPerGroup*(n?a.grid.rows:1),o=s.slides.length%l!=0,d=n&&s.slides.length%a.grid.rows!=0,c=e=>{for(let t=0;t<e;t+=1){const e=s.isElement?v("swiper-slide",[a.slideBlankClass]):v("div",[a.slideClass,a.slideBlankClass]);s.slidesEl.append(e)}};if(o){if(a.loopAddBlankSlides){c(l-s.slides.length%l),s.recalcSlides(),s.updateSlides()}else g("Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");r()}else if(d){if(a.loopAddBlankSlides){c(a.grid.rows-s.slides.length%a.grid.rows),s.recalcSlides(),s.updateSlides()}else g("Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");r()}else r();s.loopFix({slideRealIndex:e,direction:a.centeredSlides?void 0:"next",initial:t})},loopFix:function(e){let{slideRealIndex:t,slideTo:s=!0,direction:a,setTranslate:i,activeSlideIndex:r,initial:n,byController:l,byMousewheel:o}=void 0===e?{}:e;const d=this;if(!d.params.loop)return;d.emit("beforeLoopFix");const{slides:c,allowSlidePrev:p,allowSlideNext:u,slidesEl:m,params:h}=d,{centeredSlides:f,initialSlide:v}=h;if(d.allowSlidePrev=!0,d.allowSlideNext=!0,d.virtual&&h.virtual.enabled)return s&&(h.centeredSlides||0!==d.snapIndex?h.centeredSlides&&d.snapIndex<h.slidesPerView?d.slideTo(d.virtual.slides.length+d.snapIndex,0,!1,!0):d.snapIndex===d.snapGrid.length-1&&d.slideTo(d.virtual.slidesBefore,0,!1,!0):d.slideTo(d.virtual.slides.length,0,!1,!0)),d.allowSlidePrev=p,d.allowSlideNext=u,void d.emit("loopFix");let w=h.slidesPerView;"auto"===w?w=d.slidesPerViewDynamic():(w=Math.ceil(parseFloat(h.slidesPerView,10)),f&&w%2==0&&(w+=1));const b=h.slidesPerGroupAuto?w:h.slidesPerGroup;let y=f?Math.max(b,Math.ceil(w/2)):b;y%b!=0&&(y+=b-y%b),y+=h.loopAdditionalSlides,d.loopedSlides=y;const E=d.grid&&h.grid&&h.grid.rows>1;c.length<w+y||"cards"===d.params.effect&&c.length<w+2*y?g("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled or not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters"):E&&"row"===h.grid.fill&&g("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const x=[],S=[],T=E?Math.ceil(c.length/h.grid.rows):c.length,M=n&&T-v<w&&!f;let C=M?v:d.activeIndex;void 0===r?r=d.getSlideIndex(c.find((e=>e.classList.contains(h.slideActiveClass)))):C=r;const P="next"===a||!a,L="prev"===a||!a;let I=0,z=0;const A=(E?c[r].column:r)+(f&&void 0===i?-w/2+.5:0);if(A<y){I=Math.max(y-A,b);for(let e=0;e<y-A;e+=1){const t=e-Math.floor(e/T)*T;if(E){const e=T-t-1;for(let t=c.length-1;t>=0;t-=1)c[t].column===e&&x.push(t)}else x.push(T-t-1)}}else if(A+w>T-y){z=Math.max(A-(T-2*y),b),M&&(z=Math.max(z,w-T+v+1));for(let e=0;e<z;e+=1){const t=e-Math.floor(e/T)*T;E?c.forEach(((e,s)=>{e.column===t&&S.push(s)})):S.push(t)}}if(d.__preventObserver__=!0,requestAnimationFrame((()=>{d.__preventObserver__=!1})),"cards"===d.params.effect&&c.length<w+2*y&&(S.includes(r)&&S.splice(S.indexOf(r),1),x.includes(r)&&x.splice(x.indexOf(r),1)),L&&x.forEach((e=>{c[e].swiperLoopMoveDOM=!0,m.prepend(c[e]),c[e].swiperLoopMoveDOM=!1})),P&&S.forEach((e=>{c[e].swiperLoopMoveDOM=!0,m.append(c[e]),c[e].swiperLoopMoveDOM=!1})),d.recalcSlides(),"auto"===h.slidesPerView?d.updateSlides():E&&(x.length>0&&L||S.length>0&&P)&&d.slides.forEach(((e,t)=>{d.grid.updateSlide(t,e,d.slides)})),h.watchSlidesProgress&&d.updateSlidesOffset(),s)if(x.length>0&&L){if(void 0===t){const e=d.slidesGrid[C],t=d.slidesGrid[C+I]-e;o?d.setTranslate(d.translate-t):(d.slideTo(C+Math.ceil(I),0,!1,!0),i&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-t,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-t))}else if(i){const e=E?x.length/h.grid.rows:x.length;d.slideTo(d.activeIndex+e,0,!1,!0),d.touchEventsData.currentTranslate=d.translate}}else if(S.length>0&&P)if(void 0===t){const e=d.slidesGrid[C],t=d.slidesGrid[C-z]-e;o?d.setTranslate(d.translate-t):(d.slideTo(C-z,0,!1,!0),i&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-t,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-t))}else{const e=E?S.length/h.grid.rows:S.length;d.slideTo(d.activeIndex-e,0,!1,!0)}if(d.allowSlidePrev=p,d.allowSlideNext=u,d.controller&&d.controller.control&&!l){const e={slideRealIndex:t,direction:a,setTranslate:i,activeSlideIndex:r,byController:!0};Array.isArray(d.controller.control)?d.controller.control.forEach((t=>{!t.destroyed&&t.params.loop&&t.loopFix({...e,slideTo:t.params.slidesPerView===h.slidesPerView&&s})})):d.controller.control instanceof d.constructor&&d.controller.control.params.loop&&d.controller.control.loopFix({...e,slideTo:d.controller.control.params.slidesPerView===h.slidesPerView&&s})}d.emit("loopFix")},loopDestroy:function(){const e=this,{params:t,slidesEl:s}=e;if(!t.loop||!s||e.virtual&&e.params.virtual.enabled)return;e.recalcSlides();const a=[];e.slides.forEach((e=>{const t=void 0===e.swiperSlideIndex?1*e.getAttribute("data-swiper-slide-index"):e.swiperSlideIndex;a[t]=e})),e.slides.forEach((e=>{e.removeAttribute("data-swiper-slide-index")})),a.forEach((e=>{s.append(e)})),e.recalcSlides(),e.slideTo(e.realIndex,0)}};function q(e,t,s){const a=r(),{params:i}=e,n=i.edgeSwipeDetection,l=i.edgeSwipeThreshold;return!n||!(s<=l||s>=a.innerWidth-l)||"prevent"===n&&(t.preventDefault(),!0)}function V(e){const t=this,s=a();let i=e;i.originalEvent&&(i=i.originalEvent);const n=t.touchEventsData;if("pointerdown"===i.type){if(null!==n.pointerId&&n.pointerId!==i.pointerId)return;n.pointerId=i.pointerId}else"touchstart"===i.type&&1===i.targetTouches.length&&(n.touchId=i.targetTouches[0].identifier);if("touchstart"===i.type)return void q(t,i,i.targetTouches[0].pageX);const{params:l,touches:d,enabled:c}=t;if(!c)return;if(!l.simulateTouch&&"mouse"===i.pointerType)return;if(t.animating&&l.preventInteractionOnTransition)return;!t.animating&&l.cssMode&&l.loop&&t.loopFix();let p=i.target;if("wrapper"===l.touchEventsTarget&&!function(e,t){const s=r();let a=t.contains(e);!a&&s.HTMLSlotElement&&t instanceof HTMLSlotElement&&(a=[...t.assignedElements()].includes(e),a||(a=function(e,t){const s=[t];for(;s.length>0;){const t=s.shift();if(e===t)return!0;s.push(...t.children,...t.shadowRoot?t.shadowRoot.children:[],...t.assignedElements?t.assignedElements():[])}}(e,t)));return a}(p,t.wrapperEl))return;if("which"in i&&3===i.which)return;if("button"in i&&i.button>0)return;if(n.isTouched&&n.isMoved)return;const u=!!l.noSwipingClass&&""!==l.noSwipingClass,m=i.composedPath?i.composedPath():i.path;u&&i.target&&i.target.shadowRoot&&m&&(p=m[0]);const h=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,f=!(!i.target||!i.target.shadowRoot);if(l.noSwiping&&(f?function(e,t){return void 0===t&&(t=this),function t(s){if(!s||s===a()||s===r())return null;s.assignedSlot&&(s=s.assignedSlot);const i=s.closest(e);return i||s.getRootNode?i||t(s.getRootNode().host):null}(t)}(h,p):p.closest(h)))return void(t.allowClick=!0);if(l.swipeHandler&&!p.closest(l.swipeHandler))return;d.currentX=i.pageX,d.currentY=i.pageY;const g=d.currentX,v=d.currentY;if(!q(t,i,g))return;Object.assign(n,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),d.startX=g,d.startY=v,n.touchStartTime=o(),t.allowClick=!0,t.updateSize(),t.swipeDirection=void 0,l.threshold>0&&(n.allowThresholdMove=!1);let w=!0;p.matches(n.focusableElements)&&(w=!1,"SELECT"===p.nodeName&&(n.isTouched=!1)),s.activeElement&&s.activeElement.matches(n.focusableElements)&&s.activeElement!==p&&("mouse"===i.pointerType||"mouse"!==i.pointerType&&!p.matches(n.focusableElements))&&s.activeElement.blur();const b=w&&t.allowTouchMove&&l.touchStartPreventDefault;!l.touchStartForcePreventDefault&&!b||p.isContentEditable||i.preventDefault(),l.freeMode&&l.freeMode.enabled&&t.freeMode&&t.animating&&!l.cssMode&&t.freeMode.onTouchStart(),t.emit("touchStart",i)}function F(e){const t=a(),s=this,i=s.touchEventsData,{params:r,touches:n,rtlTranslate:l,enabled:d}=s;if(!d)return;if(!r.simulateTouch&&"mouse"===e.pointerType)return;let c,p=e;if(p.originalEvent&&(p=p.originalEvent),"pointermove"===p.type){if(null!==i.touchId)return;if(p.pointerId!==i.pointerId)return}if("touchmove"===p.type){if(c=[...p.changedTouches].find((e=>e.identifier===i.touchId)),!c||c.identifier!==i.touchId)return}else c=p;if(!i.isTouched)return void(i.startMoving&&i.isScrolling&&s.emit("touchMoveOpposite",p));const u=c.pageX,m=c.pageY;if(p.preventedByNestedSwiper)return n.startX=u,void(n.startY=m);if(!s.allowTouchMove)return p.target.matches(i.focusableElements)||(s.allowClick=!1),void(i.isTouched&&(Object.assign(n,{startX:u,startY:m,currentX:u,currentY:m}),i.touchStartTime=o()));if(r.touchReleaseOnEdges&&!r.loop)if(s.isVertical()){if(m<n.startY&&s.translate<=s.maxTranslate()||m>n.startY&&s.translate>=s.minTranslate())return i.isTouched=!1,void(i.isMoved=!1)}else{if(l&&(u>n.startX&&-s.translate<=s.maxTranslate()||u<n.startX&&-s.translate>=s.minTranslate()))return;if(!l&&(u<n.startX&&s.translate<=s.maxTranslate()||u>n.startX&&s.translate>=s.minTranslate()))return}if(t.activeElement&&t.activeElement.matches(i.focusableElements)&&t.activeElement!==p.target&&"mouse"!==p.pointerType&&t.activeElement.blur(),t.activeElement&&p.target===t.activeElement&&p.target.matches(i.focusableElements))return i.isMoved=!0,void(s.allowClick=!1);i.allowTouchCallbacks&&s.emit("touchMove",p),n.previousX=n.currentX,n.previousY=n.currentY,n.currentX=u,n.currentY=m;const h=n.currentX-n.startX,f=n.currentY-n.startY;if(s.params.threshold&&Math.sqrt(h**2+f**2)<s.params.threshold)return;if(void 0===i.isScrolling){let e;s.isHorizontal()&&n.currentY===n.startY||s.isVertical()&&n.currentX===n.startX?i.isScrolling=!1:h*h+f*f>=25&&(e=180*Math.atan2(Math.abs(f),Math.abs(h))/Math.PI,i.isScrolling=s.isHorizontal()?e>r.touchAngle:90-e>r.touchAngle)}if(i.isScrolling&&s.emit("touchMoveOpposite",p),void 0===i.startMoving&&(n.currentX===n.startX&&n.currentY===n.startY||(i.startMoving=!0)),i.isScrolling||"touchmove"===p.type&&i.preventTouchMoveFromPointerMove)return void(i.isTouched=!1);if(!i.startMoving)return;s.allowClick=!1,!r.cssMode&&p.cancelable&&p.preventDefault(),r.touchMoveStopPropagation&&!r.nested&&p.stopPropagation();let g=s.isHorizontal()?h:f,v=s.isHorizontal()?n.currentX-n.previousX:n.currentY-n.previousY;r.oneWayMovement&&(g=Math.abs(g)*(l?1:-1),v=Math.abs(v)*(l?1:-1)),n.diff=g,g*=r.touchRatio,l&&(g=-g,v=-v);const w=s.touchesDirection;s.swipeDirection=g>0?"prev":"next",s.touchesDirection=v>0?"prev":"next";const b=s.params.loop&&!r.cssMode,y="next"===s.touchesDirection&&s.allowSlideNext||"prev"===s.touchesDirection&&s.allowSlidePrev;if(!i.isMoved){if(b&&y&&s.loopFix({direction:s.swipeDirection}),i.startTranslate=s.getTranslate(),s.setTransition(0),s.animating){const e=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0,detail:{bySwiperTouchMove:!0}});s.wrapperEl.dispatchEvent(e)}i.allowMomentumBounce=!1,!r.grabCursor||!0!==s.allowSlideNext&&!0!==s.allowSlidePrev||s.setGrabCursor(!0),s.emit("sliderFirstMove",p)}if((new Date).getTime(),!1!==r._loopSwapReset&&i.isMoved&&i.allowThresholdMove&&w!==s.touchesDirection&&b&&y&&Math.abs(g)>=1)return Object.assign(n,{startX:u,startY:m,currentX:u,currentY:m,startTranslate:i.currentTranslate}),i.loopSwapReset=!0,void(i.startTranslate=i.currentTranslate);s.emit("sliderMove",p),i.isMoved=!0,i.currentTranslate=g+i.startTranslate;let E=!0,x=r.resistanceRatio;if(r.touchReleaseOnEdges&&(x=0),g>0?(b&&y&&i.allowThresholdMove&&i.currentTranslate>(r.centeredSlides?s.minTranslate()-s.slidesSizesGrid[s.activeIndex+1]-("auto"!==r.slidesPerView&&s.slides.length-r.slidesPerView>=2?s.slidesSizesGrid[s.activeIndex+1]+s.params.spaceBetween:0)-s.params.spaceBetween:s.minTranslate())&&s.loopFix({direction:"prev",setTranslate:!0,activeSlideIndex:0}),i.currentTranslate>s.minTranslate()&&(E=!1,r.resistance&&(i.currentTranslate=s.minTranslate()-1+(-s.minTranslate()+i.startTranslate+g)**x))):g<0&&(b&&y&&i.allowThresholdMove&&i.currentTranslate<(r.centeredSlides?s.maxTranslate()+s.slidesSizesGrid[s.slidesSizesGrid.length-1]+s.params.spaceBetween+("auto"!==r.slidesPerView&&s.slides.length-r.slidesPerView>=2?s.slidesSizesGrid[s.slidesSizesGrid.length-1]+s.params.spaceBetween:0):s.maxTranslate())&&s.loopFix({direction:"next",setTranslate:!0,activeSlideIndex:s.slides.length-("auto"===r.slidesPerView?s.slidesPerViewDynamic():Math.ceil(parseFloat(r.slidesPerView,10)))}),i.currentTranslate<s.maxTranslate()&&(E=!1,r.resistance&&(i.currentTranslate=s.maxTranslate()+1-(s.maxTranslate()-i.startTranslate-g)**x))),E&&(p.preventedByNestedSwiper=!0),!s.allowSlideNext&&"next"===s.swipeDirection&&i.currentTranslate<i.startTranslate&&(i.currentTranslate=i.startTranslate),!s.allowSlidePrev&&"prev"===s.swipeDirection&&i.currentTranslate>i.startTranslate&&(i.currentTranslate=i.startTranslate),s.allowSlidePrev||s.allowSlideNext||(i.currentTranslate=i.startTranslate),r.threshold>0){if(!(Math.abs(g)>r.threshold||i.allowThresholdMove))return void(i.currentTranslate=i.startTranslate);if(!i.allowThresholdMove)return i.allowThresholdMove=!0,n.startX=n.currentX,n.startY=n.currentY,i.currentTranslate=i.startTranslate,void(n.diff=s.isHorizontal()?n.currentX-n.startX:n.currentY-n.startY)}r.followFinger&&!r.cssMode&&((r.freeMode&&r.freeMode.enabled&&s.freeMode||r.watchSlidesProgress)&&(s.updateActiveIndex(),s.updateSlidesClasses()),r.freeMode&&r.freeMode.enabled&&s.freeMode&&s.freeMode.onTouchMove(),s.updateProgress(i.currentTranslate),s.setTranslate(i.currentTranslate))}function W(e){const t=this,s=t.touchEventsData;let a,i=e;i.originalEvent&&(i=i.originalEvent);if("touchend"===i.type||"touchcancel"===i.type){if(a=[...i.changedTouches].find((e=>e.identifier===s.touchId)),!a||a.identifier!==s.touchId)return}else{if(null!==s.touchId)return;if(i.pointerId!==s.pointerId)return;a=i}if(["pointercancel","pointerout","pointerleave","contextmenu"].includes(i.type)){if(!(["pointercancel","contextmenu"].includes(i.type)&&(t.browser.isSafari||t.browser.isWebView)))return}s.pointerId=null,s.touchId=null;const{params:r,touches:n,rtlTranslate:d,slidesGrid:c,enabled:p}=t;if(!p)return;if(!r.simulateTouch&&"mouse"===i.pointerType)return;if(s.allowTouchCallbacks&&t.emit("touchEnd",i),s.allowTouchCallbacks=!1,!s.isTouched)return s.isMoved&&r.grabCursor&&t.setGrabCursor(!1),s.isMoved=!1,void(s.startMoving=!1);r.grabCursor&&s.isMoved&&s.isTouched&&(!0===t.allowSlideNext||!0===t.allowSlidePrev)&&t.setGrabCursor(!1);const u=o(),m=u-s.touchStartTime;if(t.allowClick){const e=i.path||i.composedPath&&i.composedPath();t.updateClickedSlide(e&&e[0]||i.target,e),t.emit("tap click",i),m<300&&u-s.lastClickTime<300&&t.emit("doubleTap doubleClick",i)}if(s.lastClickTime=o(),l((()=>{t.destroyed||(t.allowClick=!0)})),!s.isTouched||!s.isMoved||!t.swipeDirection||0===n.diff&&!s.loopSwapReset||s.currentTranslate===s.startTranslate&&!s.loopSwapReset)return s.isTouched=!1,s.isMoved=!1,void(s.startMoving=!1);let h;if(s.isTouched=!1,s.isMoved=!1,s.startMoving=!1,h=r.followFinger?d?t.translate:-t.translate:-s.currentTranslate,r.cssMode)return;if(r.freeMode&&r.freeMode.enabled)return void t.freeMode.onTouchEnd({currentPos:h});const f=h>=-t.maxTranslate()&&!t.params.loop;let g=0,v=t.slidesSizesGrid[0];for(let e=0;e<c.length;e+=e<r.slidesPerGroupSkip?1:r.slidesPerGroup){const t=e<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;void 0!==c[e+t]?(f||h>=c[e]&&h<c[e+t])&&(g=e,v=c[e+t]-c[e]):(f||h>=c[e])&&(g=e,v=c[c.length-1]-c[c.length-2])}let w=null,b=null;r.rewind&&(t.isBeginning?b=r.virtual&&r.virtual.enabled&&t.virtual?t.virtual.slides.length-1:t.slides.length-1:t.isEnd&&(w=0));const y=(h-c[g])/v,E=g<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;if(m>r.longSwipesMs){if(!r.longSwipes)return void t.slideTo(t.activeIndex);"next"===t.swipeDirection&&(y>=r.longSwipesRatio?t.slideTo(r.rewind&&t.isEnd?w:g+E):t.slideTo(g)),"prev"===t.swipeDirection&&(y>1-r.longSwipesRatio?t.slideTo(g+E):null!==b&&y<0&&Math.abs(y)>r.longSwipesRatio?t.slideTo(b):t.slideTo(g))}else{if(!r.shortSwipes)return void t.slideTo(t.activeIndex);t.navigation&&(i.target===t.navigation.nextEl||i.target===t.navigation.prevEl)?i.target===t.navigation.nextEl?t.slideTo(g+E):t.slideTo(g):("next"===t.swipeDirection&&t.slideTo(null!==w?w:g+E),"prev"===t.swipeDirection&&t.slideTo(null!==b?b:g))}}function j(){const e=this,{params:t,el:s}=e;if(s&&0===s.offsetWidth)return;t.breakpoints&&e.setBreakpoint();const{allowSlideNext:a,allowSlidePrev:i,snapGrid:r}=e,n=e.virtual&&e.params.virtual.enabled;e.allowSlideNext=!0,e.allowSlidePrev=!0,e.updateSize(),e.updateSlides(),e.updateSlidesClasses();const l=n&&t.loop;!("auto"===t.slidesPerView||t.slidesPerView>1)||!e.isEnd||e.isBeginning||e.params.centeredSlides||l?e.params.loop&&!n?e.slideToLoop(e.realIndex,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0):e.slideTo(e.slides.length-1,0,!1,!0),e.autoplay&&e.autoplay.running&&e.autoplay.paused&&(clearTimeout(e.autoplay.resizeTimeout),e.autoplay.resizeTimeout=setTimeout((()=>{e.autoplay&&e.autoplay.running&&e.autoplay.paused&&e.autoplay.resume()}),500)),e.allowSlidePrev=i,e.allowSlideNext=a,e.params.watchOverflow&&r!==e.snapGrid&&e.checkOverflow()}function U(e){const t=this;t.enabled&&(t.allowClick||(t.params.preventClicks&&e.preventDefault(),t.params.preventClicksPropagation&&t.animating&&(e.stopPropagation(),e.stopImmediatePropagation())))}function K(){const e=this,{wrapperEl:t,rtlTranslate:s,enabled:a}=e;if(!a)return;let i;e.previousTranslate=e.translate,e.isHorizontal()?e.translate=-t.scrollLeft:e.translate=-t.scrollTop,0===e.translate&&(e.translate=0),e.updateActiveIndex(),e.updateSlidesClasses();const r=e.maxTranslate()-e.minTranslate();i=0===r?0:(e.translate-e.minTranslate())/r,i!==e.progress&&e.updateProgress(s?-e.translate:e.translate),e.emit("setTranslate",e.translate,!1)}function Z(e){const t=this;G(t,e.target),t.params.cssMode||"auto"!==t.params.slidesPerView&&!t.params.autoHeight||t.update()}function Q(){const e=this;e.documentTouchHandlerProceeded||(e.documentTouchHandlerProceeded=!0,e.params.touchReleaseOnEdges&&(e.el.style.touchAction="auto"))}const J=(e,t)=>{const s=a(),{params:i,el:r,wrapperEl:n,device:l}=e,o=!!i.nested,d="on"===t?"addEventListener":"removeEventListener",c=t;r&&"string"!=typeof r&&(s[d]("touchstart",e.onDocumentTouchStart,{passive:!1,capture:o}),r[d]("touchstart",e.onTouchStart,{passive:!1}),r[d]("pointerdown",e.onTouchStart,{passive:!1}),s[d]("touchmove",e.onTouchMove,{passive:!1,capture:o}),s[d]("pointermove",e.onTouchMove,{passive:!1,capture:o}),s[d]("touchend",e.onTouchEnd,{passive:!0}),s[d]("pointerup",e.onTouchEnd,{passive:!0}),s[d]("pointercancel",e.onTouchEnd,{passive:!0}),s[d]("touchcancel",e.onTouchEnd,{passive:!0}),s[d]("pointerout",e.onTouchEnd,{passive:!0}),s[d]("pointerleave",e.onTouchEnd,{passive:!0}),s[d]("contextmenu",e.onTouchEnd,{passive:!0}),(i.preventClicks||i.preventClicksPropagation)&&r[d]("click",e.onClick,!0),i.cssMode&&n[d]("scroll",e.onScroll),i.updateOnWindowResize?e[c](l.ios||l.android?"resize orientationchange observerUpdate":"resize observerUpdate",j,!0):e[c]("observerUpdate",j,!0),r[d]("load",e.onLoad,{capture:!0}))};const ee=(e,t)=>e.grid&&t.grid&&t.grid.rows>1;var te={init:!0,direction:"horizontal",oneWayMovement:!1,swiperElementNodeName:"SWIPER-CONTAINER",touchEventsTarget:"wrapper",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,resizeObserver:!0,nested:!1,createElements:!1,eventsPrefix:"swiper",enabled:!0,focusableElements:"input, select, option, textarea, button, video, label",width:null,height:null,preventInteractionOnTransition:!1,userAgent:null,url:null,edgeSwipeDetection:!1,edgeSwipeThreshold:20,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,breakpointsBase:"window",spaceBetween:0,slidesPerView:1,slidesPerGroup:1,slidesPerGroupSkip:0,slidesPerGroupAuto:!1,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,watchOverflow:!0,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:5,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,loop:!1,loopAddBlankSlides:!0,loopAdditionalSlides:0,loopPreventsSliding:!0,rewind:!1,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,maxBackfaceHiddenSlides:10,containerModifierClass:"swiper-",slideClass:"swiper-slide",slideBlankClass:"swiper-slide-blank",slideActiveClass:"swiper-slide-active",slideVisibleClass:"swiper-slide-visible",slideFullyVisibleClass:"swiper-slide-fully-visible",slideNextClass:"swiper-slide-next",slidePrevClass:"swiper-slide-prev",wrapperClass:"swiper-wrapper",lazyPreloaderClass:"swiper-lazy-preloader",lazyPreloadPrevNext:0,runCallbacksOnInit:!0,_emitClasses:!1};function se(e,t){return function(s){void 0===s&&(s={});const a=Object.keys(s)[0],i=s[a];"object"==typeof i&&null!==i?(!0===e[a]&&(e[a]={enabled:!0}),"navigation"===a&&e[a]&&e[a].enabled&&!e[a].prevEl&&!e[a].nextEl&&(e[a].auto=!0),["pagination","scrollbar"].indexOf(a)>=0&&e[a]&&e[a].enabled&&!e[a].el&&(e[a].auto=!0),a in e&&"enabled"in i?("object"!=typeof e[a]||"enabled"in e[a]||(e[a].enabled=!0),e[a]||(e[a]={enabled:!1}),p(t,s)):p(t,s)):p(t,s)}}const ae={eventsEmitter:k,update:B,translate:H,transition:{setTransition:function(e,t){const s=this;s.params.cssMode||(s.wrapperEl.style.transitionDuration=`${e}ms`,s.wrapperEl.style.transitionDelay=0===e?"0ms":""),s.emit("setTransition",e,t)},transitionStart:function(e,t){void 0===e&&(e=!0);const s=this,{params:a}=s;a.cssMode||(a.autoHeight&&s.updateAutoHeight(),N({swiper:s,runCallbacks:e,direction:t,step:"Start"}))},transitionEnd:function(e,t){void 0===e&&(e=!0);const s=this,{params:a}=s;s.animating=!1,a.cssMode||(s.setTransition(0),N({swiper:s,runCallbacks:e,direction:t,step:"End"}))}},slide:R,loop:_,grabCursor:{setGrabCursor:function(e){const t=this;if(!t.params.simulateTouch||t.params.watchOverflow&&t.isLocked||t.params.cssMode)return;const s="container"===t.params.touchEventsTarget?t.el:t.wrapperEl;t.isElement&&(t.__preventObserver__=!0),s.style.cursor="move",s.style.cursor=e?"grabbing":"grab",t.isElement&&requestAnimationFrame((()=>{t.__preventObserver__=!1}))},unsetGrabCursor:function(){const e=this;e.params.watchOverflow&&e.isLocked||e.params.cssMode||(e.isElement&&(e.__preventObserver__=!0),e["container"===e.params.touchEventsTarget?"el":"wrapperEl"].style.cursor="",e.isElement&&requestAnimationFrame((()=>{e.__preventObserver__=!1})))}},events:{attachEvents:function(){const e=this,{params:t}=e;e.onTouchStart=V.bind(e),e.onTouchMove=F.bind(e),e.onTouchEnd=W.bind(e),e.onDocumentTouchStart=Q.bind(e),t.cssMode&&(e.onScroll=K.bind(e)),e.onClick=U.bind(e),e.onLoad=Z.bind(e),J(e,"on")},detachEvents:function(){J(this,"off")}},breakpoints:{setBreakpoint:function(){const e=this,{realIndex:t,initialized:s,params:i,el:r}=e,n=i.breakpoints;if(!n||n&&0===Object.keys(n).length)return;const l=a(),o="window"!==i.breakpointsBase&&i.breakpointsBase?"container":i.breakpointsBase,d=["window","container"].includes(i.breakpointsBase)||!i.breakpointsBase?e.el:l.querySelector(i.breakpointsBase),c=e.getBreakpoint(n,o,d);if(!c||e.currentBreakpoint===c)return;const u=(c in n?n[c]:void 0)||e.originalParams,m=ee(e,i),h=ee(e,u),f=e.params.grabCursor,g=u.grabCursor,v=i.enabled;m&&!h?(r.classList.remove(`${i.containerModifierClass}grid`,`${i.containerModifierClass}grid-column`),e.emitContainerClasses()):!m&&h&&(r.classList.add(`${i.containerModifierClass}grid`),(u.grid.fill&&"column"===u.grid.fill||!u.grid.fill&&"column"===i.grid.fill)&&r.classList.add(`${i.containerModifierClass}grid-column`),e.emitContainerClasses()),f&&!g?e.unsetGrabCursor():!f&&g&&e.setGrabCursor(),["navigation","pagination","scrollbar"].forEach((t=>{if(void 0===u[t])return;const s=i[t]&&i[t].enabled,a=u[t]&&u[t].enabled;s&&!a&&e[t].disable(),!s&&a&&e[t].enable()}));const w=u.direction&&u.direction!==i.direction,b=i.loop&&(u.slidesPerView!==i.slidesPerView||w),y=i.loop;w&&s&&e.changeDirection(),p(e.params,u);const E=e.params.enabled,x=e.params.loop;Object.assign(e,{allowTouchMove:e.params.allowTouchMove,allowSlideNext:e.params.allowSlideNext,allowSlidePrev:e.params.allowSlidePrev}),v&&!E?e.disable():!v&&E&&e.enable(),e.currentBreakpoint=c,e.emit("_beforeBreakpoint",u),s&&(b?(e.loopDestroy(),e.loopCreate(t),e.updateSlides()):!y&&x?(e.loopCreate(t),e.updateSlides()):y&&!x&&e.loopDestroy()),e.emit("breakpoint",u)},getBreakpoint:function(e,t,s){if(void 0===t&&(t="window"),!e||"container"===t&&!s)return;let a=!1;const i=r(),n="window"===t?i.innerHeight:s.clientHeight,l=Object.keys(e).map((e=>{if("string"==typeof e&&0===e.indexOf("@")){const t=parseFloat(e.substr(1));return{value:n*t,point:e}}return{value:e,point:e}}));l.sort(((e,t)=>parseInt(e.value,10)-parseInt(t.value,10)));for(let e=0;e<l.length;e+=1){const{point:r,value:n}=l[e];"window"===t?i.matchMedia(`(min-width: ${n}px)`).matches&&(a=r):n<=s.clientWidth&&(a=r)}return a||"max"}},checkOverflow:{checkOverflow:function(){const e=this,{isLocked:t,params:s}=e,{slidesOffsetBefore:a}=s;if(a){const t=e.slides.length-1,s=e.slidesGrid[t]+e.slidesSizesGrid[t]+2*a;e.isLocked=e.size>s}else e.isLocked=1===e.snapGrid.length;!0===s.allowSlideNext&&(e.allowSlideNext=!e.isLocked),!0===s.allowSlidePrev&&(e.allowSlidePrev=!e.isLocked),t&&t!==e.isLocked&&(e.isEnd=!1),t!==e.isLocked&&e.emit(e.isLocked?"lock":"unlock")}},classes:{addClasses:function(){const e=this,{classNames:t,params:s,rtl:a,el:i,device:r}=e,n=function(e,t){const s=[];return e.forEach((e=>{"object"==typeof e?Object.keys(e).forEach((a=>{e[a]&&s.push(t+a)})):"string"==typeof e&&s.push(t+e)})),s}(["initialized",s.direction,{"free-mode":e.params.freeMode&&s.freeMode.enabled},{autoheight:s.autoHeight},{rtl:a},{grid:s.grid&&s.grid.rows>1},{"grid-column":s.grid&&s.grid.rows>1&&"column"===s.grid.fill},{android:r.android},{ios:r.ios},{"css-mode":s.cssMode},{centered:s.cssMode&&s.centeredSlides},{"watch-progress":s.watchSlidesProgress}],s.containerModifierClass);t.push(...n),i.classList.add(...t),e.emitContainerClasses()},removeClasses:function(){const{el:e,classNames:t}=this;e&&"string"!=typeof e&&(e.classList.remove(...t),this.emitContainerClasses())}}},ie={};class re{constructor(){let e,t;for(var s=arguments.length,i=new Array(s),r=0;r<s;r++)i[r]=arguments[r];1===i.length&&i[0].constructor&&"Object"===Object.prototype.toString.call(i[0]).slice(8,-1)?t=i[0]:[e,t]=i,t||(t={}),t=p({},t),e&&!t.el&&(t.el=e);const n=a();if(t.el&&"string"==typeof t.el&&n.querySelectorAll(t.el).length>1){const e=[];return n.querySelectorAll(t.el).forEach((s=>{const a=p({},t,{el:s});e.push(new re(a))})),e}const l=this;l.__swiper__=!0,l.support=z(),l.device=A({userAgent:t.userAgent}),l.browser=$(),l.eventsListeners={},l.eventsAnyListeners=[],l.modules=[...l.__modules__],t.modules&&Array.isArray(t.modules)&&l.modules.push(...t.modules);const o={};l.modules.forEach((e=>{e({params:t,swiper:l,extendParams:se(t,o),on:l.on.bind(l),once:l.once.bind(l),off:l.off.bind(l),emit:l.emit.bind(l)})}));const d=p({},te,o);return l.params=p({},d,ie,t),l.originalParams=p({},l.params),l.passedParams=p({},t),l.params&&l.params.on&&Object.keys(l.params.on).forEach((e=>{l.on(e,l.params.on[e])})),l.params&&l.params.onAny&&l.onAny(l.params.onAny),Object.assign(l,{enabled:l.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal:()=>"horizontal"===l.params.direction,isVertical:()=>"vertical"===l.params.direction,activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:l.params.allowSlideNext,allowSlidePrev:l.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:l.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:l.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),l.emit("_swiper"),l.params.init&&l.init(),l}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:t,params:s}=this,a=y(f(t,`.${s.slideClass}, swiper-slide`)[0]);return y(e)-a}getSlideIndexByData(e){return this.getSlideIndex(this.slides.find((t=>1*t.getAttribute("data-swiper-slide-index")===e)))}getSlideIndexWhenGrid(e){return this.grid&&this.params.grid&&this.params.grid.rows>1&&("column"===this.params.grid.fill?e=Math.floor(e/this.params.grid.rows):"row"===this.params.grid.fill&&(e%=Math.ceil(this.slides.length/this.params.grid.rows))),e}recalcSlides(){const{slidesEl:e,params:t}=this;this.slides=f(e,`.${t.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,t){const s=this;e=Math.min(Math.max(e,0),1);const a=s.minTranslate(),i=(s.maxTranslate()-a)*e+a;s.translateTo(i,void 0===t?0:t),s.updateActiveIndex(),s.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=e.el.className.split(" ").filter((t=>0===t.indexOf("swiper")||0===t.indexOf(e.params.containerModifierClass)));e.emit("_containerClasses",t.join(" "))}getSlideClasses(e){const t=this;return t.destroyed?"":e.className.split(" ").filter((e=>0===e.indexOf("swiper-slide")||0===e.indexOf(t.params.slideClass))).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=[];e.slides.forEach((s=>{const a=e.getSlideClasses(s);t.push({slideEl:s,classNames:a}),e.emit("_slideClass",s,a)})),e.emit("_slideClasses",t)}slidesPerViewDynamic(e,t){void 0===e&&(e="current"),void 0===t&&(t=!1);const{params:s,slides:a,slidesGrid:i,slidesSizesGrid:r,size:n,activeIndex:l}=this;let o=1;if("number"==typeof s.slidesPerView)return s.slidesPerView;if(s.centeredSlides){let e,t=a[l]?Math.ceil(a[l].swiperSlideSize):0;for(let s=l+1;s<a.length;s+=1)a[s]&&!e&&(t+=Math.ceil(a[s].swiperSlideSize),o+=1,t>n&&(e=!0));for(let s=l-1;s>=0;s-=1)a[s]&&!e&&(t+=a[s].swiperSlideSize,o+=1,t>n&&(e=!0))}else if("current"===e)for(let e=l+1;e<a.length;e+=1){(t?i[e]+r[e]-i[l]<n:i[e]-i[l]<n)&&(o+=1)}else for(let e=l-1;e>=0;e-=1){i[l]-i[e]<n&&(o+=1)}return o}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:t,params:s}=e;function a(){const t=e.rtlTranslate?-1*e.translate:e.translate,s=Math.min(Math.max(t,e.maxTranslate()),e.minTranslate());e.setTranslate(s),e.updateActiveIndex(),e.updateSlidesClasses()}let i;if(s.breakpoints&&e.setBreakpoint(),[...e.el.querySelectorAll('[loading="lazy"]')].forEach((t=>{t.complete&&G(e,t)})),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses(),s.freeMode&&s.freeMode.enabled&&!s.cssMode)a(),s.autoHeight&&e.updateAutoHeight();else{if(("auto"===s.slidesPerView||s.slidesPerView>1)&&e.isEnd&&!s.centeredSlides){const t=e.virtual&&s.virtual.enabled?e.virtual.slides:e.slides;i=e.slideTo(t.length-1,0,!1,!0)}else i=e.slideTo(e.activeIndex,0,!1,!0);i||a()}s.watchOverflow&&t!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,t){void 0===t&&(t=!0);const s=this,a=s.params.direction;return e||(e="horizontal"===a?"vertical":"horizontal"),e===a||"horizontal"!==e&&"vertical"!==e||(s.el.classList.remove(`${s.params.containerModifierClass}${a}`),s.el.classList.add(`${s.params.containerModifierClass}${e}`),s.emitContainerClasses(),s.params.direction=e,s.slides.forEach((t=>{"vertical"===e?t.style.width="":t.style.height=""})),s.emit("changeDirection"),t&&s.update()),s}changeLanguageDirection(e){const t=this;t.rtl&&"rtl"===e||!t.rtl&&"ltr"===e||(t.rtl="rtl"===e,t.rtlTranslate="horizontal"===t.params.direction&&t.rtl,t.rtl?(t.el.classList.add(`${t.params.containerModifierClass}rtl`),t.el.dir="rtl"):(t.el.classList.remove(`${t.params.containerModifierClass}rtl`),t.el.dir="ltr"),t.update())}mount(e){const t=this;if(t.mounted)return!0;let s=e||t.params.el;if("string"==typeof s&&(s=document.querySelector(s)),!s)return!1;s.swiper=t,s.parentNode&&s.parentNode.host&&s.parentNode.host.nodeName===t.params.swiperElementNodeName.toUpperCase()&&(t.isElement=!0);const a=()=>`.${(t.params.wrapperClass||"").trim().split(" ").join(".")}`;let i=(()=>{if(s&&s.shadowRoot&&s.shadowRoot.querySelector){return s.shadowRoot.querySelector(a())}return f(s,a())[0]})();return!i&&t.params.createElements&&(i=v("div",t.params.wrapperClass),s.append(i),f(s,`.${t.params.slideClass}`).forEach((e=>{i.append(e)}))),Object.assign(t,{el:s,wrapperEl:i,slidesEl:t.isElement&&!s.parentNode.host.slideSlots?s.parentNode.host:i,hostEl:t.isElement?s.parentNode.host:s,mounted:!0,rtl:"rtl"===s.dir.toLowerCase()||"rtl"===b(s,"direction"),rtlTranslate:"horizontal"===t.params.direction&&("rtl"===s.dir.toLowerCase()||"rtl"===b(s,"direction")),wrongRTL:"-webkit-box"===b(i,"display")}),!0}init(e){const t=this;if(t.initialized)return t;if(!1===t.mount(e))return t;t.emit("beforeInit"),t.params.breakpoints&&t.setBreakpoint(),t.addClasses(),t.updateSize(),t.updateSlides(),t.params.watchOverflow&&t.checkOverflow(),t.params.grabCursor&&t.enabled&&t.setGrabCursor(),t.params.loop&&t.virtual&&t.params.virtual.enabled?t.slideTo(t.params.initialSlide+t.virtual.slidesBefore,0,t.params.runCallbacksOnInit,!1,!0):t.slideTo(t.params.initialSlide,0,t.params.runCallbacksOnInit,!1,!0),t.params.loop&&t.loopCreate(void 0,!0),t.attachEvents();const s=[...t.el.querySelectorAll('[loading="lazy"]')];return t.isElement&&s.push(...t.hostEl.querySelectorAll('[loading="lazy"]')),s.forEach((e=>{e.complete?G(t,e):e.addEventListener("load",(e=>{G(t,e.target)}))})),Y(t),t.initialized=!0,Y(t),t.emit("init"),t.emit("afterInit"),t}destroy(e,t){void 0===e&&(e=!0),void 0===t&&(t=!0);const s=this,{params:a,el:i,wrapperEl:r,slides:n}=s;return void 0===s.params||s.destroyed||(s.emit("beforeDestroy"),s.initialized=!1,s.detachEvents(),a.loop&&s.loopDestroy(),t&&(s.removeClasses(),i&&"string"!=typeof i&&i.removeAttribute("style"),r&&r.removeAttribute("style"),n&&n.length&&n.forEach((e=>{e.classList.remove(a.slideVisibleClass,a.slideFullyVisibleClass,a.slideActiveClass,a.slideNextClass,a.slidePrevClass),e.removeAttribute("style"),e.removeAttribute("data-swiper-slide-index")}))),s.emit("destroy"),Object.keys(s.eventsListeners).forEach((e=>{s.off(e)})),!1!==e&&(s.el&&"string"!=typeof s.el&&(s.el.swiper=null),function(e){const t=e;Object.keys(t).forEach((e=>{try{t[e]=null}catch(e){}try{delete t[e]}catch(e){}}))}(s)),s.destroyed=!0),null}static extendDefaults(e){p(ie,e)}static get extendedDefaults(){return ie}static get defaults(){return te}static installModule(e){re.prototype.__modules__||(re.prototype.__modules__=[]);const t=re.prototype.__modules__;"function"==typeof e&&t.indexOf(e)<0&&t.push(e)}static use(e){return Array.isArray(e)?(e.forEach((e=>re.installModule(e))),re):(re.installModule(e),re)}}function ne(e,t,s,a){return e.params.createElements&&Object.keys(a).forEach((i=>{if(!s[i]&&!0===s.auto){let r=f(e.el,`.${a[i]}`)[0];r||(r=v("div",a[i]),r.className=a[i],e.el.append(r)),s[i]=r,t[i]=r}})),s}function le(e){return void 0===e&&(e=""),`.${e.trim().replace(/([\.:!+\/()[\]])/g,"\\$1").replace(/ /g,".")}`}function oe(e){const t=this,{params:s,slidesEl:a}=t;s.loop&&t.loopDestroy();const i=e=>{if("string"==typeof e){const t=document.createElement("div");C(t,e),a.append(t.children[0]),C(t,"")}else a.append(e)};if("object"==typeof e&&"length"in e)for(let t=0;t<e.length;t+=1)e[t]&&i(e[t]);else i(e);t.recalcSlides(),s.loop&&t.loopCreate(),s.observer&&!t.isElement||t.update()}function de(e){const t=this,{params:s,activeIndex:a,slidesEl:i}=t;s.loop&&t.loopDestroy();let r=a+1;const n=e=>{if("string"==typeof e){const t=document.createElement("div");C(t,e),i.prepend(t.children[0]),C(t,"")}else i.prepend(e)};if("object"==typeof e&&"length"in e){for(let t=0;t<e.length;t+=1)e[t]&&n(e[t]);r=a+e.length}else n(e);t.recalcSlides(),s.loop&&t.loopCreate(),s.observer&&!t.isElement||t.update(),t.slideTo(r,0,!1)}function ce(e,t){const s=this,{params:a,activeIndex:i,slidesEl:r}=s;let n=i;a.loop&&(n-=s.loopedSlides,s.loopDestroy(),s.recalcSlides());const l=s.slides.length;if(e<=0)return void s.prependSlide(t);if(e>=l)return void s.appendSlide(t);let o=n>e?n+1:n;const d=[];for(let t=l-1;t>=e;t-=1){const e=s.slides[t];e.remove(),d.unshift(e)}if("object"==typeof t&&"length"in t){for(let e=0;e<t.length;e+=1)t[e]&&r.append(t[e]);o=n>e?n+t.length:n}else r.append(t);for(let e=0;e<d.length;e+=1)r.append(d[e]);s.recalcSlides(),a.loop&&s.loopCreate(),a.observer&&!s.isElement||s.update(),a.loop?s.slideTo(o+s.loopedSlides,0,!1):s.slideTo(o,0,!1)}function pe(e){const t=this,{params:s,activeIndex:a}=t;let i=a;s.loop&&(i-=t.loopedSlides,t.loopDestroy());let r,n=i;if("object"==typeof e&&"length"in e){for(let s=0;s<e.length;s+=1)r=e[s],t.slides[r]&&t.slides[r].remove(),r<n&&(n-=1);n=Math.max(n,0)}else r=e,t.slides[r]&&t.slides[r].remove(),r<n&&(n-=1),n=Math.max(n,0);t.recalcSlides(),s.loop&&t.loopCreate(),s.observer&&!t.isElement||t.update(),s.loop?t.slideTo(n+t.loopedSlides,0,!1):t.slideTo(n,0,!1)}function ue(){const e=this,t=[];for(let s=0;s<e.slides.length;s+=1)t.push(s);e.removeSlide(t)}function me(e){const{effect:t,swiper:s,on:a,setTranslate:i,setTransition:r,overwriteParams:n,perspective:l,recreateShadows:o,getEffectParams:d}=e;let c;a("beforeInit",(()=>{if(s.params.effect!==t)return;s.classNames.push(`${s.params.containerModifierClass}${t}`),l&&l()&&s.classNames.push(`${s.params.containerModifierClass}3d`);const e=n?n():{};Object.assign(s.params,e),Object.assign(s.originalParams,e)})),a("setTranslate _virtualUpdated",(()=>{s.params.effect===t&&i()})),a("setTransition",((e,a)=>{s.params.effect===t&&r(a)})),a("transitionEnd",(()=>{if(s.params.effect===t&&o){if(!d||!d().slideShadows)return;s.slides.forEach((e=>{e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((e=>e.remove()))})),o()}})),a("virtualUpdate",(()=>{s.params.effect===t&&(s.slides.length||(c=!0),requestAnimationFrame((()=>{c&&s.slides&&s.slides.length&&(i(),c=!1)})))}))}function he(e,t){const s=h(t);return s!==t&&(s.style.backfaceVisibility="hidden",s.style["-webkit-backface-visibility"]="hidden"),s}function fe(e){let{swiper:t,duration:s,transformElements:a,allSlides:i}=e;const{activeIndex:r}=t;if(t.params.virtualTranslate&&0!==s){let e,s=!1;e=i?a:a.filter((e=>{const s=e.classList.contains("swiper-slide-transform")?(e=>{if(!e.parentElement)return t.slides.find((t=>t.shadowRoot&&t.shadowRoot===e.parentNode));return e.parentElement})(e):e;return t.getSlideIndex(s)===r})),e.forEach((e=>{x(e,(()=>{if(s)return;if(!t||t.destroyed)return;s=!0,t.animating=!1;const e=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});t.wrapperEl.dispatchEvent(e)}))}))}}function ge(e,t,s){const a=`swiper-slide-shadow${s?`-${s}`:""}${e?` swiper-slide-shadow-${e}`:""}`,i=h(t);let r=i.querySelector(`.${a.split(" ").join(".")}`);return r||(r=v("div",a.split(" ")),i.append(r)),r}Object.keys(ae).forEach((e=>{Object.keys(ae[e]).forEach((t=>{re.prototype[t]=ae[e][t]}))})),re.use([function(e){let{swiper:t,on:s,emit:a}=e;const i=r();let n=null,l=null;const o=()=>{t&&!t.destroyed&&t.initialized&&(a("beforeResize"),a("resize"))},d=()=>{t&&!t.destroyed&&t.initialized&&a("orientationchange")};s("init",(()=>{t.params.resizeObserver&&void 0!==i.ResizeObserver?t&&!t.destroyed&&t.initialized&&(n=new ResizeObserver((e=>{l=i.requestAnimationFrame((()=>{const{width:s,height:a}=t;let i=s,r=a;e.forEach((e=>{let{contentBoxSize:s,contentRect:a,target:n}=e;n&&n!==t.el||(i=a?a.width:(s[0]||s).inlineSize,r=a?a.height:(s[0]||s).blockSize)})),i===s&&r===a||o()}))})),n.observe(t.el)):(i.addEventListener("resize",o),i.addEventListener("orientationchange",d))})),s("destroy",(()=>{l&&i.cancelAnimationFrame(l),n&&n.unobserve&&t.el&&(n.unobserve(t.el),n=null),i.removeEventListener("resize",o),i.removeEventListener("orientationchange",d)}))},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=[],l=r(),o=function(e,s){void 0===s&&(s={});const a=new(l.MutationObserver||l.WebkitMutationObserver)((e=>{if(t.__preventObserver__)return;if(1===e.length)return void i("observerUpdate",e[0]);const s=function(){i("observerUpdate",e[0])};l.requestAnimationFrame?l.requestAnimationFrame(s):l.setTimeout(s,0)}));a.observe(e,{attributes:void 0===s.attributes||s.attributes,childList:t.isElement||(void 0===s.childList||s).childList,characterData:void 0===s.characterData||s.characterData}),n.push(a)};s({observer:!1,observeParents:!1,observeSlideChildren:!1}),a("init",(()=>{if(t.params.observer){if(t.params.observeParents){const e=E(t.hostEl);for(let t=0;t<e.length;t+=1)o(e[t])}o(t.hostEl,{childList:t.params.observeSlideChildren}),o(t.wrapperEl,{attributes:!1})}})),a("destroy",(()=>{n.forEach((e=>{e.disconnect()})),n.splice(0,n.length)}))}]);const ve=[function(e){let t,{swiper:s,extendParams:i,on:r,emit:n}=e;i({virtual:{enabled:!1,slides:[],cache:!0,renderSlide:null,renderExternal:null,renderExternalUpdate:!0,addSlidesBefore:0,addSlidesAfter:0}});const l=a();s.virtual={cache:{},from:void 0,to:void 0,slides:[],offset:0,slidesGrid:[]};const o=l.createElement("div");function d(e,t){const a=s.params.virtual;if(a.cache&&s.virtual.cache[t])return s.virtual.cache[t];let i;return a.renderSlide?(i=a.renderSlide.call(s,e,t),"string"==typeof i&&(C(o,i),i=o.children[0])):i=s.isElement?v("swiper-slide"):v("div",s.params.slideClass),i.setAttribute("data-swiper-slide-index",t),a.renderSlide||C(i,e),a.cache&&(s.virtual.cache[t]=i),i}function c(e,t,a){const{slidesPerView:i,slidesPerGroup:r,centeredSlides:l,loop:o,initialSlide:c}=s.params;if(t&&!o&&c>0)return;const{addSlidesBefore:p,addSlidesAfter:u}=s.params.virtual,{from:m,to:h,slides:g,slidesGrid:v,offset:w}=s.virtual;s.params.cssMode||s.updateActiveIndex();const b=void 0===a?s.activeIndex||0:a;let y,E,x;y=s.rtlTranslate?"right":s.isHorizontal()?"left":"top",l?(E=Math.floor(i/2)+r+u,x=Math.floor(i/2)+r+p):(E=i+(r-1)+u,x=(o?i:r)+p);let S=b-x,T=b+E;o||(S=Math.max(S,0),T=Math.min(T,g.length-1));let M=(s.slidesGrid[S]||0)-(s.slidesGrid[0]||0);function C(){s.updateSlides(),s.updateProgress(),s.updateSlidesClasses(),n("virtualUpdate")}if(o&&b>=x?(S-=x,l||(M+=s.slidesGrid[0])):o&&b<x&&(S=-x,l&&(M+=s.slidesGrid[0])),Object.assign(s.virtual,{from:S,to:T,offset:M,slidesGrid:s.slidesGrid,slidesBefore:x,slidesAfter:E}),m===S&&h===T&&!e)return s.slidesGrid!==v&&M!==w&&s.slides.forEach((e=>{e.style[y]=M-Math.abs(s.cssOverflowAdjustment())+"px"})),s.updateProgress(),void n("virtualUpdate");if(s.params.virtual.renderExternal)return s.params.virtual.renderExternal.call(s,{offset:M,from:S,to:T,slides:function(){const e=[];for(let t=S;t<=T;t+=1)e.push(g[t]);return e}()}),void(s.params.virtual.renderExternalUpdate?C():n("virtualUpdate"));const P=[],L=[],I=e=>{let t=e;return e<0?t=g.length+e:t>=g.length&&(t-=g.length),t};if(e)s.slides.filter((e=>e.matches(`.${s.params.slideClass}, swiper-slide`))).forEach((e=>{e.remove()}));else for(let e=m;e<=h;e+=1)if(e<S||e>T){const t=I(e);s.slides.filter((e=>e.matches(`.${s.params.slideClass}[data-swiper-slide-index="${t}"], swiper-slide[data-swiper-slide-index="${t}"]`))).forEach((e=>{e.remove()}))}const z=o?-g.length:0,A=o?2*g.length:g.length;for(let t=z;t<A;t+=1)if(t>=S&&t<=T){const s=I(t);void 0===h||e?L.push(s):(t>h&&L.push(s),t<m&&P.push(s))}if(L.forEach((e=>{s.slidesEl.append(d(g[e],e))})),o)for(let e=P.length-1;e>=0;e-=1){const t=P[e];s.slidesEl.prepend(d(g[t],t))}else P.sort(((e,t)=>t-e)),P.forEach((e=>{s.slidesEl.prepend(d(g[e],e))}));f(s.slidesEl,".swiper-slide, swiper-slide").forEach((e=>{e.style[y]=M-Math.abs(s.cssOverflowAdjustment())+"px"})),C()}r("beforeInit",(()=>{if(!s.params.virtual.enabled)return;let e;if(void 0===s.passedParams.virtual.slides){const t=[...s.slidesEl.children].filter((e=>e.matches(`.${s.params.slideClass}, swiper-slide`)));t&&t.length&&(s.virtual.slides=[...t],e=!0,t.forEach(((e,t)=>{e.setAttribute("data-swiper-slide-index",t),s.virtual.cache[t]=e,e.remove()})))}e||(s.virtual.slides=s.params.virtual.slides),s.classNames.push(`${s.params.containerModifierClass}virtual`),s.params.watchSlidesProgress=!0,s.originalParams.watchSlidesProgress=!0,c(!1,!0)})),r("setTranslate",(()=>{s.params.virtual.enabled&&(s.params.cssMode&&!s._immediateVirtual?(clearTimeout(t),t=setTimeout((()=>{c()}),100)):c())})),r("init update resize",(()=>{s.params.virtual.enabled&&s.params.cssMode&&u(s.wrapperEl,"--swiper-virtual-size",`${s.virtualSize}px`)})),Object.assign(s.virtual,{appendSlide:function(e){if("object"==typeof e&&"length"in e)for(let t=0;t<e.length;t+=1)e[t]&&s.virtual.slides.push(e[t]);else s.virtual.slides.push(e);c(!0)},prependSlide:function(e){const t=s.activeIndex;let a=t+1,i=1;if(Array.isArray(e)){for(let t=0;t<e.length;t+=1)e[t]&&s.virtual.slides.unshift(e[t]);a=t+e.length,i=e.length}else s.virtual.slides.unshift(e);if(s.params.virtual.cache){const e=s.virtual.cache,t={};Object.keys(e).forEach((s=>{const a=e[s],r=a.getAttribute("data-swiper-slide-index");r&&a.setAttribute("data-swiper-slide-index",parseInt(r,10)+i),t[parseInt(s,10)+i]=a})),s.virtual.cache=t}c(!0),s.slideTo(a,0)},removeSlide:function(e){if(null==e)return;let t=s.activeIndex;if(Array.isArray(e))for(let a=e.length-1;a>=0;a-=1)s.params.virtual.cache&&(delete s.virtual.cache[e[a]],Object.keys(s.virtual.cache).forEach((t=>{t>e&&(s.virtual.cache[t-1]=s.virtual.cache[t],s.virtual.cache[t-1].setAttribute("data-swiper-slide-index",t-1),delete s.virtual.cache[t])}))),s.virtual.slides.splice(e[a],1),e[a]<t&&(t-=1),t=Math.max(t,0);else s.params.virtual.cache&&(delete s.virtual.cache[e],Object.keys(s.virtual.cache).forEach((t=>{t>e&&(s.virtual.cache[t-1]=s.virtual.cache[t],s.virtual.cache[t-1].setAttribute("data-swiper-slide-index",t-1),delete s.virtual.cache[t])}))),s.virtual.slides.splice(e,1),e<t&&(t-=1),t=Math.max(t,0);c(!0),s.slideTo(t,0)},removeAllSlides:function(){s.virtual.slides=[],s.params.virtual.cache&&(s.virtual.cache={}),c(!0),s.slideTo(0,0)},update:c})},function(e){let{swiper:t,extendParams:s,on:i,emit:n}=e;const l=a(),o=r();function d(e){if(!t.enabled)return;const{rtlTranslate:s}=t;let a=e;a.originalEvent&&(a=a.originalEvent);const i=a.keyCode||a.charCode,r=t.params.keyboard.pageUpDown,d=r&&33===i,c=r&&34===i,p=37===i,u=39===i,m=38===i,h=40===i;if(!t.allowSlideNext&&(t.isHorizontal()&&u||t.isVertical()&&h||c))return!1;if(!t.allowSlidePrev&&(t.isHorizontal()&&p||t.isVertical()&&m||d))return!1;if(!(a.shiftKey||a.altKey||a.ctrlKey||a.metaKey||l.activeElement&&(l.activeElement.isContentEditable||l.activeElement.nodeName&&("input"===l.activeElement.nodeName.toLowerCase()||"textarea"===l.activeElement.nodeName.toLowerCase())))){if(t.params.keyboard.onlyInViewport&&(d||c||p||u||m||h)){let e=!1;if(E(t.el,`.${t.params.slideClass}, swiper-slide`).length>0&&0===E(t.el,`.${t.params.slideActiveClass}`).length)return;const a=t.el,i=a.clientWidth,r=a.clientHeight,n=o.innerWidth,l=o.innerHeight,d=w(a);s&&(d.left-=a.scrollLeft);const c=[[d.left,d.top],[d.left+i,d.top],[d.left,d.top+r],[d.left+i,d.top+r]];for(let t=0;t<c.length;t+=1){const s=c[t];if(s[0]>=0&&s[0]<=n&&s[1]>=0&&s[1]<=l){if(0===s[0]&&0===s[1])continue;e=!0}}if(!e)return}t.isHorizontal()?((d||c||p||u)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),((c||u)&&!s||(d||p)&&s)&&t.slideNext(),((d||p)&&!s||(c||u)&&s)&&t.slidePrev()):((d||c||m||h)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),(c||h)&&t.slideNext(),(d||m)&&t.slidePrev()),n("keyPress",i)}}function c(){t.keyboard.enabled||(l.addEventListener("keydown",d),t.keyboard.enabled=!0)}function p(){t.keyboard.enabled&&(l.removeEventListener("keydown",d),t.keyboard.enabled=!1)}t.keyboard={enabled:!1},s({keyboard:{enabled:!1,onlyInViewport:!0,pageUpDown:!0}}),i("init",(()=>{t.params.keyboard.enabled&&c()})),i("destroy",(()=>{t.keyboard.enabled&&p()})),Object.assign(t.keyboard,{enable:c,disable:p})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=r();let d;s({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),t.mousewheel={enabled:!1};let c,p=o();const u=[];function m(){t.enabled&&(t.mouseEntered=!0)}function h(){t.enabled&&(t.mouseEntered=!1)}function f(e){return!(t.params.mousewheel.thresholdDelta&&e.delta<t.params.mousewheel.thresholdDelta)&&(!(t.params.mousewheel.thresholdTime&&o()-p<t.params.mousewheel.thresholdTime)&&(e.delta>=6&&o()-p<60||(e.direction<0?t.isEnd&&!t.params.loop||t.animating||(t.slideNext(),i("scroll",e.raw)):t.isBeginning&&!t.params.loop||t.animating||(t.slidePrev(),i("scroll",e.raw)),p=(new n.Date).getTime(),!1)))}function g(e){let s=e,a=!0;if(!t.enabled)return;if(e.target.closest(`.${t.params.mousewheel.noMousewheelClass}`))return;const r=t.params.mousewheel;t.params.cssMode&&s.preventDefault();let n=t.el;"container"!==t.params.mousewheel.eventsTarget&&(n=document.querySelector(t.params.mousewheel.eventsTarget));const p=n&&n.contains(s.target);if(!t.mouseEntered&&!p&&!r.releaseOnEdges)return!0;s.originalEvent&&(s=s.originalEvent);let m=0;const h=t.rtlTranslate?-1:1,g=function(e){let t=0,s=0,a=0,i=0;return"detail"in e&&(s=e.detail),"wheelDelta"in e&&(s=-e.wheelDelta/120),"wheelDeltaY"in e&&(s=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=s,s=0),a=10*t,i=10*s,"deltaY"in e&&(i=e.deltaY),"deltaX"in e&&(a=e.deltaX),e.shiftKey&&!a&&(a=i,i=0),(a||i)&&e.deltaMode&&(1===e.deltaMode?(a*=40,i*=40):(a*=800,i*=800)),a&&!t&&(t=a<1?-1:1),i&&!s&&(s=i<1?-1:1),{spinX:t,spinY:s,pixelX:a,pixelY:i}}(s);if(r.forceToAxis)if(t.isHorizontal()){if(!(Math.abs(g.pixelX)>Math.abs(g.pixelY)))return!0;m=-g.pixelX*h}else{if(!(Math.abs(g.pixelY)>Math.abs(g.pixelX)))return!0;m=-g.pixelY}else m=Math.abs(g.pixelX)>Math.abs(g.pixelY)?-g.pixelX*h:-g.pixelY;if(0===m)return!0;r.invert&&(m=-m);let v=t.getTranslate()+m*r.sensitivity;if(v>=t.minTranslate()&&(v=t.minTranslate()),v<=t.maxTranslate()&&(v=t.maxTranslate()),a=!!t.params.loop||!(v===t.minTranslate()||v===t.maxTranslate()),a&&t.params.nested&&s.stopPropagation(),t.params.freeMode&&t.params.freeMode.enabled){const e={time:o(),delta:Math.abs(m),direction:Math.sign(m)},a=c&&e.time<c.time+500&&e.delta<=c.delta&&e.direction===c.direction;if(!a){c=void 0;let n=t.getTranslate()+m*r.sensitivity;const o=t.isBeginning,p=t.isEnd;if(n>=t.minTranslate()&&(n=t.minTranslate()),n<=t.maxTranslate()&&(n=t.maxTranslate()),t.setTransition(0),t.setTranslate(n),t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses(),(!o&&t.isBeginning||!p&&t.isEnd)&&t.updateSlidesClasses(),t.params.loop&&t.loopFix({direction:e.direction<0?"next":"prev",byMousewheel:!0}),t.params.freeMode.sticky){clearTimeout(d),d=void 0,u.length>=15&&u.shift();const s=u.length?u[u.length-1]:void 0,a=u[0];if(u.push(e),s&&(e.delta>s.delta||e.direction!==s.direction))u.splice(0);else if(u.length>=15&&e.time-a.time<500&&a.delta-e.delta>=1&&e.delta<=6){const s=m>0?.8:.2;c=e,u.splice(0),d=l((()=>{!t.destroyed&&t.params&&t.slideToClosest(t.params.speed,!0,void 0,s)}),0)}d||(d=l((()=>{if(t.destroyed||!t.params)return;c=e,u.splice(0),t.slideToClosest(t.params.speed,!0,void 0,.5)}),500))}if(a||i("scroll",s),t.params.autoplay&&t.params.autoplay.disableOnInteraction&&t.autoplay.stop(),r.releaseOnEdges&&(n===t.minTranslate()||n===t.maxTranslate()))return!0}}else{const s={time:o(),delta:Math.abs(m),direction:Math.sign(m),raw:e};u.length>=2&&u.shift();const a=u.length?u[u.length-1]:void 0;if(u.push(s),a?(s.direction!==a.direction||s.delta>a.delta||s.time>a.time+150)&&f(s):f(s),function(e){const s=t.params.mousewheel;if(e.direction<0){if(t.isEnd&&!t.params.loop&&s.releaseOnEdges)return!0}else if(t.isBeginning&&!t.params.loop&&s.releaseOnEdges)return!0;return!1}(s))return!0}return s.preventDefault?s.preventDefault():s.returnValue=!1,!1}function v(e){let s=t.el;"container"!==t.params.mousewheel.eventsTarget&&(s=document.querySelector(t.params.mousewheel.eventsTarget)),s[e]("mouseenter",m),s[e]("mouseleave",h),s[e]("wheel",g)}function w(){return t.params.cssMode?(t.wrapperEl.removeEventListener("wheel",g),!0):!t.mousewheel.enabled&&(v("addEventListener"),t.mousewheel.enabled=!0,!0)}function b(){return t.params.cssMode?(t.wrapperEl.addEventListener(event,g),!0):!!t.mousewheel.enabled&&(v("removeEventListener"),t.mousewheel.enabled=!1,!0)}a("init",(()=>{!t.params.mousewheel.enabled&&t.params.cssMode&&b(),t.params.mousewheel.enabled&&w()})),a("destroy",(()=>{t.params.cssMode&&w(),t.mousewheel.enabled&&b()})),Object.assign(t.mousewheel,{enable:w,disable:b})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;function r(e){let s;return e&&"string"==typeof e&&t.isElement&&(s=t.el.querySelector(e)||t.hostEl.querySelector(e),s)?s:(e&&("string"==typeof e&&(s=[...document.querySelectorAll(e)]),t.params.uniqueNavElements&&"string"==typeof e&&s&&s.length>1&&1===t.el.querySelectorAll(e).length?s=t.el.querySelector(e):s&&1===s.length&&(s=s[0])),e&&!s?e:s)}function n(e,s){const a=t.params.navigation;(e=T(e)).forEach((e=>{e&&(e.classList[s?"add":"remove"](...a.disabledClass.split(" ")),"BUTTON"===e.tagName&&(e.disabled=s),t.params.watchOverflow&&t.enabled&&e.classList[t.isLocked?"add":"remove"](a.lockClass))}))}function l(){const{nextEl:e,prevEl:s}=t.navigation;if(t.params.loop)return n(s,!1),void n(e,!1);n(s,t.isBeginning&&!t.params.rewind),n(e,t.isEnd&&!t.params.rewind)}function o(e){e.preventDefault(),(!t.isBeginning||t.params.loop||t.params.rewind)&&(t.slidePrev(),i("navigationPrev"))}function d(e){e.preventDefault(),(!t.isEnd||t.params.loop||t.params.rewind)&&(t.slideNext(),i("navigationNext"))}function c(){const e=t.params.navigation;if(t.params.navigation=ne(t,t.originalParams.navigation,t.params.navigation,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"}),!e.nextEl&&!e.prevEl)return;let s=r(e.nextEl),a=r(e.prevEl);Object.assign(t.navigation,{nextEl:s,prevEl:a}),s=T(s),a=T(a);const i=(s,a)=>{s&&s.addEventListener("click","next"===a?d:o),!t.enabled&&s&&s.classList.add(...e.lockClass.split(" "))};s.forEach((e=>i(e,"next"))),a.forEach((e=>i(e,"prev")))}function p(){let{nextEl:e,prevEl:s}=t.navigation;e=T(e),s=T(s);const a=(e,s)=>{e.removeEventListener("click","next"===s?d:o),e.classList.remove(...t.params.navigation.disabledClass.split(" "))};e.forEach((e=>a(e,"next"))),s.forEach((e=>a(e,"prev")))}s({navigation:{nextEl:null,prevEl:null,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock",navigationDisabledClass:"swiper-navigation-disabled"}}),t.navigation={nextEl:null,prevEl:null},a("init",(()=>{!1===t.params.navigation.enabled?u():(c(),l())})),a("toEdge fromEdge lock unlock",(()=>{l()})),a("destroy",(()=>{p()})),a("enable disable",(()=>{let{nextEl:e,prevEl:s}=t.navigation;e=T(e),s=T(s),t.enabled?l():[...e,...s].filter((e=>!!e)).forEach((e=>e.classList.add(t.params.navigation.lockClass)))})),a("click",((e,s)=>{let{nextEl:a,prevEl:r}=t.navigation;a=T(a),r=T(r);const n=s.target;let l=r.includes(n)||a.includes(n);if(t.isElement&&!l){const e=s.path||s.composedPath&&s.composedPath();e&&(l=e.find((e=>a.includes(e)||r.includes(e))))}if(t.params.navigation.hideOnClick&&!l){if(t.pagination&&t.params.pagination&&t.params.pagination.clickable&&(t.pagination.el===n||t.pagination.el.contains(n)))return;let e;a.length?e=a[0].classList.contains(t.params.navigation.hiddenClass):r.length&&(e=r[0].classList.contains(t.params.navigation.hiddenClass)),i(!0===e?"navigationShow":"navigationHide"),[...a,...r].filter((e=>!!e)).forEach((e=>e.classList.toggle(t.params.navigation.hiddenClass)))}}));const u=()=>{t.el.classList.add(...t.params.navigation.navigationDisabledClass.split(" ")),p()};Object.assign(t.navigation,{enable:()=>{t.el.classList.remove(...t.params.navigation.navigationDisabledClass.split(" ")),c(),l()},disable:u,update:l,init:c,destroy:p})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const r="swiper-pagination";let n;s({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:e=>e,formatFractionTotal:e=>e,bulletClass:`${r}-bullet`,bulletActiveClass:`${r}-bullet-active`,modifierClass:`${r}-`,currentClass:`${r}-current`,totalClass:`${r}-total`,hiddenClass:`${r}-hidden`,progressbarFillClass:`${r}-progressbar-fill`,progressbarOppositeClass:`${r}-progressbar-opposite`,clickableClass:`${r}-clickable`,lockClass:`${r}-lock`,horizontalClass:`${r}-horizontal`,verticalClass:`${r}-vertical`,paginationDisabledClass:`${r}-disabled`}}),t.pagination={el:null,bullets:[]};let l=0;function o(){return!t.params.pagination.el||!t.pagination.el||Array.isArray(t.pagination.el)&&0===t.pagination.el.length}function d(e,s){const{bulletActiveClass:a}=t.params.pagination;e&&(e=e[("prev"===s?"previous":"next")+"ElementSibling"])&&(e.classList.add(`${a}-${s}`),(e=e[("prev"===s?"previous":"next")+"ElementSibling"])&&e.classList.add(`${a}-${s}-${s}`))}function c(e){const s=e.target.closest(le(t.params.pagination.bulletClass));if(!s)return;e.preventDefault();const a=y(s)*t.params.slidesPerGroup;if(t.params.loop){if(t.realIndex===a)return;const e=(i=t.realIndex,r=a,n=t.slides.length,(r%=n)==1+(i%=n)?"next":r===i-1?"previous":void 0);"next"===e?t.slideNext():"previous"===e?t.slidePrev():t.slideToLoop(a)}else t.slideTo(a);var i,r,n}function p(){const e=t.rtl,s=t.params.pagination;if(o())return;let a,r,c=t.pagination.el;c=T(c);const p=t.virtual&&t.params.virtual.enabled?t.virtual.slides.length:t.slides.length,u=t.params.loop?Math.ceil(p/t.params.slidesPerGroup):t.snapGrid.length;if(t.params.loop?(r=t.previousRealIndex||0,a=t.params.slidesPerGroup>1?Math.floor(t.realIndex/t.params.slidesPerGroup):t.realIndex):void 0!==t.snapIndex?(a=t.snapIndex,r=t.previousSnapIndex):(r=t.previousIndex||0,a=t.activeIndex||0),"bullets"===s.type&&t.pagination.bullets&&t.pagination.bullets.length>0){const i=t.pagination.bullets;let o,p,u;if(s.dynamicBullets&&(n=S(i[0],t.isHorizontal()?"width":"height",!0),c.forEach((e=>{e.style[t.isHorizontal()?"width":"height"]=n*(s.dynamicMainBullets+4)+"px"})),s.dynamicMainBullets>1&&void 0!==r&&(l+=a-(r||0),l>s.dynamicMainBullets-1?l=s.dynamicMainBullets-1:l<0&&(l=0)),o=Math.max(a-l,0),p=o+(Math.min(i.length,s.dynamicMainBullets)-1),u=(p+o)/2),i.forEach((e=>{const t=[...["","-next","-next-next","-prev","-prev-prev","-main"].map((e=>`${s.bulletActiveClass}${e}`))].map((e=>"string"==typeof e&&e.includes(" ")?e.split(" "):e)).flat();e.classList.remove(...t)})),c.length>1)i.forEach((e=>{const i=y(e);i===a?e.classList.add(...s.bulletActiveClass.split(" ")):t.isElement&&e.setAttribute("part","bullet"),s.dynamicBullets&&(i>=o&&i<=p&&e.classList.add(...`${s.bulletActiveClass}-main`.split(" ")),i===o&&d(e,"prev"),i===p&&d(e,"next"))}));else{const e=i[a];if(e&&e.classList.add(...s.bulletActiveClass.split(" ")),t.isElement&&i.forEach(((e,t)=>{e.setAttribute("part",t===a?"bullet-active":"bullet")})),s.dynamicBullets){const e=i[o],t=i[p];for(let e=o;e<=p;e+=1)i[e]&&i[e].classList.add(...`${s.bulletActiveClass}-main`.split(" "));d(e,"prev"),d(t,"next")}}if(s.dynamicBullets){const a=Math.min(i.length,s.dynamicMainBullets+4),r=(n*a-n)/2-u*n,l=e?"right":"left";i.forEach((e=>{e.style[t.isHorizontal()?l:"top"]=`${r}px`}))}}c.forEach(((e,r)=>{if("fraction"===s.type&&(e.querySelectorAll(le(s.currentClass)).forEach((e=>{e.textContent=s.formatFractionCurrent(a+1)})),e.querySelectorAll(le(s.totalClass)).forEach((e=>{e.textContent=s.formatFractionTotal(u)}))),"progressbar"===s.type){let i;i=s.progressbarOpposite?t.isHorizontal()?"vertical":"horizontal":t.isHorizontal()?"horizontal":"vertical";const r=(a+1)/u;let n=1,l=1;"horizontal"===i?n=r:l=r,e.querySelectorAll(le(s.progressbarFillClass)).forEach((e=>{e.style.transform=`translate3d(0,0,0) scaleX(${n}) scaleY(${l})`,e.style.transitionDuration=`${t.params.speed}ms`}))}"custom"===s.type&&s.renderCustom?(C(e,s.renderCustom(t,a+1,u)),0===r&&i("paginationRender",e)):(0===r&&i("paginationRender",e),i("paginationUpdate",e)),t.params.watchOverflow&&t.enabled&&e.classList[t.isLocked?"add":"remove"](s.lockClass)}))}function u(){const e=t.params.pagination;if(o())return;const s=t.virtual&&t.params.virtual.enabled?t.virtual.slides.length:t.grid&&t.params.grid.rows>1?t.slides.length/Math.ceil(t.params.grid.rows):t.slides.length;let a=t.pagination.el;a=T(a);let r="";if("bullets"===e.type){let a=t.params.loop?Math.ceil(s/t.params.slidesPerGroup):t.snapGrid.length;t.params.freeMode&&t.params.freeMode.enabled&&a>s&&(a=s);for(let s=0;s<a;s+=1)e.renderBullet?r+=e.renderBullet.call(t,s,e.bulletClass):r+=`<${e.bulletElement} ${t.isElement?'part="bullet"':""} class="${e.bulletClass}"></${e.bulletElement}>`}"fraction"===e.type&&(r=e.renderFraction?e.renderFraction.call(t,e.currentClass,e.totalClass):`<span class="${e.currentClass}"></span> / <span class="${e.totalClass}"></span>`),"progressbar"===e.type&&(r=e.renderProgressbar?e.renderProgressbar.call(t,e.progressbarFillClass):`<span class="${e.progressbarFillClass}"></span>`),t.pagination.bullets=[],a.forEach((s=>{"custom"!==e.type&&C(s,r||""),"bullets"===e.type&&t.pagination.bullets.push(...s.querySelectorAll(le(e.bulletClass)))})),"custom"!==e.type&&i("paginationRender",a[0])}function m(){t.params.pagination=ne(t,t.originalParams.pagination,t.params.pagination,{el:"swiper-pagination"});const e=t.params.pagination;if(!e.el)return;let s;"string"==typeof e.el&&t.isElement&&(s=t.el.querySelector(e.el)),s||"string"!=typeof e.el||(s=[...document.querySelectorAll(e.el)]),s||(s=e.el),s&&0!==s.length&&(t.params.uniqueNavElements&&"string"==typeof e.el&&Array.isArray(s)&&s.length>1&&(s=[...t.el.querySelectorAll(e.el)],s.length>1&&(s=s.find((e=>E(e,".swiper")[0]===t.el)))),Array.isArray(s)&&1===s.length&&(s=s[0]),Object.assign(t.pagination,{el:s}),s=T(s),s.forEach((s=>{"bullets"===e.type&&e.clickable&&s.classList.add(...(e.clickableClass||"").split(" ")),s.classList.add(e.modifierClass+e.type),s.classList.add(t.isHorizontal()?e.horizontalClass:e.verticalClass),"bullets"===e.type&&e.dynamicBullets&&(s.classList.add(`${e.modifierClass}${e.type}-dynamic`),l=0,e.dynamicMainBullets<1&&(e.dynamicMainBullets=1)),"progressbar"===e.type&&e.progressbarOpposite&&s.classList.add(e.progressbarOppositeClass),e.clickable&&s.addEventListener("click",c),t.enabled||s.classList.add(e.lockClass)})))}function h(){const e=t.params.pagination;if(o())return;let s=t.pagination.el;s&&(s=T(s),s.forEach((s=>{s.classList.remove(e.hiddenClass),s.classList.remove(e.modifierClass+e.type),s.classList.remove(t.isHorizontal()?e.horizontalClass:e.verticalClass),e.clickable&&(s.classList.remove(...(e.clickableClass||"").split(" ")),s.removeEventListener("click",c))}))),t.pagination.bullets&&t.pagination.bullets.forEach((t=>t.classList.remove(...e.bulletActiveClass.split(" "))))}a("changeDirection",(()=>{if(!t.pagination||!t.pagination.el)return;const e=t.params.pagination;let{el:s}=t.pagination;s=T(s),s.forEach((s=>{s.classList.remove(e.horizontalClass,e.verticalClass),s.classList.add(t.isHorizontal()?e.horizontalClass:e.verticalClass)}))})),a("init",(()=>{!1===t.params.pagination.enabled?f():(m(),u(),p())})),a("activeIndexChange",(()=>{void 0===t.snapIndex&&p()})),a("snapIndexChange",(()=>{p()})),a("snapGridLengthChange",(()=>{u(),p()})),a("destroy",(()=>{h()})),a("enable disable",(()=>{let{el:e}=t.pagination;e&&(e=T(e),e.forEach((e=>e.classList[t.enabled?"remove":"add"](t.params.pagination.lockClass))))})),a("lock unlock",(()=>{p()})),a("click",((e,s)=>{const a=s.target,r=T(t.pagination.el);if(t.params.pagination.el&&t.params.pagination.hideOnClick&&r&&r.length>0&&!a.classList.contains(t.params.pagination.bulletClass)){if(t.navigation&&(t.navigation.nextEl&&a===t.navigation.nextEl||t.navigation.prevEl&&a===t.navigation.prevEl))return;const e=r[0].classList.contains(t.params.pagination.hiddenClass);i(!0===e?"paginationShow":"paginationHide"),r.forEach((e=>e.classList.toggle(t.params.pagination.hiddenClass)))}}));const f=()=>{t.el.classList.add(t.params.pagination.paginationDisabledClass);let{el:e}=t.pagination;e&&(e=T(e),e.forEach((e=>e.classList.add(t.params.pagination.paginationDisabledClass)))),h()};Object.assign(t.pagination,{enable:()=>{t.el.classList.remove(t.params.pagination.paginationDisabledClass);let{el:e}=t.pagination;e&&(e=T(e),e.forEach((e=>e.classList.remove(t.params.pagination.paginationDisabledClass)))),m(),u(),p()},disable:f,render:u,update:p,init:m,destroy:h})},function(e){let{swiper:t,extendParams:s,on:i,emit:r}=e;const o=a();let d,c,p,u,m=!1,h=null,f=null;function g(){if(!t.params.scrollbar.el||!t.scrollbar.el)return;const{scrollbar:e,rtlTranslate:s}=t,{dragEl:a,el:i}=e,r=t.params.scrollbar,n=t.params.loop?t.progressLoop:t.progress;let l=c,o=(p-c)*n;s?(o=-o,o>0?(l=c-o,o=0):-o+c>p&&(l=p+o)):o<0?(l=c+o,o=0):o+c>p&&(l=p-o),t.isHorizontal()?(a.style.transform=`translate3d(${o}px, 0, 0)`,a.style.width=`${l}px`):(a.style.transform=`translate3d(0px, ${o}px, 0)`,a.style.height=`${l}px`),r.hide&&(clearTimeout(h),i.style.opacity=1,h=setTimeout((()=>{i.style.opacity=0,i.style.transitionDuration="400ms"}),1e3))}function b(){if(!t.params.scrollbar.el||!t.scrollbar.el)return;const{scrollbar:e}=t,{dragEl:s,el:a}=e;s.style.width="",s.style.height="",p=t.isHorizontal()?a.offsetWidth:a.offsetHeight,u=t.size/(t.virtualSize+t.params.slidesOffsetBefore-(t.params.centeredSlides?t.snapGrid[0]:0)),c="auto"===t.params.scrollbar.dragSize?p*u:parseInt(t.params.scrollbar.dragSize,10),t.isHorizontal()?s.style.width=`${c}px`:s.style.height=`${c}px`,a.style.display=u>=1?"none":"",t.params.scrollbar.hide&&(a.style.opacity=0),t.params.watchOverflow&&t.enabled&&e.el.classList[t.isLocked?"add":"remove"](t.params.scrollbar.lockClass)}function y(e){return t.isHorizontal()?e.clientX:e.clientY}function E(e){const{scrollbar:s,rtlTranslate:a}=t,{el:i}=s;let r;r=(y(e)-w(i)[t.isHorizontal()?"left":"top"]-(null!==d?d:c/2))/(p-c),r=Math.max(Math.min(r,1),0),a&&(r=1-r);const n=t.minTranslate()+(t.maxTranslate()-t.minTranslate())*r;t.updateProgress(n),t.setTranslate(n),t.updateActiveIndex(),t.updateSlidesClasses()}function x(e){const s=t.params.scrollbar,{scrollbar:a,wrapperEl:i}=t,{el:n,dragEl:l}=a;m=!0,d=e.target===l?y(e)-e.target.getBoundingClientRect()[t.isHorizontal()?"left":"top"]:null,e.preventDefault(),e.stopPropagation(),i.style.transitionDuration="100ms",l.style.transitionDuration="100ms",E(e),clearTimeout(f),n.style.transitionDuration="0ms",s.hide&&(n.style.opacity=1),t.params.cssMode&&(t.wrapperEl.style["scroll-snap-type"]="none"),r("scrollbarDragStart",e)}function S(e){const{scrollbar:s,wrapperEl:a}=t,{el:i,dragEl:n}=s;m&&(e.preventDefault&&e.cancelable?e.preventDefault():e.returnValue=!1,E(e),a.style.transitionDuration="0ms",i.style.transitionDuration="0ms",n.style.transitionDuration="0ms",r("scrollbarDragMove",e))}function M(e){const s=t.params.scrollbar,{scrollbar:a,wrapperEl:i}=t,{el:n}=a;m&&(m=!1,t.params.cssMode&&(t.wrapperEl.style["scroll-snap-type"]="",i.style.transitionDuration=""),s.hide&&(clearTimeout(f),f=l((()=>{n.style.opacity=0,n.style.transitionDuration="400ms"}),1e3)),r("scrollbarDragEnd",e),s.snapOnRelease&&t.slideToClosest())}function C(e){const{scrollbar:s,params:a}=t,i=s.el;if(!i)return;const r=i,n=!!a.passiveListeners&&{passive:!1,capture:!1},l=!!a.passiveListeners&&{passive:!0,capture:!1};if(!r)return;const d="on"===e?"addEventListener":"removeEventListener";r[d]("pointerdown",x,n),o[d]("pointermove",S,n),o[d]("pointerup",M,l)}function P(){const{scrollbar:e,el:s}=t;t.params.scrollbar=ne(t,t.originalParams.scrollbar,t.params.scrollbar,{el:"swiper-scrollbar"});const a=t.params.scrollbar;if(!a.el)return;let i,r;if("string"==typeof a.el&&t.isElement&&(i=t.el.querySelector(a.el)),i||"string"!=typeof a.el)i||(i=a.el);else if(i=o.querySelectorAll(a.el),!i.length)return;t.params.uniqueNavElements&&"string"==typeof a.el&&i.length>1&&1===s.querySelectorAll(a.el).length&&(i=s.querySelector(a.el)),i.length>0&&(i=i[0]),i.classList.add(t.isHorizontal()?a.horizontalClass:a.verticalClass),i&&(r=i.querySelector(le(t.params.scrollbar.dragClass)),r||(r=v("div",t.params.scrollbar.dragClass),i.append(r))),Object.assign(e,{el:i,dragEl:r}),a.draggable&&t.params.scrollbar.el&&t.scrollbar.el&&C("on"),i&&i.classList[t.enabled?"remove":"add"](...n(t.params.scrollbar.lockClass))}function L(){const e=t.params.scrollbar,s=t.scrollbar.el;s&&s.classList.remove(...n(t.isHorizontal()?e.horizontalClass:e.verticalClass)),t.params.scrollbar.el&&t.scrollbar.el&&C("off")}s({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),t.scrollbar={el:null,dragEl:null},i("changeDirection",(()=>{if(!t.scrollbar||!t.scrollbar.el)return;const e=t.params.scrollbar;let{el:s}=t.scrollbar;s=T(s),s.forEach((s=>{s.classList.remove(e.horizontalClass,e.verticalClass),s.classList.add(t.isHorizontal()?e.horizontalClass:e.verticalClass)}))})),i("init",(()=>{!1===t.params.scrollbar.enabled?I():(P(),b(),g())})),i("update resize observerUpdate lock unlock changeDirection",(()=>{b()})),i("setTranslate",(()=>{g()})),i("setTransition",((e,s)=>{!function(e){t.params.scrollbar.el&&t.scrollbar.el&&(t.scrollbar.dragEl.style.transitionDuration=`${e}ms`)}(s)})),i("enable disable",(()=>{const{el:e}=t.scrollbar;e&&e.classList[t.enabled?"remove":"add"](...n(t.params.scrollbar.lockClass))})),i("destroy",(()=>{L()}));const I=()=>{t.el.classList.add(...n(t.params.scrollbar.scrollbarDisabledClass)),t.scrollbar.el&&t.scrollbar.el.classList.add(...n(t.params.scrollbar.scrollbarDisabledClass)),L()};Object.assign(t.scrollbar,{enable:()=>{t.el.classList.remove(...n(t.params.scrollbar.scrollbarDisabledClass)),t.scrollbar.el&&t.scrollbar.el.classList.remove(...n(t.params.scrollbar.scrollbarDisabledClass)),P(),b(),g()},disable:I,updateSize:b,setTranslate:g,init:P,destroy:L})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({parallax:{enabled:!1}});const i="[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",r=(e,s)=>{const{rtl:a}=t,i=a?-1:1,r=e.getAttribute("data-swiper-parallax")||"0";let n=e.getAttribute("data-swiper-parallax-x"),l=e.getAttribute("data-swiper-parallax-y");const o=e.getAttribute("data-swiper-parallax-scale"),d=e.getAttribute("data-swiper-parallax-opacity"),c=e.getAttribute("data-swiper-parallax-rotate");if(n||l?(n=n||"0",l=l||"0"):t.isHorizontal()?(n=r,l="0"):(l=r,n="0"),n=n.indexOf("%")>=0?parseInt(n,10)*s*i+"%":n*s*i+"px",l=l.indexOf("%")>=0?parseInt(l,10)*s+"%":l*s+"px",null!=d){const t=d-(d-1)*(1-Math.abs(s));e.style.opacity=t}let p=`translate3d(${n}, ${l}, 0px)`;if(null!=o){p+=` scale(${o-(o-1)*(1-Math.abs(s))})`}if(c&&null!=c){p+=` rotate(${c*s*-1}deg)`}e.style.transform=p},n=()=>{const{el:e,slides:s,progress:a,snapGrid:n,isElement:l}=t,o=f(e,i);t.isElement&&o.push(...f(t.hostEl,i)),o.forEach((e=>{r(e,a)})),s.forEach(((e,s)=>{let l=e.progress;t.params.slidesPerGroup>1&&"auto"!==t.params.slidesPerView&&(l+=Math.ceil(s/2)-a*(n.length-1)),l=Math.min(Math.max(l,-1),1),e.querySelectorAll(`${i}, [data-swiper-parallax-rotate]`).forEach((e=>{r(e,l)}))}))};a("beforeInit",(()=>{t.params.parallax.enabled&&(t.params.watchSlidesProgress=!0,t.originalParams.watchSlidesProgress=!0)})),a("init",(()=>{t.params.parallax.enabled&&n()})),a("setTranslate",(()=>{t.params.parallax.enabled&&n()})),a("setTransition",((e,s)=>{t.params.parallax.enabled&&function(e){void 0===e&&(e=t.params.speed);const{el:s,hostEl:a}=t,r=[...s.querySelectorAll(i)];t.isElement&&r.push(...a.querySelectorAll(i)),r.forEach((t=>{let s=parseInt(t.getAttribute("data-swiper-parallax-duration"),10)||e;0===e&&(s=0),t.style.transitionDuration=`${s}ms`}))}(s)}))},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=r();s({zoom:{enabled:!1,limitToOriginalSize:!1,maxRatio:3,minRatio:1,panOnMouseMove:!1,toggle:!0,containerClass:"swiper-zoom-container",zoomedSlideClass:"swiper-slide-zoomed"}}),t.zoom={enabled:!1};let l=1,o=!1,c=!1,p={x:0,y:0};const u=-3;let m,h;const g=[],v={originX:0,originY:0,slideEl:void 0,slideWidth:void 0,slideHeight:void 0,imageEl:void 0,imageWrapEl:void 0,maxRatio:3},b={isTouched:void 0,isMoved:void 0,currentX:void 0,currentY:void 0,minX:void 0,minY:void 0,maxX:void 0,maxY:void 0,width:void 0,height:void 0,startX:void 0,startY:void 0,touchesStart:{},touchesCurrent:{}},y={x:void 0,y:void 0,prevPositionX:void 0,prevPositionY:void 0,prevTime:void 0};let x,S=1;function T(){if(g.length<2)return 1;const e=g[0].pageX,t=g[0].pageY,s=g[1].pageX,a=g[1].pageY;return Math.sqrt((s-e)**2+(a-t)**2)}function M(){const e=t.params.zoom,s=v.imageWrapEl.getAttribute("data-swiper-zoom")||e.maxRatio;if(e.limitToOriginalSize&&v.imageEl&&v.imageEl.naturalWidth){const e=v.imageEl.naturalWidth/v.imageEl.offsetWidth;return Math.min(e,s)}return s}function C(e){const s=t.isElement?"swiper-slide":`.${t.params.slideClass}`;return!!e.target.matches(s)||t.slides.filter((t=>t.contains(e.target))).length>0}function P(e){const s=`.${t.params.zoom.containerClass}`;return!!e.target.matches(s)||[...t.hostEl.querySelectorAll(s)].filter((t=>t.contains(e.target))).length>0}function L(e){if("mouse"===e.pointerType&&g.splice(0,g.length),!C(e))return;const s=t.params.zoom;if(m=!1,h=!1,g.push(e),!(g.length<2)){if(m=!0,v.scaleStart=T(),!v.slideEl){v.slideEl=e.target.closest(`.${t.params.slideClass}, swiper-slide`),v.slideEl||(v.slideEl=t.slides[t.activeIndex]);let a=v.slideEl.querySelector(`.${s.containerClass}`);if(a&&(a=a.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),v.imageEl=a,v.imageWrapEl=a?E(v.imageEl,`.${s.containerClass}`)[0]:void 0,!v.imageWrapEl)return void(v.imageEl=void 0);v.maxRatio=M()}if(v.imageEl){const[e,t]=function(){if(g.length<2)return{x:null,y:null};const e=v.imageEl.getBoundingClientRect();return[(g[0].pageX+(g[1].pageX-g[0].pageX)/2-e.x-n.scrollX)/l,(g[0].pageY+(g[1].pageY-g[0].pageY)/2-e.y-n.scrollY)/l]}();v.originX=e,v.originY=t,v.imageEl.style.transitionDuration="0ms"}o=!0}}function I(e){if(!C(e))return;const s=t.params.zoom,a=t.zoom,i=g.findIndex((t=>t.pointerId===e.pointerId));i>=0&&(g[i]=e),g.length<2||(h=!0,v.scaleMove=T(),v.imageEl&&(a.scale=v.scaleMove/v.scaleStart*l,a.scale>v.maxRatio&&(a.scale=v.maxRatio-1+(a.scale-v.maxRatio+1)**.5),a.scale<s.minRatio&&(a.scale=s.minRatio+1-(s.minRatio-a.scale+1)**.5),v.imageEl.style.transform=`translate3d(0,0,0) scale(${a.scale})`))}function z(e){if(!C(e))return;if("mouse"===e.pointerType&&"pointerout"===e.type)return;const s=t.params.zoom,a=t.zoom,i=g.findIndex((t=>t.pointerId===e.pointerId));i>=0&&g.splice(i,1),m&&h&&(m=!1,h=!1,v.imageEl&&(a.scale=Math.max(Math.min(a.scale,v.maxRatio),s.minRatio),v.imageEl.style.transitionDuration=`${t.params.speed}ms`,v.imageEl.style.transform=`translate3d(0,0,0) scale(${a.scale})`,l=a.scale,o=!1,a.scale>1&&v.slideEl?v.slideEl.classList.add(`${s.zoomedSlideClass}`):a.scale<=1&&v.slideEl&&v.slideEl.classList.remove(`${s.zoomedSlideClass}`),1===a.scale&&(v.originX=0,v.originY=0,v.slideEl=void 0)))}function A(){t.touchEventsData.preventTouchMoveFromPointerMove=!1}function $(e){const s="mouse"===e.pointerType&&t.params.zoom.panOnMouseMove;if(!C(e)||!P(e))return;const a=t.zoom;if(!v.imageEl)return;if(!b.isTouched||!v.slideEl)return void(s&&O(e));if(s)return void O(e);b.isMoved||(b.width=v.imageEl.offsetWidth||v.imageEl.clientWidth,b.height=v.imageEl.offsetHeight||v.imageEl.clientHeight,b.startX=d(v.imageWrapEl,"x")||0,b.startY=d(v.imageWrapEl,"y")||0,v.slideWidth=v.slideEl.offsetWidth,v.slideHeight=v.slideEl.offsetHeight,v.imageWrapEl.style.transitionDuration="0ms");const i=b.width*a.scale,r=b.height*a.scale;b.minX=Math.min(v.slideWidth/2-i/2,0),b.maxX=-b.minX,b.minY=Math.min(v.slideHeight/2-r/2,0),b.maxY=-b.minY,b.touchesCurrent.x=g.length>0?g[0].pageX:e.pageX,b.touchesCurrent.y=g.length>0?g[0].pageY:e.pageY;if(Math.max(Math.abs(b.touchesCurrent.x-b.touchesStart.x),Math.abs(b.touchesCurrent.y-b.touchesStart.y))>5&&(t.allowClick=!1),!b.isMoved&&!o){if(t.isHorizontal()&&(Math.floor(b.minX)===Math.floor(b.startX)&&b.touchesCurrent.x<b.touchesStart.x||Math.floor(b.maxX)===Math.floor(b.startX)&&b.touchesCurrent.x>b.touchesStart.x))return b.isTouched=!1,void A();if(!t.isHorizontal()&&(Math.floor(b.minY)===Math.floor(b.startY)&&b.touchesCurrent.y<b.touchesStart.y||Math.floor(b.maxY)===Math.floor(b.startY)&&b.touchesCurrent.y>b.touchesStart.y))return b.isTouched=!1,void A()}e.cancelable&&e.preventDefault(),e.stopPropagation(),clearTimeout(x),t.touchEventsData.preventTouchMoveFromPointerMove=!0,x=setTimeout((()=>{t.destroyed||A()})),b.isMoved=!0;const n=(a.scale-l)/(v.maxRatio-t.params.zoom.minRatio),{originX:c,originY:p}=v;b.currentX=b.touchesCurrent.x-b.touchesStart.x+b.startX+n*(b.width-2*c),b.currentY=b.touchesCurrent.y-b.touchesStart.y+b.startY+n*(b.height-2*p),b.currentX<b.minX&&(b.currentX=b.minX+1-(b.minX-b.currentX+1)**.8),b.currentX>b.maxX&&(b.currentX=b.maxX-1+(b.currentX-b.maxX+1)**.8),b.currentY<b.minY&&(b.currentY=b.minY+1-(b.minY-b.currentY+1)**.8),b.currentY>b.maxY&&(b.currentY=b.maxY-1+(b.currentY-b.maxY+1)**.8),y.prevPositionX||(y.prevPositionX=b.touchesCurrent.x),y.prevPositionY||(y.prevPositionY=b.touchesCurrent.y),y.prevTime||(y.prevTime=Date.now()),y.x=(b.touchesCurrent.x-y.prevPositionX)/(Date.now()-y.prevTime)/2,y.y=(b.touchesCurrent.y-y.prevPositionY)/(Date.now()-y.prevTime)/2,Math.abs(b.touchesCurrent.x-y.prevPositionX)<2&&(y.x=0),Math.abs(b.touchesCurrent.y-y.prevPositionY)<2&&(y.y=0),y.prevPositionX=b.touchesCurrent.x,y.prevPositionY=b.touchesCurrent.y,y.prevTime=Date.now(),v.imageWrapEl.style.transform=`translate3d(${b.currentX}px, ${b.currentY}px,0)`}function k(){const e=t.zoom;v.slideEl&&t.activeIndex!==t.slides.indexOf(v.slideEl)&&(v.imageEl&&(v.imageEl.style.transform="translate3d(0,0,0) scale(1)"),v.imageWrapEl&&(v.imageWrapEl.style.transform="translate3d(0,0,0)"),v.slideEl.classList.remove(`${t.params.zoom.zoomedSlideClass}`),e.scale=1,l=1,v.slideEl=void 0,v.imageEl=void 0,v.imageWrapEl=void 0,v.originX=0,v.originY=0)}function O(e){if(l<=1||!v.imageWrapEl)return;if(!C(e)||!P(e))return;const t=n.getComputedStyle(v.imageWrapEl).transform,s=new n.DOMMatrix(t);if(!c)return c=!0,p.x=e.clientX,p.y=e.clientY,b.startX=s.e,b.startY=s.f,b.width=v.imageEl.offsetWidth||v.imageEl.clientWidth,b.height=v.imageEl.offsetHeight||v.imageEl.clientHeight,v.slideWidth=v.slideEl.offsetWidth,void(v.slideHeight=v.slideEl.offsetHeight);const a=(e.clientX-p.x)*u,i=(e.clientY-p.y)*u,r=b.width*l,o=b.height*l,d=v.slideWidth,m=v.slideHeight,h=Math.min(d/2-r/2,0),f=-h,g=Math.min(m/2-o/2,0),w=-g,y=Math.max(Math.min(b.startX+a,f),h),E=Math.max(Math.min(b.startY+i,w),g);v.imageWrapEl.style.transitionDuration="0ms",v.imageWrapEl.style.transform=`translate3d(${y}px, ${E}px, 0)`,p.x=e.clientX,p.y=e.clientY,b.startX=y,b.startY=E,b.currentX=y,b.currentY=E}function D(e){const s=t.zoom,a=t.params.zoom;if(!v.slideEl){e&&e.target&&(v.slideEl=e.target.closest(`.${t.params.slideClass}, swiper-slide`)),v.slideEl||(t.params.virtual&&t.params.virtual.enabled&&t.virtual?v.slideEl=f(t.slidesEl,`.${t.params.slideActiveClass}`)[0]:v.slideEl=t.slides[t.activeIndex]);let s=v.slideEl.querySelector(`.${a.containerClass}`);s&&(s=s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),v.imageEl=s,v.imageWrapEl=s?E(v.imageEl,`.${a.containerClass}`)[0]:void 0}if(!v.imageEl||!v.imageWrapEl)return;let i,r,o,d,c,p,u,m,h,g,y,x,S,T,C,P,L,I;t.params.cssMode&&(t.wrapperEl.style.overflow="hidden",t.wrapperEl.style.touchAction="none"),v.slideEl.classList.add(`${a.zoomedSlideClass}`),void 0===b.touchesStart.x&&e?(i=e.pageX,r=e.pageY):(i=b.touchesStart.x,r=b.touchesStart.y);const z=l,A="number"==typeof e?e:null;1===l&&A&&(i=void 0,r=void 0,b.touchesStart.x=void 0,b.touchesStart.y=void 0);const $=M();s.scale=A||$,l=A||$,!e||1===l&&A?(u=0,m=0):(L=v.slideEl.offsetWidth,I=v.slideEl.offsetHeight,o=w(v.slideEl).left+n.scrollX,d=w(v.slideEl).top+n.scrollY,c=o+L/2-i,p=d+I/2-r,h=v.imageEl.offsetWidth||v.imageEl.clientWidth,g=v.imageEl.offsetHeight||v.imageEl.clientHeight,y=h*s.scale,x=g*s.scale,S=Math.min(L/2-y/2,0),T=Math.min(I/2-x/2,0),C=-S,P=-T,z>0&&A&&"number"==typeof b.currentX&&"number"==typeof b.currentY?(u=b.currentX*s.scale/z,m=b.currentY*s.scale/z):(u=c*s.scale,m=p*s.scale),u<S&&(u=S),u>C&&(u=C),m<T&&(m=T),m>P&&(m=P)),A&&1===s.scale&&(v.originX=0,v.originY=0),b.currentX=u,b.currentY=m,v.imageWrapEl.style.transitionDuration="300ms",v.imageWrapEl.style.transform=`translate3d(${u}px, ${m}px,0)`,v.imageEl.style.transitionDuration="300ms",v.imageEl.style.transform=`translate3d(0,0,0) scale(${s.scale})`}function G(){const e=t.zoom,s=t.params.zoom;if(!v.slideEl){t.params.virtual&&t.params.virtual.enabled&&t.virtual?v.slideEl=f(t.slidesEl,`.${t.params.slideActiveClass}`)[0]:v.slideEl=t.slides[t.activeIndex];let e=v.slideEl.querySelector(`.${s.containerClass}`);e&&(e=e.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),v.imageEl=e,v.imageWrapEl=e?E(v.imageEl,`.${s.containerClass}`)[0]:void 0}v.imageEl&&v.imageWrapEl&&(t.params.cssMode&&(t.wrapperEl.style.overflow="",t.wrapperEl.style.touchAction=""),e.scale=1,l=1,b.currentX=void 0,b.currentY=void 0,b.touchesStart.x=void 0,b.touchesStart.y=void 0,v.imageWrapEl.style.transitionDuration="300ms",v.imageWrapEl.style.transform="translate3d(0,0,0)",v.imageEl.style.transitionDuration="300ms",v.imageEl.style.transform="translate3d(0,0,0) scale(1)",v.slideEl.classList.remove(`${s.zoomedSlideClass}`),v.slideEl=void 0,v.originX=0,v.originY=0,t.params.zoom.panOnMouseMove&&(p={x:0,y:0},c&&(c=!1,b.startX=0,b.startY=0)))}function X(e){const s=t.zoom;s.scale&&1!==s.scale?G():D(e)}function Y(){return{passiveListener:!!t.params.passiveListeners&&{passive:!0,capture:!1},activeListenerWithCapture:!t.params.passiveListeners||{passive:!1,capture:!0}}}function B(){const e=t.zoom;if(e.enabled)return;e.enabled=!0;const{passiveListener:s,activeListenerWithCapture:a}=Y();t.wrapperEl.addEventListener("pointerdown",L,s),t.wrapperEl.addEventListener("pointermove",I,a),["pointerup","pointercancel","pointerout"].forEach((e=>{t.wrapperEl.addEventListener(e,z,s)})),t.wrapperEl.addEventListener("pointermove",$,a)}function H(){const e=t.zoom;if(!e.enabled)return;e.enabled=!1;const{passiveListener:s,activeListenerWithCapture:a}=Y();t.wrapperEl.removeEventListener("pointerdown",L,s),t.wrapperEl.removeEventListener("pointermove",I,a),["pointerup","pointercancel","pointerout"].forEach((e=>{t.wrapperEl.removeEventListener(e,z,s)})),t.wrapperEl.removeEventListener("pointermove",$,a)}Object.defineProperty(t.zoom,"scale",{get:()=>S,set(e){if(S!==e){const t=v.imageEl,s=v.slideEl;i("zoomChange",e,t,s)}S=e}}),a("init",(()=>{t.params.zoom.enabled&&B()})),a("destroy",(()=>{H()})),a("touchStart",((e,s)=>{t.zoom.enabled&&function(e){const s=t.device;if(!v.imageEl)return;if(b.isTouched)return;s.android&&e.cancelable&&e.preventDefault(),b.isTouched=!0;const a=g.length>0?g[0]:e;b.touchesStart.x=a.pageX,b.touchesStart.y=a.pageY}(s)})),a("touchEnd",((e,s)=>{t.zoom.enabled&&function(){const e=t.zoom;if(g.length=0,!v.imageEl)return;if(!b.isTouched||!b.isMoved)return b.isTouched=!1,void(b.isMoved=!1);b.isTouched=!1,b.isMoved=!1;let s=300,a=300;const i=y.x*s,r=b.currentX+i,n=y.y*a,l=b.currentY+n;0!==y.x&&(s=Math.abs((r-b.currentX)/y.x)),0!==y.y&&(a=Math.abs((l-b.currentY)/y.y));const o=Math.max(s,a);b.currentX=r,b.currentY=l;const d=b.width*e.scale,c=b.height*e.scale;b.minX=Math.min(v.slideWidth/2-d/2,0),b.maxX=-b.minX,b.minY=Math.min(v.slideHeight/2-c/2,0),b.maxY=-b.minY,b.currentX=Math.max(Math.min(b.currentX,b.maxX),b.minX),b.currentY=Math.max(Math.min(b.currentY,b.maxY),b.minY),v.imageWrapEl.style.transitionDuration=`${o}ms`,v.imageWrapEl.style.transform=`translate3d(${b.currentX}px, ${b.currentY}px,0)`}()})),a("doubleTap",((e,s)=>{!t.animating&&t.params.zoom.enabled&&t.zoom.enabled&&t.params.zoom.toggle&&X(s)})),a("transitionEnd",(()=>{t.zoom.enabled&&t.params.zoom.enabled&&k()})),a("slideChange",(()=>{t.zoom.enabled&&t.params.zoom.enabled&&t.params.cssMode&&k()})),Object.assign(t.zoom,{enable:B,disable:H,in:D,out:G,toggle:X})},function(e){let{swiper:t,extendParams:s,on:a}=e;function i(e,t){const s=function(){let e,t,s;return(a,i)=>{for(t=-1,e=a.length;e-t>1;)s=e+t>>1,a[s]<=i?t=s:e=s;return e}}();let a,i;return this.x=e,this.y=t,this.lastIndex=e.length-1,this.interpolate=function(e){return e?(i=s(this.x,e),a=i-1,(e-this.x[a])*(this.y[i]-this.y[a])/(this.x[i]-this.x[a])+this.y[a]):0},this}function r(){t.controller.control&&t.controller.spline&&(t.controller.spline=void 0,delete t.controller.spline)}s({controller:{control:void 0,inverse:!1,by:"slide"}}),t.controller={control:void 0},a("beforeInit",(()=>{if("undefined"!=typeof window&&("string"==typeof t.params.controller.control||t.params.controller.control instanceof HTMLElement)){("string"==typeof t.params.controller.control?[...document.querySelectorAll(t.params.controller.control)]:[t.params.controller.control]).forEach((e=>{if(t.controller.control||(t.controller.control=[]),e&&e.swiper)t.controller.control.push(e.swiper);else if(e){const s=`${t.params.eventsPrefix}init`,a=i=>{t.controller.control.push(i.detail[0]),t.update(),e.removeEventListener(s,a)};e.addEventListener(s,a)}}))}else t.controller.control=t.params.controller.control})),a("update",(()=>{r()})),a("resize",(()=>{r()})),a("observerUpdate",(()=>{r()})),a("setTranslate",((e,s,a)=>{t.controller.control&&!t.controller.control.destroyed&&t.controller.setTranslate(s,a)})),a("setTransition",((e,s,a)=>{t.controller.control&&!t.controller.control.destroyed&&t.controller.setTransition(s,a)})),Object.assign(t.controller,{setTranslate:function(e,s){const a=t.controller.control;let r,n;const l=t.constructor;function o(e){if(e.destroyed)return;const s=t.rtlTranslate?-t.translate:t.translate;"slide"===t.params.controller.by&&(!function(e){t.controller.spline=t.params.loop?new i(t.slidesGrid,e.slidesGrid):new i(t.snapGrid,e.snapGrid)}(e),n=-t.controller.spline.interpolate(-s)),n&&"container"!==t.params.controller.by||(r=(e.maxTranslate()-e.minTranslate())/(t.maxTranslate()-t.minTranslate()),!Number.isNaN(r)&&Number.isFinite(r)||(r=1),n=(s-t.minTranslate())*r+e.minTranslate()),t.params.controller.inverse&&(n=e.maxTranslate()-n),e.updateProgress(n),e.setTranslate(n,t),e.updateActiveIndex(),e.updateSlidesClasses()}if(Array.isArray(a))for(let e=0;e<a.length;e+=1)a[e]!==s&&a[e]instanceof l&&o(a[e]);else a instanceof l&&s!==a&&o(a)},setTransition:function(e,s){const a=t.constructor,i=t.controller.control;let r;function n(s){s.destroyed||(s.setTransition(e,t),0!==e&&(s.transitionStart(),s.params.autoHeight&&l((()=>{s.updateAutoHeight()})),x(s.wrapperEl,(()=>{i&&s.transitionEnd()}))))}if(Array.isArray(i))for(r=0;r<i.length;r+=1)i[r]!==s&&i[r]instanceof a&&n(i[r]);else i instanceof a&&s!==i&&n(i)}})},function(e){let{swiper:t,extendParams:s,on:i}=e;s({a11y:{enabled:!0,notificationClass:"swiper-notification",prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide",paginationBulletMessage:"Go to slide {{index}}",slideLabelMessage:"{{index}} / {{slidesLength}}",containerMessage:null,containerRoleDescriptionMessage:null,containerRole:null,itemRoleDescriptionMessage:null,slideRole:"group",id:null,scrollOnFocus:!0}}),t.a11y={clicked:!1};let r,n,l=null,o=(new Date).getTime();function d(e){const t=l;0!==t.length&&C(t,e)}function c(e){(e=T(e)).forEach((e=>{e.setAttribute("tabIndex","0")}))}function p(e){(e=T(e)).forEach((e=>{e.setAttribute("tabIndex","-1")}))}function u(e,t){(e=T(e)).forEach((e=>{e.setAttribute("role",t)}))}function m(e,t){(e=T(e)).forEach((e=>{e.setAttribute("aria-roledescription",t)}))}function h(e,t){(e=T(e)).forEach((e=>{e.setAttribute("aria-label",t)}))}function f(e){(e=T(e)).forEach((e=>{e.setAttribute("aria-disabled",!0)}))}function g(e){(e=T(e)).forEach((e=>{e.setAttribute("aria-disabled",!1)}))}function w(e){if(13!==e.keyCode&&32!==e.keyCode)return;const s=t.params.a11y,a=e.target;if(!t.pagination||!t.pagination.el||a!==t.pagination.el&&!t.pagination.el.contains(e.target)||e.target.matches(le(t.params.pagination.bulletClass))){if(t.navigation&&t.navigation.prevEl&&t.navigation.nextEl){const e=T(t.navigation.prevEl);T(t.navigation.nextEl).includes(a)&&(t.isEnd&&!t.params.loop||t.slideNext(),t.isEnd?d(s.lastSlideMessage):d(s.nextSlideMessage)),e.includes(a)&&(t.isBeginning&&!t.params.loop||t.slidePrev(),t.isBeginning?d(s.firstSlideMessage):d(s.prevSlideMessage))}t.pagination&&a.matches(le(t.params.pagination.bulletClass))&&a.click()}}function b(){return t.pagination&&t.pagination.bullets&&t.pagination.bullets.length}function E(){return b()&&t.params.pagination.clickable}const x=(e,t,s)=>{c(e),"BUTTON"!==e.tagName&&(u(e,"button"),e.addEventListener("keydown",w)),h(e,s),function(e,t){(e=T(e)).forEach((e=>{e.setAttribute("aria-controls",t)}))}(e,t)},S=e=>{n&&n!==e.target&&!n.contains(e.target)&&(r=!0),t.a11y.clicked=!0},M=()=>{r=!1,requestAnimationFrame((()=>{requestAnimationFrame((()=>{t.destroyed||(t.a11y.clicked=!1)}))}))},P=e=>{o=(new Date).getTime()},L=e=>{if(t.a11y.clicked||!t.params.a11y.scrollOnFocus)return;if((new Date).getTime()-o<100)return;const s=e.target.closest(`.${t.params.slideClass}, swiper-slide`);if(!s||!t.slides.includes(s))return;n=s;const a=t.slides.indexOf(s)===t.activeIndex,i=t.params.watchSlidesProgress&&t.visibleSlides&&t.visibleSlides.includes(s);a||i||e.sourceCapabilities&&e.sourceCapabilities.firesTouchEvents||(t.isHorizontal()?t.el.scrollLeft=0:t.el.scrollTop=0,requestAnimationFrame((()=>{r||(t.params.loop?t.slideToLoop(t.getSlideIndexWhenGrid(parseInt(s.getAttribute("data-swiper-slide-index"))),0):t.slideTo(t.getSlideIndexWhenGrid(t.slides.indexOf(s)),0),r=!1)})))},I=()=>{const e=t.params.a11y;e.itemRoleDescriptionMessage&&m(t.slides,e.itemRoleDescriptionMessage),e.slideRole&&u(t.slides,e.slideRole);const s=t.slides.length;e.slideLabelMessage&&t.slides.forEach(((a,i)=>{const r=t.params.loop?parseInt(a.getAttribute("data-swiper-slide-index"),10):i;h(a,e.slideLabelMessage.replace(/\{\{index\}\}/,r+1).replace(/\{\{slidesLength\}\}/,s))}))},z=()=>{const e=t.params.a11y;t.el.append(l);const s=t.el;e.containerRoleDescriptionMessage&&m(s,e.containerRoleDescriptionMessage),e.containerMessage&&h(s,e.containerMessage),e.containerRole&&u(s,e.containerRole);const i=t.wrapperEl,r=e.id||i.getAttribute("id")||`swiper-wrapper-${n=16,void 0===n&&(n=16),"x".repeat(n).replace(/x/g,(()=>Math.round(16*Math.random()).toString(16)))}`;var n;const o=t.params.autoplay&&t.params.autoplay.enabled?"off":"polite";var d;d=r,T(i).forEach((e=>{e.setAttribute("id",d)})),function(e,t){(e=T(e)).forEach((e=>{e.setAttribute("aria-live",t)}))}(i,o),I();let{nextEl:c,prevEl:p}=t.navigation?t.navigation:{};if(c=T(c),p=T(p),c&&c.forEach((t=>x(t,r,e.nextSlideMessage))),p&&p.forEach((t=>x(t,r,e.prevSlideMessage))),E()){T(t.pagination.el).forEach((e=>{e.addEventListener("keydown",w)}))}a().addEventListener("visibilitychange",P),t.el.addEventListener("focus",L,!0),t.el.addEventListener("focus",L,!0),t.el.addEventListener("pointerdown",S,!0),t.el.addEventListener("pointerup",M,!0)};i("beforeInit",(()=>{l=v("span",t.params.a11y.notificationClass),l.setAttribute("aria-live","assertive"),l.setAttribute("aria-atomic","true")})),i("afterInit",(()=>{t.params.a11y.enabled&&z()})),i("slidesLengthChange snapGridLengthChange slidesGridLengthChange",(()=>{t.params.a11y.enabled&&I()})),i("fromEdge toEdge afterInit lock unlock",(()=>{t.params.a11y.enabled&&function(){if(t.params.loop||t.params.rewind||!t.navigation)return;const{nextEl:e,prevEl:s}=t.navigation;s&&(t.isBeginning?(f(s),p(s)):(g(s),c(s))),e&&(t.isEnd?(f(e),p(e)):(g(e),c(e)))}()})),i("paginationUpdate",(()=>{t.params.a11y.enabled&&function(){const e=t.params.a11y;b()&&t.pagination.bullets.forEach((s=>{t.params.pagination.clickable&&(c(s),t.params.pagination.renderBullet||(u(s,"button"),h(s,e.paginationBulletMessage.replace(/\{\{index\}\}/,y(s)+1)))),s.matches(le(t.params.pagination.bulletActiveClass))?s.setAttribute("aria-current","true"):s.removeAttribute("aria-current")}))}()})),i("destroy",(()=>{t.params.a11y.enabled&&function(){l&&l.remove();let{nextEl:e,prevEl:s}=t.navigation?t.navigation:{};e=T(e),s=T(s),e&&e.forEach((e=>e.removeEventListener("keydown",w))),s&&s.forEach((e=>e.removeEventListener("keydown",w))),E()&&T(t.pagination.el).forEach((e=>{e.removeEventListener("keydown",w)}));a().removeEventListener("visibilitychange",P),t.el&&"string"!=typeof t.el&&(t.el.removeEventListener("focus",L,!0),t.el.removeEventListener("pointerdown",S,!0),t.el.removeEventListener("pointerup",M,!0))}()}))},function(e){let{swiper:t,extendParams:s,on:a}=e;s({history:{enabled:!1,root:"",replaceState:!1,key:"slides",keepQuery:!1}});let i=!1,n={};const l=e=>e.toString().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,""),o=e=>{const t=r();let s;s=e?new URL(e):t.location;const a=s.pathname.slice(1).split("/").filter((e=>""!==e)),i=a.length;return{key:a[i-2],value:a[i-1]}},d=(e,s)=>{const a=r();if(!i||!t.params.history.enabled)return;let n;n=t.params.url?new URL(t.params.url):a.location;const o=t.virtual&&t.params.virtual.enabled?t.slidesEl.querySelector(`[data-swiper-slide-index="${s}"]`):t.slides[s];let d=l(o.getAttribute("data-history"));if(t.params.history.root.length>0){let s=t.params.history.root;"/"===s[s.length-1]&&(s=s.slice(0,s.length-1)),d=`${s}/${e?`${e}/`:""}${d}`}else n.pathname.includes(e)||(d=`${e?`${e}/`:""}${d}`);t.params.history.keepQuery&&(d+=n.search);const c=a.history.state;c&&c.value===d||(t.params.history.replaceState?a.history.replaceState({value:d},null,d):a.history.pushState({value:d},null,d))},c=(e,s,a)=>{if(s)for(let i=0,r=t.slides.length;i<r;i+=1){const r=t.slides[i];if(l(r.getAttribute("data-history"))===s){const s=t.getSlideIndex(r);t.slideTo(s,e,a)}}else t.slideTo(0,e,a)},p=()=>{n=o(t.params.url),c(t.params.speed,n.value,!1)};a("init",(()=>{t.params.history.enabled&&(()=>{const e=r();if(t.params.history){if(!e.history||!e.history.pushState)return t.params.history.enabled=!1,void(t.params.hashNavigation.enabled=!0);i=!0,n=o(t.params.url),n.key||n.value?(c(0,n.value,t.params.runCallbacksOnInit),t.params.history.replaceState||e.addEventListener("popstate",p)):t.params.history.replaceState||e.addEventListener("popstate",p)}})()})),a("destroy",(()=>{t.params.history.enabled&&(()=>{const e=r();t.params.history.replaceState||e.removeEventListener("popstate",p)})()})),a("transitionEnd _freeModeNoMomentumRelease",(()=>{i&&d(t.params.history.key,t.activeIndex)})),a("slideChange",(()=>{i&&t.params.cssMode&&d(t.params.history.key,t.activeIndex)}))},function(e){let{swiper:t,extendParams:s,emit:i,on:n}=e,l=!1;const o=a(),d=r();s({hashNavigation:{enabled:!1,replaceState:!1,watchState:!1,getSlideIndex(e,s){if(t.virtual&&t.params.virtual.enabled){const e=t.slides.find((e=>e.getAttribute("data-hash")===s));if(!e)return 0;return parseInt(e.getAttribute("data-swiper-slide-index"),10)}return t.getSlideIndex(f(t.slidesEl,`.${t.params.slideClass}[data-hash="${s}"], swiper-slide[data-hash="${s}"]`)[0])}}});const c=()=>{i("hashChange");const e=o.location.hash.replace("#",""),s=t.virtual&&t.params.virtual.enabled?t.slidesEl.querySelector(`[data-swiper-slide-index="${t.activeIndex}"]`):t.slides[t.activeIndex];if(e!==(s?s.getAttribute("data-hash"):"")){const s=t.params.hashNavigation.getSlideIndex(t,e);if(void 0===s||Number.isNaN(s))return;t.slideTo(s)}},p=()=>{if(!l||!t.params.hashNavigation.enabled)return;const e=t.virtual&&t.params.virtual.enabled?t.slidesEl.querySelector(`[data-swiper-slide-index="${t.activeIndex}"]`):t.slides[t.activeIndex],s=e?e.getAttribute("data-hash")||e.getAttribute("data-history"):"";t.params.hashNavigation.replaceState&&d.history&&d.history.replaceState?(d.history.replaceState(null,null,`#${s}`||""),i("hashSet")):(o.location.hash=s||"",i("hashSet"))};n("init",(()=>{t.params.hashNavigation.enabled&&(()=>{if(!t.params.hashNavigation.enabled||t.params.history&&t.params.history.enabled)return;l=!0;const e=o.location.hash.replace("#","");if(e){const s=0,a=t.params.hashNavigation.getSlideIndex(t,e);t.slideTo(a||0,s,t.params.runCallbacksOnInit,!0)}t.params.hashNavigation.watchState&&d.addEventListener("hashchange",c)})()})),n("destroy",(()=>{t.params.hashNavigation.enabled&&t.params.hashNavigation.watchState&&d.removeEventListener("hashchange",c)})),n("transitionEnd _freeModeNoMomentumRelease",(()=>{l&&p()})),n("slideChange",(()=>{l&&t.params.cssMode&&p()}))},function(e){let t,s,{swiper:i,extendParams:r,on:n,emit:l,params:o}=e;i.autoplay={running:!1,paused:!1,timeLeft:0},r({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let d,c,p,u,m,h,f,g,v=o&&o.autoplay?o.autoplay.delay:3e3,w=o&&o.autoplay?o.autoplay.delay:3e3,b=(new Date).getTime();function y(e){i&&!i.destroyed&&i.wrapperEl&&e.target===i.wrapperEl&&(i.wrapperEl.removeEventListener("transitionend",y),g||e.detail&&e.detail.bySwiperTouchMove||C())}const E=()=>{if(i.destroyed||!i.autoplay.running)return;i.autoplay.paused?c=!0:c&&(w=d,c=!1);const e=i.autoplay.paused?d:b+w-(new Date).getTime();i.autoplay.timeLeft=e,l("autoplayTimeLeft",e,e/v),s=requestAnimationFrame((()=>{E()}))},x=e=>{if(i.destroyed||!i.autoplay.running)return;cancelAnimationFrame(s),E();let a=void 0===e?i.params.autoplay.delay:e;v=i.params.autoplay.delay,w=i.params.autoplay.delay;const r=(()=>{let e;if(e=i.virtual&&i.params.virtual.enabled?i.slides.find((e=>e.classList.contains("swiper-slide-active"))):i.slides[i.activeIndex],!e)return;return parseInt(e.getAttribute("data-swiper-autoplay"),10)})();!Number.isNaN(r)&&r>0&&void 0===e&&(a=r,v=r,w=r),d=a;const n=i.params.speed,o=()=>{i&&!i.destroyed&&(i.params.autoplay.reverseDirection?!i.isBeginning||i.params.loop||i.params.rewind?(i.slidePrev(n,!0,!0),l("autoplay")):i.params.autoplay.stopOnLastSlide||(i.slideTo(i.slides.length-1,n,!0,!0),l("autoplay")):!i.isEnd||i.params.loop||i.params.rewind?(i.slideNext(n,!0,!0),l("autoplay")):i.params.autoplay.stopOnLastSlide||(i.slideTo(0,n,!0,!0),l("autoplay")),i.params.cssMode&&(b=(new Date).getTime(),requestAnimationFrame((()=>{x()}))))};return a>0?(clearTimeout(t),t=setTimeout((()=>{o()}),a)):requestAnimationFrame((()=>{o()})),a},S=()=>{b=(new Date).getTime(),i.autoplay.running=!0,x(),l("autoplayStart")},T=()=>{i.autoplay.running=!1,clearTimeout(t),cancelAnimationFrame(s),l("autoplayStop")},M=(e,s)=>{if(i.destroyed||!i.autoplay.running)return;clearTimeout(t),e||(f=!0);const a=()=>{l("autoplayPause"),i.params.autoplay.waitForTransition?i.wrapperEl.addEventListener("transitionend",y):C()};if(i.autoplay.paused=!0,s)return h&&(d=i.params.autoplay.delay),h=!1,void a();const r=d||i.params.autoplay.delay;d=r-((new Date).getTime()-b),i.isEnd&&d<0&&!i.params.loop||(d<0&&(d=0),a())},C=()=>{i.isEnd&&d<0&&!i.params.loop||i.destroyed||!i.autoplay.running||(b=(new Date).getTime(),f?(f=!1,x(d)):x(),i.autoplay.paused=!1,l("autoplayResume"))},P=()=>{if(i.destroyed||!i.autoplay.running)return;const e=a();"hidden"===e.visibilityState&&(f=!0,M(!0)),"visible"===e.visibilityState&&C()},L=e=>{"mouse"===e.pointerType&&(f=!0,g=!0,i.animating||i.autoplay.paused||M(!0))},I=e=>{"mouse"===e.pointerType&&(g=!1,i.autoplay.paused&&C())};n("init",(()=>{i.params.autoplay.enabled&&(i.params.autoplay.pauseOnMouseEnter&&(i.el.addEventListener("pointerenter",L),i.el.addEventListener("pointerleave",I)),a().addEventListener("visibilitychange",P),S())})),n("destroy",(()=>{i.el&&"string"!=typeof i.el&&(i.el.removeEventListener("pointerenter",L),i.el.removeEventListener("pointerleave",I)),a().removeEventListener("visibilitychange",P),i.autoplay.running&&T()})),n("_freeModeStaticRelease",(()=>{(u||f)&&C()})),n("_freeModeNoMomentumRelease",(()=>{i.params.autoplay.disableOnInteraction?T():M(!0,!0)})),n("beforeTransitionStart",((e,t,s)=>{!i.destroyed&&i.autoplay.running&&(s||!i.params.autoplay.disableOnInteraction?M(!0,!0):T())})),n("sliderFirstMove",(()=>{!i.destroyed&&i.autoplay.running&&(i.params.autoplay.disableOnInteraction?T():(p=!0,u=!1,f=!1,m=setTimeout((()=>{f=!0,u=!0,M(!0)}),200)))})),n("touchEnd",(()=>{if(!i.destroyed&&i.autoplay.running&&p){if(clearTimeout(m),clearTimeout(t),i.params.autoplay.disableOnInteraction)return u=!1,void(p=!1);u&&i.params.cssMode&&C(),u=!1,p=!1}})),n("slideChange",(()=>{!i.destroyed&&i.autoplay.running&&(h=!0)})),Object.assign(i.autoplay,{start:S,stop:T,pause:M,resume:C})},function(e){let{swiper:t,extendParams:s,on:i}=e;s({thumbs:{swiper:null,multipleActiveThumbs:!0,autoScrollOffset:0,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-thumbs"}});let r=!1,n=!1;function l(){const e=t.thumbs.swiper;if(!e||e.destroyed)return;const s=e.clickedIndex,a=e.clickedSlide;if(a&&a.classList.contains(t.params.thumbs.slideThumbActiveClass))return;if(null==s)return;let i;i=e.params.loop?parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"),10):s,t.params.loop?t.slideToLoop(i):t.slideTo(i)}function o(){const{thumbs:e}=t.params;if(r)return!1;r=!0;const s=t.constructor;if(e.swiper instanceof s){if(e.swiper.destroyed)return r=!1,!1;t.thumbs.swiper=e.swiper,Object.assign(t.thumbs.swiper.originalParams,{watchSlidesProgress:!0,slideToClickedSlide:!1}),Object.assign(t.thumbs.swiper.params,{watchSlidesProgress:!0,slideToClickedSlide:!1}),t.thumbs.swiper.update()}else if(c(e.swiper)){const a=Object.assign({},e.swiper);Object.assign(a,{watchSlidesProgress:!0,slideToClickedSlide:!1}),t.thumbs.swiper=new s(a),n=!0}return t.thumbs.swiper.el.classList.add(t.params.thumbs.thumbsContainerClass),t.thumbs.swiper.on("tap",l),!0}function d(e){const s=t.thumbs.swiper;if(!s||s.destroyed)return;const a="auto"===s.params.slidesPerView?s.slidesPerViewDynamic():s.params.slidesPerView;let i=1;const r=t.params.thumbs.slideThumbActiveClass;if(t.params.slidesPerView>1&&!t.params.centeredSlides&&(i=t.params.slidesPerView),t.params.thumbs.multipleActiveThumbs||(i=1),i=Math.floor(i),s.slides.forEach((e=>e.classList.remove(r))),s.params.loop||s.params.virtual&&s.params.virtual.enabled)for(let e=0;e<i;e+=1)f(s.slidesEl,`[data-swiper-slide-index="${t.realIndex+e}"]`).forEach((e=>{e.classList.add(r)}));else for(let e=0;e<i;e+=1)s.slides[t.realIndex+e]&&s.slides[t.realIndex+e].classList.add(r);const n=t.params.thumbs.autoScrollOffset,l=n&&!s.params.loop;if(t.realIndex!==s.realIndex||l){const i=s.activeIndex;let r,o;if(s.params.loop){const e=s.slides.find((e=>e.getAttribute("data-swiper-slide-index")===`${t.realIndex}`));r=s.slides.indexOf(e),o=t.activeIndex>t.previousIndex?"next":"prev"}else r=t.realIndex,o=r>t.previousIndex?"next":"prev";l&&(r+="next"===o?n:-1*n),s.visibleSlidesIndexes&&s.visibleSlidesIndexes.indexOf(r)<0&&(s.params.centeredSlides?r=r>i?r-Math.floor(a/2)+1:r+Math.floor(a/2)-1:r>i&&s.params.slidesPerGroup,s.slideTo(r,e?0:void 0))}}t.thumbs={swiper:null},i("beforeInit",(()=>{const{thumbs:e}=t.params;if(e&&e.swiper)if("string"==typeof e.swiper||e.swiper instanceof HTMLElement){const s=a(),i=()=>{const a="string"==typeof e.swiper?s.querySelector(e.swiper):e.swiper;if(a&&a.swiper)e.swiper=a.swiper,o(),d(!0);else if(a){const s=`${t.params.eventsPrefix}init`,i=r=>{e.swiper=r.detail[0],a.removeEventListener(s,i),o(),d(!0),e.swiper.update(),t.update()};a.addEventListener(s,i)}return a},r=()=>{if(t.destroyed)return;i()||requestAnimationFrame(r)};requestAnimationFrame(r)}else o(),d(!0)})),i("slideChange update resize observerUpdate",(()=>{d()})),i("setTransition",((e,s)=>{const a=t.thumbs.swiper;a&&!a.destroyed&&a.setTransition(s)})),i("beforeDestroy",(()=>{const e=t.thumbs.swiper;e&&!e.destroyed&&n&&e.destroy()})),Object.assign(t.thumbs,{init:o,update:d})},function(e){let{swiper:t,extendParams:s,emit:a,once:i}=e;s({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}}),Object.assign(t,{freeMode:{onTouchStart:function(){if(t.params.cssMode)return;const e=t.getTranslate();t.setTranslate(e),t.setTransition(0),t.touchEventsData.velocities.length=0,t.freeMode.onTouchEnd({currentPos:t.rtl?t.translate:-t.translate})},onTouchMove:function(){if(t.params.cssMode)return;const{touchEventsData:e,touches:s}=t;0===e.velocities.length&&e.velocities.push({position:s[t.isHorizontal()?"startX":"startY"],time:e.touchStartTime}),e.velocities.push({position:s[t.isHorizontal()?"currentX":"currentY"],time:o()})},onTouchEnd:function(e){let{currentPos:s}=e;if(t.params.cssMode)return;const{params:r,wrapperEl:n,rtlTranslate:l,snapGrid:d,touchEventsData:c}=t,p=o()-c.touchStartTime;if(s<-t.minTranslate())t.slideTo(t.activeIndex);else if(s>-t.maxTranslate())t.slides.length<d.length?t.slideTo(d.length-1):t.slideTo(t.slides.length-1);else{if(r.freeMode.momentum){if(c.velocities.length>1){const e=c.velocities.pop(),s=c.velocities.pop(),a=e.position-s.position,i=e.time-s.time;t.velocity=a/i,t.velocity/=2,Math.abs(t.velocity)<r.freeMode.minimumVelocity&&(t.velocity=0),(i>150||o()-e.time>300)&&(t.velocity=0)}else t.velocity=0;t.velocity*=r.freeMode.momentumVelocityRatio,c.velocities.length=0;let e=1e3*r.freeMode.momentumRatio;const s=t.velocity*e;let p=t.translate+s;l&&(p=-p);let u,m=!1;const h=20*Math.abs(t.velocity)*r.freeMode.momentumBounceRatio;let f;if(p<t.maxTranslate())r.freeMode.momentumBounce?(p+t.maxTranslate()<-h&&(p=t.maxTranslate()-h),u=t.maxTranslate(),m=!0,c.allowMomentumBounce=!0):p=t.maxTranslate(),r.loop&&r.centeredSlides&&(f=!0);else if(p>t.minTranslate())r.freeMode.momentumBounce?(p-t.minTranslate()>h&&(p=t.minTranslate()+h),u=t.minTranslate(),m=!0,c.allowMomentumBounce=!0):p=t.minTranslate(),r.loop&&r.centeredSlides&&(f=!0);else if(r.freeMode.sticky){let e;for(let t=0;t<d.length;t+=1)if(d[t]>-p){e=t;break}p=Math.abs(d[e]-p)<Math.abs(d[e-1]-p)||"next"===t.swipeDirection?d[e]:d[e-1],p=-p}if(f&&i("transitionEnd",(()=>{t.loopFix()})),0!==t.velocity){if(e=l?Math.abs((-p-t.translate)/t.velocity):Math.abs((p-t.translate)/t.velocity),r.freeMode.sticky){const s=Math.abs((l?-p:p)-t.translate),a=t.slidesSizesGrid[t.activeIndex];e=s<a?r.speed:s<2*a?1.5*r.speed:2.5*r.speed}}else if(r.freeMode.sticky)return void t.slideToClosest();r.freeMode.momentumBounce&&m?(t.updateProgress(u),t.setTransition(e),t.setTranslate(p),t.transitionStart(!0,t.swipeDirection),t.animating=!0,x(n,(()=>{t&&!t.destroyed&&c.allowMomentumBounce&&(a("momentumBounce"),t.setTransition(r.speed),setTimeout((()=>{t.setTranslate(u),x(n,(()=>{t&&!t.destroyed&&t.transitionEnd()}))}),0))}))):t.velocity?(a("_freeModeNoMomentumRelease"),t.updateProgress(p),t.setTransition(e),t.setTranslate(p),t.transitionStart(!0,t.swipeDirection),t.animating||(t.animating=!0,x(n,(()=>{t&&!t.destroyed&&t.transitionEnd()})))):t.updateProgress(p),t.updateActiveIndex(),t.updateSlidesClasses()}else{if(r.freeMode.sticky)return void t.slideToClosest();r.freeMode&&a("_freeModeNoMomentumRelease")}(!r.freeMode.momentum||p>=r.longSwipesMs)&&(a("_freeModeStaticRelease"),t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses())}}}})},function(e){let t,s,a,i,{swiper:r,extendParams:n,on:l}=e;n({grid:{rows:1,fill:"column"}});const o=()=>{let e=r.params.spaceBetween;return"string"==typeof e&&e.indexOf("%")>=0?e=parseFloat(e.replace("%",""))/100*r.size:"string"==typeof e&&(e=parseFloat(e)),e};l("init",(()=>{i=r.params.grid&&r.params.grid.rows>1})),l("update",(()=>{const{params:e,el:t}=r,s=e.grid&&e.grid.rows>1;i&&!s?(t.classList.remove(`${e.containerModifierClass}grid`,`${e.containerModifierClass}grid-column`),a=1,r.emitContainerClasses()):!i&&s&&(t.classList.add(`${e.containerModifierClass}grid`),"column"===e.grid.fill&&t.classList.add(`${e.containerModifierClass}grid-column`),r.emitContainerClasses()),i=s})),r.grid={initSlides:e=>{const{slidesPerView:i}=r.params,{rows:n,fill:l}=r.params.grid,o=r.virtual&&r.params.virtual.enabled?r.virtual.slides.length:e.length;a=Math.floor(o/n),t=Math.floor(o/n)===o/n?o:Math.ceil(o/n)*n,"auto"!==i&&"row"===l&&(t=Math.max(t,i*n)),s=t/n},unsetSlides:()=>{r.slides&&r.slides.forEach((e=>{e.swiperSlideGridSet&&(e.style.height="",e.style[r.getDirectionLabel("margin-top")]="")}))},updateSlide:(e,i,n)=>{const{slidesPerGroup:l}=r.params,d=o(),{rows:c,fill:p}=r.params.grid,u=r.virtual&&r.params.virtual.enabled?r.virtual.slides.length:n.length;let m,h,f;if("row"===p&&l>1){const s=Math.floor(e/(l*c)),a=e-c*l*s,r=0===s?l:Math.min(Math.ceil((u-s*c*l)/c),l);f=Math.floor(a/r),h=a-f*r+s*l,m=h+f*t/c,i.style.order=m}else"column"===p?(h=Math.floor(e/c),f=e-h*c,(h>a||h===a&&f===c-1)&&(f+=1,f>=c&&(f=0,h+=1))):(f=Math.floor(e/s),h=e-f*s);i.row=f,i.column=h,i.style.height=`calc((100% - ${(c-1)*d}px) / ${c})`,i.style[r.getDirectionLabel("margin-top")]=0!==f?d&&`${d}px`:"",i.swiperSlideGridSet=!0},updateWrapperSize:(e,s)=>{const{centeredSlides:a,roundLengths:i}=r.params,n=o(),{rows:l}=r.params.grid;if(r.virtualSize=(e+n)*t,r.virtualSize=Math.ceil(r.virtualSize/l)-n,r.params.cssMode||(r.wrapperEl.style[r.getDirectionLabel("width")]=`${r.virtualSize+n}px`),a){const e=[];for(let t=0;t<s.length;t+=1){let a=s[t];i&&(a=Math.floor(a)),s[t]<r.virtualSize+s[0]&&e.push(a)}s.splice(0,s.length),s.push(...e)}}}},function(e){let{swiper:t}=e;Object.assign(t,{appendSlide:oe.bind(t),prependSlide:de.bind(t),addSlide:ce.bind(t),removeSlide:pe.bind(t),removeAllSlides:ue.bind(t)})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({fadeEffect:{crossFade:!1}}),me({effect:"fade",swiper:t,on:a,setTranslate:()=>{const{slides:e}=t;t.params.fadeEffect;for(let s=0;s<e.length;s+=1){const e=t.slides[s];let a=-e.swiperSlideOffset;t.params.virtualTranslate||(a-=t.translate);let i=0;t.isHorizontal()||(i=a,a=0);const r=t.params.fadeEffect.crossFade?Math.max(1-Math.abs(e.progress),0):1+Math.min(Math.max(e.progress,-1),0),n=he(0,e);n.style.opacity=r,n.style.transform=`translate3d(${a}px, ${i}px, 0px)`}},setTransition:e=>{const s=t.slides.map((e=>h(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`})),fe({swiper:t,duration:e,transformElements:s,allSlides:!0})},overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}});const i=(e,t,s)=>{let a=s?e.querySelector(".swiper-slide-shadow-left"):e.querySelector(".swiper-slide-shadow-top"),i=s?e.querySelector(".swiper-slide-shadow-right"):e.querySelector(".swiper-slide-shadow-bottom");a||(a=v("div",("swiper-slide-shadow-cube swiper-slide-shadow-"+(s?"left":"top")).split(" ")),e.append(a)),i||(i=v("div",("swiper-slide-shadow-cube swiper-slide-shadow-"+(s?"right":"bottom")).split(" ")),e.append(i)),a&&(a.style.opacity=Math.max(-t,0)),i&&(i.style.opacity=Math.max(t,0))};me({effect:"cube",swiper:t,on:a,setTranslate:()=>{const{el:e,wrapperEl:s,slides:a,width:r,height:n,rtlTranslate:l,size:o,browser:d}=t,c=M(t),p=t.params.cubeEffect,u=t.isHorizontal(),m=t.virtual&&t.params.virtual.enabled;let h,f=0;p.shadow&&(u?(h=t.wrapperEl.querySelector(".swiper-cube-shadow"),h||(h=v("div","swiper-cube-shadow"),t.wrapperEl.append(h)),h.style.height=`${r}px`):(h=e.querySelector(".swiper-cube-shadow"),h||(h=v("div","swiper-cube-shadow"),e.append(h))));for(let e=0;e<a.length;e+=1){const t=a[e];let s=e;m&&(s=parseInt(t.getAttribute("data-swiper-slide-index"),10));let r=90*s,n=Math.floor(r/360);l&&(r=-r,n=Math.floor(-r/360));const d=Math.max(Math.min(t.progress,1),-1);let h=0,g=0,v=0;s%4==0?(h=4*-n*o,v=0):(s-1)%4==0?(h=0,v=4*-n*o):(s-2)%4==0?(h=o+4*n*o,v=o):(s-3)%4==0&&(h=-o,v=3*o+4*o*n),l&&(h=-h),u||(g=h,h=0);const w=`rotateX(${c(u?0:-r)}deg) rotateY(${c(u?r:0)}deg) translate3d(${h}px, ${g}px, ${v}px)`;d<=1&&d>-1&&(f=90*s+90*d,l&&(f=90*-s-90*d)),t.style.transform=w,p.slideShadows&&i(t,d,u)}if(s.style.transformOrigin=`50% 50% -${o/2}px`,s.style["-webkit-transform-origin"]=`50% 50% -${o/2}px`,p.shadow)if(u)h.style.transform=`translate3d(0px, ${r/2+p.shadowOffset}px, ${-r/2}px) rotateX(89.99deg) rotateZ(0deg) scale(${p.shadowScale})`;else{const e=Math.abs(f)-90*Math.floor(Math.abs(f)/90),t=1.5-(Math.sin(2*e*Math.PI/360)/2+Math.cos(2*e*Math.PI/360)/2),s=p.shadowScale,a=p.shadowScale/t,i=p.shadowOffset;h.style.transform=`scale3d(${s}, 1, ${a}) translate3d(0px, ${n/2+i}px, ${-n/2/a}px) rotateX(-89.99deg)`}const g=(d.isSafari||d.isWebView)&&d.needPerspectiveFix?-o/2:0;s.style.transform=`translate3d(0px,0,${g}px) rotateX(${c(t.isHorizontal()?0:f)}deg) rotateY(${c(t.isHorizontal()?-f:0)}deg)`,s.style.setProperty("--swiper-cube-translate-z",`${g}px`)},setTransition:e=>{const{el:s,slides:a}=t;if(a.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),t.params.cubeEffect.shadow&&!t.isHorizontal()){const t=s.querySelector(".swiper-cube-shadow");t&&(t.style.transitionDuration=`${e}ms`)}},recreateShadows:()=>{const e=t.isHorizontal();t.slides.forEach((t=>{const s=Math.max(Math.min(t.progress,1),-1);i(t,s,e)}))},getEffectParams:()=>t.params.cubeEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,resistanceRatio:0,spaceBetween:0,centeredSlides:!1,virtualTranslate:!0})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({flipEffect:{slideShadows:!0,limitRotation:!0}});const i=(e,s)=>{let a=t.isHorizontal()?e.querySelector(".swiper-slide-shadow-left"):e.querySelector(".swiper-slide-shadow-top"),i=t.isHorizontal()?e.querySelector(".swiper-slide-shadow-right"):e.querySelector(".swiper-slide-shadow-bottom");a||(a=ge("flip",e,t.isHorizontal()?"left":"top")),i||(i=ge("flip",e,t.isHorizontal()?"right":"bottom")),a&&(a.style.opacity=Math.max(-s,0)),i&&(i.style.opacity=Math.max(s,0))};me({effect:"flip",swiper:t,on:a,setTranslate:()=>{const{slides:e,rtlTranslate:s}=t,a=t.params.flipEffect,r=M(t);for(let n=0;n<e.length;n+=1){const l=e[n];let o=l.progress;t.params.flipEffect.limitRotation&&(o=Math.max(Math.min(l.progress,1),-1));const d=l.swiperSlideOffset;let c=-180*o,p=0,u=t.params.cssMode?-d-t.translate:-d,m=0;t.isHorizontal()?s&&(c=-c):(m=u,u=0,p=-c,c=0),l.style.zIndex=-Math.abs(Math.round(o))+e.length,a.slideShadows&&i(l,o);const h=`translate3d(${u}px, ${m}px, 0px) rotateX(${r(p)}deg) rotateY(${r(c)}deg)`;he(0,l).style.transform=h}},setTransition:e=>{const s=t.slides.map((e=>h(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),fe({swiper:t,duration:e,transformElements:s})},recreateShadows:()=>{t.params.flipEffect,t.slides.forEach((e=>{let s=e.progress;t.params.flipEffect.limitRotation&&(s=Math.max(Math.min(e.progress,1),-1)),i(e,s)}))},getEffectParams:()=>t.params.flipEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({coverflowEffect:{rotate:50,stretch:0,depth:100,scale:1,modifier:1,slideShadows:!0}}),me({effect:"coverflow",swiper:t,on:a,setTranslate:()=>{const{width:e,height:s,slides:a,slidesSizesGrid:i}=t,r=t.params.coverflowEffect,n=t.isHorizontal(),l=t.translate,o=n?e/2-l:s/2-l,d=n?r.rotate:-r.rotate,c=r.depth,p=M(t);for(let e=0,t=a.length;e<t;e+=1){const t=a[e],s=i[e],l=(o-t.swiperSlideOffset-s/2)/s,u="function"==typeof r.modifier?r.modifier(l):l*r.modifier;let m=n?d*u:0,h=n?0:d*u,f=-c*Math.abs(u),g=r.stretch;"string"==typeof g&&-1!==g.indexOf("%")&&(g=parseFloat(r.stretch)/100*s);let v=n?0:g*u,w=n?g*u:0,b=1-(1-r.scale)*Math.abs(u);Math.abs(w)<.001&&(w=0),Math.abs(v)<.001&&(v=0),Math.abs(f)<.001&&(f=0),Math.abs(m)<.001&&(m=0),Math.abs(h)<.001&&(h=0),Math.abs(b)<.001&&(b=0);const y=`translate3d(${w}px,${v}px,${f}px)  rotateX(${p(h)}deg) rotateY(${p(m)}deg) scale(${b})`;if(he(0,t).style.transform=y,t.style.zIndex=1-Math.abs(Math.round(u)),r.slideShadows){let e=n?t.querySelector(".swiper-slide-shadow-left"):t.querySelector(".swiper-slide-shadow-top"),s=n?t.querySelector(".swiper-slide-shadow-right"):t.querySelector(".swiper-slide-shadow-bottom");e||(e=ge("coverflow",t,n?"left":"top")),s||(s=ge("coverflow",t,n?"right":"bottom")),e&&(e.style.opacity=u>0?u:0),s&&(s.style.opacity=-u>0?-u:0)}}},setTransition:e=>{t.slides.map((e=>h(e))).forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>{t.style.transitionDuration=`${e}ms`}))}))},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({creativeEffect:{limitProgress:1,shadowPerProgress:!1,progressMultiplier:1,perspective:!0,prev:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1},next:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1}}});const i=e=>"string"==typeof e?e:`${e}px`;me({effect:"creative",swiper:t,on:a,setTranslate:()=>{const{slides:e,wrapperEl:s,slidesSizesGrid:a}=t,r=t.params.creativeEffect,{progressMultiplier:n}=r,l=t.params.centeredSlides,o=M(t);if(l){const e=a[0]/2-t.params.slidesOffsetBefore||0;s.style.transform=`translateX(calc(50% - ${e}px))`}for(let s=0;s<e.length;s+=1){const a=e[s],d=a.progress,c=Math.min(Math.max(a.progress,-r.limitProgress),r.limitProgress);let p=c;l||(p=Math.min(Math.max(a.originalProgress,-r.limitProgress),r.limitProgress));const u=a.swiperSlideOffset,m=[t.params.cssMode?-u-t.translate:-u,0,0],h=[0,0,0];let f=!1;t.isHorizontal()||(m[1]=m[0],m[0]=0);let g={translate:[0,0,0],rotate:[0,0,0],scale:1,opacity:1};c<0?(g=r.next,f=!0):c>0&&(g=r.prev,f=!0),m.forEach(((e,t)=>{m[t]=`calc(${e}px + (${i(g.translate[t])} * ${Math.abs(c*n)}))`})),h.forEach(((e,t)=>{let s=g.rotate[t]*Math.abs(c*n);h[t]=s})),a.style.zIndex=-Math.abs(Math.round(d))+e.length;const v=m.join(", "),w=`rotateX(${o(h[0])}deg) rotateY(${o(h[1])}deg) rotateZ(${o(h[2])}deg)`,b=p<0?`scale(${1+(1-g.scale)*p*n})`:`scale(${1-(1-g.scale)*p*n})`,y=p<0?1+(1-g.opacity)*p*n:1-(1-g.opacity)*p*n,E=`translate3d(${v}) ${w} ${b}`;if(f&&g.shadow||!f){let e=a.querySelector(".swiper-slide-shadow");if(!e&&g.shadow&&(e=ge("creative",a)),e){const t=r.shadowPerProgress?c*(1/r.limitProgress):c;e.style.opacity=Math.min(Math.max(Math.abs(t),0),1)}}const x=he(0,a);x.style.transform=E,x.style.opacity=y,g.origin&&(x.style.transformOrigin=g.origin)}},setTransition:e=>{const s=t.slides.map((e=>h(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),fe({swiper:t,duration:e,transformElements:s,allSlides:!0})},perspective:()=>t.params.creativeEffect.perspective,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({cardsEffect:{slideShadows:!0,rotate:!0,perSlideRotate:2,perSlideOffset:8}}),me({effect:"cards",swiper:t,on:a,setTranslate:()=>{const{slides:e,activeIndex:s,rtlTranslate:a}=t,i=t.params.cardsEffect,{startTranslate:r,isTouched:n}=t.touchEventsData,l=a?-t.translate:t.translate;for(let o=0;o<e.length;o+=1){const d=e[o],c=d.progress,p=Math.min(Math.max(c,-4),4);let u=d.swiperSlideOffset;t.params.centeredSlides&&!t.params.cssMode&&(t.wrapperEl.style.transform=`translateX(${t.minTranslate()}px)`),t.params.centeredSlides&&t.params.cssMode&&(u-=e[0].swiperSlideOffset);let m=t.params.cssMode?-u-t.translate:-u,h=0;const f=-100*Math.abs(p);let g=1,v=-i.perSlideRotate*p,w=i.perSlideOffset-.75*Math.abs(p);const b=t.virtual&&t.params.virtual.enabled?t.virtual.from+o:o,y=(b===s||b===s-1)&&p>0&&p<1&&(n||t.params.cssMode)&&l<r,E=(b===s||b===s+1)&&p<0&&p>-1&&(n||t.params.cssMode)&&l>r;if(y||E){const e=(1-Math.abs((Math.abs(p)-.5)/.5))**.5;v+=-28*p*e,g+=-.5*e,w+=96*e,h=-25*e*Math.abs(p)+"%"}if(m=p<0?`calc(${m}px ${a?"-":"+"} (${w*Math.abs(p)}%))`:p>0?`calc(${m}px ${a?"-":"+"} (-${w*Math.abs(p)}%))`:`${m}px`,!t.isHorizontal()){const e=h;h=m,m=e}const x=p<0?""+(1+(1-g)*p):""+(1-(1-g)*p),S=`\n        translate3d(${m}, ${h}, ${f}px)\n        rotateZ(${i.rotate?a?-v:v:0}deg)\n        scale(${x})\n      `;if(i.slideShadows){let e=d.querySelector(".swiper-slide-shadow");e||(e=ge("cards",d)),e&&(e.style.opacity=Math.min(Math.max((Math.abs(p)-.5)/.5,0),1))}d.style.zIndex=-Math.abs(Math.round(c))+e.length;he(0,d).style.transform=S}},setTransition:e=>{const s=t.slides.map((e=>h(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),fe({swiper:t,duration:e,transformElements:s})},perspective:()=>!0,overwriteParams:()=>({_loopSwapReset:!1,watchSlidesProgress:!0,loopAdditionalSlides:t.params.cardsEffect.rotate?3:2,centeredSlides:!0,virtualTranslate:!t.params.cssMode})})}];return re.use(ve),re}();
+//# sourceMappingURL=swiper-bundle.min.js.map
\ No newline at end of file
diff --git a/public_html/assets/raven/vendor/js/tom-select.complete.min.js b/public_html/assets/raven/vendor/js/tom-select.complete.min.js
new file mode 100644
index 0000000..d0b9d30
--- /dev/null
+++ b/public_html/assets/raven/vendor/js/tom-select.complete.min.js
@@ -0,0 +1,444 @@
+/**
+* Tom Select v2.4.3
+* Licensed under the Apache License, Version 2.0 (the "License");
+*/
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).TomSelect=t()}(this,(function(){"use strict"
+function e(e,t){e.split(/\s+/).forEach((e=>{t(e)}))}class t{constructor(){this._events={}}on(t,s){e(t,(e=>{const t=this._events[e]||[]
+t.push(s),this._events[e]=t}))}off(t,s){var i=arguments.length
+0!==i?e(t,(e=>{if(1===i)return void delete this._events[e]
+const t=this._events[e]
+void 0!==t&&(t.splice(t.indexOf(s),1),this._events[e]=t)})):this._events={}}trigger(t,...s){var i=this
+e(t,(e=>{const t=i._events[e]
+void 0!==t&&t.forEach((e=>{e.apply(i,s)}))}))}}const s=e=>(e=e.filter(Boolean)).length<2?e[0]||"":1==l(e)?"["+e.join("")+"]":"(?:"+e.join("|")+")",i=e=>{if(!o(e))return e.join("")
+let t="",s=0
+const i=()=>{s>1&&(t+="{"+s+"}")}
+return e.forEach(((n,o)=>{n!==e[o-1]?(i(),t+=n,s=1):s++})),i(),t},n=e=>{let t=Array.from(e)
+return s(t)},o=e=>new Set(e).size!==e.length,r=e=>(e+"").replace(/([\$\(\)\*\+\.\?\[\]\^\{\|\}\\])/gu,"\\$1"),l=e=>e.reduce(((e,t)=>Math.max(e,a(t))),0),a=e=>Array.from(e).length,c=e=>{if(1===e.length)return[[e]]
+let t=[]
+const s=e.substring(1)
+return c(s).forEach((function(s){let i=s.slice(0)
+i[0]=e.charAt(0)+i[0],t.push(i),i=s.slice(0),i.unshift(e.charAt(0)),t.push(i)})),t},d=[[0,65535]]
+let u,p
+const h={},g={"/":"⁄∕",0:"߀",a:"ⱥɐɑ",aa:"ꜳ",ae:"æǽǣ",ao:"ꜵ",au:"ꜷ",av:"ꜹꜻ",ay:"ꜽ",b:"ƀɓƃ",c:"ꜿƈȼↄ",d:"đɗɖᴅƌꮷԁɦ",e:"ɛǝᴇɇ",f:"ꝼƒ",g:"ǥɠꞡᵹꝿɢ",h:"ħⱨⱶɥ",i:"ɨı",j:"ɉȷ",k:"ƙⱪꝁꝃꝅꞣ",l:"łƚɫⱡꝉꝇꞁɭ",m:"ɱɯϻ",n:"ꞥƞɲꞑᴎлԉ",o:"øǿɔɵꝋꝍᴑ",oe:"œ",oi:"ƣ",oo:"ꝏ",ou:"ȣ",p:"ƥᵽꝑꝓꝕρ",q:"ꝗꝙɋ",r:"ɍɽꝛꞧꞃ",s:"ßȿꞩꞅʂ",t:"ŧƭʈⱦꞇ",th:"þ",tz:"ꜩ",u:"ʉ",v:"ʋꝟʌ",vy:"ꝡ",w:"ⱳ",y:"ƴɏỿ",z:"ƶȥɀⱬꝣ",hv:"ƕ"}
+for(let e in g){let t=g[e]||""
+for(let s=0;s<t.length;s++){let i=t.substring(s,s+1)
+h[i]=e}}const f=new RegExp(Object.keys(h).join("|")+"|[̀-ͯ·ʾʼ]","gu"),m=(e,t="NFKD")=>e.normalize(t),v=e=>Array.from(e).reduce(((e,t)=>e+y(t)),""),y=e=>(e=m(e).toLowerCase().replace(f,(e=>h[e]||"")),m(e,"NFC"))
+const O=e=>{const t={},s=(e,s)=>{const i=t[e]||new Set,o=new RegExp("^"+n(i)+"$","iu")
+s.match(o)||(i.add(r(s)),t[e]=i)}
+for(let t of function*(e){for(const[t,s]of e)for(let e=t;e<=s;e++){let t=String.fromCharCode(e),s=v(t)
+s!=t.toLowerCase()&&(s.length>3||0!=s.length&&(yield{folded:s,composed:t,code_point:e}))}}(e))s(t.folded,t.folded),s(t.folded,t.composed)
+return t},b=e=>{const t=O(e),i={}
+let o=[]
+for(let e in t){let s=t[e]
+s&&(i[e]=n(s)),e.length>1&&o.push(r(e))}o.sort(((e,t)=>t.length-e.length))
+const l=s(o)
+return p=new RegExp("^"+l,"u"),i},w=(e,t=1)=>(t=Math.max(t,e.length-1),s(c(e).map((e=>((e,t=1)=>{let s=0
+return e=e.map((e=>(u[e]&&(s+=e.length),u[e]||e))),s>=t?i(e):""})(e,t))))),_=(e,t=!0)=>{let n=e.length>1?1:0
+return s(e.map((e=>{let s=[]
+const o=t?e.length():e.length()-1
+for(let t=0;t<o;t++)s.push(w(e.substrs[t]||"",n))
+return i(s)})))},C=(e,t)=>{for(const s of t){if(s.start!=e.start||s.end!=e.end)continue
+if(s.substrs.join("")!==e.substrs.join(""))continue
+let t=e.parts
+const i=e=>{for(const s of t){if(s.start===e.start&&s.substr===e.substr)return!1
+if(1!=e.length&&1!=s.length){if(e.start<s.start&&e.end>s.start)return!0
+if(s.start<e.start&&s.end>e.start)return!0}}return!1}
+if(!(s.parts.filter(i).length>0))return!0}return!1}
+class S{parts
+substrs
+start
+end
+constructor(){this.parts=[],this.substrs=[],this.start=0,this.end=0}add(e){e&&(this.parts.push(e),this.substrs.push(e.substr),this.start=Math.min(e.start,this.start),this.end=Math.max(e.end,this.end))}last(){return this.parts[this.parts.length-1]}length(){return this.parts.length}clone(e,t){let s=new S,i=JSON.parse(JSON.stringify(this.parts)),n=i.pop()
+for(const e of i)s.add(e)
+let o=t.substr.substring(0,e-n.start),r=o.length
+return s.add({start:n.start,end:n.start+r,length:r,substr:o}),s}}const I=e=>{void 0===u&&(u=b(d)),e=v(e)
+let t="",s=[new S]
+for(let i=0;i<e.length;i++){let n=e.substring(i).match(p)
+const o=e.substring(i,i+1),r=n?n[0]:null
+let l=[],a=new Set
+for(const e of s){const t=e.last()
+if(!t||1==t.length||t.end<=i)if(r){const t=r.length
+e.add({start:i,end:i+t,length:t,substr:r}),a.add("1")}else e.add({start:i,end:i+1,length:1,substr:o}),a.add("2")
+else if(r){let s=e.clone(i,t)
+const n=r.length
+s.add({start:i,end:i+n,length:n,substr:r}),l.push(s)}else a.add("3")}if(l.length>0){l=l.sort(((e,t)=>e.length()-t.length()))
+for(let e of l)C(e,s)||s.push(e)}else if(i>0&&1==a.size&&!a.has("3")){t+=_(s,!1)
+let e=new S
+const i=s[0]
+i&&e.add(i.last()),s=[e]}}return t+=_(s,!0),t},A=(e,t)=>{if(e)return e[t]},k=(e,t)=>{if(e){for(var s,i=t.split(".");(s=i.shift())&&(e=e[s]););return e}},x=(e,t,s)=>{var i,n
+return e?(e+="",null==t.regex||-1===(n=e.search(t.regex))?0:(i=t.string.length/e.length,0===n&&(i+=.5),i*s)):0},F=(e,t)=>{var s=e[t]
+if("function"==typeof s)return s
+s&&!Array.isArray(s)&&(e[t]=[s])},L=(e,t)=>{if(Array.isArray(e))e.forEach(t)
+else for(var s in e)e.hasOwnProperty(s)&&t(e[s],s)},E=(e,t)=>"number"==typeof e&&"number"==typeof t?e>t?1:e<t?-1:0:(e=v(e+"").toLowerCase())>(t=v(t+"").toLowerCase())?1:t>e?-1:0
+class T{items
+settings
+constructor(e,t){this.items=e,this.settings=t||{diacritics:!0}}tokenize(e,t,s){if(!e||!e.length)return[]
+const i=[],n=e.split(/\s+/)
+var o
+return s&&(o=new RegExp("^("+Object.keys(s).map(r).join("|")+"):(.*)$")),n.forEach((e=>{let s,n=null,l=null
+o&&(s=e.match(o))&&(n=s[1],e=s[2]),e.length>0&&(l=this.settings.diacritics?I(e)||null:r(e),l&&t&&(l="\\b"+l)),i.push({string:e,regex:l?new RegExp(l,"iu"):null,field:n})})),i}getScoreFunction(e,t){var s=this.prepareSearch(e,t)
+return this._getScoreFunction(s)}_getScoreFunction(e){const t=e.tokens,s=t.length
+if(!s)return function(){return 0}
+const i=e.options.fields,n=e.weights,o=i.length,r=e.getAttrFn
+if(!o)return function(){return 1}
+const l=1===o?function(e,t){const s=i[0].field
+return x(r(t,s),e,n[s]||1)}:function(e,t){var s=0
+if(e.field){const i=r(t,e.field)
+!e.regex&&i?s+=1/o:s+=x(i,e,1)}else L(n,((i,n)=>{s+=x(r(t,n),e,i)}))
+return s/o}
+return 1===s?function(e){return l(t[0],e)}:"and"===e.options.conjunction?function(e){var i,n=0
+for(let s of t){if((i=l(s,e))<=0)return 0
+n+=i}return n/s}:function(e){var i=0
+return L(t,(t=>{i+=l(t,e)})),i/s}}getSortFunction(e,t){var s=this.prepareSearch(e,t)
+return this._getSortFunction(s)}_getSortFunction(e){var t,s=[]
+const i=this,n=e.options,o=!e.query&&n.sort_empty?n.sort_empty:n.sort
+if("function"==typeof o)return o.bind(this)
+const r=function(t,s){return"$score"===t?s.score:e.getAttrFn(i.items[s.id],t)}
+if(o)for(let t of o)(e.query||"$score"!==t.field)&&s.push(t)
+if(e.query){t=!0
+for(let e of s)if("$score"===e.field){t=!1
+break}t&&s.unshift({field:"$score",direction:"desc"})}else s=s.filter((e=>"$score"!==e.field))
+return s.length?function(e,t){var i,n
+for(let o of s){if(n=o.field,i=("desc"===o.direction?-1:1)*E(r(n,e),r(n,t)))return i}return 0}:null}prepareSearch(e,t){const s={}
+var i=Object.assign({},t)
+if(F(i,"sort"),F(i,"sort_empty"),i.fields){F(i,"fields")
+const e=[]
+i.fields.forEach((t=>{"string"==typeof t&&(t={field:t,weight:1}),e.push(t),s[t.field]="weight"in t?t.weight:1})),i.fields=e}return{options:i,query:e.toLowerCase().trim(),tokens:this.tokenize(e,i.respect_word_boundaries,s),total:0,items:[],weights:s,getAttrFn:i.nesting?k:A}}search(e,t){var s,i,n=this
+i=this.prepareSearch(e,t),t=i.options,e=i.query
+const o=t.score||n._getScoreFunction(i)
+e.length?L(n.items,((e,n)=>{s=o(e),(!1===t.filter||s>0)&&i.items.push({score:s,id:n})})):L(n.items,((e,t)=>{i.items.push({score:1,id:t})}))
+const r=n._getSortFunction(i)
+return r&&i.items.sort(r),i.total=i.items.length,"number"==typeof t.limit&&(i.items=i.items.slice(0,t.limit)),i}}const P=e=>null==e?null:N(e),N=e=>"boolean"==typeof e?e?"1":"0":e+"",j=e=>(e+"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;"),$=(e,t)=>{var s
+return function(i,n){var o=this
+s&&(o.loading=Math.max(o.loading-1,0),clearTimeout(s)),s=setTimeout((function(){s=null,o.loadedSearches[i]=!0,e.call(o,i,n)}),t)}},V=(e,t,s)=>{var i,n=e.trigger,o={}
+for(i of(e.trigger=function(){var s=arguments[0]
+if(-1===t.indexOf(s))return n.apply(e,arguments)
+o[s]=arguments},s.apply(e,[]),e.trigger=n,t))i in o&&n.apply(e,o[i])},q=(e,t=!1)=>{e&&(e.preventDefault(),t&&e.stopPropagation())},D=(e,t,s,i)=>{e.addEventListener(t,s,i)},H=(e,t)=>!!t&&(!!t[e]&&1===(t.altKey?1:0)+(t.ctrlKey?1:0)+(t.shiftKey?1:0)+(t.metaKey?1:0)),R=(e,t)=>{const s=e.getAttribute("id")
+return s||(e.setAttribute("id",t),t)},M=e=>e.replace(/[\\"']/g,"\\$&"),z=(e,t)=>{t&&e.append(t)},B=(e,t)=>{if(Array.isArray(e))e.forEach(t)
+else for(var s in e)e.hasOwnProperty(s)&&t(e[s],s)},K=e=>{if(e.jquery)return e[0]
+if(e instanceof HTMLElement)return e
+if(Q(e)){var t=document.createElement("template")
+return t.innerHTML=e.trim(),t.content.firstChild}return document.querySelector(e)},Q=e=>"string"==typeof e&&e.indexOf("<")>-1,G=(e,t)=>{var s=document.createEvent("HTMLEvents")
+s.initEvent(t,!0,!1),e.dispatchEvent(s)},U=(e,t)=>{Object.assign(e.style,t)},J=(e,...t)=>{var s=X(t);(e=Y(e)).map((e=>{s.map((t=>{e.classList.add(t)}))}))},W=(e,...t)=>{var s=X(t);(e=Y(e)).map((e=>{s.map((t=>{e.classList.remove(t)}))}))},X=e=>{var t=[]
+return B(e,(e=>{"string"==typeof e&&(e=e.trim().split(/[\t\n\f\r\s]/)),Array.isArray(e)&&(t=t.concat(e))})),t.filter(Boolean)},Y=e=>(Array.isArray(e)||(e=[e]),e),Z=(e,t,s)=>{if(!s||s.contains(e))for(;e&&e.matches;){if(e.matches(t))return e
+e=e.parentNode}},ee=(e,t=0)=>t>0?e[e.length-1]:e[0],te=(e,t)=>{if(!e)return-1
+t=t||e.nodeName
+for(var s=0;e=e.previousElementSibling;)e.matches(t)&&s++
+return s},se=(e,t)=>{B(t,((t,s)=>{null==t?e.removeAttribute(s):e.setAttribute(s,""+t)}))},ie=(e,t)=>{e.parentNode&&e.parentNode.replaceChild(t,e)},ne=(e,t)=>{if(null===t)return
+if("string"==typeof t){if(!t.length)return
+t=new RegExp(t,"i")}const s=e=>3===e.nodeType?(e=>{var s=e.data.match(t)
+if(s&&e.data.length>0){var i=document.createElement("span")
+i.className="highlight"
+var n=e.splitText(s.index)
+n.splitText(s[0].length)
+var o=n.cloneNode(!0)
+return i.appendChild(o),ie(n,i),1}return 0})(e):((e=>{1!==e.nodeType||!e.childNodes||/(script|style)/i.test(e.tagName)||"highlight"===e.className&&"SPAN"===e.tagName||Array.from(e.childNodes).forEach((e=>{s(e)}))})(e),0)
+s(e)},oe="undefined"!=typeof navigator&&/Mac/.test(navigator.userAgent)?"metaKey":"ctrlKey"
+var re={options:[],optgroups:[],plugins:[],delimiter:",",splitOn:null,persist:!0,diacritics:!0,create:null,createOnBlur:!1,createFilter:null,highlight:!0,openOnFocus:!0,shouldOpen:null,maxOptions:50,maxItems:null,hideSelected:null,duplicates:!1,addPrecedence:!1,selectOnTab:!1,preload:null,allowEmptyOption:!1,refreshThrottle:300,loadThrottle:300,loadingClass:"loading",dataAttr:null,optgroupField:"optgroup",valueField:"value",labelField:"text",disabledField:"disabled",optgroupLabelField:"label",optgroupValueField:"value",lockOptgroupOrder:!1,sortField:"$order",searchField:["text"],searchConjunction:"and",mode:null,wrapperClass:"ts-wrapper",controlClass:"ts-control",dropdownClass:"ts-dropdown",dropdownContentClass:"ts-dropdown-content",itemClass:"item",optionClass:"option",dropdownParent:null,controlInput:'<input type="text" autocomplete="off" size="1" />',copyClassesToDropdown:!1,placeholder:null,hidePlaceholder:null,shouldLoad:function(e){return e.length>0},render:{}}
+function le(e,t){var s=Object.assign({},re,t),i=s.dataAttr,n=s.labelField,o=s.valueField,r=s.disabledField,l=s.optgroupField,a=s.optgroupLabelField,c=s.optgroupValueField,d=e.tagName.toLowerCase(),u=e.getAttribute("placeholder")||e.getAttribute("data-placeholder")
+if(!u&&!s.allowEmptyOption){let t=e.querySelector('option[value=""]')
+t&&(u=t.textContent)}var p={placeholder:u,options:[],optgroups:[],items:[],maxItems:null}
+return"select"===d?(()=>{var t,d=p.options,u={},h=1
+let g=0
+var f=e=>{var t=Object.assign({},e.dataset),s=i&&t[i]
+return"string"==typeof s&&s.length&&(t=Object.assign(t,JSON.parse(s))),t},m=(e,t)=>{var i=P(e.value)
+if(null!=i&&(i||s.allowEmptyOption)){if(u.hasOwnProperty(i)){if(t){var a=u[i][l]
+a?Array.isArray(a)?a.push(t):u[i][l]=[a,t]:u[i][l]=t}}else{var c=f(e)
+c[n]=c[n]||e.textContent,c[o]=c[o]||i,c[r]=c[r]||e.disabled,c[l]=c[l]||t,c.$option=e,c.$order=c.$order||++g,u[i]=c,d.push(c)}e.selected&&p.items.push(i)}}
+p.maxItems=e.hasAttribute("multiple")?null:1,B(e.children,(e=>{var s,i,n
+"optgroup"===(t=e.tagName.toLowerCase())?((n=f(s=e))[a]=n[a]||s.getAttribute("label")||"",n[c]=n[c]||h++,n[r]=n[r]||s.disabled,n.$order=n.$order||++g,p.optgroups.push(n),i=n[c],B(s.children,(e=>{m(e,i)}))):"option"===t&&m(e)}))})():(()=>{const t=e.getAttribute(i)
+if(t)p.options=JSON.parse(t),B(p.options,(e=>{p.items.push(e[o])}))
+else{var r=e.value.trim()||""
+if(!s.allowEmptyOption&&!r.length)return
+const t=r.split(s.delimiter)
+B(t,(e=>{const t={}
+t[n]=e,t[o]=e,p.options.push(t)})),p.items=t}})(),Object.assign({},re,p,t)}var ae=0
+class ce extends(function(e){return e.plugins={},class extends e{constructor(...e){super(...e),this.plugins={names:[],settings:{},requested:{},loaded:{}}}static define(t,s){e.plugins[t]={name:t,fn:s}}initializePlugins(e){var t,s
+const i=this,n=[]
+if(Array.isArray(e))e.forEach((e=>{"string"==typeof e?n.push(e):(i.plugins.settings[e.name]=e.options,n.push(e.name))}))
+else if(e)for(t in e)e.hasOwnProperty(t)&&(i.plugins.settings[t]=e[t],n.push(t))
+for(;s=n.shift();)i.require(s)}loadPlugin(t){var s=this,i=s.plugins,n=e.plugins[t]
+if(!e.plugins.hasOwnProperty(t))throw new Error('Unable to find "'+t+'" plugin')
+i.requested[t]=!0,i.loaded[t]=n.fn.apply(s,[s.plugins.settings[t]||{}]),i.names.push(t)}require(e){var t=this,s=t.plugins
+if(!t.plugins.loaded.hasOwnProperty(e)){if(s.requested[e])throw new Error('Plugin has circular dependency ("'+e+'")')
+t.loadPlugin(e)}return s.loaded[e]}}}(t)){constructor(e,t){var s
+super(),this.order=0,this.isOpen=!1,this.isDisabled=!1,this.isReadOnly=!1,this.isInvalid=!1,this.isValid=!0,this.isLocked=!1,this.isFocused=!1,this.isInputHidden=!1,this.isSetup=!1,this.ignoreFocus=!1,this.ignoreHover=!1,this.hasOptions=!1,this.lastValue="",this.caretPos=0,this.loading=0,this.loadedSearches={},this.activeOption=null,this.activeItems=[],this.optgroups={},this.options={},this.userOptions={},this.items=[],this.refreshTimeout=null,ae++
+var i=K(e)
+if(i.tomselect)throw new Error("Tom Select already initialized on this element")
+i.tomselect=this,s=(window.getComputedStyle&&window.getComputedStyle(i,null)).getPropertyValue("direction")
+const n=le(i,t)
+this.settings=n,this.input=i,this.tabIndex=i.tabIndex||0,this.is_select_tag="select"===i.tagName.toLowerCase(),this.rtl=/rtl/i.test(s),this.inputId=R(i,"tomselect-"+ae),this.isRequired=i.required,this.sifter=new T(this.options,{diacritics:n.diacritics}),n.mode=n.mode||(1===n.maxItems?"single":"multi"),"boolean"!=typeof n.hideSelected&&(n.hideSelected="multi"===n.mode),"boolean"!=typeof n.hidePlaceholder&&(n.hidePlaceholder="multi"!==n.mode)
+var o=n.createFilter
+"function"!=typeof o&&("string"==typeof o&&(o=new RegExp(o)),o instanceof RegExp?n.createFilter=e=>o.test(e):n.createFilter=e=>this.settings.duplicates||!this.options[e]),this.initializePlugins(n.plugins),this.setupCallbacks(),this.setupTemplates()
+const r=K("<div>"),l=K("<div>"),a=this._render("dropdown"),c=K('<div role="listbox" tabindex="-1">'),d=this.input.getAttribute("class")||"",u=n.mode
+var p
+if(J(r,n.wrapperClass,d,u),J(l,n.controlClass),z(r,l),J(a,n.dropdownClass,u),n.copyClassesToDropdown&&J(a,d),J(c,n.dropdownContentClass),z(a,c),K(n.dropdownParent||r).appendChild(a),Q(n.controlInput)){p=K(n.controlInput)
+B(["autocorrect","autocapitalize","autocomplete","spellcheck"],(e=>{i.getAttribute(e)&&se(p,{[e]:i.getAttribute(e)})})),p.tabIndex=-1,l.appendChild(p),this.focus_node=p}else n.controlInput?(p=K(n.controlInput),this.focus_node=p):(p=K("<input/>"),this.focus_node=l)
+this.wrapper=r,this.dropdown=a,this.dropdown_content=c,this.control=l,this.control_input=p,this.setup()}setup(){const e=this,t=e.settings,s=e.control_input,i=e.dropdown,n=e.dropdown_content,o=e.wrapper,l=e.control,a=e.input,c=e.focus_node,d={passive:!0},u=e.inputId+"-ts-dropdown"
+se(n,{id:u}),se(c,{role:"combobox","aria-haspopup":"listbox","aria-expanded":"false","aria-controls":u})
+const p=R(c,e.inputId+"-ts-control"),h="label[for='"+(e=>e.replace(/['"\\]/g,"\\$&"))(e.inputId)+"']",g=document.querySelector(h),f=e.focus.bind(e)
+if(g){D(g,"click",f),se(g,{for:p})
+const t=R(g,e.inputId+"-ts-label")
+se(c,{"aria-labelledby":t}),se(n,{"aria-labelledby":t})}if(o.style.width=a.style.width,e.plugins.names.length){const t="plugin-"+e.plugins.names.join(" plugin-")
+J([o,i],t)}(null===t.maxItems||t.maxItems>1)&&e.is_select_tag&&se(a,{multiple:"multiple"}),t.placeholder&&se(s,{placeholder:t.placeholder}),!t.splitOn&&t.delimiter&&(t.splitOn=new RegExp("\\s*"+r(t.delimiter)+"+\\s*")),t.load&&t.loadThrottle&&(t.load=$(t.load,t.loadThrottle)),D(i,"mousemove",(()=>{e.ignoreHover=!1})),D(i,"mouseenter",(t=>{var s=Z(t.target,"[data-selectable]",i)
+s&&e.onOptionHover(t,s)}),{capture:!0}),D(i,"click",(t=>{const s=Z(t.target,"[data-selectable]")
+s&&(e.onOptionSelect(t,s),q(t,!0))})),D(l,"click",(t=>{var i=Z(t.target,"[data-ts-item]",l)
+i&&e.onItemSelect(t,i)?q(t,!0):""==s.value&&(e.onClick(),q(t,!0))})),D(c,"keydown",(t=>e.onKeyDown(t))),D(s,"keypress",(t=>e.onKeyPress(t))),D(s,"input",(t=>e.onInput(t))),D(c,"blur",(t=>e.onBlur(t))),D(c,"focus",(t=>e.onFocus(t))),D(s,"paste",(t=>e.onPaste(t)))
+const m=t=>{const n=t.composedPath()[0]
+if(!o.contains(n)&&!i.contains(n))return e.isFocused&&e.blur(),void e.inputState()
+n==s&&e.isOpen?t.stopPropagation():q(t,!0)},v=()=>{e.isOpen&&e.positionDropdown()}
+D(document,"mousedown",m),D(window,"scroll",v,d),D(window,"resize",v,d),this._destroy=()=>{document.removeEventListener("mousedown",m),window.removeEventListener("scroll",v),window.removeEventListener("resize",v),g&&g.removeEventListener("click",f)},this.revertSettings={innerHTML:a.innerHTML,tabIndex:a.tabIndex},a.tabIndex=-1,a.insertAdjacentElement("afterend",e.wrapper),e.sync(!1),t.items=[],delete t.optgroups,delete t.options,D(a,"invalid",(()=>{e.isValid&&(e.isValid=!1,e.isInvalid=!0,e.refreshState())})),e.updateOriginalInput(),e.refreshItems(),e.close(!1),e.inputState(),e.isSetup=!0,a.disabled?e.disable():a.readOnly?e.setReadOnly(!0):e.enable(),e.on("change",this.onChange),J(a,"tomselected","ts-hidden-accessible"),e.trigger("initialize"),!0===t.preload&&e.preload()}setupOptions(e=[],t=[]){this.addOptions(e),B(t,(e=>{this.registerOptionGroup(e)}))}setupTemplates(){var e=this,t=e.settings.labelField,s=e.settings.optgroupLabelField,i={optgroup:e=>{let t=document.createElement("div")
+return t.className="optgroup",t.appendChild(e.options),t},optgroup_header:(e,t)=>'<div class="optgroup-header">'+t(e[s])+"</div>",option:(e,s)=>"<div>"+s(e[t])+"</div>",item:(e,s)=>"<div>"+s(e[t])+"</div>",option_create:(e,t)=>'<div class="create">Add <strong>'+t(e.input)+"</strong>&hellip;</div>",no_results:()=>'<div class="no-results">No results found</div>',loading:()=>'<div class="spinner"></div>',not_loading:()=>{},dropdown:()=>"<div></div>"}
+e.settings.render=Object.assign({},i,e.settings.render)}setupCallbacks(){var e,t,s={initialize:"onInitialize",change:"onChange",item_add:"onItemAdd",item_remove:"onItemRemove",item_select:"onItemSelect",clear:"onClear",option_add:"onOptionAdd",option_remove:"onOptionRemove",option_clear:"onOptionClear",optgroup_add:"onOptionGroupAdd",optgroup_remove:"onOptionGroupRemove",optgroup_clear:"onOptionGroupClear",dropdown_open:"onDropdownOpen",dropdown_close:"onDropdownClose",type:"onType",load:"onLoad",focus:"onFocus",blur:"onBlur"}
+for(e in s)(t=this.settings[s[e]])&&this.on(e,t)}sync(e=!0){const t=this,s=e?le(t.input,{delimiter:t.settings.delimiter}):t.settings
+t.setupOptions(s.options,s.optgroups),t.setValue(s.items||[],!0),t.lastQuery=null}onClick(){var e=this
+if(e.activeItems.length>0)return e.clearActiveItems(),void e.focus()
+e.isFocused&&e.isOpen?e.blur():e.focus()}onMouseDown(){}onChange(){G(this.input,"input"),G(this.input,"change")}onPaste(e){var t=this
+t.isInputHidden||t.isLocked?q(e):t.settings.splitOn&&setTimeout((()=>{var e=t.inputValue()
+if(e.match(t.settings.splitOn)){var s=e.trim().split(t.settings.splitOn)
+B(s,(e=>{P(e)&&(this.options[e]?t.addItem(e):t.createItem(e))}))}}),0)}onKeyPress(e){var t=this
+if(!t.isLocked){var s=String.fromCharCode(e.keyCode||e.which)
+return t.settings.create&&"multi"===t.settings.mode&&s===t.settings.delimiter?(t.createItem(),void q(e)):void 0}q(e)}onKeyDown(e){var t=this
+if(t.ignoreHover=!0,t.isLocked)9!==e.keyCode&&q(e)
+else{switch(e.keyCode){case 65:if(H(oe,e)&&""==t.control_input.value)return q(e),void t.selectAll()
+break
+case 27:return t.isOpen&&(q(e,!0),t.close()),void t.clearActiveItems()
+case 40:if(!t.isOpen&&t.hasOptions)t.open()
+else if(t.activeOption){let e=t.getAdjacent(t.activeOption,1)
+e&&t.setActiveOption(e)}return void q(e)
+case 38:if(t.activeOption){let e=t.getAdjacent(t.activeOption,-1)
+e&&t.setActiveOption(e)}return void q(e)
+case 13:return void(t.canSelect(t.activeOption)?(t.onOptionSelect(e,t.activeOption),q(e)):(t.settings.create&&t.createItem()||document.activeElement==t.control_input&&t.isOpen)&&q(e))
+case 37:return void t.advanceSelection(-1,e)
+case 39:return void t.advanceSelection(1,e)
+case 9:return void(t.settings.selectOnTab&&(t.canSelect(t.activeOption)&&(t.onOptionSelect(e,t.activeOption),q(e)),t.settings.create&&t.createItem()&&q(e)))
+case 8:case 46:return void t.deleteSelection(e)}t.isInputHidden&&!H(oe,e)&&q(e)}}onInput(e){if(this.isLocked)return
+const t=this.inputValue()
+this.lastValue!==t&&(this.lastValue=t,""!=t?(this.refreshTimeout&&window.clearTimeout(this.refreshTimeout),this.refreshTimeout=((e,t)=>t>0?window.setTimeout(e,t):(e.call(null),null))((()=>{this.refreshTimeout=null,this._onInput()}),this.settings.refreshThrottle)):this._onInput())}_onInput(){const e=this.lastValue
+this.settings.shouldLoad.call(this,e)&&this.load(e),this.refreshOptions(),this.trigger("type",e)}onOptionHover(e,t){this.ignoreHover||this.setActiveOption(t,!1)}onFocus(e){var t=this,s=t.isFocused
+if(t.isDisabled||t.isReadOnly)return t.blur(),void q(e)
+t.ignoreFocus||(t.isFocused=!0,"focus"===t.settings.preload&&t.preload(),s||t.trigger("focus"),t.activeItems.length||(t.inputState(),t.refreshOptions(!!t.settings.openOnFocus)),t.refreshState())}onBlur(e){if(!1!==document.hasFocus()){var t=this
+if(t.isFocused){t.isFocused=!1,t.ignoreFocus=!1
+var s=()=>{t.close(),t.setActiveItem(),t.setCaret(t.items.length),t.trigger("blur")}
+t.settings.create&&t.settings.createOnBlur?t.createItem(null,s):s()}}}onOptionSelect(e,t){var s,i=this
+t.parentElement&&t.parentElement.matches("[data-disabled]")||(t.classList.contains("create")?i.createItem(null,(()=>{i.settings.closeAfterSelect&&i.close()})):void 0!==(s=t.dataset.value)&&(i.lastQuery=null,i.addItem(s),i.settings.closeAfterSelect&&i.close(),!i.settings.hideSelected&&e.type&&/click/.test(e.type)&&i.setActiveOption(t)))}canSelect(e){return!!(this.isOpen&&e&&this.dropdown_content.contains(e))}onItemSelect(e,t){var s=this
+return!s.isLocked&&"multi"===s.settings.mode&&(q(e),s.setActiveItem(t,e),!0)}canLoad(e){return!!this.settings.load&&!this.loadedSearches.hasOwnProperty(e)}load(e){const t=this
+if(!t.canLoad(e))return
+J(t.wrapper,t.settings.loadingClass),t.loading++
+const s=t.loadCallback.bind(t)
+t.settings.load.call(t,e,s)}loadCallback(e,t){const s=this
+s.loading=Math.max(s.loading-1,0),s.lastQuery=null,s.clearActiveOption(),s.setupOptions(e,t),s.refreshOptions(s.isFocused&&!s.isInputHidden),s.loading||W(s.wrapper,s.settings.loadingClass),s.trigger("load",e,t)}preload(){var e=this.wrapper.classList
+e.contains("preloaded")||(e.add("preloaded"),this.load(""))}setTextboxValue(e=""){var t=this.control_input
+t.value!==e&&(t.value=e,G(t,"update"),this.lastValue=e)}getValue(){return this.is_select_tag&&this.input.hasAttribute("multiple")?this.items:this.items.join(this.settings.delimiter)}setValue(e,t){V(this,t?[]:["change"],(()=>{this.clear(t),this.addItems(e,t)}))}setMaxItems(e){0===e&&(e=null),this.settings.maxItems=e,this.refreshState()}setActiveItem(e,t){var s,i,n,o,r,l,a=this
+if("single"!==a.settings.mode){if(!e)return a.clearActiveItems(),void(a.isFocused&&a.inputState())
+if("click"===(s=t&&t.type.toLowerCase())&&H("shiftKey",t)&&a.activeItems.length){for(l=a.getLastActive(),(n=Array.prototype.indexOf.call(a.control.children,l))>(o=Array.prototype.indexOf.call(a.control.children,e))&&(r=n,n=o,o=r),i=n;i<=o;i++)e=a.control.children[i],-1===a.activeItems.indexOf(e)&&a.setActiveItemClass(e)
+q(t)}else"click"===s&&H(oe,t)||"keydown"===s&&H("shiftKey",t)?e.classList.contains("active")?a.removeActiveItem(e):a.setActiveItemClass(e):(a.clearActiveItems(),a.setActiveItemClass(e))
+a.inputState(),a.isFocused||a.focus()}}setActiveItemClass(e){const t=this,s=t.control.querySelector(".last-active")
+s&&W(s,"last-active"),J(e,"active last-active"),t.trigger("item_select",e),-1==t.activeItems.indexOf(e)&&t.activeItems.push(e)}removeActiveItem(e){var t=this.activeItems.indexOf(e)
+this.activeItems.splice(t,1),W(e,"active")}clearActiveItems(){W(this.activeItems,"active"),this.activeItems=[]}setActiveOption(e,t=!0){e!==this.activeOption&&(this.clearActiveOption(),e&&(this.activeOption=e,se(this.focus_node,{"aria-activedescendant":e.getAttribute("id")}),se(e,{"aria-selected":"true"}),J(e,"active"),t&&this.scrollToOption(e)))}scrollToOption(e,t){if(!e)return
+const s=this.dropdown_content,i=s.clientHeight,n=s.scrollTop||0,o=e.offsetHeight,r=e.getBoundingClientRect().top-s.getBoundingClientRect().top+n
+r+o>i+n?this.scroll(r-i+o,t):r<n&&this.scroll(r,t)}scroll(e,t){const s=this.dropdown_content
+t&&(s.style.scrollBehavior=t),s.scrollTop=e,s.style.scrollBehavior=""}clearActiveOption(){this.activeOption&&(W(this.activeOption,"active"),se(this.activeOption,{"aria-selected":null})),this.activeOption=null,se(this.focus_node,{"aria-activedescendant":null})}selectAll(){const e=this
+if("single"===e.settings.mode)return
+const t=e.controlChildren()
+t.length&&(e.inputState(),e.close(),e.activeItems=t,B(t,(t=>{e.setActiveItemClass(t)})))}inputState(){var e=this
+e.control.contains(e.control_input)&&(se(e.control_input,{placeholder:e.settings.placeholder}),e.activeItems.length>0||!e.isFocused&&e.settings.hidePlaceholder&&e.items.length>0?(e.setTextboxValue(),e.isInputHidden=!0):(e.settings.hidePlaceholder&&e.items.length>0&&se(e.control_input,{placeholder:""}),e.isInputHidden=!1),e.wrapper.classList.toggle("input-hidden",e.isInputHidden))}inputValue(){return this.control_input.value.trim()}focus(){var e=this
+e.isDisabled||e.isReadOnly||(e.ignoreFocus=!0,e.control_input.offsetWidth?e.control_input.focus():e.focus_node.focus(),setTimeout((()=>{e.ignoreFocus=!1,e.onFocus()}),0))}blur(){this.focus_node.blur(),this.onBlur()}getScoreFunction(e){return this.sifter.getScoreFunction(e,this.getSearchOptions())}getSearchOptions(){var e=this.settings,t=e.sortField
+return"string"==typeof e.sortField&&(t=[{field:e.sortField}]),{fields:e.searchField,conjunction:e.searchConjunction,sort:t,nesting:e.nesting}}search(e){var t,s,i=this,n=this.getSearchOptions()
+if(i.settings.score&&"function"!=typeof(s=i.settings.score.call(i,e)))throw new Error('Tom Select "score" setting must be a function that returns a function')
+return e!==i.lastQuery?(i.lastQuery=e,t=i.sifter.search(e,Object.assign(n,{score:s})),i.currentResults=t):t=Object.assign({},i.currentResults),i.settings.hideSelected&&(t.items=t.items.filter((e=>{let t=P(e.id)
+return!(t&&-1!==i.items.indexOf(t))}))),t}refreshOptions(e=!0){var t,s,i,n,o,r,l,a,c,d
+const u={},p=[]
+var h=this,g=h.inputValue()
+const f=g===h.lastQuery||""==g&&null==h.lastQuery
+var m=h.search(g),v=null,y=h.settings.shouldOpen||!1,O=h.dropdown_content
+f&&(v=h.activeOption)&&(c=v.closest("[data-group]")),n=m.items.length,"number"==typeof h.settings.maxOptions&&(n=Math.min(n,h.settings.maxOptions)),n>0&&(y=!0)
+const b=(e,t)=>{let s=u[e]
+if(void 0!==s){let e=p[s]
+if(void 0!==e)return[s,e.fragment]}let i=document.createDocumentFragment()
+return s=p.length,p.push({fragment:i,order:t,optgroup:e}),[s,i]}
+for(t=0;t<n;t++){let e=m.items[t]
+if(!e)continue
+let n=e.id,l=h.options[n]
+if(void 0===l)continue
+let a=N(n),d=h.getOption(a,!0)
+for(h.settings.hideSelected||d.classList.toggle("selected",h.items.includes(a)),o=l[h.settings.optgroupField]||"",s=0,i=(r=Array.isArray(o)?o:[o])&&r.length;s<i;s++){o=r[s]
+let e=l.$order,t=h.optgroups[o]
+void 0===t?o="":e=t.$order
+const[i,a]=b(o,e)
+s>0&&(d=d.cloneNode(!0),se(d,{id:l.$id+"-clone-"+s,"aria-selected":null}),d.classList.add("ts-cloned"),W(d,"active"),h.activeOption&&h.activeOption.dataset.value==n&&c&&c.dataset.group===o.toString()&&(v=d)),a.appendChild(d),""!=o&&(u[o]=i)}}var w
+h.settings.lockOptgroupOrder&&p.sort(((e,t)=>e.order-t.order)),l=document.createDocumentFragment(),B(p,(e=>{let t=e.fragment,s=e.optgroup
+if(!t||!t.children.length)return
+let i=h.optgroups[s]
+if(void 0!==i){let e=document.createDocumentFragment(),s=h.render("optgroup_header",i)
+z(e,s),z(e,t)
+let n=h.render("optgroup",{group:i,options:e})
+z(l,n)}else z(l,t)})),O.innerHTML="",z(O,l),h.settings.highlight&&(w=O.querySelectorAll("span.highlight"),Array.prototype.forEach.call(w,(function(e){var t=e.parentNode
+t.replaceChild(e.firstChild,e),t.normalize()})),m.query.length&&m.tokens.length&&B(m.tokens,(e=>{ne(O,e.regex)})))
+var _=e=>{let t=h.render(e,{input:g})
+return t&&(y=!0,O.insertBefore(t,O.firstChild)),t}
+if(h.loading?_("loading"):h.settings.shouldLoad.call(h,g)?0===m.items.length&&_("no_results"):_("not_loading"),(a=h.canCreate(g))&&(d=_("option_create")),h.hasOptions=m.items.length>0||a,y){if(m.items.length>0){if(v||"single"!==h.settings.mode||null==h.items[0]||(v=h.getOption(h.items[0])),!O.contains(v)){let e=0
+d&&!h.settings.addPrecedence&&(e=1),v=h.selectable()[e]}}else d&&(v=d)
+e&&!h.isOpen&&(h.open(),h.scrollToOption(v,"auto")),h.setActiveOption(v)}else h.clearActiveOption(),e&&h.isOpen&&h.close(!1)}selectable(){return this.dropdown_content.querySelectorAll("[data-selectable]")}addOption(e,t=!1){const s=this
+if(Array.isArray(e))return s.addOptions(e,t),!1
+const i=P(e[s.settings.valueField])
+return null!==i&&!s.options.hasOwnProperty(i)&&(e.$order=e.$order||++s.order,e.$id=s.inputId+"-opt-"+e.$order,s.options[i]=e,s.lastQuery=null,t&&(s.userOptions[i]=t,s.trigger("option_add",i,e)),i)}addOptions(e,t=!1){B(e,(e=>{this.addOption(e,t)}))}registerOption(e){return this.addOption(e)}registerOptionGroup(e){var t=P(e[this.settings.optgroupValueField])
+return null!==t&&(e.$order=e.$order||++this.order,this.optgroups[t]=e,t)}addOptionGroup(e,t){var s
+t[this.settings.optgroupValueField]=e,(s=this.registerOptionGroup(t))&&this.trigger("optgroup_add",s,t)}removeOptionGroup(e){this.optgroups.hasOwnProperty(e)&&(delete this.optgroups[e],this.clearCache(),this.trigger("optgroup_remove",e))}clearOptionGroups(){this.optgroups={},this.clearCache(),this.trigger("optgroup_clear")}updateOption(e,t){const s=this
+var i,n
+const o=P(e),r=P(t[s.settings.valueField])
+if(null===o)return
+const l=s.options[o]
+if(null==l)return
+if("string"!=typeof r)throw new Error("Value must be set in option data")
+const a=s.getOption(o),c=s.getItem(o)
+if(t.$order=t.$order||l.$order,delete s.options[o],s.uncacheValue(r),s.options[r]=t,a){if(s.dropdown_content.contains(a)){const e=s._render("option",t)
+ie(a,e),s.activeOption===a&&s.setActiveOption(e)}a.remove()}c&&(-1!==(n=s.items.indexOf(o))&&s.items.splice(n,1,r),i=s._render("item",t),c.classList.contains("active")&&J(i,"active"),ie(c,i)),s.lastQuery=null}removeOption(e,t){const s=this
+e=N(e),s.uncacheValue(e),delete s.userOptions[e],delete s.options[e],s.lastQuery=null,s.trigger("option_remove",e),s.removeItem(e,t)}clearOptions(e){const t=(e||this.clearFilter).bind(this)
+this.loadedSearches={},this.userOptions={},this.clearCache()
+const s={}
+B(this.options,((e,i)=>{t(e,i)&&(s[i]=e)})),this.options=this.sifter.items=s,this.lastQuery=null,this.trigger("option_clear")}clearFilter(e,t){return this.items.indexOf(t)>=0}getOption(e,t=!1){const s=P(e)
+if(null===s)return null
+const i=this.options[s]
+if(null!=i){if(i.$div)return i.$div
+if(t)return this._render("option",i)}return null}getAdjacent(e,t,s="option"){var i
+if(!e)return null
+i="item"==s?this.controlChildren():this.dropdown_content.querySelectorAll("[data-selectable]")
+for(let s=0;s<i.length;s++)if(i[s]==e)return t>0?i[s+1]:i[s-1]
+return null}getItem(e){if("object"==typeof e)return e
+var t=P(e)
+return null!==t?this.control.querySelector(`[data-value="${M(t)}"]`):null}addItems(e,t){var s=this,i=Array.isArray(e)?e:[e]
+const n=(i=i.filter((e=>-1===s.items.indexOf(e))))[i.length-1]
+i.forEach((e=>{s.isPending=e!==n,s.addItem(e,t)}))}addItem(e,t){V(this,t?[]:["change","dropdown_close"],(()=>{var s,i
+const n=this,o=n.settings.mode,r=P(e)
+if((!r||-1===n.items.indexOf(r)||("single"===o&&n.close(),"single"!==o&&n.settings.duplicates))&&null!==r&&n.options.hasOwnProperty(r)&&("single"===o&&n.clear(t),"multi"!==o||!n.isFull())){if(s=n._render("item",n.options[r]),n.control.contains(s)&&(s=s.cloneNode(!0)),i=n.isFull(),n.items.splice(n.caretPos,0,r),n.insertAtCaret(s),n.isSetup){if(!n.isPending&&n.settings.hideSelected){let e=n.getOption(r),t=n.getAdjacent(e,1)
+t&&n.setActiveOption(t)}n.isPending||n.settings.closeAfterSelect||n.refreshOptions(n.isFocused&&"single"!==o),0!=n.settings.closeAfterSelect&&n.isFull()?n.close():n.isPending||n.positionDropdown(),n.trigger("item_add",r,s),n.isPending||n.updateOriginalInput({silent:t})}(!n.isPending||!i&&n.isFull())&&(n.inputState(),n.refreshState())}}))}removeItem(e=null,t){const s=this
+if(!(e=s.getItem(e)))return
+var i,n
+const o=e.dataset.value
+i=te(e),e.remove(),e.classList.contains("active")&&(n=s.activeItems.indexOf(e),s.activeItems.splice(n,1),W(e,"active")),s.items.splice(i,1),s.lastQuery=null,!s.settings.persist&&s.userOptions.hasOwnProperty(o)&&s.removeOption(o,t),i<s.caretPos&&s.setCaret(s.caretPos-1),s.updateOriginalInput({silent:t}),s.refreshState(),s.positionDropdown(),s.trigger("item_remove",o,e)}createItem(e=null,t=()=>{}){3===arguments.length&&(t=arguments[2]),"function"!=typeof t&&(t=()=>{})
+var s,i=this,n=i.caretPos
+if(e=e||i.inputValue(),!i.canCreate(e))return t(),!1
+i.lock()
+var o=!1,r=e=>{if(i.unlock(),!e||"object"!=typeof e)return t()
+var s=P(e[i.settings.valueField])
+if("string"!=typeof s)return t()
+i.setTextboxValue(),i.addOption(e,!0),i.setCaret(n),i.addItem(s),t(e),o=!0}
+return s="function"==typeof i.settings.create?i.settings.create.call(this,e,r):{[i.settings.labelField]:e,[i.settings.valueField]:e},o||r(s),!0}refreshItems(){var e=this
+e.lastQuery=null,e.isSetup&&e.addItems(e.items),e.updateOriginalInput(),e.refreshState()}refreshState(){const e=this
+e.refreshValidityState()
+const t=e.isFull(),s=e.isLocked
+e.wrapper.classList.toggle("rtl",e.rtl)
+const i=e.wrapper.classList
+var n
+i.toggle("focus",e.isFocused),i.toggle("disabled",e.isDisabled),i.toggle("readonly",e.isReadOnly),i.toggle("required",e.isRequired),i.toggle("invalid",!e.isValid),i.toggle("locked",s),i.toggle("full",t),i.toggle("input-active",e.isFocused&&!e.isInputHidden),i.toggle("dropdown-active",e.isOpen),i.toggle("has-options",(n=e.options,0===Object.keys(n).length)),i.toggle("has-items",e.items.length>0)}refreshValidityState(){var e=this
+e.input.validity&&(e.isValid=e.input.validity.valid,e.isInvalid=!e.isValid)}isFull(){return null!==this.settings.maxItems&&this.items.length>=this.settings.maxItems}updateOriginalInput(e={}){const t=this
+var s,i
+const n=t.input.querySelector('option[value=""]')
+if(t.is_select_tag){const o=[],r=t.input.querySelectorAll("option:checked").length
+function l(e,s,i){return e||(e=K('<option value="'+j(s)+'">'+j(i)+"</option>")),e!=n&&t.input.append(e),o.push(e),(e!=n||r>0)&&(e.selected=!0),e}t.input.querySelectorAll("option:checked").forEach((e=>{e.selected=!1})),0==t.items.length&&"single"==t.settings.mode?l(n,"",""):t.items.forEach((e=>{if(s=t.options[e],i=s[t.settings.labelField]||"",o.includes(s.$option)){l(t.input.querySelector(`option[value="${M(e)}"]:not(:checked)`),e,i)}else s.$option=l(s.$option,e,i)}))}else t.input.value=t.getValue()
+t.isSetup&&(e.silent||t.trigger("change",t.getValue()))}open(){var e=this
+e.isLocked||e.isOpen||"multi"===e.settings.mode&&e.isFull()||(e.isOpen=!0,se(e.focus_node,{"aria-expanded":"true"}),e.refreshState(),U(e.dropdown,{visibility:"hidden",display:"block"}),e.positionDropdown(),U(e.dropdown,{visibility:"visible",display:"block"}),e.focus(),e.trigger("dropdown_open",e.dropdown))}close(e=!0){var t=this,s=t.isOpen
+e&&(t.setTextboxValue(),"single"===t.settings.mode&&t.items.length&&t.inputState()),t.isOpen=!1,se(t.focus_node,{"aria-expanded":"false"}),U(t.dropdown,{display:"none"}),t.settings.hideSelected&&t.clearActiveOption(),t.refreshState(),s&&t.trigger("dropdown_close",t.dropdown)}positionDropdown(){if("body"===this.settings.dropdownParent){var e=this.control,t=e.getBoundingClientRect(),s=e.offsetHeight+t.top+window.scrollY,i=t.left+window.scrollX
+U(this.dropdown,{width:t.width+"px",top:s+"px",left:i+"px"})}}clear(e){var t=this
+if(t.items.length){var s=t.controlChildren()
+B(s,(e=>{t.removeItem(e,!0)})),t.inputState(),e||t.updateOriginalInput(),t.trigger("clear")}}insertAtCaret(e){const t=this,s=t.caretPos,i=t.control
+i.insertBefore(e,i.children[s]||null),t.setCaret(s+1)}deleteSelection(e){var t,s,i,n,o,r=this
+t=e&&8===e.keyCode?-1:1,s={start:(o=r.control_input).selectionStart||0,length:(o.selectionEnd||0)-(o.selectionStart||0)}
+const l=[]
+if(r.activeItems.length)n=ee(r.activeItems,t),i=te(n),t>0&&i++,B(r.activeItems,(e=>l.push(e)))
+else if((r.isFocused||"single"===r.settings.mode)&&r.items.length){const e=r.controlChildren()
+let i
+t<0&&0===s.start&&0===s.length?i=e[r.caretPos-1]:t>0&&s.start===r.inputValue().length&&(i=e[r.caretPos]),void 0!==i&&l.push(i)}if(!r.shouldDelete(l,e))return!1
+for(q(e,!0),void 0!==i&&r.setCaret(i);l.length;)r.removeItem(l.pop())
+return r.inputState(),r.positionDropdown(),r.refreshOptions(!1),!0}shouldDelete(e,t){const s=e.map((e=>e.dataset.value))
+return!(!s.length||"function"==typeof this.settings.onDelete&&!1===this.settings.onDelete(s,t))}advanceSelection(e,t){var s,i,n=this
+n.rtl&&(e*=-1),n.inputValue().length||(H(oe,t)||H("shiftKey",t)?(i=(s=n.getLastActive(e))?s.classList.contains("active")?n.getAdjacent(s,e,"item"):s:e>0?n.control_input.nextElementSibling:n.control_input.previousElementSibling)&&(i.classList.contains("active")&&n.removeActiveItem(s),n.setActiveItemClass(i)):n.moveCaret(e))}moveCaret(e){}getLastActive(e){let t=this.control.querySelector(".last-active")
+if(t)return t
+var s=this.control.querySelectorAll(".active")
+return s?ee(s,e):void 0}setCaret(e){this.caretPos=this.items.length}controlChildren(){return Array.from(this.control.querySelectorAll("[data-ts-item]"))}lock(){this.setLocked(!0)}unlock(){this.setLocked(!1)}setLocked(e=this.isReadOnly||this.isDisabled){this.isLocked=e,this.refreshState()}disable(){this.setDisabled(!0),this.close()}enable(){this.setDisabled(!1)}setDisabled(e){this.focus_node.tabIndex=e?-1:this.tabIndex,this.isDisabled=e,this.input.disabled=e,this.control_input.disabled=e,this.setLocked()}setReadOnly(e){this.isReadOnly=e,this.input.readOnly=e,this.control_input.readOnly=e,this.setLocked()}destroy(){var e=this,t=e.revertSettings
+e.trigger("destroy"),e.off(),e.wrapper.remove(),e.dropdown.remove(),e.input.innerHTML=t.innerHTML,e.input.tabIndex=t.tabIndex,W(e.input,"tomselected","ts-hidden-accessible"),e._destroy(),delete e.input.tomselect}render(e,t){var s,i
+const n=this
+if("function"!=typeof this.settings.render[e])return null
+if(!(i=n.settings.render[e].call(this,t,j)))return null
+if(i=K(i),"option"===e||"option_create"===e?t[n.settings.disabledField]?se(i,{"aria-disabled":"true"}):se(i,{"data-selectable":""}):"optgroup"===e&&(s=t.group[n.settings.optgroupValueField],se(i,{"data-group":s}),t.group[n.settings.disabledField]&&se(i,{"data-disabled":""})),"option"===e||"item"===e){const s=N(t[n.settings.valueField])
+se(i,{"data-value":s}),"item"===e?(J(i,n.settings.itemClass),se(i,{"data-ts-item":""})):(J(i,n.settings.optionClass),se(i,{role:"option",id:t.$id}),t.$div=i,n.options[s]=t)}return i}_render(e,t){const s=this.render(e,t)
+if(null==s)throw"HTMLElement expected"
+return s}clearCache(){B(this.options,(e=>{e.$div&&(e.$div.remove(),delete e.$div)}))}uncacheValue(e){const t=this.getOption(e)
+t&&t.remove()}canCreate(e){return this.settings.create&&e.length>0&&this.settings.createFilter.call(this,e)}hook(e,t,s){var i=this,n=i[t]
+i[t]=function(){var t,o
+return"after"===e&&(t=n.apply(i,arguments)),o=s.apply(i,arguments),"instead"===e?o:("before"===e&&(t=n.apply(i,arguments)),t)}}}return ce.define("change_listener",(function(){D(this.input,"change",(()=>{this.sync()}))})),ce.define("checkbox_options",(function(e){var t=this,s=t.onOptionSelect
+t.settings.hideSelected=!1
+const i=Object.assign({className:"tomselect-checkbox",checkedClassNames:void 0,uncheckedClassNames:void 0},e)
+var n=function(e,t){t?(e.checked=!0,i.uncheckedClassNames&&e.classList.remove(...i.uncheckedClassNames),i.checkedClassNames&&e.classList.add(...i.checkedClassNames)):(e.checked=!1,i.checkedClassNames&&e.classList.remove(...i.checkedClassNames),i.uncheckedClassNames&&e.classList.add(...i.uncheckedClassNames))},o=function(e){setTimeout((()=>{var t=e.querySelector("input."+i.className)
+t instanceof HTMLInputElement&&n(t,e.classList.contains("selected"))}),1)}
+t.hook("after","setupTemplates",(()=>{var e=t.settings.render.option
+t.settings.render.option=(s,o)=>{var r=K(e.call(t,s,o)),l=document.createElement("input")
+i.className&&l.classList.add(i.className),l.addEventListener("click",(function(e){q(e)})),l.type="checkbox"
+const a=P(s[t.settings.valueField])
+return n(l,!!(a&&t.items.indexOf(a)>-1)),r.prepend(l),r}})),t.on("item_remove",(e=>{var s=t.getOption(e)
+s&&(s.classList.remove("selected"),o(s))})),t.on("item_add",(e=>{var s=t.getOption(e)
+s&&o(s)})),t.hook("instead","onOptionSelect",((e,i)=>{if(i.classList.contains("selected"))return i.classList.remove("selected"),t.removeItem(i.dataset.value),t.refreshOptions(),void q(e,!0)
+s.call(t,e,i),o(i)}))})),ce.define("clear_button",(function(e){const t=this,s=Object.assign({className:"clear-button",title:"Clear All",html:e=>`<div class="${e.className}" title="${e.title}">&#10799;</div>`},e)
+t.on("initialize",(()=>{var e=K(s.html(s))
+e.addEventListener("click",(e=>{t.isLocked||(t.clear(),"single"===t.settings.mode&&t.settings.allowEmptyOption&&t.addItem(""),e.preventDefault(),e.stopPropagation())})),t.control.appendChild(e)}))})),ce.define("drag_drop",(function(){var e=this
+if("multi"!==e.settings.mode)return
+var t=e.lock,s=e.unlock
+let i,n=!0
+e.hook("after","setupTemplates",(()=>{var t=e.settings.render.item
+e.settings.render.item=(s,o)=>{const r=K(t.call(e,s,o))
+se(r,{draggable:"true"})
+const l=e=>{e.preventDefault(),r.classList.add("ts-drag-over"),a(r,i)},a=(e,t)=>{var s,i,n
+void 0!==t&&(((e,t)=>{do{var s
+if(e==(t=null==(s=t)?void 0:s.previousElementSibling))return!0}while(t&&t.previousElementSibling)
+return!1})(t,r)?(i=t,null==(n=(s=e).parentNode)||n.insertBefore(i,s.nextSibling)):((e,t)=>{var s
+null==(s=e.parentNode)||s.insertBefore(t,e)})(e,t))}
+return D(r,"mousedown",(e=>{n||q(e),e.stopPropagation()})),D(r,"dragstart",(e=>{i=r,setTimeout((()=>{r.classList.add("ts-dragging")}),0)})),D(r,"dragenter",l),D(r,"dragover",l),D(r,"dragleave",(()=>{r.classList.remove("ts-drag-over")})),D(r,"dragend",(()=>{var t
+document.querySelectorAll(".ts-drag-over").forEach((e=>e.classList.remove("ts-drag-over"))),null==(t=i)||t.classList.remove("ts-dragging"),i=void 0
+var s=[]
+e.control.querySelectorAll("[data-value]").forEach((e=>{if(e.dataset.value){let t=e.dataset.value
+t&&s.push(t)}})),e.setValue(s)})),r}})),e.hook("instead","lock",(()=>(n=!1,t.call(e)))),e.hook("instead","unlock",(()=>(n=!0,s.call(e))))})),ce.define("dropdown_header",(function(e){const t=this,s=Object.assign({title:"Untitled",headerClass:"dropdown-header",titleRowClass:"dropdown-header-title",labelClass:"dropdown-header-label",closeClass:"dropdown-header-close",html:e=>'<div class="'+e.headerClass+'"><div class="'+e.titleRowClass+'"><span class="'+e.labelClass+'">'+e.title+'</span><a class="'+e.closeClass+'">&times;</a></div></div>'},e)
+t.on("initialize",(()=>{var e=K(s.html(s)),i=e.querySelector("."+s.closeClass)
+i&&i.addEventListener("click",(e=>{q(e,!0),t.close()})),t.dropdown.insertBefore(e,t.dropdown.firstChild)}))})),ce.define("caret_position",(function(){var e=this
+e.hook("instead","setCaret",(t=>{"single"!==e.settings.mode&&e.control.contains(e.control_input)?(t=Math.max(0,Math.min(e.items.length,t)))==e.caretPos||e.isPending||e.controlChildren().forEach(((s,i)=>{i<t?e.control_input.insertAdjacentElement("beforebegin",s):e.control.appendChild(s)})):t=e.items.length,e.caretPos=t})),e.hook("instead","moveCaret",(t=>{if(!e.isFocused)return
+const s=e.getLastActive(t)
+if(s){const i=te(s)
+e.setCaret(t>0?i+1:i),e.setActiveItem(),W(s,"last-active")}else e.setCaret(e.caretPos+t)}))})),ce.define("dropdown_input",(function(){const e=this
+e.settings.shouldOpen=!0,e.hook("before","setup",(()=>{e.focus_node=e.control,J(e.control_input,"dropdown-input")
+const t=K('<div class="dropdown-input-wrap">')
+t.append(e.control_input),e.dropdown.insertBefore(t,e.dropdown.firstChild)
+const s=K('<input class="items-placeholder" tabindex="-1" />')
+s.placeholder=e.settings.placeholder||"",e.control.append(s)})),e.on("initialize",(()=>{e.control_input.addEventListener("keydown",(t=>{switch(t.keyCode){case 27:return e.isOpen&&(q(t,!0),e.close()),void e.clearActiveItems()
+case 9:e.focus_node.tabIndex=-1}return e.onKeyDown.call(e,t)})),e.on("blur",(()=>{e.focus_node.tabIndex=e.isDisabled?-1:e.tabIndex})),e.on("dropdown_open",(()=>{e.control_input.focus()}))
+const t=e.onBlur
+e.hook("instead","onBlur",(s=>{if(!s||s.relatedTarget!=e.control_input)return t.call(e)})),D(e.control_input,"blur",(()=>e.onBlur())),e.hook("before","close",(()=>{e.isOpen&&e.focus_node.focus({preventScroll:!0})}))}))})),ce.define("input_autogrow",(function(){var e=this
+e.on("initialize",(()=>{var t=document.createElement("span"),s=e.control_input
+t.style.cssText="position:absolute; top:-99999px; left:-99999px; width:auto; padding:0; white-space:pre; ",e.wrapper.appendChild(t)
+for(const e of["letterSpacing","fontSize","fontFamily","fontWeight","textTransform"])t.style[e]=s.style[e]
+var i=()=>{t.textContent=s.value,s.style.width=t.clientWidth+"px"}
+i(),e.on("update item_add item_remove",i),D(s,"input",i),D(s,"keyup",i),D(s,"blur",i),D(s,"update",i)}))})),ce.define("no_backspace_delete",(function(){var e=this,t=e.deleteSelection
+this.hook("instead","deleteSelection",(s=>!!e.activeItems.length&&t.call(e,s)))})),ce.define("no_active_items",(function(){this.hook("instead","setActiveItem",(()=>{})),this.hook("instead","selectAll",(()=>{}))})),ce.define("optgroup_columns",(function(){var e=this,t=e.onKeyDown
+e.hook("instead","onKeyDown",(s=>{var i,n,o,r
+if(!e.isOpen||37!==s.keyCode&&39!==s.keyCode)return t.call(e,s)
+e.ignoreHover=!0,r=Z(e.activeOption,"[data-group]"),i=te(e.activeOption,"[data-selectable]"),r&&(r=37===s.keyCode?r.previousSibling:r.nextSibling)&&(n=(o=r.querySelectorAll("[data-selectable]"))[Math.min(o.length-1,i)])&&e.setActiveOption(n)}))})),ce.define("remove_button",(function(e){const t=Object.assign({label:"&times;",title:"Remove",className:"remove",append:!0},e)
+var s=this
+if(t.append){var i='<a href="javascript:void(0)" class="'+t.className+'" tabindex="-1" title="'+j(t.title)+'">'+t.label+"</a>"
+s.hook("after","setupTemplates",(()=>{var e=s.settings.render.item
+s.settings.render.item=(t,n)=>{var o=K(e.call(s,t,n)),r=K(i)
+return o.appendChild(r),D(r,"mousedown",(e=>{q(e,!0)})),D(r,"click",(e=>{s.isLocked||(q(e,!0),s.isLocked||s.shouldDelete([o],e)&&(s.removeItem(o),s.refreshOptions(!1),s.inputState()))})),o}}))}})),ce.define("restore_on_backspace",(function(e){const t=this,s=Object.assign({text:e=>e[t.settings.labelField]},e)
+t.on("item_remove",(function(e){if(t.isFocused&&""===t.control_input.value.trim()){var i=t.options[e]
+i&&t.setTextboxValue(s.text.call(t,i))}}))})),ce.define("virtual_scroll",(function(){const e=this,t=e.canLoad,s=e.clearActiveOption,i=e.loadCallback
+var n,o,r={},l=!1,a=[]
+if(e.settings.shouldLoadMore||(e.settings.shouldLoadMore=()=>{if(n.clientHeight/(n.scrollHeight-n.scrollTop)>.9)return!0
+if(e.activeOption){var t=e.selectable()
+if(Array.from(t).indexOf(e.activeOption)>=t.length-2)return!0}return!1}),!e.settings.firstUrl)throw"virtual_scroll plugin requires a firstUrl() method"
+e.settings.sortField=[{field:"$order"},{field:"$score"}]
+const c=t=>!("number"==typeof e.settings.maxOptions&&n.children.length>=e.settings.maxOptions)&&!(!(t in r)||!r[t]),d=(t,s)=>e.items.indexOf(s)>=0||a.indexOf(s)>=0
+e.setNextUrl=(e,t)=>{r[e]=t},e.getUrl=t=>{if(t in r){const e=r[t]
+return r[t]=!1,e}return e.clearPagination(),e.settings.firstUrl.call(e,t)},e.clearPagination=()=>{r={}},e.hook("instead","clearActiveOption",(()=>{if(!l)return s.call(e)})),e.hook("instead","canLoad",(s=>s in r?c(s):t.call(e,s))),e.hook("instead","loadCallback",((t,s)=>{if(l){if(o){const s=t[0]
+void 0!==s&&(o.dataset.value=s[e.settings.valueField])}}else e.clearOptions(d)
+i.call(e,t,s),l=!1})),e.hook("after","refreshOptions",(()=>{const t=e.lastValue
+var s
+c(t)?(s=e.render("loading_more",{query:t}))&&(s.setAttribute("data-selectable",""),o=s):t in r&&!n.querySelector(".no-results")&&(s=e.render("no_more_results",{query:t})),s&&(J(s,e.settings.optionClass),n.append(s))})),e.on("initialize",(()=>{a=Object.keys(e.options),n=e.dropdown_content,e.settings.render=Object.assign({},{loading_more:()=>'<div class="loading-more-results">Loading more results ... </div>',no_more_results:()=>'<div class="no-more-results">No more results</div>'},e.settings.render),n.addEventListener("scroll",(()=>{e.settings.shouldLoadMore.call(e)&&c(e.lastValue)&&(l||(l=!0,e.load.call(e,e.lastValue)))}))}))})),ce}))
+var tomSelect=function(e,t){return new TomSelect(e,t)}
+//# sourceMappingURL=tom-select.complete.min.js.map
diff --git a/public_html/assets/raven/vendor/js/world.js b/public_html/assets/raven/vendor/js/world.js
new file mode 100644
index 0000000..0ea2234
--- /dev/null
+++ b/public_html/assets/raven/vendor/js/world.js
@@ -0,0 +1 @@
+"use strict";jsVectorMap.addMap("world",{insets:[{width:900,top:0,left:0,height:440.70631074413296,bbox:[{y:-12671671.123330014,x:-20004297.151525836},{y:6930392.025135122,x:20026572.39474939}]}],paths:{BD:{path:"M651.84,230.21l-0.6,-2.0l-1.36,-1.71l-2.31,-0.11l-0.41,0.48l0.2,0.94l-0.53,0.99l-0.72,-0.36l-0.68,0.35l-1.2,-0.36l-0.37,-2.0l-0.81,-1.86l0.39,-1.46l-0.22,-0.47l-1.14,-0.53l0.29,-0.5l1.48,-0.94l0.03,-0.65l-1.55,-1.22l0.55,-1.14l1.61,0.94l1.04,0.15l0.18,1.54l0.34,0.35l5.64,0.63l-0.84,1.64l-1.22,0.34l-0.77,1.51l0.07,0.47l1.37,1.37l0.67,-0.19l0.42,-1.39l1.21,3.84l-0.03,1.21l-0.33,-0.15l-0.4,0.28Z",name:"Bangladesh"},BE:{path:"M429.29,144.05l1.91,0.24l2.1,-0.63l2.63,1.99l-0.21,1.66l-0.69,0.4l-0.18,1.2l-1.66,-1.13l-1.39,0.15l-2.73,-2.7l-1.17,-0.18l-0.16,-0.52l1.54,-0.5Z",name:"Belgium"},BF:{path:"M421.42,247.64l-0.11,0.95l0.34,1.16l1.4,1.71l0.07,1.1l0.32,0.37l2.55,0.51l-0.04,1.28l-0.38,0.53l-1.07,0.21l-0.72,1.18l-0.63,0.21l-3.22,-0.25l-0.94,0.39l-5.4,-0.05l-0.39,0.38l0.16,2.73l-1.23,-0.43l-1.17,0.1l-0.89,0.57l-2.27,-1.72l-0.13,-1.11l0.61,-0.96l0.02,-0.93l1.87,-1.98l0.44,-1.81l0.43,-0.39l1.28,0.26l1.05,-0.52l0.47,-0.73l1.84,-1.09l0.55,-0.83l2.2,-1.0l1.15,-0.3l0.72,0.45l1.13,-0.01Z",name:"Burkina Faso"},BG:{path:"M491.65,168.18l-0.86,0.88l-0.91,2.17l0.48,1.34l-1.6,-0.24l-2.55,0.95l-0.28,1.51l-1.8,0.22l-2.0,-1.0l-1.92,0.79l-1.42,-0.07l-0.15,-1.63l-1.05,-0.97l0.0,-0.8l1.2,-1.57l0.01,-0.56l-1.14,-1.23l-0.05,-0.94l0.88,0.97l0.88,-0.2l1.91,0.47l3.68,0.16l1.42,-0.81l2.72,-0.66l2.55,1.24Z",name:"Bulgaria"},BA:{path:"M463.49,163.65l2.1,0.5l1.72,-0.03l1.52,0.68l-0.36,0.78l0.08,0.45l1.04,1.02l-0.25,0.98l-1.81,1.15l-0.38,1.38l-1.67,-0.87l-0.89,-1.2l-2.11,-1.83l-1.63,-2.22l0.23,-0.57l0.48,0.38l0.55,-0.06l0.43,-0.51l0.94,-0.06Z",name:"Bosnia and Herz."},BN:{path:"M707.48,273.58l0.68,-0.65l1.41,-0.91l-0.15,1.63l-0.81,-0.05l-0.61,0.58l-0.53,-0.6Z",name:"Brunei"},BO:{path:"M263.83,340.69l-3.09,-0.23l-0.38,0.23l-0.7,1.52l-1.31,-1.53l-3.28,-0.64l-2.37,2.4l-1.31,0.26l-0.88,-3.26l-1.3,-2.86l0.74,-2.37l-0.13,-0.43l-1.2,-1.01l-0.37,-1.89l-1.08,-1.55l1.45,-2.56l-0.96,-2.33l0.47,-1.06l-0.34,-0.73l0.91,-1.32l0.16,-3.84l0.5,-1.18l-1.81,-3.41l2.46,0.07l0.8,-0.85l3.4,-1.91l2.66,-0.35l-0.19,1.38l0.3,1.07l-0.05,1.97l2.72,2.27l2.88,0.49l0.89,0.86l1.79,0.58l0.98,0.7l1.71,0.05l1.17,0.61l0.6,2.7l-0.7,0.54l0.96,2.99l0.37,0.28l4.3,0.1l-0.25,1.2l0.27,1.02l1.43,0.9l0.5,1.35l-0.41,1.86l-0.65,1.08l0.12,1.35l-2.69,-1.65l-2.4,-0.03l-4.36,0.76l-1.49,2.5l-0.11,1.52l-0.75,2.37Z",name:"Bolivia"},JP:{path:"M781.12,166.87l1.81,0.68l1.62,-0.97l0.39,2.42l-3.35,0.75l-2.23,2.88l-3.63,-1.9l-0.56,0.2l-1.26,3.05l-2.16,0.03l-0.29,-2.51l1.08,-2.03l2.45,-0.16l0.37,-0.33l1.25,-5.94l2.47,2.71l2.03,1.12ZM773.56,187.34l-0.91,2.22l0.37,1.52l-1.14,1.75l-3.02,1.26l-4.58,0.27l-3.34,3.01l-1.25,-0.8l-0.09,-1.9l-0.46,-0.38l-4.35,0.62l-3.0,1.32l-2.85,0.05l-0.37,0.27l0.13,0.44l2.32,1.89l-1.54,4.34l-1.26,0.9l-0.79,-0.7l0.56,-2.27l-0.21,-0.45l-1.47,-0.75l-0.74,-1.4l2.12,-0.84l1.26,-1.7l2.45,-1.42l1.83,-1.91l4.78,-0.81l2.6,0.57l0.44,-0.21l2.39,-4.66l1.29,1.06l0.5,0.01l5.1,-4.02l1.69,-3.73l-0.38,-3.4l0.9,-1.61l2.14,-0.44l1.23,3.72l-0.07,2.18l-2.23,2.84l-0.04,3.16ZM757.78,196.26l0.19,0.56l-1.01,1.21l-1.16,-0.68l-1.28,0.65l-0.69,1.45l-1.02,-0.5l0.01,-0.93l1.14,-1.38l1.57,0.14l0.85,-0.98l1.4,0.46Z",name:"Japan"},BI:{path:"M495.45,295.49l-1.08,-2.99l1.14,-0.11l0.64,-1.19l0.76,0.09l0.65,1.83l-2.1,2.36Z",name:"Burundi"},BJ:{path:"M429.57,255.75l-0.05,0.8l0.5,1.34l-0.42,0.86l0.17,0.79l-1.81,2.12l-0.57,1.76l-0.08,5.42l-1.41,0.2l-0.48,-1.36l0.11,-5.71l-0.52,-0.7l-0.2,-1.35l-1.48,-1.48l0.21,-0.9l0.89,-0.43l0.42,-0.92l1.27,-0.36l1.22,-1.34l0.61,-0.0l1.62,1.24Z",name:"Benin"},BT:{path:"M650.32,213.86l0.84,0.71l-0.12,1.1l-3.76,-0.11l-1.57,0.4l-1.93,-0.87l1.48,-1.96l1.13,-0.57l1.63,0.57l1.33,0.08l0.99,0.65Z",name:"Bhutan"},JM:{path:"M228.38,239.28l-0.8,0.4l-2.26,-1.06l0.84,-0.23l2.14,0.3l1.17,0.56l-1.08,0.03Z",name:"Jamaica"},BW:{path:"M483.92,330.07l2.27,4.01l2.83,2.86l0.96,0.31l0.78,2.43l2.13,0.61l1.02,0.76l-3.0,1.64l-2.32,2.02l-1.54,2.69l-1.52,0.45l-0.64,1.94l-1.34,0.52l-1.85,-0.12l-1.21,-0.74l-1.35,-0.3l-1.22,0.62l-0.75,1.37l-2.31,1.9l-1.4,0.21l-0.35,-0.59l0.16,-1.75l-1.48,-2.54l-0.62,-0.43l-0.0,-7.1l2.08,-0.08l0.39,-0.4l0.07,-8.9l5.19,-0.93l0.8,0.89l0.51,0.07l1.5,-0.95l2.21,-0.49Z",name:"Botswana"},BR:{path:"M259.98,275.05l3.24,0.7l0.65,-0.53l4.55,-1.32l1.08,-1.06l-0.02,-0.63l0.55,-0.05l0.28,0.28l-0.26,0.87l0.22,0.48l0.73,0.32l0.4,0.81l-0.62,0.86l-0.4,2.13l0.82,2.56l1.69,1.43l1.43,0.2l3.17,-1.68l3.18,0.3l0.65,-0.75l-0.27,-0.92l1.9,-0.09l2.39,0.99l1.06,-0.61l0.84,0.78l1.2,-0.18l1.18,-1.06l0.84,-1.94l1.36,-2.11l0.37,-0.05l1.89,5.45l1.33,0.59l0.05,1.28l-1.77,1.94l0.02,0.56l1.02,0.87l4.07,0.36l0.08,2.16l0.66,0.29l1.74,-1.5l6.97,2.32l1.02,1.22l-0.35,1.18l0.49,0.5l2.81,-0.74l4.77,1.3l3.75,-0.08l3.57,2.0l3.29,2.86l1.93,0.72l2.12,0.12l0.71,0.62l1.21,4.51l-0.95,3.98l-4.72,5.06l-1.64,2.92l-1.72,2.05l-0.8,0.3l-0.72,2.03l0.18,4.75l-0.94,5.53l-0.81,1.13l-0.43,3.36l-2.55,3.5l-0.4,2.51l-1.86,1.04l-0.67,1.53l-2.54,0.01l-3.94,1.01l-1.83,1.2l-2.87,0.82l-3.03,2.19l-2.2,2.83l-0.36,2.0l0.4,1.58l-0.44,2.6l-0.51,1.2l-1.77,1.54l-2.75,4.78l-3.83,3.42l-1.24,2.74l-1.18,1.15l-0.36,-0.83l0.95,-1.14l0.01,-0.5l-1.52,-1.97l-4.56,-3.32l-1.03,-0.0l-2.38,-2.02l-0.81,-0.0l5.34,-5.45l3.77,-2.58l0.22,-2.46l-1.35,-1.81l-0.91,0.07l0.58,-2.33l0.01,-1.54l-1.11,-0.83l-1.75,0.3l-0.44,-3.11l-0.52,-0.95l-1.88,-0.88l-1.24,0.47l-2.17,-0.41l0.15,-3.21l-0.62,-1.34l0.66,-0.73l-0.22,-1.34l0.66,-1.13l0.44,-2.04l-0.61,-1.83l-1.4,-0.86l-0.2,-0.75l0.34,-1.39l-0.38,-0.5l-4.52,-0.1l-0.72,-2.22l0.59,-0.42l-0.03,-1.1l-0.5,-0.87l-0.32,-1.7l-1.45,-0.76l-1.63,-0.02l-1.05,-0.72l-1.6,-0.48l-1.13,-0.99l-2.69,-0.4l-2.47,-2.06l0.13,-4.35l-0.45,-0.45l-3.46,0.5l-3.44,1.94l-0.6,0.74l-2.9,-0.17l-1.47,0.42l-0.72,-0.18l0.15,-3.52l-0.63,-0.34l-1.94,1.41l-1.87,-0.06l-0.83,-1.18l-1.37,-0.26l0.21,-1.01l-1.35,-1.49l-0.88,-1.91l0.56,-0.6l-0.0,-0.81l1.29,-0.62l0.22,-0.43l-0.22,-1.19l0.61,-0.91l0.15,-0.99l2.65,-1.58l1.99,-0.47l0.42,-0.36l2.06,0.11l0.42,-0.33l1.19,-8.0l-0.41,-1.56l-1.1,-1.0l0.01,-1.33l1.91,-0.42l0.08,-0.96l-0.33,-0.43l-1.14,-0.2l-0.02,-0.83l4.47,0.05l0.82,-0.67l0.82,1.81l0.8,0.07l1.15,1.1l2.26,-0.05l0.71,-0.83l2.78,-0.96l0.48,-1.13l1.6,-0.64l0.24,-0.47l-0.48,-0.82l-1.83,-0.19l-0.36,-3.22Z",name:"Brazil"},BS:{path:"M226.4,223.87l-0.48,-1.15l-0.84,-0.75l0.36,-1.11l0.95,1.95l0.01,1.06ZM225.56,216.43l-1.87,0.29l-0.04,-0.22l0.74,-0.14l1.17,0.06Z",name:"Bahamas"},BY:{path:"M493.84,128.32l0.29,0.7l0.49,0.23l1.19,-0.38l2.09,0.72l0.19,1.26l-0.45,1.24l1.57,2.26l0.89,0.59l0.17,0.81l1.58,0.56l0.4,0.5l-0.53,0.41l-1.87,-0.11l-0.73,0.38l-0.13,0.52l1.04,2.74l-1.91,0.26l-0.89,0.99l-0.11,1.18l-2.73,-0.04l-0.53,-0.62l-0.52,-0.08l-0.75,0.46l-0.91,-0.42l-1.92,-0.07l-2.75,-0.79l-2.6,-0.28l-2.0,0.07l-1.5,0.92l-0.67,0.07l-0.08,-1.22l-0.59,-1.19l1.36,-0.88l0.01,-1.35l-0.7,-1.41l-0.07,-1.0l2.16,-0.02l2.72,-1.3l0.75,-2.04l1.91,-1.04l0.2,-0.41l-0.19,-1.25l3.8,-1.78l2.3,0.77Z",name:"Belarus"},BZ:{path:"M198.03,244.38l0.1,-4.49l0.69,-0.06l0.74,-1.3l0.34,0.28l-0.4,1.3l0.17,0.58l-0.34,2.25l-1.3,1.42Z",name:"Belize"},RU:{path:"M491.55,115.25l2.55,-1.85l-0.01,-0.65l-2.2,-1.5l7.32,-6.76l1.03,-2.11l-0.13,-0.49l-3.46,-2.52l0.86,-2.7l-2.11,-2.81l1.56,-3.67l-2.77,-4.52l2.15,-2.99l-0.08,-0.55l-3.65,-2.73l0.3,-2.54l1.81,-0.37l4.26,-1.77l2.42,-1.45l4.06,2.61l6.79,1.04l9.34,4.85l1.78,1.88l0.14,2.46l-2.55,2.02l-3.9,1.06l-11.07,-3.14l-2.06,0.53l-0.13,0.7l3.94,2.94l0.31,5.86l0.26,0.36l5.14,2.24l0.58,-0.29l0.32,-1.94l-1.35,-1.78l1.13,-1.09l6.13,2.42l2.11,-0.98l0.18,-0.56l-1.51,-2.67l5.41,-3.76l2.07,0.22l2.26,1.41l0.57,-0.16l1.46,-2.87l-0.05,-0.44l-1.92,-2.32l1.12,-2.32l-1.32,-2.27l5.87,1.16l1.04,1.75l-2.59,0.43l-0.33,0.4l0.02,2.36l2.46,1.83l3.87,-0.91l0.86,-2.8l13.69,-5.65l0.99,0.11l-1.92,2.06l0.23,0.67l3.11,0.45l2.0,-1.48l4.56,-0.12l3.64,-1.73l2.65,2.44l0.56,-0.01l2.85,-2.88l-0.01,-0.57l-2.35,-2.29l0.9,-1.01l7.14,1.3l3.41,1.36l9.05,4.97l0.51,-0.11l1.67,-2.27l-0.05,-0.53l-2.43,-2.21l-0.06,-0.78l-0.34,-0.36l-2.52,-0.36l0.64,-1.93l-1.32,-3.46l-0.06,-1.21l4.48,-4.06l1.69,-4.29l1.6,-0.81l6.23,1.18l0.44,2.21l-2.29,3.64l0.06,0.5l1.47,1.39l0.76,3.0l-0.56,6.03l2.69,2.82l-0.96,2.57l-4.86,5.95l0.23,0.64l2.86,0.61l0.42,-0.17l0.93,-1.4l2.64,-1.03l0.87,-2.24l2.09,-1.96l0.07,-0.5l-1.36,-2.28l1.09,-2.69l-0.32,-0.55l-2.47,-0.33l-0.5,-2.06l1.94,-4.38l-0.06,-0.42l-2.96,-3.4l4.12,-2.88l0.16,-0.4l-0.51,-2.93l0.54,-0.05l1.13,2.25l-0.96,4.35l0.27,0.47l2.68,0.84l0.5,-0.51l-1.02,-2.99l3.79,-1.66l5.01,-0.24l4.53,2.61l0.48,-0.06l0.07,-0.48l-2.18,-3.82l-0.23,-4.67l3.98,-0.9l5.97,0.21l5.49,-0.64l0.27,-0.65l-1.83,-2.31l2.56,-2.9l2.87,-0.17l4.8,-2.47l6.54,-0.67l1.03,-1.42l6.25,-0.45l2.32,1.11l5.53,-2.7l4.5,0.08l0.39,-0.28l0.66,-2.15l2.26,-2.12l5.69,-2.11l3.21,1.29l-2.46,0.94l-0.25,0.42l0.34,0.35l5.41,0.77l0.61,2.33l0.58,0.25l2.2,-1.22l7.13,0.07l5.51,2.47l1.79,1.72l-0.53,2.24l-9.16,4.15l-1.97,1.52l0.16,0.71l6.77,1.91l2.16,-0.78l1.13,2.74l0.67,0.11l1.01,-1.15l3.81,-0.73l7.7,0.77l0.54,1.99l0.36,0.29l10.47,0.71l0.43,-0.38l0.13,-3.23l4.87,0.78l3.95,-0.02l3.83,2.4l1.03,2.71l-1.35,1.79l0.02,0.5l3.15,3.64l4.07,1.96l0.53,-0.18l2.23,-4.47l3.95,1.93l4.16,-1.21l4.73,1.39l2.05,-1.26l3.94,0.62l0.43,-0.55l-1.68,-4.02l2.89,-1.8l22.31,3.03l2.16,2.75l6.55,3.51l10.29,-0.81l4.82,0.73l1.85,1.66l-0.29,3.08l0.25,0.41l3.08,1.26l3.56,-0.88l4.35,-0.11l4.8,0.87l4.57,-0.47l4.23,3.79l0.43,0.07l3.1,-1.4l0.16,-0.6l-1.88,-2.62l0.85,-1.52l7.71,1.21l5.22,-0.26l7.09,2.09l9.59,5.22l6.35,4.11l-0.2,2.38l1.88,1.41l0.6,-0.42l-0.48,-2.53l6.15,0.57l4.4,3.51l-1.97,1.43l-4.0,0.41l-0.36,0.39l-0.06,3.79l-0.74,0.62l-2.07,-0.11l-1.91,-1.39l-3.14,-1.11l-0.78,-1.85l-2.72,-0.68l-2.63,0.49l-1.04,-1.1l0.46,-1.31l-0.5,-0.51l-3.0,0.98l-0.22,0.58l0.99,1.7l-1.21,1.48l-3.04,1.68l-3.12,-0.28l-0.4,0.23l0.09,0.46l2.2,2.09l1.46,3.2l1.15,1.1l0.24,1.33l-0.42,0.67l-4.63,-0.77l-6.96,2.9l-2.19,0.44l-7.6,5.06l-0.84,1.45l-3.61,-2.37l-6.24,2.82l-0.94,-1.15l-0.53,-0.08l-2.28,1.52l-3.2,-0.49l-0.44,0.27l-0.78,2.37l-3.05,3.78l0.09,1.47l0.29,0.36l2.54,0.72l-0.29,4.53l-1.97,0.11l-0.35,0.26l-1.07,2.94l0.8,1.45l-3.91,1.58l-1.05,3.95l-3.48,0.77l-0.3,0.3l-0.72,3.29l-3.09,2.65l-0.7,-1.74l-2.44,-12.44l1.16,-4.71l2.04,-2.06l0.22,-1.64l3.8,-0.86l4.46,-4.61l4.28,-3.81l4.48,-3.01l2.17,-5.63l-0.42,-0.54l-3.04,0.33l-1.77,3.31l-5.86,3.86l-1.86,-4.25l-0.45,-0.23l-6.46,1.3l-6.47,6.44l-0.01,0.55l1.58,1.74l-8.24,1.17l0.15,-2.2l-0.34,-0.42l-3.89,-0.56l-3.25,1.81l-7.62,-0.62l-8.45,1.19l-17.71,15.41l0.22,0.7l3.74,0.41l1.36,2.17l2.43,0.76l1.88,-1.68l2.4,0.2l3.4,3.54l0.08,2.6l-1.95,3.42l-0.21,3.9l-1.1,5.06l-3.71,4.54l-0.87,2.21l-8.29,8.89l-3.19,1.7l-1.32,0.03l-1.45,-1.36l-0.49,-0.04l-2.27,1.5l0.41,-3.65l-0.59,-2.47l1.75,-0.89l2.91,0.53l0.42,-0.2l1.68,-3.03l0.87,-3.46l0.97,-1.18l1.32,-2.88l-0.45,-0.56l-4.14,0.95l-2.19,1.25l-3.41,-0.0l-1.06,-2.93l-2.97,-2.3l-4.28,-1.06l-1.75,-5.07l-2.66,-5.01l-2.29,-1.29l-3.75,-1.01l-3.44,0.08l-3.18,0.62l-2.24,1.77l0.05,0.66l1.18,0.69l0.02,1.43l-1.33,1.05l-2.26,3.51l-0.04,1.43l-3.16,1.84l-2.82,-1.16l-3.01,0.23l-1.35,-1.07l-1.5,-0.35l-3.9,2.31l-3.22,0.52l-2.27,0.79l-3.05,-0.51l-2.21,0.03l-1.48,-1.6l-2.6,-1.63l-2.63,-0.43l-5.46,1.01l-3.23,-1.25l-0.72,-2.57l-5.2,-1.24l-2.75,-1.36l-0.5,0.12l-2.59,3.45l0.84,2.1l-2.06,1.93l-3.41,-0.77l-2.42,-0.12l-1.83,-1.54l-2.53,-0.05l-2.42,-0.98l-3.86,1.57l-4.72,2.78l-3.3,0.75l-1.55,-1.92l-3.0,0.41l-1.11,-1.33l-1.62,-0.59l-1.31,-1.94l-1.38,-0.6l-3.7,0.79l-3.31,-1.83l-0.51,0.11l-0.99,1.29l-5.29,-8.05l-2.96,-2.48l0.65,-0.77l0.01,-0.51l-0.5,-0.11l-6.2,3.21l-1.84,0.15l0.15,-1.39l-0.26,-0.42l-3.22,-1.17l-2.46,0.7l-0.69,-3.16l-0.32,-0.31l-4.5,-0.75l-2.47,1.47l-6.19,1.27l-1.29,0.86l-9.51,1.3l-1.15,1.17l-0.03,0.53l1.47,1.9l-1.89,0.69l-0.22,0.56l0.31,0.6l-2.11,1.44l0.03,0.68l3.75,2.12l-0.39,0.98l-3.23,-0.13l-0.86,0.86l-3.09,-1.59l-3.97,0.07l-2.66,1.35l-8.32,-3.56l-4.07,0.06l-5.39,3.68l-0.39,2.0l-2.03,-1.5l-0.59,0.13l-2.0,3.59l0.57,0.93l-1.28,2.16l0.06,0.48l2.13,2.17l1.95,0.04l1.37,1.82l-0.23,1.46l0.25,0.43l0.83,0.33l-0.8,1.31l-2.49,0.62l-2.49,3.2l0.0,0.49l2.17,2.78l-0.15,2.18l2.5,3.24l-1.58,1.59l-0.7,-0.13l-1.63,-1.72l-2.29,-0.84l-0.94,-1.31l-2.34,-0.63l-1.48,0.4l-0.43,-0.47l-3.51,-1.48l-5.76,-1.01l-0.45,0.19l-2.89,-2.34l-2.9,-1.2l-1.53,-1.29l1.29,-0.43l2.08,-2.61l-0.05,-0.55l-0.89,-0.79l3.05,-1.06l0.27,-0.42l-0.07,-0.69l-0.49,-0.35l-1.73,0.39l0.04,-0.68l1.04,-0.72l2.66,-0.48l0.4,-1.32l-0.5,-1.6l0.92,-1.54l0.03,-1.17l-0.29,-0.37l-3.69,-1.06l-1.41,0.02l-1.42,-1.41l-2.19,0.38l-2.77,-1.01l-0.03,-0.59l-0.89,-1.43l-2.0,-0.32l-0.11,-0.54l0.49,-0.53l0.01,-0.53l-1.6,-1.9l-3.58,0.02l-0.88,0.73l-0.46,-0.07l-1.0,-2.79l2.22,-0.02l0.97,-0.74l0.07,-0.57l-0.9,-1.04l-1.35,-0.48l-0.11,-0.7l-0.95,-0.58l-1.38,-1.99l0.46,-0.98l-0.51,-1.96l-2.45,-0.84l-1.21,0.3l-0.46,-0.76l-2.46,-0.83l-0.72,-1.87l-0.21,-1.69l-0.99,-0.85l0.85,-1.17l-0.7,-3.21l1.66,-1.97l-0.16,-0.79ZM749.2,170.72l-0.6,0.4l-0.13,0.16l-0.01,-0.51l0.74,-0.05ZM874.85,67.94l-5.63,0.48l-0.26,-0.84l3.15,-1.89l1.94,0.01l3.19,1.16l-2.39,1.09ZM797.39,48.49l-2.0,1.36l-3.8,-0.42l-4.25,-1.8l0.35,-0.97l9.69,1.83ZM783.67,46.12l-1.63,3.09l-8.98,-0.13l-4.09,1.14l-4.54,-2.97l1.16,-3.01l3.05,-0.89l6.5,0.22l8.54,2.56ZM778.2,134.98l-0.56,-0.9l0.27,-0.12l0.29,1.01ZM778.34,135.48l0.94,3.53l-0.05,3.38l1.05,3.39l2.18,5.0l-2.89,-0.83l-0.49,0.26l-1.54,4.65l2.42,3.5l-0.04,1.13l-1.24,-1.24l-0.61,0.06l-1.09,1.61l-0.28,-1.61l0.27,-3.1l-0.28,-3.4l0.58,-2.47l0.11,-4.39l-1.46,-3.36l0.21,-4.32l2.15,-1.46l0.07,-0.34ZM771.95,56.61l1.76,-1.42l2.89,-0.42l3.28,1.71l0.14,0.6l-3.27,0.03l-4.81,-0.5ZM683.76,31.09l-13.01,1.93l4.03,-6.35l1.82,-0.56l1.73,0.34l5.99,2.98l-0.56,1.66ZM670.85,27.93l-5.08,0.64l-6.86,-1.57l-3.99,-2.05l-2.1,-4.16l-2.6,-0.87l5.72,-3.5l5.2,-1.28l4.69,2.85l5.59,5.4l-0.56,4.53ZM564.15,68.94l-0.64,0.17l-7.85,-0.57l-0.86,-2.04l-4.28,-1.17l-0.28,-1.94l2.27,-0.89l0.25,-0.39l-0.08,-2.38l4.81,-3.97l-0.15,-0.7l-1.47,-0.38l5.3,-3.81l0.15,-0.44l-0.58,-1.94l5.28,-2.51l8.21,-3.27l8.28,-0.96l4.35,-1.94l4.6,-0.64l1.36,1.61l-1.34,1.28l-16.43,4.94l-7.97,4.88l-7.74,9.63l0.66,4.14l4.16,3.27ZM548.81,18.48l-5.5,1.18l-0.58,1.02l-2.59,0.84l-2.13,-1.07l1.12,-1.42l-0.3,-0.65l-2.33,-0.07l1.68,-0.36l3.47,-0.06l0.42,1.29l0.66,0.16l1.38,-1.34l2.15,-0.88l2.94,1.01l-0.39,0.36ZM477.37,133.15l-4.08,0.05l-2.56,-0.32l0.33,-0.87l3.17,-1.03l3.24,0.96l-0.09,1.23Z",name:"Russia"},RW:{path:"M497.0,288.25l0.71,1.01l-0.11,1.09l-1.63,0.03l-1.04,1.39l-0.83,-0.11l0.51,-1.2l0.08,-1.34l0.42,-0.41l0.7,0.14l1.19,-0.61Z",name:"Rwanda"},RS:{path:"M469.4,163.99l0.42,-0.5l-0.01,-0.52l-1.15,-1.63l1.43,-0.62l1.33,0.12l1.17,1.06l0.46,1.13l1.34,0.64l0.35,1.35l1.46,0.9l0.76,-0.29l0.2,0.69l-0.48,0.78l0.22,1.12l1.05,1.22l-0.77,0.8l-0.37,1.52l-1.21,0.08l0.24,-0.64l-0.39,-0.54l-2.08,-1.64l-0.9,0.05l-0.48,0.94l-2.12,-1.37l0.53,-1.6l-1.11,-1.37l0.51,-1.1l-0.41,-0.57Z",name:"Serbia"},LT:{path:"M486.93,129.3l0.17,1.12l-1.81,0.98l-0.72,2.02l-2.47,1.18l-2.1,-0.02l-0.73,-1.05l-1.06,-0.3l-0.09,-1.87l-3.56,-1.13l-0.43,-2.36l2.48,-0.94l4.12,0.22l2.25,-0.31l0.52,0.69l1.24,0.21l2.19,1.56Z",name:"Lithuania"},LU:{path:"M436.08,149.45l-0.48,-0.07l0.3,-1.28l0.27,0.4l-0.09,0.96Z",name:"Luxembourg"},LR:{path:"M399.36,265.97l0.18,1.54l-0.48,0.99l0.08,0.47l2.47,1.8l-0.33,2.8l-2.65,-1.13l-5.78,-4.61l0.58,-1.32l2.1,-2.33l0.86,-0.22l0.77,1.14l-0.14,0.85l0.59,0.87l1.0,0.14l0.76,-0.99Z",name:"Liberia"},RO:{path:"M487.53,154.23l0.6,0.24l2.87,3.98l-0.17,2.69l0.45,1.42l1.32,0.81l1.35,-0.42l0.76,0.36l0.02,0.31l-0.83,0.45l-0.59,-0.22l-0.54,0.3l-0.62,3.3l-1.0,-0.22l-2.07,-1.13l-2.95,0.71l-1.25,0.76l-3.51,-0.15l-1.89,-0.47l-0.87,0.16l-0.82,-1.3l0.29,-0.26l-0.06,-0.64l-1.09,-0.34l-0.56,0.5l-1.05,-0.64l-0.39,-1.39l-1.36,-0.65l-0.35,-1.0l-0.83,-0.75l1.54,-0.54l2.66,-4.21l2.4,-1.24l2.96,0.34l1.48,0.73l0.79,-0.45l1.78,-0.3l0.75,-0.74l0.79,0.0Z",name:"Romania"},GW:{path:"M386.23,253.6l-0.29,0.84l0.15,0.6l-2.21,0.59l-0.86,0.96l-1.04,-0.83l-1.09,-0.23l-0.54,-1.06l-0.66,-0.49l2.41,-0.48l4.13,0.1Z",name:"Guinea-Bissau"},GT:{path:"M195.08,249.77l-2.48,-0.37l-1.03,-0.45l-1.14,-0.89l0.3,-0.99l-0.24,-0.68l0.96,-1.66l2.98,-0.01l0.4,-0.37l-0.19,-1.28l-1.67,-1.4l0.51,-0.4l0.0,-1.05l3.85,0.02l-0.21,4.53l0.4,0.43l1.46,0.38l-1.48,0.98l-0.35,0.7l0.12,0.57l-2.2,1.96Z",name:"Guatemala"},GR:{path:"M487.07,174.59l-0.59,1.43l-0.37,0.21l-2.84,-0.35l-3.03,0.77l-0.18,0.68l1.28,1.23l-0.61,0.23l-1.14,0.0l-1.2,-1.39l-0.63,0.03l-0.53,1.01l0.56,1.76l1.03,1.19l-0.56,0.38l-0.05,0.62l2.52,2.12l0.02,0.87l-1.78,-0.59l-0.48,0.56l0.5,1.0l-1.07,0.2l-0.3,0.53l0.75,2.01l-0.98,0.02l-1.84,-1.12l-1.37,-4.2l-2.21,-2.95l-0.11,-0.56l1.04,-1.28l0.2,-0.95l0.85,-0.66l0.03,-0.46l1.32,-0.21l1.01,-0.64l1.22,0.05l0.65,-0.56l2.26,-0.0l1.82,-0.75l1.85,1.0l2.28,-0.28l0.35,-0.39l0.01,-0.77l0.34,0.22ZM480.49,192.16l0.58,0.4l-0.68,-0.12l0.11,-0.28ZM482.52,192.82l2.51,0.06l0.24,0.32l-1.99,0.13l-0.77,-0.51Z",name:"Greece"},GQ:{path:"M448.79,279.62l0.02,2.22l-4.09,0.0l0.69,-2.27l3.38,0.05Z",name:"Eq. Guinea"},GY:{path:"M277.42,270.07l-0.32,1.83l-1.32,0.57l-0.23,0.46l-0.28,2.0l1.11,1.82l0.83,0.19l0.32,1.25l1.13,1.62l-1.21,-0.19l-1.08,0.71l-1.77,0.5l-0.44,0.46l-0.86,-0.09l-1.32,-1.01l-0.77,-2.27l0.36,-1.9l0.68,-1.23l-0.57,-1.17l-0.74,-0.43l0.12,-1.16l-0.9,-0.69l-1.1,0.09l-1.31,-1.48l0.53,-0.72l-0.04,-0.84l1.99,-0.86l0.05,-0.59l-0.71,-0.78l0.14,-0.57l1.66,-1.24l1.36,0.77l1.41,1.49l0.06,1.15l0.37,0.38l0.8,0.05l2.06,1.86Z",name:"Guyana"},GE:{path:"M521.71,168.93l5.29,0.89l4.07,2.01l1.41,-0.44l2.07,0.56l0.68,1.1l1.07,0.55l-0.12,0.59l0.98,1.29l-1.01,-0.13l-1.81,-0.83l-0.94,0.47l-3.23,0.43l-2.29,-1.39l-2.33,0.05l0.21,-0.97l-0.76,-2.26l-1.45,-1.12l-1.43,-0.39l-0.41,-0.42Z",name:"Georgia"},GB:{path:"M412.61,118.72l-2.19,3.22l-0.0,0.45l5.13,-0.3l-0.53,2.37l-2.2,3.12l0.29,0.63l2.37,0.21l2.33,4.3l1.76,0.69l2.2,5.12l2.94,0.77l-0.23,1.62l-1.15,0.88l-0.1,0.52l0.82,1.42l-1.86,1.43l-3.3,-0.02l-4.12,0.87l-1.04,-0.58l-0.47,0.06l-1.51,1.41l-2.12,-0.34l-1.86,1.18l-0.6,-0.29l3.19,-3.0l2.16,-0.69l0.28,-0.41l-0.34,-0.36l-3.73,-0.53l-0.4,-0.76l2.2,-0.87l0.17,-0.61l-1.26,-1.67l0.36,-1.7l3.38,0.28l0.43,-0.33l0.37,-1.99l-1.79,-2.49l-3.11,-0.72l-0.38,-0.59l0.79,-1.35l-0.04,-0.46l-0.82,-0.97l-0.61,0.01l-0.68,0.84l-0.1,-2.34l-1.23,-1.88l0.85,-3.47l1.77,-2.68l1.85,0.26l2.17,-0.22ZM406.26,132.86l-1.01,1.77l-1.57,-0.59l-1.16,0.01l0.37,-1.54l-0.39,-1.39l1.45,-0.1l2.3,1.84Z",name:"United Kingdom"},GA:{path:"M453.24,279.52l-0.08,0.98l0.7,1.29l2.36,0.24l-0.98,2.63l1.18,1.79l0.25,1.78l-0.29,1.52l-0.6,0.93l-1.84,-0.09l-1.23,-1.11l-0.66,0.23l-0.15,0.84l-1.42,0.26l-1.02,0.7l-0.11,0.52l0.77,1.35l-1.34,0.97l-3.94,-4.3l-1.44,-2.45l0.06,-0.6l0.54,-0.81l1.05,-3.46l4.17,-0.07l0.4,-0.4l-0.02,-2.66l2.39,0.21l1.25,-0.27Z",name:"Gabon"},GN:{path:"M391.8,254.11l0.47,0.8l1.11,-0.32l0.98,0.7l1.07,0.2l2.26,-1.22l0.64,0.44l1.13,1.56l-0.48,1.4l0.8,0.3l-0.08,0.48l0.46,0.68l-0.35,1.36l1.05,2.61l-1.0,0.69l0.03,1.41l-0.72,-0.06l-1.08,1.0l-0.24,-0.27l0.07,-1.11l-1.05,-1.54l-1.79,0.21l-0.35,-2.01l-1.6,-2.18l-2.0,-0.0l-1.31,0.54l-1.95,2.18l-1.86,-2.19l-1.2,-0.78l-0.3,-1.11l-0.8,-0.85l0.65,-0.72l0.81,-0.03l1.64,-0.8l0.23,-1.87l2.67,0.64l0.89,-0.3l1.21,0.15Z",name:"Guinea"},GM:{path:"M379.31,251.39l0.1,-0.35l2.43,-0.07l0.74,-0.61l0.51,-0.03l0.77,0.49l-1.03,-0.3l-1.87,0.9l-1.65,-0.04ZM384.03,250.91l0.91,0.05l0.75,-0.24l-0.59,0.31l-1.08,-0.13Z",name:"Gambia"},GL:{path:"M353.02,1.2l14.69,4.67l-3.68,1.89l-22.97,0.86l-0.36,0.27l0.12,0.43l1.55,1.18l8.79,-0.66l7.48,2.07l4.86,-1.77l1.66,1.73l-2.53,3.19l-0.01,0.48l0.46,0.15l6.35,-2.2l12.06,-2.31l7.24,1.13l1.09,1.99l-9.79,4.01l-1.44,1.32l-7.87,0.98l-0.35,0.41l0.38,0.38l5.07,0.24l-2.53,3.58l-2.07,3.81l0.08,6.05l2.57,3.11l-3.22,0.2l-4.12,1.66l-0.05,0.72l4.45,2.65l0.51,3.75l-2.3,0.4l-0.25,0.64l2.79,3.69l-4.82,0.31l-0.36,0.29l0.16,0.44l2.62,1.8l-0.59,1.22l-3.3,0.7l-3.45,0.01l-0.29,0.68l3.03,3.12l0.02,1.34l-4.4,-1.73l-1.72,1.35l0.15,0.66l3.31,1.15l3.13,2.71l0.81,3.16l-3.85,0.75l-4.89,-4.26l-0.47,-0.03l-0.17,0.44l0.79,2.86l-2.71,2.21l-0.13,0.44l0.37,0.27l8.73,0.34l-12.32,6.64l-7.24,1.48l-2.94,0.08l-2.69,1.75l-3.43,4.41l-5.24,2.84l-1.73,0.18l-7.12,2.1l-2.15,2.52l-0.13,2.99l-1.19,2.45l-4.01,3.09l-0.14,0.44l0.97,2.9l-2.28,6.48l-3.1,0.2l-3.83,-3.07l-4.86,-0.02l-2.25,-1.93l-1.7,-3.79l-4.3,-4.84l-1.21,-2.49l-0.44,-3.8l-3.32,-3.63l0.84,-2.86l-1.56,-1.7l2.28,-4.6l3.83,-1.74l1.03,-1.96l0.52,-3.47l-0.59,-0.41l-4.17,2.21l-2.07,0.58l-2.72,-1.28l-0.15,-2.71l0.85,-2.09l2.01,-0.06l5.06,1.2l0.46,-0.23l-0.14,-0.49l-6.54,-4.47l-2.67,0.55l-1.58,-0.86l2.56,-4.01l-0.03,-0.48l-1.5,-1.74l-4.98,-8.5l-3.13,-1.96l0.03,-1.88l-0.24,-0.37l-6.85,-3.02l-5.36,-0.38l-12.7,0.58l-2.78,-1.57l-3.66,-2.77l5.73,-1.45l5.0,-0.28l0.38,-0.38l-0.35,-0.41l-10.67,-1.38l-5.3,-2.06l0.25,-1.54l18.41,-5.26l1.22,-2.27l-0.25,-0.55l-6.14,-1.86l1.68,-1.77l8.55,-4.03l3.59,-0.63l0.3,-0.54l-0.88,-2.27l5.47,-1.47l7.65,-0.95l7.55,-0.05l3.04,1.85l6.48,-3.27l5.81,2.22l3.56,0.5l5.16,1.94l0.5,-0.21l-0.17,-0.52l-5.71,-3.13l0.28,-2.13l8.12,-3.6l8.7,0.28l3.35,-2.34l8.71,-0.6l19.93,0.8Z",name:"Greenland"},KW:{path:"M540.81,207.91l0.37,0.86l-0.17,0.76l0.6,1.53l-0.95,0.04l-0.82,-1.28l-1.57,-0.18l1.31,-1.88l1.22,0.17Z",name:"Kuwait"},GH:{path:"M420.53,257.51l-0.01,0.72l0.96,1.2l0.24,3.73l0.59,0.95l-0.51,2.1l0.19,1.41l1.02,2.21l-6.97,2.84l-1.8,-0.57l0.04,-0.89l-1.02,-2.04l0.61,-2.65l1.07,-2.32l-0.96,-6.47l5.01,0.07l0.94,-0.39l0.61,0.11Z",name:"Ghana"},OM:{path:"M568.09,230.93l-0.91,1.67l-1.22,0.04l-0.6,0.76l-0.41,1.51l0.27,1.58l-1.16,0.05l-1.56,0.97l-0.76,1.74l-1.62,0.05l-0.98,0.65l-0.17,1.15l-0.89,0.52l-1.49,-0.18l-2.4,0.94l-2.47,-5.4l7.35,-2.71l1.67,-5.23l-1.12,-2.09l0.05,-0.83l0.67,-1.0l0.07,-1.05l0.9,-0.42l-0.05,-2.07l0.7,-0.01l1.0,1.62l1.51,1.08l3.3,0.84l1.73,2.29l0.81,0.37l-1.23,2.35l-0.99,0.79Z",name:"Oman"},_2:{path:"M531.15,258.94l1.51,0.12l5.13,-0.95l5.3,-1.48l-0.01,4.4l-2.67,3.39l-1.85,0.01l-8.04,-2.94l-2.55,-3.17l1.12,-1.71l2.04,2.34Z",name:"Somaliland"},_1:{path:"M472.77,172.64l-1.08,-1.29l0.96,-0.77l0.29,-0.83l1.98,1.64l-0.36,0.67l-1.79,0.58Z",name:"Kosovo"},_0:{path:"M504.91,192.87l0.34,0.01l0.27,-0.07l-0.29,0.26l-0.31,-0.2Z",name:"N. Cyprus"},JO:{path:"M518.64,201.38l-5.14,1.56l-0.19,0.65l2.16,2.39l-0.89,1.14l-1.71,0.34l-1.71,1.8l-2.34,-0.37l1.21,-4.32l0.56,-4.07l2.8,0.94l4.46,-2.71l0.79,2.66Z",name:"Jordan"},HR:{path:"M455.59,162.84l1.09,0.07l-0.82,0.94l-0.27,-1.01ZM456.96,162.92l0.62,-0.41l1.73,0.45l0.42,-0.4l-0.01,-0.59l0.86,-0.52l0.2,-1.05l1.63,-0.68l2.57,1.68l2.07,0.6l0.87,-0.31l1.05,1.57l-0.52,0.63l-1.05,-0.56l-1.68,0.04l-2.1,-0.5l-1.29,0.06l-0.57,0.49l-0.59,-0.47l-0.62,0.16l-0.46,1.7l1.79,2.42l2.79,2.75l-1.18,-0.87l-2.21,-0.87l-1.67,-1.78l0.13,-0.63l-1.05,-1.19l-0.32,-1.27l-1.42,-0.43Z",name:"Croatia"},HT:{path:"M237.05,238.38l-1.16,0.43l-0.91,-0.55l0.05,-0.2l2.02,0.31ZM237.53,238.43l1.06,0.12l-0.05,0.01l-1.01,-0.12ZM239.25,238.45l0.79,-0.51l0.06,-0.62l-1.02,-1.0l0.02,-0.82l-0.3,-0.4l-0.93,-0.32l3.16,0.45l0.02,1.84l-0.48,0.34l-0.08,0.58l0.54,0.72l-1.78,-0.26Z",name:"Haiti"},HU:{path:"M462.08,157.89l0.65,-1.59l-0.09,-0.44l0.64,-0.0l0.39,-0.34l0.1,-0.69l1.75,0.87l2.32,-0.37l0.43,-0.66l3.49,-0.78l0.69,-0.78l0.57,-0.14l2.57,0.93l0.67,-0.23l1.03,0.65l0.08,0.37l-1.42,0.71l-2.59,4.14l-1.8,0.53l-1.68,-0.1l-2.74,1.23l-1.85,-0.54l-2.54,-1.66l-0.66,-1.1Z",name:"Hungary"},HN:{path:"M199.6,249.52l-1.7,-1.21l0.06,-0.94l3.04,-2.14l2.37,0.28l1.27,-0.09l1.1,-0.52l1.3,0.28l1.14,-0.25l1.38,0.37l2.23,1.37l-2.36,0.93l-1.23,-0.39l-0.88,1.3l-1.28,0.99l-0.98,-0.22l-0.42,0.52l-0.96,0.05l-0.36,0.41l0.04,0.88l-0.52,0.6l-0.3,0.04l-0.3,-0.55l-0.66,-0.31l0.11,-0.67l-0.48,-0.65l-0.87,-0.26l-0.73,0.2Z",name:"Honduras"},PR:{path:"M256.17,238.73l-0.26,0.27l-2.83,0.05l-0.07,-0.55l1.95,-0.1l1.22,0.33Z",name:"Puerto Rico"},PS:{path:"M509.21,203.07l0.1,-0.06l-0.02,0.03l-0.09,0.03ZM509.36,202.91l-0.02,-0.63l-0.33,-0.16l0.31,-1.09l0.24,0.1l-0.2,1.78Z",name:"Palestine"},PT:{path:"M401.84,187.38l-0.64,0.47l-1.13,-0.35l-0.91,0.17l0.28,-1.78l-0.24,-1.78l-1.25,-0.56l-0.45,-0.84l0.17,-1.66l1.01,-1.18l0.69,-2.92l-0.04,-1.39l-0.59,-1.9l1.3,-0.85l0.84,1.35l3.1,-0.3l0.46,0.99l-1.05,0.94l-0.03,2.16l-0.41,0.57l-0.08,1.1l-0.79,0.18l-0.26,0.59l0.91,1.6l-0.63,1.75l0.76,1.09l-1.1,1.52l0.07,1.05Z",name:"Portugal"},PY:{path:"M274.9,336.12l0.74,1.52l-0.16,3.45l0.32,0.41l2.64,0.5l1.11,-0.47l1.4,0.59l0.36,0.6l0.53,3.42l1.27,0.4l0.98,-0.38l0.51,0.27l-0.0,1.18l-1.21,5.32l-2.09,1.9l-1.8,0.4l-4.71,-0.98l2.2,-3.63l-0.32,-1.5l-2.78,-1.28l-3.03,-1.94l-2.07,-0.44l-4.34,-4.06l0.91,-2.9l0.08,-1.42l1.07,-2.04l4.13,-0.72l2.18,0.03l2.05,1.17l0.03,0.59Z",name:"Paraguay"},PA:{path:"M213.8,263.68l0.26,-1.52l-0.36,-0.26l-0.01,-0.49l0.44,-0.1l0.93,1.4l1.26,0.03l0.77,0.49l1.38,-0.23l2.51,-1.11l0.86,-0.72l3.45,0.85l1.4,1.18l0.41,1.74l-0.21,0.34l-0.53,-0.12l-0.47,0.29l-0.16,0.6l-0.68,-1.28l0.45,-0.49l-0.19,-0.66l-0.47,-0.13l-0.54,-0.84l-1.5,-0.75l-1.1,0.16l-0.75,0.99l-1.62,0.84l-0.18,0.96l0.85,0.97l-0.58,0.45l-0.69,0.08l-0.34,-1.18l-1.27,0.03l-0.71,-1.05l-2.59,-0.46Z",name:"Panama"},PG:{path:"M808.58,298.86l2.54,2.56l-0.13,0.26l-0.33,0.12l-0.87,-0.78l-1.22,-2.16ZM801.41,293.04l0.5,0.29l0.26,0.27l-0.49,-0.35l-0.27,-0.21ZM803.17,294.58l0.59,0.5l0.08,1.06l-0.29,-0.91l-0.38,-0.65ZM796.68,298.41l0.52,0.75l1.43,-0.19l2.27,-1.81l-0.01,-1.43l1.12,0.16l-0.04,1.1l-0.7,1.28l-1.12,0.18l-0.62,0.79l-2.46,1.11l-1.17,-0.0l-3.08,-1.25l3.41,0.0l0.45,-0.68ZM789.15,303.55l2.31,1.8l1.59,2.61l1.34,0.13l-0.06,0.66l0.31,0.43l1.06,0.24l0.06,0.65l2.25,1.05l-1.22,0.13l-0.72,-0.63l-4.56,-0.65l-3.22,-2.87l-1.49,-2.34l-3.27,-1.1l-2.38,0.72l-1.59,0.86l-0.2,0.42l0.27,1.55l-1.55,0.68l-1.36,-0.4l-2.21,-0.09l-0.08,-15.41l8.39,2.93l2.95,2.4l0.6,1.64l4.02,1.49l0.31,0.68l-1.76,0.21l-0.33,0.52l0.55,1.68Z",name:"Papua New Guinea"},PE:{path:"M244.96,295.21l-1.26,-0.07l-0.57,0.42l-1.93,0.45l-2.98,1.75l-0.36,1.36l-0.58,0.8l0.12,1.37l-1.24,0.59l-0.22,1.22l-0.62,0.84l1.04,2.27l1.28,1.44l-0.41,0.84l0.32,0.57l1.48,0.13l1.16,1.37l2.21,0.07l1.63,-1.08l-0.13,3.02l0.3,0.4l1.14,0.29l1.31,-0.34l1.9,3.59l-0.48,0.85l-0.17,3.85l-0.94,1.59l0.35,0.75l-0.47,1.07l0.98,1.97l-2.1,3.82l-0.98,0.5l-2.17,-1.28l-0.39,-1.16l-4.95,-2.58l-4.46,-2.79l-1.84,-1.51l-0.91,-1.84l0.3,-0.96l-2.11,-3.33l-4.82,-9.68l-1.04,-1.2l-0.87,-1.94l-3.4,-2.48l0.58,-1.18l-1.13,-2.23l0.66,-1.49l1.45,-1.15l-0.6,0.98l0.07,0.92l0.47,0.36l1.74,0.03l0.97,1.17l0.54,0.07l1.42,-1.03l0.6,-1.84l1.42,-2.02l3.04,-1.04l2.73,-2.62l0.86,-1.74l-0.1,-1.87l1.44,1.02l0.9,1.25l1.06,0.59l1.7,2.73l1.86,0.31l1.45,-0.61l0.96,0.39l1.36,-0.19l1.45,0.89l-1.4,2.21l0.31,0.61l0.59,0.05l0.47,0.5Z",name:"Peru"},PK:{path:"M615.09,192.34l-1.83,1.81l-2.6,0.39l-3.73,-0.68l-1.58,1.33l-0.09,0.42l1.77,4.39l1.7,1.23l-1.69,1.27l-0.12,2.14l-2.33,2.64l-1.6,2.8l-2.46,2.67l-3.03,-0.07l-2.76,2.83l0.05,0.6l1.5,1.11l0.26,1.9l1.44,1.5l0.37,1.68l-5.01,-0.01l-1.78,1.7l-1.42,-0.52l-0.76,-1.87l-2.27,-2.15l-11.61,0.86l0.71,-2.34l3.43,-1.32l0.25,-0.44l-0.21,-1.24l-1.2,-0.65l-0.28,-2.46l-2.29,-1.14l-1.28,-1.94l2.82,0.94l2.62,-0.38l1.42,0.33l0.76,-0.56l1.71,0.19l3.25,-1.14l0.27,-0.36l0.08,-2.19l1.18,-1.32l1.68,0.0l0.58,-0.82l1.6,-0.3l1.19,0.16l0.98,-0.78l0.02,-1.88l0.93,-1.47l1.48,-0.66l0.19,-0.55l-0.66,-1.25l2.04,-0.11l0.69,-1.01l-0.02,-1.16l1.11,-1.06l-0.17,-1.78l-0.49,-1.03l1.15,-0.98l5.42,-0.91l2.6,-0.82l1.6,1.16l0.97,2.34l3.45,0.97Z",name:"Pakistan"},PH:{path:"M737.01,263.84l0.39,2.97l-0.44,1.18l-0.55,-1.53l-0.67,-0.14l-1.17,1.28l0.65,2.09l-0.42,0.69l-2.48,-1.23l-0.57,-1.49l0.65,-1.03l-0.1,-0.54l-1.59,-1.19l-0.56,0.08l-0.65,0.87l-1.23,0.0l-1.58,0.97l0.83,-1.8l2.56,-1.42l0.65,0.84l0.45,0.13l1.9,-0.69l0.56,-1.11l1.5,-0.06l0.38,-0.43l-0.09,-1.19l1.21,0.71l0.36,2.02ZM733.59,256.58l0.05,0.75l0.08,0.26l-0.8,-0.42l-0.18,-0.71l0.85,0.12ZM734.08,256.1l-0.12,-1.12l-1.0,-1.27l1.36,0.03l0.53,0.73l0.51,2.04l-1.27,-0.4ZM733.76,257.68l0.38,0.98l-0.32,0.15l-0.07,-1.13ZM724.65,238.43l1.46,0.7l0.72,-0.31l-0.32,1.17l0.79,1.71l-0.57,1.84l-1.53,1.04l-0.39,2.25l0.56,2.04l1.63,0.57l1.16,-0.27l2.71,1.23l-0.19,1.08l0.76,0.84l-0.08,0.36l-1.4,-0.9l-0.88,-1.27l-0.66,0.0l-0.38,0.55l-1.6,-1.31l-2.15,0.36l-0.87,-0.39l0.07,-0.61l0.66,-0.55l-0.01,-0.62l-0.75,-0.59l-0.72,0.44l-0.74,-0.87l-0.39,-2.49l0.32,0.27l0.66,-0.28l0.26,-3.97l0.7,-2.02l1.14,0.0ZM731.03,258.87l-0.88,0.85l-1.19,1.94l-1.05,-1.19l0.93,-1.1l0.32,-1.47l0.52,-0.06l-0.27,1.15l0.22,0.45l0.49,-0.12l1.0,-1.32l-0.08,0.85ZM726.83,255.78l0.83,0.38l1.17,-0.0l-0.02,0.48l-2.0,1.4l0.03,-2.26ZM724.81,252.09l-0.38,1.27l-1.42,-1.95l1.2,0.05l0.6,0.63ZM716.55,261.82l1.1,-0.95l0.03,-0.03l-0.28,0.36l-0.85,0.61ZM719.22,259.06l0.04,-0.06l0.8,-1.53l0.16,0.75l-1.0,0.84Z",name:"Philippines"},PL:{path:"M468.44,149.42l-1.11,-1.54l-1.86,-0.33l-0.48,-1.05l-1.72,-0.37l-0.65,0.69l-0.72,-0.36l0.11,-0.61l-0.33,-0.46l-1.75,-0.27l-1.04,-0.93l-0.94,-1.94l0.16,-1.22l-0.62,-1.8l-0.78,-1.07l0.57,-1.04l-0.48,-1.43l1.41,-0.83l6.91,-2.71l2.14,0.5l0.52,0.91l5.51,0.44l4.55,-0.05l1.07,0.31l0.48,0.84l0.15,1.58l0.65,1.2l-0.01,0.99l-1.27,0.58l-0.19,0.54l0.73,1.48l0.08,1.55l1.2,2.76l-0.17,0.58l-1.23,0.44l-2.27,2.72l0.18,0.95l-1.97,-1.03l-1.98,0.4l-1.36,-0.28l-1.24,0.58l-1.07,-0.97l-1.16,0.24Z",name:"Poland"},ZM:{path:"M481.47,313.3l0.39,0.31l2.52,0.14l0.99,1.17l2.01,0.35l1.4,-0.64l0.69,1.17l1.78,0.33l1.84,2.35l2.23,0.18l0.4,-0.43l-0.21,-2.74l-0.62,-0.3l-0.48,0.32l-1.98,-1.17l0.72,-5.29l-0.51,-1.18l0.57,-1.3l3.68,-0.62l0.26,0.63l1.21,0.63l0.9,-0.22l2.16,0.67l1.33,0.71l1.07,1.02l0.56,1.87l-0.88,2.7l0.43,2.09l-0.73,0.87l-0.76,2.37l0.59,0.68l-6.6,1.83l-0.29,0.44l0.19,1.45l-1.68,0.35l-1.43,1.02l-0.38,0.87l-0.87,0.26l-3.48,3.69l-4.16,-0.53l-1.52,-1.0l-1.77,-0.13l-1.83,0.52l-3.04,-3.4l0.11,-7.59l4.82,0.03l0.39,-0.49l-0.18,-0.76l0.33,-0.83l-0.4,-1.36l0.24,-1.05Z",name:"Zambia"},EH:{path:"M384.42,230.28l0.25,-0.79l1.06,-1.29l0.8,-3.51l3.38,-2.78l0.7,-1.81l0.06,4.84l-1.98,0.2l-0.94,1.59l0.39,3.56l-3.7,-0.01ZM392.01,218.1l0.7,-1.8l1.77,-0.24l2.09,0.34l0.95,-0.62l1.28,-0.07l-0.0,2.51l-6.79,-0.12Z",name:"W. Sahara"},EE:{path:"M485.71,115.04l2.64,0.6l2.56,0.11l-1.6,1.91l0.61,3.54l-0.81,0.87l-1.78,-0.01l-3.22,-1.76l-1.8,0.45l0.21,-1.53l-0.58,-0.41l-0.69,0.34l-1.26,-1.03l-0.17,-1.63l2.83,-0.92l3.05,-0.52Z",name:"Estonia"},EG:{path:"M492.06,205.03l1.46,0.42l2.95,-1.64l2.04,-0.21l1.53,0.3l0.59,1.19l0.69,0.04l0.41,-0.64l1.81,0.58l1.95,0.16l1.04,-0.51l1.42,4.08l-2.03,4.54l-1.66,-1.77l-1.76,-3.85l-0.64,-0.12l-0.36,0.67l1.04,2.88l3.44,6.95l1.78,3.04l2.03,2.65l-0.36,0.53l0.23,2.01l2.7,2.19l-28.41,0.0l0.0,-18.96l-0.73,-2.2l0.59,-1.56l-0.32,-1.26l0.68,-0.99l3.06,-0.04l4.82,1.52Z",name:"Egypt"},ZA:{path:"M467.14,373.21l-0.13,-1.96l-0.68,-1.56l0.7,-0.68l-0.13,-2.33l-4.56,-8.19l0.77,-0.86l0.6,0.45l0.69,1.31l2.83,0.72l1.5,-0.26l2.24,-1.39l0.19,-9.55l1.35,2.3l-0.21,1.5l0.61,1.2l0.4,0.19l1.79,-0.27l2.6,-2.07l0.69,-1.32l0.96,-0.48l2.19,1.04l2.04,0.13l1.77,-0.65l0.85,-2.12l1.38,-0.33l1.59,-2.76l2.15,-1.89l3.41,-1.87l2.0,0.45l1.02,-0.28l0.99,0.2l1.75,5.29l-0.38,3.25l-0.81,-0.23l-1.0,0.46l-0.87,1.68l-0.05,1.16l1.97,1.84l1.47,-0.29l0.69,-1.18l1.09,0.01l-0.76,3.69l-0.58,1.09l-2.2,1.79l-3.17,4.76l-2.8,2.83l-3.57,2.88l-2.53,1.05l-1.22,0.14l-0.51,0.7l-1.18,-0.32l-1.39,0.5l-2.59,-0.52l-1.61,0.33l-1.18,-0.11l-2.55,1.1l-2.1,0.44l-1.6,1.07l-0.85,0.05l-0.93,-0.89l-0.93,-0.15l-0.97,-1.13l-0.25,0.05ZM491.45,364.19l0.62,-0.93l1.48,-0.59l1.18,-2.19l-0.07,-0.49l-1.99,-1.69l-1.66,0.56l-1.43,1.14l-1.34,1.73l0.02,0.51l1.88,2.11l1.31,-0.16Z",name:"South Africa"},EC:{path:"M231.86,285.53l0.29,1.59l-0.69,1.45l-2.61,2.51l-3.13,1.11l-1.53,2.18l-0.49,1.68l-1.0,0.73l-1.02,-1.11l-1.78,-0.16l0.67,-1.15l-0.24,-0.86l1.25,-2.13l-0.54,-1.09l-0.67,-0.08l-0.72,0.87l-0.87,-0.64l0.35,-0.69l-0.36,-1.96l0.81,-0.51l0.45,-1.51l0.92,-1.57l-0.07,-0.97l2.65,-1.33l2.75,1.35l0.77,1.05l2.12,0.35l0.76,-0.32l1.96,1.21Z",name:"Ecuador"},AL:{path:"M470.32,171.8l0.74,0.03l0.92,0.89l-0.17,1.95l0.36,1.28l1.01,0.82l-1.82,2.83l-0.19,-0.61l-1.25,-0.89l-0.18,-1.2l0.53,-2.82l-0.54,-1.47l0.6,-0.83Z",name:"Albania"},AO:{path:"M461.55,300.03l1.26,3.15l1.94,2.36l2.47,-0.53l1.25,0.32l0.44,-0.18l0.93,-1.92l1.31,-0.08l0.41,-0.44l0.47,-0.0l-0.1,0.41l0.39,0.49l2.65,-0.02l0.03,1.19l0.48,1.01l-0.34,1.52l0.18,1.55l0.83,1.04l-0.13,2.85l0.54,0.39l3.96,-0.41l-0.1,1.79l0.39,1.05l-0.24,1.43l-4.7,-0.03l-0.4,0.39l-0.12,8.13l2.92,3.49l-3.83,0.88l-5.89,-0.36l-1.88,-1.24l-10.47,0.22l-1.3,-1.01l-1.85,-0.16l-2.4,0.77l-0.15,-1.06l0.33,-2.16l1.0,-3.45l1.35,-3.2l2.24,-2.8l0.33,-2.06l-0.13,-1.53l-0.8,-1.08l-1.21,-2.87l0.87,-1.62l-1.27,-4.12l-1.17,-1.53l2.47,-0.63l7.03,0.03ZM451.71,298.87l-0.47,-1.25l1.25,-1.11l0.32,0.3l-0.99,1.03l-0.12,1.03Z",name:"Angola"},KZ:{path:"M552.8,172.89l0.46,-1.27l-0.48,-1.05l-2.96,-1.19l-1.06,-2.58l-1.37,-0.87l-0.03,-0.3l1.95,0.23l0.45,-0.38l0.08,-1.96l1.75,-0.41l2.1,0.45l0.48,-0.33l0.45,-3.04l-0.45,-2.09l-0.41,-0.31l-2.42,0.15l-2.36,-0.73l-2.87,1.37l-2.17,0.61l-0.85,-0.34l0.13,-1.61l-1.6,-2.12l-2.02,-0.08l-1.78,-1.82l1.29,-2.18l-0.57,-0.95l1.62,-2.91l2.21,1.63l0.63,-0.27l0.29,-2.22l4.92,-3.43l3.71,-0.08l8.4,3.6l2.92,-1.36l3.77,-0.06l3.11,1.66l0.51,-0.11l0.6,-0.81l3.31,0.13l0.39,-0.25l0.63,-1.57l-0.17,-0.5l-3.5,-1.98l1.87,-1.27l-0.13,-1.03l1.98,-0.72l0.18,-0.62l-1.59,-2.06l0.81,-0.82l9.23,-1.18l1.33,-0.88l6.18,-1.26l2.26,-1.42l4.08,0.68l0.73,3.33l0.51,0.3l2.48,-0.8l2.79,1.02l-0.17,1.56l0.43,0.44l2.55,-0.24l4.89,-2.53l0.03,0.32l3.15,2.61l5.56,8.47l0.65,0.02l1.12,-1.46l3.15,1.74l3.76,-0.78l1.15,0.49l1.14,1.8l1.84,0.76l0.99,1.29l3.35,-0.25l1.02,1.52l-1.6,1.81l-1.93,0.28l-0.34,0.38l-0.11,3.05l-1.13,1.16l-4.75,-1.0l-0.46,0.27l-1.76,5.47l-1.1,0.59l-4.91,1.23l-0.27,0.54l2.1,4.97l-1.37,0.63l-0.23,0.41l0.13,1.13l-0.88,-0.25l-1.42,-1.13l-7.89,-0.4l-0.92,0.31l-3.73,-1.22l-1.42,0.63l-0.53,1.66l-3.72,-0.94l-1.85,0.43l-0.76,1.4l-4.65,2.62l-1.13,2.08l-0.44,0.01l-0.92,-1.4l-2.87,-0.09l-0.45,-2.14l-0.38,-0.32l-0.8,-0.01l0.0,-2.96l-3.0,-2.22l-7.31,0.58l-2.35,-2.68l-6.71,-3.69l-6.45,1.83l-0.29,0.39l0.1,10.85l-0.7,0.08l-1.62,-2.17l-1.83,-0.96l-3.11,0.59l-0.64,0.51Z",name:"Kazakhstan"},ET:{path:"M516.04,247.79l1.1,0.84l1.63,-0.45l0.68,0.47l1.63,0.03l2.01,0.94l1.73,1.66l1.64,2.07l-1.52,2.04l0.16,1.72l0.39,0.38l2.05,0.0l-0.36,1.03l2.86,3.58l8.32,3.08l1.31,0.02l-6.32,6.75l-3.1,0.11l-2.36,1.77l-1.47,0.04l-0.86,0.79l-1.38,-0.0l-1.32,-0.81l-2.29,1.05l-0.76,0.98l-3.29,-0.41l-3.07,-2.07l-1.8,-0.07l-0.62,-0.6l0.0,-1.24l-0.28,-0.38l-1.15,-0.37l-1.4,-2.59l-1.19,-0.68l-0.47,-1.0l-1.27,-1.23l-1.16,-0.22l0.43,-0.72l1.45,-0.28l0.41,-0.95l-0.03,-2.21l0.68,-2.44l1.05,-0.63l1.43,-3.06l1.57,-1.37l1.02,-2.51l0.35,-1.88l2.52,0.46l0.44,-0.24l0.58,-1.43Z",name:"Ethiopia"},ZW:{path:"M498.91,341.09l-1.11,-0.22l-0.92,0.28l-2.09,-0.44l-1.5,-1.11l-1.89,-0.43l-0.62,-1.4l-0.01,-0.84l-0.3,-0.38l-0.97,-0.25l-2.71,-2.74l-1.92,-3.32l3.83,0.45l3.73,-3.82l1.08,-0.44l0.26,-0.77l1.25,-0.9l1.41,-0.26l0.5,0.89l1.99,-0.05l1.72,1.17l1.11,0.17l1.05,0.66l0.01,2.99l-0.59,3.76l0.38,0.86l-0.23,1.23l-0.39,0.35l-0.63,1.81l-2.43,2.75Z",name:"Zimbabwe"},ES:{path:"M416.0,169.21l1.07,1.17l4.61,1.38l1.06,-0.57l2.6,1.26l2.71,-0.3l0.09,1.12l-2.14,1.8l-3.11,0.61l-0.31,0.31l-0.2,0.89l-1.54,1.69l-0.97,2.4l0.84,1.74l-1.32,1.27l-0.48,1.68l-1.88,0.65l-1.66,2.07l-5.36,-0.01l-1.79,1.08l-0.89,0.98l-0.88,-0.17l-0.79,-0.82l-0.68,-1.59l-2.37,-0.63l-0.11,-0.5l1.21,-1.82l-0.77,-1.13l0.61,-1.68l-0.76,-1.62l0.87,-0.49l0.09,-1.25l0.42,-0.6l0.03,-2.11l0.99,-0.69l0.13,-0.5l-1.03,-1.73l-1.46,-0.11l-0.61,0.38l-1.06,0.0l-0.52,-1.23l-0.53,-0.21l-1.32,0.67l-0.01,-1.49l-0.75,-0.96l3.03,-1.88l2.99,0.53l3.32,-0.02l2.63,0.51l6.01,-0.06Z",name:"Spain"},ER:{path:"M520.38,246.23l3.42,2.43l3.5,3.77l0.84,0.54l-0.95,-0.01l-3.51,-3.89l-2.33,-1.15l-1.73,-0.07l-0.91,-0.51l-1.26,0.51l-1.34,-1.02l-0.61,0.17l-0.66,1.61l-2.35,-0.43l-0.17,-0.67l1.29,-5.29l0.61,-0.61l1.95,-0.53l0.87,-1.01l1.17,2.41l0.68,2.33l1.49,1.43Z",name:"Eritrea"},ME:{path:"M468.91,172.53l-1.22,-1.02l0.47,-1.81l0.89,-0.72l2.26,1.51l-0.5,0.57l-0.75,-0.27l-1.14,1.73Z",name:"Montenegro"},MD:{path:"M488.41,153.73l1.4,-0.27l1.72,0.93l1.07,0.15l0.85,0.65l-0.14,0.84l0.96,0.85l1.12,2.47l-1.15,-0.07l-0.66,-0.41l-0.52,0.25l-0.09,0.86l-1.08,1.89l-0.27,-0.86l0.25,-1.34l-0.16,-1.6l-3.29,-4.34Z",name:"Moldova"},MG:{path:"M545.91,319.14l0.4,3.03l0.62,1.21l-0.21,1.02l-0.57,-0.8l-0.69,-0.01l-0.47,0.76l0.41,2.12l-0.18,0.87l-0.73,0.78l-0.15,2.14l-4.71,15.2l-1.06,2.88l-3.92,1.64l-3.12,-1.49l-0.6,-1.21l-0.19,-2.4l-0.86,-2.05l-0.21,-1.77l0.38,-1.62l1.21,-0.75l0.01,-0.76l1.19,-2.04l0.23,-1.66l-1.06,-2.99l-0.19,-2.21l0.81,-1.33l0.32,-1.46l4.63,-1.22l3.44,-3.0l0.85,-1.4l-0.08,-0.7l0.78,-0.04l1.38,-1.77l0.13,-1.64l0.45,-0.61l1.16,1.69l0.59,1.6Z",name:"Madagascar"},MA:{path:"M378.78,230.02l0.06,-0.59l0.92,-0.73l0.82,-1.37l-0.09,-1.04l0.79,-1.7l1.31,-1.58l0.96,-0.59l0.66,-1.55l0.09,-1.47l0.81,-1.48l1.72,-1.07l1.55,-2.69l1.16,-0.96l2.44,-0.39l1.94,-1.82l1.31,-0.78l2.09,-2.28l-0.51,-3.65l1.24,-3.7l1.5,-1.75l4.46,-2.57l2.37,-4.47l1.44,0.01l1.68,1.21l2.32,-0.19l3.47,0.65l0.8,1.54l0.16,1.71l0.86,2.96l0.56,0.59l-0.26,0.61l-3.05,0.44l-1.26,1.05l-1.33,0.22l-0.33,0.37l-0.09,1.78l-2.68,1.0l-1.07,1.42l-4.47,1.13l-4.04,2.01l-0.54,4.64l-1.15,0.06l-0.92,0.61l-1.96,-0.35l-2.42,0.54l-0.74,1.9l-0.86,0.4l-1.14,3.26l-3.53,3.01l-0.8,3.55l-0.96,1.1l-0.29,0.82l-4.95,0.18Z",name:"Morocco"},UZ:{path:"M598.64,172.75l-1.63,1.52l0.06,0.64l1.85,1.12l1.97,-0.64l2.21,1.17l-2.52,1.68l-2.59,-0.22l-0.18,-0.41l0.46,-1.23l-0.45,-0.53l-3.35,0.69l-2.1,3.51l-1.87,-0.12l-1.03,1.51l0.22,0.55l1.64,0.62l0.46,1.83l-1.19,2.49l-2.66,-0.53l0.05,-1.36l-0.26,-0.39l-3.3,-1.23l-2.56,-1.4l-4.4,-3.34l-1.34,-3.14l-1.08,-0.6l-2.58,0.13l-0.69,-0.44l-0.47,-2.52l-3.37,-1.6l-0.43,0.05l-2.07,1.72l-2.1,1.01l-0.21,0.47l0.28,1.01l-1.91,0.03l-0.09,-10.5l5.99,-1.7l6.19,3.54l2.71,2.84l7.05,-0.67l2.71,2.01l-0.17,2.81l0.39,0.42l0.9,0.02l0.44,2.14l0.38,0.32l2.94,0.09l0.95,1.42l1.28,-0.24l1.05,-2.04l4.43,-2.5Z",name:"Uzbekistan"},MM:{path:"M673.9,230.21l-1.97,1.57l-0.57,0.96l-1.4,0.6l-1.36,1.05l-1.99,0.36l-1.08,2.66l-0.91,0.4l-0.19,0.55l1.21,2.27l2.52,3.43l-0.79,1.91l-0.74,0.41l-0.17,0.52l0.65,1.37l1.61,1.95l0.25,2.58l0.9,2.13l-1.92,3.57l0.68,-2.25l-0.81,-1.74l0.19,-2.65l-1.05,-1.53l-1.24,-6.17l-1.12,-2.26l-0.6,-0.13l-4.34,3.02l-2.39,-0.65l0.77,-2.84l-0.52,-2.61l-1.91,-2.96l0.25,-0.75l-0.29,-0.51l-1.33,-0.3l-1.61,-1.93l-0.1,-1.3l0.82,-0.24l0.04,-1.64l1.02,-0.52l0.21,-0.45l-0.23,-0.95l0.54,-0.96l0.08,-2.22l1.46,0.45l0.47,-0.2l1.12,-2.19l0.16,-1.35l1.33,-2.16l-0.0,-1.52l2.89,-1.66l1.63,0.44l0.5,-0.44l-0.17,-1.4l0.64,-0.36l0.08,-1.04l0.77,-0.11l0.71,1.35l1.06,0.69l-0.03,3.86l-2.38,2.37l-0.3,3.15l0.46,0.43l2.28,-0.38l0.51,2.08l1.47,0.67l-0.6,1.8l0.19,0.48l2.97,1.48l1.64,-0.55l0.02,0.32Z",name:"Myanmar"},ML:{path:"M392.61,254.08l-0.19,-2.37l-0.99,-0.87l-0.44,-1.3l-0.09,-1.28l0.81,-0.58l0.35,-1.24l2.37,0.65l1.31,-0.47l0.86,0.15l0.66,-0.56l9.83,-0.04l0.38,-0.28l0.56,-1.8l-0.44,-0.65l-2.35,-21.95l3.27,-0.04l16.7,11.38l0.74,1.31l2.5,1.09l0.02,1.38l0.44,0.39l2.34,-0.21l0.01,5.38l-1.28,1.61l-0.26,1.49l-5.31,0.57l-1.07,0.92l-2.9,0.1l-0.86,-0.48l-1.38,0.36l-2.4,1.08l-0.6,0.87l-1.85,1.09l-0.43,0.7l-0.79,0.39l-1.44,-0.21l-0.81,0.84l-0.34,1.64l-1.91,2.02l-0.06,1.03l-0.67,1.22l0.13,1.16l-0.97,0.39l-0.23,-0.64l-0.52,-0.24l-1.35,0.4l-0.34,0.55l-2.69,-0.28l-0.37,-0.35l-0.02,-0.9l-0.65,-0.35l0.45,-0.64l-0.03,-0.53l-2.12,-2.44l-0.76,-0.01l-2.0,1.16l-0.78,-0.15l-0.8,-0.67l-1.21,0.23Z",name:"Mali"},MN:{path:"M676.61,146.48l3.81,1.68l5.67,-1.0l2.37,0.41l2.34,1.5l1.79,1.75l2.29,-0.03l3.12,0.52l2.47,-0.81l3.41,-0.59l3.53,-2.21l1.25,0.29l1.53,1.13l2.27,-0.21l-2.66,5.01l0.64,1.68l0.47,0.21l1.32,-0.38l2.38,0.48l2.02,-1.11l1.76,0.89l2.06,2.02l-0.13,0.53l-1.72,-0.29l-3.77,0.46l-1.88,0.99l-1.76,1.99l-3.71,1.17l-2.45,1.6l-3.83,-0.87l-0.41,0.17l-1.31,1.99l1.04,2.24l-1.52,0.9l-1.74,1.57l-2.79,1.02l-3.78,0.13l-4.05,1.05l-2.77,1.52l-1.16,-0.85l-2.94,0.0l-3.62,-1.79l-2.58,-0.49l-3.4,0.41l-5.12,-0.67l-2.63,0.06l-1.31,-1.6l-1.4,-3.0l-1.48,-0.33l-3.13,-1.94l-6.16,-0.93l-0.71,-1.06l0.86,-3.82l-1.93,-2.71l-3.5,-1.18l-1.95,-1.58l-0.5,-1.72l2.34,-0.52l4.75,-2.8l3.62,-1.47l2.18,0.97l2.46,0.05l1.81,1.53l2.46,0.12l3.95,0.71l2.43,-2.28l0.08,-0.48l-0.9,-1.72l2.24,-2.98l2.62,1.27l4.94,1.17l0.43,2.24Z",name:"Mongolia"},MK:{path:"M472.8,173.98l0.49,-0.71l3.57,-0.71l1.0,0.77l0.13,1.45l-0.65,0.53l-1.15,-0.05l-1.12,0.67l-1.39,0.22l-0.79,-0.55l-0.29,-1.03l0.19,-0.6Z",name:"Macedonia"},MW:{path:"M505.5,309.31l0.85,1.95l0.15,2.86l-0.69,1.65l0.71,1.8l0.06,1.28l0.49,0.64l0.07,1.06l0.4,0.55l0.8,-0.23l0.55,0.61l0.69,-0.21l0.34,0.6l0.19,2.94l-1.04,0.62l-0.54,1.25l-1.11,-1.08l-0.16,-1.56l0.51,-1.31l-0.32,-1.3l-0.99,-0.65l-0.82,0.12l-2.36,-1.64l0.63,-1.96l0.82,-1.18l-0.46,-2.01l0.9,-2.86l-0.94,-2.51l0.96,0.18l0.29,0.4Z",name:"Malawi"},MR:{path:"M407.36,220.66l-2.58,0.03l-0.39,0.44l2.42,22.56l0.36,0.43l-0.39,1.24l-9.75,0.04l-0.56,0.53l-0.91,-0.11l-1.27,0.45l-1.61,-0.66l-0.97,0.03l-0.36,0.29l-0.38,1.35l-0.42,0.23l-2.93,-3.4l-2.96,-1.52l-1.62,-0.03l-1.27,0.54l-1.12,-0.2l-0.65,0.4l-0.08,-0.49l0.68,-1.29l0.31,-2.43l-0.57,-3.91l0.23,-1.21l-0.69,-1.5l-1.15,-1.02l0.25,-0.39l9.58,0.02l0.4,-0.45l-0.46,-3.68l0.47,-1.04l2.12,-0.21l0.36,-0.4l-0.08,-6.4l7.81,0.13l0.41,-0.4l0.01,-3.31l7.76,5.35Z",name:"Mauritania"},UG:{path:"M498.55,276.32l0.7,-0.46l1.65,0.5l1.96,-0.57l1.7,0.01l1.45,-0.98l0.91,1.33l1.33,3.95l-2.57,4.03l-1.46,-0.4l-2.54,0.91l-1.37,1.61l-0.01,0.81l-2.42,-0.01l-2.26,1.01l-0.17,-1.59l0.58,-1.04l0.14,-1.94l1.37,-2.28l1.78,-1.58l-0.17,-0.65l-0.72,-0.24l0.13,-2.43Z",name:"Uganda"},MY:{path:"M717.47,273.46l-1.39,0.65l-2.12,-0.41l-2.88,-0.0l-0.38,0.28l-0.84,2.75l-0.99,0.96l-1.21,3.29l-1.73,0.45l-2.45,-0.68l-1.39,0.31l-1.33,1.15l-1.59,-0.14l-1.41,0.44l-1.44,-1.19l-0.18,-0.73l1.34,0.53l1.93,-0.47l0.75,-2.22l4.02,-1.03l2.75,-3.21l0.82,0.94l0.64,-0.05l0.4,-0.65l0.96,0.06l0.42,-0.36l0.24,-2.68l1.81,-1.64l1.21,-1.86l0.63,-0.01l1.07,1.05l0.34,1.28l3.44,1.35l-0.06,0.35l-1.37,0.1l-0.35,0.54l0.32,0.88ZM673.68,269.59l0.17,1.09l0.47,0.33l1.65,-0.3l0.87,-0.94l1.61,1.52l0.98,1.56l-0.12,2.81l0.41,2.29l0.95,0.9l0.88,2.44l-1.27,0.12l-5.1,-3.67l-0.34,-1.29l-1.37,-1.59l-0.33,-1.97l-0.88,-1.4l0.25,-1.68l-0.46,-1.05l1.63,0.84Z",name:"Malaysia"},MX:{path:"M133.12,200.41l0.2,0.47l9.63,3.33l6.96,-0.02l0.4,-0.4l0.0,-0.74l3.77,0.0l3.55,2.93l1.39,2.83l1.52,1.04l2.08,0.82l0.47,-0.14l1.46,-2.0l1.73,-0.04l1.59,0.98l2.05,3.35l1.47,1.56l1.26,3.14l2.18,1.02l2.26,0.58l-1.18,3.72l-0.42,5.04l1.79,4.89l1.62,1.89l0.61,1.52l1.2,1.42l2.55,0.66l1.37,1.1l7.54,-1.89l1.86,-1.3l1.14,-4.3l4.1,-1.21l3.57,-0.11l0.32,0.3l-0.06,0.94l-1.26,1.45l-0.67,1.71l0.38,0.7l-0.72,2.27l-0.49,-0.3l-1.0,0.08l-1.0,1.39l-0.47,-0.11l-0.53,0.47l-4.26,-0.02l-0.4,0.4l-0.0,1.06l-1.1,0.26l0.1,0.44l1.82,1.44l0.56,0.91l-3.19,0.21l-1.21,2.09l0.24,0.72l-0.2,0.44l-2.24,-2.18l-1.45,-0.93l-2.22,-0.69l-1.52,0.22l-3.07,1.16l-10.55,-3.85l-2.86,-1.96l-3.78,-0.92l-1.08,-1.19l-2.62,-1.43l-1.18,-1.54l-0.38,-0.81l0.66,-0.63l-0.18,-0.53l0.52,-0.76l0.01,-0.91l-2.0,-3.82l-2.21,-2.63l-2.53,-2.09l-1.19,-1.62l-2.2,-1.17l-0.3,-0.43l0.34,-1.48l-0.21,-0.45l-1.23,-0.6l-1.36,-1.2l-0.59,-1.78l-1.54,-0.47l-2.44,-2.55l-0.16,-0.9l-1.33,-2.03l-0.84,-1.99l-0.16,-1.33l-1.81,-1.1l-0.97,0.05l-1.31,-0.7l-0.57,0.22l-0.4,1.12l0.72,3.77l3.51,3.89l0.28,0.78l0.53,0.26l0.41,1.43l1.33,1.73l1.58,1.41l0.8,2.39l1.43,2.41l0.13,1.32l0.37,0.36l1.04,0.08l1.67,2.28l-0.85,0.76l-0.66,-1.51l-1.68,-1.54l-2.91,-1.87l0.06,-1.82l-0.54,-1.68l-2.91,-2.03l-0.55,0.09l-1.95,-1.1l-0.88,-0.94l0.68,-0.08l0.93,-1.01l0.08,-1.78l-1.93,-1.94l-1.46,-0.77l-3.75,-7.56l4.88,-0.42Z",name:"Mexico"},VU:{path:"M839.04,322.8l0.22,1.14l-0.44,0.03l-0.2,-1.45l0.42,0.27Z",name:"Vanuatu"},FR:{path:"M444.48,172.62l-0.64,1.78l-0.58,-0.31l-0.49,-1.72l0.4,-0.89l1.0,-0.72l0.3,1.85ZM429.64,147.1l1.78,1.58l1.46,-0.13l2.1,1.42l1.35,0.27l1.23,0.83l3.04,0.5l-1.03,1.85l-0.3,2.12l-0.41,0.32l-0.95,-0.24l-0.5,0.43l0.06,0.61l-1.81,1.92l-0.04,1.42l0.55,0.38l0.88,-0.36l0.61,0.97l-0.03,1.0l0.57,0.91l-0.75,1.09l0.65,2.39l1.27,0.57l-0.18,0.82l-2.01,1.53l-4.77,-0.8l-3.82,1.0l-0.53,1.85l-2.49,0.34l-2.71,-1.31l-1.16,0.57l-4.31,-1.29l-0.72,-0.86l1.19,-1.78l0.39,-6.45l-2.58,-3.3l-1.9,-1.66l-3.72,-1.23l-0.19,-1.72l2.81,-0.61l4.12,0.81l0.47,-0.48l-0.6,-2.77l1.94,0.95l5.83,-2.54l0.92,-2.74l1.6,-0.49l0.24,0.78l1.36,0.33l1.05,1.19ZM289.01,278.39l-0.81,0.8l-0.78,0.12l-0.5,-0.66l-0.56,-0.1l-0.91,0.6l-0.46,-0.22l1.09,-2.96l-0.96,-1.77l-0.17,-1.49l1.07,-1.77l2.32,0.75l2.51,2.01l0.3,0.74l-2.14,3.96Z",name:"France"},FI:{path:"M492.17,76.39l-0.23,3.5l3.52,2.63l-2.08,2.88l-0.02,0.44l2.8,4.56l-1.59,3.31l2.16,3.24l-0.94,2.39l0.14,0.47l3.44,2.51l-0.77,1.62l-7.52,6.95l-4.5,0.31l-4.38,1.37l-3.8,0.74l-1.44,-1.96l-2.17,-1.11l0.5,-3.66l-1.16,-3.33l1.09,-2.08l2.21,-2.42l5.67,-4.32l1.64,-0.83l0.21,-0.42l-0.46,-2.02l-3.38,-1.89l-0.75,-1.43l-0.22,-6.74l-6.79,-4.8l0.8,-0.62l2.54,2.12l3.46,-0.12l3.0,0.96l2.51,-2.11l1.17,-3.08l3.55,-1.38l2.76,1.53l-0.95,2.79Z",name:"Finland"},FJ:{path:"M871.53,326.34l-2.8,1.05l-0.08,-0.23l2.97,-1.21l-0.1,0.39ZM867.58,329.25l0.43,0.37l-0.27,0.88l-1.24,0.28l-1.04,-0.24l-0.14,-0.66l0.63,-0.58l0.92,0.26l0.7,-0.31Z",name:"Fiji"},FK:{path:"M274.36,425.85l1.44,1.08l-0.47,0.73l-3.0,0.89l-0.96,-1.0l-0.52,-0.05l-1.83,1.29l-0.73,-0.88l2.46,-1.64l1.93,0.76l1.67,-1.19Z",name:"Falkland Is."},NI:{path:"M202.33,252.67l0.81,-0.18l1.03,-1.02l-0.04,-0.88l0.68,-0.0l0.63,-0.54l0.97,0.22l1.53,-1.26l0.58,-0.99l1.17,0.34l2.41,-0.94l0.13,1.32l-0.81,1.94l0.1,2.74l-0.36,0.37l-0.11,1.75l-0.47,0.81l0.18,1.14l-1.73,-0.85l-0.71,0.27l-1.47,-0.6l-0.52,0.16l-4.01,-3.81Z",name:"Nicaragua"},NL:{path:"M430.31,143.39l0.6,-0.5l2.13,-4.8l3.2,-1.33l1.74,0.08l0.33,0.8l-0.59,2.92l-0.5,0.99l-1.26,0.0l-0.4,0.45l0.33,2.7l-2.2,-1.78l-2.62,0.58l-0.75,-0.11Z",name:"Netherlands"},NO:{path:"M491.44,67.41l6.8,2.89l-2.29,0.86l-0.15,0.65l2.33,2.38l-4.98,1.79l0.84,-2.45l-0.18,-0.48l-3.55,-1.8l-3.89,1.52l-1.42,3.38l-2.12,1.72l-2.64,-1.0l-3.11,0.21l-2.66,-2.22l-0.5,-0.01l-1.41,1.1l-1.44,0.17l-0.35,0.35l-0.32,2.47l-4.32,-0.64l-0.44,0.29l-0.58,2.11l-2.45,0.2l-4.15,7.68l-3.88,5.76l0.78,1.62l-0.64,1.16l-2.24,-0.06l-0.38,0.24l-1.66,3.89l0.15,5.17l1.57,2.04l-0.78,4.16l-2.02,2.48l-0.85,1.63l-1.3,-1.75l-0.58,-0.07l-4.87,4.19l-3.1,0.79l-3.16,-1.7l-0.85,-3.77l-0.77,-8.55l2.14,-2.31l6.55,-3.27l5.02,-4.17l10.63,-13.84l10.98,-8.7l5.35,-1.91l4.34,0.12l3.69,-3.64l4.49,0.19l4.37,-0.89ZM484.55,20.04l4.26,1.75l-3.1,2.55l-7.1,0.65l-7.08,-0.9l-0.37,-1.31l-0.37,-0.29l-3.44,-0.1l-2.08,-2.0l6.87,-1.44l3.9,1.31l2.39,-1.64l6.13,1.4ZM481.69,33.93l-4.45,1.74l-3.54,-0.99l1.12,-0.9l0.05,-0.58l-1.06,-1.22l4.22,-0.89l1.09,1.97l2.57,0.87ZM466.44,24.04l7.43,3.77l-5.41,1.86l-1.58,4.08l-2.26,1.2l-1.12,4.11l-2.61,0.18l-4.79,-2.86l1.84,-1.54l-0.1,-0.68l-3.69,-1.53l-4.77,-4.51l-1.73,-3.89l6.11,-1.82l1.54,1.92l3.57,-0.08l1.2,-1.96l3.32,-0.18l3.05,1.92Z",name:"Norway"},NA:{path:"M474.26,330.66l-0.97,0.04l-0.38,0.4l-0.07,8.9l-2.09,0.08l-0.39,0.4l-0.0,17.42l-1.98,1.23l-1.17,0.17l-2.44,-0.66l-0.48,-1.13l-0.99,-0.74l-0.54,0.05l-0.9,1.01l-1.53,-1.68l-0.93,-1.88l-1.99,-8.56l-0.06,-3.12l-0.33,-1.52l-2.3,-3.34l-1.91,-4.83l-1.96,-2.43l-0.12,-1.57l2.33,-0.79l1.43,0.07l1.81,1.13l10.23,-0.25l1.84,1.23l5.87,0.35ZM474.66,330.64l6.51,-1.6l1.9,0.39l-1.69,0.4l-1.31,0.83l-1.12,-0.94l-4.29,0.92Z",name:"Namibia"},NC:{path:"M838.78,341.24l-0.33,0.22l-2.9,-1.75l-3.26,-3.37l1.65,0.83l4.85,4.07Z",name:"New Caledonia"},NE:{path:"M454.75,226.53l1.33,1.37l0.48,0.07l1.27,-0.7l0.53,3.52l0.94,0.83l0.17,0.92l0.81,0.69l-0.44,0.95l-0.96,5.26l-0.13,3.22l-3.04,2.31l-1.22,3.57l1.02,1.24l-0.0,1.46l0.39,0.4l1.13,0.04l-0.9,1.25l-1.47,-2.42l-0.86,-0.29l-2.09,1.37l-1.74,-0.67l-1.45,-0.17l-0.85,0.35l-1.36,-0.07l-1.64,1.09l-1.06,0.05l-2.94,-1.28l-1.44,0.59l-1.01,-0.03l-0.97,-0.94l-2.7,-0.98l-2.69,0.3l-0.87,0.64l-0.47,1.6l-0.75,1.16l-0.12,1.53l-1.57,-1.1l-1.31,0.24l0.03,-0.81l-0.32,-0.41l-2.59,-0.52l-0.15,-1.16l-1.35,-1.6l-0.29,-1.0l0.13,-0.84l1.29,-0.08l1.08,-0.92l3.31,-0.22l2.22,-0.41l0.32,-0.34l0.2,-1.47l1.39,-1.88l-0.01,-5.66l3.36,-1.12l7.24,-5.12l8.42,-4.92l3.69,1.06Z",name:"Niger"},NG:{path:"M456.32,253.89l0.64,0.65l-0.28,1.04l-2.11,2.01l-2.03,5.18l-1.37,1.16l-1.15,3.18l-1.33,0.66l-1.46,-0.97l-1.21,0.16l-1.38,1.36l-0.91,0.24l-1.79,4.06l-2.33,0.81l-1.11,-0.07l-0.86,0.5l-1.71,-0.05l-1.19,-1.39l-0.89,-1.89l-1.77,-1.66l-3.95,-0.08l0.07,-5.21l0.42,-1.43l1.95,-2.3l-0.14,-0.91l0.43,-1.18l-0.53,-1.41l0.25,-2.92l0.72,-1.07l0.32,-1.34l0.46,-0.39l2.47,-0.28l2.34,0.89l1.15,1.02l1.28,0.04l1.22,-0.58l3.03,1.27l1.49,-0.14l1.36,-1.0l1.33,0.07l0.82,-0.35l3.45,0.8l1.82,-1.32l1.84,2.67l0.66,0.16Z",name:"Nigeria"},NZ:{path:"M857.8,379.65l1.86,3.12l0.44,0.18l0.3,-0.38l0.03,-1.23l0.38,0.27l0.57,2.31l2.02,0.94l1.81,0.27l1.57,-1.06l0.7,0.18l-1.15,3.59l-1.98,0.11l-0.74,1.2l0.2,1.11l-2.42,3.98l-1.49,0.92l-1.04,-0.85l1.21,-2.05l-0.81,-2.01l-2.63,-1.25l0.04,-0.57l1.82,-1.19l0.43,-2.34l-0.16,-2.03l-0.95,-1.82l-0.06,-0.72l-3.11,-3.64l-0.79,-1.52l1.56,1.45l1.76,0.66l0.65,2.34ZM853.83,393.59l0.57,1.24l0.59,0.16l1.42,-0.97l0.46,0.79l0.0,1.03l-2.47,3.48l-1.26,1.2l-0.06,0.5l0.55,0.87l-1.41,0.07l-2.33,1.38l-2.03,5.02l-3.02,2.16l-2.06,-0.06l-1.71,-1.04l-2.47,-0.2l-0.27,-0.73l1.22,-2.1l3.05,-2.94l1.62,-0.59l4.02,-2.82l1.57,-1.67l1.07,-2.16l0.88,-0.7l0.48,-1.75l1.24,-0.97l0.35,0.79Z",name:"New Zealand"},NP:{path:"M641.14,213.62l0.01,3.19l-1.74,0.04l-4.8,-0.86l-1.58,-1.39l-3.37,-0.34l-7.65,-3.7l0.8,-2.09l2.33,-1.7l1.77,0.75l2.49,1.76l1.38,0.41l0.99,1.35l1.9,0.52l1.99,1.17l5.49,0.9Z",name:"Nepal"},CI:{path:"M407.4,259.27l0.86,0.42l0.56,0.9l1.13,0.53l1.19,-0.61l0.97,-0.08l1.42,0.54l0.6,3.24l-1.03,2.08l-0.65,2.84l1.06,2.33l-0.06,0.53l-2.54,-0.47l-1.66,0.03l-3.06,0.46l-4.11,1.6l0.32,-3.06l-1.18,-1.31l-1.32,-0.66l0.42,-0.85l-0.2,-1.4l0.5,-0.67l0.01,-1.59l0.84,-0.32l0.26,-0.5l-1.15,-3.01l0.12,-0.5l0.51,-0.25l0.66,0.31l1.93,0.02l0.67,-0.71l0.71,-0.14l0.25,0.69l0.57,0.22l1.4,-0.61Z",name:"Côte d'Ivoire"},CH:{path:"M444.62,156.35l-0.29,0.87l0.18,0.53l1.13,0.58l1.0,0.1l-0.1,0.65l-0.79,0.38l-1.72,-0.37l-0.45,0.23l-0.45,1.04l-0.75,0.06l-0.84,-0.4l-1.32,1.0l-0.96,0.12l-0.88,-0.55l-0.81,-1.3l-0.49,-0.16l-0.63,0.26l0.02,-0.65l1.71,-1.66l0.1,-0.56l0.93,0.08l0.58,-0.46l1.99,0.02l0.66,-0.61l2.19,0.79Z",name:"Switzerland"},CO:{path:"M242.07,254.93l-1.7,0.59l-0.59,1.18l-1.7,1.69l-0.38,1.93l-0.67,1.43l0.31,0.57l1.03,0.13l0.25,0.9l0.57,0.64l-0.04,2.34l1.64,1.42l3.16,-0.24l1.26,0.28l1.67,2.06l0.41,0.13l4.09,-0.39l0.45,0.22l-0.92,1.95l-0.2,1.8l0.52,1.83l0.75,1.05l-1.12,1.1l0.07,0.63l0.84,0.51l0.74,1.29l-0.39,-0.45l-0.59,-0.01l-0.71,0.74l-4.71,-0.05l-0.4,0.41l0.03,1.57l0.33,0.39l1.11,0.2l-1.68,0.4l-0.29,0.38l-0.01,1.82l1.16,1.14l0.34,1.25l-1.05,7.05l-1.04,-0.87l1.26,-1.99l-0.13,-0.56l-2.18,-1.23l-1.38,0.2l-1.14,-0.38l-1.27,0.61l-1.55,-0.26l-1.38,-2.46l-1.23,-0.75l-0.85,-1.2l-1.67,-1.19l-0.86,0.13l-2.11,-1.32l-1.01,0.31l-1.8,-0.29l-0.52,-0.91l-3.09,-1.68l0.77,-0.52l-0.1,-1.12l0.41,-0.64l1.34,-0.32l2.0,-2.88l-0.11,-0.57l-0.66,-0.43l0.39,-1.38l-0.52,-2.1l0.49,-0.83l-0.4,-2.13l-0.97,-1.35l0.17,-0.66l0.86,-0.08l0.47,-0.75l-0.46,-1.63l1.41,-0.07l1.8,-1.69l0.93,-0.24l0.3,-0.38l0.45,-2.76l1.22,-1.0l1.44,-0.04l0.45,-0.5l1.91,0.12l2.93,-1.84l1.15,-1.14l0.91,0.46l-0.25,0.45Z",name:"Colombia"},CN:{path:"M740.23,148.97l4.57,1.3l2.8,2.17l0.98,2.9l0.38,0.27l3.8,0.0l2.32,-1.28l3.29,-0.75l-0.96,2.09l-1.02,1.28l-0.85,3.4l-1.52,2.73l-2.76,-0.5l-2.4,1.13l-0.21,0.45l0.64,2.57l-0.32,3.2l-0.94,0.06l-0.37,0.89l-0.91,-1.01l-0.64,0.07l-0.92,1.57l-3.73,1.25l-0.26,0.48l0.26,1.06l-1.5,-0.08l-1.09,-0.86l-0.56,0.06l-1.67,2.06l-2.7,1.56l-2.03,1.88l-3.4,0.83l-1.93,1.4l-1.15,0.34l0.33,-0.7l-0.41,-0.89l1.79,-1.79l0.02,-0.54l-1.32,-1.56l-0.48,-0.1l-2.24,1.09l-2.83,2.06l-1.51,1.83l-2.28,0.13l-1.55,1.49l-0.04,0.5l1.32,1.97l2.0,0.58l0.31,1.35l1.98,0.84l3.0,-1.96l2.0,1.02l1.49,0.11l0.22,0.83l-3.37,0.86l-1.12,1.48l-2.5,1.52l-1.29,1.99l0.14,0.56l2.57,1.48l0.97,2.7l3.17,4.63l-0.03,1.66l-1.35,0.65l-0.2,0.51l0.6,1.47l1.4,0.91l-0.89,3.82l-1.43,0.38l-3.85,6.44l-2.27,3.11l-6.78,4.57l-2.73,0.29l-1.45,1.04l-0.62,-0.61l-0.55,-0.01l-1.36,1.25l-3.39,1.27l-2.61,0.4l-1.1,2.79l-0.81,0.09l-0.49,-1.42l0.5,-0.85l-0.25,-0.59l-3.36,-0.84l-1.3,0.4l-2.31,-0.62l-0.94,-0.84l0.33,-1.28l-0.3,-0.49l-2.19,-0.46l-1.13,-0.93l-0.47,-0.02l-2.06,1.36l-4.29,0.28l-2.76,1.05l-0.28,0.43l0.32,2.53l-0.59,-0.03l-0.19,-1.34l-0.55,-0.34l-1.68,0.7l-2.46,-1.23l0.62,-1.87l-0.26,-0.51l-1.37,-0.44l-0.54,-2.22l-0.45,-0.3l-2.13,0.35l0.24,-2.48l2.39,-2.4l0.03,-4.31l-1.19,-0.92l-0.78,-1.49l-0.41,-0.21l-1.41,0.19l-1.98,-0.3l0.46,-1.07l-1.17,-1.7l-0.55,-0.11l-1.63,1.05l-2.25,-0.57l-2.89,1.73l-2.25,1.98l-1.75,0.29l-1.17,-0.71l-3.31,-0.65l-1.48,0.79l-1.04,1.27l-0.12,-1.17l-0.54,-0.34l-1.44,0.54l-5.55,-0.86l-1.98,-1.16l-1.89,-0.54l-0.99,-1.35l-1.34,-0.37l-2.55,-1.79l-2.01,-0.84l-1.21,0.56l-5.57,-3.45l-0.53,-2.31l1.19,0.25l0.48,-0.37l0.08,-1.42l-0.98,-1.56l0.15,-2.44l-2.69,-3.32l-4.12,-1.23l-0.67,-2.0l-1.92,-1.48l-0.38,-0.7l-0.51,-3.01l-1.52,-0.66l-0.7,0.13l-0.48,-2.05l0.55,-0.51l-0.09,-0.82l2.03,-1.19l1.6,-0.54l2.56,0.38l0.42,-0.22l0.85,-1.7l3.0,-0.33l1.1,-1.26l4.05,-1.77l0.39,-0.91l-0.17,-1.44l1.45,-0.67l0.2,-0.52l-2.07,-4.9l4.51,-1.12l1.37,-0.73l1.89,-5.51l4.98,0.86l1.51,-1.7l0.11,-2.87l1.99,-0.38l1.83,-2.06l0.49,-0.13l0.68,2.08l2.23,1.77l3.44,1.16l1.55,2.29l-0.92,3.49l0.96,1.67l6.54,1.13l2.95,1.87l1.47,0.35l1.06,2.62l1.53,1.91l3.05,0.08l5.14,0.67l3.37,-0.41l2.36,0.43l3.65,1.8l3.06,0.04l1.45,0.88l2.87,-1.59l3.95,-1.02l3.83,-0.14l3.06,-1.14l1.77,-1.6l1.72,-1.01l0.17,-0.49l-1.1,-2.05l1.02,-1.54l4.02,0.8l2.45,-1.61l3.76,-1.19l1.96,-2.13l1.63,-0.83l3.51,-0.4l1.92,0.34l0.46,-0.3l0.17,-1.5l-2.27,-2.22l-2.11,-1.09l-2.18,1.11l-2.32,-0.47l-1.29,0.32l-0.4,-0.82l2.73,-5.16l3.02,1.06l3.53,-2.06l0.18,-1.68l2.16,-3.35l1.49,-1.35l-0.03,-1.85l-1.07,-0.85l1.54,-1.26l2.98,-0.59l3.23,-0.09l3.64,0.99l2.04,1.16l3.29,6.71l0.92,3.19ZM696.92,237.31l-1.87,1.08l-1.63,-0.64l-0.06,-1.79l1.03,-0.98l2.58,-0.69l1.16,0.05l0.3,0.54l-0.98,1.06l-0.53,1.37Z",name:"China"},CM:{path:"M457.92,257.49l1.05,1.91l-1.4,0.16l-1.05,-0.23l-0.45,0.22l-0.54,1.19l0.08,0.45l1.48,1.47l1.05,0.45l1.01,2.46l-1.52,2.99l-0.68,0.68l-0.13,3.69l2.38,3.84l1.09,0.8l0.24,2.48l-3.67,-1.14l-11.27,-0.13l0.23,-1.79l-0.98,-1.66l-1.19,-0.54l-0.44,-0.97l-0.6,-0.42l1.71,-4.27l0.75,-0.13l1.38,-1.36l0.65,-0.03l1.71,0.99l1.93,-1.12l1.14,-3.18l1.38,-1.17l2.0,-5.14l2.17,-2.13l0.3,-1.64l-0.86,-0.88l0.03,-0.33l0.94,1.28l0.07,3.22Z",name:"Cameroon"},CL:{path:"M246.5,429.18l-3.14,1.83l-0.57,3.16l-0.64,0.05l-2.68,-1.06l-2.82,-2.33l-3.04,-1.89l-0.69,-1.85l0.63,-2.14l-1.21,-2.11l-0.31,-5.37l1.01,-2.91l2.57,-2.38l-0.18,-0.68l-3.16,-0.77l2.05,-2.47l0.77,-4.65l2.32,0.9l0.54,-0.29l1.31,-6.31l-0.22,-0.44l-1.68,-0.8l-0.56,0.28l-0.7,3.36l-0.81,-0.22l1.56,-9.41l1.15,-2.24l-0.71,-2.82l-0.18,-2.84l1.01,-0.33l3.26,-9.14l1.07,-4.22l-0.56,-4.21l0.74,-2.34l-0.29,-3.27l1.46,-3.34l2.04,-16.59l-0.66,-7.76l1.03,-0.53l0.54,-0.9l0.79,1.14l0.32,1.78l1.25,1.16l-0.69,2.55l1.33,2.9l0.97,3.59l0.46,0.29l1.5,-0.3l0.11,0.23l-0.76,2.44l-2.57,1.23l-0.23,0.37l0.08,4.33l-0.46,0.77l0.56,1.21l-1.58,1.51l-1.68,2.62l-0.89,2.47l0.2,2.7l-1.48,2.73l1.12,5.09l0.64,0.61l-0.01,2.29l-1.38,2.68l0.01,2.4l-1.89,2.04l0.02,2.75l0.69,2.57l-1.43,1.13l-1.26,5.68l0.39,3.51l-0.97,0.89l0.58,3.5l1.02,1.14l-0.65,1.02l0.15,0.57l1.0,0.53l0.16,0.69l-1.03,0.85l0.26,1.75l-0.89,4.03l-1.31,2.66l0.24,1.75l-0.71,1.83l-1.99,1.7l0.3,3.67l0.88,1.19l1.58,0.01l0.01,2.21l1.04,1.95l5.98,0.63ZM248.69,430.79l0.0,7.33l0.4,0.4l3.52,0.05l-0.44,0.75l-1.94,0.98l-2.49,-0.37l-1.88,-1.06l-2.55,-0.49l-5.59,-3.71l-2.38,-2.63l4.1,2.48l3.32,1.23l0.45,-0.12l1.29,-1.57l0.83,-2.32l2.05,-1.24l1.31,0.29Z",name:"Chile"},CA:{path:"M280.06,145.6l-1.67,2.88l0.07,0.49l0.5,0.04l1.46,-0.98l1.0,0.42l-0.56,0.72l0.17,0.62l2.22,0.89l1.35,-0.71l1.95,0.78l-0.66,2.01l0.5,0.51l1.32,-0.42l0.98,3.17l-0.91,2.41l-0.8,0.08l-1.23,-0.45l0.47,-2.25l-0.89,-0.83l-0.48,0.06l-2.78,2.63l-0.34,-0.02l1.02,-0.85l-0.14,-0.69l-2.4,-0.77l-7.4,0.08l-0.17,-0.41l1.3,-0.94l0.02,-0.64l-0.73,-0.58l1.85,-1.74l2.57,-5.16l1.47,-1.79l1.99,-1.05l0.46,0.06l-1.53,2.45ZM68.32,74.16l4.13,0.95l4.02,2.14l2.61,0.4l2.47,-1.89l2.88,-1.31l3.85,0.48l3.71,-1.94l3.82,-1.04l1.56,1.68l0.49,0.08l1.87,-1.04l0.65,-1.98l1.24,0.35l4.16,3.94l0.54,0.01l2.75,-2.49l0.26,2.59l0.49,0.35l3.08,-0.73l1.04,-1.27l2.73,0.23l3.83,1.86l5.86,1.61l3.47,0.75l2.44,-0.26l2.73,1.78l-2.98,1.81l-0.19,0.41l0.31,0.32l4.53,0.92l6.87,-0.5l2.0,-0.69l2.49,2.39l0.53,0.02l2.72,-2.16l-0.02,-0.64l-2.16,-1.54l1.15,-1.06l4.83,-0.61l1.84,0.95l2.48,2.31l3.01,-0.23l4.55,1.92l3.85,-0.67l3.61,0.1l0.41,-0.44l-0.25,-2.36l1.79,-0.61l3.49,1.32l-0.01,3.77l0.31,0.39l0.45,-0.22l1.48,-3.16l1.74,0.1l0.41,-0.3l1.13,-4.37l-2.78,-3.11l-2.8,-1.74l0.19,-4.64l2.71,-3.07l2.98,0.67l2.41,1.95l3.19,4.8l-1.99,1.97l0.21,0.68l4.33,0.84l-0.01,4.15l0.25,0.37l0.44,-0.09l3.07,-3.15l2.54,2.39l-0.61,3.33l2.42,2.88l0.61,0.0l2.61,-3.08l1.88,-3.82l0.17,-4.58l6.72,0.94l3.13,2.04l0.13,1.82l-1.76,2.19l-0.01,0.49l1.66,2.16l-0.26,1.71l-4.68,2.8l-3.28,0.61l-2.47,-1.2l-0.55,0.23l-0.73,2.04l-2.38,3.43l-0.74,1.77l-2.74,2.57l-3.44,0.25l-2.21,1.78l-0.28,2.53l-2.82,0.55l-3.12,3.22l-2.72,4.31l-1.03,3.17l-0.14,4.31l0.33,0.41l3.44,0.57l2.24,5.95l0.45,0.23l3.4,-0.69l4.52,1.51l2.43,1.31l1.91,1.73l3.1,0.96l2.62,1.46l6.6,0.54l-0.35,2.74l0.81,3.53l1.81,3.78l3.83,3.3l0.45,0.04l2.1,-1.28l1.37,-3.69l-1.31,-5.38l-1.45,-1.58l3.57,-1.47l2.84,-2.46l1.52,-2.8l-0.25,-2.55l-1.7,-3.07l-2.85,-2.61l2.8,-3.95l-1.08,-3.37l-0.79,-5.67l1.36,-0.7l6.76,1.41l2.12,-0.96l5.12,3.36l1.05,1.61l4.08,0.26l-0.06,2.87l0.83,4.7l0.3,0.32l2.16,0.54l1.73,2.06l0.5,0.09l3.63,-2.03l2.52,-4.19l1.26,-1.32l7.6,11.72l-0.92,2.04l0.16,0.51l3.3,1.97l2.22,1.98l4.1,0.98l1.43,0.99l0.95,2.79l2.1,0.68l0.84,1.08l0.17,3.45l-3.37,2.26l-4.22,1.24l-3.06,2.63l-4.06,0.51l-5.35,-0.69l-6.39,0.2l-2.3,2.41l-3.26,1.51l-6.47,7.15l-0.06,0.48l0.44,0.19l2.13,-0.52l4.17,-4.24l5.12,-2.62l3.52,-0.3l1.69,1.21l-2.12,2.21l0.81,3.47l1.02,2.61l3.47,1.6l4.14,-0.45l2.15,-2.8l0.26,1.48l1.14,0.8l-2.56,1.69l-5.5,1.82l-2.54,1.27l-2.74,2.15l-1.4,-0.16l-0.07,-2.01l4.14,-2.44l0.18,-0.45l-0.39,-0.29l-6.63,0.45l-1.39,-1.49l-0.14,-4.43l-1.11,-0.91l-1.82,0.39l-0.66,-0.66l-0.6,0.03l-1.91,2.39l-0.82,2.52l-0.8,1.27l-1.67,0.56l-0.46,0.76l-8.31,0.07l-1.21,0.62l-2.35,1.97l-0.71,-0.14l-1.37,0.96l-1.12,-0.48l-4.74,1.26l-0.9,1.17l0.21,0.62l1.73,0.3l-1.81,0.31l-1.85,0.81l-2.11,-0.13l-2.95,1.78l-0.69,-0.09l1.39,-2.1l1.73,-1.21l0.1,-2.29l1.16,-1.99l0.49,0.53l2.03,0.42l1.2,-1.16l0.02,-0.47l-2.66,-3.51l-2.28,-0.61l-5.64,-0.71l-0.4,-0.57l-0.79,0.13l0.2,-0.41l-0.22,-0.55l-0.68,-0.26l0.19,-1.26l-0.78,-0.73l0.31,-0.64l-0.29,-0.57l-2.6,-0.44l-0.75,-1.63l-0.94,-0.66l-4.31,-0.65l-1.13,1.19l-1.48,0.59l-0.85,1.06l-2.83,-0.76l-2.09,0.39l-2.39,-0.97l-4.24,-0.7l-0.57,-0.4l-0.41,-1.63l-0.4,-0.3l-0.85,0.02l-0.39,0.4l-0.01,0.85l-69.13,-0.01l-6.51,-4.52l-4.5,-1.38l-1.26,-2.66l0.33,-1.93l-0.23,-0.43l-3.01,-1.35l-0.55,-2.77l-2.89,-2.38l-0.04,-1.45l1.39,-1.83l-0.28,-2.55l-4.16,-2.2l-4.07,-6.6l-4.02,-3.22l-1.3,-1.88l-0.5,-0.13l-2.51,1.21l-2.23,1.87l-3.85,-3.88l-2.44,-1.04l-2.22,-0.13l0.03,-37.49ZM260.37,148.65l3.04,0.76l2.26,1.2l-3.78,-0.95l-1.53,-1.01ZM249.4,3.81l6.68,0.49l5.32,0.79l4.26,1.57l-0.07,1.1l-5.85,2.53l-6.02,1.21l-2.39,1.39l-0.18,0.45l0.39,0.29l4.01,-0.02l-4.65,2.82l-4.2,1.74l-4.19,4.59l-5.03,0.92l-1.67,1.15l-7.47,0.59l-0.37,0.37l0.32,0.42l2.41,0.49l-0.81,0.47l-0.12,0.59l1.83,2.41l-2.02,1.59l-3.81,1.51l-1.32,2.16l-3.38,1.53l-0.22,0.48l0.35,1.19l0.4,0.29l3.88,-0.18l0.03,0.61l-6.33,2.95l-6.41,-1.4l-7.43,0.79l-3.72,-0.62l-4.4,-0.25l-0.23,-1.83l4.29,-1.11l0.28,-0.51l-1.1,-3.45l1.0,-0.25l6.58,2.28l0.47,-0.16l-0.05,-0.49l-3.41,-3.45l-3.58,-0.98l1.48,-1.55l4.34,-1.29l0.97,-2.19l-0.16,-0.48l-3.42,-2.13l-0.81,-2.26l6.2,0.22l2.24,0.58l3.91,-2.1l0.2,-0.43l-0.35,-0.32l-5.64,-0.67l-8.73,0.36l-4.26,-1.9l-2.12,-2.4l-2.78,-1.66l-0.41,-1.52l3.31,-1.03l2.93,-0.2l4.91,-0.99l3.7,-2.27l2.87,0.3l2.62,1.67l0.56,-0.14l1.82,-3.2l3.13,-0.94l4.44,-0.69l7.53,-0.26l1.48,0.67l7.19,-1.06l10.8,0.79ZM203.85,57.54l0.01,0.42l1.97,2.97l0.68,-0.02l2.24,-3.72l5.95,-1.86l4.01,4.64l-0.35,2.91l0.5,0.43l4.95,-1.36l2.32,-1.8l5.31,2.28l3.27,2.11l0.3,1.84l0.48,0.33l4.42,-0.99l2.64,2.87l5.97,1.77l2.06,1.72l2.11,3.71l-4.19,1.86l-0.01,0.73l5.9,2.83l3.94,0.94l3.78,3.95l3.46,0.25l-0.63,2.37l-4.11,4.47l-2.76,-1.56l-3.9,-3.94l-3.59,0.41l-0.33,0.34l-0.19,2.72l2.63,2.38l3.42,1.89l0.94,0.97l1.55,3.75l-0.7,2.29l-2.74,-0.92l-6.25,-3.15l-0.51,0.13l0.05,0.52l6.07,5.69l0.18,0.59l-6.09,-1.39l-5.31,-2.24l-2.63,-1.66l0.6,-0.77l-0.12,-0.6l-7.39,-4.01l-0.59,0.37l0.03,0.79l-6.73,0.6l-1.69,-1.1l1.36,-2.46l4.51,-0.07l5.15,-0.52l0.31,-0.6l-0.74,-1.3l0.78,-1.84l3.21,-4.05l-0.67,-2.35l-1.11,-1.6l-3.84,-2.1l-4.35,-1.28l0.91,-0.63l0.06,-0.61l-2.65,-2.75l-2.34,-0.36l-1.89,-1.46l-0.53,0.03l-1.24,1.23l-4.36,0.55l-9.04,-0.99l-9.26,-1.98l-1.6,-1.22l2.22,-1.77l0.13,-0.44l-0.38,-0.27l-3.22,-0.02l-0.72,-4.25l1.83,-4.04l2.42,-1.85l5.5,-1.1l-1.39,2.35ZM261.19,159.33l2.07,0.61l1.44,-0.04l-1.15,0.63l-2.94,-1.23l-0.4,-0.68l0.36,-0.37l0.61,1.07ZM230.83,84.39l-2.37,0.18l-0.49,-1.63l0.93,-2.09l1.94,-0.51l1.62,0.99l0.02,1.52l-1.66,1.54ZM229.43,58.25l0.11,0.65l-4.87,-0.21l-2.72,0.62l-3.1,-2.57l0.08,-1.26l0.86,-0.23l5.57,0.51l4.08,2.5ZM222.0,105.02l-0.72,1.49l-0.63,-0.19l-0.48,-0.84l0.81,-0.99l0.65,0.05l0.37,0.46ZM183.74,38.32l2.9,1.7l4.79,-0.01l1.84,1.46l-0.49,1.68l0.23,0.48l2.82,1.14l1.76,1.26l7.01,0.65l4.1,-1.1l5.03,-0.43l3.93,0.35l2.48,1.77l0.46,1.7l-1.3,1.1l-3.56,1.01l-3.23,-0.59l-7.17,0.76l-5.09,0.09l-3.99,-0.6l-6.42,-1.54l-0.79,-2.51l-0.3,-2.49l-2.64,-2.5l-5.32,-0.72l-2.52,-1.4l0.68,-1.57l4.78,0.31ZM207.38,91.35l0.4,1.56l0.56,0.26l1.06,-0.52l1.32,0.96l5.42,2.57l0.2,1.68l0.46,0.35l1.68,-0.28l1.15,0.85l-1.55,0.87l-3.61,-0.88l-1.32,-1.69l-0.57,-0.06l-2.45,2.1l-3.12,1.79l-0.7,-1.87l-0.42,-0.26l-2.16,0.24l1.39,-1.39l0.32,-3.14l0.76,-3.35l1.18,0.22ZM215.49,102.6l-2.67,1.95l-1.4,-0.07l-0.3,-0.58l1.53,-1.48l2.84,0.18ZM202.7,24.12l2.53,1.59l-2.87,1.4l-4.53,4.05l-4.25,0.38l-5.03,-0.68l-2.45,-2.04l0.03,-1.62l1.82,-1.37l0.14,-0.45l-0.38,-0.27l-4.45,0.04l-2.59,-1.76l-1.41,-2.29l1.57,-2.32l1.62,-1.66l2.44,-0.39l0.25,-0.65l-0.6,-0.74l4.86,-0.25l3.24,3.11l8.16,2.3l1.9,3.61ZM187.47,59.2l-2.76,3.49l-2.38,-0.15l-1.44,-3.84l0.04,-2.2l1.19,-1.88l2.3,-1.23l5.07,0.17l4.11,1.02l-3.24,3.72l-2.88,0.89ZM186.07,48.79l-1.08,1.53l-3.34,-0.34l-2.56,-1.1l1.03,-1.75l3.25,-1.23l1.95,1.58l0.75,1.3ZM185.71,35.32l-5.3,-0.2l-0.32,-0.71l4.31,0.07l1.3,0.84ZM180.68,32.48l-3.34,1.0l-1.79,-1.1l-0.98,-1.87l-0.15,-1.73l4.1,0.53l2.67,1.7l-0.51,1.47ZM180.9,76.31l-1.1,1.08l-3.13,-1.23l-2.12,0.43l-2.71,-1.57l1.72,-1.09l1.55,-1.72l3.81,1.9l1.98,2.2ZM169.74,54.87l2.96,0.97l4.17,-0.57l0.41,0.88l-2.14,2.11l0.09,0.64l3.55,1.92l-0.4,3.72l-3.79,1.65l-2.17,-0.35l-1.72,-1.74l-6.02,-3.5l0.03,-0.85l4.68,0.54l0.4,-0.21l-0.05,-0.45l-2.48,-2.81l2.46,-1.95ZM174.45,40.74l1.37,1.73l0.07,2.44l-1.05,3.45l-3.79,0.47l-2.32,-0.69l0.05,-2.64l-0.44,-0.41l-3.68,0.35l-0.12,-3.1l2.45,0.1l3.67,-1.73l3.41,0.29l0.37,-0.26ZM170.05,31.55l0.67,1.56l-3.33,-0.49l-4.22,-1.77l-4.35,-0.16l1.4,-0.94l-0.06,-0.7l-2.81,-1.23l-0.12,-1.39l4.39,0.68l6.62,1.98l1.81,2.47ZM134.5,58.13l-1.02,1.82l0.45,0.58l5.4,-1.39l3.33,2.29l0.49,-0.03l2.6,-2.23l1.94,1.32l2.0,4.5l0.7,0.06l1.3,-2.29l-1.63,-4.46l1.69,-0.54l2.31,0.71l2.65,1.81l2.49,7.92l8.48,4.27l-0.19,1.35l-3.79,0.33l-0.26,0.67l1.4,1.49l-0.58,1.1l-4.23,-0.64l-4.43,-1.19l-3.0,0.28l-4.66,1.47l-10.52,1.04l-1.43,-2.02l-3.42,-1.2l-2.21,0.43l-2.51,-2.86l4.84,-1.05l3.6,0.19l3.27,-0.78l0.31,-0.39l-0.31,-0.39l-4.84,-1.06l-8.79,0.27l-0.85,-1.07l5.26,-1.66l0.27,-0.45l-0.4,-0.34l-3.8,0.06l-3.81,-1.06l1.81,-3.01l1.66,-1.79l6.48,-2.81l1.97,0.71ZM158.7,56.61l-1.7,2.44l-3.2,-2.75l0.37,-0.3l3.11,-0.18l1.42,0.79ZM149.61,42.73l1.01,1.89l0.5,0.18l2.14,-0.82l2.23,0.19l0.36,2.04l-1.33,2.09l-8.28,0.76l-6.35,2.15l-3.41,0.1l-0.19,-0.96l4.9,-2.08l0.23,-0.46l-0.41,-0.31l-11.25,0.59l-2.89,-0.74l3.04,-4.44l2.14,-1.32l6.81,1.69l4.58,3.06l4.37,0.39l0.36,-0.63l-3.36,-4.6l1.85,-1.53l2.18,0.51l0.77,2.26ZM144.76,34.41l-4.36,1.44l-3.0,-1.4l1.46,-1.24l3.47,-0.52l2.96,0.71l-0.52,1.01ZM145.13,29.83l-1.9,0.66l-3.67,-0.0l2.27,-1.61l3.3,0.95ZM118.92,65.79l-6.03,2.02l-1.33,-1.9l-5.38,-2.28l2.59,-5.05l2.16,-3.14l-0.02,-0.48l-1.97,-2.41l7.64,-0.7l3.6,1.02l6.3,0.27l4.42,2.95l-2.53,0.98l-6.24,3.43l-3.1,3.28l-0.11,2.01ZM129.54,35.53l-0.28,3.37l-1.72,1.62l-2.33,0.28l-4.61,2.19l-3.86,0.76l-2.64,-0.87l3.72,-3.4l5.01,-3.34l3.72,0.07l3.0,-0.67ZM111.09,152.69l-0.67,0.24l-3.85,-1.37l-0.83,-1.17l-2.12,-1.07l-0.66,-1.02l-2.4,-0.55l-0.74,-1.71l6.02,1.45l2.0,2.55l2.52,1.39l0.73,1.27ZM87.8,134.64l0.89,0.29l1.86,-0.21l-0.65,3.34l1.69,2.33l-1.31,-1.33l-0.99,-1.62l-1.17,-0.98l-0.33,-1.82Z",name:"Canada"},CG:{path:"M466.72,276.48l-0.1,1.03l-1.25,2.97l-0.19,3.62l-0.46,1.78l-0.23,0.63l-1.61,1.19l-1.21,1.39l-1.09,2.43l0.04,2.09l-3.25,3.24l-0.5,-0.24l-0.5,-0.83l-1.36,-0.02l-0.98,0.89l-1.68,-0.99l-1.54,1.24l-1.52,-1.96l1.57,-1.14l0.11,-0.52l-0.77,-1.35l2.1,-0.66l0.39,-0.73l1.05,0.82l2.21,0.11l1.12,-1.37l0.37,-1.81l-0.27,-2.09l-1.13,-1.5l1.0,-2.69l-0.13,-0.45l-0.92,-0.58l-1.6,0.17l-0.51,-0.94l0.1,-0.61l2.75,0.09l3.97,1.24l0.51,-0.33l0.17,-1.28l1.24,-2.21l1.28,-1.14l2.76,0.49Z",name:"Congo"},CF:{path:"M461.16,278.2l-0.26,-1.19l-1.09,-0.77l-0.84,-1.17l-0.29,-1.0l-1.04,-1.15l0.08,-3.43l0.58,-0.49l1.16,-2.35l1.85,-0.17l0.61,-0.62l0.97,0.58l3.15,-0.96l2.48,-1.92l0.02,-0.96l2.81,0.02l2.36,-1.17l1.93,-2.85l1.16,-0.93l1.11,-0.3l0.27,0.86l1.34,1.47l-0.39,2.01l0.3,1.01l4.01,2.75l0.17,0.93l2.63,2.31l0.6,1.44l2.08,1.4l-3.84,-0.21l-1.94,0.88l-1.23,-0.49l-2.67,1.2l-1.29,-0.18l-0.51,0.36l-0.6,1.22l-3.35,-0.65l-1.57,-0.91l-2.42,-0.83l-1.45,0.91l-0.97,1.27l-0.26,1.56l-3.22,-0.43l-1.49,1.33l-0.94,1.62Z",name:"Central African Rep."},CD:{path:"M487.01,272.38l2.34,-0.14l1.35,1.84l1.34,0.45l0.86,-0.39l1.21,0.12l1.07,-0.41l0.54,0.89l2.04,1.54l-0.14,2.72l0.7,0.54l-1.38,1.13l-1.53,2.54l-0.17,2.05l-0.59,1.08l-0.02,1.72l-0.72,0.84l-0.66,3.01l0.63,1.32l-0.44,4.26l0.64,1.47l-0.37,1.22l0.86,1.8l1.53,1.41l0.3,1.26l0.44,0.5l-4.08,0.75l-0.92,1.81l0.51,1.34l-0.74,5.43l0.17,0.38l2.45,1.46l0.54,-0.1l0.12,1.62l-1.28,-0.01l-1.85,-2.35l-1.94,-0.45l-0.48,-1.13l-0.55,-0.2l-1.41,0.74l-1.71,-0.3l-1.01,-1.18l-2.49,-0.19l-0.44,-0.77l-1.98,-0.21l-2.88,0.36l0.11,-2.41l-0.85,-1.13l-0.16,-1.36l0.32,-1.73l-0.46,-0.89l-0.04,-1.49l-0.4,-0.39l-2.53,0.02l0.1,-0.41l-0.39,-0.49l-1.28,0.01l-0.43,0.45l-1.62,0.32l-0.83,1.79l-1.09,-0.28l-2.4,0.52l-1.37,-1.91l-1.3,-3.3l-0.38,-0.27l-7.39,-0.03l-2.46,0.42l0.5,-0.45l0.37,-1.47l0.66,-0.38l0.92,0.08l0.73,-0.82l0.87,0.02l0.31,0.68l1.4,0.36l3.59,-3.63l0.01,-2.23l1.02,-2.29l2.69,-2.39l0.43,-0.99l0.49,-1.96l0.17,-3.51l1.25,-2.95l0.36,-3.14l0.86,-1.13l1.1,-0.66l3.57,1.73l3.65,0.73l0.46,-0.21l0.8,-1.46l1.24,0.19l2.61,-1.17l0.81,0.44l1.04,-0.03l0.59,-0.66l0.7,-0.16l1.81,0.25Z",name:"Dem. Rep. Congo"},CZ:{path:"M458.46,144.88l1.22,1.01l1.47,0.23l0.13,0.93l1.36,0.68l0.54,-0.2l0.24,-0.55l1.15,0.25l0.53,1.09l1.68,0.18l0.6,0.84l-1.04,0.73l-0.96,1.28l-1.6,0.17l-0.55,0.56l-1.04,-0.46l-1.05,0.15l-2.12,-0.96l-1.05,0.34l-1.2,1.12l-1.56,-0.87l-2.57,-2.1l-0.53,-1.88l4.7,-2.52l0.71,0.26l0.9,-0.28Z",name:"Czech Rep."},CY:{path:"M504.36,193.47l0.43,0.28l-1.28,0.57l-0.92,-0.28l-0.24,-0.46l2.01,-0.13Z",name:"Cyprus"},CR:{path:"M211.34,258.05l0.48,0.99l1.6,1.6l-0.54,0.45l0.29,1.42l-0.25,1.19l-1.09,-0.59l-0.05,-1.25l-2.46,-1.42l-0.28,-0.77l-0.66,-0.45l-0.45,-0.0l-0.11,1.04l-1.32,-0.95l0.31,-1.3l-0.36,-0.6l0.31,-0.27l1.42,0.58l1.29,-0.14l0.56,0.56l0.74,0.17l0.55,-0.27Z",name:"Costa Rica"},CU:{path:"M221.21,227.25l1.27,1.02l2.19,-0.28l4.43,3.33l2.08,0.43l-0.1,0.38l0.36,0.5l1.75,0.1l1.48,0.84l-3.11,0.51l-4.15,-0.03l0.77,-0.67l-0.04,-0.64l-1.2,-0.74l-1.49,-0.16l-0.7,-0.61l-0.56,-1.4l-0.4,-0.25l-1.34,0.1l-2.2,-0.66l-0.88,-0.58l-3.18,-0.4l-0.27,-0.16l0.58,-0.74l-0.36,-0.29l-2.72,-0.05l-1.7,1.29l-0.91,0.03l-0.61,0.69l-1.01,0.22l1.11,-1.29l1.01,-0.52l3.69,-1.01l3.98,0.21l2.21,0.84Z",name:"Cuba"},SZ:{path:"M500.35,351.36l0.5,2.04l-0.38,0.89l-1.05,0.21l-1.23,-1.2l-0.02,-0.64l0.83,-1.57l1.34,0.27Z",name:"Swaziland"},SY:{path:"M511.0,199.79l0.05,-1.33l0.54,-1.36l1.28,-0.99l0.13,-0.45l-0.41,-1.11l-1.14,-0.36l-0.19,-1.74l0.52,-1.0l1.29,-1.21l0.2,-1.18l0.59,0.23l2.62,-0.76l1.36,0.52l2.06,-0.01l2.95,-1.08l3.25,-0.26l-0.67,0.94l-1.28,0.66l-0.21,0.4l0.23,2.01l-0.88,3.19l-10.15,5.73l-2.15,-0.85Z",name:"Syria"},KG:{path:"M621.35,172.32l-3.87,1.69l-0.96,1.18l-3.04,0.34l-1.13,1.86l-2.36,-0.35l-1.99,0.63l-2.39,1.4l0.06,0.95l-0.4,0.37l-4.52,0.43l-3.02,-0.93l-2.37,0.17l0.11,-0.79l2.32,0.42l1.13,-0.88l1.99,0.2l3.21,-2.14l-0.03,-0.69l-2.97,-1.57l-1.94,0.65l-1.22,-0.74l1.71,-1.58l-0.12,-0.67l-0.36,-0.15l0.32,-0.77l1.36,-0.35l4.02,1.02l0.49,-0.3l0.35,-1.59l1.09,-0.48l3.42,1.22l1.11,-0.31l7.64,0.39l1.16,1.0l1.23,0.39Z",name:"Kyrgyzstan"},KE:{path:"M506.26,284.69l1.87,-2.56l0.93,-2.15l-1.38,-4.08l-1.06,-1.6l2.82,-2.75l0.79,0.26l0.12,1.41l0.86,0.83l1.9,0.11l3.28,2.13l3.57,0.44l1.05,-1.12l1.96,-0.9l0.82,0.68l1.16,0.09l-1.78,2.45l0.03,9.12l1.3,1.94l-1.37,0.78l-0.67,1.03l-1.08,0.46l-0.34,1.67l-0.81,1.07l-0.45,1.55l-0.68,0.56l-3.2,-2.23l-0.35,-1.58l-8.86,-4.98l0.14,-1.6l-0.57,-1.04Z",name:"Kenya"},SS:{path:"M481.71,263.34l1.07,-0.72l1.2,-3.18l1.36,-0.26l1.61,1.99l0.87,0.34l1.1,-0.41l1.5,0.07l0.57,0.53l2.49,0.0l0.44,-0.63l1.07,-0.4l0.45,-0.84l0.59,-0.33l1.9,1.33l1.6,-0.2l2.83,-3.33l-0.32,-2.21l1.59,-0.52l-0.24,1.6l0.3,1.83l1.35,1.18l0.2,1.87l0.35,0.41l0.02,1.53l-0.23,0.47l-1.42,0.25l-0.85,1.44l0.3,0.6l1.4,0.16l1.11,1.08l0.59,1.13l1.03,0.53l1.28,2.36l-4.41,3.98l-1.74,0.01l-1.89,0.55l-1.47,-0.52l-1.15,0.57l-2.96,-2.62l-1.3,0.49l-1.06,-0.15l-0.79,0.39l-0.82,-0.22l-1.8,-2.7l-1.91,-1.1l-0.66,-1.5l-2.62,-2.32l-0.18,-0.94l-2.37,-1.6Z",name:"S. Sudan"},SR:{path:"M283.12,270.19l2.1,0.53l-1.08,1.95l0.2,1.72l0.93,1.49l-0.59,2.03l-0.43,0.71l-1.12,-0.42l-1.32,0.22l-0.93,-0.2l-0.46,0.26l-0.25,0.73l0.33,0.7l-0.89,-0.13l-1.39,-1.97l-0.31,-1.34l-0.97,-0.31l-0.89,-1.47l0.35,-1.61l1.45,-0.82l0.33,-1.87l2.61,0.44l0.57,-0.47l1.75,-0.16Z",name:"Suriname"},KH:{path:"M689.52,249.39l0.49,1.45l-0.28,2.74l-4.0,1.86l-0.16,0.6l0.68,0.95l-2.06,0.17l-2.05,0.97l-1.82,-0.32l-2.12,-3.7l-0.55,-2.85l1.4,-1.85l3.02,-0.45l2.23,0.35l2.01,0.98l0.51,-0.14l0.95,-1.48l1.74,0.74Z",name:"Cambodia"},SV:{path:"M195.8,250.13l1.4,-1.19l2.24,1.45l0.98,-0.27l0.44,0.2l-0.27,1.05l-1.14,-0.03l-3.64,-1.21Z",name:"El Salvador"},SK:{path:"M476.82,151.17l-1.14,1.9l-2.73,-0.92l-0.82,0.2l-0.74,0.8l-3.46,0.73l-0.47,0.69l-1.76,0.33l-1.88,-1.0l-0.18,-0.81l0.38,-0.75l1.87,-0.32l1.74,-1.89l0.83,0.16l0.79,-0.34l1.51,1.04l1.34,-0.63l1.25,0.3l1.65,-0.42l1.81,0.95Z",name:"Slovakia"},KR:{path:"M737.51,185.84l0.98,-0.1l0.87,-1.17l2.69,-0.32l0.33,-0.29l1.76,2.79l0.58,1.76l0.02,3.12l-0.8,1.32l-2.21,0.55l-1.93,1.13l-1.8,0.19l-0.2,-1.1l0.43,-2.28l-0.95,-2.56l1.43,-0.37l0.23,-0.62l-1.43,-2.06Z",name:"Korea"},SI:{path:"M456.18,162.07l-0.51,-1.32l0.18,-1.05l1.69,0.2l1.42,-0.71l2.09,-0.07l0.62,-0.51l0.21,0.47l-1.61,0.67l-0.44,1.34l-0.66,0.24l-0.26,0.82l-1.22,-0.49l-0.84,0.46l-0.69,-0.04Z",name:"Slovenia"},KP:{path:"M736.77,185.16l-0.92,-0.42l-0.88,0.62l-1.21,-0.88l0.96,-1.15l0.59,-2.59l-0.46,-0.74l-2.09,-0.77l1.64,-1.52l2.72,-1.58l1.58,-1.91l1.11,0.78l2.17,0.11l0.41,-0.5l-0.3,-1.22l3.52,-1.18l0.94,-1.4l0.98,1.08l-2.19,2.18l0.01,2.14l-1.06,0.54l-1.41,1.4l-1.7,0.52l-1.25,1.09l-0.14,1.98l0.94,0.45l1.15,1.04l-0.13,0.26l-2.6,0.29l-1.13,1.29l-1.22,0.08Z",name:"Dem. Rep. Korea"},SO:{path:"M525.13,288.48l-1.13,-1.57l-0.03,-8.86l2.66,-3.38l1.67,-0.13l2.13,-1.69l3.41,-0.23l7.08,-7.55l2.91,-3.69l0.08,-4.82l2.98,-0.67l1.24,-0.86l0.45,-0.0l-0.2,3.0l-1.21,3.62l-2.73,5.97l-2.13,3.65l-5.03,6.16l-8.56,6.4l-2.78,3.08l-0.8,1.56Z",name:"Somalia"},SN:{path:"M390.09,248.21l0.12,1.55l0.49,1.46l0.96,0.82l0.05,1.28l-1.26,-0.19l-0.75,0.33l-1.84,-0.61l-5.84,-0.13l-2.54,0.51l-0.22,-1.03l1.77,0.04l2.01,-0.91l1.03,0.48l1.09,0.04l1.29,-0.62l0.14,-0.58l-0.51,-0.74l-1.81,0.25l-1.13,-0.63l-0.79,0.04l-0.72,0.61l-2.31,0.06l-0.92,-1.77l-0.81,-0.64l0.64,-0.35l2.46,-3.74l1.04,0.19l1.38,-0.56l1.19,-0.02l2.72,1.37l3.03,3.48Z",name:"Senegal"},SL:{path:"M394.46,264.11l-1.73,1.98l-0.58,1.33l-2.07,-1.06l-1.22,-1.26l-0.65,-2.39l1.16,-0.96l0.67,-1.17l1.21,-0.52l1.66,0.0l1.03,1.64l0.52,2.41Z",name:"Sierra Leone"},SB:{path:"M826.69,311.6l-0.61,0.09l-0.2,-0.33l0.37,0.15l0.44,0.09ZM824.18,307.38l-0.26,-0.3l-0.31,-0.91l0.03,0.0l0.54,1.21ZM823.04,309.33l-1.66,-0.22l-0.2,-0.52l1.16,0.28l0.69,0.46ZM819.28,304.68l1.14,0.65l0.02,0.03l-0.81,-0.44l-0.35,-0.23Z",name:"Solomon Is."},SA:{path:"M537.53,210.34l2.0,0.24l0.9,1.32l1.49,-0.06l0.87,2.08l1.29,0.76l0.51,0.99l1.56,1.03l-0.1,1.9l0.32,0.9l1.58,2.47l0.76,0.53l0.7,-0.04l1.68,4.23l7.53,1.33l0.51,-0.29l0.77,1.25l-1.55,4.87l-7.29,2.52l-7.3,1.03l-2.34,1.17l-1.88,2.74l-0.76,0.28l-0.82,-0.78l-0.91,0.12l-2.88,-0.51l-3.51,0.25l-0.86,-0.56l-0.57,0.15l-0.66,1.27l0.16,1.11l-0.43,0.32l-0.93,-1.4l-0.33,-1.16l-1.23,-0.88l-1.27,-2.06l-0.78,-2.22l-1.73,-1.79l-1.14,-0.48l-1.54,-2.31l-0.21,-3.41l-1.44,-2.93l-1.27,-1.16l-1.33,-0.57l-1.31,-3.37l-0.77,-0.67l-0.97,-1.97l-2.8,-4.03l-1.06,-0.17l0.37,-1.96l0.2,-0.72l2.74,0.3l1.08,-0.84l0.6,-0.94l1.74,-0.35l0.65,-1.03l0.71,-0.4l0.1,-0.62l-2.06,-2.28l4.39,-1.22l0.48,-0.37l2.77,0.69l3.66,1.9l7.03,5.5l4.87,0.3Z",name:"Saudi Arabia"},SE:{path:"M480.22,89.3l-4.03,1.17l-2.43,2.86l0.26,2.57l-8.77,6.64l-1.78,5.79l1.78,2.68l2.22,1.96l-2.07,3.77l-2.72,1.13l-0.95,6.04l-1.29,3.01l-2.74,-0.31l-0.4,0.22l-1.31,2.59l-2.34,0.13l-0.75,-3.09l-2.08,-4.03l-1.83,-4.96l1.0,-1.93l2.14,-2.7l0.83,-4.45l-1.6,-2.17l-0.15,-4.94l1.48,-3.39l2.58,-0.15l0.87,-1.59l-0.78,-1.57l3.76,-5.59l4.04,-7.48l2.17,0.01l0.39,-0.29l0.57,-2.07l4.37,0.64l0.46,-0.34l0.33,-2.56l1.1,-0.13l6.94,4.87l0.06,6.32l0.66,1.36Z",name:"Sweden"},SD:{path:"M505.98,259.4l-0.34,-0.77l-1.17,-0.9l-0.26,-1.61l0.29,-1.81l-0.34,-0.46l-1.16,-0.17l-0.54,0.59l-1.23,0.11l-0.28,0.65l0.53,0.65l0.17,1.22l-2.44,3.0l-0.96,0.19l-2.39,-1.4l-0.95,0.52l-0.38,0.78l-1.11,0.41l-0.29,0.5l-1.94,0.0l-0.54,-0.52l-1.81,-0.09l-0.95,0.4l-2.45,-2.35l-2.07,0.54l-0.73,1.26l-0.6,2.1l-1.25,0.58l-0.75,-0.62l0.27,-2.65l-1.48,-1.78l-0.22,-1.48l-0.92,-0.96l-0.02,-1.29l-0.57,-1.16l-0.68,-0.16l0.69,-1.29l-0.18,-1.14l0.65,-0.62l0.03,-0.55l-0.36,-0.41l1.55,-2.97l1.91,0.16l0.43,-0.4l-0.1,-10.94l2.49,-0.01l0.4,-0.4l-0.0,-4.82l29.02,0.0l0.64,2.04l-0.49,0.66l0.36,2.69l0.93,3.16l2.12,1.55l-0.89,1.04l-1.72,0.39l-0.98,0.9l-1.43,5.65l0.24,1.15l-0.38,2.06l-0.96,2.38l-1.53,1.31l-1.32,2.91l-1.22,0.86l-0.37,1.34Z",name:"Sudan"},DO:{path:"M241.8,239.2l0.05,-0.65l-0.46,-0.73l0.42,-0.44l0.19,-1.0l-0.09,-1.53l1.66,0.01l1.99,0.63l0.33,0.67l1.28,0.19l0.33,0.76l1.0,0.08l0.8,0.62l-0.45,0.51l-1.13,-0.47l-1.88,-0.01l-1.27,0.59l-0.75,-0.55l-1.01,0.54l-0.79,1.4l-0.23,-0.61Z",name:"Dominican Rep."},DJ:{path:"M528.43,256.18l-0.45,0.66l-0.58,-0.25l-1.51,0.13l-0.18,-1.01l1.45,-1.95l0.83,0.17l0.77,-0.44l0.2,1.0l-1.2,0.51l-0.06,0.7l0.73,0.47Z",name:"Djibouti"},DK:{path:"M452.28,129.07l-1.19,2.24l-2.13,-1.6l-0.23,-0.95l2.98,-0.95l0.57,1.26ZM447.74,126.31l-0.26,0.57l-0.88,-0.07l-1.8,2.53l0.48,1.69l-1.09,0.36l-1.61,-0.39l-0.89,-1.69l-0.07,-3.43l0.96,-1.73l2.02,-0.2l1.09,-1.07l1.33,-0.67l-0.05,1.06l-0.73,1.41l0.3,1.0l1.2,0.64Z",name:"Denmark"},DE:{path:"M453.14,155.55l-0.55,-0.36l-1.2,-0.1l-1.87,0.57l-2.13,-0.13l-0.56,0.63l-0.86,-0.6l-0.96,0.09l-2.57,-0.93l-0.85,0.67l-1.47,-0.02l0.24,-1.75l1.23,-2.14l-0.28,-0.59l-3.52,-0.58l-0.92,-0.66l0.12,-1.2l-0.48,-0.88l0.27,-2.17l-0.37,-3.03l1.41,-0.22l0.63,-1.26l0.66,-3.19l-0.41,-1.18l0.26,-0.39l1.66,-0.15l0.33,0.54l0.62,0.07l1.7,-1.69l-0.54,-3.02l1.37,0.33l1.31,-0.37l0.31,1.18l2.25,0.71l-0.02,0.92l0.5,0.4l2.55,-0.65l1.34,-0.87l2.57,1.24l1.06,0.98l0.48,1.44l-0.57,0.74l-0.0,0.48l0.87,1.15l0.57,1.64l-0.14,1.29l0.82,1.7l-1.5,-0.07l-0.56,0.57l-4.47,2.15l-0.22,0.54l0.68,2.26l2.58,2.16l-0.66,1.11l-0.79,0.36l-0.23,0.43l0.32,1.87Z",name:"Germany"},YE:{path:"M528.27,246.72l0.26,-0.42l-0.22,-1.01l0.19,-1.5l0.92,-0.69l-0.07,-1.35l0.39,-0.75l1.01,0.47l3.34,-0.27l3.76,0.41l0.95,0.81l1.36,-0.58l1.74,-2.62l2.18,-1.09l6.86,-0.94l2.48,5.41l-1.64,0.76l-0.56,1.9l-6.23,2.16l-2.29,1.8l-1.93,0.05l-1.41,1.02l-4.24,0.74l-1.72,1.49l-3.28,0.19l-0.52,-1.18l0.02,-1.51l-1.34,-3.29Z",name:"Yemen"},AT:{path:"M462.89,152.8l0.04,2.25l-1.07,0.0l-0.33,0.63l0.36,0.51l-1.04,2.13l-2.02,0.07l-1.33,0.7l-5.29,-0.99l-0.47,-0.93l-0.44,-0.21l-2.47,0.55l-0.42,0.51l-3.18,-0.81l0.43,-0.91l1.12,0.78l0.6,-0.17l0.25,-0.58l1.93,0.12l1.86,-0.56l1.0,0.08l0.68,0.57l0.62,-0.15l0.26,-0.77l-0.3,-1.78l0.8,-0.44l0.68,-1.15l1.52,0.85l0.47,-0.06l1.34,-1.25l0.64,-0.17l1.81,0.92l1.28,-0.11l0.7,0.37Z",name:"Austria"},DZ:{path:"M441.46,188.44l-0.32,1.07l0.39,2.64l-0.54,2.16l-1.58,1.82l0.37,2.39l1.91,1.55l0.18,0.8l1.42,1.03l1.84,7.23l0.12,1.16l-0.57,5.0l0.2,1.51l-0.87,0.99l-0.02,0.51l1.41,1.86l0.14,1.2l0.89,1.48l0.5,0.16l0.98,-0.41l1.73,1.08l0.82,1.23l-8.22,4.81l-7.23,5.11l-3.43,1.13l-2.3,0.21l-0.28,-1.59l-2.56,-1.09l-0.67,-1.25l-26.12,-17.86l0.01,-3.47l3.77,-1.88l2.44,-0.41l2.12,-0.75l1.08,-1.42l2.81,-1.05l0.35,-2.08l1.33,-0.29l1.04,-0.94l3.47,-0.69l0.46,-1.08l-0.1,-0.45l-0.58,-0.52l-0.82,-2.81l-0.19,-1.83l-0.78,-1.49l2.03,-1.31l2.63,-0.48l1.7,-1.22l2.31,-0.84l8.24,-0.73l1.49,0.38l2.28,-1.1l2.46,-0.02l0.92,0.6l1.35,-0.05Z",name:"Algeria"},US:{path:"M892.72,99.2l1.31,0.53l1.41,-0.37l1.89,0.98l1.89,0.42l-1.32,0.58l-2.9,-1.53l-2.08,0.22l-0.26,-0.15l0.07,-0.67ZM183.22,150.47l0.37,1.47l1.12,0.85l4.23,0.7l2.39,0.98l2.17,-0.38l1.85,0.5l-1.55,0.65l-3.49,2.61l-0.16,0.77l0.5,0.39l2.33,-0.61l1.77,1.02l5.15,-2.4l-0.31,0.65l0.25,0.56l1.36,0.38l1.71,1.16l4.7,-0.88l0.67,0.85l1.31,0.21l0.58,0.58l-1.34,0.17l-2.18,-0.32l-3.6,0.89l-2.71,3.25l0.35,0.9l0.59,-0.0l0.55,-0.6l-1.36,4.65l0.29,3.09l0.67,1.58l0.61,0.45l1.77,-0.44l1.6,-1.96l0.14,-2.21l-0.82,-1.96l0.11,-1.13l1.19,-2.37l0.44,-0.33l0.48,0.75l0.4,-0.29l0.4,-1.37l0.6,-0.47l0.24,-0.8l1.69,0.49l1.65,1.08l-0.03,2.37l-1.27,1.13l-0.0,1.13l0.87,0.36l1.66,-1.29l0.5,0.17l0.5,2.6l-2.49,3.75l0.17,0.61l1.54,0.62l1.48,0.17l1.92,-0.44l4.72,-2.15l2.16,-1.8l-0.05,-1.24l0.75,-0.22l3.92,0.36l2.12,-1.05l0.21,-0.4l-0.28,-1.48l3.27,-2.4l8.32,-0.02l0.56,-0.82l1.9,-0.77l0.93,-1.51l0.74,-2.37l1.58,-1.98l0.92,0.62l1.47,-0.47l0.8,0.66l-0.0,4.09l1.96,2.6l-2.34,1.31l-5.37,2.09l-1.83,2.72l0.02,1.79l0.83,1.59l0.54,0.23l-6.19,0.94l-2.2,0.89l-0.23,0.48l0.45,0.29l2.99,-0.46l-2.19,0.56l-1.13,0.0l-0.15,-0.32l-0.48,0.08l-0.76,0.82l0.22,0.67l0.32,0.06l-0.41,1.62l-1.27,1.58l-1.48,-1.07l-0.49,-0.04l-0.16,0.46l0.52,1.58l0.61,0.59l0.03,0.79l-0.95,1.38l-1.21,-1.22l-0.27,-2.27l-0.35,-0.35l-0.42,0.25l-0.48,1.27l0.33,1.41l-0.97,-0.27l-0.48,0.24l0.18,0.5l1.52,0.83l0.1,2.52l0.79,0.51l0.52,3.42l-1.42,1.88l-2.47,0.8l-1.71,1.66l-1.31,0.25l-1.27,1.03l-0.43,0.99l-2.69,1.78l-2.64,3.03l-0.45,2.12l0.45,2.08l0.85,2.38l1.09,1.9l0.04,1.2l1.16,3.06l-0.18,2.69l-0.55,1.43l-0.47,0.21l-0.89,-0.23l-0.49,-1.18l-0.87,-0.56l-2.75,-5.16l0.48,-1.68l-0.72,-1.78l-2.01,-2.38l-1.12,-0.53l-2.72,1.18l-1.47,-1.35l-1.57,-0.68l-2.99,0.31l-2.17,-0.3l-2.0,0.19l-1.15,0.46l-0.19,0.58l0.39,0.63l0.14,1.34l-0.84,-0.2l-0.84,0.46l-1.58,-0.07l-2.08,-1.44l-2.09,0.33l-1.91,-0.62l-3.73,0.84l-2.39,2.07l-2.54,1.22l-1.45,1.41l-0.61,1.38l0.34,3.71l-0.29,0.02l-3.5,-1.33l-1.25,-3.11l-1.44,-1.5l-2.24,-3.56l-1.76,-1.09l-2.27,-0.01l-1.71,2.07l-1.76,-0.69l-1.16,-0.74l-1.52,-2.98l-3.93,-3.16l-4.34,-0.0l-0.4,0.4l-0.0,0.74l-6.5,0.02l-9.02,-3.14l-0.34,-0.71l-5.7,0.49l-0.43,-1.29l-1.62,-1.61l-1.14,-0.38l-0.55,-0.88l-1.28,-0.13l-1.01,-0.77l-2.22,-0.27l-0.43,-0.3l-0.36,-1.58l-2.4,-2.83l-2.01,-3.85l-0.06,-0.9l-2.92,-3.26l-0.33,-2.29l-1.3,-1.66l0.52,-2.37l-0.09,-2.57l-0.78,-2.3l0.95,-2.82l0.61,-5.68l-0.47,-4.27l-1.46,-4.08l3.19,0.79l1.26,2.83l0.69,0.08l0.69,-1.14l-1.1,-4.79l68.76,-0.0l0.4,-0.4l0.14,-0.86ZM32.44,67.52l1.73,1.97l0.55,0.05l0.99,-0.79l3.65,0.24l-0.09,0.62l0.32,0.45l3.83,0.77l2.61,-0.43l5.19,1.4l4.84,0.43l1.89,0.57l3.42,-0.7l6.14,1.87l-0.03,38.06l0.38,0.4l2.39,0.11l2.31,0.98l3.9,3.99l0.55,0.04l2.4,-2.03l2.16,-1.04l1.2,1.71l3.95,3.14l4.09,6.63l4.2,2.29l0.06,1.83l-1.02,1.23l-1.16,-1.08l-2.04,-1.03l-0.67,-2.89l-3.28,-3.03l-1.65,-3.57l-6.35,-0.32l-2.82,-1.01l-5.26,-3.85l-6.77,-2.04l-3.53,0.3l-4.81,-1.69l-3.25,-1.63l-2.78,0.8l-0.28,0.46l0.44,2.21l-3.91,0.96l-2.26,1.27l-2.3,0.65l-0.27,-1.65l1.05,-3.42l2.49,-1.09l0.16,-0.6l-0.69,-0.96l-0.55,-0.1l-3.19,2.12l-1.78,2.56l-3.55,2.61l-0.04,0.61l1.56,1.52l-2.07,2.29l-5.11,2.57l-0.77,1.66l-3.76,1.77l-0.92,1.73l-2.69,1.38l-1.81,-0.22l-6.95,3.32l-3.97,0.91l4.85,-2.5l2.59,-1.86l3.26,-0.52l1.19,-1.4l3.42,-2.1l2.59,-2.27l0.42,-2.68l1.23,-2.1l-0.04,-0.46l-0.45,-0.11l-2.68,1.03l-0.63,-0.49l-0.53,0.03l-1.05,1.04l-1.36,-1.54l-0.66,0.08l-0.32,0.62l-0.58,-1.14l-0.56,-0.16l-2.41,1.42l-1.07,-0.0l-0.17,-1.75l0.3,-1.71l-1.61,-1.33l-3.41,0.59l-1.96,-1.63l-1.57,-0.84l-0.15,-2.21l-1.7,-1.43l0.82,-1.88l1.99,-2.12l0.88,-1.92l1.71,-0.24l2.04,0.51l1.87,-1.77l1.91,0.25l1.91,-1.23l0.17,-0.43l-0.47,-1.82l-1.07,-0.7l1.39,-1.17l0.12,-0.45l-0.39,-0.26l-1.65,0.07l-2.66,0.88l-0.75,0.78l-1.92,-0.8l-3.46,0.44l-3.44,-0.91l-1.06,-1.61l-2.65,-1.99l2.91,-1.43l5.5,-2.0l1.52,0.0l-0.26,1.62l0.41,0.46l5.29,-0.16l0.3,-0.65l-2.03,-2.59l-3.14,-1.68l-1.79,-2.12l-2.4,-1.83l-3.09,-1.24l1.04,-1.69l4.23,-0.14l3.36,-2.07l0.73,-2.27l2.39,-1.99l2.42,-0.52l4.65,-1.97l2.46,0.23l3.71,-2.35l3.5,0.89ZM37.6,123.41l-2.25,1.23l-0.95,-0.69l-0.29,-1.24l3.21,-1.63l1.42,0.21l0.67,0.7l-1.8,1.42ZM31.06,234.03l0.98,0.47l0.74,0.87l-1.77,1.07l-0.44,-1.53l0.49,-0.89ZM29.34,232.07l0.18,0.05l0.08,0.05l-0.16,0.03l-0.11,-0.14ZM25.16,230.17l0.05,-0.03l0.18,0.22l-0.13,-0.01l-0.1,-0.18ZM5.89,113.26l-1.08,0.41l-2.21,-1.12l1.53,-0.4l1.62,0.28l0.14,0.83Z",name:"United States"},LV:{path:"M489.16,122.85l0.96,0.66l0.22,1.65l0.68,1.76l-3.65,1.7l-2.23,-1.58l-1.29,-0.26l-0.68,-0.77l-2.42,0.34l-4.16,-0.23l-2.47,0.9l0.06,-1.98l1.13,-2.06l1.95,-1.02l2.12,2.58l2.01,-0.07l0.38,-0.33l0.44,-2.52l1.76,-0.53l3.06,1.7l2.15,0.07Z",name:"Latvia"},UY:{path:"M286.85,372.74l-0.92,1.5l-2.59,1.44l-1.69,-0.52l-1.42,0.26l-2.39,-1.19l-1.52,0.08l-1.27,-1.3l0.16,-1.5l0.56,-0.79l-0.02,-2.73l1.21,-4.74l1.19,-0.21l2.37,2.0l1.08,0.03l4.36,3.17l1.22,1.6l-0.96,1.5l0.61,1.4Z",name:"Uruguay"},LB:{path:"M510.37,198.01l-0.88,0.51l1.82,-3.54l0.62,0.08l0.22,0.61l-1.13,0.88l-0.65,1.47Z",name:"Lebanon"},LA:{path:"M689.54,248.53l-1.76,-0.74l-0.49,0.15l-0.94,1.46l-1.32,-0.64l0.62,-0.98l0.11,-2.17l-2.04,-2.42l-0.25,-2.65l-1.9,-2.1l-2.15,-0.31l-0.78,0.91l-1.12,0.06l-1.05,-0.4l-2.06,1.2l-0.04,-1.59l0.61,-2.68l-0.36,-0.49l-1.35,-0.1l-0.11,-1.23l-0.96,-0.88l1.96,-1.89l0.39,0.36l1.33,0.07l0.42,-0.45l-0.34,-2.66l0.7,-0.21l1.28,1.81l1.11,2.35l0.36,0.23l2.82,0.02l0.71,1.67l-1.39,0.65l-0.72,0.93l0.13,0.6l2.91,1.51l3.6,5.25l1.88,1.78l0.56,1.62l-0.35,1.96Z",name:"Lao PDR"},TW:{path:"M724.01,226.68l-0.74,1.48l-0.9,-1.52l-0.25,-1.74l1.38,-2.44l1.73,-1.74l0.64,0.44l-1.85,5.52Z",name:"Taiwan"},TT:{path:"M266.64,259.32l0.28,-1.16l1.13,-0.22l-0.06,1.2l-1.35,0.18Z",name:"Trinidad and Tobago"},TR:{path:"M513.21,175.47l3.64,1.17l3.05,-0.44l2.1,0.26l3.11,-1.56l2.46,-0.13l2.19,1.33l0.33,0.82l-0.22,1.33l0.25,0.44l2.28,1.13l-1.17,0.57l-0.21,0.45l0.75,3.2l-0.41,1.16l1.13,1.92l-0.55,0.22l-0.9,-0.67l-2.91,-0.37l-1.24,0.46l-4.23,0.41l-2.81,1.05l-1.91,0.01l-1.52,-0.53l-2.58,0.75l-0.66,-0.45l-0.62,0.3l-0.12,1.45l-0.89,0.84l-0.47,-0.67l0.79,-1.3l-0.41,-0.2l-1.43,0.23l-2.0,-0.63l-2.02,1.65l-3.51,0.3l-2.13,-1.53l-2.7,-0.1l-0.86,1.24l-1.38,0.27l-2.29,-1.44l-2.71,-0.01l-1.37,-2.65l-1.68,-1.52l1.07,-1.99l-0.09,-0.49l-1.27,-1.12l2.37,-2.41l3.7,-0.11l1.28,-2.24l4.49,0.37l3.21,-1.97l2.81,-0.82l3.99,-0.06l4.29,2.07ZM488.79,176.72l-1.72,1.31l-0.5,-0.88l1.37,-2.57l-0.7,-0.85l1.7,-0.63l1.8,0.34l0.46,1.17l1.76,0.78l-2.87,0.32l-1.3,1.01Z",name:"Turkey"},LK:{path:"M624.16,268.99l-1.82,0.48l-0.99,-1.67l-0.42,-3.46l0.95,-3.43l1.21,0.98l2.26,4.19l-0.34,2.33l-0.85,0.58Z",name:"Sri Lanka"},TN:{path:"M448.1,188.24l-1.0,1.27l-0.02,1.32l0.84,0.88l-0.28,2.09l-1.53,1.32l-0.12,0.42l0.48,1.54l1.42,0.32l0.53,1.11l0.9,0.52l-0.11,1.67l-3.54,2.64l-0.1,2.38l-0.58,0.3l-0.96,-4.45l-1.54,-1.25l-0.16,-0.78l-1.92,-1.56l-0.18,-1.76l1.51,-1.62l0.59,-2.34l-0.38,-2.78l0.42,-1.21l2.45,-1.05l1.29,0.26l-0.06,1.11l0.58,0.38l1.47,-0.73Z",name:"Tunisia"},TL:{path:"M734.55,307.93l-0.1,-0.97l4.5,-0.86l-2.82,1.28l-1.59,0.55Z",name:"Timor-Leste"},TM:{path:"M553.03,173.76l-0.04,0.34l-0.09,-0.22l0.13,-0.12ZM555.87,172.66l0.45,-0.1l1.48,0.74l2.06,2.43l4.07,-0.18l0.38,-0.51l-0.32,-1.19l1.92,-0.94l1.91,-1.59l2.94,1.39l0.43,2.47l1.19,0.67l2.58,-0.13l0.62,0.4l1.32,3.12l4.54,3.44l2.67,1.45l3.06,1.14l-0.04,1.05l-1.33,-0.75l-0.59,0.19l-0.32,0.84l-2.2,0.81l-0.46,2.13l-1.21,0.74l-1.91,0.42l-0.73,1.33l-1.56,0.31l-2.22,-0.94l-0.2,-2.17l-0.38,-0.36l-1.73,-0.09l-2.76,-2.46l-2.14,-0.4l-2.84,-1.48l-1.78,-0.27l-1.24,0.53l-1.57,-0.08l-2.0,1.69l-1.7,0.43l-0.36,-1.58l0.36,-2.98l-0.22,-0.4l-1.65,-0.84l0.54,-1.69l-0.34,-0.52l-1.22,-0.13l0.36,-1.64l2.22,0.59l2.2,-0.95l0.12,-0.65l-1.77,-1.74l-0.66,-1.57Z",name:"Turkmenistan"},TJ:{path:"M597.75,178.82l-2.54,-0.44l-0.47,0.34l-0.24,1.7l0.43,0.45l2.64,-0.22l3.18,0.95l4.39,-0.41l0.56,2.37l0.52,0.29l0.67,-0.24l1.11,0.49l0.21,2.13l-3.76,-0.21l-1.8,1.32l-1.76,0.74l-0.61,-0.58l0.21,-2.23l-0.64,-0.49l-0.07,-0.93l-1.36,-0.66l-0.45,0.07l-1.08,1.01l-0.55,1.48l-1.31,-0.05l-0.95,1.16l-0.9,-0.35l-1.86,0.74l1.26,-2.83l-0.54,-2.17l-1.67,-0.82l0.33,-0.66l2.18,-0.04l1.19,-1.63l0.76,-1.79l2.43,-0.5l-0.26,1.0l0.73,1.05Z",name:"Tajikistan"},LS:{path:"M491.06,363.48l-0.49,0.15l-1.49,-1.67l1.1,-1.43l2.19,-1.44l1.51,1.27l-0.98,1.82l-1.23,0.38l-0.62,0.93Z",name:"Lesotho"},TH:{path:"M670.27,255.86l-1.41,3.87l0.15,2.0l0.38,0.36l1.38,0.07l0.9,2.04l0.55,2.34l1.4,1.44l1.61,0.38l0.96,0.97l-0.5,0.64l-1.1,0.2l-0.34,-1.18l-2.04,-1.1l-0.63,0.23l-0.63,-0.62l-0.48,-1.3l-2.56,-2.63l-0.73,0.41l0.95,-3.89l2.16,-4.22ZM670.67,254.77l-0.92,-2.18l-0.26,-2.61l-2.14,-3.06l0.71,-0.49l0.89,-2.59l-3.61,-5.45l0.87,-0.51l1.05,-2.58l1.74,-0.18l2.6,-1.59l0.76,0.56l0.13,1.39l0.37,0.36l1.23,0.09l-0.51,2.28l0.05,2.42l0.6,0.34l2.43,-1.42l0.77,0.39l1.47,-0.07l0.71,-0.88l1.48,0.14l1.71,1.88l0.25,2.65l1.92,2.11l-0.1,1.89l-0.61,0.86l-2.22,-0.33l-3.5,0.64l-1.6,2.12l0.36,2.58l-1.51,-0.79l-1.84,-0.01l0.28,-1.52l-0.4,-0.47l-2.21,0.01l-0.4,0.37l-0.19,2.74l-0.34,0.93Z",name:"Thailand"},TF:{path:"M596.68,420.38l-3.2,0.18l-0.05,-1.26l0.39,-1.41l1.3,0.78l2.08,0.35l-0.52,1.36Z",name:"Fr. S. Antarctic Lands"},TG:{path:"M422.7,257.63l-0.09,1.23l1.53,1.52l0.08,1.09l0.5,0.65l-0.11,5.62l0.49,1.47l-1.31,0.35l-1.02,-2.13l-0.18,-1.12l0.53,-2.19l-0.63,-1.16l-0.22,-3.68l-1.01,-1.4l0.07,-0.28l1.37,0.03Z",name:"Togo"},TD:{path:"M480.25,235.49l0.12,9.57l-2.1,0.05l-1.14,1.89l-0.69,1.63l0.34,0.73l-0.66,0.91l0.24,0.89l-0.86,1.95l0.45,0.5l0.6,-0.1l0.34,0.64l0.03,1.38l0.9,1.04l-1.45,0.43l-1.27,1.03l-1.83,2.76l-2.16,1.07l-2.31,-0.15l-0.86,0.25l-0.26,0.49l0.17,0.61l-2.11,1.68l-2.85,0.87l-1.09,-0.57l-0.73,0.66l-1.12,0.1l-1.1,-3.12l-1.25,-0.64l-1.22,-1.22l0.29,-0.64l3.01,0.04l0.35,-0.6l-1.3,-2.2l-0.08,-3.31l-0.97,-1.66l0.22,-1.04l-0.38,-0.48l-1.22,-0.04l0.0,-1.25l-0.98,-1.07l0.96,-3.01l3.25,-2.65l0.13,-3.33l0.95,-5.18l0.52,-1.07l-0.1,-0.48l-0.91,-0.78l-0.2,-0.96l-0.8,-0.58l-0.55,-3.65l2.1,-1.2l19.57,9.83Z",name:"Chad"},LY:{path:"M483.48,203.15l-0.75,1.1l0.29,1.39l-0.6,1.83l0.73,2.14l0.0,24.12l-2.48,0.01l-0.41,0.85l-19.41,-9.76l-4.41,2.28l-1.37,-1.33l-3.82,-1.1l-1.14,-1.65l-1.98,-1.23l-1.22,0.32l-0.66,-1.11l-0.17,-1.26l-1.28,-1.69l0.87,-1.19l-0.07,-4.34l0.43,-2.27l-0.86,-3.45l1.13,-0.76l0.22,-1.16l-0.2,-1.03l3.48,-2.61l0.29,-1.94l2.45,0.8l1.18,-0.21l1.98,0.44l3.15,1.18l1.37,2.54l5.72,1.67l2.64,1.35l1.61,-0.72l1.29,-1.34l-0.44,-2.34l0.66,-1.13l1.67,-1.21l1.57,-0.35l3.14,0.53l1.08,1.28l3.99,0.78l0.36,0.54Z",name:"Libya"},AE:{path:"M550.76,223.97l1.88,-0.4l3.84,0.02l4.78,-4.75l0.19,0.36l0.26,1.58l-0.81,0.01l-0.39,0.35l-0.08,2.04l-0.81,0.63l-0.01,0.96l-0.66,0.99l-0.39,1.41l-7.08,-1.25l-0.7,-1.96Z",name:"United Arab Emirates"},VE:{path:"M240.68,256.69l0.53,0.75l-0.02,1.06l-1.07,1.78l0.95,2.0l0.42,0.22l1.4,-0.44l0.56,-1.83l-0.77,-1.17l-0.1,-1.47l2.82,-0.93l0.26,-0.49l-0.28,-0.96l0.3,-0.28l0.66,1.31l1.96,0.26l1.4,1.22l0.08,0.68l0.39,0.35l4.81,-0.22l1.49,1.11l1.92,0.31l1.67,-0.84l0.22,-0.6l3.44,-0.14l-0.17,0.55l0.86,1.19l2.19,0.35l1.67,1.1l0.37,1.86l0.41,0.32l1.55,0.17l-1.66,1.35l-0.22,0.92l0.65,0.97l-1.67,0.54l-0.3,0.4l0.04,0.99l-0.56,0.57l-0.01,0.55l1.85,2.27l-0.66,0.69l-4.47,1.29l-0.72,0.54l-3.69,-0.9l-0.71,0.27l-0.02,0.7l0.91,0.53l-0.08,1.54l0.35,1.58l0.35,0.31l1.66,0.17l-1.3,0.52l-0.48,1.13l-2.68,0.91l-0.6,0.77l-1.57,0.13l-1.17,-1.13l-0.8,-2.52l-1.25,-1.26l1.02,-1.23l-1.29,-2.95l0.18,-1.62l1.0,-2.21l-0.2,-0.49l-1.14,-0.46l-4.02,0.36l-1.82,-2.1l-1.57,-0.33l-2.99,0.22l-1.06,-0.97l0.25,-1.23l-0.2,-1.01l-0.59,-0.69l-0.29,-1.06l-1.08,-0.39l0.78,-2.79l1.9,-2.11Z",name:"Venezuela"},AF:{path:"M600.7,188.88l-1.57,1.3l-0.1,0.48l0.8,2.31l-1.09,1.04l-0.03,1.27l-0.48,0.71l-2.16,-0.08l-0.37,0.59l0.78,1.48l-1.38,0.69l-1.06,1.69l0.06,1.7l-0.65,0.52l-0.91,-0.21l-1.91,0.36l-0.48,0.77l-1.88,0.13l-1.4,1.56l-0.18,2.32l-2.91,1.02l-1.65,-0.23l-0.71,0.55l-1.41,-0.3l-2.41,0.39l-3.52,-1.17l1.96,-2.35l-0.21,-1.78l-0.3,-0.34l-1.63,-0.4l-0.19,-1.58l-0.75,-2.03l0.95,-1.36l-0.19,-0.6l-0.73,-0.28l1.47,-4.8l2.14,0.9l2.12,-0.36l0.74,-1.34l1.77,-0.39l1.54,-0.92l0.63,-2.31l1.87,-0.5l0.49,-0.81l0.94,0.56l2.13,0.11l2.55,0.92l1.95,-0.83l0.65,0.43l0.56,-0.13l0.69,-1.12l1.57,-0.08l0.72,-1.66l0.79,-0.74l0.8,0.39l-0.17,0.56l0.71,0.58l-0.08,2.39l1.11,0.95ZM601.37,188.71l1.73,-0.71l1.43,-1.18l4.03,0.35l-2.23,0.74l-4.95,0.8Z",name:"Afghanistan"},IQ:{path:"M530.82,187.47l0.79,0.66l1.26,-0.28l1.46,3.08l1.63,0.94l0.14,1.23l-1.22,1.05l-0.53,2.52l1.73,2.67l3.12,1.62l1.15,1.88l-0.38,1.85l0.39,0.48l0.41,-0.0l0.02,1.07l0.76,0.94l-2.47,-0.1l-1.71,2.44l-4.31,-0.2l-7.02,-5.48l-3.73,-1.94l-2.88,-0.73l-0.85,-2.87l5.45,-3.02l0.95,-3.43l-0.19,-1.96l1.27,-0.7l1.22,-1.7l0.87,-0.36l2.69,0.34Z",name:"Iraq"},IS:{path:"M384.14,88.06l-0.37,2.61l2.54,2.51l-2.9,2.75l-9.19,3.4l-9.25,-1.66l1.7,-1.22l-0.1,-0.7l-4.05,-1.47l2.96,-0.53l0.33,-0.43l-0.11,-1.2l-0.33,-0.36l-4.67,-0.85l1.28,-2.04l3.45,-0.56l3.77,2.72l0.44,0.02l3.64,-2.16l3.3,1.08l3.98,-2.16l3.58,0.26Z",name:"Iceland"},IR:{path:"M533.43,187.16l-1.27,-2.15l0.42,-0.98l-0.71,-3.04l1.03,-0.5l0.33,0.83l1.26,1.35l2.05,0.51l1.11,-0.16l2.89,-2.11l0.62,-0.14l0.39,0.46l-0.72,1.2l0.06,0.49l1.56,1.53l0.65,0.04l0.67,1.81l2.56,0.83l1.87,1.48l3.69,0.49l3.91,-0.76l0.47,-0.73l2.17,-0.6l1.66,-1.54l1.51,0.08l1.18,-0.53l1.59,0.24l2.83,1.48l1.88,0.3l2.77,2.47l1.77,0.18l0.18,1.99l-1.68,5.49l0.24,0.5l0.61,0.23l-0.82,1.48l0.8,2.18l0.19,1.71l0.3,0.34l1.63,0.4l0.15,1.32l-2.15,2.35l-0.01,0.53l2.21,3.03l2.34,1.24l0.06,2.14l1.24,0.72l0.11,0.69l-3.31,1.27l-1.08,3.03l-9.68,-1.68l-0.99,-3.05l-1.43,-0.73l-2.17,0.46l-2.47,1.26l-2.83,-0.82l-2.46,-2.02l-2.41,-0.8l-3.42,-6.06l-0.48,-0.2l-1.18,0.39l-1.44,-0.82l-0.5,0.08l-0.65,0.74l-0.97,-1.01l-0.02,-1.31l-0.71,-0.39l0.26,-1.81l-1.29,-2.11l-3.13,-1.63l-1.58,-2.43l0.5,-1.9l1.31,-1.26l-0.19,-1.66l-1.74,-1.1l-1.57,-3.3Z",name:"Iran"},AM:{path:"M536.99,182.33l-0.28,0.03l-1.23,-2.13l-0.93,0.01l-0.62,-0.66l-0.69,-0.07l-0.96,-0.81l-1.56,-0.62l0.19,-1.12l-0.26,-0.79l2.72,-0.36l1.09,1.01l-0.17,0.92l1.02,0.78l-0.47,0.62l0.08,0.56l2.04,1.23l0.04,1.4Z",name:"Armenia"},IT:{path:"M451.59,158.63l3.48,0.94l-0.21,1.17l0.3,0.83l-1.49,-0.24l-2.04,1.1l-0.21,0.39l0.13,1.45l-0.25,1.12l0.82,1.57l2.39,1.63l1.31,2.54l2.79,2.43l2.05,0.08l0.21,0.23l-0.39,0.33l0.09,0.67l4.05,1.97l2.17,1.76l-0.16,0.36l-1.17,-1.08l-2.18,-0.49l-0.44,0.2l-1.05,1.91l0.14,0.54l1.57,0.95l-0.19,0.98l-1.06,0.33l-1.25,2.34l-0.37,0.08l0.0,-0.33l1.0,-2.45l-1.73,-3.17l-1.12,-0.51l-0.88,-1.33l-1.51,-0.51l-1.27,-1.25l-1.75,-0.18l-4.12,-3.21l-1.62,-1.65l-1.03,-3.19l-3.53,-1.36l-1.3,0.51l-1.69,1.41l0.16,-0.72l-0.28,-0.47l-1.14,-0.33l-0.53,-1.96l0.72,-0.78l0.04,-0.48l-0.65,-1.17l0.8,0.39l1.4,-0.23l1.11,-0.84l0.52,0.35l1.19,-0.1l0.75,-1.2l1.53,0.33l1.36,-0.56l0.35,-1.14l1.08,0.32l0.68,-0.64l1.98,-0.44l0.42,0.82ZM459.19,184.75l-0.65,1.65l0.32,1.05l-0.31,0.89l-1.5,-0.85l-4.5,-1.67l0.19,-0.82l2.67,0.23l3.78,-0.48ZM443.93,176.05l1.18,1.66l-0.3,3.32l-1.06,-0.01l-0.77,0.73l-0.53,-0.44l-0.1,-3.37l-0.39,-1.22l1.04,0.01l0.92,-0.68Z",name:"Italy"},VN:{path:"M690.56,230.25l-2.7,1.82l-2.09,2.46l-0.63,1.95l4.31,6.45l2.32,1.65l1.43,1.94l1.11,4.59l-0.32,4.24l-1.93,1.54l-2.84,1.61l-2.11,2.15l-2.73,2.06l-0.59,-1.05l0.63,-1.53l-0.13,-0.47l-1.34,-1.04l1.51,-0.71l2.55,-0.18l0.3,-0.63l-0.82,-1.14l4.0,-2.07l0.31,-3.05l-0.57,-1.77l0.42,-2.66l-0.73,-1.97l-1.86,-1.76l-3.63,-5.29l-2.72,-1.46l0.36,-0.47l1.5,-0.64l0.21,-0.52l-0.97,-2.27l-0.37,-0.24l-2.83,-0.02l-2.24,-3.9l0.83,-0.4l4.39,-0.29l2.06,-1.31l1.15,0.89l1.88,0.4l-0.17,1.51l1.35,1.16l1.67,0.45Z",name:"Vietnam"},AR:{path:"M249.29,428.93l-2.33,-0.52l-5.83,-0.43l-0.89,-1.66l0.05,-2.37l-0.45,-0.4l-1.43,0.18l-0.67,-0.91l-0.2,-3.13l1.88,-1.47l0.79,-2.04l-0.25,-1.7l1.3,-2.68l0.91,-4.15l-0.22,-1.69l0.85,-0.45l0.2,-0.44l-0.27,-1.16l-0.98,-0.68l0.59,-0.92l-0.05,-0.5l-1.04,-1.07l-0.52,-3.1l0.97,-0.86l-0.42,-3.58l1.2,-5.43l1.38,-0.98l0.16,-0.43l-0.75,-2.79l-0.01,-2.43l1.78,-1.75l0.06,-2.57l1.43,-2.85l0.01,-2.58l-0.69,-0.74l-1.09,-4.52l1.47,-2.7l-0.18,-2.79l0.85,-2.35l1.59,-2.46l1.73,-1.64l0.05,-0.52l-0.6,-0.84l0.44,-0.85l-0.07,-4.19l2.7,-1.44l0.86,-2.75l-0.21,-0.71l1.76,-2.01l2.9,0.57l1.38,1.78l0.68,-0.08l0.87,-1.87l2.39,0.09l4.95,4.77l2.17,0.49l3.0,1.92l2.47,1.0l0.25,0.82l-2.37,3.93l0.23,0.59l5.39,1.16l2.12,-0.44l2.45,-2.16l0.5,-2.38l0.76,-0.31l0.98,1.2l-0.04,1.8l-3.67,2.51l-2.85,2.66l-3.43,3.88l-1.3,5.07l0.01,2.72l-0.54,0.73l-0.36,3.28l3.14,2.64l-0.16,2.11l1.4,1.11l-0.1,1.09l-2.29,3.52l-3.55,1.49l-4.92,0.6l-2.71,-0.29l-0.43,0.51l0.5,1.65l-0.49,2.1l0.38,1.42l-1.19,0.83l-2.36,0.38l-2.3,-1.04l-1.38,0.83l0.41,3.64l1.69,0.91l1.4,-0.71l0.36,0.76l-2.04,0.86l-2.01,1.89l-0.97,4.63l-2.34,0.1l-2.09,1.78l-0.61,2.75l2.46,2.31l2.17,0.63l-0.7,2.32l-2.83,1.73l-1.73,3.86l-2.17,1.22l-1.16,1.67l0.75,3.76l1.04,1.28ZM256.71,438.88l-2.0,0.15l-1.4,-1.22l-3.82,-0.1l-0.0,-5.83l1.6,3.05l3.26,2.07l3.08,0.78l-0.71,1.1Z",name:"Argentina"},AU:{path:"M705.8,353.26l0.26,0.04l0.17,-0.47l-0.48,-1.42l0.92,1.11l0.45,0.15l0.27,-0.39l-0.1,-1.56l-1.98,-3.63l1.09,-3.31l-0.24,-1.57l0.34,-0.62l0.38,1.06l0.43,-0.19l0.99,-1.7l1.91,-0.83l1.29,-1.15l1.81,-0.91l0.96,-0.17l0.92,0.26l1.92,-0.95l1.47,-0.28l1.03,-0.8l1.43,0.04l2.78,-0.84l1.36,-1.15l0.71,-1.45l1.41,-1.26l0.3,-2.58l1.27,-1.59l0.78,1.65l0.54,0.19l1.07,-0.51l0.15,-0.6l-0.73,-1.0l0.45,-0.71l0.78,0.39l0.58,-0.3l0.28,-1.82l1.87,-2.14l1.12,-0.39l0.28,-0.58l0.62,0.17l0.53,-0.73l1.87,-0.57l1.65,1.05l1.35,1.48l3.39,0.38l0.43,-0.54l-0.46,-1.23l1.05,-1.79l1.04,-0.61l0.14,-0.55l-0.25,-0.41l0.88,-1.17l1.31,-0.77l1.3,0.27l2.1,-0.48l0.31,-0.4l-0.05,-1.3l-0.92,-0.77l1.48,0.56l1.41,1.07l2.11,0.65l0.81,-0.2l1.4,0.7l1.69,-0.66l0.8,0.19l0.64,-0.33l0.71,0.77l-1.33,1.94l-0.71,0.07l-0.35,0.51l0.24,0.86l-1.52,2.35l0.12,1.05l2.15,1.65l1.97,0.85l3.04,2.36l1.97,0.65l0.55,0.88l2.72,0.85l1.84,-1.1l2.07,-5.97l-0.42,-3.59l0.3,-1.73l0.47,-0.87l-0.31,-0.68l1.09,-3.28l0.46,-0.47l0.4,0.71l0.16,1.51l0.65,0.52l0.16,1.04l0.85,1.21l0.12,2.38l0.9,2.0l0.57,0.18l1.3,-0.78l1.69,1.7l-0.2,1.08l0.53,2.2l0.39,1.3l0.68,0.48l0.6,1.95l-0.19,1.48l0.81,1.76l6.01,3.69l-0.11,0.76l1.38,1.58l0.95,2.77l0.58,0.22l0.72,-0.41l0.8,0.9l0.61,0.01l0.46,2.41l4.81,4.71l0.66,2.02l-0.07,3.31l1.14,2.2l-0.13,2.24l-1.1,3.68l0.03,1.64l-0.47,1.89l-1.05,2.4l-1.9,1.47l-1.72,3.51l-2.38,6.09l-0.24,2.82l-1.14,0.8l-2.85,0.15l-2.31,1.19l-2.51,2.25l-3.09,-1.57l0.3,-1.15l-0.54,-0.47l-1.5,0.63l-2.01,1.94l-7.12,-2.18l-1.48,-1.63l-1.14,-3.74l-1.45,-1.26l-1.81,-0.26l0.56,-1.18l-0.61,-2.1l-0.72,-0.1l-1.14,1.82l-0.9,0.21l0.63,-0.82l0.36,-1.55l0.92,-1.31l-0.13,-2.34l-0.7,-0.22l-2.0,2.34l-1.51,0.93l-0.94,2.01l-1.35,-0.81l-0.02,-1.52l-1.57,-2.04l-1.09,-0.88l0.24,-0.33l-0.14,-0.59l-3.21,-1.69l-1.83,-0.12l-2.54,-1.35l-4.58,0.28l-6.02,1.9l-2.53,-0.13l-2.62,1.41l-2.13,0.63l-1.49,2.6l-3.49,0.31l-2.29,-0.5l-3.48,0.43l-1.6,1.47l-0.81,-0.04l-2.37,1.63l-3.26,-0.1l-3.72,-2.21l0.04,-1.05l1.19,-0.46l0.49,-0.89l0.21,-2.97l-0.28,-1.64l-1.34,-2.86l-0.38,-1.47l0.05,-1.72l-0.95,-1.7l-0.18,-0.97l-1.01,-0.99l-0.29,-1.98l-1.13,-1.75ZM784.92,393.44l2.65,1.02l3.23,-0.96l1.09,0.14l0.15,3.06l-0.85,1.13l-0.17,1.63l-0.87,-0.24l-1.57,1.91l-1.68,-0.18l-1.4,-2.36l-0.37,-2.04l-1.39,-2.51l0.04,-0.8l1.15,0.18Z",name:"Australia"},IL:{path:"M507.76,203.05l0.4,-0.78l0.18,0.4l-0.33,1.03l0.52,0.44l0.68,-0.22l-0.86,3.6l-1.16,-3.32l0.59,-0.74l-0.03,-0.41ZM508.73,200.34l0.37,-1.02l0.64,0.0l0.52,-0.51l-0.49,1.53l-0.56,-0.24l-0.48,0.23Z",name:"Israel"},IN:{path:"M623.34,207.03l-1.24,1.04l-0.97,2.55l0.22,0.51l8.04,3.87l3.42,0.37l1.57,1.38l4.92,0.88l2.18,-0.04l0.38,-0.3l0.29,-1.24l-0.32,-1.64l0.14,-0.87l0.82,-0.31l0.45,2.48l2.28,1.02l1.77,-0.38l4.14,0.1l0.38,-0.36l0.18,-1.66l-0.5,-0.65l1.37,-0.29l2.25,-1.99l2.7,-1.62l1.93,0.62l1.8,-0.98l0.79,1.14l-0.68,0.91l0.26,0.63l2.42,0.36l0.09,0.47l-0.83,0.75l0.13,1.07l-1.52,-0.29l-3.24,1.86l-0.13,1.78l-1.32,2.14l-0.18,1.39l-0.93,1.82l-1.64,-0.5l-0.52,0.37l-0.09,2.63l-0.56,1.11l0.19,0.81l-0.53,0.27l-1.18,-3.73l-1.08,-0.27l-0.38,0.31l-0.24,1.0l-0.66,-0.66l0.54,-1.06l1.22,-0.34l1.15,-2.25l-0.24,-0.56l-1.57,-0.47l-4.34,-0.28l-0.18,-1.56l-0.35,-0.35l-1.11,-0.12l-1.91,-1.12l-0.56,0.17l-0.88,1.82l0.11,0.49l1.36,1.07l-1.09,0.69l-0.69,1.11l0.18,0.56l1.24,0.57l-0.32,1.54l0.85,1.94l0.36,2.01l-0.22,0.59l-4.58,0.52l-0.33,0.42l0.13,1.8l-1.17,1.36l-3.65,1.81l-2.79,3.03l-4.32,3.28l-0.18,1.27l-4.65,1.79l-0.77,2.16l0.64,5.3l-1.06,2.49l-0.01,3.94l-1.24,0.28l-1.14,1.93l0.39,0.84l-1.68,0.53l-1.04,1.83l-0.65,0.47l-2.06,-2.05l-2.1,-6.02l-2.2,-3.64l-1.05,-4.75l-2.29,-3.57l-1.76,-8.2l0.01,-3.11l-0.49,-2.53l-0.55,-0.29l-3.53,1.52l-1.53,-0.27l-2.86,-2.77l0.85,-0.67l0.08,-0.55l-0.74,-1.03l-2.67,-2.06l1.24,-1.32l5.34,0.01l0.39,-0.49l-0.5,-2.29l-1.42,-1.46l-0.27,-1.93l-1.43,-1.2l2.31,-2.37l3.05,0.06l2.62,-2.85l1.6,-2.81l2.4,-2.73l0.07,-2.04l1.97,-1.48l-0.02,-0.65l-1.93,-1.31l-0.82,-1.78l-0.8,-2.21l0.9,-0.89l3.59,0.65l2.92,-0.42l2.33,-2.19l2.31,2.85l-0.24,2.13l0.99,1.59l-0.05,0.82l-1.34,-0.28l-0.47,0.48l0.7,3.06l2.62,1.99l2.99,1.65Z",name:"India"},TZ:{path:"M495.56,296.42l2.8,-3.12l-0.02,-0.81l-0.64,-1.3l0.68,-0.52l0.14,-1.47l-0.76,-1.25l0.31,-0.11l2.26,0.03l-0.51,2.76l0.76,1.3l0.5,0.12l1.05,-0.53l1.19,-0.12l0.61,0.24l1.43,-0.62l0.1,-0.67l-0.71,-0.62l1.57,-1.7l8.65,4.86l0.32,1.53l3.34,2.33l-1.05,2.8l0.13,1.61l1.63,1.12l-0.6,1.76l-0.01,2.33l1.89,4.03l0.57,0.43l-1.46,1.08l-2.61,0.94l-1.43,-0.04l-1.06,0.77l-2.29,0.36l-2.87,-0.68l-0.83,0.07l-0.63,-0.75l-0.31,-2.78l-1.32,-1.35l-3.25,-0.77l-3.96,-1.58l-1.18,-2.41l-0.32,-1.75l-1.76,-1.49l0.42,-1.05l-0.44,-0.89l0.08,-0.96l-0.46,-0.58l0.06,-0.56Z",name:"Tanzania"},AZ:{path:"M539.29,175.73l1.33,0.32l1.94,-1.8l2.3,3.34l1.43,0.43l-1.26,0.15l-0.35,0.32l-0.8,3.14l-0.99,0.96l0.05,1.11l-1.26,-1.13l0.7,-1.18l-0.04,-0.47l-0.74,-0.86l-1.48,0.15l-2.34,1.71l-0.03,-1.27l-2.03,-1.35l0.47,-0.62l-0.08,-0.56l-1.03,-0.79l0.29,-0.43l-0.14,-0.58l-1.13,-0.86l1.89,0.68l1.69,0.06l0.37,-0.87l-0.81,-1.37l0.42,0.06l1.63,1.72ZM533.78,180.57l0.61,0.46l0.69,-0.0l0.59,1.15l-0.68,-0.15l-1.21,-1.45Z",name:"Azerbaijan"},IE:{path:"M405.08,135.42l0.35,2.06l-1.75,2.78l-4.22,1.88l-2.84,-0.4l1.73,-3.0l-1.18,-3.53l4.6,-3.74l0.32,1.15l-0.49,1.74l0.4,0.51l1.47,-0.04l1.6,0.6Z",name:"Ireland"},ID:{path:"M756.47,287.89l0.69,4.01l2.79,1.78l0.51,-0.1l2.04,-2.59l2.71,-1.43l2.05,-0.0l3.9,1.73l2.46,0.45l0.08,15.12l-1.75,-1.54l-2.54,-0.51l-0.88,0.71l-2.32,0.06l0.69,-1.33l1.45,-0.64l0.23,-0.46l-0.65,-2.74l-1.24,-2.21l-5.04,-2.29l-2.09,-0.23l-3.68,-2.27l-0.55,0.13l-0.65,1.07l-0.52,0.12l-0.55,-1.89l-1.21,-0.78l1.84,-0.62l1.72,0.05l0.39,-0.52l-0.21,-0.66l-0.38,-0.28l-3.45,-0.0l-1.13,-1.48l-2.1,-0.43l-0.52,-0.6l2.69,-0.48l1.28,-0.78l3.66,0.94l0.3,0.71ZM757.91,300.34l-0.62,0.82l-0.1,-0.8l0.59,-1.12l0.13,1.1ZM747.38,292.98l0.34,0.72l-1.22,-0.57l-4.68,-0.1l0.27,-0.62l2.78,-0.09l2.52,0.67ZM741.05,285.25l-0.67,-2.88l0.64,-2.01l0.41,0.86l1.21,0.18l0.16,0.7l-0.1,1.68l-0.84,-0.16l-0.46,0.3l-0.34,1.34ZM739.05,293.5l-0.5,0.44l-1.34,-0.36l-0.17,-0.37l1.73,-0.08l0.27,0.36ZM721.45,284.51l-0.19,1.97l2.24,2.23l0.54,0.02l1.27,-1.07l2.75,-0.5l-0.9,1.21l-2.11,0.93l-0.16,0.6l2.22,3.01l-0.3,1.07l1.36,1.74l-2.26,0.85l-0.28,-0.31l0.12,-1.19l-1.64,-1.34l0.17,-2.23l-0.56,-0.39l-1.67,0.76l-0.23,0.39l0.3,6.17l-1.1,0.25l-0.69,-0.47l0.64,-2.21l-0.39,-2.42l-0.39,-0.34l-0.8,-0.01l-0.58,-1.29l0.98,-1.6l0.35,-1.96l1.32,-3.87ZM728.59,296.27l0.38,0.49l-0.02,1.28l-0.88,0.49l-0.53,-0.47l1.04,-1.79ZM729.04,286.98l0.27,-0.05l-0.02,0.13l-0.24,-0.08ZM721.68,284.05l0.16,-0.32l1.89,-1.65l1.83,0.68l3.16,0.35l2.94,-0.1l2.39,-1.66l-1.73,2.13l-1.66,0.43l-2.41,-0.48l-4.17,0.13l-2.39,0.51ZM730.55,310.47l1.11,-1.93l2.03,-0.82l0.08,0.62l-1.45,1.67l-1.77,0.46ZM728.12,305.88l-0.1,0.38l-3.46,0.66l-2.91,-0.27l-0.0,-0.25l1.54,-0.41l1.66,0.73l1.67,-0.19l1.61,-0.65ZM722.9,310.24l-0.64,0.03l-2.26,-1.2l1.11,-0.24l1.78,1.41ZM716.26,305.77l0.88,0.51l1.28,-0.17l0.2,0.35l-4.65,0.73l0.39,-0.67l1.15,-0.02l0.75,-0.73ZM711.66,293.84l-0.38,-0.16l-2.54,1.01l-1.12,-1.44l-1.69,-0.13l-1.16,-0.75l-3.04,0.77l-1.1,-1.15l-3.31,-0.11l-0.35,-3.05l-1.35,-0.95l-1.11,-1.98l-0.33,-2.06l0.27,-2.14l0.9,-1.01l0.37,1.15l2.09,1.49l1.53,-0.48l1.82,0.08l1.38,-1.19l1.0,-0.18l2.28,0.67l2.26,-0.53l1.52,-3.64l1.01,-0.99l0.78,-2.57l4.1,0.3l-1.11,1.77l0.02,0.46l1.7,2.2l-0.23,1.39l2.07,1.71l-2.33,0.42l-0.88,1.9l0.1,2.05l-2.4,1.9l-0.06,2.45l-0.7,2.79ZM692.58,302.03l0.35,0.26l4.8,0.25l0.78,-0.97l4.17,1.09l1.13,1.68l3.69,0.45l2.13,1.04l-1.8,0.6l-2.77,-0.99l-4.8,-0.12l-5.24,-1.41l-1.84,-0.25l-1.11,0.3l-4.26,-0.97l-0.7,-1.14l-1.59,-0.13l1.18,-1.65l2.74,0.13l2.87,1.13l0.26,0.68ZM685.53,299.17l-2.22,0.04l-2.06,-2.03l-3.15,-2.01l-2.93,-3.51l-3.11,-5.33l-2.2,-2.12l-1.64,-4.06l-2.32,-1.69l-1.27,-2.07l-1.96,-1.5l-2.51,-2.65l-0.11,-0.66l4.81,0.53l2.15,2.38l3.31,2.74l2.35,2.66l2.7,0.17l1.95,1.59l1.54,2.17l1.59,0.95l-0.84,1.71l0.15,0.52l1.44,0.87l0.79,0.1l0.4,1.58l0.87,1.4l1.96,0.39l1.0,1.31l-0.6,3.01l-0.09,3.5Z",name:"Indonesia"},UA:{path:"M492.5,162.44l1.28,-2.49l1.82,0.19l0.66,-0.23l0.09,-0.71l-0.25,-0.75l-0.79,-0.72l-0.33,-1.21l-0.86,-0.62l-0.02,-1.19l-1.13,-0.86l-1.15,-0.19l-2.04,-1.0l-1.66,0.32l-0.66,0.47l-0.92,-0.0l-0.84,0.78l-2.48,0.7l-1.18,-0.71l-3.07,-0.36l-0.89,0.43l-0.24,-0.55l-1.11,-0.7l0.35,-0.93l1.26,-1.02l-0.54,-1.23l2.04,-2.43l1.4,-0.62l0.25,-1.19l-1.04,-2.39l0.83,-0.13l1.28,-0.84l1.8,-0.07l2.47,0.26l2.86,0.81l1.88,0.06l0.86,0.44l1.04,-0.41l0.77,0.66l2.18,-0.15l0.92,0.3l0.52,-0.34l0.15,-1.53l0.56,-0.54l2.85,-0.05l0.84,-0.72l3.04,-0.18l1.23,1.46l-0.48,0.77l0.21,1.03l0.36,0.32l1.8,0.14l0.93,2.08l3.18,1.15l1.94,-0.45l1.67,1.49l1.4,-0.03l3.35,0.96l0.02,0.54l-0.96,1.59l0.47,1.97l-0.26,0.7l-2.36,0.28l-1.29,0.89l-0.23,1.38l-1.83,0.27l-1.58,0.97l-2.41,0.21l-2.16,1.17l-0.21,0.38l0.34,2.26l1.23,0.75l2.13,-0.08l-0.14,0.31l-2.65,0.53l-3.23,1.69l-0.87,-0.39l0.42,-1.1l-0.25,-0.52l-2.21,-0.73l2.35,-1.06l0.12,-0.65l-0.93,-0.82l-3.62,-0.74l-0.13,-0.89l-0.46,-0.34l-2.61,0.59l-0.91,1.69l-1.71,2.04l-0.86,-0.4l-1.62,0.27Z",name:"Ukraine"},QA:{path:"M549.33,221.64l-0.76,-0.23l-0.14,-1.64l0.84,-1.29l0.47,0.52l0.04,1.34l-0.45,1.3Z",name:"Qatar"},MZ:{path:"M508.58,318.75l-0.34,-2.57l0.51,-2.05l3.55,0.63l2.5,-0.38l1.02,-0.76l1.49,0.01l2.74,-0.98l1.66,-1.2l0.5,9.24l0.41,1.23l-0.68,1.67l-0.93,1.71l-1.5,1.5l-5.16,2.28l-2.78,2.73l-1.02,0.53l-1.71,1.8l-0.98,0.57l-0.35,2.41l1.16,1.94l0.49,2.17l0.43,0.31l-0.06,2.06l-0.39,1.17l0.5,0.72l-0.25,0.73l-0.92,0.83l-5.12,2.39l-1.22,1.36l0.21,1.13l0.58,0.39l-0.11,0.72l-1.22,-0.01l-0.73,-2.97l0.42,-3.09l-1.78,-5.37l2.49,-2.81l0.69,-1.89l0.44,-0.43l0.28,-1.53l-0.39,-0.93l0.59,-3.65l-0.01,-3.26l-1.49,-1.16l-1.2,-0.22l-1.74,-1.17l-1.92,0.01l-0.29,-2.08l7.06,-1.96l1.28,1.09l0.89,-0.1l0.67,0.44l0.1,0.73l-0.51,1.29l0.19,1.81l1.75,1.83l0.65,-0.13l0.71,-1.65l1.17,-0.86l-0.26,-3.47l-1.05,-1.85l-1.04,-0.94Z",name:"Mozambique"}},height:440.70631074413296,width:900,projection:{type:"mill",centralMeridian:11.5}});
diff --git a/public_html/assets/test.txt b/public_html/assets/test.txt
new file mode 100644
index 0000000..b5754e2
--- /dev/null
+++ b/public_html/assets/test.txt
@@ -0,0 +1 @@
+ok
\ No newline at end of file
diff --git a/public_html/check_paths.php b/public_html/check_paths.php
new file mode 100644
index 0000000..9f7ab0d
--- /dev/null
+++ b/public_html/check_paths.php
@@ -0,0 +1,3 @@
+<?php
+$path = realpath(__DIR__ . '/../ci4app/app/Config/Paths.php');
+var_dump($path);
\ No newline at end of file
diff --git a/public_html/error_log b/public_html/error_log
new file mode 100644
index 0000000..ad48d36
--- /dev/null
+++ b/public_html/error_log
@@ -0,0 +1,3 @@
+[25-Nov-2025 11:00:42] PHP Parse error:  syntax error, unexpected T_STRING, expecting T_CONSTANT_ENCAPSED_STRING or '(' in /home/ms1reader/public_html/index.php on line 3
+[25-Nov-2025 11:00:44] PHP Parse error:  syntax error, unexpected T_STRING, expecting T_CONSTANT_ENCAPSED_STRING or '(' in /home/ms1reader/public_html/index.php on line 3
+[25-Nov-2025 11:00:44] PHP Parse error:  syntax error, unexpected T_STRING, expecting T_CONSTANT_ENCAPSED_STRING or '(' in /home/ms1reader/public_html/index.php on line 3
diff --git a/public_html/images/favicon.ico b/public_html/images/favicon.ico
new file mode 100644
index 0000000..05253e3
Binary files /dev/null and b/public_html/images/favicon.ico differ
diff --git a/public_html/images/favicon.png b/public_html/images/favicon.png
new file mode 100644
index 0000000..db5cf69
Binary files /dev/null and b/public_html/images/favicon.png differ
diff --git a/public_html/index.php b/public_html/index.php
new file mode 100644
index 0000000..b1150c2
--- /dev/null
+++ b/public_html/index.php
@@ -0,0 +1,59 @@
+<?php
+
+use CodeIgniter\Boot;
+use Config\Paths;
+
+/*
+ *---------------------------------------------------------------
+ * CHECK PHP VERSION
+ *---------------------------------------------------------------
+ */
+
+$minPhpVersion = '8.1'; // If you update this, don't forget to update `spark`.
+if (version_compare(PHP_VERSION, $minPhpVersion, '<')) {
+    $message = sprintf(
+        'Your PHP version must be %s or higher to run CodeIgniter. Current version: %s',
+        $minPhpVersion,
+        PHP_VERSION,
+    );
+
+    header('HTTP/1.1 503 Service Unavailable.', true, 503);
+    echo $message;
+
+    exit(1);
+}
+
+/*
+ *---------------------------------------------------------------
+ * SET THE CURRENT DIRECTORY
+ *---------------------------------------------------------------
+ */
+
+// Path to the front controller (this file)
+define('FCPATH', __DIR__ . DIRECTORY_SEPARATOR);
+
+// Ensure the current directory is pointing to the front controller's directory
+if (getcwd() . DIRECTORY_SEPARATOR !== FCPATH) {
+    chdir(FCPATH);
+}
+
+/*
+ *---------------------------------------------------------------
+ * BOOTSTRAP THE APPLICATION
+ *---------------------------------------------------------------
+ * This process sets up the path constants, loads and registers
+ * our autoloader, along with Composer's, loads our constants
+ * and fires up an environment-specific bootstrapping.
+ */
+
+// LOAD OUR PATHS CONFIG FILE
+// This is the line that might need to be changed, depending on your folder structure.
+require realpath(__DIR__ . '/../ci4app/app/Config/Paths.php');
+// ^^^ Change this line if you move your application folder
+
+$paths = new Paths();
+
+// LOAD THE FRAMEWORK BOOTSTRAP FILE
+require $paths->systemDirectory . '/Boot.php';
+
+exit(Boot::bootWeb($paths));
diff --git a/public_html/phpinfo.php b/public_html/phpinfo.php
new file mode 100644
index 0000000..bfd863b
--- /dev/null
+++ b/public_html/phpinfo.php
@@ -0,0 +1,2 @@
+<?php
+phpinfo();
\ No newline at end of file
diff --git a/public_html/raven-demo/account-activity-log.html b/public_html/raven-demo/account-activity-log.html
new file mode 100644
index 0000000..393f650
--- /dev/null
+++ b/public_html/raven-demo/account-activity-log.html
@@ -0,0 +1,1251 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item active">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Activity Log</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Account</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Activity log</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+
+                <div class="p-4 md:p-6 max-w-3xl mx-auto">
+                    <div class="mb-7 flex items-center justify-between">
+
+                        <label class="flex items-center text-sm gap-2 cursor-pointer">
+                            <span class="flex-grow">Auto refresh</span>
+                            <input class="input-switch" name="activityRefresh" type="checkbox" value="1">
+                        </label>
+                        <div class="relative">
+                            <button data-bs-auto-close="outside" data-bs-toggle="dropdown" type="button"
+                                class="btn btn-default gap-2">
+                                <span class="icon-[lucide--sliders-horizontal]"></span> Filter
+                            </button>
+                            <div class="dropdown-menu absolute !end-0 !start-auto top-full min-w-44 !p-4 !mt-1">
+                                <div class="flex flex-col space-y-3">
+
+                                    <label for="project_in_progress" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_in_progress">
+                                        <span>Assign Ticket</span>
+                                    </label>
+
+                                    <label for="project_not_started" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_not_started">
+                                        <span>Mentioned only</span>
+                                    </label>
+                                    <label for="project_pending" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_pending">
+                                        <span>Replies</span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <span class="font-semibold block mb-2 text-muted">Today</span>
+                    <!--:Timeline:-->
+                    <ul class="timeline">
+                        <li class="timeline-item">
+                            <div class="timeline-item-wrapper">
+                                <div class="timeline-item-media shrink-0">
+                                    <div class="timeline-item-media-content">
+                                        <!--:Avatar:-->
+                                        <img alt="" src="images/avatars/thumb-3.jpg" class="rounded-full size-7">
+                                    </div>
+                                    <div class="timeline-connect"></div>
+                                </div>
+                                <div class="timeline-item-content">
+                                    <div class="mt-1">
+                                        <p class="mb-1"><span class="h6">Angelina
+                                                Gotelli</span><span> has changed </span><span
+                                                class="font-semibold">#ts-212</span><span>
+                                                status to </span><span
+                                                class="font-semibold text-green-500">Completed</span>
+                                            <span class="block mt-1 text-xs text-muted">10:15
+                                                AM</span>
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <!--:Timeline item:-->
+                        <li class="timeline-item">
+                            <div class="timeline-item-wrapper">
+                                <div class="timeline-item-media shrink-0">
+                                    <div class="timeline-item-media-content">
+                                        <!--:Avatar:-->
+                                        <img alt="" src="images/avatars/thumb-6.jpg" class="rounded-full size-7">
+                                    </div>
+                                    <div class="timeline-connect"></div>
+                                </div>
+                                <div class="timeline-item-content">
+                                    <div class="mt-1">
+                                        <p class="mb-1"><span class="h6">Max Alexander</span>
+                                            comment on your post
+                                            <a href="#!" class="font-semibold text-primary hover:text-primary-deep">Top
+                                                10 Tech Trends</a>
+                                            <span class="text-xs mt-1 text-muted block">11:50
+                                                AM</span>
+                                        </p>
+                                        <div class="p-3 rounded-lg bg-zinc-100 dark:bg-zinc-800">
+                                            <p class="mb-2">
+                                                Lorem ipsum is text commonly used in the print, and
+                                                publishing industries for previewing layouts and visual
+                                                mockups
+                                            </p>
+                                            <a href="#!"
+                                                class="hover:text-primary border-b text-sm font-semibold border-dashed">
+                                                <span class="icon-[lucide--reply]"></span>
+                                                Reply</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <!--:Timeline item:-->
+                        <li class="timeline-item">
+                            <div class="timeline-item-wrapper">
+                                <div class="timeline-item-media shrink-0">
+                                    <div class="timeline-item-media-content">
+                                        <!--:Avatar:-->
+                                        <span
+                                            class="size-7 flex items-center justify-center rounded-full bg-primary text-white">
+                                            <span class="icon-[lucide--hash]"></span>
+                                        </span>
+                                    </div>
+                                    <div class="timeline-connect"></div>
+                                </div>
+                                <div class="timeline-item-content">
+                                    <div class="mt-1">
+                                        <p class="mb-1"><span class="h6">Eugene
+                                                Stewart</span><span> added tags </span>
+                                            <span
+                                                class="badge bg-sky-500/10 text-sky-500">Tailwindcss</span>
+                                            <span
+                                                class="badge bg-red-500/10 1text-red-500">Gulp</span>
+
+                                            <span class="block text-xs mt-1 text-muted">12:50
+                                                PM</span>
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                    <div class="my-5"></div>
+                    <span class="font-semibold block mb-2 text-muted">Yesterday</span>
+                    <!--:Timeline:-->
+                    <ul class="timeline">
+
+                        <!--:Timeline item:-->
+                        <li class="timeline-item">
+                            <div class="timeline-item-wrapper">
+                                <div class="timeline-item-media shrink-0">
+                                    <div class="timeline-item-media-content">
+                                        <!--:Avatar:-->
+                                        <span
+                                            class="size-7 flex items-center justify-center rounded-full bg-blue-500 text-white">
+                                            <span class="icon-[lucide--message-circle-more]"></span>
+                                        </span>
+                                    </div>
+                                    <div class="timeline-connect"></div>
+                                </div>
+                                <div class="timeline-item-content">
+                                    <div class="mt-1">
+                                        <p class="mb-1"><span class="h6">Nikki
+                                                Stewart</span><span> mentioned you in a comment </span>
+                                            <span class="block text-xs mt-1 text-muted">12:50
+                                                PM</span>
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="timeline-item">
+                            <div class="timeline-item-wrapper">
+                                <div class="timeline-item-media shrink-0">
+                                    <div class="timeline-item-media-content">
+                                        <!--:Avatar:-->
+                                        <img alt="" src="images/avatars/thumb-4.jpg" class="rounded-full size-7">
+                                    </div>
+                                    <div class="timeline-connect"></div>
+                                </div>
+                                <div class="timeline-item-content">
+                                    <div class="mt-1">
+                                        <p class="mb-1"><span class="h6">Emelia</span><span> has changed </span><span
+                                                class="font-semibold">#ts-212</span><span>
+                                                status to </span><span
+                                                class="font-semibold text-yellow-500">Pending</span>
+                                            <span class="block mt-1 text-xs text-muted">10:15
+                                                AM</span>
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                    <div class="my-5"></div>
+                    <span class="font-semibold block mb-2 text-muted">June 20, 2025</span>
+                    <!--:Timeline:-->
+                    <ul class="timeline">
+                        <li class="timeline-item">
+                            <div class="timeline-item-wrapper">
+                                <div class="timeline-item-media shrink-0">
+                                    <div class="timeline-item-media-content">
+                                        <!--:Avatar:-->
+                                        <img alt="" src="images/avatars/thumb-3.jpg" class="rounded-full size-7">
+                                    </div>
+                                    <div class="timeline-connect"></div>
+                                </div>
+                                <div class="timeline-item-content">
+                                    <div class="mt-1">
+                                        <p class="mb-1"><span class="h6">Angelina
+                                                Gotelli</span><span> has changed </span><span
+                                                class="font-semibold">#ts-212</span><span>
+                                                status to </span><span
+                                                class="font-semibold text-green-500">Completed</span>
+                                            <span class="block mt-1 text-xs text-muted">10:15
+                                                AM</span>
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <!--:Timeline item:-->
+                        <li class="timeline-item">
+                            <div class="timeline-item-wrapper">
+                                <div class="timeline-item-media shrink-0">
+                                    <div class="timeline-item-media-content">
+                                        <!--:Avatar:-->
+                                        <img alt="" src="images/avatars/thumb-8.jpg" class="rounded-full size-7">
+                                    </div>
+                                    <div class="timeline-connect"></div>
+                                </div>
+                                <div class="timeline-item-content">
+                                    <div class="mt-1">
+                                        <p class="mb-1"><span class="h6">John Doe</span>
+                                            comment on your post
+                                            <a href="#!"
+                                                class="font-semibold text-primary hover:text-primary-deep">TailwindCss
+                                                utilities uses</a>
+                                            <span class="text-xs mt-1 text-muted block">11:50
+                                                AM</span>
+                                        </p>
+                                        <div class="p-3 rounded-lg bg-zinc-100 dark:bg-zinc-800">
+                                            <p class="mb-2">
+                                                Lorem ipsum is text commonly used in the print, and
+                                                publishing industries for previewing layouts and visual
+                                                mockups
+                                            </p>
+                                            <a href="#!"
+                                                class="hover:text-primary border-b text-sm font-semibold border-dashed">
+                                                <span class="icon-[lucide--reply]"></span>
+                                                Reply</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <!--:Timeline item:-->
+                        <li class="timeline-item">
+                            <div class="timeline-item-wrapper">
+                                <div class="timeline-item-media shrink-0">
+                                    <div class="timeline-item-media-content">
+                                        <!--:Avatar:-->
+                                        <span
+                                            class="size-7 flex items-center justify-center rounded-full bg-primary text-white">
+                                            <span class="icon-[lucide--hash]"></span>
+                                        </span>
+                                    </div>
+                                    <div class="timeline-connect"></div>
+                                </div>
+                                <div class="timeline-item-content">
+                                    <div class="mt-1">
+                                        <p class="mb-1"><span class="h6">Eugene
+                                                Stewart</span><span> added tags </span>
+                                            <span
+                                                class="badge bg-amber-500/10 text-amber-500">Issue</span>
+                                            <span class="block text-xs mt-1 text-muted">12:50
+                                                PM</span>
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                    <div class="mt-7">
+                        <button class="btn bg-primary hover:bg-primary-deep text-white">
+                        Load more
+                    </button>
+                    </div>
+                    
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/account-billing.html b/public_html/raven-demo/account-billing.html
new file mode 100644
index 0000000..89b7707
--- /dev/null
+++ b/public_html/raven-demo/account-billing.html
@@ -0,0 +1,1229 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item active">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-0">Billing</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div
+                class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 lg:gap-8 mb-4">
+                    <div class="md:col-span-4 lg:col-span-3">
+                        <!--:Navbar:-->
+                         <nav class="flex flex-col space-y-0.5">
+                            <a href="account-settings.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--user] text-lg"></span>
+                                Profile
+                            </a>
+                            <a href="account-security.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--shield-check] text-lg"></span>
+                                Security
+                            </a>
+                            <a href="account-notifications.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--bell] text-lg"></span>
+                                Notifications
+                            </a>
+                            <a href="account-billing.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--credit-card] text-lg"></span>
+                                Billing
+                            </a>
+                            <a href="account-integration.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--component] text-lg"></span>
+                                 Integrations
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Billing</h5>
+                            </div>
+                            <!--:Current Plan:-->
+                            <div class="flex flex-col sm:flex-row sm:items-center gap-3.5 p-4">
+                                <div
+                                    class="shrink-0 size-10 flex items-center justify-center rounded-full bg-primary text-white">
+                                   <span class="icon-[lucide--bolt] text-lg"></span>
+                                </div>
+                                <div class="flex-grow">
+                                   <div class="flex items-center gap-2.5 mb-1">
+                                     <h5>Basic personal 
+                                    </h5>
+                                    <span
+                                            class="badge bg-green-500/10 text-green-500">Active</span>
+                                   </div>
+                                    <p class="text-sm text-muted">Billing monthly | Next payment on
+                                        <span>09/06/2025</span> for <span
+                                            class="text-black dark:text-white font-semibold">$59.90</span>
+                                    </p>
+                                </div>
+                                <div class="shrink-0">
+                                    <a href="#!"
+                                        class="btn btn-default btn-sm">Change
+                                        Plan</a>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div
+                                class="flex items-center justify-between px-4 pt-4">
+                                <h5 class="text-lg shrink-0">Payment method</h5>
+                                <div>
+                                    <a href="#!" class="btn btn-sm bg-primary text-white hover:bg-primary-deep">Add New</a>
+                                </div>
+                            </div>
+                            <div class="p-4 flex flex-col sm:flex-row sm:items-center w-full gap-3.5">
+                                <img alt="" src="images/brands/visa.svg" class="w-10 h-auto shrink-0">
+                                <div class="flex-grow">
+                                    <h5 class="">Emily Doe</h5>
+                                    <span class="leading-none text-muted">XXXX2730 Expires on
+                                        12/2026</span>
+                                </div>
+                                <div class="shrink-0 gap-2 flex items-center">
+                                    <a href="#!"
+                                        class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                        <span class="icon-[lucide--edit] text-lg"></span>
+                                    </a>
+                                    <a href="#!"
+                                        class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                        <span class="icon-[lucide--trash] text-lg"></span>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+
+                         <div
+                                class="py-4 flex items-center justify-between">
+                                <h5 class="text-lg">Invoicing</h5>
+                                <a href="#!" class="btn btn-sm btn-default">
+                                    Download All
+                                </a>
+                            </div>
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                           
+                            <div class="overflow-x-auto">
+                                <table class="table-default table-compact">
+                                    <thead>
+                                        <tr>
+                                            <th class="">Invoice</th>
+                                            <th class="">Status</th>
+                                            <th class="">Date</th>
+                                            <th class="">Amount</th>
+                                            <th class=""></th>
+                                        </tr>
+                                    </thead>
+                                    <tbody class="whitespace-nowrap">
+                                        <tr>
+                                            <td>
+                                                <a href="#!" class="h6 hover:!text-primary">
+                                                    #2730
+                                                </a>
+                                            </td>
+                                            <td>
+                                                <span class="badge bg-sky-500/10 text-sky-500">
+                                                    Upcoming
+                                                </span>
+                                            </td>
+                                            <td>
+                                                6 June, 2025
+                                            </td>
+                                            <td>
+                                                $249.00
+                                            </td>
+                                            <td>
+                                                <div class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5 ms-auto">
+                                                   <span class="icon-[lucide--download] text-lg"></span>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                               <a href="#!" class="h6 hover:!text-primary">
+                                                    #2731
+                                                </a>
+                                            </td>
+                                            <td>
+                                               <span class="badge bg-green-500/10  text-green-500">
+                                                    Paid
+                                                </span>
+                                            </td>
+                                            <td>
+                                                28 Apr, 2025
+                                            </td>
+                                            <td>
+                                                $199.00
+                                            </td>
+                                            <td>
+                                                <div class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5 ms-auto">
+                                                   <span class="icon-[lucide--download] text-lg"></span>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                               <a href="#!" class="h6 hover:!text-primary">
+                                                    #2732
+                                                </a>
+                                            </td>
+                                            <td>
+                                                <span class="badge bg-red-500/10 text-red-500">
+                                                    Declined
+                                                </span>
+                                            </td>
+                                            <td>
+                                                22 Jan, 2025
+                                            </td>
+                                            <td>
+                                                $149.00
+                                            </td>
+                                            <td>
+                                                <div class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5 ms-auto">
+                                                   <span class="icon-[lucide--download] text-lg"></span>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                               <a href="#!" class="h6 hover:!text-primary">
+                                                    #2733
+                                                </a>
+                                            </td>
+                                            <td>
+                                                <span class="badge bg-green-500/10  text-green-500">
+                                                    Paid
+                                                </span>
+                                            </td>
+                                            <td>
+                                                16 Nov, 2024
+                                            </td>
+                                            <td>
+                                                $49.00
+                                            </td>
+                                            <td>
+                                                <div class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5 ms-auto">
+                                                   <span class="icon-[lucide--download] text-lg"></span>
+                                                </div>
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td>
+                                               <a href="#!" class="h6 hover:!text-primary">
+                                                    #2734
+                                                </a>
+                                            </td>
+                                            <td>
+                                                <span class="badge bg-green-500/10  text-green-500">
+                                                    Paid
+                                                </span>
+                                            </td>
+                                            <td>
+                                                19 Aug, 2024
+                                            </td>
+                                            <td>
+                                                $98.00
+                                            </td>
+                                            <td>
+                                                <div class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5 ms-auto">
+                                                   <span class="icon-[lucide--download] text-lg"></span>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <a href="#!" class="h6 hover:!text-primary">
+                                                    #2735
+                                                </a>
+                                            </td>
+                                            <td>
+                                                <span class="badge bg-green-500/10  text-green-500">
+                                                    Paid
+                                                </span>
+                                            </td>
+                                            <td>
+                                                6 Aug, 2024
+                                            </td>
+                                            <td>
+                                                $56.00
+                                            </td>
+                                           <td>
+                                                <div class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5 ms-auto">
+                                                   <span class="icon-[lucide--download] text-lg"></span>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/account-integration.html b/public_html/raven-demo/account-integration.html
new file mode 100644
index 0000000..3d994c7
--- /dev/null
+++ b/public_html/raven-demo/account-integration.html
@@ -0,0 +1,1160 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item active">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-0">Integration</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div
+                class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 lg:gap-8 mb-4">
+                    <div class="md:col-span-4 lg:col-span-3">
+                        <!--:Navbar:-->
+                         <nav class="flex flex-col space-y-0.5">
+                            <a href="account-settings.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--user] text-lg"></span>
+                                Profile
+                            </a>
+                            <a href="account-security.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--shield-check] text-lg"></span>
+                                Security
+                            </a>
+                            <a href="account-notifications.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--bell] text-lg"></span>
+                                Notifications
+                            </a>
+                            <a href="account-billing.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--credit-card] text-lg"></span>
+                                Billing
+                            </a>
+                            <a href="account-integration.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--component] text-lg"></span>
+                                 Integrations
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9">
+                        <p class="mb-4">
+                            Supercharge your workflow using apps integration
+                        </p>
+                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                             <!--:Integration Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="flex items-center justify-between p-4 pb-0">
+                                <img class="h-10 w-auto shrink-0" src="images/brands/google-analytics.svg" alt="">
+                                <a href="#!"
+                                    class="size-8 btn btn-default !p-0 !rounded-full">
+                                    <span class="icon-[lucide--arrow-up-right] text-lg"></span>
+                                </a>
+                            </div>
+                            <div class="p-4">
+                                <a href="#!" class="hover:text-primary dark:hover:text-primary block text-lg font-semibold">
+                                    Google Analytics
+                                </a>
+                            </div>
+                            <!--:Footer:-->
+                            <div
+                                class="flex items-center justify-between px-4 pb-4">
+                                <a href="#!"
+                                    class="btn btn-sm btn-default gap-2">
+                                    <span class="icon-[lucide--component] text-base"></span>
+                                    Connect</a>
+                                <div><input class="input-switch" checked id="integration_analytics" type="checkbox"></div>
+                            </div>
+                        </div>
+                         <!--:Integration Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="flex items-center justify-between p-4 pb-0">
+                                <img class="h-10 w-auto shrink-0" src="images/brands/jira.svg" alt="">
+                                <a href="#!"
+                                    class="size-8 btn btn-default !p-0 !rounded-full">
+                                    <span class="icon-[lucide--arrow-up-right] text-lg"></span>
+                                </a>
+                            </div>
+                            <div class="p-4">
+                                <a href="#!" class="hover:text-primary dark:hover:text-primary block text-lg font-semibold">
+                                   Jira
+                                </a>
+                            </div>
+                            <!--:Footer:-->
+                            <div
+                                class="flex items-center justify-between px-4 pb-4">
+                                <a href="#!"
+                                    class="btn btn-sm btn-default gap-2">
+                                    <span class="icon-[lucide--component] text-base"></span>
+                                    Connect</a>
+                                <div><input class="input-switch" id="integration_jira" type="checkbox"></div>
+                            </div>
+                        </div>
+                         <!--:Integration Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="flex items-center justify-between p-4 pb-0">
+                                <img class="h-10 w-auto shrink-0" src="images/brands/mailchimp.svg" alt="">
+                                 <a href="#!"
+                                    class="size-8 btn btn-default !p-0 !rounded-full">
+                                    <span class="icon-[lucide--arrow-up-right] text-lg"></span>
+                                </a>
+                            </div>
+                            <div class="p-4">
+                                <a href="#!" class="hover:text-primary dark:hover:text-primary block text-lg font-semibold">
+                                    Mailchimp
+                                </a>
+                            </div>
+                            <!--:Footer:-->
+                            <div
+                                class="flex items-center justify-between px-4 pb-4">
+                                <a href="#!"
+                                    class="btn btn-sm btn-default gap-2">
+                                    <span class="icon-[lucide--component] text-base"></span>
+                                    Connect</a>
+                                <div><input class="input-switch" id="integration_mailchimp" type="checkbox"></div>
+                            </div>
+                        </div>
+                         <!--:Integration Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="flex items-center justify-between p-4 pb-0">
+                                <img class="h-10 w-auto shrink-0" src="images/brands/google-webdev.svg" alt="">
+                                 <a href="#!"
+                                    class="size-8 btn btn-default !p-0 !rounded-full">
+                                    <span class="icon-[lucide--arrow-up-right] text-lg"></span>
+                                </a>
+                            </div>
+                            <div class="p-4">
+                                <a href="#!" class="hover:text-primary dark:hover:text-primary block text-lg font-semibold">
+                                    Google WebDev
+                                </a>
+                            </div>
+                            <!--:Footer:-->
+                            <div
+                                class="flex items-center justify-between px-4 pb-4">
+                                <a href="#!"
+                                    class="btn btn-sm btn-default gap-2">
+                                    <span class="icon-[lucide--component] text-base"></span>
+                                    Connect</a>
+                                <div><input class="input-switch" checked id="integration_webdev" type="checkbox"></div>
+                            </div>
+                        </div>
+                         <!--:Integration Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="flex items-center justify-between p-4 pb-0">
+                                <img class="h-10 w-auto shrink-0" src="images/brands/gitlab.svg" alt="">
+                                 <a href="#!"
+                                    class="size-8 btn btn-default !p-0 !rounded-full">
+                                    <span class="icon-[lucide--arrow-up-right] text-lg"></span>
+                                </a>
+                            </div>
+                            <div class="p-4">
+                                <a href="#!" class="hover:text-primary dark:hover:text-primary block text-lg font-semibold">
+                                   Gitlab
+                                </a>
+                            </div>
+                            <!--:Footer:-->
+                            <div
+                                class="flex items-center justify-between px-4 pb-4">
+                                <a href="#!"
+                                    class="btn btn-sm btn-default gap-2">
+                                    <span class="icon-[lucide--component] text-base"></span>
+                                    Connect</a>
+                                <div><input class="input-switch" id="integration_gitlab" type="checkbox"></div>
+                            </div>
+                        </div>
+                         <!--:Integration Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="flex items-center justify-between p-4 pb-0">
+                                <img class="h-10 w-auto shrink-0" src="images/brands/evernote.svg" alt="">
+                                <a href="#!"
+                                    class="size-8 btn btn-default !p-0 !rounded-full">
+                                    <span class="icon-[lucide--arrow-up-right] text-lg"></span>
+                                </a>
+                            </div>
+                            <div class="p-4">
+                                <a href="#!" class="hover:text-primary dark:hover:text-primary block text-lg font-semibold">
+                                    Evernote
+                                </a>
+                            </div>
+                            <!--:Footer:-->
+                            <div
+                                class="flex items-center justify-between px-4 pb-4">
+                                <a href="#!"
+                                    class="btn btn-sm btn-default gap-2">
+                                    <span class="icon-[lucide--component] text-base"></span>
+                                    Connect</a>
+                                <div><input class="input-switch" checked id="integration_evernote" type="checkbox"></div>
+                            </div>
+                        </div>
+                        
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/account-notifications.html b/public_html/raven-demo/account-notifications.html
new file mode 100644
index 0000000..e34a7c4
--- /dev/null
+++ b/public_html/raven-demo/account-notifications.html
@@ -0,0 +1,1082 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item active">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-0">Notifications</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 lg:gap-8 mb-4">
+                    <div class="md:col-span-4 lg:col-span-3">
+                        <!--:Navbar:-->
+                        <nav class="flex flex-col space-y-0.5">
+                            <a href="account-settings.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--user] text-lg"></span>
+                                Profile
+                            </a>
+                            <a href="account-security.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--shield-check] text-lg"></span>
+                                Security
+                            </a>
+                            <a href="account-notifications.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--bell] text-lg"></span>
+                                Notifications
+                            </a>
+                            <a href="account-billing.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--credit-card] text-lg"></span>
+                                Billing
+                            </a>
+                            <a href="account-integration.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--component] text-lg"></span>
+                                 Integrations
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9">
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Email notifications</h5>
+                                <p>
+                                    Duis aute irure dolor in reprehenderit in voluptate
+                                </p>
+                            </div>
+
+                            <div class="space-y-5 p-4">
+                                <!--:Group checkbox:-->
+                                <div class="flex gap-3.5 items-center">
+                                    <input class="input-checkbox" checked type="checkbox" id="news_updates">
+                                    <div class="flex-grow">
+                                        <h5>News & updates</h5>
+                                        <p class="text-muted">Excepteur sint occaecat cupidatat non proident</p>
+                                    </div>
+                                </div>
+                                <!--:Group checkbox:-->
+                                <div class="flex gap-3.5 items-center">
+                                    <input class="input-checkbox" type="checkbox" id="tips_tutorials">
+                                    <div class="flex-grow">
+                                        <h5>Tips & tutorials</h5>
+                                        <p class="text-muted">Duis aute irure dolor in reprehenderit in voluptate</p>
+                                    </div>
+                                </div>
+                                <!--:Group checkbox:-->
+                                <div class="flex gap-3.5 items-center">
+                                    <input class="input-checkbox" checked type="checkbox" id="offer_promotions">
+                                    <div class="flex-grow">
+                                        <h5>Offer & promotions</h5>
+                                        <p class="text-muted">Promotion about product price &
+                                            lastest discount</p>
+                                    </div>
+                                </div>
+                                <!--:Group checkbox:-->
+                                <div class="flex gap-3.5 items-center">
+                                    <input class="input-checkbox" type="checkbox" id="follow_reminder">
+                                    <div class="flex-grow">
+                                        <h5>Follow up remider</h5>
+                                        <p class="text-muted">Receive notification all the
+                                            reminder that have been made</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4">
+                            <h5 class="text-lg">
+                            Enable unread notification badge
+                        </h5>
+                        </div>
+                        <div class="space-y-5 p-4">
+                            <!--:Group Radio:-->
+                            <div class="flex gap-3.5 items-center">
+                                <input class="input-radio" type="radio" checked name="notification_badge">
+                                <div class="flex-grow">
+                                    <h5>All new messages</h5>
+                                    <p class="text-muted">Excepteur sint occaecat cupidatat non proident</p>
+                                </div>
+                            </div>
+                            <!--:Group Radio:-->
+                            <div class="flex gap-3.5 items-center">
+                                <input class="input-radio" type="radio" name="notification_badge">
+                                <div class="flex-grow">
+                                    <h5>Mentions only</h5>
+                                    <p class="text-muted">Ut enim ad minim veniam</p>
+                                </div>
+                            </div>
+                            <!--:Group Radio:-->
+                            <div class="flex gap-3.5 items-center">
+                                <input class="input-radio" type="radio" name="notification_badge">
+                                <div class="flex-grow">
+                                    <h5>Nothing</h5>
+                                    <p class="text-muted">Don't notify me anything</p>
+                                </div>
+                            </div>
+                        </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/account-pricing.html b/public_html/raven-demo/account-pricing.html
new file mode 100644
index 0000000..934ad08
--- /dev/null
+++ b/public_html/raven-demo/account-pricing.html
@@ -0,0 +1,1058 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link href="vendor/css/choices.min.css" rel="stylesheet">
+
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item active">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Pricing</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Account</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Pricing</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 mb-4">
+                <div class="flex items-center gap-4 mb-6">
+                    <label class="flex items-center gap-2">
+                        <input type="checkbox" id="pricing-toggle" class="input-switch peer" />
+                        <span class="text-zinc-400 peer-checked:text-current">Annually</span>
+                    </label>
+                </div>
+
+                <!-- Pricing Plans -->
+                <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+                    <!-- Basic Plan -->
+                    <div class="p-4 md:px-8 flex flex-col">
+                        <h2 class="text-lg mb-3">Basic</h2>
+                        <div class="mb-5">
+                            <p class="price-monthly text-5xl font-semibold">$9 <span class="text-sm"> /month</span></p>
+                            <p class="price-annually text-5xl font-semibold hidden">$7 <span class="text-sm"> /month</span>
+                            </p>
+                        </div>
+                        <ul class="mt-4 space-y-5 text-left mb-7 flex-grow">
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Task management</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Basic management tools</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Report generator</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Email support</li>
+                        </ul>
+                        <button class="btn btn-lg border border-primary text-primary hover:text-white hover:bg-primary">Purchase Basic</button>
+                    </div>
+
+                    <!-- Team Plan (Popular) -->
+                    <div class="p-4 border-y md:border-y-0 py-8 md:py-4 md:px-8 md:border-x border-zinc-200 dark:border-zinc-800 flex flex-col relative">
+                        <span
+                            class="absolute top-4 ltr:right-4 rtl:left-4 bg-primary text-white px-2 py-1 text-xs rounded-full">Popular</span>
+                        <h2 class="text-lg mb-3">Team</h2>
+                        <div class="mb-5">
+                            <p class="price-monthly text-5xl font-semibold">$29 <span class="text-sm"> /month</span></p>
+                            <p class="price-annually text-5xl font-semibold hidden">$19 <span class="text-sm"> /month</span>
+                            </p>
+                        </div>
+                        <ul class="mt-4 space-y-5 text-left mb-7 flex-grow">
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Task management</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Advance management tools</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Report generator</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Chat & email support</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Files sharing</li>
+                        </ul>
+                        <button class="btn btn-lg bg-primary text-white hover:bg-primary-deep">Purchase Team</button>
+                    </div>
+
+                    <!-- Pro Plan -->
+                    <div class="p-4 md:px-8 flex flex-col">
+                        <h2 class="text-lg mb-3">Pro</h2>
+                        <div class="mb-5">
+                            <p class="price-monthly text-5xl font-semibold">$49 <span class="text-sm"> /month</span></p>
+                            <p class="price-annually text-5xl font-semibold hidden">$39 <span class="text-sm"> /month</span>
+                            </p>
+                        </div>
+                        <ul class="mt-4 space-y-5 text-left mb-7 flex-grow">
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Task management</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Advance management tools</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Detailed report generator</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> 24/7 chat & email support</li>
+                         <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Files sharing</li>
+                         <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Advanced security protocols</li>
+                        </ul>
+                        <button type="button" class="btn btn-lg border border-primary text-primary hover:text-white hover:bg-primary">Purchase Pro</button>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <script>
+        const toggle = document.getElementById('pricing-toggle');
+        const monthly = document.querySelectorAll('.price-monthly');
+        const annually = document.querySelectorAll('.price-annually');
+
+        toggle.addEventListener('change', () => {
+            monthly.forEach(el => el.classList.toggle('hidden', toggle.checked));
+            annually.forEach(el => el.classList.toggle('hidden', !toggle.checked));
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/account-profile-about.html b/public_html/raven-demo/account-profile-about.html
new file mode 100644
index 0000000..e62785e
--- /dev/null
+++ b/public_html/raven-demo/account-profile-about.html
@@ -0,0 +1,1241 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link href="vendor/css/choices.min.css" rel="stylesheet">
+
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item active">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Profile Header:-->
+        <div class="relative">
+           <div class="relative overflow-hidden">
+             <div class="h-40 lg:h-60 overflow-hidden relative px-4">
+                <img src="images/bg-cover.jpg" class="max-w-full absolute inset-0 object-cover" alt="">
+            </div>
+           <div class="flex flex-col sm:flex-row sm:items-end bg-white dark:bg-zinc-900 gap-4 px-4 lg:px-8 pb-3">
+             <div
+                class="size-24 shrink-0 -mt-12 rounded-full block relative border-4 border-white dark:border-zinc-900">
+                <img alt="" src="images/avatars/thumb-4.jpg" class="w-full h-full rounded-full">
+                <!--:Status:-->
+                <span
+                    class="size-4 me-2 -mt-1 rounded-full border-2 border-white dark:border-zinc-950 bg-green-500 block absolute end-0 bottom-0"></span>
+            </div>
+            <div class="flex flex-col sm:pt-3">
+                <div class="flex items-center gap-2">
+                    <h5 class="text-lg mb-2">Emily docker
+                    </h5>
+                    <span data-bs-toggle="tooltip" data-bs-title="Verified"
+                        class="icon-[solar--verified-check-bold] text-green-500 text-lg leading-none"></span>
+                </div>
+                <div class="flex flex-wrap items-center gap-2 sm:gap-3.5">
+                    <div class="flex items-center gap-1">
+                        <span class="icon-[lucide--globe-2] text-muted"></span>
+                        <span>United States</span>
+                    </div>
+                    <div class="flex items-center gap-1">
+                        <span class="icon-[lucide--building-2] text-muted"></span>
+                        <span>creativeDM inc.</span>
+                    </div>
+                    <div class="flex items-center gap-1">
+                        <span class="icon-[lucide--calendar-days] text-muted"></span>
+                        <span>Joined on 19 Aug 2013</span>
+                    </div>
+                </div>
+            </div>
+            <div class="shrink-0 sm:ms-auto">
+                <button class="btn bg-primary hover:bg-primary-deep text-white">
+                    <span class="icon-[lucide--user-check] me-2"></span>Connected</button>
+            </div>
+           </div>
+           </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8 pt-4">
+            <!--:Navbar horizontal:-->
+            <nav class="nav-horizontal nav-fill py-2">
+                <a href="account-profile.html" class="nav-link">
+                    <span class="icon-[lucide--activity]"></span> Timeline
+                </a>
+                <a href="account-profile-about.html" class="nav-link active">
+                    <span class="icon-[lucide--user]"></span> About
+                </a>
+                <a href="account-profile-projects.html" class="nav-link disabled [.disabled]:opacity-50 [.disabled]:pointer-events-none">
+                    <span class="icon-[lucide--folder]"></span> Projects
+                </a>
+                <a href="account-profile-projects.html" class="nav-link disabled [.disabled]:opacity-50 [.disabled]:pointer-events-none">
+                    <span class="icon-[lucide--users]"></span> Contacts
+                </a>
+            </nav>
+            <!-- Page content -->
+            <div class="pt-2">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                    <div class="md:col-span-7">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">General</h5>
+                            </div>
+                            <div class="p-4 flex flex-col gap-4">
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Location</span>
+                                    <h5>Edinburgh, Scotland</h5>
+                                </div>
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Gender</span>
+                                    <h5>Female</h5>
+                                </div>
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Email</span>
+                                    <h5>emily.docker@gmail.com</h5>
+                                </div>
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Address</span>
+                                    <h5>2730 Lorem Street CA, United States</h5>
+                                </div>
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Tel.</span>
+                                    <h5 class="mb-1">+01 555 5000</h5>
+                                    <h5>+01 123 4567</h5>
+                                </div>
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Website</span>
+                                    <h5>wrapmarket.com</h5>
+                                </div>
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Birthday</span>
+                                    <h5>August 19, 1994</h5>
+                                </div>
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">About</span>
+                                    <p>
+                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget pharetra
+                                        felis, sed ullamcorper dui. Sed et elementum neque. Vestibulum pellente viverra
+                                        ultrices. Etiam justo augue, vehicula ac gravida a, interdum sit amet nisl.
+                                        Integer vitae nisi id nibh dictum mollis in vitae tortor.
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Work</h5>
+                            </div>
+                            <div class="p-4 flex flex-col gap-4">
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Occupation</span>
+                                    <h5>Full stack developer</h5>
+                                </div>
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Jobs</span>
+                                    <table class="text-start">
+                                        <tbody>
+                                            <tr>
+                                                <td class="w-24 py-1">
+                                                   <span class="text-sm block truncate"> Self-Employed</span>
+                                                </td>
+                                                <td class="px-4">
+                                                    2018 - Now
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <td class="w-24 py-1">
+                                                    <span class="text-sm block truncate">Codemoore</span>
+                                                </td>
+                                                <td class="px-4">
+                                                   2014 - 2018
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-5">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Skills</h5>
+                            </div>
+                            <div class="flex flex-wrap gap-2 p-4">
+                                <span class="badge bg-primary-subtle text-primary">Product Development</span>
+                                <span class="badge bg-primary-subtle text-primary">Webflow</span>
+                                <span class="badge bg-primary-subtle text-primary">Management</span>
+                                <span class="badge bg-primary-subtle text-primary">Figma</span>
+                                <span class="badge bg-primary-subtle text-primary">Web Design</span>
+                                <span class="badge bg-primary-subtle text-primary">Html / Css</span>
+                                <span class="badge bg-primary-subtle text-primary">Angular</span>
+                                <span class="badge bg-primary-subtle text-primary">Figma</span>
+                                <span class="badge bg-primary-subtle text-primary">React</span>
+                                <span class="badge bg-primary-subtle text-primary">Vue</span>
+                            </div>
+                        </div>
+                        <!--card-->
+                        <div class="rounded-xl overflow-hidden bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 pb-2 flex items-center justify-between">
+                                <h5 class="text-lg">Contacts</h5>
+                                <a href="#!" class="border-b border-dashed text-primary hover:text-current">See 458
+                                    more</a>
+                            </div>
+                            <ul class="divide-y px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-1.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Nikita Miller</a>
+                                            <span class="text-sm text-muted">UI/UX Developer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-8.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Liam Johnson</a>
+                                            <span class="text-sm text-muted">Frontend Engineer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-3.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Sophia Lee</a>
+                                            <span class="text-sm text-muted">Product Designer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Ethan Smith</a>
+                                            <span class="text-sm text-muted">Backend Developer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Isabella Garcia</a>
+                                            <span class="text-sm text-muted">Digital Marketer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Noah Walker</a>
+                                            <span class="text-sm text-muted">Full Stack Developer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+    <script src="vendor/js/autosize.min.js"></script>
+    <script>
+        autosize(document.querySelectorAll('textarea'));
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/account-profile.html b/public_html/raven-demo/account-profile.html
new file mode 100644
index 0000000..c6d0833
--- /dev/null
+++ b/public_html/raven-demo/account-profile.html
@@ -0,0 +1,1427 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link href="vendor/css/choices.min.css" rel="stylesheet">
+
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item active">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Profile Header:-->
+        <div class="relative">
+           <div class="relative overflow-hidden">
+             <div class="h-40 lg:h-60 overflow-hidden relative px-4">
+                <img src="images/bg-cover.jpg" class="max-w-full absolute inset-0 object-cover" alt="">
+            </div>
+           <div class="flex flex-col sm:flex-row sm:items-end bg-white dark:bg-zinc-900 gap-4 px-4 lg:px-8 pb-3">
+             <div
+                class="size-24 shrink-0 -mt-12 rounded-full block relative border-4 border-white dark:border-zinc-900">
+                <img alt="" src="images/avatars/thumb-4.jpg" class="w-full h-full rounded-full">
+                <!--:Status:-->
+                <span
+                    class="size-4 me-2 -mt-1 rounded-full border-2 border-white dark:border-zinc-950 bg-green-500 block absolute end-0 bottom-0"></span>
+            </div>
+            <div class="flex flex-col sm:pt-3">
+                <div class="flex items-center gap-2">
+                    <h5 class="text-lg mb-2">Emily docker
+                    </h5>
+                    <span data-bs-toggle="tooltip" data-bs-title="Verified"
+                        class="icon-[solar--verified-check-bold] text-green-500 text-lg leading-none"></span>
+                </div>
+                <div class="flex flex-wrap items-center gap-2 sm:gap-3.5">
+                    <div class="flex items-center gap-1">
+                        <span class="icon-[lucide--globe-2] text-muted"></span>
+                        <span>United States</span>
+                    </div>
+                    <div class="flex items-center gap-1">
+                        <span class="icon-[lucide--building-2] text-muted"></span>
+                        <span>creativeDM inc.</span>
+                    </div>
+                    <div class="flex items-center gap-1">
+                        <span class="icon-[lucide--calendar-days] text-muted"></span>
+                        <span>Joined on 19 Aug 2013</span>
+                    </div>
+                </div>
+            </div>
+            <div class="shrink-0 sm:ms-auto">
+                <button class="btn bg-primary hover:bg-primary-deep text-white">
+                    <span class="icon-[lucide--user-check] me-2"></span>Connected</button>
+            </div>
+           </div>
+           </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8 pt-4">
+            <!--:Navbar horizontal:-->
+            <nav class="nav-horizontal nav-fill py-2">
+                <a href="account-profile.html" class="nav-link active">
+                    <span class="icon-[lucide--activity]"></span> Timeline
+                </a>
+                <a href="account-profile-about.html" class="nav-link">
+                    <span class="icon-[lucide--user]"></span> About
+                </a>
+                <a href="account-profile-projects.html"
+                    class="nav-link disabled [.disabled]:opacity-50 [.disabled]:pointer-events-none">
+                    <span class="icon-[lucide--folder]"></span> Projects
+                </a>
+                <a href="account-profile-projects.html"
+                    class="nav-link disabled [.disabled]:opacity-50 [.disabled]:pointer-events-none">
+                    <span class="icon-[lucide--users]"></span> Contacts
+                </a>
+            </nav>
+            <!-- Page content -->
+            <div class="pt-2">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                    <div class="md:col-span-5">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Recent activity</h5>
+                                <label class="flex items-center text-sm gap-2 cursor-pointer">
+                                    <span class="flex-grow text-muted">Auto refresh</span>
+                                    <input class="input-switch" name="activityRefresh" type="checkbox" value="1">
+                                </label>
+                            </div>
+                            <div class="p-4">
+                                <!--:Timeline:-->
+                                <ul class="timeline">
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img alt="" src="images/avatars/thumb-3.jpg"
+                                                        class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><a href="#!"
+                                                            class="hover:text-primary font-semibold">Angelina
+                                                            Gotelli</a><span> started following you </span>
+                                                        <span class="block mt-1 text-xs text-muted">10:15
+                                                            AM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img alt="" src="images/avatars/thumb-6.jpg"
+                                                        class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p><a href="#!" class="hover:text-primary font-semibold">Max
+                                                            Alexander</a>
+                                                        comment on your post
+                                                        <a href="#!" class="font-semibold hover:text-primary">Top
+                                                            10 Tech Trends</a>
+                                                        <span class="text-xs mt-1 text-muted block">11:50
+                                                            AM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <span
+                                                        class="size-7 flex items-center justify-center rounded-full bg-primary text-white">
+                                                        <span class="icon-[lucide--hash]"></span>
+                                                    </span>
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><a href="#!"
+                                                            class="hover:text-primary font-semibold">Eugene
+                                                            Stewart</a><span> added tags </span>
+                                                        <span
+                                                            class="badge  bg-sky-500/10 text-sky-500">Tailwindcss</span>
+                                                        <span class="badge bg-red-500/10 text-red-500">Gulp</span>
+
+                                                        <span class="block text-xs mt-1 text-muted">12:50
+                                                            PM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img alt="" src="images/avatars/thumb-7.jpg"
+                                                        class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><a href="#!" class="hover:text-primary font-semibold">
+                                                            Isaac Benjamin
+                                                        </a><span> liked your post </span>
+                                                        <span class="block mt-1 text-xs text-muted">10:15
+                                                            AM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <span
+                                                        class="size-7 flex items-center justify-center rounded-full bg-sky-500 text-white">
+                                                        <span class="icon-[lucide--hash]"></span>
+                                                    </span>
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><a href="#!"
+                                                            class="hover:text-primary font-semibold">Eugene
+                                                            Stewart</a><span> added tags </span>
+                                                        <span class="badge bg-green-500/10 text-green-500">Svelte</span>
+
+                                                        <span class="block text-xs mt-1 text-muted">Yeasterday</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img alt="" src="images/avatars/thumb-4.jpg"
+                                                        class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><a href="#!" class="hover:text-primary font-semibold">
+                                                            Emily Docker
+                                                        </a><span> profile name updated </span>
+                                                        <span class="block mt-1 text-xs text-muted">2d ago</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                            <!--:Footer:-->
+                            <div class="px-4 pb-4">
+                                <a href="#!"
+                                    class="inline-block border-b border-dashed text-sm font-semibold hover:text-primary">View
+                                    all Activity</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-7">
+                        <div class="flex flex-col gap-4">
+                            <!--:Card:-->
+                            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative overflow-hidden">
+                                <div class="p-4">
+                                    <textarea class="input" rows="5" placeholder="Type something"></textarea>
+                                </div>
+                                <div class="flex items-center justify-between pt-0 p-4">
+                                    <div class="flex items-center gap-0.5">
+                                        <button data-bs-toggle="tooltip" data-bs-title="Upload image/video"
+                                            type="button" class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                            <span class="icon-[lucide--image] text-lg"></span>
+                                        </button>
+                                        <button data-bs-toggle="tooltip" data-bs-title="Tag contacts" type="button"
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                            <span class="icon-[lucide--user-plus] text-lg"></span>
+                                        </button>
+                                        <button data-bs-toggle="tooltip" data-bs-title="Add location" type="button"
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                            <span class="icon-[lucide--map-pin] text-lg"></span>
+                                        </button>
+                                    </div>
+                                    <div class="shrink-0">
+                                        <button type="button"
+                                            class="btn bg-primary text-white hover:bg-primary-deep btn-sm">Post</button>
+                                    </div>
+                                </div>
+                            </div>
+                            <!--:Post Card:-->
+                            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                                <!--:Post Header:-->
+                                <div class="flex items-center gap-3.5 p-4">
+                                    <img src="images/avatars/thumb-3.jpg" class="size-8 rounded-full shrink-0">
+                                    <div class="flex-grow">
+                                        <h5><a href="#!" class="text-primary">Nikita miller</a> posted on your timeline
+                                        </h5>
+                                        <small class="text-muted">
+                                            27 minutes ago
+                                        </small>
+                                    </div>
+                                    <div class="shrink-0">
+                                        <div class="relative">
+                                            <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                                data-bs-toggle="dropdown" aria-expanded="false">
+                                                <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                            </button>
+                                            <div
+                                                class="dropdown-menu z-50 absolute min-w-36 top-full !end-0 !start-auto">
+                                                <a href="#!" class="dropdown-item">
+                                                    <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                    Share
+                                                </a>
+                                                <a href="#!" class="dropdown-item">
+                                                    <span class="icon-[lucide--flag] dropdown-icon"></span>
+                                                    Report
+                                                </a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Post:-->
+                                <div class="p-4 py-0">
+                                    <p class="mb-3">Hey Creative, checkout latest patterns</p>
+                                    <img src="images/bg-cover-2.jpg" alt="" class="max-w-full rounded-xl mb-2">
+                                    <small class="block text-muted">from <a href="#!"
+                                            class="text-primary font-semibold">John doe</a></small>
+                                </div>
+                                <!--:Like share button:-->
+                                <div class="flex gap-2 items-center p-4">
+                                    <button type="button" class="btn text-muted hover:bg-zinc-100 dark:hover:bg-zinc-700 hover:text-primary !p-2.5">
+                                        <span class="icon-[lucide--heart] text-lg me-1.5"></span> Like (298)
+                                    </button>
+                                    <button type="button" class="btn text-muted hover:bg-zinc-100 dark:hover:bg-zinc-700 hover:text-primary !p-2.5">
+                                        <span class="icon-[lucide--share] text-lg me-1.5"></span> Share (24)
+                                    </button>
+                                </div>
+
+                                <!--:Reply + comments:-->
+                                <div class="p-4 border-t rounded-b-xl border-zinc-200 dark:border-zinc-800">
+                                    <p class="flex items-center gap-2.5 mb-4 text-muted">1 comments <span
+                                            class="icon-[lucide--chevron-down] text-lg"></span></p>
+                                    <div class="flex gap-2.5 mb-3">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-7 rounded-full" src="images/avatars/thumb-1.jpg">
+                                        </div>
+                                        <div class="flex flex-col">
+                                            <div class="flex items-center gap-2 mb-1.5">
+                                                <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                    href="#">
+                                                    Emily Johnson
+                                                </a>
+                                                <small class="text-xs text-muted block">
+                                                    10min ago
+                                                </small>
+                                                <div class="ms-auto">
+                                                    <button type="button" class="hover:text-primary cursor-pointer">
+                                                        <span class="icon-[lucide--flag]"></span>
+                                                    </button>
+                                                </div>
+                                            </div>
+                                            <!--:Comment:-->
+                                            <p>
+                                                That’s a wonderful design. Lorem ipsum dolor sit amet, consectetur
+                                                adipiscing elit. Fusce et eleifend ligula. Fusce posuere in sapien ac
+                                                facilisis. Etiam sit amet justo non felis ornare feugiat.
+                                            </p>
+                                            <div class="py-3">
+                                                <button
+                                                    class="hover:text-primary cursor-pointer border-b text-sm font-semibold border-dashed inline-block">
+                                                    <span class="icon-[lucide--reply]"></span>
+                                                    Reply</button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="flex gap-2.5">
+                                        <div class="shrink-0">
+                                            <div
+                                                class="size-7 bg-zinc-500/50 text-white flex items-center justify-center rounded-xl">
+                                                <span class="icon-[lucide--circle-user] text-lg"></span>
+                                            </div>
+                                        </div>
+                                        <div class="flex flex-col flex-grow gap-2.5">
+                                            <textarea class="input" rows="4" placeholder="Add a comment"></textarea>
+                                            <div class="text-end">
+                                                <button type="button"
+                                                    class="btn btn-sm bg-primary hover:bg-primary-deep text-white">
+                                                    Post comment
+                                                </button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <!--:Post Card:-->
+                            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                                <!--:Post Header:-->
+                                <div class="flex items-center gap-3.5 p-4">
+                                    <img src="images/avatars/thumb-7.jpg" class="size-8 rounded-full shrink-0">
+                                    <div class="flex-grow">
+                                        <h5><a href="#!" class="text-primary">Alexander Issac</a> tagged you in a post
+                                        </h5>
+                                        <small class="text-muted">
+                                            12 hours ago
+                                        </small>
+                                    </div>
+                                    <div class="shrink-0">
+                                        <div class="relative">
+                                            <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                                data-bs-toggle="dropdown" aria-expanded="false">
+                                                <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                            </button>
+                                            <div
+                                                class="dropdown-menu z-50 absolute min-w-36 top-full !end-0 !start-auto">
+                                                <a href="#!" class="dropdown-item">
+                                                    <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                    Share
+                                                </a>
+                                                <a href="#!" class="dropdown-item">
+                                                    <span class="icon-[lucide--flag] dropdown-icon"></span>
+                                                    Report
+                                                </a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Post:-->
+                                <div class="p-4 py-0">
+                                    <div class="mb-3">
+                                        <p class="mb-1">
+                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tincidunt,
+                                            lacus ut blandit dapibus, justo lorem laoreet arcu, sit amet ultricies nunc
+                                            lectus eget neque. Sed non mattis ipsum, sed convallis nunc. In hac
+                                            habitasse platea dictumst. Quisque imperdiet, lacus id malesuada vestibulum,
+                                            turpis metus pretium est, nec suscipit arcu ex sed elit.
+                                        </p>
+                                        <p class="mb-1">
+                                            Praesent facilisis, sapien nec faucibus aliquet, arcu est mattis lorem, eget
+                                            vestibulum risus mauris sit amet urna. Ut rhoncus ante eget orci vehicula,
+                                            at accumsan felis rhoncus. Integer sagittis, erat ut euismod varius, justo
+                                            mauris fringilla erat, et elementum metus augue a sapien. Donec sed lorem a
+                                            justo dignissim condimentum nec ut libero.
+                                        </p>
+                                        <a href="#!" class="text-primary font-semibold">#raven</a>
+                                    </div>
+                                </div>
+                                <!--:Like share button:-->
+                                <div class="flex gap-2 items-center p-4">
+                                    <button type="button" class="btn text-muted hover:bg-zinc-100 dark:hover:bg-zinc-700 hover:text-primary !p-2.5">
+                                        <span class="icon-[lucide--heart] text-lg me-1.5"></span> Like (298)
+                                    </button>
+                                    <button type="button" class="btn text-muted hover:bg-zinc-100 dark:hover:bg-zinc-700 hover:text-primary !p-2.5">
+                                        <span class="icon-[lucide--share] text-lg me-1.5"></span> Share (24)
+                                    </button>
+                                </div>
+
+                                <!--:Reply + comments:-->
+                                <div class="p-4 border-t rounded-b-xl border-zinc-200 dark:border-zinc-800">
+                                    <p class="flex items-center gap-2.5 mb-4 text-muted">No comments yet<span
+                                            class="icon-[lucide--chevron-down] text-lg"></span></p>
+
+                                    <div class="flex gap-2.5">
+                                        <div class="shrink-0">
+                                            <div
+                                                class="size-7 bg-zinc-500/50 text-white flex items-center justify-center rounded-xl">
+                                                <span class="icon-[lucide--circle-user] text-lg"></span>
+                                            </div>
+                                        </div>
+                                        <div class="flex flex-col flex-grow gap-2.5">
+                                            <textarea class="input" rows="4" placeholder="Add a comment"></textarea>
+                                            <div class="text-end">
+                                                <button type="button"
+                                                    class="btn btn-sm bg-primary hover:bg-primary-deep text-white">
+                                                    Post comment
+                                                </button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+    <script src="vendor/js/autosize.min.js"></script>
+    <script>
+        autosize(document.querySelectorAll('textarea'));
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/account-roles-permissions.html b/public_html/raven-demo/account-roles-permissions.html
new file mode 100644
index 0000000..3949416
--- /dev/null
+++ b/public_html/raven-demo/account-roles-permissions.html
@@ -0,0 +1,1695 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdn.datatables.net/2.3.3/css/dataTables.dataTables.css">
+    <link rel="stylesheet" href="https://cdn.datatables.net/select/3.0.1/css/select.dataTables.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item active">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 pt-4 pb-4 flex items-center justify-between">
+            <h2 class="text-lg">Roles & Permissions</h2>
+            <button type="button" class="btn btn-sm bg-primary text-white hover:bg-primary-deep">Create Role</button>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-4">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="p-4">
+                        <div class="flex items-center gap-2 mb-2">
+                            <span class="icon-[lucide--crown] text-lg text-primary"></span>
+                            <h5 class="text-lg">Admin</h5>
+                        </div>
+                        <p class="mb-4">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing.
+                        </p>
+                        <div class="flex items-center justify-between">
+                            <div class="flex items-center -space-x-2 shrink-0">
+                                <img alt="" src="images/avatars/thumb-1.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                                <img alt="" src="images/avatars/thumb-2.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                                <img alt="" src="images/avatars/thumb-6.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                            </div>
+                            <div>
+                                <button data-bs-toggle="modal" data-bs-target="#modalEditRole"
+                                    class="btn btn-sm btn-default gap-1"><span
+                                        class="icon-[lucide--edit]"></span> Edit role</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="p-4">
+                        <div class="flex items-center gap-2 mb-2">
+                            <span class="icon-[lucide--user-check] text-lg text-blue-500"></span>
+                            <h5 class="text-lg">Superwiser</h5>
+                        </div>
+                        <p class="mb-4">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing.
+                        </p>
+                        <div class="flex items-center justify-between">
+                            <div class="flex items-center -space-x-2 shrink-0">
+                                <img alt="" src="images/avatars/thumb-3.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                                <img alt="" src="images/avatars/thumb-5.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                                <img alt="" src="images/avatars/thumb-7.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                            </div>
+                            <div>
+                                <button data-bs-toggle="modal" data-bs-target="#modalEditRole"
+                                    class="btn btn-sm btn-default gap-1"><span
+                                        class="icon-[lucide--edit]"></span> Edit role</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="p-4">
+                        <div class="flex items-center gap-2 mb-2">
+                            <span class="icon-[lucide--headset] text-lg text-red-500"></span>
+                            <h5 class="text-lg">Support</h5>
+                        </div>
+                        <p class="mb-4">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing.
+                        </p>
+                        <div class="flex items-center justify-between">
+                            <div class="flex items-center -space-x-2 shrink-0">
+                                <img alt="" src="images/avatars/thumb-3.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                                <img alt="" src="images/avatars/thumb-4.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                                <img alt="" src="images/avatars/thumb-8.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                            </div>
+                            <div>
+                                <button data-bs-toggle="modal" data-bs-target="#modalEditRole"
+                                    class="btn btn-sm btn-default gap-1"><span
+                                        class="icon-[lucide--edit]"></span> Edit role</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="p-4">
+                        <div class="flex items-center gap-2 mb-2">
+                            <span class="icon-[lucide--scan-face] text-lg"></span>
+                            <h5 class="text-lg">Guest</h5>
+                        </div>
+                        <p class="mb-4">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing.
+                        </p>
+                        <div class="flex items-center justify-between">
+                            <div class="flex items-center -space-x-2 shrink-0">
+                                <img alt="" src="images/avatars/thumb-2.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                                <img alt="" src="images/avatars/thumb-4.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                                <img alt="" src="images/avatars/thumb-10.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                            </div>
+                            <div>
+                                <button data-bs-toggle="modal" data-bs-target="#modalEditRole"
+                                    class="btn btn-sm btn-default gap-1"><span
+                                        class="icon-[lucide--edit]"></span> Edit role</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="py-4 flex items-center justify-between">
+                <h5 class="text-lg">All members</h5>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+
+                <div
+                    class="flex flex-wrap gap-2 items-center px-4 pt-4 pb-2 border-b border-zinc-500/10 dark:border-zinc-800">
+                    <!--:Table:-->
+                    <div class="flex-grow relative">
+                        <input type="search" class="input !ps-9" name="memberSearch" id="memberSearch"
+                            placeholder="Filter members by name, roles, plans, and status">
+                        <span class=" text-sm absolute start-0 top-0 flex items-center justify-center h-full w-9">
+                            <span class="icon-[lucide--sliders-horizontal]"></span>
+                        </span>
+
+                    </div>
+                    <div class="flex items-center flex-wrap justify-end gap-2">
+                        <button id="deleteBtn" class="btn bg-red-500 text-white hover:bg-red-600"
+                            style="display: none;">Delete</button>
+                        <div class="flex items-center gap-2">
+                            <div class="relative">
+                                <button data-bs-toggle="dropdown" type="button"
+                                    class="btn bg-sky-500 text-white hover:bg-sky-600">
+                                    <span class="icon-[lucide--download] text-lg me-1"></span>
+                                    Download <span class="icon-[lucide--chevron-down] ms-1"></span></button>
+                                <div class="dropdown-menu w-48 z-50 absolute !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--copy] dropdown-icon"></span> Copy Json
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--printer] dropdown-icon"></span> Print
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <img src="images/files/excel.svg" class="h-4 me-2" alt=""> Download Exel
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <img src="images/files/csv.svg" class="h-4 me-2" alt=""> Download .CSV
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <img src="images/files/pdf.svg" class="h-4 w-auto me-2" alt=""> Download .PDF
+                                    </a>
+                                </div>
+                            </div>
+                            <a href="#!" class="btn bg-primary shrink-0 text-white hover:bg-primary-deep">
+                                <span class="icon-[lucide--user-plus] text-lg me-1"></span>
+                                Add New member</a>
+                        </div>
+                    </div>
+                </div>
+                <table id="table_memebers" class="table-default">
+                    <thead>
+                        <tr>
+                            <th data-orderable="false">
+
+                            </th>
+                            <th>
+                                <div class="flex items-center gap-2">
+                                    Id
+                                </div>
+                            </th>
+                            <th>
+                                <div class="flex items-center gap-2">
+                                    User
+                                </div>
+                            </th>
+                            <th>
+                                <div class="flex items-center gap-2">
+                                    Status
+                                </div>
+                            </th>
+                            <th>
+                                <div class="flex items-center gap-2">
+                                    Role
+                                </div>
+                            </th>
+                            <th>
+                                <div class="flex items-center gap-2">
+                                    Plan
+                                </div>
+                            </th>
+                            <th data-orderable="false"></th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>#USR292811</td>
+                            <td>
+                                <div class="flex items-center">
+                                    <div class="flex flex-nowrap items-center gap-2.5">
+                                        <img alt="" src="images/avatars/thumb-4.jpg"
+                                            class="size-6 rounded-full shrink-0">
+                                        <div class="flex-grow">
+                                            <h6>Caleb Michael Stone</h6>
+                                            <p class="text-muted text-sm">caleb.michael@gmail.com</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>
+                                <span class="badge bg-green-500/10 text-green-500">Active</span>
+                            </td>
+                            <td>
+                                <div class="flex items-center">
+                                    <span class="icon-[lucide--crown] text-lg text-primary me-2"></span> Admin
+                                </div>
+                            </td>
+                            <td>Enterprise</td>
+                            <td>
+                                <div>
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown"
+                                        aria-expanded="false">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-32 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--eye] dropdown-icon"></span>
+                                            Details
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Edit
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>#USR872843</td>
+                            <td>
+                                <div class="flex items-center">
+                                    <div class="flex flex-nowrap items-center gap-2.5">
+                                        <img alt="" src="images/avatars/thumb-7.jpg"
+                                            class="size-6 rounded-full shrink-0">
+                                        <div class="flex-grow">
+                                            <h6>Elias Matthew Carter</h6>
+                                            <p class="text-muted text-sm">elias.matthew@gmail.com</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>
+                                <span class="badge bg-green-500/10 text-green-500">Active</span>
+                            </td>
+                            <td>
+                                <div class="flex items-center">
+                                    <span class="icon-[lucide--user-check] text-lg me-2 text-blue-500"></span>
+                                    Superwiser
+                                </div>
+                            </td>
+                            <td>Team</td>
+                            <td>
+                                <div>
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown"
+                                        aria-expanded="false">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-32 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--eye] dropdown-icon"></span>
+                                            Details
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Edit
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>#USR364829</td>
+                            <td>
+                                <div class="flex items-center">
+                                    <div class="flex flex-nowrap items-center gap-2.5">
+                                        <img alt="" src="images/avatars/thumb-8.jpg"
+                                            class="size-6 rounded-full shrink-0">
+                                        <div class="flex-grow">
+                                            <h6>Gabriel Thomas</h6>
+                                            <p class="text-muted text-sm">gabriel.thomas@gmail.com</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>
+                                <span class="badge bg-zinc-300/10 text-muted">Inactive</span>
+                            </td>
+                            <td>
+                                <div class="flex items-center">
+                                    <span class="icon-[lucide--headset] me-2 text-lg text-red-500"></span>
+                                    Support
+                                </div>
+                            </td>
+                            <td>Team</td>
+                            <td>
+                                <div>
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown"
+                                        aria-expanded="false">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-32 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--eye] dropdown-icon"></span>
+                                            Details
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Edit
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>#USR009847</td>
+                            <td>
+                                <div class="flex items-center">
+                                    <div class="flex flex-nowrap items-center gap-2.5">
+                                        <img alt="" src="images/avatars/thumb-5.jpg"
+                                            class="size-6 rounded-full shrink-0">
+                                        <div class="flex-grow">
+                                            <h6>Theodore Paul</h6>
+                                            <p class="text-muted text-sm">theodore.paul@gmail.com</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>
+                                <span class="badge bg-green-500/10 text-green-500">Active</span>
+                            </td>
+                            <td>
+                                <div class="flex items-center">
+                                    <span class="icon-[lucide--crown] text-lg text-primary me-2"></span> Admin
+                                </div>
+                            </td>
+                            <td>Enterprise</td>
+                            <td>
+                                <div>
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown"
+                                        aria-expanded="false">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-32 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--eye] dropdown-icon"></span>
+                                            Details
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Edit
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>#USR200987</td>
+                            <td>
+                                <div class="flex items-center">
+                                    <div class="flex flex-nowrap items-center gap-2.5">
+                                        <img alt="" src="images/avatars/thumb-1.jpg"
+                                            class="size-6 rounded-full shrink-0">
+                                        <div class="flex-grow">
+                                            <h6>Elizabeth Wilson</h6>
+                                            <p class="text-muted text-sm">elizabeth.wilson@gmail.com</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>
+                                <span class="badge bg-orange-500/10 text-orange-500">Pending</span>
+                            </td>
+                            <td>
+                                <div class="flex items-center">
+                                    <span class="icon-[lucide--scan-face] text-lg me-2"></span> Guest
+                                </div>
+                            </td>
+                            <td>Team</td>
+                            <td>
+                                <div>
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown"
+                                        aria-expanded="false">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-32 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--eye] dropdown-icon"></span>
+                                            Details
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Edit
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>#USR765434</td>
+                            <td>
+                                <div class="flex items-center">
+                                    <div class="flex flex-nowrap items-center gap-2.5">
+                                        <img alt="" src="images/avatars/thumb-9.jpg"
+                                            class="size-6 rounded-full shrink-0">
+                                        <div class="flex-grow">
+                                            <h6>Andrew Noel</h6>
+                                            <p class="text-muted text-sm">andrew.noel@gmail.com</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>
+                                <span class="badge bg-zinc-300/10 text-muted">Inactive</span>
+                            </td>
+                            <td>
+                                <div class="flex items-center">
+                                    <span class="icon-[lucide--headset] me-2 text-lg text-red-500"></span>
+                                    Support
+                                </div>
+                            </td>
+                            <td>Basic</td>
+                            <td>
+                                <div>
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown"
+                                        aria-expanded="false">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-32 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--eye] dropdown-icon"></span>
+                                            Details
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Edit
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </main>
+
+    <!--:Modal New chat users list:-->
+    <div id="modalEditRole" role="dialog"
+        class="modal fade fixed w-full h-full left-0 top-0 z-[60] hidden [&.show]:flex  overflow-y-auto" tabindex="-1">
+        <div class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+            <div class="modal-content max-w-4xl mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                <div class="flex items-center justify-between px-4 py-4">
+                    <div class="flex-grow">
+                        <h5 class="text-lg mb-2">Admin</h5>
+                        <p class="text-muted">Edit roles of Admin</p>
+                    </div>
+                    <button type="button" class=" size-8 rounded-full btn btn-default !p-0" data-bs-dismiss="modal">
+                        <span class="icon-[lucide--x] text-lg"></span>
+                    </button>
+                </div>
+                <ul class="flex flex-col divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                    <!--:Role:-->
+                    <li class="px-4 py-3 flex flex-col sm:flex-row sm:items-center gap-3.5">
+                        <div class="flex items-center overflow-hidden gap-3.5 flex-grow">
+                            <div
+                                class="size-10 shrink-0 rounded-lg flex items-center justify-center border border-zinc-200 dark:border-zinc-800 text-primary">
+                                <span class="icon-[lucide--user-check] text-xl"></span>
+                            </div>
+                            <div class="flex-grow overflow-hidden">
+                                <div>
+                                    <h5 class="truncate mb-1">User management</h5>
+                                <p class="truncate text-sm">Access control for user management</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex items-center shrink-0 gap-2 sm:justify-end">
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 active group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Read</button>
+                            </div>
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 active group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Write</button>
+                            </div>
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 active group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Delete</button>
+                            </div>
+                        </div>
+                    </li>
+                    <!--:Role:-->
+                    <li class="px-4 py-3 flex flex-col sm:flex-row sm:items-center gap-3.5">
+                        <div class="flex items-center overflow-hidden gap-3.5 flex-grow">
+                            <div
+                                class="size-10 shrink-0 rounded-lg flex items-center justify-center border border-zinc-200 dark:border-zinc-800 text-primary">
+                                <span class="icon-[lucide--file-chart-line] text-xl"></span>
+                            </div>
+                            <div class="flex-grow overflow-hidden">
+                                <div>
+                                    <h5 class="truncate mb-1">Reports</h5>
+                                <p class="truncate text-sm">Access control for generating reports</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex items-center shrink-0 gap-2 sm:justify-end">
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 active group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Read</button>
+                            </div>
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Write</button>
+                            </div>
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Delete</button>
+                            </div>
+                        </div>
+                    </li>
+                    <!--:Role:-->
+                    <li class="px-4 py-3 flex flex-col sm:flex-row sm:items-center gap-3.5">
+                        <div class="flex items-center overflow-hidden gap-3.5 flex-grow">
+                            <div
+                                class="size-10 shrink-0 rounded-lg flex items-center justify-center border border-zinc-200 dark:border-zinc-800 text-primary">
+                                <span class="icon-[lucide--database-backup] text-xl"></span>
+                            </div>
+                            <div class="flex-grow overflow-hidden">
+                                <div>
+                                    <h5 class="truncate mb-1">System configurations</h5>
+                                <p class="truncate text-sm">Access control for system settings</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex items-center shrink-0 gap-2 sm:justify-end">
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 active group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Read</button>
+                            </div>
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 active group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Write</button>
+                            </div>
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Delete</button>
+                            </div>
+                        </div>
+                    </li>
+                    <!--:Role:-->
+                    <li class="px-4 py-3 flex flex-col sm:flex-row sm:items-center gap-3.5">
+                        <div class="flex items-center overflow-hidden gap-3.5 flex-grow">
+                            <div
+                                class="size-10 shrink-0 rounded-lg flex items-center justify-center border border-zinc-200 dark:border-zinc-800 text-primary">
+                                <span class="icon-[lucide--folder-git-2] text-xl"></span>
+                            </div>
+                            <div class="flex-grow overflow-hidden">
+                                <div>
+                                    <h5 class="truncate mb-1">File management</h5>
+                                <p class="truncate text-sm">Access control for file management</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex items-center shrink-0 gap-2 sm:justify-end">
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 active group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Read</button>
+                            </div>
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Write</button>
+                            </div>
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Delete</button>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+                <!--:Footer:-->
+                <div class="px-4 py-4 flex items-center justify-end gap-2">
+                    <button type="button" class="btn btn-default" data-bs-dismiss="modal">Cancel</button>
+                    <button type="button" class="btn bg-zinc-700 text-white hover:bg-zinc-800">Update</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Page scripts:-->
+
+    <script src="vendor/js/jquery.min.js"></script>
+    <script src="https://cdn.datatables.net/2.3.3/js/dataTables.js"></script>
+    <script src="https://cdn.datatables.net/select/3.0.1/js/dataTables.select.js"></script>
+    <script src="https://cdn.datatables.net/select/3.0.1/js/select.dataTables.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const table = new DataTable('#table_memebers', {
+                lengthChange: false,
+                pageLength: 9,
+                scrollX: true,
+                dom: 'lrtip',
+                columnDefs: [
+                    {
+                        orderable: false,
+                        searchable: false,
+                        render: DataTable.render.select(),
+                        targets: 0,
+                    }
+                ],
+                select: {
+                    style: 'os',
+                    selector: 'td:first-child',
+                    headerCheckbox: false
+                },
+                order: [[1, 'asc']],
+
+            });
+            const searchInput = document.getElementById('memberSearch');
+            searchInput.addEventListener('input', e => {
+                table.search(e.target.value).draw();
+            });
+            const deleteBtn = document.getElementById("deleteBtn");
+            table.on('select deselect', function () {
+                const selectedRows = table.rows({ selected: true }).count();
+                if (selectedRows > 0) {
+                    deleteBtn.style.display = "inline-block";
+                } else {
+                    deleteBtn.style.display = "none";
+                }
+            });
+            deleteBtn.addEventListener('click', () => {
+                table.rows({ selected: true }).remove().draw();
+                deleteBtn.style.display = 'none';
+            });
+        });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/account-security.html b/public_html/raven-demo/account-security.html
new file mode 100644
index 0000000..dd1fdf4
--- /dev/null
+++ b/public_html/raven-demo/account-security.html
@@ -0,0 +1,1122 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Sweet alert:-->
+  <link rel="stylesheet" href="vendor/css/sweetalert2.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item active">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-0">Security</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div
+                class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 lg:gap-8 mb-4">
+                    <div class="md:col-span-4 lg:col-span-3">
+                        <!--:Navbar:-->
+                        <nav class="flex flex-col space-y-0.5">
+                            <a href="account-settings.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--user] text-lg"></span>
+                                Profile
+                            </a>
+                            <a href="account-security.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--shield-check] text-lg"></span>
+                                Security
+                            </a>
+                            <a href="account-notifications.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--bell] text-lg"></span>
+                                Notifications
+                            </a>
+                            <a href="account-billing.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--credit-card] text-lg"></span>
+                                Billing
+                            </a>
+                            <a href="account-integration.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--component] text-lg"></span>
+                                 Integrations
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9">
+                       <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                         <div class="px-4 pt-4">
+                            <h5 class="text-lg">Password</h5>
+                         </div>
+                        <div class="p-4">
+                            <form id="form_reset_password" autocomplete="off" novalidate="novalidate">
+                            <div class="mb-4">
+                                <label for="userCurrentPassword" class="block mb-1">Current Password</label>
+                                <input id="userCurrentPassword" name="currentPassword" type="password" class="input"
+                                    placeholder="Current password">
+                            </div>
+                            <div class="mb-4">
+                                <label for="userNewPassword" class="block mb-1">New Password</label>
+                                <input id="userNewPassword" name="newPassword" type="password" class="input" placeholder="New password">
+                            </div>
+                            <div class="mb-4">
+                                <label for="userConfirmNewPassword" class="block mb-1">Confirm New
+                                    Password</label>
+                                <input id="userConfirmNewPassword" name="confirmPassword" type="password" class="input"
+                                    placeholder="Confirm new password">
+                            </div>
+                            <div class="text-right">
+                                <button type="submit"
+                                    class="btn bg-primary text-white hover:bg-primary-deep">Update</button>
+                            </div>
+                        </form>
+                        </div>
+                       </div>
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">2-Step verification</h5>
+                            </div>
+                            <ul class="flex flex-col space-y-5 p-4 divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                                <li class="flex items-center gap-3.5 pb-4">
+                                    <div class="flex items-center gap-3.5 flex-grow">
+                                        <img alt="" src="images/brands/google.svg" class="w-8 h-auto shrink-0">
+                                        <div class="flex-grow">
+                                            <h5>
+                                                Google Authenticator
+                                            </h5>
+                                            <p class="text-muted">Using Google Authenticator app
+                                                generates time-sensitive codes for secure logins.</p>
+                                        </div>
+                                    </div>
+                                    <div class="shrink-0 text-right">
+                                        <input type="radio" class="input-radio" name="2StepVarification" checked id="2StepGoogle">
+                                    </div>
+                                </li>
+                                 <li class="flex items-center gap-3.5">
+                                    <div class="flex items-center gap-3.5 flex-grow">
+                                        <div class="shrink-0 size-8 flex items-center justify-center bg-primary text-white rounded-full">
+                                           <span class="icon-[lucide--mail] text-lg"></span>
+                                        </div>
+                                        <div class="flex-grow">
+                                            <h5>
+                                                E Mail Verification
+                                            </h5>
+                                            <p class="text-muted">Unique codes sent to email for confirming logins.</p>
+                                        </div>
+                                    </div>
+                                    <div class="shrink-0 text-right">
+                                        <input type="radio" class="input-radio" name="2StepVarification" id="2StepEmail">
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+<script src="vendor/js/sweetalert2.all.min.js"></script>
+ <script src="vendor/js/just-validate.production.min.js"></script>
+
+ <script>
+function updatePassword() {
+    Swal.fire({
+      icon: 'success',
+      title: 'Password Updated',
+      text: '🔒 Password updated successfully!',
+      toast: true,
+      position: 'top-end',
+      showConfirmButton: false,
+      timer: 4000,
+      timerProgressBar: true,
+      showCloseButton: true,
+      closeButtonHtml: '<span class="icon-[lucide--x]"></span>'
+    });
+  }
+
+  const validation = new JustValidate('#form_reset_password');
+
+  validation
+    .addField('#userCurrentPassword', [
+      {
+        rule: 'required',
+        errorMessage: 'Enter current password',
+      },
+    ])
+    .addField('#userNewPassword', [
+      {
+        rule: 'required',
+        errorMessage: 'Enter new password',
+      },
+      {
+        rule: 'minLength',
+        value: 2,
+        errorMessage: 'Password must be at least 2 characters',
+      },
+    ])
+    .addField('#userConfirmNewPassword', [
+      {
+        validator: (value, fields) => {
+          return value === fields['#userNewPassword'].elem.value;
+        },
+        errorMessage: 'Passwords do not match',
+      },
+    ])
+    .onSuccess((event) => {
+      event.preventDefault();
+      updatePassword(); 
+    });
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/account-settings.html b/public_html/raven-demo/account-settings.html
new file mode 100644
index 0000000..975f068
--- /dev/null
+++ b/public_html/raven-demo/account-settings.html
@@ -0,0 +1,1113 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+     <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+      <!--:Sweet alert:-->
+  <link rel="stylesheet" href="vendor/css/sweetalert2.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item active">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-0">Settings</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 lg:gap-8 mb-4">
+                    <div class="md:col-span-4 lg:col-span-3">
+                        <!--:Navbar:-->
+                        <nav class="flex flex-col space-y-0.5">
+                            <a href="account-settings.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--user] text-lg"></span>
+                                Profile
+                            </a>
+                            <a href="account-security.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--shield-check] text-lg"></span>
+                                Security
+                            </a>
+                            <a href="account-notifications.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--bell] text-lg"></span>
+                                Notifications
+                            </a>
+                            <a href="account-billing.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--credit-card] text-lg"></span>
+                                Billing
+                            </a>
+                            <a href="account-integration.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--component] text-lg"></span>
+                                Integrations
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9">
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4">
+                            <h5 class="text-lg mb-5">Personal Information</h5>
+                            <div class="flex flex-wrap items-center gap-3.5 mb-5">
+                                <img alt="" src="images/avatars/thumb-1.jpg"
+                                    class="size-16 shadow-lg shrink-0 rounded-full">
+                                <label for="upload_profile">
+                                    <input type="file" id="upload_profile" class="appearance-none hidden">
+                                    <button type="button"
+                                        class="btn btn-sm bg-primary hover:bg-primary-deep text-white">Change
+                                        Image</button>
+                                </label>
+                                <button type="button" class="btn btn-sm btn-default">Remove</button>
+                            </div>
+                            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-4">
+                                <div>
+                                    <label for="userFName" class="mb-1 block">First Name</label>
+                                    <input id="userFName" type="text" class="input" value="Emily Docker">
+                                </div>
+                                <div>
+                                    <label for="userName" class="mb-1 block">Username</label>
+                                    <input id="userName" type="text" class="input" value="@emily23">
+                                </div>
+                            </div>
+                            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-7">
+                                <div>
+                                    <label for="userEmail" class="mb-1 block">Email</label>
+                                    <input id="userEmail" type="email" class="input" value="emily.d@mail.com">
+                                </div>
+                                <div>
+                                    <label for="userPhone" class="mb-1 block">Phone</label>
+                                    <input id="userPhone" type="text" class="input" value="1234567890">
+                                </div>
+                            </div>
+                            <h5 class="text-lg mb-5">Address Information</h5>
+                            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-5">
+                                <div>
+                                    <label class="mb-1 block">Country</label>
+                                    <div class="relative">
+                                        <select class="js-select"
+                                            placeholder="Select a country">
+                                            <option value="United States" selected>United States</option>
+                                            <option value="India">India</option>
+                                            <option value="Germany">Germany</option>
+                                            <option value="Australia">Australia</option>
+                                            <option value="France">France</option>
+                                            <option value="United Kingdom">United Kingdom</option>
+                                            <option value="Italy">Italy</option>
+                                            <option value="Spain">Spain</option>
+                                            <option value="Japan">Japan</option>
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="grid grid-cols-1 gap-4 mb-5">
+                                <div>
+                                    <label for="userAddress" class="mb-1 block">Address</label>
+                                    <input id="userAddress" type="text" class="input" value="2730 Lorem Street CA">
+                                </div>
+                            </div>
+                            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-5">
+                                <div>
+                                    <label for="userCity" class="mb-1 block">City</label>
+                                    <input id="userCity" type="text" class="input" value="Sans Fransisco">
+                                </div>
+                                <div>
+                                    <label for="userPostalCode" class="mb-1 block">Postal Code</label>
+                                    <input id="userPostalCode" type="text" class="input" value="27403">
+                                </div>
+                            </div>
+                            <!--:Button:-->
+                            <div class="text-right">
+                                <button onclick="saveProfile()" type="button" class="btn bg-primary text-white hover:bg-primary-deep">Save
+                                    changes</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--Select box-->
+      <script src="vendor/js/tom-select.complete.min.js"></script>
+      <script>
+        document.querySelectorAll('.js-select').forEach(select => {
+    new TomSelect(select, {
+        maxItems: 1,
+        create: false,
+        searchField: [],
+        controlInput: null
+    });
+});
+      </script>
+
+      <!--:Profile update notification:-->
+    <script src="vendor/js/sweetalert2.all.min.js"></script>
+    <script>
+
+        function saveProfile() {
+           Swal.fire({
+      icon: 'success',
+      title: '🧑‍🦱 Profile updated successfully!',
+      toast: true,
+      position: 'top-end',
+      showConfirmButton: false,
+      timer: 4000,
+      timerProgressBar: true,
+      showCloseButton: true,
+      closeButtonHtml: '<span class="icon-[lucide--x]"></span>'
+    });
+        }
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/advanceui-sortablejs.html b/public_html/raven-demo/advanceui-sortablejs.html
new file mode 100644
index 0000000..df8853d
--- /dev/null
+++ b/public_html/raven-demo/advanceui-sortablejs.html
@@ -0,0 +1,1283 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item advanceUI_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item advanceUI_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item advanceUI_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item advanceUI_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item active">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <div class="flex items-end gap-2 mb-3">
+                <h2 class="text-xl">Sortable Js</h2>
+                <a class="text-xs text-primary" href="https://sortablejs.github.io/Sortable/" target="_blank">Official
+                    Docs</a>
+            </div>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Advance UI</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Sortable Js</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 mb-4">
+                <h5 class="text-lg mb-4">Cards
+            </h5>
+            <div class="grid grid-cols-2 lg:grid-cols-4 gap-4" id="sortable-cards">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-lg p-4">
+                    <h5 class="text-lg">
+                        Sortable Card 1
+                    </h5>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-lg p-4">
+                    <h5 class="text-lg">
+                        Sortable Card 2
+                    </h5>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-lg p-4">
+                    <h5 class="text-lg">
+                        Sortable Card 3
+                    </h5>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-lg p-4">
+                    <h5 class="text-lg">
+                        Sortable Card 4
+                    </h5>
+                </div>
+            </div>
+            </div>
+             <div class="grid grid-cols-1 gap-4 mb-4" id="sortable-images">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4">
+                    <h5 class="text-lg mb-4">
+                        Images
+                    </h5>
+                    <!--:Sortable:-->
+                    <div class="flex flex-wrap gap-2 mb-2" id="image-list-1">
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-1.jpg" class="size-10 rounded-full">
+                        </div>
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-2.jpg" class="size-10 rounded-full">
+                        </div>
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-3.jpg" class="size-10 rounded-full">
+                        </div>
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-4.jpg" class="size-10 rounded-full">
+                        </div>
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-5.jpg" class="size-10 rounded-full">
+                        </div>
+                    </div>
+                     <!--:Sortable:-->
+                    <div class="flex flex-wrap gap-2" id="image-list-2">
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-6.jpg" class="size-10 rounded-full">
+                        </div>
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-7.jpg" class="size-10 rounded-full">
+                        </div>
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-8.jpg" class="size-10 rounded-full">
+                        </div>
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-9.jpg" class="size-10 rounded-full">
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 mb-4">
+                <h5 class="text-lg mb-4">Multiple list
+            </h5>
+            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                <div>
+                     <p class="text-muted mb-4">Pending</p>
+                <ul class="flex flex-col divide-y divide-zinc-200 dark:divide-zinc-800" id="pending-tasks">
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <img src="images/avatars/thumb-1.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Sunt in culpa qui officia deserunt mollit
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <img src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Tempus leo eu aenean sed diam urna
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <img src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Pulvinar vivamus fringilla lacus nec
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <img src="images/avatars/thumb-4.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Ad litora torquent per conubia nostra
+                        </p>
+                    </li>
+                </ul>
+                </div>
+                <div>
+                    <p class="text-muted mb-4">Completed</p>
+                    <ul class="flex flex-col divide-y divide-zinc-200 dark:divide-zinc-800" id="completed-tasks">
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <img src="images/avatars/thumb-5.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Duis aute irure dolor in reprehenderit in voluptate velit esse
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <img src="images/avatars/thumb-6.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Enim ad minim veniam, quis nostrud exercitation
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <img src="images/avatars/thumb-7.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Duis aute irure dolor in reprehenderit 
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <img src="images/avatars/thumb-8.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Excepteur sint occaecat cupidatat non proident
+                        </p>
+                    </li>
+                </ul>
+                </div>
+            </div>
+            </div>
+
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 mb-4">
+                <h5 class="text-lg mb-4">Handle
+            </h5>
+            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                <div>
+                     <p class="text-muted mb-4">Pending</p>
+                <ul class="flex flex-col divide-y divide-zinc-200 dark:divide-zinc-800" id="handle-list-1">
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <!--:handle:-->
+                        <span class="shrink-0 text-muted drag-handle cursor-move size-5 flex items-center justify-center">
+                            <span class="icon-[lucide--move]"></span>
+                        </span>
+                        <img src="images/avatars/thumb-1.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Sunt in culpa qui officia deserunt mollit
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                       <!--:handle:-->
+                        <span class="shrink-0 text-muted drag-handle cursor-move size-5 flex items-center justify-center">
+                            <span class="icon-[lucide--move]"></span>
+                        </span>
+                        <img src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Tempus leo eu aenean sed diam urna
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <!--:handle:-->
+                        <span class="shrink-0 text-muted drag-handle cursor-move size-5 flex items-center justify-center">
+                            <span class="icon-[lucide--move]"></span>
+                        </span>
+                        <img src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Pulvinar vivamus fringilla lacus nec
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <!--:handle:-->
+                        <span class="shrink-0 text-muted drag-handle cursor-move size-5 flex items-center justify-center">
+                            <span class="icon-[lucide--move]"></span>
+                        </span>
+                        <img src="images/avatars/thumb-4.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Ad litora torquent per conubia nostra
+                        </p>
+                    </li>
+                </ul>
+                </div>
+                <div>
+                    <p class="text-muted mb-4">Completed</p>
+                    <ul class="flex flex-col divide-y divide-zinc-200 dark:divide-zinc-800" id="handle-list-2">
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <!--:handle:-->
+                        <span class="shrink-0 text-muted drag-handle cursor-move size-5 flex items-center justify-center">
+                            <span class="icon-[lucide--move]"></span>
+                        </span>
+                        <img src="images/avatars/thumb-5.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Duis aute irure dolor in reprehenderit in voluptate velit esse
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <!--:handle:-->
+                        <span class="shrink-0 text-muted drag-handle cursor-move size-5 flex items-center justify-center">
+                            <span class="icon-[lucide--move]"></span>
+                        </span>
+                        <img src="images/avatars/thumb-6.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Enim ad minim veniam, quis nostrud exercitation
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <!--:handle:-->
+                        <span class="shrink-0 text-muted drag-handle cursor-move size-5 flex items-center justify-center">
+                            <span class="icon-[lucide--move]"></span>
+                        </span>
+                        <img src="images/avatars/thumb-7.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Duis aute irure dolor in reprehenderit 
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <!--:handle:-->
+                        <span class="shrink-0 text-muted drag-handle cursor-move size-5 flex items-center justify-center">
+                            <span class="icon-[lucide--move]"></span>
+                        </span>
+                        <img src="images/avatars/thumb-8.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Excepteur sint occaecat cupidatat non proident
+                        </p>
+                    </li>
+                </ul>
+                </div>
+            </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Sortable js:-->
+    <script src="vendor/js/Sortable.min.js"></script>
+    <script>
+        document.addEventListener("DOMContentLoaded", function () {
+            // Get elements
+            var sortableCards = document.getElementById("sortable-cards"),
+                pendingTasks = document.getElementById("pending-tasks"),
+                completedTasks = document.getElementById("completed-tasks"),
+                handleList1 = document.getElementById("handle-list-1"),
+                handleList2 = document.getElementById("handle-list-2"),
+                imageList1 = document.getElementById("image-list-1"),
+                imageList2 = document.getElementById("image-list-2");
+
+            // Basic sortable list
+            if (sortableCards) {
+                Sortable.create(sortableCards);
+            }
+
+            // Image lists (shared group)
+            if (imageList1) {
+                Sortable.create(imageList1, {
+                    animation: 150,
+                    group: "imgList"
+                });
+            }
+
+            if (imageList2) {
+                Sortable.create(imageList2, {
+                    animation: 150,
+                    group: "imgList"
+                });
+            }
+
+            // Task lists
+            if (pendingTasks) {
+                Sortable.create(pendingTasks, {
+                    animation: 150,
+                    group: "taskList"
+                });
+            }
+
+            if (completedTasks) {
+                Sortable.create(completedTasks, {
+                    animation: 150,
+                    group: "taskList"
+                });
+            }
+
+            // Handle-based drag lists
+            if (handleList1) {
+                Sortable.create(handleList1, {
+                    animation: 150,
+                    group: "handleList",
+                    handle: ".drag-handle"
+                });
+            }
+
+            if (handleList2) {
+                Sortable.create(handleList2, {
+                    animation: 150,
+                    group: "handleList",
+                    handle: ".drag-handle"
+                });
+            }
+        });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/advanceui-step-wizard.html b/public_html/raven-demo/advanceui-step-wizard.html
new file mode 100644
index 0000000..a78bbd3
--- /dev/null
+++ b/public_html/raven-demo/advanceui-step-wizard.html
@@ -0,0 +1,1486 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item advanceUI_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item advanceUI_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item advanceUI_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item advanceUI_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item active">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Form step wizard</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Advance UI</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Step wizard</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 mb-4">
+                <h5 class="text-lg mb-4">Horizontal example</h5>
+                <!-- Horizontal Wizard -->
+                <div class="wizard" data-wizard>
+                    <!-- Navigation -->
+                    <ul class="nav-horizontal flex flex-nowrap nav-wizard mb-4 gap-4 md:gap-6">
+                        <li class="wizard-step nav-link flex items-center gap-3.5">
+                            <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                01
+                            </span>
+                            <div class="flex-grow">
+                                <h6>Step 1</h6>
+                                <p class="text-sm">Step 1 description</p>
+                            </div>
+                        </li>
+                        <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                            <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                02
+                            </span>
+                            <div class="flex-grow">
+                                <h6>Step 2</h6>
+                                <p class="text-sm">Step 2 description</p>
+                            </div>
+                        </li>
+                        <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                            <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                03
+                            </span>
+                            <div class="flex-grow">
+                                <h6>Step 3</h6>
+                                <p class="text-sm">Step 3 description</p>
+                            </div>
+                        </li>
+                    </ul>
+
+                    <div>
+                        <!-- Panels -->
+                        <div class="wizard-content min-h-48 p-4 bg-zinc-50 dark:bg-zinc-800 rounded-xl">
+                            <div class="wizard-panel">Content: Step 1</div>
+                            <div class="wizard-panel">Content: Step 2</div>
+                            <div class="wizard-panel">Content: Step 3</div>
+                        </div>
+
+                        <!-- Actions -->
+                        <div class="wizard-actions pt-4 flex items-center justify-between">
+                            <button class="prev-btn btn btn-default disabled:opacity-50 disabled:pointer-events-none"
+                                disabled>
+                                Previous</button>
+                            <button class="next-btn btn bg-primary text-white hover:bg-primary-deep">
+                                Next</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 mb-4">
+                <h5 class="text-lg mb-4">Vertical example</h5>
+                <!-- Vertical Wizard -->
+                <div class="wizard grid grid-cols-1 md:grid-cols-12 gap-4" data-wizard>
+                    <div class="md:col-span-4">
+                        <!-- Navigation -->
+                    <ul class="flex flex-col flex-nowrap nav-wizard mb-4 gap-4 md:gap-6">
+                        <li class="wizard-step nav-link flex items-center gap-3.5">
+                            <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                <span class="icon-[lucide--book-user] text-xl"></span>
+                            </span>
+                            <div class="flex-grow">
+                                <h6>Step 1</h6>
+                                <p class="text-sm">Step 1 description</p>
+                            </div>
+                        </li>
+                        <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                            <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                               <span class="icon-[lucide--user-cog] text-xl"></span>
+                            </span>
+                            <div class="flex-grow">
+                                <h6>Step 2</h6>
+                                <p class="text-sm">Step 2 description</p>
+                            </div>
+                        </li>
+                        <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                            <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                              <span class="icon-[lucide--user-pen] text-xl"></span>
+                            </span>
+                            <div class="flex-grow">
+                                <h6>Step 3</h6>
+                                <p class="text-sm">Step 3 description</p>
+                            </div>
+                        </li>
+                    </ul>
+                    </div>
+
+                    <div class="md:col-span-8">
+                        <!-- Panels -->
+                        <div class="wizard-content min-h-48 p-4 bg-zinc-50 dark:bg-zinc-800 rounded-xl">
+                            <div class="wizard-panel">Content: Step 1</div>
+                            <div class="wizard-panel">Content: Step 2</div>
+                            <div class="wizard-panel">Content: Step 3</div>
+                        </div>
+
+                        <!-- Actions -->
+                        <div class="wizard-actions pt-4 flex items-center justify-between">
+                            <button class="prev-btn btn btn-default disabled:opacity-50 disabled:pointer-events-none"
+                                disabled>
+                                Previous</button>
+                            <button class="next-btn btn bg-primary text-white hover:bg-primary-deep">
+                                Next</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--:Card:-->
+                <div class="rounded-xl p-6 bg-white dark:bg-zinc-900 shadow-card flex flex-col items-center justify-center mb-4">
+                    <div class="size-12 flex items-center justify-center rounded-full bg-zinc-100 dark:bg-zinc-800 mb-4">
+                       <span class="icon-[lucide--edit] text-xl"></span>
+                    </div>
+                    <h5 class="text-lg mb-1">Create App</h5>
+                    <p class="text-muted mb-4">Checkout the step-wizard real world example</p>
+                    <button type="button" data-bs-toggle="modal" data-bs-target="#modalCreateApp" class="btn bg-primary text-white hover:bg-primary-deep">Show</button>
+                </div>
+        </div>
+    </main>
+
+
+      <!--:Modal New chat users list:-->
+      <div id="modalCreateApp" role="dialog"
+          class="modal fade fixed w-full h-full left-0 top-0 z-[60] hidden [&.show]:flex  overflow-y-auto" tabindex="-1">
+          <div class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+              <div class="modal-content max-w-4xl mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                  <div class="flex items-center justify-between p-4 lg:pb-0 lg:p-6">
+                      <div class="flex-grow">
+                          <h5 class="text-lg">Create App</h5>
+                      </div>
+                      <button type="button" class=" size-8 rounded-full btn btn-default !p-0" data-bs-dismiss="modal">
+                          <span class="icon-[lucide--x] text-lg"></span>
+                      </button>
+                  </div>
+
+                  <!--:Create app wizard:-->
+                  <div class="wizard grid grid-cols-1 md:grid-cols-12 gap-4 p-4 lg:p-6" data-wizard>
+                      <div class="md:col-span-4">
+                          <!-- Navigation -->
+                          <ul class="flex flex-col flex-nowrap nav-wizard mb-4 gap-4 md:gap-6">
+                              <li class="wizard-step nav-link flex items-center gap-3.5">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--file-chart-column] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Details</h6>
+                                      <p class="text-sm">App details</p>
+                                  </div>
+                              </li>
+                              <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--box] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Frameworks</h6>
+                                      <p class="text-sm">Select app framework</p>
+                                  </div>
+                              </li>
+                              <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--database] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Database</h6>
+                                      <p class="text-sm">Select app database</p>
+                                  </div>
+                              </li>
+                              <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--credit-card] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Billing</h6>
+                                      <p class="text-sm">Provide payment details</p>
+                                  </div>
+                              </li>
+                              <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--eye] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Overview & Submit</h6>
+                                      <p class="text-sm">Check before submit</p>
+                                  </div>
+                              </li>
+                          </ul>
+                      </div>
+
+                      <div class="md:col-span-8 flex flex-col h-full">
+                          <!-- Panels -->
+                          <div class="wizard-content">
+                              <!--:Details:-->
+                              <div class="wizard-panel">
+                                  <div class="mb-4">
+                                      <span class="block mb-1">
+                                          App name
+                                      </span>
+                                      <input type="text" class="input" placeholder="App name" />
+                                  </div>
+                                  <div class="mb-4">
+                                      <span class="block mb-3">
+                                          Category
+                                      </span>
+
+                                      <!--:Categories:-->
+                                      <div
+                                          class="flex flex-col gap-2 divide-y divide-zinc-200 dark:divide-zinc-700 divide-dashed">
+                                          <!--:Category:-->
+                                          <div class="flex pb-2 items-center justify-between">
+                                              <label for="catCRM" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-amber-500/10 text-amber-500">
+                                                      <span class="icon-[lucide--file-box] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>CRM App</h6>
+                                                      <p>Scales with any business</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appCat" id="catCRM" class="input-radio" checked>
+                                          </div>
+                                          <!--:Category:-->
+                                          <div class="flex pb-2 items-center justify-between">
+                                              <label for="catEcommerce"
+                                                  class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-green-500/10 text-green-500">
+                                                      <span class="icon-[lucide--shopping-bag] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>eCommerce Platforms</h6>
+                                                      <p>Grow Your Business With App</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appCat" id="catEcommerce" class="input-radio">
+                                          </div>
+                                          <!--:Category:-->
+                                          <div class="flex items-center justify-between">
+                                              <label for="catSocial" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-pink-500/10 text-pink-500">
+                                                      <span class="icon-[lucide--at-sign] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>Social</h6>
+                                                      <p>Track your social accounts</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appCat" id="catSocial" class="input-radio">
+                                          </div>
+                                      </div>
+                                  </div>
+                              </div>
+
+
+                              <!--:Framework:-->
+                              <div class="wizard-panel">
+                                  <span class="block mb-3">
+                                      Select Framework
+                                  </span>
+
+                                  <!--:Frameworks:-->
+                                  <div
+                                      class="flex flex-col gap-2 divide-y divide-zinc-200 dark:divide-zinc-700 divide-dashed">
+                                      <!--:Framework:-->
+                                      <div class="flex pb-2 items-center justify-between">
+                                          <label for="frameworkHTML" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                              <div
+                                                  class="flex items-center justify-center size-12 rounded-lg bg-amber-500/10 text-amber-500">
+                                                  <span class="icon-[tabler--brand-html5] text-xl"></span>
+                                              </div>
+                                              <div class="flex-grow">
+                                                  <h6>HTML5</h6>
+                                                  <p>Progressive Framework</p>
+                                              </div>
+                                          </label>
+                                          <input type="radio" name="appFrameworks" id="frameworkHTML" class="input-radio"
+                                              checked>
+                                      </div>
+                                      <!--:Framework:-->
+                                      <div class="flex pb-2 items-center justify-between">
+                                          <label for="frameworkReact"
+                                              class="flex items-center gap-3 flex-grow cursor-pointer">
+                                              <div
+                                                  class="flex items-center justify-center size-12 rounded-lg bg-sky-500/10 text-sky-500">
+                                                  <span class="icon-[tabler--brand-react] text-xl"></span>
+                                              </div>
+                                              <div class="flex-grow">
+                                                  <h6>React</h6>
+                                                  <p>Create SPA apps</p>
+                                              </div>
+                                          </label>
+                                          <input type="radio" name="appFrameworks" id="frameworkReact" class="input-radio">
+                                      </div>
+                                      <!--:Framework:-->
+                                      <div class="flex pb-2 items-center justify-between">
+                                          <label for="frameworkNG" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                              <div
+                                                  class="flex items-center justify-center size-12 rounded-lg bg-pink-500/10 text-pink-500">
+                                                  <span class="icon-[tabler--brand-angular] text-xl"></span>
+                                              </div>
+                                              <div class="flex-grow">
+                                                  <h6>Angular</h6>
+                                                  <p>Create large apps</p>
+                                              </div>
+                                          </label>
+                                          <input type="radio" name="appFrameworks" id="frameworkNG" class="input-radio">
+                                      </div>
+                                      <!--:Framework:-->
+                                      <div class="flex pb-2 items-center justify-between">
+                                          <label for="frameworkVue" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                              <div
+                                                  class="flex items-center justify-center size-12 rounded-lg bg-green-500/10 text-green-500">
+                                                  <span class="icon-[tabler--brand-vue] text-xl"></span>
+                                              </div>
+                                              <div class="flex-grow">
+                                                  <h6>VueJs</h6>
+                                                  <p>Create vueJs apps</p>
+                                              </div>
+                                          </label>
+                                          <input type="radio" name="appFrameworks" id="frameworkVue" class="input-radio">
+                                      </div>
+                                  </div>
+                              </div>
+
+
+                              <!--:Database:-->
+                              <div class="wizard-panel">
+                                  <div class="mb-4">
+                                      <span class="block mb-1">
+                                          Database name
+                                      </span>
+                                      <input type="text" class="input" placeholder="Database name" />
+                                  </div>
+                                  <div class="mb-4">
+                                      <span class="block mb-3">
+                                          Select Database
+                                      </span>
+
+                                      <!--:Database list:-->
+                                      <div
+                                          class="flex flex-col gap-2 divide-y divide-zinc-200 dark:divide-zinc-700 divide-dashed">
+                                          <!--:database:-->
+                                          <div class="flex pb-2 items-center justify-between">
+                                              <label for="dataBaseFire"
+                                                  class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-orange-500/10 text-orange-500">
+                                                      <span class="icon-[tabler--brand-firebase] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>Firebase</h6>
+                                                      <p>Cloud Firestone</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appDatabase" id="dataBaseFire" class="input-radio">
+                                          </div>
+                                          <!--:database:-->
+                                          <div class="flex pb-2 items-center justify-between">
+                                              <label for="dataBaseAWS"
+                                                  class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-purple-500/10 text-purple-500">
+                                                      <span class="icon-[tabler--brand-aws] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>AWS</h6>
+                                                      <p>Amazon Fast NoSQL Database</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appDatabase" id="dataBaseAWS" class="input-radio">
+                                          </div>
+                                          <!--:database:-->
+                                          <div class="flex items-center justify-between">
+                                              <label for="dataBaseSQL"
+                                                  class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-pink-500/10 text-pink-500">
+                                                      <span class="icon-[lucide--database] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>MySQL</h6>
+                                                      <p>Basic MySQL database</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appDatabase" id="dataBaseSQL" class="input-radio"
+                                                  checked>
+                                          </div>
+                                      </div>
+                                  </div>
+                              </div>
+
+
+                              <!--:Billing:-->
+                              <div class="wizard-panel">
+                                  <p class="mb-4">Provide payment details below</p>
+                                  <div class="mb-4">
+                                      <span class="block mb-1">
+                                          Card number
+                                      </span>
+                                      <input type="text" class="input" id="cardNumber">
+                                  </div>
+                                  <div class="mb-4 flex flex-wrap -mx-4">
+                                      <div class="w-full mb-4 px-4 md:w-6/12">
+                                          <span class="block mb-1">
+                                              Name on card
+                                          </span>
+                                          <input type="text" placeholder="John Doe" class="input" id="cardHolderName">
+                                      </div>
+                                      <div class="w-full mb-4 px-4 md:w-3/12">
+                                          <span class="block mb-1">
+                                              Expiry date
+                                          </span>
+                                          <input type="text" class="input" placeholder="MM/YY" id="cardExpiry">
+                                      </div>
+                                      <div class="w-full mb-4 px-4 md:w-3/12">
+                                          <span class="block mb-1">
+                                              CVV
+                                          </span>
+                                          <input type="text" class="input" placeholder="123" id="cardCVV">
+                                      </div>
+                                  </div>
+                                  <div class="flex items-center gap-2.5">
+                                      <input type="checkbox" id="savePayment" class="input-switch">
+                                      <label for="savePayment" class="cursor-pointer text-muted">Save this card</label>
+                                  </div>
+                              </div>
+
+                              <!--:Overview & Submit:-->
+                              <div class="wizard-panel">
+                                  <div
+                                      class="flex flex-col gap-4 divide-y divide-zinc-200 dark:divide-zinc-700 divide-dashed">
+                                      <div class="pb-4">
+                                          <p>Review and click on finish to complete your new app create</p>
+                                      </div>
+                                      <div class="pb-4">
+                                          <p class="text-muted text-sm mb-1">App name:</p>
+                                          <h6>Raven Pro</h6>
+                                      </div>
+                                      <div class="pb-4">
+                                          <p class="text-muted text-sm mb-2">Framework:</p>
+                                          <div class="flex items-center gap-3.5">
+                                              <span
+                                                  class="size-8 bg-orange-500/10 text-orange-500 rounded-md flex items-center justify-center shrink-0">
+                                                  <span class="icon-[tabler--brand-angular] text-xl"></span>
+                                              </span>
+                                              <h6>Angular</h6>
+                                          </div>
+                                      </div>
+                                      <div class="pb-4">
+                                          <p class="text-muted text-sm mb-2">Database details:</p>
+                                          <div class="flex items-center gap-3.5">
+                                              <span
+                                                  class="size-8 bg-red-500/10 text-red-500 rounded-md flex items-center justify-center shrink-0">
+                                                  <span class="icon-[tabler--brand-firebase] text-xl"></span>
+                                              </span>
+                                              <h6>Firebase - ravedb</h6>
+                                          </div>
+                                      </div>
+                                      <div class="pb-4">
+                                          <p class="text-muted">
+                                              By clicking on <strong>Finish</strong>, you agree to our
+                                              <a href="#!" class="text-primary border-b border-dashed hover:text-current">
+                                                  Terms &amp; Conditions
+                                              </a>.
+                                          </p>
+                                      </div>
+                                  </div>
+                              </div>
+                          </div>
+
+                          <!-- Actions -->
+                          <div class="wizard-actions pt-4 mt-auto flex items-center justify-between">
+                              <button class="prev-btn btn btn-default disabled:opacity-50 disabled:pointer-events-none"
+                                  disabled>
+                                  Previous</button>
+                              <button class="next-btn btn bg-primary text-white hover:bg-primary-deep">
+                                  Next</button>
+                          </div>
+                      </div>
+                  </div>
+              </div>
+          </div>
+      </div>
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Create app form payment details formatter:-->
+    <script src="vendor/js/cleave.min.js"></script>
+    <script>
+        new Cleave('#cardNumber', {
+      creditCard: true,
+      onCreditCardTypeChanged: function (type) {
+        console.log('Detected card type:', type);
+        // you could show a logo here dynamically
+      }
+    });
+     // Expiry date formatting (MM/YY)
+    new Cleave('#cardExpiry', {
+      date: true,
+      datePattern: ['m', 'y']
+    });
+
+    // CVV - numeric only
+    new Cleave('#cardCVV', {
+      numeral: true,
+      numeralPositiveOnly: true,
+      numeralIntegerScale: 4 // allows 3 or 4 digits
+    });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/advanceui-sweet-alerts.html b/public_html/raven-demo/advanceui-sweet-alerts.html
new file mode 100644
index 0000000..f1545ec
--- /dev/null
+++ b/public_html/raven-demo/advanceui-sweet-alerts.html
@@ -0,0 +1,1163 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <!--:Sweet alert:-->
+  <link rel="stylesheet" href="vendor/css/sweetalert2.min.css">
+  <title>Raven - Admin Dashboard</title>
+  <link rel="icon" href="images/favicon.png" type="image/png">
+  <!--Simplebar-->
+  <link rel="stylesheet" href="vendor/css/simplebar.css">
+  <!--:Fonts:-->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+  <!--:Main Style:-->
+  <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+  class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+  <aside
+      class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+      <div class="shrink-0 h-16 px-5 flex items-center">
+          <div class="relative flex items-center justify-between w-full">
+              <a href="index.html" class="flex items-center relative z-[1]">
+                  <span
+                      class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                      <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                      fill="currentColor">
+                      <path
+                          d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                  </svg>
+                  </span>
+                  <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+              </a>
+              <!--Sidebar mini for lg screen-->
+              <button id="isSidebarMini"
+                  class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                  <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+              </button>
+          </div>
+      </div>
+      <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+          <div class="flex flex-col py-3 px-3">
+              <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                  <!--:Menu title:-->
+                  <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                  <a href="index.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                         <span class="icon-[lucide--file-chart-column]"></span>
+                      </span>
+                      <span class="sidebar-text">Analytic</span>
+                  </a>
+                  <a href="index-ecommerce.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                         <span class="icon-[lucide--shopping-bag]"></span>
+                      </span>
+                      <span class="sidebar-text">Ecommerce</span>
+                  </a>
+                  <a href="index-marketing.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                        <span class="icon-[lucide--diamond-percent]"></span>
+                      </span>
+                      <span class="sidebar-text">marketing</span>
+                  </a>
+                  <a href="index-restaurant.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                         <span class="icon-[lucide--pizza]"></span>
+                      </span>
+                      <span class="sidebar-text">Restaurant</span>
+                      <span class="ms-auto badge bg-primary text-white">New</span>
+                  </a>
+                   <a href="index-education.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                         <span class="icon-[lucide--book-open]"></span>
+                      </span>
+                      <span class="sidebar-text">Education</span>
+                  </a>
+                  <a href="index-social.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                        <span class="icon-[lucide--at-sign]"></span>
+                      </span>
+                      <span class="sidebar-text">Social</span>
+                  </a>
+                
+                  <a href="index-jobs.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                        <span class="icon-[lucide--briefcase-business]"></span>
+                      </span>
+                      <span class="sidebar-text">Jobs</span>
+                  </a>
+                  <a href="widgets.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                         <span class="icon-[lucide--wand-sparkles]"></span>
+                      </span>
+                      <span class="sidebar-text">Widgets</span> <span
+                          class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                  </a>
+                  <!--:Menu title:-->
+                  <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cApps"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--component]"></span>
+                          </span>
+                          <span class="sidebar-text">Apps</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                          class="collapse sidebar-collapse w-48 z-50 ">
+                          <div class="py-1">
+                              <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                              <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                              <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                              <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                              <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                  manager</a>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cAccount"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--circle-user-round]"></span>
+                          </span>
+                          <span class="sidebar-text">Account</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                          class="collapse sidebar-collapse w-48 z-50 ">
+                          <div class="py-1">
+                               <a href="account-profile.html"
+                                  class="sidebar-collapse-item @@account_profile">Profile</a>
+                              <a href="account-settings.html"
+                                  class="sidebar-collapse-item @@account_settings">Settings</a>
+                              <a href="account-activity-log.html"
+                                  class="sidebar-collapse-item @@account_activty">Acitivity
+                                  log</a>
+                              <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                  &
+                                  permissions</a>
+                              <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cEducation"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--book-open]"></span>
+                          </span>
+                          <span class="sidebar-text">Education</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                          class="collapse sidebar-collapse w-48 z-50 ">
+                          <div class="py-1">
+                               <a href="education-courses.html"
+                                  class="sidebar-collapse-item @@edu_courses">Courses</a>
+                              <a href="education-course-details.html"
+                                  class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                              </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cProjects"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--folder-open]"></span>
+                          </span>
+                          <span class="sidebar-text">Projects</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                  board</a>
+                              <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                              <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                              <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cProducts"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--baggage-claim]"></span>
+                          </span>
+                          <span class="sidebar-text">Products</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                              <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                              <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                              <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--users]"></span>
+                          </span>
+                          <span class="sidebar-text">Customers</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                              <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                              <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                              <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                           <span class="icon-[lucide--life-buoy]"></span>
+                          </span>
+                          <span class="sidebar-text">Help Center</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                              <a href="support-articles.html"
+                                  class="sidebar-collapse-item @@support_articles">Articles</a>
+                              <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                              <a href="support-articles-manage.html"
+                                  class="sidebar-collapse-item @@support_articles_manage">Manage
+                                  articles</a>
+                          </div>
+                      </div>
+                  </div>
+                   <!--:Menu title:-->
+                  <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--key-round]"></span>
+                          </span>
+                          <span class="sidebar-text">Auth</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                          <div class="py-1">
+                              <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                              <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                              <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                              <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cExtras"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--layers-2]"></span>
+                          </span>
+                          <span class="sidebar-text">Extras</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="page-invoice.html" class="sidebar-collapse-item advanceUI_invoice">Invoice</a>
+                              <a href="page-search-results.html" class="sidebar-collapse-item advanceUI_search">Search
+                                  results</a>
+                              <a href="page-blank.html" class="sidebar-collapse-item advanceUI_blank">Blank</a>
+                              <a href="page-error-404.html" class="sidebar-collapse-item advanceUI_404">Error 404</a>
+                          </div>
+                      </div>
+                  </div>
+                  <!--:Menu title:-->
+                  <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cLayouts"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                             <span class="icon-[lucide--layout]"></span>
+                          </span>
+                          <span class="sidebar-text">Layouts</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                              <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                              <a href="layout-horizontal.html"
+                                  class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                  <a href="layout-combo.html"
+                                  class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                          </div>
+                      </div>
+                  </div>
+                  <!--:Menu title:-->
+                  <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                  <div class="static">
+                      <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                             <span class="icon-[lucide--file-code-2]"></span>
+                          </span>
+                          <span class="sidebar-text">Components</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                              <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                              <a href="component-animation.html"
+                                  class="sidebar-collapse-item @@component_animation">Animation</a>
+                              <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                              <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                              <a href="component-breadcrum.html"
+                                  class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                              <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                              <a href="component-collapse.html"
+                                  class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                              <a href="component-dropdown.html"
+                                  class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                              <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                              <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                              <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                  <a href="component-navs.html"
+                                  class="sidebar-collapse-item @@component_navs">Navs</a>
+                                  <a href="component-offcanvas.html"
+                                      class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                  <a href="component-progress.html"
+                                      class="sidebar-collapse-item @@component_progress">Progress</a>
+                                  <a href="component-pagination.html"
+                                      class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                  <a href="component-tabbed-content.html"
+                                      class="sidebar-collapse-item @@component_tabs">Tabbed
+                                      Content</a>
+                                  <a href="component-typography.html"
+                                      class="sidebar-collapse-item @@component_typography">Typography</a>
+                                  <a href="component-tooltip.html"
+                                      class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                      popovers</a>
+                          </div>
+                      </div>
+                  </div>
+                  <a href="modal-examples.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                        <span class="icon-[lucide--app-window]"></span>
+                      </span>
+                      <span class="sidebar-text">Modal examples</span> <span
+                          class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                  </a>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                          class="sidebar-link active">
+                          <span class="sidebar-icon">
+                              <span class="icon-[lucide--award]"></span>
+                          </span>
+                          <span class="sidebar-text">Advance UI</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                          class="collapse sidebar-collapse show">
+                          <div class="py-1">
+                              <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                              <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item active">Sweet Alerts</a>
+                              <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                              <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                              <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cGraphs"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-chart-line]"></span>
+                          </span>
+                          <span class="sidebar-text">Graphs</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                              <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cForms"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--file-edit]"></span>
+                          </span>
+                          <span class="sidebar-text">Forms</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                              <a href="forms-radio-checkbox.html"
+                                  class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                  checkbox</a>
+                              <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                              <a href="forms-validation.html"
+                                  class="sidebar-collapse-item @@form_validation">Validation</a>
+                                   <a href="forms-autosize.html"
+                                  class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                  <a href="forms-cleave-js.html"
+                                  class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                          </div>
+                      </div>
+                  </div>
+                   <div class="static">
+                      <a data-bs-toggle="collapse" href="#cTables"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                              <span class="icon-[lucide--table]"></span>
+                          </span>
+                          <span class="sidebar-text">Tables</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                              <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                          </div>
+                      </div>
+                  </div>
+                   <!--:Menu title:-->
+                  <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                  <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                      class="sidebar-link flex items-center">
+                      <span class="sidebar-icon text-primary !opacity-100">
+                       <span class="icon-[lucide--eye]"></span>
+                      </span>
+                      <span class="sidebar-text">landing page</span>
+                  </a>
+                  <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                      class="sidebar-link flex items-center">
+                      <span class="sidebar-icon">
+                       <span class="icon-[lucide--layout]"></span>
+                      </span>
+                      <span class="sidebar-text">Demo 2</span>
+                  </a>
+                  <a href="#!"
+                      class="sidebar-link flex items-center ">
+                      <span class="sidebar-icon text-amber-500 !opacity-100">
+                       <span class="icon-[lucide--stars]"></span>
+                      </span>
+                      <span class="sidebar-text">Special Menu</span>
+                  </a>
+                  <a href="#!"
+                      class="sidebar-link flex items-center ">
+                      <span class="sidebar-icon">
+                       <span class="icon-[lucide--list-restart]"></span>
+                      </span>
+                      <span class="sidebar-text">Label Menu</span>
+                      <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                  </a>
+                  <a href="#!"
+                      class="sidebar-link flex items-center ">
+                      <span class="sidebar-icon">
+                       <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                      </span>
+                      <span class="sidebar-text">
+                          <span class="block leading-tight">Description</span>
+                      <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                      </span>
+                  </a>
+                  <a href="#!"
+                      class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                      <span class="sidebar-icon !opacity-100">
+                        <span class="icon-[lucide--ban]"></span>
+                      </span>
+                      <span class="sidebar-text">Disabled Menu</span>
+                  </a>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--layers]"></span>
+                          </span>
+                          <span class="sidebar-text">Multi level</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                              <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                              <a href="#cMLevel2" data-bs-toggle="collapse"
+                                  class="sidebar-collapse-item flex items-center">Level 2
+                                  <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                              <div class="sidebar-collapse-level-1">
+                                  <div id="cMLevel2"
+                                      class="collapse sidebar-collapse ">
+                                      <div class="py-1">
+                                          <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                          <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                      </div>
+                                  </div>
+                              </div>
+                          </div>
+                      </div>
+                  </div>
+              </nav>
+              <!--:CTA:-->
+              <div class="text-center sidebar-cta pt-4">
+                  <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                      <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                      <h5 class="mb-3 !text-white">
+                          Unlock premium features and elevate your workflow
+                      </h5>
+                      <button type="button"
+                          class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                          Pro</button>
+                  </div>
+              </div>
+          </div>
+      </div>
+
+      <div class="py-3 px-5 flex flex-col shrink-0">
+          <div class="static">
+              <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                  href="#" class="block">
+                  <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                      <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                      <div class="flex-grow shrink-0 flex items-center justify-between">
+                          <h6 class="!text-current user-text">Emily Docker</h6>
+
+                      </div>
+                  </div>
+              </a>
+              <div class="dropdown-menu w-54 z-50">
+                  <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                      <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                      <div class="flex-grow">
+                          <p class="text-sm text-muted">Signed in as</p>
+                          <p class="text-sm">emily.d@mail.com</p>
+                      </div>
+                      <span class="shrink-0 pl-2">
+                          <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                      </span>
+                  </div>
+                  <a href="account-profile.html" class="dropdown-item">
+                      <span class="dropdown-icon">
+                          <span class="icon-[lucide--user]"></span>
+                      </span>Profile</a>
+                  <a href="account-settings.html" class="dropdown-item">
+                      <span class="dropdown-icon">
+                          <span class="icon-[lucide--settings]"></span>
+                      </span>Settings</a>
+                  <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                  <a href="auth-signin.html" class="dropdown-item">
+                      <span class="dropdown-icon">
+                          <span class="icon-[lucide--log-out]"></span>
+                      </span>Sign out</a>
+              </div>
+          </div>
+      </div>
+
+  </aside>
+  <main class="flex-1 lg:ms-64 flex flex-col app-content">
+    <div
+      class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+      <div class="shrink-0 flex items-center space-x-1">
+        <!--:Sidebar toggler:-->
+        <button type="button" data-toggle="app_sidebar" 
+          class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+          <span class="icon-[iconoir--menu] text-lg"></span>
+        </button>
+        <!--:Search:-->
+        <button data-bs-target="#modal_search" data-bs-toggle="modal"
+            class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+            <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+            <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+          </button>
+      </div>
+      <div class="flex items-center space-x-1">
+        <!--:TLang:-->
+          <!--:Theme Lang switcher:-->
+            <div class="relative">
+              <button data-bs-auto-close="outside" type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static">
+                <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+              </button>
+              <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                <a href="#!" class="dropdown-item active group gap-2.5">
+                    <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                    <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                </a>
+                <a href="#!" class="dropdown-item group gap-2.5">
+                    <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                    <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                </a>
+                <a href="#!" class="dropdown-item group gap-2.5">
+                    <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                    <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                </a>
+              </div>
+            </div>
+    
+        <!--:Notifications:-->
+            <div class="sm:relative">
+              <button data-bs-auto-close="outside" type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                data-bs-toggle="dropdown" data-bs-display="static">
+                <span class="icon-[lucide--bell] text-lg"></span>
+                <!--:Notification badge with animation:-->
+                <span class="absolute right-1 top-1 flex size-2">
+                  <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                  <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                </span>
+              </button>
+              <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                <div class="px-3 pt-3 flex justify-between items-center">
+                  <h5 class="text-lg">Notifications</h5>
+                  <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                    <span class="icon-[lucide--mail-open]"></span>
+                  </button>
+                </div>
+                <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                  <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                      <span class="icon-[lucide--database] text-lg"></span>
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                      <small class="text-muted">Just now</small>
+                    </div>
+                  </a>
+                  <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                      <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                      <small class="text-muted">1h</small>
+                    </div>
+                  </a>
+                  <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                     <span class="icon-[lucide--check] text-lg"></span>
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal">Backup completed successfully</div>
+                      <small class="text-muted">2h</small>
+                    </div>
+                  </a>
+                  <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                     <span class="icon-[lucide--user] text-lg"></span>
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal">Profile updated successfully</div>
+                      <small class="text-muted">3h</small>
+                    </div>
+                  </a>
+                  <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                      <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                      <div><span
+                          class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                      </div>
+                      <small class="text-muted">2d</small>
+                    </div>
+                  </a>
+                  <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                      <span class="icon-[lucide--component] text-lg"></span>
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal">API updated</div>
+                      <small class="text-muted">3d</small>
+                    </div>
+                  </a>
+                </div>
+                <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                  <a href="#!"
+                    class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                    All</a>
+                </div>
+              </div>
+            </div>
+    
+        <!--:Apps:-->
+            <div class="lg:relative hidden lg:block">
+              <button data-bs-auto-close="outside" type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static">
+                <span class="icon-[lucide--component] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                <div class="flex flex-wrap p-2">
+                  <div class="text-center w-1/2 p-2">
+                    <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                      <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                      <span>Mailchimp</span>
+                    </a>
+                  </div>
+                  <div class="text-center w-1/2 p-2">
+                    <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                      <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                      <span class="truncate block">Analytics</span>
+                    </a>
+                  </div>
+                  <div class="text-center w-1/2 p-2">
+                    <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                      <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                      <span>WebDev</span>
+                    </a>
+                  </div>
+                  <div class="text-center w-1/2 p-2">
+                    <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                      <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                      <span>Jira</span>
+                    </a>
+                  </div>
+                  <div class="text-center w-1/2 p-2">
+                    <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                      <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                      <span>Gitlab</span>
+                    </a>
+                  </div>
+                  <div class="text-center w-1/2 p-2">
+                    <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                      <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                      <span>Evernote</span>
+                    </a>
+                  </div>
+                </div>
+                <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                  <a href="#!"
+                    class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                    All</a>
+                </div>
+              </div>
+            </div>
+        <!--:Theme color switcher:-->
+        <div class="relative">
+          <button type="button"
+            class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+            data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+            <span class="icon-[lucide--settings] text-lg"></span>
+          </button>
+          <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+            <div class="mb-3 px-3 pt-2">
+              <h5>Theme</h5>
+            </div>
+
+            <div class="flex flex-wrap px-3 pb-2 gap-2">
+              <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #636DFF;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="navyTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #0E6DD9;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #049772;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #D300C5;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label class="flex items-center cursor-pointer dropdown-item">
+                <span class="icon-[lucide--sun-moon] me-1"></span>
+                <span class="flex-grow text-sm me-2">Dark mode</span>
+                <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+              </label>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                <span class="text-sm">Enable RTL</span>
+                <input type="checkbox" class="input-switch" id="toggleRTL" />
+              </label>
+      
+            </div>
+            <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <h5 class="px-3 mb-2">Sidebar</h5>
+                    <div class="radio-group flex items-center">
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                            <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                              <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                <span class="w-6 h-full bg-white rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Light
+                              </span>
+                            </label>
+                        </div>
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                            <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                               <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                 <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Dark
+                              </span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+
+    <!--:Search Modal:-->
+    <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+      tabindex="-1">
+      <div class="modal-dialog relative m-4 pointer-events-none">
+        <!--:Content:-->
+        <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+          <div class="relative">
+            <span
+              class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+              <span class="icon-[lucide--search] text-lg"></span>
+            </span>
+            <button type="button"
+              class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+              data-bs-dismiss="modal">
+              Esc
+            </button>
+            <input name="search" type="text"
+              class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+              autofocus />
+          </div>
+          <!--:Search results:-->
+          <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+            <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+            <ul class="flex flex-col pb-2">
+              <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                <span>Apps</span>
+                <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                <span>Api</span>
+              </li>
+              <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                <span>Dashboard</span>
+                <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                <span>Marketing</span>
+              </li>
+            </ul>
+            <hr class="border-zinc-200 dark:border-zinc-800">
+            <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+            <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+              <li class="flex items-center py-3 justify-between gap-2.5">
+                <div class="flex items-center gap-2.5">
+                  <div class="shrink-0">
+                    <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                  </div>
+                  <div class="flex flex-col gap-0.5">
+                    <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                    <span class="text-sm text-muted">Backend Developer</span>
+                  </div>
+                </div>
+              </li>
+
+              <li class="flex items-center py-3 justify-between gap-2.5">
+                <div class="flex items-center gap-2.5">
+                  <div class="shrink-0">
+                    <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                  </div>
+                  <div class="flex flex-col gap-0.5">
+                    <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                    <span class="text-sm text-muted">Digital Marketer</span>
+                  </div>
+                </div>
+              </li>
+
+              <li class="flex items-center py-3 justify-between gap-2.5">
+                <div class="flex items-center gap-2.5">
+                  <div class="shrink-0">
+                    <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                  </div>
+                  <div class="flex flex-col gap-0.5">
+                    <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                    <span class="text-sm text-muted">Full Stack Developer</span>
+                  </div>
+                </div>
+              </li>
+            </ul>
+            <hr class="border-zinc-200 dark:border-zinc-800">
+            <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+            <ul class="flex flex-col pb-4">
+              <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                              <div class="flex-1 fs-10 title">All customers list</div>
+              </li>
+               <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="badge bg-green-500/20 text-green-500">products:</span>
+                              <div class="flex-1 fs-10 title">Bestselling products</div>
+              </li>
+               <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                              <div class="flex-1 fs-10 title">All upcoming events</div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!--:Page Header:-->
+    <div class="px-4 lg:px-8 py-4">
+      <div class="flex items-end gap-2 mb-3">
+        <h2 class="text-xl">Sweet alerts</h2>
+      <a href="https://sweetalert2.github.io/" target="_blank" class="text-sm text-primary">Offical docs</a>
+      </div>
+      <!--:Breadcrumbs:-->
+      <ol class="flex gap-1 items-center text-sm">
+        <li class="flex items-center"><a href="index.html"
+            class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+        <li class="flex items-center opacity-30 leading-none">
+          <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+        </li>
+        <li class="flex items-center"><span class="pointer-events-none">Advance UI</span></li>
+        <li class="flex items-center opacity-30 leading-none">
+          <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+        </li>
+        <li class="flex items-center"><span class="pointer-events-none">Sweet alerts</span></li>
+      </ol>
+    </div>
+
+    <!--:Page content:-->
+    <div class="content flex flex-col flex-grow px-4 lg:px-8">
+      <!--:Card:-->
+      <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+
+        <div class="p-4 flex flex-col gap-4">
+          <h5 class="">Alerts</h5>
+<div class="flex flex-wrap gap-2">
+  <!-- Basic alerts -->
+  <button class="btn bg-green-500 hover:bg-green-600 text-white" id="alert-success">Success</button>
+  <button class="btn bg-red-500 hover:bg-red-600 text-white" id="alert-error">Error</button>
+  <button class="btn bg-amber-500 hover:bg-amber-600 text-white" id="alert-warning">Warning</button>
+  <button class="btn bg-sky-500 hover:bg-sky-600 text-white" id="alert-info">Info</button>
+  <button class="btn bg-purple-500 hover:bg-purple-600 text-white" id="alert-question">Question</button>
+
+  <!-- With title -->
+  <button class="btn bg-zinc-700 hover:bg-zinc-800 text-white" id="alert-with-title">With Title</button>
+  <button class="btn bg-zinc-500 hover:bg-zinc-600 text-white" id="alert-without-title">Without Title</button>
+
+  <!-- Positions -->
+  <button class="btn bg-primary hover:bg-primary-deep text-white" id="alert-top">Top</button>
+  <button class="btn bg-primary hover:bg-primary-deep text-white" id="alert-top-start">Top Start</button>
+  <button class="btn bg-primary hover:bg-primary-deep text-white" id="alert-top-end">Top End</button>
+  <button class="btn bg-primary hover:bg-primary-deep text-white" id="alert-center">Center</button>
+  <button class="btn bg-primary hover:bg-primary-deep text-white" id="alert-bottom">Bottom</button>
+  <button class="btn bg-primary hover:bg-primary-deep text-white" id="alert-bottom-start">Bottom Start</button>
+  <button class="btn bg-primary hover:bg-primary-deep text-white" id="alert-bottom-end">Bottom End</button>
+</div>
+        </div>
+      </div>
+       <!--:Card:-->
+      <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+
+        <div class="p-4 flex flex-col gap-4">
+         <h5 class="">Toasts</h5>
+<div class="flex flex-wrap gap-2">
+ <!-- Success -->
+  <button class="btn hover:bg-green-500/20" onclick="showToast('success', 'top-start')">Success - Top Left</button>
+  <button class="btn hover:bg-green-500/20" onclick="showToast('success', 'top')">Success - Top Center</button>
+  <button class="btn hover:bg-green-500/20" onclick="showToast('success', 'top-end')">Success - Top Right</button>
+
+  <!-- Error -->
+  <button class="btn hover:bg-red-500/20" onclick="showToast('error', 'bottom-start')">Error - Bottom Left</button>
+  <button class="btn hover:bg-red-500/20" onclick="showToast('error', 'bottom')">Error - Bottom Center</button>
+  <button class="btn hover:bg-red-500/20" onclick="showToast('error', 'bottom-end')">Error - Bottom Right</button>
+
+  <!-- Warning -->
+  <button class="btn hover:bg-amber-500/20" onclick="showToast('warning', 'center')">Warning - Center</button>
+
+  <!-- Info -->
+  <button class="btn hover:bg-sky-500/20" onclick="showToast('info', 'top-end')">Info - Top Right</button>
+</div>
+        </div>
+      </div>
+    </div>
+  </main>
+
+
+  <!--:Scripts:-->
+  <script src="js/theme.js"></script>
+  
+
+  <!--:Sweet alert:-->
+  <script src="vendor/js/sweetalert2.all.min.js"></script>
+  <script>
+  document.addEventListener("DOMContentLoaded", function () {
+
+  // Common SweetAlert options with custom close button
+  const baseOptions = {
+    showConfirmButton: true,
+    showCloseButton: true,
+    closeButtonHtml: '<span class="icon-[lucide--x]"></span>',
+    customClass: {
+      closeButton: '!text-xl !top-0 !end-0 !mt-1 !me-1'
+    }
+  };
+
+  // Basic alerts
+  document.getElementById("alert-success").addEventListener("click", () => {
+    Swal.fire({
+      ...baseOptions,
+      icon: "success",
+      title: "Success!",
+      text: "This is a success message."
+    });
+  });
+
+  document.getElementById("alert-error").addEventListener("click", () => {
+    Swal.fire({
+      ...baseOptions,
+      icon: "error",
+      title: "Error!",
+      text: "Something went wrong."
+    });
+  });
+
+  document.getElementById("alert-warning").addEventListener("click", () => {
+    Swal.fire({
+      ...baseOptions,
+      icon: "warning",
+      title: "Warning!",
+      text: "Be careful with this action."
+    });
+  });
+
+  document.getElementById("alert-info").addEventListener("click", () => {
+    Swal.fire({
+      ...baseOptions,
+      icon: "info",
+      title: "Info",
+      text: "This is some information."
+    });
+  });
+
+  document.getElementById("alert-question").addEventListener("click", () => {
+    Swal.fire({
+      ...baseOptions,
+      icon: "question",
+      title: "Are you sure?",
+      text: "Do you want to proceed?"
+    });
+  });
+
+  // With/without title
+  document.getElementById("alert-with-title").addEventListener("click", () => {
+    Swal.fire({
+      ...baseOptions,
+      icon: "info",
+      title: "Custom Title",
+      text: "This alert has a title."
+    });
+  });
+
+  document.getElementById("alert-without-title").addEventListener("click", () => {
+    Swal.fire({
+      ...baseOptions,
+      icon: "info",
+      text: "This alert has no title."
+    });
+  });
+
+  // Position demos
+  const positions = [
+    "top",
+    "top-start",
+    "top-end",
+    "center",
+    "bottom",
+    "bottom-start",
+    "bottom-end"
+  ];
+
+  positions.forEach(pos => {
+    const btn = document.getElementById(`alert-${pos}`);
+    if (btn) {
+      btn.addEventListener("click", () => {
+        Swal.fire({
+          ...baseOptions,
+          icon: "success",
+          title: `Position: ${pos}`,
+          position: pos,
+          text: `This alert appears at ${pos}.`
+        });
+      });
+    }
+  });
+
+});
+</script>
+
+<!--Toasts-->
+ <script>
+    // Function to show reusable toast
+    function showToast(icon, position) {
+      Swal.fire({
+        icon: icon,
+        title: icon.charAt(0).toUpperCase() + icon.slice(1) + ' Alert',
+        text: 'This is a ' + icon + ' toast at ' + position,
+        toast: true,
+        position: position,
+        showConfirmButton: false,
+        timer: 4000,
+        timerProgressBar: true,
+        showCloseButton: true,
+        closeButtonHtml: '<span class="icon-[lucide--x]"></span>'
+      });
+    }
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/advanceui-text-divider.html b/public_html/raven-demo/advanceui-text-divider.html
new file mode 100644
index 0000000..3dd7504
--- /dev/null
+++ b/public_html/raven-demo/advanceui-text-divider.html
@@ -0,0 +1,1112 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item advanceUI_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item advanceUI_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item advanceUI_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item advanceUI_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item active">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Text divider</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Advance UI</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Text divider</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-2">
+                    <h5 class="text-lg">Basic
+                    </h5>
+                </div>
+                <div class="p-4 flex flex-col gap-4">
+                    <!--:Basic:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">Basic</span>
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-2">
+                    <h5 class="text-lg">Alignment
+                    </h5>
+                </div>
+                <div class="p-4 flex flex-col gap-4">
+                     <!--:Start:-->
+                    <div class="flex items-center gap-4">
+                        <span class="shrink-0">Start</span>
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                    <!--:Center:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">Center</span>
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                     <!--:End:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">End</span>
+                    </div>
+                     <!--:Custom Start:-->
+                    <div class="flex items-center gap-4">
+                        <span class="w-20 border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">Custom Starter</span>
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                     <!--:Custom end:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">Custom End</span>
+                        <span class="w-20 border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-2">
+                    <h5 class="text-lg">Sizing & Style
+                    </h5>
+                </div>
+                <div class="p-4 flex flex-col gap-4">
+                    <!--:Dotted:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-dotted border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">Dotted</span>
+                        <span class="flex-grow border-t border-dotted border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                    <!--:Dashed:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-dashed border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">Dashed</span>
+                        <span class="flex-grow border-t border-dashed border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                    <!--:Solid:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">Solid</span>
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                     <!--:Customer tailwind color:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-primary"></span>
+                        <span class="shrink-0">Customer color</span>
+                        <span class="flex-grow border-t border-primary"></span>
+                    </div>
+                    <!--:2x:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t-2 border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">Line 2x</span>
+                        <span class="flex-grow border-t-2 border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                    <!--:3x:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow h-[3px] bg-zinc-200 dark:bg-zinc-800"></span>
+                        <span class="shrink-0">Line 3x</span>
+                        <span class="flex-grow h-[3px] bg-zinc-200 dark:bg-zinc-800"></span>
+                    </div>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-2">
+                    <h5 class="text-lg">Icon
+                    </h5>
+                </div>
+                <div class="p-4 flex flex-col gap-4">
+                     <!--:Start:-->
+                    <div class="flex items-center gap-4">
+                        <span class="shrink-0 icon-[lucide--headset]"></span>
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                    <!--:Center:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0 icon-[lucide--headset]"></span>
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                     <!--:End:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0 icon-[lucide--headset]"></span>
+                    </div>
+                     <!--:Custom Start:-->
+                    <div class="flex items-center gap-4">
+                        <span class="w-20 border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0 icon-[lucide--headset]"></span>
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                     <!--:Custom end:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0 icon-[lucide--headset]"></span>
+                        <span class="w-20 border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/advanceui-timeline.html b/public_html/raven-demo/advanceui-timeline.html
new file mode 100644
index 0000000..6c9e901
--- /dev/null
+++ b/public_html/raven-demo/advanceui-timeline.html
@@ -0,0 +1,1173 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item advanceUI_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item advanceUI_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item advanceUI_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item advanceUI_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item active">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Timeline & activities</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Advance UI</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Timeline</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+           <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+             <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                <div class="px-4 pt-4 flex items-end gap-2">
+                    <h5 class="text-lg">Default timeline
+                    </h5>
+                </div>
+                <div class="p-4">
+                                <span class="font-semibold text-sm block mb-2 text-muted">Today</span>
+                                <!--:Timeline:-->
+                                <ul class="timeline">
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img alt="" src="images/avatars/thumb-3.jpg" class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Angelina
+                                                            Gotelli</span><span> has changed </span><span class="font-semibold">#ts-212</span><span>
+                                                            status to </span><span class="font-semibold text-green-500">Completed</span>
+                                                        <span class="block mt-1 text-xs text-muted">10:15
+                                                            AM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img alt="" src="images/avatars/thumb-6.jpg" class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Max Alexander</span>
+                                                        comment on your post
+                                                        <a href="#!" class="font-semibold text-primary hover:text-primary-deep">Top
+                                                            10 Tech Trends</a>
+                                                        <span class="text-xs mt-1 text-muted block">11:50
+                                                            AM</span>
+                                                    </p>
+                                                    <div class="p-3 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                                                        <p class="mb-2">
+                                                            Lorem ipsum is text commonly used in the print, and
+                                                            publishing industries for previewing layouts and visual
+                                                            mockups
+                                                        </p>
+                                                        <a href="#!" class="hover:text-primary border-b text-sm font-semibold border-dashed">
+                                                            <span class="icon-[lucide--reply]"></span>
+                                                            Reply</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <span class="size-7 flex items-center justify-center rounded-full bg-primary text-white">
+                                                        <span class="icon-[lucide--hash]"></span>
+                                                    </span>
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Eugene
+                                                            Stewart</span><span> added tags </span>
+                                                        <span class="badge bg-sky-500/10 text-sky-500">Tailwindcss</span>
+                                                        <span class="badge bg-red-500/10 text-red-500">Gulp</span>
+
+                                                        <span class="block text-xs mt-1 text-muted">12:50
+                                                            PM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                <div class="px-4 pt-4 flex items-end gap-2">
+                    <h5 class="text-lg">Mini timeline
+                    </h5>
+                </div>
+                <div class="p-4">
+                                <!--:Timeline mini:-->
+                               <ul class="tlm">
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                            <span class="size-2.5 block rounded-full bg-sky-500"></span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-2.75"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                         <p>
+                                           Auditor explicabo vivo coaegresco amaritudo
+                                        </p>
+                                        <small class="text-muted">10-09-2025 13:47</small>
+                                    </div>
+                                </li>
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                            <span class="size-2.5 block rounded-full bg-green-500"></span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-2.75"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                        <span class="badge bg-green-500/10 text-green-500 mb-2">Success</span>
+                                        <p>
+                                            Delibero cognomen thesaurus explicabo
+                                        </p>
+                                        <small class="text-muted">08-09-2025 17:44</small>
+                                    </div>
+                                </li>
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                            <span class="size-2.5 block rounded-full bg-red-500"></span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-2.75"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                        <span class="badge bg-red-500/10 text-red-500 mb-2">Issue</span>
+                                        <p>
+                                            Lorem ipsum is text commonly used in the print
+                                        </p>
+                                        <small class="text-muted">07-09-2025 18:05</small>
+                                    </div>
+                                </li>
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                            <span class="size-2.5 block rounded-full bg-amber-500"></span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-2.75"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                         <p>
+                                           Auditor explicabo vivo coaegresco amaritudo
+                                        </p>
+                                        <small class="text-muted">05-09-2025 12:22</small>
+                                    </div>
+                                </li>
+                                 <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                            <span class="size-2.5 block rounded-full bg-primary"></span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-2.75"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                         <p>
+                                           Surculus maxime spoliatio recusandae thema
+                                        </p>
+                                        <small class="text-muted">03-09-2025 14:22</small>
+                                    </div>
+                                </li>
+                               </ul>
+                            </div>
+            </div>
+           </div>
+            
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/app-api.html b/public_html/raven-demo/app-api.html
new file mode 100644
index 0000000..f92f718
--- /dev/null
+++ b/public_html/raven-demo/app-api.html
@@ -0,0 +1,1322 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+       <link rel="stylesheet" href="https://cdn.datatables.net/2.3.3/css/dataTables.dataTables.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item active">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item apps_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item apps_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item apps_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item apps_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 py-4 flex-grow relative">
+           <div class="px-4 grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                <div>
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card flex items-center p-4">
+                            <div class="flex-grow">
+                                <p class="mb-2">Total users</p>
+                                <h5 class="text-2xl mb-1">2.3M</h5>
+                                <p class="text-sm text-muted">
+                                    <span class="text-green-500"><span class="icon-[lucide--arrow-up-right]"></span>
+                                        17.5%</span> new users
+                                </p>
+                            </div>
+                            <div class="flex items-center justify-center size-12 rounded-full shrink-0 bg-sky-500/10 text-sky-500">
+                                <span class="icon-[lucide--users] text-xl"></span>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card flex items-center p-4">
+                            <div class="flex-grow">
+                                <p class="mb-2">Paid users</p>
+                                <h5 class="text-2xl mb-1">1.7M</h5>
+                                <p class="text-sm text-muted">
+                                    <span class="text-green-500"><span class="icon-[lucide--arrow-up-right]"></span>
+                                        4.5%</span> vs last period
+                                </p>
+                            </div>
+                            <div class="flex items-center justify-center size-12 rounded-full shrink-0 bg-primary-subtle text-primary">
+                                <span class="icon-[lucide--hand-coins] text-xl"></span>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card flex items-center p-4">
+                            <div class="flex-grow">
+                                <p class="mb-2">Active users</p>
+                                <div class="flex flex-wrap items-center -space-x-2 mb-3">
+                                    <img alt="" src="images/avatars/thumb-7.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                                    <img alt="" src="images/avatars/thumb-8.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                                    <img alt="" src="images/avatars/thumb-9.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                                    <span class="h-8 px-3 flex items-center justify-center bg-zinc-400 border-2 border-white dark:border-zinc-900 rounded-full text-white text-xs font-semibold">
+                                        +720k users
+                                    </span>
+                                </div>
+                                <p class="text-sm text-muted">
+                                    <span class="text-green-500"><span class="icon-[lucide--arrow-up-right]"></span>
+                                    4.5%</span> vs last period
+                                </p>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card flex items-center p-4">
+                            <div class="flex-grow">
+                                <p class="mb-2">Developers</p>
+                                <h5 class="text-2xl mb-2">23</h5>
+                                <button type="button" class="btn btn-sm bg-primary-subtle text-primary hover:text-white hover:bg-primary">Add
+                                    New API</button>
+                            </div>
+                            <div class="flex items-center justify-center size-12 rounded-full shrink-0 bg-amber-500/10 text-amber-500">
+                                <span class="icon-[lucide--file-code-2] text-xl"></span>
+                            </div>
+                        </div>
+
+                    </div>
+                    <!--:Alert:-->
+                    <div class="rounded-xl alert fade show bg-white dark:bg-zinc-900 shadow-card p-4 border-s-4 border-sky-500" role="alert">
+                        <div class="flex items-center gap-1.5 mb-2">
+                            <span class="icon-[lucide--triangle-alert] text-sky-500 text-lg"></span>
+                            <h5 class="text-lg">Review API Token</h5>
+                        </div>
+                        <p class="text-muted">
+                            Here is your new api token.This is the only time the token will ever be
+                            displayed, so be sure
+                            not to lose it!
+                        </p>
+                        <div class="text-end">
+                            <a class="link-primary text-d-underline" data-bs-dismiss="alert" href="#">Don't
+                                allow</a>
+                            <a class="link-primary text-d-underline ms-2" href="">Allow</a>
+                        </div>
+                    </div>
+                </div>
+                <div>
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="px-4 py-4 flex items-center">
+                            <h5 class="text-lg">Api request</h5>
+                        </div>
+                        <div class="ps-2 pe-2 pt-0" dir="ltr">
+                            <div id="chart_api" class="w-full h-84"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4">
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="flex-grow px-4 pt-4 pb-2">
+                           <div class="relative">
+                             <input type="search" class="input !ps-9" name="apiSearch" id="apiSearch"
+                                placeholder="Filter API by name, parent name">
+                                <span class=" text-sm absolute start-0 top-0 flex items-center justify-center h-full w-9">
+                            <span class="icon-[lucide--sliders-horizontal]"></span>
+                        </span>
+                           </div>
+                        </div>
+                         <table id="table_api" class="table-default text-nowrap align-middle">
+                            <thead>
+                                <tr>
+                                    <th>
+                                         Name
+                                    </th>
+                                    <th>
+                                        Parent Name
+                                    </th>
+                                    <th>
+                                        Api Key
+                                    </th>
+                                    <th>
+                                       Date
+                                    </th>
+                                    <th>Email
+                                        
+                                    </th>
+                                    <th data-orderable="false"></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td class="align-middle">
+                                      <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-1.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Emily Doe</h6>
+                                        </div>
+                                    </td>
+                                    <td>QA Analyst</td>
+                                    <td>ecde376e-fe22-4ff9-b675-7ca0b6957dfb</td>
+                                    <td>19 Aug 2025</td>
+                                    <td>emily.doe@finance.com</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]"><a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a><a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete"><span class="icon-[lucide--trash] text-lg"></span></a></div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                      <div class="inline-flex items-center flex-nowrap"><img src="images/avatars/thumb-7.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>James Smith</h6>
+                                        </div>
+                                    </td>
+                                    <td>UX Designer</td>
+                                    <td>bdc883ce-bc0f-4e58-a0dc-837985c4db24</td>
+                                    <td>21 Aug 2025</td>
+                                    <td>james@smithdesign.com</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                       <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-3.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Alice Johnson</h6>
+                                        </div>
+                                    </td>
+                                    <td>Software Engineer</td>
+                                    <td>dfcd908e-942b-456f-abe3-b44a53bb991c</td>
+                                    <td>22 Aug 2025</td>
+                                    <td>alice@codecraft.com</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                       <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-8.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Robert Miles</h6>
+                                        </div>
+                                    </td>
+                                    <td>Project Manager</td>
+                                    <td>14ff2cd4-d093-4b84-b94e-76c58ea15387</td>
+                                    <td>23 Aug 2025</td>
+                                    <td>rmiles@pmtools.net</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                       <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-5.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Sophia Lee</h6>
+                                        </div>
+                                    </td>
+                                    <td>QA Analyst</td>
+                                    <td>36577a69-8e4c-4f78-aac1-b312a6fbbaba</td>
+                                    <td>24 Aug 2025</td>
+                                    <td>slee@qaedge.com</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                       <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-6.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>William Chen</h6>
+                                        </div>
+                                    </td>
+                                    <td>Cloud Architect</td>
+                                    <td>c4c79b69-d1d7-4b24-a3be-9ebc3dcda640</td>
+                                    <td>25 Aug 2025</td>
+                                    <td>william@cloudcore.ai</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                       <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-4.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Olivia Brown</h6>
+                                        </div>
+                                    </td>
+                                    <td>Marketing Lead</td>
+                                    <td>81f39658-127e-48bc-a3de-47d74c19fc88</td>
+                                    <td>26 Aug 2025</td>
+                                    <td>olivia@marketedge.co</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                       <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-8.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Daniel Green</h6>
+                                        </div>
+                                    </td>
+                                    <td>Data Scientist</td>
+                                    <td>b299f9f6-8d52-4c7f-baf4-5b53f02b5cf1</td>
+                                    <td>27 Aug 2025</td>
+                                    <td>daniel@datageek.io</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                       <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-3.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Grace Kim</h6>
+                                        </div>
+                                    </td>
+                                    <td>HR Manager</td>
+                                    <td>aa07e927-6f7b-4b9f-b626-06c43e94df71</td>
+                                    <td>28 Aug 2025</td>
+                                    <td>grace.hr@companyxyz.com</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                       <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-10.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Ben Scott</h6>
+                                        </div>
+                                    </td>
+                                    <td>Security Engineer</td>
+                                    <td>f74e90aa-88f3-43bb-859d-418b5ef31410</td>
+                                    <td>29 Aug 2025</td>
+                                    <td>ben@securely.io</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                      <div class="flex items-center flex-nowrap">
+                                        <img src="images/avatars/thumb-2.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Natalie Reed</h6>
+                                        </div>
+                                    </td>
+                                    <td>Support Lead</td>
+                                    <td>992f793c-b1ae-4021-a785-fb6041b7e6a3</td>
+                                    <td>30 Aug 2025</td>
+                                    <td>nreed@supporthub.io</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                </div>
+            </div>
+        </div>
+    </main>
+
+    <!--:Scripts:-->
+     <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <script src="vendor/js/echarts.min.js"></script>
+    <script src="js/app-api.js"></script>
+
+    <!--:Page scripts:-->
+    <!--:Page scripts:-->
+     <script src="vendor/js/jquery.min.js"></script>
+    <script src="https://cdn.datatables.net/2.3.3/js/dataTables.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const table = new DataTable('#table_api', {
+                lengthChange: false,
+                pageLength: 9,
+                scrollX: true,
+                dom: 'lrtip',
+            });
+
+            // hook custom input
+            const searchInput = document.getElementById('apiSearch');
+
+            // Custom search binding
+            searchInput.addEventListener('input', e => {
+                table.search(e.target.value).draw();
+            });
+        });
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/app-calendar.html b/public_html/raven-demo/app-calendar.html
new file mode 100644
index 0000000..3c51562
--- /dev/null
+++ b/public_html/raven-demo/app-calendar.html
@@ -0,0 +1,1010 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.8/index.global.min.css" rel="stylesheet">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item active">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item apps_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item apps_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item apps_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item apps_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+<!--:Page Header:-->
+        <div class="px-4 lg:px-8 pt-4 pb-4 flex flex-col sm:flex-row sm:items-center">
+            <div class="flex-grow mb-3 sm:mb-0">
+                <h2 class="text-xl font-semibold mb-0.5 text-black dark:text-white">Events calendar</h2>
+                <p>Track and manage your upcoming events.</p>
+            </div>
+        </div>
+        <!--:Page content:-->
+        <div class="content mb-4 flex-grow relative px-4 lg:px-8">
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4">
+                <div id="calendar" class="mx-auto"></div>
+            </div>
+        </div>
+    </main>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.8/index.global.min.js"></script>
+<script>
+  document.addEventListener('DOMContentLoaded', function () {
+    const calendarEl = document.getElementById('calendar');
+
+    const today = new Date();
+    const currentMonth = today.getMonth();
+    const currentYear = today.getFullYear();
+
+    const calendar = new FullCalendar.Calendar(calendarEl, {
+      initialView: 'dayGridMonth',
+      height: 'auto',
+      editable: true,
+      headerToolbar: {
+        left: 'prev,next today',
+        center: 'title',
+        right: ''
+      },
+      events: [
+        {
+          title: 'Team Meeting',
+          start: `${currentYear}-${String(currentMonth + 1).padStart(2, '0')}-05`,
+          color: 'var(--color-primary)'
+        },
+        {
+          title: 'Emily’s Birthday',
+          start: `${currentYear}-${String(currentMonth + 1).padStart(2, '0')}-18`,
+          color: 'var(--color-blue-500)'
+        },
+        {
+          title: 'Design Seminar',
+          start: `${currentYear}-${String(currentMonth + 1).padStart(2, '0')}-30`,
+          color: 'var(--color-orange-500)'
+        }
+      ]
+    });
+
+    calendar.render();
+  });
+</script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/app-chat.html b/public_html/raven-demo/app-chat.html
new file mode 100644
index 0000000..d804764
--- /dev/null
+++ b/public_html/raven-demo/app-chat.html
@@ -0,0 +1,1289 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item active">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item apps_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item apps_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item apps_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item apps_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content apps_wrapper flex flex-grow relative overflow-hidden h-full">
+            <div
+                class="absolute layout_secondary inset-y-4 inset-x-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden z[1]">
+
+                <!--:App Sidebar:-->
+                <div
+                    class="w-64 absolute ltr:-translate-x-full rtl:translate-x-full ltr:lg:-translate-x-0 rtl:lg:translate-x-0 transition-transform start-0 top-0 h-full bg-white border-e border-zinc-200 dark:bg-zinc-900 dark:border-zinc-800 flex flex-col z-10 sidebar-secondary">
+                   <div class="shrink-0">
+                     <div class="flex pt-4 px-3 gap-3.5 items-center justify-between">
+                        <h5 class="text-lg">Chat</h5>
+                        <div class="shrink-0">
+                       <button data-bs-toggle="modal" data-bs-target="#modalNewChat" type="button" class="btn btn-sm bg-primary text-white hover:bg-primary-deep">New Chat</button>
+                    </div>
+                    </div>
+                    <!--:Search chat:-->
+                    <div class="pt-4 pb-2 px-3">
+                        <div class="relative">
+                            <span class="absolute left-0 top-0 w-8 flex items-center justify-center h-full">
+                                <span class="icon-[lucide--search]"></span>
+                            </span>
+                            <input type="text" placeholder="Search chat" class="input input-sm !pl-7">
+                        </div>
+                    </div>
+                   </div>
+                    <div class="flex-grow flex flex-col apps-scrollbar overflow-y-auto">
+                        <!--:Chat users list:-->
+                    <ul class="space-y-1 p-3 !pt-0">
+                        <li
+                            class="flex gap-3 cursor-pointer rounded-lg p-3 hover:bg-zinc-50 dark:hover:bg-zinc-800 active [.active]:bg-zinc-200 dark:[.active]:bg-zinc-800 [.active]:font-semibold [.active]:text-zinc-800 dark:[.active]:text-white">
+                            <img alt="" src="images/avatars/thumb-7.jpg" class="size-8 rounded-full shrink-0">
+                            <div class="flex-grow overflow-hidden">
+                                <p class="truncate">Matthew Collins</p>
+                                <p class="truncate text-sm">Hi Emily, Are you ready to share the details now?</p>
+                            </div>
+                            <span class="shrink-0 text-xs text-muted">10:30AM</span>
+                        </li>
+                         <li
+                            class="flex gap-3 cursor-pointer rounded-lg p-3 hover:bg-zinc-50 dark:hover:bg-zinc-800 [.active]:bg-zinc-200 dark:[.active]:bg-zinc-800 [.active]:font-semibold [.active]:text-zinc-800 dark:[.active]:text-white">
+                            <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 rounded-full shrink-0">
+                            <div class="flex-grow overflow-hidden">
+                                <p class="truncate">Mary Anderson</p>
+                                <p class="truncate text-sm">Hi Emily, Are you ready to share the details now?</p>
+                            </div>
+                            <span class="shrink-0 text-xs text-muted">yesterday</span>
+                        </li>
+                        <li
+                            class="flex gap-3 cursor-pointer rounded-lg p-3 hover:bg-zinc-50 dark:hover:bg-zinc-800 [.active]:bg-zinc-200 dark:[.active]:bg-zinc-800 [.active]:font-semibold [.active]:text-zinc-800 dark:[.active]:text-white">
+                            <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 rounded-full shrink-0">
+                            <div class="flex-grow overflow-hidden">
+                                <p class="truncate">Sarah Bennett</p>
+                                <p class="truncate text-sm">Hi Emily, Are you ready to share the details now?</p>
+                            </div>
+                            <span class="shrink-0 text-xs text-muted">2d</span>
+                        </li>
+                        <li
+                            class="flex gap-3 cursor-pointer rounded-lg p-3 hover:bg-zinc-50 dark:hover:bg-zinc-800 [.active]:bg-zinc-200 dark:[.active]:bg-zinc-800 [.active]:font-semibold [.active]:text-zinc-800 dark:[.active]:text-white">
+                            <img alt="" src="images/avatars/thumb-10.jpg" class="size-8 rounded-full shrink-0">
+                            <div class="flex-grow overflow-hidden">
+                                <p class="truncate">Peter Sullivan</p>
+                                <p class="truncate">Hi Emily, Are you ready to share the details now?</p>
+                            </div>
+                            <span class="shrink-0 text-xs text-muted">2d</span>
+                        </li>
+                        <li
+                            class="flex gap-3 cursor-pointer rounded-lg p-3 hover:bg-zinc-50 dark:hover:bg-zinc-800 [.active]:bg-zinc-200 dark:[.active]:bg-zinc-800 [.active]:font-semibold [.active]:text-zinc-800 dark:[.active]:text-white">
+                            <img alt="" src="images/avatars/thumb-5.jpg" class="size-8 rounded-full shrink-0">
+                            <div class="flex-grow overflow-hidden">
+                                <p class="truncate">Rebecca Morgan</p>
+                                <p class="truncate text-sm">Hi Emily, Are you ready to share the details now?</p>
+                            </div>
+                            <span class="shrink-0 text-xs text-muted">3d</span>
+                        </li>
+                        <li
+                            class="flex gap-3 cursor-pointer rounded-lg p-3 hover:bg-zinc-50 dark:hover:bg-zinc-800 [.active]:bg-zinc-200 dark:[.active]:bg-zinc-800 [.active]:font-semibold [.active]:text-zinc-800 dark:[.active]:text-white">
+                            <img alt="" src="images/avatars/thumb-6.jpg" class="size-8 rounded-full shrink-0">
+                            <div class="flex-grow overflow-hidden">
+                                <p class="truncate">David Reynolds</p>
+                                <p class="truncate text-sm">Hi Emily, Are you ready to share the details now?</p>
+                            </div>
+                            <span class="shrink-0 text-xs text-muted">5d</span>
+                        </li>
+                        <li
+                            class="flex gap-3 cursor-pointer rounded-lg p-3 hover:bg-zinc-50 dark:hover:bg-zinc-800 [.active]:bg-zinc-200 dark:[.active]:bg-zinc-800 [.active]:font-semibold [.active]:text-zinc-800 dark:[.active]:text-white">
+                            <img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full shrink-0">
+                            <div class="flex-grow overflow-hidden">
+                                <p class="truncate">Elizabeth Carter</p>
+                                <p class="truncate text-sm">Hi Emily, Are you ready to share the details now?</p>
+                            </div>
+                            <span class="shrink-0 text-xs text-muted">1w</span>
+                        </li>
+                    </ul>
+                    </div>
+                </div>
+                <!--:App Content:-->
+                <div class="lg:mx-64 h-full flex flex-col">
+                    <!--:Apps Header content:-->
+                    <div
+                        class="px-4 py-3.5 bg-white dark:bg-zinc-900 border-b border-zinc-200 dark:border-zinc-800 shrink-0 flex items-center justify-between">
+                        <div class="flex items-center gap-3.5">
+                            <img alt="" src="images/avatars/thumb-7.jpg" class="size-8 rounded-full shrink-0">
+                            <div class="flex-grow">
+                                <h6 class="text-lg leading-none">Matthew Collins</h6>
+                                <span class="text-sm">Last seen 3m ago</span>
+                            </div>
+                        </div>
+                        <div class="flex items-center justify-end gap-3">
+                            <div class="relative">
+                                <button
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    type="button" data-bs-toggle="dropdown">
+                                   <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-40 top-full !start-auto !end-0">
+                                    <a href="#!" class="dropdown-item">
+                                       <span class="icon-[lucide--user] dropdown-icon"></span>
+                                        View profile
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                       <span class="icon-[lucide--alarm-clock-off] dropdown-icon"></span>
+                                        Mute
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--user-round-x] dropdown-icon"></span>
+                                        Block user
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                        Delete chat
+                                    </a>
+                                </div>
+                            </div>
+                            <!--:Sidebar inner toggler:-->
+                            <button type="button" data-toggle="sidebar_secondary"
+                                class="size-8 lg:hidden cursor-pointer rounded-full hover:bg-zinc-200 dark:hover:bg-zinc-800 flex items-center justify-center">
+                                <span class="icon-[lucide--sliders-horizontal] text-lg"></span>
+                            </button>
+                        </div>
+                    </div>
+                    <!--:Chat content:-->
+                    <div class="flex-1 flex flex-col-reverse overflow-y-auto apps-scrollbar p-4">
+                        <div>
+                            <!--:Chat sender:-->
+                            <div class="space-y-1 mb-5">
+                                <div class="table max-w-md rounded-lg px-4 py-2.5 bg-zinc-50 dark:bg-zinc-800">
+                                    Hey there! I need some help.
+                                </div>
+                                <small class="opacity-50">12:30PM</small>
+                            </div>
+                            <!--:Chat Admin:-->
+                            <div class="space-y-1 flex flex-col mb-5">
+                                <div class="max-w-md ltr:ml-auto rtl:mr-auto table rounded-lg px-4 py-2.5 bg-primary text-white">
+                                    Sure! What can I assist you with?
+                                </div>
+                                <small class="opacity-50 block ltr:ml-auto rtl:mr-auto">12:35PM</small>
+                            </div>
+                            <!--:Chat sender:-->
+                            <div class="space-y-1 mb-5">
+                                <div class="table max-w-md rounded-lg px-4 py-2.5 bg-zinc-50 dark:bg-zinc-800">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                                    industries for previewing layouts and visual mockups.
+                                </div>
+                                <small class="opacity-50">12:40PM</small>
+                            </div>
+                            <!--:Chat Admin:-->
+                            <div class="space-y-1 flex flex-col mb-5">
+                                <div class="max-w-md ltr:ml-auto rtl:mr-auto table rounded-lg px-4 py-2.5 bg-primary text-white">
+                                    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                    fugiat nulla pariatur.
+                                </div>
+                                <small class="opacity-50 block ltr:ml-auto rtl:mr-auto">12:45PM</small>
+                            </div>
+                            <!--:Chat sender:-->
+                            <div class="space-y-1 mb-5">
+                                <div class="table max-w-md rounded-lg px-4 py-2.5 bg-zinc-50 dark:bg-zinc-800">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                                    industries for previewing layouts and visual mockups.
+                                </div>
+                                <small class="opacity-50">12:50PM</small>
+                            </div>
+                            <!--:Chat Admin:-->
+                            <div class="space-y-1 flex flex-col mb-5">
+                                <div class="max-w-md ltr:ml-auto rtl:mr-auto table rounded-lg px-4 py-2.5 bg-primary text-white">
+                                    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                    fugiat nulla pariatur.
+                                </div>
+                                <small class="opacity-50 block ltr:ml-auto rtl:mr-auto">12:55PM</small>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div
+                        class="shrink-0 pe-4 flex items-center justify-between border-t border-zinc-200 dark:border-zinc-800">
+                        <input type="text" class="border-0 focus:outline-0 flex-grow block px-4 py-3.5"
+                            placeholder="Send message">
+                        <button type="submit" class="cursor-pointer leading-[1]">
+                            <span class="icon-[lucide--send] text-xl"></span>
+                        </button>
+                    </div>
+
+                </div>
+                <!--:App right sidebar for lg if needed:-->
+                <div
+                    class="w-64 hidden lg:flex flex-col apps-scrollbar overflow-y-auto absolute ltr:right-0 rtl:left-0 top-0 h-full border-s border-zinc-200 dark:border-zinc-800">
+                    <div class="flex flex-col p-4 lg:p-6">
+
+                        <div class="text-center mb-5">
+                            <img alt="" src="images/avatars/thumb-7.jpg" class="w-24 rounded-full block mx-auto mb-5">
+                            <h5 class="text-lg">Matthew Collins</h5>
+                        </div>
+                        <div class="flex flex-col">
+                            <span class="mb-1">Email</span>
+                            <h5>matthew.collins@gmail.com</h5>
+                        </div>
+                        <div class="flex flex-col pt-5">
+                            <span class="mb-1">Phone</span>
+                            <h5>+01 1234567890</h5>
+                        </div>
+                        <div class="flex flex-col pt-5">
+                            <span class="mb-1">Location</span>
+                            <h5>Edinburgh, Scotland</h5>
+                        </div>
+                        <div class="flex flex-col pt-5">
+                            <span class="mb-2">Social</span>
+                            <div class="flex flex-wrap items-center gap-1">
+                                <a href="#!"
+                                    class="btn btn-default !p-0 !size-8">
+                                    <span class="icon-[iconoir--facebook] text-lg"></span>
+                                </a>
+                                <a href="#!"
+                                    class="btn btn-default !p-0 !size-8">
+                                    <span class="icon-[iconoir--x] text-lg"></span>
+                                </a>
+                                <a href="#!"
+                                    class="btn btn-default !p-0 !size-8">
+                                     <span class="icon-[iconoir--linkedin] text-lg"></span>
+                                </a>
+                                <a href="#!"
+                                    class="btn btn-default !p-0 !size-8">
+                                     <span class="icon-[iconoir--discord] text-lg"></span>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            </div>
+    </main>
+
+
+    <!--:Modal New chat users list:-->
+       <div id="modalNewChat" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60] hidden [&.show]:flex  overflow-y-auto"
+     tabindex="-1">
+     <div
+       class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+       <div
+         class="modal-content relative max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+         <button type="button"
+             class="absolute ltr:right-2 rtl:left-2 top-2 size-8 !rounded-full btn btn-default !p-0"
+             data-bs-dismiss="modal">
+             <span class="icon-[lucide--x] text-lg"></span>
+           </button>
+         <div class="p-4 lg:p-6">
+           <div class="text-center mb-4">
+               <h5 class="text-xl text-center mb-1">Contact List</h5>
+           <p>Browse and select contacts to start a conversation</p>
+           </div>
+           <!--:Search:-->
+            <div class="relative mb-4">
+           <span
+             class="pointer-events-none text-lg leading-none absolute ltr:left-3 rtl:right-3 top-1/2 -translate-y-1/2 opacity-50">
+           <span class="icon-[lucide--search]"></span>
+           </span>
+           <input name="search" type="text" class="w-full input ltr:!pl-9 rtl:!pr-9"
+             placeholder="Search..." autofocus />
+         </div>
+           <ul class="flex flex-col gap-y-1 max-h-[320px] overflow-y-auto">
+            <li class="opacity-50">7 Available</li>
+            <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+               <img alt="" src="images/avatars/thumb-5.jpg" class="size-8 shrink-0 rounded-full">
+               <div class="flex-grow">
+                   <h6>Mary Anderson</h6>
+                   <p>mary@anderson.com</p>
+               </div>
+            </li>
+            <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+               <img alt="" src="images/avatars/thumb-8.jpg" class="size-8 shrink-0 rounded-full">
+               <div class="flex-grow">
+                   <h6>Peter Sullivan</h6>
+                   <p>peter@sullivan.com</p>
+               </div>
+            </li>
+            <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+               <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+               <div class="flex-grow">
+                   <h6>Sarah Bennett</h6>
+                   <p>sarah@bennett.com</p>
+               </div>
+            </li>
+            <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+               <img alt="" src="images/avatars/thumb-7.jpg" class="size-8 shrink-0 rounded-full">
+               <div class="flex-grow">
+                   <h6>Matthew Collins</h6>
+                   <p>matthew.collins@gmail.com</p>
+               </div>
+            </li>
+            <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+               <img alt="" src="images/avatars/thumb-9.jpg" class="size-8 shrink-0 rounded-full">
+               <div class="flex-grow">
+                   <h6>David Reynolds</h6>
+                   <p>david@reynolds.com</p>
+               </div>
+            </li>
+            <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+               <img alt="" src="images/avatars/thumb-4.jpg" class="size-8 shrink-0 rounded-full">
+               <div class="flex-grow">
+                   <h6>Elizabeth Carter</h6>
+                   <p>elizabeth@carter.com</p>
+               </div>
+            </li>
+            <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+               <img alt="" src="images/avatars/thumb-10.jpg" class="size-8 shrink-0 rounded-full">
+               <div class="flex-grow">
+                   <h6>Michael Thompson</h6>
+                   <p>michael@thompson.com</p>
+               </div>
+            </li>
+           </ul>
+         </div>
+       </div>
+     </div>
+   </div>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/app-file-manager.html b/public_html/raven-demo/app-file-manager.html
new file mode 100644
index 0000000..4b88f1b
--- /dev/null
+++ b/public_html/raven-demo/app-file-manager.html
@@ -0,0 +1,1715 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item active">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item apps_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item apps_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item apps_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item apps_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow relative">
+            <div class="px-4 pt-4 pb-4 w-full">
+                <div class="flex-grow sm:mb-0">
+                    <div class="flex flex-col md:flex-row md:items-center md:justify-between">
+                        <h2 class="text-xl font-semibold mb-1 text-black dark:text-white mb-2 md:mb-0">File manager</h2>
+                        <div class="flex flex-grow md:justify-end items-center gap-2">
+                            <div class="inline-flex gap-1 items-center bg-zinc-50 dark:bg-zinc-800 rounded-lg p-1">
+                                <button
+                                    class="btn btn-sm active [.active]:bg-primary-subtle dark:[.active]:bg-zinc-700">
+                                    <span class="icon-[lucide--layout-grid] text-lg leading-none"></span>
+                                </button>
+                                <button
+                                    class="btn btn-sm [.active]:bg-white dark:[.active]:bg-zinc-700 [.active]:shadow-xs hover:text-primary">
+                                    <span class="icon-[lucide--list] text-lg leading-none"></span>
+                                </button>
+                            </div>
+                           <div>
+                             <button type="button"
+                                class="btn btn-sm bg-primary hover:bg-primary-deep text-white">Upload</button>
+                           </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!--:Folders:-->
+            <div class="px-4">
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                    <div class="px-4 pt-4">
+                        <h5 class="text-lg">Folders</h5>
+                    </div>
+                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 p-2">
+
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <svg class="text-yellow-500" xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 1024 1024" width="40" height="40">
+                                        <path opacity=".8" fill="currentColor"
+                                            d="M853.333 256h-384L384 170.667H170.667c-46.934 0-85.334 38.4-85.334 85.333v170.667h853.334v-85.334c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                        <path fill="currentColor"
+                                            d="M853.333 256H170.667c-46.934 0-85.334 38.4-85.334 85.333V768c0 46.933 38.4 85.333 85.334 85.333h682.666c46.934 0 85.334-38.4 85.334-85.333V341.333c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                    </svg>
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>Project_files</h6>
+                                    <span class="text-sm leading-none text-muted">358 MB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <svg class="text-yellow-500" xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 1024 1024" width="40" height="40">
+                                        <path opacity=".8" fill="currentColor"
+                                            d="M853.333 256h-384L384 170.667H170.667c-46.934 0-85.334 38.4-85.334 85.333v170.667h853.334v-85.334c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                        <path fill="currentColor"
+                                            d="M853.333 256H170.667c-46.934 0-85.334 38.4-85.334 85.333V768c0 46.933 38.4 85.333 85.334 85.333h682.666c46.934 0 85.334-38.4 85.334-85.333V341.333c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                    </svg>
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>Documents</h6>
+                                    <span class="text-sm leading-none text-muted">53 MB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <svg class="text-yellow-500" xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 1024 1024" width="40" height="40">
+                                        <path opacity=".8" fill="currentColor"
+                                            d="M853.333 256h-384L384 170.667H170.667c-46.934 0-85.334 38.4-85.334 85.333v170.667h853.334v-85.334c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                        <path fill="currentColor"
+                                            d="M853.333 256H170.667c-46.934 0-85.334 38.4-85.334 85.333V768c0 46.933 38.4 85.333 85.334 85.333h682.666c46.934 0 85.334-38.4 85.334-85.333V341.333c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                    </svg>
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>Images_videos</h6>
+                                    <span class="text-sm leading-none text-muted">644 MB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <svg class="text-yellow-500" xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 1024 1024" width="40" height="40">
+                                        <path opacity=".8" fill="currentColor"
+                                            d="M853.333 256h-384L384 170.667H170.667c-46.934 0-85.334 38.4-85.334 85.333v170.667h853.334v-85.334c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                        <path fill="currentColor"
+                                            d="M853.333 256H170.667c-46.934 0-85.334 38.4-85.334 85.333V768c0 46.933 38.4 85.333 85.334 85.333h682.666c46.934 0 85.334-38.4 85.334-85.333V341.333c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                    </svg>
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>Client_data</h6>
+                                    <span class="text-sm leading-none text-muted">2.3 GB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <svg class="text-yellow-500" xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 1024 1024" width="40" height="40">
+                                        <path opacity=".8" fill="currentColor"
+                                            d="M853.333 256h-384L384 170.667H170.667c-46.934 0-85.334 38.4-85.334 85.333v170.667h853.334v-85.334c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                        <path fill="currentColor"
+                                            d="M853.333 256H170.667c-46.934 0-85.334 38.4-85.334 85.333V768c0 46.933 38.4 85.333 85.334 85.333h682.666c46.934 0 85.334-38.4 85.334-85.333V341.333c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                    </svg>
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>Backup_files</h6>
+                                    <span class="text-sm leading-none text-muted">765 MB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                    <div class="px-4 pt-4">
+                        <h5 class="text-lg">Files</h5>
+                    </div>
+                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 p-2">
+
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/doc.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>wireframe_research.docx</h6>
+                                    <span class="text-sm leading-none text-muted">847 KB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/fig.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>dashboard_marketing_ui.fig</h6>
+                                    <span class="text-sm leading-none text-muted">3.5 MB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/jpg.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>avatar_profile.jpg</h6>
+                                    <span class="text-sm leading-none text-muted">24 KB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/pptx.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>dashboard_ui_fixes.pptx</h6>
+                                    <span class="text-sm leading-none text-muted">944 KB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                         <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/xlsx.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>expanses_report.xlsx</h6>
+                                    <span class="text-sm leading-none text-muted">355 KB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                          <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/pdf.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>budget_details.pdf</h6>
+                                    <span class="text-sm leading-none text-muted">1.5 MB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                          <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/js.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>charts.js</h6>
+                                    <span class="text-sm leading-none text-muted">22 KB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                         <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/doc.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>wireframe_research.docx</h6>
+                                    <span class="text-sm leading-none text-muted">847 KB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/fig.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>dashboard_marketing_ui.fig</h6>
+                                    <span class="text-sm leading-none text-muted">3.5 MB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/jpg.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>avatar_profile.jpg</h6>
+                                    <span class="text-sm leading-none text-muted">24 KB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/pptx.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>dashboard_ui_fixes.pptx</h6>
+                                    <span class="text-sm leading-none text-muted">944 KB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </main>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/app-inbox-view.html b/public_html/raven-demo/app-inbox-view.html
new file mode 100644
index 0000000..d904af5
--- /dev/null
+++ b/public_html/raven-demo/app-inbox-view.html
@@ -0,0 +1,1243 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Edit css:-->
+    <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item active">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item apps_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item apps_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item apps_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item apps_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content apps_wrapper flex flex-grow relative overflow-hidden h-full">
+            <div
+                class="absolute layout_secondary inset-y-4 inset-x-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden z[1]">
+
+                <!--:App Sidebar:-->
+                <div
+                    class="w-64 absolute ltr:-translate-x-full rtl:translate-x-full ltr:lg:-translate-x-0 rtl:lg:translate-x-0 transition-transform ltr:left-0 right:right-0 top-0 h-full bg-white border-e border-zinc-200 dark:bg-zinc-900 dark:border-zinc-800 flex flex-col z-10 p-4 overflow-y-auto sidebar-secondary">
+                    <div class="mb-4 flex items-center justify-between gap-3.5">
+                        <h5 class="text-lg">Inbox</h5>
+                        <div class="shrink-0">
+                            <button type="button" data-bs-toggle="modal" data-bs-target="#modalComposeEmail"
+                            class="btn btn-sm bg-zinc-600 text-white hover:bg-zinc-700">
+                            Compose</button>
+                        </div>
+                    </div>
+                    <div>
+                        <nav class="flex flex-col space-y-0.5">
+                            <a href="app-inbox.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--mail] text-lg"></span>
+                                Inbox
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--send] text-lg"></span>
+                                Sent
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--edit] text-lg"></span>
+                                Draft
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--star] text-lg"></span>
+                                Starred
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--trash] text-lg"></span>
+                                Trash
+                            </a>
+                        </nav>
+                        <hr class="border-zinc-100 dark:border-zinc-800 my-5">
+                        <p class="text-muted text-sm mb-2">Labels</p>
+                        <nav class="flex flex-col">
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="size-2 bg-green-300 rounded-full"></span>
+                                Work
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="size-2 bg-blue-300 rounded-full"></span>
+                                Private
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="size-2 bg-orange-300 rounded-full"></span>
+                                Tasks
+                            </a>
+                        </nav>
+                    </div>
+                </div>
+                <!--:App Content:-->
+                <div class="lg:ms-64 h-full flex flex-col">
+                    <!--:Apps Header content:-->
+                    <div
+                        class="px-4 py-2.5 bg-white border-b border-zinc-200 dark:bg-zinc-900 dark:border-zinc-800 shrink-0 flex items-center justify-between">
+                        <div class="flex items-center gap-3">
+                            <a href="app-inbox.html" data-bs-toggle="tooltip" data-bs-title="Back to Inbox"
+                                class="btn btn-default !p-0 !size-8">
+                                <span class="icon-[lucide--chevron-left] text-xl"></span>
+                            </a>
+                             <!--:Buttons group:-->
+                            <div class="flex items-center" role="group">
+                                <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Move to Trash"
+                                    type="button"
+                                    class="size-8 flex items-center justify-center cursor-pointer rounded-s-lg border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                    <span class="icon-[lucide--trash] text-lg"></span>
+                                </button>
+                                <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Move to Archive"
+                                    type="button"
+                                    class="size-8 flex items-center justify-center cursor-pointer border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                    <span class="icon-[lucide--archive] text-lg"></span>
+                                </button>
+                                <button data-bs-toggle="tooltip" data-bs-placement="top"
+                                    data-bs-title="Mark all as read" type="button"
+                                    class="size-8 flex items-center justify-center cursor-pointer border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                    <span class="icon-[lucide--mail-open] text-lg"></span>
+                                </button>
+                                <div class="relative">
+                                    <button data-bs-toggle="dropdown" type="button"
+                                        class="size-8 flex items-center justify-center cursor-pointer border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                        <span data-bs-toggle="tooltip" data-bs-placement="top"
+                                            data-bs-title="Move to folder"
+                                            class="icon-[lucide--folder] text-lg">folder</span>
+                                    </button>
+                                    <div class="dropdown-menu absolute top-full">
+                                        <a href="#!" class="dropdown-item"><span
+                                                class="icon-[lucide--folder] dropdown-icon"></span>Private</a>
+                                        <a href="#!" class="dropdown-item"><span
+                                                class="icon-[lucide--folder] dropdown-icon"></span>Work</a>
+                                        <a href="#!" class="dropdown-item"><span
+                                                class="icon-[lucide--folder] dropdown-icon"></span>Tasks</a>
+                                    </div>
+                                </div>
+                                <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Forward"
+                                    type="button"
+                                    class="size-8 flex items-center justify-center cursor-pointer border rounded-e-lg border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                    <span class="icon-[lucide--forward] text-lg">forward</span>
+                                </button>
+                            </div>
+                        </div>
+                        <div class="flex items-center justify-end gap-3">
+                            <!--:Sidebar inner toggler:-->
+                            <button type="button" data-toggle="sidebar_secondary"
+                                class="size-8 lg:hidden cursor-pointer rounded-full hover:bg-zinc-200 dark:hover:bg-zinc-800 flex items-center justify-center">
+                                <span class="icon-[lucide--sliders-horizontal] text-lg"></span>
+                            </button>
+                        </div>
+                    </div>
+                    <!--:Apps inner content:-->
+                    <div class="flex-grow overflow-y-auto">
+                        <div class="px-4 pt-4">
+                            <!--:Subject:-->
+                            <h4 class="text-lg mb-4 sm:pl-11">New Discussion on Assan - Multipurpose Template + Admin + UI
+                                Kit</h4>
+                            <div class="flex items-start gap-3.5">
+                                <img alt="" src="images/avatars/thumb-1.jpg" class="size-8 rounded-full shrink-0">
+                                <div class="flex-grow">
+                                    <!--:Mail header:-->
+                                    <div class="flex flex-col sm:flex-row w-full mb-5">
+                                        <div class="flex-grow">
+                                            <h5 class="leading-none">Nikita Miller</h5>
+                                            <small>to emily.d@mail.com</small>
+                                        </div>
+                                        <div class="shrink-0">
+                                            <div class="flex items-center gap-2">
+                                                <small class="text-muted">10:08 AM (6 hours ago)</small>
+                                                <div>
+                                                    <button
+                                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                                        type="button" data-bs-toggle="button">
+                                                       <span class="icon-[lucide--star] leading-none"></span>
+                                                    </button>
+                                                </div>
+                                                <div class="relative">
+                                                    <button
+                                                        class="size-8 btn btn-sm btn-default !p-0 !rounded-full"
+                                                        type="button" data-bs-toggle="dropdown">
+                                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                                    </button>
+                                                    <div
+                                                        class="dropdown-menu z-50 absolute min-w-40 top-full">
+                                                        <a href="#!" class="dropdown-item">
+                                                            <span
+                                                                class="icon-[lucide--reply] dropdown-icon"></span>
+                                                            Reply
+                                                        </a>
+                                                        <a href="#!" class="dropdown-item">
+                                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                            Delete
+                                                        </a>
+                                                        <a href="#!" class="dropdown-item">
+                                                            <span
+                                                                class="icon-[lucide--share] dropdown-icon"></span>
+                                                            Share
+                                                        </a>
+                                                        <a href="#!" class="dropdown-item">
+                                                            <span class="icon-[lucide--bug] dropdown icon dropdown-icon"></span>
+                                                            Report Spam
+                                                        </a>
+                                                        <a href="#!" class="dropdown-item">
+                                                            <span class="icon-[lucide--ban] dropdown-icon"></span>
+                                                            Block 'Nikita'
+                                                        </a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <!--:Mail text:-->
+                                    <div>
+                                        <p class="mb-3">Hello:</p>
+                                        <p class="mb-3">
+                                            I want to set default theme to 'light' - I am unable to set the page theme
+                                            to light using the HTML - so I modified the theme.bundle.js to default to
+                                            'light' - is there a better way to do this?
+                                        </p>
+                                        <p class="mb-3">
+                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+                                            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+                                            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                                            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                                            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                                        </p>
+                                        <p class="mb-3">
+                                            Best Regards! <br>
+                                            Adam
+                                        </p>
+                                        <div class="flex items-center gap-2 mt-5">
+                                            <button type="button"
+                                                class="btn btn-sm btn-default gap-2">
+                                                <span class="icon-[lucide--reply]"></span> Reply
+                                            </button>
+                                            <button type="button"
+                                                class="btn btn-sm btn-default gap-2">
+                                                Forward <span class="icon-[lucide--forward]"></span>
+                                            </button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="shrink-0 py-2.5 px-4">
+
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Modal New chat users list:-->
+    <div id="modalComposeEmail" role="dialog" class="modal fixed w-full h-full left-0 top-0 z-[60] overflow-y-auto"
+        tabindex="-1">
+        <div
+            class="modal-dialog m-4 flex pointer-events-none">
+            <div class="modal-content relative max-w-[40rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                <button type="button"
+                    class="absolute ltr:right-2 rtl:left-2 top-2 size-8 !rounded-full btn btn-default !p-0"
+                    data-bs-dismiss="modal">
+                    <span class="icon-[lucide--x] text-lg"></span>
+                </button>
+                <div class="p-4">
+                    <div class="mb-4">
+                        <h5 class="text-xl">New message</h5>
+                    </div>
+                    <!--:Search:-->
+                    <div class="relative mb-4">
+                        <label for="email_to" class="block mb-1.5">To</label>
+                        <input name="search" id="email_to" type="email" class="w-full input" placeholder="Search..."
+                            autofocus />
+                    </div>
+
+                    <div class="relative mb-4">
+                        <label for="email_Subject" class="block mb-1.5">Subject</label>
+                        <input name="search" type="text" id="email_Subject" class="w-full input" placeholder="Search..." />
+                    </div>
+                    <div class="relative mb-4">
+                        <label class="block mb-1.5">Message</label>
+                        <div id="editorEmail">
+
+                        </div>
+                    </div>
+                    <div class="flex items-center justify-end gap-2">
+                        <button type="button" class="btn hover:bg-zinc-500 hover:text-white gap-2" data-bs-dismiss="modal"><span class="icon-[lucide--trash]"></span>Discard</button>
+                         <button type="submit" class="btn bg-primary hover:bg-primary-deep text-white gap-2">Send <span class="icon-[lucide--send]"></span></button>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Editor:-->
+    <script src="vendor/js/quill.js"></script>
+    <script>
+        const quill = new Quill('#editorEmail', {
+            theme: 'snow',
+            modules: {
+                toolbar: [
+                    ['bold', 'italic', 'underline'],
+                    [{ 'list': 'ordered' }, { 'list': 'bullet' }],
+                    ['blockquote', 'code'],
+                    ['image'],
+                ],
+            }
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/app-inbox.html b/public_html/raven-demo/app-inbox.html
new file mode 100644
index 0000000..60e4845
--- /dev/null
+++ b/public_html/raven-demo/app-inbox.html
@@ -0,0 +1,1557 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Edit css:-->
+    <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item active">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item apps_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item apps_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item apps_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item apps_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content apps_wrapper flex flex-grow relative overflow-hidden h-full">
+            <div
+                class="absolute layout_secondary inset-y-4 inset-x-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden z[1]">
+
+                <!--:App Sidebar:-->
+                <div
+                    class="w-64 absolute ltr:-translate-x-full rtl:translate-x-full ltr:lg:-translate-x-0 rtl:lg:translate-x-0 transition-transform ltr:left-0 right:right-0 top-0 h-full bg-white border-e border-zinc-200 dark:bg-zinc-900 dark:border-zinc-800 flex flex-col z-10 p-4 overflow-y-auto sidebar-secondary">
+                    <div class="mb-4 flex items-center justify-between gap-3.5">
+                        <h5 class="text-lg">Inbox</h5>
+                        <div class="shrink-0">
+                            <button type="button" data-bs-toggle="modal" data-bs-target="#modalComposeEmail"
+                            class="btn btn-sm bg-zinc-600 text-white hover:bg-zinc-700">
+                            Compose</button>
+                        </div>
+                    </div>
+                    <div>
+                        <nav class="flex flex-col space-y-0.5">
+                            <a href="app-inbox.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--mail] text-lg"></span>
+                                Inbox
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--send] text-lg"></span>
+                                Sent
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--edit] text-lg"></span>
+                                Draft
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--star] text-lg"></span>
+                                Starred
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--trash] text-lg"></span>
+                                Trash
+                            </a>
+                        </nav>
+                        <hr class="border-zinc-100 dark:border-zinc-800 my-5">
+                        <p class="text-muted text-sm mb-2">Labels</p>
+                        <nav class="flex flex-col">
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="size-2 bg-green-300 rounded-full"></span>
+                                Work
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="size-2 bg-blue-300 rounded-full"></span>
+                                Private
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="size-2 bg-orange-300 rounded-full"></span>
+                                Tasks
+                            </a>
+                        </nav>
+                    </div>
+                </div>
+                <!--:App Content:-->
+                <div class="lg:ms-64 h-full flex flex-col">
+                    <!--:Apps Header content:-->
+                    <div
+                        class="px-4 py-2.5 bg-white border-b border-zinc-200 dark:bg-zinc-900 dark:border-zinc-800 shrink-0 flex items-center justify-between">
+                        <div class="flex items-center gap-3">
+                            <input type="checkbox" class="input-checkbox relative z-[1]" name="check_emails">
+                            <!--:Buttons group:-->
+                            <div class="flex items-center" role="group">
+                                <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Move to Trash"
+                                    type="button"
+                                    class="size-8 flex items-center justify-center cursor-pointer rounded-s-lg border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                    <span class="icon-[lucide--trash] text-lg"></span>
+                                </button>
+                                <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Move to Archive"
+                                    type="button"
+                                    class="size-8 flex items-center justify-center cursor-pointer border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                    <span class="icon-[lucide--archive] text-lg"></span>
+                                </button>
+                                <button data-bs-toggle="tooltip" data-bs-placement="top"
+                                    data-bs-title="Mark all as read" type="button"
+                                    class="size-8 flex items-center justify-center cursor-pointer border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                    <span class="icon-[lucide--mail-open] text-lg"></span>
+                                </button>
+                                <div class="relative">
+                                    <button data-bs-toggle="dropdown" type="button"
+                                        class="size-8 flex items-center justify-center cursor-pointer border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                        <span data-bs-toggle="tooltip" data-bs-placement="top"
+                                            data-bs-title="Move to folder"
+                                            class="icon-[lucide--folder] text-lg">folder</span>
+                                    </button>
+                                    <div class="dropdown-menu absolute top-full">
+                                        <a href="#!" class="dropdown-item"><span
+                                                class="icon-[lucide--folder] dropdown-icon"></span>Private</a>
+                                        <a href="#!" class="dropdown-item"><span
+                                                class="icon-[lucide--folder] dropdown-icon"></span>Work</a>
+                                        <a href="#!" class="dropdown-item"><span
+                                                class="icon-[lucide--folder] dropdown-icon"></span>Tasks</a>
+                                    </div>
+                                </div>
+                                <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Forward"
+                                    type="button"
+                                    class="size-8 flex items-center justify-center cursor-pointer border rounded-e-lg border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                    <span class="icon-[lucide--forward] text-lg">forward</span>
+                                </button>
+                            </div>
+                        </div>
+                        <div class="flex items-center justify-end gap-3">
+                            <div class="relative max-w-44 hidden sm:block">
+                                <input class="input input-sm !px-4 !rounded-full" type="text" placeholder="Search Emails">
+                            </div>
+                            <!--:Sidebar inner toggler:-->
+                            <button type="button" data-toggle="sidebar_secondary"
+                                class="size-8 lg:hidden cursor-pointer rounded-full hover:bg-zinc-200 dark:hover:bg-zinc-800 flex items-center justify-center">
+                                <span class="icon-[lucide--sliders-horizontal] text-lg"></span>
+                            </button>
+                        </div>
+                    </div>
+                    <!--:Apps inner content:-->
+                    <div class="flex-grow overflow-y-auto">
+                        <!--:Email List:-->
+                        <ul class="divide-y divide-zinc-200 dark:divide-zinc-800">
+                            <li
+                                class="unread flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 rounded-full shrink-0">
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">Maria Sharapova</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">Minimalisting photos of figma
+                                                    project</span>
+                                                <p class="truncate hidden sm:block">
+                                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+                                                    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+                                                    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+                                                    aliquip ex ea commodo consequat.
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="icon-[lucide--paperclip] file hidden sm:block"></span>
+                                            <span class="text-xs time">12:30PM</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                             <li
+                                class="unread flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <img alt="" src="images/avatars/thumb-10.jpg" class="size-8 rounded-full shrink-0">
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">Michael Smith</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                    From its medieval origins to the digital era
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                                  From its medieval origins to the digital era, learn everything there is to know about the ubiquitous lorem ipsum passage.
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="icon-[lucide--paperclip] file hidden sm:block"></span>
+                                            <span class="text-xs time">Yesterday</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                             <li
+                                class="flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <img alt="" src="images/avatars/thumb-6.jpg" class="size-8 rounded-full shrink-0">
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">David Wilson</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                    Lorem ipsum, or lipsum as it is sometimes known
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                               Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.  
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="icon-[lucide--paperclip] file hidden sm:block"></span>
+                                            <span class="text-xs time">2d</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                            <li
+                                class="flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <span class="size-8 flex items-center justify-center rounded-full bg-red-500/10 text-red-500 font-semibold shrink-0 leading-none">E</span>
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">Emma Claire</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                   The passage is attributed to an unknown typesetter
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                               The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.  
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="text-xs time">3d</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                             <li
+                                class="flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full shrink-0">
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">Sophia Anne White</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                   The passage experienced a surge in popularity during the 1960s
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                               The passage experienced a surge in popularity during the 1960s when Letraset used it on their dry-transfer sheets, and again during the 90s as desktop publishers bundled the text with their software. 
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="icon-[lucide--paperclip] file hidden sm:block"></span>
+                                            <span class="text-xs time">4d</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                             <li
+                                class="flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <img alt="" src="images/avatars/thumb-7.jpg" class="size-8 rounded-full shrink-0">
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">Benjamin Joseph</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                   Until recently, the prevailing view assumed
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                               The placeholder text, beginning with the line “Lorem ipsum dolor sit amet, consectetur adipiscing elit”, looks like Latin because in its youth, centuries ago, it was Latin.
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="text-xs time">1w</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                            
+                             <li
+                                class="flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <img alt="" src="images/avatars/thumb-6.jpg" class="size-8 rounded-full shrink-0">
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">David Wilson</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                    Lorem ipsum, or lipsum as it is sometimes known
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                               Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.  
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="icon-[lucide--paperclip] file hidden sm:block"></span>
+                                            <span class="text-xs time">2w</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                            <li
+                                class="flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <span class="size-8 flex items-center justify-center rounded-full bg-zinc-500 text-white font-semibold shrink-0 leading-none">S</span>
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">Sarah Elizabeth Davis</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                   The passage is attributed to an unknown typesetter
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                               The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.  
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="text-xs time">3w</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                             <li
+                                class="flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 rounded-full shrink-0">
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">Olivia Rose</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                   The passage experienced a surge in popularity during the 1960s
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                               The passage experienced a surge in popularity during the 1960s when Letraset used it on their dry-transfer sheets, and again during the 90s as desktop publishers bundled the text with their software. 
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="icon-[lucide--paperclip] file hidden sm:block"></span>
+                                            <span class="text-xs time">1m</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                             <li
+                                class="flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <img alt="" src="images/avatars/thumb-9.jpg" class="size-8 rounded-full shrink-0">
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">Matthew Thomas</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                   Until recently, the prevailing view assumed
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                               The placeholder text, beginning with the line “Lorem ipsum dolor sit amet, consectetur adipiscing elit”, looks like Latin because in its youth, centuries ago, it was Latin.
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="text-xs time">1m</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="shrink-0 px-4 py-3.5 gap-3.5 flex items-center justify-end border-t border-zinc-200 dark:border-zinc-800">
+                        <small class="text-muted">Showing 1-9 from 548 entries</small>
+                        <div class="shrink-0 flex items-center gap-1">
+                            <button disabled
+                                class="size-8 btn btn-default !p-0 !rounded-full disabled:opacity-50 disabled:pointer-events-none">
+                                <span class="icon-[lucide--chevron-left] leading-none text-lg rtl:rotate-180"></span>
+                            </button>
+                            <button
+                                class="size-8 btn btn-default !p-0 !rounded-full">
+                                <span class="icon-[lucide--chevron-right] leading-none text-lg rtl:rotate-180"></span>
+                            </button>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Modal New chat users list:-->
+    <div id="modalComposeEmail" role="dialog" class="modal fixed w-full h-full left-0 top-0 z-[60] overflow-y-auto"
+        tabindex="-1">
+        <div
+            class="modal-dialog m-4 flex pointer-events-none">
+            <div class="modal-content relative max-w-[40rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                <button type="button"
+                    class="absolute ltr:right-2 rtl:left-2 top-2 size-8 !rounded-full btn btn-default !p-0"
+                    data-bs-dismiss="modal">
+                    <span class="icon-[lucide--x] text-lg"></span>
+                </button>
+                <div class="p-4">
+                    <div class="mb-4">
+                        <h5 class="text-xl">New message</h5>
+                    </div>
+                    <!--:Search:-->
+                    <div class="relative mb-4">
+                        <label for="email_to" class="block mb-1.5">To</label>
+                        <input name="search" id="email_to" type="email" class="w-full input" placeholder="Search..."
+                            autofocus />
+                    </div>
+
+                    <div class="relative mb-4">
+                        <label for="email_Subject" class="block mb-1.5">Subject</label>
+                        <input name="search" type="text" id="email_Subject" class="w-full input" placeholder="Search..." />
+                    </div>
+                    <div class="relative mb-4">
+                        <label class="block mb-1.5">Message</label>
+                        <div id="editorEmail">
+
+                        </div>
+                    </div>
+                    <div class="flex items-center justify-end gap-2">
+                        <button type="button" class="btn hover:bg-zinc-500 hover:text-white gap-2" data-bs-dismiss="modal"><span class="icon-[lucide--trash]"></span>Discard</button>
+                         <button type="submit" class="btn bg-primary hover:bg-primary-deep text-white gap-2">Send <span class="icon-[lucide--send]"></span></button>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Checkbox:-->
+    <script>
+        document.addEventListener('DOMContentLoaded', function () {
+            const parentCheckbox = document.querySelector('input[name="check_emails"]');
+            const childCheckboxes = document.querySelectorAll('input[name="check_email"]');
+
+            function updateParentState() {
+                const total = childCheckboxes.length;
+                const checked = Array.from(childCheckboxes).filter(cb => cb.checked).length;
+
+                if (checked === 0) {
+                    parentCheckbox.checked = false;
+                    parentCheckbox.indeterminate = false;
+                } else if (checked === total) {
+                    parentCheckbox.checked = true;
+                    parentCheckbox.indeterminate = false;
+                } else {
+                    parentCheckbox.checked = false;
+                    parentCheckbox.indeterminate = true;
+                }
+            }
+
+            parentCheckbox.addEventListener('change', function () {
+                childCheckboxes.forEach(cb => {
+                    cb.checked = parentCheckbox.checked;
+                });
+                parentCheckbox.indeterminate = false; // Reset indeterminate state
+            });
+
+            childCheckboxes.forEach(cb => {
+                cb.addEventListener('change', updateParentState);
+            });
+        });
+    </script>
+
+    <!--:Editor:-->
+    <script src="vendor/js/quill.js"></script>
+    <script>
+        const quill = new Quill('#editorEmail', {
+            theme: 'snow',
+            modules: {
+                toolbar: [
+                    ['bold', 'italic', 'underline'],
+                    [{ 'list': 'ordered' }, { 'list': 'bullet' }],
+                    ['blockquote', 'code'],
+                    ['image'],
+                ],
+            }
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/auth-forgot-password-side.html b/public_html/raven-demo/auth-forgot-password-side.html
new file mode 100644
index 0000000..1e271d6
--- /dev/null
+++ b/public_html/raven-demo/auth-forgot-password-side.html
@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-white dark:bg-zinc-900 text-zinc-700 dark:text-zinc-300">
+    <div class="flex flex-auto flex-col">
+        <main class="flex h-full relative">
+         <div class="flex flex-col justify-center items-center flex-1">
+            <div class="w-full xl:max-w-[450px] px-4 md:px-8 max-w-lg py-8">
+               <div class="mb-5">
+                <a href="index.html" class="flex items-center mb-5">
+                    <span
+                        class="flex w-10 h-10 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                       <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                    fill="currentColor">
+                    <path
+                        d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                </svg>
+                    </span>
+                </a>
+                <h3 class="text-2xl font-semibold text-mono leading-none my-2.5">
+                    Forgot Password
+                </h3>
+                <span class="text-muted">
+                    Please enter your email to receive a verification code
+                </span>
+            </div>
+            <form>
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userEmail">
+                        Email
+                    </label>
+                    <input id="userEmail" class="input" placeholder="Email" type="text" value="">
+                </div>
+                <button type="submit"
+                    class="btn bg-primary text-white hover:bg-primary-deep w-full text-center">Submit</button>
+
+
+                <div class="flex items-center justify-center font-semibold gap-2 mt-3 text-zinc-400">
+                    Back to
+                    <a class="text-primary underline" href="auth-signin-side.html">
+                        Sign in
+                    </a>
+                </div>
+            </form>
+            </div>
+         </div>
+
+        <!--:Side-cover:-->
+        <div class="py-6 px-10 md:flex flex-col flex-1 justify-between hidden items-end relative max-w-[600px] 2xl:max-w-[720px] overflow-hidden rounded-s-3xl bg-primary">
+            <img src="images/bg-cover-2.jpg" class="absolute inset-0 object-cover w-full h-full opacity-50" alt="">
+        </div>
+    </main>
+    </div>
+
+
+    <div class="absolute ltr:right-3 rtl:left-3 top-3">
+        <div class="relative">
+          <button type="button"
+            class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+            data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+            <span class="icon-[lucide--settings] text-lg"></span>
+          </button>
+          <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+            <div class="mb-3 px-3 pt-2">
+              <h5>Theme</h5>
+            </div>
+
+            <div class="flex flex-wrap px-3 pb-2 gap-2">
+              <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #636DFF;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="navyTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #0E6DD9;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #049772;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #D300C5;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label class="flex items-center cursor-pointer dropdown-item">
+                <span class="icon-[lucide--sun-moon] me-1"></span>
+                <span class="flex-grow text-sm me-2">Dark mode</span>
+                <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+              </label>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                <span class="text-sm">Enable RTL</span>
+                <input type="checkbox" class="input-switch" id="toggleRTL" />
+              </label>
+      
+            </div>
+            <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <h5 class="px-3 mb-2">Sidebar</h5>
+                    <div class="radio-group flex items-center">
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                            <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                              <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                <span class="w-6 h-full bg-white rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Light
+                              </span>
+                            </label>
+                        </div>
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                            <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                               <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                 <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Dark
+                              </span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+          </div>
+        </div>
+    </div>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/auth-forgot-password.html b/public_html/raven-demo/auth-forgot-password.html
new file mode 100644
index 0000000..ac6c0da
--- /dev/null
+++ b/public_html/raven-demo/auth-forgot-password.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body class="font-theme flex flex-col h-full text-base font-normal bg-white dark:bg-zinc-900 text-zinc-700 dark:text-zinc-300">
+    <main class="flex flex-col items-center flex-1 justify-center">
+
+        <div class="px-4 max-w-md mx-auto py-8 w-full">
+            <div class="mb-5">
+                <a href="index.html" class="flex items-center mb-5">
+                    <span
+                        class="flex w-10 h-10 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                       <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                    fill="currentColor">
+                    <path
+                        d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                </svg>
+                    </span>
+                </a>
+                <h3 class="text-2xl font-semibold text-mono leading-none my-2.5">
+                    Forgot Password
+                </h3>
+                <span class="text-muted">
+                    Please enter your email to receive a verification code
+                </span>
+            </div>
+            <form>
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userEmail">
+                        Email
+                    </label>
+                    <input id="userEmail" class="input" placeholder="Email" type="text" value="">
+                </div>
+                <button type="submit"
+                    class="btn bg-primary text-white hover:bg-primary-deep w-full text-center">Submit</button>
+
+
+                <div class="flex items-center justify-center font-semibold gap-2 mt-3 text-zinc-400">
+                    Back to
+                    <a class="text-primary underline" href="auth-signin.html">
+                        Sign in
+                    </a>
+                </div>
+            </form>
+        </div>
+
+    </main>
+    <div class="absolute ltr:right-3 rtl:left-3 top-3">
+        <div class="relative">
+          <button type="button"
+            class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+            data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+            <span class="icon-[lucide--settings] text-lg"></span>
+          </button>
+          <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+            <div class="mb-3 px-3 pt-2">
+              <h5>Theme</h5>
+            </div>
+
+            <div class="flex flex-wrap px-3 pb-2 gap-2">
+              <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #636DFF;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="navyTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #0E6DD9;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #049772;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #D300C5;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label class="flex items-center cursor-pointer dropdown-item">
+                <span class="icon-[lucide--sun-moon] me-1"></span>
+                <span class="flex-grow text-sm me-2">Dark mode</span>
+                <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+              </label>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                <span class="text-sm">Enable RTL</span>
+                <input type="checkbox" class="input-switch" id="toggleRTL" />
+              </label>
+      
+            </div>
+            <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <h5 class="px-3 mb-2">Sidebar</h5>
+                    <div class="radio-group flex items-center">
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                            <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                              <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                <span class="w-6 h-full bg-white rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Light
+                              </span>
+                            </label>
+                        </div>
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                            <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                               <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                 <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Dark
+                              </span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+          </div>
+        </div>
+    </div>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/auth-signin-side.html b/public_html/raven-demo/auth-signin-side.html
new file mode 100644
index 0000000..a7d809b
--- /dev/null
+++ b/public_html/raven-demo/auth-signin-side.html
@@ -0,0 +1,232 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-white dark:bg-zinc-900 text-zinc-700 dark:text-zinc-300">
+    <div class="flex flex-auto flex-col">
+        <main class="flex h-full relative">
+         <div class="flex flex-col justify-center items-center flex-1">
+            <div class="w-full xl:max-w-[450px] px-4 md:px-8 max-w-lg py-8">
+                <div class="mb-5">
+                    <a href="index.html" class="flex items-center mb-5">
+                        <span
+                            class="flex w-10 h-10 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                            <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                                fill="currentColor">
+                                <path
+                                    d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                            </svg>
+                        </span>
+                    </a>
+                    <h3 class="text-2xl font-semibold text-mono leading-none mb-2.5">
+                        Welcome back!
+                    </h3>
+                    <span class="text-muted">
+                        Please enter your credentials to sign in!
+                    </span>
+                </div>
+                <form id="form_login" autocomplete="off" novalidate="novalidate">
+
+                    <div class="flex flex-col gap-1 mb-4">
+                        <label class="block mb-0.5 text-muted" for="userEmail">
+                            Email <span class="text-red-500">*</span>
+                        </label>
+                        <input id="userEmail" name="email" class="input" placeholder="email@email.com" type="text"
+                            value="">
+                    </div>
+                    <div class="flex flex-col gap-1 mb-4">
+                        <label class="block mb-0.5 text-muted" for="userPassword">
+                            Password <span class="text-red-500">*</span>
+                        </label>
+                        <input id="userPassword" name="password" class="input" placeholder="password" type="password"
+                            value="">
+
+                    </div>
+                    <button type="submit"
+                        class="btn bg-primary text-white hover:bg-primary-deep w-full text-center">Sign
+                        in</button>
+                    <span class="block mt-2">
+                        <a href="auth-forgot-password-side.html"
+                            class="border-b border-dashed inline-block leading-[1] text-zinc-500 hover:text-primary">Forgot
+                            password?</a>
+                    </span>
+
+                    <div class="flex items-center gap-2 my-5">
+                        <span class="border-t border-zinc-100 dark:border-zinc-900 w-full">
+                        </span>
+                        <span class="text-xs font-semibold uppercase">
+                            Or
+                        </span>
+                        <span class="border-t border-zinc-100 dark:border-zinc-900 w-full">
+                        </span>
+                    </div>
+
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-2.5 mb-5">
+                        <a class="flex items-center justify-center gap-2 btn text-sm font-semibold border border-zinc-200 dark:border-zinc-800 hover:border-current"
+                            href="#">
+                            <img alt="" class="size-4 shrink-0 " src="images/brands/google.svg">
+                            Use Google
+                        </a>
+                        <a class="flex items-center justify-center gap-2 btn text-sm font-semibold border border-zinc-200 dark:border-zinc-800 hover:border-current"
+                            href="#">
+                            <img alt="" class="size-4 shrink-0 " src="images/brands/linkedin.svg">
+                            Use Linkedin
+                        </a>
+                    </div>
+
+
+                    <div class="flex items-center justify-center font-semibold text-zinc-400 gap-2">
+                        Don't have an account yet?
+                        <a class="text-primary hover:text-primary-deep underline" href="auth-signup-side.html">
+                            Sign up
+                        </a>
+                    </div>
+                </form>
+            </div>
+         </div>
+
+        <!--:Side-cover:-->
+        <div class="py-6 px-10 md:flex flex-col flex-1 justify-between hidden items-end relative max-w-[600px] 2xl:max-w-[720px] overflow-hidden rounded-s-3xl bg-primary">
+            <img src="images/bg-cover-2.jpg" class="absolute inset-0 object-cover w-full h-full opacity-50" alt="">
+        </div>
+    </main>
+    </div>
+
+
+    <div class="absolute ltr:right-3 rtl:left-3 top-3">
+        <div class="relative">
+          <button type="button"
+            class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+            data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+            <span class="icon-[lucide--settings] text-lg"></span>
+          </button>
+          <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+            <div class="mb-3 px-3 pt-2">
+              <h5>Theme</h5>
+            </div>
+
+            <div class="flex flex-wrap px-3 pb-2 gap-2">
+              <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #636DFF;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="navyTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #0E6DD9;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #049772;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #D300C5;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label class="flex items-center cursor-pointer dropdown-item">
+                <span class="icon-[lucide--sun-moon] me-1"></span>
+                <span class="flex-grow text-sm me-2">Dark mode</span>
+                <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+              </label>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                <span class="text-sm">Enable RTL</span>
+                <input type="checkbox" class="input-switch" id="toggleRTL" />
+              </label>
+      
+            </div>
+            <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <h5 class="px-3 mb-2">Sidebar</h5>
+                    <div class="radio-group flex items-center">
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                            <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                              <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                <span class="w-6 h-full bg-white rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Light
+                              </span>
+                            </label>
+                        </div>
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                            <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                               <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                 <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Dark
+                              </span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+          </div>
+        </div>
+    </div>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <script src="vendor/js/just-validate.production.min.js"></script>
+    <script>
+        const validation = new JustValidate('#form_login');
+        validation
+            .addField('#userEmail', [
+                {
+                    rule: 'required',
+                    errorMessage: 'Email is required',
+                },
+                {
+                    rule: 'email',
+                    errorMessage: 'Enter a valid email address',
+                },
+            ])
+            .addField('#userPassword', [
+                {
+                    rule: 'required',
+                    errorMessage: 'Password is required',
+                },
+                {
+                    rule: 'minLength',
+                    value: 6,
+                    errorMessage: 'Password must be at least 6 characters',
+                },
+            ])
+            .onSuccess((event) => {
+                event.preventDefault();
+
+                // Simulate fake login delay
+                setTimeout(() => {
+                    window.location.href = 'index.html';
+                }, 1000);
+            });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/auth-signin.html b/public_html/raven-demo/auth-signin.html
new file mode 100644
index 0000000..fe12bc4
--- /dev/null
+++ b/public_html/raven-demo/auth-signin.html
@@ -0,0 +1,222 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Raven - Admin Dashboard</title>
+  <link rel="icon" href="images/favicon.png" type="image/png">
+  <!--Simplebar-->
+  <link rel="stylesheet" href="vendor/css/simplebar.css">
+  <!--:Fonts:-->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+  <!--:Main Style:-->
+  <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+  class="font-theme flex flex-col h-full text-base font-normal bg-white dark:bg-zinc-900 text-zinc-700 dark:text-zinc-300">
+  <main class="flex flex-col items-center flex-1 justify-center">
+
+    <div class="px-4 max-w-md mx-auto py-8 w-full">
+      <div class="mb-5">
+        <a href="index.html" class="flex items-center mb-5">
+          <span
+            class="flex w-10 h-10 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+            <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                    fill="currentColor">
+                    <path
+                        d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                </svg>
+          </span>
+        </a>
+        <h3 class="text-2xl font-semibold text-mono leading-none mb-2.5">
+          Welcome back!
+        </h3>
+        <span class="text-muted">
+          Please enter your credentials to sign in!
+        </span>
+      </div>
+      <form id="form_login" autocomplete="off" novalidate="novalidate">
+
+        <div class="flex flex-col gap-1 mb-4">
+          <label class="block mb-0.5 text-muted" for="userEmail">
+            Email
+          </label>
+          <input id="userEmail" name="email" class="input" placeholder="email@email.com" type="text" value="">
+        </div>
+        <div class="flex flex-col gap-1 mb-4">
+          <label class="block mb-0.5 text-muted" for="userPassword">
+            Password
+          </label>
+          <input id="userPassword" name="password" class="input" placeholder="password" type="password" value="">
+
+        </div>
+        <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep w-full text-center">Sign
+          in</button>
+        <span class="block mt-2">
+          <a href="auth-forgot-password.html"
+            class="border-b border-dashed inline-block leading-[1] text-zinc-500 hover:text-primary">Forgot
+            password?</a>
+        </span>
+
+        <div class="flex items-center gap-2 my-5">
+          <span class="border-t border-zinc-100 dark:border-zinc-900 w-full">
+          </span>
+          <span class="text-xs font-semibold uppercase">
+            Or
+          </span>
+          <span class="border-t border-zinc-100 dark:border-zinc-900 w-full">
+          </span>
+        </div>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-2.5 mb-5">
+          <a class="flex items-center justify-center gap-2 btn text-sm font-semibold border border-zinc-200 dark:border-zinc-800 hover:border-current"
+            href="#">
+            <img alt="" class="size-4 shrink-0 " src="images/brands/google.svg">
+            Use Google
+          </a>
+          <a class="flex items-center justify-center gap-2 btn text-sm font-semibold border border-zinc-200 dark:border-zinc-800 hover:border-current"
+            href="#">
+            <img alt="" class="size-4 shrink-0 " src="images/brands/linkedin.svg">
+            Use Linkedin
+          </a>
+        </div>
+
+
+        <div class="flex items-center justify-center font-semibold text-zinc-400 gap-2">
+          Don't have an account yet?
+          <a class="text-primary hover:text-primary-deep underline" href="auth-signup.html">
+            Sign up
+          </a>
+        </div>
+      </form>
+    </div>
+
+  </main>
+
+
+  <div class="absolute ltr:right-3 rtl:left-3 top-3">
+    <div class="relative">
+      <button type="button"
+        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+        data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+        <span class="icon-[lucide--settings] text-lg"></span>
+      </button>
+      <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+        <div class="mb-3 px-3 pt-2">
+          <h5>Theme</h5>
+        </div>
+
+        <div class="flex flex-wrap px-3 pb-2 gap-2">
+          <button id="indigoTheme" class="theme-switcher cursor-pointer">
+            <span class="flex items-center justify-center size-7 rounded-full text-white"
+              style="background-color: #636DFF;">
+              <span class="icon-[lucide--check] theme-check text-lg"></span>
+            </span>
+          </button>
+          <button id="navyTheme" class="theme-switcher cursor-pointer">
+            <span class="flex items-center justify-center size-7 rounded-full text-white"
+              style="background-color: #0E6DD9;">
+              <span class="icon-[lucide--check] theme-check text-lg"></span>
+            </span>
+          </button>
+          <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+            <span class="flex items-center justify-center size-7 rounded-full text-white"
+              style="background-color: #049772;">
+              <span class="icon-[lucide--check] theme-check text-lg"></span>
+            </span>
+          </button>
+          <button id="purpleTheme" class="theme-switcher cursor-pointer">
+            <span class="flex items-center justify-center size-7 rounded-full text-white"
+              style="background-color: #D300C5;">
+              <span class="icon-[lucide--check] theme-check text-lg"></span>
+            </span>
+          </button>
+        </div>
+        <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+          <label class="flex items-center cursor-pointer dropdown-item">
+            <span class="icon-[lucide--sun-moon] me-1"></span>
+            <span class="flex-grow text-sm me-2">Dark mode</span>
+            <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+          </label>
+        </div>
+        <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+          <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+            <span class="text-sm">Enable RTL</span>
+            <input type="checkbox" class="input-switch" id="toggleRTL" />
+          </label>
+      
+        </div>
+        <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                <h5 class="px-3 mb-2">Sidebar</h5>
+                <div class="radio-group flex items-center">
+                    <div class="radio-option flex-grow">
+                        <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                        <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                          <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                            <span class="w-6 h-full bg-white rounded-sm"></span>
+                          </span>
+                          <span class="block text-sm text-zinc-400">
+                            Light
+                          </span>
+                        </label>
+                    </div>
+                    <div class="radio-option flex-grow">
+                        <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                        <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                           <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                             <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                          </span>
+                          <span class="block text-sm text-zinc-400">
+                            Dark
+                          </span>
+                        </label>
+                    </div>
+                </div>
+            </div>
+      </div>
+    </div>
+  </div>
+
+  <!--:Scripts:-->
+  <script src="js/theme.js"></script>
+  <script src="vendor/js/just-validate.production.min.js"></script>
+  <script>
+    const validation = new JustValidate('#form_login');
+    validation
+      .addField('#userEmail', [
+        {
+          rule: 'required',
+          errorMessage: 'Email is required',
+        },
+        {
+          rule: 'email',
+          errorMessage: 'Enter a valid email address',
+        },
+      ])
+      .addField('#userPassword', [
+        {
+          rule: 'required',
+          errorMessage: 'Password is required',
+        },
+        {
+          rule: 'minLength',
+          value: 6,
+          errorMessage: 'Password must be at least 6 characters',
+        },
+      ])
+      .onSuccess((event) => {
+        event.preventDefault();
+
+        // Simulate fake login delay
+        setTimeout(() => {
+          window.location.href = 'index.html';
+        }, 1000);
+      });
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/auth-signup-side.html b/public_html/raven-demo/auth-signup-side.html
new file mode 100644
index 0000000..a340b12
--- /dev/null
+++ b/public_html/raven-demo/auth-signup-side.html
@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-white dark:bg-zinc-900 text-zinc-700 dark:text-zinc-300">
+    <div class="flex flex-auto flex-col">
+        <main class="flex h-full relative">
+         <div class="flex flex-col justify-center items-center flex-1">
+            <div class="w-full xl:max-w-[450px] px-4 md:px-8 max-w-lg py-8">
+                <div class="mb-5">
+                    <a href="index.html" class="flex items-center mb-5">
+                        <span
+                            class="flex w-10 h-10 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                            <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                                fill="currentColor">
+                                <path
+                                    d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                            </svg>
+                        </span>
+                    </a>
+                    <h3 class="text-2xl font-semibold text-mono leading-none mb-2.5">
+                        Sign Up
+                    </h3>
+                    <span class="text-muted">
+                         And lets get started with your free trial!
+                    </span>
+                </div>
+                 <form>
+               
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userName">
+                        User name
+                    </label>
+                    <input id="userName" class="input" placeholder="User Name" type="text" value="">
+                </div>
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userEmail">
+                        Email
+                    </label>
+                    <input id="userEmail" class="input" placeholder="Email" type="email" value="">
+                </div>
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userPassword">
+                        Password
+                    </label>
+                    <input id="userPassword" class="input" placeholder="Password" type="password" value="">
+                </div>
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userConfirmPassword">
+                        Confirm password
+                    </label>
+                    <input id="userConfirmPassword" class="input" placeholder="Confirm password" type="password"
+                        value="">
+                </div>
+                <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep w-full text-center">Sign
+                    up</button>
+
+
+                <div class="flex items-center justify-center font-semibold text-zinc-400 mt-3 gap-2">
+                    Already have an account?
+                    <a class="text-primary hover:text-primary-deep underline" href="auth-signin-side.html">
+                        Sign in
+                    </a>
+                </div>
+            </form>
+            </div>
+         </div>
+
+        <!--:Side-cover:-->
+        <div class="py-6 px-10 md:flex flex-col flex-1 justify-between hidden items-end relative max-w-[600px] 2xl:max-w-[720px] overflow-hidden rounded-s-3xl bg-primary">
+            <img src="images/bg-cover-2.jpg" class="absolute inset-0 object-cover w-full h-full opacity-50" alt="">
+        </div>
+    </main>
+    </div>
+
+
+    <div class="absolute ltr:right-3 rtl:left-3 top-3">
+        <div class="relative">
+          <button type="button"
+            class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+            data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+            <span class="icon-[lucide--settings] text-lg"></span>
+          </button>
+          <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+            <div class="mb-3 px-3 pt-2">
+              <h5>Theme</h5>
+            </div>
+
+            <div class="flex flex-wrap px-3 pb-2 gap-2">
+              <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #636DFF;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="navyTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #0E6DD9;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #049772;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #D300C5;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label class="flex items-center cursor-pointer dropdown-item">
+                <span class="icon-[lucide--sun-moon] me-1"></span>
+                <span class="flex-grow text-sm me-2">Dark mode</span>
+                <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+              </label>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                <span class="text-sm">Enable RTL</span>
+                <input type="checkbox" class="input-switch" id="toggleRTL" />
+              </label>
+      
+            </div>
+            <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <h5 class="px-3 mb-2">Sidebar</h5>
+                    <div class="radio-group flex items-center">
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                            <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                              <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                <span class="w-6 h-full bg-white rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Light
+                              </span>
+                            </label>
+                        </div>
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                            <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                               <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                 <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Dark
+                              </span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+          </div>
+        </div>
+    </div>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/auth-signup.html b/public_html/raven-demo/auth-signup.html
new file mode 100644
index 0000000..d3d8981
--- /dev/null
+++ b/public_html/raven-demo/auth-signup.html
@@ -0,0 +1,171 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body class="font-theme flex flex-col h-full text-base font-normal bg-white dark:bg-zinc-900 text-zinc-700 dark:text-zinc-300">
+    <main class="flex flex-col items-center flex-1 justify-center">
+
+        <div class="px-4 max-w-md mx-auto py-8 w-full">
+             <div class="mb-5">
+                    <a href="index.html" class="flex items-center mb-5">
+                        <span
+                            class="flex w-10 h-10 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                            <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                    fill="currentColor">
+                    <path
+                        d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                </svg>
+                        </span>
+                    </a>
+                    <h3 class="text-2xl font-semibold text-mono leading-none my-2.5">
+                        Sign Up
+                    </h3>
+                    <span class="text-zinc-500 dark:text-zinc-400">
+                        And lets get started with your free trial
+                    </span>
+                </div>
+            <form>
+               
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userName">
+                        User name
+                    </label>
+                    <input id="userName" class="input" placeholder="User Name" type="text" value="">
+                </div>
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userEmail">
+                        Email
+                    </label>
+                    <input id="userEmail" class="input" placeholder="Email" type="email" value="">
+                </div>
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userPassword">
+                        Password
+                    </label>
+                    <input id="userPassword" class="input" placeholder="Password" type="password" value="">
+                </div>
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userConfirmPassword">
+                        Confirm password
+                    </label>
+                    <input id="userConfirmPassword" class="input" placeholder="Confirm password" type="password"
+                        value="">
+                </div>
+                <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep w-full text-center">Sign
+                    up</button>
+
+
+                <div class="flex items-center justify-center font-semibold text-zinc-400 mt-3 gap-2">
+                    Already have an account?
+                    <a class="text-primary hover:text-primary-deep underline" href="auth-signin.html">
+                        Sign in
+                    </a>
+                </div>
+            </form>
+        </div>
+
+    </main>
+    <div class="absolute ltr:right-3 rtl:left-3 top-3">
+        <div class="relative">
+          <button type="button"
+            class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+            data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+            <span class="icon-[lucide--settings] text-lg"></span>
+          </button>
+          <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+            <div class="mb-3 px-3 pt-2">
+              <h5>Theme</h5>
+            </div>
+
+            <div class="flex flex-wrap px-3 pb-2 gap-2">
+              <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #636DFF;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="navyTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #0E6DD9;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #049772;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #D300C5;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label class="flex items-center cursor-pointer dropdown-item">
+                <span class="icon-[lucide--sun-moon] me-1"></span>
+                <span class="flex-grow text-sm me-2">Dark mode</span>
+                <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+              </label>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                <span class="text-sm">Enable RTL</span>
+                <input type="checkbox" class="input-switch" id="toggleRTL" />
+              </label>
+      
+            </div>
+            <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <h5 class="px-3 mb-2">Sidebar</h5>
+                    <div class="radio-group flex items-center">
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                            <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                              <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                <span class="w-6 h-full bg-white rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Light
+                              </span>
+                            </label>
+                        </div>
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                            <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                               <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                 <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Dark
+                              </span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+          </div>
+        </div>
+    </div>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-alert.html b/public_html/raven-demo/component-alert.html
new file mode 100644
index 0000000..2c98e74
--- /dev/null
+++ b/public_html/raven-demo/component-alert.html
@@ -0,0 +1,1172 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item active">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Alert</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Alert</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Alert Basic</h5>
+                </div>
+                <div class="p-4 table">
+                    <!--alert-->
+                    <div role="alert"
+                        class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200">
+                       Database fetched successfully
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div role="alert" class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200"&gt;
+  Database fetched successfully
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Icon</h5>
+                </div>
+                <div class="p-4 table">
+                    <!--alert-->
+                    <div role="alert"
+                        class="flex gap-2.5 items-center px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200">
+                         <span class="icon-[lucide--database-zap] text-xl shrink-0"></span>
+                        <div class="flex-grow">
+                            Database fetched successfully
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div role="alert" class="flex gap-2.5 items-center px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200"&gt;
+   &lt;span class="icon-[lucide--database-zap] text-xl shrink-0"&gt;&lt;/span&gt;
+   &lt;div class="flex-grow"&gt;
+      Database fetched successfully
+   &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Title</h5>
+                </div>
+                <div class="p-4 table">
+                    <!--alert-->
+                    <div role="alert"
+                        class="flex gap-2.5 items-start px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200">
+                         <span class="icon-[lucide--database-zap] text-xl shrink-0 mt-1"></span>
+                        <div class="flex-grow">
+                            <span class="text-lg font-semibold">
+                                Database fetched successfully
+                            </span>
+                            <p>
+                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--alert--&gt;
+&lt;div role="alert"
+   class="flex gap-2.5 items-start px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200"&gt;
+   &lt;span class="icon-[lucide--database-zap] text-xl shrink-0 mt-1"&gt;&lt;/span&gt;
+   &lt;div class="flex-grow"&gt;
+      &lt;span class="text-lg font-semibold"&gt;
+         Database fetched successfully
+      &lt;/span&gt;
+      &lt;p&gt;
+         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+         magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+         consequat.
+      &lt;/p&gt;
+   &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Closable</h5>
+                </div>
+                <div class="p-4 table">
+                    <!--alert-->
+                    <div role="alert"
+                        class="alert fade show flex flex-wrap items-center justify-between px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200">
+                       Database fetched successfully
+                       <span data-bs-dismiss="alert" aria-label="Close" class="icon-[lucide--x] text-xl cursor-pointer ms-3"></span>
+                      </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div role="alert"
+   class="alert fade show flex flex-wrap items-center justify-between px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200"&gt;
+   Database fetched successfully
+   &lt;!--:Close alert:--&gt;
+   &lt;span data-bs-dismiss="alert" aria-label="Close" class="icon-[lucide--x] text-xl cursor-pointer ms-3"&gt;&lt;/span&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+             <!--:Card:-->
+            <div
+                class="overflow-hidden rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Variant</h5>
+                </div>
+                <div class="p-4 flex flex-col gap-2">
+                     <!--alert-->
+                    <div role="alert"
+                        class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-primary/20 text-primary-deep dark:text-primary">
+                      This is a Primary alert
+                    </div>
+                     <!--alert-->
+                    <div role="alert"
+                        class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-zinc-100 dark:bg-zinc-800">
+                      This is a Default alert
+                    </div>
+                    <!--alert-->
+                    <div role="alert"
+                        class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-yellow-500/20 text-yellow-800 dark:text-yellow-200">
+                      This is a Warning alert
+                    </div>
+                    <!--alert-->
+                    <div role="alert"
+                        class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-sky-500/10 text-blue-800 dark:text-blue-200">
+                      This is a Info alert
+                    </div>
+                    <!--alert-->
+                    <div role="alert"
+                        class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200">
+                      This is a Success alert
+                    </div>
+                    <!--alert-->
+                    <div role="alert"
+                        class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-red-500/10 text-red-800 dark:text-red-200">
+                      This is a Danger alert
+                    </div>
+                   
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--alert primary--&gt;
+&lt;div role="alert"
+   class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-primary/20 text-primary-deep dark:text-primary"&gt;
+   This is a Primary alert
+&lt;/div&gt;
+&lt;!--alert default--&gt;
+&lt;div role="alert" class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-zinc-100 dark:bg-zinc-800"&gt;
+   This is a Default alert
+&lt;/div&gt;
+&lt;!--alert warning--&gt;
+&lt;div role="alert"
+   class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-yellow-500/20 text-yellow-800 dark:text-yellow-200"&gt;
+   This is a Warning alert
+&lt;/div&gt;
+&lt;!--alert info--&gt;
+&lt;div role="alert"
+   class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-sky-500/10 text-blue-800 dark:text-blue-200"&gt;
+   This is a Info alert
+&lt;/div&gt;
+&lt;!--alert success--&gt;
+&lt;div role="alert"
+   class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200"&gt;
+   This is a Success alert
+&lt;/div&gt;
+&lt;!--alert danger--&gt;
+&lt;div role="alert"
+   class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-red-500/10 text-red-800 dark:text-red-200"&gt;
+   This is a Danger alert
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-animation.html b/public_html/raven-demo/component-animation.html
new file mode 100644
index 0000000..a74b51c
--- /dev/null
+++ b/public_html/raven-demo/component-animation.html
@@ -0,0 +1,1111 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item active">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Animation</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Animation</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Spin</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <div class="inline-flex items-center gap-2">
+                            <!--:Spinner:-->
+                            <svg class="animate-spin h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none"
+                                viewBox="0 0 24 24">
+                                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"
+                                    stroke-width="4"></circle>
+                                <path class="" fill="currentColor"
+                                    d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
+                                </path>
+                            </svg>
+                        </div>
+                        <div class="w-full flex-grow"></div>
+                        <button type="default" class="inline-flex items-center gap-2">
+                            <!--:Spinner:-->
+                            <svg class="animate-spin h-4 w-4 text-primary" xmlns="http://www.w3.org/2000/svg"
+                                fill="none" viewBox="0 0 24 24">
+                                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"
+                                    stroke-width="4"></circle>
+                                <path class="" fill="currentColor"
+                                    d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
+                                </path>
+                            </svg>
+                            Loading...
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="inline-flex items-center gap-2"&gt;
+    &lt;!--:Spinner:--&gt;
+    &lt;svg class="animate-spin h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"&gt;
+        &lt;circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"&gt;&lt;/circle&gt;
+        &lt;path class="" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"&gt;
+        &lt;/path&gt;
+    &lt;/svg&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Ping</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <button type="button" class="cursor-pointer relative btn btn-sm !p-2 btn-default">
+                            <span class="icon-[lucide--bell] text-lg"></span>
+                            <!--:Notification badge with animation:-->
+                            <span class="absolute -right-1 -top-1 flex size-3">
+                                <span
+                                    class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                                <span class="relative inline-flex size-3 rounded-full bg-orange-500"></span>
+                            </span>
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button type="button" class="cursor-pointer relative btn btn-sm !p-2 btn-default"&gt;
+    &lt;span class="icon-[lucide--bell] text-lg"&gt;&lt;/span&gt;
+    &lt;!--:Notification badge:--&gt;
+    &lt;span class="absolute -right-1 -top-1 flex size-3"&gt;
+        &lt;span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"&gt;&lt;/span&gt;
+        &lt;span class="relative inline-flex size-3 rounded-full bg-orange-500"&gt;&lt;/span&gt;
+    &lt;/span&gt;
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Pulse</h5>
+                </div>
+                <div class="p-4">
+                    <!--:Pulse animation card:-->
+                    <div class="w-full max-w-sm rounded-lg border border-zinc-100 dark:border-zinc-900 bg-white dark:bg-zinc-950 p-4">
+                        <div class="flex animate-pulse space-x-4">
+                            <div class="size-10 rounded-full bg-zinc-200 dark:bg-zinc-700"></div>
+                            <div class="flex-1 space-y-6 py-1">
+                                <div class="h-2 rounded bg-zinc-200 dark:bg-zinc-700"></div>
+                                <div class="space-y-3">
+                                    <div class="grid grid-cols-3 gap-4">
+                                        <div class="col-span-2 h-2 rounded bg-zinc-200 dark:bg-zinc-700"></div>
+                                        <div class="col-span-1 h-2 rounded bg-zinc-200 dark:bg-zinc-700"></div>
+                                    </div>
+                                    <div class="h-2 rounded bg-zinc-200 dark:bg-zinc-700"></div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Pulse animation card:--&gt;
+&lt;div class="w-full max-w-sm rounded-md border border-zinc-100 dark:border-zinc-900 bg-white dark:bg-zinc-950 p-4"&gt;
+    &lt;div class="flex animate-pulse space-x-4"&gt;
+        &lt;div class="size-10 rounded-full bg-zinc-200 dark:bg-zinc-700"&gt;&lt;/div&gt;
+        &lt;div class="flex-1 space-y-6 py-1"&gt;
+            &lt;div class="h-2 rounded bg-zinc-200 dark:bg-zinc-700"&gt;&lt;/div&gt;
+            &lt;div class="space-y-3"&gt;
+                &lt;div class="grid grid-cols-3 gap-4"&gt;
+                    &lt;div class="col-span-2 h-2 rounded bg-zinc-200 dark:bg-zinc-700"&gt;&lt;/div&gt;
+                    &lt;div class="col-span-1 h-2 rounded bg-zinc-200 dark:bg-zinc-700"&gt;&lt;/div&gt;
+                &lt;/div&gt;
+                &lt;div class="h-2 rounded bg-zinc-200 dark:bg-zinc-700"&gt;&lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-avatar.html b/public_html/raven-demo/component-avatar.html
new file mode 100644
index 0000000..2d117e4
--- /dev/null
+++ b/public_html/raven-demo/component-avatar.html
@@ -0,0 +1,1176 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item active">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Avatar</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Avatar</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+              <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Mask Avatars</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-col gap-2">
+                        <span class="font-mono">squircle</span>
+                      <div class="relative">
+                        <img alt="" src="images/avatars/thumb-1.jpg" class="size-16 mask squircle">
+                      </div>
+                      <hr class="border-zinc-200 dark:border-zinc-800 my-2">
+                      <span class="font-mono">triangle</span>
+                      <div class="relative">
+                        <img alt="" src="images/avatars/thumb-1.jpg" class="size-16 mask triangle">
+                      </div>
+                      <hr class="border-zinc-200 dark:border-zinc-800 my-2">
+                      <span class="font-mono">diamond</span>
+                      <div class="relative">
+                        <img alt="" src="images/avatars/thumb-1.jpg" class="size-16 mask diamond">
+                      </div>
+                      <hr class="border-zinc-200 dark:border-zinc-800 my-2">
+                      <span class="font-mono">hexagon</span>
+                      <div class="relative">
+                        <img alt="" src="images/avatars/thumb-1.jpg" class="size-16 mask hexagon">
+                      </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-16 mask squircle"&gt;
+&lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-16 mask triangle"&gt;
+&lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-16 mask diamond"&gt;
+&lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-16 mask hexagon"&gt;
+</code></pre>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Sizing</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                      <img alt="" src="images/avatars/thumb-1.jpg" class="size-6 rounded-full">
+                      <img alt="" src="images/avatars/thumb-1.jpg" class="size-8 rounded-full">
+                      <img alt="" src="images/avatars/thumb-1.jpg" class="size-10 rounded-full">
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-6 rounded-full"&gt;
+&lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-8 rounded-full"&gt;
+&lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-10 rounded-full"&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Type</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <span class="size-8 flex items-center justify-center rounded-full bg-zinc-400 text-white text-sm font-semibold shrink-0 leading-none">P</span>
+<span class="size-8 flex items-center justify-center rounded-full bg-zinc-400 text-white text-xs font-semibold shrink-0 leading-none">
+   <span class="icon-[lucide--user] text-lg"></span>
+</span>
+                      <img alt="" src="images/avatars/thumb-1.jpg" class="size-8 rounded-full">
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;span class="size-8 flex items-center justify-center rounded-full bg-zinc-400 text-white text-sm font-semibold shrink-0 leading-none"&gt;
+   P
+&lt;/span&gt;
+&lt;span class="size-8 flex items-center justify-center rounded-full bg-zinc-400 text-white text-xs font-semibold shrink-0 leading-none"&gt;
+   &lt;span class="icon-[solar--shield-user-linear] text-lg"&gt;&lt;/span&gt;
+&lt;/span&gt;
+&lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-8 rounded-full"&gt;
+</code></pre>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Group</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center -space-x-2 mb-3">
+                      <img alt="" src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                      <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                      <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                    </div>
+                    <div class="flex flex-wrap items-center -space-x-2 mb-3">
+                      <img alt="" src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                      <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                      <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                      <span class="size-8 flex items-center justify-center bg-zinc-400 border-2 border-white dark:border-zinc-900 rounded-full text-white text-xs font-semibold">3+</span>
+                    </div>
+                    <div class="flex flex-wrap items-center -space-x-2">
+                      <img alt="" src="images/avatars/thumb-7.jpg" class="size-10 border-2 border-white dark:border-zinc-900 rounded-full">
+                      <img alt="" src="images/avatars/thumb-8.jpg" class="size-10 border-2 border-white dark:border-zinc-900 rounded-full">
+                      <img alt="" src="images/avatars/thumb-9.jpg" class="size-10 border-2 border-white dark:border-zinc-900 rounded-full">
+                      <span class="h-10 px-3 flex items-center justify-center bg-zinc-400 border-2 border-white dark:border-zinc-900 rounded-full text-white text-xs font-semibold">+20k users</span>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="flex flex-wrap items-center -space-x-2"&gt;
+   &lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+   &lt;img alt="" src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+   &lt;img alt="" src="images/avatars/thumb-3.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+&lt;/div&gt;
+&lt;div class="flex flex-wrap items-center -space-x-2"&gt;
+   &lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+   &lt;img alt="" src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+   &lt;img alt="" src="images/avatars/thumb-3.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+   &lt;span class="size-8 flex items-center justify-center bg-zinc-400 border-2 border-white dark:border-zinc-900 rounded-full text-white text-xs font-semibold"&gt;
+   3+
+   &lt;/span&gt;
+&lt;/div&gt;
+&lt;div class="flex flex-wrap items-center -space-x-2"&gt;
+   &lt;img alt="" src="images/avatars/thumb-7.jpg" class="size-10 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+   &lt;img alt="" src="images/avatars/thumb-8.jpg" class="size-10 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+   &lt;img alt="" src="images/avatars/thumb-9.jpg" class="size-10 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+   &lt;span class="h-10 px-3 flex items-center justify-center bg-zinc-400 border-2 border-white dark:border-zinc-900 rounded-full text-white text-xs font-semibold"&gt;
+   +20k users
+   &lt;/span&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Status</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <span class="size-8 rounded-full block relative">
+                            <img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full">
+                            <!--:Status:-->
+                            <span class="size-2.5 rounded-full border-2 border-white dark:border-zinc-900 bg-green-500 block absolute right-0 bottom-0"></span>
+                        </span>
+                        <span class="size-8 rounded-full block relative">
+                            <img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full">
+                            <!--:Status:-->
+                            <span class="size-2.5 rounded-full border-2 border-white dark:border-zinc-900 bg-yellow-500 block absolute right-0 bottom-0"></span>
+                        </span>
+                        <span class="size-8 rounded-full block relative">
+                            <img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full">
+                            <!--:Status:-->
+                            <span class="size-2.5 rounded-full border-2 border-white dark:border-zinc-900 bg-red-500 block absolute right-0 bottom-0"></span>
+                        </span>
+                        <span class="size-8 rounded-full block relative">
+                            <img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full">
+                            <!--:Status:-->
+                            <span class="size-2.5 rounded-full border-2 border-white dark:border-zinc-900 bg-zinc-300 block absolute right-0 bottom-0"></span>
+                        </span>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;span class="size-8 rounded-full block relative"&gt;
+   &lt;img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full"&gt;
+   &lt;!--:Status:--&gt;
+   &lt;span class="size-2.5 rounded-full border-2 border-white dark:border-zinc-900 bg-green-500 block absolute right-0 bottom-0"&gt;&lt;/span&gt;
+&lt;/span&gt;
+&lt;span class="size-8 rounded-full block relative"&gt;
+   &lt;img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full"&gt;
+   &lt;!--:Status:--&gt;
+   &lt;span class="size-2.5 rounded-full border-2 border-white dark:border-zinc-900 bg-yellow-500 block absolute right-0 bottom-0"&gt;&lt;/span&gt;
+&lt;/span&gt;
+&lt;span class="size-8 rounded-full block relative"&gt;
+   &lt;img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full"&gt;
+   &lt;!--:Status:--&gt;
+   &lt;span class="size-2.5 rounded-full border-2 border-white dark:border-zinc-900 bg-red-500 block absolute right-0 bottom-0"&gt;&lt;/span&gt;
+&lt;/span&gt;
+&lt;span class="size-8 rounded-full block relative"&gt;
+   &lt;img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full"&gt;
+   &lt;!--:Status:--&gt;
+   &lt;span class="size-2.5 rounded-full border-2 border-white dark:border-zinc-900 bg-zinc-300 block absolute right-0 bottom-0"&gt;&lt;/span&gt;
+&lt;/span&gt;                  
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+        <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-badge.html b/public_html/raven-demo/component-badge.html
new file mode 100644
index 0000000..61f2e98
--- /dev/null
+++ b/public_html/raven-demo/component-badge.html
@@ -0,0 +1,1095 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item active">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Badge</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Badge</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Default</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <span class="badge bg-zinc-400/20 text-muted">Default</span>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;span class="badge bg-zinc-400/20 text-muted"&gt;Default&lt;/span&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Custom color class</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <span class="badge bg-primary/10 text-primary">Primary</span>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;span class="badge bg-primary/10 text-primary"&gt;Primary&lt;/span&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Color variant</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <span class="badge bg-green-500/10 text-green-500">Active</span>
+                         <span class="badge bg-amber-500/10 text-amber-500">Pending</span>
+                          <span class="badge bg-red-500/10 text-red-500">Declined</span>
+                           <span class="badge bg-sky-500/10 text-sky-500">In progress</span>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;span class="badge bg-green-500/10 text-green-500"&gt;Active&lt;/span&gt;
+&lt;span class="badge bg-amber-500/10 text-amber-500"&gt;Pending&lt;/span&gt;
+&lt;span class="badge bg-red-500/10 text-red-500"&gt;Declined&lt;/span&gt;
+&lt;span class="badge bg-sky-500/10 text-sky-500"&gt;In progress&lt;/span&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">In button</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <button type="button" class="btn btn-default">
+                          <span class="icon-[lucide--bell] text-lg me-2"></span> 
+                          Notifications 
+                          <span class="badge bg-red-500/10 text-red-500 ms-2">99+</span>
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button type="button" class="btn btn-default"&gt;
+    &lt;span class="icon-[lucide--bell] text-lg me-2"&gt;&lt;/span&gt;
+    Notifications
+    &lt;span class="badge bg-red-500/10 text-red-500 ms-2"&gt;99+&lt;/span&gt;
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Custom position</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <button type="button" class="btn btn-default relative">
+                          <span class="icon-[lucide--bell] text-lg me-2"></span> 
+                          Notifications 
+                          <span class="badge !p-0 size-8 !rounded-full flex items-center justify-center border-4 border-white dark:border-zinc-900 bg-red-500 text-white absolute left-full top-0 -translate-x-1/2 -translate-y-1/2">9+</span>
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button type="button" class="btn btn-default relative"&gt;
+    &lt;span class="icon-[lucide--bell] text-lg me-2"&gt;&lt;/span&gt;
+    Notifications
+    &lt;span class="badge !p-0 size-8 !rounded-full flex items-center justify-center border-4 border-white dark:border-zinc-900 bg-red-500 text-white absolute left-full top-0 -translate-x-1/2 -translate-y-1/2"&gt;
+        9+
+    &lt;/span&gt;
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-breadcrum.html b/public_html/raven-demo/component-breadcrum.html
new file mode 100644
index 0000000..c5da36a
--- /dev/null
+++ b/public_html/raven-demo/component-breadcrum.html
@@ -0,0 +1,1089 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item active">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Breadcrumb</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Breadcrumb</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Default</h5>
+                </div>
+                <div class="p-4">
+                    <ol class="flex gap-1 items-center text-sm">
+                        <li class="flex items-center"><a href="index.html"
+                                class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                        <li class="flex items-center opacity-30 leading-none">
+                            <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                        <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                        <li class="flex items-center opacity-30 leading-none">
+                            <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                        <li class="flex items-center"><span class="pointer-events-none">Breadcrumb</span></li>
+                    </ol>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;ol class="flex gap-1 items-center text-sm"&gt;
+    &lt;li class="flex items-center"&gt;&lt;a href="index.html"
+            class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white"&gt;Home&lt;/a&gt;&lt;/li&gt;
+    &lt;li class="flex items-center opacity-30 leading-none"&gt;
+        &lt;span class="icon-[lucide--chevron-right] rtl:rotate-180"&gt;&lt;/span&gt;&lt;/li&gt;
+    &lt;li class="flex items-center"&gt;&lt;span class="pointer-events-none"&gt;Components&lt;/span&gt;&lt;/li&gt;
+    &lt;li class="flex items-center opacity-30 leading-none"&gt;
+        &lt;span class="icon-[lucide--chevron-right] rtl:rotate-180"&gt;&lt;/span&gt;&lt;/li&gt;
+    &lt;li class="flex items-center"&gt;&lt;span class="pointer-events-none"&gt;Breadcrumb&lt;/span&gt;&lt;/li&gt;
+&lt;/ol&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Icon</h5>
+                </div>
+                <div class="p-4">
+                    <ol class="flex gap-1 items-center text-sm">
+                        <li class="flex items-center"><a href="index.html"
+                                class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white flex items-center">
+                                <span class="icon-[lucide--home] text-lg leading-tight"></span></a></li>
+                        <li class="flex items-center opacity-30 leading-none">
+                            <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                        <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                        <li class="flex items-center opacity-30 leading-none">
+                            <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                        <li class="flex items-center"><span class="pointer-events-none">Breadcrumb</span></li>
+                    </ol>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;ol class="flex gap-1 items-center text-sm"&gt;
+    &lt;li class="flex items-center"&gt;&lt;a href="index.html"
+            class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white flex items-center"&gt;
+            &lt;span class="icon-[lucide--home] text-lg leading-tight"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
+    &lt;li class="flex items-center opacity-30 leading-none"&gt;
+        &lt;span class="icon-[lucide--chevron-right] rtl:rotate-180"&gt;&lt;/span&gt;&lt/li&gt;
+    &lt;li class="flex items-center"&gt;&lt;span class="pointer-events-none"&gt;Components&lt;/span&gt;&lt;/li&gt;
+    &lt;li class="flex items-center opacity-30 leading-none"&gt;
+        &lt;span class="icon-[lucide--chevron-right] rtl:rotate-180"&gt;&lt;/span&gt;&lt;/li&gt;
+    &lt;li class="flex items-center"&gt;&lt;span class="pointer-events-none"&gt;Breadcrumb&lt;/span&gt;&lt;/li&gt;
+&lt;/ol&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Custom divider</h5>
+                </div>
+                <div class="p-4">
+                    <ol class="flex gap-1 items-center text-sm">
+                        <li class="flex items-center"><a href="index.html"
+                                class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white flex items-center">
+                            Home</a></li>
+                        <li class="flex items-center opacity-30 leading-none">
+                            <span class="size-1 bg-current rounded-full mx-1"></span></li>
+                        <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                         <li class="flex items-center opacity-30 leading-none">
+                            <span class="size-1 bg-current rounded-full mx-1"></span></li>
+                        <li class="flex items-center"><span class="pointer-events-none">Breadcrumb</span></li>
+                    </ol>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;ol class="flex gap-1 items-center text-sm"&gt;
+    &lt;li class="flex items-center"&gt;&lt;a href="index.html"
+            class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white flex items-center"&gt;
+            Home&lt;/a&gt;&lt;/li&gt;
+    &lt;li class="flex items-center opacity-30 leading-none"&gt;
+        &lt;span class="size-1 bg-current rounded-full mx-1"&gt;&lt;/span&gt;
+    &lt;/li&gt;
+    &lt;li class="flex items-center"&gt;&lt;span class="pointer-events-none"&gt;Components&lt;/span&gt;&lt;/li&gt;
+    &lt;li class="flex items-center opacity-30 leading-none"&gt;
+        &lt;span class="size-1 bg-current rounded-full mx-1"&gt;&lt;/span&gt;
+    &lt;/li&gt;
+    &lt;li class="flex items-center"&gt;&lt;span class="pointer-events-none"&gt;Breadcrumb&lt;/span&gt;&lt;/li&gt;
+&lt;/ol&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-button.html b/public_html/raven-demo/component-button.html
new file mode 100644
index 0000000..7fc5fee
--- /dev/null
+++ b/public_html/raven-demo/component-button.html
@@ -0,0 +1,1212 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item active">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Button</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Button</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Variant</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <button class="btn btn-default">
+                            Default
+                        </button>
+                        <button class="btn bg-primary hover:bg-primary-deep text-white">
+                            Fill button
+                        </button>
+                        <button class="btn text-current hover:text-primary">
+                            Flat
+                        </button>
+                        <div class="flex-grow w-full"></div>
+                        <button class="btn btn-default disabled:opacity-60 disabled:pointer-events-none" disabled>
+                            Disabled
+                        </button>
+                        <button
+                            class="btn bg-primary hover:bg-primary-deep text-white disabled:opacity-60 disabled:pointer-events-none"
+                            disabled>
+                            Disabled
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button class="btn btn-default"&gt; Default &lt;/button&gt;
+
+&lt;button class="btn flex items-center justify-center bg-primary hover:bg-primary-deep text-white"&gt;
+ Fill button
+&lt;/button&gt;
+
+&lt;button class="btn text-current hover:text-primary"&gt;
+ Flat
+&lt;/button&gt;
+
+&lt;button class="btn btn-default disabled:opacity-60 disabled:pointer-events-none" disabled&gt;
+    Disabled
+&lt;/button&gt;
+&lt;button class="btn bg-primary hover:bg-primary-deep text-white disabled:opacity-60 disabled:pointer-events-none"
+    disabled&gt;
+    Disabled
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+
+
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Sizing</h5>
+                </div>
+                <div class="p-4">
+
+                    <div class="flex flex-wrap items-center gap-2">
+
+                        <button class="btn btn-sm bg-primary hover:bg-primary-deep text-white">
+                            Small
+                        </button>
+                        <button class="btn bg-primary hover:bg-primary-deep text-white">
+                            Default
+                        </button>
+                        <button class="btn btn-lg bg-primary hover:bg-primary-deep text-white">
+                            Large
+                        </button>
+                        <div class="flex-grow w-full">
+                            <button class="btn bg-primary w-full hover:bg-primary-deep text-white">
+                                Block level
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button class="btn btn-sm bg-primary hover:bg-primary-deep text-white"&gt;
+ Small
+&lt;/button&gt;
+
+&lt;button class="btn bg-primary hover:bg-primary-deep text-white"&gt;
+ Default
+&lt;/button&gt;
+
+&lt;button class="btn btn-lg bg-primary hover:bg-primary-deep text-white"&gt;
+ Large
+&lt;/button&gt;
+
+&lt;button class="btn bg-primary w-full hover:bg-primary-deep text-white"&gt;
+  Block level
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+
+
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Icon</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <button class="btn btn-default">
+                            <span class="icon-[lucide--component] text-lg me-2"></span> Explore Apps
+                        </button>
+                        <button class="btn btn-default">
+                            <span class="icon-[lucide--component] text-lg ms-2 order-last"></span> Explore Apps
+                        </button>
+                        <div class="w-full flex-grow">
+                            <span class="block mb-2 text-xs">Icon only with tooltip</span>
+                            <button class="btn btn-default" data-bs-toggle="tooltip" data-bs-title="Explore Apps">
+                                <span class="icon-[lucide--component] text-xl"></span>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button class="btn btn-default"&gt;
+ &lt;span class="icon-[lucide--component] text-lg me-2"&gt;&lt;/span&gt; Explore Apps
+&lt;/button&gt;
+
+&lt;button class="btn btn-default"&gt;
+ &lt;span class="icon-[lucide--component] text-lg ms-2 order-last"&gt;&lt;/span&gt; Explore Apps
+&lt;/button&gt;
+
+&lt;button class="btn btn-default" data-bs-toggle="tooltip" data-bs-title="Explore Apps"&gt;
+  &lt;span class="icon-[lucide--component] text-xl"&gt; &lt;/span&gt;
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+
+
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Shapes</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <button class="btn btn-default !rounded-full !px-4">
+                            Radius full
+                        </button>
+                        <button class="btn btn-default !rounded-none">
+                            Radius none
+                        </button>
+                        <button class="btn btn-default !rounded-tl-2xl !rounded-br-2xl">
+                            Radius Custom
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button class="btn btn-default !rounded-full !px-4"&gt;
+ Radius full
+&lt;/button&gt;
+
+&lt;button class="btn btn-default !rounded-none"&gt;
+ Radius none
+&lt;/button&gt;
+
+&lt;button class="btn btn-default !rounded-tl-2xl !rounded-br-2xl"&gt;
+ Radius Custom
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Group</h5>
+                </div>
+                <div class="p-4 flex flex-wrap gap-2">
+                    <!--:Button group:-->
+                    <div class="flex items-center" role="group">
+                        <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Move to Trash"
+                            type="button"
+                            class="size-8 flex items-center justify-center cursor-pointer rounded-s-lg border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--trash] text-lg"></span>
+                        </button>
+                        <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Move to Archive"
+                            type="button"
+                            class="size-8 flex items-center justify-center cursor-pointer border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--archive] text-lg"></span>
+                        </button>
+                        <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Mark all as read"
+                            type="button"
+                            class="size-8 flex items-center justify-center cursor-pointer border border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--mail-open] text-lg"></span>
+                        </button>
+                        <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Forward" type="button"
+                            class="size-8 flex items-center justify-center cursor-pointer border-s-0 border rounded-e-lg border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--forward] text-lg">forward</span>
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Button group:--&gt;
+&lt;div class="flex items-center" role="group"&gt;
+    &lt;button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Move to Trash" type="button"
+        class="size-8 flex items-center justify-center cursor-pointer rounded-s-lg border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800"&gt;
+        &lt;span class="icon-[lucide--trash] text-lg"&gt;&lt;/span&gt;
+    &lt;/button&gt;
+    &lt;button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Move to Archive" type="button"
+        class="size-8 flex items-center justify-center cursor-pointer border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800"&gt;
+        &lt;span class="icon-[lucide--archive] text-lg"&gt;&lt;/span&gt;
+    &lt;/button&gt;
+    &lt;button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Mark all as read" type="button"
+        class="size-8 flex items-center justify-center cursor-pointer border border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800"&gt;
+        &lt;span class="icon-[lucide--mail-open] text-lg"&gt;&lt;/span&gt;
+    &lt;/button&gt;
+    &lt;button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Forward" type="button"
+        class="size-8 flex items-center justify-center cursor-pointer border-s-0 border rounded-e-lg border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800"&gt;
+        &lt;span class="icon-[lucide--forward] text-lg"&gt;forward&lt;/span&gt;
+    &lt;/button&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-card.html b/public_html/raven-demo/component-card.html
new file mode 100644
index 0000000..cfc6397
--- /dev/null
+++ b/public_html/raven-demo/component-card.html
@@ -0,0 +1,1416 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item active">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Card</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Card</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex flex-col flex-grow">
+            <!--:Card:-->
+            <div class="mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Default</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-sm">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Card title</h5>
+                            </div>
+                            <div class="p-4">
+                                Card content...
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card"&gt;
+    &lt;div class="px-4 pt-4"&gt;
+        &lt;h5 class="text-lg"&gt;Card title&lt;/h5&gt;
+    &lt;/div&gt;
+    &lt;div class="p-4"&gt;
+        Card content...
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div class="mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Footer</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-sm">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                            <!--:Card header:-->
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Card title</h5>
+                            </div>
+                            <!--:Content:-->
+                            <div class="p-4">
+                                Card content...
+                            </div>
+                            <!--:Footer:-->
+                            <div class="px-4 py-2.5 bg-zinc-50 dark:bg-zinc-800">
+                                Card footer
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden"&gt;
+    &lt;!--:Card header:--&gt;
+    &lt;div class="px-4 pt-4"&gt;
+        &lt;h5 class="text-lg"&gt;Card title&lt;/h5&gt;
+    &lt;/div&gt;
+    &lt;!--:Content:--&gt;
+    &lt;div class="p-4"&gt;
+        Card content...
+    &lt;/div&gt;
+    &lt;!--:Footer:--&gt;
+    &lt;div class="px-4 py-2.5 bg-zinc-50 dark:bg-zinc-800"&gt;
+        Card footer
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div class="overflow-hidden rounded-xl mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Action Dropdown</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-sm">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Card title</h5>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-40 !start-auto !end-0 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            Dropdown item
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            More item here
+                                        </a>
+                                        <hr class="border-zinc-200 dark:border-white/5 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            Another item
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="p-4">
+                                Card content...
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card"&gt;
+    &lt;div class="px-4 pt-4 flex items-center justify-between"&gt;
+        &lt;h5 class="text-lg"&gt;Card title&lt;/h5&gt;
+        &lt;!--:Dropdown:--&gt;
+        &lt;div class="relative"&gt;
+            &lt;button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown"&gt;
+                &lt;span class="icon-[lucide--more-vertical] text-lg"&gt;&lt;/span&gt;
+            &lt;/button&gt;
+            &lt;div class="dropdown-menu z-50 absolute min-w-40 !start-auto !end-0 top-full"&gt;
+                &lt;a href="#!" class="dropdown-item"&gt;
+                    Dropdown item
+                &lt;/a&gt;
+                &lt;a href="#!" class="dropdown-item"&gt;
+                    More item here
+                &lt;/a&gt;
+                &lt;hr class="border-zinc-200 dark:border-white/5 -mx-2 my-2"&gt;
+                &lt;a href="#!" class="dropdown-item"&gt;
+                    Another item
+                &lt;/a&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class="p-4"&gt;
+        Card content...
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="overflow-hidden mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Action button</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-sm">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Card title</h5>
+                                <button type="button" class="btn btn-sm btn-default">Export data</button>
+                            </div>
+                            <div class="p-4">
+                                Card content...
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card"&gt;
+    &lt;div class="px-4 pt-4 flex items-center justify-between"&gt;
+        &lt;h5 class="text-lg"&gt;Card title&lt;/h5&gt;
+        &lt;button type="button" class="btn btn-sm btn-default"&gt;Export data&lt;/button&gt;
+    &lt;/div&gt;
+    &lt;div class="p-4"&gt;
+        Card content...
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="overflow-hidden mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Thumbnail + Link</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-xs">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                            <div class="p-1">
+                                <!--:Thumbnail:-->
+                                <img src="images/projects/1.jpg" class="max-w-full rounded-lg" alt="">
+                            </div>
+                            <!--:Content:-->
+                            <div class="p-4 pt-2">
+                                <!--:Title:-->
+                                <h5 class="text-lg mb-1">Abstract design</h5>
+                                <p class="line-clamp-2">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                                    industries for previewing layouts and visual mockups.
+                                </p>
+                            </div>
+                            <!--:Footer:-->
+                            <div class="flex items-center justify-between px-4 py-2.5">
+                                <div class="flex items-center gap-2">
+                                    <img src="images/avatars/thumb-1.jpg" class="rounded-full w-6" alt="">
+                                    <h6>Kethy Miller</h6>
+                                </div>
+                                <div class="flex items-center gap-3">
+                                    <div class="inline-flex items-center text-sm">
+                                        <span class="icon-[lucide--heart] me-1"></span>
+                                        27
+                                    </div>
+                                    <div class="inline-flex items-center text-sm">
+                                        <span class="icon-[lucide--message-circle-more] me-1"></span>
+                                        16
+                                    </div>
+                                </div>
+                            </div>
+                            <!--:Link:-->
+                            <a href="#!" class="block inset-0 absolute"></a>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card"&gt;
+    &lt;div class="p-1"&gt;
+        &lt;!--:Thumbnail:--&gt;
+        &lt;img src="images/projects/1.jpg" class="max-w-full rounded-lg" alt=""&gt;
+    &lt;/div&gt;
+    &lt;!--:Content:--&gt;
+    &lt;div class="p-4 pt-2"&gt;
+        &lt;!--:Title:--&gt;
+        &lt;h5 class="text-lg mb-1"&gt;Abstract design&lt;/h5&gt;
+        &lt;p class="line-clamp-2"&gt;
+            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+            industries for previewing layouts and visual mockups.
+        &lt;/p&gt;
+    &lt;/div&gt;
+    &lt;!--:Footer:--&gt;
+    &lt;div class="flex items-center justify-between px-4 py-2.5 border-t border-zinc-200 dark:border-zinc-800"&gt;
+        &lt;div class="flex items-center gap-2"&gt;
+            &lt;img src="images/avatars/thumb-1.jpg" class="rounded-full w-6" alt=""&gt;
+            &lt;h6&gt;Kethy Miller&lt;/h6&gt;
+        &lt;/div&gt;
+        &lt;div class="flex items-center gap-3"&gt;
+            &lt;div class="inline-flex items-center text-sm"&gt;
+                &lt;span class="icon-[lucide--heart] me-1"&gt;&lt;/span&gt;
+                27
+            &lt;/div&gt;
+            &lt;div class="inline-flex items-center text-sm"&gt;
+                &lt;span class="icon-[lucide--message-circle-more] me-1"&gt;&lt;/span&gt;
+                16
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    &lt;!--:Link:--&gt;
+    &lt;a href="#!" class="block inset-0 absolute"&gt;&lt;/a&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="overflow-hidden mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Border</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-sm">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800">
+                            <div class="px-4 py-2.5 border-b border-zinc-200 dark:border-zinc-800">
+                                <h5 class="text-lg">Card title</h5>
+                            </div>
+                            <div class="p-4">
+                                Card content...
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div class="rounded-xl bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800"&gt;
+    &lt;div class="px-4 py-2.5 border-b border-zinc-200 dark:border-zinc-800"&gt;
+        &lt;h5 class="text-lg"&gt;Card title&lt;/h5&gt;
+    &lt;/div&gt;
+    &lt;div class="p-4"&gt;
+        Card content...
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div class="overflow-hidden mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Custom card</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-sm">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-lg overflow-hidden shadow-card bg-white dark:bg-zinc-950 border border-primary">
+                            <div class="px-4 py-2.5 bg-primary">
+                                <h5 class="text-lg !text-white">Card title</h5>
+                            </div>
+                            <div class="p-4">
+                                Card content...
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div class="rounded-lg overflow-hidden shadow-card bg-white dark:bg-zinc-950 border border-primary"&gt;
+    &lt;div class="px-4 py-2.5 bg-primary"&gt;
+        &lt;h5 class="text-lg !text-white"&gt;Card title&lt;/h5&gt;
+    &lt;/div&gt;
+    &lt;div class="p-4"&gt;
+        Card content...
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div class="overflow-hidden mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Card collapse + refresher</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-sm">
+                        <!--:Card:-->
+                        <div class="rounded-lg relative overflow-hidden shadow-card bg-white dark:bg-zinc-900">
+                             <!--:Card refresher:-->
+                                    <div class="card-overlay absolute inset-0 p-4 bg-zinc-900/10 backdrop-blur flex items-center justify-center z-[1]"
+                                        style="display: none;">
+                                        <!--:Spinner:-->
+                                        <svg class="animate-spin size-5 text-primary me-3"
+                                            xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                                            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"
+                                                stroke-width="4"></circle>
+                                            <path class="" fill="currentColor"
+                                                d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
+                                            </path>
+                                        </svg>
+                                    </div>
+                            <div class="px-4 py-4 flex items-center justify-between">
+                                <h5 class="text-lg">Card title</h5>
+                                <div class="shrink-0">
+                                    <div class="flex items-center gap-1">
+                                        <button aria-expanded="true"
+                                            class="card-arrow btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            data-bs-toggle="collapse" data-bs-target="#cardCollapse">
+                                            <span class="icon-[lucide--chevron-up] text-lg"></span>
+                                        </button>
+                                        <button data-refresh
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                            <span class="icon-[tabler--reload]"></span>
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="collapse show" id="cardCollapse">
+                                <div class="p-4 pt-0 relative overflow-hidden">
+                                   
+                                    <div>
+                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div class="rounded-lg relative overflow-hidden shadow-card bg-white dark:bg-zinc-900"&gt;
+ &lt;!--:Card refresher:--&gt;
+            &lt;div class="card-overlay absolute inset-0 p-4 bg-zinc-900/10 backdrop-blur flex items-center justify-center z-[1]"
+                style="display: none;"&gt;
+                &lt;!--:Spinner:--&gt;
+                &lt;svg class="animate-spin size-5 text-primary me-3" xmlns="http://www.w3.org/2000/svg" fill="none"
+                    viewBox="0 0 24 24"&gt;
+                    &lt;circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"&gt;&lt;/circle&gt;
+                    &lt;path class="" fill="currentColor"
+                        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"&gt;
+                    &lt;/path&gt;
+                &lt;/svg&gt; &lt;small&gt;Reloading...&lt;/small&gt;
+            &lt;/div&gt;
+    &lt;div class="px-4 py-4 flex items-center justify-between"&gt;
+        &lt;h5 class="text-lg"&gt;Card title&lt;/h5&gt;
+        &lt;div class="shrink-0"&gt;
+            &lt;div class="flex items-center gap-1"&gt;
+                &lt;button aria-expanded="true"
+                    class="card-arrow btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                    data-bs-toggle="collapse" data-bs-target="#cardCollapse"&gt;
+                    &lt;span class="icon-[lucide--chevron-up]"&gt;&lt;/span&gt;
+                &lt;/button&gt;
+                &lt;button data-refresh
+                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"&gt;
+                    &lt;span class="icon-[tabler--reload]"&gt;&lt;/span&gt;
+                &lt;/button&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class="collapse show" id="cardCollapse"&gt;
+        &lt;div class="p-4 pt-0 relative overflow-hidden"&gt;
+           
+            &lt;div&gt;
+               Content.....
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-chart.html b/public_html/raven-demo/component-chart.html
new file mode 100644
index 0000000..a55df33
--- /dev/null
+++ b/public_html/raven-demo/component-chart.html
@@ -0,0 +1,1545 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Chart</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Chart</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Line Chart</h5>
+                </div>
+                <div>
+                    <div class="overflow-hidden md:pe-4">
+                        <div id="chart_line"></div>
+                    </div>
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Chart HTML:--&gt;
+&lt;div id="chart_line"&gt;&lt;/div&gt;
+
+&lt;!--:Dashboard scripts:--&gt;
+&lt;script src="vendor/js/apexcharts.min.js"&gt;&lt;/script&gt;
+&lt;script&gt;
+    var options = {
+        colors: ['var(--color-primary)', 'var(--color-orange-400)', 'var(--color-blue-300)'],
+        series: [{
+            name: "Organic",
+            data: [5120, 4800, 5330, 4990, 5450, 5100, 5580, 4950, 5700]
+        },
+        {
+            name: "Referral",
+            data: [3620, 3750, 3400, 3900, 3580, 4000, 3700, 3880, 3550]
+        },
+        {
+            name: "Ads",
+            data: [3200, 4100, 3300, 4450, 3700, 4290, 3600, 4700, 3400]
+        }
+        ],
+        chart: {
+            height: 320,
+            type: 'line',
+            fontFamily: "inherit",
+            toolbar: {
+                show: false
+            },
+            zoom: {
+                enabled: false
+            },
+        },
+        dataLabels: {
+            enabled: false
+        },
+        stroke: {
+            curve: 'smooth',
+            width: 2,
+            dashArray: [0, 0, 6]
+        },
+        grid: {
+            strokeDashArray: 4,
+
+        },
+        xaxis: {
+            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
+            axisBorder: {
+                show: false
+            },
+            axisTicks: {
+                show: false
+            }
+        },
+        tooltip: {
+            y: {
+                formatter: function (value) {
+                    return "$" + value;
+                }
+            }
+        }
+    };
+    var chart = new ApexCharts(document.querySelector("#chart_line"), options);
+    chart.render();
+&lt;/script&gt;
+</code></pre>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Chart Bar</h5>
+                </div>
+                <div>
+                    <div class="overflow-hidden md:pe-4">
+                        <div id="chart_bar"></div>
+                    </div>
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Chart HTML:--&gt;
+&lt;div id="chart_bar"&gt;&lt;/div&gt;
+
+&lt;!--:Apex Bar Chart:--&gt;
+&lt;script src="vendor/js/apexcharts.min.js"&gt;&lt;/script&gt;
+&lt;script&gt;
+    var options = {
+        colors: ['var(--color-primary)', 'var(--color-orange-500)', 'var(--color-blue-300)'],
+        series: [{
+            name: "Organic",
+            data: [5120, 4800, 5330, 4990, 5450, 5100, 5580, 4950, 5700]
+        },
+        {
+            name: "Referral",
+            data: [3620, 3750, 3400, 3900, 3580, 4000, 3700, 3880, 3550]
+        },
+        {
+            name: "Direct",
+            data: [3200, 4100, 3300, 4450, 3700, 4290, 3600, 4700, 3400]
+        }
+        ],
+        chart: {
+            height: 290,
+            type: 'bar',
+            fontFamily: "inherit",
+            toolbar: {
+                show: false
+            },
+            zoom: {
+                enabled: false
+            },
+
+        },
+        stroke: {
+            show: true,
+            width: 2,
+            colors: ['transparent']
+        },
+        dataLabels: {
+            enabled: false
+        },
+        plotOptions: {
+            bar: {
+                horizontal: false,
+                columnWidth: '55%',
+                borderRadius: 2,
+                borderRadiusApplication: 'end'
+            }
+        },
+        grid: {
+            strokeDashArray: 4,
+
+        },
+        xaxis: {
+            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
+            axisBorder: {
+                show: false
+            },
+            axisTicks: {
+                show: false
+            }
+        },
+        legend: {
+            show: false
+        }
+    };
+    var chart = new ApexCharts(document.querySelector("#chart_bar"), options);
+    chart.render();
+&lt;/script&gt;
+</code></pre>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Chart Mixed</h5>
+                </div>
+                <div>
+                    <div class="overflow-hidden md:pe-4">
+                        <div id="chart_mixed"></div>
+                    </div>
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Chart HTML:--&gt;
+&lt;div id="chart_bar"&gt;&lt;/div&gt;
+
+&lt;!--:Apex Mixed Chart script:--&gt;
+&lt;script src="vendor/js/apexcharts.min.js"&gt;&lt;/script&gt;
+&lt;script&gt;
+    var optionsMixed = {
+        colors: ['var(--color-primary)', 'var(--color-cyan-300)', 'var(--color-blue-500)'],
+        series: [{
+            name: 'TEAM A',
+            type: 'column',
+            data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30]
+        }, {
+            name: 'TEAM B',
+            type: 'area',
+            data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43]
+        }, {
+            name: 'TEAM C',
+            type: 'line',
+            data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39]
+        }],
+        chart: {
+            height: 350,
+            type: 'line',
+            stacked: false,
+            fontFamily: "inherit",
+            toolbar: {
+                show: false
+            },
+            zoom: {
+                enabled: false
+            },
+        },
+        stroke: {
+            width: [0, 3, 3],
+            curve: 'smooth'
+        },
+        plotOptions: {
+            bar: {
+                columnWidth: '50%'
+            }
+        },
+        fill: {
+            opacity: [0.85, 0.25, 1],
+            gradient: {
+                inverseColors: false,
+                shade: 'light',
+                type: "vertical",
+                opacityFrom: 0.85,
+                opacityTo: 0.55,
+                stops: [0, 100, 100, 100]
+            }
+        },
+        markers: {
+            size: 0
+        },
+        grid: {
+            strokeDashArray: 4,
+
+        },
+        xaxis: {
+            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov'],
+            axisBorder: {
+                show: false
+            },
+            axisTicks: {
+                show: false
+            }
+        },
+        tooltip: {
+            shared: true,
+            intersect: false,
+            y: {
+                formatter: function (y) {
+                    if (typeof y !== "undefined") {
+                        return y.toFixed(0) + " points";
+                    }
+                    return y;
+
+                }
+            }
+        }
+    };
+    var chartMixed = new ApexCharts(document.querySelector("#chart_mixed"), optionsMixed);
+    chartMixed.render();
+&lt;/script&gt;
+</code></pre>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Chart Donut</h5>
+                </div>
+                <div>
+                    <div class="overflow-hidden p-4">
+                        <div id="chart_donut"></div>
+                    </div>
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Chart HTML:--&gt;
+&lt;div id="chart_donut"&gt;&lt;/div&gt;
+
+&lt;!--:Apex Donut Chart script:--&gt;
+&lt;script src="vendor/js/apexcharts.min.js"&gt;&lt;/script&gt;
+&lt;script&gt;
+    var optionsDonut = {
+        series: [45, 35, 20],
+        labels: ['Desktop', 'Tablet', 'Mobile'],
+        colors: ['var(--color-primary)', 'var(--color-orange-500)', 'var(--color-blue-500)'],
+        chart: {
+            type: 'donut',
+            fontFamily: 'inherit',
+            width: '250'
+        },
+        legend: {
+            show: false
+        },
+        dataLabels: {
+            enabled: false
+        },
+        stroke: {
+            show: false,
+            width: 0
+        },
+    };
+
+    var chartDonut = new ApexCharts(document.querySelector("#chart_donut"), optionsDonut);
+    chartDonut.render();
+&lt;/script&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Dashboard scripts:-->
+    <script src="vendor/js/apexcharts.min.js"></script>
+    <script>
+        var options = {
+            colors: ['var(--color-primary)', 'var(--color-orange-400)', 'var(--color-blue-300)'],
+            series: [{
+                name: "Organic",
+                data: [5120, 4800, 5330, 4990, 5450, 5100, 5580, 4950, 5700]
+            },
+            {
+                name: "Referral",
+                data: [3620, 3750, 3400, 3900, 3580, 4000, 3700, 3880, 3550]
+            },
+            {
+                name: "Ads",
+                data: [3200, 4100, 3300, 4450, 3700, 4290, 3600, 4700, 3400]
+            }
+            ],
+            chart: {
+                height: 320,
+                type: 'line',
+                fontFamily: "inherit",
+                toolbar: {
+                    show: false
+                },
+                zoom: {
+                    enabled: false
+                },
+
+            },
+            dataLabels: {
+                enabled: false
+            },
+            stroke: {
+                curve: 'smooth',
+                width: 2,
+                dashArray: [0, 0, 6]
+            },
+            grid: {
+                strokeDashArray: 4,
+
+            },
+            xaxis: {
+                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
+                axisBorder: {
+                    show: false
+                },
+                axisTicks: {
+                    show: false
+                }
+            },
+
+            tooltip: {
+                y: {
+                    formatter: function (value) {
+                        return "$" + value;
+                    }
+                }
+            }
+        };
+
+        var chart = new ApexCharts(document.querySelector("#chart_line"), options);
+        chart.render();
+
+    </script>
+
+    <script>
+        var options = {
+            colors: ['var(--color-primary)', 'var(--color-orange-500)', 'var(--color-blue-300)'],
+            series: [{
+                name: "Organic",
+                data: [5120, 4800, 5330, 4990, 5450, 5100, 5580, 4950, 5700]
+            },
+            {
+                name: "Referral",
+                data: [3620, 3750, 3400, 3900, 3580, 4000, 3700, 3880, 3550]
+            },
+            {
+                name: "Direct",
+                data: [3200, 4100, 3300, 4450, 3700, 4290, 3600, 4700, 3400]
+            }
+            ],
+            chart: {
+                height: 290,
+                type: 'bar',
+                fontFamily: "inherit",
+                toolbar: {
+                    show: false
+                },
+                zoom: {
+                    enabled: false
+                },
+
+            },
+            stroke: {
+                show: true,
+                width: 2,
+                colors: ['transparent']
+            },
+            dataLabels: {
+                enabled: false
+            },
+            plotOptions: {
+                bar: {
+                    horizontal: false,
+                    columnWidth: '55%',
+                    borderRadius: 2,
+                    borderRadiusApplication: 'end'
+                }
+            },
+            grid: {
+                strokeDashArray: 4,
+
+            },
+            xaxis: {
+                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
+                axisBorder: {
+                    show: false
+                },
+                axisTicks: {
+                    show: false
+                }
+            },
+            legend: {
+                show: false
+            }
+        };
+
+        var chart = new ApexCharts(document.querySelector("#chart_bar"), options);
+        chart.render();
+    </script>
+
+    <script>       
+        var optionsMixed = {
+            colors: ['var(--color-primary)', 'var(--color-sky-300)', 'var(--color-pink-500)'],
+          series: [{
+          name: 'TEAM A',
+          type: 'column',
+          data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30]
+        }, {
+          name: 'TEAM B',
+          type: 'area',
+          data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43]
+        }, {
+          name: 'TEAM C',
+          type: 'line',
+          data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39]
+        }],
+          chart: {
+          height: 350,
+          type: 'line',
+          stacked: false,
+           fontFamily: "inherit",
+                toolbar: {
+                    show: false
+                },
+                zoom: {
+                    enabled: false
+                },
+        },
+        stroke: {
+          width: [0, 3, 3],
+          curve: 'smooth'
+        },
+        plotOptions: {
+          bar: {
+            columnWidth: '50%'
+          }
+        },
+        
+        fill: {
+          opacity: [0.85, 0.25, 1],
+          gradient: {
+            inverseColors: false,
+            shade: 'light',
+            type: "vertical",
+            opacityFrom: 0.85,
+            opacityTo: 0.55,
+            stops: [0, 100, 100, 100]
+          }
+        },
+        markers: {
+          size: 0
+        },
+         grid: {
+                strokeDashArray: 4,
+
+            },
+            xaxis: {
+                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov'],
+                axisBorder: {
+                    show: false
+                },
+                axisTicks: {
+                    show: false
+                }
+            },
+        tooltip: {
+          shared: true,
+          intersect: false,
+          y: {
+            formatter: function (y) {
+              if (typeof y !== "undefined") {
+                return y.toFixed(0) + " points";
+              }
+              return y;
+        
+            }
+          }
+        }
+        };
+
+        var chartMixed = new ApexCharts(document.querySelector("#chart_mixed"), optionsMixed);
+        chartMixed.render();
+    </script>
+
+    <script>
+        var optionsDonut = {
+            series: [45, 35, 20],
+            labels: ['Desktop', 'Tablet', 'Mobile'],
+            colors: ['var(--color-primary)', 'var(--color-orange-500)', 'var(--color-blue-500)'],
+            chart: {
+                type: 'donut',
+                fontFamily: 'inherit',
+                width: '250'
+            },
+            legend: {
+                show: false
+            },
+            dataLabels: {
+                enabled: false
+            },
+            stroke: {
+                show: false,
+                width: 0
+            },
+        };
+
+        var chartDonut = new ApexCharts(document.querySelector("#chart_donut"), optionsDonut);
+        chartDonut.render();
+    </script>
+
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-collapse.html b/public_html/raven-demo/component-collapse.html
new file mode 100644
index 0000000..7c9d5db
--- /dev/null
+++ b/public_html/raven-demo/component-collapse.html
@@ -0,0 +1,1189 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item active">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Collapse</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Collapse</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Basic</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-md">
+                        <!--:Collapse trigger button:-->
+                        <button type="button" class="btn btn-default mb-2" data-bs-toggle="collapse"
+                            data-bs-target="#collapseBasic">Show collapse</button>
+                        <!--:Collapse:-->
+                        <div class="collapse" id="collapseBasic">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                            laboris nisi ut aliquip ex ea commodo consequat.
+                        </div>
+                    </div>
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Collapse trigger button:--&gt;
+&lt;button type="button" class="btn btn-default mb-2" data-bs-toggle="collapse" data-bs-target="#collapseBasic"&gt;Show
+    collapse
+&lt;/button&gt;
+&lt;!--:Collapse:--&gt;
+&lt;div class="collapse" id="collapseBasic"&gt;
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Show more/less</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-md">
+                        <!--:Show more less content:-->
+                        <div>
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                            labore et dolore magna aliqua Ut enim
+                            <!--:More content:-->
+                            <p class="collapse" id="collapseMore">
+                                minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
+                                dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                culpa qui officia deserunt mollit anim id est laborum.
+                            </p>
+                        </div>
+                        <!--:Button:-->
+                        <button class="border-b border-dashed border-zinc-200 cursor-pointer" data-bs-toggle="collapse" data-bs-target="#collapseMore">
+                            <span class="show-more text-primary inline-flex items-center">Show more <span class="icon-[lucide--plus]"></span></span>
+                            <span class="show-less items-center">Show less <span class="icon-[iconoir--minus]"></span></span>
+                        </button>
+                    </div>
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Show more less content:--&gt;
+&lt;div&gt;
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+    labore et dolore magna aliqua Ut enim
+    &lt;!--:More content:--&gt;
+    &lt;p class="collapse" id="collapseMore"&gt;
+        minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
+        dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+        culpa qui officia deserunt mollit anim id est laborum.
+    &lt;/p&gt;
+&lt;/div&gt;
+&lt;!--:Button:--&gt;
+&lt;button class="border-b border-dashed border-zinc-200 cursor-pointer" data-bs-toggle="collapse" data-bs-target="#collapseMore"&gt;
+    &lt;span class="show-more text-primary inline-flex items-center"&gt;
+        Show more &lt;span class="icon-[lucide--plus]"&gt;&lt;/span&gt;
+    &lt;/span&gt;
+    &lt;span class="show-less items-center"&gt;
+        Show less &lt;span class="icon-[iconoir--minus]"&gt;&lt;/span&gt;
+    &lt;/span&gt;
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Group</h5>
+                </div>
+                <div class="px-4">
+                    <div class="divide-y divide-zinc-200 dark:divide-zinc-800" id="accordionExample">
+                        <!--:Collapse item:-->
+                        <div class="collapse-item">
+                            <button class="flex w-full items-center justify-between cursor-pointer py-2.5" type="button"
+                                data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true"
+                                aria-controls="collapseOne">
+                                <h5 class="text-lg flex-grow truncate text-start">Accordion Item #1</h5>
+                                <span
+                                    class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-6 flex items-center justify-center"></span>
+                            </button>
+                            <div id="collapseOne" class="collapse show" data-bs-parent="#accordionExample">
+                                <div class="pb-4">
+                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+                                    incididunt ut labore et dolore magna
+                                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+                                    aliquip ex ea commodo consequat.
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Collapse item:-->
+                        <div class="collapse-item">
+                            <button class="flex w-full items-center justify-between cursor-pointer py-2.5 collapsed"
+                                type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo"
+                                aria-expanded="false" aria-controls="collapseTwo">
+                                <h5 class="text-lg flex-grow truncate text-start">Accordion Item #2</h5>
+                                <span
+                                    class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-6 flex items-center justify-center"></span>
+                            </button>
+                            <div id="collapseTwo" class="accordion-collapse collapse"
+                                data-bs-parent="#accordionExample">
+                                <div class="pb-4">
+                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+                                    incididunt ut labore et dolore magna
+                                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+                                    aliquip ex ea commodo consequat.
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Collapse item:-->
+                        <div class="collapse-item">
+                            <button class="flex w-full items-center justify-between cursor-pointer py-2.5 collapsed"
+                                type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree"
+                                aria-expanded="false" aria-controls="collapseThree">
+                                <h5 class="text-lg flex-grow truncate text-start">Accordion Item #3</h5>
+                                <span
+                                    class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-6 flex items-center justify-center"></span>
+                            </button>
+                            <div id="collapseThree" class="accordion-collapse collapse"
+                                data-bs-parent="#accordionExample">
+                                <div class="pb-4">
+                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+                                    incididunt ut labore et dolore magna
+                                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+                                    aliquip ex ea commodo consequat.
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="divide-y divide-zinc-100 dark:divide-zinc-900" id="accordionExample"&gt;
+    &lt;!--:Collapse item:--&gt;
+    &lt;div class="collapse-item"&gt;
+        &lt;button class="flex w-full items-center justify-between cursor-pointer py-2.5" type="button"
+            data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"&gt;
+            &lt;h5 class="text-lg flex-grow truncate text-start"&gt;Accordion Item #1&lt;/h5&gt;
+            &lt;span class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-6 flex items-center justify-center"&gt;&lt;/span&gt;
+        &lt;/button&gt;
+        &lt;div id="collapseOne" class="collapse show" data-bs-parent="#accordionExample"&gt;
+            &lt;div class="pb-4"&gt;
+                Content...
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    &lt;!--:Collapse item:--&gt;
+    &lt;div class="collapse-item"&gt;
+        &lt;button class="flex w-full items-center justify-between cursor-pointer py-2.5 collapsed" type="button"
+            data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"&gt;
+            &lt;h5 class="text-lg flex-grow truncate text-start"&gt;Accordion Item #2&lt;/h5&gt;
+            &lt;span class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-6 flex items-center justify-center"&gt;&lt;/span&gt;
+        &lt;/button&gt;
+        &lt;div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample"&gt;
+            &lt;div class="pb-4"&gt;
+                Content...
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    &lt;!--:Collapse item:--&gt;
+    &lt;div class="collapse-item"&gt;
+        &lt;button class="flex w-full items-center justify-between cursor-pointer py-2.5 collapsed" type="button"
+            data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false"
+            aria-controls="collapseThree"&gt;
+            &lt;h5 class="text-lg flex-grow truncate text-start"&gt;Accordion Item #3&lt;/h5&gt;
+            &lt;span class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-6 flex items-center justify-center"&gt;&lt;/span&gt;
+        &lt;/button&gt;
+        &lt;div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample"&gt;
+            &lt;div class="pb-4"&gt;
+               Content...
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-dropdown.html b/public_html/raven-demo/component-dropdown.html
new file mode 100644
index 0000000..bf54db4
--- /dev/null
+++ b/public_html/raven-demo/component-dropdown.html
@@ -0,0 +1,1245 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item active">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Dropdown</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Dropdown</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Basic</h5>
+                </div>
+                <div class="p-4">
+                    <div class="inline-block relative">
+                        <button class="btn btn-default" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                            Open Dropdown
+                        </button>
+                        <div class="dropdown-menu z-50 absolute min-w-40 top-full">
+                            <a href="#!" class="dropdown-item">
+                                Dropdown item
+                            </a>
+                            <a href="#!" class="dropdown-item">
+                                Another item
+                            </a>
+                            <a href="#!" class="dropdown-item">
+                                One more item
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="inline-block relative"&gt;
+ &lt;button class="btn btn-default" type="button" data-bs-toggle="dropdown" aria-expanded="false"&gt;
+  Open Dropdown
+ &lt;/button&gt;
+  &lt;div class="dropdown-menu z-50 absolute min-w-40 !start-0 top-full"&gt;
+     &lt;a href="#!" class="dropdown-item"&gt;
+       Dropdown item
+     &lt;/a&gt;
+     &lt;a href="#!" class="dropdown-item"&gt;
+       Another item
+     &lt;/a&gt;
+     &lt;a href="#!" class="dropdown-item"&gt;
+      One more item
+     &lt;/a&gt;
+  &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Split Icon</h5>
+                </div>
+                <div class="p-4">
+                    <!-- Example split button icon -->
+                    <div class="inline-flex items-center relative">
+                        <button type="button"
+                            class="btn bg-primary h-10 !rounded-e-none text-white hover:bg-primary-deep">Danger</button>
+                        <div class="relative">
+                            <button type="button"
+                                class="btn bg-primary h-10 !rounded-s-none text-white hover:bg-primary-deep"
+                                data-bs-toggle="dropdown" aria-expanded="false">
+                                <span class="icon-[lucide--more-vertical] text-lg"></span>
+                            </button>
+                            <ul class="dropdown-menu absolute top-full min-w-40">
+                                <li><a class="dropdown-item" href="#">Action</a></li>
+                                <li><a class="dropdown-item" href="#">Another action</a></li>
+                                <li><a class="dropdown-item" href="#">Something else</a></li>
+                                <li>
+                                    <hr class="my-2 border-zinc-200 dark:border-white/5">
+                                </li>
+                                <li><a class="dropdown-item" href="#">Separated link</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!-- Example split button icon --&gt;
+&lt;div class="inline-flex items-center relative"&gt;
+    &lt;button type="button" class="btn bg-primary h-10 !rounded-e-none text-white hover:bg-primary-deep"&gt;Danger&lt;/button&gt;
+    &lt;div class="relative"&gt;
+        &lt;button type="button" class="btn bg-primary h-10 !rounded-s-none text-white hover:bg-primary-deep"
+            data-bs-toggle="dropdown" aria-expanded="false"&gt;
+            &lt;span class="icon-[lucide--more-vertical] text-lg"&gt;&lt;/span&gt;
+        &lt;/button&gt;
+        &lt;ul class="dropdown-menu absolute top-full min-w-40"&gt;
+            &lt;li&gt;&lt;a class="dropdown-item" href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a class="dropdown-item" href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a class="dropdown-item" href="#"&gt;Something else&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;
+                &lt;hr class="my-2 border-zinc-200 dark:border-white/5"&gt;
+            &lt;/li&gt;
+            &lt;li&gt;&lt;a class="dropdown-item" href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Dropdown Icon</h5>
+                </div>
+                <div class="p-4">
+                    <div class="inline-block relative">
+                        <button class="btn btn-default" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                            Open Dropdown
+                        </button>
+                        <div class="dropdown-menu z-50 absolute min-w-48 top-full">
+                            <a href="#!" class="dropdown-item">
+                                <span class="icon-[lucide--download] dropdown-icon"></span> Dropdown item
+                            </a>
+                            <a href="#!" class="dropdown-item">
+                                <span class="icon-[lucide--trash] dropdown-icon"></span> Another item
+                            </a>
+                            <a href="#!" class="dropdown-item">
+                                <span class="icon-[lucide--share] dropdown-icon"></span> One more item
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="inline-block relative"&gt;
+ &lt;button class="btn btn-default" type="button" data-bs-toggle="dropdown" aria-expanded="false"&gt;
+  Open Dropdown
+ &lt;/button&gt;
+  &lt;div class="dropdown-menu z-50 absolute min-w-40 !start-0 top-full"&gt;
+     &lt;a href="#!" class="dropdown-item"&gt;
+      &lt;span class="icon-[lucide--download] dropdown-icon"&gt;&lt;/span&gt; Dropdown item
+     &lt;/a&gt;
+     &lt;a href="#!" class="dropdown-item"&gt;
+      &lt;span class="icon-[lucide--download] dropdown-icon"&gt;&lt;/span&gt; Another item
+     &lt;/a&gt;
+     &lt;a href="#!" class="dropdown-item"&gt;
+     &lt;span class="icon-[lucide--download] dropdown-icon"&gt;&lt;/span&gt; One more item
+     &lt;/a&gt;
+  &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Dropdown Grid</h5>
+                </div>
+                <div class="p-4">
+                    <div class="block relative">
+                        <button class="btn btn-default" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                            Open Dropdown
+                        </button>
+                        <div class="dropdown-menu z-50 absolute min-w-full !start-0 top-full">
+                            <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4">
+                                <div>
+                                    <a href="#!" class="dropdown-item">
+                                        Dropdown item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        Another item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        One more item
+                                    </a>
+                                </div>
+                                <div>
+                                    <a href="#!" class="dropdown-item">
+                                        Dropdown item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        Another item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        One more item
+                                    </a>
+                                </div>
+                                <div>
+                                    <a href="#!" class="dropdown-item">
+                                        Dropdown item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        Another item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        One more item
+                                    </a>
+                                </div>
+                                <div>
+                                    <a href="#!" class="dropdown-item">
+                                        Dropdown item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        Another item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        One more item
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="block relative"&gt;
+   &lt;button class="btn btn-default" type="button" data-bs-toggle="dropdown" aria-expanded="false"&gt;
+      Open Dropdown
+   &lt;/button&gt;
+   &lt;div class="dropdown-menu z-50 absolute min-w-full !start-0 top-full"&gt;
+      &lt;div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4"&gt;
+         &lt;div&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               Dropdown item
+            &lt;/a&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               Another item
+            &lt;/a&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               One more item
+            &lt;/a&gt;
+         &lt;/div&gt;
+         &lt;div&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               Dropdown item
+            &lt;/a&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               Another item
+            &lt;/a&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               One more item
+            &lt;/a&gt;
+         &lt;/div&gt;
+         &lt;div&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               Dropdown item
+            &lt;/a&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               Another item
+            &lt;/a&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               One more item
+            &lt;/a&gt;
+         &lt;/div&gt;
+         &lt;div&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               Dropdown item
+            &lt;/a&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               Another item
+            &lt;/a&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               One more item
+            &lt;/a&gt;
+         &lt;/div&gt;
+      &lt;/div&gt;
+   &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-grid.html b/public_html/raven-demo/component-grid.html
new file mode 100644
index 0000000..1fd023a
--- /dev/null
+++ b/public_html/raven-demo/component-grid.html
@@ -0,0 +1,1103 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item active">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Grid</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Grid</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Equal size columns</h5>
+                </div>
+                <div class="p-4">
+                    <small class="block mb-4"> use <code class="px-1 py-0.5 rounded bg-zinc-500 text-white leading-none">grid-cols-{n}</code> utilities to create grids with {n} equally sized columns.</small>
+                    <div class="grid grid-cols-1 lg:grid-cols-4 gap-4">
+                        <div class="p-4 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            1
+                        </div>
+                        <div class="p-4 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            2
+                        </div>
+                        <div class="p-4 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            3
+                        </div>
+                        <div class="p-4 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            4
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="grid grid-cols-1 lg:grid-cols-4 gap-4"&gt;
+    &lt;div class="p-4 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        1
+    &lt;/div&gt;
+    &lt;div class="p-4 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        2
+    &lt;/div&gt;
+    &lt;div class="p-4 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        3
+    &lt;/div&gt;
+    &lt;div class="p-4 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        4
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Col span</h5>
+                </div>
+                <div class="p-4">
+                    <div class="grid md:grid-cols-12 gap-4">
+                        <div class="p-4 md:col-span-7 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            7/12
+                        </div>
+                        <div class="p-4 md:col-span-5 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            5/12
+                        </div>
+
+                        <div class="p-4 md:col-span-8 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            8/12
+                        </div>
+                        <div class="p-4 md:col-span-4 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            4/12
+                        </div>
+
+                        <div class="p-4 md:col-span-3 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            3/12
+                        </div>
+                        <div class="p-4 md:col-span-9 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            9/12
+                        </div>
+
+                        <div class="p-4 md:col-span-3 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            3/12
+                        </div>
+                        <div class="p-4 md:col-span-4 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            4/12
+                        </div>
+                        <div class="p-4 md:col-span-5 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            5/12
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="grid md:grid-cols-12 gap-4"&gt;
+    &lt;div class="p-4 md:col-span-7 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        7/12
+    &lt;/div&gt;
+    &lt;div class="p-4 md:col-span-5 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        5/12
+    &lt;/div&gt;
+
+    &lt;div class="p-4 md:col-span-8 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        8/12
+    &lt;/div&gt;
+    &lt;div class="p-4 md:col-span-4 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        4/12
+    &lt;/div&gt; 
+
+    &lt;div class="p-4 md:col-span-3 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        3/12
+    &lt;/div&gt;
+    &lt;div class="p-4 md:col-span-9 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        9/12
+    &lt;/div&gt;
+
+    &lt;div class="p-4 md:col-span-3 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        3/12
+    &lt;/div&gt;
+    &lt;div class="p-4 md:col-span-4 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        4/12
+    &lt;/div&gt;
+    &lt;div class="p-4 md:col-span-5 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        5/12
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+        <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-icons.html b/public_html/raven-demo/component-icons.html
new file mode 100644
index 0000000..046c0a9
--- /dev/null
+++ b/public_html/raven-demo/component-icons.html
@@ -0,0 +1,1034 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item active">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Icons</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Icons</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Example uses</h5>
+                </div>
+                <div class="p-4">
+                    <p class="mb-4">
+                        <strong><a href="https://iconify.design/" target="_blank"
+                                class="text-primary underline">Iconify</a></strong> is a open source
+                        icon sets which offers 200,000+ icons including different icons library. Raven theme uses Lucide icons from iconify -
+                        <a target="_blank"
+                            class="text-primary underline" href="https://icon-sets.iconify.design/lucide/">Lucide</a>
+                        by Lucide Contributors
+                    </p>
+                    <small class="text-sm font-mono opacity-75 block mb-2">Example</small>
+                    <div class="flex items-center mb-3">
+                      <small class="text-sm font-mono opacity-75 block me-2">Iconoir</small>  <span class="icon-[lucide--check]"></span>
+                        <span class="icon-[lucide--check] text-lg"></span>
+                        <span class="icon-[lucide--check] text-xl"></span>
+                    </div>
+                    <div class="px-4 py-2.5 rounded-lg bg-primary-subtle text-primary">Visit icons site > Select icon > Select CSS / TailwindCss from tabs > Copy and paste</div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;span class="icon-[lucide--check]"&gt;&lt;/span&gt;
+</code></pre>
+                </div>
+                <div class="px-4 pt-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                   <h5 class="mb-3">Icon in Css</h5>
+                   <span class="size-8 text-primary mb-4 flex items-center justify-center bg-zinc-200 dark:bg-zinc-800 rounded-full">
+                     <span class="icon-in-css size-5"></span>
+                   </span>
+                   
+                   <small class="text-sm font-mono opacity-75 block -mb-2">HTML/Css</small> 
+                   <pre class="my-0 !p-0"><code class="language-html my-0 !p-0 !pb-0 !bg-transparent">
+&lt;span class="size-8 mb-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-700 rounded-full"&gt;
+    &lt;span class="icon-in-css size-4">&lt;/span&gt;
+&lt;/span&gt;
+</code></pre>
+<pre class="mt-1 !p-0"><code class="language-css mt-0 !p-0 !pb-2 !bg-transparent">
+.icon-in-css{
+--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m5 13l4 4L19 7'/%3E%3C/svg%3E");
+  @apply bg-current mask-size-[100%] mask-[var(--svg)] mask-no-repeat;
+}
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-map.html b/public_html/raven-demo/component-map.html
new file mode 100644
index 0000000..a6e4f62
--- /dev/null
+++ b/public_html/raven-demo/component-map.html
@@ -0,0 +1,1094 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page css:-->
+    <link href="vendor/css/jsvectormap.min.css" rel="stylesheet">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Map</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Map</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Example</h5>
+                    <a class="text-sm text-primary" href="https://jvm-docs.vercel.app/" target="_blank">JsVectorMap</a>
+                </div>
+                <div class="p-4">
+                   <div class="max-w-md">
+                     <!--:Map:-->
+                    <div id="world-map-markers" class="w-full min-h-[230px]"></div>
+                   </div>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt!--:Map css:--&gt;
+&lt;link href="vendor/css/jsvectormap.min.css" rel="stylesheet"&gt;
+
+&lt;!--:Map HTML:--&gt;
+&lt;div id="world-map-markers" class="w-full min-h-[230px]"&gt;&lt;/div&gt;
+
+&lt;!--:Map Js:--&gt;
+&lt;script src="vendor/js/jsvectormap.min.js"&gt;&lt;/script&gt;
+&lt;script src="vendor/js/world.js"&gt;&lt;/script&gt;
+&lt;script&gt;
+    new jsVectorMap({
+        map: "world",
+        selector: "#world-map-markers",
+        zoomOnScroll: false,
+        zoomButtons: false,
+        zoomAnimate: false,
+        panOnDrag: false,
+        backgroundColor: "transparent",
+        regionStyle: {
+            initial: {
+                fill: "var(--color-primary-subtle)"
+            },
+        },
+        markers: [
+            { coords: [40.71, -74], name: "New York" },
+            { coords: [35.68, 139.69], name: "Tokyo" },
+            { coords: [28.61, 77.20], name: "Delhi" },
+            { coords: [40.42, -3.70], name: "Madrid" }
+        ],
+        markerStyle: {
+            initial: {
+                r: 6,
+                fill: "var(--color-primary)",
+                "fill-opacity": 0.9,
+                stroke: "var(--color-primary-subtle)",
+                "stroke-width": 3,
+                "stroke-opacity": 0.6
+            },
+            hover: {
+                fill: "var(--color-primary-deep)",
+                "fill-opacity": 1,
+                "stroke-width": 0
+            }
+        }
+    });
+&lt;/script&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+
+      <!--:Map:-->
+    <script src="vendor/js/jsvectormap.min.js"></script>
+    <script src="vendor/js/world.js"></script>
+    <script>
+        new jsVectorMap({
+            map: "world",
+            selector: "#world-map-markers",
+            zoomOnScroll: false,
+            zoomButtons: false,
+            zoomAnimate: false,
+            panOnDrag: false,
+            backgroundColor: "transparent",
+
+            regionStyle: {
+                initial: {
+                    fill: "var(--color-primary-subtle)"
+                },
+            },
+            markers: [
+                { coords: [40.71, -74], name: "New York" },
+                { coords: [35.68, 139.69], name: "Tokyo" },
+                { coords: [28.61, 77.20], name: "Delhi" },
+                { coords: [40.42, -3.70], name: "Madrid" }
+            ],
+
+            markerStyle: {
+                initial: {
+                    r: 6,
+                    fill: "var(--color-primary)",
+                    "fill-opacity": 0.9,
+                    stroke: "var(--color-primary-subtle)",
+                    "stroke-width": 3,
+                    "stroke-opacity": 0.6
+                },
+                hover: {
+                    fill: "var(--color-primary-deep)",
+                    "fill-opacity": 1,
+                    "stroke-width": 0
+                }
+            }
+        });
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-modal.html b/public_html/raven-demo/component-modal.html
new file mode 100644
index 0000000..b0a961e
--- /dev/null
+++ b/public_html/raven-demo/component-modal.html
@@ -0,0 +1,1252 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item active">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Modal</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Modal</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Default</h5>
+                </div>
+                <div class="p-4">
+                    <!--:Modal trigger:-->
+                    <button type="button" class="btn btn-default" data-bs-toggle="modal" data-bs-target="#modalDefault">
+                        Show modal
+                    </button>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Modal trigger:--&gt;
+&lt;button type="button" class="btn btn-default" data-bs-toggle="modal" data-bs-target="#modalDefault"&gt;
+    Show modal
+&lt;/button&gt;
+
+&lt;!--:Modal Default:--&gt;
+&lt;div id="modalDefault" role="dialog"
+    class="modal fade fixed w-full h-full left-0 top-0" tabindex="-1"&gt;
+    &lt;div class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none"&gt;
+        &lt;!--:Modal content:--&gt;
+        &lt;div
+            class="modal-content relative max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto"&gt;
+            &lt;!--:Close:--&gt;
+            &lt;button type="button"
+                class="absolute right-2 top-2 btn btn-default !p-0 !rounded-full size-8"
+                data-bs-dismiss="modal"&gt;
+                &lt;span class="icon-[lucide--x] text-xl"&gt;&lt;/span&gt;
+            &lt;/button&gt;
+            &lt;div class="p-4 lg:p-6"&gt;
+                &lt;h5 class="text-lg mb-2"&gt;Modal Title&lt;/h5&gt;
+                &lt;p&gt;
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                    labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                    laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                    non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                &lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Full width</h5>
+                </div>
+                <div class="p-4">
+                    <!--:Modal trigger:-->
+                    <button type="button" class="btn btn-default" data-bs-toggle="modal"
+                        data-bs-target="#modalFullWidth">
+                        Show modal
+                    </button>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Modal trigger:--&gt;
+&lt;button type="button" class="btn btn-default" data-bs-toggle="modal" data-bs-target="#modalFullWidth"&gt;
+    Show modal
+&lt;/button&gt;
+
+&lt;!--:Modal Full Width:--&gt;
+&lt;div id="modalFullWidth" role="dialog"
+    class="modal fade fixed w-full h-full left-0 top-0" tabindex="-1"&gt;
+    &lt;div class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none"&gt;
+        &lt;!--:Modal content:--&gt;
+        &lt;div class="modal-content relative max-w-full mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto"&gt;
+            &lt;!--:Close:--&gt;
+            &lt;button type="button"
+                class="absolute right-2 top-2 btn btn-default !p-0 !rounded-full size-8"
+                data-bs-dismiss="modal"&gt;
+                &lt;span class="icon-[lucide--x] text-xl"&gt;&lt;/span&gt;
+            &lt;/button&gt;
+            &lt;div class="p-4 lg:p-6"&gt;
+                &lt;h5 class="text-lg mb-2"&gt;Modal Title&lt;/h5&gt;
+                &lt;p&gt;
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                    labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                    laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                    non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                &lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Center aligned + scrollable</h5>
+                </div>
+                <div class="p-4">
+                    <!--:Modal trigger:-->
+                    <button type="button" class="btn btn-default" data-bs-toggle="modal" data-bs-target="#modalCenter">
+                        Show modal
+                    </button>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Modal trigger:--&gt;
+&lt;button type="button" class="btn btn-default" data-bs-toggle="modal" data-bs-target="#modalCenter"&gt;
+    Show modal
+&lt;/button&gt;
+
+&lt;!--:Modal Center + scroll:--&gt;
+&lt;div id="modalCenter" role="dialog" class="modal fixed w-full h-full left-0 top-0"
+    tabindex="-1"&gt;
+    &lt;div class="modal-dialog relative flex items-center justify-center m-4 h-[calc(100vh-2rem)] pointer-events-none"&gt;
+        &lt;!--:Modal content:--&gt;
+        &lt;div
+            class="modal-content relative overflow-hidden max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto"&gt;
+            &lt;div class="p-4 border-b border-zinc-100 dark:border-zinc-800 flex items-center justify-between"&gt;
+                &lt;h5 class="text-lg"&gt;Modal Title&lt;/h5&gt;
+                &lt;!--:Close:--&gt;
+                &lt;button type="button"
+                    class="btn btn-default !p-0 !rounded-full size-8"
+                    data-bs-dismiss="modal"&gt;
+                    &lt;span class="icon-[lucide--x] text-xl"&gt;&lt;/span&gt;
+                &lt;/button&gt;
+            &lt;/div&gt;
+            &lt;div class="h-[60vh] overflow-y-auto p-4"&gt;
+                &lt;p class="mb-4 text-lg"&gt;
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                    labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                    laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                    cupidatat
+                    non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                &lt;/p&gt;
+                &lt;p class="mb-4"&gt;
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                    labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                    laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                    cupidatat
+                    non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                &lt;/p&gt;
+                &lt;p&gt;
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                    labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                    laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                    cupidatat
+                    non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                &lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+
+    <!--:Modal Default:-->
+    <div id="modalDefault" role="dialog"
+        class="modal fade fixed w-full h-full left-0 top-0" tabindex="-1">
+        <div class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+            <!--:Modal content:-->
+            <div
+                class="modal-content relative max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                <!--:Close:-->
+                <button type="button"
+                    class="absolute right-2 top-2 btn btn-default !p-0 !rounded-full size-8"
+                    data-bs-dismiss="modal">
+                    <span class="icon-[lucide--x] text-xl"></span>
+                </button>
+                <div class="p-4 lg:p-6">
+                    <h5 class="text-lg mb-2">Modal Title</h5>
+                    <p>
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                        laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                        voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                        non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!--:Modal Full Width:-->
+    <div id="modalFullWidth" role="dialog"
+        class="modal fade fixed w-full h-full left-0 top-0" tabindex="-1">
+        <div class="modal-dialog relative p-4 min-h-[calc(100%-2rem)] pointer-events-none">
+            <!--:Modal content:-->
+            <div
+                class="modal-content relative max-w-full mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                <!--:Close:-->
+                <button type="button"
+                    class="absolute right-2 top-2 btn btn-default !p-0 !rounded-full size-8"
+                    data-bs-dismiss="modal">
+                    <span class="icon-[lucide--x] text-xl"></span>
+                </button>
+                <div class="p-4 lg:p-6">
+                    <h5 class="text-lg mb-2">Modal Title</h5>
+                    <p>
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                        laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                        voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                        non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!--:Modal Center + scroll:-->
+    <div id="modalCenter" role="dialog" class="modal fade fixed w-full h-full left-0 top-0"
+        tabindex="-1">
+        <div
+            class="modal-dialog relative flex items-center justify-center m-4 h-[calc(100vh-2rem)] pointer-events-none">
+            <!--:Modal content:-->
+            <div
+                class="modal-content overflow-hidden max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                 <div class="p-4 border-b border-zinc-100 dark:border-zinc-800 flex items-center justify-between">
+                        <h5 class="text-lg">Modal Title</h5>
+                        <!--:Close:-->
+                        <button type="button"
+                            class="btn btn-default !p-0 !rounded-full size-8"
+                            data-bs-dismiss="modal">
+                            <span class="icon-[lucide--x] text-xl"></span>
+                        </button>
+                    </div>
+                    <div class="h-[60vh] overflow-y-auto p-4">
+                        <p class="mb-4 text-lg">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                            laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                            voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                            cupidatat
+                            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                        </p>
+                        <p class="mb-4">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                            laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                            voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                            cupidatat
+                            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                        </p>
+                        <p>
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                            laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                            voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                            cupidatat
+                            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                        </p>
+                    </div>
+            </div>
+        </div>
+    </div>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-navs.html b/public_html/raven-demo/component-navs.html
new file mode 100644
index 0000000..77538e2
--- /dev/null
+++ b/public_html/raven-demo/component-navs.html
@@ -0,0 +1,1124 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item active">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Navs</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Navs</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Vertical</h5>
+                </div>
+                <div class="p-4 max-w-sm">
+                    <!--:Nav vertical:-->
+                    <nav class="flex flex-col space-y-0.5">
+                        <a href="account-settings.html"
+                            class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--user] text-lg"></span>
+                            Profile
+                        </a>
+                        <a href="account-security.html"
+                            class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--shield-check] text-lg"></span>
+                            Security
+                        </a>
+                        <a href="account-notifications.html"
+                            class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--bell] text-lg"></span>
+                            Notifications
+                        </a>
+                        <a href="account-billing.html"
+                            class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--credit-card] text-lg"></span>
+                            Billing
+                        </a>
+                        <a href="account-integration.html"
+                            class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--component] text-lg"></span>
+                            Integrations
+                        </a>
+                    </nav>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Nav vertical:--&gt;
+&lt;nav class="flex flex-col space-y-0.5"&gt;
+    &lt;a href="#"
+        class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800"&gt;
+        &lt;span class="icon-[lucide--user] text-lg"&gt;&lt;/span&gt;
+        Profile
+    &lt;/a&gt;
+    &lt;a href="#"
+        class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800"&gt;
+        &lt;span class="icon-[lucide--shield-check] text-lg"&gt;&lt;/span&gt;
+        Security
+    &lt;/a&gt;
+    ...
+&lt;/nav&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Horizontal + Auto scroll to active</h5>
+                </div>
+                <div class="p-4">
+                    <!--:Nav Horizontal:-->
+                    <nav class="nav-horizontal nav-fill py-2">
+                        <a href="#" class="nav-link active">
+                            <span class="icon-[lucide--activity]"></span> Timeline
+                        </a>
+                        <a href="#" class="nav-link">
+                            <span class="icon-[lucide--user]"></span> About
+                        </a>
+                        <a href="#" class="nav-link">
+                            <span class="icon-[lucide--folder]"></span> Projects
+                        </a>
+                        <a href="#" class="nav-link">
+                            <span class="icon-[lucide--settings]"></span> Settings
+                        </a>
+                    </nav>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Nav Horizontal:--&gt;
+&lt;nav class="nav-horizontal nav-fill py-2"&gt;
+    &lt;a href="#" class="nav-link active"&gt;
+        &lt;span class="icon-[lucide--activity]"&gt;&lt;/span&gt; Timeline
+    &lt;/a&gt;
+    &lt;a href="#" class="nav-link"&gt;
+        &lt;span class="icon-[lucide--user]"&gt;&lt;/span&gt; About
+    &lt;/a&gt;
+    &lt;a href="#" class="nav-link"&gt;
+        &lt;span class="icon-[lucide--folder]"&gt;&lt;/span&gt; Projects
+    &lt;/a&gt;
+    &lt;a href="#" class="nav-link"&gt;
+        &lt;span class="icon-[lucide--folder-cog]"&gt;&lt;/span&gt; Settings
+    &lt;/a&gt;
+&lt;/nav&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Horizontal optional</h5>
+                </div>
+                <div class="p-4">
+                    <!--:Nav Horizontal:-->
+                    <nav class="nav-horizontal nav-underline gap-4 flex flex-nowrap">
+                        <a href="#" class="nav-link active">
+                            <span class="icon-[lucide--activity]"></span> Timeline
+                        </a>
+                        <a href="#" class="nav-link">
+                            <span class="icon-[lucide--user]"></span> About
+                        </a>
+                        <a href="#" class="nav-link">
+                            <span class="icon-[lucide--folder]"></span> Projects
+                        </a>
+                        <a href="#" class="nav-link">
+                            <span class="icon-[lucide--settings]"></span> Settings
+                        </a>
+                    </nav>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Nav Horizontal:--&gt;
+&lt;nav class="nav-horizontal nav-underline gap-4 flex flex-nowrap"&gt;
+    &lt;a href="#" class="nav-link active"&gt;
+        &lt;span class="icon-[lucide--activity]"&gt;&lt;/span&gt; Timeline
+    &lt;/a&gt;
+    &lt;a href="#" class="nav-link"&gt;
+        &lt;span class="icon-[lucide--user]"&gt;&lt;/span&gt; About
+    &lt;/a&gt;
+    &lt;a href="#" class="nav-link"&gt;
+        &lt;span class="icon-[lucide--folder]"&gt;&lt;/span&gt; Projects
+    &lt;/a&gt;
+    &lt;a href="#" class="nav-link"&gt;
+        &lt;span class="icon-[lucide--folder-cog]"&gt;&lt;/span&gt; Settings
+    &lt;/a&gt;
+&lt;/nav&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-offcanvas.html b/public_html/raven-demo/component-offcanvas.html
new file mode 100644
index 0000000..c04d33d
--- /dev/null
+++ b/public_html/raven-demo/component-offcanvas.html
@@ -0,0 +1,1138 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item active">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Offcanvas</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Offcanvas</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Example</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <!--:Offcanvas End trigger:-->
+                        <button data-bs-target="#offcanvasDemo" data-bs-toggle="offcanvas" class="btn btn-default">
+                            Open offcanvas
+                        </button>
+                         <!--:Offcanvas Parge:-->
+                        <button data-bs-target="#offcanvasLarge" data-bs-toggle="offcanvas" class="btn btn-default">
+                            Open large
+                        </button>
+                        <!--:Offcanvas Top:-->
+                        <button data-bs-target="#offcanvasTop" data-bs-toggle="offcanvas" class="btn btn-default">
+                            Open Top
+                        </button>
+                         <!--:Offcanvas Bottom:-->
+                        <button data-bs-target="#offcanvasBottom" data-bs-toggle="offcanvas" class="btn btn-default">
+                            Open Bottom
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Offcanvas trigger:--&gt;
+&lt;button data-bs-target="#offcanvasDemo" data-bs-toggle="offcanvas" class="btn btn-default"&gt;
+    Open Offcanvas
+&lt;/button&gt;
+
+&lt;!--:Offcanvas end:--&gt;
+&lt;div class="offcanvas fixed end-0 top-0 w-72 h-full z-[70] bg-white dark:bg-zinc-900 shadow-sm transition-all ltr:translate-x-full rtl:-translate-x-full [.show]:translate-x-0"
+    tabindex="-1" id="offcanvasDemo" aria-labelledby="offcanvasDemoLabel"&gt;
+    &lt;div class="flex flex-col h-full"&gt;
+        &lt;!--:Header:--&gt;
+        &lt;div class="p-4 shrink-0 border-b border-zinc-100 dark:border-zinc-800 flex items-center justify-between"&gt;
+            &lt;h5 class="text-lg"&gt;Offcanvas Title&lt;/h5&gt;
+            &lt;!--:Close:--&gt;
+            &lt;button type="button"
+                class="btn btn-default !p-0 !rounded-full size-8"
+                data-bs-dismiss="offcanvas" aria-label="Close"&gt;
+                &lt;span class="icon-[lucide--x] text-xl"&gt;&lt;/span&gt;
+            &lt;/button&gt;
+        &lt;/div&gt;
+        &lt;!--:Content:--&gt;
+        &lt;div class="p-4 flex-grow overflow-y-auto"&gt;
+           Content...
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+
+&lt;!--:Offcanvas large:--&gt;
+&lt;div class="offcanvas fixed end-0 top-0 w-[90%] md:w-[80%] h-full z-[70] bg-white dark:bg-zinc-900 shadow-sm transition-all ltr:translate-x-full rtl:-translate-x-full [.show]:translate-x-0"
+    tabindex="-1" id="offcanvasLarge" aria-labelledby="offcanvasLargeLabel"&gt;
+&lt;/div&gt;
+
+&lt;!--:Offcanvas Top:--&gt;
+&lt;div class="offcanvas fixed start-0 top-0 w-full h-[70%] z-[70] bg-white dark:bg-zinc-900 shadow-sm transition-all -translate-y-full [.show]:translate-y-0"
+    tabindex="-1" id="offcanvasTop" aria-labelledby="offcanvasTopLabel"&gt;
+&lt;/div&gt;
+
+&lt;!--:Offcanvas Bottom:--&gt;
+&lt;div class="offcanvas fixed start-0 bottom-0 w-full h-[70%] z-[70] bg-white dark:bg-zinc-900 shadow-sm transition-all translate-y-full [.show]:translate-y-0"
+    tabindex="-1" id="offcanvasBottom" aria-labelledby="offcanvasBottomLabel"&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+        </div>
+    </main>
+
+
+    <!--:Offcanvas end:-->
+    <div class="offcanvas fixed z-[1055] end-0 top-0 h-full ltr:translate-x-full rtl:-translate-x-full max-w-[320px] bg-white dark:bg-zinc-900" tabindex="-1" id="offcanvasDemo" aria-labelledby="offcanvasDemoLabel">
+        <div class="flex flex-col h-full">
+            <!--:Header:-->
+            <div class="p-4 shrink-0 border-b border-zinc-100 dark:border-zinc-800 flex items-center justify-between">
+                <h5 class="text-lg">Offcanvas title</h5>
+                <!--:Close:-->
+                <button type="button"
+                    class="btn btn-default !p-0 !rounded-full size-8"
+                    data-bs-dismiss="offcanvas" aria-label="Close">
+                    <span class="icon-[lucide--x] text-xl"></span>
+                </button>
+            </div>
+            <!--:Content:-->
+            <div class="p-4 flex-grow overflow-y-auto">
+               Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+            </div>
+        </div>
+    </div>
+
+     <!--:Offcanvas Large:-->
+    <div class="offcanvas fixed z-[1055] end-0 top-0 h-full ltr:translate-x-full rtl:-translate-x-full max-w-[320px] md:min-w-[80%] bg-white dark:bg-zinc-900" tabindex="-1" id="offcanvasLarge" aria-labelledby="offcanvasLargeLabel">
+        <div class="flex flex-col h-full">
+            <!--:Header:-->
+            <div class="p-4 shrink-0 border-b border-zinc-100 dark:border-zinc-800 flex items-center justify-between">
+                <h5 class="text-lg">Offcanvas large title</h5>
+                <!--:Close:-->
+                <button type="button"
+                    class="btn btn-default !p-0 !rounded-full size-8"
+                    data-bs-dismiss="offcanvas" aria-label="Close">
+                    <span class="icon-[lucide--x] text-xl"></span>
+                </button>
+            </div>
+            <!--:Content:-->
+            <div class="p-4 flex-grow overflow-y-auto">
+               Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+            </div>
+        </div>
+    </div>
+
+     <!--:Offcanvas Top:-->
+    <div class="offcanvas fixed start-0 top-0 w-full h-[70%] z-[1055] bg-white dark:bg-zinc-900 -translate-y-full" tabindex="-1" id="offcanvasTop" aria-labelledby="offcanvasTopLabel">
+        <div class="flex flex-col h-full">
+            <!--:Header:-->
+            <div class="p-4 shrink-0 border-b border-zinc-100 dark:border-zinc-800 flex items-center justify-between">
+                <h5 class="text-lg">Offcanvas top title</h5>
+                <!--:Close:-->
+                <button type="button"
+                    class="btn btn-default !p-0 !rounded-full size-8"
+                    data-bs-dismiss="offcanvas" aria-label="Close">
+                    <span class="icon-[lucide--x] text-xl"></span>
+                </button>
+            </div>
+            <!--:Content:-->
+            <div class="p-4 flex-grow overflow-y-auto">
+               Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+            </div>
+        </div>
+    </div>
+
+     <!--:Offcanvas Bottom:-->
+    <div class="offcanvas fixed start-0 bottom-0 w-full h-[70%] z-[1055] bg-white dark:bg-zinc-900 translate-y-full" tabindex="-1" id="offcanvasBottom" aria-labelledby="offcanvasBottomLabel">
+        <div class="flex flex-col h-full">
+            <!--:Header:-->
+            <div class="p-4 shrink-0 border-b border-zinc-100 dark:border-zinc-800 flex items-center justify-between">
+                <h5 class="text-lg">Offcanvas bottom title</h5>
+                <!--:Close:-->
+                <button type="button"
+                    class="btn btn-default !p-0 !rounded-full size-8"
+                    data-bs-dismiss="offcanvas" aria-label="Close">
+                    <span class="icon-[lucide--x] text-xl"></span>
+                </button>
+            </div>
+            <!--:Content:-->
+            <div class="p-4 flex-grow overflow-y-auto">
+               Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+            </div>
+        </div>
+    </div>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-pagination.html b/public_html/raven-demo/component-pagination.html
new file mode 100644
index 0000000..20c047e
--- /dev/null
+++ b/public_html/raven-demo/component-pagination.html
@@ -0,0 +1,1052 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item active">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Pagination</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Pagination</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Default</h5>
+                </div>
+                <div class="p-4">
+                    <!--:Pagination:-->
+                    <div aria-label="Page navigation example" class="flex items-center gap-1 pagination">
+                        <button class="page-link" disabled type="button">Previous</button>
+                        <button class="page-link active" type="button">1</button>
+                        <button class="page-link" type="button">2</button>
+                        <button class="page-link" type="button">3</button>
+                        <button class="page-link" type="button">Next</button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Pagination:--&gt;
+&lt;div aria-label="Page navigation example" class="flex items-center gap-1 pagination"&gt;
+    &lt;button class="page-link" disabled type="button"&gt;Previous&lt;/button&gt;
+    &lt;button class="page-link active" type="button"&gt;1&lt;/button&gt;
+    &lt;button class="page-link" type="button"&gt;2&lt;/button&gt;
+    &lt;button class="page-link" type="button"&gt;3&lt;/button&gt;
+    &lt;button class="page-link" type="button"&gt;Next&lt;/button&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Arrows</h5>
+                </div>
+                <div class="p-4">
+                    <!--:Pagination:-->
+                    <div aria-label="Page navigation example" class="flex items-center gap-1 pagination">
+                        <button class="page-link" disabled type="button">
+                            <span class="icon-[lucide--chevron-left] rtl:rotate-180"></span>
+                        </button>
+                        <button class="page-link active" type="button">1</button>
+                        <button class="page-link" type="button">2</button>
+                        <button class="page-link" type="button">3</button>
+                        <button class="page-link" type="button">
+                            <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Pagination:--&gt;
+&lt;div aria-label="Page navigation example" class="flex items-center gap-1 pagination"&gt;
+    &lt;button class="page-link" disabled type="button"&gt;
+      &lt;span class="icon-[lucide--chevron-left] rtl:rotate-180">&lt;/span&gt;
+    &lt;/button&gt;
+    &lt;button class="page-link active" type="button"&gt;1&lt;/button&gt;
+    &lt;button class="page-link" type="button"&gt;2&lt;/button&gt;
+    &lt;button class="page-link" type="button"&gt;3&lt;/button&gt;
+    &lt;button class="page-link" type="button"&gt;
+     &lt;span class="icon-[lucide--chevron-right] rtl:rotate-180">&lt;/span&gt;
+    &lt;/button&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-progress.html b/public_html/raven-demo/component-progress.html
new file mode 100644
index 0000000..6b3e39d
--- /dev/null
+++ b/public_html/raven-demo/component-progress.html
@@ -0,0 +1,1176 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item active">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Progress</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Progress</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Variant</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-4">
+
+                        <div class="flex-grow max-w-md">
+                            <!--:progress:-->
+                            <div class="progress h-1 rounded-full overflow-hidden bg-primary-subtle" role="progressbar"
+                                aria-label="Basic example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                                <div class="bg-primary h-1" style="width: 25%"></div>
+                            </div>
+                        </div>
+                        <!--:Progress Circle:-->
+                        <div class="relative w-14 h-14" data-progress="65" data-show-value="true">
+                            <!-- Background circle -->
+                            <svg class="w-14 h-14 transform -rotate-90" viewBox="0 0 100 100">
+                                <circle class="text-primary-subtle" stroke-width="6" stroke="currentColor"
+                                    fill="transparent" r="45" cx="50" cy="50" />
+                                <circle class="text-primary progress-ring" stroke-width="6" stroke="currentColor"
+                                    fill="transparent" r="45" cx="50" cy="50" stroke-linecap="round"
+                                    style="stroke-dasharray: 282.6; stroke-dashoffset: 282.6; transition: stroke-dashoffset 1s ease;" />
+                            </svg>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:progress:--&gt;
+&lt;div class="progress h-1 rounded-full overflow-hidden bg-primary-subtle" role="progressbar" aria-label="Basic
+example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"&gt;
+&lt;div class="bg-primary h-1" style="width: 25%"&gt;&lt;/div&gt;
+&lt;/div&gt;
+
+&lt;!--:Progress Circle:--&gt;
+&lt;div class="relative w-14 h-14" data-progress="65" data-show-value="true"&gt;
+    &lt;!-- Background circle --&gt;
+    &lt;svg class="w-14 h-14 transform -rotate-90" viewBox="0 0 100 100"&gt;
+        &lt;circle class="text-primary-subtle" stroke-width="6" stroke="currentColor" fill="transparent" r="45" cx="50" cy="50" /&gt;
+        &lt;circle class="text-primary progress-ring" stroke-width="6" stroke="currentColor" fill="transparent" r="45"
+        cx="50" cy="50" stroke-linecap="round" style="stroke-dasharray: 282.6; stroke-dashoffset: 282.6; transition: stroke-dashoffset 1s ease;" /&gt;
+    &lt;/svg&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Labels</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-4">
+
+                        <div class="flex-grow max-w-md">
+                            <div class="flex items-center gap-3">
+                                <!--:progress:-->
+                                <div class="progress flex-grow h-1 rounded-full overflow-hidden bg-primary-subtle"
+                                    role="progressbar" aria-label="Basic example" aria-valuenow="25" aria-valuemin="0"
+                                    aria-valuemax="100">
+                                    <div class="bg-primary h-1" style="width: 25%"></div>
+                                </div>
+                                <!--:Label:-->
+                                <span class="text-sm">25%</span>
+                            </div>
+                        </div>
+                        <!--:Progress Circle:-->
+                        <div class="relative w-14 h-14" data-progress="65" data-show-value="true">
+                            <!-- Background circle -->
+                            <svg class="w-14 h-14 transform -rotate-90" viewBox="0 0 100 100">
+                                <circle class="text-primary-subtle" stroke-width="6" stroke="currentColor"
+                                    fill="transparent" r="45" cx="50" cy="50" />
+                                <circle class="text-primary progress-ring" stroke-width="6" stroke="currentColor"
+                                    fill="transparent" r="45" cx="50" cy="50" stroke-linecap="round"
+                                    style="stroke-dasharray: 282.6; stroke-dashoffset: 282.6; transition: stroke-dashoffset 1s ease;" />
+                            </svg>
+                            <!--:Label:-->
+                            <span
+                                class="absolute inset-0 flex items-center justify-center text-sm value-label hidden">0%</span>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="flex items-center gap-3"&gt;
+    &lt;!--:progress:--&gt;
+    &lt;div class="progress flex-grow h-1 rounded-full overflow-hidden bg-primary-subtle" role="progressbar"
+        aria-label="Basic example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"&gt;
+        &lt;div class="bg-primary h-1" style="width: 25%"&gt;&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;!--:Label:--&gt;
+    &lt;span class="text-sm"&gt;25%&lt;/span&gt;
+&lt;/div&gt;
+
+&lt;!--:Progress Circle:--&gt;
+&lt;div class="relative w-14 h-14" data-progress="65" data-show-value="true"&gt;
+    &lt;!-- Background circle --&gt;
+    &lt;svg class="w-14 h-14 transform -rotate-90" viewBox="0 0 100 100"&gt;
+        &lt;circle class="text-primary-subtle" stroke-width="6" stroke="currentColor" fill="transparent" r="45" cx="50" cy="50" /&gt;
+        &lt;circle class="text-primary progress-ring" stroke-width="6" stroke="currentColor" fill="transparent" r="45"
+        cx="50" cy="50" stroke-linecap="round" style="stroke-dasharray: 282.6; stroke-dashoffset: 282.6; transition: stroke-dashoffset 1s ease;" /&gt;
+    &lt;/svg&gt;
+    &lt;!--:Label:--&gt;
+    &lt;span class="absolute inset-0 flex items-center justify-center text-sm value-label hidden"&gt;0%&lt;/span&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Sizing / Custom Labels + Color</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-4">
+
+                        <div class="flex-grow max-w-md">
+                            <div class="flex items-center gap-3">
+                                <!--:Label:-->
+                                <span class="text-sm">Downloading</span>
+                                <!--:progress:-->
+                                <div class="progress flex-grow h-2 rounded-full overflow-hidden bg-red-500/10"
+                                    role="progressbar" aria-label="Basic example" aria-valuenow="25" aria-valuemin="0"
+                                    aria-valuemax="100">
+                                    <div class="bg-red-500 h-2" style="width: 25%"></div>
+                                </div>
+                                <!--:Label:-->
+                                <span class="text-sm">25%</span>
+                            </div>
+                        </div>
+                        <!--:Progress Circle:-->
+                        <div class="relative w-28 h-28" data-progress="65" data-show-value="true">
+                            <!-- Background circle -->
+                            <svg class="w-28 h-28 transform -rotate-90" viewBox="0 0 100 100">
+                                <circle class="text-green-500/20" stroke-width="6" stroke="currentColor"
+                                    fill="transparent" r="45" cx="50" cy="50" />
+                                <circle class="text-green-500 progress-ring" stroke-width="6" stroke="currentColor"
+                                    fill="transparent" r="45" cx="50" cy="50" stroke-linecap="round"
+                                    style="stroke-dasharray: 282.6; stroke-dashoffset: 282.6; transition: stroke-dashoffset 1s ease;" />
+                            </svg>
+                            <!--:Label:-->
+                            <span
+                                class="absolute inset-0 flex flex-col items-center justify-center">
+                            <span class="font-semibold value-label hidden text-lg">0%</span>
+                            <small>Finished</small>
+                            </span>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="flex items-center gap-3"&gt;
+    &lt;!--:Label:--&gt;
+    &lt;span class="text-sm"&gt;Downloading&lt;/span&gt;
+    &lt;!--:progress:--&gt;
+    &lt;div class="progress flex-grow h-2 rounded-full overflow-hidden bg-red-500/10" role="progressbar"
+        aria-label="Basic example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"&gt;
+        &lt;div class="bg-red-500 h-2" style="width: 25%"&gt;&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;!--:Label:--&gt;
+    &lt;span class="text-sm"&gt;25%&lt;/span&gt;
+&lt;/div&gt;
+
+&lt;!--:Progress Circle:--&gt;
+&lt;div class="relative w-28 h-28" data-progress="65" data-show-value="true"&gt;
+    &lt;!-- Background circle --&gt;
+    &lt;svg class="w-28 h-28 transform -rotate-90" viewBox="0 0 100 100"&gt;
+        &lt;circle class="text-green-500/20" stroke-width="6" stroke="currentColor" fill="transparent" r="45" cx="50"
+            cy="50" /&gt;
+        &lt;circle class="text-green-500 progress-ring" stroke-width="6" stroke="currentColor" fill="transparent" r="45"
+            cx="50" cy="50" stroke-linecap="round"
+            style="stroke-dasharray: 282.6; stroke-dashoffset: 282.6; transition: stroke-dashoffset 1s ease;" /&gt;
+    &lt;/svg&gt;
+    &lt;!--:Label:--&gt;
+    &lt;span class="absolute inset-0 flex flex-col items-center justify-center"&gt;
+        &lt;span class="font-semibold value-label hidden text-lg"&gt;0%&lt;/span&gt;
+        &lt;small&gt;Finished&lt;/small&gt;
+    &lt;/span&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-tabbed-content.html b/public_html/raven-demo/component-tabbed-content.html
new file mode 100644
index 0000000..be6c97e
--- /dev/null
+++ b/public_html/raven-demo/component-tabbed-content.html
@@ -0,0 +1,1194 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item active">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Tabbed content</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Tabbed content</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="mb-4">
+                <div class="pt-4">
+                    <h5 class="text-lg">Card with tab</h5>
+                </div>
+                <div class="py-4">
+                    <div class="max-w-xl">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div
+                                class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Card Title</h5>
+                                <!-- Nav tabs -->
+                                <div class="inline-flex items-center gap-1"
+                                    id="myTab" role="tablist">
+                                    <button
+                                        class="flex items-center text-sm cursor-pointer px-2 py-1 rounded hover:bg-primary-subtle hover:text-primary active [.active]:bg-primary-subtle [.active]:text-primary"
+                                        id="revenue-tab" data-bs-toggle="tab" data-bs-target="#revenue" type="button"
+                                        role="tab" aria-controls="revenue" aria-selected="true">Revenue</button>
+                                    <button
+                                        class="flex items-center text-sm cursor-pointer px-2 py-1 rounded hover:bg-primary-subtle hover:text-primary [.active]:bg-primary-subtle [.active]:text-primary"
+                                        id="sales-tab" data-bs-toggle="tab" data-bs-target="#sales" type="button"
+                                        role="tab" aria-controls="sales" aria-selected="false">Sales</button>
+                                    <button
+                                        class="flex items-center text-sm cursor-pointer px-2 py-1 rounded hover:bg-primary-subtle hover:text-primary [.active]:bg-primary-subtle [.active]:text-primary"
+                                        id="profit-tab" data-bs-toggle="tab" data-bs-target="#profit" type="button"
+                                        role="tab" aria-controls="profit" aria-selected="false">Profit</button>
+                                </div>
+                            </div>
+                            <!-- Tab panes -->
+                            <div class="tab-content p-4">
+                                <div class="tab-pane fade show active" id="revenue" role="tabpanel"
+                                    aria-labelledby="revenue-tab" tabindex="0">
+                                    <h5 class="text-xl mb-1">$493,892</h5>
+                                    Revenue generated
+                                </div>
+                                <div class="tab-pane fade" id="sales" role="tabpanel" aria-labelledby="sales-tab"
+                                    tabindex="0">
+                                    <h5 class="text-xl mb-1">8948</h5>
+                                    Sales Done
+                                </div>
+                                <div class="tab-pane fade" id="profit" role="tabpanel" aria-labelledby="profit-tab"
+                                    tabindex="0">
+                                    <h5 class="text-xl mb-1">$293,158</h5>
+                                    Profit earned
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div
+                    class=" max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div
+    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4"&gt;
+    &lt;div class="px-4 pt-4 flex items-center justify-between"&gt;
+        &lt;h5 class="text-lg"&gt;Card Title&lt;/h5&gt;
+        &lt;!-- Nav tabs --&gt;
+        &lt;div class="inline-flex items-center gap-1" id="myTab" role="tablist"&gt;
+    &lt;button
+        class="flex items-center text-sm cursor-pointer px-2 py-1 rounded hover:bg-primary-subtle hover:text-primary active [.active]:bg-primary-subtle [.active]:text-primary"
+        id="revenue-tab" data-bs-toggle="tab" data-bs-target="#revenue" type="button" role="tab" aria-controls="revenue"
+        aria-selected="true"&gt;Revenue&lt;/button&gt;
+    &lt;button
+        class="flex items-center text-sm cursor-pointer px-2 py-1 rounded hover:bg-primary-subtle hover:text-primary [.active]:bg-primary-subtle [.active]:text-primary"
+        id="sales-tab" data-bs-toggle="tab" data-bs-target="#sales" type="button" role="tab" aria-controls="sales"
+        aria-selected="false"&gt;Sales&lt;/button&gt;
+    &lt;button
+        class="flex items-center text-sm cursor-pointer px-2 py-1 rounded hover:bg-primary-subtle hover:text-primary [.active]:bg-primary-subtle [.active]:text-primary"
+        id="profit-tab" data-bs-toggle="tab" data-bs-target="#profit" type="button" role="tab" aria-controls="profit"
+        aria-selected="false"&gt;Profit&lt;/button&gt;
+&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;!-- Tab panes --&gt;
+    &lt;div class="tab-content p-4"&gt;
+        &lt;div class="tab-pane fade show active" id="revenue" role="tabpanel" aria-labelledby="revenue-tab" tabindex="0"&gt;
+            &lt;h5 class="text-xl mb-1"&gt;$493,892&lt;/h5&gt;
+            Revenue generated
+        &lt;/div&gt;
+        &lt;div class="tab-pane fade" id="sales" role="tabpanel" aria-labelledby="sales-tab" tabindex="0"&gt;
+            &lt;h5 class="text-xl mb-1"&gt;8948&lt;/h5&gt;
+            Sales Done
+        &lt;/div&gt;
+        &lt;div class="tab-pane fade" id="profit" role="tabpanel" aria-labelledby="profit-tab" tabindex="0"&gt;
+            &lt;h5 class="text-xl mb-1"&gt;$293,158&lt;/h5&gt;
+            Profit earned
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="mb-4">
+                <div class="pt-4">
+                    <h5 class="text-lg mb-1">Card with tab 2 - horizontal tabs auto scroll to active</h5>
+                    <p class="text-muted">Large menu icons? - keep <code>.nav-horizontal</code></p>
+                </div>
+                <div class="py-4">
+                    <div class="max-w-xl">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div
+                                class="px-4 py-4 flex items-center justify-between border-b border-zinc-200 dark:border-zinc-800">
+                                <h5 class="text-lg">Card Title</h5>
+                            </div>
+                            <!-- Nav tabs -->
+                                <div class="flex px-4 items-center gap-4 nav-horizontal nav-underline"
+                                    id="myTab1" role="tablist">
+                                    <button
+                                        class="nav-link active"
+                                        id="revenue1-tab" data-bs-toggle="tab" data-bs-target="#revenue1" type="button"
+                                        role="tab" aria-controls="revenue1" aria-selected="true">Revenue</button>
+                                    <button
+                                        class="nav-link"
+                                        id="sales1-tab" data-bs-toggle="tab" data-bs-target="#sales1" type="button"
+                                        role="tab" aria-controls="sales1" aria-selected="false">Sales</button>
+                                    <button
+                                        class="nav-link"
+                                        id="profit1-tab" data-bs-toggle="tab" data-bs-target="#profit1" type="button"
+                                        role="tab" aria-controls="profit1" aria-selected="false">Profit</button>
+                                        <button
+                                        class="nav-link"
+                                        id="anotherTab-tab" data-bs-toggle="tab" data-bs-target="#anotherTab" type="button"
+                                        role="tab" aria-controls="anotherTab" aria-selected="false">Another tab</button>
+                                         <button
+                                        class="nav-link"
+                                        id="onemoreTab-tab" data-bs-toggle="tab" data-bs-target="#onemoreTab" type="button"
+                                        role="tab" aria-controls="onemoreTab" aria-selected="false">One more tab</button>
+                                </div>
+                            <!-- Tab panes -->
+                            <div class="tab-content p-4">
+                                <div class="tab-pane fade show active" id="revenue1" role="tabpanel"
+                                    aria-labelledby="revenue1-tab" tabindex="0">
+                                    <h5 class="text-xl mb-1">$493,892</h5>
+                                    Revenue generated
+                                </div>
+                                <div class="tab-pane fade" id="sales1" role="tabpanel" aria-labelledby="sales1-tab"
+                                    tabindex="0">
+                                    <h5 class="text-xl mb-1">8948</h5>
+                                    Sales Done
+                                </div>
+                                <div class="tab-pane fade" id="profit1" role="tabpanel" aria-labelledby="profit1-tab"
+                                    tabindex="0">
+                                    <h5 class="text-xl mb-1">$293,158</h5>
+                                    Profit earned
+                                </div>
+                                <div class="tab-pane fade" id="anotherTab" role="tabpanel" aria-labelledby="anotherTab-tab"
+                                    tabindex="0">
+                                    <h5 class="text-xl mb-1">Another tab</h5>
+                                </div>
+                                <div class="tab-pane fade" id="onemoreTab" role="tabpanel" aria-labelledby="onemoreTab-tab"
+                                    tabindex="0">
+                                    <h5 class="text-xl mb-1">One more tab</h5>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div
+                    class="max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div
+    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card"&gt;
+    &lt;div class="px-4 py-4 flex items-center justify-between border-b border-zinc-200 dark:border-zinc-800"&gt;
+        &lt;h5 class="text-lg"&gt;Card Title&lt;/h5&gt;
+    &lt;/div&gt;
+    &lt;!-- Nav tabs --&gt;
+    &lt;div class="flex items-center px-4 nav-underline nav-horizontal" id="myTab1" role="tablist"&gt;
+        &lt;button
+            class="nav-link active"
+            id="revenue1-tab" data-bs-toggle="tab" data-bs-target="#revenue1" type="button" role="tab"
+            aria-controls="revenue1" aria-selected="true"&gt;Revenue&lt;/button&gt;
+        &lt;button
+            class="nav-link"
+            id="sales1-tab" data-bs-toggle="tab" data-bs-target="#sales1" type="button" role="tab"
+            aria-controls="sales1" aria-selected="false"&gt;Sales&lt;/button&gt;
+        &lt;button
+            class="nav-link"
+            id="profit1-tab" data-bs-toggle="tab" data-bs-target="#profit1" type="button" role="tab"
+            aria-controls="profit1" aria-selected="false"&gt;Profit&lt;/button&gt;
+    &lt;/div&gt;
+    &lt;!-- Tab panes --&gt;
+    &lt;div class="tab-content p-4"&gt;
+        &lt;div class="tab-pane fade show active" id="revenue1" role="tabpanel" aria-labelledby="revenue1-tab"
+            tabindex="0"&gt;
+            &lt;h5 class="text-xl mb-1"&gt;$493,892&lt;/h5&gt;
+            Revenue generated
+        &lt;/div&gt;
+        &lt;div class="tab-pane fade" id="sales1" role="tabpanel" aria-labelledby="sales1-tab" tabindex="0"&gt;
+            &lt;h5 class="text-xl mb-1"&gt;8948&lt;/h5&gt;
+            Sales Done
+        &lt;/div&gt;
+        &lt;div class="tab-pane fade" id="profit1" role="tabpanel" aria-labelledby="profit1-tab" tabindex="0"&gt;
+            &lt;h5 class="text-xl mb-1"&gt;$293,158&lt;/h5&gt;
+            Profit earned
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-tooltip.html b/public_html/raven-demo/component-tooltip.html
new file mode 100644
index 0000000..3a641c9
--- /dev/null
+++ b/public_html/raven-demo/component-tooltip.html
@@ -0,0 +1,1059 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item active">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Tooltips & popovers</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Tooltips & popovers</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Tooltips</h5>
+                </div>
+                <div class="p-4">
+                    <button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip"
+                        data-bs-placement="left" data-bs-title="Tooltip on Left">
+                        left
+                    </button>
+                    <button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip"
+                        data-bs-placement="right" data-bs-title="Tooltip on Right">
+                        right
+                    </button>
+                    <button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip"
+                        data-bs-placement="top" data-bs-title="Tooltip on Top">
+                        top
+                    </button>
+                    <button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip"
+                        data-bs-placement="bottom" data-bs-title="Tooltip on Bottom">
+                        bottom
+                    </button>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Tooltip on Left"&gt;
+left
+&lt;/button&gt;
+&lt;button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Tooltip on Right"&gt;
+right
+&lt;/button&gt;
+&lt;button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Tooltip on Top"&gt;
+ top
+&lt;/button&gt;
+&lt;button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Tooltip on Bottom"&gt;
+bottom
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Popovers</h5>
+                </div>
+                <div class="p-4">
+                    <button class="btn btn-sm btn-default" type="button" data-bs-toggle="popover"
+                        data-bs-placement="top" data-bs-trigger="focus" data-bs-title="Popover Title"
+                        data-bs-content="This popover is content of this popover.">
+                        Header popover
+                    </button>
+                    <button type="button" class="btn btn-sm btn-default" data-bs-html="true" data-bs-toggle="popover"
+                        data-bs-placement="top" data-bs-trigger="focus"
+                        data-bs-content='Popover with a <a href="#!" class="text-primary">Link</a>'>
+                        Popover with a
+                    </button>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button class="btn btn-sm btn-default" type="button" data-bs-toggle="popover" data-bs-placement="top"
+    data-bs-trigger="focus" data-bs-title="Popover Title" data-bs-content="This popover is content of this popover."&gt;
+    Header popover
+&lt;/button&gt;
+&lt;button type="button" class="btn btn-sm btn-default" data-bs-html="true" data-bs-toggle="popover"
+    data-bs-placement="top" data-bs-trigger="focus"
+    data-bs-content='Popover with a &lt;a href="#!" class="text-primary"&gt;Link&lt;/a&gt;'&gt;
+    Popover with a
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/component-typography.html b/public_html/raven-demo/component-typography.html
new file mode 100644
index 0000000..129b1fc
--- /dev/null
+++ b/public_html/raven-demo/component-typography.html
@@ -0,0 +1,1201 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item active">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Typography</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Typography</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Headings</h5>
+                </div>
+                <div class="p-4">
+                    <h1 class="text-4xl mb-1">H1 Heading</h1>
+                    <h2 class="text-3xl mb-1">H2 Heading</h2>
+                    <h3 class="text-2xl mb-1">H3 Heading</h3>
+                    <h4 class="text-xl mb-1">H4 Heading</h4>
+                    <h5 class="text-lg mb-1">H5 Heading</h5>
+                    <h6 class="text-base">H6 Heading</h6>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;h1 class="text-4xl"&gt;H1 Heading&lt;/h1&gt;
+
+&lt;h2 class="text-3xl"&gt;H2 Heading&lt;/h2&gt;
+
+&lt;h3 class="text-2xl"&gt;H3 Heading&lt;/h3&gt;
+
+&lt;h4 class="text-xl"&gt;H4 Heading&lt;/h4&gt;
+
+&lt;h5 class="text-lg"&gt;H5 Heading&lt;/h5&gt;
+
+&lt;h6 class="text-base"&gt;H6 Heading&lt;/h6&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Text</h5>
+                </div>
+                <div class="p-4">
+                    <small class="font-mono opacity-75">Default</small>
+                    <p class="mb-2">The quick brown fox jumps over the lazy dog.</p>
+                    <small class="font-mono opacity-75">Underline</small>
+                    <p class="mb-2 underline">The quick brown fox jumps over the lazy dog.</p>
+                    <small class="font-mono opacity-75">Italic</small>
+                    <p class="mb-2 italic">The quick brown fox jumps over the lazy dog.</p>
+                    <small class="font-mono opacity-75">Overline</small>
+                    <p class="mb-2 overline">The quick brown fox jumps over the lazy dog.</p>
+                    <small class="font-mono opacity-75">line through</small>
+                    <p class="line-through">The quick brown fox jumps over the lazy dog.</p>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;p&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+
+&lt;p class="underline"&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+
+&lt;p class="italic"&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+
+&lt;p class="overline"&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+
+&lt;p class="line-through"&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Font weight</h5>
+                </div>
+                <div class="p-4">
+                    <small class="font-mono opacity-75">Normal Default</small>
+                    <p class="mb-2">The quick brown fox jumps over the lazy dog.</p>
+                    <small class="font-mono opacity-75">Medium</small>
+                    <p class="mb-2 font-semibold">The quick brown fox jumps over the lazy dog.</p>
+                    <small class="font-mono opacity-75">Semibold</small>
+                    <p class="mb-2 font-semibold">The quick brown fox jumps over the lazy dog.</p>
+                    <small class="font-mono opacity-75">Bold</small>
+                    <p class="mb-2 font-semibold">The quick brown fox jumps over the lazy dog.</p>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;p&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+
+&lt;p class="font-semibold"&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+
+&lt;p class="font-semibold"&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+
+&lt;p class="font-semibold"&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">List</h5>
+                </div>
+                <div class="p-4">
+                    <small class="font-mono opacity-75 mb-2">list-disc</small>
+                    <ul class="list-disc pl-4 mb-3">
+                        <li>Now this is a story all about how, my life got flipped-turned upside down</li>
+                        <li>Lorem ipsum is placeholder text commonly used in the graphic</li>
+                        <li>Publishing industries for previewing layouts and visual mockups.</li>
+                    </ul>
+                    <small class="font-mono opacity-75 mb-2">list-decimal</small>
+                    <ul class="list-decimal pl-4 mb-3">
+                        <li>Now this is a story all about how, my life got flipped-turned upside down</li>
+                        <li>Lorem ipsum is placeholder text commonly used in the graphic</li>
+                        <li>Publishing industries for previewing layouts and visual mockups.</li>
+                    </ul>
+                    <small class="font-mono opacity-75 mb-2">list-none</small>
+                    <ul class="list-none mb-3">
+                        <li>Now this is a story all about how, my life got flipped-turned upside down</li>
+                        <li>Lorem ipsum is placeholder text commonly used in the graphic</li>
+                        <li>Publishing industries for previewing layouts and visual mockups.</li>
+                    </ul>
+                    <small class="font-mono opacity-75 block mb-2">Custom Icon</small>
+                    <ul class="list-none space-y-2">
+                        <li class="flex items-center"><span
+                                class="icon-[lucide--check] text-xl me-2 text-primary"></span>24/7 Support</li>
+                        <li class="flex items-center"><span
+                                class="icon-[lucide--check] text-xl me-2 text-primary"></span>Lifetime free updates
+                        </li>
+                        <li class="flex items-center"><span
+                                class="icon-[lucide--check] text-xl me-2 text-primary"></span>New demos weekly</li>
+                    </ul>
+                </div>
+                <div
+                    class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;ul class="list-disc"&gt;
+    &lt;li&gt;Now this is a story all about how, my life got flipped-turned upside down&lt;/li&gt;
+    &lt;li&gt;Lorem ipsum is placeholder text commonly used in the graphic&lt;/li&gt;
+    &lt;li&gt;Publishing industries for previewing layouts and visual mockups.&lt;/li&gt;
+&lt;/ul&gt;
+
+&lt;ul class="list-decimal"&gt;
+    &lt;li&gt;Now this is a story all about how, my life got flipped-turned upside down&lt;/li&gt;
+    &lt;li&gt;Lorem ipsum is placeholder text commonly used in the graphic&lt;/li&gt;
+    &lt;li&gt;Publishing industries for previewing layouts and visual mockups.&lt;/li&gt;
+&lt;/ul&gt;
+
+&lt;ul class="list-none"&gt;
+    &lt;li&gt;Now this is a story all about how, my life got flipped-turned upside down&lt;/li&gt;
+    &lt;li&gt;Lorem ipsum is placeholder text commonly used in the graphic&lt;/li&gt;
+    &lt;li&gt;Publishing industries for previewing layouts and visual mockups.&lt;/li&gt;
+&lt;/ul&gt;
+
+&lt;ul class="space-y-2"&gt;
+    &lt;li class="flex items-center"&gt;
+        &lt;span class="icon-[lucide--check] text-xl me-2 text-primary"&gt;&lt;/span&gt;
+        24/7 Support
+    &lt;/li&gt;
+    &lt;li class="flex items-center"&gt;
+        &lt;span class="icon-[lucide--check] text-xl me-2 text-primary"&gt;&lt;/span&gt;
+        Lifetime free updates
+    &lt;/li&gt;
+    &lt;li class="flex items-center"&gt;
+        &lt;span class="icon-[lucide--check] text-xl me-2 text-primary"&gt;&lt;/span&gt;
+        New demos weekly
+    &lt;/li&gt;
+&lt;/ul&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Text overflow</h5>
+                </div>
+                <div class="p-4">
+                    <small class="font-mono opacity-75 mb-1 block">Truncate</small>
+                    <p class="max-w-xs truncate mb-4">The longest word in any of the major English language dictionaries
+                        is <span class="font-semibold">pneumonoultramicroscopicsilicovolcanoconiosis,</span> a word that
+                        refers to a lung disease contracted from the inhalation of very fine silica particles,
+                        specifically from a volcano; medically, it is the same as silicosis.</p>
+                    <small class="font-mono opacity-75 mb-1 block">Ellipsis</small>
+                    <p class="max-w-xs overflow-hidden text-ellipsis mb-4">
+                        The longest word in any of the major English language dictionaries is <span
+                            class="font-semibold">pneumonoultramicroscopicsilicovolcanoconiosis,</span> a word that refers
+                        to a lung disease contracted from the inhalation of very fine silica particles, specifically
+                        from a volcano; medically, it is the same as silicosis
+                    </p>
+                    <small class="font-mono opacity-75 mb-1 block">Line Clamp</small>
+                    <p class="max-w-xs overflow-hidden line-clamp-2 mb-4">
+                        The longest word in any of the major English language dictionaries is a word that refers to a
+                        lung disease contracted from the inhalation of very fine silica particles, specifically from a
+                        volcano; medically, it is the same as silicosis
+                    </p>
+
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;p class="max-w-xs truncate"&gt;The longest word in any of the major English language dictionaries is 
+    &lt;span class="font-semibold"&gt;pneumonoultramicroscopicsilicovolcanoconiosis,&lt;/span&gt;
+    a word that refers to a lung disease
+    contracted from the inhalation of very fine silica particles, specifically from a volcano; medically, it is the same
+    as silicosis.&lt;/p&gt;
+
+&lt;p class="max-w-xs overflow-hidden text-ellipsis"&gt;
+    The longest word in any of the major English language dictionaries is 
+    &lt;span class="font-semibold"&gt;pneumonoultramicroscopicsilicovolcanoconiosis,&lt;/span&gt;
+    a word that refers to a lung disease
+    contracted from the inhalation of very fine silica particles, specifically from a volcano; medically, it is the same
+    as silicosis
+&lt;/p&gt;
+
+&lt;p class="max-w-xs overflow-hidden line-clamp-2"&gt;
+    The longest word in any of the major English language dictionaries is a word that refers to a lung disease
+    contracted from the inhalation of very fine silica particles, specifically from a volcano; medically, it is the same
+    as silicosis
+&lt;/p&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/css/style.css b/public_html/raven-demo/css/style.css
new file mode 100644
index 0000000..e735342
--- /dev/null
+++ b/public_html/raven-demo/css/style.css
@@ -0,0 +1,11328 @@
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+@layer properties;
+@layer theme, base, components, utilities;
+@layer theme {
+  :root, :host {
+    --font-sans: var(--font-theme);
+    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+      "Courier New", monospace;
+    --color-red-50: oklch(97.1% 0.013 17.38);
+    --color-red-100: oklch(93.6% 0.032 17.717);
+    --color-red-200: oklch(88.5% 0.062 18.334);
+    --color-red-300: oklch(80.8% 0.114 19.571);
+    --color-red-400: oklch(70.4% 0.191 22.216);
+    --color-red-500: oklch(63.7% 0.237 25.331);
+    --color-red-600: oklch(57.7% 0.245 27.325);
+    --color-red-700: oklch(50.5% 0.213 27.518);
+    --color-red-800: oklch(44.4% 0.177 26.899);
+    --color-red-900: oklch(39.6% 0.141 25.723);
+    --color-red-950: oklch(25.8% 0.092 26.042);
+    --color-orange-50: oklch(98% 0.016 73.684);
+    --color-orange-100: oklch(95.4% 0.038 75.164);
+    --color-orange-200: oklch(90.1% 0.076 70.697);
+    --color-orange-300: oklch(83.7% 0.128 66.29);
+    --color-orange-400: oklch(75% 0.183 55.934);
+    --color-orange-500: oklch(70.5% 0.213 47.604);
+    --color-orange-600: oklch(64.6% 0.222 41.116);
+    --color-orange-700: oklch(55.3% 0.195 38.402);
+    --color-orange-800: oklch(47% 0.157 37.304);
+    --color-orange-900: oklch(40.8% 0.123 38.172);
+    --color-orange-950: oklch(26.6% 0.079 36.259);
+    --color-amber-50: oklch(98.7% 0.022 95.277);
+    --color-amber-100: oklch(96.2% 0.059 95.617);
+    --color-amber-200: oklch(92.4% 0.12 95.746);
+    --color-amber-300: oklch(87.9% 0.169 91.605);
+    --color-amber-400: oklch(82.8% 0.189 84.429);
+    --color-amber-500: oklch(76.9% 0.188 70.08);
+    --color-amber-600: oklch(66.6% 0.179 58.318);
+    --color-amber-700: oklch(55.5% 0.163 48.998);
+    --color-amber-800: oklch(47.3% 0.137 46.201);
+    --color-amber-900: oklch(41.4% 0.112 45.904);
+    --color-amber-950: oklch(27.9% 0.077 45.635);
+    --color-yellow-50: oklch(98.7% 0.026 102.212);
+    --color-yellow-100: oklch(97.3% 0.071 103.193);
+    --color-yellow-200: oklch(94.5% 0.129 101.54);
+    --color-yellow-300: oklch(90.5% 0.182 98.111);
+    --color-yellow-400: oklch(85.2% 0.199 91.936);
+    --color-yellow-500: oklch(79.5% 0.184 86.047);
+    --color-yellow-600: oklch(68.1% 0.162 75.834);
+    --color-yellow-700: oklch(55.4% 0.135 66.442);
+    --color-yellow-800: oklch(47.6% 0.114 61.907);
+    --color-yellow-900: oklch(42.1% 0.095 57.708);
+    --color-yellow-950: oklch(28.6% 0.066 53.813);
+    --color-lime-50: oklch(98.6% 0.031 120.757);
+    --color-lime-100: oklch(96.7% 0.067 122.328);
+    --color-lime-200: oklch(93.8% 0.127 124.321);
+    --color-lime-300: oklch(89.7% 0.196 126.665);
+    --color-lime-400: oklch(84.1% 0.238 128.85);
+    --color-lime-500: oklch(76.8% 0.233 130.85);
+    --color-lime-600: oklch(64.8% 0.2 131.684);
+    --color-lime-700: oklch(53.2% 0.157 131.589);
+    --color-lime-800: oklch(45.3% 0.124 130.933);
+    --color-lime-900: oklch(40.5% 0.101 131.063);
+    --color-lime-950: oklch(27.4% 0.072 132.109);
+    --color-green-50: oklch(98.2% 0.018 155.826);
+    --color-green-100: oklch(96.2% 0.044 156.743);
+    --color-green-200: oklch(92.5% 0.084 155.995);
+    --color-green-300: oklch(87.1% 0.15 154.449);
+    --color-green-400: oklch(79.2% 0.209 151.711);
+    --color-green-500: oklch(72.3% 0.219 149.579);
+    --color-green-600: oklch(62.7% 0.194 149.214);
+    --color-green-700: oklch(52.7% 0.154 150.069);
+    --color-green-800: oklch(44.8% 0.119 151.328);
+    --color-green-900: oklch(39.3% 0.095 152.535);
+    --color-green-950: oklch(26.6% 0.065 152.934);
+    --color-emerald-50: oklch(97.9% 0.021 166.113);
+    --color-emerald-100: oklch(95% 0.052 163.051);
+    --color-emerald-200: oklch(90.5% 0.093 164.15);
+    --color-emerald-300: oklch(84.5% 0.143 164.978);
+    --color-emerald-400: oklch(76.5% 0.177 163.223);
+    --color-emerald-500: oklch(69.6% 0.17 162.48);
+    --color-emerald-600: oklch(59.6% 0.145 163.225);
+    --color-emerald-700: oklch(50.8% 0.118 165.612);
+    --color-emerald-800: oklch(43.2% 0.095 166.913);
+    --color-emerald-900: oklch(37.8% 0.077 168.94);
+    --color-emerald-950: oklch(26.2% 0.051 172.552);
+    --color-teal-50: oklch(98.4% 0.014 180.72);
+    --color-teal-100: oklch(95.3% 0.051 180.801);
+    --color-teal-200: oklch(91% 0.096 180.426);
+    --color-teal-300: oklch(85.5% 0.138 181.071);
+    --color-teal-400: oklch(77.7% 0.152 181.912);
+    --color-teal-500: oklch(70.4% 0.14 182.503);
+    --color-teal-600: oklch(60% 0.118 184.704);
+    --color-teal-700: oklch(51.1% 0.096 186.391);
+    --color-teal-800: oklch(43.7% 0.078 188.216);
+    --color-teal-900: oklch(38.6% 0.063 188.416);
+    --color-teal-950: oklch(27.7% 0.046 192.524);
+    --color-cyan-50: oklch(98.4% 0.019 200.873);
+    --color-cyan-100: oklch(95.6% 0.045 203.388);
+    --color-cyan-200: oklch(91.7% 0.08 205.041);
+    --color-cyan-300: oklch(86.5% 0.127 207.078);
+    --color-cyan-400: oklch(78.9% 0.154 211.53);
+    --color-cyan-500: oklch(71.5% 0.143 215.221);
+    --color-cyan-600: oklch(60.9% 0.126 221.723);
+    --color-cyan-700: oklch(52% 0.105 223.128);
+    --color-cyan-800: oklch(45% 0.085 224.283);
+    --color-cyan-900: oklch(39.8% 0.07 227.392);
+    --color-cyan-950: oklch(30.2% 0.056 229.695);
+    --color-sky-50: oklch(97.7% 0.013 236.62);
+    --color-sky-100: oklch(95.1% 0.026 236.824);
+    --color-sky-200: oklch(90.1% 0.058 230.902);
+    --color-sky-300: oklch(82.8% 0.111 230.318);
+    --color-sky-400: oklch(74.6% 0.16 232.661);
+    --color-sky-500: oklch(68.5% 0.169 237.323);
+    --color-sky-600: oklch(58.8% 0.158 241.966);
+    --color-sky-700: oklch(50% 0.134 242.749);
+    --color-sky-800: oklch(44.3% 0.11 240.79);
+    --color-sky-900: oklch(39.1% 0.09 240.876);
+    --color-sky-950: oklch(29.3% 0.066 243.157);
+    --color-blue-50: oklch(97% 0.014 254.604);
+    --color-blue-100: oklch(93.2% 0.032 255.585);
+    --color-blue-200: oklch(88.2% 0.059 254.128);
+    --color-blue-300: oklch(80.9% 0.105 251.813);
+    --color-blue-400: oklch(70.7% 0.165 254.624);
+    --color-blue-500: oklch(62.3% 0.214 259.815);
+    --color-blue-600: oklch(54.6% 0.245 262.881);
+    --color-blue-700: oklch(48.8% 0.243 264.376);
+    --color-blue-800: oklch(42.4% 0.199 265.638);
+    --color-blue-900: oklch(37.9% 0.146 265.522);
+    --color-blue-950: oklch(28.2% 0.091 267.935);
+    --color-indigo-50: oklch(96.2% 0.018 272.314);
+    --color-indigo-100: oklch(93% 0.034 272.788);
+    --color-indigo-200: oklch(87% 0.065 274.039);
+    --color-indigo-300: oklch(78.5% 0.115 274.713);
+    --color-indigo-400: oklch(67.3% 0.182 276.935);
+    --color-indigo-500: oklch(58.5% 0.233 277.117);
+    --color-indigo-600: oklch(51.1% 0.262 276.966);
+    --color-indigo-700: oklch(45.7% 0.24 277.023);
+    --color-indigo-800: oklch(39.8% 0.195 277.366);
+    --color-indigo-900: oklch(35.9% 0.144 278.697);
+    --color-indigo-950: oklch(25.7% 0.09 281.288);
+    --color-violet-50: oklch(96.9% 0.016 293.756);
+    --color-violet-100: oklch(94.3% 0.029 294.588);
+    --color-violet-200: oklch(89.4% 0.057 293.283);
+    --color-violet-300: oklch(81.1% 0.111 293.571);
+    --color-violet-400: oklch(70.2% 0.183 293.541);
+    --color-violet-500: oklch(60.6% 0.25 292.717);
+    --color-violet-600: oklch(54.1% 0.281 293.009);
+    --color-violet-700: oklch(49.1% 0.27 292.581);
+    --color-violet-800: oklch(43.2% 0.232 292.759);
+    --color-violet-900: oklch(38% 0.189 293.745);
+    --color-violet-950: oklch(28.3% 0.141 291.089);
+    --color-purple-50: oklch(97.7% 0.014 308.299);
+    --color-purple-100: oklch(94.6% 0.033 307.174);
+    --color-purple-200: oklch(90.2% 0.063 306.703);
+    --color-purple-300: oklch(82.7% 0.119 306.383);
+    --color-purple-400: oklch(71.4% 0.203 305.504);
+    --color-purple-500: oklch(62.7% 0.265 303.9);
+    --color-purple-600: oklch(55.8% 0.288 302.321);
+    --color-purple-700: oklch(49.6% 0.265 301.924);
+    --color-purple-800: oklch(43.8% 0.218 303.724);
+    --color-purple-900: oklch(38.1% 0.176 304.987);
+    --color-purple-950: oklch(29.1% 0.149 302.717);
+    --color-fuchsia-50: oklch(97.7% 0.017 320.058);
+    --color-fuchsia-100: oklch(95.2% 0.037 318.852);
+    --color-fuchsia-200: oklch(90.3% 0.076 319.62);
+    --color-fuchsia-300: oklch(83.3% 0.145 321.434);
+    --color-fuchsia-400: oklch(74% 0.238 322.16);
+    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
+    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
+    --color-fuchsia-700: oklch(51.8% 0.253 323.949);
+    --color-fuchsia-800: oklch(45.2% 0.211 324.591);
+    --color-fuchsia-900: oklch(40.1% 0.17 325.612);
+    --color-fuchsia-950: oklch(29.3% 0.136 325.661);
+    --color-pink-50: oklch(97.1% 0.014 343.198);
+    --color-pink-100: oklch(94.8% 0.028 342.258);
+    --color-pink-200: oklch(89.9% 0.061 343.231);
+    --color-pink-300: oklch(82.3% 0.12 346.018);
+    --color-pink-400: oklch(71.8% 0.202 349.761);
+    --color-pink-500: oklch(65.6% 0.241 354.308);
+    --color-pink-600: oklch(59.2% 0.249 0.584);
+    --color-pink-700: oklch(52.5% 0.223 3.958);
+    --color-pink-800: oklch(45.9% 0.187 3.815);
+    --color-pink-900: oklch(40.8% 0.153 2.432);
+    --color-pink-950: oklch(28.4% 0.109 3.907);
+    --color-rose-50: oklch(96.9% 0.015 12.422);
+    --color-rose-100: oklch(94.1% 0.03 12.58);
+    --color-rose-200: oklch(89.2% 0.058 10.001);
+    --color-rose-300: oklch(81% 0.117 11.638);
+    --color-rose-400: oklch(71.2% 0.194 13.428);
+    --color-rose-500: oklch(64.5% 0.246 16.439);
+    --color-rose-600: oklch(58.6% 0.253 17.585);
+    --color-rose-700: oklch(51.4% 0.222 16.935);
+    --color-rose-800: oklch(45.5% 0.188 13.697);
+    --color-rose-900: oklch(41% 0.159 10.272);
+    --color-rose-950: oklch(27.1% 0.105 12.094);
+    --color-slate-50: oklch(98.4% 0.003 247.858);
+    --color-slate-100: oklch(96.8% 0.007 247.896);
+    --color-slate-200: oklch(92.9% 0.013 255.508);
+    --color-slate-300: oklch(86.9% 0.022 252.894);
+    --color-slate-400: oklch(70.4% 0.04 256.788);
+    --color-slate-500: oklch(55.4% 0.046 257.417);
+    --color-slate-600: oklch(44.6% 0.043 257.281);
+    --color-slate-700: oklch(37.2% 0.044 257.287);
+    --color-slate-800: oklch(27.9% 0.041 260.031);
+    --color-slate-900: oklch(20.8% 0.042 265.755);
+    --color-slate-950: oklch(12.9% 0.042 264.695);
+    --color-gray-50: oklch(98.5% 0.002 247.839);
+    --color-gray-100: oklch(96.7% 0.003 264.542);
+    --color-gray-200: oklch(92.8% 0.006 264.531);
+    --color-gray-300: oklch(87.2% 0.01 258.338);
+    --color-gray-400: oklch(70.7% 0.022 261.325);
+    --color-gray-500: oklch(55.1% 0.027 264.364);
+    --color-gray-600: oklch(44.6% 0.03 256.802);
+    --color-gray-700: oklch(37.3% 0.034 259.733);
+    --color-gray-800: oklch(27.8% 0.033 256.848);
+    --color-gray-900: oklch(21% 0.034 264.665);
+    --color-gray-950: oklch(13% 0.028 261.692);
+    --color-zinc-50: #F9FAFD;
+    --color-zinc-100: #F0F1F8;
+    --color-zinc-200: #E7E9F2;
+    --color-zinc-300: #DADDE8;
+    --color-zinc-400: #9196af;
+    --color-zinc-500: #4D5472;
+    --color-zinc-600: #373D5B;
+    --color-zinc-700: #272D47;
+    --color-zinc-800: #222841;
+    --color-zinc-900: #191E32;
+    --color-zinc-950: #131727;
+    --color-neutral-50: oklch(98.5% 0 0);
+    --color-neutral-100: oklch(97% 0 0);
+    --color-neutral-200: oklch(92.2% 0 0);
+    --color-neutral-300: oklch(87% 0 0);
+    --color-neutral-400: oklch(70.8% 0 0);
+    --color-neutral-500: oklch(55.6% 0 0);
+    --color-neutral-600: oklch(43.9% 0 0);
+    --color-neutral-700: oklch(37.1% 0 0);
+    --color-neutral-800: oklch(26.9% 0 0);
+    --color-neutral-900: oklch(20.5% 0 0);
+    --color-neutral-950: oklch(14.5% 0 0);
+    --color-stone-50: oklch(98.5% 0.001 106.423);
+    --color-stone-100: oklch(97% 0.001 106.424);
+    --color-stone-200: oklch(92.3% 0.003 48.717);
+    --color-stone-300: oklch(86.9% 0.005 56.366);
+    --color-stone-400: oklch(70.9% 0.01 56.259);
+    --color-stone-500: oklch(55.3% 0.013 58.071);
+    --color-stone-600: oklch(44.4% 0.011 73.639);
+    --color-stone-700: oklch(37.4% 0.01 67.558);
+    --color-stone-800: oklch(26.8% 0.007 34.298);
+    --color-stone-900: oklch(21.6% 0.006 56.043);
+    --color-stone-950: oklch(14.7% 0.004 49.25);
+    --color-black: #0A0C16;
+    --color-white: #fff;
+    --spacing: 0.25rem;
+    --breakpoint-sm: 40rem;
+    --breakpoint-md: 48rem;
+    --breakpoint-lg: 64rem;
+    --breakpoint-xl: 80rem;
+    --breakpoint-2xl: 96rem;
+    --container-3xs: 16rem;
+    --container-2xs: 18rem;
+    --container-xs: 20rem;
+    --container-sm: 24rem;
+    --container-md: 28rem;
+    --container-lg: 32rem;
+    --container-xl: 36rem;
+    --container-2xl: 42rem;
+    --container-3xl: 48rem;
+    --container-4xl: 56rem;
+    --container-5xl: 64rem;
+    --container-6xl: 72rem;
+    --container-7xl: 80rem;
+    --text-xs: 0.635rem;
+    --text-xs--line-height: calc(1 / 0.75);
+    --text-sm: 0.735rem;
+    --text-sm--line-height: calc(1.25 / 0.875);
+    --text-base: 0.875rem;
+    --text-base--line-height: calc(1.5 / 1);
+    --text-lg: 1.0625rem;
+    --text-lg--line-height: calc(1.75 / 1.125);
+    --text-xl: 1.25rem;
+    --text-xl--line-height: calc(1.75 / 1.25);
+    --text-2xl: 1.5rem;
+    --text-2xl--line-height: calc(2 / 1.5);
+    --text-3xl: 1.875rem;
+    --text-3xl--line-height: calc(2.25 / 1.875);
+    --text-4xl: 2.25rem;
+    --text-4xl--line-height: calc(2.5 / 2.25);
+    --text-5xl: 3rem;
+    --text-5xl--line-height: 1;
+    --text-6xl: 3.75rem;
+    --text-6xl--line-height: 1;
+    --text-7xl: 4.5rem;
+    --text-7xl--line-height: 1;
+    --text-8xl: 6rem;
+    --text-8xl--line-height: 1;
+    --text-9xl: 8rem;
+    --text-9xl--line-height: 1;
+    --font-weight-thin: 100;
+    --font-weight-extralight: 200;
+    --font-weight-light: 300;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-semibold: 600;
+    --font-weight-bold: 700;
+    --font-weight-extrabold: 800;
+    --font-weight-black: 900;
+    --tracking-tighter: -0.05em;
+    --tracking-tight: -0.025em;
+    --tracking-normal: 0em;
+    --tracking-wide: 0.025em;
+    --tracking-wider: 0.05em;
+    --tracking-widest: 0.1em;
+    --leading-tight: 1.25;
+    --leading-snug: 1.375;
+    --leading-normal: 1.5;
+    --leading-relaxed: 1.625;
+    --leading-loose: 2;
+    --radius-xs: 0.125rem;
+    --radius-sm: 0.25rem;
+    --radius-md: 0.5rem;
+    --radius-lg: 0.75rem;
+    --radius-xl: 1rem;
+    --radius-2xl: 1rem;
+    --radius-3xl: 1.5rem;
+    --radius-4xl: 2rem;
+    --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
+    --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+    --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
+    --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
+    --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
+    --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
+    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
+    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
+    --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
+    --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
+    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
+    --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);
+    --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);
+    --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075),
+      0px 2px 2px rgb(0 0 0 / 0.075);
+    --text-shadow-md: 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1),
+      0px 2px 4px rgb(0 0 0 / 0.1);
+    --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1),
+      0px 4px 8px rgb(0 0 0 / 0.1);
+    --ease-in: cubic-bezier(0.4, 0, 1, 1);
+    --ease-out: cubic-bezier(0, 0, 0.2, 1);
+    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+    --animate-spin: spin 1s linear infinite;
+    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    --animate-bounce: bounce 1s infinite;
+    --blur-xs: 4px;
+    --blur-sm: 8px;
+    --blur-md: 12px;
+    --blur-lg: 16px;
+    --blur-xl: 24px;
+    --blur-2xl: 40px;
+    --blur-3xl: 64px;
+    --perspective-dramatic: 100px;
+    --perspective-near: 300px;
+    --perspective-normal: 500px;
+    --perspective-midrange: 800px;
+    --perspective-distant: 1200px;
+    --aspect-video: 16 / 9;
+    --default-transition-duration: 150ms;
+    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    --default-font-family: var(--font-sans);
+    --default-mono-font-family: var(--font-mono);
+    --font-theme: "Plus Jakarta Sans",-apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+    --color-primary: #636DFF;
+    --color-primary-deep: #5964F7;
+    --color-primary-subtle: #636DFF1f;
+    --shadow-card: 0 4px 12px rgba(19, 21, 35, 0.03);
+    --shadow-glass: 0 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.1);
+    --shadow-dropdown: 0 6px 12px rgba(19, 21, 35, 0.08),
+    0 16px 32px rgba(19, 21, 35, 0.12),
+    0 24px 48px rgba(19, 21, 35, 0.08);
+  }
+}
+@layer base {
+  *, ::after, ::before, ::backdrop, ::file-selector-button {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid;
+  }
+  html, :host {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-feature-settings: var(--default-font-feature-settings, normal);
+    font-variation-settings: var(--default-font-variation-settings, normal);
+    -webkit-tap-highlight-color: transparent;
+  }
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+  h1, h2, h3, h4, h5, h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+  b, strong {
+    font-weight: bolder;
+  }
+  code, kbd, samp, pre {
+    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
+    font-feature-settings: var(--default-mono-font-feature-settings, normal);
+    font-variation-settings: var(--default-mono-font-variation-settings, normal);
+    font-size: 1em;
+  }
+  small {
+    font-size: 80%;
+  }
+  sub, sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+  :-moz-focusring {
+    outline: auto;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  summary {
+    display: list-item;
+  }
+  ol, ul, menu {
+    list-style: none;
+  }
+  img, svg, video, canvas, audio, iframe, embed, object {
+    display: block;
+    vertical-align: middle;
+  }
+  img, video {
+    max-width: 100%;
+    height: auto;
+  }
+  button, input, select, optgroup, textarea, ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    border-radius: 0;
+    background-color: transparent;
+    opacity: 1;
+  }
+  :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+  :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+  ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+  ::placeholder {
+    opacity: 1;
+  }
+  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+  }
+  textarea {
+    resize: vertical;
+  }
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+  ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+  ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
+    appearance: button;
+  }
+  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [hidden]:where(:not([hidden="until-found"])) {
+    display: none !important;
+  }
+}
+@layer utilities {
+  .\@container {
+    container-type: inline-size;
+  }
+  .\!pointer-events-none {
+    pointer-events: none !important;
+  }
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
+  .pointer-events-none {
+    pointer-events: none;
+  }
+  .\!visible {
+    visibility: visible !important;
+  }
+  .collapse {
+    visibility: collapse;
+  }
+  .invisible {
+    visibility: hidden;
+  }
+  .visible {
+    visibility: visible;
+  }
+  .\!absolute {
+    position: absolute !important;
+  }
+  .absolute {
+    position: absolute;
+  }
+  .fixed {
+    position: fixed;
+  }
+  .relative {
+    position: relative;
+  }
+  .static {
+    position: static;
+  }
+  .sticky {
+    position: sticky;
+  }
+  .inset-0 {
+    inset: calc(var(--spacing) * 0);
+  }
+  .inset-x-4 {
+    inset-inline: calc(var(--spacing) * 4);
+  }
+  .inset-y-4 {
+    inset-block: calc(var(--spacing) * 4);
+  }
+  .\!start-0 {
+    inset-inline-start: calc(var(--spacing) * 0) !important;
+  }
+  .\!start-auto {
+    inset-inline-start: auto !important;
+  }
+  .start-0 {
+    inset-inline-start: calc(var(--spacing) * 0);
+  }
+  .start-2 {
+    inset-inline-start: calc(var(--spacing) * 2);
+  }
+  .start-2\.75 {
+    inset-inline-start: calc(var(--spacing) * 2.75);
+  }
+  .start-3 {
+    inset-inline-start: calc(var(--spacing) * 3);
+  }
+  .start-4 {
+    inset-inline-start: calc(var(--spacing) * 4);
+  }
+  .\!end-0 {
+    inset-inline-end: calc(var(--spacing) * 0) !important;
+  }
+  .end-0 {
+    inset-inline-end: calc(var(--spacing) * 0);
+  }
+  .end-1 {
+    inset-inline-end: calc(var(--spacing) * 1);
+  }
+  .end-2 {
+    inset-inline-end: calc(var(--spacing) * 2);
+  }
+  .end-5 {
+    inset-inline-end: calc(var(--spacing) * 5);
+  }
+  .\!top-0 {
+    top: calc(var(--spacing) * 0) !important;
+  }
+  .\!top-full {
+    top: 100% !important;
+  }
+  .-top-1 {
+    top: calc(var(--spacing) * -1);
+  }
+  .-top-2\.25 {
+    top: calc(var(--spacing) * -2.25);
+  }
+  .-top-2\.75 {
+    top: calc(var(--spacing) * -2.75);
+  }
+  .-top-6 {
+    top: calc(var(--spacing) * -6);
+  }
+  .top-0 {
+    top: calc(var(--spacing) * 0);
+  }
+  .top-1 {
+    top: calc(var(--spacing) * 1);
+  }
+  .top-1\/2 {
+    top: calc(1/2 * 100%);
+  }
+  .top-2 {
+    top: calc(var(--spacing) * 2);
+  }
+  .top-2\.5 {
+    top: calc(var(--spacing) * 2.5);
+  }
+  .top-3 {
+    top: calc(var(--spacing) * 3);
+  }
+  .top-4 {
+    top: calc(var(--spacing) * 4);
+  }
+  .top-5 {
+    top: calc(var(--spacing) * 5);
+  }
+  .top-6 {
+    top: calc(var(--spacing) * 6);
+  }
+  .top-full {
+    top: 100%;
+  }
+  .\!right-auto {
+    right: auto !important;
+  }
+  .-right-1 {
+    right: calc(var(--spacing) * -1);
+  }
+  .right-0 {
+    right: calc(var(--spacing) * 0);
+  }
+  .right-1 {
+    right: calc(var(--spacing) * 1);
+  }
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+  .right-3 {
+    right: calc(var(--spacing) * 3);
+  }
+  .bottom-0 {
+    bottom: calc(var(--spacing) * 0);
+  }
+  .\!left-0 {
+    left: calc(var(--spacing) * 0) !important;
+  }
+  .left-0 {
+    left: calc(var(--spacing) * 0);
+  }
+  .left-3 {
+    left: calc(var(--spacing) * 3);
+  }
+  .left-4 {
+    left: calc(var(--spacing) * 4);
+  }
+  .left-6 {
+    left: calc(var(--spacing) * 6);
+  }
+  .left-\[3\%\] {
+    left: 3%;
+  }
+  .left-full {
+    left: 100%;
+  }
+  .isolate {
+    isolation: isolate;
+  }
+  .z-1 {
+    z-index: 1;
+  }
+  .z-10 {
+    z-index: 10;
+  }
+  .z-20 {
+    z-index: 20;
+  }
+  .z-50 {
+    z-index: 50;
+  }
+  .z-\[1\] {
+    z-index: 1;
+  }
+  .z-\[2\] {
+    z-index: 2;
+  }
+  .z-\[52\] {
+    z-index: 52;
+  }
+  .z-\[55\] {
+    z-index: 55;
+  }
+  .z-\[60\] {
+    z-index: 60;
+  }
+  .z-\[70\] {
+    z-index: 70;
+  }
+  .z-\[1050\] {
+    z-index: 1050;
+  }
+  .z-\[1055\] {
+    z-index: 1055;
+  }
+  .order-1 {
+    order: 1;
+  }
+  .order-last {
+    order: 9999;
+  }
+  .col-auto {
+    grid-column: auto;
+  }
+  .col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+  .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+  .col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+  .container {
+    width: 100%;
+    @media (width >= 40rem) {
+      max-width: 40rem;
+    }
+    @media (width >= 48rem) {
+      max-width: 48rem;
+    }
+    @media (width >= 64rem) {
+      max-width: 64rem;
+    }
+    @media (width >= 80rem) {
+      max-width: 80rem;
+    }
+    @media (width >= 96rem) {
+      max-width: 96rem;
+    }
+  }
+  .\!m-0 {
+    margin: calc(var(--spacing) * 0) !important;
+  }
+  .\!m-0\.25 {
+    margin: calc(var(--spacing) * 0.25) !important;
+  }
+  .m-1 {
+    margin: calc(var(--spacing) * 1);
+  }
+  .m-4 {
+    margin: calc(var(--spacing) * 4);
+  }
+  .-mx-2 {
+    margin-inline: calc(var(--spacing) * -2);
+  }
+  .-mx-4 {
+    margin-inline: calc(var(--spacing) * -4);
+  }
+  .mx-1 {
+    margin-inline: calc(var(--spacing) * 1);
+  }
+  .mx-auto {
+    margin-inline: auto;
+  }
+  .\!my-2 {
+    margin-block: calc(var(--spacing) * 2) !important;
+  }
+  .my-0 {
+    margin-block: calc(var(--spacing) * 0);
+  }
+  .my-2 {
+    margin-block: calc(var(--spacing) * 2);
+  }
+  .my-2\.5 {
+    margin-block: calc(var(--spacing) * 2.5);
+  }
+  .my-3 {
+    margin-block: calc(var(--spacing) * 3);
+  }
+  .my-4 {
+    margin-block: calc(var(--spacing) * 4);
+  }
+  .my-5 {
+    margin-block: calc(var(--spacing) * 5);
+  }
+  .\!ms-0 {
+    margin-inline-start: calc(var(--spacing) * 0) !important;
+  }
+  .\!ms-1 {
+    margin-inline-start: calc(var(--spacing) * 1) !important;
+  }
+  .-ms-3 {
+    margin-inline-start: calc(var(--spacing) * -3);
+  }
+  .ms-1 {
+    margin-inline-start: calc(var(--spacing) * 1);
+  }
+  .ms-2 {
+    margin-inline-start: calc(var(--spacing) * 2);
+  }
+  .ms-3 {
+    margin-inline-start: calc(var(--spacing) * 3);
+  }
+  .ms-4 {
+    margin-inline-start: calc(var(--spacing) * 4);
+  }
+  .ms-auto {
+    margin-inline-start: auto;
+  }
+  .\!-me-3 {
+    margin-inline-end: calc(var(--spacing) * -3) !important;
+  }
+  .\!me-1 {
+    margin-inline-end: calc(var(--spacing) * 1) !important;
+  }
+  .\!me-4 {
+    margin-inline-end: calc(var(--spacing) * 4) !important;
+  }
+  .me-1 {
+    margin-inline-end: calc(var(--spacing) * 1);
+  }
+  .me-1\.5 {
+    margin-inline-end: calc(var(--spacing) * 1.5);
+  }
+  .me-2 {
+    margin-inline-end: calc(var(--spacing) * 2);
+  }
+  .me-3 {
+    margin-inline-end: calc(var(--spacing) * 3);
+  }
+  .me-4 {
+    margin-inline-end: calc(var(--spacing) * 4);
+  }
+  .me-auto {
+    margin-inline-end: auto;
+  }
+  .\!-mt-3 {
+    margin-top: calc(var(--spacing) * -3) !important;
+  }
+  .\!mt-1 {
+    margin-top: calc(var(--spacing) * 1) !important;
+  }
+  .\!mt-1\.5 {
+    margin-top: calc(var(--spacing) * 1.5) !important;
+  }
+  .\!mt-2 {
+    margin-top: calc(var(--spacing) * 2) !important;
+  }
+  .-mt-1 {
+    margin-top: calc(var(--spacing) * -1);
+  }
+  .-mt-10 {
+    margin-top: calc(var(--spacing) * -10);
+  }
+  .-mt-12 {
+    margin-top: calc(var(--spacing) * -12);
+  }
+  .mt-0 {
+    margin-top: calc(var(--spacing) * 0);
+  }
+  .mt-0\.5 {
+    margin-top: calc(var(--spacing) * 0.5);
+  }
+  .mt-1 {
+    margin-top: calc(var(--spacing) * 1);
+  }
+  .mt-2 {
+    margin-top: calc(var(--spacing) * 2);
+  }
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
+  .mt-4 {
+    margin-top: calc(var(--spacing) * 4);
+  }
+  .mt-4\.5 {
+    margin-top: calc(var(--spacing) * 4.5);
+  }
+  .mt-5 {
+    margin-top: calc(var(--spacing) * 5);
+  }
+  .mt-7 {
+    margin-top: calc(var(--spacing) * 7);
+  }
+  .mt-auto {
+    margin-top: auto;
+  }
+  .-mb-2 {
+    margin-bottom: calc(var(--spacing) * -2);
+  }
+  .mb-0 {
+    margin-bottom: calc(var(--spacing) * 0);
+  }
+  .mb-0\.5 {
+    margin-bottom: calc(var(--spacing) * 0.5);
+  }
+  .mb-1 {
+    margin-bottom: calc(var(--spacing) * 1);
+  }
+  .mb-1\.5 {
+    margin-bottom: calc(var(--spacing) * 1.5);
+  }
+  .mb-2 {
+    margin-bottom: calc(var(--spacing) * 2);
+  }
+  .mb-2\.5 {
+    margin-bottom: calc(var(--spacing) * 2.5);
+  }
+  .mb-3 {
+    margin-bottom: calc(var(--spacing) * 3);
+  }
+  .mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
+  .mb-5 {
+    margin-bottom: calc(var(--spacing) * 5);
+  }
+  .mb-6 {
+    margin-bottom: calc(var(--spacing) * 6);
+  }
+  .mb-7 {
+    margin-bottom: calc(var(--spacing) * 7);
+  }
+  .mb-9 {
+    margin-bottom: calc(var(--spacing) * 9);
+  }
+  .mb-12 {
+    margin-bottom: calc(var(--spacing) * 12);
+  }
+  .ml-auto {
+    margin-left: auto;
+  }
+  .icon-\[iconoir--check-circle-solid\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75S22.75 17.937 22.75 12S17.937 1.25 12 1.25M7.53 11.97a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l7-7a.75.75 0 0 0-1.06-1.06L10 14.44z' clip-rule='evenodd'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--clock-solid\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75S22.75 17.937 22.75 12S17.937 1.25 12 1.25M12.75 6a.75.75 0 0 0-1.5 0v6c0 .414.336.75.75.75h6a.75.75 0 0 0 0-1.5h-5.25z' clip-rule='evenodd'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--discord\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M5.5 16c5 2.5 8 2.5 13 0'/%3E%3Cpath d='m15.5 17.5l1 2s4.171-1.328 5.5-3.5c0-1 .53-8.147-3-10.5c-1.5-1-4-1.5-4-1.5l-1 2h-2'/%3E%3Cpath d='m8.528 17.5l-1 2s-4.171-1.328-5.5-3.5c0-1-.53-8.147 3-10.5c1.5-1 4-1.5 4-1.5l1 2h2'/%3E%3Cpath d='M8.5 14c-.828 0-1.5-.895-1.5-2s.672-2 1.5-2s1.5.895 1.5 2s-.672 2-1.5 2m7 0c-.828 0-1.5-.895-1.5-2s.672-2 1.5-2s1.5.895 1.5 2s-.672 2-1.5 2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--facebook\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17 2h-3a5 5 0 0 0-5 5v3H6v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--link\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M14 11.998C14 9.506 11.683 7 8.857 7H7.143C4.303 7 2 9.238 2 11.998c0 2.378 1.71 4.368 4 4.873a5.3 5.3 0 0 0 1.143.124'/%3E%3Cpath d='M10 11.998c0 2.491 2.317 4.997 5.143 4.997h1.714c2.84 0 5.143-2.237 5.143-4.997c0-2.379-1.71-4.37-4-4.874A5.3 5.3 0 0 0 16.857 7'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--linkedin\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M21 8v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5M7 17v-7'/%3E%3Cpath d='M11 17v-3.25M11 10v3.75m0 0c0-3.75 6-3.75 6 0V17M7 7.01l.01-.011'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--media-image-plus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M13 21H3.6a.6.6 0 0 1-.6-.6V3.6a.6.6 0 0 1 .6-.6h16.8a.6.6 0 0 1 .6.6V13'/%3E%3Cpath d='m3 16l7-3l5.5 2.5M16 10a2 2 0 1 1 0-4a2 2 0 0 1 0 4m0 9h3m3 0h-3m0 0v-3m0 3v3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--menu\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 5h18M3 12h18M3 19h18'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--minus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 12h12'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--pause\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' d='M6 18.4V5.6a.6.6 0 0 1 .6-.6h2.8a.6.6 0 0 1 .6.6v12.8a.6.6 0 0 1-.6.6H6.6a.6.6 0 0 1-.6-.6Zm8 0V5.6a.6.6 0 0 1 .6-.6h2.8a.6.6 0 0 1 .6.6v12.8a.6.6 0 0 1-.6.6h-2.8a.6.6 0 0 1-.6-.6Z'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--star-solid\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m8.587 8.236l2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232l5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07l.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75l-4.202-4.07a.902.902 0 0 1 .503-1.54z'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--x\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M16.82 20.768L3.753 3.968A.6.6 0 0 1 4.227 3h2.48a.6.6 0 0 1 .473.232l13.067 16.8a.6.6 0 0 1-.474.968h-2.48a.6.6 0 0 1-.473-.232Z'/%3E%3Cpath stroke-linecap='round' d='M20 3L4 21'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--activity\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--alarm-clock-off\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.87 6.87a8 8 0 1 0 11.26 11.26m1.77-3.88a8 8 0 0 0-9.15-9.15M22 6l-3-3M6.26 18.67L4 21M2 2l20 20M4 4L2 6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--app-window\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='M10 4v4M2 8h20M6 4v4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--archive\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='5' x='2' y='3' rx='1'/%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8m-10 4h4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--arrow-up-right\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7h10v10M7 17L17 7'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--at-sign\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--award\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15.477 12.89l1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526'/%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--baggage-claim\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M22 18H6a2 2 0 0 1-2-2V7a2 2 0 0 0-2-2'/%3E%3Cpath d='M17 14V4a2 2 0 0 0-2-2h-1a2 2 0 0 0-2 2v10'/%3E%3Crect width='13' height='8' x='8' y='6' rx='1'/%3E%3Ccircle cx='18' cy='20' r='2'/%3E%3Ccircle cx='9' cy='20' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--ban\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4.929 4.929L19.07 19.071'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--bell\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.268 21a2 2 0 0 0 3.464 0m-10.47-5.674A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--bolt\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--book-open-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 21V7m4 5l2 2l4-4'/%3E%3Cpath d='M22 6V4a1 1 0 0 0-1-1h-5a4 4 0 0 0-4 4a4 4 0 0 0-4-4H3a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h6a3 3 0 0 1 3 3a3 3 0 0 1 3-3h6a1 1 0 0 0 1-1v-1.3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--book-open\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 7v14m-9-3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4a4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3a3 3 0 0 0-3-3z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--book-user\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 13a3 3 0 1 0-6 0'/%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20'/%3E%3Ccircle cx='12' cy='8' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--bookmark-plus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 21l-7-4l-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2zM12 7v6m3-3H9'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--box\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7l8.7 5l8.7-5M12 22V12'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--briefcase-business\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 12h.01M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2m14 7a18.15 18.15 0 0 1-20 0'/%3E%3Crect width='20' height='14' x='2' y='6' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--bug\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 20v-9m2-4a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4zm.12-3.12L16 2'/%3E%3Cpath d='M21 21a4 4 0 0 0-3.81-4M21 5a4 4 0 0 1-3.55 3.97M22 13h-4M3 21a4 4 0 0 1 3.81-4M3 5a4 4 0 0 0 3.55 3.97M6 13H2M8 2l1.88 1.88M9 7.13V6a3 3 0 1 1 6 0v1.13'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--building-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Zm0-10H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2M10 6h4m-4 4h4m-4 4h4m-4 4h4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--cake\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8'/%3E%3Cpath d='M4 16s.5-1 2-1s2.5 2 4 2s2.5-2 4-2s2.5 2 4 2s2-1 2-1M2 21h20M7 8v3m5-3v3m5-3v3M7 4h.01M12 4h.01M17 4h.01'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--calendar-days\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 2v4m8-4v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chart-no-axes-column\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 21v-6m7 6V3m7 18V9'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevron-down\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevron-left\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 18l-6-6l6-6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevron-right\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18l6-6l-6-6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevron-up\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 15l-6-6l-6 6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevrons-down-up\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 20l5-5l5 5M7 4l5 5l5-5'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--circle-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--circle-user-round\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 20a6 6 0 0 0-12 0'/%3E%3Ccircle cx='12' cy='10' r='4'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--circle-user\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--clipboard-edit\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='8' height='4' x='8' y='2' rx='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-5.5M4 13.5V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M13.378 15.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--clipboard-pen\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='8' height='4' x='8' y='2' rx='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-5.5M4 13.5V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M13.378 15.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--clock-fading\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2a10 10 0 0 1 7.38 16.75M12 6v6l4 2M2.5 8.875a10 10 0 0 0-.5 3M2.83 16a10 10 0 0 0 2.43 3.4M4.636 5.235a10 10 0 0 1 .891-.857M8.644 21.42a10 10 0 0 0 7.631-.38'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--code\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 18l6-6l-6-6M8 6l-6 6l6 6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--component\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0zm-13.239 0a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0zm6.619 6.619a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0zm0-13.238a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--copy\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--credit-card\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--crown\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294zM5 21h14'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--database-backup\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 12a9 3 0 0 0 5 2.69M21 9.3V5'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 6.47 2.88M12 12v4h4'/%3E%3Cpath d='M13 20a5 5 0 0 0 9-3a4.5 4.5 0 0 0-4.5-4.5c-1.33 0-2.54.54-3.41 1.41L12 16'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--database-zap\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 12 2.84M21 5v3m0 4l-3 5h4l-3 5'/%3E%3Cpath d='M3 12a9 3 0 0 0 11.59 2.87'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--database\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 18 0V5'/%3E%3Cpath d='M3 12a9 3 0 0 0 18 0'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--diamond-percent\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.7 10.3a2.41 2.41 0 0 0 0 3.41l7.59 7.59a2.41 2.41 0 0 0 3.41 0l7.59-7.59a2.41 2.41 0 0 0 0-3.41L13.7 2.71a2.41 2.41 0 0 0-3.41 0Zm6.5-1.1h.01m5.29.3l-5 5m5.2.3h.01'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--dollar-sign\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v20m5-17H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--download\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10l5 5l5-5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--edit-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--edit\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--expand\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 15l6 6M15 9l6-6m0 13v5h-5m5-13V3h-5M3 16v5h5m-5 0l6-6M3 8V3h5m1 6L3 3'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--external-link\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--eye-off\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575a1 1 0 0 1 0 .696a10.8 10.8 0 0 1-1.444 2.49m-6.41-.679a3 3 0 0 1-4.242-4.242'/%3E%3Cpath d='M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 4.446-5.143M2 2l20 20'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--eye\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-box\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14.5 22H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M3 13.1a2 2 0 0 0-1 1.76v3.24a2 2 0 0 0 .97 1.78L6 21.7a2 2 0 0 0 2.03.01L11 19.9a2 2 0 0 0 1-1.76V14.9a2 2 0 0 0-.97-1.78L8 11.3a2 2 0 0 0-2.03-.01ZM7 17v5'/%3E%3Cpath d='M11.7 14.2L7 17l-4.7-2.8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-chart-column\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M8 18v-1m4 1v-6m4 6v-3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-chart-line\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4m-4 5l-3.5 3.5l-2-2L8 17'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M9 15l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-code-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M5 12l-3 3l3 3m4 0l3-3l-3-3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-edit\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12.5 22H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v9.5'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4m-6.622 7.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-stack\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1m12 4a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1m12-1a2 2 0 0 0-.586-1.414l-2-2A2 2 0 0 0 17 2h-3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--files\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2a2 2 0 0 1 1.414.586l4 4A2 2 0 0 1 21 8v7a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z'/%3E%3Cpath d='M15 2v4a2 2 0 0 0 2 2h4M5 7a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 1.732-1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--filter\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 3H2l8 9.46V19l4 2v-8.54z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--flag\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--folder-cog\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.3 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.98a2 2 0 0 1 1.69.9l.66 1.2A2 2 0 0 0 12 6h8a2 2 0 0 1 2 2v3.3m-7.695 8.23l.923-.382m0-2.296l-.923-.383m2.547-1.241l-.383-.923m.383 6.467l-.383.924m2.679-6.468l.383-.923m-.001 7.391l-.382-.924m1.624-3.92l.924-.383m-.924 2.679l.924.383'/%3E%3Ccircle cx='18' cy='18' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--folder-git-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v5'/%3E%3Ccircle cx='13' cy='12' r='2'/%3E%3Cpath d='M18 19c-2.8 0-5-2.2-5-5v8'/%3E%3Ccircle cx='20' cy='19' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--folder-open\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 14l1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--folder\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--forward\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15 17l5-5l-5-5'/%3E%3Cpath d='M4 18v-2a4 4 0 0 1 4-4h12'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--globe-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.54 15H17a2 2 0 0 0-2 2v4.54M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--globe\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20a14.5 14.5 0 0 0 0-20M2 12h20'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--hand-coins\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 15h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 17'/%3E%3Cpath d='m7 21l1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9M2 16l6 6'/%3E%3Ccircle cx='16' cy='9' r='2.9'/%3E%3Ccircle cx='6' cy='5' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--hash\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 9h16M4 15h16M10 3L8 21m8-18l-2 18'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--headset\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2z'/%3E%3Cpath d='M21 16v2a4 4 0 0 1-4 4h-5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--heart\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676a.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--history\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5m4-1v5l4 2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--home\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--image\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15l-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--images\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m22 11l-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16'/%3E%3Cpath d='M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2'/%3E%3Ccircle cx='13' cy='7' r='1' fill='black'/%3E%3Crect width='14' height='14' x='8' y='2' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--info\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4m0-4h.01'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--key-round\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z'/%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='black'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--layers-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 13.74a2 2 0 0 1-2 0L2.5 8.87a1 1 0 0 1 0-1.74L11 2.26a2 2 0 0 1 2 0l8.5 4.87a1 1 0 0 1 0 1.74zm7 .545l1.5.845a1 1 0 0 1 0 1.74L13 21.74a2 2 0 0 1-2 0l-8.5-4.87a1 1 0 0 1 0-1.74l1.5-.845'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--layers\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z'/%3E%3Cpath d='M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12'/%3E%3Cpath d='M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--layout-grid\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--layout\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18M9 21V9'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--life-buoy\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.93 4.93l4.24 4.24m5.66 0l4.24-4.24m-4.24 9.9l4.24 4.24m-9.9-4.24l-4.24 4.24'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--lightbulb\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 14c.2-1 .7-1.7 1.5-2.5c1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5c.7.7 1.3 1.5 1.5 2.5m0 4h6m-5 4h4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--list-restart\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 5H3m4 7H3m4 7H3m9-1a5 5 0 0 0 9-3a4.5 4.5 0 0 0-4.5-4.5c-1.33 0-2.54.54-3.41 1.41L11 14'/%3E%3Cpath d='M11 10v4h4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--list\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5h.01M3 12h.01M3 19h.01M8 5h13M8 12h13M8 19h13'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--log-out\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 17l5-5l-5-5m5 5H9m0 9H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--magnet\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 15l4 4M2.352 10.648a1.205 1.205 0 0 0 0 1.704l2.296 2.296a1.205 1.205 0 0 0 1.704 0l6.029-6.029a1 1 0 1 1 3 3l-6.029 6.029a1.205 1.205 0 0 0 0 1.704l2.296 2.296a1.205 1.205 0 0 0 1.704 0l6.365-6.367A1 1 0 0 0 8.716 4.282zM5 8l4 4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--mail-open\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0z'/%3E%3Cpath d='m22 10l-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--mail\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--map-pin\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--message-circle-more\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092a10 10 0 1 0-4.777-4.719M8 12h.01M12 12h.01M16 12h.01'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--minus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--monitor-play\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15.033 9.44a.647.647 0 0 1 0 1.12l-4.065 2.352a.645.645 0 0 1-.968-.56V7.648a.645.645 0 0 1 .967-.56zM12 17v4m-4 0h8'/%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--monitor-speaker\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5.5 20H8m9-11h.01'/%3E%3Crect width='10' height='16' x='12' y='4' rx='2'/%3E%3Cpath d='M8 6H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h4'/%3E%3Ccircle cx='17' cy='15' r='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--more-vertical\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='12' cy='5' r='1'/%3E%3Ccircle cx='12' cy='19' r='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--mouse-pointer-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--move\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v20m3-3l-3 3l-3-3M19 9l3 3l-3 3M2 12h20M5 9l-3 3l3 3M9 5l3-3l3 3'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--palette\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 22a1 1 0 0 1 0-20a10 9 0 0 1 10 9a5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z'/%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='black'/%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='black'/%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='black'/%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='black'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--panel-left-right-dashed\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 10V9m0 6v-1m0 7v-2m0-14V3m-6 7V9m0 6v-1m0 7v-2M9 5V3'/%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--paperclip\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 6l-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--percent\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19 5L5 19'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--phone-call\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 2a9 9 0 0 1 9 9m-9-5a5 5 0 0 1 5 5m-4.168 5.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233a14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--phone-off\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.1 13.9a14 14 0 0 0 3.732 2.668a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2a18 18 0 0 1-12.728-5.272M22 2L2 22m2.76-8.418A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233a14 14 0 0 0 .244.473'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--pizza\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m12 14l-1 1m2.75 3.25l-1.25 1.42m5.275-14.016a15.68 15.68 0 0 0-12.121 12.12M18.8 9.3a1 1 0 0 0 2.1 7.7'/%3E%3Cpath d='M21.964 20.732a1 1 0 0 1-1.232 1.232l-18-5a1 1 0 0 1-.695-1.232A19.68 19.68 0 0 1 15.732 2.037a1 1 0 0 1 1.232.695z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--play\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--plus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7v14'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--printer\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6'/%3E%3Crect width='12' height='8' x='6' y='14' rx='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--refresh-ccw-dot\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 12a9 9 0 0 0-9-9a9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5m-5 4a9 9 0 0 0 9 9a9.75 9.75 0 0 0 6.74-2.74L21 16'/%3E%3Cpath d='M16 16h5v5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--reply\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 18v-2a4 4 0 0 0-4-4H4'/%3E%3Cpath d='m9 17l-5-5l5-5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--scan-face\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7V5a2 2 0 0 1 2-2h2m10 0h2a2 2 0 0 1 2 2v2m0 10v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2m5-3s1.5 2 4 2s4-2 4-2M9 9h.01M15 9h.01'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--search\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m21 21l-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--send\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11zm7.318-19.539l-10.94 10.939'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--settings\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0a2.34 2.34 0 0 0 3.319 1.915a2.34 2.34 0 0 1 2.33 4.033a2.34 2.34 0 0 0 0 3.831a2.34 2.34 0 0 1-2.33 4.033a2.34 2.34 0 0 0-3.319 1.915a2.34 2.34 0 0 1-4.659 0a2.34 2.34 0 0 0-3.32-1.915a2.34 2.34 0 0 1-2.33-4.033a2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--share\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v13m4-9l-4-4l-4 4m-4 6v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--shield-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--shirt\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20.38 3.46L16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--shopping-bag\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 10a4 4 0 0 1-8 0M3.103 6.034h17.794'/%3E%3Cpath d='M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--shopping-cart\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--sidebar\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M9 3v18'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--sliders-horizontal\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5H3m9 14H3M14 3v4m2 10v4m5-9h-9m9 7h-5m5-14h-7m-6 5v4m0-2H3'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--square-check-big\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344'/%3E%3Cpath d='m9 11l3 3L22 4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--star\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--stars\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594zM20 2v4m2-2h-4'/%3E%3Ccircle cx='4' cy='20' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--sun-moon\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v2m2.837 12.385a6 6 0 1 1-7.223-7.222c.624-.147.97.66.715 1.248a4 4 0 0 0 5.26 5.259c.589-.255 1.396.09 1.248.715M16 12a4 4 0 0 0-4-4m7-3l-1.256 1.256M20 12h2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--table\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3v18'/%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18M3 15h18'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--text-align-center\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 5H3m14 7H7m12 7H5'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--thumbs-up\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 10v12m8-16.12L14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--trash-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 11v6m4-6v6m5-11v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--trash\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--trending-down\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 17h6v-6'/%3E%3Cpath d='m22 17l-8.5-8.5l-5 5L2 7'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--trending-up\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7l-8.5 8.5l-5-5L2 17'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--triangle-alert\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21.73 18l-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4m0 4h.01'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--truck\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2m10 0H9m10 0h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--upload\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3v12m5-7l-5-5l-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16 11l2 2l4-4m-6 12v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-cog\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 15H6a4 4 0 0 0-4 4v2m12.305-4.47l.923-.382m0-2.296l-.923-.383m2.547-1.241l-.383-.923m.383 6.467l-.383.924m2.679-6.468l.383-.923m-.001 7.391l-.382-.924m1.624-3.92l.924-.383m-.924 2.679l.924.383'/%3E%3Ccircle cx='18' cy='15' r='3'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-pen\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11.5 15H7a4 4 0 0 0-4 4v2m18.378-4.374a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3Ccircle cx='10' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-plus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6m3-3h-6'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-round-x\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2 21a8 8 0 0 1 11.873-7'/%3E%3Ccircle cx='10' cy='8' r='5'/%3E%3Cpath d='m17 17l5 5m0-5l-5 5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--users\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M16 3.128a4 4 0 0 1 0 7.744M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--video\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16 13l5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5'/%3E%3Crect width='14' height='12' x='2' y='6' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--wand-sparkles\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21.64 3.64l-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72M14 7l3 3M5 6v4m14 4v4M10 2v2M7 8H3m18 8h-4M11 3H9'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--x\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
+  }
+  .icon-\[ph--align-left-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M72 104V64a8 8 0 0 1 8-8h96a8 8 0 0 1 8 8v40a8 8 0 0 1-8 8H80a8 8 0 0 1-8-8m144 40H80a8 8 0 0 0-8 8v40a8 8 0 0 0 8 8h136a8 8 0 0 0 8-8v-40a8 8 0 0 0-8-8' opacity='.2'/%3E%3Cpath d='M216 136H80a16 16 0 0 0-16 16v40a16 16 0 0 0 16 16h136a16 16 0 0 0 16-16v-40a16 16 0 0 0-16-16m0 56H80v-40h136zM48 40v176a8 8 0 0 1-16 0V40a8 8 0 0 1 16 0m32 80h96a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v40a16 16 0 0 0 16 16m0-56h96v40H80Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--bell-simple-slash-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M208 192H48a8 8 0 0 1-6.88-12C47.71 168.6 56 139.81 56 104a72 72 0 0 1 144 0c0 35.82 8.3 64.6 14.9 76a8 8 0 0 1-6.9 12' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76L58.82 63.8A79.6 79.6 0 0 0 48 104c0 35.34-8.26 62.38-13.81 71.94A16 16 0 0 0 48 200h134.64l19.44 21.38a8 8 0 1 0 11.84-10.76ZM48 184c7.7-13.24 16-43.92 16-80a63.65 63.65 0 0 1 6.26-27.62L168.09 184Zm120 40a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m46-44.75a8.1 8.1 0 0 1-2.93.55a8 8 0 0 1-7.44-5.08C196.35 156.19 192 129.75 192 104a64 64 0 0 0-95.57-55.69a8 8 0 0 1-7.9-13.91A80 80 0 0 1 208 104c0 35.35 8.05 58.59 10.52 64.88a8 8 0 0 1-4.52 10.37'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--book-open-text-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M232 56v144h-72a32 32 0 0 0-32 32V88a32 32 0 0 1 32-32Z' opacity='.2'/%3E%3Cpath d='M232 48h-72a40 40 0 0 0-32 16a40 40 0 0 0-32-16H24a8 8 0 0 0-8 8v144a8 8 0 0 0 8 8h72a24 24 0 0 1 24 24a8 8 0 0 0 16 0a24 24 0 0 1 24-24h72a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8M96 192H32V64h64a24 24 0 0 1 24 24v112a39.8 39.8 0 0 0-24-8m128 0h-64a39.8 39.8 0 0 0-24 8V88a24 24 0 0 1 24-24h64ZM160 88h40a8 8 0 0 1 0 16h-40a8 8 0 0 1 0-16m48 40a8 8 0 0 1-8 8h-40a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8m0 32a8 8 0 0 1-8 8h-40a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--calendar-check-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M216 48v40H40V48a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16M72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160zm-38.34-85.66a8 8 0 0 1 0 11.32l-48 48a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L116 164.69l42.34-42.35a8 8 0 0 1 11.32 0'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--chart-donut-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M224 128a96 96 0 0 1-96 96v-56a40 40 0 0 0 0-80V32a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M128 24a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8a32 32 0 1 1-27.72 16a8 8 0 0 0-2.93-10.93l-48.5-28A8 8 0 0 0 37.92 76A104 104 0 1 0 128 24M48.09 91.1L83 111.26A48.1 48.1 0 0 0 80 128c0 1.53.08 3 .22 4.52L41.28 143a88.16 88.16 0 0 1 6.81-51.9m-2.67 67.31l39-10.44A48.1 48.1 0 0 0 120 175.32v40.31a88.2 88.2 0 0 1-74.58-57.22M136 215.63v-40.31a48 48 0 0 0 0-94.65V40.36a88 88 0 0 1 0 175.27'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--chef-hat-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M232 112a48 48 0 0 1-48 48H72a48 48 0 1 1 10.35-94.88a48 48 0 0 1 91.28 0A48 48 0 0 1 232 112' opacity='.2'/%3E%3Cpath d='M240 112a56.06 56.06 0 0 0-56-56c-1.77 0-3.54.1-5.29.26a56 56 0 0 0-101.42 0C75.54 56.1 73.77 56 72 56a56 56 0 0 0-24 106.59V208a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-45.41A56.09 56.09 0 0 0 240 112m-48 96H64v-40.58a55.5 55.5 0 0 0 8 .58h112a55.5 55.5 0 0 0 8-.58Zm-8-56h-13.75l5.51-22.06a8 8 0 0 0-15.52-3.88L153.75 152H136v-24a8 8 0 0 0-16 0v24h-17.75l-6.49-25.94a8 8 0 1 0-15.52 3.88L85.75 152H72a40 40 0 0 1 0-80h.58a55 55 0 0 0-.58 8a8 8 0 0 0 16 0a40 40 0 0 1 80 0a8 8 0 0 0 16 0a55 55 0 0 0-.58-8h.58a40 40 0 0 1 0 80'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--receipt-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M224 56v152l-32-16l-32 16l-32-16l-32 16l-32-16l-32 16V56a8 8 0 0 1 8-8h176a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M72 104a8 8 0 0 1 8-8h96a8 8 0 0 1 0 16H80a8 8 0 0 1-8-8m8 40h96a8 8 0 0 0 0-16H80a8 8 0 0 0 0 16m152-88v152a8 8 0 0 1-11.58 7.15L192 200.94l-28.42 14.21a8 8 0 0 1-7.16 0L128 200.94l-28.42 14.21a8 8 0 0 1-7.16 0L64 200.94l-28.42 14.21A8 8 0 0 1 24 208V56a16 16 0 0 1 16-16h176a16 16 0 0 1 16 16m-16 0H40v139.06l20.42-10.22a8 8 0 0 1 7.16 0L96 199.06l28.42-14.22a8 8 0 0 1 7.16 0L160 199.06l28.42-14.22a8 8 0 0 1 7.16 0L216 195.06Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--shopping-cart-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='m224 64l-12.16 66.86A16 16 0 0 1 196.1 144H70.55L56 64Z' opacity='.2'/%3E%3Cpath d='M230.14 58.87A8 8 0 0 0 224 56H62.68L56.6 22.57A8 8 0 0 0 48.73 16H24a8 8 0 0 0 0 16h18l25.56 140.29a24 24 0 0 0 5.33 11.27a28 28 0 1 0 44.4 8.44h45.42a27.75 27.75 0 0 0-2.71 12a28 28 0 1 0 28-28H91.17a8 8 0 0 1-7.87-6.57L80.13 152h116a24 24 0 0 0 23.61-19.71l12.16-66.86a8 8 0 0 0-1.76-6.56M104 204a12 12 0 1 1-12-12a12 12 0 0 1 12 12m96 0a12 12 0 1 1-12-12a12 12 0 0 1 12 12m4-74.57a8 8 0 0 1-7.9 6.57H77.22L65.59 72h148.82Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--storefront-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M224 96v16a32 32 0 0 1-64 0V96H96v16a32 32 0 0 1-64 0V96l14.34-50.2A8 8 0 0 1 54 40h148a8 8 0 0 1 7.69 5.8Z' opacity='.2'/%3E%3Cpath d='M231.69 93.81L217.35 43.6A16.07 16.07 0 0 0 202 32H54a16.07 16.07 0 0 0-15.35 11.6L24.31 93.81A8 8 0 0 0 24 96v16a40 40 0 0 0 16 32v72a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8v-72a40 40 0 0 0 16-32V96a8 8 0 0 0-.31-2.19M54 48h148l11.42 40H42.61Zm98 56v8a24 24 0 0 1-48 0v-8ZM51.06 132.2A24 24 0 0 1 40 112v-8h48v8a24 24 0 0 1-35.12 21.26a8 8 0 0 0-1.82-1.06M200 208H56v-56.8a40.6 40.6 0 0 0 8 .8a40 40 0 0 0 32-16a40 40 0 0 0 64 0a40 40 0 0 0 32 16a40.6 40.6 0 0 0 8-.8Zm16-96a24 24 0 0 1-11.07 20.2a8 8 0 0 0-1.8 1.05A24 24 0 0 1 168 112v-8h48Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--user-circle-gear-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M224 128a95.76 95.76 0 0 1-31.8 71.37A72 72 0 0 0 128 160a40 40 0 1 0-40-40a40 40 0 0 0 40 40a72 72 0 0 0-64.2 39.37A96 96 0 0 1 184.92 50.69a16 16 0 0 0 20.39 20.39A95.6 95.6 0 0 1 224 128' opacity='.2'/%3E%3Cpath d='m228.25 63.07l-4.66-2.69a23.6 23.6 0 0 0 0-8.76l4.66-2.69a8 8 0 0 0-8-13.86l-4.67 2.7a23.9 23.9 0 0 0-7.58-4.39V28a8 8 0 0 0-16 0v5.38a23.9 23.9 0 0 0-7.58 4.39l-4.67-2.7a8 8 0 1 0-8 13.86l4.66 2.69a23.6 23.6 0 0 0 0 8.76l-4.66 2.69a8 8 0 0 0 4 14.93a7.9 7.9 0 0 0 4-1.07l4.67-2.7a23.9 23.9 0 0 0 7.58 4.39V84a8 8 0 0 0 16 0v-5.38a23.9 23.9 0 0 0 7.58-4.39l4.67 2.7a7.9 7.9 0 0 0 4 1.07a8 8 0 0 0 4-14.93M192 56a8 8 0 1 1 8 8a8 8 0 0 1-8-8m29.35 48.11a8 8 0 0 0-6.57 9.21A89 89 0 0 1 216 128a87.62 87.62 0 0 1-22.24 58.41a79.66 79.66 0 0 0-36.06-28.75a48 48 0 1 0-59.4 0a79.66 79.66 0 0 0-36.06 28.75A88 88 0 0 1 128 40a89 89 0 0 1 14.68 1.22a8 8 0 0 0 2.64-15.78a103.92 103.92 0 1 0 85.24 85.24a8 8 0 0 0-9.21-6.57M96 120a32 32 0 1 1 32 32a32 32 0 0 1-32-32m-21.92 77.5a64 64 0 0 1 107.84 0a87.83 87.83 0 0 1-107.84 0'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--users-three-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M168 144a40 40 0 1 1-40-40a40 40 0 0 1 40 40M64 56a32 32 0 1 0 32 32a32 32 0 0 0-32-32m128 0a32 32 0 1 0 32 32a32 32 0 0 0-32-32' opacity='.2'/%3E%3Cpath d='M244.8 150.4a8 8 0 0 1-11.2-1.6A51.6 51.6 0 0 0 192 128a8 8 0 0 1 0-16a24 24 0 1 0-23.24-30a8 8 0 1 1-15.5-4A40 40 0 1 1 219 117.51a67.94 67.94 0 0 1 27.43 21.68a8 8 0 0 1-1.63 11.21M190.92 212a8 8 0 1 1-13.85 8a57 57 0 0 0-98.15 0a8 8 0 1 1-13.84-8a72.06 72.06 0 0 1 33.74-29.92a48 48 0 1 1 58.36 0A72.06 72.06 0 0 1 190.92 212M128 176a32 32 0 1 0-32-32a32 32 0 0 0 32 32m-56-56a8 8 0 0 0-8-8a24 24 0 1 1 23.24-30a8 8 0 1 0 15.5-4A40 40 0 1 0 37 117.51a67.94 67.94 0 0 0-27.4 21.68a8 8 0 1 0 12.8 9.61A51.6 51.6 0 0 1 64 128a8 8 0 0 0 8-8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[solar--shield-user-linear\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M3 10.417c0-3.198 0-4.797.378-5.335c.377-.537 1.88-1.052 4.887-2.081l.573-.196C10.405 2.268 11.188 2 12 2s1.595.268 3.162.805l.573.196c3.007 1.029 4.51 1.544 4.887 2.081C21 5.62 21 7.22 21 10.417v1.574c0 5.638-4.239 8.375-6.899 9.536C13.38 21.842 13.02 22 12 22s-1.38-.158-2.101-.473C7.239 20.365 3 17.63 3 11.991z'/%3E%3Ccircle cx='12' cy='9' r='2'/%3E%3Cpath d='M16 15c0 1.105 0 2-4 2s-4-.895-4-2s1.79-2 4-2s4 .895 4 2Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[solar--verified-check-bold\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M9.592 3.2a6 6 0 0 1-.495.399c-.298.2-.633.338-.985.408c-.153.03-.313.043-.632.068c-.801.064-1.202.096-1.536.214a2.71 2.71 0 0 0-1.655 1.655c-.118.334-.15.735-.214 1.536a6 6 0 0 1-.068.632c-.07.352-.208.687-.408.985c-.087.13-.191.252-.399.495c-.521.612-.782.918-.935 1.238c-.353.74-.353 1.6 0 2.34c.153.32.414.626.935 1.238c.208.243.312.365.399.495c.2.298.338.633.408.985c.03.153.043.313.068.632c.064.801.096 1.202.214 1.536a2.71 2.71 0 0 0 1.655 1.655c.334.118.735.15 1.536.214c.319.025.479.038.632.068c.352.07.687.209.985.408c.13.087.252.191.495.399c.612.521.918.782 1.238.935c.74.353 1.6.353 2.34 0c.32-.153.626-.414 1.238-.935c.243-.208.365-.312.495-.399c.298-.2.633-.338.985-.408c.153-.03.313-.043.632-.068c.801-.064 1.202-.096 1.536-.214a2.71 2.71 0 0 0 1.655-1.655c.118-.334.15-.735.214-1.536c.025-.319.038-.479.068-.632c.07-.352.209-.687.408-.985c.087-.13.191-.252.399-.495c.521-.612.782-.918.935-1.238c.353-.74.353-1.6 0-2.34c-.153-.32-.414-.626-.935-1.238a6 6 0 0 1-.399-.495a2.7 2.7 0 0 1-.408-.985a6 6 0 0 1-.068-.632c-.064-.801-.096-1.202-.214-1.536a2.71 2.71 0 0 0-1.655-1.655c-.334-.118-.735-.15-1.536-.214a6 6 0 0 1-.632-.068a2.7 2.7 0 0 1-.985-.408a6 6 0 0 1-.495-.399c-.612-.521-.918-.782-1.238-.935a2.71 2.71 0 0 0-2.34 0c-.32.153-.626.414-1.238.935m6.781 6.663a.814.814 0 0 0-1.15-1.15l-4.85 4.85l-1.596-1.595a.814.814 0 0 0-1.15 1.15l2.17 2.17a.814.814 0 0 0 1.15 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-angular\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m5.428 17.245l6.076 3.471a1 1 0 0 0 .992 0l6.076-3.471a1 1 0 0 0 .495-.734l1.323-9.704a1 1 0 0 0-.658-1.078l-7.4-2.612a1 1 0 0 0-.665 0L4.268 5.73a1 1 0 0 0-.658 1.078l1.323 9.704a1 1 0 0 0 .495.734z'/%3E%3Cpath d='m9 15l3-8l3 8m-5-2h4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-aws\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 18.5a15.2 15.2 0 0 1-7.37 1.44A14.6 14.6 0 0 1 3 17m16.5 4c.907-1.411 1.451-3.323 1.5-5c-1.197-.773-2.577-.935-4-1M3 11V6.5a1.5 1.5 0 0 1 3 0V11M3 9h3m3-4l1.2 6L12 7l1.8 4L15 5m3 5.25c0 .414.336.75.75.75H20a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75'/%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-firebase\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m4.53 17.05l6.15-11.72h-.02c.38-.74 1.28-1.02 2.01-.63c.26.14.48.36.62.62l1.06 2.01'/%3E%3Cpath d='M15.47 6.45c.58-.59 1.53-.59 2.11-.01c.22.22.36.5.41.81l1.5 9.11c.1.62-.2 1.24-.76 1.54l-6.07 2.9c-.46.25-1.01.26-1.46 0l-6.02-2.92c-.55-.31-.85-.92-.75-1.54L6.39 4.3c.12-.82.89-1.38 1.7-1.25c.46.07.87.36 1.09.77l1.24 1.76m-5.85 11.6L15.5 6.5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-html5\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m20 4l-2 14.5l-6 2l-6-2L4 4z'/%3E%3Cpath d='M15.5 8h-7l.5 4h6l-.5 3.5l-2.5.75l-2.5-.75l-.1-.5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-python\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 9H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h3m4-2h7a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3'/%3E%3Cpath d='M8 9V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4m-5-9v.01M13 18v.01'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-react\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6.306 8.711C3.704 9.434 2 10.637 2 12c0 2.21 4.477 4 10 4c.773 0 1.526-.035 2.248-.102m3.444-.609C20.295 14.567 22 13.363 22 12c0-2.21-4.477-4-10-4c-.773 0-1.526.035-2.25.102'/%3E%3Cpath d='M6.305 15.287C5.629 17.902 5.82 19.98 7 20.66c1.913 1.105 5.703-1.877 8.464-6.66q.581-1.007 1.036-2m1.194-3.284C18.371 6.1 18.181 4.02 17 3.34C15.087 2.235 11.297 5.217 8.536 10c-.387.67-.733 1.34-1.037 2'/%3E%3Cpath d='M12 5.424C10.075 3.532 8.18 2.658 7 3.34C5.087 4.444 5.774 9.217 8.536 14c.386.67.793 1.304 1.212 1.896M12 18.574c1.926 1.893 3.821 2.768 5 2.086c1.913-1.104 1.226-5.877-1.536-10.66q-.563-.976-1.212-1.897M11.5 12.866a1 1 0 1 0 1-1.732a1 1 0 0 0-1 1.732'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-vue\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16.5 4L12 12L7.5 4'/%3E%3Cpath d='m3 4l9 16l9-16'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--reload\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19.933 13.041a8 8 0 1 1-9.925-8.788c3.899-1 7.935 1.007 9.425 4.747'/%3E%3Cpath d='M20 4v5h-5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--star-filled\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8.243 7.34l-6.38.925l-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499l-1.09 6.355l-.013.11a1 1 0 0 0 1.464.944l5.706-3l5.693 3l.1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355l4.624-4.5l.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926l-2.852-5.78a1 1 0 0 0-1.794 0z'/%3E%3C/svg%3E");
+  }
+  .line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
+  .\!flex {
+    display: flex !important;
+  }
+  .\!inline-flex {
+    display: inline-flex !important;
+  }
+  .block {
+    display: block;
+  }
+  .contents {
+    display: contents;
+  }
+  .flex {
+    display: flex;
+  }
+  .grid {
+    display: grid;
+  }
+  .hidden {
+    display: none;
+  }
+  .inline {
+    display: inline;
+  }
+  .inline-block {
+    display: inline-block;
+  }
+  .inline-flex {
+    display: inline-flex;
+  }
+  .table {
+    display: table;
+  }
+  .table\! {
+    display: table !important;
+  }
+  .table-row {
+    display: table-row;
+  }
+  .\!size-2\.5 {
+    width: calc(var(--spacing) * 2.5) !important;
+    height: calc(var(--spacing) * 2.5) !important;
+  }
+  .\!size-4 {
+    width: calc(var(--spacing) * 4) !important;
+    height: calc(var(--spacing) * 4) !important;
+  }
+  .\!size-8 {
+    width: calc(var(--spacing) * 8) !important;
+    height: calc(var(--spacing) * 8) !important;
+  }
+  .size-1 {
+    width: calc(var(--spacing) * 1);
+    height: calc(var(--spacing) * 1);
+  }
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
+  .size-2 {
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
+  .size-2\.5 {
+    width: calc(var(--spacing) * 2.5);
+    height: calc(var(--spacing) * 2.5);
+  }
+  .size-3 {
+    width: calc(var(--spacing) * 3);
+    height: calc(var(--spacing) * 3);
+  }
+  .size-4 {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+  .size-5 {
+    width: calc(var(--spacing) * 5);
+    height: calc(var(--spacing) * 5);
+  }
+  .size-6 {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
+  .size-7 {
+    width: calc(var(--spacing) * 7);
+    height: calc(var(--spacing) * 7);
+  }
+  .size-8 {
+    width: calc(var(--spacing) * 8);
+    height: calc(var(--spacing) * 8);
+  }
+  .size-10 {
+    width: calc(var(--spacing) * 10);
+    height: calc(var(--spacing) * 10);
+  }
+  .size-12 {
+    width: calc(var(--spacing) * 12);
+    height: calc(var(--spacing) * 12);
+  }
+  .size-16 {
+    width: calc(var(--spacing) * 16);
+    height: calc(var(--spacing) * 16);
+  }
+  .size-20 {
+    width: calc(var(--spacing) * 20);
+    height: calc(var(--spacing) * 20);
+  }
+  .size-24 {
+    width: calc(var(--spacing) * 24);
+    height: calc(var(--spacing) * 24);
+  }
+  .\!h-full {
+    height: 100% !important;
+  }
+  .h-0 {
+    height: calc(var(--spacing) * 0);
+  }
+  .h-0\.5 {
+    height: calc(var(--spacing) * 0.5);
+  }
+  .h-1 {
+    height: calc(var(--spacing) * 1);
+  }
+  .h-1\.5 {
+    height: calc(var(--spacing) * 1.5);
+  }
+  .h-2 {
+    height: calc(var(--spacing) * 2);
+  }
+  .h-2\.5 {
+    height: calc(var(--spacing) * 2.5);
+  }
+  .h-3\.5 {
+    height: calc(var(--spacing) * 3.5);
+  }
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
+  .h-5 {
+    height: calc(var(--spacing) * 5);
+  }
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
+  .h-7 {
+    height: calc(var(--spacing) * 7);
+  }
+  .h-8 {
+    height: calc(var(--spacing) * 8);
+  }
+  .h-9 {
+    height: calc(var(--spacing) * 9);
+  }
+  .h-10 {
+    height: calc(var(--spacing) * 10);
+  }
+  .h-12 {
+    height: calc(var(--spacing) * 12);
+  }
+  .h-14 {
+    height: calc(var(--spacing) * 14);
+  }
+  .h-16 {
+    height: calc(var(--spacing) * 16);
+  }
+  .h-20 {
+    height: calc(var(--spacing) * 20);
+  }
+  .h-28 {
+    height: calc(var(--spacing) * 28);
+  }
+  .h-32 {
+    height: calc(var(--spacing) * 32);
+  }
+  .h-40 {
+    height: calc(var(--spacing) * 40);
+  }
+  .h-42 {
+    height: calc(var(--spacing) * 42);
+  }
+  .h-56 {
+    height: calc(var(--spacing) * 56);
+  }
+  .h-64 {
+    height: calc(var(--spacing) * 64);
+  }
+  .h-70 {
+    height: calc(var(--spacing) * 70);
+  }
+  .h-72 {
+    height: calc(var(--spacing) * 72);
+  }
+  .h-76 {
+    height: calc(var(--spacing) * 76);
+  }
+  .h-78 {
+    height: calc(var(--spacing) * 78);
+  }
+  .h-80 {
+    height: calc(var(--spacing) * 80);
+  }
+  .h-82 {
+    height: calc(var(--spacing) * 82);
+  }
+  .h-84 {
+    height: calc(var(--spacing) * 84);
+  }
+  .h-\[3px\] {
+    height: 3px;
+  }
+  .h-\[60vh\] {
+    height: 60vh;
+  }
+  .h-\[70\%\] {
+    height: 70%;
+  }
+  .h-\[75vh\] {
+    height: 75vh;
+  }
+  .h-\[calc\(100vh-2rem\)\] {
+    height: calc(100vh - 2rem);
+  }
+  .h-auto {
+    height: auto;
+  }
+  .h-full {
+    height: 100%;
+  }
+  .max-h-96 {
+    max-height: calc(var(--spacing) * 96);
+  }
+  .max-h-\[50vh\] {
+    max-height: 50vh;
+  }
+  .max-h-\[80vh\] {
+    max-height: 80vh;
+  }
+  .max-h-\[320px\] {
+    max-height: 320px;
+  }
+  .max-h-\[340px\] {
+    max-height: 340px;
+  }
+  .min-h-16 {
+    min-height: calc(var(--spacing) * 16);
+  }
+  .min-h-24 {
+    min-height: calc(var(--spacing) * 24);
+  }
+  .min-h-48 {
+    min-height: calc(var(--spacing) * 48);
+  }
+  .min-h-\[70px\] {
+    min-height: 70px;
+  }
+  .min-h-\[230px\] {
+    min-height: 230px;
+  }
+  .min-h-\[calc\(100\%-2rem\)\] {
+    min-height: calc(100% - 2rem);
+  }
+  .min-h-full {
+    min-height: 100%;
+  }
+  .\!w-3 {
+    width: calc(var(--spacing) * 3) !important;
+  }
+  .\!w-4 {
+    width: calc(var(--spacing) * 4) !important;
+  }
+  .\!w-full {
+    width: 100% !important;
+  }
+  .w-0\.5 {
+    width: calc(var(--spacing) * 0.5);
+  }
+  .w-1 {
+    width: calc(var(--spacing) * 1);
+  }
+  .w-1\/2 {
+    width: calc(1/2 * 100%);
+  }
+  .w-2\/5 {
+    width: calc(2/5 * 100%);
+  }
+  .w-3\.5 {
+    width: calc(var(--spacing) * 3.5);
+  }
+  .w-3\/5 {
+    width: calc(3/5 * 100%);
+  }
+  .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
+  .w-4\/12 {
+    width: calc(4/12 * 100%);
+  }
+  .w-5 {
+    width: calc(var(--spacing) * 5);
+  }
+  .w-6 {
+    width: calc(var(--spacing) * 6);
+  }
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+  .w-8 {
+    width: calc(var(--spacing) * 8);
+  }
+  .w-9 {
+    width: calc(var(--spacing) * 9);
+  }
+  .w-10 {
+    width: calc(var(--spacing) * 10);
+  }
+  .w-12 {
+    width: calc(var(--spacing) * 12);
+  }
+  .w-14 {
+    width: calc(var(--spacing) * 14);
+  }
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
+  .w-20 {
+    width: calc(var(--spacing) * 20);
+  }
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
+  .w-28 {
+    width: calc(var(--spacing) * 28);
+  }
+  .w-32 {
+    width: calc(var(--spacing) * 32);
+  }
+  .w-36 {
+    width: calc(var(--spacing) * 36);
+  }
+  .w-48 {
+    width: calc(var(--spacing) * 48);
+  }
+  .w-54 {
+    width: calc(var(--spacing) * 54);
+  }
+  .w-56 {
+    width: calc(var(--spacing) * 56);
+  }
+  .w-64 {
+    width: calc(var(--spacing) * 64);
+  }
+  .w-72 {
+    width: calc(var(--spacing) * 72);
+  }
+  .w-\[90\%\] {
+    width: 90%;
+  }
+  .w-\[94\%\] {
+    width: 94%;
+  }
+  .w-\[300px\] {
+    width: 300px;
+  }
+  .w-auto {
+    width: auto;
+  }
+  .w-full {
+    width: 100%;
+  }
+  .w-px {
+    width: 1px;
+  }
+  .max-w-2xl {
+    max-width: var(--container-2xl);
+  }
+  .max-w-3xl {
+    max-width: var(--container-3xl);
+  }
+  .max-w-4xl {
+    max-width: var(--container-4xl);
+  }
+  .max-w-5 {
+    max-width: calc(var(--spacing) * 5);
+  }
+  .max-w-5xl {
+    max-width: var(--container-5xl);
+  }
+  .max-w-7xl {
+    max-width: var(--container-7xl);
+  }
+  .max-w-8 {
+    max-width: calc(var(--spacing) * 8);
+  }
+  .max-w-44 {
+    max-width: calc(var(--spacing) * 44);
+  }
+  .max-w-48 {
+    max-width: calc(var(--spacing) * 48);
+  }
+  .max-w-\[25rem\] {
+    max-width: 25rem;
+  }
+  .max-w-\[30rem\] {
+    max-width: 30rem;
+  }
+  .max-w-\[40rem\] {
+    max-width: 40rem;
+  }
+  .max-w-\[240px\] {
+    max-width: 240px;
+  }
+  .max-w-\[270px\] {
+    max-width: 270px;
+  }
+  .max-w-\[320px\] {
+    max-width: 320px;
+  }
+  .max-w-\[600px\] {
+    max-width: 600px;
+  }
+  .max-w-full {
+    max-width: 100%;
+  }
+  .max-w-lg {
+    max-width: var(--container-lg);
+  }
+  .max-w-md {
+    max-width: var(--container-md);
+  }
+  .max-w-sm {
+    max-width: var(--container-sm);
+  }
+  .max-w-xl {
+    max-width: var(--container-xl);
+  }
+  .max-w-xs {
+    max-width: var(--container-xs);
+  }
+  .min-w-5 {
+    min-width: calc(var(--spacing) * 5);
+  }
+  .min-w-8 {
+    min-width: calc(var(--spacing) * 8);
+  }
+  .min-w-20 {
+    min-width: calc(var(--spacing) * 20);
+  }
+  .min-w-24 {
+    min-width: calc(var(--spacing) * 24);
+  }
+  .min-w-32 {
+    min-width: calc(var(--spacing) * 32);
+  }
+  .min-w-36 {
+    min-width: calc(var(--spacing) * 36);
+  }
+  .min-w-40 {
+    min-width: calc(var(--spacing) * 40);
+  }
+  .min-w-44 {
+    min-width: calc(var(--spacing) * 44);
+  }
+  .min-w-48 {
+    min-width: calc(var(--spacing) * 48);
+  }
+  .min-w-56 {
+    min-width: calc(var(--spacing) * 56);
+  }
+  .min-w-64 {
+    min-width: calc(var(--spacing) * 64);
+  }
+  .min-w-\[300px\] {
+    min-width: 300px;
+  }
+  .min-w-full {
+    min-width: 100%;
+  }
+  .min-w-max {
+    min-width: max-content;
+  }
+  .flex-1 {
+    flex: 1;
+  }
+  .flex-auto {
+    flex: auto;
+  }
+  .shrink-0 {
+    flex-shrink: 0;
+  }
+  .flex-grow {
+    flex-grow: 1;
+  }
+  .flex-grow-1 {
+    flex-grow: 1;
+  }
+  .grow {
+    flex-grow: 1;
+  }
+  .basis-full {
+    flex-basis: 100%;
+  }
+  .border-collapse {
+    border-collapse: collapse;
+  }
+  .origin-center {
+    transform-origin: center;
+  }
+  .origin-top-left {
+    transform-origin: 0 0;
+  }
+  .\!-translate-x-0 {
+    --tw-translate-x: calc(var(--spacing) * -0) !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .-translate-x-1\/2 {
+    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-x-0 {
+    --tw-translate-x: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-x-5 {
+    --tw-translate-x: calc(var(--spacing) * 5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-0 {
+    --tw-translate-y: calc(var(--spacing) * -0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-5 {
+    --tw-translate-y: calc(var(--spacing) * -5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-full {
+    --tw-translate-y: -100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-y-0 {
+    --tw-translate-y: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-y-full {
+    --tw-translate-y: 100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-rotate-90 {
+    rotate: calc(90deg * -1);
+  }
+  .rotate-0 {
+    rotate: 0deg;
+  }
+  .rotate-180 {
+    rotate: 180deg;
+  }
+  .transform {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+  }
+  .animate-bounce {
+    animation: var(--animate-bounce);
+  }
+  .animate-ping {
+    animation: var(--animate-ping);
+  }
+  .animate-pulse {
+    animation: var(--animate-pulse);
+  }
+  .animate-spin {
+    animation: var(--animate-spin);
+  }
+  .cursor-default {
+    cursor: default;
+  }
+  .cursor-grab {
+    cursor: grab;
+  }
+  .cursor-move {
+    cursor: move;
+  }
+  .cursor-pointer {
+    cursor: pointer;
+  }
+  .cursor-w-resize {
+    cursor: w-resize;
+  }
+  .resize {
+    resize: both;
+  }
+  .list-decimal {
+    list-style-type: decimal;
+  }
+  .list-disc {
+    list-style-type: disc;
+  }
+  .list-none {
+    list-style-type: none;
+  }
+  .appearance-none {
+    appearance: none;
+  }
+  .grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .flex-col {
+    flex-direction: column;
+  }
+  .flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+  .flex-nowrap {
+    flex-wrap: nowrap;
+  }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .items-end {
+    align-items: flex-end;
+  }
+  .items-start {
+    align-items: flex-start;
+  }
+  .justify-between {
+    justify-content: space-between;
+  }
+  .justify-center {
+    justify-content: center;
+  }
+  .justify-end {
+    justify-content: flex-end;
+  }
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * 0.5);
+  }
+  .gap-1 {
+    gap: calc(var(--spacing) * 1);
+  }
+  .gap-1\.5 {
+    gap: calc(var(--spacing) * 1.5);
+  }
+  .gap-2 {
+    gap: calc(var(--spacing) * 2);
+  }
+  .gap-2\.5 {
+    gap: calc(var(--spacing) * 2.5);
+  }
+  .gap-3 {
+    gap: calc(var(--spacing) * 3);
+  }
+  .gap-3\.5 {
+    gap: calc(var(--spacing) * 3.5);
+  }
+  .gap-4 {
+    gap: calc(var(--spacing) * 4);
+  }
+  .gap-5 {
+    gap: calc(var(--spacing) * 5);
+  }
+  .gap-6 {
+    gap: calc(var(--spacing) * 6);
+  }
+  .space-y-0\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-6 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .-space-x-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .-space-x-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .space-x-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .space-x-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .space-x-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .gap-y-1 {
+    row-gap: calc(var(--spacing) * 1);
+  }
+  .gap-y-2 {
+    row-gap: calc(var(--spacing) * 2);
+  }
+  .divide-x {
+    :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
+      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+    }
+  }
+  .divide-y {
+    :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-bottom-style: var(--tw-border-style);
+      border-top-style: var(--tw-border-style);
+      border-top-width: calc(1px * var(--tw-divide-y-reverse));
+      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    }
+  }
+  .divide-dashed {
+    :where(& > :not(:last-child)) {
+      --tw-border-style: dashed;
+      border-style: dashed;
+    }
+  }
+  .divide-zinc-100 {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-zinc-100);
+    }
+  }
+  .divide-zinc-200 {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-zinc-200);
+    }
+  }
+  .divide-zinc-500\/10 {
+    :where(& > :not(:last-child)) {
+      border-color: color-mix(in srgb, #4D5472 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent);
+      }
+    }
+  }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .overflow-hidden {
+    overflow: hidden;
+  }
+  .overflow-visible {
+    overflow: visible;
+  }
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
+  .overflow-x-hidden {
+    overflow-x: hidden;
+  }
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
+  .overflow-y-hidden {
+    overflow-y: hidden;
+  }
+  .\!rounded {
+    border-radius: 0.25rem !important;
+  }
+  .\!rounded-full {
+    border-radius: calc(infinity * 1px) !important;
+  }
+  .\!rounded-lg {
+    border-radius: var(--radius-lg) !important;
+  }
+  .\!rounded-md {
+    border-radius: var(--radius-md) !important;
+  }
+  .\!rounded-none {
+    border-radius: 0 !important;
+  }
+  .\!rounded-xl {
+    border-radius: var(--radius-xl) !important;
+  }
+  .rounded {
+    border-radius: 0.25rem;
+  }
+  .rounded-2xl {
+    border-radius: var(--radius-2xl);
+  }
+  .rounded-full {
+    border-radius: calc(infinity * 1px);
+  }
+  .rounded-lg {
+    border-radius: var(--radius-lg);
+  }
+  .rounded-md {
+    border-radius: var(--radius-md);
+  }
+  .rounded-sm {
+    border-radius: var(--radius-sm);
+  }
+  .rounded-xl {
+    border-radius: var(--radius-xl);
+  }
+  .\!rounded-s-none {
+    border-start-start-radius: 0 !important;
+    border-end-start-radius: 0 !important;
+  }
+  .rounded-s-3xl {
+    border-start-start-radius: var(--radius-3xl);
+    border-end-start-radius: var(--radius-3xl);
+  }
+  .rounded-s-lg {
+    border-start-start-radius: var(--radius-lg);
+    border-end-start-radius: var(--radius-lg);
+  }
+  .rounded-s-sm {
+    border-start-start-radius: var(--radius-sm);
+    border-end-start-radius: var(--radius-sm);
+  }
+  .\!rounded-e-none {
+    border-start-end-radius: 0 !important;
+    border-end-end-radius: 0 !important;
+  }
+  .rounded-e-lg {
+    border-start-end-radius: var(--radius-lg);
+    border-end-end-radius: var(--radius-lg);
+  }
+  .rounded-e-md {
+    border-start-end-radius: var(--radius-md);
+    border-end-end-radius: var(--radius-md);
+  }
+  .rounded-e-sm {
+    border-start-end-radius: var(--radius-sm);
+    border-end-end-radius: var(--radius-sm);
+  }
+  .rounded-t-md {
+    border-top-left-radius: var(--radius-md);
+    border-top-right-radius: var(--radius-md);
+  }
+  .rounded-t-xl {
+    border-top-left-radius: var(--radius-xl);
+    border-top-right-radius: var(--radius-xl);
+  }
+  .\!rounded-tl-2xl {
+    border-top-left-radius: var(--radius-2xl) !important;
+  }
+  .rounded-b-md {
+    border-bottom-right-radius: var(--radius-md);
+    border-bottom-left-radius: var(--radius-md);
+  }
+  .rounded-b-xl {
+    border-bottom-right-radius: var(--radius-xl);
+    border-bottom-left-radius: var(--radius-xl);
+  }
+  .\!rounded-br-2xl {
+    border-bottom-right-radius: var(--radius-2xl) !important;
+  }
+  .\!border {
+    border-style: var(--tw-border-style) !important;
+    border-width: 1px !important;
+  }
+  .\!border-0 {
+    border-style: var(--tw-border-style) !important;
+    border-width: 0px !important;
+  }
+  .\!border-1 {
+    border-style: var(--tw-border-style) !important;
+    border-width: 1px !important;
+  }
+  .\!border-2 {
+    border-style: var(--tw-border-style) !important;
+    border-width: 2px !important;
+  }
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
+  .border-4 {
+    border-style: var(--tw-border-style);
+    border-width: 4px;
+  }
+  .border-y {
+    border-block-style: var(--tw-border-style);
+    border-block-width: 1px;
+  }
+  .border-s {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 1px;
+  }
+  .border-s-0 {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 0px;
+  }
+  .border-s-2 {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 2px;
+  }
+  .border-s-4 {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 4px;
+  }
+  .border-e {
+    border-inline-end-style: var(--tw-border-style);
+    border-inline-end-width: 1px;
+  }
+  .border-e-0 {
+    border-inline-end-style: var(--tw-border-style);
+    border-inline-end-width: 0px;
+  }
+  .border-t {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+  }
+  .border-t-2 {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 2px;
+  }
+  .border-b {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+  .border-b-2 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 2px;
+  }
+  .border-dashed {
+    --tw-border-style: dashed;
+    border-style: dashed;
+  }
+  .border-dotted {
+    --tw-border-style: dotted;
+    border-style: dotted;
+  }
+  .\!border-green-500 {
+    border-color: var(--color-green-500) !important;
+  }
+  .\!border-green-500\/20 {
+    border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent) !important;
+    }
+  }
+  .\!border-primary {
+    border-color: var(--color-primary) !important;
+  }
+  .\!border-primary-subtle {
+    border-color: var(--color-primary-subtle) !important;
+  }
+  .\!border-red-500 {
+    border-color: var(--color-red-500) !important;
+  }
+  .\!border-red-500\/20 {
+    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent) !important;
+    }
+  }
+  .\!border-yellow-500\/10 {
+    border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent) !important;
+    }
+  }
+  .\!border-zinc-200 {
+    border-color: var(--color-zinc-200) !important;
+  }
+  .\!border-zinc-300 {
+    border-color: var(--color-zinc-300) !important;
+  }
+  .\!border-zinc-400 {
+    border-color: var(--color-zinc-400) !important;
+  }
+  .\!border-zinc-500\/10 {
+    border-color: color-mix(in srgb, #4D5472 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent) !important;
+    }
+  }
+  .border-green-500 {
+    border-color: var(--color-green-500);
+  }
+  .border-orange-500\/10 {
+    border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
+    }
+  }
+  .border-primary {
+    border-color: var(--color-primary);
+  }
+  .border-red-500 {
+    border-color: var(--color-red-500);
+  }
+  .border-sky-500 {
+    border-color: var(--color-sky-500);
+  }
+  .border-transparent {
+    border-color: transparent;
+  }
+  .border-white {
+    border-color: var(--color-white);
+  }
+  .border-zinc-50 {
+    border-color: var(--color-zinc-50);
+  }
+  .border-zinc-100 {
+    border-color: var(--color-zinc-100);
+  }
+  .border-zinc-200 {
+    border-color: var(--color-zinc-200);
+  }
+  .border-zinc-300 {
+    border-color: var(--color-zinc-300);
+  }
+  .border-zinc-500\/10 {
+    border-color: color-mix(in srgb, #4D5472 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent);
+    }
+  }
+  .\!bg-amber-500 {
+    background-color: var(--color-amber-500) !important;
+  }
+  .\!bg-green-500 {
+    background-color: var(--color-green-500) !important;
+  }
+  .\!bg-primary {
+    background-color: var(--color-primary) !important;
+  }
+  .\!bg-primary\/10 {
+    background-color: color-mix(in srgb, #636DFF 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
+    }
+  }
+  .\!bg-red-500 {
+    background-color: var(--color-red-500) !important;
+  }
+  .\!bg-sky-500 {
+    background-color: var(--color-sky-500) !important;
+  }
+  .\!bg-transparent {
+    background-color: transparent !important;
+  }
+  .\!bg-white {
+    background-color: var(--color-white) !important;
+  }
+  .\!bg-yellow-500\/20 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent) !important;
+    }
+  }
+  .\!bg-zinc-50 {
+    background-color: var(--color-zinc-50) !important;
+  }
+  .\!bg-zinc-100 {
+    background-color: var(--color-zinc-100) !important;
+  }
+  .\!bg-zinc-200 {
+    background-color: var(--color-zinc-200) !important;
+  }
+  .\!bg-zinc-400 {
+    background-color: var(--color-zinc-400) !important;
+  }
+  .bg-amber-500 {
+    background-color: var(--color-amber-500);
+  }
+  .bg-amber-500\/10 {
+    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
+    }
+  }
+  .bg-amber-500\/20 {
+    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
+    }
+  }
+  .bg-black {
+    background-color: var(--color-black);
+  }
+  .bg-black\/25 {
+    background-color: color-mix(in srgb, #0A0C16 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
+    }
+  }
+  .bg-blue-300 {
+    background-color: var(--color-blue-300);
+  }
+  .bg-blue-500 {
+    background-color: var(--color-blue-500);
+  }
+  .bg-blue-500\/10 {
+    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
+    }
+  }
+  .bg-blue-800 {
+    background-color: var(--color-blue-800);
+  }
+  .bg-current {
+    background-color: currentcolor;
+  }
+  .bg-cyan-500 {
+    background-color: var(--color-cyan-500);
+  }
+  .bg-cyan-500\/10 {
+    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
+    }
+  }
+  .bg-cyan-500\/20 {
+    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
+    }
+  }
+  .bg-green-300 {
+    background-color: var(--color-green-300);
+  }
+  .bg-green-500 {
+    background-color: var(--color-green-500);
+  }
+  .bg-green-500\/10 {
+    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
+    }
+  }
+  .bg-green-500\/20 {
+    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+    }
+  }
+  .bg-green-500\/30 {
+    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
+    }
+  }
+  .bg-lime-500 {
+    background-color: var(--color-lime-500);
+  }
+  .bg-lime-500\/10 {
+    background-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-lime-500) 10%, transparent);
+    }
+  }
+  .bg-orange-100 {
+    background-color: var(--color-orange-100);
+  }
+  .bg-orange-300 {
+    background-color: var(--color-orange-300);
+  }
+  .bg-orange-400 {
+    background-color: var(--color-orange-400);
+  }
+  .bg-orange-500 {
+    background-color: var(--color-orange-500);
+  }
+  .bg-orange-500\/10 {
+    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
+    }
+  }
+  .bg-orange-500\/20 {
+    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
+    }
+  }
+  .bg-pink-500 {
+    background-color: var(--color-pink-500);
+  }
+  .bg-pink-500\/10 {
+    background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-pink-500) 10%, transparent);
+    }
+  }
+  .bg-pink-500\/20 {
+    background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent);
+    }
+  }
+  .bg-primary {
+    background-color: var(--color-primary);
+  }
+  .bg-primary-subtle {
+    background-color: var(--color-primary-subtle);
+  }
+  .bg-primary\/10 {
+    background-color: color-mix(in srgb, #636DFF 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
+    }
+  }
+  .bg-primary\/20 {
+    background-color: color-mix(in srgb, #636DFF 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+  .bg-purple-500 {
+    background-color: var(--color-purple-500);
+  }
+  .bg-purple-500\/10 {
+    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
+    }
+  }
+  .bg-red-400 {
+    background-color: var(--color-red-400);
+  }
+  .bg-red-500 {
+    background-color: var(--color-red-500);
+  }
+  .bg-red-500\/10 {
+    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
+    }
+  }
+  .bg-red-500\/30 {
+    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
+    }
+  }
+  .bg-rose-500 {
+    background-color: var(--color-rose-500);
+  }
+  .bg-sky-500 {
+    background-color: var(--color-sky-500);
+  }
+  .bg-sky-500\/10 {
+    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
+    }
+  }
+  .bg-sky-500\/20 {
+    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
+    }
+  }
+  .bg-transparent {
+    background-color: transparent;
+  }
+  .bg-white {
+    background-color: var(--color-white);
+  }
+  .bg-yellow-500 {
+    background-color: var(--color-yellow-500);
+  }
+  .bg-yellow-500\/10 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
+    }
+  }
+  .bg-yellow-500\/20 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
+    }
+  }
+  .bg-yellow-500\/30 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
+    }
+  }
+  .bg-zinc-50 {
+    background-color: var(--color-zinc-50);
+  }
+  .bg-zinc-50\/80 {
+    background-color: color-mix(in srgb, #F9FAFD 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-50) 80%, transparent);
+    }
+  }
+  .bg-zinc-100 {
+    background-color: var(--color-zinc-100);
+  }
+  .bg-zinc-200 {
+    background-color: var(--color-zinc-200);
+  }
+  .bg-zinc-300 {
+    background-color: var(--color-zinc-300);
+  }
+  .bg-zinc-300\/10 {
+    background-color: color-mix(in srgb, #DADDE8 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-300) 10%, transparent);
+    }
+  }
+  .bg-zinc-300\/20 {
+    background-color: color-mix(in srgb, #DADDE8 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-300) 20%, transparent);
+    }
+  }
+  .bg-zinc-400 {
+    background-color: var(--color-zinc-400);
+  }
+  .bg-zinc-400\/20 {
+    background-color: color-mix(in srgb, #9196af 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-400) 20%, transparent);
+    }
+  }
+  .bg-zinc-500 {
+    background-color: var(--color-zinc-500);
+  }
+  .bg-zinc-500\/1 {
+    background-color: color-mix(in srgb, #4D5472 1%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-500) 1%, transparent);
+    }
+  }
+  .bg-zinc-500\/20 {
+    background-color: color-mix(in srgb, #4D5472 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-500) 20%, transparent);
+    }
+  }
+  .bg-zinc-500\/30 {
+    background-color: color-mix(in srgb, #4D5472 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-500) 30%, transparent);
+    }
+  }
+  .bg-zinc-500\/50 {
+    background-color: color-mix(in srgb, #4D5472 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-500) 50%, transparent);
+    }
+  }
+  .bg-zinc-600 {
+    background-color: var(--color-zinc-600);
+  }
+  .bg-zinc-700 {
+    background-color: var(--color-zinc-700);
+  }
+  .bg-zinc-800 {
+    background-color: var(--color-zinc-800);
+  }
+  .bg-zinc-900 {
+    background-color: var(--color-zinc-900);
+  }
+  .bg-zinc-900\/10 {
+    background-color: color-mix(in srgb, #191E32 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-900) 10%, transparent);
+    }
+  }
+  .bg-gradient-to-t {
+    --tw-gradient-position: to top in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .bg-gradient-to-tl {
+    --tw-gradient-position: to top left in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .bg-gradient-to-tr {
+    --tw-gradient-position: to top right in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .\!bg-none {
+    background-image: none !important;
+  }
+  .from-blue-500 {
+    --tw-gradient-from: var(--color-blue-500);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .from-primary {
+    --tw-gradient-from: var(--color-primary);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .from-primary-deep {
+    --tw-gradient-from: var(--color-primary-deep);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .from-white {
+    --tw-gradient-from: var(--color-white);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .via-primary-deep {
+    --tw-gradient-via: var(--color-primary-deep);
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
+  .via-purple-700 {
+    --tw-gradient-via: var(--color-purple-700);
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
+  .to-pink-900 {
+    --tw-gradient-to: var(--color-pink-900);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .to-primary {
+    --tw-gradient-to: var(--color-primary);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .to-primary-deep {
+    --tw-gradient-to: var(--color-primary-deep);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .mask-\[var\(--svg\)\] {
+    mask-image: var(--svg);
+  }
+  .mask-size-\[100\%\] {
+    mask-size: 100%;
+  }
+  .mask-repeat {
+    mask-repeat: repeat;
+  }
+  .\!fill-primary {
+    fill: var(--color-primary) !important;
+  }
+  .\!fill-zinc-700 {
+    fill: var(--color-zinc-700) !important;
+  }
+  .\!stroke-primary {
+    stroke: var(--color-primary) !important;
+  }
+  .\!stroke-zinc-700 {
+    stroke: var(--color-zinc-700) !important;
+  }
+  .object-cover {
+    object-fit: cover;
+  }
+  .object-top {
+    object-position: top;
+  }
+  .\!p-0 {
+    padding: calc(var(--spacing) * 0) !important;
+  }
+  .\!p-1\.5 {
+    padding: calc(var(--spacing) * 1.5) !important;
+  }
+  .\!p-2 {
+    padding: calc(var(--spacing) * 2) !important;
+  }
+  .\!p-2\.5 {
+    padding: calc(var(--spacing) * 2.5) !important;
+  }
+  .\!p-4 {
+    padding: calc(var(--spacing) * 4) !important;
+  }
+  .p-0 {
+    padding: calc(var(--spacing) * 0);
+  }
+  .p-1 {
+    padding: calc(var(--spacing) * 1);
+  }
+  .p-1\.5 {
+    padding: calc(var(--spacing) * 1.5);
+  }
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
+  .p-3 {
+    padding: calc(var(--spacing) * 3);
+  }
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
+  }
+  .p-6 {
+    padding: calc(var(--spacing) * 6);
+  }
+  .p-px {
+    padding: 1px;
+  }
+  .\!px-2 {
+    padding-inline: calc(var(--spacing) * 2) !important;
+  }
+  .\!px-2\.5 {
+    padding-inline: calc(var(--spacing) * 2.5) !important;
+  }
+  .\!px-3 {
+    padding-inline: calc(var(--spacing) * 3) !important;
+  }
+  .\!px-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5) !important;
+  }
+  .\!px-4 {
+    padding-inline: calc(var(--spacing) * 4) !important;
+  }
+  .px-1 {
+    padding-inline: calc(var(--spacing) * 1);
+  }
+  .px-1\.5 {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
+  .px-2 {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+  .px-2\.5 {
+    padding-inline: calc(var(--spacing) * 2.5);
+  }
+  .px-3 {
+    padding-inline: calc(var(--spacing) * 3);
+  }
+  .px-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5);
+  }
+  .px-4 {
+    padding-inline: calc(var(--spacing) * 4);
+  }
+  .px-5 {
+    padding-inline: calc(var(--spacing) * 5);
+  }
+  .px-10 {
+    padding-inline: calc(var(--spacing) * 10);
+  }
+  .\!py-0 {
+    padding-block: calc(var(--spacing) * 0) !important;
+  }
+  .\!py-0\.5 {
+    padding-block: calc(var(--spacing) * 0.5) !important;
+  }
+  .\!py-1 {
+    padding-block: calc(var(--spacing) * 1) !important;
+  }
+  .\!py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5) !important;
+  }
+  .\!py-2 {
+    padding-block: calc(var(--spacing) * 2) !important;
+  }
+  .\!py-2\.5 {
+    padding-block: calc(var(--spacing) * 2.5) !important;
+  }
+  .\!py-3 {
+    padding-block: calc(var(--spacing) * 3) !important;
+  }
+  .py-0 {
+    padding-block: calc(var(--spacing) * 0);
+  }
+  .py-0\.5 {
+    padding-block: calc(var(--spacing) * 0.5);
+  }
+  .py-1 {
+    padding-block: calc(var(--spacing) * 1);
+  }
+  .py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
+  .py-1\.75 {
+    padding-block: calc(var(--spacing) * 1.75);
+  }
+  .py-2 {
+    padding-block: calc(var(--spacing) * 2);
+  }
+  .py-2\.5 {
+    padding-block: calc(var(--spacing) * 2.5);
+  }
+  .py-3 {
+    padding-block: calc(var(--spacing) * 3);
+  }
+  .py-3\.5 {
+    padding-block: calc(var(--spacing) * 3.5);
+  }
+  .py-4 {
+    padding-block: calc(var(--spacing) * 4);
+  }
+  .py-6 {
+    padding-block: calc(var(--spacing) * 6);
+  }
+  .py-8 {
+    padding-block: calc(var(--spacing) * 8);
+  }
+  .py-12 {
+    padding-block: calc(var(--spacing) * 12);
+  }
+  .\!ps-9 {
+    padding-inline-start: calc(var(--spacing) * 9) !important;
+  }
+  .ps-2 {
+    padding-inline-start: calc(var(--spacing) * 2);
+  }
+  .ps-3 {
+    padding-inline-start: calc(var(--spacing) * 3);
+  }
+  .ps-4 {
+    padding-inline-start: calc(var(--spacing) * 4);
+  }
+  .ps-5\.5 {
+    padding-inline-start: calc(var(--spacing) * 5.5);
+  }
+  .ps-6 {
+    padding-inline-start: calc(var(--spacing) * 6);
+  }
+  .\!pe-0 {
+    padding-inline-end: calc(var(--spacing) * 0) !important;
+  }
+  .pe-2 {
+    padding-inline-end: calc(var(--spacing) * 2);
+  }
+  .pe-3 {
+    padding-inline-end: calc(var(--spacing) * 3);
+  }
+  .pe-4 {
+    padding-inline-end: calc(var(--spacing) * 4);
+  }
+  .\!pt-0 {
+    padding-top: calc(var(--spacing) * 0) !important;
+  }
+  .\!pt-2 {
+    padding-top: calc(var(--spacing) * 2) !important;
+  }
+  .pt-0 {
+    padding-top: calc(var(--spacing) * 0);
+  }
+  .pt-1 {
+    padding-top: calc(var(--spacing) * 1);
+  }
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
+  .pt-4 {
+    padding-top: calc(var(--spacing) * 4);
+  }
+  .pt-5 {
+    padding-top: calc(var(--spacing) * 5);
+  }
+  .pt-6 {
+    padding-top: calc(var(--spacing) * 6);
+  }
+  .pt-7 {
+    padding-top: calc(var(--spacing) * 7);
+  }
+  .pt-12 {
+    padding-top: calc(var(--spacing) * 12);
+  }
+  .\!pr-10 {
+    padding-right: calc(var(--spacing) * 10) !important;
+  }
+  .\!pr-12 {
+    padding-right: calc(var(--spacing) * 12) !important;
+  }
+  .\!pb-0 {
+    padding-bottom: calc(var(--spacing) * 0) !important;
+  }
+  .\!pb-2 {
+    padding-bottom: calc(var(--spacing) * 2) !important;
+  }
+  .pb-0 {
+    padding-bottom: calc(var(--spacing) * 0);
+  }
+  .pb-0\.5 {
+    padding-bottom: calc(var(--spacing) * 0.5);
+  }
+  .pb-1 {
+    padding-bottom: calc(var(--spacing) * 1);
+  }
+  .pb-1\.5 {
+    padding-bottom: calc(var(--spacing) * 1.5);
+  }
+  .pb-2 {
+    padding-bottom: calc(var(--spacing) * 2);
+  }
+  .pb-2\.5 {
+    padding-bottom: calc(var(--spacing) * 2.5);
+  }
+  .pb-3 {
+    padding-bottom: calc(var(--spacing) * 3);
+  }
+  .pb-3\.5 {
+    padding-bottom: calc(var(--spacing) * 3.5);
+  }
+  .pb-4 {
+    padding-bottom: calc(var(--spacing) * 4);
+  }
+  .\!pl-7 {
+    padding-left: calc(var(--spacing) * 7) !important;
+  }
+  .\!pl-8 {
+    padding-left: calc(var(--spacing) * 8) !important;
+  }
+  .\!pl-9 {
+    padding-left: calc(var(--spacing) * 9) !important;
+  }
+  .\!pl-10 {
+    padding-left: calc(var(--spacing) * 10) !important;
+  }
+  .pl-2 {
+    padding-left: calc(var(--spacing) * 2);
+  }
+  .pl-4 {
+    padding-left: calc(var(--spacing) * 4);
+  }
+  .\!text-end {
+    text-align: end !important;
+  }
+  .text-center {
+    text-align: center;
+  }
+  .text-end {
+    text-align: end;
+  }
+  .text-left {
+    text-align: left;
+  }
+  .text-right {
+    text-align: right;
+  }
+  .text-start {
+    text-align: start;
+  }
+  .align-middle {
+    vertical-align: middle;
+  }
+  .\!font-sans {
+    font-family: var(--font-sans) !important;
+  }
+  .\!font-theme {
+    font-family: var(--font-theme) !important;
+  }
+  .font-mono {
+    font-family: var(--font-mono);
+  }
+  .font-theme {
+    font-family: var(--font-theme);
+  }
+  .\!text-2xl {
+    font-size: var(--text-2xl) !important;
+    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
+  }
+  .\!text-base {
+    font-size: var(--text-base) !important;
+    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+  }
+  .\!text-lg {
+    font-size: var(--text-lg) !important;
+    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+  }
+  .\!text-sm {
+    font-size: var(--text-sm) !important;
+    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  }
+  .\!text-xl {
+    font-size: var(--text-xl) !important;
+    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
+  }
+  .\!text-xs {
+    font-size: var(--text-xs) !important;
+    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
+  }
+  .text-2xl {
+    font-size: var(--text-2xl);
+    line-height: var(--tw-leading, var(--text-2xl--line-height));
+  }
+  .text-3xl {
+    font-size: var(--text-3xl);
+    line-height: var(--tw-leading, var(--text-3xl--line-height));
+  }
+  .text-4xl {
+    font-size: var(--text-4xl);
+    line-height: var(--tw-leading, var(--text-4xl--line-height));
+  }
+  .text-5xl {
+    font-size: var(--text-5xl);
+    line-height: var(--tw-leading, var(--text-5xl--line-height));
+  }
+  .text-6xl {
+    font-size: var(--text-6xl);
+    line-height: var(--tw-leading, var(--text-6xl--line-height));
+  }
+  .text-base {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+  .text-lg {
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  .text-sm {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  .text-xl {
+    font-size: var(--text-xl);
+    line-height: var(--tw-leading, var(--text-xl--line-height));
+  }
+  .text-xs {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+  .text-\[\.9375rem\] {
+    font-size: .9375rem;
+  }
+  .text-\[8px\] {
+    font-size: 8px;
+  }
+  .text-\[18px\] {
+    font-size: 18px;
+  }
+  .\!leading-normal {
+    --tw-leading: var(--leading-normal) !important;
+    line-height: var(--leading-normal) !important;
+  }
+  .leading-\[1\.2\] {
+    --tw-leading: 1.2;
+    line-height: 1.2;
+  }
+  .leading-\[1\] {
+    --tw-leading: 1;
+    line-height: 1;
+  }
+  .leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
+  .leading-normal {
+    --tw-leading: var(--leading-normal);
+    line-height: var(--leading-normal);
+  }
+  .leading-relaxed {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
+  .leading-tight {
+    --tw-leading: var(--leading-tight);
+    line-height: var(--leading-tight);
+  }
+  .\!font-bold {
+    --tw-font-weight: var(--font-weight-bold) !important;
+    font-weight: var(--font-weight-bold) !important;
+  }
+  .\!font-semibold {
+    --tw-font-weight: var(--font-weight-semibold) !important;
+    font-weight: var(--font-weight-semibold) !important;
+  }
+  .font-normal {
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
+  .font-semibold {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
+  .tracking-normal {
+    --tw-tracking: var(--tracking-normal);
+    letter-spacing: var(--tracking-normal);
+  }
+  .text-nowrap {
+    text-wrap: nowrap;
+  }
+  .text-wrap {
+    text-wrap: wrap;
+  }
+  .text-ellipsis {
+    text-overflow: ellipsis;
+  }
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
+  .\!text-blue-500 {
+    color: var(--color-blue-500) !important;
+  }
+  .\!text-current {
+    color: currentcolor !important;
+  }
+  .\!text-inherit {
+    color: inherit !important;
+  }
+  .\!text-primary {
+    color: var(--color-primary) !important;
+  }
+  .\!text-red-500 {
+    color: var(--color-red-500) !important;
+  }
+  .\!text-white {
+    color: var(--color-white) !important;
+  }
+  .\!text-white\/70 {
+    color: color-mix(in srgb, #fff 70%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 70%, transparent) !important;
+    }
+  }
+  .\!text-yellow-500 {
+    color: var(--color-yellow-500) !important;
+  }
+  .\!text-zinc-400 {
+    color: var(--color-zinc-400) !important;
+  }
+  .\!text-zinc-700 {
+    color: var(--color-zinc-700) !important;
+  }
+  .text-amber-500 {
+    color: var(--color-amber-500);
+  }
+  .text-black {
+    color: var(--color-black);
+  }
+  .text-blue-500 {
+    color: var(--color-blue-500);
+  }
+  .text-blue-800 {
+    color: var(--color-blue-800);
+  }
+  .text-current {
+    color: currentcolor;
+  }
+  .text-cyan-500 {
+    color: var(--color-cyan-500);
+  }
+  .text-cyan-700 {
+    color: var(--color-cyan-700);
+  }
+  .text-gray-400 {
+    color: var(--color-gray-400);
+  }
+  .text-green-500 {
+    color: var(--color-green-500);
+  }
+  .text-green-500\/20 {
+    color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+    }
+  }
+  .text-green-600 {
+    color: var(--color-green-600);
+  }
+  .text-green-800 {
+    color: var(--color-green-800);
+  }
+  .text-lime-500 {
+    color: var(--color-lime-500);
+  }
+  .text-orange-500 {
+    color: var(--color-orange-500);
+  }
+  .text-orange-600 {
+    color: var(--color-orange-600);
+  }
+  .text-pink-500 {
+    color: var(--color-pink-500);
+  }
+  .text-primary {
+    color: var(--color-primary);
+  }
+  .text-primary-deep {
+    color: var(--color-primary-deep);
+  }
+  .text-primary-subtle {
+    color: var(--color-primary-subtle);
+  }
+  .text-purple-500 {
+    color: var(--color-purple-500);
+  }
+  .text-red-500 {
+    color: var(--color-red-500);
+  }
+  .text-red-800 {
+    color: var(--color-red-800);
+  }
+  .text-sky-500 {
+    color: var(--color-sky-500);
+  }
+  .text-white {
+    color: var(--color-white);
+  }
+  .text-white\/60 {
+    color: color-mix(in srgb, #fff 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 60%, transparent);
+    }
+  }
+  .text-white\/75 {
+    color: color-mix(in srgb, #fff 75%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 75%, transparent);
+    }
+  }
+  .text-yellow-500 {
+    color: var(--color-yellow-500);
+  }
+  .text-yellow-600 {
+    color: var(--color-yellow-600);
+  }
+  .text-yellow-800 {
+    color: var(--color-yellow-800);
+  }
+  .text-zinc-400 {
+    color: var(--color-zinc-400);
+  }
+  .text-zinc-500 {
+    color: var(--color-zinc-500);
+  }
+  .text-zinc-600 {
+    color: var(--color-zinc-600);
+  }
+  .text-zinc-700 {
+    color: var(--color-zinc-700);
+  }
+  .text-zinc-800 {
+    color: var(--color-zinc-800);
+  }
+  .text-zinc-900 {
+    color: var(--color-zinc-900);
+  }
+  .\!capitalize {
+    text-transform: capitalize !important;
+  }
+  .capitalize {
+    text-transform: capitalize;
+  }
+  .lowercase {
+    text-transform: lowercase;
+  }
+  .uppercase {
+    text-transform: uppercase;
+  }
+  .italic {
+    font-style: italic;
+  }
+  .ordinal {
+    --tw-ordinal: ordinal;
+    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+  }
+  .line-through {
+    text-decoration-line: line-through;
+  }
+  .overline {
+    text-decoration-line: overline;
+  }
+  .underline {
+    text-decoration-line: underline;
+  }
+  .antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  .\!opacity-50 {
+    opacity: 50% !important;
+  }
+  .\!opacity-100 {
+    opacity: 100% !important;
+  }
+  .opacity-0 {
+    opacity: 0%;
+  }
+  .opacity-25 {
+    opacity: 25%;
+  }
+  .opacity-30 {
+    opacity: 30%;
+  }
+  .opacity-50 {
+    opacity: 50%;
+  }
+  .opacity-60 {
+    opacity: 60%;
+  }
+  .opacity-75 {
+    opacity: 75%;
+  }
+  .opacity-85 {
+    opacity: 85%;
+  }
+  .opacity-100 {
+    opacity: 100%;
+  }
+  .\!shadow-dropdown {
+    --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .\!shadow-glass {
+    --tw-shadow: 0 0.5rem 0.5rem -0.5rem var(--tw-shadow-color, rgba(0, 0, 0, 0.1)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .\!shadow-md {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .\!shadow-none {
+    --tw-shadow: 0 0 #0000 !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .\!shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .shadow {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-card {
+    --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.03));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-dropdown {
+    --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-lg {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-sm {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-xs {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .\!ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .ring {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .\!ring-primary\/20 {
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important;
+    }
+  }
+  .ring-green-500\/20 {
+    --tw-ring-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+    }
+  }
+  .ring-primary {
+    --tw-ring-color: var(--color-primary);
+  }
+  .ring-red-500\/20 {
+    --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+    }
+  }
+  .ring-transparent {
+    --tw-ring-color: transparent;
+  }
+  .\!outline-0 {
+    outline-style: var(--tw-outline-style) !important;
+    outline-width: 0px !important;
+  }
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+  .outline-0 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+  }
+  .\!outline-zinc-100 {
+    outline-color: var(--color-zinc-100) !important;
+  }
+  .blur {
+    --tw-blur: blur(8px);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .invert {
+    --tw-invert: invert(100%);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .filter {
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .backdrop-blur {
+    --tw-backdrop-blur: blur(8px);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
+  .backdrop-blur-sm {
+    --tw-backdrop-blur: blur(var(--blur-sm));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
+  .backdrop-blur-xs {
+    --tw-backdrop-blur: blur(var(--blur-xs));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
+  .transition {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-all {
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-transform {
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .delay-100 {
+    transition-delay: 100ms;
+  }
+  .duration-100 {
+    --tw-duration: 100ms;
+    transition-duration: 100ms;
+  }
+  .duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
+  .duration-200 {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
+  .duration-300 {
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+  .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
+  .ease-linear {
+    --tw-ease: linear;
+    transition-timing-function: linear;
+  }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
+  .backface-hidden {
+    backface-visibility: hidden;
+  }
+  .group-hover\:translate-x-0 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        --tw-translate-x: calc(var(--spacing) * 0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .group-hover\:\!text-primary {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-primary) !important;
+      }
+    }
+  }
+  .group-hover\:text-primary {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+  }
+  .group-hover\:opacity-100 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
+  .group-\[\.active\]\:block {
+    &:is(:where(.group):is(.active) *) {
+      display: block;
+    }
+  }
+  .peer-checked\:\!border-primary {
+    &:is(:where(.peer):checked ~ *) {
+      border-color: var(--color-primary) !important;
+    }
+  }
+  .peer-checked\:border-primary {
+    &:is(:where(.peer):checked ~ *) {
+      border-color: var(--color-primary);
+    }
+  }
+  .peer-checked\:\!text-primary {
+    &:is(:where(.peer):checked ~ *) {
+      color: var(--color-primary) !important;
+    }
+  }
+  .peer-checked\:text-current {
+    &:is(:where(.peer):checked ~ *) {
+      color: currentcolor;
+    }
+  }
+  .peer-checked\:line-through {
+    &:is(:where(.peer):checked ~ *) {
+      text-decoration-line: line-through;
+    }
+  }
+  .peer-checked\:opacity-50 {
+    &:is(:where(.peer):checked ~ *) {
+      opacity: 50%;
+    }
+  }
+  .peer-checked\:ring-1 {
+    &:is(:where(.peer):checked ~ *) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .peer-checked\:\!ring-primary {
+    &:is(:where(.peer):checked ~ *) {
+      --tw-ring-color: var(--color-primary) !important;
+    }
+  }
+  .peer-checked\:ring-primary {
+    &:is(:where(.peer):checked ~ *) {
+      --tw-ring-color: var(--color-primary);
+    }
+  }
+  .peer-checked\:ring-primary\/20 {
+    &:is(:where(.peer):checked ~ *) {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .peer-focus\:text-primary {
+    &:is(:where(.peer):focus ~ *) {
+      color: var(--color-primary);
+    }
+  }
+  .placeholder\:text-zinc-400 {
+    &::placeholder {
+      color: var(--color-zinc-400);
+    }
+  }
+  .before\:absolute {
+    &::before {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  .before\:start-0 {
+    &::before {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 0);
+    }
+  }
+  .before\:top-1\.75 {
+    &::before {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 1.75);
+    }
+  }
+  .before\:\!hidden {
+    &::before {
+      content: var(--tw-content);
+      display: none !important;
+    }
+  }
+  .before\:h-3 {
+    &::before {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 3);
+    }
+  }
+  .before\:h-5 {
+    &::before {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 5);
+    }
+  }
+  .before\:w-1 {
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 1);
+    }
+  }
+  .before\:w-3 {
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 3);
+    }
+  }
+  .before\:rounded-full {
+    &::before {
+      content: var(--tw-content);
+      border-radius: calc(infinity * 1px);
+    }
+  }
+  .before\:border-s-2 {
+    &::before {
+      content: var(--tw-content);
+      border-inline-start-style: var(--tw-border-style);
+      border-inline-start-width: 2px;
+    }
+  }
+  .before\:border-b-2 {
+    &::before {
+      content: var(--tw-content);
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 2px;
+    }
+  }
+  .before\:border-zinc-200 {
+    &::before {
+      content: var(--tw-content);
+      border-color: var(--color-zinc-200);
+    }
+  }
+  .after\:absolute {
+    &::after {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  .after\:start-0 {
+    &::after {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:top-0 {
+    &::after {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:top-1 {
+    &::after {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 1);
+    }
+  }
+  .after\:top-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      top: calc(1/2 * 100%);
+    }
+  }
+  .after\:bottom-0 {
+    &::after {
+      content: var(--tw-content);
+      bottom: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:left-0 {
+    &::after {
+      content: var(--tw-content);
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:left-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      left: calc(1/2 * 100%);
+    }
+  }
+  .after\:\!hidden {
+    &::after {
+      content: var(--tw-content);
+      display: none !important;
+    }
+  }
+  .after\:block {
+    &::after {
+      content: var(--tw-content);
+      display: block;
+    }
+  }
+  .after\:flex {
+    &::after {
+      content: var(--tw-content);
+      display: flex;
+    }
+  }
+  .after\:size-2 {
+    &::after {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 2);
+      height: calc(var(--spacing) * 2);
+    }
+  }
+  .after\:h-0\.5 {
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 0.5);
+    }
+  }
+  .after\:h-3 {
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 3);
+    }
+  }
+  .after\:h-full {
+    &::after {
+      content: var(--tw-content);
+      height: 100%;
+    }
+  }
+  .after\:w-3 {
+    &::after {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 3);
+    }
+  }
+  .after\:w-full {
+    &::after {
+      content: var(--tw-content);
+      width: 100%;
+    }
+  }
+  .after\:-translate-x-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .after\:-translate-y-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .after\:items-center {
+    &::after {
+      content: var(--tw-content);
+      align-items: center;
+    }
+  }
+  .after\:justify-center {
+    &::after {
+      content: var(--tw-content);
+      justify-content: center;
+    }
+  }
+  .after\:rounded {
+    &::after {
+      content: var(--tw-content);
+      border-radius: 0.25rem;
+    }
+  }
+  .after\:rounded-full {
+    &::after {
+      content: var(--tw-content);
+      border-radius: calc(infinity * 1px);
+    }
+  }
+  .after\:rounded-t-full {
+    &::after {
+      content: var(--tw-content);
+      border-top-left-radius: calc(infinity * 1px);
+      border-top-right-radius: calc(infinity * 1px);
+    }
+  }
+  .after\:\!bg-yellow-500 {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-yellow-500) !important;
+    }
+  }
+  .after\:\!bg-zinc-500 {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-zinc-500) !important;
+    }
+  }
+  .after\:bg-primary {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-primary);
+    }
+  }
+  .after\:bg-white {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-white);
+    }
+  }
+  .after\:text-sm {
+    &::after {
+      content: var(--tw-content);
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+    }
+  }
+  .after\:\!font-normal {
+    &::after {
+      content: var(--tw-content);
+      --tw-font-weight: var(--font-weight-normal) !important;
+      font-weight: var(--font-weight-normal) !important;
+    }
+  }
+  .after\:font-normal {
+    &::after {
+      content: var(--tw-content);
+      --tw-font-weight: var(--font-weight-normal);
+      font-weight: var(--font-weight-normal);
+    }
+  }
+  .after\:text-white {
+    &::after {
+      content: var(--tw-content);
+      color: var(--color-white);
+    }
+  }
+  .after\:opacity-0 {
+    &::after {
+      content: var(--tw-content);
+      opacity: 0%;
+    }
+  }
+  .after\:transition-all {
+    &::after {
+      content: var(--tw-content);
+      transition-property: all;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
+  .after\:duration-300 {
+    &::after {
+      content: var(--tw-content);
+      --tw-duration: 300ms;
+      transition-duration: 300ms;
+    }
+  }
+  .checked\:\!border-yellow-500 {
+    &:checked {
+      border-color: var(--color-yellow-500) !important;
+    }
+  }
+  .checked\:\!border-zinc-500 {
+    &:checked {
+      border-color: var(--color-zinc-500) !important;
+    }
+  }
+  .checked\:border-primary {
+    &:checked {
+      border-color: var(--color-primary);
+    }
+  }
+  .checked\:\!bg-yellow-500 {
+    &:checked {
+      background-color: var(--color-yellow-500) !important;
+    }
+  }
+  .checked\:\!bg-zinc-500 {
+    &:checked {
+      background-color: var(--color-zinc-500) !important;
+    }
+  }
+  .checked\:bg-primary {
+    &:checked {
+      background-color: var(--color-primary);
+    }
+  }
+  .checked\:\!ring-transparent {
+    &:checked {
+      --tw-ring-color: transparent !important;
+    }
+  }
+  .checked\:ring-transparent {
+    &:checked {
+      --tw-ring-color: transparent;
+    }
+  }
+  .checked\:after\:\!bg-white {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-white) !important;
+      }
+    }
+  }
+  .checked\:after\:bg-white {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-white);
+      }
+    }
+  }
+  .checked\:after\:opacity-100 {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        opacity: 100%;
+      }
+    }
+  }
+  .indeterminate\:border-primary {
+    &:indeterminate {
+      border-color: var(--color-primary);
+    }
+  }
+  .indeterminate\:bg-primary {
+    &:indeterminate {
+      background-color: var(--color-primary);
+    }
+  }
+  .indeterminate\:ring-primary\/20 {
+    &:indeterminate {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .indeterminate\:after\:\!opacity-100 {
+    &:indeterminate {
+      &::after {
+        content: var(--tw-content);
+        opacity: 100% !important;
+      }
+    }
+  }
+  .focus-within\:ring-primary\/20 {
+    &:focus-within {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .hover\:-translate-y-1 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-translate-y: calc(var(--spacing) * -1);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .hover\:-translate-y-2 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-translate-y: calc(var(--spacing) * -2);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .hover\:\!border-primary {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary) !important;
+      }
+    }
+  }
+  .hover\:\!border-yellow-500 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-yellow-500) !important;
+      }
+    }
+  }
+  .hover\:\!border-zinc-400 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-400) !important;
+      }
+    }
+  }
+  .hover\:\!border-zinc-500 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-500) !important;
+      }
+    }
+  }
+  .hover\:border-current {
+    &:hover {
+      @media (hover: hover) {
+        border-color: currentcolor;
+      }
+    }
+  }
+  .hover\:border-primary {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary);
+      }
+    }
+  }
+  .hover\:border-red-600 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-red-600);
+      }
+    }
+  }
+  .hover\:border-zinc-400 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-400);
+      }
+    }
+  }
+  .hover\:\!bg-zinc-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-100) !important;
+      }
+    }
+  }
+  .hover\:bg-amber-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-amber-500);
+      }
+    }
+  }
+  .hover\:bg-amber-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-amber-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-amber-600);
+      }
+    }
+  }
+  .hover\:bg-green-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-green-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-green-600);
+      }
+    }
+  }
+  .hover\:bg-lime-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-lime-600);
+      }
+    }
+  }
+  .hover\:bg-primary {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary);
+      }
+    }
+  }
+  .hover\:bg-primary-deep {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-deep);
+      }
+    }
+  }
+  .hover\:bg-primary-subtle {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-subtle);
+      }
+    }
+  }
+  .hover\:bg-purple-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-purple-600);
+      }
+    }
+  }
+  .hover\:bg-red-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-500);
+      }
+    }
+  }
+  .hover\:bg-red-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-red-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-600);
+      }
+    }
+  }
+  .hover\:bg-sky-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-sky-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-sky-600);
+      }
+    }
+  }
+  .hover\:bg-zinc-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-50);
+      }
+    }
+  }
+  .hover\:bg-zinc-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-100);
+      }
+    }
+  }
+  .hover\:bg-zinc-200 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-200);
+      }
+    }
+  }
+  .hover\:bg-zinc-300 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-300);
+      }
+    }
+  }
+  .hover\:bg-zinc-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-500);
+      }
+    }
+  }
+  .hover\:bg-zinc-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-600);
+      }
+    }
+  }
+  .hover\:bg-zinc-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-700);
+      }
+    }
+  }
+  .hover\:bg-zinc-800 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-800);
+      }
+    }
+  }
+  .hover\:\!text-primary {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary) !important;
+      }
+    }
+  }
+  .hover\:text-black {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-black);
+      }
+    }
+  }
+  .hover\:text-current {
+    &:hover {
+      @media (hover: hover) {
+        color: currentcolor;
+      }
+    }
+  }
+  .hover\:text-primary {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+  }
+  .hover\:text-primary-deep {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary-deep);
+      }
+    }
+  }
+  .hover\:text-red-500 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-red-500);
+      }
+    }
+  }
+  .hover\:text-white {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
+  .hover\:text-zinc-700 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-zinc-700);
+      }
+    }
+  }
+  .hover\:text-zinc-800 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-zinc-800);
+      }
+    }
+  }
+  .hover\:no-underline {
+    &:hover {
+      @media (hover: hover) {
+        text-decoration-line: none;
+      }
+    }
+  }
+  .hover\:underline {
+    &:hover {
+      @media (hover: hover) {
+        text-decoration-line: underline;
+      }
+    }
+  }
+  .hover\:shadow-2xl {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .hover\:shadow-xl {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .hover\:ring-2 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .hover\:\!ring-primary {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: var(--color-primary) !important;
+      }
+    }
+  }
+  .hover\:\!ring-yellow-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent) !important;
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent) !important;
+        }
+      }
+    }
+  }
+  .hover\:\!ring-zinc-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: color-mix(in srgb, #4D5472 20%, transparent) !important;
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-zinc-500) 20%, transparent) !important;
+        }
+      }
+    }
+  }
+  .hover\:ring-primary {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: var(--color-primary);
+      }
+    }
+  }
+  .hover\:ring-primary\/20 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:after\:bg-zinc-200 {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-zinc-200);
+        }
+      }
+    }
+  }
+  .focus\:border-primary {
+    &:focus {
+      border-color: var(--color-primary);
+    }
+  }
+  .focus\:bg-white {
+    &:focus {
+      background-color: var(--color-white);
+    }
+  }
+  .focus\:ring-2 {
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .focus\:shadow-primary {
+    &:focus {
+      --tw-shadow-color: #636DFF;
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-shadow-color: color-mix(in oklab, var(--color-primary) var(--tw-shadow-alpha), transparent);
+      }
+    }
+  }
+  .focus\:ring-primary\/20 {
+    &:focus {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .focus\:\!outline-0 {
+    &:focus {
+      outline-style: var(--tw-outline-style) !important;
+      outline-width: 0px !important;
+    }
+  }
+  .focus\:outline-0 {
+    &:focus {
+      outline-style: var(--tw-outline-style);
+      outline-width: 0px;
+    }
+  }
+  .disabled\:\!pointer-events-none {
+    &:disabled {
+      pointer-events: none !important;
+    }
+  }
+  .disabled\:pointer-events-none {
+    &:disabled {
+      pointer-events: none;
+    }
+  }
+  .disabled\:\!cursor-not-allowed {
+    &:disabled {
+      cursor: not-allowed !important;
+    }
+  }
+  .disabled\:opacity-50 {
+    &:disabled {
+      opacity: 50%;
+    }
+  }
+  .disabled\:opacity-60 {
+    &:disabled {
+      opacity: 60%;
+    }
+  }
+  .sm\:relative {
+    @media (width >= 40rem) {
+      position: relative;
+    }
+  }
+  .sm\:left-auto {
+    @media (width >= 40rem) {
+      left: auto;
+    }
+  }
+  .sm\:order-1 {
+    @media (width >= 40rem) {
+      order: 1;
+    }
+  }
+  .sm\:order-last {
+    @media (width >= 40rem) {
+      order: 9999;
+    }
+  }
+  .sm\:ms-6 {
+    @media (width >= 40rem) {
+      margin-inline-start: calc(var(--spacing) * 6);
+    }
+  }
+  .sm\:ms-auto {
+    @media (width >= 40rem) {
+      margin-inline-start: auto;
+    }
+  }
+  .sm\:me-3 {
+    @media (width >= 40rem) {
+      margin-inline-end: calc(var(--spacing) * 3);
+    }
+  }
+  .sm\:-mb-8 {
+    @media (width >= 40rem) {
+      margin-bottom: calc(var(--spacing) * -8);
+    }
+  }
+  .sm\:mb-0 {
+    @media (width >= 40rem) {
+      margin-bottom: calc(var(--spacing) * 0);
+    }
+  }
+  .sm\:block {
+    @media (width >= 40rem) {
+      display: block;
+    }
+  }
+  .sm\:w-1\/5 {
+    @media (width >= 40rem) {
+      width: calc(1/5 * 100%);
+    }
+  }
+  .sm\:w-4\/5 {
+    @media (width >= 40rem) {
+      width: calc(4/5 * 100%);
+    }
+  }
+  .sm\:w-6\/12 {
+    @media (width >= 40rem) {
+      width: calc(6/12 * 100%);
+    }
+  }
+  .sm\:w-8\/12 {
+    @media (width >= 40rem) {
+      width: calc(8/12 * 100%);
+    }
+  }
+  .sm\:w-48 {
+    @media (width >= 40rem) {
+      width: calc(var(--spacing) * 48);
+    }
+  }
+  .sm\:w-56 {
+    @media (width >= 40rem) {
+      width: calc(var(--spacing) * 56);
+    }
+  }
+  .sm\:w-96 {
+    @media (width >= 40rem) {
+      width: calc(var(--spacing) * 96);
+    }
+  }
+  .sm\:w-auto {
+    @media (width >= 40rem) {
+      width: auto;
+    }
+  }
+  .sm\:min-w-48 {
+    @media (width >= 40rem) {
+      min-width: calc(var(--spacing) * 48);
+    }
+  }
+  .sm\:grid-cols-2 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .sm\:grid-cols-3 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .sm\:flex-row {
+    @media (width >= 40rem) {
+      flex-direction: row;
+    }
+  }
+  .sm\:items-center {
+    @media (width >= 40rem) {
+      align-items: center;
+    }
+  }
+  .sm\:items-end {
+    @media (width >= 40rem) {
+      align-items: flex-end;
+    }
+  }
+  .sm\:justify-between {
+    @media (width >= 40rem) {
+      justify-content: space-between;
+    }
+  }
+  .sm\:justify-end {
+    @media (width >= 40rem) {
+      justify-content: flex-end;
+    }
+  }
+  .sm\:gap-0 {
+    @media (width >= 40rem) {
+      gap: calc(var(--spacing) * 0);
+    }
+  }
+  .sm\:gap-3\.5 {
+    @media (width >= 40rem) {
+      gap: calc(var(--spacing) * 3.5);
+    }
+  }
+  .sm\:p-6 {
+    @media (width >= 40rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
+  .sm\:pe-12 {
+    @media (width >= 40rem) {
+      padding-inline-end: calc(var(--spacing) * 12);
+    }
+  }
+  .sm\:pt-3 {
+    @media (width >= 40rem) {
+      padding-top: calc(var(--spacing) * 3);
+    }
+  }
+  .sm\:pl-11 {
+    @media (width >= 40rem) {
+      padding-left: calc(var(--spacing) * 11);
+    }
+  }
+  .sm\:text-end {
+    @media (width >= 40rem) {
+      text-align: end;
+    }
+  }
+  .sm\:text-lg {
+    @media (width >= 40rem) {
+      font-size: var(--text-lg);
+      line-height: var(--tw-leading, var(--text-lg--line-height));
+    }
+  }
+  .md\:order-1 {
+    @media (width >= 48rem) {
+      order: 1;
+    }
+  }
+  .md\:order-last {
+    @media (width >= 48rem) {
+      order: 9999;
+    }
+  }
+  .md\:col-span-3 {
+    @media (width >= 48rem) {
+      grid-column: span 3 / span 3;
+    }
+  }
+  .md\:col-span-4 {
+    @media (width >= 48rem) {
+      grid-column: span 4 / span 4;
+    }
+  }
+  .md\:col-span-5 {
+    @media (width >= 48rem) {
+      grid-column: span 5 / span 5;
+    }
+  }
+  .md\:col-span-6 {
+    @media (width >= 48rem) {
+      grid-column: span 6 / span 6;
+    }
+  }
+  .md\:col-span-7 {
+    @media (width >= 48rem) {
+      grid-column: span 7 / span 7;
+    }
+  }
+  .md\:col-span-8 {
+    @media (width >= 48rem) {
+      grid-column: span 8 / span 8;
+    }
+  }
+  .md\:col-span-9 {
+    @media (width >= 48rem) {
+      grid-column: span 9 / span 9;
+    }
+  }
+  .md\:mb-0 {
+    @media (width >= 48rem) {
+      margin-bottom: calc(var(--spacing) * 0);
+    }
+  }
+  .md\:flex {
+    @media (width >= 48rem) {
+      display: flex;
+    }
+  }
+  .md\:w-3\/12 {
+    @media (width >= 48rem) {
+      width: calc(3/12 * 100%);
+    }
+  }
+  .md\:w-5\/12 {
+    @media (width >= 48rem) {
+      width: calc(5/12 * 100%);
+    }
+  }
+  .md\:w-6\/12 {
+    @media (width >= 48rem) {
+      width: calc(6/12 * 100%);
+    }
+  }
+  .md\:w-7\/12 {
+    @media (width >= 48rem) {
+      width: calc(7/12 * 100%);
+    }
+  }
+  .md\:w-\[80\%\] {
+    @media (width >= 48rem) {
+      width: 80%;
+    }
+  }
+  .md\:min-w-\[80\%\] {
+    @media (width >= 48rem) {
+      min-width: 80%;
+    }
+  }
+  .md\:grid-cols-2 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .md\:grid-cols-3 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .md\:grid-cols-4 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  .md\:grid-cols-12 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
+  .md\:grid-cols-13 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(13, minmax(0, 1fr));
+    }
+  }
+  .md\:flex-row {
+    @media (width >= 48rem) {
+      flex-direction: row;
+    }
+  }
+  .md\:items-center {
+    @media (width >= 48rem) {
+      align-items: center;
+    }
+  }
+  .md\:justify-between {
+    @media (width >= 48rem) {
+      justify-content: space-between;
+    }
+  }
+  .md\:justify-center {
+    @media (width >= 48rem) {
+      justify-content: center;
+    }
+  }
+  .md\:justify-end {
+    @media (width >= 48rem) {
+      justify-content: flex-end;
+    }
+  }
+  .md\:gap-6 {
+    @media (width >= 48rem) {
+      gap: calc(var(--spacing) * 6);
+    }
+  }
+  .md\:border-x {
+    @media (width >= 48rem) {
+      border-inline-style: var(--tw-border-style);
+      border-inline-width: 1px;
+    }
+  }
+  .md\:border-y-0 {
+    @media (width >= 48rem) {
+      border-block-style: var(--tw-border-style);
+      border-block-width: 0px;
+    }
+  }
+  .md\:p-6 {
+    @media (width >= 48rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
+  .md\:px-8 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 8);
+    }
+  }
+  .md\:py-4 {
+    @media (width >= 48rem) {
+      padding-block: calc(var(--spacing) * 4);
+    }
+  }
+  .md\:pe-4 {
+    @media (width >= 48rem) {
+      padding-inline-end: calc(var(--spacing) * 4);
+    }
+  }
+  .md\:pe-12 {
+    @media (width >= 48rem) {
+      padding-inline-end: calc(var(--spacing) * 12);
+    }
+  }
+  .md\:text-start {
+    @media (width >= 48rem) {
+      text-align: start;
+    }
+  }
+  .lg\:invisible {
+    @media (width >= 64rem) {
+      visibility: hidden;
+    }
+  }
+  .lg\:visible {
+    @media (width >= 64rem) {
+      visibility: visible;
+    }
+  }
+  .lg\:absolute {
+    @media (width >= 64rem) {
+      position: absolute;
+    }
+  }
+  .lg\:relative {
+    @media (width >= 64rem) {
+      position: relative;
+    }
+  }
+  .lg\:start-full {
+    @media (width >= 64rem) {
+      inset-inline-start: 100%;
+    }
+  }
+  .lg\:end-auto {
+    @media (width >= 64rem) {
+      inset-inline-end: auto;
+    }
+  }
+  .lg\:order-last {
+    @media (width >= 64rem) {
+      order: 9999;
+    }
+  }
+  .lg\:col-span-3 {
+    @media (width >= 64rem) {
+      grid-column: span 3 / span 3;
+    }
+  }
+  .lg\:col-span-4 {
+    @media (width >= 64rem) {
+      grid-column: span 4 / span 4;
+    }
+  }
+  .lg\:col-span-8 {
+    @media (width >= 64rem) {
+      grid-column: span 8 / span 8;
+    }
+  }
+  .lg\:col-span-9 {
+    @media (width >= 64rem) {
+      grid-column: span 9 / span 9;
+    }
+  }
+  .lg\:mx-64 {
+    @media (width >= 64rem) {
+      margin-inline: calc(var(--spacing) * 64);
+    }
+  }
+  .lg\:\!ms-18 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 18) !important;
+    }
+  }
+  .lg\:ms-3\.5 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 3.5);
+    }
+  }
+  .lg\:ms-8 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 8);
+    }
+  }
+  .lg\:ms-24 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 24);
+    }
+  }
+  .lg\:ms-64 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 64);
+    }
+  }
+  .lg\:ms-auto {
+    @media (width >= 64rem) {
+      margin-inline-start: auto;
+    }
+  }
+  .lg\:mt-0 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:mt-1 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 1);
+    }
+  }
+  .lg\:mt-1\.5 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 1.5);
+    }
+  }
+  .lg\:mt-2 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 2);
+    }
+  }
+  .lg\:mt-4\.5 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 4.5);
+    }
+  }
+  .lg\:mb-16 {
+    @media (width >= 64rem) {
+      margin-bottom: calc(var(--spacing) * 16);
+    }
+  }
+  .lg\:\!flex {
+    @media (width >= 64rem) {
+      display: flex !important;
+    }
+  }
+  .lg\:block {
+    @media (width >= 64rem) {
+      display: block;
+    }
+  }
+  .lg\:flex {
+    @media (width >= 64rem) {
+      display: flex;
+    }
+  }
+  .lg\:hidden {
+    @media (width >= 64rem) {
+      display: none;
+    }
+  }
+  .lg\:h-60 {
+    @media (width >= 64rem) {
+      height: calc(var(--spacing) * 60);
+    }
+  }
+  .lg\:h-auto {
+    @media (width >= 64rem) {
+      height: auto;
+    }
+  }
+  .lg\:w-36 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 36);
+    }
+  }
+  .lg\:w-auto {
+    @media (width >= 64rem) {
+      width: auto;
+    }
+  }
+  .lg\:min-w-48 {
+    @media (width >= 64rem) {
+      min-width: calc(var(--spacing) * 48);
+    }
+  }
+  .lg\:flex-grow {
+    @media (width >= 64rem) {
+      flex-grow: 1;
+    }
+  }
+  .lg\:basis-auto {
+    @media (width >= 64rem) {
+      flex-basis: auto;
+    }
+  }
+  .lg\:translate-y-3 {
+    @media (width >= 64rem) {
+      --tw-translate-y: calc(var(--spacing) * 3);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .lg\:grid-cols-3 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .lg\:grid-cols-4 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  .lg\:grid-cols-5 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
+  .lg\:grid-cols-12 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
+  .lg\:flex-row {
+    @media (width >= 64rem) {
+      flex-direction: row;
+    }
+  }
+  .lg\:items-center {
+    @media (width >= 64rem) {
+      align-items: center;
+    }
+  }
+  .lg\:justify-end {
+    @media (width >= 64rem) {
+      justify-content: flex-end;
+    }
+  }
+  .lg\:gap-4 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 4);
+    }
+  }
+  .lg\:gap-5 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 5);
+    }
+  }
+  .lg\:gap-6 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 6);
+    }
+  }
+  .lg\:gap-8 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 8);
+    }
+  }
+  .lg\:gap-10 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 10);
+    }
+  }
+  .lg\:overflow-visible {
+    @media (width >= 64rem) {
+      overflow: visible;
+    }
+  }
+  .lg\:\!overflow-x-hidden {
+    @media (width >= 64rem) {
+      overflow-x: hidden !important;
+    }
+  }
+  .lg\:rounded-md {
+    @media (width >= 64rem) {
+      border-radius: var(--radius-md);
+    }
+  }
+  .lg\:\!bg-transparent {
+    @media (width >= 64rem) {
+      background-color: transparent !important;
+    }
+  }
+  .lg\:bg-white {
+    @media (width >= 64rem) {
+      background-color: var(--color-white);
+    }
+  }
+  .lg\:\!p-3 {
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 3) !important;
+    }
+  }
+  .lg\:p-0 {
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:p-6 {
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
+  .lg\:px-4 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+  }
+  .lg\:px-6 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 6);
+    }
+  }
+  .lg\:px-8 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 8);
+    }
+  }
+  .lg\:px-12 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 12);
+    }
+  }
+  .lg\:py-0 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:py-4 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 4);
+    }
+  }
+  .lg\:py-5 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 5);
+    }
+  }
+  .lg\:py-12 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 12);
+    }
+  }
+  .lg\:py-16 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 16);
+    }
+  }
+  .lg\:ps-3 {
+    @media (width >= 64rem) {
+      padding-inline-start: calc(var(--spacing) * 3);
+    }
+  }
+  .lg\:pe-2 {
+    @media (width >= 64rem) {
+      padding-inline-end: calc(var(--spacing) * 2);
+    }
+  }
+  .lg\:pt-0 {
+    @media (width >= 64rem) {
+      padding-top: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:pb-0 {
+    @media (width >= 64rem) {
+      padding-bottom: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:text-2xl {
+    @media (width >= 64rem) {
+      font-size: var(--text-2xl);
+      line-height: var(--tw-leading, var(--text-2xl--line-height));
+    }
+  }
+  .lg\:text-3xl {
+    @media (width >= 64rem) {
+      font-size: var(--text-3xl);
+      line-height: var(--tw-leading, var(--text-3xl--line-height));
+    }
+  }
+  .lg\:text-4xl {
+    @media (width >= 64rem) {
+      font-size: var(--text-4xl);
+      line-height: var(--tw-leading, var(--text-4xl--line-height));
+    }
+  }
+  .lg\:text-base {
+    @media (width >= 64rem) {
+      font-size: var(--text-base);
+      line-height: var(--tw-leading, var(--text-base--line-height));
+    }
+  }
+  .lg\:opacity-0 {
+    @media (width >= 64rem) {
+      opacity: 0%;
+    }
+  }
+  .lg\:shadow-dropdown {
+    @media (width >= 64rem) {
+      --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .lg\:shadow-xl {
+    @media (width >= 64rem) {
+      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .lg\:transition-transform {
+    @media (width >= 64rem) {
+      transition-property: transform, translate, scale, rotate;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
+  .lg\:after\:absolute {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        position: absolute;
+      }
+    }
+  }
+  .lg\:after\:start-0 {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        inset-inline-start: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .lg\:after\:bottom-0 {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        bottom: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .lg\:after\:h-0\.75 {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        height: calc(var(--spacing) * 0.75);
+      }
+    }
+  }
+  .lg\:after\:w-full {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        width: 100%;
+      }
+    }
+  }
+  .lg\:after\:rounded-t-xl {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        border-top-left-radius: var(--radius-xl);
+        border-top-right-radius: var(--radius-xl);
+      }
+    }
+  }
+  .lg\:hover\:bg-white {
+    @media (width >= 64rem) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-white);
+        }
+      }
+    }
+  }
+  .xl\:max-w-\[450px\] {
+    @media (width >= 80rem) {
+      max-width: 450px;
+    }
+  }
+  .\32 xl\:max-w-\[720px\] {
+    @media (width >= 96rem) {
+      max-width: 720px;
+    }
+  }
+  .ltr\:right-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 0);
+    }
+  }
+  .ltr\:right-2 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 2);
+    }
+  }
+  .ltr\:right-3 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 3);
+    }
+  }
+  .ltr\:right-4 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 4);
+    }
+  }
+  .ltr\:right-5 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 5);
+    }
+  }
+  .ltr\:left-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  .ltr\:left-3 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      left: calc(var(--spacing) * 3);
+    }
+  }
+  .ltr\:ml-auto {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      margin-left: auto;
+    }
+  }
+  .ltr\:-translate-x-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      --tw-translate-x: calc(var(--spacing) * -0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .ltr\:-translate-x-full {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      --tw-translate-x: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .ltr\:translate-x-full {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      --tw-translate-x: 100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .ltr\:\!pl-9 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      padding-left: calc(var(--spacing) * 9) !important;
+    }
+  }
+  .ltr\:text-left {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      text-align: left;
+    }
+  }
+  .ltr\:before\:rounded-bl-md {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      &::before {
+        content: var(--tw-content);
+        border-bottom-left-radius: var(--radius-md);
+      }
+    }
+  }
+  .ltr\:after\:left-1 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      &::after {
+        content: var(--tw-content);
+        left: calc(var(--spacing) * 1);
+      }
+    }
+  }
+  .ltr\:checked\:after\:translate-x-3 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      &:checked {
+        &::after {
+          content: var(--tw-content);
+          --tw-translate-x: calc(var(--spacing) * 3);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .ltr\:sm\:right-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      @media (width >= 40rem) {
+        right: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .ltr\:lg\:right-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      @media (width >= 64rem) {
+        right: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .ltr\:lg\:-translate-x-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      @media (width >= 64rem) {
+        --tw-translate-x: calc(var(--spacing) * -0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .rtl\:right-3 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      right: calc(var(--spacing) * 3);
+    }
+  }
+  .rtl\:left-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  .rtl\:left-2 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 2);
+    }
+  }
+  .rtl\:left-3 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 3);
+    }
+  }
+  .rtl\:left-4 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 4);
+    }
+  }
+  .rtl\:left-5 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 5);
+    }
+  }
+  .rtl\:mr-auto {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      margin-right: auto;
+    }
+  }
+  .rtl\:-translate-x-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-translate-x: calc(var(--spacing) * -0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .rtl\:-translate-x-full {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-translate-x: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .rtl\:translate-x-full {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-translate-x: 100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .rtl\:rotate-180 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      rotate: 180deg;
+    }
+  }
+  .rtl\:\!pr-9 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      padding-right: calc(var(--spacing) * 9) !important;
+    }
+  }
+  .rtl\:\!text-right {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      text-align: right !important;
+    }
+  }
+  .rtl\:text-right {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      text-align: right;
+    }
+  }
+  .rtl\:before\:rounded-br-md {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      &::before {
+        content: var(--tw-content);
+        border-bottom-right-radius: var(--radius-md);
+      }
+    }
+  }
+  .rtl\:after\:right-1 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      &::after {
+        content: var(--tw-content);
+        right: calc(var(--spacing) * 1);
+      }
+    }
+  }
+  .rtl\:checked\:after\:-translate-x-3 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      &:checked {
+        &::after {
+          content: var(--tw-content);
+          --tw-translate-x: calc(var(--spacing) * -3);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .rtl\:sm\:left-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      @media (width >= 40rem) {
+        left: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .rtl\:lg\:left-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      @media (width >= 64rem) {
+        left: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .rtl\:lg\:translate-x-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      @media (width >= 64rem) {
+        --tw-translate-x: calc(var(--spacing) * 0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .dark\:hidden {
+    &:where(.dark, .dark *) {
+      display: none;
+    }
+  }
+  .dark\:divide-zinc-700 {
+    &:where(.dark, .dark *) {
+      :where(& > :not(:last-child)) {
+        border-color: var(--color-zinc-700);
+      }
+    }
+  }
+  .dark\:divide-zinc-800 {
+    &:where(.dark, .dark *) {
+      :where(& > :not(:last-child)) {
+        border-color: var(--color-zinc-800);
+      }
+    }
+  }
+  .dark\:divide-zinc-900 {
+    &:where(.dark, .dark *) {
+      :where(& > :not(:last-child)) {
+        border-color: var(--color-zinc-900);
+      }
+    }
+  }
+  .dark\:\!border-white\/5 {
+    &:where(.dark, .dark *) {
+      border-color: color-mix(in srgb, #fff 5%, transparent) !important;
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
+      }
+    }
+  }
+  .dark\:\!border-zinc-600 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-600) !important;
+    }
+  }
+  .dark\:\!border-zinc-700 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-700) !important;
+    }
+  }
+  .dark\:\!border-zinc-800 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-800) !important;
+    }
+  }
+  .dark\:border-white\/3 {
+    &:where(.dark, .dark *) {
+      border-color: color-mix(in srgb, #fff 3%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 3%, transparent);
+      }
+    }
+  }
+  .dark\:border-white\/5 {
+    &:where(.dark, .dark *) {
+      border-color: color-mix(in srgb, #fff 5%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
+      }
+    }
+  }
+  .dark\:border-white\/10 {
+    &:where(.dark, .dark *) {
+      border-color: color-mix(in srgb, #fff 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+      }
+    }
+  }
+  .dark\:border-zinc-600 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-600);
+    }
+  }
+  .dark\:border-zinc-700 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-700);
+    }
+  }
+  .dark\:border-zinc-800 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-800);
+    }
+  }
+  .dark\:border-zinc-900 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-900);
+    }
+  }
+  .dark\:border-zinc-950 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-950);
+    }
+  }
+  .dark\:\!bg-white\/10 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, #fff 10%, transparent) !important;
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
+      }
+    }
+  }
+  .dark\:\!bg-zinc-600 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-600) !important;
+    }
+  }
+  .dark\:\!bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-700) !important;
+    }
+  }
+  .dark\:\!bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-800) !important;
+    }
+  }
+  .dark\:\!bg-zinc-900 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-900) !important;
+    }
+  }
+  .dark\:bg-orange-950 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-orange-950);
+    }
+  }
+  .dark\:bg-transparent {
+    &:where(.dark, .dark *) {
+      background-color: transparent;
+    }
+  }
+  .dark\:bg-white\/3 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, #fff 3%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
+      }
+    }
+  }
+  .dark\:bg-zinc-400 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-400);
+    }
+  }
+  .dark\:bg-zinc-600 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-600);
+    }
+  }
+  .dark\:bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-700);
+    }
+  }
+  .dark\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-800);
+    }
+  }
+  .dark\:bg-zinc-900 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-900);
+    }
+  }
+  .dark\:bg-zinc-950 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-950);
+    }
+  }
+  .dark\:from-zinc-900 {
+    &:where(.dark, .dark *) {
+      --tw-gradient-from: var(--color-zinc-900);
+      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    }
+  }
+  .dark\:\!fill-zinc-300 {
+    &:where(.dark, .dark *) {
+      fill: var(--color-zinc-300) !important;
+    }
+  }
+  .dark\:\!stroke-zinc-300 {
+    &:where(.dark, .dark *) {
+      stroke: var(--color-zinc-300) !important;
+    }
+  }
+  .dark\:\!text-white {
+    &:where(.dark, .dark *) {
+      color: var(--color-white) !important;
+    }
+  }
+  .dark\:\!text-zinc-300 {
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-300) !important;
+    }
+  }
+  .dark\:text-blue-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-blue-200);
+    }
+  }
+  .dark\:text-green-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-green-200);
+    }
+  }
+  .dark\:text-primary {
+    &:where(.dark, .dark *) {
+      color: var(--color-primary);
+    }
+  }
+  .dark\:text-red-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-red-200);
+    }
+  }
+  .dark\:text-white {
+    &:where(.dark, .dark *) {
+      color: var(--color-white);
+    }
+  }
+  .dark\:text-white\/70 {
+    &:where(.dark, .dark *) {
+      color: color-mix(in srgb, #fff 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--color-white) 70%, transparent);
+      }
+    }
+  }
+  .dark\:text-yellow-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-yellow-200);
+    }
+  }
+  .dark\:text-zinc-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-200);
+    }
+  }
+  .dark\:text-zinc-300 {
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-300);
+    }
+  }
+  .dark\:text-zinc-400 {
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-400);
+    }
+  }
+  .dark\:\!outline-zinc-800 {
+    &:where(.dark, .dark *) {
+      outline-color: var(--color-zinc-800) !important;
+    }
+  }
+  .dark\:before\:border-zinc-700 {
+    &:where(.dark, .dark *) {
+      &::before {
+        content: var(--tw-content);
+        border-color: var(--color-zinc-700);
+      }
+    }
+  }
+  .dark\:hover\:\!border-zinc-600 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-zinc-600) !important;
+        }
+      }
+    }
+  }
+  .dark\:hover\:border-primary {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-primary);
+        }
+      }
+    }
+  }
+  .dark\:hover\:border-zinc-600 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-zinc-600);
+        }
+      }
+    }
+  }
+  .dark\:hover\:\!bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-700) !important;
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-zinc-600 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-600);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-700);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-800);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-zinc-950 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-950);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-primary {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-primary);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-white {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-white);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-zinc-100 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-zinc-100);
+        }
+      }
+    }
+  }
+  .dark\:hover\:after\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          &::after {
+            content: var(--tw-content);
+            background-color: var(--color-zinc-800);
+          }
+        }
+      }
+    }
+  }
+  .dark\:focus\:border-primary {
+    &:where(.dark, .dark *) {
+      &:focus {
+        border-color: var(--color-primary);
+      }
+    }
+  }
+  .dark\:focus\:bg-zinc-900 {
+    &:where(.dark, .dark *) {
+      &:focus {
+        background-color: var(--color-zinc-900);
+      }
+    }
+  }
+  .dark\:lg\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      @media (width >= 64rem) {
+        background-color: var(--color-zinc-800);
+      }
+    }
+  }
+  .lg\:dark\:hover\:bg-zinc-800 {
+    @media (width >= 64rem) {
+      &:where(.dark, .dark *) {
+        &:hover {
+          @media (hover: hover) {
+            background-color: var(--color-zinc-800);
+          }
+        }
+      }
+    }
+  }
+  .print\:hidden {
+    @media print {
+      display: none;
+    }
+  }
+  .\[\&\.active\,\&\.show\]\:text-zinc-800 {
+    &.active,&.show {
+      color: var(--color-zinc-800);
+    }
+  }
+  .\[\&\.active\,\&\.show\]\:after\:bg-primary {
+    &.active,&.show {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary);
+      }
+    }
+  }
+  .dark\:\[\&\.active\,\&\.show\]\:text-white {
+    &:where(.dark, .dark *) {
+      &.active,&.show {
+        color: var(--color-white);
+      }
+    }
+  }
+  .\[\&\.show\]\:block {
+    &.show {
+      display: block;
+    }
+  }
+  .\[\&\.show\]\:flex {
+    &.show {
+      display: flex;
+    }
+  }
+  .lg\:\[\&\.show\]\:visible {
+    @media (width >= 64rem) {
+      &.show {
+        visibility: visible;
+      }
+    }
+  }
+  .lg\:\[\&\.show\]\:translate-y-0 {
+    @media (width >= 64rem) {
+      &.show {
+        --tw-translate-y: calc(var(--spacing) * 0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .lg\:\[\&\.show\]\:opacity-100 {
+    @media (width >= 64rem) {
+      &.show {
+        opacity: 100%;
+      }
+    }
+  }
+  .\[\.active\]\:pointer-events-none {
+    &:is(.active) {
+      pointer-events: none;
+    }
+  }
+  .\[\.active\]\:border-primary {
+    &:is(.active) {
+      border-color: var(--color-primary);
+    }
+  }
+  .\[\.active\]\:bg-primary {
+    &:is(.active) {
+      background-color: var(--color-primary);
+    }
+  }
+  .\[\.active\]\:bg-primary-subtle {
+    &:is(.active) {
+      background-color: var(--color-primary-subtle);
+    }
+  }
+  .\[\.active\]\:bg-white {
+    &:is(.active) {
+      background-color: var(--color-white);
+    }
+  }
+  .\[\.active\]\:bg-zinc-100 {
+    &:is(.active) {
+      background-color: var(--color-zinc-100);
+    }
+  }
+  .\[\.active\]\:bg-zinc-200 {
+    &:is(.active) {
+      background-color: var(--color-zinc-200);
+    }
+  }
+  .\[\.active\]\:font-semibold {
+    &:is(.active) {
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+    }
+  }
+  .\[\.active\]\:text-orange-500 {
+    &:is(.active) {
+      color: var(--color-orange-500);
+    }
+  }
+  .\[\.active\]\:text-primary {
+    &:is(.active) {
+      color: var(--color-primary);
+    }
+  }
+  .\[\.active\]\:text-white {
+    &:is(.active) {
+      color: var(--color-white);
+    }
+  }
+  .\[\.active\]\:text-zinc-800 {
+    &:is(.active) {
+      color: var(--color-zinc-800);
+    }
+  }
+  .\[\.active\]\:shadow-xs {
+    &:is(.active) {
+      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .\[\.active\]\:ring-primary\/2 {
+    &:is(.active) {
+      --tw-ring-color: color-mix(in srgb, #636DFF 2%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 2%, transparent);
+      }
+    }
+  }
+  .\[\.active\]\:ring-transparent {
+    &:is(.active) {
+      --tw-ring-color: transparent;
+    }
+  }
+  .\[\.active\]\:after\:bg-primary {
+    &:is(.active) {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary);
+      }
+    }
+  }
+  .dark\:\[\.active\]\:bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        background-color: var(--color-zinc-700);
+      }
+    }
+  }
+  .dark\:\[\.active\]\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        background-color: var(--color-zinc-800);
+      }
+    }
+  }
+  .dark\:\[\.active\]\:bg-zinc-900 {
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        background-color: var(--color-zinc-900);
+      }
+    }
+  }
+  .dark\:\[\.active\]\:text-white {
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        color: var(--color-white);
+      }
+    }
+  }
+  .\[\.disabled\]\:pointer-events-none {
+    &:is(.disabled) {
+      pointer-events: none;
+    }
+  }
+  .\[\.disabled\]\:opacity-50 {
+    &:is(.disabled) {
+      opacity: 50%;
+    }
+  }
+  .\[\.disabled\]\:opacity-70 {
+    &:is(.disabled) {
+      opacity: 70%;
+    }
+  }
+  .\[\.show\]\:translate-x-0 {
+    &:is(.show) {
+      --tw-translate-x: calc(var(--spacing) * 0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .\[\.show\]\:translate-y-0 {
+    &:is(.show) {
+      --tw-translate-y: calc(var(--spacing) * 0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .\[\.show\]\:opacity-100 {
+    &:is(.show) {
+      opacity: 100%;
+    }
+  }
+}
+html,body {
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    text-align: left;
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    text-align: right;
+  }
+}
+body {
+  --tw-font-weight: var(--font-weight-normal);
+  font-weight: var(--font-weight-normal);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+a,button {
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &:focus {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+  }
+}
+.text-muted {
+  color: var(--color-zinc-500);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-400);
+  }
+}
+small {
+  font-size: 90%;
+}
+h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  --tw-tracking: var(--tracking-normal);
+  letter-spacing: var(--tracking-normal);
+  color: var(--color-zinc-900);
+  &:where(.dark, .dark *) {
+    color: var(--color-white);
+  }
+}
+.overflow-y-auto,.overflow-x-auto,.hljs,.ts-dropdown-content {
+  scrollbar-width: thin;
+}
+.sidebar-link {
+  position: relative;
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+  align-items: center;
+  border-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 2);
+  padding-block: calc(var(--spacing) * 1);
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+  --tw-font-weight: var(--font-weight-normal);
+  font-weight: var(--font-weight-normal);
+  white-space: nowrap;
+  color: var(--color-zinc-900);
+  text-transform: capitalize;
+  &::before {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  &::before {
+    content: var(--tw-content);
+    inset-inline-start: calc(var(--spacing) * 0);
+  }
+  &::before {
+    content: var(--tw-content);
+    height: calc(var(--spacing) * 5);
+  }
+  &::before {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 1);
+  }
+  &::before {
+    content: var(--tw-content);
+    border-radius: calc(infinity * 1px);
+  }
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-zinc-100);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300);
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-800);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
+  &:is(.active) {
+    background-color: var(--color-zinc-100);
+  }
+  &:is(.active) {
+    color: var(--color-primary);
+  }
+  &:is(.active) {
+    &::before {
+      content: var(--tw-content);
+      background-color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:is(.active) {
+      background-color: var(--color-zinc-800);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:is(.active) {
+      color: var(--color-white);
+    }
+  }
+  .sidebar-link-arrow {
+    margin-inline-end: calc(var(--spacing) * 1);
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    --tw-duration: 100ms;
+    transition-duration: 100ms;
+  }
+  .sidebar-text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  &[aria-expanded=true]:not(.active) {
+    background-color: var(--color-zinc-100);
+    color: var(--color-primary);
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-800);
+    }
+    &:where(.dark, .dark *) {
+      color: var(--color-white);
+    }
+    .sidebar-link-arrow {
+      rotate: 180deg;
+    }
+  }
+  .sidebar-icon {
+    display: flex;
+    width: calc(var(--spacing) * 8);
+    height: calc(var(--spacing) * 8);
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+    --tw-leading: 1;
+    line-height: 1;
+    opacity: 60%;
+  }
+  .sidebar-text {
+    margin-inline-start: calc(var(--spacing) * 1);
+  }
+  .sidebar-link-arrow {
+    margin-inline-start: auto;
+  }
+  &.active:not([aria-expanded=false]) {
+    .sidebar-link-arrow {
+      rotate: 180deg;
+    }
+  }
+  &.active,&:hover,&[aria-expanded=true] {
+    .sidebar-icon {
+      opacity: 100%;
+    }
+  }
+}
+.sidebar-collapse {
+  width: 100%;
+  padding-inline-start: calc(var(--spacing) * 5.5);
+  .sidebar-collapse-item {
+    position: relative;
+    display: flex;
+    align-items: center;
+    border-start-end-radius: var(--radius-md);
+    border-end-end-radius: var(--radius-md);
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 2px;
+    border-color: var(--color-zinc-200);
+    padding-block: calc(var(--spacing) * 1.5);
+    padding-inline-start: calc(var(--spacing) * 6);
+    padding-inline-end: calc(var(--spacing) * 3);
+    color: var(--color-zinc-600);
+    &::before {
+      content: var(--tw-content);
+      position: absolute;
+    }
+    &::before {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 0);
+    }
+    &::before {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 1.75);
+    }
+    &::before {
+      content: var(--tw-content);
+      margin-inline-start: calc(var(--spacing) * -0.5);
+    }
+    &::before {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 3);
+    }
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 3);
+    }
+    &::before {
+      content: var(--tw-content);
+      border-inline-start-style: var(--tw-border-style);
+      border-inline-start-width: 2px;
+    }
+    &::before {
+      content: var(--tw-content);
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 2px;
+    }
+    &::before {
+      content: var(--tw-content);
+      border-color: var(--color-zinc-200);
+    }
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-100);
+      }
+    }
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      &::before {
+        content: var(--tw-content);
+        border-bottom-left-radius: var(--radius-md);
+      }
+    }
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      &::before {
+        content: var(--tw-content);
+        border-bottom-right-radius: var(--radius-md);
+      }
+    }
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-700);
+    }
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-400);
+    }
+    &:where(.dark, .dark *) {
+      &::before {
+        content: var(--tw-content);
+        border-color: var(--color-zinc-700);
+      }
+    }
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-800);
+        }
+      }
+    }
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-white);
+        }
+      }
+    }
+    &:is(.active) {
+      color: var(--color-primary);
+    }
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        color: var(--color-white);
+      }
+    }
+    .sidebar-collapse-item-arrow {
+      transition-property: transform, translate, scale, rotate;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+      --tw-duration: 100ms;
+      transition-duration: 100ms;
+    }
+    &.active:not([aria-expanded=false]) {
+      .sidebar-collapse-item-arrow {
+        rotate: 180deg;
+      }
+    }
+    &[aria-expanded=true] {
+      background-color: var(--color-zinc-100);
+      color: var(--color-primary);
+      &:where(.dark, .dark *) {
+        background-color: var(--color-zinc-800);
+      }
+      &:where(.dark, .dark *) {
+        color: var(--color-white);
+      }
+      .sidebar-collapse-item-arrow {
+        rotate: 180deg;
+      }
+    }
+  }
+  .sidebar-collapse-level-1 .sidebar-collapse {
+    padding-inline-start: calc(var(--spacing) * 6);
+  }
+}
+input:checked~.sidebar-label>span {
+  border-color: var(--color-primary);
+  color: var(--color-primary);
+}
+.is-sidebar-mini {
+  .app-content {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 18) !important;
+    }
+  }
+  .app-sidebar .overflow-y-auto {
+    @media (width >= 64rem) {
+      overflow-x: hidden !important;
+    }
+  }
+  .app-sidebar:not(:hover) {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 18);
+    }
+    .sidebar-text,.btn-sidebar-min,.badge,.sidebar-link-arrow,.sidebar-collapse,.sidebar-title,.user-text,.logo-text,.sidebar-cta {
+      @media (width >= 64rem) {
+        display: none;
+      }
+    }
+    .sidebar-link {
+      justify-content: center;
+    }
+  }
+  .app-sidebar:hover {
+    @media (width >= 64rem) {
+      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+}
+.is-app-sidebar {
+  .app-sidebar {
+    --tw-translate-x: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.header-horizontal .navbar-nav {
+  .dropdown-menu {
+    z-index: 50;
+    width: 100%;
+    padding: calc(var(--spacing) * 1);
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    @media (width >= 64rem) {
+      visibility: hidden;
+    }
+    @media (width >= 64rem) {
+      position: absolute;
+    }
+    @media (width >= 64rem) {
+      display: block;
+    }
+    @media (width >= 64rem) {
+      min-width: calc(var(--spacing) * 48);
+    }
+    @media (width >= 64rem) {
+      --tw-translate-y: calc(var(--spacing) * 3);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 3) !important;
+    }
+    @media (width >= 64rem) {
+      opacity: 0%;
+    }
+    @media (width >= 64rem) {
+      --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+    @media (width >= 64rem) {
+      transition-property: transform, translate, scale, rotate;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+    @media (width >= 64rem) {
+      &.show {
+        visibility: visible;
+      }
+    }
+    @media (width >= 64rem) {
+      &.show {
+        --tw-translate-y: calc(var(--spacing) * 0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+    @media (width >= 64rem) {
+      &.show {
+        opacity: 100%;
+      }
+    }
+  }
+}
+.navbar-link {
+  position: relative;
+  display: flex;
+  align-items: center;
+  border-radius: var(--radius-lg);
+  padding-inline: calc(var(--spacing) * 1);
+  padding-block: calc(var(--spacing) * 2);
+  --tw-font-weight: var(--font-weight-normal);
+  font-weight: var(--font-weight-normal);
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-zinc-800);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-zinc-200);
+      }
+    }
+  }
+  @media (width >= 64rem) {
+    padding-block: calc(var(--spacing) * 5);
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 0);
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      bottom: calc(var(--spacing) * 0);
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 0.75);
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      width: 100%;
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      border-top-left-radius: var(--radius-xl);
+      border-top-right-radius: var(--radius-xl);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-zinc-100);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-zinc-800);
+        }
+      }
+    }
+  }
+  &.active,&.show {
+    color: var(--color-zinc-800);
+  }
+  &.active,&.show {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &.active,&.show {
+      color: var(--color-white);
+    }
+  }
+}
+.navbar-arrow {
+  opacity: 50%;
+}
+.navbar-link>.navbar-arrow {
+  margin-inline-start: calc(var(--spacing) * 1);
+  transform-origin: center;
+  rotate: 180deg;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
+.navbar-link.show .navbar-arrow {
+  rotate: 0deg;
+}
+.dropdown-menu .navbar-arrow {
+  margin-inline-start: calc(var(--spacing) * 1);
+  transform-origin: center;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  @media (width >= 64rem) {
+    margin-inline-start: auto;
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    rotate: 180deg;
+  }
+}
+.app-sidebar-compact .app-menu {
+  scrollbar-width: none;
+}
+.app-sidebar .app-menu::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+}
+.sidebar-compact-link {
+  color: var(--color-zinc-600);
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-primary-subtle);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300);
+  }
+  &:is(.active) {
+    background-color: var(--color-primary);
+  }
+  &:is(.active) {
+    color: var(--color-white);
+  }
+  .sidebar-icon {
+    margin-bottom: calc(var(--spacing) * 0.5);
+    font-size: 18px;
+    --tw-leading: 1;
+    line-height: 1;
+  }
+}
+.sidebar-compact-link .sidebar-text {
+  margin-top: calc(var(--spacing) * 0.5);
+  display: block;
+  font-size: 8px;
+  --tw-leading: 1.2;
+  line-height: 1.2;
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+}
+.apps-scrollbar,.overflow-y-auto,.overflow-x-auto,pre code.hljs,.ts-dropdown-content,.datatable-container {
+  scrollbar-color: var(--color-zinc-300) transparent;
+}
+.dark {
+  .apps-scrollbar,.overflow-y-auto,.overflow-x-auto,pre code.hljs,.ts-dropdown-content,.datatable-container {
+    scrollbar-color: var(--color-zinc-700) transparent;
+  }
+}
+.simplebar-scrollbar:before {
+  background-color: var(--color-zinc-400) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700) !important;
+  }
+}
+[dir="rtl"] .app-sidebar .simplebar-vertical.simplebar-track {
+  right: auto !important;
+  left: calc(var(--spacing) * 0) !important;
+}
+.modal {
+  position: fixed;
+  top: calc(var(--spacing) * 0);
+  left: calc(var(--spacing) * 0);
+  z-index: 1055;
+  display: none;
+  height: 100%;
+  width: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  opacity: 0%;
+  transition-property: opacity;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 150ms;
+  transition-duration: 150ms;
+  --tw-ease: linear;
+  transition-timing-function: linear;
+  &:is(.show) {
+    opacity: 100%;
+  }
+}
+.modal-dialog {
+  pointer-events: none;
+  position: relative;
+  margin: calc(var(--spacing) * 4);
+  margin-inline: auto;
+  transform-origin: center;
+  --tw-translate-y: calc(var(--spacing) * -5);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+  --tw-ease: var(--ease-out);
+  transition-timing-function: var(--ease-out);
+}
+.modal.show .modal-dialog {
+  --tw-translate-y: calc(var(--spacing) * 0);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.modal-content {
+  pointer-events: auto;
+  display: flex;
+  flex-direction: column;
+  border-radius: var(--radius-2xl);
+  background-color: var(--color-white);
+  outline-style: var(--tw-outline-style);
+  outline-width: 0px;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-900);
+  }
+}
+.modal-backdrop,.offcanvas-backdrop {
+  position: fixed;
+  top: calc(var(--spacing) * 0);
+  left: calc(var(--spacing) * 0);
+  z-index: 1050;
+  height: 100%;
+  width: 100%;
+  background-color: var(--color-black);
+  opacity: 0%;
+  transition-property: opacity;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 150ms;
+  transition-duration: 150ms;
+  --tw-ease: linear;
+  transition-timing-function: linear;
+  &:is(.show) {
+    opacity: 50%;
+  }
+}
+.offcanvas {
+  visibility: hidden;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+  --tw-ease: var(--ease-in-out);
+  transition-timing-function: var(--ease-in-out);
+}
+.offcanvas.show:not(.hiding), .offcanvas.showing {
+  --tw-translate-y: calc(var(--spacing) * -0);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    --tw-translate-x: calc(var(--spacing) * -0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    --tw-translate-x: calc(var(--spacing) * -0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
+  visibility: visible;
+}
+.dropdown-menu {
+  z-index: 55;
+  display: none;
+  border-radius: var(--radius-lg);
+  background-color: var(--color-white);
+  padding: calc(var(--spacing) * 1);
+  --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  --tw-backdrop-blur: blur(var(--blur-sm));
+  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800);
+  }
+  &.show {
+    display: block;
+  }
+}
+.dropdown-item {
+  display: flex;
+  align-items: center;
+  border-radius: var(--radius-lg);
+  padding-inline: calc(var(--spacing) * 3);
+  padding-block: calc(var(--spacing) * 2);
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-zinc-100);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-700);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
+  &:is(.active) {
+    pointer-events: none;
+  }
+  &:is(.active) {
+    color: var(--color-primary);
+  }
+  &:where(.dark, .dark *) {
+    &:is(.active) {
+      color: var(--color-white);
+    }
+  }
+}
+.dropdown-icon {
+  margin-inline-end: calc(var(--spacing) * 2);
+  vertical-align: middle;
+  font-size: .9375rem;
+  --tw-leading: 1;
+  line-height: 1;
+  opacity: 75%;
+}
+.nav-underline {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+  border-color: var(--color-zinc-200);
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800);
+  }
+  .nav-link {
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: calc(var(--spacing) * 2);
+    border-color: transparent;
+    padding-block: calc(var(--spacing) * 2);
+    color: var(--color-zinc-500);
+    &::after {
+      content: var(--tw-content);
+      position: absolute;
+    }
+    &::after {
+      content: var(--tw-content);
+      bottom: calc(var(--spacing) * 0);
+    }
+    &::after {
+      content: var(--tw-content);
+      left: calc(var(--spacing) * 0);
+    }
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 0.5);
+    }
+    &::after {
+      content: var(--tw-content);
+      width: 100%;
+    }
+    &::after {
+      content: var(--tw-content);
+      border-top-left-radius: calc(infinity * 1px);
+      border-top-right-radius: calc(infinity * 1px);
+    }
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-400);
+    }
+    &:is(.active) {
+      color: var(--color-primary);
+    }
+    &:is(.active) {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary);
+      }
+    }
+  }
+}
+.nav-fill {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--spacing) * 2);
+  .nav-link {
+    display: flex;
+    align-items: center;
+    gap: calc(var(--spacing) * 1.5);
+    border-radius: var(--radius-md);
+    padding-inline: calc(var(--spacing) * 3);
+    padding-block: calc(var(--spacing) * 1.5);
+    &:hover {
+      background-color: var(--color-primary-subtle);
+      color: var(--color-primary);
+    }
+    &.active {
+      background-color: var(--color-primary);
+      color: var(--color-white);
+    }
+  }
+}
+.nav-horizontal {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  overflow-y: hidden;
+  .nav-link {
+    flex-shrink: 0;
+  }
+}
+.collapse {
+  visibility: visible;
+}
+.collapse:not(.show) {
+  display: none;
+}
+.collapsing {
+  height: calc(var(--spacing) * 0);
+  overflow: hidden;
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+  transition: height .35s ease;
+}
+.collapse-arrow {
+  opacity: 75%;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 200ms;
+  transition-duration: 200ms;
+}
+[aria-expanded="true"] .collapse-arrow {
+  rotate: 180deg;
+}
+[aria-expanded="true"] .show-more {
+  display: none;
+}
+.show-less {
+  display: none;
+  color: var(--color-zinc-400);
+}
+[aria-expanded="true"] .show-less {
+  display: inline-flex;
+}
+.tab-content>.tab-pane {
+  display: none;
+}
+.tab-pane.fade:not(.show) {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+.tab-pane.show {
+  opacity: 1;
+  transform: unset !important;
+  transition: all ease-out .2s .1s;
+}
+.tab-content>.active {
+  display: block;
+}
+.btn {
+  display: inline-flex;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 3.5);
+  padding-block: calc(var(--spacing) * 2);
+  font-size: var(--text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height));
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  text-transform: capitalize;
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &.btn-lg {
+    border-radius: var(--radius-lg);
+    padding-inline: calc(var(--spacing) * 5);
+    padding-block: calc(var(--spacing) * 3);
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  &.btn-sm {
+    border-radius: var(--radius-md);
+    padding-inline: calc(var(--spacing) * 2.5);
+    padding-block: calc(var(--spacing) * 1.75);
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+}
+.btn-default {
+  cursor: pointer;
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-zinc-200);
+  background-color: var(--color-white);
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-primary);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700);
+  }
+  &:where(.dark, .dark *) {
+    background-color: transparent;
+  }
+  &:is(.active) {
+    border-color: var(--color-primary);
+  }
+  &:is(.active) {
+    background-color: var(--color-white);
+  }
+  &:is(.active) {
+    color: var(--color-primary);
+  }
+  &:is(.active) {
+    --tw-ring-color: color-mix(in srgb, #636DFF 2%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 2%, transparent);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:is(.active) {
+      background-color: var(--color-zinc-900);
+    }
+  }
+}
+.input {
+  display: block;
+  width: 100%;
+  border-radius: var(--radius-md);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-zinc-300);
+  background-color: var(--color-white);
+  padding-inline: calc(var(--spacing) * 3.5);
+  padding-block: calc(var(--spacing) * 2);
+  font-size: var(--text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height));
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &::placeholder {
+    color: var(--color-zinc-400);
+  }
+  &:focus-within {
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-zinc-400);
+    }
+  }
+  &:focus {
+    border-color: var(--color-primary);
+  }
+  &:focus {
+    background-color: var(--color-white);
+  }
+  &:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  &:focus {
+    --tw-shadow-color: #636DFF;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, var(--color-primary) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  &:focus {
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+  &:focus {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+  }
+  &:disabled {
+    pointer-events: none;
+  }
+  &:disabled {
+    opacity: 60%;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700);
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-900);
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-600);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:focus {
+      border-color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:focus {
+      background-color: var(--color-zinc-900);
+    }
+  }
+}
+.input.input-lg {
+  border-radius: var(--radius-lg);
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 3);
+  font-size: var(--text-lg);
+  line-height: var(--tw-leading, var(--text-lg--line-height));
+}
+.input.input-sm {
+  border-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 2.5);
+  padding-block: calc(var(--spacing) * 1.5);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+}
+.input-switch {
+  position: relative;
+  height: calc(var(--spacing) * 5);
+  width: calc(var(--spacing) * 8);
+  cursor: pointer;
+  appearance: none;
+  border-radius: calc(infinity * 1px);
+  background-color: var(--color-primary-subtle);
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 100ms;
+  transition-duration: 100ms;
+  &::after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  &::after {
+    content: var(--tw-content);
+    top: calc(var(--spacing) * 1);
+  }
+  &::after {
+    content: var(--tw-content);
+    display: block;
+  }
+  &::after {
+    content: var(--tw-content);
+    height: calc(var(--spacing) * 3);
+  }
+  &::after {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 3);
+  }
+  &::after {
+    content: var(--tw-content);
+    border-radius: calc(infinity * 1px);
+  }
+  &::after {
+    content: var(--tw-content);
+    background-color: var(--color-primary);
+  }
+  &::after {
+    content: var(--tw-content);
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+  &:checked {
+    background-color: var(--color-primary);
+  }
+  &:checked {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-white);
+    }
+  }
+  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    &::after {
+      content: var(--tw-content);
+      left: calc(var(--spacing) * 1);
+    }
+  }
+  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        --tw-translate-x: calc(var(--spacing) * 3);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    &::after {
+      content: var(--tw-content);
+      right: calc(var(--spacing) * 1);
+    }
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        --tw-translate-x: calc(var(--spacing) * -3);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700);
+  }
+}
+.input-radio,.input-checkbox {
+  position: relative;
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 4);
+  appearance: none;
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-zinc-300);
+  background-color: var(--color-zinc-50);
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  --tw-ring-color: transparent;
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &::after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  &::after {
+    content: var(--tw-content);
+    display: block;
+  }
+  &::after {
+    content: var(--tw-content);
+    opacity: 0%;
+  }
+  &:checked {
+    border-color: var(--color-primary);
+  }
+  &:checked {
+    background-color: var(--color-primary);
+  }
+  &:checked {
+    --tw-ring-color: transparent;
+  }
+  &:checked {
+    &::after {
+      content: var(--tw-content);
+      opacity: 100%;
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-primary);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  &:disabled {
+    pointer-events: none;
+  }
+  &:disabled {
+    cursor: not-allowed !important;
+  }
+  &:disabled {
+    opacity: 60%;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-600);
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800);
+  }
+}
+.input-radio {
+  border-radius: calc(infinity * 1px);
+  &::after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  &::after {
+    content: var(--tw-content);
+    top: calc(1/2 * 100%);
+  }
+  &::after {
+    content: var(--tw-content);
+    left: calc(1/2 * 100%);
+  }
+  &::after {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  &::after {
+    content: var(--tw-content);
+    border-radius: calc(infinity * 1px);
+  }
+  &::after {
+    content: var(--tw-content);
+    background-color: var(--color-white);
+  }
+  &::after {
+    content: var(--tw-content);
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+}
+.input-checkbox {
+  overflow: hidden;
+  border-radius: var(--radius-sm);
+  &::after {
+    content: var(--tw-content);
+    inset-inline-start: calc(var(--spacing) * 0);
+  }
+  &::after {
+    content: var(--tw-content);
+    top: calc(var(--spacing) * 0);
+  }
+  &::after {
+    content: var(--tw-content);
+    display: flex;
+  }
+  &::after {
+    content: var(--tw-content);
+    height: 100%;
+  }
+  &::after {
+    content: var(--tw-content);
+    width: 100%;
+  }
+  &::after {
+    content: var(--tw-content);
+    align-items: center;
+  }
+  &::after {
+    content: var(--tw-content);
+    justify-content: center;
+  }
+  &::after {
+    content: var(--tw-content);
+    border-radius: 0.25rem;
+  }
+  &::after {
+    content: var(--tw-content);
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-font-weight: var(--font-weight-normal) !important;
+    font-weight: var(--font-weight-normal) !important;
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
+  &::after {
+    content: var(--tw-content);
+    color: var(--color-white);
+  }
+  &::after {
+    content: var(--tw-content);
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  &:indeterminate {
+    border-color: var(--color-primary);
+  }
+  &:indeterminate {
+    background-color: var(--color-primary);
+  }
+  &:indeterminate {
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+  &:indeterminate {
+    &::after {
+      content: var(--tw-content);
+      opacity: 100% !important;
+    }
+  }
+}
+.input-checkbox:after {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+.input-checkbox:indeterminate:after {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+.floating-label {
+  input {
+    display: block;
+    width: 100%;
+    border-radius: var(--radius-md);
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+    border-color: var(--color-zinc-300);
+    background-color: transparent;
+    padding-inline: calc(var(--spacing) * 3);
+    padding-block: calc(var(--spacing) * 2);
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    &:focus {
+      border-color: var(--color-primary);
+    }
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+    &:focus {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-700);
+    }
+  }
+  label {
+    pointer-events: none;
+    position: absolute;
+    inset-inline-start: calc(var(--spacing) * 3);
+    top: calc(var(--spacing) * 2);
+    transform-origin: 0 0;
+    background-color: var(--color-white);
+    padding-inline: calc(var(--spacing) * 1);
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-900);
+    }
+  }
+}
+.floating-label input:focus + label, .floating-label input:not(:placeholder-shown) + label {
+  transform: scale(1);
+  inset-inline-start: calc(var(--spacing) * 2);
+  top: calc(var(--spacing) * -2.25);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  color: var(--color-primary);
+}
+.floating-label.floating-label-lg {
+  input {
+    border-radius: var(--radius-lg);
+    padding-inline: calc(var(--spacing) * 4);
+    padding-block: calc(var(--spacing) * 2.5);
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  label {
+    inset-inline-start: calc(var(--spacing) * 4);
+    top: calc(var(--spacing) * 2.5);
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  input:focus + label,input:not(:placeholder-shown) + label {
+    inset-inline-start: calc(var(--spacing) * 3);
+    top: calc(var(--spacing) * -2.75);
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+}
+.just-validate-error-label {
+  margin-top: calc(var(--spacing) * 1);
+  font-size: var(--text-xs);
+  line-height: var(--tw-leading, var(--text-xs--line-height));
+  color: var(--color-red-500) !important;
+}
+.input.just-validate-error-field {
+  border-color: var(--color-red-500);
+  background-color: transparent;
+  --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+  }
+}
+.input.just-validate-success-field {
+  border-color: var(--color-green-500);
+  background-color: transparent;
+  --tw-ring-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+  }
+}
+.input-checkbox.just-validate-error-field,.input-radio.just-validate-error-field {
+  border-color: var(--color-red-500) !important;
+  --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+  }
+}
+.input-checkbox.just-validate-success-field:checked,.input-radio.just-validate-success-field:checked {
+  border-color: var(--color-green-500) !important;
+  background-color: var(--color-green-500);
+  --tw-ring-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+  }
+}
+.ts-control {
+  border-radius: var(--radius-md) !important;
+  border-width: 0px !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 1px !important;
+  border-color: var(--color-zinc-300) !important;
+  background-color: var(--color-white) !important;
+  padding-inline: calc(var(--spacing) * 3.5) !important;
+  padding-block: calc(var(--spacing) * 2) !important;
+  font-size: var(--text-base) !important;
+  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+  --tw-leading: var(--leading-normal) !important;
+  line-height: var(--leading-normal) !important;
+  color: var(--color-zinc-700) !important;
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-zinc-400) !important;
+    }
+  }
+  &:focus {
+    outline-style: var(--tw-outline-style) !important;
+    outline-width: 0px !important;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700) !important;
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-900) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300) !important;
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-600) !important;
+      }
+    }
+  }
+}
+.ts-wrapper.multi.has-items .ts-control {
+  padding-inline: calc(var(--spacing) * 2.5) !important;
+  padding-block: calc(var(--spacing) * 2) !important;
+}
+.focus {
+  .ts-control {
+    border-color: var(--color-primary) !important;
+    background-color: transparent !important;
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important;
+    }
+  }
+}
+.ts-wrapper.multi .ts-control>div {
+  margin: calc(var(--spacing) * 0.25) !important;
+  border-radius: var(--radius-md) !important;
+  background-color: var(--color-zinc-200) !important;
+  padding-inline: calc(var(--spacing) * 2.5) !important;
+  padding-block: calc(var(--spacing) * 1) !important;
+  font-size: var(--text-xs) !important;
+  line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
+  color: var(--color-zinc-700) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-white) !important;
+  }
+}
+.ts-control input {
+  color: currentcolor !important;
+}
+.ts-dropdown {
+  position: absolute;
+  margin-top: calc(var(--spacing) * 2) !important;
+  border-radius: var(--radius-md) !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 0px !important;
+  background-color: var(--color-white) !important;
+  padding: calc(var(--spacing) * 2) !important;
+  --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+}
+.ts-dropdown {
+  .option {
+    border-radius: var(--radius-md) !important;
+    padding-inline: calc(var(--spacing) * 4);
+    padding-block: calc(var(--spacing) * 2.5);
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-300) !important;
+    }
+    &.active {
+      background-color: var(--color-zinc-100) !important;
+      color: var(--color-primary) !important;
+      &:where(.dark, .dark *) {
+        background-color: var(--color-zinc-700) !important;
+      }
+      &:where(.dark, .dark *) {
+        color: var(--color-white) !important;
+      }
+    }
+  }
+}
+.ts-wrapper.single .ts-control:after {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  content: "";
+  z-index: 2;
+  width: 1rem;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  position: absolute;
+  inset-inline-end: calc(var(--spacing) * 2);
+  top: calc(var(--spacing) * 0);
+  display: block;
+  height: 100%;
+  opacity: 50%;
+}
+.t-select-sm {
+  .ts-control {
+    border-radius: var(--radius-md) !important;
+    padding-inline: calc(var(--spacing) * 3) !important;
+    padding-block: calc(var(--spacing) * 1.5) !important;
+    font-size: var(--text-sm) !important;
+    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+    &:after {
+      width: calc(var(--spacing) * 3) !important;
+    }
+    input {
+      font-size: var(--text-sm) !important;
+      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+    }
+  }
+  .ts-dropdown {
+    border-radius: var(--radius-md) !important;
+  }
+  .ts-dropdown .option {
+    border-radius: var(--radius-md) !important;
+    padding-inline: calc(var(--spacing) * 2) !important;
+    padding-block: calc(var(--spacing) * 2) !important;
+    font-size: var(--text-sm) !important;
+    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  }
+}
+.t-select-lg {
+  .ts-control {
+    border-radius: var(--radius-lg) !important;
+    padding-inline: calc(var(--spacing) * 4) !important;
+    padding-block: calc(var(--spacing) * 3) !important;
+    font-size: var(--text-lg) !important;
+    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+    &:after {
+      width: calc(var(--spacing) * 4) !important;
+    }
+  }
+  .ts-dropdown {
+    border-radius: var(--radius-lg) !important;
+  }
+  .ts-dropdown .option {
+    border-radius: var(--radius-xl) !important;
+    padding-inline: calc(var(--spacing) * 3) !important;
+    padding-block: calc(var(--spacing) * 2.5) !important;
+    font-size: var(--text-lg) !important;
+    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+  }
+}
+.badge {
+  display: inline-flex;
+  align-items: center;
+  border-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 2);
+  padding-block: calc(var(--spacing) * 1);
+  font-size: var(--text-xs);
+  line-height: var(--tw-leading, var(--text-xs--line-height));
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+}
+.mask {
+  -webkit-mask-position: 50%;
+  mask-position: 50%;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+}
+.mask.squircle {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' viewbox='0 0 200 200'%3E%3Cpath fill='%23000' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' viewbox='0 0 200 200'%3E%3Cpath fill='%23000' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z'/%3E%3C/svg%3E");
+}
+.mask.triangle {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='207' height='207' fill='none' viewbox='0 0 207 207'%3E%3Cpath fill='%23000' d='M138.648 181.408C47.268 232.569 1.327 206.607.824 103.52.324.432 46.014-25.148 137.896 26.777c91.882 51.925 92.133 103.469.753 154.631h-.001z'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='207' height='207' fill='none' viewbox='0 0 207 207'%3E%3Cpath fill='%23000' d='M138.648 181.408C47.268 232.569 1.327 206.607.824 103.52.324.432 46.014-25.148 137.896 26.777c91.882 51.925 92.133 103.469.753 154.631h-.001z'/%3E%3C/svg%3E");
+}
+.mask.diamond {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='227' fill='none' viewbox='0 0 227 227'%3E%3Cpath fill='%23000' d='M42.71 42.71c-56.568 56.57-56.568 84.853 0 141.422 56.57 56.569 84.853 56.569 141.422 0s56.569-84.853 0-141.421c-56.569-56.569-84.853-56.569-141.421 0z'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='227' fill='none' viewbox='0 0 227 227'%3E%3Cpath fill='%23000' d='M42.71 42.71c-56.568 56.57-56.568 84.853 0 141.422 56.57 56.569 84.853 56.569 141.422 0s56.569-84.853 0-141.421c-56.569-56.569-84.853-56.569-141.421 0z'/%3E%3C/svg%3E");
+}
+.mask.hexagon {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201' fill='none' viewbox='0 0 182 201'%3E%3Cpath fill='%23000' d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0l-61.86-35.945C6.151 157.44.3 145.737.3 136.54V65.486z'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201' fill='none' viewbox='0 0 182 201'%3E%3Cpath fill='%23000' d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0l-61.86-35.945C6.151 157.44.3 145.737.3 136.54V65.486z'/%3E%3C/svg%3E");
+}
+.timeline {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+.timeline-item {
+  display: flex;
+  min-height: 70px;
+}
+.timeline-item-wrapper {
+  display: flex;
+  flex: auto;
+}
+.timeline-item-media {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.timeline-item-media-content {
+  margin-block: calc(var(--spacing) * 2);
+}
+.timeline-connect {
+  height: 100%;
+  width: calc(var(--spacing) * 0.5);
+  background-color: var(--color-zinc-100);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800);
+  }
+}
+.timeline-item-content {
+  margin-inline-start: calc(var(--spacing) * 4);
+  width: 100%;
+  padding-top: calc(var(--spacing) * 1);
+  padding-bottom: calc(var(--spacing) * 1.5);
+}
+.tlm .tlm-item:last-child .tlm-content {
+  padding-bottom: calc(var(--spacing) * 0);
+}
+.card-arrow>span {
+  transform-origin: center;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
+.card-arrow[aria-expanded=true]>span {
+  rotate: 180deg;
+}
+.check-task {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+}
+.task-completed {
+  .task-title,.task-date {
+    text-decoration-line: line-through;
+    opacity: 50%;
+  }
+  .check-task {
+    color: var(--color-primary);
+  }
+}
+.theme-switcher {
+  .theme-check {
+    opacity: 0%;
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+  &.active {
+    .theme-check {
+      opacity: 100%;
+    }
+  }
+}
+.table-default {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: var(--text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height));
+}
+.table-default th {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+  border-color: color-mix(in srgb, #4D5472 10%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent);
+  }
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 3);
+  text-align: start;
+  vertical-align: middle;
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800);
+  }
+}
+.table-default tr td {
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 3);
+  text-align: left;
+  vertical-align: middle;
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    text-align: right;
+  }
+}
+.table-default.table-compact tr td {
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 2);
+  text-align: left;
+  vertical-align: middle;
+}
+.table-default.table-compact th {
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 2);
+}
+.table-default th {
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-zinc-500);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-400);
+  }
+}
+.table-basic th {
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-zinc-500);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-400);
+  }
+}
+.table-default tbody {
+  width: 100%;
+  :where(& > :not(:last-child)) {
+    --tw-divide-y-reverse: 0;
+    border-bottom-style: var(--tw-border-style);
+    border-top-style: var(--tw-border-style);
+    border-top-width: calc(1px * var(--tw-divide-y-reverse));
+    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  }
+  :where(& > :not(:last-child)) {
+    border-color: color-mix(in srgb, #4D5472 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent);
+    }
+  }
+  &:where(.dark, .dark *) {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-zinc-800);
+    }
+  }
+}
+.table-hover>tbody>tr:hover {
+  background-color: var(--color-zinc-50);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-950);
+  }
+}
+.table-striped>tbody>tr:nth-child(even) {
+  background-color: var(--color-zinc-50);
+  &:where(.dark, .dark *) {
+    background-color: color-mix(in srgb, #fff 3%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
+    }
+  }
+}
+.pagination {
+  .page-link {
+    display: flex;
+    height: calc(var(--spacing) * 8);
+    cursor: pointer;
+    align-items: center;
+    border-radius: var(--radius-lg);
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+    border-color: var(--color-zinc-200);
+    padding-inline: calc(var(--spacing) * 3);
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    --tw-ring-color: transparent;
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary);
+      }
+    }
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: var(--color-primary);
+      }
+    }
+    &:disabled {
+      pointer-events: none;
+    }
+    &:disabled {
+      opacity: 50%;
+    }
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-800);
+    }
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-primary);
+        }
+      }
+    }
+    &:is(.active) {
+      border-color: var(--color-primary);
+    }
+    &:is(.active) {
+      background-color: var(--color-primary);
+    }
+    &:is(.active) {
+      color: var(--color-white);
+    }
+    &:is(.active) {
+      --tw-ring-color: transparent;
+    }
+  }
+}
+.tooltip {
+  z-index: 55;
+  max-width: calc(var(--spacing) * 44);
+  text-align: center;
+}
+.tooltip-inner {
+  border-radius: var(--radius-md);
+  background-color: var(--color-zinc-700);
+  padding-inline: calc(var(--spacing) * 2);
+  padding-block: calc(var(--spacing) * 1);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  color: var(--color-white);
+  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.popover {
+  z-index: 55;
+  max-width: 270px;
+  border-radius: var(--radius-md);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-zinc-100);
+  background-color: var(--color-white);
+  --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.03));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-900);
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-950);
+  }
+}
+.popover-header {
+  border-top-left-radius: var(--radius-md);
+  border-top-right-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 3);
+  padding-top: calc(var(--spacing) * 3);
+}
+.popover-body {
+  padding: calc(var(--spacing) * 3);
+}
+.ql-container {
+  font-size: var(--text-base) !important;
+  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+}
+.ql-toolbar.ql-snow,.ql-container.ql-snow {
+  border-color: var(--color-zinc-300) !important;
+  background-color: var(--color-white) !important;
+  font-family: var(--font-theme) !important;
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700) !important;
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-900) !important;
+  }
+}
+.ql-toolbar.ql-snow {
+  border-top-left-radius: var(--radius-md);
+  border-top-right-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 2) !important;
+  padding-top: calc(var(--spacing) * 2) !important;
+  padding-bottom: calc(var(--spacing) * 2) !important;
+}
+.ql-container.ql-snow {
+  border-bottom-right-radius: var(--radius-md);
+  border-bottom-left-radius: var(--radius-md);
+}
+.ql-editor {
+  min-height: calc(var(--spacing) * 24);
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    text-align: right !important;
+  }
+}
+.ql-snow .ql-stroke {
+  stroke: var(--color-zinc-700) !important;
+  &:where(.dark, .dark *) {
+    stroke: var(--color-zinc-300) !important;
+  }
+}
+.ql-snow .ql-fill {
+  fill: var(--color-zinc-700) !important;
+  &:where(.dark, .dark *) {
+    fill: var(--color-zinc-300) !important;
+  }
+}
+.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke {
+  stroke: var(--color-primary) !important;
+}
+.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill {
+  fill: var(--color-primary) !important;
+}
+.unread {
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-zinc-900);
+  &:where(.dark, .dark *) {
+    color: var(--color-white);
+  }
+}
+.sidebar-secondary {
+  z-index: 20;
+}
+.sidebar-secondary-overlay {
+  z-index: 10;
+  display: none;
+}
+.layout_secondary.is-sidebar .sidebar-secondary {
+  --tw-translate-x: calc(var(--spacing) * -0) !important;
+  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.wizard-icon {
+  background-color: var(--color-zinc-100);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700);
+  }
+}
+.wizard-step {
+  cursor: pointer;
+  opacity: 85%;
+}
+.wizard-step.active {
+  opacity: 100%;
+}
+.wizard-step.active .wizard-icon {
+  background-color: var(--color-primary);
+  color: var(--color-white);
+}
+.wizard-step.disabled {
+  pointer-events: none;
+  cursor: default;
+  opacity: 50%;
+}
+.wizard-panel:not(.active) {
+  display: none;
+}
+div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-primary) !important;
+}
+div:where(.swal2-container) .swal2-icon-success div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-green-500) !important;
+}
+div:where(.swal2-container) .swal2-icon-error div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-red-500) !important;
+}
+div:where(.swal2-container) .swal2-icon-warning div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-amber-500) !important;
+}
+div:where(.swal2-container) .swal2-icon-info div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-sky-500) !important;
+}
+.swal2-html-container {
+  font-size: var(--text-base) !important;
+  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+}
+div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
+  background-color: var(--color-green-500) !important;
+}
+div:where(.swal2-icon).swal2-success .swal2-success-ring {
+  border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent) !important;
+  }
+}
+div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
+  background-color: var(--color-red-500) !important;
+}
+div:where(.swal2-icon).swal2-error {
+  border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent) !important;
+  }
+}
+.swal2-toast button:where(.swal2-close) {
+  font-size: var(--text-xl) !important;
+  line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
+}
+.swal2-toast {
+  padding: calc(var(--spacing) * 4) !important;
+}
+.swal2-toast button:where(.swal2-close) {
+  position: absolute !important;
+  inset-inline-end: calc(var(--spacing) * 0);
+  top: calc(var(--spacing) * 0);
+  margin-inline-end: calc(var(--spacing) * -3) !important;
+  margin-top: calc(var(--spacing) * -3) !important;
+  width: calc(var(--spacing) * 8) !important;
+  height: calc(var(--spacing) * 8) !important;
+}
+div:where(.swal2-container) button:where(.swal2-close) {
+  border-radius: var(--radius-lg) !important;
+  color: var(--color-zinc-400) !important;
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-zinc-100) !important;
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary) !important;
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-700) !important;
+      }
+    }
+  }
+}
+.swal2-toast {
+  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+}
+.swal2-toast h2:where(.swal2-title) {
+  margin: calc(var(--spacing) * 0) !important;
+  font-size: var(--text-lg) !important;
+  line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+}
+.swal2-toast div:where(.swal2-html-container) {
+  margin: calc(var(--spacing) * 0) !important;
+  font-size: var(--text-sm) !important;
+  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+}
+.swal2-toast .swal2-icon {
+  margin-inline-start: calc(var(--spacing) * 0) !important;
+  margin-inline-end: calc(var(--spacing) * 4) !important;
+}
+div:where(.swal2-container) h2:where(.swal2-title) {
+  font-size: var(--text-2xl) !important;
+  line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
+}
+div:where(.swal2-container) div:where(.swal2-popup) {
+  color: var(--color-zinc-700) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300) !important;
+  }
+}
+.sortable-ghost {
+  background-color: var(--color-zinc-200);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700);
+  }
+}
+.jvm-tooltip {
+  background-color: var(--color-primary) !important;
+  padding-inline: calc(var(--spacing) * 2) !important;
+  padding-block: calc(var(--spacing) * 1) !important;
+  font-size: var(--text-sm) !important;
+  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+}
+.fc-toolbar-title {
+  font-size: var(--text-xl) !important;
+  line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
+}
+.fc-button {
+  margin-inline-start: calc(var(--spacing) * 1) !important;
+  border-radius: var(--radius-lg) !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 1px !important;
+  border-color: var(--color-zinc-200) !important;
+  background-color: transparent !important;
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+  color: var(--color-zinc-700) !important;
+  text-transform: capitalize !important;
+  --tw-shadow: 0 0 #0000 !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-primary) !important;
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary) !important;
+    }
+  }
+  &:disabled {
+    pointer-events: none !important;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300) !important;
+  }
+}
+.fc-theme-standard td, .fc-theme-standard th,.fc-theme-standard .fc-scrollgrid {
+  border-color: var(--color-zinc-200) !important;
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800) !important;
+  }
+}
+.fc .fc-daygrid-day.fc-day-today {
+  background-color: color-mix(in srgb, #636DFF 10%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
+  }
+}
+.fc-h-event {
+  padding-inline: calc(var(--spacing) * 2) !important;
+  padding-block: calc(var(--spacing) * 0.5) !important;
+}
+.fc .fc-scrollgrid-section-sticky > * {
+  background-color: var(--color-zinc-100) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+}
+.daterangepicker {
+  margin-top: calc(var(--spacing) * 2) !important;
+  border-radius: var(--radius-lg) !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 0px !important;
+  font-family: var(--font-sans) !important;
+  --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  &::before {
+    content: var(--tw-content);
+    display: none !important;
+  }
+  &::after {
+    content: var(--tw-content);
+    display: none !important;
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+}
+.daterangepicker .calendar-table th {
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+}
+.daterangepicker.show-calendar .drp-buttons {
+  display: flex !important;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  gap: calc(var(--spacing) * 2);
+}
+.daterangepicker .ranges {
+  margin-block: calc(var(--spacing) * 2) !important;
+}
+.daterangepicker.show-ranges.ltr .drp-calendar.left,.daterangepicker .drp-buttons {
+  border-color: var(--color-zinc-200) !important;
+  &:where(.dark, .dark *) {
+    border-color: color-mix(in srgb, #fff 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
+    }
+  }
+}
+.daterangepicker .drp-buttons .btn {
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+  &.btn-primary {
+    background-color: var(--color-primary);
+    color: var(--color-white);
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-deep);
+      }
+    }
+  }
+}
+.daterangepicker .calendar-table {
+  &:where(.dark, .dark *) {
+    border-color: color-mix(in srgb, #fff 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
+    }
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700) !important;
+  }
+}
+.daterangepicker td.active, .daterangepicker td.active:hover {
+  background-color: var(--color-primary) !important;
+}
+.daterangepicker .ranges li:not(.active):hover {
+  background-color: var(--color-zinc-100) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700) !important;
+  }
+}
+.daterangepicker td.available:hover, .daterangepicker th.available:hover {
+  background-color: var(--color-zinc-200) !important;
+  &:where(.dark, .dark *) {
+    background-color: color-mix(in srgb, #fff 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
+    }
+  }
+}
+.daterangepicker .ranges li.active {
+  background-color: var(--color-primary) !important;
+}
+.daterangepicker td.off {
+  background-color: transparent !important;
+  color: var(--color-zinc-400) !important;
+}
+.daterangepicker td.in-range {
+  background-color: var(--color-zinc-100) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-600) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-white) !important;
+  }
+}
+.daterangepicker td.end-date {
+  background-color: var(--color-primary) !important;
+  color: var(--color-white) !important;
+}
+.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
+  border-color: var(--color-zinc-400) !important;
+}
+table.dataTable thead th, table.dataTable tfoot th {
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+}
+table.dataTable > thead > tr > th, table.dataTable > thead > tr > td,table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td {
+  padding-inline: calc(var(--spacing) * 4) !important;
+}
+.dt-scroll-body {
+  scrollbar-width: thin;
+  scrollbar-color: var(--color-zinc-300) transparent;
+}
+.dark .dt-scroll-body {
+  scrollbar-color: var(--color-zinc-700) transparent;
+}
+table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
+  border-color: color-mix(in srgb, #4D5472 10%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent) !important;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800) !important;
+  }
+}
+table.dataTable > tbody > tr.selected > * {
+  background-color: var(--color-zinc-50) !important;
+  color: inherit !important;
+  --tw-shadow: 0 0 #0000 !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+}
+table.dataTable > tbody > tr.selected a {
+  color: inherit !important;
+}
+.dt-select-checkbox {
+  position: relative;
+  width: calc(var(--spacing) * 4) !important;
+  height: calc(var(--spacing) * 4) !important;
+  border-radius: 0.25rem !important;
+  border-color: var(--color-zinc-300) !important;
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  --tw-ring-color: transparent;
+  outline-style: var(--tw-outline-style) !important;
+  outline-width: 0px !important;
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-primary) !important;
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      --tw-ring-color: var(--color-primary) !important;
+    }
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-600) !important;
+  }
+  &:after {
+    position: absolute;
+    inset-inline-start: calc(var(--spacing) * 0) !important;
+    top: calc(var(--spacing) * 0) !important;
+    margin: calc(var(--spacing) * 0) !important;
+    height: 100% !important;
+    width: 100% !important;
+  }
+  &:checked {
+    border-color: var(--color-primary) !important;
+    color: var(--color-primary) !important;
+    --tw-ring-color: var(--color-primary);
+  }
+}
+.dt-info {
+  padding-inline-start: calc(var(--spacing) * 4);
+  padding-top: calc(var(--spacing) * 4);
+  font-size: var(--text-sm) !important;
+  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  color: var(--color-zinc-400) !important;
+  @media (width >= 40rem) {
+    margin-bottom: calc(var(--spacing) * -8);
+  }
+}
+.dt-paging {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-block: calc(var(--spacing) * 4);
+  padding-inline-end: calc(var(--spacing) * 4);
+}
+.dt-paging-button {
+  border-color: var(--color-zinc-200) !important;
+  background-image: none !important;
+  padding-inline: calc(var(--spacing) * 3) !important;
+  padding-block: calc(var(--spacing) * 1) !important;
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700) !important;
+  }
+}
+div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
+  border-color: var(--color-primary) !important;
+  background-color: var(--color-primary) !important;
+  color: var(--color-white) !important;
+}
+div.dt-container .dt-paging .dt-paging-button:hover {
+  border-color: var(--color-primary) !important;
+  color: var(--color-primary) !important;
+}
+div.dt-container .dt-paging .dt-paging-button:active {
+  --tw-shadow: 0 0 #0000 !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+}
+div.dt-container.dt-empty-footer .dt-scroll-body,html.dark .dt-container.dt-empty-footer table.dataTable,div.dt-container.dt-empty-footer tbody > tr:last-child > * {
+  border-color: color-mix(in srgb, #4D5472 10%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent) !important;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800) !important;
+  }
+}
+div.dt-container .dt-paging .dt-paging-button {
+  border-radius: var(--radius-md) !important;
+}
+div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
+  pointer-events: none !important;
+  color: inherit !important;
+  opacity: 50% !important;
+}
+table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover {
+  outline-color: var(--color-zinc-100) !important;
+  &:where(.dark, .dark *) {
+    outline-color: var(--color-zinc-800) !important;
+  }
+}
+.dataTable tbody tr td.sorting_1 {
+  background-color: color-mix(in srgb, #4D5472 1%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-zinc-500) 1%, transparent);
+  }
+  &:where(.dark, .dark *) {
+    background-color: color-mix(in srgb, #fff 3%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
+    }
+  }
+}
+table.dataTable input.dt-select-checkbox:checked:after {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+.code-snippet pre,.code-snippet pre code {
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+}
+.hljs {
+  direction: ltr !important;
+  font-family: var(--font-mono);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  color: var(--color-zinc-600);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-400);
+  }
+}
+.hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
+  color: var(--color-green-600);
+}
+.hljs-name, .hljs-quote, .hljs-selector-pseudo, .hljs-selector-tag {
+  color: var(--color-zinc-700);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-200);
+  }
+}
+.hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-variable {
+  color: var(--color-orange-600);
+}
+.hljs-comment {
+  opacity: 75%;
+}
+.icon-in-css {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m5 13l4 4L19 7'/%3E%3C/svg%3E");
+  background-color: currentcolor;
+  mask-image: var(--svg);
+  mask-size: 100%;
+  mask-repeat: no-repeat;
+}
+.swiper-pagination-bullet {
+  width: calc(var(--spacing) * 2.5) !important;
+  height: calc(var(--spacing) * 2.5) !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 2px !important;
+  border-color: var(--color-primary-subtle) !important;
+  background-color: transparent !important;
+  opacity: 100% !important;
+}
+.swiper-pagination-bullet-active {
+  border-color: var(--color-primary) !important;
+  background-color: var(--color-primary) !important;
+}
+[dir="rtl"] .swiper-wrapper {
+  direction: ltr !important;
+}
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-space-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-divide-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-content {
+  syntax: "*";
+  initial-value: "";
+  inherits: false;
+}
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes ping {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+  }
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-space-y-reverse: 0;
+      --tw-space-x-reverse: 0;
+      --tw-divide-x-reverse: 0;
+      --tw-border-style: solid;
+      --tw-divide-y-reverse: 0;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-content: "";
+    }
+  }
+}
+/*# sourceMappingURL=style.css.map */
diff --git a/public_html/raven-demo/customer-create.html b/public_html/raven-demo/customer-create.html
new file mode 100644
index 0000000..1b34754
--- /dev/null
+++ b/public_html/raven-demo/customer-create.html
@@ -0,0 +1,1112 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item active">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item customers_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item customers_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item customers_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item customers_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+<!--:page header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Create</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center">
+                    <a href="index.html" class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">
+                        Dashboard</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Customers</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Create</span></li>
+            </ol>
+        </div>
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                <div class="md:col-span-7">
+                    <!--:Card:-->
+                     
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                       <div class="p-4 pb-0">
+                        <h5 class="text-lg">Overview</h5>
+                        <p class="text-zinc-400">Basic details of customer</p>
+                       </div>
+                        <div class="p-4">
+                            <div class="flex flex-wrap -mx-2">
+                                <div class="w-full px-2 sm:w-6/12 mb-4">
+                                    <label class="mb-1 block">Name</label>
+                                    <input type="text" class="input" placeholder="Name">
+                                </div>
+                                <div class="w-full px-2 sm:w-6/12 mb-4">
+                                    <label class="mb-1 block">Username</label>
+                                    <input type="text" class="input" placeholder="@username">
+                                </div>
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Email</label>
+                                    <input type="email" class="input" placeholder="Email">
+                                </div>
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Phone</label>
+                                    <input type="text" class="input" placeholder="Phone">
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                       <div class="p-4 pb-0">
+                        <h5 class="text-lg">Address</h5>
+                        <p class="text-zinc-400">Address of customer</p>
+                       </div>
+                        <div class="p-4">
+                            <div class="flex flex-wrap -mx-2">
+                                <div class="w-full px-2 sm:w-6/12 mb-4">
+                                    <label class="mb-1 block">Country</label>
+                                    <div>
+                                        <div class="relative">
+                                            <select class="js-select"
+                                                placeholder="Select a country">
+                                                <option value="Scotland">Scotland</option>
+                                                <option value="India">India</option>
+                                                <option value="USA" selected>United States</option>
+                                                <option value="Australia">Australia</option>
+                                                <option value="France">France</option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Address</label>
+                                    <input type="text" class="input" placeholder="Address">
+                                </div>
+                                <div class="w-full sm:w-6/12 px-2 mb-4 sm:mb-0">
+                                    <label class="mb-1 block">City</label>
+                                    <input type="email" class="input" placeholder="City">
+                                </div>
+                                <div class="w-full sm:w-6/12 px-2">
+                                    <label class="mb-1 block">Postal code</label>
+                                    <input type="text" class="input" placeholder="Postal code">
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="md:col-span-5">
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                        <div class="p-4 pb-0">
+                        <h5 class="text-lg">Image</h5>
+                        <p class="text-zinc-400">Avatar image of customer</p>
+                       </div>
+                        <div class="p-4">
+                            <div class="flex flex-col items-center gap-1.5">
+                                <div
+                                    class="size-24 flex items-center justify-center shadow-lg border-4 border-white dark:border-zinc-900 mb-5 rounded-full bg-zinc-200 dark:bg-zinc-700">
+                                    <span class="icon-[iconoir--media-image-plus] text-lg"></span>
+                                </div>
+                                <div class="flex items-center gap-2.5">
+                                    <label for="upload_profile">
+                                        <input type="file" id="upload_profile" class="appearance-none hidden">
+                                        <button type="button"
+                                            class="btn bg-primary hover:bg-primary-deep text-white">Upload
+                                            Image</button>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                        <div class="p-4 pb-0">
+                        <h5 class="text-lg">Tags</h5>
+                        <p class="text-zinc-400">Customer account tags</p>
+                       </div>
+                        <div class="p-4 flex flex-col space-y-4">
+                            <select class="js-select" multiple>
+                                <option value="Inactive">Inactive</option>
+                                <option value="New" selected>New</option>
+                                <option value="Pro">Pro</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!--:Page footer:-->
+            <div
+                class="flex items-center justify-end gap-2.5 mb-4">
+                <button type="submit"
+                    class="btn border border-red-500 text-red-500 hover:bg-red-500 hover:text-white"><span
+                        class="icon-[lucide--trash] text-lg me-1 leading-none"></span> Discard</button>
+                <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep"><span
+                        class="icon-[lucide--upload] text-lg me-1 leading-none"></span> Submit</button>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Page scripts:-->
+           <script src="vendor/js/tom-select.complete.min.js"></script>
+  <script>
+    document.querySelectorAll('.js-select').forEach(select => {
+      new TomSelect(select, {
+        
+        create: true
+      });
+    });
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/customer-details.html b/public_html/raven-demo/customer-details.html
new file mode 100644
index 0000000..729e808
--- /dev/null
+++ b/public_html/raven-demo/customer-details.html
@@ -0,0 +1,1103 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item active">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item customers_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item customers_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item customers_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item customers_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Dashboard</a></li>
+               <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><a href="customer-list.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Customers</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Caleb Michael Stone</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                <div class="md:col-span-4">
+                    <!--:Card:-->
+                    <div
+                        class="flex flex-col h-full rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 lg:p-6 relative">
+                       <a data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Edit User" href="customer-edit.html"
+                        class="btn btn-default size-8 !p-0 ml-auto !rounded-full">
+                        <span class="icon-[lucide--edit] text-lg"></span>
+                       </a>
+                        <div class="text-center mb-5">
+                            <img src="images/avatars/thumb-1.jpg" class="w-24 rounded-full block mx-auto mb-5">
+                            <h5 class="text-lg">Caleb Michael Stone</h5>
+                        </div>
+                        <div class="flex flex-col pt-5">
+                            <span class="mb-1 text-muted">Email</span>
+                            <h5>caleb.stone@gmail.com</h5>
+                        </div>
+                        <div class="flex flex-col pt-5">
+                            <span class="mb-1 text-muted">Phone</span>
+                            <h5>+01 1234567890</h5>
+                        </div>
+                        <div class="flex flex-col pt-5">
+                            <span class="mb-1 text-muted">Location</span>
+                            <h5>Edinburgh, Scotland</h5>
+                        </div>
+                        <div class="flex flex-col pt-5">
+                            <span class="mb-1 text-muted">Last active</span>
+                            <h5>23h ago</h5>
+                        </div>
+                        <div class="flex flex-col pt-5">
+                            <span class="mb-2 text-muted">Social</span>
+                            <div class="flex flex-wrap items-center gap-1">
+                                <a href="#!"
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                    <span class="icon-[iconoir--facebook] text-lg"></span>
+                                </a>
+                                <a href="#!"
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                    <span class="icon-[iconoir--x] text-lg"></span>
+                                </a>
+                                <a href="#!"
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                     <span class="icon-[iconoir--linkedin] text-lg"></span>
+                                </a>
+                                <a href="#!"
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                     <span class="icon-[iconoir--discord] text-lg"></span>
+                                </a>
+                            </div>
+                        </div>
+                        <div class="flex flex-col pt-5 gap-1">
+                            <a href="#!" class="btn bg-primary hover:bg-primary-deep text-white">
+                                <span class="icon-[lucide--message-circle-more] text-lg me-2"></span>Send
+                                Message</a>
+                            <a href="#!"
+                                class="btn border border-red-500 hover:border-red-600 text-red-500 hover:bg-red-500 hover:text-white">
+                                <span class="icon-[lucide--trash] text-lg me-2"></span>
+                                Delete</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="md:col-span-8">
+                    <!--:Card:-->
+                    <div
+                        class="flex flex-col h-full rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 lg:p-6">
+                        <h5 class="text-lg mb-2">Purchase history</h5>
+                        <div class="overflow-x-auto mb-7">
+                            <table class="w-full">
+                            <tbody class="divide-y whitespace-nowrap divide-zinc-200 dark:divide-zinc-800">
+                                <tr>
+                                    <td class="p-4">Ace pro Plan</td>
+                                    <td class="p-4">
+                                        <div class="flex items-center">
+                                            <span class="size-2 bg-blue-500 rounded-full me-1"></span> Upcoming
+                                        </div>
+                                    </td>
+                                    <td class="p-4">13-06-2025</td>
+                                    <td class="p-4">$49</td>
+                                </tr>
+                                <tr>
+                                    <td class="p-4">Ace pro Plan</td>
+                                    <td class="p-4">
+                                        <div class="flex items-center">
+                                            <span class="size-2 bg-green-500 rounded-full me-1"></span> Paid
+                                        </div>
+                                    </td>
+                                    <td class="p-4">12-05-2025</td>
+                                    <td class="p-4">$49</td>
+                                </tr>
+                                <tr>
+                                    <td class="p-4">Ace pro Plan</td>
+                                    <td class="p-4">
+                                        <div class="flex items-center">
+                                            <span class="size-2 bg-green-500 rounded-full me-1"></span> Paid
+                                        </div>
+                                    </td>
+                                    <td class="p-4">11-04-2025</td>
+                                    <td class="p-4">$49</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        </div>
+                        <h5 class="text-lg mb-5">Address book</h5>
+                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                            <div class="p-4 rounded-lg border border-zinc-200 dark:border-zinc-800">
+                                <h6 class="mb-2 text-lg">Billing Address</h6>
+                                <p>
+                                    123 Lorem Street<br>
+                                    Edinburgh<br>
+                                    00001<br>
+                                    Scotland
+                                </p>
+                            </div>
+                            <div class="p-4 rounded-lg border border-zinc-200 dark:border-zinc-800">
+                                <h6 class="mb-2 text-lg">Delivery Address</h6>
+                                <p>
+                                    123 Lorem Street<br>
+                                    Edinburgh<br>
+                                    00001<br>
+                                    Scotland
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/customer-edit.html b/public_html/raven-demo/customer-edit.html
new file mode 100644
index 0000000..4919ad2
--- /dev/null
+++ b/public_html/raven-demo/customer-edit.html
@@ -0,0 +1,1147 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <!--:Page styles:-->
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item active">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item customers_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item customers_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item customers_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item customers_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+<!--:page header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Edit</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center">
+                    <a href="index.html" class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">
+                        Dashboard</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">customers</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Caleb Michael Stone</span></li>
+            </ol>
+        </div>
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8">
+            <div class="grid grid-cols-1 md:grid-cols-12 mb-4 gap-4">
+                <div class="md:col-span-7">
+                     <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                       <div class="p-4 pb-0">
+                       
+                     <h5 class="text-lg">Overview</h5>
+                     <p class="text-zinc-400">Basic details about customer</p>
+                       </div>
+                        <div class="p-4">
+                            <div class="flex flex-wrap -mx-2">
+                                <div class="w-full px-2 sm:w-6/12 mb-4">
+                                    <label class="mb-1 block">Name</label>
+                                    <input type="text" class="input" value="Caleb Michael Stone">
+                                </div>
+                                <div class="w-full px-2 sm:w-6/12 mb-4">
+                                    <label class="mb-1 block">Username</label>
+                                    <input type="text" class="input" value="@clmstone">
+                                </div>
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Email</label>
+                                    <input type="email" class="input" value="caleb.stone@gmail.com">
+                                </div>
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Phone</label>
+                                    <input type="text" class="input" value="+91 1234567890">
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                        <div class="p-4 pb-0">
+                     <h5 class="text-lg">Address</h5>
+                     <p class="text-zinc-400">Edit the address details of customer</p>
+                        </div>
+                        <div class="p-4">
+                            <div class="flex flex-wrap -mx-2">
+                                <div class="w-full px-2 sm:w-6/12 mb-4">
+                                    <label class="mb-1 block">Country</label>
+                                    <div>
+                                        <div class="relative">
+                                            <select class="js-select"
+                                                placeholder="Select a country">
+                                                <option value="United States" selected>Scotland</option>
+                                                <option value="India">India</option>
+                                                <option value="USA">United States</option>
+                                                <option value="Australia">Australia</option>
+                                                <option value="France">France</option>
+                                                
+                                            </select>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Address</label>
+                                    <input type="text" class="input" value="123, Lorem Street">
+                                </div>
+                                <div class="w-full sm:w-6/12 px-2 mb-4 sm:mb-0">
+                                    <label class="mb-1 block">City</label>
+                                    <input type="email" class="input" value="Edinburgh">
+                                </div>
+                                <div class="w-full sm:w-6/12 px-2">
+                                    <label class="mb-1 block">Postal code</label>
+                                    <input type="text" class="input" value="00001">
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="md:col-span-5">
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                        <div class="p-4 pb-0">
+                       
+                     <h5 class="text-lg">Image</h5>
+                     <p class="text-zinc-400">Customer avatar</p>
+                       </div>
+                        <div class="p-4">
+                            <div class="flex flex-col items-center gap-1.5">
+                                <img src="images/avatars/thumb-2.jpg"
+                                    class="size-24 border-4 border-white dark:border-zinc-800 mb-5 shadow-lg shrink-0 rounded-full">
+                                <div class="flex items-center gap-2.5">
+                                    <label for="upload_profile">
+                                        <input type="file" id="upload_profile" class="appearance-none hidden">
+                                        <button type="button"
+                                            class="btn bg-primary hover:bg-primary-deep text-white">Change
+                                            Image</button>
+                                    </label>
+                                    <button type="button"
+                                        class="btn btn-default">Remove</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                      <div class="p-4 pb-0">
+                       
+                     <h5 class="text-lg">Account</h5>
+                     <p class="text-zinc-400">Customer account actions</p>
+                       </div>
+                        <div class="p-4 flex flex-col space-y-2 divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                            <div class="flex justify-between items-center gap-3.5 pb-2">
+                                <label for="account_banned">
+                                    <span class="h5 block">Banned</span>
+                                    <span class="text-muted">Ban this account</span>
+                                </label>
+                                <input type="checkbox" class="input-switch" id="account_banned">
+                            </div>
+                            <div class="flex justify-between items-center gap-3.5 pb-2">
+                                <label for="account_suspend">
+                                    <span class="h5 block">Suspend</span>
+                                    <span class="text-muted">Suspend this account</span>
+                                </label>
+                                <input type="checkbox" class="input-switch" id="account_suspend">
+                            </div>
+                            <div class="flex justify-between items-center gap-3.5">
+                                <label for="account_block">
+                                    <span class="h5 block">Block</span>
+                                    <span class="text-muted">Block this account permanentaly</span>
+                                </label>
+                                <input type="checkbox" class="input-switch" id="account_block">
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                       <div class="p-4 pb-0">
+                       
+                     <h5 class="text-lg">Tags</h5>
+                     <p class="text-zinc-400">Customer account tags</p>
+                       </div>
+                        <div class="p-4 relative z-1 flex flex-col">
+                            <select class="js-select" multiple>
+                                <option value="Inactive">Inactive</option>
+                                <option value="New" selected>New</option>
+                                <option value="Pro">Pro</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!--:Page footer:-->
+            <div
+                class=" pb-4 flex items-center justify-end gap-2">
+                 <button type="submit"
+                    class="btn border border-red-500 text-red-500 hover:bg-red-500 hover:text-white"><span
+                        class="icon-[lucide--trash] text-lg me-1 leading-none"></span> Delete</button>
+                <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep"><span
+                        class="icon-[lucide--upload] text-lg me-1 leading-none"></span> Save</button>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Page scripts:-->
+        <script src="vendor/js/tom-select.complete.min.js"></script>
+  <script>
+    document.querySelectorAll('.js-select').forEach(select => {
+      new TomSelect(select, {
+        
+        create: true
+      });
+    });
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/customer-list.html b/public_html/raven-demo/customer-list.html
new file mode 100644
index 0000000..716c33b
--- /dev/null
+++ b/public_html/raven-demo/customer-list.html
@@ -0,0 +1,1615 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdn.datatables.net/2.3.3/css/dataTables.dataTables.css">
+    <link rel="stylesheet" href="https://cdn.datatables.net/select/3.0.1/css/select.dataTables.css">
+    <link href="vendor/css/tom-select.min.css" rel="stylesheet">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item active">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item customers_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item customers_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item customers_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item customers_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+<!--:page header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Customers</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center">
+                    <a href="index.html" class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">
+                        Dashboard</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Customers</span></li>
+            </ol>
+        </div>
+        <!--:Page content:-->
+        <div class="content flex-grow lg:px-4">
+            <div class="grid grid-cols-1 px-4">
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                    <div class="flex flex-wrap gap-2 items-center p-4 border-b border-zinc-500/10 dark:border-zinc-800">
+                        <!--:Table:-->
+                        <div class="flex-grow">
+                            <div class="relative">
+                                <input type="search" class="input !ps-9" name="customerSearch" id="customerSearch"
+                                placeholder="Search customer">
+                                 <span class="iconify icon-[lucide--search] pointer-events-none absolute start-0 top-0 h-full flex items-center justify-center ms-3 text-muted"></span>
+                            </div>
+                        </div>
+                        <div class="flex items-center flex-wrap justify-end gap-2">
+                            <button id="deleteBtn" class="btn bg-red-500 text-white hover:bg-red-600"
+                                style="display: none;">Delete</button>
+                            <div class="flex-grow w-56 sm:w-auto">
+                                <select id="statusFilter" class="js-select w-full sm:w-56">
+                                <option value="" selected>All</option>
+                                <option value="Active">Active</option>
+                                <option value="Suspended">Suspended</option>
+                                <option value="Pending">Pending</option>
+                                <option value="Blocked">Blocked</option>
+                            </select>
+                            </div>
+                            <div class="flex items-center gap-2">
+                                <div class="relative">
+                                <button data-bs-toggle="dropdown" type="button" class="btn bg-sky-500 text-white hover:bg-sky-600">
+                                <span class="icon-[lucide--download] text-lg me-1"></span>
+                                Download <span class="icon-[lucide--chevron-down] ms-1"></span></button>
+                                <div class="dropdown-menu w-48 z-50 absolute !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--copy] dropdown-icon"></span> Copy Json
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--printer] dropdown-icon"></span> Print
+                                    </a>
+                                     <a href="#!" class="dropdown-item">
+                                        <img src="images/files/excel.svg" class="h-4 me-2" alt=""> Download Exel
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <img src="images/files/csv.svg" class="h-4 me-2" alt=""> Download .CSV
+                                    </a>
+                                     <a href="#!" class="dropdown-item">
+                                        <img src="images/files/pdf.svg" class="h-4 w-auto me-2" alt=""> Download .PDF
+                                    </a>
+                                </div>
+                            </div>
+                            <a href="customer-create.html"
+                                class="btn bg-primary shrink-0 text-white hover:bg-primary-deep">
+                                <span class="icon-[lucide--user-plus] text-lg me-1"></span>
+                                Create New</a>
+                            </div>
+                        </div>
+                    </div>
+
+                    <table id="table_customers" class="table-default">
+                        <thead>
+                            <tr>
+                                <th>
+                                </th>
+                                <th class="text-nowrap">
+                                    <div class="flex items-center">
+                                        Name
+                                    </div>
+                                </th>
+                                <th class="text-nowrap">
+                                    <div class="flex items-center">
+                                        Email
+                                    </div>
+                                </th>
+                                <th class="text-nowrap">
+                                    <div class="flex items-center">
+                                        Location
+                                    </div>
+                                </th>
+                                <th class="text-nowrap">
+                                    <div class="flex items-center">
+                                        Status
+                                    </div>
+                                </th>
+                                <th class="text-nowrap">
+                                    <div class="flex items-center">
+                                        Spent
+                                    </div>
+                                </th>
+                                <th class="text-nowrap" data-orderable="false">
+
+                                </th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-4.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Caleb Michael Stone</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">caleb.stone@gmail.com</td>
+                                <td class="whitespace-nowrap">Edinburgh, Scotland</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$73,210</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <span
+                                            class="size-6 flex items-center justify-center rounded-full bg-yellow-500/30 text-yellow-600 text-xs font-semibold me-2 shrink-0 leading-none">N</span>
+                                        <h6>Nathaniel Jameson</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">nathaniel@jameson.com</td>
+                                <td class="whitespace-nowrap">Paris, France</td>
+                                <td><span class="badge bg-red-500/10  text-red-500">Blocked</span>
+                                </td>
+                                <td>$134,319</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-3.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Elias Matthew Carter</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">elias.matthew@cartermail.com</td>
+                                <td class="whitespace-nowrap">Auckland, New Zealand</td>
+                                <td><span class="badge bg-zinc-400/20 text-muted">Suspended</span>
+                                </td>
+                                <td>$59,430</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-6.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Andrew Noel Harding</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">andrew.harding@outlook.com</td>
+                                <td class="whitespace-nowrap">Dublin, Ireland</td>
+                                <td><span class="badge bg-red-500/10  text-red-500">Blocked</span>
+                                </td>
+                                <td>$49,700</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-2.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Gabriel Thomas Wells</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">gabriel.wells@outlook.com</td>
+                                <td class="whitespace-nowrap">Austin, USA</td>
+                                <td><span
+                                        class="badge badge-outline !border-yellow-500/10 !bg-yellow-500/20 text-yellow-500">Pending</span>
+                                </td>
+                                <td>$18,920</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <span
+                                            class="size-6 flex items-center justify-center rounded-full bg-green-500/30 text-green-500 text-xs font-semibold me-2 shrink-0 leading-none">P</span>
+                                        <h6>Peter Brown</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">peter@brown.com</td>
+                                <td class="whitespace-nowrap">Delhi, India</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$111,342</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <span
+                                            class="size-6 flex items-center justify-center rounded-full bg-red-500/30 text-red-500 text-xs font-semibold me-2 shrink-0 leading-none">N</span>
+                                        <h6>Natalia</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">natalia@doe.com</td>
+                                <td class="whitespace-nowrap">San Fransisco, USA</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$212,987</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-7.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Isaac Benjamin Cross</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">isaacbenjamin@cross.com</td>
+                                <td class="whitespace-nowrap">Copenhagen, Denmark</td>
+                                <td><span class="badge bg-red-500/10  text-red-500">Blocked</span>
+                                </td>
+                                <td>$134,319</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <span
+                                            class="size-6 flex items-center justify-center rounded-full bg-primary-subtle text-primary text-xs font-semibold me-2 shrink-0 leading-none">T</span>
+                                        <h6>Theodore Paul Ramsey</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">theodore.ramsey@domain.com</td>
+                                <td class="whitespace-nowrap">Lisbon, Portugal</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$105,800</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-4.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Rebecca Taylor</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">rebecca@taylor.com</td>
+                                <td class="whitespace-nowrap">Madrid, Spain</td>
+                                <td><span
+                                        class="badge badge-outline !border-yellow-500/10 !bg-yellow-500/20 text-yellow-500">
+                                        Pending</span>
+                                </td>
+                                <td>$58,493</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-6.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Lucas Jeremiah Ford</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">lucas.ford@mailhost.com</td>
+                                <td class="whitespace-nowrap">Oslo, Norway</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$81,600</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <span
+                                            class="size-6 flex items-center justify-center rounded-full bg-zinc-500/30 text-zinc-500 text-xs font-semibold me-2 shrink-0 leading-none">M</span>
+                                        <h6>Micah Steven Langford</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">micah.langford@domain.com</td>
+                                <td class="whitespace-nowrap">Cape Town, South Africa</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$76,420</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-5.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Joshua Emmanuel Blake</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">joshua.blake@ymail.com</td>
+                                <td class="whitespace-nowrap">Vancouver, Canada</td>
+                                <td><span class="badge bg-red-500/10  text-red-500">Blocked</span>
+                                </td>
+                                <td>$134,319</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-7.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Adam Milne</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">adam@milne.com</td>
+                                <td class="whitespace-nowrap">New York, USA</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$134,319</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-1.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Elizabeth Wilson</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">elizabeth@wilson.com</td>
+                                <td class="whitespace-nowrap">Porto, Portugal</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$93,820</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-7.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Samuel Jordan Pierce</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">samuel.pierce@protonmail.com</td>
+                                <td class="whitespace-nowrap">Melbourne, Australia</td>
+                                <td><span class="badge bg-zinc-400/20 text-muted">Suspended</span>
+                                </td>
+                                <td>$65,390</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-6.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Thomas Davis</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">thomas@davis.com</td>
+                                <td class="whitespace-nowrap">Milan, Italy</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$234,569</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <span
+                                            class="size-6 flex items-center justify-center rounded-full bg-red-500/30 text-red-500 text-xs font-semibold me-2 shrink-0 leading-none">S</span>
+                                        <h6>Seth Alexander Monroe</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">seth.monroe@mailbox.com</td>
+                                <td class="whitespace-nowrap">Prague, Czech Republic</td>
+                                <td><span class="badge bg-zinc-400/20 text-muted">Suspended</span>
+                                </td>
+                                <td>$31,250</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+    <script src="vendor/js/jquery.min.js"></script>
+    <script src="https://cdn.datatables.net/2.3.3/js/dataTables.js"></script>
+    <script src="https://cdn.datatables.net/select/3.0.1/js/dataTables.select.js"></script>
+    <script src="https://cdn.datatables.net/select/3.0.1/js/select.dataTables.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const table = new DataTable('#table_customers', {
+                lengthChange: false,
+                pageLength: 9,
+                scrollX: true,
+                dom: 'lrtip',
+                columnDefs: [
+                    {
+                        orderable: false,
+                        searchable: false,
+                        render: DataTable.render.select(),
+                        targets: 0,
+                    }
+                ],
+                select: {
+                    style: 'os',
+                    selector: 'td:first-child',
+                    headerCheckbox: false
+                },
+                order: [[1, 'asc']],
+            });
+            const searchInput = document.getElementById('customerSearch');
+            searchInput.addEventListener('input', e => {
+                table.search(e.target.value).draw();
+            });
+            table.on('draw', () => {
+                const rowCount = table.rows({ search: 'applied' }).count();
+                if (rowCount === 0) {
+                    searchInput.setAttribute('disabled', 'disabled');
+                } else {
+                    searchInput.removeAttribute('disabled');
+                }
+            });
+            const deleteBtn = document.getElementById("deleteBtn");
+            table.on('select deselect', function () {
+                const selectedRows = table.rows({ selected: true }).count();
+                if (selectedRows > 0) {
+                    deleteBtn.style.display = "inline-block";
+                } else {
+                    deleteBtn.style.display = "none";
+                }
+            });
+            deleteBtn.addEventListener('click', () => {
+                table.rows({ selected: true }).remove().draw();
+                deleteBtn.style.display = 'none'; // hide button after delete
+            });
+            document.getElementById('statusFilter').addEventListener('change', function () {
+                table.columns(4).search(this.value).draw();
+            });
+        });
+    </script>
+
+    <!--:Select:-->
+    <script src="vendor/js/tom-select.complete.min.js"></script>
+    <script>
+        document.querySelectorAll('.js-select').forEach(select => {
+            new TomSelect(select, {
+                create: false,
+                allowEmptyOption: true
+            });
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/demos.html b/public_html/raven-demo/demos.html
new file mode 100644
index 0000000..a38d895
--- /dev/null
+++ b/public_html/raven-demo/demos.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body data-bs-spy="scroll" data-bs-target="#appLandingNavbar" data-bs-root-margin="00px 0px -40%"
+    data-bs-smooth-scroll="true" tabindex="0"
+    class="font-theme flex flex-col h-full text-base font-normal bg-white dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+
+
+
+    <section id="demoSection" class="relative bg-zinc-200 dark:bg-zinc-950">
+        <div class="max-w-5xl px-4 lg:px-8 mx-auto py-12 lg:py-16 text-center">
+            <div>
+                <h2 class="text-xl lg:text-4xl mb-4 text-center !font-bold">Quick start with pre-made demos</h2>
+                <p class="sm:text-lg max-w-xl mx-auto lg:px-12 text-center mb-9 lg:mb-16">
+                    Raven is Fast, responsive, and beautifully crafted admin dashboard template with TailwindCSS 4
+                </p>
+            </div>
+            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-12">
+                <a href="index.html" target="_blank"
+                    class="text-center shadow-card block bg-white dark:bg-zinc-800 rounded-xl transition-all duration-200 hover:-translate-y-2">
+                    <img src="images/demos/dashboard.png" class="max-w-full rounded-md block">
+                    <div class="p-4">
+                        <h5 class="mb-1 inline-block text-lg text-center">Main Admin Dashboard</h5>
+                        <p class="px-2">7 Dashboards + Multiple Layouts + RTL & Dark Mode.</p>
+                    </div>
+                </a>
+                <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                    class="text-center shadow-card block bg-white dark:bg-zinc-800 rounded-xl transition-all duration-200 hover:-translate-y-2">
+                    <img src="images/demos/landing.png" class="max-w-full rounded-md block">
+                    <div class="p-4">
+                        <h5 class="mb-1 text-lg text-center">Landing page</h5>
+                        <p class="px-2">Simple & beautifully designed landing page with modern animations and smooth scroll.</p>
+                    </div>
+                </a>
+                <a href="https://raven-nextjs.vercel.app/dashboard" target="_blank"
+                    class="text-center shadow-card block bg-white dark:bg-zinc-800 rounded-xl transition-all duration-200 hover:-translate-y-2">
+                    <img src="images/demos/nextjs.png" class="max-w-full rounded-md block">
+                    <div class="p-4">
+                        <h5 class="mb-1 inline-block text-lg text-center">Starter kits</h5>
+                        <p class="px-4">
+                            Now featuring starter versions for both <strong>Next.js 16.x</strong> and <strong>Angular 20.x</strong>, Experience how the Raven starter kits deliver a clean, modern foundation.
+                        </p>
+                    </div>
+                </a>
+            </div>
+            <div class="flex items-center justify-center max-w-md mx-auto px-4">
+                <p class="px-5">
+                    ✨ Stay tuned - exciting new pages, demos, and features are on the way.
+                </p>
+            </div>
+        </div>
+    </section>
+
+    <section id="package" class="relative bg-white dark:bg-zinc-900">
+        <div class="max-w-4xl px-4 lg:px-8 mx-auto py-12 lg:py-16">
+            <div class=" text-center">
+                <h2 class="text-xl lg:text-3xl mb-3 text-center">Package</h2>
+                <p class="max-w-md text-muted mx-auto text-center mb-9">
+                    With single purchase, you will get
+                </p>
+            </div>
+            <ul class="flex flex-col items-center gap-4">
+                <li class="flex items-center gap-3">
+                    <span class="icon-[lucide--check] text-green-500"></span>
+                    <div class="flex-grow">
+                        Full HTML main demo with all pages, components, and layouts
+                    </div>
+                </li>
+                <li class="flex items-center gap-3">
+                    <span class="icon-[lucide--check] text-green-500"></span>
+                    <div class="flex-grow">
+                        Angular 20.x starter version of main demo
+                    </div>
+                </li>
+                <li class="flex items-center gap-3">
+                    <span class="icon-[lucide--check] text-green-500"></span>
+                    <div class="flex-grow">
+                        Next.js 16.x starter version of main demo
+                    </div>
+                </li>
+                <li class="flex items-center gap-3">
+                    <span class="icon-[lucide--check] text-green-500"></span>
+                    <div class="flex-grow">
+                        Beautifully designed landing page
+                    </div>
+                </li>
+                <li class="flex items-center gap-3">
+                    <span class="icon-[lucide--check] text-green-500"></span>
+                    <div class="flex-grow">
+                        Demo 2 - Starter kit with different layout style.
+                    </div>
+                </li>
+                <li class="flex items-center gap-3">
+                    <span class="icon-[lucide--check] text-green-500"></span>
+                    <div class="flex-grow">
+                        Lifetime free updates and support
+                    </div>
+                </li>
+            </ul>
+
+        </div>
+    </section>
+
+
+    <footer class="py-4 px-4 text-center">
+        <span class="text-sm text-muted">&copy; Copyright <span id="year"></span>. Raven by <a target="_blank"
+                href="https://wrapmarket.com/shop/design_mylife">creativeDM</a></span>
+    </footer>
+
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <script>
+        document.getElementById("year").textContent = new Date().getFullYear();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/docs-changelog.html b/public_html/raven-demo/docs-changelog.html
new file mode 100644
index 0000000..ffd6e72
--- /dev/null
+++ b/public_html/raven-demo/docs-changelog.html
@@ -0,0 +1,1268 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item @@page_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item @@page_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item @@page_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item @@page_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl">Documentation</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
+                    <div class="md:col-span-4 lg:col-span-3 mb-4">
+                        <!--:Navbar:-->
+                        <nav class="flex flex-col space-y-0.5">
+                            <a href="docs.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Intro & Setup
+                            </a>
+                            <a href="docs-structure.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Structure
+                            </a>
+                            <a href="docs-customization.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Customization
+                            </a>
+                            <a href="docs-credits.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Credits
+                            </a>
+                            <a href="docs-changelog.html"
+                                class="px-3 py-2 rounded-lg flex items-center active [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Changelog
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9 mb-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Changelog</h5>
+                            </div>
+
+                            <div class="p-4">
+                                <div class="flex flex-col">
+                                    <ul class="pl-4">
+                                        <li>V2.8.5 - 17 Oct 2025 <span
+                                                class="badge bg-primary-subtle text-primary">Current</span>
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added - NextJs 16.x starter kit</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                     <ul class="pl-4">
+                                        <li>V2.8.4 - 08 Oct 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Fixed - Modal & offcanvas show hide animations</li>
+                                                <li>Added - Restaurant dashboard demo</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.8.3 - 07 Oct 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Upgraded - Tailwindcss v4.1.14</li>
+                                                <li>Improved - Landing page </li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.8.2 - 24 Sep 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added - Landing page demo</li>
+                                                <li>Added - new sidebar dark option for light mode </li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                     <ul class="pl-4">
+                                        <li>V2.8.1 - 18 Sep 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added - Education dashboard and course pages</li>
+                                                <li>Added - new layout style - combo </li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                      <ul class="pl-4">
+                                        <li>V2.8 - 09 Sep 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added - Separate demo 2</li>
+                                                <li>Added - timeline page </li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.7 - 06 Sep 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added - social dashboard</li>
+                                                <li>Added - step wizards</li>
+                                                <li>Added - cleave inputs</li>
+                                                <li>Added - create app</li>
+                                                <li>Added - Modal examples page</li>
+                                                <li>Added - Authentication side layouts</li>
+                                                <li>Updated - Project tasks page</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.6 - 02 Sep 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added - Mask images - Check avatars page</li>
+                                                <li>Added - Sweet Alerts-Toast notifications</li>
+                                                <li>Added - Sortablejs demo component page</li>
+                                                <li>Added - Text divider component page</li>
+                                                <li>Updated - Form inputs redesigned</li>
+                                                <li>Removed - Notfy.js - Replaced with Sweet alerts</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.5 - 29 Aug 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added Profile pages - profile and profile about</li>
+                                                <li>Added Datatables v2.3.x - replaced with simple-datatables</li>
+                                                <li>Added navs component with auto scroll to active</li>
+                                                <li>Nuxt & Sevelte starter versions on hold for now</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.4 - 23 Aug 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added Horizontal layout</li>
+                                                <li>Added new offcanvas demos - top, bottom, large</li>
+                                                <li>Upgraded to Tailwindcss - v4.1.8 -> v4.1.12</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.3.2 - 21 Aug 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added Svelte 5.x starter version</li>
+                                                <li>Updated sidebar scroll - auto scroll to current active page link
+                                                </li>
+                                                <li>Fixed - Sidebar scroll alignment in RTL mode</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.3.1 - 19 Aug 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added input floating label</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.3.0 - 16 Aug 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added Nuxt 4.0.x starter version</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.2.0 - 13 Aug 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added angular 20.x starter version</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.1 - 011 Aug 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added new Jobs dashboard</li>
+                                                <li>Added new app API</li>
+                                                <li>Added new Widgets cards</li>
+                                                <li>Added header shadow on scroll</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.0 - 02 Aug 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Layouts redesigned</li>
+                                                <li>Added - Forms validation</li>
+                                                <li>Added - Simple scrollbar</li>
+                                                <li>Replaced - Apexcharts with Echarts</li>
+                                                <li>Replaced - Flatpickr with Date range picker</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.5 - 19 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Extended - Analytics, and Ecommerce dashboard</li>
+                                                <li>Added - Notifications notyf Js</li>
+                                                <li>Added - Page Invoice</li>
+                                                <li>Added - Page search results</li>
+                                                <li>Added - Component tooltips & popovers</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.4 - 17 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Updated - Ecommerce dashboard</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.3 - 14 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Added help center pages</li>
+                                                <li>Added footer</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.2.2 - 12 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Added new widget cards</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.2.1 - 11 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.2 - 10 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Added RTL support</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.1.1 - 08 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Added new dashboard - Education</li>
+                                                <li>Customized sidebar wide - to collapsible</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.1 - 05 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Added new app - File manager</li>
+                                                <li>Added new layout - sidebar wide</li>
+                                                <li>Added new chart widget cards</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.0 - 03 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Initial release</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/docs-credits.html b/public_html/raven-demo/docs-credits.html
new file mode 100644
index 0000000..55bb119
--- /dev/null
+++ b/public_html/raven-demo/docs-credits.html
@@ -0,0 +1,1073 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item @@page_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item @@page_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item @@page_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item @@page_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl">Documentation</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
+                    <div class="md:col-span-4 lg:col-span-3 mb-4">
+                        <!--:Navbar:-->
+                        <nav class="flex flex-col space-y-0.5">
+                            <a href="docs.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+
+                                Intro & Setup
+                            </a>
+                            <a href="docs-structure.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Structure
+                            </a>
+                            <a href="docs-customization.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Customization
+                            </a>
+                            <a href="docs-credits.html"
+                                class="px-3 py-2 rounded-lg flex items-center active [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Credits
+                            </a>
+                            <a href="docs-changelog.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Changelog
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9 mb-4">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Credits</h5>
+                                <p>Thank you to the following plugins for make this theme more powerfull</p>
+                            </div>
+
+                            <div class="p-4">
+                                <div class="flex flex-col">
+                                    <table class="table-default">
+                                        <tbody>
+                                            <tr>
+                                                <td><a href="https://tailwindcss.com/" target="_blank" class="text-primary hover:underline">
+                                                        TailwindCss
+                                                    </a></td>
+                                                <td>Built on Tailwindcss4</td>
+                                            </tr>
+                                            <tr>
+                                                <td><a href="https://angular.dev/overview" target="_blank" class="text-primary hover:underline">
+                                                        Angular
+                                                    </a></td>
+                                                <td>version 20.1.x</td>
+                                            </tr>
+                                            <tr>
+                                                <td><a href="https://getbootstrap.com/" target="_blank" class="text-primary hover:underline">
+                                                        BootstrapJs Only
+                                                    </a></td>
+                                                <td> Required for Collapse, Tabs, and Dropdown</td>
+                                            </tr>
+                                             <tr>
+                                                <td><a href="https://iconify.design/" target="_blank" class="text-primary hover:underline">
+                                                        Iconify
+                                                    </a></td>
+                                                <td> 200000+ Icons</td>
+                                            </tr>
+                                             <tr>
+                                                <td><a href="https://gulpjs.com/" target="_blank" class="text-primary hover:underline">
+                                                      Gulp
+                                                    </a></td>
+                                                <td> Used for html/css/js automation</td>
+                                            </tr>
+                                            <tr>
+                                                <td><a href="https://sortablejs.github.io/Sortable/" target="_blank" class="text-primary hover:underline">
+                                                      SortableJs
+                                                    </a></td>
+                                                <td></td>
+                                            </tr>
+                                            <tr>
+                                                <td><a href="https://jvm-docs.vercel.app/" target="_blank" class="text-primary hover:underline">
+                                                      Js Vector Map
+                                                    </a></td>
+                                                <td></td>
+                                            </tr>
+                                             <tr>
+                                                <td><a href="https://echarts.apache.org/en/index.html" target="_blank" class="text-primary hover:underline">
+                                                     Echarts
+                                                    </a></td>
+                                                <td></td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/docs-customization.html b/public_html/raven-demo/docs-customization.html
new file mode 100644
index 0000000..ee4fa60
--- /dev/null
+++ b/public_html/raven-demo/docs-customization.html
@@ -0,0 +1,1037 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item @@page_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item @@page_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item @@page_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item @@page_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl">Documentation</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div
+                class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
+                    <div class="md:col-span-4 lg:col-span-3 mb-4">
+                        <!--:Navbar:-->
+                         <nav class="flex flex-col space-y-0.5">
+                            <a href="docs.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                               
+                                Intro & Setup
+                            </a>
+                            <a href="docs-structure.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Structure
+                            </a>
+                            <a href="docs-customization.html"
+                                class="px-3 py-2 rounded-lg flex items-center active [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                               Customization
+                            </a>
+                            <a href="docs-credits.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Credits
+                            </a>
+                            <a href="docs-changelog.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Changelog
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9 mb-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Customization</h5>
+                                <p>Customize the Raven's look and feel</p>
+                            </div>
+
+                            <div class="p-4">
+                               <h5 class="text-lg">Fonts</h5>
+                                <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Import Google font of your choice in &lt;head&gt;&lt;/head&gt;:--&gt;
+&lt;link rel="preconnect" href="https://fonts.googleapis.com"&gt;
+&lt;link rel="preconnect" href="https://fonts.gstatic.com" crossorigin&gt;
+&lt;link href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"&gt;
+                                
+&lt;!--:Update the font variable in css file:--&gt;
+--font-theme: "Inter", "system-ui", "sans-serif","Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+</code></pre>
+<div class="py-2"></div>
+<h5 class="text-lg">Primary theme Color</h5>
+<p>Open Css file and update the color values</p>
+<pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Change the values according to your brand color:--&gt;
+--color-primary:#42C088  [Main color];
+--color-primary-deep:#32B379  [:Hover];
+--color-primary-subtle:#42C0881f  [Light, Keep the last 2 digits 1F with main color, or add your own primary dark];
+</code></pre>
+                            </div>
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+<!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/docs-structure.html b/public_html/raven-demo/docs-structure.html
new file mode 100644
index 0000000..f3ed001
--- /dev/null
+++ b/public_html/raven-demo/docs-structure.html
@@ -0,0 +1,1044 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item @@page_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item @@page_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item @@page_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item @@page_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl">Documentation</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div
+                class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
+                    <div class="md:col-span-4 lg:col-span-3 mb-4">
+                        <!--:Navbar:-->
+                         <nav class="flex flex-col space-y-0.5">
+                            <a href="docs.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                               
+                                Intro & Setup
+                            </a>
+                            <a href="docs-structure.html"
+                                class="px-3 py-2 rounded-lg flex items-center active [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Structure
+                            </a>
+                            <a href="docs-customization.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                               Customization
+                            </a>
+                            <a href="docs-credits.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Credits
+                            </a>
+                            <a href="docs-changelog.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Changelog
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9 mb-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Folder structure 📂</h5>
+                                <p>Understand folder structure of Raven and everything contains with description.</p>
+                            </div>
+
+                            <div class="p-4">
+                                 <p>Extract download folder - open code/ folder and you will find</p>
+                           
+                               <pre class="docs-code"><code class="html hljs language-xml" data-highlighted="yes">
+📦full-demos/main
+├── 📂 dist                           &gt; Contain template static &amp; generated assets
+│&nbsp;&nbsp; ├── 📂 css                          &gt; Compiled css file
+│&nbsp;&nbsp; ├── 📂 images                       &gt; Images (jpeg/png)
+│&nbsp;&nbsp; ├── 📂 js                           &gt; Compiled JS files
+│&nbsp;&nbsp; ├── 📂 vendor                       &gt; Third party plugins Css/Js files
+│&nbsp;&nbsp; ├── 📄 .html                        &gt; Compiled Html files
+├── 📂 src                            &gt; src files
+│&nbsp;&nbsp; ├── 📂 css                        &gt; src css files
+│&nbsp;&nbsp; ├── 📂 html                       &gt; src Html files
+│&nbsp;&nbsp; ├── 📂 js                         &gt; src js files compiled to theme.js
+├── 📄 postcss.config.js                 &gt; postcss config file
+├── 📄 tailwind.config.js                &gt; Template build config file
+├── 📄 gulpfile.js                       &gt; Gulpfile
+├── 📄 package.json                      &gt; Installed dependencies
+
+📦starter-kits/angular-20-starter - Angular starter
+📦starter-kits/demo2 - demo 2 starter kit
+📄docs.html - redirect to documentation
+</code></pre>
+<div class="pt-4">
+
+</div>
+                            </div>
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+<!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/docs.html b/public_html/raven-demo/docs.html
new file mode 100644
index 0000000..59f1b14
--- /dev/null
+++ b/public_html/raven-demo/docs.html
@@ -0,0 +1,1054 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item @@page_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item @@page_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item @@page_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item @@page_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl">Documentation</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div
+                class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
+                    <div class="md:col-span-4 lg:col-span-3 mb-4">
+                        <!--:Navbar:-->
+                         <nav class="flex flex-col space-y-0.5">
+                            <a href="docs.html"
+                                class="px-3 py-2 rounded-lg flex items-center active [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                               
+                                Intro & Setup
+                            </a>
+                            <a href="docs-structure.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Structure
+                            </a>
+                            <a href="docs-customization.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                               Customization
+                            </a>
+                            <a href="docs-credits.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Credits
+                            </a>
+                            <a href="docs-changelog.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Changelog
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9 mb-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Rapidly build stunning Web Apps with Raven 🚀</h5>
+                                <p>Developer friendly, Highly customizable & Carefully crafted HTML Admin Dashboard Template.</p>
+                            </div>
+
+                            <div class="p-4">
+                                <h5 class="text-lg mb-2">Installation & Setup</h5>
+                                <div class="rounded-lg bg-cyan-500/20 text-cyan-700 px-4 py-2 mb-4" role="alert">
+                                    Info: Please note, the use of Node, Gulp and their advanced settings are totally optional. You can use and customize the template without using them too.
+                                </div>
+                                <ul class="list-decimal pl-4 space-y-3">
+                                   <li>
+              First of all, make sure you have installed
+              <a href="https://nodejs.org/en/" target="_blank" class="text-primary"><strong>Node</strong></a> (LTS). If Node.js is already installed in your system, make sure the installed version is <code>LTS</code> and jump to step 2.
+            </li>
+            
+            <li>
+             Install the Gulp CLI: Open Terminal/Command Prompt and run the following command and wait until it finishes. If you have already installed Gulp CLI, you can skip this step.
+               <div class="relative px-4 pb-2 mt-2 bg-zinc-50 dark:bg-zinc-800 rounded-lg">
+                <pre class="mt-0 !p-0"><code class="mt-0 hljs !p-0 !pb-2 !bg-transparent">
+npm install --global gulp-cli
+</code></pre>
+               </div>
+            </li>
+            <li>
+              Navigate to the Raven root directory and run following command to install our local dependencies listed in package.json.
+               <div class="relative px-4 pb-2 mt-2 bg-zinc-50 dark:bg-zinc-800 rounded-lg">
+                <pre class="mt-0 !p-0"><code class="mt-0 hljs !p-0 !pb-2 !bg-transparent">
+npm install
+</code></pre>
+               </div>
+            </li>
+            <li>
+                Now, you are ready to run <code class="px-1 py-0.5 rounded bg-zinc-500 text-white leading-none">npm</code> tasks, below command will start the server and watch the code using <a href="https://browsersync.io/" target="_blank" class="text-primary"><strong>browsersync</strong></a>.
+                 Open <a href="http://localhost:3000/" class="text-primary" name="robots" content="noindex"><strong>http://localhost:3000/</strong></a> to check your development 🚀
+               <div class="relative px-4 pb-2 mt-2 bg-zinc-50 dark:bg-zinc-800 rounded-lg">
+                <pre class="mt-0 !p-0"><code class="mt-0 hljs !p-0 !pb-2 !bg-transparent">
+npx gulp
+</code></pre>
+               </div>
+            </li>
+                                </ul>
+                            </div>
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+<!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/education-course-details.html b/public_html/raven-demo/education-course-details.html
new file mode 100644
index 0000000..2fb8c67
--- /dev/null
+++ b/public_html/raven-demo/education-course-details.html
@@ -0,0 +1,1479 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdn.plyr.io/3.8.3/plyr.css" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item active">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item app_education_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item app_education_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item app_education_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item app_education_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow pt-4 px-4 lg:px-8">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+
+                <div class="md:col-span-8">
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="p-4">
+                           <div class="mb-4">
+                             <h5 class="text-2xl mb-1">
+                                Web Design – Basic to Advance
+                            </h5>
+                            <p class="mb-2">Learn modern web design from scratch to professional level</p>
+                            <span class="shrink-0 badge bg-amber-500/10 text-amber-500">UI UX</span>
+                           </div>
+                            <!--:Video player:-->
+                            <div class="cursor-pointer rounded-xl overflow-hidden shadow-card mb-6">
+                                <video class="w-full"
+                                    poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg"
+                                    id="plyr-video-player" playsinline controls>
+                                    <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4"
+                                        type="video/mp4" />
+                                </video>
+                            </div>
+                            <!--:Meta:-->
+                            <div class="flex items-center gap-2 mb-4">
+                                <button type="button"
+                                    class="flex cursor-pointer items-center gap-1 badge bg-primary-subtle text-primary hover:bg-primary hover:text-white !text-sm">
+                                    <span class="icon-[lucide--share]"></span> Share
+                                </button>
+                                <button type="button"
+                                    class="flex cursor-pointer items-center gap-1 badge bg-primary-subtle text-primary hover:bg-primary hover:text-white !text-sm">
+                                    <span class="icon-[lucide--bookmark-plus]"></span> Bookmark
+                                </button>
+                            </div>
+                            <div class="mb-6">
+                                <h6 class="mb-2 text-lg">About this course</h6>
+                                <p class="mb-2">
+                                    This course covers everything you need to become a professional web designer. From
+                                    HTML, CSS, JavaScript fundamentals to advanced responsive design, UI/UX best
+                                    practices, and hands-on projects. Perfect for beginners and those looking to upgrade
+                                    their skills ipsum dolor sit amet.
+                                </p>
+                                <p>
+                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+                                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                                    irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+                                    pariatur.
+                                </p>
+                            </div>
+                            <div class="mb-6">
+                                <h6 class="mb-2 text-lg">Course in numbers</h6>
+                                <ul class="gap-2 flex flex-col">
+                                    <li class="flex items-center gap-2">
+                                        <span class="icon-[lucide--check]"></span>
+                                        <div class="flex items-center gap-1">Skill levels : <h6>Beginners</h6>
+                                        </div>
+                                    </li>
+                                    <li class="flex items-center gap-2">
+                                        <span class="icon-[lucide--users]"></span>
+                                        <div class="flex items-center gap-1">Students : <h6>4938</h6>
+                                        </div>
+                                    </li>
+                                    <li class="flex items-center gap-2">
+                                        <span class="icon-[lucide--video]"></span>
+                                        <div class="flex items-center gap-1">Lectures : <h6>44</h6>
+                                        </div>
+                                    </li>
+                                    <li class="flex items-center gap-2">
+                                        <span class="icon-[lucide--globe]"></span>
+                                        <div class="flex items-center gap-1">Language : <h6>English</h6>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div>
+                                <h6 class="mb-2 text-lg">What You’ll Learn</h6>
+                                <ul class="list-disc ps-4 gap-2 flex flex-col">
+                                    <li>Understand HTML5, CSS3, and JavaScript basics</li>
+                                    <li>Build modern responsive websites</li>
+                                    <li>Learn Flexbox & CSS Grid for layouts</li>
+                                    <li>Apply UI/UX principles in real projects</li>
+                                    <li>Work with design tools like Figma</li>
+                                    <li>Build a complete portfolio website</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="p-4">
+                            <h5 class="text-lg mb-4">
+                                Instructor
+                            </h5>
+                            <div class="flex items-center gap-4">
+                                <img src="images/avatars/thumb-2.jpg" alt="" class="size-16 rounded-full shrink-0">
+                                <div class="flex-grow">
+                                    <h6>Emily doe</h6>
+                                    <p class="text-zinc-400 mb-1">Front end developer</p>
+                                    <span class="flex items-center gap-1">
+                                        <span class="icon-[tabler--star-filled] text-amber-500"></span>
+                                        4.7 (3.5K)
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="md:col-span-4">
+                    <h5 class="text-lg mb-2">Requirements</h5>
+                    <!--:Card:-->
+                    <div class="rounded-xl p-4 bg-white dark:bg-zinc-900 shadow-card mb-4">
+                        <ul class="ps-4 list-disc flex flex-col gap-2">
+                            <li>
+                                No coding or design experience necessary
+                            </li>
+                            <li>
+                                Any computer works - Windows, macOS or Linux
+                            </li>
+                            <li>
+                                You don’t need to buy any software - we will use the best free code editor in the world
+                            </li>
+                        </ul>
+                    </div>
+                    <h5 class="text-lg mb-2">Course content</h5>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <ul id="course_content" class="px-4 divide-y divide-zinc-200 dark:divide-zinc-800">
+                            <li>
+                                <!--:Collapse item:-->
+                                <div class="collapse-item">
+                                    <button class="flex w-full items-center justify-between cursor-pointer py-2.5"
+                                        type="button" data-bs-toggle="collapse" data-bs-target="#contentWelcome"
+                                        aria-expanded="true" aria-controls="contentWelcome">
+                                        <div class="flex-grow overflow-hidden">
+                                            <h5 class="flex-grow truncate text-start">Welcome and first steps</h5>
+                                            <p class="text-sm text-zinc-400 text-start">7 lessons</p>
+                                        </div>
+                                        <span
+                                            class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-4 flex items-center justify-center"></span>
+                                    </button>
+                                    <div id="contentWelcome" class="collapse show" data-bs-parent="#course_content">
+                                        <div class="pb-4">
+                                            <ul class="flex flex-col gap-3.5">
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Course Structure and Projects</span>
+                                                        <span class="text-zinc-400 text-sm">05:34</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--file]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Read Before You Start!</span>
+                                                        <span class="text-zinc-400 text-sm">00:48</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">A High-Level Overview of Web
+                                                            Development</span>
+                                                        <span class="text-zinc-400 text-sm">11:01</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Setting Up Our Code Editor</span>
+                                                        <span class="text-zinc-400 text-sm">08:52</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Your Very First Webpage!</span>
+                                                        <span class="text-zinc-400 text-sm">09:55</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Downloading Course Material</span>
+                                                        <span class="text-zinc-400 text-sm">04:21</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Watch Before You Start!</span>
+                                                        <span class="text-zinc-400 text-sm">05:22</span>
+                                                    </div>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                            <li>
+                                <!--:Collapse item:-->
+                                <div class="collapse-item">
+                                    <button class="flex w-full items-center justify-between cursor-pointer py-2.5"
+                                        type="button" data-bs-toggle="collapse" data-bs-target="#contentHtml"
+                                        aria-expanded="true" aria-controls="contentHtml">
+                                        <div class="flex-grow overflow-hidden">
+                                            <h5 class="flex-grow truncate text-start">HTML Fundamentals</h5>
+                                            <p class="text-sm text-zinc-400 text-start">12 lessons</p>
+                                        </div>
+                                        <span
+                                            class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-4 flex items-center justify-center"></span>
+                                    </button>
+                                    <div id="contentHtml" class="collapse" data-bs-parent="#course_content">
+                                        <div class="pb-4">
+                                            <ul class="flex flex-col gap-3.5">
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Section Intro</span>
+                                                        <span class="text-zinc-400 text-sm">00:34</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--file]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Introduction to HTML</span>
+                                                        <span class="text-zinc-400 text-sm">00:48</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">HTML Document Structure</span>
+                                                        <span class="text-zinc-400 text-sm">11:01</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Text Elements</span>
+                                                        <span class="text-zinc-400 text-sm">22:52</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Images and Attributes</span>
+                                                        <span class="text-zinc-400 text-sm">12:55</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Hyperlinks</span>
+                                                        <span class="text-zinc-400 text-sm">04:21</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Structuring our Page</span>
+                                                        <span class="text-zinc-400 text-sm">05:22</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Installing Additional VS Code Extensions</span>
+                                                        <span class="text-zinc-400 text-sm">07:17</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">CHALLENGE #1</span>
+                                                        <span class="text-zinc-400 text-sm">11:10</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">CHALLENGE #2</span>
+                                                        <span class="text-zinc-400 text-sm">09:00</span>
+                                                    </div>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                            <li>
+                                <!--:Collapse item:-->
+                                <div class="collapse-item">
+                                    <button class="flex w-full items-center justify-between cursor-pointer py-2.5"
+                                        type="button" data-bs-toggle="collapse" data-bs-target="#contentCss"
+                                        aria-expanded="true" aria-controls="contentCss">
+                                        <div class="flex-grow overflow-hidden">
+                                            <h5 class="flex-grow truncate text-start">CSS Fundamentals</h5>
+                                            <p class="text-sm text-zinc-400 text-start">14 lessons</p>
+                                        </div>
+                                        <span
+                                            class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-4 flex items-center justify-center"></span>
+                                    </button>
+                                    <div id="contentCss" class="collapse" data-bs-parent="#course_content">
+                                        <div class="pb-4">
+                                            <ul class="flex flex-col gap-3.5">
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Section Intro</span>
+                                                        <span class="text-zinc-400 text-sm">00:34</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--file]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Introduction to CSS</span>
+                                                        <span class="text-zinc-400 text-sm">00:48</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Inline, Internal and External CSS</span>
+                                                        <span class="text-zinc-400 text-sm">11:01</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Styling Text</span>
+                                                        <span class="text-zinc-400 text-sm">22:52</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Combining Selectors</span>
+                                                        <span class="text-zinc-400 text-sm">12:55</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Class and ID Selectors</span>
+                                                        <span class="text-zinc-400 text-sm">04:21</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Working With Colors</span>
+                                                        <span class="text-zinc-400 text-sm">05:22</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Pseudo-classes</span>
+                                                        <span class="text-zinc-400 text-sm">07:17</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Using Chrome DevTools</span>
+                                                        <span class="text-zinc-400 text-sm">04:11</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Using Margins and Paddings</span>
+                                                        <span class="text-zinc-400 text-sm">05:10</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">CHALLENGE #1</span>
+                                                        <span class="text-zinc-400 text-sm">09:00</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">CHALLENGE #2</span>
+                                                        <span class="text-zinc-400 text-sm">11:00</span>
+                                                    </div>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Video player:-->
+    <script src="https://cdn.plyr.io/3.8.3/plyr.js"></script>
+    <script>
+        const player = new Plyr('#player');
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/education-courses.html b/public_html/raven-demo/education-courses.html
new file mode 100644
index 0000000..c3d8aa1
--- /dev/null
+++ b/public_html/raven-demo/education-courses.html
@@ -0,0 +1,1180 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item active">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item app_education_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item app_education_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item app_education_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item app_education_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">My Courses</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Education</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Courses</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Action card:-->
+            <div class="rounded-xl flex flex-wrap gap-4 bg-white dark:bg-zinc-900 shadow-card mb-4 p-4">
+                <div class="flex-grow">
+                    <form>
+                        <div class="relative">
+                            <input type="text" class="input !pr-12" placeholder="Search course...">
+                            <button type="submit"
+                                class="btn bg-primary hover:bg-primary-deep text-white !p-0 size-7 rounded-full flex items-center justify-center absolute end-1 top-1/2 -translate-y-1/2">
+                                <span class="icon-[lucide--search]"></span>
+                            </button>
+                        </div>
+                    </form>
+                </div>
+                <div class="relative shrink-0">
+                    <button data-bs-auto-close="outside" data-bs-toggle="dropdown" type="button"
+                        class="btn btn-default gap-2" aria-expanded="false">
+                        <span class="icon-[lucide--sliders-horizontal]"></span> Filter
+                    </button>
+                    <div class="dropdown-menu absolute !end-0 !start-auto top-full min-w-44 !p-4 !mt-1">
+                        <div class="flex flex-col space-y-3">
+
+                            <label for="course_uiux" class="flex items-center cursor-pointer gap-2">
+                                <input type="checkbox" class="input-checkbox" id="course_uiux">
+                                <span>UI UX design</span>
+                            </label>
+
+                            <label for="course_development" class="flex items-center cursor-pointer gap-2">
+                                <input type="checkbox" class="input-checkbox" id="course_development">
+                                <span>Development</span>
+                            </label>
+                            <label for="course_ai" class="flex items-center cursor-pointer gap-2">
+                                <input type="checkbox" class="input-checkbox" id="course_ai">
+                                <span>AI</span>
+                            </label>
+                            <label for="course_photography" class="flex items-center cursor-pointer gap-2">
+                                <input type="checkbox" class="input-checkbox" id="course_photography">
+                                <span>Photography</span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-3 sm:grid-cols-2 gap-4 mb-4">
+                <!--:Course card:-->
+                <div class="rounded-xl p-2 bg-white dark:bg-zinc-900 shadow-card">
+                    <a href="#!">
+                        <img src="images/projects/2.jpg" class="max-w-full rounded-xl mb-4" alt="">
+                    </a>
+                    <div class="flex items-center justify-between gap-3.5 px-4 pb-4">
+                        <span class="shrink-0 badge bg-amber-500/10 text-amber-500">UI UX</span>
+                        <div class="flex items-center gap-2 divide-x divide-zinc-200 dark:divide-zinc-800">
+                            <span class="flex items-center gap-1 pe-2">
+                                4.4
+                                <span class="icon-[tabler--star-filled] text-amber-500"></span>
+                            </span>
+                            <span class="flex items-center gap-1">
+                                249
+                                <span class="icon-[lucide--users] text-primary leading-none"></span>
+                            </span>
+                        </div>
+                    </div>
+                    <div class="px-4 pb-4">
+                        <a href="education-course-details.html"
+                            class="text-lg font-semibold block mb-2 text-zinc-900 dark:text-white">Prototype in
+                            figma</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <!--progress-->
+                        <div class="mb-4">
+                            <div class="flex items-center gap-1 mb-2">
+                                <span class="icon-[lucide--history]"></span>
+                                2h 25m
+                            </div>
+                            <div class="h-1.5 bg-zinc-500/20 rounded-full flex-grow">
+                                <div class="progress-bg h-1.5 bg-zinc-500 rounded-full" style="width: 60%;"></div>
+                            </div>
+                        </div>
+                        <div class="flex flex-col gap-2">
+                            <button type="button" class="btn bg-zinc-100 dark:bg-zinc-700 hover:bg-zinc-200 dark:hover:bg-zinc-600 dark:hover:text-white">Start over</button>
+                            <button type="button"
+                                class="btn bg-primary text-white hover:bg-primary-deep">Resume</button>
+                        </div>
+                    </div>
+                </div>
+                <!--:Course card:-->
+                <div class="rounded-xl p-2 bg-white dark:bg-zinc-900 shadow-card">
+                    <a href="#!">
+                        <img src="images/projects/3.jpg" class="max-w-full rounded-xl mb-4" alt="">
+                    </a>
+                    <div class="flex items-center justify-between gap-3.5 px-4 pb-4">
+                        <span class="shrink-0 badge bg-sky-500/10 text-sky-500">Development</span>
+                        <div class="flex items-center gap-2 divide-x divide-zinc-200 dark:divide-zinc-800">
+                            <span class="flex items-center gap-1 pe-2">
+                                4.7
+                                <span class="icon-[tabler--star-filled] text-amber-500"></span>
+                            </span>
+                            <span class="flex items-center gap-1">
+                                146
+                                <span class="icon-[lucide--users] text-primary leading-none"></span>
+                            </span>
+                        </div>
+                    </div>
+                    <div class="px-4 pb-4">
+                        <a href="education-course-details.html"
+                            class="text-lg font-semibold block mb-2 text-zinc-900 dark:text-white">
+                            Python development</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <!--progress-->
+                        <div class="mb-4">
+                            <div class="flex items-center gap-1 mb-2">
+                                <span class="icon-[lucide--history]"></span>
+                                6h 25m
+                            </div>
+                            <div class="h-1.5 bg-zinc-500/20 rounded-full flex-grow">
+                                <div class="progress-bg h-1.5 bg-zinc-500 rounded-full" style="width: 75%;"></div>
+                            </div>
+                        </div>
+                        <div class="flex flex-col gap-2">
+                           <button type="button" class="btn bg-zinc-100 dark:bg-zinc-700 hover:bg-zinc-200 dark:hover:bg-zinc-600 dark:hover:text-white">Start over</button>
+                            <button type="button"
+                                class="btn bg-primary text-white hover:bg-primary-deep">Resume</button>
+                        </div>
+                    </div>
+                </div>
+                <!--:Course card:-->
+                <div class="rounded-xl p-2 bg-white dark:bg-zinc-900 shadow-card">
+                    <a href="#!">
+                        <img src="images/projects/4.jpg" class="max-w-full rounded-xl mb-4" alt="">
+                    </a>
+                    <div class="flex items-center justify-between gap-3.5 px-4 pb-4">
+                        <span class="shrink-0 badge bg-green-500/10 text-green-500">AI</span>
+                        <div class="flex items-center gap-2 divide-x divide-zinc-200 dark:divide-zinc-800">
+                            <span class="flex items-center gap-1 pe-2">
+                                4.9
+                                <span class="icon-[tabler--star-filled] text-amber-500"></span>
+                            </span>
+                            <span class="flex items-center gap-1">
+                                98
+                                <span class="icon-[lucide--users] text-primary leading-none"></span>
+                            </span>
+                        </div>
+                    </div>
+                    <div class="px-4 pb-4">
+                        <a href="education-course-details.html"
+                            class="text-lg font-semibold block mb-2 text-zinc-900 dark:text-white">
+                            AI masterclass
+                        </a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <!--progress-->
+                        <div class="mb-4">
+                            <div class="flex items-center gap-1 mb-2">
+                                <span class="icon-[lucide--history]"></span>
+                                1h 25h
+                            </div>
+                            <div class="h-1.5 bg-zinc-500/20 rounded-full flex-grow">
+                                <div class="progress-bg h-1.5 bg-zinc-500 rounded-full" style="width: 40%;"></div>
+                            </div>
+                        </div>
+                        <div class="flex flex-col gap-2">
+                            <button type="button" class="btn bg-zinc-100 dark:bg-zinc-700 hover:bg-zinc-200 dark:hover:bg-zinc-600 dark:hover:text-white">Start over</button>
+                            <button type="button"
+                                class="btn bg-primary text-white hover:bg-primary-deep">Resume</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-4">
+                <!--:Course card:-->
+                <div class="rounded-xl p-4 lg:p-6 bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="flex items-center gap-4">
+                        <div class="flex-grow md:pe-12">
+                            <h5 class="text-lg mb-0.5">Earn a Certificate</h5>
+                            <p class="mb-4">Get the right professional certificate program for you.</p>
+                        <a href="#!" class="btn btn-sm bg-zinc-700 text-white hover:bg-zinc-800">View programs</a>
+                        </div>
+                         <div class="shrink-0 w-24">
+                            <img src="images/illustrations/trophy.png" alt="" class="max-w-full">
+                        </div>
+                    </div>
+                </div>
+                <!--:Course card:-->
+                <div class="rounded-xl p-4 lg:p-6 bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="flex items-center gap-4">
+                        <div class="flex-grow md:pe-12">
+                            <h5 class="text-lg mb-0.5">Top Rated Courses</h5>
+                            <p class="mb-4">Enroll now in the most popular and best rated courses.</p>
+                        <a href="#!" class="btn btn-sm bg-zinc-700 text-white hover:bg-zinc-800">View Courses</a>
+                        </div>
+                         <div class="shrink-0 w-24">
+                            <img src="images/illustrations/courses.png" alt="" class="max-w-full">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/forms-autosize.html b/public_html/raven-demo/forms-autosize.html
new file mode 100644
index 0000000..c5b929f
--- /dev/null
+++ b/public_html/raven-demo/forms-autosize.html
@@ -0,0 +1,1017 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item forms_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item forms_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item forms_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item forms_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item active">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Autosize</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Forms</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Autosize</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Autosize textarea
+                    </h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-col max-w-2xl gap-2">
+                        
+                            <textarea id="descStandalone" rows="5" placeholder="Add description here" class="input"></textarea>
+                        
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Textarea:--&gt;
+&lt;textarea id="descStandalone" rows="5" placeholder="Add description here" class="input mb-3"&gt;&lt;/textarea&gt;
+
+&lt;!--:Script required:--&gt;
+&lt;script src="vendor/js/autosize.min.js"&gt;&lt;/script&gt;
+ &lt;script&gt;
+  autosize(document.querySelectorAll('textarea'));
+ &lt;/script>
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+     <!--:Page scripts:-->
+    <script src="vendor/js/autosize.min.js"></script>
+    <script>
+        autosize(document.querySelectorAll('textarea'));
+    </script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/forms-cleave-js.html b/public_html/raven-demo/forms-cleave-js.html
new file mode 100644
index 0000000..d02a430
--- /dev/null
+++ b/public_html/raven-demo/forms-cleave-js.html
@@ -0,0 +1,1035 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item forms_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item forms_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item forms_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item forms_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item active">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Cleave</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Forms</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Cleave</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Cleave
+                    </h5>
+                    <p>Format input text content automatically, <a class="text-primary border-b border-dashed hover:text-current" href="https://nosir.github.io/cleave.js/" target="_blank">Offical Docs</a></p>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-col max-w-2xl gap-2">
+                        <input type="text" class="input" placeholder="Try Credit/Debit Card number" id="cardNumber">
+                        <input type="text" class="input" placeholder="MM/YY" id="cardExpiry">
+                        <input type="text" class="input" placeholder="123" id="cardCVV">
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+
+&lt;!--:Script required:--&gt;
+&lt;script src="vendor/js/cleave.min.js"&gt;&lt;/script&gt;
+
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+     <!--:Page scripts:-->
+    <script src="vendor/js/cleave.min.js"></script>
+    <script>
+        new Cleave('#cardNumber', {
+      creditCard: true,
+      onCreditCardTypeChanged: function (type) {
+        console.log('Detected card type:', type);
+        // you could show a logo here dynamically
+      }
+    });
+     // Expiry date formatting (MM/YY)
+    new Cleave('#cardExpiry', {
+      date: true,
+      datePattern: ['m', 'y']
+    });
+
+    // CVV - numeric only
+    new Cleave('#cardCVV', {
+      numeral: true,
+      numeralPositiveOnly: true,
+      numeralIntegerScale: 3 // allows 3 or 4 digits
+    });
+    </script>
+     
+
+
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/forms-input.html b/public_html/raven-demo/forms-input.html
new file mode 100644
index 0000000..d1c076b
--- /dev/null
+++ b/public_html/raven-demo/forms-input.html
@@ -0,0 +1,1162 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item forms_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item forms_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item forms_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item forms_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item active">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Input</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Forms</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Input</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Floating labels
+                    </h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-col max-w-sm gap-2">
+                        
+                        <div class="flex flex-col gap-4">
+                            <!--:Floating input wrapper:-->
+                            <div class="floating-label relative">
+                                <input type="text" id="fname" class="peer" placeholder="" />
+                                <label for="fname">Default</label>
+                            </div>
+                            <!--:Floating input wrapper:-->
+                            <div class="floating-label floating-label-lg relative">
+                                <input type="text" id="fname2" class="peer" placeholder="" />
+                                <label for="fname2">Large</label>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Floating input wrapper:--&gt;
+&lt;div class="floating-label relative"&gt;
+  &lt;input type="text" id="fname" class="peer" placeholder="" /&gt;
+  &lt;label for="fname">Default&lt;/label&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Sizing</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-col max-w-sm gap-2">
+                        <input type="text" class="input input-sm" placeholder="Input Small">
+                        <input type="text" class="input" placeholder="Input Default">
+                        <input type="text" class="input input-lg" placeholder="Input Large">
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;input type="text" class="input input-sm" placeholder="Input Small"&gt;
+&lt;input type="text" class="input" placeholder="Input Default"&gt;
+&lt;input type="text" class="input input-lg" placeholder="Input Large"&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Icon</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-col max-w-sm gap-2">
+                        <div class="relative">
+                            <input type="text" class="input input-sm !pl-8 peer" name="input-sm"
+                                placeholder="Input Default">
+                            <span
+                                class="icon-[lucide--circle-user] pointer-events-none absolute text-base left-3 top-1/2 -translate-y-1/2 text-zinc-400 peer-focus:text-primary"></span>
+                        </div>
+                        <div class="relative">
+                            <input type="text" class="input !pl-9 peer" name="input-default"
+                                placeholder="Input Default">
+                            <span
+                                class="icon-[lucide--circle-user] pointer-events-none absolute text-lg left-3 top-1/2 -translate-y-1/2 text-zinc-400 peer-focus:text-primary"></span>
+                        </div>
+                        <div class="relative">
+                            <input type="text" class="input input-lg !pl-10 peer" name="input-lg"
+                                placeholder="Input Default">
+                            <span
+                                class="icon-[lucide--circle-user] pointer-events-none absolute text-xl left-3 top-1/2 -translate-y-1/2 text-zinc-400 peer-focus:text-primary"></span>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--Small--&gt;
+&lt;div class="relative"&gt;
+    &lt;input type="text" class="input input-sm !pl-8 peer" name="input-sm" placeholder="Input Default"&gt;
+    &lt;span class="icon-[lucide--circle-user] pointer-events-none absolute text-base left-3 top-1/2 -translate-y-1/2 text-zinc-400 peer-focus:text-primary"&gt;&lt;/span&gt;
+&lt;/div&gt;
+
+&lt;!--Default--&gt;
+&lt;div class="relative"&gt;
+    &lt;input type="text" class="input !pl-9 peer" name="input-default" placeholder="Input Default"&gt;
+    &lt;span class="icon-[lucide--circle-user] pointer-events-none absolute text-lg left-3 top-1/2 -translate-y-1/2 text-zinc-400 peer-focus:text-primary"&gt;&lt;/span&gt;
+&lt;/div&gt;
+
+&lt;!--Large--&gt;
+&lt;div class="relative"&gt;
+    &lt;input type="text" class="input input-lg !pl-10 peer" name="input-lg" placeholder="Input Default"&gt;
+    &lt;span class="icon-[lucide--circle-user] pointer-events-none absolute text-xl left-3 top-1/2 -translate-y-1/2 text-zinc-400 peer-focus:text-primary"&gt;&lt;/span&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Disabled & readonly</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-col max-w-sm gap-2">
+                        <input type="text" class="input" placeholder="Input Disabled" disabled>
+                        <input type="text" class="input pointer-events-none" placeholder="Input Readonly" readonly>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;input type="text" class="input" placeholder="Input Disabled" disabled&gt;
+&lt;input type="text" class="input pointer-events-none" placeholder="Input Readonly" readonly&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Form text examples</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-col max-w-sm gap-2">
+                        <label for="userName1" class="block mb-0.5">Username</label>
+                        <input type="email" id="userName1" class="input">
+                        <!--:form text:-->
+                        <p class="mt-0.5 text-xs text-zinc-400">Must be 6–20 characters, letters and numbers only.</p>
+                    </div>
+                    <hr class="border-zinc-200 my-4">
+                    <div class="flex flex-col max-w-sm gap-2">
+                        <label for="userName1" class="block mb-0.5">Username</label>
+                        <input type="email" id="userName1" class="input just-validate-error-field"
+                            placeholder="Username">
+                        <!--:form text:-->
+                        <p class="mt-0.5 text-xs just-validate-error-label">Must be 6–20 characters, letters and numbers
+                            only.</p>
+                    </div>
+                    <hr class="border-zinc-200 my-4">
+                    <div class="flex flex-col max-w-sm gap-2">
+                        <div class="mb-0 5 flex items-center gap-2">
+                            <label for="username" class="block">Username</label>
+                            <span class="block cursor-pointer leading-none" data-bs-toggle="popover"
+                                data-bs-placement="right"
+                                data-bs-content="Must be 6–20 characters, letters and numbers only.">
+                                <span class="icon-[lucide--info]"></span>
+                            </span>
+                        </div>
+                        <input type="text" id="username" class="input">
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+ &lt;label for="userName1" class="block mb-0.5"&gt;Username &lt;/label&gt;
+ &lt;input type="email" id="userName1" class="input"&gt;
+  &lt;!--:form text:--&gt;
+ &lt;p class="mt-0.5 text-xs text-zinc-400"&gt;Must be 6–20 characters, letters and numbers only. &lt;/p&gt;
+
+ &lt;div class="mb-0 5 flex items-center gap-2"&gt;
+  &lt;label for="username" class="block"&gt;Username &lt;/label&gt;
+  &lt;span class="block cursor-pointer leading-none" data-bs-toggle="popover"
+     data-bs-placement="right" data-bs-content="Must be 6–20 characters, letters and numbers only."&gt;
+     &lt;span class="icon-[lucide--info]"> &lt;/span&gt;
+   &lt;/span>
+ &lt;/div>
+ &lt;input type="text" id="username" class="input">
+</code></pre>
+                </div>
+            </div>
+
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/forms-radio-checkbox.html b/public_html/raven-demo/forms-radio-checkbox.html
new file mode 100644
index 0000000..9fafeef
--- /dev/null
+++ b/public_html/raven-demo/forms-radio-checkbox.html
@@ -0,0 +1,1236 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item forms_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item forms_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item forms_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item forms_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item active">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Radio & checkbox</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Forms</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Radio & checkbox</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="px-4 pt-4">
+                        <h5 class="text-lg">Checkbox</h5>
+                    </div>
+                    <div class="p-4">
+                        <div class="max-w-sm gap-2">
+                            <input type="checkbox" class="input-checkbox" name="inputCheckbox">
+                            <br>
+                            <label for="checkedLabel" class="inline-flex items-center gap-2">
+                                <input checked type="checkbox" class="input-checkbox" id="checkedLabel"
+                                    name="inputCheckbox">
+                                <span>Checked</span>
+                            </label>
+                            <br>
+                            <label for="checkLabel" class="inline-flex items-center gap-2">
+                                <input type="checkbox" class="input-checkbox" id="checkLabel">
+                                <span>With label</span>
+                            </label>
+                            <br>
+                            <label for="checkDisabled"
+                                class="inline-flex mb-4 pointer-events-none opacity-60 items-center gap-2">
+                                <input disabled type="checkbox" class="input-checkbox" id="checkDisabled">
+                                <span>Disabled</span>
+                            </label>
+                            <br>
+                            <small class="font-mono text-sm block mb-2">Custom Color</small>
+                            <input type="checkbox" name="customCCheckbox"
+                                class="input-checkbox hover:!ring-yellow-500/20 hover:!border-yellow-500 checked:!ring-transparent checked:!bg-yellow-500 checked:!border-yellow-500">
+                            <input type="checkbox" name="customCCheckbox"
+                                class="input-checkbox hover:!ring-zinc-500/20 hover:!border-zinc-500 checked:!ring-transparent checked:!bg-zinc-500 checked:!border-zinc-500">
+                        </div>
+                    </div>
+                    <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                        <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;input type="checkbox" class="input-checkbox" placeholder="Input Default"&gt;
+
+&lt;label for="checkedLabel" class="inline-flex items-center gap-2"&gt;
+    &lt;input checked type="checkbox" class="input-checkbox" id="checkedLabel" name="inputCheckbox"&gt;
+    &lt;span&gt;Checked&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;label for="checkLabel" class="inline-flex items-center gap-2"&gt;
+    &lt;input type="checkbox" class="input-checkbox" id="checkLabel" name="inputCheckbox"&gt;
+    &lt;span&gt;With label&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;label for="checkDisabled" class="inline-flex pointer-events-none opacity-60 items-center gap-2"&gt;
+    &lt;input disabled type="checkbox" class="input-checkbox" id="checkDisabled" name="inputCheckbox"&gt;
+    &lt;span&gt;Disabled&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;!--Custom Color--&gt;
+&lt;input type="checkbox" name="customCCheckbox" class="input-checkbox hover:!ring-yellow-500/20 hover:!border-yellow-500 checked:!ring-transparent checked:!bg-yellow-500 checked:!border-yellow-500"&gt;
+&lt;input type="checkbox" name="customCCheckbox" class="input-checkbox hover:!ring-zinc-500/20 hover:!border-zinc-500 checked:!ring-transparent checked:!bg-zinc-500 checked:!border-zinc-500"&gt;
+</code></pre>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="px-4 pt-4">
+                        <h5 class="text-lg">Radio</h5>
+                    </div>
+                    <div class="p-4">
+                        <div class="max-w-sm gap-2">
+                            <input type="radio" class="input-radio" name="inputRadio">
+                            <br>
+                            <label for="radioChecked" class="inline-flex items-center gap-2">
+                                <input checked type="radio" class="input-radio" id="radioChecked" name="inputRadio">
+                                <span>Checked</span>
+                            </label>
+                            <br>
+                            <label for="radioLabel" class="inline-flex items-center gap-2">
+                                <input type="radio" class="input-radio" id="radioLabel" name="inputRadio">
+                                <span>With label</span>
+                            </label>
+                            <br>
+                            <label for="radioDisabled"
+                                class="inline-flex mb-4 pointer-events-none opacity-60 items-center gap-2">
+                                <input disabled type="radio" class="input-radio" id="radioDisabled" name="inputRadio">
+                                <span>Disabled</span>
+                            </label>
+                            <br>
+                            <small class="font-mono text-sm block mb-2">Custom Color</small>
+                            <input type="radio" name="customCRadio"
+                                class="input-radio hover:!ring-yellow-500/20 hover:!border-yellow-500 checked:!ring-transparent checked:!bg-yellow-500 checked:!border-yellow-500 me-2">
+                            <input type="radio" name="customCRadio"
+                                class="input-radio hover:!ring-zinc-500/20 hover:!border-zinc-500 checked:!ring-transparent checked:!bg-zinc-500 checked:!border-zinc-500">
+                        </div>
+                    </div>
+                    <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                        <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;input type="radio" class="input-radio" name="inputRadio"&gt;
+
+&lt;label for="radioChecked" class="inline-flex items-center gap-2"&gt;
+    &lt;input checked type="radio" class="input-radio" id="radioChecked" name="inputRadio"&gt;
+    &lt;span&gt;Checked&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;label for="radioLabel" class="inline-flex items-center gap-2"&gt;
+    &lt;input type="radio" class="input-radio" id="radioLabel" name="inputRadio"&gt;
+    &lt;span&gt;With label&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;label for="radioDisabled" class="inline-flex pointer-events-none opacity-60 items-center gap-2"&gt;
+    &lt;input disabled type="radio" class="input-radio" id="radioDisabled" name="inputRadio"&gt;
+    &lt;span&gt;Disabled&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;!--Custom Color--&gt;
+&lt;input type="radio" name="customCRadio" class="input-radio hover:!ring-yellow-500/20 hover:!border-yellow-500 checked:!ring-transparent checked:!bg-yellow-500 checked:!border-yellow-500"&gt;
+&lt;input type="radio" name="customCRadio" class="input-radio hover:!ring-zinc-500/20 hover:!border-zinc-500 checked:!ring-transparent checked:!bg-zinc-500 checked:!border-zinc-500"&gt; 
+</code></pre>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="px-4 pt-4">
+                        <h5 class="text-lg">Switch Checkbox</h5>
+                    </div>
+                    <div class="p-4">
+                        <div class="max-w-sm gap-2">
+                            <input type="checkbox" class="input-switch">
+                            <br>
+                            <label for="switchChecked" class="inline-flex items-center gap-2">
+                                <input checked type="checkbox" class="input-switch" id="switchChecked">
+                                <span>Checked</span>
+                            </label>
+                            <br>
+                            <label for="switchLabel" class="inline-flex items-center gap-2">
+                                <input type="checkbox" class="input-switch" id="switchLabel">
+                                <span>With label</span>
+                            </label>
+                            <br>
+                            <label for="switchDisabled"
+                                class="inline-flex mb-4 pointer-events-none opacity-60 items-center gap-2">
+                                <input disabled type="checkbox" class="input-switch" id="switchDisabled">
+                                <span>Disabled</span>
+                            </label>
+                            <br>
+                            <small class="font-mono text-sm block mb-2">Custom Color</small>
+                            <input type="checkbox"
+                                class="input-switch after:!bg-yellow-500 checked:!bg-yellow-500 checked:after:!bg-white">
+                            <input type="checkbox"
+                                class="input-switch after:!bg-zinc-500 checked:!bg-zinc-500 checked:after:!bg-white">
+                        </div>
+                    </div>
+                    <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                        <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;input type="checkbox" class="input-switch"&gt;
+
+&lt;label for="switchChecked" class="inline-flex items-center gap-2"&gt;
+    &lt;input checked type="checkbox" class="input-switch" id="switchChecked"&gt;
+    &lt;span&gt;Checked&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;label for="switchLabel" class="inline-flex items-center gap-2"&gt;
+    &lt;input type="checkbox" class="input-switch" id="switchLabel"&gt;
+    &lt;span&gt;With label&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;label for="switchDisabled" class="inline-flex pointer-events-none opacity-60 items-center gap-2"&gt;
+    &lt;input disabled type="checkbox" class="input-switch" id="switchDisabled"&gt;
+    &lt;span&gt;Disabled&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;!--Custom Color--&gt;
+&lt;input type="checkbox" class="input-switch after:!bg-yellow-500 checked:!bg-yellow-500 checked:after:!bg-white"&gt;
+&lt;input type="checkbox" class="input-switch after:!bg-zinc-500 checked:!bg-zinc-500 checked:after:!bg-white"&gt;
+</code></pre>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="px-4 pt-4">
+                        <h5 class="text-lg">Advanced</h5>
+                    </div>
+                    <div class="p-4">
+                        <div class="max-w-sm gap-2">
+                            <small class="text-mono block mb-2">Change utility to make it Radio or Checkbox</small>
+                            <label for="cUpdates" class="flex cursor-pointer items-center gap-3.5">
+                                <input type="checkbox" id="cUpdates" class="input-switch">
+                                <span class="flex-grow flex flex-col leading-tight">
+                                    <span class="text-lg font-semibold mb-0">News & updates</span>
+                                    <span class="text-sm">Excepteur sint occaecat cupidatat non proident</span>
+                                </span>
+                            </label>
+                        </div>
+                    </div>
+                    <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                        <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;label for="cUpdates" class="flex cursor-pointer items-center gap-3.5"&gt;
+    &lt;input type="checkbox" id="cUpdates" class="input-switch"&gt;
+    &lt;span class="flex-grow flex flex-col leading-tight"&gt;
+        &lt;span class="text-lg font-semibold mb-0"&gt;News & updates&lt;/span&gt;
+        &lt;span class="text-sm"&gt;Excepteur sint occaecat cupidatat non proident&lt;/span&gt;
+    &lt;/span&gt;
+&lt;/label&gt;
+</code></pre>
+                    </div>
+
+                    <div class="border-t flex flex-col gap-2 border-zinc-200 dark:border-zinc-900 py-4 px-4">
+                        <!-- Plan A -->
+                        <div class="relative p-4 rounded-lg flex items-center gap-3.5">
+                            <input type="radio" name="plan" id="planA" class="peer input-radio" checked>
+                            <label for="planA"
+                                class="absolute inset-0 w-full h-full border border-zinc-200 dark:border-zinc-700 rounded-lg p-4 cursor-pointer peer-checked:border-primary peer-checked:ring-1 peer-checked:ring-primary/20 transition-all"></label>
+                            <div>
+                                <h3 class="text-lg">Plan A</h3>
+                                <p class="text-xl font-semibold mb-1">$9/month</p>
+                                <p class="text-zinc-400">Basic features for individuals getting started.</p>
+                            </div>
+                        </div>
+                        <!-- Plan A -->
+                        <div class="relative p-4 rounded-lg flex items-center gap-3.5">
+                            <input type="radio" name="plan" id="planB" class="peer input-radio">
+                            <label for="planB"
+                                class="absolute inset-0 w-full h-full border border-zinc-200 dark:border-zinc-700 rounded-lg p-4 cursor-pointer peer-checked:border-primary peer-checked:ring-1 peer-checked:ring-primary/20 transition-all"></label>
+                            <div>
+                                <h3 class="text-lg">Plan B</h3>
+                                <p class="text-xl font-semibold mb-1">$29/month</p>
+                                <p class="text-zinc-400">Team plan for small businesses.</p>
+                            </div>
+                        </div>
+                            <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!-- Plan A --&gt;
+&lt;div class="relative p-4 rounded-lg flex items-center gap-3.5"&gt;
+    &lt;input type="radio" name="plan" id="planA" class="peer input-radio" checked&gt;
+    &lt;label for="planA" class="absolute inset-0 w-full h-full border border-zinc-200 dark:border-zinc-700 rounded-lg p-4 cursor-pointer peer-checked:border-primary peer-checked:ring-1 peer-checked:ring-primary transition-all"&gt;&lt;/label&gt;
+    &lt;div&gt;
+        &lt;h3 class="text-lg"&gt;Plan A&lt;/h3&gt;
+        &lt;p class="text-xl font-semibold mb-1"&gt;$9/month&lt;/p&gt;
+        &lt;p class="text-zinc-400"&gt;Basic features for individuals getting started.&lt;/p&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+&lt;!-- Plan A --&gt;
+&lt;div class="relative p-4 rounded-lg flex items-center gap-3.5"&gt;
+    &lt;input type="radio" name="plan" id="planB" class="peer input-radio"&gt;
+    &lt;label for="planB" class="absolute inset-0 w-full h-full border border-zinc-200 dark:border-zinc-700 rounded-lg p-4 cursor-pointer peer-checked:border-primary peer-checked:ring-1 peer-checked:ring-primary transition-all"&gt;&lt;/label&gt;
+    &lt;div&gt;
+        &lt;h3 class="text-lg"&gt;Plan B&lt;/h3&gt;
+        &lt;p class="text-xl font-semibold mb-1"&gt;$29/month&lt;/p&gt;
+        &lt;p class="text-zinc-400"&gt;Team plan for small businesses.&lt;/p&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/forms-select.html b/public_html/raven-demo/forms-select.html
new file mode 100644
index 0000000..92dc21c
--- /dev/null
+++ b/public_html/raven-demo/forms-select.html
@@ -0,0 +1,1133 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item forms_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item forms_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item forms_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item forms_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item active">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Select</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Forms</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Select</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Tom select</h5>
+                    <a class="text-sm text-primary" href="https://tom-select.js.org/" target="_blank">Tom select</a>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-md">
+                        <span class="font-mono text-sm mb-1 block">Basic example</span>
+                        <select class="js-select">
+                            <option value="a" selected>Plan A</option>
+                            <option value="b">Plan B</option>
+                            <option value="c">Plan C</option>
+                            <option value="d">Plan D</option>
+                        </select>
+                        <div class="py-2"></div>
+                        <span class="font-mono text-sm mb-1 block">Multiple + Create new tag</span>
+                        <select class="js-select" multiple>
+                            <option value="a" selected>Plan A</option>
+                            <option value="b">Plan B</option>
+                            <option value="c">Plan C</option>
+                            <option value="d">Plan D</option>
+                        </select>
+                        <div class="py-2"></div>
+                         <span class="font-mono text-sm mb-1 block">Small size example</span>
+                        <select class="js-select t-select-sm">
+                            <option value="a" selected>Plan A</option>
+                            <option value="b">Plan B</option>
+                            <option value="c">Plan C</option>
+                            <option value="d">Plan D</option>
+                        </select>
+                        <div class="py-2"></div>
+                         <span class="font-mono text-sm mb-1 block">Large size example</span>
+                        <select class="js-select t-select-lg">
+                            <option value="a" selected>Plan A</option>
+                            <option value="b">Plan B</option>
+                            <option value="c">Plan C</option>
+                            <option value="d">Plan D</option>
+                        </select>
+                    </div>
+
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--Css / Js Required--&gt;
+&lt;link href="vendor/css/tom-select.min.css" rel="stylesheet"&gt;
+&lt;script src="vendor/js/tom-select.complete.min.js"&gt;&lt;/script&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Default select</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-md">
+                        <span class="font-mono text-sm mb-1 block">Small</span>
+                        <div class="relative mb-4">
+                            <select class="input input-sm appearance-none">
+                                <option selected disabled>Select an option</option>
+                                <option value="a">Plan A</option>
+                                <option value="b">Plan B</option>
+                                <option value="c">Plan C</option>
+                                <option value="d">Plan D</option>
+                            </select>
+                            <span
+                                class="icon-[lucide--chevron-down] opacity-50 pointer-events-none absolute end-2 top-1/2 -translate-y-1/2"></span>
+                        </div>
+                        <span class="font-mono text-sm mb-1 block">Default</span>
+                        <div class="relative mb-4">
+                            <select class="input appearance-none">
+                                <option selected disabled>Select an option</option>
+                                <option value="a">Plan A</option>
+                                <option value="b">Plan B</option>
+                                <option value="c">Plan C</option>
+                                <option value="d">Plan D</option>
+                            </select>
+                            <span
+                                class="icon-[lucide--chevron-down] text-lg opacity-50 pointer-events-none absolute end-2 top-1/2 -translate-y-1/2"></span>
+                        </div>
+                        <span class="font-mono text-sm mb-1 block">Large</span>
+                        <div class="relative">
+                            <select class="input input-lg appearance-none">
+                                <option selected disabled>Select an option</option>
+                                <option value="a">Plan A</option>
+                                <option value="b">Plan B</option>
+                                <option value="c">Plan C</option>
+                                <option value="d">Plan D</option>
+                            </select>
+                            <span
+                                class="icon-[lucide--chevron-down] text-lg opacity-50 pointer-events-none absolute end-2 top-1/2 -translate-y-1/2"></span>
+                        </div>
+                    </div>
+
+                </div>
+                <div
+                    class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--Small--&gt;
+&lt;div class="relative"&gt;
+    &lt;select class="input input-sm appearance-none"&gt;
+        &lt;option selected disabled&gt;Select an option&lt;/option&gt;
+        &lt;option value="a"&gt;Plan A&lt;/option&gt;
+        ...
+    &lt;/select&gt;
+    &lt;span class="icon-[lucide--chevron-down] opacity-50 pointer-events-none absolute end-2 top-1/2 -translate-y-1/2"&gt;&lt;/span&gt;
+&lt;/div&gt;
+
+&lt;!--Default--&gt;
+&lt;div class="relative"&gt;
+    &lt;select class="input appearance-none"&gt;
+        &lt;option selected disabled&gt;Select an option&lt;/option&gt;
+        &lt;option value="a"&gt;Plan A&lt;/option&gt;
+        ...
+    &lt;/select&gt;
+    &lt;span class="icon-[lucide--chevron-down] text-lg opacity-50 pointer-events-none absolute end-2 top-1/2 -translate-y-1/2"&gt;&lt;/span&gt;
+&lt;/div&gt;
+
+&lt;!--Large--&gt;
+&lt;div class="relative"&gt;
+    &lt;select class="input input-lg appearance-none"&gt;
+        &lt;option selected disabled&gt;Select an option&lt;/option&gt;
+        &lt;option value="a"&gt;Plan A&lt;/option&gt;
+        ...
+    &lt;/select&gt;
+    &lt;span class="icon-[lucide--chevron-down] text-lg opacity-50 pointer-events-none absolute end-2 top-1/2 -translate-y-1/2"&gt;&lt;/span&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+           
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+    <!--Tom select-->
+    <script src="vendor/js/tom-select.complete.min.js"></script>
+    <script>
+       //Tom select
+document.querySelectorAll('.js-select').forEach(select => {
+    new TomSelect(select, {
+        create: true,
+    });
+});
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/forms-validation.html b/public_html/raven-demo/forms-validation.html
new file mode 100644
index 0000000..30c268e
--- /dev/null
+++ b/public_html/raven-demo/forms-validation.html
@@ -0,0 +1,1283 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item forms_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item forms_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item forms_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item forms_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item active">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Form Validation</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Forms</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Validation</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-center justify-between">
+                    <h5 class="text-lg">Example</h5>
+                    <a href="https://just-validate.dev/examples" target="_blank" class="border-b border-dashed text-primary">Just Validate</a>
+                </div>
+                <div class="p-4">
+                    <form id="advanced-usage_form" autocomplete="off" novalidate="novalidate">
+  <div class="mb-4">
+    <label class="block text-sm mb-1" for="advanced-usage_password">Password</label>
+    <div class="input-wrapper">
+      <input
+        id="advanced-usage_password"
+        class="input"
+        autocomplete="off"
+        type="password"
+        placeholder="Enter password"
+      />
+    </div>
+  </div>
+  <div class="mb-4">
+    <label class="block text-sm mb-1" for="advanced-usage_repeat-password"
+      >Repeat password</label
+    >
+    <div class="input-wrapper">
+      <input
+        id="advanced-usage_repeat-password"
+        class="input"
+        autocomplete="off"
+        type="password"
+        placeholder="Repeat password"
+      />
+    </div>
+  </div>
+  <div class="mb-4">
+    <label class="block text-sm mb-1" for="advanced-usage_message">Message</label>
+    <div class="input-wrapper">
+      <textarea
+        id="advanced-usage_message"
+        class="input textarea"
+        placeholder="Enter message"
+      ></textarea>
+    </div>
+  </div>
+  <div class="mb-4">
+    <label class="block text-sm mb-1" for="advanced-usage_favorite_animal_select"
+      >Select you favorite animal</label
+    >
+    <div class="relative">
+      <select class="input appearance-none" id="advanced-usage_favorite_animal_select">
+        <option value="">--Please select an option--</option>
+        <option value="Dog">Dog</option>
+        <option value="Cat">Cat</option>
+        <option value="Hamster">Hamster</option>
+        <option value="Parrot">Parrot</option>
+        <option value="Spider">Spider</option>
+        <option value="Goldfish">Goldfish</option>
+      </select>
+      <span class="icon-[lucide--chevron-down] opacity-50 pointer-events-none absolute end-2 top-1/2 -translate-y-1/2 text-lg opacity-60"></span>
+    </div>
+  </div>
+  <div class="mb-4">
+    <div class="label mb-2">You should give us your consent</div>
+    <div class="mb-4">
+      <div class="flex">
+        <input
+          type="checkbox"
+          id="advanced-usage_consent_checkbox"
+          class="input-checkbox"
+        /><label
+          class="block text-sm mb-1 ms-2 pb-0"
+          for="advanced-usage_consent_checkbox"
+          >I agree to provide the information</label
+        >
+      </div>
+      <div id="advanced-usage_consent_checkbox-errors-container"></div>
+    </div>
+  </div>
+  <div
+    class="mb-4"
+    id="advanced-usage_communication_checkbox_group"
+  >
+    <div class="label mb-2">Please select at least 1 option</div>
+    <div class="control-wrapper">
+      <div class="flex">
+        <input
+          type="checkbox"
+          id="advanced-usage_communication_checkbox_group_1"
+          class="input-checkbox"
+          name="communication_checkbox_group"
+        /><label
+          class="block text-sm mb-1 ms-2 pb-0"
+          for="advanced-usage_communication_checkbox_group_1"
+          >I'd like to receive news by email</label
+        >
+      </div>
+      <div
+        id="advanced-usage_communication_checkbox_group_1-errors-container"
+      ></div>
+    </div>
+    <div class="control-wrapper">
+      <div class="flex">
+        <input
+          type="checkbox"
+          id="advanced-usage_communication_checkbox_group_2"
+          class="input-checkbox"
+          name="communication_checkbox_group"
+        /><label
+          class="block text-sm mb-1 ms-2 pb-0"
+          for="advanced-usage_communication_checkbox_group_2"
+          >I'd like to receive news by post</label
+        >
+      </div>
+      <div
+        id="advanced-usage_communication_checkbox_group_2-errors-container"
+      ></div>
+    </div>
+    <div class="control-wrapper">
+      <div class="flex">
+        <input
+          type="checkbox"
+          id="advanced-usage_communication_checkbox_group_3"
+          class="input-checkbox"
+          name="communication_checkbox_group"
+        /><label
+          class="block text-sm mb-1 ms-2 pb-0"
+          for="advanced-usage_communication_checkbox_group_3"
+          >I'd like to receive news by text phone</label
+        >
+      </div>
+      <div
+        id="advanced-usage_communication_checkbox_group_3-errors-container"
+      ></div>
+    </div>
+  </div>
+  <div class="mb-4">
+    <div class="label mb-2">
+      Please select the preferred way for communication
+    </div>
+    <div id="advanced-usage_communication_radio_group">
+      <div class="control-wrapper">
+        <label class="block text-sm mb-1 flex"
+          ><input
+            type="radio"
+            id="advanced-usage_communication_radio_group_1"
+            class="input-radio"
+            name="communication_radio_group"
+          />
+          <span class="ms-2">Email</span></label
+        >
+      </div>
+      <div class="control-wrapper">
+        <label class="block text-sm mb-1 flex"
+          ><input
+            type="radio"
+            id="advanced-usage_communication_radio_group_2"
+            class="input-radio"
+            name="communication_radio_group"
+          />
+          <span class="ms-2">Text message</span></label
+        >
+      </div>
+    </div>
+  </div>
+  <div class="mb-4">
+    <label class="block text-sm mb-1" for="advanced-usage_input_number"
+      >Input any number</label
+    >
+    <div class="input-wrapper">
+      <input
+        id="advanced-usage_input_number"
+        class="input"
+        autocomplete="off"
+        type="text"
+        placeholder="Input any number"
+      />
+    </div>
+  </div>
+  <div class="mb-4">
+    <label class="block text-sm mb-1" for="advanced-usage_input_integer_number"
+      >Input an integer number</label
+    >
+    <div class="input-wrapper">
+      <input
+        id="advanced-usage_input_integer_number"
+        class="input"
+        autocomplete="off"
+        type="text"
+        placeholder="Input an integer number"
+      />
+    </div>
+  </div>
+  <div class="mb-4">
+    <label class="block text-sm mb-1" for="advanced-usage_input_number_between"
+      >Input a number between 10 and 20</label
+    >
+    <div class="input-wrapper">
+      <input
+        id="advanced-usage_input_number_between"
+        class="input"
+        autocomplete="off"
+        type="text"
+        placeholder="Input a number between 10 and 20"
+      />
+    </div>
+  </div>
+  <div class="mb-4">
+    <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep">Submit</button>
+  </div>
+</form>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <script src="vendor/js/just-validate.production.min.js"></script>
+    <script>
+const validator = new JustValidate('#advanced-usage_form');
+
+validator
+  .addField('#advanced-usage_password', [
+    {
+      rule: 'required',
+    },
+  ])
+  .addField('#advanced-usage_repeat-password', [
+    {
+      rule: 'required',
+    },
+    {
+      validator: (value, fields) => {
+        if (
+          fields['#advanced-usage_password'] &&
+          fields['#advanced-usage_password'].elem
+        ) {
+          const repeatPasswordValue =
+            fields['#advanced-usage_password'].elem.value;
+
+          return value === repeatPasswordValue;
+        }
+
+        return true;
+      },
+      errorMessage: 'Passwords should be the same',
+    },
+  ])
+.addField('#advanced-usage_message', [
+  {
+    validator: (value) => {
+      return value !== undefined && value.length > 3;
+    },
+    errorMessage: 'Message should be more than 3 letters.',
+  },
+])
+  .addField(
+    '#advanced-usage_consent_checkbox',
+    [
+      {
+        rule: 'required',
+      },
+    ],
+    {
+      errorsContainer: '#advanced-usage_consent_checkbox-errors-container',
+    }
+  )
+  .addField('#advanced-usage_favorite_animal_select', [
+    {
+      rule: 'required',
+    },
+  ])
+  .addRequiredGroup(
+    '#advanced-usage_communication_checkbox_group',
+    'You should select at least one communication channel'
+  )
+  .addRequiredGroup('#advanced-usage_communication_radio_group')
+  .addField('#advanced-usage_input_number', [
+    {
+      rule: 'required',
+    },
+    {
+      rule: 'number',
+    },
+  ])
+  .addField('#advanced-usage_input_integer_number', [
+    {
+      rule: 'required',
+    },
+    {
+      rule: 'integer',
+    },
+  ])
+  .addField('#advanced-usage_input_number_between', [
+    {
+      rule: 'required',
+    },
+    {
+      rule: 'minNumber',
+      value: 10,
+    },
+    {
+      rule: 'maxNumber',
+      value: 20,
+    },
+  ]);
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/graphs-echarts.html b/public_html/raven-demo/graphs-echarts.html
new file mode 100644
index 0000000..9812d67
--- /dev/null
+++ b/public_html/raven-demo/graphs-echarts.html
@@ -0,0 +1,1048 @@
+
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <title>Raven - Admin Dashboard</title>
+     <link rel="icon" href="images/favicon.png" type="image/png">
+     <!--Simplebar-->
+     <link rel="stylesheet" href="vendor/css/simplebar.css">
+     <!--:Fonts:-->
+     <link rel="preconnect" href="https://fonts.googleapis.com">
+     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+     <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+     <!--:Main Style:-->
+     <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item graphs_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item graphs_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item graphs_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item graphs_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item active">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl flex items-center leading-none mb-3"><a href="https://echarts.apache.org/en/index.html" target="_blank" class="inline-flex items-center gap-2 hover:!text-primary">
+                Echarts <span class="icon-[lucide--external-link] text-base"></span></a>
+            </h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Graphs</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Echarts</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Mix</h5>
+                   </div>
+                <div class="p-4" dir="ltr">
+                  <div id="chart_mix" class="h-80 w-full"></div>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Area</h5>
+                   </div>
+                <div class="p-4" dir="ltr">
+                  <div id="chart_area" class="h-80 w-full"></div>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Bar</h5>
+                   </div>
+                <div class="p-4" dir="ltr">
+                  <div id="chart_bar" class="h-80 w-full"></div>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Line</h5>
+                   </div>
+                <div class="p-4" dir="ltr">
+                  <div id="chart_line" class="h-80 w-full"></div>
+                </div>
+            </div>
+            
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+            
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Pie</h5>
+                   </div>
+                <div class="p-4" dir="ltr">
+                  <div id="chart_pie" class="h-80 w-full"></div>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Polar</h5>
+                   </div>
+                <div class="p-4" dir="ltr">
+                  <div id="chart_polar" class="h-80 w-full"></div>
+                </div>
+            </div>
+        </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+      <!--:Echarts:-->
+      <script src="vendor/js/echarts.min.js"></script>
+      <script src="js/demo-echarts.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/graphs-map.html b/public_html/raven-demo/graphs-map.html
new file mode 100644
index 0000000..554a6d8
--- /dev/null
+++ b/public_html/raven-demo/graphs-map.html
@@ -0,0 +1,1095 @@
+
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page css:-->
+    <link href="vendor/css/jsvectormap.min.css" rel="stylesheet">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item graphs_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item graphs_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item graphs_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item graphs_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item active">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Map</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Graphs</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Map</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Example</h5>
+                    <a class="text-sm text-primary" href="https://jvm-docs.vercel.app/" target="_blank">JsVectorMap</a>
+                </div>
+                <div class="p-4">
+                   <div class="max-w-md">
+                     <!--:Map:-->
+                    <div id="world-map-markers" class="w-full min-h-[230px]"></div>
+                   </div>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-100 dark:border-zinc-900">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt!--:Map css:--&gt;
+&lt;link href="vendor/css/jsvectormap.min.css" rel="stylesheet"&gt;
+
+&lt;!--:Map HTML:--&gt;
+&lt;div id="world-map-markers" class="w-full min-h-[230px]"&gt;&lt;/div&gt;
+
+&lt;!--:Map Js:--&gt;
+&lt;script src="vendor/js/jsvectormap.min.js"&gt;&lt;/script&gt;
+&lt;script src="vendor/js/world.js"&gt;&lt;/script&gt;
+&lt;script&gt;
+    new jsVectorMap({
+        map: "world",
+        selector: "#world-map-markers",
+        zoomOnScroll: false,
+        zoomButtons: false,
+        zoomAnimate: false,
+        panOnDrag: false,
+        backgroundColor: "transparent",
+        regionStyle: {
+            initial: {
+                fill: "var(--color-primary-subtle)"
+            },
+        },
+        markers: [
+            { coords: [40.71, -74], name: "New York" },
+            { coords: [35.68, 139.69], name: "Tokyo" },
+            { coords: [28.61, 77.20], name: "Delhi" },
+            { coords: [40.42, -3.70], name: "Madrid" }
+        ],
+        markerStyle: {
+            initial: {
+                r: 6,
+                fill: "var(--color-primary)",
+                "fill-opacity": 0.9,
+                stroke: "var(--color-primary-subtle)",
+                "stroke-width": 3,
+                "stroke-opacity": 0.6
+            },
+            hover: {
+                fill: "var(--color-primary-deep)",
+                "fill-opacity": 1,
+                "stroke-width": 0
+            }
+        }
+    });
+&lt;/script&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+
+      <!--:Map:-->
+    <script src="vendor/js/jsvectormap.min.js"></script>
+    <script src="vendor/js/world.js"></script>
+    <script>
+        new jsVectorMap({
+            map: "world",
+            selector: "#world-map-markers",
+            zoomOnScroll: false,
+            zoomButtons: false,
+            zoomAnimate: false,
+            panOnDrag: false,
+            backgroundColor: "transparent",
+
+            regionStyle: {
+                initial: {
+                    fill: "var(--color-primary-subtle)"
+                },
+            },
+            markers: [
+                { coords: [40.71, -74], name: "New York" },
+                { coords: [35.68, 139.69], name: "Tokyo" },
+                { coords: [28.61, 77.20], name: "Delhi" },
+                { coords: [40.42, -3.70], name: "Madrid" }
+            ],
+
+            markerStyle: {
+                initial: {
+                    r: 6,
+                    fill: "var(--color-primary)",
+                    "fill-opacity": 0.9,
+                    stroke: "var(--color-primary-subtle)",
+                    "stroke-width": 3,
+                    "stroke-opacity": 0.6
+                },
+                hover: {
+                    fill: "var(--color-primary-deep)",
+                    "fill-opacity": 1,
+                    "stroke-width": 0
+                }
+            }
+        });
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/avatars/thumb-1.jpg b/public_html/raven-demo/images/avatars/thumb-1.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/raven-demo/images/avatars/thumb-1.jpg differ
diff --git a/public_html/raven-demo/images/avatars/thumb-10.jpg b/public_html/raven-demo/images/avatars/thumb-10.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/raven-demo/images/avatars/thumb-10.jpg differ
diff --git a/public_html/raven-demo/images/avatars/thumb-2.jpg b/public_html/raven-demo/images/avatars/thumb-2.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/raven-demo/images/avatars/thumb-2.jpg differ
diff --git a/public_html/raven-demo/images/avatars/thumb-3.jpg b/public_html/raven-demo/images/avatars/thumb-3.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/raven-demo/images/avatars/thumb-3.jpg differ
diff --git a/public_html/raven-demo/images/avatars/thumb-4.jpg b/public_html/raven-demo/images/avatars/thumb-4.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/raven-demo/images/avatars/thumb-4.jpg differ
diff --git a/public_html/raven-demo/images/avatars/thumb-5.jpg b/public_html/raven-demo/images/avatars/thumb-5.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/raven-demo/images/avatars/thumb-5.jpg differ
diff --git a/public_html/raven-demo/images/avatars/thumb-6.jpg b/public_html/raven-demo/images/avatars/thumb-6.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/raven-demo/images/avatars/thumb-6.jpg differ
diff --git a/public_html/raven-demo/images/avatars/thumb-7.jpg b/public_html/raven-demo/images/avatars/thumb-7.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/raven-demo/images/avatars/thumb-7.jpg differ
diff --git a/public_html/raven-demo/images/avatars/thumb-8.jpg b/public_html/raven-demo/images/avatars/thumb-8.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/raven-demo/images/avatars/thumb-8.jpg differ
diff --git a/public_html/raven-demo/images/avatars/thumb-9.jpg b/public_html/raven-demo/images/avatars/thumb-9.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/public_html/raven-demo/images/avatars/thumb-9.jpg differ
diff --git a/public_html/raven-demo/images/bg-cover-2.jpg b/public_html/raven-demo/images/bg-cover-2.jpg
new file mode 100644
index 0000000..6549e2d
Binary files /dev/null and b/public_html/raven-demo/images/bg-cover-2.jpg differ
diff --git a/public_html/raven-demo/images/bg-cover.jpg b/public_html/raven-demo/images/bg-cover.jpg
new file mode 100644
index 0000000..6549e2d
Binary files /dev/null and b/public_html/raven-demo/images/bg-cover.jpg differ
diff --git a/public_html/raven-demo/images/brands/apple-black.svg b/public_html/raven-demo/images/brands/apple-black.svg
new file mode 100644
index 0000000..6ff4c4b
--- /dev/null
+++ b/public_html/raven-demo/images/brands/apple-black.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.9954 12.6879C18.0263 16.0172 20.915 17.1251 20.947 17.1393C20.9225 17.2173 20.4854 18.7181 19.4251 20.2682C18.5084 21.6085 17.5571 22.9437 16.0585 22.9714C14.586 22.9985 14.1124 22.0979 12.4289 22.0979C10.7459 22.0979 10.2198 22.9437 8.82587 22.9985C7.37932 23.0533 6.27775 21.5493 5.35356 20.214C3.465 17.4827 2.02175 12.4959 3.95967 9.12967C4.92239 7.45801 6.64284 6.39944 8.51023 6.3723C9.9307 6.34519 11.2714 7.3283 12.1398 7.3283C13.0077 7.3283 14.6369 6.14603 16.3498 6.31966C17.0668 6.34952 19.0796 6.60941 20.372 8.50192C20.2679 8.56651 17.9704 9.90449 17.9954 12.6879ZM15.2279 4.51263C15.9959 3.58268 16.5128 2.2881 16.3717 1C15.2648 1.04451 13.9262 1.73794 13.1321 2.66738C12.4205 3.49044 11.7974 4.8078 11.9655 6.07041C13.1994 6.16591 14.4599 5.44317 15.2279 4.51263Z" fill="black"/>
+</svg>
diff --git a/public_html/raven-demo/images/brands/apple-white.svg b/public_html/raven-demo/images/brands/apple-white.svg
new file mode 100644
index 0000000..b270c92
--- /dev/null
+++ b/public_html/raven-demo/images/brands/apple-white.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.9954 12.6879C18.0263 16.0172 20.915 17.1251 20.947 17.1393C20.9225 17.2173 20.4854 18.7181 19.4251 20.2682C18.5084 21.6085 17.5571 22.9437 16.0585 22.9714C14.586 22.9985 14.1124 22.0979 12.4289 22.0979C10.7459 22.0979 10.2198 22.9437 8.82587 22.9985C7.37932 23.0533 6.27775 21.5493 5.35356 20.214C3.465 17.4827 2.02175 12.4959 3.95967 9.12967C4.92239 7.45801 6.64284 6.39944 8.51023 6.3723C9.9307 6.34519 11.2714 7.3283 12.1398 7.3283C13.0077 7.3283 14.6369 6.14603 16.3498 6.31966C17.0668 6.34952 19.0796 6.60941 20.372 8.50192C20.2679 8.56651 17.9704 9.90449 17.9954 12.6879ZM15.2279 4.51263C15.9959 3.58268 16.5128 2.2881 16.3717 1C15.2648 1.04451 13.9262 1.73794 13.1321 2.66738C12.4205 3.49044 11.7974 4.8078 11.9655 6.07041C13.1994 6.16591 14.4599 5.44317 15.2279 4.51263Z" fill="white"/>
+</svg>
diff --git a/public_html/raven-demo/images/brands/behance.svg b/public_html/raven-demo/images/brands/behance.svg
new file mode 100644
index 0000000..4567523
--- /dev/null
+++ b/public_html/raven-demo/images/brands/behance.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#0863FF" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M42.672 26.006h12.711v-3.642H42.672v3.642zm3.011 7.946c-.81.824-1.32 1.94-1.53 3.35h9.887c-.105-1.504-.618-2.64-1.527-3.422-.92-.777-2.052-1.164-3.407-1.164-1.467 0-2.613.412-3.423 1.236zm8.58-4.889c1.532.674 2.794 1.743 3.787 3.202.906 1.286 1.487 2.779 1.753 4.474.155.991.217 2.428.191 4.296H44.012c.096 2.17.853 3.692 2.298 4.564.874.543 1.927.815 3.163.815 1.301 0 2.365-.33 3.18-.99.45-.36.845-.856 1.183-1.49h5.857c-.156 1.28-.867 2.586-2.126 3.911C55.603 49.948 52.851 51 49.315 51c-2.92 0-5.497-.885-7.724-2.662-2.238-1.773-3.35-4.663-3.35-8.661 0-3.75 1.007-6.627 3.02-8.629 2.018-1.996 4.628-3.001 7.843-3.001 1.91 0 3.629.34 5.159 1.016zm-36.35 8.317v7.804h7.202c1.287 0 2.291-.173 3.005-.515 1.301-.64 1.95-1.855 1.95-3.653 0-1.526-.626-2.57-1.887-3.14-.706-.318-1.697-.485-2.967-.496h-7.303zm0-11.299v6.457h7.213c1.284 0 2.331-.242 3.138-.727.802-.484 1.205-1.342 1.205-2.567 0-1.367-.53-2.266-1.591-2.706-.92-.304-2.089-.457-3.508-.457h-6.457zm16.109-1.963c.906 1.245 1.36 2.732 1.36 4.466 0 1.785-.454 3.224-1.372 4.31-.513.607-1.267 1.164-2.263 1.665 1.513.546 2.653 1.406 3.429 2.584.768 1.175 1.154 2.606 1.154 4.288 0 1.734-.44 3.29-1.323 4.666a8.132 8.132 0 01-2.1 2.303c-.946.715-2.06 1.202-3.35 1.47-1.29.264-2.684.392-4.191.392H12V21h14.334c3.618.053 6.178 1.091 7.688 3.118z"/></g></svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/brands/dribbble.svg b/public_html/raven-demo/images/brands/dribbble.svg
new file mode 100644
index 0000000..dc0f888
--- /dev/null
+++ b/public_html/raven-demo/images/brands/dribbble.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#EC4989" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M47.455 52.999c-.21-1.237-1.302-7.253-3.991-14.638 6.618-1.059 12.35.756 12.774.894-.912 5.712-4.183 10.636-8.783 13.744zM36 56.498a20.416 20.416 0 01-13.059-4.699c.271.22.46.359.46.359s3.93-8.568 16.085-12.804c.045-.017.093-.028.138-.042 2.885 7.492 4.073 13.768 4.378 15.56A20.43 20.43 0 0136 56.498zm-20.498-20.5c0-.217.01-.431.016-.646.365.009 10.491.237 21.044-2.92a67.612 67.612 0 011.662 3.485c-.27.073-.539.155-.807.245-11.06 3.573-16.671 13.523-16.671 13.523s.008.009.008.012a20.417 20.417 0 01-5.252-13.698zm11.752-18.532c.274.364 4.064 5.503 7.612 11.808-9.842 2.616-18.385 2.511-18.924 2.503 1.33-6.35 5.594-11.613 11.312-14.31zM31.09 16.1l-.002.006s-.026.006-.062.011c.022-.005.042-.008.064-.017zm18.447 4.521c-.05.077-2.969 4.521-10.708 7.42-3.502-6.438-7.352-11.551-7.66-11.958a20.498 20.498 0 014.832-.578c5.188 0 9.927 1.936 13.536 5.116zm6.955 15.174c-.297-.065-7.234-1.557-14.276-.671-.146-.35-.29-.703-.443-1.056a61.6 61.6 0 00-1.363-2.974c8.094-3.305 11.38-8.054 11.42-8.11a20.415 20.415 0 014.662 12.811zm3.023-4.625a24.084 24.084 0 00-1.403-4.512 23.714 23.714 0 00-2.213-4.075 23.986 23.986 0 00-6.48-6.48 23.928 23.928 0 00-4.076-2.215A24.047 24.047 0 0036.001 12a24.081 24.081 0 00-9.344 1.888A24.06 24.06 0 0016.1 22.583 23.877 23.877 0 0012 35.999c-.001 1.63.163 3.256.484 4.837a23.76 23.76 0 001.403 4.506 23.765 23.765 0 002.213 4.081 24.462 24.462 0 002.927 3.55 24.046 24.046 0 007.629 5.139 23.618 23.618 0 004.51 1.397c1.58.327 3.206.491 4.834.491a23.87 23.87 0 004.832-.491 23.637 23.637 0 004.51-1.397A23.914 23.914 0 0049.42 55.9a24.368 24.368 0 003.553-2.927 24.28 24.28 0 002.927-3.55 23.965 23.965 0 003.615-8.587 24.283 24.283 0 000-9.666z"/></g></svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/brands/duolingo.svg b/public_html/raven-demo/images/brands/duolingo.svg
new file mode 100644
index 0000000..64ff666
--- /dev/null
+++ b/public_html/raven-demo/images/brands/duolingo.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.18824 1H18.8144C21.126 1 22.9992 2.87334 22.9992 5.1869V18.8131C22.9992 21.1246 21.126 23 18.8123 23H5.18824C2.87459 22.9979 1.00134 21.1246 1.00134 18.811V5.1869C1.00134 2.87325 2.87468 1 5.18824 1Z" fill="#50C800"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23 15.2105V8.8475C22.7519 8.24403 22.3877 7.69514 21.9281 7.23197C21.9689 6.54881 21.8163 5.85711 21.4619 5.24055C21.2299 4.83667 20.6692 4.77868 20.3556 5.12669L19.6445 5.91509C19.6402 5.91298 19.6359 5.91298 19.6316 5.91087C19.724 5.1911 19.6015 4.44792 19.2492 3.78411C19.0301 3.37161 18.5554 3.29857 18.2288 3.63365L14.8131 7.09453C14.7745 7.13105 14.7336 7.16967 14.695 7.20839C14.6928 7.2105 14.6885 7.21261 14.6864 7.21481C13.202 8.55959 10.8883 8.61546 9.47473 7.38024C9.38616 7.28343 9.29369 7.19026 9.19756 7.10095L5.77557 3.63585C5.44894 3.30069 4.97423 3.37381 4.75513 3.78631C4.40492 4.44792 4.28032 5.18687 4.3706 5.90224C4.36409 5.90436 4.35767 5.90436 4.35125 5.90656L3.64872 5.12669C3.33512 4.77868 2.77444 4.83667 2.54029 5.24055C2.19229 5.84417 2.03971 6.52091 2.07191 7.19114C1.61935 7.63785 1.25562 8.16634 1 8.74859V15.3114C1.77125 17.0709 3.52844 18.3018 5.57142 18.3018H5.79052C7.81635 18.3018 9.5607 17.0924 10.3405 15.3566C11.0903 15.3523 11.6337 15.3502 11.9711 15.3502C12.7014 15.348 13.2707 15.348 13.6789 15.348C14.4565 17.0881 16.2052 18.3018 18.2331 18.3018H18.3877C20.4695 18.3018 22.2524 17.0236 23 15.2105Z" fill="#8EE000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.8808 7.5307C7.79699 7.5307 9.35233 9.08375 9.35233 11.0022V13.0581C9.35233 14.9743 7.7991 16.5296 5.8808 16.5296C3.96452 16.5296 2.40918 14.9765 2.40918 13.0581V11.0022C2.40918 9.08384 3.96452 7.5307 5.8808 7.5307ZM18.0763 7.5307C19.9925 7.5307 21.5479 9.08375 21.5479 11.0022V13.0581C21.5479 14.9743 19.9946 16.5296 18.0763 16.5296C16.1601 16.5296 14.6047 14.9765 14.6047 13.0581V11.0022C14.6047 9.08384 16.1579 7.5307 18.0763 7.5307Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.41567 9.52417C7.32436 9.52417 8.06332 10.261 8.06332 11.1719V12.9313C8.06332 13.84 7.32647 14.5789 6.41567 14.5789C5.50699 14.5789 4.76794 13.8421 4.76794 12.9313V11.1719C4.76794 10.261 5.50699 9.52417 6.41567 9.52417Z" fill="#4B4B4B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0013 13.5182C13.0431 13.5182 13.8874 14.3625 13.8874 15.4043V16.0596C13.8874 17.1015 13.0431 17.9457 12.0013 17.9457C10.9594 17.9457 10.1151 17.1015 10.1151 16.0596V15.4043C10.1151 14.3625 10.9594 13.5182 12.0013 13.5182Z" fill="#F48000"/>
+<path d="M9.39746 15.5848C9.62298 14.3819 10.7379 13.5139 12.072 13.5139C13.2857 13.5139 14.3835 14.4033 14.6047 15.5848V15.6815C14.6047 15.7567 14.5789 15.7867 14.5102 15.7782L12.0742 16.2121H11.9302L9.49196 15.776C9.42324 15.7846 9.39746 15.7545 9.39746 15.6794V15.5848Z" fill="#FFC200"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6016 13.9306C11.729 13.8999 11.8595 13.884 11.9905 13.8834C12.1301 13.8834 12.272 13.9006 12.4116 13.9371C12.5493 13.9726 12.6713 14.0528 12.7584 14.1652C12.8455 14.2776 12.8927 14.4157 12.8927 14.5579C12.8928 14.6138 12.8818 14.6691 12.8604 14.7207C12.8391 14.7724 12.8078 14.8193 12.7683 14.8588C12.7287 14.8983 12.6818 14.9296 12.6302 14.951C12.5786 14.9723 12.5233 14.9833 12.4674 14.9833H11.5351C11.4792 14.9833 11.4239 14.9723 11.3723 14.951C11.3207 14.9296 11.2737 14.8983 11.2342 14.8588C11.1947 14.8193 11.1634 14.7724 11.142 14.7207C11.1207 14.6691 11.1097 14.6138 11.1098 14.5579C11.1076 14.2615 11.3117 14.0015 11.6016 13.9306Z" fill="#FFE747"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5413 9.52417C18.4501 9.52417 19.189 10.261 19.189 11.1719V12.9313C19.189 13.84 18.4522 14.5789 17.5413 14.5789C16.6326 14.5789 15.8937 13.8421 15.8937 12.9313V11.1719C15.8958 10.261 16.6326 9.52417 17.5413 9.52417Z" fill="#4B4B4B"/>
+<path d="M5.0237 11.522C5.61105 11.522 6.08708 11.0478 6.08708 10.4629C6.08708 9.87806 5.61105 9.40387 5.0237 9.40387C4.43645 9.40387 3.96033 9.87806 3.96033 10.4629C3.96033 11.0478 4.43645 11.522 5.0237 11.522ZM15.9883 11.522C16.5756 11.522 17.0517 11.0478 17.0517 10.4629C17.0517 9.87806 16.5756 9.40387 15.9883 9.40387C15.401 9.40387 14.925 9.87806 14.925 10.4629C14.925 11.0478 15.401 11.522 15.9883 11.522Z" fill="white"/>
+</svg>
diff --git a/public_html/raven-demo/images/brands/email.svg b/public_html/raven-demo/images/brands/email.svg
new file mode 100644
index 0000000..dbb3b3e
--- /dev/null
+++ b/public_html/raven-demo/images/brands/email.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#000" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M18 26.162v20.386c0 1.109.812 2.007 1.93 2.007h31.815c1.117 0 1.93-.909 1.93-2.007V26.162c0-1.217-.727-2.162-1.93-2.162H19.93c-1.25 0-1.93.969-1.93 2.162m2.933 1.776c0-.491.298-.772.773-.772.293 0 11.854 7.325 12.554 7.755l1.81 1.125c.573-.384 1.15-.713 1.744-1.111 1.213-.776 12.011-7.77 12.308-7.77.477 0 .773.282.773.773 0 .52-1.002 1.037-1.655 1.435-4.1 2.5-8.2 5.224-12.26 7.816-.237.16-.695.503-1.04.45-.382-.059-12.146-7.617-14.287-8.875-.321-.19-.72-.363-.72-.826"/></g></svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/brands/equacoin.svg b/public_html/raven-demo/images/brands/equacoin.svg
new file mode 100644
index 0000000..2a82a8d
--- /dev/null
+++ b/public_html/raven-demo/images/brands/equacoin.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="#F68922"/>
+<path d="M11.7197 7.53422C11.7197 7.53422 8.35662 8.02467 7.86618 11.738C7.86618 11.738 7.34631 15.8949 11.6223 17.0166C11.9185 17.0941 12.2234 17.1332 12.5296 17.1329H12.7398C12.9554 17.1329 13.169 17.1752 13.3682 17.2577C13.5675 17.3402 13.7485 17.4611 13.901 17.6135C14.0536 17.766 14.1745 17.947 14.2571 18.1462C14.3396 18.3454 14.3821 18.5589 14.3821 18.7745C14.3838 19.1883 14.2286 19.5873 13.9477 19.8911C13.6669 20.195 13.2813 20.3811 12.8687 20.4119C10.7668 20.5521 7.94535 19.5277 6.11459 17.0629C6.11459 17.0629 2.52943 11.9419 6.43688 7.23715C7.36109 6.11701 8.56333 5.2593 9.92325 4.74989C11.5291 4.15295 13.8811 3.769 15.9235 5.36225C15.9235 5.36225 18.656 7.46416 17.2547 10.8973C17.2547 10.8973 16.2738 13.6298 12.9108 13.84L12.4434 13.814C12.2225 13.8085 12.0053 13.7557 11.8064 13.6592C11.6076 13.5627 11.4317 13.4248 11.2906 13.2547C11.1495 13.0846 11.0464 12.8862 10.9883 12.6729C10.9303 12.4597 10.9185 12.2365 10.9539 12.0183C11.0116 11.6634 11.1911 11.3397 11.4615 11.1027C11.7319 10.8656 12.0763 10.7301 12.4357 10.7193L12.9108 10.6871C12.9108 10.6871 14.5222 10.617 14.3821 8.72531C14.3821 8.72531 14.242 7.04378 11.7197 7.53422Z" fill="#2A2460"/>
+</svg>
diff --git a/public_html/raven-demo/images/brands/evernote.svg b/public_html/raven-demo/images/brands/evernote.svg
new file mode 100644
index 0000000..0cefc37
--- /dev/null
+++ b/public_html/raven-demo/images/brands/evernote.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15000_4306)">
+<path d="M4.64015 5.26105H6.70642C6.76301 5.26093 6.81723 5.2384 6.85726 5.19841C6.89728 5.15842 6.91985 5.1042 6.92002 5.04762C6.92002 5.04681 6.895 3.27681 6.895 2.78514V2.77913C6.895 2.37516 6.97963 2.02285 7.12777 1.72723L7.1981 1.59485C7.18909 1.59653 7.18084 1.60102 7.17455 1.60768L3.16253 5.58608C3.15518 5.59215 3.14994 5.60039 3.14758 5.60963C3.23058 5.56854 3.34412 5.51217 3.36004 5.50519C3.7091 5.34731 4.13288 5.26105 4.64015 5.26105Z" fill="#74BB44"/>
+<path d="M20.7066 4.82784C20.5425 3.95007 20.0203 3.51736 19.5483 3.34713C19.0394 3.1631 18.0066 2.9724 16.7098 2.81972C15.666 2.6966 14.4392 2.70667 13.6982 2.72925C13.6093 2.12013 13.1821 1.56365 12.704 1.37101C11.4308 0.858702 9.46234 0.982473 8.95751 1.12395C8.55582 1.23635 8.11141 1.46619 7.86435 1.82045C7.69851 2.05743 7.59098 2.36053 7.59017 2.78431C7.59017 3.02406 7.59683 3.58882 7.603 4.0909C7.60885 4.5941 7.61584 5.04452 7.61584 5.04777C7.61553 5.26347 7.52969 5.47025 7.37713 5.62275C7.22458 5.77524 7.01777 5.861 6.80206 5.86122H4.73693C4.29658 5.86122 3.95986 5.93513 3.70274 6.05191C3.44528 6.16886 3.26288 6.32642 3.12432 6.51289C2.84868 6.8829 2.80076 7.33982 2.8019 7.80632C2.8019 7.80632 2.8058 8.18722 2.89757 8.92481C2.97408 9.49527 3.59293 13.4816 4.18077 14.694C4.40866 15.1654 4.56069 15.3624 5.00819 15.5703C6.00583 15.9975 8.2844 16.4728 9.3527 16.6089C10.4186 16.7453 11.0878 17.0319 11.4864 16.1958C11.4877 16.1932 11.5665 15.9882 11.6743 15.6851C12.0206 14.6365 12.0689 13.7056 12.0689 13.0323C12.0689 12.9636 12.1694 12.9607 12.1694 13.0323C12.1694 13.5079 12.0783 15.1907 13.3496 15.6418C13.8517 15.8195 14.8924 15.9783 15.9506 16.1024C16.9068 16.2127 17.6007 16.5886 17.6007 19.0427C17.6007 20.5355 17.2872 20.74 15.6482 20.74C14.3193 20.74 13.8127 20.7742 13.8127 19.7193C13.8127 18.8657 14.6567 18.9553 15.282 18.9553C15.5616 18.9553 15.3585 18.7478 15.3585 18.221C15.3585 17.6968 15.6867 17.3942 15.3764 17.3868C13.214 17.327 11.9413 17.3842 11.9413 20.0891C11.9413 22.5442 12.8808 23.0002 15.9506 23.0002C18.357 23.0002 19.2047 22.9216 20.1986 19.8383C20.3953 19.2297 20.8713 17.3725 21.1586 14.2535C21.3404 12.2819 20.9867 6.32983 20.7066 4.82784ZM16.5113 11.4063C16.2141 11.396 15.9282 11.4147 15.6616 11.4576C15.7368 10.8517 15.9868 10.1075 16.8732 10.1386C17.8544 10.1726 17.9915 11.0999 17.9949 11.7277C17.5814 11.5435 17.0693 11.4259 16.5113 11.4063Z" fill="#74BB44"/>
+</g>
+<defs>
+<clipPath id="clip0_15000_4306">
+<rect width="18.4096" height="22" fill="white" transform="translate(2.80005 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public_html/raven-demo/images/brands/facebook.svg b/public_html/raven-demo/images/brands/facebook.svg
new file mode 100644
index 0000000..e22599c
--- /dev/null
+++ b/public_html/raven-demo/images/brands/facebook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><rect width="72" height="72" fill="#4460A0" rx="8"/><path fill="#FFF" d="M60.464 13.417v9.31l-5.526.015c-4.331 0-5.166 2.058-5.166 5.066v6.662H60.09l-1.338 10.42h-8.98V72H39.01V44.889H30V34.47h9.01v-7.684C39.01 17.864 44.448 13 52.42 13c3.8 0 7.08.288 8.044.417z"/></g></svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/brands/figma.svg b/public_html/raven-demo/images/brands/figma.svg
new file mode 100644
index 0000000..35e2bb2
--- /dev/null
+++ b/public_html/raven-demo/images/brands/figma.svg
@@ -0,0 +1,14 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_12720_25198)">
+<path d="M8.33818 23C10.3622 23 12.0048 21.3573 12.0048 19.3333V15.6667H8.33818C6.31418 15.6667 4.67151 17.3093 4.67151 19.3333C4.67151 21.3573 6.31418 23 8.33818 23Z" fill="#0ACF83"/>
+<path d="M4.67151 12C4.67151 9.97598 6.31418 8.33331 8.33818 8.33331H12.0048V15.6666H8.33818C6.31418 15.6666 4.67151 14.024 4.67151 12Z" fill="#A259FF"/>
+<path d="M4.67151 4.6667C4.67151 2.6427 6.31418 1.00003 8.33818 1.00003H12.0048V8.33336H8.33818C6.31418 8.33336 4.67151 6.6907 4.67151 4.6667Z" fill="#F24E1E"/>
+<path d="M12.0049 1.00003H15.6716C17.6956 1.00003 19.3382 2.6427 19.3382 4.6667C19.3382 6.6907 17.6956 8.33336 15.6716 8.33336H12.0049V1.00003Z" fill="#FF7262"/>
+<path d="M19.3382 12C19.3382 14.024 17.6956 15.6666 15.6716 15.6666C13.6476 15.6666 12.0049 14.024 12.0049 12C12.0049 9.97598 13.6476 8.33331 15.6716 8.33331C17.6956 8.33331 19.3382 9.97598 19.3382 12Z" fill="#1ABCFE"/>
+</g>
+<defs>
+<clipPath id="clip0_12720_25198">
+<rect width="14.6696" height="22" fill="white" transform="translate(4.67004 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public_html/raven-demo/images/brands/gitlab.svg b/public_html/raven-demo/images/brands/gitlab.svg
new file mode 100644
index 0000000..850651a
--- /dev/null
+++ b/public_html/raven-demo/images/brands/gitlab.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9999 22.9903L16.0507 9.46848H7.94897L11.9998 22.9903H11.9999Z" fill="#E24329"/>
+<path d="M12 22.9902L7.94903 9.46838H2.27197L12 22.9902Z" fill="#FC6D26"/>
+<path d="M2.27203 9.46838L1.04106 13.5776C0.986322 13.7603 0.986315 13.9571 1.04103 14.1398C1.09575 14.3225 1.20239 14.4817 1.34566 14.5946L12 22.9903L2.27194 9.46848L2.27203 9.46838Z" fill="#FCA326"/>
+<path d="M2.27197 9.46843H7.94904L5.50936 1.32428C5.38381 0.905206 4.8372 0.905299 4.71173 1.32428L2.27197 9.46843Z" fill="#E24329"/>
+<path d="M12 22.9902L16.0508 9.46838H21.728L11.9999 22.9902H12Z" fill="#FC6D26"/>
+<path d="M21.728 9.46838L22.959 13.5776C23.0137 13.7603 23.0137 13.9571 22.9589 14.1398C22.9042 14.3225 22.7976 14.4817 22.6543 14.5946L12 22.9903L21.728 9.46848V9.46838Z" fill="#FCA326"/>
+<path d="M21.7281 9.46843H16.0509L18.4907 1.32428C18.6162 0.905206 19.1628 0.905299 19.2883 1.32428L21.7281 9.46843Z" fill="#E24329"/>
+</svg>
diff --git a/public_html/raven-demo/images/brands/google-analytics.svg b/public_html/raven-demo/images/brands/google-analytics.svg
new file mode 100644
index 0000000..3c8b0dd
--- /dev/null
+++ b/public_html/raven-demo/images/brands/google-analytics.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.9999 20.2469C23.009 21.7574 21.6605 22.9873 19.9893 22.9955C19.8651 22.9964 19.7399 22.9901 19.6167 22.9765C18.0658 22.7692 16.9297 21.5502 16.9677 20.1347V3.86058C16.9307 2.44331 18.0698 1.22425 19.6217 1.01881C21.2817 0.843233 22.7855 1.91659 22.9799 3.41621C22.9939 3.52663 23.0009 3.63704 22.9999 3.74836V20.2469Z" fill="#F9AB00"/>
+<path d="M4.01661 17.55C5.68271 17.55 7.03322 18.7699 7.03322 20.275C7.03322 21.78 5.68271 23 4.01661 23C2.35051 23 1 21.78 1 20.275C1 18.7699 2.35051 17.55 4.01661 17.55ZM11.9534 9.29162C10.2793 9.37488 8.98084 10.6428 9.01991 12.1569V19.4758C9.01991 21.4624 9.98771 22.6679 11.4053 22.9249C13.0414 23.2244 14.6354 22.2696 14.967 20.7917C15.008 20.6107 15.0281 20.427 15.0271 20.2424V12.0302C15.0301 10.5197 13.6776 9.29343 12.0055 9.29071C11.9884 9.29071 11.9704 9.29071 11.9534 9.29162Z" fill="#E37400"/>
+</svg>
diff --git a/public_html/raven-demo/images/brands/google-webdev.svg b/public_html/raven-demo/images/brands/google-webdev.svg
new file mode 100644
index 0000000..f032308
--- /dev/null
+++ b/public_html/raven-demo/images/brands/google-webdev.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15000_4362)">
+<path d="M20.4775 16.4367H13.0452C12.9253 16.4367 12.809 16.477 12.7151 16.5521L7.17643 20.9557C7.03331 21.0693 7.11381 21.2983 7.29718 21.2983H20.5625C21.8738 21.2983 23.0527 20.1211 22.9606 18.7051C22.8765 17.4135 21.7763 16.4367 20.4775 16.4367Z" fill="#00C9DB"/>
+<path d="M14.4647 11.8399C14.4647 11.8337 14.4638 11.8274 14.463 11.8203C14.4218 11.1566 14.1096 10.5116 13.5425 10.0689L4.91963 3.21348C3.86681 2.39055 2.3435 2.57571 1.51699 3.62584C0.690478 4.67687 0.874743 6.19482 1.92666 7.01775L8.17826 11.9875L1.92666 16.9573C0.874743 17.7794 0.690478 19.2982 1.51699 20.3483C2.3435 21.3985 3.86681 21.5836 4.91963 20.7607L13.5434 13.9044C14.1105 13.4617 14.4227 12.8167 14.4638 12.153C14.4647 12.1468 14.4647 12.1405 14.4656 12.1333C14.4683 12.0841 14.4692 12.0358 14.4692 11.9866C14.4692 11.9383 14.4674 11.8891 14.4647 11.8399Z" fill="#0D55FF"/>
+<path d="M23 18.867C23 20.2097 21.9096 21.2974 20.5625 21.2974C19.2172 21.2974 18.1268 20.2088 18.1268 18.867C18.1268 17.5253 19.2172 16.4367 20.5625 16.4367C21.9096 16.4367 23 17.5253 23 18.867Z" fill="#7000F2"/>
+</g>
+<defs>
+<clipPath id="clip0_15000_4362">
+<rect width="22" height="18.5983" fill="white" transform="translate(1 2.70001)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public_html/raven-demo/images/brands/google.svg b/public_html/raven-demo/images/brands/google.svg
new file mode 100644
index 0000000..add03bd
--- /dev/null
+++ b/public_html/raven-demo/images/brands/google.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 12.27C24 11.48 23.9284 10.73 23.8058 9.99998H12.2605V14.51H18.871C18.5747 15.99 17.7062 17.24 16.4189 18.09V21.09H20.3627C22.6717 19 24 15.92 24 12.27Z" fill="#4285F4"/>
+<path d="M12.2606 24C15.571 24 18.3398 22.92 20.3628 21.09L16.419 18.09C15.3156 18.81 13.9158 19.25 12.2606 19.25C9.06269 19.25 6.35515 17.14 5.38453 14.29H1.31812V17.38C3.33089 21.3 7.46882 24 12.2606 24Z" fill="#34A853"/>
+<path d="M5.38442 14.2901C5.12899 13.5701 4.99617 12.8001 4.99617 12.0001C4.99617 11.2001 5.13921 10.4301 5.38442 9.71009V6.62009H1.31801C0.480203 8.24009 0 10.0601 0 12.0001C0 13.9401 0.480203 15.7601 1.31801 17.3801L5.38442 14.2901Z" fill="#FBBC05"/>
+<path d="M12.2606 4.74998C14.0691 4.74998 15.6834 5.35999 16.9605 6.54999L20.4548 3.12999C18.3398 1.18999 15.571 -1.52588e-05 12.2606 -1.52588e-05C7.46882 -1.52588e-05 3.33089 2.69999 1.31812 6.61999L5.38453 9.70999C6.35515 6.85999 9.06269 4.74998 12.2606 4.74998Z" fill="#EA4335"/>
+</svg>
diff --git a/public_html/raven-demo/images/brands/inferno.svg b/public_html/raven-demo/images/brands/inferno.svg
new file mode 100644
index 0000000..ea5ecf2
--- /dev/null
+++ b/public_html/raven-demo/images/brands/inferno.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15000_4304)">
+<path d="M8.36643 5.85776L8.09061 6.04078C5.81726 7.52768 4.61942 9.64347 4.59205 12.3525C4.55682 15.8171 6.99797 18.8306 10.3749 19.6059C14.7339 20.6068 19.0479 17.4468 19.3985 12.9962C19.6758 9.47599 17.2956 6.31355 13.9372 5.22034C13.4308 4.6557 12.9709 2.75801 13.7713 1.89364C17.0718 2.62708 19.5463 4.31239 21.1417 7.02672C24.6301 12.9617 21.4941 20.6979 14.868 22.5457C8.71281 24.2622 2.48494 20.2046 1.56442 13.8783C0.542916 7.9795 4.70792 2.73195 10.5843 1.84998C9.21334 3.08983 8.47991 4.7925 8.36643 5.85776Z" fill="#494949"/>
+<path d="M16.2627 10.8801C16.7373 9.99577 16.7158 9.07087 16.4463 8.13513C16.3801 7.90487 16.2422 7.51004 16.1492 7.25191C17.7357 8.42435 19.0906 11.2435 18.4019 14.0451C17.7639 16.6408 15.2761 18.7315 12.7098 18.9733C9.40482 19.2845 6.83513 17.3041 5.86797 14.8965C4.83662 12.3297 5.66252 9.17284 7.43509 7.60118C6.56774 9.34744 6.83621 10.7337 7.19061 11.251C7.58454 11.826 8.2117 12.1241 8.82381 11.9538C9.46726 11.7749 9.96093 11.1991 9.94977 10.4651C9.94233 9.97501 9.8549 9.42229 9.66162 8.98072C8.51473 6.36083 9.47073 3.99808 11.3206 2.37092C11.8576 1.89866 12.4818 1.44543 13.2765 1.00006C12.4033 2.23991 12.255 3.75054 12.9184 5.1563C13.3075 5.92232 13.8059 6.72234 14.2457 7.4614C15.0361 8.78975 15.5209 10.1555 15.311 11.74C15.3086 11.7575 15.9397 11.4955 16.2627 10.8801Z" fill="#FB3239"/>
+</g>
+<defs>
+<clipPath id="clip0_15000_4304">
+<rect width="21.1728" height="22" fill="white" transform="translate(1.41003 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public_html/raven-demo/images/brands/instagram.svg b/public_html/raven-demo/images/brands/instagram.svg
new file mode 100644
index 0000000..d5ec612
--- /dev/null
+++ b/public_html/raven-demo/images/brands/instagram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="72" viewBox="0 0 72 72"><defs><pattern id="instagram-b" width="100%" height="100%" x="0%"><use transform="scale(.14343)" xlink:href="#instagram-a"/></pattern><image id="instagram-a" width="502" height="502" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+wAAAPsCAYAAADf2TaIAAAABGdBTUEAALGOGCHvlwAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAQABJREFUeAHM/QtiJDkOK4pO9fTi3n7eGu+yTtcVRUEEf5IyXT33eKYdFAmAkOKTEem069f////3//z+T/oqUoT5a8W/KFeFqJ/UgKn4PndS8ciTJrwr412TO9T6pEWh78cq9/gX6US0evgnptO49ppgKfGN7097XfEy/wlaCzE2la+rzpzdYTHX7E3HY2NPw6Vlm4lbvWZp1nG3Dd3P0UfUcdxYHOMtV9RuqUq7ykGnqjn/MIMtiHurBdbRTH/MM/ZXeaTUx89u+Z9eWzBRU/vVnF97tdsJWls5yH+be7dOW4fgOyecod+0MEXmUlwAitQmnGobtAMz9RlvCzwFc62s1eZ0PXPeyLF2uv7We323b44+q7vILGg6jhfY+VsDl4Now0dZt8JUYKXx659O5Nc+S/xx6tXPo6rv7/+c1vukp/6rWRjrXB3n9gKIh71vwxLIfHfNpCm6dfHXn4z2DXM9ZvI6boW1mL/o2rJr5BjXjqjMkCqu9v15bSqVPlfp92hUxjEk851fNluJfuH6utJALfC/vDFXrpGYMJuuxOn/8sCh/ABT9FkZsQBmjq1Hv5yD2oc1vYYf1X08xkbdfpdjq679vpyTon33UGubr1Mk3ua6FUuCzri+QGdC+x02YcJlSWhBg7eGU9QJW/M0C57pMdriV5wxvD7y5z7oAvT7tmSemm3CDu7NTnp39gEhHkQ8e/nbs+4OXg/s2AoWfL/OlvfBWpiGR6gq42IfP67YptFXqyX0yrLOL2tkF8Z4KeKXPVPSuXEt9C2G7+vhydbV50+j114tLiz6Xp/fv/lZJllgPYmDTMJ/kqjWgftFrVMtYjFuOXsits8RVb6g9+n2Zc3+2l5M/eQhz4mdS3xiyznGDcH15x4jxNVfR83/s4xnZ1qAn7+KS+Si0kZVxFd0oaDU5fLCLDODA1WALrbUnMNxbnRfycMCurzQ94nWKfl171G54nrl8nOmsthpx3wcV00ZU/WqOKec35cD2e8mL9Pg2N8mDGyVr3K1rDzc9F+//9LqLzv9NjjNb1feAvT9dTh+X5Sgo9g8S6tbFHUxF2Fj30uO368AJnLzeKrMtHD6rpF58s7YhVubXl/e/BhVekpQin73vCUWrkDcFbGug+C9Atfj4RLXLtbBxfavfbLUPYDDFqj9QD69eY/A+CwU7lvwGYlV4xxiwft609mBMFC2zCeuHfS7rRy/v3EQd6DtjD2NNxTQvuVZQc7b60vahrNwtZIbeAz8WrDmkXYuzqWGVu9N90ghtah8fwQ1QTtFFFZSNTlZX4+dxrZQZ1PPje+DTgl5OJwKY6D5lR3XF+CqDo5bAUZO+C+4hl6mT55KgktGN6oGzVh11DQAGmysnwJRTbS9IhHx6z/rgT0WsoRk7KSpDy6wzJ5mMJbtWyco5a3XEjXNIJ8ZMTM4FxPf+uQT980PXr6wtRVW1/+EE0Lr2kcmkScimZfe+VSTffo+85ceceWz36xiLxx5bnF1hK0Kv+nYRFf7SZBkmIvVBpJryL1u8wwGk60HgA6jg9CN+HxMARUkZ7rKyby4U4URsuSppaT2V8fZgDLgrgxAHlupyVEn/+scdHtHNcwfa3JP7SHfOyVZJdXpEarCPYbfcNdiXgSNrzorK+7fHuD5cwwd2l7KVccqR4pl+A1HhMDDuRyWafdCfSdiQPOEZoRgjDq2yJ+25709mNT/pIPa1PuQA2637eZT5XNOzOhVXfR11HWq87/bRfpc7a/xFOzOcxj+Ys1Aja67POOqKe1jkbxUOMnxVUB0JWd9IWAZwfRfir+il+wRN040rS+UcOYkXnrEWYkGHhqFj87Y1jPC+sy2NaTIVq/fBWykpqt0QRF/OkfbZv50Lt8ADZDzzDw4yjC3kh+PuHsFbS1FU9H2Og+2bFnV9/cjcHz2PjIeltTe+KjZcLTPl5WIRw+OA69i/TQPte61OeK9GkanYy362ksqbxaO/8s81AV6mSfRxwhboNA7boHjvMuJgCR2X0HeVAXDX8CbskVowPjv4/J6LXLSRtbQGo+EG+zRzZFniTi+bky1wXxhlF9tYbluW3nivlP16aIlA3Dus1NbLUZ6BI4MIH7LAzsGRc+RkgMaJ7Mi0DzjY7OMyJkTp6+pZ6lL1OPUP7q6gw9J2mpd1aB5Xh0j2wX37McY6VJipRXBAy5nf7mfSNTOjGNy2H/7IjtL4OuWeRKjaioWMdayp6hT6/JZ678zZXj2UF+wFas18JTFLyaZC2z2cM0sKnvbCzmTzT5fPD6GpJfTOTSPOJ6Txv+km0yVM6RoiI2oVbU1Vq7e+LgFBPOGBy7eJvc8/ll7s94mGuYr+Di79TA/n1y4Bu3+ekhtXKgP6jKD6lirco5+HFTrUuVMxPs4Y41VRZEr1515QyRTGv/RD/wqus89LoP0jH29UB7ZXnxskiXcT6S6/l2+kFupzo8pWWQqmmMuUNgq1o+M/xaJPitwbAq2tgPNP6aeEPaonKkCqVw24YcIMvm0UmH/BtlZkOcRkVLbvWJxj++TSRoVZb14G7YCWXW334Fep/Aof3Pu51312sJFoHivUcAo9YL9CzcwxPs6DFM6rdytR8fd+dDL5ioFQQVAaoj6VkwITVgd93gzY+mGh/S480UrpNz2UFwlmds/qx/mOXNOJ766HnQHT+TOiCBeDOFFlOaZMAQt93mTuKS1P8lGZGHux6n/RZ9mL5TT49UwgEWfTvjOjAjs29rJp/0r/MuaW3fvz/KqLFW5f5QnT9xHMiPi//Ofv3GCJ2uElY/A4GbL5AgwyJZPSpTQlw3PpPIwzV9ZE3WrWMTMKgY313S5kBecqUoEpmUZOy4AADimYHBTj8MIPOQx1i1+Juzf5RRxeWjg7uzKa8QRv9bpDTTroK+xUMVWKjQ958JYdWQfb7N6pzsR0yx303geo0w0uXXxlSLzFGz9MznuEZJs5xhV9phb733OimQPpMHh4yag5xCyoFSYWPPzwnGmD7EYmY7P7OMOJ7sBd+T1d3oG5sVQmuM+Gs/83N9cExnjQl0zljfGiEQICzXZVnUFPhGWsPlFJ9tazfpqVfS1oWGM10f8U6RlWDZurR90F7Xv4ytHj0vrdlUWxbgKvouMCmMjtfvvIDNTqZDKLNKuikWum8Puv/tKMLJ7nMWE05W3XqYdMp2aULTmdXVkOYvQBPPlMwK1z7eqD82Knx/QK5TlsmOrpei0PANcaWWvIlIhU7dj4lmh8Kw/FDjKm8P0epj3JOb4T3eGylMUQLMtNDSpb2IURpNFxvAK4EYTR2kiuoSz4ip+IK9F3MVXecS+LF9xJ3IU2nteo38d3V7TTbj2bXWOBFvNyDB9NfapkXh5xP6xB3jjN8xlYuyvAY0YGYs2dM1xFfW9+GgwVKVR5QZj/H/9lk8GTJNIizp3Q77e8vnsfemIlbA2v/fiIlNrv2XVr559f0IvdvWzitV+zLxvfWFufZeu4jqylSdCB9J8+XiNHuvi8uYcJLuGagfk8/kUfoc9GjWiVNwizJGvR3YeC14P4ciUhyu8lAjPn+AejZNEs/Ldo4Xvv+KCWBVafm6i6TN+JPzlaW0kYxieiVR0bHXJbYXJ2w9LWnJV5YEtWtR04y0QZIeQ33GyFxVZF+iyf9OSyBA+349y90qDc/IOU+faPdOQH9vr2g/7UnS8A+7Uuz6hYm2Pf8d93evPdRdjQiaDW6unlpXI+8udQUxRj1ivf2bzwMYrttD4BYVg4LMyYoKN1HlNDCuRV/UjqGPr5yFZ7uS4c3356F4aWH9Ihq15C4U5lG79tQQ71fmoZJAbzeYxe/EEOB8zO5cCOrC4VqTFZ5GerOc5THRWSesokJVMtanx/q3jf+Z59BuevBbPg2N482hksT1Xgaq2VS/DVbp2rQNOUdUaSI7PEzCwBafCoAYsbz97QPdzrObkrosLXuLYRBOffDeUa/ruZZj+ge+zvt87cX4yVoQ+uv/zH/1Mmk5KTC1ja5b44cB8mpo3mefui7Y29TVQFHwXz7qNcA+kTkTpE0+qfmLMmjPoBs7eSUdZhrD7KSfxRwboEp0iXzdZ6EiaYE4OlSm0fj2LSqpPid2oykmRjwnv7r4+nSYfAQsTbwa3ryaAtLfkwcCsrF1bK1IA0xBoSg1FvsfWiuA08khvqhuhi66N6Vhe1XncaX2ftzm8aGCe33h6576pi16BbNLl7AbWHyPwONBLp+hQSgFnCnIVr5+RRaB/YB9Kch2f/SVu29mJai8aJXgldUash5+Exhch6c64zsWpm86gQ9gydQjJew+SOfH8C6ug5StraL7/HhnS89S37jH3IUnZxRNrq5oGsaj3dqqoHu/LWtHPRTCWMYadGLmnrLT1MXZGVjXrIXgdZZxHCbLev1KJX3+5XwAl3mqTtaPCaUx6C+bXo+PiJ71hrvNAsdXEb3VDxSrIYBuRyGNNeUwqs33wMKA6hzw3U/GRHM+T49ZaML0vr2Aj3R/VKkoO54vhfZTn4uthNOBu/wtdEtgG+PvQVOd9+IWoGO/dFC7kpuz4mCfm1nBc2ttxJaeNSplEMWxJ29OoECg2BMYzpZ4zxvp3I+tMZ9dzS+ZIzGce10Twswf03oI5DpixvC/HbGClYfTtAfU+FE+oeLyOWs9SXsQjphI95fgN1ImzvVPPT/6w5n/H66FW9Qcgw9G8rsvCnppJDbOvgfl1OOOgwJ0EVeWBwUP6HiOYW2HmPgYx5RPK8Etu07w7jN605Acfb0jX/3EQleFN6LHmJffkfHqNmDt/rLHncFtryLETzfkMd/jOq1dA37Wdn/b1RyP6YzuRcRkwZnHkqAWX7ch1yoQeIZWinJS8noF95CWtb8zrmDVNR7pzJY6Ni0rlFx3jj7yQly26YBt1GOtjdDYNqb/xjes1dSRe5L+ktRNn/lQ5QNxcXaPdwE9Kbe21ItSqVPAKteEz+BtGfFpGgzyKUu8xuWYvK1nRMjAmv9GK2KoaVTfIHivvQ/hM1KjHOp8T8zTjobmo/MJ5YnS1Lm+uo0cwYj7vB0EClW+CoGOd/kykHXldet3sYb55On+6C+c9WyrnvzKc9aOaR+Sevg62zY7XVbF8uyv4OIZG3l9WeYvi74KbqxNf/NSziqx5Xj68mx19RB0ey2doZvd9k2Dr82s9cKu7t9moNj4MalrWM+9Tq/nIr0rW8nXP1ZEg8GZIVfe5Ug92ZTsAfHxNNupe6mnkV9SE2AfHT6IFyGmgjUsWpJgSPLirdpQYWDe/CA5aImmQWLTKan3dnBhc49hEY3+rvEXrp2MXsKwPjmr542/yVfmRn8tKtaoJ56dfSXdNf+cl+MGSuOPgaNbPsmu5fUUtIiiGEhF7GLf680E7V/v5VVdi8bR8jU28nO/ri1yPbbDdSndhZxcbsoPVZY8lAI8fbCscY53AHNwdoE/mNpk5sdrJi5b+0OMF2fQ/pE+qda2eB7cQXrWKmo98dIl5VrR967M2Qk/LcNRrozujUyz3iOFgBm+eNpsgfVBZyb51RG6VfQ5R5haW56k3N/vJgzHWireiX7gvs+BFhjwdmYatAyJs81zs2YuXq8Mjz9isiT0BFFjIKwPViu/3g/F5rZGdOvxJ0b3Kohy7gDW8SMmGycb8FxJmNoDCMBLPZe8HWNn6yukn7G6CsT2PVZYXDTFuEBiNmuaiHUPCtGWqyA52qzJT9ZHB1rAjGhDx5L0Kz14ArWZ+eR6l7lQY3x6+4rvMRokf6bX+gun6gi91z0BF1g2Vm0q1PtCJW1kz6Grtri44z4mqc7wgtu5nDuanqDcX0gdrlhl6FGjeXMQjp/T+nMSRpvrZw6sQdGw+fo0flOeVS1aP5+r7n1S05n1MNj2s4yEdqic9xYjeeb8L7qhTFIvU7tN/OEk6ffnVTGEueZQUrBhsOBFejbEHcU5ETD3/iOrGZizppMRl33CLgstljjG/nYMlaGC7ADYEUAoryylKL6rbmI5L74HUy326EX8qgOnaEX4yjnWqUeblVjfkSwRve4Xdsfwne2F+L64UI956B1JB1WYxkjTQOiVU+PgdmkdQUfx0fvIrUv/IG6HrIJSNezYveiAFj9gib1uZs1X5HsayhkaEmj6odFckoLGt1xdaQL1tl5aQSfZF6/Vc3i9xo0XFeenl51IxyLwHuxGY2LriGEjelCSyUcTq2B7m6rodFV7b0J0XQ6zoYAX/tFy8Qxam6uNnxCLiO/qR9qpyWonsfoV6jeFB3mCYB4afFDhxK72Ry7uE5rRAsvHK6n5rlFXFzE6bvALSBeq2tV6xd8VEQ8/SEfad5/l9Db7HYARVRel35ICxLbQWQoYbvGqA7FL0uAlT1o+sUxcJ3tpaFPH9R+IX8tTYamgX5f349QVHdW+a1p1WlxrqCgOVL5wnfXtYF0H1rXryyMDzgH58cLP8cMdXcHJ4C1VD+0Ys68daNwbHv0xGfaA6lT7//LA+Wtoa4m8XcN/lSTaSXsOTPrPhcNFMAIWxPZ38XsseOoUub9pVvysOq9ZCZoijxWt4fWPwqvQYxntdriDWNbCV0HwcE3o0Rm9FcQ/ba8AokzHGn7V1h/gLf0IWregIkNT+ncpdj4G68X33oRHBz+Oop0S+KenWiltcMKGMnvmaRJrM4Zggp9D2lKxtLwAvJ62+Zro3nVu973GojPY8zwNyl9SH+JaocmVzij/FgQhYhERpbmW/AuMKadApJGCb0PlrNzyYd+A3T8wWf5+zWAE3qdWx/qLMvPgyyrWj1rGIOWLbHxnxNDrK+kWYI/+a4wD1YEyQfzpdg6osX49HHB7aN4MXdF2npfYyL9zT4Er5wuGrteKF/cbcnlfwHSuoiMjY7TctPs5MwY4XyfFS4pokewH5mRPKj7/+iIhzsZbB5bqB7q/swdbQrwu0rd4pUz7LU9HCuV/czkE3xaAnHq26Yw04U7Yo1h6tmYBEzpYbeJyMPmkQzU01Xf+ylLutfkVTlakYZe7Yr5DfInv/+XWp9SBUV7emBAv6gCQa9I1PxRRCW1nG1TyqiUYJ40gyM/TqimusYM4fiRdE88XidtPgDeDC1UiUadYNR3rAWy/ckOrEVMFdWAZ0HxdOxbpJJP+JqmUBtl48J49D5f1jsVDPW+uHA08wvl9mVZnMyTOEc88nD6MgGJ/x6NzH13lk/VRRxuU/PLY/9lSvKc+EY+1ll2f4rj2iGteXb3qG4oKZd8xIM6rNHMTYwhV4/TZp4VU/UfwbS7GM+fIJHzEYA4t5Sn7nFshe+MDC1pDleVb69+sCpb3QltiRddmp5NEqFoFne1pryBvynI+46HUfG6NRuQ5LoOvL+luLk8+xzfSl17PsBJq2DG/6t3rb27cpYdc1Eg0yYKFFXjg0nR+9ZIRdUzgrxwEeYCTfqUeOH99H+Cg7kNYnTBSAr7d+HazPh4JTZnzzclPkRfN4DpHmVUuwRxDE+A7Cz1W8ACWVo5ynzpHioXBn72N7Nr7jtaX8HrvHbp3CU0zNY7hZdD6+jdedD4bwq8Z5xLIm3jMq3fYztKhg3QvFSmzBm6VYIkbEy1tc6zie0zxYKdxRSl4vrScVXHhHOPgeCO9k7U23RtXZ3dqCkwFD+Ug4u0EtYPtB7mA2mCIviZEhkdFWqYsAU3JxTjXIdlzUy+0i4eAbfcyv1GxU09H0huulLsyybUpuGwgSokgwtnDB5YL9p1OFg9GiM1Gjsyfw5RorsXyf/w57hn6S4ZPhE16F5anoxRKmGc0ozuMQlZsnnz+NoBa3xqnFgFecYWw9TCFGwp2M/TsWEYG5WF77WZ+MMOw52t0DzGYkf0keXzwfIOKj1sQYZVKBVR0r+n9GhvP4jAKYUqsf1OENSIz91rQNZ5FiDWPcOLtRGTBeB8NKpHhRiuoeV41yr6kxL8J3td4Teql+pcQzr+qq4Ds4HAugXbOtPpGgUBVxuoXGrV5Qdoq5Et/2E+O3SBuMN0zGOUynS4tE4UXfrzqYr1vbMbdet3ruaNpSO/FPNafrJV3pNLBP20gniHAsbHNhUaVqt3HzEQRyAuXYUWNBx3UfzdpPwCPXCadBrRlhn2kqm5VrPm4WYrc0LullMlB7jFwGcW7hvjSQaQ9bRWZlM1tv57s2a7DfEPZcG42IeKbpEOXAsEOANNSYJAwBgfK87ybuRKHQbH/J60DuV6JHP6z5fG37VbpaVExMtBGXqpckuOoRTpFlMmo/62eKpmc5iWwNfN5G4k7Z83faOyEjfBnJtQkrwW+ZI/cqezcoiKjqWbEae0vdMyKiHJeyMm+beclD8tA2ujHFWIGYbs9Vj50jIcR5uBybdAVbssgv2rjUxC9dlp+gQqxIiek815Up8c7BHxgs47FXNtX0CsT2ein0gG0U/9109HCbKPC6n/6Oc7DLswgBbFNgeY4N8V2UtXJvVe7yqnC/0Hp/dgL7fJy7rUvEybjzFLADlucZMGPoMdUJJZiXnl5JOtmNbuyrevOffRul/CgZ8WEcW7X2uFCRrH5a88iU5TAmr+HbTJLemN6pf5j9HEr/SgdYXyNfcpME0GXLnnoOaTd6PZcJhQ4vMkNHXGma35pYcapcaPU0rHT+W9uYehU+N1IBwUr06fUm61nG1spy75Gf2G0ut3ruu/TX5sQ/1bLupxm8icddunhoz53U9dDJfP6x47UIJMsOKL3+snrGM+YUV7pV7qTR186+dp/5xvIe9XK7EnSFSqmPlBZYzrN4Lyalu5a+flL77dL++UrRCa+osZmxrpF5Ol0/B2pM6nrOzwuMTB5td4BE2ErdHFixzot8hd68+c+W+rfZd20Tb56UseFbIAaso6+JcI0tLUQkz7HhyrJLJj/UXnb/XHrH8IPE9+V6JCTqU4Mkq6DYQ+lZIOKybuQwQ2o65mzWQDVqAZk1OuRkHIq4I5KzMt4Bw4VobAkJVoHrs0/5DcyMzplSICeFSD7MXIa6DKy45NtAWy6BD65Z5zlWhs6MN7cRhT7Yoj56IfXYlv/1K1GxK++jAFr/z7eYKDfuPbvfYfcvHl4oSsSxni2Z4zNsyuKs5Vnel/EQ6c4Zp7WnzXLWBmuf35ZoonP/ommRij4wBhRjsWBxvFQ1Btt0VMc4E+K5fpozarLuiFlx+rdJ7NJMlRY0mbRKLK/Pll6BnaaxEseFvQj5eHzSdLU5L8tYlFtiTU4Yz3pfA8/zo6rf4QMhdMx6HR01O3JBq16VSp3jG3JTQmQX8pqNrOLFp0S8BSIcdwOCHobw0a3OaOxnzv0v4+TV7TI3ONpSnaj2zj+J6xpF7RNDaxVDXytwW1hoCKm07ZOVNojzB5uF9C1VayrrVLvpxjpr7VmtgGv3I52VtxInd2y6Z9wmrGC+Pi2ynNPFD8cn0vS9guSrjoaX+4c1wtZLXEemJdD+OqzH8ajT75Zn8cptlctMmyk7snjOc0lZNuqYf/37IsVDu2j0AlOwL4v+6aqnBv0Zep9/3y/Oj8aFbHUvCcY3PYSz27gBVLHdqHZpv+kPddtaH83J+KQc8aaEqGIjB/YcjwHG4GILPMbqSdBa0bfVDIVo6o1v3XXB9DQyxcncZXTZiU8DZ4jJuSCZ2R0lhseYbPZwm1Wk95yI7MYw8IESKEmyLSwk1eVafGlZ3ePhymJXMdJMfn6WkF7WR7WqXNWlxqlXveIObRmuNdgP7JhgJRrXK46V4xcEGGwr3Zjrf/obkRjrRR87zDvYcwTYbdmXXzSvstdlpn3NCTYD7iOQbgxlfp8/YpsWZRq+9UAS9fPvO6vIwzv+1A09KNWGmAvuhfQFcfjCxFumL0DHZ2Vkp0yH6fJZ63wroXg99sA9aecXf5t05FVrGjHombe2Brl2z5R9zOo+dim1c5V6dz6jD7YV9yWXz5Vx/OIAexFYGO8DswtvliH9ge4rtNrnd25tyM9FVaoc6896KYcktszKsfapZiOVN42sqplKlbG3OQo2noctxwEZ5efAlTi/bx7WvR7PTuNbPTP6zNZaU5KxhDvvqH7ervTBwLTPeu2+Jq9VW9Ovqjo3dC6xst/nJRSoWqfKqt6Zl+clv3Mev1RJvrOajmM2cnVsh+9SmDe9qjsRLFxLzKwxsvNNO2gZf6NHwK9RIz5+5F542iBq2RxZ+8/Fc8nC3KpV2BAJnEnZt56B8uY0doFryliStvxNQXrqB+5j9+w2Il76RU4cq4b1sjo+acGvx4bDWa14viPoXeEHD6JifRgf9blmsXAZaZUqQjdloS+2FcPlGBiacsk78hWn978YjPZ/8en+Vc8x2bl0380F96Df2PBn79l8hY058SA5bE+KysUxM3hrn/8dRUXkdNjflu1W70xiYbt6m8fZN1yj95pboCALlC+ndQDcwYSrhVrFgbcfn61GfDGy+u1FCR6iVeRFCfPCbz+ZukYTO77JP5PBvIh7HaOf4qOzV5Ua57UF40/Dk//MLXo4u25QgKWbYKquyN3X9OYLStvAzdYGapD4oX7rH+BPQ+35oVFSvh33su69726fUIMV7rXZD/mS0WNq1zLtKfPKr+cR1m7749bcQfE7s4P66CxViKN10Vw+tp0E2lKpUia20OYdgwGv10euV8ZMrazURjWHRDeTcxrDk7/6bEIK6l4JdkxcNdjmQemkc6odJJ9K8ydf+7VaKfJvvv+pL+f9sBYOVzUXwIGvFA+4aeJ4qdrFlxC991JFpzsGcsyjMx//pa5LCov/IJ06cvoOf79uBPjDsDlb5kfuhV6s0przg/gfhcDJXuuh3q0V5wUv+0959zWuTLNeqsNQKpwSWHfMKmPRU7dfNRmiUMn694z1zCpay3moGlfODsG1DIYOXK8JbdlGTRkbE1GQZoEU4y2IVHhN2CQvjMoVHF+obVk07xp4wGxlPi3gteP1IxRbX/32R/8GfhhUa8sSeY3gAVtGt/Fow/j9E3YQtI18vxkCQ7afYJmn8e1hfXqSFmsNdrfyRnbDqNFmzNySmTEvhhK6uasGc6mBC18wk+BtJePN9CaVfbMM59mUYKKvOY5JJn0RmxeLWEb84SVk5kd/ycn5WFmpckEBMnPbfavdGHreAO1mzqGByogv3wD03fifL+v2FVSmnXgQbI9AYVt77tZVWLf+UP58288fWm4aBHd5gGn7jWfRpBZTbfeJ6zuqu0Z9/2yobtq5FJ76/nhTaM2wNF8mm3mKDlZr8BDOYA+2HVWu9TdoB4LLGrscAl6f7gHltTNLe867H9FgT6wZY98jVt/Hrc4HtkVD4K3Wu52vkNwX68e5r0SJNLU+WA+i1qEItnq+cJoH5lo30Wzm5wzzu/OAMX2MowCvFZ1D1KEk44w9LhOohy3z5XVRV/av/dMkSXx0KTz0ei1hlnPGy+B5j0AZ12GcZ/WaCXrK8uRXDkpp6w+5VO4TvB/Nz9t8etWXSpjegaKT+2Oehpz2lmCphvX7pBewW3PORARROUwtlcALhhLuIaGGHoAREnv/ZB5Re1wlonyCXAGJ4RPCf/HMfV45vpMfsZ6v1KMKX/vma45oYawXRO99PLCbsMrZOBqp2xm+rkcVP1ZzfGHx9a25g7W7xpUc72Uqw0/Mco2eT6/RmotNyedLjk+STV+QkdN1g3QMHnWC8t7BIc9DxtTawQ+TP4r7fRllpqfRVvzAE7tALvLieOOYvEA878j7E2P8fl+lxfPSuq1N62vdoew5VcKUU5zpUklDCIW1afsngXrfFLC9D3dt9YSFmZdB8AK8wyG5tuq3IQ6MlxWcqkGT6zNX3gn+k+cQfLwM0TNjzX9af/LT86Oi6JkmV70GY3yFOapF9U3bgYMbkuuWTXN07PvAHk5Y33jWyXJlJPQB9vhas+Sv5G0+u344HU/6seb9ruoHtpnPcezTjZkz26517PBdPr4hz7od5yU/ddx6uMGS+LKb0JKcT9TKitnHwp5IjZ5loeyyGxgbP2EaGe9iQ2awZVZ6Yymo3mJmlaihNT2otZZnx/wcM9dXuZfe7AvW9O0a4HmnEV1KT7C2Jp7uDx5C34uqWjJ0vwvTXwikx4QrM3yX+S+u/J2D8cXrNBOP3+DwW/5jmwFDJ/Gq3dDTKlkNmFz5WWbq7nNGu5x8fN5N1My9RDf9f8PF574jA65tLhEhY/40lP4iD3iGTudMhhiYInQWOMcEsXCCIAy0lTVCnfPIdRzGcgwe576NoVV7sKte1Dfe/An76SPwkerHEPLZ88guYr1BVSinRVdjrquT3g9j4S/eSOwzbsvsAJQfbr0e5v8PmaOw7QVeCzgUkr5YGsmYl7F3q6LAWU33J/KCOvkT3Dz5h8BqrcLrO+u4QjFw2P3RugIYUo4Xajq02d2xwrBjGnI1r/go92gFrK6H9YZW3AKv+Tt+4gYpXVCXsNer94tAgYsd/U3VqC4A8KuNbhLZdB1uDPxxFIkRbTqKxE88zIVFg+tNjwTwS/feLgGd/qriD4esod+4Hjo4X4u5gyM7XUa5whygjwwikm+1BNf3mFLlNz0XjvMueZqcu+XQNjo+SLmS/MrP6csdazIFlzgxP4KehVa1nOPZvtMt+Q7x4WD0/kZTl3AZX5tvdEq3aT1SoqSdkmdvb/r9YSN87XDuIw6tl7tMWTpNo9Os8xDyB7phZRb5Nc2aWk3+Mg7UUDcdxqFab908a8hzFlp0q3jlyozNt8YyL871IpjnUMFigIixkJFbQmFI8ktvcE8/ECBCCOEntQy4Pz/UOWHSOsI8kZWu59e5d1/QBoN7aM4QEuV6REHpZe1E7U3fVP9A1E3iR9Is+ss9oM9Fs2nuGv8Fjn1vyTIHPyS3UZxDXMpJcgD0GAISMsawCDXZ1llG/PvxmsCtkUzN2R3/DvvriROXJSjRYRtd2MWDK/0L20KNqy0uvLGXItxMXH/peNI/zVl6qrLewEuc5748hs0Z5/3Cn7yogOcRQXwNwVOXYNbYmD2jpWoOLFIVz7WfRAqOa+YvdI+CgRfQxyH3I8uJw14cJyHrxDvHVqHnrIf1sA52jPt1rBxl7SBWkVZur0WgZM1vfEiTIby0s2ZoKvAFylgpns9fRej3jm/51buw8KLDGIlNV0ZnUV1zwRCroZyuSdJJvyLZdHcU2u08JA5bww6R8ICrf8yP+xuaJXc2+NgYltjJLlDw1kywN7GefzjO8CKCbep94BbYl1Tpk6ZodUq+CDcY09OIVXeNk6Ij47aojfa1Rof7+6btzOcBXy+NHU1aJRjmgk3DZWkghk/SBLU51ySdu1s8YlOfAazn6OGq53Pfjey1/Cf80zLdvOb58j2jrex3/u4s/ukh0Ic9BcjasleKaUH2/Edup3cyyNHQIIeLEOE1JA+p9p6Q3tvrI838gsAKcj+v90D8RgojwDptcw+Pzr7RQZng+6zXkBFwXMnaUhUlQwNjGXSCklWQ+WQrx+r/GRLyz9PyA/MnGhW2Ogcczk9zlsCZtwphmjzLguqkTwPRYemtu0V3EJC8V7zGqd//prZn8Vm7QUu/w/6mwEt4YuSLR3v5DWdxi3O7r+7dcwXfeB9pLCPfPCNXd7Jsh1Mvv/f71eyNpyxKnYZ1QaRzEJ95Nl7Fj8Dn7XhjQkQOQC3lfSkqB5o2IYNXrDKmJtFmNnEdIHvjdV6yH21SvwNbsc0izp38T3oDKd+k9A0+8RJV0jqI2LBaaa5SlLiP18NdpdmR5R3ZePwLNvktBG59dp2OkW5uG1v0QSpjSBigsHXz2A+/UQk/1e/0Ij40GTtSETWuzkYNORa4v8X+L+5bXhV43LhgSG57yCix9u9Fa4w57Opu/7ATvpQgli0RoOmdLBFwWHMAweH0a/wTbuxRa2G9fZWmHGTKmQeMDb0q5ZfMq1qtY+y6Lpc7YPAJEvPwFoGf0XGNquu69wUtn93KUo4lUBYoljf3w+Cmg3poX3YBNha7PHDVeqGm23hCxRX3aB6JNr/GMPPoa/CO9d3Ev9kh63TjSX2u5/y2hVwwNVLdLkLo4SFxnZzkGphGrEKT81XO9zR0xKbxfg00jkTAQVfGiLku8etX1Kh46JtqozkfJ7E+vQWyuw8fgF3eAat8Orvf6yfaIqbc/66DGg/MUP/mAT5qqBY8hgkgLSCUxiFlziwNTwzl3CcxWiUO/NwvIttu0jgkIB8hrZ8ILMeZ3fWZdF7ckfjbnR1lA94JtXR9gAvWm9ujWmZ393oX8Gbdg92foUveap/3M64J6xxMS8a4pPKLiDFGxEKL2q0FQ53G2qH3WxNtsHVgdSdUlf9Imu+TR/tjMbn0nEF7bBMRPncBq3q+0LpX7s3VJRdJ6afS/kWYoG73cN5iefOD95hoJcNJx13wTWxG7ToEXDVkJ1zH32Jha+hj68CM8tAcAJ0buJ4hI61XPqpzoMKxZt+HUGG5mcNz4zyxXVhjQgPHoGOwhElS/lNl/c5A39GP0IjxRW6Qah6wvmoj1Z0P6a6FG0AkbPHGAdKmKhk/wlHR63p8xvk6euZth7sdZ1lpZMY/hnr9F6gmcXQdlrvepfYh+b/UsQ83d13XvpBNBwlzqWDx/qrCnFssH9Sr0kD5VAOGz0vLjWg+9bnMHOAYinNRpHSM5wRrXBzl6TE5xHmlLuqBn4cf8eG1IBWp2Qxrt14esMlGykz/0Bnh0h/7Z7/mRdBXY73niPOL405acFi2iIHfmJdx/Hi89sMf66sYmnv11Sv0FWhja3e5zNl7nJMuNv7zpcXx0QF3g6ynQDtP3NqvAfhOtBhM3OLwPYzc+6L3pgkuG9nl6iioH6CFgqZED6FwXx7a+x5BED3nJMJkZLgsCes4zSi7icKCLsQ+U5rS7s2gwA/DZOWQ+AG1Ua0VkcUKRLJcu1D74CfsoHi5dKC7xTMsTFmmjpJeDfsom3uvF1M+4/aSfCR9OFDzevHCuy5kECG2ista4APHCM1xBmjbgmeZFQlt/eEUYE4vIuADi/Gn25IvXsZ/fEzgoig5ftlkTOxdag8Q8nEb+TJ+fzOCXXkl9EGWH+ZRw17DGNiX7WkNwHe6GKDpAkmaU4CxhtR3PhIWu/PjTruhk3DcnPvAwA+22/NFI+OWqeBNZJJ/0jYdJkqMCrZGyhnUWCPm1lt0A+J/Mg5c3vo+fqRo7VdVshpnKl7lnTm2Ij5ro899GBfRaV/JBeXaQ05vFtHTXeXHFPmcflCDrbS9+kiMPlFp8RQyc+2rtan4mdNkeLfP9WlwIe16ugELPq7wpiBwgqMz8tiKGcGsMYVYt9NroqoTSeT+lS/4xfb+Nv3Nhnq/obQuWPlvngKwMMayRvEaP1LzC+uHpZUkepKEguk7MJrSN9UVD0U+ERUlv1+/vwTsRXbps0D7/AmpqNHcOgfb1Tz3kTqnEnU/m995maCty5m91L2wv3R/yLnTHR81v87S3q0BTVbmcDp/G1pKRw34cauiB+lxUZ8foEVr6vWi0AIimsb+s3xECkJyjAQGW2XL1cZnTNVHEYVx3EpXyb3q+i46guaqxQONp1XR/z/MYeVhAVb1n9zW0fGBHQR/OYBctR2LZaQNKFK7xoHg/HL7EWO7eF0SVjny6V1vKcUzrhP9MC+HW+z8IsHrFI8z5lcPj8xlbIxfcH+NnxL/Hg/tujyyonIJ0u0L/wWzfV0WChdB4HnMMeq87Xx0eebuePi79RHsSdNqNlnL7U4z6PIeZaMXb0B32vbTB/GnqBp79y+9wDU0HOhWjisc36X/IQANz6xHgo29PuFHVeNGVY8svS9K/ZJjyl7JRj0ietHxr7GQ5sOz/ch63CPRpmvlnZAQp96nWhIaiU/xlYbkbJ0y4qkHfnwh20WYG12uLJqOygW5NLuUp8gLBoa6ebNGPLrAxTz3+NNAmixxu858KpLdsferGsBZZpqr10de80BcYcnX7oTUxPwu2YpkOX7EtixJpLBGaX+udY7ivYniarQ2l9pJOa4fru1sfWJYhIuXmL3l2D0eBaVQw6ffWCQwqiE+ZQj7n9AjttRYyYgVL1Wu9lhlqxzu5XLtrZeu6RtWe+D4sHVEJns4ZV5Yggl7fUvqHx59d65I2TkSyXnzxmWf0QseqLeplwAHjcOevZyrEMrCeHbBVubea9mKWARtbHMPVGRba4tafQfF3LeY+49uPOwNvEl/jELzetZiTlcbuLE+O5TgV/877HO5hm4nDa/Q6/4Kb8fv8qoLVXTJWz4pctXztRflKMzcU8aIqinfJWez+fYwMwXub/2QnfNGWyQftrU+EUcrXlP/0W6p6LukxCjDa5+CtTlhun/tQkFKZ57HVNQq51lhFNaEqy9a1bHwwuM+Xcz7qsNwvuureV54xJGBPKv6mBl2oeGzY+EHkLFe5VxjrGqoL77An7SNj/koOnNQNwYiv/YBN4Sm1k5nZejwtkdtoQm3deUHdVZ6Xz/Pwkj79X6A67c/4bLqSYf3wf1Dof7ahhU66W8ffvl3WoK5L55EHC2+ZOzii9QLhtdmi1NQaSDH0/3+AXs1W2LQJgsz5OvjJzd8nV7UT2MhTk9qrF4nXgGJqdsKcQ5SJbWyxG46U28cY/uIvVml1lRsVfO5MEeT3ZEh0N8U5OEc6wGCjJE3JKr9VrDoABT42CL/3XY9PqFJ/B0X5JtHvhcPLxjnffd02TnotDh/oGfBnZF18Ec/a85DfggDYQ+dFm2plyCYlAd3S6HLi9AbBor1Jxaks5vtFvVZOERWtj13i1AgjD/3gE7CMzR/cBYRn4wxS+Eg1i36QA3dgNK8XMsVyfnIBRYa0Ky3b6jMhQPpjlhRhZ8N8kioFgyUvtiuHkmUExbH66pcaPdP2PnFU5y8vFjjxIh/URgzqZfALgTA3baqYxOJu4H5Xc/Jqc9gpoeYe4bSHKLe325ULJcbhmvP0Fb0XmuQmeShQOwtQ2cy4JP2Zkrw7zyoO0/Bj3Q9e7I1K6jNeorqB19DuPLgfE+57CBjtG+Vr3r4l0XTN6woSb5S1F78vUNp3vSZk2+dfDdmiU66uEjOC9qosR6vQUawqNScZsY5iGKhj5IpIeKZIFdvRaP2qBrWY0QYjGsOwloV2cL0KMlfg339euvTqVmjF50XTNfplj9p2+9ZmwrOC3/e1Oevspp9Mpfg1N3tVjtFbOnMVIiSqnBS0pOk3MNyU6yDV/Ej39KPBGmZpT83lvVq95Fnmmefl75S06yiDCtdIv7eWRBeA8N2nQJce6zkMiDXuRluQztI7YSv1fGdYE5XB/l78mKJJJXZM/OK644yXNNNRyLxYV52a06NC3H1KcCNPQTWq1iyhsccQNgOcsDt2uWfggUe/NP2FSs467+jJW0qFlnXLhdVjHGK5Gqp//imOx/QRLZL+K9xDxivrbvoWoCsSafrcKPz0NZ/ztiUBS9/nle3gXAbFovg3WTHsa4tohBeKwQt/3Gdx4hlW3wJrSqxXEFDCucixrZVgfPPwQ1tEXiWeYtgGFublK4A8l7NUD7fj+CvvuN60XvBzP7Sqllg1ag9CPe5h4DHvSCOJhnqV7NeM8210WkMxwN7ltg3vtAstvtk/PAhePMKTUlhacTqy2K8YJpWRZoXqCh/kaouPnxsZP9feihoWdtP4Lwv9EJ605B60do34tEBXPoJDaIfHos0j7ntW7xePIZQ5UW1+wlUvascvFQ9pCb58Teu9lfGoYgtoNINuRGPH3Oc+svLY/XF/fRFNa9rr5uvJ1WPmOv1FFnWMVWIzbF8G2i6LjFXblGqj2xC4rTVdWE1GOCcKcysnOyzIbBal4+y+y8/5n3gcfVI2b5Hjeyz3sHPcawg2t6dH+FQ7Ob94q3jusad0LKD1x/27uJgm6/lDvcyEK3GD9LYnuTaeQfS1tpzQLAri4E8BOK4tQ3CcRu7GVj73K5ahu+i4JeGr2tVKdcPoUuczudyfgJzBRmQsdiwKDt6xK/xCSPHKmTJ7mLCy1h9hE2PlA54O4dObpKKS5gG0lkrZ4C1pRZrJ5wxLOrxYaJDuceaXhXJJ1LhzVQtMo52OPWRGjOB5ZzpWSQ/6dbHY8vtaJP1HkHOG412YUMt0Jq+DWDZMlom4/mobw7EbKmgyWXnZc7A6GqtkfCt4Br5tN3X2ApopDhksfX7xISpryVT5HuncpGQvjULWXaGXCH0YQqqqqjfkROpn3ayef1U6TgxWC6bYN+XxaPsLi59KKDdrlOg19+I0PHf/3Wn+jjIBvr5dIma3JRihKwL46jFra/HRjr2GD+KemGaVK60qDzC2wvYqbPU2o/FnIjLwgnC6znPi7hMbhr2cHbSdJTDgDU4dpSjH4dMx1yr6Wlu1HFy/rwWGY/LTp5QhYWpU62++QMTbxhwP46Bix0WZmz0hkfG7igBcdRtDXayQccu1UuR3ADe5sR9JPa61fwiZilMaI1XhNWkx9MNxJKuNn4FTduwOefmJheQ8f/8kG4KiHwvZPut9uH+rnNPDJXMkgzrKiHjglAY1vigOw7Fbt41PzSphvSGjSvLfmjekb72IttXrGt6GIhmEAvDltytWUU4v4ZhYm+d31DZxTsPfrLGOdPzbmt18zb/DmsDmmn51rdX26g3OmluWxM3jAnhEllWG8q+55rEci3Cm7EQkes3PtiqOWYBVWwHrD6+6glDFdWoiLrPC1ordd2jMXrFnnG109ObClGPFfDroxFTe8a+79DKOlehbFvD4z4gnCECSJ9A4FmYVo6Asy4Z01/z8dYAI4K7fa7FDhjDQdVXcwshrwUbrAE03ElDQrtOuSoEbssLqHld+v6tn6pznYOfuvrTrMxSOrjZrnHVucLWHio2kOiK8b+7/XPdujnh2oB5xNXcH4kXwP8tD+swm3c+LtmGeIrirAdJF6woSK1Op1bdogN4q1fzu3HThQuEvcUFeCdccPfk4Gnwp/lxPkm/3Bdl8uA1r0nqk9iW6LBdXpipRpbjnK0TR0IgEpd2bPV9wbfUQvm5J19bi18eLan4JDoBbh41ZAulvoLfyUzepa0gQca5Mg3+a+KU1VDO7/wTpgSbieoj2IqsvUTf+yG9hrumup4PwMWKvSSdbyJdi68HVa+TWIXXnM5vfh+HpjuGgmClIZCY3yu2gyBEw8nFTRM9uEdNomj4oJ04XyRuPnCM3HC7deO74vuHta2wg4qzi4fgW95BcpZMt5nkEjBcVty1RqK7F9i8LRkFFLFxI/AIjLDdyK0ojHmIAkKVGFZswYj/uja0R+33aMBvtArW2ln02i/iPhmrz77nXA8nWM8M2ZMSZIDF+HVb8/BwLSoeIaPpB9cearRricUqNhu9Bqi+f3Un0UMIZ/7ae1OyH+SdkF5zeH59oSW/oqE95BMA+LIIByjmAQRvUbNV42oV875bdSZDsKK+5Fhr4CFnaYmQfRGsMFA76QBT8b/LodtU7uQBemwhcJNClEVy5rFBB+tbdYwP89IArtFMJeLDumQj0j2wK+3hu+9zJdCpdsUqwDcQ0zzNR5EgFU9I69G9KHd9sIi+bnqS3w9QDuQxmFSt54h04eI8XTqDNKMQv/QBttp2/DL/4Kfq4XKlhk9yb6nomNbFCaIekuVQ+7A+w7q8YHbNW53007kgD1tKKYjcfMW7zxwzx1dArbNaNV+sM+ayhvy6a9ilODGBh6bddpu58Xxd5aqcrLuKqj/B7CYUqcKcl5TlBspgWuy+FzdbgLLEfkhHUbazFyd83L8x8G6PPXj170ffaPYc229/9afoNNtppDztPlPP8028BenyWeHPZVJPMZ6S1k+O50PZgIhOC3HQQo+KjhpavG5PPK5VPbsexvuExWrKM51Rk8FMj0D+D2kHUo0iVRQgoCUPqGp2fyLVtgfLHXHa46bz176m3ZAHT9V0nDcGWB9E2OrUZMR4G3mcoD1O64bKStZBo9t3rw+0dUCm2jJ3ORtrzVlmRc04BtZee1mpRkuWUaIBpOlAeW0jYaZ9Urh8+W61Nle7Oj8iCTMT579lzdVxWTFqRnolbeNnQIh1/Jue1jDePAQokISuBnyIT8Rea+8M0qBwgIsmSLl+twFIuCMy5ctqbGHva6enQ6lJh4wZc6c3wSdrWoEfyYA9q/tb1qqQddct0gSVNkPZ3c4jmchfeIBWEt+Ja4BV+3u/MA0Kdm/yKLV9Ya+01VHkxTGYXV7raXYzrZwzE/p7u6Xs3cFTj81rAn8a1iBzuJs7YNIQmJEcth7QpTK0+EimFm+tdNppPo3uLd3pS96maZHoRU73Me+I458oJF90nEdewn6Y8Gulc5FzzvpY7GdqjQxrORcJIJCrvo5TDLiPyMl1Yv40xmFncmTkmBTvEzli27KOoxaDGuuzuu8kJz3whRhbztuapnf7aV+D0W6nNGkR0ByiP7bqc9dHwNdbkmjDzW0R/06h7EuXHn9M3TxgPQhXpKj6VQjPfFuMXBScedn/coNBXmo8AZZQzsQONq41rd5FssbP3AdDr1qvuM438icdq6lxG/Pu4CyvxcNkYWJs5c3GeN55ZQPP+5wlH+892YEx6qjSj59+kTaMw6w4N9UlgSK1SziqifJ8E7DiYn4iuidpDeqrnBM/D0RWEKVB9HnvUsoEB4aBvgIkb2+FBNJxmHWO8FE0DwFJrzPqJ9TDsNUJOBuyV8/2I2W8X7t15VgdPZ811oThA9upKd+QgPBhG89hhdKL0kx4ZywvcTUXtGRslau56I+tMC2ePSeRfNVCthbzeKncKAT0GgHnsgXS8xgh8V3HGMBii4q95qLnQsgGKdmGnRh1oIct0zUHsTPzXIW6bnMPqk/PNJ5hmYwgGx8bKOz8fL0wY/PwE/Zx0q41Ql9dDCyc+ZJIaz732QhdKlbV03fECJ7taIFepYGabbeOpa4ROB2QTtkOcsiPi8DB+q13JfzK6XB5PnKhGtmDz098oK9u9R9BhjRqlZ7kuN4/oIva+41D14vz3JfzGqt7j8GMPJox6hJ1P0K22ub9U6FyjntLFTea9UUF/nVrXORN32oj9z6NKQCu3nxDG1vr4aOxb/mjAa5IXArdgTPwsy/XgwZ8uTR4xYlQPTxELsadNuq2xS1pz+grpqJRmKzde2zgp8fV7k3SFG5dBBuPxNp2+QBzu/DKISNXbGh0wn+6RvF8OGk7G+Tf5XkwMFsPQeKtxH6AYwEfQwLZKBXrwMlWa5HBY74ec55VPovtXgD9lc95KJ6nL35Os7tV0WX198PnkXdQrVHzTz5GqBei/vd5Crijd3lqMMJoxldvZaCvvSbAeuHosgyUZOuzV22ibqyXIISFgu1gW8fgO4rXlOLSXCj7bvarYuyAu3JeW3uFbecaTNUpB03r02kaIshDIqTzkFfFVgy62Iqc/IBHx4bLepaZ2Olj/LN0ELLyjlxp4GX8ez/EH3q5ObrBUDBVi3bLp0B9GPRbHVNAFL1KHrnVBcNR+TN9RdAr+ZF4eP8SLln0xLIwkrNh7pozQ24k6X070rfna0qWodj4ex950mUZ04ZwqSP9jiWSGjKmnTNWQ/SCUW3chIJ53upHSoc6bE+4G4xMHNeatUf44QtCzc9Z/C1O4fIJu8bLlrtZmLl7r9prdvBtptLnGZju8DqvYm9rDJ7Xt/lK/q/f3IljYRsWWth6TWSxNX+Ks/E+FwD90ZZ0x3FnL5ReNHnw5TnK82FtgRhiRhg6mBsUXbQOagFwKdz4SFI50MfWwcmhz99G5qfSlWrhex6HVlOMKeENiLK3yIFqFIKaj7K86ERI4e2hvdP1QubD5/3oTUs4pNecWvEM9J3yyPUmeUFyjUucZ8UuzxjEemyyKirVVq7rJ3WvgzVolshd3atux9xo5V4DWrC8yJ88L6K3rsmQY5VZ2ncVXDEjdVbrfS1+ws30+LjTKQWDx32jOtgnrMq6U2LIVg/ozOn9M0r8ZaTPxDkw3yOrSskeNO+/RE259Os1HXTmk/CylEmn86SclUhIAdulfA2jmNYAAEAASURBVNzktiW87Fchh57HagPk5giDxQ/DSlVzy+sznpTAWRLBIwFHWB/fmu+uQ6KgPHTAOtjYulQ5q0oEvxLf0IzdxEmSb1aVax20LCsdwhdAM80DYfFYAKzUrw6j+nvJauVVc56LS0QceD3xMb7IGupPD+7KDt/x/IE0FDF+237H6rXtJ+uEoXnPixZe1EZ+9kf90YzAQKEuLvso5ekfjYoOcz7kDPNsdGd5wbFu/preEFdaHOhP2J0XMpD4fc1JJJ4m7hjT91jLRyV3SsnNBhERClt+Oji3I45qqumoEwV+f0KDed7KP1Whl0/nduWUu3ulv8xZa298XX7M2gXtRc+7x2hpvNxABlf5J9+qCWUPN68+byM/h24vx/28+BMee3hF65Sj6iEQ8+hudIxTe5XuLxXTgS/1nXdJVoNHMGVb+bWVgAa2g0Ah6yA2rmQILKEvgrLShN0VH6jXgUuTBde2TSsvKCNQdhxfLJnC4HrtgHZr/WwGbDUzab4lA1x8b0FCOPQpBTHnG8nD9t6Xyae1VdxJ71TjLucYk/Zq6cGnEfmj6yNWvI2RUH8zPY/zBPDOMB2fdSOvQPq7G0QMaZGTynZ3WTVe1yfevOgpnX1gPV5051933376oJubMHJNPMUsfPY9tBJxUScqE16gNIyd0noASzwKF32c+OuNcTiRPz6ML+R0bHlxOWucAom3q84POChv6g5QqbfeS435NNvOoWw2jO43tLSTwWT1cRFNe2I+PKPKHo3P2fc4dwpcrP9PG5HsR1Jp30piKYxwa+2AGkk4+V5EoJrxeWUi1wkqig5xTZTfqz2WgakTLGSozXfUDrBRlZ/+n/Yus5OD2dnWiY3ceYw+x6xFyNR4vcbPd2jAqT2Tiguj5GdsJ/XlQOZw6YprQwXDtFf3+OwTyq3H8cAu0Bf4C8b3qXwDgZqo5gcOoLBFb2PZobxygIBC26k/YBM5cPd+uJDICSudrBvJNlm9bAsDbObEGDOa6MMchGfYqPIyri8+uiYfzG+vH8x+58qzzJs5gf7L3LA24Hh1VehOt8FZtA4RHZhHqaBnROk4O1G8HoOoYps5vmLdTl5v/qJmdm5zqrFWF+68DkvA6fUAbXwuCrj+8t6NvdFLxirQxRbHwmZ8HGxtkzxoKNquKTXJz+sgV5ZUc+9zaVm30YvOKO85HPRSKWiy56gXx0nrmgjNGvzP+zTCKw19nat4Qubsj9fm3MGqUNYM9CWLeGExHKXNQS5iTd6iQhLFrYdEsfUYNPbZTAPOKrc1snNGOVHB31T76s0Nbog8y7xJdNPw6Dg6KUfsafyhjpgOlLTOoY7uBXWV/MOBfHqDsXud3A6RJruCFuV2o+ALCYxLliYF+gBrFY78k/Co+R+Y2T1K3YzrGuNzlcBjPzFSasgDhy2WCeMfbXmuf1T44gq93KTFDAqLH37YdlHdbEwrqA16X7lppzqkYgH53Dwii7E/5wRgP33H6rhFI414xJgRs6I5GaOqAp0myc8w9oh1HaPf7oEABUdDUZIjliEZnFedwGOGlpAJQNenH1C7BLorPvauYBAfNXcZXS5QliHoyeBI/K1HPsMzzD9cWD2y4tiQGvm62tKcr0QeDl/Nx4/XDR3M0F9hlwyKazhbhX4JggQftHqgcyb71Aww2DIudN6l6iOO4qLGw9+mUxAZwGY3EQmRhITE9EMDED7a4veGIinq1u7qrGgJP1Z1rN+DPg0jKzpL67EPuIi0cdbU42c/dDmv5j3zTFOiru492uQ6vFeVkXFQa7npYZx8ZZmk7bwC3zaDG93OUxzvZPrSHD3KOOY3HBGIDxxOdA3cXCvANacLpB6xWIOEa52kwmvweT7x+kkGhMgtqITwrC0oEgBpbe/cQPgXh+Kl2jcv+1Rs9bP0pnXOQGPLmCI3z6/xjv7apk+PTFHwmlVFebVqUGzkEg/BLRLEA7NaVyIvmayx5YPe61BuhKJGHKtW7F2jBNtXzBXPN5yKBvqT0TKFNyW2dJzWLox5CGetT4RJyf5gq80mzX1d97fsvPNMqF2WoKwuA1KLXkBmHseof7J1faihzJT3l818qRPW/XbeQ3PVGuoFUWrdnNCyqz+0NgjELKOR5H/QoKKWrWLSEWPRmwR0ouTbSiAPdBwjb1v0uSONI9Higb6LhQ5jivKmloEdge9UcOyIVa4YkYgN7aVbWeGAXxpaCoIB1vrUDOuB/dThkr1ldft31v0bh35emOvo9LBwDMkr1LptCmySlQOcLEplP6gfKBMn3waXu0hKvi5/dK7+uGLsF8cqje9VW9Q+2eJGE92WLuSRHpIUPjQYApOgB/Fe1MC8H7KBUAy3r+KBp4AX88BkKzRyLxhg87aeZ30cMHvPjZMuri4S8Crs6gNAWjdti5x0eWiLIvQJTalaTQBSUWC9HqRHYdYTDdWzB3UiOH+nNc7KolJ7U981A70VgxG2JSfepAH8vPW9as9DTJepVS33ZUCX/gMGw0+wwjG8nw/04rae5xs3aqVrkpjhNy3QrDrFghigIb2HNs+dmkGXN1Se251j7H87il6qdYiYn3hSLawJtgdFB8G1YCTd+acgPR5Gh86w0zr0/KgkXsY1Z/TsDrNqTa0F5iSZzrihT1E6H36sGBdM/b24jHPG+Ls1klnDy0N3QC6UCRPMwsPjToEv7ffeBWom62/j2IQFBmxdTjax8NG+0tp3ue48aMQ4PX61kGcg2rxPUMOWqbc4clg3ccfvZOjxGlkJORPlGtTQ5yyv8SZh0ZF4aHyC8DlZ7f/b7uu0kd8/gEdi+cYwTgfTsi2uP2DYcWcYRAu7RKEtTPzusSJNCxG/LE8MCpB22+OR45CngW+hf5y5ujsUHP8UH5qer1nNjT+uN4fi8+34hebrtuptXO2uvi1rkdRHFTtICkEwDDe119yQx4CbCyV0XBb5/GiFgxSUdnok/q52gwI3zOlDBMk4Rl63pnHGGSv7UQ07tGUsauO/dHagJnrWW0Z5rFn9bupuvYcE+4lziB26evXT84hlNzmOnTLilkkHzDAgOf59NdOg9SjeITZcOjy5RDHpUZbZts5+rn6duMaxiNY3D9pOJuoau92sFekEEN4c8pxq5P0xAlqVL9R4BZjr4/53aX3380Ot9vQM32eOmlfWKw9SAM52Nk+Uj1uBBz6GRx7RGPfKZU6O5cWb53FXtWOZ1ViD83U8u0RKOI22EzSUbcCwOmCck3jrxMIa3+qR9ik+8j8dx36XZXDXdPSKGsjvXR/3xQb4oNaps5tJ2hlJxUHQ+kJJKRNG0nN2nyL/FwkcDp0pMY+fpmd7bJEVs0pJM/d1ZLqQqPQZJXGFUf71fB/0rdbI8DHYrQ3c7i3uZ0TTvWDvbhv6Etg8qtcgmkMpv46G4aUsHwz8MbwI/UMG9lqfO3Tr3eUPU5ml+ZK4ejuNZQM5nD8ydg5lsP82EdC3rt/XXe8lg9xewigfC9PzAC0i+I4WOaEXYyHHOYlL3QK0TwfpefIUuFkfpvWcsFEgorDaYej1kBWuVnx97HaGrBaCQTrhF2ZvImAXNPBlHIFSkzgfax6vGqfvglevtd6J+ydr5iOqYiVXXk7WNcm1iYR/ecx+1MH+Oyrki1HbUGNY0sCPvxKPELQ41nylVeWgwtt82HC1i70PrzFqvox9NMRyTTuc3GrN99j7fdI3m/ru3ERQQRt6TytnPYTNHK+mcK4vgU83SyKpI78e0H7tK6I0MJdiMXE94uKILyI1VPXjXNFV8hxDI96ERD5wa7veeKCZBYAM8S5sUQopOPL70IMMI3nv76/mwdgr2MxjHmPr4fVRxzauFvJ+KxqmY9oeJSNZx7xn6Y2OJWNq97nMLouAT3zPXPHt5E3gVmcHhVBKKd74ESD1vno6vibr1U5eXGfEOVivpTM3DOwXCGI4POVPYcfJ+ddJcbeek/WFF7N5P9ja03HILZt4K/eWGqa6yk5q+O6DctsvF4xrEWT4nLUcR1mP10qR9gknPvQMZ3rzo9jBhnv5MOiMAtRVTzUHfBrYPKOu/8lYLxZ51drKtfQ0X6hXa4ea207b45vZ13ibkcIeOGocRJSOv+fvtuwtNv03xnJfyrZdfx3I+t6O1TdrcdWMJa9DbZU9DdB/jZYjEZl4OM5HB/dh6SzWZ+xXGwTT94A+emK8lZEY24nZ/hUB3saPABTOdXHFP2GjduTHcadleVUsebHZIJU4ExuRkDIqZ5T0kp82Ci/SRvnrhX9K4rhSff1e5bj+acz9Xrh9f5s/zuJ4rOZewqmWwzsZiHFvPfWtiYes0ZteSX1Merdqh7+/zEdbYSrzI/E34wDfXMYlv+Hrup9kjfFZd3M/6JUPf+hwD45VN87XjTFwNDfw5tao8oTTLhPuepkjGeO9PKDZO/CLuuaGKXKP2r8iKrxW9CM1UjdnrCorgAqrSA4PzxobCzMDb1XC0PAWneYgKHZgrBwZrmnK6Qm2hH9Qt7zvoh2sj6/KyGqdhqCwhhJXXz3X9I0X14/H/vwaHBEY8mtDfk1PoqrPRIi1olikJpy/vWAYL7Fy+vUAnueM3G1b//v1B1ZaTI/l+cEPO48figHGq+iItWbmpTc32+dvpd7lnIAHSSmZAiTy1nhsdI5CjBhw62334JUsHGQTNrS61Q1eNzE+IsJRaDp1dDoObN3swb1WWVnpO+x063fkriJm84I9Y/wiVLqc82hV5vqp11zD9EOOE+NSYzNHEwz0mkrzZMuBh63HsVJfGSgpQmIGeB1mBY03LJfuGV5b9Bzb+eBcCJ+P6Xs7c2yzt2g0lJ4zYdlKdZ8HJ5jU9hzkQmvuPU3/zg/edkRtUysDI+ce1ie4uphrT2g2UjktevLfIHZcyd88ZuFzBr1k/+PQQO7MPFRPJk+1g6SWZI+5vXBlnAB5PdXc/sTuXohqP5+Uf1LTP5bXL9Pdy7Y9bTBefo3Fzgl5O87/Yosee31vndd+phCgezj8yby/48p1ATNS33Cvq4C1QPbW5W8QdKs05E5kxsDQCf9We7WtatuD0NYge7Hf2pCaHR6+V+Y1jjdNA6+ZOaa73WaQy+wGLosBVBQl37sXTtYBS1X2AQ3RtZ0vOoAuuvn3YMB8lke60sDpFp6wRVV4yOmWK6xq3oFfyLGpOPuFdO75ejYVj3tK/IJhzvY5f5KubN8d/pmFOD5o++46OvFFJ2poDh2qre/iEd67r8nI1YO1TrfLe3UV67Fy/IeGXuBx35013Pwu/bjc+w4m5/DsQbS8D2iMhyw53eriKNS6yZtdHCHstgnvqu8D0RFH0JtxshgTzLBec8oQnKrM0w7os1kM2UkLEt5KO9otdyYHZ52LiSFnfER3DrvQw+Ezjh0r6MmKGu/XiQfpSqXK5S5FJvazi/sEv+oCJ3KIi24u1Z5aDvU4iPMQGuWcJzc46auA3Q2QIIWu0UnO1byqWhLR2pxktSUaGw4RKrsNnsZWYv4a2PoUWsJu0nvQ9UX+rgQXniHHBSpTAwMPK+Vvj3ZSx0O7CIgk5PVO1o7Kh3Zrb3lNGAPf9LWCPBrvMYgfbE/cU222GMY2RkzuwQcG4uQi9VaP+GKM3/rW0jcmvagpdJ8RkhdtNX6/E/LaryPzAIY+tGPkl02OycuNBIh7K4/p3Q1Ml9/kHWSfUoK7uipZILbQHwpE287QcciORnpJy15efVz+6Fzl3D8IsKEK/Zbzmi+c+cZJWOn0V1OXEHuUFwIcAthyv7mUQdfqbWFB8o4w7ksk+rceqmMXe8xOZnP6Epy+cxtRzjW1h3LEfzcm4fJqa/XOj8tvE8orvZrkQuc1Ms0Enhyr74bHQPB6H6nMdc9BJy73eT3ujaO3TjbOZrR2832rZ91PMid/qvPa/4TT2rlX5Id7/DWps8YnM2ds7M218nid58XrMaFqZQ8+zItGVw4bXfHmyFJ9uFybu3X9rYXU3X4Z+r/HBV5y/g3yrDQlpx+YMoxFu/E1+IQjWHRl4RcNPY+ZdYu1U7E7N9GtYelsQx8CzKyYTZGKgjWkOrZrpNODlZ1cCeSHxIPKZiN45ZzWvNKCLdSuu2IQXr1szRAYP3VX8SINCeMi47f7DdF1TloVopWC1rQiscdgJJ8+4suVaNvfbMk86/0WoU+FPtUc3tmweSm/UVHYlHEIyrsezWDe520B/YsTtmJx5UhkcPz1gGp7xfORLa3cdJm2fXCyjhn64ZRrwZhtTUbgGv8rJvSBTPaCrCT2hsXclFek8dimVccU1uTnhntwbOhW9kcFmy13smMzizPOV7GCnJVH+CrPGItb7bVUh6M6XJlM8xRt2ROoqMk5iWcClD/RWg/sQqm+cp4XJp/uXoOxvqIjNZp7RGyrI4VxwZ8+4ipEEXrVVLx/9yPBZ6K6wchIWwc9xICwPDI/29o64GQRPY5P+vXDesc4eTcfHZvzp/2ba92LzKln6XVJe17sJ9WYU++ex/Pp48jRQ5LfI/e9Ir5XZk9ewziaf9F8wZRras32RW672QF71TiUNpfkylx35/DiX7QF1x1P3X5nT9CIuZdx9BjHLxo3TNKsLgXyR5vka238A7CW5HvSQinuPIAp33KhUW6FRSIB0735GmBr6HW+81Mr7+wQrY6lPAvvZfNX8Jm3sxZrV964/n1sHuDdMl4VdZ+VkVbqeqeWVbpMrduh3/K36x8furG/jE+zivi5PERI9TfLCeV18BM6n/UjL5FrYjJnMVv+1Z8KZepex681LcQk6NhjTKmKTr3rmmS9J8wJ+vP8Ksl2j4iogUHq8+1eEr3Ab7dlI9pDALYd8YLhVzfJrqVJ+Ub3FQf6ER93C0iyPdWA22uHRLMtcH5VGt5IM05iWVVsjYUGx9kafF1Bso5AoAFNy6gA6iT3YSgKpn4iY7aK0V+ownFlGidHvH7o5J+kkEUPG8s99knbkIKzGeFcnXVLM1zjRrxJZ36RwYeJeN9uCxfh8cC+oSRd5ag8wmqRPeI+unhrd4TjyZV0PhmtrSuKhzCXMGSXvEM538V+DVQYO8HXOoVv8nYyfMOOnLRcERDGb3hZi8NCj+rUOUN257eeueWdlw3cObBl3DvHsGB/uj33UP0zRju+YF694cLD+EpfcuKwqgm3y0uNv664uQy6Fj89/7SXarGHOvbO5DriM551qnlkPcp885lqVlIxGXegiM3AZChJJcQpIeyxVtQ36Tm/BJyyYzxTykrc0PpWD3A3nFz5Fi2MlOoWBVI4H49nLsmkUNaO5/WixHgR/IgTyclRlfjz5wM8f2ZnsITYvWu1rB/3FRqLTDXVlZOaQs9zh0T5iYtTAxDDNlNguOwQ2DbMOqsm76SFWxB+UDeFGIkPWxWsznkVtcrXB6i2/gD4aIs1Uo9wmXoA1mjb/WNiNozv07MD+1ktXWeuf9tqaTjdg5bH6cOc5DorHt8Id2SBS23/ldVx5p6wjXzFOV4DGh1wsBWYxP500R/g+A+VR0E/CeiZDtVHyJczXWupP61sbDzHYKpWCQlJ3c8h6bSqmuXsA/E2R6xcry1ThFfTeovS3FJi6dBSf92ssWRzbQBFev8OOx/p3SLgwOnqrP+C4Z7MPcWt7lzY8S0eq7zgpbACKt0qV0rMpKBVC+vUY98rpiqch10c5rv/QEXRMvvs10Lo7+vhXcfW7zr3nnMOYc6feVV32ZOJ5lqckR/bhz34p+seU2lWOc+qR3orZn6rFyBh5v2d9T7xIFh0vfGq+n6dzTYsM0xXXANw9Nl6CxP+VeX15pp7sorsCa8Ykae5vOyfqMfjfWOLJtEKxrJdmLNfECDI3f5U/LJmwwd5zp3hExXv14+Aed86vgxiu5xY4v3xGLu7HrHYjOPDusCgkyxSrZEr09CbRTfw8EOppX5/vPPsRmcZ3gyw3UDnUhsvzidtTudWenwWYfa1jHy2RiyAOCug0s61KmDiQl5e3x7UWazqDEHBWR3tJMuxjP/kV6fd5d962zwU/zO1p56xpZCkbZHP6eKhiHj8QNh76e5NkV/HIev2Yh9Uhv7WLOZxUho8cfUh66ToajjzsOWi/dpH3huM45h1sKpc/xNxPFLf3fEqYlXvjvDb64LMczroRKOHVjVU7/XmoSMHuAS3yQJz6HUq4U0a7EesmJv3NNSoDH/6z7rVM9osNJBEB+3yW2QGJzceWY26HvJvibsH04c2pxfTqve/nds320UjnbfbrQt1PoImT4TtCbJQ94vVrXFB3Kne34ZY4NtZvojmP5NyMtRonSixTcaaaK5FtowNH6t83nDN6zLfVybnUp4MxnCjD+Kic8kWHD9ov/JKsTYpE1q3tPOqpuMIn39obSf7RYBHbJWieJ/bYl8GvQcIdv26PHinrbt2iIW7jSl3uwaaJxa07MlTd+wnzpQWTe6hqN3peP1Kijux+TvzeeA1lseR1I/sZ8+fdvD6b2zZ3+/77q4pHuJbVckXJRR/1wWCqEg9vXk4wXuJd7A1NEB+dJGP/KynC99TMfaJIBkvhFCguAMkxlapM+HLpEFwDY2UHswTlhLSwKjmiyA+JPAuIAe3Yywp3JRKuLBAbirVODdjBttCJth3CRMXb1gG+PxGE1xT9iqo+6yMhNFXM/4l07kAl/sBK7noJY6Vz2wozi2kXLIe6N9EGo+RxJm6/GJfU5+y9jeXKvjzq0VFnrn/bt/6GLSHLcMKP+9uWp9Hnzg1dfGsMx3BkPjyJXIK6vEjPuojSbJvLrejwYDD2SJ906r+ZJ2L2BeiVH7VFkuoJG/wPbcdtFJaiAtxa0BymBtSGGOLPFYxrcHorb/DDhOheRSCYNwGWiyvMZo05UtaTnhRqP7Rmfmw/rDg6vPNx9ucLqap7G6qKf99iHlgK0rN7QGa01lt7/BVDtKh0h74n68T/Brz+O+XVvYkB5muXuStY1EkwTOu4uYczp2zlk1CcTJeDCuZOJUnqsIY+v2mmDgSdq/R57kEkS+H1iNOzsb+Qd0aGddyElneNDzi5yPrUWvheKiqyn30RrDJo3HUPnoS3gHQl1ZDATS9T3ONHuO477v6HQGqdoPc6tGTjmWyNGGIUKrm+SxoPvs++vynmq/aeGRvHMo8qYQwpAcImbgwYLz6YVzU4tqK95MGsNIPsYbsQH6jm8dzcgJHkqhIaScqbH1BaF5fgT1DeZ99PyuwB9aVvGduZ7/xmm51renYsqwXYrfG4y2jQcKtRUA+D9EXWxDjGPluW+GrVapwWbNeR8ZV2qijB2OqHPA4dmwsexF/c4BVBMHj5n7PC3nKqsHPhk5Z/J0juYKP4yWBNvoPBzg2RTa/eogNnrU2N449rGtFvsN65hnmz0fmSbXzXP5kT1bHeUi3+MdWWB8FYZVk6ysQwT6oqmArVtZgHT8gh6361p+tx3+2DVCbG/3xuao5CGH7AdTONXpTM8iVw+lxTJ7X3K9FSbsmMXdscVTJ+G/3x31Wt/Um9RKWJC4MGl87TsCbdZiC5j9hpXWoljkWvP5UnQgStm3bAlrvLSmun6Ts0g4Ys5P/SoDdpeLad8yFj5LQN64pM2WBOu/du6AdPrS9D/cLvkBlfzwoJ5jMvW51UqvXBD5Ur8c8Oa1NtdlmEjK5w77FhbmSxYOsX4eujyl4/D1viD8TSX9d+8breg3o3kjoXPh5Ndod+YO875OJ1XF1/AnpsHrT7M4BdL/yAQzbb3lBph0mfUl8sGvm8Z9E2na78DlFTGVjaV8+C/fXXTVpQhZt++O1bnmpigPG6ezadLrI+GBbJnMMUx/HqLMvy9ka1j181njiw4+yM+OekYaDxsKvTa5LJmtKVtegXgmoV1soul5ITkLuV+lYTpVYT84XONM7Ca8pNZ8RNVYYwwWQ/WZ3YpqUf80BX6fXJmDi1tixch6/8IARp4jPqlpVrMy0Z8kdMa9bhXzJsQa8VTzUZGt1ZluWscmkUJjmwBiMuTdyQNQiF9K1r6jrEYY+oohfLIrqIlc9rNPPnuc04jPF1n7yA7Rt2YdJeN+KRs6ueKbyfaRrUvPlHJyvNA3InJhzVtJPKw8NOq9R53kjJ1vOq6rM264WEau3t8Bo1T2HMmEpCad2HMBjyH5ytc4Ix66EXsHWrOZKdq77oKlOhfOaFaLO4eiX6q/1E/aInCszvq0e/tLkl00h6/u4qcCzRr27rFG3CLzjRPWfdZcOvOxm9/F3k9RISM6iDtRhBPsxXnDQy1cxUj35rm9juGYA/fHt9j/b7dHsc/YLK+cbxu5hHewfbafnap1+/+e/OMhODYTqp+zQVrIeljtSp85p/VjHNf3RwHyKjOsxSzphly/64QEdJY/3PYCJW8+J1T8/rvqd1l8czPPy/ywvlUBh08P8WqDms14EGJ/9MyN/PR2awYj1tkg7C3Dk8PBW2ImMAtKmPuHOfQZC8N81ANzVH7glT0QeuAJr+VKcX1EojhV1Ok7PPWq91XxtFON1ZDSu2xe65+h8LxTfuhyxgvrIyozJItGXIPwaGr/CZkW/L43t8xWvPAhYYJF6Hx4sOPlPslrx9SU3N6bJGM1ajRhlkuqH0FPtfkwo896KLZAOHi00lUG63+zzjYaXG8r1Ax3fnNSxRpIy7cmyocNXg4N8Bd+5E6+uwRS2IhWRfD8Va7v1NcBrgV7S8TaA6sl3diBifSdB1tWtA7EaJvKXLwh0MNSLBih11CavNPzkX0B2Bakf1gdktrcHQmHY8Soa+iXPKrdrK7CyLWY1c6d/yoz5VRw1Zb6Sw9Y4mIHN32oxGmxduFmQ89NWgwqRNsZYD3mDuHpoLyguBe/Vivu5+nngudGJ7YFiTXsX/mhg+nhI9o67ZrZmY9kTJSU6mZCv9tPv6oGdgBQGNTptRoVuIMUeLMoydxKSB26E7ovzf60VQA4fn+50p9AsGgJc12QPDCcpfxhtUApU03MTaCXO/TuW5PlCJWN5kejV+opw668b51avVVd2L88ONlx0da2l1nexytIIUloPyd3lpIz+BKbQ+lLy03DZOnmMffBTZH0hj9XKAN84oN6vBxCyPamfaq8ajOtiO9+yZ1wIHTfAps+jWU9gqMS+qp0Y43q/DkjU5gdtKhZ62rtxkF8NtkLDaOrZQ/S5iUWQeiGRZTcbkJ34SXDow7Kf9jz/mhAra4zj89znbrbn/4Rb+B2pu2LmGes7dqU4c0Oun/tiHVqWXMGXhdbFLrzQBMM4jkWI7caaZ+62T4HX4i5MZ5RhcJxOpECsxOQ2tmsDiPbgrh0tn0W0VjsbtenHqhYNJR6gRW4wMsdiYKgoSwfAGEo1asYxs1CrVKuccBdnbSYK99Fuh6FPp4M6aa6FY4bEcLkDBrBMGW92WfXJiP2okZcaI8/GgyvBPIAKFsoxXDDnA1a13A+SS1zv0eOMrbNE+rj8ogkMtqqTnUv93FOZ+l3fVOPMS6wP7UB6R8hWW0bWHu2KwthK65qDwGqE4ZXXAOSDBXY8iOhPFT/VqFcMdufvsKslA8LitZVRpp7wQmpPl/PQhwne+pqyfE7RlrMPMmwdKa6GhtvVFbCj88NbZH4y7vufVeJPvPUg+lYt9/JK/oLga5krmSPGLa0b1GJzZ6lires1PMbXuIHH2YkY8ycO13Lc9xas9qkxVe3X+uyW+QPXMuwB785bDnj0tsqfjmpHn3XhT9Mw80Vb577ma9MeMj27qiAnEho7MbaVYruwp1LpAr0yWjNWVw827hhvea8jL95rjjzVDdpBKX6sNsUmXep/mvxIm+e7GtmtQ1EszMR9fu7fa555ReMiddI41Qqp/0lqrjUtSb5+wcZyT1hUPtpiER50AO30pX7DCPcF0/Xo8l7zNBmpyX/KiMfq1pdykOkeaOz82OxJ9p5GaiaCKFMoTtzlOecDqZQvk0S0UPUFf+w06u+api4ReKxf9Rs5SQPuRVwen0y2u1zWjkSM+U38Ax79G4imFQQoOpy2LNezGXVS0+VgdLxv4NonPmNX1om1euzvmyuMaepDe4U552KPz3Ts/JWVMTfnnlbFNUQ+Kg9+d60wlkXS0ZiSN0eGukflfuXprEa+1133jkBnbtazZJnA0OV+4/WKvrL+WbfdwlW7VnvJGbAkOMVikq+7MIrjd/Tn2tzn/644PqiLO5w0f8Jpt39mn8cGrcbDLtvHTurFLzKpuM9639s39DXV+GTtKj470brvyXUf1zjrUdWRM5Rq5nxEoHeXR/1l6zWkt8/4UVbcD4S5dM2ctLWGtcA2SnLe1CyKeB177Roj2Zfjqer1mus7f1dBX90ntDYoICXbmduBawi4Sz4MvuWZNAxaRqJPdSd+fHvZf76TjireVx4q8Uvu0z4nOdGqV1RZ6HXCnPRRgw7G+Sb71GHUDp8mgWa7hfSabPTS8oqCcH/CLySfU9/2xd87wKfxsByusYiXBUV1r9Otp4OW68sDiE0vEECSgXUMJJg1SrPA6kgYPnPivtZMsdf/jZ+iv4quyeHBfd8INXzzIAA/QiatFxID7hkoaN5GTfMiDb3MRQaIgrxSJ0SsyRjK9jP17mhej4+e1Bt5rERPj7SPYSfb9YxtZT5tpnrg2ydsRCe+pRC1/Xp89oYDtPBchA+rhwN173TfC2y/xdrcfHuWzD2rI4OVEQ70lYGKIjHy2jLqKsgrX/9KfGZ/nhE9aB/YmKCHKLGqVTnP1ZFrP+R6nvbColZat1yv/dkh0OuYg+pG0aoWdVpdXpnxI/es97AzN3x1QbPDi1J3uoK6JUPg69kb109rxrjQ4jhUXu57JJXFswZuskrqStZeLm94lILey8vanDB8UT+dCRPnW093vXYBLucTk3FN+g7KRN33Ox1P6Agmxi9b7hL5cfyipxdgY0rUvnnCzZO4FlXJ9BJsJe6Ihnn0IJwM+KbXNxw47vZ9p9n/1LieD/p0265Ph5dz63TuCQ+asrrd9YbnoThmSnz4AmHtvvxauwqVxC4hgNsKfMmNhfiWDR6vQ9sN4ARoCwkZE98w8aAuWsrXNcQ+xorGXsDn/WTIb/wYu4mWoam9zSEY2dVUNnxLsdKSncIYg8ndUONcGQu5O9lLgk/mPlPQQMsccHMog5U3YBMFOUZBk3Mae1KPk6Ue2IsX8DuYvalAThYYXKv4jMA4E8fGs2jjA3jnFxS/Y27Ht0UTsjya8kvkr7Kx54vCGeP1PVZqYQ4jIx5kKrkykh98lXNxa+wGu9/JsW9/RsJ/hcKD+39+K0re1y39UkNB8opVugRvf01CV3ddTUNTGZa6e6kkWF41HANhYTDLh5EKjQd2T1Ba/x2LWSLCJCLGyrmn1YxV5awqkdeZeJ/y8DGq/Mc+nUTEefG8u854z86j8bDx+FOGrk+Xl0Orqz3doCSzYcVYPJQc9VQbQJbZVyN+5R4YnIwO65rY4IQ51y5Gd4sz7tTDjkvRMKRF0gS12CeOt6GnwPcwiuXR12oxUv/mA/ulxsUszzjW4kM36uLO+iHLW/OPrOHF3+90flldGPcOJ9/oed9Gn3F8nmdEyxx+jT/m6OdSuSheLwqY6hUFOkqr6k9z6j/O7k21nzt2ud6b9+p/hevMy54+Xzt7Tzyn3hGj6tiuIXU9ZrVXv3+BN0937Oasl8N9E09U0wN6bMPyGIYLlhUmV0jpR8clOmDLum0cjWyyFPC43LJ/XMgP6lHyex97KlNSdaI6xh6r2bg0wMrW4WXgwGOwxq9//CpKOH1uPOMtHhsn5Clx7eHmZErCk2tQvms0TIqmlnbc51UCxUQ2cPYc+XkMPpQxxv6aDEkCkCVWcTP9sTCqVolkES3OKU1HcDPGqo8r5tFjQ/+/KN2v05vJ7/l5wf09X67DEV6nsBeQly1qMZaxx8to/Dm9h/3nefbMIJrd13wjgLTtfPtwXlhg0poHt4zTPQYf9+GXYKbO/KNzEpka9KuJ8GLG+olnWOtjOTZp2bteoVWkoKjePaDr0eWh9bK9aZzqt5tJ6X/iu7pMGdNef9Gs455vOEW1/jodF5sBDzthQeUn5YRfnJ04GfX0Nc1PotSLyO9rcpigWCfNGO71k2BOaE624dR9TvqxH8Ydp86rJ3Blu33vA4yrOTa8r+1+xdSKl2ZPXqNOuwKjH7aC4dac57jSuuVu/HNdXb1g4EPXgWeDSjgGRVReMACdY8P6SEDmwiKPOo0cBz0bwmkODYXcdYgqT/MfZecxwWG6QnVvKiWRNlGptuCiwP9ixJuW7lO8gWGSmKdlfNTVtatcol1/ho/jzdW88BxpXUn53IfY6lXw/0Tq5vHaQ2wOkRcdftg+6aoW5m9IZO69sPZ3pKlzBL7cSGaNnFFul2flWyxrhHlesTcAC82YEzeyr7/PDUjfS849/KoI7mN8Bz+Sv/a9v0gqn8Mb9a8G5Cb3IX/xtVnnemRnvZkh0QpRlY9t3u4as4TOoGpX2TrlWFv0ZAxdjrNG7R160Mi8t+tSxdvGdhFd0BX3hDhfuS7xuKIbdNw/Dtw4eHH8xuNkt1lBrv8zbpfP/5571NA9F7P1mL16BOYlWZrQAonP1AcwoTJ9caoNKFx7/gl7XqzKKktL/Ogs0CqjfhG87vS2UnGhvvMdDH0wTN5xNJJG5cnKfm6Wv6w30fS5Nq7EUBqYfBAqMflejc9e2d0hJm/xmKj6ai5U1sO6+Ikze/EY1A5mpXReEyO7iVk6RKfelXfFQ/vEfvXpDZ0UTzVdF0WYb/j0PWQEjOwvxIoSzurU0xV6+O5uYB6uNae5aU2+/8AQeT31ElhX17x66DDUZod+fXd6B0krvrtLu2STXFDdpjtAO3C91/Le/LZiu2CGnf6un4JlYkDm9dCGDYk7XMGFRs9h5YL4lOKHdSFAk7siJ8e35cc+tYHrVbxszXq/36KQdYRwzqCinq1ukSEQnWrA1Ns7U+ZwR/VrQH2HlK4h1kV0Vf/+kA6O6p0cnWpw4zFeG5h+q75ZA29i44rAtV7noaKtHJC1OXag0+A23S9EP6MIOpvozrtqKnq89V1FqztfK70/m8tzwzlUnyef/f4ze4WeHn9+PepVHuxhr6ztpL878arcXeJ45xnrb+OuB/LY3tW8d8aLRtwz77qs9BLHTjgCwEV9bBGukuzLeS7AnKsjOcAUQlW2f619gi3XJNY9pkfOae/h2Ir8+9gZXnB/jM9kBWvFe7D7Hfa4JqdJRKzv3Tf0uLwfPtWdHqld7dkAZ/3o7nVcfMR8XEFrL9A0T8jE7dXrkPj1+3QYesWtJzfre+BCRzj7d9BmsOYove7TDRpCgMkRj//jzQbx1V+qmKeSUAkN5tDXhKtfPo8sbw3LWY5vGtX63jimr/1f8a840+8i/NkPUTyvAfbRnueEL858YMw/Q0PXz/yefYjmux4jVfc+U3XNTMyj24pyxONGOOY7DcnvtT2AnB4/qHOB46B1KE3ksV7smhfPwUIzxCMDl09uzIxDYWBlFhwxCgD6cp1lDBDQyfue0Z/E+GcgTxx0xzwwNjeyjsiq0n6g8OlTm6Ag6ky2biwiCOtdYxiPOXhtj6hG7MTqVb8qp4yfHLf2Oi360U3fMyLN+z36CdfUq3NMq9WDk/HeI/G5V2UN9phrr5L9cnqFDxfoQ/jqBTOeLQ/Y+xwbSDm2+E4uH2u8In4aMvpfPLR7j5hX9mJ/N8XP2ZDg6j0yz9sw8bUNHCCwHsh3vYAP20VTFu5UAsYNO5cOdB28usSsroKHO+HXXtIjYrG6Uosx8O8ehfHwlQSpM4UPShui55H8JF6Op3xWbeAfDTCR9co2hvMNNaSvvWRvBPAa7gf2uMNOU4tY6x+aWGEfEIKAnajjx1kLnnDqzHGGUVcLvbblfxrNP4IQ3t6ET9U+GCxKrz4n7vCwXuuMhtJzFWtMvFDmFep4QKZppYQiKx2fM6KsqY0qj1y12OvJyGrwG7eeE6t3vjBOGv74MP2aE/vpHGqsaSG64W71rRNtPKyjnycJrPDbGz6vi6sBnObt6xxtr6lB5nEsHWg2x32d3VgXq+lNcexh9Rz5Nch1ZLYmP6ijuLYTIxPa4AA4DBOFF6bgvfouqJTK+8eKZwPJrxHz/JOUJLyCH5lYnUc2CRvxg+j/pe5v1GPHbaVhNJPk/u/4zRyCYBGFP5KyV7K/4ycxQaCqUKTUaqltr5GHdShWNK31vTyXcVThdNGEkEX1TLbfkDnjCuGRYk7vIleYVyv/qaw+kFX9qpx1zZ6t9hL9ls897lrVWu6siHDzMcHDbPjZAlmr+lJ5hk41Fp/nP1WRa50+KPiHcTTGbSPWKvn6+mgOLIKKjaKz/suwlvxl5P3oh/XVO67HnZrycZNYHtqRq1aHWqXJNX0P1Uylk6+VgpX/KxqriitBPvfnLqYzNGdBnUBd2Ix3aoCOJIUOcp7gLDujqmrnifNdXOl9zYn2XHO7cCksBxR+7aNHlY9lPM5fFYE/aa5FDfv8Gu8/AoVmP67/rJsHnJbCB89Y7W5PCHMQ46dJ0EAe89O4/Z3bjsN8AZyadLV9DKDtnW9vkw/MEgvT2MIrxarOFbNOEplsPzVes9Z4+ltTvGGA6b0j68cXj5thbXcKwdQJYnpSC4kWNmZyYyde+aRXnUODpaI4fDd8aA1AO8q5xM68Q6OddfHTacMj2jw5CHwNAGCPby/3rbd5PrjWbasm8Yb36nEWxEbZ9FCzjEVRJ97QHDdqkjstzddVHGe8tpyLRamZhMSyKNVxJH977W3uDkj4FDYP6vhtlRP1VEs23HrdZMvc1riBRZD6FZhb6lVj43YwlOsllS2ZVgLC9a3GxKw3cHtYfzPcOUWvrs6v3+hT58oUHdbQnzj4LL+GBeurlTor+rr6litk7q81xlfnI7sBtsKhlsb4eltme89J4ZpgLV4V50UkzhnbNRGO4CK3w9d563TWKapGndIZEQC1gZX1K4HWF4Wj/KGIcyaOfH7F+xlgK1l4r2qck7+J/+1Du/hQn/VOwadgELOHbzH34PhdJe8N7pHsCSBjunMcR0g+RkCsXkRDHNZay/so6tXHegu74kh+fi3hn60eIvCqR6TqF/Uz5tsRBT/qwlE3god6nCNvuhrNfUWyIaEMjX78ttZaJ/5mNY4B0PWrw58ZwMYFyTyv5t+cq+UhGMcsFhH1nHjLY7TKPO9JuAtNMopHDW/XCcCyn+P9k/T5hlw7Vq8/61srqk39TxmIejwhUD8tp35IxMO6399e5+Rvs9YhwBvRcScAEnICWgJ7KvD6oX13d0Hnt8uDbHXzgFw3ChI16MRFYR1W1yjzIkLmbygwHdqWMcuvxxtaMjo9LlAsGN/Kzwh6DE+9zDu0T+je95klvIhY/WI6rKS6EF8oW4Ff2bZOLU8NLHkzusCAVe+dM5gJVTmr7mhr7AwHWSSuh9ExFm1ROPeILJ3/hMNKxscaLGOGyB1gJEIMyv4mzE26h3Xf28/EAWe8KlfOXm9IX6+PvGH4rJe+cIURXoQhOWOioqPH+9ehr4FXO/vwABIfzCEcxs6xwaI/XH1ivrou2Y4wuus58ww0Ey7q+A5UTPgtvSgXKZg5dHQl4E0K5VxRjJ4LQCFnZ9rMNGTPsp63qDu3hCc1nPW4B5N8t3c4GwTz+vX20O4XHT3HedX7BRN5cU+9i4g+z6OWoH2O1X3lpCysv/7x/+Z3YUGFR6+GysgiFLYHjUz+2nBulGFPGW2Hs0sofITiw2UnKXzmdbjv+YftcKIZj90aFYRgLLAMWmoAwP9i1Fa8z52Y7Hney+hM2Zy1VUTl/SvxsXCeszgjOa/L0u+C4drijJTVWUfxeamar6SUjU/WpFfRT0HH7+xn/kzVeYSmjIZUn6j18sboMbGy/7uD+zLvEad/NMl+1ShwxnS+QTSG/A2P56aZW/YQPHyggWOS2o7EzpEeH39+c0seQmJrhbz25yo1S9j3BCvuNa6PuX3Na3a17s3bs/Os0xMk72Vm1pmTnjBi/dN5U7d8yL4ds+gNwpoXDYkwoiqjz+H1F/U6FxHHyi9xOk6xkbdHkh5Y+ahy7jJZArRFWxptX69/MNtqLcCtDp10Au7Ct8D3431E7BFbHWnAdkGCMukQmPAx97cBhcZIoS34Mla5U90/yMg7Xa/QV6xDjYH/WJU8aqbRR4L9waOL0pws77UrtBP4XGv4+qBeeNBW0LXG2iHnDdHVHvamo5r4U8RHcv/O2dDm/JOQA3XmRLWr+Z7cXxg8j9d011omAK9WmCbcJfF6bgnOv86Hw9UU7/06rZ1wttsd6Khuh8K1+7KwP1Rm35CUXOVO83Je52qlA71+hE7PFoRU0dPGjnPRhGBvylekDSR9pZ11zpQQz7JWZr8EBGG/WfB2Rp899D1/XsEmUWdKyXHD1HogQ5z5KnxbI3SYjdzXMWqIM8nBoUY+gx77gf3FtjWqxKydip9uARRherDzMMY2RMELjFKfQvMzmoz/2bySqX9y7ZHvLxjmub5Yr0vevMmFGERWrnkmXXO8As0WPPLxcrG8cHpth9uTgSfKy3+TflPJooU4H1X0jDXWM24famNYZHoSWZ4WOCEPN15eas9Mc6dm8PK69gydVXo+F71XKkWupcnx8R2YretoyRvaK+D4Awotn1c+aoKVzJivARbRB0jMpzqSc/LDb0vD6bZSP2+49XcgTVjPFZKDr+fXWS3JrwT7qTE/0+XXYq2r2dhf5tRxhZTZYlUOaqhhLiTJ6Xxl1zD3mYG7g3NC2S5kEcSnV16no3ms4YQCBt2wwhPHah+9WROVkPky8PVcVYF1RPa/F6NiWJP5/BJ5k6yFmBHI9R1okRHEQrGW5h1YHXgf47o54fW7fZJeCdbouhm3R7CO4TU61SI2zn/CdeeVWP6JiNAG16gWwWPOGN52yiLh4cEdGjxWelyvYuH4DiNxEDqUtjw0PdbPNvhjAG2jsXvfQ2dcB0tyHut3oaov7qEkiKg6E4UFTiXOanUbhMc6wEe9OK844P63xugBfdiLPu8ZctYWANmNHwnJ7Q8ZIfjhoR2am/oUyIOBu0IkFnQxCgBX1Qj+91mqOKHKQ763Jeq3czaXQc3D8GiTefkQZL0+Y3q0Bgor5m3PlLOf4ObU+gTFck0BE6at1sK9+YNoXuxNfzIzDYJ0zTmAFtr3Wvgx5DVoTfAW7ZbFeWG1n0beW61S/SvNJ173oZJy1vpnq5OKeTmh8h4ar4xG++rXuHIP9lkqrSThZpiVwNaKgDzG1kBaIF1H43hVIyKP0SohytYm4MoLMv10XfPM8gkat+nqJfrccwTN+vBqq8zgvyFc1aocWlW1H+WG5+p8fdXq/HT5V13gOp0uDx6Psr55092cFy9a5TUHelNAJkjYK459xPjUN9dEWx68rQ+6RV3MPz6mK60R3efpfnrJDmX9yFo0ZOdP1FnYVWH3RyP6CZnjan5vAI9LCdM7cSFOBFkzHA5cgGolJKmvcSk5QlL0hcsMvAsslMWfMSWKjk+/rRjE5jS9UqKgI6GoHoTr7xCHO2fK/JprJ+gmjjoqce7Aqx5zmHdc+Eh1szolJg7LhShGiGC+xipd5QLtl9Ng/KgGbLcwPrvCuQXKLxb0C+pcFfgYsZrjktfDrHCwhDP+v1+Ff+tkzlCzDB2TldT7BZnwu+L9odr6SRRfuavKjUH4O10lUDmO1VqEsH/CLhM+MCBIXr9KNyimMfM9ZL93+rTbRi6ZXvZhNWZofKrZVmZNYQs3Vk562jF/P3KOxaU1TOz9uuBtTeYDv25lNVvVRc5EYiREk1lVS5Rlp4G3cTr5F918OsI8HpJRbd9Lsx5vM3+T9eM1L8HqIR29/tp3h8jYyJcIyy7ntA1as/XFtb347/bQ+pq+0xvpOZdvAolFE7hES9/aVIJefipa0/sazILadM12sap90d5CZm2nXoPYzw73ODeHrtvmJVrlZmkV2nowdcTxlj2uL64ltCunRw8lA0k2iFy9X1a91xnL8c99ssrP+4tK8lBvQcZ5C3OmWvLdRGZufMPhtopQcGb2R1k1p3z61tegqxTg0BtzX03yLhEdzr9CguBCKmYkfYOto2lPAvRvelhHbhO/BCK/BKCDkUpfFCdWNLxzSSODDrv15Pz8G+siPquZA8HbLLLqdUSUznuVGn/Kou+rZjzfSu1XsUFOemFb/f3CB+FgDPd/SO97SSTCGGzMauwuc8bFuh7u83EPbcOU1bV08x0E9jR5WxXfwc822QVYT4VFrusmQvZ35PWPJP010lqjr2Veo85Nl8+66un9b7GzQpcRDy+71vFznhVzdWZ2Q/4QUnxg79OrctJe9ks/DNC++1zFw8J6cEf7xl1Koy/OAPevxEsRSwbQtjRpHRPGB0xbdjenXZ+skzPoEMcOmX9dfCDDTipXH/RCabURRF2Bj67/a11wU2N82yfAaikXYeRwQc7r0k6iMXWCXz7BFAkcZodRfKgogTihL4h6h0YN5oUN0KDzy+X0a/DciQyk0L/ppXKbqPS3tx0oXV/qdAnGa3+WdXGsh48qpMx5VdNkmZcS9mqDc5C5Rsq1zJ8ZUDDiIInAyM19hZhgVt7UNtFSFIUtpMrSdpk8QetcQUZfu5hhvPOAzOP0PJela3OHOcBP6xOoqxemilTo8DbNOjhYg58OUUqkJs53qtaJ7EFxXb5Wecv+VPOnvLmHYdue9+jYVIpBGFswSnIdONKBnaPpMAcxRkMJic9uILin5dAqZ7wicDwaxyKuW2xa3f52+akhdGphoenuXvPX3+UqXdQ26D2YvZaU9VV+nL+0ZM6OR+DdVte/jSbznkWFOhwfYojKiVV1UUZdQSPVjcrKOTOhcBtF2yv52SoHC8fzilsmMS5q5/b3QUNPz5SZAbSNfOdfnNXz1VCj3/JzseVaAQsdzB1oTVxNCC4BRq0EKKpAV+PLPU/kif5NWz3Ide7LK71XlcpJaa9jHBj5t3FMSZlzDe7fyOBVGLrZ6EmXb9jbnfgjAd4P7NWAPuysa4WVgANcnCP/s1GdoNddA875jlzWqWuUavaHfahqIwfJ2Fwe3GfN9i9C/Nx8SB4+9k/YkdCi78o1qWvVYyQvXxGr2fEwM+HMAZJzisZ3IDDvRsGpir2ZRG73MCuak08ECmfLOJ/J2dEOnub0e/VpFNfFLZ8ivmYz7lvtkj6oa+V0GlQXkaktVG6yWjdpM0aR9PW7wE5x01AoThhj//GPf+GTh3U0K9+lYfJjoddGvlguSv4hame7wPT33q+N8D36I+1x1qfLC2JvkcFddDvPHfh5IsfR1pvOmWF4el5XK0IWHfTcj5i9hwXjtB8ZjnMuVzqdnV+m6otudDzWvIm4/ug+1Pzsp8uQbIKcagyucWsN+6agQAkkpE/HBj0DBel2fMPnPe8E3/Rq9icuW+J4Sb/s1XYx+NJ7yjyaENi388tM3lpwnVmc394p6OtcEUWek8Al1D0VrmjAGbQwF5GRk/R/OCf58QX6DIv6BPG3A2aVpqR8a76kdCh7FrUDh1ITi7wnrtkAp3pKRMVSqU3yeRelRTnmWqGioNzq2v0Tz9kJXpf6mJTrhaUP9wO1x9wlZ6q+J5TVRk+bDJnaQ6XveA3NSZciRVK0WuI4ttOyB8issdBLLY7nqgqr+3rhl1LMgx/OASq1TpfxEcO1+Wc2I4Gc9kNXdJKxysW8qkCL2a/x5NKN5d/jQEmuXqt/kJQer71fca++v+D42uV5lStdo1b8001Gx2OUEeinyLx/qMcnKT/XK9h8YLcWsblJcWR4y+LgWkajf+6bw1jpe1X6nq1cxnXx6QEGmuyEdVCvR38gBWNcqZlqfmQzZK3NWh3C9PFmlJHVG2BGxczd3WAMEH77W/rj80Lsd94d+B0fZyBcO6b9JLkLtJfRnWGswo6ruiIZZdyvUaE/Fttp3/PQU2SHf3GJva+wV91lA/8qeqWB3E2L61jdidvKi7jlAABAAElEQVSdv6zD5wa04ujxvupqZMrlPYVmRKAs3gTkvQ46yBEshKIlaGiCqTA/89T9AQGovnyYGcH7gxehGkbCeUxOZhb8BOkMvXHITyc08nM9b4JJpaeN3q69IF1COoecfEwrGKhyPNKOL9dl4JZShAuFvgS9GRJEO4Stws2tijtnKIt2MQRqoMb5rF2X7BcPVSziQos55YUWMadkU9w86/mOuX7NDH3WwOuJcw5wEgxencbgxflJqqyJ/q9FlkTwGvu9tYkiYMV8VB/zYi3d+4aA8cvHESNz/9CO3uJFm/wTYWEjp8B/2Wp7EOrQ2JHcZ2UugK/WL3KtDV/AwRnjDM0FfkvS+mC/LOO1up3xKLDdDxKKk8SceL6fwZNmVRsdPBJZ6GIU1Fz6gnPsFQiwQn5f905K5kzCh+/a47vK1pEL2Xpo38dsXdw2Zovo3T39Tumu/C8D9oV9K6/HlSlHYCXdUf+wfBKItS3sCjMrbVB21WLiLQ3A2PPBHb8SnxW2LlZf6MVU1N8PZbEQiTQX6A2u9R711/yAQOp4WO2x0vpczXsjnHgwVSO+NWTcpF6+tX5QCB+AVF1xVoASW0p+H5+1RFw07KUIdrUH43Yz+PjXbqI8mVfMDRtBde5JHZ0Ze47VdY/h22NBiTPcYPcsqUwvQf4vbHrIR6W8DpyTglQPxql2yxTQ0vCIwMOIvI2mYjkcnbrGOI17XN9XmDXPOP8sEDUne2r1TX6STM8XLO+16cNmX3iY3bi23vzRiB7j6LFwiRRBkcoWCTRCmXks1UfNnWcZPBCG9zq5838j89rzirNlJJt2jOKVnqDh+scPpYbKFwjz5Q3MK9RIxfNH8PPa7OHWoo2UYP0AjEKzwypKLTPA5PGM0h7uXFpk5GRnbM9YWeLoMdRPZTEW6yN39pvrhUTWHa1KXZDL4loLMJ3Ggr0PJLhdjZyk1wkU7ejtnWbl7/9jffZm2W0GyZKxUfcAOgdkAcE5dGCFD888Uvj4AYNV8PghDddmFL0N3+wXA9pYhFcf7Lq0rPrRFlPYKksBuIucAitQoS6a/Av4GaJC82FPwnHOwUfGSgaNb7iabXzodLi4TP9hKbO8kp8pTncBO4z1YRSMsGTOOckfv6jVJ94WJYGZ8yoyiwiBedQk+m94MypPTOHr+5tpd6/M/D4Y7jR838ss+m7sXVRWWdYYBMM06NhqQyFMFcd3/BPQitsedRCxun8l3nUbOyCk2lqdBX8/CM6EmZBpZwTc05i54mO82OdJ5T399Y//d5Latay5Symw/bBenl/1NOwUVMtZe70wutM9EZas7+9RXa3qoVjzqhibs/LGSlBDNjxDjKA6GxoCrUaMsH0Oej4LMVmHnIG2ZuBFx2LgedyK/hRWsZXbmEU0xfpNQfGGMl/cmeP0cudi6loUw34JwvpvfJGKawPWXxwLIoCX0fRZ49ubt2nUzazOPeI5VHO77PmYxZ8gQkWdRK6fe4/CVJbkbSVQnONI++PhquWhbpToNRI03FQ9HnsO/Kne9e/yrv2vJod9JF1/TPjlLg6Hhm7B3K+7Z4/wM2pK4dy7J6DaIaoL8ytpGQ/nkrayW3FcF7FbypLv+BgDFWnHsWt/PZ/iPu+N9TJ+Ntrx1kj38ktAVGROxHe1Li98raHBAQlIbLrmB2bD4LQX9/vpr0PyW47rFoMFVrx0ZHCGxsS32Hj0sodeR9w9DLdT/+MgLWr3F294a4fPXZzB4MoHHbQHeZVU9OTjTHSUOd7fnUTucBQqixDEFUDmB10zs710aFGE+m4dwWO+UzvY6CKIijcS8BhJcqbkW9YonBNRQ7AK5YVFBSMYJpUzVotRxEI14r7PRUnV5bvqWk4yODum9q0xXzz8CTvpWIdedfyryX6AOqH7mxwPbQv2LrXBO7KVCIW1O3NrXtUXJyj1U953oHDlwVzHmwOppwd2/GNgOIZeBFnfaB+iXc6GvI7nY9ZhJI9f08Dppyek9em40O5HmO4VUMFJhnmvKRXV/ef8p2sNiW6W0WjvYSzE+RI4eYi1XtvcyE7Khy3z18G4p0E4u2P08jCbSV1mwCnRzyCmWUEbHzUZq4uurM3OArutBE/XXusBE8ftjoUBWrmNQX6M3h/3xFud5cxXpaSifUXqpqXo/F35d9xmLqg/Xz7wt1A83t5tXJfN33sZh5qu0GpZz2qZ12X8fnQo7cXY+Zqa8OxDVXo3fSX0FyDL73gHm1Bpst8N5AAy44264guU38M7DEvG+CccpyEekwiMM7LKaV0fR02I5fZvC40y51n5Fv+UF3WdDib9shY9A0CFfp4rx/J8MWQ9iQ2VzyeroZeOrOErMtusAwzvx5ltma1jqRl1eYN5hJ+pKc3BoCGQMS2LDGW5e9Qr5v1WtS5/7zUQs53viY9r9MhoDT3swb3uLTg+e8zDt92YPwz6RrFWRQT/uYS1jxE/KUYqg3+UsWVAWDKIRzh/K+In0tAhLdYNkvJvYZmXUCymwJq6RJJ1j4DKBAikQi+niATpCZIJapk1M+gzf/sJkwrrhBMAzEu3wYsIMJNkSlRI5KJqIj8kVCsq8Xs41QScfvAJN6HZ4eFdGeOEYgzRo+JsS/UqjBzGYAWCAQ45xvUx0INNoeKR6NkvFfh6wb5g/AM73Xn5h49eqr/oGSeajnNDrmgf8PVrSnPvqg20t5GkcUhof7yFnN1o1XpXaJ9TrG5lvoh57MHkPoM8Zl/HtyWvWB23vZ1bapP3T0LmcYQURmzR4iENGZ5LbKpcsRcTeNUYfZuCqUYezj2MWmc8Yj0ONotKOp89w5plVeZF15iPKpSHjjMDLuqihF+9g4eFSX1Rr0d4gnJExf3k+uQuor3kNQFdxv+JuNN123Vp1Gkw7bRuxeUd++KBe93iu272Ipp5nR6X68uJh93s+VO1QWuvISza1NjOGyVSqVGq0z/lJbXp7+MGDJF/8aJc7DvEPwHy1X72o/WFvZ7qQyjued9VKvVemJ+qCRRrLqoy+nMbeFM3LGqWiZFj3eFEx5UYP62x0nyfbLRcP6O4KF1HSKvmC0ArXLesk68nkdgcQyH7/a/lblluN/XELNbJxSnUFp68iD7e4sx7r+lazsmf+iY90+JKcUUtj2+UrIMl5opmRHdifJ90/k10NIHz38Rv7Qw5ziEB7/5c6WJT3/ehEyp51LLHtnRss/Tk4TtKdjzkB96ulfnaANht/LQ1Uwx7UCvrMu6L+dK3VzMvwFim9uezggbTV/ZsPVhUKO5V1bdGEbzgWZ/jF660ZI6bodAIcRrQYgl/JMW94Nke2McZroB3G3bhlUsxX5LNLzfleG9S9x+WHzZM3/Q48npcqWPF422jxmxfo/yi7zG6d3Kx0PzLXnoF7h8dRqTWpYdUcPyMZRfV2kfcXxzFfTZTw3jDSqXVML95SKHuDI/Zs1RMu2dH71A0PnM1Nt0V0algNVbK/hQnehLJOP7fmHGao1f8m01XR1u1ilka4xs5XDAwYuJByH21ac6b6qlmqHMUvarPF+V8HGKnTkUPTb2pHSdq/1/PzadFzpOkZYkYXdFeT/znSo3SZlo97F2YCsGwm/4/DMgQwsZQ/Hi3gXnv0PTZp5npn0QM1YluBIIol/IGQEm1LZ/ngoz1cc3Kqc5myRcwe1A5zXD+IPpUilpxDpEuj3o3vvFkdR7pZ536yg+6vEfIffAn3kVWynJPgg/u9X2o6KAH56L2BCo1mrfJgRXNwk+p4pMdy1yaNrD6CIeZ15NZXyGsyVLSh/L+9rfchJkZDyhm594sJEieq1jkRwTq9kBbmNipyF4FiGwcB+AAhPnAULgZgCFRYTgX8eDROCHzhNdkTZGzoK6Q1ERIe0GyDca8xNYpqliFdf45XqwRiXrNQLUfTzz858LBViwc+BkwcbRHOdnZUzdmSo93NJiv6sDHseJjtRO7JhXOaxWI9OKCcoH1Yns2rx1zX4wr7H//Y/43R3GRoieYRe0vslt7nMkiJcJmyCLOCscMyEzmrsco7wdHBazv5o21HaSZ9Kd+TXjVNxzW9PUGR/obt3ajWeu1UJLYv/qTLz340wZo4mbVdhEVG+04wJOOs/fDBVCVklNrsKITQmvoLzcw718nXacS/rM/Fe9+ziyPy6BqmPuoGdcx67bMYY8mFLLvqIkaugqtwwAbfaDviXeqQfc2Yj+zVuN6ADM2d9kYt2c6yWs1/uZZ6geRa3rh/6yjZxV7RRbkJRrfKzxfLVY5qeQ8iQtgXm8ksK/MQa2vCOJchYYf6+NpSjsKtuc5PotSkAAAxGBqHTOBAemd3GdbY0L97M42RMmMSTG5jOJ1ZgqvEURU/NuDet8jWtX5t12NGie2w8qEwK4WLJ9qAXqZSsOvanYPhIfqS5O2HJY8cLYB/vWD/PKKKZQxD0vhKSCg/G6EGnfoFW8oqZuiRMbQGuUW0BB9311ZYOOg20bMQF6P+/Z4ZTYiUOwHLBtxCJhsLpRgtepRKL5H+CbG9XmaCSS2pLKGqqMw+e4fkEH/8gP02XbZW4PrmvZP2zqMTaqdsSrrwytGoKafMQEW7SIOeB7tGIAtVf8KfdFhzT8V577q0fL2LmO50X09XOiDO9blEMliVf0r/BmxkaCJjLL/fnyzwu52z0CVF3TqR/b0MwXTZi15ifFc4/kT9nSiLwUs0ARXdHlXYdsWc/OkqIkF0b55W02r4Ye0X3Ao0vSrrlEf1mTgpwheRFlijIm8b57zp1n5YT2xw6WhWwcuaqvO5kgSPjUFLQWjBirRUhiPV3v+JSa/f6B/AcqnVAGKLxSDYA2zwzaHPWKcIIAOl+FRsopy4nwD0lJSwpq6ji69J9vyzJhW6r8Z2SuVtk3OWWz6M8fT0BBTQLrrkWkXviAyQKfrN8FY7in2XLh9ov4I5PvhxkD6WsXe+HMLQxnHcoqP86wiGb/WntNXat0668/TGsPZuqv3bEvgPMeyq7WS9pKa4oHybEOxt68xtJ95w8TkfCbGDljbeD+RsHoRVguOMjT/YukrNlop+QCNsawvr6caLacM+Vx9fHtxOsxH4fSaBuY06nqw+MM9xBQxXLVL20uxSZzatyOUlJDVT56tBgYJWXFGfcUDPU50LSORPEJKzp3qaO+l9swUJHUBL9bspQ2Js/pCwgsvZj8ArnSIVPhTLeIjFl0CrkkzykOgq6PW+Dsz+5g1Od4MkS8LGzEDec3Zv7tQEyQL155tMzAxSoVjQ2q0X0urwK99vXb8Z9+X65wRUS3OcfV54aDPP+cz9l//Ea7yTv6tI35A6NF7tqzwg3v3EG4/lR97N3lbxdrtSGp8VPSAi3b30F7tRpXD7u1Wj0HpVp6Px8Fmp3c5Q5eaS+DfYt6gJrsXdXk4N4ZGdbOqQ2TKvN+2WrfSkBxOqK5u+bMu+2ZkrV89KDBLu3aa5kki8DBadfGlMMJ8k8n6+WW4j+sU9FjfQ5SlDgfaEDNgMdcqsjJCOztklMZ5P73PyIC25q8d+tNqr06U4gcG3BXrVJx8571hpPc217H6258VmJqPPJdVNc67bPuc0Zzp9tP6M9q65ey9lji0rNlvzHFZ0f4C4KNIhCDW+l2Ubp0i03IvtWDhh1OsqXOhe/BFPN4AMNf21bJ1Z/gynEW5Vmv4rJ+ZmkVZV2qnY2dci/o+tb4xEUEhX38YwWpgoM7jqca4GJc8aVoWIvvPzNHKzimsGhXrkzNW+0n0Ez3h9A6XiwU66Z9qp7VU56rl8K+09+qKxQqsk+2/5V6ivlNxGlHbyVtzPMCin9MEhwk4QUcN2PkTU0yGkISgQvdpDCSSfKLXIC+qmj63F8ICA/In+s8PBnY7BEtZpn+iCfsu4v78gp+CFFMXr90yfB79fNa3ujTyYJ1dKHiNyqi3Zb0POAOiavencvDl9XDjWlcNC5xkODYER6a2Htz/Of5IZtCwXsaeY+wMM8d76WgAF/IQLg/l+kDNOFYenP1T9e4AohfzJB5XLVuQKzZph8FEsPCM3G3Mq/Ee+zpXPKfqyd7sb9gJKX8/cfo6V5V5w+zNnH6/btXJ3X0DhH3zl99mTLfi7vWQtQpH5RGK5h1lnOVhDZmpv1oHp+Yp9gFClU2HPxUCxsaJw/TBueqypvRDNxNCRqrmWWbji04N6GmBv5sWZ1mX8xKLK65zHLG5NvqJr2RWmZoWT4MJ//tHEFG9mddLUs153qC9uUMrVmwsTogxlRHnrIP4BaPYvIDNHcGOIbzWNKeZOtOZs8kzsH33eZmduKdaVrpnoNcsoxAAEiN/eOHh0J4fDk44OB7nZ1FPOdDyWMyybo23rEXQqMasK6jTeVqp9L1q/UoDuV4LiPr8+SnPVC8RLeWl11mNxBbQNLVW38x7nnHO3eody5x3vZob310Mtc75pkGTNvqM1tr9FjTnqleU89l+iudlT+e63HrteujrVU6zhhjS7NhiAdksdXHvYxk7mUWfkFLZoo2kpuo4Gf8em5EgueW2yNiy30KixyZeAta9QEPZzCaNbRBBQgQtmzJSYigY4v8mYl/vDmyPPEfvZat7Go97m+3XVAvHLuZV/HiPm6Xdvdg1QNdf7cKLSrtYXxjyedUesmfcFrb2TyqHiuTG/wX2n/FNHqbx9/HyII8vUDHnh+74bz0JJuLB60Zq1UH+u/n+dBp9UfxuYT+w65t1cYH8rhkY2dzezPX387yAeOL4x6ogvae+R9TYsBGcaozr4oq/10OkCjfXKVZdEd416Uqkp2Ff5ZNcjqX7Na+tY7uJrlqyWdWh+slzjTM1rnOMGyzOwd7ex6+vTgiMsdKl8gptHyTRceq87pV6HT9JEa/7v4Vnf4s4G+Fv5eV4zAS+qYbmULFjANTeDyT2WHOAx/Zhvmk78OuXNBQ3pAheMEY7XEtkqR/EXqA4HiZs+/nCN98vkWlHNPdC7NE8kz3iOdQ4BxVbGb8/hj+QhIAbVYE1XbmZCCufJx6cvfl6nNUe+vM08l/m6vuOVO+2gp7xgqnYP+VFraOO21I3cTK/3ePpQb71LVw/A6r7T9SglKdmol8XMNofGn6GbDcOtHtA7XCSRz+Jv3URhnwJazNZblZP317AHrOvzj69miC53Yw8ctFHlWee4pFx6DWJ9yrAzj/tmxhkhta8UaW5pGYLAVpeIuul0V7zQlp9CqRvek+c0ppAO4hY60VAAaOkB0hweINeSB0GbkH/GhvCLAcrJtpaGMLTsYDNrWttVoSDVix98ZtbRfZf44FPnEoeteQ8y6SMcvHvN6Vymaj7cXdFyHfOihi4EB71kQKqv1YBn0fhlKfLylaaNV61K7w+XefeLlMRT7lh4p/LyN4puR9e98pMVZiiOM/9OX9aH3O+xtLjRRteXrDzlMAJ8NVQgR//6JyeUF5TNu9nX6ZTLMfJuknbTC9dooptEmjU5ktxLWW+fF3z7EUyMu8Ynr9nLNEml2aQ7zuVoltdAt0Vj+v1jKoYz7Mqr54wK7zpn+pdDS9u9oDYOORlFa0G9Gn0/I7r854j6vtM/H9y/Rn1eDqyhVH2elyUGPoYh6aFETznl1+A2f3w4QhE5gc5mLixe5tX5yf/de2ygIKEVGQi7+yuyT4Oc+6ZdkXw+ahz0o9YmwvLdG8aqBsD5wRnTN1HikHH27nhuX0fePL4Fz/MMG+cfY398XtknSwe77BJf72A6j0g3A5PTTfovxK8e8ztZX/l0sQf5mbUyPDyQsMwLennJMT1FYnZmcPVnvHmDXy7IrC6xCedUy3q2Fx74vz+z+igMbwYsoweYSU3JbOYrmnkZ8lWKJFHyyxnYwtTAB+8iLS9dgjfNJPY1SR2HyR6oXzGoa6O2bc09dXCRkyBwGRRYWHGoIPUmzdxpcr6WCQ2jnM00X2J7/uCFjVV/KIb+4Q52m7tUJfph3bV9Qo5VaaGU1jn9jrThv9cH7LJFmt7wY2I6SOztUuPAawG5neBa9VjsozUKYv7RBgmzVP4Eb7vT9HupD1r86dOEq1OY4Brv8KbEqFFahmA1mTrG5ITsvWF/ZqonCNpp4OJ6SHz50bW5vh5r39ghbX/7TZzitGmF+IZryDLD/lCwhZXFFcf00DjmDHrsQJGHDtcly/NR1Gaz3XtJWnQaxuxx2wxA0s00thD2QXE0e/WFZk9UQE3lVTzZTjyMkP/RqK/6gIMscxc00HTE2aHlLDQpFQIrZsVJHdiVhxja2SYrDT9xrTMjeTlRq0rdXkvkGf2Ph+NZCxnTg/rvRfcGGVEznC3EAuY7MpDp6wDKdNCv8AP08fTa7FCc9KyvpQkVs7+LnPqd1IGLz2sjw1E7cSPtRfOC0Z0X3HRw7dj6Nm55zqT8gnliXOW2QXo16nfdvktH/t7f1jHpq0l45z6rQHaQZWSPvYYojMCpTD4CvUv9rh/kHk4f4V99hI14/x6DAZhr+eHrTafmncPbhOy+yBQBegge1s78GiLue+NLFC4zsc86jYKQrw4JMy5pHEsAtAyGnHeRCxaeEkwNMq4OQEpdBCeyBuyvZnPBe7PGyd/iWxTO2CVEedmFXJrM16oc41ZQ5tUSqF9nP6AgmuVSHEMac1Fj3EOruX3mmcK+cIglxBLc4KKB75VpRJsNmMhyEJgVQtHrRxZVwDZ0auk/Kq6/g37Mia/y77IrCodZR47S3d8AT9/eVo00loHe+YGcvUA18bYIc7xAahKtTIm+ByVlhf71OdUwy/abhPYpJ14D/avxCslbsyLkHx+TF9B4uXNSthOY8pZRqN05Kkph2rA2FyT2G4azqde5Pn5PkCznS267ou69F6xDDXYNxqzeKO+e0NrMZJc6gEfqUVOMJS2fvsXBmPGRPrPluMnz25xwdieTr4TEaL72ljKnnKxNv14o6Rkoe3pyAVLUdNYGs1/TG6CbsiFjwI0j8eaSvPPHLSDGqTDsmGyDuT3G9bIdc741eCO7VaUgDeEGQxijOWlL/uQCu5TeC3G+H2U1yoZvU5FL1U3dy5UgFOu3oYTY9ay50yJ0i+crNJlTP2s2+GEhRrHud/P97c794JjsRFS0cWlvOBYT2SHefi16TftoLGmr9z7Hj56/9iXXXdekc+HwTwB4w+U1bnPPq0kaUQH6SYezvq+Av7L9QHYPzGWLtjmpUnJnxx7P4ZEjxUEmiqK30fAj+NJDzVVhXZUQF7R4ERUl5+WUxHrToUou+5X4CGVNSEyF0jFfKLNk019Sliee9J7Qn5gojIWc0dZKW4DMKIKajuqfZrfr2Gf5GpwWh+vR58Zcb+E49z5enlNbBOpr1R8742VYJuQwz1whYlScotw9f3gTOTo7Rjz112zAWBkPKxkOpp/r05rYnfbstRHG+hK3n/Qt5EhMDXvkpUC5XFKlh3D93Gl6yRxzb7j7n93z2X9ZDywN2yPW7O8HLdFJPXyoO64u1/OimzObsIM+oeNn+GElTbaS42tswVnf1XNclOKpxDgXOshgAYO9GgRr6xqfxInyobDfdoPaGF055XTFYRLJMuSKHV23qoeKzP+wif5nPPxXFNjx3fxPMw2ZmqMb/EP8gBc48bPuZAkI+P4+/epMQvpm8maAo7Huu5tDtYE9V0IAZQw2q7XRhRX10TadHwjeUDnmxGJ/+aEh6cZ1pkKIWH9yeMKT3vLMq4XZEyYoU8xqJDy575WgTkLQuELRxXv+tA+O2DvWZM1OPaabn+pFPVqhTpLMk9h7PVEqkDj+v+i9YKp5H0u/PsYvvhp9uRHtroCSm7UuhIbqTBc1/hwTKvSyjltN8kd6owcO0/0l6Sqea3006zvPlQ+tEzcZEIQb+cnU1m3eq2KRcYwt4qB5aUhZ3hUpcKxIdpowhcHwmNq/2lbJGuFc5Xs1PRjttLG6oSI+j7vJMEAqEsOYOT+pyMMVObEyNlcdR79zn7l4+zB9wNfOa0/LJvIwLpbY8gRrg8L0QFO9+eugapNt8vAueW5at6GYuyDBe7CThht+nXTPAm6fHTUnX7f/ym31Qa41xX4xicWlD0jzsRGsD4hkqt3QhVYXVzI/ORGWf4736NuD0E4/ITdC9hM6cyVmpsPd7qgN5uOa43KSLG97qvWK05M1AdneAg2sqYBcq1cnvYyWg3a2Qw89Zk1+mBhy0iwzwrL1uu2ehWd+kc8Lkx+FTY7aVmtwltVDpKso1jefnBkdPQoc67PWL5Z2xkyZms83sRv/FQ634z7PmRiibhjRmXPQ0e9iatrwKBqYsgAweOpZjjTwk/Y4ZuPE3LGO0WqmfqPNG6CrCaReTipzhpDJTahK1UAEY7zXmomfbuhhooxVAd5UbOvOou6aSATxxf+GdNdN2MnP680U+5u34t2sz+gM71119Su74/yZvbb66Jvlva1h5aVyZdvZm3ifqu7m/1EVzgfDBhUibhWbA9xcVagiI2aIiKuEmmHwO3EImge7ITa8HMA/hnFVeskXJsxRuK+EpF+/saDb0VXHCCgztdVd9g2cAT2aTdo7bhpG5EzWoof92yCCyLbr2loyHUE/gQMwCau5J4veeBct8sE+kuruqbwe7FXGyT49IUxg7lsqupR0icVOgnxkGBu9lELfOAwdIjxuqo9Qx01mZurIFabq7MiOMSg9QuloTHYYgwmZ0coo/1quEFYmdSZyHlw6zF2mOcPpKaMvbZ+sz7fXZRyZ4+xFeFftke9ZK4lxxrmGEXj6zr2bgbi4YEdOwjLh/GP3bzwEnWZOxOMH9yUpb0BZdWL754RS1vSYgbnVIPk2Q9QcfQ+pdr10nzGQ7HiffLUS6OFG6Mf7g8pzjnymFQ1n4OKXUzjeuTweU7sonPGzJgTi1KkZsXy5qfuYtmX30Yx9HtkXpQT572SeT9xTjVcouIxgDLnORZP+QY6O3U3arG8mpz9RZKdN7EydUTzq2BzmX6XwW6pI+P5vFStptiv32u+9anrvks8jr5az0666H7C1KpNdgj+Vmvy5/vdm9IbqvKL1ffnZcXqcj/yIRaISKHml8Xja9EZcgquMie25Dm9oD2fvH7hzQcmr3To7Q3aTCPuK7HVfQPGzUoHbBW83m9mtU8xlFzmNoXvUu9BisX1fKpJPlsYYCHE86EYE6+ALEZUT7+aqxj0BgMKfpQqkL4ydjheR1jKEfkHEATqhF0jgBYP043xifM1HFjysHT01tjXz1rbgF1LsiyBLIwwdDUEMhFpiByBIxXicTqTZua0zlOtkfuUhtMHm04XvPzMLUq7ujj04OMITtJPZOFM89V+NjlrNUNDnby/w/TCUqnWZgzYfXpYX7S4U6bmI8F9PUZeQWfFPzqntln8aMr2ttIvc17POvn8olq51HpJfnnRlB7QRE4gHFXkaLydVi8+Yn9dvn6PNWq9Q8XUm/bC30IpCJpL7O3hSsQCn/Rvvqp6lbvt761umrTflpyOZVqt5GfHvlKyjdmtd2A1iTg9lZac5LnmWe+zTqPLq3Lz2wJCGv7kQ/qO/yfOJayu63E7ByafDovTkbxLoFs1kkhV/kO5ZzvP/c6+vz3g9E1b3/RTnBbTy1rl07EyWhdtL3/sw+muk+3/07nayVB+e6fcKRT80/axsNk+SD+BJp+ls6CvYp/e1VXx5XpjvUl9bZB3YUhEC4bpHBNnyaa8Y/WTikdOe+KogIvRg0WlrnicziZywXWAizEb/8Os4v7PctMYnKhL6S0RsuqFfvMpFD1O0MiYnmqs76McJGZhn3s7kDRpLFmc21LVePynZGUiX5WwVorvKqga1KdAplSCY82GhE/xZj+ASMRRLXJbTmp7YuIrKpizAhZGI4pWxzJUjuCh5+ZeWeXPZeBnKe4TYMzXfyat88MrCCoqJgeO9WYWSGYrvP+uR37Xk+au7COCLlYJ0dYYr8fh0/Del595DeMgL5maMc/h0TNzwPXjfhbk32WfkFof2aiPvFBjzXf8xz/WT9gB2zvULMno1gRcq52i7sHGfglisUnWep2U6xouJHWVmtQAl+18dHkhn/sLQjzI6msvJ21h4+uE8zXr0/73Kemm1HP9CTVrAJgsLM1Ry01xIQVzRjjJcnLf55JG57k5wJKoOMnzWWLAdr2WTNnam/WLhJM+9ipi5H3f1yr9yIqddd6hujxU6nWiOkYIiDXEElZWiebDC/hS9lrnGVk0YPBuBUR/yoDXUS9whBrm6K1jnWUM+JxbMZXseFKyoNz7edIRT9ced5J4icMseJXpanjsWygmvJN2k4K925a1U9L2/YAq2ie/B7rDuomSilSphvct+pxl4gp7OAz5Wg/wa1M6R7r3sGoPcXcTrzf4Ex0xXvGahZfpmMTSkH9dIvDd6HRCE6lZyiJopXstFH4ztoZG/7HBL+eHtDcZ8W0zRPqTb5nldXm+zOxrokkS5y0QrWJoAx/g2QhgQCxh1o/nX6Uh+9V9OOrOURY2oRTJuW88eBUYYhE6fAnsAhG29ZBZpV0IYQ3yui56FCkRd1/AQMqKlQerniPjQt/w9qEOUFaTKDN0P6q8Z+rMq7as8U+QT+R4cBeMxB125nERrFqm3EktgUfCn2UVgr1x7FdbMIc08H/vB2RkCvxKCSJrN+saPSK262D5yJDGnDPksrTXgfmX8eM/Ohek2Vco8VQt1+C0nABLdRY+xP7CEYHa5It2hfW5YHy0NA9SE7RhbtzoOM49H1XTl4zHWC37An+M46KJl74xrA7NeZmwiQEoQhkpnkMbORmRQ4Sa8nXmc1rBelCDDuboL2OuIaOozdmBXZhZ5yWGr4z1Pbm+2yK5EpznOMDCMUcVo/St2Kj31ROrX6fqRi5ukPEhA7rbrlgktcgHvhs7/M1np5fz3l+u/9lMt559MlO7/mYQoDfvtldveKjfxnYtJTH2/sbe+xNlyl6W/NhlEl84c0/h5YVglnwEjZX9KpXwQW83S8BdmQEeeiqY5E6yXU2EK73ZEN8GQDB6rpvSvJ7EJ0NwxrjP6UGu7lt3nTi/DUWzvY2d77WvHWxXLOq5grGdiXsqlRcVU3hB925yvzc97c9YjetfWGdc9HKqAQvMXvUOgHgZba3Qm1s90jKXqjvPRgLvh6YuqA9fED5QXM+N4z6It+uNcieSZT9EUVvmRZ9C8Q3lieCgq1YxQ9Vz4syjwI0onQPrUTJDZUT7v+0FlNWyKjCskFHIiNLfS19VT9pg+bFiqAt9HjBHntfO1oWv0q04wEkfxIyb/ddJXP9ku2KpAip+DaHTekOosewEMam1F3jBEg7UcoValP4VA9R/e+7aZVSLEQtCqb4QaFWxdXunk69YU8Bh0PBXo3n5or2x1bv89GO6MvV7IjVRMMzWE/DjV80xTZbx2BrDeMTKk+/K8TpAybgeYhvpihdzcS6qcgMIyVzHBwmCtC+/15bPfK1pHl0MX0W4Ia1qyHX9Uf/1OKwe7kH9y3c3e1vfhq/gvGcRrXO//ty30pw5WdeWfONteBN0D6vmUTrmXpWceQvVWWirAbym0vITxQgtrVhGi92uCtKuWWD7dcbf+5mmRB2e8+eOqDKDe6BuuQ558mPsFWVZBzn1AHDu6UUH2JfxpWel84kHv4GEKcaqj+SkLhI3HIBXnIgevpT/0HFA5DdJ8XZu5/tB/BelpD/6v7y3+JayLuG97tLhg2a533qVmT1n6/O327bvn55+aFz1Lvp8UzwvY1d1u/f0JTAfIFtG+PKDQVRuet172Y33+zoceu9fzpfOw8s5L6cJegUHnWybj3uIlXWE3/SrtPV+tlOlhW5Dh9fsxuQg9660M++WMeemh5xlosrx6TWC0xz67iEKF2pIpwtqkikT0Lb96lcBbBZqjhG8ZQJlelUCHcN/x5NaHzexQ8aNe6Q8WzqQ3y1lRszE3t97mc+oDa1u7PDmybSh4Tky8xhfB6sbmxOkgJ88FfCVUm/4qXqPQ8WvBVkZq3VVOea87o3qcO+/3Gua+3BsvQaX6VbY0csbCsC218jcR/jqbKDOSjMnhFAMU6Zc4kIsyy8NPvdyx9seJMZoPXPbggT2lfBWaiLlb824SYOVPd67zA9IvDUy3lip0lGjwqSckUqnVh5MmQSUTB0GDcokinPMe+XKexI67nwV3LCxjnnlFrVmgVX7Mmc6ZdmSlYlRfeYvpbmvlZbkPop9hNtavrcyb8s79+bYNXmcgI9twbynAym2FD2fOwtvdn4UqpAZ4+v5bnrLHctCrzAuMFcek+W8QGuKpWuQKN5QrqvJNGkD5KjtVGlVuSQJUKEcUmGqSpIcEqcPsVNLTqA9ckUTubeNMMDjWNAJoirzN3gPgn+NE5l/ZpXvyUmyC9e+dOWcPxga4HQvBIPFgs9K2rmgZUuz7/gmgq+EUqVOqqSKw/OfatPpyD7unwgnW3CRCp8S0tsrdW5U9lytW+v5YEyLKvx4fpyPkO9X2KnSwUde+s01xgfjOT+7iQ4ZvX9EKL2nZ65G5mU++QVmrwtH6dxDqkBGteZfiUeH/5RvanZBscYWoQVa5goQpxEOKsxZEX2NecYrLmJEZea6g9BsadSJW5/r5tMiW8ML/rRXptlH2sN6dkj2wmjOM7fKI7dfKIsgeda86fA/bAJN5li8VDvxouvUE3wj/JP9Nil9CGZ5q5lriVyeCR72gxk2Y9z6jrBeDz+sSwvilB1R16LzDrokBTaLHq+s6nvArWn5UL09dmuCvnfnZwsDrzItAdAKY7A7q9C66OybJNEARwQ4noL8TRuepOvjyxpV7Bdy0hf2rV51OHFOtUqrzPklTMhPdX/Km3tf+NinKn7yKJjRZJ8DYUG7f6UVsDLd+KL2lNoCO5g0nT2aePDh1XtnHmf95Tmi3eO9yaLrFfpOqFgPZJycJAnSqXf5rbmCV5zCqXEU+uX82YcAyYYcg32r9CRCZHhGavDxoQxKOgoAjTF6hM2eTLg1GNe6cA7xSXn/eS3AT6OtS++tTx284G0XPBozbDTmOp67Ds4G7GASMWNV5HYHLkpyLjShNnyeW0UZqSi3iVIQUAsQpNzbQEnm/72v/mH9v9czKv+5lWJTHxTnBUGuCPPqHC216Qy0zDyslZz8OcD6x/cM/RZhJXNl03NcI+aqB/yb+kBVfruTm0TnWmmO0D2wZ+25AmDnaA/rlvaL8As01D0SneyBefEhgmt17L29Y3pe869gD2nPyfvg67UXvtLc8P1eCTP3rzq6HouCHBR0jpmqAFNpSq6q33JS5y4VXrT9uiOD54LW9wbLWqTV2itqPIqfzhPjYuw5MuvPIXA9J3sG7sv4ryDzH7fbUFJ/mOVRP2rRN7wgOMDed2ALvLqABJhOs7bY3fpFGTL+/ECWRyOr3lZlEDWTtHE8aM1OZalJC2BWu9115lEs9FZp4xfkNtz3oVMwL7eet3rX4ae8Tm/vbQP4ab83nuwXkIjHaxw/lSo96R7PB3Tb7hI5lS8YIcJBKXJJCte1kMlqrDXc4jrURfXPlJ/WlRYQe0fflWrAjGkpu2CVQuz6Mv9TOi+9FDMWIGsbn3rKUvr+XVXyQtTdkTNjP6xrpfyu6GZPF2N6mW1Xj6Q08lNojamOhLzHvvkCI47TS0yG+e0BnTW6FYmk/wfmgGS2NdYsMLodsyqFkbaKcSxCVVXsA8K6l/FUW08WaHAV1wfOLU5Izen83feqQD5CG6qojU4+8Kou84R9eoMUMXSGMOal8k7+tx7WpTuc7GY78N78bIPq4PB87Qm8J76SZ3xleNrwLEEZrOfv6DXOifMS7j0Vi9Ny3mH0ftGrMMrPKrmTsjNy/Cvx/RbyRi+BQtlEi2LlOuSMHx/EGKjajOVqjF9wR0xzwKRPt19Zb2Tkar62Mdeja5nbHt7wnQ/W8B1E26u62WrNOY69Vj/zHBX1OeVWOal0eXTs1y0I2z/gp974hjemjRhB10swsRbn0I8jcOiDOXDwgXk1Rs7GVMZQHCR+FkZ/KUu+2rcqhz3sPFieO6gJq8HUGjd0BTIQGKFWN9iJ8NpcgSb1egiwQvSzSuzJiFgz1qcIMiI9Yu6APe/0PLZDUX4R0JIqx1D3WFm3nrf6qdFvuE73ssDf9Hnj8gdvZGbfjCInahLrTW37GAE4Fgka5sX45tMTO06XF/bLdUu7xEX43l9nJ0+i5V7zn35PuvFJafTGKP2kzHPJ3b9M9Dv3rA4963DAj/1RPFaBH4BABVxWQywYxIbzepKHtmKiMuYYoYg5lFmmxAihLPA5cX5o53Mn3+1uJym4PaQLIa2nyUEcS8FcR87i2EmF854hjeU6nhGWUW82t16V66AfaZvChZHkaZA4F5ko4jLntXux3X4hfbWY7QM9dGc8FPhEcBT1wtc+zeh3Bw1HXB/WBccOPeNl9sp+xXHPkjP25O92P5iNPShVFCg6e79H/E+eCOSpkQDTl/xn3nD84GTOD5JwuvFBdde39i+P3tCBprXi7loFhiuG95H7CbuW4qZqNt8wi7y0OreBGVX58t3r3nRude7ssdSnXvqmHs6FjZkBAe3E8hA/Iw+j4P15pMxInoqdBuct1mh1WulbXzQTnCkhW/t+1TQVRLmD/id8JG+qFoGno+azxsbvYOAJxmko4oItf2vWfcXKbV7pRI5iyJwkwlRSFS/+NF1wr1+VnnC7fK1rRsGb22fpSUOtXJj0DPjcCw9NppQxPiOSZzQQdfOSK8kanpvPTAf2+bKXV6SZor9xQB+/OTGI3c3o1vT2QM4buh9aDSJRp4M8HiE8C0SugpGQ18TPmSqt19/hpVljNqCbhutIrjeZbq8X/Ms6vmCn/GfCxWyzxFP6ZiG/D4oHY0mUXFnZWjNo1SuYEDS/CMwztR11Ghvwy+CLvsf6me2S5LtF5TxU5H3Rn9vA9g9aX5Yut2X5WC8FaYV2I8yf2fz9j38Fd8KEd4nl6186sNTKfBui7hubr2vGwLJUEzOrt9Eg4H0TrDdfgn5D7t5ogITQP10XT/1U3M4tYNGU5/lcAwrW6nGg/jN06ASzfmM3Ls8Epind4AdZmVd51PMYFTLilrn3sx6CjV9jH8ea3x7ahXvvFzvY/PjKNtgxkteOrUge2uGdsk6B8+UOPB9zJ2sTOpfOu8NVXcf8zQEokQ5S9MDeuNwr2gG4Y5ssx5uwAR8C9WZ6TD1pn2pnjdGrWbJ4iaVi77a889Dd8W50DOo1RxTm2Ufmq5+ch4aMU2dfWN0KGLZi0wISo1QQM5HPDeSjd95j1DRn/YSLml4cJKN162uR1Hgm6OvXImSe9/H3eBfEG6FougtF0yRrZmCN8b3BqrFa/XLqQSd2QR79MPp8ZNXnALjzgAyK7N1kLjGvSRpZfktZgAd1ZECKqqiTvqUOEfQ8pFWv4Z48ZwLMYNGNWd8rVlkaSMEglvqJw3x6jRVGtuJNbl1PNt63sBnpRCyuG/wqnhjiqFBKmH4T2XWkARzS8Al/B2hZAr8sfky+aqnXDi37JzWMwQS2t6N/OLeC8j5D0SLWZd62XeD+WKqq8v0V2vVzE3Nw7htIAi5SpvY9Qv8gm4SAk4JgYQWj5Bkjc72riVme111ZU3XGAy5B5Y+kdKcpOYFxzr2gdBiFPij9sTbuVkbLnRCM+ltyRvoDkWsz9WAgikdkhzNeZFjlIVpkvl95YA3I3Vd1Zm3tQZfWonLyb116ZOYba/ebQUZKOmbdwxAJzOuk3HiGv4N+fViXPuqs84e8vx6RhU8h1GpSXLWh+ophsJK/xocYePDl6o755v16tAerfRHPjd+y34O8qnnc2n6+A9huT8F1a/S8cgbeKkK7xO7k6iwfGo19tDNk5PcHSXqFFcp6YC+cTR2+bdodZsBmOPaoeoZ1WVe3XY500j7VWCTdZFljhs0Y3mQ8wDbPaYO8qttfK9avezegwMtn7u63Lh9ExetwpgynCFuDVryyzSJP2H1OKsb13rUvtsVq9hCGvbeacvDd99U+PgdkN8Jbxer1+Ifsum8Vf+0LWgwLitIEpYv946r3zp1uD+fAVmqoibrEFYY7M/6OZubQj+JDbOacaAR5DT+zc8TnMYOWa4Dij8ermgDQOnXhAscKhDZGT4/4GgUlX5WZ8rvXke+1ZovmtQKSba1PYo74QJfpCR+vSVhHIXNNfVo7qcHDySfBy/A33FLwksz95EDlrMrgINpr6j8t9tL4B2VxBQdM79wK5nYsPXepr8Fuhqxb1d+qEp0R+ye6Z5iXDDPvWYvd3kg14jGPo28jBoGQCgxznuvGlvcaoCXLKGZrhZGmoVGssVLEPs6HhP6mS9DyxoYY3wz32qwS3YLFGOT8DlnWok7NEP+VqDZ7b3W0q8WTdF2zrEWyc6JnGYtuNiuTPbuvrD7zHy/TuHtYFw3v9uaR6+z36oaJLoYHl/w8YS8Vebxe4kM7bsor+G1XhNtevI9F163atXIl75JTv9zT1q+zVE4qnyVwJ7EKjFKwGM8a44E9HwW9yTbw1lwBm+E44m7r1fpbn6h96qvY5sOGvNwoneb1OoJ+DUpalujXbRiLTN54sgeYtfsBwJJqcbMuYP+fS9O3uSCytKoh+jz3s19Fs5WoKn5FrepRaVY55kpd3xg4K3E4jlS2tVByhdYPe2MZ7WW3L1YxnZ0D3Ur01mVJ9cLgrWCgEcUs5mBizqQqx3WLoWKZFF0g6QF+n8FJqUjYg4UWo3NuLrHWI6oQPqZ+y4cPPce/qNkaxGDP7CvCsv+iQlgmbxeVtlqsx7kcuwHeeNIoQ+I/cz6dH76rvGbw0O0rb7N3j7Xeb/lR9abX12nj59Hiue+i54oojavleBrtkXbcTxivbhzJy7Wg98zMqkNm7ozaL8SzzuZwu5/EEMotthogO3EJsAzAvvLB0+uOzXIkpn03/IOJ6Ikq5tCIc+Tfxm6z3lQVBQ2M6DyqKSWJN21ReUei5//NCJ9xuT91M/Xk258S3EZYEK6xz3VtU/9XwXg+MGd101u9ZkVdWe9PlTKTd4/75w4dklmIx71xfGhHqRyhnbtO+HqIjj8BV9YqlrqabFTdLsIB9ztIuhL0nYZD/Jcmz8+kf4+fsC93MHt6lRpGjcc5L+f0sHPqwRozLhZT97VtruvLs8FGQieClyjyzmtQvU0qfC6EDa63pc9RfEjxPqNn1Vor6voRicLCRv8wK+DT/px1Y6vOqMdtzepgeeieKUf1wX+hd2uDxm6wA/1oA9OJG9/mONurB6lbDmgdZ96n5ky9GF8hfhXnW2t/zhQt2lTnCdeNlngqbNG4pkGaqSI/CnZMICA4xfqfnoEvI7DRUMyDIzirWRT5X+esrx1O7kw9vgbhCKMhq0j3TLDUn0LmvCmCMXxBtiXWjfyxgt6fG2XNt9fDrVu7pKl9Y7/XT31eVL7z/TGx1xR3U8z8cI0aGNOfk4BYnbUsBi5/aGeYHJkq+IpBXrOuhhLGLPqrjPQSadcTiih2deAex7KH4/IiK7TVfZWMTj1dER7U3fVi1m+vWvSJus7snjCKfakKtATO1U1fWcZZrY0ivJZu6X0hCiuS18jc2LZmM6OOow7mP9ED13WS5E/EnEg3gXDVGbWaWzEE6a9Kgftyfz4o7trUNQrSZ7cGFpyXjExfNeY9+jnzpj08zr370gHrMs6OcBzGmH/lXor1O9Lms135EwborTxw6mB5n3/qAE8CBIrF/v8j/re3zovyC2Acxx5ls3rre31jjmiQUw+hjmTKT6Lp1nVWr7F3HmssHwfSoTSEzINXjTN+SIm1br60XQudqKfxnWtklMIlLhkGa7p+SZmfrFPXojJ4XX6qhCI41oGjAF6lM0cuGcK7obgP0BVv5CAlZfl/8aWQXIw/HYWUSmR8IT3bvyE92/ei2qPYF76eUybM12HbA6/oH8qEizpGyUETOayD8chhlLf+iEfNuljmZ1HfQfR4B1j/5Jtx8a1vdNv/ZoXHyaz0Iklsn6OsW6PWSkmaTfSGKBNxTelWLe2BkbjCSd2fE4LUr3J9KD6Nx9vBJwWAfu9FlbIOZ5pjMKi8j/DUjfzrxqre63aV3a8DSHO27sxI4bT359eqk/ofTdql/NH+1WYilx346xlwZkgf1MHL9Xkh2L//b7wZObhNoBbQe3qrK1D0DGmR9ZllmgpPrwPV1YD0KNReP/keGs/epgO/QGFuCFsdMFybcVGYOpVYIveJJ7qAiv5QfdI4SkD8rnRD4GifrhbwfRovSz5RXe27DvZCZG6rda3+yAR+MUJU5+Ltq6c/c21uu8qfMJSetO/eTfpTB13TrmCJbvT9bHZmmYQxLPenIvpH53o7PzGw36S3015/Q9ZdWNWvfq/wmhVva/+h4KXHGeM9R1vG/cnDelST01n7VV1nLxR2Y0lggqLp5uMqNcOBaQyLXmuCg+Irx7podOJFrMxtXehcoeqc71XwJVWkVa17e/ly/Fncu4FjyTIK+W6sVTK6w3V5VTAntu9eW/PAVWqoMU9yjEVcYYVX55WFGjS0j59p7k99t77oHZW5O2M4Hzlrvv9BOOY12JW+qgpA5BxQ9V0KbZrWfA5wjIdyzkGqyuFaB8yfHMv1fGzwJzTQstbCBtdVcN9H6AkDsWgjNiUcK8totI9TpkRoOT8dU1uliNusFPpDyVuXWZdvP1zvn7Hpm6vneo/sJ+rS2fOSF3zgxzdjBeW2R0n3lJi2tYnq3jfX+k9yVjdArv0wkySxL6nQN/gAVZHD8tA+dvvcIwrQ/IuWYDtPJNmG33rpxrh+ciHqLlKjJPo/+em6GMbaOo9dXrj9l66hr3eVE8/tyBSovEEho1GxNXcuJK/axolY+dX4Lz9lj3ydQz+6HfP95lMz37LQx3qsq57R1Q6+KVcoqO2uYY/ogb2i5xwEc8UyeZ/iZip2ax1eSILcOGuxIqmodo9hUu2DEZ/ivavGan3M1tbfnD9wDZL2wuss/TWwF4ul6D9vF3n8I2bzP+009hSHhK9z+bgK069JMtWX9c/VqiY5U14cSlQcKJ9qwGD0a6IGs7spWQSmjl1+o7CRIyFY7cB9NpKCW52gaZeMq97MofU3Pt6kjGW1W2TKHtnlPSpeTysHnVL3IYd0EJ3Iw7yqeVdAWrbyZdU/FemDyXuvfN5m59MbbrLHpEGUS9hYCcRWZW3nTsejkt/qx/dUXaM0MXytto1U5V/nTg+Nr+LnFbyqvOJsP/x5svj3LQ2NoIeTIZTHVPrQpW4CZm9QM+WaOe3ZqXYVdoBsULX1O1ffei6GgJnsej5MhPvWMIhx0/g+bzX/oB4kbtN5TcnmcuYm9Fg324PgJipAqehBXrv76oTiviYiAR9DaKd2gGIYtalDkY8A/t1UmnTaTV4+U0HJefzo5Dfc2Oq0jIjl+c88yFH3TNmP6MEjrGvEWaWOTjo14yULxy9YxlQ8nA10ijNlxS/rECXuYMpe0DAWecTwst40/IM73knKdy+T2G86Qz9AO08gV+tMHLERdMG30a+t0jVsEWGpqwQ10UEsb6yY/1vfZZPVrRwNxPkGrsDX33WjDuZeD1mM+1KMxGE0L2dNO6GNobIlj0D8wbMzMjEGhA5Gh52T+qerjO9ieS/iWtY+Z/AAx+ep6NWatqazKp18CwhmrasgVwMBjWTuAFpg34DyWFBWOTYwVs8xTBklSTtfUaq162zu0WxCBvoMmvvsp1nnsMvbr7V/alOAbQ+L4kp1+9K565W4cmLjdcP4U1z/N7xPHVStR7weVFF4xdIKFs0eXlVjvt5GyP/1BGK50LwLN95OOeiawCdGSZtKxYi5b+jI/trtz/NZ8baW27WPtfYpcBMV0t7+HTipOPnkI5LH/GaprsNbfV6h6tvlLGtzlfNeg2fMWAsJKUaX8Uc8Pmg3LXOqkc0N8yciMWraFv1OW3SwBayJnFMPScY7XFsIAkLaqRFs3g6WbPMeJLDN31DSWbmvQ9R84bN9wcclPGhsSrWuB34F6aVkkbvjovI+CIeYVQAAQABJREFUx1qlHnO8ceO6IBcmevhhxf1+PJNake+sENX/1Bw+6l7IAvXaVXjgqAZmrwo1To6JV/Iz2zOfP69DsEBYX/lvljz8gWrzhuP7m2oXAe98NA/twIoW/jHruC9dn1te+ou+/B9eMLY/YWdDtwaoKwfSyPrxi+4JazeOXr+eqad5XEX0bHFLnPpv0AomttW1wl2zfliP/br5TV/r4seQzfm+Wxhyp0aga8rHoUYz83Ns2zepXYefrePspuslrK4m+f0h/pTnN56Z2Fx/JLT29n0ww7688Ka3CfQXXsv367rp236YsdsxiYswDe1mShYt+9mOIwveJTKeMu9IIq3w9LC+bwQy7XPmVx5dN1EK+0l1qe7XNcHsA0lLWkQCTWgP9f6/RNHAm7R0/M1ONLIhXXb4stg/6LL0Evy+T7GIpRqmh9Pi2uL+Wj9LvKyzw3R5dKzrksUGYBSG5Js7NSmPr0qvyk0gSyv98/f8YH6WUC+lo4YoJu94IPgdDblG+HN665EllysUd30HDCIhTt/iTePVXkjSX3j8Fedc+1/F7KHcI28kQap1ecrz7Ca133uc4scFOK5MmC9nuq1wvn+PqSA0a1HnFWyvmpqWCeYiFmDXS0W0k+J1h5iLRt6PzSosON/Gu9IZIZ4KhFxu5Wu8ifiqPrRrsfjevOlsDegW1O6n55s7OWM2NOw3AGxPIWn4XAPGRkNbLu8JMoJm1fKBvZI08RwZnqVPuFyLGdP0lS7vUZipn+aYArTHJ20BYTfb5daFJ/3Ly1bM1jqjZ2qbEnutCOLe1NpAYxRd1u5iU7NINeIcymlk6VF0PKm5RGLvxB0mCH1jnrKzb9+g00MeIz5965SA20avwVCa3gCMylrsdfFWlRE5oz26PBxg32yuUTy3Yp3nXQ/NxzUzk2LsyxZLCQJbuOGWSlGHqR7Wf/OQjj5wDiPIY/77URR9F9wouV5uIl0Hx9O8lYT3bfScqAVAtVfhkkZhdxL+OI9rmY06BUmyBecm79xW9Fj4qv/ldWaN17p0K8cx/drVlHKU9yxjLPPaucP5PHr7rHWrInBQw1xuFqGDERg/4rXjs2t2ppYUSc7//vni4sOy7v6TXwvWDusQNc1aTXJcjzOp91+iI2yv1+O7CvjeCYmnQlCCQEjnqbmF94wpMoOGvS+qdepTg1rCZf+0Hva02bsm7Sz9dpKXJK80GLupRxw7lhrPOy3V+Gte91Y8oMbWnGhlr6Z5qhnKInbGMRCdnsfKO6TPnPg1EgyMtl5k/nuj7TL3mD7LCxySP3un4x4u/iCrf2+PPXIqxwnvvbL52CEjEtA2hmRkJv9HNT2wG3ygwlfeLkhCLhDW9KRZMSq8z5372fIe/gThi8dlYl7Ak4WUcEvz/l3JTbpfHT7y/Y9znR5PjhoMbGOc4QpQvdO6rYbIPFhUtgOhLFJScEPq5UGAWBquHnEd3tlqkMgvCW3g9d55G7l8yhyhf3NDdjNW8L3zu0LXUxXitUKcVIzk8PFcjj7dHI22OBKM2kVO5riiZtTM3B7UY8cozXXEgtHYoqZ9m4ZWBuAmyZz0WLAH4g4CWMeFj+cEg1hSYn1oZ0QRy1OKWS8Afz7FPv+E+lHvsrbTfl69QXsbSIlWQo9PLAt/iVEYUTzfrSUZObAzSg7HAl08CRDo2FIHJgtJRZmIGDteNzx9O1tnEzlm/l3U92Zd6c/uTzx83lL/JL67vbfebjmW3hH70KTeeGJ3NvASZJ2GIMDOFIlQ2Ahxmm+WOf/fimkB1406rWSQT/ux7EOBujYLW0gCzgwEGtaLh45a5aUdLPj7mQrd5dQ0/ha6Q7n8aCqvl8kcLzjxoCq2zZjDId4pLW+KkpvrwGKkVACLlIlQtPVWruaxayKPMPJ9tZqxccRV1ypX6flc7efUx/NtJlfAX73rmRRHTrZb47h2LBycs0QVd0o4pyYnvSGIujG1l+XcA7vBcnu/TSqjeI0z45TpOdVbi/fVc2NH75mqIrhkvDZhVrjrO2DMzYvWM1Uykfv110QHP0qwtRBnD/yr91rNGIhII99MsT4H9G0Ulr9AU+eDJKFcC71JGcQCUKT2UsqaU64nHc/ndSE+V+ttQ6vszttiP/zeQdM6WYSajIUQl38YV72c/6ELDEZrNTz9iQd0E/QRlpwbD5wWtUQAcEiJqpTVdd0e0oVw4jvBYlIf6wLYpLre/oPBDmWiNx/xmBvzHlXdkSsOB+2noCrEuSe0z6hQHW1+xAsyTxrtkuSaDQUBIQ5NXqclPTZXkB5/iau+yIE7cCtVtrj5mzKqdeOXddiYfcZkgyRwxdbJpkBjiOhP4zLFY3MdmdfXSK938r5YMpxg04wAuAsInIPrblTsK+MV13Wb+V+KKD2u/dhRd8lR3ORAxp4S5JVKFBfKAgrZuC0NjKRUJPL8OUFwDkEqfDDsNYbcKz7j1oOUK2AHGvWVxuGI6JolH/bIV11Fdm/LCpBvaM41T4QHf5z3cY9453tFnW3Xodj3C8A5nSrrojf9lJ84ro163iD3dF21/Vluyy4//8EewN+SHbj5byGMaai4vmBzcufCPuz8AntdzGT86x/7gT2SuJGPIeCz3SzrKj/nocD63eM7Y8DDqLWXN8feg2r19dFDiqUNn6w1PEa6+Rto7Y/vrDHjjw85zIem3x/4ichwZi2yosCB4n2EOkZjLC0n6VF+Zky3DsfvLq3K9XqBaPIrsrrnGbDLGyJHcszjDu/1XI/xraN4Nt++u3CldtPwrDh7YSfMdV2xy5h3yyigZQr8YMamAAj7si8ENX7Z9Ye7iwYYa23Jav+bC+XzA/cb495flPf5qm0+fX/xAQzcYG6NkAHCKlUEdFXrcpMj395adDL1+XDUlCIcA4hR2lgMlOAt21ox2QNES7hRlRmUMTJ55eagsXli3CEW2iK9cDtMzP+9rznL47QQUGEqkPyATganhnxjzZ08BvKaidd9/GS9sKEtBqDiWSP6MEdEpi31Vmo63zUC2nU17kWcK7vmQtlGwalby81zISWt/qotDMb6n6maXh+RibnM+e0AJ3xEXagRfpvzuhhb7ucAdHjlHnyzuMQshF/viJhP885xL8I/VYcdXYG8uno9vaLpgeAVa6bvp5UGtYTgI6k0tIRDYuBbLVfohR0Muk9jr/lEXyBRmRe6ceESL/L/mZN8+vrSE1fP292H4G4YMuJke6e8JrAZPfcdWgB8GP2H47xnf+sD++3A2pLN1o0j/jzmG1f54IyfPu83XakgL7F+Wa9cA4bHiW+gtt7RCcIBOzErp0MAjGagct8qvuF83feRms/4Dp7razxTXFTKbLsd5JrweM7Kv4975ejXevWcyqmgey1R/aZnPvrI9+NzTjmnjp1qdXNdYdF74BFWsEMu+1Vw0jsu44fNR6so+6REoMi3pfqKnxmqWn+HNZZF9jqy3O0cBNL3oUUBcBg9twPyeUSY0KraA0Ifw3r9vbu+gjaCCAZR+joOmbLfL+RLvSdf2vS0117bjp2361FPrQeoY0ne6/vE5AmgExgl/tqwJMooizfeUjPiPH49XP4Svf6i/GNfW7Vw9SF63yPUTWb2dPxAIzdIrXZmTnSqe0HVjxuOH3iQsklZj7EOXY2lNmMHVssRRDE+kbJMlWmkmvRQiHvQnYIZp+2xhoYnjSdkfCv/uF3ygoFO4bQsSbLATlO7qYOk99qJtW9gdaqGXFFh4Yk7jRiSl4fY9XpPOlo3sc5ue/QwlSQYwIjXSQkuksKjrpApkH1qkRyXNHticYoHPyfuh5q4cfYm91uvuSI8N4+L1Pxb8ODB+uRuHhr3p7oSesb+xCCmT/MhGzvB2faKNS0LEX+Sf6uho/eyf8LeidgbjQl02D5v3NeFAecf1KWDvbkAY32tj+V8lDm+zrPujdj2RND1DdJrnxvuVEcNo7rRAyyfInOe1+X9+xMCOOHedxMdeYRCHkVPPXXOMqfOqLO4DmBP6nWtX2mNR6efjtavXIOVPzRgksa3N/QP4k/Q2K+8n7ko/XS/weNduLT6PynjQRV+xYR6Nue5Zla5Ztk/Fa3zJsqZtVgZcy7e3RlCIuaKtMwNIZn/2RdZaR1Ulh8Mbr0f8h9aPEBogQ/o7fmATctZicQ9HNaElX6wWhSLVHKIB3UU5BqLWztcbzEH5vsIk+OMHWF3r2C6wOcVwJNh66jynLnSZ/SQ/6Ely6H9ru2gfuUtOZaw2LiWk0jzXx+DvEY/wxIyAn7k3gdX2oyqM+BqNfWQMpIyEtymlJxgnhddSdM0ClyRmlYeSBNX8F9S37i2GOaVFsvkiyPDyIMf97GKRahfjsIg6N0y8KZwimy9J5SrbcpylIxx4uIGWhjnCXnhJDMuQRPTscid8oQ9h9vef0b0z6E2Llh/jVjy8oVrhPRBbhbKb0CwqxIYknLlHI3lYllcRF/UGLO9Flqh8R+f/puNRHV7M8BGKeLEgYZivvOEL9z8oC5508serAYPcUwcSQSarTmydb7rk+fJSb+W2NkbPtetX66pLPL6QjA8mm7/SBxGaAlElGyedQ8yu9Tz18tWAEsaHYyzZWbQraPDC+lU8+rv2C+ae3GuGVa6kmHqoO3ESOVNWsv7ULAW5S8Z6T4AhMvwTV9Y/QdLm62wPT0FOB5wUmH5OnI60nFN0IrnHnqiXo1/rXeKCouceEYMDZlXedT9uFYdRQQ0SlUa/LK25Pi8jWsHH2Opg6Ibt7jLyrGxyruaiNg1zxSceDGZHd7haRO/OZwmCxeH1PB22/OODW9fltdpdXn06Op0MBPkC/eKHer/Oiy030MiuSZukrxLgjXPD+3UY26I/ns1n+73hoTc77596QPrfMHP1vJNyfJ9pnLQS09CUV5+1lAA/lcpb1D92Jp7F57X45rK+Cn6X+NT6fnD9PnG+wO9bfP2nrkPWGPmD6WHn8/HcxP2YpyZ0nmZNNqWtNSO8Kvw1b3O/YOzLeMCvSc4dXXwX0zWObKGL0J8vRGePAPPr73tO1iFnw69jh42NL7rux2dD+2DMxZiP2nve/XqP+D8s35od/76hqnCvNtu6J4liR8l2p+wx5PjizovBrwqhxqP/9q/SmRZf4NteYtuW/b9IlS98P2e3Huavxzd9uNWz4ox83N/VW/NieZ33UqP3drxHUgBjxY9R38NkfmIe85Z74UPDI+nfv5ckQ/2/L5p3edYu4tzz3HTsGRyrVP5lo9riWw7flp59RF5UXfPv2/TPn8iNXsDwioaIb9dzOC2Fx4t553pWIeI0nlX7/JRpcWZhUjZ+5QKk2PEl3W3/ZN4nQAfoz66Y1ZzJGsI8Wuee4ZW8Lq54WJd+kkX6xsRf25+2vef9If3zuFPNLfW+9Z/2rubp9OD+vYWAtlXvibPfXYH1U0C+8u0f79yx7Y9MGFTH2zV+7Ue4pP1oJ/qh8Sg1r3AOZuNS5bfyLq5sX410uri4dwfLuPoNWJ1zQdIn9FlX/lDxgJfW53A2WvaBKjrjnqh/4dSXeer/PQPlJsgOc+TtAJpGJJXD+O566fX7W2GAt+v9k7wEGY8XtP1h3EDH9YbBNspdBmAXN2LkX8mxl5h/JHqem4WrunoPsr8fXuANJUf+fkDpG++f9dwPLBj4SqEk8Bkff22PVW9ykGfa9VP1YHrR++vwnGPqo4crz1eFLzGvSc04+h1YlXnNUZ71rVaJ2Z5fahFPT+P6/RzYJHFHNovo3KWgn5UHWhevVqDEPre8obaf51qPavvV/urbtqwrlMXq2Wf//0Hdek+19Na7fZWCMPxHDI5r8XWmaJBF3xWSUhKGPq1Fz9Yd0e3PrbUlkKv1ykS4SmUdeUVpYwt/6iaeIIO3Nc1qxbIpTJ5AU5THRqais6oOuO1qamFA5K5Vu4i5uz4oV2n97q3FX/3r4ohF7Eyr2xHXJA5TytBZqA+msz31qrZwFRpluFYdH6+h9U1mdUlFtPvjsTPRF8poktfbnogOxzxV+iZAh4ZSW7eDiiXdW4ZSPp+HYt6Lkj7s+QBnZpbWLh7Qg2yphQrZHUMBVcrdBqrNZFmrzkf38ZEjj2VR2okKSF492A1BZauG4g08wKMOUf41aS18VX1ZnE0uq2k9UIbF//chW1WP2STeuyLed1PFlJXuJfFch3JeLkuke0FHziBFj+UNL0c/fwal7U0cztYgvq6D12vIp83ZvfLO1nwV0pXoT7ntvbQVUHjP7ujp918W4/4evO0f8Ke4d7GS+MXDPY0Yr8/rHt/0MUY9ZF3I0nk9SvS6xDBCdlLvEcYJlD31Pfa6RGcVBkncY2t1tf3g2aP4ArHYN7GxKltDxlDVmuQPoaIXbsHyhMnavh536t6yXWL8vmTpu+uM/ynxL7yKq1Tzvbb+wWn6m855cgcbKtBIY8bA9KCIB/SSSA+KEcA86EZMfZmpejqDRmcqMH9tcYdwXobhX9i+94nZO7nubnR6b9akdV+lkkeGhnFyfpOjIf1y/vikGhVmsJ8wGy8fU3ba+orU/GNxVlE7WEn+j1obIn2iy7T4YdzW4QP54hLLBG5frppFwpjv3qmlp9C7jnX+OWkEfI2uoO+v0DAWY1d/8Cc/5YIyYIaYJ+mp34nIeWpmfrdedTgdYIx6VU7L5Lv2LHWacSuE7dFR0BEaO7UDlQlTKN0M9/NmrpZuCN/46NtXxTESVjtSoWsnceFyk6ti+b8NeoksFHHQGi8Pz+U2T2Y//d4revLnbP+fnD/V8JEYf8qiTmSJeJxMu3d7loHnltjLGs9LddF66B15f/jvO22+sS8XKFt7nDtJmP+83flstdQhJfzFkUfBTpY+3eYD4ZZeGvamVOdSiPmuof1iLPlmEfLWVTyAiWv2/ga1W8nUhN9luN+sSbI9hNlbXQ5uNaJ+ywqDYaj5AyrtVZaVS5qyTzj+t41Hwp3XuWdNaHEOYk1L99zj44TNTD/ilde7hvz5Xnf0WBmjK9+bnsHyWqXYo84B5fHiJnzsZ79/kTgjY3rjXPiSAhego0CPywH2p7+a0e3QDtov9Rt++hU4LOr3/K434864iTmblpcv3H1nMnrZY0YZ83OpelmTlR9nZume6036dk32mvM4Bi8OrnhXl+PnU5j82fnQ9yDpin35Fjgc4t5n5dGxLG029PBPWHB+/LhUa9n78L5P6aJThW73qgKqSprQ2oaGuVRBBc1F4vMwE4PzImmxk/y9No71k76TGFlgnB6x1F+Fx6CmgsnqGK+BDFFuehzKDXbCVHZP33HOGlwS49bOpBbRTvLmPl/HeNe1q/gv+sqbIw0QwqNtx0UdgKIPf5rPNs8PN5sfBWIOjpV9Vuudzd0RxE/SGGdv+cLr7jOTTw70n/XQrg/Wmdc2MksG6RYPgjNvUVYzBLw/5MhNsBegcic7Orq8qpfHuKj/mmLpGb4qp/k9A5h6uBmwdJzGfsn7Cx3asyLv+FuddHih5Y73pbMPhBv/gGGfQCnGk83/ugho7TBnHVyrkZmHKtIbAupsPjveMuaqlNAFF7WK7hKX/Lxy3DmLWK6uXLBw2jo3qt1NXT0rHo1UlmnGutK7LHZK/C9ZyD8yOe7r9xn3lOFV5+vnliPY6c8JNsaASNG5+LHKjPqfh0MW2xwUudQAYAZbUUoMGXFUgK+KI9rUZX1uYP8BPp6L8i4iVpQzvvOOqvrfR/WqLmKsHPmrHXS8L3OOox9j6EpLhDHM2zlBVJdFEEb47qXsvZS89JW66LxBHr6DYySBg+7mBK7gtV1+17lNXf5u9rZoWJb62NV9m9B4R5zUxgYFDnZxh5s52RL2IWqtxQtL9pef5N3MOoCMdIKwaPC5hwC0AgCBf71Xcl1l0Wisi1OW0z90EfW89c8CJqZEMIJeWNXHMqmnyJDzjWkuiqzPiDGlIyfAbNHKRciRWpTfKACjNeO9x+miM7kOYtuUnrz/XUmOoFpsFQYCVygUMsLcNuS9ZXItENDKzlVSv8ohHkhByc46bdxYA0n0fz3wmQUCfqqLu9ULsPdqqzmpDnJtZjRh3bL6msca7K87INdF3MHrPN1fR4n/YZm1bZIohfcxbnmh9hYDF+zSnmINGO395rP+9DIXNJr/QPV9bsIrDLvar0rXxzbfrGuOVEtqa1egIXW7m/YXwy8YMRGh+M8P7xw3paByJaLjIyJU8M2Jax95y3AJ5GWQZR6jUKVAz6/YvREsg8DTmy/kIy0v7/jNSFujvW2FvXifAN3IH76vdmwIvDaWBdGJUzfAvRpUvOFrKkZnzd6lzeERYr1/az6LeJPXH+j++ofxx8uI49XFWvguHEQXnARY+e4qEnX9akn3qC5yU9MET/2lnayD/zmQvAyjPtWgkYy9SJgrvHCCMg6C5K5Hu9nQqoZddazeZbX/eCZBZr4qw/IgNe7AFIRwCO7RwgwQHI0p9Bfd8DdYl1g12AvIHinngWkPPs8N8saZcbrnVxoe/m+UH4o1XfSt9nPFbsuqsAM3ZMP44CgmXxual604mXkTd86Ae87vvo0nZcIvSJW9of7z3UFUMcNMDctObORdpt98FM/NkAqb14yOfL8+4A5y0xq/hiaWk+AH8VKV2Oh1rO1shmbENxvAJRQT4UJmDKAgJLGBXAn+mBKegrwShJ5JJSfHVwbrwaVZs5lfY/J3ThDbEmvdamC4iSlD+uEpRbxGoH7XoKUoWtVIjRZdz0QRuntvmN8mDrF+cE968b1ZYRmBHdfO79fdUqn/Lj/H6axPuwNDp0wX+LYATox/7u5ORF9m/1UNe7u65GxfvivBElG/PCX3wPptfSLNv+WhwpPYCmLXzCCth7RVn+R0Qt77KD8mDVHIXLt3IQ8BU6Y+jeYUDxNfTtC+sLU3wvq933uoacuTU1uCerEv+rLMUFmWHGrnOf1Xj1OZ3YOyLxcyKa53mfoOk8r0Nmf96OtXd+ZqnS3zRRkfoLMxAl3qtVqdbZaX4V86kfbcMSP4qwTvjvWct7/jSs9jDneSK5mvJZ4mRSq1Ku81OQLfDwwxLaMmYSHb6d9ONU6ab0Pk3P2zu4QvH0dpusveezTCSO1rI3OuVLjbx20zmqI0SkqzHpZLJOpAfSj7stc9036VCrojxGKPZYrkaVs7aXfoVeNNTshF8z6LuVIXwC8jpIOJyKXataHkin0At25Ca39g8dBQy5JlgmP9rOS8Dn5RTNiZS47EfNnE+f3voq773N2oxH4Q7BpG7IzHOTegq/XgAZnRVav4q9sj4cHVdaa/CaKR0k1ZTy1ALBbZZevnfHmJdUop+ycNR9cQ5ZzqgBtINjV390Li0FrN7KyA401jF/h3v9dsaqb4vH4kd+z+w7ZZof1fcHLvbx3mXmm1q1Ld0YIomIq//t3PLhHJnpoPz6P5H6G55Gpc+VhP2rMT7JjX4YBvqeCU1F7idGVscz0eaB1tOPj8/XMjtVJs1a+MXBW151vWaibw8jo9Y//HfYoc5vbCZK3Fia9Br8wPKfGe/aeDeqXv3PbvBXsN7BY2HVfEG/TrbfsQWG21yOcMdnzgPO/lpsbdLwg8zyt9JBDd8xvonb8b8h+/RXzdHw6b+YFq1DlDl/1lZzgofCFW2KXUFnrDBzytkYP+qq/8Viol5uzjdnBAsm7x2VdClmg0GOuYWv6oq5vF7crrDu+MSO/gSPAm5u8yVR1xvLBzl0d8jLx68D+MEn1gau71VlRketmX+U+VVzvA7woY6u7tJsk6c1JlXOi4818LLYW2sJuHqV24SHwe9YpSb7ykXOVQsVWHPMjk2sPC4n0SWGN9VMfTj3IVpDTdbvC+z02RGl5lLu8MRHxYh5YAr/ALmU0/jx+0f26v72ZsWBpTHfiLz46TJeX/vJ4LF+K0e+83VqdkP1tomLh1GQz34KnfXT99OoL3/8/5q6GPZrbxl3S/v9/fMmJoiCCX5J27bTnp7UoEgAhzezszNqvw6N21AcbO5+jeUXF9683t4Kq9cB3VpEcI/775d2DO/MkrroAYw/r1KAIsQcYIyTuQYeLPJ1Hh+oOGlEbGrgnwByjsIUDPvI6Wi96mXhIwe08JKJLWK/5isEnlPOIjLN1GO3WkL2zlmvy5UTP7Y582hs4wTlkGm/3M5mXz1FgtFffkXtbjOiF158pULGxPgvg1XAUrQMZMfRv2AkcwkgK5eYEN9SNb8i3SPV0U7sT90WJdUr8aBG9Y44RhxZ81kQNWMHs1x4IGAdYjxFYKOjIGr7yMlNN1TAli1gDb6n3vrg41KduXkfdj3oPgB7PzCXUDK9akTDmn3KAn+Pd0u4I3k6soMtH3G2Ofb/hTnXn5bK22w3NPKcbje21qO/ayei+bXCOJ0P4uBTetPYHYVlmd//mWiLLcpLu1xi39AwMFzcjqXhNL7NmmVPCQrLcJ/JsHgNxHwfkff+eB3wenzhxq7LMyohaDX7q0+iW+9VgNd37kPqLl3dMvd6jPSrW5zs0X1yQGIW36wVBd1jt89WBAGB3K8VAbgbty97dOGv1HYlugITpht4DmPxeAT1MAZqo/MK4T4jR5SJvPj7r63naxHIffAwJf0b2RqTe1Tzyi5mKQz6O+l4DgySPN6uV4nM+lIgUwq9IXmP+tfWlA+8eUc+Axb8pNxTWKgjEVrUDofvGFV4O568PFQ6MydCnP8cObd1bedAEDivB3EZwLBMj1bEHU/ljcbwujnFPb/cpUe1tDk3sL0aw7Q/WIVMfB6v+LMJG5n20PdYO2Kee8TMn2YHq+R1Cd6l1jMrHjSdn1u2MeX5lJwOV0+MDe0WIqtkuL/K0Pf6NlHXrvqqLWjwxmH+Ln24oRjv0gl6cS15yWHGsxzl04the4BfwVSfq6tzvm7qtFCOuVkOWjzvHqPNYdbM6di/vt2EsOmvVL58bx9Q1SnizGKFunnirqvlHEadYrweQrt+sH9o53gEnOg4rk4F3udlsfSOt2zmx61uMyKuvz8hsg3fXrbMzFYqKSzQrLYxvSsSX8EzWqmG8B8lrxuetL6/1r3nVgVbHCFzAd9oSZwXDbeoMJH+/yT5re8V6pn2q2rfavJeV7ie57EEyzZ7FdFiaMM/vbf37ZvScfXlEtJKrqtDrnBW83vlaxti+n5xt2nN3FvCYMAc1zkF/wZU0kxVqoUW3LKOD4krIkuBBPyywn85yrYtrbd+/42o+YmtFryELHxncbe9zWbk4Bp7zGzN4rTxKrciDIu2nZ/LRUAjxdSjHsrry7Q+GK+XDRUdKe7sr7syFBY1/+3i+VggJGzT+Fe2Hzw68ndh5flhnOV0aesUFcJ5jwUE5cup5REc1Xa+h2KMpCsswln+P7FDCAUbRQGw9gK/9vPSFpurLuXI79tILfc8dWNs8nznq47aP4hFrrq+lovNJz7urM4LXekb6qvDsFW8q77vs9c6z+dswxcGbD+yyXTDwydYVenNRonbTeX/bgjNb4O1ENWSO2jeb0Ib9c5wV30+36oTlP7wXtW99Iz7PdVFZp36zyfw6Ux93YG0jc9+MQabHKuJWF1T1zyI6XpUX5ylvy1EjxffEIYzWepHzXpJQCNuefat2ba1W6CnTI1aKo39e08HUoQd6GRsRKpncVxR7q2dFn6n58OWx1azmA1m/LvN+6h7jjRBXb+Asr7rIz4O3rJ59wE8eM08EcxbMvgKEjRHrd9X6eJxHmVod7b2oyyErnXp97yNQedpJII9xCHbvbS+9XjBsq8KTFVq7ILmCmNXO8eu+V55U2d9TREfcfWs091K7Pkj2E3ecxVydAJYeZ/pgLEhAOlw1YbzE2EWOwWMscjqC5bMRr6gKy7nI8przZGT4dhxwvz5FU90Z/S5NkJdYvVstlAUiX0JR6JziG3ixxB2AlRF45CJP8seHdRCLEedTa3Zy4CwuKM4FDCw3G3907E97aOefsjMqxrxOfliPuOalFmHFHF65k4f1FX9op5JcaOa/rVfWnI798NfVk6LvXc0mu9r2BM5rw3Uwvkcn6keJJzOFIvxx6VOtMx7rnOseUDvXuef3sR7fmi/HqVphje6zdrbox3QZOVb55zqyWHAGPWeq35cAef8bdjalRcsAzCNOPM7pxdG/sbr6mqhyvZX3WqWYc3CPLv4FO/AAZKrLPMKIg46UGuHUkdIWHBfQGjqJG+ZlaMbkCq31qqI5mDGdCksNZ1ge9w26aVkdlFvPW110qgd16Fdjp5nywy5y2bnV+h4VS9G2jz0m6sJLzM/5QabkLbyvHURGE4/NLmxNUuu1PM7rpNfpKKPvVBwT/dBNs9wFOK+os1Otwnc57ieY9gPAQuCGtRW9ue32scvjkLypYwG64jMn7opyzxzoV1hl6nd7pLL9Y2WOvSbP2j1h0GP81lFQY1/qrUmd5nkPbNFAShMTamGadD9N1HowJmoc39U/2Xd+XbOyHXfO2nXBZ2n20DyvN65PEfpda9U1irpeQuizrqfMipZ9Iex9CVkM2TN0CiI0FcRJZVRHGf9i5oTUWndDSy0/Cu1eEr1tTajdfvQzGJMEBV2T2LCMmZKc9dB8hTOGRqd7uYiNc/nDz/Ygw90rN8I2jPD4v0YTtU/z7qd4+0eikWxtpwPsC34QJc8qDy+5qLrmJC5HZj34zB6PooKdKoLffxDPPHGHxsRnaQhiI1p2Bk6LLf73Ct8dE/Fri7JIfWE15pIzHh0PnVw77Vw3BUQRL/nqGZhxp70UN3DnnaHj2wgNVSOlaYTcnMw8tCJlXThJC51+Jd4sqW6cW7egYYXRzTW0yo60nrWNl2tClnr3Rmnc3WYHuzaDoQ15GSWH+Zpu4nNAAgVn93e1+j+xUGMdcUyqfpzTRX2idceqfnvch6tew7z1mLVGg87ECX97SK+4VW519sPyoXidPHOH0glrexgW6x2kWat5kWl5zudFBFiBBUFbz6htmR2MpP9yeCptWQkaOm4MlKYg5W32VsyZXWqDzzmNUerwqulxptvtF7V4C03yDT9Q3tMz7WPerU+uf7aYX9vDT/fkYhMPQ+59bS1WBqHb2sfMvwCodjs2FyMfKN06cb3fd12ZWxsTV9w9qBfQfzAlD4bm9Pca4YFTFO2hs+9kx7DHeHeCM1auaaZ+yOYeHHsVr64z+W6Mkwev5WemcMtr19xHFUyHfFHo1XVmHF/Nee39Z3gCYZwiah3+SKV+kFGj+jqqlFS3q4gPX2M95VYPQ9VT9/zpOi2Mwr24/vW+IY+ButYe4ztMfttgbYJ51p23udrye8VnsdQFzYjIVo3zd+EbT5aDpTHvtEzGQ0ldwRuy9kEFa2sMbK5Ypr7u3ZlAmA/T7KJ3TrU3vCdVB3UiPT7x5JUiE47nAeRfPZlmKpder5pZjyGCn9gHID2wh8qYftrWGmYtyWh9L7XYPqvhtXHzUPfEwVnjHJa2EFAWT5iLQfqqdQWwdEYEjGVMADXLIPrZw3qva/qIqjHy49xzaq8eY/ugeb8b7mY0Eg/zzpeeD74Hy3S8Lm/cXtMw9+jUp/uQ4cRpOy67n3P5RjGrX/Wk7wK51yZ+DJMld8bhkSW9maoOg/Sr8tA4FzfqFHx7nnaaeR/rBWScKpZ71TW75al11w8Svk5EAA6j5x6AVKo50reuEHWHP92rW6fP3MDWYIlws4XoKe8/M1447qUYFjDQrClgCCBAbx6Zn3dVqx6jnmvNaq/D88puHlR3XjWK6kzJN3mALepbgYIbTG6gKtMk0YW2A7cmncJrXvWtX8W7YSJb5natF3ZEoIvudVcFKo55T7Sj4Njrp7q9z+ggzq2/aGR/8DU7nDYkCh/m+pP1fr316g3PLuN7kHIvRsf5PXHjHIcW9+RY6noPYll51vjr8vrg55HDVqSSddHSZSWJn1jyWv7mS4xgcxY/epN0lVvwMQSBOV+MjxbmwZetX33NWYWXqrlDZBxZg85Qk4x+xYxnoeqz4J5HcAXl+bwGf0jBUbzU5Hz9c/AR1z2zvupCr2Z9n/UfZvztFzFkU+LzVrrgxGsf2HlTE6tI+C0zgOb9xsULk6IN89o791wac9B4XrgFCHmJI5HmFNoiiocRxiHmFkbmaJx8AhICwGvKqBwrGH1y3WdeccoiIyMhe9+cK77JmvlepDVCX/P0U80jMbt/eNBp1m/e0A3jWkKnxegXDA50eU7TdrHua/zWX9Ve9uBZT3xP8Age11CuHzK8YNGNmrsfA/v4eR1DAsvo1apKNGiYT3rnhVbPFqoI3b6zeXAREaDB9SqndSISoccTiMJP8Uat+1tdo+68irhu/uLvBZP1hVWtwR6ihOPeCwflo14iPzeg6iPq9tXpcn6qbKkdbJFur2UN3UP7Jo+g4wNjnzuIILK38Q7UX/3Vld7RHx6Dxh7vq0Be+jopIWwRf84wTiCqfe6wpZj8dex7RW0/Z6yvxPbnakTX8zcN8TSQa6iV3rO+J9ZL2X3/jpppCypn6dBPaEDghbR1B2jEuyPq1iZEorfR47+n7h/aQWf5IDCnUPBqFVJzwPeIroL1dwqo26r0lr3Dd30+yQft102YLeA3aLTtgWfA4Ap9lRCaYsVhvsaGz7Uqgz5Vrc8FLzJdjfVc0wdy4yse56Es0mJDIfIfQhk3n7/BBwTm+OlOGJmZpw7GsIi5lpVI3OdVlw/sGbb312u2s/wG425MEu98QBheL3Bt0xoSRvKSDLuJVMJXQJgYGhmvxS6vVVoj+Thz0LTvKYhXDcXWvw4kNRx3jJKLX30vWhSFkS/zXgPoLNB5qrWUX9fQw/sQxvkc9XhT6SP3E/W8pEm8eezUa55vUmOG4oK19dDUrWPU5qXEtwoMm0qPDNVM1185VKXQlN+PR0OvjLG8i1sNh7pNbCcqvc/O8UMvazNB1osLp1/0Zdz7PrMj68nZcxzXn99wPT/ifVVmfh1WV3ffeDSNLuKeI5YmlOKe7nqDxRC26/CHYIHDKGAWz1NBHL8mfWk4bwfWy4O60LG8SirYVgiSvL5EPhYneu4VbQxkpVixuZ7aXRI/4XbSpw9a0U9GrAUxash3+pYXJFiWnRFE58QrRkacCwU5+xXw07VHGNwDbMn/5te6H6MT+Ha9md2XHfyb9d7dWMOToF9Tr0e4m67UTy+4KeWP9/wpeuDIdP5xOmpdhU+eK+LHOZwX6Ih5FvpDLmD6v1EEPuOQAaJSRE2wWucMFHaxb5fEJRG03DQRrNn8RMKBo5Jhfz0qfD/22I6xtJnAs9GuPqoxDIKc+yTu+J2neg8MXenZ1dxwB4/zdexfzOOB3YTD63Ur9eLG7d7gey7kcbAw9+OZb/3B8njUR3ac4PvX3wlEISTKceN2sGBoUbKQrNcYpXgusnJ4dYROHpXTm2BNsKscatV4wqdab2VJXwHJQnVe+r5Z09eTpF3cFvUZn6VmpvJIL63Nyn2ydwF7nL3Qc83zPW+33cGtztcDIVXrqnK7wTXwficcqWVOpjj3w0ZMuK1BIpBnKX0zLJXOFAJqWGok1D1x0un2VI/8gXlYi2dFYJx7/57ra7fZN9xq/TGH+9SYz37Oa5NzpvYo2Rs3d6szWQc903slCiLEMSRGbqclh7xrPJIrf98fR1yTcabtJkNKepZ9jMt4y2r04oHaRfqYr+bypl35oN96E50KYvpctaxFRfuH1Cd8wcIFeJhLq5zrzlHDskXwWUs6vvzjAnDtgZqVoWhugY+o21x4onJ6N7NdUjV8WIzXftVDzrVcr13m89LWVWlXOfyb9bLDMBLztw7A33DwAjzmMiaubEheLFM2a+sNzt+LM38rZaF3fc1TL6cKNFCYO9APJ9C+yIwL2B/zIqV4Y4knfW1EBbgFFnPgdC5VXwF+4twEzG4M4Dkd2reLr2vkvXSd+rw0PWl4j4q0ZxNfjV28buoE8oSlahT7aF5fFz6SGGAYFJ5fi69BN2KQl5Gv6SccOOMFOV/H8k2+/rQ/Ole9tr0kG1f6rOe0Fsd3z9/pFSix6iuAF25UNE40teYyGCjS3fwR5jh5Uq8xase56OBNraqhDzCYx/HEjVh3HGj7ag0FuBpxorbN+YS1LCLnAclidH3dC+p8eD2vEG5SN576LjZgETv+zhNVwp3ffnjfuErEkrcFTHNTdnB/XzeZ54hdGsl61nVFyn4KUjDyf8QjDF+qZ6qhLNNjscCH1MlngJbTE1/ek+V+ojrvmRfjvaQdyD7RpHTik6zpKz+bfapbrb1z8Ibl14oq6U0bq8peiVMepf4P7mEnvWzor4MHULWZsC12xxp0TwJv1s7fWFrZY9+czEK4nGmKX4+3mo9qAe7v8WG2mwhjadHDOtDQQzfMUbfxjjCsj3pNjzvNWENes3q2wpOelZmvLOZmTJURhnXYW0lQ+feh96/hD/eMd/AzQv/tNNaeffDrHXG0gfxsysX9bw/NjsNaekeoO5lRlfms7QDXmOWZCHkVdqXZjZqg4gJ6qgkGdewmeKcRHMbwgzrnOa54Vo8O4lyQUKhqXDfV34j873XAQ618rgqHvevHYjgrasVPskNb5MUE2kRDq6ZpfNTmQTyDTO1iIP81EH8xo0bu7IADjRE16SU5HeFNqv4ISGZ/gbQXvCsrQJcNjIByLq9benmWGCTx+secR9WQ3voVr5vWwzDA1iPjsLYaaQv4Sx/Y2aje+EGARb3YRPTlfTA9C7MDcUDQHWg/1tzTf9rirHfr57un2RC3PzwinWp/4N283Piqc740nHrwsYYnN4r9JdA+BAxM6jETSm55aFRs0dXX2tfU1+xCPY0Vp9vnGpsknxNezxbu8phU+5o6mQaXIME5xFbL3Pu+Q6Ubvab16vDFuTOgk0fr3zqU6xQF610ocmsQscpR+Tk861RuvLTcPJ8e1k/6Wrv38B1tdtI21GfRN5o/P/eyx+jDHtbjfmGO0WtFnYiKdc+WmSAiq0AJZIrdscIWqPV+4wgPX8ZFhvXY8dBu5LfdSsxkU/QJfGNhI/9ln6m/catbnCcTO1EtztgSCcIym7gqPP8+Pr5XLgMdhr2d7wjW/TjZtNdetQ8CZPUxFYLdlQrgx1/4Y2b+wV1lzZ9vAxuxPvMoboquLd5c73ITVNr7QVb2YPfhvTs8jAwKzqemZZsOR6HFocD4+ZKJixlASbFzcP8j42ycu8O3VlZdP8X8mS18SrV/0o5OP5P1bKwH4y/1gJxvtmfcRWP81JsrCudMKTtf21Jh5G6VA8BKMbt2ekWAQQ6yKEs6QbiIOIGCoE73y7WoFi+PAqWvGV+AB8nKB+c6/ysb97RyxlqqV8JGkv4NO5M4DtRROm+TvHUwQrQwV93XTeLOqqB8KOpsqBefuIOLznPuJuYK2LcRXRU91wLdVx+rEWjW12tbnqPzW3PWNO7TvuMCZzSNWmu+0N1cTBEP3R1wsu9EEXTr6vKFBKW8ke80qhextBjaIn8QbUtS8NZEcH9xudXYaAmKc4WIp/MBp0G2U2i6nueJtCcLG1zldvESQDN7FWKdvUgeyz/xCmH5N3asgxgjcLpbYQ1hath7lPVPnLdGqvmuXJ93Xa83XUV5Df51yNMqP629OepUvUd3EjSUn/UzUacjk2BFkIzhMuenYkrMbPp2g6EuvRBHEXlPYS+od3jUPx+1C3T9fQyrDYRcICtTDAsxdEO6mIrwsXvi4H3XLKHbuJlc9yXyuvtr3Jin119KiLwp7WZ/Ds3jQ7v63vguYOkhiT96VtooNDqc5Pkvnhvu0VfRS1L7YR31Yg+w//1ZDPL7iCP4zvBI5ssO2H543H9kxsc8NGSfHMs/Y3Xvkq4YRG7T/oZmMFW4kj/YTh2Fr3j5/lM1k3dKQ1r2xOUMuvJwXaNc9l/wvLLj3OY6lKiFDwUcQMzn2IhCqCsbA80j7Ak0Jee1YUT/zGsAPkQfsRovLhV7iX3gNRj3b17AcW8Gq65DXGUV43NyRHefWGI3TY/YF/O6lwkCZxmL6trFnNFntNcU8phaD69reSD92Ne9jmfl43PzJ/zjzZBrp5PoLc6jpz0fF98XP+pps74Oal9uQc35fG9p61h6XnYL1B522QUbK8HQi5KoY3TkMLGbh1BYU/Nf17kHx/Vtc63BWWhgrGqce41Vz3YK+pZ5VXrHocc7A0g7/zuNLg+F97Hagf5Nvtb1Gp94u51fuZ/2ij00O757K+Oi5ZE686CfPKx7dXVb5fI6OAM/axQBpEY49S6iViaiyIwC7j+54yneWhJ4uZHYVSdRZx0kTExYubVCla1yKm6a3KzHM+o9rvXQO1b1MWL+0E5aAPberkGa0L6Go0m00CgITFX0O/44GuDlazPcVbpWRJjXf8zTr8/CO0anou1RghkZJTeg/xoe8O+nufxtDJvGX40sMSO4rKwJID2sN3xLV0ra5dYLGsBh/hvjb2p+ovV3+iGWZ/tZXqm7P50Xvoy5Z+zYzz9GB8JIawXHLLvBW01aBjTaEZotoCl4D3tGcvva0Fy3TZhIM7nVFDIe1uXLZeWCkV7bimu/i0Bs1YJRAMF1R9FGwCzjo0kX0EVnIPI1wUtVM1a9WfF8RVvP+JfwPbqeoaO52D9ht5Snujz44eg4DNG32c2zYscxBEeFAJdD3GoPGX0Bqt72F/gyDe9hCVFzVbftP1RONWnS1897EHnRn9SnAl15wMEo/a2LRZKXL8ZxrNXmuzb96sXSKO505aHKKcGvp8dteRfYJ2cr7eVm0mlKnRIUjoKRLW+R8HBDHmRW8zwY27QZFc8HrhmXskhuOfdZNwH7MEkU0Nf1GfVzH+DCD+ZxvNUjHvPT3gIj40n/VGONe7wPmIO+v8k72tGzR+qRfN0L5ZrXav1VbvLoGmYeSGs+5NhcMN+u3/S/jeIq6Pz1Fl0D3se/cdfoEDqJ6gXEp6TnJsEARg8lYCzoJWzo2L5myPU6V1FcrvPlQF9P9jZcFdamrYsyeDJOhzswoSJlxTKytUJfYav3Kst5gWf4UmYk0Vv+WSq+Zni5qfF9F1M462SE7qzsfyO+mpC26mh+n+3kBZ4wzm0dJHk4/ulDO79uoG+jmYgfX7q1LcLnD+vWSfdA5/6DbuksPgxhrjhrWqfIVAzFepb9JKoVql6mWlX30d8w3QvFVowNpAC4yfVbRygfgqNZP9vIkcZ9luZ43Z4zL8FUpnDLfRr4DmCzco0A0q6v/mxmBcNKJJWlKQO9tqX6oy/R6xsfpMnTAdWWVs/4Fvlq5bbD3PfrJU4R/MBGO9LlklscYl3RfmCvkG4xE59fgJFXXzCFrGpOM5L33Lb7jDccqDV++aZi7RMq+z2qfHCvucPL0PcXANOTiNr7wprd6hUpcpw3tTRouk8RO/WktAv98d0Qhk8B++Z6j/RfQ1sedD85ObkPlKscajz2OF0/sD1OEbYOz6suSCetutbtMfcypkVwb2OusUZcy4mnNdHLClKrs8qy7/CD0Sp19IoD+/xwABRO5zfPYH3qBTw7V5DJ40n7VMtKXaZea63N2BqB491Vaxf4A2h1tct+1qNTsbz9m3XK4aI8ly7ffrsrevHeIudHf2sltcyJ5xTse6UfrGK1jLuQneQMPMQbJOTjGHvwen3t/OqWfvI5jefEbjLvPQv7zq80VbfizlzTUmpNyfnwD3RVf1XBeaHnQ+XGuPj34chMLzBTUIsUqO6nF1MHRmh1+p/PMwqifVSPP7UzY/HDCLSSe4judYBet9Gv0XqCN9e2Jr/1sC5yrGtnhPX3dbipR7+GN4zbU2xoosJPKrhzNVdHZt7gMb9fkfoX7MtKfLetOugzbiRy+tBvi8Zeaz1zGGex4AjLPez1y1mvh9kdAaSMywOnini/xtae5h6aUbXxfU7Ht/JckKIglYNZ0TanPgIzHevUnlw5xQ693xw0e7PiuG0T+DLAWfdFVTV16xV/fz4yH/OBvWrjcgNvJ4WZ56g89gwYJ4FqOuWNsKyZ28UQGNYXaib6DuwAyD/D+uTrvi5TO72h3Nqe6/XKWs6C346Zvi5rbVsVXrqa6XqmfRovIOQwdpqcj3HX7x1n67tpmU/juD4kMMMGJhyCkgSdi5TN4RCed6i5IplOm9G2Fs72MTRldMtaiZQnKXAlxTFBUviKM03nKun5xDv2Ex++R/N+F0An/VPNZPpzxm4UDM2R7MK5R4foe7I+x/obKKEbDkNIC69IsZzF0LDMR9G8BiaNbt0fSQdwarLrr2t9fc2+6m0DITC+ROYbecsE4poCV1ffslmDu3pfUMwcVDCyBnI23vmG/Siq7bYS6sO8wpdkEEdyPjcMzRxTZQXF4kMPOeSvH7iwCt7QpZ91d4gfTuA+f/gn60eVm2DtVY1xrzHWJnhog4seMY96xUGNdZHTUVVV86Sc/XidZjaeBvaHKe2TAVbWaHycftETzHm9VVtmcFxhLReRobeUyXJEi47c209IwErWUoizQs6Yu59EXjesqxLehIGVD9HyhUUfkuSnbfNLP+S0mRdF3me/nUFtm2yFSoTQqYAQqhBDHvN6jCxDCb+vGu4eqWE5BO1LM4j8uzLPD55VPWjQMVcDrr5+fdF08lKt5pjlxLAvOhlTiq4ktD9jCfl8gwvdrvdL3Xkak+p1dn1AhwEnhmQ9sjeOgc4+hvhFv9KBHo+vOOb42IzctHQdhvc6Nps6B5j18SDLmxYiqTFasZqJZ9ZJR/Ty8UAXdy2z5Iii5vQzXrdl3jE9N+IBnXqYFP2olMJOMwG/SPxE+7TPX1h5o+yTRIPof5eHWqz1DZj1Cc8UbS9Ii8J5cpMhCpdIzpj6e8T/bt0rspl3PUGKTsc+1cCVsf8yZdvDHi0Vv64ztqq+8IGZP1Uyi1Nu1gCoGqzcCXKqKR1/a3e9owUPddseZP0EY7Nap85O1vwpTsOXdGEBaJRO79HAmpBlKldey7D+p8PoPMbxP0UZttLducNJ+aiwpeZ/Sqe8KxUl+f8wt/qlf35GrrEaEWYPiLkuGHyhjrmNmSHYCp9zPuNn1kGi3MXXddajeu2+sjsU+y6s2we+m/+TQBs1Cljvwxoahbe09IlG6t61E8IiPDTuXpcHyn+kNHcA/udC3WR5GDl3vihG9yXvztS8uH/BsAR3gUOun2MwTAWRVBD3GuD3iLrilTG7qymC/0sWbvtDs/ETdpKkUHBo6jBBIE8hImyNTSej/+MZsVQY4hRirOTscT3YNGBodRqnutZsD/mDFOwtdKNOnE9c9EiCwDMEOfSIo76/MmMgwjRybprAv+G02Q17q+cbBLgoTxVL0lp9DyqYVBsx2umMifwXEKRe/zKnMQ/3VrOv0yUnOT80x/9yXkmf5tGq46HOY8baOhmX4gm7Y297lXRDIvsLgDU94U61Wg3Zfn2mKRibgXkbP2fcFKk+LE39skmzppVmSo0c1+D5dKlvdYw3BzXT6j7KGjkjjDrrtfzM+3g9Fz/v47vK7FONiR/f1mfu3/1UNtu4Zj7x+Qn22vgFsDejAIsZf3g36M1nJOO31F7Ywo24oLf9jTx+1VBeMtVJKPl153hR3Wt0QaUpuaVpWP/BcEXbmzqM0C2LSVC0l7j2Inon6C+E1Z7Xsuarrp+y5zVED3zMT0zGnbr/sPbURkHxHudKFcBpic76Re3hAMmDOJzuc3L1gI3chTNAOWNfTXol6Ycq99Y22ON5GRPYfD0OXP3CC96invbpuiEvIoijAjcARvdWZ/L9xGG+j4VlilLzM4/+tEv2pS6xv1BHz/sagMi/XSSHCIfn37wbEJdmGkME7fMIobzgwR3/Y83MvtcnZ9kwrbsv9DJ/1EvoJsYhaHMUyLkTvdkUQGrhdDHp6yq2607bTbZPaMq4eZxc+c1eoIiVuWCqPMvxvs78EgZfcl5jd2aZGXtcKu/EK24TRnDjpHUQ+cYV8Y3Zy6ONeOhP7UwrJPUmZTfg6n4hW9Ljtj8DnCNPb7AMipeohjLS715Yv9dbfx2YKdsAAEAASURBVOSUAD2vrxj9dC4Y6i16X6vpfcMxNqKXlQKr40/6lns2LBw1xWICsO9RXNMIi3NZAW6jJK7qkrevHtFVJG89buc7FleN6qLcMzM4u8m08+OgH+Ai73X++uvTr367vsrn8wB7mBm+F3My1mduWK8s3OxrJG8yvulh1gudzpPsUlvIv123c7VoC+L8lVdMBg4P0tJ0xFRJIlLrXS8460EBuTV3PVbf/8kXdbCfR9WFQ9flWeMdqH1uVwXRe9q30PjNvXio1JFnUexLzWDkr8SVrUJY1+n9PlE9xZRtmZYrowFcFzj1UIJCshc/a0SeoWNFG0rWMPqq43mwtadRjXW0Ns/XEe6/byCvTbwGqWtU2i1mwFVR5DmQ2S9nhMFzsPwVRrXpactgMYKFKeomEUlz4Cj1EEoL779eiUihcu8EBBj2sC46+4/OaVnb1xsvcP9lbyhoQvUiRdUZmiVf2XnWQBKfcHtKOTN/tmERCNmYxxx1tqI1On1ycR8g6MQRupb3ItP7Tu3A4CuKOnEeCbM+vp3e1FmDY69FnkbIOI79C88reJyvxdknWOEqXjyCGWP/QvimH5QnlyfSSvaEc7EBza8wAYgmffG5rekBIMxN81anViMkYV8Yu0uvA1f7rINR+16C+VfyUmzOwMXumFfqqJmH7yPRMr2q2/fanzHR29xUfF8Fp0K+57xm4KGFjABSrKmRQC3Q41Q+zJo3H1f8GZCq4om+pK429fvpNWE1iOAnpSTYhMlHg0P6Uzx4vz2++uhx2CvvTI5vrHiNWPX8z2em5/vclXBNDs+lB6L1iiBoaR44dVT50l+DBy6q6cspV9e1mw1z3L4Ihfd4lwi98Vfl57+lnvNiBZL3i86L+Cojqy76faVVk1Q9766ifW+Zdcio7pmxGuedapdX/id+Ysfn+aWJX+fyGx+iR7pdSSh4PXUZIN76KE7OxaeQoH3U8+qHmalAl8FaPWMY/1msuvM301bzv//X1oeFwpe56Lp0CORVCXpQiXPkecSVBiO5ZJiPXVs3WTjkPO3T2Yt/1gT+3p0RYI0HdgsVYJvCbU4xCw8cTU0787vazJPG9XeghrRc5/G+YJ1YxLI7QrkzsoEaCAwUiU6/mnWTtLopcrv5vjVLdV2wpsHMPt74Gaw36h5+qKybz97a4p4B28+hE0pPWKwrteWExad7g1u/uj60Tf73HtbDJvB/qgelOa7etTeH3JNPsJtEwZmPzVgoTAe/33sCUR8J928ZpKaDE3Jh6pS4xrEDfTkxvX4dX0o/0KynvzYhb+5YrD8WjKrjWhHHqua4LKyN5PTcCTrS70/Ktkiyx92akjuXg0/2Fu2ySp35FF+r6EtHPrydH3oM0NvKTE19RBbm3qWfmcY5Mq2615n9TfUbnzjW+T6EHdQf3EQOtJipMd63vUP/b9aN5VE41lqPNWMhekfgCIGJ0RQGAg/kWBzm+ONWyMeLOcR+NMLhchQ3vNIGpaqtnK3vBGIhZch3zlbsJ+2t8oau+kiu8xNVb547/ZnvmjDJNczdUM4VFUFdV8TC/RoVpVdA+bc/U0MabLEdOEHJdj4c8AeTurMz9wN1oq6F2LPf6Bza/CfWS44uYdz5eqemiFtH5F3afFQ+eCh0PttP+P7DfsIuZ6gdsKJDmVpC0Dth5itAgbq0bNnfaJZi9EJa9WNvxVRbuXMf/MR+cxprkr5hyj0OpHX5cF0EIksN0IRxiTVRzn2j0AMaudfQKGQ8rgA4H1DPo9fJ9ZgxfN8TnH0/gEQzmmYNyHXqPYq7Luk9yVqHUgavzPxtwYo4ev3aT/NXr6bNrFY1Z5q2ZJ4wc66s/jg4ksnJ2mxWvwiEukAOy7wQv+ICrZx+p4X1fscWIyUTsqPu95oKi1nyyxW+J2/X8LJnmXzv+S3St+X9geJAyILcX18TlmA9Gwy/58jmsWYLrvLh+T3X404z1tCHdV0T8ncXvAPCAgOjdEcM1ZOjvqZsaPW4XLlx4Nv8WS/LZV3LxOONOT8Tnv5GiiiBY6p1ZI50XX80/6k0w2WdUw1oxWDv4h0L8jIqstcEFsoYVx4P7UjPEZxGVdKAON7LZDyQjT37mv7SImKk2V4KOuPjMQ+2qs/XM6Clilgb7XaBCFRIz2nHAfbEBeY6xiZDdKb2N3SJwKE8r8PaoaiG1tDxaeXVx99l0UBkEHupOZNS3akA/9dT3WKqFaycvO/R+hFWjOPyPiR2TvsecIRGAXkpB/QX06bvPDuqmq4QFdi7N/5bH9hBvBMMsd9kXDebZE18OgwNw7Zn/RBhHWJAZL/ZwY++UVbITSkD6fM5y0uxV614xVnPIBLRPepuej3VtH2e5EZ4qjESOIxcQ4w9xlxGw5ufus7ZHJtOrlUZh5dJ0b7yW2lJzuk1oIzxTV3dTUywSRtgeWFl4dRrGecLA52KTKz40hf0DtvlwdsjA8XCmOMN0RxtdBmM36DUr62FxEjvXKB2eYJtCMlR+eNw623mp8LAZ6UtGYIKufdrYOUzyApjMnwtBhI+DHWKwIqYLh9xe/4RgT1+RNztEHg26wIh48rjZvHw4S7+hhezY+x7xmrnwePOGh7bzXoN8aBVYDpXqGsPQXVIRXi85j76jifg+kIYpM5eDAycvB7g0HKGi5FiT1asBr2o8dkc7sDqfqqO+jdj7DE1hn35MPjzVRQMfkC3DWqsgr9cYQr0Oh+kKiUeJ2ToO8rALyUoPI/f8nYDGNlCSGzEDHbZp48zz4Guz0JAskBwTuKYRx2jKTIS7+qKAoYR4Fdj/iEDFEr0OIBD+VW8kpg5CGivU0c9YaTnQCWg6uDDTn5HbVsXhSgLdwWUUoKKTCq34ae8gZ8U38vP2mbbokh88vWsn0Qv6/vUiOgPM+ynlhhZFPZJjQTGaBb5/M4TkTz/N9/oceEU6wJWQ/Tdjk9Mq+11SYp3xCAjv8VntoL9PYUGbkEZI6nz+4KSmMPtP4m9xjJDAr5OhR1mDkqe2+OAx+h5yObxjrv9Gnzt6a6rXl5xcK546kmhYM7H/Cc94SA0HOlP1wClOEJHRnTx69EscJFvLK30uMyUzKf4WmVlh9WTXnh5b6nMwU5sSA4AyeSNdSWZgDNCV9uMTwMSPFIrnOTUxXdeBms9UN74vl55OZpv98rrioatqVc89WfFiIvzvkOssKo7CSIQc9dKJv4VOWeS9sJgN2knurGnoJE/UVztzEcVvnQesyKInBM/TPS2/lPWEIQVPKxLD45l4zH/5kZm0O3BdzTzh1W6lV+3n5iXpB8k486Z5x+IBqrrgX0HZsxxv8YlOa71gwqjIHIeub9n68xua5cOHXtwMaKTzCfbPazrhzO+Bxg81itTROzEvEMsTb+kVqq9VN8IexK5c742Ze9NBO0XJNxoHw/j3ltpLZxr0MDIWMl5VUUhF7HQeB/towZoHrjdjcqkqJc/CDMz81uv3VUk//PVHday1TsHBXf/BOADDsnommRV3/FJ6iHE7v2811SA3OqsaznY2Ht1wLgSGtgVDhmBoR9Ws/7oHEOcWrPFC9/QIM5KOzeCHTMgxuMF8ITbJ2AU6OedLvJxWchDsa/HijIiHzo2Kq+65zDuZ9rGsy7fRXVf0Tr16Gp2oTy76fgn1ul+6xs99Dpx65rtWV2Hsh8jVuZxTRHjFb7rKxqvur5fz6T3r0SR2rkfU2xNOyupILCnp9oWWMEgTV7RIkLv81eRM26v495wI+Z14/DT3w0cwTf6L3zTjes7XMcXybjayRQsYg8vMTSnAmRGEvmbBiju7UXI+8/qFgqbNGquFxeM9+rFGHX0WzqqXqvV2eynx2EPekRWGxk8kFNxK8wadAnwSRgvsAfuB9CDymelvdZF8w/rce0Rzb0YaziLFlZgKSk143M5P7QbbikWAzCqxHoCxtxbAYfk4gFx58pQWQ/qBZNErB8n4YFzFt8UDanRWS2iT3MoiQO4QM7zpFpXyizEFmtOnQQBqFHWkkyFRQ5jZpLscA4cZ0cc5BtUIPnpubPHPs9gZIhP/ekTSVa5d59UppSxaN+1SupMsrdXHXAu+KIsqb/lxm9KFIDe6JcVaWR9/Plk+U/FsQNHnm99hFrRlNWdebRo/pV4AxqZl8rZLq41HJq7ukI9+RCuhn/JBnqLHGJ2mXN944xlJYkHd/xP3nvmb94kqZQoPbHqvaehb9j9nphtqHeTmlGn518wgRSmnUaArWOuxrbPDTIVi3bxOchc24hcM9lTzVDnKK4paZqVLZQwu9IHZ07RxEmhbiqnh/XqQykn5ybQdsl5/s+KfFttKdQ3BbPjyWvmyjKpW5XcnHwl33BuFblNkZH/jJN+nRfh1gvKB+MbP6/vxOtqnM+K2bTgK9y+P1iU7tyrnsGnJonqa/GP+fyoP2Fll+xJSVW1yjHzm/if0PQ+bh1kvYKRnxDQhnmRYsa6xpOszaCtdGYkQbwO4kUzAb9LvMuae3SqfB8+xgINlzabY4078xqwJ3NjEemk5P0YCIU7kFoRMhK7kJpO3s4ypVDcKXeQBmn9O5Wts4EiaD/Ryh8K9Q0/Wysaar+5SwinA6nDnRb6zh4JZbAx9yPUzqjq4O11QkKELzLvZ8FZ6Fz1K4xYtuuR3UwYUaXDPuTZgMjyfNJjou5dUo/tf7IOXFika+0HrbWKNRgWmRNd0PO9doBnDNF/bOyuL9vt6GxreLHx7FtafCYd2sOjF9n/WTegfRlZjBAZcwpR7UbWtBib2bG+yIs4+XLX7ySnQPOTAIf9piaZtjMn7QkaPxWDx3zTWO/PTdPq0aNVYDBnUJEPECLfap/dmBnvJTp58vzhb1nEHqb6SNDbsi/PWkoViXofap+KdTVJuUTR4gFyk/jmmNw01amg6j3wK9GFdg/rkn/r51Uxi1z3MDZeR7EulvFrnNDAmLBSkOTLMiHy0QhhjCB7J34GzH0EL6qDiTrmNnYMQ0jU8xV3q3s1nkn/E1uOq9Y7p2DLCIzEOA/l2iC3I/U1YhTW1zyfBpFxqgdVBXId3DhOT6DNyXmVkf8yX7Iv0B9isJBORus/8yPs+BpGXxlxFrAH1Dn3z8Qvx7zqPPcE98IBgOv1XHXR4Lv9xJ4YW/ogqxZ4nw03a7rVwalMvUIGqOYZNarFOlULzOAnN/owI7q1pu7/qsEX/mJ96BIVMIdrwHNeMkBhtGuTWrM8vwY4K/rQRoy67DzXpJ6/gM6VU0aUlXnin2qV+t1txXrN8Y4LJ85fdX4FN7YG/2K31+PXp98b9s5xr1VXvCow+bixE3/GjZnAkxA0xpmy6sigSxz1fVnBkLtxogbPOw3kFfuTDtztvxGzd/or8X6BlTEmct3ylcbMrUJVZ6UfxWZjyuAaXGsq+OwnCNZCbfasPWhDnj3qiWxyehn2Hk6avuZ5pspv1paViL34yph1cgHoPYTiw/Qb/sm36on5rJwzlcF64TVXsa5Wt06NHGdVT+tKAq8HKBMfMvUe1MR6wd1PNmsNZK1vtT+CmnmDgTjHI8ch/xMTcVMZtZz5ldzb0Z//iT8Q6UMLU63OfF5v50sxkGYGx6f6qSZ7MVc4jOYPKtEBq5DRbkqRFVTVAznRjddUKPMIXOUDNcUPQW7OIhSjP5vbOcL9fwrF38PSSsvfr02PK0Sr9zureSzy//T49iqsXdz3hRD0iRJla+GnLN7nRU12Vo9u3kXNq+TA4q479BAVRobynl69r3VCK+OzwyleGYhkiG43L0HsVzV60fHXIlNRU9HqVoztd8GCioulVjVjfhCZ4UBCp5C+TKMcfELNfVhy0fqmjH7gRj/I2/hwIAzcRrFvCwyFkz/W5Fglom8/97PQtJhGH6lfK7gKY5ic8U0y5y9D2BXqzEA1+RqFKgf8fTQvGRuV9SOyE2NqBFqYujZXLUKH/w57J9tJ6huDVCsm5zim/n3YiMqbaPOh9dbq3mg/9rAVR9BtAWNW/NLn9BPsQvK6vxUHOfXzwQJALEa8+RelNvWyHycMjmc87shXjb0e1q5ZX4tsYGO+OscNmzSllJJesyvHdXW4qW8WvPhl1mo63mfi9umpiGiHuBYnf3lR/RMeff8wk4afLTkI9NPPXjd6pv8ZHtzt/P/7f/61nzCz4Zd9U0zm9ivwlVOPU002mM+JP8YHDfqHQ1k/+sLcHtwZjTj2xQM394vYPxYocgUn3j752ho7wKvgE5UzlqTPwEs16vD8ddXMce1EoC0yUoERKvPpYQRWe3RlL5LXz73Y0I6rc2YXj8F2f7lRCWsX3983nY5sr2DQ71muAyej+tH/xIQhLWLsN/FQWp/cfqzpl6HNl93uei09Klp2Tijs/zqHbj5Pde2PR5GDG6wjG2szvu8XAlGZtiCWvp17j6qiuX+g2YPJwxFY7M/3sVpjsoLlPskrGGdN0ioTaICiNar9RbzywLIPU5CB7hqr9JT0BfSepSCRp3iOBCsj+krGfpa5OURdHCDWh3bpgwx6fuMTnKgFTR0VtR7YAcUIKJtEjuk5Bgom5B13xyimZe5CG8i1FDrzv0e9kPGeCpgopHm/vg67D4OHR8k5xzW+LBbJykeERV9xLvgqpzrZdPTI9zTCiXXVGd9Jqu+n6FtdHZPgbnJai/cGn7d7m96LXhi849oT2Zth1jRerg1KmTTVrow1GvIQTQu8pgOWSl1vgozQ1ufz9Sz/NFMezM6dztW6j89mjyfNU23rCijL7vKngfWUIxtfebWanQOM/2PspxqbD5nRJBpdvANWd75nb/y6bqZsbdZLH9plLmzDGgIRanUXoDDmc1Irjt2Bhg888E9faA3xMFb//ML1Cfj/1vTFk2BOy33ReF1f90GWfjRzcvHQ4fZGUUhU52cBO6TG9Zhfti2y2MUv/EK+UEPpcVSF+V1uqqoT+lEpw354HKvFiaTYXM24A3JakoplJGLsovthnAR//K9PfTOzc/vS0VucrczxS+dC4IUWMNXeVLlA+3w67WJP/Er97HPpE+O+lvM+/tPezLve02GH+Pw1zCmq1mFqFbNeW6Uz2EgnyZWYdVWE7qwkvHdirxfOQwE5iMQ86v/UiL7Ql3l+lwLqG3eRAy10lHH8G/YqDUhda+9xFm03HsGOIXnst0EajPbH/77tqGf9oPHxdK25XrpT+/TNXb2ehV/W02OyduWRc9BKTEoA4xa/J+fPA8/c8/Fjn2j3g3uacK7QAiF+GAVdraXKHWRmqeNU6+2w+jL6bA3SvNVzpj/TjdcDW8fQmVK5a31xdiYOE/Unquw0dzGJU81QK4rCDsAdXSFN9HKOtPCOwhNoewcexrXm/ZN15MN4aOH34H0d0sFzQ885PX9w1K9LteQcmn9FtpJOuTfv9sBtAm4de1LryQ8E/x4iAgNCnmMkdjmT/0ejbbfrApNN/conAK+P5QjC6a/iJy05cZ4egAsLt5NOKMvE9nLZw6KLS/3xlyj9QOSLN7jt3Tn5ZIL38KEE+/MnIZiIFnWh8K3L0nlaG15dXnm3bLZ214m2uo6MknA9BjZKufckI5Mih1Dh3A/iaOZTqfkm/KWntVaxcFQAIHgN0zfn0FpX02PfrThIu9kbY1NXsJYa03OuitvYxuTMLr0HaPyBbVBo0aPfq8DeqHePJbJZ/U1+fugngup3vr+X+rdk1wj51/0YfUDhlh/QmaaxCHqBOXOpjMk6dUZk1LIJpj86V1Mtmw1RjTdkAK0NMAwYOQGEFJD7vVbqlVbDAx+jebgRqE4hdDBuX0g8jOrhIDo16hte86+N4lyzXvvVI2sh/vSFBd7DNiTIidutwfLC9utGA8metIH7jfHTXp0vW5e56rD4720D2Xlo+ZPILInlSxiIZ+L4bd4jBES1jqh59hUE09S/Tl60XjCpTdqKsC9hCr7vVYGAWDVMh0C9d1AeR+f2sA4oaR5SKB1HJ1UtZ7AVI99rwG1dMFCdT6hVY9fRea6IyE27tee9qiXGmogxQo7HU41xL/GTVreM0SDzAQ4VSVNKwpB6sauYA5FaXPQYeRCsVJqTLqZFFV84/+SDI8So7fHw4QG73fgUPKC6Hmx26DolN0lNLwn9c1Mmgb3mhiMeAMN0r/ZDq7j5C8qakvJ//Ip6sp1DGy55bb8uPMArvhBnciqnBLVloqTjnKC/FU4741v5mxHstfGCNEOXNynt9A4+Mw4NtPFsFo0IrnnWdzO+f4i9oCg9rWYR6l+OIuSlr0LobbvwocC1wwvgy57T9Pi2FkEfC+6mE7Jn3wTRW1TEDg5tCutOkSuoG0nOJ8LssNKqu56ykIPaRw/sIFcNZk2+yf+Hesai5cJUIiNXXtPj770X6pWceqC+ASQV96mq1Ht47S1oytSv/SA4uVr3HCnwhWUCg65i5Hu5Z0p5/z5swAPGG1nfG2h9FAr3pHPyfOLdPKFeaVQ54KsReCwL84iNefsja2D2DHAjMp2XUeIyh25+h+BOHItgnPdN2htaphRy5ouBL7GKfcrv8WxOUDxffuYJXuSlTJS+x9IpB2LJA8LANJ3GP/1cWKJAMqaiRqwrL6K0eY1dnQqKxxcAmPyFUXpJB9/THYbZJdbvraEM5KsCu+E4e/xUGfjbOJ1+tO0RzPO1bk4NA3k3AqA9azNT1lNnDysVgvwbOHkNdA+yTKc3FgoZ4WJcx/Br7H8PUvonJw99/bpkFvfJtW0nXsfDTrXd7gjyenEmD8pGN/8zGgWrgekzMjOWYGj2cjCWrLsBDjIL8oOBPLG/i2J8DmYVT8UurL2ZQKD9fnneL832b0ZAD73HfLan+YSYpxnZdAkM/PifpJWZAAtXD4zmeKJFsEzWWh8criyAF7qryNqSgYUozTn2VxNppxtZrL1XhEulfu6N2/ZdUKn0LQcvQMuovjhD8S7i+mIKFike0JiXKhw4zAD+nZ4Pqfc1hFoHRL1yBM7A7AsE8KideMCcRuXLd1H+d37BgOwb120VE2t6n8tZ0uI0Wo0xX8+JQzgNUVOxRjKxfEI15PsLP/vzaph5LfhENY44gWM+e/K6gvd/vCkrnDNOb9h08zN1Vvf5yVgSKa+Pqwv+LS5TEZMEUv+VET7qI2hZ4GBS12115KsxcoHRvHz/mY7x33TQ/zRWx7XKsUa3zjPGPCN60TlrShVqjMw57ZXzm3UobcwKbteOkxQe1rF2xiLH/SQHTFVnLOKJAxhkFGWkHGBc1lgqBrytOfPrDPfjmNFdnjFv8auSrBNYrFlzyL71+x71+32wjpMyMC++B3bdDJ8Uk1IFHlI4n9pn5wUALuk2CTyoo4z53/vf4q3mbWM7E6BRj9XClCu7WldrpWNWxPjrC2E5bJNGxmoZbWY1PGpHE+NUwP6FA2RcNk2NsxQDv4urpkWfCoaGqGWa3NOhOtAI50OFfCQSNgCCl1Fkcq+O1CAlDT+bqkn9AUEoThnrrJHXxmp9tmiz+4Xgx0T1bC5NXysy1yaxlSIla0jN4fupBswXI9rVho6Cdt+dvbEc9gOtRBS5Y4Nd9PqssyEUoM4erOy1cDyqfYeOcS1CDWN72DZFkHC0WbtqNUq1YVxDAH76oUFlJ0jq1PoKZf6EHdz4q0jgo445j7G257iLT5/4MXu8EQsBezpCTDF6dJz1D7wR6efWcPv1ADfzl1jj4oSrNRjn5NbkW+9C//ayr62d32HT5pVnqyp7+N6pHWhpHciYXcU56F5WfdgHM76LpQP74BiKkqucdFjwuhGnfFe3PN7mLJN7Vs4Mf49+ys8dqvVxTteAndf+eV2Fbk65zE3jVlext/1403L2yom/ZpSQncQe8of99lfgN2wG4g877Cs2O/12xnV9aGByO1LufR8/WfsWD8HVZ8B/P8V6XjsCL6P8X3m2N6863zveHWDlSSqDoeMrtiaT9QjL3yLVqhRbZgHWHwAMxjix/sSDnwj88ETDw3nlRWry0/bbF/Yw4/oKsEBgRP43xq059lO21H3tosvOCbBzHDiBdvCcBzvrRqwgY86xeikHKydHYel7FzcJi6peUvVrafByEo974T/Gr4nonV+Dq5qkHtYTve8rWsIguD7KhsbJGdfAMkmuugY2MbDlOIomMGeMi3U35aiW3SmJ0ElK8viMcjLslJyry9mtWBgKzOPU2XGTtH7dkZPHY6eh5/XtrOt5WJJ1RRS1RAM1sHrdVCHKemkliOkXpd3bHym4xOiZmoVrX+tmtdJuT+voFHgd9J91E3hm5wxkXx86lgIJ3d4HAcW4F4fWjyP43QajDjncOGMuo2EqFbtYMAcbbFzN8Nzj/Sy+oXjeDx/WvdhlfeLLTrhJ3XdP3jNmWx4BbZsd91xEBjpvI4kHwk0PdRlZBXmWsxwjGaGxPHDZGnNdMq9aNfstG8+fN9YZNV8bYp62QF8vkpC3Biq4+Kz706rt50mJvdW4N52ay9nb8Qd2/hSrsFXz5SkFDpsbEwgf9h4KG9oFAiRv/th2pHzud2vsFO7+yFQn8nU+a8ez2jZFsHCL9wBpjI1DzczsDCBW+ijaOs+svC6hsk62ZBzGCc8qMnv50r0CL+qVCgCPYno9pESp8CtJfWhfuyN9+cOCMX1aS+HkW56Xok2iQqWtuapCxBXa0XrDZ4VDho5dq76XhaBF+kaPsPYMFj5aOuWYzI18JuJFbCH2Q3vTyvW1idfXPHJxrLqb0ooEBEtU1Os8FAUzgAdBIA1CwqQ7QwOZJgQiVuaMr+q3XHUzvzhou1tI4vrQfmv42/XtzgnP2++Zwbuy4LAiBx2TrDGXGmE0z0rQoMqp5dJSdPwRMLQERHrbJ+fI1AzBHZgC1j+0x17QFRF+79Z8IQ3CGh8W7xgXxSAHNFari7WZ+zfsugTrBrJlLIq1ON8nSyjQNdvEUrQMms+EuCW4LWKV0+/InXQMUxvJdcnkk0B6GFZmtZ5U9m/iySR9/fBhnfW2Ie9lpxk7/Y5KXdzI8hM94YwWa9hYDTT7dk4E6mF6sUnLuK/9pLVr82Jf3FwGjxvv8jHrPTloMYns07lV0D9LBWvy38+W90W8dUSx7C0irqdUJqzMi7ZCg+lWMRbeef78rZxBS2v5QVby9tq2Py4nPHB5FHzsg3pch84jukZZVvFD8yw7CX79qpHXaNpVdPb3YKISfcz1vXEtF8SLB8EAa6o7QunRV4RtnVho59mzacCrkqM1w7XiHxS016ea1Xn1QdMjtPvpOjz6nYu7k199x2arCO0X7Bnj3Z2xqBJHD8coZEd2LQc+Y6D4qyM+DEkHvfPR5TtXeC139dc8+jL+tkfCEQy46kVnZ+65yh7eYriYz+KtOHwG20ULkYCmlomL82ul4qFlJMdFmzalS2gX0vKkAN/GFhf2CjiSQ9E0UFAtzD4bX3ZDziF09X994tYL6wYOKpjX4/A0ba11zXgwN3kmEhXlXNWMrUGoQIGlcsjOmS8pYH2XEmMV2h3P8/Xg0GYumfs4E99Mhph9EKMC6B/7uAd2gWLRIOT+eaGGjfL3h5hK3+16BuyM9d2pGZzy4rCrs4pi8noYU8Uv2hVPcvGgRVy84MV6Ny89jaV1p3KtE3fOq/qZV9jrKrbzmzVJL5WyCB1PPhSjn/pFXJxDrxs3fj2sd7hzfqsQTHLFRhECoWe/ccD9ZJwfVpfyYy+HicOH2W0b772FlYV3bmk6aXq9N46I1Oeu8L1ibMg3SxLv1+GMwRUd+X/1xXl5y4ufZBsHapY5Rxs/TQ6sJLjdotdr1yLOCRnl65vzQ5nyvWhuxR9He70nJSzAvdbF1529EQhk/GJJoJ9s3mqmAQN+DVa/KX1Tt5vKlz6n8+uT7lWv7mGddYU3dyf8anylx7wu/pbX6VX5j3rMUwDnwWKWAgFTNX7N4aEceEhjLmPEoDb/kmthcKQkW0mBeqtu3EGIz8dsUboX3rawBMth6vHCdULHyc2FkIGZlzVMtup5JzcsBOWyCMP7h/R8i0n9Ub2PRg17aIWryAfQUuun/Cz6vv9/jPcj+aGJfOk9wKub/AynPg58Zwv7LRdH7b5PKhVK36EMpgFyZr9WpujyOgRmq/kdaqYSI0MIf99hRdiX8080q/W9t5V16LqVkx7YJW2LVZB99wfa4+wnRIZ/iLabob3jO8/3NnyXV4T3b6yx5tX7zDdGhatOC8G9LGte0CawRnd/qK3yYS77yHldIlct5w8++TMy5Kxvr3k/X8BlVeRkjI8pqFl3jSyvSjaP9cjMc8d1N/AZyxnH2wXxwxVe6QaVAbMY0OUZ80mM10XHmeetNA3Wo4847/Qk/wm21xmG4vYWYOsVFnDwcdsTaay68p11l6GRnnUuzX7K8hzbjwBfPTQLpiwROM5J/vRlWLAXOkyrG6+oy/vDccTJ3PpW1f8nub0H4nZPSnN2XQ0rAy2kS5GQ/ILifJ75YuyMYDuCVAYWZNWc0dq7evchmPV4jT7p2WlCY+/Qy8kfxKAR0h9P54cMU2y4KTb6Z32W4PykrbOGprmTZD54K+wazLxcL/BBnwPKU/J4aOe7Da2LL5+FU6v3Z3hezWiTn8hV6vhdfRwhrjjuf8ZCZa12H+Pd+JmR4zU17xd2oFMwrX0uPUCJdQ9Fb5wU+pKpxdn3hN9VJ6JRe2Q3MDJAYQPWdO2DKafjUJ0vwLNGH8v+ff7QfupReer6Bx1ML5uSy5Lp+iI/xvG//YO//Yqp1bzjjJG6XjFE/9svvRbdFer+6LqrIrQnqMqIe0ndpfKBneEaq61Sb4Gv72XO0JrgKj+mJ+3op8N2ebcGXUqULPo3wMGs+lQ5NDnV9DAA+T6eNc86+6YSS5T9fxIUoGlrCBHLS0Sw/WGIIhTPdc/03KjFWGiIImKu+/je1+P9jPX1DdOvm+ueefPW6/iKqXa9urwx60j+q0n89b9jImvk17T8qRx8cT7eXVUeqhy0eHzFMUfizDOvsM03B+Bnnla6/OxF0tDh0XMr8Mi59Lggw1y4E/NacZ0QiaiIY3enGvQIL9Ir7Y45QSz0fKGG5Rj0/0mUd+5mzK+R0VlL7vpjdtwm9BIs94PYGsTu+2AmdXAyI0HHCdGhkBc1xJ5/7mPnGHCe/TKr+xqz/+k6mNn9n3+NRyozZ2JtdPKPPi35UFi6JEHhgRdKrb1RQO1RGOfzCxzS7KbiQROXRcabwZUVURDWWWeaVUdTU5xh/vxfYxoqRzgVvnquFzlpM9r+PX3zo4N66VygL/jqbKDXEvJ+2dq6V6Rq+Pd65OL6pH/MASvjWtZMSWzrgA/LTPxIs2fmT5HwzbNDMUz3Xo38yXOg7Wnn5RMPWwwHaO8I9gOjIX8ayb09X6HNr/a6dwTCmNPT2hDe1+h17nNDj1ibCyH0suKIILjCBdVBa7xeR50T1V/2qRPpZtJqJoWTN3/OlzLs36kVurBUlKA9HtiBQuptNM0H/oSMbw5qc9O69+6wXV4V8UlfsNC2c0Y3quvxaR6etvAliD9d7/pdZGa54s6cLLkqRtGFO0Hrmu1pXX9rr3ZMS+ZnPcN2OF4iMMYyfb0v4IrVvIZgoMQVjfuKxwqOu9U8Rnj+y8w9rC+pnSPp04UafSp/VQ54jC8YYHmseWSawLinww2CcT3e8kT+h0L1lDtqxvvqLQCXdTzn/LbmsWNGsvO3URMgJ24OMuM/l/nUm+D1J19gYkPMMyqWiZFw+Kd/WSMyXua7r5p8oQzMS29gdgfSRo1STVixPVS0DIUPi7mDvDbwWhUuXr9ex89M0ecx6x/WB0JO8nnHKSrOyZiPY9g8tHNPZRmXa/DgtSVboww/EKM3kBLdGcwu4ihglg3MOYdH4fMPn5yMdWojPuZ8LiTC3hR4S4iUUC+Klz56bmyhhK8SeE+0B0L0t5UKRuoYt45AJlx7GmMjXDB7Qd5V7Lo+XzPj7NBfk47gOA8d1YZT3i8JyqZ1UE1CVpVjxscwnvt6TJlhfHVrpjwqNB3TuT9IY6mDZMcGxWYEh8rS0xxQ4evwd9XEhu7xeKfCRXTk8l7Z4rCm+xLM69ZryYqV5xTd7wFEy30CbJVja6BAT2CztUvzQ4pNgMIuj0CLVYVRFm8xS5WRmhHdE6PuC0ZRVdnUUZD/lk6TQiBIMYNlNTaUe7EwSWKDxcqcs24JoGSHjXn40ZPHHtb3WocmbEWuVaxxxsQa1JDnmzTkZAQOI9fq+CcP69l37uswUnYJeAKvWxdwmS6/ssNfpfwA5LznscZLHPXcfEjjHIEW3lQxd3gkw1hh9m8v7GNNqNGXZkGtnvZ4258KYz5qXcnGPXBIk3fpalL1F5zPZ0Ffr5T73LfcfzkbNrnp7fed3tJTpe3TFl5k+9elrPAn0sLNN17m6eU8M/R/J3pdf8Tp3M6R7P68u1Ev8z/LmN7JU9Q8Y3EN8De253XFDt/N5X15rWhblBvPcb6uuYw87/rYvnSIoekXmIF4A1gPxwaAufFgNDD8k3bfV16DwBq7ijwvcriqPVmDq5oXfs4yh2NBMmPGIzldzG+MVuX9Fo42A2drRdLzfns2z4nbMcTJ/NDc/EcwNuF9Xbe2uIfb5/toOZciLfbG9/22/sZHzzaXdc3XjUj3krPx1sX5g6Wb3LxHwEsDaeHFQ2FavnZ//RZNhz6s68+LMYMDG7mvZTWKHmO9nosf62dRjf48G9YrDULqc83heGjY8YZgLY41AdX1s9eIMuZrsASbkp4bNt9rQ9PEX9ohL1lS8VUptHpgtQCv5WbgcvLYbAO/6abkSn/kXNrU9T/rJkX5WiApIyVpgyO2avuCMYhIpC/WTEWXUKEO7/N/jAuMNXbeLD3VPQ8NA2ika5zitVZxJMfMjEHH08hrERwrMq/LK6bvXfKiddpPfQGXrOQtPqiz33Ps/Uo3n1F2l5eqOQzMNXXnhcoVD6+Bu3Be35J2cbPcjObdjjoyXwHzPM2esqb/xL2TzrwO2edVA568os1QNx2rWe41+pZbHXP0PGn2b1Jgx/X1am2lLWiPuux//tshlRs9wns/xp5242VaEdOrfVqxHp8ygf+5NyhEL8ijk9QtZxHXJc4VIG6jMqOPxZJiUzoUJvn0mhC7R+nC9MYvP9CPN/xG5b1TkrzeRAdf99cfkP14eljfvZbZ+UB+uNOfWliYa7kW7XJ5svvl0sqYzsl3poPXd0AFo2ggnqN8gwyFwODBHXNji9InX9RkO3jlC9ccOBaOW3l8DBnZn+2z6fRR9CgdJYd1y31q9dDuFbtlmH+LoAwFqchrZ3Y1WHGfIwywCQihMVY+qhxRXKjvHdLD9O3h0kHTRBnwJ2XTOHmYp4JvmbR3YslDD6fRrv9TAZaCkZe5esJTtMAesb/yT+v8vhaCJOTbAossAdf5gf8qEFcsFn7FXQjcBwfI6zMF3O1+3G7EkE24RZA6U7YOBR0XkFsP4D4f0Rkul8I2jPr6CXvVAFSYFEx8KOlOpkpP+V1F89ZTb0Y9x0xDhb1JLj7gArevRzvRBdYjakdG3AvUjWdaVss51GxUzOveWj9TqCLg4ADzjB0IgKhoeKqvX8NxXvGuXnLrF81tL6U3W4KXLu/R47wlsvO6PRJg53KAvrHS5Q0nD9F3lOE5qr05Ndrzen2sZxc3n61n3AdOOBdZVgP6s35RD3PTReZ9zHty8Gal4ohRsW0vmOw2Z5YAn5xb0/oYzyKF8RkVa1toBKaFrKBdliZZyYq4Gcj7CeX/wmj2ZvPs/82T54loEN4yyHuGn20wBeBR6hLeNZcAgK6Fm6RO8RjKXI4vWLgmi7R9BJhkZgLt5VSW2B6AVG3/E5vidWEdVRtadadbFu4ZVyum7LoDTvkhpar0E3S+W+ZWl7jSvlAuZaxXj5DOkBOqdLT3nli5iKejlf1/qsh4dK9yuRPQMtp9nuHcIXETZjLX5/MMvqxHxpwy4FcYreEn7n+hBVHi6xMq85Zr4xDYewEyGz+C+RaDHiiUI9hP4EJB+eI9HgJ97xjn4oDgfUTPz0LmmJIe+oHHEYaiwjFLY9znv6a2rkPiz76UpxzmUp5+dR3a0QPy3Rj3VnCyp/P6O1rZ/nYKPo9rvWbhlf0DL78Bpfl5TiG9R+FWPKR9vUFuNQ6AhbtZcxNFA8dcxH1Nhfo6FKyHtZbolel18sxUdy2k8h+dA2B4ONl4PclUA6LbRgpw0qAnRnnDqb6srtXkp6ZVUitnhKgNkuYNhzzGMw+objTdtJZBqbSrHNS72ilvDqBS90XV3jhHpiKPdOzn5/2toMeJTtXA3qjgyRmpKBvYF2PvTSkCxXqtml9hDKlV/Y6sZ1hz1HVLDBXPm40zahlFHBRjPs5ZzGpga9XyjPbxC8YzdBbXyxh5U8v1B2/LjPfkedynjg2vOl7NOIaLuTPP0BqpjnF0HtXZxYwXQAausWbslPc0In4yj44ftMT4oGX/D9wFMe4n/XXXjHvv9449+8g6kpFNWOPdSnk1FVrW7sUY6//OQedf9ywqsk6svc9PPeO6PuvYo2PPGlln31dWI7U3a0vsHdn7q88rjrm7RxbZpXMQO5zR56rX0mvOMCYfTDvTwNkDXPUwI6v9/rplPc6ev6mq9vbm1iZ6PjFnQuH0lLAkSqr8jSeRV/ZPNGRN1bHwD5PcAc7vnt19p9uMhjva/Pkoz9oWK7laT3zFmQNe28qSh33MjWDH1VHdZO6pfNBTecHe4mEac26RY69vdc6T8XlujDNkphgDpn5AWFUUIZXqvh3886jnJp2hxQcgtpFnrZ9UZfm2Rl3Tm94nWFXcvQY1P7Cja9D9k36KB0j1WuFDu3HHwN5UeAsSRfysr/JkR3GM8ECUXd2L3xkfgOuz0KwUFXnmRTXMvV61rm90Ow66xlHxdhzg6qQzvQIYBce85x5IS8dzT/imttJehx/gbK3SEioRv+ykocN1+ShgOHQ2xK6NksSM2DWDt9ErtsJVua6RYdmpoq1Ws2/1mqXZ6rVi+PsNWtfb8nk9om916/ZdZPpe089etY3V6QYlg9GaKBngMj3veUH4h1N7zRKcrTdOPiPtflvtjZ95W+CjoNeBD4wfyV7B8t6/f9o0TIiP+YAud418Usi//5Y5ctVd5TxQupJ+PVdLBMhrFl3O/k4ftGRlfz2w3wsEFvXfcVCqeDtoOA2UeLNGR4KS/49CnEZqKS6UjVrNcxjzHtf7NnrMNnhYede7Id3fRXCvGV2X+RmRTGy5NJckkHp/4+9ysgugc6XOxNY1yrI4Fm5JVg4RFmWu/E/jFQ5NI4OHjPITDjCT9/sIejkqmTXf1rTEdk/9J7vg4prKupMh+Op5a6QFK3yMI6Qv8WnnJx7cCRBCbIql64d84LAQzI3nI9SB91U8dFtW8DXWMBJBd5zZC+6vudAADnOvkmeCAydXu4yxbn2iNs97LldmPL79+89x+HECiTF38rAuuQaZUjPkBlarRCxXc4w9I4OHAh/mARpnm50MdrkCHb0wIg9R5DGX0XIRrSirM4viEqBabq+JgrCkjuKnedaLq9D9AkLHTh+o73zHzvU6rPfCZxpsHEfTUZh5zoIRC2HJR3SFrXLQiGOH3fnQcOej0Jwb2NZX72tFP2szw/poVpn6HTVTs4g1mBnz0Ij5POd15urPMuY7+7HaNz2yHlRedV9x0D2O284OjnD7ScMRVhTf9Atie42rsDMnG3RpV+5h4ljiD9wVtE1RMA4yZS8UPxxftOwn3C/oRwN0YyDnQKsMHL047dfiq16yX61aRXjKsaLEfZe+cm8E5bwC7u868M33BDGy7nhGiPr6aoCWtgiU3xzpkP+mbK/lNraHfVO57tQCAIejgPlrT/AqvDy847WTdRdzFObD7BSQyQhmSb4ZS+7tdi95ElslQ1QOLAccq0puaxp0RsDLhDF8juBSIRjJy5zr9qCqalin2Hc4ESi/0JndEBBlSv1uKA1yb/WuzXXdwOAvq5OLB4/YN95PUtC9Qgsu7Nj6qh/d3/mQ3/LqtYlk7SMvpP/ZOrBt89FFagNHEITKjhpxLk6/+RIddGJ+vxpD0WvQkhTBo6Ssh0UEHeH8CfvbC0GJnVDKS4LfqCadzbE91S6/e0rzoh2g8T97+PSk5G01mhYpjv2NZ3qWi+g8n/u6qPrf3JQXhWllhmW6Pp/mRZE5iMUFYut6jm7nidd7Wyd3NP7gPtAFX8FMh9UlVnRfNzwwGK1ikdYqB4bh6KTFuE/i2zH5RKvDwjdWaq8zZsgNPZCc1/j+aW/gFFI/WavImf/Qa0ytHVCKsXzm/Kcyn3rgfUpvpOma3K/i9VqVFfwe5vo58+l6t5oQm9afak489urxwf3THtt3E7zo2YM6RGQDXpjAN2M4cVpF4Oikm1iZo1a2WAfq9XdVWWPr2sGu/FU5lnmPrY9wTtc5aO7ejjomMk8Xw42edD+D4tuYuTCQK62iQEFrQa8PUJXAg3hFw3kN+gdLKuUo+S5lzd851GiE4P1FrxlGoM45xLs2ghmPa9R0JNeoGcg3qahPi8b7swLNAEQv4+xDGNPspcBRF0bGZQFLx5jPN6xDe5wfJE3fInSGE6t8GvF6wYXvfSmaBfRcI71vCA4c1dD/SgZ+yo7jNWtFw8jFzvu8sG3ftE/8Do/ez9ZB73bbwPcA4fu9iH3hGP4wGm57OGrBoPEkgpv6Y+Xac1YAzld+Nqv91pra//T+0v9KfK2oWezOwoTpyJ4XnvFNsyDDB3Qz1k3Vs+YmatDxLI9NDMTLNHqVC84f6Y06i1jf99pnnN9ZD7uz/uGAMegSO40ggxqnkZOxynM7fvAAj+sxvmFu9agn8284lY7mdMXxHLM+vCO1yt0PLhumdeJ0tZk3icJMU5T0Eq3WWQi1qc4bCF29y4P30/FF/wXDPuJeybm/30jHnnJ951lgxPx6CaXLtDmWFxbKn671dG/ysRZMVKO8x9DNl0B+qv9Tvv/PEw5DOJjzANOLp1rPyvHREj88P9DaUlqTeIEvYfHJt1V+1jX13Lq34G2PWOWjXqdlobYFNYErLvfMMci50mWUId+pg047ys7HQ4hCeShRLMfPfWcZ1ZBtmzfmvyE5tPZhyA1zZoMfNzAraGZsIPYwvUTCpu+WldYo6m3l8CPA8aPo+DM9zx84+XG1fPmC5h6/v1H18QnfIY0/tod5f+E5HeA3B3pVe8VuR2lroBAd6aGK2aUz3zcktr+xwB34uK+Dt8vzc8xGdoM+Dk6CqI2VymJlikWXfQhf1CHBJZMEl6s+1nOE7l18uZ3Bct3BsoqLP3qqXFsrr42Z1evIetb1Kssc3+ejB3ZP1Uac4xg2tLV+r+rAncfxadReg6roVn+v2PXzitXnNdtIJ7EvxAyYfkH1Tc6viyUSKFu6ywvA19B8Uw+Bx+KNpSL4HhXiNUc9RXRNWZ/SThR5xgLA3mM9zsHpxownz4uUMZ2a5oGPSvD9FzaCZFCj1Ayry0/EdHP4sHp0ZBWOMs+qt8+nunVsBbHQNGjSe7eq+jnn11tht68VvGD2iRzJYf6mZTd5gX6cdvsseb5p6HBH8V30+4f0fV01D/x9QHfiHMzn6ovkWaGrynvBfTUd+7fycoyOrys5oPNA8ibUviUrqLo6Co9fR/7wgj6V3JFbEX41dzumvIdoHHOfrEDOIOIj3BJIoNfvjbPF+uHGVkW73V8r/jpgDxu4Vvj6VgsBxEP6i2mwNxWwj9Ud2ictKu0jX5a1SVjjThypXfG0n52y5NE96oLT1TcTD+4iAFIUq+ad8NbwABwrSNkHCosgg6cAWo4KF8JuWOIs+Y69KXqrahrHD6+P3XeJ6QfgXhk55XidydfUlsrBaU1VrROM+cX1dnP7nTF+98fwAM2S2gv7pzjo+VraW4g2Y+5VAeurBxyAoVrqR3Iy13P4rYvioXYesyLcaEX/O+zTwAdCS2NKrA7xRYkXYMo3baLR/alhwvMmc5yAa2NzHhnp6bcDFR2jJ1T9CYbsZ2OnzSo3zKluNaxQleFd/j4Qf2k+f6IFPGMlNv1Y8XPguB1ysvsWe57MqlqVq7DRd+TFee5umRv2VjclHzFP4uqcl3XwxSquC2cwa0mXOJdc9/WCFQwfQ9E68bQWGeogr0Hzr9/vfd+UOp0uz6ovGMULst4H1nuJf7RvjYUfaW7Ttfj7Hm2hHESR0GqWJcc4iQMuC9cYlmHOfG3qN05/HHf6KnQ2/f2xYl3vgD+E4G3j+LTIqXYwVv17XLi5cU99f1KbfY8CcHgEraJidb/OyufqSy/DxC3n9whDafRJ36hrLyR7cI/6fv7J3nnmNzO+vzzfTZj6J/thrFMU13zqIFjUI2/1mAeTX5m5d8Mc0qPCD+KZau3XRTJ8jLTdCdX3WTPYjwCAuV71/0EO0jKiHeSQi6PWgYYCWDbyuUSbZIAVCQ5qqUiJ/Fqi4gzvfxw3MvxcXHTruTk81VW33kfvwM90Pfg1fzg7ucQHF14nz7CX86VxEszUjzPwnYnWWPdG5vLVMVA3hGWUie+dAuo42/dP2COBhWPNzcentuG3BaE9erGKtb5HxBuh60fkLi8Q1DBKjlTLumAExRzN2XecOJa5R1EvzlnhVAPuhtE6rxZMG7EOfaM3LPKGtOjW15AaMZ5jfyQia8zdMRdvnh0Z4hk3LNn/+XhGrTj3nW2fBOdrkdnNVSNy9WG95uQ1Cc68JK1axmUjxxWbiXCsawMaaf/G53H1WjxGZtufNNyTjPs24yVtVT5fq79gjGnalvPRi97rvnnlNbtbINpH4MFT/MsaqMmzMadbWatyudHObL3Bi9Rd22gNdn4SxreZ2NmA/nYa3XyrM3hyMWxPmNgHcyNgZRiBYEeo/c+fuPJyVeL1i68iGyCbK7BQk9TbV+XqxOwegF51ehzW427k5aaIKMAkh20hIftDOqDFNpe5rDoy4nP4sDOgQtFi/okLctVSbTWVnLb3nQ82Ncv4DC9bKk/SkeQl54bjvG82/bYWsTG7HFptTGifl4B7pFxhDX0FjYb6v6CqWyN2cC/TfW5gmhOtOpacczgRBBLIIbVP3JFArRu3Dr8oN8uqXhszqBpOMjZTXDqUAgB1ovcEwr8wuialnvcaXWcKu4zxnS3XEfzgT9mswd3SfnHxFu9l72Ax4vwm9GkdO7BfDUPg+57d3nSu9gN7BGQhvKg9cuKwBlcqkw6BiV2cNDNf8IOePYDxXc303r1Zx9sbGiMttp6WqyK/B5mVM5WK7Eu/tv0CIYh+wtVp1XlkO08iX9escV1XZasBryP863udoPQPdwgLNVWQ7/X5KhXVh7ZkPv8yjxX3rB25eIOrlOqc6iedGuyykeOKa6KY+CmyZo0vHuT/lqm0kMvHBxUZ/X69KTJfY9ySe7UKh5xHvvR9wUAdruL6fP0+O+/dhe+X+JvgoaXin+/JxcYoO82P1rC0RWDwnE5oe6oFqJ+K7nzRfq3g9cbsR8c4qX2TwFW1X1Oq2L9Tcw0VhyeStTia6lFJak4jTip0PC0YwzXN50zsgTnraI65QOHst7lE4M6rp0zGUwtyHvk2++S8AFa2GjHGuf3Tj++Lus+OWYE1jN8PW6HP+5mx//kodv7uCExW3IchvdU/kO2gf+N1IQdixR2W9217mEmZEUuuTetpWbLdgzPraexVUVdl6I9R/hf/ecUCAyVT3Nec+5N3IQcLMyX9lj4PgFc1xkkMjJfv7xE937OkljOesWcCRPPJ2pMNSUErjoJosLDGJ+VTDf1Z0euvYzlE9jEFqRnldPZ3kOrgfC40YjONtQMz9PbfCEAOI7AvqxYO8OC/8JRTXfuiGlRlfFFmfOSsB/a+xalBXfNawPisWUIdGZwQMY+6LkDUBMGjVozXdRRc/+X56NHjpWKcM66r5odsXEjQ/94ha1i3/ab8wZacOp5q0tXXc1NfN5/KzXjJ7zXsGDiMgrKvugf21XAc1RxGaHza64wGx1cQy995AABAAElEQVRwnnNW+ufVmGeuRa9xHnV5fopVRztxXDlTHXPlPdiMj13ubXypGSsjTxn2KrFXVeZJ+1RD3xcMsK/jSbN5HnqVfsBVu/RAmxBwMb7y7ri0J5K4tZF6IP7Gv2cPktP8PJ9HP/yXP+4rOiPOr48z9/era6Plrx7RA0Ta/uLkrPaq9idqrHjegayrXMlDJWLi3PvIrB4PrFeQWc9ZtUkFH2gZVw6pLD3f7/AsV5SPqWo3q5wTgU0kD94AkVFhkayIk0TNYGVo+9x3s9jt5KzwLnCS2OyVk2FCduHd+6a0BxuNN3Jvwey5jQWc3GDgoX2FWWFLPQTQf4AGCO51+oc1aI/Hn2GSPwuQytm3cUPbcqr3bmfFkviTJC2i64xV9G0YgZiEx3mgs64DlFGHBvLVPpO+0IgSpiZCkccsd0vD/1Y2hOGNRGaIOudXbg7yreJ2eYYvHZbmhc58pQ1C3aNiVJ2ggrHibTujOB7Ys0xJguIaa4xpxXqc6zIJv0K8uEO74o0BXIxyyCyO/Je5emQNi69veA8N4h4oxXpkCdQwAmFKpzU7z1FiSYkSShyj03cjFDPbnMfaejAtqG4dkVbMcw8VzXkjn2qKumuYmkVR93x+n8/hqIUuXV7qn9f4AHCMbnmsewi3rmSFM3Lu2bvUlP8QTpbqNX+j98xZLT89z8n0Y1iv7ZFMMNOpPmEm4AdnALOKWDbT2hYATaU9RyJykW+V1jkZeYSX87K/CSXgPxzGpRwsvzvZf+RE1V2P8LDual0HObnHQ0nCzpN+Pa24h5aELJXfUCV1eMFORRXka95z1slCU0ZXSHK4DmBUAPgJ/pbY9HNviOF9atNQoPFNiQgUMvfUgyj/xXA4FMPbKLu3o4k9c0Y91JU+m6C5XXHFUHzAVZOrKV6n4yL1azbEtFgRQViS3MPX/X1chfmDVv9gl5vYumAqYiqTnDOFyDzNwWKlI37b24GDQ4+Tqn3v4LnA+yzrfhaTX0iuFmFaygKjRfJGskaMSeANsd5GLHGNouYiTOnxzRts1BqNjfb1ThL52XpwMd8yt2AQ3a/EvwpkHCxox1zPTvBmuS9yQyLy/Nz3gKLHIJvHN1zdw79xeu2bLtbpWTrraj/RFGXn1y1JJlC3n9wiI1yOZR6/TnWt+V+EYX7PrR/W3TpYiGLRxBK9PrIK9jUSGOGpZuqec5yN1tUbzT7XF3n2laSz6ibHNiffVst6VjvKz6Jgo8I7v/ujKqZ409p1oewJ+zYtzlpckrQsf3/DgG30gonkbzhRw89v6/Tof3amXro17vwvW9663eJu/VjAYWXCRZpxesDiNal8TXf+fitPD7ZsD/KS279qi+QaI35uQ1yUYJELD+70n2sJyvfpH6IJ79BnGtfnVSe6ZfDnca/mTobPhT9g4D9XpJTekZf8oT9Hd5PZRl0UXga0yHprV4CHVzORgKtfkKtafJQzD3BFBqcS5beysXbqHwmoN4XHA4WL1C99usgP1FgiW0HuNPIx9zhRGtWvtvNTF9I5cj5rzOir0lqaX2+YbRG7N9mpANXeqLITAVZ55ILQp1O0WnKYctez5CLK+Shk2GKhOnmQFREnQNhYQ8PVu6ORAv9xPLyFUXkJ+YzOsnjOVLyVI6uSoZ+w32VqhFesMWZIrx3EGWHk+Llifc70XqKaSx6CSHUvESBzWutiPbW+cupa1QO5rhfqMjrfrgVPND7pnWrcj2P+8OHIZytLoMK7tXCjESseQvLpMeIAPOjXyJytvGWUZQQv/4+O8J4pSNNcKEtIuf16gU0M/05ZUOs0kGffyMnIeZWUDBChyZr6Y5gVOnaXnyaoiOOelfkYVFU1SFL1Akb2BRPJ33BuexV7/Lfm2POy/9jqb9ZealHyp5qbH04FP8Ws/2mU3KgCxZFY9ccP5ndnJGzcQjuwGkXsJiIP6vM4ML46blofKvUdiLmQxcmDOy3y1tvIISKNUNHp7IWKOIydbFWoWEZ5Oc+7CO3//JiXDudwLJ6Qk1jyPJecfXUsQ2hUPWBFTN+Hu2TWwV4B7lOXLvk0KKS2hmzZmtS7R4CgU71OJgTiQi3pdacgP6YixAInHpqaysyAssqM0hLrG1f/ATKjxQqLIRZOwJUZwekX0KyAmhsbaw6zTyqo+uqvzCqjs10svHt4Qk758S3+RAf5YnGsC3ec25QyCcZAUbg5T4EQC3FJBc0CNTsE2Oo6srPArIiUOdf1bah+ywLX47UZaqv1GubbDbXI12jGK9C9RXG5jOu+Cq18liI7+W9seEX1Fy9B0MqmhJo5L3L1anzHvn6uJJ/b3p+CzA1GxlT+ud5vfXVSlg/9V2OrZyenmqDT/u+LsNe66Qj6BRNfpW+cIV4sveKm9ezzzj51tJVl0UrT8D7K2KqH53SzrJWRhhmXHJskIEpYHeYKRNbTNmYHTV3SJMFwxFSeIsirIqoYUcVcUd13oGPdX29idc1Xi6mxhKCH7phjRJ4V+QMUznMMPudu8Tcc1axc3rr5euzNilLjOZgx/3QMQK4EUTuO78S4pqNsKGauz+gseuG54S2SJowprr/bh+A8c5ck/XSd1l7oKI+ejeKWRmA4sFHhETVDc3XGuDta4wGZveWLeZJPCeGgZyrmhPipVmE+URWuZbPS72Qq+34b2LH0ZH/soc5XK4g5MGOe1d9iKAm6U2MMVIFFDXPUPxwPMlsZGJGWeBR2bbUzCCJDWLTA1fAEIiLaSGpykcBI2BQKpmgoKSlBgiAolcWpLy+sQJj5IQY9zOeo39JVxxoRypSdlEOMySrimbXHcoU8R73XOctVHKmnNpGUAJXSPTev/UNL5GaL2CdKaF27Fx6K1FQQGmoy3tpMEggyAYGFJki/AQoYlTgEjHMWZ20vl+vG/T7CdXpem59bKBDc77sL87npbrP/O+x2YOz4btQMRFxuTnSck+5bCzk/DFUHtcqhbazFtlYPlT3dASTHaCxKurBDWN7r3vNO/nnibwKE5vtCyPojU48nnNZq/VqNsg2t0uzXVJ87J8/k4BI2Bk+sQIm+5YGQfwPNr3UUl3H4ZznkpD3H1fH19d6ww1Ezlye65glItRwK7u2/05v7aY+cz12Q2dhgb+cBXCPygM85JgGLKTiYv4zxHLhzPl97p5n8joTkpANqOto/WfH5TrnIX/auYFDqnQx/RH4Kex569wjfAHjJgsO508M6lAQPLnIyjjzSXpJBOwY0XwOsssEuqMWRNXafYTnDc1bj8sOe+OAdXiStnuAmV3x5VM5ERPZmmbxOq30WYSm8ROS2/SGJnFfnNcGTR1QzZlV15F5xwL+N0eepC79fC86uO58creQrHPztIFoTYsBKauNn2WYaVSLC+qUvlrfWW5xTBrVFcN0tZCtUAZSEjdg0HQMNABtFpIwrjJEljNNYE+6GGOPGLw3Jy9eWRELT8zuuLXxWUfn3QphgDxyby9HTFb7wIM2GxlUGptBi8TCdF5iQQy2OfLGKtd0GWjsRkf/AfPSabbvNYC8dBramECbHsb42g9LpqBf5502n7YTKHtHMkboem+XeP67/hh09jF5E6r8ocOr8UouHAC9QKHC9WyJjlEfGKORaPtcBTJ8pwsplBF9h2dM5H8WNb7rrv3C7oJafCZoaN6raXPZZjoxihRxZ5+NmSjmKP8VUa72eP9dsIdEROnV51Hm09XE2x6a5+o/B+zKOvu5uD6rx33Hbukwp7zrXNPY885mRnEk4kkm1SSQACx3ibn8iJffTXjl/2o/OX6XiHdwRijcc97KsV9XZfQ/6877S+yRnzsivhKNgNVPcOYJb9fto6waJLh9gvzJ967U2x918/R9576LlSo7riE716f//4+m6oiiI4EuhsL3r9Kybq9tBkQAIKR6OsDN39e1VMy/W8z6HZuaiMrfSYEHu/DMb2hUTNcZrXKG1Ag7eE7a14lhSbK+V+3Lmn+Zxb5nV6xsuL7BHOA7cfdioIr+BbXC3Ei2q+U2Nup3ss1apprRZHCsekNX5OIl3dp57NVpTyH0KNlsMBHWCJAMLnZECclYJPsOu6KQEJOixJT6+aWYoy/EdGmO6GFxrgb7MWD44hXjA470bSro9cAkIH5JCjK15MwJqsjY7tvJM4n6V01dxavgwB5SHEXhByqSQuXKQQKrLH2QxxLpw1mLU4U4qVc4YjxFLTTASQ3dKywty1m1D0d41QtJ4rpwGipd3HzAT5FDJ2JhRH/W1ueoouc77i/cQNIxvEtMe9z35o390rrKEHnHKuqsqhiKlYhY06tFZnXdVxatypmKdZy4MJed+S6ARMw8NYDU8VxcobCqO9QvgclhMinCVPpVnyBjf+6wddbox6+No8DljdsdZhxdmV6vzzZyaNPyawzpS3yzC3TU/MRuygynIaO3g63XXfu4eXzwgknzubWzsj3htwXw5D6yya9U6WzNO2G6/CMe/7Z1VbKY5MiYtVoa5jF8DV3KDqGi9HOzV4Hxj9UrqY3A3jy7/caNB/FSTebof4t6oXTGPEbf7nDkSd3qzcGcpSq7xV+RCE3r24F6df+18CkVOXfFkkfliwwIfxHmf4cPU2o20BodjaV3ZAvYDa47y9xD6KzSoHYImVewv5LCt8ppTzVq5YkGx29ZKEY33JX/XEVGPYxg8Tf1R5B6Q5kZ9Zw1+GkktA4Q1EPBgI52aaGmm54W+ADT9lvKSRoMDeJX2XpFPEY40FG88CdbjMIIKO0ONczNeYPFovIAOQ9UwtNeMeU/2I5uBz0NDsxj5Pn7k+aZrXIs8sxit/xIArtLKBD92KvhtSjTAH1u60UAWOwHdJmYPojAKmx0BYQy8pG85LCH8iqd5+YzTV0eioxzPPXtoP17/w/VcnBap9Wy6nImf8EP/6JyvHJtP6LjoFIJQ8YuBbL3NWMnwRa3m5WxhiMT12A4YDAlH4fQRd6309RjJQEjiuj45mTi0PFcV6td2vwyJQroUMVzua7WSupMVTtR2fkpnfQi085gaPW/rQ4i2vtZrbIonmHcAhsTJJ2C29T07bmhr9CJ6g8Ux+MQ51dkzYrmwaKzzk7i62CT70sgvCUHagnFORkVpSACCrap6bbUBBFmg8FxdzXY3JWJ9SCaFz7pG6bBd3q+tn3Owak3+V6Pg8aWXdh0edCIP4yc3wD3IX5d/rRcbi/7TnCLnedwrPs2nrNvF5Nw6XWAqH9qhuh5x7vk8Fe3slnkci/E4Pk8mV303zE3vBP6V5p75OwOqJJzoKnB9kRxsHzE+60f9cRVx29djYPd3hcVH9qmv1Ez9Seq5u++FdfVZ7dJrVeiww3SRA3APRfr44FDPc/PL8hQtKzMp5DAl6FkaESqdXN0LrLraafHKaf+9v+dwvEC4kXgoK0u05P9XJ7v9HsS00PQ9pbvngKNeuJ7GeR25JzOzJmxRNBXzqHmrPIotADQP+CXqO3ue7JJTb10HIGwUI3UBXONptp4vDUDTby7bUcgfYquXX4BJmb8Sr5OAxMmY1PTn9LAOzM029vZjryCTskUxL4LChK1uXNTcSezpG1z3V3Bd29QZ1Jh1OamLXqAZ7TnE+rB2L4vLWmbkTGyk4wonqyP5XSt+RQ/+w/UlNdkaqXJOeF6zcxsJzzXQ04fM3TlQ6z0dQ9lzrWP+NDLeI34AOs+ihX0UO2je+vRYPb4MOT73FVOWcIPKr0B3vuFJ/+4nttta3sSmW32nDgG+kTtAVumdLs05SJuOWwxFWTGwTC+yhFLlkkCTEO6h7WYZJnbbkD8emIe6FepwyGPEFbM7TyL2pBGxcywEmCkB5+QX1LNwUX2a27H+9CZAb+Ky1v9pFwUz1j9LItp0fLufdHrQKib701RcGe7bvz+3FrYcuDab07W+1WsKu01T/yYt2rwKT1rOixBJADV5sPAr8qRa16Gn1eVybtgxGahlfpPlvtXv0f+my5UK1sVWQSJkWcIQfi97rB8x/y62B0ntIsf+7DyE77WbOeDC8iCkHvBd9/L9wLmZnUjwKt5wgEH7T/ncGVqq3Sh+Y1aES1kkZWsuqlZWVZf6qrxcgy5hfQsqZDYV23tnweDwYbzE5/cnePN96R+dEwkF8X9zTrLxx0vE6t1YNWBKOazLsfjC5PQN3PdAzWebBfEtafdHto29F8tz1GPW20YD4AsN66U4+JZ6I5mo2K+G92KWL6iU6nB7Dl52MuO+0XEBnGjp0NX6+XpfPZ+msrvFHMZeU7NxLv8ZIL4pqjg6nfOtQ8mDkXbr5+k0fGkquHrQjPMK5TEsBDNoH4/Wa/EkcSMxMMblBplc45RT1ZBjJeS40yl+XqfO/0n1xGG3Z42bKuaL7Q0nYt5xf+s/erkfVz5sJhapoh8r92bfw4/nI3u5FfK2+6zk4KEFs7fkwnANtIhB/u220r7WoLsb+9O1XlH3i3du+6rnXfv5MXC/Vx51/Xw6qMxOkDpLjBTN70sd3+fRk9aMQo99GEHqAfZJubS0+sUa1jq9+9qitRa21tVcrkBFrwsjBWum8KXINLrdduhDnj3wPFYe0mOIcIrJgOEziURZDB6AlbRTDrj3Q6jNLdrcWHpqBa0Tbp94ywVzYOzEb2pH+3LNnL8+3DdAhe2gFbSBQV62gq/yjLmJWUP/oIEz2gO92KOgeBwdeZWTE6hkxcSCkVHYaMol/EPC3o8egFV5fvJks3T/6FyFtxwmPDIUWv02SpfPRDR7UrKHdQBlAfC+HhcjjsHZ2yW+z6tZ6PeG97JVdqD1ekE2dwebdj4JSK6bTyFp4jsioZ3zwZ1OPGmDbhiig3mvAbl3jRO9jNUuln/mAmEcOLUt3uQto5HNxSozF8VSExzvKCz+GN5/SA4N611GoQUw0SLysq3mxfUYRy201HWLVWKHkhuaCBEkRMGnHdeXHkefcMGp3WjLt+uIqe3fQEATFJ5m0pjZMosfx0+y39XV1K96fq/TLNKcJGpdF63f7tdO5aP1FLHZvvfI/Sy2v+20nDrYkmMYa8ggj66Vd2De1hI+voGvsa53dICx7x73TRzrInpO8vGHErGrzCDmvmkNLWydFpbLJX81YPGyu58oww8WGqXJgMQJI0DBVRi8p//N/9mWg+jWAMa5mIMfvnSuL1tMj+NlmwYvfNM70m46gM3ts4ck34sdO7m2e1CJpY4b/VFQtfhI6IG0l5IbrrnsWqchOOZ5HFYkImZ+PrR7fHVGcAfoCYtj5vl81I+8VecmmRJ6GQC9Ih15Q37z2zNx9UyVIzwf2iXjtPNONVb9NDbP/7bV06QtlpqQN0H5lbT1bxtox7yCzgnKmIYqnx86wHFCYyCXHbsNsSrwqm35p2i/qW+BpYA9ZAtCUVYFvTvBrG5cnwvOw1BY26tJzMjrhOIemuAdfhCxFEtDhp5rmrtNEdg3I0UxadYYZH1/ZNlX7aniVTlTZE3O9vvBo9ZoNhme5EyP/3IQEQCbqc7YmlpXJrk2PHG740vEwONzDzlu5nNi2GcYW8b17hvQtlDK/DL5cgbteXrypD3GHA/TfOsDN6anvr+tiUM/gbeeKz+fa5iX07HtexpH8jwj9uFRpsAYy34WcW9nhNZYMNqTO6s7eOQKO+nyfh/ajT70oNHxff6WtVTx4D6Gus+MTyVY2Nvz/vWONukfCqruVY7txLqtAqOw733OjTqiA90OKlcxJ1qc8wbkA0l8GXzbNeJYPdbiWLp3eP5QebvcQcWjYmz0j44rH2GWC2JfAkSOnddiXavyKjqyRTzC+aP6uwtgKP/xrTr0bbYbn/5vG8H6tovEMDrvC78zvGWjzOmhnWotf+rBK7ZndLSwx0KDxE5yIMVe+4mOex1t0etwxzfxto4AhtpWAEqXFvTGgmHRe2QevmEfJsb/zm+OqltZ1Nz5QV3YzOVYlYHgBbHKbZTnsPRGQ99T8j7DPazS+zGMMm1ccIpU9moOTMtyFkFMUfKKzMZQotLSnIJwUmzuY5B/G4IpU5v6c02dmqMd7cDQmspCBdRID5Fxve5pX2RJ4q4PgExX0XE8s0SLmm/2gWhDquyzxJ/mpFxVOulEr4/jZe6k+fTZ6Ykr/aWONXj0EwCmfafg1/Gus/UIzaUlFSkMwDEs7oCP+Kzwo4xfp5OHU+03ZsyL3y9n9cpXl0OHqn7uolXmQQs8qcUcjgfmAe8/Qc/6G/cUpKdic4FbfMmUHlzeeL4l5zsVMBhr9x1mUZ0871/WuenZY6TCanD62ZaV+p6iHas684eu8+sg7lHgo3CCoFMEdroRN8bj+sTZ/VtEo1enkmx8mOC+tYQ6wLF9wtS177LRn1+pSrtbMeRVcev6dBC0Iu4r+AN52zuyOoLdqqojQ5OwmLuAAhzXvo4hiiZfCt7IoOUnrYSbeozkzKfCAH/TbBmkB3OzvIzsC+mbPotrYveRTPHY6qz9SB/yuopZx9paBLROIHOOE4NM8cVu5gGcKz5THQMesUdrMdYDuzaIdPet+mbmIPIUcTZdcarcwx7PZkLm9OZe9xMB9m4oi7huDa2OXHM5rumTdOdXBFgkvv1YbXuyFMwtDUGgiC1BrsLzg7pIbB9BD28cmub+kaG1mIVcl0e92xqPeyu62xfgGMMi1KaCpefQ1YKhU42hT7inejcn9FB+MI4ib1uIFnBERljtz1B1XRufaoJ4qrP9GH/CxfufrqnNIWrL2OkfoPP9wIFZLRNbKNOKuOJl9eB76FQYka/00PZUA+a7rbp6Ora5xyeePuFIzyce6rKN64va9M5FHHyzMF7eTB4c2YIX9SZGG+JcZpqP2Ziv+BHjbGZP54/UxR6ses2nkfS0XkDrWuP9mX0BYVtl6+sZWXVSHXmf81yMDqtrkGIG5m9GwIa0G+ZlcGXv/kZQ6MCZ+F/za3WujVjKA2ooqRtbR//kq/h+7+Y9Q+cUeZipHhddFWsLdLUFJmikNBKiYTFYkkHMdc7O7gDJCSmxSc3yHlc1RfzglZvC0A9kWYJbcP42frT1bYPKiGiOxriW44I5x9/0i9zHyZk5gUa6VX8YrbkvRXUYG+s4ZuMxfrS834h8v88mAif1eiYfI/FvfShPJTp5z1ZyK5ioeR5vWJ+PS1hrxSyOz5iP49gr1v0Yb+rCMr+MyXqKm/mawvTH2OvjbFSa1qSJR23Rsj/mJCh4LYFbRgLcOFlSOad1T652gj2YokXez6YZYEZdPsDK4Ykb5yRY70hXnG/DTnqlgZE8c2LHTiXmhZcdxzkx6+yDkRpHPJxaXj1kF0BmzW8y1jfPPHuwTszz2TufpzU1vXzsSC31Hi3nqs2Xnp14DKWYcTwbzhM8++HiiKHR8QP8erg/tG4YqZ9LwFVDpjSeIxyd6i5cssDedzEVcC1jkdREExjTH9EaHB7lANn8fZNmLe4iHMCy9W8txDd3SMI3xu+30MRKnBVg84xaVUgDLAfY+PbZfl1YCk/vPyBj+3yl1zWJzW0f12sW8QvFacQsIDmMUZ9WJUkJYNY0QnVlZROAVLkJ/QfvQ2s26rvdaL7FvJ8BrdPbZguPnpUSak/SbpVE6JbohNkBCSBNKUdbg7oMcsEQwiwvZiWwMQX/Zyn2WJl422jp+YvFW5FnvLT5hV3XKQi213NH+mAA89g+SARbHr3WmxcDqQEUKg09NY3ukLCjV3TrcHq/1VZLXzYQSR4+ScC3F+U2QOxfiffQez/Kg9yN2Yy96c1v2NVxyPXOxXuvvA5Pvn199vKpzlbxINxB/cz9ukkzypS9y+Rg+TzWkrshJ1vNr2/VqSW7rtOjz2pV11nB4u7a+UbD1NwqrbTNH/PM+HWDZ9AJufVQ4XIuiJOJjEVROFKNXBtXcwJbtp12l2cu4hqrHuoamLY94bpan9f/GBTq2Nqq9PM2R330tKYdEz4+rvMEOpGRj310fEludKNm7uKJGe/rMvr4YV3EX0xnehn4uX1qKr5gfvV40w5Umd/ph28QcA2Wv3YwvjavHi0Nc+pQ18Cd6rjIywEt/8e4pj5m358Xa4EflQEQPGaAHG1JTlHjFTm/uES6C0VPpeABwkdHd+JAFX/ugtKeBxK7fVyPNR7HeayAqlutMmZLeuBxxHwFLhUpzFBeMkqwnP2kt2jgB3zWRO1Pb9Gzn2nnQJnMn2t2cY0SRfC8OlYC2YEiY8KJCCDzlohcFJEp1NQZ+4/FmJUYu/h5Cb9Q/P8RBIuH7eWa36zQPK4M+KQsDpjCsankSHXZP5Qy1mUuYY5zNfDCPG/MaT6w42YBmgxEjrcgKw4TZkQVF7iR2jdGi1L1jjcBGOPeAuOqq+QqzQ7L+Y73NO/IE3/wyvpPvgVrWqZgOVaTeO3wtNQ+wXyOo5qMa4+3D+vUd4VP/djDCXuqsQbHmWP+6nnK+htmaolISHGPHe/51uDsZTNnUNdrrZOhcl7bm+/Jo7o/I55ieL1TOqFOtdqFnisn3qkWNcs1jKA1ftTFsjT8Lj11L7h9/wty17zNQ7Pv2lJH4XRP2ipKyzc7ZBuA151og6635E8qHa9tVKhVGvEaVGH2mtjbRNmWuRov9QdeKRaSH+2WoNEP48rzTIyVs4EnwwwygevIdE9yp1pqtSSFY+oJVSQYvTrOTdVdHuJ1n1dVybFa0WynKv4uItiCQ3XHKGKrBej5/sgCe94qGgrgYsxc1DjXx7foW5x1Em/G2pFPbzhmsnG7cgriBzf6USG0TkytNWY2EUqFq5gCdHP/RIAmsXnT6yW8UVlpEbvsexb6f6yKRRTbn88fzJt/jgMLBA62Tw7YKTT4qqd1VjPUjv7Ybu6FxdH6hl3CehpisLKuOc+pcJWu4HCz5hWkm/+ZNwGV8CA+3SBkWu6WMb5/9P+Ex7xEhf1xHDs8j+1u6qm/18rz9XWZnb+Ys0+OeR1mvjBiKepLodW9C+QJ6o85KSwQsF7heeR53MnvJ1aKN8pck1g0vZIf+Z7KrnJa2VPEkLZelwruGJO8HCl+vzHa4s98GJ+j8zr03lmji+993vU56YmHm7WrvD7pVhzkSi59G1jWQb7e9usT9XvkaiaASNo+lK3lGsTXyE1bwYk3IbKDjv29YnkO8wSXxdrp0JIC4738HLXcAtumih6cOva4OGh7Pq7/tFLSuCE06Y/Pm3Y9doFXAUnkzM2MkAas2wJn9A6Z8kIBXYonia4WNXaTUcC5AS73Aq7lT0PCUDY0wNPtqeaRp1Gt3TEEHWZiNlONteP9CToEtX2aIq8aGIHF21PNcOzFshL1FY/7ZLS8FRbfdHVYGWy9EeziDj4xSjpClwakt/uRtPNB+RCSyqxUUoFyNWTdpIkEg46qIERQzF8LRqH/7jGmFae7DzQAnqcRP0IU5puH9ucOhpjaNgyRvh/alJo5CGBerJt6UH03nOIl5d/0Nl0C+qRNqcdY5aNpPZGk/s7GNvQkrUAv3nIGrK3tjs9BvO+KmnFcKm7LO3CwqBHHDrwHtdYuj8B0CLtCqzFDY65x7JCr0NYd2A8yh/wNaFxzsON5ITqbOQZ2Y8V/28jrAKW7bfYJ3u6KxNx2vrs8k/tejHqOWQdx7fasBe4Zdap+0jXr3axdZr3c5zLZZbef9wJgM4A91hwZ5rv1EJ1WoSxIUrubB/N1GxnX9BKXS3ISyrj5iedwgq2G1jchpv6xXlB+lZK+PN0rXTmI7fPdSbnzLzcqC4nG0p9S2h8LroVPzxnV+ubVfCyL34hdc9H1mjCBeS/CM+vhPeWkLTzmdFjoaz3373g3ea99wyAMJnAp0sGqfJWjzm34Ge+Xa8paN3u3ncp9YbSRec+7l/hrrqUKeywBK0k4bZDBXT4jd+YDyuBiLYWNd6gZujEcA600ZA3vSCF9HjZaTdq0HgEGndFbfKD/fHjvp0W+2vGtSprZvexB81Cyhlcgg49Ij9aat/+GXRgKdNwyZyeCYSsuqqcaMGn7RJK6zKn5yXQD51ojQumWM2Sr2tsbmYg3TfVtYzJFodQF+de4W8N3JlSeYdawNRFA9BD53dh0vZ4szK6FkmjtWidM+Vtsj8sG+vlmLFnZD+uak46Kv7nhYp1z3HvofZ8Vpeo95h79+nntW5xn5dFJ574myDyX3K3PfLqm2eOdj8zrveG59MSx2l1/dDMeMn6LulNF0kGrq45jEToL5AzBZ7i0IPlAOJapSGFsOA+pYx0M8XQFBOF+G2X/Cg/j6aId6pF/31mR9fXiW9U3LqQXdjrxlgX/ocxLX1/ut1M3X5ORNuO8m5Ub0DxfhnN/6QsxrT8lPwrZ/zsBeHjH+tPoz+cjzr48gNzkfqnlhNvBPuTmb3N9txK+yVYe6V/q+i73I13bboV7hzyP1a0TeTQDrdAN6ZYPAPEozLSPDWaphwxswOED/LGsv02jqp9pwtFjqwfA+U9GpMv0N5d6vhz0fuVJW7gH9ti1bvVuKWsN7YRP72NfGc9/vf5Irljd5cF7xugkX94kxJZD6KwRCc/j93rrRpm8sAbmmjtXN9gRZWzRtNEajCT3imw3XsBrPJo9EB7K0fW0VD+coWGeE3pg6+a1/pGgsuaAWRdlzzUfqGNb+0b1eev7ZPxTHYwbHGO6GTEG2tje17y6rFF4ZoFku/10XWuPyHpfu/lIA7FzD4EodRyfb3o2+p6bQVxHHK/ZyGf2KeNn9KxRzKtIScdnrQEa3BtchUHbXUPiNN0/VRsH7vaBHutg/vvtSTD5mMxQFWEMob2Sn54vW+Z1kM3gQ6wtNRcChudgl24DsKDS8YC7rz8oPpTR56kvcHO/JbAkpFEqbBoCIDH+3XYpP1uoW16uU03O2U9teCU29a0ia/kub0fJSbHrBbM7/vyhfTmeJ+r+3Z2Z3D3bSTHCz8R5bvm5oB/sea2MuswUa3nJHLAH8p76DpY0j8M8wvCxx73ZKyTas0MjShYIy3aR/r5qwMuwFi9k7vr1ctYbEWORwxa7kzHe1LOfreWJ5Wj9o3NljZK9HQH1DXtevPGjZulLA66d4tpH7cFjgfFZ9Cqzg1LmQXqx7XXkoRreoqDm54fpsYSjaORr7fyw7m/CfE9oyJYr6YP82c0Q4MGejq3euZt4IlMIqQihPOtTeoV+npL0+Ngrjg0+eIuaMLntMQMHJ53s+yiZilMbjVL1uCcKdJ+q5iC52LrC9ap95V/rCJffK+nWCPnqGQY17RBd9n0/9T9/+/Cyzac9etdaudF9wjzVOw92vZJF8DdynqP1fOQsVLGGj54G4BEzXXknPHL86AGWmVDEohGprTECum/Xx4HrvIQ+p1qA9sNg1M4VmPpJl77/qqgNNqN9rfuI1genuir6/gaX1sAYOzdAMysvI96cAiqcJr3lfH2rTSbXdmUFXIPYxoS+guUa8G4rACcKBrYOnQa+hxNK2HcJr/yKyzbuplHKs0wJ+DgJU9yhyn3c4JHInR/BETDOIXl/UsdfKXnl9dCOpChjVZDrt4aEI2z5ADeUKRkOOaByBYjrLaSE8AO5FwsyFk+aj6boCy8Yz0kszIz/mRdpDyu+4z/pxS2Ct/Hh6Kg4JyzvNxHFK+HnP0cRfult/A17/aN5blrjTtnzLxbUTLspGHU/TyMUtup5FEBTWfIDs2E72Kha186VDaTAzWHkoSHqEucuRJ6hIDrUyK8SdCNbx+BHVHxYx4OOd4ZRZMfx9JKSNmd4M4hE8IZtRvUZ5ZgekLrF2j8/nAne+nd6pj6wBvexgT6OtD83MCnMyTLvIntIqnnPc8/7s1a6yz71O9XrGo5h7Y/1kmMAsVQk5uOCa292aO1BOvzmp9RHkg4RpG66vsGe9N7q+DUeyk6AJuOaAtTVvQ7QJnHgGShFWSdBfCIS4tij5wgQ2V65HMB5/oYDFzpFC01h4ZnXgv15Ys6k+SJNs+wYBS/KWUZ71P2o/sAayugmY45VHxl08//aCBgLtSRlNMPYAiKHbe1VCdHLzKJHoRlLMi41Cq6mBkO+FdkkDcRj1O4khKFYvmfYgiWtq/qeHaqUXEmvMOcVUif2Jx1PeudaZQy5P+fkrTIcyVw2dyd3sKa6EXnqT6Up5fXmBwM+lXVDhuHaUjIaHSwEFRlmpQJ0n4LcNOEG9xrCBdWCA3+AJ34QMXkZI3bMtuBQf3bwxsOc2LKzJiQbTpdm73r0MuXircZdLRrp1YGcSgxrpfN8wq/Eswrkz9u215l2X82eHffT/io7Xg9T7rS7vDO2B9ZAefmzGIUaTseC5tyIaXjngVFChoBp477OanbOM1s9Na+QXfqR58cb7MTUUayBGfOOugc2F7sBxf0q13iuQkaXLZSC0D8ME7xInHqcbvQKqbvU8njqK0JPdTQTuVssOHF7wz9hcu2DHbFMnY6H6Psn42E1+/fKUm9nFApeKxS97BwJwnMK0A9Tfn3fC3/utV6LJ72n+vsZeEbUr13aPkI9fdg2FjZq+U40wsWPUtgvKGFMkCIcblJTcZiSBfcyhQkTHOqxhLydLZKJKBIKVeMLBrzmKixlTxAS/Sj/BNGaF5pfOi6VyIUjanK2wMAY+7ajKt2qDpGo4+hNuTkr6Dpb695kvR72D3kXwBgyjqquheQZ54qvB7HLG2Vw33CeDX6qds87rGBTSteuMA3pjdXgEjyhhjG2jPUKNcLj40jNo1es3o+HAkSmDdWt+V0NAjWrzXZy25AwW1Ar+0lBpn6exRc+nsWvLPdHSeUc1x2RbrzPdMW9stPKVuzxwF43aqw5jX7iuDjW2k6EBvXNw9BgM68ke/DcDX2ZXPnwNGdB2hxUPOMfmlJZuZQY+lnP+/Mj3JZZttK06lt9Zmr85E/qfkbWM9b4VOFOVQ9bd0KORv+SbizMsUAxLkQ1Fd2S/mVYSE/mX+vXOEvvS7vjorXUxSG2Mz8t87ciQPvtkzajKyx856Msr5nyKxXrAj3LrGjI1Uz58Cv3Av9/ENBWenitnk+0GXperJ7HN1zBtLi24Dmnm6ROQvL3q3Cep1S7Ps/MT7m9+xsvN5gb7xXmVvsRt06OFpdPwmSHzy+OE3An+nXdkBG0nhj0FIsItePz+o3+xAYtaf2kcfzeWXwdBA4laZ1/aJ65eJeJUzx6ePB/15FRmIB1tYhxFke/VvHRSUc17HUySRiuvOJx10XoYdypC+XdAqvld5zOmGh9+tNxu7z+fppUPWKuDE9nxBuxg9qllCefyvuvWyj3Z0M2/6ZTdL64V3IR1Gg92lk6kMO25B2LJeO3Sen/5U91wDSSv5qtHsLyDvFwMDc+NI25NxqXZsM37HSiHZufi2ZJIhjtOFp/vIEIMtaj05W5yNt+IE74yI70SaOqVbm+e6hUNgIEQ+tjJMsB1W9xs2Nsxb7R6NX7SvUnEFVP5KI/UZZalUdXcDFutyKCpxcIFuKAzKYkriGI1GWlCikCWUiSlhzRrx7WRRQ9pqfp7+7SgtmBv4WcU9Pn9OzFiVOMRmnP7s70QVchZLCmOBrsHgWEUl7qkjT4nkeCh/CW84ibAPGqyBO++7dBuusrpGUbVwN9Yr6aMrBV7TZnGjcdn1VNr8Y+1WvWfbbT59l1GMkzTrp22BtH3f6/4Z4wJ0+oxXl4PakupGwm+MzwfBkpfv/u2kv6NRxATGx0pjDZyrUhsE5QSEVSlc86ykK+4ihCKmtVNJxpvS+SsGdO4OOL8tUH3CxSIS2IIj0Jgd129r2W2km4VdICqFV/82pRLwdMpZRZ2lc4d3hRuEfmfr/NYK7qSucy4pF2Ht2gcLCImw/IEw+4bsv2OkzI25PCU/M34oI96QWttBDBZDt86sPEN1jm+RizCjPwoJcjaDJNn99CBcOyuT1YA8Z672NbL+g1bS+llx7EmGWtOOvi9m/YHaoYVP0K2CFVTvuAt9JT71jHWDvq6+k/PQm8dbyL7KZo9RCahDp0IuceRjjjIFnjmWsIcPi3ATTH+OnZJYxXRQr1XSIdHySAH+vIy/ZUY5zEtu5UgQAsyRgxwSxcxbH55bEhqrCCXnhYx/jtNuptvng/T3JDOcBDXqV7m2M9F69ldbk90KLuv6qTAnOlEBVQkd6tdnAF2mgJcn9XLge3nEfcBMDz3Qcx0VB5fvC8oonRLqaipoxvMBWvyv3TWr/sV81Hcthrsf5J7yPn+O06/n2Ho0K0eDW+UezWQBugiq0q3ujWBr1OjfkwC2miv/Y5NeTFPtp+rUH9JVS1kOyGxRw66GM+GX8WzwgVSVKPze8BN9oVRr1mx8+dwalUPVsQ5QOJh83Rs1pBiimx9hMhFtb57g/LuHQTLz/yxQlWjmnv7C4F+5fzWOoYo7feP/muWgPiKGNFgXsZq50i4bxspXKD5P7NilOTT83lKVV2q5x3gwnqAumrR8gIKK0UnkGkX8mQOySks+KnGfRWR+zae7zVHyzaV87vKpmSdDDE+IYdg/vWYJioRaeaoeQhS5CXPUmUQpbbMdftsxbtNE/G1DImWGHL7lWyjI/sppj0EEISY0+lkQFAoeIOraZ4sCy/oTuINfOrkF2H2GbaESKporzWpqqYiOrL6xknjO3F6DOq8nEeoMi+np1AorbZxSqODeDQwXbmSQP5uI3aUW9/oz+IvfeoauOotyvT24XBTVjBEGw1I3aMK6zkuDMwdB0tlDRlayAKYBo8Z7RW5iXJRkzmGJVaR0ZfvNe6fPgOy1JN79TT1td7rjiSm+2q4qKXpcqUb3cclZpHRl+stfwi1phe85eVN72vsO3Duu6Ubv9/O6crb9RE8LwX1tWZECsEMFeOGe9H5/6hVNnH6wPykPUTXiTjWNRfthiDrrx9qvtVZ+aX8Zjb7B0N6NJfiitYlykKiYRWvBgaCF7+j7EfVWqs81RnXebdx5X3zPYzqOs5+0XmztYHDb4UHgsx18J25wceiPK0sASVUOD2w3O5fJ82sh2Rcy7j5fQNEPF22HpnXxtNwao/wSbjCrS1/frs9FcBa4qb/qevzvcRWi/W7PVQISJS7Taul3rCxwO9w05wMOihnVGYAzqydvs37CzAMcQ4h/hUA0a2dhNxsWAkSiHL7djX/YlWP6xv6g6qT9i87obuwOazU/u3sS0zIhEaq5/1eJdUdVUx3h3e9aZB5XeWvexMWU8VwBhQjEk+8QwDVkQ/j03DsDYPrwusbGeFylqjhMnZfpEyyGOrHAKuEBBUIi6OFae9zTvYuq05z7WbG4yknRJnLyf4qeZVbZTXQNfm7/EGxx9sGEOjYy8plru3TLb7NvasxkcfFYFy19wH4Kmc11cNnDgf1SIpLHUs0zL8LHzuIabw9vqztiokD83dYlOrZ48EvgxjW35+j7VLSQc7e9Y1dYQwYD7ieZMVjhGl+ffsIPViWImju5epkIyoWUAMdnPTta9BTw2WlPS5hKL5i60o+5n8rN8vTE8z7NFE9X5Mp2rZYuprQn6WGVfWk7Aehykte+jVw5co5I4xq18uZFzO5Pl8lIkT+1kjCD8JxhWwWcQvx/Gh/5OiKUi09IUESx5wMfqYuPf4VkBwMwlgnUNOSpyFbKp13cnNQdbIGM08Ia13p+DzUY9n55HnkeMN0dM9Y1aKLjLiLqMuoprzdhCanuM1Rcgyn7GRKxFrp79h99q+rREt8ngeeS4q+SYCWjUePKAwrredxsiXJZ+0HpLXkeXqjn4+S8/LOuLcN7u+g4156tdMZPOfAu9X0fymiIweKr3aySfXLM5z7dVvKlnPehk/n8TKq7DGGtGSz3yHcicTKp3206/CdzzRPdXgFf27rVuxKdivxbFf1yDkcay9eYiQ+19ZfNn+yxkO4sUQnmuaVH0F+ELqMfU59zcPJZ/2TzxeklTUZWjS/RoRYYfcp2e6yua67OcDu86dlaXKdnmsN9fLAx/Yh4f2c7en+fTsqoJzLqtiRhUroyVzj6z5dbZ7GKrRXfbJW67X8xccKtwr87nKpMHWi9blekm3rF55CB0/Glon7vt9N9P9yJaRICRbPJ2tKkoATwgGc69JhrJMKKbI5S3TBAV9IVG5VRO8x1b3FPO6QjfuntGY/FUaU4p6FyYEkukrM6feiYCV605zDKr1ilb/G8c2j7kQc6F4tliBs/cKtfQGEXobZaWz7EUV2iV0NxxVjheYubM8EilXCQNUaGojAAqylEpegd3XD+8rIkUOHeWDZjw+P7UxTlS0sd6PDCQ3sfKMNmblw9+wz8++A0WHMKAjbxeTMKLVn28gjIVIek2F1dT3Bspv+z4Q83gd7U5F0XZOUSy+UBmO17Q7vzsvV6CFZe1d5+SILV+QApaHWBPcV2LMGD0gOCP93vXx7DjyWjYXvwSS90jVYTyU57/8jsHaVrgAOQ4rfpU7ijwWRRF/U+rBp16nmlepR4k/E9VqKz/hRzrm5FjCcVV3tSyw1fFnqLEyo8nGNPaiD+bvWECLz8cyS17pbEEffM69e1jfayBth+n1POBNHEaOf8BhjU6QT2p7fXjBXwht/gtOD71bc/Bjb4xlq9OxaB6s4ySYmOtFR6fbbb2I8HWrYjjoeQWaVTrXjVtFoue1KlTKBUoYYrET7TmB+SkSupZFhMoH7iGxzfAxZrq7fBEIK8rWShEF8YzOmY4LjbgVfFbJmcirx8JLDkbic73ifhVNSJTC3lhwxhz1zM65Wkv6rHCVM18jfUnze5XnP42i4BP+ot5K2lyg0kJlzgu+pgjK47bXfKT640mEXHMeVF2W4ec2CcHKKKK97lvfz4/A0G3UOmGFgfrkgYykl14jAfWAvrLoAJxlJhjQxWxzUgif2TFlxdawPl+sXpBDiq/bobSG7D3H+ghfMzXLnB43PE/bhHbTkIH+pG/YhWLl0y5VAW3BjKU8NtU9zAlPdk1kRF1eQL4mo+HF2XEDobgfz3elclDNCQ07Lc33PjqeGDjVSoMryT45Vq+q6rSHPTd2g1Mnq3lKPhl8PfOkzqtU4f1cVKPCzQqL1QkVKF5bzQJ7k8KnxJX/G36H0c9+0kQ3PM1jJl7gh1LS2Or3wdO85cuFuUZoJttgE6Wqq68p0ee+n0fUq3z4nJ/AE79bo7mPn8ircach5UcJsfsIWo2wWVN8SwM9bv8ZnTzR2DeOzade17Bn/zotuJF+FrGvv24/MSu76wxUj19L8EMSqwEYu0TObwUBVolmgKceDlGeUyD9Y0PMShr6mdmUGFPjst3IiQibuxyhvnPE6rjC5Edg0TWkRbXmU1b4PJOTnu9sysxRPVKcoSEsMn6OiJ+La/baScv1jTojOBbO0UcEFx7OKfg/djlLvKpKvxe9Blze3+FSuRhh+0Kv6S5KprJG8gS4m6NXN9mnesfTvPSuFLwnwVpGmflVEZVaxraZSOe2syYvI8n5VqwoRP0C8jYVrdQt6qz1WvOyxA8j652fcN62CbOdxyo0Rg2tBLbi9MAOuGyDHJdmfKrn+xh0TzKlFs6xrkeXx8SqLsKBi5Y/MOYdaKxFZFl9C+/GWouMXV5m2voAWo36bIE+MP/ARH4+1GS95w+gskVulWSDFGBUWmFfiVhocb7Koa7z8votfsCkpmjPgZ5sK36VY867eKz1aJ/3iamc+h1ra1qMwUw5Z51QtQxHFafKYS6yjc8MqEm++2Z4PpiP+taWQKztxIjpx6fzHHx9yUCTdE5h1MjY3DdjNPOsZUysl2XqCGtWV9ul2/DOE/J7diuQ/M5tFR+A67Nx5FXuOFGjG2e1nKm58ul8vAqK0xMfn+g/4eqOdfbUr2bUWdHxK13jkPV9I9NXwbnfRr2aee4yNHATQPSeE/cmkVbIXH0w5UzG32Z6FVuHHiNdFKcYILG1eucHSHTDcWp4ICxjEViaEaTPSB4ZVa7UYg4MVfWvdQ+P6Uaxj3jLenYsiI/M6dRPecxI1TpN5HPfnDl1q2p4r4jvuYaFR8nAiVV/G+l8pEs1M9sDqytbYyPbJgArgSFjV7wpoZbzS6T92lbqYHFD+S3Iv9K9TWj3xZD7Rhn2EWs8rjVkNlOhKpfSIxny/cd9DNydRkdlWBUR1hZb9o/4VLO9AzS26IDx3BZJcVakHa0+ggMkDE3z7D/QnociPCV34PYPPbDfWzhZxEXFO1PtjlfmB2U/RHoxnU/I1b9LkS4bBVe629wr/+bPcK79Tu9glo3n0DoY0FP9VCvUdir7f/Y0exFsjscLpaY+e5KY61qzTMRugx8G1a/BR6n5TeRwxb0jhse3OHAEbzNEttsq8n/Gpn+DlWOAFb0jP/J97AGO+fGY8jWv4EdVryoXj684hqrku3m7X30XgtgMzcJQUOMnz6fGKfr29ayRe1a6Z42Kcf4Qp2bU2afep3o1O+CxZQxytZOYZWbaxRHcjvueXt93iDWTFz2p2rmnHfo+xpUIfJ99N7rtBVX+Nv3vcNJBC9t+5lB72urqPKF+sQ65B7sfMW4CdnoHmXrIYG0AUe/QilWgnrdPzFjXviddeMI2Kii3ylY5RYtWrEI/ewESCIzt+msZYfuRobwy1DSrnMj0DBlVzj1KNPx7Pnd67uDVnkfPjkTj133DKf9s82LlRAS63Xt110jnp2tRzRUf7fCzsuDsQ/w5yjt4E1YdKzla4VLQeSrzkCmLkrSjBWsBKMZv1uaxHcR3X2HIj/nQ8T//Cifm5TQb9ssx+5a8qXLF4huMoRGxatXd6npt8FcIVVEM2NiiA29NjbN/LN5LsoPdih7Yd64NnmzjADcBW4SO2+W7/Zzw+wS3rhIlnC+7Ufat5Uoj5eYUbZ4QTjgUsBVApk3jk7trOwCz3NZz8NzoyY3XYOcG9S97Klw9d3WO/ch6cZ7j0vhFsnpYT7rrOIh5HotDHp9b23wEB55sfUVVUNfReh1AudjnfaMKmWPKWssIv0sM7/qWDgciy01ala5yeR6+axwJnt/sWv5qlnq6hJ+rK8XGxXjjvUyBROoa2C0rhPx2GZHNU4d2vaD4JDBwe97gfLB9r5GNvddQo+94uS+mG3XiGLh+67X/NQ5sPrZ7Xq487tdE8b3x8G5zsEioGHmWiqKWWqSEsGt0nU0CLxLqtNZdPvyFL2nX3AGrFiGx5XbOPr5J5SbR9lz4p3ojG9KYgKlZFKDH4VrHI8YX+z5nLfDgvN8JvQ40vKO70TfcvsMvVPv5zlPNFmzbiNeKd9ecQpDOadbmePco7OZVQI9c2ZPgwGkKZyQgwbidxKPWwAJ30Yoh80MCcF2P6t4MACGoCq+NVPf6APpi63xNXmPsUZOVPFiuZHPVDtLxw48aWmd9t9MIHkUHcYXX629dqbI+9/DWMMG4ulun93PDLIx5mpP3+HqEZvOgtz7rgd0sZGHUjBQx8YDWuvJ61nkXxh4y3lrNQzo4GzcZ8I+qbmvPhjENy7loytbaJ66rYSAyiNGkOwqLlp/MJbaTtshp69Eo9UoJuN3b6AWaG0B9WA04zVkF+Yo/cxOKizqjclxpKUpEpNrrxHnxRTvWRFPqOU/zslDg7sd8Gij/mpLVHDnvtDk10/ToalRh81wqZp+r+TIHzEzj4qBzopU3B+DBAKfTKAqkZUwJVnRxlHJFDAhEIapp69cJXhpmTAOeVOtEpNeot9ls4pM+n3Aqp3c68BzRyHtleWCWb7nlof3P/Pi+cMVZ5LQ/V8wRzizLvI1EVzv5fnc64Ki7zuONVs0FE30wdtuuOCS7kuO3A3jKKjnjRao61DySR3arydn/7biai/f0NDOpexU/8mr9CDqx32dqwoISYmx7DzcVVj3j/XuBf1Dk2rvLkP6696mzaE+Xa+nuHHsU7iHlGpT8bagG+z169Su9CQhfz4MP4Ik3MLO8MOj19wgQQ+a8tSafrr0paKc4luz91ASJx1DV41fRhlbVZxcXaWN2wGqfxCQEI4WMoXQ+EcJ1L2OVyDmN+xU7sazmPWTPcOVxxn8VLXn9AEaYf/2fh2/Yta2aqC3wwaunhuFgvjJ5qmU8PUiZfILdaHq/vVlDAgAAQABJREFUSWImks7o6XMHE7Xk0hUeK63xTKH2oE30PZeSQmsWPJHErshB8e4Ctqk72H5WpuqzwW1gk6n4Ozdhit25VrMrWC+5vHU6PC9+8+F87HD6T5J1fUTjVIs98pjno9WpJ+lL4UtYbt1kbI3YhPn0F1DLR7lf+9r6LDw+CJRh72Kznpdz6bK8sXNk65Rrd44GD83WjQ2GleKfyfmV++f7+1m97+/9Qw375u9x8suDuvwf33ID85ttfw2Cs3dzAkvcvWNiPnZ+vuMLmrtDD9t3amDdb1l/fr7PCZGJ44/f/3iW335Ewlpm0qxK3UaCePcT9d+xPRrHKvtR/fddlPHZ6qGb+EDMTiXHHrmWY1ZhFmJshVl1y4o+Az7+BQ2sokdVH/ZzbnTGw+sg4vrEGnyfwnnFkvNpyFwpduyJ1WLeE6LMQm08ZkTedJVMwKIhMHHkRUIHCE2mKeR6YF+RltZP2tMQwrQ1rM5DSrza9uGHrjfjBVsd0YzJTnNGdPofwbMiI99qTSURi1+/s+ghNi/UuTFHiIOilEzAc/RfIVGyrzwIflQ2F54eO3c4z7obTW0RHIHEMuPxwF63sDfqXpwPXUWZVpwIVLo86nPrQOuSZtIb6mA7WwfZK3DdJXPVR1/rU5hYMMFItcJaTsBBY12E0oVUoOsHfGYiNyEYMADkduvB1YVLPJ0u/F1NWsJSbM/HVYWpctBwtTVwOQDbrZ8zw251+uNoqaFFIViktoWuZnkWRqx0YHy23we7aQigg3Q9V38+xp7tjp+iio590I+3NxjGV/HUgNBojVCxfMHXDN6nqnOh0i9zo4nvU6J2sl7jXf4sgIG0c955e9Ocz+sbHizeYN9gfqHLD+P7X4EfFzvRlv/Lg7v88N+Sf/9te7GztM18/X5eQX8eeEO1uYinfu4TSKtKBGXLqnGM+UxDjqb2Lgx+K72dgzHpsGI5xzntmm+i4V39YWDngAhJFxY8kbMjVeB7k04L3K5+6vtQO0haCf1NC7VcMcyMCKAcJKAQ8A9DfTyCBu9nyd1r3iIFZ92sQ5WDdTjRHv6BTmr9+8Fi7t8uhRKUsZW86GgHPl16bXDzzPFQ657BAS+2+t7pvUlf9uFpcRV9NY02XOdpq56QRWlwQFtwzOv+PV9mwuukgtUc9XqQseY0mJm6ksMkmWssjU61iH05lmNsy+/gUURnQ3g3PcyLpJOiI6RqTFgneYexUcR9O46uymPlqn1UEmc10WXX0knu3w4/CgqshG3apxPfNTLKjE41A6g7Odhn1Fh51JqCDXnUbvhPmFjXse8ZMdMWXkZx1seLZwHgL+DAtOsvYgNkNw6mc4rmvdg0YqgltdcJvQXBNeSRg4JdrIC4W3Pw93bRg71Rfj5FvSfzsbVXkLUN0a61QSxqWpz0hfxUtwY5Uq42lhgW3mjeY5c6mizvMpwaQYhg23iA7DwHNxjG5zgfG3gYZ+z3fVhNY9OsZu/xdmwZyyMkn+fiMYeR0g+A70ud86lc3KUd8Qc7tlYMwhrfqeIBW7QKa+5b860YgWMstf8sQ3MTMWzxMt79LvEfw2gh5zvsXAzrbhF1II5mse56vSk5REd4iwO+3C4v/KFKxIk7e3DQ/SVn0exv1iOtHl/g87xAmk68bnm3B48KhR62mo2aUkVOEEUvJb573U1Z20tsiE+/H42L8tRyrd6oV9dG4yNy8qVLXTvgS0iTrDhVDnRfgzPN+tMMNTDHdj+sI8cYr4zjYZ7eA+61wccWOl5DDlV5oOWHWsRg8rY+tL0m48tYrDxRUJ+2iYC8E5b6BK6JrHhijIB51XNwgkvPuFIFX+Jdma24n1RPP8DG7VYsyVIFowQ8Jgu2pGZbrj350PpkMG3316vwlt757wM8L9LqT9GP18b5V8f17G02juKm1Fd0z3llWsWhsmqrzf6V+JlmXtPjdOIz3fm1tjFN49FwmZrBiDu9Lk9iO6z8er68aTSTLdKeu9uMIIN7rPKe6tF7HHN3iaeevGQrEbrH2UP1JvhuX5hPM5L7bAt9MOiZp5oxH8cQ1Tx/x6OVDg8etnIvbvNBNmzXNKGJWbfHFdHhL84UWgRdIdQjQ8s9LytJpsLX813HhbXfgpXGLq7gDlOIR6HD+KbHga6ldFP0yNiAN/39GmPeXuHm+NnNu0Akl7xX7wia77DO6csH1U7z7KQ6/+ACTB73XfhbcKw/M0WtZ6PX2A4y+DOLQbMeZ83ogPq8CKXHlRJd0DZnfGI7/y4/zh7zOvg4z02JN5hDC1d60tL6WAkA16LwuXR4x3e95kB0rhY2UzUT3k+HVic3LcN3Jyd5ESifLKQXz/QkEmq7L9xhuwt7SQOzHRqzg6weEzhe5lBenpmdYpUXNcymqks/XbXf9q17VVm4OzgFpKLPXAWQ3F/+WtXypQANWwccZvJAyg+lgpbLAy55wElef7S3apoeqn6b510x4G5zAcrNN8R/yBEV4NHgP43ytNK+wPqd+8ZfvRf0H/ZetuD1w+LDOY0ZhvLcKoaQrioDqbX0hPYJ5YKtXTDyyMMoEDA8eRa1dNvYEGJa9eUVFXSER6qN8N+AaZnAvpAONMhhq3Dir0KQAbzdns69ltQU4v1G5eX57U3nVHG1bZ6z5Hu8ssRbzbS6Rs+vvlevajjDuN90PDp69iGIuOaSs74yan6GJcGZs553pbfbqCJr3/L9XNjZFp+Go14cE9qF/tgT/TOzrja+ZieuZXbOOHs06B/WCaQ7j0QpVFhMLHt+HZziq0G3grGtiEqOVydfcbV1xdXK56/+uDIdvw7SObk08JtoyLjr6sNdgptzMOtq24NbyZ2tsbt8FYT2g1P3MrF8FJx8oJZZppiih/VjPPQ5dxP7Y0FmXStxluO2R1hQ4WBFtedS2W8MOmZcq/0HC/E3ZP76HzLu+o7Z8P5Z05kQTNThL86yLybP7UPbegiPHRF12RLGQj1SAKubhOwknxmmH7g/G47+2Mnz7vepY3dG+AdJ2IPaeZZSBRJM3fJpw4eXR307Orv7TL2f09R7KKMnv3/wCmFdPnduzCct6WtoOFtJNrVBOyDwOZz/ZaRJi1fgyBPQwHDfCKEx5kapGXKejyvOK0f7Ic9Yqbdro+TD68MaoZzmyQUqjjRGQKC5e39BstiCX5TaFHoZN2RGYWaQrpSa645qMtG6zGOg1BrJAXs6iqCErxQx9pLSWyv7G/bmVBgPYGzUy8iobqC4Uy0pjTY93gx7TO8NBzb6eJ5k+wu+ckw7c6FqGGRk2+PrB1rhRL+Se/rJfZYfKZC1jFNlnyfCU+MXdb7QMw290RVj2SJneMsAZ7X76A3X9of1rjq90QS/P4mll3zan3+qXEbVmTdcm7dpveEbK0QsMqZpw/P6BpXj0DQNFnM85v0QXTDO1N5F1Vp2CrlfdNQxn/NZu+dcY/cdQ/Z5rdHbmJW8frlXLSG4+jyq8Xw8Vojbvp5r62CRR9SjCo1jld+1Klyt+JDd+1Jwca7WUfrFqip3Tmq0cDpGqhCQQm379lUEpiWZk1fbpReaXsETn2pYmdd9J0HYYwa68Y3XKOrGcUkqk4cmJf6bJPeSGD/ZvWSqH1wzZOsO6wWOPOuCHuxBSdBEP4wrfWA+2Z4e/qZvM/tSHsQ4+04mrwEjqyqU0UnxQCLrUVhH1pZYjutuLaAgOKhOzkp0mtW+Umz0OISkyXh4wzWC+0gb/mGvk8bFFXeeIvQZB6/4UMrGouX7+5r2Os0kugnjSm5CqBDksa8IMRgAoap9/Cj0/mq4+o0Dyq9PJ+r9PfvS4wQsVbX3zK5LzN/0kT28Hth9OxF7OnieGrT10CrjAmDNDDcscaJPPgVf9cg54Fb/2sZu3/nZgCLovHb5QmKnzH8wGoaGA1UBku8epoHEVvxVFzzUZevmMFrkvobmmsRm2bwZ2iLmWfbUy5QZ38VuDhN05t+un0jdHi+K62baOdc1qNyaUlX1enn+9dqaJu8705J66kYJ5hvLoqe6Ic/RWYcMDRlgJYv4rH6uVmvZMW763WBM388t7wxDPkZ84mNSnFsCtb/gIzSDXEj/ZJjPt9phPlIZd/bfGWUFxUCHK8hFlS6vuE+vD7uL7LubhV84diwaMvYOkYlIQdc/Z6RXrxVGtoMVx2bWqB34bGggxZDqrhReJ3efMgP0hMtMzShPVEaUPBkLX1gjI7zFQkq38s3SazOlktd9MUL7ejo+CyzLV4e05J4Oh0qrWSVuN+Nen/3WHZJYkUj6S6q77+CuhdxIARE8jXQ8VgQLdDw4Atu14prxAdFMta+AwJYfhJGLW+5FZiNsjs89s1O90GkeD+4iZEiJVn384yjlBwyjfO47rb18gQP9U4f/TA+2EhIBwRE3MbRljWO5+wjsSjkePVAFR8Y1D8jfbKUf70lT3Ue6Wzz4u/FWPKDf0MzCZRT+lfibg+voY83xiJnLdunvJbZSzV6Kxd1E7KSdKIIbjKfZbynAjWiMg2ds8oXSc2UElsT74JJB/AnWmMcnr+S7i36U7I6JlKfevq9XrGqaIwFPmaOKJ4Uuz/Mt5FzKz+XsA8S+LxDw9okeONZFMjZCD8VJnhkan45z8G3r18DyO0KDndCAe0tmHlcjCa+RhrzJmEKuGeptVGlVualLJlvMWwM/wP9JLx9ph7vfswYtarEWj8dbwUHq3BeouGU/rCAx1ziOGjLu66ZqkVfouYq7PWdZp+vlO7vRehifubBPgZuqEycR99NzW50ibx4yGoq6NaTPpxF7jEW0jXkZy4HVzMngInDtxGii7XrzoL4ZNLKPPuhujvfTzPt5tH1PUvhV0U3GvLHdBT/JyxGzEUOZJVDjnMWnCRjqPrK/G77jVI6FifzZPa6H8dCd+SUBJXk4/GvuE3Z21mekeZKzoOdZpbrrtKrXthEjMD+rPke396hQKh+aUfxkKxOYi46Vt6uGZVR4n5Krz/6Lot1XGLwiu/BVIOt6fmhX+afOVT3OUdZi43YgS7TmFhfhYmYqw51I+IL/DoI+vocbyQCwGa65vWkEDSf8RkCxoJMd/Yb95mQCuWw7FI91Ip1xtzcsKvjkW3vZdE+9TzXt9s4b9rr3aF6kHnvyGEjOiY84Vm/jdRF8HSqed3shZO+4AImi77EdzEBr1perJx7jbmPTq/vd6NiHKWe09XqDu/PVayv/5k3VNPJxxY55n3K+ircmTWPniCA5gewaDZCj1EKTAHN9+qMRejLZ52hCFDK+i9+sX6fBefPFRizL2I/iKavaUzXeET6Inp1UVZ5HLf7NGlYd6y6n7LNHYeded7x9MS4Uale3uhUb3Oy2Qu9ccRyIgqg5pf9AfzNngN9gwK08czj2rJcj8Sh/q/7hD+bDdMvV82KsizEpEwjlSg8kQHV1Y7aRnCTUHGc/mcSeDmWHIdqHcgJALuGWwKzb+wvg0AFt5sfAjZeE5TTCGBaxlePL9JF92naMrkuvp9co1qs1umtZPr28VsdL+U2zda9cb9goilMZzy1sLwCGprGQEMiAKZbTIJjS7AjgkuVqH1dagoZYz/yugr6HPlICjJoZw44UuUf+zyj099ciZEyS+yoUB9VD+7NoMbFJUo9Hp0SVLx1taNHTXGt95ouZGvU8txOCexT6kloQrcoA73iiq8Xuvhyfbwryk5/oiMf0N+wsDUOcK+IBY7ECcZ3i5bghpQvbIr3VsV465zle4Zu5wY9eqFUAOeuhkdNFL5e8XFeyXM07SM7m9cWEhAZKMBVXBLq8HMR97cSbtvaLaHg3zI2VTXNBte7+DVR1Ju4geZqPa4iBIwzhg3ZJQXJtTQ5CyHRrDVwQWsNqXWokr7kh0F0z3Ku7dDGX8ZaXyOv62ptRp6P50D8Mb/q8Wb9KrzpHK9zTuVRziizNca6BPwkKgk9162koNBAkYqtW0bdrWGm+zfG8OteMuZ1b9iHqXsljfPcT0vOqUXdNqLDI6RHJfTkG6rR9iz9plTW/RCXkNvnK6wksteXrBNsgZ7CeEEkOtF1PBZ16IDEe3OV8stMa2gC4xrWdAJnn55DBZwJQBJmVEUePMw/iGADHrW6uhRWPNRCfriny3yO39QGj28p6wnjExFlKvcPWv+hhPsHrZoh69NCPbT11waGMbc+UCvoNNMIzoakO8uYvrdbABjZako6YVmxqzHvbM2T1iroYN2SkAVsqvAGkvr8WpCBEQP4P9Ag//vE6eh3wubO0YH/0M6TwTjJVt/QKwq8Rv5v9Fhtm3zHvZsf6xMDu2il5f9X+wjg54ek26lsVwUkPGNn++3/kagZz4WhrRYaLtsbqFPd4nZJdzIi0rPkMRn4pen3x6rFQmFuZC5MJap4oOUgC5wzTn74QYKz032MWlELxk/vWpK1ZaFjKuGG3mycDU2Q8JJ/69fWsJZo9Hh0HpqaGvxkykO1LvcHhsalqdNN/cwQ82ijH+s16IdT53norKKjaaLzmWui7xSxv883sDU/B4E8J4UgArukq5VRLoi4BRZf8YGA63pvlh6gvXXextbumLKA1dD4eZN5gWylr7f774i0+FN55oGZL5/M1C0Zo+M4TESmMGnFM0C9DrIlsrQve9D8+GBtX1qEBlGl4/IxdSv4wCVd+Be8bdLODrigBc6sKrjzQIr7lTtyhoejpXA1kx0vuMu9bBlTONTyU6nn39x4rq3JqPQQTz9f9PrWo6kvV+LXLb8wjYCNfBZhz9O1Fqnl7BI/OWoK0D8X86rFKjnvdg8qhtDuU02sWHNijbiwKCTkI7O53wUf/PkInDS+ov/EUudDgrWAOmlzacniAYh3ETEBOtg99GDpjNIt6yAsIH97daDMvNRsJ1GO/Csu59VArtCEBFfwXePQ5662m19fRNxqs9zbWGdk1WcbkhUIoFymUPtrqN+z4exjqXzYa9TK/W+uEZOhxfkS7cjK7C1pkRd5u6wLzIOmsscAepknKVZ6mlrwMXK1LAqsNbyInjhnbxcbJvaxWs/PfPWVcr5H7CbvHq3Zfz3otNkArnO6vAMzTm5lq3wJaaaNWbkfLydl3OB6V9JA4WAXEK+ko1zohy/v5Sj6rcK/5AZfRRwk3Ki45KaKk2VAbw9llvKBy7moOjh+wGexdBBOD5dejk9Gb3jtsp6H523mfVV5U11xnX9zJl3RaFKq/8SvfYPU/tb7H29uf5W94hrbo5MVQPqp6sU5V9wp5FDn26bydDZn1SYadfsJXDvvNipJhxOd9embuathTTVBPdVPKUZrbSNzo3WByt2X2sJhZV8A5iwy+CcefrJU9m+TNtW2/raFh0GrSHsXzXQTpfbw0eYU0Em7v37sC7tQPGF1rNqytvWKyUyZMsyz3ydy+OgTcUVFRygaYyBWBQYijAMbWTTJAz6wMMswIh+hEcz2gMT8giA5KJBhhC+yp86BwGZSgZKsAMPsSkr73ebofeUnUoMdV1ZNjLv56vKHAt0wV4bhVHUFU/Sqm5NSHUCZrDQ09ErPwRtPYGiXR7VAqx58FkO6sAp5z5QaqqrhH5tGCFcuuVi6i8cAO0qqOofvGWdILUvgnSdzUU2qHvgcOiF0uAuvluQV07KwaYxrECtCJCTlC+xCCsnUcN/CcNQIVxThGXrZcE2Ub132szioSG36/8RJEeIagQgprVN+XPbOY6Zy4J1OeZ3rc5dPYaz+rGL72YfWg5eBuQPtaOKZgEbQ8D1lsz+eYcKsHJWGP2lkaLbY78RYp0+8ynb0viUnyzBa7u94FnU7/K49Z97yGiu/6ZLW7zFd6spTjrrTX0LXu673Hfi1EkxW1x/iHc69+bH+IhnI/v5NffNfZvFnkAMWAdSy+5RvDr0zR6DF12/NR6BoA9/76wD6AqCWtypwai+w9EozjVo69+XRmXk57wnV/9Y2gYzpLscJO5uniEo5aDBgc9sso4aGdiTj99CFV/wE1PLCixvinWO4fqj5PvH1OAzh0/rUWZ+8md/0AsN/2/uOqew3wZB0QewRGomNrXql6BHhra1Q97HgcoFfDykAgegga6p0x11AJ9BfDqBDHKuV7jtGCcR5NpSR5bDl/OjS6+/75jW7VCMJXW8zrQgjmr3QZrDPmeWANeJtlUY0Vzet5JfG7n3hOYFx9AIC/1687kL9q+aa18TJrFaBW9VnqQQVWm21GTXI7JsAOYWXrbPTOIADH/oUNywBjW9Qs821kf8Pee3zswQdcBcaOr2o5d3rwz+hqSarc3mMkEXHZJxZlHVvE3RcSg8wqNDmNHOhxjLxstWbsE9bwUDAeMt0WurIFCznPQdWyNU7rvpa5gvKYpVtDV1E3nmeEvN8c7WrgtXtKxg0fOVmlVNRsj7EbFBytF/Ktwdu1SOest+L0q/4xF8dOgAepjzDfz5MlEfceVP92baB32va9Tixfe6PxiJUp4o7ct9kjpyGL8YDfxMdAmov6eBt7scgeqvtotvrAm5ub80u6Lv9u0OtnnTfYzLbMr3RM8T7S60PtoMraDYz2qDB997iPIhvHFyvgPqHCDlw6hmIP1lpxlAqQXFZNVs4YiISKDJkI2MOWr9v4EB7b6o3IzjF5aP/u5/1Du02w6615xf1nXUNql7p+nU7NqbN3GvhgxOYQ1WRfpGpMlJ9yRJAo++ODRxVaGJJnnOT8D/9mj6/8qVHlh4/ZyjE42MLbHGPysQhQ2AoMlFD6cKhr+KgJfyUQST2mWFGOIHiGBIway+YEbL/3hYVfj4fSd1s5X3CrwL/JM+NhCDXfBe4lG2e2kNMqcA3Gi4aRrl7H5DzHXmT0RxFWNgAJAHZhU5ABEmPdIotria/ejqAi+H/bxT7QBUVFtQzjs7hMs5xp3F0UBV/zTUkjdI75yE+4Rj7isl8jTmwg7IvQyOMvChgisSmYa8ZYVqOtGQthbBpVBwPT7tsHmDCMr9g4NgXT7zFRwzim8z566gfFvN9QyVvWrNYhMhgfazqu59ryCP5+X9cOOGtrQY0YsOLkr4AnTKGTUxDq2fi7y8y9y/TKzIcPy9naWO7T6M7Dp+qed9VLplu/a04x1QhrAjwWBmPffo4AKUqUGm+ed8A7TdE6eKLGfzDUm6m6Aa/n1V6qZZrs7xXrRtwHM7IcMjWXs8bh7GexXBux8nadFC9VlyZfHTsvj6mqWzWjOxzW0tByLfx73jxYrtKX3DNCUM1aSOn13cgkzRf0nurjBc+g5+XU+b64JOTPWMzC9G9acOQAEyMrxVV1EXHPY9OwqGJJlXvEsVWhw2hW5Lwe9fhNVzAZfR9DV1WgNfchSpdi4Eb4O5mI7lRDF6FdQieT8Ho9CXp7eBbVKq5Gm7SCgjtS/DxANjbZrmn1lLBCoi4xNGJslS29AmXY+RLr78fzN+Fw4jN9tJLfmKkutwYTP08/wBRreqCuM+WAeCqh78C1rQXTFmeDXV1yUNW8H5kj5GW7Fay8Iqv8pf9Zt41ABUccCpKf2mggBY4BfPpVI+CUi3bIvtvW/aevrjQaaE/f2Q5sI3qEOeOTDVlcWOOSRI04Bl889zVDdWvOCH5Il3zUjWPm+vh5LYCv1gQ13apW6m0tPPxyZPutJ6SeC9rlofRUj/viGc/74m7iN5ri16+DaV/xDT6nfuYIGDdEgTjZp5fbY7zWOPsCJ3vyawNc3rJ+VlE8Y7LCbeZe/aqfyDXvlo/n5Voc6XPV6zDFnz6sH/r8svT5nOM+jGNxGdUFE3O/nM33Wkd31RRPLVms4LryGPBYZOtjF2tYCMY334cTP/Y7TeWXNZ6XXRExr7pT5RXv81Lzq6Gqpi2aHmFdnvsyEz4kl5f3/Tf42bvqNpczs73nA0dW0n+nZ+RzyUCH6BPa5vBi7R5SlYLtkRK28RIwYqs7xPsBNFVvvo6XeKtf6Z4dyLzOiErTcuLrG74pIRI1nS3mjEq17ft/6oq/lPAa8GMO4Ygz4MCZbJU5Psicn/LpiiFXrx/Y6PDFVhstF3BHeqOuf+Yi/+4P6ptEQNQolWyCV2AXDQio6DW1xxsO64jMmy26PvRZZVyffYc0WV9+HP0tD+ww0qOr5pXtfBFnTd+n4jOa44z1Woq1C+I+ZqRAUNOxZOXZcMvFSPAb7cr6jUn6/HFEnguc9yHfOowT49DH40XwAC76dSlR6bRznlWsf4fr8qzyTVx7Pyv2nnQ+fR26Nm9knjlA6vYtvt/X2cvuRCXrZ9HGzQBgbAWH2CNtZPVO1bB11PNMu2beZ2OPOO6Vag/3fFautRjh4gP8qv/8I7Tqxtt1uRxcdZxa1fW2bSLg57v34trUKjaFw2JOxrmO2XsUj4Cw9jljtf+6iKdya044MsnAreZd3V/sNtj/+8AJghNY5bbCDqreu5h0ntGeex5VavOeYhT0oQkL5nUqHhCoyRYrgFyVAc9vM9M0qvf9dQ8yQfqQLrto7x4vnkaLtvMyhgMkp9ZIxnw+0QWx3I5wRaq4SpU++sSt8WPlYkxmc095pDUA+lhG9ZGfoz1oULs+0BES7AKqMIBHdoS+5omo+Sz4nOVczZIso5itlZrncBC4gIrmFWw2eCXsLLWD44SlXwZEvx4hD+uDNS4W+QMS6HVuML+ujnx0MPKJ2vVSoP2bNKqJy7eOjMvXC4+BF8Mig61fF2S1vx3RyPutnyE4HhNHHhV9xXFkx7FXs+qdjv0NuzE/ingHeAFv0C+YR1ajjPd6wskYUhrFXSdq53djt8Q4QeJaks6GHYJKU+A5byKxJh5iztBV7c6kaEYkcqd+0pHfhNgLx61GbMqkEHf7KsD2sO4pDVF5czHfspttmRjVk5pd61IUmGO4LIshqWuTxVUj5zedSr4fFbYbyxnWcltzB6smm0EwzhifaJuvgeOF2tPw5pj5Rr+byHeaNqtrnfrdzoTKaOyEwbtZo5KekmtHp7xPvO53MbfrdfJW6Jh8cUCSxu67JvX38IpcVsT66BY4kvvvDsVwntRrzx/NG31xLBQHEXQBjcZQ7z/8qZiS28woOcdiBbZKwGVSuqiD556QrJxxzmuClbfG4TWwbGYw7v384wy9GkbaHy42x5fV2vy0Iz/CYNeBkufxZzPiHb0xj9gReeBivR4LGsyFCEPHa8VRULK8QhlbpzMH4OSKZRjjjaGHYTkCz3MYsePe4IboEQFNWzHLbKgLLroTHkaw1T67x3HCG0V6PgRC7rMljl/WdfKWh4LX7UeCDytgYkQLuoFCwBTqA70nYF7/8enBRZ9U2C6BsEac8Typ+IyMGB9HHm9cr6R7x6rTS5Y2i20EL0GL8PuBfUIGPv6ZQvXpdy9HymEhpHLinWqs+qTD2KS5EjhAGNvpbg28M+/EYKz1lRSWGpoMs4kbytVBKra6/sYrIClVPUjHfqKInGy5g4xRS+I7wYydnIHeUxX1IuWZ34/MtzSLM/vsQV1cmW70OPqsVi2mmHeLjfLN2O5bvfiVLlGe8Qo+4U41rM2cxqu+zcQf0rYuHbCaz5oB+evYms/A4xqcxQ7H1gOxKD/7eP+rq2hz0v7rP2NN8M8/g/Bfuj3N48by5IcD7S8Zj/cIOTKg748SrVTX5puefwqjXi9cYVJixE3MDbJN4Q0I02tQzrqMLt/xCZF7wBXnvG+nrgMHllSp4ohrt7vc68Hoa/dZ5e3fkDRz4dCb7ax61/2Mx7wPWmt/VF4OLJqFosRH2Y0KyasjpKoKLwzJnGzlWiOLtLOQ2TMDbFPe6RKHBkVRz9aLc1Y6DP75197RCEcYPvyw/Db6OhANPwEe1R2QZWTRGDApdVD9StqRBcpUFFVCKp0YkHHLHFVWBVOMjLuxv1f1rqyn5LWrqnrcXSePgpoqzdfxcjyGzI6XGqM31wd5LpNdBgcm1jdQl4b0ESvFj3CAFAXGIa/buqJd65rnfzYS5Xpm84HdlRZ25i4dxV+DqEy6HhXgKucPYqOY0VOf08HT8eRALWurJWrYmhNzp8eDVSYWBIIhlJK9gSPbb1mKYzBucoIRhxXW69g8JO/wvgRauT3ti5JwkVQvbILj4PVCDxA3x5ksdCWVgeW1oIKhV7Xt18p8eE3LJz0qeU5CzsQT5qk+RainjD0nFCfh/Uu/RtCyPr7/qO93o1QB+bj9jBXXoW/xqX5W/DMP67nPfWbPDR+IClV2Jo/v5Qxpu9tyKRqgbSAVLbG09r9VIpXG35QbeKFs6R0sIatYj/+FaNsabi0W7zwqjO3ymmgB2akB2fCdjEG1LpILTMCIHhCzAtisyQsSxHsXQqDq9k6pRZPPP9HlT2j6g7yd2S7ce5D1HmghYOm3Cgd4uORcjh9lMsX6BtPLmWe0HtuC559G1NBbsbPUuniEyLZzN1Lo3hYC7mlIxhsou81dc6aWGSoD6q7NG1hrcN8NnUFf8bhqFHvJeByfkBz3GIZAstKRnCE7RM5rP+Slwycq4Btbvc55DMFS8zQdb8vkm0iee3YPp7uzBdMBi7qk/AehJ7Uo8KzeICS97y1FtcHFhnPMDo3373hGW6lUaVpOZ4nwpKW75u6iK+K1nk6srqkldzPP67Acl9yx0HV+kZpN5viGu470TiyvyG/9lNgVCZReY4K041WDDl/lU662ULV59ambCZwbJD9GnNFTPcD30PO8B18bFClz0sOnJpd3k0Pgjl2HM3GvaXkHlwGVPCch3TRy9SYjzajL6i3zsd/iIUM3koTp14VAPOGRJjcGchbcwDBNVOo12Jj+hhu1bsd3a5bVrr2++Jb9WjPbuctIg2J3Wt9RtMFZc+BuoVMIePTHdnfhxCvlrdAGF3JPEPnuzhx6tI0WQhIG9ra6vEfNtVWovLIgxoGwhubF113+0oNX6EYQcx32+1n8DAfnW8zrgnmN2VFSaFFYgF5RKlP5O9iiZ8l8kTzvIif0Ajp4Cw3L5brIcdrfP5aU5QiyxwUXbDANnmybO8TVoeoexBbycTNo+8EvgH0XjODycXZB7bOhrkXFFT+ySvyVHjx6/PN6ejxG+xivZGHMlgO0Zisi12DSQPPIRV5l7WH01Ic41OEUdtOMbk4aqOXu5HUI4ovEjQtN2MvEcAJN5km1Byn419gH85q5mySIJnZvAHeiIXx2PkBdbMs1OP936QXBvTcjNKR8d0KXzo33b25TYh+S9iYiSibc6xpGpPcJ99Cn0+vy5ouEfetZyPxxgSlwpLJD5V6CB6vqRUu23/h3Ay5ackdx7bL+hn4UdHplHsm5HLomenBb63KfWNlFkNPk/Ro7kTXwWh5xqnmk99DyBizXPNfrfj666bMxLyxszoM1jysazE8XDYX9r+fXuNmy0kMnLYP/DPZeXBtfclIO5yq/HVifg5nV0rDRg1SE3yOM8Q9+sy4P7fJz2FmPjv/v4D+CZpfyZVKflvZGf81hQ/OTV9l/J4UYfaTc7T7cqucg9Jvej29oe3ZO12wGQYdaAwNX1TIXu2KMjwpMEv2BUDkboc5trMpZiyvOqHL6KFGfT3K4VIcITgX/3xmXZtrE8Yq+ymdzNpMdXV1MoVE02UIfBB/KgtZ3BGL4hWWkBklT/UN7Qdkyfmf3DmZl9Zx6EEVh+0FhJwpRYIrSU0pkC7qkckfLyMcZNnpqcl+PVjCueuGcflIXp8qHWs94RgwuzFyB+173FWl4biZVtQVz9+onpHZ97n/SkBr8+VmQ7gLM+nyJ88ARtz5IozKFTzb27UN1Pd1kCHqzu/yzAH22YNUwgRQt0Kok98ZTptLajVKw/4Y9VT5KYGdV5Oz61uq834jgOV9MuuoXcqF9lKtXlTWCAJce4txLCF4Pb+om5euSh46+RRmSa8gCq+OsBdzbrdc19vYvAPo1kJ03qIs6PQXd+d4aCO5oez2doYsB2lTQXLsz87RO3Cv3kKrv4zC+xFIudhxXyQPDFuIupYNqfnJeX91njvYV37tyTWfJPI5hLju6w7rK7wa5B2ceDCYbwGPLWgyuHy4Y0TEZ8zqWd9qw0676YDqvGyph90BQ6aG2eoShZoP38knsrUc0kq3zJQMU34r2eFUc2kd5GMn9k82+1atK7mR01NiVxvq6bgMXASjjP0eXHIHBTBCNh0Yot0N8z2g3oXJuahPRtLxJlL2qKeBDmapmcis6TC5hqwT4aLYWCsOKQp0l3EsrAeQW5rgBnmj+kXQru1PMsqJ+YTSYQNv5nhVqOlyaAJaYz5JbcrSY85gvprXrltoRHoEtEci7cBc8sWsvcb17FeVHPLwpr2cDp+u0VXZgdUTyRSeX9VjCK1C6ZZyv8AiowuVK9ccQ6zzF0qfo8US7qNeqNC9ca0ot4FaRxBAGRKECBH43Y33jXiBnasMlQJcO7I8NQYNuAcnsIr5d73XbijRxjQj58sH9384k6VShLoXNIL6ZaD0yDc+Vid1mrYI35MmSFwFWwoeDxvkq2qtcUZBWKZ0S02xlSQpdfpL2y9Ccsqpt/1aTsH2/rHf+RSxpoRyvY/nYAXifz31F4eIntz2Q7sGPfhgg8YO0f5M/WAwlbhNKl/s+stJzTQY8Zmyyzp+lHxUcb6KFnBcy40y6+8ccDZGj+eZ1EHXncqLXE3RyNcQpObyrfDb4TE9Y3uw7HXC9znn97Nx/O9Mrb9UTSNUI1qvai1zpCUn0wPikWy2a5MJ8IAXpUlJAAgC4BEnyCtSyUfBtamfA+KofqZ6+G1cV9NtbzHMn6gC966plgZPeiLV64+YGY71mdOm/OjRY6akuWBxKirUZ+jyrUvzB1IhNYRTyq0zAHE4o81fMqczaGXSaSy4cPDWNBGpeaoI2P74t+aoxoWXEzyP0wFaUrJP6nuPxMuf12IqVzuCEnI08J/Z0YwhMXiTfr5JDuoFfDNfb21wjGCqLx2RsewJvH0W7rTNq1W8n7zo12HqUyyGaYZsRlwdIQfxvSMm8bn76+d+to/RAL/vSwb8Fh7004eNlpn3NjxaEOuxWmBparzGuzTqUYlQE8bAVStDdx8J+8DzrvviGPXY6GJulGj/tzFKuq1XN/zW+epOos9/lnavQgvUdbg2uNCviG/789tmMzTftPVHLi2T24+s1Zpk5bKC72wYs6iFd+FGE3ngsNMjZ6gJYAdDYJ44fcQVgX4StXeof+zyNizZbs6+dVd3anaGzmvvYBHfNUheK1XEGmgltbZTi1qCx0o6hiW0LvCwknQtPnsMEX7m08AWMe5/2yVML03k6tnSGhn9Slvq7VXmHTv3F2pcSUxNTLLRc6mnBpL7uGJiHGG3SPP7HeFKbeHlJBD/hVBby4Qc+CmFNDYBhLO77eD+H1lcl7n1FGKBPOLfaEycNsAAcSxH5CQwfrH5pzB9qts4+vxpjE/yYQTIzwvkhKDjX2yguQhU54ggDfANBGQzA5r2qFCWxQBgC64qSXABoGO7PRsseW92HCWriDXHvD4jCbyAJkpZmjJDx3FaxgFsKXwC17LsmJjjxYeg15sjPqAC4lLp7xxEBzApLirETT7Ip4eB+AGXOIifb4xnNpOTVFcPgeX0D4TiEXwHFFUIt5o+CWhQqGyUJhFC/UJsQrKa+DUf2Up19Xx7XDwaOHxR0XEyS65yD/ZnjAhN8fPHArqpRDgsHuVhHHttZh8F9iUM1HyZyidKHrqzcfTsaPcnB4vtaP4mS8vZnOMHEdOIZPEXiae5sEkk+hSV1EqZwFQX0/ON5hq/yMRfHxnbWON1fjoYYPjTiqWEZTr24wSOuABSpJYmTmDtY3PMMoxFmEfN+XO5nD3k18v68h13z6Ud95fWkrVsqreqgv52r05X2LlE2OyZLuiTd1HgABue4RZdnTI6hmiuWucEY+sfRmlZ3DT11e+V7gkezwzIe9cDD9mTsthb+/mL3R+DflVtVwCMAeWd5/toJKuEwl7QDe8WHsgcfRrs7eu2Eks59ztfMQ1strZ5yfQjLH6gw1ZgM6J8O0VpEm8VI1zfYfGOE+ySeCB4Au98OSCHk8Gl1SBPhOcSb90Y2C7PrFDTQaMdmOypycFhiimFoPIk0O1/lxYpk4M+E1h0utA98zpEbGC7aBMzOLkKsea3NkMXvnfK8TIGzHBufsxrzXCwDHLQxHtsiRVUNqSHNJsEskV1YzSLf+o5jbI324ezFDJZkU8KwM5L6zY+8qaSrh32rv2Rkc6uIKch7uB0/8CIqQCDXbauOHb/LN9pTerzwRb+QEKcT2sh0aawory7+MbhZ262hXq/J7A9I1+yTfN3OK+3J34CV+vDAfjeTU7tZczJuMPcW3l/2bASyRYHXRHWjiZ23+UzfSeiQ9K51gec4W4Gy7SI/wPCFrZZME9C4TVoRsMYRF8egdXnUn7YVHydF5ur8mGNxvrxk/ouMCW9SSkli/U19qm3WbWD7zu9T5htGs++6PqOj/vl4/kRPfD/zBDW8jAtyvRbZpzDk505bsTevZz3vw7A+f9PnFxjr/6DWPDymtY7TQIOY3+0+Owchu2VOAYMlLrww5CT1bc33+caIcr1edKdVh/mPjFZfvnmJ1Mux037gvMUWq/PQwZfn+ziJ7JvkBYtjvxxEnHgZv5mB93I16uQlT3bSOfcoTmTG+glrxXmo5txose6KTQrneL5bwr3WVK2kTSR0qMABcjmcLUQu9qpyC2bdFWTjLFPbIAaFExt91AIzKytrcBZaWaQMdNkiEAZLpHJ2ytGLINCU0m3WY8oRn6hT+tnF1ll2elcbuYI8y2duPd+b1TouarKCPpi/7n1k40z6sbyZi4b/E6PZbk0WHVqN2HQRFr2l1YUgxs1nKdS3CPJM2EULABsZvQLRdUhqD3QTeo742qxx1wCmfHM51CXT3G41BroeA+7lGz6lBb+eT27Ihwd2TJDEV8iLlKqLln17vVxPSilBuz3VkCh1Za+M/5U1EN1WvQIftw7qBmuOcwMWAJJcdaTidpQjq+NEnI19D8vHZnfjyJ/73rcoPN9pMyr24dp3sZrl96Co54/nMLkA7n12POR7Jlo8I6AFRnG8EOQnetbKRbZm1NAh6sGzp5rXZXu94Yus9bhO+V3+Rv8G03W19e4QI88NJKb5Y8CQg5IrveI8gHPZmXR9vx3kXiEThk/9Sjh2zHzHx1xK5JBHveskvB7TqXZqb/Pn7u/UTtdbKAFTPccqBmvxh2Yu8p30WgzsXnh+3sJzhSwaUkpbUuJwLET1chpjgXWN120zgfbaD6GZHi8n57Hfp2P0nXye6uxOBkMDXyGiFB6NE4DC3YLkdq4N9J9x834EHETQJwOdsuwZhT4AHeu7wbETF/eULiezbSlRpMDcpavAWGbHokpCq9U3zgXa5HNRref8OnCxtzLgKYMP0YCjD36eFqryi9zwJUoYQr3fErJa0icvU1g0KvLIkjx7AHqWA/2qJYs9xtpAvOT3ltB8aL17WH9onuUfCKO8F0DI+MGKYazb+cCONyUxPuPxxD+/GBjjSANW6LE2x3OVpGo/9eHUmOO0SYxeucBeBBr9KB1vWiTWhTjaRqtaS4jiw1fdaNnEvwir2Oy9s+DzNc/1cwSP73GO1A4q/jxGqkKrgoL3hqxs38i9wTrtQOShObOI/UkcjzVf73mGA4Y7W7XOWr1660scaZGSrPGbWFrgIvfmH5prrbWF2u8ZjnU27hlvOIkEmxX+kWU1I1jclTkee2y43f86o9M6nGpm7CLixWNvg1r3CKCLFjeQuheZm4Aa5fWJ4ws2CvvLCiGq2jl5DAxoUdB6GB550ma+12WUZODioYUrb6UR/HW7HkuhvrFieTjaXR6ux8Z9Y0XOM8EfzzeT/ijCDDCjKTIGyMs34OmhwIFzW3BzBZn1sJDvXndfQbLOQ0sIpy1rpGJMJPDoKh5TPhJlDIcnMDAV//Nc31H6hSoshDS6o2zzGZWVNIpEQFoWGtoT9SY7aBXT0KtFliEIFzs1YGTbYUhyhoxVfmYyJvL92HNVzyPejkxDtG10rwOebMsHbAAqyVOtwk+HQtIfi56dPyOgKkhTRrbemqoy9NWyZyXG1foxa77q9xYoKo6v99X7hdb5X6oXftaYXGsdTa0xeCh3hBr3bzbr4oHX67sSuSatYhsbD/wazE3sO32WyVnZOgJZgwp99mOMrTfVn18mHiSTWUQksN0WnbD3Biy2DroF0NKqNT7jjKFiNY9RN3HXx89NlawjbgxuOiim61MplNgyCW1zts+vUfIUwlDTap5U/iKM/eiT1heqfg6eaLXYS3BW9axTRZFgQlXGf+NDrqW7h0Ec3J1OiV1pg7eUt3hpjLlFE8jfat7irA86jAwdfKJDFYOHqHxIIhM7DGI7H/R+MqRef7RPMPvYawPI4NDQ9C6Odbe6ZUOz6h1+8wYrfqLFeJMPolJoOwZsPTwrjH91dwDYSlSR7sXzXYTNsXM6dG95pViTpFOiQdTpR15YqI2X/Oufj0i+y5DAr637woejuSPBZX9ur/mLzCiF6j6iocTbiOVaih/Bw6PYnLhHsPftmvFcqSCSVNoddk/CFiFRi6qloLvxOzDMfcRkjp8VMF34OTIiSFrJ/2N+ilgh9jCH9be/wHsvcjUqGy3YqWa79IzyHf/pkXqzV1snmmJKjlqVE8qabFXWLzixGhUi6C7oX/PXs6uvR6Vh/BFd9OAo4uJ48DbV+BGFMRDNLABrt7gnze9L4x1+XGxRF4F9/U9q+E9wji+zXQ35xZWpwbDDycBmkKOW5FTCr8SbjKJ0HCfB0hYb13JDhQcGcWmZiJTSo4smA9Yv6unQmq2pp5t5MWCrsyyJF/waqwJbKjXxS6S26qYFNcyi5gXQ4/DURw7WeDyoIPWGAKUemz4AIJlg0qMouuMi+UiJJHufeKeVrb7ji6+sMZJLxs27nETdr9RcfNTAxLiSx8WKL4IJdxJI4Ga+Dgdnmnwp75Ti4JdaUdvG3j/yb3r/PU7K8qF9iDkdN0CnX27zXK5aZpqZEgHUr8SM2kbhImay0kgbWm6p+HfqVtoKQ6u7YGI+Bg4RfIT9N1CP1KCUh/JtgahYD8Zg3nIOP/UClvlPcVj6Ca+WNuNqv0/9cj3Mag7HTDCZUM78LiMCNRnSFfNUq/Cvc72tWkqmEExVEgFSa32V5bVEN8pR+FWbF2S46Cn6kIp6tW6oybarP/dhFcRYEM/2I2Avtg9EvtfYUFjY8utLnHBAbfzAJcrISd3nZcSsMQw/ucoKz/wt9wK6OccgOxN4nmOTrIBO0h9zZoXnb9ky2n9HrVXIPyvoYgFfajdJnRY6PCsAAUYj26bn+xlENgpqqbARFigW70v21u419N5XPwyIR7Fp+aN53jdDhkE71uJ6YI9IHcPY5ozgZlqGD7qDPPkz7Wua97mJlhQ1VU8RZx1xlhOFinVo2EJ3F0ctlHeJZMs1q4CLk0uhSYujpjsUtZq/IV8Gp/VPc9kJXTt2t0sHP08YrmPWmlsjJKkHv8lQ2oXVPnSAPSga7JoF7NOy5+iasy3gjfGsW1VPvaSGFh6HLBRlbAg8uEv1fj1Vy1R0bK+xp1UQbe4zFJTtmilbZ6PugxuuYbjrfY8KGR/arUeF5r1V199n81yePOweAsx0LXMeMYRpjNTW7IJwQGYeRIdA9STZ6XZ5vLO/1iIf+yjV/caV2DbPJyJObI+FVmQg79HPo7D0m9DlN2AH0ckufBkM3f+Pum/RchzHkd2enf//452+BMEgAi+Ksl29e/N0J0EgHiAly5Izq+pjad4Nib0QV7X2kPH0L9e16KktMfF9OKOiDHRRMuqvel869tsGJjyjPd0BLdTaSdGCYy2uDqmy6JDlRGgq4YUsX9Jc8gZbtaeOYMNfpCu0sywm0ClKHyrWStKn/ZgOP7YTrFaY9bSOWOc9gA5yEYs6jbEBmp93hzRmKOsjsov90UF385DtydJj0xFDEWN0vZtHE7BMFTtVIdGS3VMDDZ2H0WwGEA7PGkCAkV2csCvzD5Jwjyqj/mYBoHDAvB7ze1bsKM5NJzrIHtorwXAxGg/sUZRu/MO6o4mKeX6NUaSvyWxwfTL0t7TXEDeoola5IOqmhvfrcCDskYFz24P+L6qDzynEcMJcsciCaaPHWR6R1b2GzKwG9Hms8aob9/+shKpyoWsvbtRtBMYyHEkV68NFUOojPz4dtDd2gkl5fJ11FYPvn60R7Dy+8Qb7itN8IgqNX435HMIxuHO43c/nNT/7bo1n6G5eOC/gm+cDU9g9eICb3WAcoZi0+yqFhwfDX/hbS7Z2y2n0yqeXibI6j3jMYSpzxFAoNk1/KwHkAWz3L4pB9HJ8OCadirmiR83Id2Qi1y+9QwnL1KPGaf4Z6+mDO9/1yf//Xq3f43qv/FprzB9YZTLyfZSOe2mGde+1Jen75G7VbFV0zKW220pWqGwFjxhpvmn3xTWLniWoTnpXFUJHNSO/Cr2GZ1W1s/7NYipV5M7qvjudCTOzuj4srzww4V85POWgAVycI9+PsxdrrQceKrqCyhs5v0bMUGXpmQNgFSQXUkx5iCsXpnj1zsfnWdNXWNnFTJkFSswLje+DueIANMfAPHawyHhwB89UJWMqiOBp+DrCdSbr13j/wQHcPDb9SvyEoSOZIPa8WaglBZhJHfb0Z+mK+6vdhdcTv6pZQ52rIlshYOdrpop6fTNS4cDwtbxfNQ5ZHnsuo7qYV2Y9Zc3TsRBt4zZOAGTpSUC5YY+0Ef1D/8pbeUs8a27oDJ7WaOjCzIo7uvYnucyh4lb2Qeb4us1YS1knrtWYZ2o5Epyx+Nnnfm+j6p33dL2DbgPrdKdm0OX5HPQMnfW8Cv1Z7vN9/FWP503+eA+EeJY+btj2ZQ2JWdc9NNMH06zsMFxg4e3GAB+HAwUGqzx9sDI3xBHEAovyS5vmVvK9tDOIo7sWSK/qHvN5BX28XsDnlj9gYtfQfZREPeZlLu9hdz9Tqdi/zKH7plukJ2xhb+9AP2gTdo6KFikZcRmCjCF3JAHKpOlCqW+Cq7yc6HXG230m3LF8Xmbq1lzhqH/PpAKFpveI9oskDYTY1EfgfH1cHQDX1NBN0ikxmkHOkWeTWC0QHTQyNx5LvRqFFZU0s19iA2LaHu+Zvna2N8Uzrqt6Z+7QGNEjchQp2YjcGvJDqUljBBimhwjj5j8EwOPBuobDG+h8xICo+QNPgH1cS7D8Gj3wQjJPwPcD+3wIImEAdDv5J5pWiVGWV0SV5/sZjqNmnteXIf8Qp0vVX7GxZaMPvxWczW6asY0BeuYt3RHLvNPoT9ficEW5ei+A8j7I2ih1LOEJa6w3UexvuMEIxi/kQK0ovBbUxcI4HxhCyI13OubryDYpZDIHKyjASylzzMJHUYOPTVThmlepZnj96rOO9oycjJKX/5GrNOpc7Dmj+GKYq32GVyyxdt3h+z6euV6TfX3leXa9fw3wG2/trt8HqX+vP0TaB2btoPr+6JsA787vfOKez5bYI9tznHT32mmfhYApYjnp5zv7qjnRHx2HuIgv580pSYv70uB/gY6zAIeFWwiHhEs7vsFs8IsAujhtXlAb6FByi4zKcLw/93qFpoWHtHWgQOjrfWGsDgynAI4ekmdcrH88j4Yw+ZWh6tk9sc69KzxvFlHc/0NMZBCTVJOuwSTgu4JwUHMgTBbWTcGnxlwodSXId5lZJiyLC1vDzMDfpetAhOULWjablS0MHN67PF5ZZZNa2t+hsxOH4EZP6LvJBy2Ufe/z7WzK+PxE4zdJd8n3v9OQ/mNj3AubowffWd0I7lfxYF49wCNnv6YvDqo+H9itEEz2rxr7VtAg0H5uWJ8HGjfuhrPKKerx0YfnHIu6qPhcr6vdWH3zgkh1M7KxKhK+m2Yo7OkT/1yPa9yyLkAXpoWMg6X7Sl/tZlGL5hSat9fp8h5l64RkzUM1sm/n7/h1D8MryLS42ZaABRFIs6bfznzB1NzM87hcJ9MR4qIjWcZaDD3NVK8PVjQeZ6HBOR/XPI+pZjXv2ZI4dJMAAEAASURBVA9akR/nwP1qfNq/Gx/t8X6N0PzTa4PPHl8u9r4/W/s9Z3dVBKaXi+ZgUUalzFz70N0P7gshIlKTPATni3DcSI85Otm/qozEop8HCJ5Rp+rLQ3aSGjVp/vueHkxSmR15+zjPpNil4MDrOMz/k3HXB/K1t1bl0cy+NLd5vEgDjQgPES55nJiLRUfCy6JXlRX4jJMrSpLa63bgPzFhJ461saK9yyY8s3jsvtTRI2wfAAht9TkH7wNRyfJqJF/lgO9HUVkeyQoOXBg5TFFuxGVNcvaSQ4Mc6YNWLO1r8VRDM720ihuO9f4a1/r03LqbMY6qn1bCqqdenmqVB/q48QBmccYgb2d/Y5H74Ekf0JUYPMTGl8yf/xL/2I/NEXGXXU+4h8aIh3TGI8fP5//miYHpAgz30Q0aMtx9Dhx9cx+i0EXhOA7wMo891HMV928+ahDxR9vVpOOg7zVWNysO7wxAdsk06fkCpWOTmHubikqdMi/fW7WuWkGzwvYXdEZ7bTmWOFEZhdh6QqYeGcexooNnLbGz/Xrf6eQ+hkWQ8JhQ3B31+ykMr0GkGS7NQvrMw4dpUa+ed1qWx++4PPXr9Y3v87+YeW3bIJ/XQxZzd/6q+cg9AaytDz8s852erDzSzz7leZX7WfajjVgyyGTsnc+nvDt1oKTL6t0H9WrEykatvxhVxJnb61oy8fqKN38IqMVmzXT8nADY0/hBq1OOnWnlywoZQ1l06ibXoJQr/TXpxqvCVLnK13LS3XuW8X0kSqzYrR04Yd+4O8wis4/v4u3sRgkrcZ28NKp9oHjtACC5Tw0IUZ7DrlzIbZo+TGLaKaD+NCpfvp88KxXvvNhOSHIeBZ0qy7lXvTARBntslIRDJZaQtPx/+bi+naog6qrnyHKhIrqcdiMppdH900jMZcxvIHXiquOrjggBN9YIZL2a29TZLXBOsplErQiDFuEktT8FQX3xZi1rEFvIEXCeL3hwGhyYCUBiIEx/RiONytlo4IxaQveyR3X/SjyQ3UNX1Ixz4Xdcqbk39mIlrKflABpTblz95Lt+1d6swQ5gnceaAc2//Jp2H50meHVdvARRe4Lz24d1qN6fWsaoouf+lRVvJlnrvH5G/i525+aWPR+vDaOg7J1kfJ0KpIHQY5HVsa+RJoWe/Wdn3Bta4Fx0P9Ui9nZ+rylIdOnV7zWYV2sxYsaX4vV5mdT+SOKyxZ95136S9Xta4+7a+IZ752Co/H50cvdrNJUQyQnhnqqFF3RlOtJyE8DXWY5FVZh/x6QU9lfQ3fnwXk7529CUdd2Y68xUkLfM+wga0Mb8vdL/bQbWhVG65Zi7l73oanpmnNhKPp46bHYVn46O3vMo4oS7Mpqgau3I8d5IDo5bnYAIZ42JG3wOknYBNw+g0ZVVClpIeSwUAqid+qV1bI9qxUKhU/OwgRLgl1+Q4J00yYv+HyDQlWYfoGabopoJbYy6lhorkvn9JxmlRNwfA6BiGR+hK599O4OLqSFalTDVVyfVIDCMKVxtJPKhvYFd8L/ooRMKu+gUUB3O4I46sg66JvygfnuvNx7YVTIvUFWrfM71D5K5EVtCpSOuOb9WSMPTCSka5iREzJ7VFQE8mbqUmxDofYiOMHYKXb3LdzrId7x8zMA4jXf7MT3lWwHv+kFeKIhPnZTiDeGztWax1FdYn6+HYpDz2FB000anSD9pvt2HqCeWMRfnrvVyMq4j70n7cL+nFhtV9vUuedtHu+ci8IPWbvuIq/uUF3V4/rnmbzbjc39exTfx9we0Ol/4t+R3d2vL4kP7rq/g/NDl+/3j+zcMsgf3kKtxPaf5d+yT8rc1WeP33b1RuXPjvf92jbd89ZzvAcEePWuai6icPASPXwg/42NV5tduDDy1s2pRe6ZXA7EPk4OJrsny76LSu5F4utcGTXD9kwBQL8e5EZ+vddLXYrFzM1e2ceEDkfmaXZMlCF2n4iZsCjRyW3gkQNJzliu4VABhWOiEq4kjG+YUobMPqI2sdasAKMPJ05AFKq2xe2OLNl52zSqQOSWK/Jr+uilFX8DULMEDYb9lx5+z4318wwC/GPXPsBfATszn65Yhh8Ywnxu/KF5HEGct1VBM5HZzyQsD9ZMDMOpTfJ9kU8hrM5/IRh8xL/NH30WqLpq33Mq3y1Xr6rBPee3P9uyTfpnDcfT+Xd8/estZzeaebT/iGmSe8RWq0UB6i/BadjIJSgXUVCwS1V5X6nKRqrCQ9Jw3HUDBRq9l+T76zq/Xvauc9uXVwWjs3u+HCn3Ka9qY6T+hefKLtW/9hf/mbPnWL/Yv832+SMDv/hWYct29DUGO4a/X0uphg4+Atnhcwz9TxALE7W2fwn3LsVV9zjSN15GY8pJfC3jC7RqAM+unvQMSIxS8/83MMWUCyRtyg4EmVkHPBw1D02oP1hE6ire4rFPdd0YU1iD5Tx7a77bywzUMcWHKF/epmer7QPOPPivIzEF1TCiU0vS5M5tKN99ELtgQzSr2iLjKZyJp5FCXYGfAZ0vS3vSX+6OC1GLO+pCKrSxiUQ35MDU1jdTNVFHPGVTG2Lwo0QEhQ2jN7PfvgHg7/Xf8NFMXtGTchLfWLy/AJjk3uDgV+LFr5VbUmIvzLK0PMf2jjF+b8S2f18Z7Ywz0AqbMEQsKdWPUkb1krH7LNYaPjG8dVevyLJkZPtZMk9bWwx2duShUOdR0FHH5owmXJp4cZqqRPD+UTjrBzU8bbw8qZ+KTW8wZReWucsZs7Hyo9AyXI1U1foeQvGmfeskKmvmE02nd5Cu/KnfSOu1Lx3vr0emc8uZhx+SEf6qZ3hPyu/qf8ImamD/tDHDfrcizT+eLXPv+U72TSCOj2RPXu/z52ePePAKedv9Xa3hsJBjFvjB/qxNkL6Z/3uHQhJhjqQSreipgxAjhBdhbgxCd+S4PHvidlIhFPY8lEpYZbpmK2PAAxWgiOQJGRxFEJmNhpw/SXO85QClCvkMFFR352aFGePxHs/PysuRoN3Z8/k2iLOGe1z9aGJN0FwuXnHIZ08B6MAqsU3USP5jo70x878a9+7bOBxjOuhsLi+QWwl6ljys2AgGQmN+Nw5CJyf+ksno+QV7U9M+wjwYee5gA7lpdKl6+STDezYun0oxrqjBPOa7jk0DO+aPCjtp/Xle/B8z2Hhd7PcnVm82dH3sjth7sWKAmY7c2xnSxaStiz/ff+liveeMK4VPNH6d6PYXkSvX47UmQnesFX1RIeLP647whTYDeMAoMf00J54zu/U+XN38+iJrnmua7yPr6Tq/6EOumE/hH9y4PTdQxx9jlUS9HMe+IsbEDtNRukp1dhhcNZNAxc+91lHks/gmfJ03Uq11C7bHxFwD/OhzE4qfr1UP75lWNvvD/FfS4N8firzp4o/PdpmE5tyqKv/91Yui/WdEfw65mnu7r0DPvCXKf9pb5ePdTxVyH0+pChh4EcBgHYd7XNMSV5iqvOYi9nrKukfuFMF5i6wX3HYwwxXMkdw5LadGjtvIvtL0MVJO9KqH7rIuKEBFnVJItE7q2xZYBggsdpqWGJQdaCOvXqi3/FMFF+0Abq6uSfKqVhIvkd5pYgxjp3SZn1H45yJCLCnHfT6BVk+H1fjuTw2SKz/qpEy9gHJ9/P/u3PyBDuNk4j1OjKudb8Eua+FJfcc96ve8tl/tzL8zD2SLab/U7fJe3vnAhtQyiZy736fceGnHcN3az4DneT2a+HrVkvjmHh/WNqQRYw9Vrb9+/I7yazJ7I4qnHTrzmkXBHfJGvPUSgP3dY3vjcl2XznjKOlcbxHiX3ifQsC970wNhv8kjQ6NHw81mB5wyJPITMRQynigpMVfs0t/f2ZLzEf+V/r3PR1GHh9z4HkYvSpz6f8qqWoIUdw7zCfprb5woEiod1lPBbRu6n7dKU/I8mAf6Hx7w3VUMZ9Q+3+RM7XgXuL7BarlVmuD52V/EnfqVpOXRhmXw1Zcy920Se4CQLmKSQRo47+zS+1xL3gUYT14YgrJEMuw/AAZkMN2lMYQHsgoVpQz6nRQPyiuRZ51Cx8NCuNVY5dxCqsFwCmDqU1FwhJbTsME7hRxP1ZZvV9lFf8UDiVX6kjKKwwFEsfH2Wa0Bobn/PUrv0HDSaz8SAkK67h/YALaZVF6pYgGfqXO1Y5/za+TWgp3z/W6mgnzEufjipPQniIyshKPsn7B5ts8kjslXqSG8yIF+0ZCUncGtR4aqcEz9OmoYG50b3BnO038XubbrqI/d824e/Ccw60k6tVWN3+8wjaNTSOQFYgDV2Xhg13q9lE14Fuz+y2LkXSj2HhJNeX+v1kki3PQXw9JsU/fmXhKS50frscXxb0wmbuVm2tSGXdFbC6pFjc+Oym2VPkelnVKxhXjlHNrAx/9PzMorfzOnBrusxy+QV33Ozmst8uCE/8x8n62daz6xnhNuJciLbI4fsw21ymnhw1+QvunPybvKZej7PVBT5d6pn9P1Prd3CbiZol7D1D3Vw7p07JZlxrhbiDPhZDJ/8qOl/Vs2Gtg6LuF7EBbD+54QLYCH3s9T8tFnUvK/MsDNHL6Ip53ysNzyIh6lZSmGRNteqIYLKMzIQaQoNSjWhuuh3rDrvmi5AUI/KVyBuBoraA1dS/Fp7KLifRMBLlBGr74W7tjNpA63/zRyUFFB9F3WgRrxCycqXjPK+oXNkpUJfTZoQD6GYfi3iPEQNq9Jo6fuC47jJaunY1cTA5Yh00v0EWgWCS53VxDBQdGTeEKjErH8bntJDY8ogRWSxaSw+/LPE9nIX7filXvIdzRii68MQn0emPfrL1lPYMN6ny3sUz+o9yDp1IxnH2vFGsNYA40kLuDhu3pRXj51bYJ2f/aNuddy7G9uPbnRCO7Hn3E/O1JwgPGgel+tZ+SJzKdPtGRx8b8iGEaDhiXAipAdJyP+rHwonpPumOrYInXdoyRv2hELtWQ9IPz7xTvXbh6+Thu/m/eyddt7Td/yH/vABwsNJ+FPP1ZJqyve8xoeuF+fzrh6W6+zfYB1xTbhLW+mIbDKQjKpU7nKfq7hmGjNgogvyoOWHTFR40fKeoEyPj2rGPUd8LwCN3WlKsJYUN5ILX8WfKOY2kbFWet2MNZZEPVNxiw/YlkPCq/0zM9x/WQ8W8dm0uuEiNWhpLMoyBHPvk5JvUEoRqSNAYfb9wZvkgDRuHd3bA4n9VL1bn7nODix5yLs2QSiLevCakpPhCfB4scOCMe7CCoID1BNoDQqzkBaS5Vd2DvLNKhCX9w3mIr9HLiLOMhv+mwBGvZq0oKjQjBV68m1FDKb8Dm6ZhHvZEFvpAkmrCgEK+yBQ1lpU/Qk76RS0fZ6UtaHa3WwkPHpbfk8PWJ4vMxPwNVrACFEztK+3s0GwtXRszasHnEwxZ6zWRc+c3MuZI3hB9McGvZx1gDqPW2O2yftjPMXkdRjCjhvnOLZjg+xZDyg6bXaqCvY6UrH36TkmkjG1XsaZRozwXmL5WtPqfXTy3bUdBB2xHbVZXvHcb0mMeaZZn7kWtC+n/JffXFL+CCyfn3/E5ij613g4th3uoD3io2PSy/njjwf3rq0f5/1aZHZo9Mn75cF9CX9yL//sekfCuudq3bIlg2rH7vPGxD5C3CrKRr3Xeq5kDe+Cus9Wxzginr0LxLKTAXoYExqtpQIlWjJhHsJPJT7lPbSzylh8dEE+qABGf4TOECha5lfRVt6BKPPRvXNy9DuKooTYbEmSed8WifcdogJ5bge11EtI6MdhijaORKrG9UCtp0bNdTRoRvu1CD8hAaav1DGbCSJlZctUsCrnjMzxLATcEJSQdCk0CQG41wXxHerpSYrAEgbvUC2mrwmFhqS8jqwZH6caYWRnwWOt/jISGfmaN8wi/PYLApnXVtpC1rCMkIr+Qno/sBfQzfc13013Y2Kchfc067OIjMtFFahrhqvqyLkW3ET5tpZYjHP4Ia8O8EH1ZnQvNZFbIjpA3ytln4zzvxr5xPf1OMu9hA6CfahiSVF2zyN+F1ZgxwWVYDjSrUaGQmSPNVeJdW1Tj0HNrRuqsSafH9C1Bp6oShzVUTel+8i4UTVowFzSiMfYPUibrtfp8h5ls2/wDysykxC99Qz0Pb3VucVt4RF4zvNKPZ6VihhyQkJcwEpN4MtiIfKQei8DBho5G+h1R7CDtz5s8J851Dr5enX2ual2nSNvGpaRqO4wniPGPkdRDfM1mrXKoHwWvaq698nNOK1wg1YgzcQGtYSs3Bvzr7WDgXtm4KLy/RyKgyHhB19lD2XyA/FIge5Nr4yZPCRkgjga0LyEPfPQoigxWn6fAg+LLM14cqfQq0ih4giqypPQCFnLV+rZQRFSB0itCSKqWQAZjEDmMWphDyQf2br/ks2srIyMV6l0HwSHgHmyM8feBd5pCbvwSQC/ymvVrv7ws63GuhA+dHWsUIZfEYNYIgGrxGtCIYKercQtaXbtzSysmI7oXPe+Gc56phyiKTW+TcoLXpDBvqOzVP4qIapFb2QW/tI57+apxBqw/qbE46ZikfLa5pvzSs554yBSjJnJnGeY/8uSuA9b66ECRMNY94FfAaqrQWJNwcnV7sMgr1732h8X9fEa7F3r+V8kBF6wlVJeU4WqclD+ZPxcL/fL/p/r1rvDZyN8bjz29QmkMUaezOMRjBiiH8PES4lAj/WqkZWLUCh1edR5fIMVXoWXHLfJGM7Dl+vIPY+VUt1PpfXa0z9NVpIpd+0RlxLnpHytSZy34Z/0yNdQLFb+CUn9+o87e6x71C3zfYS1ogsoIo+5joKiSiT5qqd+MyPLLSO5wn/XDwFT8bDOFiob1nrQ05Li0RLrgcqKqGME5pMRGvAWjSrXaQNb1iF6BIEJMOYNidMSRxroIT+hyE0NTEA4jCefgjblKY+5OuK9XWd6H4NegCRyGQq+xtbZUqRPighamihMDuoXEDaMSvYTzVhhVhenhgmY98rQuQaiYXinsUiguhE4WsuyknsmVDMblcUjesZyX1oFe54aexKYkp+6DIhGqMV80Cqnwv3g3QZWsC61u2QkQazD3+VFJSpP5i5Y9S+6Gca5rLDLXkRqa1xyjsuYgkfEt0Xucv+EHaJc1JxtlsznKeJTI6sJ4X7Tfued89KJfWk9NTUBxh0X8AGxuZTtBgxrMNUcea7VLY8eLGMoRIrpEPNcmkVoxZ5F5/lX3eHGo3maNtcRG04yHRb5gRbC+DGE58W+FR8x8IxjfSmCp6Fv9eI6Ol6XN8fnyGvknkXBY7LmXn9ND4TT3maB7J0zwcCmkGOK5HguaJkDK/MffEWLG8kTp6t1+ZPfPl4OJEp+E261b3HOrpj8RMcvoXCxlPPDJPJljppRH6MPKE7TjpEoxaYc9GFi11/+jMT0H+gvyrxmxM/bh7WNx5RBwk+IxRYPv/kAgPOiORU8Ez7canSDfrF2mJns826AoyO/T6kqvDxuzY5FY6C/Co6aoLEe6QJY1DE3VY1Qj/k0F4EW3KkXef41A5hUukTlMuJ93iEBrRcjU2HHuUqqroMtDI4rhZtc7XLD3JjQBq4f+mGg6UuerzOTH7gzZ5T2NBCIUlmAiFPo+2+qbm5QhJPUEetI/Tga8kBDCXmZI16YNXUy5GcMAUI3aAhofM3q+CbnMpAYNwDUmfDfDiUC3qGIMMO/5lmhZ40ooK8rNYCj6Ks5O0GQc1GMu/Q1YUfmVISsh88Zl/RqqhnoyAyxo+82duDK3SRr5UzHvc9bT7w+8McDu5rm4mpmDbiYgGij52cdQyKqMLc5aMhonNUkF0O8P1Rx+WeewM3HkQ8T0e1ZqXJoI2GHcn8srCXPqw08xrhdVOOHdiHvsQrwudqlX1thUksUO3/HvemvsZxpz689PSarufXXEoHUgep87a/YslYlY27Mk1tIRAovItbinLFtLKQXnq3Oy4I7XiVXG3uzpjfY0nIkf6HRaUv+UR+AcExOmlUNMlXtNvd8jG6V8mJ+p5176Nbe5bPCyIyWz/i8plKnSpbCXm9Cxrf98Fbp7JwKmqxq2XwDZyB57+brzzPT/xu/njpSku08K03GIn7SwA2m4OR/+WIuz2fx9lsU2+qXArOJJNKSq2d7WO713MvpJgA/XClse/izBXSA1cBN8jGH2nncrBFU96VyTZEH9O7agj/u6P4JR7FcrVZ8nN4C2/4yGV/4SaXOrCoRVq81+V5ntW57ElHV3DSzi9SwDtOWSJS6L+gYJvoKE6ipNaGW0Wr+vVJTDN5MDSUxmrzxjT8mjLBP5tqPfJcGdAYdZDF/HEE/reVR5IYMo1rsXK05Pqs9yNFDN+1eCKAtrhqJQ89SOWO1byM5W+rdKH4lnhqhsGrBtqWqau60J2Dl1vrTu8JC59ejep03IffTdLHuWE74XWNLJCU34nmxXnF0ApQvSRGDuWGROY9HvBSpZ4/Vgs/VXt0blBMnatbszxuilWHWKmFl0ri0CQFpmFCgab9+Al2FuY8n/6f6tiWghNGJylobCc5tnRWcahH7OCcxCh9pfxKw+4gb1ZhufFVPP2bxoOrmzyN+N6uW43qvAGwvdUfg4u/i/jUF86dGf9dLpySdoAt01WHf5Yfq/BH7O9YTuu8Rq9D19LjOga/fyu41zOvZrVexTvQmSVR7NDyfejtpmKP0DSUoS/Wj13Fsmn8kyJZNPOlLw3qxSGnexM9IOBSwnv2hTagT8xh+SCs1RSuurgTupKBjB1VuE74K8FAOT3t4ta752sZvDdXDvhwDfmjn5vyqTF8wb/cJbOEpF49P+vpiX43B8BWsDaNV/86/bWDFFbFmfvSZfcm35gzAh2lJtkroIqki3lPcciMFTe7MAPeRfUDGHnbtglJqC4VqRMuvSJXQP5g7bmTej7IzrLsqLv058FZP7NG8Uhu5k5mnqF2ND78SXzeSXzTplPSOYZbWG+o6rb0BrTXOnM1tYKJZlWovVTvV4KejV94vNJ/elKQ7Ei43Jvs4uELAlSuKmG17FeBik8BhLaGtAccNSWKGhP2KaSiU0+wjsMIr9FeKjWSt59E3GM/Q2S1vH1uIXPWuIPG4gkM7jLc9gsZ4eHOOcfMmLRWtb2AxJigKaVTkPT4JhMTtDiruXxdnjfY28Fvad+tnoZ1PpiK4vT4RiJxa7Ou+LwUuYbHpPU+vqV35Z4I3/b/BvuuejyG7II+xU2XO6VrpdTxLeR7h/QTv63420Sw6nz70ml8gvfhQVn0WCJAJEFyHYZcTLuheTbU/hQ7/roWoxS3NWkpERppXVshlNWT6XTIDwUJJs3s2SlAyfIgE/AgKnMsp+sB4SZuw3JJkdD9yLSu/94Sq/vHN9FP1ZXFzrTs9tOdOP8vgh3h4hWCualjLs7a8vPFBD6P5gwnO97Een1iHdvwQw45P4FkhSq35wO/lBS4xILOhVDuF4BkmewiGdePcuCHK4gHwYno0zT2/UFYoL/CBfGxFuHPd554AsfPkpoEaI68FvtJX7U+/Xci9rQf2bHC6AKho5myfFXhzVD2vwsRcnEPpNEr/+xPdEUMD7phjzFpAasVwkrdZ5PWVhSQALhqmYZ6zRlj/UlSGK5uIi/YHBS5bT7xeXOeYz/YIVYdDXNdB5W2YzyvFbkATVFoGLTQkdSZN+hPkqX7q4Z5rKm2UlugT8PK/3qZqqFXaj7VqHzk34vaHeEN8nse+1dGG3OCkZNXeIfd06fPUeN7dvPHLTzkY5zWwCXkd/Z5mrO8yz5zWv8aMG8pwPeff2yQl8dUdNjHXS2L4RMKmhMf/euaP1a/Vn/X+4eW2Dc0+xjd9L7RjqSdKS6OC3noLM61pJlmTaEUIPhiYAxrneB+ZzrEo8yWkpdnMlII+dDGebpjsvdh0PK9YPwA/Hbvu1cRtw9qDloGCIxU66D/gC9pCDiCw+awYGBTXON8gJDZFi2AeRsAhFcqPU/CCUZg+yngAv+fYOxgifIwBa8/l1cfKzVxVbz4ovlF7g+E969YW9XRPhCn/37K8ij0kaf5GpXYTJq/CfOos6nCsUKsGiFBqc4iNUftgChVTWLl6UFTKDGQi0uvQbBDkWniLh34kCN/dF27BWSHDy/AVbXfljvpuQSwNMiaouKRrLD+PaVmZ4GuOVbgSsYLTnDKYZ+as8F//tf8M++0NDi5OJsiRF+fK63hJ3fYF/XrRqIbjZOkQ8TaG0n5VZqeciVx9MVi23q+ps8UU87wPpDW4m25mFxFpzJDmm+3ftHZ6BoqvvK3/StOrYFbpoGZj4XlvYTI7EvL3D5Tn3n2DtjerCV/W5Lr6nV9/dtwhce5jLzoFnge1BZOipGRcQKQWQgdgZCSJRXHQt5M3Gml/h1nM4TnYfhVRO4o43yctahRmT5eN3cAyBhvqu0gzIfrWEiQmshcO7XuxpJUS0f3d/HxM3ml1aG75zVYyr9P+J/Kxj/3MtM3Pq0r8zUNw5gM1xwIa9R2eJxMYBdaj0aj5ypiNu/yztjAKhKS2mAb6LoCYm5J4g1eh0JyYKh+17uadUpffqmj1EbgYgj9hoTfhT2ABgYBxEp+/AY6xZGijfE3AtXzCiSuvgV9+ZTkx0/OPbI9b+b4fVf6bFmMfNj2rARsfhp+ZguBVKUP2gO8INYvvuh96MmUuUG/GvOeZrT1x/obF+Bh/0js43hvZ6BDnniVVMHNFuVLP557W4hFgLeUBh1FcgEJOxuleFRhEuHXbOh/eAZk/VHp7AqIhjBArx3pNJXQk55pmURfWns+FrHFr9aqO7SvkahHK/psvdJQvj1b9sAB7W/ipEd7vuBhcTFwf5cQ8UY5ayMt4qjFOsVnbY9rD6WFrlrx5kWSlOElQcmlUx8jpsubguNrSeBomJ1s/0DKh8tb+M/ZB/KHc6DXpqi8z8KT6PDf0U1R7eY8nDdRNa/BtgnIYzeMJeqr7mmk6MwGN/ydWIIuE32qZ9xMj/7fcPa2a44fJBWQz3mCr184WouC35yjtGYWwy/3nDLBplH+T8j/AF+IgAIL5GIsUVf//CG+P5zerifsU592uR5zvoWN5VJyJZmaqE/x8nd+fwF74MeD1GX0whybmfvROsyapM8lLvIEHXZsWfcBlvhcuZAEzjWJfuSh6Y7NiCjZ5LMwmKOYfFFEONKSz74uMaN4KBf8zj8GNAdIMfdF6B40fsAqOrxHyK+Qyl795/a/wkBCmnUWTjwvxC3z62EhEw23b3mJW7ns0FDBxfU3jH6bVT1YJZ8S4X6pfLYIWpKFPDQjKf8FN1HPVY6vZAwftVVTk0ALmpxHLbDC6V2vH0BrpI6V0KkBPLuAbtINV1Zst7FNk4zhBCkcSv5W51dYJhTl0MDf+RSTtBuKcruv01h4BYqiC5vIykYJLgnEedx+lsHGxT2oB8KrD3+CvIyjaEu5Fw59hp6Z2G2XbGwjzDR/BUy5eqIQbOXbRtWWxB8eRi1qXRx2j4d54YZOZI0rI85oYQ3nAZyMDY42gNffmg6SDuUkpAVo7/vV0F0fMYLcrXd6O44Y+Bp2WEXU/N85vr8FGtDGfvMKdkp+YruQPDXhamrn9CTLeI1EpEYhUieG9ZmAuYsnnmsTSzmpplh7aKzWDvUyfcG4vC/5zCs0/I4HAxX3O8SkFimHdff/xVqdHTun50A6T/73xocufN/bt8T31i0N1wmBBN5j9AgDpg7H38ecLcFiDWSGDcdzKDXB3uYeO8RGBj3kYpdyRH6hBaU2zYCcv+Wyx+EwCaJZ0Ije2SMc+JrUWj9CX8+i4muReRZG8Y+nOMPosFp7unkSiaSMHGYPXwJ2ldYH7OJq4gz5JyX0mHuj12rG7mDrdA+7tFrlm0pkkXk3jiyg+0iOj/CvbHHDtc789YOUZ/b1urHVdZ3+B3q9TtOyL9517l1dT3T/4jDY9RFYFHhUZUZUaYq77WBAnFY+usRNTiUTycV71O3ZpXIi39Gh2r2gnj6KrWGvrauwPT+CBvFOc3uwbTo7dWyfwlK/anBw5W5b6GFIfS1fysz0E0OOeuYf9ZM7JBZ4m85sadhqDqijs3uJIJ8IpPdjvOYaiIqfoI6l+YLdTCduZhLxZKrvExjabQ6fu5OHixCJbg5MuhrggETvAnMTqs65pZKz6IG+Xq7O/62+Sl84S4teLV5K/nM3c4hmHinWco3VNXwWvzugbLcEbLmvl4zgw4z/jsKNXixWtZo8Kh1zvA0QeT5y6dteT7EV8s3X7cyeTGz6c6xFc9+9RisnNzPPmQkAg80ZAJOT/mfAecQaY5eEP8r6sG8RFWcGVjxN4HUFUrG9JFLC0guTTtuU6BHJlXzvmCVXVqVUK75FEOoS3ejjvca7LawCxymOtB7MflLTfvuu+EvvrkBH3XdPsIjGrc41durxhVAX3Gnhw73l9xTRXhAaZgtyCSCmkkgwSf/EblZBYF6A11rpwKohbj24Yg+Z1o5H3em7Xk90WFlsvrHYwcl3f2UugwLqvsKVhWrIc5s26SA0tOS2qxxAPxDFvcyhKxlRx6iEzdwyTRY7v5abJEetzXmNcB6f+KouNzPlX3oETCMddD/LgrmuAf2hehMYX1tk/uIOveP5eK8ou6mpqJrJY5exifMNrgPPsxjEwXQeKhZPMzsgBGOCJYeDIQUPSiEXv3ReJUqiKmnBpmUyzW0fgnMoQwdmh905Alb0fiyXjfVI8YotTJRRKjFJnm6jLhF8MbUeTFarIDTHWCyhMBaKP7RLpbH7qjTdSy4Ly4Sh9oaFawh7Y17v3Gc4iWDTninjDduBA0S8eg1g3cq13emn1WqZaRcqr/ViT46yDi1Ks0N+QPizk4tlfQIXLfVh89F4wwxgvdvN+Xmv54zgwqYfKqdYSpPVe8d7n3urV+L5f7sjvBVdG3EjUfsbVOj79szwiqUP6rKWoDuPyJ0HUhu/23gG6stHp7k6trhFeMyQeIWuOn6Q05Zn2nrY/Jw6jIn/y8L4IkXWwSywwtN7zRxF53U7X/Xr8Fv/jgevh4IbzHqNAOea9Pcj8sJT38/2VpdL4XYvd3nb5t87QkVXM+40vlyN6TmJOkIGb7bJltHMgZbZrO1DMLjB4lTDIWuryyPIbqmgLUP6fPmBFUyjfjZBVtGr6nNeR1z23JVXrAD15zt3MVHp8pX/Dy4qfsbLOTeYTL9ljPJiePfBewyh1nN95y0ZCrmPx0i9MXN+qGpSBmfPQX3xHtx/QgG0jdKJXXm9o3iS0BXxyN2a6YnstxXmgNlPdy/JvtJ+C3I/G0oL7kK5R1rSICA/dZbBV2MuymbEkqcBoxKwGqNQsDySqNIaWPQ84U0Lmbgzim6T52muDciAn0W7lsKbM7DNdiw/HEoJuDW1LXNgLgMQYWYXXKBDmEmWzcI1YGnrSbmBkV+4b3AbtJk3Gv/H7cdGs07vFzaM9vCt8lRM/XIA672/y7MnxSVNxn2276hq39tSHdXvjVvx8rUyCsboHEkMUKzF7KpbJXc96Hb5/1LDjuLhryNrb9hjc89TohD/Vjk18ULR9ULKbd9s6oLlHAUtWR/6NFGTVQb+Dj5FrMb7BRI67vq51xD7iHBrZ77ARIB1Gt6cHXFVCL74DP6t4OxfvlFYBuhvnAlz0kWS/MxMMN3750P6Bo7P/fMLr/lzl+/7Rx1BCKO18L/x6Ue8s75utdJHb7z0stzuXJJA7uQNUdFQBL6Oz/p3ipL5tLIChZLzRnKM8S24CMJImqVGRlxRoER7mnn1JGuLGsyhI22U/FTQhH1TsB7Rh/Z89aQht2vddHbONkEB8W62usBUe11UrvHcUnaeH9l51LbRuZt+vyttAfB+Kc5bYeGyHNLBi/NDOfqLHzDqGF96OzuuFqdeq9gBtyYi6Z/MMCNPVe9a//AcbkbLmWLexbyIhq69FJx6bCy73rGzg6nqVlZyyHjpxZbkGGFO9333nXvpzRk1fO70mXPTu1s/4tsCg9ogJSBTsy8/a/Is12l6T9nxoF3WrwuuFNChr9HvBOv/ONsrp8lqlhp2Vz581HDFd8KT6hu/Vvpt5X5nxm+tJ+xYnGnhY93smlfkmLEE4BWeKvvk+qZAlj5vZ6pBkxlQmasOfEs/7h0HOfBI/hDc8foA9SH1cmn/G/6KRCKl3SNuI2JkdhDKPohtVR76DI36IrVpHN3t21KLFAYcRJZmfewKy67HOI4sbFcxPI3qrML4mO5P7chjcGS2xm72Er9NBco/wrVF1dpA/fGhv9XY/d8Gb46CKWOedfof6Vf9Tf/6UiRRHi8fjOqA3q4CiYnsGcN1aNQ9U1Ilz4JQlVZ8xF8lHtlX7SPUyM+oZTqNecVUuHzjnDT7ZU6hrXQnO76sRmtzFERRPDJKakI2zfUSqWxUsqvVmK6gJulA8iQUDuRTsD2FGjZUDtJyaOzM1a7Ul7I4VV5lb2mgSlEt4vxoI9V7VQ+wzS/SkuTOyv/7V3I0XWYEU61cMCmf/oTC/hBPemlblPFTqyGH0CuiLs5Kr0HqfW/60fclI35Uiq+dYvISlvpVz5sSMcmNW1wFtqZo6XMGxirHQEzBpFGn5mmRMNLXzLu0mQ3485rPxompvgi2KtE9BjYwt3Aoj2PdDfGEx6Puoa3H1+F5QGdqzru5mjdtHiJMQG4vzzfCBwOTCW+z7lvaMx5nde6gC/r4N+5X40i7qSlP5C+K75Ro2ibqpXmNfwHy6mW2Xsl7pl8AiiXUUpYvU/cP6v9Zllc9/vPfN/i8WUUK6fR/gCl/lqoXe4+oGPN8fP1+r3Ouc8mq/mlHvQYddr2DbN9/2pH3au5CrG4hp9rCkk+epJp7fnd+icLeH6GN/+KjUV9+hEUl2reg3qvrpUNSp56rJ3u6wu7uhjJ2agrEmZ4r1at+Yda53GnjDcD1G3V/P6Y/z/Fr6oPd+Pw9iUtJDScHDGbQauO9jGzw0Qi1USLxJVDWXs/PnpkfBzPei0Ga0Q1k1MXPGc+I894TxO5nJD5nNZLnB2fnFRznmpYzagpYM8OIegIM65jp6ZcH4jEfXM2ZAoXars2MvosRFH52W9ghBRiGHVcQ58v/EGL25T/Pn99waYVgfsf5gyvQowHivNGfMFx3AW81HQGFyn+J2ziy7x0VHHt8rlT9tH2R9q+x5Xv9PzLCSdvOHqcd0SKC0y1+sySuK7t6vUeK/50A98b3z1jyfcmDI2K0Lef1LDTFj5iHOS1Bw1+Lzi+tgZiuz6AAPJV2Zb7j/rQWQl9OkjW9TRJUYIbFXRjWPnr1YclEfF7D2J+xZpsrYC1iq3ijjff3cvsealuZtG1kFNUPfRZVXlWM1X+cuGIUXGHKCU+y8QUJaskMw3OdT9SHs7FeT1msHZP0bDOM1jg+DuGkwb8FBW0erWZSVc0bR0Mr1x0ygmnsoHIQ+4UQ5voHYNRFu2jDPjT4HW8u/Ts+k/nVc+9dZ8dj2paFfZK/iyfLP83z8OvFSa+b7iBDfl8f6WmTq/AYDpseKl88A14+D86+3nF7tuSJefk+eOQ+If/QDh/ocjdeyh44PZdubq6Ni8FqT6wdBLTEYcgeSQEb5r8P+e7bMKg94rZEhW0CSe7IinwsqczoZ/OK/6HX+4oQTk2vhUBIx7s1hRmnUrMNQXNPYMSSPvGMx+qBBaWYQMR2wW5n4PhzvO6LjeU4NnIHvqrKYH0r7Pz54u1O3La9GT/0Oy3JJzOEY1pJL7XISpASCwh7Le4td9cGFmiccZ6ce5b3b3PTlCzzGKG74WLFdFu4Jl5mS4UuJnIDaz0kHPdYYyQJRO0r2stf5gKYqvk9T1n/dyfcis7mO+cL3NWV6f9F+7lmZrHbLcYclknwrajK/twXCVKE3uOl3YyTw9Gmgde0nlneNft3h7/mGM5CUQ6eNBcpuq3aSg3FM3U/YuSbxbmjE3KzmI3rNGbhSHu8B1cno8ebD+S42dB8xt0f1Fc/362GWX5vgnrBSN3WLWJXiXm6CjJ+BVjO9dzeqphm14k0Crzti1d20uBuLLar5Vu+iyStsTK8oNmLKucc3Mv4nIQNkvWTGqZbRKzNb/P5h/ezd7YOy5HuFiJqMiTVb3/PDunJZzdgScT8cexTPllZ4OOh7rI5jIG95u0LUelhHXd0yh+Bz5kF0laz7Z+wbxJ/sWfqo9Kvcm54zFscuV1LmBRRcXGN5Mc8yQGC1mI89mSHycJFRzt0qz5jLGHZ0M+OU3eRS8wEmkrB9gC6goh9+x2JK+XbB8y7qr9dgQTzp9v3aKrzvaHsmIjOifF8/memCplR0f63/hUC8DvmrLfZN92N+nonU6ybtlXCSkNeS1S062/3meMleVP/mfOX97Hjbe6Xe5UwzHreO8Sfyuk/+oR17p36fnZCTtTdW1rontgzbAsu56BFA6Owx1wGJwl7IvPezZ1I8hyos1zFYnPF1FW3tD1SR2PC8rl36IIhrLO2OunYNF5jyl4osYm2o+WB3vJOfHQ3L4vGBHQxYyxwNpcPFIBAX3qYexCeNYd5FbzfghD/V0JVh/FpQL0eBGnG9wSrS78EALVmCl5KnpHKHUPA9cVBb9twuSnN86mvfSG4WFDWBWadjeSC30EfB1Guk0jl84fDEwfHkmwbkRJ7zF3YTYntSM1DPy3z3sF6rv8vaWscn1k1jSLNyleO6xoLKq5TaHd9UNKp56kA+dNCefJ7q8NVRhG3HfI1n1AunU7z2Z/X7rhcvdtPVZrwCb1YZfNNzKXiRnD+8XFt87S/4Enx7rFZjL+HCcrbgj6TLL/l6AGlURyg8zchkzOZEM8qX+F5dOYfv6y5N/i1i9+Vs2J9QeC3OcuC7a0OskcbEjbpAYINxw2LiSW8TKVANMOcoa58BsgZHBqNVRhTbcUWZPAIS4ycJsR0NryFJftJVdTnBYZfa01Wz4vcdppZTIh6PmzUJ5wZnZgM9jaKbIESJ83FuKhLJ+vefO94l5nu1Dfk/GZzX+slKcA7Jcvlcwjmm26A/HPC5uw3inbbjIFlZy/jaN8keqUX/vT6XPSbOrOflNwHRi+e6i4yOmnlu95b2KOs1Iwfvs4LCUQWjfnBHR0BFxXdz+L5jdeihxm2h1QH3Plhp0GFuKJ2m9MBOjouRM9joVakA5OZ78uDuRPQcE+vyhqijI2+05OpuwnpySnLRr4WRiPf6BLpfoKjquDEynZIT7JwUCT/uQSvx+9MDpeBrFftjBlET85qHql+mYtE3YSz856LY+GjrZp+4Qfk1u7waQ7hjOdJxDqTkcUGNbQHD4xOG6xpbn1xjTY4ZU62P68yr4m7NogHtN3rsYdqsxogmXoatLxojujs3xsESSMt3vDWRA7wbxtEmIIX6d+huMFU+CUen61OSm347h9fd8BKvyH7Tpde8x+9X8MTwrn71T1yHhhDGTUbCofvJS3gvNCqXWmhV4Ii97qhIIejJa8KnarbX6meTve/SgBMH74JKPQJbNOx0ql6FW+VrJ+srctBDxyvy09r8o2LB+CBl+h+Q31GGVfXZy1kk9CfT9YXLCV9KEKMG7LtxmciGX/7ZgOrYcI7anq1wDXHEnHsWNJiMtLxU7dWoM0VajIcjU7AuoG6KQKEic8OjyiOQNQpVZnwTw6XTlTwwzz5yDvH5xHNhSw3nGXCSly/Nw6vrR7Hy3RDgaG3O5q9iNL0PQPQ21XPE/RvS/P2zjCGsV8vdRHhvsHMSLK8oHWC1vmL7tN8SIgCSX4zYgVIajT3o23UOq3kgzHKBRTNMLxtjwH/Jr8RXTA+SGdbjbmYzbGe8t/eYF5ON1OB0cnqtgfdyVWKKJp5kiVvWJ9O+GYaIVk6RX8fgmMB+j/CYIUHSBE/aDsjCQ6DlifYq1hg1r2vWwmOd1mCsHFE7ufjDTN3vWussyre7pnFB+mF7/cV4tVT3bx34ul+HrxkHUVfv8uDxmM5hLsZ4CDefWUVkOfdeD2sNiwjTrA/AlF3aeLdeaEAy2TI9RroPgi90zaGOnG9tUxObrN/rBtSkZy/Sw6MIurZjiYxJW81yfZT5GYsbFVG+wWeFJrPvMkgY7VdGqDVykfJNv1ELll0e9blBq09gMWoai0B2Mz8IRAN6H9AfudCOvSIvnrHW9cGcDiP5O9yt68np/0ItXt/juuzSRPsyH1jQfWToVTNeSuIc7NfjfliqmbmbGsfZjiN5WjVTmljQXk01LG9VVebvU3QkKl/OmQbaUBXMbkdoQq9SQU00qzp79YcGTFaDIrpgpTqWc8jOxx4TK5kj/cReIqueGwtr8jir+3w9e9uH4DvOO2f0Iyz5H8qal5l8eU0/UwT6QW2/pc5ErQPm27Fb+V5AJYjGRg3dCIzSjiV5xtmsYxDhAKGfsDu/NNFFUgsUGlhR3UO9fTphDIm6i3Db9yrMB6myD6+/ZwkbEtr+guP2brOPQV6D15aW03o8ZNWRTOjgr7gnlJDmm2kCZr5kJgwtLMe8tlVoBrUKIgub2njINxbHtHlgRdaLrx1lZrE7l5n5an9GKzV+FFab1qNF7OeztjbGdLHndijNR2zd91nj26p55nW6/tyk7v/Yi/xtW5c/dWGdwpbLI85v8wLwPGBstUEkTR0f9ITyCaeet9PATtzSbRS1Lvu51muBWrhvVxs1/IpkkP9nOS7mwTyWI13mMIy1yCUol0DnXBXf4joutze15BsnK+IERGdedEkKyUeTgH83tWUUfe1iUbuwwcptBRad6Pqe/JnnSdfXvtV/4mOt3e8Joe672jNXNi+5TsklxF2vNumHwTwIqqfHUd/tcUxLJ9czc0v0TkKzoG9MF4Cro+0T44GJ+pJHDhiMzL+OAxlTjFNnGMq87rS+HOIhHYcEY91XpYxVYtQOqr9JPb494XyrvZ6yVS9PnFF3G3aBfwGJ62Oqt+W9Ago5mXs0EKdRGPK/qJiSRN3zlKH4jIHz5w/u6jmM0xe0U0ESaL4sahIQezaoFYHzUn1fG3eA/PtQ23wJrDmXpoko9bjqYf10Qa63QBzgI/H4GsC5MZrWnKZ3PINd34Gvy2yZ6nDAEfO0BsCm3tKmsxjlOfr9ZTBig+eM1ThyuL2cHWC5syXBOvwSullf68mFRj9ArqbSp67C1iLEqn8g69rZzh+TjH27N/nYU/8jrHs0jF3yLJe76jO1fo1/g60VQrYRxB7GNxnN1+tspLbhU30DZ7Ccw8O6aIg7tBCjI+S9FmZD8z9jBf+Kq9J6zwUeuwK9PKKf5vOAREiKWGBEnu+UIlrnnVaNrrNoEFswUHGfsPcsEDFce46XYiX8TL5HXOqntTAvFe/tb5FiwZaTN5OczVchuU7a73gBK2PddJ297ZJx8q8764kDV65KzGsSpPyFXPYVO9GarbDYj0WOTMxZ3Xw0Qi/Azlb2621nPe0k6JE/mFVmnIs9YkWKkZcuXsbcDL2kOV3E0MFRLSB/IGWrsrPYbKw6czTFw4R0TWmjFhHjeGcndCTw26d679HdgYDJamommVndwX1vRbsm2hZDQdawUhgDYk9R36tBsBFdAGZVR03F5G9S92/tqBuXz0/883NWtUivHza3SLyyrtZPNVP4ZdT32bl0PeoeKqtbX6dpO6LqSwsn+KSxPnSQUz+44rWm2+wxYPpRmMBJha/qHplm23TSUhkJUQcUuTiizp34voQBVGTn+fwJ+7Oxt4sy+oYdszZ/87B+bl37YAzifR6UrVoSeOuOogGreiXEDqs3pl2kE2X7WQsGW5Fi5LuAMAKmxK2D9GEssfuMVyJjOOaT6bxGr4PONXtYLO0NluD9/QwYjFW1yp3wqGHM6wz9h6nwWk8u0J5LupBBC42eMVTW5ptYBJVX99Zf0MtU3iPAeMHI3Y2qqWvq9b3Wk9u7ur5V/+3f0f/rL2lmlFgLMUbflcz4bT/PPW8ZZJGVYS2/M16nFvCMGlNm98ODr954OoYc0oZUplfD80yQ+H9qesl1xv+3Jrnf/h8ldNjqZX7YU1m143+xDV5nnYdIzteJNce3QPU9ALAqAJnb9hiPWBW1L80h7v8xL8GBj9eG6sh3VLgr63veDyxYQgNGVNmT/Gc5zSW5bdEdkNovwifdYhGtLbBpFeWDOmRkz/mKhnw3Vg9Ncuo1l6dO5jGfV1FRsGbUjLXPDZRejqakRHGSW4aZn9/i350UDWRX/RkdETaPblZpow8o6eU074HOQlz1uy0zrQLj623nmycI/9DOClCFDmrmi4qM53MYXGjaX1qHK5N9vGj3goJm3fM5XvfFPSJ++5qzjqAQx8oba41YPWpxRxQ1svNhDdXM3Tg6meC0b6lnQj9gyx+zVdrIQanzpfwB6kui7TOkMkNUZxeplZTQwwESiTW/Eg8BRRa8LYG3pw4TH4BxedkCK6j5932IjGj4C7vxYx/V01PCrN7i0K0h4uo1eVTGUM8eepxlHYEPLZPb/Ba7Ee8D0ywMh5zWc8148AQmV4CQUaqCPKMEef56PJZoh2SOngPfPRyDFyWRJwsXPtUBZpzG0QnI88g6Z6RUxaNi+H9zlXX4NsOOJCPquHKJyK6byd3bgUAVb3Sjj8357dayMxqlqb1Psh2MMscHDfd2TvoN5V9Ol/BVKM35rUio7/bGy5VatA27zn15if9vZnstu2McMIy0cGBwLDCPo9SDcJhGxodz9BjouJvcH3ChYe1CviMTmK+n3br0l68rH/TM/9Jzbwv9+XDdvvGvDV9gcLaqJIoFx3TibYEVQCMCkY94mstZZCuvY4IXYey2gKTURWPEQX+UOoaCx6tjn2oj5+/tjhKPxbjVj4QNCGuf2/e52pYdgVOBDV5zDHSx7JZjztl+sNlYCErC4zekSe/6VcAiw1OmbP2oIWAm6RxZVeff6HkUDHqMh6qM/RfOX5yTmDMDr0M8nKMGjsxRi7+mD0ylC53nTcRajDEjSvORCajLKe8TH6O3ykOH6a07/EwfEc5vvT4AB6GTOGOhBt43o+g+69mH3AMv/znKs0bxwC6kh68FeXpYjyo4MTnv+t0F30ON2WAXGNZrOJBMDDhLYZrgSFRrQA0vqlor9+Nxvu5r5lBFhiUNCiuO5TLwvEZlmqcpddEbLDTiQ690GXXiHFyMp3q/RtoPCqF5GmPPHfbUF3OecH39ZeNsWsT9XgEMP+0I1wVU4+j1wI0oP+/X+ozTe547H6/2NAtvsYXFTA2Y9h/wT/JdvfARqN/XjtzkC83bPW8U79LVlshCJF/0dCf6v4eq98wWifr4Rw9Xk+sB83atghsi0PlmpVnD/8J4qy0vKH+n0UK18PSTQkGtha0hC2K/tJJ7x5543NOrQnXwM/FKtW3IGhFI81UpNtCxBSqEjxziSiIPr3eMwOPlY3nTBUa19KeA0PU1ZPsx+3gs/IHz1XoGjlSrU0xy3TMs9vpwOKYpcHUHH2Tn64F5P3SQxTzKZZB8BoWHGu5MY+xQEG7SmX/KoJdvxMCFT75+4F4r/3QVHD/+NU4cO59Y32I+93A94tcEYuBkjljcOPbufiY/8Zev9OC+WrGOwOOMxOG4AYZr6Jij1116DODRaUcB7oNjw4kSVC1L0SMAWFbR/tDlPseRmBTGQ6MagXPkCniZg57AO01gtI5rmZ2bZCXQIDMf2DUHISJk/C7ipjzo7boE7QfXC3XiTv7C3Q9rDUE4TLccXjiWkCiiddeQrXdJeP7NTzLxbIXGrDXfbjCgGrbvClgZ9SInrBqPC068ELGG6sQM5rWuVnPN+ge/H99gRaXDY421E/VIIWM73W5Pmfsm7n36tal+03gwh35EIw/4eb+A0hFvopaFelRF3pCnKLJPWFfbNjtw5dsJ+7dKo8A4p82kAlSkHH1PWGcn728UiDLDa99I/GD+ygt3G0Jq1nzXAoQ69Juzu9NAXn7h8f7LYS/XuDmC3xPzLFJWPEa2T9C4bGmpWkPCBxdaCjLMsZVR9Dzr7YlX14X/fJzVEw/urOS78RVt9US2AABAAElEQVRd6bzZwqIXoGexQo610yCWYW5F+FVbrDKuGHmRkbj/gxmF0SGVfA5ti29VLm9Up6eg610UDm500R4jEVd+qIH3Z0Y437r1a539QU4mrWTWKB/aHR/CLvnllogWdN9IKQedeAW7c42KqHh8RMV57cKo7qoTX0vMeRvP54+i8efunp30db5w4gFRRy3M17GTDw27PTAJ8EW8NTF4FcW+IFlhixzo9YN7QShTMIVaCSqT/ar7igp5z/2Z30ML6yfsIPueNjeV9Y1t1z1tzuIFmk/0Au5SJ10HdJPUpKvyZD9YlEbQkaLGuCiwhsXFg7oUIbOApdUWuf2ckF93wWBrRe+ofeANanwTZtlPYl332TPqnvcqouu5OEad8zlIPVLI6lHPanGPrfJJ1PvkNf1a/1bv1ONZo9nchvSRD1k88VEnyu4EtZ0YgeXsp5Hx5pHxKS6MilSiScK8y/JK/voVnL3u+si8jzLyt/evxxPxdXvlJlH9+Xbjk59DRJev5/NO425HZbkdssuf++v3CHoYgZT53PZ5h4Hq2eW+qgfU1gnXe4UaKTrnqz94e31I+DNuZstVZ+JWuA1ihzKvdoBxWrcdEy+um7d1XdUrH+PWUaVTI8PrlkB8GrFe/yCvZDy026pIdIWo6VnVv3Yy84NMefzhLHrohrW5zvlDDMqT3OqnbCvJn0QT+CEBLYIdmyjwRMW+Vcs1mNx/KeKkZueaoARfN2ZXC/k9qH/2L0C0NXXdMaKP9+sHGzJG7OHfFzcs+FDv7mNo7Gffz3VlN3nNmMBNw3qReCfzGt3b9BVvYg0L4+mDh3/vh1evYjPo7UxK7AoCvvBKLs4lVy3nsRchfvl176HrtD5lbjP+6byv5AaNlWuSeaqDddX7Pjyxf6jUI44RxhpV9yr9408VbfuRu10Xe73jsBtUbhSEB1yloVoRwSy4yQgc56oYuM4R9Yoruac63xYxlv04L7eDmFdrq84F4K3HCmVVjbiDWOvn2avGOhxZaZ4Sgc48jidMllXexVoycYL+afoNl3Vvdp/xN5+bMz7G131XJ1QUa+e8Kj0Q8JXbp31EkWx1vihskzuNj1pxd1VnhVRd+5vybbt23rYQKkRdvBxwWOf22B0wMTWMfM2CneAuofeTA1uKTOeBL4tOx0+wfj63PAIzUYaL5uyBABge0ck8nJ7IsGP83JXSIy7Oe5NzY6KDHTIN5mCV1ofg96uRoVvAc3Y6BO75YVEOp9Zk/6v0C8Jr+thF1Hok1D7vstEU87O5VAU59ycZzopmISdYxq38vvRwTZVd5lcT9EBtHaWxTnslQqGjqTJQ3Y9Q7LwSvKDNic9/xHp+Q7XzrvOmXNc/z6L3SsFqs+vxzb2+xjH2c9VAr5NDsnh9V/vpzyHxlf/vr0hkk0M0lCvHDPp/evA9irwsyqrlC946e/vdjttkQjTIFH+GXRHTvCTp34MadPY0Hq44F2BeWGm0Nbsg69jLG5wKg9ocD9a59xr86OEMMam1UOVR9e/xsgtvesrrZHeLe03z6zE3Oob5PNJ9wieu0MlrtP2UnvdsBbwOjqGH8epDlAFmDee3hLgObR6f6lhBhaty8fYsYvJ++TVYb3rbZvMcRW1BYL9jrctnVc1sPogOWCYd4v1EdgZv54uNJv6E3UOD9e6H/kKbD5JtGctsAVx4BWaixFiVfaAEBP/Zb+T8WK8dGGnr6jBdA7vXBRwPI+6c3JPexcZdQA6uVyXsEaxkjmtCvcOCUDQ4N0ZvsKb3GUv5OLdM7S6y9VV47FdVO+Wwpx3mqW68c3+G66PiyubAse57Ox8TqVZ7JKe+12FLMEy7xzLvZWzyL4kB3i1ywvJaAntN83FkWa5y3rQYYVkXDWLNdSh3z4LuPeJmNpiTLI76Zd7PqsYC+2bUu79aXR9Y9WFTEOqA86q/tsEX3T93VvtDZ40PMlKWnvBWYWzr3XKIZI1RuO8GSIxQwdgzgeAR6Ert1DNrfB/D/d2Du/Yenx2woq4reHX1lBdCI8paEyLfkBxx+cA+6xeCsRGc9JK/vxCrEXqKmphLnVvK+IiwdbIGi+x+WRjgyzH34Yn65/i/MJhyl/wBu32A3Gv37ZazvEbrJ9eihGGl0uG7fFQTHCvGuXkAdf6VJue7KC4XG9hz+5Bip5rgSe+7+n0f1l79tmT1FaWLfkIAOMZ6FXVWaV2ty3fulscxt0wXfe7RKf7v5G9ex7bW+/2JqzGN+0pExnml+TcW9J/qYZ0VLs9holR+VM6hEMaWveZlpXPG3Y0Nw/m6M1eLvEyX9yiZvd8rYbE+x1KbGyOnkxT2dQIJqT9/ZU1wROdPfsl+4EQzH2Skit7+ZCfwsw6+jbhbrOBTTf2jfnGn2p7dOcye1odE8Uxs9QZWJPXU0nVtLC9zWpkHO/+vxNJK6o87ORYXkDF6R9fJdnl27GLsGrsJFnnmIRexjGnjQRaeHE/RUY03SnBvHUJhurl1RDecrvLr4fu8GioS4xzlvBlACaNVbOfUnyvfxLMP2cPKshXmHl4RW8VYsNenVrBfun/w5GNnR99rMcZXvp3h1bP3rrHyad47Pme/7Yb4bIit2hcOLW7IqsuQHtg3iLQRWk2i7TLLOFjAxjnyqgG+1wCmG82/Q9hLJiLwAo35sIxUPiVu+pn6Cfhu3aceUGvXBwCN3bEhiLvYcZ7jtCwuFvFbvEgIJ+6W6thfEHTWBTujOPO8f9ApFlakRPvEYO+CvlM9TtX7+pZYAd6GYn7N9013vpWtPVgvn1E1x7y7epevdrPH9tcB6+APRKeG/oDdjeQvWjprhLNcppuwg9TqroRTZ+b51CImOMGREDkEB5U3XOHMD1zfkmD2YkSf02pejNQU+SjV5SPuk/lJ2x2aAZQ/GmZXYnHDAe1U5APGrib802ZL7cQV/s0XerRuK1bupPdHVxhFz+0VGZg7JX8eonvpiOOzkfSGvmU89wrdqMm74GtnPY+VmbwU9ltTZ7fXl/l6vggRPXFc4X+Q4y3/Wk4XfXrVZLvDGrEN1Bf4RYlQGgKbCk1i4+cTExz0hwy6skjcjH3EIuJujj3QUR7cKr/qvk/O0Y1Fy1em8LwCvwblVno/7X+vovXKmjXUjkpdlyyuG3wNmTs521hOpSH6LIvBEFikbzj06gc90CTtU8goQd6zQIXzeWS+V048Lk8TOHFB+/v37MLnk54kPASC9QXdY0s5Unz+CaHoYfmdmuaB9KjuRfnyCMw9wMpv1rgxcrHak9Cbn7rZzSni14bunIyb3LxhNq06nbuJ9fOJZs9R3b6u3fm1Wi9SfeLa+jzviWvHTB28T9Yynxx57vv6v/Yl1C6mojL3ZdwF4QLLyn7PuMJxxZS1HTquKCwZ4zd/SDFy27k2cf6dCyKXm/F2IaT3i/DSPh+Jd+ceWs06qBQjLDD6i9MkJL3L9cAN0phXY/IgUHzjFWynedIhya9D9uG46+trw4MA+1c7Iy+JecjGr0L8Nf9CwCgmVUGhe1OUSLO5FlXqORRMs8Y9Zf8zOixf3CXRu933fu9Q2v4oiX5FTmK/msoEf27V16DzzMdRVv4N3jvFmVxGPldB3xhFHfHnqqlHUp01kYZNBD/Ma6o+cGrHvu/aRrIed7KtdDu8YGvPxRhFYBgnK5A8ahjNRzLyhfF5DdBghmrId7jrCKzV+wh6PaKrwLOr/zpf79Hn/ef+dN9qH6DnaxSmCyo5CfVrRUgAi/IcQ1GNHSJPhFOKjTz0MNpHxfEn7qZgkXphrh+ZQSn3ccqcegw8sdsmCNADfsK+8pYOIs307RtSre86LJzWJ2PovUD44wWXRSh4s+8iH5jOCTVJcuxANFEMmUh4Q9wafIHeSQ2GVpYirwCf00xIqAtI4ZtkUuJJ96kOwVuc4AXb7Ug6b8tjU7P7HiL++YMorGuOgd77KOtU5wd1eMiacSuNH1kgxxjEGDsfn9/KkxaW4j8tgHA5EnM+FQxQOlhK9P5eLNdUzPIQB68xQdmNcddc8Q9OZG9sBWLUde1RgqR9lenlV9Y5EKPFK/JBl0rTolv0wj3baqOMQ8xL0BwqQxynDIOot09CUi/pXb3MS1J62z+O9OcH2i+NKGnamSHS/xke/z1txt8jLH4jh89lpvXcH3DlHweaCQXu7yOYX0tgY5D/c6OdPuhRvCzLzrYXnEXs14WZjLUaeN+McKk0zt2CIaiTyrnae2RdujmG+cuxd3sp1MKxE587MTPtARfbHqwA/n6YsNKOpGN9TZm4RfHoKXqTJShSVsd+IAPlmNd3ImS173G8R+MqD57q+JnPoVbfLaGKfoyrPjYHQhjoC7nT6B1YdbBQZEHkTqJ/qva4uD/X6Mka13+5ouLnLDJyN2lLpNjuJZgtIMhVYtBgqOG2MmAusSdE1py89pRSYQg+Q0aad42irEijL0ljg0c4fiXeGpFa9ZVbc39Xr6NkrJa7vO+MpVbHa+j5g4PFTZBMDG0RtEemuCJmHPCs5mNDcFRfeibCt0ZdEn+uRRfU9eTziiUFHxL4+kYCJ0iQJinvUc7OawCl0+Q8x3awoaCjYMTRYz2mXH9YI+tDK0G2bF/ZkNuAzBBW1FNNnirKNS6hXZPju27sd64wy156k5vzQp6X66VCCL4vLjw0ddjHxf/r1OjWrc2om418G4jGocsl94x46+vxQ1/2oV7mhP5irSL0WqcihGNWQWbTl9+E3+3wG+0Ky7pWR3ZksO9SRPqy7wgz/Vg5zxMPCekHPdFrW04THAKM3amD+jy5tpbvR6TlYV28xFr+lwd4+ZqDfBvJ2dZMwE3UV1HA7msCXaafvMFmFVsj13JWMuickXWsPeHxdK69Bn6ZfVq71Gt3ZAWB282MfdKv2xdtMOGjSMsij0ytZFngLfMyEqNXItzZPbFCSo7VXnY+25a35uYWjJbFLtYJIqsiQkW119v/Q3vg1jD0KFX7YE5mcpbpK0IUoGIdCMa+9I5ZUB3CsBI9IUUFnp6pDqhlNzCpAjCEMCcISn4U4CPIUz6eoSkWYH/Uv+uHjzGecvgcwMM6ulA3ePvsnHGLKLtxAERkSjz1zmKT4JRswjjL7hNm2oBfecp5Lef3CWO6XqH2BgaKU1qSBXz+GXYlAGFmbyMY3/G0vZqzWl9DjelcFN1x4kklKhEr82Wdap2r5nEan1FbvITBuSyGfs7YWsGycd1z1ZykmF+YpnCOiF4Cn+qZ1K+3r6hKvi0b+USyhPQmMxm1T6uNVPp6v5YkEY7tm7reXpZrzDJXmbye/JeAdULCPe8WM8/I3Ycs8WKBG88WX8asKX+Q4Nzxsxn2h3WfWYQY++C2gp4unnr72JPsr0Pq61tfvy6ZmaJFD525TfNY0fCqXF8V4cuaAGbIRXzd54XWhMy25Bt9zanmql/7xhbIZ9by5/PpEI0NWLOiUam4906xGDjR+x+yr98nxrVj/m2CSjo9LAh/90VAbUm+SyeiM35xuzajbizEui2DiHegRwGtIziMt7W9aMvLjhkteT+0JVCb0B5Qlt2SDL50D3WGG07kGAd8HmsUNDLeV2RWKXhUVvkoI0avhZ8I1r0hLUKfkjEksvfj5I9v8TzKTtDsF2sc35H8LeJ8rkHpevRyi6YPMzLRhztzt6hy6Puv0GctZQimbHEJ9hqr8iRw1fIVqFrij3KnHfjO4rw95itXSFwt1RG1tc/tFq26kIIZFFSPX+axAkQcgSMPQFzJTYAYIx7aJSWYrJMzgpUvaErMC7PXznwDXLKMFsb4d9j5iwU07+ua47cpsOXFP7F1/4CtMbYRyjJdkMo/oR2IHpqDjd1wCEGLjkrCXZ4gISTfUMEUrhjRA9cRP49hcQXhX4dFaEk0VjcBG6Z2Tj7bDs27vShanqnkjZOhIWS8B1bna5bMC1PdnPfq72eiG1X3GoririUruxSWa0z4lXh4p85+5tNJal5wfSfQxc3iSQtYwwxtJx99bns0RYvAjZp22gu2/FP/q1H91NUU0wEOpbw+AjyEqUtOYCmFxhtPOT/f4Au7nfqFjmjoawavHB0/065ZdRbLWDsiey17PMDxhhpIdGrzLjo7JpaDYx8CSjC7xCcDnyR6bOdD+4DrX6zH2KA5ppPttJfPyM2fuo/pSeHv8efd7aFd9HUx2E7JbI8VZz1kdC360LEXKxJffkFfeqn+YJHV1Qhz7Uc23s4JXV9sCNnYdXVJnvdUExjRUZXnwMZHJsbkWPoCM1dzBuvIFc6Iokf6GWP/QJztH0ywA7FL5ONqermoIEhTCbxVkGHyxjcZ5zkxkpVWUBD0Sin6mSPn6ocP7bBKTWAFAMh94HMnaYWRArnhF0upBUoIlqi78qjREbfCmwB78oaTsV3P1foyWzPvrgj13pm23uPDX48zZobCFdIyEoXV3GwRHRMKvezrGfdb9LRbBc4728wWEFQeOoKuwOrY9DSivyWeCepj4MpXqsqRCwvesvaxsPJOqYr59PqjMt755M1P0D0uFw0rkXnZw7p2Iap6AmP+yWj65ht1FKP1sab/yEVST/aI5HmvJyjzBWfvPxJnAdLIWo9UeBTjDVcx8JUZYj0qNvc12NVZVG1Me4KS2Y2Mm0yE9idhrk0AfTMsJQ8h8BhLBymuAnBe0i6D7RoHgbns89c4//6edwNetZ6pF2vVOGQFv7rabYKtXcgM/fgKNDBuASRozLWpFdLQJ+Juz+XmRMi2o5krNf1Ng9n/Anx/HcmdfJyx9rdE+XeD7WoO8roz5jbzW62bj3puOotn3w2HMGOP57rCuUaIyxB9RLjfteP51Ujk04CaJc50onnsJM2FALxvk14554d3eS+WI/nX/KSAX3HJjRLUP2XjvzfM7QEm17v3X/bHi2pnVhRE3nEgwjbNtMuNiczNx/qVy/Tb9lXbNPw7gXalGHRoOWb5qs0qrlV/GT11c9GJSFzAfNdMOvXwTrhEk/wOl73g5fjjgzXf4y9m6x57vQ4fFXeDJ2QErcUcKNiXycSE8Ss3hyjPuCIWzjUF3o5QJtVJcCgX3r9KnSy4xm1z/tM+RIM1Kx3zqZFyVbTrmiiA8bR5RX1Riz/RXLX2IoeelMJXct87erK1CnPOZlNe57GBExzCG6Oe/377bgCdYzPbxA6P4m2hR768mQ+ooEkqTLKCYX2X+WFdpG57yT7xNDbfiIUHRqnXD+u9RtTMcz7BcjVn0tq/MSd5leG1UnGHsW7zzLfaplNwarvdEydpE9GS2UmTrD8KVdtfAjq/Lg/jdn0LEPnd3HagX3vkoofj6JZ5ec6vZsqfZMNMdMPi7/vDap8ZNYIWtQA6yHdoo9F+BHpJ9MCiEpZeIHxqegiJWveIPJOVfNKbKH3Ky134TPWo/tornTs4ZrdKujMbjYPxYm/9qroZ+urqOS89bZabZCwyex1I3I7Q1+0YrO28FeSvm4vbYj9lx3myBTavD3iz04F0NLS3k5889W5yutzMSlwb4GalazvucSjK385e6ZomXN6OOD7BsJBJe0eYZzaBvwrR75NIOH/CdLO7/AY8B/W+fCksdPqS+zJ5p5z7vKT/kT2fnwg8OIVe893Sd3sx5Q8t7D2h/YqhYFKbI9flI3/OkwCOiKk4iExmc6Xa18mztDc/Y79u5UcC2L2bbhWb7h4nldYOyR90iHcZSMmz4/gZK31ls/JZlRgudFqu4idreYDDlX7C7vEA+izPlsQA8iKFB/H9wd1MIMsaVayHZ75J7TK4fVe+ovjZF6hbS15fMWlz6FiGiEUIfC6ZQsJIKSWzQp0x3br+lA38j/tgn/SS4iLFtziiNOGpbT4fa7rugWjwofCaYZ9IyOOo8IfD53VpA2/7e4vHMnve+YZa+JGrF72LPycfDkvUQW/Zg4jyN2XNzazZOzub2rMhKaSxtpHiLDxdTiZkCQxGh0Xyh2PS55Oneiq49E66jndYsMPVE2hXKrGGea30NiuOd4olivf2rfUT/sWxQm/V/m2bY/F6G7acBuIchf8er5b80I4eJ29u+/ymMvjRyeOvhPQbHrvYft8/9WqP7Xe95sklQ77Ul9amaftujVluROsK43K/m2B3tnkpLVUgS8CLJDv9StPbr/tF2XE0Xm17kePevKbMMuGMzwp3Gb8reGgHd3piXUj+iXE+tItwsUrXopsMfJxXzQmm0AX0UAJkjh1uyKOEMXYlef3QVyPVBXq5RNJIK0L7x5m20DZo2eYpegQkRugs1S2Bpm8Z73oRVTiYZ45qVWbG/lCL+awdXxPW0XK9bTJLj4z69+8o45o8bObbcNXqWoaWVj+VT+DKdFEr9GyLKYjDA/v5gQokWMVFognD9V05zGqZ396rOnzjCivs/qk6im533GTLASoJiRmlJ82G7guEZRAxC6fDqqHERqPEU46hGPcZ+XasRCb49vg2yujf7Yzvv2GO9JfeS7hd2qrf7BVrcNz3bpU3eMFiy97y0gloLRyjKx+5eV1fFiFjI78eLavRiSeIv/41/nK2/9wcjQFef9nVUTMUw1SbevVwUyoMHb3xnoK0T9ugpOEoK+pPfb/cTXc9KXthoRd7JlpYabkNpdld8lbvFle68roT4HZlgvuqC+f8tdIQwEMihL/WhNDT+GikD+1ehk+4cUDmtmPvV21tcX+4oGGI2AoUt3fcpF34ZSB9SSexm8JjrbGofPzQfuG67Hh3apZkgaoRVeea6/DIQ7dWOFdrjuy48uZdBowwBlKTDiiZ3vQCzL2qGoGXbXUtQU+mPYVEBBS4VK3CLQ39azoIUD15n2u7h9D7TSsRE7vS7uBfV7GCelSH6CPYrQb5WuB19lluOy/tZ4Y1AW61IkMhYhSYqGFkDHIySt6u0lyxGFdzy+TIvyZEFZ3crxt9eL/qPSr7C3f+iyjdQjPlmEH3HaizWQ/sSu9AIqq1wibs19ZwUJvseui0y88Ds+ge42cshwPDOdzVbJa1FC4RxhKs/pKS5jbXIG2UsOIXkphitJPQZP1arGnjGHZGZeGCF2QwLeVQvByfNG7rtoraWH6l0L6yqmYYY+gqgsItA3jWqnJc53hiK7P44NjcfNZeLFgh/OWL+/k2vntoH/5VW/MKmTuYUG4ZLxDKVXJqwh8ayb7USPfQPlsgcZk7Ku/vBOu3Jk2I6xBLvCF0K2q5hfhJ41RrPV4U3LaFbX8hk6HFOjNIMq4DB/kTa+/d1PrKU0Ak1Fwe3FraCemULw+pi59rjEmmrG2BMPIJJgcYByYcbKJBkS1VSjnyj8zGr4l93IjU0JJhp6iscziGrmcRD4+45thmdX7mUelZVSPdV4tj/d282Ogl8LwL2SlzsGarWBT5wGrezyLWdpUr+PsK+EqPeu8LxDcjd3tyIpzAaOrc5dydvxVCWch2nA0VAMA7eRmMnZv6dhYLUWaV7WkJl4Ybplpwefrr6gy3BVZgPQEjBf07qzgjmx//Jivj8g4KSyryxYgwY5iC6TucoUOlIrxDReI7Dzv57t386it/3gRFP6n/9wLwtQ8r8Q5Ze9Yv/vw4rteCR8x+3qeeCS89tKcN4c5p5SGdaMuSGGUT42+JZ6WI0Q2qMFj0ZCjMyE7SJl0zmjfcFsKvyO3Ep4FqO/81cTmRd21Ul/3nHpKmUEJSppZyptPA7e/MFGuYefpmgivpdWN5zgUSCySZQ6+Z65oRyRvpk3Wsxbk6aT/dfglm8+5an7KboyaP33u8XBbmS/2osfk7GPC9gdR4fHhfqkzjk1jyxh7RnFimasprVYj7nDy0y5d8jnn1hasoxkVqewo4gcvqajzfdjzdEBTCEJdRvnB9imbn7VVu+K678wGRdGIbVLoOf6FxbbaA7Cnxd7vw1v0Zz/0pGh3mykntHfqkpDWnJ5PR1uMz6sI9qzcIZyoY7IXHA+bs3AR4e52VZcDCCH19oZtG98oP9DGt+1ZcVduOWYoyDrVldmBILNYR7GbSgCNq6A7z1SQahKYutc8seFQo1Mqllu6VCgP1nhXfufJPxLaeRzdZSAWX3HwxFyudnAk4yJ/qbGj6iFDFHA3a3NtKHhyNOqTn7Rm1akxT3Lj9rm616tlE8L4nyeQPHHAHYJ6C664g1KTC9nfn1cMWHr1H1y33EDwaPPCrMnqS2nNfhuA9taw5oFfWt+qOFgx3iHI1j2qmAE1hDxTuwfYZGJnNNXWwzY/vTjNfnPAlnOeHdqC5V+TGWKQrV3xmR8z/mj9hz2Ddnjc3kfvaolT2SJvvitXkSgMg3z0OgsoCk0+AynbmtpxxW2wobCryJBFrNifQ4Pn+RcjqxoHBGlPBOEBGSJwDh7GuZ13gq9FrZK6ve4VTjffEs/LsrJPxkom/Cv6k8VTXn9h2XnV+Zpfw/uf5ZAuLO3Lz93ts+YPHB6VPdGVPwbMu9QMxm49mwgtAOPtjM74vd32bAjxcOUz+2hsaCsUU7STr/UYxSGIPY2ulUKtT6vEBkeRgT6nX4S803poePbH5IjoPwMs9Wnz10O+dAvro6ntd7kQQNJgbkYJnRKJYghraOjswGKLm8zyU22eADSiC+YM+Pt8LDFJVa/oxWa5I5qnfrZvpKIWRNixUvptCt2+ET9fpNRdYuPYSBfh/I4W1Vt65+ZypeMhBu94c1gLSX2BvXnHweoc11n2Efq3Xe+5EdkQIOzkCl3UHHpOFnwMTJIaWjppRjH6XvPyvsxEcv5R/hJyLV1baqwgdu0LR4NMbaWvkynTBscKsIgC9xi3olq2xitqgRfKDtr7vfEYxamGuyMxG3VeeZ9C74fNvLYAnDtK38vWR/kErlON1VN5yAcG+9OtAH9XvXdUs7we+YOEqseXn380iUy5zLPD9ZTwmINvSNt8H9O+wQyLdM2/Go7hJDI6bbI0YqObCOopOHj3JRzbSvkyMs1bn7ePsZ/Feh9luIfa3mIESywnGuU2fgfF83i15lrJGy4UUKAtY4i9u2Epe0xOsq7HWQZPKkBcZ7p39C65SzLnKQxyqfGZbJuN9n4b02jdeaV3BLEzZKq9jtbX/IsiB7jt1UmkC3vTHJKF8gnuVWGicA7qq7U/R54YYa1rPjzvBvhs77xMbx2L8yfwNk5ycg3Ocaatt0EMA3QfYLtvqd+onwY3uDeZNM5Veu4Nzk8FoUenNCwyc7Zh3t0Kol+vABccVD70M3FHP6XSTQuFs2QnNvD58HyGp+NfFtV9IRadba97QSt98ARqvJdzYAQiNtEROAATSPzqikQ+biLS5J4cFwO4A+WdLNw3FRVYd9jpd5UbVO4nSe5bX6GeiDAe4dL23KhBhAMRm7rUiK2k89YbOg9R+n3UKkeSac8hqKQ6wd0s0Cx1YFSWvE2bRGDoB9t0UPfPojVwbswRs56z8udy1ZiiuKRFjBXOCuFDqWcVBjpNKv9LDFTw+misfj82V2rTfP+ntm8E9Eh7c7e0I/Xh1xSMHTK/fV0RD+NACUv/ce/pJ+yr3jqzTo+AiI/+UXdjjJ+wmgo1hwiTFxJif7UyzoO6UatTYs/6WCEGtFUBzavr3nEpHts+0MgI1jLrf2XM+rBtoCxWpXeNjB1xURp5Ibb8VVk+PqMpqp/VXPL5V9jq3M5ynMpb30EvIrYdacfltaj8B3qlDYBokTHjUUcUckDhHHqO/6CC7xiF64sdanAe1Ob3BVLx9A46FBlDWVSDnORZ6nHvJZTQO/BnnWX4mGs9snGfG1V+dknMONRvrf5LJuDkCN1fqzHPHNe8pe6t7t2tPblrvPCW/jrAXci/0FmWfoHh2mvmb064bojl/yrfh99c5ldZd9x36WdtCU7h/aNcjcdjt6XDbjfy76zi2FiGDZi/UQLmAQvX3I5rAtSA0Y2W90owypWZuzxEECUd4WMANFRixq2KxQCsPdg9ldniAFmX0ZqWcsdo/Hfm1oTNkeX7dGUjXBABxtO4E5LMye9iBxtsRK6150kl8dPNI9IzRV21Wr0n19TydiCcZE2yi83o8CWbgYG4o9GeZOkqrW1L4PBMOmZ09MwYZxiZHgF6MrCc0aGoeMy8oNX2oj+yJm2VUagXgcL/0P9tAtUVfa9DZgBHE3MGDaTuOfBT6h3Z0BWQ1nj8Elx6XyhjkoR3/tNy/sQlRtFtWl1e+mNhh1Fz/3Wkpdd8I96x3FXhgFLbGy/BCjrmTtaicjyeG1djHbvhh2/12rvGBrEZ5IZg+ohP3VJOL+azLN4it4MSrOiOBWVb+Fi0p3blYglfSc/Suevfq7BS5ayfRL2pRP85vpNNvWrh14PztlQR+4yuYW2x0M/2lgMTqFVPPW0WfzDNujBtELOP+ZyDu1ppNuBffrT+nhMlY3KCzotb/5BnmO2TvOq7xfh01s8/is/S4Hz3DV+qePKbqcPJkc9dDc4XZKuvg3Xhtzj6+Dat4WG+QJvmraBjpmzs7yg7wXMx4V6SGecQJdlRHuvjTNVpc32umg6QufDUIjTeYG03WOOKrbWDyixh7cfsr+pC2awX2W8aRXY1z/xyDb+PgTYmBkn/WLjYC+SCi05AcopwR6pyvJNYq3hEnuTdfzPe8pmEPejmDptB6Zy+6V+/TVzP2M4Ldc1kPiODGc2M20Stw1ABZ8vk3ViJ6blu9rATtE2cB6eiEwPtIidnL0eqezmZ052euJPuOn/owNMS8m9WrSDg3Dl770WHJPuKqlo459HsEvSxCs9sHrEL3wM8qK+hJDegRKn0T/tuluNj1sanEJH0uv4rX89x8MzXiSZmvvcaI0VrT/nRtKY4h/LNubpucim+CN8nBrieqN3RISt/8KOHUNI8Xuys1k92zBEJvd4s8KRTZrSGTVXM5yaMw48ChOt7cu4f0RfeeSIbResDiKt9AOkxVby3wtAcHDS5ZV+griDJ4xNibkE5TW3cs0V11YRX/XLo5Ei9Kvpz3vS2hoq/KQjo67YfIdF5dvvKRnN18dIibPBY23PW/+JKoRU7NooZRFBDT6xip2sBnGUsSA3TaUazNa+msqnGOHSv+Xe6tSo0ffX1xqqsmr+2ud0a9YddrGGpDpK1J4XaN5Qus6PBWjxf6w9jOU+mNV170unzlAz/fNrDMH1s5pqYvZPOI1wXPXEZPA5OGNKbopqZr9fp93loOcmcXByboX/SgTGkHT5NmYUgn/Eponf/iJikMV+phQrkRiQfRa6/kBNs30PBTu10RMoo76TVRZh/kiPIPhZWz5Li7UyueL+eWz1TcAoHUtkUCfDtrpSKwDR1xRE8WAxAvYJhOeP5mqoL/O34olg7+AE1gVvplpuodOezE6TgYlrsaH0js5dYIRnfx/E0DKW4tICWhuk/qRgXSMlCTEVXOPcbWhoM2aYfRyUeuhY5PRVVdMbqSqmY8K88cMopODUnKO9gY47Uwy1Hmzl8JwKYGSO8unO+3Q05+g+z0ZefuCUU1kUObkh6x+5V4u9yApOhzG8B2Jyc7MmaoUknvnyhhsuOYaf6EMbh2q99Jby0i5SdRP5mc6IWT9AwhsUYqL0sAdGp1n5+9W3Fx/XAqn2pepZ+ZhvVmucw71TLaMng79HyZma+hzw+nXoNZHK/b0yFf4avc/Z09+4y4XkLpG5jXU/27GBqjofL/qPsWLddxHMbtOfP/f7zTK4qCCL5kOcntmc3pjikSACHZceykqm49n2v5BQz6L0R7KL5BGwiApA1aIffWaoF/KxXxeB/ASRTHbNGqSGFCRWmkrIoI3TGueVUWzKqWc2v9K5K0rm5S/Z1dlhyZSq4Elsl37HdoanhNXPtgzvuatBu9Z2zqDwLx7h3ILpWpVLtWG8ZjzmvgdWBHrX5rMLmRqoIfPbNriZ+lOwQrLStuSh3v1nbkF/2iVKDgnOJnWelEYhTO46kCmpOUpEvoyKfmus+UPEEnt5lcLRsIUsjk68VCyDpWxYsculVQqcFVVe9yer1XV5t+nEZbbLeQgebajCFeX+ISToFqr+8BXLoy3F+27V45gK6rcJJ1p6hD/pEBt8wNbD/wOmXcyPA8JoATpy6CoyN1QDWj+0ZeqxiXfZtkXj7zYFFDvkkXps665+pzSzSUrTye9QwhHzraSPnnZ6DL43qeQAdiWoGvs97n1fv5nnrI+6//6BUzVJa9J5xUck1/FN7WYH/DrvIwb4AskTPeGurQwjgcArSn+osNfVGJwgljHSTqDp0qrx7Ff1zsPSctBvO+o4w2fpb83E/eIZ8VLeO1Lf8+8r463S5/0+/djc95v7Y+/s53GYL1s1O3rcYocw3cYw6gKe0G2uzhWY4Ddl6NVeKsLVX2+dC2KAf9F2InqNWWPr0Lo8adJcfjwmhIVa/hACmG6F2U5gUV/XR9BQm5Z8foZ0iLgthxCJ0jaBZV/x5PiqeT04B9pEnyew/jl7BczQ++6iVL8CgQ9wPGj0RvlEeQ4FwTf9GFFG2i2HXYEmi+X/K5RmvRLLQsP7VsyJLvYppsdbEi5c/agMUK1OzCpUNDruBpBwAcq0BrqkdBJ1O1z8gDwiIjx8PM5owIEJpCoFxKBugJwN7251rTANkym+6CW5wjXQ5UW27JJIITdIQIpoo68lfbKCYk5LipE1MAjv2/19259J8eXhrZ3wpT7ySxPMEa7ACnl9yjioRs8R4N8MUWdEBjP81LNiLBWNtZVlyLrMWDEIOy0sxQWsLtbgywj4Lo4xA6j0AHICMuz3NwhcvBntELfISyh6yXM8aXVx+zrXKIBmGuYVySKYRuUPWgyTtIvy/Vfd7oyHFkLyfoVceXn8uph7wf6/u46s0bdqNbEzmkNW9VCOcMKrJlDc07fC4vci7I5NPv8y60bJwu5X2ouh5rvZDHVrmo++yzriDAVXR1MRVV45g1cs27uBthX3q0OI36cewZ59H5Zl3XhU+Op165li8/2Y1fda7UcdSPY2GlnCRCo2r/1h11tSPexkG4FpnZ5Gthu7yXCn3uSMe+Ukwys432os+3jzqiEdxNvDydj60NS0HylRBTvG3M/PiWdPIrbcD1PGTViB9p7u7Zr9TW2cGdSof6kYzJ41OR4sZdevnZGO0++kbBzo8W+c7frse3/O1mCo1vwXFlAGGZPuIRns+Woob1wpY+PCUdQc6HwZD5eitt2Pa7FoweMQvdOmOJRw6DqwV6FLgHjFafd1gL0QisqnnBTtgZnudOPgTMaRpPhScc1x9ajjI6gYWxMBFLDTG2Ut8PkHfiIRCRyOEmDX3/kan2a3UQe7Hdek3EIclTnicVpU1HnBYyG852fyTWtssHmO2IVCgSwXKBaFIgqitdbjfhyXOzvJ5AbvmeCn+ixS4QU33b3kE24DLgQssVvxrcKN5g4HCaWYSSN6eMeWOrU4BGyetmSeDze6NX5/uVTprzwOPtmWsWo4dkljGkxvDkb33DDrRJ2vx8zfKCRU2yiCuNlcsQ+ubcF+WF5nuZrkS+5rkeyaOMk4zXCvhEibcfAb+GdiPG9aoXHKRGB19e8zTq5tblT1pd7VZLDuYbrMecDl915PHm8m3emE9R3lc9A9jODeq9glSMfYc/qYnWVpHAxFvaCdLVLL+7pVaG0db6Brtuzwft0xv1diJdQYyYzYkyb6Ewqqh5WsaJELBaBQbZ2erxyaOhEWgD5HGh/r8wHDfu829qDS98Jv0nfKNHXD3kZXnOxxsjBzgKiUB6dB8BJGCToJ4rnO8tlJ7EMBZMf+asjQu+e9+aPWraLKWn5WffqDRHJtvmOOk9Jb4iP4nr68qmbxFeca79PMD9SkqdWV1Hp9OBVn5eHA4CdDd39Nec9yC0jUnaUEmFlwno9J20ojigb5oID3hWZz3VsapFTQcHgDo1otRUkLHjNLrgJewqTB0UAW60KB0ZjilFlxBiSpDaCBOnx0sF/aNIkpkAMJam3MWUAsAN0oJ6/S9GW3oHD2IeV8/LS2SM1/BoHsl7gy6IMMoHCnixl6CYvO0feXGszeExVp/H2UdaK8yvFQPg8d2pVYgFnBX790dhaF/5yRjchEed03hzYL8FC0CPAYF0/1Qc6OPfYX9UBJZkJcU8jrn9pmoQ9hYWjrW2dT8PEnp/AaSa3qMI7l6k7sJF8bisw/6Fb/NyaqEfTzBr+p5e52n0xO3qXV76nWrqJ88B+bkeu3x+mTz38V62rDse+1PMjb76Lp6tWbuPMeeCHVIkFipxqJ7P+Nt5nXCnWvSEcc0Zr1EpnC0viaAgnHG2C1m0e7V90kiv0+XZ82wSPm9WlGY4q/gI/DnFu8WZAuB5tTA6gZ6tBbHPhycbU3W9/B9xnQUhVvN5EOQyx12bqzyEKj9ToC1cyStINFajEc5jdg4p36gJls+2e9zYSq8H1qVfYeN0F6vj8bys753meu9iJ/Nn89Le+anbwWUNx7kKqKzRVwybMHUzIyAa/iMXjsrJ6Seig01HxuwVVdDg0y0W1uv6kXoHkjtFnNQEV+WZpzEUT2jGICYlocaGExaTA1e1AR/SFUZeU1V+H5RlcZrsKzSHEMLKTPM0RMwVA3EN+54qVsugkWzH//umXcbyWKoYanI8S6LvuGFtkARfaIKrd0f1vLgx8DF39q9VcPWaVV+7yLGexJw/a3uscHkWT1zB/+ohnn/V7wutj6lY8w/nwDRIHZZ2vkcfvO7fYWcN7oG8z9WdPQZM2hJNLw4oMWCP/HHAPmOo39b0fQSxdVDaiYrvc6fR8aJnEtFQBhY37V2rCiMKPo+MabOIx0YuI41vHIksz2iObQ0W9kAxbVbo44ivP3DihvDc38Snbkwvija/VHxIHIUP3DMvrokIVTlugDqUMWbMU9xxdl4CNGjFToCt1LK7wjumeXjHs+6TR9fAVrEIXd70uMLKATnEDYtO1vufiKx/0+1hfRpWTksjTLFp2qSz1nWmVqyzIgqD1w0OQPlDcKtT37Dkx3OVjOdvJQR7G7fzOyh1Y1JsCcPbKzQwjVnyvyziNb2Sr63RBaTkIVnYQwnb2ELGTLN6yI5vuf/6e6/qlANW/4b/qCGBZrxlOc6v+ESVb3faH8ncH7wEhYd+4lUYT7BsVa7ZQq8AOlcNfIszBtyemMAYa0dCc2UZ3GgtzAm6m5wCNH8QAuwkRc5LuLQoCyr64GCRcdOpHHtm4RHvIatKMprYwFUzxVcRpCep0OTU6qQUnJ/Yp4gEAnGkag9VsbFFUdGuY6WCqvBXL0ihhPzGmnYdDYElRUENpay2Q3MqvAob/vZTiO15xhpIFQA14RR1svH+UoTI0dKPx/M9umnnbtiLKRZWeFG0fMcTLP0F2qBcapDpsh404lA5jd+cjvRqlzuMvh3bP6Hj354B1Uad/y4P9tO2nuPF5Jxwj/f+ehzkbA0GNsDzP60GVr/l/l7Oj1iBOTDhPyv1CGCmRi87yzY/7ngTPwg3EnYirwFxJnFcsyw78bB2Sc4wCITTpKX3a4lSZqKKJlCecrcK/ibn96E5mp3kyVJ3svPnmJ6hPJPYgmvPShUiKlaYP5f73n/vrdQuk73G9xVZX9/Uj7jD7/aFHatDU74ddTbcgA34ONgRTb5gwZ8XeHvgx/nHsTdho4lb4IqjdvHhvCLCFExsRueqB1cdPeLNSDpnxeX9r/87llT+1eD12EDbq7on1vhyGlsGul9uRW/e4If+Mz9qs1+oHVuSQQ3rVTpq7CI3JuFdvwmg8Sl/9RB6/MBjSqr+LN/YYcyVtQMIJdZ8iLEKcyoYCKeZAEMepGe5kQnUqCoTkf993rTsg58PplxJr35iyz5oQD+40O1dR3BF0R5+TtC1uo9wvWcdibF3GFc1xtnSq40R0Xds9ASPCUDt+pkRVuVsHT/4rEmHrOjx5OAFFB4TbqUl036oCYm1nT8UMnnyRFoB9zgEla01pPkeXbRzN+wNlyxaJ/TuOJZXjl0UWOUmuu/j1ZRnflHdv1uAxNp2+QALPwq95hZBc2y9qzlUuVJmJXu89Tnx5YwVNeKY+aca4zjWy47lJ9j6RI+1JTaNIL5qkjWMMPRhOfCwBWJtV3q+WEJpXVKFLIboPLbWDEV9s7DRRZT3VUWqWlW4nCO/XFzz5xTHT/2e6qIlmIc2AQB0Vs8ZdnsTQztgr0wODt/1BImn4ffepcM4Ts4H5pMNrb+cx2+8q//6BWO2f9fLNG+iuu+Xx0vTmM83x925L9iGkFiZb1ozkEFWb+wK1/fpgFkSmaIbSrqF5COwpvnsaWTnSrRkNLfXOqHwAQgTjrFw/cV9C5fGEz5u2ufDnPw1Vp9cDBy/AP2eWeS9MZWdKgP+lh0c13OwkBcBvf5hHyprGPVlY53e5I4ka+9rKQar3OUzqzGly982Ev4tdvUFfN+ow8/QGrU517EVZVPvvpkFt9hi6dGvgNgqH0HkRBzhkTkzMyAThbJsiYY0VM5bISojyBBNK/nGFBDV4L4WW80sWiS9DeumoeJKN8wYa0o1wGYNuJKcopB53pqOdnlmGMK4moNDHcGpjFCRYy6yVjmmMb6YEKDatyNI3iMV75+VzRoNp0l7NRmxVq5apsKNNVzp2xt31YPWtUmzgUiokJk5GWS9ecYNpX3DnuGqXuWrnKL5WR3dYCvMzgXD3GFjOLlj7c/DDm+fHgXOJmugCygqA9eJ+T3Rw4L2adi1Et/sGDjkbJxfyqhx3yrHdY5lLfAeo2/lUh2d0XyBTRPoVbjYGBfgII702mb8YTcxl2QxF2wZpjGBuYhXP+cQi7GCVvktgdD5YBuPEZMoDFnxdVTPpV5/YOEgjuvmfAyDIUio1KzbLCtOjiQ6aXcod6C7zqnvHU3N9QfpnYqbR0/53GOveVP5U31Pu/ZP9TzNV3bD9a6U84wccvNmc7id5x1J0OtjXYGUR2aZPLnDa3g2PQMfqm/W1rBqWMaVdcPBZ28CWNNBhErPjd1PjF1DMNugl/T4v/O6YGeAm+1xgz8GdCXpIBMXn/IRNA8NIlIYyWssGt1JYeXDJ4RRc47lSSaHCUbQ6lZvQKqrdVY5aEOvhAIOfaALSEoNDua0apMtUksGakjpGDdR3DPEtI+nNJeTDyQAwrjaRgzGcGqcmRnliZBBhhj4FE0BeVIBeZ4px/F7p2qlV7VVRYRUEVXoY8ytJIf6zocE3/puzBdB5UPlpHFffWrZM22WuI8JU/SL0As9Wfi6bk6X1L5m/sJUEr2zqWul2L/kNXhpAWur19WXpKOlCw06dMYfnesfVoPNp3nVuL1filbWQ4txPLNkWMYlRunr2XzgFdtxbMcRx2npYL4dTsjCycaJZr4rk2aXF0iuxUbaByeajI8a/gRJNlIYO0VAvCSwt/fBVFuOUnljgNSZ9oSPXB5X8bXeAsb5eU126is3o/23fha4VquzlX41N8upjo0rhXe5Uuto9/m4KzULWxnHjXM1Spz3a3y9EFukVysK190VeyAOrmsp9ZswrGczqcZVttBdlw/k84pmOc58y2etX8bsi+Of9BDBtfhx1xyWeraO+KMf6TF7jWBNwt2YTQ8KIkvb21F7FZcsQafoGKsuFZ7DQfHnPmjlLiJWZ1/Zf/S01wVWMC+MkwkURJpjtFqExFv1Js/XRZXqu6+AmqNsCM+/gNB4wAz0mBojuSF33/hLbqNGIH30iOU0xxONhExM/ncH6UQUT+UqFDhNSYspHRC4pgtnzICqmAEyh+RpzWluML9AiWl4UZhq7ecZkP7WGipIR8GN+TQQ4Vp0Zkf5qnUlIblJth471XbN81DpKxdhJsxRD9w/d5IMOBJHtDqRym8e6uk3WqzCvvWob499TFcoTGO5Fb+b/TdzgymYeNE5UiHxajtEpv1D37VWjFipV502eJNn451+CtY37HezZrNeWPl93aPr0YOHNa/nHgP4IKX920M62ZtvT5Xm+DGp6qfqTh67muarJmLH589Ytu95qEQPcQwcb+uLSvqbBCRC4ZLIFxPAYMu9cuzn4Ti+tKkbs4NdqoNGR8HHIn8RMuFYK8wa4914yGVb5x6bO4LMRa7WAB7VODZtReDDIMs3kQgNCvQYVeW4XsVLriodcpjVAdKWzjOdc5ALzdUC/rAtZcfOnryqiAOiqh1zdK5KB5Mndt6cp499+F7VyPWpAP8f5x6Wvp3Z5uFQ/XaRcDxGPYynEx3IES4/zYuWDhIcA2PpCo1cRhtPo40QyhyAK3WOFe+fN3umefTEnASAmMgNUJfcjOVpgVGbQwyYHGK68z6fUYgH2dVSNkhNFA/mOWgBSULCxAt1xYwXPPRqGWWhtuYT22ovecYJZB/ZRdeVUpKt8ewxnzaHb2phcxeLAJJS8koLLCKjoLqsvuprg7oOrbNFEW/LONezbO451WjSiiaWQvRhg6qpy4l+r91XlsgJILVp33qc4M5WOfhkLcDR7TwHXlinvbvQ0NEZYB7IlnYfQfJeDlCpcEz2vUXTqnJs26iQRBFbgfhPVif/nVOIZRYqhZMiBXTWKcA/TKEvJEN/GTqI7UtJA+0gkKq2W4/ZFdBy44a9lkdzg1aRce/wplGdRk8as4Z2LRAA7mOxRXQBbMkymm9JU9ZrswWJUeV8FDzVIvbzMZzcKZw9qdbF2/JulvXw5q6QXH/n1y10Q909drDt1cHQyXNsxINC/Ik2lDHrrDsQ8LVb7AD0dgsqAzRnGhUGeK5JrCzjCi7+SBpzoINtVatywD9twfWOMouukXORMtDbay61LY5gozZTM6jv9JaJjIw0zo7Kg0GrUU+zV6pbvgtq7Q79ef5/r0+3fu+dHnbd84JFGzJ+b2H2EVpJjz0EPXN4r9OG4E+x9VRbqQSZ1de93hoJfF4Q9jxWpxepEHeJ2ZbdZQ0YhJjBIyfDWUJ9MnmwEUGchqxJ6avwibvab1i8ex5NUFvQq7YTJNMEObFwvCgmwvRGAFm8y4nI5Stk9oYB7YWRqEBZYsnzQ2rIMW5jUJTEFkUPz7ARk0x/a64AeGxj/dXYt9xU1lbIeJYg3EhtAgXCbWQJxeEU5sRdzCY7xjbzYY9Sl2d3Y8KLvGcw/9x7Tjc2mEnT8OWbdeGeXodeoVZoomAjoxiAv9OwjjfvOVP7zM38erZVsAafOzGti4hs65mN/nUW0Hm9Zk5J7JBjzAB02y7UPK9LlprvGGxT3L/DDiErIaPbnIeYP8l61qgZbJT6Qy3rd32nTNHUNXInfu+p9wCc+5MwXnZCnFepj4TLQWhuF8Dl/GBy/UJ5AI36PgKyucE28PhtKpK6Ct/8sUD0MmF7Q881ODT0PE5piBDXeW4lCzrP397kAMwOoO/2N5KX2+I6ajLPly/Lk1iCPerXOyXQCiM2jplR1eInsYYRYzZiHcRW1UnYGIi8lXWxoyLXJSNreqNVsy27NXawajJ2PdQ/uiocOdM7RbHFCRtrNfdd/6iJcdJ+WnwQD9ukecA+lzDPO9U7lHSFbuUg1s6q59dypX+REwvntk6EoRxPUJyOJFPOGoJvGdeqIkdAOYauL5IRCt/MnSdT96CO3GOmFyPlF0fKZW0kJX9qGOodFHnAZVs9GDfrkmjAwFY6xxz0sCWh6kuUWgtkVEUEJ5bi1ULzsHaqIc+Wg55uOY+OnHNoADhJ4jo3PDPoOX7s2QKCduUxQDBkyb/5R2Sa1WJp4fIYmo5aAgQpBe6+2CtVVLQX9ACQ7cw1ekv2z29gCJ1gVMaxBsxpq9fYqqJ8zJCVp8Jag7oLWNwrKXBxx3id2tU+SqvhGnJfXwG+2c6fHGZ2gzumdS42o2/0oPKNxtFsKuI69T/jIN7/pCpQbGNakydOAmhZzEArjB3xvImQCuswY8Sz9Nf/+ffsMwYsYe2qyISeOHYPmg+tSplzSdvabljC7EoXFCITSj/azdQCftczEqv5q5I+RzybuNk3Wd98qraNTXvnQvviLddITbS19hu3Aa1muRgBE6zocbmSwETuemewY3gCo1Icq0qvyV1qriDiN+yfrB13uvOjDMOqY9b23QAAQABJREFUPxuz4il+4vXz3qrS9BHmX184GW4NCuyc8TybZ8QQbkB1Or+OyNofCWsfd62Yy7uA83dK/3+g7ufFq9HPzV6rd/heSSrDnRiMUvjWojoQGdtMrkmfrVxWszYbuhPJGoNXJu/0HlGvLYJAplZKMvP8TaWy/1PdkdDPJecAPwo7++4y8NbEog3SYF7YqYqwGIeY81AOKn44Ce/Oe9xLxdBJKnLjbq8sbgbeU47r+CCg4npcHC0PvCDjxYl9ENEYSx/MRnJXfZnQkSJGcJcP9lD/oHOeleesRrwWE8AJwcAktqxSrcXAjf8EtY8goXoa6abCqN0+WFhiedzoAasM/4zajY5n6mjwx7dJYMsWilKf+ZhUYnhmVihhGCFDt/r4KcKEfmVh9ZmeJRahPVjFFxvQrTc7q4UN+87zC1vPUBgnZHnTjjpPhaeI+try3EJpDEfV3bRnhGb+Hjfs61H4RIn2mzpij+s9ZGLtYjvjtlgRTL01WdbOUNKV8AwOdOK6ir+Z2KXlR8Z3bYiwRU7cfYprQTd98WkbtaRweKptEcbC+m3W6jESfyaPT9gNVflnv+BO3BqwZsU3dVk2KHDWmQoFPzzPt9EmiZ/crPOESftXIdYwzyZnnnpCq8J1tfKnF0ZrWfuzg1j1HfyocjRyGxS1GvxOb+LOPAfnHp8odj1/qdX1iPm3Pd/iY7/Px+f9AN3zax+oN1vui9lzDjFqz9r3yGctRYiHqApftxqGi0qzUiaN83Uk+p9Y7j44Ya3Oe7VsNJGOlvPWTC7zdYQJWc320cjJj5c57/o+W90msALHZHWE2VXOeFSnBZ68D2o8bifH4K/1ob3w5J+wmw8BdEKKoOd8LUHFHJa69MGBGlk8gOE+y/WVjC0zaCHFr8VWhzUHlkMbHEnmhVFmYeJB2t6WcLlzDGzHG/xYTaXoZzghKTYczA2W0GEzdXguEAYnjpF/u4Uv7nXWmFObcO9h5gf1Tgl9H3oF2BzuHILR8a7psZmpSfRekFnQyg254o8s6ShVRhhfsu89ZbU7Db5GON60T4PD2zxXm9sYYW4xv8dPgNFi3rDPHzkWVr1KS0+LmCpu1HHTgvHdj1CT1rHnnsoO0P+T/ba5W+0QDLB9ANHhhvmD6KFktAJUpIIBWr9Q2cPDulb6fHBujSLAmzFKlVaVk4Mr5uP4pInaw0FqMERNE0ljieJ+zm+AEPPbyWv0PbI5TGAggi/G1rYXMYz2V2SPP7VlrYjra0UvSoFHqShNY0aBSeUulIvdBd8sliLertuRQdUubMQIbrqU/DDstCT/7ESbdhofWkq0P62fGrrE80rcnuucbBjwHPO65wzo9bmF1YB8s839nlfhO31jk3cKrd5F7PkVsROc+VZpFXbXFUg65lwDCG4QVVGj1G1Yf1MKNjcLsTMseKuznQSDNOHniTG++S2cqPYaW2wG/D4YPeAbcmWsV55ZJqGXN+nE7MN1086mevBFZRjfF8sX8D8MSdPa64rAI2AdVbOXM1aT40B0CEOhxxFKML49Q+/ikh+F4/hO+hmFSZYmJt2Oe+/BMSDz3PAOIeKs6Zr1EkdY1Nwyfl47fQjQB1uBsgpblxrjZCyPKid55epPyUQdqfcPOYLB7lG7IlAyYR/9hcImUCC8gzktA4AmGFNfSpH6/3n9z7qBjBt1Hs9v046G1QVsniYG3XK7BcpqSOYbRQWol+ribcsf56IqGzuGvMacD4bsWEigzmtUcMeTL24TO3D11NJVnwbnN9VaW33UtdWvtkpmMuCoR0z5AGl+A7C2VJphvF7BCzvi/rfGz+sR10cZmfftvGIf0yt6FSnBi0YstbqzIOgWIZLrMXACG/87dGymEJBoWwBntcsTdYWuby6/yPhPoiui9HpyNv8Z5fPLuJL+B3LRebFyEfIPuLppAadP9rB/gD9qX4FMAXDxgHMa+hlKoonwqTCCVkj/cBhX6tnTbh6pu3AX6Pl9PGOSQy+tE2p3ki3qNKvUs1MJ85288fTX/Nb9bPTcQyd+VuhMFfntE0Gl/L904hGflcdibi6F+SF5oREpoO4tAw56ry0PwpbbwU5x120lBMoiJIUBOobhZkqwInDkZBWfqcgQ9kgZ2Sy1VrEzC5leF4i03RR0ig4S430iSsaxU5QivLjCecCae05nym2VpRFrC4zulOTcjTskYd7OkrtobDptZ1oDu0dkpZb5WDDvtzMwyf0j8TO1/Mw3tRdacoGgb4QmXEVP0z3VZ+0ESA2xa1PhR4m8QGJPsiebfe3eb6nh7LjB0U+3GOjhlTr0KX+hJBDXyA1O4scaXmj7AvZB9uYYPjZsiliBMMkG/Zw2vR4rU+3mw/xqSbjed6DjXAhOSAdYf187KWrtrr/O8Flt+GQox0Ie4/t+vluati//dKT78tnpydMz+6eWD2KyE6oHOyQMhRXrTW4fk29Il1i4n3aDZ+wXYJIk8ABgnIB14gZu0oLGqNaz7JMyaVFofOt0VkL12dczgrtXsd5YSAU37qIJBxUj5xRde9FsXctKbaYwJKmpK0/0o/I7T2IFXUiKwNethI9hzY+oblw4mp47vM/z2n3nY+iyAAvvltErCAxGbpM02PtAhowPuOMQPOmBPsgFopSrEmgBbsNMhEykIm/cEUWQK/JAX1sOLoIuofiyD0utuKCSoIqrVlZEptYomn2SEnE0ShPdhU+UTfaRzSak5xcz5jfJiw8GH60VgE9XJfJOszQsr42asdphpSDO4GIun6QeJQWA/tTA3bC7C/yCEJvojTqpNaHyiu5RsOE/p1W7fA8q2qqe/HZVLiZLSAyomwfywVyTnihXcwO+Wc+euIWjSaGAJwwLFDG/PmPZtD7/dNwdV7EBxqORfGtQTOfFSQti3Z+9sXqMbjzaWhBbDJcFwsSwmmTEfDXODTqLkmd0h7u3Y2pyrr/Va3FtQRxZryPMQ/1UQNxSO/C4MBKaIEGXcmRyTepPD8VHVWadaoZ77Csv+M9fztaoic4u4yqxSKjN4Xk2p3MXK/9z8TqXjzejaX88yQwkbmeCTxRfmGy1oLGaojfSstXcdMfp7+PCFKc07vvyGm3UCljne6OmAF3unV/JhncRTEKEirr3iwJh3oaihpaTuxN8/WCq6O44Up4FzgJp3P+laF7XDbvs+MnfXpoIFJE9XVbkGKQqh1q1BX43qEAjB1xTNoM1APR2kjXN+np/flRw0a8odSlYk1PbpCOxCI89SRjYaEPzmtVXAF4HzNCYMyRdhLGLjMEu4EhF2JbZwZ0O9JotqzWQlb7w3AnwhduUGV3xyWbH+cfysgI6N3nmWfZrw6hsFNWWjwKAWWJlzFsLeVNAP/Qf3HHDjoP8jdK6IZqCpBYk0C+kddjTSvhTsrxZFxJMUD+7yJMiFZomU4J1EDf4d2ms/9lHaungevWdMAcjtgYH0EclZ8wUKC0+53AaHtH4b3vfgYJ4aGK/jU436+/60ySXxcTPkK8mo/oiKpEX51HyQV1PNYKdw9leO95+kHcU/ImpvkOSnwlescENQ6iBi23MY/xntmIqdv6gE04Ar27c/YKoizdePL917WBu4Cg6hTf9Hf3jge8Ifz4rB8/MrDemGXfQxklUbGCP6UqnyrUHfOqgbNOQidkowXcCC7ATLlCFgRkXhzdqjvx6AC/aSZ6RiVKoVZ4mh4kDVL6fCGYKMVg72W9Yrs5oGIxAwqWXqbI2gLmbsRe1QFnF0FUU1SOP66smG05H2VGPKhPC+cF/kABl4OQEZ2eKyZOnssmk7ZLr4QaK658VfGjRUj9o02r1BXS5cAhoL1ZUhGSv4dlFUwX2IrU8wK2cWeNrzMaCgmkwrAcyQFjlB9HjHNEVLp57gvGM/CVi+JuNxxOszk9eMPhFr2+0sCpeAyNU37oU/pGLIhqVDQZI3vOBLTEfJods/TvsoVntL4DIQ41fAKIdcU6PSJSXcGsIZA8CaAFRntBCEvWCvVKD9AxK9J7yfLOeuNO3v8pOmOTAJ3Ct7rM2Mr1ikQy2IztZ7tQOttYI+Iskyc+fthnbidlAW+L0oV6yU/wbibtzDqgFFZPortV4KQcOhkSgcOtFmhVuIjQRrKjrWJ61F9cFg7zGnz6X8yjFrL/sN97XJfyUvG86VV7C71/CUXhMMab8NGwNfJ5G/qU7Cqqoz+BjC17sKnXmAffZ1nVzA+iVyVVETfxIHL3eaABzt/Xnr1PPOz1Gde4Ng/laRqOLfPupstd69uDxn406vzdqBXe+4E/OC85uRbwTbOPPAalN4FlSqsownkSeZTXfOyLdMuANDhQvuV8p/BuV84og4ECXrbnlrMZVLfoTZDcXU2QDQN+oM8/UtGPFz2bQjdkpria1QChBR8f+pl2gcBMdgycYaIVDQUqPj80lJGtT2oWK4SPCld8NHhtiFd7JvkevPnGxb4RkDvI/cU/Xmwb07xKxFZaGZCOExkCpkfxxQQGlVA5ZL1erTFiCCjJzt7hKAGtitbHS/G37ftUIQuaQGcbNkXl7x8tKWD+pZC3rk5lPGahxh8R5nPojIEkeEzA1QO5H4ieJnBKO9AhAWQlrPIEW9RHHr06ix9DpuIFHcsluJPw8GMNszXss1znuNBgz4wnsb9Zbnb/91X6LSw0tcTqNeb3nOZ9PnMXxgAYiPeI55DYj5mtawNW9FCWSpxFv3g4UVj4vjgosxJnnewvljBeEu1iTBB7PVCCbbRSwcfZpEoI61Q1ZR/dc8yNK8xgDeZoYTxOykrKZ+bUVUsyBv0oC+cWDZJfcNHYlzcemEjCvK3oDwnkgO1NClxdeV2taNWmo7F3klsQNtgI4O7FfH8ALArGhvo3q8xf6ZFdv+j2z0eeNKmMjXzs+92WNF7EIx5aTXiZfCBdQSJaTQbHgwY/7dBb4UmyJCMbqFuUeqEE1Izhzh2KG6Ds3LyW8v0jWVzlnEYMnXjhmb0+1iM1jdJMKYsw4o+sMeNgu1PwLmMY4zcFQGs1z8ZKDKvjYguPHeg3119/jTDIKXIMOeDJd1FNtg+qgwksOejXLsri2wruDVV5G0hCNK1NunwbtEh8w7fArsqlCBvOwCkXVqgqxyhONEDdtsE9kQaEMnqrCJKq+Vx55dq57Hahn3GcZ6PkuXmuefXDTPgnm2X6B9aSgeh4hGj7ju74ZwY/XkxEqb9SAzXyvv19TIMSt3Ay497QI+Gzsb9jXDL2152l7fGVEzD/tIuvDi/WsvfoJPYDDcAL/tjv2OZ4XgNZ6iWHTFgD4YHvWzJ7XTXqgKS4kkxtBAbP/RdQSZUngLSMRK5mmx/Aoz4Oqs7j6MJBjgvsw8Gq7njLWQKWvwOEweuY42wJH4pkafOoQ9Jt1LgVW0nROqLp2z+0mufIQmlvC4u4XdbEhsUAoR6EgvnqYFvk4KALvLQUugy608M8ST6j7/C3obi3fHWltW9eAebsVzekCc5LRTHilXfbpMCqIhPjXjchZgtQQCuFGGHjbPrNemzHxNqo0n520cv/tQnhvfWcHa8Hzj/sTGCjrWBnMQ91vBREVFFFnPfs8eu5+5ksVGt6Nftta1TxO9YF77vYNour8Qm+bXDfPjlp/JOcgGAwd/BDDlkQtbd3JNlUl0Wv8Z9Zs1i88Uqden0Ah1JtEu1UM5X4oFmEYjbFF3rElCYByMQoVx5JBKVeioJiKz4ljk2NxaJ/66uwiQsZaOVsDTx3AB7bCBeKsU1dNB1ewNe59Fq6wPSsIyrwAa1yp2Qj1aqsofc6KmRFVPYf7cpx1Psmce18o/oGbdrthH/M1g35ZorW3p6upK09JNiWmB8mal9i9qbUEqPlebg7MJVj+bDt7eZdRcWtHzUqh+ma9WMiSzbjqD+wJybw0EpTmt42T817zxKJGM3zG9n2i1p8blx629R0kAyUvoT5PfKL/nkPzG6G+pih3tK84/pZ4ZoaJdz5yv3f8o8lZVL3cxzEPTWepouMk9HgtKWRrYJE48DXn6XIAGx6uv/3pc1+OvPFnMeCrtWvZAIPcAi8L0OvgXH/Xs0Y/6XG980R5afKSQuwU1p4HjAoUbv7Jgr/PFyS/00CiVvC9lAtGtWV8rVixzjnR3Fo7CBxujJIjIqlbLslq4IIdMlUb1LzSFyM28YVMSZUJDP3sWU6GnOU4K52rGW8Z6VOf+SYm/DSj5KyXP2HrVEzr431jDeiAmm52b9NeC6hle54vpiE0vxUVQXg1f1PMhIw7jzLhUmqE1auREfIeHihcprjxTIjHUKZ01ywAQcSWO3lfgpAHtjo6PwObrSEDxFmnrw6dKTGeIFmAD6WN/siJCB+Jj4DdXyfAV35ait6rdjkHllTMAyJUqfkHoXZFh1cC+/X4itWC5w27LcJ5evSS34LG3akdaG1pJumUCLw9dEHZz7/jT7zHWa9qDscGRt0wr73TxyCf0rKw6eIkOyQdTAeGO7Y8vR1NYqcjedd2on3mxDVXy6+nHl74EWhKXT/81ElxCJzPLyY9o04/wAps9FyvHuu86cW82/it/lu8+rB562vKxtEn9CNC88jmE3jUyWNwc+W7zO90Mffv/AhbPf1OTx29Oh9+syxk/LHn94u11ouaHjTvUFFgLEZaD04M1YPwoUSNWI/S/4Xw0e+y2uGQjzNCPk4Jefuxy4iIywtl2YKdOZwBCkyunWNjQEO2+La35G4KGBG1AcO9YoDUit6y48Y9sn86RmMRldisfdwGklNq6eFaNosKAIxcdZmv/FU37SP3cr7qFNds/9rOWeY4ozhVJs7JIoEjA6+KkcdPqjnTkhcOeCJi/qZk8TRtHA/igjRTclTmK9wO/VVepvTRPsdaYPuVi5aMXYkuZpUzLb0uQHRWh47sc8g5xnk/OBnHuxnYTG7Qn2C+6yALAgV9nSATvZRLF0HNGB1muWuQuAO4X6er+KEJ/aNzD+S3F1gyKX2QcJopMLY1nuWuImlD5Lk21Boafh4FAEDInSGErkOzFIXiGPZxUl16DqYD06x7StbPs8edKjd9It84y/jYWE7R4u0/UnYFXIxExfsx/6EzJ91IeMzy22A5rbwT/lQL02bhh9j7fQAfyr/SkRZ6nPXz9b38pWZmccYzD9NJpc+Z2v8Vny0nJy8S80Vh+FceJk2MvGc9nSeCLTP4NnpvzXcQ/hdr/Xn7Q9NDSc0D8Hl3MKHkF+XF6GL90OuFqoPe8u9wNmO7RbF2VxolyHT59SLQXdmB9aPqTib5wXM6GxkDNBhoCacQcsBirF30GS42CeDfbtGMVSUHS5y/jCE5nUcdTAfbrUnALYBgg34QhGuurxWhZzfuryXbadqaAKK37hjddFr+5O8HmFx9GN7IEUZckCRVOHxGKBpzEjxi1nkTo+dJ5xd9zBM6cWeNX/SBiMlaJDWIW/aPRdsK9c3tkdnoxk9fRwVKjcBDWthQylCpfKP/GT94+kxk/NG5B+dPF3W8HH6JgvAe7mAvqWVYLcdeH3XP3h9kzAWx2qt5GG01sUTtAV5s2+LCV8GGw4leNQRmXU+Hn/V8NUejucj8cJqdcN5i4xHWkhuIqpQk5s9lkdvgWefROd77/gx7VS2m8IrP4E+1PuPp6nL/qxg76AiWv85Pj4Lz5Plch6BH+RH1/zr0HyZMOVh40P61p8/1xPAd2+27h/m58p28PzacwD8zEJv3q9F5Oh0Ap1rUA1YXLy0hykSLGB4nOBdJw4VCSkRF3NDdYRUJja7r/4OBtJVWsX0pTe+xuOEXtrfaqKHRFPYMSbX9Ha90FZJDe4q1igFvvd/fpCWpfyyB2TWrrT7yMpu/uS+hYmkXSfmk4cA0OJoi3Eehv57Dx9ul1Bc+dOrF5PkbjKrp/CbdXh0frZ/T1UmYn4d95rjdoJiXQLFeoRw7hjIRu36/z+t6RMuYwO/7iSJ6Qj2uC/K3282fP85qqxr73OrZavSM3bOHFBV4U/bJ36mWhQ/761CqdSgrNyywTOlTaL/DXqCeLux0WQoiXCQzlmAux5Wa5BRjfIdbAkeMI9QDep9fAN/vxmetjKzp3Wi1mKLwtK/gQLYFfZbr/PBstllmx8a7wwp+vp9shTow3brO2Tn/B5/Ae91L0ia/xC+e7wmx5+0zD36AxFi0LUbVdbSyS58G6Ti70rgCndq2x+yRdFHkD4wcvFwwh5iDPbPwo4SX9KFhSItyn7uMuDmrpP33ICz4eOn5QGnxb3u7PjKtvdiuMgdx1jrGehyIWeoh86wFLx6JD4VQXW3C8NTc652Qodb0KNOxSQla+hEb2v5mKE3UxMmK67Uoij+ZNO3Nd3BRsMRj/wFwDKNu+R1sMXiowMht8KTrSG7bLW/R7vBZADvMhg3OPcTwAyrGLa0D4EJhCqma3GZCt9XbBUF24qN0L7QVb4OHziZzsGegu0ik9pTmDRbxcIErfyEfjw1G4s9unb9jq3tj3fLd9zoa+brIPjj+XPh0ZOm60Ucxn7dZzPhR5zzC+NhyO8ANDr2xf2/xB6lU+hPaXtPtRyl9Mo19zXgi+750w46Czp5e0mk5Kvm/dvMEHwnVrngVus9BYXmVIYXdP/58mov0wnlM+/p10Nzd/oA7cHg732Lg1wHz5fAsAysiDs+qGj/NjxkPUgNazL8iFbDZh7AUbgsdbQNWUHEjBuM9/zekSX52IwiTfcYbFu4+297pwM+7S5jtCE0gsws+2Ovr0+WhIhDIKsC/dTy0Ch0UbXqhTJ1i5Wmsmu/csKb3NHR8ol0b1uDY+4lijHyKZU41v92PD5LCy2epTPpUPyvdZepZRq44v0NG5nEsknT4VB1mbmBwz6F6/f6ReqUjeWolw/ePC79TtDNQdWTs1warBsid1wyovR2+2NrOl4FqC35OYQc2oXstbbAlQIQUxskHAKlwTNzdtrZNj9pVkZXEMfpXHxxgRsyZmpJAEU0SCAXZDjDdHGRoFAMXSDTEGPU/v7WOf/bMaH10udzMuDjXcSTWknHJcT4a6NHQaXIesdhAHFtir0odscOAXBYNmfkgVJ0havxfRlDPnnyX7WwQ6ND3oLkqGxlqMkS3ovQ6FR2PcfWTL9OO9JXHydsoA7aDB/zUfPOkDUSVz09Q2O2RuN4KU72q9iJa+k6JDOA8Ct1aQD+gXTfsxB7o0+lFrRJ+hJqr2iiur1cc1UMHx5WBfDDAyRHPCXMOsiP3LwghR9ubG3WBe2kWlIqMFWGRsOyx+R1gQDfGaJTkngw47yuPJLldMN2y/8YVwSLMzZaRkQ4qvZzbxN0gY3apDE7HaiZUL92M4oz3w6N+nszvYlbqMOc81q64WUfpLFBXA/e8vgKWmdjWzwvegKlbpizklnqq70Qwu/MaeC8jx4kzNSjZkCU0WwgVKVNoIlno/2CdRCB3apjF+RoG7jXwuj316G7az8dIp/h5/s2stAvW4/OeJXMZOfoZxVzv929XEY2vZ3EjwmbfNLzRLhexmzGaw1CHy6JgcAVqnLNYtY13RhvvMjLhTfApGeWelkHkWVvsGIB7BFFx9ABl2aq6ci7eqgmd6ySu4dKdgyMQTDVkUHsftwhYbKOLOAbubmu9bXmemN91fFIPdV2imeTl3W/NgC8czwelX23xrg+9rleXF56v0eS4MtL71yAZgsZrK1q5LBnfJdB+OoQH7apfYsDT0UVlE8Q9q05hA2kuHVZXo2IQmULRkf+JQaHlQz8Msd0cBChQq49D0dSjMZ4nnrrATd1adaUmOhu7g5qFbN8bAkBgrEw5z44bdp88XXypjMfDhN/G5fFVG3VaY5H3JziCoWXBXKbI6uNypj7nQlRU9Ea96w0Utiec1uwTEnCwDacu8qlhdwkM/thO4HgqfoLhtK9IYYbUOpa0Rco+J7bmDpQThs9CHyL2/E+7aGtfgTZagvM8wr51zH5w1ux5saLHsKid57XXKAq8Hnd9kMeWhZHDlmvP8U/WqhNB/oU1UMx5QS5SwGe+VEAYVdlZ7qZd6jVLKvI471/SVvh6Rt4lHwfnXo/0rwHnlfha/kLAr5v5sehCZEFMC2eSJxWpG0tlnjjJTxQ5CUSsiImBxUnUCp8MQIQLPKsosmoMAXVfrSMxrCVTWouqxkBUNUDt/RY2KlXUVBWj7BAV05AI2fee7hjWTfa1dqt6Ei4IV+gAgXBKV4mTnlx7zatAASVLKyEbqe9vaBrFxFc3EV22Uqh7Nh6u86ozqNb+WmdyWLjt4RrSwPGnqLkRGJaEKB+Hsv5Q/6XuyRD67Ym4CWdmXcZqAw/UVkfhJ1tT1VWycS8/MQPOP6UVXffsqhLZ5iJWPNtwdb5jI7/4MmQpiQERYdzndCdywbx6qDhaWitkvBjsRVseJSMgdTqmm5GcqbsyQuJejX4k/nzxV96UDl1vQBv5XDQTDAWwDmE4bo0baFWTnMPBkCshg75xfgF2GopB7ucM4wR+Eli1acX8XDAcxLV1FR081Zkyp8QJxNve7Qc1IP6z29u53uDK18PDdG50HyRm+eZmvbo0OGrvfVihjkX1VNF2zmauF1i7UAcDbowaotne1x2/aRRk77SGo8Bj588agzxv1oUlaIhhmxXu9zFrIGZ3/504z+i/4+Nt11/5tr2M8+azsnFuXyPF7J7bFKSckiPJSV0dWk+gpj4nvjq6psEX6AVmSgT4nx4+94Th3smzhnHfYI2VI9GxBzwii7Eh9HyFOuf/fLzfU+bkyQNsUkrdSCEl/Wn3wfZs9YDJ5fq6T51ITf+yPGxnfpNpCLiNzr+DnGcPiWJVmqY+Db5kOfaoz0Z+rUXdrr6mXzSEeYxDO68TinOo2jiWn/GVxk0ORm+wipFrPrjLLEz4TpfntV87SfROy2isalmLyH20K9T40sC907RReYki1qmOtD+U/GsC2VengNHG5mQKdfdfZfcN+/3FH7V2LnHRQfUUYpFTYSac3IZ4TsJIAhAq5vkM0KhPCPC7hwRl0iHiYLfbgSFmSp5E1tX/44egxPaOA9C7bS1hjep638OYYUpL6K3e7gThFwJ7/4K7xSQokw7RDZ4tvNduNS+kWm43gZHfa3PApBLeEVKhTzx507o8X0y0bxMqz1qz75O5qRq1MilnYCdwwxAo2fYajBqx/P7OfOMShvzPohrLvtVLuxFcP+CA9a7JfwQIR6/E45K8Ip/B8PO0QsB5tScWo01BWDYSzL2O59X6nP04lkbR1jLee/i425k4G7KZZWSxtp8dmNxGgl5gJrr/pVETC1GUQgvAtC7PsQLE8zb2ODHeYE86uXby/01X1vU6fpQdIQPcvBAXOUnEb+mQnyTuSSomhGS7FWil0hKKgreody1q4aN38dEhu8JP8KA9pojx8/Y9A5qfM6FQbfk7farzzuCYTEjIJWKvUKodioQy8Y9ntDvcV17qGiMFUaN+YV86Qb3S49rAyvCG4n4yhjWqHqccuPpRFka9Z165TheT6Oq/zc8fiW9PDctvaXv41LxN+2ytwJHw3idTJGMJqm0kITBAx9jmsZKoKWP5HQMWW5/kQI5Li1Zs1iXzXxeXzkEwDFV7+IR3PWVbS+QlwzXOG9oi/QySu/nF4IqxOMp4zdjntooWJWA5Zi2/5L7ybuTmjU/hLiSe53vrsVPCGpiZDjkRGW7EER25hYBbF6cUB77xc5/Ifzv2/YT9Wc+sUzr5TDxJ9TLBRxhGoV4nItd47Mh//ecs+rivBcAni/3OmHu+9pcl/gcz3frVs+Usx35iQbMDBpjXkNHNB9uR5Zu5kQxcTxkA4QpR9G6cJFTbv18vqeSFWyQhLn4Rqy5mnG7ShjI6YzubuQG3R2EpYsiQFfubLQPYMmxXYBhoRgfxgLThEyf2NOafjLjrk0P1UaFYxY7iK99LbiqMJx0WPWZqAHyr1YLxCihhZEjqzKLSc/gk/qzQNM/COVOL13ORbK8glZpX9/gkm7ujIyrBI5sCdDXeJVALQ3Up9Ch4fyblJ6DezIuvigPN4EqdPfG8Mo+RXGUWY6pYsMytMJJbGHxAeqJtuREkK1JMya7pyiuna2l5NH7Sf+MBmmLlSTdP499PF3+dpOateYfbO4Z7D/B8w9/0HTAqTwdNBE6UfyEv7OYmjiHaZAnAy0hmjCLteV0FTyCuiLHFVbL+WJNxEPXfrPM+2PGwt39CdkmgAxS7rf3AkC2SWMboPE+gTB143cY6jznOfMtItLA1xUPj6BNO1Pjp2BvCerUtPDzBHvmJcZPITV2fXL4RLTFOt0S8SZ6NpV4CT8nbfkp2F+Ln9tprYD5uGazt13/Il8MTOJ0s8sL8ynPp7b+WPO2wXNM1eLEST1CphzZPlOelgiApoQ9KTkSShHW17wZHVWlb+rnoeRS+4APC/ZembGaaa8C3WwEP5iYXQOitPozQ1Pr9ai7MGMRU+EGi0y5MJi8dprbl0Wu9BlTynYtTRWuqurV3cBRdBr0HSbY+DLq4YSMXqLiZCKU4PM83om3MU7MsIrmuPJ3gR7mdHDR+ue0XrLNxnt+vvHH34PGwY2YpwO8ccb9PZviWw/2iQ51Ar8hcRmleM/rMyNjFH2isk5GaEcxZ0ZgRF7mhn8BDyrTeRCoUu9UK3zSN8+MOrBtx9ST3j8SzzIwH3m78fFU/XY8NPAYjtAV6jtnn9Y4dihBZ4jc36vDht0EIJj0ojHBjHtJ7iBtyxsnNO483OM2FKhoOT9Xpusoxt9pnmB62jLc4rIkV4rK/er30PaXS96T2M6z/2v+dRu8hdrkbZ72caecWplwxn138XR4bmWfNPuuTFU+Zcw+pmp+TjtVq/LHPsWjKXdTTD14+mVphYL+2dzBA1emD60mHfDJu/zE7JfTzTIL/W4lhvPx299IlrQ6dx5BdqxL359vFAn7IIry09wBbgnIjAcst4xHQMrvC3VykryDRv2dxZX7OzonORJH3tLqvYFApJGbK6xCqKrCYxAmjiZR2nViE+v2REL3YEXJoiLFhkAECW0PUGal7rh+B5beqOp9zA39YOeLQzg0nIqZ1vLzA0uw1n5zq/OAWGFf5fjC7iXZuS+Jy8teTeDzn/SFb1LsKHw1XpDzHf9K8rO+pH2q0H/JPp9bTUmEidrCP8zB3EhDMjQfgomb3oWLXEzpd/dt89qeKN3N821vnIsqxa+ymv/Mes9wvKnDtFHc89RaZ9Q378FXd+Am5slznvBGHcYNoScclZCX5OlRX2vdiRa/T45iT43zV7HUzQzI3N+tuLqXMG88ZO31KujSc8dFCSYugZlxxZb5Yzf0ruw0f6ec1AjJvKw8Z1SwPAX+t0+4S6tmH4uZp3z3Vozoc1bx+/k2llolNm4XvyWU3TnKcuz1nyjuH7Ce1QSJDn3ueEN8c/Et3WpsvNpg8Nfys9ivl0/L9osdZY3THj1c44MlVvV6TLk/vqSboPCytqQfRCDDqJ9GdmvTukPDF3atcVhDF5ofjTKxrawiLCuzsYYh2FgY5zPX4uiya18uwWx3lBgrvmUroxIq+uwOCjou6bA3Dv/+M9au7CMdXMNKLXdbv4uZ3kxkOEztnXndqBlUejgi59bL/uQ74lr2gksqrsJQq7CrObtqfm5TKz7RXCBgNvc5D30GwkPGVL0fBBNSafk16sarjAYK8xUSa3gx9FUP3FekBnDU1g/ztHAR/i32wdF2mnhRe01vgnZgeKwesAtounxVGv7nMttblDbuWTw7EuD5MChmrIeO2jgAsJ88nbffGNunQcF2Kw+kWxzr+bXJXRIqXZ8TzE1CaBoWbNoNlw83DIz4c5d+NnB7qaY8ebcFeiwMSUe28gusnXPWNeXUD/806PXkIlr8ePvXDp+Sypk/Yk5l/pb0S0XGvxTrGEWdjeAWy334xmxeL0ELbQu9YKi1tFnhOtiZHnhQ9VDLXj2+Oc2uSDbh54kUXf9fGBD6KXI+PFIwkWnkWVp8RGj4CA+9pOHW/E4W1p1aPdRaCJc5NASmkJEk/1KFLjBSK/A1OQBN38qPqHUK+JLBWAYWhAZJVl2hwkHFYDMqiCIUCD7nPzjccxtJMb177gvkPcWDZb12DVdqmPPR6pNdjolzM6lrlBjidxgupI7GarxD6/K7ggzmBS+NdkAQ9vl0+kirDrq8Dv7lpd8T/3cFpzT92LYt52mFY7AKzqEXlYzeZeKsOn1mhzgB/q28qwgCbo/M6Ct9YphajiHnw581EsT86vmkN93FW+5C7EZmzgAIUm6mNsiIUL2did8Nu5zAIeiEm+4ofHW1M6fHkQJLUhPVwAP8jwMGeR3ov3ejM8TfqwKLtXicUpAnFFPr2Q8DenKHmIXPUCjDW81sKFST0LLPt8utbRqJy4xRHXBx7wvhxbmqmFyK2LhgLx9bKK8TRuV9Ex3H8gMjM3eheYZakbAR/w1GXtz/6znPy/tHTEFa33IjE1CpNf/cmF5EIZYsiidSmImHOdslSPhJKC8p6Qm7hXtmNPuGwwO2xzJwc1/PJOM20nucnY221kyvzv1Hx0qIZZ1r2KZNe6/UIO8q/BVzJ/NxOXASMXSMk2aIAqjxjchwZro2DN8jZNtaM2OqRXby3tiokQqE12VFUOKAjdGs0wRUeIOorYfgxAhxuTaeQJq1ZQY8A+/kwvkd2Dd77iTOah637tDggwvplJ9lDUNBXhsBiQZtPSSsN4JQcGUvmtpeZzyXspj3PEM3LSaF43IqvXpepzQxAHuUGwSJ/MCYj3GVOcD6NrGGQEdMS+4d9WOXzGJmOamYFnwEefK7yh5Wov9my1huen7c5lOhzzezgF1rL0y+knEHVFVmbvwPQwLDY5+t2iTCn8LkD2PGzS/lA+9957rWg4kaNypmLVg/bgrj1N1Ua/bVv2madeissJTbbB4YrWntoGDGeY8BiLo6xYOc3ZvMHXd1mNc0bvkLEXByLp5jDGMr2KxGo3DkTlGh4FlRXUUD0iGsTxwTdoeqT7q48BZ4T/4EHYYu2R9Wafo4ZM+tDSLQkfsJ7hc9v1rkPxzezmnhP8rbakc7yO34hfrMjgJHmiC2You+nRPMpbKUU+joP9x86Jb2UQINUKBOP8+VPzd4cmetG9lG/dOWTlQZmWdU8+w+Nmhv1j/0IEZN6Y/nEOdVmDwZI3LvvKx+axXyDcBgOcXhcFXeTZo4nKpPP5iDtUCPJYqwpccmBgBSZgHzYlrBe+OZ9jjsw/vRtO+PAbw5rlC+25eQueHnlsCJY9rSyrhXQV60mSOZ/nu/qiD6hRfIzVQGufTAHSJbleq3wlK32asVB96p2zolH9pzR51nMKgTO0KdGufXrDIwIcZmRzfwVB9Rku/6WuoYCDg/7sAqsABjDWNF+T0sQedNeFv9HM8+eo+vf2vtr3aXuFd3Bb/tkNWl0M/uIWsfHo88MyBlztZ0sW8DOG3Y5hu0GzUgcbQFOFvE1Dg62hk/o6Ulz+qn7NLmOlnzDuWVS4HVTeSXU9/k0z9xqnj6nffdpNtlICT1cnEjGsIeb2MkNQhxHjVyPHqp/LMKruGOJ6HstPPzVSP2R6Au287V5WUsyeR024TkYZOHLJ29y7NZauW8UfkYMbekxiSf0qWZd8e2WZXxUz4Mx6POMZNbxLYClIL/JKbErHLAE57vY8Hf69n49mET5/ngnsWBWPEoVXjkO0Ith3yeRx6TQc9b2KdNlE40TJ6TUajd1lnXP8anrn2Iu3X5SoXE1xwvfgAi97IWCtQPFMj+MSJzC1SDOcYwzaGDVM0pgyVgrB78AVRA5YYrA699Nfuyq3Z5gJ2+V35STBvpBoLz05ByDreTzQw3hXISXK8aCR05i5FmT64L59oEleFqqmz7d/JG/0QBGfOnBIVsdSWQhf4je/oWiDV/3HlPi4qhduG5jewTO9EjweMzhzRUyK0CbcxZXHa1q0VDB145nwUX57khAC6hkl8gMJF7/2yxYI0HhLs9A+bjyhZrHyAg4VOAM4+ctM/o+zzq/QYgDdqSqOXPTTbVOc2LdHY9gc3DOTu3sQxWUNgeJy630/ZRbt+jUqq8Kq9VehtaC/Fv2x4rLflpbTbveJTMnd5+DDt4wwLabiEUSkQN/9ziBIP7h1nqYgOXM3JyLDRf45lSaSINrHayrj54Rgq+0vY72Ag6qMuZYOBiDT3MDfZXifgXjzba+4c4uas1gqAalGTWwHoclGe0Qeo07H57Tj+br4/HHBNlJ3Z8RfbfbivS4Vaz9lJ22pHFm6k27UtiSu4WlXkTq6xfHetU0euMxxxU35t7iI3+PMdny347PXXJmK+0AGNvLFm3Q6wAaUDcByaBqWY0yOiJ+Ne4cFPllCheQ28HK7+saR80XNZv3FJwW6MDNa+cMGRPpRLAClzg2EYpAo9QOpTYFRiCxfltxebra5C1XBieY1H70wEsP214WTe0nFnETLlzwkRMd5BBrzXQk/+3juB9jK4xHU/YmHvZYBAknteoh1xF0pbL/zuTEbr4E5nD32IJ6845/G4jSg7ZEjO60NvbLAPJwuq033bj+ZesHOjqNLUK7kG+4G9jUeW/UEN79HBtaeozKLDb9FsQ4HGlR6OcHRNBD0M+sqDlthiRUoIxxgO1lj/mIh07E/WbMM9DO3J97W94ieABzv6+hMLaGhhrQBkLFMl0kSHtX7XmxgrG5qTvkes7UTM3O32FHswxUsVzvm2QsVI1TY+IJ8fT61psUKGMqGNf6qOYtv03lqmTMe1Ef7eKNpJ+L+jlp6FwH7mhdikElDKO7h3KE01i8RLaO+XkTpu/evF+PzXoVWF/fJ7p8JUrgpOPbEDLtBa1BYPAQOtJ553roGNUaHjbX9fFmXTk3el7dj97zZQFPrMMCL6ZH+NFJ2Tu/H32kuW1poMf6R0rH1bqfxTPyM3cPujLxdCrdi9PM7exEq9/+bl/0DU+qjnM3nGgVtcj9YuwbXAgtAi7+A0Or4hbCBsCcdglTnucg4LE13jF6Aa+h28Sxza+L+7Dk9hzv83LtOvsRcoclYbx/Ruga799IIUruxRkARQAx1WMfKlkoPAXqecoqElU5j8AI/a+agvTZFq2IjdPMk9+978ENdsNQUZLcPXW9Tn3kD8DCz1zbKepERpo6bW2YerO1TsaSfzpYH9jqCI0sKxGyi/LPbXCdwmtRutE1r7zCu80o20dNVar5LpXWx1KAELeYVLjgwk0MXiXc84EGG0jkMY5b1JmHHGORY5zVUbXMLyOvLg58puwlEDKbWVRceheq1Er58eNtViVwCE+ody5UmDhL+t978lQTcBhu/s5Hb6tQ1yNY5eQZJ8PNs9KK/Elq43awPiudLaAmVM+LskSPpcsxf0aLeeR57j6l6tA4AwIL+oNEPAulriPLsQT4nIvxwsQLxU2tlaXvvlCMkl+OreM2MRUt/9TA8xgdp8k1jlOvlGB0349RRwkGFrEe6aMPRJqWKKtEAyr0OeU1uPIUv+/HvXA8RRXGTAcp8eQr1z+XMHemITkb5W458w6d+beZf6oP++l72toZHmirIQOMVZDx24hH1fP8+RsY5Xokap9skxeXcIMgX3uQrGfVOCcmhA2Dwk44aDfwPTGKGsizSsRw7TaG50v8sLFviAdlnivFGlmZVwcuN4quTTUX9CchpNBnbPXKY2EKqJ67l/5uQ83x48RTOwrE8TKA9NZb+b1pCxvxPnhs2kr+CTep2Woi6+2vBu1btMSRhPDG1M7vsTYD0+cfmUfPgZvLNJ7kYm/SJEH58IoWC/cPmZk6rTmr1ypK+2mnBn+VnVN70sexLRdehRH4Qwmab41BB9vMlw6V+spX5V4sy+/JxR6YWUGZqYhXXJ3tNCx/y6twT06ty01ULegNDxi5V/Iun/193tOuPbUnd37uC8+yBfNzL/isS9TcX4mXhDy0RbaF1vtYVPgihAugBeY3TsCx3XpIyHYn+RSrXnaJ8JobzzNYuPHptp069YeWMBuvMbI+QcoaduV9ihThcPLpOFt83SU+4jYhBJO45hpKchb8WDftWBKHKI4eLOiCoEyMEDIho2MGaMsjo7KWtzbIeaTVEQF3mq7HLsVNRPWzrZ4MREx0sY1afbN9IREpYYyTTkg3w3rVehcsU6PqLPOqOPsQnZwVbp2tVJEzTxah9nq7XgtQ8h/+iDdUzsp3KNZ4P29hv+/DPS9iu3Kd4Hf9gH6eG5AXjhzkU54TuRzc9Xqea2x3pxtZcfztsdn57vKx/ydjaD+vQHvNIdQlM8+hI55XGZJ7ll2mn33g2oCvYISMvApBZ8nOzcoNL3LurhCMTrEQQErzQUFYqZikYiK8tEPZtM+4QNvDd378Om4RDUQKdmQ7xnE/KODQc/COPWanJa5dS7xqqBk9zka822pe6Yh3canebkT95NjrSxdkpAN35bzUugdzIga1XmtUQtFzUMxXMDnTddd5iZJoQ9GjUfXdNwblnRhBL8YoiisRKv/j4b2f11Mt54K1LYsrKZ6eHkMHsGUsKnNZ1SLiqUeu63nY66z2GVxmsqsSlpKjy6CCjbLesE8HozQ+weheEM4yBtjiJg6qvAVGcqs7pxiqZ454eo2WjRF1ZDzR48o5ziNi4z+vYqr6muQx4nxKlDXT6vzwp7e6JAyQ/KAJIB1g5OPcQO22LCXyPFYOmnYKRT6LFCBJVdo+V0lVOTSoappT3aoO7tyi/QHIeo77MDhIDiYaiwhibKNwlZffQazygyuNV+mdd9M7exd/hpWRPqjxOrKedcCVbaXJdY3RRbXvOKySPUEjV5jXxot+ZguoR/SVtusowHeN+Uyz1uqyf6RHvMv64N+K/6Wv8yp3K3Pa2z3nH6nI4rhJuUFpIa0nKKlQ0in5mkBcDp91HhECwDxG+K81jlcdDrRfw0RkEdFhmytGrr+dym45wzF3Llppas0FvJ6DCpCtoivIfPI6KQRzlRHiDqsMfn7np1/PpUnTghepeD/Sk4CLKhscEzMFCCwSzh8jKICAsW732nFbQLc2F4UXx17Tjx5XZekpC61tpL0kv+1ocT97zk63AfCdnhCBgQjGytFn5IA5b9FNWfIsGWwzV6tA68dkpEHh5vZiG+IDOPDZ/84I5nXGZw/48i9j5Td++AsKLNNZr6reMtcaZitbNJd+s+560y5trINF2v48i4jeli1IAupdmFwaN+xjOP7TnzbgkmmV0fYgZJrKSSJ2Z+G//OmUSxLvdqvgx9pUnn1+gXlz+nCBcSHmE7+VwgccaL7XQAOkxVzpceNNOUZbo1aYcMNEto1vMIYO0fJZr0XATp8xl8dv/HRYy1tkncLihqHhNFKFB9AiVd2inn+5XRyfWWBn2pt1QQzL5mf5t4RqHKYVobvpDjqy5MHuT/BbZged3gakAF1S4SFx5rF/EYKvyFr59bup9x+aRX1brQfbVIYnSlEYnVLpJ+Er/X1letm6O5nEG/gtV7nBcbdBTVBxayjejs4rb9x7ZeP8Lupcelc86hjiSXGE2OFSkDGLPU5kC0ykULeEXHiMgUdkQfwQc8YhA8TQGpJ8MZnUYEAKi94dhspFD690vmIxbK+ddSVjMzENtmxZi6Quj3l6EpHxv17TzbROM7abiwSm4p6eMRfMXcYSY/zEP9dh8MbTG6x2hVcdPfRAGW0mSc8z57ONI7jp7rUDBD1kO3NICA0gJ/EwkL2ALg9QV0Yv3bKLly90p4oB9NBF8sgBg+0NBtjzVpS0S9dL+FqzrsBaZnVJiUMeIguiG/Pj0mlwi0vEl4mbYzlI0rxmiPGwLGG3RKaiKL52euYYWzugKedPMa/nu26sGu70uOTi7C5nhJCc6NI4LUHFc834Z90S1ZHqdg6SB4tUXXP5b6JX7/mNeJQ5+4roK58Pkp1GdQrssNOXFMcHA4yR1vL+yG+ix6WfBJxQMNuVxJC23IvSzgPnLRbN+0e1Fpn9rNn5zVqa6fCWf+55Wu83OoaF24vegP6hrXlaXixhHZHbdjVA2oAx2oRYWGN/rBsoKj/pGLOO3vOjA6e75STokThHKmqTnNTxBmEeeL2+E0qDuh9gn6qCz9ufaP3myp1thRjrgW0oH4fgXMxUTnTjW34gwYzyqMf8PzfunIkDrW2P6+ZYKjsng9PDyWOw2DK8FIqwOUZybBHODmizfNleMJxZdsyZzq9FYBYL+pJGDEEZBzhKcYv3wj9+yK/GsMWW4xSAmRTMhQk8iVlH0TEZVcaYuxQR/24d4Ilbv/E3J8bk6xhzmQdGZWMo8ftBPFjYZUOf6zXXigHT8nwKXqtcgLihKNssXOmjAUzyzLyQdHva97ezQBfBP3f2PvLIK7A24szRjNT12/YnZKHg2xaA/3YKZ1S5blOz+tzMdZ5QmxpNJSKwDAqJVSI2YcmQL1zH+9j+YLLh5rR3k+vPGVmr6koXyqXfRlaw4G1ImRSUKdvvsPv81DDYllxc38rhMNiQ4qW8MePASe+um0hNfQg6stUY09lqM9ijvQSWgZrfxlNf7OXROpoYeSLxuxt1Igx66jUTgrGKRdqbn081xt3GcS063rkvz/GMPFWtxnrqyGprF2TIts5Yt8M2wgceL7WDuKfSXguFr4bSf7gSY/jpETJJYehy71uIW2cHJ7l32kGpGP5ab7RIkpqw6cnYRmLKjyRjj8dv9Qa05yczJtxEvVZDaNLuvNRgUvpk93D15jzfnkxSc0mcDJSEkATfOdqYnV2fOP9NN+4b9F8PdA7TK6/leLttZ4fzw/S+Z1nPBCJldRR3vdcpKykJIS3M5/Ek2XRpUHqRJDQ6AOqruWwkhXSkVflFjVAZ8/JX9ductagMmApwQOkY2YGTEMW15ZQpcQQC6XD5Iv7VOtStxB97w4zgW1i4EZHpR3yt+ibL3bWbPKNTqI7hzgwr7FJYvFbzClnAEzRGf3FV0G8fuOb+Vof7+hnY36ZXjHRCV80Ifq8ARVp9ejbmE5Lqew0pN8PPvKiH+iZtd2h7DoRvuxLC7Gd3khPm0wN8dPB7Tdm4SWctxXvDkwuhPBmjo6llZrSpOw83RvAYXWuf22QXMAaqDuAGzwgHLweiIeeXfDywF0/tKx73NNLegrIb9qAdhqVii9nr41/CEf8nbtZhVHrBhsY6Sh5ACNu3p7qoO+ViEoZcrzLpv4kXvNMSjks4xb7CMP2sqOpe8Z8unoxTKaJv/HwKWGMDedoqGlyPjEpx7NE8qvUYca/FLI1vuNUx9591oqxqOMJVO/u/6ZmdxgzpngRRI3hUejvGG8unkrBU9uXiasAp5Xza2XdUXdHKHbAPPeM8qlTODK0mXkrcqHyGca3qg/lC+Df7wxpBz9xZZKi/xo273LT/7zzU93RUrGXrVAqYsgVfTguCerMko2P/tptnTo3t13q0dCr0H56RTmWyypHu5yH6isKeFMWfNfYs9PDZ955/pfO+8zMD3jqkXEzrCuuldY3Tl4z8c2x+rdKvnEn5qeXq54Fet3ZRZNHvb7luXhpzs2YVvTRtZH565e2vv/ExgdULDxcprN/2uDhZF4Yboxe9XkHQriStNSxr56Rdh8g80CTGZw1fzV54hbSfZtDN8/NIbyQlbx9a6cgcS8R9sopkzNucoQ1XrWbFYyGj4kymeoI9+xMbQ4u+aaiVkvQPEm4xvtYrfYekDbW33bCvNThaEvZ6UIgUHxnjE0R/soh4G0vH/LB6rlkmu2XejscO3rGRX0f3GvWcnAn3bUewIo0wtbZpPydQg6obQhatUEQeY9l2N+sVlnn3sa5X1ouZZl3F40Wzel16TZG80T21vuHrG2CtYm+OdV311xyoGYWeOKHydJ43k+jcyOmHWB20Pgq2Osq+oJEr3++faWM06I7xwuYhZQ7h2YOlXlfqrGf/dPQnG4Yrt93KHei2Vj+d1wsx+NLLfBCRxVi3ekFU1zzydsTzf6OrvDeMW0e3OOzG+WOJm6THtve15nh9AsGaeJXd4u05a8hBEV71dY6sKfYKqGwAAEAASURBVHevS0a8j6s+nNO4m+37fmdG6pMSzIdPAUl8BE8iGKzyT8bs0G7dvQMcu5Llf0Od85vx8YQGEUu2NI4fIAzj82q56rdzI5gTHE87t52mAPOxq/B/7W/1LZdojwnoKpCN6OpLXb9kYKmM4+r/LzFu3MWve8+QkwpOMGsyuhoCHLU9WMWZwJqk4gJpnW+/wWAViSUv/6sSUN6t4O4e3o+M5q2KT3up2dIc+OLdCK55JkcmtzPykfKr4v21ABurF3Cu74MxYGQ7b9hZimOvo81TnT1Nwn/2iQH8yLFxIk+K1aEgW8FKJXKQF4yhdCSJiN+VFPiTkZV7P4rxdd8PtZndJQ2q2YjivKiQIsjaZj/X6S3e0fbqRX4c70aH4A3nBltjbE4HK6HUc+oegb6GGdvrQiFzUKm3erxBF2wZI655yHaoLq880UdPKDXbs1BNEs6Sf0vnt5hKHHpwj7HHouqzGUuZmuIF0khIpIFJLxwkGaElVJLgH0hYd4tGGzf4A21FUq/ctFU6sf6Ta/A8P78cjbcxB/lDdE31uckR4T989SMmFt3l6jutL3NCLJMtZAJKjxHCxRbh+nTQ/SpOvXmjLiIklBohsfgTKk9jXEgCfdpuryQhUrJU4rv+cC56PDQ/QmPx5BRTXPM9Q8X9+P/g65H/CQDzwVb6I/Z63tnT2XxxfzQl31tXCTftveOHl84iRm0/68PILZMbDBKpcgkHL3LYSpsZI0F8siB0PiWoHEQJGELwQvrFEL5sTcVHfhjOrUEG/oEMevPaVbnn1qww0ZKAlKOPAu5BNkmAGHDsiGtg9cjAZwGSl/OaIYWq7yKSwwN8jOutVxHM1K/BIYtud51Y2fe40RmYeTJfBtkJ6Jz7WSzi+vFb/z79ZTO/GFNMV/Rv+pF4SasX6mYzdx+SW3ph7aXJp4Zqt6ExNXGh58RGOvYYoQOHzzEFMXJIuw4YHIsA7ZfVToTAezFNn5ddPGojCQTqczuSyM+GKKZeGxUqOmxoG3tmb9gKFI2LmydtsG9xwMv2ifNUV61mdk2a+z97qEXufMVO9oZGe32AuAfHmX/y6zzNT34DHztU0lWbJeB0gsTN8J5fmTh3yNpnjYwXfeGMyqQyv0arI8ZBQ/cn3wycFFTn6Tn2ecKf686PG5x5XfVagt8MOrE/mK98YmWr2tHKfIuTt+jLG5Eh9tQDXqQvYuFoB2ajKsjw+GSNRfoguTs0OHezvm1CcCe2TBkAvospMTxeam2Nc8BLVXQLZCDYw8pJCt5mGdgg8dMhemALcfYnOanHHLBhy1KXlLsDR/rY5ay2CQ24N+IACW5fD1XOupujF1JDxO63YFT4780KYyvM9+GsIcfofyZoPMlFtyNJXzxGHWJTJmsBqbfwNkKE14Neves38HYlDxRfr1juJppzOQIxAQGd/B9FPihK37iw33oZfCfpBuoRbeeIB+jdrQHqQrTv3PfnoZIdEDklQRVbuOiUp5XiiTvOMgQLbE69AavD1O/2eJBJz8mRAq5xcY7OBv8LGfIX5qYrECyVyfEN+/w9ckxs7nUluhv0gowXu6LzS3OuIXnQMZte60wYCz0OJ6aoaXhE4GGLPG/rmp+P4l0/GuB4MNVas6qTjJVHUvL72LPKju4vEzdlB2XPXa0CnY/M8w03Y/O6ZEzV/13fWmFkc/sSap6EYCMF1yIRVQoXSTvOat2CklK+t+n4/KBZKWnMRCLUsJh9pMnJo+3dFmKbNEZfr+BHkQROzOu44iI3mEKeQ+S8iu3Ldxc1Z0++x+2o1hy+d2EHt5IJ971Ckvx5Ah7rPUbLETtXV6oRM8fjsn+cqDt9UOAD42rr3mMT4KnDIPABmPg/SqyJbDePE9vI2sBD2UgKnJckrqcMKpG/7pZjUZ1ko6heuFfPihXhMlO19LnC9mhmVnHXpT/WS4ZL1g6r7vv84vgeKWr2I8QHbWgcIF65n2PEyVhetdriRQN4SnsThQetUJYhmBoFwKjPfwdeDI9PCuLv2Ut6Pxz1b/xQ03oduOKmSBBPGzr+z/xmXoGGsMhJXA+E/3Rq1R5Yldp31Mi+ZK2qR63HeyGzxEvHy2iXAQ2f8rjiGGCaM4/BIE3eTV9wRADNptjxpl0Rz8+sntAoclvkSrAAAWCSgbWKb6wtr7yaY/Ne9SkCLPotLRmixPJfxSqKq4D3HwTCoxmTCNltrUjq77DTHWh5EbGU8osE0vZSkZvOidM5TReYGNCyNaucRbycphmg/nb7JMR1dbb97YA879zgMXXY2qVpMRSjbQ8OXAMHmBUousEQPITmkw6F1k8gz6H1Ny3GWZ2zdXzGZv2Nz6W6gctGUhw78Bzsfrl0zPSvnyNtF33fZ5+buINPOCAr13tAjbeC+KYPa1lsff3p8dTJOKaTosbuv+adgkfLWU72Iba+ukZo2r1hl6RDEnoN5KFMrLhS90wReYemth+H0e9ZKPqL45q9UPb2VcJYa7oax4bctMcHHGsFo4jCeKAqSJYFIW/h+8WJZcvvoLYxmy1/G7qDbCVmoqVptZpvJLqxEuYHJLs3cgbUa4434ltsi+SMlryqjAZyJed3XTPlURDtNFH/U1u93uq7o1K7FldWqbHIOuhxOsJQVdNWAmlBAZCiBMinW5XEjbuo1E2QnS/zdS4XW8hb/wezKPetppS+XhgszcaHULO3dsXL3XprJDf48q281FUnu4ycamyvWVXy/fwInSqdmBPdyBaM9WNGWINZkg/jkJe5aawfZiDPGhxL/ZP1qHRf6ABaybC9GQ/QxA3Svu6QOAFDYpAEQ+9Fkz5yaIutEB/lFoY5wksPAdyIbRdJYSem/THSq7qu81WzqaLCphrX5873tncV6AeBoyfbv7LMhLUrXcchEnTsj84NYKhtav3C8i/Byd36wwjiQrRI6WSlsOYwMTTeZl4FfkEqqp0IRnU2rTmztFeIMKOgNVKvLtYTiPCPIfUj7I2kx9Q6kJQXuzw8R3P83NfP+qzh4894vQ+vLiPBahfr9YZPAlm8zFif+vVTknYyezO9DaIg46nYhD3n3KuRG2lSlPBTmdDAVLOg1YxUrrdQAV7x/NFDycn/qI/t/obDJGcEXWxDeQ2HgGg1D1goy8diZryEBwGYfFZ5RgTpr4fw1gv9xlPXR9WrHpKbrHmyHCOSqPD9DEAMLKSZGCBcmrF/K07ldwkyUPYtk65F9fpY/0Kew3W2N39YUTfyrH3xHiVCcLJzSLguNNhT2wEVJcwCOQNurgSxd8NCTuaFbjdiXkKYPhM1UC17jCLqwvNenrVjr6kxntBLtPHRq8YFg8GhzN5C6WpoPdHEaEkbiQEVNIbGkGjp0Dde1sMjfT73N/SobfDhJ0gGbL5nbSkEtVPTP0Xyt6jkldi9Sjm/X7Gt4EmpJe0C5iMJi921+6iwo02dgXDu1wKzyXrW2+vL6F4/c5EZ+nTzjezjdr440R+3vhi/d7ZvQE+NT0tR8vI+SBL7tbOwoCQgGpwAMn8QgaMUJD7ekubQwJfSOKcdThTHjuy6Arob9gqAg9dqdhjbITGqYaBDLJixHczS9lf6BcA0EDhHvBzeAdO80CcLUsZr15SBKQpIeQWSTqEiwUvlNnHfIa1Bq6mF3kvfs+egmec+48fyegqE0pa1hIIXVQI+JSCE7aG/ramAD8DQE9KWvuNmHhT2qQOJsbUV8Dz7xsHniTrZfpxHuso7L2J309gUDrKXXtDWfSlwX6Gx2IrdjTnq2IqMxKwjucfHIMUDdGmwdJI5FhP6h4nzBL+zJeyz/tuJfOen6GZvZ1SsXjtWtlmNue2LDKu/i3h9vp8dDj1WnX6GtFMngE1Bk1TynCkkVafkppteh1JlQUKXWKpLiE5/jQ/BZa9gHGA6RJ8IOlsmqU6AIDtc2Nhr1y+Dhi9puXbH/uzUzlO7m8+0MJ6OaPECEwNo7xhI7ioSeysVaEsSSH43Qk7qjJVxTsysFZiM0ty2hVRNPZcOFGZ9DDB2bdzAlE5nEdExpArIqSi9JiZInuR/YTUOUJ74AZsPHjQ8QGlrPsqTIyHVjf9hdJmBKTA4zY2LX8R1tyiIBYp5P2b37Pd5JbDWYZ1liJJv1Yzgc2y7m/fQYgrhRCH08b/+k9kVsGmrtL74kwrmpmJuaZzVNUDOAaMR0Xx4TL7vDQZaYPx2G7vLOW2/7uuWjy1suirAHv/Ng7OSP2Qdbw/QIE5DlTcsNNr5Sau58Ty1OevV0LBCJ5wQe7TpJqpLfIoTXt+9r7jmY+D7Z56vR3YxzhIO5PXOYI91Mm5wi3OkMZgXModVrHSrXNSVMZ+kq/rMOTFZC5cgmuTzWnVoI2aO1VY0IFnHeLkmvH0qSXK1U4PVela/iU4a5vyk5FFpX3G5aMYphcozZ7l3l+cmjK/jTmWij8VaD9kvqJB43Loe76a9tJ9Jrsejox8D/FvaFr/xJJjn2W3JywCKNw6ypN0AxaN66EE601LtuXsUU0Z6PT4LVW6SHwFJR53fhSj9GPFuEC3vQhUAfNNr8S+grtMBLyWd7wgwcGQb9DKYg2A5ZsaK/cbEDxGrKKzr4UUyT+rMtWPXZy3vFIMghsplBVQcew+kyuhdoPxZgRmIoXjHTK8fyLj3qIMmSrJNLVEU0VTcnebNL0N3xdNEATCO7Xvu5uR6d4XFXR9jrJtsu64qwo6zLOvEKmqSv+shSF1n/9MPkvePrCc+sY/gmTh6AUwJCkGbKdYhDIWM8PuRQD8NteOelfPbNRpo+VR5kwwXU14uzkjQHpEzpn0TxQ7C+eVNe3zPK79h14MzH0aYgJ8ysrgZiEsYlwh43W6t4sfId81T1n7LfQIsDXVePa/qV+WS8E6o9hNH6nDBF1nIQa7WwToDlbcVT76h0IdWK0xWYgaq0MG4wviaH9V8j7HRG5/CeotHJz4hI/e8xVxk23WWPHA96rmXR+xvxaa06Quqc+IV8ugTnuf4Ue5wl+lVpKJzrX7EdqsXAjFl4/hdESrSR2K/trvHmwCSjvOsW9KcxvvBn9BUF++V3zPez/eJ8Y0H4erRwyrP+/X5FXqjkWcmLHYSR5nxi4x2LM+fn02DTJmAnxdBwozt9WpcQ/cqhuEIGg+8hzIrPsUiJV2/loRQaog5SZPY6bJrq41m6GF6jxRQaQs21HYJhZ2wAFj+wlEXc1cMHKKDbEA+D1nL3mE4q/sYrlpFoexrN6Bmcgy8HqozzcIJFos2/lf3ra6IC4y0KEwtt5cU8H1FPmuwJqjmDpl+C0XuktFhIgMAXsbmDGOf+wh/zAoTKybDetatAI6i9JNfBdi/zjcJEDe2RXmuVlNbjBAl7cxZZvwilnuYcedzsh3bqKmYncvKpWfXjIbcGyPgyLbvlm7amXbZzmDWx92w/2t/duQndf5BNMWaODuz49RndcQ3q1U95/peXX9oxN93QV4WPXP7GWesKnV568NR1dPqvZbfL8Z4isZbxhbVvyZqjF2wFEW+6vvjTZHgZeg1SkiZfH98lDKPyfqEOY6Mo/G1jnNJItCv06OBFwDrtHpYYqqEIc6+LzpkaKeZ8pmqmYvluNHq9pNrWwgVqUSpX5HDuJAv/DvBMeh73on1/Njpbvy13uM63M1L3J69NNUmfTf7hWKL5yuta1m1xcIcdzLAPE2qqoNbaUf8CVvx3+fc+2pqHxOiD09VDWVgKj9SY+4JG/kVlrUiHmPlzYtMpB63Va9Bumh3+75qFkRU+kF8xE37yQFsDhjIGrPYPA0BtGwQmr7VO4pc/9bJnNaaDmaFHMb5dwwmggxs5MhpLSIIXIY9XrR9VUbcMQlWRRwgqea1t1bC7UrRXcC1DrzW1fqQALa2YCdhxdXv8Fr7z1qnGsMzklhQph6rMvaO9Ea4wo2cGGguBtlN7Ge1fk2bjm3azWvL7qDhnetzeiXzzCspl8m/5zGse9Yod/0Edf/oZyca6gCK0c9TF8V3HdxNOx9vu92bfro264Zd/sAEHlDDZCSPHDdYuZHiLFRka3nwrWo1y3Hk65nP2Oe44mvO91GlfKOoqAqrjEq/c9Vgh3ivb1onzKwl+ZQwsRlZvf6YwupMxHsG52JsXmuNb/E9P1b6sR33HlOfn20emyeT3D+CaXWv9mZUa+ha1rWjuu2EDLuQ2/SA3fmpKkXJBBA6HkqAPG33endAb2ijcrr2qK/57pW/5dwMWdu+RcHruO5jSv9cxD7/ua65U+0jrpOMF7ImZOHbjOiJ/Liy+rX0rYV3uLg2D+x9HnrA/aDsXo/dYsqbxJ5CBKGAPMY35gQL3g3+M0zuoN8MObUMWmUp8Fnh0vGbZdhGQMJ2FFpfm9QEN2tLfZJKbAysXl1glGhfJGbHIAwXSGMsx+PMcWL2lgTQMIPxBhuEUkDLtkkTBJp36CnYUebryzri3UvhlqfmlyEaZo3yPotUhQE2pdM0uGYx3/K6M8yEqPYZY1r+W3NmMQZx7obK2M4JxVnltTlqTJHB6RaI2lkoPdEH/fWPD+b5MNYULMp1KBqmijIPjoC+0wF6bPcygMmLkvtNJh3rQGNLynu1OKf88Yx2VPTdABDlm4dn1wxoFlV5v94/KlvUi9S4YeebdUHoMlxZHqAOZ/mDYRgKEOMKIBTBudy6bwCI43tQoQzx/VtkfeEtSpV9LfkEnydSg5dRd0Ix7bv5GL5sE5JvNe/woUl7HOrxI469brcWUbca11zVf7c2lfpnuY/6ViS/TGYG2K6ONyRj+Ah8n/2jo9yyNb98NK9zEQpUrx2KEfxyll77JflPwr8wVlLjj3pukKznHpQzOldLyv9g8nmer0zPRRma9aeNr6RegZtpiB0p6aMBEWLieMcaGSJfb7M8mnDldPQNPH6f0lOSt1o5wXxCNEHkSpXjOuIHT4Cdt9LsO6E8jQ81n2wM2ZMy6IyZ3jgxF0MS3QO1pQbRAp5kC4ylFD39WNJF3Gq64AYz4eBzoBwFNpBMKjPc7LzOTGfPN3nGPMV+reS2tb4aizqCyje5irpTiIqfjLE3uhW60ZQ/8Ud8v4tuBDYGKnC1CylQRP2Fnp0pWOeovYC4V4W6nfgkAwU2Y3lUZbvkSgazqxg6uzYTQ3GKpuqGWSAfylY49SoV+DMOR4rjTB///X/+nQ/Wk/wy8XB3aPazltWWLYL4GhX6GRwr3c16RfK9DeHztSd8smksiqZAzSNUG/r+AvNap12BfdudqNqmh8J5OuYt+z6IzpJxn5Dv6t4J1uRJgz7Qc9DEJ9u+k6NdDkisZEiHJ0xJvE/SJOzYop6zTiB30wUc1e87t8i05i3SCtkBvBmmjwrsErQ18WwtFzwPexxl32fKW/xZ7a76s55HIazlEXRnmFEiJwfUlydFHJNfygwjMs8fz3EoPj2+WQLMffcI9mUos+KZ6d7U5817CqBb0li9EAJ3lM6vWc/lVohJaoFHJSe9kPRNmZHoRRWNOnOrHNclLptF0JuxNP1EVHlge+t8aXu8ano26oXdsVaRZSbwJPU5pgTqFddyg4C7DEs+Rv+PunfRdtzGtQBXMv3/fzydIQhuYONBirJduT1eiQkC+wHSsiz5nKriXUxtD65m+GaI2lLt1ZzpkAh+h4P5k7S+VLpb12kJZIbjASlr6MT3GmjInOk4s9YzVVwT46B8P5Zz2TUVqzmvopWLC2ghOC7iUasfW2VHpJXZhgUPmrFnzLCiTEbde0Im+nEWGl0ONZwLcSaI/phBAazoKdmMANJHQQwegBQ6ZkWwnVNMQCzodU7BuzDXhf/0m0V77awm8/Bn2PGCsATHLiBZLMazEjm+1vMHp2NZo/I+f1OxLvfm+b4Hr9co9lf4lnCcpHxWFTljdE4m9sQcBPN+5Tmkey9U61h9+ybe6fKHePX8VWa3B1mfe5/HKycYnJa+gzFlH7vYWcdxe603Fegl13AT3unpCSqxCLjRJcRtePu6Qa/2hF6AOI+Vn/AABNkwmYSaIR0uip7MoUuwr0P2+VpMBWabf6LXbX+bzfkDa9u2kAp8TCLGZSNDpbbLM+4Ud/wTftbw+mz2CD3v+ov6WQTiC5Wm4CINdp4DdzXuyJIXA9STmKUtWPiE6z6B0HeC/m9OeX0/7RC78LmBMKESW+Ndf9Y3DQtU7Znprhk756K3CjIkeSdbBERWU0Cfdd29B3TRTlLaEBPKugzBhhswVxPvccLxmzxXTbgB2mG1vUR/BoSGqwKHs5tXEKHyjATjZpRV7LuPCoRLC0BPEY9Z9DhjwTmNUW8iRwrdPb+swscDMdiuA4SMqALNNcQVgwwQGEVlVwMmI/C1gFAH/9SIS6xo7yddvJJ6oV2gIxFu2HkLOA7EWehbdE6se16V8tz1lYc3luc/iU49xFqn3vcYeYaZgdcsT8JdjsqHMOn6tHB83w6gxXrbT/6ypZh/lOAP7WeBtz2Lou6J7Iewz/typZ8krjjSyPahgt/rNAap1waxUhH41EuoyyTSyUYKAU2159CP5zO2d9g2tRXrdTZwAw+fxsrKHX0U53ciAK0R047S5d7iO403OfPj9VryjdJb7DKcgxpK+JW1HFwXVz4MOx2PjJPVAYsRVpgL5ubBeGjc8J4wey1/cdnb9bw+XwE5kA8/dcRrBFaeQxd5zIHHfI4TJBVCUwhsk0KpHeVSbvdJ9FarNeiSaRkd5DrHm3VoWEoMvdafrIPwRghez75AQoi8VokyYQ1S5hoU4kp7hGFh/wAz/Az2zhGns1fSO30RQa/FJPfj83l/wg1sNYpoSMDepZYQ9A7nAUBEUGLXCBavJugnknBm689egt1XotL9jFcnrN3qfOWzS4JJT/Nvft++wPqXHIdfh+cGXZqzh3j1jLtzQtq1PvVH5U3Ie7AnosLoLKgYIHMVc13wSQdIjK6I6A0bWHBVFVl41FEQ/vsvBa/lSttk5g27tyBR89G1ADoUyyStdddc5ZEuucB8p7tDnz2CYduP83sHr4uWYmKuenRKJ44rEJNCr3ukJ6EH0ILfebu2vYG3JxPH9pH0JQetjti3Hvu7bPwjEee92e4JaAJAvFrcch6W8CkvvoPkfdo0BW/r1QJUvhrb3pFsrTT59+gVH6XSAD40Odc31ooOqJrCWrk7rFYjtnd7l11+WfjcxrQ4XNvEFrL2qvp7MsJtdtGDYS+CTRv6ntgWT8KxwUcJg1twEk+1jfo6CP9+OAhxrCbRMGWJjEct510Aa9r0uYDgQ8/5myjLDRtoyNjrKCmeOzv9gZsHYTbpsHi3xlPoiYma7gz2J2tLHkitxVnGL3iSS1MjPWoZ8sOgtl+Fds1VZN4KQ8g6IIM1YW6gx+CmWYjoNSSuJMG892QkOoa2LJPrnt9H6GCPmBXIkiXvXWWDgAoRkfpqhD7p7hqaEODFdLzDA5Zq+PChlLUZOCM7dcc4sALH1PAIZiELbtFnLWhejOKQXS9oV5DPtdFRt36t4XoI52E5F8u/1z5vyNdvOOJczc3qeVk0YnXyJb3OyXM+pv05fhTQogVNr1NvYF8/IN5oLi1UgKwWN+a4BnY29KDvlRQJwL6sACth2ulNX5nonGkbyiPj5VDJEznv/ScujBqPhcFFLRbiDJhoFTGx5rqex8GWa6JzWpv61B7O/uq746KrqKEeOO8Bw6PgBVW7OZz0WADMTmDg4tt1Awp6OonraAArNT8U72UXCwSs3vX9QxYYr91Et33faGXMlXZqWzkpmYWb+ZVXw8upo7+1ZUGm//F5PT61l5iPxzF/uDiu7thx7ZuVVZUN8Dp92Nts9gJq9lnDChfBwc/YQ98sbvBG/EUQDa2PX0i3GtGvQORg44NvAt511UqQkR/PlPww3HnBQ/8BpNq/XBDKx0pZ6khDExrb1kw276nM/ScJys+YiFDGzqlyHYnaWtA8kuvFm+NTtGhQ0XdC7aZmks711J0KhU22MNv0QrfEAcIWgt/aTLEsxOisZO4lUGT8zYW17YpdE3aDU8A9dFuMt4n73oMlN7jVxpLwR8XOpK6KtXcWeu3kLLvP6MCWk3e5cyw9g7UX8mbvjIWG/IKernWjNs8WmVMr3nXWQB9Seuvr/1gxzm4yPp7Nijb6wvLzvBCOiazCYK3JDTrOvdbx3GxwFydN9QVCd3T+Xji9+fcdwK7Y68qtzJgNXHfiaVpox4RodmT30qrfHUQ54DoNIKPHCQlGHYUFL1R5nlVRy3lwu9E5kbXyMsRCJ7J+JX4ClRg5MGEt5PKHc9WPWrVumyRAyI5gnkdGTr4skpOTjSIhuSUlL7PEJ59aw/e+S+RiiBp3fPQI+aiBbDfyv+/d1TmXXbxW/Fro3VpctYuisPrGXMfa5UrfO+Ax76fvE2zv9Xn/n/mdWLEWe276pFTERp12JgTit5hTcn67Oz4kNhpPH5/44IoWUUzX9G5l79DR3WahjTAxyNvg2NcnFh1HTCRvZg3Iagv7diFf4Nn6C5mPqXZMWrCk5u8n3nVnF0ODmmVErcstlzSEFyrVzlP20HijNZbEWFWVv3m4y589wXVU+jxuDjU+wdzsrmBaGTediOerkUCYE9eGw2bPKnWTgc6mvEszbcXem5AYAJG0e4CkNNA8Rm2uSJyFWBC1zKHTSyr9tX7iJ0xRYrUwGQDU9i5J/PUUXeyJ3MOMV1/WEwCNhGHCHqqnPjeklTrIFhL6cr8CWQlGDNZrk0ERiafmd/Yzr2Sx5m5c0qOjzLaoZ1/5/T296uOzG87MnNsKhe3RrfKu89bxWvaKqOga0Q2yOl6ee7kBM497F1a5SvDENRnmsYc8M4PV4jBn/ww/zpNWwapwlo+stZjCRQJoUXnCgtON0Mk15GOX6dMukzbzXmuCL1r/D78QsR336/L+nUhXpdcX/bncilZB6LNRnWMqIHyTiHH+5GAA5MDE34vVuwu7fzzhd3Vfb6/LWdHgZe80maPxm5t1YWQnVSl+3IxCxnObtOpz0PMlW/yfxSbiU16U7/tizLOPIPY6T/ynOvfyJn6nu+ufVCi0PpDb0Q2YAyKIBk0z8jQPHzpbIIuj4R48qx2EJXqqZwM2TBxziDr7A3yWOs6jM0gAYo6RXhRL5UakAH6u/Xi+7eHHPh/JzQNRNiJ12Vzx3B2zt13cbb54SivRO/X64oWMOre9VlzoQCZ3y6lCFxn9wh636s1rddIYveEaYgfzz/ywqgT//QLhdt4++AI92qIQTTYplB7Gbj+5I1e2iCmWFJuL334AfmhQ+NDj2zKUn3kZiXk4ZpAkOU15QVeOZ18bUS5D2lwJxwMua6rJzfN8r+BCehIhMiYbgQmTJ6nL/zOxMTimI7nKoIFaOcqmov+hOz2b3f3YRkWiM884dkOcG9C5V7pINXCO5Y8Q5DpWzoE3f3o+D0T56bz+M29RR/ebb9KNu0Qxzx79XHZS1wAe/HguMfKig1qvec7WXY/HELP9NUCEsaowr8aCjz/EhJJiZeaaio65qrnLQNn1JvJBzv7SOf3Yg4hQNU5yjTtzeDkmkTgRP32Wyd4rc4aPgGs6eGU9nnMcSGsS641RBJiEpBl9/atE4w1oBzu0lxCmZjIDdomVMNvAes3AbCYbsQbJqc+8WOFdbPuYaLGP368l6ifzL6bXurSk+n5GAwNUBEtCMaQnbN3XmMwnZdt7SEY4mng9Qq4S9wa4lA9vyCrwnDHz5ZUspZxSQXNXM9mAbl6eVQd+pzdhKAKctGV6KClaANDRzPlZsI+iUeIV/E0v0eY4s2P1iEqLy6R8lXLUWsX8prnhNJjZymlv8Dq+2uzG6DLV2qCHS40OlnV5ybhwrieszKrKfWuu7q+859rjHECCVbe7zHPXWYdN79n92qM2lKPqYq5irC1+m4za29mUV3GV6cXQ21bnDxVme9BGE9aiBkg7TD+JDIbCJ2MWHxqhp4PmvGkvB7AIQkE73PaZvbfA2ITS4MO1LOg1SO8Rjq2RnpRF44YPr3cfYsrSPa0ddBk+7eePkQ6PHPMkN+e0OP1z7b4K8DDCS3jQ4hxwu1E/Z3QnZzyt1A86wuWY5+KZa+hDcPoq7ftXzP55x9SfgAtvh4BmPEriDBiMqPonTzzKnryg04+T7RYFRH/pHFCC0Xhn3eUtF76CLH4xMX/XfaSMzGXux/PhhWdegnNJ2DznmGsikWvYC8HlB7CwxnzixiTMMxnzSaabdeRlZA2YzHqYMCPGBLvqJbLTjMRShafZJ88ZW+M7D/DCsTCS+OMTqPMY+3jnIzqRz8rnWkT+eiZdxbV4nzE/nb2YGhFsjxfK+k33xJGp/vkrieIJWDLrUVtEJY29v3is36pM+MN0SOlSG80D7alkSxmB6vuuWc28n9RqHZq1EjPAtavjIuJJb9FRmGfgvqSxxC6G9K7+v5eXTdh0nU9CN80LZ/uGUYGN2yzuX5JUSdOb1vaYviPJHnZH5QDai7+q9J1EidsL6avWnr51R0MYP9x30ONKzjNYKTfOzsxzVZVOPxnHT6KoawlpGh3QW8z6jIgSGtwCh45IboH7SoD9kUloTxzmT67HfqwPKj32gNJ1Sa8aTYI8jYdndP7wvH6q+oA6lmdv+Em7IKWF0bd+xm92VDBdyXLndaA6b6CO76W4S2jPbCTx8gFvoXU6XFdEzDzZdZo7zpuPioePB7WQVl80AH/Rhj7nct+o5bzOYfy8X52O56AjqvrbAr2f1t+8Z86dsW/v+ITot19YZ+fopviWwQ0sAP2lc9G+FcCeRUdqjx0SaHdkkZEvter4C5x115zaJ8lZ9Dk+ZFzDa9021z7IxkWaCLjtx8qQfloT9zY3eZywQ67xtVRt3UpvAqzjDeeE3ff/ecP8+dPdtLvn2cNxpxXE2j3n7B1VZabKZ33SHGHEyozqsVjt9AAr+akwuPqBnsvQ9xv3jJjzR2/odOxRm/xHkTurzmKTU8fYW+6C5zP2p7D9G4uv0vCOHQ5JSaCYHDbphDpNo9ud3h3q5Ppt7elc+6x/2NRn8p9BxJfiz3iYqq8/v5p5zqcdo//xgPvTjcFv2Jy26VTzll3bc4cIG3InPoUm5QVeSAVubaKiVx9oJ3cseSDb2iwCwSp8uyx1qgEugpTO+nXOxFqtGeDfmKReq+h1Bq7axeplyuPneiu3TsbAR4NJmCnUwYq4MdsWFCn8B4hJ+hcKzrXiLjga+Dp2dMnPNcqXDoebdr9exo4o73Zt7i+3pPGsD8WptW1DqkC6Whfhle5qMYfuz7q4iY7c02zc4MpeDvmnn7KzCnbl9saduTXO+3W31l4H65AvFHZ7lf2qUs3knjCvSBxt67u3w3sKr37X5/seHxkLMH7CDqiM8v/t4Tqh80lan213vS+Eo58i7YFROMA418Vb++O279Yb+3DtsdYx4arXVlcrUfJoepCf1lS5v7xZ5+7RVB3Rg59E47ozA/ic/xNz3j/cTHY363/C+zNN2Z1+3z/bN9fC+mNfXt+e+wKB8COfezrvrXL5Mi5IfzHJfeykFBfXsMN2+Vufjltzqw+IftQWyFU9ZwQpFsawAMiPGlAyxCFFY7Gx2r5ikH8p4PPE95Zhlz+Xe39lFrwOL0nA/X6C4+h/5/Wta9QLKdys1/pdxlZowQev/cULZfJ3bQUU5E3DAoHpJKQC+3kSuaf1r1okkMGfOm62huSdw9M6MvZ5Lh1gdRPdyrfJJa61E+K5i/eIuXPYPpjLeHqUxTIYIpzzGNLT0m7aq6CreOQqb6N60y4Ks4f5tNO78dbrcaxrp/Qm331WnT4qBK9/1V63GKwBo3TCsd+DXN24dxa2uKir6S5nhP+jQHqih6wppZD4Z92xt5AlcaqRyzHUbb3fq/Vn2IXgnSNSseg3vxybAKBGvQNG2uOMbwofwQlg9hJQWzKxWuJg2tdJZAEkAyzHopPn/Q0UHP2N4pkYwUezqReaRtaaUT3qAE0ApF6MvWYv8AYbd7fX+1/Lvltfv+97DcIjbMD9sQZC3DGh95WKixmdnW7atTV/v3mk3M5bc/uOVBOdCC5mUPGsKiL/fz+utfFPFDbL9TWg6wysCCBlfK5mPWa/j8sNkcifm3hvIowP2+4ufj5r4N9lvdpCAT/tzyvB57WqnH5Fj7i88N94Pq3n2KKSs73Md7LA7upHOyq2HkFUJnBTYpytcuCQwSY0DQsArH6oXI1tH5osVlOwJSQrYHqFBL6Yit4nWp/y+pZyB/KZzCu1z8IJRAVazs4VIOIoKOdwTbJ3GsIiHRAxsuh13PcEepXed+qd4aeYUMF49gJKx/6mPWK6GffHfpzXVyJmOq2Yw034zWfUE2bW6+YuQ3SGUdIcy1z/4joZuxt3QWwOt1kyufZCVLx475Ry84y/TK/Hfq5b9MreSQKv0EufoKVcrF5m+YGa5i+8BmT9hD1LnbZ5sOAED4xFRgrPj5/crE8bNHLr2/TWHHhYrqA75VmHdSPJqac3IGPZzTwiIM5Wc9xvC4jJzaxb6QbapGMPqhVzDekilfdPbiL5gTlexlRm6I9jHAD3+3bs7UIGa4wL6YknL3n/9ayonGdPmoKXi5WMy/OsK/OKqZke15IF+tnj1cbswMiPNfAykL7qrIIhVStXggaCjiWOwTv0UWoVT4qnWtbGx2w+R2TcvzpHUxemb9Yq2Pm6vyFd9PAEEU+xjJ/ZOAL/jWbQwW2nT7ha36+i9xY8dqCq9ZmtRxLj6Yy3xOpzAy36IvN2MdX6IdPv4wPp/1fluK9rvfPPoK9l2ItzuRcsGF4gE5rCAXbasUkjbxAx7rjbOmltuNNyU8tpqG3tMuE4l5Nw/lTocjsR6Wb/eNsjd/Kmi30H2K09Yl/B2vD3aPmNO/e55WPxkBFgeKG5UIqt7N1H5jdrbm1XsupiiR0LS8V9R177P6MgGOA6Dc9hr/bo9RN2p5yi+CE9kNDFGMgwD8kyaamE2h809r0loSV036yd505cnATA1BV9ycbloiX7YL8Wwedbm0ZYGmrS022Xn0V5egQY8h2WaCvUfRO/U8OV95TB/tmb40AAxnp5WL7iDoKpVN4Ls/5gQhrmd08h9ghbXpu0t6kIwBdIrAP5aFJn2Ff8kyEVETPQl2zn0eWiAmbScUTHGXCSxeqQ87HneL1EHSHIh0mhxwRjh/DSNgsuR2KZGWdUJH5BDVqsEwr/4kR6f+oDx13XFr64wvmhw/wut+m2vcrIr8p+lfvKvnPhwIH5yO2Zn1fgyX6qVjMfuUCmLKIkLuTByaKYuwQyYMwKkg4bERBalGdkAswmXNXYZT0yeBPwL+g8+/F7SfwuPcR3wJ/079SaRZQU70spbhKde1zjU/8uDP9O01HfRFEZfksxtn1n0y6uCgEW/cliFVJH/uJviaTRhUWwA93nfizXGOOk/f0nB/a8MaFUfa1654ojkU34CaeT8n/CrauWXPciHVs5Fqe87Mn+z7BzB89aikaTOLAxX1qPL96Gh1ZGeYfw30gH+Gbcr+t8w44uTh9JQ9tgs5e0GY/9vcE7NnqSiRQcZoUe3wAHg7FAcM5EUZREC5ACg2R+evRYvulp2UTbttESuySJdeWHnPpDA+Nhex70uHy6aGccYj0Zrh6wMd4SYPuXzhAInCwRJFG9GXFzcYMNGDYb5jxVnPfGPL7YC/k56TmMy7F9wEgD7+lZ7kEkr1IMNZcrjXBJfcIpIpb4dvHOt1Vxg14ejlzIM21IEIFiffZ4Kj+HJ3Fm20I0Gbtm4H18854XzMfvq/tWEpJ2G9d9E3FaNXHGa3pCJrPt9BcaW3EqiA+6/7c83R7OntlFfW+Zz3NeGd4rvUr01B8YiBK/kqo8ntmCiFEZoJg1+CZt9avgwWNoTBvA1pym5vKTdkztl4F2y6/DvTpW+n+wOrHefUDvFtC2OYTmMrzoURKigoT5D7dcnZSgga2DxTwJj2LOo86jYKDDecQnjRMP/DLiJG1XMAXxbULaOrWt+rcLf8Klbqf5S06S+Gi6W/SxFSni4S8mXiGtHAVAHuMJxz5CyXOS2a1jQbTcgLz9icTUnUZUaECRfwmhELHlhn2WDQPS5r3l5WEXJsFe5HL18SY0KMjEFay9ggmwrrpyrmWgjainiUNhf9JhgDlsA/fIENWR5y2GrLaYLLudk9gWsy+o/3canTpOsU/KwEUN6Woxk8DzfiXCEn7mpQ5amTYZiXOW3Fpam9RfAhul/U0P7U3jjFS/r6PKraUW7pQTCYY25jqrsrkRRpA5WtuhmclxhzdlvjtEkltjoU/joOcmXV+wCJSVPOHBexxh/wgcAMEO0299scX7Y/emmX8BE68y1gbc+OZN/XbH3FOUsrpXu2i9aF2JcucO2fGMJMmLkHUF7trv19nZZX3BjJzbEKkma2bpXTdXFabhJi21a2nqfBt2y18eW86/VOAt2LS57fT9HsGBXf+NhYrvrzwPa9hYaFp5+MIDKo+rF3IBj4R8CVHyj2oKuOEJZrOeZxc5Yecrmi73rNQh2i0pwN0C8uJ7HHsgxqgbL7NvHuhj6fRtuIGbe+46cnF5VcrH6ZUO+gX4w4YeaFpeIBkOj1JeNKVwvwWZVIFVXLhhj1QA3SLUQzlMzBB4qUqM8endHN9OURuaZpIDGOW8zVVvpxPz3nF7AsJVpWlrEPtHMa4D2eiH7OVIku+/AFEP9yexS/tbmHtUxtObFHu5u3BHvSpLJq1pNbJ52XqJkT31vyWBl1ooPZ0EZm0IpA/A2E8xmCzsy27f1LbnPrb0AEB/GHv4s3dFaOasW91+hRed8qf9WZxjtFEXgYqNHW0WUVga+h5H0uh/PhDLi3WgEfnjEufjDsh+lPfnW77g376ve/eb7IvN2MjVV1E0Yzae0+NsI2vpqGTpFaB/1mR/jkGh3Fl8EAibrW/n4sF/5td4qo0WJsxq+wB4YX/+8HXBV3Ub1ZSCf/V2TalN3HhK9ErbZM4+IAlqOFy9ybiTvbooz/ffF72ju6k1J/CLf/wxzpQFpHM1//6Z19uriVdGvfdZDBHi5j8VChqfiioPUldrLGBJDGa6ZmmXldu8MmyVXib1tnB1mri4ZcQVVCpfTHlLOI5ULLbvwrGKw5cpyENX5ojnL2sMuP7WhIxaeXKAZh3Fe6lzuxWoMGBQJzpSdUT3WpFdxyug77JYr/wukxvpMJsc7HYSsy5PV4vbmHD6Vkcbmjfs6HHKzMmu22VEZf7IRxtBbyQx77Dg3Lw9oAPOaWSsx9R4IPuvt6X0mDJnxC4WoJj062ANIO/H1nJczLT5S9lvuGcLX+uTR79Xro761XWF054jaczb3OKf+u+IhVMSHespJ8cdC52bF+QZIX7PCEHhNZD4+EB7d7JHKRQhiXkclxFAxTd/xEX2aSZSkHWcGkge9ZkBsL25aIVMUm8wIWDpGgyI34zCvcIkc6HWEx+y18fB0pF+P3nfnnhdD/7hrn6+Tw8L2pTRc68zX/HBrLtcM/t3WIfVdvi1hRcalfP96RMUuKcx6oqiZzr/0a0d2wspm7RfxGqAtQ49uXkCUYFCA5G/hB3EsG8D0q5Ufx2OsFdNofujYmilk79m59czvJjoJditCdf2brnCLFZlnGB47rPF3okU3nIYYqJ3oC1gHMDBCIX8aeL1yP9olpsU8a8fLPpGELy4YmS3bdmGCHJN3ty0Pxqw8wBfnYOY08fW9rxN5E8YfLJwrtfYZbHr56Vt7j2KKPa1FEoCvv5p8fK1LIqUwGJgQqV5kYIPUM4fY18XdvwI/7eKfmD4qWh4e7rbgIfmnJyAvgepUKb/qbZ4RQp2nvzihUzEQkvt0UTEVNVdJvKgvUOH/LzqC5nNRD2mdrRL+FV81QQk9sIfya212f1blodozq92UEZ3+EDy+Ra4hRbuSFQfR+VToMzzmzVjnO3RDcbRGp36itjNBkbQBzPpoGpzX7UqNn02N8A6uabzO5393i4+y9jBOF73fnl9K7vs8yJ0OxhHsZ6jQoM7p+Nx6iTW0jVKRpe6asuf2nD6MWLthr3K8FOpOJOc9nI0+rjYdHWlFT8rrijtTf7+WNQvlPjcMa/jeEvvbIvvG53d/uzyTy3ZhVZZOF/cfape3UUJW2begP13VBgw8yN3dcEsqp/0iW5WE8F/XXw2ELQ8x40t0nbPGkjPE+XrTXuHtlapP3h2+G9y5jVErj2oL/duk15uI3DU+eR/qkE6YCA9i6FSjsXweSPQwIX63QgnlkHOhT3DuDuHDuV6VpU1NGmrvw6wKW9EP2jCNgR+lxqAv1oXSG/W1BtY2+UqVPD86VJOyL3gy+xpl2LtYs3YDkBnL5hosYVse44dGCxKjvRKhHuv4VRwpkDBP2OX0RWl2xzX/3DctTQsJY1leQcA14pjThF40Omx4Vfi6cc4jobOyEQpvXhwoCyCwLOQ54z22N8Gd3hncuRcvlCMPStec46HimNrLS0eFPsJJL+t7eXMMmIguTHOHt3Q9HIQIVlQtTJnzpm4aJxqOZxsrLjcx/WYyDh/rb3Ce9fVbT+d8j8ZPe/v3aaKTod80j/XO8W327g0shSufnHjvlvAjV2ziCaVT0Zxv0CwPi246eCMWdq4sYHVmbSpgmztSYDkCC0/spTWfMIuJlE2pu/SbPuO+Rt0fz74jfbXKuPE9cv9Ua3xCj4sOnvev+YZ6fOsWfZGAA5fk0cWkRps0INjm9SNniV5arRAx/gAK8sB7yANjkI2fUJnjvEnW6FUJtEYHroMnG0Kabn0+ZKllrGWgnmdSBudpq/ljIBm175ww5Sa8DUP8eqDaSZ9EbBkhMcFfqrvmlHP8pu01KUkj32PWq/PB9EKHhnHX6+zANEtDN53DWYZZ3veY6lvEl0Hpe2WK1eqDyfnxMurT+XHadfrI+kSAO3nHoEAgwy6km0migP/8AWv7CrfB6iD8BtPLf6Lz7UPW+JFFzcr8J3SL4N9Hg38hv1GdXI7Kc9dy9hpJzbkpyPP32oaTgLcRLhMGxnHqr4WS1XQLOGtiwMNc+NRMCUgzePsdQAbD0+BoIKeJ4MujLSE2BfDzUFinadrMY30aW9E81xfumfz/9Fqsxmp0+71zCvuMCyzrz/7i47s/9XH0UHuL7zn5ADKC+Bmd3GziCbVslsckqsvTFuBp6SRLXhi3NchOfdWnpDYSKBs60Jig6f0PZJII/xnfMPIX4TG6n721u8tXpzzueO/Q+Su13EjdDCMP2WvB75Sa36/G1LZG1688iTt6Km4lyWOhtaxBQWiCXywoSwezPEWJiK3wNBITDqHPYE1xuyBfDvGBgokL6cAKAHsG/96m31me9UbR05Gz3pjqHtmEyWyTHeaopB1mZ55cZ2jCnAW2bRmafAskYI3egv7JCkOb2S1I1F1lkTsgwrnlPf9M2vGLvba6AcI1kBuP7oLdB75vCEcTxOwobZ3vqpMOdJ8kH0oX1heXSWZzvd+JkUBrZeyIRRjwKyAROwKM1QNfh00zOI/MA837b0dtNFlj9IssBmjXP+B8psvUrOWz0XFNT2fI+nqqftYxw8+45lVdP2GPb+6u7XnbtJ831wVzBdazRGW1F9M4w5MYlh+bacXb3QA5OsZXQuJUniQ8CULnoAakkgso4XzSHoRGHVj7ZvZ0k2+MnVHj+AU68iex3rsDPyDUGgrTODlvbVlwPLotFw5zqdHZ7T0upIKCgDVXSxIFZK94mNVKvLIe5jniorPcI3ZNENLAtYWGkBKNdPitdVryJYaDXzEMwHf6plqF0TgH4VkU/YBFqMwa/PGXVHyTFQg56iIkLqYuFq8gXUqbnpxk4z5zfHkKr+Ndr2yi3wJUR83u6Tfgtu3XFXkkIFn9LHZJ5tm5IPtLDEQfTxxUl0khDqlXIOVJ2OUAI0KBUmCrsccY5igNcCwL+PlPQ8clzLLkbI+vNxGe9ypb6xd2HuF1vAmKZLLgtUpbSpcR5JxWAU6BkZHZAcDYQS8nC230NTK3Sj9pIfOCMLaGPaHTykzF/rudCT3Yj07iSbfW69z13JtaE3qT/T3hzSLbL8LzSI356sO+f+THJYuexIeZZNmdQs3LoSAtEJ/CAsMlAkdk3R+JYWHsO/5gbTKoYkfnl3lqrrZi1NTr+D1xl1v2PksE9dm1urjRff1nIA9D2qsI3t7XVL1VGGX5yOEMRzjIAo5NMbjIwA3Pf0aRepCQh0XUIe93gQLiCHZZNZwYmagWp2eb366nu1uf5shNn3q4lxrjx00NUY+nM9KsjdCfLdHRbN4PuuhXbOeicF7pi57B/oXUSISb83/Xkcg9gxVzH0true5GgnKeq9lzdgLMJACJmlwKTU5CVaVQayVQ8Zd7Lj21IGXSsIZ/o89JtrrKQxe9Dhbm3uzmhzDnL42vyPgZrxDc60eXx3jz+bmtcFmL7nX5x2LIr6/Mf/palxvKMgb9Hrz/vCLLX3ghIHF0ZJD36jLmDA0jcVPjlQxnYJQ3XYhnVw+oCXwEY//5k9PlvRHDtZnbkG8omKccS9c0Ys3rXI+69e5oSVg+QXN6dqhAqEjdcggt6Ro2KkQ5DqEGwi5Y+R5HJhBOyHR+3edordxxCCkNmZOW6FsFzbknBofYvozPe0c/XdqkhN6xqhkV9mp1Lxo5tYqivZ+S4BK7rJT+zQHD+XHlUffiDz54aR4faI+iX1RQ8dYR1zdWXiPZbVeA7599TG7se4+bqIWfNFhrNIRlwtz7izoSNqzLcmSXdPyfsR7gTWNNINbh8jiGbT/Gj9hx1kGOcHBAT3OGgMgFnOgaTXWwJCxP8wrPuq5wi6vCKnimwnnWFRtrBSCxoQPKF/DXrCRCBYymZgTUOSlvrdZNQVEqRNJ3OMjcqlGMn5zSPUPQt+/D8hMWU1rXzZRBH5Fm/ElpsWN2nYPCm+XiHo7VMlPmri/48d+I1f3uObwcVN6eEpEqR4dXoJFiE1OHlKCQCyjWSDJLlbk5C7egKHblFEqiqGQiaFYqJ8lxEN136kP3iRE1uN7LS9pNf1ffzXaZTzqtqxfJTdNT3lff3fT/o99e/PUy/iFtyGFj0hBk7KSeRNevbH8NVYhmosO6yqgPnsztXbICO20e1vqavGtLftx/NTF1kf2xhaAYIuOywF8ZvkmWGHcX6u49iCKvp3dijBOu+H+nlzb/pEc0qKOB6XpGEc1jsDGbDeDwz2jU/ksN7zlfS7DEEAnqoUfZujsN92xUVJcrYhb7EP9r5/xR6DshJR8GiHxAyp6Y4ZqQw4pVuo1TQnS8F7Uq8ux4PndxPoxmZqx0kfB7Yn6I/EPSfF1miKybHpNXLjBenFz3BAgh2e5hV6gDVZO7c8fo0KWxy9ez2+09Osz7aU+/6K7qPrPuGFf/eIaBu3P/DoxZOPzTZspRK81669DlJN9OoE7jKC8j8nx6ZTd6mwL2o33nwRTs9hPaiMh1uFW/EgX4RgLLKgdvqAIuP0k6MN3D7+q+F4J/HtR69ECtAFtjCvPuFQC8xej29yZOL5zl+qdTse+yfnrwj7nrqbugMxTAqBMF8DKo3zTS4ttk89qTrv4k0UOnsI23awJ7vgZB+bfvVbmqlsHb0nb1Y1j3FOjfQVC/1zd94W/0Q7UYeHHSXb+X5jvV5+7iz9NlyotcszerxP81AOEnq84ZovhS8aZoaena8FkTcyrsKNjVUFA1oT1DFLHC/jN5Jkn7o7yKKRdnQGzcXTPBYfHCFjNMsO78ChwBcx0JgfgmKDGeMNwEkArUgCcYxChQmAKuQoGlUdqZgfsAUmk/41QL5ObNZX2xsoENk4Ac5h1XCth1Tc6RXifmEbQFljUx4wRe7FNJZMhmuA5zfMskaibaWWppjxLjR1IYpXtmnihJ6JKEnEXHrx2lF1v1sSm960eCjg5yhwfAKj9X43N/mB5Zb+RAKD2jAqQFUEZtt4SFgj1acBE0juGQeCIfC7eaMUewWBt7BXnfhGLrvjNX4nHG2m2M7s8sKdyAABAAElEQVTQVuZc3PCNnqYlMx5hcnw7KH53OKvOzUJPmF1t5qdF7Bc96bhqJIK3Hv65AcwF3//ZR1c0rMiSpmwZT32y7y3g3WJF+PAphVeJ4LFvxdt9ULf1P+Cuy6PB0GNDfKoXgcM6G/mSwlvCC3eCfZ93XPd63o/za9D5dTl21Hj+xBFpLEaoK0YKkLfj5JdW3qgqGQxqbdsKsC2gCOh7rrTYkp+S1Gu9qzySa899R3w5sRP8m8/lU3g89XI7if+DfN8gr1feAzh/7xo8v08WS/bE7CxYyfpKhOs2bqhtgvUcYKrCX00GZJg473VE/YVlZqHhh+uEXHo7x9rqEuS9NaoA3AoDPwWhiiREVl7SgKBEY2DJl2YzEbKaEw1LHwRFW3Dp/W1UqVtDMTtL9kQeC2Zo0u6/qiSu6bmI/QCGdAz2k6DzF2HpgWu2op+4TpEpDw+9cY/iUvuxL+SCN7t6H+iMq/fxYuN1g+8SyCvrvZBN5LYJwQDPJsiNcYaNVkphqkzwka1HRmzHcTGvM6mKovzvSHgIxrMyk7m/b3JNEXfPdDLFSfuO+CUqrlTFutyoYHOKI++PFPM++L2GIrUOOUbbaTN5RAfqz0IN9HM7kY9TKEsX6OhIOBShJRBeFSjao6I0xnuiQ4P1i1H0/2MfwmOXLRb1Ue0a0BwvqsflBk8XRp0P80/1Wou9TZ0KIvmK5175Yvb6Rl3USdbsJSgnVwcaLvFlGh/+5on500x9ZgsEC56Uz+ENjvct8n2NnMfx1leBPFeBej2mBaVpL8etBAIXeqpkAyXApHKnYbQD/O3rYJqHIPbO5qOyihFzEHtdYj8hVyfNZFyHjOZFiRMix/NJlUT1iar3syk/5ZKZ2cDLG/FIfFC/92Rkf6wMzWiiFJy7WOD/LO4atHtb60rWx5dRVhhBv3ZG5Ljba8n1vUz2qYEs/zf0Se99k1n11Vyc2xVRS2dBrEFQ16QJVTT4PVeyQJQ+QJmALUrbOpSDruCgSwX97PLLfCr1IX3Dq3KNqP1WDUkYzAIqIvTFdKh+Cc6BSvzBTKdkyB8FuYe+087s+qfstAz7V0yK4L1voZ4S5B1hWPf5xl3oQEZ+nq3+x8DXVPZFzDqA0U6viSxQ2QPz1RXgkuYYsMtR+s2HPTrAyFLRSmYVNW8YRZeJIe54oiP5rhbIl5P8qfMvn8hnl5sdwJZtyrrAfVHpcu7TiJ+FC3nV8WfJR1WZZbTmeLfyTk7Fjmbq1cm7eI7cu/v34dXY7eOKntW/Q4xfiV+G2zVSQw3GG9834hsADGki1YxFOyXSdClIFofSDE25x1t5BrteT9eqlTOktI1yONqHYrStuFT3Ka3NkylK+zt6yWuP84RPahGbimParr/CUmbvyd93CunJ/6mejPNZ41G/8C0hzvt1GGwEzz1WrcyB08xzEYXh078WBOCmXsVLI7cpF6LjP7/0eCX6IRjr2WzCpSqzW0oLUO+8DZOPtlqxmqzyIkDZYOLiCVWF/0BmdkU3HWLxz+mk+Ad6CJJhb0KlTOQ9kT/0+/dJoXpiHeee4MhfG85aTA3Qq2vl+KaVd1Kn1zJd45Mob8rS+Myp6znnoJzyuMsIawCmnllEBVWh5Dm/hQKQ9QuJiynGHcDyYnesSBjcU1KgKRhAjzlCQlkotUk5gQzdBnAM55YWKcmBFsLndlvlu0I29u4z//qmHcRWqk2C0Y+5xR51kYVQPcZB5u6ARi2PEyugEcRziCaf+Kp3gdpBkOemc5PNfL79B1dvAc9kruqVMExZWFHyjCrzFKmVeDUNhtSIsRdh04eYT7avP31UG+09OF2XaYmTg3VeCtRjTIgsyrGKxozOpm3YcjSi9bBbUcA7Hfm5wybmpdso+NySJk6aQs+viK/B62+JT7y5KdpA2R/qrdSSjEzjJizNC+ITpNZ9w7Tmc+mj4iWrj9ij5CKXr0srdok0Q9eHwchCcavDOYyijIQxXhv0wHgd5Jjl1Crl5An7vBfuCV3ocSW+8RUJHHg/G8n45BFrRAqN+LeMIf1yIl7qgA/u3s9xyWA1O18Po1qQwO+mtg/+qeoCq6jH2fKbg7EmFjPuSHI8d1GJ9pWI0xn0ucY5VuM84+9iVnr5FiWDcw/wWCgZkBrhmUsmF+Hz+/cs8le6gec+44XQWeeqWhY+NgU5PkFvxD5fa9p8mm6s+jQakKsKxC2SDWyBEykzrXIecSv2Kun6b2jnV9pWM9u02TRwv05D1+WfDTpHZ+DGLKo0PgIGNrZFZArHTfs8O+djniA3oa9noa+8B/a0DtQetRgAUu56YWZ5PDElQKWw0wjALyddA+4r+9kdPfemWd+17zW+RaKHszeqQIsrcvpCrRn/EM5aA8sZVnoTLJmiMvJSkvy0L4AHk4GfFLTZwVlz4DDtKPiOTTBSl/+B76Q11ykRGuVnISJ1IW7ejx8Ek4j+rXlLdLpf5rAurPMjOd5pfWdWuWhkS2Lq9E6JeENTupu7aWJaxk4z+HnXHS2/Yf30x+r06HLOn4z832G3vdHtxZZW81EfxZvPLd0Y1ROdTrPLVc+YcQ5rexzR8O3r/uLVOq4DHZOVZV55kvUeZdY8BDCojks6a7pgCh7Pjm80Vyoe10l3TyuVk9d5T0Qq+p60dFURX5rhxBI7azKB2hHSsCoXThPeKZ776nQyo1MVu5zP89lSesJ9M6fDazFFRgdzjYrifqTMc9bJcexHNSeGChQqfSbEYQTJSEqrYjIREmcqeHoGPnYRZ3mfwTnprtqAyn6/YBxFc19HMO+UEFcTMrzT2bvwh1k4hhrKlS8aG+D+fQFAYzBS6Md62cLXZvQyP8puPNATlZG6MrbF9WjVyop5DnPOS47nvX7ISi/Y9FUQBagHLNU9f0IqyvQAvW5x3SCbGQQsEVYLWaDMd8JRdW6IbstyF8AGQUR3H2UpZVmuJerzlMlZ+Jn9IWKYihcuhEwFzWD8FxoSK7OJvnyu8Zv3QLDOnwNoC9IMnZbLPHfUhxHEGl9S3FfBX2CZElhC+XojJBf0aljyJOnvB1PVHzqkTq7kJwg3FixgFz3krIuZrvL6Mxxm9r3FwEq9w2gWuia60IsIQYwiBApylOp9CGghTr7nDwW2mtrcpmltmrL6iwCG9wtJ4toLZGq7tVfDlBKaGAh8C5PcytTE4nfjstvnnY5KeHXiMVIanCTqMop8Nate+s+6UV7Wmh9dbh6w6DIRfFMUYHwLlJCmSSVOHVtNUcNozAq1kgY9QD6fZA2ul9aRVD6ZunZl5xp/IBlaQKn9yQvkBDDycxBknuGEiJ69jn+sEjGGPdEwD+Xm8PRv++IXGiY5ArzOUI9rYaTFDQRsw2wCoQKLET1sKJpeYHCaFkxXlgQcNGXOnDwXnB1zTOZ4YgTZPya/2egkMX24l1YtAbJGXI0oVETFtE4hifahltqYWNRkQ7s6BA2HxNUIxcEmgZkdT5QiNXAodRE+fZj1XhthgLmVkZtpyY2AS1Dxzw1kLkdc5Am8E76U+QSGpX7CzZwbLcH4Ej3KWlfzdUWSfdkj11z34P3/OEoi1ouVdAz7FdLg7J2zBs/Bit3xDAhm7eOADpPBYdklkSGs3NdEpK88cxVhbXQyVmQ1ie98J0t0tzqd6WT9C0/clPZhn1vT/cUaudspi0XX9ZlrCIBnIYkrPyPqHMKfcKtazYj+S+3VUmDNXNbSOZ+S2WrJ1JZyphoNBLMF4N6AO8JruHGfFgAGP8eWdEicJ/Frg9ZoI0AnvnRLOTsjKYTzOzRf7Eb3m/QQF7PpAdc7PUXPzo1gUpaJdUkbppZGdSTtixugZbx/vL2+EDy/MjsnaVce6F/PQboLWvnkGaoY1cF+JT7Lu3k1s4UDVCBqEjTDRBbHjahAghRVTjBWY3l2zZkbT+HEwQIpxk26pFVPoqQnqYeHcZ1qKlY7aMx+b4Civ3AGl2D6kvnB69OSvf5BIHpaTwGDiTVqa0DlF6N6+w26aKIfjCefV79k1wnSVnTl3ptIPcAXsavPvOrgZjNAy09KsuTiBtJ+IuhufV1uryKX5vGjrmCT4PyitYA4cbGXC56kWSTER8VVvNUKwlcTuJMDhVNiQoC7Ev3zoNyjnJxWjm/Ifto1PH8q2mzV8IGVneAb2G3KtCYBzceslFBxXWQEi1iqlescj3aorOYMidiHKv0Hw8LvnBLfrpDgccEjCWEJY98/dAU0UDQlmcvdY8aPYiyX+kLKHLDIleA60bTKRckUwBI5DoNke5UFZJ5NjmKfF49WuS/Y7EiHnqVkd3lZN/0EWS7YJiTj2B/xwROQMELzLS+I/GwSukBr7WuPYmDMPiSD6neNDZUpFtVUX3LVe/oRfGINhoIq+GtqgNju40UI60XqeSYnQD2RTueN/exyPp3V7qubPZv+o4bl7Pa1NYqatd1YDxLmN7JCRB8TlJVmMdAnnjVi9XFmH0PtemPf6CbaRcyjYQBEJS+Nf4e9WarVa20nZJQRpJ+eBhHle8r1/ALOc6yK2LmayXPJ8s2KqnWa8d8o7nTg2Y6dZAvcnjq0QDq1Bypm7Qo+f3B0+Ky55nuo9nPoKn0/uDH4Ir3vTUXzF0ETf2q46eXJo6HE1BK417lokMUGnKfRHKf7lQ3A5TNu3EN6Qi96CEZ4n1elAHucuC8rebYREOAG4BoDQF9QeF71QMfILhkrtYMlU/9wrN12/dkL2i3oqau1uP+OsdVe6w8yn/g0AnIULftQ/XrCC/m619oNy3+7gKAVrGrj2CuMDhcsK1WuYe1qhPFWteBcNVgTwNu7xHkZldgrSYxrVfO1Pqn+EILrPidCRikbGifmrAkwSzySOsAQyaZrfvsDB1HFe4kdSnvwmQV5QoJZXVyUCIQaa7E26kR5FYru0ruR4jamD/fyyrgBqxY6evf6c/OlycYLqS/6Jyq7Q/lqHETr9pUIwMaedtg7zgJ51c8DSPVFkR2cxFn7vsXLDxF1Shbq2VGBZ1fCoUwp/bmu/vtUhZUTwZgaCnqnCTfA8Y4DTG7E8acuQruTAj3wG12ByP/2hXB2yHNofT6KlX787LQ9LxE/9DwsWcdw/RxntYj2P8O+8s12jYqL2J5BZxHmYN9KjmIQUr6mXAsSOtZ8kIjgKE81vlnXtquuwMM6ANkYtmlKWggd7mfFTUkrQh5F03hxBrEPcyNvXKzujXGKWZx3tESK2tXDfkYizdiJ0sfQOTtv0EvdqYBsx8LdIr1QOWfDinetV5EItVbxS6igyXg7cFwHktajBaziIm2ZoTMGnm/KkIvgrJfnET1mDDDJEVgsDJ0wFDrdVxao7UbRCfI74Jf5rt8oeejimRyl5myQ9L+mtknB59DKhhnSuJH75PUIQqfJ6pU/njIcy8n56zkEbD8s2EgoAbQNqE2DI2N0iTMlA01S62T9138zHljOIyd8zlc9zWSMdxkrMmNt0gshs074qOeudy5i6b9ZdfIJzak4t5jKV9ONHZ+mb3Q2Mj0V4De9C+eIz8U871t5zkJHRjR+YLWwnMxz0pPS8UEAtEOpI9WKB3/DcPAWz1yN68t3pzmvqV+vTzyxOX0vNfsyc+hJnWl9I0EzN1oa6BTnAJf2SDA+cwlwMXpFo45jmETyKX1bOZP1ClvS9TNN3FzFfNrg2FlkTDNO7X3c3SNmFikunuJgGSYn1sc12XF6FRod7YHXw7ESftun3bD71orB/cN5gxMmooGfwkGv1y60TmpJdFioB/9p1fvxv62euVFfZr1GxDXNDRpjELuaR/Ylg6Q8ba11wfwwh+gE7IkB1ljkuvqx3v5yup5GuFvW4HyM2R+/HM25iJZZ1G2xEVIlKNPy27oiRdo5L4xI8+tQGjBrC3pZK1vgODv4eE1ejpEcB43GAvmeZJZyQssRUmdbm21BXxNuYg8dfigyobaRM0CDHet9NmLOM+ifUb+udj+bc4/ze9xxHGEd9ztyj2SfGsM5VYa8VDoXZeTKRifJfj7lz8bPvcDM3Xtf7ONZjcBGXlU4i/MxEGU8HhyiJ2ry/6kPVQV6f5WE/vJZSPPx1dXPLKmgKi68NnX1Z6+B4RlHNZEuryn8wZS0WNqryZvWWAYr/4Odr6PhU4e6xk+V9Mjg1S+lm00TaEM99QK47/HbtbzFr27ckPYeSYyyHixcO0W/pzWda9COupkDVM4/ziF7BA51WZcMGxznEWNEb5jLiJzI1evwaqJcYUElYlgvVtZsUnHrGE+4uR9l7L38mH90ra0Us+gTVxdnLHZyljP79pPiRGSDvTWjrmLZbez8EwG2GB0f98nzHN0tbt6wVwMWkljF4qGyO/wUHzVrM7Ee/Xa1XR7s+I109dT+a974CGzMWJ0/9THpAJmEJnIa88Ax/9MeEyicQjw/tc3AGtmcNpyXo3x5lOv93P36umaztrVrpL1OxS7SnmKqCLYaA1BrKlzzUHs/4j3FJwWcJFATVfth2DC3PA54aWuzZuzvptwQu9VtTqEiunrYf6UzMPQQ9baXkAwTYu/Drmt5AWf+KJeLrVIyzpxUPk1ZPslw6STx65r6opnYhR1rO1PAQV+4NN2xL/NPamhC5BhL+RXyW0bQmmaOZOXR5bRyfIblK3oGQ6RzytgOI3zBnXRG+e+BkT8HcXi01fag8L48EuE4i1axZucQ0ecTIpG0n8ijMoWKMU2q3Iei0e7AyKOHXT25ALZomApq/pSMEzOZ+E9TtGN9PRGkvkyNqxmaGgTthdqDBTgd7FTL+OrJmU+UmMNa2Xk3H3z979Vui5M4w12d4Y/szhP5t3jw6lgcx4EYe6qcPlOUHDZL6BmjlJ2DiKsu8BAJuSOyqP0YGskHTSp3jJIT/5IkkYfwimoecmJcJ+C1buHXLTACuQOF0UvoAayKWNjerFk+lNzjJ9FWlgrb5j/r4PBxZILYP0vMHeFGEFdk9+q5Toz+Y1+qWR6vCAzs8DBEHyi+a0eP5s1FP4n1XALkUCwvSH594WvKUjbHmzvoEi/kjeXBhNJagV95NIy0E99E1E+iBV1cnSbMm2nQS0TfVy7sexMUbiAlPiPP1VNfOCYEs1M58WttqbRiFS1r48cOofunor6Xiva5KsncT9VNPzBZJd5nUZAy2udYavEBVMzaLJd5jh4MjKOdEiNs/btjlbWjxNXM2rFg0JYmUtUCGSCyldalCmRGbOeDFFQxeS3UO0Cur95m0cxLNYEvKjOhduve41gRCFHu8qjLCPeKqxnm/SAWA9j/QE4lbgUVp+eAh5XKTbs85MZ9nGT+wo0yTjhSEwjLACO15jGh+QQ2cM/dD8TmCwS2F0uZQ49jqcUHUMgmpTN5kMAHjz7bp+SqowybsGFDBTJW92BSV33+tRsjRltF1mkeHbQFBI0Ms8+IaQaU46cBSKuM60WkvQmNXCVX/tRcOnnresERye0inW8wC/p1okNIyjzneqZnowUrOUYj7y9XZA7ft7UOr7mzX89zDlbS43bZxZ/DeJoiY2VY3Jxn7gTn5G/m8IN/q3oFapkzCbp9m+knWbG1sinUjJROLaKGsVUIZoIA2oxXUGutXqLJeSmfZQPEZC0I5Tk5lCr4OeM77diHj0EHhuhmBwIhTP6jrzKLeNw1Cba/RIr3ORAY91u/54Dr48R6a3qMkICHDAK/y2mt8JCYY+WhrOynOvzHOG5I9J5EOftdIU7zFuRqju0DWAqxUYLWnqn4g7DX77bTW1wcT7R9PJQDB1gZuSPkA3g7YeYAZbHJS5i08We/zBXBLif5v8b19KjtygKRhxxnMm5w6KddivDmg8gjBIcjIH0UjiMlPy/uHDAi0pX6xGvOKhZMgLI5pxl7jo6WpiCSQ0/yl++tjYgooSPDDsip/KKS1zlkpTPyfdW1Y4/vlSLDvySK+Xa2mjjdnLS8j5N1rb4PEJWM4uazTwH4c+PGq/aYW4jrAj5mIydbgYO1RzRmQA3l8WE/Z3+vHF+NAAbazch8wUOfuP16JBsN48wFOC9xr+d4jRg13v9rytnMcB6fsRzFfVjreBMs4YBx0BDxikDRj6h7RWabx3PjLdG1p+vAQMgrgcjlAZE+ORWwNxPYQOSGs8VABKJbIBWE84B/KEMMMHzZgnw3GnYVZa65800KeEKTGCvmSGr6iAjPof4vjdx0a6mriN0+koYSVj/GSC4uWQ3MCORsZkTk4+yHUo9e9CMcwZ624tNVbTVJ8PzFsGzIAvPePCzus5v25TV9xtOauhU17ckQMWLKzGoRCpz9RNRcZY+7r/i/w07Cb27UT1bhBpKA4aKZ8tQCZ8OH2CzYrupm2NRYvknHtWA/y6fk0+206wdvT1snCCYOfiOJvTlQcJhDIo2RaX1YkOBzGjkdQnOCk4sT4Knx2RX+cjPO92qzHchMyJoc+6xaL+FBAF0+acS6Nx3yYzIrXk5e+LUyO02FukxOx2QBW6I39N5S3QumMFMEk7lMAZ0lXGguFmo6HYhMIr6dnNYb/J/xgSJfM3QP1fVmpuxqxuJJXJ4SO9x67rQlp/q76srjfT/AeilOr+1sQnBk2sg9+jwChigwZ6vGXVOgbwEfFdDMB+pMERmZQ+6jXu5IbOsMGOMVHq0wEGUn/DaC1/LB9Mmkw0mutEvJjnP2cTU/149c+Cl3VSXL0BGQrkru+QZ+lP5ap4aK14y/YqTzJhT9ztc0xEe7Ru9WGoH35ZHUsX7jWMDsFeNiZ0qMJ5lDLvHCFJhGcqYE/IRJ3KCfaj49iQ4FlEeI06dzN9HJWGrQPNAfIIspqJNZNoDqGw40wJW58ufzeLLKCHbKyAMrx3rOwYnziDGCD6yOXTbnoBCZn8/0mtmunF/KC1w7zH1yR1V0Ziy9uHSCl4yVZzwyeE+K9LrecVdEzBJgfHRVMA2JRAFvC0b1AFhkshhOcHoylSoYGQmFtyNrvuUqfnWEfUeDD2KPvtCZ3x5itUgucZmOklb7L8X0sw98b0oySc2LI9p8vASMOp9UEvxhOn7C7mLr83NLwaIzoC5VEK478QvUY9eyRtHqTJekzJtPCMNPE3kSoJJP65H3dJVbptPLBLdB8F7UDA4YKUrCsHJ6U4SllkDkxWqQEMkIXgo8RD4qoElVY77ZZE6MfV85D1Udoc1rXSYR+DAznS9xTzr+po1r6ng5h11DHqO37BnfO69+Gqlq7PdRy1uZUJ5yfNQhIIVOWecUPS7xgeLlbTTEoDe59ME7OSg+LBkw9ulyXF8nGPUf4GlhpGSYplHni5n4zTWLAc4MrPenjNnDYz1W4Wmb4YCbCLQ14pwL1SwBeM5/P3dH3lnPfu9wVMDCLgwB7fTkfVEkMqEAOiXPBfp8u7KAxI6QiKtQ2eVRb8d1arAbd8wNDCf3t9IHQasSLvZY1G49KOl7MbVawQFH28LEAQ/slIAOkrAAceRRQgoQjLs86n9khOloDuHJB2s4YaQG3I3mk1ZoDMJPpE+MWRt8zenzuCroLswAXS1Bxa8h/OwkUK/3a3iq96zfZksPSJgNr8SSIUjbEmo+6d6TXvUIar6XtpEThPqYSK9jWlpex1HnWLHqjDypa0ESKGpmPTOyA3AdxJ2YnDz1E7tTAvvTUTS5G577XcxenbnY8z3aK+zj2RRNcTjE1U++lFbav5gWDWAxQsNrky/TzUN2fH1sbRCSflI5UFNp/qVz55sIXQSWlPib6XgJG0KTmnzkMdo7qO5fwLs5gBhx6DpCIr7+/5u+qAioIeF9hApNBOFeVLgLp8HgTwnVoVPLVnvSVnNraP1i7blPPogjt8qfj5W0d7zHT8LDSiDP3daeLqQraWaw9yhH9+4YtgbnhZ7ynv1V1/cuMl6te4FVIfWLZdAYEVRow3Hqmfqq3kLeJPGtGMaW6x0WV9pjpa4dBNCprfL7pAiqOL8nig78pXDqgXHNaR2/pxL01wX+X/beCSIBapMT5NSfCdTAj1XUPhTKZ1PulSQ5Dcc/N7px+x4XY/qwcHTt6HXfJ4IYlWNectLPGmk6wq8e2go1tLny4PcCtXE89L0x0vdkjXDqGRX2UKBk8NjrSUWR4xkHsIzjNwb2rFGfe84I9oNvMwqMaQJ5otrry0DvXF2oFkrZTNH//vPqb7Yznqjdsh9vmgtrfUPcYaWxP7VnWZt9dEP0fcP51A7tG1Ca0lsgzcmtvEbAdKtFzT42BIRkIWwLBXlKFJWZoEXNBjDHyIquIFGH6NGc/UF8MOdz32FDQxO+KkrL4toCMLr6pz1Q9E5MTuA48UH3d2PeJp/rMYrl5e58TVRx8qFBxV9BTcU90A9Gg1jgnWkKSMmjxjnEJjCD+RETU82MudBuYA8p+2fdIi4KmpUFik5Tk8j5PBdgzS3PaG2aCJzHQI77QxbXX09/Dnjqy5NIutm0j29edLQfE30AY5+mP9N9rWqo3y6v1aS1b7H2dMTui6Uf/uQoxajDZcSyAsQRrbNTrcN77nlvpvbWgPiCoal7xMhPoTihKoktspTOGbE0B1WzF8aD0ijE5kyWrtbLBWxLuUvijYebdszF42bzggv1KHndpIX4+3qtQbJM7va10Job8oqJmb8Wp79xH9jZyqaf2xcWuI1M7Ehnfrx21bc5N0YrojDj8cSniV6ZWT3iLut99PjkQ+8BrrAK53vNU1aURIEUx3S+LTiNWMb1IAZScQQnZsPM5ZZa+DX4AA0T54U0ryKtCt3umEOH3tYH1DSUz2Aoxg501vPB6KsqDEyn+jKXbGQq6hg9gO6D9ySOJxPQUNgPTBg8j6T9DF6IuajxJNzyOAmi1hKLEhLMmtajcFz/LKK/d17wPI/oQlDHTnoZtERUv8bU41wgnhMZ3oUqGyShi2SFf5Tp5GAVBfusY2IdK9N6dIkzV7AoSlm6Pza9bFE0t3QMYPLYTaS9mLEy3Hq6VBndo36dxTbBXefaB/oFBt5xDuZqHySAy6j4qFFAltBObPoy6Ju58b67aUc76LL3A6ob/3O6OJNr664Ou04wnlz6Q0r575tVv/c8vUdYl8UbeliTYChBYbfkh1xvGDTHhC9D4s8DtBnF91oPDRzK93rdcXAQ9lJYqKYlpatyWI4amkF+tRedR5eDsdRQt2tMJMJWWhVUGrkWdxVSAD9dnAInY+bOGt8N4QZk3hEwU+PAH2+YsJwKf8wEPaBxs85X6KjtRhE6NbPquPl1Gd/bthcH/iDi1/S9HHrHjbv1u1u7AV547bSWhO/WC80rqOzNXt1+wn16ja98TqAb8QYT9kw3/ZOt33cWPae2GaxAIOk9C0hkJxcBbQDgG2MevtPIUggKFgUas1Vvi+yNIolTCGb2I8hD2K9xkmbpRhkaGMmySXHPgsR8ngoFf/uY52+AoeJ6UslyYTVOqUDI/nTM3bA4ajJyY2uKMlGAyqNAJDcp42nG4yls19RhUajMwpdPonvSg+8BgxKgqyOkY4MAYZTqQlIK3JmivGohMVAARpN2doLO2pCdyidgq+xJUHE9jPm2USzFJWYkvH/svOkqCfbhFKYvdV/S5hqOHYrgyx6OenfF2JferWBposBxN1fE+76j712vv0LdeOMq5/5q8EZ1bejars1P2MdhMAALc1gzXho1ZjzHENjfBiydNYALdfD70VHYMMeNt/0SmzWHGgRelkjBvucIvMUJK3pqU13OHZrGvViiug8FMhLvNDsF5ErvjXTE5D2A0vPoOhI1Rs8Saf+d4Nqekwg3VBLL8fTXeOI99jeoR4KVB+M0w88Vz1WJP1+lcGlF642AHTvqjg86WSMe4GCO0RHI6Bjy9qEptaQUgKwxcAnK1RzbTZ8UJk+EdW+3Fg+vTPe64dWSGuL572B1ve6NpcvpbhozE48zO3JEB/oPmktmDrX/4cZaDP7T8T/ylw/iUTtDpR+x+KZ6KDXox5T3iMNoGNjBNWLzY2SWNVAuHOdFURIiVQouA4hnUtQAilw4CGPvii2MYNJYhHqdHBYF+8aySVVpZI6HWG+iLzNqEKKX3FMjAg4jit6lR6jFEafFrBBRNCOgXms8OShXUHQqJ0EO9VewY4ZnGk+tmv44oyvAwuoV1I2fasS3Sc7Z99Yo2OsnrVvy43XcEWWdl14voOrte5h7gSMQsT6yKNh5LiJkBo1a2WSg+RHZW4rqEF3dYLpA6NHSI4HcDFAYST0eJGEIVZHpwnEF1GVFQ6NB1W34gkYtbeSyGE7ox5PgRus+7X3pH9iQa839PnW6Cy3H3SPR1+i+VVNqu4ecb5/Pgzv2r/NYsHR8WhHh1haUG/a/8Emy6dE3BWJi6bHQHAMR/CkczBNn0VdPBmKdXFOQEuuh6TfqJrY8bD4C05eA67PACWbV2P+8aa3ljHnOwrNHxGe1Oq97UTFxsV6HF7rC3BGnaLBAXLDdZ8A73Z1nMhsw0eVs9pFazrXqV6DExD9gTA2cXos3FoJF7ySfGojTqd+8l9kXupFZZ8w5+68PCyYkueCJRRmG1APQACUoVjMxdMZ/WiuIpSG9nl6hYjUTYPy9btnniofFzKP9nWWShBY+YmOZsvhbuSJgO4NuC5De0GcL+APJsB+0rg/2/213wfoF2bdJNmupWBIbmNWRf2F0gF5dyyR+7iiV45RfiljBikeW1p8wmNq2jATHqNcR++TdBh7Ki4iao6vizADQrYs1gRskCjeinH7Yi3W+Vc13yuxyil0VC/IMoocu7UWS6za/VdefaeLnZaLFV23Qxgj3i8OjXQ50vBg7wZfN2oejttFh0bvrENWylbTSdrOP6mw8d38wB2+O8Mr8Bdqkg8RxsteHNBBVBhUg3743Nh8rVbZap4x3kAoynS9IRPCMY2ePJuggEIy2Jc+VkTOYYymu++9E3u/Or1/HDv2rPPri88Q7bezsO1ZGow/P9/uR3d6+ntVHHKuXXH91H0He3wfRav4//q2Dtp8XBeku3+WAx1sizheDbyTWeqe7tuCUFS1IyXcXpv5rMA7/u9G13mcwAJZwXpMaxebwZGDjBUWGIbcbb7Dd+nd6T3n20/iwkE5swU3HAgX79KVu55Vypj2k6bycUO1LbBjTsIwG/NN1yfBPngGVmzd5g843KoSwTMwXOE0h8TiCh5EJnlNTm6OHDJb8AsnAsHmhNOuUHScJzEybNRHPzQcSSR2ZN+NsPGB8ccT4qHQ38+OA+rFQ1fWmG+8ivIJ7fSD5dDxfc1BK02YIRDu6Lis7FF8OeObLCH3etXc0g9QRtC3iY413YAuuBTE/rOG73vQtovLyvNSC58G8dtv2uu/xTnvPTw1gq1O6m1bN0Us40IWFWypVkO+UrONHL0NOsvoNvWXM5wFVt93HtB9FtjZfsdN+PMGwIiwjctqtPutsYxIkgd9gXdi8Pgvg4+zsiLkgZzwCiXVu2bV1Ms9rhsIszSdkJtolHHCIwN1B9GPERQWvXW0YDt0AmvRJkBrkQ8SPy08MuQeYkxGXv473+nAEwq28gqi+mQZLNqSSp4zwuASdmcs32ih6Ax6xiGcpAkBFZNbKcXL4673OSOb7jx1/5OFE5incuidcmm5pfUGvwPw6LKmNac+ruO8z4vTmwS8D8+wrwgHw9xYj+lj0cg87DyjM3VmkOTwRQAz7OlWscgpwRVM/CqGxmpki3YpInXodP2F3IkwU6nmiWng6dAy0gomdpkmTprNlamxSVz2npTb/8rgx+hcOk1Ge5pog0OpRE8TmE7Wmexxtn8LgNWYU8jaTSw0Dp5Y1M0DxtdoBm3zzzqiem7UuuYLPcAJQONgZ2PTXpKJGA0DqGgjCZkSb+Kn5gnU367jF4tcjHHMbi1+lfcnatM+Hg0ywFjHMc9QWaQ7h+FiEMSyIqNgDdCQ6DGrb0USaL8JAWm1g+vFo61BTfY6nVP4s730iXjD82jvHFuapi4i13OlJ66Od9xcV8i/3ubi+5Pt2+Eo1x7vgqOInpY89XfcUubxs0uoAjWDfTgJSa3CQOFEb2gl+rsmW5m1eDKxx2xNeDowbJ/DtF0I2fk7HCtGBVPTGnU9DgoK2IMCSmJnhQlyK88FM5GQcPhDaQQwOIBK5I+S70c9rHjku9O/pGC37xzYjy2erXfBr9zGz7Jw/dxxsSo8QWX69JgIFgjcpqsrrSjskYBONXw4FkkzkuKxNK4xMA2TqK8SegWUgcgOEkMvGPeyRYziCGue+iNumJNn7IOs02vtTG5B0YkDvdFUdpIFCGNhvJyqyPTrYA40lY/uN4nQjwdTnroA2k2eKIITWUqDHMgKUXezvvHgPlC0n34cTNsu/iLUTJbTtv9ACdH4P1C0bgLRZz751c4N8mAyTZ8HVSdU9vJDzFYgfgzDCaAvcBBGX/tK5vArViBSsTbIVn7GCkfdCyFfaNAoYyZSEJJXcS8RsOVzRx4SNp1Z/pGc+arXt2AeKVPHgtw5yYyxeQ58sShnUbYHIwM5RCKhl8sg3KaODZon3Ab6AzTY3Sugc4w3n95i4Cf1N+t5VjrndqfJpT96vO/a672pUsjlR5cKVpiSDLEYqNZLVRPHZevbSS0YDnkHkgQcYUzlmumI581/6AnD8rfNc2t3tmHgAW/aboJy/tmLZ+2kXkhDDOU6weZCgLpaIGdflpJ5bZE6J40eclHey86IkF195FfOSEHmVTIuG76Wf6xSLNvEW34pwEienkUPrKOc58v013xZttH3QbRZyvmK/gFOvtPNT3tFjOmEhs1pgbU25oszHrEIWV4Z4q+GFRBrTqStpNXCoRcSZIeZC6S/Ejfpt4Fab9gYAH94feJUlDzmy3HhGI2gID/FE5OssKQbAmrOhEPVCTqL2McvcJ/NFX+byP7zWqEP4emHpM3il/seHuRasr/TKGyLFAcTFgnBy2fi4BnYAjm7+WuAoYVp9EFuGD2UlNabpPnyJ5S4UK+sp+KWzXyv31/TB5S4GpauFnAP5sEZ7fKBiF5wRhH4ygcd3Yqpia5DpsWlDLpjOf9KLSzdL8uJjiw2br+PqlU1DOKTCT9iBO28Ampfx8JgiAzP+ixe+B85jST3P/e2/VzLerqGRR9t2kg49Pax5YHFimmeLwG0mw8x6asq7FH67oK9zjxw36FEO/rb4hCWZgE8wnEgqhgQ270hwZBQ05snCpk91A34YzDdZOXtnsf7tx2/QzMjzvA6sP+PqnD90tJq1ZnYe66vCL8MseqLlVtM241zVQ2eeHzSeuO3SK4nWZyahkyhI74mx0uNZ9P8dH97jwoNTkCg5SvTCYB5HppLikdMXn9nsFTX2lfAaHmBRb/VC+HZPpzj6JnAUa2Z4D9K7Lv1mzCRBOimcnJzi/2SgX6Yrc2JYxEl28cFljlMrYQocRpHlOIBfTqCzpdFW9hheZI+YWdHBy3OAeYlXOdY7GpX9xkdG6/q4GFXXz+UOTJ7BwCceeaczmnKrOpqV+0pOOSbxsKCV1q70rIlzZ2Z0nWdMne8636vtGHrc73nZW3Tu0ZFdeCUx8J1BwQGko5SRgaPM5bGjzu8KMkkpg6MFaGh6A14cDLhONC6uNaQRNArwzbjl3PVzY2G7h83CaIuASkmgsPZMpkreShjDA8HulQWH6tjdARY8ODL2D+HIq+HcgAMRoxQBDUCePAIYvGIYyHjPBwv72QhfpnCifjz5X+o9w3TXfQWTgenDFgCme+Wz6AqRXT2i57ZvoaKFIsfQ6HKo+ci7ix3XqmijX4zOQxT+0jm0g2IcVUQxveCsmcjA9LAoO2cCFCIIu9i3LIqAJzfrHjNG2+prgps3myjbGqCQPkaBW+UCn3mAvCoRsgLxyiQ8PDHzAXpRhreoanzQHwDggzRR5v6FIiYAYURex063yzHrqc7YT2J+U+358e1Wcf16K+6zzM0e+EVB18uNwqe9Jb8/YQXNYYXwqdtbnOuMj3Ei2Y0m5cIbWoiydK67mEUP5cnn71mMOIL8wyau/SZOr93TYo6m0PIVz8iniT0KoKTK8/Th/cielx6g/GN3nbhxFy89S+BnSdafk/w4CH5hYrRTkBlsMXlIyCSDSXjCpG3bKiaOfDrxpaopHSwMY0Hws+whEHV3lsjeg8k4TVvNyW8rnIRSj0Y3QDET8TzXhmZXBaQs0lsNEhFGCBp87kfodAyuuYPetPi8MsE7YZT1jKjqrzPSzqMRem6+ckBpyCAMciM5vzRCURqUOIB86jBECVip9oWw3TCCKl5i1PjNUvckdoG/QPjgsjcSkWuLVOzCpiFodN6dxMwBrORbCeBEounE3GTJc7lj3F+bKnzu/WxH1GcwRnYyWQ0YlkqfTNUpvvuki95mVPA6WosWBHv5+5fwT8WGwnFiHw4DlT4QjrwfF7EkvBxHeezWDvRUJ94LKLFW2DWLhVQ0dtd3XLCdhnPthn0vqwJtfSWtJtAJd1OruWeKgMUo5SYeqfjGc8zuJh1G2oPjZ557l5L8b82OCeZjtDQE17jLMww3TVC54TCf9wIvcKyfZ+InS8HD/FfS+wPCR8N6KkYLsMex86Liw2NM97xow7MdZ5dnrsTSkWDRWcdDTfB44LpTf0Xe32Ko+1jZnYfgb/NZseN5LqO9s/n+GWVF7HHOOETD0F5KMRc5HndUs7Vgh1yCh7KUfOEObKQ7mBOeI1trgA6jVliT+FxlyvV7uNUddsjTGilkq9TaDhUozYR5MG9gx5RqXLEBYtuj9lMRgoRbqf41JdwKoeA37lKQc4C8mheNQkBouIqU+PLB9EKh4gzl6aklOwgFqAKg6ay4tAlw2iIncfLk3DH2vgRmPi+aM87iH+2s+LRxBtwHclCZDH2dY7lFzXNJj6adnn5IUBzrZvg2d+JFYCWA1V4xm0Wy8PcKJSHZpHwPAPpDozTc+Td2eq3jYF6rZxMRoK2PF6ABCh0Io0VUSd+BVqXUoK+ZnDMaOil5KDgWMZ4FEWszkAaOwhkXKgNMQHtEidL7sAhfL1M0mc22+PLM9lyKE+woi6wmijwBgl0Esx6SBgS5F2OnyjnEGFsrbnfj7Tft+LzaANv0LeeikVYfq2uLmhRIWPzOa5eHNkQuPAEVaoLDBZBUjq1OazDQRx3t43iU5B/A1Xm82gDL/pb4bCyALgdiGbGCWcBbJSSNcrpJNBAF0of8b99CUk1DrZb0SJQ1lARYo9fcLs+3vMFnHOTKeAVKLOXwC5oAj1NR6Fv/pJ9HOwKwPscK6Xsi+t2mTsKzlusCi9Er+wj7L+N//cplT0iV6VW3IKH2U+ELHeMe2ZiMFK+1QVQ5JtTqzEwI4xCvEVPQzVcKNkHVx1jugFnZuRY1EFEK6U7aBHZBT0LPfl5THM6CO7Wv8ljMsEIoeuiQc1/5BDLUOelOHnH9wxhineVBEjSHZAFCIMwQJ4dI4BGKL+5whgjwfoLzRxQqWClze4gncE2QY2wRekw4G3pPlFvck8657n0JTjwl890DCp+tYNdDUWuA8rJL+r8FvFaE/BhnGJffLB5r+W5HnC1XV8NZ/kmd7ptGaWpajqfZoCVGYSZcSiJONa1KiiGR/M0MZjt1r8uXn3ZPvCw7FuP6zlxT6tCIa4yzXoe4IiL/QzoR4IF0gOXiBAExim19KWFDZIqWMS6IDiJCmqhxGrnt2Apv0adCWdKUpv6a0PRQm4lJtJJvAqUQvlorSOftd1SMsL7QqkBmu7nnzJWftMuDP6/4Zhz5yNMZ47o6cucegIqjfin59NVkfR/oaqKWzG56uMFUZc1Ip/pK+LWeVPDqcASGjrfPfiXhmsxNf+kcDHcb4lSTa6Ba80Jc3MqbgGta1EC6zxBfnBL2kqOeinG6DK0BDQxjgeMsJcI+8Z86Jq3305tfZvF+TF9S1A/ych5u0ih/PFZN7olj6UvnlZPtE2+VO16Xy2q3cz+e9owbDLPtVJgaDdN+uSzzEB8ElpEgJITvgfHg5RqPQALAd6bkODg0ELCkoWFHPDOEVxCS6KTUJDz/Nd48zAeNJeI5DnQgMWcV5J7HE8vOi8vqhH12+gShxu7r0SdqhSNyeRsL6E2iE7vvuW8H73I6O/TA2eh0G09dJwKYdQkWAHhJdQ/DoyiJnTgwYyw8qv08lK3BNjXifcuyiL7LHq/Czlj8shdV96TXtPuY0t+EGT7jDYrvaCYpW3uzrln6HaXUIB1pzhsR8oetDnhM9DzCxl1jA21pxnIMRRkNbElGIq4og98FEJKD3sQkaZNGZ9Tt5KnlE7oRaFJoRJWq3qqzL0CgLlUcM5qW552mEoIMJujQ6SMDIwEhBrAZA5fr4GadMc+prYbosQ7rfxmjBxmXR/zV9zf6hwXA543cF9jW7tAerJinP3WXytuzBNR246ev5VrAfK2WNqRgxQtArh0vNuOrY67T73LaHJaUl9O2bkldrH5kQkGL81fiYyoamUYXbLvQQr2IHflh1vkF+Qwgn79TTafyTKAg9jDhbxQX1CwskEK8aHdV951wf2pacqzzg8lMP/2KfyPse7rk4AR1+1VaN/YIYM+4HuVyCG3PN0IoXt2s9/zqo6I5/+nFClr8bux7R0+snfu+2WxwMLpef1ziAx+4ykPlt+PZh/ZIgDT9rosqtO+DKggrfbXTF0ATUD3HnVYCPVY44Z/PlaY0AjuVIQm7s8XrKuR7IpuekT2/yYoMyzYQSX3shjfL9HhW2bdDF0BNv/hlN7T/6PQIgNL92EtKs32lbnzEYdYstzalVyCWBxcJzKOW9yZ11DCCixEaMsdPQ1CLo+siz/rItSNMdk3MLh2k92d64z63YFnPn9y2Bvtk2sIt8BZXBUbfcyN8f+Z0AOc/17ddc1WyDAREYyVZxp2MQQEjKX0VQhljJuGzE13l+pq/buGBMM83w1MODEBnC7VP72wBJyTzvG/gITsrSDpsRAERKmUyPUt2JaADkwWWqYQoYwRsJ/er/GoDtlEW2V0zizxIWIbykccYVW9mO8cbLjB6zfHuysO5iP4XRt/df/CeQFvYKLxUyF+Nn78+fsAuI3mPopcr71+CqvF/cioeBnW3DF9Ls9PIp+YnUZ42RILKh409NnDrYwIryOu1ZtqpF+c4ost51aOIE8+RCUnvA2nN6DNyouhI19doX8E155mf9daczTcQbuoZTn2uxl5xqIdnnoL5mEFMl8+k2IfgeBUf5p7x6NyVrJ4RtBsh73qfRKya+FZCwN0k7MupK0FbBPKlMdfcwLkrh0SGp3mauuAhAgcWDkVFMrHK7yF5F8aqK2jEOrm25gJpRXbcFqwaOwpZT/Z4uoD2fT0QN91RBznsBHuVPkt6AghyYULAFe4EH2hqwmTEkShHfMzUFjijKm/OSGDXMxMqVw2QJVZi/CCN1RSUwTW4xSUapuI5ejq56M5if9lP3pMnJkzSKBTIjNAVkPQMIlSSEpEHIulGrCjoTbrmoQiHiLYZYJbwADf48lvrN4+11WfoaseXon3r2kY8Cpp56Pvs0u7VWfFykU++9sKvdbX4U60hoLXzAhoip4aIfeCw0EMvEypc0WIea3sFrc5teJC2rYpSlzMWh+voT1ocU+t0lfiXDNSA+ZeWBxg6cEjN+EnBunP42ozJmm888GVci5pojon+Kuz8TwKKB2t2Nn+FFpmey1WJsaIezVn5EAkfFlxMMbukUpmuDk4UbpTjopUTeJ1ynueMud8NnBFZqc85olviG0co0V86BzpGQOjNJqlaXsDNBW7qNE0Peu6fI9fomznVQ62n68llAjOA1+hKuT+d4+IiazgaChVRM87SCG+f+T5NRdF9VkikNUVPuRp+Qj/Fdw6Utw+krJbnxAmlXT4dk4Hjk5sLFuyjszTa7YNW931JPXPzXDXqs+DOysKJiKI9yppjHGJHP3k5MvXZvqZLHzaZkuZlimYe+fu/xSJrbvsPQBgqWi4i7i6GwVti2SyVg+VhglsUg7Au4nqlY3AceIBqgZqJBechkjrBkf7tyAbaUD23bBxv+vtmjaYvPUJIz/nctXa3yzuTo82KLtJ0x80XTbWhXmudBLGaAGqvwyBsmxEoPmGcZDF3xC6aP6nlZSWgKvlnbXzX3/uY7Ok9M0GiGXeorH6VddCOIsPcHoL1R91GTx+sRLsdxu1pWKsP/tQ1hZG09iPU6x5FTjfDCoOQrbsqAt9p/ekce8d+xRlfloQumBIKbydLaNrKE4RrH1FZcGcMqlB8ki54GD5bAanjNFQSNBkwj99RsL5mEbOOwex9DIWI6LMRs5mhFRlNxgJNhtpG55gWPRgdgS3ua/snyz9ZH82jfzkj6s7e7kXfmL86dV+rsqP3apX1Dlv76PnIMh79aQ/jhh0JjCDpqDDUusa1ViopEXXII+HsBgqWBJVXdquzcC5XBU41oVvdAjb3CwjOnmPvQaJWtuSds9PmPTprPmuxx1mLkAZcV11yQbSuIKw04Kc1k9o2ZK0t6EVhXbs+Mn7tezKE17tXaqP4KMKviILVX5+PdDTaWFtJgiRitYZXUg0/YsZPrOQ4k/92wqO2K0UtzCJa/lKou5v2xY90TXY52N2MRz5v8AEImEAkPkBDS8CH5LvJrZUfLPeMuQ6sLbf1QiZTbb7Wr7dTLuiRdy2cBZ90xqjem41XxvkZd7njTFbNNNXtDT4wQIcJ8piHUYV4faGcJh2uaTGx+mnm6Vwu5nKl55es0Na+IKxK3cZBaaClXEkAbMaepOeuvrYRmmlm0EcuUQTx9CAVCoXFy2Mlz3M2+zgqV/LmO9Kjyvkwk9Z0VBF7XhLa2fy0csKBOQon3Q7LOtxDhz3mQGbBSmi/cEiw+cXpkIOilc/SBhOmXgbSl1FFjOAj7KU/f6+LHiw5jq79DL2A7yhkgPDKbfQ589Zh4DbH7U7h3f7gw+P4oSFNkJ2u+sYH+6Mj3biznChfiEFLG2EBVLoctZ3Ddl9FA3pMgHauIS9YrckzZ+NMK7LbuvM6nzfsWVok9QG5hcB0FvXjM6RAI0EPWyQYdcRXcLQkS1X0zJy8vCZQmY1+aJgCKM0J9/vZpYIoLAuT7wP26hBen28Xn3bgj3Jxf1wi5vGm9fqM9Cy9DkOvRa7nY9Qv5sQ91aK2z3CawbhZiRNeR2sd0tz2bvJZFGvrd2VlyepZMSNcGV44Ufg8c/K80ziwUXJaFvQ3imDlBIkHuPxOGjlLA4dxWxgAkgUcSfwL2zMvGi125Nex7vyL6KS36OGnzCfJoMVNpoVzn6l0kp+14PGIDoC3VkrmdUDuoJT7O0Ch9mb012L0NVuLBpiha8zNAwVL/DrA2QtnM3o/lGaWt/Tk8OuG8I/LiGxcFsQ8y5hdG2YsdCzDkucgf4mS0d5Jrow5GhoghA2qpib4qFw5IyMMocqfzdR/ClRh/NGAy1KtyPN9Z/z2XsouQxFepe1Wo1HiSKg/7Xr+AwjQx9Gx9YH+XOJ4mlu6zGduJoB6Hk/wVQuHWPCYE/Wg0EwNW4s1Y6wYCHAtTwr8kTaB6F9wwM4CP5EApz+MtzZLb7Y0QHJs8XEa7NB3SOpE9PUh18vrpv0kdlweG7ky9E/vFUZLzEqrwTTERgLnmaxagZTkX01hyKt4FjA0LQVKJzZ4N1jVkXe4v+vP2t7MdnscEqS0r/zFzery5tunoIZJt8pNA6BgBBUbNvMnLggCDKQx99p2X6a+PvFulz/DTrj5ptP5aow+JWCUWwHf894canVU/fqXrSnXtCzICjcezFn4TJv6Obm7WRdcbCjO3G+X5xfO0fuIX7g96l1l31vW6T+K7/lZbz9/0sw7v9uXp1NLx9t5I+9Hh0fzMOCm6H2C9yYufYgVjh7oY1fm59yYSL5e2OUjT1lZA1ofj58IasPT0m98VgdUqz2NnUE9+8457xyxN2lCPIbhZh3o3APyL8YpAR2ML/hbqGiVdZdEoL+2bz1U8uwUbN9NgrBMDl0fSjtToxzWVriTtHoJ/fnhWjghAZK5U/VhjYTsQz0nq3J3gp03pQAAQABJREFUNiNWWfPT2dG53Ln8xXlYkSM8YqxnNxFa7j9aNqS9O86xTFS07/P8ybQAkNrLHQ8/9uhi3gf9C5U6FHJAoxnMUa/jXMeEg1MxnJGt5qOFa7YXISnLF23qZVm5ViKM6d1LOoRItqrsM9A3frN8PrKt14CTSWogTbUDkNrivklUhLYkWAGqExYmkpFERvN8spqnzGsgpFxsCd7erJ8IpEsyvorTTTsTKKatG1k2x17weru6i4Hhmago+50x0Z+Zhxgi3M4BrqW3JIiDlw1GfZ3kgAAjI32Oe5z1JYsXNhGfsO0dGbDw5p1GTvvBbNDQIKWm2MjrF4dBWgmCnbxMytibuQg96SzM9GT4LVf62HvYcgR2eNifYTfMYqo0upMqx4ru7D1X8eZhgS+2uwwwLQtyG+rBZZNeQaylnqSIFN9kmQiKljgGgo5+O/gbXcXa2+INdWN/12O/llvuxvoxHfVl9rxg/oCGQZdDTUbbT062MU5moxibi+hdzfK6Dj/MrBB1MKOyfpz4bTuVgD62NkHP22haM+hMjkJisEgywI/SlvNgKoYncJP/7tfU+aMj6FxO9DhAs8k0aAATktuJKfH6t+gPCmufnj9irZP3JqCmpZf0SiB/ZQRNkDAPZCQBCsV/eTJ6ab7Zl87Q5WwoTE4tCvD7dbkC3gmHM5s1C+ypP9T0k1n+KSDQMQLx9Sgtv2lpa4jN913RXuN80pHCmF4OKG2tHgrgQz7DUdd8Mo9H1ICIin4OybNrRpXsked+rpNXMz1yC1bmgsbCPRxlk4l68TFd1dB/IdpXROUQQi8kN5M7LPZueWPaaqI4sKVVqvHrhjQIwls5SBgEnpJAEblX44NA6SH/BHNjVhrFEan4vuXUi134EFogCbbpgNLcDMeAcI68UF4jbcXI9E1EjBB73JL0AbbcildHxMpbUGC8nly2agflNIhnF0k9d8fv8Lt3nq6eldeGcc9c3i1+CjFw6ezwm/wTyx2oQQqvj4vN8QP/uZxNj0j7DTtYoxENvU2AMQKKOcYnHnA8djfq8gXR9qWfJt7brhfxMKgEk2LBasEWu+Z1OOnnF+qE3a6nWlLG12nJvAQrPAen/pi9w+3yzH0Xx/VV/ViHdsXV673P9ns42AeLumUvmfddobs6Bg2bLJWDmEGXZJ5Xp0NmR87+O9yUjuAd1PKAy5j2VeQEB4jM7bEETGcU2m/9R54xxhc8Jv8fd9+i5ciNI+v2+v//+NqXABhAAASZTKnaM7s6tohHRABkvqWqajcmmPzbfYQfioWOmiSFajoin4K/wcHv85+lf6DLzYQ24XM7yL4ifz+HpRwCO2n0mcYB3jy0J1jrCFcS481/PjY+hDMKmsoCfTRjwsMNFO/diA2UiM0527/HKz9fIvnuSmyqVt/0tr1AF4BX66rlrdjunaawg0Q8F8cjrkTlf7QY+DWI6STMB05XL3cH0RrlLi1nWhUH/rtRtuaypFagEeKabDdQDUXvvBd2aMtvC3eUHLvYUO1cXeVN7YHF9GOKUwmJfO/qH0ggLePC9WY2O+gTifj7PZxAaEZaCZu+mlAsLtm76qdpWLGOSTEIUIia/AHzLCzlBWGvHpsxguxxUyQPPL+Uiaop/Mo59TFzs4zOAb2kGl0fHMOZ00icSTIfOGjHNOV9RpoiwKJMgnDSr6uC5ASY6xgo6qHABBM1CUdmIEKxyEyXSaEKLFZ8zRjiL52XZB3hBjQeRsHnKT0QNN3dHuxuyrOe9fe0LJ6HgbNPFqN5XycKEPMfYdQqCHH14jig3bxXuM1xjc+I1HmCHHrpdPdwuqw/1Ox0b2N9/YuJ3hZIOJtI3d+ebi4ggV5Fpe8QCwUkmM3IEKWB22A3IZbYQPbhB/JDmnQNyTcAlFz215PuKZc0D45o1EMee/J+O2OL1kNZ1Gy7cG+IYpR2OC/+z73yfuF1YOT0RdlBeOLsJlYPnItq15CnnpIQwFiElHznQIpZrewA4nc9mMN2y4Ow8Ic98QyNx/eIhgX+7Yi9vcGn+sDZN+iCnn/HXPuUY0g2tx9LvwyPvnjaaefXGvsjrenqHGIptHxmUFYIciuErin1oXmrdItb25CVXdl9dGXXyD9zn/XtOABY0rScuwIjDnzVXn0Rkdfav8XLPqXBXWEwDqOUQckNTHpP80w4Ju973lJGQteGqPLHS9GT3PNZ7RFEPJuAWgl58MA5xouiRxF4egELHHNqLjCOGhBGeRzQV6MoVQWoz7gMHexVnQ5c664YlLbMbROl/1U2R3KRyKE9yEXmB6w8Fz3uR724xtyU4Mby2TNnsL/4Xj7E784WsTS531N3wSmolDjrCXR9YVZrNkkfd9a9RtQDJiJhWc46sPfYZr/++CsdmdkJDbJiKlx02jIEgFhh7jYj3wP2mJiIWKdSuQXjRQdiUUzA5DIu63Am28u5NafDG0eN7NI6v7ZmCRY3hFbruodCbefIwdmDhjhedHQRFSsgMY7giTGRhOQ7Cku/fkcHPfHFovYCHk19a7Rq18+snfq4OoG8tWrt4OX1WLsOZLYCudOWOFA7TNasXu7N1GQX4PNB5dz43W7Un1eyGmaTo/u5AV/nkfnferk+aiZVDmZ4grnzKUZ58sYFXfU746antgKIfU99tAgBBClJs53gkgBh4shN0J0DPNVA6FB4p3aIh+oC2qTwA9PSmj6sC7HBUuuLtAW6R6Sbo3AjhzaGxPzcQIGpSm0qXRiXZFuoolrQRbBZsgsWQ9DJ90rYp+TBvZ4bZYssa8glRxufbTXpn4Vsf0ozHOnoZ8UzdmtjmbYASyzzbPGf9ZDWT3RnT6hp6yf3fzLhtTBCPpVtG9vEKuoRV7Xa5AaEg/nhzDGdARom0GGwGMvEQR4kOU7FPeq04ofgnWAuecexoi+wUmQD91OU5BWWO7Jo974RdOgUhD9cLDNC9yNrrfvH2jGOiOczB7jxYFq7WhcPkYrU/cdbdWPArApqLbwUWHmSzjUFMyJzQF5Ge7GGwO4qg80awfxnPLD/0EtFQ3lRzZutTIZ4GScyhhWIWPI/wYfXvbJ+IHbxgUCBbgwBsyDjjSAgaQ9WlvuyK/9ZYenHOaZKxbjCsxFUHDjPHEVMovNh8BRdquyGAxsHHRHIdCqMuFojQuOJSLAfMOt+h2nfSAvWOg3rxHPtf2l6uUx43of2v/fWuUCDOfs9H6ieFerASUR2i28e2kUL9aKCCE+vSVqKEwAnha3z+NMF7+SiDlq65QMHXiiZtYtXHPuFg7mWMwAz3tlF/4aMaQYWImsmMA8WqJDawgUwweAQlkMsJXH2/bpD3J81qU8S9ptEilXT5+BGRnThdBmjyQbWrkf+LX6WxIqW6Or+M07YeGjHufvvubDuC02/rRQjOhDPXmlLzJjdjOZM9sA+jV019EDLcpKgnNTvFQm0mOv50zQ4zpffvG6z5OXUa3dBs965JhrtYnZ0VDUwNqPAo+AGZOE0xy0SYs99QE+lBk2/WSddvdebPmw9AmbPehyi3MBpWMtKcFcfhF2eGuhMLVISSWro9xunkMg9tUuwvTkFMLUB/PzhElXSpBC8GDEZHivtpfYGnsLi0Pxrxd4HISn1UIkO+HLuHzGobHe5pOjoEX2qa+d7o6ejJSmKs58+6mEENdd2rxUC11FTBHFo1jHjs7Tc/eR8ZcPH/RJ8rNtT9cCbRQ/sRt2VXwuG1I4jiLyJ1vb4vHDCCvNUB7vcGSPZtQcXBlnH8cZXM5kMXhsZS7M+BCXDcQhRnDSZxcgnO3h8kHQsvs0Olq3Dpk/qD4rEREglssLwGChJ9p3ZGWvRa+oil7ta0teBzzuQErtd6ro8Ad90Umdf+zgd31RymFNJi8fGXHqRABcdfq0J3YU7E4KX8wNGC7PoiNQ6I4Q/UMe6zhJDEpwcTnJH2l7OQuAQLthe0Pi7hSgSaf2EOfLe6UnfqsQcWZdt4F6OXBr7DZ9RXsolOGsvrUoSwWGL2S8lgZL6CweNQKqlIglwC0r7FjNgK8CdXuO7KMS5zy7WVGFKk+ZQelgfiRMV3+IHP1/9I763/KF9TqUquD/yeJDyGMnmq6WJoXesEsE/Mk2nqqEKSSJUoba3E/Bs8n3VCYnzq6wL1sHtpYdVCe3WTI7Lx/g5wnj0EDEpvMcH7nPL51gksH/YWmAB9r1gzYqMuqwltvlzbpAGUUrMFMzzh01CZJF9jyiRRsBZggHeBAeLXbmz/4IiFwQUp5SYeqFXwxIDrm1s4AbavX9EIjH0ipFSakpcu5tjzU+f2wB8A1U9X4MtaJNAn1zwAAVs0uBil7o9f7zbB3G04MhY+0MfmM2K4Aij7E4EfN80DFebOUuyCUjPourKZAl86Ink8imI5E4v66NTRYfIwRe1+cBeybOQMiwn7xDQ7Ah4jwaZJBuwSW43PPDGzoKpbqpyiwMp4xH9aKSmWJXCQ5YzUsX8PNdZfUIzf+aOQ/zu4R4Wfbi+GBp+UVg5obWr59IDwLbiJUCv4lLGzKf8QmgD555tewjGqqWa6tjthqpspMDhNGJoqX+4sCywzJeMxGvMGHg/Z4FiHdRC7n4ctRpyE3JJzQEg40W7fAOHNdPrmIuVPqa+Pqhv9NGC9M8QfwD2ji8MFyOsiHZxgpg5gNzAzC/UBuN8MTy/MKdiHu5QmfPG08vlKNLemHuve8Xan1AkptRhwOZvXZSjbwBW/YvCSoFI5Q9/pLAPNlkNxU8VGSKr7T1kMMfYprtKn8axDjLaHm+W6CEnNjoSe74CiEg/DlxlK1WCXKJh2zflcmPUXhkbRoT0of3/hd9b4x+j28zD/ihYx7LZYE4PU1gE7vBAoQrJtOsmR1eDJdrZjEWQlcbtM+7R8EHnWSOyV51MkP3tnpXBPeTjzHoVBrrGakUH09omFmQKYG9DD/ATSB0usM4h4SeUtdgWrPhaE5NjAeGPuKa8FNcH2JMzAEyNA78ZO7hKjTfJqd2BNnqCb+AupbQNyCW1qAvptd9PIkW8uC7he01EPrVy76yCeaDfkVsuUIz/L7Kp5V1X+3nvGFiPXR5x2fvrUYHcpyMmtN0hPhUevIt5+afVL+onaNTAlyBomM/5+sCeeI7CArTHXw6SAMxgi2D2UELGdbNlLPSY0+n1uMz6Nzzpfu0l5pTnOy8VM73ynjt+5kTtpMbhZxGl4qZcHee7McIhJBZnlDPfAsXRsCO/UwhsZ4FlOvA6JGLAyDhY3gDiwEm6ic07niZjxG3C0l5O5Mf/D3AlMcdUnt+d0xZog1nUBTgsvDYRIEAuSoBk/3YxdEEcfln/fDyBfR6haig0d+acs0Mji27gmEdOt1QJ9vBMTqBW6a61otq6vXyC4mKTHtwf5lI2qeqhlH8oPKKICYDtREhrJs6CVHh+S6SZMp6+2x1jppDHF1QKT3OvDSw67JDAdCN4moOTRJIzJSzW9ww8xAaFzK4HjYFWAE6F0eDwY+1GfX50KiXsx+JFv9EO7PyjXwNTfxUN5w9UZo7Z1vxjiSB+YI3GeEc/KNh31VjQHogH8JrFXGscPn9QipiMO54s+bGTJbnOE9ry6wxc36hWATIySmR5bRMLsg14DzMLvwOfco5/7MfmFZOZPgTmJFsZCeqrcBBWUQd59JXBhdm+Fdm0hq5sehtQqhGYbRsBScx/z6EGdILDp2MZc/Z+lolUxPAXjLMvDOrnAr2D6DW5trYDp7jUl9cTmc+4V0eVyc53VOGgVURmeBKAy8CPbOlXBK3KXqIWPOAXaA2gisRN5y/cYFlqEjRndpTrLAjaGAjEdw3sLwJgyrjVowSZTCV73Dru2yBcNp91Mx57xj1v7rC85FXywT/XWie9xQ8onWM2VafeKkt4SUYVWBgJuJgZcyyycLtA1usQEmt+k7LZWR61JufX7k7pIHBI+UoqZixJXpXs7WZ4F3/Q2jQZYeZbVN/lTVOcv+vIUMRDMQkNe3uK95of1nEaCnpgY1CPG4SFe9yxyuu5zMWhPhb9t5qLAIkfzLiuXAh0PR1ohxR1hPXGeMeCgKHBHVEJkAucjZy4qdPj9Rw8UpzNdcJLVZIDzJOK5FviiIO7y6PG7xrl2rg9wvui0irabhCuBkwzNcHwbaTJBAEURDT/ULdpJYWgiebTB10JaY7hpYNgMmx3CfL56yIZt5uv89MkuULYuQMQctTRHu571w9SRkp+dSF/0x+6sFyTDdE/Ahjc27FGsffV/cF8KeQTSmKu8dCP/eX4AcL9xl4y6TPcuF0fWIgul+T2DvcvRVXyQq9AWGYtViaNthMwMCbd/HoFeKX21zsE9cHSKEfpYg7EOJCe7qljPoXuriBQDTZ34sBiCOcGV2iNi6pNKoVucYmkjh8xa+oQea73fg1+h6ZtP1G+eB1btv1g+R12286WzGUsZmVzJlphTETZ+mjz4CxFQmsHuXbKJ2eIZCipmhk3m0vqcBhIkSKMvudVcDf32t5aNUf2+FKfaB2nixGFzJ1uF5fYnXJGdVq3StRqMntNgzQP65JoKJgR+m0gs+o+A64uzYR5bLIxtPERbOMgbUbnzJo6aHBYM7ah3hUUraRjjrzrt3i42CfMtuKawASUP7eZiWcs6y89Zeidx4LMSA1xYmufzidbEhIoJ/6uJWB17BYnAWy7Pmlx3UJ/56LQg+BD+rqm6GhJNyYVfex2a+AxNhUPqUBHnV2lwIoleBGer2HikEHoOBJVcdoj93Bil9oLdOTl2lVrVJzWrMHGb3DyI+396+6hPX1D3+j32jmqP1Y/QrIaf5YntHCxpvGzCYjI+kjpm+MTHMULp7w8DmDJhysAR2vYH7YDpNa6xFU86whp5RRRdauOBKkvmIs8eEviUBecro8Zg9xuIQ7UXQrrgP3g6p/l3c47V9GHdj2+BsHvFQVjE9EZY06TqlMTOPw59oMqjBTQPaqNgpqSHByaIltCgCMl6XN1QoAEkTRG0q6nzVWVpHJRTiTRjxyejyj7Pk9l0OOpAOAxs4o2dYuyXXHf+KxLMysmo7gawTj8tb1fk5AGpu9hRgEKWmtBA+Nuvi35GITiEXSdHA/s1Bppk5nELE4cyuqNxoaIEx/BGzN0vY4aNd5QKbRpYUxVdLbZqRC1SFLNM7PwcAIW5rCFq9XLxeSsmc+JGVvqaYfrm3IycQUdI6XO1FokEwzOgqJKwFBomifWit5F9vo7hsRr7eozF7m10hpxnqaEOQx8pSbJRIGys14bi8IM6DB/36bsitEDY28qC576N3oJkHsj6QfM5B3PH5126anWnFOsYfc7SUvuM04mo7mtoOxL89S0tKVzNtAJqlUBwHTgX7UE0hXYGtOLwy3+S5zMZdPifpogYNz0cNBeGay1r7w0O6B8+WBdVrSTFRoifYSYuLVFkbgLbuS16AmzkF4F0kN3YsZjEofxkB+8HsecnQ0t5OFDG+cdVIhtFQ/u4PoyYkl13TyrxuMqyrlZQY/I8VkKfnpwnGUaOHrPHXQeN2pCorfbB2MNOq0Ra3rpkag7CDAFCD7HKAytkkZ4Ng6RERaguFtCUHfW/VpOBa2FwjvV8cHIWOS/sdje3zDGvYG27LGhMacktw34ldkvp7U2xvWQldhSaAJH3FLynl+IgJ6zb7y+KdOnKywKYnwoAVin/kD1NDRk59K7/CEWMYdlQwCz6PvawnisMAvscLuqM+40N9bN33Qh6J3ySG1ecmbtj64bvehwIy/hG6FC31Nu1x+Fi/CXLn3DHkq7RYj42rROMAAu1m8KT5MRm1oPwUarCRHfTMOElu/cHnKDuMKy+E0NIpIZGvVKx5r2u7mjq3FnsP6lXJNjvETgS4d0ejLw7h2kXd7jWI9BsP88o2tC6Xw0IjHhUq+EmgBpZ/O63UF73qeWRnKxtdGSP7u1V/Prn56K7baqjVO7kqhP8d11Y6U+RGpvAUcmtBEBBjd9NY78MjJQ7JCeUAowdhEqAaHNZrbbmqQLO9y2p9N2ydTwMDUuepoQ41jlZ+3UQXJe1HnNe54bJAMZ1t3qv+h/B12b8PPojpLj0jNEckbDPKWS7t1bwqwpQ6WMmD5EeVsAeSBISPXNlCgKsU6BLM3UfPU3Wk1feEiuCuHH47Kc/fEwvf4A+8Cpvrwd6o/sc82oLhbOQ9HJYc1QGiOgLCm5GoePkfHJBgAP6vANhF7NQxNJwB3BxpwkDC1oc0zseC3KQtWgGwYubijAQk3xSVXMkeIsGE+j3CfZ1yQmqb48BE+xpMkOlT/XYNIJKbiD6Ej7Q7vLjOB8IreH88mfUjLgNUNwN2vFjEMvoiJphkOZYlCg0KCZJ+/yUUOsvnmQwWhlWAk2ELfj3MpjobifYKOjiFTLeqnR9751QPN48eFbqtZPJEHunA+FbMlGCfBtTjSzbXlbyxvkViIlTC+FLh2fhOEPQu+6LbrHbt5gj0KetAd26ni32zvDDduYRiWBmc8XDSdtDGjZqCcNR86Y+3vDuqj44dfQImGAdRYL8DmAK8JEdpryu87+sA7A7BFuLnTRX0NsQi675kYNKVMT8Gd/LtAZwEruBj81mBay48ef+0RA3ljaz76p70qZLjTEg921aA/rXebz2KmeqdLcN+BN+L6pIWC7P9W6Zyfk/kcPX3Yp8I/ayaRalT+e2ZWonDTB3+KMirtmPq53XoeTLOafFeAhe1L4gdwsU07L3wujfUznVlF4Rw4luxMF6mo9wtb6knqs1ZEklopU0H/Yt8dLdNiugGzsmni5A+CB/tff/Ej7pz+4xyLMP2h3WjM0G6TVqv3qBDoiA2Ebrr/nAoZLZl2eYaA6XmTFki2RarqsG0EQuSYcAFjPdQX5LIUHRSCnL67ef816o1yqCAe0CftuENGD4Ejb9Q53hcCOxPhP78lH6B98oo5mNGfSw9QKxARqZsitppBPLxGdGOgLHDbo4lvMPyoJohDoZZxg4mFX+PkDJCJVEw1oHDVHUGQ1B32MiZDUJAMUJ3ZxxmTbi1O4ib0XPutR1k2ebjc5BzYG8KrR9N9QEHo/teVMAikd3+sJjSc/5RDC3HrUBJ+G2/VAwZPWu9xfPK8qX/2QxskQEVoBhK5G46U6yQndFG60LR94hzQhz70w9vWjwK+HmwL8UTKcllP5UWCtEdoJ++BknZcaAmeBlt4Gc1ePGgZnWNTd/H55rnDv4efHGkaq3+SfQ+taPGrWNUYRIa5yyLbjudZO7MxqCz0ETXHUg/Su9EYn3fhtMBaGMAodwZYUKGhb+ATsZAs/w3CzwOIZwZnVLuIrYIlkdXjvdRbhQwBVDpA2BZ7eb3qLbkwOUK3Ex0FXdWNI1dJbdQCZXMC7lFCRq3aRqG4cC6gvN7EQq2jxA+dZwGVs0o5rDW64BVwEURSN0MPdCMlfBf/0JQ/T+JYd6oscrsWy08H+oOA/45faUWt9lLAtZe8XD+6v62NWmKUIwEZOYmwzRuzuBTy0OsxdDA9Xsc8KT/Qb7S6MVjbl5I/QdZsPtKbKVAJCXKBklPj4X4b5gRiiIxIv0EGNzIeWFjxzx32KfEmhx0ZbN/ctYvrBsXwAMfGoArpNw96X4puw4aAwWcPttoNkgUTtydgOjDdQNIL9yeJAbqTaglNrm9trSiY6iXnhwwTpArKMW7vj7L7eymsiaAoyLo1ONpwaBl/irlFB5idld9zoSb85imX4kTJzLXb783MNXkBe2Gfmtwj9hj1KlhvPSFid0aeFuOG1hXzyrvngVnk/8pUSuKrAftvPHdVllj48czbwLSB+zH2Hjgd1QeRTEjhrDy8nMYSyxns+etFxS98mnC59JBQ3JolxpHDIidOI/SepVNiz/yX91GOZ4XMvE3HWHCABXPXNa3hNmuveF7DoY4dprhl97iO2az4KOJ7Ej86cAxoYLsyWdm7tgTwUW/FRdLax1qyJVmDQKs6Udui1zj1y5d5FtAKX6Vt+FBMJ/5Jo0UCAC5nkGnks9cMA6Y27QK+1DGHITFSJF/rN/o9rjVQ8P7zXnoaPXkrdBkmhOmdKXZgyJ7vS9TqYc3813BcAryK2U2zuyn4NEeCh87YP4xFr7NjozaK1wqzEYdiP2+URMGtDUGr16z67mEPoyi/o4UWzQmg7Ys4rANqhqxgOw17JGnnqoyhvVLiIMMb/2Cf0g3xTgRajVRABADZVvg6jzhixpmn+Iy4P5fbdg4BL35KX6OwTiOmu7Qng8PKfIJsnbNUVsQNvW6vUYYnMkS9q+OssIDNK5ZpQKRO9JqxopkCirRn0YDDkZYQSj4JCThm+jw0UyJoA0p0gVhz7sHNbjTbpsll5nJs2SngKE/TAsyEaF6VISPZ2OjE35Hea+6Z9fu8EqVc293UY9TP2rz/GP+uGbV1WaCR8YqiGE534BMcJxmCUAK+Mi67kUzA0Uph02rjQRgInLYVPqVA0kZZP+mxWLN88Mc5sq4SlsvMdHq5qF8ao+qvmOWL8XrtjPtZTqb2efOLYZUVX4l3O+xigXf3zurrCo4G1fwRuAJhHnz7OrqeMaD/noQU5FJUR9lat6kHkQNj2EBzr8UHLQJM0nB0cuJHP5wejdjHvhLgeYwN5LW6OHvO7XsAFT3CwkXsYBW7ypchOp8DAtjIgLaCHLrq0aECvy38Ym5KtMoIftA+qtKz0RYMD8pNcv+HFolzuWMrO4QJnOigmw2KM4rgIjByF5q0KpB5HPk++enjnlqQK9dAXFUAl9cgaxcOGHOen+R3PA1WUfQgjNoXQLepLGt+Qy4P67tWloMHf6Ld8/xTKqpsWFhcdzQ8wEC5CuGYBLd8s71/H5KTdYHj7bhp72P5YIynareF2DrtyRBA91qfUSxPzxDjom/pYNaTFV5sDL6sHXERQIaJs6XxRdAdFL4NoppybJnjm0j0wFyAuh6vtpWXHFA542ptnK+1peoqHpDgiW9WwH8W2R3GlrwQNVxVSBt0hS2AK14FxpFfagCxGSbPtd8s4T3iS9D1We9j4ggd9A/n58LoGa42YSFgrSiJL+0yAXUAI94ofREWw1HivAoEf725pZf477KXQcEvEiTiYEkD7RdMOXYydZtKarC125HOO6o5EzgUYF8TcFHFzQr1Fi+G4C5ASHCcdPz4BaHBRo0mSFkzgBQ0bORvvdDLHvF4PyNANK/NqHEyMWT+jfb8CmEbmCQs+K0iMc0SfmRw5eXudE2vkRhPW206B42Ibx4zJneE5IJVGzD8FN84b7EbCwq3Q6FLim2aVcsj7BgO/1qj+QpDW8GGYtXn1vr2b2bOlRbSzaxdszQMsQRAAWAOeWQzoLBpAAgB/jBICvkkLchOW1MNLhCeb6zywurTSuRH07GAEGOTJf8Gw+lad39fSkkW3ls1eYtjXZBribzYT5tKRh/dXD+2si2U9tGqzAjDIp/M19j+54Zb/4wOGVScUv7SskIuk/pIzIAWrJInhNfGgSWr70I6LvHJ5ITFXxOo38ChmI9CI+r9FPhLcmuXzr4yteahgFHXpA6PExWYfMRn5hf45ttq2VqJXX6ib47VyzpqHeckS60PeHCXbVeo0IoY+5ny8AcwvK7IHG8jQfLDQdIJBBaqWxFxlHf1H4isUPumJioTlodAUpy6wuQwxX5goIhTVHW/QVR+O5CUwfAoJLb0kpzyLTsaEIHEQyASSBldCDR9pTy0B0oKGYOR/JxXMG3fWS+cM4Y/4ErvQ1eeKl30JfLZxUSEgP7UEodhYchToETDHMXza75vt9XGNOgUsrAjK/z/zgqpsuPlX4iMkdfpS+SIRrQyuEEgicmb1ehNVksVNUmsuiq45UOepkAHbgyOdNseU5g/oRJnrT5FRIm5WRj/oYS4ZOrRRkjjpRoZKO73DBWNnQQlNZFwfFQx4hrcug8s8tpkZ8awFFdwYwccYPERiCSWCfFYVTzI8CvruBc0VnatYfn6unUjAYaxKOa5UbnfCNZ6hVejop5aOyIckCZGpJG9Pb0ygEyi5du+2raIBxQiJ7ShAr+rb3+HQCYinssEAkDKi94z3xKh5nAuo9V5+RJVbBQSNGLeuKhJAUgP21oSQPaQAKWMtCn8oiRjcwrpxuRdfJyEOzcihQERutFcM60wbkkgRCSkLCSBHCJqWAKhG0igADO/vcZDEMUIJFn+wcY355sFdHhD5dimXxEysv+g3o+ryZFyZm7iQDWMEJ67ASyVz/4c1WkQfzI0ZBjFZBL4NGC5SAvSW1embtKkJkvNgxoO7SOgLKfg8jpz+XjPFuB8JV5+g05wFxnlaO1IX3/tZtwZEI9z3qlYjUR98QbAG4jPGJavYxudzg9isrhuFAyi3aElCgAAzELmF5IHHz3khqwzT1l+X5OZdLdfDGmLX8x1NNDPUFdiI0lbXciPKLghdDDmMIehSSOkIDcUlZ6Srn5jq6FoOmCBrqRVdIi0BNYGF34CX1BKACI03GIKTKR2AbWH20J/EYBP5/7CZ1sWnjiNAxnlUJODtgvwn1/O72rx31Nnmf9ZtLIyvW0LyTQUnQvrxZMa0xu7rGrDP1YdbbOjdHERr9pseMCJs1eQdWhgjo1bfkIPk/IybKA+S4WsVyzfWnRzGkm1mj1tgWz3wHyZBfEGCtdbZR3KFVQEXqaqwW4uKg486GKPbtSY4dQxuzYi/6iheP+Hs8Hcx05hYcWoZNFXjB3lQDpDHlO+fD0irZc3pPYma5vs3RJszSpVu72kGKC9xLMRPzNN6CM3+zMH52vXOF050qNYI3SjJOgSz0ZdkEmrQuXwSadApvzqpWEnPnPb0XrmI+by1fcil8pqptBd+K9rygcxJNLNmOQJU5vaeHGuBNwt/86Rn7KNyzfn2oV3UcV5er37RaeqiO2HIgiS4OLxKUGjiHQxwHyHOhdh24DuDn47XBdAZ4K91n9q0XHzvGU2gb0ROKsDENonIC2uW8EpieBtuuKDtR+4Ow5kcVBv7ypLQAoU3T+b6MXfqYWXvIu11opYh7XV2IyJBFSLgriDipQbCOh5yWkHvNzuQNLLGZU191ysQ1aPiJU0ZMSWL16zDIaS6Ebi1PUNLvOboJ4c6ScRcevDz9R0IG23f4nPaYHbnmkxzT9pDLQ+ygaTPYwkwmmzBOYnin5hc84Wulx+c9qA49PK4MD3XSzZpzKJJPYe2wnIU7M8wz8IvEB+uyb7Ci225F1ky8cA+Gu7X7fyw3nOWOtvAyo9Nv+ZMJh7o/LS26X1bNib7Yl2fdh3tazS977v0o8DxwUNMuQCqewPcY3JfhouYWCs38rWX/TwDuepFrrPe4huNInHqv2GXUBHjbBI+4JhDttOFKo5KeJSQM4/IptSGCdYcN2SghsidDggxKk/eRgmpEqfah5pCaYu2wbv+QH0uHRNQ6zXhwGet0ZD8x6HCvJvYJMn8XEsMTJjy08RQEAg/jF7kATfSdFP6plZXIfHFSSA4CfXcnyLAbeBU51mZdVY0IoxqKtat5pB6PBz3G2eZUR/an65ZoOvxWhoHN66yze2TcrqZQgwVZAQOOfgYGXtpY3FU4oVObUHLTb5M/PBL5KDedGj3KnHHsnLQ80H1ArLqzsiQbZUlPnQhveVrglGhhv0jcSM9wuBF0CyL64dVurMzzmze55L+g+OV5idh8FFB6b7PSJYRjEKcIF1tgsV8M1AgrJyz2atryp8fZWSnmJrJcOmgnlgKIlzRnlooU6WrH2SySIeioHZZadE2D7LxEyl/2w7jrZHkNKEcEBx59eu9lcuR3aQFgxzGqMkK1RYUGDVnvmSButMMHXAj8lssLfOztXTGR8l5J4ml+S0T+12ix4lti56m6g/s2LFjV5dizQVao3e7/91uZ3VEtsfX/Ken8tDRKchbE0KunjgR78e5Hv0ElLKmqDiSFEp1NL9LArnmIQtEHXN+8Md/ORYMjrMdCLbWXjgr9rq+xnnWrkrFHwJHjWNrx6QLZ/0HTmlP3MwfAZdwY7IW5EJuEJPbDYKuNTrcF7FRQi+4X5eyPuUCHt/Wv+zr0EOfqmsjqJtX5VWO5IcWy81QRV77aQJcn4uYWo4w9qnaG6w1lGs96a9L0jIg+qIdUFq9XZBJUgv+sa4lu2/Fha7/LBXVO0o5jouPI3YI4Rnj5vi1n+7iv7bswo1hk0znYwlRoynHCkblCNlDYD40UXCaU7zU0eRRc1XySKflyYOReFycFsB3hKkjG+Pp4QcbTDfe+LmHiWdV38G0B8lw/dLzIVWQ7sryf/qSbd7fadkM2r+9sK13mhuvSNjY57oekOvm1lUKVWLoNhRfmrb7t4yDt53U3FzAkXZjyv11f9c8+dhY4o6SPEfYWAvr2Irk7tBLjkY7UzwCxQJfwgXLqZ08N+bKIK4kjTQcO99lvMZEc6wTFL1EiWSmoRBbuSMvQQBCdCZSoHGg2Ao0+FMIjWA8YSknpdEGhX/SzLM79XfKRUfv2h17vvwRkd/9KutY3JfV79ZhEZ20Xe2/7DxRl8/83RLljbeU1EDGoHnTzbnKHxjAR+rptmOvZbWquvtNejdf55Cx1F0Cm3MAHVkLZQmgYNMsUs24lSFsh8E1g2C9ubSzBHreLLp7AOt6gpDkuEr1gVtHYQU65hixlfN9RNS/f/GMRQ2qNid439f5TgHHDW4oaLk/FraHDtA/n6lv7+bH9ewvEOB3Oa2WVIpVN+uL6nOLiQ6rDsXPRbVR7VNkQtYmQHVm4INhEb3S0LX+jKr6vCStDACabBHep2R1jeb4esFRSxTZFh8v72PcRI4NYduCweOn0+aDGihbLQf0ht3EnuecmfjJOO4nI8yDZsHBRZqpyHHMbRAEJPYR7KxbWBAaCyWblIdqO2jXAdOQk5qf0Jp5rAdeVTC/4FDeyqL4iGrv5LMaSBzb2VNK0k3XmSXYWRKVGYDzOsfCBoMKRrKx+m5kalBqSOnBtcvXmOjZa/eAjPwY9Q83WPXlYdqFSnceJ51L8zzXuT6LftTnf/JsgaUewCEUQste4YmkYA5ypCMJhMVGimMSX14CAHgmmxBo9bSJuIxQiZISMQ85xpuNvCGCuyI/i4jivrpoRpenCtDhDk038QGDlBzIp0UDDmMSQ7AfrfrMeV03GtIpZ3BoClJfO4rH5WR8PiNNJRqcTLEH83pdbrQFIy/M1rzH90mT+ykogDO+Ya8hXOhHJq3POKWNNetLZ40VI/nllIgebBSIEsen0atAwj6kh4z1k7sKCTww+vV4pNJUA7qZLwCjwmzmqScwML7Fg9ePD2tLpF3dXZyo04w5r7nniH7STMVww0ChRQQ5GXmbIo4Y/BBAxsacRy7Q761VI9d4r3hmoB62t/hS8TSG4l1vzygcn9h2qMDHkHyzaN2OXtE2gDTiGsNcSk+RKkA9ThM1KtK0RlRwS9ICpKY40UJfKZcag1NEp4sPAwwFFUnOP1SoicKFZBkrClNRVTiFc+fOvrB4INWCiB9GO+cOvSm5rvWB3KQgI6mlHUkuwRBhbthMiGiw3lhDS3cQaMooD+3j3T8YQg1gzK9LLVWxr+UOwIsocJ1GoKoFHfRT8/CBgz/xTzTAdWQNthnUCCK0owgdGJZ6a3caEjvVfVuj4L3k2Gj43XeBIG6lZwMarA0BWYQbFzd4oiase2Yjdhtadsa+qkTto9E+f1vuCfd6U3o7g+n2U5Vr4CJUmblf9gTJvkjZvXnct1a1Wo75rCfxJy5rQYc4kJBmIE1pZocNHYkMMHgBIIuxCKOAFc8eME/jylWGhZ/ID3n0jM4e4Ndp3O/JkoU2qrmMHIu4SHhwYyzkHhfVKN9wBZdLC6hlp71aeZDuKAkgO9v2ThEqZexEC6S6VJPMinrhf9CDqA8azuko5j8SjwC+2coP65bVf9pEVOKMAZqPMkF7SZMPL5qHPQQchB+kNK3bMi4L8gGDd+FGCD1t+phLcMSy+BDcARTeFJwyR1p0PNF1WHXPeg9tDvmev9apndDqrimK9PqjrpaIkxFRtman1cWqwA2mcsTveTdrM9VEgOHLDU7JT9ppsJ4g+jTu5rCrAL2S16J5NeQE3U1HmHoeEfiQ2yiWE3ypx24ua6Kcl600axl0U3FiNhs1FKdcBKq16lvdgYORHtwYP21dvAF2XK0RWpDEQoqCx5jGZTjOdiKiFwb0dqIJpK217SxEW16kO2up3YG62LYWEp8oY47QQGHz7ZgQ3T5v6Fy33mc9XZd849cSaGWOOQ3Paj/f+gAP0dwzojZWLGdPuYnLd3pMDrvK7NqReMWGSm9Bq/JkQ/gtSU2C1Et2UTBYyWM4kXKyE5EYSEueb+cleSE27wghecFYqubAXmH5EHNCf6527sTmD/WaI/8CQuhhYo5viStPFBDta+SoeLFbgvnQh8KAhZ74DzxAfYTG5MGt45UsSFfg2QE44sKu+7w3e2WgOtSChIggxAYyEHsLXEFkHjxGrDq5HjiGoxyZriHgs7hBb3Eu3BnRgJZc6kaelwHzkWxLkVLb/uqVy0/Qg7S7cnIVVJcihxdgTF3gkgRwSc4AMBB6wu90LD4f2ONbdQl3D+sGn0V5XeZ6RRtozBh4jzwiY5xBG3jhCVPMRQdflxNOMNrF6FNtkR6Gc/sWVcEx6gUwxXFxVcz6Ftjgr6g1Irxg2INs+IE3/S4TGLGijxx/yjHaenquVTns72z9J09GUvvkErPxU/+hycSI0kIe14EYat7VrKzp78i7OGRGvoVspgbazdjqLsRNoaUvwWXF00O7llk0onhWiniyHkFynMz+68eRSWg6j3odSWKbNRqZVtKDg5eoM6FPaaWWc0ocruSH1hY284D7uCU44mi8o8tkDwxOpXU5tvBZ0mvNQq/qgdyRuli0iPMa1mH/rbtwrA4e2vnSGoobCy1KumkJ6Zwyr/0d5E0ZC2eVI5ST0kSiTkeHvkOmhw3sjJCmluA0bGDgh1i2gMtR82SDtLcmJ1InNJqYG1nbGTYroEXsO/CxePkOLfQDJzFWDMzZGhwRmR+aZL3MTOonYKaRJwogQg3+bIPQP2NyzUYxyjfJp9A6h5YBWJtcV2QDS+F8nkCBw2RGSv9996TysDYJy85DvTeyfh089M6lFxu9IAH/pFcxcg8x8CNshwHyoglbxpMm6tex54kSlCvD/NlTmzRN7abI61nFvv18KhDT2TRyN9vSwNLvzDew4xpsejL59oS8VO4DEL6bnWxy7RO0RbSZ2BEDoYf6lObbWv2ReD74//EHYG3TSzPGg8P4hcRmDbXuFnP/j9D4TTkXhy7Hpq11Z08095Edu/QMyLni6qX4Z3Ctc6U9QMwTm3cBzn2iVzm9XswN+a4HjgUjVwA/R82z9Tam4hjMdkdeYrsOJnDotZJbmn1AspTZBYp4cZWVS3WInfiMf0BhxTM9d8e8s115+FHgA0saYRo3xvGDRKQygaW0CAIZNuhIhNLZWgQc/lYplx66kGYhsUd8930BKKrljrcUxtTRAOsH4pW1leA6i6I0uGUGGpDNfHB631xaQudokTjqOZ5yGiPA5icfpKdTP5EPLVxvsOHjuiMY60GsFA+6duZvtWVPFCOkfUtkKrxdoaJ34UIJyluKA9zYQKEoacauR0ms3YASjVlLkWOS0LFRPUglPHY2ZjFpdH4jIhq1BSlVY6Irf8vH4gMxAe97EKX5quSuGWCJEvtySR7cXEqanxGtmWdb2wCXr84ROxT9gVStA3+VlsekfbbD+xogOZYBz1kIYcwrhGg3Atn0MlLNbjxEhNPgO/klVrnkiymvkzTg/ERirJfvUkTEUPSWznizcR7p93PgT5Pqave8ZxXh7VB9DmitKA5Kd20hhkmLPyYODaSfx76X4M08wW7aCv7BSnOUK7Ps5TcvdHA521TnRr9iar3qE762NKA4N/xl0zNy/mbdYqfpJ11/0I/CKZ/ucsxJ+aBNCxPa77L9nVPwFskSwEEp+6v2om+Zv+txF1+OkLmA8uP5t6/2wwmQh94xD1wZU7/ey36uCV+0Ojfjs67gdRkyqJO5iK3aHWktNXlrQumbcCd9Hcua0XdYJpVx1/IL8Kd0FuFjwGYjxxL+EnILR3MCrwuwEB4ByoDkQpeAJJNMcpQC/prRdPsGTpu8DTYiEardWCbyek0tcyuFGVxSO/cDyjxpDsXashaR4KWqwEijXnPY91MXE7Ted29WI5rQf0JIJCPktwLcj0DQU44TUUD0iuuOYWKVYI24pOCCu5cEIkgNFnI5BQ9ZkvrQhBKUk0wbTAhyGAxVWRbEI+YkDg2bXWA2n8Ug3Y6dTgt8CspO8jf2mP7mGLUwS0haXLh5T0P+1SjiKKREVEvBLDlSyK4/H7AIZm7yUCsFh2PqqMFZ2+ZdhlE7+01vpmGVrM+1ahdpaoyQKXR9EX4PUqJUe4CUAkCvferul9DApuBwVm5FmA++4Gunw+d0J6D58aZUedu8DiktgjpOl8CR5MjOwDOsnqunlLaoYBT7XL+r2cdOtWZjcwg+fTsfTUc6WdCfQZ74IzeE5Pg8f2hldfTvePzEsrEGbC3x9vy4LF5MiixdCn2joJtDwwEe3Bi2DmtyTmIOS3626X90Lj+sL/AlELp9A57HtUkVzPHcohpagpk97j4aJHbwKHhhGk8fNhp012cXM2rpga6pyiFfZ6b/zitzMONoxH96IUIfWUvP5cMVzaftlMvgGJadUmy/4RwwmYHp81wyP009p1pv6ddRa403WJcpxl6jADfuPd/6N/w9a1P2i8tRVvy+E9Gzn1yR/SPpYWfJJYu3btcCcBfIVMOzxRAQCGEoiG+VE6xIiHtVq+HdhlTf+6ysmpidz6ZrtrJv/K/nVwW+aGp/rjBRzh9OWTfTTphVa9bTuc0JbubFPYmo+KyH/BLDui26M3B17KRpDKeKoUjgEMlIeMganj0gQiksxiEqscRJDlC3I92EOgWCs3rXhGOHMeEMgwLDqq34biNW4K3vOwiqc0chgihQkUEEiMi8skSGJdQeQcinJCvbrbnDnIBIiIbF/GEDmsII7liSjxwssJLU4gAF1gJoAoIFj9M11mhOyE7B1AZIcZMvdiMlWA5PaZM4vgPJXdi/a27nIuS7wl3sVAz4qCV/x0Z/hhY3jTwJkYIvVPlf3jQ23tSX2HzBBwdxGZHjmNpIdKQF3AZw7ysf8okavuk0ZY20vD5oLMu97QnctzxpevwPemqsDc72Ru719Uf0zv3pg73CzrjUZnV2VJ+n7N04YVdy5z/37Syv4ZEwfGfpG6xRqZo3TEWENKB/nR7U1yljYlaqyKmbSvIdyryFSflmL9L8LOzYpCNl9vW7niLW89Z5Pu12oWhW0fX+S5xp46HZ56fxA9Z5e0zWckJjmMaCl551ndcafNzCXviohMWc2wwu0jejdLB+WLH2tfZAmGWficorL3J7C9rC1g7H9sP3DE+K4LJ6F5P8k5Zp3KG4Huxcl3Xid22BvRlZgfZp7CgfH6t9ba7WIzg65joJOJdGNq+DxUNdrQ4SAkdL+EIPxSP8RZKaGuL8Uw2Uudb7+f540nMFLhrDjVDeXc7Eem45HPLb9agaFSia+EOsy59srWDyO90uphRshOWrX8wfACpwbUJDCFkHnpZlR20EolBEcN6L3M4SjnbAbSzgUJYUPFDg2+8MTA9JJbBTxQf+kHbtQetgnFdl2Yif7GhC5h0g6XDlpWJZD8ECz4JSQF4r3+Kbd5EqFD0WR9y3sublrQG3sugPyVIA4e0Ifse77WEr/iKBPp4o6AljxmPlJIoZqfKUT99OzpgDs5R60GhSHkInJgdRSZuddj9lgeESjo2uLVf3ujgcUMc+FJBaeu4c4b9xAfYTPdeZttBVYrylSSanIT6FRPQ7DbBxinZ/rqfqI/jUjuZ1ooQEOXqVCFCRXSNau4aVCdYQYrG2PrUCc+EgsY4obx1T3RVqrchCKuyMbejnkPcce2U+8Z7pp6xLw9i2LquRk9mzKpAxL1Ywsmbx+/JX4pG0v/JMInQD3hUXXor7eplhOdKLQrAGv8m7jsMeDVFJvSij0R7xevI5ia+agh66UyTn+3on/XPuJ/RMI/fJVd/XWB+sWY/trL308GZDsKzaWVtDRe/5VxIajaWOBPDtgt3O2DyEu8xI2d0+fa50zopoX0nLXb2Bj2toXBb2dBz+woEtaH7Ih66qQFyng8zz3KIDcCJiusWH69JuvFonqYYbVK98urlA3TI6d8SxBAXys65uEJPknxq4LoKGY9muqScgZHXfwjpe1MAf3TppI1fXlw/5Dy4bkE0ja/pcLuaRRG4dLNqijwAAvaBkgewRyGadtHk8hQ/fPJAk+2iCuCNYVPZgMpA1VfHESjXgYH+Hn3TEoQRkF0wfIGYPQBQ7xdVONptQTqkgsUVj3zTYgVjIs0M0iIbrCCWL+3HE4WHDtXqoirHma43Ir1sfyisnR6IWq5nerUZWjF52fK5J3AmXAQ9tlJXo+H+nuWawG0OD7xO0A24jyWoHoG1rglLRRNTb1rQHaVNgMjLPTTi8h8GGln/AqesxuEPSd3V8OshlYGOspR/WluFqiw6vnwYR6IosCtsA2FAToJUbkXRjtJXYJEzR9EMd9UAy3ypKZUPK+0QG1UPgzkbdfTZI9wGMjgx25nmLCjtjl7Jzmkv8GIg9cw972cdeaO4QPsux7Pum07rpiRhY8OFbwfLADlDTzRBTKu+UE2aSWJQRJFOOHC+pR/Zaw/NL2RVrkMoQ3Izh7CFA7aPXYJhpxntVl0zEhl4hR06QfT3J8CtzOFPtnV7EO60uVpXDDy2JlenlzRkks3hbT+Kfh3VP9FooJauTe2znJ3VJM2EQ936zXq3W+aInLPk/aSu4Rmm/13y8VW7tpObP+9SKjkqw+l6aQxmE7fgJ59z/rlTp+TjNceGaeT3ndZLg18UWrORGHJCgd+DIPlou6MZ5KQhm2qV+cb2+8HQBdgBHhlFrqUakv7FMmgvMvn6kRswxtjnXss5xuH8zj5476ssTbrTRw76JbtcJRdf5rpFTA9DJGGhEdtuIzR+ELLN6wIXwitEIjnkjCBxUTSdnI4Gzs9dyo6rtBO7j2Mn8mgIq10RMRsRpIlsN5pE9JMCGGmWnyQ2hAKPAhBLnVltQYKzZPnJWZrU9kjP4MDXPnhGlDy5RUuYCAA34BYz0CLspxgauCZyYipS7k+t6njCD4wpNtZIzCNUfbBLoP1yIgn8OrO8tIoWHhio769jeRAVCKh7KPZZFhOt/ZhqpXsoVdC6KlbcGDJ1g2JIItMt5EFotaNZCDtgogogggIrCFAQwqIt1AVk4CAg36iN6GJXwhiHYTzpEjcxF1DtU+Rc1bqDbRZE9vTsfejePhkrnKT1yYgs9EC/mVh7Y53T0oBV2vLwU3xEPiMcF6kf+5C0/9h16sIT/1Ccwwkn1IKLbIPerqbJt7EESpHXM2qRXdIxp+cxZNWvkHZ56UKHqb9ajFh3+OoVVq6FpaOU2SAdVXbkJo1k7rtFoQ1mPlAY65zDJjCmir+sHX6pttXXfj34Uh1oP54mtZpQ+WMeulOf69fjUbPRsRRy9rYlpJfEqA/aznCEn3+FuQOg04kZ/YIS360UkdrqIn7jCP7wgsUJIdAEtgZWOiEDrOnlu3NJSGYR9fCwzAMCcdFywNyDhjTpsZgD4qEaQ8j4442MIhBd+ZeBem3/VYBUYVf6Nh/a18IzELG05saijrZkKxFZkmwg1VomoEsVFuqQ6YYVPDsMhIRyOuy/BLsFEAaeXJCtJAAfSN9sTO+P672Z5V9JNVN/15/CzMcV0hpjmkAx9puOkjyY5V67NH7aV59avPFfN9loUU2Jc1MAsEbG7C0SdwyJL0lHDOCYZqEiRReWUVEe0RnYHuC/l0iLVvXqpiZ5tCE936wreiXJc7MKLPQgJJliXgTG/Hoby7bs/tAuEep2Mw9CAmz5rzV4QczK1cXoAAEAASURBVOizefJN3UnDCkDNvvNGdKf9U3Hui+2pjxuC2k63ZruWHMv6bAfRoREaVsbWVgQqiIrT0KdvJrhhn27Gc68bAb3G3n4/kufLjUUmr1vtIfv6R+fsIJsn9tB53O/lZDBX2+a2HK11M3DDcV6jkrs1yr3oH027YZW2uD9cx1LF2Z/jzL+vlOfH0r2GRJlTfVYYuF6EQWoHLLTFws3cQvBA4D10MmSdeP/HLlTWL8/xJEi5mIQGi0vAMB3zchqhkC3Xy+He8zk36Tb3Q01quQetdl8XYsfrYoLF76WJ3bywWDt6Q+GQnks48NpG4dGI9AL3tc5nBEz/Pftlo4e5+Rqy5KExhqUFg1AGPE7tUGpwWWwgD/NYCwU3DiXEqOqUTaVK5VXbInhQR15+NN/Ol6SPpI6jPqeqQML+HifKYy1GnQ+3HXcYurzVqAYmDiCnWAj2xOlQOHAB1VEXvmSkBodgd7U11iVSlRBUrYGX8ePtOPiyczbnWrSq8rUF+Bsu0j7+z7CkBkSRGL6H2qlbY/zvuRseYGdDMY2SBTIlpgP2CdPxLCas9LH+HuoZ48Ct/SU/OWDsR8ylQzzOTwHUGwgiehLmYuBwrNh5So0wtYBTgkhcSEclKhLn3UhfWdRHc2iYBJpqpiEA1N7y5XyB45Y1qP+rXr8AcdlY5RGl+X8hX6ghiqUrgB92UQVjnu1zsei3w8Zm6nFWTX7GxixcHhiNzjr9NSZ7EvaqmoXSeY7as75VfvhnBe7eTg1aWcM5F/vTH3/Mf9bNivCBHWUbS5WbeAoZ6NT0WYayu7VN9U4OaQE2Ndf+ArvmQO7G4HH2rFE58Md4JmqJFQI+dxBSfk5zmBuZcOuV/f7p99nXfptCV6CVl2hwttPbJlwYEh74yGCVvmb63fqv9/PZ5PbKxpPo+2FEtk94mifME5yEAY/QJTEIxZp8CLscAgVeXYE5pyZ7/1K5J3tUij4rKeKpx2cZrbqD+Y+ferEBf1gT13LDJ9Zwp5hg1exIws9F7fDIscCQBpkiwa53JUGRmknG4PCR86X9jQbOusI0pog93dfk6mv7VU+DK/YQqQo+EawZXcz1fvagxamqy350GZbWFRCHWFDsLsfCFa++kCao47ecEXyDFXDto51LBXHxUlB2UuxAw6zMkBdeyRauVvnkmhBFVILf8O+5W2UWn/00bYF/kAWkzsjjJ6Oswha61pdmo+H6yA9dQWhjamzl+0TIR/6k4w+Pk4gmgv1sCQeTPdQChNcgiXe9J0Dv8F7hffTQuyj6wEjbLAlgrrRm3IvZ5Rt6CPj5d5Khhfx/ZPQJ/3D1WCD5Rh8Pstv9oKseO0+XzbEX2BdQqzGnMocRy2sWm1GObsoNky5xsZsGIc9h8crDy5J/EJr19ZkKD1akEfOh4GJKjUCKpVU1nHOg/qVw39kRtjGkKK6K5C9mADI/4kLJuUUkEOWfIAtk1ptT1TQf5IHPltWvGoZ57q3iVp2kkZzcR3irRuRWKyQzL+LGqb5Ebf+iz9ohgYXDDQf8tXyKCN0OphR2p+vBk2I8AhL63qm6mOdS0BNL5r6YIXNJWxneN6GXHtQRfLnuoC2jbDdoLcnPAuddIdbP1McqYCFqapZHOrrZAAPwaEEzKUlQAym6ankaKivk90e8iVkq95I8OJXyA01C2qRmgRRMznNFge/6VKmRbPN0jnqsIgJNX03IpTY57OtxCKE5JiAmamy7OhnCmxi9yxj2gcJVRIShNRdFgALCfPX4zgawILoFpgeKwfmQmRZqRKKwP3FFbFbl4izFccBPPTCeddweZMGkm7As+Cix7kB2Pp5xlce8vO40wK3xt74VaVnRv+zhXHAuIKYbwIEDto5SootJ/PzKLbZFzwKenX2nI0WSNgFMwzcpSjnfjNwPJSEvoQ2X0KPsJOAPrKXkdNBUlxM66gAHv+C3PQM3W4HbjbwHyJbE1uywn8bkt0Xk9+VjXofGeK6YPxXGH7WzH61nsICmL+ejmiKN96aINc08Cg2e7HhO5aY8+KiSAbkXVmF152S4h7WnlhCQ3toJGlr6WWURoW7JzHVCf4VEzovMgjpMO+vtPNnT5cVHgEWu3kcruptxTYldkXuQS+k0aa4T/pedXCSRX17UFUaeYJ5PNAKU+IrfYAuw/ywhc98u91cPl2NeqcW+wTT73pE5iFKeC7DI1FHyp/7BP4+lJoqA9LigmS/03ctzbuyQfXxPyz307BLdiynwIW1im7J7rhAka8T2Qd2U4/0nrphjG/pmxHnJK2wmIflB+pvxEOl6Ypxri0H6ujBzdUZ4XSfCJo1LZwjWQ9BqkC7KUyjUR1LiE5N6D9DWchoj2joM2NtZrxPKCNq19qI/nuG+Sj+7WgJjWsWlvAGx61Xo3keBy572QprR+kNKdnPbx6D/QFzSzJu2tjj75PTgisszYHuRXgIh1vLwYF149Rgq6cVlbas460I/2li47wIixNUu2IB/QHV1WRCdA8RedxEnYJwn6Rwq1/D4ZsyrJkMqL1OAVkKao+1yHAIcW2wI4mijikkQYmX0HQc6SwEPgCmTEttHRwxDExzIdk1Hi9S3UyIrIXwDrw/ulGJNsxstwrv80RgEPRYarSNPGzWELCmak3HTwyFlpPTAaNK7d+wFKX8uQFA0iKYjpbpIS1jt8YbzRUCTpQ/6KRJOPLhbDL3bnjg+7NW+114E/ff1nFCv10H2PMpkO/4uflZbs6Yj780ZY4Vz5HYd0L4WgcNC2U6yCT4E8MmZtW1Eaz5E/LySyDPPxBEirp+2Q+nCkj0Ge88FnCGjts51tultM+Zol7kMrOoJR1NylYg1WP7onOA0HZhlX9MHRlok4dTX+lC5EryEG1UF/so9Le9ebtVBBRn3PEuu+bMea4fNHLYDUetgLWs8GGbVfPUNVWoWt2q2nB4U0b5w5C+tXuaq4csKgOHHbeAfxtKUutuWJCGIcdA938/koozf7OybcNYR7xpo1D87/CnGvZbqtlxzgcraJeh2DQm14fv9SNIYYPzRlSnR0fXHvz3hRhRtQpHcWOCkfjbYGmYOdIDRHAMkMUCCq2FwJoTdk10vOCdZ06mI2jRVQ6psF0eMfLebeZ6NWpZzaTFQNAFeOdrTkNm1/UosgecktEXrM3V7nGMSWpykI+eficiSVBOAqpQJNas+U/OvU4z0BT+LshoyItLFkR9jV+eBQuzeFP7Y6CbzhZjsQDhHyjh3cpXvK3v0TdWK1SW5KaLV0KA40mBVU5BHfblx823p8Y7MypdMina9LSAXbg3Ws32PI5VivWnZ8eY3wmjZexeeB4d90qw12MdkMHKu2lxPcqMm9pvH8jYTU2h0ain3ua+dPcHSQ5X2QE2ylhfrDTmp6vz6Sc5D5Q9/cG9gwKBA/hNXTS9DA0sLzvPY6DyTAqHzbJrXNeziQb2x8r7f9NqETHckpLzkb/ZzbXUrZpLz3WVTlMqIzE7K424UlV2cpgMGoNuGBEgnZvDGeKQwTmrIS9dnjPA1+PSGBgMHGdMZeQ38+mN5YLd4U62Gmjs7LxJ1h1WJIzSASu8JwR5UfIoWwdV6kjFG08eU2vIpgYfmtfoaIdqafBF5o3OHLWtQ3LW1B8Ch6CGVytzi6n50z0vlGudhjg1DQlZ/ctXhjkbcZecNn37cO8X43mijn8LNuaRepAS/3DuRiB2u3hRlfsDkZmhuvCJRZdNDDx60SIQVaskSAOQvn66S5lgk0E03ZVOpKwf0LHqmgtOhJLdozQB4np8BxAeVzE7dYgJyjT2HIEWLM13FkS81IMC7EWLbkaW55EJAkgkL6CqQvgwaslC+IhcQugmNsHzVAQKXIYi9HrNIlAjLZjZ9hDNtWxVwB3DgQqMegarz8E0lbkU6eSnfxb2/ByPah0pEHqg5zU8Ifj6Xa0N/Z4G+l2qskyssXuViBgtwCaBBdLEA0rmk15Vo7gBqObpqfxph3b6nqjxRTBTIHbmKbXysQx0Z3hWceF402ExV27CyJ61KU4dwRgcSo0Rh1wUxhm5OQGbIhi4osY1O4g7nAuo/To9SJ2leJ8UNEm6OiCea/A878PWHbmNqt5/7uCehHkzsYgEeqopkbH3zlvVv1242oydRWqeHerdpnirK+wZHm5HIshJXARggZNjWgy43ARu5RMa/XxB7Aiq3cOcC5QHr+0wisJiNBiM0/Y88sMeuqXPBhBgstsQHqb+8zLzgLl7HOuCPWvywrt+ijZiMupw6AYDXMU9DiCumjTjRCO4m8K1YIl05Xs+NZ1qCztYitvbq6/coDZVFdMsEIwBrfeQc6wYy+/EFNIvs28i4B29f/6mA5Cf7cQN0VYKP0wmuQeeWrS8cP2dszq5dTK0MGx4hZ3MeidPLwjoGrNSAmOF6Sspe6DjJz1fIVQYhAWmUd6hEOTizKhffSTIGih1WcF0cHM8PUKcpOI03SehyCjHoz5EhEmphchPgicIQ13PznD61Xw8sTZpZBwkGZ8Qrb8hACbs4HhxvdNCNYKETvE22AhkW5KMlEqBtr+WqICgqyMRjhUOS5ByFZmagg+BHG/L5LiOLjKoBYfPEuxViPHBdTJeAE7R6PodbQ86N2FlknNcBqW8l0Inh1MPJfoS+fUE9TWcr6g1uEUiwLtucR03kNYcggAhKPH06lgAPDkRTpYVzzEoSMsqEc2QtNSIAPiLVR7yOghs10c+xvGkCWpWyf1OfMVQYJqezOHkAgUSpagr0CSZ5SGIEp/rAenwYsk/Bn/V3hxcfqgaFIApOgU8G9JCkJJgCD8oZD0kjZS+Epj6nveQ0ZOB8kMlyEsWeTUgb24rg55e2bIEpAQZqi49Yw+5SEsMLzQwfJpTjJP1nyjEdMjYGM8VVuLI2WCV2TZPiSI8HdlW1NXnQOl3gT1SUvMF432oYQ/6JHXn5w7o4RWwiJdO/Cj6DsFC8+yCWkRd7cyUM3/qPxGim9FPchhNsthYeAloy6u5OTKyV7eB2vVJWaShrGjU7ohlQ3Vx64xWJDWoT3pIl0fRbZJyu0Gd8oU/3jhcfVHnVwYc9Pkedpj4PIdwX/KFo7nstyfmS5R0PN6uPXbHeI3gPQCtJThz+EUKiAwcepT4zIUhs3IiOFEzKZlP6aCRoV8h4eNr/JM65xJRgNcJIiQ7SXUzyHF9dQdhLcKolbz3pzYPuVN0PpYTPwxlNH577zPBdHLVHCZ3ykENIlO8rg11ZrEbiDBfKxasoDQaLIFs65vBFjSsINBnMrVDc/mK/BOROxECgy8g0xIPO1/a8XYDJHPKquBJQjXAQOo38JEDPxFwi/foUYVyWNdh2QDFYfKSKW8Dsdids39sZqDavhNmxlTjnxPtGnGIG1r6E3bWfW8iotgNnPBvf8qWCdPRWhzg0obx0J2/OTGUyTjJrZOLTgMKCnq87ItAXI83zhNa6wI4RN0PgICU+ekTb/OP3gnv1YuFXxD0YPaC/V/uHk9J5LxerBeADNTS6aYl0hYKiY0dKgK0TXRskf4y6oXk5Nwbw9DQ6dRhepSUnrzEqrDamSTv/yT9oDCnQNH18m8hlLUe8+eAopFApImyNB/ZxIWubZZjt+zly8lB0Nj2gFyVMEJRBMBOBrt5z7rquf/TNdUzfNOT9VI95xaYmzGQdSr7SzzcgUXH+kB3Jtn9on/LBnZaf2JaMB07008Y+8lz954xzPd4OlzX56eJEl8Ijb/UBPHezdlB55nMLv/ehHfXXzvYRcJq51nu95X5wciExi6xKDFizS29YMKeZYUx799SF3KL/KjArtXXa4F5d4N54hY3knHdWrYScrSrJfwFtefiRwHKCwD0XNlPifutwzz51N4Y6A26KMXeDHxdUVW2gNZSr1yz0uzgxyVSGwGsMUpzqZF2ACG5OURm2XAd/bqD3bQ0kAMyl+mjGvPa2c5ZeThWbXvkhmx7I9RZU/xpW091yrhwYnE9Zr6EuodGuXjeWxE2AGr6A28o8rVEjhHPFzc3pQrd6eZNhOzB4s906qO7wGzxLsg140rPeGHZl02QgG7xUQMMED9jmoF311sPb9FCnY1CZxbyc89jmdffHLp4ktTx6GSNMBc3e0CJGCCh2vGG/SlyAbFwPK/lXS0RQSPIPJMZrxUbu0TK5CUvOA/UWu8NJfLx0GPPitcI0DfH73rXOrj8qWyCz8x6g544yH99JeJJBFwp2iYjCkh+VPz20l+ZA47GWhb9OZLAQBCiE/to3OUHC0dmQTvDVClkUknDYkc9xJfObUCY4OKHTHrxBmUqGDz4XYDt0OSp2yz3cTbZ4F93XMUif32tOPGgFWD930jUrGNo03mUYQ5jwZAaErUeAgS9hrPwv2NIVFvKDcg90PbaSvDifrEQS+aBRo+DB6Fng/M9p8Qz03NgKoueEzkg+oOcvkx0Os8yFd3Hn6R24AbKM1uf8mMsSwDWbCylWSPbgYOYpfuU0TC7YbUDJDxrDrko5qKnpOTY+r+Aqs9dYoazJ0zvvB7c9e2UztNys6RJi5D4Ka7pO6NMpOrG4uMJNGHZutRknNvrGODWLy5WSXXEs70CuQwCZG7kO/0kD/TV1LIWEefKOyPdtVKWhvi0gWOsh12WNguE7fDwD6xNAwYlgfTLIRcyDHp9THTc0+Ulolrg4dbpCNrihnIlPEWr8Qz/dSUvjty+bJLZKz0QUqKm93c5r7UWhSCkDMYB1L0Uwa3LU4dQWo4GtOGAkn77WISBOTcDWsWoLNWLTi0ClNz4rNOkZanffPdwy6EO9WWdXzrE0BzE3L+tHSABB2O6R8E/L2SGcH+I3kn0YsppNTo+f+xC62oCuw/KzMHrN5R2Dp32tFEAs9U/1aFO2tYE2qtl+HpX0OcigCokMLFPQ6SIEsc2I5cAYsLWbdLGoad+XhoKLLaCRrI01f3QumphiMkAUmlVHSW3QD3Iv3sOsLPTNG+8ncEcx/CLjejBW3S1nm4gTGFTzuNZAHpJA2EN2PGojD7yNQOeoepLqSSv4IFPX+yi5TeYCW9ja2THS66CWZGEfZX4ueV2uAuHHjD66SP3cTIrS+WE9g8flak4Ds8o/ona5XcbDuq+GG7nS0TuUyXLe5ZDLGd9/MCEpOCEVab2wlkX0fYAVT2kyASHCrSmqVcm4fn6uUoD3E6joBx9iDMvC2dt0m6YBzcocXArlh3dwuI83tvCHOPRVbsa2Mp/WnDytNd4WmSUQfaGXBoJUI2hzC8A7S/o81mO5AfQ1hMH5H7Qf+0LT8ycbpDRaQurrdiAE4SdB4BknMeLLiR/PvhgV3nFHYnuhIE17clAVe4MWxomdrnjIEOm/ysSd0fs+waD9op2v4GgNX8z+1fqhhLbV1+SoauubReWcmM+Fz9tO1u4fuqapXJ2f9kNBKiJ4e5mF/uyXHWa2FQXv5YgCL2kZfivyFid4eWGUQ3L8VIAFx8gP8TP4ZkjtJGejgj5iK22AI3zWc4UK225brt3b+iHAqJy+DNk2WAtvgY9zOTE/z9mJFcuB0fS63rEmtxU7jcrVPzq3BjXiW7Dmh4/cqGHm2hwgxp75FQaBpmQGb69V3l7Ge7g1LnahPIFWRSr2sLtehCtI0zFOr9eUZ+C0ObQwti1tE4uEB7aFQmsLcZF7o9eKWnwCZdWex4hsn/GzHpcVupAkxmTHDANxjwlJXhZ43q8NfXqn62t60Ok4qIeLTIeJ2HL3N6ezsrEMfkehT1wyx7kAoKABKTJjWKKo+4HlDRg3ay6L3xcgEpk99ikKgVEa5hPlnJ9CPhVTdW0xPFeUJO7Akuvcnc6CBbAXRxQopy+9AgGGI9XA3zARh/f1jHrjoZ4IzprpR0WWBgeQOKlU33OCqDP4qAV/Ba2RrpUFhd4q+La3RbAEoF/C6o4aslEWCHr5oR4gV1tAXMugCaoJE6nKf+vrDjhEFz0JfFBMzoc4N77txfGlGdHzP6stPY281xm27IdEmQhTwxSgTTiEPhtFqIrP0KlGbvWz0oWV5qu5pq/CMZcbDY5bbrTkJtivCVdZSFLjCFgY4/CUh/aIy66QJCiXE8GBBai1Ef2bD9RuDPwO0e0iW+wxMWrpJxxH0ItkWrHE80NrRPXQm2MCfeQ8r5c9yTzj7su/XTdel9W2iLzbh2aMWHsy3Bp/jtj+1+yFU1Iy8kJ9fEnqAUtfv0MnCGskcrfWbPYAn/+sWymG2Q0iPt3sNOz+g7hkLvhNTn6/mk8mxhtB9LDhOU6BR9DSymMAtR+BvAMA/L4XlMMIpTyG7hkXLDmR6CuoiDyOS40lUCWsyBn2QSO1zL/ul55lggjBrpOGD5z0jJjYM+7bR2JfvNbjpxc71cNFxzC47HSM/d0lpqjT8yer4f0zdFhqSuin/yOu+BEDv+/+IjoEksZc554pyYS2h0HvG6yMQdS4xwIGFfoFLHTJQumWTz+VgHmcaq3TpUJmarm21gItAZDQcE6f2spI6EgUWhHTCMICiZR4H76mCB6m1ZW3W/EbHJq+wTbTuKZXffFBbnSPuQ7fxWZNLzMNDXuwIx5im753ckt89sTzEwzCh8rXKdRMmpu+r0UfgDgtP8A0rf9wNSaNsRAxhxHeIGL3SfMsOsnF9YFP+ABs1mdbHLwvR/S+ma9eh3hfAf5YdjOXLWfir7Q7kain13vWoXl1TIlVSPsZG8hRCpExrkFsNtUeb+pzX8S+Ntcy19QM1K5yqPVGwfIBVgt7CMrejj3fvmn/4sfjU62nBYkfBtf1T9zqPGkBP3D8YcezMIjHUaqfX7fbTFTWuXibbsxqBM0V0NGI5sSmTTsBV/kN+DmM8glJzaa4OfpH55q4hvxhvRH2HJNp0vqrR5scXzjzw8YoRBrAdad+2WAGzc0xncsn+wqUGBdO7uOCoBC7WORpd9y25Rls/6gci1QytSopcTEKLcGTI9n+1cOokNB6UC84oyulaG7YK28DvA1zWRZnG1qKZQIScxwcoVXE8qxYaNXNx05+JmYsLiQc4wtMXGoYYSeniHQqkWUrza02OYC/RnGZ+z8iOf7vlpD1buxWQ4Oz76aPG911K92xEgrN1Q0uIIkhL77YHKsc5AXrLwK5lhuOWgyGQAIx+AvpFAAJIoGVCLIaXQLACmpNrooTBpqMqQAnbuxJbgs1fNRaW23APxT6qBY3WvuQ3O2EK3fnYx1RF7hRp4aQSj0AhBGgT/osGj9wY45ufERbXsoNh2RD8iDlzI979aGdbxSa07l09dT9fY9SoLtz28z/p4pXHZ4Q7Ln8cxh92rd/mBs6BBzxdSSEioXiipUI4V/vA6btCk+l+gYiOvgikX6wKLLW6kWNCwirSsXpH5gC0eYK9cZVWdKG1o6rdZ5AO3KO8z0V9v7mMMuk6rWttEFi4ieGad6U/cx8qvlWVfTk1fSo28Cy2/eGFvuSsfBE2Gp00zm01Gpo0LbsTct7jadM16xx5jfsJDA6SWuDSU1IyhGNTcUAWPiKmzlAjDuAM6Cn+YUnAQFYQr8QQUgE2BZ/+zpu1i1rn3inl+csqjjY1goZG3N35Jhzd0n0fDJs3TQ0haGPUXJqX64l87BdUkk4GYjo4/iW9hbPDey585QLQPPgh5Rfi4YwrTaXUdvxnrGTQCPtiCfjfj8IJVxgwMUYCLHikrP2nZHs/ZqTsXWQYyTYWBt5cE+vKJXCOycUdwiK109DtD/vxICvBEmb1siiMTGWTNu3lFaegGdc22UylyMch7ONAhJthEqouJnCUrnIxhuEpscltAQglwvyvgNEO2ISmd5Cvw6ilgjB3tZFAsAvqkMCktdSIEBgQ5Q0oBvIZ+EhyqXbg+GkzE2x0IlTc7MHl/pCp0r7ut1oSgM3uFrkA78+tD9I+DQqbpsI4AVkgn0DDJ/W4V4ginYWdLhMh9vE0BFkNrAm3BWEWoUDu8sTXhsR/AWWaFemam+QS8klsBD1MzFMbcly4EHrSoP1pq288aYPCE1+F9IfOfh+feXKb3+Izu6czN8V3cTbpWmDUyByp81p4MBuqkfYv3Udqrh/Err8/8m+qMur5JXvOTXWa1BtGzLUCr5E9vYYI7jqS0xfSMzaCB9GMA6QL1O1gvXmD+zqpn4rgevvc7cSCSfSMxC3uqWe5svDMYsMm11mm73vecU+RULrXPNJR/KhdUZnXL9OVUE40mHmVhR8n4sbyOzGO90d+138XOu65ceiD0+N88SFB1KXK+1xP5ziuHFRD+PdlvW6F8af/kC500YcPUA0/LVvYMqYbsT7Y9K0eFWmBtpgyWiBo2qLwrmvAxkXIFUaKk07S8EUOGj7egshJqW9zjptuRn0ObWg2YSATvkJs4GBU11CKDRsdhNVHMItOQSAUX+qSUxMegFWwoTIpuEZDYWMSx5DmJpAv8FB3euaN0CIln45fCPjdAaLCHwWdPDvM/j4K+eM56LoGciXvfu0WeelBkovo2jeaBFOThGn0wnXAC5OK5zt7e6h/VDTl6eqbRMBzBBp9qlRWgeRyQLvdk/hti9s5wkoJf3sBxhpQBIUHh0GkAfYaEQ5fXv8aY2h9fpYScUWR2XH2/ab9oWB+RwmLSnAFv6/FED9Q5u/qxP7Q3RWGEcADtvvasqknicEBJZgrXmnozyFTiUISoF2h0HltWJobXI1XKWktvYyR8ZzXyMOqh4qyDEeNoDwr0ds1WtCD5z1cSk8tYrJ/+U9w1BWeTDuyy1RSGhiUz1hXMHA/al95Cap55rIKcdnjzPOG2qMzYQa5C70trZUDI5Yp3Xiqtxr2KHAusy7sXNXj4yYwCOUAZkWc2AM7IxF9Ga8P40uNeQo44unA4ZmaVf+Dcf963DntCelTKg/zWfNBzdJJsenlqIbB2efJV0WhfO8jhwXmxtc269o8t+AB1YnycVIajGftWPNCCu/yz9fkUfkg1FEDsvaKxJB1p0akQy5Kx31jiDoz3HzY8iQOF1UgcmNQB/RHoWsT6jSHPAbDLS01FwCF8WZA+FC4zDDC2x1ARYBtlfkb43gnHE6Dxwb+KB3nrJqf6BRe8J20JtZOBXEvtS8wTFn2HEaiQSdZiJIlj+0U+xgLstzwEqKZwHbVlQa6xpmwbL2XXFAmAY7F0T0xTgETvpDCSXq+EB70YMoQf1AY8jPFdfKrdy2rW3CtKTPVpDnVgE8OcZ9YaPESRq96j2d1BoB4P3BFIHSyyYsv32CQxJHAPyi0Ls3fSemEHIz8CCV4LpxgMiZxesEhLrEETjoOkSMA642gXrg17z4yE1ZpaAEcuAhDl/Hlz0l7ueO3oaN0miptgpl+QkC/4ZdJmuEHRy0fkQxzTYSKZ8krLCe0oVHQPyIQ4I3DlGabIRuccGA1UxoppDptSPb56G/jj1eHv2gmTk9PmPEu8XZ3s9orvvwgQ7T1hY8cgfjuk5141nj1WnSdWFs9bc3l2NP/kU1tX3y25sX2fuBwfh0k4MO/w+MuGF/mor+5eMJGsu03TZPOpyvy4zlFwx2PS/ESRJhjQ3EPtyBoHBdlISqyfiam77IXMAyG7UH0bmXP3gOahacnotRVmJ7EjKViTgJFbMySrq6mw8OaAEK47mDQlhdkXjZ5irCERbb9MdhhrPMYgsQRLYX4O8N8A3zR5V+ovef0HjT/Af1cI7BeQf+U1nBgSNYsQ/c290Xe45I8iv4KMLFGQlb1mK+tscrAMAV/9blZb/+gGUVv21zZX4aocax8LRsn6rK4Y/L8CJHJV/pxw5wSVsqDx4meSnxKQy9arnRB+bs5RG4KTBI4z89vOaUcOjhSLhRUcxSdglMKW90kUZmtkJ5RICg1I0JGmRuOMC004AgQB+OpA3F7e36UgKTAXMBzAC26C7/Lo6HdmGhMjpBTHx/YDcQQwRmPgQk8vgqEjuunboJLGYFV78p/gz5YA5NnRSSouh3TmEOyxSMl/7VyhFC12Aldc/mqHg3+IJBKRYrkEjVRPUDubW6eg34EtYwI9RrvD4lhmCxev0CenKriP6ltUqSowE3M0/95zxYVfG/wccfVIz9/cuu9IZe9smnWec1aqu2EoMn8b9LUkryhzAQLDANcwxttFeLD44t1K2j7GOv5CrYBHSarl13XE+8N54exEYpvlk8V669V3/HHjhOVdoyqxOAhRZiDjD0JJlZFx6LcRGicpjhBAlTAJPwtL2C9POWtHB6gMI8eG6pC5pHir9xvtR4msPSCuphXABrQM9TI8znmxVVIkP/79Ecc6BTkHB1KnBkLAFx7184IXIDO/boVWttKmzCOzWOgyqr/e68ySphJ70If2C92P6sLg3oZDj4ud3Op20NRcGImt4SUoAG5NJqC19wiYfa6GXHRp6oGXorFALyHYP8cIu8ZO9/ONwUxxg9UlBWsqKnqPoWNWsGvkyvSGnKnk4YBftyrMJaRYIPr+eWs8BSJ6dPXu2G1+HE+zdz/NAuddEzehVfH9jzN9lIW6sgmSfvOR9xpIyx8hISYAtWSfVrMPOf9QVvGnfYAW+Bmz6AlXFA5JNWfSm850jUYH1e+JBRLX8zfHeZa/Ft0MXWIiq/74mYZ/OprrIfvp0/V/BsX6o/lTnptxp9bWwzz3aNl4d44zjjt3b9JN61+8yJfcn4ckn4RKmppDJjbf7EyjLmYs2EH+0xebWBrQ/rqfQq5jMVnLTkD0BriT6SCvSQGkXRtZ2KzL7OkUmdEGKZmj3WyJnwGFM0tY/11BRcsZifM+ExptQIUC7EFMa09kGzxVMQ1Ff1iL81WRBFCljCDCvp1WXwRnMl/Uxk1yu3BLttTZJtIve31GHRS42sWLw3Gqh9ybk41ZVmhjvXRLh8ioG90VyWKZTWEiXSceORA4ULiV09dw6V2bruw7AZ94FtHxJCzNYdW+EDuf8sRaaxaR4z3DW4oemS26pMaQAXQaB2FWZ8y3/g/eRGfyoleZ4fek68y/lOjuzlOLRw6MGHLDA4IuAjL6NyRuk/dce1JqsO4ztbWOfuz9lOU2MQdsB7HfuChxffxd4bD+VRBTAZ8wuZHM0etmaOfuPpdzuzGfSoz5YzNn6HHa1izOX0qR8h/30OBMqoFURnGL2cEtof60Z3ghg2u0qiAJmHOtZAwqrQfFsSh4aZ19msxbZgSdYf6ksckplKxAHAgZwEQcSYBdY1BC6Now7zctmE3DrMb0E/9rim6n25t6cuTLT/UeC+xpxc+43peoqNbcbbL07evlR252Au2tKN4o5D/x3DZr9dAyRKe3EuWbs85RI6ae9Zv+QhWutjlTfbH3qjiJvTwOlMXJ+Kysjb1HVS6pIcBrgK5acJWANBKkibuUyASWDewVJLxASwihYgucCqcEe2isEAAZGaR5xG9OWhyiFNYClEW8gV1KgyKYtkEkoIdZAGfEX8QITE+UJA4R8oMiRYEBO7VQZXeMzl+IUWqKAtlG0ikNCQyAKn5JILiVcWdFRaHDEwvlIyMOi3GnI4+2GPZkSK5mrK+d05Ofzo0SnOsZtTiuR9OuLsanLbgpuvxEVQx66JBDCHr4987DTQp9B+Na1Ly6PjQNvUygRLL0AX1FNLvykvXci9DXeDDnPJGu0YgvG4SnesGst1fCdSfsk9uh+RsuonEpiScK9fIE3CcG9+p70efuzzIcd/jiKdNq77y0DpNk/vk4XKmuZd6BDkZ58Sun7WGO7+scXyOqx4RGLNLs9hII7xtlZ6zJgFxzfshxYHCOKKC4fio4NFYkxCT2aTQPn2YX1OJuSJILmRiNwEy1BgNVDOp0RkcxHh5Ad20WsbF9mCm5EOHgdu5jjWjch76O0MPiai0A/0ACkd+VS12Q8S/smJ/gzJ/ieTz/2hemwzRGLU3CxrbKlrgeBxX8H9d6xZW5fjsCaU+oWn37cNkkaianycwrUVcfIPbilWw2X9d3pJfDoDy/eC+Ua06PLxKqnYUJ2yxaqERNHfF5vXJEzcZEozqLHvrM8I76ovgF4WOuoPTZcbhtt9qx4FDi15go1dEuSJLa5GFyoCHZhrVlvw4Mo4+ZBBqtK+8iH6tlbhad/cf22q6CPdUqAN0G4UHOmSe/yR+Z3cbdzrwMB4K/C/CHd7HptTajcnT/cA4BTb9vRfzl+sudifbw97eJXq/Or0JCYvjL4nlmjkNbF94xk/1e/6MeF9ZhbmMhq67S/z0WFlJ/n211YGY950Jy47EJEYCs3yz8NbEgqPQm+ptRn07fGXgoN/89Du8mR0txF/jwn9ORdQjp64G3he1GeEFMfaUSPJbFQk9ERLGnUN5ZE9f8SU4G+dKv+Kj4k08xw6yJokttDdeQxcKMPftzdP1IPgv8OewCMBMYtnyZwbiBQYWIdPYx7E+rDuuajoD9aqw/zAJKvR0KLUB5mT2pKS7GfO3edC0c86v8jlDmLzr707xw3jFjcLurfqeepD467ujTh2/ozd6383l6z7oOVpN3KT04vt1qYtqIXlpPvf+Yp1wVwjwh376bVLg5oJ7D3bojs/DOhK5HPPXq7jakz15ylMNsbY/aRtwzcfEnCJeR7lUFeH87D9nIfA7VjW1OrZMXOzNz32p4C5AqXW2uIjYKWI/iPtEdDrInpNPwHnSu0WrL1hRQN17OpIjMRhdtAq99r/oJb2M3inftDzFjQAgjlpHOcyiemrhkHwupPc6rfBfbWqqUjR4AkMm3FPJZzKQBYo7bQXA/RQsOLi/GOHfwOooaYPcNvalZ9XY82+iPjaCAcTueVjHoe1FKlUA9rdekIPmMP4UHJl3hBqT9U31RslQ8Z8slLE8448u6Y0eBRqDuOZ1cbQncXEc25yRkJ8uQA6YNbfDAJ/eokUcL0sI57UNnkpkMR3mru4fc6PQw57PfxNVb1HTJjRx/5w3dfe6Usca8eYNFVOqL2pc71GEMw69suT1s25PvjfjqhiNaN983fqhttvhR2P45h51JxZBADA1h5+fmCfPc5hsjEhc3Mul/ecGpknSK9PNL1x9cTKIeh6sHhBqBs6hZMAOw+1GHqwn2r5Aw00StmeX0CD+3TPUhYH1WKUQiq7ageoP3A5/6ndz7OqpdNSTW6a84kteK4ps1bk4zfBu8/4BpsFtdq6llpjdhLfDtfWVl5F/Pf5a8/LctSmHwEgrNrI6Dh0fF0dei2epFpnSqm0nINpN9xWEczpfE0ateZWswI7X8i+Bhnw6/WNb+ZnbxTpPlVYaiPwYlaHOeQexPtQn6mr6EUEdQXazK0JeasX6lsIdLn8Fvxl4qYWMN9MDhqfzEk58gYRzJliXUpgNQ7qzejybgyW2Hh9Kv6JBveA+mPE+QejpA7nHWIOk/sQ3pwPa2WCe78Es6sjMkXaiTAGRmEJ+3RCBZnHzboAsu2DeBUjPXWvXbzBMvThI19icyO8MKwGOGMlRhimTjjNFgJjhMbKRUbuOVkOSORJrNdjwCI0VFQQqiRBPMpSdDUh3+Ol1kRgUqvEXQQF+kUgjQoYxNkCHz63ez3/AzlRRGpYQ6zZbtsgXVuYakew2UV9x9Rpa6LBgaBFcv7+mIGIjJtuh7Rk6vMTM82OxvFj8hFZ0RKR+62bL0nArh2Kvvwvce0RQBkRAGDm7IG9KjnxqWUA998y2/kfOqMQ15KwNoT89CE7RoVrerwxVzHGW8LEvzGFjw4+1xIFU9pqoMhsKuNmcgZNae3e1rPGjZv1miIVcOyn1jj5dvVmeZF2342Txqe5MokpU0vClxEMxHJlZHM0WDUeftWzk0ToxY9fcxfB/89Y0l/up86j6wsntS73PoaKsVasgayOcGQrNvAmNPdDJ7J0sk1/KPQHWcImp0pLE9AoN7YVmnRunSqSJn17C3BTDMJUkMysMLEyCObpCgkdlMhi0+Mk25KGQEu0ICCVeqD0KQhAECiJUwwm4ApLDohz5BzIM8UuyjC8KD27EGmQqPWVfqOrByjERx7mbZ2Em073IRJKA486iH8yJg0RToHho9iDuNAcetKouarb9VAxw9+cdxpkCc0m9Xw1eoFOQbkr+XJu81xjqHqZorh6mvD1+eTc5eShVgo0fURIeAN/S/mwzCpv3yFGH53FxWafC4yVGW/Tin3OiAWxqHmAZMXseIB0OWMYYuGD6MXEgMpIIo9QwsGRJICI2YiojC6BoEdGRnY6j2eNay8VuWHNvifv8fC57u+feRh2BKxCl7vpeY8JxTmvAUW1nhU4z4fIZKeAw5IhkLYQgquGVkZa6CsklUCB3Vd3DN62w6BhdyVrrPpKkr6p979YaSFcFBW1HW8958/K1ICQM5+TPFPE8agAvzTJlDVlkXhyckTuwcNHwzjcx7RlkCSnRGkWybUqyGHCuHgZP2sO2hJY66yYwWtgaxMPV+pReym/imwjd9yrRqMGfbN+px/UG+tGM04U1rseHy+ncdPLM6YWHT4mUFONmEEvgImLAinYOwK9kW8km9CsUQSTC9YIpnjf3hJVDhOhN5B0Eqx/bH7R+TRA5VSCW/lUM/FEsBYRQFMIMJxjG0iSFnwcGJR6ItY8CpMEzF2qSgC/HZkAUY5N4iG1lfa1BJmQCGGklNM49qkN/WZKn0rmfWQWeKpzqo/zODS4MY61+xSD39rSFBd4wXfanFjbW520k6jQix4enwhIdjFHHTy4I0fnMYT03PZwK4Alk9lsu0dShT95aEdHWMO5dqQ7IwDOcdtRwf1/5r5GzY2UZ3azJ/d/yZuDBCVKQgK67cn7+dk1Qqofgbvbbs8kmVN1gM1M3x8arZH+973MjjI5ls53Dqyp4zicBtQBMInFSYwVMDBOJDIYhdmr8nw6RDoLbo3BwkhDWsep79JtgopIpKeZijeUFNknCt3M5cvDtL+KPLrT5vpHA9ubD3rppzoayYRQ474yHNefx6ooT8NudZXMF3zJY+0SrrWPfDQBat/OTb//NYn6b2bbtro2v2aCgP6EfV2aLafvb5uuGNHOb9azazs6UR19Ig8UZQxGcyqRcHIecIxAzmvmfLGWh3H6VJ+FseZzHcUZOMeQ9BIa1ZwnpNpX41gwObtI4OjQqBZUzHaJAYkgux98EGyEicCoHO1XsbSfDHaTO/lLve4+OggyZ9hreTKE5L0pGH689clwn3rrjg0R07fA94nZKOO+D+lX47F/edtshkdcdK8Ikvfr05m96EPH3q2j7odz/WZAHLP+ZJ1SE/PY0M43rinTTvhVGwqVYnuMYbY7tJHvqPzZ2rCABHOKZTN9ljFgFgDIIhw3Dh+8gGdSlgt8y28Cplx5CIhJiTbKV3oJv0wFb/gAD7+YR92NB5B+KjtgnN7N5FGDtaAdF6E/bI/awEtkAq5W9hU5vT+6xlAPqkN94NKx8yC4NBamvlcpmt3Ta5OXMiG6YxPp3B+meTUql3PICGAnZbjZEcOtPGTmHBGjxazKS208KgrqbrzQc/hqIjrd+JF9XE8km93QR7sjj3toocn/oTwyQ3S2ONhPhqExhsSoEBumozmcRgV4pteFaG09vddF6b8FP5VGBEEsYAE8SKyeQs6VO5ZOzQc+BIU4lkGlHqKAH/AugAmDVgKRP9Kc3+UyOL9phyxGZjyKSaD9s27xgYW2fCtqnUFWzpexOwC7jAl4Y/EqSh24Lfbzhfv06m1W82ta55zqIl1jlkYoUfdEoPCxenLM0wJm1XGHy5+/eNl38Fv+nH5tva0E2Q127oGCGnHHDeiumyR3GudaIqhOPr87PzYL3i9wS/xCkRavoV/SNNgWJ6xHlcjEqdx8mgVEQ0IhyGEs5H2aZy12QmNiEAvgcBgF3zWcLLPiwbC++zL6YVz12/J2od0ZUtf60wjRa/9fv9OStkil7YQN0G/9UmC9dmpzekQNBtVSWsmgUc5JbIsTWe7BhBSbxIB9rL1jAdIXYtBGr/JT6qWfBIuU0piAAnSfjKOHpTdqF5CtrIAOfehNu4gccFufrDgaxN1BBrnKhTWgTYzQwG8VYK5jBLniD03ohcGfeZeTTk5jPd1HT/8P84dtCN0sRDBcHx7KkZgyw263HO8hjGcOGSEji5FrKn77JAJGlgCKXcDPetXgWw9GRZVA5DLTHKwqMNkRkkl+swOFyqEL7auGWX5S1G/QhC0+8v+qhOoooqE2ff1gjdUwyA5/5gSETVmL8Hq6cc0IctagMAhtqqco8Qn+pVA8mwGst6rt3rF9jvAfJV42F2mLfz8GI8y1N1p3OZqcb9r7dWrrQXqfhP4vnRu7vZwD7DC6cs0tm8SEFjfw7qbOaQVqnx4MFoH8ywQvPTUPr5enhSPSPvsGFKaztemHWjlOUvmWRZBSZhbmh2fmcTyxu2hdw3ONXH+rY8Xg36ZWymVbNh4Lg3EmmiJDpQM9llvQY4NdBd/4GBKNuL9Yu7yCEm2qyfr4YefwhHD5B+PYybBqffRWqCFAKTVP2XgszJZBWzKsM4t15ITgdykSP5/O07b2+7EKLcQucm0dFg9j/65bd4MtIFn/4z9ZvCvWWlUl9RDwrS4EgkGRXmXhUxCQBizYfGd6IY4+MCplw1Mc1b9yAwk9NEGrRwoQKj0ORcv6hfBjlYIgDX5bM7FiC1uL4LiQ8OQAtR+voVfe1BM/00QOem2O65T8u1XHnsAvRmnJWvzw3dJpZZ3BiPcBOcFzntoqWn+XPu9ZWAbZoFffp+801oguIcqQCuV1OoDgKaBNrvlTERIvqFNEjUVJVDAi6q/gzBLN8ETlchmj6xIA8w1ASuh3A9tA3A04baD/CIFC75lPT5yy84W7WNem1V5qftdfYrbPRu6m3fd6tKoA6YstN+14FMeEADZbkMpC8vFvKwpxvgJPvpikG/a+pO3Nuq1pLl97bqtxB4or40OrIt2T2x/HASxN9uKG3EsbLuTHuK65cTd0Z+0mXvimD7dvji4NsPimIceLk3lgsFpEneer/yM9A0PHEmOVa37XU7xv2GF9DT4+eztD13Kfgnh3rLBu/Vozqorzvq2HinabhxB9IOwpK9wqXeNEmVfFTojvxJoKC0USxDYYQEDdQAHJRxKaxyjUqJizfZYPmHkae8xfnWEdZMpL0pv3Q6PAL1IZjzeAPE8hPAS3+ICcFTgnIiwEHo1cZqqZMiDhOQ7VvxaKQdEDewBS9hN0gBcN4yDgIptU8YYHKUAqiSXPhCZiOpLHZCG9TMDrre7DnmCj12lwkcQS0JPMWyynkZ5enB81GV7vSdATD9wVmKcaPHuS5Zi0ij7jA20ac4WSirs1zWLFo7lK0nCbo6fNPCK3PklCjR0AjiPEwTnxgbvRjl7FfJFqHuuH6JyMdqgKuaREqF0IpoxQk6jfqMktmmSBSpU8NYX0JAM5DhS0sTUNHO0QxFajMCJlfv/uiCaa4GgZ3Hl2ASPKMJ45+aXvu8cwuALHm3YhPeEXJtLqbN1AWEFSMkwdyH2s/ciqhr2qzFfhRB837K0ZrGZh1DfcgOLFx7z/FKbvmspih8iDwnRz02Qjdd78xgQ60wKRdTMDgFuGwjZLOB5gGi6d0AyYac5iONkqoTzveiDNNZQD4cVDDMj69WGqjZKQa6Xn17UAz5WABYT1VrhfBGM1zkQWUJlgO3cwpbIOvWiimlL5hViY/WUCPynnqZQw3LmWN5RrPsyyTaTuahFrcyG5ft2kFRsgExbYws2h8IrKyPOoVtFPP2THJLM28XKR3WBRenn6g3430m7INxQ03fKTPV/xcQEvNoG32/XGhdW5Z5hwwKPMFNsMFINPlnb8gH88zQw2IvMbpuR15MZIV0IuuQnhNra9BJGEgxQgpsUJgKw4AmBaXSFtfvtbIU5KdERA+FyAb8wzZsTlhyxoJ5wqZbbCfcF3usLHA8KYPxz1s+foB6drPI1JUv6JOHa3knCsoKJWkgBdGoSqUuM8z8EjOIXMknRnxqzkWQf1LEfiPuzSQQdK8J6UAR8Jxk3M/jhgDnfK/EP8kNYd5ZmIFKobtYUSpQ4NZWWwu5o891+Knq8aEHG/9O0LTWTSlhMFABFjNFAPegMhuZsWOkSJp5P+k29CCw/gcBraesli1pi8is1fs2ecLK7/Y7KcvY/HnQX107nwj3t8r5whuyq0BQH9gV76WFX2L+d6nerflOa77NUzrkfIrP+lc6Fvg8kHzLQ2F123Mm706Sd2uIqqJOtybOYxmJ5SEYrPzJlGDXCWnZzoZnNAIIa5AWJw+wXHUeii/+jNc5yuPYf2GbE1aFevhXNueZjdARd915zXcFg3AYnw+sGI5gJxUzdRgVQS0k9GCDkLNxlqHajP4LDPoPhv9VadjMoy64voqmOy6mpBxVvNlXeOBCxgkiaUtidHWv+bc7PeolBn+49Mg6fQoc4mWl4SLdsIkMeYtYDckMigrJ7VVUILhHx144BmLka+OPvLwQU5gUDPtGgtgOOmJCkBYiNv1A2ef41MuI6D5kx9DdgPWtvXgAkw49xqYccT4ArB5MAVbISAmlh9L5WYcB9LGYkBAhZpawwJAKywCTYckUF5USgLA4l6E7n/ZB64TQMy5k8J7W+z1viFHaA6ig4Swda8kkAo2kLCT+DnFK1HwaGns8D4jEr9xFPTrh9NjOOobWuTggC7EHeEGF1jrtT2xN9Baa6pACOq4Em8PlAVoV7tQ7sFbCW8B7EeNLKc1KAoccT0ef3jEakzXzTWhyCickRBhXAQr+gEjWp97olwyLGUhS4ROIWYGNuQZAwnGj3fP9Oun6nIRYA0NZElYCfEGK8EFsWZyJvAqRJPp8nzEXDzzJH6t3qcWv+2DYMHevSdXMzQlkBt+ziJ2Ip7UYGBUiIBuNRUwQqLlWMUU34FMOd62VhZ+P2Lr2gMGzfra3tYJIM57nXjWdAxYcrEEXv9Hb7XJl4+K85ZIm0p/KqMJXzgRPqk2iYh+h4d2eu2GV7CpaCJ+WJ6zRx9mzUtC8Dc97rsZuRHeqzDJhl30LImBfWMxtFg1qEln8s7vdeQj8xyPiVLiCsEg/V1X78Q6f0NlTaBhMuTCeqUehHmC3PabTK/d8vxMFaeI6Myx1jWy315owe/yJp6MwK2ZQCn1MQh2hUhACxpUgoXnATNqDzGRWXXRs58nuUDcF5m9jrMsQ1tFORTnbEY2RBb18XuXEBmsyLcCOCojzSDxibyGOE1AHB7Ay8gW1SL0QDINEqJoVpCYsMjCQ0BBTXWt3OQIEJg6w8YqsUQ9AUqCRRHuGBEDEnCSnr7KDiQQHmrkRWF2ESgI5BSqyxkwj2H4ymlimkrsLewBBtzki+viVKkx5CthQj7OKyaOwjp6Vhww2lq7UOSryuuWJ3j+IVdEQZZbiP6g7vgHOxkRJ5zGheF/tI0ZRGv2Xs50Vb+Avsw0URx7LDS4iWJsEA9fkOONbbx1IPCYlnxQZD6IElqKlZEn4dM/IQ/87Ji/REBbFQAdfV8aupbaLMgoKILaMU5SNBotXDaOPRukvL0/g6r3rFPNelz9jbPunkm1grr66DYdekk0f0o0cJkHRnMk2hGhhQSgMKiZ0LMENciZOIc+fuR/gw7k1pT2AOMugF+F/yBMGugsKLEVb7jJv+M7Qw+s6GNEQg/To8cN+u3PUwdz/W+84DunwfzF87vZ1RY5+INV8QYgZ79SQZoVLOxYzwvw7XcBQgQUZX41AHwzlHeRIR4IhupA/ENuKS7rpxs/QEpzEe6HhgIcoquiiIgNQhxPIUiChV8756zgKpGeMY69QoIpRht14NRX/oAn0nbmIw0pLnjQXi+dr3c8ChJYkevas4nTiKJzQiLdIQT5BhCA8BPtKCxG3GhiZch5FNu0pTgowZzZV1KkydM4mKZcBOjD4wiPTT/oJntQvYmuOESFFn4gw0SWBfmYcSSQ3oKP9gLQF1Pi3CRYFITghauqwVrSQuPpRQQ9iDFQGlg4Y+0jIsuiigE0tYH3GqEptSbEKQ1zbWKf5GHpkAhaccWF4eWeY+aDpJsgcTQGPB6AHDoAHjcmlP0AABAAElEQVQ6V4FLx9FHWtsk9XRsXD0dQz+BZlWcwlwf6+9dAJAtCDUhj7j9zr1tO2uGGLvm0tbUzCapVgSbqr3ZSayisbZZrm4IuuACn8QZaRu3DWQ4ytGSpsFdNFUkksel2NUiu2L1XEmgA/yaPDpjHf0J/GyeSw9iKA/HqqHs2DGXoGH5JCj1E6yksBFF+Vk6bNboJTtDV93ABaBIo/xm3G8R9lqUz5uz13rTnXDkmqUXy1Ig3LD3pq1dCxqfOlwlA6+0iwXepFir5oHDPVYUzccP/JIMWoOPz39jWg7TOtcBkbaupfhNpSPW/QSzj9MHefHrqlxDjBHo8zj7v+dOzll/ngK3e+s0r606cK5B5ph5EWSdz+1EyF4uS5haf31BwChlidHJzCNjAhTsagQL4dQOhT5l0RZvP+AItskxxU9Sh5BsAoeWJqEDnZ8ULTECGSrNXW0aUcRCMOIcQRFewgBfRwi0CsKD5arxMHO68DyUS+GyFl3HTy5maNu+rdfYtLdT0p0Iw+NP3DTJwzgRRCld/oGbyH2U0l5CI2V/AYc1Cj6WYlPQlPyyRCYzMIrEOXjEQYhSpGznL0gvKNoC+rR+RGhJjmqsxbmJ+EDkXH8JTw7deGrEw9mrztl/id6s7iP1HM2lfmMvqDe4DZZulzsdl4VsWsBWm1jffUxRdgpp0iHapCnIBxoIxYPd8pH3dA4hGeePIZBd1DqspS1YID4xcLJm/g2jqz3wSuy50rnjteqUtBeXeTyRH3J0x9UL8r2y7pPW1/TjHu4JvDeRxTXunBpkSKSXc+KXmNsCtDDe8uSIxtcnwsFC2jqvpRIgtonagDKlihBIEckeid+AgQGFjO1z6QXRQ2hmf+kccjBc30/aDS+Krps+QQk6+7FxQHBakyVpQGaWom0RuCk+4SM3EwDrAZKlJ2BGHTf1Z8VHU4/ejTxkO6t9zt61sOfOHmuGr3i+1DKNBZWBSDgtLyJEsHAH2tVMYAnSXhjVAPWfu57A6lX3+u96nC515H3m5VAZsgaiShc8p5IPr0Cdor8ZAHwzeLpSUF0DLpkpOgAaKcwzPrtxPdFlqMSAMC1i0jkThgi0Ip6hsfa359lNQOwB69C+0TySEVzNwavqnAf2qQdrFPGvcEbzB9yComm0gtYsyQmANkKAMG0DtxJ4ltgFIh4JZOhuUnY6iYyDs2YrXO0lcdAjWuWS89lNhDQETjpSf+WR+ZPvUo61Nn+y56YXdVrh2edDU9J/Hm7O1ht/rlVx9MapJH+zPOLBxUuBUdPp/jtE4kzCCm1NYFtkW5kBfZdkQIxBQB7za4FORD+QsYMMelZogYDlMW/c+3w+A9EzfdaVOge3R7MiSJk11MPWu0d8HloxbfNLk960sb4dQL6P/TcbukfvX/OnpRybIgEYHjk7gOjJI4xPrg/Sx08/xlpvPh5IK+vWjPXJe8JVv7TPn64NW6vfENbmsWdGxlreUrwg5ijOthv23h2bATBzWEGvzPfVdpD7UgeAuNRGAnUYFSPo+HXg+xfOt9FnTS3zLdJ5S72jTIbxa53eNBjY4uolmxrYhUC8nnr+1E0EsqLRLUiIeWqR20gsWCe5ITpc/hIHyHa674Op7W1vgNNzYECr13cq3a9tcupo3//80k1cc2zLSuFFW6qXCZOWebZA01SLqzIsF9LkAEgtFR0kcAXDMetvYzQL8gbMENA2cF+KBBZryDA1bqRZ4f9IgL61z6xZAKTfrD7WsSn5lQ7g8lNxjypnuxMbJMU0n1sPt0ReiBRkzgCYJCPgSWlJLZLsK+gGAEZLmLBSluP6F2LZS9fayVPAhEHoNG76SnQqDfGoajdWDhN8uTb+DqGegikWyECKAaPUo2PK8eIEix496Btby/236en05od6/fEoNjFfbrRjL8amD6fSzOSvpm8P+wEU11MZMyMkARHOv+glx1F2CaOFasbkwkoTRkVfgmpS+ByNdB+7hzzjJ52oS+b0eNchWGd9bQHwUzNJXRzwc/ZsPb2OCoxmViNJS/DqEYiQjlqwlnygRGg+f9vkW17eRc8OzWqtKVW+MPn00hrWQoLZlgp6+2DAItC9ljQJosYyVG6hXPhwEfSVaqY/YYewgsZk5iq7npeblsXSUfoLYQ1M4Z6SueEt0IM2Qk1jCYjXap7Xaj4x2UazYNZGVFEZWGPyd6Jlv1jMNkNU674chSazl4Q7i8Q4hMoZWomktOhk3WSvPaGZsOcKllFxLuip57m3szs+d9GV1xt3waBDqCIX+gTMNbl6uHIygUsv+VnfGK8ZEErruYGTCVPaIjPO0srNTc4gqd4Q5c86pU9ZoC4Ew31riRMNYDotbzFpSMiUUJrFihwIEbbVDlydghCFApbLoATI3fQhWS5o+aWuFaQp0RvNbaVDMUybyLsHfiqe6m2uxjixr1xF/GaNQ0ygA96PtbS5vbPwF9pI2t3IAnihyZSxztSbcS9jp/uwdxxrooGHk+ACABjHujB1fSDZRqc38jtZUJnntIMv8DJaCQGLMBBxE3bayIOP+ScjtEYv+u+uNz3cuG9Op9IVnPIakjCXdWJvpHB6wAjGJ3xWhx/VzLrVpLz0aAAiZbhGHfL1JQgGXsrNhobLFRN0hpv6pPnGBGqKrBnUZn91G1klUUQqg8NuMwq9UyEAwU5CfWYFh6xEbVdy6uoKnFWQmOpaQtpwFEgtwKlah/qF54F4KNfiNxVufCywvQ/JWaZ/ouZCgtvrCu1ZZbmyE1KwAfRtsAtpDqGoyf+YG2EJhh6Aro1RWzg+sfeRa9H9deh39+duwg229x6zjl9sIGMcSriFCiDUZBowScqUmQ+aw+OKR4wY6t+QT20s9ZhI5vCeJbwZzAyiZb9QoL2Yer6xmTdSD5aC5wX0cTov2Edo4X/m9Zaf94mlClP+lzlU+ufTNtN3OMsSsoXJA5pJ6XHqjzvm0APGLtf/Pcvg6qYef9OEoyvhuUbqM4R1WfpmkKKW87ZAbdPxwjrBspbWyLrICYmRYMstKAtehf1KyujNM88z1hZ0qR+lAIwCEdfmgICSQGbqCjTh15E0wdotjqlFC423AoUKY6mFd5FIvavrdX21rp2kwWaS+gTWgGqW12mfDKXChcDHdPEae+z2HeBqDBurmjvvgTccL6byeJBf1rTjoveChGUoDNhMr+BHqNOTYktkssCBj7lg5X+ZGw8JgLPxFpNxkUMTmL8drfEpgBt3zWBxD/1wylWn5HTrEWxcHr3deEcjNOAE303Mnl839CaSBtjrM51YXQl6l1p7p1DNtJFj6M5b8P6L/kyB1ebJ4bM6E6tSoHslrITKIr3/3SrEFKuwy7MSoNMmCKsGFEAuCDc8gXD5gtK2WxhAUjNFOsUS7XkYjfpc/q14Pdtkevlwq5CNbx8S7+jdE3z70kskmrdU73TQaNfTGYWo3ozwzbGyM3fXnv4r8WNlu+04yi07QAnsXN5tzyaYNUWaQ4sxPW4YTqae9KUEY4c8p1L64h0v/CvrtH87T63tAA8Pv1xq3Vu3ikPZYcsJ7XuJWQuxX+yHtBRr86tp0UHTKXLlrtYu02+2XYom8Jqp9agABmPsHvmpUUWRWeE+ydv1QMykNTaN80dGLERE+Fhq7If7IgTFQkPLjbdogYdxxxfM8JbwqCWg6sE+pMlwhnC+gDPkGGfa39CNxnKBWw54McLm3ZoClzQeU4DGXnbza42bN9EMM5rq3yD2Tqo+keeeJEZ+OemKhTG/gDxO2xd0URxzrBP9WtMtAcxj10kQCZaclSICuPA+6gk/cHecAC2aWtPgwQ5tV681cKJUviarzZqBERpYEd/LwAvjTjnpJ72WFBpCT22QTPQLqfUCdvrUVgrNgvaX9SK5c2+KaFC56dB4UMYwNWAxnfNtofpdeOrzpi5OvePZ986dF2OfQjpBBLhsMmdlIDy96j/m+9w0cOde9mONURA1W8kEeygIeeAjD7+N9IrHIZeOJiaC7f/EPuV9lMSCWIQaQR9cvo3bnv9KNgTqLNOPmt6LWbbAsNgLSzA7i0GItSofcdX82TXmt7yQfVmV4O29f1/5orUkxGe3S7ta3aMd4QXE2sCJJjhLDlKba+rYAv7dz8JspE8vRbgUdVboKUyDYd2o59W4IPhD0+7ve8qtFsySmLxZGuuTAUmMtnQEvYDyVKuiPxfffUHba5xe/+wKKn3lalP7vvfJeR4dunjSBGNVdqPNG8C8ZQEbDWBZCzkbIz8BR4hxKdDrya7RGxHSuwqbpn1tfEV4B1puwB/I2LIteEAWKHi7vX0omcFZHpaGu9mADCNnPomVHqNAUL1+Aa95FJG05r4TiHwlLfnj8T34aPM7XX2ggkaSRel6dtIJFzIoLXQuALyA1gR6wagI0Uo0lvSS8PpOk0sve2WJr8fcE4nrm2dbSHZ6GWzsQ7leAUI/2VfTqQKYn9/JKwXNW3+jXwPHuRVmMNquux/rkxsZDadmzZnyWTQUqTQ1KTnCW5emwe9Zt7S2qA6V59FZWyt/jEdPkFz7B6KPK263PuZCGT9vbzVN4U/JQ3lyYqYje1aeoYjTHjfqpgBAEMIUZcNr0LK81wISAkgGXhJWeR/AbFWQH3jpnZPY5o2vpJjB+xG1HuVmSXZ7zpwU0pHsQMVkWeKSSIm5lVxjcH3hOJX4Z/xKfF6ETK/GHe5zrFv3JZ5FVsz1LWvfHPfMNU2Bsa+hOtKL1pKwLmZgmLaBJG/piVwi/BRWzheiJrglZYm9z6pa41esmdwGLyTqfvamylvILxoQCnRkJAn+5q3uZhL8OVAzPq/MSwtan11AHRkgkM9HoMDKUZydSHC1OtMMPsdOZMAlh4tupZDxKuwpD63jGgIgTEsb1RdwC245pdiDgr2z/6AvDn58bn3Q3veg2FS8kKSMFCBUehVu9WQzbjcCOGwgdeM8xnFDZRcK1taGAAIO+X5yktN684b9ldMOfDKEQdOwmxDknozoIfhhinIqiSLAKShJgielwMWUIQKL8zUhqIGDiCVawDnJnx7RcMOXUoSf5L9ab+Y4hfBn5E0fjWGUwmYttpAdxsQfBjjfM9pYgO2l9PtBDyW9FZwHekHy3jMi+w5XxvK5xTM6Hv5j1CRV5AOypwVCnIIrpOapw/yRl04bRPORWsy7Eoqsv8tJDVjgsBTJ7z9hiqfwZdc6WhP7p05SXgdaYuWtrXXMYkYaFWdVnxmiz+SDSPhvfGER1gM5bqvLByD4GB/1sNPa1WDWj5PVUq4fcp2Q/xFPDkfjn3Xj1LxG9myUnzcWntVwvFu+OGZBC/gbKvQaB7TsFbfPscBjnCRkbPQlf/G1C0BovZNHcgjIkMLM6eantQYuA98vYBtn25ScCQWMhhJJm4zqxgZ8P54JamE+Z7zTj3CZm9ZAjrltQ3mpnGL4nOC80snkpOVjsvNjy0KTSzqWA5eOwyyK92rUwrxidZVN9U6gywAbW9P58BBM/HJvedFSgfdJ7mtZ6khYnsG3lo0cafwt963MY9zw/UkvnAz+0rjvVF/jPeRZFS9O3OSmol6oP1NdX7ShxzIq/WTxIIODDUSePNx50BYiXskSJxPr3IIm/Eci3XCvnKQ8ADP0j/lubNijbtyHuIFxPvyOuoJDrw18hSft6oVEu2gLFoO6HwisYWjKPqw0lVBadUkrO+DQJ0aGr2J/IXNoQNcrGDRctQSdE475OI85h1jObT6/I1bmXBce97np50mLkJXRPaCPUYoHYSkT/IAe4IlCBIn5uUu88WhVAYxjFlhUdQx99BqQvdi95jOqTmczWS20qcDIcgEypvDHKOnencfjq4bl6461ISKiOPtBRkFsSiwLJ81Sr4OmJd+hxSP7pIcfaH72k/ax0PClj+wFPzCfn6K5OmK3gUl9SY1NTPcyTS4KuSVfJ6r4n3/cDbvf/LEpZIeDjFIjDFjslAMGTKvlJ7Ij9UnTm5KrDhip3iQ22OTOdLzAQo09W04IRh/BEJlak+uj+xv1qWVmTmrWXdpP0o0QiGh6BT8bMu5D5MhhYELeIpD7kXUMuRHclIy+CdSOPTdr9OfBRnQeEAkIDbPpCvN9gTNxYMu4VieuR/gyDaxRH8RawysH9jSpBeJhNTlVtGhxD2UHldqzPMvjOGD7i51eDVl0VLPz0PkILuFBnEsLD6AxitdP3rSLjZwY9eVyNEID90/pY7hdaywOE/3gJ3twVH8AGGJqMXxe6fMbcLAXWdOUYPgAhqlhUEACAOQvR+d7wXF4eF/wfhyS9ZLlbhvJ9nPoyTG2k3ZUN1nNubzTXJk9I3y9dpFQnAvydL7qmx0aaFok143Gs/q5zPsJe8D6pIY35dN67AVik0wcxidcxuXcsaEGHhj55+Rgq8Gn3tzHk9iaaKTRQ2yF5waXgAvsiRrGGsksOYb/8BdNKMJGRvNHUcaW1BqAozbtGbyNVwsYBu2tSi8++Lm5EtJ7Km5oaWFJ9G3Qltfa0rLtD9a4IC4T7W9/bxL5TbuZlFr9xv0XzowSdyycrYbE5+udvbBW3PO7hoTFKl2bryUx7hdAu2HHNx+zKY5wI8A5xK2GnsteQ2s2taCJrSL6t7i7PDz9CKbPQnJ6eBxvSGQW6/UCSvKp6QVFvM9gXo1dZ+UD731GdknWfOjIYbLQULyhAytjKcSg2/ipuehmHDSFGuahj5C+fZ2mCvRnRiQlyxfh/u3exCDq9qEJFItxh/a10BsVcQ8ZEIVjSEcS6QZkmEbiKAs/LaXJoJlNrxsa5OaDHkBVa/gjmXnFHDgxD4ORt4slcJFXeCId4ZCR0V5cgLko8Y4csW/nlTfrHfqAxBZWgCS95XEfEt+CBdfEYWvUWz6/34Srjet5+Ig+PxyGC/DnxrgeYoUNDo5FSAToMuUeTpxTXcUDCP1EY/aNtWqO7VALeUKCCKku9xQ5rWacUYsQk2cdSRZApCPcdDaBcPGFo+mLEERbKIcaH3pt6h7y7y3p4ahiTQ/c0RCmQhoQx3cTAJgEQNNb0i0BCmCfjE5r9L+aBodbXKC9msoLwee+eC+b0pWL9NbWrX+LnEV9zziYoYytmuwQYT0YW/nIkR3oIPtkCr+gnk71i2qpNJL+17T0P4iIdq/1ZpBP1UJycDUrsTxu+E+wXfX+mXtqrDZFZvuT5HuDv4rUvz0e2/XImV4HbEDCv5IWqStgMFDfzDzLBW6b3tjOVfZrh/4t8XwJ8bJzFUsLqmSn2KQtwKnhN4Xyyp7zfqMOyZlHZi5iZAAZPZW44p0LFwzw/v6IBazOtlYLVkzP1BpgdAnBBbEzFRJfG30HDxoQosGhYom2tBn36pwv6x6r6cc/4+6XiQ7AOM0FN51mBP55BCc6nZmKGDRmqyJkdzJM2uG0diPYgKJ5CV0sYz/24RXICEA+jIBJHxq3J9XixgAK3OOUNQQc5ywgHrt6K6ONEtYAdA6wehmXWgmD3yzSG4EnYok+p7BWyS2ykmAAETm98Aj3OITYMNjtM6DmgYRwsXG0mehZYfKEhAn4FOSsvCSsosREzjZVbpR3dFLSttCecjBhUItTP8YMwzFoBXHGjbkMK7mIM8uiKHhoGRYBCkFUp6gBexrZP9Nr/KeSzpL1OW4gOcxwyDGHDj8zR2tVL1KvalYoAew+hZ4cf9VagvKcohcsbFSWdQguYKbID0bwxXhh9QB6odYgIiiPm/WfzKE1cJBEuhvNZ9Q1MzhjsNRE55FoyPs1eKopEzyqeJqrBOBuhCiScY58NsJ3+mSoMndDaxjXOywz0UrPCWTEfa7fSu4xebXv5f0pXS0gV5fsh0urhY+Vu+PkWX//4Vfid69y70y+eBXUvMYTh0JFY44PNJjvFtn0pfndI683cf1mPvnywMT8u1XXGU2x6E2fpslBTpx7xdgQN39uIVTtGhTzc557zzoixklMrnnYiUyD1FfHvYG1ZoFvnVuBEkO5HuP++oAVq34OTUFLjNGjZHbWg9bKPWVYm+MT76I+msIpe8EIEF7Vw95AvaEBG9x1iprpWEDoBTRrUlJKewIMVfsyIBYA+Ma46zfoW68hf3H8RUZf61hX1sJCGAm+wPlLbMV4n8e2u/5kgkIhjbLjFdjr9IUYfKGJVt1xlHzUiTzw4wjcqRXFnUCtjp9un6Dch2grHiQ0xaAYAzvyoJhOS0iMfKRjntWzHPA6wjsAZYqSw397kpmMXrilDFa14noXIgsRic9VQDIfHJ+7m+gdnywtBN4SSSCYrJ8Euk1FHfOO4q1gNXgDw4Wt24tics6LiljK3jtrN/FeaNVn5wz1SiLNgwSZAJKpQuQp1EBxI+GM6wBu4iBEdaBqctMOuE+1wbMD9ImZkMVQHg94W+hmAfoBrpH5PO7m+2fxQ5t75Neq9pFh8a7WV+X3LS3ye/izqrZU9VXlvUXVn+T949/2t8S3F1hkbx7zmn/DaJgSNgqjo7Ux382s54L5T8jtcAinSdOYgrlRbmPYTi9AQ3vuldGSoGvI86mlhHyfauKr/ujffgUuwxSNFUu/bwjIKYTPi6icx8kFdl1jqzjYnNy9Pl2563YuPDDC+2fH2Xfm86iXREr4STqz2uQ2CmhwA1Fh4KQbwdp8Y5uVmOc8peASCbuomybqLYEwUfleik2siS6PKUNeGw8RaMrmP9GtTqh5GX7dmSOiP+sNAQoOPSeHsgEhZwkOuHgrOPiAYzQp2iBcBPWabABu4Hm8lUEzIsvAkedU5QwJxcoTEpFwEDNaw+GnA5CwGhKfjkmf4lG2WBXeNsZ66KVpoQeMt8tkPD6w62KkkDzI0qrckiTxgV9ei0LGuFVwzUNDlVDIy7WGTptQ7dOjNy94rFHXLETUjiKp9TbJ8gYc61/s0AeACwCFeqwkOF/KJiDrX2olse4HlYKKtDqzPXi70XrznS0ywMFsaCK9s+g1HHzVm16lgE6CcQa/byZhNx+zEE+bJFhKMQytUjkL5c+x38rHXeun8RBw6+VG2HXN26XgQR+saLHzt+yDoGqgynvpdWW+jtnvOzn+yTqoGEVhPG5dgW9jTpmaeb0T+08DcRiQaKXbCQ6Y6sektWPB1AjY/Smc8Ktep0MR5VoClpa0OnpzX2gstJ6I/zRHYdrTtuZFLKUZPK3G5J1mZJXzaH4tj30plUMhCk9ji1oQUSIi9SWviSU7kKYo9PtHJjfYLxVz70osXShLUIOVBsNvYtbBh9CUN5o79ghy69W0LUAxeUFn6X1E+zPNiwPovUtn0vroS73HqvsL4iqXX85XHG+5bgv2hgsr7Zip6CovRfhgFMWKtHMTfuSNnLxP3ew5t7CzKmsswL2MvH2BwALMoTxvDaVfhXH9YsntvRKNpESUPYplehUGMdmjzjPRGf3oPrYnyLHFTkh5Q0a09LUbmpHH2ojBj1jRUhkAB0By1SNAK5jPN0Ht4RXZSz2WGItRXot1qs0M3ceCvh+eqbZc5J5eGEVk9Kl6h55QZorykifBAJ+Ue2oI6QDwDZEwoJUeUuh4QNVuiw/FQNzzR28EEvp66QVAq2TIeUofwwMPa4h2G909VPwguhHhEuBolWtX8eqJm+v1LX5gt54oXpm/A4lFud51PWYCjt5fZn1uuCZyF9hfOreHyz94j0sMuiOG9ZjUCMahUTSZ8zyG2K3w68/6shsiJeYextkFqpfz7y67OVcs01ZHL762akids/z5CjXTYODQ9wMDwOKcR+9nGQ+aYGYY1H5u5D3KXWZfn722XSeuuvpiZOKG/0yMNkdehxFvj558dZpVbWhscI9KS8M5GzBnzxMB8DyXeZXdSn/iGbnNCOt81WhBcjaYDCP4IV1IvErji07ThtkrtT0JJ93m8r4IcDvLlzJcXJhJQhYZOS2XpCYZGxNBE7FECm285dPh8I83rYvAtxNYQ6KLZW0gynJrugInZiMVPVkOtZo9K4Jl7qxQIRGMqVIDggyIZGBO49AAXY4NxCfqUhctIaOvRAgpQBke9eS8An4GE2W1mXoeNRHXA3pPlPDp30pfaaCrqVTztnMTG2Rm7wNb3/xE3cWeemBvDuuG3wF2vSDVY2/EovAtky9ojnWjI1WUJyRswUjCs31Ca6FmGxZZg7tAUS2D0RUPk6WRiYfpBhI9QZkiMXrTY9OQHkA1k21j0djNl9PWqhBv2pBHyjB5UGui+SmZKTibScmg+5wKtSfcZDi0FLEwV3gwGX+GXX4p/k7KLS0Y7Wqz1Ruvspdf7V/vE5vKahBLPnXsMVFQqj6Hz5EkcQg93/sN6pL0HDPYpLMv0iGr4/IB1lQ3QWaY5TYSo4Re4n5WzIlnxDvvzuqKuS48vP7da+05UOIx9zzzWKPHxHGiyI8kpqtAzxj3BKwEdvmoaWY5ictKlYQEUSenX16wPFmk4etseAKApz6bsV7GfOmBLXKS8BqaO2lAHf/BxLSbkGhZP1Z4IJZBIdpqOAmXG/dsEeSP0GAWZIZF7oIDH1EwuAUtyYDCRtICE5qDDx2tuYIwvvOA71YtrOeK0wTxBQ9rs5TmYyKuU+otl3meqOx7FUMw9kDkWNpSUAR/kGMa5WUcQFt7NF8IPQGY+UggSRQ2PHAEiriA26/Lc12tDj6MT+PRr/bATURdrkEoy0ktcoG/GHHnlh6EH+iaNS5uuNjFNdx4MKfAF2lrQwKRucEtJCSE/EoEAsUY14f5RbMNsnz8BV3cLLbAelD1lpbP17M6IwNSdeYuepvgOoKdjF+R3AjBK/OxnAW+51I2L+Box9G/ikmmeYkd+moheFJNualdEBFyeCyrogTZj4OJikHHpnrQNdwCTRs02jlof4bd7UjKcC2vTWg5YEgn9hznBF3XZ8Xx8tQ29voaxYIdSUBZ3ef4QDHZMghffuwWnHp3YUdzk2ns0tIyEta+BbM26Rp1CuFCXaeHckZBK1ntUS778FcJhD6v1kZa+9dZxEUxmBCfw6+tP/ql9pzMnLnOXf5kHD2zvoa/lgb+Aa3sPmpkwLKdSB7AmM40r3OVWNnUVAZkkUACgEmxaFOKh5lxqgBaOsIbYBTHPJYBcyNAGEcRJ2X6Dg0BcMiXwmdrS7RgU42p161Ow6XfyIuZ1ERnGOAnfpCu+tnluVfEV3qjj0ccagQ8SaV+nAT45DnqTCVLDSEV8+mchQ7EQ9nLD128zmzjgWHWgPAxDhIBylMHacQbrnAEp1gjkGoDSNppU1nDyNuCI3nMhwb6SXUHVK4N2+uC4LinF/0whaVMlwGjr8cDFoGLHQTE8Ik+GnzCgdenI3rFyHpZjutJPJYiK8FlD3+0s5cGYKH6teMHWopWsYUQEoIkjTbVWXuqHLsA84AkneBycTJNhsikkmly8tKI+0wAuzL3Eaklr+4RRzuOfi85BNWz/ZvvvqjzlFf2EQQup3gFdRW79S96jZH+htRnDf5GQ4sfjpAa0BrSZaxUyqzt0aqHtlksculLQuotbGTju8oiptUcO4nxwJiVOuqaze8kThK4+FDqOixt4pJLILcaSUkbG50ErSmo3lJXHBQqhyS/inTQQWr/mjOZ49W/sl+RLZOBF/mQCNNUF+etGVyRcqljFtrZYiIZ2JgPc5EC9EY2YoQbc8HC9GMec/C1j9GM5kYB/QH/tXEnjKaGGaYLZUk0AsCbRhmSSWyoaykI4FMT9+EgbrLKSYZP0vJtgXVoQRR6ccb7ih6EVi4FImndanuP3Gi4n+StknZCKK5tBKSsv4xDOeAp5UKpX2kB1AjQRMoJHibgCuwJ3/pkEscsPHrgssQJZCDDwMRrUtCI06Ep5wPLR9gy58ZBfNCTfenDXMTNbN4RtZjyro+RB9bVqgm0HvTKUkKDBOdfxxB72s/g4QsX+GsampK81C3XhQsbX+xYH8YYKz/hVDVwk5GtXtCn4kt/CHAfkhtyMQ24H4GiBbTjX0+Bduyi6jlxNgw53VJ4+e80hAwk9cKaWJjLFRORgFwBuU+LEPUUdUP5WnfLq4t8tNuLzabtxfuvvXaCkzPE4x2wTZqPXKP0BUft880zBQugvRurNVf5nVav/ebXbcJF0D/8Jq11j24z2bMlSQmRaP/nGFy4eh1uDjsmLnc4oj1WeoEy9fUgxAn8TCf8BN753fUjKFtLpFjBCdvElyPZYKpfVyeuirxPhaJ1LBBR+KQDEtRmSEvD9Vs7YqTevCaR4A655nTKgkP1ScRSy8+3gsmJV5rCqmLxpBXrcSFBL8JD+X6aCMHalZDMlB3QAxZaxC4Az//qjL2Hr6S4BYbAW+tZAYCfHNFc89cWqA+UxJ7SV93wm9F8qwhUEWUTLl8aGr3hjWJJFqxjg0PDEp2DqYzmUcv90/5YmOF+jY2oeNDeyNlHINHFR6FKz3QEMMTZ48gzgRmk64YQF0cMP0BMCQVLrAHLSfWC0kXY7Jq0+lum6alMe2JpqyeBfAA17JsehAyeCXUj9+F2eAfI7KgqQHsiZ8ScHW4yriM5BZZrgHiwZ1Tj2pN+hEf4xQa6hInWMgcsq2mOF8QXu0gI/bgyaplZ1l/AYarQCh/z8JRGOHaN7SfwJZS6kFwCITRCEDr6hoPVlJ/Qh+TEwes0opcMh86gmmFGTiCJ1PrvfF1oZUJsnfhwuYy3y4EoQLnKfCcCvq0Ha18oKGDNY2QLlBbus0R3Qk+XXPkCdN4oEokbpDRfXzitsf077PZW3dKVkDCoRuHWQ434qREHN9/HfrHiGseqNBJ94EaGTyDo1GAWWFPZJfHmi+TS35QRdM/QViuOXmKhpWMKSm7kpVwRmM1kzs8YkjUyVjoDvKm0RmdM1F41Tpn5Xh601DzkDmKxX8wxHuifl2H0rO17X+jjmPzIB2QRldjEez9I33eXIOGRlCQFS4Whh8GRC2j5k6RCj9OmnfWAIhO+EWMNokXroKmuObbE89vWgGPuqyUMgUUHBkM0TLG8K0tcvPkzrhFhDAPMDXAfQEKaczJWOGspVPiDE6l2UxYLlfRYtMDR0y3VSWLzot68gjq4TrDxVGFv7YcThIshYFhDrOs8FBdOqDsNgFsSocCZgrzj8YTBnEd8FACQxqaJD3MneWGJheIAfuopvEsOw2AnPZSPBlIcEzMwiWHtGQw5kSMK0m50hyn8b4iiAnHwnPJ5ktqI5kYv5VRWODe5zufezgtrY67ERZ5bBkTH9sQ1kwOIi5LjuYE/Dx5K/4nv8Xp9zXvjbP85PGdox6gHILAL+wUSMQXeqej1AsZDR6aePbx8MnEduKSiqUO5ou25eVPxKJd5P63/jK+Rf21+uh42RBugHFtSetv/tvhwY5Kbdm6D29vatuL4W+L5b4GPFC+nRq5fX4/sZd7g3Oysz5ds1hPtWZxUjkLdphqsevrvCDY+PkOx1Dle9SZnrelvaoRTa+IpsqYpt8r1omErAGl8Ncz8ek6era3Ec1dL4C9SvQ+c9CyAo4zf8rgeL30/36t311m2tYDFhnZYcLIx6uC4fKuXeUDTRgIt/lSzkEAUWlkCye96tjqDWmx5p/Zswj2ZvAVd6+ZDqXNt/CAxy1woFsA9CZEpU+giakLQeq0xbJZWoyCMCC9hhI1yOvAJjZPcgE+EjFQH3K77UMiFmj5/XS/BS8o0k3ol+wBaSbi86rWNLLcuu7qSgvIb+ckbK9ZQepL+MYSIiHI8iPCSqZQBGWU79jG3MQJRkDyLIs9jVh96+iUiY08x+sg0d9xNn5CMdLGoahFrwIu+9IOsCFxgF5+bxJPGscBTLwkutRHcSetmDRkGFzhc9H7Sa/gny5ZKd47+mGPM1vDzOey+dGGP5LUCzjAa+N4dzZfsVXY+XmzMAjHFPE/mvi17c03R95p8B3wnA+M2wiOW2YPl9ptzr4CjXLJaH96Hdx4v8hMz7ePB4rSHGu+3tMaJzO9/7QIbVybE/hBB99DErEttwTjC3HrDWdCAJNXTlGAd5nAecVnP9QR+/3ki14C1W4QkXS/lL9lMOkWOinxMSjuWO/XWRQwOzWLUbxgFPDwQenjumXvkWa8nM6/JLF9ZmTGDL2KWfEzYfHVgf4P9dKBtrL14W+qMQoeJEikugMLU6f1PJq2htO/QjGB2vbs6gDfCwWc3LeXEryzmihkcbRsDiQxsoMfWkwn9loFFdrFEbRJ9BBnBIfaIUCDBhQMBwixaLYHPsfNtJ0N9J7f0+ES2WA+WZzfuTzQrLESrepHfrg8bjA1PNPTXrZsIlppAlhRatfUjsSD7sWnaFhBQcuBzTBCUKbWGAsr0GVnoG+RUN2AduDbQz9UCSLPgOW2CS7irBejz6Rf2JTXFOtNiSL7dQ5GpuD+1rtC6Tj/0qpYQrcKWnmnoC+OFoPMQh5GwL78rrajd577HznUWOa3OekHDyefm8yf9Z72b+CGgXSJk8zrdtCux6Mmtc+xY9hmAHJdw0MpThAh4F/lPX+9urjfqbS7jv03kv5bGZ3vUINHnmBXjZT+iJQ+8w/WZP9PnH0VwGwVoMub7jJYmIcdJ/fi3xFsrGrT2xwtm+ekSorjUUc6ImlvbDoI0ldOChCgkECM4rXFBabW7PtIvOhLRJLX0cpdAX6LYYr140eUB5Si2NFABI7HNjbtyUOIKcolSSwkyIphds/JKV1sV+rGRXVeyP6qXaccuM8yP5dDkujCyjMWk4yRFAi2MGi214yRwr/fNWWZWNCdQKcn/GU3baoWlPnJaL7QhWOoqefME3dcCU7uUwtoAmBQXSfnTNnBsmvDBM/pd9cCkRlCLluO0+kvi4I93Xev3YVC8hS0q1ob0aZMFViewuMDFFGUR4LgWTCo7IowSmqRieZGSjdptdiOIhvKimBicHjCM3JFHGrBFTgoALcXPEpBVb0x2kptehF6uodKsCLe9iC6MDxzAslZAtXY262RL09rgd77g26d1awCVy3Hjf1TIPLEhBflmTQV1puN598kapqpGp/6yJQvRln3bS2IEDZVoTzpOnHz27zdLAIbeZSqc6tFoytxhMu7GbsIhegWetCeR7sckiBNcZxZRACPNYxP4Nb4c7W9f8+5q0ZXPAJaEc7LWJMWWu7ifynKTzr8G3019zr/r3L5dR+/dO1fE8hyrHwcol9a4ta9bop+h/OZMHabJej1OquNX4jtQXqy6+bYd48PIKtP5/bnetprXX4y6zvoda0eNI81J/3MozIsxdGL+PF/2aNo6ck8/81mlJt/rzfw8gch+FaLiKSTtAa3kqnyncXVeBOy1O7SBLkQFcaT4GlAYPfqPfUOLvMctrytg1ejpFSrJXxB5647wIyDpIUnBM5NDTWhZPZF7ljqJxjo15Epj4nKnTgAmTaZIGhDOH2OQCt0jPwFACtIGkQSKlvRBVl50PGU/AzkTLpgCBa2AzDQBHQ95GaN3lpuKjyJcEOq3tFVOP9DEnlZYnsG6Ah9TLA2wXGSfFS3oCFK1WBBmGxlAmGY/i8CmJfzTT3siZfFxhhE9D4UtTIoQXiX2GeEV4pvSqpn1AN2L3gABZTWo+0zXDqE2LuuA2TBZ6iMPCe7FPtwHDcEAL6OV3YSV/lL8TX8ssGrdFl0BLvNyceJz7ktruGnfYXa+qGG8XBq2SEc2Gz+UqWQYmmJGH6K7xQ5cqnFKRmEsRnif6rLW7KNeDnrpvIjTbC+p2Lx3ouS0oQi6GFtpoSwJ4tchjmiMHdn37V+RJMsnb8/R0evHaj+zUv3Rw2yl97Yq9IztgvbdnloCP26V2tRhBSzS2P/85pv0mU5a3Nys/2oX5u0vg8CXewnx9A6FZdq/X1sPDAFWRj4/vXx+sWqJ/oJOxsS0nH5bMjN5JNyND0lTOCgbnphx2ZHzTjwhx1zJ5NQkOxucuhLJ/7OWEDUFToZErXMnwuencn8dJ25WXkallBS4ixJ4b/xlOTVmzdhJVuNlWB3JkcA06m3nG5L5ZAIbnsDBPcC8soCFSCQKPTaZlVjoJpyr1C0fDWDxJI4Spa7DIxeAxDczCVu8Qgq9lBexlz2spnVGLh7JW2JJwPvCeM8scWUhrmkAsX5eIqClViswXnA8h6bxWZCBBpgBykzZ/NVAel4ppz05zpRMI+E8xYvQE05qnCWzZnRRy6UjY88cmhtcK0g+5qxYBAcO5NQSvpCSYstZGmDUUaA8hUC5ERSMU7zBGhl8qzMbSYC4doifnqep3Af+pV6yFtiknE+TIp54fip7wy+tv73gw037Ta+CkW2KrRVbl0GjTUbt8uXGRIlXc/SGMRfpt4i9n95p7NfPcUspar0St+p8mDHDq+c9nrLyRtx0nn75S7J6L4C2LloqLyvCbTpjIIceQlqs5H/Mtaq8TuZd7sz4LGx5/JI/w86P/FPJr+qDR/tggiYwsprG8FoK7xLqU5p1TV/+RgOi4VVPN+sBPRdLBQpHnXrlYkvz1MTSpFUt6DDStkoVQPgJp9KK+XvNPXJW8YNzzcx0NC7mjwnrBX5RfqG5aBQJvDRFWdOZvf6zTTvSoQbf9FowDIFRKTdpmaypg+c3ytLGI+tHYN9hXLKrim4DjCHtyfhZDy2naQM5db1AGM0Cj3GzQsdhxiRCS3kuRFIQlrL9GeVQs2mipzwDUADswTfdeJJxIWnxG2X+NumYOpEbd22LdFZUz6TrwppASnSQYihyoJ1G4FlDOZwAKBFDyeDYIN405gEIIteKGFBQC5hLgyNJPdY44ZAPJ9/S0cbaU9TjRcYatSolg7aA3wgzGnLg6IgJdDEHGO1JfuQAASWOoKa4ljQpACFghZYYOClhXYDtxvLT9Y6U1aQXecQee/b/1nN2vvFeHrp9u0ThYZvYwqwtoGpGoPISVs31fNXCIrMk0EdTYJEuu6DfJuDylv+Ex8twPFniaESGvkTu7GbRwAfsFHSW+aTQyMEtW4lLvv0//llT/Jn2UoYOUjlT5tnS1lJZBLHysjK2o+9vLoYdk6o83FyT7enqGveHfyUeyyDR+OEcr3qHJC/8KGAYHaJBpN+Mcz1Ydq5iXhqsWKvTi5gr4afrWXXVZdT0aNmwZ8B1TNAJU2DPY010vZyFCFFrKoiEKST+T4T7nrSP0Ix+ZFxoS+JZs87Dnzcm9Kf6sGqInws+vTnfdVYczytls8fxurKS23lT7GuGPe01Xq9NS5ns93OtAVzI0JOZXDSnnIZT6CLQtJvYhUy3rICJrvU4AoZUMq4RJkCsEd/2K3v42veJaTQZ6yjfvbE2GtWOdYYGQTQUyK41ldjobM/LwjP2wDC2cg1GEs3BNy7O4eRaiPPAsKTzE6HrTUyR+LKZyD5eE/Wz8Cux0b9bxtBxubC+Si7A5iKamLVnwYJOE9IH+y19jaKTTQj4Yg+Hk5ktglb5uwF6rvpxC+ytyfl68z74aCG8QXLOJb6Z3iUso9ppFNdimhak9HNS+PLgveV4VoDs+AfPIif/LwLw+XQN6IV1OEb9wVjQuWNR47nEmHsnEYuPHIlfl+8vd8fIc6YQFee8aH4CLiM53pu7ttGeDk3Es8MIrh0VW/yZuxQlYbQmpn1YwuDIpG2Oa9yv9r6IOvAigFz7M+xJK3zybT8IQMZ6msEosekscpRoNFLOS7BDyvAWSEEmnePSg7Mb1o8YtTfr6HaXZkUvi7RPlHJsnMT20r8UqGm+v8T6R1O2rqPLWEG9kKPCAnBLT84dEI43nHSEOU0IPB03vTyVKvG3jR42/HRNubVBn7LXp5t2wca21CczG8CsBM/Xo4hyIy9MhI4PsbEPrcXkzRw9PewHNLFYqCguhdnQq36bHqRnMDUt2vgaJglKGhXkD9LdnnJujdCwBbQGJNfm8prGdNJeTw1OWecCPCXHBowJscCYpmUkDhoLlzeKrnvB8mrK1mjnijhA1puQWeyJyAFrHgecKz/tJy7+Yi0ZJeZcT21i12roN8KTL1t4L+AFKfaKNZ3LUwYGMZKQ/3TceWbaWCT6EUzUCGvhz9iZ5Mc5Oecubtpjm299sQUpP6w9xZyS0BgNY0o0Wwr3wvHAClUfRqC5FUcuDIlcQPgpLKYsIlQ8/luzqB7nZx/ps2C1tF4W7Nogav3vqOLVsQLy05czhY+CWWWyZ0Q6IkNTYPjdB7llNJso0HuTM+lKR4SxHP2Mhkl3jOo9O5//NI7ctMvDWmqxZGTu/tK5Nu9e7oWQ7HxM+4N1Ayp2gS0JFcd7wHQKEffUJGYfAxcSfZp7pa9qsMPlLqRpumqrZ+ijEyY2LafJxpw08r0Lj/s5ZCrrXv6ggbs2CfV9r/Rv8ifH/21Ip3/1Inx/S+aSK08gUm8hpQWwxniDCRSennpjLGJ8QeKsDzcH4EDDPkSJSGsCfThNgD8ZvyC4eynQt7R4bRWBLHK5VlBMyoIhAEDQk3SEBkg9ZWKhX5PzCsuwvEO3gh5eDUynsoNsJ1F4zJGWHtCH5Dg2XYAlAYAVQyB1xodyNoXkQuOGMmLLlVy8sw5RxbWnxaPQ5bRw3/JE5w2X/b8eS0PYuKfih8Wk5eZ1vYcQiISLfi8gtlrYuMQQKD81C2ljgreB43m60bB+kmDpWTAx+VI7sbtPtQWLrXyZvdgjgT4xv1f3yKYjHzohJ0WJTdZNPPVqZkLTA15SQixaMuccqAPjPxv7vuQjAG41/N9EP3EsLXY3j5wzNW80FswTet7AIukTYoCHCNBjmXYs/9XSDEHMilPttJCcRQfXlBIjglenPN6FJpF4aFaLszdcfjA67jJpPO0FzTjRBY2EovSLe97JXpXabz14oQlWMu7s+Dx1OFtrMBhTxTpCYiyphnEwN+mcJFWIzV5wHXevcME6pf1FIEff9yjI1mcbFs5s35sQcIYSVYRE2ynWPAfTiWCn61rfZZ74bHRgP+Tma7vh/M9KvGY0njSzKW1e1kRopHZ6kQUstxoxr+c3oq0BgaGPWy/g1QKX68PRYDfqbEI9QpPLHHOfRGOIj6PgFclLyExl2tOO/toqikahtR3LCDTStcjJB3omfAqg/0Xtci3opXnevIM7HZ4UvWIpsMEI+FKPCQBBjHXkL0ZIOQmZoLDREIjjCTaelw2guAu9aMUUtLT4RdKYyyfz9Nwv8E/S6bpvBNA8L+yGBww2AfM2QpJSPRwF7fXWL+rH+WIyrW4tFokbjwsM3gZw+Dmf183RsSs9VA/UPvCppCUvspVF/GLafvLOgti/Nr4+JxqXbwZEHrJq5SZsfoh5zxINSfEDEOwJ6BiX6xYIfRvdXooudMgjSVF1DWOLEzG9Z+4UEQfCtrYNFxhw3ItDmqkESBBJQS2516n37VaffZlDvmRSvTXjUsBqFkMWCf0Gp68behgBOY/965+J8/tILQ8ImvC437u/jMVDYQWhNicAhQCOOuERNnCKn0yNFKNPIAbAmNrNssIybM/5F2nicH3CN2u5S501/xTSfWy9FjTwbCEwA4erzOf8iA/lhPFpCouYfwHhXjF2KHNo7JlWjRJWaEGrRcX5uqbv1Mz+C3Fca5zvWsDCn3BIT2iQoPQaEgih/nrPirzOqM5F3wZpAbzVxE3Otgz/I687nf3mwaCzZIlgGY7NJzKlAGAJ6iTAZJZCWatTts+sB2DUzTBsjgsm+NkoGlHX4UIxftBz2KcT1k4X80zwuJYmd/MOjlbcufSyV2jJSljCVpYmexVcex0Fi6QJrAEgJo0AhZWiGSkD6iDhvNQbaAGwHvVGoZPBBDSMkne+iUDZG0Q/GD/STnq9boW4bv0bgXTvK/zQt/XBhDc+cDelgCymtKYCUab5bZ/eBjr+tjGsES7E01KsA8cjMMTl8puYpTh+o4WTRXTQ6hudLR/CF82ajnAGXuk0l/7CVFtGLrVBsSKrgv/uQXthnnVkdp11+8xaHL/hN45I4JGuGcU2zg/EjcdEjisRYKq6+AimrksFKoJ2D/Szv6lylFRNTeoecElYLgdBWae6nLkmcG7e8nUbxmL9uqeeePgZN+Er41fih2JTr5dIIgSikAASQpPSvmMqrKHq8oG1QvTAc/5uMgjjAMAmS/ZPoWufXwa1gI3qOCQzT0O0oB14HRL2I0yZ0pW3gAZf674Vma0Y7/PhrG2Q97zR++GekhbkdV36fNuGCd0IGLi9FAEfpknbM2UyRJIcTSf4G1Ei/NTvdPLENhNLD4kA2xQP45mj0M0B/8QhnvTM/zRGi64PiKbJXgQPUIzIR6rsteYAAOFyfErDa/vVvWsLkD4+WUe63KHLNfXgRBaHTcF0x716B29e0BJbp4fJAMiAlGDTRwNAT7DHDzokyDwzQjI160lATEqNNwTpq/1veIbio5Pk2gYqLgLbHMdaLAkN/UgcH6hlPGDL3gDIRhGEeFb/IPeqn+hHexZL2/ntujJcltuaPSw2fT3HPtz35TyVvvHgzecYdYyDw1SUjqOQ5H9p5MXjw+XP33CJ3ugHi/rYqBuI3CKVJlecvQQFHks4lAGbIwhLYx2Spa2XqYIowkUdD46R+86YKbdOXJomsUlpIuYMLkEsctcGLHB7viizAitrjM/Lx/czZkbPP/a7XB3l14OjnRX2cdT3Z7C+k20XFdUB9n0pCiU3af+sG0v0v8wrIQtI011FQolWpHMR1vLQ/S9gU68B5mRqjA+KWWmCKKKbdbzfU9XC8oUTo6LXtD9THEHjp39Bmmla4JjX65s2jt8nuTaAe4+EuxDe3KzD/Tvjr3A65qr/tteAPxQO1LKenO2yyba4+jIhAvtJGnOCLHRJAJcWL5OVRpW3nhAMIPBIsz1qmssADA7xDVz0BYfRnZjOvD5n0+NgmLsLRDxeyitEWEgxRXundQJXyGzTui/YoC3ye8XTFwVYz2nd3JFyGsE4EGHQRbyjxZp5sa4kI3CkUvzgyqESD59RSodoobbtSUb1iYBUpScfQDtBDcY5BfLIZWuP1qBIHh+wdjzBQx5aMjedsXHjn+sxrHIcEGzizlQaZd4MtB5aElbqyyDEVAAWpU9GklUZPb+4sQfiqhUFwU80kxTQ9ZgtPssVCuK57ZN53GDlUeVJRw4xOUftPNUGCMBzjgnCIdpSKPBIMhCxYFBHM6hdjKBeQJ9Dxvl38xe4luJjfdIntuOERf24Nt47jodAkoJ0Pm4I1r9g/sYj+hw3o2gq6hBsUyJUDwWr91tv+xAZFel6r5+56ZteyLPB5Z98G0f16Eca6Tovzr7zKmKL1D6FQQeVQA5T2U+7YZ+1QV6+2eh54DBenJXanOLRl7U7E1OvFd1E5hNn1GPQOE1HpDzbz/pHcclF02EQ0xtoZ3T9Zfu06L01NfSnDWEoHN24YXI4PUh5kS2Z9DjuvzdwaPCxak3wy5mnYM1A5QH2ajlXoGYuON81OnIHZQEx7C54yr3F240YzMOab3VAP42iFywWCtfhbzkLiAYQpXYhrjF248HgeAz1qwYjrmJuCS1zbitCby/CAZ85mpfCtSiz38XmCXrirRjUL0eTaeuxtVqyFrmALGRwzAcIJAAYeZmiBCiPdjPAycsYVhjFyH2ZdNKRxox8As+6Hf/gYoGYT2gaCUwpB57hhgrPzWqcb1prm2n5pq3yIFmBWhJAlh9pPb+LOlRQxoi8euvTyAwvTgGLERo7TFXTfHvCh4kKBy+MhpMADaA4xiLdqxtekLEP9eYpAOKLj6tFgW2RwKT5+vwaXriUyr/0II94ee/ZZ8+6TiyWeq1UAFXzi/cTPT9Hv5Xmt/LyG2i6Vejrpa+tsTVWbklZKFajjbUaxNuIUBiQk9wnj6GzfBQyg704t4RW0PlkxgyQgtjVpsK3o10HP+kl2rpibmAxFMQWsDAk8fpywWpmbQFX61ja1YX5w3QlJOtKrH7L+hPodGkReQ6f0YFznblcLxXyekYcjjafRklqFjXa9TFrAu2XI+QwHhyWcudZ2gJxgKbE4yGpgXHQDOsBXaDxfXp4+CTclnGFoce1IuSZnX9pwswt8kviCVbIMmbdwgAAQABJREFUtD1BK3lXxfuJIT2bf/PZIFWAbajqmr8CNSRwvp+tdFa82TxYLfyk8KQdeCcyi9U3EuJnXhbsldEjULix0XzTcDIRDJKMBGQYpRm9fsJbDkQPz2bsk9VdLjn2hV/2FwuPzJzz1cT1Au/g6TBXqnOBKkUCsICM1ZG4GaNI46jO4OJY0imwBKB2UjccEslLl+J3ydILfUUy56nnCMvmduMuxWh80EJZ7eUJiWD0RFZvHrCZkMT6MAZ9d2KEHtSbe4NGwEVJmUcIqBkWuQyT5YDPRnzJAP8d32oIZARxiIdpZtkvLlfARm8e7lcnhQf/FqrMyGma6hTmfRRZ/dGZCheAmKZ+rCS5piGH17fOU9Vumpmd+Y7A1i7mdIwzDucj5/5GrL1hU6Q3Sdw+xr5GeJoeujt57WWIWYwNHqL4Uit6fjpvfvElgPNTaSyx5o+1pMK7Wkr4P5L8dt83eoQZx0s8xYuz7X+4Z3J/hT8+TW3QUiRrP2GfEEH0Rz/A+opxsKHmx8ZpAIeZMh7KIKHFs0HRncxQL5LNJkeiE7d+wbpO5sC5RT9dBzNGTwvxzk+U9NfrF7732M06tfJb89EqzndeUrvD402hq6Wc+sXqpP+4d4mbinAiz1t1rntmHVd4OJFVQAtjWBlDdupjOSkE0lZcElZ5HaDto/QGAA00UUEZV2GgsYwgC3HEnLLXYyHWCfArBKz0L7VjUDzwuPYkjgeszKHdYukv7pP8OnHMrYnQxGmhAX41RROkjRAlp5MmCSH1IQAdqiaLdtXnk9iPmIacfEgMqcWHXq6ldp1oJvyB9ORpuulGWXUbKLUZmRfWD00pIA5KSNtvqyBBOEmZNuWz0H7iJ8W2oVFuq5P0qd4xH+dZIyH3ZA1MRf/bvpkgcQPjS6TK1/QsGCIyh+nQcvMBW3Shw9yBXQZgK/1YXwQuEmEd6U07+2wkcWnF+SkjchvadQlblrZD67A952v7cFk+UxLvupEPgNabaLz0dhpDRuSwP6LL1zapxYdYbx8MGMLX7W6AkA1rwBTjtrWkODq8vvwlEj+SQl8qrhOX+cCTN/IDGaNuXjPDUCDLQAuafsiH1EuaHuvOH4Jz7C0WBsT9PV8Syk6dFlX5VjKyfDPQcBuokwTV+LF6Pocno5uyFMcd5xu7/fe5V53pOqOmnQCT1KQ82ajGmloS+bWQ6CZ8/ufNp+dGtniHu+MWungDLcouTTfq3rPtkb75+uzkJnuYQRPY1HgaQSwaIR/0BCYlfTMrMIGynUbbLTgpMn9pJyQYm0jRAe2rLBM1uAaWy/GE4waGln7glRoSENqNQYuhkMGotTZZbuCZ9CKWD274sF6cc1O1Hfj4M8Az+e6ywfxTjD1YtmtJjO2XfUpqWx/gYbYFf1YUC9ipEk/g33ILDrVg//ENAfkXFs5R4HrcIHtDApZG0PBTXrcp1JNSAB58mSoEuKoOvwInZaPiroreKKwGP+g5IieHXvOz80rK8PfQ7czOTeGiEdaRHOYhNji4wLEjQJIbOMBMDgnmxXhwY/pqDn3u5UT8xG+nHXTTm/YdP9T0M0RYF5YboDYNcMtrgBdlC2pIWgcocm0/3bx6s5+faW9yzsn5Rj0fnQmLreB9RYy1A5PpAoNanGsefiSMFHhvR0gKX16fcS3k9BvpdBmHPRYOPz7tgbWWOG9wgd0nvvWCiONJK9SxcT+6YZudOOwlui1+zm7C4W+Jt7y99cxMi7BoJJtL+peqoT7GSJubne+eXbOwiqDX+T25aks+6s45vc1PAS1PjBRW3ZDR6YnTLfyz55gXN4bPJJ7YZit3gbjE8xt1oYeVOsXd19B7XpDhKa+d8xaHddP+7D3BAwpzE94HL2n710l6GMLLN+ihHYXFnmkudZoG9pyqzvCc2RfR6N2kbswf2Khu0zRZM7Ite6C2Qu0GxgwGhnwWFtcibwG3RMMYZQQ3tChlGqNgNwYBKLgb/ajHMvIBpNTZEVnkFEuTrLXzvNESDOudON+sY8OHvwxIaVD0heucXb+MtGmu0NowtAQaRmuwJW5so77qNKJyTTSgEmGBJmkjQsphMEHR0BRgE7Gpo7T4idZGpzqvyOkYltcVYWItm1jbaziGmikneXEtttJYn/Vh5BAIYWCVjDjAyinzSxAVAt76JYiE0kZVC9A+BXj0/+lNe9yLUz/Bfm2R9nWrJUIDaxTKrcItc6qnpC8k5XyTc+2pv+Dl0RaIvbC19spzzS63HjPkJUX1WcxgSiPWhJFKSyi67QeUbRD0tx+9WyjH3iXvczwD6zs9DWUZvioMMe78bcfrfnilpN5s9R0DbXjCeZZInkkDgSUX3pDe3bS3G/aVrboQz7pplP7r2QWIJD2CComvWOnNOsMKnGI3td42CbVG5LoejvcO0yblqeN9zx3inxvOS/uyCRCIEFaWXPi8obCY088muRbJWqj6ulhLrQE+74TK7K0ABDymk4fMOkbM/i8j3ax37E/UWxxtCRuthZQkjkbgBJ8wBWoePCxcgav8UGOJaZBEB52Ekae+pZOpD21bE3lpaIVODlM+JzN1zaUc8jFQzJWKm8LQcJ5jIiWXjzKJv+CTtOq4PA78eCGJHmOOPjACpppOGJVApDQ0UlqS1J9YEP9RyHowfiSwB0OSbRwDhQZ0WOQdeE74ZcFLNas/H6FXcTq0ujSj3EZyP5leUD4hHPWRJzYnWEwbnjApFxtImwot1RD+xlfKX7lpF6H2MM8+ffSMvksdXgcbCXHMKcy9G05eO/WChk5y+JJ9yrnEH/teGvGJv33TLu6ytJut264N+yOCN2KCe8MR3suH9S/nmpxnt/7A0boodN3gS+NqD6wHYkELNlaSRCvqMGKrZUEmnuGQa5oXN+23qlgG1N+OrCOrfv9gpaZSLiTgKkM04+Dr61LahBZYpv/NWpyJTUxzeodoa2r5J+9hLKvH6s6TwUnMVGzDaHNOe8RQUaJfiW8zVAU7BASkE/tgNQqKdaAOleehAzktKFQynuMwAtTywFBxhp6v2vFJwR6nL9YUIcblT6H112CI1sJFTg6CzWPBuyNIiAU/4vAZxbwab2AWD8PgYjsSUbOlf/23CBt7F9Sek+Uw1CtWLHXEHE2FJ5EoNcVkjarybpmbBmbnDoRFF+W+Tr/yyQ8kaE3AZTT24hKtsGD9hPoeezDVbYqYsCmYRljZVAOCoxhMhsC1TmmQFIYorBJEnZJ+G/G6r3igVydE4cg9pp5IMnBoSQrlGSRGDeTobuLxosdlzNVHnwaeQV7i+azpHvecvGF9+2FAXpL4MrkmoQ1hV3wxgd6gytrkEdI9uXm297rGv+GKjeIAPqwnlh1X+ooAbCId4+YpeBGIHMmPh65nEG5fO3B5dJ5ceBijVWyX0bN1BNCxh4a3m3YRJs0jF42wJ5pFDSPp2uenCts4196in+joTXtRk/TxQf0K9qYfR0FPvDfD9EbLTiQWhWbVPGMrzDfz8Ty78b/BHHoUiUePRsC1LeH57wceizfFrv+rCe3uIE4v+/7Vlb72iGRpmjr5VrwyjzbebBVE3y/HrYll7teJxrGQJnlBlqOd3lGwEnfJnMkXEXrA2CSwPjmy0DWOg/a3xM+U2i1vVr0uB2b+qPIDXZT9uVSAhkTf4j1GoQpccemGO+0xqYZVcp5GvbnGTECVhzVUc3wrAWd8vIyMxgWVc4i5RiLtE6MuAymGgYoa5m20pVOOw1NdsIyR2A5RLggwbEEsC8SDhJCj3BmYrVW1+CmYc+km5jYWqZgYc+bceCwY1uU4AhOjeE0AZZFJuMBiZMjCF1CaBPswRu4wk8GV3GSjGXD+IhU0NzI/WpIeeVOH2bLmrAk+2JMTOqMgB8uwRb3MSQBb5aonGGCEFumgFI9LQDAqrk3K9yoI3Ywiil7aqFNntBdBr8v7aUKTl4JfmgTyc6mxRhzrWPK14YO94S3VvX2yn9SQ9ihPGR8bOY5v50kaaTgWb68dgzIvrlP8yJN4WZhqVWsngZRHddl/d9POtafx2DelhX1y5yKaChi2A4RzZZzsg77sI49DoeRnhaB5049REPD6JDceN1rA2vkBPmsaaATwjfkvzre9f8lfl9qe3FKHsVyfYKM4Whv35rhMmAV3SAJCcvdhI7e++r2R/M5xLsbt3WsDmWuiuhuxYlH4/gPqB+Vo7paD4tTivZrZ6ZHnZOezyuTNiBtosRquXFw6+K15vKPoWzXiqXsXqV2EJknsTIT6vyVeUStU38stbcE8gZrquuRhpQXi7LCxO8V6bgIh8xW729ibP3+v52AwxWebmV59Z42i06+pD2jfy0tNkr/71CeHtqy8H5Lp67bbNNejM3eTVNchsknrrRHTlYtgWhCdqoD8pht+TXCWZq3BZiNV0VwefLRmxZZAzXJPgkXwkvyAt/R34gYCT0/UUz1dHZHEi6Yp/JgMAnzih9JR6psAuaHI/N2aebMzcznYL070SHUeKLJWaAxthDSYfsQJKH1dETxdZ40HTwneymREt+9mkvRAKeVcYPFSYAtIooeykKADzoIdiVIrI4yNKi/AGYdydpMbeiSIhiirHV4cJCO4mANun7yRYDwdkyhv8cwdsfFk/rBX4YJiAQSH/u3gtEAS8YNeygNfxqZhN+0XekwtY9EMResDHgAU/XMa0CA5TSKAyHJ+PDoHYII+x9z6Rz0ZA2Ui0M/o80bLyCw6+OVrzlgT+MGAzi912fljDy7bcVJYdxshgxE4jCqPIrxQ7KNdAloZlRmA82QUlfbA9Q8Hv6ZnL4gGunOun8GCyjVRgcKCwpl58ED5XnC1FC501qqWruUH8NnbVmhgvK+PH1u6jnD54EuJve0GGUd8Ojm+SN3MbtiX/dMDkFQWQOto5LKS65cAFDqITfAC3B5iKjhIQwSbaxtr4hJ07LGPCbV1SmryvKfU5mPWDJ83MykN2LHjELn5ycxkl5H5u/3sN+0lqShMrQLQ0jeYnN32bEceW+ohc59zTWQF55k4DoDQEQeOS47JrVXGzXLcTtZexlly325qMfgwselP1p+Vs9zbLrDHX9MkIdVuT5R62+Y9T8ywqBPrCfakdaqfLm6j7XKv8LYIH8wvdEFJx2aI7Sq9U2JLghjqSPMnvwCZ0wG299JWOfWxuwYJ+V80MF3KCNuH7VRg1gBrtrpO21MGLc1GAWstuaMgHhpaAIGTw6xrn6IjQpjMcr9bwyYMiHqOHlIO80cMadASyJpq4Lg0t6EQXZlpZtESlDR00El57NA03E07agddwDDu9gY1leSeOR5CSDlOq2EOv3IMAvryN2N3DpRkKkBnpI77+GC/jlrUhobcC8c7XKz9xBybinNs19sP+GPLMYqFuy5zQQ6h1p/tfa9Zxxa86NPbdAH1EVF5TMCMekWegZqZXfSuUW1nJ/uo1tQ+FXTLcBPtJNun7Ua11338W2VzJakIyt6zH8mS48cUwJGOKub88z56mQErx6lcQtKC3bBbVZXQOEarWrA1tKLnW9pUKBjQLYbgGirYe+DSgTE7Ha5+si4GoZkwHd14/5GkodVnM5QfYfuAk+rqB5+Bubp574fQosU6ImftIlgYw9QPN6gzBp5eO26A6AgSo6D5h5syp4X0afbs7NzEo3H2+eycbagT9DZq4ueNI/EfbEakH/VCbb0J4XVaEnA7D6fhJv5A+uoCmw96C5auVWBcMpnsNCJcNDO8ywugJeAPPOb8y12oRZ9sDr5xqhMoXPgWXibOOdENGlz+0RiLQ9PBTNKAhNKcAkDgmx8FyJKzLX27FeDRP4M5e5QIfUqM9bYchXMiGH4wl/K0ZMr6UDHgOzPCIU+pGJpOhg3HEEPswz0nozjNFdb6Ld+PsZbIafOlxIkH/kxTG0ls+AueerMwaIic7Y2ANvrQUA4mxYhe8KWOwhJvycOSy+AX8jPNJMm2Oc4BCOv5BUGYTYUeBZ3tGgM2Sqkv/FoRlpRaKJrIACevXOnvZFtv2fmB9f50E+E16rtH+9UTrgukXrcYPE3c8nsHgxnxFOz1Tuy6/noHckm0mVdDVsCf+7u9PEp2gF4KHBGt5QLZWzMYN2O5SupBnOXhsX/+0Rt2S2oAaCespJm3a5AJSM3zXYmoGg7oivEantZqK2Fcjzuv/tvH//zz7263x0X91w5jzdQ9anvuqxcjWaCYeDNt1RA03LJkd1FsDS+AoIEp43QJ8sRJAOe4r3bcHlPvVWWteu3J6ZqMBbPJLGLyjmJv5kEExwHrBMh5CuMogvxZoSMGvur1RgbrqbCxxQr3UZ7WTaFJWg8WWGkbCFz1MtFWS+sPPXYNfENqp2HLQtDAwCOF/pDXuRRHwuUBloOiHVSoRS3AshEcqaU8PuDowHU8xmQmqAd+6pfxR449JXXNZ2AQCdNaExpCaDG+fUR6tOgGWq7LO5PYgEcui2RNbGukmD5pa9ia3fXrdATYSMI7cWBT3iAOLaefTLZeslhe/OAb59Qk/Eaz8r59SwlUTP2Y6WFjPDLfU2lmg4fErmfsP45NlpMa8tDiEbrgYM4YjrWegSDA4BZn0ABZp0LK9EZeDgc7B2BQ4UV91BgCmpTlsd2nCO6U/PUcNR3EcHDZGzmTRdESLDJiYJKSpYR/gzNCEjQNd7y80HxB8Y30NcyVDMGW6Ic6GbTcgvNi+5lItYdojFDn6xOq023F7DLgAyPzTCvL5Ugo9dHr6WUulRo4qcWWWHBXT3WZnMQZB/5ae/Jn2ae+uxTM9CHqe4BLiL67jG05EK/KWGqUnH9LvCCw+BaCsFVv+F+3N52ZUDNJf9qNLrWf2ZT/bcD+p7B5s/MbdeJLD7qzWTMjh1cghUwtV26afr8KHJM+2Td5oY78mx7QUMMq3K9CqmsGnD7m9YN3TvLC6eygm3Ik2XjR033hURBPx8pCo/7S44jqC7dKNM7jPqLW8FWduBEDm/ZLOtYDrUE4yJ/4IkVUUi5CBhc9L0zmLMX1GHjS0EHau93261nbGSStDwStIDVMUxEUIRJB9OIBAkqEVnPwpJ5yi4OFeZW25tHjOOCYl/ptxdZj4UojgriJ5sfTCNV2QhIfakP60DmVmXg0bzzC41qAbSXVMryxMPLwul0ja3Ofsqm4mXQbbEYzwHtiem3HQnHBGjT40tZMwRgRyHgIIvbhPMqkaxb/BgSW2rlyu+HpTaeoAYwQZpSvTAEBpcJZfqzLve5ShNAAYvpY14xGMATkUMBhEb0ixXpDEw2AkPux/YMAQJgno0BYQyBGkwIAlhREf1hq4KIOcDpCC8k4l7wJAnQxyibSeaUSURuNPdAHhTu4pkd/Eek5vSRpmGGAk/HaDNLulRL1/IHKA/1cqGUzrWpdpQgVvF59SfU4EvChLJGhn7Tmlfts2cKnBh2Pt0P0apeFzDPJGf6pfaLFKWwfltn+lniUmxOqSGFM88lPfYF3o6zg9jGw6Aljo8/LwdRDTsarm/VTG+1XBslyoFsGRgl/xc/+EnhP4SwoAVzIeuJ6jLv/2lfEhbkSst5Zadblz4usj1lfa5TJYKVcBiatNLzg4DW4gKYWp+RyzBRGdqYPQcfLOFnu1AzXwQ8bLr7hfXdeaZlPMfeKOK6H4HbIoAWubeNLgizpCI2AsA9VH1faIEcP5C+9AM/GpQ/xaklIV9aqNbCZbsxd6UXSmIMrU9fP7uAotJY0NHDANYD4OZ+FNOvcG8Ni/qSnXIAiuRU5BZj5hYRiB0FL8sQCRhxBVg+aRqnyAmg1bKNuK3uCxzkTne0BRiUfCqDQ8MBi1vhKl6dhlt6QE12u7SVGFopFM4fiYUOZOtT3kbG+J7xasVdsuVGU5ooZ3tgbp4uaS86Xg6QcQvPtSelRg0mx5lTOPg4O3YOmcAQCuNPIJgLcaMqhoMc+BDdYlQeOvLQf4jlLxrsCCbSQ6L7wZNb0Yy8LPfYQ5wvhYYLPr0xbctXjYhNAv4DmLqMn42c9grmrATNG3fcWt1Gl0WdPFYcrQNZMEH0yjb3G+RMtwXp+eUnVguCxBvAwUolhEi8P4iy1v5SQZbQ28A7xX9iHH+9i+Fc+7VfiZZP8Q7ce+4+6zedL01kJ3y6CXnedrdwVMzcv6zW/URcV0f7VNv7s0X8FvuHwKrkmaj5tyWDUWAHc/zZCv0nfq7km3WTty5UfTtYuuv6aL4V3UP3AUzIfFnZGhRQ2y6gSLMmCvEtDY4dptfSYE441RAJZjsqPwg+19EPOI8MJ5q35sI0pOiLRfqQZwdxcUI+lSA3wdVoRovDKdJlljaQrPz6gqePpBMVLT4aBuorWGeYL6o1Gqh4OwF/tRKq0kY+9pLojecJCU+FtovMTiQwVDxHhcSw4zInjwlhnDQe8m+A6FLb1SL6ybb3q1rSn2PbRAAAQm8byIREYGg0jOTWnIt9UUBqhwGGH3HYcYLNpwSN+IQ69nda21wPxpK/09gTcDIqGv5FGz3Fh1kQ3wRTwT6zdsc+CMLkQt88xgyMyC10S0F+KB5MHeOtF7MDjhhCjH8wvWkD7CxTnlGwmYgFdaqsei6NvLaxPV7IVKObjnO2kJo+LfgTW4GAwC2yuSb0/kAUK+aej6HyqwZ5eTy+pmbzk7DeChO95rPjTsbby2D/0izVKuj1wRPcZPwcelz6J+yJMAe1IYrlhx2+wGdoFxU9724pUFG/2GN2h64TKCa6dJWAUshv1yR07feGvfR/+vHnWC2+iP0U9WnF8AfXlNkOvvcC6HC+0JeF1lvKXEnc9jV52LR2FduQvLYZl+DVyFx8GPYlv+o+bsOPsak/6eom1c/oNn3sPaw7TcDokZqyVlOVKxJoO7iYZueUihsUCJZYiNcDr6Q0xmGG6UFtCawAEV8MjKHCONrCA2odAgKCFeTYOMjQAuaEurwnIGEW0HaDQrjT5TQNYSDwdhc8+qodEmyCsdOGvOIBJFPWKH/P4VVxIxfrVvJHx586enO/c69a/FY9fKJ0aHQaqAzNugPhIp9dzLBAfx+anB1UwLuldh7JOAQ8RtHnND0CR2Wm86hWCjXzSB1SagBdatJokUJQkYgodVvC7R9BQKHIkVPZO/rp5PN/5cg1+nDvFgwM7a7UFyKnEE+0n2NCf3mUhxzqIpSmJMQc2GQWyfcg5hfOIz68LbafrNspV3ORKtgLFfJw7pzaROj96j5bFNhIkW0UCU0bPQy1jkvA2PK1jS06KXm9/0850z+PKPv58D+ZePtnHpN8utG83qyZSgOHdBvNyLLzd3xKvy4vnmyn2jUx7wblpWAk63qUwGR5xO9e/7A1uUwufudAmJNkvfp7ke7H0z8xPkWPke559GXGYeZxVW5BwRnn/ZQlrSLzq1J7EXWmjWBaI/DBcGvoBj4ctrfCkp9h3All1OCOEKMJ1xJUw+FUd/GSsbJ9Ipedz81pPut5AhU+O0fW4RcNjzZja0lr+Se8RbDcIj0TM3ZsvzRGuhVn5ra0os57ddHCSMIvPkhDFphn4sl8FtBOSZ76gSvmKzyDqgUJzYuiVuCPMNYa06V/37BgPJs1Y19Wedj2IItavOIAveNyNaEBHRsgw5joeZLtxlznEL0QALXtoBe0RwAvNFCI6TUN95Gmjh5JiIYYJLl4YUR+jcBVaXfwC3k2HRzznYG1YJLhRxANkfRhpDZgCyRUVMkmPOy7X3HWAG+RGyA5p1qDyGgowkhIyW5sIcyUZ5wacgbzEy2EQ/dDPpK0Rcbg3SndO0lMqj2SCX83XDNPt4oDGZET8Ut85xg2UuWzsN7SdUT3BcgxReUteHkKQR4XrVf/cuZ3Z7iog1UBQ8/jzbLYNsbdKT9Zx7uvZvrDeJ32844LV9xIz7mkXr/j+Ntj+svJxUxmP7p1aVeN3kq0ev/yjtXnDvlURdH0gTt2GY52i44kXQNfWKOW2zSKdzp0cKo3f/pk15elUWDPPnF3s+nST7TYXJ+zG32mjow0ekDamVKovIb3JLtw7y0VySYgwX8EWwGViaZB5m2bjNzZMW2Jtdsm6xLYPhwwT6bEgp+1zkuMhw6n/z927aLuSm9Cip3P6/z85uUBpogkCSWV7d3KPx4iFYD6Q6mHXWqt3GllvgLGePAS40DAe4F5WfPt/GeWoJuBGOSY4r7WBEDqFQviKz3LZnIUZR3GGZAmFZgzRPQTGryskBkKnlbYLIChA9kAx8nbtFBjQbSy8uX6iL412euiJxW/iwbM9kTeXl/v2sbes//ZiYL6Ymbe8nXy9R+UL2PAhycIxPmkrupK64S3XdiUU27GZwnb6+jlk9Uu9wsIEjC5v3XXBvLInbeLQg5XzufPmvEgbwXahFCbc+ROX/a8wy8DjIDnZChykW5+gHSZTNjQz0q96gy5IJM19ogy4wXSCgiby3EAv3z7Q4D7drUw2LcKT1+JCHwbQxHih3bR8bkC/L+v1Aq8TQ3H6uuipk1x67YDqw7UX3oP58FVHX+eel9YeYmA/Xay97Lgkk8JqfQkS3Kva1LBbd7XM0FwFqHSLnC97ehaoMoUWdHzitxpuHvUhHLMya/SLdPWJYR+vi2aRUH95/Y2n4TF/skEZC3hK+f3h7THKCfq2yKw059P+rAuWfs/8yz+0kcXY64S+wgRcHfcP6IysJTb+TugxrK+xU3KhnKuuMh79LXdbLMXrZHscFI51FmZFajUAf614hn4o4XZWrAwu9Fy4Cjo+8hiZK30srVQ45ki8cFAf3AsJMJ6xFYwwn8FAeYhHERft/aXiqq+CwvoV/y1Yl9l68h6MvRxDbSP4bX141WTKNg1Zmmtkxq2S0hNSEdcOpRa4HXvSzoCu1Gq2hUcZegdYbuM5RRMJWgze/oCPTmj97+R3r2Q1oVKA79ZrMh48Cd7ySGKGoqNS6AEF/OaXbFAKBF22b0MGZ9GpYH4ZTmVfo2E2OswpYxFQuu2Rim20uOS9HTjwBNd4viGoNuPhnIGmsr2fJNV9nmK9rJGoz1/UiHDQ7ggASf0EyT7lXPVUiHQZBw+UubbEAA0SuBgVz3aeHzy/fpJO9gnnei5iDg2duxGK9agwphnqklsrvs8uPWhDSP7pXvR60c3lTTh5AnvAVTBemu8UAwFAsZprbe+9VuFx5sK5GqH7qEHzyeo7MhW3zt0wFAPnSmXWtw/tSrV71k6r0M8tmt30LBhlCvuj49MBhOOsJHsyciwNYcccAmp99ylwdcsZVvYb9mcZlTmaxsIFE5qe9Yr95N5hdgurPP4jZ46ePPieuWDQ7/h7e/1n6OJr98FbbKXe+FuzqPzM1vXbftubItZ6pRJz95xn+ff46PN2Jj6t1ShcrdtBqYFWPOFoGqR2/RGnDD/wLnU0+UOt7stc682FT/vY8IpLhh1fxxsr13KMB17qg3BinGFHOHlriIchV6a651Jw9FBd+Z8f80yQuaXkLdtpPueSfZiazsiUPE0CVAKCnE0MDs5Oe6VOvkQ3djcY2Pj9XHpjXmqVnloHM32WAM8a8MDYeaHejZ/yOj3Lj0ZD35gkIi81fGTyYguuphiSZG1qNAZJQqc3XNZzPLRMmBExRtng4ACCIuY05lKmOpQ3DcmweUjKKFj7jjI4fo0TJITShPbRegM8ADh/HJ8XAfxh3NFcGwHAmEMb+THHNMMAD6OCQAiFNm0oXb8/tGsGZoWWHoLuMJkYv0FHc4UWQ7VscASMR25guMQaiF/1CJKMZENZCbWxk+mOH9XqmW7qOL8NgL07+WZc0yunIYkREsEXSQYhxgpYFLn9OBlZf/LUBdWZHRG1gPDByv/PuJzDmtvyTQbqUFhcmsSJp/VHc7mkWPHcIKP72OymZw+MlXrVz9p0B58ocuoZvMf4cl3+z6PVDbnl7eUs/z/sm9aHyYJB3qgbvrQz+0w4FCTNl7CvYBPoQ/rupffloOkP68rCnfhmi4Alt8IbSyGUhEWPApzYXM/zqLbMIHRBA3TR+EmCGqDQpM04J29MlZO7fqvT4PVBqinVnb0C1xK/zu6+zOVtg/c/uQy/tIZp5b080I5G+cLVy0/XU/E5CQxGrHk7ZtFu43YijYZJ5dpOZ9SUctMGMH4eeGKa8P6ilXzvQh4syGCOOvKYe5OeAONiZI4IQ5uZDOE8YuWcMMC+GkXU+qmaUiE15Vrx+WAPXsN022Ph5cdz8JdhLHwMS/mUyO1n/KLbEHCNLsvnBdM+LbrZOM9pb0jGUWzjSQ0Gz+owrQQGFscSENt/n5AycpTisCv/Rzeo3SxWkBibKSP+oR5F7Naq/cN7hwNG9SwWsOO5qAB9abHKW7F/A8W1PRh6PGcZJUrNPpt3mMGx+xjMWAf1MQYpwQ+byAAo6flnWETvZ9BSVNID0XvgOmIvAk2jaOPflUD2kx65RdPRBPxRxBxGaUQZ8FTeT/magNCeMasw3PB4OZM4l8g5jU2SdSsB1JWwenNVEfqKKkAkbpo+zP27/j9N6T/9rZeA0qHcs86InnuuaB/h52BMwXX6bQvKhxbrv43Rh2g9e1cdADNLysiNcdl41CMNd37LKoRfhfXN5Tz/G3YTG6qFGHvpaWKQ3PjgTXruMqpAY48aH3kKyvqZmOtkN3tCEh+QLovC3bgKDl5uaspNSsbk+cMB3qoywXwqSlQmJV1LBurnk0Z86aXBfW78A6b0tPT5A9lfSOy2y2oJ8GYdGZukrtu/1dndfUyDGshfRNAMNBRfrR84HdEXRq7lmKxnqUreiE2F8PFpPb/lixbauKEC4w96SGhPEJKwSYe8Uk4v11FtmZDFiVrXIeDCDwxTKw8vM9PC4FgIYK3+WfakiZ5VPWPDR/QsM2VpCkXRynIoOQcJwiLlmEOg+OzDFP3gaL+BMVBiLHd+lBIgGcHzVb8AgzzkdYoSOXpo9R0AyIRZePBNuO0GQltGo6fNyVIEL9dkPTEIMXobc0yD/pggB4xS8AU4/JAC2jpWJK5v4rJn6FXaqMmIHpHa2MwSwCCPCqZW1jckUl2n1T0Unz8D/m4o/CCgbaBl5PKY6bjWMg75dJplmM9vvUFIW4a0jaid1hJIOtFmtXEmQkzrpxd4DSfv3U4OEiZ5Q4wYo+30Qw1omIbidsIM/QWqPbQLQ/NQ3Qq8LsZ1Rnqs2UdGBPx+ZpbR92MTlZHX88MPi2w+d3IAwv0C3hgH5dPhQxl5YEdz4ixHn0+Mq14KwtML6bZCOwxOxTFmH1Bz3rxw9zrfcZ3uATcLk5FLU0ae4uWvFIywE5Ta6EkHRer/yjZNK71dAxPv0+luKR9pfiP4DfejZgcp+748CBnuchLk2qs2XWiyoFeUJkgi4EISEylqfdFIia2G8PUfrLMvHh1Q6iglaXTyaoSWkrZ6KDLhhRN+agYZX8QLjRso2qu+dGY+sJr3vjLoZi5k02JB4r3SbsCQ9nUlHPYXtvygqdwEB2w/XpKsN8ZKwn6jWqj7OoqapfKX14FreeSLv6SgVOkCrbKYkv4NTEkqvCNL3a5dgeFj1+TAtcl8s9+izuldlBcn2o2866Hl9oHUkTFwnqbZF4VdPkqVM8iw9ALEA80olBwVQIEELCW1Sh85p0nCzh8tSBJ1kjsf/wCeE/eQVKmrUBQUDMLoxaYSAzIDJTYvgKE1YDq1kr5RLU0fdNI4f4UcJtVQGghQ8uE6aHCa/r+s2+AU8lWf7JHijaUjfX89cxGkc/yCsUI2zW1Kq45kcFooz04WJCr0FMfSMVboNSd8Of7sYLYrsM3Yw6Z83qnGO+9WsijMda7FWLMeeEFOINzbRULDdT1A5fNxSOmgP/6YJ8BOknAPkcBUo+w2PO1HXq7g/7b79VZ1LWadjKgfTiPqpDHusEJqVhUEwjcFMmryxh1/JUDo6zB4N/0dxTY8+cIULIZWlTva/BKwafmxOQFO9V82+63WL3r9UOND2rriC6GvTqqhrxoXVmt/KWMP7tRQ9S/P/8oL1mRnqXIdZRIK9agUaGPUTeKHyoqZH0IDZggd20kAm3oTQbGdJIkW5wc+6aep8691nXH/jcT2jvYo9/CJN7VhYdb0uohrzTwakNedNAJ8TuHJN9VbnuLGosyy8U1yy5T3BRI2SoFrCzEl0L4tR4kQY5zkNW3XAcQrHHNyPHj48gKZDNN5WMcLH4aaPky4oAaazznNH16gQFbhmvO5biI2VIvyWjjs7cQG+6TtnWmelmS7nyXBmcdg6ZsZVZHWgrJSQhvAMIB1U6ww8PmHOMglOB0IOQzkgUt1wXeJziDndV68ltMAOOqpoG1T2AsHpV7CZ9AXPq7fBby41ENHWfLYDxS+7fe2j4kzR3kL24Z2ulHPQVxvHWaXV7qc0PvftGuP3et2n+Y6VyXoP1pY//oVZ6dBqioDSUrPEMXb3ifToob22KJHeCgDuanz/FxszT+ILj/5ryKW01he6U/inyS/r2scTAZRvOKpGMK9ToCWk8OdkxqhcCjVD8SlDSf5C6Hl6zWsfiyi8eApUEMZT5xTXVXxeoMF5xnr9aDdiD3NROvzRk7id/VmOWfyW+JbPDpIG/SpDORs/IlIULyaYCmwP1yei6bjh4DPF+RzXsGnKN+lVECbxqgsiW0dYzHsgfUp7PRiyYzFPcQwbJCB1Xzg+YP+RsJ6H8AF3yyM0wtn05uVmJywuXSlLRrgHfECMAwI5F+kvNrp7jhOpkDx/hcBBRmp0g8nfXpQU/ktD/6l6ChCAFgatQQqRsDfnmsq+3yrGaIQ0gK99DqA1wwIkMNKZwhoj66VeWNu9AFav1E2JOZq3PnAvOpxL+3HVWEqoxKQ8z8d1iK9YGM4BxOAQmA1dYA6C5yA1wkKjnwXgF7qXujjsij53MpOS2raB2twzDIeAyBE9OA1CXDZcs5jLNoTM/BroMEgrfqLL/XkJ45Kax5End++WI85n+qxxi4uF7cjHGrUb7ekg8JTJp0rvIB02+F5w6GHdj5iRwkCPA/tav38tp1Khw6AZOcDpS2r1tSx03pOBytiWqmFVyEvtSrqNgddHbsXMFLXXhdo/L8hnypXC5twRGSnqeWBfS8bu9tj4diNY7VjoOO93nNC03KBxzamwdJQBi6AyW2i9a8FsmZDRHqxnHwrLXUlanLiIPWb8QPdssffdPOdymEtS9+SOFBCPws/VMfkheACTYns5+VcqPr4X8hJw2jVvmCMSfWFZvkCwv0LD/+8ZsVVqErb/mCTYMw6iIHBHCPyGFPeJHe6wKfxSBG/IyZphin1iwcqSgVonsDX8R4kJICSptBAHcUVAMhEB8yAIaDN6hpd4yHGhFXOM5cwx+8C1TL7TQ/sB5hr4qQvLhLXdvBlsJgM3mgk63ZwdkObnFtiEaoekNVvWDtFPXMfoeiTEUBAiMbDPOPS/PSglOBhyhbLHnGCgUGhn5QU3eTiPMgqbK011apyWtO8/m/xS8myrgL6oqL7IKDaA47vuew/4Cr4GZus53UGIMZoue7FWCssE7yeMph88uEJ1wU4hGdxTQNieUwSvj0NgMeoIhybKL0lXao8YeaiwRNvEXqRwOLU+xc+WMPQclkPLnt7ix/tg6bj6WXnflzzJx/p+F27Kt3YzrbQ7Mys0XsMHtp5Zfd/er52sGZuelpZnKn3CbqoYj6Zern/23ZZVpc2PN8KJmvVmbVDhFYEFh7YeXNNIjTzsBZM9tIjdXgtGjmxzMMdMG5Sxpr37CGWL9fg/U8dT3EQxblSxuvDfwkbSYgXPaBU0L200JZEwf5fS/26Z9HzDfp2rU1vTdp8T96Z6/hc+KD3H0hcu7rXCJa7mC+slsQ9ROnM9dvA0A0yMA1JEUC+sNqUJlpBWXNW20gpV/qtwmVhmOBTXlk3vnlJC2dJjH6E2HI7zuVSTFfebmVyH1g78qYDMSQve7mGNfqwu+khYNnYT3hJ0oXQ4pl7G1P/0FUq0hZwgXS1JW6RSiG061k0XFOqHCtYLWCDUfPVy7keCEpIft84CTxwa6L6YULlaTn1I20KA8Xa4t5C9TwxXXlzCWwynQOqAv/UlvGQcw2yBc9SAFL9KiThoCfk4iFkK8l8k4U2FxoFQEDxTUNB+2m4WlCYnQMKAgdxRzTSEAWHPPgw4dBZEwXWaIUfzmXvSYCqxdpkeR9iTV0vWQn4nOf5rRZzcozFYS+0znHG385H/y7lwaXA4Bv6cp2AYVQuyyzOKCpB4nFPwp+8T7jiWHRWHubzB/JDZRZ/EvXeUz5icNtH3b6i+L1hYjX67AVmvScnzX6fRm+zxSSFwuP/L3z3eqbzEGGe2Lvp6SPVH9ifh0ksfDglQ1SnoQAoSeGEhCgJhlqe+J0uF555aRb1S0itNrN+o5ypT6LpHXvqtTa4KdbTpWIw/2n1Fvo/VNys+3+oy7UV3e2i9yp9efzsABaSq/cVKNJCD2EScSq9KUewzKwV6ofCBeuJBmS+ZK7XIqCH24FLO2Fm2oisDAOvhaCFDF5AMwEoRq202pP2XUQG+ACBIJWQWkbuVYsthwuDZMPIczmIZIOlg5EQAUBNC5MOn/KAKxexQUZjY4isAIyldpaFME9aOkXJg4SBR8AiiZEvgPGtnWXcA/i3IwuIMLQtjRqSpI0HCG6PyjMUDT0vITULT4R8YZGh1hvwXkRCBPAZ7g9iCmqEA9bFNgH5dChoWn2z5o5vefFBy2apE2wyNn0IBJzkdK4c/R9iCZeX1UAeVXAW8C5hDU7A8838mb/6gYhQuB39LpP5XJ+Owhs92GALG/46dKQhAK5u2JChYIB4UBA0nUA5woZv4MCCqzjkiIO0wdhLCnoKpMPvzODl2TrQNZs191JDn2zqI0B3tQC8nFhjA/uNNuuInEt50PTT1XM+zxu567Tq6QujnmXP76WfPGr1MdPsZ79pv10H+qr9nx5vtKDzYJ++5wrfRzeetWrvPTTRalryv2Sn/y1H57kUBzZh/Bbh1tQndL12F/wdb3S9SuxFcJSgUFx7jbuW8KH0oOO9SbXlFBbDv/wnNVCNvvk7K1Bv+ovrmgonjU956qBcW5/ZxTVZ6qO3X+l8ZB5JtkBOLQku/oPxD/cIJ4BKIv54JT/sy3vYaC79LglXsQBfdiAJOOYR3c/Ay/cPzatWvBH0Om8rfLtBD2XvmgTgYLJAJQGqaWOiOpY4CN6WoZs0kX5jd+QoIPmoPnhLiRMAKWHzMtjg2XDJ20h6fwFDvXkIL08ERj8p8CYlb15CAA9SQwoQKs2QT9pxYYA3QeTHyZuYzPmDdPfDYP2HubitzgZ9kkWAIg9cKNIEdeC9hIQA/KFEi5R3LAV2HxMOYFRaQ5jnSkWWXNjDzCnmKsMWFkvS5LmQuCiBr6NxEg5Tww0w4xBDD/gwAhSSY0I1aFgKk4pT5Aw+tPDgTtJhj0DXvVYM48Lk0AOXgwYMMGqRwZqvcsDzWAkjNzSDdKrpdVZ9Ht5cf9yGxUl7qXNCsaGxp4hjw9CP4m5hb3r8yHiSdHmwm1mKUCz2gVBLeNRdGJtEcxyEARsduUN0vRF9Uer9HxGqU2g1NOhuD+DjXpWuL9y/n9n1O+g1gZoHkBqNlyBha7GRHbhlH7YkL/5t/mjG0jx5unt++y5FavZR+PAfb3N7DeZdJm7ABP0HDwWS0gf1OeVepbb0NzWe6NzvlIjaWambP/yHq+9TL09qhchR9os+FqgkIBEaqb1/l10aidJdLwdaFJGZ62TiKOT0IoDEAeg+wM9zFpllnD91odIiRDUOD/0w9I/Hh166Mi+1w3DvimEO15BfdDgBEBMv4uqm0x5e+H3ope0EKvQu+ryCZlAwe0w4leFdGyUHZC6SAKcB9TInGOiANTAYeImD9Mp6n3Hpg6iWFXuAzQYECG3/gstkFAfjWhsna3EiJ0lTZsvZ3CYiAj5gKTWJktQW0M6yObwgifEFq9QSHeSrNUzTzTEYAkvPO2Gpud8IAGdPa07rZTEgnwnh0I8WNF3JeA8P298tLyT/vw8sjrmCwWdtasH1NMDnFLB6XHB+ggM9J6LgiU2gWBEwjcGzYRHdaKjE0FHUkPERe4q8YiDPOc07SWOANC5eXIZ90MMkA6E18uG6QI1GhUFKA6yHIE8IkBD0OsuH/+ST9bLvaT+Mrz2MdWW9n82rxan4D7xpC79rF71gvFDDtqGHC4pCwmFyTu/7/FY+/t/GwVrpL+3dMQa9/4OjOoVRQ2ezs9d9McE8tkaLNdOX4lXind8jOdfrS3/RyN/x6GUmPeCSz6eHPN5f/JN9szVPP/MBfUKtndDTrHVRB4/5vAed2pq3H2wMMVXREGrRY+UiE3Fgo3oYA5m4IZ81CJdL5XwrJoy3emSSpV1Kglwj2hoOInNcq0xOCS7PLEWX5y1/wXD2aAJfiDxPwdFfsL4W4v0k3AmPxnaQroebNXVczquO+VdNIHcyA46FU2w3qp2OaNycBkl2Ti96mOAn2rWjiFKySpIQhTU/NyFzcFzaAyomHjiaZrjBkGBQ4i9T5RCeQtdHDvKLBhJJC+llTELQ19FLSC7kmMAHmvHAgQjmQkGIUlRJs+6EjJ+6rqnsK122GQR9oOi4/tDQAdhYMFgj21jcFhaka5SWI4mHoBKzSvoCrY3Ui2lcCyVx4qEnlqdyIs6pnz96zNPxnagY7TyyJ7DIYzTFMNkcP7ZXDkQRDp3dZyFLWDw4+fzzv/yAB3qUuaYw7fQsD+4CehIoY9Ss6XIic2EsGL8uMqaY63pc1gMCDt1/j9rlKUACTai6lV+GE+7V8cs6u3l3bo+1X/W50aclBBTkQ7KbdCId/tf53h8P7eqYjyjmr5Zatg4FKGYQ9UehN2R0LmT+Zm7cVDepez3tupJJqnG6yHOC40jbzl40In8Sv0qtqXpZC25JRG39q//qhc+fqqY5l/WgQ675STmtoa6vikVGTPyvEKSMw4axYJQp9PqWt4rdruUWxw7goNuqxrlTDL0CV1kYrD6PCoWZ+gufahu/iW6iG1/W55gk/YSnBb754COaqzZWXm8DImpfbR8DB2+iRWkAYvY3MzGFfOuvBYDgSjxNtVzgGZS1Bgank0670wKYrj6kfjI0bZp2WG+YSHkQMz/DcpOMdywCLiYiSoB6mRMAebEIGE/lG6rCla5Yk4FWJiOvhM3LaYI3iic2JCmZPzzAyfOBgxLKmB/H7uSTkxOW0LjWFqD1ngWGUHneq3iDh38YqRnVW5ZRaCFF1Ck5/B3zph8WFAFoQJzLyF2NTByirM3lSs/u17wx2HgCq17WqXJE8ZB7sWQWcmTckxKmyUVQUpQveeThoQDxw46FwwmNxRO2XHItBAOL6c2ouvbDAhh0pJfaQW7HHbV/6ygv/v+LfzLyzmID57VRDmme2AIZTXqKY+0E+3iq5zMueMSVGPeZ6zd9CV+/62SoztvvQNkH8z+1F9DHWPkUubEmPJP8Z6ynXCqkvxqLHiq9DEND4xryacXNOQWrXn6ZRzbKoJoaUK5daC0pTnAcFMekqXfrSRL+j87VS1Dxyxd2u4H/lT5x/Zkl4afM8J6JhFynE/qibzvqk7mqFhmD1x6a1TLGgt2moDi7QYTKoCLNSg7xgKspvsEkyjKFBprBfAF+keAvI1/IGDVrFV9ujhb4IKmAn6yfORxX+oecHwYEFT7XkuebD6ospXYmlzSrNkJOhFotAAtNcHLJ8prUIBeHHrg6bSADeR7yacUMfN/AqbbDMm+Jc5O8gAW8JhiepcoNEMKWkyyAdW0PBIjiicN15mu+0WBKF5+ooQ5fSfpv7Trh1BZR50mlOhu+luC/fPFnIkCE72SZ1mEsn09GOUnJZqFWutsf8InCct6ryM5kcZ0JaGnGWkdDhZ6mUJ4KlBSAYbgfjgMpTSBMvghRSoy7KZOH4FFXAMCoyelP5bkR8JbzjkGIuTfk0giI6rp2wthBQZFrSpZ8LkGToR6PYvht+5bw6G8hXMzNuHEMDDZ41QOgS0pw++88RAeZQaTqCTWB2YM7YzhWUZ0TXlPbV4VFDlrZYwjyD2LYA3TOLTHfmzTmi38BFwk1afoKaMEZ9AYbiDS59SLKq1D1+VX5pRxTZGn+4D72hFeLmCnshlhxJwywcSx6gymANp+4/GxY+pbJIWhSUw82POYWuJYX+v7/jm7nvXW2NvRs5yuAe5MH9rjyKRfzTArxJIQ0T149rJvepbeYBPstd6e5q/FKEPd4beGp9hiodKMybSlhcYy+1SZcq8W6EhPFmvBmEs6nTPDkPnCKB3v8H6l2l0Rjtt2/Yh1FqlGOe96CUuHNw7VT3zTlpPtgt0eddb47w81/g9IRB7D1bHiaZg7HKrnQcoII+C6BU2l3p1Vt/t4Bjua3r+wv4PJhkvra6m2KbuVBApNHB2GGYRhIfMYdY9ZQ8EEnw4/6GSAC2SJrWp2SOF9VytMaZKHsNeYK8+OaOS7YkCkNaklBkfAe8gnJJ+oAWH8OnsHpoV2RkDOLF3tiLoJXHjSCXteUgLxUrXn0gJLvuxlevmGDITI8wUZ5ngyoHEZvfApyasd2XN6wDck4Yz8cludekMAXxskRixhTVRuvHc0wTBykK77wwkM7DDHCeIhBE2nAlhEAEBbAmgBUqYh1hFTYnJV+zrDwCY0GMi409BSLVGat86aX8HleYD7yenE+e6OFt9dSwFCNPzpOLJL0fz6tvIocToGx56cHd1t60yvX6kNY+LtWqqWpw3jfybD0o7rxsdYpJlFrFFA2yXorImYW6SUR8T7T/8wcR8KTT0AL1Y87+7hMEPoNe6psprY35QZNErwPMCfw9x1PHgLXDjeJTFqPhPMcumK8dBFMvaljuVm4UJmQlTZ1J4qiUKbJKkSkJlSOSoCLsYF/lIamPXRSvx+JDRI0dfojSVNm3WG1DgpKpsxLpZX/NiOCfs7DW0bbz08+3N76f4B/vR9j07C8Dyw/ohz96GDiTxDLh4mDO3OqO7PRyQtyRcqvVWAwVljUqhHHqOWhIMDjPonBoqd8JKsGbnPoQ/G/0LvwhQ2sMTq1WZtdpyALeOG5AO0pQMQj2FUIKqSMFCZDBkBWxQnJJ6nUFVpKSPLmB4iQW34TyN4cV2ZcP8Rdv4EmHo5Tv2o/AiFNuEfimibXEq2dgoOmhiamLW8UHEefA55ryFZnX8XpPBOBaXScU9RdCroF5orf8Exf33Yv8vZ+dnitYc0nbWAH7g1NqTfyNyC9xuzypbWq/s9eV43u3VQC+7NH/plqWEKYrKf8VQcv9/qD9Z8pYx1pOVX7gMSu579XFg8N0FFJsxGn9agYGamWphNbFxa/JTEU6nanfBd1eoKvJOuPO+6d42gaf2OfcPp9QVPh3js7ePfALrxJjU3wTDGpDS6HWBeOz/FZgMLM5Mh/RrE0ZKvN8KbvGruQ28TK93UvfbUio/BofUh7NPwh7uR1qL9u4qDXldEvNm3dzo65PxG5/zea7OYalwKXMLbw2L080wfBR4makNF+SzSK2Nfnyu+1QuXQRH2HCgrXE1hpu6P9LZfxW6AW8bCh8XpnaW4ECp4v+GmG+8tx2F8mCQ/W9L15GqQIWKR5CchhTDZIx0ZHlrHa++0LvJYzCvgpa4sbhtDTqf82k5O3jVU4Nh+aOnC6on2aQ9umz0YoVMIKHnWmVNBQrxax8ykEg15RDyd4ruNEpBO00wtfNLJOmpvcWBv+4SyDVOsd3Oo6Uh20mCx82vWb141t9fNTFZB0tUOQ+gc9pQ8iqaxkCKVSXgPKCjfPatMA6saq2V0Phc4W3q0FOlsyQM2I3isP6GJsJNr0TptJguPf+IMGyL8kYecsDhJGBVR9g/jJqOaVJnsO3SJ17ejfNypG08Nrv0/O5aKfZTua/vQC0u88C77QtJTq6OuSoDBQjNe9TeBUfqKSrskJbEQfJv4d+VLHmVyNwjrj6kPRTMS5lKNHHeQKXogvKeZxPA0lYpNNb1JipEpg/shtuA9gvL/BMQK5qjIAAEAASURBVPFxmx9n7I74r/8zHtifxLJm7NAoLHX2k5j/9H2Hrb/7o6kkGqajz0W85y5Q1+s5DtkGBV/Mer9KLGq03AiLQi0pwv73ZrQorAGjNSunLiAh/3IlzIVeJeG4AlSkKol/LGe96ps0ZheTjN7/yL9uJi/SBV8rGaH6EM8X/l/z9tSbpIcFBeZWA5m/xbM+6QT8YcLbkOPQB08I+ImtfqnjFy+D829iHI8kvZXAMoyDCTOGGH9B5XIVu8zg5nOi4lznsDgxgQ9S1xqXQNMXcdfXAKYHDcCcm/Ba72pegEjiVlNAt5owBZiFcAIeTmaTeLEPaoFzHRZsm+MO4+uqeieRpbUlkQ7hEAZsTBNoGHhR5qmPNPVDSK2tIUy1wnFG7mqKxabxfbE4jnbsKm3keH3I5ZEWurQltdIja+h8IT+gEx/2/kMXJOAB3TFu9RSTX0zI2oyFD+dyDH2MO73MfTPv9OGHumjy8m4t8LmyxcMDnlvwj4pfeqFl7QbxUfIa+Kzxer9rILcDZxPWCYqh8NjOFCLog6Q4Fnl4msNDPjJgYv6MiZumi3ZZhyL3tDlFFw3wMSpAXw1QbPKpXK/tUbl7b7wWMnp7fs9jP8OeqYCWfyV+/ClEpz32K26bauCDYJ4bQXmZNB0sOE5MDn+vm73MOrM0nphc0XnPq9DITc3EnwVAX4+tRLI6LOy1758nYAFYIeYXzqBcQK8grKdt8NwEqDcKr7T/ERCa0saxABkxzWv4qid4DRG7my0bJm0Uuc4XD+hJuoM/+Xmf8V9bw7LVGV9OgTOhofMfqWm+5e67uauyeGjijq4oXvY1C74bT5QAvdE+ckTs9rftvvFD1D8lYSINvemt7J8E3vwwodTaJaVnvi7IdmWhSOvUEOlM2NUMy0TSzDo832pCT0cAs66elDfXDzTY/BDzM+Tbcx/tLpuZ+k/Tp6OLXsHDCB9s2bI0FJwQEUgDFqtjBhCKAm7PZRUCnmPlYs6bipg3PUko9fULXoOYpu/kviDrVijd187O0B0jbxvDwn6iYKIycYMRo06j3hcA9/Qw023HIfDa6MfnVXCBUd1WnzWxcM51Mdb7htNpfZPH4m40Lvaqk8Ey9Qc//P1GJfECBvMwXgPry5bprotj4IkQLNVS46Fw6w8MYIyQ5jmzUJ96jHwuO80IBwWMLjPqkEpTpKtRJSAX6tcaDbAQRruPX8MLTXw/scu36EVX/Tca8vuT+z13FK97PgZe9yDWn5ks9FlxVUy5COTrRYHzIybiWERb0WrdUs2rsaxaxB+RVh3/zrqWnsyPfDr5z/L1PvZab/Hlp04v/7YS9jT1lqZvpf8cHk1rgxLrBwpSGL/pHRq8gKAXJg+KT159GPaXYO3hWDkVz4FrUMAfEH/LEa+q31UtZYYGuKHnBP3JVBbjXgg64XbhHeHzPLdyZcvrYFsIDRGdlnq5AFDi62YhpTaAseWrWATcegiz/k7r2luBIpp1b/jK6XDQ6+reOwAgeGENAFFK6w09jJBRwvjS3HE9DwNwqxH6SqLXJ7d+94VO0kQaI6xtjsngHKiQ8OMNuhcQcOFWFNxqhF6lhZryJFYIUvYb54qT7qeV5bc57cGsR8B9HbWxAACFfMt3HDQ0gReawij58Dmm84EFHVQbkXQTIhCQy4GnExgQ3g5YlWfMKZbewn9m0uGxBq3feN5gOi/k33qC96OxXYL2RUW0aSmqIa/tUHrfHUikXxEO5YfSgZ68vsOtstjVKnzM4bfrUIm92M+nuAGD6VvEeYOWTvU0ffxNaLQytdgq9An4hIbynJRmT7vQmGBbxZMePNALbPgh/v2JQm7jZ25YA3mU/w07cEEhT65Ag0SGWaab5wf1cNw3emgLY9SPRMPYG+U1LMmSBMx+m4RJdHg7K60gsi0ChPE3/UBtP/5pL/4ise/k82qzhib9uc+PmXZO6LnYNIpzpimHboANyTThLzJWKkjwWn6D3hzHQiK4ch3aAaCTrI0fFuT8QoyJ0DM0IuRnM+ylrQmLLBb4cglf97dppdRWvLftgSSHUKhDgXHI6Yh81YTkkAalO+8XIAhjNB14oZbFkWeOxJlm5ZzEnDQpdOXQ/wAABwkHjwB1nXYYg+YiE4cWBpQwZipwYVSQEvQE3VwrrglRJFgMNc5R/NVDe+VH2hoqZGlhJPDl40LGVIFb9Kw63lAEWNJlD8zpYtUinQ4GfRtPHDmmjqdji7Y7j5BvenLrEQC21UYRYDVyoeDaTrAeA2Q91kJtKLGlpoLOwNhQaWQy4yn+5Pwm+nWYllbzxjq09XatNfP1MXEZ8Wz/YsRBRXC49wQGHZ/LwxLoPqH90RAvkn9SO5MFDJV1fH0MVomc4bZz7XYeVyAzvU9Sr/bQvohFlpc97YGXPCDtJxexS9mJEkTorIS8ToqXPd+NPOHn+gYPnxNZgjhPaUlkRjn3WwQtNDywa/55Nd8YJ8BgaQpyHMMXlFhaZ/Lv52VRnet65X/2jzJrbAkd4ytTZ9VIz1RAEUc1RcTiSChG/rfUlPDpa/6rjK6LVn7p860Wemr2/NPV//d4vqC1hU1pBR8yed9/qa3WWT+3c6pnvM9PjVKdwoc+TD/29iZmAK3Fa0KeqLlnZZjOVQu6qNt8aJgXfWkFJo9ZA/VTr8YboArL1rtlMQ7eNqqomOy4AT8mWE/VU8aXWBClWNazCM/B1VxFHjkdGMoSr2MIwa8RQBlwg3ESccPntEJdB8FLPvRAx3wZGXDw4DLTSk0Fy8n1l5yAO6xrCshwmqgInHPS/JnAm/PYLKBHWss6JIEy4I4ZCXwh9fwhaPWYB7MB1gEphh1jJcHwCB5Q4SxfsIiLPvSHmPjLI1igRvD3IcQGs107m2nMPJk7j/NNN45FnfXgAx3MgSXrFgJOBoy5DoCQ7JMEByAeA/gfmEiT1id6+gcszfATP9wQ2g/A0fzQvrLQxV8AFVIeT7U8aYz6CaZSaKX1UtD66trr8qtCnXnayY3nOV2aQWbFWdnTHmz2VhnYlCmOjCosLyQziOwWjiUIAK7mJZ4P7ZognE75pc+9/ODvJw0LMqGO/QwXmp719sC+SihsXBRr0ZSbdHSlh3VSNAzmOpafITDQPZGX4p41j4TO6QU4pWIoAMVEdpxFAmY3mAfr/3K9TruGTnIdD+2EUcXWVbXegXs5yf2c+r+UrWG4ERfV3EcBCanQZ5gEWJi89Qjkw+Rb7bAETFQU8cH/WP5AZ1nT0ICU1RfQsZMS8MullgaUtJblXLR12J2HihchLxl70dEYCwxzPrCHzKt/0MtJEqAn7oPrHCt2wWliiECLORoDsnBR1JHJBGw9lbN7sR7jSDt4MkZipjuFkwnfTUFxjRHgL7fKD8RCTHVco6iHFAPRQADMCcpMmVWJtKAguUasB30DScLqZeUh2OoeNCrdKvf2N3ewXfqShOasDlBlmHKALnqMQxFgrm1ihYM6m9sQRok5Znnw9b88Gjeg4Hu2Cwi38iZGWQqum2usgJoLDZ7mKceUbZx50N+SnqL3m7HQQD95nvEy1631rzzgFbj/Ruqi/dmWgv8b/WPzug9J6Ss8NM2O62i3DtoQPgcWCnDqUOwJyguv7uiXWW77VvfMWRdSc7DwtCdO9yC2FsQaTGSsM1hz5UOpeb+C2EZoeWhXDppJ+wC5zahn+d/4jhBwuFlL8o0s9vbhSGMSaM98Oc34abz8bgKh0dTkaCIV2x4f/yFhgzqCHR6uGdTGT7+8I6oBTaepwe7l9aEHWeV4bSeQavgz25T+3ZQbFNWqxwS58nYd3HSvWPcg00+Npem92D+MPPY5Ni/+uK9o8ihUcH6QwrE1+6oHAF56Me1TbdY42Rs2n590N6qWljXf+CnXNbNvFqY+csnmLjRvwCfJrMO9k1yG+U01FJjAQgOEFEZwmTY3Q6oJqNOAhcBuBCFpBQowSDZYpDMcNB87gAioRihjglFFYOSCMUCZKRFRzBgMgQKGEsMdhqSAwn0IJAeuASCQWBExo6f6q3NXhMuH9s5QG1IObD1A4qnbrKoRjENAO1vDVr2CyGIUa9k1NTjglbpAILAUFD1f+bftoE3EiA46C14TQ0yprS4TARpextPcwbvUT1psc4pLPZDe6KJ3jKqxWUu+5b+6JtDfaeReBHu9nMQ72aBu947NmoHbjf68IhuEfhVvsk1fTXpn89QGES2z30ImE8dRbsF/kkAjd1ygvZ0LGjgl1ITWNSmn9lixU7epoQETbDBThCIjPHMLISQpNEgpIkrY+4Aa8c3MHtpRYzP0xjng+vH5k/iCU6R6FakA/4xoRvKSeGbPn4DPyuQswgT6V3PYseHwfTSEqAniR+3iATsCdmSpsVvS4tKiyYnU3LZf5lF87UWc12Hqc8f/R/rZNcC9cjNpc7mklDzfWfyJGrf9Vh+9Y1y0lsRbhx7feiaK4so2qiREoVFhUJMR8AUmCa+NAHOlL3jSvAqrb0n5m9SV0Ap61Zv28dIX8GoJazcxo3u46w97XGKQBChKhxkgoHgRCQCkoCHSjrsJQCKtlgYsA4hHoSMqihcRVKAhpoOXNahMoDNGcDCmcj91I4E0PlvN0d/xi3fhAzsvIUCh7/pcES3/8gHdjpXreQ5etREXvVY0SNqofhc6gcOTE/9mPRt/eyDShyG5cbT/GUTTQ5DlPkLhWT6XOdalBjiKktS8/SVnAPDmPLHh1vRzoR24Fa3VAxg9ytzPQ9SqUfGHPuyWTzj//3RnvdRYmB70NzJc+nl8vHc0jstyXn4m0la6w8255OARZB2d+ysXvTDv8cs6CBOOH+U34Q3FLUfwdCnv5W9QN2ZeWtd504fRV6qrhsCbJoKG1y+ARQgSGEuNbZEYB5yXNdCXL0RiL1rl9Bb+G3b/MbauR3Sufwut/uhlcWwLhKwx+H4Z1ucs+QEAr9vzEoT81O7bnBiWiXEQNRPbn5yOpPMsWIcJcalzWzTjvm2AbP6R8M3TAq/ztjnl8J7Q3rEEQzjfn8gBdTdpTTbXy53yIgAr27JP9u3gC32GIbezU8yu7npXIEd7gB48QYF+EQgvAiPMkIC/nfA57XetSb7eg0lJfy/Jhe9jbvHf3DtLM2jkb/bM1opNBQG6ms851NIIGKS8jAQAXvggqLQkd/yCrbyN/6a0XAvAWivUj+YxncHBdxDQf9C42R4YoinibLWUJwD74q2cgk9Sc2EDF7RP3CB0mEhf2IsD8q6seoocPdp22dvIcZwUwxpTTafhoUV13u5Dx0FPhaefV9xc5yv3CcAwVpI5B/vlXoyCEobnTrdc3tCwY1wCYjetPnoZfURWP2v1mHLQ1ttsdwtWmeI2/KgP3RNfwd7noZdHeL47T1JKPW4P61eEKjftfhKh56VX8kabakjpe/+CxJr3QmfkVndZ5FmPEU7nf09LDM3Ti8yQWIv3NUWuS3inkRqI09qgdJ3Enf9EtZF4+kddC9oVsCPcvMb62tXGf8Pudwzn0AF8VPpjJHXQAJ2mM1NHaC5W7R6VRPUHP3/ZT78erJb7bV91Jz7Vkk8QDVBMhpIMmsn0uJJqNvhagqTBwiQSw4ddxmG+6wSYKPvZbPfp8pli2ohPRYj3cr0v4WR0CFk4HZ80PQilMuumEs6VFtIWopB+Cdq+oCM4QJHKPNRz/mbead5wMwb3D++HelfsT7yq60PuaO658QHmuo/s1X67yzsx50wJcjrholIGQH/Lpq+uT18HAEhkEudNcX1TCGRCdSRdQoISF0jNRIjhfNc5QYMuCiFJYNQpxaGWO6rjBiBgoXskPwYGlzfQoK10zW1lUMxkiFQjhLUGfoXjHHG8J3CTN07FcI42WLbQXlgKlIB5OxkipitvNh05HdiPpTU/YJyeMYoAdkLC4BJoLg4+4Rwz3WbUFdlkoCGNcYpIpDrEofDJdz5DpC0P3SQ/raVw+9A+SUXUGhRYSSn865eI6L+mbOf1rf/OeKcRDshd50rZ2ZUqVQ8QqWqlyD75ainwHpJYU6vxokdoqXSrl5fC+hxn3NBM7U9Uz+W2Jj5Fpitv6Nt9kKjwKYcpuPb9M/LrXpQwcBEueapBfxnd8PmjAEwXXJcYHot3xhe9vPbKmpizdhblOeK/9B+do09Ay6MoosViipQAiYNetmOPt38JfuHKDxAKyk0vwCjd/2IAycXHQDNb4p5GytJkPhGDjJYWsdSTf9bbzqE9RG2gY7vlnopDGxYnuNdfE5z5jwW3LfKxum1OtZVnYzZC4VYs4bJcvgZDvws4iVXTHUfF0b/ihhlSlVyZY4+hkXFVmmkZv5ublpCN/7rZVbnqTVGhPwHpn5K+eXW6R43kE/rAEw9EElbTDPGyByDKqDkBo8/gQxPUnwuA+E1I1ICATlc3sBSB07lhOREUn0kob8SBM0iFA8CNCzNKKTzLVDmluLQQXv+5opq4gKrNKdK5jwc13hP/yBG8Yl71SR7GRQNojJMS8zmqUDs9GQt+M6ocv0Dl3C6mdh+YJKxFEsYPBoPOqBs2FObEa7kp0p7oGVlZOLbvmTtgkGjK88SYsvMkBZm0VAfpoMkF1tJYCQyGQMIxJOAHvaTBF2PSxDS3gLyPB77jXgb6BXZ3Xeh57efyWCBy+Zw/Wusa9EUbZeGhh4ck74mPPdM0STq8DJKGYxqB0/44/xDAtoTRApo2Jo2wM0kR1Y9aSqsaA5G0yMFDhnkSQc9VWuUKplcXiSXxUFywqKNHQ8J1Jp06zSUaOoWc95ZOOChPmZIs5eSYplae7U25MiKPtYGSsSRJYqm9SNCfxM9Owi8btmKTk/Z17nfgE57zY+PW+1KNv91nxt2viRurY9ZdEF0x/8QhLE0mHW8xGIms57gg7NmfBF2PpWWZnG2olkI6zYn8ICq8LVWYhVTB+8DdKdDG6AUNvvRyTdFppdpC6OT9JOvqfDTkfZ2WWGnkTliMapxmGc1TK8bgOb5IG5+IFrIoeX0SshQ8Fx0GLcXfJNji7Q8N7GZMD+sUPs0hIUD40JbeLQCEIXDSOdXZ1LBD320gwMAXMdOhafQwkQwDG32FdLSch4Td80m7wwFvI0DE4zrSgHHthl/hbW0QXgBFAubCMS5DUNMcYtIOXxqkbqcl1VmqiisobCq85rSeefbAgbwUF42R0Ic25S51yekLulbPIBQf6HwfOPRQNjjQWcItNMhFOACk9XHd83/LDhpgSkMOEj42BeYaFgnFIx4iOs0yBkEB48C/Hr7lsyE32umOvJ/LhPMca1KM2zClZqg6+kIPGJ/s+Z34StUptXbmg8S+rwR6i04G/0hiVz8tAC2bcysy+irqRWo5f12bl6dEffFePRl/5xJ8jNZzmaI6QLomglDILIBk1JJ7yoShQUM5mpgAp2rJXwMToV6FxiJNiLgq+EGQmCiBCwjm2/EEPtVF/AKybUGK44FdlZ7X3YPtxIPnI45K2Jz/LD8Yd3wZbPRLPJIFz/soaqBdji6V8WVh47cpZWmftw/ojpCAhcumGHyIWesAXawuuQvv4KPlVrotkOgNhuB/JPwDPeR9bB8Sv1hQ9oCUL8cDqQywDpw2zpKA0vwwcF7GFk3kVDU/7YdxhlewzGKz1euokjCPYHQpV4l9Qb1qQUHiq//AEV7hoYi+MaK98jdJxMf5Ab38SeY6DogB6siyNHI8Oj4DvcDouxjULGlsJAFqJLUMKEO6PGM0ZvlKJ+AZwMQBQophC3+AdGhxSpKi6yEIYs1ERQV/o28KhbY94IzmwnnaWFZplu3W2eWx8HYNQlSu/Ql3ZT5y3IMSWr+kAZ7f85BIOEyrcutljQ+mbK5y8f/XrlnXygJeGNzNYFTmI9Zxo2O9qC5wGDmnMb+gzTl4MF/rwI46pky9irMuSDkPA/QjOAq9HdC3I7SgIUKU2lKtOMA4Z3XKvbQC18BHwX7gdCX84Cv50WrbkhUqIjG0Bdc5YA1IPSMMGqQdwkrbjQcSgoE49x9lo4GLZOLIFJUHqTNwGKs5IDk/Yi8lHPJBMmJqx4EJPG5B/xNt//vooiFOsR/iLAw88mgc+W6E3qd14QXLW1/4/Ucf2IfClvs0umxZ4vjUA3TnLuWftuP7Hf836mhRR9SRc3kksAbYCUAxT9cOWgMSonDFQdcqY7IlrBJMjdUgHktXD+lKqTSqXJT/zexP+iTtMMUR/s0qHpVg8ANhPkl+rb1pj203sJ+U4BWWRxPUb82Ax8g8/xKKZAVCTUbDHzAEtxBwWwKtI+AACsn7yYne2S7X+UmoaonEM51KkZkKeCj6dxYYLNy38o3byg0nrG1gAF2Oe+zOv1t4myAm3DJ1glRuOUmEaSxnMCQYVPAB45JSqrwnk2aaOow1PYYwSDofhvhS7lgOgJtwrsZ4YN9+CUfj1troD+1GA5mhgHUkAM5TpOlnS0gdjztLw26S9xG4Fc/P6c0awVcXi4dQeV2lVsDNPgn2TAEeRUyrvm3PARA8fqNJKT8s7sVCDHTARZB4KplSUwRF9qXYz3EVoLwLVnyoo4b5J2OnUeU1py/plcu59Qd0eIfWI+eaB9YsC998Uy8TUETkaVUV2Lze3i+yPEtr7WDH8BDbOpE5CRV19AV/zCHpY1twRAwgGLPPcUGu6AelMc7lzWhCGo8JoKjwqiSJUYeFDrbG2jk8tAdPENUJupyjDqyM2mHdgBF9DU1wTYeM+EDrYBloMvmbT+iVO1StAIcosXK0HrH4/vYwZw2fO9U1ihpr/Sucleo8tUx7NINK3ZsgUyFOk6YKR4BZffTm/3+RDVsXHTerASJd9IrS7fjG7wd2yzG77VNx4TgcmjmUV1siBJ+B1HKVX4UoQ5qU/Vn4h+XrPhtT/RKkr6b8FL985/03n4OZ4TeYTak91q0vN/fDde6k/Ms4QKcedgsWjUw/wJ/fugupfBBSvULAU9kMa9DRQU+SoanELO9/hwkEngiJfbQ0P4QY2McLH1A0lAGjrmlAQNGR4VWdsTlmrtZKPicRy2j9oKlKaOQAyd4+V00BVR/wjtkFo6fcgmqiXaNjsgCjeP7zYjtvwVXogY8yU6KDzLgIwgKihOIFp1CmKgLzLIPr6ub8dK6ImZ4n1GH/AhR9OFoTKGqoG0mbi9LCU4EiiXVYqagrrXoptPXiYiZLTXmLFScOfJOEedZv5oCbTaePHgCG1sjbd0TNyVw/c3Xbu/svqMsIDymYjbxRaoHnBK5ncHKrGR/mSjoQ8vkNv6Czm9D52Nq1hUZY8P6DngrS6CGtS9b49asiNfsXPDJv5cyM/ioWjb5uUAgFd+nlcctdRbdCRwGSfk77w0N7FKMZ6xYdeDnX5g7ZEk3RwcUthPDkPsOiPuUmbBP5f8MepUbjlKRwyOnm3bzkVGiAfF3O2714C76mjL7MluO1j5JfJJe/GlilXmRe3zmjNjYkZufM+9+vfRIQvcWDl0b3T3mbfuHxBbXqxHLbXjPrTzQAj0r7VXMQWscsszzArZTvM4vpkBzr/CMP7sUeHn0KTl48NDR/ATd6Xj40273vCCB+MS7SsghbRy7cLi71wjKthBTs5i3gm9uf3+OyoIjkVGrHpuhph4VHwIBIokWKqvIhRAIenkiksEBFxHUURwANQ03rmhgYQB1DNYWeXuAzzrU4OWKs3TAAViIFN6Re9hm43UQ0rZXRD9rzDbzsc37peIz+DaEDH2XAuzaRV/wWO4q4H2WszuGpmqjbMRoF5LTevQw6gDawaEeSPGDBQydawMgXf97YjbZpypuNFQ7mVY3s0UqAobeQ/NGk6uut3w6PDck+kueSlnW7efuvVwghIZiNvFlK37JvEtUy6BgPlKRwnuIepEiNuweJUkk3ZJyHF8spJThpaxOh7ho1bGOENO8Za7+KVUz/9+IaM33l4LUeKP2Tc30xCui7UZmrrgvyvWoryB1MvXn4Gx/VVDjTzWdq2LTqUQuV7EFrlrPH4xTfNxgIFRCkAPm7fGAFal197CHMIBmS5cRPteHzDMJ330zbaT+klqprKIq+7qK2Lvuju2FeBM136yGYhlV/CdJPX/j0IpcVNNp5dvlGXuVeUhql36SxvJ+o/aGF5R6/tcl61doXj5Ewrrwt9SSyeBSEIvX8uXvSej0lYfThKSQuRTt4+yDPuh2ZMZexSfkiatKhXJK4xZIvSf6/+Hh9yxSC/d/FDaL9t7Gl0dMe+tl9iXOMUkQL8xmUSy2TyrV2up5cvKR7EjDXQkIQCMM5k/zwhRGCqYz0eRSiah35AKA5VdbcmOsAiJbKlwAMxxol8GVyGJssadv+0fxW1b+YiG73n3uwFizC+pFkoMRIByxjqFBhtVwer8HDeUEyrL7EwQMkJBf0k+CyUcDDCMC4hvkfpqskQdOaUnle4bvclqdF9JUEjp4N1/xyzZKFQUrpNPhmnYyHbrEG3Cf02Ou5+/qeCy/0ICNsYAvIMg4s338hs2A5gcXDiGuHeD61HYAo64aMixrrCbZl8iGjBCkfxyKxDM8jADEYhVsmkN+NtDYWavti0FgDp0Z8RS94T6rQhaCVinqrpYWIn4c/5rcSSWOLVdn8ClZhkpGbeToXGFlJjlzF8t+w+4VqYsqYr4poOXuL2MmiaED885BKT/gAcO3bD2Mcs+rHfta6UzUgsD+kp/xypyOOax1sHMcB6zjfA0bGmHmx8mJ24fNC7Tvoppeu1OW/a+Q9++pYaLMZ+IcXYPLwUO+ih9zS+9UfGOIJD7QSGFrfAgK6nVQSyLWkQ6HsVziuK4CA8cJBOJWvaMMo+CWdj6dFA0XK5G/9mR84OhlF3OxffYkkMP7zIXwodOvnDwvrhZsbpCWFPkPzs/fWaxQyzdJILmadWhIDT3Q0hNzC1kLCKsbwyC8kAFJBvYTTegnce2GQJx8AT5PDnKqXzE7HcxJSROcGvoQHBPoTE/XhF0qcO8X6jyzePLSrTlh/ZzaaMqxiQMKoQuASVtN44QHN5yOwe+zg+v1WapADPozJw7AgjFrApwkgoFhZJyhogo+ZAeQNNwbMaVSq67GOYkKRSE3oOlpPfbH0S9noBl02Q8wmkWUzLvtx5WTmbHTxAyrd2mrLs1Q5T/r2dMTAprf5FPWAVaaBTrUjYEJzlP1yfZnrhtA5h2UqztugprkOLcchQXiklhFCREZqwX6aSGt7JdOvQTv+vNVeV0X/kuN3+7fZz3I6vSaP7dby9Yu1BtH5Ishl0rzbJzRERA1df8QK08MJOOpsInH4b9gFLi8gnxn4z2y8WzLiQj1N8BkChl5zeP2HJ5LkqT9g5yaUjxxpQdNHwTywBALXgT8OKn1e2Ld2lb7tibylpb6y+mWPblw0xKluLc7/dcDmhXbVTwFbUwfdlZAy4GsDGvOYoFoPfcrc6PZG4ACi/K9C9Ch6sMotfHVCUp+LLtU+Cdt+SQwYTfmXKtS5iNyXY5AsFvzRw07WCSaxYS5lWkTOmXICVickRN+VjPT2CyXfk07rt17QDPUwu6UIOEr5Qg5clCuJjzWSmK2FezvE1hM0ZILQaGGShKSWP6ATwm9FOf96rn1g827I3cmy+6JarBXrg2UBQSmM9v+MIP12bTBYl7XVRVGAhsUcI4shp0B6YYoySrg32TpRHD6KQQr46hgEbSag4OQYcJlpQGk95Mdm8r8uD6yOCx5JjEFMk+OV8yyUYoVq6pNXtomLG4ovxR0+Gls8uFEUnTSKg8v325vzlqUtJn21wNSD7CsYvUc7rqgvHkgo6Q1+8MzvDW9shFL0vAMVPVsePcEjzZepkPV6g8ZSRyKtsfIC9KNR18YH/SORhfRdm2nNrG7bxg/tvIHqWr1Ij8IK6TmWwg+0vFgF1AeFjnRfD7z0LhB+0B+NIidjOK1G3o6HxPM37FagatWFb8LAVRjKOZxyGj7fu1aNedrd9iFihUmRejpoC0+5fV9bjdCt7okcpeqZaGw9hIU6Rgi5vQcTC8wfG8mTPdCjlz14UKgz5//JOK3b1ohcHg8bkPfM6NA4cH9ZRh+fWoOPnqCDPOaofzve6i64qhGAvm2q4fPDKy74qo2G/qQTwadf9M5U09M3TlJD8yb/JN98qeT1dw/vsMVDTNcHtbSE4QvoUp0JeMHD91IhmDho8jjScveFIlMhadq5yKIC5Ic35zGGYwB2mh1+cG0djNG40MO/Kp6h5VxPFjlBeC2Ok7xZ5xMKAKwJc4zSU26rgxpFivhPPU7narkHLE4A9MBltOijFgH0ZEwxH+d82C/hs0R33UAeWNdtegCeR+V25zLjLMZmVscPTSwkSZhJKnizlOccr2HkT/vgSsz15EWwW8OOLn6gbnsc63Cwao5eq61FbmcdakOr2u6AGxPGDeoKAwgLzHMmcpyUtvuSsJi6JW2E5eT8UyvsnYb2OQOCJppXda6DZprg0VpCHvXDCE3AFg1dk4IyEITPRlVbrG6leG+ykIjWv2mHW7UOreV8lSsarGgOg6cnHhtJPzT64UJhl6VJRUJUyYPCB4sEsE82zmbubz8i/GWIrB4ov8OAczGuzB7Eyl1u16mPqFzP1E+Ve99NEX96ydK5TQhzHjnjcYGFvow/2IvlEgt97vo5reEkdOIn75fwxP4vTf9/1PTpcP1iB3fbgXN39+G667HTZo5hAORCtTjgcm3wQHeYB5EAHLJhfQ0H2J+Ow8u+nIvwp9a+HhFYNLx43zko/IG9Y+cPAPo+taP5n2KF/SdG6IPyFqIoEwoDCvllTwJqTAYIx0KzzkMAwcyXupZu9gsSJqlvSGRNncM3wSi9sPSaPe7nwpoJW8eczh5SnzcP7eFzuWna9htfVsW36933ghuknhA2Ns86BKTn6un8NItOSPMwG/uEaUcJvQ8ODxUfWlYLE7EfPSDNWhwr1zGDw/Vt/AavG0o3AfdkgzI5AE0t9K/Q3FPmYSPZ95sY+l/o2vWoPew0so/M7TwVDm/tzbm7LFe1RUftYeNB0ZPhBmcMURIiuYi8onNc+Qimvdajo80KiYmSTbJ/O0Uz7D0R+0g5w2DrA+0taLXKcMhgdEZK2PTUl4KygQtaoNWkHAHbGelnISt1ysSr9EM5TCr0yGWczpuXlHhXcusNa5MeChvLucuCBY6bGOrjT+IfRFGfTQxPXUmJ4zwMnb0kvBKDW9zD4j44nppDry7KQppPX8ZzS5yfJn8gEtPXXtzoriXFQZzjHUdrt/rQKfBFCuj/3fHDprHFf2JhVy0B9AcbgTSsfK2U8C8dXpwBwWaSIxhwTuNB1LJraCAJUMZU0QQqpi7w1Jj/ZPbvt1+AWSX0zYVP4tE/HhbTcl4pLn1VYtigg7JpgX/JUUl8d29uzYur7b9kuy9wy5oEC46fLIvqTKB1LGVWigggIcHD+9IaxEAFfpRuHtqVCplb/LxIBlcEyBrd2KjaXU0BoV6syXsztfGWBQXUPbR3n8mhKTZBrL0NH99z7kFj7pfjgVOp3OooeUF/2749N0XgqEM9Qx+p1h/AZgyeQyTsg+aGie5TwMM8aSNtcsRPsDANuqPS5bRs2qRgWCTRANVDCFxIzgnoDkOAwoTGc4PzGitvcJgKuQxnvC+QiQuhTyjt6jpHM8OH76OIe5dNZazd+tjAUHrdL4jdSHvfQU75k0RZL5PRyffkAhuZl7NGV9NXrwHU+4D2Wr4aD8Fe21S6vjdUHD3o6axhBSF0GRpn6EwAOl0KE2IR1gp8KrdT8AA4zYF7O576lz+J9/9O/KQ9dnmRHImQtwltCoW9jYCUV2Bjj8Gpl0Olg7dfDOoeIDcbZOG28UnjqFjj1BUgSzOvjEuxAsm4Li5oH6VYnwTyuhoYMf5L4Wgs9/t1Nz9asPUlb6VcTub514tIAtKH9sM2HCf01dT1IKQJvJAbcy5xEyEPLnGSTEK8n+78KrUO/3FfShRR1R1hsK1yCsh+4AcyT4Rgvctb5jJMY8PJaF84OaHx4YUvmcvDUWOqDyFLaYigj8VyISwIXwQ0bijciPelAjdkxcCsaGdJ7fCdn+S9neyltZHr6KBYXd+QoOY01fGtIAB7aB+cQqIXYE+OoTWMwwMremP8wFmpbAAkGplP6X6xDJL44KNlbsvZna8DprTzM2fMvQ4uEk1vSF89ODaa3bpMWy9yuVbRBiQ8gQZQWIAo1CPoTvNg4AGQqYa5bChNEk5zPF04SACU5yZ696bXI+hHBgOFh/vokbcDqCbWAVyVGzWFchugfDwWXscfzpFZbp1KFtqzQLVRhW/m5vlx3QOAe9Opt3Ijj6T1PN4upS5ml+PS8l6oQEHC6fzoN6CsRXP7SM3NWb1eB1ElLBoiQClL9ffh3u+t3vxv2FvmMMwryXPjN81lrMCey0MCrhV0f1h3nIAc58nU/QB05Y8f1tVGRdEAxmTf+QIW6o0GsP+NMfQnDbxq8QUYPi8o++14K5QawHRv8rL6tqdbedHVfnHjf3eQbk0ucGN9dhdGrH1dUDOE9x+x6XwilsXT3PYu5Xga/LlQxdofCFX9Ra6SuV7+AOKBi20rXa0jzx7IMX+JhYBP3qWWEq43TPycTbhqah8Ug7c8vCeC+vA6UvmzKQuKAdbC6ZOwcYRwWrf3r+Iw2ogDEh6kXjTmfakHxMhPUzs5rwOUNDBFmaRdeDlXS3BgPhPgvAlJw3DA2y/1yk3YZaEb3fAvyKOP4YmB6cjdji236rsQxdLK1nYamQAh9tjxGYf4Fi8Xt9uNhydvBxqegPi7EfqtjBT0Gj3iCltwtBT0eaIgzJlQ6OUUU3OtnKuP/k+JwwvPpKf7aKe33O+hXxBw7cG7gLxLNV7w4XsrnujaLSYtDfEq8YQFjkflmIa8cQ+MqWLrUblkSuFDkcT4RWmUQNMLIcJ0phBo8Lm9IHmdHE+gSc3pXcQktCvyM4213MjNvnCI/RR3+sR46iJAax1Un0Pf/ev2qvRmbYVzsZT9AzsuBtGyBZWreteU3TNKndiw/qME7cv5G0xJ5g+FAnAlBxBG0vG+KBfCghPqbyZvtC6wu9672iK7JNKCmjrrN5AkNKfMndnL6K3ZpazB/qQ29YHr5B+yI+d0P0oN6HFJqcDF5HT8UL/RgubteNMj/FXzT/Rw0+vrHqpGWaQwvdmLhSY+xjtoZx7OWc3zF5aMy/ObL5xoxbZAv5mClMXyvPoWm7m0r8EHk6yZ5rpuk9jgtWQYeG2wkDcO8Ei+HZUPL4q9n0aPKdZ4Jsg8p4LUL/sOwnOC8y2ca/DFAib8iVDXGcc63y5IAc+rhKlW5wnigGRbK1/yFWs2gjcd9rzVMKK5mhgkwg+IRtmP/fBlKiDKr/KoY4QP5jqaJye+iKHvvWhASctjzj6M43yKmeoeisFEAZdaJv0GawR6Y8+Rxm2tuuURcw1F69VDuyoIJ1x3q+p9ZrMPuMYh5nM+GF4stn/3WbHxVUk7nJUP/JrReKo9XgiDlEz43AcGnN0InTy2HBbXGMRnu1raqTBlHqTORX4MMpnRSYoPnH+cctsi9fyS13/Ve5RU9/evuD9xhz5TLHvA2oZk/cBuxQfp1h5AFkqY70fcI+LCiAM5OQqLFcE+C3d3pmEM/08Mloa/EcsNqJYa/FBz6Td7Xs6DzuivbbMtRLOgGUv/27PL9f1sEepHm4Xwn2zj5NnVkT/uBS1m+aJwJN8BtBeymSROjoZbrLIUf72waXMVoRfRhwVSV3wFMQEiiYw0QxOknNqXIyG/5amYf7GyCWlsxPBhsrut61o2Eup2+I+RUx2mRpxvtmdiZF7YwFmuIwX/GMtyx3WnrsANPJos1x7VIKUa9sU818bc6yB8OJpO5qoHFzQuXvYNL9fAHXiWKSSelHC+/pfj2Sj3RL1oOLZwZCnR8CbwicyKReB9yTcV4tv5oHPoKCBpcckXIMmQN+HiTS5syGvV4uL6o5amCG4KBX6Cnggtmw4bopAJOmdcVU+5LBW8PtQyjeSznTKBGsIWYcu2GiiKlh5/fbmsBqRrRap/8/kArY9HNEn9IYUR2s0yUN6O5b1ly+iLoY/cpNJoLb1KUQnCRT2npnd2nBXl5GrWKeZKEZGHOdVmVHA8paiHuThLST+G9HH9L3t3kgcLxysIchfw0t+y6wsKwJkhXQ/QeTtCj3nDa5TkgX1E6IHa8b6YX8RELar8O46iIU2pgIkU9aB4urPgDqSkhA1NFj6hTqYF1KoB34FIx8M3WJA+4Qxu+EIMvW48+ORy2APRzPVgo+AtIKB/M/nULy8sd/Opbtbp5rf6wFG/5TYD1/l9mXdP6oMlmzRDYlz1Kzn3UfRr0WGh2omLKf8ke6CfgfrBlxUtUHrBPYnLdzQA+CI8CtS7UjoYZNqxIuYeWnJTEE3r6RudoaEOVYvZWW/36TYfIO0eEenUrvdBnPa39g4e/e/EBWtwxoDPOd0LyfN5FxZZTJQOqaLcplqe+g/WThefNd1v1LzOHUCYc0XMMMShF51wAXGhtaSYO2SC9kKQxACczkGlaivLnrABx0rQF/WPcIEhAcDDLN+tB1TAw/yCD6iNwveHdhRU86Rzgxl6kPJW6fpDDaNjlDu+A4bc0OwG1Ql4nWRxzFUEYM5p/uLFFJO50WKSeOgUtAvLB5IJpImvzbTFe1nVEv5tH2Ytb7iH5VYWs6G/5DWxq5WEkRymy3XIHNkA/v9p59KNr20pFicThEEnTYxDOSwPI5V+E6IpHLzcwN4F7D3qsooWDP5Mcje9HyqZIaeZliz9PLRfdiMwaN4zHp+BRysfyPSOvhiDPL9hFyN4OXFJeMWDBaKJ1Oy/csLZI3CR02/Wb+4mDYY8sv0zT00zyLmcfBtv9N9KnfDe7xvPC+wOsqt5v1cgR38XfOv1Lf+yez9WjG/OYYYsHzqpX9VNKab7xb7DBMLFxDwhWC5sIwLeBoKSr+0FB1wfG65rO3AfYJmN3J7MVRW4FSOz6y9A7NXFrKsY6YdSHWvJ46HsUz4Eb7fj9GXT/mGzAbLeXi6q7IOuUf2CV72UF34ABCECO8YCKnCPUnMcQTzUIl7Cw9TGMWE5QMtR+cLZ4VVyV1dd3eflHlUaJrHRL0OLlJe5Zj2hMW6SQcJse1NuwrrRDwJu6SRnrWAtAIsA2sslOyAoAl+MSw9YM8aC06aEs5wraGzXy+CpLuCthxQgxViOlQuM6dC1qQ/vGWuY4s00BOznbSZizmaa43mhu0spFbLbY/ilT+jBDSWL3oc+bmW8hYHLk8HxNVz0aD94VNvh6614QAacQ58oo5bzqDejH9umbmlZvMnLZryUp4MpSiKi/CtP6sc4Y659cA9Ytp80ADOItLahiJl+NtmSniUtkJ3GriZCWIJpjnUcKNG+AXvag0hbZorrXlPDd1qCyZh1Uwhr6jQ/y/+NaycYeVe16PJfBzCeY1nSXJQcG5649OlBXYDVPxIHrd3mpF7IclwIEPHKjwPRRw9HqyNg3xt89qiieulb7fMllU/tooGXKTatFs31TjpjKp2O+2W+tLr6hJzG7ZfOCYk3QsmXvoT/RQgPf1BBohPPx2HglNaUDAHZHaazPOWP2moK0BDDFCWMJ69QH4sZQyi1k2Gk/q94rSAVRNDWJW8faX/Dh6F4Ww/V+oAZLeuXTb+MQBq16vNjlK4HSCbbuTkAkKKmHK9BxkjOHnocRGSEgwdqCx0FruMD17hDgOuwyOPJ61RXvd09quWP5lBf9is3SnNwTELfQoLmGkq9/CLNPNJeQjMZWfEJ594CngltiamzchGBKCKlzmXvCxc80kc3CxYFjMJZHtpRk7HlD68dl2QsVK03L8PjhiAHCMs7abTnBogqNBaGnlwbCWAvxiH1ICF0ocMQ0C7sJiSTdD5Eb89n21ThoJebz32zJW/l0nT2xxEAMNIax4z9VTzOnfAbd+3jpe/xfCr65T2plu4UFD/oSzXgoz2+WBdoJCB89PJyf6yPwVEJyIyWoIa0wtcXqkAPxNB4RFNtFXmRceEXnN9A6b9hlyasj35h2wd160cF4svOhZi6n1kruOkmGrfJcYI909SX4VOu5H2YrBaNHkvbMvmh+Y526dP1irxaHKUUoIQjUNU+fIk293RUac4l7jF8kXsl3ru3Ml0/vZRX8BCybK9+2o4Xtr/1B/DHI3x9X7sGHLgeRyr9uLs7uU/8sUyMd04RVXGXY8yUUXzz5Zfpx3hcY+G6OJIIMPiWSYsr18VJxMJTKqYzIB8J/YumApNXRI6ZC5bVMglZUPM8+y59Z8JNr2QW9LRD1Ipug/TAwT5Qc3LMF6/ksdS5Fynic7A7dzJf5+EFvaUQUGHiUOEaHQloAZ3nyI/7p9IcEiYAjnGA/NyDX4JhirJro3AzgizYsiWIEq6SRRlwW+iSlPUjV4kgBxFgMY66TgEBxUcp6H0LrxYHwO3oB2Psk3zOmo3kbzzQUosdBRsAwkKJvL0nK29gQfXlsaYn+wB8jD0yVdhn9AIEbSFS9Vitg3I1aWYNOvqwIfUxkRINXDj5d/hA/myC71n4Ty0+UdH74NW19Ik4c/L+HPYGcB3tXn3Ak5Uin1/HPv+lOKSeY3Sv80gKu9of6+tBQHH6UDMeEsFzCKraXg3MZbRm5p/bPypJ/9mghfptYjywj8ZHI34jGerPZjEm246apkeo1/v+1fxm/TEb1C8eaNycevPcHwpC740HY/wnkg32Ns2aOAC3XMUZv9gn6BYlfNbs7Srim8YusNkCPQfqi/MIXzKNL+LVjSRobyZBa4O7KuWFDpKuN5TSWm0/dlcjkZd+d7zsmxYR+iKPBPPzKOd1HjRkvpGZdAXZomfqVQQT0WAZpE3rW49TQzAbDaAPpEu6FBX3zfla6iIJczSD/JsxaSxSUgckyI4k8CVmEF590Qwm95PgT73Z3qOIZrMs6pzXXIcvcIBWUgw/xapjGht/x1Riwmt7YU0zIQGQ9imqUsi6lK5C673Bt+vS++e47zkm91+ZIQdssUZAdEQZcK5pXLadkq1Gwpl2NhKy8j3dcWBiIvWb6YCPkaDBh/IWogEBwQqpUM88gHO++Mxif9CCR9YYa2BehizzwfENFTJSit36Sb30AomLGhcvpDEqBPQCHlMCdN4IlFtsZeSN2b8VPHg6mC/lSlKRNK6RR3FoLlBgYNbhFuJdopTDfeGDdZlrxeN1pNawNKQBxXwZWR9gzi2EeM4Z9IBPEk+LeGx/cbolnTCt1k3HAyFWGLjXk0/Y/d7MlqE7upyF685OwPmPzinSe8LDNG0PwkVxNDmGu2scCxtii3Z66Fg8bxPJx2ld3gHvgqX/Qef8YikJ1JfaO/sH/VLEvA+cQ9l8sYZPWq44wTNMKvRF7stzaXmIvbD8pyF6DLZb1e2BELfrA6+5qnHsO+9TXfep41Z7WK6zEuAcmoAg15C7GCHjdA8uyB0Eolzf6AK+gTx/7st6IHHugxgy/kNGJD7QCgeddSTG+bhdo3ju6jhdcfp+0mLF2XlaQ7wWgHVNh36trnjmVw1o7oUu4DvZsjfyUA3wkfYetDheOx38FrXimzYMIJZHJ46Czk+cAbW+XuCNpifOOImMP7ROQzjvLj2xDCwRo3px7N6cBNmLT2AQxlHdKaMejg04DhIickNDfyjFZZKeITgE1BDpCaRIiwN/cw9YxOBFxw7q7ks1wL0GMMbRzxEHvI4QU9KIsV+UmozhgUSJ0WKhi70Ctxqtd/KATIXV+7qdCwO0/euAJKDnvT20a15MzVdC/6wYeR2qF7UYy21hwEavNoNpVPho1tri/GkB0Y7bs8qSGHjOj3VwKqq+nKnQ5d4Y9AV+KCsDLB2/fmm7ByGsaIWhk9FFmK7od70GsUCN/fS4QNpMcqfQ9z+JtwSyLiS0JYdilAz3fUBsnDi9D+MXQP/S9KKtF8SvXtPXFNXLUin/qd3SO4SSfpoCFcZWK6CayY2BUBePA+9Qbpr5MK1mo0Eb/lHzD3v+H6Ppvr3dNnwxOi6lui7x7VTIJ+9xaLc23PtOD1rhy8BOmYUTzrVS3qbgATQwafp6zysrz8ETCZ1nQ0plOGiBwiAp8BT4N6NrkxBu6m90HEs6npNAfZqSwdBHi5GCnaICDKdvQ6DT2fQDxzLnN/z5ZPiH6Ibf6QuwrUew13tJulVnvEzE2LOMd28tMCgR7QM8k2kOKmhe0oQUtb7UFDTqGl6/IATTE7HwaPtRLZwAcmLAApYnKz2XjM6eHBcC8ODSgcJQj41TEDW1e8HfcAUfXN4zcLRmeZigkObMhZ6PwHpi7rum0FIBexgA6AzH7qnE805rdLEfexpr2eKGjw/ciyeb8z9hr32wEaM/sokhBGVEGAFzFlqRSf+lfnKWiPpCa9t7GvBDyDkQDk0hOc8N1TaO4LY+k3qM0EMJxPnT9FVy3iTHfpw+L0rJU0+nuoga5AKX/LdblrDlVAXUFi8Icg6140j9Q+fIIUDuBSXNBz3ykdJsFZGAoYUUtF6N08cf2EMj1hRAvVPondrtegnXUyCnG2wWCNhUtDblrWqTeVVdpRiTpO+mnbCwveTBnaShmKNN8vxS5s3asvzpy9llC/ew3MA9cyIP59EEFpH6Y5+/2bhCuku1NrmQ9iZNXR7te+JPBmmv0XK4yF/4gw9KnmvetMfiUe/2AjrdCL7WOdZ50AwTrY7XIDGXoZwHpR2FyNyAQ6EQRAqQwKsmAgSnKVfpPjfE8g9+rvtR5U1DWjKtLEgchBniTUuBvp97+hQwB6e693Mig8Ai0of3iqDQsb2UeruezGEg6VJoDIZlCcyVYz8I25BR2umVGCVIoayhgWoUHjgzoP0ZuhUVOeVbv/YmExd8QqSBDyMdS6IZZMfTQ2/UDpTFhinSSkM8SuvAoOEDTrbVfM6tgrQfAEMQYMmblrwBgpKPUtAaHvgYiJxzPRAC4uypWkMc45g6xQEovBhVE9YLTQvDdIvLRBI0iZ0GeajMgPY9sRd8QOIaYqppCArKPkqBP79xLwK95bkABQAL2b5LQoQg3AjBDQG45v3zBUnSQI+aMh8LCEBh2wdjKD6GuWkioESpd6EI6HL5eFwJ2IZtkKmOLeV+DZJwG0VIKMRa3mC3JSaz6JZ0KN4vIwqhFx79woxQzADF/LnQxkLW4oQV0QqXhUjy79DD0J5XtK72eXnJpjOP+mcjPgw37GgswOSNOsYgNbCJEtbs+AzywosgaaCnlN4LVuAqt1GBbwlptAJnYDjX0EqLfzR5cQ5t++GFIdaRF78VeFe8kkUfhXRVqnJO3RYddQ6uGpdtG36vP2hGB+DrFBq+BA9mu5dtxd+68IPUlPIoaxa2y31Iyc7zwCXrgIRPlN1fFIDrckjUrm2Waa7VoqXAICJTaGyGLXIoZtIAIg1YEERRkhoGzOD/YvCHr+GjmjsvtPUf3JvS+WbnuIBaDSmYxg5TLYwF0cTApWnFtpzhRMekNiSU2DKLKibUdTKIHd/ygUSqHZ/yhA5h6CXhQy2waFIcyxMPhx1U2wxboOjmNSI/LDHNMOroCRuA30dFqIFMPswqb5AzRvK4Py89SULhuGfhId1wQ4/lYOE6mmCAF9bAYdqPlj0RsZp2Hz0gODgDFuqR+hCH7haXeTTXvTCJoUOlNgTU+9YAycxy0AYzOJBgisshKSAL9U1i5ej/UHb8KXhJGHauqp7bVwJYj/BMNdXR62J33toCC17oARc0zqHcdAB/N7F+VeLUE9tU/WBPGLeJTaLS2XCs9KbPQkvp3GqeF5RjCstg3SNJAFgKxg2nl4b50OuBG/XZi/2G3frxpqaip/ZS19Xn9MbJvqEtxrOnDUtKBY5TrsvJvWJdPfDdZ7BtnjkDFNJhUltX2exXYaq9eYO78igF6+SHS3Ux/PmpJ94GpwZO9bd+X+BPreDYLLglcdcE9AK60bJ0QcAXxu2H4zAANvjJxD6sxMDl8QGZgacUiiq4AABAAElEQVR5vueMefjT5Y2G+w9MsxVToQJkkYl+7lu7umC5XMmrHDD4omwWSNrk/q2idb6mysVExpQhSydcLAhFat7vR7HELEa/Sdx4KcaWpedbPnelgAcZXnrojjAhD11NVmQ3zqw0xyJSWqdWEu3T9QuJqg3XkcDrCAYR/AlQ1uaV+ToXkXDOg+7iT0KnoHswMKEGfjWmY3nD00PvtyA0MHzdAnkkqC9N5TJgx1GIOM9KbO6DQGFtaIDwuG935wigdmxkgjlZWMh52IQFMyCTP5irnPsQv8sbRAmjj9wOSpUmyT+hgPR4XGEHmf2ueAAxcWnEl1P3Ao3BwzFWyVQyRDjHG6+KV0Bdf2lfBZbkquA9wvCCoyo4n62BC47+QPYv3NfJC+Ha2WcZWw9EL/oyF8UDCy7suTZygAKio8EKLGNCXIm4UECuE/LpZFbSfUbl/8hL/9G9qmFej8T5+qkoF/39bTyQ/aeAO+Z+5Th9dwptDX34FdsipbDvw5i2Zxe4YPMWP8jeexDbTIbPa95G0ksfruFmT93jy+Bm3bqMrx/Mv+zzv0l/exixp87ThE/WlQC/Vu4zpiEewYaE7aGb5lD2D0ck8jgEQbWpf+tN4N1dp+OIBJ9btw/v6hx6Sq2007BBBUrrEC7KnAKsk0TdOAIyXEiy2n2cJTr/cDIQiUK0Vpu3wnGLHOaByImJ+nCqNvlN9uSFNZf9aHL0q920mKJV6OaSabBQBxyGBt1gcJ0ecaMRtubeYOF1DZBk4G3sQkKQuHwIYszQVUt8ebIUMFLgdpAetDjgnjLuO+DtOLhFgWoHG8So/sySmEEHPpUqdswNAjTe8JUT8DoZfWDs7vFowuDC030HFbU8VnU88Gdsnts5wM0mMZ2izDHrdHnD8NqJBJstd3gbVnQMC6JqNdpkY6Fdj4OHtWSMzxnAXg54ApQYHiAoCFBDxSMVcLuJEMprdMNhD/ToDWx4Wgo9QmiI8PmK+9sipxw3XaqWMA+5oP2hXbPw0vjAV8jty7wUzPo633lcrEElupdL3+g4uFO7yOe1DYqvHcGNV9a64Vy2+IkUrtubrczLprbkT+LHwnZCwCiR9gGfQaTXhP4p1dQlzR4liozLepE8airnA11YXR24L/ThczX+Uz5XzQzQxXHfyV3t705gV1Px/8U9o555/W9aNd4bAjwzBw10eeKFD+OEv7oOodWMXSsG//I8Uw1+eNffhqYllF2hJy0ynvMlsUn6bwmzgIrnHKXYu5I2KkBDB9MKf5vjllo9FAqwplAOnowNhTgp+UPQJOSt1I8y60xJqQf9sOtOs7KPpIrzK/SjopSAJaUeFRSSZjUF1DU8EDSKRLSUYAxW1JnOvXZ4ki5DWBhf35BQdJ6XCk1SuCoVHsYbKK/DIEaUiHqh0CDWb9bDCTG+CUEmw3g+oPO/b89GDM7xaMIo8lb2lDlpbr+UYa6KHHrQcvAKk8cAEkXJO7DPAQA9ew6MMoRt6DSkiJLh9A2JYeNTOXYWywExLLWh+Zzz8tDsMNBv+S4k/gIyHJMQE64LM3TriWImkbiWAKP0E6Iw+FvsQp4J2ENuVvZRiade9uxRhQh4mHdkraPhBqNl+0+f5Dwy6AHfyFylzWsgPcYaOt+ujrzqdVzu6rQXpzprfRDber/xwHpv1nror2qjytnFxH4C0u/J+kI7z6x9t2VTtf5H5wTwV/6SnQzwuUNaI8SH2FqZGRLj9UyARAWGUgG6TG6Bgmv9F9EnodItB8Vb/8bjVXrjlY/2K93/18Gbffunlm7nEfVB4WxhnGz5nCuxk/Uu6sTe5AVrPcpbR3vXVI3GPvxJD/02DZ9PHt7rzs9Z99TF6YQW2T7MD6iqE1yn9WuAzMsNL7m1omUh1faAAoBDC1OULY0Jip/6io5KmBxrQX+ja6TBuflIc5+dptT8A1t7UOHikxStepseqID87+IFGFPDCQLA0LKpgA2fapUd8Fq75bAOLPy85uIXMR4Kw7qTnnsjn8EAoC4jUhlqEJwg+NIuyRJHen7YBfhviFP9JgTt5LVoCcG5GkAAyYXw4AHzMhKksfzgNmkuD6kudheYnPiaddK+U1hRr2WGf1hrklVNbA+XNMd+hgMQJAYwGXEWGXmmQRIUHxsu6tAo+SOJv5RAu+DqOU2Xgseo+4YIcevjhCIAkUrdknJ/ThGCP98Ueo7ToBMnkPnIwu2v9MYe+QIJ922oPmgXbcHuqA1CBdzVBt4gF7hK/le53fV27aFr0Bc28pm9fh9b8aiFySM9Uuv5MwqwfwSu7ecDu19M4gcxlSkFcVXe+JQCD5F9ghRxFEPTAFsml0DzvcRmj7Jn1uJYyFf9J072vJ3n3l7JHsBYB4/bvg7nyMFuK+3Fn4i4WhvkfTXgJ97YvNapKGSf0Qz3lCH3F0zhV6TYqyhHO2kmLPNELgQDv6hrymWXxRPBQZQb4Y4W0HIeZxnj+jfugP7dJDXoPUjefouY6moMzNVvGZVAGuBqunsRvIN4DwpY8GqyJFupib1obidt9AtfhQQdJDYtcgltbq1G0bG4TxbnEzDsofvn+iUgoP14OAdlJJKGTT/xACfpwa4bF7j2tSRXNtpfK5KR4s2XO7UJOvBGsuiDU4B5D3QsF20HrYH9f9xK+tWDO/WKL2xLP6vVkgl9QnNBPQmsffFhnsSOC+KPhkFH/vo+VfRjEmgEhoRza+6N6h7qMWuuPcg7lgL421j4K/TmHDScvJlXZdhoG6GrqTc01SC/Tnsi+JaPHhtvPLTztuKy8DagoT7D6KNzATqiQaHbaNCuA6iOiLqOimnWC5iVZaH60G6e0FXAgQuN3ZglzGNIs9VOo11HFi9EcC5voRf7VEi/SsH/es2d+ie9Ro79rBnHgW0ijCtrfLEeQJQsD+y0cqlw8flTj9WjuL2toP+Pum9RdBy3ldxk9/8/ObMoiAUVQJCibPdMontjgkA9QEqWrXO6e6ibBBtYSuVeXEJSCZomB6DUxwE+6esEXIhtNOKnd4MX3hGMwkZjID4eknSa1KZsOV29cWb7HBvIlZru0DOyahy2MAv9KFP7mWR/0eAvNKbG8pvWLbCYJ6+H+uN+SB+dHfmnv0EjnrI+t5dtm9viZg9Mt/o9SbEvjM7Fh7MmNT67QyrjVcz368qfdS5yhXtlaiJpz2zypEt84BiwIA1oirAoa0KBAbgClhReINsp+Rxdx178dFry4Lbm+uRvzWoR4g9EfqkNWF2oFWqKNuC0NSZD9GJwGt9KKLQZnWN6LkmBDX5ZWvSkeMgTpvmIUTzogZDQYqAGBIX4FTBNSpRxLvnFPZLPgT+4m+jpdRYbMNa67MesB2RuwgrBQ6CLYaGwKszL5AmH9yGWKNN+JgiPuKcx+oDBgh+YJ7Gm/sRlHevkezNkRj/ERN4C7seAeIkxa4HXBEEsolZzrJWSyjiEiQc+YSJ70a2AhzjQKwb3S72G9eNQ85eQv8Z30NCicNNfk7pE7JX8HSbAGoC4Ix0K868+hRQWP7iUUNut5wCGViLee4/68X26rnMlXrxiDYY/pVSJr+fSu68Z67b/fdzPV+RrNZDoGkjSaWJ4J118vvo9BJNuMTf//g274W6ovauoeScp7e9FfQ9GwQMlMs6Io1mlsg/kI66gRpnYKB1wAsugcurccPxwIqUdyUNTjFvgZ8kq6WuvSUqv8qz/enzwq+fpAf6T7qpnEkUDf+g8JZ+3k4eNWa0paCNIuCjezUwpITAkBnP8j/NbZZ9XXBubIL1QD/2VWSvSJEPIasNAfcBQSKPgqcoJnt0/u1r3m5yq3fryW06569Kj5UQzo5cBXmKPGhGQCbmkvTxpApcwnIyeRNXDRfqCCZdhx1/VKjbmIBRjTl3LXv7NxCDxtITGBwEl6VF7UMnVZ4x/WRtfDKHnWkoccfJiXZOMWbPRUyIo4bRfpJEzPcRQz8akQ6KOTS9aRgzITmf7JaiI0S70GKgJQQ2X8CiNiwP/INVUC1ATGBinMq6thefEpInhlcI08BpPfEtM+0WCCg4iU4SEHhIsCnbCoaZYAgp3SDwPDT+k1KdTwmaXeyth0KA0czpGvXrIPDBKbHSBw/90X5K3aALmR5djTUbXtXnSQ/2B3/ZOzhg7zGI7Y5vj+pYeEbLPaJReqVhIzRQ0HNDr+vPiJy8qfMKXa+unfQzv0ERweuieglPnDzov4Q9qL8qLNf4D/cAyDk5qe6mvNAnqFQwBP5cUK5Ax9f8Oe/axCyxpp4nT7vei1hi7q+Ewf3mwkUrVLyrEQFrjR6squiJ8gHvVB3xPPVY9LvKpjz/ksbDepz/oJa1lr/7nqh/0/U0zXPMvbZNWmlindS7NoxeU2VOH9T/OJjhyKpb50IJPmiDxfATFGtu0/iykCBUKg9yeQpTaxSIxl1ffUgS546/6IGdVd3kUDUgsLVtOmySjjIaFplOquEADIzknbTgKnWL1RbHotH6TyEhwvRiLDhChRdxI3h+ESDSH4f2PORdegwzb49+UQER15driv1qs5c7TcwBxzSRw3pBYIrSBRMo/tweBeNpRB2DWgqhJAhWE3JhLmOg+saLXycXk4aiQ+G2wCw1yBVlay8nCzovXHi8WY6HPoe3wEcupTdLtRDRQHxKpP26H1qnlvXLCkQSKMW+jpgjjudEicYGhhibUnATiZASFZaU4hHoEEDtILIvcFWKTF+do8pjII0Fxeg/PFbzmE3xMKBXY4eEDi4kYyDZo1/LAbzlUf+AShnGzxQrrY661q/pmWMEw2147ruZerKW7xlUqxfIG9nvz2Ahvu/PkekxkWvaUuJz8h22LWuqlTujF8Ulj4PDD2CdotfrlXNtFjP991E9DVB36bHsfGo1Upq0AMHwyurjXf9YtVMeFFQ1ThGMAJWDtxFRotcHwFIznqC/5x/CQoz8IeNJ0SdHt+t1qCPf4ylLOVvyfLfKPAbVdNGtoUi31H0kumnt9vg+b7+w6rw63s0j4NDFWnS+Euj4SdOg4Di82J6daMB98AqZCIOYAnIF/Q5uFFlvAnkAQAwlPt66z/DqH99nuPz/HPnUZybQWjEBOt7CAyxeOpIfJ+JLrOkZwTohmdIsJk4x9nA0PWsWDlRCjJrnHUPuhgJEYRjmCoQhAzVmKfz95oByz+7vK7mM6LkXTIEswvBrL+PXs6re7lG25sGCBQLFlyD4VzpqP5A4t/h3IhBkTQrtad16jP+Gz5aQh3siH1s4wCch5pwG4iBsNloqET/0zEu8VvoepV8HMU8xGfY7cvRVDihpIbPpsSi7hX/7J1bVq7Mj8wpYj2+AnTIAtYN8V1DSqUJWImAAkyLccf8gcOAsCys3VDR9AkVCqx7XdBIC4AbaYRDibeD+mHb0rzYuayDHLiTv6DEGCBhXThB9zh1nB64WTXfN1PN4KFbKes7814mqw9EDaxw+0Oz/UdFOKd0vlNWZj/GCVTbaEknyDLdQ0Xems8kb2c0wRw7UP7Ss+8p8e3FfRHr34kPr6xKPoqkTSxuQ6UtpToqEgxjE2uKhZMAtL9S/8HfbdMbObW9kQQCOrY1O79+Ai+3o2+JVFeuMsQbYhb7QFW/vcWNw3DuVL7OErwbXbH7sRdZa4yXT5lznViG2J4FBMRSrlrVbljzktIEdJ5BgvaH8kzV5CfDSx6mXCB/EPBaWR430CrzTLaUhGYFiNCfxgSaSqXJLRAsGjVS0lzt8w4Q/HTh7c0c62123xPi07GB6C9Euwb5Xluj8O7dtjAL8H7zBjH3e+y4WZfuWhp5obFtshHvAU5QvUxIhfGOAhfvfQDkW3gWaznuH4PIz79epa6ZaSlsFJBxR3lgn3EidS1OtE6NuQdNXsri3iaJtEkTRAYMY8YR4m5OJCcv/WSDyqHgTGl/V4D4doBducPdIHWIv5Bezp+glF6lhiSHhJYyRqK16nt2hEX64yv1TdDq9etEhKTBKo/ujV5g6xOqGJXycEaXPUht7AE7b7VbBKVJuYQ4iiSI7503c1pbhW1fFkfol+2DwTk1jmYUaoV8hnwZObl9EbadB6Wt9GbV8aXtzHLVgbQk8AMydEpqZtopdgj8Ol6EIB9wN7Q/t5ILdAT9sJjWlBRVCnp+LCcR/Ojd88tP/L9vuvdP0T/4tR9+la6+5nweeOpvv4+UTv4Wvinok9sRn344Is7FWH8YCWaRV4eGC/4PyMqOT1fOPaLkTwbX3lJLwVxPOGO9Y91dwY+okfH84djF9Yvbba3Q0/NNkrxyjk4Hjtmfa3zKI3BGMdD8u5+lJQiNwab5tXCeWqDfJ1rtifxodGp317bwvNTmMBnZao3MpBreaqgPMBUqEB8veJECatjtflRKOGtJ20FViK5KDnVEoTFfhhPMzjS/+DdPRquNReve+c3G8aLz9HajIwPHfJs/BBe6oXSpq2XEuGrgVsjWMSOPRPPjpZiVaTZq7bv936sZ6QGJ58aNQWtLXAW8Df7q7qCasTxkYMrhqyPkYtBZ4BihoX7uOUXAPi2vL1NyT2IPALxYQBHAMN8kni/GHkNR/8Bg/JVMek+MR7pORDjgJVzOa8frbXDoSKNqdNO2HLQLGxGCTZF4Fl5Bff9AMvilWszCdZJtRTdbQuOssQePIbrtrwhytJa2x6lQAmcRNpTIafX7skjBL1Oprv9RZQvLlGjq3onfS+uRfkcLxhfSQ4SnTr68iP120l0Ytjrcs8totYX6Ttk82RisPyhEQOQZtMiP3kDX9sBHvufrg6yU2Jq2Vcnv9pattmOzxyONjUNYtXph1mL7wXM+/AB40Q+yLw+2cy/ULsMyrcfaXRBmYxeRDlHgksBCUnoT2w2wVD/eDbz0eYM3Ckhcis71nKj4nwu/KV65VbfOgNziPVAMFpFZvko2jDsRS/PPfVh6zeufwd94BnebMPr9dNzZPxwz06kSbmdf+/6qnolCnbez1iPdRKa5MC66/FF4TkA8xLg4m/8NG0LCfS1KE95wFgQADnzUhugqbJIHW5qkexkcc0aBFIsfIxN1zidZhf59jb6J/LYHpnR6xj7L5zwtnpRQ33MD5BRPIK6Nl6WZIfNG29aNXpThu19MAAMglD6NSTtAk/JYZw4yWVKwR3CHPr9KNgwjMxPNkT0mwDOcaEx2jiXqdZFAZJBbU24iibgXtEogFbiuXohwEKGvf0K0tcg1GZpjz7EwTN0Vz0SB8miN2NxsG1S2oHpVxgGLAwSPwSxS++k9aCB5yezqPrh542UnaklgPbdTxemBDGlLYEYMEBtuGJRJSdowUmQlC0gWN9cLCPSytgtUjuyLHE9JC8hnKfA1ZxdZ64dWJEet1BBY05TAK8wGiaeDb3wE19K7fwEo5+xYNT35jCJ+XjcdNb1fQ/+cWk8NIaRp5lwn1skwmxn3zIx7PEyUO7r6/sLyxxP/jJQztWB0Ec6iPrYpqfs1H6VzDwu/b5IHGu9BlqrHmoENVrnGRjAQ9gOl39zN5W396DHuQ3Zf9H53ypowd+f7o5bO7OIIqtiyDX97Ne8+ZIfaW/yr85baEhfncTc6Sw4L75lJwlc6bRevwQN4XoJavNM13AXP3zmX/af7fCprfjfd3pjlqrJZ5tvegKvFSa6Stww39Iod/OYpd/kDwud3vV9bIVbAiqm8ppYqoKnKdLW8gU6hLbFVIbRYy6CdOJSI4cSb06p+RB56/yZZY1jo7hRMeyDi2dxivtaX2yOR5OgL2jwkWqJfEhDCd8iUVBRPnw1XwMtB5MUkLlVp5vfttO/Tq63zDwgQ1UoM1RSr1wwgK5zA8NTlmepA2gX1aI56h4WkWOoCFOD//iyUmANwF6QNleKNmhKRkYBEwKAdfM8vMeuBAYpKLhX9ZFz0NyChY1pFh27MNLSKBPYCORwiQaHjQSzsouOBVwqIF9fPphSpX2BUlvDGkZeL45x2bH30MegOgdRIrkMKR+GYQvRafGRxOlL14AiV8x1NyNnR/wsgc7+nGNvY2R90zl4xSFLfviKDVPDZ0xqMx1HYdQLh3NxDPwB3q7h/bQsWD30I6a28OPfey8gVnVyac55wOvFl6yl3FvVkWy7n6opyjmuhEKaywrt0+nsciRXO8DC3jtA/Tsa7/0Tu2GQVLMnFRqJ/cfiTe9XvLmPdVv5Co6aW9gXpudaI++XmuveLx5r9a7yq96bRqLL37UWnFZr+NbfOV/Ov+nfD/p90/2WrWbc3zacqVWaddpk6cOPa76EoX8ZGcJx9vLVCPxD4xdj9/4U6/VqEmCH9Z1CFuqkB/2DFgwJkOWlmKLAvkoq8YqTxmv2/2w++1AwhRd1NSH2Lcj/N/oeL+VIIuspdoPoSsc8/7wQLKRmGeqG/VLaPsR04mYtvaEuIO5n4kSy1/R8rckd6HrbM65D41CNOOYJsyrmDg5Yzkjh/N2pIYVFZ98rCaw9Z4MjdcP7WjMDE4eENmj98cmmYSOHfy8f3xwB08X5uz7N+7TdUM/NxlgG2iferrLN0Bz5BnJeRQpGE5ZjmsMBSYJejPC1PiQcP+GCy+3EJ/ADv5Ea/JCz17c4DF6L+ONS074SZ+oOVbNCSRRa4wPMKQTSmpcJyxwDMAVpL6IoejAJkzhT9OhgS3Se1ragKI/aXQJ0/X/xCb0Gz68eHqUXuH1PVvrzm2TqvoyPtRbPbRXt+5+lSxsgvnRQWCzpy1f8PW68Pdf1tEZmZcsZ4poDS0JrOLGHKkhwypVV0rHedHecejbY9hNRnF2VfFqGSQJL2LlX4kvVZlSWFKLcOG0QN/pwTs3GtQXfq32C/7d7HlET36AwA651rZNnntNyKFHP/Yy4Q4Sx60J8Mhv4IV20M3/CKRbVJdbLedhA6MsmhKuVFO+0whAFCMzBYAkTyYs6eGBBkR3sKQ/dbBOULPlM0nQQkbLpEzQrqDEifBdgtJhy4AFk5cwn58X1tSgPKnI15zWEK/qqFVdPKRsH1BAOjhqX/QBdddPSAto/IbAS5IOKIMnj8S1ieMHyWt4oYjGw0C/6PofdaRxHV3sSvKLqMpWeMzHt2li00ZZUmSDUgPl7s4jcEkvTarqfv7kQzYtOKYekIzmL4ZPLe/4UqNmOxrB4fbi3BZ0ewSGQfF6fHAHDxzyIS0aq4cWwBLHE7PUSM9Y8SAmekWiqQfOgnjAYP8sltHvCZqrumPdvNYVytgtxCdJSH5IXTROEvgqIcUyPXT0hywm7AQ0Eqz2o/TUA77IHmqnNepiXy9m9GoaeLjmA7Tfz5CzsudeejhftwH80hu9FMZY7XAy632+kbtOevGg3kdjazIrnT60+0Vp/dUWMXerUUB8dJwA1WyxnuahnfbKvnJX5sR5Ph+VdWnNHnQv4wSk3l1gpjCfpySG1EhgkGvvKuN11KXmt8zhZL9hp+Ls/S/eiGuppbTJixnN2jTBxkTr9OpyiUvgwdhp5UYORBTS3BFaD3DKGonjKBB1+DpenbtH4W6TrVntd6nRcZfgURjCof+JxpPHYf2n1r8Q+0CD+7iisp62ZAXWfEu8VFgKOBJj4tehzVkjNvk/TCqHWkGbElHxQNrJBcyUW40KmmWlEDLlpgSRm5EGAtHUk2Tc2ZUkWifh5DElLhVa4MFpAZnsdjjer4CB9g4L4QkzGhoDIOmY8KzSqBKZNxxLu4dEyBFXpTnH6LJ4MXDgbR7a9I3izeaX1ebj5wYhMg3QqelxRuQZBCmulaETKRNie5ErQZzHpn9AmX7SKbLTNHQgxMmEGvsgeYVzf6QcoUsO8KteDcx2Eo/J4cBpYBiwQBzzNp/6RU3xZR4PRUPraaCUWM4UFgcYA1MOLj1UAccTk4gVWc6dYtkoKJb3qb0ohGrIKZx5H0eR9Y6f8EPrBBf6KkCjtzqqsV3QBYRN2+MBV608JoejJZf6E3kkjMuH9u29Cx56yH5peoqlt6n2lBAu7SR1s9kbQawwj3mtEdONrckMfHxof/D0snlh3xFP95DZ8ixT+7d598Mz/oBu0SZUroPRAkjYbvT1AdBrsZWdRK5BZ/QT2kRIjandyJaIwRwNQVcezpG4oCQYYLSAwv1H4inkxYd/lJ8C5GCkPuKu7pgBQp14xWoMfD2UFwIVpHMzCc1EvkFRv1Nt5P3K3eaU14pJkvsgqXtzUvJ58lVPbSPDc1d7busZ8Y3+N1zp7EcyojiHvATTearGqXhpVMisPGcamc/FwNw1McwwOKxibZ76SZOrrTevHb1aVj1ytrhaBIk5ClhK0/Tpcqwdj+YlNplmBdbiwVwRT3XFbuLw2GC0VH8gE79KUdCIoZ2+MNBMsExxlNIUuh6zPE+cF4FaJizGDlA0nh5GQ2sEhR6XkpfNT/eC2qh5K3gxAfnIiT8GymdrrblmeYGma5kOe/F5wbUP6xWDuZFdx15aHeFwPbpGKe/7UeAqRgNcl8UrH9Dr2gf1/lejCei8DMwvVOAtDxZFS8L8DyBKASGpro2J1NWv3VOSySn8tw/t8Jt60iYY05cE5jGWHrSE2PXJZ98VtJuTS8xo2KXspZYf2qFKXveGxJarD4RGK9cbl29UOhRCPOCol8bk1fEAE338gks/jlXzcP76WhS/upXTNVawT/fG1LJwkefe8TxPWAVpETo4WuJVSq/FN9Vksn1oF42dfew9QdDf9ak46SXCjiu9BA4BtTpOAn4/gQXtIrh8/dVqXsZ+IHjTUtJGq28FwLHDG7jCK7ZE9HH9g333EzjBBrD/vx/Y7cMgOEPrGkhIyXnSkw1nfJVwnCUSPk1mbc2Qr7kaw89xeKE5xwE+thzv/GM8myl+TOs4QaaEovv4tK8l7gPPvpP/7exyf368rOTT7X2TS5zSTwMviD8zRU/hjWA0yV6j1tkLviu/yg2jI99XwgbWRVis006KPbD2hCfOeZXMIkcRI1RSd3NWZL2hMvU4UiN5bFjEA7Lj8KEjcErs9Dsx44CGEkdQVSp+qKFJgIpeLQOCw2GKFWBag+Qv5vq1QlUeMesY6c8vqvgYwv84t/D+Y6WYLA7XNDE+0NID8PCvwlbTNVbp6HWIxV4rcNSg4z5qLDhNRz9SPw1PdIChB0bMPceJmmlukNxjiHA/leKx8qQ4aFemYFINiOEXF4ToINRz0/ZR9OPLetHZTX2tBmArHbbYZMgokk89gmLNWxGiH0bVsNi9hqH72wv2aaSymHKtohi/rjWRmY51/ZI/nhoZ8q7RCW2848TsMKtG4PUJD3qDG32vPGp+8D65FqvUci7reu0jXOhzfcttAn51FK0VzPM7HRKXTQwANQy3g057Qh5kdkT2oSO5hbe63wMe962bc0f7W406X7ELSlqUJIy3ibTr5UoXpStUESlamlJXsBeCSuAtji0Ykl4jIBrD2aA/x4tg/0r86kF9KDqRisw9jYJHGJ6STxIj74OBAy8g5tovB4JDWHdFy9TR3DIeD+tTfbWOCbhPeC8/0kpOG028ad8cqy040tj0ccR/Av1p/Sf/H9R1Ca+uzeFNjup80hZ13nDJcW9twAp8D2o6abNAESkixbKkj0LKrfisq1jCctIBlXQQ7yRgk+r07XQT8AYgPdFqwkALugtV+K1+ReRucSgSKOGWA5wB2geOy7pZ3ChA2P4Hy/aLuBWiHXgYLuZD4mlQPPhpo6UY17nknrRZd67xXL9YEMNxdd9m/uk+zT65EbEn7JtN0PBkHJxWgnpW9LrNmXJpksSnSUU1cZlFkiQCbM4UYEyTghpzpHuOExaV3AjGfooePdxAOaPAlFvQZyQxMJV0MCExCneAPvw9BLLiynz6sn5L5Kg0sfvTBdEzOeoPVcvzt8iEIE0Yx/hOxwRAbw8YKH/MI1Xrqq/NSd7XbrWpHKIClhDlicN698OxigdZRcRPdT3NhGBoVe8vzPtIj5S8J2ofeAQsNH43ex8dX4uQsT79H5jbS07Vej/kNk1ATZQ9+WKJ1wXwlcBobGhsf8vONZT+mdYRcu1etEll5rcXKtv3bdNLpCJI+ldrfS0B2wl4OMqel+mFGa9bq4XecPBqaA8hUpLJ1FGqUmL+2eDQTGj7DTsJJS8upYs0TZNJwhNucIoDQ7FGrg1yrrDkvCiQl7CrSX23A7fQXUkgr1+mIv5AZ+cRtT+ky77h022L+x96q1b0/Wlw6Pkkv1zTE3FVf9nXq+ty5Wl53NBxbB+AxEzCi/jFK7TSsmVCH6QYJ6tFocVWnySUJ1NPKEtfjh4m4TXqPihWcJrOju9m4XlCU9NC5FQhSXJZuFDkY+ZQTYgQ0g9Sgr5CSu14cd3qzWFHGC6r69ypymcTU3fnCUqELAImh0w8wI18YJ9sDOgU0Tvmija27+heNnoPu2oWhVu8QrwCMz1nNiU14TmxIuqc3oEQLVwd1GY96WgRBZknz0Fe5kKULmNkXnQVwTRhXuOERSF0/iiv8r5XjQ4l/dqzc0FL5uu4vUZW5JHngzs0V9Dq53MDk0seR8V7Di/NOhdppV8xhalRiXU+K7QZyqHoFvSxOWqrexHwfvC9wjcox/L+IdxH7dXizkMhcVK0WQgZaNljEkju6wk44+APYzjfjuSN/rbXogjttkhgdzjWRB632vfgRq2jsifHvE6xaHWQN7lfPLR/up5x2lK7obVaZ5NHyo9R63T9Wm4LJG9GGgifqQ1rXRp9FgDVb2mLkBwJ1gutTDMqfvYaKKrfuPuPxBN01yxDAos2ar0pC3KEByDVBCvm5CLBeMi2wwITei1JvneMdzff5AFf6KLOG0Ngm4CY7b/y2/A+TYVfEWD+aC8LF9Pgj9q0TyNfcSN9DZu9TLj/tcl/ybr44NB9wPvD0fbkfL7pT2/R7XuQe7cCsW7tKUTSbeOppydwUVAfvF+cbsmUN85L2eLyPJ38YFiTI/VtLy5rIq6z8GDHkxcTGx4h1NCRD+7M4fqdP8FYXY+033mt2fsKtEOXAQ1JRR69c64cyU2h6CWfCXgnVvffG3FHlPdM02MgFTgWwbVoafowCIFr7QmLWvFM9TQRoVXIhlgf2pzSi/NuP5lTKnPkTaOCp+LinC844VXqka/6wOEAoDtwMdR7e9EGjZD22lmaZ0OFaZxRMmv6YHVaTsGWKWn7UUka71lz9YQ7LeCS8X3RTdZ4dmpPq/7a7fW9EL2PQ0Km7nGzxsdzu+GGATEqNvYM1+LDtlwy1AjREazyFWdzQI+O0Rux1eJYhwLfjKUXSB09tG88dT2na2na2Dj8jSVdzMaW/df1Mr+h/rwEz0Uf3Vf26p8f2GMBVbHSxpz4Du6NdYXCrdLUTPmiU6YXtE2uP99A+vfibuEfakUPUH7YXYblteBLdT/9hivKtb86F+hPwq0+1+QXwk/sWpHFKWyxSG57XrKaAtfXlFapf3/A6bT+071JsDDZDH1wZ+xajxdy57jIiR8Qfqq/2eCX+6PbsKJy7W2dySHEKdaCmPqR1yRAdkyYK/31K3WrEPKrP4pGTvRbyYfznQcl6IV58uNEAYPEFCHU6kaeN44dZvcJF14w46QTaXKAr3qklNc5qRokj7rCWKqUmANgBHCesOUtHxJdwB5C0wLuH2sTL8BXhb8pZWNxHaJc3vdt/9SzYqovG5g6igQplPSemAQKBZ0H8w5QBkyhpITuDX8VUQek2CdNWp7+qYGRdx5e6qHNlhp/6PWXnosFnpC4hZfeknRTi94NyHKsEzkmh9CijWQTEwGrT9SfguKd9le0VQZpHom+wBML7Ve/aQ6iBfws5qg1i9kHe/N7oSU5L/Br2vQLnS2nFXpIDp/a48SiOUYFj/jNPWzSRqJZL3O8tr9dO/m6BFq3Pf3hZPs+H56r7ehawnq4tq6OHE9ZVw9uAZ3odnoppwu54ip7uUYTthTtg3nJSZisHieN1uBAktVHGQJWfUCord2F64E9gU7tBZf4oyu9ebNRjh2eNe+N2gugp4khcYxMT1S+eweOH1iFfk0pIsUtXnC7MGmYR2lpR93Wku4WacVmbU+UqFdu3eRaB7HLheAHQd202sNGsn1gHvy2ttH6qHSyFwfrYa/pwb3uy2iwfeBRLC4enX+0sJu0+zC5Ub+PsG3T9kqirbONgTvY+tukgMuUynNPUcnBip9R1wxYb5nrK2SdEtLp7HLUSPdxJguxpqO3Whg8TX/aH6R4bfPBs7TlU3qpD3MdnjlglMM8R9cwQIuhAYucG5khS9RL4yiePAi8ffvS3/2GD3uJWgSpq1gsyuBwdBTuIeWDiDLUdxxeRsLr9pKusQAtAoqOMqahz4AYzg3jOOZFmnyBSvU3IT2iUekjao0VYVNvSLDY8exc+HuCmA2ep8w/AiajRlxSKo805w6pnnUuOq3tBi/UPqSgNvSgByhpHIO+4iqp6eShfDF2n72jgaRjvdQfhjTWUypp1OpqfRVX57pR1OCoWJqP9Xhp4HbLVwk/OcpPxXlyrFupXf8DU0tcVpX4yfxgravftkefFiDOb8zcndo4dg/P5D89Y0Pw+cv+72pWW9YO+B9Eu9BEUYNzZbyNofWs84x463vj7R+duyf3HUtyqHPNkZ4SUbmwTT353PAcGS/hRCd9sGRWmgV/846lViLqpF20As7ipcxY12MfZzb/HIrnJzb972+FD6+fOn/L/9R3yeOeLgF3gb1vLvUbvIq+Iq9E7X1suulL4xqaK936D68vPMB1dBpUmR2WHIzKCw4DLSppxF2Z1Krd0Jcp6roWBZkUVpOS6h1S4s5cEflPPsojBycjdCOpyGtvA5NLx7PjB/eXRvxivKNxWQnDiRYZj1VxSmi7WCsCN2FIHiR8jnzzNi5ys+EEuLtN/aGJ5kMtYW7qFY01YqHTOisWc4KkJ4YsOYZJ0Yj7Q6lhGlzBtyGAhd/iSjJ5vNRIXOo+aPh7wjBxD37AT9dQa0rzPHI7YPHJsbSSnumh+q/9qMdRxZqY+u6dJg14kVqujfjm/dK96ZPOU//slR42NimpDkCzyck3M+6ZifsPF9kXxxtx38jUw3D877Mr9HXc+XW5E2Htr8FDFgdhHD1pxd0Pjx1z+nLYf/vQjj5OfQSX1iL5fzhEW1zOeYuH+/eDtWl/3Vv3lcWy7atgv2HnVhRZ3ZmIDdvBU04mwSva7dR4Hb67nyX+y28qj3rSf/JZTQSv/SMtpcwmcAnI8Gn2kke7SedFgpbQYhz0kvjGr0iFxf9s8DcsiNf0y7dC2lJqpKRNvtHkl0Zopj+mWU0c0CVH7sUe8trbUXa1TRdeoj5x6beDtUhQGQ9hhdVPoRXricCSL02STmNFObegD5MNnilCdvtEDDkYaaG5p9gfyH4lJk24pL3seqq20z4tyKfaic6JmPL9+837dbm/jR+sNc3YbxhsRgQVH2npH2IxtSD0AvwcJA8KhOjFdwxrSI164j5YKf0Bui5TxIxTT6OfSmSaNK9jwkIljHl6Tyi58qzmD0+qWTELj2Va/NID3ZLQFLSfUl61J7aFYVPqcRQE9LZcYJUn8Y7LPh+1pZfuvCYPilFcuU2cuE394xT3wEb3YF/Mq3DXq+F+8tCuPoxHD6/WXvvGHEfpvcJ44fj7TfELvms+vUwmPaF9aFfooY5SnmIua4V7tecrkZy/foNezkOGjGuQwx9Yd3r/V/Nr/rXrRiD/HXb4TftRzgzrmo6cJRn3a2myQ6jyms/8//MffBtB4YNvJZOeLqBpq009cLoy1tXl+2Treidbobtco7qntX40H56qpfGRBkA8ZzwRdT6EqN0ulZwT01bghPi/i+HWYgWrrVLMyUp3+JVHp4sPlXRA2HK/+on0yek+waQeDya8XgHdPZQeSGXIaDbp60TQSE9rmxJCYFj0fGq8ljqwpDimBVJcRiMd84qPqHj4ZOk/JDLkR9eVXqP1wjdjb81ennpAo1wvYr8uNIGkHhTcYFAiLKhIFE5tW5c0CRRu6K4CNjB42pPGcfMpzdDOZTihF+co2v9Cj3nidAS21Dl1D2AZsKB8rVsMCOEBa3gtLggvg2HoD7SgsoHGF2WmCUPu6Wi/0FOAgkOE/wmtdN08GYz6dl/gR0DxBJ2lIZUGf083nASSCaFcopSucNNL1wfhk87LxNRXeX+EHBsnIQrNPv2qOXgstLo9kZbWYae3yB09tHdcuqPGwxrG1vo1PDjcSpVQilN1obWoxOETqYJ1L8ulzyBi2Ah7fRrDZA9s3+N7ykdVLiORD3tMHEzOedeuHe4dYFOf515Tm1Ni1motJ96cmNokhAVdsn2PyA/sWnQiWVQZ4yIdHyYF3k+HyORpaL7ZOOKdh9jnLz9JwIlj1XgAFsEpT3C6Lo3hILCF4efp6pWU/qRxMpJJPV9P80HdrmNglstZFqSvvynUdaAtnXctHLf+AEzXfWf0g5x72ILqKT2SHiQ+YIGTPuCORG4Q9vVhS/Lew/9wk5502UU6t0ZyXkoSuRjFqKNxrzrdk/VPruKntdCqTQief1ycPCkxdY9SVJ6kW+ydtGj0smkpw4f40TUlFzD1297gYAVgvE5wcp4nDnvoh5hdv+GrFtDd9MG/NkOKLPV+w2z45Om4+gEEZcZS7xtDeZ85zkCOI4kGmA8BDylWccyDh1jrNo8HYNRxEG84172y0ytlCFdegIc+5oGL4udB6gvCbKaTZJ1jh5Fc0pb8agE4ZelaUc4mXvoo57BnpUSfuz1JhHv7YDcd7IHjBNgkKFh6OVq7yZJGmY3TWemTNZwpn6HEP+0BJxypJnimcH750L699jpuiNzB6trl3gPJGJJx1F6j0Ae7dviDpqS/I/QWx9ntQ/sf9D1usAOe9sWT1WmMnEIYp73fcH9QCksL8BHJ+VfSpf/rj8SHMgJuYEFuXd9gIWR4WlVdfbPiN+rls36aV/7beay9EP1LScn5dKx11f9KT6Uq5u327bS0NsWrpifgYWJ1VzykfwNb7tmy8M6tnqN37B59ornD/GhpfXOfZq0pf49a4+k/W4iFoGEdHzzigXS3CZ3GuA5p1UGQe6rveKy9OQe+DBJswpBaOnLtmlvFvg6KucmF9PyK9DJPWdrEuaQOCwNIPMosEZpGKTpnECWd4DGpAPGtpeBYwH3lgzDn+yaNN66p1V/lcHszdu/Ri/quYvqznwmni2l0kVKI85FQ7AS4XernKSrxvlWNmzJF3kP1FNTUo35OSANuZzqbdmNZ8XlceySZI/uwefShHOBsHjXiy/hUJ1ylmcM4bLZrUzzj5EsRFmV0X6v7dbTBBcXOwb+49xY7rzYPHR5WA1xPHUsfj9TnIos/01t91dgBKWYjwwnOfavjBLwTk9ZpP7fEFdnmTloVw76Qp4+F0w+jWIfg5nj0A1c9ReuIK3gPqSW9B4Q57dly/BMe22uPuiFWglqv8wKPtQG3O6pOh9f1DK3Qx7yp7yy9Vn03hP+mh/a07k3Pm9K/PtqvS9Dtud3cwu6UbfzXJQrOCPp2D+3K+qSVxT86N6Tk/p7awpeOT9xcRIjcTBWPDwgL6K/1j2LxVH7nz4WxBqqfAQt8HAJVknjVf4yHyEfcR/EfAuKknGk+rafu3ZnqhfqGu/N56pnXxU7jJ7VNI1qKL2o/MX0hoicgNZTfr/EQQDzHlZVo+f3F5joqzde+uCZFJp0y5jlC76+qcXDDUb5raGPQW2nY+vW3y0pLjbJQe2Meo3mgD9/Ssq+RF3ztWUoR+p7GbATo+Q77mz78CRpYnZb2BkKGAQiOBY8c0AVErqRug1Hkg7IXWuBN0YjXoOY0dvmh1+6hgiVe6UIv2otAiBbyOkrlNMn4pxkv2XjPckM3RO8TngtsWofq6HU9jClxtISNp9owbvscGk++aQ1sjiQaLEbCOAJGiZbCohHA4dSDKoL5AMV1BILiOhPZ++B1OOSGHk6R0FbolB+tpVyasFeOUlxx8d7y5YGDg6Mnr1R6Ldor3dAh2XjdA3GRu9CaRGxHx70q5RWbOu7jqAx6AclUFrD94dVqP048xO51KHshrR4srDiJDu9LBdFO9Ro94nGfeN5MtTsHhMG0qzOvOOSWh6xvifmy8Kce2qf1HyyakE+4sQ0kUywKd7Asjf1e1m+JO6IfMjdxKPllcGdvlkao45blSvaieFVXzkmc/0g8GXrB6xtBr9i2g4NWlEe/aTRT7WGq7xKf9LDjWI1ljmr/tB7UO55q/C3xj5p4Wu/JYqvGaWunuNP9rH0k3q/NkvhmsvNlw4ZhSKUdjZivxs6AudqMGXXv33Qvqc1Qa+TxhRIHx2vir9e/QH+F29emrS0+vpl2zS+Y7jEW5i0jXvG5Rm2MOdXfbpQBRx0y3W+AVV5ldzH32dtpBJjq2o33PEFiVFMtX/DQmjg1oXiJATvRF8pRGHvz0IfjBuaxD3MG3nFF93EdIBnoEXe0uhsUl+3Qf7oM3d8XcPVzK10R6jgIQcyc52kwjHfrSbXRHzRODudWjjTldbw0R/LVuvDjRCw0lNbFqbUxcV8W6EV9zodY9Eh8Z/JJbujh9PBUfSJDTvSJBHvlSNDb8QU/+Vcf1dG44ur8DbZyZb7sDfrlCGznrXgA7SAseFd6/UpCQRzzC2877by6XBURTHttSt2pdU49Looj8zYipYfPTefND2bJT/KrXgj+0yP8y3H8g6bCO53qXjb2ncxFOQR3ApKj/VptriCj/9AdNTjebywx6kIjJPU06Qjr3PzAHh/aRkpvhJWL5bGCVfle3boLrfw7mWplmFAQhjvjQiXN06tmC+cJljQLV2saJ00UUqKI6PQUp5wv4uh5dz6+0FcqvZ6WSJxyfxY/mf/M6AuhTY91bzbQswbeCABbGyguvIy++vI3enrTWmljOWX7vhQ0KzfCUz9q8MbZPUx7A25iURXmJpUuqVvhgPlP0wEgqHDfTl3GjNyr0dTU1A8TCioNsERoKbdTPjDrGlf8SR9AJlv1hySNTIN9bL+wDTx/C051ynDOEa35b8ze9jjWpbSVB71ejSbGP54K3uLS9K11X5prQ8NQU4SlXihu7zlgW4zlU40gFU+ieeJccBb41Q9PoJJ8s+w1Yy8cK2l4rnSYH7BrA2ziee1Z9bUPy/N6e3Mt0W8l6xbDn7dDniq1P40nn6HtJ5zNmJivW0VHrfKDwkIklJzjSVvL7MdyW5xyEAsP0yOubuiIj3gwOD2sL96rSounChNu26OYbHFVVXhRKjm97rBdPi8YchXLnI/Eozk9xlx7rpAGvrxPKdZj+nJEEjGOndGF+OhVf8t+YvHmvnHc88LY07oXpyv8w3tW2kCbtcs6L5Q0JT8lMdFt4ZImUJ/ID+z1H6jpOSNbnLSJLQ/FxTuK97CJb16hb3FYRzAxroTyFpBlenBXFtFPI3Baiz/a1Gik1KqJBLonO/8b9RAtztGW9bLPqqV9fylVpb+aa19HQqN5flhWTqf36/V2HrWPk/lxXwQ2xvVS4vu85k/6UQytaK01xKwj7jBaBwZH5KS5yFm903Fi84IPTRzO4aKv1Cy08CMcI/ro/HcPG8p/E7uXmukmDKGaCjiCWizmWg5ewUxTAo1MPlMVyzryJ/dZxTunCooRsav3t1OJH+DgVF2boxY9Cp4SDeVKAUDhHLaUpMeJ8CeSYOJL8gQa/Tf5LkU7SifMeA/g71q3dQODn2qcUDgJ5olzN/hJW+hRA//AKzUpnqEj2ggnycFhnhKFdk+JHwY+JflG5Qj7bXs9KLmmM5obkLcxuV0pMuJOs8v5PrGAcRxM+dT8+QMJ1ttR+iRv3th7rwlPWkjSXPpRDMuai3iIxm8sqQcADSEw9t553MyTc+GEu8UxXQ7+2cCGF+tpydp3C/gDyeopc1x33CaO3oFgpo66GnI4uBfEMH9V96+Dw20FmDIRRGJI2dzxTT562blW3g4rNS7TU2kioBHqeuaqXHMf9jJpDh22henRce6fl/SX3UYuM7e6X5auN/qKrtclfCoAv17W+ToofD+w14d1vZ8A7W+StTUF5zG9u+YyMvwQ8OqBx7RrB5zeeZMdWz15bSgoBZ4nY9NbYEVzAxdUDjudjHgxOzhfL9RmqC5w07iWlLK5/GevLzLq/0pGmuVv5Jz/IKhll8CLJl81IWDpR7LHYdfCVpJFIfL9XS+tVT6ao1YkrqB+eRMrB5DGsdC/mtLrjbZzuHhbdOJanponjQGb+IP0px7aIe9+arpoOKUNrxRvMwFG4zZoeuLcsDsiyIjgcnoDcqT6ubKekdNqj6TvOS5inlvK8cLGvAhEvzQYnMgTbwmFME2LGFlQcBRzEBByrCxhBjezbqmEUfv0NzWBp4CO4z2x+hMq5CrltS8W3gj5Pdvy3b4QHj9c0QY0JlBziIcnyp1+hcfcwLznPfIGwPEWb3+oBINx7e5+SKJ9cM94iddLP7CLYFq77hV6lzlDX9JY10I2p4mlGYUyKqwIjzISxvH3t3AnXBAsGJxI2TyoFicusdi85k0FXsKHaA5cH9phlOuc+TU9Jg61lxP9aU0U3I1cm2HgdeTD/kngHD6i12wVEO0RWOEHsDZV5wF8FyQrrgUSEnuYgC88lKfxQsJ/YcA3KjDgLA7vCy8PhywlIw/6yYQxMx6uX+iOYdfmLWE83hPvZBvpH2vnHiyXsVBo0558XvfWq95jAO4O2NhxPbDXh3VU/DwPFOevbs4H4LiWxAdeekwL2GCV9xRPukJwixMfYMbpaPVONMQXYatTMH9senDOlt4na60Y7t9SlO8vA1TuhvNp6au9f+pvVx/XEPuOPgYnqFEg8mEM4gPuZXnXBi3rjQgW8X5XPyMwf3z50UR1pCkJzy6bTg/aKqRepbSiF8o1tUVuZFtKTYLfefoXMyvUBx36KYc5aGu+emE+YUnQQkNkmfDJiADhaip4Uk/hAPCD+xGfyJsJhEYjGLa63UXLHC/sYuWaKtp5SQ+gD4grKTWkNangAIyg4AjVdKXoBmBJXF7CyRqAdz2KJ2CeALLy1j/WmVnzzK0oZBOGM/LKuC9BThak5XFNsSwVDxXeYrokSaxxXsVX88Hb9dVR/Z4wvGjd4XBSAfOHv11vFBkYvcTrdeF6rZkki55UIty1E6ASuCxetImFkEJCZnC7z7HA1IB+NW9zWntfqBOLTWveVG1P4NXDgMdYetroHLw8HeQI7tGv4Qg9h7UHimv+SQ91HMJJ12LHbziXSJJhah7JLxW3qn4F6+9hxWhc9Kapap3weH1VIdmrExml+yl6S1KBEus9CiVpzZG6ZKXiB6f87Nf8QXxJnq7hCfdUv5Z0eXbNCV/ChPQ9xwO73nATopkoNr0hiG2T9xdywk7GOGnrZZ7ITJjQnSqW2Hktan6xdVq/yC08l9KL/V/ivyzEXh70uYRoIQTvxprUXfxviXQNn/T0wI89MNwD9BP3n3KiV1Ple2P1G4D4V6l/0cFiY6KfEQQsgo15xYRY5tR0pWX0b2bwXPlMP1kflrVPdsL8So84jAlLApMKlFjLpHhZJwoaXE0pVKSvcBT54b3FTuSSIBnjaIB9sKSMXc2fbPVDU4jghV4EZmmFmDKgyeCXqWcJnSdCSiDLc26C1GRqsNqheb64tChiLA9NbNITDMWRmnCjGH+tZLGP1EijiYWNBUvtQYrfmAfpKnC64gNFzJCKYeIgIeCnB0HyhXJpW+H1dT7ETnjeV6yiCdhQ02B3XQBOKNW6HGu/GqNNmtOUhRMjcA3/dK6S1OCknEzYhqeIXTxUOXZRE0kPuSwut9ZjTk9LxLkmOUAlEE6prKeDk9Zb0SxW/y5/0kPBpOux1KIV5HGMHmorV3H9ylYV4ZJDt9WzmvOAIUBjFXuKP+T5w65pg44efHzykrr3L/M2fOiNS3fuBktc16Pfuw1ATNsHklkfcPsD8iOP+qMAQF8d6jYLcXGGyq0mqP2GncCUt8nIr25W8fk5HhL1WTFqVbPOF95/Yu8mzYU3WgysYTawLM5cQgAAQABJREFUG1fX9U/M9QSIf6xFcj8Ld5szTA4gdzuvwDftH4+wyX9T7/V8fmpbdbo9PNIGiOtfiS6EeJ9YXLpdS3duaMaH8sqbjIHfwXQppKWxrmMhpulKSXpfTujTeuimcqMf/LZ6hUss0vHAg4kWMC+HllPfOlHQ4DOlsCId78GTB5PE3YreSPSwgi7725yHVs8MIl9FOb9bimhVin4jCModoDYEqLODg8hLSpcXm0ORWzZKdwCV+wAleYoGUPwhVMLc9HVkhPRDkAYZ3hCnL41sXlONxJQihwWXU31Y2dzzFYzaIHqdIhyLDtNpJJFCKA4eUiwnzpigLxztD1qVSCH1uKiPr6SEHALqkU0Q5x+MlJh8ila1jvLoa/U9OHAjcB2upRYVwxqxeCPFhxmL85bclT5arkPh9LRc9Is6JqtDOIAc+ay0mKcmR+Yxdr0YDv8QZrrnKAexaE1bKrVKA8/Lne8EtoRsgIQTEpo4OlnnaU8Erwiu1LyoRlNmijDacNQ9I/ZknN4TNFBylxt1+sfebLCgPO1z6Kj/Ks6P6+m6WVG2+WkxLbpdQkoOHd+KsiCb3n+HPckPEm/cqYZJ847hB/iErQkurORLb1d1gS3U7XS5BmGFt/lVy6gJ/k+E/E0CtNsPymrKc1Bu8n9Lv3WTam9jnmBpsiB8mv6T2h/29Ml5+GQZn/icLqnT9h5ro5xzVINOROsW897BSzqVTZOXOHGpTr54TzoHPUCTMI70EWmmrpGFShBUVyJNYF+F8Nhq6oasNlE60J63uoOT8CRoUrQ1VAhpXteJgqzoXxJURGNiB59ThbyJ4wcRL4QI1SWEJ8/D4TmY/ClKkxBeB/H5VziUCiYSgmE44YJwBVwKl1bKMT3RS5hqjKKZOIamlqqwMNTAQM6zlxXe69AjIBKWHLGmVP4kBtel8UKhEU6eIhg8yXlY+6z11XzwXFf66OC8dpbfR9gDyaaHU1OvheUaDMsWqpRLapJAer0cUw/QbfSYUtvow4q+HzZOdemF0n5OKSh1hiiFDkl14waYMoGnyDcjPU0jehkGTz/gOrYdHqHfEbko6aeDRc5wf+qh3feZ/XDTw7gExI20wkvJEcgphmr0nN5jKwKJvxq7pl5oT++Jru8uNzwm+w0WFOABScfgPFAv4m04ybjwXU8W25oiH5vol6ASjHEPiXauoHlgH8vgzRpkjUOMQTfOW9Gh7ma66qFGohZOLDaBrklbsyTWWmQadpMiqRW+8am8ukFT66ZF5G9s5VmcNAP5w2DTz87lTV8fWXxE2nV81d70/ax2jlDfP7S082YWSO2RkG2vVgSnxRQx/x7eAu+HenruRvk+f315rJrFd6eFWoVXubS4Cm7EDyC3JM0eSLVM2mSPe4du0ATICdVdagqF+HgIQY1JwdWQkMljStxyU4kJilWTgzmpkELskpyMHGRohbg7VGeqyznY4VijWXypq+YBFKeK0bnhSdE0faJocsAljFhoyEvKP5oqgSLDt5ZVBzHhKU8Sim5io5liyoMQzqfRAI63lxWWenH9IkHwKBIDfZYmryYRUiCJyCpPCYHOfmxAQKEHgeJFTYzpu47wFRO4TT08Ri/dA1XqqRqgF+SMH9d4xXCdyO96qTzOjZ/+5A31TrWAH4sYA5Wvsej41DjL9dxyWafO+MYaeJTZOvup+9H2V3UpNPomh30HfNR9zj2I4nlA/S3jVN9w3TWWtEWLt1veNuJ6TYQyAR+Hrv/K5Fdd2MBq6j5Z13lbyfl7UYsaZ8d+JuvtAVeWywoME2/9QsCCE+8Gs7RssGoHHtvWPOIHKokr+oFAdWzmj03EOzfIqzWF1BWMB/bS/vSAXupw4WbHB1tY7wPyAtVoR60GDZYLnXTJXXBYjoVY4u1aQkMD+o2Goq+4Wyj4fTydm/cS7xhczxvWB5zYpyefD7SfJP+xuq6lbACnCvnTfcJz67coslftr0IVE7UIlPnbWL7vuLC/DauvNndgX+FJLk1MrIIP9HES/Mulalm8+/JXZTvbkNN7UbtBpoa84mwamlYLrWo85sQ6TsEsnPAWGKZVSi2iOQWQtBkVjhiaHGOy4U8lE6Bm9McE93bsf/hMInci7v3UGKXXn1vRzLjOTEdS92T40C5h7rZSxMuJy/MiiWOc1koDUWKK1CgxAYCamDE5wBIWPA2s+PRbxLauosOM5yS9NxWnvrVBmSN0Gl4kr3TEgasF4TF0PeCYqByb0yquISYKlutEOq214Hy68Fv2LhonmDi5pVdOY92iq2HyaHpNdSUKdvISU4Hd+0uC6n0YU8rPGZtlcmgy/WghzapE8GVdsRj1YF3Jair6mm5jmq60lGS6eGjnobcC5vS6Zx33J4+N762ZRuSCKAFAOMTrSshrU0PKqRFcePcUqob+HjO88058lfxp3PT+iVRa5mqRkn+0FexRP4KXcEWt9qD89nhuIm0ZzKfE6Eik5r/DHjfmpyU81dHAAWb0NA+FW3dYCV4reK1rrDqgaI9aU86jdAdwcVPhnUIFv43RaOfZ6L7Zm4YeKS6ntW2TQf1dcOjDXn9nvFDa9dNdTDv8okaZRXnR2HOauhVZ85/6qk7VYK3may8nc2oBe6LHBwrg461ZiSoK4MOxgrts1X7QinLDSx/oATwPap9uEZtQdFZ5wKwWWrahTashFriReXowIJG8nTaxGInXXHitAATDxASAjx+UiCBC70OaiRxqxEqd0tNIDDncZ9tH1Zx4mqAGckailEIQK6zWYj5ArmEviaOT4aOp0GgCvs+4vAqBX2gx8CYykilCosoEATQaxkwDT2hwR7J9KCfISJNGTWA+cvwe0XqppuEDg0A0EXqt5J0uOaHcWgAJRsKLjgQOJV+ZSDuEONYafKxVa+SNHP7LQ//ROvUORqVRljSt6XpZx0hM5SoemKgjIAkCdqT6lbpeC5a00BrYgI0Aexb3CdFb+hCD65pvJubG6NcvjTgK5lGbWONu3wuC87ATbvxJ47jaK9b1/ESuC+iFEYcJL683Yi/k/Zl/0fwiOLpOxWtITddM5EcQ2xRBRTTz0u99kYpoQ/NU5RK3uoZ4Qoh7Oyq/259Ob9Xjt9iOf547O0Nveof3M37y5ZZyO9MS/pK/w86b8HSBJMZoQnJhUByYF+hH4aNO8e1MVhqrfNUIHL8UEIAbac2xhvGgN4XTZ0vbFi816vjsAK89rGJqcqS2fgih9iO73MZL0dRjVvrd7Kkn1tkM5x928Iu9ZStvWlDObgm72sqP9xznqtGCsIWYiD9sGfe0F/0elN7GFNgaLpqUdKVTViDvQ1knyZ/q/qQ/2zjq1P+cHPvTkVicpOg7koq84rfXiCok2TBThMSsc5QSQmgtSvFD31W9SF1TgtkkLkC7IDllueVqUoEkj7pOFab0FBto+cV9CLimvYQeAjVKguW3VyQBbzFp8Rmi9aJDLNKEOYQTAvSNPN7gw64oXkJOsxfKzKAr47gBmvoVkuMuaclKaBrLPTYY+G7z1NCQpB+mwdOk4KI+cnUIbxSowT44FxLfm0j5nhRM9xCVPEQrQviJjoQBOQ3CayESdQgWX6RSHQkeC6yWEcfWDTz2K64dgm1c+gCjH1LCIcmvJfYThgJkTVI19O0x3O66TBz6pKRNVl4lv1wvC95QFR9zeqvmyHXXm7MU28lSE7WdN+qqpTFqzcElNaVlanWdOOHAcylcC99qKd8WmtaqteLr942nfSZnoTO8clVmElLpaUztP4GP68+NtL51e4bM9Ufi48aL7O6odZlXg50Ma0uO6BLbjge4pUcrOJL6of8LnGloH9q25nmHTznjKn7XTuUdE3eitVaaiWun4rp54XaQ/4nci3Vwf0CZzk9Z7JMs+U84lSVHc38iVp+j/gTk3DGX9NRmVwM38hHc1PSF5k5PkX4vire/6ukCJ/ZZYiehVo9qAIuYhEF9pTdYnU4IWvCkyX84s/vyrjqMw8+EXTsSAyGGXiIO5Yql6K9GeBcPTKWlyYnwHWYiqU9ceGY9LsjXWjBgI2JWU0tdKzx+cQdmaLsOxZik78hjKbK0aRPjHkk+eIypJaOWaB0nRos0tQaYDrzogfu4ZsF7v0Ow1TPs1m/UnUsBEnbcBittuWdoml6Fw4I55WkcGALZF+aMlTBi3xPDTD+0a3jh0ei8TlEfox6jVx/Q16L31Au1RIe0Ku8byaLgEWoaPJdttAvt/XQ0H59xVJBmHSLz1NzAR2sW6PtgyFP1GgOc0zF7qg/gR9phMoLG6+OHdmo3mix9Ota1nljg/bS6Zrd9nIirwMDXHhVS44Td+X1aq4Y7nevtBQba+va4lrbz29VW7s+ctKWdzFic/KNzEP3BsXMepmuXH/VAg0c/AvnBzvkfHHWJ3p8mFr66jg6u9dUncsIsfDQ9+UwJRW9i47313qhFCe1Al6MXuh5/bd55RFfr4KQNYp4siFu7/bby1E916/pLGmlS2c/zqq/zSdoSXh+Fqd7Y+bOSkdJtQYlq2PA/SVFSbbY6AJLUALV0rNnoaOpUM768k8BRxUrskLEm73fRNHC7epG9p5seulLyaACL9tyP8B3mbswiAklEcVx8nhoP74kjE9IjpQnVDMB96Sg0ypYE7eQLo8qnv4IQYlcwPbSXOqZ+3djovmxMDTpOyUUPysNejj30dRWOT7Fm4dC+gxKPkZwV3r94O9BZ1wvA5pV6GTlBxdt70m6w5HEJug8KjzoJzZgwNNdmCWi49Vr2864NdJyaU7zGFcc5e+QcI3O7Xgdel+a8hpMw9DnoLfEM7/NGn5LHo66Puidk5Q18agdaliDsRBIYxSc9CgDQFggY4ymONBqL9vKhnZyn8amHp3qjj/bYalPuUyufVb5X2WZ5/wLopEduc8JyYZZM+a2zFd+sY8bSNbsITsKM2c+el/Ch8N72aOv+X3xIPoilqw0rWh3dLu7w769ic+5MRkNbr/QN/F5Bx9lY3MSHqOryQ7TmH2RS+RPuI6dZbOU0kNQXJsBU3gT6MqF9aNxeE2jmTVNJ8MtGv6BzD/+OduhV21VvxWi+cmJOEPffCqFhAcuBl0Aokr3C0Jgqd4IYemCsuZ1HKBkxnpMowCLFKVTqi9sM2dtRpWizJChAiYXAksIL5PX0RDM9gJ06WJPQ3vVKb0jucMkSQBI1HhosKSf6oIklmOOo+BoDw4MSnOsYWqWvwMgDZ+QkUB+mwy8CqzRAphRGjbfnb6cFTb6fnt4f1PE+rLGTHxxEzyPgZ22smabWBPS79UbSAOyhxdEMIwEkaA0xtLAG4BQzeEjF+hZaDe3y1QK85GCJvtXefQX/GKqAxoXoa6X4aKJ7aGd/oHPZSYoeRSthdEK85iSOviSnIW08t9BKGJLZvC6INRlDcoH395ppsBzUh/f+TAhmBE99R29gjHW0HComwpUctOATmkYuTjxQZzqwTFCU8wA0ATGD49dchQFDzVp7O6cWxwd++iHkA5ZltMplMXc0dj0trqMOeuTRgQ7EPt7+QjSro+1ZtYT85viXbfz1X2rfgF6VVo1kkac19f9KfGiMXYn5Q6CbUPb3wyuvMRSTyaOB8zcVXQm5lcYqD463wD4egWBcnB30Qn35yp5E5tGz4Qg9Qurs4MQ4aQcMVQtOcYOTPFSni6nNscP8yRx8XzUszRiX1D/Z/lvtVz114rIurjZgI6AH6z5KUsIECR3LEqM5gJFHblUHZjpUhESAmOc4iEcPJp1OMd5CtKi91Lxoaqm0LKh3ITSftCbfSlDAsGeqQr0sSccRLK0L5M5qkvHgYqoyiJkjlAv1mr0QcxusI2D1CM2RZJ0PWIr1WB44p1qToB5K4RWBJRUwploGj4c/TNgkHixZWIyQXmmB0n6ZVi2QpT8+zBCy0yaG9PbB3RqIOgk60sBAW5xwnvZo91vLiUt/6LOB4cWpQ4hjUvphiBKvKcAV6jUCm5FY2sRJVSJBwsd60gMKMbWBwfHyqKXzFcYi3oXEdfqS877AZz9FC2lKRVCwnAaOGuLDVB0JcR8KUBBgy/E3nsQ6bPGwVfVdtybHvNjcqGFEv7twb5P3oAXEHWGXVz4FR1PsjemATomorAPpa7rP0GjNviuicydLRAzHUtYprAHjcUC5TwBJOh4JKMHk7DpKf2Vl7AeltL/MzLMtjmKZErOHcuCegrGf/Rl9MNn2fxvjoZ3H/PD+4EFiGs849VJRiflfiUeVHyCK9PhewFRCIu3eA1bxq3Uwz7E1XSX5BUf60pZSryuNLm8iiVtEOa17mDidbpejWFd7yH3kt9F81coOvKtt/P9nS7re5qQgpZBunSeYjvcnc81S3O5pLV1PqtXxvd4VICZkhgplTqE1p/iuv5QjWEUS4J7wwZ0ZuSU9n3SSxjjZWR/eSi2wP/BqTTQ3pUBBCjiVjKIE1Fri+IXTRmJJjy/2tTAATMcXeRJ1pDHBVpPQkYQoLRWMAAx5S/wQ4Jf/3YPY5CUJ+KgfS+4/Cm0PvIjqxUWBZqRXKlGcC7ZiixOSfqY9Pbw/abF9LkdsrrBujszZMpcwcSURfQjff4g/GnAtayJpsTkmDXTsKRxvg3ObRC/SX4QrD+FHE0MLXC8rJgRvkPc+ME/nTemMuXbMw49JJBiTUEfDYEv9X+Pe4a0WUhanXsH79CDXxKHPH2B0b0Cvqw+40dRdmHAoic+NHJ4j4RDV1JgaJk5L+kwPW2ogMfGSmkJqs13ug7YSNWNPeCoaiD9gYApj3KtJ1KLGNBk4DEwp7HUsIo//vfadOHRO1vCEgYdp1fVJm7PNieYnveOGW+9vaO/QT3te2j/s20N5KftpgT0fLrGzuX7jzgqFPlnIGQcObJuuGO2PxI+KjwZhL47qKF4oL4c4/cBXheQpBeY5SmkOm0/+I96stM9QtFtz3b+9UqpS1pOm08knwmKSdID5VEj0jyV2wF1NvD4OqY8NQGyj/yNYvDl9LLwn0jahLOlf6NGDAjSWvvyc4UujB0kpJquSSgb4ZQDtX+jAdtUnaiceOz40pkNFB/nteuipUpNPTSiYAhVT5nLKvdLcsgpjP3Xb0YcPtQ/tcS/VVinHUUGdtOPsJb4QK2Gx2Hh/gKd4xiOpPbQ44LWgBCuVqUORC8oIfCjghIPPODxvBIXv3sPkcVQeczFCtwGMNuPvuMeXryD2gUuNcxAauCBjcvHUs5SSMM/bbr1sf6fD90R7eYBIEbhTaOS6UmpyTIhLDxLFEBjKx5/KY3PSR2h1RpYLHYpF4jJY/oDnxEMwtFd55mJkD0wY2D+XMAexORpKQiktsF1flqvXRvzd4iCaNAUxah4lzolJneSJQw3XyNxAgIih9sjdoLslQryvpgemAkcRJghgfjXWHsqcMvw+Q/mV3GmeuqqncdUBfqozQTHDRGg1L0eiKo65aBDK1IJxnjaheGiHKA1OFWojK77iVphhr1C2oTmnI2EBYq0R7+PApJxOmrrr4d7HexvxDZalj8YHvShH8OBScJi+PT7htB7ai8YtuEmyET/RTf1Kdad+/iPx4U/RlZ7UO2XS4qbLxK/H5oO3s4h1dUXkZD0ryJ/Ip3MmPaR8bU9w6Klif93nSj/aiGDRi9R/3VvosUnejHQM0O8Dt+XNr16Lu3UXLDrje6V+0Vl1vZNfcdynKXL7WPpUO77sUkjGtFeW/9hDNFMogqcPHsrXPRAphfRxB1axnjV9ZhLWXBosLUfYpQeSJfI3BffrpGwvuPRuWzqK52zR07+MvhCgPngLyF1QsJgzzTFpVVEDAVfTIhch38OeMNITZ6tLMkDjkPDKyMVCOLGrkRotHskB8MHmgSNRhLFerzc1wlAKDSbLyFuopn1pIFZtikmeIUuqwzgwnabYhAb3Fs0xOUQwMEV9jqmmIOECqyVydRzwjCOJRSMkPxWoMbgGdnyjA3jVWsC8ed5jHTO01dKvDQjKEQ/tzNGA824kpmgp1EtND4rxuNNiDgDxQBiljXbCucl42XBcWLwe59Qd98noi3kZl/0IRkO2sdMkfqm9WKvjKUwjitVRNAgltUJfzU0kHtpfERuw9BjVksPtgreOwMjGSRhlDfD9j+vX/K9i90eD9aYrm01/SV32LPyymV9p/Vkd37awKOc88m+CZ43sid+w846UuNNZuruoCqhUeJzTWrhlvo+md8QlGZYRXBd/9DScfV6TpSuRKJXvpsn20MQ5h9hPutOewiaCXlE5LeKB33K+TfJuyfFbvRP+4lo8oXYYfuk/eXDfnoMv+nLdsYd+GnU/Eevxxkew0wOaav4wxlreXorbfT3Re2uI9Q7Tur0o4ZCtuxLllT3HgzvrLHD+o5Gy7VItmb7Qn3iOBVIXlKf3ALFtDy5gLwRhvjkUlvTGxOv2ojXlqLRj7IUcJy24qqHaoadJBQfgClhSeIGkqf/GzjKBtwvP40gkuAAtTzOGxnGa5JWN9EpWcRrH+4DEoR3vA+ZJsjrta4kQjN4LAARrUdKhAUM2w+Tw4rRIXB6aJFA8JdzuDXGUcFlMWMjhVotFUP29lUQvIcpqqdgZ0I4BiPd5C7qg6fUUl0jDj83VGuemHWtjrhnjMxY11RxrcorlXYv9cuz0LKfUgAyO60RyBEqoAM4x1kOvx1obc9IX5TatVtpaBS+1SVIhI3OKzyVAeL1UXZ874K4E9049RyQp0nR/9tA+dHlL8GnpO2qW9/sVesL/gLMj9sDmIzUK14AclyG0q6ivCtQ8YxWnoNVc85PraKFHu2nc9OelTf2N1lfYifwy8WYNVRpcHnJ+mLJRT//1G/aEUwFhMfRywSQ+gRjVSvMj5k0T0+mL2e5i8ndAI2gp76X0p0jtdfpiq8BP4403JNX/lcWD7qNW4WsfKJXyo9wj4FeCm3O97eFT3lb0byjKvqX3R2Ot57Apf58ae+g+sp/RouQ+MlP9ITDdBz4SNhKbHJvEvWJ6K1tBJAvJzw3zxHMu9kJ5DqmzQPJLgP9d0AUGaWnjQlXdCZDFKjxX5xnkWg6SVuzsWvwsHX/qBKXdtaEek/aUaIxKCl+oWhqSalZ4nCrEP2dGIl03BMuYeJKPsGtKSQbUaQeHVpfnH7ld1ZGPo9kH+MZnqjYxSEx13qG7CwZx+cVbhN3LXiSVlL1uxZNrqtVA0kSg09av8l0b+DsxADbgYD8IdnrARp2aSMqx60lg8d5KexDi1lPpZWEXDTm+gHC9J31rAPex/xSc9rWND3nuCyHf2LWi79VKc+TTPiCH40H3Ao3Xlb6CKobzlZ9+9vqGDjF+SNjU16YeJzF9T7ArTKORlmETh9Q9JIi6UmdYIYQejUZe3juOBAbIm78exGW7x6IMU5pM1zsXQr86Z37IbMqCPAxH30S7tl1H6R+iG0WF1h64vNV7DHhiXE7FaN74lNI8rY3MiJzZ+Gbg8Swv7df6z3rjj8SzXxAOjuN9K3r+ZWWhHzVtetyUXEZvSkUj9VM8C9SnhCReB7SctrOA5HQ+pbn26YwNf8oHT/rSdf9COr87N02qcQfrmkl3RCPpB1Wnsck92U/Urh+CTCyVa5/EnY4P62LvyfNU+8c4/mburexJ73EfeCFevxDuqNxHYKKfCBbMVb3mZd76aHJhdZLGHyvF8fTgfqGaV+kzqtKbhFFG0NEIIGfCIMGiiETKgolD0TLyukv45n0H7YQpOkfT2reQ/Bp90ze42pDFJ9ds7JF4q0yka1KIDBWicWiwRbsPkcPfKiueNc/hBQmOMk3rJcnqODhV3aty+GpEPe3L94HhvD0aNvK83+zOh2vg/qym0BoLePIgbrLnBmh/6HnMWZ54BwmVBHynhT2IuhItWXsBTiGplYHXH1Ch7vqF5FtJ01ID5+HjEJCzY+NBAbc33PYagI4BKedB6RvTqFOcoxXSgz/zY3Tu8IgSxVR4eGoqbZZunG2ywy3XPZSFz9CMOXodk9WeJP8gSqC9S5qh8+lTxcBlDqMcnFJeSs/h0Pz2ob3eBpIxe5ckbx3+QyrJM9xdF8Rsx8Yz4blpKXlPVj+oXcmqnG9pAxxbfZv8IoIPDm3gyvwzr39fH9xOeWDnZmyWzg+3DeQuDb2WU724cOY5mlqEeiOyPCm34VlEvVN+wpFMq1QcyYohthvfYAu/s04QaBNkMT94iaE1IchrTFyMJETiZQBx1RhmntL8k+zqblmuD8hs1/Pks+tpCCd93pWfdFd1W5dbch0Lf/VcQMIB2CdMgP+B4Fe98R7TfrmAiW6arJM8pNpeeC5W15xo7ULax28fd+BdjUID438fFHHJ7ySWtboBjaamKpy6xKzqxMVoQL03TbwpcS/XSzxHIXgF6GOivjyPvD5chwujjyUnjwazOjeubfj6cEP51VgtgJvWOSXuPUaJGg3MbSM/9pZ/dcWL4wUajiOYoxWiRgJqNGWuT81rEfwqfHofLPdae7bYp02f8PU18VprriN4dPxVPq3FicMEBczN0D0xL0fKV27BcgoOD1I4xxiawztqA8z3KKYVElgELHIcRd8HbUJJBYtS2uLRHLf/2mgDrfSGdqwJc3jwWPDac6W9Weya5FOTc9P3On3qCL4BSNMycs5lUIuYV3HMd0dsmFER26Z23juJ2JMGtFpLgpph+7lsoGi/a4r7wFqAL/W6FcnzaWKaeGjHIVt0JU5f2V+HLz3jWt76EA+tsk7atOst2K4Vz1FkCbDCuD5anx3Pas458VjovKKaGfD/4PHJFv2q3fHA3uwAunq9M0MHb/Lp6HIEbWq6O94TOauRoIWm6q0kpvxC6/X+qPBKUzGLmEv0MnTGori2qKuHxBK6ROAXfl+tk5rVdMw7b5S4FtIfx/EJH3rjBvTI6wDghlAHWOTqXTl961hwJE3LulUCiTBhbEJuAEYw5SWRNCrxD8xhrZ7SSsp/as37zvQFAaZq1hik3up55Pzl+aw2yaMWR4ur/QE8HvhlLd6SkZa/ZWx8jlJsRLyUd7IW4F0GL0+E4Uc72qtnxIo1wgo7aeE8fnAOvXWaUHQ0o9M4P9GoBeApqNT4IIQ0LRRyEqv8UsMKtXbsvbj+4Vs1mfBabUzni4U9QSa/oRPvA8w7ESMivTtHTjPcdP8YHpRd9eCwpkge6k15qI8iwQBajGnH8QcpYqEw8Ag/PcKr05J+nvSjN21ce+0EiO1ww5tvXV6OnUzNxZq0QC/mxNPxw4/legJifQRUPPPduMGytPwhHgFDd+qj89OcbZz+8A1ynx6+ZUPAB9nDSbP0PdVXCTboJ2WAxEfTK4mnPK6pN9cT9IDntYj58nix7liLrnkIL2WWhaajRndCjYVFLxNgneg4XW6tcFg5WYdKvdkj4aF3HLS7Zn/D67pftGT/Wbeuoy5XexVMq0G84JjC6BuCmgULSMC5eZHQoCFv8ZelKuS40cuAH8yGx1OfnVNwtE+Jo96RS+4IK9qFfk9P7nhHdziTNC1+qBz1d3dxR+yH412JSL+sRhLBYr2LdKJOk43/hGXCjLjunScxq34pN40iGhoRXGiBTPRvE7Dq9P0eMvro6m98eT9affF2rcaEf+RavQDj9vyl5/PpelasCPLallQK6ZWSY8Ja+4VOG+3IJbdrP7XOfaK56DBFiJQiJIaJFtskJ16DcU3LO9ZeVhDUo8bF7TaAzcoYGhByQymOsKbDc8OJxoy85M9Wyww1wnsg69zTTBZvpicT7F3ZN/it8NP7kEA2ORk8J0ilVGWgvfijpwoesaYSF4LEWLy7dwDW+a/y6kN/zaVYvUdPsY8ErvrsmiJHRn72HcJv5ujnTqwj9Jz20Oa+P08bsPJAHofxeQnyrXwV1q/uuy5fJ1P68rD2P/hsr1ufQ4z85DdxpTcu0y8w6SkgbGAk4trosEGSQN7DpISnwDR8wqEePwgjeAiENoNSpw/ThDHvI5NuNCqDoKnE6SbQUSPGHXaT4/W3PEcN1+9LTV5TaS3aq4G4BYr3uOCmek2oULf+cX10pSqlc5dteqFO+51FBf5UzAZe6CsFsW7ZkLnSzXpf2Kyha135I/GgN50l1abOG0bCPWj5hlDLRp/7y63C8p3ZR4W+B9eqmEFHphX59Xy5X1X5102I3ld7Vfs8/dSsvDpXHcZxZ6zgzZzcDWS5ftmjSq+cDbRSP5pTn76cJ7E2mRBnk6IDz5La67DJBYrlR80BcPwgPXIWnkjzveZfHCkEXcbKXVw37N31Ojyv0cHvpJX2+sf5JNOHcxqNBv0LQckRqmOV0RpjYtKWQFs3g+CRprWkczgAq+3P4Hn2yDN9PIis+mDrUdfFccGzbcpEDxShaELdEy1/8oUl8W/Zoyh6PUFjPWLGkMtMEtw32bMnL38fGij0il/SP5zsemRr6R82K54tXzDoGVPdl2gNe0CTSF7Bci9Eu1CmafL2JgpEco7lYgrskymlltfr23VQEM0Y1/td7F30u/Pg2k0XMrwcg7sI2AbpE2znKWDqeKrjjBxwSy+rpXMs+gyd3+kD0ORfXQfl+gUX1/muX/bFsbYQ+2IF1xkJXwdJGCvRUsEdsfOBrQcLKmox+Sx3HlXK500vKb+qt2LfJ6P/hZQuO0E+7ZOG3ECK2vXBf/OgluINt3oPN73QZnleDIDvaJMX++nGELXijkjcDtPpP+egSPX2un6WeI2QB/bbelYpNX+Dz6h3mbzcxC12qdZNPjoXC5NFOmyT1wMY5YQPlYfgQXfL/oa7Ff6iuHpzQ3L3iburfdBOOhdf7lPViodCFp70iZN17CiE7zAi9XVIPxVaeo/CxNHEkqwOEldN0XorxftVnCOx8fCb66xw2ebbHmtLuzk8Qh/BMI0vsJKDzu7th/rqCD0CwtQSXOiopZ6IX4ykqtwCKgu9LJ84T33QW/38T04cbhL53gdemFDBJnbYaN6vw4p5oVWpqzk8h6W3ybjFN/7Knzi87se+bbEgmz5/s+tTNuMbM6kfJ3a+3pr5sNVOdOLLPnhN5srHn8bhEjSPmEuKOq8tJgioRJl33p4TDEPe32hMG9anEQATW+kFfuBizkDy0ODR+jIpQPTbvgcohLHhaZn1t/+A2OOaxeQJ6/WuT+SseMQXPw0pq7mn+GhfKYI3Ba9L5Mxw9wNPQOp6Vj0CBz2e48rzc+egSxNwPSa8FhHDePA9Rs7mjzzglMs5Rj0opKPWNa56WkP8VBc87SIFLg4U7OC0lWyTF+/xlcLDx/H1polrhddMrVkp9c5ebOQ1ED2wFokRDKy2UCGcJy8kV5okdBhyMOIQUZaQnvpHUg8Fa/7buNe1PxIvwhWDeVwlFsYHg3Da0IltJfklRDVPxX6ivfeIkt30VZBperzuxIr3Wck+TDc9ftrHg+Pn5eaN+7nYn2O+vk7etDLOV5wbm29O4a3cgNhn/PEyQzewW+NvjtjfsW1pXvml9CwpBNdRMWNLeanFc5Ruwt9ew/wgK67a3klvhf44hX6nG+1YUb+PPQouAK6niyGuMV/15JRGA+cjZGo9CjS8xq3HgJ5gVLVa44sJf8OgOI3DA31OAoqc4/Y6BIxrbvSYImRW7TPK07hHz1lw1HPSwPtnXGgVO6lRyIDUoXh6T07EfeLJN94TC5kd32voOxq+RXY8oKIue+Tshd6tfEWdd2hWMOZjf/mDEW73BIXIwxE+KqK8sYYxLNVCRxGD5O//oamxQn1N6puKNjGtdI+CNo4Np+3pYk2vT9ioV1+u0RRZmsSRGLi2NpLhsQMRa3rH76Xmunz70L5rye9zaF4O7kVXE9j93tEk46Lp6bGPsVe7fY0mLsHp/sD6QqNu2+M5HDqTD9czRtqmdLNWrnEqLfpNervJ4GsfIYlF49ARC1odQWwAq5rlce1O62okuAdRWmkGwAJg9NC5xoaJKYK+oYCo5E/j2Vt+w9705X3ihSfppJvNMtK6O5zlPJ2AvalDOo0KP8GAU3AHLVSn7+elhyS4qyXg5xO/iR7Q9YFyB/c9xEvX+8h1pZ3mm9ofP4dN803qTcuO1b7f6CmvM32j1fH/q3K6GFu4rl1LXc9xnRvwCdvxU+7g3sjevvKCT/mAhK5r4oUmM8wyXx5Ff6fGNqa1MrECsL4Tf1GLvTnllPPov0Et+12lYinsnYkKXMyXPW70lpyFB9PKY5u0IcYvJhYjeV1awGpJ9eI3LwMz6YqWhwSIYLwnB5aQSvW58FhnasXzU2nF1T/OmNYDEQrSQIVrjZhmJDT+/QteU51Hw/dUwaZeO87o9fHB3bg7ralW+uDNkw+IE3705vnC5b8XEufdQBHXNRnXPSC0OsaaV+Wap1SiaY8EVOLTXDVGDKnkIxpeU47UGK64rNcR+8hzUmvTvH6uPPQC/m49k/7Qa7fzweuVD4zFC+Hj8eAfC22bL+pPWqOOt3/5qClCZ1PuzdTaUx9P8t/yRR9Sy2PlY3m9dqf1iaDW3IuGWhD8x+Gq148FXxCz9/pfiX8hub4bDZF2/5DkBg9cTBk0RE+xvmvyBAO+4Bq7nUNfE70ecJ7VLcKHLz/kqMALe3uDPrg7vF234rlczbG/GCuIcwNseSHwXxjIGrQ7Xc8CovA+hsggU6/TYq0XmbMV32nOrN9n0Af+d3BpnplzIWOBGJhaCgzAoDjskbMUOyuoV8d49K9frkwk1gryk0FneprT5g58CFGaW5VE9H/ah+G22iwOXLF74WI+Y7+fNMLSgLwnHxkZnlz34ITkhfHTb8FIryPlKVvnwMdD0yhWbNWMuVyboJIX9S4AiE2UepcOzQde4IomprsvzKu+p7z4T7XGE6lYj+1T/OkN0VnQnOfrKVjqeW1FHpynHnd1+tAiflivhdGEXvttX6MfaqVRCao9QP4dh4SmvjuvpHUjpNTaJ0wOH047PnJTnYIs2Miw09jVFH+K856sBz0fqjPF8t495b7pJfbUxMHDwS3S2lU5eAWZQgu493eAw9KXx4ZftuyS2ODVo7tWQZ2OgzVOHCQO+yAX18nuGYK9rdrZ2u2KqxoNsZRhuvLmGlAPGoMnEskn46rXHVc5jDnueLUGDo5/2b8SvzpireWKJtd5abJSWuSFK2EGj0L0kqvzzPBH2KGLAXiOs+CLzNB8wUjQVd+eN+34IpVY14QXdSqV85ZqY7Ly7LCr3FYDRd0XjVeC/wv5w3Xo3hxSlqtXrQR6I1xEOH0jkbxXEwrSYIHDBxeghC9g52kKmS+tmUoibfKBkwT+zIQ9d+qLlh0KntcJ2gl14g+56QvGCx+2QkpnFf13xS9zX2vbfdTXYJuwWwPb9Pv0WPQJPngWtA9DBOhowvHbU5gMP4V08aof3aOQG+DdDweU5378zLG90pZWvuBgzY5VQte85QhxvSrKYsU1WtP1LBjIVGkp36GA4lzc1W2UfhBEHem/kqMnYAuOU8pUri/GQKExAa7EU520wDW90AvYwJE4Rr/GUbRjDNdEX7vFGDgeKjpv46fzusCoDeO212VzZOWx1WAPup6VLrFZ9roYB0chJ/eK2K+q2c3x3sUGjsO5MWEwxrEeLqX9/lkocW0Id4QZSVHLpvVmVC5qTUnI61zjwfm35VZ/6sYhDWdQ9Q8WMXX5YSbriKJo6bWKdHusCkMbwwqS1t2K5+TJOaRXLE2uGdSW/bCYLa/ZrgbEMHUYjRccLbv4AncZf/D6Vq9uCPg4OLLhK/v8+hce2EkWeNKRK6uBCiuHSSOXYrbTO+FXoUdOMSSeY+idBkXvlAbcqafjis/2zcUvTYtmTn0X9PP032YkLek+/Ul/aquftNGFrymvCZ1ryS36DSsGhfZqqh4aL7SZVujWT4EkVwIxVneIzbfvmcKnrMjEbZK1Qpmm5E6FDxPwjd/MNRpeZ74zP22cGmWUj4G7Qp8vtW/Bd1Fa84aq7bHlDbwv2X0V/0m+I/4A8UEOgp5iIwuRWA/qxPbd5EYWelWDkh18WSOYgNIP0oRESb7IIUfqhBsEz2uRhBDMActK8SZYGHBOO1x7PWebNINW0tEqCgbYYhSPGNcTRl5TQwOp7gjtBc61jLjs0Wqh0Rm8yNELZsmPBgGYRR0ySPWevKGFkfP9ZSyoWKTzCp+taCF30xcabCvJCN/rY+2Okd5STfJJyyaUIyQe3AGM5B1/9dA+/PJJhlE+4IGjns8rK6+6dkv7mlHmohAWDDV1aaD4ITymNJ/0CaA+BZFf6aCmOMzLUW51d3WneaM8ogVbi2RKCOlU+wDH/RX1x5Cy3p5sAPMQQDrtqxZR02NXExyuDe5VXJOREKCG0MbxhLtQn72yf/Xq4s/UlWUP7FgIxS08XpdwqEhuUyLkGg0QF0oBUyMTmpnwJo4lkHOIXzkN/8NU6Ip/K7WoT7225CvJG6FCuG96IyaONzt6aAvMqdarWMU6Ig04dphf5nb9/B09mD9sdm10y33N2RHemncNSY7XkaQ8hI23gZfuOOljhTFNyOJ/cZOnB5KD5+EAYqhHK8+kEchhqvKnuXDQA/kTbpFQ/LHnQotp/Gbu+KGdJI5dE9okcZ+M1N7oeclwDm1wSFHmTQuTFESm5K3YltBXKbS92P7joR1HW79K96v04vL0weRJQOult9vgWqpCteYe9BoailVZ5jVHLc8ZwDENACnyybnezDYb+4U8qYplDvXIR4DsOASIMqZMBZwFcoQaGKmlhzvJ7/5UgcByOAymH9Jk1Dwb15TT2SQXVtBM++c8Jw2GMlFCQvF1PoCATNwQ6QPKOo+6Y1zpRZ74IV2mvaGB/LsPTh4IONjENcuvR6KXBOVcIE2aenaJGVsp9FSPGgOSiEK+5lgrI2CUuQNJGkC/Kxb6PMWHMN+zGs/IKePfH8wv+pkQcyL6r2tGQQ6WmQ4PFgR7EvI/+Yil+n2g6HjuRMgw2CYc3LZrZq9Fk3niOecYe4FELJDVMi60C+rW4cYNQP28m3gPidSeXCdsq9hdalZc+pJ44Ju02UhKNiKdvua6WHOU7HKoaR4xD42Z46gc5vbj/a/EL9crV9cSU0yecDhpK8wqnyxkEypePzB5A0lcm/DBtua3c/OkF8cO761Jf8R4L5x8Mo67QXhboDHuGrp2WEQdEzmP1x0KSTumu8zN82Uo72LMr2oEks5n9G8yP/B4KwG8/pRvuVQ5/xGKGcOoPe0ICYpbmvfbf+ylHiOmPUbGCSbJ1z5C+L8mKtM08WsbRXgRRF/O0ZTldIpUTaQ6NRy4eFHPBeQ0nbxPSYqz9+PyQ09w+sf8lp7LgghJmL7EdPt2qkdcpyF+Gj5BKekcTJ4IAAppuj8bX8ou6y/jfnj84E6R0Q98mLpF7wiwqY7EZj0sTTzIMjlGYlFSzdbXQeVl0cuSj/1qPmOKqk9TbwPA9mMdyBtQ2yAvsIOrw6q/dE0PbeVpvNJQTPRpYO+LTdmEYcJjYnvk2twnXdwEHtgNxrUaHlJew8vi2HEXFE9TMn6YMPrz653FToCbMjCbZSW2//ASGexZIU3ntNSTkEyWax894jNohMLqQy7Z8U/+oz5xIM2mWLQUe2CKkLYTatt48rnhGuMehzj99Y3WoCTNR7+HsteCStPof/R6vXESxCcsY8K1EzX5KJig/8/d22hJjuM6g3dnv/d/451ZgiYYEEX9ODJz+u76nApRJABCssPhyMqurqNh8DmJ68XfejIHlDk0ky2pKjlXjHOz8gn4g4LMcCGxAEwjTMgq8GdRI1zhCWK/legmX6mUdAoWb4uumCq3vR9A8CRQBTmnmR2fGHIwam4VK/7h/Kf6RFulV8pyDtLO80h8/hv2JV6vwJH43czMDTeNssKlD+0WnA6buaKrdI8TOFXGhOkkNIMRMsyI77BdbiBfTL45H9wL7Y8c51HnVPOeiwJlLlx+eeVulF81Lzq5sDGP9KI0AnVmPsiZLEmNFGCAd2wlWCFrILDOBszpHDkcxD6z9BTTdqBMobbYVZIaqzryirnqpYTgg1fSkP4ka7HMMR3uM07+vCj8yuOH+uNIe1PsrYfhQ2+xWfhv87gHvh9sJuPbvqDiQcRvQyR3C5IeNRy8XGjcyhNHydp3mh+A2GM8eC5vuSjEA8pB6nPdhomTV9QnTSZInhb0aUNoAxlTAIpe21cYWS88QrLOBMfYK0yvvQVX7H24IYLrW+seW43XPdtzRL3rn9c0gTausALZh2ik5mzumpqrCrJPbnSD9dKbtYqf4f5RPYRtwL8+2CtGX3cRm5ZGTsHtpoNu4eOc8vD3cKmzNo2TMUGYhvfcYQQ+hNJ/8E1QqWeaeYw4pLemWs2Hka+n857AGtgGXv/nQODSs4W0S69VmvPBv4IpQGA3Gv7ND1MGCePySzvy+NzMQ3p394jENYFfc5Z3vdBhroE/GxW9h71owZ/kqy/toHF9sraP2jrCtZMncwHjD3cW5Uxvr8OLPinUBcb/+lpY6DXrHk4Rt3JIdlqr3P2a1//oHH/qix7Quz60OeMQGD5IiygXfdOnw2au6N7oJUa4qZfF/07gbwxr5T+p/mlLWc9OaljrggPMorSTHmpDn6GymHzb8NDoUF6Y+aTVlmtp4gNr3udSDM7kxfKD3DB5+BNHZE8huY3sifq6zr1pe9FIo7opNeg+5R8KKB3EWG49qjSAR5AS7uNrDyKZ60MOvihSMZFvykl5uyz8JkQeJHcNDMRy4iMYHl4CxL+ZWXGqRjeHDefjZeFpaaoKmsa/TGPwqhgU4ks70633hZf0SrKMu5rA2lCXra1vvJ36Zl2FxQV7T71sr3b/OYdIjKFsvmvbfqt2Z4MeIKRYzN1/Q9qeZxDjcD4np7E2Nzy9NaXHW1xTLt34rC39ecFEl3qVEPNch/ZgbGPWaXihU9PJE61cdAXXeXDYUiUqNOe8PvCNioQsPkF+2VrUFZ7+NVnivPfSaKnrdKXX5ht/2gLlPNFS8LyVWk1yAu/ehYvy7bHU7wTUlNXZkumO4jkACEaizMvUKXzp/HU54nNciSLPw4TyOmLu23HV70u9/K2WS74vS983l7y89oDXc6T8C13vv9uDXc16LcsrT+rvbdxpRm4oSW74nvu23x5vvxLvu1dQtumDmVJeTqnFEUCNm/nbPm/xS68sFH9f6RcNSvvICxgTfcdH7P206U5rED5MDjra8qCUZXIO0hM+EzfBrfhOa6PBNezoNzXXWfXRvAHZU9O7HsTvMD+tscetp6/6hTh7QSP7ZRDKCnrRDLQqRbpLWjHrmx4sJZYiHFHQIgms/8KoktpqJQ184jIo6FVeYNe/3i2cKdQ+spDBo5D0Vpjp0HC6vahkYi6CbG8CrsHEN4LGwZc5UFs67+9YkB1s9cwWHBQhZmDgW92nPNcIro0M3x0K0xhYStEL+TtPwGSdAlU4MMASgtj/Bga52CvkXh98NoGGiUO//k27aqZXSXoORPVtc78mJddxRea7MPqutL29rREwN1R9dl0Ns/pbpaGPaoFjWkg9LyHsiSd2LzF/8xA66MbEBxeMPqvB+qEloPwBHmliLdmuixneh3FNeJEkn8S5RawiBRPQz74w0Yzel1oLHdIciwkXxkIdVzrBG8qWq+eEdqqsz7W3xg241eH+Kj6uU35+aCnj0iv3IgFj4PXCOe4bJCqHOYzDxiHxOfJW1PE/sLxuph/snXjQOGFQ/+Fx2telPM4rjtyIZ3p8Nc+re44vR3XL/qfX3b7UPSkarT9ybrCtQJPsPP7HzuiuB300cpna8RM0Bc3fsNtGp5Y1vuk9yS4S7Q8HFlhNu5+NkayncWXPceLn0jGTDx03vXjRUlXm1PFSWVuZkj2P18CHemN5bjJnjjrwdQTNup4h7+XaFmp/kt5ex9W3zLG0nHKdf+LwXlRt0Nvgs5MiEDUV6LAlR7hKOGRKCJGkRYrllUTWTwDTT6z04klDjRLLa4ACyhdeSS+nlGG/FVA9rTDHfNyXvKd9cHc9u9xKd9gbE115xDOC3BJHOWvofpC1AP1XOiNxnLnGxvym9BGK5qkVfj4Ai7CQ5qHHOQCaRj5gs2mMwGQNWDmSHzlS8yRVgHBPofclCMKiNdSIkZHQ9CM1DYlDjlj91cn/LC8AVSmx7LPrp3Dgyrxbi+eAU4Og77iBrxTSmHeJThtAOdyDzDV0rbimrv4Gzfq5Hk2I2NDHzVkxcIQzLbQhzPe0EU7YgQiw9LrlEkd/0ETMPOY8hjzfh9KXOLlsnvsOxbRJ8AZNCpQxMZ1Owea08fV1baNFS6ltgZ9DM+3LNcDqnqOcfyzerG3piYvmifGFPuuua9VrYanHAnVjDu5w29p45eXoF274oayPRXuo/dGE2zPIp9Ehu51U69yG1Ocms7BVOxTZLPbwNyQPHXdlX+LgIfzRZpLDb84ZTMAorPBPWb6wxxWY+BDMORuVcdW3wO6nl30p6P6Kic6zQwqOGsMIDAUEnx9YAa5z1ag3B9QoqbhVfMSKr5XGfyW/81Frx0WJ48qV0j8W3ngKDJfaUbKmRSZ/e3HaQ7W7fobVtMZKrfGqRftkJeSVfqc3vdcWZKY7DbRmnTYSlwErhiW41Jj+IEtU8Kx2vO4+QTxH5S2kfV2rGnWux+FJxFjxoas+rrUADGOrn8ZPDz8izjXh/LN/npfAESO0VyF1O5Jqw0POLXBekDPPveODShHldZx4qQ81miKQc8NL6Oz8T6dqQbR3IWhs8wkexuqcqZ7zU0Ari5g+6/OG7Fkrx71dyHqaRPao845bMHk9Mm+cQU7yWRAM9pD43M9IJBVB5IjNWvVo6/a/wSTACAwrFHO/TikqAKQGHieBJYVpoY6hARwbhBUe5awhYCJ4o6jMiEXKYtwjTxRAXZ7XCEdeU41Anufog8EPF7LIRoZRaQdK+1r95eFWcKc1cEnQ9TPHsdRcs+QI7fq5PcH7PceAnidxN2Jfuaexx1xDS+tMGHCRTomsi1c3Gc00nSQNuCAFaqxYjX8Ds9PY1dSHxLkXkmvDl9qtrp7ftsnLpOrBXz1aEwGKc10pvA5WZcdbr5vPrkn7TSL2+7jtzbqZ8jXUhbAIL7X2P/j/sHdvPCXVRZTarFkJ4zzpGXzqRy3hTFhLTDlIB4c1kcjax0FE5AzgCbVM8OFrCbACpOlph8val16S/1vBtz6M92q9v+VXdLb9ZV0SCnsdrnSRX2mR4/UVaNGS3EV5mc42GSyh14V6reeX0N3iN+pXa+v8C5FhB9PWW1xHBqHLq+ghHuic0IhwWZLUHAZowNJjozkLXGTi82FA8qFtSK4n7m8w+WA7ab1JcAmgMq77r1/gmxZrUxcV9lzqRmHywIUt9mmn6zXTzZ4EL/xmOQnGzeSCVNKAC/1TtSSl2noUiQGxxX0UH4ASWOOe2bz9FVv5htX1UMnphxhYhwEqD5zMMbCktKI7H9mDUCczOSDLBATDAZrcAqFMW8fe8FoyQItlEq0M4zqSQztOhx6cRLHFgFyP4PHap4zCoFXzk7cKgAByYsQh4q+jgDb1476pHoBxcEvl0hsNm+CkSfJupMHwPEEXfhK3q3e1LpdiTRB4H+yle280rCc1bFaguM9L0l1B9zpjXZvEEl6Ju94N6RLT/mo8new0djXybdRLJ/dC6hoqVvOnuNVdnEv/wRm8H47L5T0q1OsWwBqQpe7PnCU32TL+q+t6Ejgmcvu4ZrV8ZBvAeSSd1vMIfv63bjcNvsLQUBisGkufwrvhuM6GA42hPEzGDvVLyFi9nG30obBcdyd/0Ooo21zRe+WlEabcT3Ua6Z+nFuY8zdpFl6u1AVQ0ySvp7Mh6Jv4wqL1Wnn5ioXvv/EWfyWPTZPcwqXzuSyOhsHNcBHxK8R278ABVWlMe1AYswRwH5GYiIhLWy/kR6B7adtLxZFwtbR+YxYSEcxcRdVwBS3nmXmYgCR2OE41NDDC0t31iKb9wCXmpF70Avfp1aNFEWN+D7mEwVgjgRCr9FsipTvgOh8O1y8QAAEAASURBVJrraxMSKIBxd33ZRUOKyiBmfujDpAE8z3n0S2zMecJwbU42gksJ768mqNGNYTC5Ma/QrNcCzfBNY3Vgsz2DEPDamx4NHxaYRtweARi8AKg+MKeQ5dMb8rcH+EakzIrm2lqs+wZAOdpzzUaGnzQLH9MWIxoTJdaz5TZeXafjSo69Wk8sxug0e9HPyhueyizxjSfylhwCVqNoSrhCPxcMmtnhg5GOP9C8ET5hpI5LUN62gyc3dvESS/Drn/FEk55TbZGAFmjDMRl+qvql/biHg+APJ2LQ166ml5vx9FToD13MdNlvsTjjbjKilfA5J78ST9Su864G/qF+2Nstf8f1m82hN+zlyWuw9SEH+O6gj0biA98WP7Bj9EbnBZZrOPa/BPy23rbti3WqTj2/v+r5whP7XUDV9p/G9NQ1+U2f2uc3dTvfQy6aef8wsevvkAAkTs1DHPMsSrcmp3qJLHoNLaEMSHmDJZfjkbsAtL2ZpPhpjIdm0Lp/cOz0wHySH+plHXwQVUyBaGkZu3ercumtBpIEhBKn03+rHU9wWe86274Nvw5tmG8elLyHeUvPbNr0RClxizrSjsHLQovpqjXpVwB7UoBzjnEtYap/Ew8ZSoFKev2BBz4HiIMGDvdEwpPyVz5kZ0slGr6hTNoiN4Tek3qNkKYIcwGYoTELXUeVCbaCa9jcUyoYeKZI8TQnUWwx2k9iYEmX9BgCYEDqjsX1zHUp/pYMWe5b9F93kor0u1nbEhM6uBdR0ruIl5YrdXH1hCoE8uJodYEVbQ9jTjwls00GxmVRepInqWN44rBNfQ8P3s1Xd48fmsfamPN7AMWZrGPh1DLm7eeWAkUj7yGsS42pm/Fk+0ajYvQ8ZMz3SwHffP5gaaflZR/on8DiwaGK11hwHqJmx/S+e9K/87rrf9FB6bjO8/xmYCIfUPnCjoIeda61L+PhRFGj6aN+CevGfLO2wjNj+Mfe5vIyU/3UeRJjLc2SErIKXHNDRKntu+Gsev2vzF+uo92DzYL4Zf3mZrORGUuXXkfS5/x9Sa9yfza/2eNv1nCj++2itn6iqP39eliQiPOHhZOhhUZLU6w1yT4teEwSi6zKjKh+ptwOcdIb+Aq2gk47bc3h/pt4+eIh4fg3mwSHAcVBd3oQ0maIyZf8sBbJ13B3v4BGI/0kmwZMJYfGY0Fex95gzhoMMSaOAiHIKaCnAxTHK4nGhMyUwqTsYWIA4qSCSol6hHM+0QiQQpPyvXEN2xvUqccx6ZpohYTc1GPr81S4LjQbbE1p6zQYoMQaKHGZTPfD2jyLa4KmwkbySUNC+uR9bKEP2qDBiWhMGCTKAbhTa3/FSU3Tuzh1ASreKk+XSKhjuG9Nf2wn32qDHgVMdPAwgD6TLUa0kiG5LTcJc5BfQJt1zeg+49SOT39KKzhOv/Wv0p2G59iEYPG1u7YJr9eMPxNCOA6RY+q5zgTzKQhpVy+EugT39IJf5PppNNH13LRQDGLn8/3Sdzpm63rrPPuYEs/HW99uogpXZ1bP74lR0z4V/np+6j8K5rKVxphjXhtIfI7PF/b8UoOigPREfniLyMDDTwlESnXomD0Xatu066moeAaRPWq8FS1Fl1dd7VewOlWK5rs4JUHKSYdsym8a9ZK/k6UP8S/h7/T4QsWvr/C2+3L2hXRSTtfw6qEf+8NtS7FDMOxp83SRevIwd5D8UZl+su+P1IzcrCklL9ZEP+DceOK522FVM71oIGSEwEtKkXMsQP1AkfTMiQx93WCXIlKgHlKvNA2s3kXSw06LvfJvncu5LVPX+XcI/TvIxHBk37yE2JjNCHgxKhVynFdpzlNaEyRFkdOEpGED2GL4A+Wsp2gJADAx6nFUucLwKXGpn8Gjp5wJq8WIHWMaKuMlkoWjKeAxx7Vz9cAtOhpCw68j7F0UJi+aZ2PwIj8MTFJMinqt+T6LlsCGkDKU9SInLFqS4Wovsk51nugwNdWBE39ZlxylOCaGCYz0itgALQY1OYBxGrnB49ShmFBMuBkSLJjUJajBsMRx4mDfsGfkAhg9kOa2Ip0HsYab9BL0CXYYr4lespALfeYc1mEJ0DH4uS40isM/52xOKeY9ITjPFxDKJfXQmQw+3oP4jZclPpuOQYfvciNrMYOn8LNAfBbDJoEnjctKPhMFz/q/rM7PJOaGsXhSOcdNiYH9ekK5PGnmu1i40uRy/Q0R95grYgGln8hXL9x3L1vR50OyCGLa1atwpdFIcKsEy5Xm87U2ZB7qGtNJ4i3pvIf8ed9UX0l+9O0LuwUEqYLnqJasc/BZwR7Lh+U9aq76wyF9cQwY10EW5w5r78REjuNy7aXfyNrP6GVCUXMJmBi8RJrCixT7vqAQurS60yQJGMYU3PGIeTF211aXeyH5Dirr8Xfm4obHbSCc82OzxbWc/K4uHtjv2OcSkH0D/1q/81t7K0bWUmGcq6d8CO6KliP2tW/oCZkh27wapbl+AZZ0K6c9T9hWoEm+1tTGSjZtThXCllm7OLd5yk3I4UZWGjWncdd4ApcEudaLXoFAjJKUM2Ydo9cVhGQcroGaCsuCNO0SqOUmhAi1MQ0CISIV4HHw/mPqMayNo+4p66Xt2I8SpCWGAQsEqiZjw/h7lBzkGx5SCgm6Q/OHP6DGJlRs8qPgPyygSB2BaTwQxn12Q4a72W9w09NCm2nfD07Y1EamUqdcF6hnDbyyDudbzjEUA04Opgcd1EVriRGdDENo2m82oFgSXgbiq2NSnu2mLyEsGBDntT2XxFh9WkfXdJODH5ejZjUY88RttFhyLPRUSwWsxs8VtnWucihWRpUppViIZQ30G1/aaaf29DmLkwlJ3GAAJw4jDjT4DM/5eVLPK/Gai3h5zRDbcEvbYR9JezvGEp4fYObEVCxuLBzlIeE+yz3mSCSAG5M3SxbWo9u2pqu/6HKmLEbCu0UOhLWPocK9HJLNBNo8Rg5njgiY30ZI4Qg6YhIoF6P9o3NR4UMt5ztWEZmmQzN1osgBtDDYcSVXJD7q7R33Ux4i2R3XE/0BF5Pas4NXTKfzvBNGUfDyQu2Eu1wr3iRfcNX/N190cw1qQ/trrJgvYvWnvl3K+ly3uga+N8m/NQOz+294J9+1xZvruXI5Fw0+0LLUjT/ZDq4nNZiojQh4cUOvEjfzvKcFmG2TG/5oc6onUAIFgUiyQHYh4CqxwrqsvTj2QOgs8L6+0j/lVfPQ/pEiSIlWwZSl2pNQr8t16rjm2vCUgbVUabXHMKcRNh6KzQT4BqspjauCt6saNneOF2NvFiKZtkX6p3wmpFPo0Cf3hmlBZggZ1AcMJywm+rMFhEgpQ1pLDAImE/UE+r70dSWpAGVKqS00Lgbc57Y4K3pf0WfoyyeZTVmso+Hwr0bz2F2LhFGanDo6zkCOI6mCOEdDnnALCc8eDFgghvrQkRqmOJgi3ZOYsBDhUHfQA5nyTAi/0wyJZ7jslye6aosYSrSQ38pl37xoIKTac0gvNrrWbS/x0IY0RT2ZZ0pyrYYl3ZMWydFc4JCq5TpXWvrQpMYgG2j60h55he5irgEjY+J9fqN3g6EoR3BwoEkMTD0Zef0FfaqxR7T9nJRMEHkxUqxCI4/n8reywDu93GNqi3a+4ECPPjhWvj/XR3G1LHJUj+9h1tpxIDyIXGdHoIGV2RXng2dHz7CXJYePPeaTRhb1/2P/Wzc+0CUIRRok8M14wf2m18DZ+Sl3Wtoh3+f2onP90reSJr7WNc9eFTPNFRgC1MGoZedOiUeRnEX507YAtAc1CL7ZC2JX429oqHb1OG+Qop+4LPkLQKFMJkr9coq9aX+gsePrQ8UO94u11XKP+yoeXKMIge+pN0KiWcNvZGgpuRk86vRd0p/WtVDn0QADSuz3EXgi1mt+mpsINXi/9sROPETyS1H1ODVp7jsF4x6anq20JsN8rqHoctrW9X6+eR9oSSnU7kb8OqMfbFxAg06z7gKfppTF6K3Yb0I+53c4tw2GF4HeX6d7ifawxtm707McPaKs1HEykp1j4Km3wKjrmnhhIjB5XSrHMLkHgxkBITQc5XYwfOuqX9rBGzicUDBaIZ2pYfIASAv4MCy/8AnKz2E02Gm539rf5p6nHia8WOWNEPLjesmJMTG1h+CGXsgX7FQXbUD1cGzhe73LoUCDItL1yxwbNjzKEeKS2DfZM7ZhitvK/LB2Ci16JacJ0q/W6h7UObBdbqdRa5iHX9r29xwniv8ypsV2jQtNxaoVzS+ofTpMqFYFtuumeQNPvVHjofGuCfEcRZ+pXxnVDwQ5L97etqeMe1y8V771X6x9ZEoB08HHB5nRsK5hkpAxaDDbPsXTKLaYPT1SFtN6WC5/ZkxLHCvW5t//b92qfzWTDktH5yiw1Lupc6a7Zofsc+kz+uY84HVeVU514q+XpUATh/7UAxjFsclinPjEbTSWHHI5/oYGtGrDjS5b/2Ss7Qatt723YoNyTnYt+MC9e+ClELGc63jDV/xvxHUrduuczrkZ2K3nyl+5F+hvC2y9NOJcS8uzJOug5l634FFc19h9MVG09vA+WrR4agcCkuEvv+Aor4pqbROTNvSUSYYICN7oZSmJD49UTask68m3wLF67vlEraCIa0lpCmfev7g3TasOTDjHsBWua0FN5+hJfM2rH2JATlwmRVRyeq1BK69Tn+Dl6T3kn7S/Zp/AIak5By1e0HulSwqt1odjzLv3hj+9nAywbuLURz+m2dvHPMmfLDiK9TkSKiYYT5MQGEKZdkEmjctrh+0tNR/RU2iOSc1goJ77J0XPAxM6DkdDNvdEnH/E5NaGVvKU1R2yqovE0DP4lLfp9nDfBGuvLrdQcg2pgTrkmBAMwwGHpO5Z8YCtnM5haKdO4bDPaUy+Aqvv2gtYyyUMInK4ZhaloGGptz4UL/EV1jas/iYhWvIolpkez19my3mV/DG0prg/bfupMQjqAoNbIVNfAwzXyaohiRA8YYi9GYtBXcLnQjGh3+ir75UbbwvMdvk3PhvMkBomCxM3GFKBxbE1/kCG14f3fymPUsTZ3FXtJUsZBCjaljs7FRYjSPxTIS4YndEsGlTY9dz74OKY7pbXEh9gXf2nso1+uoZBHB7Ch6/Npv6w1XnrcoPYxeR/iwatwo/+Yf7/pyPP8W559WGbWOT5h7luJGbQ4XuGY0f8xdzNOrPdT67J1XokTy8cs+8hAH57GCD32oCv9HnNbxt8ilWb824Ei/mPgkXs+eV+U3O4rqSX1007cbUmcwuXh+uHV407Qu3lnwty7jsOc/iU0z/Mc3QZ8+H/sN1hz/wTMzyTzxEeTwfX8SMc+x+8ag9ev5pD7J5Vz2J6vFpP4KtunVOz5qf5izWRS8rKr+dxkjeHYyi0wfEznJBhXeAXjXdPWI9qt46Vv8Rq7+Z9cfKp66lrYA1j9sOkrBWpegz4TbHDec56dDVIdfm8jwCw8QfuwK/Xh3Dbc4h69SYctB/0kWiOGwzXoViNqyxqvg+1sJn7/WFT19Kyd1l/cmKfyFvBEl8C4MnlWCDL6Qk/1dVcxBOmdlMOanUe+EFHMEOe2qgLhulpXGAGTcVoPInNiUGH5fpeYV7Glif1lzby/IvEeXveNjHxk29vOup2FOT4Jy0zQYLOI6ep5Enw+VfiMylmKJw1DYAjIDiYalrhDhVtrWnsuIsLQjnb+KJnx+fSutqUsx6K71pqveOnAMgAdyITURLf8kQiw03v7TpS4B8MNt6/dqWav7wBbz9YV2sY/jv5FegP89wW3arX1/Bvvu9trfSEZQ++mn0AdolZFKi/KI9dCCJprE4zhU1/i96YJZ5tUpAJjlm4C5a6oO80SaxtCqdZykd3pWGaLLmcXjft0/VookJAZ86likdns6FKCS7XYUGeL+EIVBWOcequkCpsYNxPtn/rTTy9ca76yEV9B0uK4fP3+jLZBIHLivTZXktJaAJo4KDRZ9a/8kTbCLjvk/A8FE8SfvScaFPhfYoR0VNMcW0t/yXptsmk6Am2rlVa8baqx/UKYdCgTwoIzs9Hl1cMYtEYtAXX5V1avRo+20meuE4DBM2LlbR1Wofrcxl1v8SHn0NZU4aGcQ8qxDjWRF/JKYHzNSd9NY34R1iKiT+mfMRarHbyC+zkYxCySd3LUl8tcaWrno73OOm1+k0egcxrUXMRr3yljnIAXhypwwVtsC6hulWTGpEvU18XSp5XHY2r5u0c5xcHPzif2e+8Nnuia9O4NpyWNiUKo4pZ7zxHBTpMR97wN+gDrplAv1liIkOaEO0kX9glTaQrSD4VGZQapsrV+HQXGLDU/8lYvC2liunXPpo+X2k0OkvPtcA1/ESDmguN12ui3rfjwse3cl/x6EEX3+U24qSS5lBMWNhwj6VB9IOmtJftxsq5I4bJh4No+6A/QpczlV/Y+3B50/9k0uuRGxziVv9/b/ghRtq04RssBCZdJnQTaidian4zVzmn46XqBEixKlnhWruJqftWB7wTZ6lNIgGNUS05XK+py4cJhTFWGW974WXAYUKOhbkPatgJ5xdSRK4nBcAfaCsiFpY+TmKos7GES5oV+CvuSww8RdGl7SV/uIFac4gFrw7aokUd4AdMFZATO/36PbHU5Vx9oTY1iVSHD67+Zxdi4anSsPCbFo5d5VFsa2zGC7vDsb93eM6jp7jWyPtgueyDQI8Or/UaV36tn+ZuUvwE3m3Yi5fTrBU3/RKG/ZK9yovJAEhzO6NVDsOXSDeQpc9+fVJTlP2nSiREc8JKbaBbvv0CDjwPiOmx0lJMxKSqnO8XC7qXoaveV60Ug1Y6Zzzsd+NtSK0aCYi6kvqEjfdP8RP59QGhw5G9oHvyluC9KGRWR1oy0DfPeJcWpvYn3mnpKthqLQR8L+yFn0fHPdZGEbf9GlymFl6u6wkcr3dJI9Q70wOE0Tx85Tk7BgNX0Qsd4PlH4T+K0WvRb6kbnKX/FfFtH9WhTxurzNGHcJNcRbTXbVw0eG6Ofm71Tzhd1wn713XuxWrx6pUxPDHmGD7xAZO1Dqf1U0x+aK8Gnr+h3mkHAB7rn4H7ctL2p4Z9mLOuI8tdjjUdgcOBZeWBB4V4shryCZgDbgv7zogxM+lqQuOR9uMZ1+ubp2pcwKI317UbVW4VK3+F8bz4SM9bwud6mGBc21QYE/SWWV4HcS1k/iLAJ+P46RgkWVeVOa3zVK96Ppd+0/pawpOceskeXOs0+z7pqofwusUU/HC/sRq9cVQ44qrN7an55MUa2rrtid+XCabYan7ID1rE6hhe8h871Noprt4WeDykrtaqlBZDgPXKengeb7ABVE8RJ49aMbZ55Rd816/VWOindAYG1Lj2s3nqy3slYeDan/aeECA//+zBkbUUugwK31mSS68nOeMAu8SLJqWGdTC5GSd91dS9jLx6UeimRfoHnv1O7zfiXPeikfpaeTlhbt/bg87OG2r1z8rcRT73bNfzQichOL96jrPwg+CNt4rlXtkGD6VhsvEmOJyj4TxtaF4S7gR9JTT3Denx/8M+NNk1H4CHSdHZ+v7tE7+zZr4mL8VrApCv4Io99NqVr2rSL990V8QFiHpYV8R1iQvm36Tp57fVb3Q3C+9KS8muIDlqSer1aqHBv016TV4R1BBNBnZ1rb35SW1Kvnx/q62Vdc373mjiJg5P/Nek0RM6J62h3hnVHMC/eFBOWwzyWiB4APSTYU09ZMi+wdOGWhvEZEIsUgOeEwUIj2Hri9fe7ombAjICTmqm6QOJ4qXtnUSDg2sglZDyVdj1UD1amnC6EFuY4rQ0mQjPzE+6LGAMLLXVF2GscZ4jwUtAIjPYekmUBabd/m2jlXBO8n4GD9q/zlWziQetps4UHuynX5NHLxzRP9fGfHjJ/IMeX3cYnGS5/k86037RR1j0KXPhebfPo9EQmZL7xNbznvpUY39W0FwG3xCyX84xvt8TCCxC7o89yt6cvJ/q7O+jgYHH4W3Y80m1r0t9+gQrRH2wvJfYqFX9JAd99aPXHXuJpkI/anMkFC/6fEOupetfj6+N0K2KzfY+mBus8dEGUD8YdL2J4Ugs5jd48jjS3wudwSt1LsYVTy3cLKGzqjm3MiU+p2SonxpSJ3CrNQzLv9E8YQbBcn08tcW/Ek/DReDVVDRe+nzV5nPF39FeeZE1vOqjvDtbM0o0Vl+aZtImAz0sXnQdXecbiV8v/ZO9dTHFx+ka0Xqhquoy7k5DB9Y+Wr/lK+c6vlwQv3hANx92r5s8QLTiGi/bth2owSLn+H/CvjmSZyTEnEOj8+cP5yieDpJV8MS5qPuvfJk25VvKtjgz1OINlfgWiyQB0QrTFjtb8YzSk5fBmtTyANeHxwW9pvnM3l5O6kWbVhGdG4dQpTOJ2pDHhITQmTCiT26hCMJCLiYWh4E8jgOheNj2DywwO9ygr5PSK0thbNC0yTD/suf2i/bCT9hJexk0+O6y46/J81RMfNOpa/OT1Kw5uQjC2PSFG7ViZNIHhkezDpYwDlzFRn8HCGHAM6885g5jq2OcVZ57lrILf1lXrbJfxLQ/cImi+9AessalR+WyifCYylFqqSm5xCGQfGIHgEyAxQEgD+Y4r6NgGU6Uso/52RkEsejqSE8ata/NHVeBoUmNmDqbX9prP5Ve3guCRF3laOw/0Nk1EDC0+Pni6QOvu1eAMpwvFzq81D4uEjq1FlLbdZfze+g+lKd2csJoayCIHw8NND2DTqKiQFHpI9VPKBrbtX8Y+0j09sChqq2HS+VBcTED58UEfPvDveD4QuEOGn3uwI8fvBH9LoDxr46fauPCtz/wyj+/ZnXj7c/OUzUPD/xTa//gHOvnn7RxsSkTJ8n7oOMxx3GnQAzGf+yI84j/flz/0bu3fiCj6/nJmpRbNbU2ecT7Lg7FLS9VFOxgj2f2mVODdR+5XzYO+aLT1ag/jQbGgzk424MLCd9bbBTp4xbb4thXim90hTbsmeanuKxx6hf32PzSOgl8mYi1Tv02csDmEXwMQx6AqCW2BBM+KEcvzXW/5MCDHB0uIRbg4dgfkI1DfxxFpg8hVP90yMD4Z3tX15xhd/3989YALYZeRK/FsQ68HP4QL/MMDdc8hT1rT1AJQnvZH4Uothg551BuMdHyal8D6+eLPObKOPQqe5Tnm5xaZ97GQeciT8jA2+gDn9iyX9S6+vVn9uBI8mbMvhuMl0QzOZIDBnmvST6xLrJ4Ad7++HtiAcl0YHPOQHp6ivdd1jEKRkJHXPk0ZK7RWaEZnuC/6uKehGQMZA3j8roPsdabJP09HdhB+Gay4dV7RUIR5OSmSeDJI1dHxpdyLczOuWzLAGFrJBn7GH1jGDiryaoHtVveTYMbzLZJ2/nbZP+PzkGNG8APXHaAf9Z2OdQqjvh2XNwUJ+zlBg69LzlTr7eJX+qj3l9Lvia8XeQGj94w/1seqENNjmpBN0vzL+JWok2uRQmn5TVyrJA3Zt/NoHHsC8BvNKvWRFM/5KafeFae2BGJRF2tKdH3AXsd92sluSBSV2nb3EmnkDld0PzcOsYASwzNAUBB5jYjoEdNkbzBot2tLrD1UPttPyYFKOFnPbvPnfJ0hOkOnh7R25qhH21krQnoy7ExIW/SiIJiKTlhL/vr37qqF8bQpx8PtGA17asxeDj4DPGv4KXWU/7qtevTPZy7ePT12Jrzb541nSbsBMMf/hMZHJNXJoLc+XiYMxnrx/VTLiuH766ttkf48Bpe9LjxuDKiOhG3/RvclCo+WB88A0McATpqraxz5avNQ8cKMXgHl9aE9o2YLf23tZoTt/qb9sEDe8Q41JqeSCWG3AVO0+l1xZF86qvAKjaea9sLJJZHpy+55MW1lx4EI6HDE5PkdeAepQwtHPpc8mSQtD/RrPYkxu8nVRTFFaHk/T1dctQ+jhseL0NsI+0B7kcGNmMxSseh60m9G60X9xT1whbIsY3mFLuMjQDuN7xsuhR/Clt9Gj9ofFlm6/jC3qwSqXqhE+a16Kzxl2buaGzeoLkalKZ92/Aaqe9TL/uoZzZ17+WTu8MR7+PLvgPXJtN+VcDtnD44bnjsuYVqkTFH1e5yWl/FZoI+JsiyMCGfBDwEB4P/BHcBHdJv+wzkceJ9x9Q4qwDtvdpDxYxqxxnvHTdf3FdibL+yt+Ld5Ot2rDiDh78wsmq86MUvGysarkN6JgZSzA0xkwRuRoUurG3YYqCgqPuVZmhB44rPJ51ip+Xi4QN/eAS33J5ZnUeImrE36/N1BI+C1dswHyZkrMfJCxOg8GEr1uwlWyxbEOpzvDDRtGOpwvy+aEXWQaV+I/OjlPZQIfrH+2h1oERfGg94WRylyBlwOjEAf2ihaW9mIrtra+nDhG6+WLR8nnNo2J/pSynrstbBN3k1GfO2p9Q83IFE1/d240OgvSz6lCNbu7gVGwwpjo33Rv2Jy6sv7SGYvdmgGW8wvHaU7stYrUn28EpfhY3r2v7yKbDVJ/NEW/24tjqMWKySr+ZqUzUHv1HQujbp/LG+qxHj7+mVOEGrUY3qYhq8lpN26Nv6J1kF0Y9aHBsPyxTvI0vAp6DPi9XCB7WOhjUVr1zaxC64U73TufZ66lWaD+v5n/95/tG5gslPKxrrerB2bfTFSVv5Ya/OD2vOpblJ6EWCGmXHXig4dPBVyFrLmB8Kgs2a5K6/FBoHfF2OyLwOJy8Ufq0kvi41pt5f9HRKFeIcPhiftKtnmVNCUr3aEdDTPMsmAmEqZTMwEIvEa425Ot5gyKn6kV8+TJJ3MeaXf8Uu+inkFFNiu8x4PyaWwUn8r+pmlhbcNyebfgoZYlm4flBupLwEDaFOcPYYMJywWFg1TXiBLac/5U/C9duT3Jf/hZodknoS9RWLCGMYbtbEdaywJ50df9JkgiRdUKwx/1MXzrkOcIMnoSU/R+vVwLzWUGdrWvmwF5ECSRboqich/KKuMqzpqDoaKyYfYiPp9zoFNP4qR+GI62VX66v58j4rC811qC85516XuffC3Ewt9a2cuiCgn+h7reQAy0P8DTnRQD57EB/1zANU+lCCFEBwKGzAaOGBDq/ZK/ZkKC64yQGYRth0EOgnzl9oJ0PqlGYr9hx+0FvwiU3BQyB8IKc10gRlCp7pYSwYnQ76A+m7ietpA42rpNWGvWM9ODfe/D296dFdTmyTI/g4rGF9iz6Fzys88eAPSTmv49K/9EuO5Ry/Wkt8RiReAnqirJTGULQlHDGHWa6JTQ1/7HvQHG4aDRb7zM+WpjymvlsYViO/Ek9JWZmsl9XvRl5hHOuJZb5R58O6lpa+xLvid/GgJfwMM9ip9LVBu4c82c36V7S6hSsc89deSLgdvxW2fc2tFQ0Jbx28w50a0JTgPFS/lx1F4rPWS26FqRZqww9sarGSndAln9wNfcXmduUCGzF9Dyd+Jaj5Aqa0p/HChHK+iCEztNq8H3cPrl+0/hHFl2/G3fsP92I4Rxda0579aCUzWS0M52aGtpnWn55XuYEuewGjHHZiDkQls64jzAdGoac1EdvhUOvy2vYGk3jxmDmuEQnZK0xT23j88o18d7TriH6nNQx6DdjfiwSxEeeH0a934zSynlv+oKLqFoHBhtXa/QFnANq8y5VeoJR2A4Lv4bZnIF1DRaqPQTEmuBZwDZB3w6k63fqoV7GL+bB+4a7y3GOvd/2lT2p0uNoLYL4/4r2xulWgRWqzX/SY8qyX8QYHjB6cp3ULhi+e4UE5jDclQqbrdfAoAkP+w76KRIanMi/BK4ENyH1pA4vxvkG+O9p1KB+kFdlKfn1UvMx5OUEmLimE0/Fv4UzFJuG+wcGx8fcAmtfK3WnwPtHI+Ptlt7COY7mXyx1V3pDfYMcuz2y3Lx3+sh9gcsgX9qjs+u5qIjqGciWC722YK3e5Sb+4HYVldosLSvZZ8BZpabgOU7uDcN1d7TLn+rcGb3GXvX8FVjxt9+tXGooImpX+Xt3k/KdmUafXDi5d2pBcFk8aFU8ex2EpRYzcknYqa9T56Ui97MWAha4BMV3tIgdpl6g6u54HXafa+7NKdjQ+GLO2e0Am5nrc3SMWH3i+Hyfjtb7ZK66vUuoaKNHirMg6eInJoKrFXElN6kRXVUq1nMU+O8f2OTnlM0r1/R+dMuD0v+diY4JT7LMgQGqa8CwYaIVb5VPDAmD0WPYDCMVKILnZK/5vEJfXStHSqfugGS2wH0diOLdRUwOVBUsiz6lQn5CFAOnfipTSg+fa7TpgP+K2exaNfX+MmJzJkCQAMuzmkps9CJ0heu7uSbF0wofxqhY+lTjwSn2okQTM7igahLZaVmzzooE6jl3bxAjvYY2vQy9cHzhhGILHS+bJlteiPWgVqE6P11HRJTfXhETFxPzWAzVzBB8Hmzyz51V6ub7MExZ7R/rpb4PBG7xSc+cjm83BoIUy9Sp0lQ9c6hxwfpkYZvi8AAcHN8HC7fUDbMNBenUM/gCSXpxScqWh+dTTJGOaj/cE0z5aLVtbfdlTComn0JRg4b8wwteq/65WrFFi+Eu3gvEpgZ/a579hn2sf1BTxpEwFS+iJ0hNkJTkPD7PUU24CZmUOLrF8sJgFfp7Jn8b/QEr3vy5Ja8cWlXwk/BcAC0+v1vVXNk/emjp8N+lXDn9j7Scfv9HjdlGTl59u0KGxri1bZRBkBR30WCalSrHejXpv8Z/SG3n3wNxpeK7cV+mF+Pzf1Ok9NorEVt/I15xTmCSRTWTUEuFSzpC4AaMTAxBDkpaZ8xGFChYAS0u+YBmC8waPJ6bs0+w1dTn6gzonNvpppIDkMwwz3ZfFxCCopnUhFueUuF1Pk6tl0rInEhWUxRLEHv0n9oe01GTAgtA1NT20sEi+8BCizBLHAYKkgRQ31Osk8EhvOfLeBA6Hv8eF/2SbV8MMf7vpZHuhUEPBtkrLCbH1GtKwtjqS3/jPWiXjnJsx16W4rGHJMx2HBef63tj0gKVVnzYPDW9uo8U8D5qGph6uQwDG5hh68UThpBme/7ig0sTCk6a+gi5i6gA6WdtoDn61T4jwXrSRUNYYB2nZw9Be68Sxd3IPWX5pD59ozD3wlORzQwgAOI6VtynfedxpbPDsXcf8Nw/YvPFbOT+ds9VK51TPvYWAgY/4VaPIT/9exgGf5bf7/QZ/if3x2nMxF8HjCa847P/DzvBJ7F95YxIUzOOgzOrLK+vAkoM4DwVk8meB9/lCV/2t6Ilp9uS1azSBoI3sl/qvxf6XEbigf9qWbujGk8J2luN07SD/lRr9bpb0X/GBJvSCeOVHMcDxWOFZ340rTZqANjDTg6I2LSI6VdjSR4B4P+W4wqum9lrhkfc1IOA9Jx50kOKhWtqDZPga9mEAmYoKULSkK4Ww9McERxJEW0JHEZKTLWBxPtmvGVVu6NVgNcXPszcc/s07dP7dnKPUp6iZgz9Osx4BvQ9fbgOcNWCRYyK4u0Gh2ZuBFosIIZ6WB27MSUsMAxaKlqYdSnzB6RScC1h6AfcGDxy1OSK3Ovged21dSEcwkGsW3K4PLx2+3asspVZru6k7Fy8ER5PJl5gYamwefMosv3ihlXFwDxp06uJ0zh6aY8yGMW81dX0WO8VeNE05jq5DAMbmGHrxZAFn+O5Le0qorolAB8eizVMkgGCbS/hZC7U/rIyIb/sED5i2niqLIEj8gUiH8v6GGz5/AJR7iPcPL52G5pbr4QIIUFKNDTt57vp3OdFy35gfcKQMX9qZ/C+Pl1ZnVzdEOaezwHztVsz21N30r4Kcg6sHG1FzVSeHdfKY/8sxetogvxK/aig36hUE+ZP/qQ4TSHIDIHJxTDoXnJ9Aaj/aPmlW3oDv1hy5LW8QaSadbgP709Q/6AF7h/bcw8HKMBl3gPgxe54pbyN/FvoGURrSy/Rh+I32L3D8YdZMFZtLZfoH4JazFCsFavMBu+2hTUkInTL17PBAqtzSezXtNFfYZZ73Zn1YFPDUAwnzqvtAeF43q7WIWMiQOoyEtTJMEiRMTTmMWMHUkOtI7xWgGmJ66lV5mCuIU+hZXmUB3R3/Kg8uPGUDh4Kl54CxCcqEdjXPGcAxB60VP/UzMGTR4jQhXJRchxOGYBaqgWhDWFMeUpC5xYLItslBoEnGkgYPR3Ke6fTq12GA+BsHEygSwDpUFjB8YUBRvICGbeUWY14PwsPCUxadth4iaUPw1M8aEzJOtcLf9YSM75mBiKP0sAYmm9H7V3LgmB60ij+chGHfjUse23kP8ihWQI4BobzPoe/nrcEDnp8f1LdcagHw8hjaiGYns+wTa8S+1CNKNT3PDUj+iuPvgdpD9s/9gbw0OrZdwqgRcLbsfLGWyoXLfNsrsFkjt44UiTG/tJf8X00nf9aIFtGTe4Bce1AgRh9I6ghyTrsy3zM7iZaHpBpfgqKww+pid7jSI7agZP98an/D3vRI37tPiYZ3neImcVwQO28D9MAfsDL5yWbzb1xEbgiPngf0i8lirdoPEF2b1l50egV1Wwtvr4Quwds1mQ+te6yJyx7fwNjmT7YCopcN/EEoFvAnXnRz6Im5aMi+8EIIcw5lkrwyojzgSz2nAB20ElsC0to+K10BO9/mkiod/mba+uZ9Wr4waXdwTj71ugF3+hKsAibY+pCm2zq1CBIeQqYJK+VpCvzwt88TAoAu+emF6gDhhGYA8EbBsZgQlLaHnB+eIqaUx3Mw7b2AwoJk5pAPzFq59arLTQ4DLZo4pyzzAUz7EoOc4wjWAglRY2m3D6AARzlKnMbUBhBkTTAOEeozfdMLzwfHL+1oXXp7D3vxHtoomu+um7A774f2iKWq9MRjkQvecMAljLQ8GVLgtZgYNsXIJPGdpuJLDBolSsmnlE0MAiaBsLlP7QUl4hTisRV21yIwq3PuX9rRqxzOQUMPomgxpjzoh3MfyRmSzaTBqZ62ndgN9+hLRaJR9lBy4PxeZ3n1pPcP5w5FbTDHbHFDIbaqTFwkFBxz99aRrZA1ilGDY+H5b2MhZ8TuM6HAfzwd/GFiB60iRioxSOhR12DAJVZ5uxiL5s1th+tq1U9gdD0dbZtbaHacH6+9Ex1zdSn937DDyFdXD+W5EhcaHQxXRylh2lEmGPtMhZIQnOpKeiTcvmOKgGqPgnezE58Pcic16nA84V/XZd0Svpa5Jdyue6n3Zxux7Dhcv9wj2GC8Zj4VrNkfDmwceLcCL3qdvBzrC0/0jTJjaCHGcfxyZRg+6DkBnAhcjxPkNMacTRBfHAofpIbJWkj5QF3S1oKXFfYd+un9q3wIAu9Y5hXb9MzrsKnpInmeBh/CoU+mBhwnFRRgpgmjxjQagFjUjvhJ4EmoRupQjEWMyKEnc5ECZ3twz+0c4DRwWjm+90iKvmJoQXNDXD0vpAgbuDJh+8QxYCGwnHoZi+I1JloIB9xCSym5D0xSgPOqyTy0GyzLGFGmhcwzseDWNOHJj8B/qG97sKoDxv4DBhMrsOZyBERzbu3y2nHSuvegHVgMQz58sDzUmJRxqitf1gQKlyP0JwkROTht8QX3CkMwG0DLcroGh1hCIdv7oUmgjmP6Ym/51a/He0/wtJGrPC81HS0EMYeuyfTKU9Sp3+oySRA1bdQUYVL+hFb0e6SN074AFfVBY3P/+Aivo2H90WMwvKY6bPDyku8XtxloPZy0rDHf225RN7nxzG1a3QcaSqbSHxZb+nD9iUlWEzT8CUWjU+G/nLjxSkt1E8oeEYaRJVK09uN49tx/YceTRD1hOqdJGKJR/XDNmMWNc9XawD6NtiAxVHCDlbjKV70HrOo0hZVGbozyFzFkqaMPgQ5vei5k5nTlssmMXGeqhiGb1Jp/UVna6gq3zTvuyctK+xst66U0jU82+OEP3I53sruqn/r/Rl19a3ylDeP4I0R+8IMvaUzz8PXWRa/AyfoEK2iV/DDmqNN4w58V95naL3vpJ3k8CQCbdeQU07TR65Dl6cErBHF+UpvgZmz9glgLwh18S34VvsXvdFjLHzJBnA24YJsjpQdLmss49h3/P/fVKfAWGxH2m85HNrHgYl8Bb9uQa6N7ATCbSox8HCxjUYPm8CQqeuANQCp9Rmo6TLEsBJRThXxU+mjJERFgfJqBJYKoqamD7UH+A21T8Um0fGuGftP7STyh/+ntm9ouNhrI2pj+nGfk2Q9gO5xTzuNTeV4DlrRnEYoYcZixhVcan8ivvDonXr7CsDmNRy9Ieqnx4/dDw5Ma7R+TMfFnX9H0tBGOX9pTzILKpzYx4W3yYfUojR4JhC4B1LKRaUl9QuV+shltuYmyHqbT3qssP13ruCnatbbYBlHtQ/JovVtzz5z3wjXwYqKuK3HqN2LAtvXgN5Qx1ZINEovD9YRj9ZZcfa48rHmdzHOkzZUN4jAu16qgXRznewdZ1mjUAEevR0DpItqlMk2xB3FK3Ihf68b3vVltUBImOU80ducv7Por36pH8pALQ2zHGrHMr0biV3XPb8SSXzBl+sjjA3Tb6FNscSZKXa9z8qFNUatTUaGTWMxzUsFlfuFhYCj+tscg8Ex+QG3USko9ltLV9Btzp561fuhR4Ve+X5DYHuNAK3dp4o79464/aB1J3wMm3yqlJhBzEZpXvMSEIpXwDAKoIOF6qFjBSfjRrdzNXPmEaSvmfmPsevFbIXqi7r1xzlef9hsj1O/8DzVONlooKcw1NSFcpru+3UnZ4kX3NoSe98YLJpmIAhvaFEeZdhb927qfAnspb91H5OJ1+SWCXPrlHGMxV6bPQpmMkdPhoZtJ1Y6YpQEvvVm/XTfxkPAfnvBC0ILVOB1+5Ryk1WE60xeGwHLrXNMmbPkJop8B2n545rBzmzz1AFEroDeOiskfEKEYmNyrChYMQh7RgtNhXNWGvE4s9l/3h8rmvgEKDreIl6LhxXgZsMhxXSwIjqVI5Z5wTsqEI8DGFkOPBYd0U/Lk6nqhhL8nwWdDFExs+6U9MLv9AiQP01v5gO/24IIIEH8MWZr4WiA4QJwqJPlIBmB5rzIMIM6nGC52u84yn4J/H6x6ylLcRIsTUFtnEuM3h+jv6HyL5j2jAa/uPYSyFcbpYPLbdVRBNUrzFdPMtx4b/OvUap1svBDUbfEfVi1wL9OfL+z+ZqK5RkUNeNmwU84Kh3U0yiXVeOj60ENhP296SyZHL4QKxrzpN8EC4xf4AZ99JxFJHDTS007spCHt2hD8nT5Itz1OOp2BlfY3WoulrFrkur7slfy6LtNb9qzYa2Alju8xLiH/l18z/JyJ9wi1KmF48KhFzldk1ssI+LQFUyJAL7XRSimDLCZaBHgAIGFHl7P0DdX5FejJz4uWF60+4F+K2NPHOOfszXH3MK42oJEcLVjs+lb0FmxaMMup8Va64Oi1mNIbM3xIzH4hvuuR2GzwZHJKj0xAjILMpUjhCjQh2CjwChdTyia2CwzEhy8tg+uSFqRO6ZF4ghOYlSHw/UQmzDl8pQlY6OV5U33j8dksLseh12riX1Sow7F48KnVsu9KLPLAU4pQSiKPmHPUB6xNWBvyANrCUJv+G+cCXPKhAawBsFfLfQoM4Hq4rtW6fXBf/qKM8OtEy3MMiMNpgidvpPssadp759FYKPvR4Lwv6xiJSdJT5PugpJX5nA/NUEty9N+UvLf72YJs64w87LvNV1/as7U21DgBEljd3wuS6sJp7wgSfS6FWJSWB4skBZDciSd9cN5Wnp2v2LjO8EMvHGz7zM6vSz+Vqj2jNnEVo3HVwlzqW52Oe5ODfhzdXqInDsCW9wyCDDN5BDkOLkVasvSMBIzZcYbzuLlXjGCbXdxflJM/3JQ1af1X4pt1ohE3imM0p7UhHZpDbm9W/rduL1g7TRrbYabaovdSa4GH7pJTm240BqjiJGYfpjgfuIuJv8lIXGA8Dcwb4Z1WV6OH2oP5jlNzlcv6Gw1yXo6r1pSZ6nYjqB+gib30O/BJjjFvHCXv08lMB7rIxc0Mdil5af1CvIfwoZvVdg+qCZpLEoPPmJB6Xj6QT5TgT+o2IjUtZnCrsMZRWxEurz06kBBYVoqU/zRkb47DD34OH7LgrDwj73QLHMMGF6shtNPmtUhNYvPNAH0lEoAR+ZgzDXh3qAQ5iiOfPrTm8WbvaEU5/7dNllpW4zOMcqa4CNMjcBpzH7yfLlRj45Tp2A5FE3VdAbb3BkADM9SFx1/xvFmnt7bGw/2WWsNCoy+wo/ucuVbMlKp4zXPvkFMuJODHsQMhcFiYXROqO54UKDz8AfOkk7jdp2qI3I0u1+HQYSLkEnJ5ea/YXOugEo/Yz5kmkIxjaN+sZaiD021U5LovMuyDsdVqfDWplBm+kDd+vY/l6zXffWnXPsOyFrppwupYK46B96TyFZC23uirFwi0PC0I4aqPCW7PT/UUNwX/bRXeIHjNcQ4/zCGOo/XDBYlv4jkqhLFvROG0+hCRNQwYTooO+16P1LfRpeyFPlliC2yLbxMTTROUyG/K8/ulgE784QOsOU9F7pnC9AY7+eXCW7EfJKnLcSGV9/9FvU2vNVGpR/wNe1cKKM+xm5GzUvu0Em2yehjn7DdmZfaFprCnkP1a2ZJULEvMTcKRYB14xvrOQC7zKqI3IuY3Fy8hX426GMZFqE1X4y2oCP1wWlse5co+8sFxuhHcCJtW8q3x8EF8MrLYG7ZFGXELK2uorVSj1v5irntA/WkvZCHED5iyJmKox9E51OJCWXw5Kp37DYkqz/lL+YRrH9dXwVpM1uc+oHAp/1fCwZ6do/SyuPcQn7jGpWMICAKnDTxTgK5wXkMx9JK0C15geT2u+rMNH5Z9buDE8/re7FtiQyzXhHnxShnKBmUcIOgiY7qdGZYtqg/ij1LsR4KNuW8UlxpC1If7AOthwnsuuITSl+899FjAiEnlW86/IChQMP4lkrTI+6B4aNvhqcgDg7UE5bP1qDMZoVNw8pBnreCs4oeWmcsxOMvrYaEJ47xWAckDeZtkLpoPuQSPQWJ4UdLUCBtmLo9mFmRPQaQmcoGT8rB1mu/i5bUW4KEXcjTkJjvFOafQ1Q8jJh/Wp/vSTnV/D4nwSpd47tO0ngQ8QVf3Nod9phVuj8o6lYUAEg8cS87hBACL/T3phc9LlPLcc+2uaddZaltMuWTjOmyuwUEzwRZAIAW1MMbkD1Dhsj6ybNZhJDfhv0iknAV8f6eMGMa28G2adQQUCD6m9SBkyHPRbXFA/myyOKedz581umQf1nsoT018Hfek52/YnVSk5Fz7SfW5ALUu6Y9Km/yUa6R6tbaag/OmTfZoSFkrzQit9TovtM99IAQqvs4rv53rO665MbWcN0ku9oZTF/CGe6NfMLVdKY9T3aex8qsz/SA+Lf/kn3WOMJp/g7FwjZ6K19gpaiqKmlrIfpX2h4xgtg/kViOGD8i7RpOGGfclTIscVW7XpzIaQ40+R2U7HxVYAYs5ae6tGmRRuExVqECWIbkAfMOvwqkn76np13uNRBx63vQlnv1WHOB2tSzugGzyZgw99xkG2vOv5gys146XZN+G9nb/3lqmrhv4MHnbX8n6fjTCkGvSH2GJ2FpS65Dg4pP70O3ZroZGp7pj7GXRuv9bXAMP6wfZErSNqafw8uJwrxQxXvZQneiT+hbke4g40WB7pghhPs+xJboH8eM1kkIl0EZsXiB1SphTcVGyuQJRJJB5y3Vf2FAGNK103IoBqR4hcLqWhl6dRvWtmFJzrZVfyw/vBZv7uSsaKS86FYLSdATePUzFT6Jer1mRfpmzQPU0VkxSM/hU1TvKfhDHkfkYsw8JNnqoYsIhbFF2JNZNnFA/IYobgSwtcKi3+oJPjOQ+Bn4hWuiy7/L/+y7Gie3coIZF+nVMDgle7FhNbnWfaKCvU/RF4htf5JxG9NjoVgtVrq0zWXXH/P8ZLrKKHYq1a8ypN5Tb5IDwydQP2ZdcaLQUuyhafe98+WICrlEaHHUL/rJbD+s+AHvkn2a7NWOZ3f78qZGNOLycvuQmffnEm4irgA8E3rvbpCsVAYmvTk4vra4uSp9QgBJmXTUz+YOAe6ISw8OKmpD1Eg/soKHvATWrOkFmavtDAYLY8HJMT8JXOycZ0gbOMDEFgsZwuMcJZNtScbXNlngoYh+G8yl49MSf5rQ+KBpRc8EBgOUH/LwC2uVRTRkBSPgI4LVNfso3EXstpUphi48Nqv8o2cSBJpNiUt8SSA/7DY56MT4lOIrUELbtLOlyO3JLtL4b7u46gim+31bX2mBcJm4TfRu/SPlagGdgSeYlJYrvQmolC6LRAzmfxgkbvriD2ByTHjChidC/+CHgEbU2bxjXK72mHqaREAuW99MAJdbWlWuiH4ziN9PR4815Sq4F2TPktVbj7XUYYFj0o3hln6wrjrHugwEdS2Jguut9OkfUq6N4ouzgh0njIRxqnRZywnGI9KgUzqt2lWjPc5ArF+luT9hrGhf+Bg94X9WbYwh1/Qe/3DQDtlgaog/Bs9SOxFsxdW+5reAmKb0GFPMcWUxDTFyM1Ts07PhG6mEeXptz+me9VlbqvgHX5Vb8Jv/FGuQfnaOBRniXYlN+uO6wQ40nfUjahII1L3NAeEwydnK1TlyOEyEr64CCJ67VCV2LjZUW31ygI6vMgP/psbjJLWW/WCu1TttIHMZ2fxRATOwB8eyBOeNC+71pNMiHAirf7umL88f1cJ1s9ZNxp/Vq7wBeiOn9YXhA0z3iOWRTrXULJK6pVRsDdJgUciWWcp0qfCervC2nigRYOa5VcdqgiZNvwUvqrGYC07VeUDh1/86mUmRuYQLloRT4jsacqHuo+UGrAldzkFSEuMiz1GprMoBbPN/7vmHRyGJwUir60kY3dm8VSHve+GyTojQFMTaz0cPaL/K1b/qrhTJvNQPj1xEAm4P3juG+scGztNJ2PwRhjPUebDijcn1e98uQFYce8I+8Hvy/8viXXG5oBRlh0oOI4Hn55HXAGnCdHvygxsMwbQ/UDbirZTH68P9DH1R2eBoG5pM0bXjp8k/rD1QNFzynCvkQnwgY/op1rWE+aEDICR/k6jcCHEH8B96ud1qr8Za/Hl816/zQS8ttDD0cXDji0oMQlHiUbWH63cg+NrqeejClZQ/y3nVLNNt060pQFK/P91t8NrLgJ+sJ7iTBBEdr42uxud8nkMfBzdDNtppPWXuQg02FR/nvh/ww+7QqFj8FjWIPYsgKtyAT3wZV+IVO62Gl9+TlH5170cjPnuCvNk7wla+lrrbVzyeRz/U36Omk3SEFWLzaMCvhop8Ow/uHjY1tfSJsEvSXn7qClXVK9hh2lltS6Lc/HQdB+3f+WtGH130Yr+A1zy1hng9vOWdQRl23xoBBs+YKvZ1WLw4qSehmSvesVbxPpqZR3LsmTjLAfrPgG5ppp5XLHjyH03Xx5ro6rbnU1Vr6LRifbotBUIwIM9Ry10Jz5CDX8tqkKryMTU97LvtWUNOGkJVF/ArepI/c4TxDNzUzcCn3XlLzgh6ov9KjpK7DqQ+YSIYotQecmteC5bWkJjyv94qIh799pxbAN4fhuP+A1y3/N/VQZByj+2HOJ4Zp+jJFKKSGgwBLugyBkgee9wPnWs1h2INimjivFw3nNi/gdHjSvQYeAiQzgaQdBD6zNtXRSFU5eum+CPBLruPpRXq6XuRV0yGRx3bpZYS5b6HVux+eDb5DtPPmPexFt2LwwAlGguL8cUpI7i8LFFcucyGXXMmvdCjbcqi36EV5aDjfXoZnOpl7nQSOSNLALscaR+O1X9ppRDW7HqLD/qSytB25GPaJ+fT5LCIFKhULNx4HX+wLdsMZsNqhwWr5Jl5qK9n6OA4v3VF9EE9s5QV+6o08jop/st+90ttOmxj23mENo/DvTP2Q1XwmXCmGcfWvW81lX2l1IBXu6pL7Ya/P37CL5hj+sMMoZrMXerqpk058Mm0xIJ2qKtgYAABAAElEQVT6dXXkdsKFwweJyeMh8S1vJbuzvOIgPyxHP/F3pIva7qfZF/QWgg8R7Nu3a8Viv+Umj4FsnISTvsIZt4uzpOooZuAZSHFDbaWhBApXIvOnsWilDHzl5CTynMeKcv7mxuzvGfYvvW57F1q1MMzZakjqBAAICrDTl/LDbkBMTVjt9wcx+6r0m/cu+SvfrEPfMbzHlC9k2p+cTnOqEcSCCr2JqRMcypX0pHjCOV9EVtepQJ4e8j7IHhXEwuRqn6hf7ioasoNvTBa9mJ6uGXoNwKSJpiQjtgPvb98fNViuE6eEH7Z42P2r9w18RaQnFDoxzRWvgxZxBTPoB8H3CXHB4tt2/i+sqDc0sYnlB01qAG+xbptS/b9fZYKchzIuG/pWX7VvJEZs+HBcd/1SQBtYP7dkue69QbtKoUw2JygKmLZ4y3sNxcIJqg/kUyOhkfB6JoVZCI4rvfIaFxrMTl/aCy/hkXftTEaAGg4rtvWn2r8K1wF13rDQgwfhPudEAQTW0bCra450yiUVCRYjienyL5yS+AlIn7Q/EI/8mSPAJywI7gMBwWzEnM2ZIgQlx7PgieelpjoOchVHPa/Zi++xjcM9oiMSKx4YEo5eiOuxylfc13O5p7zSCLO4v9R94rxbz9CDix+SMankKhpzDBU6ya36/Od/Fl/YQ5E9Ibhtsi1OdtoEF6I9HYgT9Ob4oRf6wIIHL5z8UL9uJGWXS2zWrxaO/KXwp3Cr4X3j4Qkc9fFRs8g8dx+8A+bFxG+YBY/ek++loUL+6bTpM3kpPUjhWMp3UyHv+u1qaJQyGUT7E5EugatcSiAvOgsYlZ5RQHmued2L1tRTeOiZXFP9retP28OstnzMr5JZ9QA6A3eYWFEaSThyRsk/nbkHeFQz0bFapxFAVzXFMPb7RPkylrUIdppqzftqcy1W0TpXXq3ZnFIJQ8Ck4Jnyay/AyVGcJT1PQtQwnfDxPuCDaKGM/21xLbaCHyPDg9snnRHlJk+JGAPHY20kskwBy7PE1Lxge6DMYvyNMe8F9Vox3KTHnmV0nOFdmqTAcCptCzumAAR4h93VQKdM+8Uda7V1EhedpyHrbMaEjdymkEpunm9yWAFXD6uvvkApjDHpVdbrxQRtkusjiW3xg/Q+9kL4p2IRkw56Kjs5r4Ej+EEvSu05CiC/yLE1Ry+HduZizh7gTu8TK+Y5IrDwmM71ItGtIRrjPOKI6TM5vcIbMb5RnGzGzsMGPpWsobda6LQ2YHKBn/Q3iVa74mNDHKs9bzwEN70Kh71TUmrVAufEUpb51Zg9VoTakw1Wgoc8+x1g35fLPeWVkK0V77tuiV0O2qtt2/atJM5XTbZiWSxf2ENUNdknKQja5IDYTlTfgTgBdkz5J71+/aGPVc/Wxze9Nhz0aPvoamNfNKWej/xK7ObwCCGOHSZy3k88rfq71GbtP71+1OLKg2JW8c7iinOTV926tb43GxHlJqxNZvV1sNyzro+BM53BoSVw0aT2GiSGyULzBgNqwemXdy/zKXbRZkjLNZ5PvwHYrmcQmSdbbvG/2j+oVujc6RczaFaMc9r5QK3Lrxzxv+FFnV9KK/ZGc/KkJlj0JlV9Md+se5LRXlZku+HXzksbX9OiR5F7BHFN2jVcKezl8lZsuVPyY2b6gvApZcQeG5nEIvAvI8yQjDkEYs70SZNvW39L8n3JJDQjl38zjdzmQN/pNwECT0+YLn3FGlwneMNg9aEmoszXUffFtWRNSx8GpI5zwlcaj77cssGjTVSX90p+gfSaAkAOvaqjc0KmL7kwIeds8K0C1vP4gwJgguMWOaEOfUd+2cvwuxrlUh66Ofnsn+9d5Cc9eoGYcKk9jdGDW5Xnjr05CtF7sk/XIziTN9GoIeU83/SseOK8vb1MfADE29bLph8lJn0W0CauNceU6859Ll62nipHDZAoHgBneqDq2iQu1M8GToVB7dMjtETyA5QkQ4y4xvL6+qCHqF2DIcDH4fWDxwf5B68vzu3U3Rbge3HpnTBftxMnxbuECbnGDZpANn845Qu7Jcd6o0yhprRK6UPZCnPK+z590bvT9TX+klan77mFPnof93gp+in8hoarUYjjp8VX0WLZo9abXhCseOa6ZoYlfAeDocR1OqPjz4yin8wUUZcFnWvMuo6s50OPFv+J2NZLT1375dZ1+9RoLfldsx/k2nuQLYwPqUvp3aeaferp3rxdC7ktryYJNqMStrYrtQXdJjfNUOp6kdLVdm15jpLHJ1cj3WoqLv2l4K77U1P+Dp1fcjYg/9st671q7/5QZNPQ4jR5xMS1iB9sEFPbMz9wAarXseyth1bP/86ZIkWcX05Su9R1CgnH7cAGYqsdDLq068vgWpgEIHKuZ/mdnmMMsHvv3/gCZtUnawJAyC+k1J9wLMSahn/HALlyJB95bxAAi6dfsRau8tKi8gObdgLkQyZFUEKWUxc1nB89X4IfQiM5314G/gB6Jo4zUOLYGGUkY44hMajJgWu6vQ5IqJrgSs5heJFegJCO2A8mhJv3EMmpb2wXL/XMS69Q9tYu39S09+3fttMOLWdvNtyNJFFkh6014/L9UUvbeV23bRrauxVu4O7aC35yts1Kkb05Svmo13CEfhUee0DF+nBf2RJjHhuRZckKg0aK/X8nwDM23xM3rrEXOL5eN4gUcaXXL58v7Lx5VAnXbxw2qYGavviGGaqXk2hy6qVq6pe89KLA347ZbKFLDxwXsCe92rO46azOlZMPPrZ9a/HKbCGtOFzTN/46juXYimOuPxLMcyxOc8qbWfKzsggaP03qIZ+a1xYhpLSlduX+A3P1ifaD12HSm9vye4pnybtosVYxcr6XKAg04hDe6vOajg6nh+uATYO2XvZjQcGT0pPoIKQvKOs0iJ1gMFBaaZM21WuCwKqp+8t7X2CqRKRzoCRH4jlP4CJwnJHah3lyrE496kuJ4WckiCSrIFz9cM5hgXUMedyXzUMooWjubYkllyMAcfBX0bOkIgRhzfTE3GIknct2GCZNgZrADHgnfV6GZaTRT90j5AksJZ36e59etCAxyis/qzzplFYcHxI1p7jJk63l9NsD4OdWQFgEb7+00zMWq5+HKgeMS0cSw+7AWhJDk3FexGIvYUT10YOebGqhGScoyRzp9IKaHO5zAfDzYdjhPiC6KUPx6E8bTDtOJwSkgASij+0azi1g1BENhEwD0h4BeLOvqclAerY9LOkQwzuF+MJf+jWcU+yFlNqn5QLMggvMl0LVGebBp8RQK5MJo72JFQ/DOoglrs6Zx7irCc79BHZJsQLPOzG4N+Dw3wSbFvXU8DqUguPViKn3YRSOFn4zvrzP71ryfrzDtDUsWg/dF81/Hz/bPm7u84WdN6VWuxoLUOeP0KzlnaZVft6YViLPUcPk4aVeL/NkjUdcHXe02xo1O/zqgatidxqOBQDrrw8bQvRQ5tmDe11qZZrwt0FzWsqJC8UO2OXeGjD89VrQ7xr8GAHcbZL3wvMWui0+vU+vX1g6Sf5ZnV7Z4O3yl/eiKhwNuvTbni61IFF/UeYyn9Heg8TzPXzFExXylzwWCBTuLlQ4JcYbb7AVSEEjIA0eR5YwkpK6WpQ60i1GkyE2afL+FtqnLzEBy4F6mbgMyEuLGYwCwLHEkYisUUwLFmed+WbEw5Yf8dmAHkx9AkvW5oLzUv1scdHxhRDf8mwyYjCjJ22p8cyITNUEiUSrscxUpwOPTiOIJLYw817iYjoR5AASLuUUjvKQDw7yU61iA2NDauB5wW0ZWXWh5QeTkfhPXPu85gnjCDj08i2ifIuzlg2CaTU+xFOLI6GQwh/OWUfSc1EApjtQ9hpFYPJ0TiiEHiaQz1fRi+U6etk43o9Y9jUwUl6rRNSiUOs5z6AIsQ81gas51hYjeg8/EADuRqfDdLna1zC+Fxc+K8TPRU1W/Zh7D/jBQY748/pTnV/h0QCkV8DEDSzvSRO+XHetbiQ77UnPEoMGJiDa4SGLlpv0pJYEBMH3HF9El6lp7HpMoCfBFvSI6y6/uC84N2ku6QbrmHI+yON7gSPyQ2zzoddCh3o3I67p1XXT8bGHgweAmOAGN0SH4GWBaXUBN07cHw7/WzeaaJp3qcEHNvJ0hP5wUz5xWF94GzwQ+8V4pUP/ob+w5J+k/mHLPclPUDFmufyVUDSvBkwcJ+7NUSXecCs2tTYeUEocBTZ4Qn46HvtWUwtPgC1Km0Lvni2px3mPvpM/aay0/yLPdZ20q+clb1mIDrVehcVIV0o6gg4g/C5USmp1QObiva48lKYHM+IxCljC/pq8MqHin1i1kb3dEvIwdu1X+U/nYYmtRk0uH9p0f+3e2fnRvj+Nfe3RZNWL+9PV270h0Io7rnsnFuvGZ0UsyHVZOyzSsQeMlvExhYMfW8/MXtk8EqqrceJrAL+qYbEvAS+1VrhapkRymQiOT8386t9GSGkXsJkRwOE060+pzQPjfYzk720bfa7kiPVaRg98njs2CMgNh4M+evziXr/wgh7Q0SOTVse5bP9NBcOQn8bBi+P2QTaWMPanho0uST+8oOI6znUB70aDiDj8IfPmi/vwxZJ9TSPXCsHmONWdAk8GhKy/cPHU2/WLWv2SIA/lVElt3ZJPMSI3YbF5oA2mJmxNKJDkiilzh8UaWFIZ5qbRQE676UN9G3OfJ0FJ3GgKHCEoaHN1EHjoQxg0ETs8gqt+SSquVnnCSr1MiRJTn2tFfeE6g2m+PT/E2C9fkGafWDXm6iLjzfoav+dwBCpjazbZuLnH960yu9yzRFwGGyHfp8n8R3dF9by92OfL51fiJzAS3xzd2RYd+s0TgJr1Yv7YdgOghrR7HV5rND7I9VLdB51rDId28eZ+IG5co960dCTwWuv4CWARhC6uvVW41v7p+a034rjeb3xvuFliH+pbIWvMLUbFVZkF5ZyGkAqfGdeIKnvrmbwB3/kcAI2tVZ0NCiXTGTyAlUyhD1NKfMUtpOELfKnx3LEfTACCeYWilgcJW1Ci2eZJsMGn3EYrD6t8J0KbrLV2Lek4e2nrINv91DF271xi2OTtiHt1Mcpp1ws51LvaKu/gEF1i6BvC8CQPPEF1RPbVz5iCTQw1d6OBp7+BoYA0Vt9ME7aTZ23gkMgkQTY2qcyRJnAP+YNw7NkK40AUrQF6dLhV3rmgGqnjsY4ivwADhz++niC1X04SJL6ac0tvHLUnNwiXgVITEz6GL7ksSn+mhjG8e86aT/0DnHnVCzOo4XApNYi4XLuOUw0kmsP7KU7i9NLwkBr8LDDDuRTthEtu6mc1P9dWyOc+9LX88HkAMejgoKlnNr8KTqFMz4RHMusIlNgRIucww9Mr5qlTeLXGH7rwfVDrSacfG9v3hQE7bucDuO7o+MTtaksMPQcgpxHQR3pMABVtZJFgKZ3CG8+ThvUb9rfzNJF+KSHvdV4PR+WFP7/HL+7v3NKttoFwPd9u+3av2bCIeRovJb/1JXCj/R+/PsAfNNjwpCQbfoKiPvRYEIC5bU+Jna7XYpN2ujsN9snxAPayXDw7eF6oGxAfOBQSS3JLXJfW0ysCAm5jCilvEOwnoL2k9EI1uxGl1Upp59A5EL5eQ+exy9HYxsfXHqitfTVm/TRuvK2opNy2I14vmFvuyoPnq0g2ClapD2WblPK2Fbl8CHEwk1vmp6gPbHwAymo1Y9qU5whshc2JVLwLIKgNFixApt5B7fILmUyzZcu1pPcjKFkS2OcRy9NeCqwNjUgu6u6BRjBqMQSQIiRSCav5Y116aKtJJ4r8TNAvNOhB7sArn9OOkc8neluO4Y3fnVJOPHfc1ksHZM4IzjFd93/QJ+16xPURi3D9jhg94WOJUd4VSAgH/bZvcKDS1kOeNY7ZlR6tgOXn+UvAEzhPemW5y2VRgsBN/QOS+Vs98GiWF5+loIMDMrsj+zWgXa2B9yld75s1hRrew/4PSMpC2i/thse/L5H/KGTv5pMVL6d1DnXhfcTWET+7+EVHlrEmsUKwGRg8sI6RfjhqTeNDna30B53oiWPozWsNBbneMPWj6TPwifuNsen1RvYV3cA365iuTTSJY+Bjcjpsr29gJ5mhjvPXnTdLD/4G0jiRJa39vdrcUf80K9Kjbfx/2HPT1OlKVS/oFabkUx/5ix4XkOwwaEe2y3lJhQ20xKV6CYzvNyi7IIYH9ALTXrse1OroQ26x59TGshgPPExizcv6RIhE8GJYodo8ezmXAhxbxvdJ9uK4VboCbRWy+CvLOYjQbgtjMR1Z0AIV8CKuWl2/Khec4ae1FVPnpc9NG5UAnZwi9YEtCx9IRoblD9De0AYPIDKRwneBPgC1DDUlPST8vcvgch3orbbo2/OXGuRsx1gk19r1VD73Ernuy7vWnVcE8cXOecxzpIFo5uuMWAc8N4BCmtYQU2ZVJ544zInVXPeFBtiVL9T84ANTPOBQm+VpJMCEQcmPJeYt5z0Hc4+KphKOQAsPNF9ZSnxWJCjFKw6M2wK22PAGTGnxab4obHU/bI+IrRPmhxacsEitPBG2JluXwhgT6kXjD+cvi0/g8kac3jMQq70LV6eATv0V0OhRvuXFeUsJA1191mgfjVNoHRzXAGpoOnajP2mRZ+t686Ud50BO+WyeHjjOiB9nOmnkVgfXjtGPToC1lyO1r2n1OiKx2dS32o6XteV62SPGa13RKhLL6VH7C01tdtQHuPRY7YPqVs5QezHhD8GUwv433onFErZHWeMWG8Vr7VFMbcevxC/c+UPNorZIZys3dwIl+hOoO88WDS76w3iiVV5xiYFmThQhsfStD3eVKtDDp9SjX/Wk6xg2NxEFTMsYjCjyu5jr/GXZ78wYi34goPGV4ItFQHsFX+WvPHwB0nVm7wy+EPyGwn5qhjqsydz3r8MKhuFPRm2hMTSrrbd9qHelA7AByWHz6aH30kS9P7Q6NJZNH/EypZXLzgW26FFQ/ZT7ERrtGnpm7iPbdzCuc4chr+4n89vR7r3Tl3YQ0JDNQwDTzgdhXS2oKbXDKHbVi5gc8aU0Pj+22sCcvsCmqAUQMxOrL33Y6925HvaExpjUPhEv10uucsKbpto41owaW09yC62ln9KIukhP2gXr06Zf28twV19UTXTF350/WvP3jAkM3mXyzQ82oT14atY8YWgIo5w3pgc9JmWc6tJzqgmPITA4ZOlPonl1PdHne4XQqZ9iCTqNN5wbjPQZfF1yB9gwEWEJhx6S5x6d6sQpdYgvPCTeriP/IQmup9XRXGsrqHpHfHMQB9vb43Zdt7hts58VdR9U6b9pzfdzc+647/TneJ0EoOIIGcZvF/YtD78Sv7oT8cN+MCiTaUHDygXYhBO3YLL+QrNIjFMIVq06Hxk+Oz7oxRuefncPKhBMPTzt1MO0qMPS1qIVK548jqc6cafxpNP55Fq9BoEOFI1P+urvDbb7gFetXbyy/Kb/Zsm71svabW/0XWF/5OkFGec/4TSTieUSPwVw3uA/TI/YkulvpVRnq6HAaFpTWz6NNiPfSyhN9xgVrQ0NrymFNm3WKRBVqCBRcu1NA9I3kKJqLYO041AXBhyXiUnufQL3ZLtX+56rCcbSCyHT2gh51ro6sS5lgOn8BsDrJU697vOEwjayv6TGUB5wtE/qj+hnoQZk2/gYTJRer5m0IPWMm32QxB9LZJ2kqN1+QSWN2pMeARhlzZiCM+GRoBhAXx6ttmpterRc89XuCa5X0x2uoU471rU6f2kt+mAOynCExuSPQCtMtRAY8qEzaNtkwGhRz9vKg+KhZbhhT6S+7COYbQgBOVxvsSaBDaE/a1cdaNjR+b7+9fgXPoZ9iN6na3+QHyaP9+3rG/wb7LapFOtNS0oZ8v3EN0oWfi8Y9n0li/XjKNfIk/y911sv7b0nbKw0uATAlsv4hfOc/fU+sdkielF/G/hc+sIze6rYoT+X9flH55wcF3EnqOJDfOg0YGVSewwyw0RIi7BqOQwabWEhAvipL+qbN7ry9Uar+ewuOp3NpZVlIZU96DRHhMwuNYUxhLterPl+/KAPdYbGp8kPb7To+QPL0+X3E63TUrW+26tdTTVu4tN6cv9OwJtmP8TUdS8toVDB0XuRvnZW+UsPG0XeS1puSdZ/Hbv2R5tCWXc+AKG9hURRPbR4BYSbqt1AHOl5E03dFXC9yqykht2nvX+nlaCHdnqQcZ3s0AdsU6SjwchJPfksyW/RgOL+FzXqIt1qA1ful+S0eCQDIG0gvzxSrxO0nNftZSqjFmStIaVzb4xEYNu6umvWrGXEeL/pZ7nn7GXqi8LmCEsPTzySsvPa1miAwiFUse5fmzAWD9vzF326/ffFWMPaky0wrmpDXrzccIcftgR30FORLi79brg3GLZyLHtwjOKkw7qN9VfjQemuP+TxpR2bq2995PMQ3d19KfEWwBsOUG8PYoc1L8jT2omjV85X4wl3qq90D/nh16wXPYa1LTCrNuRyXOHyxADYHV3fLtdxfzu36YsSjnYZG97DOr/mPl7c36mWHCbejCvPqzy0S63di9EDIOULu2UuiKPMixm1OSbVzCOHNbw9UquQ/cFWcvVDl30cxwlH4TH1dpx0oUmzcZfltGov25dCmboMNXe1rza6mnw55350vk5SXNOAW35SCao8gErlOmTvb3zXJtRC/mu9N8QXN6zq9WaO9Zzs3GDYS/cHueO/FUEixkrWWhMrfFoDEgpo+FMKnJe8rsXkZWr0JMjd4v+fQm7eD9QpyON5rXjMobX1QxBGO1o8BUqx9alJwTPt1w8nT8vrV5FzTt6/dnrmfeA1WE1xqYMpJA1E3ICJmuInHO+LzbkmjxzMB/0FF/gBRyEmDaDtKENYHZd6AJpmfsGgUfaxcuXWufcCPrht3UHxIvfIJVb0lPpNHLbG/Qz9thZNOm+ea7zhWtXnndQFFkcmPjHP3/LciUeElPKAetDmEXhOu9H9s7DA+2+4VFM0W7iDHmsx1j1Z+i48ne70FYc4r2FMytomnajrF0Peb1zL6no+keOBrajbwxrHV/dBM+e9bYSt10dZ6xv+tC9KvtW9xYn2ti9xcp9gqo6DjvpA4XAQMmisOKpdMVYbrr1aP8zdx04f/EOPqzUcfGzLJ39GTg8X5429rtYeYFgYjgtPAx6T95zPF/bTr8BPzdiwLXySvgmf6ROJUdxMOgxzgOqBvNCfUoD0Jqccxqe642pDkr8dGz2ubSVZ677moqPTim91ldAC/jjpi+jP9dT59AlUCPXze3h6LFhMX7yHG3ak3nicDI6y/zat1QfyiLTZjXn1pnEVO/iqcH0ywIcCj5N3vfQQO1XXQY/l6aO+X1WHvX18uw6QKGZmuBSmXHOYeOYDDH4HSV1gKBz0m8EpRdinCy2mC8VboTbkdc/VDPdfctRlatBhshnJG64JJjd4lG56qFT+QAfJhuxY5IXUwNC6PRayLVaTyWMz6d/iNIlYPJPqUpxUfDfnueZ7oznHoFGSVl2KXNFtcayLX6QOLZ0FvaGnZ+PFCsNDJ8FhglPyIz3qsWiSvFdJSrvd3VNBZqOR/dWsfilSea7vWpgLC38+WG54D67EtLFheO4meGjj/+U+nJsJOCd26xlqxUuaganmmhw6BXfQGwDP6QOsO2J54zXUAHf6A7zuU13bALYJ/ds68TftOHf6+Yd4Op/B4fZUyWEOLA4u9JnNr6FJKGkz8LvMsH/Si+tfqSZPOSvwH+Sz/xvtL71+1Ut9fdmXEn49QYMHDNXj0MPXcMBUyZx/y0uBJ+A+6g/CCqSfftu/43W5vmtmNxT7V+JRfXtsON25Vfmsh0bODaQxOctc8XBax6nOft3YeSBusDFMAlHIZUqZ/Wi6ykMbne/JUTXC6ocjV3yAuvVdkwO4eHCsMrhp/MVx+tz/i576RbfT97Xa3h63hvsfQE47zaucNtxtuOJM2K89aY759DAhBvRazZunfyoICGHp441KH2VkCTzoaSMFMk4CE+NI+hJWCr5uSpSap5GjKHE34yA87re3aTQLJbtM+brHidwHbNkts2PyfuvXxeU+TF6LMD0wnXPT3/pi0QjJMRGmqdeNwCsO69pd69RgH+fihQkCYtS09vGmUjx96RToxy/fF+jVvd/EC/n/L3Vvwx07r9uMtqf9//+4fS9BEzRIUbJnkjyn12tlxA8ApGTZM06ys7MH5Yq94KhBIgFREundlgOUNODKYYnyYCi6wJELPlOMFR04AdrmgYk5TpiMSTHEeCD87TFpQyvjIvwY6/2Zr3uVPS8/cTUc9xfLLXMK7X+ZCJZq6oXcHIMD/4Tf5vScnN6fWDDqbfUsX/aU9EeJN2Pqw9gdp5xxUkP57N/mDXP6FXmFu/1iDqXWCzyvF+gX7lK8BhL7UCNxlf7sUZfjjvGU3/Ee4vnZ5aA/zu2A35UcdRT8oOnvvxDB8YC9QIfXDf/pvfBxDoeSv5XiEuS5+y3hvib0Of6gDnseJOIn7CgyHUP8IDYplJhzB80Ceun4jTe0+OHwJXWF8c2A70SBGOdKbMP8v8btRUYtgD5cjw/h2QbXCPxtL4n+vC+lfmK35fyEumIfxOL9/+LB4aE8xncL9e0JYK3NyLKb9LhPdufxqxb569M70W1jlrCCfvMGRtdy4ljeb55Tboqhn82EllTHLYCpwBrjEnS5FXlfS1tsT1B8EnsR8ylRs2nRZfoo10EkH0nXfDv1RMk3dZC8+UBv6mXY8PqwcaqBHHnH3lrSOUFsqVIOEM3nvZRFC7o6hCwPSRXmXmKHnDdgAGC0F8adgkRgKOHvS3T02tzccIp+YEo9atk4SgBsdfzf2Ap2Z5Z6O5DGQWgH+0PqSe+Yx4R0jVodd2ONNdVbYj+KGe3QIr9LH3sVwYILEfbAvQo4ryetlzKteGJoJPA2St07XC3RPeE9N9WKc3LiloJSr8R3TsO/rVMe/HfaFi96b2oFhjz/IQscaCFnB8/j5V2v2Lbj9Qi8AmG3PnrafcGwlxG3Cwp/B+l1Purrrf6x+J18O8c3uDhd17r/cp93xy8s1H55PEIngE00399f1lHYP700+NyJ+/s0Fe3L7V1zSlZbBXZcxdD+BHv6K/GcFTcf9b8Zf0MDdYuOLX7xh8aYH9eVQYDiTkf8IHWFDm/m+LdW1AGY8rBHXQUA9MnxkrvUNR5iOo3xJj8G7waVf0f/DVZfBz50blrZ9r3jdf2N7m+E2/b5keRy3kPtN6az00YJ5PIBYVps7ivL/eZDu09vmtwQWz7sALOZlM/HxZ9fNhLlPrDt81m+IFjLHwKRYSBQj30P61IK/LLDD5pYjP6H8E6ldFpvWybnLZ4naOExcFhT/abxaR7IqdxTb8Qu5zeIyBcNdWBToJr5/uTnYHd94to0Hg6VzeCV8leV4KXtiUK8328KRnTGepEf5xrBzmtlLwWCWG937+FkrEmXp0+ejm2NNQW7l2R+6a8Bm0taGb23EhkcFmqCeR2CAozM0afkL6Jn/Kd6nu88kejmSW+bw8bBebMBpR4PA20fqKdc6x91cDzV6v10/1JpfQ+1ljqB4Xsk3rP03C0PSYHH6ZyusbGv1gd7LaNgRo0CfnZUQ+1n5v8hROzFNx35HPGCQ9byCvzC6yeailU7Wuvd7PZSxz35X5/n1uNTndd53N9tcpB/dbwGNjXtX+0G+9C9/w17EqNBLDT3WuZ+Ynw58W0Pmx3V8Vk2DZlXB+/mh1pPR7tTvpWmrOPxIn0ip67bPUAOC1oeb1Z5g1A8BO043nPaPC7G/fpmKW70H1nDnP6o0u/I9n55rpr6ZkvXTdA4n7hatreUOkgoMBMfGrqPuGk4Qc2J7FQ2+5yS4BLwsm9+8Fke3KUPNVmWZTT3xib/DfaEmepTe3mwMyHmoAnb+ZPIlFMyBNrB9Eauoav70Xe5hYqa27pshADBYuJvzzXKQcLl8CJ6JQcHx+5GOnAvwvXq9+cIeC1Nis3yEyb7FHyaJFAgE5fh5wCm5Ze14bVp1yrodPM6uySWV7/Eox44vjStD17+CzkCoJPiITihGZBrKKAL0kI3XDTcjAkttchgkz4BBocaonujzpbXnOZD2qA59fkm5pjQeyqJ8onRHoQPMw/FMDjFNEc7CzFQR++7hor3lE+w9bN9aDfQonPqP0XDkDmoziSB2NOhGokNsZ7jw/vuoT35YrzpQeDVlEn1Xirw8gpG5kBsyTMoo85LSgvCTCZEH2Y5iCnB6nTIU29kO66TI4lcHuEsvSXgbLzt56xyzp56461wqxBr8NRnWRMRO9UW2O+bdm9/9dD+aYOxHtlw9zPRjLe45a/ER4P+5ts0v3X1ZIX8t1IrTxrVOh3ouXijzpxwMzYZ4HXuhPsghn64Ftl3GlUIYW/VCGzDuRSw0an0QafNsUoWT5cBf/xsOhQz5f+x2Iv5/GO9vCm067fH+7nvedRirGN3fRCveeGK6YgJrtS3NnWL3mZfAQscOVMNzRVNghXwwUZVmutqANpsLEamxx6IZU9/MHp9qzPVR87jmmTDU671J9BVp2H1ZJGnZTt85/s3TkzgK66IHvmR/LRWzoviDEhdmvnwa4Hy8Avujic5QliKujoCM+V38eQqiYUyeYn6B2SN0Y5r9rEG8RztGvTLEESS2Yf5yG1uB65ACuUw8dODF3Hg4WCpy4tXBA2waCuITaFBNqkxxdLWYmyAuc34uBej1w29hhuWLbAtn685DmNSFDREjqedEMCwfZ9MBIsh7HzlSZ1iGibxqiegzEvs+g7QFSDNayrmrR19LnVa/2MdBqWW6riEYJjj6LRWB7GSpzb7tH0I0w/hLufEANy6iu3a6YvWJb55fYsLeuqbD7sfzHO8NmhHXf629DYROlPhucRnUSzw5ngsOfU8xUT/zRoJ/Gw+1JrIZT9NAMRM9809utO5XjnHDvhLH/f2w7k8lcYy/puO+9+wc/FKI1+cYPD9TakIvXO0h8fS8WaqnKmK56cV5ptxJ01YwUDvASLoapZeTaT7iUaC/RFkeF48DCX+Q2PZp1FriX+o+2fwbxf8zxp6EP60X8Xj5OJLY+bij/340eL/y3ikO4/h5HZ8ADbhQofT9wi3aQdCr7XaIXX/a3ZDZI9jGsldM6o92KmLyam42sEjFm5JF2cAR+inA+rvSpU4nGjWOdvGa0eEFS2FMEHgXSZRhGRgZxhw+9Nm0Qe9uanoH1rpofAOiFrARf5Nj5SafoOBJX0MMX3fK/r9ogEJABZwkXiZYgEtmgKf4ir5ZLPkpMMcNSYMcz7iGpzmi2SQ+YfLHD+8aE2n2MvbD4Tgjj0iaEnNs07BR/+Jk7mMePZPEYIYn0bDOsxeSCuwCPpPUy0BbMd5TBOwhyPDJkC9hMm5Ii7rwGhBXmtYkrzVBg5Q5wovY1nwNsacCxjGkmP+prv1iDG9t/smpaX/jKmxyaMXHEjjfqH3NU/YS+l3o0NsjoFzbuxF/LOzSd+Ls5EUuIweTr/1AXc8Gm7ESJD6u7UQ6GWqvtoLsAUCm/WY/kSDHBuhA+rTMeGWktLbG81dzalWYpeimfG5wMvaXKSAZPymfG4d6rvYUz4qamuv+nqpe5qQ/5MTub+fsK9yOgkS2CdHxvvY8pRCmIfZ9lfi6f1gLBpaYaNZ8J9g8l3iurA21Bp+6ucpb2ra7xO85/Emp3w2N8WYu68wizTB8maZhBcGCprWuD/H4AvNbyFyHh8l2vwf8YeF3U3zk3bG+r3HQw8jX4LZ406jxRNPjcgvc/q0x1aH8n30+qa91DNgSpjBX+Ur/N5TSe4d6n5J3wrzp6XlJ6UTOgpnHzQ6tje4w3Ue/Q/xgPeSLtV1tkAWlnO307yhy01Fy73qJ7SUh4mMXK3beI7HC4WmeYYoIdsaBIicf/g0P/fHlny3gBb97zosFyoS9hV1WO70zQFgppLJtfz2kFo7zEmfdd/U8uso5utrRTILm8/lWL7hSEyMWc84bkegSyqNHI3B9rW1JPLgU4M+MH7EzczjsNlspBd8xH2gKBwATwewJ4zlU67jlNtzm5r5DSXFt/kx5XW1Rmginz2xTgTy4VgAjqco8Sct5LoeeXyTkfNBaSlJ9DVaIvvSDAhG9v40DptiIb7UCG6nwadePqg2LPPOPeVUPHD+gBFx6vs3UdggcoYt3xBrNVQ2bcGU/hIQhuE8r/U6Bj704vC1B084kibsGpEwnNeoGfcosfCDBxAxsBccgi+OXf1OnXBsZVubABWbYpo3e9zDDdNdymafDACodid+6Wedif9BvdzTH3Cmkk8xyPsHV7mfPHGQH+eJ4O74Yh6ktFrDv2FvRU99NOij+5WWvHn2Ar7gEUxtDXYCfYIPWEJAOcCWpPLA7T5iPz2wv/jetWgx0Tah/9VeTOQvGlqaGALo69h4cI6LPej20BdzbEvVFYvP5S3B/4NOn1P5YIw1+mKdu6ZO+3hqrVZ+WFTSZLMvjA97NdM0yKU/6VuMsE269JoPHNDcEH1uls+HrZ3wizkVqtaTOR1aySVjKZewl+SY4XYGSsXRARSHtnNF4lUvirZJyD3yi9jtKPeOXpb2QhxGjVenK1w+uT2b53IA+Pm2Qvng3snNdwlbI++trU/2GHUwlDkMWrv80KqzEw9jB4o6TCenxcNNmY5jnqOv1W7uBvL3pSiq24h8joB4rSjID7DslziMu55cA0kzUu+Ah5bj2JicO8Sno9SmswObANZnt4+0x5wUgzY6d2riKRZrkDDMT+aGOMuUuknYv5UnT7Cv5ygcN61P6OGFS+lxng937MV6n+oy7WQXykgxtty2TltcUYueLeYP1S23uG9rBM57wLmyNcC+wdou62ux8tC+FB0CoY/h6ch9h2aeDvRnuFyLxoFbakYfT+dsKUsR0afJ1MKJ2sRpfumLyeFaYYpjqcf5MPmDcdvTocaSWgLPDcV22wOhicMaHHtk/kLtXwW37OmJ9cVcJplvHtpHnafgU79P+eXfsEtBLPw/fvQbsTWgfcj59NY0V6/6F513saCo5gbyQvyGUEN1e6/tvfImH6x/DWvlcBZi4a6BODE991t+r01/1zPqEvMbPWzm6PfaH9bJc8U1HPRO0/yN6X2jkX2DjN6l79/qV2t8pSk9cY9qaDvvDuo+z1UXMFxCtfmOg6/YTX4KLzEU3PWzgCUAnnDbKRTgZbIExwRAww6PMxmxGC7A8Eo4UltsP/GyrqXmSaPVBq/X0xhziHkcARg/OEinNkdtBB8qcOweuK7s/eqatj5Ok3VxBAsYCDj/hgGbuCXc8nyLndwiY3Xe9KsctjbVIO6E8Qcq7AvMvc8bokF+esgotcBhABpyMIyStJmGz17VZr6MAeRPB7e/KSGkXs8ltKBgab76cEowtKRxr2cxLxHF2QPLklpG6jCIxWrnRspcBUQfdMBB6wfra/w0R+K3/Voiz4GK0o4mUqfNAzCv7wZJNsoagDvWFwzpjmtxUU2T/fTa21rB3OajZv6k3eY9Xk/QMWxeTy969dKG4zfCopXt4HMzPKTLwUlrUHVBmDCKf7C36wMeGyLIRpZj6kE+05TIAIxhb5X8xila0xpMsUHrdB0NcA9ROudvhr8HMAGU2oPQ7lov0AeNpxpFy5x+3fS8+6iJgyf58j5/He5/jyLf1PyiXylTf8LOhI8Ufux6A+ACxM203N110zO/kWF43Avf9ig8zpl1OAqEoXV8BQqaYadNr0uxFmgRrYfG1Qd0N5km8zVPdXptzdF+gwF2wJ3W5dWWoWZfE/rMs9c3I7mbninRe3/VL8k/Had5ad/URyywvV+HIDfxyH8YqXmaOzCet1pT2yihLewwD62s4iJK8/jf0UWBxA4FtTfiBliGPsUXYhRgHdVK3GAAX7DqWJJ6oGpqkCpYxyv5DcEwE6XXJQZjz6GMxpGHrzFgfnJAC0f+xP1yyys+WKDo1F8BhuP9YePzIlFQiDx9cM6+lPvS9n4N++bBHZJvavmcXtTPf3ZCrK6Bzd3dKDjeOwyTtbjgqmG6DCdO5oCy+kFQMciVg0kImg13+00HEvW8mu3/3avlvKfQIbSMmxxb6FjXiyQG7y1AnmsxpBgP2BVQovaeIDGkxyidW9jPleXxkIjD/cvMV193rSd6AFEzCWoE9ogJvD/Qtj2BlHNbTS2x1W6cxLW4ao028HGU6/sTncBmDxScRsPm+Xhb4y2O87ARlDyKk9EbhMYfDn6zctkvwivrJ/E0OQ/2Y3VZmqHEHownDvKPeuxF60wxzXdb8N6T+eX+LflOhY80D7cn/BQjyUZcUtN17RDhHtfEixuDC2tm/vaFC9UX1xLtmhXvDabBxb3Mp/ufEI5zFFyavb9hHRIbRqdYzeuBXdbu5nzc0U3Ns6pnd2cLrZval9pl93WS+lwUxkRETGZz7LSl3gJI6tYAhUswvJdsef9I4ov5PPb1paauDdfrsdYB4L9yKfndeX/V7iuQFAtT54TQb8xrrXKInPpGThflhJ1KKHfI9/UfIMvlNWEQY6lPW1z0BgFq4+R4up80ESFWZRgT2NH8FF/EUFgEYGovBducLbYJbHFNj64/BEZP5YMEAdQPDMM+MmeO1p2gylMs45ByXmhOGGKPI4vjYjWbrrRa6ZZwjL1sMcIA9umbRPlgKbxuuo4GvQkN7G0/Z0h/0DPgu/mx9JjH9SQ3PmIZKz8phIABGgWl8yDfa8U5muoCh/3IHHke78FUF8OBELGvIPs3HeL+4BKor83KPDm//G+ENjVd2nLjtSPt0NT+XdIC0R4hy6h5tqHzcgLnEmyvo0oghpDm+GBIqC4HYxiVo3Hax3zUjvJ5TsnV8Y2O42U+8Le8AQc8Hy5hf3SYXnnoHPQRGo/Aeq/tfC34wPr5aDUWLANvcYF/cz4A9X6hjYOkMBn23NNLcF3vCcu8zOkjXvC/4bA0x0cN6ZGccXyLG8kS5KKjMR5TjDkb47bH25pkwnzbG3GstyplxNeN+IwOBrV0PgMMoe25eLqeQo+lNvLvw2/mdavZH537tcq36mRtF0jA23V+2+MOF8JbffSw40p/Txjql5/GtNrc8Cq7tfWNfwuKBIs/4f6P5acHOk77o7V6mhfP72adepjwJ9lv8p/Mi2uRdabG0PwUT9LBOHHf3Ly+rRstlWult9lPSuR7uLegU1K7y+9817e5d13H28kb4zuxD+M6t6WOTqYlyWvhsbpj7eUJS02IPGG9UID48D4+fKjQsL/AZV3lK00nlVgJdqxjlgvJ5mQJff/Tej7hENcP5VM9Ke0LhQ/iOHofV/R+Bcwx2lu7OSTmpi0We0KiXE+aWFgSsCYUmn1rUOAMJ05yR5Nz0/kGYfmpaIjzQdApQ0H28r/I0WlN4Bzz3CoMcPeRB2fDz7iSYw6k5DdfWu10De/1uAaqlaDZYJ89mw980LIvDNlrBze/aPZeMDf22XjuCj51JEYKJGKZGPIms+87Wixo4vD5XOb9KnWy9p29rc0ckkNxBljUFBi6xcJSToQcKz0tnF1A6iWk6Wz7AKFhU2MyAuun1Ozy92wmPGLg4Jj6vDLL67FfRb/Rjp75XqJ0nTvbo+QO53GCjPS61yJozmZfddjix3xKfIoVQHPYf4SXObzUK7ymmRUftHbXNvdLqZGiXxjRh+s99JTqb3FJaMabc4yGfutAvzieNeuvxF+seA0R1eA6UL/g6cgdmtwjPnjEuvuGwHo7rAkWTeI5bnib8H0DM/5JVz8w+c2GgvEGOO4FYk7C7PunI2qxDm2OP9Umn/OhP4yxHJnRdem5BH1qDH3g/HD6JzliUoKBE+kPcvyGhlxWa5Vsck19FVE9PTFfiQ2k0D/OCTT28bD2U1pjams3lNeY2spLrDXtcdukGVPSGxtEFd9wOuRNvc7ZSHvzwKbmA5HpxG+FI2HA6cMW+Vn7sAn8QSvkEj/VtXNx7G9Tw/sTve5jcfInv2icRcTkfEQmF/XNgzslUwe94gYo9RZMKVYdYhFNzQp59FJDBNzMxCUBVyCpq7Apnw+D7bzkr8vrG0AIINTgWQ8Qr2kGH8wzGYbvJW2McRvJ12/MKD/nST4JAtKUhBezfGNi0tnMIa8FFoKyYd3FC7Tu4XIeXoV2aVkgZAqz4Jgh0JLI42Do8q7X3XkbNZVo9lZXCp0e/t/U8KYVGEU11Nq6JypY6Oz2HviLHuZgwSXeih3zpuHz5z1DuMt+j3qA4DPFq4d2gIUH9+k49qtk6OIAYXewNscdzuKUoewBmueP9+cjVpI+N703Re71nEVra76Yq3MD9yu1dzV38W3zkXjbG3AfHD7Xtz094B5LD9fUB63OUBbFRF4ebRrrA7trhXDXpc9RazqFDUliCHm2aDQQciVUwHKTA0hy5Eno6qSIXaGPXoPPDxQn7lKb4N0G0E8hD33qvUJpugZ8wGPZPjpP66jdwd/4D3o6Bz3JJf5NXeU89ADo8oamfLHzfEIznbY/Bf9rZpvDr65PbzJqlT2lGE38pBGZk0piWbm8HFE+4WlYUM4BMD85KKXyOz32mHmbAPmI5YNdAu78G33SgFVdxjF6D0sjivjczlrRZPaaiarZw4mvsNtTgJGTb/G0b/R9ziMGDCXUFkoxqUkORsYKsDskaDwK5kPBIEbtic7G+cFwxGg92rw4/ouBazzWqlD3cI/jcXqYIOY0+lJQj40YweMTEXOwe4VAF9R0zQA0aloQtx5fGvaxKN71Jgjv+chNNTzGpGirlmPwgmO4FzKlnAvcXglEWG3CKMCcjTAZJsxHCfo5J6eAZq5qlm9YcA/GHBVXZFE76nF9S96cPG8t4ZrCb+l0t7WBML7no4ckwbA55D9FkMSipz2ITUmExkOwyPv83RjRef6yfuM7a4gd+zD8Rw/t0d+/66E9596WaBdP2LAumRPjUUewH5vD9f6RBs+Vkl7OSyndLvvjF/SK/kFvvK4P+KIL5y1WcH5+xV80fzMQ72GT5O5eN2Ffx57ndT+w86SXd4QMnkuiTuEF3ONC9TcT8bvJcp0HHHPOMUDxRWiJT2KCH03loJb6I+FFEBr/I7ilUcm9MP3e8UVf/Z7D9+UXJb+C9HpfiXxK4trG+tClDM8nx28+zFLzi1PANvbjn4juy/ET1Xiuei+6h0PS9xAX5FBGU+VXXS1BOkdg1YbvrbCfngSgH8RqfOBpaKIofWfzm3nKhw1t17fF1Rx0tC78nkesH86xl8Sm0ZHf+dlT19WaIk18hwvkNgki6c6khRRhDE4x5nYjS+hvPI3YXkxByEXxfOhmTHEBQ2iUi6BLsbGBv3AZaBy6TDep0fV7XRA/4alY1oUAnTBHTX1zGW4uIlHXzXie02smakLGfzoYBZe6gQN/yaFXC+J+H7AF43WBMazOES4Oj19mfPfgcnbffCDHdYOXNRikaPgY/D0JcebItWQLXX1qUO3gYchyNKhpY1JgaB7nMM4dw4kNvpMjyfVliqOfNzoygpbXKAtIniZTS+0A5Hs5fIJhS/9weXhdOhh13mpbasHueIGF1ukzRZEXB6YfEmMI47YPw/v9yebKfYj6WJNcF5D7sanTYX/moz6Oqbcrk2mHvuy3rNOJc8pJfTVT+6Fn5ajt84gAbT9H3+i1/ilBXa3b7ZwHEyRRhPGHcbyuqWVc/2bSpCGYKX2Kee/gP/W6wfyg9N2W1fY+7sjvWEPPErJ/w97LLIEOMF9mLOYAvEIu+QBkWcLolwaZ3FZqibf4wBGetSHHYJM+uhtOvO9dVMWUgkflmgRPdWr2lZc9mc7rX5PaKZtG6u0wH8bxfvvJkT+U+mBd+KaGOqc3Wl/rdq6a6616abxMSUccXlrfr07xm0X67RMjU3Dp6HvbyjdrITVgFgmrN56rtn5NYr1eiuhdY5J5cy5UrmjYwij/P3Oj3h0q947OVmLNKHUUvk3coNSx0An+9KGaOieNrAoQvkjKxGUgvNMZc9x0wx7Xa7uVGYuwpawPbehGv17/y95RH/2M+xa5KANcOdgMm4skXaYLZ3IC6HXsxccJ9ybGotHEoxbPUdeOc+a/Kt5zXHvGUdMK8TQP3zu8kIGL1pa99NjrVSbPOafKNqYxv2HH5giyOXgfPY589Emo+t7j1Khxlg/BbxrMIsY3/G4PArbk23mY2hL5la9J2G3evj4IT/NgMjQea1NHeL63pvUPzRxYn0VUI0CEJAdGmw9CvoZu4OU+KE0dfiPwRoSVgJohv0bNix52cy3nNLBYktPffig1glNiB2fbp3GWnGjDnI7kEMtxAlsMeBw7vSt7vaa2Brv9Zv90zuRH39qXhyLuFLUnjafYT/gTd4pJD76PxHeTHI6aR+zTo+n4OWuxTyVf4du97xXnCfR93/dP2Hc18sazAfDCQNr7mM4eEu1QHlIKyZwGG//RfcM1jF6HODflWAIlW52hnmpX8Oot2KbnG3Sl3XemKfdhLH+dPk/ABwKt3y2z47ofRLYwPNdspd8m8GEF+3o6NH76UOPcSeOgPdXb6giYayGh23y5R8c/iqSbDvZLrbv4alFykcJaYSJcs5jUT8rmueICUXtta4kkNI2AhNZOchdfCliAWM15DJPudRUEbsuf9mKv06hNee+qTtfInCVKLhOXLt2CmUoqkLbgENppbHPcdNyEoreYJj6UTdi2hiGcZ/zdOTlxUQDn1uc2NMAQf1KWDcEAiQBJZIi6ktuZ3F/JTeNmeI+3mxagu5yDBq0kd4PnzOKT7vIAEoVBY5mxFwQDsOiecr0/w/aHqrEeeZwP9yBvcIgzFlhvz8TKPnrTW/R07IP9bMa+Jk9+l/HeLZg9SN/A+h4nKMhcCncb3jmBc83GjZQPvVfNpc3GQmfZRwbc6rA3jimaW+qeN3OtHsKuv9EgHN+k4Ddgxn42fOhTA7YenCv2Fa9zzbs96BKDPsZj4Ox6GPlTUDRZt2sSknkGOE66EQPn+I2g0KA2pRAuh1zXi6YFPFYIs0Mcx4LS+ahdQM0ZcNDG5ij3lUY7uoPmEf+UPOlF7gRJ+QbyNWyxxNJ4yhP36Ri643n8VEvx0MXhJ/Ey8Rrl9g/s+fDWuNS7pW7La2BjDyDW76lopPc3atyVDlYvINDyfjngyhuK8CazaBmA1zOwPTfxGRux0ttu3ZzPJMV+a5T6vyXpOqKL1t3lHMyh+as1fyCmb3Z+82ODMo9FXnNqL8APArq5PqAplK1rzB/idQOqDSDqTkQV2diUytaxFlwPaMLGaIB/BTixFv7ooO4HJLawUJqW4/DSDoYavKEGlwszpDRU3myxML3QQYe9qd6T3eVPeOo7h0QGg6guIPQJT30mMnAbSC34SHdawXEjYY3sCx9gy1HAJVMcr/+wzjsp9nfMW9LzBLO6+bz3lH2APAiKbwUOKarPI3VEgCZTSkTO43gJYMYU+KE9afABhFL+U0E6Rojy616Rxruuf76xINt3KIWovRkVJiUczdzyDdLdPjJCcliPTZm/5ASj30jofRC2HY3AB0ViWMt96cF9XEPDHMjx+mwigt88tKMW6P6QRXEE2+GYFqNbcjqPYQ4swdapUTeGRQkMQKmRJDO0XtAW7RbvD+2QK5ymiTyOpQfB8ZrB/YP3kuV8GB7/NC2vJwg+HVID0KUH4Z9yArtM0e283pb7hvd7I3g4OuiKZoqwDEfAryHYjU934el7Ca+HDiI5izUj6gHWqWX/BK6xV3eD8/MN9KafsT7Vu2b3iTuNwSl1ENscr0qQb6I0y5pttP8y/KrvTxuYRdcHdpzkzfn1kpmTjZsLB0Rx5i5Tw9JqJzeCL6TuAg1cdA3Fa+smPFgyvxMXNzvkT5iHSlf60H9LtUXbqCuJdl+UDfXr8Af6bIm18sNHTxDwzSjnMOk4URbHT7CWD/IJWg2fmvS2fJBeKT+PTP3/XDUVfE4PNWTK/FYvsAAAQABJREFUyfvEyOsi9gbKMZYfFKKHjL8pQPAb7AbD7fo0R37gSRyJpitm3r5YbszpAhCoo+WVh1TWbbh0/8G1yJpmaJ/lpxiaaLiWUjm3+1yBR4y8nqcA8/R9tLUEfuEYeMQXctQ18vZatxzvW0uN0GKdnqfveXPcH84j9x5bKx9S47phLi+sVpt51qQ/jgrS5s3WFLlTjDmMyEPmCQesHgve5ur/ZIs9BVg/lDK1cIm1seTM4UOr98gkhbShjd2hKkF7Q73CAIUItZzHOIJmlxwFHXjxPU+f+RixZ0KmZW530n/i3Oymz94N4OeH4kHANs+ty54bxl3Lba89aNsX6SGdQ8lFP64Z94RX10rwXJSFXOQqQ5OpLK48C+oeTQzi9kVu3j9DVHPOIZBFQ2jEUQNztcX28x/85XxY3B/aQ+/VAK3Wh0+kxw5ipW/RUwkPS67LEQvIU/2CDSGPUZ9jKzLxAEG8/8DDY0hutJDC4TjD8L3jirZXamDEwUYu7/Ura33FZw+s1n3Gf3F8Pd3eS/d/saetlNXUe+uXp2gr3xNWrj6w42J+PPJOeyN9U9zuYulE1E5gq5s3rwRs9mvwhs85wtyY0sjCxxwlPyqgtn0t3BF8Bx0Prum/Wu8L6gI+3aGvEnJQ1FMbIfqFENgNpWbPns9n0mZdo4s5LzH5CjyX3WfbyfH+oIsaMZ4+EOyF32VY6h1aUMM1Jtl/1OTpOBX95FS1UzJeZ/yDdM+bJbri+ZQmP1nCgS5Kl1nmqI4skJhO0vNfcpbY7Tt/E1d9Uypc81taPv1acllgb+X1S69F4lKTiRjJcxzBDDbsR65pQEYld2s36WYLn2wICHEdjecPdWgAXykIkB0R0x6vRH3tefqci8uaFv3Kvr18zwD2Dl8W5si+e858rxHxhTvgy/swCSoSmo5rccoxzJFxHV0aLycQCeyDftCyV9OgzADNXNINpA/tHu+9dN9Akza4qM2c2v6Eaufm1Bv4OBIz1C2aF/wuSL+NfF+euKzVKOky73N6sb84d14XEEL9vq+5TfOyHOa642Zzqs3CbFhBsCXv68DCbKThKbPsbdEhJbEMYGw4r4kYwYH1eNg+CI9QhjLPxEkjMPqTdpZZzocVyJ+0N21yllGaAsVdvDR+5haBCyoyl0jwm8zAjqIGzBoUO5DHFPvmOFebo20fve2FfSRe1TkPjgoiUfGwFdtzzO+4E56xrgv/Ex3D5z/voha1DyOhn5TyNZgI0jN1D6U/SuFa8i0w1T0pSU8nWMvdD+zHetyUjT26JuRvEJr8YJUIzX76xMzPD/QJ0mJidy5S4AtkMd/OdaqNeofD6xrGqQ/YIhO1ppIFR02OJSkO84PgEBKimeTW6OgRqppqjyQGCaQI4xiRQ1xHxHEEftmDV3Z5VVz/ULGAPwxwCqB5HfaMgNr0MdoRU7ic/x+8cp6f9o3r4Xiz4/nFGpzE+1oaPK/xaC5/mg+t4fh2DmNfIUbNUo45mQ/33dvf+Bh1rYhLYkFz8qXyj5xeU9ovusBljkYnF0Z1Ch8pasAOHVxLXDOET0diP1yTLBs8PtR5rT6fAHvYXpIrjU0x/+ZMYDJPo9cwXJkzcVLjE7PLq5za949C43ZLIkcrCrNwPmmEfAjgK3QnTf+vqFR7OqdNA/De26JtAI9FbS2xsxeNqIM4c1rXzx0CqGV9s5Riei3XGQBvuF2La8vePA9tigVhlycsf9V/WvuQy5ZFP6/DqMOBMv4+QCKLsSeLe6rFqeHadESDcIYcEg6vvf5TUspwdA3jlGsPSYqyiIVgMgyIHwgExvPiB2LPC0C59yD2RoONWFE+tLPeMpfQfP3QLtrUzHHoLXODkWtGHkfDxrKd/3lE9FLWSDS0ZOppkDY5oZfFI599Em/jFJP0a5N9gdDbcBHtSe2XFbJPigsvcxIbTeWqPYJbkD23cLoHPVJ1jY68g1byPjUOn6nYH04crquxz6nea2Ah21+JZ0W/Y5bkf+i/Yx/SBZz1qVey82fISTN1wKcWRruz+829AFoR4jU8xMb1j2ZQY+rLJQctLTWdLV1Db33qf4oV4YPTe+r+gZrrC8yph080pd5JUmDvTRUM2/cv7O1J28gPc8prISgLhJ8uNpKnML5Tn+2rsNohkLiD4EA7oP8m9Rs9+PWmQpw8Y/Bpn6axw0Sc3+TLbcI6TXMsZxoK35VKKQUoEQDmJM4H9bF2ij4bKZmTvMuN7Df7OUWrgodtLpyOZknJHA0mFDzYgJFS0hH0AS9D/wvvUHPBlmKrQ6nlp25MBGXqf4lpwGx/6ECMx9Ac70+eYl454Mq5n9aH8n2kjNKLVhCWPjUOm0IRLwN71mDHA9Njgvf7hfk+sllzQEl5GqGjOUprjPLL+hIMQNNEqGuoTzhwOHzdrE8+LFHaxwAzdzGuV+K6nmvayxRXfrEBNkFonnglHxzqZD9ceyRwMuTY8Xd7B1Q/n9RoNRH2uhY/9U26j6JR+iEo8q5rc8mfAjLfxm3vbMiFNmsrvfTeWGbskUnj5zcYJHYtCgPn2v2h/WaJZXX8fdJGP70xp0RgHnrQn3A9prxmH+du2Kc85VjS2xp6QwiYgiMZIwHdVszOxoLFdVD6Vc0dV+LsjSOn4RA6LECQ8MscJE7KLi/QvdnrAzn10BU+XINOh7+VmBKHWK7DVOSnsanuTzShh+NeY3tg1xvvlea+C+8a2j255NJhgQycjaI5ce9Gz3fqicvSpxwxMbKc9pXL84GO8n2xjUvtVtLdnntdqgO7PxXbxTqXTfX4js848OQy9u1oWv4hCguKE7HrJU/Si0I7jYGq03Da2zplA0TvFoNGXm8Q/6CX3p721nPwP5Gm1icc1CDv03rA68Hl8uVFE/ii+KdNqbDaocMH97JArKV4s/N0a9501AVl16LjIjl9GHdu03urDe6b46jHCfIEqGAnao62YQjLX0lmzkbkytrQIUmw3SREKbDpO37on7yuN/mKLboTWGLkJSeNG7RgLFViygmbeaho2olMWkLMG8jg3cK1gadzqxixUdNlbF1LfcHA9IcXN2oC3GkfVFTzoqhzmZpizNnIKXH839gH+Mk1juydhokjRddB9lJqMhhxuB3vEARBjKNrwOe2JIaj3/uD4DKcALVY0DBuig8aDoYu726lx5lfRgAptiTvQLR5BSguPJqe4oRlPgs/CNsHX6sEOqV8oixyt7W1Sj2iZK6PeRS2BjhVSuh46j2JVohtF63oJfuQ3lhj5DEZY/LhbzRKXcXFHEPqOPipNCH/uxGLYKMOfWhvpedGpesY6rAeF8RA/jnQfKbIy1ES/tP2rgUg9SJHF6mkk8eggGAmDnk7ptgSV01nvX+R8ndt6nF8L3chv+Wxzqd8nQQ1+vhCcwuZEpvY7nNYb+drf6r7tdhCvH8lnqm856LwXxx5R27iPKkcW3rr9j67vyXe12+H5AeSnjA/12fIjaGHfvp0H+DrHWMs+lnQb4ad8tAINv74BvbBm0IvSX/pZ7dnSHg7PszpJNPP0wl7f+oQlM0B5fHlWj/oJVUnjWj0o35D8IkzlWMvnXvCktNH/jaKn24V6OKd+ImvuuRNsd2Frr0ET0OU7GPZ00KgObUADeZh7zDIvT1GvX592dzzG0uTsOV7L/kriS0x1lOMAoZaSANOCv0CZf+7c1bAs8M2WGdGSdSAH3OCvuWxuAEKBnF8MTjpCDfS18C1AV34/YML6eQC2mPMYRzv/YgL6MQXWBYqNUG2QIkV0u3kacdcjeAPGXd61oewHSd9v2YDd6HjVSdm+a6BfmTZC1XPI34dm99kKCDTL5qxFsBkXHtAHIk4Worhe4S+4Z9wWYvMTjAAy3oKk86TIb2CD0CAd3sHMNJ9/YSDHI6lpyu85JKaRpZ3LMJpcBI4HwhaE5m/UPl66t1BQvReqY1k9MLQ8ps6UcV5YU9DyYem4kpeEh5v5wjpcU6hW96TRaubruFikhl6k+xiLn0P/AWzqFjAeI7rfPMzBAMHgDEwdIMsQQJHR8dLEkLAN63ZsYlLrxNftV7Y0aojyzdGNYHsptbYj2E93jWe+mENjk/4U740dgLeU0PZx+M3enss8geA3jcn+5/tj85laQIQeDqRn2JtM/OmzHq7mzPzx1HrE9gLMG7jISUom3ZcfCN+qlnYt7Nbvil+lD0mrd5T3iC4qf7GwQ97HJ80f6vuU51j/pfmfqzxkNRzrvZHrT2BkVfxh57+Kt1beGo7968Rp2sOepza9tcX+Yb5waS2FEuUPooTBdjUB/UcysXgaEE8ZIg7KqLc7njiTjzqccx98yDmDxom2K9/6CSVCyvrlnWkmfzgMSUFpyahWYvJoSZTu3HR2AGneNTjQ9enWtt5QCiSBSNxbYcYxHI94WjCk9f5wcMa78n9HOqTJuip17Ugb/PfXotzeXTx/ogFffNwmaLG8YeMoV9i8qeGgfF5MrkZo5U1yx4tg7X09bIR2145aueNDBhbQ+6fLl76ggACMZTzhhwLGCZgjmXYnfZS9FuO7hFDcdSEbWP/N+GFHxhoA1/mwIIxYv388hIOIUXTgoD0gxiMut7EeTwcnjPmMJKvMdo5VwYO4zJPmY/XEF9llvoNV/ItB52SRwAYO/xawsLKfRnnIfsMXApAKOB+Pi53/9p7CX/pZ6OwrO3QT7TEKW2UrjUgSPeaSjKP+RZdnQcJNk7z8JjiZX0nfDasnAy+M9gr0Nt79E6fcY4s2X3GdyPxHHe4N3Gd0Bu8Yk7c3+gNteScaunR/o2as8b9E/a8fgHksVsIxRD7MPI7dQora4Ba+PpEm3eQbF7Vqz1BypsltaINsKc18/Z0XYZ+M205Tiljta3i+c2qRG5nKHMnB+ukVeCfChv5UfsLzdLTyflL7VPdP8xNe2Oc5hgcGnuLG6i70Cg5Nb4RmKCuiQsT194EaFqE8JtpLV0/hCAp1/SCjQDvC4/QHQACujiw2eiuKOLKMRf3R5Ro4XdaxuslFx3D6NHxmnuykxtF9MMQch7meX0QW7SIz8SwJoERCFnXaAuZPTCzOX/ZL3EcuTHon8bQZj99PUAt54PA0KRbMOoYgJhFKzQ4KM6LlkDoiDY/IAObH/woZiPoDsdL0wKMIZFEeDy22Cwi9VSB4hTQ3MZ2aJxD0gmdtqa3MOlHzPMU4NiFzVcc5QDTuNMZhMO92facQmDnJjKxosdCwOAQn6bzr+ytA6gldL8SoiM1ECs6BDFo4/RACD4haViQey9z1IsxzxMB0gg1mWpUdwV+NVACN8O1VAjnw4oTrqlkWfDtN5KWNYZgiGdtFssCCcklk5SbzmVQNBkqeQZt9FI2x/7NttInJ83RSHk+ROuVOfT2xPMeDcTybuiEzFb3Uc+E+j6ntteSHlO3AM4VkkNY7CG4mZMahP14NE3sQz/MZsupuwRubGJosFHqMX4aoW/4r/fGJ7V2fXCOO63ocUf/k/hf1Px/8RN2LPZ6pq+TkJOJReF7S8Z3RuBde4PJnC407OAuNC0OcgosSA9kWi4eRaKUf/h3w5xdXSFpqx7WQPA1BEz3Re42H2pTYwfzN79bbbH6zcoBup6NwXot/LfubnIvq6LnLvHJPDr3Zdk/gWXf0pSYf1LzJJr9BMh7wUtPnERazn+yNOzBaZ6vSonW0pYJTLpsCfcKpy9EIjYja2qDU6EXutmDlJoeoiQ9m1aL5XorjC/EbeJCapqaGbOA3l8QdwwmlKCl4howEuGcNz5UZmxlbCPOYaOG6h9OlTjp85tCWx7PuwqFzXtxXxOkvSX2xcLkxZg4+oo3mx/QGCZsHAlqtRTLtdaY2qBSRuNuYx0+PEdsZac51fMYCCQvjUTA8gmJc4T7TK+FrdlPoZ83Ixes1KRu5pfA1UPXIQzZ5NLRJBtCc3YgRbzaHrRAiTkjXqRnhrdYAoZxkMm1ZV8LzRKPD+0gUZz4RegKlPNETmAxJxwI+5GGeUxGKvNTXOApEfta6YttYJezl+QtoCuAPaH3g5y/paHh1+ChN9fHS8M49ypxNXHKAyca+hsy7M33Lq4XL0jhm1fOh6RhZi9SIyEWe/sNjuSoJoLsiYVkrppSvtr9umQuuTBCkyUcI3H4JeeAeGk4v8EM17JStrZowczDHN7/NaZ9Mz7tqaV3qZN7Q2MUexq/4TxpbvIo9fFhpO17+cdiF+GrPkCNPfZpWasXP2EfKvOvRXbR2H8e5vuLO6KhmM5/5XNXlQLCfFFggVDLEr5e5ue6Se9S5c5LcAO9ENE3LpTUFm4xpZ+8ERXA7DzqzrT1p+IxkT4f6nNUuY7V3I/tH4hrr2p/2tNPuLtaOa00dsjneO/vFyS9aNdF8Em7cxxPUk9OU1su0Bv0hn6jX1om6h+aDnC0lP/92zdNcP6o0fmam/KIDQdlOn2A3iEBL2/uN8otQFmjpYorko/xgn0oULBDI3rOvvnAx2b9w5o5/GDKuI4oX/oxnw/ujos92zGq8WRzik8aIw4kJsJ80sl+CBR+5sJAirAx1+onRt7LPjlHbMU/WO60s8g19XyQIFnyWxPv9Xbu+tz8eu8kA/k6HPQ933nmlziLiQ5MukhjL9IvcljP2GvIO7YALIZgkIkpEMkznjga5Bt2ui4iTXoZKVGCdFhb5oFU4ai44T2nMWrZWM4TtHkE3rkaR549BNYxQzzSOaQWjOg/uYlqBvo3UG+hoY6/zVDqdqL5px5Krs0bUiXftPWhPVO4XsxZ9gQniOTmyFpDH/2cbCSWcGoyQ20b9f2N7RE2jsLpePg6NdqO68lBfOmzYTzfdVy8AelG7kmX8DIa9zUPWAN7uaj50bkCB8X+3cdTH+1+9HG7jf96fXuhpz47/vb/Vf7rNsb919d54hgcRtxIgZ1+3X2Ab0Px3nTtGNTFFxZnOhI8Ja9YgXQd8/Hh7dv9Bd72C7qfaJdG9/N5nXnSw7ryK0QxF9D4xblFOgfQXh0Q+OODPXL843Lfycc6+34wW5dF7e/ELxbn38e3muRN+Nc9xsbgvnfem82C67Jfm1Mjvxw7zRmlni6h1+08rcEmv6vPvl+fFzaKOvFFDaYwfqUnAuTj/PNgjD7rpy/G1JOknaq+a8ucUlvqK77b2mfPwV96V1DsV+95d6IU/wt26YcO5upN5PC+0rBOlIVIyI56nhv4BWx51Su5jZN4aMdXxhrHe7CY3m922ELF+34JXM7uNJZ9MsyZfbiKCIt51ZM59fKorfiSf7g3Ok/62uoU0bVe8thnw0uJllm1FJC6GjQ740O9suaNN54naS51Gw8ucxj5NcBqiNo4D5u9UwiGZ50SV8cABcMagfFcizX6dX1oULmMHzQc0vL6TUk8pPNrdz5ef95vdVD74+s25lTWLWI+RA3ktxjFwxbOkhp6TozkdrV2a0aNHY/53cj5fcyXnqm902AN4ngvTv/JGGo5BfFT7kn3l/K7ef9EnmvGsWjt5lxAB6fx7Zsq979hL7Q3Mwux6X2FsfEmWwqFY1rAkjdBMgbQIDyEFsFc1LYQqf2toXooov5Oc2x4B97EdcF0AdXeUBH+4DQfVCT1RlDgaT6s17eyr85DNvH3BubBG/ry3etfLP/1ekkPPCXQoi3pajaA10csGmnpiyv5KvZHXmviNK+Xl89zo6z54bXe61PmueCKINfnSwcwBOL8rCyLAKv57gvJtcXfmqxPgujTJMQ1zCGUPgIlpsX6/VBzYuMaPF1/7EUo91JIDf/pDrQUqPY2EXOYCik/7Pzph+aoHYuha8KUwosNwFRbRQqhOss9TPa3y5q+j/by2EtIY4752y2IvdGQeXi9ixaKw7D57DAgPVQ0OREGg0SXaYQ1BjtzYfi+Cb7iJXSZ1i//SUhqCMi1kYiCWtdhkhPabUq+9HkjXFpgkjmYbASQ05orLuRO12a/L4LieHJtRK9+DNpMYdzNd5uzeThH9rrquW3Fx2uVwGkhW8xrtBjpGEu+4cqcTjkI9XzsNaR4nO6ReGhf/jeGIKIPHCjx1dF6GzUUE3aZ/0iSoPIlDNN/Q5aTMH+nu42bdq4d9j8O2TenPX6Bv3jdzGfX41JB+DL16xwix0OTjD2M2YPUeKC8So9yY/CW+/Ha837G0aRzfneZZ4tr+rSeOh//N+wkhIDvK8ZYluLicx8yNI3EyF69YZsksEzd4GYBYMCjbqNgSn1aDfK529cFClNsp/yThlCnL4D6Yr8qgzUdel+4EhjgS0u7qWd8EsnkDw3TzhvnD6V+m44bx+74d/d8aG3X8hwPofIBNWI+4EX20yzyS1HUidpUHEJXyhK8fHgvgk+b/NcjiCiGr5fHv4zDek6LhtoUHtVY1nm9PsUYhw+bcY6s0n3GY9Q3Q5VpsKrP2tSwMctEznUpEklP2Uti0wgg1xxuq0Gpp/GRhpoGIu7j65bEp0auMvdcFR89IAk5uoTQx1gOBthDABku2MAwR4rXi33JWOEZgdc+uSXfHNdrMZ1XprQYhSOGYdQhmRcVL3DGpxHaJlb0WI94JO3weVpO05G6AMDQAsjqK5apZUS/hi09NJA/YCDGXsxMbRpZPLQoaPnykAm8YEUW5kcHS3RSiU/1LLa7lnDaeAqpq3psXf/JwFDCqYmlkIyuORD9V8iB2+0f45T1FE03p/xQx08gG2wa2RviE7fh6TqPDsbGHX89XvHNPj20A5p99nlIXaYQKodgGD/2H/itHkV0NM7uXPWH9qQNfWVOjHzPYkNxHROi75WM/Xjc9TbEl7VE8Tc4YHBwXpd3cwcNwp1KPoPkfzHqHEo7rFGCXxTYUfoNyHC7UtxHbGkneYyDfBXY/xv2FBgq5XfWhlzyxOD88h7HgGBgZr7F1U2MXgAbPfKSw0Afudpv5vMG0/W7z3oSH0KSbWbrobkO/kgPDCzStI5dXHzUgIvx43rG+dMj5oIbox67DwKK+Qu793Gqodiv+/3BCVFqW7617UeAUQZM1rDcmzkmPjoYJNfeNLIhUDfTDCjX7OnSKBDwUqRkLgc5fPFmBEG1L1R5LZck9zMQ5Jl5KgmoP0hghGPHiNeg2hfFX8l3DWI0GFj9IMI04SJ3m5oMAgYPR04hN/ECHWuAmGLBZA1qUwDQbaHgTgNrBF/3ci/d6U/5CY/Y0iYDJsjpeMhe6G9rAQie7Sl/yPkv8zebnRpBce3HD/neyN2Hrg/mogf2Ks7BVJ61Hc8GlNxiBS+4jMv1V64zwWot8HDEdC5nCEw4xm7SJeRxe1k0BQgM/6s06ije85fctX8DxHhKkUSRTFxk3icchpeGG0KusNRBtINlrZ3EFy9Gp45+H0Go9YHQdL56H6SNJXp/EH1xUNNryZyWGhbYPQh6mSkvPeVcJNbbSwwSxHVdxoVceBKn+Xg9Exij/3q8iU7XLCCoh/6W637oDdByfIoR/NM8s45xdueKD1vAFr2XdQonC/7zxq6PMS5zY6fA4UAqjwGXuU+Nt1psBPqlmcvV9HLfkMnqZ5RPWy14bnr5PFby5rAnKV8hnAeBNXt71xrZAzsJlvK6JEa8F2KPrtSwt3qz5OZWruxhopD0MF5KsaYJ9yEPLbZY2GPwBusHN/8QU8gvHZ0zKZu6DHOUU0JmHQEUEP9N0XJTrKyzp/3qurKpDRvpB8iG+cfhYW+hInuV5Str+cddfSyvexFknOPjDYcTNCw/hH1cVAgiJ9HbLN+8K4t6Y54sn2Mr9CTV4Ho5rOU2YmMYwRDXy2AVHSLCHbJXaBLd7FUQjrdB65Pr0OfCeO9D453TsfAVP+UZI86XIIR5P2IO2Dc1ASLH9d7y2Mxp1AasSL++kooGFJuJwRCc09j8AC0h4znUXkSiQCaH8gsHgUhi4PpTY8sDgL3Y/vS/pjvtU4NBw7UvyuWTY7Gng+vtvbMhkmJCuz3Pug6XuZJeFtHABZ8gMTDHw7WXSKmlLUe7Ccv6b2qTZSK7BwZCfB4vevU2W6+7HpeavQ/RQR9cS51/6Y/Obmz9U28HR9xrWR99HyPH0wZZX3cDF00nh8YNAXo5Ck+yHo91kbCbnos5jfy+nl2grW9Pp+YBlxiQgcPR6x74xPsIsTieHtrbqXTW7ppNzeiDbTLOscyFQYyt/xGnGLFHrGrTFg5DHPWhnbE+Huuo9rRwXeynvtb7Vuutxg63iXOdOJb2wMGB5O5Q3QGn6UWC+pHI96FBZ+E+BX7jvB6bzwbuf8PuN0A2H5Ojy/F/ktcMAMBB421hEmnk3byoT6z7BGN8OlgzhLqe08fgJbykEICmfdG8kC9e2bctaOqmsfI15bbxNbYy9pHchHtIzXDdGH2z1sTG+G2vTeYfd9m3LwEcmfv0AeEnDfK8/ESjcxdNfoIBkJPrpJ/6fb9YnSxrNtMcS7kxKAjkpW8xBbQ3iaeMl3uoCc4JknOLsrJFrkgpZiE2wTF424H8LeBK9D4Szuaj3tJfAmfjbZsz26IP/S971CisOV5jpsefJrIm8CzD6TKnI3Eac5tkSbCHfvJTPwEXqbkpK5K3aSLeS5DcvrOz1TgzaI1qX947XtywUZONypRDtUGzPYc3ejP44O6xpkEXGp63zTf9JXbi+ugcI7PdvP/GZkc+c0LWXvKb6RoU7CsTF43VRNnyzcdOzoneCZbNPtl0BEqeDuhqwzf88gCNeD+iV5ZhmnLZB4wIdiw5vrg9aTz870Cgu5bokDeELiwBHCdg9E9IlvdiFkVgOHAfGe8XhvVfywYHGBvym9TuIBHxy/zoFe14j6KlAp5rc9L81VCJFGeZF+rgiHVwffgtjhCPxDAQY4m3/kuOvI6xee3+G6zl/Si4fg1RbxoNV/Z5r2kchJbjLY5EwY9zJU7G5VxIzh/azU8tGhjjYIg+R49LP4xjPNX0vILVNr3d9eAw1sOIw5rY1dr1Pe3dLfaqcl2LAOFgD5eXr0xnoBsbXofR7z090mVNoIF14XFcU4J+OPZ+R7n9JP67fODWq2Va2OMFiRuXTH5sRIKprzc82tP4RtswqctaDICvGogDHyPh0+ibXRPk6Ig8PujE3Sx1gRkODas9QD8OTXr54eZjtf+bhGWOem4/aBk6TpV3IdfGHoxjkn66uPVG4DKTCBLLRKLoZuCNt+hL75/qbcqs4al/xKT/3PON7VTBtfTqfoJtbKdaQR9Fh616L8IRyB3V9byj/4HfFsaRGtwjo8iF5f0gvB8PLDkJedunXibSFzH8cbBcg8ZH+V1OobqP81qyyXn7NuqHRWpyajv9t3ntQ23yMQGtATtzQVBfsZ6eCFpoZxsPurkeO9wQZz/ZC7QimLHG81pIumFj2P7QBj7OAzjD9aD1HAO6BSlVFhAam8N1WAcYs3F4HC/2RX1PyAvSnsOLEyQZscRIKmMyL6wVXC+vWlp8qhOlE0ZuBmJNNtxsy/LoQWiZggFZz6FB6Rs5HsR4C1KPceI48hosRaMB7h3PuaD0YAIRcqlRf+A4uPVfuDp5TZjtvUKgxeH/l/GUClhsI5iF4oF4IQeSXVZxngMYRjs8Z8V236zKNW48uviGQ17vqh+26xOMUTEaf7Jb/4su+IHBgCOvfzibPYeUH8ElTNefEOJO+7xgD87Yv+Jlvo/Y4J1wIpfrxPXSspN90tWNC9zb8+tYg/NcLXUtkT3T4LiAN4EBv8xlwGzUSth1jDvuhZPmkOs9DZBS2x2AeMRiPl2rhI9ju68VTDQUZUqqONpTSaRjP2HnbAU8CTM9XpD80ftEzFqXUebFq5ojIATo2DS6O5btQU6AZPMd0uPMt7HIkWOjm3iRfv8Tn+wRK6QqOKZ0HSr8e88brK1E6HvNP2bm2vxDjaLeqVT2I/PGxY3jxDsnL/4rDKDSBP4gmR+I8YJEQDCej5djjwrc2SKgJRBebnIG6GujnF2JEpd6JQ5Hcx8Iv4Gq9FJXAtDynwRLbGvyvrAFfJbg6eYWWNicxJsJL+R3ATzQ8S96+zcCfUFubroPvXCf+B666W7lh8WYcGo23Cv3oY9JA/V4kI5R47TH3nCCAuB5gik6jAlhwQzUbb9Qib9LOoTfpB0/FIWI9xYT4/lAig9syP/vYQ87P7T82rQAdV5fI6hnXzINKnqw5ODIQTf3oeTYj4Ym2zWsOOas35TzaywLBJNNMh5hukzz3HNSnrekP5wBRII2ZPHTuUqoNbZ9QDQQe/DzMNVJoTCAIclMd7VH5ixBqKa7nPsngC+soU7XNmtCLLS2fRmEfRELab9HIWFH5i9Xp5s2OFo2oD5kbXihyTzc19dIkFLChVdNzgNwQpw6rGvJO+h62cUJQR5HmbM5vPZZyvOHe8ClEkIhGqe2fONEcbt9vu2ZzaRIPQ1P1/9WV/SwEI6LOWgKNlvw9VAn8KR5vpH9PQ6Ato7kJJy6GdgYgSO/16SvcsBO6+TxTZmcdOSpW+BaRBO7eGDYu1LSfuAmbmN8RBdwvncdm9sU/c2w9JSy/lfikZDj4z75sC4aT+ZjDWpiBHhqPlJPtTwvc5xqs8RWawfAGydJdofCBxS8kX7dr35aoO4XY266ad0slj1Hq1+U+FWK9yPn6FfFX4otpxjnETfXh0PXEtCcRhoPAm/TOG+9GLjskXtn0FPab7ZFXX8zQl0Goofmls7e9gENx74llCrVeZLwfu3lCQdVndsjnucIRH6Sgc0D+SnO/DA+bs/HpkxUJzHUOIX40O4SVivLhUFpd5lkcBBmitCEyNoBg5+842E+j2EhHEdBAGmrOGMptDd4P8X1R5pKdeYp17FHX4RQN106bGYjwjQ+pJFSoAHwAeIkFFBsTVvz/Elgy7s2teLc+E/b49xk343XXdeRoN9XqBtx/8AJO+ICvxdIc5t5+ft0IZsjWEjw++4Oo2ZMht+w6n0AVuZLHkQs4XPCuuwOkpUX2KKNdd7oEOdSeLEAY71srjEAeoAXXA2r7foWAHWnD/w2J3PYYiCAI4r5e6DZrH0lr1do4OBDiS8PgJGIrekYCOh+fqwfMl5XNC+xmKPMh3EfB3zmLZcPrx0nfs4NRIlTZ+yfJIIwDrGRi74M7tcxRnDbkXtH4603btGy9sBD3wpMuipX7KatOZ+W5fWcev7AUf5bm3IYp/OA8LKe3hwyLw8WUbgXjAD1BMcQEAyT4n4EvTcCRN/j4hdT8FucYAr3yTHedh/sNHfxVusl7GI1MPY2jmU/XeH5dXf9z+jnaOvJCPe/YQdbT/qTml+I9kC9XIgHIi/eLSQWKfPcHUNjQyhpxQjNCa8x2L18CTxN1PL8919ev4n5BogF0LrZ6xjM7KPBDTbVHt/YMR/rcZz3Y7XvAKiV02zr853imfVpiddrcRCmho7oUilcA8SIO88k1o2ETsK+mgoMolp7SK8h0SV3Bd39+Q2u9zcQTlr9puJyR8JQ4AchXktvb9ZsTZZqX313H9nF90p+WTvt8ca6EeF+2qSXcJsgyvLBxc/RQriv90YdkFdIddROQl+n7gcQ5/B4/nYN8WRmQZuDxsAzv4cEPl7Tj/2IgGojzFYRd5sBHZnsZONoihToQkznxgcdz+lLaJ7mUHLQhTxebJPoN1hKfa0RNnsdUh7KPITgxJFx+D1nvtfd4SkycSNXvlFgYrzkuP9VgmvqNUsiHOxZ9CL9dNjuXOg8sa7/G410KcVBe+lFCyI5CRCjObUjP9E9xUWizjTy+sU+Eb0J6rEoBuxuTtsHABEFf9KYYkK7zWHSzsV8hnmX6+NWyUln3UG3w33eDzjnGGZZCydbFgXlyPqMRYB9uyvnKmGmd7zPBpBLQgny8yS2fjL/ocF+Cy3WapljAd0ONLA+XKo7c1lLPPAd1/239QtvKWZZ1ntYM63nFPJKgdtR/B0N64G74Bl4yTvWptZh3PFflr+UB7DvBcu+2eOH9r5PoSccmKA+sF++B+sLCTWaHi7E5SLM7IPxoJ0bU2S2fQqGJhebPsdFgxNYEsFgngK70eZTJMwvU+RvDpBPMBax54g5jPxgkBApRtMxdBJoBmtbDuYEAXwXR+7xEDJv2I8cAYw3X8k/mTLFJ+icZ9Nvz3+osC5HhNVmMcY4Mq4jljDzNEpQ0WHLut/kilOpmvmZ5+cMElgzrt8nkpu1HvfCi3lq6U/nzPvHv+1mrc1vbCyx/zom85+uOdeQi0OdlyN/0g44JSipEsiVhx5NHmznSb77kvodM5pf7q1U5yThhz31lLFPzwfrcLR+esmyvnG9ZAyGEqgTI1PE45xwrtkzsAQqz2LjdUgMRFP4knBXhFWW+4GUkMl+ejzzLAOACEqZuw/Je2/qU7CPTRe81GYOox1+/V3m/Ro550z1LObrSK2bWa1Nnr14GXxusF8F2EAvPQeKdOvJ9ZoAazhLc2Zjv3TJ7ks1N4ueJrmA8n4BLI6tJhIG2mpavvQYeBfVl46LmqkLXjsyh/ig63m5JvU3OfTacSrAcqS26qod2BFnuYxTs+kz7ONJl0AKBpZuf29f3icHbUrydLOHPE8HDrnk+ERLsDq6zpnpc8jExnjbD+kNn2uFfMuRchzBeToGjIdYHKMcbMPT5DYMqUK7TQrckdWaMFNsZXpkqb/j7uIb3dfhje6yx18L/irwv897H83vjs0H6w7vn1fa/ujw4jt2s4AF2JzktTjdImnz4CYZL3Qj+QeaWIvdkpR58a5kwRKPBrK+Lo7abDRGbpblHWzXDHpuGk8u8JPcTifnMAhnv5I74QVWzN96UNrNrRQLZ8TyfE6EfzLGE6Qn5bBvvDVyNn1SSmGMbSiPYefHmqXuU59Qfbin9H1V9kcWkvY2E9HwQmNAQF434kxLlTSFkjEYJ04BivOJFpc2lw8Gg6J5NKcmd02okPG0FEqT1iUZx4JkLoO3qIYSd6dTH6EpT6ifN22OiTZCAzX5AJn77Inbi094nhTLeY1W+8cualoN9uzXBCck4lxTtkzfIcRbkHFfCzqiAxO1XGfKI8YiMdJtMqvb9FSqg8ecBZtE0hTPhyhix/4YJMiUUoO5UOdp56nOouAYttynJOl60KJwqwUo92SfmEC33xwlprUrHdwmW7gjd1seY59wzPbPRJfp6fEFC8LFMfOxnw0e2sscop+tZu8x8NAqB3AWQBoH9TR2Ze5XYsi5M5fFc06c5kuOAgIc655wyO34kRs1tSmxt9iuhXMldSHBublc68tjTy+9xhP+lP+mftPbroXi3tbRubV9rnKvba3bzoNv5h6jsPIY+63RtP0b+JOe1lUb2PDZMkeEPzmOPIoRtBN+yu94jO/ObZ8z8Z+N9VfiC9cK4ALksXvTQT4+MzjU78/CI7/cFTN4G8d1ot4EityUutU3FhbXDsrD1jnD90MBjGFkbRTXBkJXoaMtJ3esq6RdD4r5xIZe08QUWmhU7NN10AsiILpMo/gvB3Ndp8Ky/lp2XAfb2D5FcCYtFfhFm6U4TtJP6/ri1Hw0Je3lqG1rxl+H/eQPUE1znGJ5bi053p+m5rR546lb4MW5qwO/SV0JFQxaD038jrkrVutU3++9ce/Jn7p7sGq89qZGO7k1xHLRRkenz/mWB8MMJizPz64VUsgoODbD5Gakhj+EWOP0c8++0AEn8SGQPz1C3VgQPiyyFfTrXAYexjI/YtEf9QMwXg8Gy7mRuynuONMqOlJ8Q6OqjwK/HzyRYRMvRHiNlz6iitNZJDQpzbBfrMwx2TYnw/o/E0SJ5WIHNs8zQbE/5DQw43N1zh25rAh6bWvW+2XTHiywpQ+socDGexLuvf43H3rt8FmOaehNMeSzPxZFQHroPHD8wFq360clAnUPAx7JqbdsNvpYepAeYeIvsuPI/77vcv2VPbkTOMbCvdAMmgeT31Ap1zpyIBnA90qbf/nL8AbzebgYnEsXsaxLfmheqKgPZxeXXPZDsuQ0BFtaqamow3zOnSRwY885sfVVxcIzTFm7lxxvchSUILRwoGEcb7Qv5PX6Eo918PcO5U72S72JOsaox5Egzpf+L488/ztZ/68Wpx7Q5+7QXHApoalC7/OOpPMs5+8ZnUyf4kXQnI0mYXw/gj+9JxE3jqH91MLIvYL/nTeF0j8VhVnyuCglB5P3lCUROJ1o0Wo6R7cXNfDXWjaHHXcok20lR0DlhpPIaiQvwu7jRXSKXenfe6pPFcY4Mm6jtkTbexXMT0yU/ERP981P6kKnXGD4YLA7kMsNHaC2X4alu9U+neTN/Mp6Wk/NH/veVFd+hyD3RvOk0TXVf9Iu51SJO5uCQ0NfzcX0KOkli2ORQ50hteu6xMnrpRSU21f3eQZvpKbv6EuLjQDemmGp8V/6CE9M1ygy4QDDe2zJD21Sz3HTdaych8lTCw/D5WEuEypmPVpRrytNAlr2KGvGAlGKoyqKjIZnmwseWa87Iz1a+mJxFqRvyOW+KZp5bzY8qSkuOCT1A+0RG7yCUa1m+zwQk57d3fRE2KTPby7qvX/EWYESb+cU9fMIIPcv4tlzguYY0xPeG+BkQhN47Yt/oLHsXYKMu+gamedJdUDJUpbwnJJDi9IYy4H1afsTeWr2Wv7Np0/wENj1MOSmBwqU42lEb3roVLfrzklwUhCwWOFaiOnluiJfCidXc7AtEUPVp7houEm+jalJLIUAFDtxk5YllzxrGN4f2sHDooomQjiWte4Y8/V6uVifvZb+uv4HUtDBAYnd4bXQMwAkhDnxHL+5JrLGUz6BZ8NrdYiuh9od9wN/Ocdd61SXixZr6e8zYTOVckvAMspLYDOe6odGY/3cPdV9Vr9/ws55Y3HyjXgS2N3VgKVI4+Hk/ehourmWaTyrF+hpDs9SFyIE+QZX9F9o+HflMK9PiZN2W58FojWI5RhghdD+rfZ6P1oatY77rZN/4OcbiWps9sKIFR7XiCGfk05MbYI4GrnzmcJ4oipu+hC0/dQRxF73WMsu3I4v9QfNRe/xzj0pXrFFa4A+7Z3ysKR8iA+T66GlhyWwyhQInSbcXO3sta0aLHMk616Pm/Lu3qzQraYW1WaCgD/IlWEzFL7TBD5xSb6C6oI/4pCwY/pJ9pWx18Pkeg1y/GEu/q0wY8tYmrdsNOia9pL9gsgedifAIM4LEvZx4UPj4QA/OS5WCQwlhmkEmIS5AAiM0fJ8HySUIxD+4VsCpa8mxXsaMFwirD17KNdz9Ji1pWevG9pe2l48TY7lpKVAxsDCdm4cTl/0cNrI54iG/XTaS6M4mO3lHBBI8lXLXbwQHDUbNKLCiYJO8yYCYrbvXRvLT3ujrp+bVLuNXT0gvIbxcx6hhYTnQoZh56A/SyYnMJ5Dv7JgzqOvcwkOaqi2hxmQHhhycDQWw/LTdpTzUkZi6SjnQ6kJYQoFCC6+/I8Q9lyKB5gc05nWQ1EuFTiU9SMMcuH69QEj1gu8xDvpfvGckyKmQLF3e4PryRoqxSqe47wnAIExUivDxsnrOoNivNAU9G2ChwMF3xxRZ+lv4Dr0qS/Nc31Ua9p8mu829Ti2PMKfHG/x2/VgHzZufz2eDRFLv4+9GSvK09ZThdrXkKQCMociPd/9zgt/fE8a7ledDh5K44t7vGM2/v3A7gBOYEB7kciPsAi+nOtQIUKj+JVbtDfYsgj95O0rZ4Z1Uh6BdKQXApMZRsP2dPo7fgLuDSqhNL3M21pgAdvwpxZ6rlGzj0+Mrgku3ni4+T/R+ggbzfubUG9is0cIezNvYn0+0ZjGSq9vBAvhOm2utxU1wmYeTaq4J7nXenKTol6ZouRL8QcHWkXnAT+l2Y/m+Kt8RXwCGinD1sjbXpJj/OTA0IQ29As2pbPekyb3yubcMEzYk5zvFTTBRpQQMU2d+hxxosHzV+7zVm/5SaL0oJr8UNt/tblgwOUiUMeaBoYflBnWkRplfuGw35LjAvdaFEU8MNRmqugw2EZyTlifU+P5xiW55yYfBQy/aG0KLzhqcj0gZ3N3uqzNwkMgjnwPkRhSxY0+Nb5p8Vp3wUeZojdyMQcULYXJtnCQfB8BIyKkSCiJDVricJKD+rJmtPlNrMQFqexLJKMJ79PsggcnDubhOoZA8gOHML6Ax9fpOgUl6JdmnwsAdhTMFbpevdBlAgPXD4nDZ46/Jn+Brle55DS8rykocHF/8rps0mL5TRPBwvT1EFxLu+ta/gKCIBAzH6FMy3ppXFhunnKJhWgKZ/QyWu1wC8hrsB/qBGJ5mLO8fzZTBanBcJNh+HkMrWfgzxBvyyzrj3X6h45lDd82/Wl/povzjIPb4EfTlMbLPQsFJAdXD96nthAkok/ndV/FnmxOdMB9LXv3Vh/YGV8eoNpMicueWp7xBccER+M9Yoh9MfqJAQ66fMPiOPATP+RcI+L5AfGSntCvYstcsW4WXOJv1DBH8O0ImbTd0JfAjXV2V9CwbhM/pLXaV/NZ9lxR/NLpzcUEct04Ic51sxaEve1C8b0FaGi+awI/5TOmgE2/XfPP/aGP/LDdiw9Yh/AcNHzO2+LTWjb4Oxei1kd58KK4FmxqmiK8QRa3cPTcLcg1oFxmn+pOHHLHMc5H0ZVzISafG0cZfyiAFudojTjXxumUs89Sd1AmDili+Wbd4f6hOAjl3ArXOdGQaqeWTjiD1VjuH5qGqDUaw51h8xbp/SOF3h3S6ntsbLTeJ0T+rikWei5acESXZtGhs0xGhNUMPN97SQdkkphilHOurYljbE0w8kieBMXMf1eceEm6Ll4k5qbFPEeSjg3PFCUmnj8IWoL/7Ro5HMHFOfF/Tz0IITTpljgA5IaZHOzxtpcs4kfRQCRI+cCkumZ7CXtJ7UvmehVuShEYvbEewrD9OrWRMO8TvcZ1aZYfQb//ZsAwn8SQhJHClix5NhDYkiMvgizVWnImIP6ZkAKhxwHhxCBIHPazCbO9xFug36+YU6zLdCwAlvB6Zror555x6uno9wQX1Wi1kx91SnaqXQDRl/ST6Ukvk3uD7YJ+TfaMddwe8i7T5rklDXPK9VOS6k0bjNhp3ZjT0fR2+6fXZ4sYy8FECX7pqFbYvJ44prJiM7jcCtZzDZ4dZT9cofU1QH0tCrD30f0Crs5yHR3OG2Sj9UuEDidiUTGzUMDsgd0s3kAz241AHyfcOFNRQDC5Xzlio2edMNI/LNpU33lTb1ifICANO2Fp3JhJ+ylG3YIT7ac4+wNO7eTFWqX/xlDOcpXdAmO9O/3esnrjOrxX+DmS89S5v1WV80UTa/Pp+ih+WQ9Nvu3r34WzNWS7XI9jK1xznoMBTD1NvdJWgtnQ4b/vZCrf8Lqgg4m6x96L0zZYsjxN/S5AkI2HVOYoI7TbRPIkciPTUnj5ybOcD5o8VUmmAQCSqK8NqjixMWpKKQ3m7itsiOzeZ3Y1XDsmuMP0nvyNGkFtTEAIj1oMBo90H7m45kx/HCvliYsAuC7Lk5TA23AMayMM24s2zO1eFnADtsPSj974jQmWzB4TeJcnRlJp5ucTzs2EVKtNIXMZl96Tx4IZeOhF8dnZA8dw/4q12D24+7+nhh76YMOoZV/ZGuPATQfwgSHU20VtrlnjpbbGUTMSywMpc4F3/caF6/XtxfN48UAOymDK7xmjXuPmfWmYU6mLKhAc6i/zMhi4/KGMcizsy9cuNYSv3k0/3zc8Wl+i/fpwb2JvH9qXNQn55QEh5unzMIy7Easdrd7TPQwM6rowJXJyF4CYqaznhr24/C0BI+c3jVhnM7I8ejqdg0KP5ryfqdECbs4DnvMHC3uJ976m8rfu0CNC/Zhijhn4navXh875hFPOgtsEcIlP190GnveS7dyCyH0z4vr8u78rPsWH/T7B3sZire2/dXtalTaz40mS6lwYCV13khL4wBn6zBphpE/ZgYMU35QWPHkcN3MHT7kNRvZHIzVclw4Vus/4PzXqOvLNUmO7Pojd5Rl/o0XsD8b+IR5rPS4tT25LNvfqZAiS/oNWnbq76b/W1942JIVovxu4Qoq90wEIWqd8EfpwL3ifbZ+9qeU9kWc1+97IDwEnMVmkNM1IShr3DInjB0T6N+KdRd5Q4hLYJpo+hSTMkEsM50OW7WYxyFF4+VByo0er1J0QBFhOTEc+TdfxBsLorYkAfyLMkkw9aRKfJ5zETNQ+Fz0EBo7j7EX3JPeLSC8mpJYaDcVyiYPBYGDpOiaBH4izZnD5fuulQlxlCd+O3FNsLIAITzqAEZp5L34RkStxOkEiF2imLqYEBFT0ElgNPLhvH9oha4XyntMF2UTULGnkIq4VM2R1d7+CTgzl8xOyLazX6Nrik4uayWcDFuB7l+9bBRPTRq/XYi4sXJr+4G5/T2I6EkNBNhcJD8s82HzyIKp5c7HPcM/gNvT7h/k4/Bo1Mstc0fq61DSBtw/tVen2UDf3C8KtZ/W9/k1drKW/BXHtB4RznlovbNbRFKU8p4vIRAebj72DsB89z7iMy1pI7rdNznGr+6Jf5UJPj5y3Bl/YuzXY9jv06bWH+IvyM4ST0Sb6hGemR3m9wfFr7kVvWiqlB562wTYT/4Uxrv+033fa1gTvmTuIxeuvxC9AiFiwT4iTZZw++GoXPYI1OIlrnrafrabdCjWXzKufXrv7iX42pjpvpzGq29z0BoXWskb0ic3Ao9ykGTyNsXYnCHNZlwEZs4UP9PQDgEitJt8RLVPmvyL3kWxwhfi8pskZR9d+YYIjukXC4pJaqF8FSoGvFG5Sb45+q9Hcm/+hRR2WIb37jP/q2Pak9yJ3++xhwGUOBicBMxNXp+W6E9w0D6aT07TAIWbifxKbdLTclC/6AnZTCDQFUqhcYl9Wri2DHMEwAXUJLWLisK6ErmtNG2mg5q7XpnDRi7j107gUpWbBSh4mMJlPo4HCpR6zDicnknSJ4ehv5pbc5ROHxbUJPuKC4Di89OYo+Mm404lmfK1ot3qek548rZsGudDXMsprkq6mefKRUGy0VBctAMQlxlXtRZsQvQVHvI2nh3bWIdzvHSbGuOtKTcSzlsTJ1zF/KLPZF66lF2XsIa8dRcq9jE1FEXV7T6790B97LTrFMQT82A+pCaLi4MfhGOZQn41ZzMPm55xIstF58FvPuhVh63IByw/bLAOJPCJfvnkRa5yYMPx9x5oo+h0k2D4H9u/t+8sFZnwjdc1b8Ecck4oPm3U0Rbjn2rx9LScwSRif8gYZH5hUgza0cLBRjHpoXuMf2jjX3BMs9UZC2/FW2nqdNHwNAFCRE2GXQ+GXGoRx2UZJ1SOQRBA0Pwrkpf/uuggNlnqaC1txfO+l+5v+tuGX5897eKhlmP0Du28468In0brhBDkiPeGSNiS5mXMxd3eogZu6YbAPjpl/4CI9cpZgKFJvyCPENNAJ0WDITEPiI+m+cs12V2OT0BexXnuS6JiP2jht2t15n5rYxVozvdf7ZDQB8OwLe7G/8SUSYk2fvtYpkOKk0t5QoT0qM5BPyqe1PsWzahZkoI2hSxjLpE+j0dQlhFzNfWzLvjrpIuf1CEIhbSDi+QAvn9wSlkZ0SU64PR3hPxt0Kp8UcZ41m/2+nIcsyX/4//+uATTQGsoPaR801yTuX2Ed9HvIPyhrLRODHuZJ3fx1W8XFPIjVlNqpocHTPS9w5LmLdS8BFbsJ3Id5jgYYPtV4z/08DFjHIU5BBmyEiYOpy3t4VTAFJgpwLQ9X6RMNAMcFF0OYIxxB5l2bBRjseaoA1zCkEpLNPuGScD2048FTbk+Z9XNrWizt+2EpmvBrHegSJ70wlWPsC/j+U3dpgjTKoEH/Z0NB5r5D0cSk8G1AJ/MwLODaZuv+LribnlbJu4Cl2K+tH0PTtU2RxDCAMXqCyTllvwjakbUFe2XuV1xabMejIcLPtV0TGNcVTXwjZfztB8P4ZxIXfngRPc4t+wdV8qU+4jgQjCPz8CXOPEfH0VGdqIV1hRluTNwCG01fywRfxNfzZx8YVUPjk00sxunocU7aRpoTzWPU3gJeJLAoH3wwIQ4AAEAASURBVB55ff1G/Q81eGr7sm2noPokb8F3wv82iLl+7T3weJ70mye30moR/9E+WmXWCK5zjaJQ9M5l4Kiwwd48sBf1ixb6g8Ymbxq8IS6kvhnLnU/Q0gfNXR9LnASRezTJwUhBxh7IgPsNmLwH/FOa3zBR3En6ZZsql1MsQXNYJ98MGRCghqbamncaznEPTsQBJmV/z9TaavceURGxAyZTNCYN6XybNj4lsuwGDNzu+tpQpIMvTG2MzdnoYcmJWYpkry+aewEp2nR2tZnvusQjTtuxGmCikw3ooXbvyg/Zgs8PcdRiQ381ah3p4205UFwCL8LP+EHIb+22Jr4s/T4vPP71WA9ZnbaMgpxNacub9X5L8OZl2AzHRSrj5tPWfDZl80C+5G75tKiBgGMxqcMaJJGGkVxDhJaakSMkP6RRQ8bcdxIrZoinFpIsiFHybhJYRGYH0On9w+OksFbTdcxp3QxAHUjAxhf6zesPPg5P3CZLcm5X5s7DSowmzWbNFr4JUYsldzrYV/+y+U3/BRiK82HF60XRGK5aLKCNsBjGnu8+avxPrJVqCNVleFHquQAXSYnB1YPlPI6XCGhcwp+vt/RFTdTPenAk4deBJT2fwMBYkOuNFA/QU88cyqWG5bEEbIU8J034IPZaWScFwkBfMO1Fa3aY8wFw8J11V+MhknhCKd74nAdhfXQdDbKW1rG8u/bCfnz+WDTZPyqjdqlBfQVMdsMVjQn/NtZ039D0QfHjPmyN+E+1UPrV8UWPR90v9Pw8T6KmhXtzWQed2JY4icX2Mf7x77wY1evZy9upsA1t7S0Z98XT+3GZSWuIdQtmddoDu4l0YvdXjYiAiyaejulC7Xe+jU72ksbmut/we2spM+E1lsCucPma5hq8PnGQQC0V0dpXicfXT+mKV3GPRz+wvZXenxLM3mk1WIgt0Z8HstEXUn1te/M9/0LSyx94vcRJsk8l9xNIKtTqaeqk/2u5qM+6bKf3v9QDkKQl+bPAY+0m39vgHBxGsQ7iJ7R+zwrtvGlTTPj+YYXx1svkCrWkjxI9CV+ExDxqJk71LIg4QhouQuH4bd7WqryhpmhjWNyX80m00dR1aeO7hNZpmkghREhL5/xUm5/Kd5zpwyex4HqNzb+5LXXoSIPsl6k+5n7rCfgxOew7cd3O/q5Uxsp6ABT73fGDDumFF0HAPa5JC2ZcyICwT6zngiEWY+gBT5yH4JsR6YtBB0A7YqiYK5Wv1HQQCZGlS9kkwUCQgDBHHLC2rm8e2gHlJKe+WK7UKY4rjC+pN2YliD3gF3TEGtHvawKn2WDL+rDNBUcBG0857k32VrAQR4CH2ePeCEzhBudtjCVy5MQssKwNc1EXc5j+PbtqLRqZvAzvk/PlqBjWjNg0L14QpRZ4k95Op2G1TqbS0Abl/s91CZxqVMbPPC8jvcB8dQin40uvA67kO/ngf8Ub6i8lfguzCM8BX3NLcUyU9cFWPnpuMoHlDxem6G18s37H99Vb+meWTRrXW65HGiJbY/cDOxrsR8X2rPnCmfgDYx8SrQnUe4HfY8570CnaE3YULax0TtBXJ3wnwDjG+MCURV8YpH89PRPIn46wHsQozNgfjV+Vettb4N7COcVcjw2RYa45ffI/GcnVdfCYBfyGZiN84j7R/iew7ItrUWoyWYIvnVHQuKJJcwfdVQIPX+Vyo9hEKsAKKNc+GhEd/0D00JzAq3B4mi+1RnQNbu/TKiqU0qrMBfCSE46a/BU2xMYlk7r6U/cRq8JPNnWHRpmCxJAeY1pu4bBZfajx70BcrOMHchVW+4u1VnqxQ0vnXfLiEDOeW8wzHqZBIYajyKS5rJX0ojzWdX1L4D6XMalFYc8NWqpJbBGKIPgjtuejRmptjNRr+IxPPFtP3yY+mRUwcacYmCqxzEsDDVge0KQFwpLKPT5948lAJx1/7xTBjs0aUl9NoWr4tmNfIgDsk95NHCwWixT1+n4cmK8LuyaaZC3pf6tL7AhYg4SXtReY9yC+mpmzHn0ttVcFmp1Yxg9YppzzNGfqaQ0KSG40G27pUUmBBWY6kM6Duja65o6UBFu/wPJcH3sRnpuyRm94jmGPEFBbtHdaiOMArRxdp/sFfHAOPPb06ecZr3bQ1TxgODjPy9u/sidHPNXYy3hGtXKObxu5te3twhrRD3HQ4NeNEwuN8yvCyhfkbGIT6gHffj3r9WHNbftDXzgIOI0G84efjnGB5xfQytHnZcnjunQBrqmO1OS8SsFnR6cGdC+5KETtfDjtgC/76DL/iM91bMW4Ji18dk2LPJxTP6/U5xgKxJ0F32Wn8+X139H/7aip/4+b4vpi3B0D5tva+AD9LXfX3nK/FCBrYeSXpLdm7kPwbP65JxvDc3YfIcbveQ3zkSvngb2/5fvDu/Cd1/0Qw3nA16dH9rTR5RonblOAuE36sz3C9YfYpq8xPAbXjvzcr+EaMS38k62neZGU69NPRLwnvWzN5VKL4iCjH/oYw/E/kMZeUSu+kCaeI2i8tjwG3ZJ0RK55lM1TAOgED9ZHOWjnwUIRONXAJud//ZZ8GCGY14CI4IH3dCCtX4nd8DZhp1EnNfBZrUw2MhY76RTOEzaLVeOoH/sSjMT1Pi2ROUoLxnPw+UUMRotN4Tw/wEBgKYDE8+H7XubQGW+vceeh0TiWOXESNrqm+D5B9BA5pHI6cN4eB+whdakrQG3WnmKRy16JfTt+oqlYtadakcegUPT56nxCM+5/MD+eXxSeeBnTxlDEjsxd7vU64DT9GzbqepkPa5VrcNOIrvdreQOWtXhNnJtQLfSDvjU2s0r0X4VwJKPZ1jCK6kIU6bcOuz4Wv8W8Jl32xL6g8VKHEm9GSlKe/hsuPqTiq6zVCwGuq0Nf4J96eSVhIC7lVu//Y+5dtCTXYVvR5Ob/P/nkXIImaJCiZLu7Jydaa0p8ACAly66qnt6zHwFb5rsE9P/ij8nggw3WrX/eNSGozXpdkw9TnYX6L03U/980dv0s8c1++lqm6/51kaLBe4730lspv7ZvwRvcWJNrj03h3nDeSC3hUdtQ3rfVWNYtBXbcpcghIHKfH7d43C9f3OWa9QeQ48E59NNT2d9mv7f4njA/td7k8BzogwtAHNem58Pfxbkf2zz5XOtOn/noEXpPZ8Ex1OM64kL4l8YA+HOW4M2s+OugXsLJZZ02p5z1jS8145dbcGJvfU0gcVDAfDG5rY5SOGmcPce9YzBm5amdMOGNeQBxPWxPdXvTDv7CxVpFO+ttDPBdY+LsajSt7CGuf9nAhu1ucrW+2RnvhIN/5MTZBr3gtK4lSg5gzcPniPiCZz5mbkkLX+5mna7Z6nos1jDVPF3zBS/aS25oFPD+BzyRac4tctIfcxSV6wW13EfmEQy76GgemGkA8wY3cVus1G65dKc+kWQPNsOki9QrXQAxeC7anl3J9qpFWgrukl4CV29Lf4pTe6ixDT3wsuYDbqv/MvFa3oDZE7QfiKd7FHRqcUbsw7D/D/sHNKFPTTku775gvTlobKZtCsPYLH/jb3ldBLEdwt53G05e4ppxzG/Wphza3r9pl/6M779yZUHOLJ84CmSAiD+c32oDx34+ll9oh5qvztmp/lLsBB5yU29yrac0P4ANav/rQ1/3++3f1upl8D0bN+7fbo+uLctrY628phLfME8uai57FGJ8DjxpZJ68UzNTTheSYu8N0BdZC3g8tFliwR3K4O3B/9EtYigCX4Uk3t9SSJ3mvE2hJRqKZZgQLbvDaRy2amSOQfz68CA6nYsBlnLUcFlq39nbMpHlvFlWz76Dc3Ou3MS5Rec1Tr9q662hB5CHPhFa1omAJQhf8tBqA1/cx39dO3Beh4KNC9fzNkdpRzCWjXj0eskcY9Q2Ac2pTagWGfNxqCkJnu4Bz7z/xXYTaG6W3BmsofqOjY140lv+047gZT3z8Vxb9A2Q2soB3nJP5y/1w0itnoCPs81Ng39sBoA6Fu3W73Q+oICSeVuFCEvDfTuc2tegZO1H47Cj0Jd6oLFP2D6khvfDOGYFnwqJhtJdwniLbgepP2lNMeXQDtxjPeAwTmu6ENcecA3kMTfN7JWzYFjujQwP2ONaRD+vFwtJ7o3OghnWIJI/NyfdKbar8ALr74O2IEAxOA9bcwH+0eunenVd+mQ7dGckLJZ/Dsj7R8V46OgfJeWTLTCa4y5aLOshhvqKoy1BMa+rETy/MrTJs7ngJf7a5PoGwqKNrZbt7nk/TAbBjDcw/lmkO3EB/CAw7M2jyoaD9k5/UnfDz/xvjLbXixSvm87sR2fN017EhgCxb+dB4n8ylPfZx6Kd9+Zo6tn4WO7P4OyhPBdw3dvgenwe8g0+uryvl+RXPTazCEVgp7eL73S+xKHNP2Y+tdil5XF461CPs95DXeCtD63DYN+YaU/wMRfPGnyZwZ+3w++dt2DFcV80Fjb6429zDeltCF+At+dUWLp+t9mLzsQzRj9m1cgUsDGQHzEEEIdzcRhPGsxL6auuBkSfeA+1tWlO7aSL5pIf1lEwwc0YjZjpZq0nw/RGTq8z6eCcTHGNyVo1fLLfnD3IqvSxj9jTgmkC/gNTBah4b9ZyCT3gdrf/7j8xdM1Bz+OnvR443rL2iYDgsn9ZG9NTTmD32jUIGwL803PM23zUH86/S7E56pp/1CFumkPrx3zTXLi9P9R9U8cwSU3j0l9qTGtBDGdjt2/kiDYK9nsMaULcpkO+zEtfxHIW7F+Ypd5f1xj0hlBdhgH+aU+12tazNuxv2EsnFVtSxam44j0dJIJ3OKvjh+txF01IekozePTh0mbp38zQytaGJ/R4Iw049FC0xMf6+VNnzP1m82sWTWQvEDyML3vA+tCeeKzpOTqH2j9NTWt/1NrsdfJ25y4BYbzATXsD9l9siWp/1evnRZfGc8XYCUvM00yNrv3IE8DXNQr1xyb2uNSFoxtP1+IejnzhsLoGu4blNE3KHMzsYpT9HQWD0uovQj1ArQ0PYUKUWuIBoMSEVy73mbfri9vt/isskopgdQApmmiIzVWoe4dUQS9/g9gW6n8LqbXKJhUp31TqnWDKynJaQwFmQwv3JP6Fft6bCel7x38/xvDeA14Og+nsY8C6DuMEkmjxkt/gCCedMJ35Xrv8bTtIJvCkMfXhseBrrSfb99nIpC59M2AY1sW8G8R43rj8Bxn9TDciXZbYaWq86DMBAUuMOWIuyP08CI6k/cyVZ1UkU/cDh7rk6hoZI2aaF4zU9hxeOMJeOMgrTjRI5azPnaKz4Thmk/MvZiaI9DIGjra44C2g/XRNzT1xx7wJTtd8wiLW6xOn+5c3E5N9zd0nbpqjoK/ztFFfNKc6ETvu56HGkdfq4fm3PPsaprixBxmLfWBN/tZUhBMGg5gMHtaQmJ2x4+7iOx2Jl3Mj8cnEsxqldFE4u3yG5+GcNmISbDHXf+Ki4e/j/lfiOzfr+cp6tvnlk1HLPblNP+vCaLkiFUCfJpzmC/H3Tki7kJb2+McLAQ40OLO7ftG1pmMioHHthTqPM4sH0PXsRXW7xinXsZ/8J+EfLVA6eHtO3+JEmmbbzuMRJqfPfRu6D7w/XDrxha886P52S7Wka0ezX3Wdpty+kVpoZ38tajrLHqjGkjSC5dmrQktLSMRaSvyXDv72NGtOvf20Jnj8kwXeNTu1ASZb2cppwsB8bL669RRE4tAuUgllQ2xO6zduWZPyAlfyjcsP2ZjzwxQ1ppqIWX5KdenFJ4n6DeD/VoDFCMtNVpwuxoC8h58+fCtN5WgveTQhfS55EgccUrkG4mRGz6d+t7VMQ1oSRTNbH0iedDIZgqrL3j0WuswzV4tfHjA9X840YAJ6o+nK0kPX57pF1in+IvdayYdeAi1Z8pmQOAsDGMOvI2zGmm7XpAT5ZcaNL/2WHImsw2SrxzDnPGfaSNdIsBmsw9hJv+WyhK2Dv7nT5SiLmW3wS1fmdroJeG9kT0HJmpRotTzcYxQhGaDTtaI2567H+IfZn3GG3z4z3tYwHH/gOpXXJUJSB65T/sWbAg3ELVL8zj5hS27qVZpSrH95HQoqxtPkI/G/YOD9rvxvZA89ecuG5xLSyICRYXNtZpdrrblDnW1qOvMbTbmn5y/s7DEXsauKoj8ZaMwG6oTpPl7SNyP7yKwYp/yRGBpZ6PLh+g0kJbo5yU6xznvjt3acwgcLHOZP9TRHPLgZ1yASMTLPgMQ3lIb8pTs1EIUxeRovxH1tKs7pK/pPz3RsAWvAndrUfFDubxW7DxgJ/GZs35BMJj8cfZN8jeY6pz0YRUDo4O4rkQUsVqgnDvjCoxxDC3UJkGGz5ZxnL/5AlZSb5Ib4tkbnPfjQoXQunOIP3GOawtRCEcaqeZTpSZHoqdvPBV1/k/jpFmSft9qzxXoHLrcBYoSrMPNTjj8l8L8BAZBgFZBFetru/VFLOSG14BjY1HJ9eyGsSa6uAZ0Tmek5Ai1gTppv8iixaDAgTdBkCrwcFsx8GpalHebITZHbAM2xncCE6N4ssyzOlFIZSyySEfTJzkL+cCdBl4F86cUCeJugfn6Yw3kKsGuCbgZxcMuIHoJSUiR5LsUMwjMb71MjF0qhXUVvr/Aa1nNsWoGwbWjoihxe0a/1uuVYHc+FtitFPwuHPbEcAYFnmFtEnzD6094kpmklR9bBmEMHfGoRiLnh4E6jcBun44HlxvoXGYpOPIvll50p38XVp64XjIRqqK28F7Z/vjZdliiUQbfsD8EDjimdWYuxsSaTNo+1JJ+mnQ3/ra4I6DYhRN/r2UtehxSYjd2yXvc1y/4sumtmUvuCNb7uz0gdg1PhGvPP1xSvqduL+/oOPFr2hV1Exaw3OZr+qxFarMVZ5R2CxKbuxFH+0d5oOge5STziPT1Bwc8Saew7woWFzgR9ivlDYCM99rbBss4XzkbqW7gXZCNNBeFxrZ0fvCUcHzCQdq3AlYm/GlqC1dm0V0HiLX1IbrngAPd3e8XDlnX01OT3PeMH7x537kftrNd6hjbrAKN7sN0/gCSpnKzTDeKDmxzGIRnB0hPzSbiFQ+oOvLFMj1KULjQECQhzxBXS2ck+ec3aNTiz52z+eh2bY5HeO/MiQ6iEikmJgVpw7hjIl2WkV8uiKItARGLQ2uqQg5kc8DGYC7OnHfOQA8bPHsFsBE3x2pn5fxHXHPGbeWrXoWgSf0LbcbqOWATvC+dwg/oC6Rufz4vCc/K1TYRGqEylVwAZ0L6CsegQL4qkS+gyB6zvRauz1FiErsBYx8gep4hoFxngLEdYydFBUviuy1ybpxxjLmFafm16QfOPfUQP1Gpl3S3PzgGQ3NBKyEPt5IHQuJlDnIO2JTPP3Iv5xHlao8oXbBPlLaz40W7rBSalhpxrQNzuVeIw+xjwpccBRw2mtvOgvWCjEZwzXEdQ+vUsnGy8RK/nXzy3+EgqiN5L9wv4g2M6x3skpP6qHDvzbaAoZyZ/MMf2b5lPeRAdg14wzNm1VbSID45z/8XLrplWazw7DTO5XNOxjCXLWTmCpypDLO7rIeMhlBDj/ht2NJwjURFhUuPD0+nYv3Kz0GzEfXsno5a3gRcDbOXY681+bXn/fRFSCNJv5B0j+zN90EFTeLCeBnR2kDd9UPsLlhzOpx6IeTsvfewWNwguXGA+8Ck56uBaMXHQXN4IgSWPBZ7mg/4T9bd5nje0nG0sN9vHKuTLed8plLoKymY0+NLuXPTD54XkuHaoLh9u5Rpue3zRzpbLPqKO4iL0Qr0eNf2pun9Ba/vPkq+Epz2hAOdoOnv/0nhoJPdNU6yr2FPNCa/ck01u6PNId0rb4kyDtssBtDw3AI4iXjps3x8V2jUCTfvDts2sg/qxnpq8+kEs35dYR2s7oDKXdUQ6e0FDQ83Mq9yA/RUOpU2T5XNvGOi9ai+0Dau/LTP2gzr2x/VZpNVwOfQCPWo/zbb3b3712QWjHsuiBuzluYaa0UeYmOoIsvNrJr3luvN8JSIMNiLxo67hQPHRuMorqSC83ttdr6zLWYuErT0QhrnsB0GYN4OQko515IHV5K7+27WY1rZm9DnmJ17rc8dD+35NiI81IO7D/MxHD0z9eGYNziZ06m9bB71FMp+J8C2uPsqMQ+rr/TliJeg1WYPibMRwr9cS5+IV3uqc7p3sCX1KL9L2vzVjL1+tZdMJ3s6wJV8Ha0YLN30J3KmTVZ4TJ+DmvkbZNq4v7OW6DCjmmfJGmtLWJWkLqAnWyid57HzG5cMNma9LvAUClwWvKnBbiOXnWT4ETRcOMR8xQ5uhyPjU49nDA081fmv3HrLRbGatcEit4BcRLPevNbOsXSv/G0YEWEQvhti8bhkKAzR9uKd2AjOyGqy5Zmqk3ws1+8pjqf/E/3IqxpsWid3OPO8GyF8FHsCs/yc1B30PoZfDEzuv4dSMxRD+aX+TZLYJ0QAQl7kXhtAdXfrk/v/wjDyuVwClbvQ9xXJJkoSJIXJXYHhtS1pJKkZbdWLDHo5DMvjffGegaZ50AD2tyd8DUnhv+A9ieHY5b+DlhzaKsWb8jFtDW4zheR+AOj67dP2xeHI63teveLVRCzVQCENzJXGnEgt8OE4LbqMBdQ1gLZl57CEPUkAyF35Oxu257if2ZAhJzJURvWYiep04iOX5a7yCL04o9z3JgpI306nkY5bBcIbkbC457jfq2nj6ghCwCyyvqutL0J4scNIVmeu9wHpSvZI3x3NeJDJqdzDwlu/3wABbQ7oGZKVO6U/iq0iLTFiLvd6fJlf6YA41dCiIazJMnlHF0p76ZA7zcK9qGnu1rImamDGsF23tCr5/XbjUFwmWQgh45ww4oRzNcpZ+oYMiS/+byk845nftMO/yBGHGQPJpkLPBUaqkHziJfYtLwjdjXPs3iZ+i5f/DPuxQ2Xe7mdI3bNpSeomJppjCuE3nTiA8aBHHH/mScTPvXgDpPaRkGsqsNrjJ73jz8YDOfKVenryJ9TRvSl8Lk1ojtP1NoOkca5rWLq/yLPmnMwpE8V0Pf1XvX+vjnQY1/NdT0TScdh0Q5pj64bUtb+QTkCJt9voW+0BpCnt30cTa8O5qY8ld4Vev4xnDXsbelb2gohX0mkYe+cT9dD5cN5XkPakx2ujvN71xTxcNBghgwRdzUuK6gcIYZXlNF7mHPRnP7iJyB4hnhM/G7IMJzENw6VvxzeZylyVAV4VoKz8w1NDUo636AYbO0kfkWH5YriOQzxxETKzEqBNFEhvxZTKN5W9lIchGQJhENB+ivJ4T3CFt0WPfm3JRItvKGuxjEGMqsRSReaBdWZAsmXn2Locgc02PUAnfOhIEnyP/O3IGMAtAzPVyRK9JRQObc5EYGI2HGvgz9Q848cAc99SSnm/6CC5fllx4eIk1ZOaBmz31miaAnI80qp/cCG+nt/vaBI767DdAfttqn2IfdVpNdReerWP8IRx7UbLZbAFpH4JbtImx+SnH85SULPDMHe8XCsV1ikcgo9ccizn1xsMd0ORJe1WzewbUc+61Itah6hOXG1caCCSamOJIa05s1w36cZJ7jiUgw6E2Y4+z9DFhS28P2Im/jWmzXMwW/LeJsiZK73rYxcmz+fQZU2DjD6soL9thf8MuHgUIpJ/zgM1cNzZYauOmKAP4FoPrMi1eeOLwf32ylJbASylRFRM6oiWZrVnqGXf8YCQgz8NvdRjycOSEttRXOuwTdiEPAdZHX1yDw34rPNT6HwvhIdeGrjMfvg2zuG0P5HPhAn0KNKkC53XUa1sAg7PoaYDr/0XDlFt6Cs3ME5CBq9nmDiv4QWh8t591lgeq9Mncb3rcclmnt0VCi2d4c62Y38mWL/K87lIDfHB5b48/aBF8N1mf8W0fBMRM3hu8Lj2X4E2HmIpQGCnFBPT1NHCn48X9g67apY4lelslr44VITaXhUXrJgh+eT/VnNmpgfiwJsK1ptrMc+a9QZ8zOF7rZQ3y1sVeGfaQOC4kEswzXHCWLHkemtjDkjNi1+h+ag9YzZ3sXtOxKMQEAnGdEeo9lLPXeeBiTETEA79LM47ZR+CzBzP0ywxhmMlJbD+r4CrQ7MQG330GKag5xoDBn/AxkWbmfhz2FaRFJ2os8X2F//Df0jECj5pCtzraPEAch/od5pTAk77dI8FtezKRXY6184u39h/Fd1ykPfeih3LWWfSFfkDuyWo53V6GVm+cWN5j+M590a9ziOMsmiezcAH8yJ+0dQ0l/0bbMH6vP2B9b6Ldzz0/aHvPwGBoIdpXZn59oz0za3SoxZYqcPa+fo6a9lBauP8bdpbz5PS0IeCHcxZNQ4Q2O7AJC/E2VVZtbAD8N1qFd0t/siaNjEUT2Usm1hL+ASyBV/4AXwVaBFJf+At2OhObD4+t9P8ed1rD0J2v3V58++FMvGWDLqFNeKjys1A7EluRsY8xaBJc3y+uZ5fuffp5BogJISCkqe2iviQ+rGVb2xLSZrHZCpdDfzerzg7j8ZPgCxGFnKSOPVjy8xf3uIg/rU/e2555eXl0l/VQ6I0wMYtIBGJtmkb9bW3LQZItKE9t3+NYiP6304qBzfZ2/5K446OY32ciwB7e9KNNsybrU0ekFa7hu98SXR3WmLSJJgb+E27JI6ACFMWF4wEKyMIVauZEj7KZo3bXA3AALXzRdikerqHPcvaoHYKLrvTlZuC9LXshnjD1m/QFiT6ZI4+z69KJOTVp2BwyZWsWLvGm4zmSGKcfeZTTvhY9AOLajzlLL/GoscSJZQ8KsJhfI8Q+DpVRaokP5xdYXbtyu+1a7NuSRbuBH3OiA2r2YMQTV8skh0FZXznrzMf8Vj9pVsi/hGZgMCAag2b2ByOCu9oeJ44zBd/MLMbiUZLho4TsG3G7PpE/5ZTvF1X6YU5nT9tLvo894JX7yta9VPtEfov71xonfc3x+u37li/sBuKHNNVIGyLT2MUn7A8u4mvKBsgw5y/tTkvoMepqPGOtGOII9Q9VyW34KU6NzG0M9rCTBI2YjcQdxkGaBg/YlBtir+tNXFvI159W5X+XHno/ro93jdjI3X7+WHtYaw/tanYc/R/3srvOFD7N2CMZ2oP/ZwayhwJzE1isUTkd89Wn3tu9Yw/bOtqciGoYC5DUVupXid01avuPGqW3KOr9EbvTkgb5nvDq3uPirXCvzZRIj6by3nCwlP8mUMlUR26KM4+ZfI11zqDjtYUDikpRQmMCTxPPKecGYYd/pQcy/sQ1Vo7XYFVgmNQY7TYXruR2cUAov1sPZb7gUmvof+wlcEuOZ5/3gjWT2mws5uTSwCw5mMqlTfh1ccmoc2K6SNTI9zDpsyqEF0X5hcQ/Y1iMvQAlbTup1A6ZZYKAEF3PXlhnwQuctVOCxoF/6mnJSV/sQzFSjulrxrW3/VSsJ0JviYfQEqcqCzXA2/8vNOgYXp5aV+i6gJ4Y+iUmZi//hS/Y1npR1ly0knnNIfjkk+g4qc94znGN4OPo83bNfBjsB1Jvx5bDRBPyXhmTnkuceZuLjOHLe6fwheJm0eOCilhnvPMpQUlnHfoYVV/i87nwEj/W+svgxz4AL4Obh2DYmBz3Qhufn8r1L+KDw3M/a1+/Es8PZQN9Dnm3NZWLqOH0/A0kPNDnfhLOvbkDG0v3c4Fs+iSOaWj4f3N7FCPrmhWaNgUrtBCAXWBLoAk0UnMbuLrZWw2/29/2lHxbd6nJQ9j0WkuP7u6c6vZp7V38sVAAqOU64XgPTDQhhLVmS//Y3ZQb9Sas9/T0gW9U+0FQG4jNWP4720F2oA2o9yHqcSbzdH06lhyfT0QCDeMaIfSGQqrOX3jZ83BvTX8jm3gr+KlOgF+9+QBrhfLN+3J1iUebP6V/2yuPtn9xVxKrcKFTjpg+T5whdvowSUmWJZ1xn+W68c0d+BEbxJ0e4w5TAUtoLlM0NBk1pmmBBR/x8Vwgb0nyWG7SDmhNDUGvRdRTvuGe+ija5MbsXKuHkv5CMealF8e0+Lg/xMSsPA/xYMNp9ZZzR7LNvO/8MxfjUaNMgi3xcHI/oBH1p9jERYzYoKaG46M2udom+2dOZ34GeNrPomcC6rtefCZhjx4DKJotcSQjx7VQL3HkZsAV/Vfk/5ukkCf3QtyvjDeJu3lLZC76v9mX5aVMaLc/5HPmusDOWBf9Re6k6/W4b0PN/JZuh/30nxqwBmbu4STnMal3Wm/nF+wbDcWEjcmH5BgaZxKseKk/giO4ORfILhqmf7rXWCZ5T31H/jUeBZ402UTHgoeBYk/jS40nLcuz9Avo9j58wx32Rv6GfVDIvdAO1W6cxLd42VTj5wU13JbTNZrvvA05wy96LR8OFZ8irTDdWAfdnJ94BgRESyVXjAXTAi/K7H8sKXW+ml5XP0h8FfgHeO4FZvn865WY+01Z/yAdAq43XDy+Qf623iBdWz8AxtoW3PWswuxfYz+yX/Z3gP34mVD6xaL7YbCQh31DCvpPHT5TXPRlrdN+sLmXUoTnP/zHv23tNboe/I5JsTDyA3NPwNfngolBq9fotKkePkTk35p3wpM/FWUTvRjjJ83pA1CrsXx52uhpOW+F/UhCv7RvZDJMGmUy0Q0CjADOwpP84wEw/gRn3720+ktdSXpfJkxtzhkANgQwlTyFQ6/kI+aEhvNUu74jlxqWzPOPBlRPbGokxAz/8myU7JuaMpOXoejN40HUD9jl3EV9/2ITWHxRTHwvHHg0lJgsfBteGy74wWEs94JaNy0t9OilJ4zUZtqxUYp2iomxnDeAKSJ8hpFa9HR/oS18uoVDx3Cql7YWgwDxjCP2Zhh+vCah422aDXc3yv4Ej1j2y9mFXPTegkk7ryWFZKbWxAOMeaG46fHWX8f4+3gUx79Thcu2G9DD2PVxZe/X0tdTHzftKhDFigYxbIS+aeOaYrzt7UIHoetlcjDaMw0I9sh5YB1DyTvtkfT4Cs+KTfPT/jQuJcuzEUGKSo/Evp43tV7z3wL1+tW+7V+J35z+36wrNwcN5pWr3bq+veDDLQ+y84h3wMCpofQGeOa6oVi1C+50cWITE7IVKYrFSUoYIenbxf1LDJkIyPVavmTxQnMm78uMkz4Mvjmjt/yX1AfcNiR9bzE/THDvQOeeYda4Sp9yinM7RKi75COQ+7MDnOIhvuvXqYfkU2+5KdpD09tpLGdMNX5ho15rwdV28VLqF+cb6znWQBIDzdH2wPsX0qb17VR+wtlpLXHee5t7e8G/CLBfQKe/yS8/tDjoQWfaJ/0HRD0/gXa6xLJJ+LDVB5c42BjMX971ith03qgZWG4toF02INcUSZaasPoseXP/jVqtPy/eii28li99iwPeBPUvCcRxQ+jLnHVNJN/7I09tzkK7i1oyNQBgMwxaaMsPLim+v3SCP3JDk4V5jUhFD3qtQgrdXQPAVpspnZface/mvwzOgkuB+HmZCPivZKMsYvbHqeRHP7lRgx77SsngUIL5af+ZY5m+P8wjjv6ombUMoHbixfDzBhBGB5s/hLLORbLXuLcdm81mdtHwzAmnOYjawK3glzH8bV+xCZToOBcLDOz//D/2Yv/nJAk5hC9lfygaSWpzdhE4La8+7MQzgTm0x5zgnvKEFlx/jlgt30+ADoPpcW82e+GLe9AseqJTeoaG5FIyYo6d8gZcdEje4Jle5jjXS9wCpYbp6v034RlL3tdevuJZ8O38Rf8LFgv+3zXsb9iHpjRULhKa1+TTYt5gFUObcy+HzY7BN0z6b2aRveCiN/I1T/IUG8iEI6UUQvlBhR9sFb/ssQrk098uhcZpxxv8my/V7IE9+Ww6pZeSNEeTrNkxu3jHqVbPNf8E3eV2cUiXvWu13rbfaD93oyD6dbM3vmmow5YGCNjwC36DmfZp+oJWtF46vT36nBeZONv5N7n0F2AL6NrCRo1chzsWkML64bupvXZFbn0G9A8ioXrioHXPH9ZNvi6ZDfOHs7luJmQmX0KXGf1Ougu2B9i4zoJBzUVXGhHTWQs2tLiluT2sh/yOFFyfFNOLQpQFyFH9iAECqEoRPs3j2gXI++/NeWTLb2uzDHn00fxTvV3f1MoeYDCYBa6Qh4da1Ob7E98jk77R9E2XWtRJHozgJkzriy7ziwYwMogTamYbNOOLZmYuY8zL+fN8FOR5K0dTBDxuWND9gzlyOsJ3Ss8JTlOu03JlrWzKivIa4t7xGsJL08jAoUeMUsv8ou2I++Xp/mBNatJPBQa0P4IDREhyGLeE9kaax+gE1q8D7IhzrZG+JuiBbH8wY08o45oKRgBJ+9Lu1yMLKMhy0FIR2kGnjLMUawFIIt8HJKY4cJkrwl2h+s6hoDmkMlTRl/f0K/LkZD8MbOYf49is6UIDw/umc4Xu18Dv0jdwtcq1XNNrBIdMzsV2jbKGVaRG2LefUzqENJ1SzzfFgJ2jXLPzrDLe51Yj07t4AsTY9MKwI9kn5y/6UuqPzfVX4tkfTh1tzizO3jkjDttHGOBkLFI6dc3uF6wdvMcLqYTBXvSluSUn/ISlEUkhiSnMuv7EwIBW6DHe5YuQOuOT3gAUIrb7Lc40Z6bfzOB4v+ylN/9T0TfFNxgvqXV7T8FzCHJm7H7tVmW0XJdUXM8p74ud/Rlp0tSaX3T/EpsfkqxB9FP6lDeItzWXNVmAH9I9x3NGbfqHAqWnpYDpR8xxBHPuugO/Q558lfAyuzVwjSbYOekLZqkba/A39yV5BcoX9xd9qAx70K1CTH3gS0ydDgzxRZfroLZoLNjQ4MTt8aVBhwQC3szkab8QpDg1mG81muvo/CFqS/r9ZDFKUVrnvOcaN7/lEGz9KWSnCcwuB6ltPdYBxv7sNHZ8700b3Oiotn8h6YXgG4hSmaYRCdUxxjWCS7fMkqM2Z5emU0hDH5YnlC35ZiFoAV9T01A3YBry34bkD9tcO3q1v2T1kXXgNQE/toEvt3zEvKcQ4LPxUq2vDiFHUqWc3ifAongAvG9zo9StYAH8Vo3HmQxwUG9sswDP88acBy+H/JBjK1dPxEfPjhUu0+SyNY+bg+vIwZyHQoMxYp7mPBeNKGXuvYsafu1CuNE8Cm7GyQl8yVnM91GK9XzQ7j1kQHSTk0UhfAGhP52v5FAPFAuqhKQu05L+m1g2678T0HFR+qyFelHMJ5K6GHD2J6BXFo7gl/yFul8b/k4MVsP269MZpS8k9V7sYPF310UgxfQ1tt50DwpYHW1Q9iwhXTMTL4yv3B1+6muKoaWdxot2j5B+3a468oXdAtqT2l2Yn1kUUw47CJpc3S45+k0iMayVATGUgzViaOyKXK8e3yUD2NNPmos+AiRpstms8wjl5oOPi7oZukd8QOqby4Z2Dks99nsmfMjuFh6FMO0gXuVFQwkJwz8gmKjrHsWvdSS/LesFtTHeuawHfdrvmD8hvFbOC8GeOPs+yBlxRT2vDyX8zAbezyq1WID+gw7SoJyuC2pxX3l/bGUpxD62wCtB+A5GmRG3WaNzHvZS73lsAP2xjjXnv1Jpc1n/Q43TmqY66Nv/tiiSpdYg5vgWp0aGoYX1ZWC+1lzK7gdzRUC0jiauD4UVKItHerqM7FegqpDt7PIA5zXdgbQ/w0wfetkH5lFGEl7P/BFn/N1a0SsG+bm4K7y8ekmp2wG5Dm0ENjgxaSobtvwoK9xLQV4t53236xylUloYaU4YyKCc9+cvFxw13CUpVfYGftjGL+2OgsCOj7jUIx7ve+V8Dpid5iTputKGy+k5hI2fKkifO528zhDt+N4nMDYIQ3qr68j7pdRBWK61a1Dspri16LMnSyCHwRAM1kle6J7uG3L4t+yX6v1a6oQe/qYde5x1brg3RE0PkxOYoofYkEeoj6WW8MYcBCzh555FRdQ5ouFw84/vGYH3//xj0BT5eW8UEHb2obmm7RjN974jh/A4mGi6wBbtId+vj+ornCX0S3vRViLqGuG41x1v/vg37YI71TutQyRuUxd3R6uFRb/B/RWG1d/WJf7F7H+xEs+luJb2hd2sN70v+qHQ46pFewO9qEgaMCaPkafa/gaqgWaPnIah+6RF3DRPdRbcbsEDuYfgK51/07jUQEDeZMZ8BHuNE7bkyrv6ek68T222kP/Aadq6Dk1pfFd1h/E3MogRoMIqxr0Y9vyJqjI/saGPP7vWfqL5LzjjPvR9o98acC5eLJ9vGv94wdzT129UvR8ueFqLxTq8wfLIIf6EdS73rp3B5XmmYmZznb2++8gH3vedNUbwHZyW3uvQVyxr3UrVQg/k1UzzuMYQP3GwXeOyqEHp0KLrF2UShhivwZRPgdkYzxt6ifqPkoYN6HxutD9gCbYSvmR/uepta2ki6uV92ZaFrYAkZT0NBxqW9GsePRSMA+8Xh9gL3/PgK959B90ctcqXEiaiD9JUjx82eSZ1fX4OdR+pZzO1EFI9gSSGeXLok+hxC3ptJAkMM/Eq3vsK0Lh+6DFPDfP/y+L4jjcNp7Cw9FOwyG9yzi9gcwa9EReyDm81/BxbjFKlhAWpx9mBcDYDKWyln9G2p67R6lMm9RnALNie777SaHcMryXOqK+bQJnBweA55hezrnWBLh20Sb9fv8KT9QBfcpeCv2o8tSOvOaFcPAPr/VbyrB3zdH8WfDhvfk0+e9JmEWwjcYyzJ/o2k5ZSG0zmhZvmwMkcjKd8AVenrKGd74q8vfLe9KK21yCO8y3nVumj5X6zvi6V/qaPzMPYYeKienqHKUKh1WO/9KONVIk9tH90LkOrUXJo/u0oxOFgU0c0+abeqJtPWhS45oUTacalzE1YglXz0fst3wqwv14LccorhrGO/5Xv71izgtaeEN6nNjuBfhOLBp762G6k1X7kGoa/ipdvfH2jdY/Uxtr4wf1lLVCm0UsSo/3T3mGdQ1AINJeyOUMLGP9ggNmdCNr0kzHWjH3rvSc2DeuHIPbykyaMQ5kTnWVR8/RrdaNGL0CxANPtsEnry1L5K+2uwyIqOsQe9Q2QNDnTKtvtaV1ep98jnXjwy7UPHOqU/otzi23CDtAlaXuIp68LghiGxQrmil4kFWX85SzyI+O0Ft2MrQ4Wxd+Vlgresq1J7/NtLYqDbxxcm92HbEINco/geAD9WPERdzPc2vZj2VMO5DGPpqKw5t3WXDSPNeY5jL6hPQ3V8wcOAj8ZUfuNhtfkodUzaBr8ckc5trK0ZYDlb9oJtjnXBaFGpttrCN0pfE7tzgzwWYfkqJfxN/WJkYaST90+k4MesJcgcE+BjbOanwkQkzHqi2ZCtScjuRs4XDotCU0MofStvwB4ZQMkcQ4E0zfBLBPmDwI8zkLCLbzokxolx6DNJf7EkXzhhR5j/nkEjgzek8t5Ek2s8XSuIccaKQ0+h9RccMS0ueDYC2fDlrxyieEsuS2HGHAwADyMooPDps+LA89TD9pPtZ/kMy/r937FTwyMXbyAfun8psbAPb1n7jrl/wa5501LfiVesti0cq3QyNtRiJXkKdNSOcaA5AO+ssLrT7cIH8qlDDCsyZs+kyeDpAPmTX2nG1D7KJL61I4EdfXhlLFC/qFjNalHhe4z/jj/mNiUh/3eSSOecBgDcAhlwSnXP+z4m/VwbVIExlO+gPcOb1KuaeqP7FPu3hSi29zIvB8Ypg8dPXtN5buLAqYZk/O9pga+q+Zl576phOtfZTW8tfETeuj86bpN7+0S2S8anNaD+DIUqAIL8L5FlJIbGHiX4Jluen1fkC5arCkfCrYYYqcZz6YQRk1qcC5FgUMiRmIYeJix1PGtJXS5FM7cGpcleagxampzsb7lA3RbC6QDeldZAvceOYjN3gy3Utry+V5rWr7HkRykL5XIY3JMGneRgGS/fJ4mgpuH+tTJpBiWxPVHnQk3xYSdx2G3loXfgLp9nmLfWgR2AIsemw6s5lqZoqa4XLghSlwYGe9nMIqUvQcYozWAPT59ucka4FHDhS4X/Dc/5PRryT43Wgjn6Bgm0UM2ZabFmaLBNinh7+EQZiKLmGEg/rBew2p7OYpdFE8j7jkFww5sz6UOMExiHkYJn7ABJMSluM+Droesv/LMQRA9c5hY0ZO1A1Jy5EQcOb9VBg6gWgY+xqSHGEZeO7P1PPt1J8iRAIcRgqdzDeRU1xWoI3IAt3BkNxPAvb8NFML+vhocpW173Gm9idsF6p81Oy3392kdyNtYztMV/vYaWtg334NWm+nXokZ4OgNdi3vPWpwZ90OA/iLB/NO1TnwK9cq3nxC/kSJ+vyGtX9hJQDO0b+MW/pEVK4QuF0GdrBWB3Iy72esNUhdCsszQKb1Hzg+h4B7NbOAR+QyIxalkfmB6YHvfbXMmrmo/SHoakk32DW3BQEMfrB3wFzW6Jv1cQxSZrjuxnLMf2TAxHZYYeHb+8h+LoshvZz3TTYtr6j012M/dD8J+j5bNuMt+kLlIQvDlQ5exVgNhDzF/l/2RpfJPklPd/kV12wTFteAWfE5QgpJEM06/zAF2jL10LrHUmPIay2d0EOjrfkxaU4y1X828P/Dhgg1R1AQY2mkRusOJPL9z5QzNfIsxAXwhIR452omhwQRAMXrIoWyOIPMR2vUKGCknTOIM/IQDNhdiJvU9Hi8nDe8XABIFzJBqLTY2wjaHWKEXqNexCGdNPnGBnXjUOPLZkIFOGn5Q+kVGAeHDhQaPCfzd2NV6jMd+Fl30YMTCLU6gA1e44iRlg8P9qc8DUMHpw3HsE1oYE/DK+B5mbeLI4ywSGUrSJZQuANQxM10zEnNRrlf89wKB9zy5Mfc1K/UWv6LZW0imbwaOz9MPPfwLEUjs4ZItr7vrkLUUbcHtl6wglDxFoj4mhlQWduYUsOOxFvQCo3qphTyweGaQE/PCQzyIT3ur+lp3sU3z6RqMWuzlbmmRRsDXZAKA4w8HNPEHQ+Pu9AT9C35+5cNoenYFk3LYd+wx/VG4NGeII3hUuIPQGvgZilrLdb8Vfm3pvdTr1gsRpbh+gDf9f2qK12cl3V/YszEWXcG/i8SieMOpWNaOINevHyqQcpwdMnyBUo7aiQst3WCcz9Rm3ubCN8CESXgBZzQNTS+HKoQdc7hZ+ru7HqCe671q/WxqMN7iCrUXi+SPtIrw3zjHPqx3PHTPF7f1QcHhV0sb8tcuS1FI/c22E/r/ZPb+tEl2wWZ3OY2rTb7NGYZBPclPJjlP8De4XrY/s5b7emqoxd7UbRR3ey8TZozZRnhNe+k/UHvaI+ixX9c2gnMOzyziVRsx+FPOdZ9eWA/Pe/RgQq5lL2VNWkQ0gdV+JOUm5ac43zNPGPIc+0QwsGoRzg3ydRmm9KsEy+V6kswO6pznFfsUKepX5OoRx1rOZ5BwC3oeSRiajxxiziWGXM5cg63RtRjnHEHmODPNucSHWshjeC+XWV6xxcgxT7yDQq/UKGxzYh35/0nXfPAROmkI7MZp8MBPXfTRz4v0jx7gegHMMcB/+ge7sgZJMiPn580M15dcN/0e1j5JMO6phgsDcBjJlzWXZwS4rZ7KJV+DoYVQPn8s5jLMSV8MuYQ55UvvRpdYn0WLcIZ8jgKYpgGM52SPM9YJp/6ARZ56XpyOzeZnztw+lhyaCo0lF2Tu76IVXEy419wNLYT87Nm8e0/2/64dVOGAx8Gw6zOoMwEWg+lnSmIdmjreKAiB2HCSP+Ao4dfC+IQ4hw516afgXReQnj7RNOc2yAx2/X/hsx7noYZf9+ipry3hljj+LftJnyJb8TgPxL2Yd2ec1O0Wx/1srbT/hh0MafCwHtZ4nk2EN9UEnpr0WHvzUa7/SgcWsRuyBkJYhzMh9InDjBjzGu+HllzOis0HSAhNGMUXm2uXNfrFHpr6pFuKfHSG2h8VXsG/rOdLS1++rHfdLz29WmSA3up2HPtjXH212Qtj9P9s3gh7mDk2iaJq/0UTrCFaLLGkmAisugs2Wp3ioOvzLO/z0H2aWHenPfHJmXIaU1zqw0jnQhPXwnl9mF+043nkPD6jFGQ2uYu25EiZMMyVOWpBGxzd/8RRjA1Egi7TiT8ZRtJ/1Lr8q9wDjz/Pe6ohj/P8buUxEq0u+qXLL4Na8tN6TNzxm2ulupMNrvcTDeVZjybKe1LEUsc4/sy1QK4nk7fhvy1m/XmdO1w4zLFE19vFRe46MwbsXGCO/CD0L1/gFC1cSAQpZqYPgHosUpx6Gr5rs0AEfOpgkfe/yOjXWuqnLgtztgRo+aWGdZm32bmiJanLtJxj8HIYfmb0RhDs9EMPyuWX7wwYkXZo0O1Yryl1fHMJjviw5Csja3Yd44HqeLyQOJxh4AFO/KV4+ZFDiJfM/28WAMcQs6yVuixNfFkX9jiEe33F93OduTCcK716WNYFX/tgLc4hUybuYwmas4ujgD5LeH0Zg07h9n4t/+aHUtDRtcAve2ruuB8OHF5aH6c9Aduvq835nIWNuP3JPZAG3UwAQMM45fH+YGdEJItA6Zcgb6bA3EnsA25lbiLUQXpTc8OsYdM5fmmv6PSezguBuW4E0DMDm54Z5vLoU+9hvv+GPQsJ46OYMC/T+exsyR6uA59gA6eHssePdQovnVu9hMJhCeY4O4tvQnxIEnxLvrOoM6D94fpTXdErfUvczT/Q75In/9jLiWg5bHVptzg3eVdjAx+fD8BSp9usxDz8L9rkv521Djjqq029Htv1Rvxv51Ivin2uCZETSXJi7lsnqDR3wRkihCJPLQBXPiiQSCEKMy6zpgjP9BLITDFcQ4Uky7BLwRk0CwbcwOADA3Mimabn7DlVJD88symkNYoWAcMMDrBPHzQ7lbWcK8mlLoGCyf8EyXL6YYqQRYMJzKKHLcLj3bfKSGlH/FrYRTlqiuwTzqBeSNrwEF6efhBBILio42cdQYrZnLFDI+M9IjL8wYTXiXPkJfCCc4Y6qGvD+7hMt8P0yTEGmK4RccDsWmUNYstsJOceQLkXICouCn45s16LDUjDpUar4yVxqDD0flS+gcS9sPGaH1K1d+TYf9jH/TWsw7tG1MC0Ow9+DsA7cF2cGBQasAgxxV485o4lMdRWwpWtrxSr0eph39lLzF5iw2VJFeHzgbEN9UpvkmVv5QEz1XMh03k6l87d1ING16bP+Wq4vpY+JbWL84JCEwPt4Is7fcS8HgNDv3m+Ad4M19Ac9STmmEEfkIVP3gbPtM7bPVCQ2WzNf4BBp2HcPdW2M9K/tCt8WY8mp1qMKU5t5t/O4GJM6wvdpceLcb/+oD4fo7fI3mJr3upTLcmTt1eWzHUvy9+we7ULMAlNMdYWalZw/JdVk6lvNIwd5n7TdujUNzG4MXxwNmd5MxIBMa/z09c39E6OlIiibepaLU3XH64UZfBpFu1HqgBgsm8JZ+yp7DEfwphUOznSc8bEIMd/28JEpj4F/muT9SC0s7WIYjT+P2X3+twf1Pcc9tfOq8b/RW8/1ieRM5tD8y2ma20psu5ZAdQKAdUBAdAeu4VuK58jd6h8YNaSCqHtNex6LM8eAmReak3icl3Zv2tPWNMmBmUcQpwmpAeaTDuc92s8A0uOhMNMPCAsv4PzAw05T3hdYN8/PE+XoTEVh625IDKk0NRkMEDYHr/1zHc78ozz0B01U/xqhyUkXExqlaA5jD/xwQMWOJ9pRMKvB2wdFI+Y77vFlKpw2vjhSPlBgm0Mf2DS7w/2RK7PFtTSZW1RnHnNMUYtzTGGmWdPY2pnPmohl1pmoI77vaCKkLDBpIZxfF/BbVj/d1dwqPpgD0XkBo1faqgdfSn1Zt6W57kGhMm/IduD4PunOONSKusiAIcBzNMwnEMi75+dKGZ40rMANAYtp4QW88ltdT3OGqI14oETDKSw/4zt/rd7zOdZA1FGifO5bPn+xSwpWJv1wbYzLob3L70lOPr3fMebH+mEC+T+YR9BkcQe4F5f+pH6rCchJ/jaee5L8hIfz7c2ZTbb8fqDBuBef5MrcopgRCyuAABAAElEQVRxQSlQgOEEHutAEUxhDhtycbxfA/XnYyhuJ18DsnZG/HP0Bun6lkMfPrIhBs5z8s6wc3ZXs4uz2aaW768tfnRZk/MR3M7NS+wDrKflb9gjtVlvJ7pPLGbuG2P+qWRkHYK80SaIPHhKWotLIvuQmJr8EJB3ZyT9RiFQ+uH6PAWnBMwXLOnogX1wZi7pw7oyR3CbywO55dyFpvWTawxM72GiIgYce5g4GiNup5XxA9B/6HLIp0Y3ZM+1pw77sT9cm0VLelhyEnjqz5f/ph41ta7xTg9cUnzWGuBJUh/4fh9oDcF183TpoH/Kd61H/0GsrKeJac5TpuVy1GyA5hY1UkpQHexz7B91Ro5cj/LsUa2vdlxXv55R3Cd78Z/GH/TYK+b8yT2DG56mc40R1NxETzyTFthxFKt7tcOL5C36APYaeCEOsxbm9RruDVJQVynwPRAAUv2IWMx/FdYgGSfZctRkyLU+vJA/UmItfHY81YAWMD4THAWY8zotl7Utjl9PZDrj3fCNaUEj4Zrnly7bLOiUuo0CN/HMCWnLtcQ2B83Q2GGQ93sPOAwAZTiPfUi8b0zqKCZsnBXKe6jpeY3TWTV88mlEn9svNS56FXaovZAabeUUUldeQZHAlM8igpN9GU4TLsz8YukOAo0UruvTNqy+t02MxLOe6DLnKTmbjKcee2KAPmfGY3b+lLMY1on8cQBj2Gltrk0ya1jvHueDBnmuJ2rmM59cmb2fXo/a4ANrLwhhuG+zQDzOF+YTEFjksS7ksTbqIa7Y5HvifvHPveBtAOV8s7mbnpbToZORwTjwEy0YaLqexBLXDcPgHLwdu7MAvufc2KjxHGzSpHrvcGhM/XFtMTvEbFKuCxuFckPMn7RYi7gNhum7SNNjT1H26/SF/rjXX8Rqo/aFXcibvXCKwKpEeIWLi/8wiC8/TScPD5SwiTvJ+aFGg0/jg2Z+egpN9OEl7AUXpAx9AEpi27v1sctBesr1kr0H5xAEh3sp/Xwx/Y2Regfi1KvCXeJBx6/fh5695mbPtfbOBh8tsfexvbf79wLHOt7Ppu/+w5XeU9GAUK8bvq5NNRj3HjYv/UxljU3PlGFvWo85zMxr7MlOrTeNb8Te1C2YKOoTE5xbDYR3HwgaNF1K5dqQedjbJPfrnYm9kW8cAuEHgOwBBhsTHMwMG+btWvMMRYEnnu9jq+vnbtiXEavcgaPryDUrp9lcc8FKYebRY3nveqND0RBBu7isnCmRyzC8X3bD+7XM4kReM8OUZ5Zx+ts5mgC+a3QOMdTOL10GZC45EAsg8ShAe3c2PG9/vei9EIwZgeDzv9dGiKkUtpgOSrgeEmlIL0qIvL8Hatzs1GLhlh9d1iOZIGowz7jMet07HX6h0glg5nnIRBdm5hlnP+aXLzXMYw7tvBbms6zCtjbB1AGwxbDm/O/pmxDOWz7DGq8vSNdH269p8DAxjjK6196T9Ki4vGlbb6MrRXbnicvwHihiQX8OBN+fA8zpbI2VvpljXfXDxmcNrZnrsaAv2WbPy/opg3mpp2JqO/jW9D1smumipjnpR0HUQmx3HgK2TsHzdrqooXG+MXxfw74i8UoOdegLCCGn4mXIC/QCEjPVU7Dqhf2Wulwb1f2B3VtZJBSwJO8AYDnUUTsBg/GiTl4P0huH76vlXmoYUvuMffXBC9EBzV96afl0X9Z3/H/jH537QPgAzX66oev1PYjd0/h1F3Xmg7/boXJ1hvvKmzDt0sBcyx90HcdT0CgKo+37J/2wtFIV2+PMadxtF5boJCzpoylF/I3xN1oodOBLqasl7KXszxVsr4bpvKlEx6hKxwPbY8unaBX4YC99PK0vtDfH6lVl1uQM0rK+V0oB6j1vmmO9X9WKknxA/oXW41LROAuZzXWAd/wbh+Dsvnjs6lKfJXe4En9zbxihay9v4FE0P/SSUIqtDt8nPvU89LMqXz0vujxz7ayx3QU/CbfYFy7PHzd0qqc/ZNt9eR9rQiwSvjyz/QtS6xeu5w2P7WBP3guFhdND8FnKOdCImNAuM/abGsQvOGtINdKOQumTyAboy+xnU/xuphY1EOAIO89xi9PVOfU0GLbn+qLNn75kJZ147Yt6lsNzgRAPwwlsXkuJpW4zHDvUAIzhbR3DeA7Xt91LI1/6yS81LAJCH4b3tL2UHgKH3BRHcNlbAKFjf7Y86AV3wQTfS8O2oRjYHJFeehvPZBBVy2/Idi+4dvRGfdZj7tqsK0o9rxk1yAs36bh0fCRmkEYKMXDN41qQmnps58Ml2Qw4rSGeSYUAhkHomLOgxwm6KBcPuSHumspzgbsQKAy5EF8smLmNLm+J7d6Gll4jymNO/QiOfZCApBE6h+ntbDzeE1zGqU5ed4JVOHpgaNuL4Ha1EhLGqNXIU0vsRedGu1IMHkSWHpQD2wDHe0mbUPtQU2FpWy3v5Q0v+kru3rC/YUf3O9H3QncJcHgX3NH8sIEQy+XBEtyvTAhv/sMf1nyl3/uXu9kfVBTpuIjvtlQ/4AHae+J2ezk4MTqO8TILvsRPTudYobI+4xZIcU7CV26By0LErEK2eZmTfU/QEEt8gs6G4pcez9Q/z2ovfy4uglrn12vWa7C5B6T0r0z2/euepy4ojpzagmX4X9SnNss91sBe694HsesgzBg0/TnLQHB4YzO8+6BEuM8mxi9I8B/7FXLWkZiayH/VK/gP5/CpF+3LmyKhJKrDZ7v3NPTC9XFedDNRdelRMi8/F7/pjeE+Q89jkdhdd6S9RBaMTuBbM5kPPdeJnjQHVr6nRE3EOBjichjn7GeXjsx5poPIX7Xnl7miJ0XEFLXLzC+QSoYdJHKViNjuh3q+bgOo3HLdVSxKFXzEyOs50r0POphb386La6ew0RYu8uPftreC+uW+99igd0kCAeBotRnus19nCy7PI/KhifVSm/EQ2vYUFG/NXyzA2UiFF/+v9hKDftysXpJJzDbyPJvv+Ss8v7JuAJdngLD87A6CXn6Io3ied+q088HWPX3QQB7pPgpfktueDDPeM8EFD4XymRVF2VrGA++TJb2ekzVRbewtln8a+cw5gb7kov88oycuFxkYX9MJj9yO0+Iuw8OlmhNO81rigEUK4+ES3IfIgIol/1Kx10OtxHSjcfx6a5GO15zahntzVigH6tI/kj3Y+iO/zfaFvTWTAApyzsQ3w2/AoKjtIavN2K/KKHnYzd0Sx5Xw4D7dvcSJCOqMtZ60RANL0T0Z9QT/I1P3SwSmWoglvDhCPJmD6BBaFYY9e8VblZZIrkcy49KGayyU0fzS4xfsWOyHwXGtH7WKRltIyanutPGaV3vQRPqLxBbctLXsaFtRp2x4uF8/9TUWWZ8d/QNIr7Fpp6gnBj2mUyDu+DPH8r3GgiTAsF2OKXKmep1DLGbkoFF0+BwY7sXUslzhQOzFIP+RSwBmkjb6voahZ+xvUsPoX/SwRFI38vwu4Dhvi72luNTZiSjW+NN1AhWw8psDrTnPRw21yY3UPaFXqX0nzpZrD+t0VtOjy9n3eJB3zV0cF4L1zHQtCgbH+YJxfMNQ3rF0MOOLXpzn1BGu4jMchua0RzRZcqgj+x30/9j9Y3QnLqT8C7mByhEwn1/UgcHwL/cwLKfbs+gDY8Pj0qcHo0hyYq88Fy/I+WARCySesbih8otpxMkljFI6p5YGQSCZcYpo3PrPf+CNHM4hwXs/6Wbs7kMvJfxYFjvI2XsWHBNjPPr1HIGYsfey3wEr11LhPGOLToD8vZEiQnT80CshOz3kt5qHPfTfjpV1sY7Ou31VDNdbYnDaWqb+HRK4zMOYRtObIKkxJHOPdjq7eNcCTof0e6q/UMjregqk3XordZijDnXJtbngGSeOfIu/ut7kt/kV99Bjk3t0Q2r9R+eemHkQnoCWBzaH2gxOMeam+S1edpPXaZIrMWqXd6SCqI482FiDcwLfagXB+dEHpkUvhb8Z0OHyvjEHNJs6CQaG0EFlDh00P2vNFZbopJsfUuUaL0QJTBo9dliaKIXZySvifUQKQ5YuS9B/K0hewX8VKeSDo7pR+H+0fmstP/wPTSCk7Tbqj9zy/DQFf/b+SCmeJdbg04dC/RurYyldbLs2TPX+u96uF91eauU3BTzb5fnOD5cjpxfc+G+v3W9wWCv3A3P+N5lcIMTfFogtwHLwiHIJ1UECPvQw1Gbsyvirn6shjmS2tHkvy3wBmxM1Kcv2rmYBtiHk/FJ1ZZbX1NG1AJXCJmcgdxkjaVG7AlK+IHw/qFEy5ojmwidHMKQXLM4vRgR9Ald4Ypa40JLvZwsJG+SxlSt6v3qt9r7mseAWXusJm/vm/2nst2fn3i18sqZ+TwJci2NkMSUeAlPspM3cwkNgGJvwhRyS/nywuLctvQ/S5RGYeWhOPK2ldhAXWjsfgC2Y4PqEmoOuQr7afRlav+egPcWyJvvjnImD8QUrMtqn2oD0LfI8G+9JEHoP3QdmNya9Ddb70Oc7n08d/0LTtcDb9ZoAw6ittYY6DPl27bRFo0iTzLzw9aME0z4LpsR3zgl/yu305vj6hV3Xhjo6mPMHiyT6B6+eB5Rcob0zexPCoqa/wZrDuv4GxqTg0xw0HT5wtnu9O9RWxGX0BsjC7w1oDG2+FzCkLkft3Y3C/VuKGHnppQgujN8HuL+2j39dKvXSsPXZAvmvJWc4euhrz/yHVZJDLfp/vrjeEwtFYbjsAdDud7r6lGKMvuo95gTs543XmUSdBVuaBkavDRtBXDjb8wyM8sF7MVhm98WdeUpJKwz9fA4xrfFV37lG6s/r0hREDQjsa30Co7mYXJapUiMcXJ9jL4ZbtPhcPZwbck61ez/gnPCuaS/eM8gs0oXCdz30uunT8wPXvxChEdU/NAZ5bonLKZZ212JxjQ+9vA2pjF/PqOv3XySJYUtTr8C8Og8mAlyen1H86t41Dwt5yjsVtdAbHLzAiUFzWVckskfDpwbJmImD2bSf9sJljB8Sx/PrWH3ZnM2lx9YTiviRZlHOZQMuDP7vB7qGRTv68bjU2UhyubqKy2btIC51mCfTAAwtWGJsPuUE5uaC1Zvyvzo6rrWF2Qdm/2Gp8fIHT53moB6svvcx4LK/IQeFzFe54j1htvlNzSL+1TloIsWBnnwc8IQs81dOFPbruIhJQHSzP0sHXYARVFDN/htv82zIBt/2I+tcGqUGZ2LHTbjZgDtE8dS4Yc8W+YZc3kOf2A89PtF/ko911y/sZd3m+BuIqHefqV2c+TdzNHRDh00p/d1It7QHtRvsckVIzCfomGeQOj7rw5qAH8zQGrahKLFuCf6x4/tphZ566WXZ2xseaozXjSJd/I/97Zuk1fnLFlwrBLHeN3vTl+o805jmjoXvH5q4iKEgUkPYpUhzR1+EJKYikl+0A5zXGh9Qpi81Fi+8rhz32La/ju8++VH7WKtxWXP3xZ1w4uhj/lJHeZMdWzmltjHvyZrQD9I78Gd9Xdy0+F0hiZ9qFkk9H3zHbeeIeG1LSi3mqXaCDeRnl3sIcRZKkBg4Z60v+krTHpe/xdwBo0yXz+rKy6AZUixug3yWKGy0t8XubcDZWkovgVH94hk2W0xD8KKPa8E1COIyg4vSb8678p0TAdgYGYMug9WsfQsGfIwSajqZDBCxsYxLwF67zwTwuxwxmFNXzqZy1XZe69P5Ect6C0kr3vYONsW9DqnSK0PL3Pr0PETigOR7vOHStvRUm9qnHDG+6aXZK5NcblLvzwCJAUVw2l/WaQZuxe3Zb9g3bulls98Fo6J9bZrb2RAbhr+vbnID/A4NnKUt7vGAvYXEWgQs91VD5NJU3ehFW2KJxNNQHmMfZtTYaquOHqzDM18ptF/XIAEzF89Zc81Ofe4F5x2uxdPd8DI/Ga82T4iGf3MvC2M0o6z9K/GWzg3o0G2iA//Yl01BC6/H6WDJAfykyeLSk4fe6h164pcW/zAheiyJ+Ue9qsDObtf2TZ03mKlcK7Wsif9g08T9y1jvo2vjenz9YNc1XvlWh9ee87IpD0Lk9XmiAZPr4kVs57nvDWGptwQsI7HOTx4NqYcHGN41kn44+0Kj0t/Ncm+ylx/VI4kihw47hNQt5QEAvQfIIu09BCnPhaKQi0Z/ou9Sof/0ZsXzm31szoK2RztavP67XATBlWtK3J/PsSl+Xx3Ec++sLz/z6M3s6XolNvS4jGU7uGit2wUnjOJpG8/rGB51ynOCGMTtTy8h6WI+YZ/yFEtcGszYzGaQs7Hr+8per+VaBY/5qQRyHn+JVS3Y3iJejN/7W3ziQcQI3uVEH3Rs3vULSMm13kXCTcfiwsdhU67anZe+9enn2gK+3lYPsv5vADPuoNZjip3jDsO9wxtDeG5yz041LMfnUf9SeFpvyUWdEote3sZ66/S5BK6HvTLPuF/kEhTHmihnvaYuiVJIAGaWNcjZuIgXoGAqfe8dau5JNbPU/QPNWmHjoQ4GGtAR8eU6CX7pWfkHm6UodYA+pyBCwQ36U58v9LIMsbqQh16SezCyX9UfdBO30yJ/yrNn6tI3LG4NH0OOqZzJIzYTn43rCztoqpUPMxZCXuzPZV5y8Sx2KJp5w2HTnHeNxe4+wRb6ix62mu2NZbd//kGVD0bMJuia0XN+kNXmtkUVdLC5LtVRm9ToAW7/kEHI23mS9z1hL2+FfoF7U6qsU5t+Q/5pb1rnpxoPPF2Xl7OXXFIYYxs9aFiGQNM3K41rOx5nEhwk2/2heLVJy141+Vub4qLD0Jt6wL7Bifxisp4mUjMNyx6KHVIqW+ysazX6M6bcl3adfqKfxUzfa9mLLifzYegP7U64zoPPtThPnlk8YyU/CUjsNTaA3Ku+h2wKMM9Zc+gPv03iMalJc4r320SXRx5rpf8Dg3XG/8kKixL0oE9YuY50bJG6TtgYTKuDZ4sPm0s+wpwcZgDsM+wdNnMAOIkKe55f35fYW030opkmke+njGMufbceiSOG+B5HD55jQpsabMfi+sZFI43ltd5Az6b1fUBxrk8xihNAcfo2O178xZRel9wusBNlX8HbwYpsX0NJzk75B89aTTAouWyHBXb7ykq4bLw9GUvBDAzG0AdRZR82+10wJB40CSnzV7yRl7qqoXYpNDhfsKTvOIhj8EJeXr4yTFgmqMc5E7exrBepA/5mvrCazlgLMtMZaNy+9qLVsd1/0eoryEZ3u/8iOt5Hkq8PZ02EzSJDKvcG/XF0fPeJixlpo9dfifecXRznWnb5ENJEjq40t+tlF9/qfiVwLVvBlpCeW2Z1DZsfKCKb7dnV9zf6lbVE8gMBbgodfAO1eLkOWUTBf2CjftRMNfrRG3otvSTwm5F782W/v5UY0U9bx3Z8nVw7lJB4S9bKTxzF/kN7d83Qnq/ZDK4dbSxtR7LH3bccZkCePlxAOwdJGTgbWlt7PbMeshRS8aC8bU+plCtV9RyVxN5xTdxzIZ66LJaBWwOpDKdx50fLSODxfgSNJRI/PBfeyqcGDJJ6AcYF3CFMDVCmfCZvh0N+lytC5hDLuefTZ1EGus84ZhTHHzsTDhv2dqrnPYcujlM8js365eBmYA79/zIb+nhm+HPQfKRwb3+tCx5LmHmNqIWcjhErAOKLHp1Ier8ECnc0ow/NlR7MoRTLbLGWKNwAlthUDzH8iWdEwUODhdkIYjEQ8rBhAOvcJz8XR247i67NGjazFTPnYYDd8997YZPB9hiLIIZ8wwS0TE4Bzsbyvtb4XuOClg0qceYf5olTYtHTcQ9Yg31yjjj1MOcwzKLZeIkVo3CAl8E6p/12zMPDJnUmbYmlKX1nSzTKoo0h2OSHMdXtmFf+UOO45N5jL9L1ut/xqnfCnnJdc+f/hcagrUsY0vsQ+uH4oQhoLqNrU5v6MScevtY8cJzqRUJEJ9XQ+BubmtR46uHSlC/sw7sxP8hRExzWKT0NQeUodozzzcJm5P1BPAJV6bbxGwHsldF4D6R7nof+z4SaLa1a4ewFuiVZeemd6kPPgPlbD0n6heGCH/jcTFyf6HV5s/wgl9Dog+1g1nHaFsWd7K75iCXBiucaGTuQC+Qv9+hQ820K1yzX0kjsG3Pfb8/1YOPTVazb/sLsZgbmpb4qvJEG/rU0gU34a3ukU8571ucq7yNdzAubugnVgBTDddZyid8Z4IqWmAvDc/bilKgZ04LdBVzDSMnbFEQ4MSLW4RNG4NdmYM93ggW8OqzH+VSPmGuDav98ZmL2VvQi0UafsG12jLTjPoubQ6hAfmZCGIPal+ev2TNj6N3wu/8tGGF99t57EPUs4Tm8YED/mtz1l8DdgQsDHyknhMMvKOh796wjxblwDoNtAVL6YsJmN1HvQSfzMMjfcJBOPDHB21HJ4cwa6VNH56mXOH8Ko/20r44zTV4H8srcapb+6DxpQLDplBrNoayHw3G62Zhzs5GzUfBXqL5+qF2Itrf5v3rTRNOLNhThPZ72dXweqO4gytD2PzGwDh73onZ5eVr3J3nlDFoIYWx723C43ostrw3Px7EgvplNT8nbnhU02CPvUGeQKKFRLxBjDgdsGg89jFo7HcRB+DjGGtrXB83xPtr180F3J+Fx9IqhCxm0AxZf2IdTOnBS142PLzs9fkj5KHc/aBtxd7Ya7Ha5YXfklYUHaBmm47G+l5O+cqd8EQ4H/9Jo155wb2Po4W1taLba+gZOG/M0puV2rGKoMcWYw7wpl5AnfgJpCAGmr4u5p2LEycxf8+0fIPvaf/KgkjKvTF+LrG8iPaQnyhKjhv+ACVkGFmQEkJe9VbiEd+xjXLUAhF4rV/kESPSIF5yavS5z/mUHzueHFBWGmcWid0hz71/tH0Ghs6xXezWsf3BULPlDa7sQW8Yzpd8bO84Up05vwePWt8cJwoz+Q6hzJv0eC4keXs8U6xih1+l+ivH5itl677WybwjQSfIvDRYLXVxytlOULejQ6LHkDg7lJ0g+l6K2Y3WT1A4MdFKTedmXzAHIPOwYJc+g5qQO08npepZgzueeNwHmXcvy/OyQ0LafwGNk3mzGPMEXAZQazAePsAWDRAhT//QDmcSI/mKKpuaydstnHGBxxFSZ2zYdfx81YHmGNP2bEBaExQTch/B2tT0ufPAWrOhcwvKK+4fPJQm/Mk3Xn70En+oEZumNXJ3b2fMU14iaFihnotV9VUPr7Wzo2ijX8gptX9mm8xTVesw81oqBB5yOAa9pt7XYkmwB1VPbYCkTBtI5GjbjMKacxcqZKIS4dhrbaNxNXWC0BuhfjE9aU38vmvAanQu/X2cLORYvfRg+/1erPfc/7aN3jOiTrkXsCzsPsSOul2k9kq6mqNXES2/4dLAcwocaeHCjZ+0bFPXHboI35p6CrSe+eTzRPM/mmgZyY88IkgPQwBtCQH4behb6YZ+ukxT9/8Q+FfV9OgH+KDfu4w+0ufXzhXknqL18eUN6p/4ehb3/n6rPNfPLI7tknH7OPHs8d+ZvsUkKwzhvjh/1MG/xSBAY8nS3nMA9TdTxZ645f3YtemNRiPV6eunT9s/vS+79AqgBP0cRWp7VCn0sfNV1GJulrs1HuvQK6haLBLCYWcPsI8eguyESKQdsj3s/UXOqNcWyZtwL/L8nuFYkvU7oJv4vDDbkBWbBAuH9Cqjtr/Y4scn1nDlaxs+eBaiRZ4oBCtIPMiaGAMlzaQnPaZIaMWcexsvhnA02c10vesg8+IhZoMRElxKcXeKBA7rj7SVKpiLiQV9rMpFoM3Bt5f7SFGzq9Th9vw7eDCPXnLxWM+OA0Rn4VS08aOHPy34B9RH6LKexQIxTwY8IW4IVGZ/t6DHe1/JvtikY/Wwkr7Dp5r2BCBYTvJC+cHyVPEN99vK76x3ajlHik27LF35oqlyxG1fXWHB0pEeEQP/R6HVV5KlnxX60KZ19n/qYclPsYw+Pe3zSe1Gfa6QMKTozlxewkxIwG4BDrwwWiKBLhu6CNcx4DxXBy9G3vkxrvyqu8QS/NKhza8ivxJvGHX8p+Bewvvp48KIX75dNb2r5m/2QK2vZaADT+eODdtBfDnn0PUHHWOvJ+y1NBytimEpv2DfRUKqEx9KvgtND3NbIvzV+pfEHIK7r7ZqI/1z6QDykvpd5u5DPyu8IPO+v23gNXOuX82pp3Uf2kSwkUetFvQViZ5X01KOxuS+3ePBQQJsNLYaW+pH/NJlI7gGFTcD3rD8TPwmvrW/XyrpcUNR9/Fsg47H38gMZ6rHf7jOOWfZ4grGlkgunnyvIIUUOfIzy4ZZCWtfszrmY51dIUQ5I1dA4bOyP5zUBkg3PX+b8Gs/gCec/ILXEL49KrSs94raZtKde+CVExfILiQR5PaTMnbVNQp7D69hL7m0ahoAdWMeRFGH+jSDO6HRWBD6aWLuWU1Cv13PwCzf6RNz7gYERa0g922z+gOYC3K+JiZBLYm035LKk1ilV9OjEoinBPSw60TNiiSuA26HsHbmsXbzgAuSTvTxxkMdm5LUO2+MhfNLIXFsf3HEk4co29wqKlgfa+5B/jrKYPz9VAPZpmG7CaRw4b+4Bp9v5m+7Z/8BvdmrNU2+a6+s/9Kg0tzt3AUTgpDloAI6wDzzc2jXxZNfsftAfp6F+4TzlC/i+38YeG/aNW/YChNbPkt+J/mB/SOkzS+Q1YuBpDiFMneufU1godOh2bN+Dp7KZp2AGVmPqbUWdI6Zxf2F/UfOs9iU7fRLofGAemvKLITxeAKfRkTzMB8nrTfUEGnSnQ9HKju5SpmsDoDG1obgIXGWc1nPTnhPTdS+Z8kpoCX51XtShZK9H/4MEpcaZeki+0nwFGku9C2pD7xi/QqHcv14SGtQ6qPf2NzHA3Q1uVe9fayV3OvfxRj3iSYQ4CzEWM8O9foO9d0XItTeNCezWHoN3mhZ7hv9IsT1786UdQtDFH99mCmsxFOyDuB4Xf5GQgD7380O6cQFJacFnUGOoVQgIPI8usWMQlyWyMWNYEC5ymd8Jxfnt18N5JrL8P9t3Om/jbOwtfoPzfxkbOX4oRsNPo9UuFDqGASw30Ezfi6493fcN47xW0yEW4w8XGsXdsV4AncdeB/LyA2/bnwLfiE9h8nw/6FjNCdtbScy0fmpwD3kNIdLwqdMLxB72cPovdfjZSpbnEqDryC++ESRPMcVu9TMn8XFtvZEkNqPjsJfYR/zhvtrsNXR/m8zkokX8+m7SYjNcuteFgKxp0mMMe+bP0w3eeyVYMCVu+e4D+nmI/hduqd00sg/Z/3sTo0rjfKm9xU6aaFTGqW+BzeakPyNfn4UdfYp77196mEQklnqItX0S2G1K7bKPREieoX86j038ScX7f+s2ymGhfzGg80ZLH2ZGyQdI68EfxhLTa+q21NKcUNzsOszv6pY1nIQpdJgf6QMAIVnaQf3auwQcSF4GL/bHYXyYxbuB51PIjHaNmALuUOa670QM2B1HYIuocgqOjTzMyZF16t/sgD6uI4lRYATti3f6Hvm7zJe22NOWIwlitTtJazht3l8TN0FqAPgkKnjV/UC7PjAN53vRYEALsb7FMkwcc7+ZqcU5i1yiDLtXnPdF9bxvJfBh0vZom2/lSptGcl4JCgHxF8IOA26nI5I0nSN495kcagp025JiKKUz84N8tq454qlBXzHM5TxcD+cZCV/aMfhIu7wfvkILjdi8edT7mo69sjQEojcNwd7yozbxbIc+5oyJCMuQzhSfQfqDnVErgnpvZB0lEGcFWKOnWRPxBdMD9v/R49+s55elLkgfXC6UsQgtX1gtXkoNXEo5V/RoZh4HK56XnqNwABJHImfDTT9QAt4lBp0MJaitg1zWiFngdwZibE5M1vAmIl/4jXcLmmW5go1kj42fITc3qP9wi/srtbsm+0A8f/ANRwbi/b/FJQTSTyP7lj7GBUNIMZNw5H0dDeuxgTPGhVvyElepgtHEC9svg+n2PSR1p72Lk/dmftLI5cLAAOFhPGme6JQff9uGxGjK62SDTP58zr5/oJlcLd90RgzwDacSxT7hkPs6Dnr5fvKf8jfsi/7XotgBGemyEQbkocWQ03CnRG5XOhuXOjCLjuR2cYG8M9mQCWYPFtt9CHgSfezrEfBUIfLsewPvZdznG8eG42G5VtTopRjfyTDPufOTp4Cw/U0lAe+M5W82lKbFrQZLEsJ0jzP/NJN/xAH00wIirBLlg5gmBA9zm9omLoGePq7zmJSGIPoWO9B+SHclrqeUH4Ot8G+KitRoSjNsBTgJj7S3QWqOevY8Pn5pl3WL6aVdF6JRYNR/0aR+gUoNGqbtzwLUiDqQhEkIfcwZo0Fe+CIB+OfR61KAZeCzNHM6s/4Ws7kefB7yi7tq0pa3XYZ85uN+yaMJa8i/cA0NjWulWFRwTOiUok9O42Qt6SNjgxZyGAm3vp7weC8n72Jfr0+8UodE6Z+a7GX0I+m1CKBWn6nt4JZkDmGzF0jU6QtdcE3WW7IDsvzKtNYzzqTjn5dcoIoWbNNJZIDyHs/EbJQvvoQ0bbbCrSAMc+kpEoyRR7zzKdKT5Eb+zefE0jt4ocn6rMvZ04bzEq3+9KXdz4PhoiXK1Dnqlv0mIR4Q2Q/vdeZbDylMTQsQylxqMRBzxoPrYbFZquupzKhhgDdc6OQeSl3qj9qGw3tV+cHZwKWGbwabyaAYAzfrEhY1PT7gCdvNk15uUJDYIuR3g6UXPSWoAEU1P9ipR+5L3iB1h6h1Ry4rtHGsl/fCjjW/4LgBA06vc65nwr2L3b8Sf8KP+zQGm4puju3ClsKbP+gFpxpNHq5SC2/AfgrpRTBhf+NpvXjMRPkT8q7f4Pv1K/FhEUh3XaWfkxfyoUSRGx2caGtCddJOY2Rug0pTO9eqQbPhZi6NKl++pJc7LHB6eEjtWlGL6bdza9dpXXrRIkDJC+h9QGXKl/dJQsFT/kWMElzGC8o/gbAPiG974VN5OAOFT4ESDGHEmGcxxSH209G1Q4fhqYy28rUsdRcentu2R2+0R40gjl+8l2KbQCw215xG4FFDGxyuKZCk5d9kKgeA4Ux0CGCnkTU2IM+bqOsS3LAMj7XRIwAEBdddEiJHF5C+Jf9tSf2CjzyXXx+ugaOYaRdc1N9NaIVUxeziiSEp1vIKb6CA15po2BZ40uB7eQpkI2ceYEXX+i5+6HiMaxo4JAGHcfySBx0CHS01pUak1mnDB/BE5/tp+eI+aPWC5Wz1JP3QWfYu1rnEyWuzf/FFTA/80GPqtZzG+czKmNSCPKj44y8GmnBII47h2MscX79+aR9FIphfOBVkDXBNT704DSAuql/EuKdSntgIkJZ5SBmmn+sJB84Yn2q0mHKhgVG+RF+hV6+5h4ca5aIC98tR1j3U7fKl5Au889/iohj3EW6px7zoTdc4YPck+Ds4W1/3o6j0Ot1XMHIYutgrMr768TdO+U0ManSG1C3rOeB6yv3/u/sb9ii87X2bMNmhaYfzAdpvdHaG+DBOC9Q20ubmDH2ofL5BaxB28P2B/KDRqeo7lU2ZwwelYrpNOOO78sCVXHHIrnPXrtmzt3D14Y3aC+Csd8p2qe53bl96wfPMkRR+wTC3m3uBHe5FfFdXt9Bte8EbG/DMcdYyiG1HS7J2hhnYCvw8QWn27DU1+CANaPb5gH1Ksyxwo+bueRTCed8G2T9wUBQx2oHPIj3O/B/MlO7r2cXflgS/azrX9ii19Z4awFsNYg3gWgFk+G2PE26pyX6t10mf9ZcfYnFtfC8y37FSdNKTdJpLT5m5DM9DrBcQ3KIR/WV8x40md2mUcKlWHzHeDv5BRPMiFm345v4fiUvrxfT32gHHULRbOOlID8ArtvuZtMSiHQtjPPWbsftwv9RqPOpmf+ybs+H9WZKAu0eXEhz88uXNARc+6cRnoOUnTsTGKfS4DmJEnqHrH541YH75Ishi4NNNggWOvxpPoOGwR6OGYRDHWPSvcL46zkDZH0khQB2GU9ASmktBMxBf6g7BIXQRLTHmtAjq2DnNH4igIEgxLfUjjvx0bnk/I58jNLe9MG+z758W7YJ8WFA8uHRzlrjXFR+YWOKyvxM2NcNwrulBMoUaaNLJmn0NjYsv7dDFDzhzuOBVTsPIRyqhaYRO+j80Fn02YIldiYXzg9rU4EwJ+D52xZnv8wd8qfmSVzi99smHPkYu7HKnVx4dzMvh7YQPup0q/v3fsLseRQ1R+i2OJQUnYmeTGvluL3BfsfgvTMhRknPpK4OrmKdO+Q/9TH+73t8oDqWyuQmjsb7lmYtE+qn4zej6YL/SfAX61stbNErjT9nvgbxtcVr0wP/XIe2PNn+g5L69MO69DNf87VLyC6gJ7Thaa4d5syfU4fyGQ8zE+U0v0FXNosUnL4tzJgHgsMuXj4ilFvHkP8yAJ3fCPgB26d5GqdGTre5O02H27HY698uEp3vvqIFmBCBm6+SbO+qwz40Uv0CV/QF2eo8KDdTRsXAlSewOM/YsfJiOGfrxOIVZiFz6zDMus/PFp4lSuW0Ggn0afE5N50B5/kUERdmbJDU0tixBYMW9j5ImDOCaKox6WEzEdv26DAp0boS0toWWobT8gdBBDwKpSSNEsGeel+tPfYdSlzwDIy+u8wvHIwJikvE2T3oOsSKeU3700znuR67JZ78ps9HQ69H1iyb4GDY7LoWvWNdxLF+Ci+eCm9RSDWJtZpgwphDvMc3B3uWR+/qlPdcKso28f1GETZqZbhhMLb0wQABEOfiAoB/Fcs1ZJPafOMZtTixzh5ktsKV7EZX0RVOZr3hWvPzAKZtRpdtmzx4x7O5Z82otqFUE7zrdctgHfOc/+dyrbTtRG+8J2zVrkQ+9srbTP/DwDNbPvNjzp978NytQaLvQexHxiL4DTxZ6x3ihfQHLa/xKPBYVcejRLlA6LEh/N4fIooUANV6u1inRGGzVVNtbWQK7Bmu80PpDqUL3XoikFtcJRvSfs6g4XvOSowmMyjGOOetp8KP9SaNfN/lA8bFsgX/qgUzrZdqbV1oTkbo/mHvN3fX6LP1CiLWPUIKigebm+YIGc5x7z2MdngOcD9qdiNxI7sDV3/UCJHt+K71oWV/O7X1TmO2A2GKLFrG7mQTToTlBWQbzbpD/iDHgCaP60ByxuHYY3CMDsT7C+kbI+KjDYOjpDz2RGrnkMImCbSBFGFPTlx7mfDaSf8AowYPT6rtrRXtdVSBlwuQXXhAIhM09jvDIBc5GfjFUPhLwJyJyNjzNvHBRGpcmW3jQcS3T0euPGAbXd3n2inpSK+NhaIqtJSa423ZawmtbrOhQw+apX9RymcBl7TBaiZ4uPrAc/W9ANUfb+/QXsq7Zz7CBtF9wRjzFqsQ7b6gNIiWXtAW8DwIAxqEx3+PwY8D/L8NzDf1RQt/hKKSaCEYME0bXv6KRSMdwUtPDTZtlqEtMfmlXLbMLDjkT8BqDbsEOedALBoEYZX3CLXFgkcsbNcg2lf2MMLmY34zygwMl8AGhMbV3/WrcbLh6ndmfSrltQH7pcg5ehkXktR7yDh/i0PfnhM08m4hNY1r20vPUF8WsPloovW96ImWal5oAiY7XsNDQyi0n+DtYdUo83hCoyRoFI45fC/gkSK6Yuz4K6HLKuj/wBilv62kNE2+J/aAPX8cPeFbbvrBL1xAq+2sXyX89RzBLwz1QBC69/EBB7PQ0YW6ao77/egryUaOUkg0o8UFvybMfffDRZm7QydAiaJlpzxiLXv1BAa70zrVN/KlM9vBkvFnHk8aU5z5NuQ+xcW0feu7buCu91CExCLxEOz7ii8YGPOHe6G/kXhV+VXNzzSbu2Itdl8SKVq5NYiM/yZZN0oh8HfwLSdfgmcMarLfxTVyLve5QgFwz542eh60PfqCgwvI8tQQlKEmsz5EkBrERJyTFSthN/1djYeH/0Wv/yrUPIyx9ImbJsRb3GWTaWKuLXS9ui4DrUEyBjUOIhK9f47VA/rppSd69T1yFlsWwB5vdNPKJD8yYD77nNveO62/4zEHcNTJgBNhjUYvbSCi46QzfAZg7aTWNfh7oFwnqXu2UV6YKHg4TgYZbMKLiNQ1Q8qGBnK5ZaNe2BU7jsE/1Opa+16KzmYtur9190yh48wHBS8ZhyMi4xNQk3HU0EfaOX/YR9zLOMMWaDrH9mMPnY8ApWIdp9F60B7VbmeKyZgYhuulPMVlf8GNNC3oNwUFnwbb8iGED3AxulHBTNw2SrrnspfC0HvrlHmxkLjFez8u7X9kX8jtMoIt+ryu+n10DI7SMwKWW8gTs10H8xZx41LZ59zzwplB8GNnTkOshx6IeB8lNm2GHTT2TP82BV1rRmzgfY1s9LQrN7k913mCCt6076R5iLIl5Gn4PETQBNrEfUKrSWeD+R+ewETn4sLCAxneLAwi4xDZgxlmgPFEYbPNBwx82gC/CY6gILxSulQ8gQQObH/Am3CIW5KH3FrqfSkhMOlNMRTSvcekfD1KFaQo2aSdM5yhvyu1iTzX4N2E7vsbZt8Zgaw21O27xAQ7RT7wutCNLwx0iqa5W/U6s2aNXqHLOX9emOu8B+pgRC03UwR/ocjazjnbvL2+QX5vi4oLX3Fr7B55+sPna2uty3LCXBP5tA+H6BZ7r95w4vXdJUWY7b7lyHrQH1u7P6aLTzoFzRM99YITEnj3EOINOuF4QYlrCbvrfGgHQeeE/fuBTwV7ENLjmnrqK32WnPFrIH4bEPaXloK1tL/eOgV2D4goWIaYl5KZzW9DbMEL+4zqqafF+Gbn+JlNc32PqoBnaBXU7S18DhxK+J8jL8H0zQDleoVF6EQ5MrzvUYg5zK4WQj6Vni7KW9+ovAZbJeZpTG7juB7f34TrUFY6bAk7TDNh4tgh8WR9zyYsaXJu78Z6QX3jZx4Rtue6iXtbyBiui5Gvq8uKAlv6QaVqjjmLEVmzaZrgNHAace/rRGlL7kio9l5zV9LJRE/B+X1ICM7kCz5jiFNvj6fsD4vJ213vRmfaS+2Yz398YylrBY/+5qboQA3s+sMl9MqgdRadnK+qVX40XzexJYmmGpvsGZLsaTuzOAJjEMBc+A2xG8DtZQku+1cpc3Nf0Ry6S0UeeB+2L5D7vanac+VlXOWo3zpKKAKbtIInzFlgTL7bcCY4Tbe0FzyosUmNR5frCXoqUd7W5mRQyIrmce5WMV6n5iZLCHbzxY2GoyZs8kSj8Ve//Z+5btGPneVt7Oe//xv17CJqgQYqS7SRfW60ViyIBkLrYM5NkZyd5MOTBNERvV8s5lbFdk1tltkhkz1xTEttHwmax5/gj7+2adCE5Y081dirGP+FMOsWnolzXAngYKL9DNUZtWwOY/IaQQgp9Gyiod4O2X6+lZb80EeqfNOhjTw6nru8miMkYHDkg86FveEioTAvvxdr6JDAEslYaCfilcdJ7Ubw++xyOS9Pk8IXcMpk3XGJAzhpCCTG8AfI+fL/pmCvz0CGip1z+gmhkf1PWuTZOlyyWmJKlmQJyDbv4NzJS8MbDJfAMEJof3BGxc+k1J+oy1KdvMFMDCTgQLl1L/g0eVP522/IoMA5vm/xQL7l2JmrPmlkICxtIDCUUfOAYCI4P7eIxghEze3mzjbhhSy2hww56uz0ExvMRDKzYaYqTayWuhNHwnBxEjRx6AklasAm6jIx1DcGJ1OVthfHZ0tw+b/W5jQsFcVBwbm2sOEm9mFib5XyZL+cBhubA2FqJX677GnX4Dy+Mm2cOiKY16RSf4OmHS9tuvsQ7liQ4o5U4nVOvNZjtUtQDnkLW86z5H0yTXAkzHvd3SpU+rmE6XhqaE7mCljWHw++/Lhm1OVZjcBgP1IyFT2F+lghgYgIGPEPs+Wwt5yWCr84phQ69z4G1sD/g34Z0bY6yx+C7bJprYVBfe4D6fizEZ0fmpTYoaj9L1DM04Hf7PEB/7ZqWpPtsevcfnRuflFqGPEkxEf1V+S5M2s7vubC4f9T85tJksN/oc06Y0FOj/ulQtJyksH9K8SquYrQlr7s4r1eC/xDooQaW/g9l/50sipM1fRT7Mhlqx9Mgf7PAxkWmDB4ruABPNT/sySnLJJ0lUvfhPkp8S7Ro74CNl8MNXt35wvuy1qKNAkWM5lJ3kl4aFHoJfw1TXbVNgMOf1A7uso5DUUsOS8Y3Zfz36p4/7oFBYu8K8awfBr6YNIZ7gTvirxsUamfX3aLpJrEhwSF6gV6DCPINMbF39gJTt9vQSw7ObEmwwMsHeu6Ra6RI45jm9N/1Mc2OtmyZEkDiuKWbhsub4hM/CvI5qdiGk7hWj/ubD3L+QStyqLzH7HL60K54lfZcEUzpqNfvBwV3XCcrVuaculqE2ClDIBzpFODOZL0Wp0SHqh/rxDPv7/Psn81M6XbzL+crciMfNTyX+HstT+Ml75OWxf1sULjhWRfDpUdQGoeQyCbPHdfi61MARn2pgXHvKcweTmtlTS+XXyOcHmqlQw3UFbUWnPhxQLZrxWTAmBRLZIriY7DrERxxnjMf4sIcgSua5Abs9f1sunyeisRxTaM8hb+z2xyW+lt8K2q4sg8BXPS2At8CR12rxcvW2mGjgahNMerf2Me8yvmoq1S/d574T3EV7PYHrs03fiW+PSS6Zl9XnFYu1hLr5M3Yb7bIO90QG1px+ws+JhwPkgzCN7Rf1Uo9ESlpyoDgF73oPaJ32PB797GOneSjjKy578Nj8f9LgMeJPNT1cG/42bMcu3XsAX+hYEp/GsRAX/jg2tRd8tgAMPeZsaFcCQrxcn25Kv2Y54toYKGNL+j+tTZSuL4J59ozGYIv2u75BBm2HYZx7/+JyZUEw4A5tViDccjwwBxdea9zDaOfdHoOh8Y577ExmTpJMB9y5ZAGC7Bxd6nMzs6faMdzDRqUTE4TXjCMk0AB8zNEFyE7P+PoHUMiCQpoNvcIZxJwUhPGZ5r15RsoAAAcPA7Ra+OjnzKM6eOMvje91sv8Jx7nxH7H2b1phfayJuZDHbv72HPF2pxqG2PGA98vblyoKV/OqQuFRtbXat3yIi1KL+1EMCDLdF6Q+3oC08+A84BXAdqlAIMYLucjsd05gkyUchuhXWKi5SaKFNFdXmB3OsUf84Ovz58a6LNWDKQVLRWwGksMHIsv9yj8UQNMNucyKXsL5vQB6K3pLPk7XsesnQkQM71+TpRSJvgm90kPfGuZr+l5zC7ldR9Oa74Uhp/O34W4r+W8SA45Ujc4tKO04t8ORLNjlv0Q7BLr5MAKpSP+bKy1MB96NF9rGAzARuvjy/vp6nk3OlNNKW6cx70PXewzGo/7NWpX1sC+hf9oaB/YD1XwQVGSsXpz5kYUwDXYxjSfaA0SW1dqp7GF1oDisbCb/ArLh0FVqmcNWodGvROMGMqcsMRo73ySMC9dZwW+tHs9oFFe1w0Ps6VNvgU0O455Z8re+4s6UpRnRNZzqjHx3Wg1gEuX27FX473WtJa8JqQ+2tRPOgPp+J3R5ZAPvv6h55hlOKOpm8ZRYQku81YE1sp0s1aLjWkmp5GeHu56HxA7SbWSrnWLot7glT/ZqgFZNn/TgYEC1iHheUbTMRnQ0to1YYRAI8xtGyiM5z7PDkC851qtCKEhrBruZJKoBz7SF6wT6iWxvM8tCSUrMoRFFDiercQqudUk1BFOJ2tSqZw4gwQPPc+kn0fOa8DBVXIIhmmmmsstHAL+X+KQJDpvzKyX4INOpCMyz2E6Ys0XnAE8jwXKnLA+3PMSSMXtGt0IsUJD86tN5HJfAoQ21WA+11AMbaN4zMnrJWNdF2MEE3BxN+4OW8bOhlZrTT6jPv8Bn4BmLDoyH4+91MqzRkHh0ZWpuRjpMCN8C1Ywy95qLCTEle/ZdpqLf6irYDRu9vJPQkry/SA14x5x5Ol5Yrnyeag1MIUJ5vq3eOYSLMzFzzh6zaf+sJ2Ly9DK+Wu1KPwtjpxtvS0Hy8qf+Lc49Xb9KY/vAfR2Lci5Vzuc+vUMqL/Zp7QF2ufbxwX8i8Ggu127TZryerfBuHvIdYJ/iN1/dI4kvoHiePfBLw9aAl8Yh5v8tHjMdcwwgKjJkPdYzLeNROAbDyEN7ySBadQCTY0GSj/R5sjvFNIXvWMb39982HrTveg1jTdD18CFom9ID5g3db3BlJpeER4K62HcrVP7ZS6n77SnfC98LOkPt+mYlfnY85nBf5+/JQ9PQGj8tG7mX/jiIIb9UptgPWZAYPGC/fbf6PqbkW2COyMh7O/IbO1wvWSyO97HAeY3FYjVnnrA09Z4sXsSBo3IEDRSS/yAsg6+7ng+EqkVfBkW7fQzCRNGgHKuneDZoATPcH7zoMNDlNoI08486qDTfOpWWfgJUz9scmDvMIhNDR+iwVl4u+dOB0bN3Y1c5RaOCVA2X+5BtNjih8DQ/P6B3zhTTqUgJZrjIo87GLABzK6DHHijmjWChIEVCT/a9HoLHs/shYprT6BBqUXdtL0+8N248nuOSdN8DqMmMTEOCUqXnhQ4nUYt1aAdGOU4yRw9Rx8D5x8CuOHQHHioA21aU1B9b4ILHEtb8iEYzc+OAYiln3tbN1xySx5wlhwWdx8urS1YiXuMxTSuDgnhDbXTXPytbqTuGG4DFmX80N40Ol+mc98jJprfZM0EgjRN3kfwIsWPmtR2rIvigqcLvZ4xrQWaHnOQXTZ8D1us3/t5TgFAE/6rei/WdSWXvcbUfooTKziaWRMMaRwC540Ejl/0qb3DGoB5ANnm+kFuXfdd+kXWHP6c2hFYpBS97PeB+wW7yCzFOkL+DXu/6corWSx0x5jG4yaxktDj3NlrXfSR8tNeddK2RJrrlXZwXmE3IOScmv7b5Sm++EzI55ITEsSQhC9cIGUuoSxm15jygNRwgDXXIn1ydO4u7aLRiQo4xRT3v2TrHL1UdRxqAvYl1FW+YHvav1jCPHdRSH+x85zDU21X99uayHf8W1JfAI7BD0H+4a2tJJ+PeNaxCLPHeVMfPbAUJU/jDzYplABcJSe6Px8sMNWmerSpoTnoy16TClFMh7pG7DvryE9zFGOiTmY8eoYJzzAdAIT9+OLcNH2o+8dkmWQ2CGMJeRbgSKdwSTCXlOsACSXBfdCR4CRLgu+xAQjfYRGnbMGEk3Hqsi+3MAZB5u2AxP7yHzrpN6j7KTT0u5ylPuMlLnJ0qYxrwLD4AIOWdcCIAv0DRwYc5hd/gy/z7LXcyMuKFDdXHQqGEHOH6KhtTp+P6hBoPo+p7mArNW3mFAG4ZJh72++lgsF/94ga7SufLyFUcFJXwYYfS+HLDx1iIWBtp+NBA/ve2SB5HpgvmRvg0AdyypFYAAQ/YQFByxiLkRwXQtISE4E2dG/qBaaP4WaK/MltYH/alRxxj+CbrP6hXe6Zos/1sb6fF+Jcl7hwllycyBSjyItYLkjjMHWpA060lvtyxpVEG+Y5JYB8G4/zFi4pnl/zCcZjBLJ/igeunFf6rM9vRlI8cmcJaVwkmVKo/KAzETwPKM3elST2J7miPORIPRglaYDedMJd9vsN/4QR7RPMYvaBHdnftMDhALDlw5iO6Jc1sRt68TXOb4dbfan3mMNfGQzR1gO6byWO+hHMDzFvwBOmb24rTvcHdB9vF8cA5J8wUx3QDj/7Day4mQ7OJ57HuS9F5e8GuzP8dxnOSpjj5zUJSeWds3yP6t78Ok8I9LOJqlI7jah1KMBd6ld+0LRrUA29tw8iveQiKucW8348Z8gDQRWN3Fy3k4bSoJHjp/oN6BC7JCcmMlHp69ic+wHAEJ+x029gJMYMf1YykT2XabLPnGYoL4EAKNhs4nx7OFChZjskNFLqBQ8yhO14iGdMCOTBdWx4rYpzRk7R25Azr5xR7glj7FMihN2Py9ToZy/F+Muqk4MYmPZyW1VRHwGmxXJ3v+mSaZmXDknJkLskjjQZ07wI2DhjofUf4hOZDLtcyAAAQABJREFUcp93TlDrB9lwQsPv70ZyP4naG86fC1ZfocTgywdWlYXtupaYuuinOvqHEWC8kWiD8uwKoUkLPGD7My6W32X9otqRUFw3LqySiwdoQUnuqHGApKvUKfiSK9GDIRxEC69NxmN6HkNu4cCxa5rPbF/TjleM6RT90C2+WEuX6WdQ66Cu9eW8FDEjEKfcL3bwXXbS6vlFm3Cfiw0wzgVw5w0ue3+7j1af6hbMQgYAy/DaGBf8KQdrFvg1PYpCT4PDmFDPP5xHlvSbHnWiMJ9Lr+c3wsLFNypcnxO6UuazTqC3OdSyPJdudFpcprhV0v8LY/2VeL4qynzuwyuZ9MHqCyCxYlq1RasEfzDQ2WPVrI36WOShDWvvbwzdH3pKI34jp9Cj7TVq7Uf0HOSNl1Epyg97Bl4Ywn2B/jPIuFdUt5o+z4PcH/bLmv5Q5ze045o0YWwb8ewB+Se389d5ILApMLXNyO/6niakC2C45IPDJrnEZPTXfc/5JgfPtT43l0IgrGJma66TRuKUDzmOE3BnpQsQaPvYLqQ4cngmwj9947HwIFYcruYX5yLuCS8/oeJyOsf665fuY+CWLRb1dk5MS9dmxBfytUbuAljW5YnLUoGjTWmMk5/GBdQh8UsvdSBGfefG640/4xqx5EVMXpv4TfwFExqux0ThW35SDX/DBPTq+uRO2CBiqihzV1fA7jhziDZND+FCh5geQyKurfWek+sZidwXNjveoz4Wbcaz19yBo56eS+DpT64aVpP/pFN9sH0SFjNymB1xHhtJuaNGw6QgwDEn+vLMRGw3p8QFMZZ8XoMoSutkPn14sJSAxyfWRB6NV3XKfLf4yJI1mIG6iWfvMNHDuMRCp/v7uhGWXCaGw9r4tyZa3gsZ1+C7XmhonC6m0VjuhQXHvSK456co49F7Dc2nw1Ockr1OTe18OthrAtoS47OJod6faiJ2wYg+MUsvmIW/gKtjOTOiVZH3CDnQ/PWYz8fL5dfHGp5yaFxtyaEmIKUNnLEm4qIfMUV4HXD6fEatiD/3rB/YcUNlY0XpMIMvWrFS/uIiONBxEH72KhGJHlYgSwQOudHj17DQoq5rsL/mG07w7Ss1haJSU3zyCf02H+ZzA/eW3lxZ+x6+j+ik9qht5PWcdwqH/H5udrx/0K95jx+ophown1iUaW0O053UXvmoqflg0/9K5IcgzQmJ1zlfFOjPHhPsmj1nAUQw3+S2eZHbNRtsGfI5eOJRG73+tNjtzT2v9/GSFA4XuyJ6LhU7+XfnljX6+nCgYpGSZxghfmBrMB/mevC5KyDKJ2ZxCNhMzgO1E6oI9cHGunoPEJIoAD4286c2feiTfDlJx9rQhpH1B7fRLi/3V147Oi/o2WWO9FzGqG+hnb/Rx6HnstpQU+49aw6G1lNqJ07Xu2XB+k5nzih8i9AYNtQkTK6+lTF6fG+Nf6JC3uPM05TozrWReMawDphQtLwvuD4MbHqvE3swFFqeLxLP3NCEPxzF3/NZPeOH9tAAd9krydnldOxcdXTbdLw2u1DSx4bjuFM4r502z1Zf5h0eemU9mRAFsBg1TXh6RjNvFh7cbV7maf1rvNXHZx9LRc+aVQfv+Twm55FQ94NmxrLPIeeYBIJprY/pi8Sa3/Fx2eVBGBw0Sl+jcFDXeo9zrHgEzB+hpHfjKe4JAPrQIrUzXJ8O9qFV5t9ip3Sl5h1v52du6wEpTTglh4BQMxZVoB5d8B0gGouJG7SdR2AWzYX44LAacD+jlKdWcr2sPXUbvmhNiRueECyBP6tSmJGrz3h119FGu4Lw37pJlb6pQAybkETGUKElAT1foRnbFJ4aavhM1XHZrru6Vw/5L3KqJt9gq0/FuX5FtoNLUNlms67mnoa57lNQfG9xQnEzyz7V20k27vDUGbC/df10br/N2/laR3/x01jh9YVi0O4HrtkIGZ1GJok6zVVoOGdx35FW4qLxT5jMqdrID39fP8VsbSNu13kixWRZx2/mTg1PE5Og70mXuF7ixNP5cY3gSxsiE1HENR+gqimwNB0fmnz2TefMCXx28XluTpbDvD5GnNjMVI+v40gSjAuGX+euED/XwERyyrCfPmw5H/jgJZbCi+Ou19PYhRCnxABdlJG9h2z+7pd7HTxiXSMuqtvjqu9wAMypHPgLT+595wyXosv9POxZ0Q891pCxcBRt5jaQHwuS6N/1iqPNnhyMTZRlow648OU+OmycC2RBxHvNgGgrGA2Y7TEmjbXzs8p1JKbx+nD75hMJhsZ72WvXuRl2W6/V6XJWW85ZtF0z8k3fQBDobUbubc4b6UnLPI1bxoYt9/mDttaraba17PTCrxqwXQf7yP0NQKkxfOjGvKqttvC6CZ2pUZ89NpGvB8DD7zGrN5/fg9CX+nP6rXaej8ypeeC05rVc5rWGck8sceKYhz39vX+Kd/wwLvUxLrpj3HACueZIB/vQKuscsVxP5vtBv6tLpUZMq0/xaRsG92RvdEHC2wutsQbyrX+KC3Q2o9bta/zMurxD/b2ePqbczs/4rl/2PhYTjxf/7bMY+8LsRJ799oEdC0OxftPRb72bLa67womm1nPyLQJaf9lOepgX47SnXueK2sjJOtuDP/0bI/ng5WADPrhJ9f0BLgz6D9TH0F9olCRZZPHe5y/cf5JXc3XBPlaslOYPZRl/NuVMeEq9fyQGXX1x1leNXiqw8JWSmxY/wAP7pvUcRfuNQMPwRaHronC+GWiUOuzE3xZk6pDsMj1NLSIIASK2aywccyiWNnCdyz3nM5M9sP5m1wjgK0/1gGOs+zUGO5sBkcd1J1ICzdBnU8M6H9g40/kr68JHbUpjrQ5BQO4HxSFesE5YL84xoGMfBBhOXThycGkvGLgFww8gHedjWyuHxpyIuZTXK+Ii7YDFB0ATakPfo6IjawpR7IvrKrFhPHlcFFZ0LTDF0hdgcsYUBv4XAZq028CksNk27o84QpCn/Jt28ITLe+r0xs/hwenPJ7i9ZBQQk4Im713zvmqpo2jT4ZlSN+wo58rNyQZo1KIA9tvq9JrpYw9nxOEaMcS2fpez+E2Qz36nx1jzlLVDwASKRuRFaPy17YviKNUNmneLXuRRDNdh+vC78AuxDqb5AHHSQAyN9ffyPG4XaPNsE4OY/7RdbjD4qAXdPoYPzf0Uulw80jG6O95vTMOxJnI9nDVoAkBwyCCOprX5wALORTCMHMPH1mqlm/3CaXjfG4ABZGMx5lv4gVEZx9DBnlraRwxLkGul8bBLTnDQ4JS2nCnEOsZcpN/GJVJyNB7X/0LWK6GuS3E6K/T/7gh1v6iZsHzev+A8Tfq096fYVpdF3gD7o3Nw9hsNPja1h5uynPrTSaUeMcwZM/mD9WKG7IsmBjoXG5a4jAn13i5+AxmX/kxAg3PieOjB/U1b+A9z+U2uE3ep4wSOWCt1y/iJdhFDIogwYRfsY5KVQ1/0hULdhslhAV9eluSjdk5Uzu/DFDIDQd4j6g+bJfuvaTZdf0EfalGZJZ8ElXp8Y6pA4R9fFKJwnbtSRzs4Y6w5WdKkTxliGrUONyC6J/0UiP3o2GVsIvBNWuojL/XFeB0bgHRpLpG+TAQNyPOi50H5/RwGrRwF4Euudm553gumDJbq3OF1GM6hGGiilsPr7HU0WdebMJZAP2AxTSnR8jl/uHcLLspsqUvpPbYbs17E8QG95MHAAP4apsCdmPj54WvUC1yJXamu/JE35QI4LItDfJuUQ2HWzH00AbgQJhyaHibWFeMSPoYoqxC3Qyz3V4DM5/8UjXoRx/3A+KLZHCPOdKacoAKPr1wbOsOPoZSJ4dWMMH5o5xqij3UEYdS4lO5FtnGvH2M21Sg4nR/AGKMDARuH3hzKgYtt96EdceU4PrQYQ59aEnMsLrt1SkAYSBTN9VL0cpZ7S/Is9RlcpNb6mYS5DDxpIHz80G418N4FtpV7HSisvbXUl7qvyHWNo+JbxePjkZiId3bZfWgHNnNckndBoeEAxLRQ1sOe3NYv2lN80ohcee81nlI8Bx3sG/6vh+VMQTzqzbUyV86dhtRGl/Mw+NAI95RDXkp5Dh4QOt/0UucRbrjd/pDH8jjOfsiRa5IgWcOTjwsCzKAr1KPpr1MsWDWPrBL8f/nvAunmGzOOeSpS3zaIORMTRmJ6gGPe8fGwgNs5PhOCft+PdbSiC6YMrvx0cT045n/tVKpEsOmX+NMAXCYYsEvoN7kG/TeuUgP38Q0RmEK24VB/g+yV+1p1LY4nwVOM+MBwWAoZnQWxzLVFy3CRi9ws8/itWlPqH5JUfHngA5/Cijzb5OgHtWRMepxUxPSNQ/IM4/Wl4zYmSY823ZvxzaLMIwuFHMAMeb3yPHPd9jwrWJWNHIyzplwDC+CNUI8T97bnHqQuiXEf7z7EIq9zcIkiXCt4y5mQebPm1Iic9C+1IC71+BtAgoOrHc9l8WFgwqUuqclzSg7MyfOoiNhMX2q1gfsjiK7EyY88/CYE3NQjhH3nu+YOTNKhJ5Vnh/pcs7I+kw4FIsYhdXLCDDSNdAfBOzhToBFsKNtUg8bhTxk9gHU1MHNAEjb4sA8pLGrYIIy4cE6lUj8TRAGv19SzX7Uuuc1xemNa1gZkTj7MRQ+5bJ129zXCfq9B2BrlRh0AJKdixX3XH07gUs+McRx7Sf2CQd5oXz+06/NO62Ue6nqPdTKj/6S914K5xNSu50tO7lLr+Mtb581aGENPXpNTSNkf1Zg+tJOoz09ysn6AJOF09vTMYZuWBr6cH2j4b89wTxuB81Q37p3yLGKhAJntHOTBl8YQl+Y4jnfYg3+aP+QWCh3RL/WHX9duFbn3nCVPGI9BD03nzhquyH1VTHjLutzInNg2Tr7lyv3Z5QX2w55rGa/tU+5JRPFqG1bnzND0msDlBOZLK3tPYhehOOPsWRDHa1//6BxffFZc9TBf1qGrUKH3SO56wBeNcaYXndhbbLCmQzP4Fq3FIdo5waijjQVZT0IJfB+cSsLNfYx/T7cyZK/W4HfP07l6PR9df7V7SU+CwX2CddlXY9YV4m9ykMKN5Xqlf5fY9on6ExY6eOBSbyfzxq8a+RDvRBYTfh+ysBZD4SWuWuBYkFQNTbwJx3RTrOjtBhTYxcNPWMmzuX8Sq2DYDDRNHzKmHAT6OLjoct/jDRVDOyn9oEws5LM0I3o66sWzOs9ECCemzZ95qY2ePudowGz+Gvdpjo1ShqwrzynrhTaRUWPWQYNx6RFKnvjdtKBSPafOnzbXrvNtXPRDrPgGjrqytjRqvTwPzjGMj1UANurTifR4hH1+kud1ncIZpN3FJeKSudMSxPbdNAIswPx40w0b7ZgqQH5GSBg4CLkOLuTQZ31JYnF8qMTaHHODt2tGzJwDpqwBk0x1KRfrxDWSNUtIxDkOuWsOOqBNoPWLC/XDia+or38QkpAr+Zg1gGOOjnGgXZ4+tAMXEqQUrdTtoESvBjn48MtnCen9PkDynC9BIQmdnzTmJzd10rCctn79mw3AO3eoA655YRCorZy5CKUPCbB36KMe/Fvd1x/aWRv7kPH6zM7NhDacgkO4N8K6H+NTzPGmnXs3CahGq6M8W4Wb6yS+o9l0gd3WLdgRo3EDYDg2i4GPtsMUfdG9WOu16xR+wHHvMO+q8IceFvOibiyAP79YY/RT/U9n8bT3p9iLmduvxBtq/Kmxsg00/SSCi851UUqxcWNbI/4aDdc2m0e8JgY48qQy9KQVPRnA5J6mZBqXgL/Ai9ZoUmgMnp1v9KVkF+scvqicMx2iff0O0P+VkC6A2h+LeaR2QDsLr9LxQL0A93S4UZxul5+k1pT9jGjsp/ak2d80lDmVQcuKmEzSoYH3EGPhSzbHFhczw78xXE/y0jxpPtWAOHUcS8JJVGMd38ZteFwTYllPpsH9H89MxxBobpj579SBkWd1ngcDuabEDPnY+JNAApl2qY+A6LOe5ueQdflzMebFWOlt3gVbgtdgqQnF0Sl41wn/+DxuHMrA3fEKnV5/kTbXKI2rGNe7TL/m/MLX4+6mhiYWDZjOIzmK57BBc5jxF/qYkL/xT/ZljEcqzqu+0UIuNKa6Rs/XiTfVnT6VZDLreZbpUhjtUQNB8C1YuDLAumBIF/Y0bYhK7BrZlWs0xbCowUt8N57iIZF12NjPMRz2BXo/1+bKwj2OGqPhdcR9dLA35+lDO29vl0JuiNydr1PqslgBnD74upBxOA/Kq4xj9EKQ+aKU3CuFwd7Ft/oMgGhffg4oIuJw6U/aGdJzk74Ndrrv0mcJfJoyVz+jNvZnMzeFSaz3mjgmjz396GM+ji8kBQ128HrkUcJq4HME5UytaEw1gyT+XKdBrGgNcbo4naUmyVO0CGTc+nFe5ndIJCgaTB59iVF3ijXedtg0tjgEiGV/BEuw4zFGs8nElF26wy7QhRGKYxn7Vc/kECkLu1GtBcpP2FkdhRrfX0gUI3GvwS58U6E1Cewy7RRrHHaRjZscD9CxFbAhVEwJ7WGxg8GPB1jGYbTcGVP9nQ1wr3GHBU7ExRwZqHPX+GKyiz/625wf8X8AeJov12b7AhM1vF3yt/mWqb1NAOJjkkV9dLgMtWzf9ajwGDCsaRkbRf8pp9zTPKPbN15TDZzIUHw+dzRGPCeusaZP6AGSDGLTEQb9Ww3eO1gHszvO38QTgyD+C0qOe7LdmM+zgcf6Jipi/ZspxHmMgy/9UAPpXzT54Ybc3j9pgf/0oR2aeSYh+NASy/Xum0k+tB70/LnVMdATH0w8u9G7bf3UECPPS4q63M9Y+KIjPOXgTzxsGfC1+/PrSIiKlOdjDUzu8Q6KYMfiBsoP7aGPbxD9h527PHrcHyaQnmkWXcHkYhOsMbF9jSgUtYBCl0AvEwVabUeMQbZxEx5jcD7wnHjB6jUWzXVzAQXC/xI3XJFqneNY2EVyTizKAXbPjUlYRuync+2y05g+tOtRgO1T5Aa1PDtdlPEUAwaylCxnI4L+egUbTcE2HPUFM8ZdaHMh13p/1gCmi7GhFTc16OzjkOzHxn/IZwWnH7zeEHyop8+5jyEJH9r0zYcrcl2dK/UnL0CTtvK5X29xibec5bkpNfh5lLHmW/JscOAsWDgF73GMtUkc7lFD8GO8aTi8+Zz3Yq8lVam9+IfBWFfgEEPrU7+8H65tTmBm3iGma/8hi98vyzPqvcD/e/zpehatE9gk0DcABSI37YTpOZzLFxEsVj4VzAZY9Bz7cAGltHCU3yzgjrM3wsIrIocBiKKjNt8QOvvDPApvSN3j5QEy4ItL17cEzoNpfXTaO7bzdI3UBsnGPh8Rc04TpA8wlaBf4ZPP49tA3cKfHwatYmPzHAz7wPLQy3Jsy+m4TcbRzVxjcOdkQs4hRKjF8I5e/BtwvgniArAHGZxItqF7iikWNI8/XgzsGk8kWwfH3WVd0uHHwMvHeg37fYHjyjWlc8A/leNU8LpWaLJWplh6TaDrDmAbu5ZdnGL5lg/TUYNKqt3kllLSoaTNvBILI9bNnynGfZMHKRynuczn/uZDil1DzuVZDGFohI5r3sOdVBZO/AIUPY1xvlue5gaYhM3aLjoxH9KQO0pJKfjKgIDAKtex08XqQUnLbRD5lUL5oy4nQrAJ0KVaxaagcEocA563WD9SOm7JJQ4xO21eA6AsUT4rF9blYNlZE2rEgIENL92nwhL0zVgko57FH7L6oT2WuMyhnBHRAl2nCrs4bN/GnExiBL5/TVwaELMWGNeOsa5thztHLk9xgV5mJrIh6+wgYCAsLfOIP30DvqwpdXDOQSJx0gJmVxd0mIs9fGh9bC6m8fjmMmHSZ5rcP8iPLfLKVAostYrXdI23POcDM65dxJhnW4/kGXNHvX7uDDvqEGPxomF+D7EIydXNwkNQNBW74DQYdqaDhrYMqNNs5mLfwp+Gg8bgSsk380nwGyOSnc7EQUZ+wk7UsGhaNMPI+1eNmkVPE5xu+EJaB5N2+jRHUDO2St0egDq3j290PiTcxQTsA9eGyU6/GUiR40SEEW8SfGRAf3PaMTZODQod6h7ojy7I7h5cC5k1IGC2DutgYRYHeewZ7GP6/0/1erbVtiJzDzER2d9xXuKkuWxt6DP+P7UOzId6lppeFuEadnG+ioStLj87cDDxJi85AttXE2B/YQaq7VUnnjQRczlqyN4WnZ3fQCf9okGsaZWcAsp6xOdmWyD/MMDEqI228PSNS+raPAeosC6TGKaFNzUYbKyMN/9uqPUlBvvQ19rGrs09Itico5/xofffugCJTW36rMe8XVt816ZFgH5dIPoOPdON+o1HLNz5a61Ym2EdsjYHW+1G7qUVPeDYWAzHvbf48lP2wEzblYsnOsjN/L2uhAEQtTxikmS6BnY8E0gszVg3pki/GCWmWiZeYsKBOa4BAuAZ0WvDWBuckcO1dU8lRkpAby1inEzU3TMneYyM9xyD7OWMbeSJ9P4/LZnnI1j7grQB6zaTMEDcxuWh8dflHTppqSi0DFP2QDgId7jWxzh60J6aSudvd8m+Zi4FHkQLHjg4ooksXdc/U8DopC97m0Qaoq+uZe5R2JuzlHOgoPWaZtEWnJunuYRWagi21CZ+aG7vV09415e64fdOtKa56UFZ4sKl5IJh4KFfeKLtsc3zbuHt8nDyIHxsYw6p75XcBu/am9iki2V403g/PeK5Lv/2b/GB/XaUPLpuXrSsisZG+ugs8j6gjku/5Kwq7zy4obyxFxrrQEhtgdwBOL1gicqYfIne5hAcXI7v/j6+Rc3SJ4IC21wz1PxF6zcDS5A5TOeURnFfU/6G+zbXlOM0n0lXNRYu71gh5hkVn5uGnWKuOeiAo7ldI54M7l+Cjlgur7/5sjBXB1LiCzUva0E469oAnD9gqOsyAxdxvIn6SeOvC5PrMraW2181j/xl7ZhbaoPLh3rvMsmhp9QBsg/hDAznhZpS3qVBBwF75YzkGxec2fS+N8jJ1OagvahYjPfFFiPryz1BjoIXzJKDDhZmY7w5xjoWDeJ6H+uwYOEITdZDl2NJYF6OoU8Cc/Ux/dITwl5Co+m4eGZ0gMe6kNVXPqg0UodreIyZ3m8/tDMH9NF0CS9PXKN2+hTn55kB9FGsaxrQsUygONixfv7PN3oMY+OFXI2Gc4wFchuLuegcnEIC+ulMgoBYa6S5exG9wcQdIA4m7maua8BnyA4Lbom1pMvtvJub+flM0HoWW/liZw0w0BBDs77cC8JBOHkYbFqXnGDUITbfB2IBeus1GInldmiOGyf9YuhvPIj71RyXdVKBTW7OWaHFNl5Zew0iZmN9L4A0S4vcu1w8n52nzwrXhQCaDfxMcnx5l+tOV4GUGOs24K5m1VAb72+4HiMXiSLpEpeYanZc0BWytwfNXJchRqGek/5dr/iDrNMd20F9bMjNy+VdApOij5bPKvEx1vrhJ+wNocOuh3p5wz3f+ZdS11AeY66ricPWuNoDlOfLQ/7mioQBrCG1AcU460njEunYBBdSiFyUcl34Ej3FBHabu5PyWeiW/Aurp8cSpo8vKrvaFfsXxfxEI4u9yD5s54Cy3d2o97wZMALeLOBh9KMGLoihM2rI2jKt417m1NpGCvdwTD47UQe+VE9tZ7HYJXCfn/5Gi5QlK5NBawtaWOngi1k6aAy1MZQ98zUs3ez91Rwk2a/U+GCk3sBBzMtAjmHfuDyt1EspnK5xShJ59dyEK7u+bxloRtZrfrXz4LCOEmwiw/ALjR/Mp3ODn0D3f4c/rl3UMJZJggUZh8tr9IvtmWB87jZ2LAnDHHcuUkI6l/KERyx/2i7AsQbURnHBcg7ML6GzmYthMLVtmG90VKFhNAR7zE8nuGg2hgsXr9sS+RtG+NgccA08JlxCSh9nhbASswHkllg4x1hwWMbCNQf2YfGTEM+ARRsEYsxkW3CLg8gPvWqY7esIXzSOCZMQIesEOWEDL+cj5kY9ijyNgcv9ZxGbdcq1Q9y+XFs5LoZLxC7zmgdx9EXvGs3Xh/zQ5T9lH57twKMkv0ieSZthxw8cuHrztd68rjj2FKMYEkbyqa5rMQ2DdQ1c1kgN9k8YEk3HpWy8e10aa4lSKcO06IlfzozFljOpxLC9HrOLNgYMCM6fT82PMGtwKIUEl/GdbuTITjSSm8HLcL/s8w7XaPNwqCuBh9jXnF/xuSkgfmxYGm87rqwxoa1vH9hFSMzGuYc4kN7Y36H3FhI1/lNujatdktrqZCyNgrjj1Z0j0tgjwFLVlwQYDLAvwRcDrdvgyPdTqZJt8xAvGB3IjecfIt48aZQ/2JhHnhkM8gQP4P8t17TYfdOJoT9qpftL6bkeJ1LLk1DxU0dcCftJXUkWo+t4Lj0ngn1jQo/1dm3wPaagJjpxCKGuj3UA+0SkwIs+S9N7Q+8zzftCzyGqdeD8dApZ87BvjLHP9LpmZvtZC99PpsizmvphLG+YrBCtxe1DQsV2bY57bnDQltyXO7+xsU3LZ1jse+qBz5hobWuM9UScGNcyv4/D6XWE3T+QhZvZtj1wvW3np8DhzHi4J6aYJPJaw59uG7srHNibaR/yJ3jB15J82VMwIsCFr28BEAgtUnRaTxNY/6vXMNSJsTbErDlEcl9euVox/pP2wEvETef7pUXgox+9tHTHhMq8bNDPiFCv82kLSI2MUWSTy3HEJGk2AHOZNAQ3+SQMk2ciS2mcpfbGf3ycQg8tE1zD7VXzhz3WIHpLXDROMa+BOdCjGYHf/GLNrhF+/yDb7tNtDqnjEn++LlqksD6O/6D3XL3GVkAbjlmPGKnbzxoUQEBjbuvH+2jnNypz+uuN4fK38czO3xryJPsLNbYI5Lfgqw/tg4jq8xs+A2x0KTfXaUAW3BD/4uKz4InzNSfxvgYQh0OaLfPa4Gy4FdQ8B3x5Tu217QO7ViNAMWvWnF11vxnx8Jaf7kyvqG/EJozOhfFhkQYX0WvfFuITd1Vzz0mjx/p4I7l3+zuafXgbUR5t9lvSHfC9xvDlntxMsTD5iS+QX5lvFlfzq43EX+t7k+9XE6rPkF7uL6UXek7H7uF8QVpQZ0dqGKzXm7Ew8o3KWdKjyR10M5GCXmhOEJeQZ1j5Q2sI9klNIt3H+0x0AfmDcmsm6jNf5EDJS+mchwbUV5WfR+QSabp8ZviHNpmspww83T6kBpwOyo6q2fcPgsxFgI9NY3vGkIvJgxQpr1FbS0JZooMaJmSyIwcO1KMp+xi18E2W1kyNkjczrAbwzHPiEJffvA2p9E+JKQys2YkNLjr3Cc7nSS3B+Yd2GRdT+OkPH442lp1HnFsw1dL3lwvDGkcOE0YwvzGBMRuTx5h7ueSzeMkhGu6XMaWzj5jjMHc2s8cPG4zH4jiPPvbTujL2oddySMt8Lce0//Bxrfw+pqDOmcLshcPl594DknugeA9cjqyPcenzt27gizwnPEvpzyBKJpfzsp6mY3RgduIpYL377JJQPfSBm3gg7M5HwUMYjugyz+Xyq38QHfImZIp1TckDXqmBQsHJeowz1UP4VkcBYbs09JhDMGMtFp/OLGiKpxzr5HNJ5Eez8yaQ54EwwQLyGMZMPGA8RmDEORSp/xGzTKMMfph+0ph8L+Sf1kSfL13uFCP2xZmQn7DHRpHchnSvG4/Jf2h4OOThMW6na94eG9PsQCo0El86/0on0lGOPcr3F4CX5byC8RXqFfhvQP6iOknpRBHnuGO/+jv/6xgLvzs7X7S07tBTV0qNzoy6MZYzOitvN2JK9sD9Qm6Xxv2nX8U7EiWIOk/1+bND8G6+eBLq/Atdkv30Gw7UoxRzYbx7ISfnqR/n+0RCXvvSD3GdojV6rL2Rcj51OpkTDb9rmW96g9OpZcwkdFLX/NO6eR7DCsyZU96dNAjb55SrxdqFnZ/ywLMvX1MWMuHh41rGuey1ANLvlZTE5HJwm5wzuNkM53OxIHMojjLqS24ziIX7DT7nGDrM78MuRsEA9XBIlMQ+rwCSjknqy9q/+rsbAFUcwkF2XsSoge2BK/WBl5ZS1A2Hn03BuUlwCPK+PT1THMrk5Ieux+jzwRUQs1TQ/cjf7/+OKQJxZo+YQpDBZg6CuE2u5e0ZLV9jFKMt8vjcWGjTU8r0XHA5brwNKIND4LoAhO3Yfoka3B1r5nb4U6PxmGeZlxTsGNVvGn2YeNFIDO8NrTGDYSCXcF2vYwTSSxvx1CRY9FO610RO5CI18fCbc9xPcqc8FJAYzcyRBsF3j5z3ATE7sNAotMAVPxOpRMybIdD0WWTDsXErnRe5agEXreRvSl9iOW/TGHmsIXJg+BdNdVqKKs8g+xrN0Vh7RleDeDw3Yeu9QTRSLi2c/3LSEnUHtt7bQ82JI37t4wN7S1aGGLBS9iqkcfFPN5nrtqJLLuHDZGxKm1CC0vHO+CHtnfgGNX0w/2kdyjuuj9bCE8EnhcY2tt/Au1jzb+voAS2+afyPDKUelILh25KEOhJHndG5zlRhnqckW/E/8TBHl6b/J5rk+Pk2IWqPL7IEb/pTHdQt1A9n2T9oFPI9mO5NRE9vum/2anEeuH9OD/OVaWdxnOiE3J/b8uZxo4caM8RnA9LYmpbYnLp4s2YjpmZBDAMukhJgm99DVlM/Q/ArvI+ZZednfNsbEXOZ9t01o74tHwFdSxtOtfh5m86u6gcRHVrOexB0DIEX/MYnMQKbbpAtyBLHHKX+EiNLnYcaAEMrkBjkB7QLklf/P9mRX9caHIolMgyLacksnfdmyT1wfSq42JfbHcOxBPN5CN/QEsrkgstY4731TzjKM12RjsVZeACTGObIL2L3YNFDKPT8PruhlxX5PCZ5E7ZJ3qETH7+lgfavyHGN7mvXuCMbSw8UIKYLDU/TxOgvdfU6AuT8TcpXbq0r6sj8rA9CEaMmMRxr77FW7wnvXJ1Iy6Xai93yIE66SipvGz9pbUmqbHbTAG2pwxz5mqtBA2ca7otiTYvPoswKPknpDCO0NUVCguex4FMGfXLoTKIZ3RfjwiOeMRNMzYg5nvMk/qHvGoDD52nSuETGeq7Qt2vTBVm1p5o07slUgwQvelPKKWaU/nI2qNw/YV+KIZqFYLwB4aAuzXyTu1Q1Ahal3DgtZUW98yDlkpaOnoD+N9KdK5yUiTszx4J5beJm0GZ580FBf8fQz/7FDYUXlqmdap9i5Tv9E2BKQp+t15HyNE/qaK/zgjjWT+MP9oKFHp3se44HzSms669yE/bkG+9NI2iptE86X2L8i8hF1/aqf/j6ovmbNcg8yytjRrYG5pC5y4QqpeCScGHy3+BWyjLSPV+C5jikn+C3j8RWFwClbjLivuIfVBtoRK69gXnmPvG6EmsYRLxmu3gI+Yz79mwB97TOEARmq4nESHp3bns9bq0Xr7G58YFu+cZA6FL/mtxFTA0mIhZj+8o44DZgGAYpl9KFT1uMpzcNJQf2SO6pEqPm6LyCCKEttV3unMBOwj+0E8seYhSmL3rOTUrO/5aq5Njws1CLF3zLU4bcl41m0eFCBLbEiug8eIvf4mI/l3hb0xLnoGFKhcBMzfyk5/tCYrlu0NUNs2FyoAlccADV5vewOsLmOVC8PxNMx324mF3yDDruavcAfM6jOAatlWdL5CLc89ogx42rw8wTOXxMAOsKfbqPvdY6FKBh6pSc5sRr3X8JMOOq918GJAabIbHEMwF6OsnRGLjiJ1QhbjccfIlNo7GMk++tG79QGGOvMvChGaFzMNbaMSQc9qkVLQWagNcctUTniC1H+YO98Chqge0/VeL5G/R+68r7h3X8VlD4Odd/QFvSfDNRFNp/47914+By3W9mzM8Qas8GZzgYz9gbAxv5tpXEb0kfcbtJ7Pw7eVkXQijB/tfTsbWjFnPQof5XeTY3lL9wpfiQT2KPphWCurZvfA8C/LBwgCwv5EcsgpizLhR8XiCMNXR5H65dT+GnmOLMLntWBrWuFmoqMnyT214s+V7ota6kWEze2zinJlw0bexLXZyLwtah0/mJhPK3STYBrxsxS/zqLDOZFMr7qvPp76kp0f2vxyZAjZKTeyRC/gIo4zSB5b6l84UR8+Yb6UcGCpW16vhdKGkxV58n3gxG07i7cC4ZfOqhaYnL2hkn/wgZ+CFGTccO6zulIoc/afc50gkCHDoOEbgWbDpvSvlGKaUM51xoCQdDbQihJfYa5rVQ44wwWGJ0sufa8KFDf/RbrhWSb5wbZxyicE6iATapHZUUTtwcNItM6LPeEaMEAzg2E2hw2AoKvsCzBirqOO2olxj0GVPnyX6oidRFF47ehnrKrz/gnJCHDWtnDHLM47DQo69sGnVAksZzII+La7OJn2oUfjGH+jIuOlmfBdX2epk3iByC/usmNUArczc/6sj7LEFr9k5bER88w9p56k2ScV0adikdcbSGgyv1FhKi1oyzC03+yUcd74f5uj8u4KP585ti6bQA7TA5NXC08bV3jLd18DThy1AalypL0RxuW8BfJxt+wR0cO+2UTOMg8pehj/mwpdk+cpO3M7A4bP9uH9g5Rh4/0AxK3xfUD4MTBDSZMhMeoAm2+DbafHYv+JcOzIPzTcomV8Z/YGiOnf1WVt80qlby6ZR5qIt24tXA/mwAG7ey97bUAv03WqQ4lq+muwxvBPvUkOCkK2d1l9b9LJSgGOv59jfuH3JxOuj7G22myb7nz4AZFIKPdcFUP2JorT7PfUV+foUm19F6ftNFS/Z1sthY08vMnI7qTlTiEMN9hDk/cSYdfdF2HQG5XiRivswhDpp+PwefPpH7vQlRFJBFNHvKYBytq0C4n+28FMwvB74OsRhaNmU5JY7R5z5YkPeM4/QMBsHnhuAQC8hjp/c37LFOcYqZ2l6fjdD3pvrgOlZFZB+o0zV03HO4lF2YR6V9MkJ4q58aqE3Oh0hd60RBrv+ATy1MQgU4KdRudn9uUJKw7CE46STgNk4autechjNDX1PkHAow8mzqZxUTBbH0t/mkXzEhhhiIvC/c3fgBWc9x7I1rOHG+aH5HKIG29UyLfk12aRNe/mDnFbruc+i0M4MweQ6NRPDlGfGkHl0vgtdgPitcyHIgdwDCpfDbHuq7g4NloqqdCwWoJIKJ5jWwEDgiIFB4lVq/0QEuxToORGmpmYYEmw4iC2zAiMJVhmFynzQY9qIJv+gucYkBijga3G/aohckynqcg0lQYjst0Dz24qwwH6DeRJ8u9GOuDXaLp2DntXHJ1WKUmHKA1xvo2ojpfsWM9ps6DphR84vTtN/+1X/KnrZ/eS2qtcuvxCNwaFzQhKijc/OUGRoVoHXM5V2vA05TQW6AuM7kV67aa+LwvAINbEtOKvsB9drFN6R4qLn9dnKbOkAf69oGzqVCq5RUBrtke03oeX08L4SORTN497tp+E+wbthi5YsG8+rZXdDmWCZuLtYYvXd9PVSLePGRQ63yZktxXZd1C6ab0E6a4HsZfdx1pnHqMgh9rmH0/OBOCH4N+GlfgM29IVF70z7V6zECUFPYdFFqqZ8B7YWb+DA8ZLbW2nMwt0sadolrrp/aFI26onM1hoo0nagdARvDpfMIt8cFDve7pkUog2LmE9MRXoNiw976kcOCTNVxHOMZCvua5I0P+W1XfqJOFLQkJ1/jmAswPd+6pl4D7w8AeT/GPJwbF//wABuNuGuU37BIbU0eGF1czxv+TGVOf84M3PIcUjK1rV9onJfUmtQw/vs/jYgCWlPcEs7gkLPplGFOtHjHAUpm+QVgGrrXKCXrC30pz6kZL0IX0fdU1kchRRsB6lvA9ynGyqHNGjT34hv4S04I4tka5DxfTCQayW2J0m8c2uwpw7nlWLDqKzY2aLN2jovashwmBUcXhqLmw/2NNu49hS6IX9W1SG7qYxkik2aJqaDahnZcAadEnhPxvDJdDnlgRPPzaeNdKsAUQ572ndvHxKZ/t25Wm5+/VuPCp6OtGSaRORQD59D8Pu8ahnMXOewHnEuGX58ZPdVSUwfImMedf2tDQmdzV9+GVWriHIGFjo7JF19yO3azr5BIDvWip+zH8pvKHw37fEx2Vzf2KZ8hA69XdFgaf8SVv7NBPf+V+K6EsVXFhdPwrljFuM1TtgRux6gVuzTlvpn7RXviqQbtwikDIl70L+vuSnjwPTXHHHBLyeoQnrqXnMRNIItN7kWDjiew5HqCfkmcWtS3et6ub3lTUu48Tqr1maz5JfeX2lNFdPmGiW80UhpveH/QKM2fVHD8A6lCUZ2skfc/n2DsgwlOYovay0HTU5bXo0UhqHjWFiSFvqkpa29EP2sZbC/yS4HqCPuQnKkOkEskAMQPWe51BxZA+0LHe8BtECVZ+i64EzwsGFDetnJfQrw1zaehnR8Yjfk3iGLPOU3V8Tm32svQxPSbTNBGKxgb8B5NP3LyfLE3H+fLNXYxxn0QFwgxGVyoQ0K1gCsA7dQlODi7jjBNlxogxYSy7p2Q+VUrYboO6bwMx9ulfEOSIqGHdY3ta+zQsLXTn8ZiKcsbHGXFXLJQjTXbdZrPh6ahb8BRLmXdiPpzGhm8xNpw+V8CNGXRRgBkc6Y/xggxn+rTBx6h8OV60gmBaOSUUAzK+SJBgOBi6A2DEFM/7d4Hq3TEFKclGP0FFINWG4he305A8JRzqJPMY4MdFX42wn2hh3ub2MSRaD1iPQfLUnzuhTpFh2bR0nuRogQOeRHy+95EVGdJaQ4+M4DThun/V8ulWok1TD5DeUDb2uWcSWIhPSnj2kcNS+5Wm1LKpEvgGuRzK/J7fcSddIlhz315OZ/ts4l6X/tTraxJNft6n/jGW9ZctX5in/IdYts6+nykpi1HMMWM/O3o3s9cgg91EsLe91vxsP8N/4adTaqc5kKfwORJfYn4jW5m3shXkhwzFfoIpYvcdDwYrKfo0EluBLtbx3xgkIIeND4ogGUO2spH8Ke1I9erFom9jrCnuhetUugSXRx54MjzhVhg6SAsHWJwzdLVHX08iXVMiu2Nr3sBJe51qnIh+CKSgTAYB3eHeap9mm/Pg3HgvHvSnPjN5+fmhQ7v4UY/DjmlF/KcVuoVTgxyLylMdB/T/6bv+6V7GfxSy6CJ9AWj9YSdLgBtUPCDpi5I4Qo2/eJL7UhADPued+dvknfNoptaZvg5CrF8E6Mig83cJZSi4jUgsJvQ4uf9S33lTT7P1BI4jmApRc1GuULm9HPKpHa+3MS5wlnj+TKb59l/w8RA4z1GnVbLmJvFgdPwDJ16X7egUt/TU8t6mixrp9efg494CGOt0Gv9kRDLBveog7U0gMbGP0Bn/GyaI52rwW1bIsbHmWfOKPMaN21OiRrEcowe6zXtP3yd70noR66HfJ4H+CgWXZmX8JkL/dIClzoKahooGi5vadhIOTKE258bLQ6+x2C05n5bt7ynWjyHURvL8PqNnGctgWEY0NdHauk19HGXINVz4nwCwDMa9cB10lENvk4Tz77v/ZMm4mypQUf0/tfzLcj1cnfUjDr8m2GNo5jCCxx+rvD2QzsWJWvD/qJhQ6L5cwoAbazPfFP+hO5wJHXdJDYjdNIb47yHqUccxxt9n6+e5Qc88sqSrB8Gs7AwWEf3D2OmdsrEE5/XDY3NvKbzOaR8dGUeIns+qckhfUye9U61eO6VxCaz4AbdpTaIAIfGOm08/vaO4IajfmnE1Z9JzH/18oGdQoVy51e3F9zwfKgDpzbHMg+X4tgHTct9u0sh1vpcRrQIZc/FzPEmB+N80HMMOG32uVEbLboTT8fHHg9OaOCrHCjRkamLt5qsg32NxuiNkBK9KHXEOg06i4uF6NOoSn0aYW36+aMAU3Fc+qUwi8a8Skjq5PlInQJM72ocC1nhb8/YwFxdVqOnt8up3N0aQnB3/piM0/O/gM2nEoObPjkW1zfGG/jqln1Zg+GZaqFP+KwFrN0aEbOLZw0B9A5gEhNwMHbYlpR7RbiGJx8ywl9wNuj76hgRKByQIyYQSC+N8SXQHQ2IodZIOGEawxqwfudhP7m3ZpJDDfTEe5IAKE71yfO4XTKWxoUgP38CzBr6+TKgfsjNWpjIdH1OjdfSORo5dx9+KLfrWS/iamse+P2eVOdOkH6b9/IX8Bljb3MrH1y1AMPocElt+vwtCI+ZFj60o3HJr5FcAVRRCYHDpUY/ahi/P5tSzmJeBxz2xXvSfZJHTT2z9NMHmYmbfgQxiEZzxwGM83Oq8MlNbYqip6AFvbYeo6j5wdcPd64XfKwbGuVgexzG0DKmBMO5Xzdr4LoLvMhJiA/tcvwGY+OQ+7YHPUu2OnlG4eQ9XjCDcI9zjB4t9a/heCXHgzzMtlc8X/BTbxSAc1hDYlOfxQxiP/7QjiRtj7Vu1sCeqVkK/dkf5jHOMSeXCrNx0jXGW5lZPPicXAPxtuPWtvCrYX/N6PWW1G0/eoLORdx9WiCL7uS/GJdi/0Jw0JD9nubrDMHwbOm0dTmYgT7FMQafPFPjAzuSRNN5q82495bBCw4Abqa3bdF8w/VkkYELMvAA4wtDr2fJC8Cg0XlcdPpHHQY3/ZHDXeKuNQ1y2SOstsK7vy9Vjyv3R7YKwuZ6sh9Ex/0x7oEyqLxzaXlPDC2/YC2Q53sLCsZTQu51SSCD6Qz8YGF6GaOEOct0OknK6mauRw+0sUtGEq1B7Ua53uDE86XH+jh1ntaVRMX1teZYMcYra0Qd6Z/iAr1v3Cy8RJ8HvqAGYw+dQWuqSSlM5PtoAUpgzDeViWGKSSCJF4gQco/9SzBgTNP1KMG41t9jnYsxMTCgkeMAY0ztcGVH7BRnjGDH8HzB2c4YXHpPYQ849g/1hmeeXU07P7SXRrElcK0BwpyDQvPZbU71DzIjf8JhLfJDuyYOMOc11cM39YxRv/8zeV36caONiC0BjlvDMTWztxqxDtP8vdY2B/cleTX0zPZo4VLXnM4BmD4hFo74YSJW2hd+YBd9Lhri1vq6dfwyNl5/5lxKV70hS5f3rsG8JXINkgMDYDSx/RzbOHEX4v4vqoLjeZQXuM4L93PXtWx8nLsXcMmKOeaZzlFyYlOIQZ/rQjXzOR4Xbeb3P6oFDpvaxNPHcWBdEzHxu49arS8x3WPT8Jjo6J5CpnCb7jHe6nMq83BecE44+jQ5fTuOJ9hclEs+etazoY1u08pndgMgzbZFDb0UzH93XouWEHVZygO2EOYBuT510RzRT3EjUe9pLRPHRC+0CfX+gM/n44DR4170OMC/YffF8Mvl3W0wOX5okdUaOuQdFwDZT82JG4DU44iG9QcOqYYlfFgDou6+ad2Bg2UczxnzTuRmjqwncd3oOi2ufLUb7HFI7rinm3UoWMGIeS94rwAJAWSvcRajPtjhL3vaMT8Y79KdpJxj9Ze5ktAE25CotX/Y60Ig1s5V/nT6KZEV+wRBnHPqWI+Fs8dKbRxQKMZtSNTao07JU3g2b4wzf6xDwayKN95ihT9gu2v56R/vZfbcCyOyrl09T/Ge+1EwCNRNfhSQL5oB8K4VR25z19TCJ266D1PLDOwhsVkXDIDGwBXbhUB9ai690zdhrQn15/rYHvqHwV0C3WPu+w5LP+qQxuFpfsQkjbmQn3YGreYmxr87wTXeLQXzNLooh7kTGMLULDeYOV1il4j6iIfADuopsU9mOEY4Uc4du+UYutaPOWQ9w+U/TV1+NXHIgST8P4V5LETuzgfL+HyWec0S9Xk0p/sE081yZi3I/cc5Llzqdn8TBAeN8Gt0XxdNEgJS4jftErQg4amPM8xFCxMxxl3PBlwzSDIGu88fPrZdLe5veckpPRJpwbSt97wFfE1Db0nPoxohp/U3iWXoGvQOWghNes4TMky2Ba9BsZOO/TES7gV/npi9vAYaZNqL/I2EltS14ZN8OZHw8R5KjfA7l5NBLzolpntsmIyFjvIgk3EMtIX+GKeW4Zc4Y+DvmtSekFO+AOnrVvJgTHoFUAdLzRJ+lGoATpcSJWyDbc0ksBciNeH6caPISUBy7mCntXLOLs+gfdQinr0UxEelPmcY1uNOn+DlV+ItygCBS4/kre3ml2K9qkGjSHZBwTPkPQdCHlx3VHRu5zuLL6DlO0QyL+SF/DE/Uw2L7D9FYfytjuCP5lRUr8Hm4jBMYlonCyJeQmUwVIAcT5iB1l29/JNkx3att+NRB4nHwKBqc88z0wvuY6MPrvLrspqB2CwlDUWt9hPM4xRv9B0XcMY21FTSN2twOk/INJNAkNxnJdYG/d+0tvA9jETMl3X3e4IAMBN0y0yWUh5pyKdzsxydP+UAiLhSFpzFcbE37kvD8PxwS02wBhkXyzMt4IJlMolfVdw1c4y+cDUw2My9cCLn+EYCMdyLzKXrLfvt5cZ+dH2PsZ4yoPPqGSIfY9oVKX7U08+BuagFHjR8bFjuFfwnfeUDu6sDsV076ZPj93SITzmggX3Dr/TxV4MnXOqZ4XFc2iSO9QTez4gBfZ1ir50XSf8DP3o3/79k75nbewP7dhiekGF7Lgpz2ijki1R3judTGKjd62biqB+QZe6n3AL2nGNx9/J6OPSknDUng9SzPJLqfpax/lY3sL4mnRe6Of8Y5/oxH/3oXSzyY50kp4RhXjI6P7VZS8+hGNNAug6JEpBiibkTl1ZX+lU/7CkH8O6PZPmhN4XCQNy+kK7XCYSvLQw0Wy++Vvo3M4caC94oeXa9GFepFyaNOj0oPqSQ45w1Ek6oB8JZUukeGzjPtQrQtlyFWyudRyhA+CMoRLfaOYmB/UZ/oMGV+ai/qTNxTafDKdNgx2EpvwwqbamhYVnLT2qomWxEMQ1MPo2HvdTZMNv6esCENGUP63luKXzo3yBWgQDpcVee3Uf3/8PugYGsBNoTbCmWYMuSH0i3IAN30YbtYcovfQdCp2ktnIMDD6/S5MmDVJ/kp4cj9bBOmkvtUsDLAYrTfHoKzOYbKFcDDnGuHXNz7KA77MMWC0h2LkEM9TIaBuPdb+NdCH6VSxycMUjfoPvoErLmSZ45BXK56Yi+v+A5aBSr9AMk0zNVOj4Y4E45UpPGNMchj+oJdUBuXFMxAtX7YYHq2Q5OPmdinBxgWaDow6Q7PwyRhJ7B6Dl0CHFNT4fEp08dqg8AYvC90AUcTeXSMfCJG0LXM4cAF7kuE5Zh7gvWjNSC54BBEluvYV9/8hpOh+QsUHPwjaXffzwfICAGEfouV9aOEFvAObx7Jr49o0UY6ttpEQOB/LfugYdPGzWcY6J5ThX0YJd8wKK4F425j9AALTnEgWXHPH1NYg92JWROB9fMGavua0RBA5XnL8bID1S8BsoxKB8kLiE7JkbANxmIQw/q0iInzh0aS/CfYl6uvCKWdaQ3jOCXuCUtzzMLUt9ZIVg4CGgis5d4pFw68iRw5Ep+UDDURi57je3ssm8CWjSkVo/FvgolzcLFIBr3DIXnB0CL4UMx998Xj4RDT1mugY9t/zgmtdSCoBLNLnGSpOfzLYHkAxN6Ow36HWbrlR/agwoJyrE09GzkJwgBBXAcIrklgfE1DUzOA+OfNNPMPdOiocXxQTfnssFs4wxMOejTNYFN/5QL8zD/p2c69U+6mktqIFXDbgsmY5Mvg2Zs4j6fEy7OHiHbmgKQ09zko473T5inuOR8qqvkfeId8u4+tE/65pOfsOfKDNCo/gRZNgob06UWUAfU8cKv4Wv0BkTMT3Zhyjn4mGIIXa549Scu95D+XhuBYB/WP3UClg9D6OKpqU33pMcUp7nV32yFncq/nkqVfHpIqW5lXaMS5wIUp7Dgl+J2MIEkuVHdj/XdNhNhmD2wk3YCRSw5Rhg5gv2J+VrTCiHWa+JgSIr4ITwwfubKtUFtOWhacS+5l2c9fOWnEwOfrjIXDhiMdD5sPg8RH7gcTtjAlA44Ykm2Pj8g6/yECArh071GaL7JgYN5GJSeodSUmJpZlxA4O/cAAEAASURBVBFGjgoQoAK0ybdeKXVA8NVTruAt5P4I9piuDSD+AYFCkI1nprvwfOR6Kwa41pY8FlfKFKeE4ny+xXGh4IIGe+UWbQ4GDeXQJpzjqe85J0wvjOlVnz68JsHPDwyTXuZ0YEVQR7ULIgKOswvv+9Tk617sbWx5kcAAHzD0/C04T3AfEW445btgwN3tJapDwCVtS1pi4MT6UCrXJPysKT8IJ+BOWLjk3eG+tRK588OZtcl9kz5lRY6SV+L0w8W9g71oSa0e48LHvoLjzYKuaRehtIFhWlz/DgKkcw0h6oKuXi50Iw/OuY+tHh8HsmC0oLARVzxo9KXfDNbLOHpvLUY3eurQ5/cg6owaoQ9Mx7EgzekaALKxuBDp2wANv6cM779xY1xSKOPj4EO2+LEJKmo4xP2MEMg+uNS34d81T2pyksvFmUzqpz9fdzunj79UGXmwJFgaNJZ2jc7XBdvrbvQMp9EAMnzUlr3kEkB22wjaAj4GXsxhUWSBWgt9AId/Cb/IxX+K5TlVYClCPrAvOC1mJc6eODmL1oy+vULgm8A72Cxi2SPcatVQYTPAE87gYVFJIbT3T3HH64MmBJyHi+XmnLdageu5MVYOHgzdd3leXKNG1gJGfjBq66U5qXwokZCrj5tV8xBQtnFIMrjuGinS+ilPg/iwa7MWnVfHdOIYN5D6qTvVkD4jkJN7kMFmtL1p0RymXnpuA7GpLnK8mAlwS6RFzkt48h4NChsQe/q4LjjP5BhezHuydEpyv4d68TpuHA31deL9KPKjqRopDwMB9PiyffafuNm8Jjx5GaPDqNpYU+KwTnFPZm+uzKXnK54R+Q4hhHmPYU+gr2+0M3cmJKn1behwzqFzU/RamuUsGN6pqAVY6tBGPDTZUzLcHFbu7S0W5ReuoU4xFXGcXcobUAEgDv08+7Fn9As0Jg1w8S4D5aqdwOBnzgwMxpDLNWVRmMOhPpm71K5IbN4DDZDx5i9Dy6HnsXB45guhDaJG3nB+/HkPNGhifHLXLSVTT3SEt/vs97nlSC7yWa15TilgbscQaH6EOMyEMBgjV+/pArQBBIiLGIejNp3MAY6s7ZEbqSgR6bIjFw6WVbB0WhxYj0nuMg8L8tkHPW9FjM677+c+c9yQo7XUI+jUAogTDTtjgofZ/X2sm7/EQot+Pt/1Q3tLt+TLTejAj+M40os+a+t50j/k8RjX0BfcQHBGR5c7iPNBu0iscBrMh6E/hdwnWlsMAm9xOxHj/+uplh33hX+7Dhbw1/pD/b4vmuOABWzBK/evbFmrU77tvFEHg6Ll5Q3zyxw7jsyL9wT1sa/wtRY/YdfkFA+khhq5DvGiUj3ziCDmsTFdLHYkJsiisMkPsIZHvjpzdUSHeiIkprJ/bBc9G+ivvJXYlAEA1tjjJDOO8elFGfx2GvINgWinz/TyBmUOwblp/lOJCW95028Gp0E9xoqfTvQW6DmJZa/wL/Yr/itQzaqU3VIqo79p0JjbXM/DfmtO2JqXMfaLPh2dSL/1U6joRW3+waoE2p6LZtbY8ITwbC4f1lCPkcsf1AkN3G9FDkm4fhRGD5Bhu7bXlIVdhOVNYElwYRrFnYDBj562B/RCLQClTuIZ7pRet8ZpUyPfXGOPkCP2ynGyXmUOHReiPKunvXGoFi7CupZZHwjECxZuDgsWATQELdBjLtWdTrguXoNx8/wwiWBGM3Ih1ilIx5Qag6835gdBscAl3gJeX+wZtbsW12Dxi4Nc5KJ9J7pqQE2IoR3PFkUuqJ+l5IUvcxgW5wTauzedis0CqG1915bQbSKHjVAamto8+5vjfN8Pcu9dKocrElkS/DTR/x/qDjW/z9v8/t/1oKDecN9ZTtas96XeW4VqYOwNfM6LOlQ6YzqfuN8zBgK57EOkYFRY7MTE2UQofQ0nw9H0sxY1UIN9IcBpDWuGBsrUAuahCTNqN6Dfn6bQ3FO62ydrcTuvdcF49026jkVOr1EmIuYNj+JyPg2Uw6jLca3G5N6qo5W4NAzGQkfG5cRPFTGZ/zpgNKTy6oddYjF3d3bgy3HR23FezDGpxLJnAIms4Z4+Plcv2HjFkcfWndrufC3z7PXtRKNuh+OyaV/1F3zojmUxb9SyKWHvHkUNbn7c45TfCuz4jbCbU4P5sOzlrG8f2L8oTlk++nJ90zCBx9WJJJxEw6sUkBw3WIhEx9UBmEASRaOSXo7ihUPRfNDT9+nDepJoWM+a4VJb5iDoarb6+CagguooMbpehEj+N+lJe+wHseKaajHRgnlM8gwY9Qbn4HoWD4Qs4cLJtV8i4kDyk0iDyvC9qRN8mcvF417zeZDXzmAv4u10xrUxbS2V2v6GLl7dWAZjS08Nw/PFVDWTn4YpEMDeXHixxJCwDMGfg4pZahEchdS14F86qJH/jrq98mfc9GA7jvuGvuGR1vfDwP7hocfJBTBaWZcyuHJivu5GAV4EmTI0v4fIDwiesfhgSxr6Vw16osX9f8V9AH2phViVzDlwXSLobzKk5uTQF8TkG4Ahx2ogyZcBHMPsC5d4BAnWnvHoXcMu1MCbd11j+gGnZJMowzcY/YbXdG7H4wzh4cyW5IfBfxoft4DPBxfoSfO6B79DjJgf2vt9ZACcT10zcHjvwT7mBIBNJu710O8CHNx9wdzuK2HMLzGoO9YvfeC0OZeYatIOPHHsPYwBmuyTx1uOC7S5UoNhmTtC+e+vJV7e1AseEM+PXnTLs5M6U/+m7shH/Za+qHotg2a69GzJfhURGYznzuK7GrgWLpFJL0GkK3EbYxsB233ItNDYug5BX/1PPMRdE5ep0c8+MMlpa0CJZV0F51wCh15u4SF61YtF7c+LEax5GydDZpSa2lxVt+A08MHW59oH2hGKubxun8AH1VzAGaO34ozAr8QPxRzWf9bZZHq1WUP+kkSLUbuArkEP93FJpTULkN+lTXnFpbMZ8mLhEdFrSD/o+oZBobBLjZ38F+NWq98ML3S1znq3zuSv81B956ojUgwuf3LQDx7tuarbC1zWmMYdP1pDksF1lEBQObS/lsIkzg8Rf7EL/ZNeibEACmpPoGJg0z/lkphK6Rur4h8Gb96QLLR2vhHXspnfP8whON3fqmF2mypYVdM9shwyd+Zm71DG0UuAJsMch/y13HQaCCaxxKAXiLq39k7HCTL/I66p+xsQWUd/zkixePMAH2slfXpT4RjDeqwRMEzZMrgUuc/Lc50JX/R8Rmpt9IGufoyHMuBOf5uCx8rlAeD3BTF2fpnf/bEYuSYUNgfvJxbiEtQxHDgYKpdj9VFy7ElgMPS7G+EIlXzqh501aQEkAhBtcHmENJ4D3P/5QZjk6HFcdz/tb9DXQ9c0NPeoE31dOMketL31OEV6fDMGx3nWTx98GEs69GOhcK65Zh4falv4FBqwDKEvPOSB49Ac3zD0eX/iGkDn4TK7+nZ+6k9x851q8FjwPLdpYbhtmkPtgUC9IfTalRqbs8VafR4vVF3PLq/OW+hNqXXqXeuplhIXoVd+1CScF1P+PeQp31P8QwWQ8vZLTaeHBtYVre/T5d1cmR/vu3AAWit7JbHMa77y3KAesX1MP/oe62Nize917IoRnAN3Y/rR73IFZnkbysVVjfJH5ywwYypDR/kiGM6Jv/hQ+NumZNrCp4v9k+yEo1zG+kHSQ6Wrqn4kToF9FQ4RDVLYqwzrGtV2QRVqRA/ZRan6plPhk4z6XIMODGhDJBLApbkQ2jWlA5NvLHeEjb/rbGBZLvHlAUDSVDwJxES/cTfUuyG1pvQ7BXIQdx4cISBmoe/WeMyrCVSliZehciDa7xfqFJI5lRcYusbaqNP0yWF46nvqxPAeFU3qsYaJS0zqDIa/uKmfgvSZyJOOx3ExrmIHKap+7l1rmH+kvfQinj+hb1l2zxfA/FciA691O8cc0z3pMStA8ZBgTd5zENoZ73uK2ukT7MnczWdX16SF8tD6HC5vXAVUpkO/wTKnzQOvwy6IORkGZ0ygIRoYjBAUgJiIekjrQzzHMDoBpF0jNgVWICCYT0LiXCky5wsQvqiroAipC7DUlcDiDz09Fl6G+f1X14X71eR0+nFjDd63OWnN/X0W8/uaRd306dpkyMT6/cTcyaPD+uRZ0J9XrTZwiNE6XatjMWlbAJG/94NkirlAvXhIyRbWISX8XuZCG4ZlsK+qt0b6d0ACNnGWjnBvjMHvdqzFhO3cacx5ZyyE8Fp+0nQeAF5EsnON4EntqPFGXVbGgTWtfp6IVxx96NOvdZjNP0SnvxoPSDbFW238xmvBABy4zJMCl/HaL/l2HCh6TLAtXdaj/lw35cFmg+imnWrZUIrbpS2X7xtzmnPUlfqyZlFjuHxQp1Nwf2pGzdGdpQnySTeoxTw8xRr0eFN17NP4TT5q7LHXv2FHfIvBDTw04LkuCG/5Chp0RhfF2APUdBDS8Kizc8qcRo320EoMXhBabPfgYmrW6eVHXuqxJ1Z7xtq0l3VQzs52rRDEDYi2q5t5L9R6LfWUQWBFwG/2VaJ4BH75F0eBv8cMNLgmefrKdOjc6ND9Ekb46566paaBTZyG3IdLkNM0w2MBVhsuwOl7yhsSNyEEwF+4dKo4bfDUxhhN3nxdjhumdTL2uY97mamXmiHI54TUQjzCsEcegpuW3ygRIs2MBZd+Smlu96nDwE/1MM5eCemLZD5uz7pdHf4TS65VgHrtcENzauonb3qj4FzM0wjEUc/rtYH3FBQQ42VP+TynyKanXA+LvIe8rnBmHQRRROIgMZzaxKVjni/C/iwH3ubh3zSJ/fJzFPtBOebJN2wMaB6ziZvWOIMADfyU2sTgpn5ixZjiKUWDPYU4Dm0ZZi74WPL2V5MJMKzc7l7dy2PiWL+I1u28dH1bWJAFaXovPPqVP9njfTLo5FmZROhDUjTwo/OzhIHFlm82wr9pp/oZY5+bs9FiPRoml73H4vzDhn9ssjZTvOgJ4OkM7HjT3N5gx32Veoppcxrv1wJaB75G8ZwoUVlH+Kd6Jx81drGdH+l2MdfUPYvatnishZF2728XPXfsL9s8RpnW/IQvWXROEchvzOkDaMBNOk/nExxILedxp7/zQ8Pal2fBxXh/ndaw+HptfXxIBejbhpxoR47mJuGi/RPX9v+w/yBFqbEMYqbd13M8xYGPFVOo2l0S4x7PRbcb3mN6U0wC8AHbhTCmmGlomG5Q1Y/xf+BBs2sdLEIMiWtWIbBFl/ot7tAmuKE3NZmX8MWseBOlbmLSuGNJIjgdf2s8ySMu5T0m3+pNZyteaFyUNs+EPm0blzl6XfT3Ih/9zNmJNiYXuWgPsMWVtQUJnb9g6jxVEP9nzi8apPwNqPXHF+YpR68jiveaJ7z6OB/xUS7XQGJH04jkem4INJHdvdtgV5oQ8zcRALjoJck8ANJmr+vnFIrbwMeX+uPVf/Jh6yP0R84EyLosyD0GTutEEq+N4BBivexzsi5wz92HvA/03gsddE1aIrfpa01g9O4LiNfBOGnu5ODQW135Bu4A4xt7yvpP24Fv82IZjkfc1tDXlAH40GKsbuxpHzv2ywUC3LcDz2HDfUZKyFwFoTAprteoY/AJ5Yf21KI4ARyzN2D5r3fof9nrUfNtQZ6heT1Sg9bHfR5oj67UaXnhx8Y2d262xw3CeH8eeal2YTwL8UCO8occWceVVgCrqRKLfsCp1+tUNfwEF/zyAUPFFRx+6mrIbRYyAcw3uReNw9nOHBBC29V5RT9dd7V5inhWFMyQ+ynuBUHLuLspFA0QDMu/EbDEXDAuWk+s4YIHJprHlGP+Ba9YEtFTBwRrO94V/XYtWszDJJTqZyTmUbjEom/z1JDaMZ2cHo3ts+Upb8/9so6st89Ti32y3+RqGAyzMcY+A6uxrNsKuTwnLcbY7zTO/oc/OocFlcbC4VryapAA4brZMT2uY01gPByqN22XIv32QHEt0StvBiVJf4GS0PWGqDjuQeaiq62ju+PBRkjpISD1Idbn38KFzkGpPx7KiIG71EgSATI+YgX3xVw0F8elBneZ6wb3lPstjbiScxAnrhRHp+431h2NvdqTz8HrhdKPeyfUfmY8ZEJ53rVO5YX9tAaksDaOvUa75F/a1nkS9KEf5xH8KZbz0xy9SMbgj4kSsp33YR4i48rUYhpfEw6GvtyrEe91UBPYHlPJ1CIBwQ0BEA9hbnYeyCUc6zuuJzR7Mw2m3P2afKfsxqkTAN1n1uO1IU5wmKw9qFcnGDhyGGB06bsY+yuBMd+eD2H61E5BcaYJAw2aIEdBHjc7cQ6qF18H8Hg/m+0NPX3hcn3a1nudzG1j5nF/4Bj2dWctADAQuF0Hns+J4jtg+J9gTMtzUBZ7o0EOwq6PdYEhAZ/zbl6G++mHdm4DUsL2DyiezAbWvJ7LvGypIWNm+D7D0droFw3AU6dxsXYZ69qhkXFyA6dwQLNhAF0DFH8CbiO1ARRB+tHTvlm3pTG3uciE2Hj3a9TKJfzUcx9Pkxo1uQgIovUaL+991bVQ2xCjPpiGe7Ped5JvFvNyCiwLfWnbgKCIERdNfC9ffz2efj0b7os11HoSC318YcN2uZqf80sNGIIZ4waZ/JOv6E4D5LKWe/h0Ri74cn3K7VOySz47Q+HIk3VYEsIRtediQEzaUfuH8xT5a5seamSJysv9ZbDVXbA2OM6jg2NM6U3Y3ViCl+36lfg34D4XH3fnJPQGQx5nBw6+bDzRJx8kdn7E0PxNw2WW6+LHjY7WBbmyjF8ov+I7uEWHT3f0A75gRaenvMTve4LQgtOB2GJeNNZh80AMy83eAVz/C/36uuQZmMzjb94srpz+8ABd47R/WF5qUWcoz12qT6z6yGPMF3Bx0hE9z4y6uQ/qe2ln7gG/O1MdSlx+oJ5qNFLPNa1F18aYPOaBj9xpr51DAAa/bMybuVjQTlfjVgeHWhJ8Onap5iRvSnOKTXj4nPMTYggqNddimcSVhz915JtJ5cKX/F2xzV/eJG/OV6OMQ9TRS+b+OsEA+dOzKJq1d96YAE4jUHPLZWC4dxHq6wO9t/n5TRLf8IHkb+LM73k2k2D9AKUECHgHnI5KTj3EMYiWfjrE7/rUa7wGz6GvhYl6jdFTIkHNyN8uGNab0KyTBkUxtkb3NVrHjgkO9o9/V8FdoUFJriHK+clxJg9c2ByjBjSt1W0kjho05nWE34lx4RqrjzWPOgUY+XOyLWjDpxpKfKhPnyuHNGti9ciaqFtzux2LnPeEjf15ZPzH3MyxAfZ90zqe7KXOIKh/1GBNY7A6H7UqPPeVvyFVwi2vasPGYvLZVe4J8hAvgtfAdYgJHf6UHTrKAcyb4umLfcbQNemPvtwTwS+4plli1MoCIgn9Uz8WPgHDR+3O41jmt7vvU73NJf3NoDSfxSxhq/9S19N8wba6+hB1Zm0RnHwI0c+5BTy7rpOBbryon7k61cdDASP+lGfQgLbfX/+OvxJvzW+6PitH1JvHwZtLyRNaXdJz2cXrnYIRA6DoSc6dXyDVtHnwoVIDh1HM3RF4QrOpTR+xWhhx8WZJQ6RlT6w58ickCCrJ7HzxSaIYijW3r2+EPWQ51IdQGWPwm4YkLzVYKuEY06clTD6Nf7Hfar3BFUwZ1Io4v+qNEc/MGPzuPJRxiw2gPFMSKx88Wp0Cu3VfWFgLcv1F9AXnV5C4p5iz7IUWMyUhCTUHkXyEaDt10ioAQ7U1nL5551q7i+ppbYHX8CTBmkn1/R1IjkOtWDv2IYg3c9TRHIOMht32vPFPIPyDdV+PhbE6ptxE+R55EtsbFmTjcNX9Iqn1jm0EDF2O/jhTjZrDxNNjDvrGMw891msmsaT3HnE2odF19QHyNTH9xB3EUYZvCcCS5EBJWOrXKsaRr4GJcr+WNclCbrrXMJ0XYKNlnWlYoM2FWPSEeS84rS9rMxBw3szgfPnBfinNRUlYe04RPHxAOf3E3qW0PuNwyDp6Bs6h+5NogVOJY4xJO5d+IyEvm5hesH+zicFNn3mpGTj42WgXfQatT41mC6SCWq6Cs5jqlZgNuI/FTz0jslbEvV6/xIBBHh45y6NecV6DbW1Rwy6+PR/MMU6MwXMPKqcJpNucqwZCZqnRMPzQHhBfR+C4VPSX3m+my5OazAs3c6tPBRDfxRQH+wmrcRbTtQ2z3BPKQzk2Lu/DpA7Kius2Q+eIMbSmY3nwbZsFXZPgDTB109gA4X6DOdA91DTa8IJMzpMu8GiHufpaXKhvV61F7Yd8cv6vp4XXyAIRDQRdnEOvDgeLX74BAArYX5TMBR3/ijg4u0bsLr7zs1aNe21TQEFPNtdD+4HjuczPnyzlhjM/J8YeS38tv6uVD+uDfupNseZjCqZGWG3kzfFhL5rsOmSiJcEK3abJQm7O4PLgzn8zV+snHFVRvtvqUGCzAdOvFv7RMG4f537WJvmh5/3s9yjPaO8/Vq+1nuyPstf902vDuDXPift3ewgbgcMo1l9gxS4b29cTXE4Sdq9HnyOwv7ShfqTqTdMjpmO3J1Lg+od11e401VXczsY6/rt9ePdnJNeF/Y4U/nyuAt84flbNnfXEnuS4adPPvoTxzYUILLUW4DoArTf32aXEOAi/D8Pu/ByTYw4xM+yGroudLeC2WGEmZjhfArtNI6Q2z/8dPVr6RjTzsm72opAY8fkZne4dBcsZUCpswryXOfMcOWaYF/D+FQbe3+RCwEbrPh1bmFNk+a7hxJsaw6tOrS9yaJ3Est/GZD4slRztx5jWoGD6Y47R3YguxknfiM/WkkMUNN3ubwbhGaStDTV0rX/x3APuY3pMiO93EWPc9TUJ14xEW5PuYqjsZQOpJPE/7rUGLR6CT3klnjWZkbZJ+JrD0b+grz7RQogNJake/dkfzpXzoCvai9YplkmkBsEjXPQi5r4SEKEvps4N2vzaaTDOfoPzMC7RUCq/EUnf0gt+iYUD3zR3bYxf4Hc6r/2Z7Mr3OeWOoLpDMX+xtYPsk+v+K/GJxN1hh0QLUpu47uOYPXHo3RcLoy/YxCCePx2hc+gn7QFWvuM7xenLN4Fw6EOLgFOvN5LhvLZ4SueLgk+MwVuszwMf1unbnR9nTyD6bvlqRU3ljbjWbny8MOzyjvLNiaHz6R/EGCrFJfH2lhcp1o5w1Eyd6RzdKpdVtHpwGms+iTOnu4a5CdRN4hVKHwDqz1f2LjKMqfH4zZ2Bu3NRM+NWHOtjbFnrvk56nv4/cW+jJUnM6gjO3t33f+O5dxFGhMDYEdnd34zPqTAGSeCfiMysqq5OobORug0y+dNnOWkrDbXCz5o1ljbqA996nwtJCXg3NDdtz8mBSnR9Xa++VhwrRrW6zYlKXpj85w3lzBMbGo6jHYMGWWsZ69VTY6wajMPH1vXo771zYs4b57QW6o/fXqJu7q05WA9eU2g/BhkvveSCxlZj0Knvr18cNGnnDzF3efAhEDbmsyCf1YmTOh+VsGIfHWuX8hoLZyRJLdDgC4dAENnaibcBw+G1Gwn3YJ5Tqz9tw03zPtYR9w5ex5M3gAeXT5FTPe0d15rrofOCJhqXn7fx8h6uQeJP1vF/voOPD3rKp3ZRgdMKxnuLnGtLTj/XufA5CJDLjYnW9lOLNE8aeOcyAKDo0Nz4xAe8x4umYE/mCc/84BWMLXCeEwWdEnzw6775N17aWmB7sK9ah9sNl8+uqS7Fmp3vLaM+htFr05zFb8D+et6xrqVOJgkhDak2bD2filObnM0HBxp72DExzjuGiNSGhbYFd03WSzD1OK7MNSLHRq4xYY6BBhatk9gmpRzI9XHMLzMh3hvnaf5NX7Aa02cf/BoTipu3GAAlbvV5iVGnnout9D63SFz0Lr4IZQd9cP9Ju4hN9V1z9qJMG68Br+3ByL9hj1XUDwOXWjMHtdhnQI3QxioSJy5H8obkDaq51VZZ2vqC774uHkDmzldZCqDnzY7D89a+YKDBOga9rMW00jYc7AttKRGkRMmxuaNe/DvVLQYe9URjNAey71sv+Kte4237qEXw1S981zclhrlqIR46/KATw7/uqIsEtNs0Hz8BL1m3uXzlUbcXQP+hpzzf4Ht+c/YX+qS3vUk/DcSHlnlajH51Tz7E6Ud/nWa/ZycwxTTxxT7mpA57zXVYi0uaOQRN6lu/nRGwENfcQqGbEhwnDet1qHXigId2iy2EgOKvC5GDuNdxyA2cx0lgD+dQK/HsnUwOkk2tn5PAvNE8h9Whb0xUPmuY9Abxjk8tC2CvfR1szhsO66BzkLX02pxoGPRChonmYcaWa74KNwFfeAk2wzTw4dVzwm8G61AYnO63ufGZlJwAIp4+FYFTxyLMvXLuhEE99uW6EfexYGny+OnSZyoXyJHXkx/azQ1u3zaioe90XGLAnCkbZPXzeXB8ZkPOBKY4dCKVWbKuTGhBjT8L73C/aLzkkfP4oH+wuA5GQQ40lrVGchWseJ/aMY8gHzWUqHYkz32bBLqvj0PP3bhAjJPSXGF7CLjAXKDOQPyQMhRrh61RzfK8qNBnDeGXmmCDR/ey1nWqp5wNg/l6atEkRQ4OVbfbjhGNMsbA2puOxiN15anTI+1i8Vw/FQPsjWuQQmkPlRLTtJPu5FOO2AqFPTYFjQBzDhjVy/oH3EnyzX/VfMvzt/G34hBHgX/Q2tbHf+sWq+kPr5x55IhY5rI4c6OnnXEaPdDGbUjWErScGlf7AS6LD9z093otUPh4IlxafhfWVqrwDhykK7gy2EkMHz8875TZQyFEhzk7CRjZcaV4XC75cBFfmici1jIWABC+mXIeObfaTjEITPtEX8ypP+w975cLdQzrdX/hfMFwzg075ZjeKDVavpno/i/jQylfqIkpddte8V7zbZM1dALGctZSpOMy8Bglz+P+2eKcb8eKcxjFKTAGZycpmlPt470Zcpw7+/oweXJ6XIWZGBDx+3380I4H3PWoYXwxnV10HByiBNpQTC1h8e3qZUltoTB3cU78p01A4Cz1s2MJx5zh5N5qSuK950AqUKy4V/4BDwzuXeYix32ImWBZOwKspxz6Y96GP+E0B3UTe7oXUUOCVhH6HCo6wJkjayWPoKizDZ/XgB4g3nRc0y9PDiwIUwR0AdsZ4Lx1HuQx5nw6MTC7xKS2LMMwuhauETjHQM8M7n3HUsd5/RI63d2mtj6sdJCNi3YMXNLuEf+Gc3vulnTTvCSHr2MhPMFI9TiatcVDx/1Yc8Nj2dKIOO7tfJ8lmuQ5XvzFpIY46fJc4ofpmvS1vJx7wRAbPbUh5O9vBnD5ZR8UQZL1061IiTyTxLfcGDoWa3nApJZhff6af9BLzR6LtWE8dU3Pz/qgS4xLHeKIaahwnPhcEEPr98Xyrms76mvOBCAYZGoxxB61HJsWKqDUivg0B/pGiUNS3/8ey2Tt7PIgyfw6VUp2kzV1P8Yl1oouMZID47GGJ2TT1UCzxxwNcxqO3EtNJ51/4X9bj7cc/o1biHxr9hN2m6i++DmPK4JFQBNBmuhpO0YvPdDHip1s4Jl7iodvqzs4nm7I6Q+9F11/QYY+nxr9CdHq8TTEDjkJLyE8HCPAnrif+5f5/KKXLyBcx1txnLMmoA9r1uvSdQSuxbe9VN2LDd725qlpJ531peMfGbFOt+VijKVNdbOaP12L5NNAz4ThYx0KUbvB85x2//HDue4zhHV8WX/U5TkUr4XBvvAV6nM0HX0z+zZv8Lc5hmjWpkmarfoFXwaNJPowXYNFqCBpk488Ysjn+MBBmCG9f9KHuGlljAHqam84DweGJWDofDoaJ/dT99z2mKkKjU7TELPuWQR4/xS+5habWiOWToKCR32RybVyaPBy7cizvktyrFpqM3XBhbPsj5HgLjgKYX1572B9cW9EjHPRWjMnQDbI1wUGwI0Yes2rdqTITulu24Xf5MXYX59D2kmsORWWASzrL6GoBQVtccRAtNZj1ONa+IQWNK+OCSJsYPuvM8LPD2//zSRwTs0F9wCmrLcDEQ6HJozgogOYqTDszeE3AAgWf/tNsyKBgSdv2dQfe5ewXicmOewv8PnBuMm/DZmr1DqQgPM8iEXNOR7w7jJcuQ8iCXOy1/uIUtxTres1H8nWc5mSD4MJw6TLMRxIzMxr83piT0Tak+ev7Isuxco8GGcfIGKKLgWs737iBVJMxdNGSjT2agPDZ6Vqqw28N6l9jBM39MRrDQOsuPJM0Sv56fJ+uF+YjzieM47Rd8zXmOK6fdNMrM4DhP9T7U9zab1/WutN4xZDvkPc9/SJ/Zcf5Gt9sgBibjfZUQPJ/gMtX1ybttaYIZs1X6zT99Xg0/KEh/azoCNqrCmQf708TTyHaYwlHZ1Os8u2XlgH/RoUck+A6/nh+1etaWVe01c707HudPwjA3OMefbpnjIoDrVOXyfur34vzy7YS7e7AJ3SO1bGJKbfNLawOfK82FprPmCz4UWnfyEYPv3nOMlRw3DA5JfFWIvC+I7XcYEp8cOAuhou9WvgxS68MnghMjw8GLoMxt0HevEPOkzB/qbh5xP7c9JRP2z7Yv7smSDiqUVAu5/1PDiVfJMXM/NwHtmHrmIzdjCCUvQT2uuOADkY9jfqiOG7572G6xh5Dq3zCCvPO9wbFnCsrKn7eN8Esev5PpvT72MnLNvNmEe4V44yCCx5qIFrdsgX7tTC+hWK1E+s9vm8MSdLyTjqhROCbBijWU9zOda1+JQnIGLw4RZfZe0FBzPLP2g5nIInbvPrnDkJSPjXLU/TmYZ49k0t9Xsw8h2msK0NfqKeaxJaRy7inA9BLETqIERcbpLiAwOVsczT/RAJ35CiS1etLdpySbzPXULfzD6PNvkyxw+KE959sj4pY8XfznrRYl3opWZgwpWy8PmX4BgsmnQaTteReujRvOde2oAajrOBj8UPDjGws7nQGo1xC33yi06e50xyMYRX8mBubX9K3MJ4zfklV/KZM/i6zlmpaH8+DyALL7XM8NzMy7lxftFnfUo82L9gRwnWMgZnZ1LS2HFvdfmegXbQ8L1YMfk37JqHRCBhW0ZNetusAgyuSlOHKTRW7ANwzN3FyIWgzQEcvCEYuSXpYTCe3oWlpqY8qKR7wupS9XifXgq1AHisB/vQwkmjwTyKo489sf1BQb/ioJP5AdAgbkAb841twTUoqGxaG33ec094Ywsw0xJTiGtAjNc8xIsLdRfH3w2YGyrUVR/VGeP41E/c4puECuCkvPvxpnGSA7LsKfUNTFPVUoMP6AgCmzEhTBp6JhnvXPpFatTX+MSZfMqhrfnB0TExn3uQW2IfNl/qtWTH/AfdRnfZTGVBj6fDwhMBLPHzQ4bXAo3Ox9iDIEbT+9ZiSiGE/RTL9OSmo5RGia2nptAeDJwBoOlDG5S5BQP3BOKIAT+1kFt8ihrQeUJwnK2N67T7xmGybtQU+jLBA075jad5WbPrlUEoKzhcXB9/Hsh8GC59K9RTRD2TtHL5vOG6Jz4MxD2mOaKexIagQuA6/ZTXeVxDq5MfdFkDuNTOZfZJRQAAbQSrz+zkqt90yvM3uOjQcr5reLyynA7AXKaftB9KXAfRgszvurjQ0RNgvcTnUHNM9QCXfiUJn27X8YsEm6l6vmdWS/IMq2unWMjkOHJgjCOAfmr0A35rfn4NfMNRi8k4njglFrVu+QnaAsuBsP9zTRxAbdg7nA/4Bg3nEa+5zfaYXYiBtOsQHz3jdGMMYMeCz/XXWPLlHKdvSUFxa4rZguYY43C+NcVQhD4UHjZDRe4tXsB1oH8MERE92xW5RpmfOW91iUDyxHczJ/zku2kwtvHgGNqGGzDFxTUozh8GNz5iaIdaV3C+xplvH9gnQRNXfbfVAX3yeq7GZZhz4osc5PirccRk78E18gdcBsSIevBdXDQeUMdHbUfuoviV9YjraqZm5D2BOQUvE0+aocUUhkisv6wxzc7p9Xi8g4YMyYvYB8qg8uLi3hCGJLEWt3y3mEvFSaZs+orj40CT8ZAGVUOT2i3O/fqVd9OctD75PooSNtXOGPJN8VKHgiWQbq5zCHEo0J/M1L2wrpiXe7nL9vlDW33M5c8WDXSh07gtSOpNeAYlRldJDWdxLMLB7UHE8Jw4PqeXxH4FJ4rA8znf9BmyfDjQ5IGnWBtupSsVHOJzinQgFs4SywEzrp60LUwHAUFL7eZHGDH9sEWJoHrnNLucPizyx0vAKT/3hc9YBqmlSWDLc7fsgeCYg72EVnILjDEFAoNaoh6eA4XQhpY3mwPLR3/NgfnaXHz+KbBkqDXyQ7hTOM68NEQSpmu213H/EGgxn6MBHGPjKBG0Z2KwmYw2crVWuBKjtrs4CD3KDnKpQEo6xPD7E4lbYy2b7rRG4Zv2JXObwVrT13JieLwXBEsdPzgxKJpSY2L13HC+DYfh1gLjfxXegrfnYanBsH1M7b5OxGWtAEptGDqm+QhD7y3i1EtfhN1fkqyAu3C+uS6Bxzif3wceUnprtXkuC/gz0GIcB/q5NybdALt26PI8bjop+BiKUftBHOoBuDeZ16uWYFNm8llw1BLsGA/RKcat42MKGDRITq1oRN43Tj+Tqut6rJ9CClCbOPX9qf0vtH7QKOv2pzUb78u/ZTeMfGBHkUPTtVa7zGmo2l/AeGqaruvYRfX8JzGHGo6nDLp4iIi+v0GwMXsJvZqdM73B6Jg3UdbmPe8eITHurtP8BQ+zcCI21jUBm9Z1bTv2ZYx0H6ewlHg++rrQ/5Ivw4H36X6ZM4hRqJ+7FAqDk2Df4z+OtaTpTP0o9wrXfJynk0rgVaZQTkuhkifMNRMFoufw9kboqhdB6PxRPTyLH88g651q0vx/XI8Jb89SE2ZezZHOoZgtPwWApYj5+Byhq0tNtI7p49QE2dbV52Omv/mLdfZ8Ko44hbAnsh/0n2okbcSFM2MQ4QDEQZThEqJTKajRasV8x/vc/HzegK56audroYESJ/P3HJGLH2gch9ymW+aD8aX5HiCu+oH3GGqwL63Pw3AghgHiAcCYWI8hHs3PAbB09N5iwJCHfyMOLMdHHjAWHNf8wGctKKHrMh9iCE66wBReOFwXARuTF1sFtaeRXJI9YVobN3jjnpBk/VafxGDe4qcYS2XpKRnznXjHfQkONab5gOua1gPuAxJ+7aHFCYDrguaDdjzz/Q/hwR84nY/a4FLL64bGoR7lcS8LFoPI5xIxhku5k7zHG585Et/i6Q/D5785l2N8NliCKS8ltn0EOJryWBafGwXDQetTysi8t6CjzXPAIa8ZmcvcjqdDiWYnl37BbbHA/OQ3sOOpy/5Fi+U4Fxs8tFMdCseSKE5tSGLsC8SA9e4LN8LeUDdaxDlczt+vTPcrM3kscpV0vBd/0m9787fcrPUi5PfuPa/9lfi+2jJ5ag+u3Ehi6EisnpQEhZEgCbAOxGgzfNMixvptLhL7E3PS44MCMZ/Gl9riBUFrmJZA47/YU53cj1Gnr+8I+u6ctuwrGy8KpX1ZTxBiAV/X8TDXXDOLc09LHR8HqTPUnamRg3ppPHNg6D/Sc4E0738kUW7JM9e/yMM3RD9JtDly6pvGMbCQf3MeoAB5lKJpfGyXX7RzDVQICaQx5FP3SwQZOGHFXwqF37g41yqncNqa4g3rsgHyn+rGGyrVoO7WD/eW6wUQstSZ6rjGLJhvGgEkGNpNzEMRZ4g94N6iVofFHFMfABBCAx354QJiQcxBnr8J7s/JGLtGiLiGCpkWh8zjCdrFNaLWDFHfiOBub8QBpKgJMA/dOXZxeKMZh+eadI8kgUD7HoIB9H7pUg9yWf4sNpDrDmC60HsD0Ab0hze7jiv1Lqpju59Orz/OA/8YHWJ9Kx1/KsKCkNg4lvRCOUvmpIIvYyfF5aRN+DZnOCyYvBirJu0Rg/lYoOgCaA0dvl7/kB/A0sApejYen2tfahVdN4Xj59nGPVencNzr4nuIftaBBxbtpO1aUguwXR/kbW0BjDbhmdhj/dlgvNQD4NZabQr1OW3J5/r7pLBm+qvfrqXizWYZ2jeID7dySLBoxpjsZe65Ri2R+w/czEGO5IfLv4lyeT1kaaRnLzpbDoIuNQEyapvzOE9yPuT2+/KSf8yNog4chNiO8yXg1EvdN8gpdvSfdJt/uO3iv3ULZV2UD+vw7KCB/YOXviodqx0CWqgWMUDVpTXyoadx2IphLFPQAIg2QYceeVITxvZK+hATFy6m6P6H8Q8s3MxvCRBnMT+kPMmq1M/S47sRKWo4tV6HJhX4r6a+SL5yOblYCO/CnrgZSsOWXetWWzCT1l/7/lIfdC33Vg9TfcXftH6K/aPE5cXjDzX7evnYzjq/QXU6d/kcO7wo63pc1xdB1q6kcB+55MQEomsK+5C0o65QfI5G8J9sxTzJJ+yLDrFfucR17fQjwAHEaZPAsYQAY1h/qgM/f2qNNzRo5d5fri0F3ExzeiMU1NUZOM+MeTJHisC5NLPOIpAy+ZPGHvb68Rw2zfHcNmGkxle6y+AJ5Logfmi8FzlHl7JLarfXjzxbCajCWyrgNufOwbpmvTX8zNWLa0HRZ1hvbf8QyvwENAkM2zQTsVGoFQgMO8aXJgS5vikoRp4/JzwBpmjuBGS+mPsth2+kCGbOVHsMfEDDPvgZJ+cJj5bXEoWeKO6HLhVgCNg1GNOQ4PxsqEbDp7b4u5lnHGA9JDZkOZNOr6/rJnkLPI6bhscO78M+1QNQTGDMMzgDvu+JJMR6+TE2MPGYUcrFM4tnihj0fiYJRi8t+eLbTK3DCDIs0K4FHHzl3LvjoXWOR4ixCfuHdo4f2mNlkscFK2756ryNRAfpWFfOVeI3mR6jjvpTU52TjT1Fi/tjerbclmaRf7zeBE+xYW3KvIe4T8v8PsVZd/1KPBfLHzof5kItPmB8J2MBc1dPOiRbnGa+CWAhJ674yYUr6zjE0236WwoI8SSzT4IZjaB5FfbFfuNyHrkeH0TJSWhL0oYLNq1DCszGqBNQxrhUPuaNNcvNXp4hjTYfcynkF7uvl48jB+svej1hjLs7OaPIc9bz0Bsh31yDrLxJHPHJD661Y+iFt9gPX8tgjD1y3OLEsWdNv3DIZU8Njm898/DN04QlZoqpb3sWtkKoU9aEzhAqMRU/2Hk225k/wN/drEdqp4tkhrrfn0Hm7H7ytN8wvf7Ds4D7ND3vTnVp3pP9tu6bdjiw/nlPEoQk+Eb0YQ4IE+rrQFxfA+ACOH3goAb00Lim9KOnzwH9YgDoJg5gkgObsc6dxlP9LAC5OkfEmZa9YyXuVAZt4Ofexptm5Oj3hX/TK/hHTnB7nGmL3wbYm+ILPjvwuG+TRvocSFb0FLZYD3OZeWw2gEgBmzjxZ274kCvyCKTIOt6E+PcLSk2sNbR8XQKgONeIdJpns6Oe7lct1uwYw9/2wu8haNrX9NyYNpG1soaSW5x+rmyRIV9qsiE4Iw/gSOC12VCba5mDXO4hx44NPmwxPVQuJsYc1M241JE+GCJYchbQGpR40ysx4fozU3IwRFfWKXqT1uSDVtGhRoqubP7vfxW83OsKLG4a7mvEUpea4WdX6pF85Wyq34g+pDCFrC9a4Xcfc7O/cYiJuUznHPQpV8qaBn8rgWU6noM3fggRjpK8mVHWhX4Duj7GrD9i6T+Mw706zrk4fxv0fJ/YIKG12pfzz65/VMeTCo+Ptais7YmFhWLxhRa9u+yCByYf+hkn1h3zBbk0H25699lF/TO7YvLFXMCp4YVagL1g3ES+tQR+QzsPY/oAghO4+MoCHQzAuQWVEkcgXij8xSIQvh5YE9R9aVtc6mbujR6ajLPfcOIA5tQ05jZuLnx9aMyt/YlGzCl+8utalvXiPg9r5i+Kl4QIHRt52hNsPtXmmUpoxL3OvvcAwdf85DLFLz256L2ZQR9d6YhAYhPwblDzV+6f4N84vubvJb8iOCcAabv2sD8UY235oVDuk3I2SXjpM+8LTs+MclgP6Gr72ObhZ/VNO7jJl/spqZMPwfDzHk28GL3ePhaom29xxWfN4kx+v9dOc5i48MneCsTN8f62iNajNvmTbwkuBPcrcTqHsDNGUen9jwJinn2uIOGbFub3HDgbwnNTc7UYsIkvAwGG5hjuNaEO4Mnp9aKWeB0qr6uSbjNDa/OLw+cA7UtzjF8GUHA1DBtfnKL3CmgyfarjvX2oscsyN1JkjM50RCzG4naOjlupzxBrO9RUuBoH/mFv1njOgQrejUuxDRP5i19rIvGth0CIFC24u+OBkvKoX54fAHUpH0u9JS7+J8Fs8Rx6tPH8feqUu+FmZfMSZ32pD6HuaCIZhgYG9uWcCPh9Qf2AqETyxRky4qnmxAFi8yMvv7BvrIP9xKGPGPbmZxvzIGg5prN05DEQ/fYMafGSt9VVYo336xBa/AJ3ekbwdbTkfZvAr4X8p/Bt7Zgm53KI4xtQeYZIWr380bka2AkUR28ZPWlkDldX2MfkLYknDh15QGHo3wx4EG5FuvROGzz5kgBDasBQa+cUPY8eCqkNHH/zgl78vTaE35q+mThhdT58qKkveai3zS1jK7TOwKHQg3s/Bypqtq4fQvkNkIbjMPGydh6L9e51JJ4CL/24NsrRfVV/S9yGipxtHh6NUoR9xDjkfq6bSYgGIMa9XAQ6p1xCLyY5xdn0ESOOfcPn0OKAsATCvUTWCbDaQU5MjP9Tnddkl/xgjERRKOtlj5q2huAYMDeJGykcdr70vga+y7mEnX9PYb2P/WIap/N5yhd+0l/rUx2S4DvMlx/Q+NNFpRcb8w7HKIV56T0/zPP13i0J116ccsKPOhgHdapL4wk2oHMjmL+63+cA0UPz/JjvME//4IsY8kScdTgvNOljiql+xtiTz57+nFs4Mj7U5zFcegsSzoSvj8S9tokjGH9twJzVJzZFU3uoDXDnI4Z7R8UYA0ga7keuM90xFQ5Xb1qcWw08I+Wp/SCeM+fzmOozIrjZhrz+k7DGJT6mzmHZjIyRWxKtvAz5/WgEzoN9CtNhvZsxphs42GipuYapGUPvsFf9+aRa3H8HG9a17dK1Efd9AiYKmDCuE5eSR33BdxdE7Kz8l60Jbs+pdfiGgYaBiEOftaWxWCW2aB5IP4rAhmoL/bJWU5w+5gxeajMePfzakBaU03Nf8Z4i9FUD9paPOPZCcE3z9zNCCHOW13UmIejU21pO703fcp7kJr/PNYs0BO0G1qk7hw72DZ9D1Yv5bGsRYNdNohiRA/t7OuNAF36rizH2VO9j+n/pocHGPwbJ8angr3m/4jKfGm0NNPSfsH1/9pyXD+xRhS5gKcwCx1gBxuYHuHAuJ8ZfiAu4ivYXakQnX2GZHiSxDmiwNYXaDmA8HprkIebY8E8H6aTle3CZN/NO/W1+W759s8tcJ/306UTT+W+MrPOydpoJ+Nu8FftqM2cHZlE9UMdvsF+XDXqfOJJYzFrcB60jdwjQdaqPcRbhY1x0jds5J8Y1T8IU/Af925tvpNje8Gn9WkPMhWfx9KZCKa5v8wQWc8eUvY8BOm9p0PEHPTWZ5CbBfDFXf2E0H+YG+tYYY5B8AtuaIUwoIehJ8xjPBri0FfzB1r0o2sHtPo4n6V4vzwWx+aGdjlMva+EfFDE38XVafnNHMKiz1wOe1l/iDMBpNvnswfUWJMI9rmvPGixATMlDHeud65flTDNqEOgDgGVAnjNwtmZ8v29ZywaYHc4BF2HrUYa2KRd8jmtB11Jys52H+mztUqNhdJ49hKRMqc+RrvX5Q3uIccmitC0tHT0P/ei/xjqujzctLLSBfO8BlsZh3zOHYK0MMMXAoz9tOGyQ4zV0qZIbgN7Ch3sdH+5cO/Q6FOPMIZiUTUOY5uMzS7xPLrkXUxs+bqySzE5M+DnmPDn2MAbRaErZDJVecSUwDDzXm2DjOaf5MDz5B+hyRV4/90IW03Fcl7HM0VlrAcQPhQl37VWI+Q2k9zTxiB85kP2QX7U8H84GRH9tkYvPiWtdB21y2G+1Ce8nDHg2Ly4Hem9yb9CVPcHpGNZ6wAj8P2ce8uaanDIHr93+8oEdCmgARqOLY+/DOcYK8DlLlEzObfGbxjQcH3pMMhLqBmYdhwchJRIXjj4mzh+oMqeCw0Bq85jmFV7qXQxquyQucEBP8xSQhTi+6JaQapVAHUz7UBEfRqxN1ugDq0J0PWvkGTFPeErtmrvhHoEXizzV4v5cqKRdICsEILXVFuJnLeG8PfAnTZahMm7rPvRzTZIJ6trT7fwyMM+UfEtaHU4RHnJRVtwPCUEL5Bu0J1Itzi3m5bqjoNGAlfkTmx/OoDxwvU7hnd6ogV6aaLkZcwKGc0+8YFkjXMSpnRwYNiffNwPmmwuuSQGuAdNQ172xLozBt30XfdF/unpd0DJh17aL543k/vwLu9QjWcDLmIs8QWo6oAAfTHJ1/yzscPVxzWItUgEYxtJ5NlhieXOYzshr9EO56T/Fmfktvhbc0LYAnj4Ivh7uiCIoiN783DN1q817Rn2b3dYwUu91GHH7KXvURk7RxlwsMP70ijzbr7wPCrkOAp5nq8zbgjlPLBjG1vnahczrh3YmqGmfR1DotvCWR+O9hhKzINeFuN4XvA1yPodaiHedA4Y5iPXenL6e1qMmYLyJRvqGGFyIA+4tzhN97B2wCZEUveY0m/claZnD4HpsPQfvfQ0YbuJ6NhFzfpSAro8ltJnULwGZR/rVx1oz+OT03IoNzFYTMdZ/+WaMpHJz04NXNDueMZwRvkYA/h9rFB8WeKxdC+E81Kd2ix+fU4bzXEMNKteOnIa+2VoPclo+uHrjvG/lOEb0ug41/H0LCmfroqJBCG+mCZqYN2PQzZreuH8arznlAzsEY4U4qfLiogv0kpx8wnJs+jU/EXPP/Hz4AUUfGalNx9ADE1MborPri25hcn3wQGMbROjKesgjR/n0Wd/nzRD1ygRTfN20iQmShClT+xeA1tK1VehFZn+Depi7aha7r10JykCKdLMXJnFhPeZbPJAnWE/3CL9bJ82fXpnf07widA5ak/r5AXATIwhE2gEqWhw0zKZnDkIRc7g51Jec7gS4+wC2s8dfmbum1zN3BWYFbvgHhnBN6RFSf/8V3qAeO70nHWS18c3JROqlI7c/Zy3g9kSCz4Kss3zY1nUJrtdEsPmQU4aO0nGpadAL2drhmTFgXdcuqQlHDqoER1oLfdkb1yVwsS9+QKAkuRwnb8HLr2QTy7rLOgYRmKOWigOUgpWkblD8PIhoycE17KSz/PNhE+Lkhf7pjZtCYUs5GD46MC2or/0ef7lwTuwBRy3eQ4/zXK7lt+tWh/lyDuAMr00uG8SxTilCTM+pl5wntAzYsYf0LsHYMK3ng2Hoak7YPY/GS6zxNQYbzZfBLrlmy71fgQGexIbwWMtHCCmeqzkzbwSJJYx94uiw3nP2BYzniscE203mYU0c555OBIJ7zMb+GtTO2vbNJvKgw4T0Rc/8Wf+ENR/WA5uHcDbBJj+Dd8Pxwid60xHMLUb+1G+8AQQMmqQrc9V4AS1auWa+EMtxQT1b4t/YIoiJDCtmMglLhxi3mD+XJkHydeL09d4w030BWOb+otN129i1IlcL5ZCYcZEMlfW01/30QwmD6FC2t0P9AS1nwvEMBP3Upf4JAP8l9yf+ox0f2KU4N+3C/sHeLZGYgT9WpiL58GkanrP5Cg+DKAxdgfYHtBDLXNrDU2CjWbglYYUTt0G0LstNnBsCdj8uipcU5GHtHpEFQIxSxHEsEsV0neLZZEv0TW+sm3M5rTnjJdNlwMkZRMw1YIElMGi9xQdKd1GCKXt8GpOTsYkM0ORP0r8zTqlO/pJZQbTRtza4GiKGDUjJGTzs/QkY5+5Nj3TH2ZnMcoJf3ozG/nzepjjjqWnJTlzHKJCFRd/vfa1LaamfRhPiUEnmw1A1HWbOhImDDHtkAABAAElEQVQNafdjfof7O3kQMsxbOYB5032DiAjRdC0bTM+xULnmcx3wA+xvcEyUY2qw93zyvBpx4Xz97Q6K9t74kHhbJ+Z2LAdB8qEHTEfq7ak4bvQnOQPoQ4+ufOMaIdcSTNZPAgBw2hj7tZ0xF4jL7TypHuAf5pfSzG8O/4bKLQ9IqBM9czIXz7oFEXIMcGgYBD7nGT7HCtjTy9j5ccFP4U8ty5Zcij1+GDTQVi+JFvB6OQ6sDEdTy8/5Dsgtb6t9i4eGf/g0m3kSByMHYYPDxbFewwhtrdWwxc2BOXE/EfexG7g8rZeDI0Ls6awf62s5kYVYrjHHXBiMs8ViJYYB0d1iKBhrd2iOFz5hmw4CgUMsC4dtbcSvUMYKxrT8N1IMI1v7v/63aHFNIOM5YVhLnT+oG5SppeYQHNKse4okLc74dLtUJ5dgTeahjhcIH0/i+myOaS1Xfvgf8rIe3qtTMmDQQP+jNuT9SYcTYyFKbtqEKuRf2/Jff9oHdsvoixeFTDWeCnjF8jRcbu6Tdvd7jZEQLzLZehG6yz2WpMdQSO6F6j/QVyu10lg32o0o0P2ETut2qU21+ALA3Ijdlia5oY8Xjq5BLfSJV6fYGte8twd90nXeqEfHCbob4wOhFBL87kPhWvw9zXsUWpGjy/bUEOuY1wQkTGJvZHIl700G8ClOGcY4LulJRj8CBH2KRwL/AEB4YHlEWAPDf9q/lJCy5VkErxXib4LxV7VRTNxP1CtvyKZ7mT5OyIjkQh6SOvbB5hSggGFO6yMQQ0QLYKmXMem3ZwR4rF1xYbse1gbvol6a1lXqVn19Ppitb8hUPrXCKGcogMSUXCrCQAC9I0lwgLmb+Ihta0kgNRr+4F5bjmDwaUoJR5OaEOEHaefj3IbkkYxAgNCxedmsnQERc1ePgxwYgVJy9Zyf9Vw7ylRgHame2rgXT98cKTgM2Mz2GO9L+tELiRSuqd/3OKf4AjewQlk+nmXUZsGcnxkFCylz+Js3s0sDCeBDYwkp3rGoj3U0jdP9hHwea3jkKPOweE8HDEvmvnaZY94O1HEkAjeTanLGLQxI7hFsawj7N62417Eu7nfE+ZJpNHfAt7k0wdwfw2vt5RmF8xF75LVLKZt+i+VaiH8yW1kVMsyrAurItQbOmGPA5QGpsmVELfTZTKt/A4u1EM/1QFo08jM+1bOg64yEzRqTR7/0GWvJmFOg1bzUUIFWv52N030EbNbQiTq+5Ev+CXPyq36zXykXQNYT9+e6mWOeXFjwrSWWBuMrnFeG3XHJnQQaX7EHXMlLzXP///nD1efwwnSMCMV6iEdMLCTb4YWA4dLfsKHZ6yh8DALQcawXfv4koWBMH2OPQ+eHpjpqf5ZgcV8IXKOv6/FFc8D4C8fgh+vXOfKFRuU+T5nzVfLFHj+oEy+F84MWzwIhP08uiQcDE2XeNmm6O/PkJ67JLDdIY4Cs1ht+yvMmc4pPWi3jnHADXRyRRM9mvqn5VMBF+2PoNP+k87603l9E9fziGWN7lC+uGkuBMA7zodvruBVDIM4EbTHfjkreR8J/4/QpTGOWkvddrNeEVZ/zbL1YTtaia6i2kn+0WSNpmas7OtDidG0ccnsfEwIvzwUwIuBvyNrc/ByJlvMxTuMJsiZ6KJ17DBrOq+Ug9uO2uCQ5rhvzyUAkG8piOQtqANZVAqFX7psCkMEhyeZmIgSkOa75eOD8Qyh5wlGT63mE4RtVeAZYt2Ha/hLUsX/9oR0FI3mbJ/cf4WxxCG5r3+tzrun7eqXQMhTLtUIt5dwLhyVua2UY1UoK50XiCZcEMzBHXft+8DVOfeVPNguWOibYm2+bY9Sy+U2o71HHaCksb8rfecCQW3hcJ127SXBYsynHRMXZmM7RiO1OS+L/PZb5USLKZf2an3Pr9OkeIUb59B37Pv8+bsSyjzdsi+U6wT+1hp8gn3xNZ1yLhum6vuaGwX3vdgfEuKzFAbPdv8iN1oXpn2JOWBSFhXvvAKI++x31zaNaN8bC2Qd2BWEQFRe/YsLe4ryBFXu4mbFRvJkcPuC8DNOUkmqtmqfZnRNTSr5/WGPOqFvnoza5LUVqwa/4OqisgjsJV8p5xPobAof81JD/El406E57GaJlDocaAtoWJr1eRNGJ0FttEydVL8ExFLVnLI0Pa5RJ/50h6V9FFVvWjIHinOUInaKI3SRO8a7pGuq8iU6FnHxSQMqHdr5wnbh/6f9lCtsLjpy5/Encj/XkfI2n9/q1LgaFLEuYFfjaERte+NDyxbXFV7Rd8fyQXNMbctc13Bc5V5e1w3iq33EvscSYQH6zh85Df8s1UTj1z3MDkCQK6tg+6PlZYkx7JiGe48DQrRT6GlQh/iYX8RsGBGgRQ1043AeHffGcOhaBBFbb4+ba2pagIXA2Lq9ZQKe24dymAz2b2XTT5X3UPMYIDJ3oFg01obY4u+6MWlOLGAtymo6TS2LD908+tIs+zfKhva1nr4Ec9LeY4twGWBqeAzwfnH9/Xrh+7IFQ57yBG+BKrVzZg3EuFs/fzDgIc1oIZ1Os2gEYcyXZDAMc73vF0W45Uv/kJ2/qOaGIuRZ00DQma7eC66oQ9cPmawnlPG4Df/3xRJXha3ATrPC1t0VcAPAfanYU4kOuXtY0Bn9K27EJGvL8UoPrUINz2pK54lqTZR6vvA8dQN0jugUO69ZQZchSb6mIKUQb/OLfsH9Qa8//R+Mp723ye5L9j879xhfFLy+acpr1u/miki+8WofaBXsYSJpyphPear3p32Kp92ZoQQdsuVkapr+AtXAObxoAfSgj1z9FxfC10DcfEivm26Ix3gqiW7XGOX2pQUVu9pB0cN0UMobpXLkItjkn+avBBKHDIegpTWc6ljg/fF1T4cFvLSVoLHdeD+4VR9C+OibPcasrRX8xKD5ojaE4M36ejOM/4Y25/pp2SLlJ5FxbhOcZNX7RafTjkHMG4KiLgABpEs9+SoK6t3gIUEcB+g0JznlbE9sT59qvx2/aKOLlPge38/qYc6E/a0VABwSQ0HpCtzk0nA+hZQRwXmQftgH9Devj2ayr3sBnzZtQOK56hlH+bR6TjnNBgiEAN+mPOrQTqLqXbfcrf1vrWE8ITDrqG9c6RK8xq+SYOypmHvbbRHCuMZem1ccK6LE//tBuQvrY63PxD+1bwVGv1d3xhPb6ACzrCIC1DSdOxvi8QIj3m8eQPHQQOzYt0vDU7fji56LgmRS2yoCb+FYH/GyJoSOw7hdex8WRIOvpDVievVFbfgPhQa76JAdCmefkFz7NXiv9qBEyaJTzsdWk9yX4aOz1tWBFDleKargn1JjZOT/1UycLeOpOGDHc98C6HmPMDZIFPJYCMSY2/AXDmPXlXiDW/IDkQtFvfa4ZNSK2dS5gXiRmo80Y/W9axGkfnHFegSsx+ozn9+4tp8W4LixZU7t94uMwntogxjxJgS7agF2Bl+uprhfaFpY12GLd8T//Kz6wg9SDv475ICEPglwU+tjLYvu8edMw3vq/rq3r9XxfEwzz4cPdU+gTreX80yFfsN74+iKXWFln+m7bQkzvc3kGvY796SBReFrXwXd9A0+traD/c45jCToXgHT8tbwu3semmS473/3c4IH1qU17/Eu9zNM55s8QDRbUsfR/6buWcVKuzcXf+ABPTotv6fpzYgOcHcw13pdB01jfr7Pye4TTy3VQCp0B4jAh8G/OFd10DVfOlQDctHhKmYPz3eaKnyBjrRMc1fRxuEvHnEHHcKLRjxgp7B1PAMTV5hi9tR5a3nY1kO8/8GazHvdB4NQMqPgCCx46/mYApaiPRPQV7mVAPDS2D2t2fzBeJMzJGugnLmuBnn3lG08fLHTxU0B6gYpXTJyVfu9izPs1BCYd9akt6r5h4z7E5EqMIr6Ajwrc3qKm/Ccg9Ee9Tpf5UI4wPXA99scf2k2cS5V5xOh5JKTlbIdj4rkPF2kFx3ULJ6E8R3xmON2C9FOuaNFpPf3Jp7BgYBKXbu5XOsLggoFA0kGzUzEmZYq9+iay1fMf+9D+Ni/bBNwDHcat7PPx8iXo41gTYLmn7FM4HbJ+otPzbGNio1Z9ZvH5jNeiPCObgDioJS6YnIu6J19OEkG0EbRC2/WQu+P8+a3PReYC39ovKbPeRd2vUtNPulASLmycpVvzvXrBKJ/4Qok8SF2a1mKBn+dSxD4MWj5nTL5ZKn4l/i+qLB9Y5yTVywNlD5xt8SrSF6+5tuHX0svmmUqO09ikl+NSpIc4nwP9i/vLA4OHMPX4AmL53/iYIjDo/QGVIsMeYD7UBg/YfzBHyByb7MF2nt5yC/eo/7eBjzk6TF8gvAQC0F/O1VYueVtAHMRAF2ciQhjSFvRn07l22eaiCl8SyHz5gE5X8Ps5zrjm+mBDbuTGuoyxSRf/5hRguR8+c42W99yk3Xw69+0DLfK/3QdND8PjOiCIiRhAMWmnAeDeGEZPnYLywPJwXnp+GN7myYDOVda+5BgGoMe0vO8QxolhnP68UeBIJ1FPjxDa9SyQb6DyAW9Rz9cveBYwqURRhFxrFD7LTZfugTkZz/4g7HFcovkYWPExht7j6gh79EtN+c0F8Q0yu8vwqq12AVvN274RHDHgcxkQG1q64x5OvGFPv+XDNINcqR1x/9B+Ag5+vZ20lg59rYETayKFFxhfxxuOyYUsJqPreWo6WDeVm7AkAYc4nkPb84agod80Q8h1gA8AX8sGicfFIuBR+0G4xaOse0TItIb+ukQSgdZ7aS3PNp/A/60ffDT8TwrTNxBWNJdrDVttxHgvMX+vijEbbfaRfJrD5POFoZb11zMhdQiF264u10GAZSE45XcfQdFvz5hQ3vhRz+ZnshOPceazMUsIynsXuV+BDXdcX0zi16bacebHtYDun+j/Wg/xVtdpDwn5h33MHIvRGyatXxHHC6V+dZqPbwuGp1F7IvX0TDtqi5Np2EuomkggOROfRoX7CJxeWIMVOgb8Ehwx7CXkJg71rSFOTLFNEAeFsaKBbZVDXWI20JRaV9rB919zCp2uMY5TYIwenaDxy+tmTvadSXDLp+5/YpuIr7HUd9PdygQ/uG50wJcxBL423divnK84TqTX08df9KJOlXQZOkKDQ/Zwq72lYtB67FtpNuby9FDB9QHAcT+g56/+ddg0Zh72E2by8T7Pe/t0H0zk5kPuY34siH4p9khaCY5hrtWCZXLW4bzI6a8j3BTie8+5U1f7jrUx62K+DmF88m+cEzjIL+FVDECyxpjzl3bTRkzjxbaBn32uccPecnfdjmUe720fON5wFuAZRsxxqEcIMHm+xQ14tvQ72Nx08EwAqe8n1G/YPFrDmaEUJNTGOJsJ3GLAefwISiXH+Xknhz1rbueiSJbBXhMlnmy7pcvkUSNdX99vc7d6Wkl7QnoC6GeykTB0V24USS991NbkjiTIewrNI/amY7GsDarERu/nNjAZk+ybnsTULDkkkPvJvIwhEEGGrs8TgCSJ10UiNQMiw5zSaR4nP+7FYwx5htzI2zk61m+yqF/rHW3mij7XlODNwYDUQw0mjjGHD+NgDcDNBU3m6TLd38fENw3k4BchfZHb4yZhR8NyjLUfCT8ETvMSiZL7Q/EFf9Khv+c/kYln33n0v/V/yvtf+JX4Tm7F+vDDAmWNjZ/+D8ZI7TfW8FDoU/BU3Rk6mSONobDOHSBwpYQZhRIBxtlvMoW0RY+O04PPCX29QuX24NP61GYB/PCjPyVDrNQReb9OacrDfL6wfR4XwiWUkj8b/1hU18r3Avpvi/WXNUD+qwRxp5JKuQRfFpX4CeoxJjoBoB2YN6ie7WNJJqJ7oGmvfAC94KXstejZ/PhsZD7OhW+8jvVGgDwMk7sNAnzpZApnVCTwnHbJdWFiFtPHVNR1gc21aTwOQcMzhftC2eRRFz20VB8+G0Nrey7Bh7g15uKYPowZgy9bd/ZxApeBcGqn0WIGShww01wWZV2juORoTGyNw84WfC8sauIzPDFmREhdbqvuFgwH87H3fbSBa3J+1nNvsQAeA+GUeEhW4OTBaa3EmFPOHeacZ3hRylX5aheQ5fTYBIh6uLYsr/DbAB+w8BNiyKG5rI39/3rnHFaozi987Ho5Mm1C7n3kYv5yz3EimLsBOHRBEKI51y/0rL64QA7OJ7xIBa3mh5xpek0GOGEg4/lEz02dDG2KCNafKYPfE9PP/YIOfaJRCjBMWUvgmV85Yed+KiZy8DcztrRSQ8oDRKD16R9ywuX3i+HQi9wBPbhtTb78pN338JQg8lPda8EcrJ3qP/kXaz1yC4bn3/rbM4L8TIw6TKhoBQg+tCh1nVM6V8iv5IZUOc8CG3MgTr5i0+aZ5PwswHqIAd//6PdQGzFjb0LlDAPESYyEcH7FUONU1xcdaJxw4R/XTzlqs6Zbb/htXW74P4/JH50bFslduODp0RsOxNdGfuMMKZci8ZM+YlhQfEWDjg/FlzH6DJT50lgoDvsbP2p86VMjwBzfuNhkL6qty43zGosbFTjW4G+abmsK8FRD55ggNUGpA/eki8u+vDWmPreLaEThg8gUO7uD/JfdkHNwzUkUaPXzBVDBfBM7rVHiVCedvxlfJRQH+1QXcRqnb6qsxEKYPvZIdnzBbBzkQG58ecguWgvi2rjO6vNnWTvrxI11MMFQi+vGPeIw0wXs2Pr9dATOgaL9MvdpYZTPaSGT+jHmOtDPca6dBRgDns0/dOgcabf1Jh49dVAPbY0XGzoNhNryxVImBZgMnebj4DeZkoYx5RdAG2SuL0TD+Hkz8VzXpudDJAfWuq91pAzr+AMyqdteprgY2N/YW38ts+Eppc/ZgpwL88Dhe2hcxiTDvAYCLPlQC89ciFzvbcMoX+1SA3EnAOqx2Cnctaaxf8hB/cMcJjx8PV+ZetQE3FFS1vG/CzlI1lHGPyRCrDWvAXM3YMphbLgcU6RxX4dvPInLUSyypQ6L9DHBxW8Dzsf9JWgMywtXOWtSC0JOgU+aa1LLBSTY+MjBLcH+eUuDDusN5JJdz0JM5YbGey7B+v1iWOcajve1ZPR9VTmNvdqh2afi+YTM/fzjPKalmtSTFM+zy2rqz+LkYq20SUGJQRy4iAmk+FWmyBaCoCZ/5EGoaJDGQ2P9GA8+ayVN+3GtFDDYJ85PZ150j/Nj/YE94kTrs9m0P/MANK7eK5RCPzYCxuByDmtqH9iHQ+Euu3h/ygg1tH7nLW8+baBxkvAnUvA9F7jUpU7r/YHSBU2DfN54jgtu/horQaKpLrV7CqG4mdg0FoJD9NSgDwj6Fjquw86U+I8D/zUp08w1eFnTUX7g6DxGjjg/Yd9ALd6Gkm0w+0ILWcxKxFnEvMmdgIwpkzj0GrcxQ+lO44klSDWbLbQW+bMh65rYjJ1yMj5x09dAPlSfiPOc8t5NDRjgCBZjyrAv+NOAYGiZ7bnas+taB2tQHcnlbr1nVFv9wQGekiLzk8lSQNq0rsF9WTWxr4PyGYy18+GWMDR5D5GDHvOH/zLpUzrQS2PeIKBW7KVLqwhxQmZ4CAnqMV3zGV6tgpWBmM/04bTG87ZGwxVzs7VTjY66xRx7AVxCa8umvewFyNl+XVcD+Jualtj3kLqIsYntJtaDPp4pw9LlNKu51+HnQ7nUjx58coqW4gyA2j0/wRHXoWopvdhtXcmZPrQzdjoEiGvTWnxSBpClUmix8RO3/1axIG0/LUUCxcWQ9yBESw1wSAN1WkP3Cy5NE/N1T8cyeN+r+6ihILNPuPTHBDj2noPQwhCtzBUDBsIs8cFHeOKahlG2/ctzIvce9xr4t5bnGMBMLKzJJ+G2FBIxM2q6YipjG/kS2MWfFYz+jSA1pt6TTQE5J18ws8Q6awOf+07aaXonP3glxoE8W+hijtJHTdOzgRLop3bS/cmP/NqGNdIw7J/0T/jIOz1TmM/zfKjH8QccNH5p29xmgecn7BovN8pbVn1oBFa14PJiTruvfAe2hMbreg1RHhL8BkJyqJ+Ohz24PMg9iL19CGGdeB044YrvtCZd6OOY2t5DGwbnf9JgDW+4E3/yQ9P0WE+BjM6C+HcDySWm6/exO7EGCHDjeRA8+Lh9OAmQF/jsDJtvzoOXUBjMM2mGyBRKDWCoEfhTN+ls2BAmtuTZwM1BUrjb8AEj0IS5Rv6GjkjgBHvUI773RmhpHOG5EIMg74HgjnVQl2IshGPG2fMsYSwY0uBWWyAI/dygRQ21XYiJCAj1DcesDATPh2E7pOmQht5htp7+QdNwuZd8vnCtLxrU05T0sddfWcV+IQ/wKctxOsh81n0IPaCwWMNXbOJIhI45Ocz4lml26K9Qn7jQPsWKKkEspgT3gcNiL/fo7tnqwJ5zv3f47EGNh/rczTk0trp5bydEg+msxlZ7Da+R6Uxv9PT9ElK9aXmc6xL3BTn5YUzyMyauo3nCjlvBYk9qvGctDt1sBx7caMSi92nS4dG4wEcCXGZ3VyAXbtIIHhMSorKATP5TLvdLkGbxY4Bmk/vyDY0Fblcpkjl8PThgHzRshf3vl+/v5wL/ueNcpJ7P3AmIDW9neoNhry1vPsOR28Y65bGcAChOtU9+YngPqDY4aOpbnnVNzagx90hABQM/RQXTeclRzMG+YW+xg9z9fhIS10tcy7S1KM/BWBtOe1vLwHOR8z3BJlwd09zchwRyziorRlLTVk9AJn3u0xgbE4kzcornbgr+VGPbg/gr8ZBFhU+3Bh+vQT2j/andwnFTu9cEWLu/+Cn+TbzNFA/QfJMA+42PAroGfNbKoVyuT3IlpQ4iD1xuaq2h/yedplD7k5buwyfCAIoJ+d5hYqqZk13rObBHV9uSEVOcbeI+ZF0F+GGgWlJIah4kBLojohYGMkUaFoGAjgke+g3a9KdaPkpvNfAD0VDG0fUpl9YsBDEf/cBO8xrXTUSC+miJVd7cm7jqeyyw24sMgZJnrAN8wfCPBPkHTOSLmEA8I+Uj/adONWBvGgRIYHDt59BAo96lKswznweB87ny2cBnvNRykash1kMuxmITDNf2DHfnQmBObKRz3Puv859wvg4h6Dbn3pO0MWvyD+2Yo33R16D3IYpiawJTvYQy5vnh1L2jDf9FH2E2vdf8LLAW43P/6CqaFLCeNYnLzc0PoaiLscwR/tQIgLqzjgSFYQHfw9DvuMxl8B7rUqdx+dDe1/lX0agTuSC1HT2Nm11+yh4FflkXxYDGMpETNseIcY1g93aKYe9SY0omPpqJlyTwMY5+wjicoMCT589tB8QFzzmbZNEhWLhKybxpyJpQiD2JhhV4sQHxmOQlbQMy0LHQN1+mNWObF7nIRywSY2xfztXzqn6AomUOjMuACAGGfot8G0KbhYXO2z3wTfgFxbwddvIHztf0MF9Oo0tinLGBm7ECDJWoZ1yTgBy7y1xKzkEgzw5i0GETTWqwJ6T0eJjFees4jK+NeSdg1IE6sbiEHvUC53G1j4QWsBwo45SHt5RNt/5K/Fb7SSHybfhWh746lIJ0kS1AHb6Z7TLXsfAdh5qhT9GJbJgtvDkWsbs59qXhQHL4JnPc4zami335t2H91ZQ7Rb3WU4Puklu5BL7sJ3QIpeZrTwJ7aIjt/D7+MM9OudYBcCPkkMaHuY85yB+DPzqpdauFMWIPKbZw8D7SD6rNzSTWw6T2Ywx7TYkE09F60Va9hpKkK1LqUDDyURP+Nj7yVMNALjHUzntrC9FxeOa0MsoLDGqkrpbhts4lgtRiyuOcggttYot+1zaQa1FQ42IzXA/DoyzQ5Qxd4FGH10MQ1gvPAY7BGItFwJrilmf8AKs5SEGf0jZIO3TQESuuDUfMxFdeyde1QRYh1+JaqEiF5Rtk1yZf8D2nhKqpwEGnglepWbLtV5n7xKc+e/7XiCZMOPXKh3bECUARTKQ++KN5mDnCl0MaTGRxugDlPef5EUBjH3kVvwAPhHiWyDh7ctnTr33GcA/Ea3X6zJUf2iOuMdWZ7A0r6xCp9K1ZkfA/RmWe7YN7F+Xk4R+awmHjC1MpTUFSY8FMg8DqvU6YSsJG01JhayrFO9guNx81iZ32zmOWZPoGW9FmYZETPHG5TJ5LxHpyOTsLHAKC83wyThwMXYgS+M8Ncn49d4y93lv6AExrC1rh26CML7rTWSIcGmj5GwFrWK5f8+QGU9SF7RLjm87nWDsXNx4n0V+CKNH9xKMva/a2f9z4t3k2nOfRpGIP0Fxeh0VNQtlMnwO8UVcCyLVeX5eYM3E0iMdY7C9rr3jKTT7bi/lX4pM0TSKCPZQcGtvTOdaErxgmkPM6rgLFzv1Wx+Ywruhv4c0x5+qw0wNj2/hZLr1+GKw+XwuuTS35waa1Gzh43kQjUYylYxl9Ti18HeohduAvYqhRz4fazNrmscnTwZ489NN8iZti5BLD8R/2rzIEDLXA5WEzthfoUz2iQ+kT9M3vUgeRdKdxUfuCIR3YYQ7iInLuT7magMPs0ty7ZqtHAcdQnOF+X3hOExj3sp1xz0MdKZJcarEH3m11uEjM0fwIuZToBeTpgu/YsB9iCCgGTBvnM+dRmi3LTVkUk6X050CCQgbA7pszvHohw7y6R7c/NNpTJ79lo1/dncuY+rGvPsaewzChSSu5iIMTPf2f+8jR8Qd3h/kYWG8oNAZbzQRZD1OgixtXxhIAfIj5md+EH3pyH5dbm1+SI4ZGWZ4Djj0oIJruHy6MFz5w5oA2/MBscWCsZQz7H8+C9CFuPuV6TAEQObQNxmIm/CHGD+9OMQz+MJ3ralGi13NijMYPOjk2X2LTcKhfBtfuj5rzXjjMAUTVU9tFETcun7HpM8N/mBLPY/jBRTtMfwXj6ljWSA4FbJx1pPHoU6jXRL/3cV6K74eBpH1YdKKPRhfH2t9iE66v28YnQPLzJoqlXLIa10Rv9sSDD3tsCWDe1pz3NGt6S3eNlwkJkv6pVoN5jQJ3M7BjLLAZo8E8ooUjJcc9I5tfuJRLcBgnv67dEQMNy5Hr3cTJQ+8Fx73g44bVfUXZaB1HvRWVK+fJPrjUEeQyGegJNuAfO9YH9s/6AeSL6jGt7ro+WFoiH3KSJoabZdNWPhKKdpPbyxFtBDf85tglNh7ytwPCNEWuDIbcJEUCSDaX/3/3CPMhsq0NgtFaOrr/aZ/5+54gixb/JSs0ZC9J+TQPBf2aF9xfOSzupeeyfJbXeYS2utTO1FP9k88In+tIcTunY1IBhDlpk8qYj+3C8+vUYc+pTv5pXHQNxDHxn3ojZV03AosZkjA00olvoLx3glTWRIV4iOiz9SrcHieu9UiPUvDlpdjFS2N9Dc8hebm4FIgetSSGpB96r8XwXsbpLOgcG4Z8Tela4kCN0/qSyw8QoOh5v314F/l/ZuY6phF7ZRl0ThLODxfTHIlDj6Yay3O+kjshjjHsje0V801c+Hpc9bZ5BNgxnRgJlD/lJO00f+fHGSMWOh2P2tyvoOXKK0Od62IRRLfFQ+EWA2SMj84QvHUoAlxrmH67tdzPC/8IXf/QDn6+kYaeaJJ76ll2lFAW5bQ+J63RH7Uwj2LSZxjWn3UoUGz/pyB8FslipZZgYZ78CWv1Ob5NPDXMSDsFwkDA/kE7vqEztsiTsZYj/TAatuRsscLDoNVYuAK+pRfYY/a8Np727JTvETILoLdGDPIYdnrtoMSnnARHP3LMWfwy5+2Z2PUMe6qxaHaejZ0HEM+z5AX87bkATGnKh40G/ejoWp79eqt3Rx888TqEaNfL8tLYjvwSlXjJQj/7yAEMXMcm+CNGAx0fa6gQs+XfsDPSZ0y/9amRhgRhcganB0mDJz78fIFM2KRjvsQxHwltfCrzmQgTW98XzMZHPmiCJw59K+GsQZLkoQvy3mL+eOFgrOsDxxi/kbDIf3/NdVapaU80/ost80vaTT8nmug/M/6VjmWfpCYfCp327jiBkwgIGqOo+oDhuYJfMbA7VlyEmstbH9M/SDC05AUwnaOu6x+cujMVl0FJwjhusDIkdpuzBZz/JqLxFHuWtCTTAbHkt3NNd1L4ApqOMDqQuhE+vXAjDCq+QMGXS1HPHE3KEKuh1BLjgL1puIyN6SL3Sy8lvMP5jGAi9sE8aeHMndYGHP3QziL8TWHTZww9c8FWmOvBKe2EFYibiTNDv2FAP/Nw7KSYm/omHOLws3fu5XLDZQzGry3JDzFdtr8pGcXqXGg/zMdyjRR6/LQyxEVgQO5FhtgToot2O0vAs/6sNRI7j4AtQWZaqdqbTkSpl/MwIzUf+tFKniKkDizD6bEDSvmwrhq0mUA06SIEvfsE4zEbK5YfyMjLe5Gg6DmkRi4+idEX3OBDXNvbHvf3VpM+9IpuvG/7H/tnIYnHOvTGIHr7QofWlww1eosAh+F9ctCBvoM01mzPG8nRRRpHfZUhr0nPQ03QEUMsSltI1mm4rI0+Q5ye/T3NNjYxn4Mk81Jk7HF3Vrb76WJRwmPo2Itm3ucHvucqCR/Vg3sBmEOegXnggGDdZsoj6fkgL/ElKGebDunHWlhD4EYMYg0nsvNZV4DYWTINS9iljzVAh2D2oQ0OGmXXSK4NL5E/NZ9fiXeFS9UsbsqUsVZ5uWkSZAoNR03g86GkB4oA6zOuGmoDI/g0mzOHNNiTwLFqw4d/k2eN4dzM5X78MX7tIKQ5Jh15Ze3wrOOwXq/5CTCh1Jpexf9Wn3lO82vxMszCivf/2uBYzjGwSn0JT8fgfY6TKM6T+gdbXZqEfh5JjhVztA9gaoHXf82waIGv4BL8s4GXJHWlPH1w0H5LccKl6A9aPZfc4z10G/sLO+tirwSrDW58aZnlWav4sDt+gLhoPo+b/ogXp5aqdTlE3imovseGwuCiW7XK2khumI6PtXEOHPBHv0ZyVeEX90lCaLtpJPD0QztAXQtluM+MfH0NLvBlkwObHAcED84eiPip6x+qTrivfs4NZWRrNQGTcSHQL66UUIO4nGu8jqVfwd2We/J2lkCDHjWzXgQwsK/yART+1shVt/py7c2ZtZREynxs18DlrUHrBcefukPKdWmgf+Ennlj01tTv6e3CaemcE+yGXQiy3jWcHP6w3U989JOPkClWfspOIPuBABfa/+h7KPx5d75/IsBRUbuuXbeBI6fF0k0jNF+7wBcaB8xhvbuiz70wcUCypjDdB7/Nmz/5hy/9HQesNeRQjPrynMMJEGtkTzB6No2FL3OEhtzWZK2eQMO5aRfWpukr6T83Qg0ogDXk/CMl1getv2a4E2cOAjx37nyWEMPUheHJVu/3OQDWeIz/y+LHdTO+no+yb6YB6cwFUTTNuTx5ZSlwdK0EIWZfqSvvGRSjdsEH92uuL/VmLTo3tbUY2Jocw8CmTsfnv2EncUAytHNrvjw8AqQPO53SaSxgYshrByxPjMWPtTDQtClJImHdz3HGu04GiJTe6t3mcMOT2nOE/0iVddkwm4NJ7v1I4x2qVMmt7l/tMR+dh/X4Ncd/Cs8yj/qvgCMzAyrxV8sxCKkrE/4L44OwQ3RC5vAPG3hx/5savpDb2d3+sCU0UBtq+qEW0pzypQ7eV62ekhIx4szssqf68Pwpf7xSRSliGDGXDUeITtoSVsXkVOejT/+kyRj6oz6COBssGGNtV6ICTcOKyA+2NZTr4XKGY7q3uiHDEvzZH8QT75NukP2Nz0mI9ds5SU0ajA29QiCNcaagI3glNmj9sesi3EN9z3q8TmBVtGGkUMTQcs5rWGRu/IA/Z6mtGeNb3xJ6jq/cXqPx8k0xi2Wvic33S4r2yFGl0R4/tAOJWqJNZXlI50Bw74Ex3+meTTiTSN6MvSxAP1/KyzVOp9Vjz6Lp+eo6gktTnuHpM4Mlw7fZWjPshtkO74IsnOG39aKe9Z5rWifRUDOfaVGHx8Qe18hACcH85RmFZ3nGIIZDd2i9TF2npEBMgI6xS3MnvBifQA9D8yvV/ep4KE9tiE8N5B8a4eMHcwabntcHX+yFhw/YRvX69UM7ZdDfnheZE8C2NiWGeGu3+OeYnLvT0ntaqU1MD91y5SEGaGhX7oDva0QI5Yc5yF+JH6IU6D0F6fcbPAY9lk8mBLCgpxY3sWrlAp04zY8HSbbYCXVlDIYE0tQ1SGdh7YPIkwGMuy+D1fiaQmt1hT+pU1JveWVftpjw/tbUvd1eAP82sfJ1fYaiFTqERxdr314Y/0RszFCdlH2ZSiUNo+nFdYBtLuZHYKyhv+jKGdrERIDrOIpq0k3kR0evj/ST3+pHeimVjLEvOGoe1qBMi5jgFB1kMr/jiZPsY32hM8aEq88Q7kHmNjJ8PqYQemscrtEPVxMLidc1nXI4NwrkGaaeV2GDCGdR5HR/Ai4G3qDw3vbXkRB51WJR6A3M4ZQqIFOo+Kix5baAajjOQKzbRRRQVNfAOTBh2Bnz5zASZSByyBhwJoZ7q8sBf3fpun28qRvAMVLMK2cTKdMeoubC/SX3Yt47SDY0uqWshdI1Vls0Xus3Xt4LBvY38Ew46DA06oqzTVGU/sAU3a/sieLrjIC1vpaJjzgw/vySMXxoiV3DvJ7wnmzS4b2SCrvhtDgrp7xHfZOb9tN1+gJwjL7Vesy7l3tcm4Q2sRxaXqb1UmKQcQjIPYMhY94jFq9bWI880wD2JvEemsaoJ8qZwsv3AaR7wfpAfqUeknP+56IiwgTshUBphLSQk3aecV3vpudaoeeve4ybKF4Te0Mu/scfbYsdeqoFwS3W5rjFXfH98gsvsS13ZjG/7nf61ThxT5gTHsX0JlgNw20tfiU+Rsv3XJXweKvlD9ZwbXhzuLRd/PBU6jOymzd1Wi2b5sO6WuXwdaSJbrqadwt2gWfsUHDJYR8QDa3FWIEGewTVOoFOfuV22wrhGn+m86Hatfr4IughPjAEJ6YuS1f+Z2PNx3X4E3Fy/U2yiv6J2AfOlOLrUSWXvfI+pE4I+Mk9nQn19yc5C0jFdbtAk+uJUH4HOZMJgaZplXroZ6910PelDx5LvZUAOeKK9B/kTp2+ZhDuRRgYeHcPuTJWihoGAfQOFzTrw71Njn5CF0HK01o4DwHT9LrbnE7a5DBXjqdcBGEaANqXp4lacMbKh9rA59mDpnFAzfIwsObcZW5XxbtWcB6RjVJz7OHl0dzUFKzOx8N9fnDmRIQopkNs3s63S4G7M8CDXdYEayx7AnjRkpxvJlM53y79NXzURW78+me01OiF2NhdrV7QoIsYvtC2PMjBc+0Iw9o4zxSJjEVP4dQzw98MNjzh6BFKfASKLzQ8ZIF8ZgaWHTno0Theo7h2JxKTUIDnQZdg8Zs/pE/1jhkw1wjkWsd40i8aMpeClYH+toBy9f5S/2S7nGgeMRG4QT2GulvzM2O+/9cA/5txgNHi3tt0gSPWzJxT8EhPHrAY0MGxubQxrL7R5jOh3TfA8lfmYbNE6Gob8xxqIk81Rj6B1p/2PucvWBTJPVD3lCPXmRNTwmBrzUM412eKuS/WZKpl48j6Ec8e2Klkbh+3c8LkTRoJU1PysZaM0fGlN51p/W9U5GHtHddrGMrMKW3zJZh9Fx/GPV9CThqDPzTsAzuCQwOgN/XhYHqzXv3JCacf4HASRyoeNq5DB/uGT83BoOYQ2lyOnQjIO/k3heUA9CulyMag+CQH/W0ZBPGbST2c3LS/SvAOfcMPwpvrRUvxP89dyaw1fHlGza82YX/c49wKeav5Zb5C/SPTc5+eRqGo9TEJfVu9BFx658a8Xvmn+beaWQ/T5tiMtxyJFXJ/U8cQe56BNxzw0L/VoPlvOOY+9alja1Z0sFYMasBw19q49m2tS37VK4HzgKUoIn2XXJrK606SKUVQXak/OTm3APl/e3XI7XSuacPgxd8b+xiioyvrNgd8pw8axFPCeeCYkRoMRu96zTcOoWOBScf1EYzWx/RvvQiKmfOGgXwuHfak4VxcsLb4kr3x2EYyxzFQwQnLQhY15xgLgvs4fZCQhYIGmrh87NpDvR6MS+ZX58lmohb3N5i2JvhgD4j+v+ZH/ajrGGeOmBRwip3mSgp6xaY/nNg+pH9tSAKONOp6zyJsQL9Ak0oYY8CidT98txji3ozoZ0HO4XOQB40obpw3E1L7pQ+phRLB4heNcmbFP809FxG6BsgP7QTz3ypb2PPZxc8eBmyBPdZjOMo5hVz21ImeOtPrKGOk+DO68RjLHskPuYAptZHUOD0vYeynuGwVYdlP+Ayq0erw0Fiwkj7appOvVUbZZKfcTfp01hpsDS96+mzAv2f/m1bWtuU8SjfcMX88QxEveY6Ee2DTOBZ41/HNa1wOMbWt0UmQAcwc/ko8mQKEi0P2KMDtdJBoPe4Ebbrb5k8Ki2KvMeXDBklwdKG/tcyVxoC+xQLeIZxiKQmg4lhkchGiHbLZqV9tAAbJ5E0G+ewdw4Inwp/6JIGYf6rmPNWZ5q3x42KakuNw4dnj05nrIDf23xQ81fhFDw9SbdOLn8Y3W+chwbI+4ldTMa0MhVWb+cz7E59gSUQXEvi8JcakiqEvewkqta9p4pvx+iIWZ4NpSo6mhSFwihkgxUXd4rSB+vOfjKAWDcR51jdCGs+58bz3JBhfCtaQpqXMcZ4KFpDqbamVwwS3PubO1xdPc5unaXl+w/yaSvHI42+CUZvMDcPePJ85X2BZzxuu6+uYe521eqGBCOfpGw3UYb0+Dk7Rs8Dp2eT3G/NQMPrUEP8vcwV/w5uTuj5Vu3hPsAaZN3ybVtzjhPWekt2vY1//4tDBc/bwGuS/XmrnUOtQuzKDK85bPYzFVEsOkXCT2OIPp99KvqAlug86xvj4NVksqUvdJhaYtXFVmrIj3Zx5D1ZaGW3/3pxiKMya1xf2Ggy6h1y835aSXIGXoZqeTx0Xe8PSgZ7n1XLhA9N/67ywcWiG4Zl0Ki5o7KvpoXKBpmCvBwlQw0/PBs+NetHi2avl0l6AdZ20XEdBsLXGZvfz0fl9DC1++JRf0llrYLFSU+SChrZN04LFJzUWv4o0WygtsoabzhsBNDk/3ONNBzjVGgEAXVrwk6p6Qss4fB3Tx8L7ZHKuF3DJf8FdQ39b502c2uwXtv2VeApgNtFosk8/HxJw8OaErf6IKRf5SzOHxkvsMHjDb/HNcRBu7i80YPyhdQCrG7aOW7rjUDnb+gmL+mWP4ex7Ipy/MbWuv9E5cfW7i8CM+UZnKGIhdO4nO+A/dTzzqgmBPhZRvACcGt7QMTy9CJ54ms/1KXIk1MBt+RxJwEGXYWBRd4ExSKetDd5QaQOEYfUfbWoGoA0L7abLvRjXuu3hLQcTEoOctBn7k54a5YM7hKS2/gaFeTg3FsIPbdD0NbktjGGYm3qvfSdwHHna0PVfSrinjBdk6LoO1yTOFuav+8r8FP3T3K5jF+cPIllPJOpj5tfeNc0xyC2nAW46OlfXMiHXCmE/I6O4VnG2IePnyYyTDPx55ppU2Yd27xOqGPrQI7ef3ZjLFlPMIegagQPEa0XPMwOnNuYyILkeBv5Qf9K5QNSw3jUkl76mIfbfEkudMJwrzj7WevQbeMBpY1n0uQ4XQp1m+68K9xgxvTchLb8sUWiwlrGGpnfCJsxE9Jnn88jgY2wf2hGSORWeDV7zPtL1Q5z4Yeq9qKGSLwJbTnP0NXJoAH3efO4Z0P8dscXwwf2/zJ9H0zbB52+xvG9l7kiia8g6kQawrSlXgok/xBMahTleD0sA4Ecbc6/Qds3cJFJkQ35wROKiCVpock/RT+vmUIv1Z9imF6Wc/BH2jvvmA9QXtSgm7bc4gF8wIej1veC/zAFyiXvRi9TZ/bLOSfoDI+t74RZcn0sbF6zour9hJTybO379hN0PCChxQxGHHg3J2NSmj7wcX4zCZ4ILvidPfuOm37RyPtAdHhK8uZxjOpBSPmintuHMQR3lTJob1wiTT3XULppG5Lhr9PFPSXpN8cDNNUNStGFdV+B+LXszQb/qbpMcxIhhzQrJVzhzfs1JPrnGYwqG/JVzc2b0apCGNSolt/pKzBTJc4O19Uyd1OPTOIWn4O7zvW21Ogo6l/z+gNZ45NX0Gt4zzx7yb1xfawJnGffy3PI+OEE/SJ2ooz/1bF23eZgD8a0m7IGcA6wvya6Hi8U3nrk9bj3als98GneMOeCbsD2gOOqMPAi/Nc5Pz5vM+7ivxsOHG7SvuVkrOT62i/NVBLb5PXfoA6sQaExtxMncqDlyLYHuJbSQ1POiHhGnL4tCPEQ9NiUIn8gU1ObXurlPYAhQcx33ihSAhyKLi4J0Sq40zaCdOeGYWviJd4jMy8c4S5ZX1979Wq85pjegLm8XfqN203Ah41oO/eZCqScw7E4xz0WQ9Sxv/GYIRQgSnpuI25f/xgAwuiZWK4b49X/XPmlAyDCQAqS3yZ8+I+h6un8Qwb6gHdd1hcs1cxTvt4HfY28CuBdivXLtwYn2Rvd5QyM4mGP8L8Nr3aETOfihHS7VdWpbQ2CyYd1CPzdHfQGEK1sZmNf4mpM41MT500cq69L9YozYYw+gJnSxGa2wjiAt8/phNmk6hvq7ho5vuRT31b7qWY0e5yRE1P2YA+vnfALjZ9dsuimBMW/v/I0O8/1vA9AfErWjkHn1Xq2gumX5UGLyDv5xzBJ87hfuW5zUrzjmdR4GMh/XaD7qH3sKLh37wE6H7ABzsKdYH9M/9jgct/ZL4VFb1ipcrckfCMwp86GLi5ecmHuOE1iNt3iiARRNDj/zU2g2eGMxWnR1EDUQ96VXesFz7eG0Pc0aJIc+ZAtXBrl34tvMac866FhoB8oYHKnXH1wS3saInWrhQ0/5arf62lCRuy1gMUvpIGlsE+F+WZ065SOpgELtmmDLuByn9epw4IZngz7Yp/TwlVJP+bg/koN6zseFjqjt09kM7P/JjnXx/mLZZR0wHc5JAWb7m0IWrDH6wBW7m4j1XBsmAPlcCEDJLaQvmgIfTdbs08Y517NwOF9FKM6G/lSyxC8Drd/riGLKOpkv945aJAZ+WtgS4kD4LoGLnG2EHSoF6HnpHwxcQ7CUp84htA6CkZ2vpLCLn/VhL3Rv6Dc38KVFYtauMddmYSXRQrmLfuBgo7Ffo7ymG1j7KucnUY+R+Me1LJtb+f+2Na51mB8acJVmDtw3iOEN8TR34P3DF4xYy1HrhzMNvrZeV/7KNQIKDts/rFMAeVGX7C1D3ofGWLM53d8KiDT7eokwMXQ1ibXYE6j7QgBuTpda9DHHl36776lv60NdTDq103ne/8xrWD5nhebC8OPft+N+/2+eBbOJy9cIiiGAIqRlTeL7Ym68SIqamD91eF7S8W6M+nCemsxt45446tfzHPccz/dJD+t7un9VGvYnrMwhD6YIlToUK5hfzbKkoYlvvuF+zyUJUMHeEhnXz8GhRuog7C1w8KcvQug+rR2Af3DOQPvcdD5qfxb4AciF+H/4V+J5KA+rxEX9nCIeGFf8m2jU5A8aFkxB43a64zgPwdH8te/6W8JJUOrc+AM+MTC+bHoSBjHJPUSPrpskSXyRyG/ntv31tSf40vtPtuJGOpU71jM6L4l6qCfr56Tjb+PO/dvaNJfWKbpf11elcF5FwkNfX1CKzg8DLT9pozOjy+C93s5VQ/l83t5c803t8wpjKtA3bV+PvigtybVc0wF9wuQ3C/v5aPp96FpNsO83xrp3ZQoyyA9nkcTv26bNCcDddXttGI9vujqwzxlrzbpQe8PrGgqsoeqQOPVSxz/QaA1hu78TFWdiDPf19Zp74ZE8OVIMfemCw/jeRVBzZOIkPAa1pvR+NkL7Ycg8zMnzg3wOhRBFwyy1iNAg/URD54TZ/PGsTwGsPe/xNrksT/xaY55DxKMO6iY3Qj0O3FYbfVYT+U0WtGxSVvpg4DWNH6i13gKKwVQDa/WliSRFJ9bMubKeoxby4N4zzqleQDhPaqBnSx6DAkYpaNzCNdodeIOfP2VPUF1ncT9v6MXJ9OJ69pA1RZD1Z+0kmcOfcSwcfuWSSHzEp9wOCW5/bvr9hhjy4At7YJ3v47ZYFji0Y17ipd4RixrYWIf5UAdr1NfPUQN81bGh4+CD8Uv7Q045/4d8W+2RK/2X3IlRbcFvZwY4PUPKe7HzufWCew1LfTdsP5sFCw2cxx/m4lDuO/hRB7rPzcCf1iG0P+sKcNxTiReT8wlnGZZBYT2Dy+S3OtqcPB7r8Qh+tuzfsGNHtMgt4wexHx5KqYa8E8/8fLgkNgwtU2PuPwUVqDYXvfFyyIVmr1yAyFf/YKeexsy5+TdHEE5+hD/WwNSQmqbDePYGvKXli1LiJ8Pv9BUoWuHPN/QG4TQKbtL86qNgw2/6m2MRPq1R09bh3/JdS+fQ6tSQ5v2/bbPMUt/olEr1nBj29JNZZ+DZENSSQ+TS1GeL2gkwQ3LTTX2O0fdcE2bSUo20QRZBH4bPn3sJrIbG/A3NUITLQHuIVTUb8T6UtdE3cxu+ycoUdii0qWu1eF0N5SVGrdhz/5ARnC/lN7ntV4c9Huclz5QKtwloCFyM841jw7o2MRz0Xjlh6zOPcIXBl+N+Nm1ttMZTbcRAh2/e3GcO18bAvjyGhCTARjMQXZ7DSSvEuPMXVALLBLdQsKd9LoAyCWxpzo8YIdTzGLFwEkBfuBw/xAs/OPRhb9xmMtFMk+B0hIFzhnkaN/elY2I8SkROvqnd7nWsX+y//0RfxkzTyx7ztBqA6TiM0fhvpNfIrkjAYDrDYPIep3jj0l1kRmdB1MGgCQBLSbDp+t5YX/YG+VrTEtQusMib99aW8EE7hmf/cB9onv4N10cprDbnLW4O6HlKy4eUaHqeyj4OelmPxGiyPox7S14LTH7/BhfXpeF9yIQSG3UsXmrpvBh/4kouiDoHl6H5fVoSLxDPxED5M9c0HyhNdXVsy1jWgAfD9qD4bxyL+W/eSG7/xlzj3Ia39dE6/P2AOdRXdLn2UgtdwKUd99xRp4i+D646L+uv6l428dFzKuoGJ3Mi4P8PO5EYLies8Ux4gBdueowpIxJE7j1uVuXHzesPlkGA2l3o5O+44zgERh06e08x+jFuNWuIcF3QMZ7AZjTtFv1pCKljbgscY5pF90393TZc6k0PZykmcV3jy/hlfTbtzbEn+QDZSeL5mf8jgfCXqUtFy+T9deRN+7SpvDtQ3zEH6EMer81CpxdD0PSZ4b+t4c7h8sMZnWqhIudwWu/XeVJIe4qKz/V/EOMbe5GoJnOw8Br1UaaTvUhfw8PfYxijeSquN7U4XhC/Fjz94fSONTP2sQeXVH9jHjXQB5lxvZQIkBGAC9P7GPrk80P/guS1y0wB17GL1kQcczDmY5kD4+WcxrOVHGppDx7i+ibJtdwZsSAUnUy4uNQsmNBgDmK0LzHUizlZTx3G2ReugfTDFTBo5K5ROCKoOomPOhNvhuLoJx7jKU7cWw+ur3cAvV4VD/8xhxH6Wc39i/Vz7uH+6utzzCP1+XN3qBGQjT+sZ9kUiedP2SPXOowchDYLtkSeqyVsQycXn+RDEDE0yq6RXRmAI+yik8AnDpH+PFAYbF87dWJfsE8sQPPad0D0bCjts82iZQ7gejpcxI9h/tOGODvAZg3EGlDvNWCyfhcGyb2rm/Ar7HFSwnXspg/tX7nARUm7vgXLPRSixRcsaNxy+lodEt24pb5ez8fcObEill43jjVcOD5hzgnPY9gcV/nr2gDq/1Ulcn1pt5qCX+bzAa9pC1cDH+2/5X9MkzDmQ6+NY/aIEWsbIn8lXhZewSp2tUli38B5+C3O73gmRHKnz4yDlENuMdUYbcvHh/Hfi5mCFCPmSt0cbZjpu9+X5LAuS/gfXC1pz6vjLf3wRmGqIjXwQnFrkqDsR3AkfFPxWOackNfgTujwX+rY1QZPS4Dh5xxcU9sLynzmRinHfB/2lzk1uednXcN0t8lFAXgmPf2zvgAAQABJREFUsFEXruksEJe9cNMXBn9SrPqK2d6gaFBsrQlujgWSvks5Cnd70oHQ//iPtTb46IDGlLP4fTEPwFF1zVF1x1qF63Hbe+X4m9YPZyllIonu+7hHB80yZ2CsnuIzV6TIlG6oE7yYBL8ZpHPK2sRJU3OpXZIpuATWQEsZwtUV95q/6a2RMtpqkSRiFg7LdCdB5ty0ADTn5l/uQvdB7B0l4aM9aph+PwPEg5jfQIk6PEe7uO4lnvAUXh7nZfDsKxDsiczR0w5zIGfK4THj4KyBz5bPMfgRt4DPH4Y092Mc9wDM9GEgjX7koS3hb6YWeWAUbSYLbMZCx+edznNdAqkLZbqIoWVpkrOsq/gXY75uehS3wBjD2ksAJl+PcqEjt8fmtLM3J1XDm47ObeDke/GQKWPDT3q4F+H3JvrpY2zoN70BAxdx3rNuScC406MGCac7N1+DnJf6JGeSGZc5ekwvjKGX5kO78JxRSiB/ZjLfG/srTnR8773wcErRMDUktDTlsZe+o2FiLm+Xk27P2cdFGyIu+Hi/6j6Mv7CYv/cfJf25zgm2eXSJgMUH9pjlxokXoE7m2EXizQMXyosgoPU4yHxRa6FtuNWyIc4Or2sIpyYN9gP2V9co1Zxt6CngO/lxqvubFtZ1W2dijn3smcZRA/eQ/l5XjxPHvuCHHMSNvYqHUNHrJMH3tcg1uwp0wXkfJM1O+BOP1ESTPeTGfNNa0mf3KPn5xqDXpfcxwJYkuo7cxtT2QBkE1HzulhyoI6HqB5YB9FGHJnU356aBLzZyIbfknGg8L3lOJtDBx/L7PsV0kkVcOt4M7gmJPcHA7zkJoQTG/sYeWuok8NCfoKd8kLnFNA21pw8cBRfzL3vUz4Xsc8nPc6CCYo9L27UNXzTJ5wQi7m7WSsyhd6phM79oFUrMK/MPtTmeZ52aEB40cd7HZ0NgB4rL9zpPOPgT68z98hafNLzuljSHQvCzZCn9jXJLJLAsKn1Y1xSMcAYTnsYltDDQk70jsZVE93a+Ut8IfNOf4DCIYX+Kqz+xaawoh6iPtvJgb36CO5DjHjeBfN4C0+PkMabji13qgiYanE9Xz2TcQ8pTezGH+UZgwl45rCnyJtaEGEqfGemDgWQ/Nq9PuWbn4xGGxqDdx/Sht/b/U/cu2pLrOo5g9Z35/z+u20PABA1RlO3IPLe6R2ulRZEASD3sCO+dJ8843+DgebzEms4Su6TO16iL/ynUGXEvDISjuX667rWzOHGtNgqkz0PS8Tht6AVw+QxSALH4Ax009dfouvYcHeN85422i7ndwU8xYZ8wTzHxrf/pt+zifcjxBPlp3XD22z2oMnqvc4Dcn9tP4EH1aaI7PF7YM6GK3TGzhx8ojaQH88LQhICtJ8iCWAZNcon9Mug6Pj7dgL/oO9a1y9+cbUjY5hvWR2uqmjX+egiRaMtTRa7Ghmv1bPGVfo8+3iAibLo6MwAoaL5aAwm0nvGswWgNtQ6VZvWuD+Ue+2lsCcykhGqEXzH46H9bS4vrRXX7cm4Y3oOZhJ2SP01GRX3EqA6HI029rGdglA3ntL/b+Ze4zw2/ocaZTWF9kRe098gj3R7jOHXYtXWCj67EAG8m6Z8uXRc1SSxjlWsQXHLaQHOnSwLRQ1LDQa5cJwz83qgXa84+94Jlw27PD+edXkgcA/txj3zvH3JtmulgnS9BzXe7p8CznMLBPeoikE3YNxzgwP6EA1gJnN/8jglYNaOWrxtjPb4XIhzWZ/vsCpzK69qn/WedcSFPpOhlqgT0k0adPwo4+rKhP2kJOWkq5r3W86R1zBOEqrEJIjfaYw1Ye+1JJKk8WZA/H2inn8LtolDNAYacDfs0BIUaxi9fEt/Grt+xtWERQIxxXA6N63iKm586oYEey8qQzQHygnN+7shY+RFDk+g1Wq9New2eRy5ZNQoOR5wHSReWwATJzmKXYfjgztBtCKQ80cNFnMdwFrF4CKS/cOFCK+2wGTOs8wj+enGNpushlfdVlrgokvdgJ4XweO923K9jL9jtprOtXYv/zbCvE8bacGzva8u6+947TzF/Lj1M16mPtnQfQRF8wh1jKjB633vgXxu4aC/gCF//H/YL3a5a/b5DgIVPOTDUBwjsrb0U4fgv0C8YaRa2jCvShoKP/S/YEvhAEoS91roEdgOHgI13yB4/eUQ7xeEnxjdUYM/1UGNRHS+Nl36pbxk0osXwklXDXlerQbiqscliKMwQoustfuKVfxAYXAWXMf3VXMV6Tz3NHWsCu69NuLZ18EIQ9HEMTw2wTUvgrhFAnt9OEE5+jaVj/fHL6TBH0fjglLacrdeza3txb7Xo/tMXXcg45CVNy/phGIKuL/s1j4BK4QTTBAx/FFYPmiQ8Xk4ArDlWYvL5S27p234VzvQmc9yjpbhgxXmnXugzF/LofphEw7fk1+CElS7i0tU9lrVIIofrAg+6nFeAa20GDFz8q+/K6RhbS+K6VhaEDn+Q5y0XdNTE0Vj95B9rVM2tzum5NGkyX2gwdigcMQB0X+K/24W9weEAmASQwgQOY8XoReDyKSQ3ej0HwCm+A3Qm5Iu54zkuLaTqTTH43WYOOKJNPPjHGhDQ2sPO5trdVq5THkiIwyk+ATOf/jv2HK4d+Dm3NbCO3iCI//pbPs0DmdxW5vINNWLuT1MHV404nP1hLySiXM47rkuAdM6Vo/fSgx//m7f/RhEqGGfRCTZwnkNgCwaZ43nrJIyVNwTq+TA8C/Rb9l5Dz6Wx6lFKjZXO/fSxcHmjliA0F331j6gpmD3yoi3fEYS5Qvt1iPf5gTT5utiCabpLTMSGkXvBGmbxC4zeMO6G3bcRPj/m/w3HU3vQXmiGM/OubXEe1tPuweNcl6TPg01jcxzqeJa953TG2X/D7iDthnZAfWJ044jCFygs3NTAld4UDx/m+6W94RBfMD6Q3eqU+0t+x4w8cyqNuZxOm7GntYm1W/gxkO4mNjgW7hCHSw+jQ/h26wwc6tVD9yak9VDEEloGm8riWKD4reqHtnA+4B8h//QmeLIslF3k4b1lcaR+m4te9JcnaPAeudjXN2GrA+ZneAKPy/ZR6PNZtTohfczruAQtH8oZ9/L4hT3vAcc6xmSP5lNNT1pbbHPcKZnD40NShOF2WCmEc/FrMOgUJ/Uw1lrVGda6ORi4HL/I3l8WRVDvRHtmurulvIehMcnQ2QSAo8ufgcPn26h3Z9ys0t0it8MxtL0GS6gXylY6hXD/kBs1Mz6B7pQXJ64jTJ8HhvcazX1/k/OaF8A14HMrMEs+cLCnIf70slLxIGs5oCotxq80y7W+ywDoxET1OTmElLj4c4C0fiY0B8usuuSS7qGM9Tg6OAVcb/ssNryvA9zkGbl8Kqz1kmruddgnYaLiW8p1bqFk8HtPnIBsEgoTL1rbHkRcZZCaewAqWuUQKHzEZQwYtowXPpxuJ2rsChe5fU/Kb7khAD9b+Lf5ZAj7p6Z6NWYfTupnknppX0DXgGcfZmo6j4jUuNCpq4F65Atcr2WhIhgOvrSLl71w6pfw9IwJrePaBBnb7G3UzZodJ7tu3ay5DlEA6lkhMDDRkAMth9cgrnUupVWR1RhrXCH3SMluz2ypmC94LBpwwlq9mDP8kpuT/ZkX6b7qdmwfewVPMeDe4l8xixBE1XLN3KXQsU/OMX4Fhhd2nfjhZkGBLAIXW2lu6pQpNLThjp+g8vVJKk33E6+F8cmOwEBLKBOdYKqj90f8IXBwU5YxrXNPhDVz3zK4Y5qy96A1uCtddq7DK+4E8BfkpkXKidcqETYlWnQefpSeyQevNLc6pvM/aZz2ccKmTzkXyOi87h//gDrAFqnTYOLWvB/mW7wPcy29oQjoHOPK/yHHo07PG2Dij4lXQj3LQEJDPaqNjnssyEdpsdmLexW3hJ4HSdxyluD8DPAztCSIH4XXD3gQMJ3C9ZzCbEVcDIQZyr3Umuo37vjipuYSxVNw6PWF1XlV8+Jcp8KQ6h504VK4ZIaCNozmov8cAzolkKIxdhdyVUMgRIdUBZGhL7ykxJnk/+JLwdY/6XH9NRHx7Jz3Wh2qmGv42RJWOMmz7/eRglrD6Mnvc8va+GIwCl9CfjawB4AuvhjXS78KBQZYjEmIHi3Gwhr0iuEaNdKP2sS/o7ulOVzwi5u2g1VG+VATWgSWGJOHP+I8bzHW/UU4xsLAgZZjdJpv2QRcF/psPJnayn/7mjkw/X/9W3bMLwra5uK5Io6auQ/yW12v80mscBiyyTEMGSqgAdJUVxKB5TwMWnsQoJNU90uX+45NCIB06oAoafb4Wydocl+j69r3T/cCz74nTzLvJ+WUEHCZQ66tf8DwuaYD1YhTzV6j7u9GW4ajRiB8eiBwf8KJUnC7VnuovTBheJ5aDnGzL4z8KSA83FMrngebhocK/4DhAiixkwe79IbYtpCBecSnxmmuU4rRp7mpN9CWP5+/Oqdb3LgynzB1LwP01N7inTvMxSDthX05pTeMHwj9hjrMpupTfNiVwtwpjtYRG7oVK+MoU4EfoORs+M1R0qvR1yujXEusScSPUofA5JZP/VpEjmwPHnEifwIFuOEwRKrmlurdG8DMilu55ftbY8rjmoj7Fx6PPdrTPus+mmIQ+3GCPDOgPUxCmMdaM+g6kjyVpDipmI/mdkjEdTzE4H6Lby/HD1pb6KG2ZR4bcXCk1vFMSDAWzsxB6Jur75/v0aKQG9U/MFSDsPwik1h0PS6c5sf8eV5JGwhwpeRFd8wSmPdZc1ROnKUuoXGTU7l1/vyHDIXdCrxp1A3ggr3Di/VaQ6C3VH72UkA6EHd81bBkXTEtdM87AuDjZV361NO9qT4wS7wJai/g5lnLveeeyE6O1+vzYCHhgFY/r0+5qxRfs3KGHvxRA/M2zJTLqDRZI+rqARvzhcQApYuk6a97KNe6zq3pTJ/j1LZ9KHjOS2kt1TVX5cV6Fmk1AKmYhMKnWrkPpgN23xv4XIe2RMUFD8BDE58vgwHkNiW3U+ql3QTFZ5IY1DjJ0xghk+hpOF54AMOhluuv4dJ3rAcPsSUX8AecS322U2vLIQGbFzEaZ8/PB2igPdQ1HVPgeZ5AdQ3TYk6Ms9X9I0f0HUPd8E/nETRNQSnhQ5P/Gl1X5UN9qtWxXcO5EtzqC5DWjesCESVPW3kXvYQ5vOLiwzECCkljqkkI1qaB9U8cg9HcsB9qUt3ijmemJ4qx8EPoqiVyP50FlMZmNZq56PfnOXhjfolGEHE0ucpxuf9vvLYXduxENhzMauaXj5PVjNHnh9pp0gs+RUSXJnvPuwTa4FRTg2k45vJg5vWbX+FP/VBP5/GLSDq3ejZHZ6/EEW5rBxMYc522Zk00Cq+QaSSa+gnzrYD7Rho1fnA+1jLo+Jk/PUgG2u56OAueYyc+e37mqg5+m7q1odPnh7XSWXlcN2necptV/MwrXQErDseDXucBLi76Lf6gBe71rZLWftnELojWvK/XIpDF6EVjiR0GSKe50KjBRdDwUBZBwhxSUHbLk4LSreediZ2+GCCPwSottRSQ8IBVSGtaBZbSbUgOHvHKbvsMbGGWARhrk259EZVjhXFEqQc9USs3WBhEYKHlQHiPLdyYl8dYRLt34ZNOprrGgasXyqf1oWheUrv2I8WXmlo+p9NWEVvgcnitGwR1DvPjSzD8EeecHIM1yvHTPVl509BYPX+zmLVrvnouSp/15loSqrzp8/lAt3QwCOxWuxPCLk4YsNGogXGKSVPnCpjiaYA+GjXiUpzLPf5AhXhgE8x7Hjb+UKg6qnRNOu3CJQkQ/3ty+UUKPb60y997y9lDfYzSJNtjWpgJ88c+EbNGDNVU9rEeAdUH0J+tPG+INb/g6lWCxtUrMfjhXO4HxcLPGMZhTFr/irP6bzvTwKAm6PHzATZ8rW1amcNhGyaCus8WXN4vzB0B5sv77fQdQdrby5pELMGUE2FpGHR5aUchy5kGJ3zLWos8iG2u4PoZENX7jYMgnFPDQp1iwn/A1FkERwW4bmpo7nZclOUf7ZGuN5W1+F/mNnIWgRz4XC3+xH+K8QAHQLLTfCzNap7nFC/sqYgPKd6gAGM3lGmVOo54Yw/R/2V/VVDhR2kFvWjNFjH3SzB60cxF8+TvQdaPeeMhoZ6gh8sPp3b5EiDJx+IEirl1nNbjhmzWQlkGG/RynDAvuU60Jcsn0ML4NOiyh6PxSYsgmyseTFvLhOPDegPvjlFzh/29J8+lHq7LB17e56ckfU1PuE9+1SGwPoBzXC8YircetUzbIJjX+oQTflmHcjaj1aio7x333xPK7s8DTUCFApe+7Z5GIukoacKnkCT9ebjRA8QzYHqV33wbLxyqb4sZT2bVEg5+hqBXEH0OHKdw3UvIKaf1oLoftrTVA+6YbX8AaE14vbBUWIF0MB8vhdiMLazCXKuBNBREFIhj7asunKnTmWyVUBPYfg6hGX88B6kDDn59VtXeEHxrbFohTB8uh7ZxJpzXE7bktrqTW8+3SevFx3+cbsL0ZFjPKET3EWridyWvNXWWOar+cC57CSyA2RZO+BTSGe7xE6/8Ue/0XNXz62lPce78BxnSRF91mbNqKyNfzAU2LEwuWayvXoCMxsPJc2+cimNPTFNm3ypSkzRx6Wv3R+FAzjyLD345DnUoLAn0x9Y0HAedqYmCHs3zXZ7h2kEn8ZM/80D5Kb/Te8qhqtvlk0mv31fS0t+kEvwWuCzlX17aA9zPEtDSnDS6vj+Dl78hkgmnZw/1VRCSdFElVn2IO17xdPd7FWHmMBzNg86I7VyMD/zNL5z6SevJN831oPVUu1MWnAesjgUjv2GnsgT76z7zjDX8Lh7/SjweYNn4UB8+iBQ/9fowUJwLAB1omz7itThveZyXJOYpAaid2yNMeqD3OjRWf07xGmG92DBr04PEwqsZdW7zaHorYR9t/B0yJDFQF7D8PVSsY6AQ/xHjP542597PuzZpfMDaemHSbzU2+G/rlGeW9cEOMdVatYUfNVSeMt5r+62YAY2acF+rzjAt/UDYawJ+WsPJ96Y9JszaKubPoXRua1rgZqgAFa0i1Tf4ujFr8EQhKvPg2YKmtNeo7TecwBlI2ua64hFoUEkee2mpB7DOnliWSDhizC+o4hoDUp9ZuVedBg70+AWwC0goe4Wlwb1NZ/kSq3GT4LB0YCQQWsvcLQYSh0lkZ3j/wsj7ZTiHTIyL7itoak3sPsM9V7/tNazuw9KRkZjtsyrq0xTUi4I508eJlHcxNk6fk9ecTMppTlKzObzdi1tOaUSvGHPEOKZAHyCweyMuwae80nQu11FJPJC2Qp7TfaXpBQa3/E3z5AeMZ5LGTVIuTLqWtuUSWlivlTFLWi84IrlW4BD3phd4vHRtZ05A15Dv1Pcif+G+YRFXU54Ya/p0GUb3vz8LiE2MeMvhk74wAYJJ7YwVT1jEA6R8dYAH4OJK4W3PoJsx4dXLb6nLXGpIb/EKda+XuS4zngF8hrVnw6ThXMZ9kcI+niUnpj3pg49WP3DjIC7px3Bpnh8B4OJP3XML+AqDcmqgI95lT3j6v9Y2iLDOfNZW2JO7dhY+rbFvneZQen9qZB2TnsrKksYME+/rwm5cJYxMW2zMfjl/wR5qa38l/iHZKYRNVuM8+oYrGH3N8wFTcMPUF7QQKI0CfjSMWKbloIqftI+yE6z0EVwGF3pw3TIWNPO6axOlB0mRbA/K14w875d3EW7At+GBu7iXwZvgQ/w/tD8PGX8PYWFz/f1emITGZWlOH37YVn4oMZevlUTSN+nUh4iwU8EPPtAm3QfKFdI/Wqg1S8KvWo4/TcH9jn+t0QFYw8NzQftdX5Kc120vwAvrOMUCL32HPOZCjuBLQrx0r/sFkNd0UbuLEgX1M3ZYE+X0vvhyeoFZw4hR4eJFLyrWQbbCPh3Got4vL+1aM3C6Ro2RLwY1VtLWMy8usT6sERw6E+h2uDB0Te555yS1OjuTekHXy7e0qGt7pM/Q5R+qQ9z3tBKkP+KlHy7NQ+vQa8dE6MPl0BRinTaPgg81iQOM5lf4NFiTAwVATeE/8qCZdWz0tjbL2kEf2sqDYQ7QVT5ph0NxBp2YGnIVNxz0pYMdLgImr3e118ANWLjqN5IcpELaKBlpCpNh70RTzxgG2XLaGl6CFr8Dt8Vwm5/0p7lLjrFbpixx6Uhd+nRf5P4uOIADu50ZJcs4NduFOr2YzLtA5ZuwAHoujIWHbW2r22Klkdwu6VDZeGmXpn6Ioty654n9IibR7KXrbvra3JgH/0+wzMHn97RPQw2bXtNGbmK8CLMlCZo3nAV8bSm/dKPXUXL88kyF6Clp+E8h6ilh4pRDbo1/7cecOadjDEkQ7A2fEeGrZ1uPfxln7i9QYRaK174EhL76cW4JeYqtKn8wspr+Ms+fv7DjxvKGQu4fz3qk2XnzNe84VA5qj4gPziRvGnoIYB5tLm04J2nzUK0FtjgfQlHAhinwi5EF+Yv6Mp8YLDUvA9NeSOYPEyHQHiAroY8+EB8hkXy76fU01FqqT/+mN817A/XCP4xNY/lpK6gWWzdh1XUYI5tjxWPkEJ/a4o8Bz1VfK5MD3vkMgSe/guqNK3M6u+A/temvZhbeyGZWGMZUjrDqF8KJFP4THjk85uPKr3MHfa0z7Gxam+38CtD7Eo6AJ5ceevhPscS5TLr2LjRUH4ILB/ruALa5wEHjsyewNUdfkwtyXYf1IT8xno4uJMxGMy68x076jg0bWNUsqZ5D86/al4TXQFz10pA2UTHgWEHpTH3Urxcn7eOJtuRILdYcAXC49ss3xnD29UkR13J7KpE+7FfXMjA0esM6UjuK23Kw4M7YxxtPENTSa0owOjSuo3CXi1es2bbHScAakmd4mfVSoLMb2sqVdEK33/xB0+br+cGvfFlrnUOM1YZECxe4cIALv0p0euWR86KQMMUAYw4EYQxNbp9fh1EjnOqXeDi3LdK8NYlDcb6O0qwcQ80VE1h9BKil8S/9kKfox4T7WjjU5+V1OYY5htzOrTrC6Nwaa23heGoZf4SlljB85sZAKbr8qdaOexyHOPPFpe7PIMB3ygu9Hv9HaoFwNGrjgqazfI3WKwoULiO9LicsMfF8kmGXZMQXvPSBUUAaWUZJlYhnb3bcm3jOFcfDo/MC+Hnuc3eJv7Kzfk1zmo5iW57cr2MchEkwhYoH4y9bab3p7PX89sKOTalmYvVTeD2IC3QbhbldRwt5al0855HRAkkujRbGzbbMpcXHBR1u0FHDcB53u6Xbhz7/iPqLOsDTvJaaJ8CeZfHYdi7+p0Gv6wmL2FNZ+hI4aWy/2dD+PZ2Np2RTksk3aPic+WXGeQ3fho687A7o80E8fYJi6LDtXB3uQUrhIqGrgmvIYIsddEBzCa8lJaurF5bymGH3CbyTpvuMSXPKS/wTSSJBFr/Dfey28Pu3UInGHAp0+caXhxueoNvR+XckrLZeiI31OckBJ7wwVvvgqg+zqcZlnr3Odo6gbam82poQ77EALbqOVIE5J36BhG6KL3zVE3VU7fK5ZrO9zrJNf7v3nQ8cWubRkH1cUGd/piHW1wX1lh/GUzMyOcod87bQ/mUM+4M/wnsO+FoMWqqpnoWWgHFwWr3TXgpi9CUfSxGIg0tW+esHgsineIhNubAIqHfJJVL0PBuIDwCVwFCsCfNnzuWspY7yE6ccub4Yln8RFvDqCyN3OkiJQpQD4ZMMnr/43mXLIzX2lBzmK9BJV3H0wsBepDCIoI4Q4nWW5GQBgQls/UaXwPWSsDsZtG09gVYdSw0IuAN2AEsPC5M65QMnG86Er7P87JVwcV6DTSvzIlrPINjxR/qwUc7bGRU+oHNTrq2IFY4wIcJbGP7/J/z/DaM1cppvGk64o6/VUDgY2fpLO9ygVbMB+cYlxsaMF3E3BJWkl1fcPDs6ylKpuBwiR4DnSX70ioVZPCWFw/3XsHwwCE2chT+Zlc/Rqifm1t/XVBbgI9d1/sRW7j/hNs5237ZnRYNfw8j/p/MaeXB6a/NT2NfV4Qe7vbAfJuYPGQpZ8tpYHOBDK8whLjfyaCL0/TgbckJg0ZA4ej2cXddtw0KDobYm21qIY7gjRthT32sZ5nKcW2gusRgsD/en/TnV8+Bnrl7vAb/U1TEZFGaSVKyop7lswGJsxiu0Aca6HDMBelbH9xjGHofeQbNgZUxi4dOZzPXiuTxoLmcFcuAG7y3FWxxSY+t7GEKqYdI8lL1IAzNxFxAGASpckL5oC09sW9dNPx16DmheJxz8wh4xWi/lbkDVJzfrHCYGHNzCF0QOCSSm4ubvpte+zTXPkXOU6k1bupumiBCKP9TL9WEo48XX2qEI1AOCNOA7NIfRBofJUqJrZKzkYlw1yBkcwnIf+4u7YN5TA7mCM71QOlY2crC84PiXXcRVpsfrZUoCh1666qkXA9VVforfybQOXRYv3eRoj3JdiENATXbqaohwvbgnlnrieR1h47uIXIJ4Ty5q8ToS4LrUUc0RVz3Qxlx1Zp2TMuwK/1AMX95aXHriQ6xBPA2f4f/KOU846a2ke8Q8QdR87shunbSwlLVUWltf3/AR45NyO/gacg5KJKeVopC5rvMlBwScp3oUb/3rXh4W1eug3fMiT/NhDXAf8YdArY6CJwedmueCr/IJkL3SIa7WufKjP/0gZdlPJ4TtdbXQ70MVLKbvVcS0TltOOXKivoeS+tL72vRSyPd6vggGxjU7ZYmNCVeB/sOd4p+4SPgU83ibG7TVJIHe25IfgSSV38Fp/21MtfR5vekifa8fvjceP+cAau2J16Db8JFbEyStvbB3qdg01tYLjHG5tLFPd3HXbWN9mJcm4tNqNt4yTPKi4QDU5+1Fn2HjqEaXKPsrrgjNaLVgDnoYOfI4twPIH1T+Q5PHubjW/4StSeUatOFjBcC2pVvwU1z6C/DD4JUXgKoFxivhJan4JXrh5X5hr2E7n/c3pxXiZwURnhEka/lX1j84ijx1LiNv/4LYS9E6eHny/VRVkMhLIdebdJSDOKwrnn8vreaVOM4NeT9wX6SPYdR5movH3J7EjnE/U0ac5sQXqmGuR23Tg9nPZoU1QQhFPcwNO5pCsPns0+dUD2J8aNBIOeqxXjlj4LFJgnGSLmzVFAbdcckw6bCnVrwI8nMh5tLvj4knvf8df51eZ3DREinPMdcvbMdcb1IBHPa79LMu8uIiP+XhTAfj0tF5yH15e5GmFi4mDtPkCWGOuAi2rFMS9NlKLFl2CQzPm5+XNVw5q2Zgs5CqKcbKXbWYjkx+6R4LuRBLXPUjXeYDSvrKvclFffr832LGhxZax0D3qE3GHc/h1VmN2naPY9m84QWxWtj/3UiaZ8FMv3hhqFb20OiJgsd1FQnxwIknt3r3w+6t6lEg65qwDoE9Ptse5gWOXuq3vAiiiY9edpjHegwDurflpT3XifHgLGvoJNhN08+roIL4+ip28mEv6wd0KbBgc5K9tr7OCdvOuvKrF05jELp2xdzQ5OBzO4ZLvc452I7Xc/wApRvp/pHm+z0IbmuTmH7LeT2d05ZmWastBv109timG4DapzYPrSc5XaiP+7x7oh7/gzFSfmzxr8Qnkj/pDqY+ZOBWTIu0+JJXH+gat14fFM3NIRZ0e5gi8sMM7iIp+XrhgZ/0UYv5OXcbQ7jWQ1nkaDiFP/WNC0muSyMrVbk3R0UW4/UGR/6vWh9xXsBnSgO2oUsutuNOU3HMQv7Lget6br+H/jLFujc6K574lCC/gGzh8EuGMTzMso1nRbkWkhj/oT5yoRamxNM/m0rBUOW4T7g/6lOo8r6IVF7VZ+sIquorGeHCsXELdDBcu334HBjP7ihOzxjUWfUYy+uf4stz2+ZWX6ZMSy/S/NJmfpjQ9lwtXEPuy1jILLDpWo0S1RqggKkGpUNMNrj15TOdum9cw/GaJHyFCYOYxQl1w1zDys3fxmMe8YfcPBfH5w1BucaZJ113HSFHX2hCH3ZCM/uVrwYR7HGM1Xx+l7AiwfM9gI18Qa76k/ykcatd1lQL9HQf97jXtMVMnLHDvYaYGnGYC/6hLBQeDvpgxrjmdoXiesHcEJ6+6SJALcyd4wR3P2m2t/zr59D0ZmOtnYcxt7pfMmDl0AMJlVpcgMK5YPu65lkoThq8rxoX+mill/qXd79KA4TiJGyrNfybvmF39YvAHBac8ii8xJRMQe8BPMRZd8S1H4Iu2qATGPMW4CApvVM+L4vP/dgvblnW4Hkz5UWxvIvGMFh4GZ98COHzpD5nMgefI677lNtipxwu9YjpZ9mJ3Z6ErJYOfxpTCly0GGiP5eJhB+gKr2c/c07lkPCHNZGbF7+lPc8v0s5zbdhPMccC9z/Vvtakemqv3PFc8P0bdj10ei9R6mAX0HBI1dyWL/slt2aTzorlztZYCZvWNizCFlkdqjm8/OKoKPj99Bw0N3c6Nr+0f+m7iNW7yPR1Ee5h/Rf+NOjzHzAsr9cIXK/HuRNe8X+ibmm1fko7+UA7+flJ1HS34bDm0vuwpJvcZ4eSvBG0xo63/YK7hsK+aQ5zfqMwXok+oRcQ6/S8VqumJnmNJSC/xug7xmNlO2gSKeBtEGa1IQKZj/Rb6GRBW+vQ8pwo8PtUFhwKU3EANSBCzXXTvRbJvNWWnPoCeav9ZOGzyV+ANnLk0TOeL20J0FQdr1o40Zgs5jv9QAEcrYXWRdiqJQH67FQe4tpAWnTnfPhl04pceOJHT26sdX1ZzbPgcyZ8SdIFYhy5JghfqLGXWMekWVmXB44IIt5j8G1fnC/WdYV2CnPtdC5yTrV+gSltGclzOdkICQYfoXGRHuNx4f4CSACQl+ncRQiAXA+YaNLU3heXSS4McXFhqrgIq6ilr3SNLih7xkSqhJkACMWI3i89jN+aek0uKTZzaqA+gL6/risN9aKwh9PBcLZ1vd4Aia4Lf7uLUeNqWLkGfWAYTwN1Y+/gox8X+DTu9YQfjfGOvULHKzhI4musPOqdzLpIsnpSw3F9HTiR4EkzJS5K1owaoC/MomeDt7hBa+/IgTaMoaGEn1srRNKblu8XggFs1HWMOgPme/JzbSeC13KVspwx0rJGSSy1WuzJL27v63PLdDrmNF7yCQSnms0NeU57Lfiop2DWh25sf1D/omP8xzoW0jAwnR71e7XHlnFqLFLL4Eb/UGv8ht0359YoS3HBkPPY8gtExUWSI8fupi0eDgccj0kSI03rXbe/ePFLzQK4dcaU+NLS6uh0Sz2bmtcUxVzVnnDCeO942a7nWLf9wPjcZMcEtzlujhQ8+T2f26oTvi+1Ovcfto+le41POR3X5nLUftJ7iGlrTpAln+oyZ/HlSweGFTuJu1/a8LU5O2yzlXcLDA4U1PAanj5o9XzqkxFvyLK4dI+7fnHDqDUqY6FzUPgMCSq/xjvzBw/WX4IPtAUSicfc2svYR84foPTBpMYiFDo+dr7XAr0Y64Vyyd05EVTcpV1Ocfe9fmAiT85LNUsferKZvAZXBpylJecyyLllMaSmYMHgjIHLuq16PElSrhehEsokh46fZTHPgufaSmuiLbFl0NDap+ZehkgMjUOjvOJVZIJzXBjPBzv3TvFOP6S8zt1DkOWopsAddZn4Eip41NTnq3NY8KydwklUTNipvMphQdY2BeTzNQQP44wJIjf63oDBGcJ9WtQweD4RTP3O47gIa1R5j/SBpyVbldYRXtpP//gZkE+lUmkAqNZ60UmH1gQ81IamsrWH4/xGZ6xxkOuev+R4rfzm+2SqmAHcS+A48Px8zCDzxgUyY1OAwBux/LX4232855zONQ4HfJKXhOPgK0wZQlosXc7tusVCwIEIDGBBKiRHCT0b0zmGROk53QJmOuKzLb56EGlr3urld2WLuXu08fzTDTECBmcUIgro1Swvah2bYcZ4cwL+2r7MwRfyVXAGTBLTdI41T+A7Vf6GfVzZG8WFnU6lIOJr/ND7JpW97GiQFZhmpVjLUW7UokHy8eAs34EHitLxIadB4iXZ6Ofh05rEfJkvMEvegxrrVwy6fb0U877VX6HuxziKqPmVUYw/Nijl6/Cl7j/O9o04Ts9r/CZzo8T9D8zNt2qsW1WoBowbUMPSMgdfUCogsQ898v0T83Udn8OHEjaIzWuLhWO5hwbAFMeXLcnSeJmzvpyJo6XFWPaQendJwCKDy4ozYDMfc/uajwluMayP5lde379yhoF1itgomTn116/7wvg6OX/xT7V4/rR7za5HiIuKEz3dADshsXJhCJu/dUAfA8boDMfQGA9/rSNE4o9+UOD344PMpRxrrL9inqXR/8RTfgGdd4nGFU4TMbMgNKzuNXCNjjyBwQ9ba1F4O1O8JxEATnVdw/Ga0H6kCls5wiNsBdOY0sA3NZ2v0kXt9lfjwVGMc4mx5otYb6eaCheFsBYBY1CmipQjSDAXvIQSu6wv8OFnfUUUYe0fw09B5EVcLc4w/kE8ND5abe8v73WtutwZtqQ4na4trNcTNrUyJn6DiPlb7yIfmB3u9/69cYNQn2cfDxS6NFkuVng0NnzV9EXTnvGne1MplNJS/ZG56VkN9dxKZeWsOaW/xk9zFFlVKrHGU5+1bCHPI1t6nkexEKgaN7F0NIDLHB9+D7pNbs6a8zvt9UxavZr26n0efalt0l3WZEix6Grts+czQr6B289ah5T2QQPu3orTA+s4XtjzgUl/2Jw8NodGooVRj7iafBpn73SF3Fd5FJx6Jxwmv9BQi3MwnFYnSQ3aqdt4yXUaHNZDcP52xPK/TWupH9q59l67a9R0BSiHKrDkYQpG7zJo+DY8QZd0Wgs/L03nf2p4qnc5/39TjOYqja9zFm/An2qmX7zMV+teRgZSRFoVlkO96i6AHIe+5ZcM6Cd7VGo6I8Y0EX8sUclNiK7Bb5DR7BT95ngEh9PxP6/DIOp6Q/heiBcgwuOaeUCABy1+kPW49i/Pr2T0nDrdX8vLpp19loSLfKnvafvabpOzmnrNfTytK2vQRJRYPQgR8yE1HE+BSfnyVVgi0AsbEv7FvXAnKaxRzNVkiNT4RIOfuRKg0jkUOXr9MCJhe2d178GsK3WmONcxCzm9yGq/WFZgq1bVOQgrRE0RMg9idJWxrh/yjS35Peb1kRr/wB/PruEt1f1S3IU0DrDjzS3z7gFsjTWYv7TMRwqAU40UaKIadg35ra/8J52eM89w3bIwdO+nrv5q/HRGVNKUjnPvgXByz6xmmKWT9SgsPzGhhRrg67LETwEAU6SHl6m2vOJQVxclVZ+6Cvee+Sw/4+EsPxwnjc7r4hhHzctzfMBQPrSmvRvgV20IsMgJ0UJt3URT72dc9hJTrqeUX9YCOodalBeQpUUhWy0LIAZfcxuPml94hqk6oGN+k739p/gCvgfLOYf7ia9Y72+5Z37iMB81SP3UnDwQl7Ua4n/q+qBr/w27suDQqekpqnH0nEv4nxaBGF5uog9pe54bdraCBJ7yul1fCil8Sxw/fAPSoEU6+QtwMoa16lB/WVfNT/m2+g9r5hpuM3939HEv8jD+SitcrgfG2rOD9Nn9YU3P5CtS9bwB/+n4VPuhGLrxRU/tacHahwIoT/AKZm6VII7GSl03hgAV+Ga43mT/oeyS3HU90LWJO9wzxZv2qYKroZeqWtM1vIxUI2o62QvBcN3/OtbElUgEjSMOUzCF2beAXkAWzJeB1rGvt8aKNy2WGDHWlljWgPthLHhYzxDhT/6bNp+xyh8xPU/f5oh9Rm6mx4VFmriNpYnogk8NYy3mEjY9gJg/en9hpvaikAPML9fWZY74pHl+8TpHPzyouJNUS5CqXvlaTx34eoKGqyHm0/ZNX/irFmnJUeTbWMo1HP3gm48s+aSdUqWj+J2Cls6T5PiDPdQvnQiURriFbzLvQ+iEpmSdoNzMY3XSzGDxBA6H1wI3/nDpYRQhA9Gp9XD5g8O9AgDNNS7PfrUzzKMcl3/b/ovgtcqH/inVWGc4l3VEjSky4i0ZeMLCvU0vdSqgsYMxydRhvsToPkJs0wWfYBitpVbzckjKENe9XYlUQ7Cm3PqhyZQDvlrP1KGI7CSxlpOA+b/gFozOT5unMOotRa0/fY234DRwjNuKf+1PXBQ5FtqEgbGmIWTH1vI9pSgtGaNgOk3XzCfG77Gc1Knm0W/FKK7p1D/a+lSJ8Z9g0/ke8an3VVb3pZ4F4Fm7Xtg1IQvUl4DFZwMKpppEJx33lT08jE16M4sXkc3mE/4OeNyFTn5hKl7GFcFQ8xN261WDBZwDjXpZH7BGm01wbM1aiTPHvQNhcDnj72yfY9TtuerLzJTBeVP8R5/n/ZH6z8APBRzcd04H+EHSGUBvayW4Q2+xtBAU0ExxLHQR4FDw8jxev0KV5yv+MWkLSltuTqHdO4pVrzW19azYYDBHXFj/h0moJkAne0jx5y7Vo0RSwjhi2cl79w1P3NN6KM+t8G49rXPEVIKkWYOcUFfAMhGTY34ehQ5/AxZYveDhPqGM8gvvGGkGUCmXD0zkVkBY9en3cJUKZw1EuPse3saj6MVfZDG3tl9d6856Wx2jdIt2wJfxBAIg/F3vzpTLFwBqLYKZoPPbfFwLIpUrcy9xG2AfezoLX0GIoamH3UiVD7Gh+ctkYWVkjRqC7viSAyCbY+X72lMmcvJeME3xa2qZhJ3h0n3BzS/+T/0ilsxcj0Wnn2Hsf7tngR/XDX4Ec84w/6b5f8uOfGj1POHgysf1RQy+3nLdOP20CzLNH8H017NnEqZgKrlO2Kez7pSqAYYHlMtrdf2Aj1sSe4TfsgsqGc9zqssx3WZpuIxJL7SXDw9riIvn6xgygQGeBHpqAiM+ITVJja2vMts5Lj3PZbzFBCZb8eRQLx0DGE2ofX4VWbd9mhOk0SbdCS+seCT/kxfNWb1rq0hPPuGC4xBJiH6al3C9h1Zxe/AwVllTHUUJkM4vcMqTue7/rVsR6uSV52xkZj3UoJ6u4vTx9BAucDM2bovzyxhAuEkSrFr0MO2UV00jCIt+3Bys1dA2rD54DvhB4vqthQoQX0D5Nf7Yv9J+qO+YsieBpvlo/gN5tjXOgizVsUQFPmMdOCQul+P+oB7VtfTSRJK/XbcslJJxwVD2klMDBGtycg59YKjTQk9Uxz/hmuTnofTZa93yPhrzISbchyzQrS9xo+AqonoAnewV/ZejSLKUpIQt92OWw3os84bAkijmFmvIn2SfxPUsO6y1SuV/454YpqjAKsx65Ao8YUHYvtgP+RZuaCiF5NDTF5eapkBwuJ1DdyNevDKgem78sB6w8LNFDGEN03uvuc0TmEFKFPYTRtrME4P62wsSA8BBUMqi4BYM7t4YFxdBgfO8Fd8xAeN+SixBhc3cCve+cBagT7mzpw8XNPWwhZPtMfiy+Zmr+4CiAcgaNQTF8SmxdI71wMnvGNjAoal8jS/v7QeAmgbgLxjiLIkrzqc+51pYitfoMjqmhXGM9ahooavW7oyx7pGqOQ1Nq/zghhPrj8YOFwFhInmM+T0yYtNekQ8daVgf5tVME47CZj6Gw14+S8JJf1zq3ks5dgyGBY2PjfULm3x0m4QcnkO2+L3Pexfu0oQx8QpwidQQeRu+Yg+HoTBZg2TKD9l0cmq8XLm3q8gt4FoKTT7Ffu2/ahGHS2uv/GFer5zIccQ0PeGelnbcQhCtFUaCFquD6rk9oWzXdKy07KzC5XBBkKvux3IOxqQ/wFh7JGIuccbEN3kJg4ua/uu/4oUdAmpp47egBCwsgaJv/v6g1LgWWRQs1j/QKj3qzZqnB2zVKcxb7hLeprhK4WRlEyVT0CufMPpvX7tfcfW1F9Jv61XrmoQ3PemyR4FvhHaYF/6fDLQo6pG/16DYj/pd5kf6N/iURD6rmy75vyl/R3metE8PE5Rg8G2pmdTqVN3O2QrrohsgHKbp4TrP7jRbeQ90IoUx2qP5pCXiERPnX/cqsMA95S8dGHmvjntTwFWT7qcEKOJrsxygYLhIN0eD31kigDkovmhMwgBuoFvuaOnZpmddAzJ/7sdSy5BvcFHNz9+4L4ESVzm8DPkwPbcvcUNKJHG+HP7Mpt+DAx6qJofh2iKoeblU1dfWtfyryjI65RNX4NMa1uIkUDyvTxrol3wCW7/Ek1i5JZqgCeu5ZE+4yTeeZQCjYd2V/vLsV2KEx9nGGRYMRsQ8b+GTI+hb7xoj1vQK6/nDWbmrwEtJeJOoFA59ixcJhkTdmfWUC2fXngf8B+nCR3dg+f+PBzhs3FdeCzXSnxC6Hi9Z01SaeFgjNa4X6jMf7RCQBno1h8m39AAkofYCAPcbYdFbBqYD+lsxpl+FWx7QsebVlCsCPNIYa59yz3w/3JZGlRTcqi+Divm8ixf6/ExmYnnvJVJpiEiH/ykRBi+NeAg4NsZev0K17V6/gj1PronczKMB+p7TY7CTsPE6LscnHP1vuaDxgIEGGiFxGZ/DF+T7VaKNUWfO64EdbZyj4y7YVagI8lk/6ihueiox0wux9E9aT7FF5GVQ+UMwnhH3f8PuPD2k1NcmAaSZJMGHsHHYq6UtnfL/oaGf+pLueaQXs5vc5azZi3Dh6Vatd2i34q7d9OuUNXhglY6cjdjwGKqGhTjgbugeBFe5pCOUx+TzHk+lv2nK2zXkV+9x+Hqd4ZqgTvuP228FvMWzQIcN0/w0jX7/YLzck6bi+cx9mVMwtHTPHusD7xjcstyOnq9peLiFSuMVY7U5tgTcwPnu92s784tGDLjWrnGyU8fKOSF5tjVfrn0MND6SemAp9AoOrpWl4hqw59Z5wxkjtOGXCUQGnkUTqd8urtnnUd+PhtIzH/Iqw1IVGrHJL8Af3zOZV9qqAbryMYcVUCYAIkTPdY2+/9as8BJN7KLPJHkBIRp5aV+eO13nEivQ0C/xZRCacbbrX/UPrqbFfW/Ymm/gGOqFZO5Oq5JSvMdrDAOtiriGNc6hYDlcwoeSCK08IraeceVuMQ39rOnZihjzJpc67dlDvhceWB9KXz01csAzNYGZNPcC2My/aKQQO2mgtrg3F1+4FJaR8pJjT0zmWeIUW6D3Dw3kxvPA1yXsf4WP7hB7fWkPetWYmqphSF9gcZbPVa8jtYgLwQVnMeWCa8w3+EdcCPnZkR56PT+mGhBn04RszHOpMQoNzCm3YNtiIuDrIjv1yMva4RrbMRBo10ly3U/IFQdBdPWVw86OXtoLEwbWs8bSjn66d/ryVY4wFOtajhltEbToEupg4br/gD/BFzpAja8yFtxhIGztxQE37d8CbTUssRjkFt9uJb49l/U2aZwFcDOfp11+uRuQUSrXS7wRg0o8IDD8vaUe3U+45I339v/yF3YlfhKzmEz2GvQi+1g3NxZzaJDxeRHiWPFbvi81LJic65hvqGt5QHnca5NfNca4lSnE2AOLm+FLI3YCOt/tCTv5MB+rf4IcfV8me6rJuF/X4FjH3wSsjk8ywtu85Jr4HjPKBi3cdL4S/frg7Kol2gMxRjERf4JU8KnwQXpxWQJ96VAcoUfpp/pMV3rHXuf7K0d5H4tba4f0C5zlVQmZo6/JNociXJE2vOEIRAGKL7VkrMAx7i7F6oxBQGJp8gMlhRnCJc6rPmjwksdv2dH90pZaRQxdvjTmWF9k+3rVPA65az7SlV4kZd02xwUScYX8y518wLLuKuCwpoqLOE42xQJDODDCI1Frxzklx1NQT/weCP8S95yB5fonR6HK7URgBIAZdt8nleC00kJQtZkO3AvGYvB7TmJxidalBHW/7ItxSekclwCCWbDXLU7vVSt0qlQY+Uzn32JM0lFPxCiwaoQP/+u4bOTGeecaAIezL55AjoUdOH95oUb6T9yUeO1KK5Eaq58EtFYVwxphHmph+0u73Kg1l7NcmJvWXGvmuWGjKXaN7IqAQL0OwVTbUUTA3JfQ+wDdv/8Fqc7hLVkv8ihzm3/44D/lW2IAwbE4Y4ym2DVarqf/L/sCisEkC0z5yzBfF8HYa4m1xwtXn5//UFEx9ZPkk287jx2c9fCeizkoD45F7Uc7OzbVW03ECI7xQNKf+ZDI71sJnbiK/xO9SoXW6/oAFAT+cC1rx9os6wPMoU24yQe6avH6FtkI6PvC4gc3/my8rPcTNjWA3XS6QI6JO+Q4UC5xFIu/El8PxjppO40HEytm7eKHowwLyozCxnBqUVfY7De8/+vZhl1wy8BAJ83Ea5Fr/TTHvhZ9vKe45pl86Qp2OjCIq/RljTOfYtJRf/KXGHSPoIfDpflP3D4pFaO+xScJQR97EF3rw9qXnuovxw/GrwU7Puwaeu0/pB+hP85HNSxfkOWcEmRsug+P05AeAPij8aT/4Pvlg4cp4uLpVF+lD4d8D2kf74uRl3nHmDlRB/NnETU2jJtVtzlrTXwiE9A4i+lYK8DdlLbYsqiL2DXA2eCXRhBNyCWKFueVkLhnyflyfnV/J5Y//Q5B1tn4Ss8YypEjC8C5r7rAlXbGp07P3eKNoNvJ9VABcGcNxS8jQ4ElPHHAU0Pc1DLalQx+YJOXsCvm19SDa/lyL93kMx4XDRcsgtkQ33IlSVxAhZFPY8pgoADMsJdnEkHXBTBxuRcYJ5djcB3ftCsPzpzOkOFPZqagttvCw8e8ZWQkx8seitR6YgKP+cDmi0aey7JNFibXCTm8gR/jWkN8J/KX9jznvjSs3TUGe9kXJrhrzOHASpcSANhacbOgGgO3DBrRh5iT3/9uCxcY/LX5nL68lcLn9zXtE86nTJzAOU8UIFcVkz6MxffYm60z1HHKo348yAi+tSiK6+S44GG5Ue8vNU+1Vn2h1W2mdCccGA9tuV9QXN/0GHcpl2FMc3XgIZ9zT7Zk1J9w8hcOi/qWt8Bi372HZKu/UZdFv/KpN1DxhpjB5rUFBw0iQ+M2tdjXH/Ys5zm0td1MGRec2TqkQ266AtPSL8jpvBKQ+vW8hQgSP4gJ4glOvvGmetBWTZE//0q8VgMr7C1vguXB6fFTEkzYcYONxWLrOR2rutI3ao7OW2QLez7T537Y+Fb4YLlmJNxyDhLCcB3Ah6Pl72dEnJJT3sbbcEW4DP72C2byuBXSgt8TMwjn2qYcgi6xZbBqHEfiQNDrOhIsIK65NnMsdEOdHZljTAWn9M8K6xkRR4If+JAWvKfx30Yue2nAhbsMAhT53TWWAwD+eNBJlutkdjpwfIiiH7TgGtygMcBY1OMlXcEH3leAEk/iqUFI4gTDsB78yvXQS0P8CZoprtAyaGgmX32C86XIkgzQlTiMjpy4Z5knni96+QK9nvmuhZcPPIdAAD7vd/ITZ2XSU18wW4BnRlpAhlb/B/B4vkK8zpclktlks4rswIUZIJ8bXPCTWwa86UeAxOxhe61wQzP6ahoEtkkWhEbqFqaMEcYcSSFAaYQ+0JcihPH1XM65iwaY6x0+d3s+2IpJk3E4vVgB3Qcb5yaw4P7ymQFq5Q0bzce0PRcASWKdDkasNc2FL+0R44tHYpaXEPnQh6Zk083Oa/0v/W8PcYay/a/wibdgBYieflyiCQt7wtdvLVFPcoD1NvEQLz+SJFcSpWUFFN7F3+x8Vmyw0NUzgr3lEfYxn9XMe7TlWeRqUqEsW0nQm+8p5zGW59olZYujFF6X5i/ssRd5AkRMYdeeoG8+6QC3aSG4OZuiCyCEdcmz30NidtkaI5eRym9u95305PdeR4Wl4SJHgiZd8U8x+KtpnRbnFT3xi/sXhtJ2CS+DGBWRAdumompJ7NFVMRnkaZ+kqWD0DGV8CC/7e4GNnKaeyay7h8PJzyzkEiDzdejXMXS4LLk2C0854Jzi8P8bL+xaNa0iAtnqxU5jBdCnqOcxtyPL5oepRkM+hbw/1U7MY7BKvOSUT/MNL+h9D+QDSfJ9jmxtqqwAAEAASURBVIhVk67AFTgbgtaXC6sJLMWpEPrLuMs2bg9vY9WLQNquX3Mt41Zw3O29LcX1JWUqXJibdbB+nZdknhJMMfcNc5Ysen3RcIrHy34FFPI2nOP2S00UcPyteFkt1oYdfXOUNwjOkbuICiKwBQu1ijT3QpOeYaBLt8XMXNNGgLFF1MUONvAueoAV5kXfpfTgl2R9AMiB3gkaRo6epmBluMhgA9dFUp/nGTH8mfTs+bBISDN63utBH1t/dk05QNQzyfC1Rshh4qpDPo0L0jTqM0zPE4sX58HY9IXNunq86oJhQQ4xTgCf/WHXPKEb43E9k5dUlwVracQEXs+qJZgD6WBoJTGKMRowsheQBaSjuWhuy5wgpiRBIBY+b+EHx6QLV2fU8bClaf5/QQcif9l0v3oK2EvLPJoP53zIzT3N2gDhOMUw3rSBefCDSg5AundgRyNPdk5g0bdBYdPHlzzYuFdSVy/t0B5b4MkbgtRP/2LHgPuEPKpn0rE6BvlyYd91ey96Ka/c6kXs4z/1g4f5QA9t0cX8MpYmSyyMnGTOl9qXIVw6VxoiILm1yQnyQ/us/aDRQ0o5lVML2EkYT+uEZ3ltfCMpUXPXcNBbKEO8uGbo3va1svDfmS7a6mEo4+jQAJkaYY0/4cY1HoGx7qGnZ63yZjnXDXDguRuPmNP2Fa7VvT1rMl65i3gbb/M/cpv2o04EJ53uq+mUcddZFmJoIK9t/0fndkzjNUAbXvLujOTY3J9a7KIk1IvPeTYnfQKg14cYbJwIje10SAK982Wjxx80YWErDhsBYhzAwH2ZQst69JpU6yV/C02WcRWe8tX8J5AmmTHxl3mK96HX3HBjefukN8zHNUbb1muMtzqImXwInPwp/BJO1A+dC7Z9KBXHpLNPeVo20SSrcek+GQ/gU0gPb900wGnPWYMKGfJKUxCNeYbkBE+2AKnVhpdXTnES690WgkO8MNvQqQuu6loRlNpyIEXL0Wj3MHCA8svgJHQjny2K7BCWERdJ6+VW452RngY4yB/pXwJaI6bChcVWRwmtSyun5EsDALtp/MtGgc3IVNv+T3n4vLM1lAzXhBd5snaJKIn6G1afl4IiVC/BgRfF40anOc4RxEbqLmm7Him4TEEBI671lot95+Q+1HwS7Nx6lkTM6VV6GReZGFxQw9VdgeE6xTcf9MMJf29LagGUV0H5jazPRZ1ZQAiPhzdfig0rszByTP0AKheMaNnR9rWlQwDVXs7bYH0P8SeJqiVAbt/qZkUOnIMlFT7c7N419G0GoV7aWxINqbsIX3TFb7G0gEUQ7UsNF7ImedQN3FNMMtVn7lP9wJVe1syyrf5h2vfcMlFpVOLZoLZCyyCckah0LL/g6p1WtYWzuAI+9KWBs4E1ylYamb/GiqefeSv5dX5sSDSfoS4cdumlDsJ61qomhFpZgFWjhvF54EUuVBqVsAWcH6ETrLG+DZv2icRnWiT23IsdOuPzBvp5T+vWti2sdKc1VI4qMw35S+DNsPv6yDVtyGH4tF+TzuS7hEIrgohPjT/EziDz8n/rphUzxkngqGzcbvKDeBDUBxjw/BBrOzZQKE29lmTB9vngr46p9Vj6+VO6iNVP60JQh5GQ3DQsMnJVDcABEP7xYJJ8XzbeHSqLejV6MNp6AblwD3NdQZ2U+XKeOfrccc0OeZfaXHGYh4fLPuhWPI0Nhr3zdizEQe/217JHpT+oYZuXCSN2qudrKuo7WHZfP8sLU3kFr/NlZ0ixF6miVooTAX6JFvg2PLTdl6a54ERv2gYXYu9dSNHUwT3xpAHqUxxy/qzkGJdsmUbDrV+0pzqDUe4A81m8qZwdWt9e45L3TH+NsLa4UA8DE9aQmDW06FZtuolEWFD7wGFIu4ybgzGrrcAIpN/D9Lmg0sOXHIUrFYwclE+8DNmwzo32SFzV49jFTnHmh90a9Qa/9OtzLngbTNo5uaotHyRw655RDL6kVc+S5OQAxAsovMa1F8I99VvBFxia3gqmQDgqrwMHm//gXMy3qLDjbJamcU6ai19CX3lKNPAggf0TRJJ8IU4n98e58McYrs4Df8Enj/dk2MQ7KbXA6+3pcw5Cjy/tEee5jB4pvE11bz6cTz0/nJy28JrXAkFCAKwJb67j+glT+2ITmHSEZx9YT23UBXYaLPqaR6zD8F9knCQe/aX/UuRj3Y8HY0iveWSIqZtvY6kAr3MDXQ5BWNbLuekS4DKV1yNB94GoMQn3PuewS19jcebo7f2Kuxll1RzKMxhN/7SF9GtCWodBTmvB3AOOfs8pzUmr+4QNkarTtTr+bSw94MLG59xWcvj9c5T18x+da8gapigftqgS4/QhD1uB5bj7YygCjBmAL8o5Nvct9tVCnd5CrPR67YbTg/wGr4tV/hJLsmnyQW2a4NQXjsQRYzW6HG13QCt4lsLVR5tfBMaIOSHY81iY5lu84yX5wrOp32960lqCcv4H+i/zf0sbGlO5eDYvbVqPyfeyyVOuJU8MgNnyd9BhTP2pLuDlP9So2rbc4llOuQ5ShhxMkCAgssbpHhh0OaUcA1i18Z7LHP7AHCijS+XVuoXwVoMzg6DcxfW42cKZq7juKztzY8z/NnzbpL02Pu+HRHL1GuVnIanPnwyriDwgnafw1x556reylTTrT3FiJkEdUoudsJLu9coPCcTqbESAWDozAez4Iww/BzBObqJWTDnTUMLkwavPE9gK049LNPddnryinmiqo4DpFy+HW6GIVyxs4puz4jIkisS9GabOm/YozxDpiUPdSke/BtAFhs41CSHKs4bGkUsS8KDrApUia6i8OXYsbM2Xn9Ugxx+eE907WgcjbrVl7OQ/rYkkj7wAoBZOPS5+3sBlDEHYHocg/qDLeHaXM69dj/jMx6SJg9TC13NrWJukXF2QXl/au/Yi0AYoIufFCOp4q6FJcKi1iYHPa5tnxCefSzKeei428bhHTk59uLwOQSYNxdj7L78yoOXgFqmuhTQPPJdoVZMcTg2fzhbc21lCIXlOXNslZDMeyfR8lp+LotwoJnMuuZJXtSZ5ygmflVVpYBCfOZbAMChtGDVoGqgrub02uI2WqEP3saYDu9yqBb3OSAVltFxHHPASTO44n9QbYymxfYewZ0vnaR1b6mtPuzPrQtd1Tr6iRCKdsQdZ6K5/JV5gJtQAVavyyhCG4uYbXBa9OBvGbrIVbKPHnTRciG/6Vrvf8GJxoRKzcTeHWC+98ZCTw4c5MG6cUg9fuUPHpjLeBYUtgcH4BBp4zfWLzDj10dmSvA1fimBYN6RrLQvpgdXWTbR6Y0+S3+M1pae6PubuOXEQJFsSZVxo5J+mu2mlg/WmqLSFbdJX8s0p9PDB9Cp4cz9Z0sOXhv7MUOwghHDfqwOUbv2Nm/4Plj1xFPNSfLlYg0DeixDgE0YQpz3aAwFn1l/aHSLb633UPwXzAPoXIa0hc9QNchK4/Kc6oMEYLio6er5I2Jk48Z+ySo4YaJqImQqXVJUSnO3LQKFuA3kWvRxozZYYaCosAhs3ZQXJ4apvEjwDAGWSfk8s+k2UMfDcbwR3M0Viu9/Sw2RjXQLaQ0zytRfhyNLXxeh1STh6ykacPOWwuJvMx0t633SNTP0c8zxarJuaL9a/SpId55j3aSN5WR46+WuhlMDmwrMWY55XxY9Cni3qNdwyT+ln3GA1Sc17VRxGWkyI/NqC+/jSHnp2xEp9qbe8YWhe8vWx/NFLg+c1BhoTsgwuElxomu41Gq54ttmzs6RSgONJ5KVWZCpaie75a59bHY6c1tTjX+ycDqFVV4zoN0d/bpV2/4GCCxboMlCvSdLJJXCnbPSupbH6S3Ldb/M9ro001GcqDP3ssTb3EQDH3lTqBrEcO+vs2XQ69En3FJNffde08bZ+mqAw0PD2oKl1XJ594ObZVtzlyjZd/Gv3OIc9dWF/NUz7gXq9sPf5g1B/PTxWq2wEsHp/0Pig7zwsUrQp/y95Ru1Levnila67i0XyLwN34DdLm8x52GRKe5ADrOMH2O0KMPF5QvRFWOvE2I2erU+glXqkHAPBt1O8HRfxDLNmfBmJP8DGkBeQ522gPrtMmGbWftzfxAMGU/1zkha1nC1SmteBsOgPa4ovNWpmylXSi6QmU6jVqC9Kq/saWRLKLMITIX2+f+HSl6EHxhgC7/hB3xmZU/9NN8Mfz45Py6ZcZ8DjS9oEa22cu+BOgw+EWrtDEcwd+uNapb4wfo8vJWHtbK2WZ/OQd9qTyrEIX4OKSUt1IW/46qV54HZXUm+3OyrRfQ/fwNsSBeUY5QbIfwoKmQJHWCZiPG2ss6+v1lJhLZFSoCc/HYUzoMedR24SDL4KGoFQARsvh/VgBGw5c7rnMb+IlQyB93gJZmzx9XpsDFO67mY+TypdB5ktPO8t0ywJzUWcvDeEl1s99hMx/j+M5cy+NCf/EKRL9WMwNcWH2LInEVcK/vV9zSP8kGCbtDJvcQOjcyoa5vzpvkXOvp4SaT1gLFGJM65hxRvPh8CqaY7cNw8koOJOcJzWRkDhAgOYu0VzXz1TD/PncyAI/iKy8JUveq53jsdchmVxPn6wtaY1HxSgBA88hhrWaTWPnDveR/oZcvniNk3H/GyriBTv9wY3MGIIC6oc+gWAxr/2mkZpyxE9fUqY+VGAIMhl4cv2YMRLtxfWcD38y3jMocLUZ/3b3oZfZ4s5sy5oskm8HDGnwGw6BoeptOn+9tJe4GvdlLrruV+UzZfzUFwaNo11I/nfsDs67AWsh4NWS+PGwZAPssFP1xNv4jzgBWedS7FXZHHlh4o4Ww+w53rDp8CSw31TAHHPEUPACB3wcm2HCTpoAERQLxPEvZLIvE+o8OnuXaZYz4JAL9z9LhAxeue6fZzsgfvuNoSZ2ocv+xxYlajyNO77yQzSVI5wCq/eKjmbH8EOU31IqPT/LmdLZUQzG+geOoaScMBQD6iBkF9LgdCp8QtGBE8P1Yn3+IyZCP+kTwv7osllGRZAS+TLdpLS2ixxrfnibAOrsX6g1yAY8gvb4XxUfSp44lMk9u6gwUM4rEFJ2SGZ9hRnQumnFFUjBH1dxAvfxKv8biRnxFsimGgjLvyEQisBIy71sqPecgEJGuacdJRjARpH5klHfmnrvGk/EVdMWtVHUPmPmAKnASB40ZEDwxqHeXYZl7CdE8GRG/jphfZcdLKhG2Tw0xwpjAsEqupxH/wYZ+cQ+DSGvTTdo0/3RxBO/7/iXgK1w0n/EKRLk8UALcfbPoqvPqDA+DNaEvxfyOUk5eMwtZGDzxkmvC6SpSZcIspOvRpKC45s/4p1+7fWUM7eJ284PkRWHTGylFWOfMJpLiAzhr1rNfhUMj3gbNLD4PTsrVwXZb4q55Cf2slivrhQsxcDzODr9afUz52XqFSfRLyAFwL/BgonacAHPtfBoL+aJ36/N6Q74fHL//8WoPfaD/URnzQWmrC+DmkXN40aQ0C8Rew/PLC6MDEvecksXPTL3zKCH5MYWt3jQ3yZ98Ad90/3VvR6x1qoQy3Ko37Bt8FQ5o1I7SGFMPEbdlMwc30gIaC/bgK1bJjw0nS3hpNamPzUzK+cLDL4XdLpwqrmGjvItN3dH7BLLAacSxdsxXhYNiEadNFhDOgEd19Lu6tgnROkL1sEPYh4aHujsn1TsgUvJ/rX4i7wJnkUDPxT7JLbrn9AuTWGs3wH/9DKCfs94V90XlUPEzq4KaetcIx8/hv0yq1NwcOonN8NckSMRK/zUzHiDKl8vYYwc0wYTGW71TU/CG3BvMenJIPvdW6Yk+bX+PwNVPN5PVqOA70zr7FIivpc5bPefwtm7tr30xdHAJTqrT4+ewI04lTfsA+1FgfMst8qJibheeCusQw4448odCs2LIJwCMle9h1cBEyjDUGtxlgCOq7GMKLV+Bqu18QIh/xWArETn+sWa6oXbxc1ydLqGvosAb/HSguFZLAwMNB6kfAplrYPFzieSToPAaoYfMMZOr3QIs0vTfVUviTTj4sH3EYI4xTo95N0Ufvy5TP16/vIMLeChP70g4mlrEok1tAD84DDuVnOfZPQ/UiM6Uxz5hL5uqQW/aYLGfdRC3F3amw54fr80g4wuD0Z/NEoG5d+v9B/Qe6rzYlO7JvO642iJV0MeE8Ft0+rKKarvMJiLJt4PyvGK600pON+13HbMbLFfzoTwr712xyMsMQe5mOU2VTBLUr9B90lf3In3yLb9E73zqYTe/evOC++hRtmSbQeW6VdOHBGW3yX67qKFP2GUczxf2Gf1qEkUUC2rRYFvPf7K7nLR0GvfxLFvC2vy8ue6q5fdngNIhx6pVcPmNsH2u7u81oRw1+JBwHtMFEugJ86YNuDq6jwayBduBoeEoTFRXD4pjbGez0gDjkmPfnwcNIHk3xVDDY+neqFqQ8aOXqfdYBHrg6BC6UNKMIeglwtnQz1FgTH3QipdT2uja+Z2yJlj4eMmkp/gBNalC2xlP6sf5Tz4NeFcI6X1Pgn2LZR0DCwzCbnmR5t8QlaBhcNrq5NWDjLX5thqeArgPlhnvyIecKwmatTgj+lBP2tTedquydN5DHPIcgcUyLT/fRFReukRTA+zK1uq4fUqEFUSTWJfWgae3D3dH2NCykHCpBdwcvF2lTggAGP7sAIBomCRs3up3xf/8AATxxiNs/yu2Zit7wQgDNJzg1vFUUeHXZJp2KsRQPBciJy51BR9ojx/ETwCQcwsWS1C4RFRihsDlvCkY9zlevXX0SUxaXlc+n6khNO9wvrTtYgkArSHvZEwJlPpuj48FPtysW1tPPg33iZjhehrUcNaM7FuNUAF9pJ5orOV3JMr2torGfB+FxBfap1SHP6wYS0nYI8tZYegG111mRDZONIWL3rwNcav/9Y0qKVcRMMRidzd82Bt9R+y32yuH5ATrpwZ1G9tk/iJ9Awp2WdrRYzS0101OR2Af7A8DxuL1IeCBtDNNWxrJGCF2Q7eH6sXVbwT71yqP9EGkCawBBaXA+44xyCU+8AD/wlz9OgaRzzPmlEzNf/dPZfJK5wq+eJ88s2neaFdNXiuTj9bZrChIEfaOKXU/zbC5NoYMbnbiUJA4LgRivta8hnMz6TNr/i1iu9eoTcNuhtWu7bebT+3xLUg4vQLF60Nlw+BMeCnJAzddeSS0lwwn5t0wfdH+iM9WQtrDuLX3A2ITPJqs2daoHPCWHXMAyE+19nVrx0szZ1iqM/Ye4kCfLatI5Mfqn6i7ryiKJe/qnXl75jPRMpfZrPBFn2AICpGAloXifclAA+8TPOOeDS/Bmu7hSG/9d1KK0yKk0ZR83giMayj8CSug0n3t5b0H1pi8KhBpHz9UHZtJatxMD3r2EREt5SNtQ+JCcuJV3GjdUZO9WPOGLEaW1VTMqQq9gtTYv1Jh4Q1d9gy1BSX7Ai6jd7y79BomD00KIu/sZJW4eaIzBfkgZG6xaUpXW66gJIX3bq5VJ/+wXBnHTVCV82adY+hJ9wXFBL/IGmc1mfiF1I4+wXGLQ8ngPX9jD9FpSpvmM13nKA4E3jBeiAtPPm4DM47Kf9k+Sgwkmz5gSd0moPuUjA4myfhCFyilkRgBCac2HuVgD2E7h2dC+VqIH/ratpuin97vMx7QkYAZWCMAanNSYd4DD8/ljw/uwYJsN9RA7kOrVTkAUmKevASPeH5FCbaqr9rOBlqH7hKhw56v5VPuXKuuBWCDy4oQNfQm7bnQAPDb9lxzkblmtDY3mJM12Y1WLAUBaiehA3CgvlXoSfmKyhdERwRwC1ntJSXzCIwdmaXAozZ2K4F3DE5MofBO5jORKMscTS9dg1bM1Z/uzR9VSuy3UPQPE9CPutrhSvcwfBaMzryR90HHaxH64ARztxRr+cyX2aE55H/bfsV8bfrkr5xuq4Gj+s16RZvCnYfLll5QX3j9sHMvLxfekD9q2OXjvxeebeuP9o/Lw/8Rv2CC5ztYGZSz3lT6PGhtJNZi6afKAEYYn/yaL0J/UXDRSK+Y470ysdxtNED7DlS6ljoGE6Mpe/wgznUKOwkFPYffD7WJjF6SABcu3YfVlHaJxaFOA1uO0UpD7FHNft5cvCm8BhLm+0npP4uGi5ehzjN03FnzSkqw84jU/9F82/OusqVolOhcDvmNxcuCTxRF1iuWesOwT4RRC+dr/D9XWdFv0c6GgsP8FtOZ7WbouJq/ojz3JWkffnxchio/Plvb3PVnGipvprXqJ4nfK1vuaIfWixcYiECQSXX8izd3zVBWfEsY/bWiFmwKoF/miZhhByoXOFrjMTA4xVQ4YuooDqK3g2CI0Lz6N4nrNRAVFdCHGcPcZqNW/Tqhh8ypXOcN1iq5mI7Ow86gc2lWtFcqT6PMTfdkOHSaOfakkC+YqrdzHY3U9SAyEfzqZ6hHMdWH+eW7jVCFeNcqKPH/7oHLpb9rK24Gc9m5TqjsAWSzFCTnxgnBg4P8/LvgzzYwpwUselFt2IswQCyRL1hoHs8bC5RuLetBVn/mlNl7U0rNYULq8bJeAPthm9x2LItvh73YnRUcnhsau/qQBRtCEhn0OHGDl2qdp0TqVrmDIjF/How2DqEjjPX3xJG2Up3/3gcJzOiiEpBtl4/mLMWuRE38+fcbCGOKv+DER404CO1gV2NMl0bOf38cW+rn7uiDuJWj4wCcvaL6WXaxB0T3Qk88Kp3Anw2rgg0IhYny/WxV/aRwxIpi9M1ypYGHWush51VVeKSEtx9Yu/hDP6oC8++wEHKcV8TvAtOS/UfG31gOetcrhzsN/yue5XzSENXW+5TrzF3+YdseuvxBcosnjR8PexsNMDmvovM10+nCDWHxBK0Pu+Ah95OLCVAw+RH5rP3e1HifwEKXzWPa1XYZogJZLXQjU8cQsQBiXioi3ZOOHAQ/gfa6G35TiIdxz3qWF1VqZY7WnjcCjxP5nbwxmhbJ47l1a6qZTu4299QJhI4ZvcXaOPwfF6ehzjL7qjhhNHQGZTzPHI28aJPnfSSQT58IWOzgNC05mAzzHLpJtuyvMY1ZZPz5QKivHSCx9amnqllkMSFZDjn++REmn4j0TpX71p81RZT+VQR2KtTLmpg0uugfZIPWjan2WvInFxm7aG4nGceNXL/LxcaGpFEBzmjn77DSBBUr97uaV9R1LbAWlDG2bn0GcBM0tW9emwQINrgx4oOmC0xuDlE74hriH2IveblBgva2mkqT6EK1VOUHz5NW/y5TTd0RQuevIkArDOD2rFfYQ+3HgWOMx1+X+omILQRwK0KS63MMDDN2ERC/8UugoMYmLCKhz00IoHQ06YFQiM+c19400fmmjECYy4fIxel9EXzmWeoaE1Jh6aMIammr3eAXa5puQJxtHEdnsaTiU5D9R6KdTjLI9NKr90SohkNk/mUwwSETvVIBh/GGp/M0j+pKO7RaCXAKStZjWUbzCkjZ58THpaAAAKdAkt+S5X7XcO926oizWEn3oxaGkWDe5vapCXUXJhZ8xJR73ASgPnrnByushk/5KrxJvQ11yNpqFkde7p/0NNaWEhJgnF1SOX29Paq87/SD+s/zGPJpQcvqeE73iPA3dqqTFBypeYRUL31eI8DCZ+Qpc1N7qmCFfVETb9s17+N+wIWnEuBLFlvAwQzRYap5Ag6vWw95yKjX0I60WnuABazSMPzq9FpcAEn3xLvl6Hj/vCp9ioCWw2SBwPp0BT34TbkAwvb1sfq2GSH31PcxoJt3PZz9tNC7H6QuBFT5Nq3EvAnF/m9WXBE8MSvCZLNZrSDo7K95Log0PBUSTjTkwcaIOb0TfJlNhTO1G1nZJAREUk7wnKnL+sX8qTh7UEV2tK531W6tyoZsR9LolXpzKa3BXGF7HXiUip9Vmnp16kIoDY8qW5Sfw0TL3OYY5w+r/s3DEYC9djdY8CgD9DW9x9zWxhpVX3tWv5frk/7KW2TFa+4JVtvMoFfnIq/JALGMGX/SpyAjLIl5ysARDnsC4rzsxbDYRMyC4uOby0Wtz1KWJ4iY7ri2B//jQx5F1cdp8pVuuaRWan1GO/aAIhh8iWxwX4uZ81g8J9TK4khMdL+9O9VGvSiRKwXudlgWKgeoVdAOkEJvyCThDOXwBpRa+1pcvii0bqi0YYLukHlj4Bopdv0bF4UukpWyIiaey8jNXaWqySwhdc6g5a9AujeIypaWNAnhqOEJo9bi6HrtDqc+jjhFTaIS45ff8kZNJ2rYgDR13YGMQfnVfGGEx1OL62mDD/O1u/h6CVOaSNMNbU03xNIRzOp/ZaJSrVoqtaopcJDXGkJy7GzmfNAj30Cy4GHLtQ53rCjC0a8CWGz/XOV47uNx5DQ56i5PcCrcuWv2vFeMSU4Lp25i7T+cpbwS9GzGdcj859w2FdvKkw9IeGetmGNe1yfaG2uLQe+s+coR6dHchrag+prlDojJ83iK454r9hh2ouVl+zZbwMrjw/X6ERBfCn5idyf9pit1B0tOXDrHbxir1euy70PpzcPu0aT/kr+FwNYdoI7xtNKar0ri9u452G0jvF6VeOXPNHrAVFM9ejuezlhMxiqStx9RP+zSfuaV61yG9CFp84p0Ue/CrJFOus09cBGqMf5qHwovenAxfTORtylrxqcp6Cw9wV+tr7ean/3KTp4ss9Gr5Q1BeLqeapxuBBbtpSPR+hPa07/dOl1QeIlsnh28N6qtkJEkq9HprGyssP3Qd94U4ak3+UcyFfh1zg2p8uCDFwh+aSCtMn/AQIoMLieL09Jgx6leJ4j/tm+rpKUzyWxcvF7vFFsw2K2/wYSge2csFG8/sFY33JdtJpD6pUidqNUTHLMWkjpzev1f18YYkga7E8juFN6Wcoixg1w6mXoNLAPJAjOk6pEctfhNt4ihHVtIppRIdoSYnTwAElsBrcz8CJUvsIh/PD1t4L28LLf/PJc4tUAQau9iNlocH9pREDNBe8PMuVOovHBkNQcto3QeiPC89GSKg2U7se2H42Iqhhf5bL73xgmA95EMhFo8+Ay9iEEn4hMaCIEWWmX3OBm6649HmT8qSVmuBX/jZZ5smcgC/7nH5xF53UJicuxLRaFu2ISXvRwcB/cGsaWL6l3Igtn9lIHm3Ru1x1XWpIrIL+LC5fGijjU8t6UQMaeRrEeKrtq4+CedF/Cov1GGvLOgCf9FOGQT9b5TfD16W0TvrmL4nwQQON38GWTbz8/TrJOKbvI2OZAzZvtTcRFwT2n2h2j3+WU+5f6m3iSiupFs6/Eh8LZGu02I1wHrrAGVWJ6iF1qIwSqt71Jp/H0/ZymCJ47iuK68UBrJf4E76IZozCFg9zgWhDn+ZudC/R3E10ifz9YCn4IBeYL7DOJudEPPm7yJ+OJ33sw3GRD4mk83EPDyqrW5qr9x4pF3ATVnExgOk+xZ76Sbv7pOt+t0OfHxDN95S2x/Awn9rk55fK3EO9uDuuXiogKN2hNkg8fg6JI42pwBcfJCa6pKe9Bb7iT/oCDQmU1z+4JynhGDvdF7ZIxCvvJOg+6Rnfw7RV+0dN1Vt1iL8JXw6XLU7HhobjEB5lDVTrmkCFMKSNSwyk43E65UCyhzbBUvrIqnshk/MLV5DgVz1Opp4n0r4B1PZO2tDhGrjQi80UqEG5hhuQtURO/hbR9Fh7BNUjRJm46PuFwWlSqzuTN60DoMWheJIP4MImzDvEFD/QHb7bIFkNNOPibuomRvsCIdEQxxKjJxYxaOQAOPnDvHkeAECCAFmrnBl3LcAoc+KG/60OFFdnRXlxHv18yv+h13GrksLgeQoufF5/YUxXPuFYv5yJKx2B4IeduIrfriuvYUB5a7w/7N7U304Rz/PAx/SRw9ezY8Ttvd9zKBZnSIuFsquln+s8zIc1FDiMt3pMQzWUhsW2zWs5tPZyW/ly7b3r79HL4xi3X/BYH/0XawX9wi9w7iM41jgv09G9zvs0gg3+uGwme+FO95zlc85f2aHJ/8XlD9p9bj3/W7zjv4z7OdJYvWv0qQCDttV1A+OFPVACAuw2xlubAFuGZAGrZB0jHfVbotvBw4Xh6YDc0OvBoXHm/JDiWofU50s7NKx+vQRQ+lBHn6LKWPLnekz/7fiCC/JJT7r/R/osstf6tZZHngc1efd9TfIr7m9y/A33n65zqmXy/Ule7UdyP30xz7P+NV3d518JwsX9uNyfOWd9+QOsa/NLyqG+fnvbdyBlvJ8Nt+c/Y+W68wvRKcO0x/C1PQNdbn1wj5JYTwsMMtez2BYG6+tf/Iy+min8v/tvX1bUNUJiLwTDGFc9ZTQYMBabpF12rB2A1HAstJ6kl/oysZ89rNGiZ2LTl/2UYOe8oumwxl4gXn4nDjbvF3BRT3B976Sx6Cl5BPX5yP92Fxp5DvoZlc6QfnNpjViHaQqol3WVoYmKJxx6YuLC/LgUyVG/2XVGfppU5BjwXg7DPl/YaHZvXY71Cg1Ju57bXEuBkl688C/7VYEUTiHQYTIcF8rhokCY3ni+Cbq8KcOB3LxHNEgy9cNWn+6rSxHFcshYk1lovqwVAMEFFHC/xbnvwqjH3mif0ieKem4fBl03xnIjxrUIR88jHWD83lQJ6ksLDrzxFVGIteeaeE1Ggbu30m+cjtN4xHtNCRj3JkV4TxtHmiphqlP5l15E6Ub/xG3wZe8Yw8Xaho/Y5lPRzovJT3XgIxHnZosNGpLb8rUad7E8c5mE8LD9jG2aSob+oRaHdY2PtEviBJZfvSf8J2zptnv7j6ShhRYLwTUOUy767aK4uXbzIl//WzdETyR/qI8J5TwKZG7Fhd9LWj3Cw+v2iqqR10ln5unULX0C2MWl4+Gg78MmOrfnKTpAHjSSu2ti/zcYWaOVyqr6eCt1+tJRC7Gh13VR+JdFQUHAvxYm8f+f9P9T83lZ616Glvu4igGoL7oNxA/l5nsdPp2dIcaXkpxTn1rl74HQGVxLaXWsXxdgoa2Dr1zhelHwq2WMrvTTJa5w2cu9fHHu65c6WAwzVyVxckFOe72QUFgIsgZerjEwGsJeGgLWClfGHSxoxnJpCrB9TmRkkNoKKu3kdG0lWdYVTiNWHpHDUeH09Rf3iitBSkqCbuxF7ANfpnM/EFc+9cTqAhx48cdf2j2feJXLg/iGiaZzcI3qKmhxK7Iaiuue5JdHaeZcNDdhmVOxkOtnr3LLUB8CMEvHStn8DcQcyHXgS2qJY4AmLYz1J02GMV9hw6wfaIkHEBrGgetuxtoFcvVF3AhKY677B2HuvFItuajZ8vRh5WwB5aU7BuMP1cL/tM7UAJfGtWSt5Ja1DZPXvNtQMOSBPda6scKRxOX4RoF8Jghf4nJcvdzyal68LyLIMS4dKAJCEdfawM37WsUkDsPlf4WVmg+yF5MFQPQaLrlUV/TUvyD7VThEpBcmJBUyN1BsXhvXI7zcmwD7fKVJPVwkfMncQyVLv7oGl5v9FJt8NZGF/TBotWyfH0Yd8yHeNIoSBO5TOS5jOY/hgi4aZNCOea5wfdYIL/fPPeoL0qZzmo+AKvgpoWNki//E0+fiE0axU51DvJeAsXy+f/Adysx/dE7i1lOo1K6AbhSMSrBhTGI3g/QJnqA37BLPgnAQ2dS3Kg7uY10nfJPdhuDVGik6Oj+uiTSGfsszYJ5c2xw3x85+hdiXKbLbh8au+BceL8btv5B8on5N8bf7cjyUT8V9if1BYac5w7/InYBZlz9DHkv9J86LfXNgWUuhrW4UkzlPUxDdS+vH/DinJsphXKgp4RMZYGBMo8wyVrLc/DIz6CNOyTCG8C0moTX9HYdlC8IviGt0/UKFWCbks1r68t3hW0UFChsRmHSXccNh0R0XnTdg4bsmDWNvjKdbKWvNy3HnFt5CJfr6pUvkYmR9GA+xLUesecFk5Au0/o0HuZfeDiw19eUEemEvX36zNvGt1HUZA0CtBKKrF5wIOL/Pw8duVy47W+WToVjOiV9MLZmZV33gpRNd5SvjCtdwAV1J5VJ/eT9cVWtCx1ojsdaf+rgoURX1IVdCQBG9s+BXk7S+xPOeSbJrSIv3bQSWHyxJUGIS733i2KWgKBzmIENz/YEhP7SxXrKVihLpxN9ktCN/bXoniDj0gELveD+ftJQ/eqwT/lAj/eiWvcb5WApt8wI/IGi6txb+FZqvnMAaQjq48ac31mbOPr4W5AIs59jy0G8aMGuKiev/ZwflYW9aklFcY9RRWCWo4GxsGgMMGDSUsDTki+DmX0BZk/mWNTL/ZNYaqYgJ9KvvoMUz0OYDqObn9inlEQORCCKOpv4afbymxoiOmOpkvCVYYi4AXOd6HMSvWs57s0NXZ8flh3TrvFbd+zfs8OdcLsgyWFnEetY9TA+KQSNUg8u1XPkBIQ9OUW/2IFvSJhYL4a0NPVT2tFAVTOOLTuf4eOTDaWsxYlzkgy0Nk/3AahCJNPc0/AF60ac9nYR/8f1cxCXeaac1m3Dd90u5P2P/k8mgfZq4Ffq1BD2IjHqZuj898FXUOX9jowY9P1puDfXFpz+oK22ulfDwa/n4j8bkQGnquDtBYuHjbzdyTAguqSFdwatPrf6sq/jBoLTpO0zulPbQJ7tqdYGYvHS17v58r7VGhhJY07ncAsHAgpWnjEEnYvyy7KGm4yFJoV+aAuGc6EudSeR9MQUi7voFSafWq/zCDySuJ4AW0xkpfhmBq8PZ9gl+7F0c4mWPwj01pZM0c3odAiRZLxlwi4NQHyNIX+OnTE3TNWpOugEFNn3JLTzhnoKKAdvICDWXFMd5VfGF2g2lW3ThVDIEFBR4l6FHYfZx0R4IrhcJxCmJi0iZh2c43UpLfuDIs/Mkf9VHx8sFOiFc2hS9ODL/P+a+RUtyHMd1zpz9/z/e2UtQBA1SlOzMqt69Ol0hPgCQkmVnRGZWNedJiWvQnOMhCAN/bHibUaQfk74E4BXD+r4XoUddYL8Malyxn0C5pLVp7MeEuYd9T7qfPRiBzwqQnR96IuvxY2vQQG0lmM9zk7V+aLgcewI39L1WaLFkxnDRposZeE6A+PXFginCJOaIpa7mBs5XnMuc+mu6m2bLa0sbVpNvtuqGUOpZbryO5Lzsd+q89XDLs9YNg9yEm2LAHhrDGUbKh6ztACfyfUYfGKd+VjZfL/XiH50zaDZKm0VSJgwFEmuxCe5QJKak6PpGDRi8eTgN/9W/qZcTocVJRVnaCpliyOv9dmlPpaot6+TNgFp4qH4a2gAJbESa/iLncOGISeV5Zr05+0SnXp/sz63PDVbpG4057hf9qjCfkY7pPrSo23NX/9TElTQksf+na6U1WpOaGlRrKMCYisxfuvZ6X/Q3BacHb23QvNs+WNrf0Ez9ciO2xdXzwHVPEtPDhf8yLPrMyxM1WBI56sL+k+Gaod81I/wr+ZHrxUKOvzKNorFQ/MRLexivqXRDOeVI+jkCYzML6W9KQyB1YFC8mhlOLAsG3s8LYuLD3fCAGMbjUxIkG2wjIU2XgMwv2uIySJHIIcxQ2WPiAwcMfyIfoXU/kKw4AmR2PnwtaG7GQyflpL6YomjcU8JuMKZSX5ntBmRNfhMCXMZoU89lIpnXV7Vhk8y4kREqGsz1mcCuIThft+RJSX0EtqAIvJh+FlMswPBNU/e8nxeeYZTGszQl7J72mEi5yR4jfpoURttnOkakibmM6Bux0jtBQshjITHCyiyayQkAHl+e5uIxd1ARWwTnWF3/pqE7z/6hHcr5mUMAf/KLgtkfR9+D1CM/atPFrPXpM8++ehy+5xSg2mK7fi+iBSzXf8rONOekaz0kkbDRwyu6Xrc90ORHO+sL/qprDTkn+ksa9wXX1s7NpEssjtUvjgDp45w9DRvGVvUbeok3tVuvKPaWZ0M33C1H/te5LJH7Hn1Cw/d2KmjY8uyLgkUvYrdpkk68igF4G9J7wJ4P7OS5xlSxiaebBhWeOR8ixMQp7JuSuDjIp9NKGX9QprPqFZeObs7TVrEILcGTo+B9M0+s+lwPDUphzvVPCm9fFMAJjGvaHmN/qY+0boPGASo+wLfx9hSZev1RgVvxn+V+Wvan+K/dQFf3/8r7G030a9D9l2v4oxYauKwVdXrt6+Kf5Ol+YLx8wNAesNE/rRs9UuZ4rcrinl5h8QMhuAmjYIVuHreoXxbEe2wjtwC1NFw0rKfcQwOx17dWj3siGloTNjWdi7r48A7HGtIc+ulfD8DvA5yxD1u0fyD7uGFdh730evA7NjFIaD3zXQdrSdBjHHUeiFuuYVbRYBDrRK5c0HOPpEFL7WlRrusd2Eusa7ouBUe8zlrM4gVPx2bXZt44fv+YX9aturRxdqw/4ijJNAoiloPA2LuMDwahTG3aTNjMGjy3fk+ZAH1CRw0UCgHnEcwZ15fXOqCA87K7ZvB9I2iT/zL3D+2uJ4v3nhC0Px5mLur4tQtbn+8MobxTECAXwcNwWGCLBh3ToEmJlIXRkulajtcDseSY7UecQE2wQJ8N6xzGyYkaZU8UY7xem/vrH47YQ3AcC22SaCOvduB9YpwcCzbZRTUc90Pp1BW6p7uPoOqibA5LTHtAvNbFPubFiN51b6e6WScMxWQNguL+oeuzEiKBmig/XYeA5DTQF5nFE/nsUd+PUUN4bsZ+wOaelH2O/Cetrn3wVctt6UEpitP49f3WoAWdaSgU9l8fWoDix0UR8PfnPyr5P//a/5X4rcVhhzOUxjqo3GgJu1z6frdaKL76eBwxGIjxq5KZHMllgHj6fVYCbTbWsT/xTYvtOy38/F8NHLScgz6ihzRhcGh/pQgBP5iN36XVh1L3U/2YMAR6/NrbTSeLzcZIHYMzX6Nf2yVnOH5M1QP+RKuFPUKvnCPrD++KrN4v15ciP1loYMtvr5zq67lksRM28ly+u9zQj/35mxnWmWb2brmpNd/7Uy3G2RP0GZNaZXljEQGbmRAjsn9+AKnI2SPfWymb97SnLavK0P5Kiw4xqRE5TBgCXYHhlVhNsW/EmNcYscy5D0caggtOeXPjAUdvL8SXRCzM65h2/0CbWAcsjzq8XokZDGI9pRrWZ37jiD0EeNwHy+lPMIZSGcqaUo9J/80yOHlB4xqKn3tssNQKG1SMqceVsVdcI9XLRNVjWGusC8rMwsMr9Yzg19zi/gEy4KqjdqTXhL54hkpiOYVXnApGahreZ/CuGCMXeXMUz/UmhoGpaI/FGpNr+e2SoJ5p5geOrq/NUF8FGeMsOZo+4wUD+mH7b8mY/VbSP6gZSK+x6rguX7zYcrQka2oxgZa+KMW54BjkzPV0EBeFOP5gEEvbg+uFzxC/FobnnFyDeQl/UWLwbWJJGF4yAtw/YRVzkkwtQzLfZxVhTmNvNjgYvb9cO5oIUMacgJc2omH/twbIMYiuozFGd7s/AnVaH/U9L/2O4qfgwMOexDJ2VsMrjv04KXBY09f/1ZtrNf2iKX2VuNUAt8e0D7c7rtU6aXhfFLjMJ/6RYvXzm4+tyKb1sdetljyHkRv3iInWw6bFQOvlRC9reArXv8NOTZ+/NiAkUjhLqpjlTcfhjQEIbzoUfcUR8Cyc1G0mNBMIbMHMrvcOyN+0I0cZfUPvscsbkFvtp4uz5fraG5s4U1ZGOW9Y5kVbTGZ/Pv9S5LadtybyoX+qe4pDFPvFPGcWM7+HmPqjmaIv18q/sKI9xZHLBpjTuNqBK3trnPH2LSAWuM/aW14HUlQPPVldv4dsZtuEvs6q9Qo+AOJBjiy3yPugc6BNYVJyHbE+xX5umWIgNx1qTNdLaVoXdvbVEp0DXI+RUjQIiob8p+PgCojnlXydQRfok4qFHfMP0i1vg70wp8I9Rwxm4CzPnvODe+T0m2E3Sc2BqgPlSz7OHGr6/mD/5GIWvMTxBarkoghiGKyxYcAzndu1WArrtfAhygIBctde8psWZiMG33OC854Qj4T7kfcJgcgplxDEkiOOmIRSZvOTr1qBYk22se2RJYhJ4RdD652gvOS5DjP8PIDA4IfC+UY3CpGaddG/Bb0nTSIg+ppKboUsvJ0j/c0IF37RYTr3ZQtoxYMtdXuv3Etndm31YZPMOMv1/Yhm8x4lzmatRzlJVzMAXs5e8p5p9SrJvC5seF5HT2E/DFaeV6AZDmfYc1HD7a3AE0Aeo599auk13v7hv0XdXk8f2qdeWF9FsMdo35+LBvDeZA8Uq/akr3nYHXPyET+N5Nh1WB8cBmTsP/cPv5i2fWi3WGp1CfIVo00diUvIoaaR56Hrq89al/XkeVCe2tTQ2MHWe6hABo2XZT779waMQijxdWxY9hcJ7AkayG+2fhX+F37C/sPhFxScNJZAc/dga9oBuAI6cOFtjFpIAN+SxS0OCG0wHxvXskuaGCTVbuBTapIG9hRP2ZNgAv7AYAM6T3JTkxOux6L3P12CH4c/Fem93fyhVj+SNzpycWT9rJy4fJ4ldhL9uvdDz5OcxvwBoYHJvuie1oX7A7myLlsHP7D0NwZj2bZu1nJdOtob8PCDt6UQsIb6G4mp9q9j26KHRwV7f1q9luM6fFmyviuJSZLpcx50vC2L6z98R/g/NWt7ebnZmzXED+2s7+cn9q9dbodQL7VIjNnzlnw7A2wh6RTOwDI2HPPRQKGhrlx73gtOMWC++bZA4VHTZq6r5OGwHmrAZ524AQuecOYM63SKWx6jc1Y0sMZh/7qX0grhPpc46zAYhWLiUp4P5cRLTwxRohSz5PEDfQGGYIiNWlPNAILWe6Y8tZhH3Mu0QHMXSINRI1pc8rhu2H9qrmj6STdD7aIRnJw02YWRYywFW9EUMqjhcSZIeYwHlDI4e7Ye/qDG22AvIeAfLFOsahDq0RBNKJL4E3EyMx+pohEga+tf5TckVYM2tVWQRQ6z3yssaLyUgA3H/vCDtNsIsR40yYVtI895cHWtva3uZ3Ho2B88mzYMczHb5AM4jNbOElipUStSi0iRDM71me4f2hkvc2j2vvq6+L7Hz6kl9dlb9MzhefY4hIe+O+cN2/sZ+S9BPAY2neivx7sP6TxnUmfEWd73M5KYfFhQz+bGlb3yr+O4qX46ROOn1B/how7XwPmLxk+w+w1jFVD7h2OoaR/Y/2Cz/IaA6pdB3NBF0uNhkj6NeNNBlzMl4asNvy+L++Xl7cVnAG10rgb0/BFHrcW2VwkQk7kwMh5G+sgXpzP/gi/9bbU091bq0Och/KaWed/jPxVJtcH4B7X1fAyVPUQM5xF36lGvzwkzCq5gv3XQQ491+rXPDjafeNeVHssXQeHxC2mGTIAaHgsNxKDJOfG6JxmU28gI/KDBtH7R2e4Bgn4yl4bvRCzn0PJG5PZ5v28kgjcVCRyK5z/2ww0WipqFznpDXwWnAs0uODpxvQbZvFRTacZQYuNakueMOb7x1ZbYgsYmu+BYmLMQvIYVzPPGcxI3XeaF002VZe/9C1q5t1iDQqwVvmtYzH/KWRZCwj5nD6YNfvqmg7WdZIg79U3ihmNAWjnWoHjM5ae3wd+4EnBTfCnJ9lbIML7PJ02Ld5npDfJRXxODFtNaAzaGL10TK7z1E+FnUo7YacKQwThnPQw8g06xhvLM8/o0HbhIpRYDOtM2EHF9BgTD43jBYE36K5qvDDuMDnnwySeDPnPKIWaYcw9abpOzgGJZptGKezxbEGd/KsSYqPBDlcI8bRqpr82GNEPEot6mEXV4LsL1CY8ofGDmmk/c5KAgQD8cqBOPv2ROa57ql75/UZ/tlr3KLpaRddGkNUufs6NY22b/Om1Bz1OYYMxtJI454+R1JdZy+lyT8HMbRA+Q4b708uT5HJsuZZ/LF1oF/6dOFMLkfQ01Mnep5ZgbMK7TRWKluDmvwAbQvtVusHD/K7/4zvkVxXo43GaAM5O/nF9lcBdiCJAmZ8016EMNMDk+c6MZNDTLOTFekPb9tBeBKuTdDuKv+e8VdgTXh4zaO/JHCzuu4ZiYCs57PSN/GP1hHz9U/9+D/+E6eJb1ucPY/94i1kN/q2eNZC+HdeI77rjhgMufCgP7dpad8FTEFx2ONA81iftrs9XJUll8qTc3SzreXsafCqRYwn9l+N7bS3yt3TWiDqbsE04J7LQtkuSVCVl3/A0c8tYH4w3+kCyBNx/rQVz3htwFjlcLYv8yR+EMFOlC/SMHa7FN5ZtT1/LNNgubbfW9BeuHLZ3qAZcYGNI730htXNaKhPcC22pPH27JL7UYtNnf8LEJuU6K7+dUc7kA6Z3yxHFmnPMpzrzPfV2xTzfutndcnwl2HnwMbr9APT7hE0OyI9eL44c4snmt4OCstGuJMIZrZJEV4yult7STFirNNMjeZ4fYi+8Z0hBGEFMUwVl3nAc9tV7YBNYR14lZpugnH4FIeiy0EYY/DibAM9snxGBY7Qg7FTaHb68FsNXXoSQBlntc4kfTeuI+xpYkVJeQwWZwSRouMejbH+8rFuV5X+hiEc85tWyN+uFO75ENmyTfbl4uiTaT+4cZYjExvCLxOgSn+lPspJsf2k0b8luJENM1l0NTGlzOVL/rbhgD6B5rvxt2qFlCg1bJ05lwh2IljMUggClsTNtQ/csza+NpQGtZfKyjeLFLzxL/kflXRP6BvmVfbD3z32GPa1SeYh6Tm/4nm8G98ItuxNrDT5QWlv1xviq8gSJ/XZo1zAPE+U126+lEOMUpwIL0//Z8q99yzf2jTny/fyMo+zHSx+DQasOJ7ACO0CfQmf7jDDbp9Z3EN9Xr+f4m8Yqa2uU9r+R/T82c9hbXKXKpf8JqEdhJqAn/ojz1UGF3j+fnSy/AEM851Jvr0ZQ0A1/cMTK23J+9QmMSiDi3wn89dFKemmRMdIfQUjsm1rb4m0vqGJZvDkBm2IWoE7O/8SmAVU5fff8Ck1AY1Aow3MyrgNikvOIM4CUwk0Qdbnb4/kbyTZBczC78BPws9xpPellWkxD/1WTIMNCxk281+5tMhyEOLfsz7TNLIJ8NwG4jNSzu2JaHS8yQWqH+RtGbespmD1Kg7B2bhZph6OrZZIw9iNTW31u/5RmkQnGt8h9PjHWpHm3O7KfPW17rKBhADORph0mKa9mL35uAdqz5Hgo+eamHAM6+rMe8+Xp7MWRjuDCdOneo10OfQoVJHzNayP6QvA3WtpntK5wfBDVWbOFrE379DYh+Si/mbLEiaHkD9P1P7cDm+cJibfQ+bzVKjv1Dw/5krxEvMRSK4fWRlJGuaEp6mQbyfQbmhDvFRWzsCzwbY04S2aejn5fOC7kH8APLteJeUFqv4T+kiGDm2vozDsNG+stdr2w2MI4zW59vhOf5QoC1DCvUsYbmqZUzdTIwGB8w0z2YSgO/rAXAwKBXmBhpw5gKDNfJiX/hJWt/0/q3NwuS/nFu3Oiw/e8eYSEYAF6G6tAGnA96tyc+wYdZw5sGkr8YWBL/bHRczfjD2mWTGPw6R4HSanG2Dv65gPasVdgP85ajyZTCf2P7flP0NwLGxU2IPz8erDtwh9AuT/6eee7+KffTGOvEwyUvwk91/g/wfEywdPHNGT+sEzzNfKpGzs+P2dT1/6f57eKR0LTxBuZGa/Cz+1WkreMsKPccz4GB3bQXnv2cmRvmW40pxz31HGtjvg3iBHOkHBIuYS95TwvOc6bN9XoZBjXOmHCzpciV1A+uR+qEUXTKpgky4vp1T7KPaTj/X95Fj3mvSxExF6/1jhr88wjPFrVOfTG/sVGjBxGwPx4Pm77HAu+piS96xFNGUksf+3naa4KjBvdC73Hq5hkLzrgPbMYwbooPGl3OIZVx9TuGOcyZS+PJ+nuux3Wrw7CWty0Bp/Mo2+N9b4BTjGtFQOOph/2P56rm3cYL/qDheG/JEPmYHVuMyJr2aTiHYikgaHkviyha6LDrPkrtEdf0pbKbpVZo4YOSn9PeS4ALpwtinxuguQ8DDUfTHQO/x0hk3GdZP/M+R/ykM95bFBCAQUoEAABAAElEQVQuQ6rpjVFYZ4JPfMt7z8TJzH5AJUal3bYX5pwadUQmzeReMAAXPQR+gPdLN+EZi7nXYG8ox+EY8hjETHAXIQac+KPQYls+fbsf0Hf61PkHZ9TaRgTHnIE1Dpt/vPm4Z1RT8RqHzS3q8T/1vSbE1xi6igw/pOcXjlzNAtDtc9Dr9BQ8k4PhDYpNfe5u+rXC7l2AWPW4cu569JsSachF3SueI8HHlKM4Gd0MPJiDfpw30ilAIebpc0YcdkxhrsAfvuKD1euHqw81Sk9w+p+uofmea/4nKM+ygmGPB6oVgAvsaVDzlj/l/iR+vCF+J0o5bon79kL/d6rCin3y82Rh17dYni/uI2dQe3H49oUl32DCtpD/UZux22wkf/NlZ0Nno4ioez9+8X7Y2MRG7jBKqjhCYDzmvk1EIk0oY2UmIEDNdainIl+44kw8T8ez2fPc58ZL9yRi8fJGl/dyEEH7Ovj10fF+AM2SzfM3h+HzjeJVWzWow3WA2JvDHiAeM6Hb+QNGh2lT6lNfymVNjcE2Qa+fwgtAN+EnfgCId60lm9Q0dJ8yuAz/6zMt5vd4i3V937OGyU2yuPfF5gJHDbSjqR/taTxnXFJFWCPOAZ5RtxGwG2RdH0MMZa48JDuH9xDiPUcxxLWvxDGBNcW6MkdymzNv52cbSCZgyz6ptoekKXU8PyHJdpuMZ11jSrCdoW+ty14I56wYxnyeElMNjeFiWI+dyto9jjqM+RxajHkfH146Hn7GTprat9jJ+1AXkBOeccyQlxKg+SDGnQkgOE0XXmAwTfEpRsqWiyIlzsJ9psgwO5949CW2w6OA3+OlWIgBH3+mdKC2qdfdAAz0fhiXWZ8rEl57PPGt+KnXU9x1tdDt/tYmfmFv1+CsYb8Srx23xWYqjaXU3LM8MtBshOYWPnJTfpBZvAlcFKuj14CZlKDBfaAfwOaSPs8N7G6LdeIxzcRhE5imHtunn3MHZmLec92r355XfqiSUr82vf1pDdOCJ5xV7uGJOsWy6S6QiUFcc2rfNBQ3SR64Y8/ATomDxrY5rZejyxr9wKh/JH9InPodqGNJ8ntS/bBxzvFbAD8+76oVfbEsXG5RpNYEwJgoKHdUS7MbncBIvJVwODnRji+FwpbTvRCotlFtgoYePNXyJLMkfcLg91zHIE98wTIoIvialxglhkbmoggkMhbXWWVT2g+PebFh+ELs/2K8+W53UuhjKjUQaOcpqbwYaMj+eJzNmUMcQvpGIH8FnnzUsDH1pRoLJa+oaQCWlIybPQetjr3pM0eezrSzJvaor8f8Xg8YfIMl4yIE0weS4Rxxlu9/Vx9c0PAneWa4HXoxPXmQZCQ3jSfp3xjCGvHH1kAINYnEVqAme2AeftpBjonUMmeOJGbpsw+b82wHhrXZK8LoC4N9OAZakWA9zsCmnYbEKEQgZhsCXYHpNXonHhyEcliA/2ZKiRsA7fZY8szw+qKvubRzgyJiJL//go9oP1+uG/CcdA8y+GEPYhHlXjA+a3AWyZLjRSzLiF7AxSi5FUqNcNdzyQiODT5znHEd8q9oKWYoNPVNnQG+UpHQZyQ5P51v9VWr49zH/7MN/++2wyhnLvah6OjeQKP5BXuo0Tl+wQxbvjY0XZfqseb32t0/tbP1cwTuiVONEh/6hBLCGAXLB1i5EAv3N19bS7v0au7D/9YN3f/JaPzmuvIU6yW/YJIzgLnvwPhNOmAKn3lexUweDOKHdEnBGTQLZtDw0A0kOTFPSmM89+i3AqKaWhL7E9NbspexNQanUz/stYqQit4IRYz2n/T8p1zt7VdafREvF6W/2f5UEw+y3ijq9tgnsQD9CfdWB7p9Txqe32DiVvlz+oXjEqeeg6vplEujNfED15ek4uR6YjlpmvH2BoVS2ZoZ3JMff83KwvU4pLbk0elWm2uJXPIkTtO5BgDmeI5ZgHoONoczxZhvPj9kMEy5pOPQYJNsRsxHGmvv84Mz8zKrnoTdZA6OS2pAwdEM0lK6XPeAOMtte5n66hpZxvDHPTYQW4M2xqYTgY5b6PMr9Qqi3Kgl8ziB2fp4EG719wVer5Gwbmzs1AvXQ9nExLloUoSt2ku2xNIJPs9WxpvR6yOtMX8DHhz2wrlJrQUqmQDut82etpl/355wX3fcB6QxBz/3JZLI+a+Ih9/zEa49qWACBgN9Wi8nTSwHrZ7yqkisxja7rZt5XyMdFGP/NvO68NnceylcaoREwapu4FybtRDDImx0TfqcF2p+hYTW5d+nH7nYDxvIYSTWBPSZM3IXZb32tVFQMR9s7Ef+r/xM4+05luuM+qc+dZ9PGLSnbUPSz9ThQzuwns8mLBB9mLUGBS2ea2mY0o853iv5Nnu+cTytWIAwOMNGTfuj1xFhH3EfuDZjNp/wKK8DONTyeNia933RwMHWdg+QDDs2GvG+WT8RsxGUOfkxyvW+wOMD+6ni22rJO+FaXF23yX/p8phWQQPhInLoc9OfGVHLKY1Hjs89R196Zagc3iLy4kBg0nuh/breRVf37KavuHgG1w2PGoorZZNUoruTmyvPBr12O+OJCPcJVsvfcElILkMuHzGVUoxQ/znTCmr9rdCQZOja6+UakO+zXcSrTuyPY3DBqdtJ8Cm8LWIIAH88QAP+N6Gf9NPa4TLHsrp2raE2iIbTkNJG3Q9B6t20iGHx9EO/cKPHjNHopFNvHUd+4DWdX+wFg7y4WeUUV4B/4ROym1owwWbwrB0ubNKIU67YxGVZ0/MYeEyaibz3J9xu6geXnnPfNPVXpLMmwVKPoT4DQp7b0AwQ4+Qo1mME2JxvEAnW2YhcKyllv1nQOF4jQY9Ir+0fvE7XgvHDtaRqaqbBTMyxLka9rY7tPsCIxfCvMeK7Bn6KBm3rz32C0W/0PskS5j8VjbVdcasMadf5puNENCrr2MRCIH9i2/sLn+sDn3J+38tG4KzwWUCM14sabts+5U+gyRWwmA4nBPVz32W/HWQv2H6EHR/18E1Ktp8XzGLEkqtzUB8iwKeBYiBgcA4TbtZG3kZqL/f46vvYs6Kvqa7ZfWJLXPsOgOcjXrAUwBwL8nujYwdNpaZtuHzmNE6v++a7pmnweQu53w7U6tfrixafj8Cenm3QnobH7aX0bU7GkRCy7xvBEp+0P8egQ02SWl2E+z0z0aYYtP28QGTQjUcqsnUYNn87o2Yeb9B7ko+VW8VF3O7ph/ZXLdmb+P+wT/LZabnuD/Ljgh/CskT2EYbWT4cIlT2MuMZg54XXOqKh4W47jNhfrts1qQEHtml5X7F+7dnxxKXzDxna14cS3ufY7AfyCXLrwXKZ/s1ZsZrl+qdYXAbx0Z662+X++GT+ZZu+O9lrF9HGHBkvp2tx6JUylKfvaqHFGDEsxzh95bjda74JMI+6FOdcinxwqPUB+iNI9MO/49iXWLTeem95utl6GkX17FDAEG4anxI8R/RdxByhzLodAAGL4RLlTyc6s3OY13hpZAGY7qktHgGfDMw397nYVk/fDOkXe61DjP9qL/hxYVnbF0zdDzN5WQN62DS8szCb9SCVGDgygMm1SbyYcY+6piWOWlMOTRohJpfVN4tcAxLULTElQsd84lyMLxIk338Si979IBEYM0FwhQs3SxovbSRkJF32Bukm5Qxic587CL6BEgcWHMEd101SUED1YVynYw12FkSKCJ9v199biDOV7aTxyLCFqUaHT9iOgfLYlxRwznRdn7bSYs0M0ICeJFM+YkwxTp90zMxpjPd1iQ0O9JJvRn5oZwLJqeig5SHe/5GnzAmuZ2zCllj0UmIqjESM8doxOcxHTcGOmFtPStDeTBM0f5E4Qv5r8TBa3KVaTGEnPedR1xyVYA46Oko81qd52gVnwe4DhxiH9xig8VkitfwcOiHYzHGmqBTY6pMfHD8T4AVnw1MzIKRP1+nGpUyUWa6J5bOXgC9z9O5QtcmdYszZvPX5hrf8lz43Xak5miSUTQnkoaeg7L8Sz8MzaWXxLtrByLfRISXdkwM/8YLl12bPSTyxYZRUcTry8Y+wY+LhvlqxPkrxV05feX8bwAZ+o4svRn9jHHrQsNp8wDxfWd+bwJn2wfmdkghQynHUQ3fZg6lU0ckK1Si84lRc8dgH3gxGwmtJr4wrb4ppHrZioHlaQ+KsZsGwNwprEv2RyJm438zQUP3faNw40eOnD+43nSGXyzcjl5DGQEAoSZK3WAmbRvHhvOmKnJsUsBmX7PW71xMfNS+1eY/21kaKBTMOA2MiWhhvTDCYJnxFV5yY3CgD54d4Ar/OtkH6gUw/DKe+aeUbpkHXc73RAYeL4evq95hgc58kxs3LHHq2PPeIUG2BOccxgaD94XsG8nweBD2EXnGI8OfUt+hTRvcRdvKh04ZzQt//Drjl85sFgpUyEt1N9jBuksIpqDGzM2yG/4S4r53rCd7t+nsvgXcb+lkgBCyPN5rMRzSn6Xr185hcXOPQBwbj9CbWOdx34BxtL219DI9zkLim1Aiwx3tQhKJVr+39oHYM92G3fiDHHOegPJMk+uV7QI+OxjZbtG65G2zj/TQQ4j61/ZikSi+xYSUWJJ6j7YwBHMPPpmnwnFOHM3E+C899rc0LVwjfrgG/huOg/PRZP/XJNtESh64PsbFdEi2vzzjXoJhhtg/tAAi32E6+vFD3AskUahg+phUeFlLyST4bn/FDrbOqZLhGFPrl2J5zduPnNWq6n9eDXqY1Nb1Dy+sDe8d2fyN3ADdHgYIRUxFn+wMBD00fA5YPe98Y4j7Mg9QH1oJsXAb63jQ/1/G50l8Asre/IPVriaGHIXR+Dim47an3pHm1h4b5YB1Sm1TB8OLxTQF9A2lLKA8/2yBexYKbGM3BFo5qFxgxpnXUEQIxRz3BwiS+hTe34GRPNmAEtgfjCTjEtZavA4GvCxr0PoWiBpbGLf+8OR8K5JrC2JbDAOdJM0WGZPSvmSHkS5quDS8p1l72QAW7zQLs69A7YUp/oSxogHAvl2FxhE4aY9yCrmOL63JF+5KELtP5RT4PSzTE4hDVHPyPw+voBSFPYtoL09wQzamduDA0BxtjOhsrc35VndfDE4X8+WyS/kGd0twvm6c33E6V65cf3MmX2T9c8GIxDp8LDdMhjBFPn7zLjHUATiqgaWM9vGZm+pq7NvKGc43Ad4ghXCfrZAHPrBf0YYCSGoUMDhD+SH7sbSmvcxx9MnScs8kBET0yw169jeB5rPVG/Gm+lSRH96YsRcj503eSPs4uwcUYRySffZagmB8rhKbUQJHrNeMiMcd+TnWn2LGp6bpAYBrsr+csztZKij1ann8nvuTNQan86xNwYnicDmNyL8HMMa1hiiWhXU+Lsx5maSP3GXLHUQi2F+azP7UBu+ocCwSRdX64Npcl15zsgzqxr7fymku+BrtNbcTV7riDv9VQDVkL6OWeYQ4H8jAIgeR1EKgg9jHlAmep+FfiCVYB2ppTm3nMKGK5Sy1Hv+Ud9PKS+9XEmntU+Yo7CgwJ1zwJM469wx8ZuRaJfTap+5nwd4G/Lv+B+AFSF0NCO5/5jZuKHr1yc46IS3C4kGyJrOIHXo9DyZOkM2vYQxBY5SrM7XyqbxkP9Frdn1nfo9feuowV/1v1qfObDxK9rasf5+w/ulDabOIq8LOkSnoZBlhzkkMOOPyZcKe4ahnmBsO/po93EHI0lb3bEMOY+lkZf73VFNh8boYaHrIXvIEb0ueaca9hgWPLFIOCAmJfkM4w7smIA45RnjltE0tuwY+vbCM/uPL+ByN0/ZsGBwWtlT2n8ZB6SH21H8ZjaT57QW9c9wPdrVgPNTgTyOf8+AY9L8C6Fo61mIQps88G0g9vpa45xW9s3dOWcp7+nXTkvR+9bha7aXTNyUd/KLatFQH8ccB5Hb4+f4FQHafeHB5nXb/B0n/DIWXTGPqwHrn/gHE4xV68BwRlLQVDBzPOWTtHmoYtrRS74NiIggtg6XBv+7rRqo7ucy2+7kiOpdiHip3s2J+8ZuSGsE96Hwb+JOdxappDOGaMkH2uD+ut9LqmFstw00qRwMuli4hN5JgI6z7JZRVe4JFB3RMnc9ncjE/cKuWv3F/mREJQy+S53hJx72Rc+kYsL5PFy4f28MlrjxKG91maZN/c2wRnYt6LxP3EaOu6Un+BzWsPLoascwXk9Ys+Mabj15m+yNBkKZZm/DqTdAXZB3Yfb2A2d8BhAYfUvfwhm4dS80OBLSQBMR+VMfikf2q53EWzrENxvJIaeyv+E+yb1i/zv27hI3GDlQ2Upk9PIwqQx30W6l8zWYuCv6jVJSh1nWNt4H4p+aUG7l+Mv/VB92tvf/WhIQvN+l82aC39Z69RC5fidBR/JvgdLcus12taK2JKeCmT+9Y4Ge98fXNhNm+7T3tyFF1FpnSJFac3Zj7yGNwXm50SvJ4GNFIw67AFOZ4LrNlVgoLIoWYcDmr6rPsVGsyH63/fnbF/G97vyZcN5X0LHoZ/cO+1rJ/8oLxg5VWfAV6fZ4f7V9CPw14RUftBzJZjpUdyMevw8ug9gjkLly3iTXAfvjcBQJof6h1rceUy1zXUdw0N/IHtP/Vv15b9vMl6H7IHJ7xuSWpH0N940j4JWJznq0OUr7mtN67x1C+bzAZFzWLThxuvYS+nHqDgGJFS0++Fw/1MHPlxKzO8ZuvrRueSe+/UzANtarnsTEYp8cV8boYdFpFh7SgCkT6KsCQP+Ak+xURpLVBryzlwruTGvTaxLS4cN+3F9zE3c3WA3Jf72r+QxwXtHPfLgt4dcHxYP/0MIK5tqr1I8XpMFNTjEG/FfSnm46+vMfwAz5bfT1NaNsFNiML43xi9jtQe73/mObceZSk1c8JbvDwDjwJVbvT6WhroRdo+sFMAzfbBGDGSZ4izp4oj4Bcz7pMdddHzlOTF3HVukTeiXkS1T5qxZ2VNvUb3T1pfcSf+L+N/tayIiXnvrGzeAJ3y/Ao55QaJKTTe/Aq8LYA53jPK+4dslkz5LZCZ0XC47Jv+RGQilIeWAlhX1o6QuIpeNjl75hrxN9oDotdy+dZExwwyPwuZfv7DOD9h6tr/oKmyvJPmTb8I2AJUo62np1KWb75435kvZlMJV8VSaIf29tBfiVHnolHWZLhyj8OPspQo+paj7zhbW/4UW9olJkMMxEbQ9Zn7leCnBwmtvozvnNM/hwstG2VN8BFE7d4v9YIH2Gn4m0xuioC4FgnlHq3CliFvAgvR+5Qe3Zc8TI1R1iGxtx3jOXsh1vn2wjft1Nt84/DZwpxrmVB/ww0N6jvmpy/Y/+ifWjpDjvr92mop54iW5tRWbep6HgkZdBUzxYSynT3NpS3XKmMHg7329BT3mL34HoGAQBsTr0GKS01egJ/y2QOWnLfZh2uUTWhB2OLDxNDrsyIfXoM87pXlvEwTPp09x7IR6h76SuzQIsoFfWUj4JwtmY+0QclChvf7lILg2yj1B82Fel6J1zl1GLzoEJKKCAzjurftvIzXLDT1nPG8+d/Pt7r02RNnttN9xn2e1ghCjOwJvgilOfFJ5twx5vdnLaHb3Lkd8JbvePqNh3WOgwuVPek4popE0+8c+JQecvKPzo3qAyUECXdEcWbOD57Zq2OVaWTdxLF02aEQ6sDuaz21FSd2mq1Wa1WVdhsijV+fYDvljyOXer6mXNgfVyoCk6wuv9TuPRalg8MCv+FCMp58fNN2qLJdrg2ni9qS/2CA638pscH0wKr9ojOmmzjdL5cE2A1HgSjW3NLCKaffZNDnBslbTSb+iXlqcor9oCmlkzZ+0WOyr0sFLAf3BFUqaY7VNxg8QxaLW0pp1S4iNVU84iLYe+Q9Wz5oFQEhapy6tggx0yaUOfj+Ta0IlLNFMGfDaD+gYK/4d6kJ43zbc+dGzXJxuNcUwaxClvd+A8eU9sAYJdgnfD9HHYC4/elhj1nQOVOvB56Fn5/8T+sBoI2pfkLiLHaMnxHL8Zr1FtUfzxMXHEDiWZdp+tdZ1xnXCHxoUiffEFvQ7V7wWuB7UmueWFqa/Sm29Ie12T67blwLYKnB/cdCt9oB8jg3RApt+NCFpvcwcIS+PZCghxbfBnCxrDN0ai7Qfk8Is0OLrxvM9Qiga1FWIAzt+5uZgzGJsIcDRcO6R5tU0xl/wwEkGzGt5yedlbpfB6sx7U/pJfoosdD2w4BF2Ghl116CK2PUkLyaitWtaJJK2W0l7tk5Ehyu50u97PVWj4Jz1Scqz4AnuKysA5eNTTWnGDkUGfrJH6YMOdJWJ+dXPlvKM87gzh90z0rfMlzqoT/5wC56CZaGaHJO+BawTI/xYiTpYJAXN82EwsZhELq8eD3VUbDahfzdKRLh5L862WUKuCfNf8sPlD8KtXruthj1NXzaWmLLLNdPNQoGjole8xvhQ0AbfROXPl25+0O5LqnlEt5BmXgxRrE7x++H1vdJ5rdtoQNqnjSY924VZAl1i2M58JAn37GF4Iq/flHtUigUs140wj5KwTH4CGD7v7zxK5o3p6//Vl90SJv6yTfKgs9NZ8wEOo7PW0IwKwY1x/biTOLXujGO+8OmJxHLHfVNk1QvAN8CLjNpESS8hFHIAjQFfjS5N9TRfQEJ/ZSFsz9P2guJwCJ2GIAx7zWERwryHk5gZOTZwBQ5qosYZVPLYrmnCoA9DOeZSHK0IMUHXoYub+6AoRz3IPtMI5RCp4fxbp+/RcRr5Zr2wm+uKMevn0n6PgET8j4FkHjMHMThfLAOc2WW9W58Czjfi4etoBBCqP896VJDcFP8FOMamPc65nBmvM/ecwS9XVtj+a2UWE9eTGB7McScDKOOqb7H7EVrK2vieF72f8M3Etw/Gr0W98FEy/KlrpjPxhs476+vDbXmc59aHHvu2mgomio9SL2MAyc609eeExZypEc5qfDI9hwfadjSbRjY15BFl45q8F53rvROrSGUUD57FKvaiEvpZ4EktHzBCka/eaBhXpcscmrWSHkt0OAFV/TDIbyvTbHeO4GcbwQl6/3whXNawynOWtTGzIPD3GkWTdwrHP2bTL7+TJohWIYxF5wmJltrSz6knw/s2hhwuv+0ERe9B4TEZeAfRzgtJmnAvGwoe9R+nH/YqNSmsRGZuC+Faz6V8bYv2k+Vv2hN9U4NnsqaBikqpzapU4y5Mg/XkNet4P7UYeNNp/RJTAkGYeizSb26kJ+kQWTpV5HQcPxJ7CDobygHDkPsgf6XXk6YNw3N5xdEBPGHjUBc7Ugj7HwVQfDLIKfpKrW0QLwCYEdc0ylZBIRIcAIl102ct/EdRgeGP2myHimC6cdZfZQdl9D1gBNNlukzMPpBZNQmKdZ9W773GiL5/3mX3iZ9SbOSz45l8mUt+caOCnp9blzmoo7XNA3une7N864p8uwNNWmHHmXZDmeFuW0vjj0RqN3zuj6Uj0NCWK+jcbcJANcCzLPPbQZAOJm/EdFj9JV4NUzPJe0FzxnY+bwBrnE9r3zkrUY5w9RRnNheL3xvnQHObT1as9QRzXwWcL1xbSgJKM6R86HPRPSvUl6POpoYbMpoy85v2NeY9mRc9HkaWpM2sElhMANNiXmGBxwguV+C9zh5bYbMLd/g/8LfTPnvHoTPepwHjD9rJH6tS52+ziCd0iK/TAMGZUt5gBvQs63A6QyftEmHbF9CL3XyU9sE+t5xv4dbYclxXWzEfGK3foiNRvgbSQwr3uUsUJ7vfQFBzP6Rn2IS7xKf/ND8hGUtm/telj4/izUgNxdhE3RN9MeB561hPNSfU4oL/Om8cR8p+3nmXrEWGrTxm7V3TvGLs2r85Vf7V+K5iIMyrsU40NyHkXzip3rMXfRw0Hj3c//pX2jrqgAw1BhCVSpqEsdZQbk+DV5sakzbABrzowSTrah/h53kk3AXDC1Kkt5hP/JbX6556mfAeq144+K2YjTuwo7wF13DExVLdSR8M/t9MT2kta4vUwJi1jKH/ZjwBdoAfj+ocgGvxIZBeMCpzMn28vay0beAPAiRA5G9D1ivhzxyxHvw5YWahFGDfpsJZwsvcGcXzkRgv5bbfsOGZCgB18/vHAJ6DeUzxnr0UZc2F0ZfZmK8BcNNZ1ngZxM9RV/jTyot7W1o7wigASvOPszz7UgfeOBsdij8pkGIZV5HYs1wGW/qoaVrht/nBvI9yYYCO1yzR+VsbW84fFELn7lYr0e9yejlIKvwtNE3nBiQEffZwxIk2masz3rrPPqcwVAbPgIea9qM+RtDOBy0gacdOd/7r3stfL4n8JqsM8ws11rdkK5jLzc9aoGcegxmoC0x4sf7Lq4DnxGsv82mc9JwLHW2lb0HWAtI2ByyJA8x532ckiRz7n2BZ0KpRRwDK+0bPK3XzxY5mKMP0IH3WfNmU7q3zHugwA2U57cR+Ig4HlfgWayImiP74LI3LLiTjsRgtvbAekbov+KCseE0cOu15UjDzAF727Pg+WQAfZY5j7o2l2vOuIFO1yOfs4YBHIP90F9Ri4seY6+zcKDbNTe+4EtuiKeenBfncAO5aASND9e/0e2geBl0PWPxspfKGezsZcgh5Hn2yf6YwGzNeSuaUxuYH4zTslaRFyGSOd/gFwzWrAO+/x+DYPiGaLbZSlZbYUPtkLUP7Ar8at9IktNzldJRufhwRvA6XIlVDC46a2GBt0FcYIpbHANwszBfdLWVW2nmehncNDpYVmNuN5zH2oEHJFstzqZWApTmXJJ/6PhDcNK4bRzXNWF6LLCvvXfeCyHTaaxFpGt1y5uISGTe4HktzEac19bjClzS86uBv0JdYABrKHvSYFTu16r3SUpqaMdT0mIIb/gDNvsHgSRitRbtU87iSG1f+MmzmVQtQ1tgxUyOi0uKCQkVE8IXTD+ahTs5psVbBOnC1zqHBQGPL+z6ZmYqs8Um7SjuvyYmeTetft4jCKAfL/4ol96fsFv6v6vxQOi71GFtTaJue/B5tpq7SmjPFNMmdeOZl9l7U7/rUUt1sBY2A67ZrjOskTCluB0JnnnnSx9uMtiugefQD3sTHikh71vHmMCe/nvP5o9vDFVQhYYeNF1s3YRIFNmxUVGIfZjuA1I5C2tdGwkQwzmvZd8L9mjxvC9E57j/2EPigus9M9Zm7+NwPRt0W0vJo/8sXDLuMOVrAZYjeN4HYy8ztQBTKadRSEGhx5BziLOcmIF8mews/ISzYRHoI/ahh92P65M6L3uWuCbGOGek1abPTe3nLs++9qo2xWKmq20AnkO5Gaw9QQODvOxBg45YIK856VKIWJvjlpbI0vBNkeYHauXAs2uUPxHes88+T70N+AwZHs9EHIG3wZazXyGNfwUmN/Wu7Lq97+6rRPSMEEto+rM9XaDLPpezoUWmXqdYcLayxHJW7S82rgNE20AIX4P9PuPFa5ji5oUt0cdBfxgV9/xK/Mp+eIVAFdlIw3oq5oVPcPlQC04sAhez9CA5YlwDcaklpqc1twKB52ZlsBqv6wN8K1Y1ulda/QGXrRYKHSa1GHMRa+6D1EXKw+IBNEvwfn1a2l3BbOnDjUDc1ie1Tr0xT4HT3M/SCce46fZe+jb3PH3OlLrOB/Cndgcur8nY64BHbz0Mn3y1fR0dHHziHcMXkjuHceBIVIza1LK5h/ODAjUESzA5hMCnrXANOsde+OHIcxTirGTERlEF/czOY8161Ndaajd58P1Du82kKoSyHjNnwniOCcPwbCHON4Z8RjuMol7c2bwMjxQxKz2/AUMuNyCAp/s/0pBlq1k0Aizp19McroNrCIk1sW6r52cNQhYvtSwEvU3LdDZcKQRiBLLxDli+wvi1EmvReDIZPK3DgL0cKIzRpozGUSPXGfU9DzsIindbhLhPnKGnNvxxUHRM7kGuYc/UCHGca7Z6XAai2U4jqjuuC2cK1wV/5Hzlc8zCXscKYJ9Vz1JleI56JfPupC4MGzE961rhmktSS+ZmRLz3hLzUodtpugdSYTelD5e1l3xOC9o/iMkeS6qa1ojXFl0FtEv1pATfbzXX6wsEk4t/VN4t6vhiH3hzMyFtZSwNra82STGPZzdFqkFqjZqn+kh2vxGwZxj+XDMb8PVic+QQwuj/yNixhwX/1Ss181pG/4y76BSTagUr8W4Cx6EctZnP+WU/iSsaWoiAYS4cyZ/ihHyUJ3zNBxJraZqxKvDNU67aec7sJsa5/zKU3/GZ+3h9ks/aJmD/2Qd2KPUhoJIasHwoFdxPnSbCm7TIRE/HzWNvmIdNYTo1t0Bmnj3hPkSqtSmEMA+aW3gLPCV30XtEpVq7jygTAhazFpgWOcUqy73jtUH2TaPlj/31uo3X05tve8HzxW3BefHev2hpYyGgIdRL3a34nwd6raJ4S0ZOIfgiyF4Z737RNwc4YnounyUCOOKx1w3nemyki5/iHaeyWvzAZxitKDxlFRBBPz9G8PZJTEIYnuxB8QddyX43qQNGt9HD0AePeb5v1TWoRpMcpFD1qWtc/qo8wi4rev5hA8WzMFAPHbbWGKD5xTM/IHIxIGOEtpTNbUltTVqwPw/wLEj9pfq8tqb8Q0EKr7WI+/C0pkVvz0pAXUM5IZq5R7mcW6zFofZCelAXg8G+b+iJdZs2Ev6GOeLQo0zRRj4SuT4D8ENm0MvEfXaavVDXpTbxRXXOIeeIW47VY/39N0TWoSVo3xP0N8l735bgenwhAlSen6+nRLXa+SpJE3EdzKEtJRLqGNwHwzVO0F8wvA500hDRYR2AcXjfeNGguNO6yD3O0ofvj/k8t5OewMclnOqQt/0m0IlwiENHB3U9xqQ1XuJKgB17SDhDHTZp+DlUopHoTvvVNX/qTz2oRsmzEQVgLyx+7a3zgsNN7NxSU2vdbIgY0bm9HnmBodtnrdttYHufG9/ub//HHFv9z7e8FeBeav1Sp2lfc8PXdF+DPIfGOpY//TbDiC9NPM4N63tizeRfGzA7v4bEGr3XRy7vA70Q+WwPXFCFZSaExkSLt/06ckTd6h9+wn646ofwI6kAXqje2IOuVixS1+pv/izAjeIXqUocPBWxdHNr4MMG84IPlarWCGjBrRmTuPXQ6Dd3kF7wY6Kp6fVrqZt7vS4fNb+2eOvjLZd9RjGfWJjzSWTKa0zueA2f5BAXSoGBfzsSI89Ip7oj3mrwg4oW3zQGMjGYeW9Cw33MBBgXdLrAFIcET8hLIUj8J6aeuw/PIJbk3EvpOplLbF8k1o0k4jqSIMEp1nkCT7PXzIQYk7aksUX+d690ryTfzWlJBYOeqGV77vdbrAVvLrwdvAim8M3pNU5QnjH/wBwi23O07WPXdpo3tQQ0n88KS23Xnk2B1s8W1mkxluabolXh8KqFD5By3xDDIuarhNsSEJPMuBjmisaTbBYwEMEwW8y0V1LktKjyDagpapGfcySm9m7XRrVT62bgWvYiWKMJMcwe6Z/k8kwS0JpRnZZa54jnCnM/VxYihzPKqCb8MqBBzZL4maP1OjNzaQiCtS9rEXQxdV2U5qzALdYCfh1xPXFPsh/Z3wZX6XUAAGggPweI2RCpFcBr5BhgWd8GOkxyhqjy6EftngKNMdwP2zOKujKHlERms+DoxPy1lipTgjH1v+ophzq/naFVxhawrF2s1w+Sxrv2xWtYij2Oc6N2TE+yWZDS0X3Npf1SH7iv+5+aN2O8GYRg+dyv4ZkgyKt52quva/G9a3uTffXKguv6kqrP764B3woca0z4IWb89oEdim2cni8JOwEY55yEZkRNlsam9K+UHmu0ry51fbeUxN1OgCaXXVq/4HbmIdI10ANGj6/o+bU0dob9U5nX6/Gxv1w2De7HX278tV+rB8z2RY99fennJ9jQA4VL7vTuawtcD7l8GChG7a6VPAWd7E5uuJ4uvjnqj3UB0IQSWq3ifjxjzlHsL79QbG1ZQNsuvVnO8UoCXn0QTr10HMWtIFNeGy8MENNn5g/N+v/BIzjeju5V1zIfcgepioaOrM+/+QqExX0fIMJaggNkquFQe2nQ55tDIPbGuHbkYrj2EPe0iU+1836beFwDC2C2mOrQLvRw8hsOBIVOc1X90S6Cq6buQe6zsRv0gfUEKvV91BjxhoFJKMMKZVF/tiIhQ7kS3sw3HK8NiVgze2Fve4DoNeeH8yTUPD32wplxncfaTZcY8EoKh7udp2MtJkKMmtszRpsLGzWJH9IlpGVKr4GijufoQF/BjEeMPbo2Yma4XSovh3HMGJyXt/ZviwUppvXNF+nH49jneJgkzkIC8xLMaYN5XqIJkYqITWNw7Yvf83KdUQMjtmI5+hoAPiuIJ8R7FnL2TEAQyNM18jrxmjjFAOWbT10wamlYbZb9zfyqE735GqKPrAPybTDv5Bvwyb32Y1DKkvUDeT1WpNc5nglvfchxqvzB61rs/0vfnUv5KT7FiL8+59iQga8aFCPe5hv+cEtS5czt5ywZ+z2bNW6NCD9Nbn6shW7Jl5+wBzABZhwPwTGh7LPNh0QvkG/qztTfZYa1+dVpan+4rKbWbuTeQ1wRPhg3cg9Ic75/9OOLTod/9qnzmWDAvpaJe8CUMB3eEPC3kzqJr5jSTyjH4IXgAUgM5h+UH5R+Hrq0NYtxryz7Y24onnj/2NqjYN731kepdWpo3oEV5bkfzi/kin7oeJkBr2XIcw3WUIDYWceFJXEwy/qN42/8Bi5x/uHDekBPDhOsm9Esez6UXWFyL2DfGqvnyz7tk+mgv4vMU48auo9meyuRyzeviuF6bc6fii3V/iUjojWZUmlUmPfP/dAU+2Ws8fW6EHKc2z5N5cD1M4DNBEBBrxsM9jBCg72mpq1F35RvpRBgzS25WvN067WfBVApRTkEGNOOp5jm3cY1adch15QFHpZeW+hj+BmDY396vw7gCwnh+7WBLXUaRFNU2dsDSTQcGL3A7inPT+u2BKU4JxkB5CkWPt2VBcD+bMHM/tqIcoX/pcyftjPxM4YGojF/n4V7oN/j0XHAsv/sXTQ8ST1zEmP2eLlaMN1TD1LLtcXX2l6YDUcTcPOcO1heuo6k0mwY17MkZ+4jamcsybPxE9ysUKPQw2CrmNOB/XU0oWOfeO6crpWlvP5QU+WH9BY61t+QT8A56A//r0Ebx1a5WQtWX5mz2e8Py57WROI1zyYwTyPy1/Vy8yY+Yrc813Pi9jwXI5rX3lDeOPp1dCp1w7g+605kix3T/+k/YReBfx8OqkBezfzicUEmBl3KxiXlF32kZoo8xi/kHvJHy5cxrUX5lj9ChiZ9TYwrkbHTTaI1u01uj/+Jr72JjobdjgC/a5wPXsR5YpVk4em6EspSjXLZ5GuKcnXW3mqmetpEb7Aif+6ptrHpbmWYmCps4AW6USaZa2wSixiuuabzTdRvzjA5cZb70rTOtd9IEg+d/JU41hgEgO81B9gW4lnmvAEs4DkrwJ4Sw4KR0DxTie0GwC8gbOV/sGZ9PmgRs13mRWeBREf3MWzssQ8T9GcB/Scc1mvbiUsJM7SkOtjb/MKra0sVM1JIg8/1yOWnsXCubaa/CYpcg8yCGvUN1kC1j2kmbIaJa+21bS3u24bkukMycZ2DvCcDOC0iOPkcD6hSSYMUbcKmGHM563UoFzQRV2OsMQabDJoFDn8wevMWGlOG294AT/Usxvs/pfv62IM30F4mTYVAn74ZXoO9ZUEC/v7c28vnPEppffbUwl876nWcNwRxTVjW0zhX2G89X1EUeQzH4wUBBpEYBuVKitpyXcuzp4AHh7U15c1HwOx83liorI8c6VupTGPeejIh3S/HUgdFoq+TnuPlhTjOktpMr8uFbFkL/LD2JOExrucIWInXnkOH14FyzoteGZvm21JP+Gw99HnMJvzXGDTxR47qRvU1bdEWkBvhEz7ojh32a9KYYuzilgOm5Ln5CN6G9FX4xpHUTSFznZ+JMC55+Ufn5IqL2bVGHwf1NnIv0gi08nrup02YZO/jKIEET6WCGLstpuda3+6KZkvPdbtm+L4eaomQmI70bSTu6xqIb7W7dkvf3ReypxumuDwPJSgle9zwPeToITiERPgxiWMrTyZudAMA4/kOIrmT1IfdeT0PP4r4G78P+OyJ3EmTsalP5k5z9KDUsS0FHLS4Jn5w4H2bb+i+nOHD+WXJD20QOs6Fr7WG3oAd92JU/gtBba4VZsr3cujVqyfo0Ivlfcmm/R9de4O/vrECHrXYB7XoI0/bcmwLYQ5dXs97TgEkyVxKFsfqGTfPnHBQx2VZ8FCDOD/P4HMtZvqZNp5/0wcz8jYmKeoshLzeSAYbeSigPLMdx8LYA9pSCiDv2Wbcl+AAp1C/3spR2wmLgzBccjWlNnAYil0RebU9zW+cIcxrSIjsOQv6dWWhwOXazPd6aK5hHMqmybM5Q8RbwDUCg0lSmeS5KPx0HnLhPuFlWXKqBZmMU4Bc26PMMUY8EzbTFMhjSp/EYcaQlPvMu8Pro9fFE60exSJHzaIVuXESILmKY5ozc/4viSNoI3PoNfrOmCMWhrFeJ2QCuSbI+NIVLDbzfh6Dya+D7gLbhYNf7j82FRqcDmGmfzUXzejNY63X6b47FSyaE+gVsEjRzvm3CyZtjfGCaExtORsaHm02w6Ttz8dlkPFppqbP6C9+yv6JHCBqTBzkMPybsHRW6PpaNON+AsHPbZxhvzksV7BX1XPypnHLeU/2wpa8AvYRJPvzxgX+hkEOo+iv0KfXIw+/Ev/2k3R9sHyqJiBvnN0zLheSIX2j47EJk+BlvPW1SfSA+tyh3ivjWrtjIudh0Rxh/iQ3guBUGja/yHt8FOmMdXgYLW9AWY9JzK02S2CptB9DiYOt+5PkAUftF4wzv2BY4oK9pMg+zrosgFLLEm7bC+ejSCS6lodTcGZnGsYoMPOeRg/5IZy1hpzrsX4HMg5ez01aPWYc0ijFe7qc4c578an5AvuURl/QY39OavdPfgFq9xo57If+p8I/AR0K8K8XeV28GI5QyucbxcgzrjOW25am6ed51RZYXO4ZhdBIAUgRYqPK1rNU95wCQrNLg6Kyt29CAAt+abE4QDxDy3sRrvGBlDcsFylhNJNF2BjStKfFMifF+HXFf7vF4k5TLjmcUcNweU/CtyGSKxCviGPomSpv1CynmEnXBdqLt2h7yt/E0JYdqgf01JxoEsJekNIlZ/9MCDfNIGMNvR9PSZx1EodAOqn47M0TeizgKfRE3fI91pgedI2HfSi/I1kvev3Mw/lHD3pddvUSSe0w0i+owXnDUwizDP3QLuGjyculMoxNpG3p7CPAW76LmPh2XQNTpOhwBka4GtYSp/ob/qRFIGbaWkDsWzpzPDPksS4AHBbjcB585oE3F6HT2sjNGUAZ5EvoMeP5Iy08uZsVolftG3/I6bKRdu0eFJ7vxyWfUMGw39QmCAEOwTPks1zLfMaDhz/4xsJ/O+r+Mmh7L8IiZLtPmDBs5wi9msLhs3nTBUNx5t70p68NWvTGVVyx/0d+JZ6bWwBw9GDjYnwZxhn1VOtFh3x+AaX/QlvpW52+U7gIpwHs28BaG6b7JR29jevpfcd+X/WK+NPLcVlxQ1GTZ5A+FpN20940CURCkmVtfU1N81is4y4+27hA9lQnaf+GptthW78EkNAqMc3wAbbJEv9pjiKYTvpdp/fV8+5TTMESY/j609wu3M+DncfUCWw5P51/8fmsKBCKl6A5XEePiw8qYJwl9ZhcD+fIZFlbHzVI+lCa0O+zNCnm2lv0NhR1nPYdz4byCd1i/KYu0sehRU8g1KLICc+89iV6oHFsS4qkT1tysRBWaf9fvQSWFNbg7Ew4BCypfC1hXSMQWI/F/A1AASbdDZdvNZr73ChgIInJ5iJLBzMwTQR4HQ5XDpLkwg4+aUyRAsg4gpD9CcElmZc4dJrLZT77GMU6Ln0Xt7YjUJ4JEQtItu2t2It/M0N78ERuQeLTsDzqZG0mGEcCdsQThwAdsTec6gkFYaERteY4bzVoXvSC+O0sbrpb4FkPa1CaS2K8zHrTlYQ4FLKQl70KBs+A01/HQJatcw6GT9wD/+0N7Nlp36gjvUEAmhi9Rcb7YyCbWbTywdLPEImRx7T13XpwaPASGw2p3E9+Upo6Qx8lxwJ9A6YeRQum6qjdYNX9ACRk2/uqVL8AIPdK6ALNv60ZTdlgb8v7+Su3OeRcjyoeM4BjzNFaONanoTjHyDq2HACSv2n2mwJaHPle0fZ8qjHFyM2vJQx8mDc9WQP78n2TuMua71yCtNblWaGwt2O19abk2f6v/MLGvPdnL+ULHZPoYBpyKpzvOyDAE48dR96/yIIrfH7hPUl4FU2aprQjTYSuaKOO91tRmweK/lreG4clCu7tItsaCn7rogaAZZ2aWR61Joz/9I17TrIRyGHoN7NfL2r7xn1Q+RuFP5S5QloPzd2pAnBTfL0wff8VBtHXLeqEvZOMeC3s/fEGWNAfSC6CCeNhiTE9F/yai+iGuZ39OCvomRJ9z1bl91c+K0qfFKM4ZdQnhjmZAUOas6S+mba+LBXXJf3Q/ib0juI1QsNps0ZfQDTBPfNrxmvBuZX0sPH8fwVnOcLyuLFGaDu9762SiG913KUoMNRTLYsxPNEzGTo8k+CkjDloh/9/VtfL5HDdWVAwqF00EXBRGHVgr9HHhlfYNanAxy4UOBjoEX/oIybDOfbCtC/JXwREs4BWsIToWIqmfohCjPvPvvLNVxKq7vKe195aodl+8zdKwFAsz3cqGZHXILEUixmT9g+cx2D0YQm/rj1uvstZM1s9YI+CwTOIruP1WkKTA2ee9xljbb6Ub0hzX8BMc4YAeoefI3pirKwtQdXIM/IC9medYUYYm2LhKOHnxWLg9A/tpNRuZo+ypXYEeQn8EVQAs1aJemMlshyL5760tPfNhiKnrrbAuMb4TQvXoXb0UWKi7fd1ESHx++y9hEY+J4y+1eyB6C0riX94BDuUzwStlRoXo5fv/oW66trr162CNscb53/sgOEMO8fAsg3/wv8Fxs8fxd5mJRt2WyOb0QbfNEXH9XhxeINM/NbHBGGMrbC1sgFSm/jj3Gq6bsQ2bXmeZW4QZm9ITTjfj4F3CMn/1g0XPBTLQf6iKNxSaLogXIHV0i+yyePfx5BTNsk4XhPUTSEx+k6Ff6MIO38d74Q/xV2DSa7Lgh5iXAvBjoPg4Vgfr8t0EEkv14xBm09lBFLe3Gtc7b6FmoPtPaJfK6h2xxX/S3OF8Evnb9Z52wi0KPXE9OY7vefLChs4sWa0lNOQ97jeF0Uwrk2Lbe4gjjew0PceDvWpk+c1A4vY3wQz7TN7tvOPLz4cQytMXWfvMxCvGgQfgExzvhU+SCwK1yXPNmoWHnG9kPCYIp++zy0I1/UZh6MFLc5rNj5HyIsi/r+CI99yaLe3lhQzHEp8aOQHChJ7ngI9Tv4UJ4cYzLGX+bVG9naS6PcuMJAt2C2w9q9gpk2xWPYhvSaPxURfTKzmODYc9amZRQYJwybfcGl3KHGiBWwfXpIJc9wnyOJ8DhDiKTqBJ5wz0nhjmoeN1zUAqMEhUgytRYWnZ911GbeZOv6hiM6jMlsmkpoDAjncV1tfLM7ZuGJWvCU0hzLd76VPeSwLuR+Nk1gTcd24TvnTtIaZ3JRvzbmevfDMTFyPpUBFMMy5Zm0fQrt/aN9wFvAeIDSMrk8YluOPgg5gPLR4Ror0tBcF8Dj+3Ab+NCynH/SHdk7MEue6EGQ56OZgMAOz0etz/byPXDzu8Umy8AlgMPoBvf8GtvbKWvyaF7RcV+mcz54S3J1Rg33t8E8RfM3gEjuB9TSuMV8j62siCEwpP4sN+IJrTmqh2Y/c5IjWFGP6liNmmguv9ae53K8Q8ZzheW6264BzAdA0LOfPlcg5bBOYiHvMW87/rZudbB5eQGnn3yU9NJRhNK0jbjQN5aKiYdYoGHVMw2W6NjDUzwaU+KQ9+ssNSkXWisChZMLd+ASqgrkfvZ72D13Ny96Qz4dPbWjwTOsXbboQW0o+jHD8YGdiqIvQW/4b5CAu4Q91BP3N/EPNH9MPBIZ5Lb40zzNSzpAQoZl6w9lKKEBsIIODoWcVFHBEdzuryHeOhbIns38zvrTqugRKj1qP/WIfaWsee8I9vvbMNaIO7SL0OGzJI8T2/hh/aG7xwyEvV/ZEUQYIMFZZG3FNd4lPQQjYH+oGxGXsZXrTnV/Q+prAPawrZH82DVpsFampPAoQwzmLIoAha00Mc0NNX5MV4zlxjcAnH7LUMH3cN7l3ClLbOM11aQ/CGpMLwlevA0fWxJzOb7hSyhyulbL+HIBjOcZSH2SMLbHCpwvl3+SLi0hq6SPoOuVZj14053YT0NZaaqOe9ls1So2LIDm+J+nULdro2It+/mKdLmEv/bpwEZvWa2I+XpuO9LTlWOMwl3vgh5g8r43H65/atwdB407uT9cEDS95OH/oz3scrqPXwkuMUrvpaU5tULt/05uwGePZskD/xkZiKP51xnPS1g7pHF2sJA2FvAz+telOE8gy//Da93tz04/A1of1X2Ktf9D6ElV7zCEoOr9dGvvizLrptzrIZ45gmZnj7M/yfrYD75hBH+nkw5CRcYl1M/eiabtUixVu5LwGcfH1hs/Rgj85Q5NDaGRbWfsJu61gLIi40dCbDsS2cdj0ghOhUz3FpySM2JjyBWhsRBUGW3sY0iUUDfy4zAuhpMMpsdJEOLkZLTnEXcv2K9/wNQouatZLo4PuftJkP4vujZ7kMyghaTSs1m0pd0+8Cfv/c+zDOgjhlui9xTPgb5CxToKHNTPFGd+so533H4tAinaCRFTOJWGZRa4/6ALvWOg10lQi9Qaj0QeEhU6iIEv/Sk5KGkum9B05Qo69tDrEa72jbf0Rf9JnHhpqw1eO5+ylxMzJb9aCoEPFhCSX1QviH3bC4KMbtp9D4SCG4ZJtzwfYAvMVpFcQwTYLXsz1YdjSLK/9Ut/7CwlR9HT/MKDainUNCkUx/4kxdGMduF/dJg4CtDlbiPc10pl3J1zT+7I1kOw4rmfKRQmfPC89aW6zidNiEXOdRvAYOcgFb8IWauyrf6PKOKBtWoWwHMcEWMtuUEviwwgxzmsg5iC3ii8Arqtet+Q6MESCnLkI65Q5W2vA/SaDTOaEMMUk7eYXDICspy2rlurwTOPG4jlX7M0+7pUWOAjcILdckbOHwPZB0QDOj42GjdH3osdZE0dT/70MJ8eL58zOPdPkzW7FUYv1WirjKkesxn5iFz6cl1HwhlXft9Ve9B6hnOI8FoEtbnw+v8jFzPPkeC+k2ZVHBCkM1VW75ELnmHel0GLNKMDrHZA6GaavATUwgu42Y+4ghy9cEP7F6GuYJL5gCo9rLsHl+Dq4CYd7LWkHHV//IZfcZnxeQ9MdeQ2DUgiV4U3W8+T5QXAIFSk4htn/DntH4fDsnXTU4B8O0PhQkoMm5iOqQfTz07Ht5C7gslaH0B+X+UAokOJIPxHPdBqCeTNtHUmz65BvBHUf3zQgwM1o2NROowEm9wM2IWlMQhaT/HaeJHdg/90w6vV96j0gz1jH9m4+4CaJjaZnIGoAM3F7C/Cp5zmeG9zTHDch4qSHAqcetWLOmgW8ktMX8kZPN3UsQimP2Yv7eCmJpD4LZ15SavpzUWQ8x8LCZQh5CT91nPi8bPhCClysA9jt/D9S6ws4r4XEwYMs1yCpZR6ujyfZjzYaAhONsWyDxbeiNUB5lqtZ83wBEj0CBRO1C9Qc7gPipd+XJpjmTF36fhMxiDZgI4k/WzELB9af1wbBIJ2alFjZ9UpMxgzs+J6IuhqOUFJhYD/4wVSxBQSc/bnlNzx0QcrD0BGPX7ThYFixEl/R/TUuIn+V9AuHJaLMrhkJ7g0Br9oCoMmZGp9nEnlISTQfKR+xt8frggTBNvPMgascL0WcJjWG+DRESH/LZ4JqVchUPwAAIStJREFUzGtqQOwsa0b+tonk1bzpKA42dbktx29UKpFgjTVbdVtqdw3s3+C0ebo1/Bz3a249+Fnc1XxRqC+XYUJ57CsOYp+/BkP0Nj7sX9KxIX3tSE6NX+pOcNbIdcmGUWpqVWCU8JmcEvzoaH/57BVBmO7ay/QMRQ59sd/eI7bQ/+0ZFzGnDfJbeNzmvGmaFmuftLr2m/8bneToBkifMH0vTsW5iJZP3RZXd8SYXp6vDqYfvY58YtYsf4ddE7xBoIDBGbZuBPxpDDeZfmFwCmsIfwhJ1kztgxn203OIM0dszA6NYp3W/Ubd3Z8SGt5d9hm5Btlr/iRi63S9r6KKU9tqpst+v/YRxOTfeB9ABVKcm/A/mHvrQfNq/7IlSkyXwXNxtpknHuXU7uVxj44PFwL1Bp3eWRDHWTD+K6sWZ0+EjDPqCBeY194cZC8ogEXG3NfrPvPgEA87hvfYiUy2WaUyNQbve59cMbwFe/F+Iu4xwfzW7DrwvY5e45u4NkVbRWlHrlzSLHYrsHJXKLRZ5wqUOobzsyQhbrC+AS7bENrtSKqC98GvcdyOCgiPPbNv+CwWBfQNusKgEK2E2JqIYTDrayKDz5YBz3ZoU4MfTKd6xGAuedaTWorNZ0tfr4GmD0r8wJ0aoe/7bHs1cRILw+pwL0ufBJnG9bkyrYMbJrlRmzUwc1/CpARSIgP3PgjGOYk91NqeZhwYwUGYdNjTUC30nH4jZnwQ8RxeOALMkP4kMFJE+kwcZy3NmN6nICmmiInDWpwl5SbjrAFNxhSbsQAoPoVgRGJ7JqSAqi48LxfmPniOPf6y4FOJrkl/WwMTbZ50J+4Jxz2FLJfQsaf7seO8NQ3CPgzcEtjThEsj+UwCl0DYl8FS2xpCN+uERvEDM5UqOOMe98I0yrOPB8bm/M2QqKPLmGpq/s32/vBio/e6ou+vfj8YGe3lQP9o7jejCJlA9FekPu4F94eSlKLvTTOIAoMu0okvTVwcahrxxrdv5Awf2NE1BaYazN26wl8c6fnLBbmkpg5WjPqYtSfGOzOKEIp02j89MEnsRc6+Uw48fAH6Pxm6d2hg6GMLnfZ3WsBGnmtMVI1NMpr/sT0J/mRdLDjp4JzxAUrcT+Yf9FHKm1O++FjNkn/pgW8sTl8kNvqvbtqnJ19m3yfVVHsrfglw0ZwDSje3FwE6mAmoZrAfaAbEIJVyLi36zAslS2vsZE/8xDLJ4pkIg/vIvTZfWitnVeOU7XL0SzkS2z46lkKWQytsozZB1Xmm/JyV6Eeg3ydlAaFhsf5hINVN27dy4iVoGVjjFYYk9wUU9s1rhVjDEK7hUw1iIcNRng1CZGng1IbjvmFLnIIyZz50s5bUcX3zM4eArlf00rS8a+ehiQyCNj49q6gBvP0pLWl9JPDHQI4rQIvr6DnzN23FNzuxwUO6SzbK1aUeZwfL2hDX4T+hjiCuB/aRXM6OvzRVcCpudubQg107v6cQtNG/CRPhldRXq13OiuagY3/YntqETTHmxrkR4HoRm/pP9D2HPBoI5/jcCAigsR1m/cHgoiFh9pe6rMYlcp7iIctUnWW9NTF4vYhBNDTduymfRuh2X8pN69c6hHLvpxwx01zweA6ZEGNYAxxMb8M5JF7AhHDJvk/AI4ERibJ/XNxCZH/hlqlBS461S7A5rY1t7dm38fI5E/sGqXJPSzPlG1JS03uiqMSPpmGnM8F9A++0zvJl5ic1j81EAloYVvgqG5t76s8U1t9hd7EQTPvNCPErTBoYcZbn33Uc8xpkvbKrAcAucFNwCA6DEpwTduEkZiNl5tVwavAx6UX7A9nXugXwVqjlm1ukrk4juttiN/4PoDeZOXcTtxzTfpR4niYlAqecPJymtMeGM5ySaRhSehDzkVWsRf0LyJN1qzwgW45u55UvBgT95Rmt+3eJuRene1DW6KZtxLgXvb/Oi7yEk/FFr/MmjmLcZmAAM4UmhnT29tmg4EnM9hcQptXOGsSMyUS5sUEQuI3I83nvl30TOQs49K0G6MRwoYNkak0Yi+ELPscGkVxuJsHT7MUioTaE4VOPcxQc33QInPStvyjVp5SnAQBrPWY5I3AAxxsv0k71Sh4gBErQ/MsA9Kht55KS/e9D/7Vn1dDAEPIVbPEIaFztXDaCGMNCL6nFwWuAfM3t6wzrcX5Ij8UcZ5F0EOOcmR/aLXh3Xl7yOsUzRuEnfWC0F+X0XOLS2LlMcb7pec4a82cBCDaOfUZ+1I1gyRVnafOVl5VfFhnH7B9qwP0wWIJzp5ziwLHEcb1dLDiKz+utwcYDJouZWaCSS63GL642TVsBqoda4W/adj6f7yovgdteATHlp9hSs9eoPZRySOe6Dw4GkzaX3inGA7TQ+6vsw56cIyypWX6NZFua+5HNvr+QvvZuuNPXT5bBmlAao99r03oX0l679tDTjY/c6zgLyE/YPymt87IV1BVzF170/H8NBKFzc6uM6mid3gTr9nj4lOF8gD3hz8CH0i2XCB1MuLYYlM48Eyv9Z68Uf1M54A7hR+0GiNwN8giZ1a6ZP8AL4C86rRaUT31q3C9NO3eaZ4d63/Y3lcTcaiombSnkeyM+MF+ODR+sqTkZqhtr/SeuRf/mgZeV68I9LOtikH0bSdtluHAsOGGIzRkgIxJbNBgkuCQfDtOYG+RJRZ0s9GTc0lKjxhhsInSnWsLXWoQ6ldfBguNZE40sJWL9p1BlrcoNTn5wL01QOWbRb5l3l1ytLawsS5zk0jRupoNQznCKGCOB67GG28hL40Vyais9awo288MaBHY+dyn6GM4LYV9LaFOP7WZJS5RcJDL/SKfleApZNPfMYqfnCjDOw0sTh4vj6ZJxTvMZa/6XDzKU9Rp7CYvY6CAJeV5eCJWQmxpXu+AswXus3zfkYMZoW7GCfMUh431rJrnlghEbMzGon9eFQdHwfOM0qf81V9p7akZQc2o/wLCuyQ09BiCBsV0TP5grl2UktjLr+vBfLb9dI+BxWdvbjlUYunLNgc2acHQMCQ2dbEogj7Gtd4XnVxUFoon0NCG6XVgefH6oBgaB04ewohn1SswF6p56PoqWewFY7u92AUJomKLsajydCvSaLUcXrehwrAWYp68Y2P4csdn/QUM5NCc8OAKD+2m4HpsRxk3LObHHOMz6a/ylv9jvv/ZTdumvmOylBH+xH6ZzOouUzv3SC3uoT47eyNxqpRtOPrAnqxok1mjzYsNbdHMdNglOsY1tAdbhjUR/woomTZ/bDoDqh960mAKO9ov0lF6xKMraCKrtoF6o+0tpe+VNmonbPiRIjK2RmtvSbTOamwvbeCJbzKHfbU2F8IfOVO+jpK9p4Dud59AcXbva3CuNOfek2ftiDRGAJlwJJYv18l7JzEdj6os9fJQoMOqZBq5xeZMIYDb8rGdbF3jAbgkE17ikCJlnEKMHargbsazJJFSYa4oJSeMIbczHFeoelLpiPjhaXQT+jcBrBD5wxIvO6xeowPYPIJBMPXfiJfD8x5b47vQ/2oviQyZD0WMuK/zM09B41PQU10ncNBMPbOA15BQGGh/L8NsG+WzyATHU6YwT6Xl7yXgaC6H8lqLEcQbX70cheszinJ0cDr/5Bzif10J1aHlx4NKijuMHEvWw0HxjFziUx+CMsP+bGLbB/DvR2e+g7eT2kvjQTZomgjOEPJPxJC9CxoO/TYofwAhhAEabPmYPasKD68XDRvTrCkdrCQ7mMR2FDyVchbJHDaDa143y/Ec+yEeN6EOgMLdx5Buy57q/ifWA9dCffdDA4B6kE4mswf4t4Gt34L/+xb8x2p8PfGbgGeiPwbZ/WIzq9Lohn1P2AeMwEmN5h1nP+TU6OIqZZE75n8QnLGI5hr4y141JrGPMd1hco+1sAu8XQYhyPbJE8HntBL2dPeSSFwYmDkjp0Bzi7nMfoq7iux0levjqHzm9GVHB2tEO+59a619nhP6YJuT1WYuChsi+RDxjj0Kx3vIK7tfPW5BainXbcq7PIk7YUHHRapyUGg2POgFq2PjATlDjjII/DGIj/vq4idpa2nK8PG7IPjwGrSBMPOW85R1roA3H2pJIM42o1H0NywMj+7rtRYJUpAeXn2WnQ5rJhp2lztHW63RNzuRfZlpNqLTl/FLYaIN2F/vjWqjRrvtR07DHHBt7BRAYM87Dyzp5vBvT3SxnGnhznfcc5QG4CQQudb7BnUXOqzyBYHWw+l96VS2TSzeM8QOtd/vhhWLWE80TS9t2DAhb0HSmaxu46SccvV6XZF+FC9Khfi4k+sjfvIpC7ejX8qaZzxBr5PimgE0pW7h9DQpzm3wCwd1AFkAwMIROMMQcKnjiui51/MOyOflmGongU4Zccqg5zsqlQADpFj06NnveX8yOYqwZ4ack+1TtDfTAiwUcBsWXx2X7c8l/KoNDYufHZQ8ctqFSxzYIolbUnaaiUZyFHkK7DOuw7o7wCGHuCDbPRPAcZ3mPDw1kyDD5YTSDsY+tB9e0GMvSVxhzGcM93W5gnJfsF4QQ8ngSxVBMhLc6IUNoz8vSUjhjcXaYyDgDMfc4fI5ej/EyG0HXCD4fvf7TUQSsF4+xpwQUpfyHFGv04LFRzoC1hpHKkBkJNYNxYsr1O5T80zBrug4cK476uNf/m3tyK0KOzUXLOKBjezl8XYpHYBiOe6ntmIHroaiR6cFn6d5zcsKY6mSMC4xeM64iVgBfZ3UfNP037Lc1oMbYmxZ/BSj4oy37/jfk857mguWMbPoI4A8HOepLnnwJ7T9hlyRlPs/Sa+V00e5X9OPJgpyCl4hhogxh9B+BZfU4Ntnv3J4Q4iUlqNAHmE1w7igRdFN8QLfYpKMbzId6r9P9qU7HqN/wmvq1rX2HiF+DN8HO++kTpvOt3j+xvLKM3xaYrncRfnGGtTrj0s8llce5bNihR+r0NOPsPP8FUwZsBqbzSk1gCcBsBOoyDAgG48t7XjXeOQ8qLOobcMNugY1dSVqY8oh90bnBPmh8gAzNDyHtlbasa6sTOb+/De8U4jew1CNGQjD7sd4eAeRZIf/ieavRtHlg+CxCryLX0Z70vAIN5WtsaODQ+9av4LLupShTKIIPOu5Hfa2LOH1y6EvJ0XSuCoyoIQhO8DB5jxFy96bphMUBVgfemPNCvH7otE3OD+1B85/QX/RLLXN8Ow3v32SKTfPWPbHQlFOuQwPvceJtdr6CB5uaKcEAsDcNw7k+XmyveI6cFhoxrTPhYGSfoSG32UTMeS89lKNFLcwYkHDbeiv/TolnV7/5oT1iIHhN+peZ9U6QYz4Sx/xJMBZ04iGOod+kTCz3NUAZNzxtf04A1x4YdP8NA+O/1+TPFLwwbia1FqK++jdlpI8b1plcr816nW68zAXXD4HZ5RtCbAtxswF9DguT97n8doJAU09iTxENbtu8YNH3b859VTcvtBCf+hpjFvTzc+BAKwf2j3iIxdh0uSbLw+yD56vHT/6mL0C2MdUR2PqCKOe25MIp12AqGusCXMxJatz/EWhBtuX3F0FvBQyXLQL7dl+GnnOSyGJ1BjQHsP4r8cvwopn8geGLDI1X2lcchXpvsgKVSjuNtYmU0RkHfVtsuUKKbrYtVko8SelrBgTUyORz9kxxHqxboU1IluLpCniZCLagmAWyOZ+BlXmlMZlNV+7o3daF3A+uVddnOx6n85PeuqD61NOY2QyfyjAPIB/YTWL/CtMB056lcAc/Pe2Zlwg1D4thelRB0ngxFcj0xacCipfOtV6iqkHOYQkPmEBGSOhx5jkTBz9sUMobHw+QsGalMXMtZcmJQ+601/7ss/tHexkvSIgMbT4XUJo74kwHX3zRi/cK4AiOgh+mfAR0HfXV/qBJCGgcajOWc0veynm/F0C5hqpbEquy76VheP3oI4tnB+mkdj/7pyEAmK4bZPcDp7ZSWScLW9LfbAFkJPDwkjj4tiFFT5/nCoQNDZu9LxezmGBSB5o419DHSMPs4LGv5DhwvTDm3yiIOCScmkaVTbqBqO0xwSdG+8ngi+HFXzBI44BhxD6iFwzsGSVO5ZH3cwPD/vSvP56HmIwphrTGYWPgwzr39NTDQsarEV0nwKpZcObkuRDhK944Dg0QJgyPYe+wj5ITWcAW0PIB8ZDaCLgPIoyYUocG54ZBef//ZLsBZwmU3zgKDv4aUXx2N9AzvP7jupWxMHyyF56TBk8XbfI5k8EXI2u94MomCvYTP64VtgmD27m83S+aBFsQe+i/2RBExyFvRp4tiva5iObldlRLHWOeiHqU96/P5vT7kPk+/6hWJ1/8SfcCL6mRa+v0OF4weL8t7/Nr1+b2cf4sJMCuiRTPFtr8OlIHzZzWhxzFzXROEodKluN9CqoN+wk7CDZy0ZFZ0fk1awZ3Rln0LX8krkShH/pKTBqDqHF94dm4YN6uinGKdHFE52YGh1TOThFHzOd6MHhYfylrWMJ7vPjhjNgJ+NPYD4QLVK7PcbmC4ZuUrT3FTGstRTf2CkznYtB18EFPw2pjbeqzA36gol++YKL2W0+TaIhdUixXZuDHazAGC/VxetEQ7dq+Hx17qv+of7MGXRB7D5MYqb5kOgDe9kCEnRI8pXutFoB7k3VOe0nOhZgY4fo3SMQvh7FpTXynAodkjCMuMP78NY7LH8FUu8zGzdswdPK2MD+l07hoMaVY2BhtH1bw/JoSaUgvpDVtlhAKkc/eEsQMfOpwtpg/O2zWNGwMga1Afw1Af6OKsGrQJl3zHrPA+BPV/9falSjLjeOw2q39/1+eJWCCBmnK3Z2Map7FAwAp+ejjJZkkOL+4Opk4iQhiODBcvWlhamBcRx8OxefzE1oAFRAqyxg1G95zqh8SLum2ToJij/ttKd9C6rkFwxmvAe18LTk2KI1oZvsggB4xtMe1Zwge+tC6AHkb/iWK6mgrq/ethoFZa8NEYYP1NiJB/R69PYoe+Jm7wWYtfUw4fAyt8/LsGAD2JoD8mHkKFRdlqYmFx393jQ0DvsWB14aR2wSGHqDqI3AyIcFhugo9ZtM384atwTvdrJd6U2b60KmYdHJBbx/aW/10mo7FVmzWylIXxJy3Z4Ke5SCJUrW3YjOmZwHmHEe+FxD4ZT7qBOeRc21/vkMffvT34CAXo54PdOIgLfgx6ovGy/VLPSP3dKpxI3ZL29h62aGMnupUPA08Y2FiMJTxK9KPWDavhyv8vyIWTEoIjE1q3/YV4WC4zgHyFiZ91J94Yj7VCQ0+fOzinTrlD8ym/6lcacFYwEuoUeQ8cAhgLQmYW2MnVRI3+I7QksbTGcB/wc22H0qtB2S3vX+wRkCcesc+8psbhVvtuZHiNFAGE1sfpDeM+C/zKw1ryvXoRbPqWa7260XsJfXS3Z0Sv7aojBtzsti74flGHmCIRjwn0v0FioE8OMbjF+kR+Tnwqm9qwPmo84GgrbEwQXCO7A1awNyT0vhgSIvacXi8GUciQapPybxnLN0rNfCtUX0CPTGp0DSF8Ua1xpgVTup3kzQdHTG+8bJY9VGGJU/m1Jb/J42Km7X8tmUo87q/eT8MjtrktTZ6EK+uQ3ATY+bpNAmqEvccZPKtHnwMhGTLx0w8jBzore51xOzZTH74yjduXpeUEWcWjST1QaQY0VcMpl/boVHYC/ZsVvGY2Qv+vC1G1K0P/5fLMA+jJ/Ksl9PmEgcB56NOKiNcQ8EIFA9J7IvvE2IYInsOWOxBxKihujELTq74AWJZ5K3oYw+TZJCSIT881ycOfaGfGMLQVi8ZFE8Y+SRuhwXAehSPw5IvGStCM/eWlAhw3QXuhqiKwp+lHDNz4vksDW6VHAEggJjtI00TrmeBOJjBiZ8pp9TKQXIM8DHUhmwG7eA4hhUwjJt43efrlgmDYstyeNn8IggbkMPLlFQYXF8KcsIhfVLDti2V3JUSv0V3hx8eI8X1YI4f9IEfDcXk1wwQkmNs+DW29LnhhvzVXACP6w8Czw3ExqC+FjfyzA28NmLNTezmW41NY4tNmYYZe95yRkS8xuBU/A+Mpvsb//l32Lm5UsyVfPtBXbTZg85txR+B9Zot+DRYZynWQvkCQa7d3FPL842fTout5ENwEIdL0hZDwuNtq5SIoMzbGH0koHAjTfc1uRGs7ky/7PEflJnq7/5L7UlkL35tACD+jE9y+vUmRifnLxZYWtCGDjTRj/UCDAZfgNQrAlbXTGT+1aG2qr8P6uqXsOy3NLCWdDjhgKFZe3pF75TyFi8zcgut0kcjSJL9hS8OddMhP0XqyzPTB9Z5Va+MBLjPAvsBWg0qcQ8KpJykEqOwUwSpOUBf4ZIAbHsjyIAnL/sXTTJESKmasvlxy7Dn13WVQBjS/prg5OQHV2/Y/MTU8ssw7hazdJknHPpFTiNxJ7igyh+XKyB0EyTOKCW3zX7/v/3GvZHCqX70jLNn4MQ2X/2WQGxLaMD1vgmLA5+5TeBy1DevX/vLspKX2NsbWWCsDVFYQPWLn8KoCxM8515d3Tn5PjdNT/gehs21AZw1AWUf4qBw5rk/sLMZM4Xm3OJwMILT4lf0+BpLLM4zehT2kvHfLB0/PBilTNVv9yP6ikQu6cYiFj/g1FAs+iIeyUks8GU0CLAp2OLizODA4tT5H9cW7W3Wh9iSTk32LftN4JCrayHykuHy4tCe88knJtePSQNx9xWn6Jq4EMVLTfEqrkDk9borucKUEeChI7pmQlOAa9d9lICSKuOuC4jCmB+1GETiGsICt+2lcJwHt+XM0dr5vyKwOMyqN+K83pZ9IV5xzYO7udy3LTFjdt9X34bxa8/CNOd2YA2lMZNJrvUv+cqNQtybEfvoViMfkb3njee9/if+SDyvRwc6APWmP3r4kCbaMV5KUp5XbJuJG+Dh3jQu7NC+SGhG36onU6lb6EdrCLjr9mNfI9nyuVGKtX1TcLZmcZiN84KdqZ/93OufeNYrea/N/qT8BEetVu7U7yn+VCy9U9ut3sJnCKABrDcVs5d4uOEBVmPmK3E2xOcblND6+CIxpbz+zJ18PJRz8F8kj/VSBusOQ8sv6YyTErby0lhn00G+9FewBU1ce2PZo1m9GoJSroec+fNm9FTJmDDPjfmFMQMagkhPPmCMxcFjpDtROCYO2MyRBjEKL4SMK/2oC2okGc/kGzYrvE8QSC3cEna5sc2thyaoBhA0rcJssUqmgSLSUUGPRZq9bVrOk236RSnjThIedVhSeQb3pdzMyyJF/VpSUgylHmy+gVpwDW/54vizCicIPxkz+cZ8tGUnl30MIntQLMmMheq85nCumHsUuVoQj571rt+6FzcMSDS8+0jIt1r8YBF+PX9TIOG6nC9yHquG7Z0DHmtU0vctYuqX6RLNayiS1Ik4Uzjk2PYcKZO4kMnxa4UfJpFFL9bPRbCj18swvlRAWOtD/3M8eghAi0n3RDZBQoGDkee+vmAx3Ga2mgbYlsz1oI5qGR5mcWa+EoMQbtXnIiwfGto/iz7M4j8yPYAW0BaG5su7jtRZam76jOFgY8NxcYZZTdSMBH70hYek6z3PQpxbutZfeAiVftjYC/j48dehcD8O3C8Sg1lDBTIAt+UVj6DWLJ3SMO2KwTjFG8gcwz/6UA5zjEf+Cn+MSybh15SaiknbZ+To4/AyxCFkLfZC/hWfUqP9lwIfU/Eb9r9QO+7NMXFvqkPc/thyABoezmkNDbgoR/4TZGHtIRMys7B4YK4j44/0CMDl9ZJr1ZIJiwNzo8CQuLPHxA3ZrJWGp10OPnTkvM3GIWx7un2Deauh3NRR/Mt5rqneZCV/3ZNvtXPd1Bh98nrJPGuO/GuJU1OIh6bWpBlac13SB4YvdggkXznN4pbeoVdds+LVzRcJthwHYugU6meDdC8GXdWYaqqlOXBOnXD4gnrOOVu+kRzsImZz3+VD8MCZKb0R9OdN03JN2EOXeusCEjpz05d+zJWSYbXYX/gKLRBT+t7EpeePk1mnlFSwAmkgrqaU22LKaU6O9v9e/LUPSLM31VUNaSsuPZsFoaZ4M4+4NBIzXGPcPVW/LXvnWzgE2Yv1QD9LW7jTPOFNIZ5+PWOcmSez6Hqu+Al2vGzVgJ9k9jnjDIqUc8a4LxFqEKuvOGYM+bC1LP+gx+tQSWCCwOdlCtQzNHJ+v9baEQcvfvwLD7gazKee1s1c7iPs0pCdAdGIHwfWDIBzHbLGHR8CwKBvamkfU8T5bnsN2dQJhzoKxrzxHtgIEOdk2AK6nsV1LfB8GmY1WeCZOYTX2mLztC29tbw7Yes68yUSYusRpXoqQ5k+8zqNkK5RZRFHve12lCRmDbXw6E2ACc64tATTfIorz4skNTnFAT1v/dotQrq0eS+mhnTphg7WgR+lNQMHGzkHVAzxHC2WYqWTBnVEGPMjV+QL6Hmk8OMx9TfXrzLEgyBd2TGvWiImpdXKXOPhZNjzQGVM5myiByeE3bQn07EzJ/8bjLBfzo+etIfBb7lD7drDf/CPzvk4EBwC+xX2mryUBGmbPYuYL7yFLhMrqdVk1sBmPqh/HdjEt1gUOoSrhU95AYlL8ORMX5w/nT/p1bmb+/+p4OnJkDzUxR+j1ItEyXlDv9T8BVvFzsajL/TrvaXtoaOaQHho2asIfxMNUu6V11StxwuJtFRM65792MOx1XS+9QI51T+9YWEeuq6hPihwOdJRSi3WUysCdV0J9DYv9Upz8Jqug2RLK2aZeLYoPeQebnEemSWwgZdCgp32XcrCwYdMWyuCAeD1AnsMYb089NwX5RRX/uOcApg4wtA1oXqVEyZm5cS5FjkTNyFvmzugOine9G7UbXkTAiMm+0Y+rcBgT+c5E7168xqypS+wqVeoDEuGSYngS6LuKeVirlxSJcVrwLmZP01zfaWz1DhpMK4/3RbPm7oOuJBcD/Riw/ibbTyTwuYasIk+cmHqw1PsNQMpfWmEQ/wkQSuBOflWXkpZn9Ss3Wp6vcjjmV0waWcdXicRy3Dv7W6FiknprzdeGPjYJ/41BAkqP/dMcczAqsGYeT143mxBBVdKcfmaGccBA9qY9PpiPRECUWGBj0H8Zbbjds1uWMm1fkeQ11fE9NpahdCvsOglbLVemGEA3nScj5zhodewIU6+MLE//40Ya/reYN/UCOxGulxJtHoRdF8YDw6pgpSRgMKFIP7K7NSFz3sawBj0L7N8uaWlQMzcG/lB5utXaimMeeMi7lsE3wf+zZN2T2ZycqSt2v6M4noSoHsYMog/BsER1fwALIHQVt0ly9CspX4dX7EAY83wNXAJYc0avNYAcFC6rRaIiWGPEBgchDAQblxGzwfHgnvag0e5R+Bc49TTKQ6lyqHBb2rNzT204+slpAqthP8DTqXzXFlku+QAAAAASUVORK5CYII="/></defs><g fill="none" fill-rule="evenodd"><path fill="url(#instagram-b)" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M36 12c6.518 0 7.335.028 9.895.144 2.555.117 4.3.523 5.826 1.116 1.578.613 2.917 1.434 4.25 2.768 1.335 1.334 2.156 2.673 2.77 4.251.592 1.527.998 3.271 1.115 5.826.116 2.56.144 3.377.144 9.895s-.028 7.335-.144 9.895c-.117 2.555-.523 4.3-1.116 5.826-.613 1.578-1.434 2.917-2.768 4.25-1.334 1.335-2.673 2.156-4.251 2.77-1.527.592-3.271.998-5.826 1.115-2.56.116-3.377.144-9.895.144s-7.335-.028-9.895-.144c-2.555-.117-4.3-.523-5.826-1.116-1.578-.613-2.917-1.434-4.25-2.768-1.335-1.334-2.156-2.673-2.769-4.251-.593-1.527-1-3.271-1.116-5.826C12.028 43.335 12 42.518 12 36s.028-7.335.144-9.895c.117-2.555.523-4.3 1.116-5.826.613-1.578 1.434-2.917 2.768-4.25 1.334-1.335 2.673-2.156 4.251-2.769 1.527-.593 3.271-1 5.826-1.116C28.665 12.028 29.482 12 36 12zm0 4.324c-6.408 0-7.167.025-9.698.14-2.34.107-3.61.498-4.457.827-1.12.435-1.92.955-2.76 1.795-.839.84-1.359 1.64-1.794 2.76-.33.845-.72 2.116-.827 4.456-.115 2.53-.14 3.29-.14 9.698s.025 7.167.14 9.698c.107 2.34.498 3.61.827 4.457.435 1.12.955 1.92 1.795 2.76.84.839 1.64 1.359 2.76 1.794.845.33 2.116.72 4.456.827 2.53.115 3.29.14 9.698.14 6.409 0 7.168-.025 9.698-.14 2.34-.107 3.61-.498 4.457-.827 1.12-.435 1.92-.955 2.76-1.795.839-.84 1.359-1.64 1.794-2.76.33-.845.72-2.116.827-4.456.115-2.53.14-3.29.14-9.698s-.025-7.167-.14-9.698c-.107-2.34-.498-3.61-.827-4.457-.435-1.12-.955-1.92-1.795-2.76-.84-.839-1.64-1.359-2.76-1.794-.845-.33-2.116-.72-4.456-.827-2.53-.115-3.29-.14-9.698-.14zm0 7.352c6.807 0 12.324 5.517 12.324 12.324 0 6.807-5.517 12.324-12.324 12.324-6.807 0-12.324-5.517-12.324-12.324 0-6.807 5.517-12.324 12.324-12.324zM36 44a8 8 0 100-16 8 8 0 000 16zm15.691-20.811a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0z"/></g></svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/brands/jira.svg b/public_html/raven-demo/images/brands/jira.svg
new file mode 100644
index 0000000..06ed453
--- /dev/null
+++ b/public_html/raven-demo/images/brands/jira.svg
@@ -0,0 +1,20 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15000_4309)">
+<path d="M22.1324 11.3915L12.7781 2.03721L11.8717 1.1308L4.83002 8.1725L1.61001 11.3915C1.44917 11.5532 1.35889 11.772 1.35889 12C1.35889 12.2281 1.44917 12.4468 1.61001 12.6085L8.04323 19.0417L11.8717 22.8692L18.9124 15.8275L19.0221 15.7188L22.1324 12.6133C22.2131 12.5333 22.277 12.4382 22.3207 12.3333C22.3643 12.2285 22.3868 12.116 22.3868 12.0024C22.3868 11.8889 22.3643 11.7764 22.3207 11.6716C22.277 11.5667 22.2131 11.4715 22.1324 11.3915ZM11.8717 15.2142L8.65753 12L11.8717 8.78583L15.0849 12L11.8717 15.2142Z" fill="#2684FF"/>
+<path d="M11.8717 8.78581C10.8608 7.77519 10.291 6.4056 10.2866 4.9762C10.2823 3.5468 10.8437 2.17376 11.8484 1.15698L4.81543 8.18704L8.64295 12.0146L11.8717 8.78581Z" fill="url(#paint0_linear_15000_4309)"/>
+<path d="M15.0936 11.9913L11.8717 15.2142C12.8864 16.2291 13.4564 17.6056 13.4564 19.0407C13.4564 20.4759 12.8864 21.8523 11.8717 22.8673L18.9241 15.8188L15.0936 11.9913Z" fill="url(#paint1_linear_15000_4309)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_15000_4309" x1="11.2962" y1="5.53378" x2="6.8078" y2="10.0212" gradientUnits="userSpaceOnUse">
+<stop offset="0.18" stop-color="#0052CC"/>
+<stop offset="1" stop-color="#2684FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_15000_4309" x1="12.485" y1="18.4274" x2="16.9647" y2="13.9487" gradientUnits="userSpaceOnUse">
+<stop offset="0.18" stop-color="#0052CC"/>
+<stop offset="1" stop-color="#2684FF"/>
+</linearGradient>
+<clipPath id="clip0_15000_4309">
+<rect width="20.7768" height="22" fill="white" transform="translate(1.60999 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public_html/raven-demo/images/brands/linkedin.svg b/public_html/raven-demo/images/brands/linkedin.svg
new file mode 100644
index 0000000..e3fefb0
--- /dev/null
+++ b/public_html/raven-demo/images/brands/linkedin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#007EBB" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M62 62H51.316V43.802c0-4.99-1.896-7.777-5.845-7.777-4.296 0-6.54 2.901-6.54 7.777V62H28.632V27.333H38.93v4.67s3.096-5.729 10.453-5.729c7.353 0 12.617 4.49 12.617 13.777V62zM16.35 22.794c-3.508 0-6.35-2.864-6.35-6.397C10 12.864 12.842 10 16.35 10c3.507 0 6.347 2.864 6.347 6.397 0 3.533-2.84 6.397-6.348 6.397zM11.032 62h10.736V27.333H11.033V62z"/></g></svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/brands/mailchimp.svg b/public_html/raven-demo/images/brands/mailchimp.svg
new file mode 100644
index 0000000..34a05a4
--- /dev/null
+++ b/public_html/raven-demo/images/brands/mailchimp.svg
@@ -0,0 +1,18 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.9887 20.9812C20.9189 21.051 20.8317 21.0858 20.7271 21.0858C20.6224 21.0858 20.5352 21.051 20.4655 20.9812C20.3957 20.9114 20.3608 20.8242 20.3608 20.7196C20.3608 20.6149 20.3957 20.519 20.4742 20.4493C20.544 20.3795 20.6312 20.3533 20.7271 20.3533C20.8317 20.3533 20.9189 20.3882 20.9887 20.458C21.0585 20.5277 21.0934 20.6149 21.0934 20.7196C21.1021 20.8242 21.0672 20.9114 20.9887 20.9812ZM20.5178 20.5016C20.4568 20.5626 20.4306 20.6324 20.4306 20.7109C20.4306 20.7981 20.4568 20.8678 20.5178 20.9289C20.5788 20.9899 20.6486 21.0161 20.7358 21.0161C20.823 21.0161 20.8928 20.9899 20.9538 20.9289C21.0149 20.8678 21.041 20.7981 21.041 20.7109C21.041 20.6324 21.0149 20.5539 20.9538 20.5016C20.8928 20.4405 20.823 20.4056 20.7358 20.4056C20.6486 20.4144 20.5788 20.4405 20.5178 20.5016ZM20.8492 20.9027C20.8143 20.9289 20.7794 20.9376 20.7445 20.9376C20.6922 20.9376 20.6399 20.9202 20.5963 20.8766C20.5527 20.833 20.5352 20.7806 20.5352 20.7196C20.5352 20.6585 20.5527 20.6062 20.5876 20.5626C20.6224 20.519 20.6748 20.5016 20.7358 20.5016C20.7707 20.5016 20.8056 20.5103 20.8405 20.5277C20.8841 20.5539 20.9189 20.5975 20.9277 20.6673H20.8317C20.823 20.6411 20.8143 20.6149 20.7969 20.6062C20.7794 20.5975 20.762 20.5888 20.7445 20.5888C20.7184 20.5888 20.6922 20.5975 20.6748 20.6237C20.6573 20.6498 20.6486 20.6847 20.6486 20.7283C20.6486 20.7719 20.6573 20.8068 20.6748 20.8242C20.6922 20.8417 20.7184 20.8591 20.7445 20.8591C20.7707 20.8591 20.7881 20.8504 20.8056 20.8417L20.8317 20.7893H20.9189C20.9102 20.8417 20.8841 20.8766 20.8492 20.9027ZM21.7735 17.0308C21.7735 16.9959 21.7648 16.9611 21.7648 16.9262C21.7648 16.9 21.7561 16.8826 21.7561 16.8651C21.7474 16.8128 21.7387 16.7692 21.7212 16.7169C21.6863 16.621 21.634 16.525 21.5643 16.4466C21.4945 16.3681 21.416 16.307 21.3375 16.2634C21.2503 16.2198 21.1631 16.1937 21.0934 16.1762C21.0672 16.1762 21.0497 16.1675 21.0323 16.1675C21.1282 15.7489 21.0061 15.4263 20.9277 15.278L20.9451 15.2606C21.0497 15.1559 21.137 15.06 21.2154 14.9641L21.2329 14.9466C21.2939 14.8594 21.3288 14.7722 21.355 14.6937C21.3724 14.624 21.3898 14.5629 21.3898 14.5019V14.4496V14.4147V14.3362C21.3811 14.2054 21.3637 14.0397 21.2765 13.8566C21.2329 13.7694 21.1718 13.6734 21.0934 13.5862C21.0149 13.499 20.9189 13.4206 20.8056 13.3595C20.7969 13.3508 20.7881 13.3508 20.7794 13.3421C20.544 13.002 20.2823 12.7316 20.0469 12.5311C19.9248 12.4264 19.8114 12.3392 19.7155 12.2695C19.6196 12.1997 19.5411 12.1474 19.4975 12.1125C19.3929 12.034 19.3144 11.9904 19.2795 11.973C19.1923 11.9206 19.1312 11.877 19.0964 11.8509C19.0702 11.8247 19.0528 11.816 19.044 11.8073C19.044 11.8073 19.044 11.7985 19.0353 11.7811C19.0266 11.7549 19.0266 11.7201 19.0266 11.659C19.0266 11.5718 19.0266 11.441 19.0353 11.2666C19.0528 10.9875 19.0789 10.6126 19.1138 10.0981C19.1225 9.93237 19.1225 9.7754 19.1225 9.63587C19.1138 9.40042 19.0789 9.19113 19.0353 8.99928C19.0266 8.95568 19.0092 8.91207 19.0004 8.86847C18.9917 8.83359 18.983 8.81615 18.9743 8.79871C18.9656 8.77255 18.9568 8.74638 18.9394 8.7115C18.9307 8.69406 18.9307 8.67662 18.9132 8.65918C18.8958 8.61558 18.8784 8.57198 18.8522 8.52837L18.8435 8.51965L18.8348 8.49349L18.826 8.47605C18.7824 8.39757 18.7301 8.3278 18.6778 8.26676C18.6516 8.14467 18.608 7.97026 18.5295 7.76969C18.4598 7.59528 18.3726 7.40343 18.2418 7.21158C18.1982 7.14182 18.1458 7.08078 18.0935 7.01973L18.111 7.00229C18.1371 6.97613 18.7475 6.33081 19.2359 5.49365C20.1341 3.93269 19.8376 2.98216 19.4277 2.45893L19.419 2.44149L19.4103 2.42405C19.0179 1.98802 18.4772 1.72641 17.8232 1.6392C16.4541 1.46479 14.9018 2.14499 14.492 2.33684L13.742 1.51712C13.6722 1.44735 13.6025 1.37759 13.524 1.32527C13.4455 1.27294 13.3583 1.22062 13.2711 1.17702C13.0967 1.09853 12.9048 1.04621 12.6955 1.02005C12.2857 0.967727 11.8148 1.02005 11.309 1.15086C10.5503 1.34271 9.70442 1.72641 8.81493 2.25836C7.92545 2.79031 7.00108 3.47922 6.10287 4.29895C5.00409 5.29308 4.09716 6.34826 3.43441 7.35983C3.10303 7.8569 2.83269 8.34524 2.63212 8.81615C2.43155 9.27833 2.30074 9.72308 2.24842 10.1242C2.21354 10.4207 2.21354 10.6998 2.27458 10.9527C2.30074 11.066 2.33563 11.1707 2.38795 11.2753C2.44899 11.4061 2.52748 11.5282 2.6234 11.6329L3.39952 12.4439L3.48673 12.5311L3.47801 12.5398L3.45185 12.5921C3.43441 12.6183 3.42569 12.6444 3.40824 12.6619L3.38208 12.7142C3.37336 12.7404 3.35592 12.7665 3.3472 12.7927L3.32104 12.845C3.31232 12.8712 3.29488 12.8973 3.28616 12.9235C3.27744 12.9409 3.26872 12.9584 3.26872 12.9758L3.24256 13.0543C3.23383 13.0717 3.23383 13.0892 3.22511 13.1066C3.21639 13.1328 3.20767 13.1589 3.19895 13.1938C3.19895 13.2025 3.19023 13.2113 3.19023 13.22C3.19023 13.2287 3.18151 13.2374 3.18151 13.2461C3.17279 13.2723 3.16407 13.3072 3.15535 13.3333C3.15535 13.3508 3.14663 13.3682 3.14663 13.3857C3.14663 13.3944 3.13791 13.4118 3.13791 13.4206C3.13791 13.438 3.12919 13.4554 3.12919 13.4729C3.12919 13.4903 3.12047 13.5078 3.12047 13.5252C3.11175 13.5601 3.11175 13.595 3.10303 13.6386C3.10303 13.6473 3.10303 13.656 3.09431 13.6734V13.6822C3.09431 13.7083 3.08559 13.7345 3.08559 13.7519C3.08559 13.7868 3.07687 13.8304 3.07687 13.8653V14.3013C3.07687 14.3188 3.07687 14.3362 3.08559 14.3536C3.08559 14.3711 3.08559 14.3972 3.09431 14.4234V14.4496C3.09431 14.467 3.10303 14.4932 3.10303 14.5106C3.10303 14.5281 3.11175 14.5455 3.11175 14.5717C3.11175 14.5804 3.11175 14.5891 3.12047 14.5978C3.12047 14.6065 3.12919 14.624 3.12919 14.6327V14.6501C3.12919 14.6676 3.13791 14.685 3.14663 14.7199C3.14663 14.7286 3.14663 14.7286 3.15535 14.7373C3.16407 14.7548 3.16407 14.7722 3.16407 14.7809L3.17279 14.7984C3.17279 14.8071 3.17279 14.8071 3.18151 14.8158L3.19023 14.8333V14.8594C3.19023 14.8682 3.19023 14.8682 3.19895 14.8769L3.20767 14.8943C3.20767 14.9118 3.21639 14.9205 3.21639 14.9379C3.22511 14.9554 3.22511 14.9728 3.23383 15.0077V14.999V15.0077C3.23383 15.0164 3.23383 15.0164 3.24256 15.0251C3.25128 15.0513 3.26 15.0687 3.26 15.0774C3.26872 15.0949 3.27744 15.1123 3.28616 15.1472L3.29488 15.1559C3.3036 15.1734 3.3036 15.1908 3.31232 15.1995L3.32104 15.217C3.32104 15.2257 3.32976 15.2344 3.32976 15.2431C3.32976 15.2519 3.33848 15.2693 3.3472 15.278L3.35592 15.2955C3.36464 15.3042 3.36464 15.3216 3.37336 15.3303C3.38208 15.3391 3.38208 15.3478 3.38208 15.3565C3.3908 15.3739 3.39952 15.3914 3.40824 15.4175L3.41696 15.4263C3.42569 15.435 3.42569 15.4437 3.43441 15.4524C3.44313 15.4611 3.44313 15.4786 3.45185 15.4873C3.46057 15.496 3.46929 15.5135 3.47801 15.5396L3.48673 15.5483C3.49545 15.5571 3.49545 15.5658 3.50417 15.5745C3.51289 15.592 3.52161 15.6007 3.52161 15.6094C3.53033 15.6181 3.53905 15.6356 3.54777 15.653V15.6617C3.55649 15.6704 3.55649 15.6792 3.56521 15.6879C3.57393 15.7053 3.58265 15.714 3.59137 15.7228C3.60009 15.7315 3.60882 15.7489 3.62626 15.7751C3.63498 15.7838 3.6437 15.7925 3.6437 15.8012C3.65242 15.8187 3.66114 15.8274 3.66986 15.8361C3.67858 15.8448 3.6873 15.8623 3.69602 15.8797C3.70474 15.8884 3.71346 15.9059 3.72218 15.9146C3.7309 15.932 3.73962 15.9408 3.75706 15.9495L3.78322 15.9757L3.79194 15.9844C3.80939 16.0018 3.81811 16.0193 3.83555 16.0367L3.85299 16.0541L3.87915 16.0803L3.93147 16.1326L3.94891 16.1501L3.97507 16.1762L3.9838 16.1849C4.00124 16.2024 4.0274 16.2198 4.04484 16.246L4.05356 16.2547C4.06228 16.2634 4.071 16.2634 4.07972 16.2809C4.10588 16.307 4.13204 16.3245 4.1582 16.3506L4.17565 16.3594L4.18437 16.3681L4.20181 16.3768C4.22797 16.3942 4.24541 16.4117 4.27157 16.4291L4.28029 16.4378C4.28901 16.4466 4.29773 16.4466 4.29773 16.4466L4.31517 16.464C4.33261 16.4814 4.35005 16.4902 4.3675 16.5076L4.38494 16.5163L4.40238 16.5338L4.4111 16.5425C4.42854 16.5512 4.4547 16.5686 4.47214 16.5774C4.48086 16.5861 4.48958 16.5948 4.50702 16.5948L4.52446 16.6035L4.53318 16.6122H4.54191C4.57679 16.6297 4.60295 16.6471 4.62911 16.6646L4.64655 16.6733L4.7512 16.7256H4.75992L4.77736 16.7343L4.82968 16.7605C4.8384 16.7605 4.84712 16.7692 4.85584 16.7692C4.86456 16.7779 4.87328 16.7779 4.89072 16.7867H4.89944C4.91689 16.7954 4.93433 16.8041 4.95177 16.8041H4.96049C4.97793 16.8128 4.99537 16.8215 5.02153 16.8303H5.03025L5.04769 16.839C5.05641 16.839 5.06513 16.8477 5.07385 16.8477H5.08257C5.10874 16.8564 5.1349 16.8651 5.16978 16.8739H5.1785C5.2221 16.8913 5.2657 16.9 5.30931 16.9087H5.31803C5.35291 16.9175 5.39651 16.9262 5.43139 16.9349H5.46627C5.50116 16.9436 5.53604 16.9523 5.57092 16.9523H5.6058C5.63196 16.9523 5.6494 16.9611 5.67557 16.9611C5.67557 16.9698 5.68429 16.9785 5.68429 16.9872C5.74533 17.1529 5.80637 17.3186 5.87614 17.4756C6.90515 20.3272 9.75674 22.5422 13.0095 22.952C16.2622 23.3532 19.7417 21.1905 21.1544 18.2691C21.2154 18.1558 21.2678 18.0511 21.3201 17.9378C21.4596 17.7895 21.573 17.6413 21.6427 17.4843C21.7561 17.3884 21.7823 17.1965 21.7735 17.0308ZM3.71346 15.8972H3.72218H3.71346Z" fill="#664F44"/>
+<path d="M18.9919 2.76413C18.8349 2.58972 18.6518 2.45892 18.4512 2.36299C18.4163 2.34555 18.3814 2.33683 18.3378 2.32811C18.3204 2.31939 18.303 2.30195 18.2855 2.29323C18.1111 2.22346 17.928 2.17986 17.7361 2.1537C16.7943 2.03161 15.713 2.38043 15.1025 2.62461C15.0677 2.64205 15.0328 2.65077 14.9979 2.66821C14.9456 2.69437 14.8932 2.71181 14.8409 2.73797C14.7537 2.77285 14.6665 2.81646 14.5706 2.86006C14.5531 2.86878 14.5444 2.86878 14.527 2.8775L14.3613 2.68565L14.2828 2.59844L14.2131 2.51996L14.1869 2.48508L13.5503 1.75256L13.498 1.69152L13.4282 1.61303H13.4195L13.2364 1.65663L13.0271 1.70024C12.9137 1.64791 12.7742 1.61303 12.6172 1.58687C12.3033 1.54327 11.9021 1.58687 11.4487 1.70024C10.9952 1.8136 10.4807 2.01417 9.94002 2.28451C8.84996 2.82518 7.64654 3.65362 6.478 4.71752C6.06813 5.08378 5.69315 5.46748 5.34434 5.84246C5.00424 6.20872 4.69902 6.5837 4.41997 6.94124C3.85314 7.68248 3.42583 8.39756 3.14678 9.04287C2.96365 9.47017 2.85028 9.86259 2.80668 10.2027C2.7718 10.4469 2.78052 10.6649 2.82412 10.8393C2.84156 10.9003 2.859 10.9439 2.87644 10.9963C2.92005 11.1009 2.97237 11.1881 3.04213 11.2666L3.74849 12.0078L3.82697 12.0863L3.8357 12.0776C3.85314 12.0514 3.8793 12.0253 3.90546 12.0078L3.91418 11.9991L3.94034 11.9729C3.95778 11.9468 3.98394 11.9293 4.00138 11.9032C4.01882 11.8857 4.02755 11.877 4.04499 11.8683C4.06243 11.8596 4.07115 11.8421 4.08859 11.8334L4.10603 11.816C4.12347 11.8073 4.13219 11.7898 4.14963 11.7811C4.16707 11.7637 4.19323 11.7462 4.21068 11.7288C4.2194 11.7201 4.23684 11.7113 4.24556 11.7026H4.25428C4.28044 11.6852 4.29788 11.6677 4.32404 11.6503C4.34148 11.6416 4.3502 11.6328 4.36764 11.6154C4.39381 11.598 4.41125 11.5805 4.43741 11.5631C4.45485 11.5544 4.46357 11.5456 4.48101 11.5369C4.50717 11.5195 4.53333 11.502 4.55949 11.4933C4.57693 11.4846 4.58566 11.4759 4.6031 11.4672C4.62926 11.4497 4.65542 11.441 4.68158 11.4236C4.69902 11.4148 4.70774 11.4061 4.72518 11.3974L4.74262 11.3887C4.76878 11.38 4.78623 11.3625 4.81239 11.3538C4.82111 11.3451 4.83855 11.3451 4.84727 11.3364C4.86471 11.3276 4.88215 11.3189 4.90831 11.3102L4.96064 11.284L4.97808 11.2753L5.10888 11.223C5.12632 11.2143 5.13504 11.2143 5.15249 11.2055C5.16993 11.1968 5.17865 11.1968 5.19609 11.1881L5.21353 11.1794C5.22225 11.1794 5.23097 11.1707 5.23969 11.1707C5.25713 11.1619 5.27457 11.1619 5.30073 11.1532H5.31817C5.34434 11.1445 5.36178 11.1445 5.38794 11.1358C5.40538 11.1271 5.43154 11.1271 5.44898 11.1183C5.47514 11.1096 5.5013 11.1096 5.52747 11.1009C5.53619 11.1009 5.54491 11.0922 5.56235 11.0922C5.57107 11.0922 5.58851 11.0922 5.59723 11.0835C5.62339 11.0747 5.64955 11.0747 5.67571 11.0747C5.70187 11.0747 5.71932 11.066 5.74548 11.066C5.76292 11.066 5.78036 11.0573 5.7978 11.0573H5.86756C5.95477 11.0573 6.05941 11.0573 6.16406 11.066H6.1815C6.28615 11.0747 6.40823 11.0922 6.53032 11.1183C6.55648 11.1271 6.59136 11.1271 6.61752 11.1358C6.62624 11.1271 6.62624 11.1096 6.63496 11.1009C6.70473 10.9875 6.76577 10.8654 6.83554 10.7521C7.22796 10.098 7.64654 9.5225 8.07384 9.01671C8.22209 8.8423 8.37034 8.68533 8.51859 8.52836C9.13774 7.88305 9.75689 7.38598 10.315 7.00228C10.4371 6.91508 10.5679 6.83659 10.6813 6.75811C10.847 6.65346 11.0039 6.56626 11.1522 6.47905C11.2743 6.40929 11.3876 6.34825 11.501 6.29592C11.6841 6.2 11.8498 6.12151 11.9981 6.06047L12.1289 6.00815C12.1899 5.98199 12.2509 5.95582 12.3033 5.93838C12.2597 5.92966 12.2073 5.92966 12.1637 5.92966H11.9893C11.9457 5.92966 11.8934 5.92966 11.8498 5.93838C11.7626 5.9471 11.6667 5.95582 11.5707 5.96455C11.5359 5.97327 11.5097 5.97327 11.4748 5.98199C11.7103 5.8599 11.9457 5.7727 12.1637 5.70293C12.312 5.65933 12.4602 5.62445 12.5998 5.59829C12.7916 5.5634 12.9747 5.53724 13.1404 5.52852C13.2538 5.5198 13.3584 5.5198 13.4544 5.5198C13.5503 5.5198 13.6462 5.52852 13.7247 5.52852C14.0125 5.54596 14.1869 5.58957 14.1869 5.58957C14.1433 5.52852 14.091 5.48492 14.0386 5.44132C13.934 5.36283 13.8206 5.31051 13.716 5.26691C13.6724 5.24947 13.6375 5.24075 13.6026 5.22331C13.5765 5.21458 13.5503 5.20586 13.5329 5.20586C13.5852 5.19714 13.6288 5.18842 13.6724 5.18842C13.7247 5.1797 13.7683 5.1797 13.8206 5.17098C14.2305 5.1361 14.5968 5.17098 14.8671 5.21459C15.1897 5.27563 15.3903 5.35411 15.3903 5.35411C15.3467 5.26691 15.2769 5.18842 15.1985 5.11866C15.1461 5.07506 15.0851 5.03146 15.0328 4.99657C15.1461 5.02273 15.2421 5.0489 15.3467 5.08378C15.6083 5.16226 15.8263 5.25819 16.0007 5.33667L16.1577 5.41516C16.1752 5.42388 16.1839 5.4326 16.1926 5.4326C16.3496 5.5198 16.4368 5.58084 16.4368 5.58084C16.4106 5.48492 16.3583 5.39771 16.2885 5.31923C16.2711 5.30179 16.2536 5.27563 16.2362 5.25819H16.2449C16.2536 5.25819 16.2624 5.26691 16.2798 5.26691C16.2885 5.26691 16.306 5.27563 16.3234 5.28435C16.3932 5.31051 16.4978 5.35411 16.6199 5.41516C16.6286 5.41516 16.6286 5.42388 16.6373 5.42388L16.6897 5.45004C16.7333 5.4762 16.7769 5.49364 16.8205 5.52852L16.9513 5.60701C16.9774 5.62445 16.9949 5.63317 17.021 5.65061C17.0646 5.68549 17.117 5.72037 17.1606 5.76397C17.2129 5.80758 17.2565 5.85118 17.3001 5.89478L17.3263 5.92094C17.3611 5.95582 17.396 5.99071 17.4222 6.02559C17.4832 6.09535 17.5356 6.17384 17.5879 6.25232C17.6489 6.34825 17.6925 6.46161 17.7361 6.57498C17.7361 6.5837 17.7361 6.59242 17.7448 6.59242C17.771 6.56626 17.8233 6.51393 17.8844 6.44417C18.3902 5.85118 19.9075 3.93268 18.9919 2.76413Z" fill="#132134"/>
+<path d="M21.2504 17.0919C21.2504 17.0919 21.2678 16.9611 21.1981 16.839C21.1981 16.8302 21.1893 16.8215 21.1893 16.8215L21.1806 16.8128L21.1545 16.7866C21.137 16.7692 21.1196 16.7518 21.0934 16.7343C21.0847 16.7256 21.0672 16.7169 21.0498 16.7082C21.0062 16.6907 20.9626 16.6733 20.9016 16.6646C20.858 16.6558 20.8144 16.6558 20.762 16.6558H20.6923V16.6733C20.6923 16.682 20.701 16.6907 20.701 16.7082C20.701 16.7169 20.701 16.7256 20.7097 16.7256C20.7184 16.7518 20.7271 16.7954 20.7359 16.8302C20.7359 16.8302 20.7359 16.839 20.7271 16.8564V16.8651C20.701 16.9262 20.6312 17.0657 20.4743 17.2401C20.4481 17.275 20.4219 17.3011 20.3871 17.336C19.951 17.7895 19.0092 18.4261 17.021 18.7836C16.3495 18.8796 15.7216 18.8883 15.1984 18.8185C14.4135 18.7226 13.8293 18.4697 13.5502 18.1296C13.524 18.1034 13.5066 18.0686 13.4804 18.0424C13.463 18.0162 13.4543 17.9988 13.4368 17.9726C13.4281 17.9639 13.4281 17.9552 13.4194 17.9465C13.306 17.7372 13.2537 17.5104 13.2537 17.2924C13.2537 17.0221 13.3409 16.7692 13.4804 16.5773C13.5938 16.4204 13.7421 16.2983 13.9252 16.246C14.0124 16.2198 14.1083 16.2024 14.2042 16.2111C14.2217 16.2111 14.2478 16.2111 14.2827 16.2198C14.3438 16.2285 14.4397 16.2373 14.5531 16.2547C14.5618 16.2547 14.5792 16.2547 14.5879 16.2634C14.9629 16.307 15.5559 16.3681 16.271 16.3245C17.5791 16.246 19.297 15.8361 20.858 14.4234V14.4147C20.8667 14.2926 20.8492 14.0833 20.701 13.9176C20.6748 13.8914 20.6487 13.8653 20.6138 13.8391C20.5963 13.8217 20.5702 13.813 20.5527 13.7955C20.5266 13.7868 20.5091 13.7694 20.4917 13.7606L20.4132 13.7083V13.6996C20.4045 13.6822 20.3958 13.6647 20.3783 13.6473C19.9772 13.0368 19.4191 12.6793 19.1923 12.5136C19.0877 12.4351 19.0179 12.4002 19.0179 12.4002C18.5383 12.1038 18.4685 12.0078 18.5121 11.2143C18.5296 10.9265 18.5558 10.5515 18.5906 10.037C18.5906 9.96724 18.5994 9.90619 18.5994 9.84515V9.80155V9.59226C18.5994 9.54865 18.5906 9.50505 18.5906 9.47017C18.5906 9.45273 18.5906 9.43529 18.5819 9.41785C18.5732 9.37424 18.5732 9.33064 18.5645 9.28704C18.5645 9.2696 18.5558 9.24344 18.5558 9.226C18.5558 9.19984 18.547 9.18239 18.5383 9.15623C18.5296 9.13879 18.5296 9.11263 18.5209 9.09519C18.5121 9.06903 18.5034 9.04287 18.5034 9.01671C18.5034 9.00798 18.4947 8.99926 18.4947 8.99054C18.4947 8.98182 18.486 8.9731 18.486 8.96438V8.95566L18.4773 8.9295C18.4685 8.91206 18.4598 8.89462 18.4598 8.87718V8.86846L18.4511 8.85102L18.4424 8.83358C18.4249 8.79869 18.4162 8.76381 18.3988 8.73765L18.3901 8.71149C18.3726 8.68533 18.3552 8.65045 18.3377 8.62428L18.329 8.61556L18.3203 8.60684C18.3029 8.5894 18.2941 8.57196 18.2767 8.55452L18.2593 8.52836C18.2418 8.5022 18.2244 8.48476 18.2069 8.46732V8.39755C18.1982 8.36267 18.1895 8.31907 18.1808 8.27547C18.1808 8.26675 18.1721 8.2493 18.1721 8.24058V8.23186C18.1721 8.21442 18.1633 8.2057 18.1633 8.18826C18.1546 8.15338 18.1459 8.1185 18.1284 8.08362C18.1284 8.0749 18.1197 8.05745 18.1197 8.04873L18.0936 7.97025C18.0848 7.95281 18.0848 7.93537 18.0761 7.92665C18.0674 7.90049 18.0587 7.87432 18.0412 7.84816L18.0151 7.79584C18.0064 7.76968 17.9889 7.74352 17.9802 7.71736L17.954 7.66503C17.9366 7.63887 17.9279 7.61271 17.9104 7.58655L17.8843 7.53423C17.8668 7.50806 17.8494 7.4819 17.832 7.44702C17.8232 7.42958 17.8145 7.42086 17.8058 7.40342C17.7971 7.3947 17.7884 7.37726 17.7796 7.36854C17.7535 7.34238 17.736 7.31621 17.7099 7.29005L17.6924 7.28133C17.6575 7.24645 17.6314 7.21157 17.5965 7.18541L17.5878 7.17669C17.5703 7.16797 17.5529 7.15053 17.5442 7.1418H17.5355C17.518 7.13308 17.5093 7.12436 17.4919 7.11564L17.4831 7.10692C17.4657 7.0982 17.4395 7.08076 17.4047 7.06332C17.3959 7.0546 17.3785 7.0546 17.361 7.04588C17.2826 7.01972 17.1866 6.98484 17.0646 6.94995C17.0558 6.94995 17.0471 6.94995 17.0384 6.94123C16.9425 6.91507 16.8291 6.88891 16.707 6.87147C16.6634 6.86275 16.6285 6.86275 16.5849 6.85403C16.5675 6.85403 16.55 6.85403 16.5239 6.84531H16.4977C16.4018 6.83659 16.3146 6.82787 16.2187 6.82787H16.2099C16.0879 6.82787 15.9658 6.83659 15.8524 6.86275C15.8786 6.81915 15.9571 6.76682 16.0268 6.72322C16.1227 6.6709 16.2099 6.63602 16.2099 6.63602C16.1576 6.63602 16.1053 6.64474 16.053 6.65346C16.0355 6.65346 16.0181 6.66218 16.0007 6.66218C15.9919 6.66218 15.9745 6.66218 15.9658 6.6709H15.9571C15.9483 6.6709 15.9396 6.6709 15.9309 6.67962C15.6606 6.74066 15.3989 6.83659 15.2507 6.89763L15.1984 6.92379H15.1897C15.1722 6.92379 15.1635 6.92379 15.146 6.93251C15.2507 6.73194 15.4077 6.6273 15.5297 6.57497C15.5472 6.56625 15.5734 6.55753 15.5908 6.54881C15.5995 6.54881 15.5995 6.54881 15.6082 6.54009C15.6257 6.53137 15.6431 6.53137 15.6518 6.52265C15.678 6.51393 15.6954 6.51393 15.6954 6.51393H15.5559C15.2594 6.54881 14.9891 6.64474 14.7623 6.77555C14.6054 6.86275 14.4659 6.95868 14.3438 7.0546C14.3089 7.06332 14.2827 7.07204 14.2478 7.07204C13.9165 7.1418 13.5415 7.22901 13.1491 7.3511C13.0008 7.3947 12.8526 7.44702 12.7043 7.49934C12.591 7.54295 12.4689 7.58655 12.3555 7.63015C12.2683 7.66503 12.1898 7.69992 12.1026 7.7348C11.5009 8.00513 10.8992 8.36267 10.4021 8.8423L10.3498 8.89462L10.219 9.02543L10.1667 9.07775C10.1492 9.10391 10.1231 9.13007 10.1056 9.14751C10.0097 9.25216 9.92249 9.36552 9.83529 9.48761C9.77424 9.57482 9.7132 9.67074 9.66088 9.76667L9.65216 9.77539C9.53879 9.97596 9.43414 10.1852 9.35566 10.4207C9.31206 10.5341 9.27718 10.6562 9.24229 10.7782C9.23357 10.8131 9.22485 10.8393 9.21613 10.8742L9.20741 10.8916C9.17253 11.0224 9.14637 11.1619 9.12893 11.3015C9.12893 11.3276 9.12021 11.3538 9.12021 11.3887C9.11149 11.4584 9.10277 11.5282 9.10277 11.6067C9.09405 11.6764 9.09405 11.7375 9.09405 11.8073V12.0776C9.09405 12.1561 9.09405 12.2346 9.10277 12.313V12.3218C9.10277 12.4002 9.11149 12.4787 9.12021 12.5659C9.12021 12.6008 9.12893 12.6357 9.12893 12.6706V12.6967C9.12893 12.7142 9.12893 12.7316 9.13765 12.7578C9.14637 12.845 9.16381 12.9409 9.17253 13.0368C9.17253 13.063 9.18125 13.0892 9.18125 13.1153C9.19869 13.1938 9.20741 13.281 9.22485 13.3595C9.22485 13.3595 9.20741 13.2549 9.21613 13.0979C9.21613 13.063 9.22485 13.0194 9.22485 12.9845C9.23357 12.8973 9.25101 12.7927 9.2859 12.6967L9.31206 12.6183C9.31206 12.6095 9.32078 12.6008 9.3295 12.5834C9.34694 12.5398 9.3731 12.4875 9.39926 12.4438C9.40798 12.4787 9.40798 12.5136 9.4167 12.5398V13.002C9.42542 13.2985 9.45158 13.656 9.51263 13.9612C9.51263 13.9612 9.52135 13.4118 9.61727 13.3421C9.61727 13.3421 9.78296 14.3711 9.93121 14.7548C9.94865 14.8071 9.97481 14.842 9.99225 14.8681V14.7635L9.97481 14.1967V14.1356C10.0882 14.3711 10.219 14.6065 10.3672 14.8594C10.4108 14.9292 10.4457 14.9989 10.4893 15.0687C10.2103 15.3129 9.94865 15.6704 9.7568 16.089C9.73064 16.1588 9.69576 16.2285 9.6696 16.2983C9.65216 16.3419 9.64344 16.3768 9.62599 16.4204C9.62599 16.4291 9.61727 16.4465 9.61727 16.4553C9.60855 16.4814 9.59983 16.5163 9.59111 16.5425C9.59111 16.5599 9.58239 16.5686 9.58239 16.5861C9.57367 16.6122 9.56495 16.6471 9.55623 16.6733C9.55623 16.6907 9.54751 16.6994 9.54751 16.7169L9.52135 16.8477C9.51263 16.8913 9.50391 16.9349 9.50391 16.9785C9.50391 16.9959 9.50391 17.0047 9.49519 17.0221C9.49519 17.057 9.48647 17.0831 9.48647 17.118C9.48647 17.1355 9.48647 17.1529 9.47775 17.1703C9.47775 17.2052 9.46903 17.2314 9.46903 17.2663V17.5715C9.46903 17.6064 9.46903 17.6412 9.47775 17.6848V17.711C9.47775 17.7546 9.48647 17.7982 9.49519 17.8505C9.49519 17.868 9.49519 17.8767 9.50391 17.8941C9.50391 17.929 9.51263 17.9552 9.52135 17.9901C9.52135 18.0075 9.53007 18.0249 9.53007 18.0424C9.53879 18.0686 9.53879 18.1034 9.54751 18.1296C9.54751 18.147 9.55623 18.1645 9.55623 18.1819C9.56495 18.2081 9.57367 18.2342 9.57367 18.2691C9.58239 18.2866 9.58239 18.304 9.59111 18.3302C9.59983 18.3563 9.60855 18.3912 9.61727 18.4174C9.62599 18.4348 9.62599 18.4523 9.63471 18.4697C9.64344 18.4959 9.65216 18.5307 9.66088 18.5569C9.6696 18.5743 9.6696 18.5918 9.67832 18.6092C9.68704 18.6441 9.70448 18.679 9.7132 18.7051C9.72192 18.7226 9.72192 18.7313 9.73064 18.7487L9.86145 19.0365C9.87017 19.054 9.87889 19.0627 9.88761 19.0801L9.93993 19.1848C9.94865 19.2022 9.95737 19.2197 9.97481 19.2371C9.99225 19.2633 10.0097 19.2981 10.0271 19.3243C10.0359 19.3417 10.0533 19.3592 10.062 19.3766C10.0795 19.4028 10.0969 19.4377 10.1231 19.4638C10.1405 19.4813 10.1492 19.4987 10.1667 19.5249C10.1841 19.551 10.2103 19.5859 10.2277 19.6121C10.2451 19.6295 10.2539 19.647 10.2713 19.6731C10.2975 19.6993 10.3149 19.7342 10.3411 19.7603C10.3585 19.7778 10.3672 19.7952 10.3847 19.8126C10.4108 19.8475 10.437 19.8737 10.4719 19.9086L10.5155 19.9522C10.5591 19.9958 10.6027 20.0481 10.6463 20.0917C10.6463 20.0917 10.6201 20.0568 10.5852 19.9871C10.5765 19.9783 10.5678 19.9609 10.5678 19.9435L10.5416 19.8911C10.5329 19.8737 10.5242 19.8562 10.5155 19.8301C10.4457 19.6731 10.3847 19.4464 10.3934 19.2022L10.4719 19.3069C10.498 19.3679 10.5416 19.4464 10.5852 19.5336C10.6027 19.5598 10.6201 19.5946 10.6288 19.6208C10.6986 19.7429 10.7684 19.8824 10.8556 20.0132C10.9602 20.1789 11.0649 20.3359 11.1782 20.4841C11.1782 20.4841 11.0474 20.2051 11.0038 20.0219C10.9951 19.9696 10.9864 19.926 10.9951 19.8998C11.0038 19.9086 11.0125 19.926 11.03 19.9347C11.0387 19.9434 11.0474 19.9609 11.0649 19.9696C11.0823 19.9958 11.1085 20.0307 11.1434 20.0743L11.1608 20.0917C11.1782 20.1091 11.187 20.1353 11.2044 20.1527C11.2218 20.1789 11.2393 20.2051 11.2654 20.2312C11.4486 20.4667 11.7015 20.7806 11.8759 20.9463C11.9369 20.9986 11.9892 21.0422 12.0241 21.0597L11.7712 20.6062C12.3468 21.0771 14.7362 21.6788 17.082 21.0073C17.3698 20.9289 17.6488 20.8242 17.9279 20.7021C18.0936 20.6324 18.2593 20.5452 18.4249 20.458L18.4511 20.4405C18.5645 20.3795 18.6778 20.3097 18.7912 20.2399C18.8784 20.1876 18.9656 20.1266 19.0441 20.0743C19.1836 19.9783 19.3232 19.8737 19.4627 19.7603C19.4714 19.7516 19.4801 19.7429 19.4888 19.7429C19.6196 19.6295 19.7505 19.5074 19.8638 19.3853C20.0208 19.2197 20.1603 19.054 20.2824 18.8883L20.2911 18.8796C20.326 18.836 20.3522 18.8011 20.3783 18.7575L20.3871 18.7487C20.3958 18.7313 20.4045 18.7226 20.4132 18.7051C20.4568 18.6441 20.4917 18.5918 20.5353 18.5307C20.544 18.5133 20.5527 18.5046 20.5615 18.4871C20.5789 18.4523 20.5963 18.4261 20.6225 18.3912C20.6399 18.365 20.6487 18.3476 20.6661 18.3214C20.6835 18.2953 20.701 18.2691 20.7097 18.243C20.7359 18.1994 20.762 18.147 20.7882 18.1034L20.8144 18.0511L20.8667 17.9465L20.8928 17.8941L20.9016 17.8767C20.919 17.8331 20.9452 17.7895 20.9626 17.7459V17.7372C21.0411 17.6674 21.0934 17.5976 21.1457 17.5366C21.1545 17.5279 21.1632 17.5192 21.1632 17.5104C21.2155 17.3448 21.2504 17.2139 21.2504 17.0919ZM7.21914 15.4001C7.21914 15.3914 7.21915 15.3826 7.21042 15.3652C7.18426 15.217 7.1581 15.06 7.14938 14.903V14.8681C7.12322 14.8769 7.09706 14.9117 7.06218 14.9553C7.05346 14.9728 7.03602 14.9902 7.02729 15.0164C6.94881 15.1646 6.87905 15.3739 6.87905 15.3739C6.88777 15.3042 6.89649 15.2344 6.89649 15.1646V15.1385C6.90521 15.0687 6.91393 14.9902 6.92265 14.9205V14.8943C6.93137 14.8071 6.94881 14.7286 6.96625 14.6501C6.96625 14.6414 6.96625 14.6327 6.97497 14.6152V14.6065C6.97497 14.5978 6.97497 14.5891 6.98369 14.5804C6.98369 14.5629 6.99241 14.5542 6.99241 14.5368C7.00113 14.4757 7.01857 14.4147 7.02729 14.3536C7.03602 14.3013 7.04474 14.249 7.05346 14.2054V14.1879C7.05346 14.1792 7.05346 14.1705 7.06218 14.1705V14.1531C7.06218 14.1443 7.0709 14.1269 7.0709 14.1182C7.0709 14.1095 7.0709 14.1007 7.07962 14.092C7.07962 14.0746 7.08834 14.0571 7.08834 14.0484C7.08834 14.0397 7.09706 14.0223 7.09706 14.0135C7.09706 13.9961 7.10578 13.9787 7.10578 13.9699C7.10578 13.9612 7.10578 13.9525 7.1145 13.9438C7.1145 13.935 7.1145 13.9263 7.12322 13.9263C7.12322 13.9089 7.13194 13.9002 7.13194 13.8914V13.8653L7.1145 13.8827C7.09706 13.8914 7.08834 13.9089 7.0709 13.9176L7.05346 13.935C7.03602 13.9525 7.01857 13.9699 7.00985 13.9874L7.00113 13.9961L6.94881 14.0746L6.94009 14.0833C6.94009 14.092 6.93137 14.092 6.93137 14.1007L6.90521 14.1531V14.1705C6.89649 14.1967 6.87905 14.2228 6.87033 14.249C6.84416 14.3187 6.818 14.3885 6.80056 14.4496C6.79184 14.467 6.79184 14.4932 6.78312 14.5019C6.7744 14.5368 6.76568 14.5716 6.76568 14.5804V14.5891V14.5804C6.76568 14.5542 6.76568 14.5368 6.7744 14.5106C6.7744 14.467 6.78312 14.4147 6.78312 14.3711C6.78312 14.3362 6.79184 14.2926 6.80056 14.2577C6.80056 14.249 6.80056 14.2315 6.80928 14.2228C6.80928 14.2054 6.818 14.1879 6.818 14.1705C6.818 14.1531 6.82672 14.1356 6.82672 14.1182V14.092C6.82672 14.0746 6.83544 14.0484 6.83544 14.031V13.9874V13.9699C6.83544 13.9612 6.83544 13.9525 6.84417 13.9438C6.85289 13.9176 6.86161 13.8827 6.86161 13.8566V13.8478C6.87033 13.8304 6.87033 13.8042 6.87905 13.7868V13.7781C6.88777 13.7345 6.90521 13.6909 6.91393 13.6473V13.6298C6.91393 13.6211 6.91393 13.6124 6.92265 13.6037C6.94009 13.5339 6.96625 13.4641 6.98369 13.4031V13.3944C7.00113 13.3421 7.02729 13.281 7.04474 13.2287V13.22C7.05346 13.1938 7.06218 13.1764 7.0709 13.1502C7.08834 13.1153 7.09706 13.0804 7.1145 13.0456C7.1145 13.0368 7.12322 13.0194 7.14066 12.9845C7.14938 12.9758 7.14938 12.9584 7.1581 12.9496C7.16682 12.9322 7.17554 12.9148 7.18426 12.8886L7.19298 12.8712L7.34123 12.6008C7.34995 12.5921 7.34995 12.5747 7.35867 12.5659V12.5572L7.36739 12.5398C7.38483 12.5136 7.40228 12.4787 7.41972 12.4526C7.44588 12.409 7.46332 12.3654 7.48948 12.3305C7.53308 12.252 7.56796 12.1822 7.59413 12.1474C7.60285 12.1212 7.61157 12.1125 7.62029 12.1038C7.61157 12.1038 7.56796 12.0689 7.4982 12.0253C7.411 11.9729 7.28891 11.9032 7.14066 11.8334C7.08834 11.8073 7.04474 11.7898 6.99241 11.7637C6.93137 11.7375 6.86161 11.7113 6.79184 11.6852C6.7744 11.6764 6.75696 11.6764 6.73952 11.6677C6.67848 11.6503 6.62615 11.6328 6.56511 11.6154C6.52151 11.6067 6.47791 11.598 6.44302 11.5892C6.40814 11.5805 6.37326 11.5805 6.33838 11.5718C6.32094 11.5718 6.3035 11.5718 6.28606 11.5631C6.26861 11.5631 6.25117 11.5631 6.23373 11.5544C6.19013 11.5544 6.13781 11.5456 6.0942 11.5456H6.02444C5.9198 11.5456 5.82387 11.5544 5.72795 11.5718H5.7105C5.53609 11.598 5.37041 11.6416 5.20472 11.7026C5.15239 11.7201 5.10007 11.7462 5.03903 11.7724C5.02159 11.7811 5.01287 11.7898 4.99543 11.7898L4.9431 11.816C4.78613 11.8945 4.63789 11.9991 4.49836 12.1125H4.48964C4.36755 12.2084 4.26291 12.3218 4.16698 12.4351L4.0885 12.5398C4.05362 12.5834 4.02745 12.627 4.00129 12.6706C3.94897 12.7491 3.89665 12.8363 3.85304 12.9235C3.8356 12.9584 3.81816 12.9845 3.80944 13.0194C3.80944 13.0281 3.80072 13.0281 3.80072 13.0368C3.71352 13.2461 3.64375 13.4641 3.61759 13.6996C3.60887 13.7432 3.60887 13.7868 3.60015 13.8391V13.8566C3.60015 13.8914 3.59143 13.9263 3.59143 13.9699V14.1269C3.59143 14.1618 3.59143 14.1967 3.60015 14.2315V14.2751C3.60015 14.3013 3.60887 14.3275 3.60887 14.3536V14.3624C3.60887 14.3798 3.60887 14.3885 3.61759 14.406C3.61759 14.4321 3.62631 14.4583 3.62631 14.4757C3.62631 14.4932 3.63503 14.5106 3.63503 14.528C3.64375 14.5542 3.64375 14.5716 3.65247 14.5978C3.65247 14.6152 3.66119 14.6327 3.66991 14.6501V14.6588L3.67864 14.6763V14.6937L3.68736 14.7112C3.69608 14.7286 3.69608 14.7461 3.7048 14.7635C3.71352 14.7809 3.71352 14.8071 3.72224 14.8245C3.73096 14.842 3.73968 14.8594 3.73968 14.8856L3.7484 14.903C3.75712 14.9205 3.75712 14.9292 3.76584 14.9466C3.77456 14.9641 3.78328 14.9815 3.792 15.0077L3.81816 15.06C3.82688 15.0687 3.82688 15.0774 3.8356 15.0862C3.84432 15.0949 3.84432 15.1036 3.85304 15.1123L3.87921 15.1646C3.88793 15.1821 3.89665 15.2082 3.91409 15.2257C3.92281 15.2431 3.93153 15.2606 3.94025 15.2693C3.94897 15.2867 3.96641 15.3129 3.97513 15.3303C3.98385 15.3478 3.99257 15.3565 4.00129 15.3739C4.01001 15.3914 4.02745 15.4175 4.04489 15.435C4.05362 15.4524 4.06234 15.4611 4.07106 15.4699C4.0885 15.4873 4.09722 15.5135 4.11466 15.5309C4.12338 15.5396 4.1321 15.5571 4.14082 15.5658C4.15826 15.5832 4.1757 15.6094 4.19314 15.6268C4.20186 15.6355 4.21058 15.6443 4.2193 15.6617C4.23675 15.6791 4.25419 15.7053 4.27163 15.7227L4.29779 15.7489C4.31523 15.7663 4.33267 15.7925 4.35883 15.8099L4.38499 15.8361L4.44604 15.8972C4.45476 15.9059 4.46348 15.9146 4.4722 15.9146C4.48964 15.932 4.5158 15.9495 4.54196 15.9756C4.55068 15.9844 4.5594 15.9844 4.56812 15.9931C4.59428 16.0105 4.61173 16.028 4.63789 16.0454C4.64661 16.0541 4.65533 16.0541 4.65533 16.0628L4.73381 16.1152L4.75125 16.1239L4.82974 16.1762L4.84718 16.1849C4.87334 16.2024 4.90822 16.2198 4.93438 16.2373L4.95182 16.246C4.97799 16.2634 5.01287 16.2809 5.03903 16.2896L5.05647 16.2983C5.09135 16.3157 5.11751 16.3245 5.15239 16.3419L5.16111 16.3506C5.196 16.3681 5.23088 16.3768 5.25704 16.3942H5.26576C5.30064 16.4029 5.33552 16.4204 5.37041 16.4291H5.37913C5.39657 16.4378 5.41401 16.4378 5.43145 16.4465C5.44889 16.4553 5.46633 16.4553 5.49249 16.464H5.50121C5.53609 16.4727 5.5797 16.4814 5.61458 16.4901C5.64946 16.4989 5.69306 16.5076 5.72795 16.5076C5.85003 16.525 5.97212 16.5337 6.0942 16.5425H6.18141C6.22501 16.5425 6.25989 16.5425 6.3035 16.5337C6.35582 16.525 6.41686 16.525 6.47791 16.5163C6.53023 16.5076 6.58255 16.4989 6.62615 16.4901C6.70464 16.4727 6.78312 16.4553 6.85289 16.4291C7.07962 16.3681 7.27147 16.2809 7.39355 16.1849C7.39355 16.1849 7.31507 15.8361 7.25403 15.4873C7.23659 15.4699 7.22787 15.435 7.21914 15.4001Z" fill="#90694C"/>
+<path d="M12.8176 2.44148L12.7914 2.09267L12.9658 1.70896L13.0356 1.69152C12.9222 1.6392 12.7827 1.60432 12.6257 1.57816C12.3118 1.53456 11.9107 1.57816 11.4572 1.69152C11.0037 1.80489 10.4892 2.00546 9.94857 2.2758C8.85851 2.81646 7.65508 3.64491 6.48654 4.70881C6.07668 5.07507 5.7017 5.45877 5.35288 5.83375C5.01278 6.20001 4.70757 6.57499 4.42851 6.93252C3.86168 7.67376 3.43438 8.38884 3.15532 9.03416C2.97219 9.46146 2.85883 9.85388 2.81522 10.194C2.78034 10.4382 2.78906 10.6562 2.83267 10.8306C2.85011 10.8916 2.86755 10.9352 2.88499 10.9875C2.92859 11.0922 2.98091 11.1794 3.05068 11.2579L3.75704 11.9991L3.83552 12.0776L3.84424 12.0689C3.86168 12.0427 3.88784 12.0166 3.914 11.9991L3.92272 11.9904L3.94889 11.9642C3.96633 11.9381 3.99249 11.9206 4.00993 11.8945C4.02737 11.877 4.03609 11.8683 4.05353 11.8596C4.07097 11.8509 4.07969 11.8334 4.09713 11.8247L4.11457 11.8073C4.13202 11.7985 4.14074 11.7811 4.15818 11.7724C4.17562 11.7549 4.20178 11.7375 4.21922 11.7201C4.22794 11.7113 4.24538 11.7026 4.2541 11.6939H4.26282C4.28898 11.6765 4.30642 11.659 4.33259 11.6416C4.35003 11.6329 4.35875 11.6241 4.37619 11.6067C4.40235 11.5893 4.41979 11.5718 4.44595 11.5544C4.46339 11.5457 4.47211 11.5369 4.48955 11.5282C4.51572 11.5108 4.54188 11.4933 4.56804 11.4846C4.58548 11.4759 4.5942 11.4672 4.61164 11.4584C4.6378 11.441 4.66396 11.4323 4.69013 11.4148C4.70757 11.4061 4.71629 11.3974 4.73373 11.3887L4.75117 11.38C4.91686 10.9178 5.16975 10.4033 5.50113 9.88004C5.90227 9.23473 6.41678 8.55453 7.02721 7.87434C7.41091 7.44703 7.82949 7.01973 8.28296 6.60987C8.86723 6.07792 9.46894 5.59829 10.0619 5.17971C10.4631 4.90066 10.8555 4.64776 11.2392 4.42975C11.2741 4.41231 11.309 4.38615 11.3526 4.36871C11.4572 4.30766 11.5531 4.25534 11.6578 4.20302C11.8758 4.08965 12.0938 3.98501 12.3031 3.8978L12.1984 3.77572L12.181 3.75827L12.0502 3.61003L11.3264 2.73798L11.3351 2.11011L11.3264 2.10139L11.8409 1.94442L12.8176 2.44148Z" fill="#2F83C1"/>
+<path d="M21.2504 17.0919C21.2504 17.0919 21.2679 16.9611 21.1981 16.839C21.1981 16.8302 21.1894 16.8215 21.1894 16.8215L21.1807 16.8128L21.1545 16.7866C21.1371 16.7692 21.1196 16.7518 21.0935 16.7343C21.0848 16.7256 21.0673 16.7169 21.0499 16.7082C21.0063 16.6907 20.9627 16.6733 20.9016 16.6646C20.858 16.6558 20.8144 16.6558 20.7621 16.6558H20.6923V16.6733C20.6923 16.682 20.7011 16.6907 20.7011 16.7082C20.7011 16.7169 20.701 16.7256 20.7098 16.7256C20.7185 16.7518 20.7272 16.7954 20.7359 16.8302C20.7359 16.8302 20.7359 16.839 20.7272 16.8564V16.8651C20.7011 16.9262 20.6313 17.0657 20.4743 17.2401C20.4482 17.275 20.422 17.3012 20.3871 17.336C19.9511 17.7895 19.0093 18.4261 17.021 18.7836C16.3495 18.8796 15.7217 18.8883 15.1984 18.8185C14.4136 18.7226 13.8293 18.4697 13.5503 18.1296C13.5241 18.1034 13.5067 18.0686 13.4805 18.0424C13.4631 18.0162 13.4543 17.9988 13.4369 17.9726C13.4282 17.9639 13.4282 17.9552 13.4195 17.9465C13.3061 17.7372 13.2538 17.5104 13.2538 17.2924C13.2538 17.0221 13.341 16.7692 13.4805 16.5774C13.5939 16.4204 13.7421 16.2983 13.9252 16.246C14.0125 16.2198 14.1084 16.2024 14.2043 16.2111C14.2217 16.2111 14.2479 16.2111 14.2828 16.2198C14.3438 16.2285 14.4398 16.2373 14.5531 16.2547C14.5618 16.2547 14.5793 16.2547 14.588 16.2634C14.963 16.307 15.556 16.3681 16.2711 16.3245C17.5791 16.246 19.2971 15.8361 20.858 14.4234V14.4147C20.8667 14.2926 20.8493 14.0833 20.7011 13.9176C20.6749 13.8914 20.6487 13.8653 20.6138 13.8391C20.5964 13.8217 20.5702 13.813 20.5528 13.7955C20.5266 13.7868 20.5092 13.7694 20.4918 13.7606L20.4133 13.7083V13.6996C20.4046 13.6822 20.3958 13.6647 20.3784 13.6473C19.9773 13.0368 19.4191 12.6793 19.1924 12.5136C19.0878 12.4351 19.018 12.4002 19.018 12.4002C18.5384 12.1038 18.4686 12.0078 18.5122 11.2143C18.5297 10.9265 18.5558 10.5515 18.5907 10.037C18.5907 9.96724 18.5994 9.90619 18.5994 9.84515V9.80155V9.59226C18.5994 9.54866 18.5907 9.50505 18.5907 9.47017C18.5907 9.45273 18.5907 9.43529 18.582 9.41785C18.5733 9.37425 18.5733 9.33064 18.5645 9.28704C18.5645 9.2696 18.5558 9.24344 18.5558 9.226C18.5558 9.19984 18.5471 9.1824 18.5384 9.15623C18.5297 9.13879 18.5297 9.11263 18.5209 9.09519C18.5122 9.06903 18.5035 9.04287 18.5035 9.01671C18.5035 9.00799 18.4948 8.99927 18.4948 8.99054C18.4948 8.98182 18.4861 8.9731 18.4861 8.96438V8.95566L18.4773 8.9295C18.4686 8.91206 18.4599 8.89462 18.4599 8.87718V8.86846L18.4512 8.85102L18.4424 8.83358C18.425 8.7987 18.4163 8.76381 18.3988 8.73765L18.3901 8.71149C18.3727 8.68533 18.3552 8.65045 18.3378 8.62429L18.3291 8.61557L18.3204 8.60684C18.3029 8.5894 18.2942 8.57196 18.2768 8.55452L18.2593 8.52836C18.2419 8.5022 18.2244 8.48476 18.207 8.46732L18.1372 8.39755C18.1111 8.38011 18.0849 8.36267 18.0587 8.35395C18.05 8.34523 18.0413 8.34523 18.0326 8.34523L17.9803 8.31907C17.9715 8.31907 17.9628 8.31035 17.9541 8.31035C17.9367 8.30163 17.9192 8.30163 17.9105 8.29291C17.9018 8.29291 17.8931 8.28419 17.8756 8.28419C17.8582 8.28419 17.8495 8.27547 17.832 8.27547H17.6402C17.6314 8.27547 17.6227 8.27547 17.614 8.28419C17.6053 8.28419 17.5966 8.28419 17.5878 8.29291C17.5704 8.29291 17.553 8.30163 17.5268 8.31035H17.5094C17.457 8.32779 17.4134 8.34523 17.3611 8.36267L17.3437 8.37139C17.3262 8.38011 17.3088 8.38883 17.2826 8.39755L17.2565 8.40627L17.2041 8.43244L17.178 8.44988L17.1257 8.47604L17.0995 8.49348C17.0821 8.5022 17.0646 8.51964 17.0472 8.52836L17.0297 8.53708C17.0123 8.55452 16.9861 8.56324 16.9687 8.58068L16.96 8.5894C16.9338 8.60684 16.9164 8.62429 16.8902 8.63301C16.8466 8.65917 16.803 8.69405 16.7594 8.72021C16.7245 8.74637 16.6896 8.77253 16.646 8.79869L16.6286 8.80742C16.5937 8.83358 16.5501 8.85974 16.5152 8.87718L16.4978 8.8859C16.4629 8.91206 16.4193 8.9295 16.3844 8.95566L16.367 8.96438C16.3321 8.99055 16.2885 9.00799 16.2449 9.02543L16.2275 9.03415C16.1838 9.05159 16.149 9.06903 16.1054 9.08647L16.0879 9.09519C16.0443 9.11263 16.0007 9.12135 15.9571 9.13879H15.9484C15.9048 9.14751 15.8525 9.15623 15.8089 9.16495C15.7304 9.17367 15.6432 9.1824 15.5647 9.1824C15.4339 9.1824 15.3031 9.17367 15.1636 9.15623L15.0327 9.13007C15.0153 9.13007 14.9979 9.12135 14.9891 9.12135C14.8758 9.09519 14.7537 9.06903 14.6403 9.04287C14.588 9.03415 14.5444 9.01671 14.4921 9.00799C14.4136 8.99055 14.3351 8.9731 14.2479 8.95566C14.2305 8.95566 14.213 8.94694 14.2043 8.94694C14.1956 8.94694 14.1781 8.93822 14.1694 8.93822C14.152 8.93822 14.1345 8.9295 14.1171 8.9295C14.0997 8.9295 14.0822 8.92078 14.0648 8.92078H14.0473C14.0299 8.92078 14.0125 8.91206 14.0037 8.91206C13.9689 8.90334 13.934 8.89462 13.8904 8.89462C13.8816 8.89462 13.8642 8.89462 13.8555 8.8859C13.8293 8.8859 13.8032 8.87718 13.777 8.87718C13.7596 8.87718 13.7508 8.87718 13.7334 8.86846C13.7072 8.86846 13.6898 8.85974 13.6636 8.85974H13.2625C13.2189 8.85974 13.184 8.86846 13.1404 8.86846H13.1055C13.0794 8.86846 13.0532 8.87718 13.027 8.87718H13.0183C13.0009 8.87718 12.9922 8.8859 12.9747 8.8859C12.9486 8.89462 12.9224 8.89462 12.8962 8.90334C12.8788 8.90334 12.8614 8.91206 12.8526 8.91206C12.8265 8.92078 12.8003 8.9295 12.7741 8.9295C12.7567 8.9295 12.748 8.93822 12.7305 8.94694C12.7044 8.95566 12.6695 8.96438 12.6433 8.9731C12.6259 8.98182 12.6172 8.98182 12.6085 8.99054C12.5649 9.00799 12.5213 9.02543 12.4864 9.04287C12.155 9.23472 11.8672 9.49633 11.6492 9.79283C11.5707 9.89747 11.501 10.0021 11.4399 10.1068C11.3702 10.2201 11.3178 10.3422 11.2655 10.4643C11.2481 10.4992 11.2393 10.5341 11.2219 10.569C11.2045 10.63 11.1783 10.691 11.1609 10.7521C11.1609 10.7608 11.1609 10.7695 11.1521 10.7695C11.1347 10.8393 11.1173 10.909 11.0998 10.9875C11.0824 11.066 11.0737 11.1358 11.0649 11.2143C11.0562 11.2579 11.0562 11.2927 11.0562 11.3364C11.0475 11.4497 11.0475 11.5544 11.0562 11.6677V11.6939C11.0562 11.7201 11.0562 11.7462 11.0649 11.7811C11.0737 11.8596 11.0824 11.9381 11.0998 12.0165C11.1085 12.0427 11.1173 12.0689 11.1173 12.1038C11.126 12.1299 11.126 12.1561 11.1347 12.1822C11.187 12.3828 11.2655 12.5659 11.3614 12.7229C11.719 13.3421 12.312 13.717 12.748 13.9176C12.9137 13.9874 13.0881 14.0571 13.2712 14.1182L13.2538 14.1356C13.2189 14.1443 13.184 14.1531 13.1404 14.1618C13.0794 14.1792 13.0009 14.2054 12.9224 14.2315C12.8352 14.2577 12.7305 14.3013 12.6259 14.3449C12.3468 14.4583 12.0329 14.624 11.7539 14.8507C11.719 14.8769 11.6841 14.9117 11.6492 14.9379C11.5882 14.9902 11.5358 15.0425 11.4835 15.1036L11.4661 15.121L11.4399 15.1472C11.4225 15.1734 11.3963 15.1908 11.3789 15.217L11.3527 15.2431C11.3265 15.278 11.3004 15.3129 11.2829 15.3478C11.2568 15.3826 11.2393 15.4175 11.2132 15.4524C11.0475 15.7402 10.9516 16.089 10.9777 16.5076V16.4901C10.9777 16.4814 10.9777 16.4727 10.9865 16.464V16.4553C10.9865 16.4465 10.9952 16.4378 10.9952 16.4204V16.4117C10.9952 16.4029 11.0039 16.3855 11.0039 16.3681C11.0039 16.3506 11.0126 16.3419 11.0213 16.3245V16.3157C11.0301 16.2983 11.0301 16.2809 11.0388 16.2634V16.2547C11.0475 16.2373 11.0475 16.2198 11.0562 16.2024V16.1937C11.0649 16.1762 11.0737 16.1588 11.0824 16.1326L11.0911 16.1239C11.0998 16.1064 11.1085 16.0803 11.126 16.0628C11.1434 16.028 11.1609 16.0018 11.1783 15.9669C11.187 15.9582 11.1957 15.9408 11.2045 15.932L11.2132 15.9233L11.2655 15.8448C11.2829 15.8274 11.3004 15.8012 11.3178 15.7838L11.3353 15.7663C11.3527 15.7489 11.3614 15.7315 11.3789 15.7227L11.3963 15.7053C11.4138 15.6879 11.4399 15.6704 11.4574 15.6443C11.4574 15.6443 11.0824 16.4989 11.2481 17.1703V17.1616V17.1442V17.118V17.0831V17.0395C11.2481 17.0221 11.2481 17.0047 11.2568 16.9872C11.2568 16.9698 11.2568 16.9523 11.2655 16.9349V16.9262C11.2655 16.9087 11.2742 16.8826 11.2742 16.8651V16.8477C11.2829 16.8215 11.2829 16.8041 11.2917 16.7779V16.7692C11.3004 16.743 11.3091 16.7169 11.3091 16.6994C11.3091 16.6907 11.3178 16.682 11.3178 16.6733L11.3265 16.6558C11.3353 16.6384 11.344 16.6122 11.3527 16.5948C11.3614 16.5686 11.3789 16.5425 11.3963 16.5163C11.3963 16.5076 11.405 16.4989 11.405 16.4989L11.4574 16.4204C11.4574 16.4204 11.4399 16.6297 11.4399 16.8826C11.4399 16.9262 11.4399 16.9611 11.4486 17.0047C11.4486 17.0308 11.4486 17.057 11.4574 17.0831C11.4748 16.8128 11.5271 16.5599 11.5969 16.3245C11.5271 16.5599 11.4748 16.8128 11.4574 17.0831C11.4486 17.2575 11.4486 17.432 11.4661 17.6151C11.4922 17.9203 11.5707 18.2517 11.7015 18.5918C11.7015 18.5918 11.5794 18.1994 11.7539 17.8069L11.8062 17.9116C11.8236 18.0249 11.8411 18.1906 11.8759 18.3738C11.9108 18.679 12.0503 19.5946 12.6782 20.2312C12.6782 20.2312 12.4428 19.926 12.4777 19.5336C12.5038 19.5859 12.53 19.6295 12.5474 19.6731C12.6521 19.8737 12.8614 20.2399 13.0968 20.5016C13.0968 20.5016 12.9137 20.144 12.9573 20.0655C12.9573 20.0655 13.5677 20.8242 13.7596 20.894L13.5067 20.4754L13.4979 20.4667C14.3787 21.112 15.5996 21.3474 17.0995 20.9289C17.3611 20.8591 17.6227 20.7632 17.9018 20.6498C18.0675 20.58 18.2332 20.4928 18.3988 20.4056L18.425 20.3882C18.5384 20.3272 18.6517 20.2574 18.7651 20.1876C18.8523 20.1353 18.9395 20.0743 19.018 20.0219C19.1575 19.926 19.2971 19.8214 19.4366 19.708C19.4453 19.6993 19.454 19.6906 19.4627 19.6906C19.5936 19.5772 19.7244 19.4551 19.8377 19.333C19.9947 19.1673 20.1342 19.0016 20.2563 18.836L20.265 18.8272C20.2999 18.7836 20.3261 18.7487 20.3522 18.7051L20.361 18.6964C20.3697 18.679 20.3784 18.6703 20.3871 18.6528C20.4307 18.5918 20.4656 18.5395 20.5092 18.4784C20.5179 18.461 20.5266 18.4523 20.5354 18.4348C20.5528 18.3999 20.5702 18.3738 20.5964 18.3389C20.6138 18.3127 20.6226 18.2953 20.64 18.2691C20.6574 18.243 20.6749 18.2168 20.6836 18.1906C20.7098 18.147 20.7359 18.0947 20.7621 18.0511L20.7883 17.9988L20.8406 17.8941L20.8667 17.8418L20.8755 17.8244C20.8929 17.7808 20.9191 17.7372 20.9365 17.6936V17.6849C21.015 17.6151 21.0673 17.5453 21.1196 17.4843C21.1284 17.4756 21.1371 17.4668 21.1371 17.4581C21.2156 17.3448 21.2504 17.2139 21.2504 17.0919ZM7.14945 14.8681C7.12328 14.8769 7.09712 14.9117 7.06224 14.9553C7.05352 14.9728 7.03608 14.9902 7.02736 15.0164C6.94887 15.1646 6.87911 15.3739 6.87911 15.3739C6.88783 15.3042 6.89655 15.2344 6.89655 15.1646V15.1385C6.90527 15.0687 6.91399 14.9902 6.92271 14.9205V14.8943C6.93143 14.8071 6.94887 14.7286 6.96632 14.6501C6.96632 14.6414 6.96632 14.6327 6.97504 14.6152V14.6065C6.97504 14.5978 6.97504 14.5891 6.98376 14.5804C6.98376 14.5629 6.99248 14.5542 6.99248 14.5368C7.0012 14.4757 7.01864 14.4147 7.02736 14.3536C7.03608 14.3013 7.0448 14.249 7.05352 14.2054V14.1879C7.05352 14.1792 7.05352 14.1705 7.06224 14.1705V14.1531C7.06224 14.1443 7.07096 14.1269 7.07096 14.1182C7.07096 14.1095 7.07096 14.1007 7.07968 14.092C7.07968 14.0746 7.0884 14.0571 7.0884 14.0484C7.0884 14.0397 7.09712 14.0223 7.09712 14.0135C7.09712 13.9961 7.10584 13.9787 7.10584 13.9699C7.10584 13.9612 7.10584 13.9525 7.11456 13.9438C7.11456 13.9351 7.11456 13.9263 7.12328 13.9263C7.12328 13.9089 7.132 13.9002 7.132 13.8914V13.8653L7.11456 13.8827C7.09712 13.8914 7.0884 13.9089 7.07096 13.9176L7.05352 13.935C7.03608 13.9525 7.01864 13.9699 7.00992 13.9874L7.0012 13.9961L6.94887 14.0746L6.94015 14.0833C6.94015 14.092 6.93143 14.092 6.93143 14.1007L6.90527 14.1531V14.1705C6.89655 14.1967 6.87911 14.2228 6.87039 14.249C6.84423 14.3188 6.81807 14.3885 6.80063 14.4496C6.79191 14.467 6.79191 14.4932 6.78319 14.5019C6.77447 14.5368 6.76574 14.5716 6.76574 14.5804V14.5891V14.5804C6.76574 14.5542 6.76574 14.5368 6.77447 14.5106C6.77447 14.467 6.78319 14.4147 6.78319 14.3711C6.78319 14.3362 6.79191 14.2926 6.80063 14.2577C6.80063 14.249 6.80063 14.2315 6.80935 14.2228C6.80935 14.2054 6.81807 14.1879 6.81807 14.1705C6.81807 14.1531 6.82679 14.1356 6.82679 14.1182V14.092C6.82679 14.0746 6.83551 14.0484 6.83551 14.031V13.9874V13.9699C6.83551 13.9612 6.83551 13.9525 6.84423 13.9438C6.85295 13.9176 6.86167 13.8827 6.86167 13.8566V13.8478C6.87039 13.8304 6.87039 13.8042 6.87911 13.7868V13.7781C6.88783 13.7345 6.90527 13.6909 6.91399 13.6473V13.6298C6.91399 13.6211 6.91399 13.6124 6.92271 13.6037C6.94015 13.5339 6.96632 13.4641 6.98376 13.4031V13.3944C7.0012 13.3421 7.02736 13.281 7.0448 13.2287V13.22C7.05352 13.1938 7.06224 13.1764 7.07096 13.1502C7.0884 13.1153 7.09712 13.0804 7.11456 13.0456C7.11456 13.0368 7.12328 13.0194 7.14072 12.9845C7.14945 12.9758 7.14945 12.9584 7.15817 12.9496C7.16689 12.9322 7.17561 12.9148 7.18433 12.8886L7.19305 12.8712C7.18433 12.8624 7.16689 12.8624 7.15817 12.8537H7.14945L7.132 12.845C7.05352 12.8101 6.96632 12.7752 6.87911 12.7491H6.86167C6.80063 12.7316 6.7483 12.7229 6.68726 12.7142C6.65238 12.7142 6.6175 12.7055 6.58262 12.7055H6.49541C6.45181 12.7055 6.40821 12.7142 6.3646 12.7142C6.34716 12.7142 6.33844 12.7142 6.321 12.7229C6.30356 12.7229 6.2774 12.7316 6.25996 12.7316C6.25124 12.7316 6.24252 12.7316 6.2338 12.7403C6.21636 12.7403 6.20764 12.7491 6.19019 12.7491C6.16403 12.7578 6.12915 12.7665 6.10299 12.7752C6.09427 12.7752 6.07683 12.7839 6.06811 12.7839C6.03323 12.8014 5.98962 12.8101 5.95474 12.8276C5.9373 12.8363 5.92858 12.845 5.91114 12.845L5.85882 12.8712L5.84138 12.8799C5.82393 12.8886 5.80649 12.8973 5.78905 12.9148C5.77161 12.9235 5.75417 12.9322 5.73673 12.9496C5.71929 12.9584 5.70185 12.9758 5.68441 12.9845C5.67569 12.9932 5.65825 13.002 5.64953 13.0107C5.62336 13.0368 5.58848 13.063 5.56232 13.0892L5.51872 13.1328C5.49256 13.1589 5.47512 13.1851 5.44895 13.2113L5.44023 13.22C5.43151 13.2374 5.41407 13.2461 5.40535 13.2636L5.37919 13.2897C5.33559 13.3508 5.29199 13.4205 5.2571 13.4903C5.24838 13.499 5.24838 13.5077 5.23966 13.5165C5.22222 13.5514 5.2135 13.5862 5.19606 13.6211C5.18734 13.6386 5.18734 13.6473 5.17862 13.6647C5.1699 13.6996 5.15246 13.7345 5.14374 13.7781V13.813C5.13502 13.8391 5.13502 13.8653 5.1263 13.8914C5.1263 13.9089 5.1263 13.9176 5.11758 13.935C5.11758 13.9525 5.11758 13.9612 5.10886 13.9787V14.0135C5.10886 14.0571 5.10014 14.1007 5.10886 14.1443C5.10886 14.1792 5.10886 14.2141 5.11758 14.249V14.2664C5.11758 14.2839 5.1263 14.3013 5.1263 14.3188C5.13502 14.3885 5.15246 14.4496 5.1699 14.5193C5.18734 14.5716 5.20478 14.6152 5.22222 14.6588C5.2571 14.7461 5.30071 14.8245 5.35303 14.903C5.45767 15.06 5.5972 15.1995 5.76289 15.3042C5.8501 15.3652 5.95474 15.4088 6.05939 15.4437C6.15531 15.4786 6.25996 15.5047 6.37332 15.5135C6.39949 15.5135 6.42565 15.5222 6.44309 15.5222H6.55645C6.59134 15.5222 6.62622 15.5135 6.6611 15.5135C6.67854 15.5135 6.7047 15.5135 6.72214 15.5047C6.77447 15.496 6.81807 15.4873 6.87039 15.4786H6.87911C6.89655 15.4699 6.91399 15.4699 6.94015 15.4611C7.0012 15.4437 7.06224 15.4175 7.11456 15.3914L7.12328 15.3826C7.14072 15.3739 7.15817 15.3652 7.16689 15.3652C7.14072 15.217 7.11456 15.06 7.10584 14.903C7.14945 14.8856 7.14945 14.8769 7.14945 14.8681Z" fill="#FCE9CD"/>
+<path d="M13.0358 2.54613L13.0619 2.56357L13.0358 2.54613Z" fill="#4D9ED7"/>
+<path d="M20.7185 16.7343C20.7185 16.7256 20.7185 16.7169 20.7097 16.7169C20.701 16.6994 20.701 16.6907 20.701 16.682C20.6574 16.5425 20.6051 16.4378 20.5528 16.3593C20.4917 16.2634 20.4394 16.2111 20.4394 16.2111L20.4656 16.1065C20.4743 16.0628 20.483 16.0192 20.483 15.9756C20.5179 15.6617 20.4394 15.4175 20.3696 15.278C20.3609 15.2518 20.3522 15.2344 20.3435 15.217C20.2911 15.2518 20.2475 15.2867 20.1952 15.3216C19.2534 15.9582 18.1982 16.3681 17.0559 16.5425C16.271 16.6646 15.4426 16.6733 14.5792 16.5686L14.5967 16.5774C14.5967 16.5774 14.0735 16.6471 13.9339 17.1442L13.9427 17.1529L13.899 17.4843C13.9165 17.9378 14.1171 18.2168 14.3525 18.3651C14.5967 18.461 14.8932 18.5307 15.2246 18.5743C15.7914 18.6441 16.4541 18.6267 17.1169 18.522C18.0064 18.3999 19.2621 17.929 20.1603 17.3186C20.3609 17.1791 20.5528 17.0308 20.7097 16.8826L20.7185 16.8739L20.7272 16.8651C20.7272 16.8041 20.7185 16.7692 20.7185 16.7343Z" fill="white"/>
+<path d="M19.0179 12.4264C18.5383 12.1299 18.4685 12.034 18.5121 11.2404C18.5296 10.9526 18.5557 10.5777 18.5906 10.0632C18.5906 9.9934 18.5993 9.93235 18.5993 9.87131V9.82771V9.61842C18.5993 9.57481 18.5906 9.53121 18.5906 9.49633C18.5906 9.47889 18.5906 9.46145 18.5819 9.44401C18.5732 9.4004 18.5732 9.3568 18.5644 9.3132C18.5644 9.29576 18.5557 9.2696 18.5557 9.25216C18.5557 9.226 18.547 9.20855 18.5383 9.18239C18.5296 9.16495 18.5296 9.13879 18.5208 9.12135C18.4511 9.0167 18.3726 8.9295 18.2767 8.85102L18.2592 8.83357L18.2418 8.82485H18.2331C18.2156 8.81613 18.2069 8.80741 18.1895 8.79869C18.172 8.78997 18.1546 8.78125 18.1459 8.77253C18.0063 8.68533 17.8406 8.633 17.6749 8.60684C17.579 8.5894 17.4831 8.5894 17.3872 8.5894C17.3436 8.5894 17.2912 8.59812 17.2476 8.59812C17.1256 8.61556 17.0035 8.64172 16.8727 8.67661C16.8291 8.70277 16.7855 8.73765 16.7419 8.76381C16.707 8.78997 16.6721 8.81613 16.6285 8.84229L16.6111 8.85102C16.5762 8.87718 16.5326 8.90334 16.4977 8.92078L16.4802 8.9295C16.4454 8.95566 16.4018 8.9731 16.3669 8.99926L16.3494 9.00798C16.3146 9.03415 16.271 9.05159 16.2274 9.06903L16.2099 9.07775C16.1663 9.09519 16.1314 9.11263 16.0878 9.13007L16.0704 9.13879C16.0268 9.15623 15.9832 9.16495 15.9396 9.18239H15.9309C15.8873 9.19111 15.8349 9.19983 15.7913 9.20855C15.7128 9.21727 15.6256 9.226 15.5472 9.226C15.4163 9.226 15.2855 9.21727 15.146 9.19983L15.0152 9.17367C14.9978 9.17367 14.9803 9.16495 14.9716 9.16495C14.8582 9.13879 14.7362 9.11263 14.6228 9.08647C14.5705 9.07775 14.5269 9.06031 14.4745 9.05159C14.3961 9.03415 14.3176 9.0167 14.2304 8.99926C14.2129 8.99926 14.1955 8.99054 14.1868 8.99054C14.117 8.99054 14.0472 8.99926 13.9862 9.00798H13.9688C13.7682 9.03415 13.5763 9.07775 13.3758 9.14751C13.367 9.14751 13.3583 9.15623 13.3409 9.15623C13.306 9.16495 13.2798 9.18239 13.245 9.19111C13.2013 9.20855 13.1665 9.226 13.1229 9.24344C12.8351 9.36552 12.5648 9.53993 12.3031 9.75794C12.1985 9.84515 12.1026 9.94107 12.0066 10.037C11.8671 10.1852 11.745 10.3422 11.6317 10.5079C11.6229 10.5166 11.6229 10.5253 11.6142 10.5341C11.5532 10.6213 11.5009 10.7172 11.4573 10.8044C11.4398 10.8393 11.4224 10.8742 11.4049 10.9003V10.909C11.3526 11.0224 11.309 11.1271 11.2741 11.2404C11.2741 11.2491 11.2741 11.2579 11.2654 11.2579C11.2567 11.2753 11.2567 11.2927 11.248 11.3102C11.2305 11.3625 11.2131 11.4148 11.2044 11.4672C11.1869 11.5195 11.1782 11.5718 11.1695 11.6328C11.1695 11.6416 11.1608 11.659 11.1608 11.6677C11.152 11.7026 11.152 11.7375 11.1433 11.7637C11.1259 11.8857 11.1172 12.0078 11.1084 12.1299V12.2171C11.1608 12.4177 11.2392 12.6008 11.3352 12.7578C11.6927 13.3769 12.2857 13.7519 12.7217 13.9525C12.8874 14.0223 13.0618 14.092 13.245 14.1531L13.2537 14.1618L13.2624 14.1531C13.2886 14.1356 13.306 14.1182 13.3322 14.1007C13.3409 14.092 13.3496 14.092 13.3583 14.0833L13.4368 14.031C13.4455 14.0223 13.4542 14.0223 13.463 14.0135L13.5414 13.9612C13.5502 13.9525 13.5589 13.9525 13.5676 13.9438C13.5938 13.9263 13.6199 13.9089 13.6548 13.8914C13.6635 13.8827 13.6723 13.8827 13.681 13.874C13.7071 13.8566 13.742 13.8391 13.7682 13.8217C13.7769 13.813 13.7856 13.813 13.7943 13.8042C13.8205 13.7868 13.8554 13.7694 13.8815 13.7519C13.8903 13.7432 13.9077 13.7432 13.9164 13.7345C13.9426 13.717 13.9775 13.6996 14.0036 13.6822C14.0124 13.6734 14.0298 13.6647 14.0385 13.6647C14.0647 13.6473 14.0996 13.6298 14.1344 13.6124C14.1519 13.6037 14.1606 13.5949 14.178 13.5949C14.2129 13.5775 14.2391 13.5601 14.274 13.5513C14.2914 13.5426 14.3001 13.5339 14.3176 13.5339C14.3525 13.5165 14.3786 13.5077 14.4135 13.4903L14.4658 13.4641C14.5007 13.4467 14.5269 13.438 14.5617 13.4205C14.5792 13.4118 14.5966 13.4031 14.6228 13.3944C14.6577 13.3857 14.6838 13.3682 14.7187 13.3595C14.7362 13.3508 14.7623 13.3421 14.7798 13.3333C14.8146 13.3246 14.8408 13.3072 14.8757 13.2985C14.9018 13.2897 14.9193 13.281 14.9454 13.2723C14.9803 13.2636 15.0065 13.2461 15.0414 13.2374L15.1199 13.2112C15.146 13.2025 15.1809 13.1938 15.2071 13.1764C15.2332 13.1676 15.2681 13.1589 15.2943 13.1502C15.3204 13.1415 15.3553 13.1328 15.3815 13.124C15.4163 13.1153 15.4512 13.1066 15.4774 13.0979C15.5036 13.0892 15.5297 13.0804 15.5646 13.0717C15.5995 13.063 15.6344 13.0543 15.678 13.0368C15.6954 13.0281 15.7128 13.0281 15.7303 13.0194C15.8698 12.6619 16.2971 11.7724 17.0209 11.6764C17.0994 11.6677 17.1692 11.659 17.2389 11.659H17.2912C17.2825 11.6067 17.2738 11.5544 17.2738 11.4933C17.2476 11.1096 17.3697 10.787 17.5354 10.7782C17.6662 10.7695 17.7709 10.9614 17.7883 11.0224C17.8406 11.1358 17.8755 11.284 17.8842 11.4497C17.893 11.598 17.8755 11.7375 17.8494 11.8596C17.8668 11.877 17.8755 11.8945 17.893 11.9032C18.0586 12.1125 18.0848 12.3915 18.0761 12.6008C18.1371 12.5921 18.2069 12.5921 18.2767 12.5834C18.2941 12.5834 18.3115 12.5834 18.329 12.5747H18.3639C18.4423 12.5659 18.5296 12.5572 18.6168 12.5572C18.8086 12.5398 19.0005 12.5311 19.201 12.5223C19.0877 12.4613 19.0179 12.4264 19.0179 12.4264ZM20.8405 17.7982C20.5265 18.0773 20.1952 18.304 19.8638 18.4871C19.6981 18.5743 19.5324 18.6528 19.3754 18.7226C19.0179 18.8796 18.6778 18.9842 18.3726 19.0627C17.7011 19.2284 17.2389 19.2284 17.2389 19.2284C17.6052 19.4289 18.0674 19.4289 18.3813 19.4028C18.5993 19.3853 18.7476 19.3417 18.7476 19.3417C18.7388 19.4725 18.7214 19.5946 18.704 19.7167C18.6778 19.8475 18.6429 19.9609 18.5993 20.0655V20.0743C18.547 20.2051 18.4772 20.3184 18.4075 20.4231C18.3987 20.4318 18.39 20.4492 18.3813 20.458L18.4075 20.4405C18.5208 20.3795 18.6342 20.3097 18.7476 20.2399C18.8348 20.1876 18.922 20.1266 19.0005 20.0743C19.14 19.9783 19.2795 19.8737 19.419 19.7603C19.4278 19.7516 19.4365 19.7429 19.4452 19.7429C19.576 19.6295 19.7068 19.5074 19.8202 19.3853C19.9772 19.2196 20.1167 19.054 20.2388 18.8883L20.2475 18.8796C20.2824 18.8359 20.3085 18.8011 20.3347 18.7575L20.3434 18.7487C20.3521 18.7313 20.3609 18.7226 20.3696 18.7051C20.4132 18.6441 20.4481 18.5918 20.4917 18.5307C20.5004 18.5133 20.5091 18.5046 20.5178 18.4871C20.5353 18.4522 20.5527 18.4261 20.5789 18.3912C20.5963 18.365 20.605 18.3476 20.6225 18.3214C20.6399 18.2953 20.6573 18.2691 20.6661 18.243C20.6922 18.1994 20.7184 18.147 20.7446 18.1034L20.7707 18.0511L20.823 17.9465L20.8492 17.8941L20.8579 17.8767C20.8754 17.8331 20.9015 17.7895 20.919 17.7459C20.8841 17.7546 20.8666 17.7721 20.8405 17.7982ZM12.8874 14.2839C12.8002 14.31 12.6956 14.3536 12.5909 14.3972C12.3119 14.5106 11.9979 14.6763 11.7189 14.903C11.684 14.9292 11.6491 14.9641 11.6142 14.9902C11.5532 15.0425 11.5009 15.0949 11.4485 15.1559L11.4311 15.1734L11.4049 15.1995C11.3875 15.2257 11.3613 15.2431 11.3439 15.2693L11.3177 15.2954C11.2916 15.3303 11.2654 15.3652 11.248 15.4001C11.2218 15.435 11.2044 15.4698 11.1782 15.5047C11.0125 15.7925 10.9166 16.1413 10.9427 16.5599V16.5425C10.9427 16.5337 10.9427 16.525 10.9515 16.5163V16.5076C10.9515 16.4989 10.9602 16.4901 10.9602 16.4727V16.464C10.9602 16.4553 10.9689 16.4378 10.9689 16.4204C10.9689 16.4029 10.9776 16.3942 10.9864 16.3768V16.3681C10.9951 16.3506 10.9951 16.3332 11.0038 16.3157V16.307C11.0125 16.2896 11.0125 16.2721 11.0212 16.2547V16.246C11.03 16.2285 11.0387 16.2111 11.0474 16.1849L11.0561 16.1762C11.0648 16.1588 11.0736 16.1326 11.091 16.1152C11.1084 16.0803 11.1259 16.0541 11.1433 16.0192C11.152 16.0105 11.1608 15.9931 11.1695 15.9844L11.1782 15.9756L11.2305 15.8972C11.248 15.8797 11.2654 15.8535 11.2828 15.8361L11.3003 15.8187C11.3177 15.8012 11.3264 15.7838 11.3439 15.7751L11.3613 15.7576C11.3788 15.7402 11.4049 15.7227 11.4224 15.6966C11.4224 15.6966 11.0474 16.5512 11.2131 17.2227V17.2139V17.1965V17.1703V17.1355V17.0919C11.2131 17.0744 11.2131 17.057 11.2218 17.0395C11.2218 17.0221 11.2218 17.0047 11.2305 16.9872V16.9785C11.2305 16.961 11.2392 16.9349 11.2392 16.9174V16.9C11.248 16.8738 11.248 16.8564 11.2567 16.8302V16.8215C11.2654 16.7954 11.2741 16.7692 11.2741 16.7518C11.2741 16.743 11.2828 16.7343 11.2828 16.7256L11.2916 16.7082C11.3003 16.6907 11.309 16.6646 11.3177 16.6471C11.3264 16.621 11.3439 16.5948 11.3613 16.5686C11.3613 16.5599 11.3701 16.5512 11.3701 16.5512L11.4224 16.4727C11.4224 16.4727 11.4049 16.682 11.4049 16.9349C11.4049 16.9785 11.4049 17.0134 11.4137 17.057C11.4137 17.0831 11.4137 17.1093 11.4224 17.1355C11.4398 16.8651 11.4921 16.6122 11.5619 16.3768C11.5793 16.3157 11.6055 16.246 11.6229 16.1849C11.6229 16.1762 11.6317 16.1675 11.6317 16.1588C11.6578 16.0977 11.6753 16.0454 11.7014 15.9844C11.7101 15.9756 11.7101 15.9669 11.7189 15.9495C11.745 15.8972 11.7712 15.8361 11.7974 15.7838C11.8061 15.7751 11.8061 15.7663 11.8061 15.7576C11.8671 15.6443 11.9282 15.5396 11.9892 15.4437C11.9979 15.435 11.9979 15.4262 12.0066 15.4175C12.0328 15.3826 12.059 15.3478 12.0851 15.3042C12.0938 15.2954 12.0938 15.2867 12.1026 15.278C12.1113 15.2693 12.1113 15.2606 12.12 15.2518C12.1549 15.2082 12.1811 15.1646 12.2159 15.121C12.2247 15.1123 12.2247 15.1036 12.2334 15.1036C12.2683 15.06 12.3031 15.0164 12.338 14.9815C12.3816 14.9292 12.4252 14.8856 12.4688 14.8333C12.5037 14.7984 12.5299 14.7635 12.5648 14.7373L12.5996 14.7024C12.6694 14.6327 12.7392 14.5629 12.8089 14.5019C13.0008 14.3275 13.1577 14.2141 13.2101 14.1792C13.1752 14.1879 13.1403 14.1967 13.0967 14.2054C13.0444 14.2315 12.9746 14.2577 12.8874 14.2839Z" fill="#F2D2AC"/>
+<path d="M17.9104 12.3915C17.9104 12.3915 17.9104 12.3741 17.9017 12.3392C17.8668 12.2171 17.7447 11.9206 17.2651 11.9642C16.7593 12.0165 16.5849 12.4264 16.5413 12.5659C16.5326 12.5921 16.5326 12.6095 16.5326 12.6095L16.55 12.6183C16.6111 12.5659 16.7332 12.5659 16.8465 12.6444C16.8988 12.6793 16.9337 12.7142 16.9686 12.7578C17.0122 12.8275 17.0209 12.8973 16.9948 12.9496L16.9686 12.9758C16.9686 12.9758 16.986 12.9845 17.0209 12.9932C17.1605 13.0368 17.5529 13.1153 17.7622 12.845C17.7709 12.8275 17.7796 12.8188 17.7883 12.8014C17.7447 12.7839 17.7273 12.7229 17.7273 12.6444C17.7273 12.6095 17.736 12.5747 17.7447 12.5311C17.7709 12.4264 17.8494 12.3654 17.9104 12.3915ZM15.3902 16.1239C15.0588 16.1936 14.771 16.246 14.553 16.2809C14.5618 16.2809 14.5792 16.2809 14.5879 16.2896C14.9629 16.3332 15.5559 16.3942 16.271 16.3506C17.579 16.2721 19.297 15.8623 20.8579 14.4496V14.4408C20.8667 14.3187 20.8492 14.1095 20.701 13.9438C20.6748 13.9176 20.6486 13.8914 20.6138 13.8653C20.605 13.8653 20.605 13.8566 20.5963 13.8566C20.5527 13.8304 20.5178 13.813 20.483 13.7868L20.4045 13.7345V13.7258C20.3085 13.8653 20.1952 13.9961 20.0731 14.1182C20.0295 14.1618 19.9859 14.2054 19.9336 14.249C19.5063 14.6327 18.9482 14.9641 18.3464 15.2257C17.3523 15.6617 16.2361 15.9495 15.3902 16.1239ZM7.1232 13.8478C7.10576 13.8566 7.09704 13.874 7.0796 13.8827L7.06216 13.9002C7.04472 13.9176 7.02727 13.935 7.01855 13.9525L7.00983 13.9612L6.95751 14.0397L6.94879 14.0484C6.94879 14.0571 6.94007 14.0571 6.94007 14.0659L6.91391 14.1182V14.1356C6.90519 14.1618 6.88775 14.1879 6.87903 14.2141C6.85286 14.2839 6.8267 14.3536 6.80926 14.4147C6.80054 14.4321 6.80054 14.4583 6.79182 14.467C6.7831 14.5019 6.77438 14.5368 6.77438 14.5455V14.5542V14.5455C6.77438 14.5193 6.77438 14.5019 6.7831 14.4757C6.7831 14.4321 6.79182 14.3798 6.79182 14.3362C6.79182 14.3013 6.80054 14.2577 6.80926 14.2228C6.80926 14.2141 6.80926 14.1967 6.81798 14.1879C6.81798 14.1705 6.8267 14.1531 6.8267 14.1356C6.8267 14.1182 6.83542 14.1007 6.83542 14.0833V14.0571C6.83542 14.0397 6.84414 14.0135 6.84414 13.9961V13.9525V13.935C6.84414 13.9263 6.84414 13.9176 6.85286 13.9089C6.86159 13.8827 6.87031 13.8478 6.87031 13.8217V13.813C6.87903 13.7955 6.87903 13.7694 6.88775 13.7519V13.7432C6.89647 13.6996 6.91391 13.656 6.92263 13.6124V13.595C6.92263 13.5862 6.92263 13.5775 6.93135 13.5688C6.94879 13.499 6.97495 13.4293 6.99239 13.3682V13.3595C7.00983 13.3072 7.03599 13.2461 7.05344 13.1938V13.1851C7.06216 13.1589 7.07088 13.1415 7.0796 13.1153C7.09704 13.0804 7.10576 13.0456 7.1232 13.0107C7.1232 13.002 7.13192 12.9845 7.14936 12.9496C7.15808 12.9409 7.15808 12.9235 7.1668 12.9148C7.17552 12.8973 7.18424 12.8799 7.19296 12.8537L7.20168 12.8363C7.19296 12.8275 7.17552 12.8276 7.1668 12.8188H7.15808L7.14064 12.8101C7.06216 12.7752 6.97495 12.7403 6.88775 12.7142H6.87031C6.80926 12.6967 6.75694 12.688 6.6959 12.6793C6.66101 12.6793 6.62613 12.6706 6.59125 12.6706H6.50405C6.46044 12.6706 6.41684 12.6793 6.37324 12.6793C6.3558 12.6793 6.34708 12.6793 6.32964 12.688C6.3122 12.688 6.28603 12.6967 6.26859 12.6967C6.25987 12.6967 6.25115 12.6967 6.24243 12.7055C6.22499 12.7055 6.21627 12.7142 6.19883 12.7142C6.17267 12.7229 6.13779 12.7316 6.11163 12.7403C6.1029 12.7403 6.08546 12.7491 6.07674 12.7491C6.04186 12.7665 5.99826 12.7752 5.96338 12.7927C5.94594 12.8014 5.93722 12.8101 5.91977 12.8101L5.86745 12.8363L5.85001 12.845C5.83257 12.8537 5.81513 12.8624 5.79769 12.8799C5.78025 12.8886 5.76281 12.8973 5.74537 12.9148C5.72792 12.9235 5.71048 12.9409 5.69304 12.9496C5.68432 12.9584 5.66688 12.9671 5.65816 12.9758C5.632 13.002 5.59712 13.0281 5.57096 13.0543L5.52735 13.0979C5.50119 13.124 5.48375 13.1502 5.45759 13.1764L5.44887 13.1851C5.44015 13.2025 5.42271 13.2113 5.41399 13.2287L5.38783 13.2549C5.34422 13.3159 5.30062 13.3857 5.26574 13.4554C5.25702 13.4641 5.25702 13.4729 5.2483 13.4816C5.23086 13.5165 5.22214 13.5513 5.2047 13.5862C5.19598 13.6037 5.19598 13.6124 5.18726 13.6298C5.18726 13.6386 5.19598 13.6473 5.19598 13.656C5.2047 13.6909 5.21342 13.717 5.22214 13.7519V13.7694C5.23086 13.7955 5.2483 13.8304 5.25702 13.8566C5.2919 13.9438 5.32678 14.0223 5.37039 14.092C5.37911 14.1007 5.37911 14.1095 5.38783 14.1182V14.1269L5.39655 14.1356C5.42271 14.1879 5.44887 14.2315 5.47503 14.2664C5.51863 14.3275 5.55352 14.3711 5.57968 14.406L5.59712 14.4234C5.59712 14.4321 5.60584 14.4321 5.60584 14.4321L5.62328 14.4496C5.62328 14.4321 5.61456 14.4147 5.61456 14.406C5.5884 14.2926 5.57968 14.1879 5.57968 14.0746V14.0571C5.57968 13.9874 5.57968 13.9176 5.5884 13.8566L5.61456 13.935C5.62328 13.9699 5.64072 14.0048 5.64944 14.0397V14.0571C5.70176 14.2054 5.76281 14.3275 5.82385 14.4234C5.89361 14.5455 5.95466 14.624 5.99826 14.6763C6.00698 14.685 6.0157 14.6937 6.0157 14.7024L6.03314 14.7199C6.00698 14.5978 5.98954 14.4844 5.98954 14.3711V14.2577C5.98954 14.2054 5.98954 14.1618 5.99826 14.1182C6.0157 14.1967 6.04186 14.2751 6.06802 14.3449V14.3536C6.16395 14.6065 6.27731 14.7897 6.3558 14.903L6.36452 14.9117C6.38196 14.9292 6.39068 14.9466 6.3994 14.9641C6.40812 14.9728 6.41684 14.9815 6.41684 14.9902L6.43428 15.0077L6.443 15.0164V14.9989C6.443 14.9815 6.43428 14.9641 6.43428 14.9466C6.42556 14.8856 6.41684 14.8245 6.40812 14.7722C6.40812 14.7373 6.3994 14.6937 6.3994 14.6588V14.5542V14.5368V14.467C6.3994 14.4234 6.40812 14.3711 6.40812 14.3275C6.41684 14.3536 6.42556 14.3885 6.43428 14.4147C6.443 14.4321 6.45172 14.4583 6.46044 14.4757V14.4844L6.46916 14.4932C6.47788 14.5193 6.48661 14.5455 6.49533 14.5629C6.51277 14.6065 6.53021 14.6501 6.55637 14.685C6.58253 14.7373 6.59997 14.7809 6.62613 14.8158C6.64357 14.842 6.65229 14.8594 6.66101 14.8769C6.67846 14.903 6.6959 14.9292 6.70462 14.9466C6.72206 14.9641 6.73078 14.9815 6.7395 14.9989L6.74822 15.0077C6.75694 15.0251 6.77438 15.0338 6.7831 15.0513C6.79182 15.06 6.80054 15.0687 6.80054 15.0774C6.81798 15.0949 6.8267 15.1123 6.83542 15.1123L6.84414 15.121V15.0949C6.85286 15.0251 6.86159 14.9466 6.87031 14.8769V14.8507C6.87903 14.7635 6.89647 14.685 6.91391 14.6065C6.91391 14.5978 6.91391 14.5891 6.92263 14.5716V14.5629C6.92263 14.5542 6.92263 14.5455 6.93135 14.5368C6.93135 14.5193 6.94007 14.5106 6.94007 14.4932C6.94879 14.4321 6.96623 14.3711 6.97495 14.31C6.98367 14.2577 6.99239 14.2054 7.00111 14.1618V14.1443C7.00111 14.1356 7.00111 14.1269 7.00983 14.1269V14.1095C7.00983 14.1007 7.01855 14.0833 7.01855 14.0746C7.01855 14.0659 7.01855 14.0571 7.02727 14.0484C7.02727 14.031 7.03599 14.0135 7.03599 14.0048C7.03599 13.9961 7.04472 13.9787 7.04472 13.9699C7.04472 13.9525 7.05344 13.935 7.05344 13.9263C7.05344 13.9176 7.05344 13.9089 7.06216 13.9002C7.06216 13.8914 7.06216 13.8827 7.07088 13.8827C7.07088 13.8653 7.0796 13.8566 7.0796 13.8478V13.8217L7.1232 13.8478ZM17.6924 17.493C17.8145 17.4494 17.9191 17.4145 18.0063 17.3796C18.172 17.3099 18.2592 17.2575 18.2592 17.2401C18.2505 17.2227 18.1546 17.2314 17.9802 17.275C17.893 17.2924 17.7883 17.3099 17.6575 17.3448C17.5965 17.3622 17.5267 17.3709 17.457 17.3796C17.3872 17.3884 17.3087 17.4058 17.2302 17.4145C17.0733 17.4407 16.8988 17.4581 16.707 17.4756L16.4192 17.5017C16.3233 17.5104 16.2186 17.5104 16.114 17.5192C15.6954 17.5279 15.2332 17.5104 14.7623 17.4232C14.5182 17.3796 14.1781 17.2663 13.9426 17.1355L13.9339 17.1267C14.0734 16.6297 14.5966 16.5599 14.5966 16.5599L14.5792 16.5512H14.553C14.4746 16.5425 14.4135 16.5337 14.3525 16.525C14.3089 16.5163 14.274 16.5163 14.2478 16.5076C14.2217 16.5076 14.1955 16.4989 14.1868 16.4989C13.8728 16.4814 13.6984 16.743 13.6461 16.8564L13.6199 16.9087C13.5763 17.0134 13.5415 17.1267 13.5327 17.2575C13.5153 17.493 13.5763 17.7459 13.7595 17.9639C13.8816 18.1122 14.0909 18.243 14.3612 18.3476C14.1257 18.1994 13.9164 17.9116 13.9077 17.4668C14.1781 17.5802 14.4833 17.65 14.7187 17.6936C15.2158 17.7895 15.7041 17.7982 16.1314 17.7721C16.2361 17.7633 16.3495 17.7546 16.4454 17.7459C16.55 17.7285 16.6459 17.7197 16.7419 17.711C16.9337 17.6761 17.0994 17.65 17.2651 17.6151C17.3436 17.5976 17.4221 17.5802 17.4918 17.554C17.5703 17.5366 17.6314 17.5192 17.6924 17.493Z" fill="#F2D2AC"/>
+<path d="M17.2825 11.6677C17.5441 11.6765 17.7185 11.7549 17.8406 11.877C17.8668 11.7637 17.8842 11.6241 17.8755 11.4672C17.8668 11.3015 17.8319 11.1532 17.7796 11.0399C17.7621 10.9701 17.6575 10.787 17.5267 10.7957C17.361 10.8044 17.2389 11.1271 17.2651 11.5108C17.2651 11.5631 17.2738 11.6154 17.2825 11.6677ZM17.7185 12.6532C17.7185 12.7229 17.7447 12.784 17.7796 12.8101C17.8406 12.845 17.9191 12.7752 17.954 12.6619C17.954 12.6532 17.9627 12.6444 17.9627 12.6357C17.9889 12.5311 17.9627 12.4264 17.9017 12.4003C17.8406 12.3654 17.7621 12.4351 17.7273 12.5485C17.7273 12.5834 17.7185 12.6183 17.7185 12.6532ZM16.5326 12.845C16.5587 12.8886 16.6023 12.9322 16.6546 12.9671C16.768 13.0369 16.8901 13.0456 16.9599 12.9845L16.986 12.9584C17.0122 12.906 17.0035 12.8363 16.9599 12.7665C16.9337 12.7229 16.8901 12.6793 16.8378 12.6532C16.7244 12.5834 16.6023 12.5747 16.5413 12.627C16.5326 12.6357 16.5238 12.6444 16.5151 12.6619C16.489 12.7055 16.4977 12.7752 16.5326 12.845ZM20.8666 14.4409C20.8579 14.4409 20.8579 14.4409 20.8666 14.4409V14.4409ZM20.7271 16.8564C20.5614 17.0134 20.3783 17.1616 20.169 17.3012C19.2708 17.9116 18.015 18.3912 17.1255 18.5046C16.4541 18.6092 15.8 18.6267 15.2332 18.5569C14.9018 18.5133 14.6141 18.4435 14.3612 18.3476C14.0908 18.243 13.8815 18.1122 13.7594 17.9639C13.5763 17.7459 13.524 17.4843 13.5327 17.2576C13.5414 17.1355 13.5676 17.0134 13.6199 16.9087L13.6461 16.8564C13.7071 16.7431 13.8728 16.4727 14.1868 16.4989C14.1955 16.4989 14.2216 16.4989 14.2478 16.5076C14.274 16.5076 14.3176 16.5163 14.3524 16.525C14.4135 16.5338 14.4745 16.5425 14.553 16.5512H14.5792C15.4425 16.6558 16.2709 16.6471 17.0558 16.525C18.1982 16.3506 19.2533 15.9408 20.1952 15.3042C20.2475 15.2693 20.2911 15.2344 20.3434 15.1995L20.8579 14.4321C19.2969 15.8536 17.579 16.2634 16.2709 16.3419C15.5559 16.3855 14.9629 16.3332 14.5879 16.2809C14.5705 16.2809 14.5617 16.2809 14.553 16.2721C14.4396 16.2547 14.3524 16.246 14.2827 16.2373C14.2478 16.2373 14.2216 16.2285 14.2042 16.2285C14.1083 16.2198 14.0123 16.2373 13.9251 16.2634C13.7507 16.3158 13.5938 16.4378 13.4804 16.5948C13.3409 16.7867 13.2537 17.0483 13.2537 17.3099C13.2537 17.5279 13.306 17.7546 13.4194 17.9639C13.4281 17.9726 13.4281 17.9814 13.4368 17.9901C13.4542 18.0162 13.463 18.0337 13.4804 18.0598C13.4978 18.086 13.524 18.1209 13.5502 18.147C13.8205 18.4871 14.4135 18.7313 15.1983 18.836C15.7303 18.9057 16.3494 18.897 17.0209 18.8011C19.0092 18.4435 19.951 17.7982 20.387 17.3535C20.4219 17.3186 20.448 17.2924 20.4742 17.2576C20.6312 17.0744 20.7009 16.9349 20.7271 16.8826V16.8739C20.7358 16.8564 20.7358 16.8477 20.7358 16.8477L20.7271 16.8564Z" fill="#664F44"/>
+<path d="M14.4048 9.96725C14.3438 9.93237 14.274 9.90621 14.2043 9.88876C14.1607 9.88004 14.1171 9.87132 14.0647 9.8626C14.0473 9.8626 14.0299 9.8626 14.0124 9.85388C13.777 9.83644 13.5764 9.87132 13.5764 9.87132C13.5328 9.88004 13.4892 9.88876 13.4543 9.90621C13.1404 10.0021 12.9224 10.1678 12.7654 10.3597C12.6433 10.5166 12.5561 10.6823 12.5125 10.848C12.5038 10.8655 12.5038 10.8742 12.5038 10.8916C12.4951 10.9352 12.4776 10.9788 12.4689 11.0137C12.4427 11.1532 12.4253 11.2753 12.4253 11.38C12.4253 11.5195 12.434 11.6067 12.434 11.6067C12.4863 11.4846 12.5474 11.38 12.6084 11.2753C12.7567 11.0224 12.9136 10.8131 13.0793 10.6474C13.3933 10.3248 13.7159 10.1504 13.9601 10.0632C14.2217 9.97597 14.4048 9.96725 14.4048 9.96725ZM18.1808 9.52251L18.1721 9.50506C18.1372 9.46146 18.0936 9.41786 18.0413 9.38298C17.9192 9.30449 17.7535 9.26089 17.5268 9.30449C17.5268 9.30449 17.2564 9.36554 17.0995 9.54867C17.0995 9.54867 17.5704 9.3481 18.0762 9.70563C18.1198 9.74052 18.1721 9.7754 18.2157 9.819C18.2593 9.8626 18.3116 9.90621 18.3552 9.96725C18.3552 9.96725 18.3378 9.74924 18.207 9.55739C18.1982 9.53995 18.1895 9.53123 18.1808 9.52251Z" fill="#E9B784"/>
+<path d="M14.4658 12.9933C14.6489 12.9409 14.8408 12.8886 15.0588 12.8363C15.0937 12.6706 15.1024 12.47 15.0762 12.252C15.0152 11.7462 14.7885 11.3538 14.5617 11.38C14.335 11.4061 14.2042 11.8422 14.2652 12.3479C14.3001 12.6096 14.3699 12.8363 14.4658 12.9933Z" fill="#664F44"/>
+<path d="M13.4281 1.5956L12.9572 1.70024L13.0532 2.55485L11.8061 1.91825L11.2916 2.07522L11.3003 2.08394L12.8177 3.8106L12.8351 3.80187L12.8526 3.79315C12.8962 3.76699 12.9485 3.73211 12.9921 3.70595C13.0096 3.69723 13.027 3.68851 13.0444 3.67107C13.1142 3.62747 13.184 3.58386 13.2537 3.54898L12.6084 2.80774L13.6462 3.31353C13.681 3.29609 13.7072 3.27865 13.7421 3.26121L13.6462 2.51997L14.1171 3.06936H14.1258C14.1694 3.05191 14.2043 3.02575 14.2479 3.00831L14.2653 2.99959L14.2827 2.99087C14.2915 2.99087 14.3002 2.98215 14.3002 2.98215L14.3525 2.95599C14.3525 2.95599 14.3612 2.95599 14.3612 2.94727C14.4136 2.92111 14.4746 2.89495 14.5269 2.86878L13.4281 1.5956Z" fill="#FFD250"/>
+<path d="M12.9659 1.7264V1.70024V1.7264ZM12.9659 1.70024L13.0356 1.6828C12.9223 1.63047 12.7827 1.59559 12.6258 1.56943C12.3118 1.52583 11.9107 1.56943 11.4572 1.6828C11.0038 1.79616 10.4893 1.99673 9.94859 2.26707C8.85853 2.80774 7.65511 3.63618 6.48657 4.70008C6.0767 5.06634 5.70172 5.45004 5.35291 5.82502L6.76562 7.56911C7.14932 7.15053 7.55918 6.73195 8.01265 6.32208C8.61436 5.7727 9.22479 5.28435 9.8265 4.86577C10.4108 4.4559 10.995 4.10709 11.5444 3.82803L11.3003 2.71181L11.309 2.08394L11.3003 2.07522L11.8148 1.91825L12.8176 2.43276L12.7915 2.08394L12.9659 1.70024Z" fill="#4D9ED7"/>
+<path d="M12.9659 1.70024L12.7915 2.08394L12.8177 2.44148L13.0619 2.56357L12.9659 1.70024ZM12.6084 2.80774L13.6549 3.32225L13.2537 3.54898L12.6084 2.80774ZM13.6549 2.51996L13.7508 3.2612L14.1258 3.06935L13.6549 2.51996Z" fill="#132134"/>
+<path d="M17.5966 2.24964H17.7884C17.9628 2.24964 18.1285 2.2758 18.2855 2.31068C18.2942 2.31068 18.3029 2.31068 18.3117 2.3194H18.3204L18.3378 2.32812H18.3553C18.3378 2.3194 18.3204 2.30196 18.3029 2.29324C18.1285 2.22347 17.9454 2.17987 17.7535 2.15371C16.8117 2.03162 15.7304 2.38044 15.12 2.62462C15.0851 2.64206 15.0502 2.65078 15.0153 2.66822C14.963 2.69438 14.9107 2.71182 14.8584 2.73798C14.7711 2.77286 14.6839 2.81647 14.588 2.86007C14.5706 2.86879 14.5619 2.86879 14.5444 2.87751C14.4921 2.90367 14.431 2.92983 14.3787 2.95599C14.3787 2.95599 14.37 2.95599 14.37 2.96471L14.3177 2.99088C14.309 2.99088 14.3002 2.9996 14.3002 2.9996H14.2654L14.2566 3.00832C14.213 3.02576 14.1782 3.0432 14.1346 3.06936H14.1258C14.1171 3.07808 14.1084 3.07808 14.0997 3.0868H14.091C14.0822 3.0868 14.0735 3.09552 14.0735 3.09552C14.0125 3.1304 13.9514 3.15656 13.8904 3.19145C13.8468 3.21761 13.8032 3.23505 13.7596 3.26121H13.7509C13.716 3.27865 13.6898 3.29609 13.6549 3.31353C13.5503 3.36586 13.4544 3.4269 13.3497 3.48794C13.341 3.49666 13.3323 3.49666 13.3148 3.50538C13.3061 3.5141 13.2974 3.5141 13.2887 3.52282C13.2799 3.53154 13.2712 3.53154 13.2625 3.54027L13.2538 3.54899C13.184 3.59259 13.1143 3.62747 13.0445 3.67107C13.0271 3.67979 13.0096 3.68851 12.9922 3.70595C12.9486 3.73212 12.8962 3.767 12.8526 3.79316L12.8352 3.80188L12.8178 3.8106L12.4253 4.07221C12.2073 4.22046 11.998 4.36871 11.7887 4.52568C11.7626 4.54312 11.7364 4.56928 11.7103 4.58672C11.1609 4.99658 10.6376 5.44133 10.1319 5.89479C9.59991 6.38314 9.0854 6.8802 8.60578 7.38599C8.34416 7.64761 8.11743 7.88306 7.94302 8.07491C7.57676 8.46733 7.37619 8.7115 7.38491 8.72022C7.38491 8.72022 7.41979 8.69406 7.48084 8.63302C7.43723 8.68534 7.38491 8.74638 7.34131 8.79871C8.14359 7.9441 9.02436 7.07205 9.97489 6.25233C10.5504 5.75526 11.1522 5.27564 11.7713 4.83089C12.0416 4.63904 12.3207 4.44719 12.5998 4.26406C12.687 4.20302 12.7829 4.1507 12.8701 4.08965C12.9137 4.06349 12.9573 4.03733 13.0096 4.01117C13.0358 3.99373 13.0619 3.97629 13.0881 3.96757C13.1404 3.94141 13.184 3.90652 13.2363 3.88036C13.2799 3.8542 13.3323 3.82804 13.3759 3.79316C13.402 3.77572 13.4282 3.767 13.4544 3.74956L13.6375 3.64491C13.6724 3.62747 13.7072 3.60131 13.7421 3.58387C13.8555 3.52282 13.9689 3.46178 14.091 3.40074C14.0997 3.39202 14.1084 3.39202 14.1171 3.3833L14.1694 3.35714C14.1956 3.34842 14.213 3.33097 14.2392 3.32225C14.2479 3.31353 14.2566 3.31353 14.2654 3.30481L14.3177 3.27865C14.3177 3.27865 14.3264 3.27865 14.3264 3.26993H14.3351C14.3874 3.24377 14.4398 3.21761 14.4834 3.20017C14.4921 3.20017 14.5008 3.19145 14.5095 3.18273L14.5619 3.15656C14.6229 3.1304 14.6752 3.10424 14.7363 3.07808C14.7537 3.06936 14.7711 3.06064 14.7799 3.05192C14.7886 3.05192 14.7973 3.0432 14.806 3.0432C14.8235 3.03448 14.8409 3.02576 14.8584 3.02576C14.9281 2.9996 14.9892 2.96471 15.0589 2.93855C15.12 2.91239 15.1723 2.88623 15.2333 2.86007C15.5647 2.72054 15.8699 2.60718 16.1577 2.51125C16.6984 2.363 17.178 2.26708 17.5966 2.24964Z" fill="white"/>
+</svg>
diff --git a/public_html/raven-demo/images/brands/tiktok.svg b/public_html/raven-demo/images/brands/tiktok.svg
new file mode 100644
index 0000000..1924ad7
--- /dev/null
+++ b/public_html/raven-demo/images/brands/tiktok.svg
@@ -0,0 +1,3 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M450.287 0H61.7143C28.2363 0 1 27.2363 1 60.7143V449.287C1 482.764 28.2363 510 61.7143 510H450.287C483.764 510 511 482.764 511 449.287V60.7143C511 27.2363 483.764 0 450.287 0ZM401.788 222.494C399.002 222.763 396.206 222.907 393.408 222.919C378.303 222.921 363.432 219.161 350.141 211.979C336.854 204.796 325.559 194.417 317.286 181.779V321.87C317.286 342.349 311.212 362.369 299.834 379.396C288.457 396.423 272.288 409.695 253.367 417.532C234.448 425.368 213.628 427.419 193.543 423.423C173.458 419.429 155.008 409.567 140.527 395.085C126.047 380.606 116.185 362.156 112.19 342.071C108.195 321.986 110.245 301.167 118.082 282.248C125.919 263.327 139.191 247.155 156.218 235.778C173.245 224.402 193.264 218.329 213.742 218.329C215.905 218.329 218.017 218.523 220.142 218.656V269.681C218.017 269.426 215.928 269.037 213.742 269.037C199.727 269.037 186.286 274.605 176.375 284.515C166.465 294.425 160.897 307.868 160.897 321.882C160.897 335.898 166.465 349.341 176.375 359.251C186.286 369.161 199.727 374.729 213.742 374.729C242.935 374.729 268.713 351.731 268.713 322.538L269.223 84.6115H318.037C320.269 105.821 329.883 125.572 345.201 140.411C360.52 155.25 380.565 164.232 401.837 165.786V222.494" fill="black"/>
+</svg>
diff --git a/public_html/raven-demo/images/brands/visa.svg b/public_html/raven-demo/images/brands/visa.svg
new file mode 100644
index 0000000..f497767
--- /dev/null
+++ b/public_html/raven-demo/images/brands/visa.svg
@@ -0,0 +1,17 @@
+<svg width="50" height="16" viewBox="0 0 50 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.3333 15.4857L20.8729 1.19995H24.8412L22.3809 15.4857H18.3333Z" fill="#3C58BF"/>
+<path d="M18.3333 15.4857L21.5872 1.19995H24.8412L22.3809 15.4857H18.3333Z" fill="#293688"/>
+<path d="M36.746 1.35867C35.9524 1.04121 34.6825 0.723755 33.0952 0.723755C29.127 0.723755 26.2698 2.70788 26.2698 5.56502C26.2698 7.70788 28.2539 8.81899 29.8412 9.53328C31.4285 10.2476 31.9047 10.7238 31.9047 11.3587C31.9047 12.3111 30.6349 12.7872 29.5238 12.7872C27.9365 12.7872 27.0635 12.5491 25.7143 11.9936L25.1587 11.7555L24.6031 15.0095C25.5555 15.4063 27.3016 15.8031 29.127 15.8031C33.3333 15.8031 36.1111 13.819 36.1111 10.8031C36.1111 9.13645 35.0793 7.86661 32.6984 6.83486C31.2698 6.12058 30.3968 5.72375 30.3968 5.00947C30.3968 4.37455 31.1111 3.73963 32.6984 3.73963C34.0476 3.73963 35 3.97772 35.7143 4.29518L36.1111 4.45391L36.746 1.35867Z" fill="#3C58BF"/>
+<path d="M36.746 1.35867C35.9524 1.04121 34.6825 0.723755 33.0952 0.723755C29.127 0.723755 26.9841 2.70788 26.9841 5.56502C26.9841 7.70788 28.2539 8.81899 29.8412 9.53328C31.4285 10.2476 31.9047 10.7238 31.9047 11.3587C31.9047 12.3111 30.6349 12.7872 29.5238 12.7872C27.9365 12.7872 27.0635 12.5491 25.7143 11.9936L25.1587 11.7555L24.6031 15.0095C25.5555 15.4063 27.3016 15.8031 29.127 15.8031C33.3333 15.8031 36.1111 13.819 36.1111 10.8031C36.1111 9.13645 35.0793 7.86661 32.6984 6.83486C31.2698 6.12058 30.3968 5.72375 30.3968 5.00947C30.3968 4.37455 31.1111 3.73963 32.6984 3.73963C34.0476 3.73963 35 3.97772 35.7143 4.29518L36.1111 4.45391L36.746 1.35867Z" fill="#293688"/>
+<path d="M43.5714 1.19995C42.619 1.19995 41.9047 1.27932 41.5079 2.2317L35.5555 15.4857H39.8413L40.6349 13.1047H45.7143L46.1905 15.4857H50L46.6666 1.19995H43.5714ZM41.746 10.7238C41.9841 10.0095 43.3333 6.51741 43.3333 6.51741C43.3333 6.51741 43.6508 5.6444 43.8889 5.08884L44.127 6.43805C44.127 6.43805 44.9206 10.0095 45.0793 10.8031H41.746V10.7238Z" fill="#3C58BF"/>
+<path d="M44.5238 1.19995C43.5714 1.19995 42.8571 1.27932 42.4603 2.2317L35.5555 15.4857H39.8413L40.6349 13.1047H45.7143L46.1905 15.4857H50L46.6666 1.19995H44.5238ZM41.746 10.7238C42.0635 9.93011 43.3333 6.51741 43.3333 6.51741C43.3333 6.51741 43.6508 5.6444 43.8889 5.08884L44.127 6.43805C44.127 6.43805 44.9206 10.0095 45.0793 10.8031H41.746V10.7238Z" fill="#293688"/>
+<path d="M11.0317 11.2001L10.6349 9.13656C9.92061 6.75561 7.61903 4.13656 5.07935 2.86672L8.65077 15.5651H12.9365L19.3651 1.27942H15.0793L11.0317 11.2001Z" fill="#3C58BF"/>
+<path d="M11.0317 11.2001L10.6349 9.13656C9.92061 6.75561 7.61903 4.13656 5.07935 2.86672L8.65077 15.5651H12.9365L19.3651 1.27942H15.873L11.0317 11.2001Z" fill="#293688"/>
+<path d="M0 1.19995L0.714285 1.35868C5.79365 2.54916 9.28571 5.56503 10.6349 9.13646L9.20635 2.39043C8.96825 1.43805 8.25397 1.19995 7.38095 1.19995H0Z" fill="#FFBC00"/>
+<path d="M0 1.19995C5.07936 2.39043 9.28571 5.48567 10.6349 9.05709L9.28571 3.42217C9.04762 2.46979 8.25397 1.91424 7.38095 1.91424L0 1.19995Z" fill="#F7981D"/>
+<path d="M0 1.19995C5.07936 2.39043 9.28571 5.48567 10.6349 9.05709L9.68254 5.96185C9.44444 5.00947 9.12698 4.05709 8.01587 3.66027L0 1.19995Z" fill="#ED7C00"/>
+<path d="M15 10.7237L12.3015 8.02533L11.0317 11.0412L10.7142 9.05707C9.99996 6.67612 7.69837 4.05707 5.15869 2.78723L8.73012 15.4856H13.0158L15 10.7237Z" fill="#051244"/>
+<path d="M22.3809 15.4857L18.9682 11.9937L18.3333 15.4857H22.3809Z" fill="#051244"/>
+<path d="M31.5079 10.5651C31.8254 10.8825 31.9841 11.1206 31.9047 11.4381C31.9047 12.3905 30.6349 12.8667 29.5238 12.8667C27.9365 12.8667 27.0635 12.6286 25.7143 12.073L25.1587 11.8349L24.6031 15.0889C25.5555 15.4857 27.3016 15.8825 29.127 15.8825C31.6666 15.8825 33.7301 15.1682 34.9206 13.8984L31.5079 10.5651Z" fill="#051244"/>
+<path d="M36.1111 15.4856H39.8412L40.6349 13.1046H45.7143L46.1904 15.4856H50L48.6508 9.69192L43.8889 5.08875L44.127 6.35858C44.127 6.35858 44.9206 9.93001 45.0793 10.7237H41.746C42.0635 9.93001 43.3333 6.51732 43.3333 6.51732C43.3333 6.51732 43.6508 5.6443 43.8889 5.08875" fill="#051244"/>
+</svg>
diff --git a/public_html/raven-demo/images/brands/whatsapp.svg b/public_html/raven-demo/images/brands/whatsapp.svg
new file mode 100644
index 0000000..3fb811b
--- /dev/null
+++ b/public_html/raven-demo/images/brands/whatsapp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#01E675" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M35.993 12h.014C49.237 12 60 22.766 60 36S49.238 60 36.007 60a23.81 23.81 0 01-13.203-3.964l-9.224 2.948 2.99-8.917A23.824 23.824 0 0112 36c0-13.235 10.762-24 23.993-24zm-6.7 12.19c-.466-1.114-.818-1.156-1.523-1.185a13.55 13.55 0 00-.804-.027c-.918 0-1.877.268-2.455.86-.705.72-2.454 2.398-2.454 5.841s2.51 6.773 2.849 7.239c.353.465 4.895 7.632 11.947 10.553 5.515 2.286 7.152 2.074 8.407 1.806 1.834-.395 4.133-1.75 4.711-3.386.579-1.637.579-3.034.41-3.33-.17-.296-.636-.465-1.34-.818-.706-.353-4.134-2.046-4.783-2.272-.634-.24-1.24-.155-1.72.522-.677.946-1.34 1.905-1.876 2.483-.423.452-1.115.509-1.693.268-.776-.324-2.948-1.086-5.628-3.47-2.074-1.849-3.484-4.148-3.893-4.84-.41-.705-.042-1.114.282-1.495.353-.438.691-.748 1.044-1.157.352-.41.55-.621.776-1.1.24-.466.07-.946-.1-1.3-.168-.352-1.579-3.795-2.157-5.191z"/></g></svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/brands/x.svg b/public_html/raven-demo/images/brands/x.svg
new file mode 100644
index 0000000..2f1f5c1
--- /dev/null
+++ b/public_html/raven-demo/images/brands/x.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="none" viewBox="0 0 512 512" id="twitter"><g clip-path="url(#clip0_84_15697)"><rect width="512" height="512" fill="#000" rx="60"></rect><path fill="#fff" d="M355.904 100H408.832L293.2 232.16L429.232 412H322.72L239.296 302.928L143.84 412H90.8805L214.56 270.64L84.0645 100H193.28L268.688 199.696L355.904 100ZM337.328 380.32H366.656L177.344 130.016H145.872L337.328 380.32Z"></path></g><defs><clipPath id="clip0_84_15697"><rect width="512" height="512" fill="#fff"></rect></clipPath></defs></svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/brands/youtube.svg b/public_html/raven-demo/images/brands/youtube.svg
new file mode 100644
index 0000000..57cbfda
--- /dev/null
+++ b/public_html/raven-demo/images/brands/youtube.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#FF0002" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M31.044 42.27l-.002-13.582 12.97 6.814-12.968 6.768zM59.52 26.334s-.47-3.33-1.908-4.798c-1.826-1.926-3.872-1.935-4.809-2.047C46.086 19 36.011 19 36.011 19h-.022s-10.075 0-16.792.49c-.939.111-2.983.12-4.81 2.046-1.439 1.467-1.907 4.798-1.907 4.798S12 30.247 12 34.158v3.668c0 3.912.48 7.823.48 7.823s.468 3.331 1.906 4.798c1.828 1.926 4.226 1.866 5.294 2.067C23.52 52.885 36 53 36 53s10.086-.015 16.803-.505c.938-.113 2.983-.122 4.809-2.048 1.438-1.467 1.908-4.798 1.908-4.798s.48-3.91.48-7.823v-3.668c0-3.911-.48-7.824-.48-7.824z"/></g></svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/countries/BR.png b/public_html/raven-demo/images/countries/BR.png
new file mode 100644
index 0000000..b4aaae1
Binary files /dev/null and b/public_html/raven-demo/images/countries/BR.png differ
diff --git a/public_html/raven-demo/images/countries/ES.png b/public_html/raven-demo/images/countries/ES.png
new file mode 100644
index 0000000..809c5d8
Binary files /dev/null and b/public_html/raven-demo/images/countries/ES.png differ
diff --git a/public_html/raven-demo/images/countries/GR.png b/public_html/raven-demo/images/countries/GR.png
new file mode 100644
index 0000000..5579209
Binary files /dev/null and b/public_html/raven-demo/images/countries/GR.png differ
diff --git a/public_html/raven-demo/images/countries/IN.png b/public_html/raven-demo/images/countries/IN.png
new file mode 100644
index 0000000..6af86b3
Binary files /dev/null and b/public_html/raven-demo/images/countries/IN.png differ
diff --git a/public_html/raven-demo/images/countries/JP.png b/public_html/raven-demo/images/countries/JP.png
new file mode 100644
index 0000000..d74bc82
Binary files /dev/null and b/public_html/raven-demo/images/countries/JP.png differ
diff --git a/public_html/raven-demo/images/countries/UK.png b/public_html/raven-demo/images/countries/UK.png
new file mode 100644
index 0000000..437fd80
Binary files /dev/null and b/public_html/raven-demo/images/countries/UK.png differ
diff --git a/public_html/raven-demo/images/countries/US.png b/public_html/raven-demo/images/countries/US.png
new file mode 100644
index 0000000..348017b
Binary files /dev/null and b/public_html/raven-demo/images/countries/US.png differ
diff --git a/public_html/raven-demo/images/demos/dashboard.png b/public_html/raven-demo/images/demos/dashboard.png
new file mode 100644
index 0000000..cc80f3b
Binary files /dev/null and b/public_html/raven-demo/images/demos/dashboard.png differ
diff --git a/public_html/raven-demo/images/demos/landing.png b/public_html/raven-demo/images/demos/landing.png
new file mode 100644
index 0000000..7f12a16
Binary files /dev/null and b/public_html/raven-demo/images/demos/landing.png differ
diff --git a/public_html/raven-demo/images/demos/nextjs.png b/public_html/raven-demo/images/demos/nextjs.png
new file mode 100644
index 0000000..220ded0
Binary files /dev/null and b/public_html/raven-demo/images/demos/nextjs.png differ
diff --git a/public_html/raven-demo/images/favicon.png b/public_html/raven-demo/images/favicon.png
new file mode 100644
index 0000000..63d76e5
Binary files /dev/null and b/public_html/raven-demo/images/favicon.png differ
diff --git a/public_html/raven-demo/images/files/ai.svg b/public_html/raven-demo/images/files/ai.svg
new file mode 100644
index 0000000..80970d9
--- /dev/null
+++ b/public_html/raven-demo/images/files/ai.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.63197 1H13.993L20.2241 7.50095V20.1381C20.2241 21.7188 18.9428 23 17.3621 23H6.63197C5.05121 23 3.77002 21.7188 3.77002 20.1381V3.86195C3.77002 2.28122 5.05121 1 6.63197 1Z" fill="#FF6600"/>
+<path opacity="0.302" fill-rule="evenodd" clip-rule="evenodd" d="M13.984 1V7.44756H20.224L13.984 1Z" fill="white"/>
+<path d="M9.00155 17.4155H10.1137C10.1434 17.4155 10.17 17.3947 10.176 17.368L10.5022 16.1966H11.7627L12.1126 17.368C12.1215 17.3947 12.1482 17.4155 12.1779 17.4155H13.3316C13.3701 17.4155 13.3998 17.3858 13.3998 17.3502C13.3998 17.3384 13.3968 17.3295 13.3939 17.3206L11.9228 12.5813C11.9139 12.5546 11.8902 12.5368 11.8605 12.5368H10.4518C10.4221 12.5368 10.3955 12.5546 10.3895 12.5813L8.93628 17.3295C8.93036 17.3502 8.93628 17.371 8.94815 17.3888C8.96005 17.4036 8.98081 17.4155 9.00155 17.4155ZM14.417 13.5481C14.7907 13.5481 15.0606 13.296 15.0606 12.9461C15.0517 12.5872 14.7907 12.3381 14.423 12.3381C14.2361 12.3381 14.07 12.4033 13.9544 12.519C13.8476 12.6287 13.7913 12.783 13.7942 12.9461C13.7913 13.1062 13.8476 13.2545 13.9574 13.3642C14.07 13.4829 14.2332 13.5481 14.417 13.5481ZM13.8891 13.8388C13.8506 13.8388 13.8209 13.8684 13.8209 13.904V17.3502C13.8209 17.3858 13.8506 17.4155 13.8891 17.4155H14.9598C14.9953 17.4155 15.025 17.3858 15.025 17.3502V13.904C15.025 13.8684 14.9953 13.8388 14.9598 13.8388H13.8891ZM11.567 15.2623H10.695L10.953 14.337C10.9975 14.1709 11.042 13.9752 11.0865 13.7854C11.0954 13.7409 11.1043 13.6994 11.1161 13.6549C11.1725 13.8832 11.2348 14.1294 11.297 14.34L11.567 15.2623Z" fill="white"/>
+</svg>
diff --git a/public_html/raven-demo/images/files/csv.svg b/public_html/raven-demo/images/files/csv.svg
new file mode 100644
index 0000000..f0d0335
--- /dev/null
+++ b/public_html/raven-demo/images/files/csv.svg
@@ -0,0 +1,14 @@
+<svg width="400" height="461" viewBox="0 0 400 461" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M342.544 460.526H57.4563C39.2545 460.526 24.5615 445.833 24.5615 427.632V32.8947C24.5615 14.693 39.2545 0 57.4563 0H265.79L375.439 109.649V427.632C375.439 445.833 360.746 460.526 342.544 460.526Z" fill="#E7EAF3"/>
+<path d="M375.439 109.649H265.79V0L375.439 109.649Z" fill="#F8FAFD"/>
+<path d="M265.79 109.649L375.439 219.298V109.649H265.79Z" fill="#BDC5D1"/>
+<path d="M387.5 389.035H12.5C5.70175 389.035 0 383.553 0 376.535V272.807C0 266.009 5.48246 260.307 12.5 260.307H387.5C394.298 260.307 400 265.79 400 272.807V376.535C400 383.553 394.298 389.035 387.5 389.035Z" fill="#377DFF"/>
+<path d="M91.7529 306.759C91.7529 305.748 92.0236 304.984 92.565 304.467C93.1064 303.95 93.8944 303.691 94.929 303.691C95.9275 303.691 96.6975 303.956 97.2388 304.485C97.7922 305.015 98.0689 305.772 98.0689 306.759C98.0689 307.709 97.7922 308.461 97.2388 309.015C96.6854 309.556 95.9155 309.827 94.929 309.827C93.9184 309.827 93.1365 309.562 92.5831 309.033C92.0296 308.491 91.7529 307.733 91.7529 306.759ZM114.707 287.233C112.602 287.233 110.972 288.028 109.817 289.616C108.662 291.192 108.084 293.393 108.084 296.22C108.084 302.103 110.292 305.045 114.707 305.045C116.56 305.045 118.803 304.581 121.438 303.655V308.347C119.273 309.249 116.855 309.7 114.184 309.7C110.346 309.7 107.411 308.539 105.377 306.218C103.344 303.884 102.328 300.539 102.328 296.184C102.328 293.441 102.827 291.041 103.826 288.984C104.824 286.915 106.256 285.333 108.12 284.238C109.997 283.131 112.193 282.578 114.707 282.578C117.27 282.578 119.844 283.197 122.431 284.436L120.626 288.984C119.64 288.515 118.647 288.106 117.649 287.757C116.65 287.408 115.67 287.233 114.707 287.233ZM142.642 302.013C142.642 304.395 141.782 306.272 140.061 307.643C138.353 309.015 135.971 309.7 132.915 309.7C130.1 309.7 127.61 309.171 125.444 308.112V302.915C127.225 303.709 128.729 304.269 129.956 304.593C131.195 304.918 132.326 305.081 133.348 305.081C134.575 305.081 135.514 304.846 136.163 304.377C136.825 303.908 137.156 303.21 137.156 302.284C137.156 301.766 137.012 301.309 136.723 300.912C136.434 300.503 136.007 300.112 135.442 299.739C134.888 299.366 133.751 298.771 132.031 297.953C130.419 297.195 129.21 296.467 128.404 295.769C127.598 295.071 126.954 294.259 126.473 293.333C125.992 292.407 125.751 291.324 125.751 290.085C125.751 287.751 126.539 285.916 128.115 284.581C129.703 283.245 131.893 282.578 134.684 282.578C136.055 282.578 137.36 282.74 138.6 283.065C139.851 283.39 141.156 283.847 142.516 284.436L140.711 288.785C139.303 288.208 138.136 287.805 137.21 287.576C136.296 287.348 135.393 287.233 134.503 287.233C133.445 287.233 132.632 287.48 132.067 287.973C131.502 288.467 131.219 289.11 131.219 289.904C131.219 290.398 131.333 290.831 131.562 291.204C131.79 291.564 132.151 291.919 132.645 292.268C133.15 292.605 134.335 293.219 136.2 294.109C138.666 295.288 140.356 296.473 141.27 297.664C142.185 298.843 142.642 300.293 142.642 302.013ZM162.474 282.957H168.122L159.154 309.339H153.054L144.104 282.957H149.752L154.714 298.656C154.991 299.583 155.274 300.666 155.563 301.905C155.863 303.132 156.05 303.986 156.122 304.467C156.254 303.36 156.705 301.423 157.475 298.656L162.474 282.957Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="400" height="460.526" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public_html/raven-demo/images/files/doc.svg b/public_html/raven-demo/images/files/doc.svg
new file mode 100644
index 0000000..2449548
--- /dev/null
+++ b/public_html/raven-demo/images/files/doc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#4a81f4" d="M652.52 792.45h192s50.06.1 49-59.26 0-210.58 0-210.58H785.16l-1-114.16H652.52s-45.94 1.52-46.52 53 0 284.71 0 284.71 4.19 44.97 46.52 46.29z" transform="translate(-605.74 -408.45)"></path><path fill="#759ff7" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="#fff" d="M825.17 582.35h-20.59c-7 0-12.68 4.47-12.68 10s5.68 10 12.68 10h20.59c7 0 12.68-4.48 12.68-10s-5.68-10-12.68-10zM754.87 582.35H674c-7 0-12.68 4.47-12.68 10s5.68 10 12.68 10h80.85c7 0 12.68-4.48 12.68-10s-5.66-10-12.66-10zM826.17 633.06H674c-7 0-12.68 4.48-12.68 10s5.68 10 12.68 10h152.17c7 0 12.68-4.48 12.68-10s-5.68-10-12.68-10zM826.17 683.78H674c-7 0-12.68 4.47-12.68 10s5.68 10 12.68 10h152.17c7 0 12.68-4.48 12.68-10s-5.68-10-12.68-10z" transform="translate(-605.74 -408.45)"></path></svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/files/excel.svg b/public_html/raven-demo/images/files/excel.svg
new file mode 100644
index 0000000..16eb8f5
--- /dev/null
+++ b/public_html/raven-demo/images/files/excel.svg
@@ -0,0 +1,13 @@
+<svg width="400" height="397" viewBox="0 0 400 397" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M250.405 24.8H118.134C113.75 24.8 109.546 26.5415 106.446 29.6413C103.346 32.7411 101.605 36.9454 101.605 41.3292V111.6L250.405 198.4L324.805 229.797L399.205 198.4V111.6L250.405 24.8Z" fill="#21A366"/>
+<path d="M101.605 111.6H250.405V198.4H101.605V111.6Z" fill="#107C41"/>
+<path d="M382.675 24.8H250.405V111.6H399.205V41.3292C399.205 36.9454 397.463 32.7411 394.363 29.6413C391.263 26.5415 387.059 24.8 382.675 24.8V24.8Z" fill="#33C481"/>
+<path d="M250.405 198.4H101.605V355.471C101.605 359.855 103.346 364.059 106.446 367.159C109.546 370.259 113.75 372 118.134 372H382.676C387.059 372 391.264 370.259 394.363 367.159C397.463 364.059 399.205 359.855 399.205 355.471V285.2L250.405 198.4Z" fill="#185C37"/>
+<path d="M250.405 198.4H399.205V285.2H250.405V198.4Z" fill="#107C41"/>
+<path opacity="0.1" d="M209.076 86.8H101.605V322.4H209.076C213.455 322.387 217.652 320.641 220.749 317.544C223.846 314.447 225.592 310.251 225.605 305.871V103.329C225.592 98.9494 223.846 94.7527 220.749 91.6557C217.652 88.5587 213.455 86.8131 209.076 86.8V86.8Z" fill="black"/>
+<path opacity="0.2" d="M196.676 99.2H101.605V334.8H196.676C201.055 334.787 205.252 333.041 208.349 329.944C211.446 326.847 213.192 322.651 213.205 318.271V115.729C213.192 111.349 211.446 107.153 208.349 104.056C205.252 100.959 201.055 99.2131 196.676 99.2V99.2Z" fill="black"/>
+<path opacity="0.2" d="M196.676 99.2H101.605V310H196.676C201.055 309.987 205.252 308.241 208.349 305.144C211.446 302.047 213.192 297.851 213.205 293.471V115.729C213.192 111.349 211.446 107.153 208.349 104.056C205.252 100.959 201.055 99.2131 196.676 99.2V99.2Z" fill="black"/>
+<path opacity="0.2" d="M184.276 99.2H101.605V310H184.276C188.655 309.987 192.852 308.241 195.949 305.144C199.046 302.047 200.792 297.851 200.805 293.471V115.729C200.792 111.349 199.046 107.153 195.949 104.056C192.852 100.959 188.655 99.2131 184.276 99.2V99.2Z" fill="black"/>
+<path d="M18.934 99.2H184.276C188.659 99.2 192.864 100.941 195.964 104.041C199.063 107.141 200.805 111.345 200.805 115.729V281.071C200.805 285.455 199.063 289.659 195.964 292.759C192.864 295.859 188.659 297.6 184.276 297.6H18.934C14.5502 297.6 10.3459 295.859 7.24608 292.759C4.14625 289.659 2.40479 285.455 2.40479 281.071L2.40479 115.729C2.40479 111.345 4.14625 107.141 7.24608 104.041C10.3459 100.941 14.5502 99.2 18.934 99.2V99.2Z" fill="#107C41"/>
+<path d="M46.2139 260.4L86.3403 198.226L49.5867 136.4H79.1607L99.2239 175.919C101.067 179.664 102.336 182.458 103.031 184.301H103.291C104.614 181.309 105.998 178.399 107.445 175.572L128.885 136.4H156.028L118.332 197.879L156.983 260.4H128.091L104.915 217C103.824 215.151 102.898 213.209 102.15 211.197H101.803C101.127 213.165 100.228 215.05 99.1247 216.814L75.2795 260.4H46.2139Z" fill="white"/>
+</svg>
diff --git a/public_html/raven-demo/images/files/fig.svg b/public_html/raven-demo/images/files/fig.svg
new file mode 100644
index 0000000..e8df179
--- /dev/null
+++ b/public_html/raven-demo/images/files/fig.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#2b2b32" d="M652.52 792.45h192s50.06.1 49-59.26 0-210.58 0-210.58H785.16l-1-114.16H652.52s-45.94 1.52-46.52 53 0 284.71 0 284.71 4.19 44.97 46.52 46.29z" transform="translate(-605.74 -408.45)"></path><path fill="#4c4c54" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="#1abcfe" fill-rule="evenodd" d="M749.08 649.62a32.53 32.53 0 1132.53 32.53 32.52 32.52 0 01-32.53-32.53z" transform="translate(-605.74 -408.45)"></path><path fill="#0acf83" fill-rule="evenodd" d="M684 714.68a32.52 32.52 0 0132.53-32.53h32.53v32.53a32.53 32.53 0 01-65.06 0z" transform="translate(-605.74 -408.45)"></path><path fill="#ff7262" fill-rule="evenodd" d="M749.08 552v65.06h32.53a32.53 32.53 0 000-65.06z" transform="translate(-605.74 -408.45)"></path><path fill="#f24e1e" fill-rule="evenodd" d="M684 584.56a32.52 32.52 0 0032.53 32.53h32.53V552h-32.51A32.52 32.52 0 00684 584.56z" transform="translate(-605.74 -408.45)"></path><path fill="#a259ff" fill-rule="evenodd" d="M684 649.62a32.52 32.52 0 0032.53 32.53h32.53v-65.06h-32.51A32.52 32.52 0 00684 649.62z" transform="translate(-605.74 -408.45)"></path></svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/files/jpg.svg b/public_html/raven-demo/images/files/jpg.svg
new file mode 100644
index 0000000..cc3d99d
--- /dev/null
+++ b/public_html/raven-demo/images/files/jpg.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#00cc69" d="M652.52 792.45h192s50.06.1 49-59.26 0-210.58 0-210.58H785.16l-1-114.16H652.52s-45.94 1.52-46.52 53 0 284.71 0 284.71 4.19 44.97 46.52 46.29z" transform="translate(-605.74 -408.45)"></path><path fill="#49db95" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="10" d="M167.31 283.05l-16.14-15.67c-7.79-7.56-11.69-11.34-16.16-12.72a19.68 19.68 0 00-12 .13c-4.44 1.47-8.25 5.34-15.87 13.06l-38.67 37.4m98.89-22.2l3.3-3.2c7.8-7.57 11.7-11.36 16.17-12.74a19.67 19.67 0 0112.07.14c4.44 1.48 8.25 5.35 15.87 13.09l8.09 8m-55.5-5.27l38.81 38.08m0 0a135 135 0 01-14.27.41H99c-10.83 0-16.25 0-20.39-2.07a19.08 19.08 0 01-8.46-8.28 17.19 17.19 0 01-1.68-5.94m137.7 15.88a18.44 18.44 0 006.13-1.66 19.06 19.06 0 008.45-8.28c2.11-4 2.11-9.35 2.11-20v-2.9M68.42 305.25a124.38 124.38 0 01-.43-14v-90.97c0-10.61 0-15.91 2.11-20a19.18 19.18 0 018.46-8.28c4.14-2.06 9.56-2.06 20.39-2.06h92.9c10.84 0 16.26 0 20.4 2.06a19.16 19.16 0 018.45 8.28c2.11 4.06 2.11 9.36 2.11 20v88m-29-71a19.35 19.35 0 11-19.35-18.94 19.15 19.15 0 0119.32 18.99z"></path></svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/files/js.svg b/public_html/raven-demo/images/files/js.svg
new file mode 100644
index 0000000..4d0299d
--- /dev/null
+++ b/public_html/raven-demo/images/files/js.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.62841 1H13.9912L20.2218 7.50365V20.1336C20.2218 21.7153 18.9452 23 17.3634 23H6.62841C5.05468 23 3.77002 21.7153 3.77002 20.1336V3.85839C3.76999 2.28466 5.05468 1 6.62841 1Z" fill="#E0C600"/>
+<path opacity="0.302" fill-rule="evenodd" clip-rule="evenodd" d="M13.9832 1V7.44744H20.2218L13.9832 1Z" fill="white"/>
+<path d="M9.03717 15.9423C9.12548 15.9584 9.21382 15.9664 9.30213 15.9664C9.67147 15.9664 9.85615 15.7898 9.85615 15.4445V12.4577H10.9321V15.5088C10.9321 15.9825 10.8116 16.3438 10.5708 16.5927C10.3379 16.8336 10.0087 16.9621 9.59119 16.9621C9.42258 16.9621 9.23789 16.946 9.03717 16.9059V15.9423ZM13.2124 16.9781C12.7627 16.9781 12.3613 16.8416 12.024 16.5686C11.6868 16.2876 11.5021 15.9503 11.478 15.5409L12.4576 15.2598C12.4817 15.4766 12.57 15.6613 12.7226 15.8058C12.8832 15.9503 13.0598 16.0226 13.2605 16.0226C13.4291 16.0226 13.5576 15.9825 13.662 15.9102C13.7664 15.8379 13.8145 15.7496 13.8145 15.6292C13.8145 15.5328 13.7744 15.4445 13.6941 15.3803C13.6138 15.308 13.5094 15.2518 13.381 15.2117C13.2525 15.1715 13.108 15.1233 12.9474 15.0832C12.7868 15.043 12.6262 14.9868 12.4656 14.9146C12.3131 14.8503 12.1686 14.77 12.0401 14.6737C11.9116 14.5854 11.8072 14.4489 11.7189 14.2802C11.6386 14.1116 11.5985 13.9189 11.5985 13.6941C11.5985 13.3248 11.7591 13.0196 12.0722 12.7788C12.3853 12.5299 12.7627 12.4094 13.2043 12.4094C13.6379 12.4094 14.0233 12.5138 14.3525 12.7306C14.6737 12.9394 14.8744 13.2204 14.9547 13.5657L13.935 13.9912C13.8868 13.7985 13.8065 13.6459 13.6781 13.5335C13.5496 13.4211 13.389 13.3649 13.2043 13.3649C13.0598 13.3649 12.9474 13.397 12.8591 13.4532C12.7788 13.5094 12.7386 13.5897 12.7386 13.6861C12.7386 13.7824 12.7948 13.8547 12.9073 13.9189C13.0116 13.9751 13.1481 14.0233 13.3167 14.0474C13.4773 14.0715 13.654 14.1197 13.8467 14.1839C14.0393 14.2481 14.216 14.3284 14.3846 14.4167C14.5452 14.5131 14.6817 14.6656 14.7941 14.8664C14.9065 15.0671 14.9547 15.308 14.9547 15.597C14.9547 16.0065 14.7941 16.3437 14.4729 16.6007C14.1518 16.8496 13.7343 16.9781 13.2124 16.9781Z" fill="white"/>
+</svg>
diff --git a/public_html/raven-demo/images/files/pdf.svg b/public_html/raven-demo/images/files/pdf.svg
new file mode 100644
index 0000000..7cf2a0a
--- /dev/null
+++ b/public_html/raven-demo/images/files/pdf.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.63408 1H13.9894L20.2233 7.49776V20.1359C20.2233 21.7191 18.9424 23 17.3647 23H6.63408C5.05087 23 3.77002 21.7191 3.77002 20.1359V3.86406C3.76999 2.28086 5.05085 1 6.63408 1Z" fill="#E5252A"/>
+<path opacity="0.302" fill-rule="evenodd" clip-rule="evenodd" d="M13.984 1V7.44828H20.2234L13.984 1Z" fill="white"/>
+<path d="M6.953 17.4148V13.3963H8.66265C9.08595 13.3963 9.42129 13.5117 9.67416 13.7481C9.92703 13.979 10.0535 14.2924 10.0535 14.6827C10.0535 15.073 9.92703 15.3863 9.67416 15.6172C9.42129 15.8536 9.08595 15.969 8.66265 15.969H7.98099V17.4148H6.953ZM7.98099 15.095H8.54721C8.70113 15.095 8.82207 15.062 8.90454 14.985C8.98699 14.9136 9.03099 14.8146 9.03099 14.6827C9.03099 14.5508 8.98702 14.4518 8.90454 14.3803C8.8221 14.3034 8.70115 14.2704 8.54721 14.2704H7.98099V15.095ZM10.4767 17.4148V13.3963H11.9005C12.1809 13.3963 12.4448 13.4348 12.6921 13.5172C12.9395 13.5997 13.1649 13.7152 13.3628 13.8746C13.5607 14.0285 13.7201 14.2374 13.8356 14.5013C13.9455 14.7651 14.006 15.0675 14.006 15.4083C14.006 15.7436 13.9455 16.046 13.8356 16.3098C13.7201 16.5737 13.5607 16.7826 13.3628 16.9365C13.1649 17.0959 12.9395 17.2114 12.6921 17.2938C12.4448 17.3763 12.1809 17.4148 11.9005 17.4148H10.4767ZM11.4827 16.5407H11.7796C11.939 16.5407 12.0874 16.5243 12.2249 16.4858C12.3568 16.4473 12.4832 16.3868 12.6042 16.3044C12.7196 16.2219 12.8131 16.1064 12.879 15.9525C12.945 15.7986 12.978 15.6172 12.978 15.4083C12.978 15.1939 12.945 15.0125 12.879 14.8586C12.8131 14.7047 12.7196 14.5892 12.6042 14.5068C12.4832 14.4243 12.3568 14.3638 12.2249 14.3254C12.0874 14.2869 11.939 14.2704 11.7796 14.2704H11.4827V16.5407ZM14.5227 17.4148V13.3963H17.3813V14.2704H15.5507V14.9135H17.013V15.7821H15.5507V17.4148H14.5227Z" fill="white"/>
+</svg>
diff --git a/public_html/raven-demo/images/files/pptx.svg b/public_html/raven-demo/images/files/pptx.svg
new file mode 100644
index 0000000..6d7d627
--- /dev/null
+++ b/public_html/raven-demo/images/files/pptx.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#ff6523" d="M648.34 792.45h192s50.07.1 49-59.26 0-210.58 0-210.58H781l-1-114.16H648.34s-45.93 1.52-46.51 53 0 284.71 0 284.71 4.17 44.97 46.51 46.29z" transform="translate(-601.57 -408.45)"></path><path fill="#ff9456" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="#fff" d="M663.58 618.5h13.85V692h-13.85zm6.32 31.64h23.5a8.3 8.3 0 004.37-1.14 7.79 7.79 0 003-3.21 10.23 10.23 0 001.06-4.75 10.79 10.79 0 00-1-4.83 7.66 7.66 0 00-2.93-3.23 8.44 8.44 0 00-4.43-1.14H669.9V618.5h23.15a25.26 25.26 0 0112.11 2.8 20 20 0 018.11 7.91 25.68 25.68 0 010 23.63 19.9 19.9 0 01-8.11 7.87 25.49 25.49 0 01-12.11 2.78H669.9zM727 618.5h13.85V692H727zm6.32 31.64h23.5a8.3 8.3 0 004.37-1.14 7.79 7.79 0 003-3.21 10.23 10.23 0 001.06-4.75 10.79 10.79 0 00-1-4.83 7.66 7.66 0 00-2.93-3.23 8.44 8.44 0 00-4.43-1.14h-23.5V618.5h23.15a25.26 25.26 0 0112.11 2.8 20 20 0 018.11 7.91 25.68 25.68 0 010 23.63 19.9 19.9 0 01-8.11 7.87 25.49 25.49 0 01-12.11 2.78h-23.2zM787.42 618.5h53.89v13.34h-53.89zm20 6h13.85V692h-13.83z" transform="translate(-601.57 -408.45)"></path></svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/files/xlsx.svg b/public_html/raven-demo/images/files/xlsx.svg
new file mode 100644
index 0000000..ae891ef
--- /dev/null
+++ b/public_html/raven-demo/images/files/xlsx.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#00a971" d="M652.52 792.45h192s50.06.1 49-59.26 0-210.58 0-210.58H785.16l-1-114.16H652.52s-45.94 1.52-46.52 53 0 284.71 0 284.71 4.19 44.97 46.52 46.29z" transform="translate(-605.74 -408.45)"></path><path fill="#3dbe93" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="10" d="M143.91 228.27v92.93m-83.65-46.47h167.29M60.26 228.27h167.29M90.01 321.2h107.8c10.41 0 15.62 0 19.59-2a18.58 18.58 0 008.12-8.12c2-4 2-9.18 2-19.59v-89.25c0-10.4 0-15.61-2-19.58a18.55 18.55 0 00-8.12-8.13c-4-2-9.18-2-19.59-2H90.01c-10.41 0-15.61 0-19.59 2a18.6 18.6 0 00-8.12 8.13c-2 4-2 9.18-2 19.58v89.22c0 10.41 0 15.61 2 19.59a18.63 18.63 0 008.12 8.12c3.98 2.03 9.18 2.03 19.59 2.03z"></path></svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/illustrations/1.svg b/public_html/raven-demo/images/illustrations/1.svg
new file mode 100644
index 0000000..b550350
--- /dev/null
+++ b/public_html/raven-demo/images/illustrations/1.svg
@@ -0,0 +1,137 @@
+<svg width="2177" height="1511" viewBox="0 0 2177 1511" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M905.56 1221.95L658.37 896.261C657.04 894.491 655.06 893.321 652.87 893.001C650.68 892.691 648.45 893.261 646.68 894.591L588.524 938.651C587.647 939.311 586.908 940.13 586.349 941.08C585.791 942.02 585.423 943.061 585.268 944.151C585.113 945.241 585.173 946.341 585.445 947.401C585.718 948.471 586.196 949.461 586.854 950.341L834.04 1276.03C838.71 1282.17 845.63 1286.2 853.27 1287.25C860.92 1288.29 868.66 1286.26 874.81 1281.61L899.86 1262.63C906.01 1257.97 910.05 1251.05 911.1 1243.41C912.15 1235.76 910.12 1228.01 905.46 1221.86L905.56 1221.95Z" fill="#900EFF"/>
+<path d="M687.87 789.02C674.51 714.5 637.61 628.15 583.915 545.89C530.219 463.63 466.017 395.07 403.134 352.88C338.231 309.31 281.828 298.79 244.333 323.27C206.837 347.76 193.759 403.61 207.589 480.57C220.95 555.09 257.845 641.44 311.541 723.71C365.238 805.99 429.44 874.52 492.305 916.72C534.294 944.91 572.708 959.26 604.76 959.26C622.26 959.26 637.88 954.99 651.12 946.33C688.57 921.85 701.63 865.98 687.87 789.02Z" fill="#900EFF"/>
+<path d="M662.23 927.801L255.824 325.591C254.615 323.801 252.757 322.541 250.642 322.091C248.527 321.641 246.319 322.031 244.483 323.171L201.208 350.241C200.265 350.841 199.451 351.611 198.812 352.531C198.174 353.441 197.725 354.471 197.492 355.561C197.258 356.651 197.245 357.781 197.453 358.871C197.661 359.971 198.086 361.011 198.703 361.941L608.12 967.811C608.75 968.761 609.57 969.561 610.53 970.171C611.48 970.791 612.56 971.201 613.68 971.391C614.13 971.451 614.58 971.491 615.03 971.491C616.84 971.491 618.6 970.901 620.04 969.821L660.34 939.121C662.05 937.831 663.19 935.941 663.54 933.831C663.89 931.731 663.42 929.571 662.23 927.801Z" fill="#900EFF"/>
+<path d="M538.519 581.83C648.32 750.02 679.47 924.14 608.1 970.72C536.732 1017.3 389.873 918.72 280.091 750.52C170.31 582.32 132.731 404.79 204.098 358.29C275.465 311.8 428.721 413.63 538.519 581.83Z" fill="#FFF5D7"/>
+<path d="M566.311 990.64C534.26 990.64 495.846 976.28 453.841 948.1C390.992 905.9 326.79 837.35 273.093 755.1C218.912 672.09 180.865 585.2 165.967 510.43C150.351 432.13 162.276 375.61 199.521 351.29C237.067 326.79 294.605 337.93 361.53 382.58C426.533 426 491.804 495.1 545.517 577.25C599.23 659.41 636.13 745.94 649.47 820.4C663.23 897.36 650.17 953.23 612.73 977.72C599.41 986.35 583.815 990.64 566.311 990.64ZM245.335 355.4C231.171 355.4 218.795 358.74 208.59 365.27C177.442 385.62 168.088 436.01 182.285 507.24C196.782 579.98 233.977 664.77 287.006 746.08C339.516 826.51 402.048 893.37 463.094 934.34C521.3 973.26 572.457 984.01 603.56 963.7C634.66 943.39 645.31 892.25 633.04 823.41C620.09 751.04 584.049 666.89 531.538 586.46C479.027 506.02 415.443 438.68 352.277 396.52C311.708 369.4 274.68 355.4 245.335 355.4Z" fill="#900EFF"/>
+<path d="M593.21 938.93C647.62 903.31 612.3 753.12 514.325 603.49C416.35 453.85 292.818 361.431 238.409 397.051C184.001 432.681 219.319 582.86 317.294 732.5C415.27 882.13 538.802 974.56 593.21 938.93Z" fill="#FFDB8F"/>
+<path d="M558.462 952.681C531.471 952.681 497.65 938.1 459.787 909.69C407.176 870.22 351.976 808.311 304.459 735.371C256.943 662.441 222.353 586.99 207.388 522.94C191.789 456.13 199.371 408.801 228.767 389.611C258.162 370.421 304.593 382.481 359.425 423.701C412.036 463.181 467.236 525.081 514.853 598.021C562.47 670.951 596.88 746.4 611.91 810.451C627.52 877.26 619.92 924.611 590.53 943.781C580.954 949.851 569.796 952.951 558.462 952.681ZM260.884 397.511C252.783 397.271 244.791 399.42 237.903 403.69C215.155 418.52 209.96 460.641 223.656 519.231C238.186 581.431 271.841 654.991 318.422 726.341C365.004 797.691 418.784 858.001 469.942 896.351C518.076 932.461 558.712 944.651 581.46 929.751C604.21 914.851 609.39 872.801 595.69 814.211C581.159 752.011 547.505 678.451 500.924 607.101C454.342 535.751 400.562 475.341 349.471 437.011C314.714 411.021 283.899 397.511 260.884 397.511Z" fill="#900EFF"/>
+<path d="M345.762 479.029C343.614 478.499 341.341 478.839 339.443 479.979C337.545 481.119 336.177 482.959 335.641 485.109L300.918 624.069C300.382 626.219 300.722 628.489 301.862 630.389C303.002 632.289 304.849 633.659 306.997 634.189C307.658 634.359 308.337 634.439 309.018 634.439C310.881 634.439 312.69 633.819 314.158 632.669C315.626 631.529 316.668 629.919 317.119 628.109L351.842 489.149C352.377 487.009 352.037 484.729 350.897 482.839C349.757 480.939 347.91 479.569 345.762 479.029Z" fill="#900EFF"/>
+<path d="M419.602 549.5C417.451 548.97 415.179 549.32 413.284 550.46C411.389 551.61 410.027 553.46 409.497 555.61L361.062 752.16C360.533 754.31 360.879 756.58 362.026 758.48C363.172 760.37 365.024 761.73 367.175 762.26C367.83 762.43 368.503 762.51 369.179 762.51C371.046 762.51 372.859 761.88 374.327 760.73C375.796 759.58 376.835 757.96 377.279 756.15L425.715 559.6C426.244 557.45 425.897 555.18 424.751 553.28C423.605 551.39 421.752 550.03 419.602 549.5Z" fill="#900EFF"/>
+<path d="M480.146 693.131C477.998 692.601 475.728 692.951 473.833 694.091C471.938 695.231 470.575 697.081 470.042 699.231L433.298 848.041C432.766 850.191 433.111 852.471 434.256 854.361C435.4 856.261 437.252 857.621 439.402 858.151C441.553 858.691 443.827 858.341 445.723 857.201C447.62 856.051 448.984 854.201 449.515 852.051L486.259 703.241C486.789 701.091 486.442 698.811 485.296 696.921C484.149 695.021 482.297 693.661 480.146 693.131Z" fill="#900EFF"/>
+<mask id="mask0_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1221" y="811" width="318" height="691">
+<path d="M1538.24 889.429L1509.23 1501.87H1221.69V1476.25L1350.88 1383.91L1433.34 872.239C1435.84 860.039 1441.19 848.599 1448.93 838.849C1456.68 829.099 1466.62 821.309 1477.93 816.109C1504.51 804.179 1535.52 808.379 1538.24 889.429Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_75_205)">
+<path d="M1538.24 889.429L1509.23 1501.87H1221.69V1476.25L1350.88 1383.91L1433.34 872.239C1435.84 860.039 1441.19 848.599 1448.93 838.849C1456.68 829.099 1466.62 821.309 1477.93 816.109C1504.51 804.179 1535.52 808.379 1538.24 889.429Z" fill="#FFF5D7"/>
+<path d="M1407.45 1032.87C1407.45 1032.87 1509.23 1291.56 1509.23 1383.91C1509.23 1476.25 1529.41 988.959 1529.41 988.959L1407.7 999.499L1407.45 1032.87Z" fill="#FFDB8F"/>
+</g>
+<path d="M1509.23 1510.22H1221.69C1219.48 1510.22 1217.35 1509.34 1215.79 1507.78C1214.22 1506.21 1213.34 1504.09 1213.34 1501.87V1476.25C1213.34 1474.92 1213.66 1473.61 1214.26 1472.43C1214.87 1471.25 1215.75 1470.23 1216.83 1469.45L1343.18 1379.13L1425.02 870.91C1425.01 870.77 1425.01 870.64 1425.02 870.51C1427.81 857.03 1433.73 844.39 1442.3 833.62C1450.87 822.85 1461.85 814.24 1474.36 808.49C1491.28 800.89 1505.89 800.81 1517.78 808.24C1535.57 819.33 1544.92 845.79 1546.41 889.15V889.83L1517.38 1502.27C1517.28 1504.38 1516.38 1506.38 1514.87 1507.85C1513.36 1509.33 1511.34 1510.17 1509.23 1510.22ZM1230.04 1493.52H1501.27L1529.89 889.38C1528.22 843.73 1517.72 827.78 1509.13 822.42C1502.22 818.11 1492.86 818.55 1481.36 823.73C1471.26 828.38 1462.41 835.34 1455.49 844.04C1448.58 852.74 1443.81 862.95 1441.56 873.83L1359.12 1385.28C1358.95 1386.36 1358.57 1387.41 1357.99 1388.35C1357.42 1389.29 1356.67 1390.11 1355.78 1390.75L1230.09 1480.59L1230.04 1493.52Z" fill="#900EFF"/>
+<path d="M1509.22 1467.9H1221.69C1217.08 1467.9 1213.34 1471.64 1213.34 1476.25V1501.87C1213.34 1506.48 1217.08 1510.22 1221.69 1510.22H1509.22C1513.83 1510.22 1517.57 1506.48 1517.57 1501.87V1476.25C1517.57 1471.64 1513.83 1467.9 1509.22 1467.9Z" fill="#900EFF"/>
+<path d="M1405 1430.86C1405.4 1431.06 1405.79 1431.3 1406.16 1431.57C1402.82 1428.8 1378.39 1402.06 1357.09 1378.33C1355.72 1376.8 1353.83 1375.83 1351.79 1375.6C1349.75 1375.38 1347.69 1375.91 1346.02 1377.11L1323.64 1393.11C1322.48 1393.94 1321.56 1395.05 1320.95 1396.34C1320.34 1397.63 1320.07 1399.05 1320.17 1400.47C1320.27 1401.89 1320.73 1403.26 1321.5 1404.46C1322.28 1405.65 1323.35 1406.63 1324.61 1407.29C1351.98 1421.7 1392.95 1443.33 1396.96 1445.49C1397.18 1445.62 1397.36 1445.7 1397.53 1445.79C1398.51 1446.32 1399.6 1446.65 1400.71 1446.75C1401.82 1446.86 1402.95 1446.74 1404.01 1446.4C1405.08 1446.06 1406.07 1445.51 1406.92 1444.79C1407.77 1444.06 1408.46 1443.17 1408.96 1442.17C1409.46 1441.17 1409.76 1440.08 1409.83 1438.97C1409.9 1437.85 1409.74 1436.73 1409.37 1435.67C1409 1434.62 1408.43 1433.65 1407.67 1432.82C1406.92 1431.99 1406.01 1431.33 1405 1430.86Z" fill="#900EFF"/>
+<path d="M1466.22 1027.17L1039.56 825.481C1033.86 822.471 1028.82 818.371 1024.71 813.401C1020.6 808.441 1017.51 802.721 1015.61 796.571C1013.71 790.411 1013.05 783.941 1013.65 777.531C1014.26 771.111 1016.12 764.881 1019.13 759.191L1183.45 448.531C1186.45 442.841 1190.55 437.791 1195.51 433.691C1200.47 429.581 1206.19 426.491 1212.35 424.591C1218.5 422.691 1224.97 422.031 1231.38 422.631C1237.8 423.231 1244.03 425.101 1249.72 428.111L1647.04 661.181C1658.53 667.271 1667.14 677.661 1670.97 690.091C1674.8 702.521 1673.54 715.961 1667.47 727.461L1532.51 1006.74C1526.43 1018.24 1516.03 1026.85 1503.6 1030.68C1491.17 1034.52 1477.72 1033.25 1466.22 1027.17Z" fill="#FFDB8F"/>
+<path d="M1489.09 1041.23C1479.82 1041.23 1470.7 1038.96 1462.5 1034.64L1035.98 833.031L1035.65 832.861C1028.99 829.341 1023.08 824.541 1018.27 818.731C1013.47 812.931 1009.85 806.231 1007.63 799.031C1005.41 791.831 1004.63 784.261 1005.34 776.751C1006.04 769.251 1008.22 761.961 1011.75 755.301L1176.06 444.641C1183.19 431.201 1195.36 421.131 1209.9 416.651C1224.44 412.171 1240.17 413.641 1253.63 420.741L1253.94 420.911L1651.11 653.901C1664.48 661.051 1674.48 673.181 1678.95 687.671C1683.41 702.161 1681.96 717.821 1674.93 731.251L1540.03 1010.37C1539.99 1010.47 1539.95 1010.56 1539.9 1010.65C1535 1019.88 1527.68 1027.6 1518.73 1032.99C1509.78 1038.37 1499.54 1041.22 1489.09 1041.23ZM1043.3 818.011L1469.8 1019.62L1470.13 1019.79C1479.65 1024.82 1490.78 1025.87 1501.07 1022.72C1511.37 1019.57 1519.99 1012.46 1525.07 1002.97L1659.95 723.811L1660.08 723.551C1665.11 714.001 1666.16 702.861 1662.98 692.551C1659.81 682.241 1652.67 673.611 1643.15 668.551L1642.81 668.361L1245.66 435.391C1236.12 430.411 1225.01 429.411 1214.74 432.601C1204.46 435.791 1195.87 442.911 1190.83 452.411L1026.51 763.061C1021.48 772.581 1020.42 783.701 1023.57 794.001C1026.71 804.301 1033.81 812.931 1043.3 818.011Z" fill="#900EFF"/>
+<path d="M1630.89 648.871L1615.41 638.641C1614.43 637.991 1613.34 637.561 1612.19 637.371C1611.04 637.171 1609.86 637.221 1608.73 637.511C1607.6 637.791 1606.55 638.321 1605.63 639.041C1604.71 639.761 1603.96 640.661 1603.41 641.691L1414.57 998.781C1413.57 1000.67 1413.33 1002.87 1413.91 1004.94C1414.49 1007 1415.83 1008.76 1417.67 1009.85L1446.38 1026.97C1447.67 1027.75 1449.15 1028.16 1450.66 1028.16C1452.23 1028.16 1453.77 1027.71 1455.1 1026.88C1456.43 1026.04 1457.49 1024.85 1458.17 1023.43L1633.79 659.461C1634.67 657.651 1634.86 655.571 1634.33 653.621C1633.79 651.681 1632.57 649.991 1630.89 648.871Z" fill="#900EFF"/>
+<path d="M1371.84 1044.67C1361.75 1044.66 1351.82 1042.18 1342.92 1037.44L886.95 796.27C879.75 792.46 873.37 787.279 868.18 780.999C862.98 774.729 859.07 767.499 856.67 759.709C854.28 751.929 853.44 743.749 854.2 735.639C854.97 727.529 857.32 719.649 861.13 712.459L1063.41 329.979C1071.1 315.449 1084.26 304.559 1099.98 299.719C1115.7 294.869 1132.7 296.47 1147.24 304.16L1603.2 545.319C1617.74 553.009 1628.62 566.169 1633.47 581.889C1638.31 597.609 1636.71 614.61 1629.02 629.15L1426.74 1011.62C1422.95 1018.83 1417.77 1025.22 1411.49 1030.41C1405.22 1035.61 1397.97 1039.51 1390.18 1041.88C1384.24 1043.72 1378.06 1044.66 1371.84 1044.67ZM1118.19 313.649C1113.66 313.659 1109.16 314.34 1104.83 315.67C1099.14 317.41 1093.84 320.26 1089.26 324.06C1084.67 327.86 1080.88 332.53 1078.11 337.8L875.8 720.259C870.19 730.879 869.02 743.3 872.56 754.78C876.1 766.27 884.05 775.879 894.67 781.499L1350.63 1022.68C1355.89 1025.47 1361.66 1027.2 1367.59 1027.76C1373.52 1028.32 1379.5 1027.71 1385.2 1025.95C1390.89 1024.2 1396.18 1021.33 1400.77 1017.53C1405.36 1013.73 1409.15 1009.06 1411.93 1003.79L1614.19 621.31C1619.8 610.69 1620.96 598.27 1617.42 586.79C1613.88 575.3 1605.93 565.689 1595.31 560.069L1139.32 319.009C1132.82 315.519 1125.57 313.679 1118.19 313.649Z" fill="#900EFF"/>
+<path d="M1312.52 710.44C1311.85 709.27 1310.91 708.29 1309.79 707.57C1308.66 706.84 1307.37 706.4 1306.04 706.28L889.96 668.72C888.32 668.57 886.67 668.91 885.23 669.69C883.78 670.48 882.6 671.67 881.83 673.13L861.03 712.46C853.36 727 851.77 743.99 856.61 759.7C861.45 775.42 872.33 788.57 886.85 796.27C887.38 796.56 887.94 796.78 888.52 796.94C896.06 799.04 1043.7 839.78 1139.2 839.78C1159.83 839.78 1178.05 837.87 1191.88 833.26C1270.71 807.04 1311.18 721.74 1312.87 718.12C1313.43 716.9 1313.69 715.57 1313.63 714.24C1313.57 712.9 1313.19 711.6 1312.52 710.44Z" fill="#900EFF"/>
+<mask id="mask1_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1793" y="132" width="376" height="448">
+<path d="M1793.92 298.97C1793.92 298.97 1866.43 247.745 1880.66 216.445C1894.89 185.146 1933.28 123.95 1974.53 133.921C2015.78 143.892 2025.92 192.278 2025.92 192.278C2025.92 192.278 2079.77 166.64 2108.21 196.52C2136.65 226.4 2104.22 300.46 2104.22 300.46C2104.22 300.46 2157.98 303.23 2166.52 344.5C2175.05 385.77 2152.3 409.95 2098.26 425.6C2044.21 441.25 1994.44 425.6 1994.44 425.6C1994.44 425.6 2035.67 465.44 2020.04 525.21C2004.41 584.99 1950.48 590.82 1937.67 565.3C1924.86 539.78 1904.83 485.45 1870.71 474.07C1836.59 462.7 1812.4 474.07 1812.4 474.07C1812.4 474.07 1857.87 402.89 1793.92 298.97Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_75_205)">
+<path d="M1793.92 298.97C1793.92 298.97 1866.43 247.745 1880.66 216.445C1894.89 185.146 1933.28 123.95 1974.53 133.921C2015.78 143.892 2025.92 192.278 2025.92 192.278C2025.92 192.278 2079.77 166.64 2108.21 196.52C2136.65 226.4 2104.22 300.46 2104.22 300.46C2104.22 300.46 2157.98 303.23 2166.52 344.5C2175.05 385.77 2152.3 409.95 2098.26 425.6C2044.21 441.25 1994.44 425.6 1994.44 425.6C1994.44 425.6 2035.67 465.44 2020.04 525.21C2004.41 584.99 1950.48 590.82 1937.67 565.3C1924.86 539.78 1904.83 485.45 1870.71 474.07C1836.59 462.7 1812.4 474.07 1812.4 474.07C1812.4 474.07 1857.87 402.89 1793.92 298.97Z" fill="#FFF5D7"/>
+<path d="M2003.16 150.287L1981.09 235.032L2023.33 183.557L2003.16 150.287Z" fill="#FFDB8F"/>
+<path d="M2119.7 239.075L2100.04 300.5L2042.59 321.72C2042.59 321.72 2118.17 232.995 2115.09 206.974C2112.02 180.952 2119.7 239.075 2119.7 239.075Z" fill="#FFDB8F"/>
+<path d="M2003.17 559.401C2003.17 559.401 2012.33 522.461 1990.23 483.961C1968.13 445.461 1971.86 423.311 1990.23 422.381C2008.6 421.441 2045.78 502.901 2046.41 509.231C2047.05 515.561 2003.17 559.401 2003.17 559.401Z" fill="#FFDB8F"/>
+</g>
+<path d="M1963.76 588C1948.73 588 1936.2 580.98 1930.2 568.99C1928.22 565.01 1926.06 560.37 1923.77 555.46C1911.76 529.57 1893.71 490.47 1868.07 481.97C1837.46 471.77 1816.16 481.5 1815.96 481.6C1814.32 482.38 1812.47 482.61 1810.7 482.24C1808.92 481.87 1807.31 480.94 1806.11 479.58C1804.91 478.21 1804.19 476.5 1804.06 474.69C1803.92 472.88 1804.38 471.07 1805.36 469.55C1805.46 469.41 1816 452.39 1818.95 423.62C1821.69 397.04 1818.33 354.6 1786.8 303.36C1785.68 301.55 1785.3 299.391 1785.73 297.311C1786.15 295.221 1787.35 293.38 1789.09 292.16C1808.75 278.28 1862.18 237.039 1873.07 213.005C1890.12 175.459 1931.09 114.848 1976.48 125.821C2010.87 134.172 2025.82 165.154 2031.35 181.088C2049.2 174.674 2089.26 164.503 2114.26 190.775C2139.63 217.498 2124.05 271.08 2115.93 293.61C2133.87 296.95 2167.54 307.96 2174.75 342.83C2186.88 401.47 2138.26 422.75 2100.63 433.64C2067.01 443.37 2035.26 441.6 2014.85 438.51C2023.06 451.61 2028.49 466.25 2030.79 481.53C2033.09 496.81 2032.21 512.41 2028.21 527.33C2017.47 568.4 1990.58 585.44 1969 587.7C1967.26 587.89 1965.51 587.99 1963.76 588ZM1840.45 460.63C1851.64 460.66 1862.75 462.51 1873.35 466.11C1905.74 476.91 1925.71 519.95 1938.92 548.43C1941.16 553.22 1943.26 557.77 1945.15 561.52C1948.63 568.49 1957.08 572.16 1967.18 571.11C1983.2 569.44 2003.36 555.96 2011.96 523.14C2026.12 469.04 1990.25 433.15 1988.58 431.65C1987.22 430.34 1986.34 428.61 1986.09 426.74C1985.85 424.87 1986.24 422.97 1987.21 421.35C1988.17 419.73 1989.66 418.49 1991.43 417.82C1993.19 417.16 1995.13 417.11 1996.93 417.69C1997.4 417.84 2045.1 432.35 2095.92 417.69C2147.7 402.66 2165.72 382.03 2158.33 346.29C2151.22 311.93 2104.22 308.92 2103.75 308.89C2102.4 308.82 2101.1 308.42 2099.93 307.73C2098.77 307.04 2097.8 306.08 2097.09 304.93C2096.38 303.78 2095.97 302.48 2095.87 301.13C2095.78 299.78 2096.01 298.44 2096.55 297.2C2104.91 278.01 2122.29 223.544 2102.15 202.383C2078.25 177.33 2029.98 199.694 2029.5 199.928C2028.36 200.457 2027.11 200.723 2025.86 200.705C2024.6 200.687 2023.36 200.386 2022.24 199.825C2021.12 199.263 2020.13 198.455 2019.37 197.46C2018.6 196.466 2018.06 195.311 2017.8 194.082C2017.8 193.681 2008.12 150.657 1972.61 142.139C1940.27 134.323 1904.48 184.412 1888.32 220.003C1875.74 247.662 1823.38 287.85 1805.06 301.34C1835.62 354.09 1838.59 398.21 1835.5 426.44C1834.22 438.41 1831.5 450.19 1827.4 461.51C1831.73 460.91 1836.08 460.62 1840.45 460.63Z" fill="#900EFF"/>
+<path d="M2006 388.57H2005.86C2004.77 388.56 2003.68 388.32 2002.68 387.89C2001.67 387.45 2000.76 386.82 2000 386.03C1999.23 385.25 1998.63 384.32 1998.23 383.3C1997.83 382.28 1997.63 381.19 1997.65 380.09C1998.98 298.87 1919.46 242.45 1918.66 241.899C1916.84 240.634 1915.6 238.699 1915.21 236.519C1914.82 234.339 1915.31 232.093 1916.57 230.274C1917.84 228.456 1919.77 227.214 1921.95 226.823C1924.13 226.431 1926.38 226.922 1928.2 228.187C1931.79 230.675 2015.83 290.12 2014.35 380.37C2014.31 382.56 2013.41 384.65 2011.85 386.18C2010.29 387.72 2008.19 388.58 2006 388.57Z" fill="#900EFF"/>
+<path d="M2037.31 335.9C2035.38 335.89 2033.51 335.21 2032.02 333.98C2030.53 332.75 2029.51 331.04 2029.14 329.14C2028.77 327.24 2029.08 325.27 2030 323.57C2030.92 321.87 2032.4 320.541 2034.19 319.811L2101 292.76C2103.05 291.94 2105.33 291.97 2107.36 292.84C2109.39 293.71 2110.99 295.34 2111.82 297.39C2112.64 299.43 2112.63 301.72 2111.77 303.75C2110.92 305.79 2109.3 307.4 2107.26 308.24L2040.35 335.3C2039.39 335.69 2038.35 335.89 2037.31 335.9Z" fill="#900EFF"/>
+<path d="M1980.38 253.341C1978.78 253.34 1977.21 252.879 1975.86 252.014C1974.52 251.149 1973.45 249.916 1972.78 248.461C1972.12 247.006 1971.89 245.391 1972.11 243.807C1972.34 242.224 1973.02 240.738 1974.06 239.528L2019.61 186.867C2021.08 185.262 2023.11 184.292 2025.28 184.165C2027.45 184.037 2029.59 184.763 2031.24 186.186C2032.88 187.609 2033.91 189.618 2034.09 191.785C2034.28 193.952 2033.61 196.107 2032.23 197.79L1986.69 250.535C1985.9 251.426 1984.92 252.137 1983.84 252.621C1982.75 253.105 1981.57 253.35 1980.38 253.341Z" fill="#900EFF"/>
+<mask id="mask2_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1375" y="314" width="435" height="222">
+<path d="M1379.64 406.959L1471.52 384.27L1755.85 314.02L1809.57 360.28L1793.92 471.319L1567.59 535.37L1375.15 431.209L1379.64 406.959Z" fill="white"/>
+</mask>
+<g mask="url(#mask2_75_205)">
+<path d="M1379.64 406.959L1471.52 384.27L1755.85 314.02L1809.57 360.28L1793.92 471.319L1567.59 535.37L1375.15 431.209L1379.64 406.959Z" fill="#FFF5D7"/>
+<path d="M1769.92 486.47C1769.4 486.46 1768.9 486.41 1768.4 486.32C1766.22 485.91 1764.3 484.66 1763.05 482.84C1761.79 481.01 1761.31 478.77 1761.71 476.59C1778.8 383.52 1737.13 322.47 1736.66 321.87C1735.43 320.06 1734.96 317.83 1735.35 315.68C1735.75 313.52 1736.97 311.6 1738.77 310.34C1740.56 309.08 1742.78 308.58 1744.94 308.94C1747.1 309.3 1749.04 310.49 1750.32 312.27C1752.23 314.95 1796.5 379.31 1778.1 479.62C1777.75 481.53 1776.74 483.27 1775.24 484.52C1773.75 485.77 1771.86 486.46 1769.92 486.47Z" fill="#FFDB8F"/>
+<path d="M1719.44 499.391C1718.1 499.391 1716.79 499.071 1715.6 498.461C1714.41 497.841 1713.39 496.951 1712.62 495.851C1711.84 494.761 1711.35 493.501 1711.17 492.171C1710.99 490.851 1711.13 489.501 1711.58 488.241C1725.34 449.521 1723.88 412.641 1707.23 378.621C1699.93 363.481 1689.84 349.861 1677.49 338.471C1676.64 337.771 1675.95 336.911 1675.44 335.941C1674.93 334.961 1674.61 333.901 1674.51 332.811C1674.41 331.721 1674.53 330.621 1674.85 329.571C1675.18 328.521 1675.71 327.551 1676.41 326.701C1677.11 325.861 1677.97 325.161 1678.94 324.651C1679.92 324.141 1680.98 323.831 1682.07 323.731C1683.16 323.631 1684.26 323.741 1685.31 324.071C1686.36 324.401 1687.33 324.921 1688.18 325.631C1688.96 326.291 1707.67 342.031 1721.85 370.621C1734.94 397.031 1746.5 439.831 1727.28 493.901C1726.69 495.511 1725.62 496.901 1724.22 497.881C1722.82 498.861 1721.15 499.391 1719.44 499.391Z" fill="#FFDB8F"/>
+<path d="M1610.8 531.5C1609.43 531.49 1608.08 531.16 1606.87 530.51C1605.67 529.87 1604.64 528.94 1603.87 527.81C1603.11 526.67 1602.64 525.37 1602.5 524.01C1602.35 522.65 1602.55 521.27 1603.06 520C1618.48 481.86 1616.42 444.71 1596.82 409.62C1587.83 393.51 1575.97 379.18 1561.84 367.32C1560.08 365.97 1558.93 363.98 1558.64 361.78C1558.35 359.59 1558.94 357.37 1560.29 355.61C1561.64 353.85 1563.63 352.7 1565.82 352.41C1568.02 352.12 1570.24 352.71 1572 354.05C1587.8 367.09 1601.05 382.95 1611.06 400.82C1626.51 428.24 1640.36 472.25 1618.55 526.18C1617.94 527.74 1616.87 529.09 1615.49 530.03C1614.11 530.98 1612.47 531.49 1610.8 531.5Z" fill="#FFDB8F"/>
+<path d="M1482.71 499.39C1481.93 499.4 1481.15 499.28 1480.41 499.06C1479.35 498.75 1478.37 498.25 1477.51 497.56C1476.65 496.88 1475.94 496.03 1475.41 495.07C1474.88 494.11 1474.54 493.06 1474.42 491.97C1474.3 490.88 1474.39 489.77 1474.69 488.72C1490.79 432.9 1455.75 394.29 1454.25 392.67C1452.8 391.04 1452.05 388.91 1452.14 386.73C1452.24 384.56 1453.19 382.51 1454.78 381.02C1456.37 379.53 1458.48 378.72 1460.66 378.77C1462.84 378.81 1464.91 379.71 1466.44 381.26C1468.21 383.15 1509.53 428.19 1490.74 493.36C1490.24 495.1 1489.18 496.63 1487.73 497.72C1486.29 498.81 1484.52 499.4 1482.71 499.39Z" fill="#FFDB8F"/>
+<path d="M1497.66 494.651C1497.25 494.651 1496.85 494.611 1496.45 494.551C1494.26 494.231 1492.29 493.061 1490.97 491.281C1489.64 489.511 1489.07 487.28 1489.39 485.09C1498.41 422.83 1467.56 390.261 1466.26 388.911C1464.85 387.311 1464.1 385.22 1464.18 383.09C1464.26 380.96 1465.15 378.93 1466.67 377.44C1468.2 375.94 1470.23 375.081 1472.37 375.041C1474.5 375.001 1476.57 375.78 1478.15 377.22C1479.72 378.79 1516.18 416.62 1505.92 487.45C1505.65 489.44 1504.66 491.27 1503.14 492.6C1501.62 493.92 1499.67 494.651 1497.66 494.651Z" fill="#900EFF"/>
+<path d="M1629.82 522.09C1628.98 522.09 1628.15 521.96 1627.35 521.71C1625.23 521.05 1623.46 519.59 1622.43 517.63C1621.4 515.67 1621.18 513.38 1621.84 511.27C1649.36 421.98 1580.25 363.27 1579.55 362.62C1578.68 361.93 1577.96 361.07 1577.43 360.09C1576.9 359.12 1576.57 358.05 1576.46 356.95C1576.35 355.84 1576.46 354.73 1576.78 353.67C1577.1 352.61 1577.64 351.62 1578.35 350.77C1579.05 349.91 1579.93 349.21 1580.91 348.7C1581.89 348.19 1582.97 347.87 1584.07 347.78C1585.18 347.69 1586.29 347.82 1587.35 348.16C1588.4 348.5 1589.38 349.05 1590.22 349.78C1604.59 362.73 1616.6 378.08 1625.71 395.14C1635.86 413.43 1642.16 433.61 1644.24 454.42C1646.31 475.24 1644.1 496.26 1637.75 516.2C1637.23 517.89 1636.18 519.38 1634.75 520.44C1633.33 521.5 1631.6 522.08 1629.82 522.09Z" fill="#900EFF"/>
+<path d="M1735.94 494.651C1734.65 494.651 1733.38 494.351 1732.22 493.771C1731.07 493.201 1730.06 492.361 1729.28 491.341C1728.51 490.311 1727.98 489.111 1727.74 487.841C1727.5 486.571 1727.56 485.271 1727.91 484.031C1756.3 383.451 1691.17 336.261 1690.53 335.801C1688.76 334.511 1687.56 332.571 1687.2 330.411C1686.84 328.251 1687.35 326.031 1688.61 324.241C1689.87 322.451 1691.78 321.221 1693.94 320.831C1696.1 320.431 1698.32 320.901 1700.13 322.141C1700.92 322.691 1719.66 336.061 1734.36 363.391C1747.82 388.441 1760.39 430.381 1743.98 488.551C1743.48 490.311 1742.43 491.851 1740.98 492.951C1739.53 494.051 1737.76 494.651 1735.94 494.651Z" fill="#900EFF"/>
+</g>
+<path d="M1567.59 543.721C1566.2 543.721 1564.83 543.381 1563.61 542.721L1371.16 438.571C1369.61 437.721 1368.36 436.411 1367.6 434.821C1366.84 433.221 1366.61 431.431 1366.93 429.701L1371.43 405.431C1371.72 403.851 1372.46 402.391 1373.56 401.221C1374.66 400.061 1376.08 399.231 1377.64 398.851L1753.85 305.921C1755.14 305.601 1756.49 305.601 1757.79 305.911C1759.09 306.221 1760.29 306.841 1761.3 307.711L1815.01 353.951C1816.07 354.871 1816.89 356.031 1817.38 357.341C1817.87 358.651 1818.03 360.071 1817.83 361.451L1802.18 472.491C1801.96 474.091 1801.27 475.591 1800.2 476.811C1799.14 478.031 1797.74 478.911 1796.19 479.351L1569.86 543.401C1569.12 543.611 1568.36 543.721 1567.59 543.721ZM1384.45 426.811L1568.57 526.451L1786.4 464.801L1800.66 363.671L1753.66 323.211L1386.87 413.781L1384.45 426.811Z" fill="#900EFF"/>
+<path d="M1748.42 301.609C1767.84 332.139 1800.45 397.609 1781.71 471.069C1780.96 473.969 1781.01 477.009 1781.84 479.889C1782.66 482.759 1784.24 485.369 1786.41 487.429C1788.58 489.499 1791.25 490.949 1794.17 491.629C1797.08 492.309 1800.13 492.209 1802.99 491.329L1804.96 490.709C1807.38 489.939 1809.59 488.649 1811.45 486.909C1813.3 485.179 1814.74 483.049 1815.66 480.689C1851.49 390.709 1803.57 308.359 1784.25 280.529C1782.22 277.589 1779.3 275.369 1775.91 274.209C1772.53 273.049 1768.87 273.009 1765.46 274.079L1757.67 276.489C1755.2 277.249 1752.93 278.569 1751.04 280.349C1749.16 282.129 1747.72 284.319 1746.82 286.759C1745.93 289.189 1745.6 291.789 1745.88 294.369C1746.16 296.949 1747.03 299.419 1748.42 301.609Z" fill="#FFF5D7"/>
+<path d="M1797.87 500.459C1794.04 500.429 1790.27 499.529 1786.84 497.829C1783.41 496.129 1780.42 493.669 1778.08 490.639C1775.74 487.609 1774.12 484.079 1773.35 480.329C1772.57 476.579 1772.66 472.699 1773.61 468.989C1791.39 399.309 1761.05 337.049 1741.37 306.079C1739.3 302.819 1738.01 299.119 1737.61 295.279C1737.2 291.429 1737.68 287.549 1739.02 283.919C1740.36 280.289 1742.51 277.019 1745.32 274.359C1748.13 271.709 1751.51 269.729 1755.2 268.589L1762.98 266.169C1768.09 264.559 1773.58 264.639 1778.64 266.379C1783.7 268.119 1788.07 271.429 1791.11 275.839C1813.11 307.569 1860.31 391.229 1823.41 483.839C1822.03 487.359 1819.87 490.509 1817.11 493.079C1814.34 495.649 1811.03 497.569 1807.43 498.689L1805.47 499.289C1803.01 500.059 1800.45 500.459 1797.87 500.459ZM1770.47 281.669C1769.61 281.659 1768.75 281.789 1767.93 282.049L1760.14 284.469C1758.9 284.849 1757.77 285.519 1756.82 286.409C1755.88 287.299 1755.15 288.399 1754.7 289.619C1754.25 290.829 1754.08 292.139 1754.22 293.429C1754.35 294.719 1754.78 295.969 1755.47 297.069C1776.6 330.269 1809.13 397.279 1789.79 473.049C1789.38 474.529 1789.39 476.089 1789.81 477.559C1790.23 479.039 1791.05 480.359 1792.18 481.399C1793.27 482.449 1794.62 483.179 1796.09 483.529C1797.56 483.869 1799.09 483.799 1800.53 483.339L1802.5 482.739C1803.72 482.359 1804.83 481.709 1805.77 480.839C1806.7 479.979 1807.44 478.909 1807.91 477.729C1841.8 392.649 1797.89 314.899 1777.41 285.419C1776.65 284.289 1775.61 283.349 1774.4 282.709C1773.19 282.069 1771.84 281.729 1770.47 281.729V281.669Z" fill="#900EFF"/>
+<path d="M709.26 679.29L1065.65 764.47C1117.84 776.39 1168.1 732.99 1177.9 667.6L1237.84 345.25C1247.63 279.81 1213.28 217.099 1161.02 205.174L798.02 165.039C745.82 153.131 695.57 196.522 685.76 261.91L632.5 539.16C622.7 604.62 657 667.38 709.26 679.29Z" fill="#FFF5D7"/>
+<path d="M1082.9 774.79C1076.49 774.8 1070.11 774.08 1063.86 772.65L707.43 687.47C651.17 674.61 613.9 607.57 624.3 538.02C624.29 537.91 624.29 537.8 624.3 537.69L677.53 260.56C683.29 222.391 702.4 189.722 729.97 170.916C751.05 156.519 775.69 151.509 799.4 156.786L1161.98 196.871C1162.3 196.91 1162.62 196.966 1162.94 197.038C1219.2 209.882 1256.47 276.92 1246.09 346.49V346.79L1186.13 668.95C1180.39 707.13 1161.28 739.82 1133.69 758.64C1118.78 769.03 1101.07 774.66 1082.9 774.79ZM640.73 540.61C631.67 601.67 663.22 660.21 711.12 671.15H711.2L1067.58 756.33C1087.06 760.78 1106.7 756.78 1124.29 744.79C1148.07 728.56 1164.61 699.95 1169.65 666.29V665.99L1229.54 343.88C1238.6 283 1207.28 224.629 1159.61 213.422L797.05 173.338C796.73 173.305 796.42 173.255 796.11 173.188C776.55 168.711 756.91 172.703 739.33 184.712C715.54 200.946 699.01 229.556 693.96 263.21V263.54L640.73 540.61Z" fill="#900EFF"/>
+<path d="M1177.9 667.58L1237.84 345.23C1246.39 288.05 1221.23 232.929 1179.9 212.002L1180.94 212.52L1235.89 247.978C1271.35 266.35 1380.66 328.6 1373.56 376L1315.54 688.84C1308.38 736.24 1241.57 768.52 1203.04 770.13L1095.03 765.52C1130.52 754.35 1170.72 715.56 1177.9 667.58Z" fill="#FFDB8F"/>
+<path d="M1203.04 778.48H1202.69L1094.68 773.87C1092.72 773.78 1090.85 773.01 1089.41 771.68C1087.96 770.36 1087.03 768.57 1086.77 766.62C1086.51 764.68 1086.95 762.71 1088 761.05C1089.05 759.4 1090.65 758.17 1092.52 757.57C1125.26 747.27 1163.05 710.32 1169.65 666.36V666.06L1229.54 343.95C1236.41 297.87 1219.89 251.905 1189.46 228.088L1176.71 219.871L1176.06 219.537C1174.08 218.543 1172.58 216.802 1171.88 214.699C1171.19 212.596 1171.35 210.302 1172.35 208.322C1173.34 206.342 1175.08 204.838 1177.19 204.141C1179.29 203.444 1181.58 203.611 1183.56 204.605L1184.75 205.207L1185 205.357C1189.86 207.919 1194.48 210.898 1198.83 214.259L1240.03 240.832C1255.06 248.682 1292.83 269.23 1325.71 294.6C1366.41 325.94 1385.27 353.77 1381.75 377.32C1381.75 377.41 1381.75 377.51 1381.75 377.6L1323.77 690.23C1315.99 741.39 1247.31 776.64 1203.39 778.47L1203.04 778.48ZM1127.44 758.54L1203.04 761.76C1240.93 760.09 1301.19 728.26 1307.27 687.61V687.32L1365.33 374.7C1369.91 342.66 1301.86 291.77 1232.13 255.5C1245.95 283.71 1250.82 315.48 1246.09 346.54V346.84L1186.13 668.97C1180.32 707.45 1155.14 739.6 1127.44 758.54Z" fill="#900EFF"/>
+<path d="M993.78 698.141C948.02 698.141 916.75 668.511 915.4 667.211C913.8 665.671 912.88 663.571 912.84 661.351C912.79 659.131 913.63 656.991 915.17 655.401C916.71 653.801 918.82 652.881 921.03 652.841C923.25 652.791 925.39 653.631 926.99 655.171C927.44 655.601 957.05 683.251 997.85 681.341C1027.7 679.971 1056.58 663.501 1083.67 632.391C1084.39 631.561 1085.27 630.881 1086.25 630.401C1087.23 629.911 1088.3 629.621 1089.39 629.541C1090.49 629.471 1091.58 629.611 1092.62 629.961C1093.66 630.311 1094.62 630.861 1095.45 631.581C1096.28 632.301 1096.96 633.181 1097.44 634.161C1097.93 635.141 1098.22 636.211 1098.3 637.301C1098.37 638.401 1098.23 639.491 1097.88 640.531C1097.53 641.571 1096.98 642.531 1096.26 643.361C1065.98 678.101 1033.06 696.471 998.39 698.031C996.83 698.101 995.29 698.141 993.78 698.141Z" fill="#900EFF"/>
+<path d="M1008.54 54.4562L1156.39 145.882C1158.11 146.938 1160.04 147.634 1162.04 147.93C1164.04 148.226 1166.08 148.114 1168.04 147.603C1169.99 147.091 1171.83 146.19 1173.43 144.953C1175.03 143.716 1176.36 142.169 1177.35 140.404L1187.07 123.702C1189.18 120.114 1189.82 115.847 1188.85 111.798C1187.88 107.748 1185.38 104.232 1181.88 101.989L1034.08 10.5632C1032.36 9.50724 1030.43 8.81127 1028.43 8.51527C1026.43 8.21927 1024.39 8.33024 1022.43 8.84224C1020.48 9.35424 1018.64 10.2553 1017.04 11.4923C1015.44 12.7293 1014.11 14.2763 1013.12 16.0413L1003.38 32.7432C1001.27 36.3282 1000.63 40.5912 1001.59 44.6392C1002.55 48.6862 1005.04 52.2052 1008.54 54.4562Z" fill="#FFF5D7"/>
+<path d="M1164.12 156.47C1159.82 156.465 1155.61 155.256 1151.96 152.979L1004.15 61.5531C998.82 58.1541 995.01 52.8251 993.51 46.6811C992.02 40.5361 992.96 34.0521 996.13 28.5841L1005.85 11.8821C1007.43 9.12012 1009.56 6.70607 1012.09 4.78507C1014.63 2.86507 1017.53 1.47811 1020.62 0.708109C1023.62 -0.0568905 1026.75 -0.203897 1029.82 0.276103C1032.88 0.755103 1035.81 1.85111 1038.44 3.49711L1186.23 94.9231C1191.57 98.3201 1195.39 103.648 1196.88 109.792C1198.38 115.937 1197.44 122.423 1194.27 127.893L1184.53 144.595C1182.48 148.196 1179.51 151.19 1175.92 153.275C1172.34 155.36 1168.27 156.462 1164.12 156.47ZM1026.25 16.7091C1025.68 16.7021 1025.12 16.7701 1024.58 16.9091C1023.66 17.1461 1022.81 17.5631 1022.06 18.1371C1021.31 18.7111 1020.68 19.4291 1020.22 20.2491L1010.5 36.9511C1009.48 38.6501 1009.15 40.6781 1009.59 42.6111C1010.03 44.5431 1011.2 46.2321 1012.85 47.3231L1160.66 138.749C1161.4 139.216 1162.23 139.526 1163.09 139.661C1163.95 139.796 1164.83 139.753 1165.67 139.534C1166.59 139.298 1167.45 138.88 1168.2 138.307C1168.95 137.733 1169.58 137.015 1170.05 136.194L1179.77 119.492C1180.79 117.789 1181.11 115.757 1180.67 113.821C1180.23 111.885 1179.06 110.195 1177.4 109.103L1029.6 17.6771C1028.6 17.0521 1027.43 16.7161 1026.25 16.7091Z" fill="#900EFF"/>
+<path d="M1164.12 156.468C1159.82 156.463 1155.61 155.254 1151.96 152.977L1004.15 61.551C998.82 58.152 995.01 52.8229 993.51 46.6789C992.02 40.5339 992.96 34.0499 996.13 28.5819L1005.85 11.8799C1008 8.19194 1011.09 5.14292 1014.81 3.04492C1016.4 2.15492 1018.25 1.81194 1020.05 2.06994C1021.86 2.32794 1023.54 3.17094 1024.82 4.47094C1026.1 5.77194 1026.92 7.45691 1027.16 9.26891C1027.39 11.0799 1027.03 12.9189 1026.11 14.5019L1018.61 27.4459C1017.6 29.1469 1017.27 31.1759 1017.71 33.1089C1018.16 35.0419 1019.33 36.7289 1020.99 37.8179L1168.78 129.261C1169.78 129.884 1170.93 130.223 1172.11 130.241C1173.29 130.259 1174.44 129.954 1175.46 129.361C1177.06 128.459 1178.91 128.107 1180.73 128.361C1182.54 128.615 1184.23 129.46 1185.51 130.766C1186.8 132.071 1187.63 133.765 1187.86 135.585C1188.09 137.405 1187.71 139.25 1186.79 140.835L1184.56 144.643C1182.51 148.244 1179.54 151.238 1175.96 153.324C1172.37 155.409 1168.3 156.511 1164.15 156.518L1164.12 156.468Z" fill="#900EFF"/>
+<path d="M746.84 75.166L899.53 63.6749C901.29 63.5669 903 63.0919 904.57 62.2809C906.13 61.4699 907.51 60.3399 908.61 58.9659C909.71 57.5909 910.51 56.0009 910.96 54.2979C911.41 52.5949 911.5 50.8169 911.22 49.0779L908.9 32.3759C908.37 28.7329 906.49 25.423 903.63 23.098C900.78 20.773 897.16 19.6019 893.48 19.8159L740.8 31.3069C739.04 31.4149 737.32 31.8899 735.76 32.7009C734.19 33.5119 732.82 34.6419 731.72 36.0159C730.62 37.3909 729.81 38.981 729.36 40.684C728.91 42.387 728.83 44.1649 729.1 45.9039L731.44 62.606C731.97 66.247 733.85 69.5569 736.7 71.8829C739.55 74.2079 743.17 75.38 746.84 75.166Z" fill="#FFF5D7"/>
+<path d="M745.84 83.5136C740.32 83.4356 735.02 81.4016 730.86 77.7736C726.71 74.1456 723.98 69.1596 723.16 63.7046L720.84 47.0036C720.41 44.1156 720.58 41.1706 721.34 38.3536C722.11 35.5366 723.45 32.9086 725.28 30.6356C727.08 28.3986 729.33 26.5586 731.88 25.2306C734.43 23.9036 737.23 23.1166 740.09 22.9186L892.8 11.4286C898.58 11.0976 904.28 12.9386 908.77 16.5906C913.27 20.2426 916.24 25.4426 917.1 31.1696L919.42 47.8716C919.86 50.7356 919.7 53.6586 918.95 56.4576C918.2 59.2556 916.88 61.8686 915.07 64.1306C913.26 66.3936 911 68.2566 908.44 69.6036C905.87 70.9506 903.05 71.7516 900.16 71.9556L747.46 83.5136C746.93 83.5136 746.37 83.5136 745.84 83.5136ZM894.45 28.0466H894.05L741.35 39.5376C740.75 39.5706 740.18 39.7246 739.65 39.9926C739.12 40.2596 738.65 40.6336 738.27 41.0906C737.89 41.5926 737.61 42.1696 737.45 42.7836C737.3 43.3986 737.27 44.0396 737.37 44.6646L739.71 61.3666C739.94 62.9066 740.73 64.3066 741.93 65.3016C743.13 66.2966 744.65 66.8156 746.21 66.7616L898.91 55.2706C899.5 55.2416 900.08 55.0886 900.61 54.8216C901.14 54.5536 901.61 54.1776 901.99 53.7176C902.37 53.2156 902.65 52.6386 902.81 52.0236C902.96 51.4086 902.99 50.7686 902.89 50.1436L900.55 33.4416C900.32 31.9756 899.58 30.6376 898.47 29.6556C897.36 28.6736 895.94 28.1106 894.45 28.0636V28.0466Z" fill="#900EFF"/>
+<path d="M745.84 83.5173C740.32 83.4393 735.02 81.4053 730.86 77.7773C726.71 74.1493 723.98 69.1633 723.16 63.7083L720.84 47.0063C720.28 43.1153 720.8 39.1443 722.36 35.5323C723.08 33.8613 724.33 32.4723 725.91 31.5763C727.5 30.6803 729.33 30.3263 731.13 30.5683C732.94 30.8103 734.61 31.6353 735.9 32.9173C737.2 34.1993 738.03 35.8683 738.29 37.6703L740.09 50.6143C740.33 52.1553 741.12 53.5563 742.33 54.5503C743.53 55.5453 745.05 56.0643 746.61 56.0093L899.3 44.5183C900.08 44.4853 900.85 44.2293 901.49 43.7793C902.14 43.3303 902.65 42.7063 902.95 41.9793C903.67 40.3013 904.92 38.9043 906.51 38.0033C908.1 37.1023 909.94 36.7473 911.75 36.9913C913.56 37.2353 915.24 38.0663 916.53 39.3563C917.82 40.6463 918.66 42.3253 918.9 44.1343L919.42 47.9423C919.86 50.8063 919.7 53.7293 918.95 56.5273C918.2 59.3263 916.88 61.9383 915.07 64.2013C913.26 66.4643 911 68.3273 908.44 69.6743C905.87 71.0203 903.05 71.8213 900.17 72.0263L747.46 83.5173C746.93 83.5173 746.37 83.5173 745.84 83.5173Z" fill="#900EFF"/>
+<path d="M727.72 502.9C709.11 462.97 701.1 409.65 708.09 352.72C715.09 295.78 735.82 246.11 763.53 212.038L770.74 153.498L858.76 164.655C928.11 173.457 973.09 271.9 959.22 384.57C945.36 497.24 877.88 581.42 808.54 572.61C804.73 572.13 800.97 571.37 797.28 570.33L720.62 560.61L727.72 502.9Z" fill="#900EFF"/>
+<path d="M818.49 581.6C814.81 581.6 811.14 581.37 807.49 580.9C803.49 580.38 799.53 579.6 795.64 578.54L719.57 568.89C717.38 568.61 715.39 567.48 714.03 565.73C712.68 563.99 712.07 561.78 712.34 559.59L719.15 504.24C699.83 461.43 692.96 407.37 699.81 351.7C706.66 296.03 726.43 245.325 755.53 208.664L762.46 152.462C762.74 150.301 763.85 148.335 765.56 146.984C766.43 146.313 767.43 145.82 768.49 145.533C769.55 145.247 770.65 145.172 771.74 145.314L859.76 156.487C896.29 161.114 927.52 188.037 947.75 232.314C967.34 275.22 974.35 329.7 967.46 385.7C958.4 459.19 926.85 523.44 883.08 557.5C862.62 573.33 840.47 581.6 818.49 581.6ZM729.97 553.37L798.45 562.04C798.85 562.1 799.25 562.19 799.64 562.29C802.92 563.21 806.27 563.9 809.66 564.33C830.69 567 852.58 560.04 872.94 544.29C912.69 513.36 942.6 451.81 950.99 383.62C957.52 330.65 950.99 279.36 932.62 239.212C914.9 200.413 888.31 176.897 857.74 173.022L778.02 162.918L771.83 213.14C771.64 214.701 771.01 216.178 770.02 217.399C742.05 251.788 722.99 300.24 716.41 353.82C709.83 407.4 716.53 459.13 735.3 499.46C735.97 500.87 736.22 502.45 736.02 504L729.97 553.37Z" fill="#900EFF"/>
+<path d="M899.43 375.82C912.85 263.11 857.76 163.888 776.39 154.2C695.02 144.511 618.17 228.024 604.75 340.73C591.33 453.44 646.42 552.66 727.79 562.35C809.16 572.04 886.01 488.53 899.43 375.82Z" fill="#FFF5D7"/>
+<path d="M740.8 571.49C735.83 571.49 730.86 571.18 725.93 570.56C683.89 565.23 647.3 537.81 622.93 493.35C599.03 449.77 589.68 394.81 596.61 338.6C604.96 271.11 636.56 209.999 681.27 175.293C711.33 151.91 744.85 141.789 778.26 146.031C820.3 151.359 856.89 178.784 881.26 223.244C905.16 266.82 914.51 321.79 907.6 377.99C899.25 445.46 867.63 506.59 822.92 541.3C797.3 561.19 769.21 571.49 740.8 571.49ZM763.48 161.798C738.77 161.798 714.12 170.884 691.52 188.521C650.32 220.572 620.96 277.46 613.18 340.72C599.9 448.65 651.41 544.35 728.04 554.07C756.93 557.75 786.19 548.78 812.66 528.19C853.95 496.09 883.23 439.2 891.01 376.03C904.37 268.11 852.78 172.403 776.15 162.683C771.95 162.121 767.72 161.826 763.48 161.798Z" fill="#900EFF"/>
+<path d="M839.35 223.662C852.13 257.32 857.17 298.82 851.78 342.66C839.32 443.94 775.85 519.29 710.05 510.93C681.99 507.38 658.02 489.22 640.75 461.6C657.45 505.71 687.52 536.35 724.9 541.1C790.7 549.45 854.15 474.11 866.63 372.81C873.78 314.74 862.6 260.74 839.35 223.662Z" fill="#FFDB8F"/>
+<path d="M734.88 550.06C731.19 550.07 727.5 549.84 723.84 549.38C689.12 544.97 659.26 520.45 639.73 480.35C620.79 441.42 613.79 392.13 620.02 341.57C627.96 277.09 656.52 220.052 696.42 189.02C719.9 170.765 745.72 162.815 771.09 166.038C805.82 170.364 835.71 194.949 855.2 235.067C874.13 273.98 881.14 323.27 874.91 373.84C866.98 438.31 838.4 495.35 798.5 526.38C778.44 542 756.65 550.06 734.88 550.06ZM636.59 343.61C624.7 440.18 664.79 525.04 725.93 532.81C746.81 535.45 768.35 528.67 788.25 513.2C824.72 484.81 850.93 431.97 858.39 371.79C870.29 275.23 830.22 190.356 769.06 182.606C748.18 179.951 726.63 186.732 706.74 202.198C670.26 230.591 644.07 283.44 636.59 343.61Z" fill="#900EFF"/>
+<mask id="mask3_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="911" y="187" width="257" height="420">
+<path d="M933.94 536.52C915.33 496.59 907.3 443.28 914.31 386.34C921.33 329.4 942.02 279.73 969.74 245.659L976.96 187.068L1064.98 198.225C1134.32 207.027 1179.3 305.48 1165.42 418.14C1151.54 530.79 1084.1 615.04 1014.76 606.29C1010.95 605.8 1007.19 605.04 1003.5 604.01L926.84 594.29L933.94 536.52Z" fill="white"/>
+</mask>
+<g mask="url(#mask3_75_205)">
+<path d="M933.94 536.52C915.33 496.59 907.3 443.28 914.31 386.34C921.33 329.4 942.02 279.73 969.74 245.659L976.96 187.068L1064.98 198.225C1134.32 207.027 1179.3 305.48 1165.42 418.14C1151.54 530.79 1084.1 615.04 1014.76 606.29C1010.95 605.8 1007.19 605.04 1003.5 604.01L926.84 594.29L933.94 536.52Z" fill="#FFF5D7"/>
+<path d="M1158.23 353.77C1158.23 353.77 1159.04 453.979 1041.86 571.209C983.59 629.549 983.91 590.939 1003.45 603.959C1003.45 603.959 1046.87 621.37 1084.05 584.49C1209.83 459.729 1184.5 389.54 1158.23 353.77Z" fill="#FFDB8F"/>
+</g>
+<path d="M1024.71 615.22C1021.03 615.22 1017.35 614.98 1013.7 614.52C1009.71 614.01 1005.75 613.22 1001.86 612.16L925.79 602.53C923.59 602.25 921.59 601.11 920.23 599.37C918.87 597.62 918.26 595.4 918.54 593.21L925.35 537.81C906.03 495.05 899.18 440.94 906.03 385.32C912.87 329.7 932.58 278.93 961.74 242.283L968.66 186.098C968.94 183.893 970.08 181.888 971.83 180.519C973.58 179.168 975.8 178.568 978 178.849L1066.03 190.006C1100.52 194.382 1130.65 219.001 1150.89 259.32C1151.89 261.3 1152.05 263.59 1151.36 265.7C1151.01 266.74 1150.47 267.7 1149.75 268.53C1149.03 269.36 1148.16 270.04 1147.18 270.53C1146.2 271.03 1145.13 271.32 1144.03 271.4C1142.94 271.48 1141.84 271.34 1140.8 271C1138.7 270.3 1136.96 268.8 1135.96 266.82C1118.29 231.627 1092.72 210.232 1063.93 206.574L984.21 196.553L978.03 246.792C977.84 248.348 977.21 249.818 976.22 251.035C948.23 285.32 929.24 333.78 922.56 387.36C915.88 440.93 922.68 492.66 941.47 533C942.14 534.41 942.39 535.99 942.19 537.54L936.11 586.99L1004.58 595.68C1004.99 595.72 1005.38 595.8 1005.77 595.91C1009.06 596.83 1012.41 597.51 1015.79 597.95C1036.84 600.62 1058.72 593.66 1079.07 577.91C1118.83 546.99 1148.72 485.43 1157.12 417.25C1159.59 397.49 1160.18 377.54 1158.91 357.66C1158.76 355.44 1159.5 353.26 1160.97 351.59C1162.43 349.92 1164.49 348.9 1166.71 348.76C1168.92 348.61 1171.11 349.35 1172.78 350.81C1174.45 352.28 1175.47 354.34 1175.61 356.56C1176.94 377.46 1176.31 398.44 1173.72 419.22C1164.67 492.71 1133.12 556.96 1089.35 591.02C1068.82 606.97 1046.69 615.22 1024.71 615.22Z" fill="#900EFF"/>
+<path d="M1105.64 409.471C1119.06 296.761 1063.97 197.538 982.6 187.849C901.23 178.16 824.38 261.671 810.96 374.381C797.54 487.091 852.63 586.311 934 596.001C1015.38 605.691 1092.22 522.171 1105.64 409.471Z" fill="#FFF5D7"/>
+<path d="M947.01 605.12C942.04 605.12 937.08 604.81 932.15 604.18C890.09 598.85 853.52 571.43 829.13 526.97C805.25 483.39 795.9 428.43 802.81 372.23C811.16 304.73 842.78 243.622 887.49 208.916C917.55 185.533 951.07 175.412 984.48 179.654C1026.52 184.982 1063.09 212.407 1087.48 256.87C1111.38 300.44 1120.73 355.41 1113.8 411.61C1105.45 479.1 1073.85 540.21 1029.14 574.92C1003.53 594.83 975.42 605.12 947.01 605.12ZM819.4 374.26C806.1 482.19 857.63 577.89 934.25 587.61C963.15 591.27 992.41 582.34 1018.88 561.74C1060.17 529.63 1089.45 472.74 1097.23 409.57C1110.51 301.64 1058.98 205.943 982.37 196.222C953.48 192.548 924.22 201.5 897.73 222.094C856.46 254.211 827.18 311.1 819.4 374.26Z" fill="#900EFF"/>
+<path d="M1046.32 256.43C1059.12 290.1 1064.16 331.59 1058.77 375.43C1046.29 476.71 982.84 552.05 917.02 543.72C888.96 540.14 865.01 522.01 847.72 494.36C864.42 538.49 894.49 569.12 931.86 573.87C997.67 582.22 1061.12 506.87 1073.6 405.59C1080.75 347.5 1069.54 293.51 1046.32 256.43Z" fill="#FFDB8F"/>
+<path d="M940.62 583.64C936.89 583.64 933.17 583.4 929.48 582.92C894.6 578.51 864.59 553.98 844.97 513.86C825.91 474.93 818.84 425.62 825.07 375.05C832.99 310.73 861.55 253.793 901.48 222.728C925.12 204.356 951.14 196.339 976.64 199.579C1011.5 204.005 1041.51 228.54 1061.15 268.66C1080.19 307.59 1087.26 356.89 1081.05 407.47C1073.13 471.79 1044.55 528.72 1004.62 559.79C984.49 575.5 962.55 583.64 940.62 583.64ZM965.67 215.58C947.45 215.58 928.93 222.511 911.77 235.906C875.26 264.3 849.07 317.08 841.63 377.09C829.73 473.66 870.02 558.57 931.55 566.35C952.63 569.02 974.34 562.19 994.38 546.61C1030.89 518.22 1057.1 465.44 1064.53 405.43C1076.42 308.86 1036.14 223.947 974.61 216.147C971.63 215.775 968.64 215.585 965.64 215.58H965.67Z" fill="#900EFF"/>
+<path d="M945.24 355.961C928.93 352.431 911.96 355.961 896.17 366.281C872.44 381.731 854.12 411.091 847.15 444.781C835.19 502.781 859.63 557.361 901.65 566.431C905.71 567.311 909.84 567.751 913.99 567.751C927.12 567.531 939.9 563.471 950.74 556.061C974.47 540.611 992.79 511.251 999.74 477.561C1011.7 419.611 987.25 365.041 945.24 355.961Z" fill="#900EFF"/>
+<path d="M737.17 310.211C720.84 306.681 703.87 310.211 688.1 320.531C664.37 335.981 646.05 365.341 639.08 399.031C627.12 457.021 651.56 511.601 693.58 520.691C697.64 521.561 701.77 522.001 705.92 522.001C719.05 521.781 731.82 517.721 742.67 510.311C766.4 494.861 784.72 465.501 791.67 431.811C803.58 373.881 779.13 319.291 737.17 310.211Z" fill="#900EFF"/>
+<mask id="mask4_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="565" y="914" width="375" height="299">
+<path d="M872.84 969.971C872.84 969.971 824.15 970.901 816.24 964.361C808.32 957.811 730.64 906.791 698.32 914.871C666 922.951 668.91 936.131 668.91 936.131L704.57 978.491L606.9 973.731C575.497 972.171 554.569 1006.81 571.622 1033.24C572.006 1033.82 572.39 1034.39 572.791 1034.91C591.53 1061.19 604.12 1063.93 604.12 1063.93C604.12 1063.93 600.13 1102.15 620.83 1122.92C641.52 1143.7 664.08 1147.43 664.08 1147.43C664.08 1147.43 666.74 1190.63 696.55 1206.62C726.36 1222.6 824.04 1205.58 858.96 1186.33C880.58 1174.2 900.22 1158.82 917.18 1140.75L939.15 1075.86L872.84 969.971Z" fill="white"/>
+</mask>
+<g mask="url(#mask4_75_205)">
+<path d="M872.84 969.971C872.84 969.971 824.15 970.901 816.24 964.361C808.32 957.811 730.64 906.791 698.32 914.871C666 922.951 668.91 936.131 668.91 936.131L704.57 978.491L606.9 973.731C575.497 972.171 554.569 1006.81 571.622 1033.24C572.006 1033.82 572.39 1034.39 572.791 1034.91C591.53 1061.19 604.12 1063.93 604.12 1063.93C604.12 1063.93 600.13 1102.15 620.83 1122.92C641.52 1143.7 664.08 1147.43 664.08 1147.43C664.08 1147.43 666.74 1190.63 696.55 1206.62C726.36 1222.6 824.04 1205.58 858.96 1186.33C880.58 1174.2 900.22 1158.82 917.18 1140.75L939.15 1075.86L872.84 969.971Z" fill="#FFF5D7"/>
+<path d="M696.79 918.891C696.79 918.891 728.42 968.361 743.55 968.361C758.68 968.361 704.62 973.511 704.62 973.511L664.13 933.421L696.79 918.891Z" fill="#FFDB8F"/>
+<path d="M571.639 983.75C571.639 983.75 614.73 1057.75 642.65 1058.9C670.58 1060.06 694.6 1055.03 693.78 1058.9C692.96 1062.78 596.76 1060.21 596.76 1060.21C596.76 1060.21 546.068 1005.46 571.639 983.75Z" fill="#FFDB8F"/>
+<path d="M607.15 1073.71C607.15 1073.71 645.56 1121.52 690.47 1123.89C735.38 1126.27 748.53 1124.66 748.71 1126.85C748.9 1129.04 686.21 1157.3 645.03 1147.69C603.84 1138.09 607.15 1073.71 607.15 1073.71Z" fill="#FFDB8F"/>
+<path d="M669.88 1156.5C669.88 1156.5 714.37 1185.01 771.19 1180.75C828.01 1176.49 907.31 1147.69 907.31 1147.69C907.31 1147.69 753.91 1257.39 748.65 1258.34C743.38 1259.3 636.91 1233.72 638.41 1226.16C639.92 1218.59 669.88 1156.5 669.88 1156.5Z" fill="#FFDB8F"/>
+</g>
+<path d="M735.2 1221.38C717.55 1221.38 702.31 1219.19 692.61 1214C665.89 1199.7 658.47 1167.65 656.45 1154.12C640.76 1149.18 626.51 1140.49 614.93 1128.8C596.76 1110.6 595.17 1081.77 595.46 1069.19C588.976 1065.55 578.62 1057.5 565.96 1039.73C560.132 1031.5 556.719 1021.8 556.106 1011.72C555.701 1005.62 556.595 999.5 558.728 993.77C560.861 988.04 564.186 982.82 568.482 978.47C572.911 973.96 578.244 970.44 584.13 968.13C590.02 965.83 596.32 964.8 602.64 965.11L685.88 969.23L662.5 941.54C661.62 940.52 661.02 939.3 660.73 937.98C659.94 934.44 657.99 916.37 696.25 906.8C711.95 902.88 736.84 909.59 770.22 926.73C795.13 939.52 816.64 953.98 821.38 957.83C826.31 960.62 851.8 962.05 872.66 961.65C874.1 961.63 875.52 961.97 876.79 962.66C878.06 963.35 879.12 964.35 879.89 965.58L946.2 1071.52C946.85 1072.56 947.27 1073.74 947.41 1074.97C947.55 1076.2 947.43 1077.44 947.03 1078.61L925.05 1143.5C924.69 1144.56 924.13 1145.54 923.38 1146.37C905.79 1165.17 885.4 1181.13 862.94 1193.69C836.81 1208.09 778.68 1221.38 735.2 1221.38ZM606.03 1055.78C607.04 1055.95 608 1056.32 608.87 1056.87C609.74 1057.42 610.49 1058.13 611.08 1058.96C611.67 1059.8 612.09 1060.74 612.32 1061.74C612.54 1062.74 612.57 1063.78 612.39 1064.79C612.39 1065.1 609.05 1099.36 626.76 1117C645.13 1135.37 665.3 1139.18 665.5 1139.21C667.36 1139.53 669.05 1140.46 670.3 1141.86C671.56 1143.27 672.3 1145.05 672.42 1146.92C672.42 1147.29 675.22 1185.72 700.51 1199.27C726.26 1213.08 819.78 1198.42 854.92 1179.03C875.21 1167.6 893.71 1153.26 909.84 1136.45L929.98 1076.98L868.18 978.44C848.49 978.62 819.09 977.68 810.83 970.84C799.44 961.4 726.73 916.41 700.26 923.02C685.61 926.68 679.7 931.37 677.83 933.91L710.88 973.16C711.93 974.4 712.6 975.93 712.79 977.54C712.99 979.16 712.71 980.79 711.99 982.25C711.26 983.71 710.13 984.93 708.73 985.75C707.32 986.57 705.71 986.97 704.08 986.89L601.69 981.88C597.73 981.67 593.78 982.31 590.09 983.75C586.403 985.19 583.062 987.4 580.291 990.23C577.635 992.89 575.581 996.08 574.27 999.61C572.959 1003.13 572.421 1006.89 572.691 1010.64C573.095 1017.64 575.444 1024.39 579.472 1030.13C594.47 1050.97 604.68 1055.28 606.03 1055.78Z" fill="#900EFF"/>
+<path d="M639.92 1073.94C622.85 1073.94 607.13 1072.87 597.19 1069.98C595.06 1069.36 593.26 1067.91 592.19 1065.96C591.13 1064.02 590.88 1061.72 591.5 1059.59C592.12 1057.46 593.56 1055.66 595.51 1054.59C597.46 1053.52 599.75 1053.27 601.89 1053.89C628.49 1061.63 708.21 1053.73 717.38 1051.17C719.37 1050.32 721.61 1050.28 723.64 1051.05C725.66 1051.82 727.3 1053.35 728.22 1055.31C729.14 1057.27 729.26 1059.51 728.56 1061.56C727.86 1063.61 726.39 1065.3 724.46 1066.29C719.4 1068.93 676.56 1073.94 639.92 1073.94Z" fill="#900EFF"/>
+<path d="M669.23 1156.03C667.22 1156.04 665.21 1155.94 663.22 1155.74C662.09 1155.68 660.99 1155.39 659.98 1154.89C658.97 1154.39 658.07 1153.69 657.33 1152.83C656.6 1151.98 656.05 1150.98 655.71 1149.9C655.38 1148.83 655.26 1147.69 655.37 1146.57C655.49 1145.45 655.82 1144.36 656.37 1143.37C656.91 1142.39 657.65 1141.52 658.54 1140.82C659.43 1140.13 660.45 1139.62 661.54 1139.33C662.63 1139.05 663.77 1138.98 664.89 1139.14C686.46 1141.38 735.03 1125.38 751.95 1119.1C752.98 1118.71 754.07 1118.53 755.17 1118.57C756.26 1118.61 757.34 1118.86 758.34 1119.31C759.34 1119.76 760.24 1120.41 760.99 1121.21C761.74 1122.01 762.32 1122.95 762.71 1123.98C763.09 1125 763.27 1126.1 763.24 1127.19C763.2 1128.29 762.95 1129.37 762.5 1130.37C762.04 1131.36 761.4 1132.26 760.6 1133.01C759.8 1133.76 758.86 1134.35 757.83 1134.73C755.43 1135.6 700.73 1156.03 669.23 1156.03Z" fill="#900EFF"/>
+<path d="M710.45 987.09C708.36 987.09 706.24 987.09 704.09 986.92C702.99 986.86 701.91 986.58 700.93 986.11C699.94 985.63 699.05 984.96 698.32 984.14C697.59 983.33 697.02 982.37 696.66 981.33C696.3 980.3 696.14 979.2 696.2 978.1C696.26 977.01 696.54 975.93 697.02 974.94C697.49 973.95 698.16 973.07 698.98 972.33C699.8 971.6 700.75 971.04 701.79 970.68C702.83 970.31 703.92 970.16 705.02 970.22C722.14 970.94 739.2 967.77 754.91 960.93C756.9 959.96 759.2 959.82 761.3 960.55C763.39 961.27 765.11 962.8 766.08 964.79C767.05 966.78 767.19 969.08 766.47 971.18C765.74 973.27 764.22 974.99 762.22 975.96C745.92 983.22 728.29 987.01 710.45 987.09Z" fill="#900EFF"/>
+<mask id="mask5_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="922" y="760" width="511" height="372">
+<path d="M922.09 951.061C922.09 951.061 1144.13 894.031 1260.14 824.551C1376.15 755.071 1378.29 748.121 1414.17 774.741C1450.04 801.361 1437.23 883.051 1347.89 943.881C1258.55 1004.71 953.38 1131.78 953.38 1131.78L922.09 951.061Z" fill="white"/>
+</mask>
+<g mask="url(#mask5_75_205)">
+<path d="M922.09 951.061C922.09 951.061 1144.13 894.031 1260.14 824.551C1376.15 755.071 1378.29 748.121 1414.17 774.741C1450.04 801.361 1437.23 883.051 1347.89 943.881C1258.55 1004.71 953.38 1131.78 953.38 1131.78L922.09 951.061Z" fill="#FFF5D7"/>
+<path d="M1087.01 1081.19C1085.69 1081.19 1084.38 1080.88 1083.21 1080.27C1082.03 1079.67 1081.01 1078.8 1080.24 1077.73C1079.46 1076.66 1078.95 1075.42 1078.75 1074.11C1078.55 1072.81 1078.66 1071.47 1079.08 1070.21C1110.07 976.33 1035.12 921.35 1034.35 920.8C1032.59 919.49 1031.42 917.55 1031.08 915.39C1030.74 913.22 1031.26 911.01 1032.54 909.23C1033.81 907.45 1035.73 906.25 1037.89 905.87C1040.05 905.49 1042.27 905.98 1044.07 907.22C1059.65 919.34 1072.78 934.32 1082.77 951.35C1098.35 977.57 1113.11 1020.39 1094.94 1075.46C1094.39 1077.13 1093.33 1078.58 1091.9 1079.61C1090.48 1080.64 1088.77 1081.19 1087.01 1081.19Z" fill="#FFDB8F"/>
+<path d="M1265.69 999.65H1264.95C1263.86 999.56 1262.79 999.25 1261.82 998.75C1260.84 998.25 1259.97 997.56 1259.27 996.72C1258.56 995.88 1258.02 994.91 1257.69 993.87C1257.35 992.82 1257.23 991.72 1257.32 990.63C1266.29 882.4 1200.78 863.19 1200.13 863.01C1197.99 862.42 1196.18 861.01 1195.08 859.09C1193.98 857.17 1193.69 854.88 1194.28 852.75C1194.86 850.61 1196.27 848.79 1198.2 847.69C1200.12 846.6 1202.4 846.31 1204.54 846.89C1205.38 847.13 1225.42 852.8 1243.89 874C1260.49 893.04 1279.18 928.98 1273.95 992.01C1273.77 994.09 1272.83 996.02 1271.3 997.43C1269.77 998.84 1267.77 999.63 1265.69 999.65Z" fill="#FFDB8F"/>
+<path d="M1392.15 919.19C1390.96 919.2 1389.77 918.96 1388.68 918.47C1387.59 917.98 1386.61 917.27 1385.82 916.37C1385.03 915.48 1384.44 914.42 1384.09 913.28C1383.74 912.13 1383.64 910.93 1383.8 909.74C1388.14 877.02 1379.34 847.31 1357.66 821.45C1347.82 809.64 1336.05 799.57 1322.86 791.67C1320.91 790.62 1319.46 788.84 1318.82 786.72C1318.19 784.6 1318.42 782.31 1319.47 780.36C1320.53 778.41 1322.31 776.96 1324.43 776.32C1326.55 775.69 1328.84 775.92 1330.79 776.98C1345.73 785.72 1359.05 796.96 1370.17 810.21C1394.94 839.51 1405.43 874.68 1400.49 911.93C1400.22 913.95 1399.23 915.8 1397.69 917.14C1396.16 918.48 1394.19 919.21 1392.15 919.19Z" fill="#FFDB8F"/>
+<path d="M975.52 1130.73C974.2 1130.72 972.9 1130.41 971.72 1129.81C970.54 1129.2 969.53 1128.33 968.75 1127.26C967.98 1126.18 967.47 1124.94 967.28 1123.63C967.08 1122.33 967.19 1120.99 967.61 1119.74C992.49 1044.71 928.99 953.231 928.34 952.321C927.14 950.501 926.69 948.291 927.09 946.161C927.49 944.021 928.7 942.121 930.48 940.871C932.26 939.611 934.46 939.101 936.61 939.441C938.76 939.791 940.69 940.951 941.99 942.701C944.83 946.701 1011.02 1041.92 983.46 1125C982.91 1126.66 981.84 1128.12 980.42 1129.14C978.99 1130.17 977.28 1130.73 975.52 1130.73Z" fill="#FFDB8F"/>
+<path d="M1076.1 1087.3C1074.78 1087.3 1073.48 1086.99 1072.3 1086.39C1071.12 1085.79 1070.1 1084.91 1069.33 1083.84C1068.56 1082.77 1068.05 1081.53 1067.84 1080.23C1067.64 1078.92 1067.75 1077.58 1068.17 1076.33C1099.17 982.451 1024.21 927.451 1023.46 926.911C1022.55 926.281 1021.77 925.481 1021.17 924.541C1020.57 923.611 1020.16 922.571 1019.97 921.471C1019.78 920.381 1019.81 919.261 1020.06 918.181C1020.3 917.101 1020.76 916.081 1021.41 915.181C1022.05 914.281 1022.87 913.511 1023.82 912.931C1024.76 912.351 1025.81 911.961 1026.91 911.791C1028 911.621 1029.12 911.661 1030.2 911.931C1031.28 912.201 1032.29 912.671 1033.18 913.331C1048.75 925.461 1061.88 940.441 1071.88 957.461C1087.46 983.681 1102.21 1026.51 1084.04 1081.57C1083.48 1083.24 1082.42 1084.69 1081 1085.72C1079.57 1086.75 1077.86 1087.3 1076.1 1087.3Z" fill="#900EFF"/>
+<path d="M1252.61 1005.23H1251.91C1250.81 1005.14 1249.75 1004.83 1248.77 1004.33C1247.8 1003.83 1246.93 1003.14 1246.22 1002.3C1245.51 1001.46 1244.98 1000.49 1244.64 999.451C1244.31 998.401 1244.18 997.301 1244.27 996.211C1253.26 888.711 1189.79 869.321 1187.04 868.501C1184.98 867.851 1183.25 866.421 1182.22 864.521C1181.19 862.621 1180.94 860.401 1181.51 858.311C1182.09 856.231 1183.45 854.451 1185.32 853.351C1187.18 852.251 1189.39 851.921 1191.5 852.421C1192.35 852.641 1212.39 858.321 1230.86 879.511C1247.45 898.571 1266.14 934.491 1260.93 997.531C1260.76 999.621 1259.81 1001.58 1258.27 1003C1256.73 1004.43 1254.71 1005.22 1252.61 1005.23Z" fill="#900EFF"/>
+<path d="M1380.19 926.411C1379.83 926.431 1379.46 926.431 1379.09 926.411C1377.99 926.271 1376.93 925.921 1375.96 925.371C1375 924.821 1374.15 924.081 1373.48 923.201C1372.8 922.311 1372.31 921.311 1372.03 920.231C1371.75 919.161 1371.69 918.041 1371.84 916.941C1376.19 884.221 1367.38 854.511 1345.7 828.651C1335.84 816.841 1324.05 806.771 1310.83 798.871C1308.88 797.821 1307.43 796.041 1306.8 793.921C1306.16 791.791 1306.4 789.511 1307.45 787.561C1308.5 785.611 1310.28 784.161 1312.41 783.521C1314.53 782.891 1316.82 783.121 1318.76 784.181C1333.67 792.931 1346.97 804.171 1358.08 817.411C1382.92 846.791 1393.41 881.871 1388.54 919.141C1388.28 921.171 1387.28 923.021 1385.75 924.361C1384.21 925.701 1382.23 926.431 1380.19 926.411Z" fill="#900EFF"/>
+</g>
+<path d="M953.38 1140.13C951.41 1140.13 949.5 1139.43 947.99 1138.16C946.49 1136.9 945.48 1135.14 945.14 1133.19L913.88 952.48C913.52 950.41 913.95 948.28 915.09 946.52C916.23 944.75 917.99 943.48 920.02 942.96C922.23 942.39 1142.16 885.44 1255.85 817.38C1267.94 810.13 1278.8 803.57 1288.57 797.65C1373.61 746.21 1382.52 740.87 1419.14 768.04C1433.76 778.9 1441.56 797.05 1441.11 819.18C1440.67 839.98 1433.04 862.61 1418.99 884.65C1403.39 909.16 1381.05 931.42 1352.59 950.78C1263.56 1011.37 969.08 1134.28 956.58 1139.51C955.57 1139.92 954.48 1140.13 953.38 1140.13ZM931.66 957.19L959.84 1120C1012.44 1097.85 1264.5 990.56 1343.22 936.96C1402.14 896.88 1423.8 849.65 1424.44 818.83C1424.77 802.26 1419.43 788.99 1409.2 781.45C1382.1 761.41 1381.58 760.94 1297.3 811.93C1287.5 817.86 1276.63 824.44 1264.52 831.69C1159.31 894.68 971.9 946.47 931.63 957.19H931.66Z" fill="#900EFF"/>
+<path d="M944.28 1168.99C999.39 1063.6 932.85 962.269 907.38 929.499C904.92 926.419 901.45 924.309 897.59 923.529C893.72 922.759 889.7 923.389 886.25 925.289L870.04 934.289C867.97 935.449 866.18 937.019 864.78 938.919C863.37 940.819 862.39 942.999 861.9 945.309C861.4 947.619 861.41 950.009 861.91 952.319C862.41 954.629 863.4 956.799 864.81 958.699C888.67 990.529 937.58 1069.58 913.53 1156.96C912.68 1160.11 912.77 1163.44 913.8 1166.54C914.83 1169.63 916.75 1172.35 919.31 1174.36C921.88 1176.38 924.98 1177.59 928.24 1177.84C931.49 1178.1 934.74 1177.4 937.59 1175.82C940.43 1174.24 942.76 1171.86 944.28 1168.99Z" fill="#FFF5D7"/>
+<path d="M929.48 1186.37C923.89 1186.35 918.47 1184.45 914.09 1180.96C910.19 1177.96 907.29 1173.86 905.75 1169.19C904.21 1164.51 904.12 1159.49 905.48 1154.76C928.71 1070.33 880.09 993.02 858.13 963.71C856 960.86 854.5 957.58 853.74 954.11C852.98 950.63 852.97 947.031 853.71 943.551C854.45 940.071 855.93 936.791 858.05 933.931C860.16 931.071 862.87 928.69 865.98 926.96L882.19 917.96C887.38 915.06 893.44 914.131 899.26 915.311C905.08 916.501 910.29 919.74 913.93 924.44C926.89 941.14 950.67 975.681 964.03 1019.64C980.55 1074.07 976.39 1125.63 951.66 1172.91C949.53 1176.97 946.33 1180.37 942.42 1182.75C938.5 1185.13 934.01 1186.4 929.43 1186.42L929.48 1186.37ZM894.4 931.45C892.98 931.46 891.59 931.821 890.34 932.511L874.14 941.511C873.11 942.081 872.22 942.87 871.51 943.82C870.81 944.76 870.32 945.85 870.08 947C869.83 948.16 869.83 949.35 870.08 950.5C870.34 951.65 870.83 952.741 871.54 953.681C894.92 984.971 946.81 1067.64 921.64 1159.12C921.21 1160.68 921.26 1162.34 921.77 1163.89C922.28 1165.43 923.23 1166.79 924.51 1167.79C925.79 1168.79 927.34 1169.4 928.96 1169.52C930.58 1169.65 932.2 1169.3 933.62 1168.5C935.05 1167.7 936.21 1166.5 936.96 1165.05C988.9 1065.75 929.03 970.791 900.87 934.561C900.09 933.581 899.1 932.79 897.97 932.25C896.84 931.71 895.6 931.44 894.35 931.45H894.4Z" fill="#900EFF"/>
+<mask id="mask6_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1509" y="687" width="293" height="815">
+<path d="M1676.59 703.689C1688.24 716.309 1695.61 732.299 1697.63 749.369C1707.42 827.869 1801.03 1474.83 1801.03 1474.83V1485.99C1801.03 1490.2 1799.36 1494.24 1796.38 1497.22C1793.4 1500.2 1789.36 1501.87 1785.15 1501.87H1520.07C1517.2 1501.87 1514.44 1500.73 1512.41 1498.7C1510.37 1496.66 1509.23 1493.91 1509.23 1491.03V1476.25L1588.73 1393.99C1588.73 1393.99 1597.08 856.699 1592.36 799.939C1585.81 721.609 1632.14 656.269 1676.59 703.689Z" fill="white"/>
+</mask>
+<g mask="url(#mask6_75_205)">
+<path d="M1676.59 703.689C1688.24 716.309 1695.61 732.299 1697.63 749.369C1707.42 827.869 1801.03 1474.83 1801.03 1474.83V1485.99C1801.03 1490.2 1799.36 1494.24 1796.38 1497.22C1793.4 1500.2 1789.36 1501.87 1785.15 1501.87H1520.07C1517.2 1501.87 1514.44 1500.73 1512.41 1498.7C1510.37 1496.66 1509.23 1493.91 1509.23 1491.03V1476.25L1588.73 1393.99C1588.73 1393.99 1597.08 856.699 1592.36 799.939C1585.81 721.609 1632.14 656.269 1676.59 703.689Z" fill="#FFF5D7"/>
+<path d="M1686.12 677.029C1686.12 677.029 1661.4 754.409 1636.72 953.919C1609.61 1173.16 1588.73 1393.99 1588.73 1393.99L1567.25 689.789L1686.12 677.029Z" fill="#FFDB8F"/>
+</g>
+<path d="M1785.15 1510.23H1520.07C1514.98 1510.22 1510.1 1508.2 1506.51 1504.6C1502.91 1501 1500.89 1496.12 1500.88 1491.03V1476.25C1500.88 1474.09 1501.72 1472 1503.22 1470.44L1580.43 1390.56C1581.13 1345.26 1588.5 854.04 1584.04 800.65C1579.55 746.98 1599.07 696.33 1629.5 682.81C1639.77 678.26 1660.35 674.15 1682.68 697.98C1695.57 711.87 1703.7 729.51 1705.88 748.34C1715.55 825.85 1808.33 1467.17 1809.26 1473.63C1809.29 1474.03 1809.29 1474.43 1809.26 1474.83V1485.99C1809.26 1492.4 1806.72 1498.54 1802.2 1503.08C1797.68 1507.62 1791.55 1510.19 1785.15 1510.23ZM1517.58 1479.63V1491.03C1517.58 1491.69 1517.85 1492.33 1518.31 1492.79C1518.78 1493.26 1519.41 1493.52 1520.07 1493.52H1785.15C1787.14 1493.52 1789.06 1492.72 1790.47 1491.31C1791.88 1489.9 1792.68 1487.99 1792.68 1485.99V1475.44C1789.34 1452.5 1698.9 827.04 1689.33 750.41C1687.58 735.08 1680.98 720.72 1670.49 709.4C1658.8 696.98 1647.34 693.17 1636.28 698.08C1615.41 707.35 1596.37 747.73 1600.68 799.26C1605.4 855.78 1597.43 1372.13 1597.08 1394.11C1597.05 1396.24 1596.22 1398.27 1594.75 1399.79L1517.58 1479.63Z" fill="#900EFF"/>
+<path d="M1801.08 1467.9H1509.23C1507.02 1467.9 1504.89 1468.78 1503.33 1470.35C1501.76 1471.91 1500.88 1474.04 1500.88 1476.25V1491.03C1500.89 1496.12 1502.91 1501 1506.51 1504.6C1510.1 1508.2 1514.98 1510.22 1520.07 1510.22H1785.15C1791.57 1510.22 1797.73 1507.66 1802.27 1503.12C1806.82 1498.57 1809.37 1492.42 1809.38 1485.99V1476.25C1809.38 1474.05 1808.51 1471.93 1806.95 1470.37C1805.4 1468.8 1803.29 1467.92 1801.08 1467.9Z" fill="#900EFF"/>
+<path d="M1652.33 1418.5C1652.13 1416.6 1651.28 1414.82 1649.92 1413.47C1648.56 1412.12 1646.77 1411.28 1644.87 1411.08C1639.69 1409.41 1614.52 1397.49 1592.46 1386.52C1590.87 1385.73 1589.07 1385.46 1587.32 1385.76C1585.58 1386.06 1583.97 1386.91 1582.74 1388.19L1561.18 1410.48C1560.05 1411.64 1559.29 1413.1 1558.97 1414.68C1558.66 1416.26 1558.81 1417.9 1559.41 1419.4C1560.01 1420.9 1561.03 1422.19 1562.35 1423.12C1563.67 1424.05 1565.23 1424.58 1566.84 1424.65L1643.37 1427.72H1644.2C1644.86 1427.71 1645.51 1427.61 1646.14 1427.42C1648.06 1426.92 1649.75 1425.74 1650.88 1424.1C1652.02 1422.47 1652.53 1420.48 1652.33 1418.5Z" fill="#900EFF"/>
+<path d="M1769.71 1493.52H8.71902C6.50402 1493.52 4.38003 1494.4 2.81403 1495.97C1.24803 1497.53 0.368042 1499.66 0.368042 1501.87C0.368042 1504.09 1.24803 1506.21 2.81403 1507.78C4.38003 1509.34 6.50402 1510.22 8.71902 1510.22H1769.71C1771.93 1510.22 1774.05 1509.34 1775.62 1507.78C1777.19 1506.21 1778.07 1504.09 1778.07 1501.87C1778.07 1499.66 1777.19 1497.53 1775.62 1495.97C1774.05 1494.4 1771.93 1493.52 1769.71 1493.52Z" fill="#900EFF"/>
+<path d="M319.24 988.199H132.781C128.169 988.199 124.43 991.939 124.43 996.549V1501.87C124.43 1506.48 128.169 1510.22 132.781 1510.22H319.24C323.852 1510.22 327.591 1506.48 327.591 1501.87V996.549C327.591 991.939 323.852 988.199 319.24 988.199Z" fill="#900EFF"/>
+<path d="M609.62 1201.72H423.16C418.547 1201.72 414.809 1205.46 414.809 1210.07V1501.87C414.809 1506.48 418.547 1510.22 423.16 1510.22H609.62C614.23 1510.22 617.97 1506.48 617.97 1501.87V1210.07C617.97 1205.46 614.23 1201.72 609.62 1201.72Z" fill="#900EFF"/>
+<path d="M895.72 1326.98H709.26C704.65 1326.98 700.91 1330.72 700.91 1335.34V1501.87C700.91 1506.48 704.65 1510.22 709.26 1510.22H895.72C900.33 1510.22 904.07 1506.48 904.07 1501.87V1335.34C904.07 1330.72 900.33 1326.98 895.72 1326.98Z" fill="#900EFF"/>
+<path d="M66.224 1037.79L132.781 996.551V1501.87H66.224V1037.79Z" fill="#FFF5D7"/>
+<path d="M132.781 1510.22H66.2241C64.0091 1510.22 61.8851 1509.34 60.3191 1507.77C58.7531 1506.21 57.873 1504.08 57.873 1501.87V1037.79C57.874 1036.37 58.2381 1034.97 58.9301 1033.73C59.6231 1032.49 60.6221 1031.44 61.8311 1030.69L128.388 989.461C129.653 988.671 131.104 988.241 132.59 988.211C134.077 988.181 135.546 988.541 136.845 989.261C138.144 989.991 139.226 991.041 139.98 992.331C140.733 993.611 141.131 995.071 141.132 996.551V1501.87C141.132 1504.08 140.252 1506.21 138.686 1507.77C137.12 1509.34 134.996 1510.22 132.781 1510.22ZM74.5751 1493.52H124.43V1011.55L74.5751 1042.45V1493.52Z" fill="#900EFF"/>
+<path d="M356.603 1251.31L423.159 1210.07V1501.87H356.603V1251.31Z" fill="#FFF5D7"/>
+<path d="M423.177 1510.22H356.603C354.388 1510.22 352.264 1509.34 350.698 1507.77C349.132 1506.21 348.252 1504.08 348.252 1501.87V1251.34C348.253 1249.92 348.617 1248.52 349.309 1247.28C350.002 1246.03 351.001 1244.99 352.21 1244.24L418.751 1203.01C420.016 1202.22 421.468 1201.78 422.957 1201.75C424.446 1201.71 425.918 1202.08 427.219 1202.8C428.521 1203.52 429.605 1204.58 430.36 1205.87C431.115 1207.15 431.512 1208.61 431.511 1210.1V1501.9C431.502 1504.11 430.621 1506.22 429.059 1507.78C427.497 1509.34 425.383 1510.21 423.177 1510.22ZM364.97 1493.52H414.826V1225.07L364.954 1255.98L364.97 1493.52Z" fill="#900EFF"/>
+<path d="M709.26 1335.34V1501.87H642.72V1376.57L709.26 1335.34Z" fill="#FFF5D7"/>
+<path d="M709.26 1510.22H642.71C640.49 1510.22 638.37 1509.34 636.8 1507.78C635.23 1506.21 634.35 1504.09 634.35 1501.87V1376.61C634.36 1375.18 634.72 1373.79 635.41 1372.54C636.1 1371.3 637.1 1370.26 638.31 1369.51L704.87 1328.27C706.13 1327.49 707.58 1327.06 709.07 1327.03C710.56 1326.99 712.03 1327.36 713.33 1328.08C714.63 1328.8 715.71 1329.86 716.46 1331.14C717.21 1332.42 717.61 1333.88 717.61 1335.37V1501.9C717.6 1504.11 716.72 1506.23 715.16 1507.79C713.59 1509.35 711.47 1510.22 709.26 1510.22ZM651.06 1493.52H700.91V1350.34L651.06 1381.25V1493.52Z" fill="#900EFF"/>
+</svg>
diff --git a/public_html/raven-demo/images/illustrations/analytic.png b/public_html/raven-demo/images/illustrations/analytic.png
new file mode 100644
index 0000000..9b7b412
Binary files /dev/null and b/public_html/raven-demo/images/illustrations/analytic.png differ
diff --git a/public_html/raven-demo/images/illustrations/courses.png b/public_html/raven-demo/images/illustrations/courses.png
new file mode 100644
index 0000000..4d049e2
Binary files /dev/null and b/public_html/raven-demo/images/illustrations/courses.png differ
diff --git a/public_html/raven-demo/images/illustrations/education.svg b/public_html/raven-demo/images/illustrations/education.svg
new file mode 100644
index 0000000..1f33030
--- /dev/null
+++ b/public_html/raven-demo/images/illustrations/education.svg
@@ -0,0 +1,201 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="512" height="512">
+<g>
+	<path style="fill:#FFFFFF;" d="M483.327,160.005c11.034-10.276,19.367-23.228,24.101-37.457c3.034-9.123,4.572-18.671,4.572-28.379   c0-49.574-40.332-89.905-89.906-89.905c-36.832,0-69.818,22.921-83.364,56.23c-14.733-5.401-29.931-9.166-45.479-11.268   c2.662-3.851,3.197-8.978,1.041-13.477c-2.225-4.569-6.943-7.52-12.021-7.52c-1.419,0-2.971,0.261-4.334,0.724l-0.058,0.02   l-117.9,6.001c-5.775,0.294-10.639,4.411-11.885,10.056c-0.338,1.538-0.386,3.086-0.173,4.578c-1.908-1.07-4.072-1.644-6.287-1.644   c-1.147,0-2.307,0.152-3.452,0.472l-24.672,6.889L97.006,29.616c-2.411-3.757-6.525-5.904-10.804-5.904   c-1.381,0-2.781,0.223-4.146,0.689c-5.591,1.909-9.156,7.385-8.642,13.269l3.015,34.401L54.733,86.16   c-4.755,3.088-6.921,8.926-5.331,14.367c1.59,5.441,6.56,9.196,12.229,9.237l19.377,0.142l0.068,0.457   C60.555,121.55,45.793,147.658,44.343,178.6c-0.285,2.366-0.315,4.797-0.09,7.176c0.236,11.703,2.365,22.772,6.009,32.674   c-1.638,7.424-2.905,14.948-3.762,22.533c-2.602,1.95-4.443,4.87-4.982,8.259l-5.937,37.313l-26.911,9.237   c-5.362,1.841-8.881,6.979-8.661,12.643c0.222,5.664,4.132,10.512,9.62,11.929l21.025,5.426l-2.511,25.834   c-0.58,5.963,3.041,11.534,8.725,13.424c1.335,0.445,2.701,0.658,4.049,0.658c4.392,0,8.601-2.263,10.978-6.183l8.343-13.755   c6.055,15.382,13.846,30.029,23.255,43.703c-5.243,5.382-13.036,16.665-11.613,35.282c0.769,10.163,3.251,17.959,5.972,23.667   c-3.734,5.629-6.949,13.796-5.955,24.687c1.916,21.262,13.987,30.984,15.357,32.023c2.232,1.69,4.954,2.605,7.754,2.605h361.736   c7.089,0,12.838-5.748,12.838-12.838v-98.521c0-5.786-3.83-10.679-9.091-12.281v-23.502c0.477-0.986,0.945-1.972,1.402-2.954   l21.141-2.276c6.172-0.664,10.984-5.652,11.429-11.843c0.445-6.193-3.604-11.815-9.618-13.358l-11.504-2.948   c3.797-12.978,6.373-26.3,7.702-39.835l4.983,0.307c0.265,0.015,0.529,0.023,0.79,0.023c5.317,0,10.123-3.293,12.012-8.322   c1.983-5.276,0.293-11.229-4.168-14.674l-12.821-9.904c-0.426-8.571-1.352-17.133-2.768-25.566l5.002-13.322   c2.077-5.531,0.111-11.761-4.76-15.102c-2.198-1.507-4.733-2.248-7.257-2.248c-0.154,0-0.309,0.002-0.464,0.008   c-2.635-8.165-5.75-16.17-9.333-23.97c7.468-3.742,14.43-8.525,20.581-14.175C483.007,160.298,483.168,160.153,483.327,160.005z"/>
+	<g>
+		<g>
+			<circle style="fill:#BD6EEB;" cx="262.515" cy="265.736" r="205.672"/>
+		</g>
+		<g>
+			<g>
+				<path style="fill:#FFF3EA;" d="M431.86,199.411c0,8.273-6.706,14.979-14.979,14.979c-8.273,0-14.979-6.706-14.979-14.979      c0-8.272,6.706-14.979,14.979-14.979C425.154,184.432,431.86,191.138,431.86,199.411z"/>
+			</g>
+			<g>
+				<path style="fill:#512651;" d="M290.51,93.757c-5.4,0-9.792-4.393-9.792-9.793c0-5.4,4.393-9.792,9.792-9.792      c5.4,0,9.792,4.393,9.792,9.792C300.303,89.364,295.91,93.757,290.51,93.757z M290.51,74.725c-5.095,0-9.239,4.145-9.239,9.239      c0,5.095,4.144,9.239,9.239,9.239c5.095,0,9.239-4.145,9.239-9.239C299.75,78.87,295.605,74.725,290.51,74.725z"/>
+			</g>
+			<g>
+				<path style="fill:#FFF3EA;" d="M88.8,220.169c0,5.255-4.26,9.516-9.516,9.516c-5.256,0-9.516-4.26-9.516-9.516      c0-5.256,4.261-9.516,9.516-9.516C84.54,210.653,88.8,214.914,88.8,220.169z"/>
+			</g>
+			<g>
+				<path style="fill:#512651;" d="M416.882,331.204c-8.412,0-15.256-6.844-15.256-15.255c0-8.412,6.844-15.255,15.256-15.255      c8.412,0,15.255,6.844,15.255,15.255C432.137,324.361,425.294,331.204,416.882,331.204z M416.882,301.247      c-8.107,0-14.703,6.596-14.703,14.702c0,8.107,6.596,14.702,14.703,14.702c8.106,0,14.702-6.596,14.702-14.702      C431.584,307.843,424.988,301.247,416.882,301.247z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<path style="fill:#7182FF;" d="M446.562,346.062v54.816H102.497c0,0-6.29-5.991-8.9-20.133       c-0.428-2.225-0.728-4.643-0.92-7.274c-1.412-19.406,9.82-27.408,9.82-27.408H446.562z"/>
+				</g>
+				<g>
+					<rect x="124.342" y="346.062" style="fill:#FFB289;" width="11.254" height="54.816"/>
+				</g>
+				<g>
+					<rect x="146.615" y="346.062" style="fill:#FFB289;" width="11.233" height="54.816"/>
+				</g>
+				<g>
+					<rect x="401.545" y="346.062" style="fill:#FFB289;" width="11.233" height="54.816"/>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -211.8972 240.3328)" style="fill:#FFB289;" cx="184.159" cy="375.949" rx="16.752" ry="16.752"/>
+				</g>
+			</g>
+			<g style="opacity:0.16;">
+				<path style="fill:#512651;" d="M446.562,346.062v34.682H93.596c-0.428-2.225-0.728-4.643-0.92-7.274      c-1.412-19.406,9.82-27.408,9.82-27.408H446.562z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<path style="fill:#FF8C9D;" d="M455.653,396.378v54.816H93.916c0,0-8.863-8.023-10.325-27.408      c-1.485-19.406,10.325-27.408,10.325-27.408H455.653z"/>
+			</g>
+			<g>
+				<ellipse style="fill:#FFF3EA;" cx="129.969" cy="426.267" rx="16.011" ry="16.752"/>
+			</g>
+			<g>
+				<rect x="176.292" y="416.347" style="fill:#FFF3EA;" width="207.501" height="18.209"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<path style="fill:#FFB289;" d="M455.653,449.011v45.887H93.916c0,0-8.863-6.716-10.325-22.944      c-1.485-16.245,10.325-22.943,10.325-22.943H455.653z"/>
+			</g>
+			<g>
+				<rect x="176.292" y="465.727" style="fill:#FFF3EA;" width="207.501" height="15.243"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<g>
+						<path style="fill:#512651;" d="M92.553,130.405v221.472l302-31.32V102.456c0-7.601-6.567-13.537-14.129-12.772        l-276.325,27.949C97.543,118.296,92.553,123.816,92.553,130.405z"/>
+					</g>
+				</g>
+				<g>
+					<g>
+						<polygon style="fill:#FFF3EA;" points="101.68,130.234 101.68,343.911 385.427,315.199 385.427,102.23       "/>
+					</g>
+					<g>
+						<polygon style="fill:#512651;" points="92.553,351.878 232.007,369.359 480.567,342.6 394.553,320.558       "/>
+					</g>
+					<g>
+						<g>
+							<path style="fill:#7182FF;" d="M188.92,186.847c-6.591-5.363-16.026-6.909-24.058-4.133         c-8.031,2.775-14.447,9.706-16.806,17.869c-2.36,8.163-0.684,17.345,4.227,24.279c-5.34,8.233-10.071,19.923-8.785,29.651         c1.286,9.729,8.568,19.048,18.286,20.41c2.902,0.407,5.851,0.117,8.767-0.173c2.511,7.932,11.006,13.86,19.085,15.849         c8.079,1.988,16.916-0.014,23.739-4.775c6.823-4.761,11.66-12.108,13.988-20.096c4.253,5.765,9.851,11.336,16.511,13.976         c7.677,3.043,16.702,1.996,23.841-2.154c7.139-4.15,12.399-11.192,15.029-19.02c7.761,9.049,20.834,12.16,32.347,9.066         c11.513-3.094,20.837-13.181,23.018-24.901c-0.14,0.761,8.025-0.77,8.757-0.969c4.504-1.228,8.213-4.863,10.581-8.808         c7.479-12.461,5.091-32.248-6.801-41.307c-2.031-1.547-4.286-2.811-6.69-3.679c-0.567-0.205-7.123-1.832-7.152-1.33         c0.455-7.893-4.298-15.98-10.914-20.307c-6.617-4.326-14.888-5.607-22.756-4.835c-4.2,0.412-8.545,1.478-11.667,4.318         c-6.324-9.905-20.307-13.139-31.359-9.146c-11.052,3.993-19.241,13.745-24.049,24.468c-0.649-3.853-3.915-7.353-7.175-9.508         c-6.857-4.533-15.824-5.715-23.621-3.112C197.464,171.084,191.679,179.104,188.92,186.847z"/>
+						</g>
+						<g>
+							<g>
+								<g>
+									<path style="fill:#FFF3EA;" d="M198.253,208.335l19.612,31.606c0.819,1.279,1.263,2.258,1.334,2.935           c0.15,1.43-0.867,2.848-3.052,4.241c-1.282,0.817-2.381,1.276-3.295,1.374c-0.638,0.067-1.223-0.055-1.757-0.362           c-0.537-0.302-0.932-0.643-1.195-1.017c-0.262-0.377-0.632-0.938-1.111-1.696l-3.783-6.116l-16.528,1.737l-2.426,6.769           c-0.316,0.84-0.561,1.447-0.744,1.832c-0.181,0.379-0.499,0.784-0.957,1.212c-0.458,0.436-1.005,0.681-1.643,0.748           c-0.915,0.095-2.084-0.121-3.507-0.658c-2.425-0.869-3.71-2.022-3.86-3.452c-0.072-0.678,0.158-1.729,0.693-3.148           l12.605-35.053c0.342-0.963,0.931-1.767,1.769-2.421c0.833-0.649,1.752-1.027,2.746-1.133           C195.3,205.508,197,206.377,198.253,208.335z M194.924,223.165l-3.076,8.588l7.934-0.835L194.924,223.165z"/>
+								</g>
+							</g>
+							<g>
+								<g>
+									<path style="fill:#FFF3EA;" d="M266.622,219.718c2.638,2.537,4.14,5.539,4.504,8.999c0.339,3.988-0.649,7.412-2.963,10.265           c-2.413,3.07-5.508,4.803-9.287,5.201l-15.694,1.649c-1.035,0.107-1.9,0.1-2.6-0.03c-0.694-0.128-1.237-0.311-1.626-0.551           c-0.385-0.242-0.698-0.628-0.936-1.169c-0.237-0.538-0.387-0.991-0.445-1.372c-0.061-0.376-0.128-0.941-0.208-1.697           l-3.482-33.119c-0.1-0.954-0.144-1.652-0.131-2.098c0.015-0.442,0.147-0.98,0.404-1.611           c0.255-0.632,0.749-1.103,1.479-1.422c0.731-0.321,1.733-0.544,3.007-0.677l15.036-1.581           c3.661-0.385,6.858,0.566,9.592,2.85c2.858,2.32,4.478,5.285,4.858,8.904C268.405,214.883,267.903,217.375,266.622,219.718           z M260.496,229.17c-0.097-0.913-0.284-1.639-0.561-2.172c-0.277-0.536-0.687-0.881-1.225-1.051           c-0.542-0.162-1.013-0.254-1.417-0.272s-1.004,0.015-1.8,0.1c-1.551,0.163-2.716,0.004-3.489-0.481           c-0.774-0.482-1.257-1.616-1.444-3.407c-0.175-1.668,0.075-2.823,0.752-3.457c0.677-0.633,1.873-1.042,3.583-1.22           c0.515-0.056,0.911-0.116,1.186-0.185c0.275-0.069,0.57-0.21,0.89-0.427c0.318-0.214,0.525-0.538,0.622-0.969           c0.095-0.432,0.105-1.008,0.03-1.725c-0.135-1.274-0.548-2.072-1.249-2.401c-0.698-0.328-1.704-0.423-3.017-0.285           l-8.353,0.878l2.377,22.613l9.786-1.028c0.398-0.043,0.734-0.106,1.006-0.193c0.271-0.09,0.646-0.271,1.12-0.542           c0.474-0.268,0.816-0.729,1.031-1.376C260.537,230.926,260.596,230.124,260.496,229.17z"/>
+								</g>
+							</g>
+							<g>
+								<g>
+									<path style="fill:#FFF3EA;" d="M317.906,226.139l0.331-0.273c1.268-0.938,2.181-1.438,2.738-1.499           c1.234-0.13,2.685,0.849,4.35,2.927c1.021,1.298,1.577,2.386,1.67,3.259c0.082,0.795-0.114,1.499-0.591,2.113           c-0.479,0.616-1.221,1.298-2.231,2.045c-0.33,0.276-0.804,0.647-1.421,1.116c-0.614,0.469-1.901,1.124-3.864,1.977           c-1.961,0.848-3.958,1.377-5.987,1.589c-1.75,0.185-3.616,0.132-5.596-0.164c-1.981-0.296-4.059-0.92-6.231-1.877           c-2.173-0.958-4.163-2.198-5.973-3.715c-1.808-1.519-3.379-3.548-4.711-6.081c-1.332-2.535-2.162-5.376-2.494-8.52           c-0.322-3.06-0.1-5.909,0.669-8.546c0.769-2.633,1.872-4.861,3.31-6.683c1.438-1.819,3.132-3.406,5.082-4.756           c1.949-1.353,3.882-2.381,5.801-3.084c1.916-0.706,3.789-1.156,5.62-1.348c1.87-0.195,3.799-0.102,5.789,0.269           c1.991,0.374,3.514,0.807,4.573,1.298l1.518,0.686c0.764,0.365,1.348,0.67,1.759,0.929c0.409,0.26,0.81,0.632,1.201,1.113           c0.393,0.479,0.621,1.017,0.683,1.62c0.104,0.994-0.199,2.107-0.914,3.35c-1.325,2.313-2.605,3.532-3.836,3.663           c-0.716,0.075-1.776-0.255-3.181-0.994c-1.814-1.174-4.112-1.619-6.898-1.324c-1.234,0.127-2.483,0.491-3.747,1.086           c-1.264,0.596-2.456,1.396-3.577,2.398c-1.124,1.002-1.999,2.342-2.627,4.017c-0.63,1.672-0.837,3.507-0.629,5.497           c0.213,2.026,0.801,3.794,1.763,5.301c0.963,1.511,2.109,2.645,3.436,3.412c1.328,0.767,2.672,1.298,4.029,1.596           c1.36,0.302,2.635,0.388,3.829,0.263c1.233-0.13,2.379-0.41,3.441-0.849c1.06-0.43,1.812-0.831,2.257-1.2L317.906,226.139z           "/>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+			<g>
+				<path style="fill:#FFF3EA;" d="M92.553,352.016c-0.07,0-0.131-0.053-0.137-0.124c-0.009-0.076,0.047-0.144,0.123-0.152      l302-31.32c0.072-0.012,0.145,0.048,0.151,0.124c0.009,0.076-0.046,0.144-0.123,0.152l-302,31.32      C92.563,352.016,92.557,352.016,92.553,352.016z"/>
+			</g>
+			<g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M232.39,365.135l-105.825-13.12c-0.07-0.009-0.122-0.069-0.121-0.139       c0.001-0.071,0.054-0.129,0.124-0.136l264.942-26.212c0.02-0.002,0.032,0,0.048,0.003l64.13,15.842       c0.065,0.016,0.109,0.077,0.105,0.144c-0.004,0.067-0.057,0.121-0.124,0.128L232.39,365.135z M127.831,351.894l104.561,12.966       l222.461-23.407l-63.34-15.647L127.831,351.894z"/>
+				</g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M147.202,354.483c-0.07,0-0.131-0.053-0.137-0.124c-0.009-0.076,0.048-0.144,0.123-0.152       l255.247-25.766c0.087-0.01,0.144,0.048,0.151,0.124c0.009,0.076-0.047,0.144-0.123,0.152l-255.247,25.766       C147.211,354.483,147.207,354.483,147.202,354.483z"/>
+				</g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M167.006,356.668c-0.07,0-0.131-0.053-0.137-0.124c-0.009-0.076,0.046-0.144,0.123-0.152       l245.549-25.402c0.073-0.015,0.145,0.048,0.151,0.124c0.009,0.076-0.046,0.144-0.123,0.152L167.02,356.668       C167.015,356.668,167.01,356.668,167.006,356.668z"/>
+				</g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M188.856,359.399c-0.07,0-0.13-0.052-0.137-0.124c-0.009-0.076,0.046-0.144,0.122-0.152       l235.717-25.128c0.086-0.01,0.144,0.047,0.152,0.123c0.009,0.076-0.046,0.144-0.122,0.152l-235.717,25.128       C188.866,359.399,188.86,359.399,188.856,359.399z"/>
+				</g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M210.434,362.131c-0.07,0-0.13-0.052-0.137-0.123c-0.009-0.076,0.046-0.144,0.122-0.153       l225.884-25.128c0.079-0.004,0.145,0.046,0.152,0.123c0.009,0.076-0.046,0.144-0.122,0.153L210.449,362.13       C210.444,362.131,210.44,362.131,210.434,362.131z"/>
+				</g>
+			</g>
+			<g style="opacity:0.34;">
+				<polygon style="fill:#FFF3EA;" points="101.68,130.234 385.697,315.104 101.68,343.911     "/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<path style="fill:#FFB289;" d="M498.07,94.169c0,8.494-1.369,16.668-3.915,24.327c-4.129,12.41-11.318,23.407-20.668,32.115      c-0.021,0-0.021,0-0.021,0c-13.757,12.816-32.201,20.647-52.462,20.647c-20.133,0-38.448-7.702-52.184-20.347      c-0.021,0-0.021,0-0.021,0c-8.901-8.216-15.876-18.507-20.133-30.082c-3.081-8.301-4.75-17.288-4.75-26.659      c0-42.556,34.511-77.067,77.089-77.067C463.559,17.101,498.07,51.613,498.07,94.169z"/>
+			</g>
+			<g>
+				<g>
+					<g>
+						<path style="fill:#512651;" d="M389.369,102.673c0,4.073-3.302,7.375-7.375,7.375c-4.073,0-7.375-3.302-7.375-7.375        c0-4.073,3.302-7.375,7.375-7.375C386.067,95.298,389.369,98.6,389.369,102.673z"/>
+					</g>
+					<g>
+						<circle style="fill:#512651;" cx="459.993" cy="102.673" r="7.375"/>
+					</g>
+				</g>
+				<g>
+					<path style="fill:#512651;" d="M421.383,127.917c-0.762,0-1.524-0.032-2.285-0.096c-6.603-0.559-15.707-4.552-19.512-10.267       c-0.143-0.214-0.085-0.504,0.13-0.647c0.212-0.141,0.504-0.085,0.646,0.13c3.65,5.48,12.432,9.314,18.815,9.855       c9.687,0.821,19.98-4.125,24.448-11.759c0.131-0.223,0.414-0.297,0.638-0.167c0.223,0.13,0.297,0.416,0.167,0.638       C440.066,123.059,430.821,127.917,421.383,127.917z"/>
+				</g>
+			</g>
+			<g>
+				<path style="fill:#FF8C9D;" d="M387.176,130.542c0,10.591-8.066,19.299-18.358,20.369c-0.021,0-0.021,0-0.021,0      c-8.901-8.216-15.876-18.507-20.133-30.082c3.444-6.419,10.249-10.784,18.037-10.784      C377.997,110.044,387.176,119.223,387.176,130.542z"/>
+			</g>
+			<g>
+				<path style="fill:#FF8C9D;" d="M494.154,118.496c-4.129,12.41-11.318,23.407-20.668,32.115c-0.021,0-0.021,0-0.021,0      c-9.35-1.926-16.368-10.184-16.368-20.069c0-11.318,9.179-20.497,20.497-20.497      C484.398,110.044,490.432,113.361,494.154,118.496z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<path style="fill:#512651;" d="M195.637,91.222c-0.085,0-0.169-0.039-0.224-0.113c-0.09-0.123-0.064-0.296,0.059-0.387       c1.151-0.845,2.252-1.757,3.271-2.708c0.115-0.104,0.288-0.098,0.391,0.013c0.105,0.112,0.098,0.287-0.013,0.392       c-1.036,0.966-2.153,1.892-3.321,2.749C195.751,91.204,195.694,91.222,195.637,91.222z"/>
+				</g>
+				<g>
+					<path style="fill:#512651;" d="M111.382,349.947h-0.011c-0.553-0.034-1.129-0.078-1.693-0.133c-0.011,0-0.011,0-0.011,0       c-0.144-0.022-0.243-0.133-0.243-0.276c0-0.011,0-0.022,0-0.033c0.011-0.144,0.155-0.254,0.298-0.244l0.011,0.034v-0.034       c0.532,0.055,1.074,0.089,1.671,0.133c0.144,0.011,0.265,0.133,0.254,0.287C111.648,349.825,111.525,349.947,111.382,349.947z        M105.308,349.161c-0.011,0-0.032,0-0.055,0c-1.438-0.288-2.887-0.653-4.326-1.084c-0.121-0.044-0.199-0.144-0.199-0.266       c0-0.033,0-0.055,0.011-0.089c0.044-0.144,0.2-0.221,0.344-0.177c1.438,0.431,2.876,0.785,4.282,1.062       c0.154,0.033,0.243,0.177,0.22,0.332C105.552,349.073,105.441,349.161,105.308,349.161z M96.823,346.617       c-0.044,0-0.077-0.011-0.11-0.022c-1.349-0.542-2.711-1.161-4.06-1.847c-0.011,0-0.011,0-0.011-0.011       c-0.089-0.044-0.145-0.144-0.145-0.244c0-0.033,0.012-0.077,0.034-0.122c0.067-0.121,0.232-0.188,0.365-0.121       c1.305,0.663,2.656,1.272,4.027,1.825c0.145,0.055,0.211,0.221,0.156,0.365C97.033,346.55,96.934,346.617,96.823,346.617z        M88.901,342.612c-0.055,0-0.099-0.011-0.144-0.044c-1.25-0.763-2.5-1.593-3.716-2.478c-0.067-0.044-0.111-0.133-0.111-0.221       c0-0.056,0.012-0.111,0.055-0.166c0.078-0.122,0.266-0.144,0.388-0.055c1.184,0.863,2.422,1.682,3.673,2.456       c0.066,0.033,0.11,0.099,0.121,0.166c0.023,0.077,0,0.155-0.034,0.21C89.079,342.568,88.99,342.612,88.901,342.612z        M81.711,337.402c-0.066,0-0.121-0.022-0.176-0.066c-1.106-0.93-2.213-1.947-3.297-2.998c-0.055-0.056-0.078-0.122-0.089-0.199       c0-0.077,0.034-0.144,0.089-0.199c0.099-0.099,0.287-0.111,0.387,0c1.063,1.04,2.157,2.036,3.264,2.976       c0.122,0.1,0.133,0.277,0.034,0.387C81.866,337.368,81.788,337.402,81.711,337.402z M75.372,331.184       c-0.078,0-0.154-0.034-0.199-0.089c-0.974-1.106-1.925-2.257-2.833-3.44c-0.044-0.056-0.055-0.111-0.055-0.166       c0-0.088,0.034-0.177,0.11-0.221c0.111-0.099,0.299-0.066,0.388,0.044c0.874,1.161,1.825,2.312,2.798,3.418       c0.101,0.111,0.089,0.288-0.022,0.387C75.505,331.162,75.438,331.184,75.372,331.184z M69.995,324.137       c-0.089,0-0.177-0.055-0.232-0.133c-0.41-0.63-0.83-1.294-1.227-1.958c-0.344-0.575-0.698-1.184-1.074-1.848c0,0,0,0,0-0.011       c-0.022-0.034-0.032-0.078-0.032-0.122c0-0.11,0.044-0.199,0.132-0.254c0.133-0.066,0.31-0.022,0.388,0.111       c0.365,0.664,0.718,1.272,1.062,1.847c0.399,0.653,0.796,1.294,1.216,1.936c0.044,0.066,0.056,0.133,0.044,0.21       c-0.022,0.066-0.066,0.133-0.121,0.177C70.106,324.115,70.05,324.137,69.995,324.137z M65.658,316.393       c-0.11,0-0.209-0.055-0.254-0.155c-0.642-1.339-1.25-2.71-1.803-4.071l-0.012-0.011c0-0.033-0.011-0.066-0.011-0.099       c0-0.111,0.067-0.21,0.166-0.254c0.144-0.056,0.298,0.011,0.365,0.144c0,0.011,0,0.011,0,0.011       c0.011,0.011,0.011,0.022,0.011,0.033c0.564,1.361,1.161,2.711,1.792,4.005c0.066,0.144,0,0.31-0.133,0.376       C65.736,316.393,65.703,316.393,65.658,316.393z M62.284,308.184c-0.11,0-0.222-0.078-0.255-0.188       c-0.475-1.35-0.929-2.788-1.349-4.249c-0.011-0.022-0.011-0.055-0.011-0.077c0-0.121,0.089-0.221,0.199-0.266       c0.144-0.033,0.299,0.044,0.343,0.189l0,0c0.011,0.011,0.011,0.022,0.011,0.022c0.41,1.416,0.851,2.832,1.328,4.204       c0.044,0.144-0.033,0.299-0.166,0.354C62.35,308.184,62.318,308.184,62.284,308.184z M59.829,299.655       c-0.133,0-0.244-0.089-0.277-0.21c-0.321-1.394-0.631-2.854-0.918-4.359c0-0.022,0-0.033,0-0.056       c0-0.133,0.089-0.243,0.222-0.265c0.154-0.034,0.298,0.077,0.321,0.221c0.277,1.471,0.586,2.921,0.917,4.326       c0.023,0.077,0,0.155-0.032,0.21c-0.044,0.066-0.099,0.111-0.177,0.133C59.861,299.655,59.85,299.655,59.829,299.655z        M58.18,290.926c-0.133,0-0.255-0.099-0.277-0.232c-0.211-1.46-0.387-2.954-0.542-4.425c0,0,0-0.011,0-0.022       c0-0.144,0.111-0.266,0.255-0.277s0.277,0.099,0.298,0.244c0.156,1.515,0.344,2.998,0.542,4.403       c0.022,0.144-0.078,0.287-0.232,0.309C58.202,290.926,58.191,290.926,58.18,290.926z M57.284,282.097h-0.012       c-0.154,0-0.277-0.111-0.287-0.254c-0.099-1.494-0.166-2.987-0.211-4.447v-0.011c0-0.155,0.122-0.277,0.266-0.277h0.011       c0.145,0,0.266,0.122,0.277,0.265c0.044,1.527,0.122,3.009,0.211,4.425C57.549,281.954,57.439,282.087,57.284,282.097       L57.284,282.097z M56.985,273.225c-0.154,0-0.287-0.122-0.287-0.277c0.011-1.438,0.034-2.943,0.077-4.447       c0-0.155,0.122-0.265,0.276-0.265h0.012c0.144,0,0.265,0.122,0.265,0.277c-0.043,1.571-0.066,3.02-0.066,4.436       C57.262,273.103,57.129,273.225,56.985,273.225z M57.251,264.352c0,0-0.011-0.011-0.023-0.011       c-0.066,0-0.133-0.034-0.188-0.089c-0.044-0.056-0.077-0.122-0.066-0.199c0.089-1.571,0.21-3.02,0.342-4.436       c0.011-0.155,0.144-0.266,0.299-0.254c0.144,0.022,0.254,0.132,0.254,0.277c0,0.011,0,0.022,0,0.033       c-0.144,1.405-0.254,2.899-0.342,4.414C57.517,264.231,57.395,264.352,57.251,264.352z M58.102,255.513       c-0.011,0-0.022,0-0.032-0.011c-0.078-0.011-0.145-0.044-0.189-0.099c-0.043-0.066-0.055-0.133-0.055-0.21       c0.211-1.483,0.454-2.965,0.73-4.392c0.023-0.144,0.177-0.254,0.321-0.222c0.133,0.022,0.232,0.133,0.232,0.266       c0,0.022,0,0.044-0.011,0.055c0,0.011,0,0.011,0,0.022c-0.266,1.372-0.509,2.844-0.72,4.348       C58.357,255.413,58.246,255.513,58.102,255.513z M59.795,246.795c-0.022,0-0.044,0-0.066-0.011       c-0.078-0.011-0.133-0.067-0.177-0.133c-0.034-0.055-0.044-0.133-0.023-0.199c0.388-1.527,0.797-2.932,1.25-4.281       c0.044-0.144,0.211-0.221,0.344-0.177c0.121,0.044,0.199,0.144,0.199,0.266c0,0.022-0.011,0.055-0.011,0.077       c0,0,0,0-0.011,0.011c0,0.011,0,0.022-0.012,0.033c-0.453,1.372-0.862,2.799-1.227,4.204       C60.038,246.707,59.917,246.795,59.795,246.795z M62.594,238.377c-0.033,0-0.067-0.011-0.099-0.022       c-0.078-0.033-0.133-0.077-0.155-0.155c-0.034-0.066-0.022-0.144,0-0.21c0.078-0.177,0.155-0.354,0.232-0.531       c0.521-1.195,1.085-2.378,1.682-3.496c0.066-0.133,0.232-0.189,0.365-0.122c0.089,0.044,0.155,0.144,0.155,0.244       c0,0.044-0.011,0.089-0.034,0.133c-0.597,1.128-1.151,2.29-1.659,3.463c-0.055,0.111-0.099,0.232-0.154,0.343l-0.078,0.188       C62.804,238.31,62.705,238.377,62.594,238.377z M87.829,237.503c-0.011,0-0.022,0-0.022,0       c-1.494-0.133-2.966-0.442-4.404-0.918c-0.11-0.044-0.188-0.144-0.188-0.265c0-0.033,0-0.066,0.011-0.089       c0.044-0.133,0.211-0.221,0.354-0.177c1.394,0.465,2.832,0.763,4.271,0.896c0.155,0.022,0.265,0.155,0.254,0.31       C88.094,237.392,87.972,237.503,87.829,237.503z M92.254,237.381c-0.133,0-0.254-0.099-0.277-0.232c0-0.011,0-0.022,0-0.033       v-0.011c0-0.133,0.099-0.254,0.232-0.277c1.482-0.232,2.877-0.675,4.149-1.294c0.133-0.066,0.299-0.011,0.365,0.132       c0.067,0.133,0.011,0.299-0.122,0.365c-1.327,0.642-2.766,1.096-4.303,1.339C92.287,237.381,92.265,237.381,92.254,237.381z        M79.454,234.77c-0.043,0-0.099-0.022-0.144-0.044c-1.25-0.719-2.477-1.593-3.661-2.567c-0.067-0.055-0.099-0.132-0.099-0.221       c0-0.056,0.022-0.122,0.055-0.166c0.099-0.121,0.287-0.132,0.399-0.044c1.151,0.962,2.367,1.814,3.584,2.522       c0.067,0.033,0.111,0.099,0.133,0.166c0.023,0.078,0.011,0.144-0.022,0.21C79.643,234.715,79.554,234.77,79.454,234.77z        M100.042,233.453c-0.066,0-0.133-0.033-0.188-0.077s-0.089-0.121-0.089-0.188c0-0.077,0.023-0.144,0.078-0.199       c0.973-1.04,1.77-2.257,2.367-3.618c0.055-0.144,0.221-0.21,0.365-0.144c0.067,0.022,0.11,0.077,0.144,0.144       c0.023,0.078,0.023,0.144-0.011,0.21c-0.608,1.416-1.438,2.689-2.467,3.784C100.186,233.42,100.12,233.453,100.042,233.453z        M66.754,230.544c-0.055,0-0.11-0.022-0.155-0.044c-0.067-0.044-0.111-0.111-0.122-0.177c-0.011-0.078,0-0.155,0.044-0.211       c0.83-1.261,1.715-2.478,2.633-3.606c0.089-0.121,0.277-0.133,0.387-0.044c0.067,0.055,0.1,0.133,0.1,0.21       c0,0.066-0.023,0.133-0.056,0.177c-0.929,1.139-1.803,2.334-2.599,3.562C66.931,230.5,66.842,230.544,66.754,230.544z        M72.606,229.161c-0.078,0-0.144-0.033-0.199-0.089c-0.963-1.029-1.925-2.179-2.866-3.429c-0.032-0.044-0.055-0.1-0.055-0.166       c0-0.088,0.044-0.166,0.111-0.221c0.11-0.089,0.298-0.066,0.387,0.055c0.929,1.228,1.881,2.368,2.821,3.385       c0.055,0.055,0.078,0.122,0.078,0.199c0,0.077-0.034,0.144-0.089,0.199C72.739,229.139,72.672,229.161,72.606,229.161z        M103.472,225.455h-0.012c-0.144-0.011-0.265-0.132-0.265-0.277v-0.011c0.011-0.188,0.022-0.354,0.022-0.52       c0-1.317-0.243-2.567-0.72-3.706c-0.022-0.066-0.022-0.144,0-0.211c0.034-0.066,0.089-0.121,0.156-0.154       c0.133-0.056,0.298,0.011,0.365,0.154c0.497,1.206,0.752,2.523,0.752,3.916c0,0.188-0.011,0.365-0.022,0.542       C103.749,225.345,103.627,225.455,103.472,225.455z M72.34,223.663c-0.078,0-0.144-0.033-0.199-0.089       c-0.111-0.1-0.099-0.277,0-0.387c1.062-1.051,2.19-2.047,3.352-2.965c0.121-0.088,0.298-0.067,0.387,0.056       c0.044,0.044,0.055,0.099,0.066,0.166c0,0.089-0.044,0.166-0.11,0.222c-1.14,0.885-2.246,1.87-3.297,2.909       C72.484,223.629,72.418,223.663,72.34,223.663z M67.218,222.114c-0.089,0-0.177-0.044-0.232-0.122       c-0.785-1.228-1.549-2.511-2.279-3.816c0-0.011,0-0.011,0-0.011c-0.023-0.044-0.034-0.089-0.034-0.133       c-0.011-0.099,0.044-0.199,0.133-0.243c0.133-0.078,0.309-0.022,0.387,0.111c0.697,1.272,1.461,2.544,2.257,3.794       c0.089,0.122,0.044,0.299-0.078,0.377C67.329,222.103,67.274,222.114,67.218,222.114z M79.333,218.22       c-0.099,0-0.188-0.055-0.243-0.132c-0.033-0.066-0.044-0.144-0.033-0.21c0.022-0.078,0.066-0.133,0.133-0.177       c1.106-0.653,2.245-1.239,3.408-1.748c0.188-0.089,0.387-0.166,0.586-0.254l0,0c0.144-0.055,0.31,0.011,0.365,0.155       c0.012,0.033,0.023,0.066,0.023,0.099c0,0.111-0.067,0.21-0.166,0.254l0,0c-0.011,0.011-0.022,0.011-0.034,0.011       c-0.188,0.077-0.364,0.155-0.553,0.232c-1.139,0.509-2.268,1.084-3.351,1.726C79.421,218.209,79.377,218.22,79.333,218.22z        M100.175,217.545c-0.066,0-0.122-0.022-0.177-0.066c-1.039-0.907-2.301-1.615-3.75-2.102       c-0.078-0.022-0.133-0.066-0.166-0.133c-0.034-0.066-0.034-0.144-0.011-0.21c0.044-0.144,0.199-0.221,0.342-0.177       c1.516,0.509,2.854,1.25,3.95,2.201c0.055,0.055,0.089,0.122,0.089,0.199c0.011,0.077-0.022,0.144-0.066,0.188       C100.33,217.512,100.264,217.545,100.175,217.545z M87.552,214.989c-0.133,0-0.254-0.099-0.277-0.221       c-0.011-0.078,0-0.144,0.044-0.21c0.044-0.066,0.099-0.1,0.177-0.122c1.294-0.232,2.578-0.354,3.817-0.354       c0.21,0,0.442,0,0.663,0.011c0.144,0,0.266,0.122,0.266,0.277v0.011c0,0.155-0.122,0.265-0.277,0.265h-0.011       c-0.255-0.011-0.454-0.011-0.642-0.011c-1.218,0-2.468,0.122-3.718,0.343C87.586,214.989,87.563,214.989,87.552,214.989z        M62.948,214.348c-0.11,0-0.21-0.066-0.254-0.166c-0.62-1.339-1.206-2.721-1.737-4.104c-0.011-0.033-0.022-0.066-0.022-0.099       c0-0.111,0.077-0.221,0.177-0.254c0.144-0.056,0.309,0.022,0.364,0.155c0.532,1.383,1.106,2.754,1.716,4.071       c0.066,0.133,0.011,0.299-0.133,0.365C63.026,214.337,62.981,214.348,62.948,214.348z M59.762,206.062       c-0.121,0-0.232-0.077-0.265-0.199c-0.432-1.394-0.83-2.843-1.184-4.292c-0.011-0.022-0.011-0.044-0.011-0.066       c0-0.133,0.089-0.243,0.21-0.265c0.156-0.034,0.299,0.055,0.332,0.199c0.354,1.439,0.753,2.876,1.184,4.271       c0.044,0.144-0.034,0.299-0.188,0.343C59.817,206.062,59.784,206.062,59.762,206.062z M57.671,197.433       c-0.133,0-0.255-0.089-0.277-0.221c-0.255-1.438-0.465-2.921-0.642-4.403c0-0.011,0-0.011,0-0.011c0-0.011,0-0.022,0-0.033       c-0.011-0.144,0.099-0.254,0.243-0.277c0.156-0.011,0.289,0.099,0.31,0.244c0.166,1.515,0.387,2.987,0.642,4.381       c0.022,0.144-0.078,0.287-0.232,0.321C57.705,197.433,57.682,197.433,57.671,197.433z M56.643,188.615       c-0.145,0-0.266-0.111-0.266-0.266c-0.089-1.438-0.122-2.876-0.122-4.27v-0.177c0-0.011,0-0.011,0-0.022       c0.011-0.144,0.133-0.254,0.277-0.254s0.266,0.121,0.277,0.265v0.011c0,0.011,0,0.022,0,0.033v0.144       c0,1.416,0.034,2.843,0.111,4.248c0.011,0.077-0.012,0.144-0.067,0.199c-0.044,0.056-0.121,0.089-0.188,0.089       C56.664,188.615,56.654,188.615,56.643,188.615z M56.664,179.743h-0.011c-0.156-0.011-0.266-0.144-0.266-0.299       c0.099-1.494,0.232-2.987,0.399-4.436l0,0c0.022-0.155,0.144-0.254,0.309-0.244c0.145,0.022,0.244,0.144,0.244,0.277v0.033       c-0.177,1.471-0.31,2.954-0.399,4.404C56.93,179.632,56.808,179.743,56.664,179.743z M57.705,170.925c-0.023,0-0.034,0-0.056,0       c-0.144-0.033-0.243-0.177-0.22-0.32c0.254-1.461,0.564-2.932,0.896-4.37c0.034-0.144,0.199-0.232,0.332-0.21       c0.122,0.033,0.211,0.144,0.222,0.265c0,0.022-0.011,0.044-0.011,0.078c-0.332,1.427-0.631,2.887-0.885,4.325       C57.948,170.826,57.838,170.925,57.705,170.925z M59.729,162.286c-0.023,0-0.044,0-0.078-0.011       c-0.144-0.044-0.222-0.199-0.177-0.343c0.399-1.372,0.863-2.799,1.383-4.237c0.044-0.144,0.211-0.21,0.354-0.166       c0.11,0.044,0.177,0.144,0.177,0.255c0,0.034,0,0.066-0.012,0.1c-0.497,1.394-0.963,2.799-1.371,4.204       C59.962,162.208,59.85,162.286,59.729,162.286z M62.749,153.933c-0.044,0-0.078,0-0.11-0.022       c-0.144-0.055-0.211-0.221-0.144-0.365c0.586-1.372,1.216-2.721,1.869-4.038l0.011-0.011c0.067-0.122,0.232-0.177,0.365-0.111       c0.089,0.044,0.156,0.144,0.156,0.255c-0.012,0.044-0.012,0.077-0.034,0.111c-0.663,1.339-1.294,2.688-1.858,4.016       C62.96,153.866,62.859,153.933,62.749,153.933z M66.72,146.001c-0.044,0-0.099-0.011-0.133-0.033       c-0.133-0.078-0.176-0.255-0.099-0.387c0.067-0.121,0.133-0.244,0.211-0.365c0.686-1.161,1.404-2.312,2.135-3.418       c0.078-0.122,0.255-0.155,0.376-0.078c0.078,0.056,0.133,0.133,0.133,0.232c0,0.056-0.022,0.111-0.044,0.155       c-0.73,1.095-1.449,2.246-2.124,3.396c-0.034,0.056-0.066,0.122-0.099,0.177c-0.044,0.067-0.078,0.122-0.11,0.188       C66.908,145.946,66.82,146.001,66.72,146.001z M71.61,138.588c-0.066,0-0.121-0.011-0.165-0.044       c-0.122-0.1-0.144-0.266-0.055-0.387c0.862-1.173,1.791-2.357,2.754-3.507c0.099-0.111,0.277-0.133,0.388-0.034       c0.066,0.056,0.099,0.133,0.099,0.21c0,0.066-0.023,0.122-0.055,0.166c0,0.011,0,0.011,0,0.011       c-0.012,0.011-0.023,0.022-0.023,0.022c-0.929,1.117-1.847,2.279-2.721,3.452C71.777,138.555,71.699,138.588,71.61,138.588z        M77.285,131.774c-0.066,0-0.132-0.033-0.188-0.078c-0.055-0.044-0.089-0.122-0.089-0.188c0-0.077,0.023-0.144,0.078-0.199       c1.007-1.084,2.047-2.158,3.109-3.186c0.11-0.099,0.287-0.099,0.398,0.011c0.044,0.044,0.078,0.122,0.078,0.188       c0,0.077-0.034,0.144-0.089,0.199c-1.051,1.018-2.091,2.09-3.097,3.164C77.441,131.74,77.363,131.774,77.285,131.774z        M83.658,125.589c-0.078,0-0.156-0.033-0.211-0.088c-0.099-0.122-0.089-0.299,0.023-0.399c1.117-0.962,2.268-1.925,3.429-2.843       c0.122-0.099,0.298-0.077,0.387,0.044c0.044,0.055,0.056,0.111,0.056,0.177c0,0.077-0.034,0.155-0.1,0.21       c-1.161,0.918-2.3,1.87-3.396,2.832C83.791,125.567,83.724,125.589,83.658,125.589z M90.617,120.08       c-0.089,0-0.166-0.044-0.221-0.11c-0.044-0.067-0.055-0.133-0.044-0.211c0.011-0.066,0.044-0.132,0.11-0.177       c1.161-0.83,2.401-1.671,3.684-2.5c0.133-0.077,0.299-0.033,0.388,0.089c0.022,0.044,0.044,0.099,0.044,0.155       c-0.012,0.089-0.056,0.177-0.133,0.221c-1.25,0.808-2.478,1.638-3.662,2.489C90.738,120.069,90.683,120.08,90.617,120.08z        M98.085,115.279c-0.1,0-0.188-0.055-0.244-0.133c-0.032-0.066-0.044-0.144-0.022-0.21c0.022-0.077,0.066-0.133,0.133-0.177       c1.271-0.73,2.589-1.449,3.904-2.135c0.133-0.066,0.31-0.011,0.377,0.121c0.011,0.034,0.022,0.078,0.022,0.133       c0,0.099-0.055,0.188-0.144,0.232c-1.328,0.697-2.644,1.416-3.883,2.135C98.184,115.268,98.14,115.279,98.085,115.279z        M105.972,111.197c-0.111,0-0.211-0.066-0.255-0.155c-0.055-0.144,0-0.31,0.144-0.376c1.339-0.608,2.711-1.206,4.083-1.759       c0.144-0.056,0.31,0.011,0.365,0.155c0.011,0.034,0.011,0.066,0.011,0.1c0,0.11-0.055,0.21-0.154,0.254       c-0.012,0-0.012,0-0.012,0c-0.011,0-0.022,0.011-0.032,0.011c-1.328,0.542-2.689,1.129-4.028,1.748       C106.049,111.185,106.017,111.197,105.972,111.197z M114.203,107.856c-0.121,0-0.22-0.066-0.265-0.177       c-0.023-0.077-0.023-0.144,0.011-0.21c0.033-0.066,0.089-0.122,0.154-0.144c1.406-0.498,2.821-0.963,4.237-1.394       c0.133-0.033,0.299,0.044,0.344,0.188c0.011,0.033,0.011,0.055,0.011,0.088c0,0.111-0.078,0.221-0.2,0.255       c-1.405,0.431-2.821,0.896-4.204,1.383C114.259,107.856,114.236,107.856,114.203,107.856z M122.7,105.289       c-0.133,0-0.244-0.089-0.277-0.21c-0.034-0.155,0.055-0.299,0.21-0.343c1.427-0.354,2.888-0.697,4.337-0.996h0.012       c0.155-0.022,0.287,0.078,0.309,0.222c0.011,0.022,0.011,0.033,0.011,0.055c0,0.133-0.088,0.244-0.22,0.277       c-1.45,0.288-2.899,0.631-4.315,0.985C122.744,105.278,122.721,105.289,122.7,105.289z M131.395,103.497       c-0.133,0-0.254-0.099-0.277-0.232c-0.011-0.066,0.012-0.144,0.044-0.199c0.044-0.066,0.111-0.099,0.188-0.111       c1.018-0.166,2.035-0.309,2.998-0.431c0.509-0.056,0.973-0.111,1.416-0.166c0.144-0.011,0.287,0.1,0.299,0.244       c0,0.011,0,0.022,0,0.033c0,0.144-0.1,0.254-0.244,0.277c-0.41,0.044-0.841,0.1-1.404,0.166       c-1.018,0.132-2.025,0.265-2.976,0.42C131.417,103.497,131.406,103.497,131.395,103.497z M140.212,102.501       c-0.145,0-0.266-0.111-0.277-0.266c-0.012-0.066,0.022-0.144,0.066-0.199c0.044-0.056,0.11-0.089,0.188-0.089       c1.372-0.111,2.821-0.199,4.436-0.288c0.156-0.011,0.288,0.1,0.299,0.254v0.022c0,0.144-0.122,0.266-0.266,0.277       c-1.615,0.089-3.064,0.177-4.425,0.288h-0.011H140.212z M149.084,102.003c-0.154,0-0.276-0.122-0.276-0.265       c-0.011-0.155,0.099-0.288,0.255-0.288c0.752-0.033,1.493-0.067,2.234-0.099c0.741-0.022,1.472-0.056,2.213-0.089l0,0       c0.155,0,0.277,0.121,0.287,0.265v0.022c-0.011,0.144-0.121,0.266-0.265,0.266c-0.542,0.022-1.074,0.044-1.604,0.066       C150.987,101.926,150.036,101.959,149.084,102.003L149.084,102.003z M157.968,101.616h-0.011c-0.156,0-0.277-0.111-0.288-0.265       c0-0.144,0.111-0.277,0.266-0.288c1.626-0.089,3.065-0.177,4.425-0.277c0.166,0,0.287,0.111,0.299,0.266v0.011       c0,0.144-0.111,0.266-0.255,0.277C160.922,101.45,159.428,101.539,157.968,101.616L157.968,101.616z M166.808,100.952       c-0.145,0-0.266-0.11-0.277-0.243c-0.012-0.155,0.099-0.288,0.243-0.31c0.42-0.044,0.83-0.088,1.272-0.144       c1.062-0.122,2.113-0.265,3.12-0.42c0.177-0.022,0.299,0.089,0.321,0.244c0,0.011,0,0.022,0,0.033       c0,0.144-0.099,0.254-0.232,0.277c-0.996,0.155-2.046,0.287-3.142,0.42c-0.475,0.056-0.863,0.1-1.273,0.144       C166.83,100.952,166.819,100.952,166.808,100.952z M175.581,99.603c-0.133,0-0.243-0.089-0.266-0.221       c-0.033-0.155,0.055-0.299,0.211-0.332c1.46-0.299,2.899-0.652,4.292-1.04c0.144-0.033,0.309,0.055,0.342,0.199       c0.011,0.022,0.011,0.044,0.011,0.066c0,0.133-0.077,0.244-0.199,0.276c-1.36,0.377-2.821,0.73-4.337,1.051       C175.614,99.603,175.602,99.603,175.581,99.603z M184.132,97.224c-0.121,0-0.22-0.078-0.265-0.188       c-0.056-0.144,0.022-0.299,0.165-0.354c1.406-0.509,2.777-1.062,4.093-1.67c0.133-0.056,0.298,0.011,0.365,0.144       c0.066,0.133,0,0.299-0.133,0.365c-1.294,0.586-2.688,1.161-4.138,1.682C184.188,97.213,184.165,97.224,184.132,97.224z"/>
+				</g>
+				<g>
+					<path style="fill:#512651;" d="M113.833,350.013c-0.822,0-1.646-0.024-2.464-0.071c-0.152-0.009-0.269-0.14-0.26-0.293       c0.009-0.152,0.143-0.26,0.293-0.26c1.412,0.082,2.84,0.092,4.251,0.031c0.145-0.003,0.281,0.111,0.288,0.265       c0.007,0.152-0.111,0.282-0.265,0.288C115.065,350,114.449,350.013,113.833,350.013z"/>
+				</g>
+			</g>
+			<g>
+				<g>
+					<polygon style="fill:#FFA9DD;" points="159.539,47.794 200.328,69.281 193.044,92.588 211.618,86.033 215.624,116.26        281.177,41.603      "/>
+				</g>
+				<g>
+					<path style="fill:#512651;" d="M211.617,86.31c-0.091,0-0.18-0.045-0.233-0.128c-0.082-0.129-0.044-0.3,0.084-0.382       l67.613-43.187l-78.664,26.93c-0.14,0.051-0.302-0.027-0.351-0.172c-0.05-0.145,0.027-0.302,0.172-0.352l80.85-27.678       c0.131-0.044,0.278,0.015,0.339,0.142c0.06,0.126,0.017,0.278-0.1,0.354l-69.56,44.43       C211.72,86.296,211.668,86.31,211.617,86.31z"/>
+				</g>
+			</g>
+		</g>
+		<g>
+			<g>
+				<polygon style="fill:#FFB289;" points="45.955,296.191 53.103,251.26 66.889,292.107 104.672,291.085 75.569,312.019       83.738,345.718 58.719,321.721 39.828,352.866 43.402,316.104 11.745,307.935     "/>
+			</g>
+			<g>
+				<polygon style="fill:#FFB289;" points="437.007,241.693 470.961,211.409 455.806,251.768 485.719,274.873 449.936,272.682       434.952,303.952 430.749,269.541 396.417,281.719 422.436,255.503 403.081,229.154     "/>
+			</g>
+			<g>
+				<polygon style="fill:#FFB289;" points="88.8,78.637 85.11,36.551 106.737,70.238 140.542,60.801 119.045,86.219 134,114.734       106.054,98.756 96.057,131.072 90.989,97.15 60.631,96.927     "/>
+			</g>
+		</g>
+	</g>
+</g>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</svg>
diff --git a/public_html/raven-demo/images/illustrations/multi.svg b/public_html/raven-demo/images/illustrations/multi.svg
new file mode 100644
index 0000000..e2850d1
--- /dev/null
+++ b/public_html/raven-demo/images/illustrations/multi.svg
@@ -0,0 +1,612 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="844px" height="599px" viewBox="0 0 844 599" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.1 (55044) - http://www.bohemiancoding.com/sketch -->
+    <title>Process</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="0.776 0.446 91.551 0.446 91.551 10.592 0.776 10.592"></polygon>
+        <path d="M466.235,268.554 L0.473,268.554 L0.473,22.728 C0.473,10.522 10.367,0.627 22.574,0.627 L444.135,0.627 C456.341,0.627 466.235,10.522 466.235,22.728 L466.235,268.554" id="path-3"></path>
+        <linearGradient x1="78.5137044%" y1="1.38567595%" x2="25.6910182%" y2="95.987937%" id="linearGradient-5">
+            <stop stop-color="#23BECD" offset="0%"></stop>
+            <stop stop-color="#50E797" offset="100%"></stop>
+        </linearGradient>
+        <path d="M47.268,263.398 L0.945,263.398 L0.945,0.369 L43.624,0.369 C45.637,0.369 47.268,2.001 47.268,4.013 L47.268,263.398" id="path-6"></path>
+        <linearGradient x1="0%" y1="49.9998099%" x2="99.9997841%" y2="49.9998099%" id="linearGradient-8">
+            <stop stop-color="#29B9B4" offset="0%"></stop>
+            <stop stop-color="#21B8BC" offset="100%"></stop>
+        </linearGradient>
+        <path d="M318.109,0.627 L22.574,0.627 C10.367,0.627 0.473,10.522 0.473,22.728 L0.473,223.432 L318.109,0.627" id="path-9"></path>
+        <path d="M41.771,4.273 C41.818,3.049 41.815,1.836 41.795,0.627 L22.574,0.627 C10.367,0.627 0.473,10.522 0.473,22.728 L0.473,66.374 C24.035,55.245 40.732,31.636 41.771,4.273" id="path-11"></path>
+        <linearGradient x1="95.1452229%" y1="-4.94775427%" x2="-28.7852462%" y2="92.5319786%" id="linearGradient-13">
+            <stop stop-color="#50D6B5" offset="0%"></stop>
+            <stop stop-color="#49D4AC" offset="100%"></stop>
+        </linearGradient>
+        <path d="M466.235,0.554 L0.473,0.554 L0.473,54.656 C0.473,61.327 5.881,66.736 12.553,66.736 L445.047,66.736 C456.749,66.736 466.235,57.249 466.235,45.547 L466.235,0.554" id="path-14"></path>
+        <linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="linearGradient-16">
+            <stop stop-color="#9DA7B3" offset="0%"></stop>
+            <stop stop-color="#EAEBED" offset="100%"></stop>
+        </linearGradient>
+        <path d="M59.434,160.553 L59.434,15.583 C59.434,7.341 52.752,0.659 44.51,0.659 L0.086,0.659 L0.086,160.553 L59.434,160.553" id="path-17"></path>
+        <linearGradient x1="50%" y1="0.783644164%" x2="50%" y2="107.249178%" id="linearGradient-19">
+            <stop stop-color="#29B9B4" offset="0%"></stop>
+            <stop stop-color="#29B9B4" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.945,0.553 L0.945,37.976 C0.945,40.97 3.373,43.398 6.368,43.398 L41.94,43.398 C44.883,43.398 47.268,41.013 47.268,38.071 L47.268,0.553 L0.945,0.553" id="path-20"></path>
+        <linearGradient x1="7.95069404%" y1="15.229315%" x2="199.183343%" y2="159.591551%" id="linearGradient-22">
+            <stop stop-color="#9DA7B3" offset="0%"></stop>
+            <stop stop-color="#EAEBED" offset="100%"></stop>
+        </linearGradient>
+        <path d="M34.135,0.625 L18,0.625 C7.555,9.107 0.878,22.045 0.878,36.548 C0.878,62.096 21.589,82.807 47.137,82.807 C50.252,82.807 53.293,82.495 56.235,81.907 L56.235,22.726 C56.235,10.52 46.341,0.625 34.135,0.625" id="path-23"></path>
+        <path d="M300.254,200.784 L268.773,0.134 L15.377,0.134 C7.186,0.134 0.546,6.774 0.546,14.965 L0.546,302.203 C0.546,310.395 7.186,317.034 15.377,317.034 L253.489,317.034 C279.316,317.034 300.254,296.098 300.254,270.271 C300.254,244.443 300.254,200.784 300.254,200.784" id="path-25"></path>
+        <linearGradient x1="0%" y1="49.9999684%" x2="99.9996663%" y2="49.9999684%" id="linearGradient-27">
+            <stop stop-color="#46A1FF" offset="0%"></stop>
+            <stop stop-color="#572FF0" offset="100%"></stop>
+        </linearGradient>
+        <path d="M81.247,9.605 L60.951,9.605 C58.5,9.605 56.513,7.618 56.513,5.167 C56.513,2.716 58.5,0.729 60.951,0.729 L81.247,0.729 C83.698,0.729 85.684,2.716 85.684,5.167 C85.684,7.618 83.698,9.605 81.247,9.605 Z M126.913,9.605 L106.616,9.605 C104.166,9.605 102.179,7.618 102.179,5.167 C102.179,2.716 104.166,0.729 106.616,0.729 L126.913,0.729 C129.364,0.729 131.351,2.716 131.351,5.167 C131.351,7.618 129.364,9.605 126.913,9.605 Z M172.578,9.605 L152.283,9.605 C149.832,9.605 147.845,7.618 147.845,5.167 C147.845,2.716 149.832,0.729 152.283,0.729 L172.578,0.729 C175.03,0.729 177.016,2.716 177.016,5.167 C177.016,7.618 175.03,9.605 172.578,9.605 Z M218.244,9.605 L197.949,9.605 C195.497,9.605 193.511,7.618 193.511,5.167 C193.511,2.716 195.497,0.729 197.949,0.729 L218.244,0.729 C220.696,0.729 222.682,2.716 222.682,5.167 C222.682,7.618 220.696,9.605 218.244,9.605 Z M15.285,9.715 C13.095,9.715 11.189,8.094 10.892,5.863 C10.568,3.433 12.275,1.201 14.704,0.878 C15.444,0.78 16.2,0.729 16.951,0.729 L35.581,0.729 C38.032,0.729 40.019,2.716 40.019,5.167 C40.019,7.618 38.032,9.605 35.581,9.605 L16.951,9.605 C16.59,9.605 16.229,9.628 15.877,9.676 C15.679,9.702 15.48,9.715 15.285,9.715 Z M4.512,49.829 C2.061,49.829 0.075,47.843 0.075,45.391 L0.075,25.095 C0.075,22.644 2.061,20.657 4.512,20.657 C6.963,20.657 8.95,22.644 8.95,25.095 L8.95,45.391 C8.95,47.843 6.963,49.829 4.512,49.829 Z M4.512,95.495 C2.061,95.495 0.075,93.508 0.075,91.057 L0.075,70.761 C0.075,68.31 2.061,66.323 4.512,66.323 C6.963,66.323 8.95,68.31 8.95,70.761 L8.95,91.057 C8.95,93.508 6.963,95.495 4.512,95.495 Z M4.512,141.16 C2.061,141.16 0.075,139.172 0.075,136.722 L0.075,116.426 C0.075,113.976 2.061,111.989 4.512,111.989 C6.963,111.989 8.95,113.976 8.95,116.426 L8.95,136.722 C8.95,139.172 6.963,141.16 4.512,141.16 Z M4.512,186.826 C2.061,186.826 0.075,184.839 0.075,182.389 L0.075,162.092 C0.075,159.642 2.061,157.655 4.512,157.655 C6.963,157.655 8.95,159.642 8.95,162.092 L8.95,182.389 C8.95,184.839 6.963,186.826 4.512,186.826 Z M4.512,232.492 C2.061,232.492 0.075,230.505 0.075,228.055 L0.075,207.759 C0.075,205.309 2.061,203.322 4.512,203.322 C6.963,203.322 8.95,205.309 8.95,207.759 L8.95,228.055 C8.95,230.505 6.963,232.492 4.512,232.492 Z M254.073,247.946 C253.632,247.946 253.183,247.879 252.74,247.741 C250.402,247.004 249.103,244.513 249.838,242.175 C250.897,238.81 251.433,235.293 251.433,231.726 L251.433,223.385 C251.433,220.935 253.42,218.948 255.871,218.948 C258.323,218.948 260.309,220.935 260.309,223.385 L260.309,231.726 C260.309,236.199 259.635,240.609 258.305,244.837 C257.709,246.734 255.959,247.946 254.073,247.946 Z M12.703,274.643 C12.2,274.643 11.688,274.556 11.187,274.374 C4.54,271.958 0.075,265.581 0.075,258.508 L0.075,253.425 C0.075,250.974 2.061,248.987 4.512,248.987 C6.963,248.987 8.95,250.974 8.95,253.425 L8.95,258.508 C8.95,261.864 11.068,264.887 14.22,266.033 C16.524,266.87 17.712,269.416 16.875,271.721 C16.219,273.524 14.516,274.643 12.703,274.643 Z M220.635,275.185 C218.384,275.185 216.456,273.48 216.225,271.193 C215.979,268.755 217.756,266.578 220.195,266.332 C226.179,265.728 231.933,263.558 236.836,260.058 C238.83,258.635 241.601,259.097 243.026,261.09 C244.45,263.085 243.988,265.857 241.993,267.282 C235.835,271.679 228.606,274.404 221.086,275.163 C220.934,275.178 220.784,275.185 220.635,275.185 Z M58.282,275.385 L37.985,275.385 C35.534,275.385 33.547,273.397 33.547,270.947 C33.547,268.496 35.534,266.509 37.985,266.509 L58.282,266.509 C60.732,266.509 62.719,268.496 62.719,270.947 C62.719,273.397 60.732,275.385 58.282,275.385 Z M103.947,275.385 L83.651,275.385 C81.2,275.385 79.214,273.397 79.214,270.947 C79.214,268.496 81.2,266.509 83.651,266.509 L103.947,266.509 C106.398,266.509 108.385,268.496 108.385,270.947 C108.385,273.397 106.398,275.385 103.947,275.385 Z M149.613,275.385 L129.317,275.385 C126.866,275.385 124.879,273.397 124.879,270.947 C124.879,268.496 126.866,266.509 129.317,266.509 L149.613,266.509 C152.064,266.509 154.051,268.496 154.051,270.947 C154.051,273.397 152.064,275.385 149.613,275.385 Z M195.279,275.385 L174.983,275.385 C172.532,275.385 170.545,273.397 170.545,270.947 C170.545,268.496 172.532,266.509 174.983,266.509 L195.279,266.509 C197.729,266.509 199.716,268.496 199.716,270.947 C199.716,273.397 197.729,275.385 195.279,275.385 Z" id="path-28"></path>
+        <linearGradient x1="-0.000384269542%" y1="50%" x2="100%" y2="50%" id="linearGradient-30">
+            <stop stop-color="#B5D9FF" offset="0%"></stop>
+            <stop stop-color="#9980F6" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.489,0.369 L0.489,270.506 C26.316,270.506 47.254,291.443 47.254,317.271 L47.254,47.134 C47.254,21.306 26.316,0.369 0.489,0.369" id="path-31"></path>
+        <linearGradient x1="0%" y1="50%" x2="99.9991447%" y2="50%" id="linearGradient-33">
+            <stop stop-color="#398AFC" offset="0%"></stop>
+            <stop stop-color="#E4ABFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M13.071,263.421 L6.388,263.421 C3.313,263.421 0.819,260.928 0.819,257.853 L0.819,5.962 C0.819,2.886 3.313,0.392 6.388,0.392 L13.071,0.392 L13.071,263.421" id="path-34"></path>
+        <linearGradient x1="50%" y1="100.499185%" x2="50%" y2="-16.3088481%" id="linearGradient-36">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-37" points="0.096 0.801 22.142 0.801 22.142 6.962 0.096 6.962"></polygon>
+        <linearGradient x1="50%" y1="3854.39052%" x2="50%" y2="-572.829086%" id="linearGradient-39">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-40" points="0.61 0.727 13.142 0.727 13.142 6.888 0.61 6.888"></polygon>
+        <linearGradient x1="50%" y1="3595.89352%" x2="50%" y2="-831.326083%" id="linearGradient-42">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-43" points="0.096 0.653 22.142 0.653 22.142 6.814 0.096 6.814"></polygon>
+        <linearGradient x1="50%" y1="3337.39653%" x2="50%" y2="-1089.82308%" id="linearGradient-45">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-46" points="0.61 0.578 13.142 0.578 13.142 6.74 0.61 6.74"></polygon>
+        <linearGradient x1="50%" y1="3078.4161%" x2="50%" y2="-1348.08504%" id="linearGradient-48">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-49" points="0.096 0.504 22.142 0.504 22.142 6.665 0.096 6.665"></polygon>
+        <linearGradient x1="50%" y1="2820.35384%" x2="50%" y2="-1606.76838%" id="linearGradient-51">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-52" points="0.61 0.43 13.142 0.43 13.142 6.591 0.61 6.591"></polygon>
+        <linearGradient x1="50%" y1="2561.85684%" x2="50%" y2="-1865.26538%" id="linearGradient-54">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="2303.37608%" x2="50%" y2="-2123.74615%" id="linearGradient-55">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-56" points="0.61 0.281 13.142 0.281 13.142 6.442 0.61 6.442"></polygon>
+        <linearGradient x1="50%" y1="2044.89531%" x2="50%" y2="-2382.22691%" id="linearGradient-58">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="1786.39831%" x2="50%" y2="-2640.72391%" id="linearGradient-59">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-60" points="0.61 0.133 13.142 0.133 13.142 6.294 0.61 6.294"></polygon>
+        <linearGradient x1="50%" y1="1527.93378%" x2="50%" y2="-2899.28583%" id="linearGradient-62">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="1269.45301%" x2="50%" y2="-3157.7666%" id="linearGradient-63">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-64" points="0.61 0.984 13.142 0.984 13.142 7.145 0.61 7.145"></polygon>
+        <linearGradient x1="50%" y1="1010.95601%" x2="50%" y2="-3416.26359%" id="linearGradient-66">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="752.353132%" x2="50%" y2="-3674.148%" id="linearGradient-67">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-68" points="0.61 0.835 13.142 0.835 13.142 6.996 0.61 6.996"></polygon>
+        <linearGradient x1="50%" y1="493.962019%" x2="50%" y2="-3933.25759%" id="linearGradient-70">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="235.465022%" x2="50%" y2="-4191.75459%" id="linearGradient-71">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M29.756,0.356 L0.974,0.356 C2.445,5.065 4.658,9.443 7.461,13.372 L29.756,13.372 C33.35,13.372 36.263,10.458 36.263,6.864 C36.263,3.27 33.35,0.356 29.756,0.356" id="path-72"></path>
+        <linearGradient x1="68.6276177%" y1="3.36432084%" x2="-8.86253507%" y2="148.050092%" id="linearGradient-74">
+            <stop stop-color="#B8C0C8" offset="0%"></stop>
+            <stop stop-color="#EAEBED" offset="100%"></stop>
+        </linearGradient>
+        <path d="M152.634,40.978 L143.001,40.978 C140.746,40.978 138.919,42.806 138.919,45.061 C138.919,47.316 140.746,49.144 143.001,49.144 L152.634,49.144 C154.889,49.144 156.717,47.316 156.717,45.061 C156.717,42.806 154.889,40.978 152.634,40.978 Z M124.338,40.978 L112.674,40.978 C110.419,40.978 108.591,42.806 108.591,45.061 C108.591,47.316 110.419,49.144 112.674,49.144 L124.338,49.144 C126.593,49.144 128.421,47.316 128.421,45.061 C128.421,42.806 126.593,40.978 124.338,40.978 Z M16.637,40.978 L4.973,40.978 C2.718,40.978 0.89,42.806 0.89,45.061 C0.89,47.316 2.718,49.144 4.973,49.144 L16.637,49.144 C18.892,49.144 20.72,47.316 20.72,45.061 C20.72,42.806 18.892,40.978 16.637,40.978 Z M49.016,45.061 C49.016,42.806 47.189,40.978 44.934,40.978 L35.3,40.978 C33.046,40.978 31.218,42.806 31.218,45.061 C31.218,47.316 33.046,49.144 35.3,49.144 L44.934,49.144 C47.189,49.144 49.016,47.316 49.016,45.061 Z M79.18,22.97 C81.435,22.97 83.263,21.142 83.263,18.887 L83.263,4.921 C83.263,2.666 81.435,0.838 79.18,0.838 C76.926,0.838 75.098,2.666 75.098,4.921 L75.098,18.887 C75.098,21.142 76.926,22.97 79.18,22.97 Z M120.488,86.823 C115.928,91.382 110.74,95.08 105.128,97.867 L94.364,70.724 C93.533,68.628 91.162,67.602 89.064,68.434 C86.969,69.265 85.943,71.637 86.774,73.734 L97.575,100.973 C91.718,102.909 85.529,103.932 79.18,103.932 C72.862,103.932 66.696,102.923 60.788,100.962 L71.586,73.734 C72.417,71.637 71.391,69.265 69.296,68.434 C67.199,67.601 64.827,68.628 63.996,70.724 L51.688,101.763 C51.682,101.776 51.674,101.785 51.669,101.798 C51.663,101.814 51.661,101.83 51.655,101.846 L35.615,142.295 C34.783,144.391 35.809,146.764 37.906,147.596 C38.399,147.791 38.908,147.884 39.409,147.884 C41.034,147.884 42.57,146.908 43.205,145.305 L57.774,108.565 C64.645,110.9 71.824,112.097 79.18,112.097 C86.577,112.097 93.784,110.882 100.591,108.577 L115.155,145.305 C115.79,146.908 117.326,147.884 118.951,147.884 C119.451,147.884 119.961,147.79 120.454,147.596 C122.551,146.764 123.576,144.391 122.745,142.295 L108.15,105.49 C114.78,102.281 120.899,97.956 126.261,92.595 C127.856,91.001 127.856,88.415 126.262,86.823 C124.668,85.229 122.083,85.228 120.488,86.823 Z M79.18,34.492 C85.007,34.492 89.748,39.234 89.748,45.061 C89.748,50.888 85.007,55.629 79.18,55.629 C73.353,55.629 68.612,50.888 68.612,45.061 C68.612,39.234 73.353,34.492 79.18,34.492 Z M79.18,63.794 C89.51,63.794 97.913,55.39 97.913,45.061 C97.913,34.731 89.51,26.327 79.18,26.327 C68.851,26.327 60.447,34.731 60.447,45.061 C60.447,55.39 68.851,63.794 79.18,63.794 Z" id="path-75"></path>
+        <linearGradient x1="-10.7786199%" y1="50.9350815%" x2="137.074448%" y2="49.0614502%" id="linearGradient-77">
+            <stop stop-color="#B5D9FF" offset="0%"></stop>
+            <stop stop-color="#9980F6" offset="100%"></stop>
+        </linearGradient>
+        <path d="M63.943,11.044 L63.943,51.6 C63.943,58.252 58.551,63.643 51.9,63.643 L11.343,63.643 C4.671,63.643 -0.339,69.751 0.968,76.293 C6.999,106.488 34.204,129.041 66.445,127.816 C99.73,126.552 126.851,99.43 128.116,66.146 C129.34,33.905 106.786,6.7 76.592,0.669 C70.05,-0.638 63.943,4.372 63.943,11.044" id="path-78"></path>
+        <linearGradient x1="85.8712764%" y1="87.8090595%" x2="14.8511939%" y2="12.9961631%" id="linearGradient-80">
+            <stop stop-color="#39B8FC" offset="0%"></stop>
+            <stop stop-color="#E4ABFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M53.280802,0.711 L53.462822,0.711 C59.0818396,0.760942468 63.845,5.43136374 63.845,11.313 L63.845,55.088 C63.845,59.964 59.892,63.916 55.017,63.916 L11.241,63.916 C4.638,63.916 -0.439,57.911 0.837,51.432 C5.852,25.978 25.907,5.923 51.361,0.908 C52.0074853,0.780678625 52.6492512,0.716610107 53.280803,0.710999991 L53.280802,0.711 Z" id="path-81"></path>
+        <linearGradient x1="11.8054525%" y1="5.28269275%" x2="19.2985823%" y2="5.28269275%" id="linearGradient-83">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M94.235,45.547 L94.235,0.553 L72.309,0.553 C67.753,8.963 64.775,18.354 63.828,28.344 C60.633,27.779 57.349,27.467 53.992,27.467 C28.879,27.467 7.624,43.978 0.484,66.736 L73.047,66.736 C75.972,66.736 78.76,66.143 81.295,65.071 C88.899,61.854 94.235,54.324 94.235,45.547" id="path-84"></path>
+        <linearGradient x1="47.343495%" y1="96.817914%" x2="77.2525093%" y2="-16.8342324%" id="linearGradient-86">
+            <stop stop-color="#9FC5E2" offset="0%"></stop>
+            <stop stop-color="#A8CFEB" offset="100%"></stop>
+        </linearGradient>
+        <path d="M122.566,0.66 L0.546,0.66 L0.546,30.776 L21.187,30.776 C24.668,30.776 26.082,35.255 23.233,37.254 L0.546,53.167 L0.546,92.191 L124.102,5.523 C126.241,4.022 125.179,0.66 122.566,0.66" id="path-87"></path>
+        <linearGradient x1="-20.9327691%" y1="66.1830418%" x2="108.291775%" y2="-33.7226732%" id="linearGradient-89">
+            <stop stop-color="#348BFD" offset="0%"></stop>
+            <stop stop-color="#386AF9" offset="100%"></stop>
+        </linearGradient>
+        <path d="M115.654,37.911 L36.293,93.578 C33.881,95.271 30.561,93.544 30.561,90.598 L30.561,37.002 C30.561,33.847 33.119,31.289 36.274,31.289 L113.563,31.289 C117.121,31.289 118.567,35.868 115.654,37.911 Z M217.2,0.503 L7.701,0.503 C3.458,0.503 0.018,3.943 0.018,8.186 L0.018,153.659 C0.018,155.872 2.51,157.168 4.322,155.898 L218.769,5.474 C220.956,3.94 219.871,0.503 217.2,0.503 Z" id="path-90"></path>
+        <linearGradient x1="50.4414866%" y1="-2.60688316%" x2="41.2204131%" y2="120.091743%" id="linearGradient-92">
+            <stop stop-color="#FFE13E" offset="0%"></stop>
+            <stop stop-color="#FFAC45" offset="100%"></stop>
+        </linearGradient>
+        <path d="M164.076,12.238 L169.846,12.238 L169.846,0.503 L164.076,0.503 L164.076,12.238 Z M134.251,12.238 L140.02,12.238 L140.02,0.503 L134.251,0.503 L134.251,12.238 Z M149.164,21.147 L154.933,21.147 L154.933,0.503 L149.164,0.503 L149.164,21.147 Z M104.425,12.238 L110.194,12.238 L110.194,0.503 L104.425,0.503 L104.425,12.238 Z M119.338,21.147 L125.107,21.147 L125.107,0.503 L119.338,0.503 L119.338,21.147 Z M89.512,21.147 L95.281,21.147 L95.281,0.503 L89.512,0.503 L89.512,21.147 Z M74.599,12.238 L80.368,12.238 L80.368,0.503 L74.599,0.503 L74.599,12.238 Z M44.773,12.238 L50.542,12.238 L50.542,0.503 L44.773,0.503 L44.773,12.238 Z M59.686,21.147 L65.455,21.147 L65.455,0.503 L59.686,0.503 L59.686,21.147 Z M14.948,12.238 L20.717,12.238 L20.717,0.503 L14.948,0.503 L14.948,12.238 Z M0.035,21.147 L5.804,21.147 L5.804,0.503 L0.035,0.503 L0.035,21.147 Z M29.86,21.147 L35.63,21.147 L35.63,0.503 L29.86,0.503 L29.86,21.147 Z" id="path-93"></path>
+        <linearGradient x1="-0.000412223001%" y1="50%" x2="99.9995878%" y2="50%" id="linearGradient-95">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M99.768,49.713 C99.768,77.146 77.529,99.385 50.096,99.385 C22.663,99.385 0.424,77.146 0.424,49.713 C0.424,22.28 22.663,0.04 50.096,0.04 C77.529,0.04 99.768,22.28 99.768,49.713" id="path-96"></path>
+        <linearGradient x1="120.873933%" y1="22.712366%" x2="-9.31108069%" y2="72.8365796%" id="linearGradient-98">
+            <stop stop-color="#FFDD5E" offset="0%"></stop>
+            <stop stop-color="#FFAC45" offset="100%"></stop>
+        </linearGradient>
+        <path d="M63.119,29.476 C63.119,13.592 50.243,0.716 34.359,0.716 L7.039,0.716 C2.9,6.307 0.45,13.223 0.45,20.713 C0.45,39.295 15.513,54.359 34.096,54.359 C46.469,54.359 57.273,47.677 63.119,37.728 L63.119,29.476" id="path-99"></path>
+        <path d="M55.411,55.541 C48.689,62.262 37.791,62.262 31.07,55.541 L5.524,29.995 C-1.197,23.274 -1.197,12.376 5.524,5.655 C12.246,-1.067 23.144,-1.067 29.866,5.655 L55.411,31.2 C62.133,37.921 62.133,48.819 55.411,55.541" id="path-101"></path>
+        <linearGradient x1="-9.24332054%" y1="64.1147607%" x2="109.243571%" y2="35.8863232%" id="linearGradient-103">
+            <stop stop-color="#E4ABFF" offset="0%"></stop>
+            <stop stop-color="#39B8FC" offset="100%"></stop>
+        </linearGradient>
+        <path d="M16.638,18.223 C20.026,18.223 22.771,15.477 22.771,12.09 L22.771,6.73 C22.771,3.343 20.026,0.597 16.638,0.597 C13.251,0.597 10.505,3.343 10.505,6.73 L10.505,12.09 C10.505,15.477 13.251,18.223 16.638,18.223 Z M16.638,21.286 C7.969,21.286 0.941,28.314 0.941,36.983 L0.941,45.391 C5.433,48.394 10.829,50.151 16.638,50.151 C22.447,50.151 27.844,48.394 32.335,45.391 L32.335,36.983 C32.335,28.314 25.307,21.286 16.638,21.286 Z" id="path-104"></path>
+        <linearGradient x1="-35.5768618%" y1="103.446543%" x2="211.550296%" y2="-31.1425919%" id="linearGradient-106">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M33.4034064,69.94 C15.1447005,68.8737292 0.668,53.7292335 0.668,35.203 C0.668,15.987 16.246,0.407 35.464,0.407 L366.658,0.407 C385.876,0.407 401.455,15.987 401.455,35.203 C401.455,53.7292335 386.97737,68.8737292 368.718597,69.94 L33.4034064,69.94 Z" id="path-107"></path>
+        <linearGradient x1="23.4201061%" y1="76.8205821%" x2="66.9159437%" y2="114.435943%" id="linearGradient-109">
+            <stop stop-color="#ACD3F6" offset="0%"></stop>
+            <stop stop-color="#D5EDFD" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.612,0.407 L0.612,41.794 C0.612,45.452 3.577,48.417 7.235,48.417 L152.248,48.417 C155.906,48.417 158.871,45.452 158.871,41.794 L158.871,0.407 L0.612,0.407" id="path-110"></path>
+        <linearGradient x1="48.5697496%" y1="14.3967923%" x2="53.7850612%" y2="121.103312%" id="linearGradient-112">
+            <stop stop-color="#85C2F8" offset="0%"></stop>
+            <stop stop-color="#8BC6F9" offset="100%"></stop>
+        </linearGradient>
+        <path d="M152.451,98.203 L7.439,98.203 C3.781,98.203 0.815,95.239 0.815,91.58 L0.815,7.481 C0.815,3.823 3.781,0.858 7.439,0.858 L152.451,0.858 C156.109,0.858 159.075,3.823 159.075,7.481 L159.075,91.58 C159.075,95.239 156.109,98.203 152.451,98.203" id="path-113"></path>
+        <linearGradient x1="39.3586503%" y1="31.3524064%" x2="106.746493%" y2="149.441677%" id="linearGradient-115">
+            <stop stop-color="#FFF6C2" offset="0%"></stop>
+            <stop stop-color="#FFC833" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.815,21.78 C19.194,-1.93 37.584,-7.941 57.525,15.119 C81.481,42.825 92.542,58.535 107.488,43.577 C122.514,28.539 138.971,33.79 159.075,65.299 L159.075,69.58 C159.075,73.239 156.109,76.203 152.451,76.203 L7.439,76.203 C3.781,76.203 0.815,73.239 0.815,69.58 L0.815,21.78" id="path-116"></path>
+        <linearGradient x1="0%" y1="50.00045%" x2="100%" y2="50.00045%" id="linearGradient-118">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M33.824,17.384 C33.824,26.527 26.412,33.938 17.269,33.938 C8.127,33.938 0.716,26.527 0.716,17.384 C0.716,8.241 8.127,0.829 17.269,0.829 C26.412,0.829 33.824,8.241 33.824,17.384" id="path-119"></path>
+        <linearGradient x1="-148.755588%" y1="-24.6186837%" x2="127.508759%" y2="79.0984325%" id="linearGradient-121">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M109.603,28.999 L87.676,28.999 C50.555,28.999 33.996,15.738 26.217,1.705 C24.938,-0.6 21.619,-0.475 20.49,1.907 C15.739,11.927 15.375,21.721 16.724,29.996 C7.113,32.891 0.109,41.802 0.109,52.357 L0.109,81.781 C0.109,94.681 10.566,105.139 23.467,105.139 L109.603,105.139 C122.504,105.139 132.962,94.681 132.962,81.781 L132.962,52.357 C132.962,39.456 122.504,28.999 109.603,28.999" id="path-122"></path>
+        <linearGradient x1="10.527425%" y1="102.935502%" x2="83.4761729%" y2="12.1889106%" id="linearGradient-124">
+            <stop stop-color="#FFE13E" offset="0%"></stop>
+            <stop stop-color="#FFAC45" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.06,113.161127 L0.06,50.6838732 C0.924586087,38.5714504 11.025328,29.014 23.358,29.014 L106.627,29.014 C143.747,29.014 160.306,15.752 168.086,1.72 C169.364,-0.586 172.683,-0.462 173.812,1.921 C178.563,11.942 178.928,21.736 177.578,30.011 C187.189,32.906 194.194,41.817 194.194,52.371 L194.194,111.474 C194.194,124.374 183.736,134.831 170.836,134.831 L23.358,134.831 C11.025328,134.831 0.924586087,125.27355 0.06,113.161127 Z" id="path-125"></path>
+        <path d="M53.556,38.249 L75.962,38.249 L75.962,27.357 C75.962,14.456 65.504,3.999 52.603,3.999 L30.676,3.999 C18.535,3.999 8.606,2.574 0.453,0.174 C7.953,22.31 28.887,38.249 53.556,38.249" id="path-127"></path>
+        <linearGradient x1="38.8152406%" y1="87.3749179%" x2="66.596962%" y2="-5.46369009%" id="linearGradient-129">
+            <stop stop-color="#B8A843" offset="0%"></stop>
+            <stop stop-color="#B8A344" offset="100%"></stop>
+        </linearGradient>
+        <path d="M210.918,89.164 C211.971,84.223 212.536,79.102 212.536,73.848 C212.536,33.433 179.773,0.67 139.358,0.67 C101.303,0.67 70.042,29.724 66.521,66.859 C63.326,66.293 60.044,65.981 56.685,65.981 C25.718,65.981 0.613,91.085 0.613,122.053 C0.613,153.022 25.718,178.125 56.685,178.125 C81.12,178.125 186.531,178.125 208.034,178.125 C232.628,178.125 252.566,158.188 252.566,133.593 C252.566,109.969 234.167,90.652 210.918,89.164" id="path-130"></path>
+        <linearGradient x1="50.0001984%" y1="102.403426%" x2="50.0001984%" y2="-31.2924403%" id="linearGradient-132">
+            <stop stop-color="#39B8FC" offset="0%"></stop>
+            <stop stop-color="#E4ABFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M119.03,0.887 L0.363,84.125 C38.738,84.125 83.793,84.125 97.034,84.125 C121.628,84.125 141.566,64.188 141.566,39.593 C141.566,23.002 132.485,8.546 119.03,0.887" id="path-133"></path>
+        <linearGradient x1="46.6470259%" y1="96.2985656%" x2="71.8307685%" y2="-47.3990245%" id="linearGradient-135">
+            <stop stop-color="#6DB4FD" offset="0%"></stop>
+            <stop stop-color="#E4ABFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M72.406,36.425 C72.406,56.392 56.22,72.579 36.252,72.579 C16.285,72.579 0.097,56.392 0.097,36.425 C0.097,16.457 16.285,0.271 36.252,0.271 C56.22,0.271 72.406,16.457 72.406,36.425" id="path-136"></path>
+        <linearGradient x1="120.87292%" y1="22.71118%" x2="-9.31059757%" y2="72.8359241%" id="linearGradient-138">
+            <stop stop-color="#FFDD5E" offset="0%"></stop>
+            <stop stop-color="#FFAC45" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.196,11.403 C10.002,-0.56 35.254,3.719 46.264,0.061 L46.264,8.915 C46.264,20.37 37.438,29.884 26.015,30.751 C16.042,31.509 5.692,33.112 0.196,39.817 L0.196,11.403" id="path-139"></path>
+        <linearGradient x1="90.9937484%" y1="50%" x2="-14.8547799%" y2="50%" id="linearGradient-141">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#EAEBED" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Process" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-3" transform="translate(409.000000, 478.000000)">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <g id="Clip-2"></g>
+            <polygon id="Fill-1" mask="url(#mask-2)" points="0.776 10.592 91.551 10.592 91.551 0.446 0.776 0.446"></polygon>
+        </g>
+        <polygon id="Fill-4" points="376.741 478.446 484.112 478.446 484.112 411.339 376.741 411.339"></polygon>
+        <g id="Group-8" transform="translate(200.000000, 87.000000)">
+            <mask id="mask-4" fill="white">
+                <use xlink:href="#path-3"></use>
+            </mask>
+            <g id="Clip-7"></g>
+            <path d="M466.235,268.554 L0.473,268.554 L0.473,22.728 C0.473,10.522 10.367,0.627 22.574,0.627 L444.135,0.627 C456.341,0.627 466.235,10.522 466.235,22.728 L466.235,268.554" id="Fill-6" fill="url(#linearGradient-5)" mask="url(#mask-4)"></path>
+        </g>
+        <g id="Group-11" transform="translate(515.000000, 135.000000)">
+            <mask id="mask-7" fill="white">
+                <use xlink:href="#path-6"></use>
+            </mask>
+            <g id="Clip-10"></g>
+            <path d="M47.268,263.398 L0.945,263.398 L0.945,0.369 L43.624,0.369 C45.637,0.369 47.268,2.001 47.268,4.013 L47.268,263.398" id="Fill-9" fill="url(#linearGradient-8)" mask="url(#mask-7)"></path>
+        </g>
+        <path d="M666.235,357.996 L666.235,330.729 C656.421,337.73 648.427,347.103 643.044,357.996 L666.235,357.996" id="Fill-12" fill="#25B5BB"></path>
+        <g id="Group-15" transform="translate(200.000000, 87.000000)">
+            <mask id="mask-10" fill="white">
+                <use xlink:href="#path-9"></use>
+            </mask>
+            <g id="Clip-14"></g>
+            <path d="M318.109,0.627 L22.574,0.627 C10.367,0.627 0.473,10.522 0.473,22.728 L0.473,223.432 L318.109,0.627" id="Fill-13" mask="url(#mask-10)"></path>
+        </g>
+        <g id="Group-18" transform="translate(200.000000, 87.000000)">
+            <mask id="mask-12" fill="white">
+                <use xlink:href="#path-11"></use>
+            </mask>
+            <g id="Clip-17"></g>
+            <path d="M41.771,4.273 C41.818,3.049 41.815,1.836 41.795,0.627 L22.574,0.627 C10.367,0.627 0.473,10.522 0.473,22.728 L0.473,66.374 C24.035,55.245 40.732,31.636 41.771,4.273" id="Fill-16" fill="url(#linearGradient-13)" mask="url(#mask-12)"></path>
+        </g>
+        <g id="Group-21" transform="translate(200.000000, 355.000000)">
+            <mask id="mask-15" fill="white">
+                <use xlink:href="#path-14"></use>
+            </mask>
+            <g id="Clip-20"></g>
+            <path d="M466.235,0.554 L0.473,0.554 L0.473,54.656 C0.473,61.327 5.881,66.736 12.553,66.736 L445.047,66.736 C456.749,66.736 466.235,57.249 466.235,45.547 L466.235,0.554" id="Fill-19" fill="url(#linearGradient-16)" mask="url(#mask-15)"></path>
+        </g>
+        <polygon id="Fill-22" fill="#90B5D2" points="397.086 421.736 456.434 421.736 456.434 354.915 397.086 354.915"></polygon>
+        <g id="Group-25" transform="translate(397.000000, 195.000000)">
+            <mask id="mask-18" fill="white">
+                <use xlink:href="#path-17"></use>
+            </mask>
+            <g id="Clip-24"></g>
+            <path d="M59.434,160.553 L59.434,15.583 C59.434,7.341 52.752,0.659 44.51,0.659 L0.086,0.659 L0.086,160.553 L59.434,160.553" id="Fill-23" fill="url(#linearGradient-19)" mask="url(#mask-18)"></path>
+        </g>
+        <g id="Group-28" transform="translate(515.000000, 355.000000)">
+            <mask id="mask-21" fill="white">
+                <use xlink:href="#path-20"></use>
+            </mask>
+            <g id="Clip-27"></g>
+            <path d="M0.945,0.553 L0.945,37.976 C0.945,40.97 3.373,43.398 6.368,43.398 L41.94,43.398 C44.883,43.398 47.268,41.013 47.268,38.071 L47.268,0.553 L0.945,0.553" id="Fill-26" fill="url(#linearGradient-22)" mask="url(#mask-21)"></path>
+        </g>
+        <g id="Group-31" transform="translate(610.000000, 81.000000)">
+            <mask id="mask-24" fill="white">
+                <use xlink:href="#path-23"></use>
+            </mask>
+            <g id="Clip-30"></g>
+            <path d="M34.135,0.625 L18,0.625 C7.555,9.107 0.878,22.045 0.878,36.548 C0.878,62.096 21.589,82.807 47.137,82.807 C50.252,82.807 53.293,82.495 56.235,81.907 L56.235,22.726 C56.235,10.52 46.341,0.625 34.135,0.625" id="Fill-29" mask="url(#mask-24)"></path>
+        </g>
+        <g id="Group-34" transform="translate(141.000000, 182.000000)">
+            <mask id="mask-26" fill="white">
+                <use xlink:href="#path-25"></use>
+            </mask>
+            <g id="Clip-33"></g>
+            <path d="M300.254,200.784 L268.773,0.134 L15.377,0.134 C7.186,0.134 0.546,6.774 0.546,14.965 L0.546,302.203 C0.546,310.395 7.186,317.034 15.377,317.034 L253.489,317.034 C279.316,317.034 300.254,296.098 300.254,270.271 C300.254,244.443 300.254,200.784 300.254,200.784" id="Fill-32" fill="url(#linearGradient-27)" mask="url(#mask-26)"></path>
+        </g>
+        <g id="Group-37" transform="translate(162.000000, 203.000000)">
+            <mask id="mask-29" fill="white">
+                <use xlink:href="#path-28"></use>
+            </mask>
+            <g id="Clip-36"></g>
+            <path d="M81.247,9.605 L60.951,9.605 C58.5,9.605 56.513,7.618 56.513,5.167 C56.513,2.716 58.5,0.729 60.951,0.729 L81.247,0.729 C83.698,0.729 85.684,2.716 85.684,5.167 C85.684,7.618 83.698,9.605 81.247,9.605 Z M126.913,9.605 L106.616,9.605 C104.166,9.605 102.179,7.618 102.179,5.167 C102.179,2.716 104.166,0.729 106.616,0.729 L126.913,0.729 C129.364,0.729 131.351,2.716 131.351,5.167 C131.351,7.618 129.364,9.605 126.913,9.605 Z M172.578,9.605 L152.283,9.605 C149.832,9.605 147.845,7.618 147.845,5.167 C147.845,2.716 149.832,0.729 152.283,0.729 L172.578,0.729 C175.03,0.729 177.016,2.716 177.016,5.167 C177.016,7.618 175.03,9.605 172.578,9.605 Z M218.244,9.605 L197.949,9.605 C195.497,9.605 193.511,7.618 193.511,5.167 C193.511,2.716 195.497,0.729 197.949,0.729 L218.244,0.729 C220.696,0.729 222.682,2.716 222.682,5.167 C222.682,7.618 220.696,9.605 218.244,9.605 Z M15.285,9.715 C13.095,9.715 11.189,8.094 10.892,5.863 C10.568,3.433 12.275,1.201 14.704,0.878 C15.444,0.78 16.2,0.729 16.951,0.729 L35.581,0.729 C38.032,0.729 40.019,2.716 40.019,5.167 C40.019,7.618 38.032,9.605 35.581,9.605 L16.951,9.605 C16.59,9.605 16.229,9.628 15.877,9.676 C15.679,9.702 15.48,9.715 15.285,9.715 Z M4.512,49.829 C2.061,49.829 0.075,47.843 0.075,45.391 L0.075,25.095 C0.075,22.644 2.061,20.657 4.512,20.657 C6.963,20.657 8.95,22.644 8.95,25.095 L8.95,45.391 C8.95,47.843 6.963,49.829 4.512,49.829 Z M4.512,95.495 C2.061,95.495 0.075,93.508 0.075,91.057 L0.075,70.761 C0.075,68.31 2.061,66.323 4.512,66.323 C6.963,66.323 8.95,68.31 8.95,70.761 L8.95,91.057 C8.95,93.508 6.963,95.495 4.512,95.495 Z M4.512,141.16 C2.061,141.16 0.075,139.172 0.075,136.722 L0.075,116.426 C0.075,113.976 2.061,111.989 4.512,111.989 C6.963,111.989 8.95,113.976 8.95,116.426 L8.95,136.722 C8.95,139.172 6.963,141.16 4.512,141.16 Z M4.512,186.826 C2.061,186.826 0.075,184.839 0.075,182.389 L0.075,162.092 C0.075,159.642 2.061,157.655 4.512,157.655 C6.963,157.655 8.95,159.642 8.95,162.092 L8.95,182.389 C8.95,184.839 6.963,186.826 4.512,186.826 Z M4.512,232.492 C2.061,232.492 0.075,230.505 0.075,228.055 L0.075,207.759 C0.075,205.309 2.061,203.322 4.512,203.322 C6.963,203.322 8.95,205.309 8.95,207.759 L8.95,228.055 C8.95,230.505 6.963,232.492 4.512,232.492 Z M254.073,247.946 C253.632,247.946 253.183,247.879 252.74,247.741 C250.402,247.004 249.103,244.513 249.838,242.175 C250.897,238.81 251.433,235.293 251.433,231.726 L251.433,223.385 C251.433,220.935 253.42,218.948 255.871,218.948 C258.323,218.948 260.309,220.935 260.309,223.385 L260.309,231.726 C260.309,236.199 259.635,240.609 258.305,244.837 C257.709,246.734 255.959,247.946 254.073,247.946 Z M12.703,274.643 C12.2,274.643 11.688,274.556 11.187,274.374 C4.54,271.958 0.075,265.581 0.075,258.508 L0.075,253.425 C0.075,250.974 2.061,248.987 4.512,248.987 C6.963,248.987 8.95,250.974 8.95,253.425 L8.95,258.508 C8.95,261.864 11.068,264.887 14.22,266.033 C16.524,266.87 17.712,269.416 16.875,271.721 C16.219,273.524 14.516,274.643 12.703,274.643 Z M220.635,275.185 C218.384,275.185 216.456,273.48 216.225,271.193 C215.979,268.755 217.756,266.578 220.195,266.332 C226.179,265.728 231.933,263.558 236.836,260.058 C238.83,258.635 241.601,259.097 243.026,261.09 C244.45,263.085 243.988,265.857 241.993,267.282 C235.835,271.679 228.606,274.404 221.086,275.163 C220.934,275.178 220.784,275.185 220.635,275.185 Z M58.282,275.385 L37.985,275.385 C35.534,275.385 33.547,273.397 33.547,270.947 C33.547,268.496 35.534,266.509 37.985,266.509 L58.282,266.509 C60.732,266.509 62.719,268.496 62.719,270.947 C62.719,273.397 60.732,275.385 58.282,275.385 Z M103.947,275.385 L83.651,275.385 C81.2,275.385 79.214,273.397 79.214,270.947 C79.214,268.496 81.2,266.509 83.651,266.509 L103.947,266.509 C106.398,266.509 108.385,268.496 108.385,270.947 C108.385,273.397 106.398,275.385 103.947,275.385 Z M149.613,275.385 L129.317,275.385 C126.866,275.385 124.879,273.397 124.879,270.947 C124.879,268.496 126.866,266.509 129.317,266.509 L149.613,266.509 C152.064,266.509 154.051,268.496 154.051,270.947 C154.051,273.397 152.064,275.385 149.613,275.385 Z M195.279,275.385 L174.983,275.385 C172.532,275.385 170.545,273.397 170.545,270.947 C170.545,268.496 172.532,266.509 174.983,266.509 L195.279,266.509 C197.729,266.509 199.716,268.496 199.716,270.947 C199.716,273.397 197.729,275.385 195.279,275.385 Z" id="Fill-35" fill="url(#linearGradient-30)" mask="url(#mask-29)"></path>
+        </g>
+        <g id="Group-40" transform="translate(394.000000, 135.000000)">
+            <mask id="mask-32" fill="white">
+                <use xlink:href="#path-31"></use>
+            </mask>
+            <g id="Clip-39"></g>
+            <path d="M0.489,0.369 L0.489,270.506 C26.316,270.506 47.254,291.443 47.254,317.271 L47.254,47.134 C47.254,21.306 26.316,0.369 0.489,0.369" id="Fill-38" fill="url(#linearGradient-33)" mask="url(#mask-32)"></path>
+        </g>
+        <path d="M550.573,393.421 L515.388,393.421 C512.313,393.421 509.819,390.928 509.819,387.853 L509.819,135.962 C509.819,132.886 512.313,130.392 515.388,130.392 L550.573,130.392 C553.649,130.392 556.142,132.886 556.142,135.962 L556.142,387.853 C556.142,390.928 553.649,393.421 550.573,393.421" id="Fill-41" fill="#FFFFFF"></path>
+        <g id="Group-44" transform="translate(509.000000, 130.000000)">
+            <mask id="mask-35" fill="white">
+                <use xlink:href="#path-34"></use>
+            </mask>
+            <g id="Clip-43"></g>
+            <path d="M13.071,263.421 L6.388,263.421 C3.313,263.421 0.819,260.928 0.819,257.853 L0.819,5.962 C0.819,2.886 3.313,0.392 6.388,0.392 L13.071,0.392 L13.071,263.421" id="Fill-42" fill="url(#linearGradient-36)" mask="url(#mask-35)"></path>
+        </g>
+        <g id="Group-47" transform="translate(534.000000, 144.000000)">
+            <mask id="mask-38" fill="white">
+                <use xlink:href="#path-37"></use>
+            </mask>
+            <g id="Clip-46"></g>
+            <polygon id="Fill-45" fill="url(#linearGradient-39)" mask="url(#mask-38)" points="0.096 6.962 22.142 6.962 22.142 0.801 0.096 0.801"></polygon>
+        </g>
+        <g id="Group-50" transform="translate(543.000000, 160.000000)">
+            <mask id="mask-41" fill="white">
+                <use xlink:href="#path-40"></use>
+            </mask>
+            <g id="Clip-49"></g>
+            <polygon id="Fill-48" fill="url(#linearGradient-42)" mask="url(#mask-41)" points="0.61 6.888 13.142 6.888 13.142 0.727 0.61 0.727"></polygon>
+        </g>
+        <g id="Group-53" transform="translate(534.000000, 176.000000)">
+            <mask id="mask-44" fill="white">
+                <use xlink:href="#path-43"></use>
+            </mask>
+            <g id="Clip-52"></g>
+            <polygon id="Fill-51" fill="url(#linearGradient-45)" mask="url(#mask-44)" points="0.096 6.814 22.142 6.814 22.142 0.653 0.096 0.653"></polygon>
+        </g>
+        <g id="Group-56" transform="translate(543.000000, 192.000000)">
+            <mask id="mask-47" fill="white">
+                <use xlink:href="#path-46"></use>
+            </mask>
+            <g id="Clip-55"></g>
+            <polygon id="Fill-54" fill="url(#linearGradient-48)" mask="url(#mask-47)" points="0.61 6.74 13.142 6.74 13.142 0.578 0.61 0.578"></polygon>
+        </g>
+        <g id="Group-59" transform="translate(534.000000, 208.000000)">
+            <mask id="mask-50" fill="white">
+                <use xlink:href="#path-49"></use>
+            </mask>
+            <g id="Clip-58"></g>
+            <polygon id="Fill-57" fill="url(#linearGradient-51)" mask="url(#mask-50)" points="0.096 6.665 22.142 6.665 22.142 0.504 0.096 0.504"></polygon>
+        </g>
+        <g id="Group-62" transform="translate(543.000000, 224.000000)">
+            <mask id="mask-53" fill="white">
+                <use xlink:href="#path-52"></use>
+            </mask>
+            <g id="Clip-61"></g>
+            <polygon id="Fill-60" fill="url(#linearGradient-54)" mask="url(#mask-53)" points="0.61 6.591 13.142 6.591 13.142 0.43 0.61 0.43"></polygon>
+        </g>
+        <polygon id="Fill-63" fill="url(#linearGradient-55)" points="534.096 246.516 556.142 246.516 556.142 240.355 534.096 240.355"></polygon>
+        <g id="Group-67" transform="translate(543.000000, 256.000000)">
+            <mask id="mask-57" fill="white">
+                <use xlink:href="#path-56"></use>
+            </mask>
+            <g id="Clip-66"></g>
+            <polygon id="Fill-65" fill="url(#linearGradient-58)" mask="url(#mask-57)" points="0.61 6.442 13.142 6.442 13.142 0.281 0.61 0.281"></polygon>
+        </g>
+        <polygon id="Fill-68" fill="url(#linearGradient-59)" points="534.096 278.368 556.142 278.368 556.142 272.207 534.096 272.207"></polygon>
+        <g id="Group-72" transform="translate(543.000000, 288.000000)">
+            <mask id="mask-61" fill="white">
+                <use xlink:href="#path-60"></use>
+            </mask>
+            <g id="Clip-71"></g>
+            <polygon id="Fill-70" fill="url(#linearGradient-62)" mask="url(#mask-61)" points="0.61 6.294 13.142 6.294 13.142 0.133 0.61 0.133"></polygon>
+        </g>
+        <polygon id="Fill-73" fill="url(#linearGradient-63)" points="534.096 310.219 556.142 310.219 556.142 304.058 534.096 304.058"></polygon>
+        <g id="Group-77" transform="translate(543.000000, 319.000000)">
+            <mask id="mask-65" fill="white">
+                <use xlink:href="#path-64"></use>
+            </mask>
+            <g id="Clip-76"></g>
+            <polygon id="Fill-75" fill="url(#linearGradient-66)" mask="url(#mask-65)" points="0.61 7.145 13.142 7.145 13.142 0.984 0.61 0.984"></polygon>
+        </g>
+        <polygon id="Fill-78" fill="url(#linearGradient-67)" points="534.096 342.071 556.142 342.071 556.142 335.909 534.096 335.909"></polygon>
+        <g id="Group-82" transform="translate(543.000000, 351.000000)">
+            <mask id="mask-69" fill="white">
+                <use xlink:href="#path-68"></use>
+            </mask>
+            <g id="Clip-81"></g>
+            <polygon id="Fill-80" fill="url(#linearGradient-70)" mask="url(#mask-69)" points="0.61 6.996 13.142 6.996 13.142 0.835 0.61 0.835"></polygon>
+        </g>
+        <polygon id="Fill-83" fill="url(#linearGradient-71)" points="534.096 373.922 556.142 373.922 556.142 367.761 534.096 367.761"></polygon>
+        <path d="M362.717,131.88 L307.871,131.88 C305.07,131.88 302.799,129.609 302.799,126.808 C302.799,124.007 305.07,121.736 307.871,121.736 L362.717,121.736 C365.517,121.736 367.788,124.007 367.788,126.808 C367.788,129.609 365.517,131.88 362.717,131.88" id="Fill-85" fill="#FFFFFF"></path>
+        <path d="M329.135,151.705 L307.871,151.705 C305.07,151.705 302.799,149.434 302.799,146.634 C302.799,143.833 305.07,141.562 307.871,141.562 L329.135,141.562 C331.936,141.562 334.206,143.833 334.206,146.634 C334.206,149.434 331.936,151.705 329.135,151.705" id="Fill-86" fill="#FFFFFF"></path>
+        <path d="M641.756,144.372 L585.092,144.372 C581.497,144.372 578.584,141.458 578.584,137.864 C578.584,134.27 581.497,131.356 585.092,131.356 L641.756,131.356 C645.35,131.356 648.263,134.27 648.263,137.864 C648.263,141.458 645.35,144.372 641.756,144.372" id="Fill-87" fill="#FFFFFF"></path>
+        <g id="Group-90" transform="translate(612.000000, 131.000000)">
+            <mask id="mask-73" fill="white">
+                <use xlink:href="#path-72"></use>
+            </mask>
+            <g id="Clip-89"></g>
+            <path d="M29.756,0.356 L0.974,0.356 C2.445,5.065 4.658,9.443 7.461,13.372 L29.756,13.372 C33.35,13.372 36.263,10.458 36.263,6.864 C36.263,3.27 33.35,0.356 29.756,0.356" id="Fill-88" fill="url(#linearGradient-74)" mask="url(#mask-73)"></path>
+        </g>
+        <path d="M624.402,172.764 L585.092,172.764 C581.497,172.764 578.584,169.85 578.584,166.256 C578.584,162.662 581.497,159.748 585.092,159.748 L624.402,159.748 C627.997,159.748 630.91,162.662 630.91,166.256 C630.91,169.85 627.997,172.764 624.402,172.764" id="Fill-91" fill="#FFFFFF"></path>
+        <path d="M599.718,229.55 L585.092,229.55 C581.497,229.55 578.584,226.636 578.584,223.042 C578.584,219.448 581.497,216.533 585.092,216.533 L599.718,216.533 C603.312,216.533 606.225,219.448 606.225,223.042 C606.225,226.636 603.312,229.55 599.718,229.55" id="Fill-92" fill="#FF528D"></path>
+        <path d="M641.756,229.55 L619.01,229.55 C615.415,229.55 612.502,226.636 612.502,223.042 C612.502,219.448 615.415,216.533 619.01,216.533 L641.756,216.533 C645.35,216.533 648.263,219.448 648.263,223.042 C648.263,226.636 645.35,229.55 641.756,229.55" id="Fill-93" fill="#FFFFFF"></path>
+        <path d="M610.877,201.157 L585.092,201.157 C581.497,201.157 578.584,198.243 578.584,194.649 C578.584,191.055 581.497,188.141 585.092,188.141 L610.877,188.141 C614.471,188.141 617.385,191.055 617.385,194.649 C617.385,198.243 614.471,201.157 610.877,201.157" id="Fill-94" fill="#FFFFFF"></path>
+        <path d="M641.756,201.157 L635.149,201.157 C631.555,201.157 628.64,198.243 628.64,194.649 C628.64,191.055 631.555,188.141 635.149,188.141 L641.756,188.141 C645.35,188.141 648.263,191.055 648.263,194.649 C648.263,198.243 645.35,201.157 641.756,201.157" id="Fill-95" fill="#385BFF"></path>
+        <g id="Group-98" transform="translate(206.000000, 258.000000)">
+            <mask id="mask-76" fill="white">
+                <use xlink:href="#path-75"></use>
+            </mask>
+            <g id="Clip-97"></g>
+            <path d="M152.634,40.978 L143.001,40.978 C140.746,40.978 138.919,42.806 138.919,45.061 C138.919,47.316 140.746,49.144 143.001,49.144 L152.634,49.144 C154.889,49.144 156.717,47.316 156.717,45.061 C156.717,42.806 154.889,40.978 152.634,40.978 Z M124.338,40.978 L112.674,40.978 C110.419,40.978 108.591,42.806 108.591,45.061 C108.591,47.316 110.419,49.144 112.674,49.144 L124.338,49.144 C126.593,49.144 128.421,47.316 128.421,45.061 C128.421,42.806 126.593,40.978 124.338,40.978 Z M16.637,40.978 L4.973,40.978 C2.718,40.978 0.89,42.806 0.89,45.061 C0.89,47.316 2.718,49.144 4.973,49.144 L16.637,49.144 C18.892,49.144 20.72,47.316 20.72,45.061 C20.72,42.806 18.892,40.978 16.637,40.978 Z M49.016,45.061 C49.016,42.806 47.189,40.978 44.934,40.978 L35.3,40.978 C33.046,40.978 31.218,42.806 31.218,45.061 C31.218,47.316 33.046,49.144 35.3,49.144 L44.934,49.144 C47.189,49.144 49.016,47.316 49.016,45.061 Z M79.18,22.97 C81.435,22.97 83.263,21.142 83.263,18.887 L83.263,4.921 C83.263,2.666 81.435,0.838 79.18,0.838 C76.926,0.838 75.098,2.666 75.098,4.921 L75.098,18.887 C75.098,21.142 76.926,22.97 79.18,22.97 Z M120.488,86.823 C115.928,91.382 110.74,95.08 105.128,97.867 L94.364,70.724 C93.533,68.628 91.162,67.602 89.064,68.434 C86.969,69.265 85.943,71.637 86.774,73.734 L97.575,100.973 C91.718,102.909 85.529,103.932 79.18,103.932 C72.862,103.932 66.696,102.923 60.788,100.962 L71.586,73.734 C72.417,71.637 71.391,69.265 69.296,68.434 C67.199,67.601 64.827,68.628 63.996,70.724 L51.688,101.763 C51.682,101.776 51.674,101.785 51.669,101.798 C51.663,101.814 51.661,101.83 51.655,101.846 L35.615,142.295 C34.783,144.391 35.809,146.764 37.906,147.596 C38.399,147.791 38.908,147.884 39.409,147.884 C41.034,147.884 42.57,146.908 43.205,145.305 L57.774,108.565 C64.645,110.9 71.824,112.097 79.18,112.097 C86.577,112.097 93.784,110.882 100.591,108.577 L115.155,145.305 C115.79,146.908 117.326,147.884 118.951,147.884 C119.451,147.884 119.961,147.79 120.454,147.596 C122.551,146.764 123.576,144.391 122.745,142.295 L108.15,105.49 C114.78,102.281 120.899,97.956 126.261,92.595 C127.856,91.001 127.856,88.415 126.262,86.823 C124.668,85.229 122.083,85.228 120.488,86.823 Z M79.18,34.492 C85.007,34.492 89.748,39.234 89.748,45.061 C89.748,50.888 85.007,55.629 79.18,55.629 C73.353,55.629 68.612,50.888 68.612,45.061 C68.612,39.234 73.353,34.492 79.18,34.492 Z M79.18,63.794 C89.51,63.794 97.913,55.39 97.913,45.061 C97.913,34.731 89.51,26.327 79.18,26.327 C68.851,26.327 60.447,34.731 60.447,45.061 C60.447,55.39 68.851,63.794 79.18,63.794 Z" id="Fill-96" fill="url(#linearGradient-77)" mask="url(#mask-76)"></path>
+        </g>
+        <path d="M290.925,137.864 C290.925,153.486 278.261,166.151 262.638,166.151 C247.016,166.151 234.351,153.486 234.351,137.864 C234.351,122.241 247.016,109.577 262.638,109.577 C278.261,109.577 290.925,122.241 290.925,137.864" id="Fill-99" fill="#FFFFFF"></path>
+        <g id="Group-102" transform="translate(109.000000, 10.000000)">
+            <mask id="mask-79" fill="white">
+                <use xlink:href="#path-78"></use>
+            </mask>
+            <g id="Clip-101"></g>
+            <path d="M63.943,11.044 L63.943,51.6 C63.943,58.252 58.551,63.643 51.9,63.643 L11.343,63.643 C4.671,63.643 -0.339,69.751 0.968,76.293 C6.999,106.488 34.204,129.041 66.445,127.816 C99.73,126.552 126.851,99.43 128.116,66.146 C129.34,33.905 106.786,6.7 76.592,0.669 C70.05,-0.638 63.943,4.372 63.943,11.044" id="Fill-100" fill="url(#linearGradient-80)" mask="url(#mask-79)"></path>
+        </g>
+        <g id="Group-105" transform="translate(99.000000, 0.000000)">
+            <mask id="mask-82" fill="white">
+                <use xlink:href="#path-81"></use>
+            </mask>
+            <g id="Clip-104"></g>
+            <polygon id="Fill-103" fill="url(#linearGradient-83)" mask="url(#mask-82)" points="-98.94 598.94 744.566 598.94 744.566 0.711 -98.94 0.711"></polygon>
+        </g>
+        <g id="Group-108" transform="translate(572.000000, 355.000000)">
+            <mask id="mask-85" fill="white">
+                <use xlink:href="#path-84"></use>
+            </mask>
+            <g id="Clip-107"></g>
+            <path d="M94.235,45.547 L94.235,0.553 L72.309,0.553 C67.753,8.963 64.775,18.354 63.828,28.344 C60.633,27.779 57.349,27.467 53.992,27.467 C28.879,27.467 7.624,43.978 0.484,66.736 L73.047,66.736 C75.972,66.736 78.76,66.143 81.295,65.071 C88.899,61.854 94.235,54.324 94.235,45.547" id="Fill-106" fill="url(#linearGradient-86)" mask="url(#mask-85)"></path>
+        </g>
+        <g id="Group-111" transform="translate(141.000000, 259.000000)">
+            <mask id="mask-88" fill="white">
+                <use xlink:href="#path-87"></use>
+            </mask>
+            <g id="Clip-110"></g>
+            <path d="M122.566,0.66 L0.546,0.66 L0.546,30.776 L21.187,30.776 C24.668,30.776 26.082,35.255 23.233,37.254 L0.546,53.167 L0.546,92.191 L124.102,5.523 C126.241,4.022 125.179,0.66 122.566,0.66" id="Fill-109" fill="url(#linearGradient-89)" mask="url(#mask-88)"></path>
+        </g>
+        <path d="M166.512,314.989 C164.061,314.989 162.075,316.976 162.075,319.426 L162.075,336.791 L170.95,330.566 L170.95,319.426 C170.95,316.976 168.963,314.989 166.512,314.989" id="Fill-112" fill="#80B2FD"></path>
+        <g id="Group-115" transform="translate(31.000000, 242.000000)">
+            <mask id="mask-91" fill="white">
+                <use xlink:href="#path-90"></use>
+            </mask>
+            <g id="Clip-114"></g>
+            <path d="M115.654,37.911 L36.293,93.578 C33.881,95.271 30.561,93.544 30.561,90.598 L30.561,37.002 C30.561,33.847 33.119,31.289 36.274,31.289 L113.563,31.289 C117.121,31.289 118.567,35.868 115.654,37.911 Z M217.2,0.503 L7.701,0.503 C3.458,0.503 0.018,3.943 0.018,8.186 L0.018,153.659 C0.018,155.872 2.51,157.168 4.322,155.898 L218.769,5.474 C220.956,3.94 219.871,0.503 217.2,0.503 Z" id="Fill-113" fill="url(#linearGradient-92)" mask="url(#mask-91)"></path>
+        </g>
+        <g id="Group-118" transform="translate(60.000000, 242.000000)">
+            <mask id="mask-94" fill="white">
+                <use xlink:href="#path-93"></use>
+            </mask>
+            <g id="Clip-117"></g>
+            <path d="M164.076,12.238 L169.846,12.238 L169.846,0.503 L164.076,0.503 L164.076,12.238 Z M134.251,12.238 L140.02,12.238 L140.02,0.503 L134.251,0.503 L134.251,12.238 Z M149.164,21.147 L154.933,21.147 L154.933,0.503 L149.164,0.503 L149.164,21.147 Z M104.425,12.238 L110.194,12.238 L110.194,0.503 L104.425,0.503 L104.425,12.238 Z M119.338,21.147 L125.107,21.147 L125.107,0.503 L119.338,0.503 L119.338,21.147 Z M89.512,21.147 L95.281,21.147 L95.281,0.503 L89.512,0.503 L89.512,21.147 Z M74.599,12.238 L80.368,12.238 L80.368,0.503 L74.599,0.503 L74.599,12.238 Z M44.773,12.238 L50.542,12.238 L50.542,0.503 L44.773,0.503 L44.773,12.238 Z M59.686,21.147 L65.455,21.147 L65.455,0.503 L59.686,0.503 L59.686,21.147 Z M14.948,12.238 L20.717,12.238 L20.717,0.503 L14.948,0.503 L14.948,12.238 Z M0.035,21.147 L5.804,21.147 L5.804,0.503 L0.035,0.503 L0.035,21.147 Z M29.86,21.147 L35.63,21.147 L35.63,0.503 L29.86,0.503 L29.86,21.147 Z" id="Fill-116" fill="url(#linearGradient-95)" mask="url(#mask-94)"></path>
+        </g>
+        <path d="M719.865,149.995 C717.492,152.368 713.643,152.368 711.27,149.995 L691.229,129.954 C688.856,127.58 688.856,123.733 691.229,121.359 C693.602,118.986 697.45,118.986 699.824,121.359 L719.865,141.4 C722.238,143.774 722.238,147.621 719.865,149.995" id="Fill-119" fill="#385BFF"></path>
+        <g id="Group-122" transform="translate(613.000000, 43.000000)">
+            <mask id="mask-97" fill="white">
+                <use xlink:href="#path-96"></use>
+            </mask>
+            <g id="Clip-121"></g>
+            <path d="M99.768,49.713 C99.768,77.146 77.529,99.385 50.096,99.385 C22.663,99.385 0.424,77.146 0.424,49.713 C0.424,22.28 22.663,0.04 50.096,0.04 C77.529,0.04 99.768,22.28 99.768,49.713" id="Fill-120" fill="url(#linearGradient-98)" mask="url(#mask-97)"></path>
+        </g>
+        <path d="M696.742,92.713 C696.742,111.295 681.678,126.359 663.096,126.359 C644.513,126.359 629.45,111.295 629.45,92.713 C629.45,74.131 644.513,59.067 663.096,59.067 C681.678,59.067 696.742,74.131 696.742,92.713" id="Fill-123" fill="#FFFFFF"></path>
+        <g id="Group-126" transform="translate(629.000000, 72.000000)">
+            <mask id="mask-100" fill="white">
+                <use xlink:href="#path-99"></use>
+            </mask>
+            <g id="Clip-125"></g>
+            <path d="M63.119,29.476 C63.119,13.592 50.243,0.716 34.359,0.716 L7.039,0.716 C2.9,6.307 0.45,13.223 0.45,20.713 C0.45,39.295 15.513,54.359 34.096,54.359 C46.469,54.359 57.273,47.677 63.119,37.728 L63.119,29.476" id="Fill-124" mask="url(#mask-100)"></path>
+        </g>
+        <g id="Group-129" transform="translate(704.000000, 134.000000)">
+            <mask id="mask-102" fill="white">
+                <use xlink:href="#path-101"></use>
+            </mask>
+            <g id="Clip-128"></g>
+            <path d="M55.411,55.541 C48.689,62.262 37.791,62.262 31.07,55.541 L5.524,29.995 C-1.197,23.274 -1.197,12.376 5.524,5.655 C12.246,-1.067 23.144,-1.067 29.866,5.655 L55.411,31.2 C62.133,37.921 62.133,48.819 55.411,55.541" id="Fill-127" fill="url(#linearGradient-103)" mask="url(#mask-102)"></path>
+        </g>
+        <g id="Group-132" transform="translate(246.000000, 116.000000)">
+            <mask id="mask-105" fill="white">
+                <use xlink:href="#path-104"></use>
+            </mask>
+            <g id="Clip-131"></g>
+            <path d="M16.638,18.223 C20.026,18.223 22.771,15.477 22.771,12.09 L22.771,6.73 C22.771,3.343 20.026,0.597 16.638,0.597 C13.251,0.597 10.505,3.343 10.505,6.73 L10.505,12.09 C10.505,15.477 13.251,18.223 16.638,18.223 Z M16.638,21.286 C7.969,21.286 0.941,28.314 0.941,36.983 L0.941,45.391 C5.433,48.394 10.829,50.151 16.638,50.151 C22.447,50.151 27.844,48.394 32.335,45.391 L32.335,36.983 C32.335,28.314 25.307,21.286 16.638,21.286 Z" id="Fill-130" fill="url(#linearGradient-106)" mask="url(#mask-105)"></path>
+        </g>
+        <path d="M193.977,451.687 C195.326,443.41 194.962,433.617 190.212,423.596 C189.082,421.214 185.763,421.089 184.485,423.395 C178.141,434.837 165.954,445.765 141.546,449.409 L141.546,484.203 C141.546,492.395 148.186,499.034 156.377,499.034 L210.593,499.034 L210.593,474.047 C210.593,463.492 203.588,454.581 193.977,451.687" id="Fill-133" fill="#3679FC"></path>
+        <g id="Group-136" transform="translate(166.000000, 529.000000)">
+            <mask id="mask-108" fill="white">
+                <use xlink:href="#path-107"></use>
+            </mask>
+            <g id="Clip-135"></g>
+            <polygon id="Fill-134" fill="url(#linearGradient-109)" mask="url(#mask-108)" points="-165.94 69.94 677.566 69.94 677.566 -528.289 -165.94 -528.289"></polygon>
+        </g>
+        <path d="M566.778,557.364 C563.6,541.422 549.534,529.407 532.658,529.407 L512.157,529.407 L512.157,534.006 C512.157,546.906 522.615,557.364 535.515,557.364 L566.778,557.364" id="Fill-137" fill="#95CEFC"></path>
+        <g id="Group-140" transform="translate(259.000000, 529.000000)">
+            <mask id="mask-111" fill="white">
+                <use xlink:href="#path-110"></use>
+            </mask>
+            <g id="Clip-139"></g>
+            <path d="M0.612,0.407 L0.612,41.794 C0.612,45.452 3.577,48.417 7.235,48.417 L152.248,48.417 C155.906,48.417 158.871,45.452 158.871,41.794 L158.871,0.407 L0.612,0.407" id="Fill-138" fill="url(#linearGradient-112)" mask="url(#mask-111)"></path>
+        </g>
+        <g id="Group-143" transform="translate(241.000000, 466.000000)">
+            <mask id="mask-114" fill="white">
+                <use xlink:href="#path-113"></use>
+            </mask>
+            <g id="Clip-142"></g>
+            <path d="M152.451,98.203 L7.439,98.203 C3.781,98.203 0.815,95.239 0.815,91.58 L0.815,7.481 C0.815,3.823 3.781,0.858 7.439,0.858 L152.451,0.858 C156.109,0.858 159.075,3.823 159.075,7.481 L159.075,91.58 C159.075,95.239 156.109,98.203 152.451,98.203" id="Fill-141" fill="url(#linearGradient-115)" mask="url(#mask-114)"></path>
+        </g>
+        <g id="Group-146" transform="translate(241.000000, 488.000000)">
+            <mask id="mask-117" fill="white">
+                <use xlink:href="#path-116"></use>
+            </mask>
+            <g id="Clip-145"></g>
+            <path d="M0.815,21.78 C19.194,-1.93 37.584,-7.941 57.525,15.119 C81.481,42.825 92.542,58.535 107.488,43.577 C122.514,28.539 138.971,33.79 159.075,65.299 L159.075,69.58 C159.075,73.239 156.109,76.203 152.451,76.203 L7.439,76.203 C3.781,76.203 0.815,73.239 0.815,69.58 L0.815,21.78" id="Fill-144" fill="url(#linearGradient-118)" mask="url(#mask-117)"></path>
+        </g>
+        <g id="Group-149" transform="translate(348.000000, 477.000000)">
+            <mask id="mask-120" fill="white">
+                <use xlink:href="#path-119"></use>
+            </mask>
+            <g id="Clip-148"></g>
+            <path d="M33.824,17.384 C33.824,26.527 26.412,33.938 17.269,33.938 C8.127,33.938 0.716,26.527 0.716,17.384 C0.716,8.241 8.127,0.829 17.269,0.829 C26.412,0.829 33.824,8.241 33.824,17.384" id="Fill-147" fill="url(#linearGradient-121)" mask="url(#mask-120)"></path>
+        </g>
+        <path d="M201.464,529.407 C183.066,529.407 168.013,543.689 166.762,561.77 L187.235,561.77 C200.135,561.77 210.593,551.312 210.593,538.411 L210.593,529.407 L201.464,529.407" id="Fill-150" fill="#80BEF7"></path>
+        <path d="M525.117,560.801 C525.117,568.149 519.16,574.106 511.812,574.106 C504.464,574.106 498.508,568.149 498.508,560.801 C498.508,553.453 504.464,547.496 511.812,547.496 C519.16,547.496 525.117,553.453 525.117,560.801 Z" id="Stroke-151" stroke="#FFFFFF" stroke-width="4"></path>
+        <path d="M531.222,582.746 C530.573,582.746 529.925,582.499 529.43,582.003 L519.427,572.001 C518.436,571.011 518.436,569.406 519.427,568.415 C520.418,567.425 522.022,567.425 523.013,568.415 L533.015,578.417 C534.006,579.408 534.006,581.013 533.015,582.003 C532.519,582.499 531.871,582.746 531.222,582.746" id="Fill-152" fill="#FFFFFF"></path>
+        <g id="Group-155" transform="translate(518.000000, 436.000000)">
+            <mask id="mask-123" fill="white">
+                <use xlink:href="#path-122"></use>
+            </mask>
+            <g id="Clip-154"></g>
+            <path d="M109.603,28.999 L87.676,28.999 C50.555,28.999 33.996,15.738 26.217,1.705 C24.938,-0.6 21.619,-0.475 20.49,1.907 C15.739,11.927 15.375,21.721 16.724,29.996 C7.113,32.891 0.109,41.802 0.109,52.357 L0.109,81.781 C0.109,94.681 10.566,105.139 23.467,105.139 L109.603,105.139 C122.504,105.139 132.962,94.681 132.962,81.781 L132.962,52.357 C132.962,39.456 122.504,28.999 109.603,28.999" id="Fill-153" fill="url(#linearGradient-124)" mask="url(#mask-123)"></path>
+        </g>
+        <g id="Group-158" transform="translate(0.000000, 411.000000)">
+            <mask id="mask-126" fill="white">
+                <use xlink:href="#path-125"></use>
+            </mask>
+            <g id="Clip-157"></g>
+            <polygon id="Fill-156" mask="url(#mask-126)" points="0.06 187.94 843.566 187.94 843.566 -410.289 0.06 -410.289"></polygon>
+        </g>
+        <path d="M117.949,507.953 L70.933,507.953 C66.713,507.953 63.292,511.376 63.292,515.595 C63.292,519.815 66.713,523.238 70.933,523.238 L117.949,523.238 C122.169,523.238 125.591,519.815 125.591,515.595 C125.591,511.376 122.169,507.953 117.949,507.953 Z M47.331,507.953 L28.523,507.953 C24.302,507.953 20.882,511.376 20.882,515.595 C20.882,519.815 24.302,523.238 28.523,523.238 L47.331,523.238 C51.552,523.238 54.973,519.815 54.973,515.595 C54.973,511.376 51.552,507.953 47.331,507.953 Z M66.688,489.434 C66.688,485.214 63.267,481.792 59.047,481.792 L28.523,481.792 C24.302,481.792 20.882,485.214 20.882,489.434 C20.882,493.654 24.302,497.075 28.523,497.075 L59.047,497.075 C63.267,497.075 66.688,493.654 66.688,489.434 Z" id="Fill-159" fill="#FFFFFF"></path>
+        <g id="Group-162" transform="translate(575.000000, 461.000000)">
+            <mask id="mask-128" fill="white">
+                <use xlink:href="#path-127"></use>
+            </mask>
+            <g id="Clip-161"></g>
+            <path d="M53.556,38.249 L75.962,38.249 L75.962,27.357 C75.962,14.456 65.504,3.999 52.603,3.999 L30.676,3.999 C18.535,3.999 8.606,2.574 0.453,0.174 C7.953,22.31 28.887,38.249 53.556,38.249" id="Fill-160" fill="url(#linearGradient-129)" mask="url(#mask-128)"></path>
+        </g>
+        <g id="Group-165" transform="translate(591.000000, 309.000000)">
+            <mask id="mask-131" fill="white">
+                <use xlink:href="#path-130"></use>
+            </mask>
+            <g id="Clip-164"></g>
+            <path d="M210.918,89.164 C211.971,84.223 212.536,79.102 212.536,73.848 C212.536,33.433 179.773,0.67 139.358,0.67 C101.303,0.67 70.042,29.724 66.521,66.859 C63.326,66.293 60.044,65.981 56.685,65.981 C25.718,65.981 0.613,91.085 0.613,122.053 C0.613,153.022 25.718,178.125 56.685,178.125 C81.12,178.125 186.531,178.125 208.034,178.125 C232.628,178.125 252.566,158.188 252.566,133.593 C252.566,109.969 234.167,90.652 210.918,89.164" id="Fill-163" fill="url(#linearGradient-132)" mask="url(#mask-131)"></path>
+        </g>
+        <g id="Group-168" transform="translate(702.000000, 403.000000)">
+            <mask id="mask-134" fill="white">
+                <use xlink:href="#path-133"></use>
+            </mask>
+            <g id="Clip-167"></g>
+            <path d="M119.03,0.887 L0.363,84.125 C38.738,84.125 83.793,84.125 97.034,84.125 C121.628,84.125 141.566,64.188 141.566,39.593 C141.566,23.002 132.485,8.546 119.03,0.887" id="Fill-166" fill="url(#linearGradient-135)" mask="url(#mask-134)"></path>
+        </g>
+        <path d="M799.033,487.125 C800.812,487.125 802.563,487.009 804.288,486.807 C799.487,472.472 785.959,462.139 770.008,462.139 C753.939,462.139 740.326,472.625 735.62,487.125 C763.656,487.125 789.534,487.125 799.033,487.125" id="Fill-169" fill="#57A4FE"></path>
+        <g id="Group-172" transform="translate(746.000000, 452.000000)">
+            <mask id="mask-137" fill="white">
+                <use xlink:href="#path-136"></use>
+            </mask>
+            <g id="Clip-171"></g>
+            <path d="M72.406,36.425 C72.406,56.392 56.22,72.579 36.252,72.579 C16.285,72.579 0.097,56.392 0.097,36.425 C0.097,16.457 16.285,0.271 36.252,0.271 C56.22,0.271 72.406,16.457 72.406,36.425" id="Fill-170" fill="url(#linearGradient-138)" mask="url(#mask-137)"></path>
+        </g>
+        <path d="M782.252,513.698 C778.751,513.698 775.912,510.861 775.912,507.359 L775.912,469.491 C775.912,465.99 778.751,463.152 782.252,463.152 C785.754,463.152 788.592,465.99 788.592,469.491 L788.592,507.359 C788.592,510.861 785.754,513.698 782.252,513.698" id="Fill-173" fill="#FFFFFF"></path>
+        <path d="M801.185,494.765 L763.318,494.765 C759.817,494.765 756.978,491.927 756.978,488.425 C756.978,484.923 759.817,482.085 763.318,482.085 L801.185,482.085 C804.687,482.085 807.525,484.923 807.525,488.425 C807.525,491.927 804.687,494.765 801.185,494.765" id="Fill-174" fill="#FFFFFF"></path>
+        <path d="M725.264,424.193 C729.997,434.97 722.43,448.714 708.364,454.891 C694.297,461.068 679.057,457.338 674.325,446.561 C669.593,435.783 677.159,422.039 691.225,415.863 C705.292,409.686 720.532,413.415 725.264,424.193" id="Fill-175" fill="#FFFFFF"></path>
+        <polygon id="Fill-176" fill="#FFFFFF" points="716.196 432.626 726.6 432.626 726.6 356.403 716.196 356.403"></polygon>
+        <g id="Group-179" transform="translate(716.000000, 345.000000)">
+            <mask id="mask-140" fill="white">
+                <use xlink:href="#path-139"></use>
+            </mask>
+            <g id="Clip-178"></g>
+            <path d="M0.196,11.403 C10.002,-0.56 35.254,3.719 46.264,0.061 L46.264,8.915 C46.264,20.37 37.438,29.884 26.015,30.751 C16.042,31.509 5.692,33.112 0.196,39.817 L0.196,11.403" id="Fill-177" fill="url(#linearGradient-141)" mask="url(#mask-140)"></path>
+        </g>
+        <path d="M577.352,500.163 C580.102,497.413 580.101,492.955 577.352,490.205 L576.893,489.746 C574.143,486.997 569.685,486.997 566.935,489.746 L546.865,509.818 L546.877,509.83 C546.708,510.024 546.567,510.25 546.492,510.525 L543.531,521.39 C543.171,522.714 544.385,523.928 545.709,523.568 L556.574,520.607 C556.849,520.531 557.075,520.392 557.268,520.222 L557.281,520.235 L577.352,500.163" id="Fill-180" fill="#FFFFFF"></path>
+        <path d="M587.305,490.21 C585.507,492.008 582.593,492.008 580.795,490.21 L576.888,486.305 C575.091,484.507 575.091,481.592 576.888,479.794 C578.686,477.996 581.6,477.996 583.398,479.794 L587.305,483.7 C589.102,485.498 589.102,488.412 587.305,490.21" id="Fill-181" fill="#FFFFFF"></path>
+        <path d="M578.269,511.908 L573.803,511.908 C570.565,511.908 567.941,514.533 567.941,517.77 C567.941,521.007 570.565,523.632 573.803,523.632 L578.269,523.632 C581.508,523.632 584.132,521.007 584.132,517.77 C584.132,514.533 581.508,511.908 578.269,511.908" id="Fill-182" fill="#FFFFFF"></path>
+        <path d="M619.742,511.908 L596.375,511.908 C593.138,511.908 590.513,514.533 590.513,517.77 C590.513,521.007 593.138,523.632 596.375,523.632 L619.742,523.632 C622.979,523.632 625.603,521.007 625.603,517.77 C625.603,514.533 622.979,511.908 619.742,511.908" id="Fill-183" fill="#FFFFFF"></path>
+        <path d="M662.287,117.401 C646.309,117.401 632.942,106.26 629.507,91.324 C629.488,91.787 629.45,92.245 629.45,92.713 C629.45,111.295 644.513,126.359 663.096,126.359 C675.469,126.359 686.273,119.677 692.119,109.728 C692.119,109.728 692.11,107.108 692.095,104.51 C692.087,103.087 690.268,102.486 689.428,103.634 C683.305,111.98 673.431,117.401 662.287,117.401" id="Fill-184" fill="#19B0C3"></path>
+        <path d="M210.411,469.509 L200.431,469.509 C197.98,469.509 195.993,471.496 195.993,473.947 C195.993,476.397 197.98,478.385 200.431,478.385 L211.038,478.385 L211.038,474.852 C211.038,473.012 210.813,471.226 210.411,469.509" id="Fill-185" fill="#80B2FD"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/illustrations/trophy.png b/public_html/raven-demo/images/illustrations/trophy.png
new file mode 100644
index 0000000..466ecd6
Binary files /dev/null and b/public_html/raven-demo/images/illustrations/trophy.png differ
diff --git a/public_html/raven-demo/images/illustrations/wallet.png b/public_html/raven-demo/images/illustrations/wallet.png
new file mode 100644
index 0000000..4eff175
Binary files /dev/null and b/public_html/raven-demo/images/illustrations/wallet.png differ
diff --git a/public_html/raven-demo/images/products/1.png b/public_html/raven-demo/images/products/1.png
new file mode 100644
index 0000000..3fe1fa0
Binary files /dev/null and b/public_html/raven-demo/images/products/1.png differ
diff --git a/public_html/raven-demo/images/products/2.png b/public_html/raven-demo/images/products/2.png
new file mode 100644
index 0000000..9d977e5
Binary files /dev/null and b/public_html/raven-demo/images/products/2.png differ
diff --git a/public_html/raven-demo/images/products/3.png b/public_html/raven-demo/images/products/3.png
new file mode 100644
index 0000000..ccb46b8
Binary files /dev/null and b/public_html/raven-demo/images/products/3.png differ
diff --git a/public_html/raven-demo/images/products/4.png b/public_html/raven-demo/images/products/4.png
new file mode 100644
index 0000000..d68c6f0
Binary files /dev/null and b/public_html/raven-demo/images/products/4.png differ
diff --git a/public_html/raven-demo/images/products/5.png b/public_html/raven-demo/images/products/5.png
new file mode 100644
index 0000000..3106b91
Binary files /dev/null and b/public_html/raven-demo/images/products/5.png differ
diff --git a/public_html/raven-demo/images/products/6.png b/public_html/raven-demo/images/products/6.png
new file mode 100644
index 0000000..ff98f55
Binary files /dev/null and b/public_html/raven-demo/images/products/6.png differ
diff --git a/public_html/raven-demo/images/products/7.png b/public_html/raven-demo/images/products/7.png
new file mode 100644
index 0000000..61f5311
Binary files /dev/null and b/public_html/raven-demo/images/products/7.png differ
diff --git a/public_html/raven-demo/images/products/single1.png b/public_html/raven-demo/images/products/single1.png
new file mode 100644
index 0000000..6bef411
Binary files /dev/null and b/public_html/raven-demo/images/products/single1.png differ
diff --git a/public_html/raven-demo/images/products/single2.png b/public_html/raven-demo/images/products/single2.png
new file mode 100644
index 0000000..fd24da2
Binary files /dev/null and b/public_html/raven-demo/images/products/single2.png differ
diff --git a/public_html/raven-demo/images/products/single3.png b/public_html/raven-demo/images/products/single3.png
new file mode 100644
index 0000000..c0d4ac4
Binary files /dev/null and b/public_html/raven-demo/images/products/single3.png differ
diff --git a/public_html/raven-demo/images/projects/1.jpg b/public_html/raven-demo/images/projects/1.jpg
new file mode 100644
index 0000000..122cb43
Binary files /dev/null and b/public_html/raven-demo/images/projects/1.jpg differ
diff --git a/public_html/raven-demo/images/projects/2.jpg b/public_html/raven-demo/images/projects/2.jpg
new file mode 100644
index 0000000..122cb43
Binary files /dev/null and b/public_html/raven-demo/images/projects/2.jpg differ
diff --git a/public_html/raven-demo/images/projects/3.jpg b/public_html/raven-demo/images/projects/3.jpg
new file mode 100644
index 0000000..122cb43
Binary files /dev/null and b/public_html/raven-demo/images/projects/3.jpg differ
diff --git a/public_html/raven-demo/images/projects/4.jpg b/public_html/raven-demo/images/projects/4.jpg
new file mode 100644
index 0000000..122cb43
Binary files /dev/null and b/public_html/raven-demo/images/projects/4.jpg differ
diff --git a/public_html/raven-demo/images/restaurant/burger.png b/public_html/raven-demo/images/restaurant/burger.png
new file mode 100644
index 0000000..2fc227b
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/burger.png differ
diff --git a/public_html/raven-demo/images/restaurant/food/burger.png b/public_html/raven-demo/images/restaurant/food/burger.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/food/burger.png differ
diff --git a/public_html/raven-demo/images/restaurant/food/burito.png b/public_html/raven-demo/images/restaurant/food/burito.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/food/burito.png differ
diff --git a/public_html/raven-demo/images/restaurant/food/chips.png b/public_html/raven-demo/images/restaurant/food/chips.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/food/chips.png differ
diff --git a/public_html/raven-demo/images/restaurant/food/coffee.png b/public_html/raven-demo/images/restaurant/food/coffee.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/food/coffee.png differ
diff --git a/public_html/raven-demo/images/restaurant/food/donut.png b/public_html/raven-demo/images/restaurant/food/donut.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/food/donut.png differ
diff --git a/public_html/raven-demo/images/restaurant/food/french-fries.png b/public_html/raven-demo/images/restaurant/food/french-fries.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/food/french-fries.png differ
diff --git a/public_html/raven-demo/images/restaurant/food/fried-chicken.png b/public_html/raven-demo/images/restaurant/food/fried-chicken.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/food/fried-chicken.png differ
diff --git a/public_html/raven-demo/images/restaurant/food/hotdogs.png b/public_html/raven-demo/images/restaurant/food/hotdogs.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/food/hotdogs.png differ
diff --git a/public_html/raven-demo/images/restaurant/food/noodles.png b/public_html/raven-demo/images/restaurant/food/noodles.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/food/noodles.png differ
diff --git a/public_html/raven-demo/images/restaurant/food/nugget.png b/public_html/raven-demo/images/restaurant/food/nugget.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/food/nugget.png differ
diff --git a/public_html/raven-demo/images/restaurant/food/onion-ring.png b/public_html/raven-demo/images/restaurant/food/onion-ring.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/food/onion-ring.png differ
diff --git a/public_html/raven-demo/images/restaurant/food/pizza.png b/public_html/raven-demo/images/restaurant/food/pizza.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/food/pizza.png differ
diff --git a/public_html/raven-demo/images/restaurant/food/popcorn.png b/public_html/raven-demo/images/restaurant/food/popcorn.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/food/popcorn.png differ
diff --git a/public_html/raven-demo/images/restaurant/food/sandwich.png b/public_html/raven-demo/images/restaurant/food/sandwich.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/food/sandwich.png differ
diff --git a/public_html/raven-demo/images/restaurant/food/soda.png b/public_html/raven-demo/images/restaurant/food/soda.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/food/soda.png differ
diff --git a/public_html/raven-demo/images/restaurant/food/taco.png b/public_html/raven-demo/images/restaurant/food/taco.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/food/taco.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/appetizer.png b/public_html/raven-demo/images/restaurant/icons/appetizer.png
new file mode 100644
index 0000000..7f7709d
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/appetizer.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/apron.png b/public_html/raven-demo/images/restaurant/icons/apron.png
new file mode 100644
index 0000000..f302d33
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/apron.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/chef.png b/public_html/raven-demo/images/restaurant/icons/chef.png
new file mode 100644
index 0000000..78c1408
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/chef.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/chicken.png b/public_html/raven-demo/images/restaurant/icons/chicken.png
new file mode 100644
index 0000000..20649b1
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/chicken.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/cocktail.png b/public_html/raven-demo/images/restaurant/icons/cocktail.png
new file mode 100644
index 0000000..ed3f063
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/cocktail.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/coffee_cup.png b/public_html/raven-demo/images/restaurant/icons/coffee_cup.png
new file mode 100644
index 0000000..0dc575f
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/coffee_cup.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/cutlery.png b/public_html/raven-demo/images/restaurant/icons/cutlery.png
new file mode 100644
index 0000000..8068a07
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/cutlery.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/dinner_table.png b/public_html/raven-demo/images/restaurant/icons/dinner_table.png
new file mode 100644
index 0000000..fca294d
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/dinner_table.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/discount.png b/public_html/raven-demo/images/restaurant/icons/discount.png
new file mode 100644
index 0000000..1ef9c4b
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/discount.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/fish.png b/public_html/raven-demo/images/restaurant/icons/fish.png
new file mode 100644
index 0000000..f7f3236
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/fish.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/food-canceled.svg b/public_html/raven-demo/images/restaurant/icons/food-canceled.svg
new file mode 100644
index 0000000..55758f8
--- /dev/null
+++ b/public_html/raven-demo/images/restaurant/icons/food-canceled.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><g><path d="m287.629 169.848h-31.002v-60.848c0-3.5-2.848-6.347-6.348-6.347h-98.09c-3.5 0-6.347 2.847-6.347 6.347v60.848h-31.002v-60.848c0-20.594 16.754-37.348 37.348-37.348h98.09c20.594 0 37.349 16.754 37.349 37.348l7.375 29.935z" fill="#6c7fd8"/></g><g><path d="m250.28 71.652h-17.174c20.594 0 37.349 16.754 37.349 37.348v60.848h17.174l7.375-30.913-7.375-29.935c0-20.594-16.755-37.348-37.349-37.348z" fill="#4f66d0"/></g><path d="m378.751 457.436v-.365c0-10.044-.747-20.075-2.236-30.008l-37.297-248.899c-1.512-10.679-10.653-18.617-21.438-18.617h-232.121c-10.757 0-19.883 7.898-21.428 18.544l-38.167 248.619c-1.561 10.168-2.345 20.44-2.345 30.726l177.516 21.68z" fill="#f6a96c"/><path d="m378.754 457.071v.361l-28.865 3.53-7.212-3.53v-.361c0-10.044-.742-20.078-2.236-30.009l-37.292-248.902c-1.514-10.673-10.652-18.615-21.438-18.615h36.067c10.786 0 19.924 7.943 21.438 18.615l37.303 248.902c1.483 9.931 2.235 19.964 2.235 30.009z" fill="#ea9b58"/><g><g><path d="m151.49 403.917c-4.267 0-7.726-3.459-7.726-7.726v-175.399c0-4.267 3.459-7.726 7.726-7.726s7.726 3.459 7.726 7.726v175.398c0 4.268-3.459 7.727-7.726 7.727z" fill="#e2dee2"/></g></g><g><g><path d="m250.98 403.917c-4.267 0-7.726-3.459-7.726-7.726v-104.86c0-4.267 3.459-7.726 7.726-7.726s7.726 3.459 7.726 7.726v104.859c0 4.268-3.459 7.727-7.726 7.727z" fill="#e2dee2"/></g></g><g><path d="m250.98 299.058c-19.619 0-35.523-15.904-35.523-35.523v-14.947c0-19.619 15.904-35.523 35.523-35.523 19.619 0 35.523 15.904 35.523 35.523v14.947c0 19.619-15.905 35.523-35.523 35.523z" fill="#f3f0f3"/></g><path d="m23.719 457.436h355.032v32.912c0 11.958-9.694 21.652-21.652 21.652h-311.728c-11.958 0-21.652-9.694-21.652-21.652z" fill="#ea9b58"/><path d="m342.679 457.436v32.912c0 11.958-9.694 21.652-21.652 21.652h36.072c11.958 0 21.652-9.694 21.652-21.652v-32.912z" fill="#d88a55"/><path d="m468.88 184.862h-161.85c-10.715 0-19.401-8.686-19.401-19.401v-146.06c0-10.715 8.686-19.401 19.401-19.401h161.85c10.715 0 19.401 8.686 19.401 19.401v146.061c0 10.714-8.686 19.4-19.401 19.4z" fill="#fe646f"/><path d="m468.88 0h-25.774c10.715 0 19.401 8.686 19.401 19.401v146.061c0 10.715-8.686 19.401-19.401 19.401h25.774c10.715 0 19.401-8.686 19.401-19.401v-146.061c0-10.715-8.686-19.401-19.401-19.401z" fill="#fd4755"/><path d="m419.385 94.787c-1.308-1.298-1.308-3.41 0-4.718l19.46-19.46c4.203-4.203 4.203-11.002 0-15.206l-13.866-13.866c-4.193-4.193-11.002-4.193-15.195 0l-5.934 5.934-13.536 13.536c-1.303 1.303-3.415 1.303-4.717 0l-19.468-19.468c-4.198-4.198-11.004-4.198-15.201 0l-13.865 13.865c-4.198 4.198-4.198 11.004 0 15.201l19.468 19.468c1.303 1.303 1.303 3.415 0 4.717l-19.468 19.468c-4.198 4.198-4.198 11.004 0 15.201l13.865 13.865c4.198 4.198 11.004 4.198 15.201 0l19.468-19.468c1.303-1.303 3.415-1.303 4.717 0l13.536 13.529 5.934 5.934c4.193 4.203 11.002 4.203 15.195 0l13.866-13.856c4.203-4.203 4.203-11.013 0-15.206z" fill="#f3f0f3"/><g><g><path d="m151.49 299.058c-20.327 0-36.865-16.538-36.865-36.866v-41.4c0-4.267 3.459-7.726 7.726-7.726s7.726 3.459 7.726 7.726v41.4c0 11.807 9.606 21.413 21.412 21.413 11.807 0 21.413-9.606 21.413-21.413v-41.4c0-4.267 3.459-7.726 7.726-7.726s7.726 3.459 7.726 7.726v41.4c.002 20.328-16.536 36.866-36.864 36.866z" fill="#f3f0f3"/></g></g></g></svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/restaurant/icons/food-delivery.svg b/public_html/raven-demo/images/restaurant/icons/food-delivery.svg
new file mode 100644
index 0000000..9a97367
--- /dev/null
+++ b/public_html/raven-demo/images/restaurant/icons/food-delivery.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m154.239 227.157v-4.86c0-88.715 71.918-160.632 160.633-160.632 10.706 0 21.164 1.057 31.285 3.055v36.262l-109.205 140.106h-48.879z" fill="#fbc700"/><circle cx="314.872" cy="31.086" fill="#ff5595" r="31.086"/><path d="m346.156 64.72c-73.738 14.558-129.348 79.569-129.348 157.578v4.86l20.144 13.931h215.851l22.702-13.931v-4.86c0-78.009-55.611-143.021-129.349-157.578z" fill="#ffd500"/><path d="m203.492 273.516h-62.569c-12.749 0-23.179-10.431-23.179-23.179s10.431-23.179 23.179-23.179h62.569l10.335 8.609v27.643z" fill="#ffd500"/><g><path d="m184.706 43.585h-105.079c-4.267 0-7.726-3.459-7.726-7.726s3.459-7.726 7.726-7.726h105.08c4.267 0 7.726 3.459 7.726 7.726s-3.46 7.726-7.727 7.726z" fill="#60b9fe"/></g><g><path d="m154.239 92.705h-74.612c-4.267 0-7.726-3.459-7.726-7.726s3.459-7.726 7.726-7.726h74.612c4.267 0 7.726 3.459 7.726 7.726s-3.459 7.726-7.726 7.726z" fill="#60b9fe"/></g><g><path d="m137.833 141.823h-58.206c-4.267 0-7.726-3.459-7.726-7.726 0-4.268 3.459-7.726 7.726-7.726h58.206c4.267 0 7.726 3.459 7.726 7.726s-3.459 7.726-7.726 7.726z" fill="#60b9fe"/></g><g><path d="m124.955 190.941h-45.328c-4.267 0-7.726-3.459-7.726-7.726 0-4.268 3.459-7.726 7.726-7.726h45.328c4.267 0 7.726 3.459 7.726 7.726.001 4.267-3.459 7.726-7.726 7.726z" fill="#60b9fe"/></g><g><path d="m131.471 466.983c-3.776.869-7.548 1.896-11.292 3.116l-108.921 41.352c-5.437 2.065-11.258-1.952-11.258-7.767v-104.231c0-3.741 2.5-7.02 6.106-8.012l31.331-8.614c9.207-2.531 17.874-6.689 25.685-12.18 11.941-8.393 24.684-15.67 38.105-21.675 7.6-3.402 13.769-5.832 20.031-7.574l14.03 15.46 15.488 79.993z" fill="#ffb1a0"/></g><path d="m450.216 378.669c-11.751-24.539-38.797-12.939-41.068-12.09l-113.51 33.581c-.563.167-1.093-.335-.953-.905 1.232-4.996 4.115-23.151-16.306-31.301-65.972-26.336-73.839-30.79-90.536-31.055l-.002-.002c-36.32.121-51.712.366-66.583 4.5-15.563 14.725-25.275 35.571-25.275 58.688 0 27.828 14.072 52.369 35.487 66.897 20.312-4.676 40.761-4.199 57.666 2.547l42.574 16.996c9.306 3.208 30.684 8.202 52.868-3.169.011-.005.018-.008.018-.008 2.069-.915 20.89-9.241 44.491-19.68l29.163-12.9c35.935-15.895 72.074-31.881 74.974-33.163 4.502-2.309 27.131-15.885 16.992-38.936z" fill="#ffcebe"/><path d="m295.637 400.161c-.399.118-.777-.102-.916-.441-1.404 3.526-6.183 12.329-18.133 9.401-21.312-5.22-72.089-17.449-72.599-17.572-4.148-1.001-8.322 1.553-9.321 5.703-.999 4.148 1.554 8.322 5.703 9.321.51.123 51.258 12.344 72.54 17.558 3.065.751 5.925 1.09 8.587 1.09 16.808 0 25.72-13.502 28.374-22.005l3.3-8.241z" fill="#ffb1a0"/><g><path d="m488.821 227.157h-285.329c-12.749 0-23.179 10.431-23.179 23.179s10.431 23.179 23.179 23.179h285.328c12.749 0 23.179-10.431 23.179-23.179s-10.43-23.179-23.178-23.179z" fill="#ffeb7e"/></g></g></svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/restaurant/icons/food-payment.svg b/public_html/raven-demo/images/restaurant/icons/food-payment.svg
new file mode 100644
index 0000000..6af865a
--- /dev/null
+++ b/public_html/raven-demo/images/restaurant/icons/food-payment.svg
@@ -0,0 +1 @@
+<svg height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="delivery_food_pay_hand_money" data-name="delivery, food, pay, hand, money"><circle cx="28" cy="29" fill="#ff9811" r="2"/><path d="m13 7h30v16h-30z" fill="#91dc5a"/><path d="m39.86 50.26a2.013 2.013 0 0 1 -1 1.74l-12.4 7.73a1.923 1.923 0 0 1 -1 .27h-12.85a1.965 1.965 0 0 1 -1.11-.34l-2.5-1.66v-6l3.47-2.6a1.969 1.969 0 0 1 1.2-.4h4.86a1.974 1.974 0 0 1 .89.21l1.58.79h8a2 2 0 0 1 1.73 1 1.965 1.965 0 0 1 .26.93l2.7-1.56.31-.18 2.86-1.65a1.988 1.988 0 0 1 2.73.73 2.088 2.088 0 0 1 .27.99z" fill="#ffbcab"/><path d="m29.2 53.99a1.978 1.978 0 0 0 1.21-.58 1.953 1.953 0 0 0 .59-1.33v-.08c0-.024-.009-.046-.01-.07a2.137 2.137 0 0 0 -.062-.409 1.948 1.948 0 0 1 -.518.889 1.978 1.978 0 0 1 -1.21.58 1.275 1.275 0 0 1 -.2.01h-7v1h7a1.275 1.275 0 0 0 .2-.01z" fill="#ff9478"/><g fill="#4e901e"><path d="m43 18a5 5 0 0 0 -5 5h5z"/><path d="m13 12a5 5 0 0 0 5-5h-5z"/><path d="m43 12a5 5 0 0 1 -5-5h5z"/><path d="m18 23a5 5 0 0 0 -5-5v5z"/></g><path d="m9 58v-6-3h-6v12h6z" fill="#006df0"/><path d="m55 5v7.987 2.013h6v-12h-6z" fill="#006df0"/><path d="m17 41a2 2 0 0 0 2 2h18a2 2 0 0 0 0-4h-18a2 2 0 0 0 -2 2z" fill="#ffa733"/><path d="m28 30a9 9 0 0 0 -9 9h18a9 9 0 0 0 -9-9z" fill="#ffc477"/><path d="m29.326 30.108a9 9 0 0 1 4.674 7.892h-14.941a8.935 8.935 0 0 0 -.059 1h18a8.995 8.995 0 0 0 -7.674-8.892z" fill="#ffb655"/><path d="m22.236 47h11.528a2 2 0 0 0 1.789-1.106l1.447-2.894h-18l1.447 2.894a2 2 0 0 0 1.789 1.106z" fill="#ffc477"/><path d="m36.5 44 .5-1h-18l.5 1z" fill="#ffb655"/><path d="m22 14h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" fill="#f1f2f2"/><path d="m36 14h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" fill="#f1f2f2"/><path d="m29 21v-1.1c1.741-.327 3-1.477 3-2.9 0-1.682-1.757-3-4-3-1.221 0-2-.592-2-1s.779-1 2-1 2 .592 2 1a1 1 0 0 0 2 0c0-1.421-1.259-2.571-3-2.9v-1.1a1 1 0 0 0 -2 0v1.1c-1.741.327-3 1.477-3 2.9 0 1.682 1.757 3 4 3 1.221 0 2 .592 2 1s-.779 1-2 1-2-.592-2-1a1 1 0 0 0 -2 0c0 1.421 1.259 2.571 3 2.9v1.1a1 1 0 0 0 2 0z" fill="#f1f2f2"/><path d="m28 34a5.021 5.021 0 0 1 4.329 2.5 1 1 0 0 0 .866.5.987.987 0 0 0 .5-.135 1 1 0 0 0 .365-1.365 7.027 7.027 0 0 0 -6.06-3.5 1 1 0 0 0 0 2z" fill="#ffa733"/><path d="m43 10-2.66 2.66a1.983 1.983 0 0 1 -1.41.58 2 2 0 0 1 -1.42-3.41l2.83-2.83h-10.17l4.45-3.56a1.986 1.986 0 0 1 1.25-.44h14.66a1.974 1.974 0 0 1 .89.21l3.58 1.79v7.99l-2 .01-1.57.94a7.978 7.978 0 0 1 -7.13.55l-1.3-.59z" fill="#ffbcab"/><path d="m43 13.9 1 .454v-5.354l-1 1z" fill="#ff9478"/></g></svg>
\ No newline at end of file
diff --git a/public_html/raven-demo/images/restaurant/icons/food.png b/public_html/raven-demo/images/restaurant/icons/food.png
new file mode 100644
index 0000000..da451c7
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/food.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/food_delivery.png b/public_html/raven-demo/images/restaurant/icons/food_delivery.png
new file mode 100644
index 0000000..1c9655c
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/food_delivery.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/fork.png b/public_html/raven-demo/images/restaurant/icons/fork.png
new file mode 100644
index 0000000..e24d0d1
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/fork.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/hamburger.png b/public_html/raven-demo/images/restaurant/icons/hamburger.png
new file mode 100644
index 0000000..91e084e
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/hamburger.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/ice_cream.png b/public_html/raven-demo/images/restaurant/icons/ice_cream.png
new file mode 100644
index 0000000..1d3243f
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/ice_cream.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/ingredients.png b/public_html/raven-demo/images/restaurant/icons/ingredients.png
new file mode 100644
index 0000000..d869120
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/ingredients.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/location.png b/public_html/raven-demo/images/restaurant/icons/location.png
new file mode 100644
index 0000000..c12dbc9
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/location.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/map.png b/public_html/raven-demo/images/restaurant/icons/map.png
new file mode 100644
index 0000000..9354654
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/map.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/meat.png b/public_html/raven-demo/images/restaurant/icons/meat.png
new file mode 100644
index 0000000..c22170d
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/meat.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/menu.png b/public_html/raven-demo/images/restaurant/icons/menu.png
new file mode 100644
index 0000000..ec206c6
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/menu.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/menu_2.png b/public_html/raven-demo/images/restaurant/icons/menu_2.png
new file mode 100644
index 0000000..17e8834
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/menu_2.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/milkshake.png b/public_html/raven-demo/images/restaurant/icons/milkshake.png
new file mode 100644
index 0000000..af5871e
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/milkshake.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/no_smoking.png b/public_html/raven-demo/images/restaurant/icons/no_smoking.png
new file mode 100644
index 0000000..e882216
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/no_smoking.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/noodles.png b/public_html/raven-demo/images/restaurant/icons/noodles.png
new file mode 100644
index 0000000..9f17eb9
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/noodles.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/online_menu.png b/public_html/raven-demo/images/restaurant/icons/online_menu.png
new file mode 100644
index 0000000..a67c593
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/online_menu.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/orange_juice.png b/public_html/raven-demo/images/restaurant/icons/orange_juice.png
new file mode 100644
index 0000000..d0e8cf8
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/orange_juice.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/order.png b/public_html/raven-demo/images/restaurant/icons/order.png
new file mode 100644
index 0000000..9131590
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/order.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/pan.png b/public_html/raven-demo/images/restaurant/icons/pan.png
new file mode 100644
index 0000000..d1a2424
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/pan.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/pizza.png b/public_html/raven-demo/images/restaurant/icons/pizza.png
new file mode 100644
index 0000000..0fc2ca5
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/pizza.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/plate.png b/public_html/raven-demo/images/restaurant/icons/plate.png
new file mode 100644
index 0000000..9037b27
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/plate.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/pos.png b/public_html/raven-demo/images/restaurant/icons/pos.png
new file mode 100644
index 0000000..e8624c6
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/pos.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/receipt.png b/public_html/raven-demo/images/restaurant/icons/receipt.png
new file mode 100644
index 0000000..7a3f6f5
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/receipt.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/recipe.png b/public_html/raven-demo/images/restaurant/icons/recipe.png
new file mode 100644
index 0000000..70b8a91
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/recipe.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/reserved.png b/public_html/raven-demo/images/restaurant/icons/reserved.png
new file mode 100644
index 0000000..9e21bf0
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/reserved.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/restaurant.png b/public_html/raven-demo/images/restaurant/icons/restaurant.png
new file mode 100644
index 0000000..ddbc7d9
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/restaurant.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/salad.png b/public_html/raven-demo/images/restaurant/icons/salad.png
new file mode 100644
index 0000000..a87495d
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/salad.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/seasoning.png b/public_html/raven-demo/images/restaurant/icons/seasoning.png
new file mode 100644
index 0000000..4af680c
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/seasoning.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/signboard.png b/public_html/raven-demo/images/restaurant/icons/signboard.png
new file mode 100644
index 0000000..a7ead14
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/signboard.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/smartphone.png b/public_html/raven-demo/images/restaurant/icons/smartphone.png
new file mode 100644
index 0000000..6bbffb0
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/smartphone.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/soup.png b/public_html/raven-demo/images/restaurant/icons/soup.png
new file mode 100644
index 0000000..fba647c
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/soup.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/star.png b/public_html/raven-demo/images/restaurant/icons/star.png
new file mode 100644
index 0000000..b92b395
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/star.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/stew.png b/public_html/raven-demo/images/restaurant/icons/stew.png
new file mode 100644
index 0000000..81a35b4
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/stew.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/sushi.png b/public_html/raven-demo/images/restaurant/icons/sushi.png
new file mode 100644
index 0000000..1defb77
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/sushi.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/table.png b/public_html/raven-demo/images/restaurant/icons/table.png
new file mode 100644
index 0000000..023c056
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/table.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/table_2.png b/public_html/raven-demo/images/restaurant/icons/table_2.png
new file mode 100644
index 0000000..f144094
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/table_2.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/table_3.png b/public_html/raven-demo/images/restaurant/icons/table_3.png
new file mode 100644
index 0000000..ea9e6dc
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/table_3.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/take_away.png b/public_html/raven-demo/images/restaurant/icons/take_away.png
new file mode 100644
index 0000000..40330a4
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/take_away.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/waiter.png b/public_html/raven-demo/images/restaurant/icons/waiter.png
new file mode 100644
index 0000000..80b1d7d
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/waiter.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/wifi.png b/public_html/raven-demo/images/restaurant/icons/wifi.png
new file mode 100644
index 0000000..b06839b
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/wifi.png differ
diff --git a/public_html/raven-demo/images/restaurant/icons/wine_bottle.png b/public_html/raven-demo/images/restaurant/icons/wine_bottle.png
new file mode 100644
index 0000000..5ea0641
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/icons/wine_bottle.png differ
diff --git a/public_html/raven-demo/images/restaurant/popular1.jpg b/public_html/raven-demo/images/restaurant/popular1.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/popular1.jpg differ
diff --git a/public_html/raven-demo/images/restaurant/popular2.jpg b/public_html/raven-demo/images/restaurant/popular2.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/popular2.jpg differ
diff --git a/public_html/raven-demo/images/restaurant/popular3.jpg b/public_html/raven-demo/images/restaurant/popular3.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/popular3.jpg differ
diff --git a/public_html/raven-demo/images/restaurant/popular4.jpg b/public_html/raven-demo/images/restaurant/popular4.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/popular4.jpg differ
diff --git a/public_html/raven-demo/images/restaurant/popular5.jpg b/public_html/raven-demo/images/restaurant/popular5.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/popular5.jpg differ
diff --git a/public_html/raven-demo/images/restaurant/popular6.jpg b/public_html/raven-demo/images/restaurant/popular6.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/public_html/raven-demo/images/restaurant/popular6.jpg differ
diff --git a/public_html/raven-demo/index-ecommerce.html b/public_html/raven-demo/index-ecommerce.html
new file mode 100644
index 0000000..4d982ba
--- /dev/null
+++ b/public_html/raven-demo/index-ecommerce.html
@@ -0,0 +1,1615 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page css:-->
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <link href="vendor/css/jsvectormap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="vendor/css/sweetalert2.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item ecommerce_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item ecommerce_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item ecommerce_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item ecommerce_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content relative lg:px-4 flex-grow">
+            <!--:Prelaoder:-->
+            <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+                <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+                    <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+                </div>
+            </div>
+            <div class="px-4 pt-4">
+                <div class="grid grid-cols-1 md:grid-cols-13 gap-4 mb-4">
+                    <div class="md:col-span-5">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl w-full h-full bg-white dark:bg-zinc-900 shadow-card overflow-hidden p-4">
+                            <div class="flex items-center w-full">
+
+
+                                <div class="flex-grow">
+                                    <h2 class="text-lg mb-3 text-black dark:text-white">
+                                        Welcome back, Emily!👋
+                                    </h2>
+                                    <div class="flex items-center gap-3.5">
+                                        <div class="flex-grow">
+                                            <h5 class="text-xl mb-1">$887,654</h5>
+                                            <p class="text-sm text-muted mb-0">Current balance</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="shrink-0 ms-4 sm:ms-6">
+                                    <img class="w-16 h-auto" src="images/illustrations/wallet.png" alt="">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl w-full h-full bg-white dark:bg-zinc-900 shadow-card p-4 overflow-hidden">
+                            <!--:Card:-->
+                            <div class="flex items-center gap-3.5">
+                                <div
+                                    class="flex items-center justify-center size-12 rounded-full shrink-0 bg-cyan-500/10 text-cyan-500">
+                                    <span class="icon-[lucide--users] text-2xl"></span>
+                                </div>
+                                <div class="flex-grow">
+                                    <p class="mb-2">Total customers</p>
+                                    <h5 class="text-2xl mb-1">423.84K</h5>
+                                    <span>
+                                        <span class="text-green-500">+4.5%</span>
+                                        <span class="text-sm text-muted">This month</span>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl w-full h-full bg-white dark:bg-zinc-900 shadow-card p-4 overflow-hidden">
+                            <!--:Card:-->
+                            <div class="flex items-center gap-3.5">
+                                <div
+                                    class="flex items-center justify-center size-12 rounded-full shrink-0 bg-amber-500/10 text-amber-500">
+                                    <span class="icon-[lucide--shopping-bag] text-2xl"></span>
+                                </div>
+                                <div class="flex-grow">
+                                    <p class="mb-2">Total orders</p>
+                                    <h5 class="text-2xl mb-1">622.35K</h5>
+                                    <span>
+                                        <span class="text-green-500">+2.5%</span>
+                                        <span class="text-sm text-muted">This month</span>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                    <div class="col-span-12">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden   h-full">
+                            <div class="flex items-center justify-between px-4 py-4">
+                                <h5 class="text-lg">Earnings</h5>
+                                <nav class="flex nav items-center gap-1" role="tablist">
+                                    <button
+                                        class="px-2 py-1 block rounded-md hover:bg-primary-subtle hover:text-primary cursor-pointer [.active]:bg-primary [.active]:text-white"
+                                        type="button" data-bs-toggle="tab" data-bs-target="#t1" aria-selected="true"
+                                        role="tab">1M</button>
+                                    <button
+                                        class="px-2 py-1 block rounded-md hover:bg-primary-subtle hover:text-primary cursor-pointer [.active]:bg-primary [.active]:text-white"
+                                        type="button" data-bs-toggle="tab" data-bs-target="#t2" aria-selected="false"
+                                        tabindex="-1" role="tab">3M</button>
+                                    <button
+                                        class="px-2 py-1 block rounded-md hover:bg-primary-subtle hover:text-primary cursor-pointer [.active]:bg-primary [.active]:text-white"
+                                        type="button" data-bs-toggle="tab" data-bs-target="#t3" aria-selected="false"
+                                        tabindex="-1" role="tab">6M</button>
+                                    <button
+                                        class="px-2 py-1 block rounded-md hover:bg-primary-subtle hover:text-primary cursor-pointer [.active]:bg-primary [.active]:text-white active"
+                                        type="button" data-bs-toggle="tab" data-bs-target="#t3" aria-selected="false"
+                                        tabindex="-1" role="tab">1Y</button>
+                                </nav>
+                            </div>
+                            <div class="p-4 relative" dir="ltr">
+                                <div
+                                    class="max-w-[240px] rounded-xl flex flex-col bg-white dark:bg-zinc-800 text-sm shadow-card px-4 py-2 absolute left-6 top-4 z-10">
+                                    <span class="text-primary text-xl font-semibold">$948.55K</span>
+                                    <span class="text-sm text-muted">Earnings this year</span>
+                                </div>
+                                <div class="h-80 w-full" id="chart_earnings"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 px-4 md:grid-cols-12 gap-4 mb-4">
+                <div class="md:col-span-4 order-last">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                        <div class="flex justify-between items-center px-4 py-4">
+                            <h5 class="text-lg">
+                                Projection vs Actual
+                            </h5>
+                        </div>
+                        <div class="p-4 pt-0">
+                            <div dir="ltr">
+                                <!--:Chart:-->
+                                <div id="chart_pie_projection" class="w-full h-56"></div>
+                            </div>
+                            <div class="flex flex-wrap gap-2.5 mt-4">
+                                <div class="flex-grow text-center">
+                                    <span class="text-amber-500 text-sm">Projection</span>
+                                    <h5 class="text-lg">948.3K</h5>
+                                </div>
+                                <div class="flex-grow text-center">
+                                    <span class="text-primary text-sm">Actual</span>
+                                    <h5 class="text-lg">935.5K</h5>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden mb-4">
+                        <div class="flex justify-between items-center px-4 py-4">
+                            <h5 class="text-lg">
+                                Customer growth
+                            </h5>
+                        </div>
+                        <div class="p-4 pt-0">
+                            <div class="flex mb-2 items-end justify-between">
+                                <h3 class="text-2xl">74%</h3>
+                                <span class="text-sm text-muted flex items-center gap-1">
+                                    <span class="text-green-500 flex items-center gap-1">
+                                        <span class="icon-[lucide--arrow-up-right]"></span>
+                                        2.5%</span> vs last month
+                                </span>
+                            </div>
+                            <!--:Progress:-->
+                            <div class="progress mb-4 h-2 rounded-lg w-full bg-primary/20" role="progressbar"
+                                aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
+                                <div class="progress-bar bg-primary rounded-lg h-2" style="width: 85%">
+                                </div>
+                            </div>
+                            <div class="flex items-center gap-2">
+                                <span class="icon-[lucide--users] text-lg"></span>
+                                <span>
+                                    <span>293,493</span>
+                                    <small class="opacity-75">(+3829)</small>
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex justify-between items-center px-4 pt-4">
+                            <h5 class="text-lg">
+                                Top cities
+                            </h5>
+                            <div class="relative">
+                                <select name="location-report" class="js-select t-select-sm min-w-24">
+                                    <option value="cities" selected>Cities</option>
+                                    <option value="Countries">Countries</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="p-4">
+                            <!--:Map:-->
+                            <div id="world-map-markers" class="h-72 w-full mb-4"></div>
+                            <div class="flex flex-col space-y-1">
+                                <div>
+                                    <span class="text-sm leading-none">New York</span>
+                                    <div class="flex items-center gap-3.5">
+                                        <!--:Progress:-->
+                                        <div class="progress flex-grow h-1 rounded-lg w-full bg-primary/20"
+                                            role="progressbar" aria-label="Basic example" aria-valuenow="0"
+                                            aria-valuemin="0" aria-valuemax="100">
+                                            <div class="progress-bar bg-primary rounded-lg h-1" style="width: 65%">
+                                            </div>
+                                        </div>
+                                        <span class="shrink-0 text-sm">
+                                            137K
+                                        </span>
+                                    </div>
+                                </div>
+                                <div>
+                                    <span class="text-sm leading-none">Madrid</span>
+                                    <div class="flex items-center gap-3.5">
+                                        <!--:Progress:-->
+                                        <div class="progress flex-grow h-1 rounded-lg w-full bg-primary/20"
+                                            role="progressbar" aria-label="Basic example" aria-valuenow="0"
+                                            aria-valuemin="0" aria-valuemax="100">
+                                            <div class="progress-bar bg-primary rounded-lg h-1" style="width: 55%">
+                                            </div>
+                                        </div>
+                                        <span class="shrink-0 text-sm">
+                                            122K
+                                        </span>
+                                    </div>
+                                </div>
+                                <div>
+                                    <span class="text-sm leading-none">New Delhi</span>
+                                    <div class="flex items-center gap-3.5">
+                                        <!--:Progress:-->
+                                        <div class="progress flex-grow h-1 rounded-lg w-full bg-primary/20"
+                                            role="progressbar" aria-label="Basic example" aria-valuenow="0"
+                                            aria-valuemin="0" aria-valuemax="100">
+                                            <div class="progress-bar bg-primary rounded-lg h-1" style="width: 45%">
+                                            </div>
+                                        </div>
+                                        <span class="shrink-0 text-sm">
+                                            119K
+                                        </span>
+                                    </div>
+                                </div>
+                                <div>
+                                    <span class="text-sm leading-none">Tokyo</span>
+                                    <div class="flex items-center gap-3.5">
+                                        <!--:Progress:-->
+                                        <div class="progress flex-grow h-1 rounded-lg w-full bg-primary/20"
+                                            role="progressbar" aria-label="Basic example" aria-valuenow="0"
+                                            aria-valuemin="0" aria-valuemax="100">
+                                            <div class="progress-bar bg-primary rounded-lg h-1" style="width: 35%">
+                                            </div>
+                                        </div>
+                                        <span class="shrink-0 text-sm">
+                                            87K
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="md:col-span-8">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden mb-4">
+                        <div class="px-4 pt-4 flex flex-col gap-3 sm:flex-row items-start justify-between">
+                            <div class="flex-grow">
+                                <h3 class="text-lg mb-1">Visitors / Sales</h3>
+                                <span class="text-sm text-muted flex items-center gap-2">
+                                    <span class="text-green-500 flex items-center gap-1"><span
+                                            class="icon-[lucide--chevron-up] text-lg leading-none"></span>
+                                        2.5%</span> vs last year
+                                </span>
+                            </div>
+                            <div class="relative">
+                                <select name="select-report" class="js-select t-select-sm min-w-20">
+                                    <option value="2025" selected>2025</option>
+                                    <option value="2024">2024</option>
+                                    <option value="2023">2023</option>
+                                    <option value="2022">2022</option>
+                                </select>
+                            </div>
+                        </div>
+
+                        <div class="overflow-hidden p-4" dir="ltr">
+                            <div class="h-80 w-full" id="chart_visitors_sales"></div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex justify-between items-center px-4 py-4">
+                            <h5 class="text-lg">Top products</h5>
+                            <div class="shrink-0">
+                                <a href="#!" class="border-b border-dashed text-primary hover:text-current">
+                                    View all</a>
+                            </div>
+                        </div>
+                        <div class="overflow-x-auto px-4">
+                            <table id="table_products" class="table-default whitespace-nowrap">
+                            <thead>
+                                <tr>
+                                    <th>
+                                        <div class="flex items-center">
+                                            Product
+                                        </div>
+                                    </th>
+                                    <th>
+                                         Price
+                                    </th>
+                                    <th>
+                                        Sales
+                                    </th>
+                                    <th data-orderable="false">
+
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/1.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <h6>Android black watch</h6>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td>$149 </td>
+                                    <td>
+                                      3282
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/2.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <h6>Golden earbuds</h6>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td>$149 </td>
+                                    <td>
+                                      1943
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/3.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <h6>Waterproof backpack</h6>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td>$129 </td>
+                                    <td>
+                                        9282
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/4.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <h6>Wireless headphones</h6>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td>$99 </td>
+                                    <td>
+                                      2129
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/5.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <h6>Google Mini</h6>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td>$299 </td>
+                                    <td>
+                                      6345
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/6.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <h6>Apple earpods pro</h6>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td>$249 </td>
+                                    <td>
+                                        1394
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 mb-4 px-4">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="flex justify-between items-center px-4 py-4">
+                        <h5 class="text-lg">Orders</h5>
+                        <div class="shrink-0">
+                            <a href="#!" class="border-b border-dashed text-primary hover:text-current">
+                                View orders</a>
+                        </div>
+                    </div>
+                    <div class="overflow-x-auto px-4">
+                        <table class="table-default whitespace-nowrap">
+                            <thead class="border-t border-zinc-500/10 dark:border-zinc-800">
+                                <tr>
+                                    <th>
+                                        Order
+                                    </th>
+                                    <th>
+                                        Status
+                                    </th>
+                                    <th>
+                                        Date
+                                    </th>
+                                    <th>
+                                        Customer
+                                    </th>
+                                    <th>
+                                        Amount spent
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>
+                                        <a href="#!" class="hover:text-primary">#ORD39291</a>
+                                    </td>
+                                    <td>
+                                        <span class="flex items-center gap-2">
+                                            <span class="size-1.5 rounded-full bg-green-500"></span>
+                                            <span class="text-green-500">Paid</span>
+                                        </span>
+                                    </td>
+                                    <td>05/05/2025</td>
+                                    <td>Adam Milne</td>
+                                    <td>
+                                        <h5>$185</h5>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <a href="#!" class="hover:text-primary">#ORD22473</a>
+                                    </td>
+                                    <td>
+                                        <span class="flex items-center gap-2">
+                                            <span class="size-1.5 rounded-full bg-green-500"></span>
+                                            <span class="text-green-500">Paid</span>
+                                        </span>
+                                    </td>
+                                    <td>29/12/2024</td>
+                                    <td>Sophia Bennett</td>
+                                    <td>
+                                        <h5>$248</h5>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <a href="#!" class="hover:text-primary">#ORD64738</a>
+                                    </td>
+                                    <td>
+                                        <span class="flex items-center gap-2">
+                                            <span class="size-1.5 rounded-full bg-green-500"></span>
+                                            <span class="text-green-500">Paid</span>
+                                        </span>
+                                    </td>
+                                    <td>16/07/2025</td>
+                                    <td>Ava Reynolds</td>
+                                    <td>
+                                        <h5>$532</h5>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <a href="#!" class="hover:text-primary">#ORD48274</a>
+                                    </td>
+                                    <td>
+                                        <span class="flex items-center gap-2">
+                                            <span class="size-1.5 rounded-full bg-red-500"></span>
+                                            <span class="text-red-500">Failed</span>
+                                        </span>
+                                    </td>
+                                    <td>22/06/2025</td>
+                                    <td>Noah Carter</td>
+                                    <td>
+                                        <h5>$493</h5>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <a href="#!" class="hover:text-primary">#ORD39291</a>
+                                    </td>
+                                    <td>
+                                        <span class="flex items-center gap-2">
+                                            <span class="size-1.5 rounded-full bg-amber-500"></span>
+                                            <span class="text-amber-500">Pending</span>
+                                        </span>
+                                    </td>
+                                    <td>10/05/2025</td>
+                                    <td>Ethan Walker</td>
+                                    <td>
+                                        <h5>$156</h5>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <a href="#!" class="hover:text-primary">#ORD58392</a>
+                                    </td>
+                                    <td>
+                                        <span class="flex items-center gap-2">
+                                            <span class="size-1.5 rounded-full bg-green-500"></span>
+                                            <span class="text-green-500">Paid</span>
+                                        </span>
+                                    </td>
+                                    <td>16/07/2025</td>
+                                    <td>Adam Milne</td>
+                                    <td>
+                                        <h5>$392</h5>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Dashboard script:-->
+    <script src="vendor/js/echarts.min.js"></script>
+    <script src="vendor/js/jsvectormap.min.js"></script>
+    <script src="vendor/js/world.js"></script>
+    <script src="vendor/js/sweetalert2.all.min.js"></script>
+    <script src="vendor/js/tom-select.complete.min.js"></script>
+    <script src="js/dashboard-ecommerce.js" type="text/javascript"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/index-education.html b/public_html/raven-demo/index-education.html
new file mode 100644
index 0000000..07678a3
--- /dev/null
+++ b/public_html/raven-demo/index-education.html
@@ -0,0 +1,1391 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300 text-left rtl:text-right">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item education_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item education_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item education_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item education_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content relative flex-grow pt-4 lg:px-4">
+            <!--:Prelaoder:-->
+            <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+                <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+                    <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+                </div>
+            </div>
+            <div class="px-4 grid grid-cols-1 lg:grid-cols-12 gap-4">
+                <div class="lg:col-span-8">
+
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 lg:p-6 overflow-hidden mb-4">
+                        <div class="flex items-center flex-wrap sm:gap-0 gap-4">
+                            <div class="w-full sm:w-4/5 sm:pe-12 order-last sm:order-1">
+                                <h5 class="text-xl mb-2">Welcome back, <span
+                                        class="text-2xl text-zinc-400">John👋🏻</span></h5>
+                                <p class="mb-4">Let's keep your learning journey going. You are just one step closer to
+                                    your goals!</p>
+                                <div class="flex flex-wrap items-center gap-3 lg:gap-6">
+                                    <a href="#!" class="btn btn-default">Resume last course</a>
+                                    <a href="#!" class="text-primary border-b border-dashed hover:text-current">Explore
+                                        courses</a>
+                                </div>
+                            </div>
+                            <div class="shrink-0 w-full sm:w-1/5 order-1 sm:order-last">
+                                <img src="images/illustrations/education.svg" class="max-w-full w-24 sm:w-48 block h-auto"
+                                    alt="">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl flex items-center gap-4 bg-white dark:bg-zinc-900 shadow-card p-4 overflow-hidden">
+                            <!--:Icon:-->
+                            <div
+                                class="shrink-0 flex items-center justify-center size-12 rounded-lg bg-green-500/10 text-green-500">
+                                <span class="icon-[lucide--monitor-play] text-2xl"></span>
+                            </div>
+                            <div class="flex-grow">
+                                <h4 class="text-2xl">349</h4>
+                                <p>Hours spent</p>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl flex items-center gap-4 bg-white dark:bg-zinc-900 shadow-card p-4 overflow-hidden">
+                            <!--:Icon:-->
+                            <div
+                                class="shrink-0 flex items-center justify-center size-12 rounded-lg bg-amber-500/10 text-amber-500">
+                                <span class="icon-[lucide--lightbulb] text-2xl"></span>
+                            </div>
+                            <div class="flex-grow">
+                                <h4 class="text-2xl">88%</h4>
+                                <p>Test results</p>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl flex items-center gap-4 bg-white dark:bg-zinc-900 shadow-card p-4 overflow-hidden">
+                            <!--:Icon:-->
+                            <div
+                                class="shrink-0 flex items-center justify-center size-12 rounded-lg bg-purple-500/10 text-purple-500">
+                                <span class="icon-[lucide--book-open-check] text-2xl"></span>
+                            </div>
+                            <div class="flex-grow">
+                                <h4 class="text-2xl">16</h4>
+                                <p>Course completed</p>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex items-center justify-between p-4">
+                            <h5 class="text-lg">Topics you're interested in</h5>
+                            <a href="#!" class="btn btn-sm btn-default">Manage</a>
+                        </div>
+                        <div dir="ltr" class="p-4">
+                            <div id="chart_topics" class="w-full h-78"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="lg:col-span-4">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden mb-4">
+                        <div class="p-4 pb-0 flex items-center justify-between">
+                            <div class="flex-grow">
+                                <h5 class="text-lg">Time Spendings</h5>
+                                <p>Weekly report</p>
+                            </div>
+                            <span class="badge shrink-0 bg-green-500/10 text-green-500">+22%</span>
+                        </div>
+                        <div class="p-4 pb-0">
+                            <h3 class="text-3xl">
+                                <span>312</span><span class="text-zinc-400">H</span>
+                                <span>47</span><span class="text-zinc-400">M</span>
+                            </h3>
+                        </div>
+                        <div class="p-4" dir="ltr">
+                            <div id="chart_weekly_report" class="h-40"></div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden mb-4">
+                        <div class="flex items-center justify-between p-4 pb-0">
+                            <h5 class="text-lg">Top Tutors</h5>
+                            <a href="#!" class="btn btn-sm btn-default">View All</a>
+                        </div>
+                        <ul class="px-4 divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <img src="images/avatars/thumb-1.jpg" class="size-10 rounded-full" alt="">
+                                </a>
+                                <div class="flex-grow overflow-hidden">
+                                    <h6 class="mb-1"><a href="#!">Emily Doe</a></h6>
+                                    <p class="text-zinc-400 truncate">UI UX Developer</p>
+                                </div>
+                                <div class="shrink-0">
+                                    <h5 class="text-lg">23</h5>
+                                    <span class="text-sm text-zinc-400">Courses</span>
+                                </div>
+                            </li>
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <img src="images/avatars/thumb-9.jpg" class="size-10 rounded-full" alt="">
+                                </a>
+                                <div class="flex-grow overflow-hidden">
+                                    <h6 class="mb-1"><a href="#!">Emily Doe</a></h6>
+                                    <p class="text-zinc-400 truncate">Animations</p>
+                                </div>
+                                <div class="shrink-0">
+                                    <h5 class="text-lg">31</h5>
+                                    <span class="text-sm text-zinc-400">Courses</span>
+                                </div>
+                            </li>
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <img src="images/avatars/thumb-3.jpg" class="size-10 rounded-full" alt="">
+                                </a>
+                                <div class="flex-grow overflow-hidden">
+                                    <h6 class="mb-1"><a href="#!">Emily Doe</a></h6>
+                                    <p class="text-zinc-400 truncate">Python developer</p>
+                                </div>
+                                <div class="shrink-0">
+                                    <h5 class="text-lg">17</h5>
+                                    <span class="text-sm text-zinc-400">Courses</span>
+                                </div>
+                            </li>
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <img src="images/avatars/thumb-8.jpg" class="size-10 rounded-full" alt="">
+                                </a>
+                                <div class="flex-grow">
+                                    <h6 class="mb-1"><a href="#!">Emily Doe</a></h6>
+                                    <p class="text-zinc-400 truncate">React developer</p>
+                                </div>
+                                <div class="shrink-0 overflow-hidden">
+                                    <h5 class="text-lg">23</h5>
+                                    <span class="text-sm text-zinc-400">Courses</span>
+                                </div>
+                            </li>
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <img src="images/avatars/thumb-2.jpg" class="size-10 rounded-full" alt="">
+                                </a>
+                                <div class="flex-grow overflow-hidden">
+                                    <h6 class="mb-1"><a href="#!">Emily Doe</a></h6>
+                                    <p class="text-zinc-400 truncate">Wordpress developer goes godow here</p>
+                                </div>
+                                <div class="shrink-0">
+                                    <h5 class="text-lg">7</h5>
+                                    <span class="text-sm text-zinc-400">Courses</span>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4 grid grid-cols-1 lg:grid-cols-12 mb-4 gap-4">
+                <div class="lg:col-span-4">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex items-center justify-between p-4 pb-2">
+                            <h5 class="text-lg">Top courses</h5>
+                            <a href="#!" class="btn btn-sm btn-default">View All</a>
+                        </div>
+                        <ul class="px-4 divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                            <!--:List item:-->
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <img src="images/brands/figma.svg" class="w-10 h-auto">
+                                </a>
+                                <div class="flex-grow">
+                                    <h6 class="mb-0.5"><a href="#!">Prototype in Figma</a></h6>
+                                    <p class="text-zinc-400 flex items-center gap-1">
+                                        <span class="icon-[lucide--eye]"></span> 12.5K views
+                                    </p>
+                                </div>
+                            </li>
+                            <!--:List item:-->
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <div
+                                        class="shrink-0 flex items-center justify-center size-10 rounded-lg bg-sky-500/10 text-sky-500">
+                                        <span class="icon-[lucide--palette] text-2xl"></span>
+                                    </div>
+                                </a>
+                                <div class="flex-grow">
+                                    <h6 class="mb-0.5"><a href="#!">Design system</a></h6>
+                                    <p class="text-zinc-400 flex items-center gap-1">
+                                        <span class="icon-[lucide--eye]"></span> 11.25K views
+                                    </p>
+                                </div>
+                            </li>
+                            <!--:List item:-->
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <div
+                                        class="shrink-0 flex items-center justify-center size-10 rounded-lg bg-blue-500/10 text-blue-500">
+                                        <span class="icon-[tabler--brand-python] text-2xl"></span>
+                                    </div>
+                                </a>
+                                <div class="flex-grow">
+                                    <h6 class="mb-0.5"><a href="#!">Python development</a></h6>
+                                    <p class="text-zinc-400 flex items-center gap-1">
+                                        <span class="icon-[lucide--eye]"></span> 10.7K views
+                                    </p>
+                                </div>
+                            </li>
+                            <!--:List item:-->
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <div
+                                        class="shrink-0 flex items-center justify-center size-10 rounded-lg bg-primary/10 text-primary">
+                                        <span class="icon-[tabler--brand-react] text-2xl"></span>
+                                    </div>
+                                </a>
+                                <div class="flex-grow">
+                                    <h6 class="mb-0.5"><a href="#!">React development</a></h6>
+                                    <p class="text-zinc-400 flex items-center gap-1">
+                                        <span class="icon-[lucide--eye]"></span> 9.5K views
+                                    </p>
+                                </div>
+                            </li>
+                            <!--:List item:-->
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <div
+                                        class="shrink-0 flex items-center justify-center size-10 rounded-lg bg-amber-500/10 text-amber-500">
+                                        <span class="icon-[tabler--brand-html5] text-2xl"></span>
+                                    </div>
+                                </a>
+                                <div class="flex-grow">
+                                    <h6 class="mb-0.5"><a href="#!">Basic html css</a></h6>
+                                    <p class="text-zinc-400 flex items-center gap-1">
+                                        <span class="icon-[lucide--eye]"></span> 5.5K views
+                                    </p>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="lg:col-span-8">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex items-center justify-between p-4 pb-2">
+                            <h5 class="text-lg">Your courses</h5>
+                            <a href="#!" class="btn btn-sm btn-default">Manage</a>
+                        </div>
+                        <div class="overflow-x-auto px-4">
+                            <table class="table-default">
+                                <thead>
+                                    <tr>
+                                        <th>Course name</th>
+                                        <th class="whitespace-nowrap">Time spend</th>
+                                        <th class="whitespace-nowrap">Progress</th>
+                                        <th class="whitespace-nowrap">Summary</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td class="min-w-64">
+                                            <div class="flex gap-3.5">
+                                                <a href="#!" class="shrink-0">
+                                                   <img src="images/projects/2.jpg" class="rounded-lg w-14 h-auto" alt="">
+                                                </a>
+                                                <div class="flex-grow">
+                                                    <h6 class="mb-1.5"><a href="#!">Prototype in Figma</a></h6>
+                                                    <div class="flex items-center gap-2">
+                                                        <img src="images/avatars/thumb-1.jpg"
+                                                            class="size-6 rounded-full shrink-0" alt="">
+                                                        <p>Emily doe</p>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </td>
+                                        <td>3h 23m</td>
+                                        <td class="min-w-40">
+                                            <div class="flex items-center gap-3.5">
+                                                <div class="h-1.5 bg-sky-500/10 rounded-full flex-grow">
+                                                    <div class="progress-bg h-1.5 bg-blue-500 rounded-full"
+                                                        style="width: 60%;"></div>
+                                                </div>
+                                                <span class="font-semibold">60%</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-4">
+                                                <div class="flex flex-col gap-1">
+                                                    <span class="icon-[lucide--users] text-xl text-sky-500"></span>
+                                                    <span>345</span>
+                                                </div>
+                                                <div class="flex flex-col gap-1">
+                                                    <span class="icon-[lucide--video] text-xl text-red-500"></span>
+                                                    <span>22</span>
+                                                </div>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                      <tr>
+                                        <td class="min-w-64">
+                                            <div class="flex gap-3.5">
+                                                <a href="#!" class="shrink-0">
+                                                   <img src="images/projects/4.jpg" class="rounded-lg w-14 h-auto" alt="">
+                                                </a>
+                                                <div class="flex-grow">
+                                                    <h6 class="mb-1.5"><a href="#!">AI masterclass</a></h6>
+                                                    <div class="flex items-center gap-2">
+                                                        <img src="images/avatars/thumb-5.jpg"
+                                                            class="size-6 rounded-full shrink-0" alt="">
+                                                        <p>Nikita Yo</p>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </td>
+                                        <td>4h 11m</td>
+                                        <td class="min-w-40">
+                                            <div class="flex items-center gap-3.5">
+                                                <div class="h-1.5 bg-green-500/10 rounded-full flex-grow">
+                                                    <div class="progress-bg h-1.5 bg-green-500 rounded-full"
+                                                        style="width: 75%;"></div>
+                                                </div>
+                                                <span class="font-semibold">75%</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-4">
+                                                <div class="flex flex-col gap-1">
+                                                    <span class="icon-[lucide--users] text-xl text-sky-500"></span>
+                                                    <span>1.3K</span>
+                                                </div>
+                                                <div class="flex flex-col gap-1">
+                                                    <span class="icon-[lucide--video] text-xl text-red-500"></span>
+                                                    <span>22</span>
+                                                </div>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                      <tr>
+                                        <td class="min-w-64">
+                                            <div class="flex gap-3.5">
+                                                <a href="#!" class="shrink-0">
+                                                   <img src="images/projects/3.jpg" class="rounded-lg w-14 h-auto" alt="">
+                                                </a>
+                                                <div class="flex-grow">
+                                                    <h6 class="mb-1.5"><a href="#!">Paython development</a></h6>
+                                                    <div class="flex items-center gap-2">
+                                                        <img src="images/avatars/thumb-7.jpg"
+                                                            class="size-6 rounded-full shrink-0" alt="">
+                                                        <p>John smith</p>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </td>
+                                        <td>1h 48m</td>
+                                        <td class="min-w-40">
+                                            <div class="flex items-center gap-3.5">
+                                                <div class="h-1.5 bg-amber-500/10 rounded-full flex-grow">
+                                                    <div class="progress-bg h-1.5 bg-amber-500 rounded-full"
+                                                        style="width: 40%;"></div>
+                                                </div>
+                                                <span class="font-semibold">40%</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-4">
+                                                <div class="flex flex-col gap-1">
+                                                    <span class="icon-[lucide--users] text-xl text-sky-500"></span>
+                                                    <span>87</span>
+                                                </div>
+                                                <div class="flex flex-col gap-1">
+                                                    <span class="icon-[lucide--video] text-xl text-red-500"></span>
+                                                    <span>44</span>
+                                                </div>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+    <!--:Dashboard scripts:-->
+    <script src="vendor/js/echarts.min.js"></script>
+    <script src="js/dashboard-education.js" type="text/javascript"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/index-jobs.html b/public_html/raven-demo/index-jobs.html
new file mode 100644
index 0000000..3d19fba
--- /dev/null
+++ b/public_html/raven-demo/index-jobs.html
@@ -0,0 +1,1266 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300 text-left rtl:text-right">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item jobs_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item jobs_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item jobs_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item jobs_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content relative flex-grow pt-4 lg:px-4">
+            <!--:Prelaoder:-->
+            <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+                <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+                    <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+                </div>
+            </div>
+            <div class="px-4 grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                <div class="md:col-span-4">
+                    <div class="grid grid-cols-1 gap-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-primary shadow-card overflow-hidden p-4 relative">
+                            <div class="relative">
+                                <h2 class="text-lg !text-white font-semibold mb-1">Welcome back Emily!👋</h2>
+                                <p class="mb-3 text-white/60">You're viewing the jobs portal dashboard</p>
+                                <button type="button" class="border-b border-dashed text-white cursor-pointer">Post New
+                                    Job</button>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="flex items-center rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden p-4 relative">
+                            <div class="flex-grow">
+                                <h5 class="text-2xl mb-1">2239</h5>
+                                <p class="mb-2">Jobs posted</p>
+                                <span class="text-sm text-muted italic flex items-center gap-1">
+                                    <span class="text-green-500 flex items-center gap-1">
+                                        <span class="icon-[lucide--arrow-up-right]"></span>
+                                        2.5%</span> vs last year
+                                </span>
+                            </div>
+                            <div
+                                class="shrink-0 bg-amber-500/10 text-amber-500 rounded-full size-12 flex items-center justify-center">
+                                <span class="icon-[lucide--briefcase-business] text-2xl"></span>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="flex items-center rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden p-4 relative">
+                            <div class="flex-grow">
+                                <h5 class="text-2xl mb-1">33.5K</h5>
+                                <p class="mb-2">Applications received</p>
+                                <span class="text-sm text-muted italic flex items-center gap-1">
+                                    <span class="text-green-500 flex items-center gap-1">
+                                        <span class="icon-[lucide--arrow-up-right]"></span>
+                                        7.5%</span> vs last year
+                                </span>
+                            </div>
+                            <div
+                                class="shrink-0 bg-primary-subtle text-primary rounded-full size-12 flex items-center justify-center">
+                                <span class="icon-[lucide--file-check] text-2xl"></span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="md:col-span-8">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="px-4 py-4 flex items-center justify-between">
+                            <h3 class="text-lg">Overview</h3>
+                            <nav class="flex nav gap-3 nav-underline items-center gap-1" role="tablist">
+                                <button class="nav-link active" type="button" data-bs-toggle="tab" data-bs-target="#t1"
+                                    aria-selected="false" role="tab" tabindex="-1">This year</button>
+                                <button class="nav-link" type="button" data-bs-toggle="tab" data-bs-target="#t2"
+                                    aria-selected="false" tabindex="-1" role="tab">Last year</button>
+                            </nav>
+                        </div>
+                        <div class="p-4" dir="ltr">
+                            <div id="chart_jobs" class="w-full h-70"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4 grid grid-cols-1 gap-4 mb-4">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <h5 class="text-lg">
+                            Applicants summary
+                        </h5>
+                    </div>
+                    <div class="p-4">
+                        <div class="flex flex-wrap items-start justify-between">
+                            <div>
+                                <h3 class="text-3xl mb-1">33.5K</h3>
+                                <p class="text-zinc-400">Total applications received</p>
+                            </div>
+                            <!--:Legend:-->
+                            <div class="flex flex-wrap gap-3 pt-4">
+                                <span class="badge bg-primary-subtle text-primary">
+                                    Full time
+                                </span>
+                                <span class="badge bg-blue-500/10 text-blue-500">
+                                    Part time
+                                </span>
+                                <span class="badge bg-sky-500/10 text-sky-500">
+                                    Remote
+                                </span>
+                                <span class="badge bg-amber-500/10 text-amber-500">
+                                    Internship
+                                </span>
+                                <span class="badge bg-red-500/10 text-red-500">
+                                    Contract
+                                </span>
+                            </div>
+                        </div>
+                        <div class="h-10"></div>
+                        <div class="flex items-center pb-4">
+                            <!--:Bar:-->
+                            <div class="progress h-4 flex-grow" style="width: 40%;" role="progressbar"
+                                aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" data-bs-toggle="tooltip"
+                                data-bs-placement="top" aria-label="Full time" data-bs-original-title="Full time">
+                                <div
+                                    class="progress-bar rounded-s-lg overflow-visible bg-primary border-end border-white dark:border-zinc-900 border-2 text-start">
+                                    <span class="text-muted relative -top-6 block pointer-events-none">9.1k</span>
+                                </div>
+                            </div>
+                            <!--:Bar:-->
+                            <div class="progress h-4 flex-grow" style="width: 20%;" role="progressbar"
+                                aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" data-bs-toggle="tooltip"
+                                data-bs-placement="top" aria-label="Part time" data-bs-original-title="Part time">
+                                <div
+                                    class="progress-bar overflow-visible bg-blue-500 border-end border-white dark:border-zinc-900 border-2 text-start">
+                                    <span class="text-muted relative -top-6 block pointer-events-none">8.3k</span>
+                                </div>
+                            </div>
+                            <!--:Bar:-->
+                            <div class="progress h-4 flex-grow" style="width: 19%;" role="progressbar"
+                                aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" data-bs-toggle="tooltip"
+                                data-bs-placement="top" aria-label="Remote" data-bs-original-title="Remote">
+                                <div
+                                    class="progress-bar overflow-visible bg-sky-500 border-end border-white dark:border-zinc-900 border-2 text-start">
+                                    <span class="text-muted relative -top-6 block pointer-events-none">7.3k</span>
+                                </div>
+                            </div>
+                            <!--:Bar:-->
+                            <div class="progress h-4 flex-grow" style="width: 12%;" role="progressbar"
+                                aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" data-bs-toggle="tooltip"
+                                data-bs-placement="top" aria-label="Internship" data-bs-original-title="Internship">
+                                <div
+                                    class="progress-bar overflow-visible bg-amber-500 border-end border-white dark:border-zinc-900 border-2 text-start">
+                                    <span class="text-muted relative -top-6 block pointer-events-none">5.8k</span>
+                                </div>
+                            </div>
+                            <!--:Bar:-->
+                            <div class="progress h-4 flex-grow" style="width: 9%;" role="progressbar" aria-valuenow="50"
+                                aria-valuemin="0" aria-valuemax="100" data-bs-toggle="tooltip" data-bs-placement="top"
+                                aria-label="Contract" data-bs-original-title="Contract">
+                                <div
+                                    class="progress-bar rounded-e-lg overflow-visible bg-red-500 border-end border-white dark:border-zinc-900 border-2 text-start">
+                                    <span class="text-muted relative -top-6 block pointer-events-none">2.8k</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4 grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                <div class="md:col-span-7">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden relative">
+                        <div class="px-4 py-4 flex items-center justify-between">
+                            <h5 class="text-lg">
+                                Recent applications
+                            </h5>
+                            <a href="#!" class="border-b border-dashed text-primary hover:text-current">View all</a>
+                        </div>
+                        <div class="overflow-x-auto px-4">
+                            <table class="table-default whitespace-nowrap">
+                                <thead class="border-t border-zinc-500/10 dark:border-zinc-800">
+                                    <tr>
+                                        <th>#</th>
+                                        <th>Date</th>
+                                        <th class="min-w-36">Name</th>
+                                        <th>Position</th>
+                                        <th>Status</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td>1</td>
+                                        <td>2025-08-07</td>
+                                        <td>
+                                            <div class="flex items-center gap-2">
+                                                <img src="images/avatars/thumb-9.jpg" alt="John Doe"
+                                                    class="w-6 h-6 block rounded-full">
+                                                <span class="truncate">John Doe</span>
+                                            </div>
+                                        </td>
+                                        <td>Frontend Developer</td>
+                                        <td><span class="badge bg-amber-500/10 text-amber-500">Pending</span></td>
+                                    </tr>
+                                    <tr>
+                                        <td>2</td>
+                                        <td>2025-08-06</td>
+                                        <td>
+                                            <div class="flex items-center gap-2">
+                                                <img src="images/avatars/thumb-2.jpg" alt="Sarah Lee"
+                                                    class="w-6 h-6 block rounded-full">
+                                                <span class="truncate">Sarah Lee</span>
+                                            </div>
+                                        </td>
+                                        <td>UI/UX Designer</td>
+                                        <td><span class="badge bg-lime-500/10 text-lime-500">Interview</span></td>
+                                    </tr>
+                                    <tr>
+                                        <td>3</td>
+                                        <td>2025-08-05</td>
+                                        <td>
+                                            <div class="flex items-center gap-2">
+                                                <img src="images/avatars/thumb-8.jpg" alt="Mark Evans"
+                                                    class="w-6 h-6 block rounded-full">
+                                                <span class="truncate">Mark Evans</span>
+                                            </div>
+                                        </td>
+                                        <td>Backend Engineer</td>
+                                        <td><span class="badge bg-blue-500/10 text-blue-500">Shortlisted</span></td>
+                                    </tr>
+                                    <tr>
+                                        <td>4</td>
+                                        <td>2025-08-04</td>
+                                        <td>
+                                            <div class="flex items-center gap-2">
+                                                <img src="images/avatars/thumb-4.jpg" alt="Emily Stone"
+                                                    class="w-6 h-6 block rounded-full">
+                                                <span class="truncate">Emily Stone</span>
+                                            </div>
+                                        </td>
+                                        <td>QA Tester</td>
+                                        <td><span class="badge bg-red-500/10 text-red-500">Rejected</span></td>
+                                    </tr>
+                                    <tr>
+                                        <td>5</td>
+                                        <td>2025-08-03</td>
+                                        <td>
+                                            <div class="flex items-center gap-2">
+                                                <img src="images/avatars/thumb-6.jpg" alt="Chris Paul"
+                                                    class="w-6 h-6 block rounded-full">
+                                                <span class="truncate">Chris Paul</span>
+                                            </div>
+                                        </td>
+                                        <td>DevOps Engineer</td>
+                                        <td><span class="badge bg-lime-500/10 text-lime-500">Interview</span></td>
+                                    </tr>
+                                    <tr>
+                                        <td>6</td>
+                                        <td>2025-08-02</td>
+                                        <td>
+                                            <div class="flex items-center gap-2">
+                                                <img src="images/avatars/thumb-3.jpg" alt="Linda Ray"
+                                                    class="w-6 h-6 block rounded-full">
+                                                <span class="truncate"> Linda Ray</span>
+                                            </div>
+                                        </td>
+                                        <td>Product Manager</td>
+                                        <td><span class="badge bg-amber-500/10 text-amber-500">Pending</span></td>
+                                    </tr>
+
+                                </tbody>
+                            </table>
+
+                        </div>
+                    </div>
+                </div>
+                <div class="md:col-span-5">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden relative">
+                        <div class="px-4 py-4 flex items-center justify-between">
+                            <h5 class="text-lg">
+                                Impression
+                            </h5>
+                        </div>
+                        <div class="px-4 pb-4" dir="ltr">
+                            <div id="chart_impression" class="w-full h-80"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+    <!--:Dashboard scripts:-->
+    <script src="vendor/js/echarts.min.js"></script>
+    <script src="js/dashboard-jobs.js" type="text/javascript"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/index-marketing.html b/public_html/raven-demo/index-marketing.html
new file mode 100644
index 0000000..817b10f
--- /dev/null
+++ b/public_html/raven-demo/index-marketing.html
@@ -0,0 +1,1395 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300 text-left rtl:text-right">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item marketing_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item marketing_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item marketing_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item marketing_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 pt-4 pb-4 flex flex-col sm:flex-row sm:items-center">
+            <div class="flex-grow mb-3 sm:mb-0">
+                <h2 class="text-xl font-semibold mb-1 text-black dark:text-white">Marketing</h2>
+                <p>You're viewing the main digital marketing summary</p>
+            </div>
+            <div class="shrink-0">
+                <button type="button" class="btn bg-primary text-white hover:bg-primary-deep">Create
+                    Campaign</button>
+            </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content relative lg:px-4 flex-grow">
+            <!--:Prelaoder:-->
+            <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+                <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+                    <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+                </div>
+            </div>
+            <div class="px-4">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden mb-4">
+                    <div class="px-4 py-4 flex items-center justify-between">
+                        <h3 class="text-lg">Ads performance</h3>
+                        <!--:Relative:-->
+                        <div class="relative">
+                            <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown"
+                                aria-expanded="false">
+                                <span class="icon-[lucide--more-vertical] text-lg"></span>
+                            </button>
+                            <div class="dropdown-menu z-50 absolute min-w-32 top-full !end-0 !start-auto">
+                                <a href="#!" class="dropdown-item">
+                                    Weekly
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    Monthly
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    Yearly
+                                </a>
+                                <hr class="my-2 border-zinc-200 dark:border-white/5">
+                                <a href="#!" class="dropdown-item">
+                                    <span class="icon-[tabler--reload] dropdown-icon"></span>
+                                    Refresh
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="p-4" dir="ltr">
+                        <div id="chart_visitor" class="w-full h-80"></div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4">
+                <div class="mb-4 p-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="mb-2.5 flex items-center justify-between">
+                        <h5 class="text-lg">KPI summary</h5>
+                    </div>
+                    <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
+
+                        <!--:Card:-->
+                        <div class="overflow-hidden p-4 bg-zinc-50 dark:bg-white/3 rounded-xl">
+                            <div
+                                class="flex items-center justify-center mb-3 size-10 flex rounded-full shrink-0 bg-yellow-500 text-white">
+                                <span class="icon-[lucide--dollar-sign] text-xl"></span>
+                            </div>
+                            <p class="mb-2">Total spend</p>
+                            <h5 class="text-xl mb-2">394,858</h5>
+                            <span class="text-sm text-muted flex items-center gap-1"><span
+                                    class="text-green-500">+5%</span>vs last
+                                period</span>
+                        </div>
+                        <!--:Card:-->
+                        <div class="overflow-hidden p-4 bg-zinc-50 dark:bg-white/3 rounded-xl">
+                            <div
+                                class="flex items-center justify-center mb-3 size-10 flex rounded-full shrink-0 bg-primary text-white">
+                                <span class="icon-[lucide--refresh-ccw-dot] text-xl"></span>
+                            </div>
+                            <p class="mb-2">ROI</p>
+                            <h5 class="text-xl mb-2">67%</h5>
+                            <span class="text-sm text-muted flex items-center gap-1"><span
+                                    class="text-green-500">+2.3%</span>vs
+                                last period</span>
+                        </div>
+                        <!--:Card:-->
+                        <div class="overflow-hidden p-4 bg-zinc-50 dark:bg-white/3 rounded-xl">
+                            <div
+                                class="flex items-center justify-center mb-3 size-10 flex rounded-full shrink-0 bg-blue-500 text-white">
+                                <span class="icon-[lucide--percent] text-xl"></span>
+                            </div>
+                            <p class="mb-2">Conversion rates</p>
+                            <h5 class="text-xl mb-2">6.5%</h5>
+                            <span class="text-sm text-muted flex items-center gap-1"><span
+                                    class="text-green-500">+0.8%</span>vs
+                                last period</span>
+                        </div>
+                        <!--:Card:-->
+                        <div class="overflow-hidden p-4 bg-zinc-50 dark:bg-white/3 rounded-xl">
+                            <div
+                                class="flex items-center justify-center mb-3 size-10 flex rounded-full shrink-0 bg-red-500 text-white">
+                                <span class="icon-[lucide--magnet] text-xl"></span>
+                            </div>
+                            <p class="mb-2">Total lead</p>
+                            <h5 class="text-xl mb-2">3829</h5>
+                            <span class="text-sm text-muted flex items-center gap-1"><span
+                                    class="text-green-500">+1.3%</span>vs
+                                last period</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 px-4 md:grid-cols-12 gap-4 mb-4">
+                <div class="md:col-span-6">
+                    <!--:card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex justify-between items-center px-4 py-4">
+                            <h5 class="text-lg">
+                                Lead conversion
+                            </h5>
+                        </div>
+                        <div class="flex px-4 items-center gap-4">
+                            <div class="flex-grow text-muted flex items-center gap-2 bg-zinc-100 dark:bg-zinc-800 rounded-md px-3">
+                                Current rate <span class="text-green-500 text-lg font-semibold">6%</span>
+                            </div>
+                            <div class="flex-grow text-muted flex items-center gap-2">
+                                Target rate <span class="text-lg font-semibold">9.5%</span>
+                            </div>
+                        </div>
+                        <div class="py-4 px-4" dir="ltr">
+                            <div id="chart_lead" class="w-full h-64"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="md:col-span-6">
+                    <!--:card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex justify-between items-center px-4 py-4">
+                            <h5 class="text-lg">
+                                Top channel
+                            </h5>
+                            <button type="button" class="btn btn-sm btn-default">
+                                Export Data
+                            </button>
+                        </div>
+                        <div class="p-4 pt-0 flex items-center gap-2">
+                            <p class="text-muted">Visitors</p>
+                            <div class="flex items-center gap-1">
+                                <h3 class="text-lg font-semibold">79,328</h3>
+                                <span class="text-green-500 text-sm">+5.4%</span>
+                            </div>
+                        </div>
+                        <div class="overflow-x-auto px-4">
+                            <table class="table-default">
+                                <thead class="border-t border-zinc-500/10 dark:border-zinc-800">
+                                    <tr>
+                                        <th class="whitespace-nowrap">Channel</th>
+                                        <th class="whitespace-nowrap">Percentage
+                                        </th>
+                                        <th class="whitespace-nowrap">Total</th>
+                                    </tr>
+                                </thead>
+                                <tbody class="divide-y divide-zinc-100 dark:divide-zinc-900">
+                                    <tr>
+                                        <td>
+                                            <div class="flex items-center gap-2"><span>
+                                                    <img alt="" class="w-5" src="images/brands/google.svg"></span>
+                                                <div class="font-semibold">Google</div>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            50%
+                                        </td>
+                                        <td>
+                                            39483
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <div class="flex items-center gap-2"><span>
+                                                    <img alt="" class="w-5" src="images/brands/youtube.svg"></span>
+                                                <div class="font-semibold">Youtube</div>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            30%
+                                        </td>
+                                        <td>
+                                            36382
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <div class="flex items-center gap-2"><span>
+                                                    <img alt="" class="w-5" src="images/brands/instagram.svg"></span>
+                                                <div class="font-semibold">Instagram</div>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            15%
+                                        </td>
+                                        <td>
+                                            21829
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <div class="flex items-center gap-2"><span>
+                                                    <img alt="" class="w-5" src="images/brands/linkedin.svg"></span>
+                                                <div class="font-semibold">Linkedin</div>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            10%
+                                        </td>
+                                        <td>
+                                            18372
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <div class="flex items-center gap-2"><span>
+                                                    <img alt="" class="w-5 bg-white rounded"
+                                                        src="images/brands/tiktok.svg"></span>
+                                                <div class="font-semibold">Tiktok</div>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            5%
+                                        </td>
+                                        <td>
+                                            12938
+                                        </td>
+                                    </tr>
+
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4 mb-4">
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="flex justify-between items-center px-4 py-4">
+                        <h5 class="text-lg">
+                            Campaigns
+                        </h5>
+                        <button type="button" class="btn btn-sm btn-default">
+                            Create campaign
+                        </button>
+                    </div>
+                    <div class="overflow-x-auto px-4">
+                        <table class="table-default">
+                            <thead class="border-t border-zinc-500/10 dark:border-zinc-800">
+                                <tr>
+                                    <th></th>
+                                    <th>Creator</th>
+                                    <th>Campaign</th>
+                                    <th>Status</th>
+                                    <th>Budget</th>
+                                    <th>Conversions</th>
+                                    <th>Start</th>
+                                    <th>End</th>
+                                </tr>
+                            </thead>
+                            <tbody
+                                class="divide-y divide-zinc-200 dark:divide-zinc-900 border-t border-zinc-200 dark:border-zinc-800">
+                                <tr>
+                                    <td>
+                                        <input type="checkbox" checked="" id="camp1"
+                                            class="input-switch disabled:opacity-50 disabled:pointer-events-none"
+                                            disabled="">
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <div class="flex items-center">
+                                            <span data-bs-toggle="tooltip" data-bs-title="Nikita Miller">
+                                                <img alt="" src="images/avatars/thumb-1.jpg"
+                                                    class="size-8 rounded-full shrink-0">
+                                            </span>
+                                        </div>
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <div class="flex items-center gap-2">
+                                            <img alt="" src="images/brands/facebook.svg"
+                                                class="size-8 rounded-full me-2 shrink-0">
+                                            <div>
+                                                <h6 class="leading-tight">Summer Sale 2025</h6>
+                                                <p class="text-sm">Promotional</p>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <span
+                                            class="badge !inline-flex items-center bg-green-500/10 text-green-500 gap-1">
+                                            <span class="size-1.5 rounded-full bg-green-500 block"></span> Completed
+                                        </span>
+                                    </td>
+                                    <td class="whitespace-nowrap">$25K</td>
+                                    <td>45%</td>
+                                    <td class="whitespace-nowrap">July 12, 2025</td>
+                                    <td class="whitespace-nowrap">July 19, 2025</td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <input type="checkbox" checked="" id="camp2"
+                                            class="input-switch disabled:opacity-50 disabled:pointer-events-none">
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <div class="flex items-center">
+                                            <span data-bs-toggle="tooltip" data-bs-title="John Doe">
+                                                <img alt="" src="images/avatars/thumb-9.jpg"
+                                                    class="size-8 rounded-full shrink-0">
+                                            </span>
+                                        </div>
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <div class="flex items-center gap-2">
+                                            <img alt="" src="images/brands/instagram.svg"
+                                                class="size-8 rounded-full me-2 shrink-0">
+                                            <div>
+                                                <h6 class="leading-tight">Brand Awareness</h6>
+                                                <p class="text-sm">Promotional</p>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <span class="badge inline-flex items-center bg-sky-500/10 text-sky-500 gap-1">
+                                            <span class="size-1.5 rounded-full bg-blue-500 block"></span> Active
+                                        </span>
+                                    </td>
+                                    <td class="whitespace-nowrap">$10K</td>
+                                    <td>45%</td>
+                                    <td class="whitespace-nowrap">July 12, 2025</td>
+                                    <td class="whitespace-nowrap">July 19, 2025</td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <input type="checkbox" id="camp3"
+                                            class="input-switch disabled:opacity-50 disabled:pointer-events-none">
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <div class="flex items-center">
+                                            <span data-bs-toggle="tooltip" data-bs-title="David Rya">
+                                                <img alt="" src="images/avatars/thumb-8.jpg"
+                                                    class="size-8 rounded-full shrink-0">
+                                            </span>
+                                        </div>
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <div class="flex items-center gap-2">
+                                            <img alt="" src="images/brands/dribbble.svg"
+                                                class="size-8 rounded-full me-2 shrink-0">
+                                            <div>
+                                                <h6 class="leading-tight">Branding Rollout</h6>
+                                                <p class="text-sm">Launch</p>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <span class="badge bg-zinc-300/20 text-muted !inline-flex items-center gap-1">
+                                            <span class="size-1.5 rounded-full bg-zinc-200 block"></span> Disabled
+                                        </span>
+                                    </td>
+                                    <td class="whitespace-nowrap">$15K</td>
+                                    <td>45%</td>
+                                    <td class="whitespace-nowrap">July 17, 2025</td>
+                                    <td class="whitespace-nowrap">July 24, 2025</td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <input type="checkbox" checked="" id="camp4"
+                                            class="input-switch disabled:opacity-50 disabled:pointer-events-none">
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <div class="flex items-center">
+                                            <span data-bs-toggle="tooltip" data-bs-title="Maria">
+                                                <img alt="" src="images/avatars/thumb-4.jpg"
+                                                    class="size-8 rounded-full shrink-0">
+                                            </span>
+                                        </div>
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <div class="flex items-center gap-2">
+                                            <img alt="" src="images/brands/youtube.svg"
+                                                class="size-8 rounded-full me-2 shrink-0">
+                                            <div>
+                                                <h6 class="leading-tight">Product sale</h6>
+                                                <p class="text-sm">Promotional</p>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <span class="badge inline-flex items-center bg-sky-500/10 text-sky-500 gap-1">
+                                            <span class="size-1.5 rounded-full bg-blue-500 block"></span> Active
+                                        </span>
+                                    </td>
+                                    <td class="whitespace-nowrap">$25K</td>
+                                    <td>65%</td>
+                                    <td class="whitespace-nowrap">June 10, 2025</td>
+                                    <td class="whitespace-nowrap">June 24, 2025</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+    <!--:Dashboard scripts:-->
+    <script src="vendor/js/echarts.min.js"></script>
+    <script src="js/dashboard-marketing.js" type="text/javascript"></script>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/index-restaurant.html b/public_html/raven-demo/index-restaurant.html
new file mode 100644
index 0000000..fa32013
--- /dev/null
+++ b/public_html/raven-demo/index-restaurant.html
@@ -0,0 +1,997 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+    <!--:Page css:-->
+    <link rel="stylesheet" href="vendor/css/sweetalert2.min.css">
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <link href="vendor/css/jsvectormap.min.css" rel="stylesheet">
+    <link rel="stylesheet" type="text/css" href="vendor/css/daterangepicker.css" />
+    <link rel="stylesheet" href="vendor/css/swiper-bundle.min.css">
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300 text-left rtl:text-right">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <div class="flex-grow logo-text ms-3">
+                        <h5 class="text-xl font-display leading-none">Raven</h5>
+                        <small class="opacity-50 text-xs">Restaurant</small>
+                    </div>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <a href="index-restaurant.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                             <span class="icon-[ph--chart-donut-duotone]"></span>
+                         </span>
+                        <span class="sidebar-text">Dashboard</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cOrders"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[ph--shopping-cart-duotone]"></span>
+                            </span>
+                            <span class="sidebar-text">Orders</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cOrders"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item @@orders_ongoing">Ongoing </a>
+                                <a href="#!" class="sidebar-collapse-item @@app_inbox">Completed</a>
+                                <a href="#!" class="sidebar-collapse-item @@app_chat">Canceled</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#menuManagement"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[ph--book-open-text-duotone]"></span>
+                            </span>
+                            <span class="sidebar-text">Menu Management</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="menuManagement"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item @@menuManagement_add_edit">Add/Edit Items </a>
+                                <a href="#!" class="sidebar-collapse-item @@menuManagement_categories">Categories</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cInventory"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[ph--storefront-duotone]"></span>
+                            </span>
+                            <span class="sidebar-text">Inventory</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cInventory"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item @@inventory_stock">Stock Levels</a>
+                                <a href="#!" class="sidebar-collapse-item @@inventory_expiry_alerts">Expiry Alerts</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[ph--users-three-duotone]"></span>
+                        </span>
+                        <span class="sidebar-text">Customers</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[ph--receipt-duotone]"></span>
+                        </span>
+                        <span class="sidebar-text">Transactions</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[ph--calendar-check-duotone]"></span>
+                        </span>
+                        <span class="sidebar-text">Reservations</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                       <span class="icon-[ph--chef-hat-duotone]"></span>  
+                        </span>
+                        <span class="sidebar-text">Staff</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[ph--user-circle-gear-duotone]"></span>
+                        </span>
+                        <span class="sidebar-text">Settings</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[ph--bell-simple-slash-duotone]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[ph--align-left-duotone]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-12">
+                    <div class="p-4 rounded-xl bg-zinc-800">
+                        <img src="images/restaurant/burger.png" alt="" class="w-32 relative -mt-12 mx-auto block">
+                        <h5 class="p-3 !text-white mb-2">
+                           Organize your food menu through link below
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary gap-1">
+                        Add Menu <span class="icon-[lucide--plus] text-base"></span>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </aside>
+
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-2">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+           <!--:Notifications:-->
+            <div class="sm:relative">
+              <button data-bs-auto-close="outside" type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                data-bs-toggle="dropdown" data-bs-display="static">
+                <span class="icon-[lucide--bell] text-lg"></span>
+                <!--:Notification badge with animation:-->
+                <span class="absolute right-1 top-1 flex size-2">
+                  <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                  <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                </span>
+              </button>
+              <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                <div class="px-3 pt-3 flex justify-between items-center">
+                  <h5 class="text-lg">Notifications</h5>
+                  <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                    <span class="icon-[lucide--mail-open]"></span>
+                  </button>
+                </div>
+                <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                  <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center shrink-0">
+                      📦
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal">
+                        <h6>
+                             New Online Order Received!
+                        </h6>
+                        <span class="text-sm">
+                            Order #8421 — 2x Chicken Biryani, 1x Coke
+                        </span>
+                        <span class="block">
+                            Total: $26.50
+                        </span>
+                      </div>
+                      <span class="text-zinc-400 text-sm">2 mins ago</span>
+                    </div>
+                  </a>
+                   <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center shrink-0">
+                      🔔
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal">
+                        <h6>
+                            Dine-In Order Added
+                        </h6>
+                        <span class="text-sm">
+                            Table #6 placed a new order
+                        </span>
+                        <span class="block">
+                            Total: $48.00
+                        </span>
+                      </div>
+                      <span class="text-zinc-400 text-sm">4 mins ago</span>
+                    </div>
+                  </a>
+                   <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center shrink-0">
+                      🚚
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal">
+                        <h6>
+                            Order #8395 Out for Delivery
+                        </h6>
+                        <span class="text-sm">
+                            Rider: John M.  ETA: 15 mins
+                        </span>
+                      </div>
+                      <span class="text-zinc-400 text-sm">5 mins ago</span>
+                    </div>
+                  </a>
+                </div>
+                <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                  <a href="#!"
+                    class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                    All</a>
+                </div>
+              </div>
+            </div>
+    
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+
+            <!--:User/Admin:-->
+            <div class="sm:relative">
+              <button data-bs-auto-close="outside" type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                data-bs-toggle="dropdown" data-bs-display="static">
+               <img src="images/avatars/thumb-1.jpg" class="w-6 shrink-0 rounded-md shrink-0" alt="">
+              </button>
+              <div class="dropdown-menu absolute w-36 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+               <div class="p-3 space-y-0.5">
+                        <a href="account-profile.html" class="dropdown-item">
+                            <span class="dropdown-icon">
+                                <span class="icon-[lucide--user]"></span>
+                            </span>Profile</a>
+                        <a href="account-settings.html" class="dropdown-item">
+                            <span class="dropdown-icon">
+                                <span class="icon-[lucide--settings]"></span>
+                            </span>Settings</a>
+                        <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                        <a href="auth-signin.html" class="dropdown-item">
+                            <span class="dropdown-icon">
+                                <span class="icon-[lucide--log-out]"></span>
+                            </span>Sign out</a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto overflow-hidden bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search food..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Trending items</h5>
+                <div class="flex items-center flex-wrap gap-2 px-4 pb-4">
+                    <a href="#!" class="btn btn-sm btn-default">
+                       <img src="images/restaurant/food/pizza.png" class="w-8 rounded-full me-2" alt="">
+                        Pizza
+                    </a>
+                    <a href="#!" class="btn btn-sm btn-default">
+                       <img src="images/restaurant/food/french-fries.png" class="w-8 rounded-full me-2" alt="">
+                        French Fries
+                    </a>
+                    <a href="#!" class="btn btn-sm btn-default">
+                       <img src="images/restaurant/food/donut.png" class="w-8 rounded-full me-2" alt="">
+                        Donut
+                    </a>
+                    <a href="#!" class="btn btn-sm btn-default">
+                       <img src="images/restaurant/food/taco.png" class="w-8 rounded-full me-2" alt="">
+                        Taco
+                    </a>
+                    <a href="#!" class="btn btn-sm btn-default">
+                       <img src="images/restaurant/food/coffee.png" class="w-8 rounded-full me-2" alt="">
+                        Coffee
+                    </a>
+                    <a href="#!" class="btn btn-sm btn-default">
+                       <img src="images/restaurant/food/burger.png" class="w-8 rounded-full me-2" alt="">
+                        Burger
+                    </a>
+                    <a href="#!" class="btn btn-sm btn-default">
+                       <img src="images/restaurant/food/hotdogs.png" class="w-8 rounded-full me-2" alt="">
+                        Hotdogs
+                    </a>
+                    <a href="#!" class="btn btn-sm btn-default">
+                       <img src="images/restaurant/food/chips.png" class="w-8 rounded-full me-2" alt="">
+                        Chips
+                    </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 pt-4 pb-4 flex flex-col sm:flex-row sm:items-center">
+            <div class="flex-grow mb-3 sm:mb-0">
+                <h2 class="text-xl font-semibold text-black dark:text-white">Welcome back Emily!</h2>
+            </div>
+            <div class="flex flex-col">
+                <small class="text-muted block mb-1">Data showing for</small>
+                <div class="inline-flex w-auto max-w-xs dark:bg-zinc-900 items-center gap-1 cursor-pointer text-sm"
+                    id="reportrange">
+                    <i class="icon-[lucide--calendar-days]"></i>
+                    <span></span><i class="icon-[lucide--chevron-down]"></i>
+                </div>
+            </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow relative">
+            <!--:Prelaoder:-->
+            <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+                <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+                    <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+                </div>
+            </div>
+
+            <div class="px-4 grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
+                <!--:card:-->
+                <div class="rounded-xl relative p-4 bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <span class="absolute end-0 top-0 me-2 mt-2 inline-flex items-center text-green-500 text-xs gap-1">
+                        <span class="icon-[lucide--trending-up]"></span>
+                        <span>13%</span>
+                    </span>
+                    <div class="flex items-center gap-5">
+                        <div class="w-16 shrink-0 flex items-center justify-center">
+                            <img src="images/restaurant/icons/food-delivery.svg" class="w-12" alt="">
+                        </div>
+                        <div class="flex-grow">
+                            <h4 class="text-2xl">23</h4>
+                            <p>Total orders</p>
+                        </div>
+                    </div>
+                </div>
+                <!--:card:-->
+                <div class="rounded-xl relative p-4 bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <span class="absolute end-0 top-0 me-2 mt-2 inline-flex items-center text-green-500 text-xs gap-1">
+                        <span class="icon-[lucide--trending-up]"></span>
+                        <span>22%</span>
+                    </span>
+                    <div class="flex items-center gap-5">
+                        <div class="w-16 shrink-0 flex items-center justify-center">
+                            <img src="images/restaurant/icons/food-payment.svg" class="w-12" alt="">
+                        </div>
+                        <div class="flex-grow">
+                            <h4 class="text-2xl">$3278</h4>
+                            <p>Revenue generated</p>
+                        </div>
+                    </div>
+                </div>
+                <!--:card:-->
+                <div class="rounded-xl relative p-4 bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <span class="absolute end-0 top-0 me-2 mt-2 inline-flex items-center text-red-500 text-xs gap-1">
+                        <span class="icon-[lucide--trending-down]"></span>
+                        <span>2%</span>
+                    </span>
+                    <div class="flex items-center gap-5">
+                        <div class="w-16 shrink-0 flex items-center justify-center">
+                            <img src="images/restaurant/icons/food-canceled.svg" class="w-12" alt="">
+                        </div>
+                        <div class="flex-grow">
+                            <h4 class="text-2xl">7</h4>
+                            <p>Order canceled</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="px-4 mb-4 gap-4 grid grid-cols-1 md:grid-cols-12">
+                <div class="md:col-span-7 lg:col-span-8">
+                    <div class="rounded-xl relative bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex items-center px-4 pt-4 gap-4 justify-between">
+                            <div class="flex-grow">
+                                <h5 class="text-lg">Orders flow</h5>
+                            </div>
+                            <nav class="flex nav items-center gap-1" role="tablist">
+                                    <button class="px-2 py-1 text-sm block rounded-md hover:bg-primary-subtle hover:text-primary cursor-pointer [.active]:bg-primary [.active]:text-white active" type="button" data-bs-toggle="tab" data-bs-target="#t1" aria-selected="true" role="tab">Daily</button>
+                                    <button class="px-2 py-1 text-sm block rounded-md hover:bg-primary-subtle hover:text-primary cursor-pointer [.active]:bg-primary [.active]:text-white" type="button" data-bs-toggle="tab" data-bs-target="#t2" aria-selected="false" role="tab" tabindex="-1">Weekly</button>
+                                    <button class="px-2 py-1 text-sm block rounded-md hover:bg-primary-subtle hover:text-primary cursor-pointer [.active]:bg-primary [.active]:text-white" type="button" data-bs-toggle="tab" data-bs-target="#t3" aria-selected="false" role="tab" tabindex="-1">Monthly</button>
+                                  </nav>
+                        </div>
+                        <div class="p-4" dir="ltr">
+                            <div id="chart_orders" class="w-full h-76"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="md:col-span-5 lg:col-span-4">
+                    <div class="rounded-xl relative bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex items-center px-4 pt-4 gap-4 justify-between">
+                            <div class="flex-grow">
+                                <h5 class="text-lg">Ongoing orders</h5>
+                                <div class="inline-flex items-center gap-2 bg-red-500/10 text-red-500 badge">
+                                    <span class="relative flex size-2">
+                                        <span
+                                            class="absolute inline-flex h-full w-full animate-ping rounded-full bg-red-400"></span>
+                                        <span class="relative inline-flex size-2 rounded-full bg-red-500"></span>
+                                    </span>
+                                    <span class="text-xs">Live</span>
+                                </div>
+                            </div>
+                            <div class="shrink-0">
+                                <div class="flex flex-col shrink-0">
+                                    <div class="swiper-orders-next text-lg leading-none cursor-pointer">
+                                        <span class="icon-[lucide--chevron-up]"></span>
+                                    </div>
+                                    <div class="swiper-orders-prev text-lg leading-none cursor-pointer">
+                                        <span class="icon-[lucide--chevron-down]"></span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="p-4">
+                            <div class="swiper swiper-orders" style="height:280px;">
+                                <div class="swiper-wrapper">
+                                    <div class="swiper-slide">
+                                        <!--:Order:-->
+                                        <div class="flex items-center gap-4">
+                                            <img src="images/restaurant/popular4.jpg" alt="Burger"
+                                                class="w-16 h-16 rounded-xl bg-zinc-100 dark:bg-zinc-700 skrink-0" />
+                                            <div class="flex-1">
+                                                <h4>Cheese Burger
+                                                    Combo</h4>
+                                                <p class="text-sm text-zinc-400">Order #8421 • Emma Johnson</p>
+                                                <div class="flex justify-between items-center mt-2">
+                                                    <span class="text-sm text-zinc-400">$18.50</span>
+                                                    <span class="badge bg-green-500/10 text-green-500">Preparing</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="swiper-slide">
+                                        <!--:Order:-->
+                                        <div class="flex items-center gap-4">
+                                            <img src="images/restaurant/popular6.jpg" alt="Burger"
+                                                class="w-16 h-16 rounded-xl bg-zinc-100 dark:bg-zinc-700 skrink-0" />
+                                            <div class="flex-1">
+                                                <h4>
+                                                    Margherita Pizza
+                                                </h4>
+                                                <p class="text-sm text-zinc-400">Order #8427 • Olivia Brown</p>
+                                                <div class="flex justify-between items-center mt-2">
+                                                    <span class="text-sm text-zinc-400">$16.75</span>
+                                                    <span class="badge bg-sky-500/10 text-sky-500">Ready for
+                                                        Pickup</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="swiper-slide">
+                                        <!--:Order:-->
+                                        <div class="flex items-center gap-4">
+                                            <img src="images/restaurant/popular5.jpg" alt="Burger"
+                                                class="w-16 h-16 rounded-xl bg-zinc-100 dark:bg-zinc-700 skrink-0" />
+                                            <div class="flex-1">
+                                                <h4>
+                                                    Fried Chicken
+                                                </h4>
+                                                <p class="text-sm text-zinc-400">Order #8429 • Sophia Patel</p>
+                                                <div class="flex justify-between items-center mt-2">
+                                                    <span class="text-sm text-zinc-400">$20.50</span>
+                                                    <span class="badge bg-red-500/10 text-red-500">Out for
+                                                        Delivery</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="swiper-slide">
+                                        <!--:Order:-->
+                                        <div class="flex items-center gap-4">
+                                            <img src="images/restaurant/food/taco.png" alt="Burger"
+                                                class="w-16 h-16 rounded-xl bg-zinc-100 dark:bg-zinc-700 p-1.5 skrink-0" />
+                                            <div class="flex-1">
+                                                <h4>
+                                                    Taco 3x
+                                                </h4>
+                                                <p class="text-sm text-zinc-400">Order #8430 • Liam Carter</p>
+                                                <div class="flex justify-between items-center mt-2">
+                                                    <span class="text-sm text-zinc-400">$9.50</span>
+                                                    <span class="badge bg-green-500/10 text-green-500">Preparing</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="swiper-slide">
+                                        <!--:Order:-->
+                                        <div class="flex items-center gap-4">
+                                            <img src="images/restaurant/food/coffee.png" alt="Burger"
+                                                class="w-16 h-16 rounded-xl bg-zinc-100 dark:bg-zinc-700 p-1.5 skrink-0" />
+                                            <div class="flex-1">
+                                                <h4>
+                                                    Cold Coffee
+                                                </h4>
+                                                <p class="text-sm text-zinc-400">Order #8430 • Celina Jetly</p>
+                                                <div class="flex justify-between items-center mt-2">
+                                                    <span class="text-sm text-zinc-400">$5.50</span>
+                                                    <span class="badge bg-sky-500/10 text-sky-500">Ready For
+                                                        Pickup</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4 grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                <div class="rounded-xl relative bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="px-4 pt-4 flex justify-between items-center">
+                        <h5 class="mb-0 text-lg">Best selling items</h5>
+                        <a href="#!" class="border-b border-dashed text-primary hover:text-current cursor-pointer">View
+                            All</a>
+                    </div>
+                    <div class="px-4 pt-4 divide-y divide-zinc-200 dark:divide-zinc-800">
+                        <a href="#!" class="flex items-center gap-5 py-3">
+                            <img src="images/restaurant/popular1.jpg" class="w-20 rounded-xl shrink-0" alt="">
+                            <div class="flex-grow">
+                                <h5 class="mb-1">Babka Cake with Chocolate</h5>
+                                <p class="flex items-center gap-1 mb-2">
+                                    <span class="icon-[lucide--shopping-cart]"></span> 589
+                                </p>
+                                <p class="flex items-center text-amber-500">
+                                    <span class="text-lg">★★★★☆</span>
+                                    <span class="text-zinc-400 text-sm">(389)</span>
+                                </p>
+                            </div>
+                        </a>
+                        <a href="#!" class="flex items-center gap-5 py-3">
+                            <img src="images/restaurant/popular2.jpg" class="w-20 rounded-xl shrink-0" alt="">
+                            <div class="flex-grow">
+                                <h5 class="mb-1">Vegetable salad</h5>
+                                <p class="flex items-center gap-1 mb-2">
+                                    <span class="icon-[lucide--shopping-cart]"></span> 453
+                                </p>
+                                <p class="flex items-center text-amber-500">
+                                    <span class="text-lg">★★★★☆</span>
+                                    <span class="text-zinc-400 text-sm">(321)</span>
+                                </p>
+                            </div>
+                        </a>
+                        <a href="#!" class="flex items-center gap-5 py-3">
+                            <img src="images/restaurant/popular4.jpg" class="w-20 rounded-xl shrink-0" alt="">
+                            <div class="flex-grow">
+                                <h5 class="mb-1">Mushroom Swiss Burger</h5>
+                                <p class="flex items-center gap-1 mb-2">
+                                    <span class="icon-[lucide--shopping-cart]"></span> 421
+                                </p>
+                                <p class="flex items-center text-amber-500">
+                                    <span class="text-lg">★★★★☆</span>
+                                    <span class="text-zinc-400 text-sm">(304)</span>
+                                </p>
+                            </div>
+                        </a>
+                        <a href="#!" class="flex items-center gap-5 py-3">
+                            <img src="images/restaurant/popular5.jpg" class="w-20 rounded-xl shrink-0" alt="">
+                            <div class="flex-grow">
+                                <h5 class="mb-1">Grilled Steaks with Potatoes</h5>
+                                <p class="flex items-center gap-1 mb-2">
+                                    <span class="icon-[lucide--shopping-cart]"></span> 408
+                                </p>
+                                <p class="flex items-center text-amber-500">
+                                    <span class="text-lg">★★★★☆</span>
+                                    <span class="text-zinc-400 text-sm">(294)</span>
+                                </p>
+                            </div>
+                        </a>
+                    </div>
+                </div>
+                <div class="rounded-xl relative bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="px-4 pt-4 flex justify-between items-center">
+                        <h5 class="mb-0 text-lg">Latest reviews</h5>
+                        <a href="#!" class="border-b border-dashed text-primary hover:text-current cursor-pointer">View
+                            All</a>
+                    </div>
+                    <ul class="divide-y pt-4 px-4 pb-1 divide-zinc-200 dark:divide-zinc-800">
+                        <li class="py-3">
+                            <div class="flex items-center gap-3 mb-3">
+                                <img src="images/avatars/thumb-2.jpg" alt="user"
+                                    class="size-8 rounded-full object-cover" />
+                                <div class="flex-grow">
+                                    <h4 class="mb-1">Liam Carter</h4>
+                                    <p class="text-xs text-zinc-400">Oct 27, 2025</p>
+                                </div>
+                                <span class="text-amber-500">★★★★☆</span>
+                            </div>
+                            <p class="leading-relaxed">
+                                Loved the pizza! Crispy crust and cheesy topping were perfect. Could use a little more
+                                spice
+                                next time.
+                            </p>
+                            <p class="text-xs text-zinc-400 mt-2">Ordered: Margherita Pizza</p>
+                        </li>
+                        <li class="py-3">
+                            <div class="flex items-center gap-3 mb-3">
+                                <img src="images/avatars/thumb-3.jpg" alt="user"
+                                    class="size-8 rounded-full object-cover" />
+                                <div class="flex-grow">
+                                    <h4 class="mb-1">Sophia Patel</h4>
+                                    <p class="text-xs text-zinc-400">Oct 25, 2025</p>
+                                </div>
+                                <span class="text-amber-500">★★★★★</span>
+                            </div>
+                            <p class="leading-relaxed">
+                                Best dining experience I’ve had recently. The ambiance was cozy and the staff were super
+                                friendly!
+                            </p>
+                            <p class="text-xs text-zinc-400 mt-2">Dine-in Experience</p>
+                        </li>
+                        <li class="py-3">
+                            <div class="flex items-center gap-3 mb-3">
+                                <img src="images/avatars/thumb-8.jpg" alt="user"
+                                    class="size-8 rounded-full object-cover" />
+                                <div class="flex-grow">
+                                    <h4 class="mb-1">Ethan Brooks</h4>
+                                    <p class="text-xs text-zinc-400">Oct 23, 2025</p>
+                                </div>
+                                <span class="text-amber-500">★★★☆☆</span>
+                            </div>
+                            <p class="leading-relaxed">
+                                The pasta was good but arrived slightly cold. Customer service handled it well and
+                                offered a replacement.
+                            </p>
+                            <p class="text-xs text-zinc-400 mt-2">Ordered: Alfredo Pasta</p>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="px-4 grid grid-cols-1 gap-4">
+                <div class="rounded-xl relative bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="px-4 pt-4 flex justify-between items-center">
+                        <h5 class="mb-0 text-lg">Inventory</h5>
+                        <a href="#!" class="border-b border-dashed text-primary hover:text-current cursor-pointer">View
+                            All</a>
+                    </div>
+                    <div class="px-4 pt-4 overflow-x-auto">
+                        <table class="table-default whitespace-nowrap mb-0">
+                            <thead>
+                                <tr>
+                                    <th scope="col">Item</th>
+                                    <th scope="col">Category</th>
+                                    <th scope="col">Stock</th>
+                                    <th scope="col">Unit Price</th>
+                                    <th scope="col">Status</th>
+                                    <th scope="col">Last Updated</th>
+                                    <th></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td><h6>Cheddar Cheese</h6></td>
+                                    <td>Dairy</td>
+                                    <td>24 kg</td>
+                                    <td>$5.50 /kg</td>
+                                    <td><span class="badge bg-green-500/10 text-green-500">In Stock</span></td>
+                                    <td>Nov 3, 2025</td>
+                                    <td class="text-end"><button type="button" class="btn btn-sm bg-zinc-700 text-white hover:bg-zinc-800 disabled:pointer-events-none disabled:opacity-50" disabled>Order</button></td>
+                                </tr>
+                                <tr>
+                                    <td><h6>Beef Patties</h6></td>
+                                    <td>Meat</td>
+                                    <td>8 kg</td>
+                                    <td>$9.75 /kg</td>
+                                    <td><span class="badge bg-amber-500/10 text-amber-500">Low Stock</span></td>
+                                    <td>Nov 2, 2025</td>
+                                    <td class="text-end"><button type="button" class="btn btn-sm bg-zinc-700 text-white hover:bg-zinc-800 disabled:pointer-events-none disabled:opacity-50">Order</button></td>
+                                </tr>
+                                <tr>
+                                    <td><h6>Tomato Sauce</h6></td>
+                                    <td>Condiments</td>
+                                    <td>18 L</td>
+                                    <td>$3.20 /L</td>
+                                    <td><span class="badge bg-green-500/10 text-green-500">In Stock</span></td>
+                                    <td>Nov 1, 2025</td>
+                                    <td class="text-end"><button type="button" class="btn btn-sm bg-zinc-700 text-white hover:bg-zinc-800 disabled:pointer-events-none disabled:opacity-50" disabled>Order</button></td>
+                                </tr>
+                                <tr>
+                                    <td><h6>Burger Buns</h6></td>
+                                    <td>Bakery</td>
+                                    <td>60 pcs</td>
+                                    <td>$0.80 /pc</td>
+                                    <td><span class="badge bg-red-500/10 text-red-500">Out of Stock</span></td>
+                                    <td>Oct 31, 2025</td>
+                                    <td class="text-end"><button type="button" class="btn btn-sm bg-zinc-700 text-white hover:bg-zinc-800 disabled:pointer-events-none disabled:opacity-50">Order</button></td>
+                                </tr>
+                                <tr>
+                                    <td><h6>Fresh Lettuce</h6></td>
+                                    <td>Vegetables</td>
+                                    <td>12 kg</td>
+                                    <td>$2.50 /kg</td>
+                                    <td><span class="badge bg-green-500/10 text-green-500">In Stock</span></td>
+                                    <td>Nov 3, 2025</td>
+                                    <td class="text-end"><button type="button" class="btn btn-sm bg-zinc-700 text-white hover:bg-zinc-800 disabled:pointer-events-none disabled:opacity-50" disabled>Order</button></td>
+                                </tr>
+                            </tbody>
+                        </table>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+    <!--:Dashboard scripts:-->
+    <script type="text/javascript" src="vendor/js/sweetalert2.all.min.js"></script>
+    <script type="text/javascript" src="vendor/js/echarts.min.js"></script>
+    <script type="text/javascript" src="js/dashboard-restaurant.js"></script>
+
+
+    <!--:Dashboard data range picker:-->
+    <script type="text/javascript" src="vendor/js/jquery.min.js"></script>
+    <script type="text/javascript" src="vendor/js/moment.min.js"></script>
+    <script type="text/javascript" src="vendor/js/daterangepicker.js"></script>
+    <script type="text/javascript">
+        $(function () {
+
+            var start = moment().subtract(0, 'days');
+            var end = moment();
+
+            function cb(start, end) {
+                $('#reportrange span').html(start.format('MMM D, YY') + ' - ' + end.format('MMM D, YY'));
+            }
+
+            $('#reportrange').daterangepicker({
+                startDate: start,
+                endDate: end,
+                ranges: {
+                    'Today': [moment(), moment()],
+                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+                    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                    'This Month': [moment().startOf('month'), moment().endOf('month')],
+                    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+                }
+            }, cb);
+
+            cb(start, end);
+
+        });
+    </script>
+
+    <script src="vendor/js/swiper-bundle.min.js"></script>
+    <script>
+        const verticalSwiper = new Swiper(".swiper-orders", {
+            direction: "vertical",
+            slidesPerView: 3,
+            spaceBetween: 10,
+            loop: true,
+            mousewheel: false,
+            pagination: {
+                el: ".swiper-pagination",
+                clickable: true,
+            },
+            navigation: {
+                nextEl: ".swiper-orders-next",
+                prevEl: ".swiper-orders-prev",
+            },
+        });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/index-social.html b/public_html/raven-demo/index-social.html
new file mode 100644
index 0000000..6db5a3d
--- /dev/null
+++ b/public_html/raven-demo/index-social.html
@@ -0,0 +1,1518 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+    <!--:Page css:-->
+    <link rel="stylesheet" href="vendor/css/sweetalert2.min.css">
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <link rel="stylesheet" type="text/css" href="vendor/css/daterangepicker.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300 text-left rtl:text-right">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item social_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item social_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item social_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item social_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 pt-4 pb-4 flex flex-col sm:flex-row gap-4 sm:items-center">
+            <div class="flex-grow flex items-center">
+                <div class="relative p-1 shadow-card rounded-lg bg-white dark:bg-zinc-900">
+                    <button data-bs-toggle="dropdown" type="button"
+                        class="btn !rounded-lg bg-white dark:bg-zinc-900 dar:bg-zinc-800 dark:hover:bg-zinc-700 hover:bg-zinc-100">
+                        <img src="images/brands/instagram.svg" class="size-5 me-3" alt="instagram">
+                        <span>Instagram</span>
+                        <span class="icon-[lucide--chevrons-down-up] ms-2"></span>
+                    </button>
+                    <!--:Dropdown:-->
+                    <div class="dropdown-menu absolute min-w-48 z-50 !mt-1.5 top-full">
+                        <a href="#!" class="dropdown-item active group">
+                            <img src="images/brands/instagram.svg" class="size-5 me-3" alt="instagram">
+                            <span>Instagram</span>
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group">
+                            <img src="images/brands/x.svg" class="size-5 me-3" alt="instagram">
+                            <span>X(twitter)</span>
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group">
+                            <img src="images/brands/facebook.svg" class="size-5 me-3" alt="instagram">
+                            <span>Facebook</span>
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group">
+                            <img src="images/brands/linkedin.svg" class="size-5 me-3" alt="instagram">
+                            <span>Linkedin</span>
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                    </div>
+                </div>
+            </div>
+            <!--:Calendar:-->
+            <div class="inline-flex w-auto max-w-xs items-center gap-1 cursor-pointer text-sm"
+                    id="reportrange">
+                    <i class="icon-[lucide--calendar-days] text-muted"></i>
+                    <span></span><i class="icon-[lucide--chevron-down]"></i>
+                </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content relative lg:px-4 flex-grow">
+            <!--:Prelaoder:-->
+            <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+                <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+                    <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+                </div>
+            </div>
+            <div class="px-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4 mb-4">
+                <!--:Card:-->
+                <div class="p-4 gap-2.5 rounded-xl shadow-card bg-white dark:bg-zinc-900">
+                    <div class="flex flex-col">
+                        <div class="flex items-center justify-between mb-3">
+                            <!--:Icon:-->
+                            <div
+                                class="size-10 rounded-lg bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center">
+                                <span class="icon-[lucide--user-check] text-xl"></span>
+                            </div>
+                            <span class="badge bg-green-500/10 text-green-500">+1.2%</span>
+                        </div>
+                        <div class="flex-grow">
+                            <h5 class="text-2xl mb-1">2.5M</h5>
+                            <p class="text-muted text-sm">Total followers</p>
+                        </div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="p-4 gap-2.5 rounded-xl shadow-card bg-white dark:bg-zinc-900">
+                    <div class="flex flex-col">
+                        <div class="flex items-center justify-between mb-3">
+                            <!--:Icon:-->
+                            <div
+                                class="size-10 rounded-lg bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center">
+                                <span class="icon-[lucide--eye] text-xl"></span>
+                            </div>
+                            <span class="badge bg-red-500/10 text-red-500">-0.7%</span>
+                        </div>
+                        <div class="flex-grow">
+                            <h5 class="text-2xl mb-1">14.5M</h5>
+                            <p class="text-muted text-sm">Total views</p>
+                        </div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="p-4 gap-2.5 rounded-xl shadow-card bg-white dark:bg-zinc-900">
+                    <div class="flex flex-col">
+                        <div class="flex items-center justify-between mb-3">
+                            <!--:Icon:-->
+                            <div
+                                class="size-10 rounded-lg bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center">
+                                <span class="icon-[lucide--images] text-xl"></span>
+                            </div>
+                            <span class="badge bg-green-500/10 text-green-500">+3.5%</span>
+                        </div>
+                        <div class="flex-grow">
+                            <h5 class="text-2xl mb-1">1.3K</h5>
+                            <p class="text-muted text-sm">Total posts</p>
+                        </div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="p-4 gap-2.5 rounded-xl shadow-card bg-white dark:bg-zinc-900">
+                    <div class="flex flex-col">
+                        <div class="flex items-center justify-between mb-3">
+                            <!--:Icon:-->
+                            <div
+                                class="size-10 rounded-lg bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center">
+                                <span class="icon-[lucide--users] text-xl"></span>
+                            </div>
+                            <span class="badge bg-red-500/10 text-red-500">-0.7%</span>
+                        </div>
+                        <div class="flex-grow">
+                            <h5 class="text-2xl mb-1">1.25M</h5>
+                            <p class="text-muted text-sm">Profile visitors</p>
+                        </div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="p-4 gap-2.5 rounded-xl shadow-card bg-white dark:bg-zinc-900">
+                    <div class="flex flex-col">
+                        <div class="flex items-center justify-between mb-3">
+                            <!--:Icon:-->
+                            <div
+                                class="size-10 rounded-lg bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center">
+                                <span class="icon-[lucide--dollar-sign] text-xl"></span>
+                            </div>
+                            <span class="badge bg-red-500/10 text-red-500">-4%</span>
+                        </div>
+                        <div class="flex-grow">
+                            <h5 class="text-2xl mb-1">$245</h5>
+                            <p class="text-muted text-sm">Spent on Ads</p>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+            <div class="px-4 grid grid-cols-1 md:grid-cols-12 gap-4">
+                <div class="md:col-span-4">
+                    <!--:Card:-->
+                    <div class="rounded-xl alert fade show bg-white dark:bg-zinc-900 shadow-card p-4 lg:p-6 text-center mb-4 relative overflow-hidden">
+                        <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5 absolute end-0 top-0 mt-3 me-3" data-bs-dismiss="alert">
+                            <span class="icon-[lucide--x]"></span>
+                        </button>
+                        <img src="images/illustrations/multi.svg" alt="" class="block mb-6 w-36 h-auto mx-auto">
+                        <h5 class="mb-4 leading-tight">Reach more people with your most liked post in the last 28 days.
+                        </h5>
+                        <div class="flex items-center flex-wrap justify-center gap-4">
+                            <button type="button" class="btn bg-primary text-white hover:bg-primary-deep">Create
+                                Ad</button>
+
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                        <div class="flex items-center justify-between p-4">
+                            <h5 class="text-lg">Followers by age</h5>
+                            <button aria-expanded="true"
+                                    class="card-arrow btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    data-bs-toggle="collapse" data-bs-target="#cardByAge">
+                                    <span class="icon-[lucide--chevron-up]"></span>
+                                </button>
+                        </div>
+                        <div class="collapse show" id="cardByAge">
+                            <div class="p-4 pt-0">
+                            <div class="mb-3">
+                                <span class="text-sm leading-none">18-30</span>
+                                <div class="flex items-center gap-3.5">
+                                    <!--:Progress:-->
+                                    <div class="progress flex items-center flex-grow px-1 h-2 rounded-full w-full bg-primary/10"
+                                        role="progressbar" aria-label="Basic example" aria-valuenow="65"
+                                        aria-valuemin="0" aria-valuemax="100">
+                                        <div class="progress-bar bg-primary rounded-full h-1" style="width: 65%">
+                                        </div>
+                                    </div>
+                                    <span class="shrink-0 text-sm">
+                                        65%
+                                    </span>
+                                </div>
+                            </div>
+
+                            <div class="mb-3">
+                                <span class="text-sm leading-none">31-45</span>
+                                <div class="flex items-center gap-3.5">
+                                    <!--:Progress:-->
+                                    <div class="progress flex items-center flex-grow px-1 h-2 rounded-full w-full bg-primary/10"
+                                        role="progressbar" aria-label="Basic example" aria-valuenow="30"
+                                        aria-valuemin="0" aria-valuemax="100">
+                                        <div class="progress-bar bg-primary rounded-full h-1" style="width: 30%">
+                                        </div>
+                                    </div>
+                                    <span class="shrink-0 text-sm">
+                                        30%
+                                    </span>
+                                </div>
+                            </div>
+                            <div>
+                                <span class="text-sm leading-none">46-60</span>
+                                <div class="flex items-center gap-3.5">
+                                    <!--:Progress:-->
+                                    <div class="progress flex items-center flex-grow px-1 h-2 rounded-full w-full bg-primary/10"
+                                        role="progressbar" aria-label="Basic example" aria-valuenow="5"
+                                        aria-valuemin="0" aria-valuemax="100">
+                                        <div class="progress-bar bg-primary rounded-full h-1" style="width: 5%">
+                                        </div>
+                                    </div>
+                                    <span class="shrink-0 text-sm">
+                                        5%
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                        </div>
+                        
+                    </div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative overflow-hidden">
+                         <!--:Card refresher:-->
+                                <div class="card-overlay rounded-b-xl absolute inset-0 p-4 bg-zinc-900/10 backdrop-blur-xs flex items-center justify-center z-[1]"
+                                    style="display: none;">
+                                    <!--:Spinner:-->
+                                    <svg class="animate-spin size-5 text-primary"
+                                        xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                                        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"
+                                            stroke-width="4"></circle>
+                                        <path class="" fill="currentColor"
+                                            d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
+                                        </path>
+                                    </svg>
+                                </div>
+                        <div class="flex items-center justify-between p-4">
+                            <h5 class="text-lg">Recent activity</h5>
+                            <div class="flex items-center gap-1">
+                                <button aria-expanded="true"
+                                    class="card-arrow btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    data-bs-toggle="collapse" data-bs-target="#cardActivity">
+                                    <span class="icon-[lucide--chevron-up]"></span>
+                                </button>
+                                <button data-refresh
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                    <span class="icon-[tabler--reload]"></span>
+                                </button>
+                            </div>
+                        </div>
+                        <div class="collapse show" id="cardActivity">
+                            <div class="p-4 pt-0 relative">
+                               
+                                <!--:Activity timeline:-->
+                                <!--:Timeline mini:-->
+                               <ul class="tlm">
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                             <span class="size-4 block rounded-full bg-red-500">
+                                                <img src="images/avatars/thumb-9.jpg" class="w-full rounded-full h-auto shrink-0">
+                                            </span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-3"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                         <p>
+                                           <a href="#!" class="text-primary">@adamsi493</a> started following you
+                                        </p>
+                                        <small class="text-muted">10-09-2025 13:47</small>
+                                    </div>
+                                </li>
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                             <span class="size-4 block rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center">
+                                                <span class="icon-[lucide--thumbs-up] text-sm"></span>
+                                            </span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-3"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                        <p>
+                                           <a href="#!" class="text-primary">@mullterth</a> liked your post
+                                        </p>
+                                        <small class="text-muted">08-09-2025 17:44</small>
+                                    </div>
+                                </li>
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                            <span class="size-4 block rounded-full bg-red-500">
+                                                <img src="images/avatars/thumb-8.jpg" class="w-full rounded-full h-auto shrink-0">
+                                            </span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-3"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                        <p>
+                                           <a href="#!" class="text-primary">@salamance165</a> started following you
+                                        </p>
+                                        <small class="text-muted">07-09-2025 18:05</small>
+                                    </div>
+                                </li>
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                            <span class="size-4 block rounded-full bg-red-500">
+                                                <img src="images/avatars/thumb-3.jpg" class="w-full rounded-full h-auto shrink-0">
+                                            </span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-3"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                        <p>
+                                           <a href="#!" class="text-primary">@monikabut392</a> started following you
+                                        </p>
+                                        <small class="text-muted">03-09-2025 18:05</small>
+                                    </div>
+                                </li>
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                            <span class="size-4 block rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center">
+                                                <span class="icon-[lucide--message-circle-more] text-sm"></span>
+                                            </span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-3"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                        <p>
+                                           <a href="#!" class="text-primary">@chrisgyle</a> mentioned in a comment
+                                        </p>
+                                        <small class="text-muted">01-09-2025 18:05</small>
+                                    </div>
+                                </li>
+                               </ul>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="md:col-span-8">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden mb-4">
+                        <div class="flex items-center justify-between px-4 py-4">
+                            <h5 class="text-lg">Views</h5>
+                            <!--:Card-Dropdown:-->
+                            <div class="relative">
+                                <button
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                    <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-36 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--download] dropdown-icon"></span> Export data
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--expand] dropdown-icon"></span> Fullscreen
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--share] dropdown-icon"></span> Share
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex px-4 text-sm text-muted flex-wrap gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-primary"></span> Followers
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-pink-500"></span> Non-followers
+                            </div>
+                        </div>
+                        <div class="py-4 pe-4" dir="ltr">
+                            <div id="chart_social_views" class="w-full h-82"></div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex items-center justify-between px-4 py-4">
+                            <h5 class="text-lg">Popular posts</h5>
+                            <button aria-expanded="true"
+                                    class="card-arrow btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    data-bs-toggle="collapse" data-bs-target="#cardPopularPosts">
+                                    <span class="icon-[lucide--chevron-up] text-lg"></span>
+                                </button>
+                        </div>
+                        <div class="collapse show" id="cardPopularPosts">
+<div class="overflow-x-auto px-4">
+                            <table class="table-default">
+                                <thead>
+                                    <th>Your top posts</th>
+                                    <th><span class="icon-[lucide--chart-no-axes-column]"></span> Views</th>
+                                    <th><span class="icon-[lucide--heart]"></span>Likes</th>
+                                    <th><span class="icon-[lucide--share]"></span>Shares</th>
+                                    <th></th>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td>
+                                            <div class="flex items-start gap-3.5">
+                                                <img src="images/avatars/thumb-1.jpg"
+                                                    class="w-20 h-auto rounded-lg shrink-0">
+                                                <div class="flex-grow min-w-64">
+                                                    <p>
+                                                        Happiness on your face when you train on your own pitch with <a
+                                                            href="#!" class="text-primary">#teamusa</a>! ❤️😍🙏🏻
+                                                        <a href="#!" class="text-primary">#happiness</a> <a href="#!"
+                                                            class="text-primary">#mood</a>
+                                                    </p>
+                                                    <small class="text-zinc-400">20 September 2025</small>
+                                                </div>
+                                            </div>
+                                        </td>
+                                        <td>1.5M</td>
+                                        <td>766K</td>
+                                        <td>38K</td>
+                                        <td>
+                                            <a href="#!" class="hover:text-primary">
+                                                <span class="icon-[lucide--external-link]"></span>
+                                            </a>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <div class="flex items-start gap-3.5">
+                                                <img src="images/avatars/thumb-3.jpg"
+                                                    class="w-20 rounded-lg h-auto shrink-0">
+                                                <div class="flex-grow min-w-64">
+                                                    <p>
+                                                        Beauty with a golden heart 💕 <a href="#!"
+                                                            class="text-primary">#beauty</a>
+                                                        <a href="#!" class="text-primary">#happiness</a> <a href="#!"
+                                                            class="text-primary">#mood</a>
+                                                    </p>
+                                                    <small class="text-zinc-400">01 September 2025</small>
+                                                </div>
+                                            </div>
+                                        </td>
+                                        <td>1.25M</td>
+                                        <td>465K</td>
+                                        <td>31K</td>
+                                        <td>
+                                            <a href="#!" class="hover:text-primary">
+                                                <span class="icon-[lucide--external-link]"></span>
+                                            </a>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <div class="flex items-start gap-3.5">
+                                                <img src="images/avatars/thumb-4.jpg"
+                                                    class="w-20 rounded-lg h-auto shrink-0">
+                                                <div class="flex-grow min-w-64">
+                                                    <p>
+                                                        Killing it as always 😍 <a href="#!"
+                                                            class="text-primary">#mondaywibes</a>
+                                                    </p>
+                                                    <small class="text-zinc-400">23 Aug 2025</small>
+                                                </div>
+                                            </div>
+                                        </td>
+                                        <td>877k</td>
+                                        <td>266K</td>
+                                        <td>21K</td>
+                                        <td>
+                                            <a href="#!" class="hover:text-primary">
+                                                <span class="icon-[lucide--external-link]"></span>
+                                            </a>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                        </div>
+                        
+                    </div>
+                </div>
+
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+    <!--:Dashboard scripts:-->
+    <script src="vendor/js/sweetalert2.all.min.js"></script>
+    <script src="vendor/js/echarts.min.js"></script>
+    <script src="js/dashboard-social.js" type="text/javascript"></script>
+
+
+    <!--:Dashboard data range picker:-->
+    <script type="text/javascript" src="vendor/js/jquery.min.js"></script>
+    <script type="text/javascript" src="vendor/js/moment.min.js"></script>
+    <script type="text/javascript" src="vendor/js/daterangepicker.js"></script>
+    <script type="text/javascript">
+        $(function () {
+
+            var start = moment().subtract(29, 'days');
+            var end = moment();
+
+            function cb(start, end) {
+                $('#reportrange span').html(start.format('MMM D, YY') + ' - ' + end.format('MMM D, YY'));
+            }
+
+            $('#reportrange').daterangepicker({
+                startDate: start,
+                endDate: end,
+                ranges: {
+                    'Today': [moment(), moment()],
+                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+                    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                    'This Month': [moment().startOf('month'), moment().endOf('month')],
+                    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+                }
+            }, cb);
+
+            cb(start, end);
+
+        });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/index.html b/public_html/raven-demo/index.html
new file mode 100644
index 0000000..b809f91
--- /dev/null
+++ b/public_html/raven-demo/index.html
@@ -0,0 +1,1602 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+    <!--:Page css:-->
+    <link rel="stylesheet" href="vendor/css/sweetalert2.min.css">
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <link rel="stylesheet" type="text/css" href="vendor/css/daterangepicker.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300 text-left rtl:text-right">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item analytic_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item analytic_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item analytic_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item analytic_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 shrink-0 px-4 lg:px-8 z-50 sticky top-0 app-header">
+          <div class="relative py-4 lg:py-0 flex flex-wrap items-center justify-center">
+            <div class="shrink-0 flex items-center space-x-1">
+              <!--:Sidebar toggler:-->
+              <button type="button" data-toggle="app_sidebar"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+                <span class="icon-[iconoir--menu] text-lg"></span>
+              </button>
+               <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+            </div>
+            <div class="flex items-center space-x-1 shrink-0 ms-auto lg:order-last">
+              <button type="button" data-bs-toggle="collapse" data-bs-target="#appNavbar" aria-label="toggle navbar" class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+                            <span class="icon-[lucide--text-align-center] text-lg"></span>
+                        </button>
+              <!--:TLang:-->
+                <!--:Theme Lang switcher:-->
+                  <div class="relative">
+                    <button data-bs-auto-close="outside" type="button"
+                      class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                      data-bs-toggle="dropdown" data-bs-display="static">
+                      <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                    </button>
+                    <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                      <a href="#!" class="dropdown-item active group gap-2.5">
+                          <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                          <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                      </a>
+                      <a href="#!" class="dropdown-item group gap-2.5">
+                          <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                          <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                      </a>
+                      <a href="#!" class="dropdown-item group gap-2.5">
+                          <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                          <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                      </a>
+                    </div>
+                  </div>
+
+              <!--:Notifications:-->
+                  <div class="sm:relative">
+                    <button data-bs-auto-close="outside" type="button"
+                      class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                      data-bs-toggle="dropdown" data-bs-display="static">
+                      <span class="icon-[lucide--bell] text-lg"></span>
+                      <!--:Notification badge with animation:-->
+                      <span class="absolute right-1 top-1 flex size-2">
+                        <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                        <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                      </span>
+                    </button>
+                    <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                      <div class="px-3 pt-3 flex justify-between items-center">
+                        <h5 class="text-lg">Notifications</h5>
+                        <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                          <span class="icon-[lucide--mail-open]"></span>
+                        </button>
+                      </div>
+                      <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                            <span class="icon-[lucide--database] text-lg"></span>
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                            <small class="text-muted">Just now</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                            <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                            <small class="text-muted">1h</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                           <span class="icon-[lucide--check] text-lg"></span>
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal">Backup completed successfully</div>
+                            <small class="text-muted">2h</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                           <span class="icon-[lucide--user] text-lg"></span>
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal">Profile updated successfully</div>
+                            <small class="text-muted">3h</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                            <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                            <div><span
+                                class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                            </div>
+                            <small class="text-muted">2d</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                            <span class="icon-[lucide--component] text-lg"></span>
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal">API updated</div>
+                            <small class="text-muted">3d</small>
+                          </div>
+                        </a>
+                      </div>
+                      <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                        <a href="#!"
+                          class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                          All</a>
+                      </div>
+                    </div>
+                  </div>
+
+              <!--:Apps:-->
+                  <div class="lg:relative hidden lg:block">
+                    <button data-bs-auto-close="outside" type="button"
+                      class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                      data-bs-toggle="dropdown" data-bs-display="static">
+                      <span class="icon-[lucide--component] text-lg"></span>
+                    </button>
+                    <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                      <div class="flex flex-wrap p-2">
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>Mailchimp</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span class="truncate block">Analytics</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>WebDev</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>Jira</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>Gitlab</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>Evernote</span>
+                          </a>
+                        </div>
+                      </div>
+                      <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                        <a href="#!"
+                          class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                          All</a>
+                      </div>
+                    </div>
+                  </div>
+              <!--:Theme color switcher:-->
+              <div class="relative">
+                <button type="button"
+                  class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                  data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                  <span class="icon-[lucide--settings] text-lg"></span>
+                </button>
+                <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                  <div class="mb-3 px-3 pt-2">
+                    <h5>Theme</h5>
+                  </div>
+
+                  <div class="flex flex-wrap px-3 pb-2 gap-2">
+                    <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                      <span class="flex items-center justify-center size-7 rounded-full text-white"
+                        style="background-color: #636DFF;">
+                        <span class="icon-[lucide--check] theme-check text-lg"></span>
+                      </span>
+                    </button>
+                    <button id="navyTheme" class="theme-switcher cursor-pointer">
+                      <span class="flex items-center justify-center size-7 rounded-full text-white"
+                        style="background-color: #0E6DD9;">
+                        <span class="icon-[lucide--check] theme-check text-lg"></span>
+                      </span>
+                    </button>
+                    <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                      <span class="flex items-center justify-center size-7 rounded-full text-white"
+                        style="background-color: #049772;">
+                        <span class="icon-[lucide--check] theme-check text-lg"></span>
+                      </span>
+                    </button>
+                    <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                      <span class="flex items-center justify-center size-7 rounded-full text-white"
+                        style="background-color: #D300C5;">
+                        <span class="icon-[lucide--check] theme-check text-lg"></span>
+                      </span>
+                    </button>
+                  </div>
+                  <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <label class="flex items-center cursor-pointer dropdown-item">
+                      <span class="icon-[lucide--sun-moon] me-1"></span>
+                      <span class="flex-grow text-sm me-2">Dark mode</span>
+                      <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                    </label>
+                  </div>
+                  <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                      <span class="text-sm">Enable RTL</span>
+                      <input type="checkbox" class="input-switch" id="toggleRTL" />
+                    </label>
+      
+                  </div>
+                  <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                          <h5 class="px-3 mb-2">Sidebar</h5>
+                          <div class="radio-group flex items-center">
+                              <div class="radio-option flex-grow">
+                                  <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                  <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                    <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                      <span class="w-6 h-full bg-white rounded-sm"></span>
+                                    </span>
+                                    <span class="block text-sm text-zinc-400">
+                                      Light
+                                    </span>
+                                  </label>
+                              </div>
+                              <div class="radio-option flex-grow">
+                                  <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                  <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                     <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                       <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                    </span>
+                                    <span class="block text-sm text-zinc-400">
+                                      Dark
+                                    </span>
+                                  </label>
+                              </div>
+                          </div>
+                      </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="collapse lg:ms-8 navbar-collapse w-full lg:flex-grow lg:w-auto lg:visible flex flex-wrap lg:justify-end items-center !visible lg:!flex lg:basis-auto basis-full lg:pt-0 lg:!bg-transparent"
+              id="appNavbar">
+              <div
+                class="navbar-nav p-4 lg:p-0 relative mt-2 lg:mt-0 flex flex-col lg:gap-4 gap-0.5 lg:flex-row lg:items-center bg-white dark:bg-zinc-950 lg:!bg-transparent w-full overflow-y-auto lg:overflow-visible lg:h-auto max-h-[80vh]">
+                <a href="#!" class="navbar-link">
+                  Guide
+                </a>
+                 <a href="#!" class="navbar-link">
+                  Config
+                </a>
+                <div class="relative">
+                  <a data-bs-display="static" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="#"
+                    class="navbar-link ">
+                    Resourses <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                  </a>
+                  <div class="dropdown-menu lg:absolute !top-full lg:mt-1 w-full lg:w-36 z-50">
+           
+                    <a href="#!" class="dropdown-item">Blog</a>
+                    <a href="#!" class="dropdown-item ">About</a>
+                    <a href="#!" class="dropdown-item">Team</a>
+                    <a href="#!" class="dropdown-item">Releases</a>
+                    <hr class="border-zinc-200 dark:border-zinc-800 my-2">
+                    <a href="#!" class="dropdown-item gap-2">BlueSky<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">Mastodon<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">X<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">Discord chat<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">Changelog<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">Contributing<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                  </div>
+                </div>
+                <div class="relative">
+                  <a data-bs-display="static" data-bs-toggle="dropdown" href="#" class="navbar-link ">
+                    Versions <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                  </a>
+                  <div class="dropdown-menu lg:absolute !top-full lg:mt-1 w-full lg:w-36 z-50">
+                    <a href="#!" class="dropdown-item gap-2">V5 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">V4 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">V3 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">V2 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">V1 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 pt-4 pb-4 flex flex-col sm:flex-row sm:items-center">
+            <div class="flex-grow mb-3 sm:mb-0">
+                <h2 class="text-xl font-semibold text-black dark:text-white">Welcome back Emily!</h2>
+            </div>
+            <div class="flex flex-col">
+                <small class="text-muted block mb-1">Data showing for</small>
+                <div class="inline-flex w-auto max-w-xs dark:bg-zinc-900 items-center gap-1 cursor-pointer text-sm"
+                    id="reportrange">
+                    <i class="icon-[lucide--calendar-days]"></i>
+                    <span></span><i class="icon-[lucide--chevron-down]"></i>
+                </div>
+            </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow relative">
+            <!--:Prelaoder:-->
+            <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+                <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+                    <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+                </div>
+            </div>
+            <div class="px-4 mb-4 grid grid-cols-1 md:grid-cols-3 gap-4">
+                <!--:Card:-->
+                <div class="rounded-xl p-4 bg-white dark:bg-zinc-900 shadow-card flex items-center">
+                    <div class="shrink-0 w-3/5">
+                        <p class="mb-2">Weekly sales</p>
+                        <h4 class="text-2xl mb-1">$59K</h4>
+                        <span class="text-sm">
+                            <span class="text-green-500">+5.5%</span>
+                            <span class="text-muted">vs last period</span></span>
+                    </div>
+                    <div class="ps-3 w-2/5">
+                        <div id="chart_tiny_weekly_sales" class="h-20 w-full"></div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl p-4 bg-white dark:bg-zinc-900 shadow-card flex items-center">
+                    <div class="shrink-0 w-3/5">
+                        <p class="mb-2">Bounce rate</p>
+                        <h4 class="text-2xl mb-1">47%</h4>
+                        <span class="text-sm">
+                            <span class="text-green-500">+2.5%</span>
+                            <span class="text-muted">vs last period</span></span>
+                    </div>
+                    <div class="ps-3 w-2/5">
+                        <div id="chart_tiny_weekly_bounce_rate" class="h-20 w-full"></div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl p-4 bg-white dark:bg-zinc-900 shadow-card flex items-center">
+                    <div class="shrink-0 w-3/5">
+                        <p class="mb-2">Bandwidth saved</p>
+                        <h4 class="text-2xl mb-1">82%</h4>
+                        <span class="text-sm">
+                            <span class="text-red-500">-0.5%</span>
+                            <span class="text-muted">vs last period</span></span>
+                    </div>
+                    <div class="ps-3 w-2/5 flex justify-end">
+                        <!--:Progress Circle:-->
+                        <div class="relative w-16 h-16" data-progress="82" data-show-value="true">
+                            <!-- Background circle -->
+                            <svg class="w-16 h-16 transform -rotate-90" viewBox="0 0 100 100">
+                                <circle class="text-primary-subtle" stroke-width="6" stroke="currentColor"
+                                    fill="transparent" r="45" cx="50" cy="50" />
+                                <circle class="text-primary progress-ring" stroke-width="6" stroke="currentColor"
+                                    fill="transparent" r="45" cx="50" cy="50" stroke-linecap="round"
+                                    style="stroke-dasharray: 282.6; stroke-dashoffset: 282.6; transition: stroke-dashoffset 1s ease;" />
+                            </svg>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4 mb-4 grid grid-cols-1 lg:grid-cols-12 gap-4">
+                <div class="lg:col-span-8">
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex items-center justify-between px-4 py-4">
+                            <h5 class="text-lg">Visitors report</h5>
+                            <!--:Card-Dropdown:-->
+                            <div class="relative">
+                                <button
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                    <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-36 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--download] dropdown-icon"></span> Export data
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--expand] dropdown-icon"></span> Fullscreen
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--share] dropdown-icon"></span> Share
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex px-4 text-sm text-muted flex-wrap gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-primary"></span> Organic
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-rose-500"></span> Referral
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-amber-500"></span> Ads
+                            </div>
+                        </div>
+                        <div class="py-4 pe-4" dir="ltr">
+                            <div id="chart_visitor" class="w-full h-64"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="lg:col-span-4">
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="flex items-center justify-between px-4 pt-4">
+                            <h5 class="text-lg">Top countries</h5>
+                        </div>
+                        <div class="pt-0 px-4 flex items-center justify-center" dir="ltr">
+                            <div id="chart_pie_countries" class="w-full mx-auto h-72"></div>
+                        </div>
+                        <div class="p-4 pt-0 flex justify-center text-sm text-muted flex-wrap gap-4">
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-primary"></span> India
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-sky-500"></span> USA
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-yellow-500"></span> UK
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-orange-500"></span> France
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4 px-4">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="items-center px-4 py-4 flex items-center justify-between">
+                        <h5 class="text-lg">
+                            Top pages
+                        </h5>
+                        <button type="button"
+                            class="border-b border-dashed text-primary hover:text-current cursor-pointer">
+                            Export data
+                        </button>
+                    </div>
+                    <div class="overflow-x-auto px-4">
+                        <table class="table-default">
+                            <thead class="border-t border-zinc-500/10 dark:border-zinc-800">
+                                <tr>
+                                    <th class="whitespace-nowrap">Page url</th>
+                                    <th class="whitespace-nowrap">
+                                        <div class="flex justify-end">Views</div>
+                                    </th>
+                                    <th class="whitespace-nowrap">
+                                        <div class="flex justify-end">Unique visitors</div>
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>
+                                        <div class="heading-text">/dashboard</div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>6465</span><span
+                                                class="flex items-center text-green-500"><span>+</span><span>1.7%</span></span>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>1078</span><span
+                                                class="flex items-center text-green-500"><span>+</span><span>1.2%</span></span>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="heading-text">/affiliate</div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>3687</span><span
+                                                class="flex items-center text-green-500"><span>+</span><span>1.4%</span></span>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>801</span><span
+                                                class="flex items-center text-green-500"><span>+</span><span>0.9%</span></span>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="heading-text">/contract</div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>2918</span><span
+                                                class="flex items-center text-green-500"><span>+</span><span>2.6%</span></span>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>655</span><span
+                                                class="flex items-center text-green-500"><span>+</span><span>1.4%</span></span>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="heading-text">/products</div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>4882</span><span
+                                                class="flex items-center text-red-500"><span></span><span>-0.7%</span></span>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>936</span><span
+                                                class="flex items-center text-red-500"><span></span><span>-0.3%</span></span>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="heading-text">/sign-in</div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>1527</span><span
+                                                class="flex items-center text-green-500"><span>+</span><span>1.1%</span></span>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>389</span><span
+                                                class="flex items-center text-green-500"><span>+</span><span>0.8%</span></span>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="heading-text">/about</div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>2103</span><span
+                                                class="flex items-center text-red-500"><span></span><span>-0.9%</span></span>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>450</span><span
+                                                class="flex items-center text-red-500"><span></span><span>-1.5%</span></span>
+                                        </div>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="flex justify-between items-center px-4 py-4">
+                        <h5 class="text-lg">
+                            Top channel
+                        </h5>
+                        <button type="button"
+                            class="border-b border-dashed text-primary hover:text-current cursor-pointer">
+                            Export data
+                        </button>
+                    </div>
+                    <div class="px-4 pb-4">
+                        <p class="text-muted mb-1">Visitors</p>
+                        <div class="flex items-end gap-3">
+                            <h3 class="text-lg font-semibold">79,328</h3> <span class="text-green-500">5.4%</span>
+                        </div>
+                    </div>
+                    <div class="overflow-x-auto px-4">
+                        <table class="table-default">
+                            <thead class="border-t border-zinc-500/10 dark:border-zinc-800">
+                                <tr>
+                                    <th class="whitespace-nowrap">Channel</th>
+                                    <th class="whitespace-nowrap">Percentage
+                                    </th>
+                                    <th class="whitespace-nowrap">
+                                        <div class="flex justify-end">Total</div>
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody class="divide-y divide-zinc-100 dark:divide-zinc-900">
+                                <tr>
+                                    <td>
+                                        <div class="flex items-center gap-2"><span>
+                                                <img alt="" class="min-w-5 max-w-5 h-auto shrink-0"
+                                                    src="images/brands/google.svg"></span>
+                                            <div class="font-semibold">Google</div>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        50%
+                                    </td>
+                                    <td class="!text-end">
+                                        39483
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="flex items-center gap-2"><span>
+                                                <img alt="" class="min-w-5 max-w-5 h-auto shrink-0"
+                                                    src="images/brands/youtube.svg"></span>
+                                            <div class="font-semibold">Youtube</div>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        30%
+                                    </td>
+                                    <td class="!text-end">
+                                        36382
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="flex items-center gap-2"><span>
+                                                <img alt="" class="min-w-5 max-w-5 h-auto shrink-0"
+                                                    src="images/brands/instagram.svg"></span>
+                                            <div class="font-semibold">Instagram</div>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        15%
+                                    </td>
+                                    <td class="!text-end">
+                                        21829
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="flex items-center gap-2"><span>
+                                                <img alt="" class="min-w-5 max-w-5 h-auto shrink-0"
+                                                    src="images/brands/linkedin.svg"></span>
+                                            <div class="font-semibold">Linkedin</div>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        10%
+                                    </td>
+                                    <td class="!text-end">
+                                        18372
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="flex items-center gap-2"><span>
+                                                <img alt="" class="min-w-5 max-w-5 h-auto shrink-0 bg-white rounded"
+                                                    src="images/brands/tiktok.svg"></span>
+                                            <div class="font-semibold">Tiktok</div>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        5%
+                                    </td>
+                                    <td class="!text-end">
+                                        12938
+                                    </td>
+                                </tr>
+
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-4 px-4 mb-4">
+                <div class="md:col-span-8">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="px-4 py-4 flex items-center justify-between">
+                            <h5 class="text-lg">Traffic overview</h5>
+                            <!--:Button:-->
+                            <div class="relative">
+                                <button
+                                    class="border-b border-dashed text-primary hover:text-current cursor-pointer">Export
+                                    data</button>
+                            </div>
+                        </div>
+                        <div class="overflow-x-auto px-4">
+                            <table class="table-default whitespace-nowrap">
+                                <thead class="border-t border-zinc-500/10 dark:border-zinc-800">
+                                    <tr>
+                                        <th class="whitespace-nowrap">Source</th>
+                                        <th class="whitespace-nowrap">Visitors</th>
+                                        <th class="whitespace-nowrap">Unique</th>
+                                        <th class="whitespace-nowrap">Bounce Rate</th>
+                                        <th class="whitespace-nowrap">Avg. Session Duration</th>
+                                        <th class="whitespace-nowrap">Progress to Goal (%)</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td>
+                                            <h5 class="font-semibold">Direct</h5>
+                                        </td>
+                                        <td>1500</td>
+                                        <td>1200</td>
+                                        <td>40%</td>
+                                        <td>00:03:45</td>
+                                        <td class="min-w-32">
+                                            <div class="flex items-center gap-3.5">
+                                                <div class="h-1.5 bg-sky-500/10 rounded-full flex-grow">
+                                                    <div class="progress-bg h-1.5 bg-blue-500 rounded-full"
+                                                        style="width: 60%;"></div>
+                                                </div>
+                                                <span class="font-semibold">60%</span>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <h5 class="font-semibold">Referral</h5>
+                                        </td>
+                                        <td>4500</td>
+                                        <td>1400</td>
+                                        <td>60%</td>
+                                        <td>00:04:45</td>
+                                        <td class="min-w-32">
+                                            <div class="flex items-center gap-3.5">
+                                                <div class="h-1.5 bg-red-500/10 rounded-full flex-grow">
+                                                    <div class="progress-bg h-1.5 bg-red-500 rounded-full"
+                                                        style="width: 30%;"></div>
+                                                </div>
+                                                <span class="font-semibold">30%</span>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <h5 class="font-semibold">Social Media
+                                            </h5>
+                                        </td>
+                                        <td>5600</td>
+                                        <td>1870</td>
+                                        <td>20%</td>
+                                        <td>00:02:55</td>
+                                        <td class="min-w-32">
+                                            <div class="flex items-center gap-3.5">
+                                                <div class="h-1.5 bg-orange-500/20 rounded-full flex-grow">
+                                                    <div class="progress-bg h-1.5 bg-orange-500 rounded-full"
+                                                        style="width: 50%;"></div>
+                                                </div>
+                                                <span class="font-semibold">50%</span>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <h5 class="font-semibold">Email Campaign</h5>
+                                        </td>
+                                        <td>2345</td>
+                                        <td>1234</td>
+                                        <td>35%</td>
+                                        <td>00:05:45</td>
+                                        <td class="min-w-32">
+                                            <div class="flex items-center gap-3.5">
+                                                <div class="h-1.5 bg-green-500/20 rounded-full flex-grow">
+                                                    <div class="progress-bg h-1.5 bg-green-500 rounded-full"
+                                                        style="width: 85%;"></div>
+                                                </div>
+                                                <span class="font-semibold">85%</span>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <h5 class="font-semibold">Google search</h5>
+                                        </td>
+                                        <td>1453</td>
+                                        <td>1109</td>
+                                        <td>42%</td>
+                                        <td>00:02:25</td>
+                                        <td class="min-w-32">
+                                            <div class="flex items-center gap-3.5">
+                                                <div class="h-1.5 bg-green-500/20 rounded-full flex-grow">
+                                                    <div class="progress-bg h-1.5 bg-green-500 rounded-full"
+                                                        style="width: 90%;"></div>
+                                                </div>
+                                                <span class="font-semibold">90%</span>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+                <div class="md:col-span-4">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex justify-between items-center px-4 py-4">
+                            <h5 class="text-lg">
+                                Distribution
+                            </h5>
+                            <!--:Card-Dropdown:-->
+                            <div class="relative">
+                                <button
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                    <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-36 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        Dropdown item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        Another item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        One more item
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex items-center justify-center" dir="ltr">
+                            <div id="chart_polar" class="w-full h-70"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+    <!--:Dashboard scripts:-->
+    <script src="vendor/js/sweetalert2.all.min.js"></script>
+    <script src="vendor/js/echarts.min.js"></script>
+    <script src="js/dashboard-analytic.js" type="text/javascript"></script>
+
+
+    <!--:Dashboard data range picker:-->
+    <script type="text/javascript" src="vendor/js/jquery.min.js"></script>
+    <script type="text/javascript" src="vendor/js/moment.min.js"></script>
+    <script type="text/javascript" src="vendor/js/daterangepicker.js"></script>
+    <script type="text/javascript">
+        $(function () {
+
+            var start = moment().subtract(29, 'days');
+            var end = moment();
+
+            function cb(start, end) {
+                $('#reportrange span').html(start.format('MMM D, YY') + ' - ' + end.format('MMM D, YY'));
+            }
+
+            $('#reportrange').daterangepicker({
+                startDate: start,
+                endDate: end,
+                ranges: {
+                    'Today': [moment(), moment()],
+                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+                    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                    'This Month': [moment().startOf('month'), moment().endOf('month')],
+                    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+                }
+            }, cb);
+
+            cb(start, end);
+
+        });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/js/app-api.js b/public_html/raven-demo/js/app-api.js
new file mode 100644
index 0000000..86b6673
--- /dev/null
+++ b/public_html/raven-demo/js/app-api.js
@@ -0,0 +1,134 @@
+
+
+const charts = [];
+function getOptionApi(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                const value = params[0].value;
+                return `${params[0].axisValue}<br/><span>${value}</span>`;
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '10px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['00:00', '01:15', '02:30', '03:45', '05:00', '06:15', '07:30', '08:45', '10:00', '11:15', '12:30', '13:45', '15:00', '16:15', '17:30', '18:45', '20:00', '21:15', '22:30', '23:45'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                padding: [0, 0, 0, 5],
+                showMaxLabel: false,
+                color: textColor,
+                fontFamily: 'inherit',
+                
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: textColor,
+                 formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor } }
+        },
+        series: [
+            {
+                type: 'line',
+                data: [300, 580, 450, 660, 570, 730, 650, 800, 700, 860, 680, 890, 770, 1100, 800, 1250, 900, 1440, 1050, 1700],
+                symbol: 'none',
+                smooth: true,
+                areaStyle: {
+                    color: {
+                        type: 'linear',
+                        x: 0,
+                        y: 0,
+                        x2: 0,
+                        y2: 1,
+                        colorStops: [{
+                            offset: 0,
+                            color: 'var(--color-primary-subtle)'
+                        }, {
+                            offset: 1,
+                            color: 'rgba(0,0,0,0)'
+                        }]
+                    }
+                },
+                lineStyle: {
+                    color: 'var(--color-primary)',
+                    width: 2
+                },
+                emphasis: {
+                    disabled: true
+                },
+            }
+        ]
+    };
+}
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+// Initialize all charts
+initChart(document.getElementById('chart_api'), getOptionApi);
\ No newline at end of file
diff --git a/public_html/raven-demo/js/dashboard-analytic.js b/public_html/raven-demo/js/dashboard-analytic.js
new file mode 100644
index 0000000..3ec43a0
--- /dev/null
+++ b/public_html/raven-demo/js/dashboard-analytic.js
@@ -0,0 +1,429 @@
+//dashboard analytic charts
+
+const charts = [];
+function getOptionTinyBounceArea(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'line' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: { color: textColor,fontWeight:400, },
+            formatter: function (params) {
+                const value = params[0].value;
+                return `${params[0].axisValue}<br/><span>${value}%</span>`;
+            }
+        },
+        grid: {
+            left: 0,
+            right: 0,
+            top: 10,
+            bottom: 0,
+            containLabel: false
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+            boundaryGap: false,
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: { show: false }
+        },
+        yAxis: {
+            type: 'value',
+            axisLine: { show: false },
+            axisTick: { show: false },
+            splitLine: { show: false },
+            axisLabel: { show: false }
+        },
+        series: [
+            {
+                type: 'line',
+                data: [13, 31, 56, 24, 59, 41, 58],
+                symbol: 'none',
+                smooth: true,
+                // areaStyle: {
+                //     color: {
+                //         type: 'linear',
+                //         x: 0,
+                //         y: 0,
+                //         x2: 0,
+                //         y2: 1,
+                //         colorStops: [{
+                //             offset: 0,
+                //             color: 'var(--color-primary-subtle)'
+                //         }, {
+                //             offset: 1,
+                //             color: 'rgba(0,0,0,0)'
+                //         }]
+                //     }
+                // },
+                lineStyle: {
+                    color: 'var(--color-primary)',
+                    width: 2
+                },
+                emphasis: {
+                    disabled:true
+                },
+            }
+        ]
+    };
+}
+function getOptionTinyBar(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400,
+            }
+        },
+        grid: {
+            left: 0,
+            right: 0,
+            top: 10,
+            bottom: 0,
+            containLabel: false
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: { show: false }
+        },
+        yAxis: {
+            type: 'value',
+            axisLine: { show: false },
+            axisTick: { show: false },
+            splitLine: { show: false },
+            axisLabel: { show: false }
+        },
+        series: [
+            {
+                type: 'bar',
+                data: [320, 452, 301, 334, 390, 330, 410],
+                barWidth: '30%',
+                itemStyle: {
+                    color: 'var(--color-primary)',
+                    borderRadius: [4, 4, 4, 4]
+                },
+                emphasis: {
+                    itemStyle: {
+                        color: 'var(--color-primary)',
+                    },
+                }
+            }
+        ]
+    };
+}
+function getOptionLine(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400,
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '20px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor,type: 'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { 
+                lineStyle: 
+                { 
+                    color: gridColor,
+                    type: 'dashed'
+                 } 
+                }
+        },
+        series: [
+            {
+                name: 'Organic',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                  disabled:true
+                },
+                lineStyle: { color: 'var(--color-primary)' },
+                itemStyle: { color: 'var(--color-primary)' },
+                data: [87000, 57000, 74000, 98000, 74000, 44000, 62000, 49000, 82000, 56000, 47000, 54000]
+            },
+            {
+                name: 'Referral',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                     disabled:true
+                },
+                lineStyle: { color: 'var(--color-rose-500)' },
+                itemStyle: { color: 'var(--color-rose-500)' },
+                data: [35000, 41000, 62000, 42000, 14000, 18000, 29000, 37000, 36000, 5100, 32000, 34000]
+            },
+            {
+                name: 'Ads',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                lineStyle: { color: 'var(--color-yellow-500)', type: 'dashed' },
+                itemStyle: { color: 'var(--color-yellow-500)' },
+                emphasis: {
+                    disabled:true
+                },
+                data: [45000, 52000, 38000, 24000, 33000, 24000, 21000, 19000, 64000, 84000, 16000, 18000]
+            }
+        ]
+    };
+}
+function getOptionPie(isDark) {
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'item',
+            formatter: '{b}: {c}k ({d}%)',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            textStyle: {
+                fontFamily: 'inherit',fontWeight:400,
+                color: isDark ? 'var(--color-zinc-100)' : 'var(--color-zinc-600)'
+            }
+        },
+        legend: {
+            show: false,
+            top: '0px',
+            textStyle: {
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)',
+                fontFamily: 'inherit',
+            },
+            itemGap: 20,
+        },
+        series: [{
+            name: 'Visitors',
+            type: 'pie',
+            radius: ['70%', '90%'],
+            avoidLabelOverlap: false,
+            selectedMode: false,
+            startAngle: 90,
+            label: {
+                fontFamily: 'inherit',
+                show: true,
+                position: 'center',
+                formatter: '1.5M',
+                fontSize: 36,
+                fontWeight: 'var(--font-semibold)',
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)',
+            },
+            emphasis: { disabled: true },
+            labelLine: { show: false },
+            itemStyle: {
+                borderRadius: 6,
+                borderColor: isDark ? 'var(--color-zinc-900)' : '#fff',
+                borderWidth: 6
+            },
+            data: [
+                { value: 58, name: 'India', itemStyle: { color: 'var(--color-primary)' } },
+                { value: 44, name: 'USA', itemStyle: { color: 'var(--color-sky-500)' } },
+                { value: 31, name: 'UK', itemStyle: { color: 'var(--color-yellow-500)' } },
+                { value: 23, name: 'France', itemStyle: { color: 'var(--color-orange-500)' } }
+            ]
+        }]
+    };
+}
+function getOptionPolar(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,
+                fontWeight:400
+            },
+            formatter: (params) => {
+        const value = params.name === 'Visitors' ? `${params.value}k` : `$${params.value}k`;
+        return `${params.name}: ${value}`;
+    },
+        },
+        polar: {
+            radius: [30, '70%']
+        },
+        radiusAxis: {
+            max: 40,
+            splitLine: {
+                lineStyle: {
+                    color: gridColor,
+                    width: 1
+                }
+            },
+            axisLine: {
+                show: false
+            },
+            axisLabel: {
+                show: false
+            },
+            axisTick: {
+                show: false
+            }
+        },
+        angleAxis: {
+            type: 'category',
+            data: ['Visitors', 'Sales', 'Profit', 'Expanses'],
+            startAngle: 75,
+            axisLine: {
+                lineStyle: {
+                    color: gridColor
+                }
+            },
+            axisLabel: {
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)',
+                margin: 4,
+                align: 'center',
+                verticalAlign: 'top',
+                fontSize:'12px',
+            fontFamily:'inherit',
+            }
+        },
+        series: {
+            type: 'bar',
+            data: [37, 23, 14, 7],
+            coordinateSystem: 'polar',
+
+            label: {
+                show: false,
+                position: 'middle',
+                formatter: '{b}: {c}'
+            },
+            itemStyle: {
+                color: function (params) {
+                    const colors = [
+                        'var(--color-sky-500)',
+                        'var(--color-amber-500)',
+                        'var(--color-primary)',
+                        'var(--color-rose-500)'
+                    ];
+                    return colors[params.dataIndex % colors.length];
+                },
+            },
+            emphasis: {
+                disabled: true
+            }
+        },
+    };
+}
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_visitor'), getOptionLine);
+initChart(document.getElementById('chart_pie_countries'), getOptionPie);
+initChart(document.getElementById('chart_tiny_weekly_sales'), getOptionTinyBar);
+initChart(document.getElementById('chart_tiny_weekly_bounce_rate'), getOptionTinyBounceArea);
+initChart(document.getElementById('chart_polar'), getOptionPolar);
+
+
+
+//Toast
+window.onload = function() {
+    Swal.fire({
+      toast: true,
+      position: 'top',
+      showConfirmButton: false,
+      timer: 4000,
+      timerProgressBar: true,
+      showCloseButton: true,
+      closeButtonHtml: '<span class="icon-[lucide--x]"></span>',
+      title:`<div class="flex items-start gap-3.5"><span class=""text-xl">✨</span><div class="flex-grow"><h5 class="text-base">Welcome to Raven Admin</h5><p class="text-sm font-normal">Manage smarter with a clean, modern admin system built for speed, and clarity</p><a href="https://wrapmarket.com/item/raven-tailwindcss-admin-template-ui-kit-WB0B6DKC2/?via=wb_rakesh" class="text-primary text-sm">Purchase here <span class="icon-[lucide--external-link] ms-1"></span></a></div></div>`
+    });
+  };
\ No newline at end of file
diff --git a/public_html/raven-demo/js/dashboard-ecommerce.js b/public_html/raven-demo/js/dashboard-ecommerce.js
new file mode 100644
index 0000000..582b7ae
--- /dev/null
+++ b/public_html/raven-demo/js/dashboard-ecommerce.js
@@ -0,0 +1,370 @@
+//Echarts for commerce dashboard
+const charts = [];
+function getOptionEarnings(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                const value = params[0].value;
+                return `${params[0].axisValue}<br/><span>$${value} USD</span>`;
+            }
+        },
+        grid: {
+            right: '35px',
+            left: '10px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor,type:'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                padding: [0, 0, 0, 0],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color:  isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                type: 'line',
+                data: [27000, 51000, 44000, 68000, 52000, 74000, 59000, 82000, 64000, 87000, 72000, 94000],
+                symbol: 'none',
+                smooth: true,
+                areaStyle: {
+                    color: {
+                        type: 'linear',
+                        x: 0,
+                        y: 0,
+                        x2: 0,
+                        y2: 1,
+                        colorStops: [{
+                            offset: 0,
+                            color: 'var(--color-primary-subtle)'
+                        }, {
+                            offset: 1,
+                            color: 'rgba(0,0,0,0)'
+                        }]
+                    }
+                },
+                lineStyle: {
+                    color: 'var(--color-primary)',
+                    width: 2
+                },
+                emphasis: {
+                    disabled: true
+                },
+            }
+        ]
+    };
+}
+
+function getOptionVisitorsVsSales(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400
+            },
+            formatter: function (params) {
+                let tooltip = `${params[0].axisValue}<br/>`;
+                params.forEach(p => {
+                    const valueInK = (p.value / 1000).toFixed(1);
+                    tooltip += `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:8px;height:8px;background-color:${p.color}"></span> ${p.seriesName}: ${valueInK}k<br/>`;
+                });
+                return tooltip;
+            }
+        },
+        grid: {
+            left: '0px',
+            right: '40px',
+            bottom: '60px',
+            top: '3%'
+        },
+        legend: {
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor,type:'dashed' } },
+            axisLabel: {
+                fontSize: 11,
+                fontFamily: 'inherit',
+                color:  isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                padding: [0, 0, 0, 0]
+            }
+        },
+        yAxis: {
+            type: 'value',
+            position: 'right',
+             axisTick: 'none',
+            axisLine: { show: false },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color:  isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                name: 'Visitors',
+                type: 'bar',
+                stack: 'total',
+                barWidth: '35%',
+                data: [100000, 120000, 90000, 150000, 130000, 160000, 140000, 180000, 150000, 200000, 170000, 210000],
+                itemStyle: {
+                    borderRadius: [10, 10, 10, 10],
+                    color:'var(--color-amber-500)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+            },
+            {
+                name: 'Sales',
+                type: 'bar',
+                stack: 'total',
+                barWidth: '35%',
+                data: [40000, 70000, 60000, 100000, 90000, 120000, 110000, 140000, 120000, 160000, 150000, 170000],
+                itemStyle: {
+                    barGap: '10%',
+                    borderRadius: [10, 10, 10, 10],
+                    color: 'var(--color-primary)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+            }
+        ]
+    };
+}
+function getOptionProjection(isDark) {
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'item',
+            formatter: '{b}: {c}k ({d}%)',
+            backgroundColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+            textStyle: {
+                fontFamily: 'inherit',
+                color: isDark ? 'var(--color-zinc-100)' : 'var(--color-zinc-600)'
+            }
+        },
+        legend: {
+            show: false,
+            top: '0px',
+            textStyle: {
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)',
+                fontFamily: 'inherit',
+            },
+            itemGap: 20,
+        },
+        series: [{
+            name: 'Visitors',
+            type: 'pie',
+            radius: ['70%', '90%'],
+            avoidLabelOverlap: false,
+            selectedMode: false,
+            startAngle: 90,
+            label: {
+                fontFamily: 'inherit',
+                show: true,
+                position: 'center',
+                formatter: '-12k',
+                fontSize: 36,
+                fontWeight: 'var(--font-semibold)',
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)',
+            },
+            emphasis: { disabled: true },
+            labelLine: { show: false },
+            itemStyle: {
+                borderRadius: 6,
+                borderColor: isDark ? 'var(--color-zinc-900)' : '#fff',
+                borderWidth: 6
+            },
+            data: [
+                {
+                    value: 93, name: 'Projection',
+                    itemStyle: {
+                        color: 'var(--color-amber-500)',
+                    }
+                },
+                {
+                    value: 81, name: 'Actual',
+                    itemStyle: {
+                        color: 'var(--color-primary)'
+                    }
+                },
+            ]
+        }]
+    };
+}
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+initChart(document.getElementById('chart_earnings'), getOptionEarnings);
+initChart(document.getElementById('chart_visitors_sales'), getOptionVisitorsVsSales);
+initChart(document.getElementById('chart_pie_projection'), getOptionProjection);
+
+
+//Map
+const markers = [
+  { coords: [40.71, -74], name: "New York", Sales: '137K' },
+  { coords: [35.68, 139.69], name: "Tokyo", Sales: '122K' },
+  { coords: [28.61, 77.20], name: "Delhi", Sales: '119K' },
+  { coords: [40.42, -3.70], name: "Madrid", Sales: '87K' }
+];
+const map = new jsVectorMap({
+    map: "world",
+    selector: "#world-map-markers",
+    zoomOnScroll: false,
+    zoomButtons: false,
+    zoomAnimate: false,
+    panOnDrag: false,
+    backgroundColor: "transparent",
+
+    regionStyle: {
+        initial: {
+            fill: "var(--color-primary-subtle)"
+        },
+         hover: {
+    fill: "var(--color-primary)",
+  },
+    },
+    markers: markers,
+
+    markerStyle: {
+        initial: {
+            r: 6,
+            fill: "var(--color-primary)",
+            "fill-opacity": 0.9,
+            stroke: "var(--color-primary-subtle)",
+            "stroke-width": 3,
+            "stroke-opacity": 0.6
+        },
+        hover: {
+            fill: "var(--color-primary-deep)",
+            "fill-opacity": 1,
+            "stroke-width": 0
+        }
+    },
+    onMarkerTooltipShow(event, tooltip, index) {
+    const marker = markers[index];
+    const html = `
+      <h5 class="!text-white/70 px-2 pt-1 text-xs">${marker.name}</h5>
+      <p class="font-semibold px-2">${marker.Sales} Sales</p>
+    `;
+    tooltip.text(html, true);
+  }
+});
+
+
+//Tom select
+document.querySelectorAll('.js-select').forEach(select => {
+    new TomSelect(select, {
+        maxItems: 1,
+        create: false,
+        searchField: [],
+        controlInput: null
+    });
+});
+
+//Toast
+window.onload = function() {
+    Swal.fire({
+      toast: true,
+      position: 'top',
+      showConfirmButton: false,
+      timer: 4000,
+      timerProgressBar: true,
+      showCloseButton: true,
+      closeButtonHtml: '<span class="icon-[lucide--x]"></span>',
+      title:`<div class="flex items-start gap-3.5"><span class="icon-[lucide--triangle-alert] text-xl text-amber-500 mt-2"></span><div class="flex-grow"><h5 class="text-base">Attention required!</h5><p class="text-muted text-sm font-normal"> Your free trail ends in next 3 days.</p><a href="account-pricing.html" class="text-primary text-sm">Upgrade here <span class="icon-[lucide--external-link] ms-1"></span></a></div></div>`
+    });
+  };
\ No newline at end of file
diff --git a/public_html/raven-demo/js/dashboard-education.js b/public_html/raven-demo/js/dashboard-education.js
new file mode 100644
index 0000000..5fa7056
--- /dev/null
+++ b/public_html/raven-demo/js/dashboard-education.js
@@ -0,0 +1,191 @@
+//dashboard charts
+
+const charts = [];
+
+function getOptionTopics(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400
+            },
+              formatter: function (params) {
+        let result = '';
+        params.forEach(function (item) {
+            result += item.marker + ' ' + item.seriesName + ': ' + item.value + '%<br/>';
+        });
+        return result;
+    }
+        },
+        grid: {
+            right: '40px',
+            left: '70px',
+            bottom: '30px',
+            top: '0'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'value',
+            boundaryGap: true,
+            
+            axisLine: {lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, 0],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            },
+            splitLine: {show:false, lineStyle: { color: gridColor } }
+        },
+        yAxis: {
+            position: 'left',
+            axisTick: 'none',
+            type: 'category',
+            data: ['UI design', 'React', 'Angular', 'Python', 'Animation', 'Svelte'],
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel:{
+                padding: [0, 0, 0,0],
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            },
+            splitLine: {show:true, lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [{
+          name: 'Your interest rate is',
+          type: 'bar',
+          data: [80, 60, 55, 50, 40, 25],
+          barWidth: '50%',
+          label: {
+    show: true,
+    position: 'right',
+    formatter: '{c}%',
+    color: isDark ? 'var(--color-zinc-200)' : 'var(--color-zinc-700)',
+    fontFamily: 'inherit',
+    fontSize: 12
+  },
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: function(params) {
+        const colors = [
+            'var(--color-primary)',
+            'var(--color-amber-500)',
+            'var(--color-sky-500)',
+            'var(--color-cyan-500)',
+            'var(--color-green-500)',
+            'var(--color-purple-500)'
+        ];
+        return colors[params.dataIndex];
+    },
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }],
+    };
+}
+function getOptionWeeklyReport(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400,
+            }
+        },
+        grid: {
+            left: 0,
+            right: 0,
+            top: 10,
+            bottom: 0,
+            containLabel: false
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Week1', 'Week2', 'Week3', 'Week4', 'Week5', 'Week6', 'Week7', 'Week8', 'Week9', 'Week10'],
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: { show: false }
+        },
+        yAxis: {
+            type: 'value',
+            axisLine: { show: false },
+            axisTick: { show: false },
+            splitLine: { show: false },
+            axisLabel: { show: false }
+        },
+        series: [
+            {
+                type: 'bar',
+                data: [24, 40, 31, 28, 38, 18, 24, 19, 14, 28],
+                barWidth: '30%',
+                itemStyle: {
+                    color: 'var(--color-primary)',
+                    borderRadius: [4, 4, 4, 4]
+                },
+                emphasis: {
+                    itemStyle: {
+                        color: 'var(--color-primary)',
+                    },
+                }
+            }
+        ]
+    };
+}
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_topics'), getOptionTopics);
+initChart(document.getElementById('chart_weekly_report'), getOptionWeeklyReport);
diff --git a/public_html/raven-demo/js/dashboard-jobs.js b/public_html/raven-demo/js/dashboard-jobs.js
new file mode 100644
index 0000000..c03f70a
--- /dev/null
+++ b/public_html/raven-demo/js/dashboard-jobs.js
@@ -0,0 +1,208 @@
+const charts = [];
+
+function getOptionJobs(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400
+            },
+        },
+        grid: {
+            left: '0px',
+            right: '40px',
+            bottom: '60px',
+            top: '3%'
+        },
+        legend: {
+            bottom: 0,
+            itemGap: 30,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor, type: 'dashed' } },
+            axisLabel: {
+                fontSize: 11,
+                fontFamily: 'inherit',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                padding: [0, 0, 0, 0]
+            }
+        },
+        yAxis: {
+            type: 'value',
+            position: 'right',
+            axisLine: { show: false },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                data: [78, 123, 78, 61, 29, 64, 77, 59, 105, 138, 78, 89],
+                name: 'Applications',
+                type: 'bar',
+                stack: false,
+                barWidth: '25%',
+                itemStyle: {
+                    barGap: '0',
+                    borderRadius: [2, 2, 2, 2],
+                    color: 'var(--color-primary)',
+                    borderWidth: 1,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                },
+            },
+            {
+                data: [25, 22, 16, 19, 16, 14, 23, 16, 17, 21, 12, 28],
+                name: 'Jobs posted',
+                type: 'bar',
+                stack: false,
+                barWidth: '25%',
+                itemStyle: {
+                    barGap: '0',
+                    borderRadius: [2, 2, 2, 2],
+                    color: 'var(--color-amber-500)',
+                    borderWidth: 1,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                },
+            },
+        ]
+    };
+}
+function getOptionImpression(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'item',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,
+                fontWeight: 400,
+            },
+             formatter: function(params) {
+    const value = params.value;
+    const name = params.name;
+    const color = params.color || '#999';
+    
+    return `
+      <div style="font-family: inherit; font-size: 14px;">
+        <div style="margin-bottom: 4px;">${name}</div>
+        <div style="color: ${color}; font-weight: 500;">
+          ${value}k
+        </div>
+      </div>
+    `;
+  }
+        },
+        series: [
+            {
+                name: 'Impression',
+                type: 'funnel',
+                left: '0%',
+                top: 0,
+                bottom: 0,
+                width: '100%',
+                min: 0,
+                max: 100,
+                minSize: '0%',
+                maxSize: '100%',
+                sort: 'descending',
+                gap: 2,
+                label: {
+        show: true,
+        position: 'inside',
+        color: '#fff',
+        fontSize: 14,
+        fontWeight: 'normal',
+        fontFamily:'inherit',
+      },
+                labelLine: {
+                    length: 10,
+                    lineStyle: {
+                        width: 1,
+                        type: 'solid'
+                    }
+                },
+                itemStyle: {
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                    borderWidth: 1
+                },
+                emphasis: {
+                    disabled: true
+                },
+                data: [
+                    { value: 360, name: 'Direct',itemStyle:{color: 'var(--color-primary)'} },
+                    { value: 120, name: 'Search',itemStyle:{color: 'var(--color-blue-500)'} },
+                    { value: 70, name: 'Social',itemStyle:{color: 'var(--color-lime-500)'} },
+                    { value: 40, name: 'Ads',itemStyle:{color: 'var(--color-amber-500)'} },
+                ]
+            }
+        ]
+    }
+}
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_jobs'), getOptionJobs);
+initChart(document.getElementById('chart_impression'), getOptionImpression);
\ No newline at end of file
diff --git a/public_html/raven-demo/js/dashboard-marketing.js b/public_html/raven-demo/js/dashboard-marketing.js
new file mode 100644
index 0000000..790ddf7
--- /dev/null
+++ b/public_html/raven-demo/js/dashboard-marketing.js
@@ -0,0 +1,257 @@
+//dashboard charts
+
+const charts = [];
+
+function getOptionAds(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,
+                fontWeight:400
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '0px',
+            bottom: '30px',
+            top: '40px'
+        },
+        legend: {
+            show: true,
+            top: 0,
+            itemGap: 40,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: true,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor, type: 'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, -10],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-sm)',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            
+            {
+                name: 'Campaign',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: true,
+                emphasis: {
+                   disabled:true
+                },
+                lineStyle: { color: 'var(--color-yellow-500)' },
+                itemStyle: { color: 'var(--color-yellow-500)' },
+                data: [1200, 1020, 900, 1070, 1700, 1440, 1620, 1900, 1340, 1670, 950, 820]
+            },
+            {
+                name: 'Emails',
+                type: 'bar',
+                barWidth: '40%',
+                data: [453, 846, 699, 759, 1210, 1880, 930, 1170, 710, 620, 1190, 870],
+                itemStyle: {
+                    borderRadius: [10, 10, 10, 10],
+                    color: 'var(--color-primary)',
+                },
+                emphasis: {
+                    disabled: true
+                },
+            },
+             
+        ]
+    };
+}
+
+function getOptionLead(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '0px',
+            bottom: '30px',
+            top: '0'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'value',
+            boundaryGap: true,
+            
+            axisLine: {lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, 0],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            },
+            splitLine: {show:false, lineStyle: { color: gridColor } }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'category',
+            data: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E', 'Team F'],
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel:{
+                padding: [0, 0, 0, -15],
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            },
+            splitLine: {show:true, lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [{
+          name: 'Campaigns',
+          type: 'bar',
+          stack: 'total',
+          data: [1405, 1300, 1620, 1430, 1500, 1520],
+          barWidth: '50%',
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: 'var(--color-primary)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }, {
+          name: 'Lead',
+          type: 'bar',
+          stack: 'total',
+          data: [320, 302, 301, 334, 340, 390],
+          barWidth: '50%',
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: 'var(--color-amber-500)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }, {
+          name: 'Opportunity',
+          type: 'bar',
+          stack: 'total',
+          data: [220, 182, 351, 234, 290, 300],
+          barWidth: '50%',
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: 'var(--color-sky-500)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }, {
+          name: 'Deal',
+          type: 'bar',
+          stack: 'total',
+          data: [120, 182, 191, 134, 190, 170],
+          barWidth: '50%',
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: 'var(--color-cyan-500)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }],
+    };
+}
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_visitor'), getOptionAds);
+initChart(document.getElementById('chart_lead'), getOptionLead);
\ No newline at end of file
diff --git a/public_html/raven-demo/js/dashboard-restaurant.js b/public_html/raven-demo/js/dashboard-restaurant.js
new file mode 100644
index 0000000..107a4ed
--- /dev/null
+++ b/public_html/raven-demo/js/dashboard-restaurant.js
@@ -0,0 +1,119 @@
+const charts = [];
+function getOptionOrders(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-700)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,
+                fontWeight:400
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '0px',
+            bottom: '30px',
+            top: '40px'
+        },
+        legend: {
+            show: true,
+            top: 0,
+            itemGap: 40,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: true,
+            data: ['09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00'],
+            axisLine: { lineStyle: { color: gridColor, type: 'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, -10],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-sm)',
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-400)'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            
+            {
+                name: 'Orders',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 8,
+                showSymbol: true,
+                emphasis: {
+                   disabled:true
+                },
+                lineStyle: { color: 'var(--color-primary)' },
+                itemStyle: { color: 'var(--color-primary)' },
+                data: [3, 7, 12, 16, 11, 18, 9, 14, 7, 24, 14, 6]
+            },
+             
+        ]
+    };
+}
+
+
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_orders'), getOptionOrders);
\ No newline at end of file
diff --git a/public_html/raven-demo/js/dashboard-social.js b/public_html/raven-demo/js/dashboard-social.js
new file mode 100644
index 0000000..1ef81ed
--- /dev/null
+++ b/public_html/raven-demo/js/dashboard-social.js
@@ -0,0 +1,134 @@
+const charts = [];
+function getOptionLine(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400,
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '20px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Sep 1', 'Sep 2', 'Sep 3', 'Sep 4', 'Sep 5', 'Sep 6', 'Sep 7', 'Sep 8', 'Sep 9', 'Sep 10', 'Sep 11', 'Sep 12'],
+            axisLine: { lineStyle: { color: gridColor,type: 'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { 
+                lineStyle: 
+                { 
+                    color: gridColor,
+                    type: 'dashed'
+                 } 
+                }
+        },
+        series: [
+            {
+                name: 'Followers',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                  disabled:true
+                },
+                lineStyle: { color: 'var(--color-primary)' },
+                itemStyle: { color: 'var(--color-primary)' },
+                data: [87000, 57000, 74000, 98000, 74000, 44000, 62000, 49000, 82000, 56000, 47000, 54000]
+            },
+            {
+                name: 'Non-followers',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                     disabled:true
+                },
+                lineStyle: { color: 'var(--color-pink-500)', type:'dashed' },
+                itemStyle: { color: 'var(--color-pink-500)' },
+                data: [35000, 41000, 62000, 42000, 14000, 18000, 29000, 37000, 36000, 5100, 32000, 34000]
+            }
+        ]
+    };
+}
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_social_views'), getOptionLine);
diff --git a/public_html/raven-demo/js/demo-echarts.js b/public_html/raven-demo/js/demo-echarts.js
new file mode 100644
index 0000000..1102ef6
--- /dev/null
+++ b/public_html/raven-demo/js/demo-echarts.js
@@ -0,0 +1,570 @@
+//ChartsDemo
+
+const charts = [];
+function getOptionArea(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                const value = params[0].value;
+                return `${params[0].axisValue}<br/><span>$${value} USD</span>`;
+            }
+        },
+        grid: {
+            right: '35px',
+            left: '10px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                padding: [0, 0, 0, 5],
+                showMaxLabel: false,
+                color: textColor,
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: textColor,
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                type: 'line',
+                data: [27000, 51000, 44000, 68000, 52000, 74000, 59000, 82000, 64000, 87000, 72000, 94000],
+                symbol: 'none',
+                smooth: true,
+                areaStyle: {
+                    color: {
+                        type: 'linear',
+                        x: 0,
+                        y: 0,
+                        x2: 0,
+                        y2: 1,
+                        colorStops: [{
+                            offset: 0,
+                            color: 'var(--color-primary-subtle)'
+                        }, {
+                            offset: 1,
+                            color: 'rgba(0,0,0,0)'
+                        }]
+                    }
+                },
+                lineStyle: {
+                    color: 'var(--color-primary)',
+                    width: 2
+                },
+                emphasis: {
+                    disabled: true
+                },
+            }
+        ]
+    };
+}
+function getOptionLine(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '20px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                padding: [0, 0, 0, 5],
+                showMaxLabel: false,
+                color: textColor,
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: textColor,
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                name: 'Organic',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                    lineStyle: { color: 'var(--color-primary)' },
+                    itemStyle: { color: 'var(--color-primary)' },
+                },
+                lineStyle: { color: 'var(--color-primary)' },
+                itemStyle: { color: 'var(--color-primary)' },
+                data: [87000, 57000, 74000, 98000, 74000, 44000, 62000, 49000, 82000, 56000, 47000, 54000]
+            },
+            {
+                name: 'Referral',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                    lineStyle: { color: 'var(--color-sky-500)' },
+                    itemStyle: { color: 'var(--color-sky-500)' },
+                },
+                lineStyle: { color: 'var(--color-sky-500)' },
+                itemStyle: { color: 'var(--color-sky-500)' },
+                data: [35000, 41000, 62000, 42000, 14000, 18000, 29000, 37000, 36000, 5100, 32000, 34000]
+            },
+            {
+                name: 'Ads',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                lineStyle: { color: 'var(--color-yellow-500)', type: 'dashed' },
+                itemStyle: { color: 'var(--color-yellow-500)' },
+                emphasis: {
+                    lineStyle: { color: 'var(--color-yellow-500)' },
+                    itemStyle: { color: 'var(--color-yellow-500)' },
+                },
+                data: [45000, 52000, 38000, 24000, 33000, 24000, 21000, 19000, 64000, 84000, 16000, 18000]
+            }
+        ]
+    };
+}
+
+function getOptionBar(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                let tooltip = `${params[0].axisValue}<br/>`;
+                params.forEach(p => {
+                    const valueInK = (p.value / 1000).toFixed(1);
+                    tooltip += `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:8px;height:8px;background-color:${p.color}"></span> ${p.seriesName}: ${valueInK}k<br/>`;
+                });
+                return tooltip;
+            }
+        },
+        grid: {
+            left: '0px',
+            right: '40px',
+            bottom: '60px',
+            top: '3%'
+        },
+        legend: {
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontSize: 11,
+                fontFamily: 'inherit',
+                color: textColor,
+                padding: [0, 0, 0, 5]
+            }
+        },
+        yAxis: {
+            type: 'value',
+            position: 'right',
+            axisLine: { show: false },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: textColor,
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                name: 'Visitors',
+                type: 'bar',
+                stack: 'total',
+                barWidth: '40%',
+                data: [100000, 120000, 90000, 150000, 130000, 160000, 140000, 180000, 150000, 200000, 170000, 210000],
+                itemStyle: {
+                    borderRadius: [10, 10, 10, 10],
+                    color: isDark ? 'var(--color-zinc-600)' : 'var(--color-zinc-300)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+            },
+            {
+                name: 'Sales',
+                type: 'bar',
+                stack: 'total',
+                barWidth: '40%',
+                data: [40000, 70000, 60000, 100000, 90000, 120000, 110000, 140000, 120000, 160000, 150000, 170000],
+                itemStyle: {
+                    barGap: '10%',
+                    borderRadius: [10, 10, 10, 10],
+                    color: 'var(--color-primary)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+            }
+        ]
+    };
+}
+function getOptionPolar(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                return `${params.name}: $${params.value}k`;
+            },
+        },
+        polar: {
+            radius: [30, '80%']
+        },
+        radiusAxis: {
+            max: 40,
+            splitLine: {
+                lineStyle: {
+                    color: gridColor,
+                    width: 1
+                }
+            },
+            axisLine: {
+                show: false
+            },
+            axisLabel: {
+                show: false
+            },
+            axisTick: {
+                show: false
+            }
+        },
+        angleAxis: {
+            type: 'category',
+            data: ['Visitors', 'Sales', 'Profit', 'Expanses'],
+            startAngle: 75,
+            axisLine: {
+                lineStyle: {
+                    color: gridColor
+                }
+            },
+            axisLabel: {
+                color: textColor,
+                
+            fontFamily:'inherit',
+            }
+        },
+        series: {
+            type: 'bar',
+            data: [37, 23, 14, 7],
+            coordinateSystem: 'polar',
+
+            label: {
+                show: false,
+                position: 'middle',
+                formatter: '{b}: {c}'
+            },
+            itemStyle: {
+                color: function (params) {
+                    const colors = [
+                        'var(--color-sky-500)',
+                        'var(--color-amber-500)',
+                        'var(--color-primary)',
+                        'var(--color-rose-500)'
+                    ];
+                    return colors[params.dataIndex % colors.length];
+                },
+            },
+            emphasis: {
+                disabled: true
+            }
+        },
+    };
+}
+function getOptionPie(isDark) {
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'item',
+            formatter: '{b}: {c}k ({d}%)',
+            backgroundColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-zinc-50)',
+            textStyle: {
+                fontFamily: 'inherit',
+                color: isDark ? 'var(--color-zinc-100)' : 'var(--color-zinc-600)'
+            }
+        },
+        legend: {
+            show: false,
+            top: '0px',
+            textStyle: {
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)',
+                fontFamily: 'inherit',
+            },
+            itemGap: 20,
+        },
+        series: [{
+            name: 'Visitors',
+            type: 'pie',
+            radius: ['70%', '90%'],
+            avoidLabelOverlap: false,
+            selectedMode: false,
+            startAngle: 90,
+            label: {
+                fontFamily: 'inherit',
+                show: true,
+                position: 'center',
+                formatter: '-12k',
+                fontSize: 36,
+                fontWeight: 'var(--font-semibold)',
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)',
+            },
+            emphasis: { disabled: true },
+            labelLine: { show: false },
+            itemStyle: {
+                borderRadius: 12,
+                borderColor: isDark ? 'var(--color-zinc-900)' : '#fff',
+                borderWidth: 6
+            },
+            data: [
+                {
+                    value: 93, name: 'Projection',
+                    itemStyle: {
+                        color: isDark ? 'var(--color-zinc-600)' : 'var(--color-zinc-300)',
+                    }
+                },
+                {
+                    value: 81, name: 'Actual',
+                    itemStyle: {
+                        color: 'var(--color-primary)'
+                    }
+                },
+            ]
+        }]
+    };
+}
+function getOptionMix(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '0px',
+            bottom: '30px',
+            top: '40px'
+        },
+        legend: {
+            show: true,
+            top: 0,
+            itemGap: 30,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: true,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, -10],
+                showMaxLabel: false,
+                color: textColor,
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor, type: 'dashed' } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-sm)',
+                color: textColor,
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+
+            {
+                name: 'Campaign',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: true,
+                emphasis: {
+                    disabled: true
+                },
+                lineStyle: { color: 'var(--color-yellow-500)' },
+                itemStyle: { color: 'var(--color-yellow-500)' },
+                data: [1200, 1020, 900, 1070, 1700, 1440, 1620, 1900, 1340, 1670, 950, 820]
+            },
+            {
+                name: 'Emails',
+                type: 'bar',
+                barWidth: '40%',
+                data: [453, 846, 699, 759, 1210, 1880, 930, 1170, 710, 620, 1190, 870],
+                itemStyle: {
+                    borderRadius: [10, 10, 10, 10],
+                    color: 'var(--color-primary)',
+                },
+                emphasis: {
+                    disabled: true
+                },
+            },
+
+        ]
+    };
+}
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+initChart(document.getElementById('chart_area'), getOptionArea);
+initChart(document.getElementById('chart_bar'), getOptionBar);
+initChart(document.getElementById('chart_pie'), getOptionPie);
+initChart(document.getElementById('chart_polar'), getOptionPolar);
+initChart(document.getElementById('chart_mix'), getOptionMix);
+initChart(document.getElementById('chart_line'), getOptionLine);
diff --git a/public_html/raven-demo/js/theme.js b/public_html/raven-demo/js/theme.js
new file mode 100644
index 0000000..66ba223
--- /dev/null
+++ b/public_html/raven-demo/js/theme.js
@@ -0,0 +1,2 @@
+!function i(o,r,s){function a(t,e){if(!r[t]){if(!o[t]){var n="function"==typeof require&&require;if(!e&&n)return n(t,!0);if(l)return l(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}n=r[t]={exports:{}},o[t][0].call(n.exports,function(e){return a(o[t][1][e]||e)},n,n.exports,i,o,r,s)}return r[t].exports}for(var l="function"==typeof require&&require,e=0;e<s.length;e++)a(s[e]);return a}({1:[function(e,t,n){function ko(e,t,n,i){var o=r(s(1&i?e.prototype:e),t,n);return 2&i&&"function"==typeof o?function(e){return o.apply(n,e)}:o}function r(){return(r="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,n){var i=((e,t)=>{for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=s(e)););return e})(e,t);if(i)return(i=Object.getOwnPropertyDescriptor(i,t)).get?i.get.call(arguments.length<3?e:n):i.value}).apply(null,arguments)}function Eo(e,t,n){return t=s(t),xo(e,i()?Reflect.construct(t,n||[],s(e).constructor):t.apply(e,n))}function xo(e,t){if(t&&("object"==No(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");t=e;if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function i(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(i=function(){return!!e})()}function s(e){return(s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Ao(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&o(e,t)}function o(e,t){return(o=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function a(t,e){var n,i=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),i.push.apply(i,n)),i}function Oo(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?a(Object(n),!0).forEach(function(e){So(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function So(e,t,n){return(t=c(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Lo(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,c(i.key),i)}}function To(e,t,n){return t&&l(e.prototype,t),n&&l(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function c(e){e=((e,t)=>{if("object"!=No(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);if("object"!=No(n=n.call(e,t||"default")))return n;throw new TypeError("@@toPrimitive must return a primitive value.")})(e,"string");return"symbol"==No(e)?e:e+""}function Co(e,t){return(e=>{if(Array.isArray(e))return e})(e)||((e,t)=>{var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,o,r,s,a=[],l=!0,c=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(i=r.call(n)).done)&&(a.push(i.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw o}}return a}})(e,t)||u(e,t)||(()=>{throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")})()}function Mo(e,t){var n,i,o,r,s="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(s)return o=!(i=!0),{s:function(){s=s.call(e)},n:function(){var e=s.next();return i=e.done,e},e:function(e){o=!0,n=e},f:function(){try{i||null==s.return||s.return()}finally{if(o)throw n}}};if(Array.isArray(e)||(s=u(e))||t&&e&&"number"==typeof e.length)return s&&(e=s),r=0,{s:t=function(){},n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function Do(e){return(e=>{if(Array.isArray(e))return f(e)})(e)||(e=>{if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)})(e)||u(e)||(()=>{throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")})()}function u(e,t){var n;if(e)return"string"==typeof e?f(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}function No(e){return(No="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var d;d=function(){function P(e){e.dispatchEvent(new Event(U))}function o(e){return c(e)?e.jquery?e[0]:e:"string"==typeof e&&0<e.length?document.querySelector(K(e)):null}function r(e){if(!c(e)||0===e.getClientRects().length)return!1;var t="visible"===getComputedStyle(e).getPropertyValue("visibility"),n=e.closest("details:not([open])");if(n&&n!==e){e=e.closest("summary");if(e&&e.parentNode!==n)return!1;if(null===e)return!1}return t}function s(e){return!e||e.nodeType!==Node.ELEMENT_NODE||!!e.classList.contains("disabled")||(void 0!==e.disabled?e.disabled:e.hasAttribute("disabled")&&"false"!==e.getAttribute("disabled"))}function W(e){var t;return document.documentElement.attachShadow?"function"==typeof e.getRootNode?(t=e.getRootNode())instanceof ShadowRoot?t:null:e instanceof ShadowRoot?e:e.parentNode?W(e.parentNode):null:null}function z(){}function q(e){e.offsetHeight}function F(){return window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null}function a(){return"rtl"===document.documentElement.dir}function e(i){var e;e=function(){var e,t,n=F();n&&(e=i.NAME,t=n.fn[e],n.fn[e]=i.jQueryInterface,n.fn[e].Constructor=i,n.fn[e].noConflict=function(){return n.fn[e]=t,i.jQueryInterface})},"loading"===document.readyState?(Q.length||document.addEventListener("DOMContentLoaded",function(){for(var e=0,t=Q;e<t.length;e++)(0,t[e])()}),Q.push(e)):e()}function l(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:[],n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:e;return"function"==typeof e?e.call.apply(e,Do(t)):n}function R(t,n){var e,i,o,r,s,a;2<arguments.length&&void 0!==arguments[2]&&!arguments[2]?l(t):(o=5+((e=n)&&(i=(e=window.getComputedStyle(e)).transitionDuration,e=e.transitionDelay,o=Number.parseFloat(i),r=Number.parseFloat(e),o||r)?(i=i.split(",")[0],e=e.split(",")[0],(Number.parseFloat(i)+Number.parseFloat(e))*X):0),s=!1,n.addEventListener(U,a=function(e){e.target===n&&(s=!0,n.removeEventListener(U,a),l(t))}),setTimeout(function(){s||P(n)},o))}function H(e,t,n,i){var o=e.length;return-1===(t=e.indexOf(t))?!n&&i?e[o-1]:e[0]:(t+=n?1:-1,i&&(t=(t+o)%o),e[Math.max(0,Math.min(t,o-1))])}var i=new Map,B=function(e,t,n){i.has(e)||i.set(e,new Map);e=i.get(e);e.has(t)||0===e.size?e.set(t,n):console.error("Bootstrap doesn't allow more than one instance per element. Bound instance: ".concat(Array.from(e.keys())[0],"."))},V=function(e,t){return i.has(e)&&i.get(e).get(t)||null},Y=function(e,t){var n;i.has(e)&&((n=i.get(e)).delete(t),0===n.size)&&i.delete(e)},X=1e3,U="transitionend",K=function(e){return e=e&&window.CSS&&window.CSS.escape?e.replace(/#([^\s"#']+)/g,function(e,t){return"#".concat(CSS.escape(t))}):e},c=function(e){return!(!e||"object"!==No(e))&&void 0!==(e=void 0!==e.jquery?e[0]:e).nodeType},Q=[],$=/[^.]*(?=\..*)\.|.*/,G=/\..*/,Z=/::\d+$/,J={},ee=1,te={mouseenter:"mouseover",mouseleave:"mouseout"},ne=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function ie(e,t){return t&&"".concat(t,"::").concat(ee++)||e.uidEvent||ee++}function oe(e){var t=ie(e);return e.uidEvent=t,J[t]=J[t]||{},J[t]}function re(e,t,n){var i=2<arguments.length&&void 0!==n?n:null;return Object.values(e).find(function(e){return e.callable===t&&e.delegationSelector===i})}function se(e,t,n){var i="string"==typeof t,t=!i&&t||n,n=ce(e);return[i,t,n=ne.has(n)?n:e]}function ae(e,t,n,i,o){var r,s,a,l,c,u,f,d,h,p;"string"==typeof t&&e&&(r=(i=Co(se(t,n,i),3))[0],s=i[1],i=i[2],t in te&&(a=s,s=function(e){if(!e.relatedTarget||e.relatedTarget!==e.delegateTarget&&!e.delegateTarget.contains(e.relatedTarget))return a.call(this,e)}),(c=re(l=(l=oe(e))[i]||(l[i]={}),s,r?n:null))?c.oneOff=c.oneOff&&o:(c=ie(s,t.replace($,"")),(t=r?(d=e,h=n,p=s,function e(t){for(var n=d.querySelectorAll(h),i=t.target;i&&i!==this;i=i.parentNode){var o,r=Mo(n);try{for(r.s();!(o=r.n()).done;){var s=o.value;if(s===i)return ue(t,{delegateTarget:i}),e.oneOff&&m.off(d,t.type,h,p),p.apply(i,[t])}}catch(e){r.e(e)}finally{r.f()}}}):(u=e,f=s,function e(t){return ue(t,{delegateTarget:u}),e.oneOff&&m.off(u,t.type,f),f.apply(u,[t])})).delegationSelector=r?n:null,t.callable=s,t.oneOff=o,l[t.uidEvent=c]=t,e.addEventListener(i,t,r)))}function le(e,t,n,i,o){i=re(t[n],i,o);i&&(e.removeEventListener(n,i,Boolean(o)),delete t[n][i.uidEvent])}function ce(e){return e=e.replace(G,""),te[e]||e}var m={on:function(e,t,n,i){ae(e,t,n,i,!1)},one:function(e,t,n,i){ae(e,t,n,i,!0)},off:function(e,t,n,i){if("string"==typeof t&&e){var i=Co(se(t,n,i),3),o=i[0],r=i[1],s=i[2],a=s!==t,l=oe(e),i=l[s]||{},c=t.startsWith(".");if(void 0!==r)return Object.keys(i).length?void le(e,l,s,r,o?n:null):void 0;if(c)for(var u=0,f=Object.keys(l);u<f.length;u++)for(var d=f[u],h=(w=_=b=y=g=v=m=p=h=void 0,e),p=l,m=d,v=t.slice(1),g=p[m]||{},y=0,b=Object.entries(g);y<b.length;y++){var _=Co(b[y],2),w=_[0],_=_[1];w.includes(v)&&le(h,p,m,_.callable,_.delegationSelector)}for(var k=0,E=Object.entries(i);k<E.length;k++){var x=Co(E[k],2),A=x[0],x=x[1],A=A.replace(Z,"");a&&!t.includes(A)||le(e,l,s,x.callable,x.delegationSelector)}}},trigger:function(e,t,n){var i,o,r,s,a;return"string"==typeof t&&e?(a=F(),s=!(r=o=!(i=null)),t!==ce(t)&&a&&(i=a.Event(t,n),a(e).trigger(i),o=!i.isPropagationStopped(),r=!i.isImmediatePropagationStopped(),s=i.isDefaultPrevented()),a=ue(new Event(t,{bubbles:o,cancelable:!0}),n),s&&a.preventDefault(),r&&e.dispatchEvent(a),a.defaultPrevented&&i&&i.preventDefault(),a):null}};function ue(i,e){for(var o=0,r=Object.entries(1<arguments.length&&void 0!==e?e:{});o<r.length;o++)(()=>{var e=Co(r[o],2),t=e[0],n=e[1];try{i[t]=n}catch(e){Object.defineProperty(i,t,{configurable:!0,get:function(){return n}})}})();return i}function fe(t){if("true"===t)return!0;if("false"===t)return!1;if(t===Number(t).toString())return Number(t);if(""===t||"null"===t)return null;if("string"!=typeof t)return t;try{return JSON.parse(decodeURIComponent(t))}catch(e){return t}}function de(e){return e.replace(/[A-Z]/g,function(e){return"-".concat(e.toLowerCase())})}function he(e){var t=e.getAttribute("data-bs-target");if(!t||"#"===t){e=e.getAttribute("href");if(!e||!e.includes("#")&&!e.startsWith("."))return null;t=(e=e.includes("#")&&!e.startsWith("#")?"#".concat(e.split("#")[1]):e)&&"#"!==e?e.trim():null}return t?t.split(",").map(function(e){return K(e)}).join(","):null}function pe(t){var n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"hide",e="click.dismiss".concat(t.EVENT_KEY),i=t.NAME;m.on(document,e,'[data-bs-dismiss="'.concat(i,'"]'),function(e){["A","AREA"].includes(this.tagName)&&e.preventDefault(),s(this)||(e=u.getElementFromSelector(this)||this.closest(".".concat(i)),t.getOrCreateInstance(e)[n]())})}var me=function(e,t,n){e.setAttribute("data-bs-".concat(de(t)),n)},ve=function(e,t){e.removeAttribute("data-bs-".concat(de(t)))},ge=function(e){if(!e)return{};var t,n={},i=Mo(Object.keys(e.dataset).filter(function(e){return e.startsWith("bs")&&!e.startsWith("bsConfig")}));try{for(i.s();!(t=i.n()).done;){var o=t.value,r=o.replace(/^bs/,"");n[r=r.charAt(0).toLowerCase()+r.slice(1)]=fe(e.dataset[o])}}catch(e){i.e(e)}finally{i.f()}return n},ye=function(e,t){return fe(e.getAttribute("data-bs-".concat(de(t))))},be=(()=>To(function e(){Lo(this,e)},[{key:"_getConfig",value:function(e){return e=this._mergeConfigObj(e),e=this._configAfterMerge(e),this._typeCheckConfig(e),e}},{key:"_configAfterMerge",value:function(e){return e}},{key:"_mergeConfigObj",value:function(e,t){var n=c(t)?ye(t,"config"):{};return Oo(Oo(Oo(Oo({},this.constructor.Default),"object"===No(n)?n:{}),c(t)?ge(t):{}),"object"===No(e)?e:{})}},{key:"_typeCheckConfig",value:function(e){for(var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:this.constructor.DefaultType,n=0,i=Object.entries(t);n<i.length;n++){var o=Co(i[n],2),r=o[0],o=o[1],s=e[r],s=c(s)?"element":null==(s=s)?"".concat(s):Object.prototype.toString.call(s).match(/\s([a-z]+)/i)[1].toLowerCase();if(!new RegExp(o).test(s))throw new TypeError("".concat(this.constructor.NAME.toUpperCase(),': Option "').concat(r,'" provided type "').concat(s,'" but expected type "').concat(o,'".'))}}}],[{key:"Default",get:function(){return{}}},{key:"DefaultType",get:function(){return{}}},{key:"NAME",get:function(){throw new Error('You have to implement the static method "NAME", for each component!')}}]))(),t=(()=>{function i(e,t){var n;return Lo(this,i),n=Eo(this,i),(e=o(e))?(n._element=e,n._config=n._getConfig(t),B(n._element,n.constructor.DATA_KEY,n),n):xo(n)}return Ao(i,be),To(i,[{key:"dispose",value:function(){Y(this._element,this.constructor.DATA_KEY),m.off(this._element,this.constructor.EVENT_KEY);var e,t=Mo(Object.getOwnPropertyNames(this));try{for(t.s();!(e=t.n()).done;)this[e.value]=null}catch(e){t.e(e)}finally{t.f()}}},{key:"_queueCallback",value:function(e,t){R(e,t,!(2<arguments.length&&void 0!==arguments[2])||arguments[2])}},{key:"_getConfig",value:function(e){return e=this._mergeConfigObj(e,this._element),e=this._configAfterMerge(e),this._typeCheckConfig(e),e}}],[{key:"getInstance",value:function(e){return V(o(e),this.DATA_KEY)}},{key:"getOrCreateInstance",value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{};return this.getInstance(e)||new this(e,"object"===No(t)?t:null)}},{key:"VERSION",get:function(){return"5.3.8"}},{key:"DATA_KEY",get:function(){return"bs.".concat(this.NAME)}},{key:"EVENT_KEY",get:function(){return".".concat(this.DATA_KEY)}},{key:"eventName",value:function(e){return"".concat(e).concat(this.EVENT_KEY)}}])})(),u={find:function(e){var t,n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document.documentElement;return(t=[]).concat.apply(t,Do(Element.prototype.querySelectorAll.call(n,e)))},findOne:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document.documentElement;return Element.prototype.querySelector.call(t,e)},children:function(e,t){var n;return(n=[]).concat.apply(n,Do(e.children)).filter(function(e){return e.matches(t)})},parents:function(e,t){for(var n=[],i=e.parentNode.closest(t);i;)n.push(i),i=i.parentNode.closest(t);return n},prev:function(e,t){for(var n=e.previousElementSibling;n;){if(n.matches(t))return[n];n=n.previousElementSibling}return[]},next:function(e,t){for(var n=e.nextElementSibling;n;){if(n.matches(t))return[n];n=n.nextElementSibling}return[]},focusableChildren:function(e){var t=["a","button","input","textarea","select","details","[tabindex]",'[contenteditable="true"]'].map(function(e){return"".concat(e,':not([tabindex^="-"])')}).join(",");return this.find(t,e).filter(function(e){return!s(e)&&r(e)})},getSelectorFromElement:function(e){e=he(e);return e&&u.findOne(e)?e:null},getElementFromSelector:function(e){e=he(e);return e?u.findOne(e):null},getMultipleElementsFromSelector:function(e){e=he(e);return e?u.find(e):[]}},_e=".".concat("bs.alert"),we="close".concat(_e),ke="closed".concat(_e),_e=(()=>{function n(){return Lo(this,n),Eo(this,n,arguments)}return Ao(n,t),To(n,[{key:"close",value:function(){var e,t=this;m.trigger(this._element,we).defaultPrevented||(this._element.classList.remove("show"),e=this._element.classList.contains("fade"),this._queueCallback(function(){return t._destroyElement()},this._element,e))}},{key:"_destroyElement",value:function(){this._element.remove(),m.trigger(this._element,ke),this.dispose()}}],[{key:"NAME",get:function(){return"alert"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t](this)}})}}])})(),n=(pe(_e,"close"),e(_e),".".concat("bs.button")),Ee='[data-bs-toggle="button"]',n="click".concat(n).concat(".data-api"),xe=(()=>{function n(){return Lo(this,n),Eo(this,n,arguments)}return Ao(n,t),To(n,[{key:"toggle",value:function(){this._element.setAttribute("aria-pressed",this._element.classList.toggle("active"))}}],[{key:"NAME",get:function(){return"button"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this);"toggle"===t&&e[t]()})}}])})(),f=(m.on(document,n,Ee,function(e){e.preventDefault();e=e.target.closest(Ee);xe.getOrCreateInstance(e).toggle()}),e(xe),".bs.swipe"),Ae="touchstart".concat(f),Oe="touchmove".concat(f),Se="touchend".concat(f),Le="pointerdown".concat(f),Te="pointerup".concat(f),Ce={endCallback:null,leftCallback:null,rightCallback:null},Me={endCallback:"(function|null)",leftCallback:"(function|null)",rightCallback:"(function|null)"},De=(()=>{function i(e,t){var n;return Lo(this,i),((n=Eo(this,i))._element=e)&&i.isSupported()?(n._config=n._getConfig(t),n._deltaX=0,n._supportPointerEvents=Boolean(window.PointerEvent),n._initEvents(),n):xo(n)}return Ao(i,be),To(i,[{key:"dispose",value:function(){m.off(this._element,f)}},{key:"_start",value:function(e){this._supportPointerEvents?this._eventIsPointerPenTouch(e)&&(this._deltaX=e.clientX):this._deltaX=e.touches[0].clientX}},{key:"_end",value:function(e){this._eventIsPointerPenTouch(e)&&(this._deltaX=e.clientX-this._deltaX),this._handleSwipe(),l(this._config.endCallback)}},{key:"_move",value:function(e){this._deltaX=e.touches&&1<e.touches.length?0:e.touches[0].clientX-this._deltaX}},{key:"_handleSwipe",value:function(){var e=Math.abs(this._deltaX);e<=40||(e=e/this._deltaX,this._deltaX=0,e&&l(0<e?this._config.rightCallback:this._config.leftCallback))}},{key:"_initEvents",value:function(){var t=this;this._supportPointerEvents?(m.on(this._element,Le,function(e){return t._start(e)}),m.on(this._element,Te,function(e){return t._end(e)}),this._element.classList.add("pointer-event")):(m.on(this._element,Ae,function(e){return t._start(e)}),m.on(this._element,Oe,function(e){return t._move(e)}),m.on(this._element,Se,function(e){return t._end(e)}))}},{key:"_eventIsPointerPenTouch",value:function(e){return this._supportPointerEvents&&("pen"===e.pointerType||"touch"===e.pointerType)}}],[{key:"Default",get:function(){return Ce}},{key:"DefaultType",get:function(){return Me}},{key:"NAME",get:function(){return"swipe"}},{key:"isSupported",value:function(){return"ontouchstart"in document.documentElement||0<navigator.maxTouchPoints}}])})(),n=".".concat("bs.carousel"),d=".data-api",Ne="next",je="prev",Ie="left",Pe="right",We="slide".concat(n),ze="slid".concat(n),qe="keydown".concat(n),Fe="mouseenter".concat(n),Re="mouseleave".concat(n),He="dragstart".concat(n),Be="load".concat(n).concat(d),n="click".concat(n).concat(d),Ve="carousel",Ye="active",Xe=".active",Ue=".carousel-item",Ke=So(So({},"ArrowLeft",Pe),"ArrowRight",Ie),Qe={interval:5e3,keyboard:!0,pause:"hover",ride:!1,touch:!0,wrap:!0},$e={interval:"(number|boolean)",keyboard:"boolean",pause:"(string|boolean)",ride:"(boolean|string)",touch:"boolean",wrap:"boolean"},Ge=(()=>{function n(e,t){return Lo(this,n),(e=Eo(this,n,[e,t]))._interval=null,e._activeElement=null,e._isSliding=!1,e.touchTimeout=null,e._swipeHelper=null,e._indicatorsElement=u.findOne(".carousel-indicators",e._element),e._addEventListeners(),e._config.ride===Ve&&e.cycle(),e}return Ao(n,t),To(n,[{key:"next",value:function(){this._slide(Ne)}},{key:"nextWhenVisible",value:function(){!document.hidden&&r(this._element)&&this.next()}},{key:"prev",value:function(){this._slide(je)}},{key:"pause",value:function(){this._isSliding&&P(this._element),this._clearInterval()}},{key:"cycle",value:function(){var e=this;this._clearInterval(),this._updateInterval(),this._interval=setInterval(function(){return e.nextWhenVisible()},this._config.interval)}},{key:"_maybeEnableCycle",value:function(){var e=this;this._config.ride&&(this._isSliding?m.one(this._element,ze,function(){return e.cycle()}):this.cycle())}},{key:"to",value:function(e){var t,n=this,i=this._getItems();e>i.length-1||e<0||(this._isSliding?m.one(this._element,ze,function(){return n.to(e)}):(t=this._getItemIndex(this._getActive()))!==e&&this._slide(t<e?Ne:je,i[e]))}},{key:"dispose",value:function(){this._swipeHelper&&this._swipeHelper.dispose(),ko(n,"dispose",this,3)([])}},{key:"_configAfterMerge",value:function(e){return e.defaultInterval=e.interval,e}},{key:"_addEventListeners",value:function(){var t=this;this._config.keyboard&&m.on(this._element,qe,function(e){return t._keydown(e)}),"hover"===this._config.pause&&(m.on(this._element,Fe,function(){return t.pause()}),m.on(this._element,Re,function(){return t._maybeEnableCycle()})),this._config.touch&&De.isSupported()&&this._addTouchEventListeners()}},{key:"_addTouchEventListeners",value:function(){var e,t=this,n=Mo(u.find(".carousel-item img",this._element));try{for(n.s();!(e=n.n()).done;){var i=e.value;m.on(i,He,function(e){return e.preventDefault()})}}catch(e){n.e(e)}finally{n.f()}this._swipeHelper=new De(this._element,{leftCallback:function(){return t._slide(t._directionToOrder(Ie))},rightCallback:function(){return t._slide(t._directionToOrder(Pe))},endCallback:function(){"hover"===t._config.pause&&(t.pause(),t.touchTimeout&&clearTimeout(t.touchTimeout),t.touchTimeout=setTimeout(function(){return t._maybeEnableCycle()},500+t._config.interval))}})}},{key:"_keydown",value:function(e){var t;/input|textarea/i.test(e.target.tagName)||(t=Ke[e.key])&&(e.preventDefault(),this._slide(this._directionToOrder(t)))}},{key:"_getItemIndex",value:function(e){return this._getItems().indexOf(e)}},{key:"_setActiveIndicatorElement",value:function(e){var t;this._indicatorsElement&&((t=u.findOne(Xe,this._indicatorsElement)).classList.remove(Ye),t.removeAttribute("aria-current"),t=u.findOne('[data-bs-slide-to="'.concat(e,'"]'),this._indicatorsElement))&&(t.classList.add(Ye),t.setAttribute("aria-current","true"))}},{key:"_updateInterval",value:function(){var e=this._activeElement||this._getActive();e&&(e=Number.parseInt(e.getAttribute("data-bs-interval"),10),this._config.interval=e||this._config.defaultInterval)}},{key:"_slide",value:function(t){var n,e,i,o,r,s,a,l=this,c=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null;this._isSliding||(n=this._getActive(),e=t===Ne,(i=c||H(this._getItems(),n,e,this._config.wrap))===n)||(o=this._getItemIndex(i),(r=function(e){return m.trigger(l._element,e,{relatedTarget:i,direction:l._orderToDirection(t),from:l._getItemIndex(n),to:o})})(We).defaultPrevented)||n&&i&&(c=Boolean(this._interval),this.pause(),this._isSliding=!0,this._setActiveIndicatorElement(o),this._activeElement=i,s=e?"carousel-item-start":"carousel-item-end",a=e?"carousel-item-next":"carousel-item-prev",i.classList.add(a),q(i),n.classList.add(s),i.classList.add(s),this._queueCallback(function(){i.classList.remove(s,a),i.classList.add(Ye),n.classList.remove(Ye,a,s),l._isSliding=!1,r(ze)},n,this._isAnimated()),c)&&this.cycle()}},{key:"_isAnimated",value:function(){return this._element.classList.contains("slide")}},{key:"_getActive",value:function(){return u.findOne(".active.carousel-item",this._element)}},{key:"_getItems",value:function(){return u.find(Ue,this._element)}},{key:"_clearInterval",value:function(){this._interval&&(clearInterval(this._interval),this._interval=null)}},{key:"_directionToOrder",value:function(e){return a()?e===Ie?je:Ne:e===Ie?Ne:je}},{key:"_orderToDirection",value:function(e){return a()?e===je?Ie:Pe:e===je?Pe:Ie}}],[{key:"Default",get:function(){return Qe}},{key:"DefaultType",get:function(){return $e}},{key:"NAME",get:function(){return"carousel"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("number"==typeof t)e.to(t);else if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),d=(m.on(document,n,"[data-bs-slide], [data-bs-slide-to]",function(e){var t=u.getElementFromSelector(this);t&&t.classList.contains(Ve)&&(e.preventDefault(),e=Ge.getOrCreateInstance(t),(t=this.getAttribute("data-bs-slide-to"))?e.to(t):"next"===ye(this,"slide")?e.next():e.prev(),e._maybeEnableCycle())}),m.on(window,Be,function(){var e,t=Mo(u.find('[data-bs-ride="carousel"]'));try{for(t.s();!(e=t.n()).done;){var n=e.value;Ge.getOrCreateInstance(n)}}catch(e){t.e(e)}finally{t.f()}}),e(Ge),".".concat("bs.collapse")),Ze="show".concat(d),Je="shown".concat(d),et="hide".concat(d),tt="hidden".concat(d),n="click".concat(d).concat(".data-api"),nt="show",it="collapse",ot="collapsing",rt=":scope .".concat(it," .").concat(it),st='[data-bs-toggle="collapse"]',at={parent:null,toggle:!0},lt={parent:"(null|element)",toggle:"boolean"},ct=(()=>{function l(e,t){var n;Lo(this,l),(n=Eo(this,l,[e,t]))._isTransitioning=!1,n._triggerArray=[];var i,o=Mo(u.find(st));try{for(o.s();!(i=o.n()).done;){var r=i.value,s=u.getSelectorFromElement(r),a=u.find(s).filter(function(e){return e===n._element});null!==s&&a.length&&n._triggerArray.push(r)}}catch(e){o.e(e)}finally{o.f()}return n._initializeChildren(),n._config.parent||n._addAriaAndCollapsedClass(n._triggerArray,n._isShown()),n._config.toggle&&n.toggle(),n}return Ao(l,t),To(l,[{key:"toggle",value:function(){this._isShown()?this.hide():this.show()}},{key:"show",value:function(){var t=this;if(!this._isTransitioning&&!this._isShown()){var e=[];if(!(e=this._config.parent?this._getFirstLevelChildren(".collapse.show, .collapse.collapsing").filter(function(e){return e!==t._element}).map(function(e){return l.getOrCreateInstance(e,{toggle:!1})}):e).length||!e[0]._isTransitioning){var n=m.trigger(this._element,Ze);if(!n.defaultPrevented){var i,o=Mo(e);try{for(o.s();!(i=o.n()).done;)i.value.hide()}catch(e){o.e(e)}finally{o.f()}var r=this._getDimension(),n=(this._element.classList.remove(it),this._element.classList.add(ot),this._element.style[r]=0,this._addAriaAndCollapsedClass(this._triggerArray,!0),this._isTransitioning=!0,r[0].toUpperCase()+r.slice(1)),e="scroll".concat(n);this._queueCallback(function(){t._isTransitioning=!1,t._element.classList.remove(ot),t._element.classList.add(it,nt),t._element.style[r]="",m.trigger(t._element,Je)},this._element,!0),this._element.style[r]="".concat(this._element[e],"px")}}}}},{key:"hide",value:function(){var e=this;if(!this._isTransitioning&&this._isShown()){var t=m.trigger(this._element,et);if(!t.defaultPrevented){var n,t=this._getDimension(),i=(this._element.style[t]="".concat(this._element.getBoundingClientRect()[t],"px"),q(this._element),this._element.classList.add(ot),this._element.classList.remove(it,nt),Mo(this._triggerArray));try{for(i.s();!(n=i.n()).done;){var o=n.value,r=u.getElementFromSelector(o);r&&!this._isShown(r)&&this._addAriaAndCollapsedClass([o],!1)}}catch(e){i.e(e)}finally{i.f()}this._isTransitioning=!0;this._element.style[t]="",this._queueCallback(function(){e._isTransitioning=!1,e._element.classList.remove(ot),e._element.classList.add(it),m.trigger(e._element,tt)},this._element,!0)}}}},{key:"_isShown",value:function(){return(0<arguments.length&&void 0!==arguments[0]?arguments[0]:this._element).classList.contains(nt)}},{key:"_configAfterMerge",value:function(e){return e.toggle=Boolean(e.toggle),e.parent=o(e.parent),e}},{key:"_getDimension",value:function(){return this._element.classList.contains("collapse-horizontal")?"width":"height"}},{key:"_initializeChildren",value:function(){if(this._config.parent){var e,t=Mo(this._getFirstLevelChildren(st));try{for(t.s();!(e=t.n()).done;){var n=e.value,i=u.getElementFromSelector(n);i&&this._addAriaAndCollapsedClass([n],this._isShown(i))}}catch(e){t.e(e)}finally{t.f()}}}},{key:"_getFirstLevelChildren",value:function(e){var t=u.find(rt,this._config.parent);return u.find(e,this._config.parent).filter(function(e){return!t.includes(e)})}},{key:"_addAriaAndCollapsedClass",value:function(e,t){if(e.length){var n,i=Mo(e);try{for(i.s();!(n=i.n()).done;){var o=n.value;o.classList.toggle("collapsed",!t),o.setAttribute("aria-expanded",t)}}catch(e){i.e(e)}finally{i.f()}}}}],[{key:"Default",get:function(){return at}},{key:"DefaultType",get:function(){return lt}},{key:"NAME",get:function(){return"collapse"}},{key:"jQueryInterface",value:function(t){var n={};return"string"==typeof t&&/show|hide/.test(t)&&(n.toggle=!1),this.each(function(){var e=l.getOrCreateInstance(this,n);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),S=(m.on(document,n,st,function(e){("A"===e.target.tagName||e.delegateTarget&&"A"===e.delegateTarget.tagName)&&e.preventDefault();var t,n=Mo(u.getMultipleElementsFromSelector(this));try{for(n.s();!(t=n.n()).done;){var i=t.value;ct.getOrCreateInstance(i,{toggle:!1}).toggle()}}catch(e){n.e(e)}finally{n.f()}}),e(ct),"top"),L="bottom",T="right",C="left",ut="auto",ft=[S,L,T,C],M="start",dt="end",ht="clippingParents",pt="viewport",mt="popper",vt="reference",gt=ft.reduce(function(e,t){return e.concat([t+"-"+M,t+"-"+dt])},[]),yt=[].concat(ft,[ut]).reduce(function(e,t){return e.concat([t,t+"-"+M,t+"-"+dt])},[]),Be="beforeRead",d="afterRead",n="beforeMain",h="afterMain",p="beforeWrite",v="afterWrite",bt=[Be,"read",d,n,"main",h,p,"write",v];function g(e){return e?(e.nodeName||"").toLowerCase():null}function b(e){var t;return null==e?window:"[object Window]"!==e.toString()?(t=e.ownerDocument)&&t.defaultView||window:e}function y(e){return e instanceof b(e).Element||e instanceof Element}function _(e){return e instanceof b(e).HTMLElement||e instanceof HTMLElement}function _t(e){return"undefined"!=typeof ShadowRoot&&(e instanceof b(e).ShadowRoot||e instanceof ShadowRoot)}var wt={name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var o=e.state;Object.keys(o.elements).forEach(function(e){var t=o.styles[e]||{},n=o.attributes[e]||{},i=o.elements[e];_(i)&&g(i)&&(Object.assign(i.style,t),Object.keys(n).forEach(function(e){var t=n[e];!1===t?i.removeAttribute(e):i.setAttribute(e,!0===t?"":t)}))})},effect:function(e){var i=e.state,o={popper:{position:i.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(i.elements.popper.style,o.popper),i.styles=o,i.elements.arrow&&Object.assign(i.elements.arrow.style,o.arrow),function(){Object.keys(i.elements).forEach(function(e){var t=i.elements[e],n=i.attributes[e]||{},e=Object.keys((i.styles.hasOwnProperty(e)?i.styles:o)[e]).reduce(function(e,t){return e[t]="",e},{});_(t)&&g(t)&&(Object.assign(t.style,e),Object.keys(n).forEach(function(e){t.removeAttribute(e)}))})}},requires:["computeStyles"]};function D(e){return e.split("-")[0]}var O=Math.max,kt=Math.min,Et=Math.round;function xt(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function At(){return!/^((?!chrome|android).)*safari/i.test(xt())}function Ot(e,t,n){void 0===t&&(t=!1),void 0===n&&(n=!1);var i=e.getBoundingClientRect(),o=1,r=1;t&&_(e)&&(o=0<e.offsetWidth&&Et(i.width)/e.offsetWidth||1,r=0<e.offsetHeight&&Et(i.height)/e.offsetHeight||1);t=(y(e)?b(e):window).visualViewport,e=!At()&&n,n=(i.left+(e&&t?t.offsetLeft:0))/o,e=(i.top+(e&&t?t.offsetTop:0))/r,t=i.width/o,o=i.height/r;return{width:t,height:o,top:e,right:n+t,bottom:e+o,left:n,x:n,y:e}}function St(e){var t=Ot(e),n=e.offsetWidth,i=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-i)<=1&&(i=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:i}}function Lt(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&_t(n)){var i=t;do{if(i&&e.isSameNode(i))return!0}while(i=i.parentNode||i.host)}return!1}function w(e){return b(e).getComputedStyle(e)}function k(e){return((y(e)?e.ownerDocument:e.document)||window.document).documentElement}function Tt(e){return"html"===g(e)?e:e.assignedSlot||e.parentNode||(_t(e)?e.host:null)||k(e)}function Ct(e){return _(e)&&"fixed"!==w(e).position?e.offsetParent:null}function Mt(e){for(var t,n=b(e),i=Ct(e);i&&(t=i,0<=["table","td","th"].indexOf(g(t)))&&"static"===w(i).position;)i=Ct(i);return(!i||"html"!==g(i)&&("body"!==g(i)||"static"!==w(i).position))&&(i||(e=>{var t=/firefox/i.test(xt()),n=/Trident/i.test(xt());if(!n||!_(e)||"fixed"!==w(e).position){var i=Tt(e);for(_t(i)&&(i=i.host);_(i)&&["html","body"].indexOf(g(i))<0;){var o=w(i);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||t&&"filter"===o.willChange||t&&o.filter&&"none"!==o.filter)return i;i=i.parentNode}}return null})(e))||n}function Dt(e){return 0<=["top","bottom"].indexOf(e)?"x":"y"}function Nt(e,t,n){return O(e,kt(t,n))}function jt(){return{top:0,right:0,bottom:0,left:0}}function It(e){return Object.assign({},jt(),e)}function Pt(n,e){return e.reduce(function(e,t){return e[t]=n,e},{})}var Wt={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,n,i,o,r=e.state,s=e.name,e=e.options,a=r.elements.arrow,l=r.modifiersData.popperOffsets,c=Dt(u=D(r.placement)),u=0<=[C,T].indexOf(u)?"height":"width";a&&l&&(e=e.padding,n=r,n=It("number"!=typeof(e="function"==typeof e?e(Object.assign({},n.rects,{placement:n.placement})):e)?e:Pt(e,ft)),e=St(a),o="y"===c?S:C,i="y"===c?L:T,t=r.rects.reference[u]+r.rects.reference[c]-l[c]-r.rects.popper[u],l=l[c]-r.rects.reference[c],a=(a=Mt(a))?"y"===c?a.clientHeight||0:a.clientWidth||0:0,o=n[o],n=a-e[u]-n[i],o=Nt(o,i=a/2-e[u]/2+(t/2-l/2),n),r.modifiersData[s]=((a={})[c]=o,a.centerOffset=o-i,a))},effect:function(e){var t=e.state;null!=(e=void 0===(e=e.options.element)?"[data-popper-arrow]":e)&&("string"!=typeof e||(e=t.elements.popper.querySelector(e)))&&Lt(t.elements.popper,e)&&(t.elements.arrow=e)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function zt(e){return e.split("-")[1]}var qt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Ft(e){var t,n=e.popper,i=e.popperRect,o=e.placement,r=e.variation,s=e.offsets,a=e.position,l=e.gpuAcceleration,c=e.adaptive,u=e.roundOffsets,e=e.isFixed,f=s.x,f=void 0===f?0:f,d=s.y,d=void 0===d?0:d,h="function"==typeof u?u({x:f,y:d}):{x:f,y:d},h=(f=h.x,d=h.y,s.hasOwnProperty("x")),s=s.hasOwnProperty("y"),p=C,m=S,v=window,g=(c&&(g="clientHeight",t="clientWidth",(y=Mt(n))===b(n)&&"static"!==w(y=k(n)).position&&"absolute"===a&&(g="scrollHeight",t="scrollWidth"),o!==S&&(o!==C&&o!==T||r!==dt)||(m=L,d=(d-((e&&y===v&&v.visualViewport?v.visualViewport.height:y[g])-i.height))*(l?1:-1)),o!==C&&(o!==S&&o!==L||r!==dt)||(p=T,f=(f-((e&&y===v&&v.visualViewport?v.visualViewport.width:y[t])-i.width))*(l?1:-1))),Object.assign({position:a},c&&qt)),y=!0===u?(o={x:f,y:d},r=b(n),e=o.x,o=o.y,r=r.devicePixelRatio||1,{x:Et(e*r)/r||0,y:Et(o*r)/r||0}):{x:f,y:d};return f=y.x,d=y.y,l?Object.assign({},g,((t={})[m]=s?"0":"",t[p]=h?"0":"",t.transform=(v.devicePixelRatio||1)<=1?"translate("+f+"px, "+d+"px)":"translate3d("+f+"px, "+d+"px, 0)",t)):Object.assign({},g,((i={})[m]=s?d+"px":"",i[p]=h?f+"px":"",i.transform="",i))}var E={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,n=void 0===(n=(e=e.options).gpuAcceleration)||n,i=void 0===(i=e.adaptive)||i,e=void 0===(e=e.roundOffsets)||e,n={placement:D(t.placement),variation:zt(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:n,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,Ft(Object.assign({},n,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:i,roundOffsets:e})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,Ft(Object.assign({},n,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:e})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},Rt={passive:!0};var Ht={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,n=e.instance,i=(e=e.options).scroll,o=void 0===i||i,r=void 0===(i=e.resize)||i,s=b(t.elements.popper),a=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&a.forEach(function(e){e.addEventListener("scroll",n.update,Rt)}),r&&s.addEventListener("resize",n.update,Rt),function(){o&&a.forEach(function(e){e.removeEventListener("scroll",n.update,Rt)}),r&&s.removeEventListener("resize",n.update,Rt)}},data:{}},Bt={left:"right",right:"left",bottom:"top",top:"bottom"};function Vt(e){return e.replace(/left|right|bottom|top/g,function(e){return Bt[e]})}var Yt={start:"end",end:"start"};function Xt(e){return e.replace(/start|end/g,function(e){return Yt[e]})}function Ut(e){e=b(e);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Kt(e){return Ot(k(e)).left+Ut(e).scrollLeft}function Qt(e){var e=w(e),t=e.overflow;return/auto|scroll|overlay|hidden/.test(t+e.overflowY+e.overflowX)}function $t(e,t){void 0===t&&(t=[]);var n=function e(t){return 0<=["html","body","#document"].indexOf(g(t))?t.ownerDocument.body:_(t)&&Qt(t)?t:e(Tt(t))}(e),e=n===(null==(e=e.ownerDocument)?void 0:e.body),i=b(n),i=e?[i].concat(i.visualViewport||[],Qt(n)?n:[]):n,n=t.concat(i);return e?n:n.concat($t(Tt(i)))}function Gt(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Zt(e,t,n){return t===pt?Gt((o=n,s=b(i=e),a=k(i),s=s.visualViewport,l=a.clientWidth,a=a.clientHeight,u=c=0,s&&(l=s.width,a=s.height,(r=At())||!r&&"fixed"===o)&&(c=s.offsetLeft,u=s.offsetTop),{width:l,height:a,x:c+Kt(i),y:u})):y(t)?((o=Ot(r=t,!1,"fixed"===(o=n))).top=o.top+r.clientTop,o.left=o.left+r.clientLeft,o.bottom=o.top+r.clientHeight,o.right=o.left+r.clientWidth,o.width=r.clientWidth,o.height=r.clientHeight,o.x=o.left,o.y=o.top,o):Gt((s=k(e),l=k(s),a=Ut(s),c=null==(c=s.ownerDocument)?void 0:c.body,i=O(l.scrollWidth,l.clientWidth,c?c.scrollWidth:0,c?c.clientWidth:0),u=O(l.scrollHeight,l.clientHeight,c?c.scrollHeight:0,c?c.clientHeight:0),s=-a.scrollLeft+Kt(s),a=-a.scrollTop,"rtl"===w(c||l).direction&&(s+=O(l.clientWidth,c?c.clientWidth:0)-i),{width:i,height:u,x:s,y:a}));var i,o,r,s,a,l,c,u}function Jt(n,e,t,i){var o,r="clippingParents"===e?(s=$t(Tt(r=n)),y(o=0<=["absolute","fixed"].indexOf(w(r).position)&&_(r)?Mt(r):r)?s.filter(function(e){return y(e)&&Lt(e,o)&&"body"!==g(e)}):[]):[].concat(e),s=[].concat(r,[t]),e=s[0],t=s.reduce(function(e,t){t=Zt(n,t,i);return e.top=O(t.top,e.top),e.right=kt(t.right,e.right),e.bottom=kt(t.bottom,e.bottom),e.left=O(t.left,e.left),e},Zt(n,e,i));return t.width=t.right-t.left,t.height=t.bottom-t.top,t.x=t.left,t.y=t.top,t}function en(e){var t,n=e.reference,i=e.element,e=e.placement,o=e?D(e):null,e=e?zt(e):null,r=n.x+n.width/2-i.width/2,s=n.y+n.height/2-i.height/2;switch(o){case S:t={x:r,y:n.y-i.height};break;case L:t={x:r,y:n.y+n.height};break;case T:t={x:n.x+n.width,y:s};break;case C:t={x:n.x-i.width,y:s};break;default:t={x:n.x,y:n.y}}var a=o?Dt(o):null;if(null!=a){var l="y"===a?"height":"width";switch(e){case M:t[a]=t[a]-(n[l]/2-i[l]/2);break;case dt:t[a]=t[a]+(n[l]/2-i[l]/2)}}return t}function tn(e,t){var i,t=t=void 0===t?{}:t,n=t.placement,n=void 0===n?e.placement:n,o=t.strategy,o=void 0===o?e.strategy:o,r=t.boundary,r=void 0===r?ht:r,s=t.rootBoundary,s=void 0===s?pt:s,a=t.elementContext,a=void 0===a?mt:a,l=t.altBoundary,l=void 0!==l&&l,t=t.padding,t=void 0===t?0:t,t=It("number"!=typeof t?t:Pt(t,ft)),c=e.rects.popper,l=e.elements[l?a===mt?vt:mt:a],l=Jt(y(l)?l:l.contextElement||k(e.elements.popper),r,s,o),r=Ot(e.elements.reference),s=en({reference:r,element:c,placement:n}),o=Gt(Object.assign({},c,s)),c=a===mt?o:r,u={top:l.top-c.top+t.top,bottom:c.bottom-l.bottom+t.bottom,left:l.left-c.left+t.left,right:c.right-l.right+t.right},s=e.modifiersData.offset;return a===mt&&s&&(i=s[n],Object.keys(u).forEach(function(e){var t=0<=[T,L].indexOf(e)?1:-1,n=0<=[S,L].indexOf(e)?"y":"x";u[e]+=i[n]*t})),u}var nn={name:"flip",enabled:!0,phase:"main",fn:function(e){var f=e.state,t=e.options,e=e.name;if(!f.modifiersData[e]._skip){for(var n=t.mainAxis,i=void 0===n||n,n=t.altAxis,o=void 0===n||n,n=t.fallbackPlacements,d=t.padding,h=t.boundary,p=t.rootBoundary,r=t.altBoundary,s=t.flipVariations,m=void 0===s||s,v=t.allowedAutoPlacements,s=f.options.placement,t=D(s),n=n||(t===s||!m?[Vt(s)]:D(n=s)===ut?[]:(t=Vt(n),[Xt(n),t,Xt(t)])),a=[s].concat(n).reduce(function(e,t){return e.concat(D(t)===ut?(n=f,i=(e=e=void 0===(e={placement:t,boundary:h,rootBoundary:p,padding:d,flipVariations:m,allowedAutoPlacements:v})?{}:e).placement,o=e.boundary,r=e.rootBoundary,s=e.padding,a=e.flipVariations,l=void 0===(e=e.allowedAutoPlacements)?yt:e,c=zt(i),e=c?a?gt:gt.filter(function(e){return zt(e)===c}):ft,u=(i=0===(i=e.filter(function(e){return 0<=l.indexOf(e)})).length?e:i).reduce(function(e,t){return e[t]=tn(n,{placement:t,boundary:o,rootBoundary:r,padding:s})[D(t)],e},{}),Object.keys(u).sort(function(e,t){return u[e]-u[t]})):t);var n,i,o,r,s,a,l,c,u},[]),l=f.rects.reference,c=f.rects.popper,u=new Map,g=!0,y=a[0],b=0;b<a.length;b++){var _=a[b],w=D(_),k=zt(_)===M,E=0<=[S,L].indexOf(w),x=E?"width":"height",A=tn(f,{placement:_,boundary:h,rootBoundary:p,altBoundary:r,padding:d}),E=E?k?T:C:k?L:S,k=(l[x]>c[x]&&(E=Vt(E)),Vt(E)),x=[];if(i&&x.push(A[w]<=0),o&&x.push(A[E]<=0,A[k]<=0),x.every(function(e){return e})){y=_,g=!1;break}u.set(_,x)}if(g)for(var O=m?3:1;0<O;O--)if("break"===(t=>{var e=a.find(function(e){e=u.get(e);if(e)return e.slice(0,t).every(function(e){return e})});if(e)return y=e,"break"})(O))break;f.placement!==y&&(f.modifiersData[e]._skip=!0,f.placement=y,f.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function on(e,t,n){return{top:e.top-t.height-(n=void 0===n?{x:0,y:0}:n).y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function rn(t){return[S,T,L,C].some(function(e){return 0<=t[e]})}var sn={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,e=e.name,n=t.rects.reference,i=t.rects.popper,o=t.modifiersData.preventOverflow,r=tn(t,{elementContext:"reference"}),s=tn(t,{altBoundary:!0}),r=on(r,n),n=on(s,i,o),s=rn(r),i=rn(n);t.modifiersData[e]={referenceClippingOffsets:r,popperEscapeOffsets:n,isReferenceHidden:s,hasPopperEscaped:i},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":i})}};var an={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var s=e.state,t=e.name,a=void 0===(e=e.options.offset)?[0,0]:e,e=yt.reduce(function(e,t){var n,i,o,r;return e[t]=(t=t,n=s.rects,i=a,o=D(t),r=0<=[C,S].indexOf(o)?-1:1,t=(n="function"==typeof i?i(Object.assign({},n,{placement:t})):i)[0]||0,i=(n[1]||0)*r,0<=[C,T].indexOf(o)?{x:i,y:t}:{x:t,y:i}),e},{}),n=(i=e[s.placement]).x,i=i.y;null!=s.modifiersData.popperOffsets&&(s.modifiersData.popperOffsets.x+=n,s.modifiersData.popperOffsets.y+=i),s.modifiersData[t]=e}};var ln={name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state;t.modifiersData[e.name]=en({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})},data:{}};var cn={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t,n,i,o,r,s,a,l,c,u=e.state,f=e.options,e=e.name,d=void 0===(d=f.mainAxis)||d,h=void 0!==(h=f.altAxis)&&h,p=void 0===(p=f.tether)||p,m=void 0===(m=f.tetherOffset)?0:m,f=tn(u,{boundary:f.boundary,rootBoundary:f.rootBoundary,padding:f.padding,altBoundary:f.altBoundary}),v=D(u.placement),g=zt(u.placement),y=!g,b=Dt(v),_="x"===b?"y":"x",w=u.modifiersData.popperOffsets,k=u.rects.reference,E=u.rects.popper,m="number"==typeof(m="function"==typeof m?m(Object.assign({},u.rects,{placement:u.placement})):m)?{mainAxis:m,altAxis:m}:Object.assign({mainAxis:0,altAxis:0},m),x=u.modifiersData.offset?u.modifiersData.offset[u.placement]:null,A={x:0,y:0};w&&(d&&(d="y"===b?"height":"width",s=(a=w[b])+f[n="y"===b?S:C],l=a-f[c="y"===b?L:T],t=p?-E[d]/2:0,o=(g===M?k:E)[d],g=g===M?-E[d]:-k[d],r=u.elements.arrow,r=p&&r?St(r):{width:0,height:0},n=(i=u.modifiersData["arrow#persistent"]?u.modifiersData["arrow#persistent"].padding:jt())[n],i=i[c],c=Nt(0,k[d],r[d]),r=y?k[d]/2-t-c-n-m.mainAxis:o-c-n-m.mainAxis,o=y?-k[d]/2+t+c+i+m.mainAxis:g+c+i+m.mainAxis,y=(n=u.elements.arrow&&Mt(u.elements.arrow))?"y"===b?n.clientTop||0:n.clientLeft||0:0,g=a+o-(t=null!=(d=null==x?void 0:x[b])?d:0),c=Nt(p?kt(s,a+r-t-y):s,a,p?O(l,g):l),w[b]=c,A[b]=c-a),h&&(i="y"==_?"height":"width",o=(n=w[_])+f["x"===b?S:C],d=n-f["x"===b?L:T],r=-1!==[S,C].indexOf(v),y=null!=(t=null==x?void 0:x[_])?t:0,s=r?o:n-k[i]-E[i]-y+m.altAxis,g=r?n+k[i]+E[i]-y-m.altAxis:d,a=p&&r?(l=Nt(l=s,n,c=g),c<l?c:l):Nt(p?s:o,n,p?g:d),w[_]=a,A[_]=a-n),u.modifiersData[e]=A)},requiresIfExists:["offset"]};function un(e,t,n){void 0===n&&(n=!1);var i=_(t),o=_(t)&&(s=(o=t).getBoundingClientRect(),r=Et(s.width)/o.offsetWidth||1,s=Et(s.height)/o.offsetHeight||1,1!==r||1!==s),r=k(t),s=Ot(e,o,n),e={scrollLeft:0,scrollTop:0},a={x:0,y:0};return!i&&n||("body"===g(t)&&!Qt(r)||(e=(i=t)!==b(i)&&_(i)?{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}:Ut(i)),_(t)?((a=Ot(t,!0)).x+=t.clientLeft,a.y+=t.clientTop):r&&(a.x=Kt(r))),{x:s.left+e.scrollLeft-a.x,y:s.top+e.scrollTop-a.y,width:s.width,height:s.height}}function fn(e){var n=new Map,i=new Set,o=[];return e.forEach(function(e){n.set(e.name,e)}),e.forEach(function(e){i.has(e.name)||!function t(e){i.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){i.has(e)||(e=n.get(e))&&t(e)}),o.push(e)}(e)}),o}var dn={placement:"bottom",modifiers:[],strategy:"absolute"};function hn(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return!t.some(function(e){return!(e&&"function"==typeof e.getBoundingClientRect)})}function pn(e){var e=e=void 0===e?{}:e,t=e.defaultModifiers,f=void 0===t?[]:t,t=e.defaultOptions,d=void 0===t?dn:t;return function(i,o,t){void 0===t&&(t=d);var n,r,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},dn,d),modifiersData:{},elements:{reference:i,popper:o},attributes:{},styles:{}},a=[],l=!1,c={state:s,setOptions:function(e){var n,t,e="function"==typeof e?e(s.options):e,e=(u(),s.options=Object.assign({},d,s.options,e),s.scrollParents={reference:y(i)?$t(i):i.contextElement?$t(i.contextElement):[],popper:$t(o)},e=[].concat(f,s.options.modifiers),t=e.reduce(function(e,t){var n=e[t.name];return e[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t,e},{}),e=Object.keys(t).map(function(e){return t[e]}),n=fn(e),bt.reduce(function(e,t){return e.concat(n.filter(function(e){return e.phase===t}))},[]));return s.orderedModifiers=e.filter(function(e){return e.enabled}),s.orderedModifiers.forEach(function(e){var t=e.name,n=e.options,e=e.effect;"function"==typeof e&&(e=e({state:s,name:t,instance:c,options:void 0===n?{}:n}),a.push(e||function(){}))}),c.update()},forceUpdate:function(){if(!l){var e=s.elements,t=e.reference,e=e.popper;if(hn(t,e)){s.rects={reference:un(t,Mt(e),"fixed"===s.options.strategy),popper:St(e)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach(function(e){return s.modifiersData[e.name]=Object.assign({},e.data)});for(var n,i,o,r=0;r<s.orderedModifiers.length;r++)!0===s.reset?(s.reset=!1,r=-1):(i=(n=s.orderedModifiers[r]).fn,o=n.options,"function"==typeof i&&(s=i({state:s,options:void 0===o?{}:o,name:n.name,instance:c})||s))}}},update:(n=function(){return new Promise(function(e){c.forceUpdate(),e(s)})},function(){return r=r||new Promise(function(e){Promise.resolve().then(function(){r=void 0,e(n())})})}),destroy:function(){u(),l=!0}};return hn(i,o)&&c.setOptions(t).then(function(e){!l&&t.onFirstUpdate&&t.onFirstUpdate(e)}),c;function u(){a.forEach(function(e){return e()}),a=[]}}}var mn=pn({defaultModifiers:[Ht,ln,E,wt,an,nn,cn,Wt,sn]}),vn=Object.freeze(Object.defineProperty({__proto__:null,afterMain:h,afterRead:d,afterWrite:v,applyStyles:wt,arrow:Wt,auto:ut,basePlacements:ft,beforeMain:n,beforeRead:Be,beforeWrite:p,bottom:L,clippingParents:ht,computeStyles:E,createPopper:mn,createPopperBase:pn(),createPopperLite:pn({defaultModifiers:[Ht,ln,E,wt]}),detectOverflow:tn,end:dt,eventListeners:Ht,flip:nn,hide:sn,left:C,main:"main",modifierPhases:bt,offset:an,placements:yt,popper:mt,popperGenerator:pn,popperOffsets:ln,preventOverflow:cn,read:"read",reference:vt,right:T,start:M,top:S,variationPlacements:gt,viewport:pt,write:"write"},Symbol.toStringTag,{value:"Module"})),gn="dropdown",h=".".concat("bs.dropdown"),d=".data-api",yn="ArrowDown",bn="hide".concat(h),_n="hidden".concat(h),wn="show".concat(h),kn="shown".concat(h),v="click".concat(h).concat(d),Wt="keydown".concat(h).concat(d),n="keyup".concat(h).concat(d),En="show",x='[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)',xn="".concat(x,".").concat(En),An=".dropdown-menu",On=a()?"top-end":"top-start",Sn=a()?"top-start":"top-end",Ln=a()?"bottom-end":"bottom-start",Tn=a()?"bottom-start":"bottom-end",Cn=a()?"left-start":"right-start",Mn=a()?"right-start":"left-start",Dn={autoClose:!0,boundary:"clippingParents",display:"dynamic",offset:[0,2],popperConfig:null,reference:"toggle"},Nn={autoClose:"(boolean|string)",boundary:"(string|element)",display:"string",offset:"(array|string|function)",popperConfig:"(null|object|function)",reference:"(string|element|object)"},A=(()=>{function a(e,t){return Lo(this,a),(e=Eo(this,a,[e,t]))._popper=null,e._parent=e._element.parentNode,e._menu=u.next(e._element,An)[0]||u.prev(e._element,An)[0]||u.findOne(An,e._parent),e._inNavbar=e._detectNavbar(),e}return Ao(a,t),To(a,[{key:"toggle",value:function(){return this._isShown()?this.hide():this.show()}},{key:"show",value:function(){if(!s(this._element)&&!this._isShown()){var e={relatedTarget:this._element},t=m.trigger(this._element,wn,e);if(!t.defaultPrevented){if(this._createPopper(),"ontouchstart"in document.documentElement&&!this._parent.closest(".navbar-nav")){var n,i=Mo((t=[]).concat.apply(t,Do(document.body.children)));try{for(i.s();!(n=i.n()).done;){var o=n.value;m.on(o,"mouseover",z)}}catch(e){i.e(e)}finally{i.f()}}this._element.focus(),this._element.setAttribute("aria-expanded",!0),this._menu.classList.add(En),this._element.classList.add(En),m.trigger(this._element,kn,e)}}}},{key:"hide",value:function(){var e;!s(this._element)&&this._isShown()&&(e={relatedTarget:this._element},this._completeHide(e))}},{key:"dispose",value:function(){this._popper&&this._popper.destroy(),ko(a,"dispose",this,3)([])}},{key:"update",value:function(){this._inNavbar=this._detectNavbar(),this._popper&&this._popper.update()}},{key:"_completeHide",value:function(e){var t=m.trigger(this._element,bn,e);if(!t.defaultPrevented){if("ontouchstart"in document.documentElement){var n,i=Mo((t=[]).concat.apply(t,Do(document.body.children)));try{for(i.s();!(n=i.n()).done;){var o=n.value;m.off(o,"mouseover",z)}}catch(e){i.e(e)}finally{i.f()}}this._popper&&this._popper.destroy(),this._menu.classList.remove(En),this._element.classList.remove(En),this._element.setAttribute("aria-expanded","false"),ve(this._menu,"popper"),m.trigger(this._element,_n,e)}}},{key:"_getConfig",value:function(e){if("object"!==No((e=ko(a,"_getConfig",this,3)([e])).reference)||c(e.reference)||"function"==typeof e.reference.getBoundingClientRect)return e;throw new TypeError("".concat(gn.toUpperCase(),': Option "reference" provided type "object" without a required "getBoundingClientRect" method.'))}},{key:"_createPopper",value:function(){if(void 0===vn)throw new TypeError("Bootstrap's dropdowns require Popper (https://popper.js.org/docs/v2/)");var e=this._element,t=("parent"===this._config.reference?e=this._parent:c(this._config.reference)?e=o(this._config.reference):"object"===No(this._config.reference)&&(e=this._config.reference),this._getPopperConfig());this._popper=mn(e,this._menu,t)}},{key:"_isShown",value:function(){return this._menu.classList.contains(En)}},{key:"_getPlacement",value:function(){var e,t=this._parent;return t.classList.contains("dropend")?Cn:t.classList.contains("dropstart")?Mn:t.classList.contains("dropup-center")?"top":t.classList.contains("dropdown-center")?"bottom":(e="end"===getComputedStyle(this._menu).getPropertyValue("--bs-position").trim(),t.classList.contains("dropup")?e?Sn:On:e?Tn:Ln)}},{key:"_detectNavbar",value:function(){return null!==this._element.closest(".navbar")}},{key:"_getOffset",value:function(){var t=this,n=this._config.offset;return"string"==typeof n?n.split(",").map(function(e){return Number.parseInt(e,10)}):"function"==typeof n?function(e){return n(e,t._element)}:n}},{key:"_getPopperConfig",value:function(){var e={placement:this._getPlacement(),modifiers:[{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"offset",options:{offset:this._getOffset()}}]};return!this._inNavbar&&"static"!==this._config.display||(me(this._menu,"popper","static"),e.modifiers=[{name:"applyStyles",enabled:!1}]),Oo(Oo({},e),l(this._config.popperConfig,[void 0,e]))}},{key:"_selectMenuItem",value:function(e){var t=e.key,e=e.target,n=u.find(".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",this._menu).filter(r);n.length&&H(n,e,t===yn,!n.includes(e)).focus()}}],[{key:"Default",get:function(){return Dn}},{key:"DefaultType",get:function(){return Nn}},{key:"NAME",get:function(){return gn}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=a.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}},{key:"clearMenus",value:function(e){if(2!==e.button&&("keyup"!==e.type||"Tab"===e.key)){var t,n=Mo(u.find(xn));try{for(n.s();!(t=n.n()).done;){var i,o,r,s=a.getInstance(t.value);s&&!1!==s._config.autoClose&&(o=(i=e.composedPath()).includes(s._menu),i.includes(s._element)||"inside"===s._config.autoClose&&!o||"outside"===s._config.autoClose&&o||s._menu.contains(e.target)&&("keyup"===e.type&&"Tab"===e.key||/input|select|option|textarea|form/i.test(e.target.tagName))||(r={relatedTarget:s._element},"click"===e.type&&(r.clickEvent=e),s._completeHide(r)))}}catch(e){n.e(e)}finally{n.f()}}}},{key:"dataApiKeydownHandler",value:function(e){var t=/input|textarea/i.test(e.target.tagName),n="Escape"===e.key,i=["ArrowUp",yn].includes(e.key);!i&&!n||t&&!n||(e.preventDefault(),t=this.matches(x)?this:u.prev(this,x)[0]||u.next(this,x)[0]||u.findOne(x,e.delegateTarget.parentNode),n=a.getOrCreateInstance(t),i?(e.stopPropagation(),n.show(),n._selectMenuItem(e)):n._isShown()&&(e.stopPropagation(),n.hide(),t.focus()))}}])})(),jn=(m.on(document,Wt,x,A.dataApiKeydownHandler),m.on(document,Wt,An,A.dataApiKeydownHandler),m.on(document,v,A.clearMenus),m.on(document,n,A.clearMenus),m.on(document,v,x,function(e){e.preventDefault(),A.getOrCreateInstance(this).toggle()}),e(A),"backdrop"),In="mousedown.bs.".concat(jn),Pn={className:"modal-backdrop",clickCallback:null,isAnimated:!1,isVisible:!0,rootElement:"body"},Wn={className:"string",clickCallback:"(function|null)",isAnimated:"boolean",isVisible:"boolean",rootElement:"(element|string)"},zn=(()=>{function n(e){var t;return Lo(this,n),(t=Eo(this,n))._config=t._getConfig(e),t._isAppended=!1,t._element=null,t}return Ao(n,be),To(n,[{key:"show",value:function(e){var t;this._config.isVisible?(this._append(),t=this._getElement(),this._config.isAnimated&&q(t),t.classList.add("show"),this._emulateAnimation(function(){l(e)})):l(e)}},{key:"hide",value:function(e){var t=this;this._config.isVisible?(this._getElement().classList.remove("show"),this._emulateAnimation(function(){t.dispose(),l(e)})):l(e)}},{key:"dispose",value:function(){this._isAppended&&(m.off(this._element,In),this._element.remove(),this._isAppended=!1)}},{key:"_getElement",value:function(){var e;return this._element||((e=document.createElement("div")).className=this._config.className,this._config.isAnimated&&e.classList.add("fade"),this._element=e),this._element}},{key:"_configAfterMerge",value:function(e){return e.rootElement=o(e.rootElement),e}},{key:"_append",value:function(){var e,t=this;this._isAppended||(e=this._getElement(),this._config.rootElement.append(e),m.on(e,In,function(){l(t._config.clickCallback)}),this._isAppended=!0)}},{key:"_emulateAnimation",value:function(e){R(e,this._getElement(),this._config.isAnimated)}}],[{key:"Default",get:function(){return Pn}},{key:"DefaultType",get:function(){return Wn}},{key:"NAME",get:function(){return jn}}])})(),qn=".".concat("bs.focustrap"),Fn="focusin".concat(qn),Rn="keydown.tab".concat(qn),Hn="backward",Bn={autofocus:!0,trapElement:null},Vn={autofocus:"boolean",trapElement:"element"},Yn=(()=>{function n(e){var t;return Lo(this,n),(t=Eo(this,n))._config=t._getConfig(e),t._isActive=!1,t._lastTabNavDirection=null,t}return Ao(n,be),To(n,[{key:"activate",value:function(){var t=this;this._isActive||(this._config.autofocus&&this._config.trapElement.focus(),m.off(document,qn),m.on(document,Fn,function(e){return t._handleFocusin(e)}),m.on(document,Rn,function(e){return t._handleKeydown(e)}),this._isActive=!0)}},{key:"deactivate",value:function(){this._isActive&&(this._isActive=!1,m.off(document,qn))}},{key:"_handleFocusin",value:function(e){var t=this._config.trapElement;e.target===document||e.target===t||t.contains(e.target)||(0===(e=u.focusableChildren(t)).length?t:this._lastTabNavDirection===Hn?e[e.length-1]:e[0]).focus()}},{key:"_handleKeydown",value:function(e){"Tab"===e.key&&(this._lastTabNavDirection=e.shiftKey?Hn:"forward")}}],[{key:"Default",get:function(){return Bn}},{key:"DefaultType",get:function(){return Vn}},{key:"NAME",get:function(){return"focustrap"}}])})(),Xn=".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",Un=".sticky-top",Kn="padding-right",Qn="margin-right",$n=(()=>To(function e(){Lo(this,e),this._element=document.body},[{key:"getWidth",value:function(){var e=document.documentElement.clientWidth;return Math.abs(window.innerWidth-e)}},{key:"hide",value:function(){var t=this.getWidth();this._disableOverFlow(),this._setElementAttributes(this._element,Kn,function(e){return e+t}),this._setElementAttributes(Xn,Kn,function(e){return e+t}),this._setElementAttributes(Un,Qn,function(e){return e-t})}},{key:"reset",value:function(){this._resetElementAttributes(this._element,"overflow"),this._resetElementAttributes(this._element,Kn),this._resetElementAttributes(Xn,Kn),this._resetElementAttributes(Un,Qn)}},{key:"isOverflowing",value:function(){return 0<this.getWidth()}},{key:"_disableOverFlow",value:function(){this._saveInitialAttribute(this._element,"overflow"),this._element.style.overflow="hidden"}},{key:"_setElementAttributes",value:function(e,n,i){var o=this,r=this.getWidth();this._applyManipulationCallback(e,function(e){var t;e!==o._element&&window.innerWidth>e.clientWidth+r||(o._saveInitialAttribute(e,n),t=window.getComputedStyle(e).getPropertyValue(n),e.style.setProperty(n,"".concat(i(Number.parseFloat(t)),"px")))})}},{key:"_saveInitialAttribute",value:function(e,t){var n=e.style.getPropertyValue(t);n&&me(e,t,n)}},{key:"_resetElementAttributes",value:function(e,n){this._applyManipulationCallback(e,function(e){var t=ye(e,n);null===t?e.style.removeProperty(n):(ve(e,n),e.style.setProperty(n,t))})}},{key:"_applyManipulationCallback",value:function(e,t){if(c(e))t(e);else{var n,i=Mo(u.find(e,this._element));try{for(i.s();!(n=i.n()).done;)t(n.value)}catch(e){i.e(e)}finally{i.f()}}}}]))(),N=".".concat("bs.modal"),Gn="hide".concat(N),Zn="hidePrevented".concat(N),Jn="hidden".concat(N),ei="show".concat(N),ti="shown".concat(N),ni="resize".concat(N),ii="click.dismiss".concat(N),oi="mousedown.dismiss".concat(N),ri="keydown.dismiss".concat(N),Be="click".concat(N).concat(".data-api"),si="modal-open",ai="modal-static",li={backdrop:!0,focus:!0,keyboard:!0},ci={backdrop:"(boolean|string)",focus:"boolean",keyboard:"boolean"},ui=(()=>{function i(e,t){return Lo(this,i),(e=Eo(this,i,[e,t]))._dialog=u.findOne(".modal-dialog",e._element),e._backdrop=e._initializeBackDrop(),e._focustrap=e._initializeFocusTrap(),e._isShown=!1,e._isTransitioning=!1,e._scrollBar=new $n,e._addEventListeners(),e}return Ao(i,t),To(i,[{key:"toggle",value:function(e){return this._isShown?this.hide():this.show(e)}},{key:"show",value:function(e){var t=this;this._isShown||this._isTransitioning||m.trigger(this._element,ei,{relatedTarget:e}).defaultPrevented||(this._isShown=!0,this._isTransitioning=!0,this._scrollBar.hide(),document.body.classList.add(si),this._adjustDialog(),this._backdrop.show(function(){return t._showElement(e)}))}},{key:"hide",value:function(){var e=this;!this._isShown||this._isTransitioning||m.trigger(this._element,Gn).defaultPrevented||(this._isShown=!1,this._isTransitioning=!0,this._focustrap.deactivate(),this._element.classList.remove("show"),this._queueCallback(function(){return e._hideModal()},this._element,this._isAnimated()))}},{key:"dispose",value:function(){m.off(window,N),m.off(this._dialog,N),this._backdrop.dispose(),this._focustrap.deactivate(),ko(i,"dispose",this,3)([])}},{key:"handleUpdate",value:function(){this._adjustDialog()}},{key:"_initializeBackDrop",value:function(){return new zn({isVisible:Boolean(this._config.backdrop),isAnimated:this._isAnimated()})}},{key:"_initializeFocusTrap",value:function(){return new Yn({trapElement:this._element})}},{key:"_showElement",value:function(e){var t=this,n=(document.body.contains(this._element)||document.body.append(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.scrollTop=0,u.findOne(".modal-body",this._dialog));n&&(n.scrollTop=0),q(this._element),this._element.classList.add("show");this._queueCallback(function(){t._config.focus&&t._focustrap.activate(),t._isTransitioning=!1,m.trigger(t._element,ti,{relatedTarget:e})},this._dialog,this._isAnimated())}},{key:"_addEventListeners",value:function(){var n=this;m.on(this._element,ri,function(e){"Escape"===e.key&&(n._config.keyboard?n.hide():n._triggerBackdropTransition())}),m.on(window,ni,function(){n._isShown&&!n._isTransitioning&&n._adjustDialog()}),m.on(this._element,oi,function(t){m.one(n._element,ii,function(e){n._element===t.target&&n._element===e.target&&("static"===n._config.backdrop?n._triggerBackdropTransition():n._config.backdrop&&n.hide())})})}},{key:"_hideModal",value:function(){var e=this;this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._backdrop.hide(function(){document.body.classList.remove(si),e._resetAdjustments(),e._scrollBar.reset(),m.trigger(e._element,Jn)})}},{key:"_isAnimated",value:function(){return this._element.classList.contains("fade")}},{key:"_triggerBackdropTransition",value:function(){var e,t,n=this;m.trigger(this._element,Zn).defaultPrevented||(e=this._element.scrollHeight>document.documentElement.clientHeight,"hidden"===(t=this._element.style.overflowY))||this._element.classList.contains(ai)||(e||(this._element.style.overflowY="hidden"),this._element.classList.add(ai),this._queueCallback(function(){n._element.classList.remove(ai),n._queueCallback(function(){n._element.style.overflowY=t},n._dialog)},this._dialog),this._element.focus())}},{key:"_adjustDialog",value:function(){var e,t=this._element.scrollHeight>document.documentElement.clientHeight,n=this._scrollBar.getWidth(),i=0<n;i&&!t&&(e=a()?"paddingLeft":"paddingRight",this._element.style[e]="".concat(n,"px")),!i&&t&&(e=a()?"paddingRight":"paddingLeft",this._element.style[e]="".concat(n,"px"))}},{key:"_resetAdjustments",value:function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""}}],[{key:"Default",get:function(){return li}},{key:"DefaultType",get:function(){return ci}},{key:"NAME",get:function(){return"modal"}},{key:"jQueryInterface",value:function(t,n){return this.each(function(){var e=i.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t](n)}})}}])})(),p=(m.on(document,Be,'[data-bs-toggle="modal"]',function(e){var t=this,n=u.getElementFromSelector(this),e=(["A","AREA"].includes(this.tagName)&&e.preventDefault(),m.one(n,ei,function(e){e.defaultPrevented||m.one(n,Jn,function(){r(t)&&t.focus()})}),u.findOne(".modal.show"));e&&ui.getInstance(e).hide(),ui.getOrCreateInstance(n).toggle(this)}),pe(ui),e(ui),".".concat("bs.offcanvas")),E=".data-api",wt="load".concat(p).concat(E),fi="showing",di=".offcanvas.show",hi="show".concat(p),pi="shown".concat(p),mi="hide".concat(p),vi="hidePrevented".concat(p),gi="hidden".concat(p),Ht="resize".concat(p),nn="click".concat(p).concat(E),yi="keydown.dismiss".concat(p),bi={backdrop:!0,keyboard:!0,scroll:!1},_i={backdrop:"(boolean|string)",keyboard:"boolean",scroll:"boolean"},j=(()=>{function n(e,t){return Lo(this,n),(e=Eo(this,n,[e,t]))._isShown=!1,e._backdrop=e._initializeBackDrop(),e._focustrap=e._initializeFocusTrap(),e._addEventListeners(),e}return Ao(n,t),To(n,[{key:"toggle",value:function(e){return this._isShown?this.hide():this.show(e)}},{key:"show",value:function(e){var t=this;this._isShown||m.trigger(this._element,hi,{relatedTarget:e}).defaultPrevented||(this._isShown=!0,this._backdrop.show(),this._config.scroll||(new $n).hide(),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.classList.add(fi),this._queueCallback(function(){t._config.scroll&&!t._config.backdrop||t._focustrap.activate(),t._element.classList.add("show"),t._element.classList.remove(fi),m.trigger(t._element,pi,{relatedTarget:e})},this._element,!0))}},{key:"hide",value:function(){var e=this;this._isShown&&!m.trigger(this._element,mi).defaultPrevented&&(this._focustrap.deactivate(),this._element.blur(),this._isShown=!1,this._element.classList.add("hiding"),this._backdrop.hide(),this._queueCallback(function(){e._element.classList.remove("show","hiding"),e._element.removeAttribute("aria-modal"),e._element.removeAttribute("role"),e._config.scroll||(new $n).reset(),m.trigger(e._element,gi)},this._element,!0))}},{key:"dispose",value:function(){this._backdrop.dispose(),this._focustrap.deactivate(),ko(n,"dispose",this,3)([])}},{key:"_initializeBackDrop",value:function(){var e=this,t=Boolean(this._config.backdrop);return new zn({className:"offcanvas-backdrop",isVisible:t,isAnimated:!0,rootElement:this._element.parentNode,clickCallback:t?function(){"static"===e._config.backdrop?m.trigger(e._element,vi):e.hide()}:null})}},{key:"_initializeFocusTrap",value:function(){return new Yn({trapElement:this._element})}},{key:"_addEventListeners",value:function(){var t=this;m.on(this._element,yi,function(e){"Escape"===e.key&&(t._config.keyboard?t.hide():m.trigger(t._element,vi))})}}],[{key:"Default",get:function(){return bi}},{key:"DefaultType",get:function(){return _i}},{key:"NAME",get:function(){return"offcanvas"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t](this)}})}}])})(),sn=(m.on(document,nn,'[data-bs-toggle="offcanvas"]',function(e){var t=this,n=u.getElementFromSelector(this);["A","AREA"].includes(this.tagName)&&e.preventDefault(),s(this)||(m.one(n,gi,function(){r(t)&&t.focus()}),(e=u.findOne(di))&&e!==n&&j.getInstance(e).hide(),j.getOrCreateInstance(n).toggle(this))}),m.on(window,wt,function(){var e,t=Mo(u.find(di));try{for(t.s();!(e=t.n()).done;){var n=e.value;j.getOrCreateInstance(n).show()}}catch(e){t.e(e)}finally{t.f()}}),m.on(window,Ht,function(){var e,t=Mo(u.find("[aria-modal][class*=show][class*=offcanvas-]"));try{for(t.s();!(e=t.n()).done;){var n=e.value;"fixed"!==getComputedStyle(n).position&&j.getOrCreateInstance(n).hide()}}catch(e){t.e(e)}finally{t.f()}}),pe(j),e(j),{"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],dd:[],div:[],dl:[],dt:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]}),wi=new Set(["background","cite","href","itemtype","longdesc","poster","src","xlink:href"]),ki=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i;function Ei(e,t,n){if(!e.length)return e;if(n&&"function"==typeof n)return n(e);var i,n=(new window.DOMParser).parseFromString(e,"text/html"),o=Mo((e=[]).concat.apply(e,Do(n.body.querySelectorAll("*"))));try{for(o.s();!(i=o.n()).done;){var r,s=i.value,a=s.nodeName.toLowerCase();if(Object.keys(t).includes(a)){var l,c=(r=[]).concat.apply(r,Do(s.attributes)),u=[].concat(t["*"]||[],t[a]||[]),f=Mo(c);try{for(f.s();!(l=f.n()).done;){var d=l.value;((e,t)=>{var n=e.nodeName.toLowerCase();return t.includes(n)?!wi.has(n)||Boolean(ki.test(e.nodeValue)):t.filter(function(e){return e instanceof RegExp}).some(function(e){return e.test(n)})})(d,u)||s.removeAttribute(d.nodeName)}}catch(e){f.e(e)}finally{f.f()}}else s.remove()}}catch(e){o.e(e)}finally{o.f()}return n.body.innerHTML}var xi={allowList:sn,content:{},extraClass:"",html:!1,sanitize:!0,sanitizeFn:null,template:"<div></div>"},Ai={allowList:"object",content:"object",extraClass:"(string|function)",html:"boolean",sanitize:"boolean",sanitizeFn:"(null|function)",template:"string"},Oi={entry:"(string|element|function|null)",selector:"(string|element)"},Si=(()=>{function r(e){var t;return Lo(this,r),(t=Eo(this,r))._config=t._getConfig(e),t}return Ao(r,be),To(r,[{key:"getContent",value:function(){var t=this;return Object.values(this._config.content).map(function(e){return t._resolvePossibleFunction(e)}).filter(Boolean)}},{key:"hasContent",value:function(){return 0<this.getContent().length}},{key:"changeContent",value:function(e){return this._checkContent(e),this._config.content=Oo(Oo({},this._config.content),e),this}},{key:"toHtml",value:function(){var e=document.createElement("div");e.innerHTML=this._maybeSanitize(this._config.template);for(var t=0,n=Object.entries(this._config.content);t<n.length;t++){var i=Co(n[t],2),o=i[0];this._setContent(e,i[1],o)}var r,s=e.children[0],a=this._resolvePossibleFunction(this._config.extraClass);return a&&(r=s.classList).add.apply(r,Do(a.split(" "))),s}},{key:"_typeCheckConfig",value:function(e){ko(r,"_typeCheckConfig",this,3)([e]),this._checkContent(e.content)}},{key:"_checkContent",value:function(e){for(var t=0,n=Object.entries(e);t<n.length;t++){var i=Co(n[t],2),o=i[0],i=i[1];ko(r,"_typeCheckConfig",this,3)([{selector:o,entry:i},Oi])}}},{key:"_setContent",value:function(e,t,n){n=u.findOne(n,e);n&&((t=this._resolvePossibleFunction(t))?c(t)?this._putElementInTemplate(o(t),n):this._config.html?n.innerHTML=this._maybeSanitize(t):n.textContent=t:n.remove())}},{key:"_maybeSanitize",value:function(e){return this._config.sanitize?Ei(e,this._config.allowList,this._config.sanitizeFn):e}},{key:"_resolvePossibleFunction",value:function(e){return l(e,[void 0,this])}},{key:"_putElementInTemplate",value:function(e,t){this._config.html?(t.innerHTML="",t.append(e)):t.textContent=e.textContent}}],[{key:"Default",get:function(){return xi}},{key:"DefaultType",get:function(){return Ai}},{key:"NAME",get:function(){return"TemplateFactory"}}])})(),Li=new Set(["sanitize","allowList","sanitizeFn"]),Ti="fade",Ci="show",Mi=".".concat("modal"),Di="hide.bs.modal",Ni="hover",ji="focus",Ii="click",Pi={AUTO:"auto",TOP:"top",RIGHT:a()?"left":"right",BOTTOM:"bottom",LEFT:a()?"right":"left"},Wi={allowList:sn,animation:!0,boundary:"clippingParents",container:!1,customClass:"",delay:0,fallbackPlacements:["top","right","bottom","left"],html:!1,offset:[0,6],placement:"top",popperConfig:null,sanitize:!0,sanitizeFn:null,selector:!1,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',title:"",trigger:"hover focus"},zi={allowList:"object",animation:"boolean",boundary:"(string|element)",container:"(string|element|boolean)",customClass:"(string|function)",delay:"(number|object)",fallbackPlacements:"array",html:"boolean",offset:"(array|string|function)",placement:"(string|function)",popperConfig:"(null|object|function)",sanitize:"boolean",sanitizeFn:"(null|function)",selector:"(string|boolean)",template:"string",title:"(string|element|function)",trigger:"string"},qi=(()=>{function n(e,t){if(Lo(this,n),void 0===vn)throw new TypeError("Bootstrap's tooltips require Popper (https://popper.js.org/docs/v2/)");return(e=Eo(this,n,[e,t]))._isEnabled=!0,e._timeout=0,e._isHovered=null,e._activeTrigger={},e._popper=null,e._templateFactory=null,e._newContent=null,e.tip=null,e._setListeners(),e._config.selector||e._fixTitle(),e}return Ao(n,t),To(n,[{key:"enable",value:function(){this._isEnabled=!0}},{key:"disable",value:function(){this._isEnabled=!1}},{key:"toggleEnabled",value:function(){this._isEnabled=!this._isEnabled}},{key:"toggle",value:function(){this._isEnabled&&(this._isShown()?this._leave():this._enter())}},{key:"dispose",value:function(){clearTimeout(this._timeout),m.off(this._element.closest(Mi),Di,this._hideModalHandler),this._element.getAttribute("data-bs-original-title")&&this._element.setAttribute("title",this._element.getAttribute("data-bs-original-title")),this._disposePopper(),ko(n,"dispose",this,3)([])}},{key:"show",value:function(){var e=this;if("none"===this._element.style.display)throw new Error("Please use show on visible elements");if(this._isWithContent()&&this._isEnabled){var t=m.trigger(this._element,this.constructor.eventName("show")),n=(W(this._element)||this._element.ownerDocument.documentElement).contains(this._element);if(!t.defaultPrevented&&n){this._disposePopper();t=this._getTipElement(),n=(this._element.setAttribute("aria-describedby",t.getAttribute("id")),this._config.container);if(this._element.ownerDocument.documentElement.contains(this.tip)||(n.append(t),m.trigger(this._element,this.constructor.eventName("inserted"))),this._popper=this._createPopper(t),t.classList.add(Ci),"ontouchstart"in document.documentElement){var i,o=Mo((n=[]).concat.apply(n,Do(document.body.children)));try{for(o.s();!(i=o.n()).done;){var r=i.value;m.on(r,"mouseover",z)}}catch(e){o.e(e)}finally{o.f()}}this._queueCallback(function(){m.trigger(e._element,e.constructor.eventName("shown")),!1===e._isHovered&&e._leave(),e._isHovered=!1},this.tip,this._isAnimated())}}}},{key:"hide",value:function(){var e=this;if(this._isShown()){var t=m.trigger(this._element,this.constructor.eventName("hide"));if(!t.defaultPrevented){if(this._getTipElement().classList.remove(Ci),"ontouchstart"in document.documentElement){var n,i=Mo((t=[]).concat.apply(t,Do(document.body.children)));try{for(i.s();!(n=i.n()).done;){var o=n.value;m.off(o,"mouseover",z)}}catch(e){i.e(e)}finally{i.f()}}this._activeTrigger[Ii]=!1,this._activeTrigger[ji]=!1,this._activeTrigger[Ni]=!1,this._isHovered=null;this._queueCallback(function(){e._isWithActiveTrigger()||(e._isHovered||e._disposePopper(),e._element.removeAttribute("aria-describedby"),m.trigger(e._element,e.constructor.eventName("hidden")))},this.tip,this._isAnimated())}}}},{key:"update",value:function(){this._popper&&this._popper.update()}},{key:"_isWithContent",value:function(){return Boolean(this._getTitle())}},{key:"_getTipElement",value:function(){return this.tip||(this.tip=this._createTipElement(this._newContent||this._getContentForTemplate())),this.tip}},{key:"_createTipElement",value:function(e){e=this._getTemplateFactory(e).toHtml();if(!e)return null;e.classList.remove(Ti,Ci),e.classList.add("bs-".concat(this.constructor.NAME,"-auto"));var t=(e=>{for(;e+=Math.floor(1e6*Math.random()),document.getElementById(e););return e})(this.constructor.NAME).toString();return e.setAttribute("id",t),this._isAnimated()&&e.classList.add(Ti),e}},{key:"setContent",value:function(e){this._newContent=e,this._isShown()&&(this._disposePopper(),this.show())}},{key:"_getTemplateFactory",value:function(e){return this._templateFactory?this._templateFactory.changeContent(e):this._templateFactory=new Si(Oo(Oo({},this._config),{},{content:e,extraClass:this._resolvePossibleFunction(this._config.customClass)})),this._templateFactory}},{key:"_getContentForTemplate",value:function(){return So({},".tooltip-inner",this._getTitle())}},{key:"_getTitle",value:function(){return this._resolvePossibleFunction(this._config.title)||this._element.getAttribute("data-bs-original-title")}},{key:"_initializeOnDelegatedTarget",value:function(e){return this.constructor.getOrCreateInstance(e.delegateTarget,this._getDelegateConfig())}},{key:"_isAnimated",value:function(){return this._config.animation||this.tip&&this.tip.classList.contains(Ti)}},{key:"_isShown",value:function(){return this.tip&&this.tip.classList.contains(Ci)}},{key:"_createPopper",value:function(e){var t=l(this._config.placement,[this,e,this._element]),t=Pi[t.toUpperCase()];return mn(this._element,e,this._getPopperConfig(t))}},{key:"_getOffset",value:function(){var t=this,n=this._config.offset;return"string"==typeof n?n.split(",").map(function(e){return Number.parseInt(e,10)}):"function"==typeof n?function(e){return n(e,t._element)}:n}},{key:"_resolvePossibleFunction",value:function(e){return l(e,[this._element,this._element])}},{key:"_getPopperConfig",value:function(e){var t=this,e={placement:e,modifiers:[{name:"flip",options:{fallbackPlacements:this._config.fallbackPlacements}},{name:"offset",options:{offset:this._getOffset()}},{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"arrow",options:{element:".".concat(this.constructor.NAME,"-arrow")}},{name:"preSetPlacement",enabled:!0,phase:"beforeMain",fn:function(e){t._getTipElement().setAttribute("data-popper-placement",e.state.placement)}}]};return Oo(Oo({},e),l(this._config.popperConfig,[void 0,e]))}},{key:"_setListeners",value:function(){var e,n=this,t=Mo(this._config.trigger.split(" "));try{for(t.s();!(e=t.n()).done;){var i,o,r=e.value;"click"===r?m.on(this._element,this.constructor.eventName("click"),this._config.selector,function(e){e=n._initializeOnDelegatedTarget(e);e._activeTrigger[Ii]=!(e._isShown()&&e._activeTrigger[Ii]),e.toggle()}):"manual"!==r&&(i=r===Ni?this.constructor.eventName("mouseenter"):this.constructor.eventName("focusin"),o=r===Ni?this.constructor.eventName("mouseleave"):this.constructor.eventName("focusout"),m.on(this._element,i,this._config.selector,function(e){var t=n._initializeOnDelegatedTarget(e);t._activeTrigger["focusin"===e.type?ji:Ni]=!0,t._enter()}),m.on(this._element,o,this._config.selector,function(e){var t=n._initializeOnDelegatedTarget(e);t._activeTrigger["focusout"===e.type?ji:Ni]=t._element.contains(e.relatedTarget),t._leave()}))}}catch(e){t.e(e)}finally{t.f()}this._hideModalHandler=function(){n._element&&n.hide()},m.on(this._element.closest(Mi),Di,this._hideModalHandler)}},{key:"_fixTitle",value:function(){var e=this._element.getAttribute("title");e&&(this._element.getAttribute("aria-label")||this._element.textContent.trim()||this._element.setAttribute("aria-label",e),this._element.setAttribute("data-bs-original-title",e),this._element.removeAttribute("title"))}},{key:"_enter",value:function(){var e=this;this._isShown()||this._isHovered?this._isHovered=!0:(this._isHovered=!0,this._setTimeout(function(){e._isHovered&&e.show()},this._config.delay.show))}},{key:"_leave",value:function(){var e=this;this._isWithActiveTrigger()||(this._isHovered=!1,this._setTimeout(function(){e._isHovered||e.hide()},this._config.delay.hide))}},{key:"_setTimeout",value:function(e,t){clearTimeout(this._timeout),this._timeout=setTimeout(e,t)}},{key:"_isWithActiveTrigger",value:function(){return Object.values(this._activeTrigger).includes(!0)}},{key:"_getConfig",value:function(e){for(var t=ge(this._element),n=0,i=Object.keys(t);n<i.length;n++){var o=i[n];Li.has(o)&&delete t[o]}return e=Oo(Oo({},t),"object"===No(e)&&e?e:{}),e=this._mergeConfigObj(e),e=this._configAfterMerge(e),this._typeCheckConfig(e),e}},{key:"_configAfterMerge",value:function(e){return e.container=!1===e.container?document.body:o(e.container),"number"==typeof e.delay&&(e.delay={show:e.delay,hide:e.delay}),"number"==typeof e.title&&(e.title=e.title.toString()),"number"==typeof e.content&&(e.content=e.content.toString()),e}},{key:"_getDelegateConfig",value:function(){for(var e={},t=0,n=Object.entries(this._config);t<n.length;t++){var i=Co(n[t],2),o=i[0],i=i[1];this.constructor.Default[o]!==i&&(e[o]=i)}return e.selector=!1,e.trigger="manual",e}},{key:"_disposePopper",value:function(){this._popper&&(this._popper.destroy(),this._popper=null),this.tip&&(this.tip.remove(),this.tip=null)}}],[{key:"Default",get:function(){return Wi}},{key:"DefaultType",get:function(){return zi}},{key:"NAME",get:function(){return"tooltip"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),Fi=(e(qi),Oo(Oo({},qi.Default),{},{content:"",offset:[0,8],placement:"right",template:'<div class="popover" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>',trigger:"click"})),Ri=Oo(Oo({},qi.DefaultType),{},{content:"(null|string|element|function)"}),an=(()=>{function n(){return Lo(this,n),Eo(this,n,arguments)}return Ao(n,qi),To(n,[{key:"_isWithContent",value:function(){return this._getTitle()||this._getContent()}},{key:"_getContentForTemplate",value:function(){return So(So({},".popover-header",this._getTitle()),".popover-body",this._getContent())}},{key:"_getContent",value:function(){return this._resolvePossibleFunction(this._config.content)}}],[{key:"Default",get:function(){return Fi}},{key:"DefaultType",get:function(){return Ri}},{key:"NAME",get:function(){return"popover"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),ln=(e(an),".".concat("bs.scrollspy")),Hi="activate".concat(ln),Bi="click".concat(ln),cn="load".concat(ln).concat(".data-api"),Vi="active",Yi="[href]",h=".nav-link",Xi="".concat(h,", ").concat(".nav-item"," > ").concat(h,", ").concat(".list-group-item"),Ui={offset:null,rootMargin:"0px 0px -25%",smoothScroll:!1,target:null,threshold:[.1,.5,1]},Ki={offset:"(number|null)",rootMargin:"string",smoothScroll:"boolean",target:"element",threshold:"array"},Qi=(()=>{function n(e,t){return Lo(this,n),(e=Eo(this,n,[e,t]))._targetLinks=new Map,e._observableSections=new Map,e._rootElement="visible"===getComputedStyle(e._element).overflowY?null:e._element,e._activeTarget=null,e._observer=null,e._previousScrollData={visibleEntryTop:0,parentScrollTop:0},e.refresh(),e}return Ao(n,t),To(n,[{key:"refresh",value:function(){this._initializeTargetsAndObservables(),this._maybeEnableSmoothScroll(),this._observer?this._observer.disconnect():this._observer=this._getNewObserver();var e,t=Mo(this._observableSections.values());try{for(t.s();!(e=t.n()).done;){var n=e.value;this._observer.observe(n)}}catch(e){t.e(e)}finally{t.f()}}},{key:"dispose",value:function(){this._observer.disconnect(),ko(n,"dispose",this,3)([])}},{key:"_configAfterMerge",value:function(e){return e.target=o(e.target)||document.body,e.rootMargin=e.offset?"".concat(e.offset,"px 0px -30%"):e.rootMargin,"string"==typeof e.threshold&&(e.threshold=e.threshold.split(",").map(function(e){return Number.parseFloat(e)})),e}},{key:"_maybeEnableSmoothScroll",value:function(){var n=this;this._config.smoothScroll&&(m.off(this._config.target,Bi),m.on(this._config.target,Bi,Yi,function(e){var t=n._observableSections.get(e.target.hash);t&&(e.preventDefault(),e=n._rootElement||window,t=t.offsetTop-n._element.offsetTop,e.scrollTo?e.scrollTo({top:t,behavior:"smooth"}):e.scrollTop=t)}))}},{key:"_getNewObserver",value:function(){var t=this,e={root:this._rootElement,threshold:this._config.threshold,rootMargin:this._config.rootMargin};return new IntersectionObserver(function(e){return t._observerCallback(e)},e)}},{key:"_observerCallback",value:function(e){function t(e){i._previousScrollData.visibleEntryTop=e.target.offsetTop,i._process(o(e))}var n,i=this,o=function(e){return i._targetLinks.get("#".concat(e.target.id))},r=(this._rootElement||document.documentElement).scrollTop,s=r>=this._previousScrollData.parentScrollTop,a=(this._previousScrollData.parentScrollTop=r,Mo(e));try{for(a.s();!(n=a.n()).done;){var l=n.value;if(l.isIntersecting){var c=l.target.offsetTop>=this._previousScrollData.visibleEntryTop;if(s&&c){if(t(l),r)continue;return}s||c||t(l)}else this._activeTarget=null,this._clearActiveClass(o(l))}}catch(e){a.e(e)}finally{a.f()}}},{key:"_initializeTargetsAndObservables",value:function(){this._targetLinks=new Map,this._observableSections=new Map;var e,t=Mo(u.find(Yi,this._config.target));try{for(t.s();!(e=t.n()).done;){var n,i=e.value;i.hash&&!s(i)&&(n=u.findOne(decodeURI(i.hash),this._element),r(n))&&(this._targetLinks.set(decodeURI(i.hash),i),this._observableSections.set(i.hash,n))}}catch(e){t.e(e)}finally{t.f()}}},{key:"_process",value:function(e){this._activeTarget!==e&&(this._clearActiveClass(this._config.target),(this._activeTarget=e).classList.add(Vi),this._activateParents(e),m.trigger(this._element,Hi,{relatedTarget:e}))}},{key:"_activateParents",value:function(e){if(e.classList.contains("dropdown-item"))u.findOne(".dropdown-toggle",e.closest(".dropdown")).classList.add(Vi);else{var t,n=Mo(u.parents(e,".nav, .list-group"));try{for(n.s();!(t=n.n()).done;){var i,o=t.value,r=Mo(u.prev(o,Xi));try{for(r.s();!(i=r.n()).done;)i.value.classList.add(Vi)}catch(e){r.e(e)}finally{r.f()}}}catch(e){n.e(e)}finally{n.f()}}}},{key:"_clearActiveClass",value:function(e){e.classList.remove(Vi);var t,n=Mo(u.find("".concat(Yi,".").concat(Vi),e));try{for(n.s();!(t=n.n()).done;)t.value.classList.remove(Vi)}catch(e){n.e(e)}finally{n.f()}}}],[{key:"Default",get:function(){return Ui}},{key:"DefaultType",get:function(){return Ki}},{key:"NAME",get:function(){return"scrollspy"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),d=(m.on(window,cn,function(){var e,t=Mo(u.find('[data-bs-spy="scroll"]'));try{for(t.s();!(e=t.n()).done;){var n=e.value;Qi.getOrCreateInstance(n)}}catch(e){t.e(e)}finally{t.f()}}),e(Qi),".".concat("bs.tab")),$i="hide".concat(d),Gi="hidden".concat(d),Zi="show".concat(d),Ji="shown".concat(d),Wt="click".concat(d),eo="keydown".concat(d),n="load".concat(d),to="ArrowRight",no="ArrowDown",io="Home",I="active",oo="show",ro=".dropdown-toggle",v=":not(".concat(ro,")"),Be=".nav-link".concat(v,", .list-group-item").concat(v,', [role="tab"]').concat(v),E='[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]',so="".concat(Be,", ").concat(E),ao=".".concat(I,'[data-bs-toggle="tab"], .').concat(I,'[data-bs-toggle="pill"], .').concat(I,'[data-bs-toggle="list"]'),lo=(()=>{function i(e){var t;return Lo(this,i),(t=Eo(this,i,[e]))._parent=t._element.closest('.list-group, .nav, [role="tablist"]'),t._parent?(t._setInitialAttributes(t._parent,t._getChildren()),m.on(t._element,eo,function(e){return t._keydown(e)}),t):xo(t)}return Ao(i,t),To(i,[{key:"show",value:function(){var e,t,n=this._element;this._elemIsActive(n)||(t=(e=this._getActiveElem())?m.trigger(e,$i,{relatedTarget:n}):null,m.trigger(n,Zi,{relatedTarget:e}).defaultPrevented)||t&&t.defaultPrevented||(this._deactivate(e,n),this._activate(n,e))}},{key:"_activate",value:function(e,t){var n=this;e&&(e.classList.add(I),this._activate(u.getElementFromSelector(e)),this._queueCallback(function(){"tab"!==e.getAttribute("role")?e.classList.add(oo):(e.removeAttribute("tabindex"),e.setAttribute("aria-selected",!0),n._toggleDropDown(e,!0),m.trigger(e,Ji,{relatedTarget:t}))},e,e.classList.contains("fade")))}},{key:"_deactivate",value:function(e,t){var n=this;e&&(e.classList.remove(I),e.blur(),this._deactivate(u.getElementFromSelector(e)),this._queueCallback(function(){"tab"!==e.getAttribute("role")?e.classList.remove(oo):(e.setAttribute("aria-selected",!1),e.setAttribute("tabindex","-1"),n._toggleDropDown(e,!1),m.trigger(e,Gi,{relatedTarget:t}))},e,e.classList.contains("fade")))}},{key:"_keydown",value:function(e){var t,n;["ArrowLeft",to,"ArrowUp",no,io,"End"].includes(e.key)&&(e.stopPropagation(),e.preventDefault(),n=this._getChildren().filter(function(e){return!s(e)}),n=[io,"End"].includes(e.key)?n[e.key===io?0:n.length-1]:(t=[to,no].includes(e.key),H(n,e.target,t,!0)))&&(n.focus({preventScroll:!0}),i.getOrCreateInstance(n).show())}},{key:"_getChildren",value:function(){return u.find(so,this._parent)}},{key:"_getActiveElem",value:function(){var t=this;return this._getChildren().find(function(e){return t._elemIsActive(e)})||null}},{key:"_setInitialAttributes",value:function(e,t){this._setAttributeIfNotExists(e,"role","tablist");var n,i=Mo(t);try{for(i.s();!(n=i.n()).done;){var o=n.value;this._setInitialAttributesOnChild(o)}}catch(e){i.e(e)}finally{i.f()}}},{key:"_setInitialAttributesOnChild",value:function(e){e=this._getInnerElement(e);var t=this._elemIsActive(e),n=this._getOuterElement(e);e.setAttribute("aria-selected",t),n!==e&&this._setAttributeIfNotExists(n,"role","presentation"),t||e.setAttribute("tabindex","-1"),this._setAttributeIfNotExists(e,"role","tab"),this._setInitialAttributesOnTargetPanel(e)}},{key:"_setInitialAttributesOnTargetPanel",value:function(e){var t=u.getElementFromSelector(e);t&&(this._setAttributeIfNotExists(t,"role","tabpanel"),e.id)&&this._setAttributeIfNotExists(t,"aria-labelledby","".concat(e.id))}},{key:"_toggleDropDown",value:function(e,n){var i=this._getOuterElement(e);i.classList.contains("dropdown")&&((e=function(e,t){e=u.findOne(e,i);e&&e.classList.toggle(t,n)})(ro,I),e(".dropdown-menu",oo),i.setAttribute("aria-expanded",n))}},{key:"_setAttributeIfNotExists",value:function(e,t,n){e.hasAttribute(t)||e.setAttribute(t,n)}},{key:"_elemIsActive",value:function(e){return e.classList.contains(I)}},{key:"_getInnerElement",value:function(e){return e.matches(so)?e:u.findOne(so,e)}},{key:"_getOuterElement",value:function(e){return e.closest(".nav-item, .list-group-item")||e}}],[{key:"NAME",get:function(){return"tab"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=i.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),p=(m.on(document,Wt,E,function(e){["A","AREA"].includes(this.tagName)&&e.preventDefault(),s(this)||lo.getOrCreateInstance(this).show()}),m.on(window,n,function(){var e,t=Mo(u.find(ao));try{for(t.s();!(e=t.n()).done;){var n=e.value;lo.getOrCreateInstance(n)}}catch(e){t.e(e)}finally{t.f()}}),e(lo),".".concat("bs.toast")),co="mouseover".concat(p),uo="mouseout".concat(p),fo="focusin".concat(p),ho="focusout".concat(p),po="hide".concat(p),mo="hidden".concat(p),vo="show".concat(p),go="shown".concat(p),yo="show",bo="showing",_o={animation:"boolean",autohide:"boolean",delay:"number"},wo={animation:!0,autohide:!0,delay:5e3},nn=(()=>{function n(e,t){return Lo(this,n),(e=Eo(this,n,[e,t]))._timeout=null,e._hasMouseInteraction=!1,e._hasKeyboardInteraction=!1,e._setListeners(),e}return Ao(n,t),To(n,[{key:"show",value:function(){var e=this;m.trigger(this._element,vo).defaultPrevented||(this._clearTimeout(),this._config.animation&&this._element.classList.add("fade"),this._element.classList.remove("hide"),q(this._element),this._element.classList.add(yo,bo),this._queueCallback(function(){e._element.classList.remove(bo),m.trigger(e._element,go),e._maybeScheduleHide()},this._element,this._config.animation))}},{key:"hide",value:function(){var e=this;this.isShown()&&!m.trigger(this._element,po).defaultPrevented&&(this._element.classList.add(bo),this._queueCallback(function(){e._element.classList.add("hide"),e._element.classList.remove(bo,yo),m.trigger(e._element,mo)},this._element,this._config.animation))}},{key:"dispose",value:function(){this._clearTimeout(),this.isShown()&&this._element.classList.remove(yo),ko(n,"dispose",this,3)([])}},{key:"isShown",value:function(){return this._element.classList.contains(yo)}},{key:"_maybeScheduleHide",value:function(){var e=this;!this._config.autohide||this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout(function(){e.hide()},this._config.delay))}},{key:"_onInteraction",value:function(e,t){switch(e.type){case"mouseover":case"mouseout":this._hasMouseInteraction=t;break;case"focusin":case"focusout":this._hasKeyboardInteraction=t}t?this._clearTimeout():this._element===(e=e.relatedTarget)||this._element.contains(e)||this._maybeScheduleHide()}},{key:"_setListeners",value:function(){var t=this;m.on(this._element,co,function(e){return t._onInteraction(e,!0)}),m.on(this._element,uo,function(e){return t._onInteraction(e,!1)}),m.on(this._element,fo,function(e){return t._onInteraction(e,!0)}),m.on(this._element,ho,function(e){return t._onInteraction(e,!1)})}},{key:"_clearTimeout",value:function(){clearTimeout(this._timeout),this._timeout=null}}],[{key:"Default",get:function(){return wo}},{key:"DefaultType",get:function(){return _o}},{key:"NAME",get:function(){return"toast"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t](this)}})}}])})();return pe(nn),e(nn),{Alert:_e,Button:xe,Carousel:Ge,Collapse:ct,Dropdown:A,Modal:ui,Offcanvas:j,Popover:an,ScrollSpy:Qi,Tab:lo,Toast:nn,Tooltip:qi}},"object"===(void 0===n?"undefined":No(n))&&void 0!==t?t.exports=d():"function"==typeof define&&define.amd?define(d):("undefined"!=typeof globalThis?globalThis:self).bootstrap=d()},{}],2:[function(e,t,n){e=e("./_root").Symbol;t.exports=e},{"./_root":8}],3:[function(e,t,n){var i=e("./_Symbol"),o=e("./_getRawTag"),r=e("./_objectToString"),s=i?i.toStringTag:void 0;t.exports=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":(s&&s in Object(e)?o:r)(e)}},{"./_Symbol":2,"./_getRawTag":6,"./_objectToString":7}],4:[function(e,t,n){var i=e("./_trimmedEndIndex"),o=/^\s+/;t.exports=function(e){return e&&e.slice(0,i(e)+1).replace(o,"")}},{"./_trimmedEndIndex":9}],5:[function(e,i,t){!function(n){!function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var e="object"==(void 0===n?"undefined":t(n))&&n&&n.Object===Object&&n;i.exports=e}.call(this)}.call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}],6:[function(e,t,n){var e=e("./_Symbol"),i=Object.prototype,r=i.hasOwnProperty,s=i.toString,a=e?e.toStringTag:void 0;t.exports=function(e){var t=r.call(e,a),n=e[a];try{var i=!(e[a]=void 0)}catch(e){}var o=s.call(e);return i&&(t?e[a]=n:delete e[a]),o}},{"./_Symbol":2}],7:[function(e,t,n){var i=Object.prototype.toString;t.exports=function(e){return i.call(e)}},{}],8:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var e=e("./_freeGlobal"),o="object"==("undefined"==typeof self?"undefined":i(self))&&self&&self.Object===Object&&self,e=e||o||Function("return this")();t.exports=e},{"./_freeGlobal":5}],9:[function(e,t,n){var i=/\s/;t.exports=function(e){for(var t=e.length;t--&&i.test(e.charAt(t)););return t}},{}],10:[function(e,t,n){var y=e("./isObject"),b=e("./now"),_=e("./toNumber"),w=Math.max,k=Math.min;t.exports=function(i,n,e){var o,r,s,a,l,c,u=0,f=!1,d=!1,t=!0;if("function"!=typeof i)throw new TypeError("Expected a function");function h(e){var t=o,n=r;return o=r=void 0,u=e,a=i.apply(n,t)}function p(e){var t=e-c;return void 0===c||n<=t||t<0||d&&s<=e-u}function m(){var e,t=b();if(p(t))return v(t);l=setTimeout(m,(e=n-((t=t)-c),d?k(e,s-(t-u)):e))}function v(e){return l=void 0,t&&o?h(e):(o=r=void 0,a)}function g(){var e=b(),t=p(e);if(o=arguments,r=this,c=e,t){if(void 0===l)return u=e=c,l=setTimeout(m,n),f?h(e):a;if(d)return clearTimeout(l),l=setTimeout(m,n),h(c)}return void 0===l&&(l=setTimeout(m,n)),a}return n=_(n)||0,y(e)&&(f=!!e.leading,d="maxWait"in e,s=d?w(_(e.maxWait)||0,n):s,t="trailing"in e?!!e.trailing:t),g.cancel=function(){void 0!==l&&clearTimeout(l),o=c=r=l=void(u=0)},g.flush=function(){return void 0===l?a:v(b())},g}},{"./isObject":11,"./now":14,"./toNumber":16}],11:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}t.exports=function(e){var t=i(e);return null!=e&&("object"==t||"function"==t)}},{}],12:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}t.exports=function(e){return null!=e&&"object"==i(e)}},{}],13:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var o=e("./_baseGetTag"),r=e("./isObjectLike");t.exports=function(e){return"symbol"==i(e)||r(e)&&"[object Symbol]"==o(e)}},{"./_baseGetTag":3,"./isObjectLike":12}],14:[function(e,t,n){var i=e("./_root");t.exports=function(){return i.Date.now()}},{"./_root":8}],15:[function(e,t,n){var r=e("./debounce"),s=e("./isObject");t.exports=function(e,t,n){var i=!0,o=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return s(n)&&(i="leading"in n?!!n.leading:i,o="trailing"in n?!!n.trailing:o),r(e,t,{leading:i,maxWait:t,trailing:o})}},{"./debounce":10,"./isObject":11}],16:[function(e,t,n){var i=e("./_baseTrim"),o=e("./isObject"),r=e("./isSymbol"),s=/^[-+]0x[0-9a-f]+$/i,a=/^0b[01]+$/i,l=/^0o[0-7]+$/i,c=parseInt;t.exports=function(e){if("number"==typeof e)return e;if(r(e))return NaN;if(o(e)&&(t="function"==typeof e.valueOf?e.valueOf():e,e=o(t)?t+"":t),"string"!=typeof e)return 0===e?e:+e;e=i(e);var t=a.test(e);return t||l.test(e)?c(e.slice(2),t?2:8):s.test(e)?NaN:+e}},{"./_baseTrim":4,"./isObject":11,"./isSymbol":13}],17:[function(e,t,n){function w(e){return(w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var i,o;o=function(n,i){var o=function(){return(o=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function e(e){return e&&e.ownerDocument&&e.ownerDocument.defaultView?e.ownerDocument.defaultView:window}function t(e){return e&&e.ownerDocument?e.ownerDocument:document}function r(e){return Array.prototype.reduce.call(e,function(e,t){var n=t.name.match(/data-simplebar-(.+)/);if(n){var i=n[1].replace(/\W+(.)/g,function(e,t){return t.toUpperCase()});switch(t.value){case"true":e[i]=!0;break;case"false":e[i]=!1;break;case void 0:e[i]=!0;break;default:e[i]=t.value}}return e},{})}function s(e,t){e&&(e=e.classList).add.apply(e,t.split(" "))}function a(t,e){t&&e.split(" ").forEach(function(e){t.classList.remove(e)})}function l(e){return".".concat(e.split(" ").join("."))}var c=!("undefined"==typeof window||!window.document||!window.document.createElement),u=Object.freeze({__proto__:null,addClasses:s,canUseDOM:c,classNamesToQuery:l,getElementDocument:t,getElementWindow:e,getOptions:r,removeClasses:a}),f=null,d=null;function h(){if(null===f){if("undefined"==typeof document)return f=0;var e=document.body,t=document.createElement("div"),n=(t.classList.add("simplebar-hide-scrollbar"),e.appendChild(t),t.getBoundingClientRect().right);e.removeChild(t),f=n}return f}c&&window.addEventListener("resize",function(){d!==window.devicePixelRatio&&(d=window.devicePixelRatio,f=null)});var p=e,m=t,v=r,g=s,y=a,b=l;function _(e,t){void 0===t&&(t={});var s=this;if(this.removePreventClickId=null,this.minScrollbarWidth=20,this.stopScrollDelay=175,this.isScrolling=!1,this.isMouseEntering=!1,this.isDragging=!1,this.scrollXTicking=!1,this.scrollYTicking=!1,this.wrapperEl=null,this.contentWrapperEl=null,this.contentEl=null,this.offsetEl=null,this.maskEl=null,this.placeholderEl=null,this.heightAutoObserverWrapperEl=null,this.heightAutoObserverEl=null,this.rtlHelpers=null,this.scrollbarWidth=0,this.resizeObserver=null,this.mutationObserver=null,this.elStyles=null,this.isRtl=null,this.mouseX=0,this.mouseY=0,this.onMouseMove=function(){},this.onWindowResize=function(){},this.onStopScrolling=function(){},this.onMouseEntered=function(){},this.onScroll=function(){var e=p(s.el);s.scrollXTicking||(e.requestAnimationFrame(s.scrollX),s.scrollXTicking=!0),s.scrollYTicking||(e.requestAnimationFrame(s.scrollY),s.scrollYTicking=!0),s.isScrolling||(s.isScrolling=!0,g(s.el,s.classNames.scrolling)),s.showScrollbar("x"),s.showScrollbar("y"),s.onStopScrolling()},this.scrollX=function(){s.axis.x.isOverflowing&&s.positionScrollbar("x"),s.scrollXTicking=!1},this.scrollY=function(){s.axis.y.isOverflowing&&s.positionScrollbar("y"),s.scrollYTicking=!1},this._onStopScrolling=function(){y(s.el,s.classNames.scrolling),s.options.autoHide&&(s.hideScrollbar("x"),s.hideScrollbar("y")),s.isScrolling=!1},this.onMouseEnter=function(){s.isMouseEntering||(g(s.el,s.classNames.mouseEntered),s.showScrollbar("x"),s.showScrollbar("y"),s.isMouseEntering=!0),s.onMouseEntered()},this._onMouseEntered=function(){y(s.el,s.classNames.mouseEntered),s.options.autoHide&&(s.hideScrollbar("x"),s.hideScrollbar("y")),s.isMouseEntering=!1},this._onMouseMove=function(e){s.mouseX=e.clientX,s.mouseY=e.clientY,(s.axis.x.isOverflowing||s.axis.x.forceVisible)&&s.onMouseMoveForAxis("x"),(s.axis.y.isOverflowing||s.axis.y.forceVisible)&&s.onMouseMoveForAxis("y")},this.onMouseLeave=function(){s.onMouseMove.cancel(),(s.axis.x.isOverflowing||s.axis.x.forceVisible)&&s.onMouseLeaveForAxis("x"),(s.axis.y.isOverflowing||s.axis.y.forceVisible)&&s.onMouseLeaveForAxis("y"),s.mouseX=-1,s.mouseY=-1},this._onWindowResize=function(){s.scrollbarWidth=s.getScrollbarWidth(),s.hideNativeScrollbar()},this.onPointerEvent=function(e){var t,n;s.axis.x.track.el&&s.axis.y.track.el&&s.axis.x.scrollbar.el&&s.axis.y.scrollbar.el&&(s.axis.x.track.rect=s.axis.x.track.el.getBoundingClientRect(),s.axis.y.track.rect=s.axis.y.track.el.getBoundingClientRect(),(s.axis.x.isOverflowing||s.axis.x.forceVisible)&&(t=s.isWithinBounds(s.axis.x.track.rect)),(s.axis.y.isOverflowing||s.axis.y.forceVisible)&&(n=s.isWithinBounds(s.axis.y.track.rect)),t||n)&&(e.stopPropagation(),"pointerdown"===e.type)&&"touch"!==e.pointerType&&(t&&(s.axis.x.scrollbar.rect=s.axis.x.scrollbar.el.getBoundingClientRect(),s.isWithinBounds(s.axis.x.scrollbar.rect)?s.onDragStart(e,"x"):s.onTrackClick(e,"x")),n)&&(s.axis.y.scrollbar.rect=s.axis.y.scrollbar.el.getBoundingClientRect(),s.isWithinBounds(s.axis.y.scrollbar.rect)?s.onDragStart(e,"y"):s.onTrackClick(e,"y"))},this.drag=function(e){var t,n,i,o,r;s.draggedAxis&&s.contentWrapperEl&&(t=null!=(t=null==(t=(r=s.axis[s.draggedAxis].track).rect)?void 0:t[s.axis[s.draggedAxis].sizeAttr])?t:0,n=s.axis[s.draggedAxis].scrollbar,i=null!=(i=null==(i=s.contentWrapperEl)?void 0:i[s.axis[s.draggedAxis].scrollSizeAttr])?i:0,o=parseInt(null!=(o=null==(o=s.elStyles)?void 0:o[s.axis[s.draggedAxis].sizeAttr])?o:"0px",10),e.preventDefault(),e.stopPropagation(),e=("y"===s.draggedAxis?e.pageY:e.pageX)-(null!=(e=null==(e=r.rect)?void 0:e[s.axis[s.draggedAxis].offsetAttr])?e:0)-s.axis[s.draggedAxis].dragOffset,r=(e="x"===s.draggedAxis&&s.isRtl?(null!=(r=null==(r=r.rect)?void 0:r[s.axis[s.draggedAxis].sizeAttr])?r:0)-n.size-e:e)/(t-n.size)*(i-o),"x"===s.draggedAxis&&s.isRtl&&(r=null!=(e=_.getRtlHelpers())&&e.isScrollingToNegative?-r:r),s.contentWrapperEl[s.axis[s.draggedAxis].scrollOffsetAttr]=r)},this.onEndDrag=function(e){s.isDragging=!1;var t=m(s.el),n=p(s.el);e.preventDefault(),e.stopPropagation(),y(s.el,s.classNames.dragging),s.onStopScrolling(),t.removeEventListener("mousemove",s.drag,!0),t.removeEventListener("mouseup",s.onEndDrag,!0),s.removePreventClickId=n.setTimeout(function(){t.removeEventListener("click",s.preventClick,!0),t.removeEventListener("dblclick",s.preventClick,!0),s.removePreventClickId=null})},this.preventClick=function(e){e.preventDefault(),e.stopPropagation()},this.el=e,this.options=o(o({},_.defaultOptions),t),this.classNames=o(o({},_.defaultOptions.classNames),t.classNames),this.axis={x:{scrollOffsetAttr:"scrollLeft",sizeAttr:"width",scrollSizeAttr:"scrollWidth",offsetSizeAttr:"offsetWidth",offsetAttr:"left",overflowAttr:"overflowX",dragOffset:0,isOverflowing:!0,forceVisible:!1,track:{size:null,el:null,rect:null,isVisible:!1},scrollbar:{size:null,el:null,rect:null,isVisible:!1}},y:{scrollOffsetAttr:"scrollTop",sizeAttr:"height",scrollSizeAttr:"scrollHeight",offsetSizeAttr:"offsetHeight",offsetAttr:"top",overflowAttr:"overflowY",dragOffset:0,isOverflowing:!0,forceVisible:!1,track:{size:null,el:null,rect:null,isVisible:!1},scrollbar:{size:null,el:null,rect:null,isVisible:!1}}},"object"!==w(this.el)||!this.el.nodeName)throw new Error("Argument passed to SimpleBar must be an HTML element instead of ".concat(this.el));this.onMouseMove=i(this._onMouseMove,64),this.onWindowResize=n(this._onWindowResize,64,{leading:!0}),this.onStopScrolling=n(this._onStopScrolling,this.stopScrollDelay),this.onMouseEntered=n(this._onMouseEntered,this.stopScrollDelay),this.init()}return _.getRtlHelpers=function(){if(!_.rtlHelpers){var e=document.createElement("div"),e=(e.innerHTML='<div class="simplebar-dummy-scrollbar-size"><div></div></div>',e.firstElementChild),t=null==e?void 0:e.firstElementChild;if(!t)return null;document.body.appendChild(e),e.scrollLeft=0;var n=_.getOffset(e),i=_.getOffset(t),t=(e.scrollLeft=-999,_.getOffset(t));document.body.removeChild(e),_.rtlHelpers={isScrollOriginAtZero:n.left!==i.left,isScrollingToNegative:i.left!==t.left}}return _.rtlHelpers},_.prototype.getScrollbarWidth=function(){try{return this.contentWrapperEl&&"none"===getComputedStyle(this.contentWrapperEl,"::-webkit-scrollbar").display||"scrollbarWidth"in document.documentElement.style||"-ms-overflow-style"in document.documentElement.style?0:h()}catch(e){return h()}},_.getOffset=function(e){var t=e.getBoundingClientRect(),n=m(e),e=p(e);return{top:t.top+(e.pageYOffset||n.documentElement.scrollTop),left:t.left+(e.pageXOffset||n.documentElement.scrollLeft)}},_.prototype.init=function(){c&&(this.initDOM(),this.rtlHelpers=_.getRtlHelpers(),this.scrollbarWidth=this.getScrollbarWidth(),this.recalculate(),this.initListeners())},_.prototype.initDOM=function(){var e;this.wrapperEl=this.el.querySelector(b(this.classNames.wrapper)),this.contentWrapperEl=this.options.scrollableNode||this.el.querySelector(b(this.classNames.contentWrapper)),this.contentEl=this.options.contentNode||this.el.querySelector(b(this.classNames.contentEl)),this.offsetEl=this.el.querySelector(b(this.classNames.offset)),this.maskEl=this.el.querySelector(b(this.classNames.mask)),this.placeholderEl=this.findChild(this.wrapperEl,b(this.classNames.placeholder)),this.heightAutoObserverWrapperEl=this.el.querySelector(b(this.classNames.heightAutoObserverWrapperEl)),this.heightAutoObserverEl=this.el.querySelector(b(this.classNames.heightAutoObserverEl)),this.axis.x.track.el=this.findChild(this.el,"".concat(b(this.classNames.track)).concat(b(this.classNames.horizontal))),this.axis.y.track.el=this.findChild(this.el,"".concat(b(this.classNames.track)).concat(b(this.classNames.vertical))),this.axis.x.scrollbar.el=(null==(e=this.axis.x.track.el)?void 0:e.querySelector(b(this.classNames.scrollbar)))||null,this.axis.y.scrollbar.el=(null==(e=this.axis.y.track.el)?void 0:e.querySelector(b(this.classNames.scrollbar)))||null,this.options.autoHide||(g(this.axis.x.scrollbar.el,this.classNames.visible),g(this.axis.y.scrollbar.el,this.classNames.visible))},_.prototype.initListeners=function(){var e,t,n=this,i=p(this.el);this.el.addEventListener("mouseenter",this.onMouseEnter),this.el.addEventListener("pointerdown",this.onPointerEvent,!0),this.el.addEventListener("mousemove",this.onMouseMove),this.el.addEventListener("mouseleave",this.onMouseLeave),null!=(t=this.contentWrapperEl)&&t.addEventListener("scroll",this.onScroll),i.addEventListener("resize",this.onWindowResize),this.contentEl&&(window.ResizeObserver&&(e=!1,t=i.ResizeObserver||ResizeObserver,this.resizeObserver=new t(function(){e&&i.requestAnimationFrame(function(){n.recalculate()})}),this.resizeObserver.observe(this.el),this.resizeObserver.observe(this.contentEl),i.requestAnimationFrame(function(){e=!0})),this.mutationObserver=new i.MutationObserver(function(){i.requestAnimationFrame(function(){n.recalculate()})}),this.mutationObserver.observe(this.contentEl,{childList:!0,subtree:!0,characterData:!0}))},_.prototype.recalculate=function(){var e,t,n,i,o,r,s,a;this.heightAutoObserverEl&&this.contentEl&&this.contentWrapperEl&&this.wrapperEl&&this.placeholderEl&&(a=p(this.el),this.elStyles=a.getComputedStyle(this.el),this.isRtl="rtl"===this.elStyles.direction,a=this.contentEl.offsetWidth,r=this.heightAutoObserverEl.offsetHeight<=1,s=this.heightAutoObserverEl.offsetWidth<=1||0<a,e=this.contentWrapperEl.offsetWidth,t=this.elStyles.overflowX,n=this.elStyles.overflowY,this.contentEl.style.padding="".concat(this.elStyles.paddingTop," ").concat(this.elStyles.paddingRight," ").concat(this.elStyles.paddingBottom," ").concat(this.elStyles.paddingLeft),this.wrapperEl.style.margin="-".concat(this.elStyles.paddingTop," -").concat(this.elStyles.paddingRight," -").concat(this.elStyles.paddingBottom," -").concat(this.elStyles.paddingLeft),i=this.contentEl.scrollHeight,o=this.contentEl.scrollWidth,this.contentWrapperEl.style.height=r?"auto":"100%",this.placeholderEl.style.width=s?"".concat(a||o,"px"):"auto",this.placeholderEl.style.height="".concat(i,"px"),r=this.contentWrapperEl.offsetHeight,this.axis.x.isOverflowing=0!==a&&a<o,this.axis.y.isOverflowing=r<i,this.axis.x.isOverflowing="hidden"!==t&&this.axis.x.isOverflowing,this.axis.y.isOverflowing="hidden"!==n&&this.axis.y.isOverflowing,this.axis.x.forceVisible="x"===this.options.forceVisible||!0===this.options.forceVisible,this.axis.y.forceVisible="y"===this.options.forceVisible||!0===this.options.forceVisible,this.hideNativeScrollbar(),s=this.axis.x.isOverflowing?this.scrollbarWidth:0,a=this.axis.y.isOverflowing?this.scrollbarWidth:0,this.axis.x.isOverflowing=this.axis.x.isOverflowing&&e-a<o,this.axis.y.isOverflowing=this.axis.y.isOverflowing&&r-s<i,this.axis.x.scrollbar.size=this.getScrollbarSize("x"),this.axis.y.scrollbar.size=this.getScrollbarSize("y"),this.axis.x.scrollbar.el&&(this.axis.x.scrollbar.el.style.width="".concat(this.axis.x.scrollbar.size,"px")),this.axis.y.scrollbar.el&&(this.axis.y.scrollbar.el.style.height="".concat(this.axis.y.scrollbar.size,"px")),this.positionScrollbar("x"),this.positionScrollbar("y"),this.toggleTrackVisibility("x"),this.toggleTrackVisibility("y"))},_.prototype.getScrollbarSize=function(e){var t,n;return this.axis[e=void 0===e?"y":e].isOverflowing&&this.contentEl?(t=this.contentEl[this.axis[e].scrollSizeAttr],e=null!=(n=null==(n=this.axis[e].track.el)?void 0:n[this.axis[e].offsetSizeAttr])?n:0,n=Math.max(~~(e/t*e),this.options.scrollbarMinSize),this.options.scrollbarMaxSize?Math.min(n,this.options.scrollbarMaxSize):n):0},_.prototype.positionScrollbar=function(e){var t,n,i,o,r,s=this.axis[e=void 0===e?"y":e].scrollbar;this.axis[e].isOverflowing&&this.contentWrapperEl&&s.el&&this.elStyles&&(t=this.contentWrapperEl[this.axis[e].scrollSizeAttr],n=(null==(n=this.axis[e].track.el)?void 0:n[this.axis[e].offsetSizeAttr])||0,i=parseInt(this.elStyles[this.axis[e].sizeAttr],10),o=this.contentWrapperEl[this.axis[e].scrollOffsetAttr],o="x"===e&&this.isRtl&&null!=(r=_.getRtlHelpers())&&r.isScrollOriginAtZero?-o:o,"x"===e&&this.isRtl&&(o=null!=(r=_.getRtlHelpers())&&r.isScrollingToNegative?o:-o),r=~~((n-s.size)*(o/(t-i))),r="x"===e&&this.isRtl?-r+(n-s.size):r,s.el.style.transform="x"===e?"translate3d(".concat(r,"px, 0, 0)"):"translate3d(0, ".concat(r,"px, 0)"))},_.prototype.toggleTrackVisibility=function(e){var t=this.axis[e=void 0===e?"y":e].track.el,n=this.axis[e].scrollbar.el;t&&n&&this.contentWrapperEl&&(this.axis[e].isOverflowing||this.axis[e].forceVisible?(t.style.visibility="visible",this.contentWrapperEl.style[this.axis[e].overflowAttr]="scroll",this.el.classList.add("".concat(this.classNames.scrollable,"-").concat(e))):(t.style.visibility="hidden",this.contentWrapperEl.style[this.axis[e].overflowAttr]="hidden",this.el.classList.remove("".concat(this.classNames.scrollable,"-").concat(e))),this.axis[e].isOverflowing?n.style.display="block":n.style.display="none")},_.prototype.showScrollbar=function(e){this.axis[e=void 0===e?"y":e].isOverflowing&&!this.axis[e].scrollbar.isVisible&&(g(this.axis[e].scrollbar.el,this.classNames.visible),this.axis[e].scrollbar.isVisible=!0)},_.prototype.hideScrollbar=function(e){void 0===e&&(e="y"),this.isDragging||this.axis[e].isOverflowing&&this.axis[e].scrollbar.isVisible&&(y(this.axis[e].scrollbar.el,this.classNames.visible),this.axis[e].scrollbar.isVisible=!1)},_.prototype.hideNativeScrollbar=function(){this.offsetEl&&(this.offsetEl.style[this.isRtl?"left":"right"]=this.axis.y.isOverflowing||this.axis.y.forceVisible?"-".concat(this.scrollbarWidth,"px"):"0px",this.offsetEl.style.bottom=this.axis.x.isOverflowing||this.axis.x.forceVisible?"-".concat(this.scrollbarWidth,"px"):"0px")},_.prototype.onMouseMoveForAxis=function(e){var t=this.axis[e=void 0===e?"y":e];t.track.el&&t.scrollbar.el&&(t.track.rect=t.track.el.getBoundingClientRect(),t.scrollbar.rect=t.scrollbar.el.getBoundingClientRect(),this.isWithinBounds(t.track.rect)?(this.showScrollbar(e),g(t.track.el,this.classNames.hover),(this.isWithinBounds(t.scrollbar.rect)?g:y)(t.scrollbar.el,this.classNames.hover)):(y(t.track.el,this.classNames.hover),this.options.autoHide&&this.hideScrollbar(e)))},_.prototype.onMouseLeaveForAxis=function(e){y(this.axis[e=void 0===e?"y":e].track.el,this.classNames.hover),y(this.axis[e].scrollbar.el,this.classNames.hover),this.options.autoHide&&this.hideScrollbar(e)},_.prototype.onDragStart=function(e,t){void 0===t&&(t="y"),this.isDragging=!0;var n=m(this.el),i=p(this.el),o=this.axis[t].scrollbar,e="y"===t?e.pageY:e.pageX;this.axis[t].dragOffset=e-((null==(e=o.rect)?void 0:e[this.axis[t].offsetAttr])||0),this.draggedAxis=t,g(this.el,this.classNames.dragging),n.addEventListener("mousemove",this.drag,!0),n.addEventListener("mouseup",this.onEndDrag,!0),null===this.removePreventClickId?(n.addEventListener("click",this.preventClick,!0),n.addEventListener("dblclick",this.preventClick,!0)):(i.clearTimeout(this.removePreventClickId),this.removePreventClickId=null)},_.prototype.onTrackClick=function(e,t){var n,i,o,r,s,a,l=this,c=(void 0===t&&(t="y"),this.axis[t]);this.options.clickOnTrack&&c.scrollbar.el&&this.contentWrapperEl&&(e.preventDefault(),n=p(this.el),this.axis[t].scrollbar.rect=c.scrollbar.el.getBoundingClientRect(),e=null!=(c=null==(e=this.axis[t].scrollbar.rect)?void 0:e[this.axis[t].offsetAttr])?c:0,c=parseInt(null!=(c=null==(c=this.elStyles)?void 0:c[this.axis[t].sizeAttr])?c:"0px",10),i=this.contentWrapperEl[this.axis[t].scrollOffsetAttr],o=("y"===t?this.mouseY-e:this.mouseX-e)<0?-1:1,r=-1===o?i-c:i+c,s=40,(a=function(){l.contentWrapperEl&&(-1===o?r<i&&(i-=s,l.contentWrapperEl[l.axis[t].scrollOffsetAttr]=i,n.requestAnimationFrame(a)):i<r&&(i+=s,l.contentWrapperEl[l.axis[t].scrollOffsetAttr]=i,n.requestAnimationFrame(a)))})())},_.prototype.getContentElement=function(){return this.contentEl},_.prototype.getScrollElement=function(){return this.contentWrapperEl},_.prototype.removeListeners=function(){var e=p(this.el);this.el.removeEventListener("mouseenter",this.onMouseEnter),this.el.removeEventListener("pointerdown",this.onPointerEvent,!0),this.el.removeEventListener("mousemove",this.onMouseMove),this.el.removeEventListener("mouseleave",this.onMouseLeave),this.contentWrapperEl&&this.contentWrapperEl.removeEventListener("scroll",this.onScroll),e.removeEventListener("resize",this.onWindowResize),this.mutationObserver&&this.mutationObserver.disconnect(),this.resizeObserver&&this.resizeObserver.disconnect(),this.onMouseMove.cancel(),this.onWindowResize.cancel(),this.onStopScrolling.cancel(),this.onMouseEntered.cancel()},_.prototype.unMount=function(){this.removeListeners()},_.prototype.isWithinBounds=function(e){return this.mouseX>=e.left&&this.mouseX<=e.left+e.width&&this.mouseY>=e.top&&this.mouseY<=e.top+e.height},_.prototype.findChild=function(e,t){var n=e.matches||e.webkitMatchesSelector||e.mozMatchesSelector||e.msMatchesSelector;return Array.prototype.filter.call(e.children,function(e){return n.call(e,t)})[0]},_.rtlHelpers=null,_.defaultOptions={forceVisible:!1,clickOnTrack:!0,scrollbarMinSize:25,scrollbarMaxSize:0,ariaLabel:"scrollable content",tabIndex:0,classNames:{contentEl:"simplebar-content",contentWrapper:"simplebar-content-wrapper",offset:"simplebar-offset",mask:"simplebar-mask",wrapper:"simplebar-wrapper",placeholder:"simplebar-placeholder",scrollbar:"simplebar-scrollbar",track:"simplebar-track",heightAutoObserverWrapperEl:"simplebar-height-auto-observer-wrapper",heightAutoObserverEl:"simplebar-height-auto-observer",visible:"simplebar-visible",horizontal:"simplebar-horizontal",vertical:"simplebar-vertical",hover:"simplebar-hover",dragging:"simplebar-dragging",scrolling:"simplebar-scrolling",scrollable:"simplebar-scrollable",mouseEntered:"simplebar-mouse-entered"},scrollableNode:null,contentNode:null,autoHide:!0},_.getOptions=v,_.helpers=u,_},"object"===((i=void 0)===n?"undefined":w(n))&&void 0!==t?t.exports=o(e("lodash/debounce.js"),e("lodash/throttle.js")):"function"==typeof define&&define.amd?define(["lodash/debounce.js","lodash/throttle.js"],o):(i="undefined"!=typeof globalThis?globalThis:self).SimpleBarCore=o(i.debounce,i.throttle)},{"lodash/debounce.js":10,"lodash/throttle.js":15}],18:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var o,r;r=function(e,r){var s=function(e,t){return(s=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)};var t=r.helpers,a=t.getOptions,l=t.addClasses,t=t.canUseDOM,n=(i=>{var e=o,t=i;if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}function o(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=i.apply(this,e)||this;return o.instances.set(e[0],n),n}return s(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n),o.initDOMLoadedElements=function(){document.removeEventListener("DOMContentLoaded",this.initDOMLoadedElements),window.removeEventListener("load",this.initDOMLoadedElements),Array.prototype.forEach.call(document.querySelectorAll("[data-simplebar]"),function(e){"init"===e.getAttribute("data-simplebar")||o.instances.has(e)||new o(e,a(e.attributes))})},o.removeObserver=function(){var e;null!=(e=o.globalObserver)&&e.disconnect()},o.prototype.initDOM=function(){var e,t,n=this;if(!Array.prototype.filter.call(this.el.children,function(e){return e.classList.contains(n.classNames.wrapper)}).length){for(this.wrapperEl=document.createElement("div"),this.contentWrapperEl=document.createElement("div"),this.offsetEl=document.createElement("div"),this.maskEl=document.createElement("div"),this.contentEl=document.createElement("div"),this.placeholderEl=document.createElement("div"),this.heightAutoObserverWrapperEl=document.createElement("div"),this.heightAutoObserverEl=document.createElement("div"),l(this.wrapperEl,this.classNames.wrapper),l(this.contentWrapperEl,this.classNames.contentWrapper),l(this.offsetEl,this.classNames.offset),l(this.maskEl,this.classNames.mask),l(this.contentEl,this.classNames.contentEl),l(this.placeholderEl,this.classNames.placeholder),l(this.heightAutoObserverWrapperEl,this.classNames.heightAutoObserverWrapperEl),l(this.heightAutoObserverEl,this.classNames.heightAutoObserverEl);this.el.firstChild;)this.contentEl.appendChild(this.el.firstChild);this.contentWrapperEl.appendChild(this.contentEl),this.offsetEl.appendChild(this.contentWrapperEl),this.maskEl.appendChild(this.offsetEl),this.heightAutoObserverWrapperEl.appendChild(this.heightAutoObserverEl),this.wrapperEl.appendChild(this.heightAutoObserverWrapperEl),this.wrapperEl.appendChild(this.maskEl),this.wrapperEl.appendChild(this.placeholderEl),this.el.appendChild(this.wrapperEl),null!=(e=this.contentWrapperEl)&&e.setAttribute("tabindex",this.options.tabIndex.toString()),null!=(e=this.contentWrapperEl)&&e.setAttribute("role","region"),null!=(e=this.contentWrapperEl)&&e.setAttribute("aria-label",this.options.ariaLabel)}this.axis.x.track.el&&this.axis.y.track.el||(e=document.createElement("div"),t=document.createElement("div"),l(e,this.classNames.track),l(t,this.classNames.scrollbar),e.appendChild(t),this.axis.x.track.el=e.cloneNode(!0),l(this.axis.x.track.el,this.classNames.horizontal),this.axis.y.track.el=e.cloneNode(!0),l(this.axis.y.track.el,this.classNames.vertical),this.el.appendChild(this.axis.x.track.el),this.el.appendChild(this.axis.y.track.el)),r.prototype.initDOM.call(this),this.el.setAttribute("data-simplebar","init")},o.prototype.unMount=function(){r.prototype.unMount.call(this),o.instances.delete(this.el)},o.initHtmlApi=function(){this.initDOMLoadedElements=this.initDOMLoadedElements.bind(this),"undefined"!=typeof MutationObserver&&(this.globalObserver=new MutationObserver(o.handleMutations),this.globalObserver.observe(document,{childList:!0,subtree:!0})),"complete"===document.readyState||"loading"!==document.readyState&&!document.documentElement.doScroll?window.setTimeout(this.initDOMLoadedElements):(document.addEventListener("DOMContentLoaded",this.initDOMLoadedElements),window.addEventListener("load",this.initDOMLoadedElements))},o.handleMutations=function(e){e.forEach(function(e){e.addedNodes.forEach(function(e){1===e.nodeType&&(e.hasAttribute("data-simplebar")?!o.instances.has(e)&&document.documentElement.contains(e)&&new o(e,a(e.attributes)):e.querySelectorAll("[data-simplebar]").forEach(function(e){"init"!==e.getAttribute("data-simplebar")&&!o.instances.has(e)&&document.documentElement.contains(e)&&new o(e,a(e.attributes))}))}),e.removedNodes.forEach(function(e){var t;1===e.nodeType&&("init"===e.getAttribute("data-simplebar")?document.documentElement.contains(e)||null==(t=o.instances.get(e))||t.unMount():Array.prototype.forEach.call(e.querySelectorAll('[data-simplebar="init"]'),function(e){document.documentElement.contains(e)||null==(e=o.instances.get(e))||e.unMount()}))})})},o.instances=new WeakMap,o})(r);t&&n.initHtmlApi(),e.default=n,Object.defineProperty(e,"__esModule",{value:!0})},"object"===((o=void 0)===n?"undefined":i(n))&&void 0!==t?r(n,e("simplebar-core")):"function"==typeof define&&define.amd?define(["exports","simplebar-core"],r):r((o="undefined"!=typeof globalThis?globalThis:self).SimpleBar={},o.SimpleBar)},{"simplebar-core":17}],19:[function(e,t,n){window.addEventListener("scroll",function(){document.querySelectorAll(".app-header").forEach(function(e){20<window.scrollY?e.classList.add("!shadow-glass"):e.classList.remove("!shadow-glass")})})},{}],20:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var e=document.querySelector('[data-toggle="app_sidebar"]'),t=document.body,n="app-sidebar-backdrop";function i(){var e=document.querySelector(".".concat(n));e&&e.remove()}function o(){var e;t.classList.toggle("is-app-sidebar"),t.classList.contains("is-app-sidebar")?document.querySelector(".".concat(n))||((e=document.createElement("div")).className="fixed inset-0 w-full h-full bg-black/25 z-50 backdrop-blur ".concat(n),e.addEventListener("click",function(){t.classList.remove("is-app-sidebar"),i()}),document.body.appendChild(e)):i()}function r(){1024<=window.innerWidth&&(t.classList.remove("is-app-sidebar"),i())}e&&e.addEventListener("click",function(){window.innerWidth<1024&&o()}),window.addEventListener("resize",r),r()}),document.addEventListener("DOMContentLoaded",function(){function e(e){e.matches||document.body.classList.remove(i)}var t=document.getElementById("isSidebarMini"),n=window.matchMedia("(min-width: 1024px)"),i="is-sidebar-mini";null!=t&&t.addEventListener("click",function(){n.matches&&document.body.classList.toggle(i)});e(n),n.addEventListener("change",e)})},{}],21:[function(e,t,n){function i(e){return(e=>{if(Array.isArray(e))return o(e)})(e)||(e=>{if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)})(e)||((e,t)=>{var n;if(e)return"string"==typeof e?o(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0})(e)||(()=>{throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")})()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}window.bootstrap=e("bootstrap/dist/js/bootstrap.bundle");i(document.querySelectorAll('[data-bs-toggle="popover"]')).map(function(e){return new bootstrap.Popover(e)}),i(document.querySelectorAll('[data-bs-toggle="tooltip"]')).map(function(e){return new bootstrap.Tooltip(e)}),[].slice.call(document.querySelectorAll(".toast")).map(function(e){return new bootstrap.Toast(e)});document.querySelectorAll(".collapse-group .collapse").forEach(function(t){var n=new bootstrap.Collapse(t,{toggle:!1});t.addEventListener("show.bs.collapse",function(e){e.stopPropagation(),t.parentElement.closest(".collapse").querySelectorAll(".collapse").forEach(function(e){e=bootstrap.Collapse.getInstance(e);e!==n&&e.hide()})}),t.addEventListener("hide.bs.collapse",function(e){e.stopPropagation(),t.querySelectorAll(".collapse").forEach(function(e){bootstrap.Collapse.getInstance(e).hide()})})}),document.querySelectorAll(".modal").forEach(function(t){t.addEventListener("shown.bs.modal",function(){var e=t.querySelector("input");e&&e.focus()})})},{"bootstrap/dist/js/bootstrap.bundle":1}],22:[function(e,t,n){document.querySelectorAll("[data-refresh]").forEach(function(e){e.addEventListener("click",function(){var e=document.querySelector(".card-overlay");e&&(e.style.display="flex",setTimeout(function(){e.style.display="none"},3e3))})})},{}],23:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var e=document.querySelector('[data-theme-switch="dark"]'),t=document.documentElement;"dark"===localStorage.getItem("mode")&&(t.classList.add("dark"),e)&&(e.checked=!0),e&&e.addEventListener("change",function(){e.checked?(t.classList.add("dark"),localStorage.setItem("mode","dark")):(t.classList.remove("dark"),localStorage.setItem("mode","light"))})})},{}],24:[function(e,t,n){var i=document.getElementById("preloader");i&&window.addEventListener("load",function(){i.classList.add("hidden")})},{}],25:[function(e,t,n){document.querySelectorAll("[data-progress]").forEach(function(e){var t=parseFloat(e.getAttribute("data-progress")),n="true"===e.getAttribute("data-show-value"),i=e.querySelector(".progress-ring"),o=i.r.baseVal.value,r=2*Math.PI*o,o=(i.style.strokeDasharray="".concat(r),i.style.strokeDashoffset="".concat(r),requestAnimationFrame(function(){i.style.strokeDashoffset=r-t/100*r}),e.querySelector(".value-label"));n&&o&&(o.textContent="".concat(t,"%"),o.classList.remove("hidden"))})},{}],26:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var t=document.getElementById("toggleRTL"),i=document.documentElement;function n(){var n="rtl"===i.getAttribute("dir");document.querySelectorAll(".sidebar-compact-link").forEach(function(e){e.setAttribute("data-bs-offset",n?"-68,-56":"68,-56");var t=bootstrap.Dropdown.getInstance(e);t&&e.classList.contains("show")&&null!=(e=t._popper)&&null!=(t=e.update)&&t.call(e)})}t&&("true"===localStorage.getItem("rtl")?(t.checked=!0,i.setAttribute("dir","rtl")):i.setAttribute("dir","ltr"),n(),t.addEventListener("change",function(){var e=t.checked;i.setAttribute("dir",e?"rtl":"ltr"),localStorage.setItem("rtl",e),n(),setTimeout(function(){location.reload()},100)}))})},{}],27:[function(e,t,n){var r=(e=e("simplebar"))&&e.__esModule?e:{default:e};document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll("[data-simplebar]").forEach(function(e){var t,n,i,o=new r.default(e).getScrollElement(),e=e.querySelector(".app-sidebar .active");e&&(e=(t=e.offsetTop)+e.offsetHeight,i=(n=o.scrollTop)+o.clientHeight,t<n||i<e)&&o.scrollTo({top:t-50,behavior:"smooth"})})}),document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll(".nav-horizontal").forEach(function(n){function e(){var e,t=n.querySelector(".nav-horizontal .nav-link.active");t&&(e=n.getBoundingClientRect(),e=t.getBoundingClientRect().left-e.left-n.clientWidth/2+t.clientWidth/2,n.scrollTo({left:e,behavior:"smooth"}))}e(),new MutationObserver(e).observe(n,{attributes:!0,subtree:!0,attributeFilter:["class"]})})})},{simplebar:18}],28:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var e=document.querySelector('[data-toggle="sidebar_secondary"]'),t=document.querySelector(".layout_secondary"),n="sidebar-secondary-backdrop",i="is-sidebar";function o(){var e=null==t?void 0:t.querySelector(".".concat(n));e&&e.remove()}function r(){var e;t&&(t.classList.toggle(i),t.classList.contains(i)?t&&!document.querySelector(".".concat(n))&&((e=document.createElement("div")).className="absolute inset-0 w-full z-10 h-full bg-black/25 backdrop-blur ".concat(n),e.addEventListener("click",function(){t.classList.remove(i),o()}),t.appendChild(e)):o())}function s(){1024<=window.innerWidth&&t&&(t.classList.remove(i),o())}e&&t&&e.addEventListener("click",function(){window.innerWidth<1024&&r()}),window.addEventListener("resize",s),s()})},{}],29:[function(e,t,n){var i,o,r=document.getElementById("sidebarLight"),s=document.getElementById("sidebarDark"),a=document.querySelector(".app-sidebar");r&&s&&a&&(i=function(e){"dark"===e?a.classList.add("dark","dark:text-zinc-300"):a.classList.remove("dark","dark:text-zinc-300"),localStorage.setItem("sidebarTheme",e)},r.addEventListener("change",function(){this.checked&&i("light")}),s.addEventListener("change",function(){this.checked&&i("dark")}),o=localStorage.getItem("sidebarTheme"))&&("dark"===o?(s.checked=!0,i("dark")):(r.checked=!0,i("light")))},{}],30:[function(e,t,n){function p(e){return(e=>{if(Array.isArray(e))return i(e)})(e)||(e=>{if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)})(e)||((e,t)=>{var n;if(e)return"string"==typeof e?i(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0})(e)||(()=>{throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")})()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}document.querySelectorAll("[data-wizard]").forEach(function(t){t.addEventListener("wizard:finish",function(){window.location.reload()});var a=Array.from(t.querySelectorAll(".wizard-step")),l=Array.from(t.querySelectorAll(".wizard-panel")),c=t.querySelector(".prev-btn"),u=t.querySelector(".next-btn"),f=0,d=new Set([0]),h=null;function i(e){var t,n,i,o,r,s;e!==f&&(t=l[f],n=l[e],f=e,d.add(e),i=e,a.forEach(function(e,t){e.classList.toggle("active",t===i),e.classList.toggle("step-done",t<i),e.classList.toggle("disabled",!d.has(t))}),c&&(c.disabled=0===e),u&&(u.textContent=e===l.length-1?"Finish":"Next"),t&&(e=t.classList.contains("show"),s=(r=t)?(s=(r=getComputedStyle(r)).transitionDuration.split(",").map(function(e){return parseFloat(e)||0}),r=r.transitionDelay.split(",").map(function(e){return parseFloat(e)||0}),s=1e3*Math.max.apply(Math,p(s)),r=1e3*Math.max.apply(Math,p(r)),Math.round(s+r)):0,o=function(){return t.classList.remove("active")},e&&0<s?(t.addEventListener("transitionend",function(e){e.target===t&&o()},{once:!0}),t.classList.remove("show"),setTimeout(function(){t.classList.contains("active")&&o()},s+50)):(t.classList.remove("show"),t.classList.remove("active"))),n.classList.add("active"),h&&(clearTimeout(h),h=null),requestAnimationFrame(function(){h=setTimeout(function(){return n.classList.add("show")},18)}))}u&&u.addEventListener("click",function(){var e;f<l.length-1?(e=f+1,d.add(e),a[e].classList.remove("disabled"),i(e)):t.dispatchEvent(new CustomEvent("wizard:finish",{detail:{index:f}}))}),c&&c.addEventListener("click",function(){0<f&&i(f-1)}),a.forEach(function(t,n){t.addEventListener("click",function(){var e;t.classList.contains("disabled")||(e=n)<0||e>=l.length||a[e].classList.contains("disabled")||i(e)})}),a.forEach(function(e,t){e.classList.toggle("active",0===t),e.classList.toggle("disabled",0<t),e.classList.remove("step-done")}),l.forEach(function(e,t){e.classList.remove("active","show"),0===t&&(e.classList.add("active"),requestAnimationFrame(function(){h=setTimeout(function(){return e.classList.add("show")},18)}))}),c&&(c.disabled=!0),u&&(u.textContent=1<l.length?"Next":"Finish")})},{}],31:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var i,e,t,n=document.querySelectorAll(".theme-switcher");function o(e,t,n){var i=document.documentElement;i.style.setProperty("--color-primary",e),i.style.setProperty("--color-primary-deep",t),i.style.setProperty("--color-primary-subtle",n)}function r(t){n.forEach(function(e){e.classList.toggle("active",e===t)})}0!==n.length&&(i={indigo:{primary:"#636DFF",deep:"#5964F7",subtle:"#636DFF1f"},navy:{primary:"#0E6DD9",deep:"#0865D0",subtle:"#0E6DD91f"},emerald:{primary:"#049772",deep:"#018463",subtle:"#0497721f"},purple:{primary:"#D300C5",deep:"#C502B8",subtle:"#D300C51f"}},e=localStorage.getItem("theme")||"indigo",i[e]&&(o((t=i[e]).primary,t.deep,t.subtle),t=document.getElementById(e+"Theme"))&&r(t),n.forEach(function(n){n.addEventListener("click",function(){var e,t=n.id.replace("Theme","").toLowerCase();i[t]&&(o((e=i[t]).primary,e.deep,e.subtle),r(n),localStorage.setItem("theme",t))})}))})},{}],32:[function(e,t,n){e("./custom/bootstrap"),e("./custom/app-sidebar"),e("./custom/app-header"),e("./custom/dark_mode"),e("./custom/scrollbar"),e("./custom/step-wizard"),e("./custom/sidebar-secondary"),e("./custom/theme-colors"),e("./custom/progress"),e("./custom/cards"),e("./custom/sidebar-theme"),e("./custom/rtl"),e("./custom/preloader")},{"./custom/app-header":19,"./custom/app-sidebar":20,"./custom/bootstrap":21,"./custom/cards":22,"./custom/dark_mode":23,"./custom/preloader":24,"./custom/progress":25,"./custom/rtl":26,"./custom/scrollbar":27,"./custom/sidebar-secondary":28,"./custom/sidebar-theme":29,"./custom/step-wizard":30,"./custom/theme-colors":31}]},{},[32]);
+//# sourceMappingURL=theme.js.map
diff --git a/public_html/raven-demo/layout-combo.html b/public_html/raven-demo/layout-combo.html
new file mode 100644
index 0000000..0722ab6
--- /dev/null
+++ b/public_html/raven-demo/layout-combo.html
@@ -0,0 +1,1031 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <title>Raven - Admin Dashboard</title>
+     <link rel="icon" href="images/favicon.png" type="image/png">
+     <!--Simplebar-->
+     <link rel="stylesheet" href="vendor/css/simplebar.css">
+     <!--:Fonts:-->
+     <link rel="preconnect" href="https://fonts.googleapis.com">
+     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+     <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+     <!--:Main Style:-->
+     <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item layouts_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item layouts_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item layouts_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item layouts_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item active">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 shrink-0 px-4 lg:px-8 z-50 sticky top-0 app-header">
+          <div class="relative py-4 lg:py-0 flex flex-wrap items-center justify-center">
+            <div class="shrink-0 flex items-center space-x-1">
+              <!--:Sidebar toggler:-->
+              <button type="button" data-toggle="app_sidebar"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+                <span class="icon-[iconoir--menu] text-lg"></span>
+              </button>
+               <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+            </div>
+            <div class="flex items-center space-x-1 shrink-0 ms-auto lg:order-last">
+              <button type="button" data-bs-toggle="collapse" data-bs-target="#appNavbar" aria-label="toggle navbar" class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+                            <span class="icon-[lucide--text-align-center] text-lg"></span>
+                        </button>
+              <!--:TLang:-->
+                <!--:Theme Lang switcher:-->
+                  <div class="relative">
+                    <button data-bs-auto-close="outside" type="button"
+                      class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                      data-bs-toggle="dropdown" data-bs-display="static">
+                      <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                    </button>
+                    <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                      <a href="#!" class="dropdown-item active group gap-2.5">
+                          <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                          <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                      </a>
+                      <a href="#!" class="dropdown-item group gap-2.5">
+                          <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                          <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                      </a>
+                      <a href="#!" class="dropdown-item group gap-2.5">
+                          <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                          <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                      </a>
+                    </div>
+                  </div>
+
+              <!--:Notifications:-->
+                  <div class="sm:relative">
+                    <button data-bs-auto-close="outside" type="button"
+                      class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                      data-bs-toggle="dropdown" data-bs-display="static">
+                      <span class="icon-[lucide--bell] text-lg"></span>
+                      <!--:Notification badge with animation:-->
+                      <span class="absolute right-1 top-1 flex size-2">
+                        <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                        <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                      </span>
+                    </button>
+                    <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                      <div class="px-3 pt-3 flex justify-between items-center">
+                        <h5 class="text-lg">Notifications</h5>
+                        <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                          <span class="icon-[lucide--mail-open]"></span>
+                        </button>
+                      </div>
+                      <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                            <span class="icon-[lucide--database] text-lg"></span>
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                            <small class="text-muted">Just now</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                            <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                            <small class="text-muted">1h</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                           <span class="icon-[lucide--check] text-lg"></span>
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal">Backup completed successfully</div>
+                            <small class="text-muted">2h</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                           <span class="icon-[lucide--user] text-lg"></span>
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal">Profile updated successfully</div>
+                            <small class="text-muted">3h</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                            <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                            <div><span
+                                class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                            </div>
+                            <small class="text-muted">2d</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                            <span class="icon-[lucide--component] text-lg"></span>
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal">API updated</div>
+                            <small class="text-muted">3d</small>
+                          </div>
+                        </a>
+                      </div>
+                      <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                        <a href="#!"
+                          class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                          All</a>
+                      </div>
+                    </div>
+                  </div>
+
+              <!--:Apps:-->
+                  <div class="lg:relative hidden lg:block">
+                    <button data-bs-auto-close="outside" type="button"
+                      class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                      data-bs-toggle="dropdown" data-bs-display="static">
+                      <span class="icon-[lucide--component] text-lg"></span>
+                    </button>
+                    <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                      <div class="flex flex-wrap p-2">
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>Mailchimp</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span class="truncate block">Analytics</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>WebDev</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>Jira</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>Gitlab</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>Evernote</span>
+                          </a>
+                        </div>
+                      </div>
+                      <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                        <a href="#!"
+                          class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                          All</a>
+                      </div>
+                    </div>
+                  </div>
+              <!--:Theme color switcher:-->
+              <div class="relative">
+                <button type="button"
+                  class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                  data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                  <span class="icon-[lucide--settings] text-lg"></span>
+                </button>
+                <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                  <div class="mb-3 px-3 pt-2">
+                    <h5>Theme</h5>
+                  </div>
+
+                  <div class="flex flex-wrap px-3 pb-2 gap-2">
+                    <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                      <span class="flex items-center justify-center size-7 rounded-full text-white"
+                        style="background-color: #636DFF;">
+                        <span class="icon-[lucide--check] theme-check text-lg"></span>
+                      </span>
+                    </button>
+                    <button id="navyTheme" class="theme-switcher cursor-pointer">
+                      <span class="flex items-center justify-center size-7 rounded-full text-white"
+                        style="background-color: #0E6DD9;">
+                        <span class="icon-[lucide--check] theme-check text-lg"></span>
+                      </span>
+                    </button>
+                    <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                      <span class="flex items-center justify-center size-7 rounded-full text-white"
+                        style="background-color: #049772;">
+                        <span class="icon-[lucide--check] theme-check text-lg"></span>
+                      </span>
+                    </button>
+                    <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                      <span class="flex items-center justify-center size-7 rounded-full text-white"
+                        style="background-color: #D300C5;">
+                        <span class="icon-[lucide--check] theme-check text-lg"></span>
+                      </span>
+                    </button>
+                  </div>
+                  <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <label class="flex items-center cursor-pointer dropdown-item">
+                      <span class="icon-[lucide--sun-moon] me-1"></span>
+                      <span class="flex-grow text-sm me-2">Dark mode</span>
+                      <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                    </label>
+                  </div>
+                  <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                      <span class="text-sm">Enable RTL</span>
+                      <input type="checkbox" class="input-switch" id="toggleRTL" />
+                    </label>
+      
+                  </div>
+                  <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                          <h5 class="px-3 mb-2">Sidebar</h5>
+                          <div class="radio-group flex items-center">
+                              <div class="radio-option flex-grow">
+                                  <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                  <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                    <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                      <span class="w-6 h-full bg-white rounded-sm"></span>
+                                    </span>
+                                    <span class="block text-sm text-zinc-400">
+                                      Light
+                                    </span>
+                                  </label>
+                              </div>
+                              <div class="radio-option flex-grow">
+                                  <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                  <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                     <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                       <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                    </span>
+                                    <span class="block text-sm text-zinc-400">
+                                      Dark
+                                    </span>
+                                  </label>
+                              </div>
+                          </div>
+                      </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="collapse lg:ms-8 navbar-collapse w-full lg:flex-grow lg:w-auto lg:visible flex flex-wrap lg:justify-end items-center !visible lg:!flex lg:basis-auto basis-full lg:pt-0 lg:!bg-transparent"
+              id="appNavbar">
+              <div
+                class="navbar-nav p-4 lg:p-0 relative mt-2 lg:mt-0 flex flex-col lg:gap-4 gap-0.5 lg:flex-row lg:items-center bg-white dark:bg-zinc-950 lg:!bg-transparent w-full overflow-y-auto lg:overflow-visible lg:h-auto max-h-[80vh]">
+                <a href="#!" class="navbar-link">
+                  Guide
+                </a>
+                 <a href="#!" class="navbar-link">
+                  Config
+                </a>
+                <div class="relative">
+                  <a data-bs-display="static" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="#"
+                    class="navbar-link ">
+                    Resourses <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                  </a>
+                  <div class="dropdown-menu lg:absolute !top-full lg:mt-1 w-full lg:w-36 z-50">
+           
+                    <a href="#!" class="dropdown-item">Blog</a>
+                    <a href="#!" class="dropdown-item ">About</a>
+                    <a href="#!" class="dropdown-item">Team</a>
+                    <a href="#!" class="dropdown-item">Releases</a>
+                    <hr class="border-zinc-200 dark:border-zinc-800 my-2">
+                    <a href="#!" class="dropdown-item gap-2">BlueSky<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">Mastodon<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">X<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">Discord chat<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">Changelog<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">Contributing<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                  </div>
+                </div>
+                <div class="relative">
+                  <a data-bs-display="static" data-bs-toggle="dropdown" href="#" class="navbar-link ">
+                    Versions <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                  </a>
+                  <div class="dropdown-menu lg:absolute !top-full lg:mt-1 w-full lg:w-36 z-50">
+                    <a href="#!" class="dropdown-item gap-2">V5 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">V4 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">V3 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">V2 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">V1 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Combo Layout</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Layouts</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Combo</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+           <p>Combo is short form of combined. Menu items on both header and sidebar, Which collapse separetly on small devices!</p>
+           
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/layout-compact.html b/public_html/raven-demo/layout-compact.html
new file mode 100644
index 0000000..66a2d2e
--- /dev/null
+++ b/public_html/raven-demo/layout-compact.html
@@ -0,0 +1,684 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <title>Raven - Admin Dashboard</title>
+     <link rel="icon" href="images/favicon.png" type="image/png">
+     <!--Simplebar-->
+     <link rel="stylesheet" href="vendor/css/simplebar.css">
+     <!--:Fonts:-->
+     <link rel="preconnect" href="https://fonts.googleapis.com">
+     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+     <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+     <!--:Main Style:-->
+     <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-950 fixed start-0 transition-all ltr:-translate-x-full rtl:translate-x-full ltr:lg:-translate-x-0 rtl:lg:translate-x-0 top-0 w-24 h-full flex flex-col z-[52] app-sidebar app-sidebar-compact">
+        <div class="shrink-0 h-16 flex items-center justify-center">
+            <a href="index.html" class="flex items-center px-2">
+                <span
+                    class="flex w-10 h-10 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                    <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                </span>
+            </a>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto app-menu">
+            <nav class="flex flex-col space-y-2 px-2 py-2 items-center">
+                <div class="static">
+                    <a data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Boards</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50">
+                        <a href="index.html" class="dropdown-item ">Analytics</a>
+                        <a href="index-ecommerce.html"
+                            class="dropdown-item ">Ecommerce</a>
+                        <a href="index-marketing.html"
+                            class="dropdown-item ">Marketing</a>
+                        <a href="index-social.html"
+                            class="dropdown-item ">Social</a>
+                        <a href="index-jobs.html" class="dropdown-item ">Jobs</a>
+                    </div>
+                </div>
+                <a href="widgets.html"
+                    class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                    <span class="sidebar-icon">
+                        <span class="icon-[lucide--wand-sparkles]"></span>
+                    </span>
+                    <span class="sidebar-text">Widgets</span>
+                </a>
+                <div class="static">
+                    <a data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--component]"></span>
+                        </span>
+                        <span class="sidebar-text">Apps</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50">
+                        <a href="app-inbox.html" class="dropdown-item @@app_inbox">Inbox</a>
+                        <a href="app-chat.html" class="dropdown-item @@app_chat">Chat</a>
+                        <a href="app-calendar.html" class="dropdown-item @@app_calendar">Calendar</a>
+                        <a href="app-file-manager.html" class="dropdown-item @@app_file_manager">File manager</a>
+                        <a href="app-api.html" class="dropdown-item @@app_api">API</a>
+                    </div>
+                </div>
+                <div class="static">
+                    <a data-bs-offset="80,-54" data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--user-cog]"></span>
+                        </span>
+                        <span class="sidebar-text">Account</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50">
+                        <a href="account-profile.html" class="dropdown-item @@account_settings">Profile</a>
+                        <a href="account-settings.html" class="dropdown-item @@account_settings">Settings</a>
+                        <a href="account-activity-log.html" class="dropdown-item @@account_activty">Acitivity log</a>
+                        <a href="account-roles-permissions.html" class="dropdown-item @@account_roles">Roles &
+                            permissions</a>
+                        <a href="account-pricing.html" class="dropdown-item @@account_pricing">Pricing</a>
+                    </div>
+                </div>
+                <div class="static">
+                    <a data-bs-offset="80,-54" data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--folder-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Projects</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50">
+                        <a href="project-scrum-board.html" class="dropdown-item @@project_scrum">Scrum board</a>
+                        <a href="projects-list.html" class="dropdown-item @@projects_list">List</a>
+                        <a href="project-details.html" class="dropdown-item @@project_details">Details</a>
+                        <a href="project-tasks.html" class="dropdown-item @@project_tasks">Tasks</a>
+                    </div>
+                </div>
+                <div class="static">
+                    <a data-bs-offset="80,-54" data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--shirt]"></span>
+                        </span>
+                        <span class="sidebar-text">Products</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50">
+                        <a href="products-list.html" class="dropdown-item @@products_list">List</a>
+                        <a href="product-details.html" class="dropdown-item @@product_details">Details</a>
+                        <a href="product-edit.html" class="dropdown-item @@product_edit">Edit</a>
+                        <a href="product-add.html" class="dropdown-item @@product_add">Add</a>
+                    </div>
+                </div>
+                <div class="static">
+                    <a data-bs-offset="80,-54" data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--users]"></span>
+                        </span>
+                        <span class="sidebar-text">Customers</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50">
+                        <a href="customer-list.html" class="dropdown-item @@customer_list">List</a>
+                        <a href="customer-details.html" class="dropdown-item @@customer_details">Details</a>
+                        <a href="customer-edit.html" class="dropdown-item @@customer_edit">Edit</a>
+                        <a href="customer-create.html" class="dropdown-item @@customer_create">Create</a>
+                    </div>
+                </div>
+                <div class="static">
+                    <a data-bs-offset="80,-54" data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--life-buoy]"></span>
+                        </span>
+                        <span class="sidebar-text">Help center</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50">
+                        <a href="support-hub.html" class="dropdown-item @@support_hub">Support hub</a>
+                        <a href="support-articles.html" class="dropdown-item @@support_articles">Articles</a>
+                        <a href="support-article.html" class="dropdown-item @@support_article">Article</a>
+                        <a href="support-articles-manage.html" class="dropdown-item @@support_articles_manage">Manage
+                            articles</a>
+                    </div>
+                </div>
+                <div class="static">
+                    <a data-bs-offset="80,-54" data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--file-code-2]"></span>
+                        </span>
+                        <span class="sidebar-text">Components</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50 overflow-hidden">
+                        <div class=" max-h-[320px] overflow-y-auto">
+
+                            <span class="block px-2 pt-2 pb-1 text-xs opacity-50">Basic</span>
+                            <a href="component-alert.html" class="dropdown-item @@component_alert">Alert</a>
+                            <a href="component-avatar.html" class="dropdown-item @@component_avatar">Avatar</a>
+                            <a href="component-animation.html" class="dropdown-item @@component_animation">Animation</a>
+                            <a href="component-button.html" class="dropdown-item @@component_button">Button</a>
+                            <a href="component-badge.html" class="dropdown-item @@component_badge">Badge</a>
+                            <a href="component-breadcrum.html" class="dropdown-item @@component_breadcrumb">Breadcrumb</a>
+                            <a href="component-card.html" class="dropdown-item @@component_card">Card</a>
+                            <a href="component-collapse.html" class="dropdown-item @@component_collapse">Collapse</a>
+                            <a href="component-dropdown.html" class="dropdown-item @@component_dropdown">Dropdown</a>
+                            <a href="component-icons.html" class="dropdown-item @@component_icons">Icons</a>
+                            <a href="component-grid.html" class="dropdown-item @@component_grid">Grid</a>
+                            <a href="component-modal.html" class="dropdown-item @@component_modal">Modal</a>
+                            <a href="component-notifications.html"
+                                class="dropdown-item @@component_notifications">Notifications</a>
+                            <a href="component-offcanvas.html" class="dropdown-item @@component_offcanvas">Offcanvas</a>
+                            <a href="component-progress.html" class="dropdown-item @@component_progress">Progress</a>
+                            <a href="component-pagination.html" class="dropdown-item @@component_pagination">Pagination</a>
+                            <a href="component-tabbed-content.html" class="dropdown-item @@component_tabs">Tabbed
+                                Content</a>
+                            <a href="component-table.html" class="dropdown-item @@component_table">Table</a>
+                            <a href="component-typography.html" class="dropdown-item @@component_typography">Typography</a>
+                            <a href="component-tooltip.html" class="dropdown-item @@component_tooltip">Tooltip &
+                                popovers</a>
+
+
+                            <span class="block px-2 pt-2 pb-1 text-xs opacity-50">Graph</span>
+                            <a href="graphs-echarts.html" class="dropdown-item @@graph_chart">Echarts</a>
+                            <a href="graphs-map.html" class="dropdown-item @@grap_map">Map</a>
+
+
+                            <span class="block px-2 pt-2 pb-1 text-xs opacity-50">Forms</span>
+                            <a href="forms-input.html" class="dropdown-item @@form_input">Input</a>
+                            <a href="forms-radio-checkbox.html" class="dropdown-item @@form_radio_checkbox">Radio &
+                                checkbox</a>
+                            <a href="forms-select.html" class="dropdown-item @@form_select">Select</a>
+                            <a href="forms-validation.html" class="dropdown-item @@form_validation">Validation</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="static">
+                    <a data-bs-offset="80,-54" data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center active">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Layouts</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50">
+                        <a href="layout-default.html" class="dropdown-item @@layout_default">Default</a>
+                        <a href="layout-compact.html" class="dropdown-item active">Compact
+                        </a>
+                        <a href="layout-horizontal.html" class="dropdown-item @@layout_horizontal">Horizontal</a>
+                        <a href="layout-combo.html" class="dropdown-item @@layout_combo">Combo</a>
+                    </div>
+                </div>
+                <div class="static">
+                    <a data-bs-auto-close="outside" data-bs-offset="80,-54" data-bs-boundry="viewport"
+                        data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--files]"></span>
+                        </span>
+                        <span class="sidebar-text">Pages</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50 overflow-hidden">
+                        <div class="max-h-[320px] overflow-y-auto">
+                            <span class="block px-3 py-2 text-sm opacity-50">Extras</span>
+                            <a href="page-invoice.html" class="dropdown-item layouts_invoice">Invoice</a>
+                            <a href="page-search-results.html" class="dropdown-item layouts_search">Search results</a>
+                            <span class="block px-3 py-2 text-sm opacity-50">Misc</span>
+                            <a href="page-blank.html" class="dropdown-item layouts_blank">Blank</a>
+                            <a href="page-error-404.html" class="dropdown-item layouts_404">Error 404</a>
+
+                            <span class="block px-3 py-2 text-sm opacity-50">Authentication</span>
+                            <a href="auth-signin.html" class="dropdown-item">Signin</a>
+                            <a href="auth-signup.html" class="dropdown-item">Signup</a>
+                            <a href="auth-forgot-password.html" class="dropdown-item">Forgot password</a>
+                        </div>
+
+                    </div>
+                </div>
+            </nav>
+        </div>
+        <div class="px-2 py-4 flex flex-col items-center justify-center shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="0,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="w-8 h-8 flex flex-col items-center justify-center">
+                    <img src="images/avatars/thumb-1.jpg" class="w-8 rounded-full" alt="">
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <h6 class="font-semibold">Emily Docker</h6>
+                            <p class="text-xs text-zinc-500">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+    </aside>
+    <main class="flex-1 lg:ms-24 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 py-4 lg:px-8">
+            <h2 class="text-xl mb-2">Compact Layout</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Layouts</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Compact</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+           
+           
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/layout-default.html b/public_html/raven-demo/layout-default.html
new file mode 100644
index 0000000..704df41
--- /dev/null
+++ b/public_html/raven-demo/layout-default.html
@@ -0,0 +1,980 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <title>Raven - Admin Dashboard</title>
+     <link rel="icon" href="images/favicon.png" type="image/png">
+     <!--Simplebar-->
+     <link rel="stylesheet" href="vendor/css/simplebar.css">
+     <!--:Fonts:-->
+     <link rel="preconnect" href="https://fonts.googleapis.com">
+     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+     <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+     <!--:Main Style:-->
+     <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item layouts_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item layouts_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item layouts_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item layouts_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item active">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Default Layout</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Layouts</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Default</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+           
+           
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/layout-horizontal.html b/public_html/raven-demo/layout-horizontal.html
new file mode 100644
index 0000000..b74e3b9
--- /dev/null
+++ b/public_html/raven-demo/layout-horizontal.html
@@ -0,0 +1,663 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    
+    <!--:Page css:-->
+    <link rel="stylesheet" href="vendor/css/sweetalert2.min.css">
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <link rel="stylesheet" type="text/css" href="vendor/css/daterangepicker.css" />
+     <title>Raven - Admin Dashboard</title>
+     <link rel="icon" href="images/favicon.png" type="image/png">
+     <!--Simplebar-->
+     <link rel="stylesheet" href="vendor/css/simplebar.css">
+     <!--:Fonts:-->
+     <link rel="preconnect" href="https://fonts.googleapis.com">
+     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+     <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+     <!--:Main Style:-->
+     <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <header class="px-4 lg:px-8 z-50 shadow-card fixed w-full start-0 top-0 bg-white dark:bg-zinc-950 header-horizontal">
+        <div class="relative py-3 lg:py-0 flex flex-wrap items-center justify-center">
+            <!--:Navbar brand:-->
+            <a href="index.html" class="flex items-center relative z-[1] me-4">
+                <span
+                    class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                    <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                </span>
+            </a>
+            <div class="flex items-center space-x-1 shrink-0 ms-auto lg:order-last">
+                <!--:Navbar toggler:-->
+                <button type="button" data-bs-toggle="collapse" data-bs-target="#appNavbar" aria-label="toggle navbar"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+                    <span class="icon-[iconoir--menu] text-lg"></span>
+                </button>
+                <!--:Search:-->
+                <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800">
+                    <span class="icon-[lucide--search]"></span>
+                </button>
+                <!--:TLang:-->
+                  <!--:Theme Lang switcher:-->
+                    <div class="relative">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                      </button>
+                      <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                        <a href="#!" class="dropdown-item active group gap-2.5">
+                            <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group gap-2.5">
+                            <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group gap-2.5">
+                            <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                      </div>
+                    </div>
+
+                <!--:Notifications:-->
+                    <div class="sm:relative">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <span class="icon-[lucide--bell] text-lg"></span>
+                        <!--:Notification badge with animation:-->
+                        <span class="absolute right-1 top-1 flex size-2">
+                          <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                          <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                        </span>
+                      </button>
+                      <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                        <div class="px-3 pt-3 flex justify-between items-center">
+                          <h5 class="text-lg">Notifications</h5>
+                          <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                            <span class="icon-[lucide--mail-open]"></span>
+                          </button>
+                        </div>
+                        <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                              <span class="icon-[lucide--database] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                              <small class="text-muted">Just now</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                              <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                              <small class="text-muted">1h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                             <span class="icon-[lucide--check] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">Backup completed successfully</div>
+                              <small class="text-muted">2h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                             <span class="icon-[lucide--user] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">Profile updated successfully</div>
+                              <small class="text-muted">3h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                              <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                              <div><span
+                                  class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                              </div>
+                              <small class="text-muted">2d</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                              <span class="icon-[lucide--component] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">API updated</div>
+                              <small class="text-muted">3d</small>
+                            </div>
+                          </a>
+                        </div>
+                        <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                          <a href="#!"
+                            class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                            All</a>
+                        </div>
+                      </div>
+                    </div>
+
+                <!--:Apps:-->
+                    <div class="lg:relative hidden lg:block">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <span class="icon-[lucide--component] text-lg"></span>
+                      </button>
+                      <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                        <div class="flex flex-wrap p-2">
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Mailchimp</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span class="truncate block">Analytics</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>WebDev</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Jira</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Gitlab</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Evernote</span>
+                            </a>
+                          </div>
+                        </div>
+                        <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                          <a href="#!"
+                            class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                            All</a>
+                        </div>
+                      </div>
+                    </div>
+
+                <div class="relative">
+                  <button type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                    <span class="icon-[lucide--settings] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                    <div class="mb-3 px-3 pt-2">
+                      <h5>Theme</h5>
+                    </div>
+
+                    <div class="flex flex-wrap px-3 pb-2 gap-2">
+                      <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #636DFF;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="navyTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #0E6DD9;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #049772;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #D300C5;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                    </div>
+                    <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                      <label class="flex items-center cursor-pointer dropdown-item">
+                        <span class="icon-[lucide--sun-moon] me-1"></span>
+                        <span class="flex-grow text-sm me-2">Dark mode</span>
+                        <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                      </label>
+                    </div>
+                    <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                      <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                        <span class="text-sm">Enable RTL</span>
+                        <input type="checkbox" class="input-switch" id="toggleRTL" />
+                      </label>
+      
+                    </div>
+                    <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                            <h5 class="px-3 mb-2">Sidebar</h5>
+                            <div class="radio-group flex items-center">
+                                <div class="radio-option flex-grow">
+                                    <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                    <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                      <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                        <span class="w-6 h-full bg-white rounded-sm"></span>
+                                      </span>
+                                      <span class="block text-sm text-zinc-400">
+                                        Light
+                                      </span>
+                                    </label>
+                                </div>
+                                <div class="radio-option flex-grow">
+                                    <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                    <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                       <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                         <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                      </span>
+                                      <span class="block text-sm text-zinc-400">
+                                        Dark
+                                      </span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                  </div>
+                </div>
+                  <!--:User:-->
+                    <div class="relative ms-1">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <img src="images/avatars/thumb-1.jpg" class="size-6 rounded-lg" alt="">
+                      </button>
+                      <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                         <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                                    <img src="images/avatars/thumb-1.jpg" class="w-6 shrink-0 rounded-lg shrink-0" alt="">
+                                    <div class="flex-grow">
+                                        <p class="text-sm text-muted">Signed in as</p>
+                                        <p class="text-sm">emily.d@mail.com</p>
+                                    </div>
+                                    <span class="shrink-0 pl-2">
+                                        <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                                    </span>
+                                </div>
+                                <a href="account-profile.html" class="dropdown-item">
+                                    <span class="dropdown-icon">
+                                        <span class="icon-[lucide--user]"></span>
+                                    </span>Profile</a>
+                                <a href="account-settings.html" class="dropdown-item">
+                                    <span class="dropdown-icon">
+                                        <span class="icon-[lucide--settings]"></span>
+                                    </span>Settings</a>
+                                <hr class="border-zinc-100 dark:border-white/5 my-2">
+                                <a href="auth-signin.html" class="dropdown-item">
+                                    <span class="dropdown-icon">
+                                        <span class="icon-[lucide--log-out]"></span>
+                                    </span>Sign out</a>
+                      </div>
+                    </div>
+            </div>
+            <div class="collapse navbar-collapse w-full lg:flex-grow lg:w-auto lg:visible flex flex-wrap lg:justify-end items-center !visible lg:!flex lg:basis-auto basis-full lg:pt-0 lg:!bg-transparent"
+                id="appNavbar">
+                <div
+                    class="navbar-nav relative mt-4 lg:mt-0 flex flex-col lg:gap-4 gap-0.5 lg:flex-row lg:items-center bg-white dark:bg-zinc-950 lg:!bg-transparent w-full overflow-y-auto lg:overflow-visible lg:h-auto max-h-[80vh]">
+                    <div class="relative">
+                        <a data-bs-display="static" data-bs-toggle="dropdown" href="#"
+                            class="navbar-link active">
+                            Dashboard <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                        </a>
+                        <div class="dropdown-menu lg:absolute w-48 !top-full lg:mt-1.5 z-50">
+                            <a href="index.html" class="dropdown-item active">
+                                <span class="icon-[lucide--file-chart-column] text-lg me-2 text-primary"></span>
+                                Analytics</a>
+                            <a href="index-ecommerce.html" class="dropdown-item @@ecommerce">
+                                <span class="icon-[lucide--shopping-bag] text-lg me-2 text-amber-500"></span> Ecommerce</a>
+                            <a href="index-marketing.html" class="dropdown-item @@marketing">
+                                <span class="icon-[lucide--diamond-percent] text-lg me-2 text-pink-500"></span>
+                                Marketing</a>
+                                <a href="index-social.html" class="dropdown-item @@marketing">
+                                <span class="icon-[lucide--diamond-percent] text-lg me-2 text-orange-500"></span>
+                                Social</a>
+                            <a href="index-jobs.html" class="dropdown-item @@jobs">
+                                <span class="icon-[lucide--briefcase-business] text-lg me-2 text-sky-500"></span> Jobs</a>
+                        </div>
+                    </div>
+                    <a href="widgets.html" class="navbar-link ">
+                        Widgets
+                    </a>
+                    <div class="relative">
+                        <a data-bs-display="static" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="#"
+                            class="navbar-link ">
+                            Apps <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                        </a>
+                        <div class="dropdown-menu lg:absolute !top-full lg:mt-1.5 w-48 z-50">
+                            <div class="relative">
+                                <a href="#" data-bs-display="static" data-bs-toggle="dropdown" data-bs-auto-close="outside"
+                                    class="dropdown-item flex @@app_projects">Projects
+                                    <span class="icon-[lucide--chevron-right] navbar-arrow ms-auto"></span>
+                                </a>
+                                <div class="dropdown-menu lg:start-full lg:end-auto top-0 lg:ms-3.5">
+                                    <a href="project-scrum-board.html" class="dropdown-item @@project_scrum">Scrum board</a>
+                                    <a href="projects-list.html" class="dropdown-item @@projects_list">List</a>
+                                    <a href="project-details.html" class="dropdown-item @@project_details">Details</a>
+                                    <a href="project-tasks.html" class="dropdown-item @@project_tasks">Tasks</a>
+                                </div>
+                            </div>
+                            <div class="relative">
+                                <a href="#" data-bs-display="static" data-bs-toggle="dropdown" data-bs-auto-close="outside"
+                                    class="dropdown-item flex @@app_customers">Customers
+                                    <span class="icon-[lucide--chevron-right] navbar-arrow ms-auto"></span>
+                                </a>
+                                <div class="dropdown-menu lg:start-full lg:end-auto top-0 lg:ms-3.5">
+                                    <a href="customer-list.html" class="dropdown-item @@customer_list">List</a>
+                                    <a href="customer-details.html" class="dropdown-item @@customer_details">Details</a>
+                                    <a href="customer-edit.html" class="dropdown-item @@customer_edit">Edit</a>
+                                    <a href="customer-create.html" class="dropdown-item @@customer_create">Create</a>
+                                </div>
+                            </div>
+                            <div class="relative">
+                                <a href="#" data-bs-display="static" data-bs-toggle="dropdown" data-bs-auto-close="outside"
+                                    class="dropdown-item flex @@app_products">Products
+                                    <span class="icon-[lucide--chevron-right] navbar-arrow ms-auto"></span>
+                                </a>
+                                <div class="dropdown-menu lg:start-full lg:end-auto top-0 lg:ms-3.5">
+                                    <a href="products-list.html" class="dropdown-item @@products_list">List</a>
+                                    <a href="product-details.html" class="dropdown-item @@product_details">Details</a>
+                                    <a href="product-edit.html" class="dropdown-item @@product_edit">Edit</a>
+                                    <a href="product-add.html" class="dropdown-item @@product_add">Add</a>
+                                </div>
+                            </div>
+                            <a href="app-inbox.html" class="dropdown-item @@app_inbox">Inbox</a>
+                            <a href="app-chat.html" class="dropdown-item @@app_chat">Chat</a>
+                            <a href="app-calendar.html" class="dropdown-item @@app_calendar">Calendar</a>
+                            <a href="app-file-manager.html" class="dropdown-item @@app_file_manager">File manager</a>
+                            <a href="app-api.html" class="dropdown-item @@app_api">API</a>
+                        </div>
+                    </div>
+                    <div class="relative">
+                        <a data-bs-display="static" data-bs-toggle="dropdown" href="#"
+                            class="navbar-link ">
+                            Account <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                        </a>
+                        <div class="dropdown-menu lg:absolute !top-full lg:mt-1.5 w-48 z-50">
+                            <a href="account-profile.html" class="dropdown-item @@account_profile">Profile</a>
+                            <a href="account-settings.html" class="dropdown-item @@account_settings">Settings</a>
+                            <a href="account-activity-log.html" class="dropdown-item @@account_activty">Acitivity log</a>
+                            <a href="account-roles-permissions.html" class="dropdown-item @@account_roles">Roles &
+                                permissions</a>
+                            <a href="account-pricing.html" class="dropdown-item @@account_pricing">Pricing</a>
+                        </div>
+                    </div>
+                    <div class="relative">
+                        <a data-bs-display="static" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="#"
+                            class="navbar-link ">
+                            Pages <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                        </a>
+                        <div class="dropdown-menu lg:absolute !top-full lg:mt-1.5 w-48 z-50">
+                            <a href="page-invoice.html" class="dropdown-item dashboards_invoice">Invoice</a>
+                            <a href="page-search-results.html" class="dropdown-item dashboards_search">Search results</a>
+                            <a href="page-blank.html" class="dropdown-item dashboards_blank">Blank</a>
+                            <a href="page-error-404.html" class="dropdown-item dashboards_404">Error 404</a>
+                            <a href="auth-signin.html" class="dropdown-item">Signin</a>
+                            <a href="auth-signup.html" class="dropdown-item">Signup</a>
+                            <a href="auth-forgot-password.html" class="dropdown-item">Forgot password</a>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="#"
+                            class="navbar-link ">
+                            Components <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                        </a>
+                        <div class="dropdown-menu lg:absolute start-0 !top-full lg:mt-2 w-48 z-50">
+                            <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
+                                <div class="md:col-span-6">
+                                    <span class="block px-3 pt-2 pb-1 text-xs opacity-50">Basic</span>
+                                    <div class="grid grid-cols-2 gap-4">
+                                        <div>
+                                            <a href="component-alert.html" class="dropdown-item @@component_alert">Alert</a>
+                                            <a href="component-avatar.html"
+                                                class="dropdown-item @@component_avatar">Avatar</a>
+                                            <a href="component-animation.html"
+                                                class="dropdown-item @@component_animation">Animation</a>
+                                            <a href="component-button.html"
+                                                class="dropdown-item @@component_button">Button</a>
+                                            <a href="component-badge.html" class="dropdown-item @@component_badge">Badge</a>
+                                            <a href="component-breadcrum.html"
+                                                class="dropdown-item @@component_breadcrumb">Breadcrumb</a>
+                                            <a href="component-card.html" class="dropdown-item @@component_card">Card</a>
+                                            <a href="component-collapse.html"
+                                                class="dropdown-item @@component_collapse">Collapse</a>
+                                            <a href="component-dropdown.html"
+                                                class="dropdown-item @@component_dropdown">Dropdown</a>
+                                            <a href="component-icons.html" class="dropdown-item @@component_icons">Icons</a>
+                                            <a href="component-grid.html" class="dropdown-item @@component_grid">Grid</a>
+                                            <a href="component-modal.html" class="dropdown-item @@component_modal">Modal</a>
+                                        </div>
+                                        <div>
+                                            <a href="component-notifications.html"
+                                                class="dropdown-item @@component_notifications">Notifications</a>
+                                            <a href="component-offcanvas.html"
+                                                class="dropdown-item @@component_offcanvas">Offcanvas</a>
+                                            <a href="component-progress.html"
+                                                class="dropdown-item @@component_progress">Progress</a>
+                                            <a href="component-pagination.html"
+                                                class="dropdown-item @@component_pagination">Pagination</a>
+                                            <a href="component-tabbed-content.html"
+                                                class="dropdown-item @@component_tabs">Tabbed Content</a>
+                                            <a href="component-table.html" class="dropdown-item @@component_table">Table</a>
+                                            <a href="component-typography.html"
+                                                class="dropdown-item @@component_typography">Typography</a>
+                                            <a href="component-tooltip.html"
+                                                class="dropdown-item @@component_tooltip">Tooltip & popovers</a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="md:col-span-3">
+                                    <span class="block px-3 pt-2 pb-1 text-xs opacity-50">Graph</span>
+                                    <a href="graphs-echarts.html" class="dropdown-item @@graph_chart">Echarts</a>
+                                    <a href="graphs-map.html" class="dropdown-item @@grap_map">Map</a>
+                                </div>
+                                <div class="md:col-span-3">
+                                    <span class="block px-3 pt-2 pb-1 text-xs opacity-50">Forms</span>
+                                    <a href="forms-input.html" class="dropdown-item @@form_input">Input</a>
+                                    <a href="forms-radio-checkbox.html" class="dropdown-item @@form_radio_checkbox">Radio &
+                                        checkbox</a>
+                                    <a href="forms-select.html" class="dropdown-item @@form_select">Select</a>
+                                    <a href="forms-validation.html" class="dropdown-item @@form_validation">Validation</a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="relative">
+                        <a data-bs-display="static" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="#"
+                            class="navbar-link ">
+                            Layouts <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                        </a>
+                        <div class="dropdown-menu lg:absolute !top-full lg:mt-1.5 w-48 z-50">
+                            <a href="layout-default.html" class="dropdown-item @@layout_default">Default</a>
+                            <a href="layout-horizontal.html" class="dropdown-item @@layout_default">Horizontal</a>
+                            <a href="layout-combo.html" class="dropdown-item @@layout_default">Combo</a>
+                            <a href="layout-compact.html" class="dropdown-item @@layout_default">Compact</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </header>
+
+
+
+
+    <!--:Search Modal:-->
+    <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+      tabindex="-1">
+      <div class="modal-dialog relative m-4 pointer-events-none">
+        <!--:Content:-->
+        <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+          <div class="relative">
+            <span
+              class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+              <span class="icon-[lucide--search] text-lg"></span>
+            </span>
+            <button type="button"
+              class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+              data-bs-dismiss="modal">
+              Esc
+            </button>
+            <input name="search" type="text"
+              class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+              autofocus />
+          </div>
+          <!--:Search results:-->
+          <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+            <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+            <ul class="flex flex-col pb-2">
+              <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                <span>Apps</span>
+                <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                <span>Api</span>
+              </li>
+              <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                <span>Dashboard</span>
+                <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                <span>Marketing</span>
+              </li>
+            </ul>
+            <hr class="border-zinc-200 dark:border-zinc-800">
+            <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+            <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+              <li class="flex items-center py-3 justify-between gap-2.5">
+                <div class="flex items-center gap-2.5">
+                  <div class="shrink-0">
+                    <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                  </div>
+                  <div class="flex flex-col gap-0.5">
+                    <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                    <span class="text-sm text-muted">Backend Developer</span>
+                  </div>
+                </div>
+              </li>
+
+              <li class="flex items-center py-3 justify-between gap-2.5">
+                <div class="flex items-center gap-2.5">
+                  <div class="shrink-0">
+                    <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                  </div>
+                  <div class="flex flex-col gap-0.5">
+                    <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                    <span class="text-sm text-muted">Digital Marketer</span>
+                  </div>
+                </div>
+              </li>
+
+              <li class="flex items-center py-3 justify-between gap-2.5">
+                <div class="flex items-center gap-2.5">
+                  <div class="shrink-0">
+                    <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                  </div>
+                  <div class="flex flex-col gap-0.5">
+                    <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                    <span class="text-sm text-muted">Full Stack Developer</span>
+                  </div>
+                </div>
+              </li>
+            </ul>
+            <hr class="border-zinc-200 dark:border-zinc-800">
+            <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+            <ul class="flex flex-col pb-4">
+              <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                              <div class="flex-1 fs-10 title">All customers list</div>
+              </li>
+               <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="badge bg-green-500/20 text-green-500">products:</span>
+                              <div class="flex-1 fs-10 title">Bestselling products</div>
+              </li>
+               <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                              <div class="flex-1 fs-10 title">All upcoming events</div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!--:Header divider:-->
+<div class="min-h-16 relative w-full"></div>
+   <main class="flex-1 flex flex-col app-content">
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 pt-4 pb-4 flex flex-col sm:flex-row sm:items-center">
+            <div class="flex-grow">
+                <h2 class="text-xl font-semibold text-black dark:text-white">Layout Horizontal</h2>
+
+            </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow">
+           
+        </div>
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+   
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/modal-examples.html b/public_html/raven-demo/modal-examples.html
new file mode 100644
index 0000000..01c6fec
--- /dev/null
+++ b/public_html/raven-demo/modal-examples.html
@@ -0,0 +1,1692 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item modals_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item modals_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item modals_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item modals_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div class="print:hidden">
+            <div
+              class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+              <div class="shrink-0 flex items-center space-x-1">
+                <!--:Sidebar toggler:-->
+                <button type="button" data-toggle="app_sidebar" 
+                  class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+                  <span class="icon-[iconoir--menu] text-lg"></span>
+                </button>
+                <!--:Search:-->
+                <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                    class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                    <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                    <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+                  </button>
+              </div>
+              <div class="flex items-center space-x-1">
+                <!--:TLang:-->
+                  <!--:Theme Lang switcher:-->
+                    <div class="relative">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                      </button>
+                      <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                        <a href="#!" class="dropdown-item active group gap-2.5">
+                            <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group gap-2.5">
+                            <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group gap-2.5">
+                            <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                      </div>
+                    </div>
+    
+                <!--:Notifications:-->
+                    <div class="sm:relative">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <span class="icon-[lucide--bell] text-lg"></span>
+                        <!--:Notification badge with animation:-->
+                        <span class="absolute right-1 top-1 flex size-2">
+                          <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                          <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                        </span>
+                      </button>
+                      <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                        <div class="px-3 pt-3 flex justify-between items-center">
+                          <h5 class="text-lg">Notifications</h5>
+                          <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                            <span class="icon-[lucide--mail-open]"></span>
+                          </button>
+                        </div>
+                        <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                              <span class="icon-[lucide--database] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                              <small class="text-muted">Just now</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                              <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                              <small class="text-muted">1h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                             <span class="icon-[lucide--check] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">Backup completed successfully</div>
+                              <small class="text-muted">2h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                             <span class="icon-[lucide--user] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">Profile updated successfully</div>
+                              <small class="text-muted">3h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                              <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                              <div><span
+                                  class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                              </div>
+                              <small class="text-muted">2d</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                              <span class="icon-[lucide--component] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">API updated</div>
+                              <small class="text-muted">3d</small>
+                            </div>
+                          </a>
+                        </div>
+                        <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                          <a href="#!"
+                            class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                            All</a>
+                        </div>
+                      </div>
+                    </div>
+    
+                <!--:Apps:-->
+                    <div class="lg:relative hidden lg:block">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <span class="icon-[lucide--component] text-lg"></span>
+                      </button>
+                      <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                        <div class="flex flex-wrap p-2">
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Mailchimp</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span class="truncate block">Analytics</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>WebDev</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Jira</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Gitlab</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Evernote</span>
+                            </a>
+                          </div>
+                        </div>
+                        <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                          <a href="#!"
+                            class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                            All</a>
+                        </div>
+                      </div>
+                    </div>
+                <!--:Theme color switcher:-->
+                <div class="relative">
+                  <button type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                    <span class="icon-[lucide--settings] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                    <div class="mb-3 px-3 pt-2">
+                      <h5>Theme</h5>
+                    </div>
+
+                    <div class="flex flex-wrap px-3 pb-2 gap-2">
+                      <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #636DFF;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="navyTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #0E6DD9;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #049772;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #D300C5;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                    </div>
+                    <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                      <label class="flex items-center cursor-pointer dropdown-item">
+                        <span class="icon-[lucide--sun-moon] me-1"></span>
+                        <span class="flex-grow text-sm me-2">Dark mode</span>
+                        <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                      </label>
+                    </div>
+                    <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                      <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                        <span class="text-sm">Enable RTL</span>
+                        <input type="checkbox" class="input-switch" id="toggleRTL" />
+                      </label>
+      
+                    </div>
+                    <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                            <h5 class="px-3 mb-2">Sidebar</h5>
+                            <div class="radio-group flex items-center">
+                                <div class="radio-option flex-grow">
+                                    <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                    <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                      <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                        <span class="w-6 h-full bg-white rounded-sm"></span>
+                                      </span>
+                                      <span class="block text-sm text-zinc-400">
+                                        Light
+                                      </span>
+                                    </label>
+                                </div>
+                                <div class="radio-option flex-grow">
+                                    <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                    <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                       <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                         <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                      </span>
+                                      <span class="block text-sm text-zinc-400">
+                                        Dark
+                                      </span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+
+            <!--:Search Modal:-->
+            <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+              tabindex="-1">
+              <div class="modal-dialog relative m-4 pointer-events-none">
+                <!--:Content:-->
+                <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                  <div class="relative">
+                    <span
+                      class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                      <span class="icon-[lucide--search] text-lg"></span>
+                    </span>
+                    <button type="button"
+                      class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                      data-bs-dismiss="modal">
+                      Esc
+                    </button>
+                    <input name="search" type="text"
+                      class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                      autofocus />
+                  </div>
+                  <!--:Search results:-->
+                  <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                    <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                    <ul class="flex flex-col pb-2">
+                      <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                        <span>Apps</span>
+                        <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                        <span>Api</span>
+                      </li>
+                      <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                        <span>Dashboard</span>
+                        <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                        <span>Marketing</span>
+                      </li>
+                    </ul>
+                    <hr class="border-zinc-200 dark:border-zinc-800">
+                    <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                    <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                      <li class="flex items-center py-3 justify-between gap-2.5">
+                        <div class="flex items-center gap-2.5">
+                          <div class="shrink-0">
+                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                          </div>
+                          <div class="flex flex-col gap-0.5">
+                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                            <span class="text-sm text-muted">Backend Developer</span>
+                          </div>
+                        </div>
+                      </li>
+
+                      <li class="flex items-center py-3 justify-between gap-2.5">
+                        <div class="flex items-center gap-2.5">
+                          <div class="shrink-0">
+                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                          </div>
+                          <div class="flex flex-col gap-0.5">
+                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                            <span class="text-sm text-muted">Digital Marketer</span>
+                          </div>
+                        </div>
+                      </li>
+
+                      <li class="flex items-center py-3 justify-between gap-2.5">
+                        <div class="flex items-center gap-2.5">
+                          <div class="shrink-0">
+                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                          </div>
+                          <div class="flex flex-col gap-0.5">
+                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                            <span class="text-sm text-muted">Full Stack Developer</span>
+                          </div>
+                        </div>
+                      </li>
+                    </ul>
+                    <hr class="border-zinc-200 dark:border-zinc-800">
+                    <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                    <ul class="flex flex-col pb-4">
+                      <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                      <div class="flex-1 fs-10 title">All customers list</div>
+                      </li>
+                       <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                      <div class="flex-1 fs-10 title">Bestselling products</div>
+                      </li>
+                       <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                      <div class="flex-1 fs-10 title">All upcoming events</div>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </div>
+        </div>
+
+
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Modal examples</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html" class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Modal examples</span></li>
+            </ol>
+        </div>
+        <!--:Page content:-->
+        <div class="content flex-grow lg:px-4">
+            <div class="px-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
+                <!--:Card:-->
+                <div class="rounded-xl p-6 bg-white dark:bg-zinc-900 shadow-card flex flex-col items-center justify-center">
+                    <div class="size-12 flex items-center justify-center rounded-full bg-zinc-100 dark:bg-zinc-800 mb-4">
+                       <span class="icon-[lucide--search] text-xl"></span>
+                    </div>
+                    <h5 class="text-lg mb-3">Modal search</h5>
+                    <button type="button" data-bs-toggle="modal" data-bs-target="#modal_search" class="btn bg-primary text-white hover:bg-primary-deep">Show</button>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl p-6 bg-white dark:bg-zinc-900 shadow-card flex flex-col items-center justify-center">
+                    <div class="size-12 flex items-center justify-center rounded-full bg-zinc-100 dark:bg-zinc-800 mb-4">
+                       <span class="icon-[lucide--users] text-xl"></span>
+                    </div>
+                    <h5 class="text-lg mb-3">Modal contacts list</h5>
+                    <button type="button" data-bs-toggle="modal" data-bs-target="#modalNewChat" class="btn bg-primary text-white hover:bg-primary-deep">Show</button>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl p-6 bg-white dark:bg-zinc-900 shadow-card flex flex-col items-center justify-center">
+                    <div class="size-12 flex items-center justify-center rounded-full bg-zinc-100 dark:bg-zinc-800 mb-4">
+                       <span class="icon-[lucide--user-pen] text-xl"></span>
+                    </div>
+                    <h5 class="text-lg mb-3">Modal edit roles</h5>
+                    <button type="button" data-bs-toggle="modal" data-bs-target="#modalEditRole" class="btn bg-primary text-white hover:bg-primary-deep">Show</button>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl p-6 bg-white dark:bg-zinc-900 shadow-card flex flex-col items-center justify-center">
+                    <div class="size-12 flex items-center justify-center rounded-full bg-zinc-100 dark:bg-zinc-800 mb-4">
+                       <span class="icon-[lucide--clipboard-pen] text-xl"></span>
+                    </div>
+                    <h5 class="text-lg mb-3">Modal new board</h5>
+                    <button type="button" data-bs-toggle="modal" data-bs-target="#modalNewScrumBoard" class="btn bg-primary text-white hover:bg-primary-deep">Show</button>
+                </div>
+                 <!--:Card:-->
+                <div class="rounded-xl p-6 bg-white dark:bg-zinc-900 shadow-card flex flex-col items-center justify-center">
+                    <div class="size-12 flex items-center justify-center rounded-full bg-zinc-100 dark:bg-zinc-800 mb-4">
+                       <span class="icon-[lucide--edit] text-xl"></span>
+                    </div>
+                    <h5 class="text-lg mb-3">Create App</h5>
+                    <button type="button" data-bs-toggle="modal" data-bs-target="#modalCreateApp" class="btn bg-primary text-white hover:bg-primary-deep">Show</button>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Import modals for demo:-->
+       <!--:Modal New chat users list:-->
+          <div id="modalNewChat" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60] hidden [&.show]:flex  overflow-y-auto"
+        tabindex="-1">
+        <div
+          class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+          <div
+            class="modal-content relative max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+            <button type="button"
+                class="absolute ltr:right-2 rtl:left-2 top-2 size-8 !rounded-full btn btn-default !p-0"
+                data-bs-dismiss="modal">
+                <span class="icon-[lucide--x] text-lg"></span>
+              </button>
+            <div class="p-4 lg:p-6">
+              <div class="text-center mb-4">
+                  <h5 class="text-xl text-center mb-1">Contact List</h5>
+              <p>Browse and select contacts to start a conversation</p>
+              </div>
+              <!--:Search:-->
+               <div class="relative mb-4">
+              <span
+                class="pointer-events-none text-lg leading-none absolute ltr:left-3 rtl:right-3 top-1/2 -translate-y-1/2 opacity-50">
+              <span class="icon-[lucide--search]"></span>
+              </span>
+              <input name="search" type="text" class="w-full input ltr:!pl-9 rtl:!pr-9"
+                placeholder="Search..." autofocus />
+            </div>
+              <ul class="flex flex-col gap-y-1 max-h-[320px] overflow-y-auto">
+               <li class="opacity-50">7 Available</li>
+               <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                  <img alt="" src="images/avatars/thumb-5.jpg" class="size-8 shrink-0 rounded-full">
+                  <div class="flex-grow">
+                      <h6>Mary Anderson</h6>
+                      <p>mary@anderson.com</p>
+                  </div>
+               </li>
+               <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                  <img alt="" src="images/avatars/thumb-8.jpg" class="size-8 shrink-0 rounded-full">
+                  <div class="flex-grow">
+                      <h6>Peter Sullivan</h6>
+                      <p>peter@sullivan.com</p>
+                  </div>
+               </li>
+               <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                  <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                  <div class="flex-grow">
+                      <h6>Sarah Bennett</h6>
+                      <p>sarah@bennett.com</p>
+                  </div>
+               </li>
+               <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                  <img alt="" src="images/avatars/thumb-7.jpg" class="size-8 shrink-0 rounded-full">
+                  <div class="flex-grow">
+                      <h6>Matthew Collins</h6>
+                      <p>matthew.collins@gmail.com</p>
+                  </div>
+               </li>
+               <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                  <img alt="" src="images/avatars/thumb-9.jpg" class="size-8 shrink-0 rounded-full">
+                  <div class="flex-grow">
+                      <h6>David Reynolds</h6>
+                      <p>david@reynolds.com</p>
+                  </div>
+               </li>
+               <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                  <img alt="" src="images/avatars/thumb-4.jpg" class="size-8 shrink-0 rounded-full">
+                  <div class="flex-grow">
+                      <h6>Elizabeth Carter</h6>
+                      <p>elizabeth@carter.com</p>
+                  </div>
+               </li>
+               <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                  <img alt="" src="images/avatars/thumb-10.jpg" class="size-8 shrink-0 rounded-full">
+                  <div class="flex-grow">
+                      <h6>Michael Thompson</h6>
+                      <p>michael@thompson.com</p>
+                  </div>
+               </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!--:Modal New chat users list:-->
+      <div id="modalEditRole" role="dialog"
+          class="modal fade fixed w-full h-full left-0 top-0 z-[60] hidden [&.show]:flex  overflow-y-auto" tabindex="-1">
+          <div class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+              <div class="modal-content max-w-4xl mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                  <div class="flex items-center justify-between px-4 py-4">
+                      <div class="flex-grow">
+                          <h5 class="text-lg mb-2">Admin</h5>
+                          <p class="text-muted">Edit roles of Admin</p>
+                      </div>
+                      <button type="button" class=" size-8 rounded-full btn btn-default !p-0" data-bs-dismiss="modal">
+                          <span class="icon-[lucide--x] text-lg"></span>
+                      </button>
+                  </div>
+                  <ul class="flex flex-col divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                      <!--:Role:-->
+                      <li class="px-4 py-3 flex flex-col sm:flex-row sm:items-center gap-3.5">
+                          <div class="flex items-center overflow-hidden gap-3.5 flex-grow">
+                              <div
+                                  class="size-10 shrink-0 rounded-lg flex items-center justify-center border border-zinc-200 dark:border-zinc-800 text-primary">
+                                  <span class="icon-[lucide--user-check] text-xl"></span>
+                              </div>
+                              <div class="flex-grow overflow-hidden">
+                                  <div>
+                                      <h5 class="truncate mb-1">User management</h5>
+                                  <p class="truncate text-sm">Access control for user management</p>
+                                  </div>
+                              </div>
+                          </div>
+                          <div class="flex items-center shrink-0 gap-2 sm:justify-end">
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 active group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Read</button>
+                              </div>
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 active group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Write</button>
+                              </div>
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 active group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Delete</button>
+                              </div>
+                          </div>
+                      </li>
+                      <!--:Role:-->
+                      <li class="px-4 py-3 flex flex-col sm:flex-row sm:items-center gap-3.5">
+                          <div class="flex items-center overflow-hidden gap-3.5 flex-grow">
+                              <div
+                                  class="size-10 shrink-0 rounded-lg flex items-center justify-center border border-zinc-200 dark:border-zinc-800 text-primary">
+                                  <span class="icon-[lucide--file-chart-line] text-xl"></span>
+                              </div>
+                              <div class="flex-grow overflow-hidden">
+                                  <div>
+                                      <h5 class="truncate mb-1">Reports</h5>
+                                  <p class="truncate text-sm">Access control for generating reports</p>
+                                  </div>
+                              </div>
+                          </div>
+                          <div class="flex items-center shrink-0 gap-2 sm:justify-end">
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 active group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Read</button>
+                              </div>
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Write</button>
+                              </div>
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Delete</button>
+                              </div>
+                          </div>
+                      </li>
+                      <!--:Role:-->
+                      <li class="px-4 py-3 flex flex-col sm:flex-row sm:items-center gap-3.5">
+                          <div class="flex items-center overflow-hidden gap-3.5 flex-grow">
+                              <div
+                                  class="size-10 shrink-0 rounded-lg flex items-center justify-center border border-zinc-200 dark:border-zinc-800 text-primary">
+                                  <span class="icon-[lucide--database-backup] text-xl"></span>
+                              </div>
+                              <div class="flex-grow overflow-hidden">
+                                  <div>
+                                      <h5 class="truncate mb-1">System configurations</h5>
+                                  <p class="truncate text-sm">Access control for system settings</p>
+                                  </div>
+                              </div>
+                          </div>
+                          <div class="flex items-center shrink-0 gap-2 sm:justify-end">
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 active group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Read</button>
+                              </div>
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 active group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Write</button>
+                              </div>
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Delete</button>
+                              </div>
+                          </div>
+                      </li>
+                      <!--:Role:-->
+                      <li class="px-4 py-3 flex flex-col sm:flex-row sm:items-center gap-3.5">
+                          <div class="flex items-center overflow-hidden gap-3.5 flex-grow">
+                              <div
+                                  class="size-10 shrink-0 rounded-lg flex items-center justify-center border border-zinc-200 dark:border-zinc-800 text-primary">
+                                  <span class="icon-[lucide--folder-git-2] text-xl"></span>
+                              </div>
+                              <div class="flex-grow overflow-hidden">
+                                  <div>
+                                      <h5 class="truncate mb-1">File management</h5>
+                                  <p class="truncate text-sm">Access control for file management</p>
+                                  </div>
+                              </div>
+                          </div>
+                          <div class="flex items-center shrink-0 gap-2 sm:justify-end">
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 active group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Read</button>
+                              </div>
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Write</button>
+                              </div>
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Delete</button>
+                              </div>
+                          </div>
+                      </li>
+                  </ul>
+                  <!--:Footer:-->
+                  <div class="px-4 py-4 flex items-center justify-end gap-2">
+                      <button type="button" class="btn btn-default" data-bs-dismiss="modal">Cancel</button>
+                      <button type="button" class="btn bg-zinc-700 text-white hover:bg-zinc-800">Update</button>
+                  </div>
+              </div>
+          </div>
+      </div>
+       <!--:Modal New chat users list:-->
+          <div id="modalNewScrumBoard" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+        tabindex="-1">
+        <div
+          class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+          <div
+            class="modal-content max-w-[25rem] mx-auto bg-white relative dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+            <button type="button"
+                class="absolute end-2 top-2 btn btn-default !size-8 !p-0 !rounded-full"
+                data-bs-dismiss="modal">
+                <span class="icon-[lucide--x] text-lg"></span>
+              </button>
+            <div class="p-4 lg:p-6">
+              <div class="mb-4">
+                  <h5 class="text-lg mb-1">Add New Board</h5>
+        
+              </div>
+              <!--:Search:-->
+               <div class="flex items-center gap-2">
+              <input name="addBoard" type="text" class="w-full input input-lg"
+                placeholder="Board Title" autofocus />
+                <button type="button" class="btn btn-lg bg-primary hover:bg-primary-deep text-white">Add</button>
+            </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!--:Modal New chat users list:-->
+      <div id="modalCreateApp" role="dialog"
+          class="modal fade fixed w-full h-full left-0 top-0 z-[60] hidden [&.show]:flex  overflow-y-auto" tabindex="-1">
+          <div class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+              <div class="modal-content max-w-4xl mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                  <div class="flex items-center justify-between p-4 lg:pb-0 lg:p-6">
+                      <div class="flex-grow">
+                          <h5 class="text-lg">Create App</h5>
+                      </div>
+                      <button type="button" class=" size-8 rounded-full btn btn-default !p-0" data-bs-dismiss="modal">
+                          <span class="icon-[lucide--x] text-lg"></span>
+                      </button>
+                  </div>
+
+                  <!--:Create app wizard:-->
+                  <div class="wizard grid grid-cols-1 md:grid-cols-12 gap-4 p-4 lg:p-6" data-wizard>
+                      <div class="md:col-span-4">
+                          <!-- Navigation -->
+                          <ul class="flex flex-col flex-nowrap nav-wizard mb-4 gap-4 md:gap-6">
+                              <li class="wizard-step nav-link flex items-center gap-3.5">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--file-chart-column] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Details</h6>
+                                      <p class="text-sm">App details</p>
+                                  </div>
+                              </li>
+                              <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--box] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Frameworks</h6>
+                                      <p class="text-sm">Select app framework</p>
+                                  </div>
+                              </li>
+                              <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--database] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Database</h6>
+                                      <p class="text-sm">Select app database</p>
+                                  </div>
+                              </li>
+                              <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--credit-card] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Billing</h6>
+                                      <p class="text-sm">Provide payment details</p>
+                                  </div>
+                              </li>
+                              <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--eye] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Overview & Submit</h6>
+                                      <p class="text-sm">Check before submit</p>
+                                  </div>
+                              </li>
+                          </ul>
+                      </div>
+
+                      <div class="md:col-span-8 flex flex-col h-full">
+                          <!-- Panels -->
+                          <div class="wizard-content">
+                              <!--:Details:-->
+                              <div class="wizard-panel">
+                                  <div class="mb-4">
+                                      <span class="block mb-1">
+                                          App name
+                                      </span>
+                                      <input type="text" class="input" placeholder="App name" />
+                                  </div>
+                                  <div class="mb-4">
+                                      <span class="block mb-3">
+                                          Category
+                                      </span>
+
+                                      <!--:Categories:-->
+                                      <div
+                                          class="flex flex-col gap-2 divide-y divide-zinc-200 dark:divide-zinc-700 divide-dashed">
+                                          <!--:Category:-->
+                                          <div class="flex pb-2 items-center justify-between">
+                                              <label for="catCRM" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-amber-500/10 text-amber-500">
+                                                      <span class="icon-[lucide--file-box] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>CRM App</h6>
+                                                      <p>Scales with any business</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appCat" id="catCRM" class="input-radio" checked>
+                                          </div>
+                                          <!--:Category:-->
+                                          <div class="flex pb-2 items-center justify-between">
+                                              <label for="catEcommerce"
+                                                  class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-green-500/10 text-green-500">
+                                                      <span class="icon-[lucide--shopping-bag] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>eCommerce Platforms</h6>
+                                                      <p>Grow Your Business With App</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appCat" id="catEcommerce" class="input-radio">
+                                          </div>
+                                          <!--:Category:-->
+                                          <div class="flex items-center justify-between">
+                                              <label for="catSocial" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-pink-500/10 text-pink-500">
+                                                      <span class="icon-[lucide--at-sign] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>Social</h6>
+                                                      <p>Track your social accounts</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appCat" id="catSocial" class="input-radio">
+                                          </div>
+                                      </div>
+                                  </div>
+                              </div>
+
+
+                              <!--:Framework:-->
+                              <div class="wizard-panel">
+                                  <span class="block mb-3">
+                                      Select Framework
+                                  </span>
+
+                                  <!--:Frameworks:-->
+                                  <div
+                                      class="flex flex-col gap-2 divide-y divide-zinc-200 dark:divide-zinc-700 divide-dashed">
+                                      <!--:Framework:-->
+                                      <div class="flex pb-2 items-center justify-between">
+                                          <label for="frameworkHTML" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                              <div
+                                                  class="flex items-center justify-center size-12 rounded-lg bg-amber-500/10 text-amber-500">
+                                                  <span class="icon-[tabler--brand-html5] text-xl"></span>
+                                              </div>
+                                              <div class="flex-grow">
+                                                  <h6>HTML5</h6>
+                                                  <p>Progressive Framework</p>
+                                              </div>
+                                          </label>
+                                          <input type="radio" name="appFrameworks" id="frameworkHTML" class="input-radio"
+                                              checked>
+                                      </div>
+                                      <!--:Framework:-->
+                                      <div class="flex pb-2 items-center justify-between">
+                                          <label for="frameworkReact"
+                                              class="flex items-center gap-3 flex-grow cursor-pointer">
+                                              <div
+                                                  class="flex items-center justify-center size-12 rounded-lg bg-sky-500/10 text-sky-500">
+                                                  <span class="icon-[tabler--brand-react] text-xl"></span>
+                                              </div>
+                                              <div class="flex-grow">
+                                                  <h6>React</h6>
+                                                  <p>Create SPA apps</p>
+                                              </div>
+                                          </label>
+                                          <input type="radio" name="appFrameworks" id="frameworkReact" class="input-radio">
+                                      </div>
+                                      <!--:Framework:-->
+                                      <div class="flex pb-2 items-center justify-between">
+                                          <label for="frameworkNG" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                              <div
+                                                  class="flex items-center justify-center size-12 rounded-lg bg-pink-500/10 text-pink-500">
+                                                  <span class="icon-[tabler--brand-angular] text-xl"></span>
+                                              </div>
+                                              <div class="flex-grow">
+                                                  <h6>Angular</h6>
+                                                  <p>Create large apps</p>
+                                              </div>
+                                          </label>
+                                          <input type="radio" name="appFrameworks" id="frameworkNG" class="input-radio">
+                                      </div>
+                                      <!--:Framework:-->
+                                      <div class="flex pb-2 items-center justify-between">
+                                          <label for="frameworkVue" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                              <div
+                                                  class="flex items-center justify-center size-12 rounded-lg bg-green-500/10 text-green-500">
+                                                  <span class="icon-[tabler--brand-vue] text-xl"></span>
+                                              </div>
+                                              <div class="flex-grow">
+                                                  <h6>VueJs</h6>
+                                                  <p>Create vueJs apps</p>
+                                              </div>
+                                          </label>
+                                          <input type="radio" name="appFrameworks" id="frameworkVue" class="input-radio">
+                                      </div>
+                                  </div>
+                              </div>
+
+
+                              <!--:Database:-->
+                              <div class="wizard-panel">
+                                  <div class="mb-4">
+                                      <span class="block mb-1">
+                                          Database name
+                                      </span>
+                                      <input type="text" class="input" placeholder="Database name" />
+                                  </div>
+                                  <div class="mb-4">
+                                      <span class="block mb-3">
+                                          Select Database
+                                      </span>
+
+                                      <!--:Database list:-->
+                                      <div
+                                          class="flex flex-col gap-2 divide-y divide-zinc-200 dark:divide-zinc-700 divide-dashed">
+                                          <!--:database:-->
+                                          <div class="flex pb-2 items-center justify-between">
+                                              <label for="dataBaseFire"
+                                                  class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-orange-500/10 text-orange-500">
+                                                      <span class="icon-[tabler--brand-firebase] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>Firebase</h6>
+                                                      <p>Cloud Firestone</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appDatabase" id="dataBaseFire" class="input-radio">
+                                          </div>
+                                          <!--:database:-->
+                                          <div class="flex pb-2 items-center justify-between">
+                                              <label for="dataBaseAWS"
+                                                  class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-purple-500/10 text-purple-500">
+                                                      <span class="icon-[tabler--brand-aws] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>AWS</h6>
+                                                      <p>Amazon Fast NoSQL Database</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appDatabase" id="dataBaseAWS" class="input-radio">
+                                          </div>
+                                          <!--:database:-->
+                                          <div class="flex items-center justify-between">
+                                              <label for="dataBaseSQL"
+                                                  class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-pink-500/10 text-pink-500">
+                                                      <span class="icon-[lucide--database] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>MySQL</h6>
+                                                      <p>Basic MySQL database</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appDatabase" id="dataBaseSQL" class="input-radio"
+                                                  checked>
+                                          </div>
+                                      </div>
+                                  </div>
+                              </div>
+
+
+                              <!--:Billing:-->
+                              <div class="wizard-panel">
+                                  <p class="mb-4">Provide payment details below</p>
+                                  <div class="mb-4">
+                                      <span class="block mb-1">
+                                          Card number
+                                      </span>
+                                      <input type="text" class="input" id="cardNumber">
+                                  </div>
+                                  <div class="mb-4 flex flex-wrap -mx-4">
+                                      <div class="w-full mb-4 px-4 md:w-6/12">
+                                          <span class="block mb-1">
+                                              Name on card
+                                          </span>
+                                          <input type="text" placeholder="John Doe" class="input" id="cardHolderName">
+                                      </div>
+                                      <div class="w-full mb-4 px-4 md:w-3/12">
+                                          <span class="block mb-1">
+                                              Expiry date
+                                          </span>
+                                          <input type="text" class="input" placeholder="MM/YY" id="cardExpiry">
+                                      </div>
+                                      <div class="w-full mb-4 px-4 md:w-3/12">
+                                          <span class="block mb-1">
+                                              CVV
+                                          </span>
+                                          <input type="text" class="input" placeholder="123" id="cardCVV">
+                                      </div>
+                                  </div>
+                                  <div class="flex items-center gap-2.5">
+                                      <input type="checkbox" id="savePayment" class="input-switch">
+                                      <label for="savePayment" class="cursor-pointer text-muted">Save this card</label>
+                                  </div>
+                              </div>
+
+                              <!--:Overview & Submit:-->
+                              <div class="wizard-panel">
+                                  <div
+                                      class="flex flex-col gap-4 divide-y divide-zinc-200 dark:divide-zinc-700 divide-dashed">
+                                      <div class="pb-4">
+                                          <p>Review and click on finish to complete your new app create</p>
+                                      </div>
+                                      <div class="pb-4">
+                                          <p class="text-muted text-sm mb-1">App name:</p>
+                                          <h6>Raven Pro</h6>
+                                      </div>
+                                      <div class="pb-4">
+                                          <p class="text-muted text-sm mb-2">Framework:</p>
+                                          <div class="flex items-center gap-3.5">
+                                              <span
+                                                  class="size-8 bg-orange-500/10 text-orange-500 rounded-md flex items-center justify-center shrink-0">
+                                                  <span class="icon-[tabler--brand-angular] text-xl"></span>
+                                              </span>
+                                              <h6>Angular</h6>
+                                          </div>
+                                      </div>
+                                      <div class="pb-4">
+                                          <p class="text-muted text-sm mb-2">Database details:</p>
+                                          <div class="flex items-center gap-3.5">
+                                              <span
+                                                  class="size-8 bg-red-500/10 text-red-500 rounded-md flex items-center justify-center shrink-0">
+                                                  <span class="icon-[tabler--brand-firebase] text-xl"></span>
+                                              </span>
+                                              <h6>Firebase - ravedb</h6>
+                                          </div>
+                                      </div>
+                                      <div class="pb-4">
+                                          <p class="text-muted">
+                                              By clicking on <strong>Finish</strong>, you agree to our
+                                              <a href="#!" class="text-primary border-b border-dashed hover:text-current">
+                                                  Terms &amp; Conditions
+                                              </a>.
+                                          </p>
+                                      </div>
+                                  </div>
+                              </div>
+                          </div>
+
+                          <!-- Actions -->
+                          <div class="wizard-actions pt-4 mt-auto flex items-center justify-between">
+                              <button class="prev-btn btn btn-default disabled:opacity-50 disabled:pointer-events-none"
+                                  disabled>
+                                  Previous</button>
+                              <button class="next-btn btn bg-primary text-white hover:bg-primary-deep">
+                                  Next</button>
+                          </div>
+                      </div>
+                  </div>
+              </div>
+          </div>
+      </div>
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Create app form payment details formatter:-->
+    <script src="vendor/js/cleave.min.js"></script>
+    <script>
+        new Cleave('#cardNumber', {
+      creditCard: true,
+      onCreditCardTypeChanged: function (type) {
+        console.log('Detected card type:', type);
+        // you could show a logo here dynamically
+      }
+    });
+     // Expiry date formatting (MM/YY)
+    new Cleave('#cardExpiry', {
+      date: true,
+      datePattern: ['m', 'y']
+    });
+
+    // CVV - numeric only
+    new Cleave('#cardCVV', {
+      numeral: true,
+      numeralPositiveOnly: true,
+      numeralIntegerScale: 4 // allows 3 or 4 digits
+    });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/page-blank.html b/public_html/raven-demo/page-blank.html
new file mode 100644
index 0000000..6c34f45
--- /dev/null
+++ b/public_html/raven-demo/page-blank.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <main class="flex-1 flex flex-col app-content">
+        
+        <!--:Page Header:-->
+        <div class="px-4 pt-4 pb-4 flex flex-col sm:flex-row sm:items-center">
+            <div class="flex-grow mb-3 sm:mb-0">
+                <h2 class="text-xl font-semibold mb-1 text-black dark:text-white">Page Blank</h2>
+                <p class="mb-3">A clean slate to start building your custom page</p>
+                <a href="index.html" class="text-primary border-b border-dashed">Back to Home</a>
+            </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex-grow lg:px-4">
+            <!--:Add content to page blank from here:-->
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/page-error-404.html b/public_html/raven-demo/page-error-404.html
new file mode 100644
index 0000000..cf0568d
--- /dev/null
+++ b/public_html/raven-demo/page-error-404.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <main class="flex-1 flex flex-col app-content">
+      
+         <!--:Page content:-->
+        <div class="content flex-grow flex flex-col items-center justify-center">
+            <div class="text-center px-4 py-4">
+                <h2 class="text-6xl mb-2 text-muted">404</h2>
+                <h3 class="text-2xl mb-2">Page Not Found</h3>
+                <p class="mb-5 text-muted">The page you’re looking for doesn’t exist or has been moved.</p>
+                <a href="index.html" class="btn bg-primary text-white hover:bg-primary-deep">Back to Home</a>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/page-invoice.html b/public_html/raven-demo/page-invoice.html
new file mode 100644
index 0000000..9b57c4e
--- /dev/null
+++ b/public_html/raven-demo/page-invoice.html
@@ -0,0 +1,1098 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item active">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item pages_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item pages_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item pages_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div class="print:hidden">
+            <div
+              class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+              <div class="shrink-0 flex items-center space-x-1">
+                <!--:Sidebar toggler:-->
+                <button type="button" data-toggle="app_sidebar" 
+                  class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+                  <span class="icon-[iconoir--menu] text-lg"></span>
+                </button>
+                <!--:Search:-->
+                <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                    class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                    <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                    <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+                  </button>
+              </div>
+              <div class="flex items-center space-x-1">
+                <!--:TLang:-->
+                  <!--:Theme Lang switcher:-->
+                    <div class="relative">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                      </button>
+                      <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                        <a href="#!" class="dropdown-item active group gap-2.5">
+                            <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group gap-2.5">
+                            <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group gap-2.5">
+                            <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                      </div>
+                    </div>
+    
+                <!--:Notifications:-->
+                    <div class="sm:relative">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <span class="icon-[lucide--bell] text-lg"></span>
+                        <!--:Notification badge with animation:-->
+                        <span class="absolute right-1 top-1 flex size-2">
+                          <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                          <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                        </span>
+                      </button>
+                      <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                        <div class="px-3 pt-3 flex justify-between items-center">
+                          <h5 class="text-lg">Notifications</h5>
+                          <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                            <span class="icon-[lucide--mail-open]"></span>
+                          </button>
+                        </div>
+                        <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                              <span class="icon-[lucide--database] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                              <small class="text-muted">Just now</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                              <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                              <small class="text-muted">1h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                             <span class="icon-[lucide--check] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">Backup completed successfully</div>
+                              <small class="text-muted">2h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                             <span class="icon-[lucide--user] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">Profile updated successfully</div>
+                              <small class="text-muted">3h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                              <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                              <div><span
+                                  class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                              </div>
+                              <small class="text-muted">2d</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                              <span class="icon-[lucide--component] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">API updated</div>
+                              <small class="text-muted">3d</small>
+                            </div>
+                          </a>
+                        </div>
+                        <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                          <a href="#!"
+                            class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                            All</a>
+                        </div>
+                      </div>
+                    </div>
+    
+                <!--:Apps:-->
+                    <div class="lg:relative hidden lg:block">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <span class="icon-[lucide--component] text-lg"></span>
+                      </button>
+                      <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                        <div class="flex flex-wrap p-2">
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Mailchimp</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span class="truncate block">Analytics</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>WebDev</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Jira</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Gitlab</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Evernote</span>
+                            </a>
+                          </div>
+                        </div>
+                        <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                          <a href="#!"
+                            class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                            All</a>
+                        </div>
+                      </div>
+                    </div>
+                <!--:Theme color switcher:-->
+                <div class="relative">
+                  <button type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                    <span class="icon-[lucide--settings] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                    <div class="mb-3 px-3 pt-2">
+                      <h5>Theme</h5>
+                    </div>
+
+                    <div class="flex flex-wrap px-3 pb-2 gap-2">
+                      <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #636DFF;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="navyTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #0E6DD9;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #049772;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #D300C5;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                    </div>
+                    <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                      <label class="flex items-center cursor-pointer dropdown-item">
+                        <span class="icon-[lucide--sun-moon] me-1"></span>
+                        <span class="flex-grow text-sm me-2">Dark mode</span>
+                        <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                      </label>
+                    </div>
+                    <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                      <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                        <span class="text-sm">Enable RTL</span>
+                        <input type="checkbox" class="input-switch" id="toggleRTL" />
+                      </label>
+      
+                    </div>
+                    <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                            <h5 class="px-3 mb-2">Sidebar</h5>
+                            <div class="radio-group flex items-center">
+                                <div class="radio-option flex-grow">
+                                    <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                    <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                      <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                        <span class="w-6 h-full bg-white rounded-sm"></span>
+                                      </span>
+                                      <span class="block text-sm text-zinc-400">
+                                        Light
+                                      </span>
+                                    </label>
+                                </div>
+                                <div class="radio-option flex-grow">
+                                    <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                    <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                       <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                         <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                      </span>
+                                      <span class="block text-sm text-zinc-400">
+                                        Dark
+                                      </span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+
+            <!--:Search Modal:-->
+            <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+              tabindex="-1">
+              <div class="modal-dialog relative m-4 pointer-events-none">
+                <!--:Content:-->
+                <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                  <div class="relative">
+                    <span
+                      class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                      <span class="icon-[lucide--search] text-lg"></span>
+                    </span>
+                    <button type="button"
+                      class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                      data-bs-dismiss="modal">
+                      Esc
+                    </button>
+                    <input name="search" type="text"
+                      class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                      autofocus />
+                  </div>
+                  <!--:Search results:-->
+                  <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                    <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                    <ul class="flex flex-col pb-2">
+                      <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                        <span>Apps</span>
+                        <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                        <span>Api</span>
+                      </li>
+                      <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                        <span>Dashboard</span>
+                        <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                        <span>Marketing</span>
+                      </li>
+                    </ul>
+                    <hr class="border-zinc-200 dark:border-zinc-800">
+                    <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                    <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                      <li class="flex items-center py-3 justify-between gap-2.5">
+                        <div class="flex items-center gap-2.5">
+                          <div class="shrink-0">
+                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                          </div>
+                          <div class="flex flex-col gap-0.5">
+                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                            <span class="text-sm text-muted">Backend Developer</span>
+                          </div>
+                        </div>
+                      </li>
+
+                      <li class="flex items-center py-3 justify-between gap-2.5">
+                        <div class="flex items-center gap-2.5">
+                          <div class="shrink-0">
+                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                          </div>
+                          <div class="flex flex-col gap-0.5">
+                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                            <span class="text-sm text-muted">Digital Marketer</span>
+                          </div>
+                        </div>
+                      </li>
+
+                      <li class="flex items-center py-3 justify-between gap-2.5">
+                        <div class="flex items-center gap-2.5">
+                          <div class="shrink-0">
+                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                          </div>
+                          <div class="flex flex-col gap-0.5">
+                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                            <span class="text-sm text-muted">Full Stack Developer</span>
+                          </div>
+                        </div>
+                      </li>
+                    </ul>
+                    <hr class="border-zinc-200 dark:border-zinc-800">
+                    <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                    <ul class="flex flex-col pb-4">
+                      <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                      <div class="flex-1 fs-10 title">All customers list</div>
+                      </li>
+                       <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                      <div class="flex-1 fs-10 title">Bestselling products</div>
+                      </li>
+                       <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                      <div class="flex-1 fs-10 title">All upcoming events</div>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content flex-grow lg:px-4">
+            <div class="px-4 py-4">
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card"
+                    id="invoicePrint">
+                    <!--Invoive Header-->
+                    <div class="flex sm:justify-between flex-col sm:flex-row p-4 border-b border-zinc-200 dark:border-zinc-800">
+                        <div class="mb-4 sm:mb-0">
+                            <h3 class="mb-3 text-lg">Invoice</h3>
+                            <ul class="list-unstyled table mb-0">
+                                <li
+                                    class="flex items-center border-b border-zinc-200 dark:border-zinc-800 pb-1 mb-1">
+                                    <span class="pe-3 small">Invoice Id :</span>
+                                    <span class="mb-0 flex-grow-1 fw-bold text-end">#9-0004</span>
+                                </li>
+                                <li
+                                    class="flex items-center border-b border-zinc-200 dark:border-zinc-800 pb-1 mb-1">
+                                    <span class="pe-3 small">Invoice Date :</span>
+                                    <span class="mb-0 fw-bold flex-grow-1 text-end">24-Sep-2021</span>
+                                </li>
+                                <li class="flex items-center">
+                                    <span class="pe-3 small">Total Due :</span>
+                                    <span class="mb-0 fw-bold flex-grow-1 text-end">$18,750.00</span>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="sm:ms-auto sm:text-end">
+                            <img src="images/brands/duolingo.svg" class="w-8 mb-2 block sm:ms-auto h-auto" alt="">
+                            <p class="mb-0">
+                                info@duolingo.com
+                            </p>
+                            <hr class="border-zinc-200 my-3 dark:border-zinc-800">
+                            <small class="text-body-secondary">Bill to</small>
+                            <p class="mb-0">
+                                Adam Voges<br>
+                                0123 Lorem Street<br>
+                                Philadelphia, PA 19111<br>
+                                +01 123 456 78
+                            </p>
+                        </div>
+                    </div>
+
+                    <!--Table-->
+                    <div class="overflow-x-auto mb-4">
+                        <table class="w-full table-default border-b border-zinc-200 dark:border-zinc-800">
+                            <thead class="small">
+                                <tr>
+                                    <th style="min-width: 300px;">Description</th>
+                                    <th>Hours</th>
+                                    <th>Rate</th>
+                                    <th class="text-end">Amount</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr class="align-middle">
+                                    <td>
+                                        <h5 class="mb-1">
+                                            Responsive Design
+                                        </h5>
+                                        <p class="small d-print-none mb-0">
+                                            Lorem ipsum is placeholder text commonly used in
+                                            the graphic and other industries.
+                                        </p>
+                                    </td>
+                                    <td class="text-reset">40</td>
+                                    <td class="text-reset">$50.00</td>
+                                    <td class="text-end width-90">$2000.00</td>
+                                </tr>
+                                <tr class="align-middle">
+                                    <td>
+                                        <h5 class="mb-1">
+                                            Logo Design
+                                        </h5>
+                                        <p class="small d-print-none mb-0">
+                                            Lorem ipsum is placeholder text commonly used in
+                                            the graphic and other industries.
+                                        </p>
+                                    </td>
+                                    <td class="text-reset">20</td>
+                                    <td class="text-reset">$30.00</td>
+                                    <td class="text-end width-90">$600.00</td>
+                                </tr>
+                                <tr class="align-middle">
+                                    <td>
+                                        <h5 class="mb-1">
+                                            Prototype &amp; Design
+                                        </h5>
+                                        <p class="small d-print-none mb-0">
+                                            Lorem ipsum is placeholder text commonly used in
+                                            the graphic and other industries.
+                                        </p>
+                                    </td>
+                                    <td class="text-reset">61</td>
+                                    <td class="text-reset">$50.00</td>
+                                    <td class="text-end width-90">$3050.00</td>
+                                </tr>
+                                <tr class="align-middle">
+                                    <td>
+                                        <h5 class="mb-1">
+                                            CMS Development
+                                        </h5>
+                                        <p class="small d-print-none mb-0">
+                                            Lorem ipsum is placeholder text commonly used in
+                                            the graphic and other industries.
+                                        </p>
+                                    </td>
+                                    <td class="text-reset">100</td>
+                                    <td class="text-reset">$90.00</td>
+                                    <td class="text-end width-90">$9000.00</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <!--Table end-->
+                    <div class="my-4 px-4 text-start sm:text-end">
+                        <p class="text-lg font-semibold text-muted">Total:</p>
+                        <div class="space-y-1 pt-2">
+                            <p>Summary : <span class="font-semibold">$7320</span></p>
+                            <p>Discount : <span class="font-semibold">$20</span></p>
+                            <p>Tax : <span class="font-semibold">20%</span></p>
+                            <p class="text-lg text-primary">Total: <span
+                                    class="font-semibold">$8780</span></p>
+                        </div>
+                    </div>
+                    <div class="flex print:hidden pt-0 p-4 justify-between items-center">
+                        <div class="col-auto me-auto">
+                            <a href="#!" class="btn bg-primary text-white hover:bg-primary-deep">Pay Now</a>
+                        </div>
+                        <div class="col-auto">
+                            <a class="btn btn-default" href="javascript:window.print()">
+                                <span class="icon-[lucide--printer] text-lg me-1"></span> print
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/page-search-results.html b/public_html/raven-demo/page-search-results.html
new file mode 100644
index 0000000..fecd91e
--- /dev/null
+++ b/public_html/raven-demo/page-search-results.html
@@ -0,0 +1,1097 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item pages_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item active">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item pages_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item pages_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content flex-grow lg:px-4">
+            <div class="px-4 py-4 max-w-4xl mx-auto">
+                
+                <!--:filter nav:-->
+                <nav class="nav-underline flex items-center gap-4 mb-4">
+                    <a href="#!"
+                        class="nav-link active">All</a>
+                    <a href="#!"
+                        class="nav-link">Files</a>
+                    <a href="#!"
+                        class="nav-link">Contacts</a>
+                    <a href="#!"
+                        class="nav-link">Tasks</a>
+                </nav>
+                <!--:Search results:-->
+                <div class="flex flex-col rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                    <div class="px-4 py-3.5">
+                       <span class="text-muted"><span class="font-semibold text-primary">24</span> results found for <span
+                            class="text-primary">'project'</span></span>
+                    </div>
+                    <!--:Result:-->
+                    <a href="#!" class="px-4 py-3.5 group hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                        <div class="flex items-center gap-4">
+                            <img src="images/brands/duolingo.svg" class="shrink-0 rounded-xl w-16" alt="">
+                            <div class="flex-grow overflow-hidden">
+                                <span class="font-semibold group-hover:text-primary flex items-center gap-2 mb-1 truncate">
+                                    <span class="icon-[iconoir--link]"></span> https://loremipsum.com</span>
+
+                                <h5 class="mb-1 truncate">Optimize user experience with powerful search <span
+                                        class="highlight">analytics</span></h5>
+                                <p class="mb-0 truncate opacity-75">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and
+                                    publishing industries for previewing layouts and visual mockups.
+                                </p>
+                            </div>
+                        </div>
+                    </a>
+                    <!--:Result:-->
+                    <a href="#!" class="px-4 py-3.5 group hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                        <div class="flex items-center gap-4">
+                            <img src="images/brands/equacoin.svg" class="shrink-0 rounded-xl w-16" alt="">
+                            <div class="flex-grow overflow-hidden">
+                                <span class="font-semibold group-hover:text-primary flex items-center gap-2 mb-1 truncate">
+                                    <span class="icon-[iconoir--link]"></span> https://loremipsum.com</span>
+
+                                <h5 class="mb-1 truncate">Optimize user experience with powerful search <span
+                                        class="highlight">analytics</span></h5>
+                                <p class="mb-0 truncate opacity-75">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and
+                                    publishing industries for previewing layouts and visual mockups.
+                                </p>
+                            </div>
+                        </div>
+                    </a>
+                    <!--:Result:-->
+                    <a href="#!" class="px-4 py-3.5 group hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                        <div class="flex items-center gap-4">
+                            <img src="images/brands/evernote.svg" class="shrink-0 rounded-xl w-16" alt="">
+                            <div class="flex-grow overflow-hidden">
+                                <span class="font-semibold group-hover:text-primary flex items-center gap-2 mb-1 truncate">
+                                    <span class="icon-[iconoir--link]"></span> https://loremipsum.com</span>
+
+                                <h5 class="mb-1 truncate">Optimize user experience with powerful search <span
+                                        class="highlight">analytics</span></h5>
+                                <p class="mb-0 truncate opacity-75">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and
+                                    publishing industries for previewing layouts and visual mockups.
+                                </p>
+                            </div>
+                        </div>
+                    </a>
+                    <!--:Result:-->
+                    <a href="#!" class="px-4 py-3.5 group hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                        <div class="flex items-center gap-4">
+                            <img src="images/brands/figma.svg" class="shrink-0 rounded-xl w-16" alt="">
+                            <div class="flex-grow overflow-hidden">
+                                <span class="font-semibold group-hover:text-primary flex items-center gap-2 mb-1 truncate">
+                                    <span class="icon-[iconoir--link]"></span> https://loremipsum.com</span>
+
+                                <h5 class="mb-1 truncate">Optimize user experience with powerful search <span
+                                        class="highlight">analytics</span></h5>
+                                <p class="mb-0 truncate opacity-75">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and
+                                    publishing industries for previewing layouts and visual mockups.
+                                </p>
+                            </div>
+                        </div>
+                    </a>
+                    <!--:Result:-->
+                    <a href="#!" class="px-4 py-3.5 group hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                        <div class="flex items-center gap-4">
+                            <img src="images/brands/inferno.svg" class="shrink-0 rounded-xl w-16" alt="">
+                            <div class="flex-grow overflow-hidden">
+                                <span class="font-semibold group-hover:text-primary flex items-center gap-2 mb-1 truncate">
+                                    <span class="icon-[iconoir--link]"></span> https://loremipsum.com</span>
+
+                                <h5 class="mb-1 truncate">Optimize user experience with powerful search <span
+                                        class="highlight">analytics</span></h5>
+                                <p class="mb-0 truncate opacity-75">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and
+                                    publishing industries for previewing layouts and visual mockups.
+                                </p>
+                            </div>
+                        </div>
+                    </a>
+                    <!--:Result:-->
+                    <a href="#!" class="px-4 py-3.5 group hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                        <div class="flex items-center gap-4">
+                            <img src="images/brands/mailchimp.svg" class="shrink-0 rounded-xl w-16" alt="">
+                            <div class="flex-grow overflow-hidden">
+                                <span class="font-semibold group-hover:text-primary flex items-center gap-2 mb-1 truncate">
+                                    <span class="icon-[iconoir--link]"></span> https://loremipsum.com</span>
+
+                                <h5 class="mb-1 truncate">Optimize user experience with powerful search <span
+                                        class="highlight">analytics</span></h5>
+                                <p class="mb-0 truncate opacity-75">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and
+                                    publishing industries for previewing layouts and visual mockups.
+                                </p>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+
+                <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-3.5 pt-4">
+                    <small class="text-muted">Showing 1-6 of 24</small>
+                    <!--:Pagination:-->
+<div aria-label="Page navigation example" class="flex items-center justify-end gap-1 pagination">
+    <button class="page-link" disabled type="button">Previous</button>
+    <button class="page-link active" type="button">1</button>
+    <button class="page-link" type="button">2</button>
+    <button class="page-link" type="button">3</button>
+    <button class="page-link" type="button">Next</button>
+</div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/product-add.html b/public_html/raven-demo/product-add.html
new file mode 100644
index 0000000..c91b7a5
--- /dev/null
+++ b/public_html/raven-demo/product-add.html
@@ -0,0 +1,1175 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <!--:Page styles:-->
+     <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item active">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item products_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item products_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item products_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item products_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+<!--:page header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Add Product</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center">
+                    <a href="index.html" class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">
+                        Dashboard</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">products</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Add</span></li>
+            </ol>
+        </div>
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                <div class="md:col-span-7">
+                    <!--:Card:-->
+                     
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                        <div class="p-4 pb-0">
+                            <h5 class="text-lg">Basic Details</h5>
+                            <p class="text-zinc-400">Basic details of product</p>
+                        </div>
+                        <div class="p-4">
+                            <div class="mb-4">
+                                <label class="mb-1 block">Product Name</label>
+                                <input type="text" class="input" placeholder="Name">
+                            </div>
+                            <div class="mb-4">
+                                <label class="mb-1 block">Product ID</label>
+                                <input type="text" class="input" placeholder="ID">
+                            </div>
+                            <div>
+                                <label class="mb-1 block">Description</label>
+                                <div id="editor">
+                                   
+                                </div>
+
+                            </div>
+                        </div>
+
+                    </div>
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                       <div class="p-4 pb-0">
+                            <h5 class="text-lg">Pricing</h5>
+                            <p class="text-zinc-400">Pricing details of product</p>
+                        </div>
+                        <div class="p-4">
+                            <div class="flex flex-wrap -mx-2">
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Price</label>
+                                    <div class="relative">
+                                        <span class="absolute left-4 top-1/2 -translate-y-1/2 pointer-events-none opacity-75">$</span>
+                                        <input type="text" class="input !pl-7" value="299">
+                                    </div>
+                                </div>
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Cost</label>
+                                    <div class="relative">
+                                        <span class="absolute left-4 top-1/2 -translate-y-1/2 pointer-events-none opacity-75">$</span>
+                                        <input type="text" class="input !pl-7" value="199">
+                                    </div>
+                                </div>
+                                <div class="w-full sm:w-6/12 px-2 mb-4 sm:mb-0">
+                                    <label class="mb-1 block">Bulk discount price</label>
+                                    <div class="relative">
+                                        <span class="absolute left-4 top-1/2 -translate-y-1/2 pointer-events-none opacity-75">$</span>
+                                        <input type="text" class="input !pl-7" value="149">
+                                    </div>
+                                </div>
+                                <div class="w-full sm:w-6/12 px-2">
+                                    <label class="mb-1 block">Tax rate(%)</label>
+                                    <input type="text" class="input" value="6">
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="md:col-span-5">
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                         <div class="p-4 pb-0">
+                            <h5 class="text-lg">Product Image</h5>
+                            <p class="text-zinc-400">Choose a product photo or simply drag and drop up to 5 photos here
+                            </p>
+                        </div>
+                        <div class="p-4">
+                            <!-- Dropzone -->
+                            <form action="/upload" class="dropzone flex flex-col" id="my-dropzone">
+                                <div id="image_previews" class="flex flex-wrap -mx-2">
+                                    
+                                </div>
+
+                                <!-- Dropzone Upload Box -->
+                                <div
+                                    class="dz-message w-full bg-zinc-100 dark:bg-zinc-800 p-4 rounded-lg flex flex-col items-center justify-center cursor-pointer">
+                                    <span class="icon-[lucide--upload] text-lg"></span>
+                                    <p class="text-center mt-1 text-sm">
+                                        <span class="text-zinc-800 dark:text-white">Drop
+                                            your image here, or </span><span class="text-primary">Click to browse</span>
+                                    </p>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                        <div class="p-4 pb-0">
+                            <h5 class="text-lg">Attributes</h5>
+                            <p class="text-zinc-400">Attributes of products</p>
+                        </div>
+                        <div class="p-4 flex flex-col space-y-4">
+                            <div class="relative z-[2]">
+                                <label class="mb-2 block">Product tags</label>
+                                <select class="js-select" multiple>
+                                    <option value="Desktop">Desktop</option>
+                                    <option value="Computer">Computer</option>
+                                    <option value="Apple">Apple</option>
+                                    <option value="Mackbook">Mackbook</option>
+                                </select>
+                            </div>
+                            <div>
+                               <label class="mb-2 block">Category</label>
+                                <div class="relative">
+                                    <select class="js-select">
+                                    <option value="Devices" selected>Devices</option>
+                                    <option value="Shoes">Shoes</option>
+                                    <option value="Cloths">Cloths</option>
+                                    <option value="Watches">Watches</option>
+                                </select>
+                                </div>
+                            </div>
+                            <div>
+                                <label class="mb-2 block">Brand Name</label>
+                                <input type="text" placeholder="Brand Name" class="input">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!--:Page footer:-->
+            <div
+                class="pb-4 flex items-center justify-end gap-2.5">
+                <button type="submit"
+                    class="btn border border-red-500 text-red-500 hover:bg-red-500 hover:text-white gap-2"><span
+                        class="icon-[lucide--trash] leading-none">delete</span> Discard</button>
+                <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep gap-2"><span
+                        class="icon-[lucide--upload] leading-none">save</span> Upload</button>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Page scripts:-->
+        <script src="vendor/js/tom-select.complete.min.js"></script>
+  <script>
+    document.querySelectorAll('.js-select').forEach(select => {
+      new TomSelect(select, {
+        
+        create: true
+      });
+    });
+  </script>
+
+    <!--:Editor:-->
+    <script src="vendor/js/quill.js"></script>
+    <script>
+        const quill = new Quill('#editor', {
+            theme: 'snow',
+            modules: {
+                toolbar: [
+                    ['bold', 'italic', 'underline'],        // Custom toolbar options
+                    [{ 'list': 'ordered' }, { 'list': 'bullet' }]
+                ]
+            }
+        });
+    </script>
+
+    <!--:Dropzone file upload:-->
+    <script src="vendor/js/dropzone-min.js"></script>
+    <script>
+        Dropzone.autoDiscover = false;
+
+        const myDropzone = new Dropzone("#my-dropzone", {
+            url: "/upload",
+            maxFilesize: 2, // MB
+            acceptedFiles: "image/*",
+            previewsContainer: "#image_previews",
+            clickable: ".dz-message",
+            previewTemplate: `
+        <div class="dz-preview dz-file-preview relative overflow-hidden w-4/12 px-2 mb-4">
+          <img data-dz-thumbnail class="w-full h-auto rounded-lg p-2 border border-zinc-200 dark:border-zinc-800" />
+          <a data-dz-remove class="dz-remove absolute top-1 right-3 text-white bg-red-500 rounded-full w-6 h-6 flex items-center justify-center text-xs"
+                                            href="javascript:undefined;"><span class="icon-[lucide--x] text-lg"></span></a>
+        </div>
+      `
+        });
+
+        // Optional: Handle removal of default previews
+        document.querySelectorAll('.dz-remove').forEach(btn => {
+            btn.addEventListener('click', function () {
+                this.parentElement.remove();
+            });
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/product-details.html b/public_html/raven-demo/product-details.html
new file mode 100644
index 0000000..113f82a
--- /dev/null
+++ b/public_html/raven-demo/product-details.html
@@ -0,0 +1,1126 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item active">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item products_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item products_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item products_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item products_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+               <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><a href="products-list.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Products</a></li>
+                 <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Details</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex-grow flex flex-col px-4 lg:px-8">
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 mb-4">
+                <div class="flex flex-wrap -mx-4">
+                    <div class="w-full px-4 md:w-5/12">
+                         <a data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Edit Product"
+                          href="product-edit.html" class="btn btn-default size-8 !p-0 ml-auto !rounded-full">
+                        <span class="icon-[lucide--edit] text-lg"></span>
+                       </a>
+                        <div class="flex flex-col gap-4 sm:w-8/12 mx-auto">
+                            <div>
+                                <img src="images/products/single1.png" class="max-w-full">
+                            </div>
+                            <div>
+                                <img src="images/products/single2.png" class="max-w-full">
+                            </div>
+                            <div>
+                                <img src="images/products/single3.png" class="max-w-full">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="w-full px-4 md:w-7/12">
+                        <div class="flex items-center justify-between mb-4">
+                            <div>
+                                <span
+                                    class="badge bg-green-500/10 text-green-500">In
+                                    Stock</span>
+                            </div>
+                            <div class="flex-grow flex items-center justify-end">
+                                <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                <span class="ms-1"><a href="#!" class="hover:text-primary font-semibold">(859 Reviews)</a>
+                                </span>
+                            </div>
+                        </div>
+                        <h4 class="text-lg mb-3">24" iMac® with Retina 4.5K display - Apple M1 8GB Memory - 256GB SSD -
+                            w/Touch ID (Latest Model) - Blue</h4>
+                        <p class="mb-7">CUPERTINO, CA , The M1 CPU allows Apple to deliver an all-new iMac with a lot
+                            more compact
+                            and impressively thin design. The new iMac delivers tremendous performance in an
+                            11.5-millimeter-thin design with a stunning side profile that almost vanishes. iMac includes
+                            a 24-inch 4.5K Retina display with 11.3 million pixels, 500 nits of brightness, and over a
+                            billion colors, giving a beautiful and vivid viewing experience. It is available in a
+                            variety of striking colors to match a user's own style and brighten any area. A 1080p
+                            FaceTime HD camera, studio-quality mics, and a six-speaker sound system are all included in
+                            the new iMac, making it the greatest camera and audio system ever in a Mac. </p>
+                        <div class="grid grid-cols-2 lg:grid-cols-4 gap-4 mb-7">
+                            <div class="p-3 rounded-lg border border-zinc-200 dark:border-zinc-800 border-dashed">
+                                <small class="opacity-50">Category</small>
+                                <h6>Desktop</h6>
+                            </div>
+                            <div class="p-3 rounded-lg border border-zinc-200 dark:border-zinc-800 border-dashed">
+                                <small class="opacity-50">Stock</small>
+                                <h6>3453</h6>
+                            </div>
+                            <div class="p-3 rounded-lg border border-zinc-200 dark:border-zinc-800 border-dashed">
+                                <small class="opacity-50">Sales</small>
+                                <h6>49382</h6>
+                            </div>
+                            <div class="p-3 rounded-lg border border-zinc-200 dark:border-zinc-800 border-dashed">
+                                <small class="opacity-50">Color</small>
+                                <h6 class="flex items-center"> <span
+                                        class="size-3 rounded-full bg-blue-800 block me-2"></span> Blue</h6>
+                            </div>
+                        </div>
+
+                        <h5 class="text-lg mb-4">Latest reviews</h5>
+                        <!--:Reviews:-->
+                        <ul class="flex flex-col divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                            <!--:Review:-->
+                            <li class="py-4 flex flex-col gap-3">
+                                <div class="flex">
+                                    <img src="images/avatars/thumb-1.jpg" class="size-8 rounded-full me-3">
+                                    <div class="flex-grow">
+                                        <h6 class="leading-none">Lana Rose</h6>
+                                        <small class="opacity-75 leading-none">3d</small>
+                                    </div>
+                                    <div class="shrink-0 gap-2 flex items-center">
+                                        <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Hide" type="button"
+                                          class="btn btn-default size-8 !p-0 ml-auto !rounded-full">
+                                           <span class="icon-[lucide--eye-off] text-lg"></span>
+                                        </button>
+                                         <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Delete" type="button"
+                                          class="btn btn-default size-8 !p-0 ml-auto !rounded-full">
+                                           <span class="icon-[lucide--trash] text-lg"></span>
+                                        </button>
+                                    </div>
+                                </div>
+                                <div>
+                                    <!--:Review Text:-->
+                                    <div class="flex items-center mb-2">
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+
+                                    </div>
+                                    <h6 class="mb-1">Great product, would buy again!</h6>
+                                    <p>"This mackboonk desktop is amazing, the quality is top-notch. Totally worth the
+                                        price and lorem ipsum scally utter shambles blighty squirrel"</p>
+                                </div>
+                            </li>
+                             <!--:Review:-->
+                            <li class="py-4 flex flex-col gap-3">
+                                <div class="flex">
+                                    <img src="images/avatars/thumb-1.jpg" class="size-8 rounded-full me-3">
+                                    <div class="flex-grow">
+                                        <h6 class="leading-none">Lana Rose</h6>
+                                        <small class="opacity-75 leading-none">3d</small>
+                                    </div>
+                                    <div class="shrink-0 gap-2 flex items-center">
+                                         <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Hide" type="button"
+                                          class="btn btn-default size-8 !p-0 ml-auto !rounded-full">
+                                           <span class="icon-[lucide--eye-off] text-lg"></span>
+                                        </button>
+                                         <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Delete" type="button"
+                                          class="btn btn-default size-8 !p-0 ml-auto !rounded-full">
+                                           <span class="icon-[lucide--trash] text-lg"></span>
+                                        </button>
+                                    </div>
+                                </div>
+                                <div>
+                                    <!--:Review Text:-->
+                                    <div class="flex items-center mb-2">
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+
+                                    </div>
+                                    <h6 class="mb-1">Great product, would buy again!</h6>
+                                    <p>"This mackboonk desktop is amazing, the quality is top-notch. Totally worth the
+                                        price and lorem ipsum scally utter shambles blighty squirrel"</p>
+                                </div>
+                            </li>
+                             <!--:Review:-->
+                            <li class="py-4 flex flex-col gap-3">
+                               <div class="text-center">
+                                <button type="button" class="btn bg-primary hover:bg-primary-deep text-white cursor-pointer">Manage Reviews</button>
+                               </div>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/product-edit.html b/public_html/raven-demo/product-edit.html
new file mode 100644
index 0000000..4e8a9e8
--- /dev/null
+++ b/public_html/raven-demo/product-edit.html
@@ -0,0 +1,1200 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <!--:Page styles:-->
+     <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item active">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item products_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item products_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item products_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item products_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+<!--:page header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Edit</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center">
+                    <a href="index.html" class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">
+                        Dashboard</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">products</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Apple Macbook</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                <div class="md:col-span-7">
+                   
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                        <div class="p-4 pb-0">
+                             <h5 class="text-lg">Basic Details</h5>
+                             <p class="text-zinc-400">Basic details of product</p>
+                        </div>
+                         <div class="p-4">
+                            <div class="mb-4">
+                                <label class="mb-1 block">Product Name</label>
+                                <input type="text" class="input" value="Apple Macbook">
+                            </div>
+                            <div class="mb-4">
+                                <label class="mb-1 block">Product ID</label>
+                                <input type="text" class="input" value="#P12345">
+                            </div>
+                            <div>
+                                <label class="mb-1 block">Description</label>
+                                <div id="editor">
+                                    CUPERTINO, CA , The M1 CPU allows Apple to deliver an all-new iMac with a lot more
+                                    compact and impressively thin design. The new iMac delivers tremendous performance
+                                    in an 11.5-millimeter-thin design with a stunning side profile that almost vanishes.
+                                    iMac includes a 24-inch 4.5K Retina display with 11.3 million pixels, 500 nits of
+                                    brightness, and over a billion colors, giving a beautiful and vivid viewing
+                                    experience. It is available in a variety of striking colors to match a user's own
+                                    style and brighten any area. A 1080p FaceTime HD camera, studio-quality mics, and a
+                                    six-speaker sound system are all included in the new iMac, making it the greatest
+                                    camera and audio system ever in a Mac.
+                                </div>
+
+                            </div>
+                        </div>
+
+                    </div>
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                        <div class="p-4 pb-0">
+                             <h5 class="text-lg">Pricing</h5>
+                             <p class="text-zinc-400">Pricing details of product</p>
+                        </div>
+                        <div class="p-4">
+                            <div class="flex flex-wrap -mx-2">
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Price</label>
+                                    <div class="relative">
+                                        <span class="absolute left-4 top-1/2 -translate-y-1/2 pointer-events-none opacity-75">$</span>
+                                        <input type="text" class="input !pl-7" value="299">
+                                    </div>
+                                </div>
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Cost</label>
+                                    <div class="relative">
+                                        <span class="absolute left-4 top-1/2 -translate-y-1/2 pointer-events-none opacity-75">$</span>
+                                        <input type="text" class="input !pl-7" value="199">
+                                    </div>
+                                </div>
+                                <div class="w-full sm:w-6/12 px-2 mb-4 sm:mb-0">
+                                    <label class="mb-1 block">Bulk discount price</label>
+                                    <div class="relative">
+                                        <span class="absolute left-4 top-1/2 -translate-y-1/2 pointer-events-none opacity-75">$</span>
+                                        <input type="text" class="input !pl-7" value="149">
+                                    </div>
+                                </div>
+                                <div class="w-full sm:w-6/12 px-2">
+                                    <label class="mb-1 block">Tax rate(%)</label>
+                                    <input type="text" class="input" value="6">
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="md:col-span-5">
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                        <div class="p-4 pb-0">
+                             <h5 class="text-lg">Product Image</h5>
+                             <p class="text-zinc-400">
+                                 Choose a product photo or simply drag and drop up to 5 photos here.
+                            
+                             </p>
+                        </div> 
+                        <div class="p-4">
+                            <!-- Dropzone -->
+                            <form action="/upload" class="dropzone flex flex-col" id="my-dropzone">
+                                <div id="image_previews" class="flex flex-wrap -mx-2">
+                                    <!-- Default Preloaded Images -->
+                                    <div
+                                        class="dz-preview dz-processing dz-image-preview relative overflow-hidden w-4/12 px-2 mb-4">
+                                        <img src="images/products/single1.png" class="w-full h-auto rounded-lg p-2 border border-zinc-200 dark:border-zinc-800" />
+                                        <a class="dz-remove absolute top-1 right-3 text-white bg-red-500 rounded-full w-6 h-6 flex items-center justify-center text-xs"
+                                            href="javascript:undefined;"><span class="icon-[lucide--x] text-lg"></span></a>
+                                    </div>
+                                    <div
+                                        class="dz-preview dz-processing dz-image-preview relative overflow-hidden w-4/12 px-2 mb-4">
+                                        <img src="images/products/single2.png" class="w-full h-auto rounded-lg p-2 border border-zinc-200 dark:border-zinc-800" />
+                                        <a class="dz-remove absolute top-1 right-3 text-white bg-red-500 rounded-full w-6 h-6 flex items-center justify-center text-xs"
+                                            href="javascript:undefined;"><span class="icon-[lucide--x] text-lg"></span></a>
+                                    </div>
+                                    <div
+                                        class="dz-preview dz-processing dz-image-preview relative overflow-hidden w-4/12 px-2 mb-4">
+                                        <img src="images/products/single1.png" class="w-full h-auto rounded-lg p-2 border border-zinc-200 dark:border-zinc-800" />
+                                        <a class="dz-remove absolute top-1 right-3 text-white bg-red-500 rounded-full w-6 h-6 flex items-center justify-center text-xs"
+                                            href="javascript:undefined;"><span class="icon-[lucide--x] text-lg"></span></a>
+                                    </div>
+                                </div>
+
+                                <!-- Dropzone Upload Box -->
+                                <div
+                                    class="dz-message w-full bg-zinc-100 dark:bg-zinc-800 p-4 rounded-lg flex flex-col items-center justify-center cursor-pointer">
+                                    <span class="icon-[lucide--upload] text-lg"></span>
+                                    <p class="text-center mt-1 text-sm">
+                                        <span class="text-zinc-800 dark:text-white">Drop
+                                            your image here, or </span><span class="text-primary">Click to browse</span>
+                                    </p>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                       <div class="p-4 pb-0">
+                             <h5 class="text-lg">Attributes</h5>
+                             <p class="text-zinc-400">Product attributes</p>
+                        </div>
+                        <div class="p-4 flex flex-col space-y-4">
+                            <div>
+                                <label class="mb-2 block">Product tags</label>
+                                <select class="js-select" multiple>
+                                    <option value="Desktop" selected>Desktop</option>
+                                    <option value="Computer">Computer</option>
+                                    <option value="Apple" selected>Apple</option>
+                                    <option value="Mackbook">Mackbook</option>
+                                </select>
+                            </div>
+                            <div>
+                                <label class="mb-2 block">Category</label>
+                                 <select class="js-select">
+                                    <option value="Devices" selected>Devices</option>
+                                    <option value="Shoes">Shoes</option>
+                                    <option value="Cloths">Cloths</option>
+                                    <option value="Watches">Watches</option>
+                                </select>
+                            </div>
+                            <div>
+                                <label class="mb-2 block">Brand Name</label>
+                                <input type="text" value="Apple" class="input">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!--:Page footer:-->
+            <div
+                class="pb-4 flex items-center justify-end gap-2.5">
+                <button type="submit"
+                    class="btn border border-red-500 text-red-500 hover:bg-red-500 hover:text-white"><span
+                        class="icon-[lucide--trash] text-lg me-1 leading-none">delete</span> Delete</button>
+                <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep"><span
+                        class="icon-[lucide--upload] text-lg me-1 leading-none">save</span> Save</button>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Page scripts:-->
+    <script src="vendor/js/tom-select.complete.min.js"></script>
+  <script>
+    document.querySelectorAll('.js-select').forEach(select => {
+      new TomSelect(select, {
+        
+        create: true
+      });
+    });
+  </script>
+
+    <!--:Editor:-->
+    <script src="vendor/js/quill.js"></script>
+    <script>
+        const quill = new Quill('#editor', {
+            theme: 'snow',
+            modules: {
+                toolbar: [
+                    ['bold', 'italic', 'underline'],        // Custom toolbar options
+                    [{ 'list': 'ordered' }, { 'list': 'bullet' }]
+                ]
+            }
+        });
+    </script>
+
+    <!--:Dropzone file upload:-->
+    <script src="vendor/js/dropzone-min.js"></script>
+    <script>
+        Dropzone.autoDiscover = false;
+
+        const myDropzone = new Dropzone("#my-dropzone", {
+            url: "/upload",
+            maxFilesize: 2, // MB
+            acceptedFiles: "image/*",
+            previewsContainer: "#image_previews",
+            clickable: ".dz-message",
+            previewTemplate: `
+        <div class="dz-preview dz-file-preview relative overflow-hidden w-4/12 px-2 mb-4">
+          <img data-dz-thumbnail class="w-full h-auto rounded-lg p-2 border border-zinc-200 dark:border-zinc-800" />
+          <a data-dz-remove class="dz-remove absolute top-1 right-3 text-white bg-red-500 rounded-full w-6 h-6 flex items-center justify-center text-xs"
+                                            href="javascript:undefined;"><span class="icon-[lucide--x] text-lg"></span></a>
+        </div>
+      `
+        });
+
+        // Optional: Handle removal of default previews
+        document.querySelectorAll('.dz-remove').forEach(btn => {
+            btn.addEventListener('click', function () {
+                this.parentElement.remove();
+            });
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/products-list.html b/public_html/raven-demo/products-list.html
new file mode 100644
index 0000000..3ed7cc8
--- /dev/null
+++ b/public_html/raven-demo/products-list.html
@@ -0,0 +1,1352 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+       <link rel="stylesheet" href="https://cdn.datatables.net/2.3.3/css/dataTables.dataTables.css">
+    <link rel="stylesheet" href="https://cdn.datatables.net/select/3.0.1/css/select.dataTables.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item active">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item products_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item products_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item products_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item products_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+<!--:page header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Products</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center">
+                    <a href="index.html" class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">
+                        Dashboard</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Products</span></li>
+            </ol>
+        </div>
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow">
+            <div class="grid grid-cols-1 px-4">
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                     <div class="flex flex-wrap gap-2 items-center p-4 border-b border-zinc-500/10 dark:border-zinc-800">
+                        <div class="flex-grow">
+                            <div class="relative">
+                                <input type="search" class="input !ps-9" name="productSearch" id="productSearch"
+                                placeholder="Search product">
+                                <span class="iconify icon-[lucide--search] pointer-events-none absolute start-0 top-0 h-full flex items-center justify-center ms-3 text-muted"></span>
+                            </div>
+                        </div>
+                        <div class="flex items-center flex-wrap justify-end gap-2">
+                            <button id="deleteBtn" class="btn bg-red-500 text-white hover:bg-red-600 cursor-pointer"
+                                style="display: none;">Delete</button>
+                            <div class="flex items-center gap-2">
+                                <div class="relative">
+                                <button data-bs-toggle="dropdown" type="button" class="btn btn-default">
+                                <span class="icon-[lucide--download] text-lg me-1"></span>
+                                Download <span class="icon-[lucide--chevron-down] ms-1"></span></button>
+                                <div class="dropdown-menu w-48 z-50 absolute !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--copy] dropdown-icon"></span> Copy Json
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--printer] dropdown-icon"></span> Print
+                                    </a>
+                                     <a href="#!" class="dropdown-item">
+                                        <img src="images/files/excel.svg" class="h-4 me-2" alt=""> Download Exel
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <img src="images/files/csv.svg" class="h-4 me-2" alt=""> Download .CSV
+                                    </a>
+                                     <a href="#!" class="dropdown-item">
+                                        <img src="images/files/pdf.svg" class="h-4 w-auto me-2" alt=""> Download .PDF
+                                    </a>
+                                </div>
+                            </div>
+                            <a href="product-add.html"
+                                class="btn bg-primary shrink-0 text-white hover:bg-primary-deep">
+                                <span class="icon-[lucide--plus] text-lg me-1"></span>
+                                Add Product</a>
+                            </div>
+                        </div>
+                    </div>
+                     <table id="table_products" class="table-default">
+                            <thead class="">
+                                <tr>
+                                    <th data-orderable="false">
+
+                                    </th>
+                                    <th>
+                                        <div class="flex items-center">
+                                            Product
+                                        </div>
+                                    </th>
+                                    <th>
+                                        Inventory
+                                    </th>
+                                    <th>
+                                         Price
+                                    </th>
+                                    <th>
+                                        SKU
+                                    </th>
+                                    <th>
+                                        Sales
+                                    </th>
+                                    <th data-orderable="false">
+
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>
+
+                                    </td>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/1.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <a href="product-details.html" class="underline hover:no-underline">Android black watch</a>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        35 in stock for 6 variants
+                                    </td>
+                                    <td>$149 </td>
+                                    <td>SKU-6547183398</td>
+                                    <td>
+                                      3282
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+
+                                    </td>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/2.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <a href="product-details.html" class="underline hover:no-underline">Golden earbuds</a>
+                                            </div>
+                                        </div>
+                                    </td>
+                                     <td>
+                                        25 in stock for 4 variants
+                                    </td>
+                                    <td>$149 </td>
+                                    <td>SKU-5948349134</td>
+                                    <td>
+                                      1943
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+
+                                    </td>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/3.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <a href="product-details.html" class="underline hover:no-underline">Waterproof backpack</a>
+                                            </div>
+                                        </div>
+                                    </td>
+                                     <td>
+                                        15 in stock for 3 variants
+                                    </td>
+                                    <td>$129 </td>
+                                    <td>SKU-4416342823</td>
+                                    <td>
+                                        9282
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+
+                                    </td>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/4.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <a href="product-details.html" class="underline hover:no-underline">Wireless headphones</a>
+                                            </div>
+                                        </div>
+                                    </td>
+                                     <td>
+                                        60 in stock for 5 variants
+                                    </td>
+                                    <td>$99 </td>
+                                    <td>SKU-5340199238</td>
+                                    <td>
+                                      2129
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+
+                                    </td>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/5.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <a href="product-details.html" class="underline hover:no-underline">Google Mini</a>
+                                            </div>
+                                        </div>
+                                    </td>
+                                     <td>
+                                        89 in stock for 3 variants
+                                    </td>
+                                    <td>$299 </td>
+                                    <td>SKU-5340199384</td>
+                                    <td>
+                                      6345
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+
+                                    </td>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/6.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                               <a href="product-details.html" class="underline hover:no-underline">Apple earpods pro</a>
+                                            </div>
+                                        </div>
+                                    </td>
+                                     <td>
+                                        21 in stock for 2 variants
+                                    </td>
+                                    <td>$249 </td>
+                                    <td>SKU-1324535483</td>
+                                    <td>
+                                        1394
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+
+                                    </td>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/7.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <a href="product-details.html" class="underline hover:no-underline">Tesla robot</a>
+                                            </div>
+                                        </div>
+                                    </td>
+                                     <td>
+                                        8 in stock for 4 variants
+                                    </td>
+                                    <td>$599 </td>
+                                    <td>SKU-8479139139</td>
+                                    <td>
+                                      1282
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+     <script src="vendor/js/jquery.min.js"></script>
+    <script src="https://cdn.datatables.net/2.3.3/js/dataTables.js"></script>
+    <script src="https://cdn.datatables.net/select/3.0.1/js/dataTables.select.js"></script>
+    <script src="https://cdn.datatables.net/select/3.0.1/js/select.dataTables.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const table = new DataTable('#table_products', {
+                lengthChange: false,
+                pageLength: 9,
+                scrollX: true,
+                dom: 'lrtip',
+                columnDefs: [
+                    {
+                        orderable: false,
+                        searchable: false,
+                        render: DataTable.render.select(),
+                        targets: 0,
+                    }
+                ],
+                select: {
+                    style: 'os',
+                    selector: 'td:first-child',
+                    headerCheckbox: false
+                },
+                order: [[1, 'asc']],
+
+            });
+            const searchInput = document.getElementById('productSearch');
+            searchInput.addEventListener('input', e => {
+                table.search(e.target.value).draw();
+            });
+            const deleteBtn = document.getElementById("deleteBtn");
+            table.on('select deselect', function () {
+                const selectedRows = table.rows({ selected: true }).count();
+                if (selectedRows > 0) {
+                    deleteBtn.style.display = "inline-block";
+                } else {
+                    deleteBtn.style.display = "none";
+                }
+            });
+            deleteBtn.addEventListener('click', () => {
+                table.rows({ selected: true }).remove().draw();
+                deleteBtn.style.display = 'none';
+            });
+        });
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/project-details.html b/public_html/raven-demo/project-details.html
new file mode 100644
index 0000000..acce7ff
--- /dev/null
+++ b/public_html/raven-demo/project-details.html
@@ -0,0 +1,1500 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item active">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item projects_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item projects_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item projects_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item projects_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Project Details</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow">
+            <div class="px-4">
+                <div class="grid grid-cols-1 lg:grid-cols-12 mb-4 gap-4">
+                    <div class="lg:col-span-8">
+                        <!--:Project card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 mb-4 relative">
+                            <div class="flex items-center gap-3.5">
+                                <div class="w-12 h-12 flex items-center justify-center bg-zinc-200 rounded-lg shrink-0">
+                                    <img src="images/brands/figma.svg" class="w-8 h-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h5 class="text-xl">Figma design</h5>
+                                    <span class="leading-none text-sm text-muted">Updated 5 min ago</span>
+                                </div>
+                                <div class="shrink-0">
+                                    <span
+                                        class="badge shrink-0 bg-sky-500/10 text-sky-500">In progress</span>
+                                </div>
+                            </div>
+                            <!--:Description:-->
+                            <hr class="border-zinc-200 dark:border-zinc-800 border-dashed my-5">
+                            <h6 class="text-lg mb-3">Descriptions</h6>
+                            <p class="mb-4">
+                                Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
+                                pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu
+                                aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum
+                                egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper
+                                vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos
+                                himenaeos.
+                            </p>
+                            <p>
+                                Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus
+                                bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut
+                                hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra
+                                inceptos himenaeos.
+                            </p>
+                            <hr class="border-zinc-200 dark:border-zinc-800 border-dashed my-5">
+                            <h6 class="text-lg mb-4">Information</h6>
+                            <div class="grid gap-2 grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
+                                <div class="flex flex-col gap-1">
+                                    <small class="text-muted">Client</small>
+                                    <h6>Acme Agency inc.</h6>
+                                </div>
+                                <div class="flex flex-col gap-1">
+                                    <small class="text-muted">Start date</small>
+                                    <h6>09 Mar 2025</h6>
+                                </div>
+                                <div class="flex flex-col gap-1">
+                                    <small class="text-muted">Budget</small>
+                                    <h6>$35K-40K</h6>
+                                </div>
+                                 <div class="flex flex-col gap-1">
+                                    <small class="text-muted">Created by</small>
+                                    <div class="flex items-center">
+                                        <img src="images/avatars/thumb-5.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                    <h6>Emily Grace</h6>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                          <!--:Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div
+                                class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Recent activity</h5>
+                                <label class="flex items-center text-sm gap-2 cursor-pointer">
+                                    <span class="flex-grow text-muted">Auto refresh</span>
+                                    <input class="input-switch" name="activityRefresh" checked type="checkbox"
+                                        value="1">
+                                </label>
+                            </div>
+                            <div class="p-4">
+                                <span class="font-semibold text-sm block mb-2 text-muted">Today</span>
+                                <!--:Timeline:-->
+                                <ul class="timeline">
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img src="images/avatars/thumb-3.jpg" class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Angelina
+                                                            Gotelli</span><span> has changed </span><span
+                                                            class="font-semibold">#ts-212</span><span>
+                                                            status to </span><span
+                                                            class="font-semibold text-green-500">Completed</span>
+                                                        <span class="block mt-1 text-xs text-muted">10:15
+                                                            AM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img src="images/avatars/thumb-6.jpg" class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Max Alexander</span>
+                                                        comment on your post
+                                                        <a href="#!"
+                                                            class="font-semibold text-primary hover:text-primary-deep">Top
+                                                            10 Tech Trends</a>
+                                                        <span class="text-xs mt-1 text-muted block">11:50
+                                                            AM</span>
+                                                    </p>
+                                                    <div class="p-3 mt-3 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                                                        <p class="mb-2">
+                                                            Lorem ipsum is text commonly used in the print, and
+                                                            publishing industries for previewing layouts and visual
+                                                            mockups
+                                                        </p>
+                                                        <a href="#!"
+                                                            class="hover:text-primary border-b text-sm font-semibold border-dashed">
+                                                            <span class="icon-[lucide--reply]"></span>
+                                                            Reply</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <span
+                                                        class="size-7 flex items-center justify-center rounded-full bg-primary text-white">
+                                                        <span class="icon-[lucide--hash]"></span>
+                                                    </span>
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Eugene
+                                                            Stewart</span><span> added tags </span>
+                                                        <span
+                                                            class="badge bg-sky-500/10 text-sky-500">Tailwindcss</span>
+                                                        <span
+                                                            class="badge bg-red-500/10 text-red-500">Gulp</span>
+
+                                                        <span class="block text-xs mt-1 text-muted">12:50
+                                                            PM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        
+                    </div>
+                    <div class="lg:col-span-4">
+                        
+                      <!--:Tasks:-->
+                        <div class="divide-dashed divide-y divide-zinc-500/10 dark:divide-zinc-800 overflow-hidden rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4" id="task-board">
+                            <!-- Parent Task -->
+                            <div
+                                class="mb-2 pb-2 parent-task group">
+                                <div
+                                    class="flex items-center justify-between px-4 pt-4 pb-2.5">
+                                    <div class="flex items-center">
+                                    <h5 class="text-lg">Today's tasks</h5>
+                                    </div>
+                                    <a href="project-scrum-board.html" class="btn btn-default btn-sm">Scrum board</a>
+                                </div>
+
+                                <!-- Child Tasks List -->
+                                <ul
+                                    class="divide-y px-4 whitespace-nowrap overflow-x-auto divide-zinc-500/10 dark:divide-zinc-800 child-list">
+                                    <!--:Child task item:-->
+                                    <li class="flex items-start py-2.5 child-task min-w-max">
+
+                                        <!--:Drag handler:-->
+                                          <span class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                         <!--:Task desc:-->
+                                        <div class="flex items-center flex-grow px-3">
+                                            <input type="checkbox" id="task1" class="me-2 input-checkbox shrink-0 peer" />
+                                            <label for="task1"
+                                                class="peer-checked:line-through peer-checked:opacity-50">
+                                                Authentication problem
+                                            </label>
+                                        </div>
+                                        <!--:Date/priority/status:-->
+                                        <div class="flex items-center space-x-2 text-sm shrink-0">
+                                            <span class="badge bg-sky-500/10 text-sky-500">In
+                                                Progress</span>
+                                        </div>
+                                    </li>
+                                    <!--:Child task item:-->
+                                    <li class="flex items-start py-2.5 child-task min-w-max">
+
+                                        <!--:Drag handler:-->
+                                          <span class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                         <!--:Task desc:-->
+                                        <div class="flex items-center flex-grow px-3">
+                                            <input type="checkbox" id="task2" class="me-2 input-checkbox shrink-0 peer"/>
+                                            <label for="task2"
+                                                class="peer-checked:line-through peer-checked:opacity-50">
+                                                Bug in search functionality
+                                            </label>
+                                        </div>
+                                        <!--:Date/priority/status:-->
+                                        <div class="flex items-center space-x-2 text-sm shrink-0">
+                                            <span class="badge bg-amber-500/10 text-amber-500">Pending</span>
+                                            
+                                        </div>
+                                    </li>
+                                    <!--:Child task item:-->
+                                    <li class="flex items-start py-2.5 child-task min-w-max">
+
+                                        <!--:Drag handler:-->
+                                          <span class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                         <!--:Task desc:-->
+                                        <div class="flex items-center flex-grow px-3">
+                                            <input type="checkbox" id="task3" class="me-2 input-checkbox shrink-0 peer" />
+                                            <label for="task3"
+                                                class="peer-checked:line-through peer-checked:opacity-50">
+                                                Unable to upload files
+                                            </label>
+                                        </div>
+                                        <!--:Date/priority/status:-->
+                                        <div class="flex items-center space-x-2 text-sm shrink-0">
+                                            <span class="badge bg-sky-500/10 text-sky-500">In
+                                                Progress</span>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div
+                                class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Team memebers</h5>
+                            </div>
+                            <!--:Team list:-->
+                            <ul class="px-4 py-1 divide-y flex flex-col divide-zinc-500/10 dark:divide-zinc-800">
+                                 <li class="flex items-center gap-3.5 py-3">
+                                    <img src="images/avatars/thumb-10.jpg" class="size-8 shrink-0 rounded-full">
+                                    <div class="flex-grow">
+                                        <h6 class="truncate">James Brown</h6>
+                                        <p class="text-sm">Project leader</p>
+                                    </div>
+                                    <div class="shrink-0">
+                                        <button data-bs-toggle="tooltip" data-bs-title="Send message" type="button"
+                                            class="btn btn-default size-7 !p-0 ml-auto">
+                                            <span class="icon-[lucide--message-circle-more]"></span>
+                                        </button>
+                                    </div>
+                                </li>
+                                <li class="flex items-center gap-3.5 py-3">
+                                    <img src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                                    <div class="flex-grow">
+                                        <h6 class="truncate">Emily Grace Johnson</h6>
+                                        <p class="text-sm">Figma designer</p>
+                                    </div>
+                                    <div class="shrink-0">
+                                        <button data-bs-toggle="tooltip" data-bs-title="Send message" type="button"
+                                            class="btn btn-default size-7 !p-0 ml-auto">
+                                            <span class="icon-[lucide--message-circle-more]"></span>
+                                        </button>
+                                    </div>
+                                </li>
+                                  <li class="flex items-center gap-3.5 py-3">
+                                    <img src="images/avatars/thumb-6.jpg" class="size-8 shrink-0 rounded-full">
+                                    <div class="flex-grow">
+                                        <h6 class="truncate">Matthew Thomas Martinez</h6>
+                                        <p class="text-sm">Web developer</p>
+                                    </div>
+                                    <div class="shrink-0">
+                                        <button data-bs-toggle="tooltip" data-bs-title="Send message" type="button"
+                                            class="btn btn-default size-7 !p-0 ml-auto">
+                                            <span class="icon-[lucide--message-circle-more]"></span>
+                                        </button>
+                                    </div>
+                                </li>
+                            </ul>
+                            <div class="px-4 py-2.5">
+                                <a href="#!"
+                                    class="table leading-tight pb-0.5 border-b border-dashed text-primary text-sm hover:text-primary-deep">
+                                    Add New Member</a>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div
+                                class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Files</h5>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button
+                                        class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                        type="button" data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--activity] dropdown-icon"></span>
+                                            Activity
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-200 dark:border-white/3 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--settings] dropdown-icon"></span>
+                                            Settings
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                            <!--:File list:-->
+                            <div class="grid gap-2.5 lg:gap-4 p-4">
+                                <!--:File item:-->
+                                <div class="flex items-center gap-3">
+                                    <div class="flex items-center grow gap-2.5">
+                                        <img class="h-6 w-auto" src="images/files/pdf.svg">
+                                        <div class="flex flex-col">
+                                            <h6 class="cursor-pointer hover:!text-primary transition-all mb-1">
+                                                project-map.pdf
+                                            </h6>
+                                            <span class="text-sm text-muted">
+                                                2.1
+                                                MB 27 Jul 2025 15:17 PM
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <!--:Dropdown:-->
+                                    <div class="relative">
+                                        <button
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            type="button" data-bs-toggle="dropdown">
+                                            <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                        </button>
+                                        <div class="dropdown-menu z-50 absolute min-w-36 top-full">
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--download] dropdown-icon"></span>
+                                                Download
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                Delete
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                Share
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:File item:-->
+                                <div class="flex items-center gap-3">
+                                    <div class="flex items-center grow gap-2.5">
+                                        <img class="h-6 w-auto" src="images/files/ai.svg">
+                                        <div class="flex flex-col">
+                                            <h6 class="cursor-pointer hover:!text-primary transition-all mb-1">
+                                                illustration.ai
+                                            </h6>
+                                            <span class="text-sm text-muted">
+                                                5.5
+                                                MB 27 Jul 2025 15:17 PM
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <!--:Dropdown:-->
+                                    <div class="relative">
+                                        <button
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            type="button" data-bs-toggle="dropdown">
+                                            <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                        </button>
+                                        <div class="dropdown-menu z-50 absolute min-w-36 top-full">
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--download] dropdown-icon"></span>
+                                                Download
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                Delete
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                Share
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:File item:-->
+                                <div class="flex items-center gap-3">
+                                    <div class="flex items-center grow gap-2.5">
+                                        <img class="h-6 w-auto" src="images/files/js.svg">
+                                        <div class="flex flex-col">
+                                            <h6 class="cursor-pointer hover:!text-primary transition-all mb-1">
+                                                dashboard-alt.js
+                                            </h6>
+                                            <span class="text-sm text-muted">
+                                                40
+                                                KB 27 Jul 2025
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <!--:Dropdown:-->
+                                    <div class="relative">
+                                        <button
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            type="button" data-bs-toggle="dropdown">
+                                            <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                        </button>
+                                        <div class="dropdown-menu z-50 absolute min-w-36 top-full">
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--download] dropdown-icon"></span>
+                                                Download
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                Delete
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                Share
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:File item:-->
+                                <div class="flex items-center gap-3">
+                                    <div class="flex items-center grow gap-2.5">
+                                        <img class="h-6 w-auto" src="images/files/doc.svg">
+                                        <div class="flex flex-col">
+                                            <h6 class="cursor-pointer hover:!text-primary transition-all mb-1">
+                                                profile-changes.doc
+                                            </h6>
+                                            <span class="text-sm text-muted">
+                                                1.1
+                                                MB 27 Jul 2025
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <!--:Dropdown:-->
+                                    <div class="relative">
+                                        <button
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            type="button" data-bs-toggle="dropdown">
+                                            <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                        </button>
+                                        <div class="dropdown-menu z-50 absolute min-w-36 top-full">
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--download] dropdown-icon"></span>
+                                                Download
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                Delete
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                Share
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+    <script src="vendor/js/Sortable.min.js"></script>
+    <script>
+        // Parent sorting
+        Sortable.create(document.getElementById('task-board'), {
+            animation: 150,
+            handle: '.drag-handle',
+            ghostClass: 'sortable-ghost',
+            draggable: '.parent-task',
+        });
+
+        // Child sorting per parent task
+        document.querySelectorAll('.child-list').forEach(childList => {
+            Sortable.create(childList, {
+                group: 'nested-tasks',
+                animation: 150,
+                handle: '.drag-handle',
+                ghostClass: 'sortable-ghost',
+                draggable: '.child-task',
+            });
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/project-scrum-board.html b/public_html/raven-demo/project-scrum-board.html
new file mode 100644
index 0000000..9a63e87
--- /dev/null
+++ b/public_html/raven-demo/project-scrum-board.html
@@ -0,0 +1,1442 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item active">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item projects_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item projects_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item projects_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item projects_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow flex flex-col pt-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 mb-4 gap-4 px-4">
+                <div class="md:col-span-5">
+                    <h4 class="text-xl">Dueolingo Landing Page</h4>
+                    <p class="text-muted">Figma design</p>
+                </div>
+                <div class="md:col-span-7">
+                    <div class="flex flex-col gap-3.5 md:flex-row md:justify-end md:items-center">
+                        <div class="flex items-center -space-x-3 shrink-0">
+                                <img data-bs-toggle="tooltip" data-bs-title="Emily" src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-zinc-100 dark:border-zinc-950 rounded-full relative">
+                                 <img data-bs-toggle="tooltip" data-bs-title="Nikkita" src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-zinc-100 dark:border-zinc-950 rounded-full relative">
+                                 <img data-bs-toggle="tooltip" data-bs-title="John" src="images/avatars/thumb-9.jpg" class="size-8 border-2 border-zinc-100 dark:border-zinc-950 rounded-full relative">
+                                 <span data-bs-toggle="tooltip" data-bs-title="3 more members" class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-zinc-100 dark:border-zinc-950 rounded-full relative text-xs">+3</span>
+                            </div>
+                            <div class="flex items-center gap-2">
+                                <button type="button" class="btn btn-sm btn-default">
+                                    <span class="icon-[lucide--user-plus] text-lg"></span>
+                                </button>
+                                <button data-bs-toggle="modal" data-bs-target="#modalNewScrumBoard" type="button" class="btn btn-sm btn-default">
+                                    <span class="icon-[lucide--plus] text-lg me-1"></span> New Board
+                                </button>
+                            </div>
+                    </div>
+                </div>
+            </div>
+            <!--:Project card:-->
+            <div class="flex w-full flex-grow p-px space-x-4 flex-nowrap overflow-x-auto px-4 overflow-y-hidden mb-4" id="scrum-board">
+                <!-- Parent Task -->
+                <div
+                    class="w-[300px] min-w-[300px] me-4 drag-handle cursor-grab parent-task group flex flex-col mb-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div
+                        class="flex items-center justify-between px-4 pt-4">
+                        <h3 class="text-lg">To Do</h3>
+                            <!--:Dropdown:-->
+                            <div class="relative">
+                                <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                   <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-32 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                       <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                        Rename
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                        Delete
+                                    </a>
+                                </div>
+                            </div>
+                    </div>
+
+                    <!-- Child Tasks List -->
+                    <ul class="child-list min-h-full flex flex-col space-y-2 p-4">
+                        <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Authentication problem</h5>
+                            <span class="badge bg-sky-500/10 text-sky-500">Low priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-1.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-2.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                        <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Unable to upload file</h5>
+                            <span class="badge bg-red-500/10 text-red-500">High priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-7.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-8.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Improve user experiences</h5>
+                            <span class="badge bg-amber-500/10 text-amber-500">Medium priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-4.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-5.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Authentication problem</h5>
+                            <span class="badge bg-sky-500/10 text-sky-500">Low priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-7.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-6.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+                 <!-- Parent Task -->
+                <div
+                    class="w-[300px] min-w-[300px] drag-handle cursor-grab parent-task group flex flex-col mb-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div
+                        class="flex items-center justify-between px-4 pt-4">
+                        <h3 class="text-lg">In Progress</h3>
+                            <!--:Dropdown:-->
+                            <div class="relative">
+                                <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                   <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-32 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                       <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                        Rename
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                        Delete
+                                    </a>
+                                </div>
+                            </div>
+                    </div>
+
+                    <!-- Child Tasks List -->
+                    <ul class="child-list min-h-full flex flex-col space-y-2 p-4">
+                        <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Unable to upload file</h5>
+                            <span class="badge bg-red-500/10 text-red-500">High priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-7.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-8.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                        
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Authentication problem</h5>
+                            <span class="badge bg-sky-500/10 text-sky-500">Low priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-7.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-6.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Improve user experiences</h5>
+                            <span class="badge bg-amber-500/10 text-amber-500">Medium priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-4.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-5.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                        
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Authentication problem</h5>
+                            <span class="badge bg-sky-500/10 text-sky-500">Low priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-1.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-2.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+                 <!-- Parent Task -->
+                <div
+                    class="w-[300px] min-w-[300px] drag-handle cursor-grab parent-task group flex flex-col mb-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div
+                        class="flex items-center justify-between px-4 pt-4">
+                        <h3 class="text-lg">In Review</h3>
+                            <!--:Dropdown:-->
+                            <div class="relative">
+                                <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                   <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-32 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                       <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                        Rename
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                        Delete
+                                    </a>
+                                </div>
+                            </div>
+                    </div>
+
+                    <!-- Child Tasks List -->
+                    <ul class="child-list min-h-full flex flex-col space-y-2 p-4">
+                        
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Improve user experiences</h5>
+                            <span class="badge bg-amber-500/10 text-amber-500">Medium priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-4.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-5.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                        <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Authentication problem</h5>
+                            <span class="badge bg-sky-500/10 text-sky-500">Low priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-1.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-2.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                        <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Unable to upload file</h5>
+                            <span class="badge bg-red-500/10 text-red-500">High priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-7.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-8.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Authentication problem</h5>
+                            <span class="badge bg-sky-500/10 text-sky-500">Low priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-7.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-6.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+                 <!-- Parent Task -->
+                <div
+                    class="w-[300px] min-w-[300px] drag-handle cursor-grab parent-task group flex flex-col mb-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div
+                        class="flex items-center justify-between px-4 pt-4">
+                        <h3 class="text-lg">Completed</h3>
+                            <!--:Dropdown:-->
+                            <div class="relative">
+                                <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                   <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-32 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                       <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                        Rename
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                        Delete
+                                    </a>
+                                </div>
+                            </div>
+                    </div>
+
+                    <!-- Child Tasks List -->
+                    <ul class="child-list min-h-full flex flex-col space-y-2 p-4">
+                        <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Authentication problem</h5>
+                            <span class="badge bg-sky-500/10 text-sky-500">Low priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-1.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-2.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                        <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Unable to upload file</h5>
+                            <span class="badge bg-red-500/10 text-red-500">High priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-7.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-8.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Improve user experiences</h5>
+                            <span class="badge bg-amber-500/10 text-amber-500">Medium priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-4.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-5.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Authentication problem</h5>
+                            <span class="badge bg-sky-500/10 text-sky-500">Low priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-7.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-6.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+      <!--:Modal New chat users list:-->
+         <div id="modalNewScrumBoard" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+       tabindex="-1">
+       <div
+         class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+         <div
+           class="modal-content max-w-[25rem] mx-auto bg-white relative dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+           <button type="button"
+               class="absolute end-2 top-2 btn btn-default !size-8 !p-0 !rounded-full"
+               data-bs-dismiss="modal">
+               <span class="icon-[lucide--x] text-lg"></span>
+             </button>
+           <div class="p-4 lg:p-6">
+             <div class="mb-4">
+                 <h5 class="text-lg mb-1">Add New Board</h5>
+        
+             </div>
+             <!--:Search:-->
+              <div class="flex items-center gap-2">
+             <input name="addBoard" type="text" class="w-full input input-lg"
+               placeholder="Board Title" autofocus />
+               <button type="button" class="btn btn-lg bg-primary hover:bg-primary-deep text-white">Add</button>
+           </div>
+           </div>
+         </div>
+       </div>
+     </div>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+    <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script>
+    <script>
+        // Parent sorting
+        Sortable.create(document.getElementById('scrum-board'), {
+            animation: 150,
+            handle: '.drag-handle',
+            ghostClass: 'sortable-ghost',
+            draggable: '.parent-task',
+        });
+
+        // Child sorting per parent task
+        document.querySelectorAll('.child-list').forEach(childList => {
+            Sortable.create(childList, {
+                group: 'nested-tasks',
+                animation: 150,
+                handle: '.drag-handle',
+                ghostClass: 'sortable-ghost',
+                draggable: '.child-task',
+            });
+        });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/project-tasks.html b/public_html/raven-demo/project-tasks.html
new file mode 100644
index 0000000..7e519f9
--- /dev/null
+++ b/public_html/raven-demo/project-tasks.html
@@ -0,0 +1,1391 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item active">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item projects_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item projects_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item projects_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item projects_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Project</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Tasks</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow">
+            <div class="px-4">
+                <div class="flex flex-col gap-4 mb-4" id="task-board">
+                    <!--:Task parent:-->
+                    <div class="parent-task overflow-hidden rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="flex items-center p-4 pb-2">
+                            <!--:Drag handler:-->
+                            <span class="drag-handle cursor-grab me-2 text-zinc-500 dark:text-zinc-400">
+                                <svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 -960 960 960"
+                                    width="18px" fill="currentColor">
+                                    <path
+                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                </svg>
+                            </span>
+                            <h3 class="text-lg">Bug Fix</h3>
+                        </div>
+                        <!--:Tasks table:-->
+                        <div class="overflow-x-auto">
+                            <table class="table-default whitespace-nowrap">
+                                <tbody class="child-list">
+                                    <tr class="child-task">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                           <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap"> Authentication problem</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                                <img src="images/avatars/thumb-2.jpg"
+                                                    class="size-6 rounded-full shrink-0">
+                                                <span>Emily Docker</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-red-500/10 text-red-500">High</span>
+                                        </td>
+                                        <td> <span class="badge bg-sky-500/10 text-sky-500">
+                                                <span class="icon-[lucide--clock-fading] me-1"></span> In
+                                                Progress</span></td>
+                                        <td class="task-date">20 September</td>
+                                    </tr>
+                                    <tr class="child-task">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                              <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap"> Bug in search functionality</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                                <img src="images/avatars/thumb-7.jpg"
+                                                    class="size-6 rounded-full shrink-0">
+                                                <span>John Doe</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-red-500/10 text-red-500">High</span>
+                                        </td>
+                                        <td> <span class="badge bg-amber-500/10 text-amber-500">
+                                                <span class="icon-[lucide--clock-fading] me-1"></span>
+                                                Pending</span></td>
+                                        <td class="task-date">27 September</td>
+                                    </tr>
+                                    <tr class="child-task task-completed">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                             <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap"> Unable to upload file</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                                <img src="images/avatars/thumb-8.jpg"
+                                                    class="size-6 rounded-full shrink-0">
+                                                <span>Caleb Michael</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-red-500/10 text-red-500">High</span>
+                                        </td>
+                                        <td> <span class="badge bg-green-500/10 text-green-500">
+                                                <span class="icon-[lucide--check] me-1"></span>
+                                                Completed</span></td>
+                                        <td class="task-date">29 September</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+
+                    </div>
+                    <!--:Task parent:-->
+                    <div class="parent-task overflow-hidden rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="flex items-center p-4 pb-2">
+                            <!--:Drag handler:-->
+                            <span class="drag-handle cursor-grab me-2 text-zinc-500 dark:text-zinc-400">
+                                <svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 -960 960 960"
+                                    width="18px" fill="currentColor">
+                                    <path
+                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                </svg>
+                            </span>
+                            <h3 class="text-lg">Development</h3>
+                        </div>
+                        <!--:Tasks table:-->
+                        <div class="overflow-x-auto">
+                            <table class="table-default whitespace-nowrap">
+                                <tbody class="child-list">
+                                    <tr class="child-task">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                             <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap">Performance optimization</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                                <img src="images/avatars/thumb-2.jpg"
+                                                    class="size-6 rounded-full shrink-0">
+                                                <span>Emily Docker</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-red-500/10 text-red-500">High</span>
+                                        </td>
+                                        <td> <span class="badge bg-sky-500/10 text-sky-500">
+                                                <span class="icon-[lucide--clock-fading] me-1"></span> In
+                                                Progress</span></td>
+                                        <td class="task-date">28 September</td>
+                                    </tr>
+                                    <tr class="child-task">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                             <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap">Update user profile page layout</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                                <img src="images/avatars/thumb-7.jpg"
+                                                    class="size-6 rounded-full shrink-0">
+                                                <span>John Doe</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-red-500/10 text-red-500">High</span>
+                                        </td>
+                                        <td> <span class="badge bg-amber-500/10 text-amber-500">
+                                                <span class="icon-[lucide--clock-fading] me-1"></span>
+                                                Pending</span></td>
+                                        <td class="task-date">02 October</td>
+                                    </tr>
+                                    <tr class="child-task">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                             <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap">Payment gateway integration</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                               <span class="size-6 flex items-center justify-center rounded-full bg-red-500/30 text-red-500 text-xs font-semibold shrink-0 leading-none">N</span>
+                                                <span>Natalia</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-orange-500/10 text-orange-500">Medium</span>
+                                        </td>
+                                        <td> <span class="badge bg-amber-500/10 text-amber-500">
+                                                <span class="icon-[lucide--clock-fading] me-1"></span>
+                                                Pending</span></td>
+                                        <td class="task-date">11 October</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+
+                    </div>
+                    <!--:Task parent:-->
+                    <div class="parent-task overflow-hidden rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="flex items-center p-4 pb-2">
+                            <!--:Drag handler:-->
+                            <span class="drag-handle cursor-grab me-2 text-zinc-500 dark:text-zinc-400">
+                                <svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 -960 960 960"
+                                    width="18px" fill="currentColor">
+                                    <path
+                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                </svg>
+                            </span>
+                            <h3 class="text-lg">UI UX</h3>
+                        </div>
+                        <!--:Tasks table:-->
+                        <div class="overflow-x-auto">
+                            <table class="table-default whitespace-nowrap">
+                                <tbody class="child-list">
+                                    <tr class="child-task">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                             <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap"> UI Layout Adjustment for Dashboard</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                                <img src="images/avatars/thumb-6.jpg"
+                                                    class="size-6 rounded-full shrink-0">
+                                                <span>Adam Milne</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-yellow-500/10 text-yellow-500">Low</span>
+                                        </td>
+                                        <td> <span class="badge bg-amber-500/10 text-amber-500">
+                                                <span class="icon-[lucide--clock-fading] me-1"></span>Pending</span></td>
+                                        <td class="task-date">21 September</td>
+                                    </tr>
+                                    <tr class="child-task">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                              <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap"> UX Improvement for Onboarding Process</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                                <img src="images/avatars/thumb-9.jpg"
+                                                    class="size-6 rounded-full shrink-0">
+                                                <span>Samuel Jordan</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-red-500/10 text-red-500">High</span>
+                                        </td>
+                                        <td> <span class="badge bg-amber-500/10 text-amber-500">
+                                                <span class="icon-[lucide--clock-fading] me-1"></span>
+                                                Pending</span></td>
+                                        <td class="task-date">22 September</td>
+                                    </tr>
+                                    <tr class="child-task">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                             <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap"> UI Element Styling for Product Page</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                                <img src="images/avatars/thumb-8.jpg"
+                                                    class="size-6 rounded-full shrink-0">
+                                                <span>Caleb Michael</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-orange-500/10 text-orange-500">Medium</span>
+                                        </td>
+                                        <td> <span class="badge bg-amber-500/10 text-amber-500">
+                                                <span class="icon-[lucide--clock-fading] me-1"></span>
+                                                Pending</span></td>
+                                        <td class="task-date">24 September</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+    <script src="vendor/js/Sortable.min.js"></script>
+    <script>
+        // Parent sorting
+        Sortable.create(document.getElementById('task-board'), {
+            animation: 150,
+            handle: '.drag-handle',
+            ghostClass: 'sortable-ghost',
+            draggable: '.parent-task',
+        });
+
+        // Child sorting per parent task
+        document.querySelectorAll('.child-list').forEach(childList => {
+            Sortable.create(childList, {
+                group: 'nested-tasks',
+                animation: 150,
+                handle: '.drag-handle',
+                ghostClass: 'sortable-ghost',
+                draggable: '.child-task',
+            });
+        });
+
+        //Toggle class task completed
+document.querySelectorAll('.check-task').forEach((checkbox) => {
+    checkbox.addEventListener('click', function () {
+      const tr = this.closest('tr');
+      tr.classList.toggle('task-completed');
+    });
+  });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/projects-list.html b/public_html/raven-demo/projects-list.html
new file mode 100644
index 0000000..3ca624b
--- /dev/null
+++ b/public_html/raven-demo/projects-list.html
@@ -0,0 +1,1604 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item active">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item projects_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item projects_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item projects_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item projects_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow">
+            <div class="px-4 py-4">
+                <div class="flex items-center justify-between">
+                    <h4 class="text-xl">Projects</h4>
+                    <div class="shrink-0 flex items-center gap-2">
+                        <button type="button" class="btn bg-primary text-white hover:bg-primary-deep">
+                            Create project</button>
+                        <div class="relative">
+                            <button data-bs-auto-close="outside" data-bs-toggle="dropdown" type="button"
+                                class="btn btn-default">
+                                <span class="icon-[lucide--sliders-horizontal] me-2 text-lg"></span> Filter
+                            </button>
+                            <div class="dropdown-menu absolute !end-0 top-full min-w-36 !p-4 !mt-1">
+                                <div class="flex flex-col gap-y-2">
+
+                                    <label for="project_in_progress" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_in_progress">
+                                        <span>In progress</span>
+                                    </label>
+
+                                    <label for="project_not_started" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_not_started">
+                                        <span>Not started</span>
+                                    </label>
+                                    <label for="project_pending" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_pending">
+                                        <span>Pending</span>
+                                    </label>
+                                    <label for="project_completed" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_completed">
+                                        <span>Completed</span>
+                                    </label>
+                                    <label for="project_cancelled" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_cancelled">
+                                        <span>Cancelled</span>
+                                    </label>
+                                    <label for="project_overdue" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_overdue">
+                                        <span>Overdue</span>
+                                    </label>
+                                    <label for="project_on_hold" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_on_hold">
+                                        <span>On hold</span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-4 px-4">
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/figma.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-sky-500/10 text-sky-500">In
+                            Progress</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">App Figma Design</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-orange-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-orange-500" style="width: 25%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-9.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>23</span><span>/</span><span>35</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/jira.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-zinc-500 text-white">
+                        Not Started</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Jira Chatbot</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-zinc-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="2" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-zinc-500" style="width: 2%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative text-xs">NA</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>NA</span><span>/</span><span>NA</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/google-analytics.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-sky-500/10 text-sky-500">In
+                            Progress</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Analytics Integrations</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-sky-500/10" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-blue-500" style="width: 85%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-10.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-8.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-4.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>53</span><span>/</span><span>55</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/inferno.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge bg-zinc-500/20 text-muted">On Hold</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Inferno Redesign</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-orange-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-orange-500" style="width: 25%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-9.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-3.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-5.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>23</span><span>/</span><span>35</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/youtube.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-green-500/10 text-green-500">Completed</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Youtube Channel Promotion</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-green-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-green-500" style="width: 100%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-8.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-7.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-3.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>65</span><span>/</span><span>65</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/equacoin.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-red-500/10 text-red-500">Cancelled</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Equacoin Landing Page</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-green-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-green-500" style="width: 25%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-9.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>23</span><span>/</span><span>35</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                 <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/figma.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-sky-500/10 text-sky-500">In
+                            Progress</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">App Figma Design</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-orange-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-orange-500" style="width: 25%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-9.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>23</span><span>/</span><span>35</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/jira.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-zinc-500 text-white">
+                        Not Started</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Jira Chatbot</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-zinc-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-zinc-500" style="width: 1%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative text-xs">NA</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>NA</span><span>/</span><span>NA</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/google-analytics.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-sky-500/10 text-sky-500">In
+                            Progress</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Analytics Integrations</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-sky-500/10" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-blue-500" style="width: 85%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-10.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-8.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-4.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>53</span><span>/</span><span>55</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/google-webdev.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-orange-500/10 text-orange-500">Overdue</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Google WebDev Integration</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-orange-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-orange-500" style="width: 45%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-9.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-3.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-5.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>23</span><span>/</span><span>35</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/tiktok.svg" class="w-8 h-auto bg-white rounded">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-yellow-500/10 text-yellow-500">Pending</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Tiktok Promotion Banners</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-yellow-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-yellow-500" style="width: 70%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-8.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-7.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-3.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>65</span><span>/</span><span>65</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/duolingo.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-green-500/10 text-green-500">Completed</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Dueolingo Landing Page</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-green-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-green-500" style="width: 100%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-9.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>23</span><span>/</span><span>35</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/support-article.html b/public_html/raven-demo/support-article.html
new file mode 100644
index 0000000..bcf079b
--- /dev/null
+++ b/public_html/raven-demo/support-article.html
@@ -0,0 +1,1147 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link href="vendor/css/choices.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item actives">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item active">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item actives_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item helpCenter_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item helpCenter_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item helpCenter_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item helpCenter_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8 py-4">
+            <div class="lg:px-12 mx-auto lg:py-4">
+                    <h5 class="text-xl mb-4">Welcome to Raven Theme</h5>
+                    <div class="flex items-center gap-3.5 mb-6">
+                        <div class="shrink-0 flex items-center">
+                            <div class="flex items-center -space-x-3">
+                                <img src="images/avatars/thumb-2.jpg"
+                                    class="size-8 rounded-full border-2 border-zinc-50 dark:border-zinc-950" alt="">
+                                <img src="images/avatars/thumb-4.jpg"
+                                    class="size-8 rounded-full border-2 border-zinc-50 dark:border-zinc-950" alt="">
+                            </div>
+                        </div>
+
+                        <div>
+                            <span class="block text-sm text-muted">created by <a href="#!" class="text-primary">Nikita
+                                    miller</a></span>
+                            <ul
+                                class="flex flex-wrap w-full items-center gap-0.5 text-sm md:justify-end md:justify-center text-muted">
+                                <li>Last update : 2d ago</li>
+                                <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                                <li>3 min read</li>
+                                <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                                <li>200 Views</li>
+                                <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                                <li>33 likes</li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div>
+                        <p>
+                            Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
+                            pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu
+                            aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
+                        </p>
+                        <div id="inside" class="pt-6">
+                            <h5 class="mb-2 text-lg">What's inside?</h5>
+                            <p class="mb-2">
+                                Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
+                                pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu
+                                aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum
+                                egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper
+                                vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos
+                                himenaeos.
+                            </p>
+                            <p class="mb-2">
+                                It is a long established fact that a reader will be distracted by the readable content
+                                of a page when looking at its layout. The point of using Lorem Ipsum is that it has a
+                                more-or-less normal distribution of letters, as opposed to using 'Content here, content
+                                here', making it look like readable English. Many desktop publishing packages and web
+                                page editors now use Lorem Ipsum as their default model text, and a search for 'lorem
+                                ipsum' will uncover many web sites still in their infancy.
+                            </p>
+                            <ul class="list-disc ps-4">
+                                <li>Lorem ipsum dolor sit amet consectetur</li>
+                                <li>Quisque faucibus ex sapien</li>
+                                <li>In id cursus mi pretium tellus duis</li>
+                                <li>Tempus leo eu aenean sed diam urna</li>
+                            </ul>
+                        </div>
+                        <div id="installation" class="pt-6">
+                            <h5 class="mb-2 text-lg">Installation</h5>
+                            <p class="mb-2">
+                                It is a long established fact that a reader will be distracted by the readable content
+                                of a page when looking at its layout. The point of using Lorem Ipsum is that it has a
+                                more-or-less normal distribution of letters, as opposed to using 'Content here, content
+                                here', making it look like readable English. Many desktop publishing packages and web
+                                page editors now use Lorem Ipsum as their default model text, and a search for 'lorem
+                                ipsum' will uncover many web sites still in their infancy.
+                            </p>
+                            <p class="mb-2">
+                                Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
+                                pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu
+                                aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum
+                                egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper
+                                vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos
+                                himenaeos.
+                            </p>
+                            <ul class="list-disc ps-4">
+                                <li>Lorem ipsum dolor sit amet consectetur</li>
+                                <li>Quisque faucibus ex sapien</li>
+                                <li>In id cursus mi pretium tellus duis</li>
+                                <li>Tempus leo eu aenean sed diam urna</li>
+                            </ul>
+                        </div>
+                        <div id="customization" class="pt-6">
+                            <h5 class="mb-2 text-lg">Customization</h5>
+                            <p>
+                                Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
+                                pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu
+                                aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum
+                                egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper
+                                vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos
+                                himenaeos.
+                            </p>
+                            <p class="mb-2">
+                                It is a long established fact that a reader will be distracted by the readable content
+                                of a page when looking at its layout. The point of using Lorem Ipsum is that it has a
+                                more-or-less normal distribution of letters, as opposed to using 'Content here, content
+                                here', making it look like readable English. Many desktop publishing packages and web
+                                page editors now use Lorem Ipsum as their default model text, and a search for 'lorem
+                                ipsum' will uncover many web sites still in their infancy.
+                            </p>
+                        </div>
+                        <div id="theming" class="pt-6">
+                            <h5 class="mb-2 text-lg">Theming</h5>
+                            <p class="mb-2">
+                                It is a long established fact that a reader will be distracted by the readable content
+                                of a page when looking at its layout. The point of using Lorem Ipsum is that it has a
+                                more-or-less normal distribution of letters, as opposed to using 'Content here, content
+                                here', making it look like readable English. Many desktop publishing packages and web
+                                page editors now use Lorem Ipsum as their default model text, and a search for 'lorem
+                                ipsum' will uncover many web sites still in their infancy.
+                            </p>
+                            <p>
+                                Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
+                                pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu
+                                aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum
+                                egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper
+                                vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos
+                                himenaeos.
+                            </p>
+                        </div>
+                        <div class="pt-7"></div>
+                        <div
+                            class="flex flex-col sm:flex-row justify-between sm:items-center gap-3.5 p-4 rounded-lg border border-zinc-200 dark:border-zinc-800">
+                            <div>
+                                <h5 class="text-lg">Was this article helpful?</h5>
+                                <p class="text-muted text-sm">33 out of 33 found this helpful</p>
+                            </div>
+                            <div class="flex items-center gap-2">
+                                <div class="flex items-center">
+                                    <input type="radio" name="article_helpful" id="radio_yes" class="hidden peer" />
+
+                                    <label for="radio_yes"
+                                        class="btn btn-default group flex items-center peer-checked:!border-primary peer-checked:!ring-primary peer-checked:!text-primary">
+                                        Yes
+                                    </label>
+                                </div>
+
+                                <div class="flex items-center">
+                                    <input class="hidden peer" type="radio" name="article_helpful" id="radio_no">
+                                    <label for="radio_no" type="button"
+                                        class="btn group btn-default peer-checked:!border-primary peer-checked:!ring-primary peer-checked:!text-primary">
+                                        No</label>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="pt-7"></div>
+                        <h5 class="text-lg mb-2">Comment</h5>
+                        <form>
+                            <textarea class="input mb-3" rows="5" placeholder="Add your comment"></textarea>
+                        <div class="text-end">
+                            <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep">Submit</button>
+                        </div>
+                        </form>
+                    </div>
+                </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Page scripts:-->
+    <script src="vendor/js/autosize.min.js"></script>
+    <script>
+        autosize(document.querySelectorAll('textarea'));
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/support-articles-manage.html b/public_html/raven-demo/support-articles-manage.html
new file mode 100644
index 0000000..39d0171
--- /dev/null
+++ b/public_html/raven-demo/support-articles-manage.html
@@ -0,0 +1,1233 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link rel="stylesheet" href="https://cdn.datatables.net/2.3.3/css/dataTables.dataTables.css">
+    <link rel="stylesheet" href="https://cdn.datatables.net/select/3.0.1/css/select.dataTables.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item active">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item helpCenter_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item helpCenter_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item helpCenter_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item helpCenter_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8 py-4">
+            <div class="flex flex-col pb-4 sm:flex-row sm:items-center justify-between gap-3.5">
+                <h5 class="text-lg">Manage Articles</h5>
+            </div>
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                <div
+                    class="flex flex-wrap gap-2 items-center p-4 border-b border-zinc-500/10 dark:border-zinc-800">
+                    <!--:Table:-->
+                    <div class="flex-grow">
+                        <div class="relative">
+                            <input type="search" class="input !ps-9" name="articleSearch" id="articleSearch"
+                            placeholder="Filter articles by title, category">
+                             <span class="iconify icon-[lucide--filter] absolute start-0 top-0 h-full flex items-center justify-center ms-3 text-muted pointer-events-none"></span>
+                        </div>
+                    </div>
+                    <div class="flex items-center flex-wrap justify-end gap-2">
+                        <button id="deleteBtn" class="btn bg-red-500 text-white hover:bg-red-600"
+                            style="display: none;">Delete</button>
+                        <div class="flex items-center gap-2">
+                            <div class="relative">
+                                <button data-bs-toggle="dropdown" type="button"
+                                    class="btn bg-sky-500 text-white hover:bg-sky-600">
+                                    <span class="icon-[lucide--download] text-lg me-1"></span>
+                                    Download <span class="icon-[lucide--chevron-down] ms-1"></span></button>
+                                <div class="dropdown-menu w-48 z-50 absolute !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--copy] dropdown-icon"></span> Copy Json
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--printer] dropdown-icon"></span> Print
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <img src="images/files/excel.svg" class="h-4 me-2" alt=""> Download Exel
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <img src="images/files/csv.svg" class="h-4 me-2" alt=""> Download .CSV
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <img src="images/files/pdf.svg" class="h-4 w-auto me-2" alt=""> Download .PDF
+                                    </a>
+                                </div>
+                            </div>
+                            <a href="#!" class="btn bg-primary shrink-0 text-white hover:bg-primary-deep">
+                                <span class="icon-[lucide--plus] text-lg me-1"></span>
+                                Post New Article</a>
+                        </div>
+                    </div>
+                </div>
+                <table id="table_articles" class="table-default">
+                    <thead>
+                        <tr>
+                            <th data-orderable="false">
+
+                            </th>
+                            <th class="whitespace-nowrap">
+                                Title
+                            </th>
+                            <th>Category</th>
+                            <th data-orderable="false">
+                                Authors
+                            </th>
+                            <th>
+                                Last Update
+                            </th>
+                            <th data-orderable="false" class="text-end">
+                                <div class="flex w-full jusitfy-end">
+                                    Published
+                                </div>
+                            </th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>
+                                <div class="flex items-center gap-3.5">
+                                    <div
+                                        class="size-10 rounded-lg flex items-center justify-center bg-primary-subtle text-primary">
+                                        <span class="icon-[lucide--palette] text-xl"></span>
+                                    </div>
+                                    <div>
+                                        <a href="#!" class="hover:text-primary font-semibold">
+                                            Laboris nisi ut aliquip ex ea commodo
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>
+                                Theming
+                            </td>
+                            <td>
+                                <span class="size-6 rounded-full block flex items-center -space-x-2"
+                                    data-bs-toggle="tooltip" data-bs-title="Nikita Miller">
+                                    <img src="images/avatars/thumb-2.jpg" alt="" class="size-6 rounded-full">
+                                </span>
+                            </td>
+                            <td>Yesterday</td>
+                            <td>
+                                 <input type="checkbox" class="input-switch" checked>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>
+                                <div class="flex items-center gap-3.5">
+                                    <div
+                                        class="size-10 rounded-lg flex items-center justify-center bg-yellow-500/20 text-yellow-500">
+                                        <span class="icon-[lucide--file-stack] text-xl"></span>
+                                    </div>
+                                    <div>
+                                        <a href="#!" class="hover:text-primary font-semibold">
+                                            Quis nostrud exercitation ullamco
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>Survey</td>
+                            <td>
+                                <span class="size-6 rounded-full block flex items-center -space-x-2"
+                                    data-bs-toggle="tooltip" data-bs-title="Nikita Miller, Joshua Little">
+                                    <img src="images/avatars/thumb-2.jpg" alt="" class="size-6 rounded-full">
+                                    <img src="images/avatars/thumb-9.jpg" alt="" class="size-6 rounded-full">
+                                </span>
+                            </td>
+                            <td>2 days ago</td>
+                            <td>
+                               <input type="checkbox" class="input-switch" checked>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>
+                                <div class="flex items-center gap-3.5">
+                                    <div
+                                        class="size-10 rounded-lg flex items-center justify-center bg-pink-500/20 text-pink-500">
+                                        <span class="icon-[lucide--file-chart-column] text-xl"></span>
+                                    </div>
+                                    <div>
+                                        <a href="#!" class="hover:text-primary font-semibold">
+                                            Duis aute irure dolor in reprehenderit
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>Analytics</td>
+                            <td>
+                                <span class="size-6 rounded-full block flex items-center -space-x-2"
+                                    data-bs-toggle="tooltip" data-bs-title="Kim Min-ji">
+                                    <img src="images/avatars/thumb-5.jpg" alt="" class="size-6 rounded-full">
+                                </span>
+                            </td>
+                            <td>4 days ago</td>
+                            <td>
+                                <input type="checkbox" class="input-switch" checked>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>
+                                <div class="flex items-center gap-3.5">
+                                    <div
+                                        class="size-10 rounded-lg flex items-center justify-center bg-green-500/20 text-green-500">
+                                        <span class="icon-[lucide--shield-check] text-xl"></span>
+                                    </div>
+                                    <div>
+                                        <a href="#!" class="hover:text-primary font-semibold">
+                                            Excepteur sint occaecat cupidatat non proident
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>Security</td>
+                            <td>
+                                <span class="size-6 rounded-full block flex items-center -space-x-2"
+                                    data-bs-toggle="tooltip" data-bs-title="Joshua Little">
+                                    <img src="images/avatars/thumb-7.jpg" alt="" class="size-6 rounded-full">
+                                </span>
+                            </td>
+                            <td>1 week ago</td>
+                            <td>
+                                <input type="checkbox" class="input-switch">
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Page scripts:-->
+    <script src="vendor/js/jquery.min.js"></script>
+    <script src="https://cdn.datatables.net/2.3.3/js/dataTables.js"></script>
+    <script src="https://cdn.datatables.net/select/3.0.1/js/dataTables.select.js"></script>
+    <script src="https://cdn.datatables.net/select/3.0.1/js/select.dataTables.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const table = new DataTable('#table_articles', {
+                lengthChange: false,
+                pageLength: 9,
+                scrollX: true,
+                dom: 'lrtip',
+                columnDefs: [
+                    {
+                        orderable: false,
+                        searchable: false,
+                        render: DataTable.render.select(),
+                        targets: 0,
+                    }
+                ],
+                select: {
+                    style: 'os',
+                    selector: 'td:first-child',
+                    headerCheckbox: false
+                },
+                order: [[1, 'asc']],
+            });
+            const searchInput = document.getElementById('articleSearch');
+            searchInput.addEventListener('input', e => {
+                table.search(e.target.value).draw();
+            });
+            table.on('draw', () => {
+                const rowCount = table.rows({ search: 'applied' }).count();
+                if (rowCount === 0) {
+                    searchInput.setAttribute('disabled', 'disabled');
+                } else {
+                    searchInput.removeAttribute('disabled');
+                }
+            });
+            const deleteBtn = document.getElementById("deleteBtn");
+            table.on('select deselect', function () {
+                const selectedRows = table.rows({ selected: true }).count();
+                if (selectedRows > 0) {
+                    deleteBtn.style.display = "inline-block";
+                } else {
+                    deleteBtn.style.display = "none";
+                }
+            });
+            deleteBtn.addEventListener('click', () => {
+                table.rows({ selected: true }).remove().draw();
+                deleteBtn.style.display = 'none'; // hide button after delete
+            });
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/support-articles.html b/public_html/raven-demo/support-articles.html
new file mode 100644
index 0000000..964bf53
--- /dev/null
+++ b/public_html/raven-demo/support-articles.html
@@ -0,0 +1,1207 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link href="vendor/css/choices.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item active">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item active_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item helpCenter_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item helpCenter_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item helpCenter_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item helpCenter_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 py-8 lg:py-12 rounded-b-xl bg-gradient-to-t from-white dark:from-zinc-900">
+            <div class="text-center">
+                <h4 class="text-xl lg:text-2xl mb-2">Assistance & Support Center</h4>
+                <p class="max-w-sm mx-auto mb-4">
+                    Search for answers, browse our FAQs, and access support resources all in one place.
+                </p>
+                <form>
+                    <div class="relative max-w-xl mx-auto">
+                        <input type="text"
+                            class="input input-lg !pr-12"
+                            placeholder="Search articles...">
+                        <button type="submit"
+                            class="btn bg-primary hover:bg-primary-deep text-white !p-0 size-7 rounded-full flex items-center justify-center absolute right-3 top-1/2 -translate-y-1/2">
+                            <span class="icon-[lucide--search]"></span>
+                        </button>
+                    </div>
+                </form>
+
+            </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8">
+            <div class="flex items-center pt-6 mb-4 gap-2.5">
+                <a href="support-hub.html" class="btn btn-default !p-0 !rounded-full size-7">
+<span class="icon-[lucide--chevron-left] text-lg"></span>
+                </a>
+                <h5 class="text-xl">Introduction</h5>
+            </div>
+
+            <div class="grid grid-cols-1 mb-4 divide-y divide-zinc-500/10 dark:divide-zinc-800 rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4">
+                <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--monitor-speaker] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg font-semibold !text-current mb-1 group-hover:!text-primary">Things you need to know about configuring
+                            the theme</h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span>2 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Introduction</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 30
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 27
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--monitor-speaker] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg font-semibold !text-current mb-1 group-hover:!text-primary">
+                            Collecting data like a charm
+                        </h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span>3 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Introduction</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 52
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 19
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--monitor-speaker] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg font-semibold !text-current mb-1 group-hover:!text-primary">How to create a survey form</h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span>2 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Introduction</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 37
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 28
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--monitor-speaker] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg font-semibold !text-current mb-1 group-hover:!text-primary">
+                            Precious tips to help you create a better question
+                        </h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span>2 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Introduction</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 28
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 14
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--monitor-speaker] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg font-semibold !text-current mb-1 group-hover:!text-primary">Things you need to know about configuring
+                            the theme</h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span>2 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Introduction</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 15
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 6
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--monitor-speaker] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg font-semibold !text-current mb-1 group-hover:!text-primary">
+                            Collecting data like a charm
+                        </h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span>3 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Introduction</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 37
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 12
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--monitor-speaker] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg font-semibold !text-current mb-1 group-hover:!text-primary">How to create a survey form</h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span>2 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Introduction</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 56
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 22
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/support-hub.html b/public_html/raven-demo/support-hub.html
new file mode 100644
index 0000000..e11d7cd
--- /dev/null
+++ b/public_html/raven-demo/support-hub.html
@@ -0,0 +1,1247 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link href="vendor/css/choices.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item active">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item helpCenter_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item helpCenter_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item helpCenter_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item helpCenter_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 py-8 lg:py-12 rounded-b-xl bg-gradient-to-t from-white dark:from-zinc-900">
+            <div class="text-center">
+                <h4 class="text-xl lg:text-2xl mb-2">Assistance & Support Center</h4>
+                <p class="max-w-sm mx-auto text-muted mb-4">
+                    Search for answers, browse our FAQs, and access support resources all in one place.
+                </p>
+                <form>
+                    <div class="relative max-w-xl mx-auto">
+                        <input type="text"
+                            class="input input-lg !pr-12"
+                            placeholder="Search articles...">
+                        <button type="submit"
+                            class="btn bg-primary hover:bg-primary-deep text-white !p-0 size-7 rounded-full flex items-center justify-center absolute right-3 top-1/2 -translate-y-1/2">
+                            <span class="icon-[lucide--search]"></span>
+                        </button>
+                    </div>
+                </form>
+
+            </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8">
+            <h5 class="text-xl pt-6 mb-4">Get started</h5>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span class="icon-[lucide--monitor-speaker] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Introduction</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">3 Articles</p>
+                </a>
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span class="icon-[lucide--settings] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Setup guide</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">5 Articles</p>
+                </a>
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span class="icon-[lucide--stars] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Common features</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">4 Articles</p>
+                </a>
+            </div>
+
+            <h5 class="text-xl pt-6 mb-4">Others</h5>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span
+                            class="icon-[lucide--message-circle-more] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Chatbot</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">3 Articles</p>
+                </a>
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span class="icon-[lucide--file-stack] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Survey</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">5 Articles</p>
+                </a>
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span class="icon-[lucide--shield-check] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Security</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">4 Articles</p>
+                </a>
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span class="icon-[lucide--file-chart-column] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Analytics</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">4 Articles</p>
+                </a>
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span class="icon-[lucide--component] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Integration</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">6 Articles</p>
+                </a>
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span class="icon-[lucide--palette] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Theming</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">2 Articles</p>
+                </a>
+            </div>
+
+            <h5 class="text-xl pt-6 mb-4">Popular articles</h5>
+
+            <div class="grid grid-cols-1 mb-4 divide-y divide-zinc-500/10 dark:divide-zinc-800 rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4">
+                <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--palette] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg !text-current mb-1 group-hover:!text-primary">Things you need to know about configuring
+                            the theme</h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span class="text-muted">2 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Theme</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 37
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 28
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--file-chart-column] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg !text-current mb-1 group-hover:!text-primary">
+                            Collecting data like a charm
+                        </h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span class="text-muted">3 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Analytic</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 37
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 28
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--file-stack] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg !text-current mb-1 group-hover:!text-primary">How to create a survey form</h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span class="text-muted">2 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Survey</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 37
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 28
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--file-stack] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg !text-current mb-1 group-hover:!text-primary">
+                            Precious tips to help you create a better question
+                        </h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span class="text-muted">2 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Survey</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 37
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 28
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/tables-datatables.html b/public_html/raven-demo/tables-datatables.html
new file mode 100644
index 0000000..02b824a
--- /dev/null
+++ b/public_html/raven-demo/tables-datatables.html
@@ -0,0 +1,1368 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdn.datatables.net/2.3.3/css/dataTables.dataTables.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item tables_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item tables_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item tables_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item tables_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item active">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">
+                <a href="https://datatables.net/" target="_blank" class="inline-flex items-center gap-2 hover:!text-primary">
+                Datatables <span class="icon-[lucide--external-link] text-base"></span></a>
+            </h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Tables</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Datatables</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="flex flex-wrap gap-2 items-center px-4 py-2.5 border-b border-zinc-500/10 dark:border-zinc-800">
+                        <!--:Table:-->
+                        <div class="flex-grow">
+                            <input type="search" class="input" name="defaultSearch" id="defaultSearch"
+                                placeholder="Search table">
+                        </div>
+                    </div>
+                <table id="datatable_default" class="table-default whitespace-nowrap">
+                    <thead>
+                        <tr>
+                            <th>Name</th>
+                            <th>Position</th>
+                            <th>Office</th>
+                            <th>Age</th>
+                            <th>Start date</th>
+                            <th>Salary</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>Tiger Nixon</td>
+                            <td>System Architect</td>
+                            <td>Edinburgh</td>
+                            <td>61</td>
+                            <td>2011-04-25</td>
+                            <td>$320,800</td>
+                        </tr>
+                        <tr>
+                            <td>Garrett Winters</td>
+                            <td>Accountant</td>
+                            <td>Tokyo</td>
+                            <td>63</td>
+                            <td>2011-07-25</td>
+                            <td>$170,750</td>
+                        </tr>
+                        <tr>
+                            <td>Ashton Cox</td>
+                            <td>Junior Technical Author</td>
+                            <td>San Francisco</td>
+                            <td>66</td>
+                            <td>2009-01-12</td>
+                            <td>$86,000</td>
+                        </tr>
+                        <tr>
+                            <td>Cedric Kelly</td>
+                            <td>Senior JavaScript Developer</td>
+                            <td>Edinburgh</td>
+                            <td>22</td>
+                            <td>2012-03-29</td>
+                            <td>$433,060</td>
+                        </tr>
+                        <tr>
+                            <td>Airi Satou</td>
+                            <td>Accountant</td>
+                            <td>Tokyo</td>
+                            <td>33</td>
+                            <td>2008-11-28</td>
+                            <td>$162,700</td>
+                        </tr>
+                        <tr>
+                            <td>Brielle Williamson</td>
+                            <td>Integration Specialist</td>
+                            <td>New York</td>
+                            <td>61</td>
+                            <td>2012-12-02</td>
+                            <td>$372,000</td>
+                        </tr>
+                        <tr>
+                            <td>Herrod Chandler</td>
+                            <td>Sales Assistant</td>
+                            <td>San Francisco</td>
+                            <td>59</td>
+                            <td>2012-08-06</td>
+                            <td>$137,500</td>
+                        </tr>
+                        <tr>
+                            <td>Rhona Davidson</td>
+                            <td>Integration Specialist</td>
+                            <td>Tokyo</td>
+                            <td>55</td>
+                            <td>2010-10-14</td>
+                            <td>$327,900</td>
+                        </tr>
+                        <tr>
+                            <td>Colleen Hurst</td>
+                            <td>JavaScript Developer</td>
+                            <td>San Francisco</td>
+                            <td>39</td>
+                            <td>2009-09-15</td>
+                            <td>$205,500</td>
+                        </tr>
+                        <tr>
+                            <td>Sonya Frost</td>
+                            <td>Software Engineer</td>
+                            <td>Edinburgh</td>
+                            <td>23</td>
+                            <td>2008-12-13</td>
+                            <td>$103,600</td>
+                        </tr>
+                        <tr>
+                            <td>Jena Gaines</td>
+                            <td>Office Manager</td>
+                            <td>London</td>
+                            <td>30</td>
+                            <td>2008-12-19</td>
+                            <td>$90,560</td>
+                        </tr>
+                        <tr>
+                            <td>Quinn Flynn</td>
+                            <td>Support Lead</td>
+                            <td>Edinburgh</td>
+                            <td>22</td>
+                            <td>2013-03-03</td>
+                            <td>$342,000</td>
+                        </tr>
+                        <tr>
+                            <td>Charde Marshall</td>
+                            <td>Regional Director</td>
+                            <td>San Francisco</td>
+                            <td>36</td>
+                            <td>2008-10-16</td>
+                            <td>$470,600</td>
+                        </tr>
+                        <tr>
+                            <td>Haley Kennedy</td>
+                            <td>Senior Marketing Designer</td>
+                            <td>London</td>
+                            <td>43</td>
+                            <td>2012-12-18</td>
+                            <td>$313,500</td>
+                        </tr>
+                        <tr>
+                            <td>Tatyana Fitzpatrick</td>
+                            <td>Regional Director</td>
+                            <td>London</td>
+                            <td>19</td>
+                            <td>2010-03-17</td>
+                            <td>$385,750</td>
+                        </tr>
+                        <tr>
+                            <td>Michael Silva</td>
+                            <td>Marketing Designer</td>
+                            <td>London</td>
+                            <td>66</td>
+                            <td>2012-11-27</td>
+                            <td>$198,500</td>
+                        </tr>
+                        <tr>
+                            <td>Paul Byrd</td>
+                            <td>Chief Financial Officer (CFO)</td>
+                            <td>New York</td>
+                            <td>64</td>
+                            <td>2010-06-09</td>
+                            <td>$725,000</td>
+                        </tr>
+                        <tr>
+                            <td>Gloria Little</td>
+                            <td>Systems Administrator</td>
+                            <td>New York</td>
+                            <td>59</td>
+                            <td>2009-04-10</td>
+                            <td>$237,500</td>
+                        </tr>
+                        <tr>
+                            <td>Bradley Greer</td>
+                            <td>Software Engineer</td>
+                            <td>London</td>
+                            <td>41</td>
+                            <td>2012-10-13</td>
+                            <td>$132,000</td>
+                        </tr>
+                        <tr>
+                            <td>Dai Rios</td>
+                            <td>Personnel Lead</td>
+                            <td>Edinburgh</td>
+                            <td>35</td>
+                            <td>2012-09-26</td>
+                            <td>$217,500</td>
+                        </tr>
+                        <tr>
+                            <td>Jenette Caldwell</td>
+                            <td>Development Lead</td>
+                            <td>New York</td>
+                            <td>30</td>
+                            <td>2011-09-03</td>
+                            <td>$345,000</td>
+                        </tr>
+                        <tr>
+                            <td>Yuri Berry</td>
+                            <td>Chief Marketing Officer (CMO)</td>
+                            <td>New York</td>
+                            <td>40</td>
+                            <td>2009-06-25</td>
+                            <td>$675,000</td>
+                        </tr>
+                        <tr>
+                            <td>Caesar Vance</td>
+                            <td>Pre-Sales Support</td>
+                            <td>New York</td>
+                            <td>21</td>
+                            <td>2011-12-12</td>
+                            <td>$106,450</td>
+                        </tr>
+                        <tr>
+                            <td>Doris Wilder</td>
+                            <td>Sales Assistant</td>
+                            <td>Sydney</td>
+                            <td>23</td>
+                            <td>2010-09-20</td>
+                            <td>$85,600</td>
+                        </tr>
+                        <tr>
+                            <td>Angelica Ramos</td>
+                            <td>Chief Executive Officer (CEO)</td>
+                            <td>London</td>
+                            <td>47</td>
+                            <td>2009-10-09</td>
+                            <td>$1,200,000</td>
+                        </tr>
+                        <tr>
+                            <td>Gavin Joyce</td>
+                            <td>Developer</td>
+                            <td>Edinburgh</td>
+                            <td>42</td>
+                            <td>2010-12-22</td>
+                            <td>$92,575</td>
+                        </tr>
+                        <tr>
+                            <td>Jennifer Chang</td>
+                            <td>Regional Director</td>
+                            <td>Singapore</td>
+                            <td>28</td>
+                            <td>2010-11-14</td>
+                            <td>$357,650</td>
+                        </tr>
+                        <tr>
+                            <td>Brenden Wagner</td>
+                            <td>Software Engineer</td>
+                            <td>San Francisco</td>
+                            <td>28</td>
+                            <td>2011-06-07</td>
+                            <td>$206,850</td>
+                        </tr>
+                        <tr>
+                            <td>Fiona Green</td>
+                            <td>Chief Operating Officer (COO)</td>
+                            <td>San Francisco</td>
+                            <td>48</td>
+                            <td>2010-03-11</td>
+                            <td>$850,000</td>
+                        </tr>
+                        <tr>
+                            <td>Shou Itou</td>
+                            <td>Regional Marketing</td>
+                            <td>Tokyo</td>
+                            <td>20</td>
+                            <td>2011-08-14</td>
+                            <td>$163,000</td>
+                        </tr>
+                        <tr>
+                            <td>Michelle House</td>
+                            <td>Integration Specialist</td>
+                            <td>Sydney</td>
+                            <td>37</td>
+                            <td>2011-06-02</td>
+                            <td>$95,400</td>
+                        </tr>
+                        <tr>
+                            <td>Suki Burks</td>
+                            <td>Developer</td>
+                            <td>London</td>
+                            <td>53</td>
+                            <td>2009-10-22</td>
+                            <td>$114,500</td>
+                        </tr>
+                        <tr>
+                            <td>Prescott Bartlett</td>
+                            <td>Technical Author</td>
+                            <td>London</td>
+                            <td>27</td>
+                            <td>2011-05-07</td>
+                            <td>$145,000</td>
+                        </tr>
+                        <tr>
+                            <td>Gavin Cortez</td>
+                            <td>Team Leader</td>
+                            <td>San Francisco</td>
+                            <td>22</td>
+                            <td>2008-10-26</td>
+                            <td>$235,500</td>
+                        </tr>
+                        <tr>
+                            <td>Martena Mccray</td>
+                            <td>Post-Sales support</td>
+                            <td>Edinburgh</td>
+                            <td>46</td>
+                            <td>2011-03-09</td>
+                            <td>$324,050</td>
+                        </tr>
+                        <tr>
+                            <td>Unity Butler</td>
+                            <td>Marketing Designer</td>
+                            <td>San Francisco</td>
+                            <td>47</td>
+                            <td>2009-12-09</td>
+                            <td>$85,675</td>
+                        </tr>
+                        <tr>
+                            <td>Howard Hatfield</td>
+                            <td>Office Manager</td>
+                            <td>San Francisco</td>
+                            <td>51</td>
+                            <td>2008-12-16</td>
+                            <td>$164,500</td>
+                        </tr>
+                        <tr>
+                            <td>Hope Fuentes</td>
+                            <td>Secretary</td>
+                            <td>San Francisco</td>
+                            <td>41</td>
+                            <td>2010-02-12</td>
+                            <td>$109,850</td>
+                        </tr>
+                        <tr>
+                            <td>Vivian Harrell</td>
+                            <td>Financial Controller</td>
+                            <td>San Francisco</td>
+                            <td>62</td>
+                            <td>2009-02-14</td>
+                            <td>$452,500</td>
+                        </tr>
+                        <tr>
+                            <td>Timothy Mooney</td>
+                            <td>Office Manager</td>
+                            <td>London</td>
+                            <td>37</td>
+                            <td>2008-12-11</td>
+                            <td>$136,200</td>
+                        </tr>
+                        <tr>
+                            <td>Jackson Bradshaw</td>
+                            <td>Director</td>
+                            <td>New York</td>
+                            <td>65</td>
+                            <td>2008-09-26</td>
+                            <td>$645,750</td>
+                        </tr>
+                        <tr>
+                            <td>Olivia Liang</td>
+                            <td>Support Engineer</td>
+                            <td>Singapore</td>
+                            <td>64</td>
+                            <td>2011-02-03</td>
+                            <td>$234,500</td>
+                        </tr>
+                        <tr>
+                            <td>Bruno Nash</td>
+                            <td>Software Engineer</td>
+                            <td>London</td>
+                            <td>38</td>
+                            <td>2011-05-03</td>
+                            <td>$163,500</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+    <script src="vendor/js/jquery.min.js"></script>
+    <script src="https://cdn.datatables.net/2.3.3/js/dataTables.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const table = new DataTable('#datatable_default', {
+                lengthChange: false,
+                pageLength: 9,
+                scrollX: true,
+                dom: 'lrtip',
+            });
+            const searchInput = document.getElementById('defaultSearch');
+            searchInput.addEventListener('input', e => {
+                table.search(e.target.value).draw();
+            });
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/tables-default.html b/public_html/raven-demo/tables-default.html
new file mode 100644
index 0000000..a17e4f0
--- /dev/null
+++ b/public_html/raven-demo/tables-default.html
@@ -0,0 +1,1258 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item tables_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item tables_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item tables_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item tables_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item active">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Table Default</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Tables</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Default</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+
+                <div class="overflow-x-auto">
+                    <table class="table-default whitespace-nowrap border-collapse">
+                        <thead>
+                            <tr>
+                                <th>ID</th>
+                                <th>Name</th>
+                                <th>Email</th>
+                                <th>Role</th>
+                                <th>Status</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>Alice Johnson</td>
+                                <td>alice@example.com</td>
+                                <td>Admin</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                            <tr>
+                                <td>2</td>
+                                <td>Bob Smith</td>
+                                <td>bob@example.com</td>
+                                <td>Editor</td>
+                                <td class="text-red-500">Inactive</td>
+                            </tr>
+                            <tr>
+                                <td>3</td>
+                                <td>Carol Lee</td>
+                                <td>carol@example.com</td>
+                                <td>Viewer</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                            <tr>
+                                <td>4</td>
+                                <td>David Miller</td>
+                                <td>david@example.com</td>
+                                <td>Editor</td>
+                                <td class="text-yellow-500">Pending</td>
+                            </tr>
+                            <tr>
+                                <td>5</td>
+                                <td>Emma Brown</td>
+                                <td>emma@example.com</td>
+                                <td>Admin</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="overflow-x-auto"&gt;
+    &lt;table class="table-default whitespace-nowrap border-collapse"&gt;
+        &lt;thead&gt;
+            &lt;tr&gt;
+                &lt;th&gt;ID&lt;/th&gt;
+                &lt;th&gt;Name&lt;/th&gt;
+                &lt;th&gt;Email&lt;/th&gt;
+                &lt;th&gt;Role&lt;/th&gt;
+                &lt;th&gt;Status&lt;/th&gt;
+            &lt;/tr&gt;
+        &lt;/thead&gt;
+        &lt;tbody&gt;
+            &lt;tr&gt;
+                &lt;td&gt;1&lt;/td&gt;
+                &lt;td&gt;Alice Johnson&lt;/td&gt;
+                &lt;td&gt;alice@example.com&lt;/td&gt;
+                &lt;td&gt;Admin&lt;/td&gt;
+                &lt;td class="text-green-500"&gt;Active&lt;/td&gt;
+            &lt;/tr&gt;
+            ....
+        &lt;/tbody&gt;
+    &lt;/table&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <div class="py-4">
+                <h5 class="text-lg">Hover</h5>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+
+                <div class="overflow-x-auto">
+                    <table class="table-default table-hover whitespace-nowrap border-collapse">
+                        <thead>
+                            <tr>
+                                <th>ID</th>
+                                <th>Name</th>
+                                <th>Email</th>
+                                <th>Role</th>
+                                <th>Status</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>Alice Johnson</td>
+                                <td>alice@example.com</td>
+                                <td>Admin</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                            <tr>
+                                <td>2</td>
+                                <td>Bob Smith</td>
+                                <td>bob@example.com</td>
+                                <td>Editor</td>
+                                <td class="text-red-500">Inactive</td>
+                            </tr>
+                            <tr>
+                                <td>3</td>
+                                <td>Carol Lee</td>
+                                <td>carol@example.com</td>
+                                <td>Viewer</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                            <tr>
+                                <td>4</td>
+                                <td>David Miller</td>
+                                <td>david@example.com</td>
+                                <td>Editor</td>
+                                <td class="text-yellow-500">Pending</td>
+                            </tr>
+                            <tr>
+                                <td>5</td>
+                                <td>Emma Brown</td>
+                                <td>emma@example.com</td>
+                                <td>Admin</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                </div>
+                <div class="px-4 py-2 leading-none code-snippet border-t border-zinc-200 dark:border-zinc-800">
+                    <span class="text-sm">Add class to table <code
+                            class="px-1 py-0.5 rounded bg-zinc-500 text-white leading-none">table-hover</code></span>
+                </div>
+            </div>
+            <div class="py-4">
+                <h5 class="text-lg">Striped</h5>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+
+                <div class="overflow-x-auto">
+                    <table class="table-default table-striped whitespace-nowrap border-collapse">
+                        <thead>
+                            <tr>
+                                <th>ID</th>
+                                <th>Name</th>
+                                <th>Email</th>
+                                <th>Role</th>
+                                <th>Status</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>Alice Johnson</td>
+                                <td>alice@example.com</td>
+                                <td>Admin</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                            <tr>
+                                <td>2</td>
+                                <td>Bob Smith</td>
+                                <td>bob@example.com</td>
+                                <td>Editor</td>
+                                <td class="text-red-500">Inactive</td>
+                            </tr>
+                            <tr>
+                                <td>3</td>
+                                <td>Carol Lee</td>
+                                <td>carol@example.com</td>
+                                <td>Viewer</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                            <tr>
+                                <td>4</td>
+                                <td>David Miller</td>
+                                <td>david@example.com</td>
+                                <td>Editor</td>
+                                <td class="text-yellow-500">Pending</td>
+                            </tr>
+                            <tr>
+                                <td>5</td>
+                                <td>Emma Brown</td>
+                                <td>emma@example.com</td>
+                                <td>Admin</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                </div>
+                <div class="px-4 py-2 leading-none code-snippet border-t border-zinc-200 dark:border-zinc-800">
+                    <span class="text-sm">Add class to table <code
+                            class="px-1 py-0.5 rounded bg-zinc-500 text-white leading-none">table-striped</code></span>
+                </div>
+            </div>
+
+            <div class="py-4">
+                <h5 class="text-lg">Compact</h5>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+
+                <div class="overflow-x-auto">
+                    <table class="table-default table-compact whitespace-nowrap border-collapse">
+                        <thead>
+                            <tr>
+                                <th>ID</th>
+                                <th>Name</th>
+                                <th>Email</th>
+                                <th>Role</th>
+                                <th>Status</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>Alice Johnson</td>
+                                <td>alice@example.com</td>
+                                <td>Admin</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                            <tr>
+                                <td>2</td>
+                                <td>Bob Smith</td>
+                                <td>bob@example.com</td>
+                                <td>Editor</td>
+                                <td class="text-red-500">Inactive</td>
+                            </tr>
+                            <tr>
+                                <td>3</td>
+                                <td>Carol Lee</td>
+                                <td>carol@example.com</td>
+                                <td>Viewer</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                            <tr>
+                                <td>4</td>
+                                <td>David Miller</td>
+                                <td>david@example.com</td>
+                                <td>Editor</td>
+                                <td class="text-yellow-500">Pending</td>
+                            </tr>
+                            <tr>
+                                <td>5</td>
+                                <td>Emma Brown</td>
+                                <td>emma@example.com</td>
+                                <td>Admin</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                </div>
+                <div class="px-4 py-2 leading-none code-snippet border-t border-zinc-200 dark:border-zinc-800">
+                    <span class="text-sm">Add class to table <code
+                            class="px-1 py-0.5 rounded bg-zinc-500 text-white leading-none">table-compact</code></span>
+                </div>
+            </div>
+            
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/raven-demo/vendor/css/choices.min.css b/public_html/raven-demo/vendor/css/choices.min.css
new file mode 100644
index 0000000..cf79ea9
--- /dev/null
+++ b/public_html/raven-demo/vendor/css/choices.min.css
@@ -0,0 +1 @@
+.choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #005f75}.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0-4px 0 8px;padding-left:16px;border-left:1px solid #003642;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#005f75;border:1px solid #004a5c;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#004a5c;border:1px solid #003642}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{display:none;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{display:block}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable[data-select-text],.choices__list[aria-expanded] .choices__item--selectable[data-select-text]{padding-right:100px}.choices__list--dropdown .choices__item--selectable[data-select-text]::after,.choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text],[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}
\ No newline at end of file
diff --git a/public_html/raven-demo/vendor/css/daterangepicker.css b/public_html/raven-demo/vendor/css/daterangepicker.css
new file mode 100644
index 0000000..a963804
--- /dev/null
+++ b/public_html/raven-demo/vendor/css/daterangepicker.css
@@ -0,0 +1,410 @@
+.daterangepicker {
+  position: absolute;
+  color: inherit;
+  background-color: #fff;
+  border-radius: 4px;
+  border: 1px solid #ddd;
+  width: 278px;
+  max-width: none;
+  padding: 0;
+  margin-top: 7px;
+  top: 100px;
+  left: 20px;
+  z-index: 3001;
+  display: none;
+  font-family: arial;
+  font-size: 15px;
+  line-height: 1em;
+}
+
+.daterangepicker:before, .daterangepicker:after {
+  position: absolute;
+  display: inline-block;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: '';
+}
+
+.daterangepicker:before {
+  top: -7px;
+  border-right: 7px solid transparent;
+  border-left: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+}
+
+.daterangepicker:after {
+  top: -6px;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-left: 6px solid transparent;
+}
+
+.daterangepicker.opensleft:before {
+  right: 9px;
+}
+
+.daterangepicker.opensleft:after {
+  right: 10px;
+}
+
+.daterangepicker.openscenter:before {
+  left: 0;
+  right: 0;
+  width: 0;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.daterangepicker.openscenter:after {
+  left: 0;
+  right: 0;
+  width: 0;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.daterangepicker.opensright:before {
+  left: 9px;
+}
+
+.daterangepicker.opensright:after {
+  left: 10px;
+}
+
+.daterangepicker.drop-up {
+  margin-top: -7px;
+}
+
+.daterangepicker.drop-up:before {
+  top: initial;
+  bottom: -7px;
+  border-bottom: initial;
+  border-top: 7px solid #ccc;
+}
+
+.daterangepicker.drop-up:after {
+  top: initial;
+  bottom: -6px;
+  border-bottom: initial;
+  border-top: 6px solid #fff;
+}
+
+.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
+  float: none;
+}
+
+.daterangepicker.single .drp-selected {
+  display: none;
+}
+
+.daterangepicker.show-calendar .drp-calendar {
+  display: block;
+}
+
+.daterangepicker.show-calendar .drp-buttons {
+  display: block;
+}
+
+.daterangepicker.auto-apply .drp-buttons {
+  display: none;
+}
+
+.daterangepicker .drp-calendar {
+  display: none;
+  max-width: 270px;
+}
+
+.daterangepicker .drp-calendar.left {
+  padding: 8px 0 8px 8px;
+}
+
+.daterangepicker .drp-calendar.right {
+  padding: 8px;
+}
+
+.daterangepicker .drp-calendar.single .calendar-table {
+  border: none;
+}
+
+.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
+  color: #fff;
+  border: solid black;
+  border-width: 0 2px 2px 0;
+  border-radius: 0;
+  display: inline-block;
+  padding: 3px;
+}
+
+.daterangepicker .calendar-table .next span {
+  transform: rotate(-45deg);
+  -webkit-transform: rotate(-45deg);
+}
+
+.daterangepicker .calendar-table .prev span {
+  transform: rotate(135deg);
+  -webkit-transform: rotate(135deg);
+}
+
+.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
+  white-space: nowrap;
+  text-align: center;
+  vertical-align: middle;
+  min-width: 32px;
+  width: 32px;
+  height: 24px;
+  line-height: 24px;
+  font-size: 12px;
+  border-radius: 4px;
+  border: 1px solid transparent;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.daterangepicker .calendar-table {
+  border: 1px solid #fff;
+  border-radius: 4px;
+  background-color: #fff;
+}
+
+.daterangepicker .calendar-table table {
+  width: 100%;
+  margin: 0;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+.daterangepicker td.available:hover, .daterangepicker th.available:hover {
+  background-color: #eee;
+  border-color: transparent;
+  color: inherit;
+}
+
+.daterangepicker td.week, .daterangepicker th.week {
+  font-size: 80%;
+  color: #ccc;
+}
+
+.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
+  background-color: #fff;
+  border-color: transparent;
+  color: #999;
+}
+
+.daterangepicker td.in-range {
+  background-color: #ebf4f8;
+  border-color: transparent;
+  color: #000;
+  border-radius: 0;
+}
+
+.daterangepicker td.start-date {
+  border-radius: 4px 0 0 4px;
+}
+
+.daterangepicker td.end-date {
+  border-radius: 0 4px 4px 0;
+}
+
+.daterangepicker td.start-date.end-date {
+  border-radius: 4px;
+}
+
+.daterangepicker td.active, .daterangepicker td.active:hover {
+  background-color: #357ebd;
+  border-color: transparent;
+  color: #fff;
+}
+
+.daterangepicker th.month {
+  width: auto;
+}
+
+.daterangepicker td.disabled, .daterangepicker option.disabled {
+  color: #999;
+  cursor: not-allowed;
+  text-decoration: line-through;
+}
+
+.daterangepicker select.monthselect, .daterangepicker select.yearselect {
+  font-size: 12px;
+  padding: 1px;
+  height: auto;
+  margin: 0;
+  cursor: default;
+}
+
+.daterangepicker select.monthselect {
+  margin-right: 2%;
+  width: 56%;
+}
+
+.daterangepicker select.yearselect {
+  width: 40%;
+}
+
+.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
+  width: 50px;
+  margin: 0 auto;
+  background: #eee;
+  border: 1px solid #eee;
+  padding: 2px;
+  outline: 0;
+  font-size: 12px;
+}
+
+.daterangepicker .calendar-time {
+  text-align: center;
+  margin: 4px auto 0 auto;
+  line-height: 30px;
+  position: relative;
+}
+
+.daterangepicker .calendar-time select.disabled {
+  color: #ccc;
+  cursor: not-allowed;
+}
+
+.daterangepicker .drp-buttons {
+  clear: both;
+  text-align: right;
+  padding: 8px;
+  border-top: 1px solid #ddd;
+  display: none;
+  line-height: 12px;
+  vertical-align: middle;
+}
+
+.daterangepicker .drp-selected {
+  display: inline-block;
+  font-size: 12px;
+  padding-right: 8px;
+}
+
+.daterangepicker .drp-buttons .btn {
+  margin-left: 8px;
+  font-size: 12px;
+  font-weight: bold;
+  padding: 4px 8px;
+}
+
+.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
+  border-right: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
+  border-left: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.rtl .drp-calendar.right {
+  border-right: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.ltr .drp-calendar.left {
+  border-left: 1px solid #ddd;
+}
+
+.daterangepicker .ranges {
+  float: none;
+  text-align: left;
+  margin: 0;
+}
+
+.daterangepicker.show-calendar .ranges {
+  margin-top: 8px;
+}
+
+.daterangepicker .ranges ul {
+  list-style: none;
+  margin: 0 auto;
+  padding: 0;
+  width: 100%;
+}
+
+.daterangepicker .ranges li {
+  font-size: 12px;
+  padding: 8px 12px;
+  cursor: pointer;
+}
+
+.daterangepicker .ranges li:hover {
+  background-color: #eee;
+}
+
+.daterangepicker .ranges li.active {
+  background-color: #08c;
+  color: #fff;
+}
+
+/*  Larger Screen Styling */
+@media (min-width: 564px) {
+  .daterangepicker {
+    width: auto;
+  }
+
+  .daterangepicker .ranges ul {
+    width: 140px;
+  }
+
+  .daterangepicker.single .ranges ul {
+    width: 100%;
+  }
+
+  .daterangepicker.single .drp-calendar.left {
+    clear: none;
+  }
+
+  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
+    float: left;
+  }
+
+  .daterangepicker {
+    direction: ltr;
+    text-align: left;
+  }
+
+  .daterangepicker .drp-calendar.left {
+    clear: left;
+    margin-right: 0;
+  }
+
+  .daterangepicker .drp-calendar.left .calendar-table {
+    border-right: none;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .daterangepicker .drp-calendar.right {
+    margin-left: 0;
+  }
+
+  .daterangepicker .drp-calendar.right .calendar-table {
+    border-left: none;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .daterangepicker .drp-calendar.left .calendar-table {
+    padding-right: 8px;
+  }
+
+  .daterangepicker .ranges, .daterangepicker .drp-calendar {
+    float: left;
+  }
+}
+
+@media (min-width: 730px) {
+  .daterangepicker .ranges {
+    width: auto;
+  }
+
+  .daterangepicker .ranges {
+    float: left;
+  }
+
+  .daterangepicker.rtl .ranges {
+    float: right;
+  }
+
+  .daterangepicker .drp-calendar.left {
+    clear: none !important;
+  }
+}
diff --git a/public_html/raven-demo/vendor/css/flatpickr.min.css b/public_html/raven-demo/vendor/css/flatpickr.min.css
new file mode 100644
index 0000000..a10acc6
--- /dev/null
+++ b/public_html/raven-demo/vendor/css/flatpickr.min.css
@@ -0,0 +1,13 @@
+.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
+      /*rtl:begin:ignore*/left:0/*
+      /*rtl:end:ignore*/}/*
+      /*rtl:begin:ignore*/
+/*
+      /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
+      /*rtl:begin:ignore*/right:0/*
+      /*rtl:end:ignore*/}/*
+      /*rtl:begin:ignore*/
+/*
+      /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
\ No newline at end of file
diff --git a/public_html/raven-demo/vendor/css/jsvectormap.min.css b/public_html/raven-demo/vendor/css/jsvectormap.min.css
new file mode 100644
index 0000000..4e8d77c
--- /dev/null
+++ b/public_html/raven-demo/vendor/css/jsvectormap.min.css
@@ -0,0 +1 @@
+:root{--jvm-border-color: #E5E6E7;--jvm-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--jvm-tooltip-font-size: 0.9rem;--jvm-tooltip-bg-color: #337FFA;--jvm-tooltip-color: #FFF;--jvm-tooltip-padding: 3px 5px;--jvm-tooltip-shadow: var(--jvm-box-shadow);--jvm-tooltip-radius: 3px;--jvm-zoom-btn-bg-color: #292929;--jvm-zoom-btn-color: #FFF;--jvm-zoom-btn-size: 15px;--jvm-zoom-btn-radius: 3px;--jvm-series-container-right: 15px;--jvm-legend-bg-color: #FFF;--jvm-legend-radius: 0.15rem;--jvm-legend-margin-left: 0.75rem;--jvm-legend-padding: 0.6rem;--jvm-legend-title-padding-bottom: 0.5rem;--jvm-legend-title-margin-bottom: 0.575rem;--jvm-legend-tick-margin-top: 0.575rem;--jvm-legend-tick-sample-radius: 0;--jvm-legend-tick-sample-height: 12px;--jvm-legend-tick-sample-width: 30px;--jvm-legend-tick-text-font-size: 12px;--jvm-legend-tick-text-margin-top: 3px}image,text,.jvm-zoom-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jvm-container{position:relative;height:100%;width:100%}.jvm-tooltip{border-radius:var(--jvm-tooltip-radius);background-color:var(--jvm-tooltip-bg-color);color:var(--jvm-tooltip-color);font-size:var(--jvm-tooltip-font-size);box-shadow:var(--jvm-tooltip-shadow);padding:var(--jvm-tooltip-padding);white-space:nowrap;position:absolute;display:none}.jvm-tooltip.active{display:block}.jvm-zoom-btn{background-color:var(--jvm-zoom-btn-bg-color);color:var(--jvm-zoom-btn-color);border-radius:var(--jvm-zoom-btn-radius);height:var(--jvm-zoom-btn-size);width:var(--jvm-zoom-btn-size);box-sizing:border-box;position:absolute;left:10px;line-height:var(--jvm-zoom-btn-size);text-align:center;cursor:pointer}.jvm-zoom-btn.jvm-zoomin{top:var(--jvm-zoom-btn-size)}.jvm-zoom-btn.jvm-zoomout{top:calc(var(--jvm-zoom-btn-size)*2 + var(--jvm-zoom-btn-size)/3)}.jvm-series-container{position:absolute;right:var(--jvm-series-container-right)}.jvm-series-container.jvm-series-h{bottom:15px}.jvm-series-container.jvm-series-v{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.75rem;top:15px}.jvm-legend{background-color:var(--jvm-legend-bg-color);border:1px solid var(--jvm-border-color);margin-left:var(--jvm-legend-margin-left);border-radius:var(--jvm-legend-radius);padding:var(--jvm-legend-padding);box-shadow:var(--jvm-box-shadow)}.jvm-legend-title{line-height:1;border-bottom:1px solid var(--jvm-border-color);padding-bottom:var(--jvm-legend-title-padding-bottom);margin-bottom:var(--jvm-legend-title-margin-bottom);text-align:left}.jvm-legend-tick{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:40px}.jvm-legend-tick:not(:first-child){margin-top:var(--jvm-legend-tick-margin-top)}.jvm-legend-tick-sample{border-radius:var(--jvm-legend-tick-sample-radius);margin-right:.45rem;height:var(--jvm-legend-tick-sample-height);width:var(--jvm-legend-tick-sample-width)}.jvm-legend-tick-text{font-size:var(--jvm-legend-tick-text-font-size);text-align:center;line-height:1}.jvm-line[animation=true]{-webkit-animation:jvm-line-animation 10s linear forwards infinite;animation:jvm-line-animation 10s linear forwards infinite}@-webkit-keyframes jvm-line-animation{from{stroke-dashoffset:250}}@keyframes jvm-line-animation{from{stroke-dashoffset:250}}
\ No newline at end of file
diff --git a/public_html/raven-demo/vendor/css/notyf.min.css b/public_html/raven-demo/vendor/css/notyf.min.css
new file mode 100644
index 0000000..dbb5a16
--- /dev/null
+++ b/public_html/raven-demo/vendor/css/notyf.min.css
@@ -0,0 +1 @@
+@-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}}
\ No newline at end of file
diff --git a/public_html/raven-demo/vendor/css/sal.css b/public_html/raven-demo/vendor/css/sal.css
new file mode 100644
index 0000000..fafcdf6
--- /dev/null
+++ b/public_html/raven-demo/vendor/css/sal.css
@@ -0,0 +1,3 @@
+[data-sal]{transition-delay:0s;transition-delay:var(--sal-delay,0s);transition-duration:.2s;transition-duration:var(--sal-duration,.2s);transition-timing-function:ease;transition-timing-function:var(--sal-easing,ease)}[data-sal][data-sal-duration="200"]{transition-duration:.2s}[data-sal][data-sal-duration="250"]{transition-duration:.25s}[data-sal][data-sal-duration="300"]{transition-duration:.3s}[data-sal][data-sal-duration="350"]{transition-duration:.35s}[data-sal][data-sal-duration="400"]{transition-duration:.4s}[data-sal][data-sal-duration="450"]{transition-duration:.45s}[data-sal][data-sal-duration="500"]{transition-duration:.5s}[data-sal][data-sal-duration="550"]{transition-duration:.55s}[data-sal][data-sal-duration="600"]{transition-duration:.6s}[data-sal][data-sal-duration="650"]{transition-duration:.65s}[data-sal][data-sal-duration="700"]{transition-duration:.7s}[data-sal][data-sal-duration="750"]{transition-duration:.75s}[data-sal][data-sal-duration="800"]{transition-duration:.8s}[data-sal][data-sal-duration="850"]{transition-duration:.85s}[data-sal][data-sal-duration="900"]{transition-duration:.9s}[data-sal][data-sal-duration="950"]{transition-duration:.95s}[data-sal][data-sal-duration="1000"]{transition-duration:1s}[data-sal][data-sal-duration="1050"]{transition-duration:1.05s}[data-sal][data-sal-duration="1100"]{transition-duration:1.1s}[data-sal][data-sal-duration="1150"]{transition-duration:1.15s}[data-sal][data-sal-duration="1200"]{transition-duration:1.2s}[data-sal][data-sal-duration="1250"]{transition-duration:1.25s}[data-sal][data-sal-duration="1300"]{transition-duration:1.3s}[data-sal][data-sal-duration="1350"]{transition-duration:1.35s}[data-sal][data-sal-duration="1400"]{transition-duration:1.4s}[data-sal][data-sal-duration="1450"]{transition-duration:1.45s}[data-sal][data-sal-duration="1500"]{transition-duration:1.5s}[data-sal][data-sal-duration="1550"]{transition-duration:1.55s}[data-sal][data-sal-duration="1600"]{transition-duration:1.6s}[data-sal][data-sal-duration="1650"]{transition-duration:1.65s}[data-sal][data-sal-duration="1700"]{transition-duration:1.7s}[data-sal][data-sal-duration="1750"]{transition-duration:1.75s}[data-sal][data-sal-duration="1800"]{transition-duration:1.8s}[data-sal][data-sal-duration="1850"]{transition-duration:1.85s}[data-sal][data-sal-duration="1900"]{transition-duration:1.9s}[data-sal][data-sal-duration="1950"]{transition-duration:1.95s}[data-sal][data-sal-duration="2000"]{transition-duration:2s}[data-sal][data-sal-delay="50"]{transition-delay:.05s}[data-sal][data-sal-delay="100"]{transition-delay:.1s}[data-sal][data-sal-delay="150"]{transition-delay:.15s}[data-sal][data-sal-delay="200"]{transition-delay:.2s}[data-sal][data-sal-delay="250"]{transition-delay:.25s}[data-sal][data-sal-delay="300"]{transition-delay:.3s}[data-sal][data-sal-delay="350"]{transition-delay:.35s}[data-sal][data-sal-delay="400"]{transition-delay:.4s}[data-sal][data-sal-delay="450"]{transition-delay:.45s}[data-sal][data-sal-delay="500"]{transition-delay:.5s}[data-sal][data-sal-delay="550"]{transition-delay:.55s}[data-sal][data-sal-delay="600"]{transition-delay:.6s}[data-sal][data-sal-delay="650"]{transition-delay:.65s}[data-sal][data-sal-delay="700"]{transition-delay:.7s}[data-sal][data-sal-delay="750"]{transition-delay:.75s}[data-sal][data-sal-delay="800"]{transition-delay:.8s}[data-sal][data-sal-delay="850"]{transition-delay:.85s}[data-sal][data-sal-delay="900"]{transition-delay:.9s}[data-sal][data-sal-delay="950"]{transition-delay:.95s}[data-sal][data-sal-delay="1000"]{transition-delay:1s}[data-sal][data-sal-easing=linear]{transition-timing-function:linear}[data-sal][data-sal-easing=ease]{transition-timing-function:ease}[data-sal][data-sal-easing=ease-in]{transition-timing-function:ease-in}[data-sal][data-sal-easing=ease-out]{transition-timing-function:ease-out}[data-sal][data-sal-easing=ease-in-out]{transition-timing-function:ease-in-out}[data-sal][data-sal-easing=ease-in-cubic]{transition-timing-function:cubic-bezier(.55,.055,.675,.19)}[data-sal][data-sal-easing=ease-out-cubic]{transition-timing-function:cubic-bezier(.215,.61,.355,1)}[data-sal][data-sal-easing=ease-in-out-cubic]{transition-timing-function:cubic-bezier(.645,.045,.355,1)}[data-sal][data-sal-easing=ease-in-circ]{transition-timing-function:cubic-bezier(.6,.04,.98,.335)}[data-sal][data-sal-easing=ease-out-circ]{transition-timing-function:cubic-bezier(.075,.82,.165,1)}[data-sal][data-sal-easing=ease-in-out-circ]{transition-timing-function:cubic-bezier(.785,.135,.15,.86)}[data-sal][data-sal-easing=ease-in-expo]{transition-timing-function:cubic-bezier(.95,.05,.795,.035)}[data-sal][data-sal-easing=ease-out-expo]{transition-timing-function:cubic-bezier(.19,1,.22,1)}[data-sal][data-sal-easing=ease-in-out-expo]{transition-timing-function:cubic-bezier(1,0,0,1)}[data-sal][data-sal-easing=ease-in-quad]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-sal][data-sal-easing=ease-out-quad]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-sal][data-sal-easing=ease-in-out-quad]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-sal][data-sal-easing=ease-in-quart]{transition-timing-function:cubic-bezier(.895,.03,.685,.22)}[data-sal][data-sal-easing=ease-out-quart]{transition-timing-function:cubic-bezier(.165,.84,.44,1)}[data-sal][data-sal-easing=ease-in-out-quart]{transition-timing-function:cubic-bezier(.77,0,.175,1)}[data-sal][data-sal-easing=ease-in-quint]{transition-timing-function:cubic-bezier(.755,.05,.855,.06)}[data-sal][data-sal-easing=ease-out-quint]{transition-timing-function:cubic-bezier(.23,1,.32,1)}[data-sal][data-sal-easing=ease-in-out-quint]{transition-timing-function:cubic-bezier(.86,0,.07,1)}[data-sal][data-sal-easing=ease-in-sine]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-sal][data-sal-easing=ease-out-sine]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-sal][data-sal-easing=ease-in-out-sine]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-sal][data-sal-easing=ease-in-back]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-sal][data-sal-easing=ease-out-back]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-sal][data-sal-easing=ease-in-out-back]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-sal|=fade]{opacity:0;transition-property:opacity}[data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade]{opacity:1}[data-sal|=slide]{opacity:0;transition-property:opacity,transform}[data-sal=slide-up]{transform:translateY(20%)}[data-sal=slide-down]{transform:translateY(-20%)}[data-sal=slide-left]{transform:translateX(20%)}[data-sal=slide-right]{transform:translateX(-20%)}[data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide]{opacity:1;transform:none}[data-sal|=zoom]{opacity:0;transition-property:opacity,transform}[data-sal=zoom-in]{transform:scale(.5)}[data-sal=zoom-out]{transform:scale(1.1)}[data-sal|=zoom].sal-animate,body.sal-disabled [data-sal|=zoom]{opacity:1;transform:none}[data-sal|=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}[data-sal=flip-left]{transform:perspective(2000px) rotateY(-91deg)}[data-sal=flip-right]{transform:perspective(2000px) rotateY(91deg)}[data-sal=flip-up]{transform:perspective(2000px) rotateX(-91deg)}[data-sal=flip-down]{transform:perspective(2000px) rotateX(91deg)}[data-sal|=flip].sal-animate,body.sal-disabled [data-sal|=flip]{transform:none}
+
+/*# sourceMappingURL=sal.css.map*/
\ No newline at end of file
diff --git a/public_html/raven-demo/vendor/css/simplebar.css b/public_html/raven-demo/vendor/css/simplebar.css
new file mode 100644
index 0000000..0af2c45
--- /dev/null
+++ b/public_html/raven-demo/vendor/css/simplebar.css
@@ -0,0 +1,230 @@
+[data-simplebar] {
+  position: relative;
+  flex-direction: column;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-content: flex-start;
+  align-items: flex-start;
+}
+
+.simplebar-wrapper {
+  overflow: hidden;
+  width: inherit;
+  height: inherit;
+  max-width: inherit;
+  max-height: inherit;
+}
+
+.simplebar-mask {
+  direction: inherit;
+  position: absolute;
+  overflow: hidden;
+  padding: 0;
+  margin: 0;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: auto !important;
+  height: auto !important;
+  z-index: 0;
+}
+
+.simplebar-offset {
+  direction: inherit !important;
+  box-sizing: inherit !important;
+  resize: none !important;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  padding: 0;
+  margin: 0;
+  -webkit-overflow-scrolling: touch;
+}
+
+.simplebar-content-wrapper {
+  direction: inherit;
+  box-sizing: border-box !important;
+  position: relative;
+  display: block;
+  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
+  width: auto;
+  max-width: 100%; /* Not required for horizontal scroll to trigger */
+  max-height: 100%; /* Needed for vertical scroll to trigger */
+  overflow: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.simplebar-content-wrapper::-webkit-scrollbar,
+.simplebar-hide-scrollbar::-webkit-scrollbar {
+  display: none;
+  width: 0;
+  height: 0;
+}
+
+.simplebar-content:before,
+.simplebar-content:after {
+  content: ' ';
+  display: table;
+}
+
+.simplebar-placeholder {
+  max-height: 100%;
+  max-width: 100%;
+  width: 100%;
+  pointer-events: none;
+}
+
+.simplebar-height-auto-observer-wrapper {
+  box-sizing: inherit !important;
+  height: 100%;
+  width: 100%;
+  max-width: 1px;
+  position: relative;
+  float: left;
+  max-height: 1px;
+  overflow: hidden;
+  z-index: -1;
+  padding: 0;
+  margin: 0;
+  pointer-events: none;
+  flex-grow: inherit;
+  flex-shrink: 0;
+  flex-basis: 0;
+}
+
+.simplebar-height-auto-observer {
+  box-sizing: inherit;
+  display: block;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 1000%;
+  width: 1000%;
+  min-height: 1px;
+  min-width: 1px;
+  overflow: hidden;
+  pointer-events: none;
+  z-index: -1;
+}
+
+.simplebar-track {
+  z-index: 1;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  overflow: hidden;
+}
+
+[data-simplebar].simplebar-dragging {
+  pointer-events: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+[data-simplebar].simplebar-dragging .simplebar-content {
+  pointer-events: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+[data-simplebar].simplebar-dragging .simplebar-track {
+  pointer-events: all;
+}
+
+.simplebar-scrollbar {
+  position: absolute;
+  left: 0;
+  right: 0;
+  min-height: 10px;
+}
+
+.simplebar-scrollbar:before {
+  position: absolute;
+  content: '';
+  background: black;
+  border-radius: 7px;
+  left: 2px;
+  right: 2px;
+  opacity: 0;
+  transition: opacity 0.2s 0.5s linear;
+}
+
+.simplebar-scrollbar.simplebar-visible:before {
+  opacity: 0.5;
+  transition-delay: 0s;
+  transition-duration: 0s;
+}
+
+.simplebar-track.simplebar-vertical {
+  top: 0;
+  width: 11px;
+}
+
+.simplebar-scrollbar:before {
+  top: 2px;
+  bottom: 2px;
+  left: 2px;
+  right: 2px;
+}
+
+.simplebar-track.simplebar-horizontal {
+  left: 0;
+  height: 11px;
+}
+
+.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
+  right: auto;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  min-height: 0;
+  min-width: 10px;
+  width: auto;
+}
+
+/* Rtl support */
+[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
+  right: auto;
+  left: 0;
+}
+
+.simplebar-dummy-scrollbar-size {
+  direction: rtl;
+  position: fixed;
+  opacity: 0;
+  visibility: hidden;
+  height: 500px;
+  width: 500px;
+  overflow-y: hidden;
+  overflow-x: scroll;
+  -ms-overflow-style: scrollbar !important;
+}
+
+.simplebar-dummy-scrollbar-size > div {
+  width: 200%;
+  height: 200%;
+  margin: 10px 0;
+}
+
+.simplebar-hide-scrollbar {
+  position: fixed;
+  left: 0;
+  visibility: hidden;
+  overflow-y: scroll;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
diff --git a/public_html/raven-demo/vendor/css/sweetalert2.min.css b/public_html/raven-demo/vendor/css/sweetalert2.min.css
new file mode 100644
index 0000000..621057c
--- /dev/null
+++ b/public_html/raven-demo/vendor/css/sweetalert2.min.css
@@ -0,0 +1 @@
+:root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-container-padding: 0.625em;--swal2-backdrop: rgba(0, 0, 0, 0.4);--swal2-backdrop-transition: background-color 0.1s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: 0.3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show 0.3s;--swal2-hide-animation: swal2-hide 0.15s forwards;--swal2-icon-zoom: 1;--swal2-icon-animations: true;--swal2-title-padding: 0.8em 1em 0;--swal2-html-container-padding: 1em 1.6em 0.3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: 0.1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color 0.2s, box-shadow 0.2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px $swal2-outline-color;--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color 0.2s, box-shadow 0.2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: 0.25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: 0.25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: 0.25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show 0.5s;--swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}@media(prefers-color-scheme: dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem;container-name:swal2-popup}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:rgba(0,0,0,0);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:all}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}
diff --git a/public_html/raven-demo/vendor/css/swiper-bundle.min.css b/public_html/raven-demo/vendor/css/swiper-bundle.min.css
new file mode 100644
index 0000000..af74a68
--- /dev/null
+++ b/public_html/raven-demo/vendor/css/swiper-bundle.min.css
@@ -0,0 +1,13 @@
+/**
+ * Swiper 11.2.10
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2025 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: June 28, 2025
+ */
+
+@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
\ No newline at end of file
diff --git a/public_html/raven-demo/vendor/css/tom-select.min.css b/public_html/raven-demo/vendor/css/tom-select.min.css
new file mode 100644
index 0000000..6295756
--- /dev/null
+++ b/public_html/raven-demo/vendor/css/tom-select.min.css
@@ -0,0 +1,2 @@
+.ts-control{border:1px solid #d0d0d0;border-radius:3px;box-shadow:none;box-sizing:border-box;display:flex;flex-wrap:wrap;overflow:hidden;padding:8px;position:relative;width:100%;z-index:1}.ts-wrapper.multi.has-items .ts-control{padding:6px 8px 3px}.full .ts-control{background-color:#fff}.disabled .ts-control,.disabled .ts-control *{cursor:default!important}.focus .ts-control{box-shadow:none}.ts-control>*{display:inline-block;vertical-align:initial}.ts-wrapper.multi .ts-control>div{background:#f2f2f2;border:0 solid #d0d0d0;color:#303030;cursor:pointer;margin:0 3px 3px 0;padding:2px 6px}.ts-wrapper.multi .ts-control>div.active{background:#e8e8e8;border:0 solid #cacaca;color:#303030}.ts-wrapper.multi.disabled .ts-control>div,.ts-wrapper.multi.disabled .ts-control>div.active{background:#fff;border:0 solid #fff;color:#7d7d7d}.ts-control>input{background:none!important;border:0!important;box-shadow:none!important;display:inline-block!important;flex:1 1 auto;line-height:inherit!important;margin:0!important;max-height:none!important;max-width:100%!important;min-height:0!important;min-width:7rem;padding:0!important;text-indent:0!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.ts-control>input::-ms-clear{display:none}.ts-control>input:focus{outline:none!important}.has-items .ts-control>input{margin:0 4px!important}.ts-control.rtl{text-align:right}.ts-control.rtl.single .ts-control:after{left:15px;right:auto}.ts-control.rtl .ts-control>input{margin:0 4px 0 -2px!important}.disabled .ts-control{background-color:#fafafa;opacity:.5}.input-hidden .ts-control>input{left:-10000px;opacity:0;position:absolute}.ts-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:0 0 3px 3px;border-top:0;box-shadow:0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;left:0;margin:.25rem 0 0;position:absolute;top:100%;width:100%;z-index:10}.ts-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.ts-dropdown [data-selectable] .highlight{background:rgba(125,168,208,.2);border-radius:1px}.ts-dropdown .create,.ts-dropdown .no-results,.ts-dropdown .optgroup-header,.ts-dropdown .option{padding:5px 8px}.ts-dropdown .option,.ts-dropdown [data-disabled],.ts-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.ts-dropdown [data-selectable].option{cursor:pointer;opacity:1}.ts-dropdown .optgroup:first-child .optgroup-header{border-top:0}.ts-dropdown .optgroup-header{background:#fff;color:#303030;cursor:default}.ts-dropdown .active{background-color:#f5fafd;color:#495c68}.ts-dropdown .active.create{color:#495c68}.ts-dropdown .create{color:rgba(48,48,48,.5)}.ts-dropdown .spinner{display:inline-block;height:30px;margin:5px 8px;width:30px}.ts-dropdown .spinner:after{animation:lds-dual-ring 1.2s linear infinite;border-color:#d0d0d0 transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:24px;margin:3px;width:24px}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-dropdown-content{max-height:200px;overflow:hidden auto;scroll-behavior:smooth}.ts-wrapper.plugin-drag_drop .ts-dragging{color:transparent!important}.ts-wrapper.plugin-drag_drop .ts-dragging>*{visibility:hidden!important}.plugin-checkbox_options:not(.rtl) .option input{margin-right:.5rem}.plugin-checkbox_options.rtl .option input{margin-left:.5rem}.plugin-clear_button{--ts-pr-clear-button:1em}.plugin-clear_button .clear-button{background:transparent!important;cursor:pointer;margin-right:0!important;opacity:0;position:absolute;right:2px;top:50%;transform:translateY(-50%);transition:opacity .5s}.plugin-clear_button.form-select .clear-button,.plugin-clear_button.single .clear-button{right:max(var(--ts-pr-caret),8px)}.plugin-clear_button.focus.has-items .clear-button,.plugin-clear_button:not(.disabled):hover.has-items .clear-button{opacity:1}.ts-wrapper .dropdown-header{background:color-mix(#fff,#d0d0d0,85%);border-bottom:1px solid #d0d0d0;border-radius:3px 3px 0 0;padding:10px 8px;position:relative}.ts-wrapper .dropdown-header-close{color:#303030;font-size:20px!important;line-height:20px;margin-top:-12px;opacity:.4;position:absolute;right:8px;top:50%}.ts-wrapper .dropdown-header-close:hover{color:#000}.plugin-dropdown_input.focus.dropdown-active .ts-control{border:1px solid #d0d0d0;box-shadow:none}.plugin-dropdown_input .dropdown-input{background:transparent;border:solid #d0d0d0;border-width:0 0 1px;box-shadow:none;display:block;padding:8px;width:100%}.plugin-dropdown_input .items-placeholder{border:0!important;box-shadow:none!important;width:100%}.plugin-dropdown_input.dropdown-active .items-placeholder,.plugin-dropdown_input.has-items .items-placeholder{display:none!important}.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:4px}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-ms-input-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder{color:transparent}.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content{display:flex}.ts-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0;flex-basis:0;flex-grow:1;min-width:0}.ts-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0}.ts-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.ts-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0}.ts-wrapper.plugin-remove_button .item{align-items:center;display:inline-flex}.ts-wrapper.plugin-remove_button .item .remove{border-radius:0 2px 2px 0;box-sizing:border-box;color:inherit;display:inline-block;padding:0 6px;text-decoration:none;vertical-align:middle}.ts-wrapper.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.ts-wrapper.plugin-remove_button.disabled .item .remove:hover{background:none}.ts-wrapper.plugin-remove_button .remove-single{font-size:23px;position:absolute;right:0;top:0}.ts-wrapper.plugin-remove_button:not(.rtl) .item{padding-right:0!important}.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove{border-left:1px solid #d0d0d0;margin-left:6px}.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove{border-left-color:#cacaca}.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove{border-left-color:#fff}.ts-wrapper.plugin-remove_button.rtl .item{padding-left:0!important}.ts-wrapper.plugin-remove_button.rtl .item .remove{border-right:1px solid #d0d0d0;margin-right:6px}.ts-wrapper.plugin-remove_button.rtl .item.active .remove{border-right-color:#cacaca}.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove{border-right-color:#fff}:root{--ts-pr-clear-button:0px;--ts-pr-caret:0px;--ts-pr-min:.75rem}.ts-wrapper.single .ts-control,.ts-wrapper.single .ts-control input{cursor:pointer}.ts-control:not(.rtl){padding-right:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-control.rtl{padding-left:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-wrapper{position:relative}.ts-control,.ts-control input,.ts-dropdown{color:#303030;font-family:inherit;font-size:13px;line-height:18px}.ts-control,.ts-wrapper.single.input-active .ts-control{background:#fff;cursor:text}.ts-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
+/*# sourceMappingURL=tom-select.min.css.map */
\ No newline at end of file
diff --git a/public_html/raven-demo/vendor/js/Sortable.min.js b/public_html/raven-demo/vendor/js/Sortable.min.js
new file mode 100644
index 0000000..95423a6
--- /dev/null
+++ b/public_html/raven-demo/vendor/js/Sortable.min.js
@@ -0,0 +1,2 @@
+/*! Sortable 1.15.6 - MIT | git://github.com/SortableJS/Sortable.git */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Sortable=e()}(this,function(){"use strict";function e(e,t){var n,o=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,n)),o}function I(o){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?e(Object(i),!0).forEach(function(t){var e,n;e=o,t=i[n=t],n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):e(Object(i)).forEach(function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(i,t))})}return o}function o(t){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(){return(a=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,o=arguments[e];for(n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t}).apply(this,arguments)}function i(t,e){if(null==t)return{};var n,o=function(t,e){if(null==t)return{};for(var n,o={},i=Object.keys(t),r=0;r<i.length;r++)n=i[r],0<=e.indexOf(n)||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols)for(var i=Object.getOwnPropertySymbols(t),r=0;r<i.length;r++)n=i[r],0<=e.indexOf(n)||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n]);return o}function r(t){return function(t){if(Array.isArray(t))return l(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return l(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Map"===(n="Object"===n&&t.constructor?t.constructor.name:n)||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function t(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var y=t(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),w=t(/Edge/i),s=t(/firefox/i),u=t(/safari/i)&&!t(/chrome/i)&&!t(/android/i),c=t(/iP(ad|od|hone)/i),n=t(/chrome/i)&&t(/android/i),d={capture:!1,passive:!1};function h(t,e,n){t.addEventListener(e,n,!y&&d)}function p(t,e,n){t.removeEventListener(e,n,!y&&d)}function f(t,e){if(e&&(">"===e[0]&&(e=e.substring(1)),t))try{if(t.matches)return t.matches(e);if(t.msMatchesSelector)return t.msMatchesSelector(e);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(e)}catch(t){return}}function g(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function P(t,e,n,o){if(t){n=n||document;do{if(null!=e&&(">"!==e[0]||t.parentNode===n)&&f(t,e)||o&&t===n)return t}while(t!==n&&(t=g(t)))}return null}var m,v=/\s+/g;function k(t,e,n){var o;t&&e&&(t.classList?t.classList[n?"add":"remove"](e):(o=(" "+t.className+" ").replace(v," ").replace(" "+e+" "," "),t.className=(o+(n?" "+e:"")).replace(v," ")))}function R(t,e,n){var o=t&&t.style;if(o){if(void 0===n)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(n=t.currentStyle),void 0===e?n:n[e];o[e=!(e in o||-1!==e.indexOf("webkit"))?"-webkit-"+e:e]=n+("string"==typeof n?"":"px")}}function b(t,e){var n="";if("string"==typeof t)n=t;else do{var o=R(t,"transform")}while(o&&"none"!==o&&(n=o+" "+n),!e&&(t=t.parentNode));var i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(n)}function D(t,e,n){if(t){var o=t.getElementsByTagName(e),i=0,r=o.length;if(n)for(;i<r;i++)n(o[i],i);return o}return[]}function O(){var t=document.scrollingElement;return t||document.documentElement}function X(t,e,n,o,i){if(t.getBoundingClientRect||t===window){var r,a,l,s,c,u,d=t!==window&&t.parentNode&&t!==O()?(a=(r=t.getBoundingClientRect()).top,l=r.left,s=r.bottom,c=r.right,u=r.height,r.width):(l=a=0,s=window.innerHeight,c=window.innerWidth,u=window.innerHeight,window.innerWidth);if((e||n)&&t!==window&&(i=i||t.parentNode,!y))do{if(i&&i.getBoundingClientRect&&("none"!==R(i,"transform")||n&&"static"!==R(i,"position"))){var h=i.getBoundingClientRect();a-=h.top+parseInt(R(i,"border-top-width")),l-=h.left+parseInt(R(i,"border-left-width")),s=a+r.height,c=l+r.width;break}}while(i=i.parentNode);return o&&t!==window&&(o=(e=b(i||t))&&e.a,t=e&&e.d,e&&(s=(a/=t)+(u/=t),c=(l/=o)+(d/=o))),{top:a,left:l,bottom:s,right:c,width:d,height:u}}}function Y(t,e,n){for(var o=M(t,!0),i=X(t)[e];o;){var r=X(o)[n];if(!("top"===n||"left"===n?r<=i:i<=r))return o;if(o===O())break;o=M(o,!1)}return!1}function B(t,e,n,o){for(var i=0,r=0,a=t.children;r<a.length;){if("none"!==a[r].style.display&&a[r]!==jt.ghost&&(o||a[r]!==jt.dragged)&&P(a[r],n.draggable,t,!1)){if(i===e)return a[r];i++}r++}return null}function F(t,e){for(var n=t.lastElementChild;n&&(n===jt.ghost||"none"===R(n,"display")||e&&!f(n,e));)n=n.previousElementSibling;return n||null}function j(t,e){var n=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===jt.clone||e&&!f(t,e)||n++;return n}function E(t){var e=0,n=0,o=O();if(t)do{var i=b(t),r=i.a,i=i.d}while(e+=t.scrollLeft*r,n+=t.scrollTop*i,t!==o&&(t=t.parentNode));return[e,n]}function M(t,e){if(!t||!t.getBoundingClientRect)return O();var n=t,o=!1;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var i=R(n);if(n.clientWidth<n.scrollWidth&&("auto"==i.overflowX||"scroll"==i.overflowX)||n.clientHeight<n.scrollHeight&&("auto"==i.overflowY||"scroll"==i.overflowY)){if(!n.getBoundingClientRect||n===document.body)return O();if(o||e)return n;o=!0}}}while(n=n.parentNode);return O()}function S(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}function _(e,n){return function(){var t;m||(1===(t=arguments).length?e.call(this,t[0]):e.apply(this,t),m=setTimeout(function(){m=void 0},n))}}function H(t,e,n){t.scrollLeft+=e,t.scrollTop+=n}function C(t){var e=window.Polymer,n=window.jQuery||window.Zepto;return e&&e.dom?e.dom(t).cloneNode(!0):n?n(t).clone(!0)[0]:t.cloneNode(!0)}function T(t,e){R(t,"position","absolute"),R(t,"top",e.top),R(t,"left",e.left),R(t,"width",e.width),R(t,"height",e.height)}function x(t){R(t,"position",""),R(t,"top",""),R(t,"left",""),R(t,"width",""),R(t,"height","")}function L(n,o,i){var r={};return Array.from(n.children).forEach(function(t){var e;P(t,o.draggable,n,!1)&&!t.animated&&t!==i&&(e=X(t),r.left=Math.min(null!==(t=r.left)&&void 0!==t?t:1/0,e.left),r.top=Math.min(null!==(t=r.top)&&void 0!==t?t:1/0,e.top),r.right=Math.max(null!==(t=r.right)&&void 0!==t?t:-1/0,e.right),r.bottom=Math.max(null!==(t=r.bottom)&&void 0!==t?t:-1/0,e.bottom))}),r.width=r.right-r.left,r.height=r.bottom-r.top,r.x=r.left,r.y=r.top,r}var K="Sortable"+(new Date).getTime();function A(){var e,o=[];return{captureAnimationState:function(){o=[],this.options.animation&&[].slice.call(this.el.children).forEach(function(t){var e,n;"none"!==R(t,"display")&&t!==jt.ghost&&(o.push({target:t,rect:X(t)}),e=I({},o[o.length-1].rect),!t.thisAnimationDuration||(n=b(t,!0))&&(e.top-=n.f,e.left-=n.e),t.fromRect=e)})},addAnimationState:function(t){o.push(t)},removeAnimationState:function(t){o.splice(function(t,e){for(var n in t)if(t.hasOwnProperty(n))for(var o in e)if(e.hasOwnProperty(o)&&e[o]===t[n][o])return Number(n);return-1}(o,{target:t}),1)},animateAll:function(t){var c=this;if(!this.options.animation)return clearTimeout(e),void("function"==typeof t&&t());var u=!1,d=0;o.forEach(function(t){var e=0,n=t.target,o=n.fromRect,i=X(n),r=n.prevFromRect,a=n.prevToRect,l=t.rect,s=b(n,!0);s&&(i.top-=s.f,i.left-=s.e),n.toRect=i,n.thisAnimationDuration&&S(r,i)&&!S(o,i)&&(l.top-i.top)/(l.left-i.left)==(o.top-i.top)/(o.left-i.left)&&(t=l,s=r,r=a,a=c.options,e=Math.sqrt(Math.pow(s.top-t.top,2)+Math.pow(s.left-t.left,2))/Math.sqrt(Math.pow(s.top-r.top,2)+Math.pow(s.left-r.left,2))*a.animation),S(i,o)||(n.prevFromRect=o,n.prevToRect=i,e=e||c.options.animation,c.animate(n,l,i,e)),e&&(u=!0,d=Math.max(d,e),clearTimeout(n.animationResetTimer),n.animationResetTimer=setTimeout(function(){n.animationTime=0,n.prevFromRect=null,n.fromRect=null,n.prevToRect=null,n.thisAnimationDuration=null},e),n.thisAnimationDuration=e)}),clearTimeout(e),u?e=setTimeout(function(){"function"==typeof t&&t()},d):"function"==typeof t&&t(),o=[]},animate:function(t,e,n,o){var i,r;o&&(R(t,"transition",""),R(t,"transform",""),i=(r=b(this.el))&&r.a,r=r&&r.d,i=(e.left-n.left)/(i||1),r=(e.top-n.top)/(r||1),t.animatingX=!!i,t.animatingY=!!r,R(t,"transform","translate3d("+i+"px,"+r+"px,0)"),this.forRepaintDummy=t.offsetWidth,R(t,"transition","transform "+o+"ms"+(this.options.easing?" "+this.options.easing:"")),R(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout(function(){R(t,"transition",""),R(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1},o))}}}var N=[],W={initializeByDefault:!0},z={mount:function(e){for(var t in W)!W.hasOwnProperty(t)||t in e||(e[t]=W[t]);N.forEach(function(t){if(t.pluginName===e.pluginName)throw"Sortable: Cannot mount plugin ".concat(e.pluginName," more than once")}),N.push(e)},pluginEvent:function(e,n,o){var t=this;this.eventCanceled=!1,o.cancel=function(){t.eventCanceled=!0};var i=e+"Global";N.forEach(function(t){n[t.pluginName]&&(n[t.pluginName][i]&&n[t.pluginName][i](I({sortable:n},o)),n.options[t.pluginName]&&n[t.pluginName][e]&&n[t.pluginName][e](I({sortable:n},o)))})},initializePlugins:function(n,o,i,t){for(var e in N.forEach(function(t){var e=t.pluginName;(n.options[e]||t.initializeByDefault)&&((t=new t(n,o,n.options)).sortable=n,t.options=n.options,n[e]=t,a(i,t.defaults))}),n.options){var r;n.options.hasOwnProperty(e)&&(void 0!==(r=this.modifyOption(n,e,n.options[e]))&&(n.options[e]=r))}},getEventProperties:function(e,n){var o={};return N.forEach(function(t){"function"==typeof t.eventProperties&&a(o,t.eventProperties.call(n[t.pluginName],e))}),o},modifyOption:function(e,n,o){var i;return N.forEach(function(t){e[t.pluginName]&&t.optionListeners&&"function"==typeof t.optionListeners[n]&&(i=t.optionListeners[n].call(e[t.pluginName],o))}),i}};function G(t){var e=t.sortable,n=t.rootEl,o=t.name,i=t.targetEl,r=t.cloneEl,a=t.toEl,l=t.fromEl,s=t.oldIndex,c=t.newIndex,u=t.oldDraggableIndex,d=t.newDraggableIndex,h=t.originalEvent,p=t.putSortable,f=t.extraEventProperties;if(e=e||n&&n[K]){var g,m=e.options,t="on"+o.charAt(0).toUpperCase()+o.substr(1);!window.CustomEvent||y||w?(g=document.createEvent("Event")).initEvent(o,!0,!0):g=new CustomEvent(o,{bubbles:!0,cancelable:!0}),g.to=a||n,g.from=l||n,g.item=i||n,g.clone=r,g.oldIndex=s,g.newIndex=c,g.oldDraggableIndex=u,g.newDraggableIndex=d,g.originalEvent=h,g.pullMode=p?p.lastPutMode:void 0;var v,b=I(I({},f),z.getEventProperties(o,e));for(v in b)g[v]=b[v];n&&n.dispatchEvent(g),m[t]&&m[t].call(e,g)}}function U(t,e){var n=(o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{}).evt,o=i(o,q);z.pluginEvent.bind(jt)(t,e,I({dragEl:Z,parentEl:$,ghostEl:Q,rootEl:J,nextEl:tt,lastDownEl:et,cloneEl:nt,cloneHidden:ot,dragStarted:mt,putSortable:ct,activeSortable:jt.active,originalEvent:n,oldIndex:it,oldDraggableIndex:at,newIndex:rt,newDraggableIndex:lt,hideGhostForTarget:Xt,unhideGhostForTarget:Yt,cloneNowHidden:function(){ot=!0},cloneNowShown:function(){ot=!1},dispatchSortableEvent:function(t){V({sortable:e,name:t,originalEvent:n})}},o))}var q=["evt"];function V(t){G(I({putSortable:ct,cloneEl:nt,targetEl:Z,rootEl:J,oldIndex:it,oldDraggableIndex:at,newIndex:rt,newDraggableIndex:lt},t))}var Z,$,Q,J,tt,et,nt,ot,it,rt,at,lt,st,ct,ut,dt,ht,pt,ft,gt,mt,vt,bt,yt,wt,Dt=!1,Et=!1,St=[],_t=!1,Ct=!1,Tt=[],xt=!1,Ot=[],Mt="undefined"!=typeof document,At=c,Nt=w||y?"cssFloat":"float",It=Mt&&!n&&!c&&"draggable"in document.createElement("div"),Pt=function(){if(Mt){if(y)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),kt=function(t,e){var n=R(t),o=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),i=B(t,0,e),r=B(t,1,e),a=i&&R(i),l=r&&R(r),s=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+X(i).width,t=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+X(r).width;if("flex"===n.display)return"column"===n.flexDirection||"column-reverse"===n.flexDirection?"vertical":"horizontal";if("grid"===n.display)return n.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(i&&a.float&&"none"!==a.float){e="left"===a.float?"left":"right";return!r||"both"!==l.clear&&l.clear!==e?"horizontal":"vertical"}return i&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||o<=s&&"none"===n[Nt]||r&&"none"===n[Nt]&&o<s+t)?"vertical":"horizontal"},Rt=function(t){function l(r,a){return function(t,e,n,o){var i=t.options.group.name&&e.options.group.name&&t.options.group.name===e.options.group.name;if(null==r&&(a||i))return!0;if(null==r||!1===r)return!1;if(a&&"clone"===r)return r;if("function"==typeof r)return l(r(t,e,n,o),a)(t,e,n,o);e=(a?t:e).options.group.name;return!0===r||"string"==typeof r&&r===e||r.join&&-1<r.indexOf(e)}}var e={},n=t.group;n&&"object"==o(n)||(n={name:n}),e.name=n.name,e.checkPull=l(n.pull,!0),e.checkPut=l(n.put),e.revertClone=n.revertClone,t.group=e},Xt=function(){!Pt&&Q&&R(Q,"display","none")},Yt=function(){!Pt&&Q&&R(Q,"display","")};Mt&&!n&&document.addEventListener("click",function(t){if(Et)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),Et=!1},!0);function Bt(t){if(Z){t=t.touches?t.touches[0]:t;var e=(i=t.clientX,r=t.clientY,St.some(function(t){var e=t[K].options.emptyInsertThreshold;if(e&&!F(t)){var n=X(t),o=i>=n.left-e&&i<=n.right+e,e=r>=n.top-e&&r<=n.bottom+e;return o&&e?a=t:void 0}}),a);if(e){var n,o={};for(n in t)t.hasOwnProperty(n)&&(o[n]=t[n]);o.target=o.rootEl=e,o.preventDefault=void 0,o.stopPropagation=void 0,e[K]._onDragOver(o)}}var i,r,a}function Ft(t){Z&&Z.parentNode[K]._isOutsideThisEl(t.target)}function jt(t,e){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=e=a({},e),t[K]=this;var n,o,i={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return kt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,e){t.setData("Text",e.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==jt.supportPointer&&"PointerEvent"in window&&(!u||c),emptyInsertThreshold:5};for(n in z.initializePlugins(this,t,i),i)n in e||(e[n]=i[n]);for(o in Rt(e),this)"_"===o.charAt(0)&&"function"==typeof this[o]&&(this[o]=this[o].bind(this));this.nativeDraggable=!e.forceFallback&&It,this.nativeDraggable&&(this.options.touchStartThreshold=1),e.supportPointer?h(t,"pointerdown",this._onTapStart):(h(t,"mousedown",this._onTapStart),h(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(h(t,"dragover",this),h(t,"dragenter",this)),St.push(this.el),e.store&&e.store.get&&this.sort(e.store.get(this)||[]),a(this,A())}function Ht(t,e,n,o,i,r,a,l){var s,c,u=t[K],d=u.options.onMove;return!window.CustomEvent||y||w?(s=document.createEvent("Event")).initEvent("move",!0,!0):s=new CustomEvent("move",{bubbles:!0,cancelable:!0}),s.to=e,s.from=t,s.dragged=n,s.draggedRect=o,s.related=i||e,s.relatedRect=r||X(e),s.willInsertAfter=l,s.originalEvent=a,t.dispatchEvent(s),c=d?d.call(u,s,a):c}function Lt(t){t.draggable=!1}function Kt(){xt=!1}function Wt(t){return setTimeout(t,0)}function zt(t){return clearTimeout(t)}jt.prototype={constructor:jt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(vt=null)},_getDirection:function(t,e){return"function"==typeof this.options.direction?this.options.direction.call(this,t,e,Z):this.options.direction},_onTapStart:function(e){if(e.cancelable){var n=this,o=this.el,t=this.options,i=t.preventOnFilter,r=e.type,a=e.touches&&e.touches[0]||e.pointerType&&"touch"===e.pointerType&&e,l=(a||e).target,s=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||l,c=t.filter;if(!function(t){Ot.length=0;var e=t.getElementsByTagName("input"),n=e.length;for(;n--;){var o=e[n];o.checked&&Ot.push(o)}}(o),!Z&&!(/mousedown|pointerdown/.test(r)&&0!==e.button||t.disabled)&&!s.isContentEditable&&(this.nativeDraggable||!u||!l||"SELECT"!==l.tagName.toUpperCase())&&!((l=P(l,t.draggable,o,!1))&&l.animated||et===l)){if(it=j(l),at=j(l,t.draggable),"function"==typeof c){if(c.call(this,e,l,this))return V({sortable:n,rootEl:s,name:"filter",targetEl:l,toEl:o,fromEl:o}),U("filter",n,{evt:e}),void(i&&e.preventDefault())}else if(c=c&&c.split(",").some(function(t){if(t=P(s,t.trim(),o,!1))return V({sortable:n,rootEl:t,name:"filter",targetEl:l,fromEl:o,toEl:o}),U("filter",n,{evt:e}),!0}))return void(i&&e.preventDefault());t.handle&&!P(s,t.handle,o,!1)||this._prepareDragStart(e,a,l)}}},_prepareDragStart:function(t,e,n){var o,i=this,r=i.el,a=i.options,l=r.ownerDocument;n&&!Z&&n.parentNode===r&&(o=X(n),J=r,$=(Z=n).parentNode,tt=Z.nextSibling,et=n,st=a.group,ut={target:jt.dragged=Z,clientX:(e||t).clientX,clientY:(e||t).clientY},ft=ut.clientX-o.left,gt=ut.clientY-o.top,this._lastX=(e||t).clientX,this._lastY=(e||t).clientY,Z.style["will-change"]="all",o=function(){U("delayEnded",i,{evt:t}),jt.eventCanceled?i._onDrop():(i._disableDelayedDragEvents(),!s&&i.nativeDraggable&&(Z.draggable=!0),i._triggerDragStart(t,e),V({sortable:i,name:"choose",originalEvent:t}),k(Z,a.chosenClass,!0))},a.ignore.split(",").forEach(function(t){D(Z,t.trim(),Lt)}),h(l,"dragover",Bt),h(l,"mousemove",Bt),h(l,"touchmove",Bt),a.supportPointer?(h(l,"pointerup",i._onDrop),this.nativeDraggable||h(l,"pointercancel",i._onDrop)):(h(l,"mouseup",i._onDrop),h(l,"touchend",i._onDrop),h(l,"touchcancel",i._onDrop)),s&&this.nativeDraggable&&(this.options.touchStartThreshold=4,Z.draggable=!0),U("delayStart",this,{evt:t}),!a.delay||a.delayOnTouchOnly&&!e||this.nativeDraggable&&(w||y)?o():jt.eventCanceled?this._onDrop():(a.supportPointer?(h(l,"pointerup",i._disableDelayedDrag),h(l,"pointercancel",i._disableDelayedDrag)):(h(l,"mouseup",i._disableDelayedDrag),h(l,"touchend",i._disableDelayedDrag),h(l,"touchcancel",i._disableDelayedDrag)),h(l,"mousemove",i._delayedDragTouchMoveHandler),h(l,"touchmove",i._delayedDragTouchMoveHandler),a.supportPointer&&h(l,"pointermove",i._delayedDragTouchMoveHandler),i._dragStartTimer=setTimeout(o,a.delay)))},_delayedDragTouchMoveHandler:function(t){t=t.touches?t.touches[0]:t;Math.max(Math.abs(t.clientX-this._lastX),Math.abs(t.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){Z&&Lt(Z),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;p(t,"mouseup",this._disableDelayedDrag),p(t,"touchend",this._disableDelayedDrag),p(t,"touchcancel",this._disableDelayedDrag),p(t,"pointerup",this._disableDelayedDrag),p(t,"pointercancel",this._disableDelayedDrag),p(t,"mousemove",this._delayedDragTouchMoveHandler),p(t,"touchmove",this._delayedDragTouchMoveHandler),p(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,e){e=e||"touch"==t.pointerType&&t,!this.nativeDraggable||e?this.options.supportPointer?h(document,"pointermove",this._onTouchMove):h(document,e?"touchmove":"mousemove",this._onTouchMove):(h(Z,"dragend",this),h(J,"dragstart",this._onDragStart));try{document.selection?Wt(function(){document.selection.empty()}):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,e){var n;Dt=!1,J&&Z?(U("dragStarted",this,{evt:e}),this.nativeDraggable&&h(document,"dragover",Ft),n=this.options,t||k(Z,n.dragClass,!1),k(Z,n.ghostClass,!0),jt.active=this,t&&this._appendGhost(),V({sortable:this,name:"start",originalEvent:e})):this._nulling()},_emulateDragOver:function(){if(dt){this._lastX=dt.clientX,this._lastY=dt.clientY,Xt();for(var t=document.elementFromPoint(dt.clientX,dt.clientY),e=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(dt.clientX,dt.clientY))!==e;)e=t;if(Z.parentNode[K]._isOutsideThisEl(t),e)do{if(e[K])if(e[K]._onDragOver({clientX:dt.clientX,clientY:dt.clientY,target:t,rootEl:e})&&!this.options.dragoverBubble)break}while(e=g(t=e));Yt()}},_onTouchMove:function(t){if(ut){var e=this.options,n=e.fallbackTolerance,o=e.fallbackOffset,i=t.touches?t.touches[0]:t,r=Q&&b(Q,!0),a=Q&&r&&r.a,l=Q&&r&&r.d,e=At&&wt&&E(wt),a=(i.clientX-ut.clientX+o.x)/(a||1)+(e?e[0]-Tt[0]:0)/(a||1),l=(i.clientY-ut.clientY+o.y)/(l||1)+(e?e[1]-Tt[1]:0)/(l||1);if(!jt.active&&!Dt){if(n&&Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))<n)return;this._onDragStart(t,!0)}Q&&(r?(r.e+=a-(ht||0),r.f+=l-(pt||0)):r={a:1,b:0,c:0,d:1,e:a,f:l},r="matrix(".concat(r.a,",").concat(r.b,",").concat(r.c,",").concat(r.d,",").concat(r.e,",").concat(r.f,")"),R(Q,"webkitTransform",r),R(Q,"mozTransform",r),R(Q,"msTransform",r),R(Q,"transform",r),ht=a,pt=l,dt=i),t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!Q){var t=this.options.fallbackOnBody?document.body:J,e=X(Z,!0,At,!0,t),n=this.options;if(At){for(wt=t;"static"===R(wt,"position")&&"none"===R(wt,"transform")&&wt!==document;)wt=wt.parentNode;wt!==document.body&&wt!==document.documentElement?(wt===document&&(wt=O()),e.top+=wt.scrollTop,e.left+=wt.scrollLeft):wt=O(),Tt=E(wt)}k(Q=Z.cloneNode(!0),n.ghostClass,!1),k(Q,n.fallbackClass,!0),k(Q,n.dragClass,!0),R(Q,"transition",""),R(Q,"transform",""),R(Q,"box-sizing","border-box"),R(Q,"margin",0),R(Q,"top",e.top),R(Q,"left",e.left),R(Q,"width",e.width),R(Q,"height",e.height),R(Q,"opacity","0.8"),R(Q,"position",At?"absolute":"fixed"),R(Q,"zIndex","100000"),R(Q,"pointerEvents","none"),jt.ghost=Q,t.appendChild(Q),R(Q,"transform-origin",ft/parseInt(Q.style.width)*100+"% "+gt/parseInt(Q.style.height)*100+"%")}},_onDragStart:function(t,e){var n=this,o=t.dataTransfer,i=n.options;U("dragStart",this,{evt:t}),jt.eventCanceled?this._onDrop():(U("setupClone",this),jt.eventCanceled||((nt=C(Z)).removeAttribute("id"),nt.draggable=!1,nt.style["will-change"]="",this._hideClone(),k(nt,this.options.chosenClass,!1),jt.clone=nt),n.cloneId=Wt(function(){U("clone",n),jt.eventCanceled||(n.options.removeCloneOnHide||J.insertBefore(nt,Z),n._hideClone(),V({sortable:n,name:"clone"}))}),e||k(Z,i.dragClass,!0),e?(Et=!0,n._loopId=setInterval(n._emulateDragOver,50)):(p(document,"mouseup",n._onDrop),p(document,"touchend",n._onDrop),p(document,"touchcancel",n._onDrop),o&&(o.effectAllowed="move",i.setData&&i.setData.call(n,o,Z)),h(document,"drop",n),R(Z,"transform","translateZ(0)")),Dt=!0,n._dragStartId=Wt(n._dragStarted.bind(n,e,t)),h(document,"selectstart",n),mt=!0,window.getSelection().removeAllRanges(),u&&R(document.body,"user-select","none"))},_onDragOver:function(n){var o,i,r,t,e,a=this.el,l=n.target,s=this.options,c=s.group,u=jt.active,d=st===c,h=s.sort,p=ct||u,f=this,g=!1;if(!xt){if(void 0!==n.preventDefault&&n.cancelable&&n.preventDefault(),l=P(l,s.draggable,a,!0),O("dragOver"),jt.eventCanceled)return g;if(Z.contains(n.target)||l.animated&&l.animatingX&&l.animatingY||f._ignoreWhileAnimating===l)return A(!1);if(Et=!1,u&&!s.disabled&&(d?h||(i=$!==J):ct===this||(this.lastPutMode=st.checkPull(this,u,Z,n))&&c.checkPut(this,u,Z,n))){if(r="vertical"===this._getDirection(n,l),o=X(Z),O("dragOverValid"),jt.eventCanceled)return g;if(i)return $=J,M(),this._hideClone(),O("revert"),jt.eventCanceled||(tt?J.insertBefore(Z,tt):J.appendChild(Z)),A(!0);var m=F(a,s.draggable);if(m&&(S=n,c=r,x=X(F((E=this).el,E.options.draggable)),E=L(E.el,E.options,Q),!(c?S.clientX>E.right+10||S.clientY>x.bottom&&S.clientX>x.left:S.clientY>E.bottom+10||S.clientX>x.right&&S.clientY>x.top)||m.animated)){if(m&&(t=n,e=r,C=X(B((_=this).el,0,_.options,!0)),_=L(_.el,_.options,Q),e?t.clientX<_.left-10||t.clientY<C.top&&t.clientX<C.right:t.clientY<_.top-10||t.clientY<C.bottom&&t.clientX<C.left)){var v=B(a,0,s,!0);if(v===Z)return A(!1);if(D=X(l=v),!1!==Ht(J,a,Z,o,l,D,n,!1))return M(),a.insertBefore(Z,v),$=a,N(),A(!0)}else if(l.parentNode===a){var b,y,w,D=X(l),E=Z.parentNode!==a,S=(S=Z.animated&&Z.toRect||o,x=l.animated&&l.toRect||D,_=(e=r)?S.left:S.top,t=e?S.right:S.bottom,C=e?S.width:S.height,v=e?x.left:x.top,S=e?x.right:x.bottom,x=e?x.width:x.height,!(_===v||t===S||_+C/2===v+x/2)),_=r?"top":"left",C=Y(l,"top","top")||Y(Z,"top","top"),v=C?C.scrollTop:void 0;if(vt!==l&&(y=D[_],_t=!1,Ct=!S&&s.invertSwap||E),0!==(b=function(t,e,n,o,i,r,a,l){var s=o?t.clientY:t.clientX,c=o?n.height:n.width,t=o?n.top:n.left,o=o?n.bottom:n.right,n=!1;if(!a)if(l&&yt<c*i){if(_t=!_t&&(1===bt?t+c*r/2<s:s<o-c*r/2)?!0:_t)n=!0;else if(1===bt?s<t+yt:o-yt<s)return-bt}else if(t+c*(1-i)/2<s&&s<o-c*(1-i)/2)return function(t){return j(Z)<j(t)?1:-1}(e);if((n=n||a)&&(s<t+c*r/2||o-c*r/2<s))return t+c/2<s?1:-1;return 0}(n,l,D,r,S?1:s.swapThreshold,null==s.invertedSwapThreshold?s.swapThreshold:s.invertedSwapThreshold,Ct,vt===l)))for(var T=j(Z);(w=$.children[T-=b])&&("none"===R(w,"display")||w===Q););if(0===b||w===l)return A(!1);bt=b;var x=(vt=l).nextElementSibling,E=!1,S=Ht(J,a,Z,o,l,D,n,E=1===b);if(!1!==S)return 1!==S&&-1!==S||(E=1===S),xt=!0,setTimeout(Kt,30),M(),E&&!x?a.appendChild(Z):l.parentNode.insertBefore(Z,E?x:l),C&&H(C,0,v-C.scrollTop),$=Z.parentNode,void 0===y||Ct||(yt=Math.abs(y-X(l)[_])),N(),A(!0)}}else{if(m===Z)return A(!1);if((l=m&&a===n.target?m:l)&&(D=X(l)),!1!==Ht(J,a,Z,o,l,D,n,!!l))return M(),m&&m.nextSibling?a.insertBefore(Z,m.nextSibling):a.appendChild(Z),$=a,N(),A(!0)}if(a.contains(Z))return A(!1)}return!1}function O(t,e){U(t,f,I({evt:n,isOwner:d,axis:r?"vertical":"horizontal",revert:i,dragRect:o,targetRect:D,canSort:h,fromSortable:p,target:l,completed:A,onMove:function(t,e){return Ht(J,a,Z,o,t,X(t),n,e)},changed:N},e))}function M(){O("dragOverAnimationCapture"),f.captureAnimationState(),f!==p&&p.captureAnimationState()}function A(t){return O("dragOverCompleted",{insertion:t}),t&&(d?u._hideClone():u._showClone(f),f!==p&&(k(Z,(ct||u).options.ghostClass,!1),k(Z,s.ghostClass,!0)),ct!==f&&f!==jt.active?ct=f:f===jt.active&&ct&&(ct=null),p===f&&(f._ignoreWhileAnimating=l),f.animateAll(function(){O("dragOverAnimationComplete"),f._ignoreWhileAnimating=null}),f!==p&&(p.animateAll(),p._ignoreWhileAnimating=null)),(l===Z&&!Z.animated||l===a&&!l.animated)&&(vt=null),s.dragoverBubble||n.rootEl||l===document||(Z.parentNode[K]._isOutsideThisEl(n.target),t||Bt(n)),!s.dragoverBubble&&n.stopPropagation&&n.stopPropagation(),g=!0}function N(){rt=j(Z),lt=j(Z,s.draggable),V({sortable:f,name:"change",toEl:a,newIndex:rt,newDraggableIndex:lt,originalEvent:n})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){p(document,"mousemove",this._onTouchMove),p(document,"touchmove",this._onTouchMove),p(document,"pointermove",this._onTouchMove),p(document,"dragover",Bt),p(document,"mousemove",Bt),p(document,"touchmove",Bt)},_offUpEvents:function(){var t=this.el.ownerDocument;p(t,"mouseup",this._onDrop),p(t,"touchend",this._onDrop),p(t,"pointerup",this._onDrop),p(t,"pointercancel",this._onDrop),p(t,"touchcancel",this._onDrop),p(document,"selectstart",this)},_onDrop:function(t){var e=this.el,n=this.options;rt=j(Z),lt=j(Z,n.draggable),U("drop",this,{evt:t}),$=Z&&Z.parentNode,rt=j(Z),lt=j(Z,n.draggable),jt.eventCanceled||(_t=Ct=Dt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),zt(this.cloneId),zt(this._dragStartId),this.nativeDraggable&&(p(document,"drop",this),p(e,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),u&&R(document.body,"user-select",""),R(Z,"transform",""),t&&(mt&&(t.cancelable&&t.preventDefault(),n.dropBubble||t.stopPropagation()),Q&&Q.parentNode&&Q.parentNode.removeChild(Q),(J===$||ct&&"clone"!==ct.lastPutMode)&&nt&&nt.parentNode&&nt.parentNode.removeChild(nt),Z&&(this.nativeDraggable&&p(Z,"dragend",this),Lt(Z),Z.style["will-change"]="",mt&&!Dt&&k(Z,(ct||this).options.ghostClass,!1),k(Z,this.options.chosenClass,!1),V({sortable:this,name:"unchoose",toEl:$,newIndex:null,newDraggableIndex:null,originalEvent:t}),J!==$?(0<=rt&&(V({rootEl:$,name:"add",toEl:$,fromEl:J,originalEvent:t}),V({sortable:this,name:"remove",toEl:$,originalEvent:t}),V({rootEl:$,name:"sort",toEl:$,fromEl:J,originalEvent:t}),V({sortable:this,name:"sort",toEl:$,originalEvent:t})),ct&&ct.save()):rt!==it&&0<=rt&&(V({sortable:this,name:"update",toEl:$,originalEvent:t}),V({sortable:this,name:"sort",toEl:$,originalEvent:t})),jt.active&&(null!=rt&&-1!==rt||(rt=it,lt=at),V({sortable:this,name:"end",toEl:$,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){U("nulling",this),J=Z=$=Q=tt=nt=et=ot=ut=dt=mt=rt=lt=it=at=vt=bt=ct=st=jt.dragged=jt.ghost=jt.clone=jt.active=null,Ot.forEach(function(t){t.checked=!0}),Ot.length=ht=pt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":Z&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move");t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,e=[],n=this.el.children,o=0,i=n.length,r=this.options;o<i;o++)P(t=n[o],r.draggable,this.el,!1)&&e.push(t.getAttribute(r.dataIdAttr)||function(t){var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,o=0;for(;n--;)o+=e.charCodeAt(n);return o.toString(36)}(t));return e},sort:function(t,e){var n={},o=this.el;this.toArray().forEach(function(t,e){e=o.children[e];P(e,this.options.draggable,o,!1)&&(n[t]=e)},this),e&&this.captureAnimationState(),t.forEach(function(t){n[t]&&(o.removeChild(n[t]),o.appendChild(n[t]))}),e&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,e){return P(t,e||this.options.draggable,this.el,!1)},option:function(t,e){var n=this.options;if(void 0===e)return n[t];var o=z.modifyOption(this,t,e);n[t]=void 0!==o?o:e,"group"===t&&Rt(n)},destroy:function(){U("destroy",this);var t=this.el;t[K]=null,p(t,"mousedown",this._onTapStart),p(t,"touchstart",this._onTapStart),p(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(p(t,"dragover",this),p(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),function(t){t.removeAttribute("draggable")}),this._onDrop(),this._disableDelayedDragEvents(),St.splice(St.indexOf(this.el),1),this.el=t=null},_hideClone:function(){ot||(U("hideClone",this),jt.eventCanceled||(R(nt,"display","none"),this.options.removeCloneOnHide&&nt.parentNode&&nt.parentNode.removeChild(nt),ot=!0))},_showClone:function(t){"clone"===t.lastPutMode?ot&&(U("showClone",this),jt.eventCanceled||(Z.parentNode!=J||this.options.group.revertClone?tt?J.insertBefore(nt,tt):J.appendChild(nt):J.insertBefore(nt,Z),this.options.group.revertClone&&this.animate(Z,nt),R(nt,"display",""),ot=!1)):this._hideClone()}},Mt&&h(document,"touchmove",function(t){(jt.active||Dt)&&t.cancelable&&t.preventDefault()}),jt.utils={on:h,off:p,css:R,find:D,is:function(t,e){return!!P(t,e,t,!1)},extend:function(t,e){if(t&&e)for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},throttle:_,closest:P,toggleClass:k,clone:C,index:j,nextTick:Wt,cancelNextTick:zt,detectDirection:kt,getChild:B,expando:K},jt.get=function(t){return t[K]},jt.mount=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];(e=e[0].constructor===Array?e[0]:e).forEach(function(t){if(!t.prototype||!t.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));t.utils&&(jt.utils=I(I({},jt.utils),t.utils)),z.mount(t)})},jt.create=function(t,e){return new jt(t,e)};var Gt,Ut,qt,Vt,Zt,$t,Qt=[],Jt=!(jt.version="1.15.6");function te(){Qt.forEach(function(t){clearInterval(t.pid)}),Qt=[]}function ee(){clearInterval($t)}var ne,oe=_(function(n,t,e,o){if(t.scroll){var i,r=(n.touches?n.touches[0]:n).clientX,a=(n.touches?n.touches[0]:n).clientY,l=t.scrollSensitivity,s=t.scrollSpeed,c=O(),u=!1;Ut!==e&&(Ut=e,te(),Gt=t.scroll,i=t.scrollFn,!0===Gt&&(Gt=M(e,!0)));var d=0,h=Gt;do{var p=h,f=X(p),g=f.top,m=f.bottom,v=f.left,b=f.right,y=f.width,w=f.height,D=void 0,E=void 0,S=p.scrollWidth,_=p.scrollHeight,C=R(p),T=p.scrollLeft,f=p.scrollTop,E=p===c?(D=y<S&&("auto"===C.overflowX||"scroll"===C.overflowX||"visible"===C.overflowX),w<_&&("auto"===C.overflowY||"scroll"===C.overflowY||"visible"===C.overflowY)):(D=y<S&&("auto"===C.overflowX||"scroll"===C.overflowX),w<_&&("auto"===C.overflowY||"scroll"===C.overflowY)),T=D&&(Math.abs(b-r)<=l&&T+y<S)-(Math.abs(v-r)<=l&&!!T),f=E&&(Math.abs(m-a)<=l&&f+w<_)-(Math.abs(g-a)<=l&&!!f);if(!Qt[d])for(var x=0;x<=d;x++)Qt[x]||(Qt[x]={});Qt[d].vx==T&&Qt[d].vy==f&&Qt[d].el===p||(Qt[d].el=p,Qt[d].vx=T,Qt[d].vy=f,clearInterval(Qt[d].pid),0==T&&0==f||(u=!0,Qt[d].pid=setInterval(function(){o&&0===this.layer&&jt.active._onTouchMove(Zt);var t=Qt[this.layer].vy?Qt[this.layer].vy*s:0,e=Qt[this.layer].vx?Qt[this.layer].vx*s:0;"function"==typeof i&&"continue"!==i.call(jt.dragged.parentNode[K],e,t,n,Zt,Qt[this.layer].el)||H(Qt[this.layer].el,e,t)}.bind({layer:d}),24))),d++}while(t.bubbleScroll&&h!==c&&(h=M(h,!1)));Jt=u}},30),n=function(t){var e=t.originalEvent,n=t.putSortable,o=t.dragEl,i=t.activeSortable,r=t.dispatchSortableEvent,a=t.hideGhostForTarget,t=t.unhideGhostForTarget;e&&(i=n||i,a(),e=e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e,e=document.elementFromPoint(e.clientX,e.clientY),t(),i&&!i.el.contains(e)&&(r("spill"),this.onSpill({dragEl:o,putSortable:n})))};function ie(){}function re(){}ie.prototype={startIndex:null,dragStart:function(t){t=t.oldDraggableIndex;this.startIndex=t},onSpill:function(t){var e=t.dragEl,n=t.putSortable;this.sortable.captureAnimationState(),n&&n.captureAnimationState();t=B(this.sortable.el,this.startIndex,this.options);t?this.sortable.el.insertBefore(e,t):this.sortable.el.appendChild(e),this.sortable.animateAll(),n&&n.animateAll()},drop:n},a(ie,{pluginName:"revertOnSpill"}),re.prototype={onSpill:function(t){var e=t.dragEl,t=t.putSortable||this.sortable;t.captureAnimationState(),e.parentNode&&e.parentNode.removeChild(e),t.animateAll()},drop:n},a(re,{pluginName:"removeOnSpill"});var ae,le,se,ce,ue,de=[],he=[],pe=!1,fe=!1,ge=!1;function me(n,o){he.forEach(function(t,e){e=o.children[t.sortableIndex+(n?Number(e):0)];e?o.insertBefore(t,e):o.appendChild(t)})}function ve(){de.forEach(function(t){t!==se&&t.parentNode&&t.parentNode.removeChild(t)})}return jt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){t=t.originalEvent;this.sortable.nativeDraggable?h(document,"dragover",this._handleAutoScroll):this.options.supportPointer?h(document,"pointermove",this._handleFallbackAutoScroll):t.touches?h(document,"touchmove",this._handleFallbackAutoScroll):h(document,"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){t=t.originalEvent;this.options.dragOverBubble||t.rootEl||this._handleAutoScroll(t)},drop:function(){this.sortable.nativeDraggable?p(document,"dragover",this._handleAutoScroll):(p(document,"pointermove",this._handleFallbackAutoScroll),p(document,"touchmove",this._handleFallbackAutoScroll),p(document,"mousemove",this._handleFallbackAutoScroll)),ee(),te(),clearTimeout(m),m=void 0},nulling:function(){Zt=Ut=Gt=Jt=$t=qt=Vt=null,Qt.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(e,n){var o,i=this,r=(e.touches?e.touches[0]:e).clientX,a=(e.touches?e.touches[0]:e).clientY,t=document.elementFromPoint(r,a);Zt=e,n||this.options.forceAutoScrollFallback||w||y||u?(oe(e,this.options,t,n),o=M(t,!0),!Jt||$t&&r===qt&&a===Vt||($t&&ee(),$t=setInterval(function(){var t=M(document.elementFromPoint(r,a),!0);t!==o&&(o=t,te()),oe(e,i.options,t,n)},10),qt=r,Vt=a)):this.options.bubbleScroll&&M(t,!0)!==O()?oe(e,this.options,M(t,!1),!1):te()}},a(t,{pluginName:"scroll",initializeByDefault:!0})}),jt.mount(re,ie),jt.mount(new function(){function t(){this.defaults={swapClass:"sortable-swap-highlight"}}return t.prototype={dragStart:function(t){t=t.dragEl;ne=t},dragOverValid:function(t){var e=t.completed,n=t.target,o=t.onMove,i=t.activeSortable,r=t.changed,a=t.cancel;i.options.swap&&(t=this.sortable.el,i=this.options,n&&n!==t&&(t=ne,ne=!1!==o(n)?(k(n,i.swapClass,!0),n):null,t&&t!==ne&&k(t,i.swapClass,!1)),r(),e(!0),a())},drop:function(t){var e,n,o=t.activeSortable,i=t.putSortable,r=t.dragEl,a=i||this.sortable,l=this.options;ne&&k(ne,l.swapClass,!1),ne&&(l.swap||i&&i.options.swap)&&r!==ne&&(a.captureAnimationState(),a!==o&&o.captureAnimationState(),n=ne,t=(e=r).parentNode,l=n.parentNode,t&&l&&!t.isEqualNode(n)&&!l.isEqualNode(e)&&(i=j(e),r=j(n),t.isEqualNode(l)&&i<r&&r++,t.insertBefore(n,t.children[i]),l.insertBefore(e,l.children[r])),a.animateAll(),a!==o&&o.animateAll())},nulling:function(){ne=null}},a(t,{pluginName:"swap",eventProperties:function(){return{swapItem:ne}}})}),jt.mount(new function(){function t(o){for(var t in this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this));o.options.avoidImplicitDeselect||(o.options.supportPointer?h(document,"pointerup",this._deselectMultiDrag):(h(document,"mouseup",this._deselectMultiDrag),h(document,"touchend",this._deselectMultiDrag))),h(document,"keydown",this._checkKeyDown),h(document,"keyup",this._checkKeyUp),this.defaults={selectedClass:"sortable-selected",multiDragKey:null,avoidImplicitDeselect:!1,setData:function(t,e){var n="";de.length&&le===o?de.forEach(function(t,e){n+=(e?", ":"")+t.textContent}):n=e.textContent,t.setData("Text",n)}}}return t.prototype={multiDragKeyDown:!1,isMultiDrag:!1,delayStartGlobal:function(t){t=t.dragEl;se=t},delayEnded:function(){this.isMultiDrag=~de.indexOf(se)},setupClone:function(t){var e=t.sortable,t=t.cancel;if(this.isMultiDrag){for(var n=0;n<de.length;n++)he.push(C(de[n])),he[n].sortableIndex=de[n].sortableIndex,he[n].draggable=!1,he[n].style["will-change"]="",k(he[n],this.options.selectedClass,!1),de[n]===se&&k(he[n],this.options.chosenClass,!1);e._hideClone(),t()}},clone:function(t){var e=t.sortable,n=t.rootEl,o=t.dispatchSortableEvent,t=t.cancel;this.isMultiDrag&&(this.options.removeCloneOnHide||de.length&&le===e&&(me(!0,n),o("clone"),t()))},showClone:function(t){var e=t.cloneNowShown,n=t.rootEl,t=t.cancel;this.isMultiDrag&&(me(!1,n),he.forEach(function(t){R(t,"display","")}),e(),ue=!1,t())},hideClone:function(t){var e=this,n=(t.sortable,t.cloneNowHidden),t=t.cancel;this.isMultiDrag&&(he.forEach(function(t){R(t,"display","none"),e.options.removeCloneOnHide&&t.parentNode&&t.parentNode.removeChild(t)}),n(),ue=!0,t())},dragStartGlobal:function(t){t.sortable;!this.isMultiDrag&&le&&le.multiDrag._deselectMultiDrag(),de.forEach(function(t){t.sortableIndex=j(t)}),de=de.sort(function(t,e){return t.sortableIndex-e.sortableIndex}),ge=!0},dragStarted:function(t){var e,n=this,t=t.sortable;this.isMultiDrag&&(this.options.sort&&(t.captureAnimationState(),this.options.animation&&(de.forEach(function(t){t!==se&&R(t,"position","absolute")}),e=X(se,!1,!0,!0),de.forEach(function(t){t!==se&&T(t,e)}),pe=fe=!0)),t.animateAll(function(){pe=fe=!1,n.options.animation&&de.forEach(function(t){x(t)}),n.options.sort&&ve()}))},dragOver:function(t){var e=t.target,n=t.completed,t=t.cancel;fe&&~de.indexOf(e)&&(n(!1),t())},revert:function(t){var n,o,e=t.fromSortable,i=t.rootEl,r=t.sortable,a=t.dragRect;1<de.length&&(de.forEach(function(t){r.addAnimationState({target:t,rect:fe?X(t):a}),x(t),t.fromRect=a,e.removeAnimationState(t)}),fe=!1,n=!this.options.removeCloneOnHide,o=i,de.forEach(function(t,e){e=o.children[t.sortableIndex+(n?Number(e):0)];e?o.insertBefore(t,e):o.appendChild(t)}))},dragOverCompleted:function(t){var e,n=t.sortable,o=t.isOwner,i=t.insertion,r=t.activeSortable,a=t.parentEl,l=t.putSortable,t=this.options;i&&(o&&r._hideClone(),pe=!1,t.animation&&1<de.length&&(fe||!o&&!r.options.sort&&!l)&&(e=X(se,!1,!0,!0),de.forEach(function(t){t!==se&&(T(t,e),a.appendChild(t))}),fe=!0),o||(fe||ve(),1<de.length?(o=ue,r._showClone(n),r.options.animation&&!ue&&o&&he.forEach(function(t){r.addAnimationState({target:t,rect:ce}),t.fromRect=ce,t.thisAnimationDuration=null})):r._showClone(n)))},dragOverAnimationCapture:function(t){var e=t.dragRect,n=t.isOwner,t=t.activeSortable;de.forEach(function(t){t.thisAnimationDuration=null}),t.options.animation&&!n&&t.multiDrag.isMultiDrag&&(ce=a({},e),e=b(se,!0),ce.top-=e.f,ce.left-=e.e)},dragOverAnimationComplete:function(){fe&&(fe=!1,ve())},drop:function(t){var o,i,r,a,n,e,l,s=t.originalEvent,c=t.rootEl,u=t.parentEl,d=t.sortable,h=t.dispatchSortableEvent,p=t.oldIndex,t=t.putSortable,f=t||this.sortable;s&&(o=this.options,i=u.children,ge||(o.multiDragKey&&!this.multiDragKeyDown&&this._deselectMultiDrag(),k(se,o.selectedClass,!~de.indexOf(se)),~de.indexOf(se)?(de.splice(de.indexOf(se),1),ae=null,G({sortable:d,rootEl:c,name:"deselect",targetEl:se,originalEvent:s})):(de.push(se),G({sortable:d,rootEl:c,name:"select",targetEl:se,originalEvent:s}),s.shiftKey&&ae&&d.el.contains(ae)?(r=j(ae),a=j(se),~r&&~a&&r!==a&&function(){for(var e,t=r<a?(e=r,a):(e=a,r+1),n=o.filter;e<t;e++)~de.indexOf(i[e])||P(i[e],o.draggable,u,!1)&&(n&&("function"==typeof n?n.call(d,s,i[e],d):n.split(",").some(function(t){return P(i[e],t.trim(),u,!1)}))||(k(i[e],o.selectedClass,!0),de.push(i[e]),G({sortable:d,rootEl:c,name:"select",targetEl:i[e],originalEvent:s})))}()):ae=se,le=f)),ge&&this.isMultiDrag&&(fe=!1,(u[K].options.sort||u!==c)&&1<de.length&&(n=X(se),e=j(se,":not(."+this.options.selectedClass+")"),!pe&&o.animation&&(se.thisAnimationDuration=null),f.captureAnimationState(),pe||(o.animation&&(se.fromRect=n,de.forEach(function(t){var e;t.thisAnimationDuration=null,t!==se&&(e=fe?X(t):n,t.fromRect=e,f.addAnimationState({target:t,rect:e}))})),ve(),de.forEach(function(t){i[e]?u.insertBefore(t,i[e]):u.appendChild(t),e++}),p===j(se)&&(l=!1,de.forEach(function(t){t.sortableIndex!==j(t)&&(l=!0)}),l&&(h("update"),h("sort")))),de.forEach(function(t){x(t)}),f.animateAll()),le=f),(c===u||t&&"clone"!==t.lastPutMode)&&he.forEach(function(t){t.parentNode&&t.parentNode.removeChild(t)}))},nullingGlobal:function(){this.isMultiDrag=ge=!1,he.length=0},destroyGlobal:function(){this._deselectMultiDrag(),p(document,"pointerup",this._deselectMultiDrag),p(document,"mouseup",this._deselectMultiDrag),p(document,"touchend",this._deselectMultiDrag),p(document,"keydown",this._checkKeyDown),p(document,"keyup",this._checkKeyUp)},_deselectMultiDrag:function(t){if(!(void 0!==ge&&ge||le!==this.sortable||t&&P(t.target,this.options.draggable,this.sortable.el,!1)||t&&0!==t.button))for(;de.length;){var e=de[0];k(e,this.options.selectedClass,!1),de.shift(),G({sortable:this.sortable,rootEl:this.sortable.el,name:"deselect",targetEl:e,originalEvent:t})}},_checkKeyDown:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!0)},_checkKeyUp:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!1)}},a(t,{pluginName:"multiDrag",utils:{select:function(t){var e=t.parentNode[K];e&&e.options.multiDrag&&!~de.indexOf(t)&&(le&&le!==e&&(le.multiDrag._deselectMultiDrag(),le=e),k(t,e.options.selectedClass,!0),de.push(t))},deselect:function(t){var e=t.parentNode[K],n=de.indexOf(t);e&&e.options.multiDrag&&~n&&(k(t,e.options.selectedClass,!1),de.splice(n,1))}},eventProperties:function(){var n=this,o=[],i=[];return de.forEach(function(t){var e;o.push({multiDragElement:t,index:t.sortableIndex}),e=fe&&t!==se?-1:fe?j(t,":not(."+n.options.selectedClass+")"):j(t),i.push({multiDragElement:t,index:e})}),{items:r(de),clones:[].concat(he),oldIndicies:o,newIndicies:i}},optionListeners:{multiDragKey:function(t){return"ctrl"===(t=t.toLowerCase())?t="Control":1<t.length&&(t=t.charAt(0).toUpperCase()+t.substr(1)),t}}})}),jt});
\ No newline at end of file
diff --git a/public_html/raven-demo/vendor/js/autosize.min.js b/public_html/raven-demo/vendor/js/autosize.min.js
new file mode 100644
index 0000000..1b24155
--- /dev/null
+++ b/public_html/raven-demo/vendor/js/autosize.min.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e||self).autosize=t()}(this,function(){var e=new Map;function t(t){var o=e.get(t);o&&o.destroy()}function o(t){var o=e.get(t);o&&o.update()}var r=null;return"undefined"==typeof window?((r=function(e){return e}).destroy=function(e){return e},r.update=function(e){return e}):((r=function(t,o){return t&&Array.prototype.forEach.call(t.length?t:[t],function(t){return function(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!e.has(t)){var o,r=null,n=window.getComputedStyle(t),i=(o=t.value,function(){s({testForHeightReduction:""===o||!t.value.startsWith(o),restoreTextAlign:null}),o=t.value}),l=function(o){t.removeEventListener("autosize:destroy",l),t.removeEventListener("autosize:update",a),t.removeEventListener("input",i),window.removeEventListener("resize",a),Object.keys(o).forEach(function(e){return t.style[e]=o[e]}),e.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,textAlign:t.style.textAlign,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",l),t.addEventListener("autosize:update",a),t.addEventListener("input",i),window.addEventListener("resize",a),t.style.overflowX="hidden",t.style.wordWrap="break-word",e.set(t,{destroy:l,update:a}),a()}function s(e){var o,i,l=e.restoreTextAlign,a=void 0===l?null:l,d=e.testForHeightReduction,u=void 0===d||d,f=n.overflowY;if(0!==t.scrollHeight&&("vertical"===n.resize?t.style.resize="none":"both"===n.resize&&(t.style.resize="horizontal"),u&&(o=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push([e.parentNode,e.parentNode.scrollTop]),e=e.parentNode;return function(){return t.forEach(function(e){var t=e[0],o=e[1];t.style.scrollBehavior="auto",t.scrollTop=o,t.style.scrollBehavior=null})}}(t),t.style.height=""),i="content-box"===n.boxSizing?t.scrollHeight-(parseFloat(n.paddingTop)+parseFloat(n.paddingBottom)):t.scrollHeight+parseFloat(n.borderTopWidth)+parseFloat(n.borderBottomWidth),"none"!==n.maxHeight&&i>parseFloat(n.maxHeight)?("hidden"===n.overflowY&&(t.style.overflow="scroll"),i=parseFloat(n.maxHeight)):"hidden"!==n.overflowY&&(t.style.overflow="hidden"),t.style.height=i+"px",a&&(t.style.textAlign=a),o&&o(),r!==i&&(t.dispatchEvent(new Event("autosize:resized",{bubbles:!0})),r=i),f!==n.overflow&&!a)){var c=n.textAlign;"hidden"===n.overflow&&(t.style.textAlign="start"===c?"end":"start"),s({restoreTextAlign:c,testForHeightReduction:!0})}}function a(){s({testForHeightReduction:!0,restoreTextAlign:null})}}(t)}),t}).destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],t),e},r.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],o),e}),r});
diff --git a/public_html/raven-demo/vendor/js/cleave.min.js b/public_html/raven-demo/vendor/js/cleave.min.js
new file mode 100644
index 0000000..e43189a
--- /dev/null
+++ b/public_html/raven-demo/vendor/js/cleave.min.js
@@ -0,0 +1,8 @@
+/*!
+ * cleave.js - 1.6.0
+ * https://github.com/nosir/cleave.js
+ * Apache License Version 2.0
+ *
+ * Copyright (C) 2012-2020 Max Huang https://github.com/nosir/
+ */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.Cleave=t():e.Cleave=t()}(this,function(){return function(e){function t(i){if(r[i])return r[i].exports;var n=r[i]={exports:{},id:i,loaded:!1};return e[i].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){(function(t){"use strict";var i=function(e,t){var r=this,n=!1;if("string"==typeof e?(r.element=document.querySelector(e),n=document.querySelectorAll(e).length>1):"undefined"!=typeof e.length&&e.length>0?(r.element=e[0],n=e.length>1):r.element=e,!r.element)throw new Error("[cleave.js] Please check the element");if(n)try{console.warn("[cleave.js] Multiple input fields matched, cleave.js will only take the first one.")}catch(a){}t.initValue=r.element.value,r.properties=i.DefaultProperties.assign({},t),r.init()};i.prototype={init:function(){var e=this,t=e.properties;return t.numeral||t.phone||t.creditCard||t.time||t.date||0!==t.blocksLength||t.prefix?(t.maxLength=i.Util.getMaxLength(t.blocks),e.isAndroid=i.Util.isAndroid(),e.lastInputValue="",e.isBackward="",e.onChangeListener=e.onChange.bind(e),e.onKeyDownListener=e.onKeyDown.bind(e),e.onFocusListener=e.onFocus.bind(e),e.onCutListener=e.onCut.bind(e),e.onCopyListener=e.onCopy.bind(e),e.initSwapHiddenInput(),e.element.addEventListener("input",e.onChangeListener),e.element.addEventListener("keydown",e.onKeyDownListener),e.element.addEventListener("focus",e.onFocusListener),e.element.addEventListener("cut",e.onCutListener),e.element.addEventListener("copy",e.onCopyListener),e.initPhoneFormatter(),e.initDateFormatter(),e.initTimeFormatter(),e.initNumeralFormatter(),void((t.initValue||t.prefix&&!t.noImmediatePrefix)&&e.onInput(t.initValue))):void e.onInput(t.initValue)},initSwapHiddenInput:function(){var e=this,t=e.properties;if(t.swapHiddenInput){var r=e.element.cloneNode(!0);e.element.parentNode.insertBefore(r,e.element),e.elementSwapHidden=e.element,e.elementSwapHidden.type="hidden",e.element=r,e.element.id=""}},initNumeralFormatter:function(){var e=this,t=e.properties;t.numeral&&(t.numeralFormatter=new i.NumeralFormatter(t.numeralDecimalMark,t.numeralIntegerScale,t.numeralDecimalScale,t.numeralThousandsGroupStyle,t.numeralPositiveOnly,t.stripLeadingZeroes,t.prefix,t.signBeforePrefix,t.tailPrefix,t.delimiter))},initTimeFormatter:function(){var e=this,t=e.properties;t.time&&(t.timeFormatter=new i.TimeFormatter(t.timePattern,t.timeFormat),t.blocks=t.timeFormatter.getBlocks(),t.blocksLength=t.blocks.length,t.maxLength=i.Util.getMaxLength(t.blocks))},initDateFormatter:function(){var e=this,t=e.properties;t.date&&(t.dateFormatter=new i.DateFormatter(t.datePattern,t.dateMin,t.dateMax),t.blocks=t.dateFormatter.getBlocks(),t.blocksLength=t.blocks.length,t.maxLength=i.Util.getMaxLength(t.blocks))},initPhoneFormatter:function(){var e=this,t=e.properties;if(t.phone)try{t.phoneFormatter=new i.PhoneFormatter(new t.root.Cleave.AsYouTypeFormatter(t.phoneRegionCode),t.delimiter)}catch(r){throw new Error("[cleave.js] Please include phone-type-formatter.{country}.js lib")}},onKeyDown:function(e){var t=this,r=e.which||e.keyCode;t.lastInputValue=t.element.value,t.isBackward=8===r},onChange:function(e){var t=this,r=t.properties,n=i.Util;t.isBackward=t.isBackward||"deleteContentBackward"===e.inputType;var a=n.getPostDelimiter(t.lastInputValue,r.delimiter,r.delimiters);t.isBackward&&a?r.postDelimiterBackspace=a:r.postDelimiterBackspace=!1,this.onInput(this.element.value)},onFocus:function(){var e=this,t=e.properties;e.lastInputValue=e.element.value,t.prefix&&t.noImmediatePrefix&&!e.element.value&&this.onInput(t.prefix),i.Util.fixPrefixCursor(e.element,t.prefix,t.delimiter,t.delimiters)},onCut:function(e){i.Util.checkFullSelection(this.element.value)&&(this.copyClipboardData(e),this.onInput(""))},onCopy:function(e){i.Util.checkFullSelection(this.element.value)&&this.copyClipboardData(e)},copyClipboardData:function(e){var t=this,r=t.properties,n=i.Util,a=t.element.value,o="";o=r.copyDelimiter?a:n.stripDelimiters(a,r.delimiter,r.delimiters);try{e.clipboardData?e.clipboardData.setData("Text",o):window.clipboardData.setData("Text",o),e.preventDefault()}catch(l){}},onInput:function(e){var t=this,r=t.properties,n=i.Util,a=n.getPostDelimiter(e,r.delimiter,r.delimiters);return r.numeral||!r.postDelimiterBackspace||a||(e=n.headStr(e,e.length-r.postDelimiterBackspace.length)),r.phone?(!r.prefix||r.noImmediatePrefix&&!e.length?r.result=r.phoneFormatter.format(e):r.result=r.prefix+r.phoneFormatter.format(e).slice(r.prefix.length),void t.updateValueState()):r.numeral?(r.prefix&&r.noImmediatePrefix&&0===e.length?r.result="":r.result=r.numeralFormatter.format(e),void t.updateValueState()):(r.date&&(e=r.dateFormatter.getValidatedDate(e)),r.time&&(e=r.timeFormatter.getValidatedTime(e)),e=n.stripDelimiters(e,r.delimiter,r.delimiters),e=n.getPrefixStrippedValue(e,r.prefix,r.prefixLength,r.result,r.delimiter,r.delimiters,r.noImmediatePrefix,r.tailPrefix,r.signBeforePrefix),e=r.numericOnly?n.strip(e,/[^\d]/g):e,e=r.uppercase?e.toUpperCase():e,e=r.lowercase?e.toLowerCase():e,r.prefix&&(r.tailPrefix?e+=r.prefix:e=r.prefix+e,0===r.blocksLength)?(r.result=e,void t.updateValueState()):(r.creditCard&&t.updateCreditCardPropsByValue(e),e=n.headStr(e,r.maxLength),r.result=n.getFormattedValue(e,r.blocks,r.blocksLength,r.delimiter,r.delimiters,r.delimiterLazyShow),void t.updateValueState()))},updateCreditCardPropsByValue:function(e){var t,r=this,n=r.properties,a=i.Util;a.headStr(n.result,4)!==a.headStr(e,4)&&(t=i.CreditCardDetector.getInfo(e,n.creditCardStrictMode),n.blocks=t.blocks,n.blocksLength=n.blocks.length,n.maxLength=a.getMaxLength(n.blocks),n.creditCardType!==t.type&&(n.creditCardType=t.type,n.onCreditCardTypeChanged.call(r,n.creditCardType)))},updateValueState:function(){var e=this,t=i.Util,r=e.properties;if(e.element){var n=e.element.selectionEnd,a=e.element.value,o=r.result;if(n=t.getNextCursorPosition(n,a,o,r.delimiter,r.delimiters),e.isAndroid)return void window.setTimeout(function(){e.element.value=o,t.setSelection(e.element,n,r.document,!1),e.callOnValueChanged()},1);e.element.value=o,r.swapHiddenInput&&(e.elementSwapHidden.value=e.getRawValue()),t.setSelection(e.element,n,r.document,!1),e.callOnValueChanged()}},callOnValueChanged:function(){var e=this,t=e.properties;t.onValueChanged.call(e,{target:{name:e.element.name,value:t.result,rawValue:e.getRawValue()}})},setPhoneRegionCode:function(e){var t=this,r=t.properties;r.phoneRegionCode=e,t.initPhoneFormatter(),t.onChange()},setRawValue:function(e){var t=this,r=t.properties;e=void 0!==e&&null!==e?e.toString():"",r.numeral&&(e=e.replace(".",r.numeralDecimalMark)),r.postDelimiterBackspace=!1,t.element.value=e,t.onInput(e)},getRawValue:function(){var e=this,t=e.properties,r=i.Util,n=e.element.value;return t.rawValueTrimPrefix&&(n=r.getPrefixStrippedValue(n,t.prefix,t.prefixLength,t.result,t.delimiter,t.delimiters,t.noImmediatePrefix,t.tailPrefix,t.signBeforePrefix)),n=t.numeral?t.numeralFormatter.getRawValue(n):r.stripDelimiters(n,t.delimiter,t.delimiters)},getISOFormatDate:function(){var e=this,t=e.properties;return t.date?t.dateFormatter.getISOFormatDate():""},getISOFormatTime:function(){var e=this,t=e.properties;return t.time?t.timeFormatter.getISOFormatTime():""},getFormattedValue:function(){return this.element.value},destroy:function(){var e=this;e.element.removeEventListener("input",e.onChangeListener),e.element.removeEventListener("keydown",e.onKeyDownListener),e.element.removeEventListener("focus",e.onFocusListener),e.element.removeEventListener("cut",e.onCutListener),e.element.removeEventListener("copy",e.onCopyListener)},toString:function(){return"[Cleave Object]"}},i.NumeralFormatter=r(1),i.DateFormatter=r(2),i.TimeFormatter=r(3),i.PhoneFormatter=r(4),i.CreditCardDetector=r(5),i.Util=r(6),i.DefaultProperties=r(7),("object"==typeof t&&t?t:window).Cleave=i,e.exports=i}).call(t,function(){return this}())},function(e,t){"use strict";var r=function(e,t,i,n,a,o,l,s,c,u){var d=this;d.numeralDecimalMark=e||".",d.numeralIntegerScale=t>0?t:0,d.numeralDecimalScale=i>=0?i:2,d.numeralThousandsGroupStyle=n||r.groupStyle.thousand,d.numeralPositiveOnly=!!a,d.stripLeadingZeroes=o!==!1,d.prefix=l||""===l?l:"",d.signBeforePrefix=!!s,d.tailPrefix=!!c,d.delimiter=u||""===u?u:",",d.delimiterRE=u?new RegExp("\\"+u,"g"):""};r.groupStyle={thousand:"thousand",lakh:"lakh",wan:"wan",none:"none"},r.prototype={getRawValue:function(e){return e.replace(this.delimiterRE,"").replace(this.numeralDecimalMark,".")},format:function(e){var t,i,n,a,o=this,l="";switch(e=e.replace(/[A-Za-z]/g,"").replace(o.numeralDecimalMark,"M").replace(/[^\dM-]/g,"").replace(/^\-/,"N").replace(/\-/g,"").replace("N",o.numeralPositiveOnly?"":"-").replace("M",o.numeralDecimalMark),o.stripLeadingZeroes&&(e=e.replace(/^(-)?0+(?=\d)/,"$1")),i="-"===e.slice(0,1)?"-":"",n="undefined"!=typeof o.prefix?o.signBeforePrefix?i+o.prefix:o.prefix+i:i,a=e,e.indexOf(o.numeralDecimalMark)>=0&&(t=e.split(o.numeralDecimalMark),a=t[0],l=o.numeralDecimalMark+t[1].slice(0,o.numeralDecimalScale)),"-"===i&&(a=a.slice(1)),o.numeralIntegerScale>0&&(a=a.slice(0,o.numeralIntegerScale)),o.numeralThousandsGroupStyle){case r.groupStyle.lakh:a=a.replace(/(\d)(?=(\d\d)+\d$)/g,"$1"+o.delimiter);break;case r.groupStyle.wan:a=a.replace(/(\d)(?=(\d{4})+$)/g,"$1"+o.delimiter);break;case r.groupStyle.thousand:a=a.replace(/(\d)(?=(\d{3})+$)/g,"$1"+o.delimiter)}return o.tailPrefix?i+a.toString()+(o.numeralDecimalScale>0?l.toString():"")+o.prefix:n+a.toString()+(o.numeralDecimalScale>0?l.toString():"")}},e.exports=r},function(e,t){"use strict";var r=function(e,t,r){var i=this;i.date=[],i.blocks=[],i.datePattern=e,i.dateMin=t.split("-").reverse().map(function(e){return parseInt(e,10)}),2===i.dateMin.length&&i.dateMin.unshift(0),i.dateMax=r.split("-").reverse().map(function(e){return parseInt(e,10)}),2===i.dateMax.length&&i.dateMax.unshift(0),i.initBlocks()};r.prototype={initBlocks:function(){var e=this;e.datePattern.forEach(function(t){"Y"===t?e.blocks.push(4):e.blocks.push(2)})},getISOFormatDate:function(){var e=this,t=e.date;return t[2]?t[2]+"-"+e.addLeadingZero(t[1])+"-"+e.addLeadingZero(t[0]):""},getBlocks:function(){return this.blocks},getValidatedDate:function(e){var t=this,r="";return e=e.replace(/[^\d]/g,""),t.blocks.forEach(function(i,n){if(e.length>0){var a=e.slice(0,i),o=a.slice(0,1),l=e.slice(i);switch(t.datePattern[n]){case"d":"00"===a?a="01":parseInt(o,10)>3?a="0"+o:parseInt(a,10)>31&&(a="31");break;case"m":"00"===a?a="01":parseInt(o,10)>1?a="0"+o:parseInt(a,10)>12&&(a="12")}r+=a,e=l}}),this.getFixedDateString(r)},getFixedDateString:function(e){var t,r,i,n=this,a=n.datePattern,o=[],l=0,s=0,c=0,u=0,d=0,m=0,p=!1;4===e.length&&"y"!==a[0].toLowerCase()&&"y"!==a[1].toLowerCase()&&(u="d"===a[0]?0:2,d=2-u,t=parseInt(e.slice(u,u+2),10),r=parseInt(e.slice(d,d+2),10),o=this.getFixedDate(t,r,0)),8===e.length&&(a.forEach(function(e,t){switch(e){case"d":l=t;break;case"m":s=t;break;default:c=t}}),m=2*c,u=l<=c?2*l:2*l+2,d=s<=c?2*s:2*s+2,t=parseInt(e.slice(u,u+2),10),r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+4),10),p=4===e.slice(m,m+4).length,o=this.getFixedDate(t,r,i)),4!==e.length||"y"!==a[0]&&"y"!==a[1]||(d="m"===a[0]?0:2,m=2-d,r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+2),10),p=2===e.slice(m,m+2).length,o=[0,r,i]),6!==e.length||"Y"!==a[0]&&"Y"!==a[1]||(d="m"===a[0]?0:4,m=2-.5*d,r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+4),10),p=4===e.slice(m,m+4).length,o=[0,r,i]),o=n.getRangeFixedDate(o),n.date=o;var h=0===o.length?e:a.reduce(function(e,t){switch(t){case"d":return e+(0===o[0]?"":n.addLeadingZero(o[0]));case"m":return e+(0===o[1]?"":n.addLeadingZero(o[1]));case"y":return e+(p?n.addLeadingZeroForYear(o[2],!1):"");case"Y":return e+(p?n.addLeadingZeroForYear(o[2],!0):"")}},"");return h},getRangeFixedDate:function(e){var t=this,r=t.datePattern,i=t.dateMin||[],n=t.dateMax||[];return!e.length||i.length<3&&n.length<3?e:r.find(function(e){return"y"===e.toLowerCase()})&&0===e[2]?e:n.length&&(n[2]<e[2]||n[2]===e[2]&&(n[1]<e[1]||n[1]===e[1]&&n[0]<e[0]))?n:i.length&&(i[2]>e[2]||i[2]===e[2]&&(i[1]>e[1]||i[1]===e[1]&&i[0]>e[0]))?i:e},getFixedDate:function(e,t,r){return e=Math.min(e,31),t=Math.min(t,12),r=parseInt(r||0,10),(t<7&&t%2===0||t>8&&t%2===1)&&(e=Math.min(e,2===t?this.isLeapYear(r)?29:28:30)),[e,t,r]},isLeapYear:function(e){return e%4===0&&e%100!==0||e%400===0},addLeadingZero:function(e){return(e<10?"0":"")+e},addLeadingZeroForYear:function(e,t){return t?(e<10?"000":e<100?"00":e<1e3?"0":"")+e:(e<10?"0":"")+e}},e.exports=r},function(e,t){"use strict";var r=function(e,t){var r=this;r.time=[],r.blocks=[],r.timePattern=e,r.timeFormat=t,r.initBlocks()};r.prototype={initBlocks:function(){var e=this;e.timePattern.forEach(function(){e.blocks.push(2)})},getISOFormatTime:function(){var e=this,t=e.time;return t[2]?e.addLeadingZero(t[0])+":"+e.addLeadingZero(t[1])+":"+e.addLeadingZero(t[2]):""},getBlocks:function(){return this.blocks},getTimeFormatOptions:function(){var e=this;return"12"===String(e.timeFormat)?{maxHourFirstDigit:1,maxHours:12,maxMinutesFirstDigit:5,maxMinutes:60}:{maxHourFirstDigit:2,maxHours:23,maxMinutesFirstDigit:5,maxMinutes:60}},getValidatedTime:function(e){var t=this,r="";e=e.replace(/[^\d]/g,"");var i=t.getTimeFormatOptions();return t.blocks.forEach(function(n,a){if(e.length>0){var o=e.slice(0,n),l=o.slice(0,1),s=e.slice(n);switch(t.timePattern[a]){case"h":parseInt(l,10)>i.maxHourFirstDigit?o="0"+l:parseInt(o,10)>i.maxHours&&(o=i.maxHours+"");break;case"m":case"s":parseInt(l,10)>i.maxMinutesFirstDigit?o="0"+l:parseInt(o,10)>i.maxMinutes&&(o=i.maxMinutes+"")}r+=o,e=s}}),this.getFixedTimeString(r)},getFixedTimeString:function(e){var t,r,i,n=this,a=n.timePattern,o=[],l=0,s=0,c=0,u=0,d=0,m=0;return 6===e.length&&(a.forEach(function(e,t){switch(e){case"s":l=2*t;break;case"m":s=2*t;break;case"h":c=2*t}}),m=c,d=s,u=l,t=parseInt(e.slice(u,u+2),10),r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+2),10),o=this.getFixedTime(i,r,t)),4===e.length&&n.timePattern.indexOf("s")<0&&(a.forEach(function(e,t){switch(e){case"m":s=2*t;break;case"h":c=2*t}}),m=c,d=s,t=0,r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+2),10),o=this.getFixedTime(i,r,t)),n.time=o,0===o.length?e:a.reduce(function(e,t){switch(t){case"s":return e+n.addLeadingZero(o[2]);case"m":return e+n.addLeadingZero(o[1]);case"h":return e+n.addLeadingZero(o[0])}},"")},getFixedTime:function(e,t,r){return r=Math.min(parseInt(r||0,10),60),t=Math.min(t,60),e=Math.min(e,60),[e,t,r]},addLeadingZero:function(e){return(e<10?"0":"")+e}},e.exports=r},function(e,t){"use strict";var r=function(e,t){var r=this;r.delimiter=t||""===t?t:" ",r.delimiterRE=t?new RegExp("\\"+t,"g"):"",r.formatter=e};r.prototype={setFormatter:function(e){this.formatter=e},format:function(e){var t=this;t.formatter.clear(),e=e.replace(/[^\d+]/g,""),e=e.replace(/^\+/,"B").replace(/\+/g,"").replace("B","+"),e=e.replace(t.delimiterRE,"");for(var r,i="",n=!1,a=0,o=e.length;a<o;a++)r=t.formatter.inputDigit(e.charAt(a)),/[\s()-]/g.test(r)?(i=r,n=!0):n||(i=r);return i=i.replace(/[()]/g,""),i=i.replace(/[\s-]/g,t.delimiter)}},e.exports=r},function(e,t){"use strict";var r={blocks:{uatp:[4,5,6],amex:[4,6,5],diners:[4,6,4],discover:[4,4,4,4],mastercard:[4,4,4,4],dankort:[4,4,4,4],instapayment:[4,4,4,4],jcb15:[4,6,5],jcb:[4,4,4,4],maestro:[4,4,4,4],visa:[4,4,4,4],mir:[4,4,4,4],unionPay:[4,4,4,4],general:[4,4,4,4]},re:{uatp:/^(?!1800)1\d{0,14}/,amex:/^3[47]\d{0,13}/,discover:/^(?:6011|65\d{0,2}|64[4-9]\d?)\d{0,12}/,diners:/^3(?:0([0-5]|9)|[689]\d?)\d{0,11}/,mastercard:/^(5[1-5]\d{0,2}|22[2-9]\d{0,1}|2[3-7]\d{0,2})\d{0,12}/,dankort:/^(5019|4175|4571)\d{0,12}/,instapayment:/^63[7-9]\d{0,13}/,jcb15:/^(?:2131|1800)\d{0,11}/,jcb:/^(?:35\d{0,2})\d{0,12}/,maestro:/^(?:5[0678]\d{0,2}|6304|67\d{0,2})\d{0,12}/,mir:/^220[0-4]\d{0,12}/,visa:/^4\d{0,15}/,unionPay:/^(62|81)\d{0,14}/},getStrictBlocks:function(e){var t=e.reduce(function(e,t){return e+t},0);return e.concat(19-t)},getInfo:function(e,t){var i=r.blocks,n=r.re;t=!!t;for(var a in n)if(n[a].test(e)){var o=i[a];return{type:a,blocks:t?this.getStrictBlocks(o):o}}return{type:"unknown",blocks:t?this.getStrictBlocks(i.general):i.general}}};e.exports=r},function(e,t){"use strict";var r={noop:function(){},strip:function(e,t){return e.replace(t,"")},getPostDelimiter:function(e,t,r){if(0===r.length)return e.slice(-t.length)===t?t:"";var i="";return r.forEach(function(t){e.slice(-t.length)===t&&(i=t)}),i},getDelimiterREByDelimiter:function(e){return new RegExp(e.replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1"),"g")},getNextCursorPosition:function(e,t,r,i,n){return t.length===e?r.length:e+this.getPositionOffset(e,t,r,i,n)},getPositionOffset:function(e,t,r,i,n){var a,o,l;return a=this.stripDelimiters(t.slice(0,e),i,n),o=this.stripDelimiters(r.slice(0,e),i,n),l=a.length-o.length,0!==l?l/Math.abs(l):0},stripDelimiters:function(e,t,r){var i=this;if(0===r.length){var n=t?i.getDelimiterREByDelimiter(t):"";return e.replace(n,"")}return r.forEach(function(t){t.split("").forEach(function(t){e=e.replace(i.getDelimiterREByDelimiter(t),"")})}),e},headStr:function(e,t){return e.slice(0,t)},getMaxLength:function(e){return e.reduce(function(e,t){return e+t},0)},getPrefixStrippedValue:function(e,t,r,i,n,a,o,l,s){if(0===r)return e;if(e===t&&""!==e)return"";if(s&&"-"==e.slice(0,1)){var c="-"==i.slice(0,1)?i.slice(1):i;return"-"+this.getPrefixStrippedValue(e.slice(1),t,r,c,n,a,o,l,s)}if(i.slice(0,r)!==t&&!l)return o&&!i&&e?e:"";if(i.slice(-r)!==t&&l)return o&&!i&&e?e:"";var u=this.stripDelimiters(i,n,a);return e.slice(0,r)===t||l?e.slice(-r)!==t&&l?u.slice(0,-r-1):l?e.slice(0,-r):e.slice(r):u.slice(r)},getFirstDiffIndex:function(e,t){for(var r=0;e.charAt(r)===t.charAt(r);)if(""===e.charAt(r++))return-1;return r},getFormattedValue:function(e,t,r,i,n,a){var o="",l=n.length>0,s="";return 0===r?e:(t.forEach(function(t,c){if(e.length>0){var u=e.slice(0,t),d=e.slice(t);s=l?n[a?c-1:c]||s:i,a?(c>0&&(o+=s),o+=u):(o+=u,u.length===t&&c<r-1&&(o+=s)),e=d}}),o)},fixPrefixCursor:function(e,t,r,i){if(e){var n=e.value,a=r||i[0]||" ";if(e.setSelectionRange&&t&&!(t.length+a.length<=n.length)){var o=2*n.length;setTimeout(function(){e.setSelectionRange(o,o)},1)}}},checkFullSelection:function(e){try{var t=window.getSelection()||document.getSelection()||{};return t.toString().length===e.length}catch(r){}return!1},setSelection:function(e,t,r){if(e===this.getActiveElement(r)&&!(e&&e.value.length<=t))if(e.createTextRange){var i=e.createTextRange();i.move("character",t),i.select()}else try{e.setSelectionRange(t,t)}catch(n){console.warn("The input element type does not support selection")}},getActiveElement:function(e){var t=e.activeElement;return t&&t.shadowRoot?this.getActiveElement(t.shadowRoot):t},isAndroid:function(){return navigator&&/android/i.test(navigator.userAgent)},isAndroidBackspaceKeydown:function(e,t){return!!(this.isAndroid()&&e&&t)&&t===e.slice(0,-1)}};e.exports=r},function(e,t){(function(t){"use strict";var r={assign:function(e,r){return e=e||{},r=r||{},e.creditCard=!!r.creditCard,e.creditCardStrictMode=!!r.creditCardStrictMode,e.creditCardType="",e.onCreditCardTypeChanged=r.onCreditCardTypeChanged||function(){},e.phone=!!r.phone,e.phoneRegionCode=r.phoneRegionCode||"AU",e.phoneFormatter={},e.time=!!r.time,e.timePattern=r.timePattern||["h","m","s"],e.timeFormat=r.timeFormat||"24",e.timeFormatter={},e.date=!!r.date,e.datePattern=r.datePattern||["d","m","Y"],e.dateMin=r.dateMin||"",e.dateMax=r.dateMax||"",e.dateFormatter={},e.numeral=!!r.numeral,e.numeralIntegerScale=r.numeralIntegerScale>0?r.numeralIntegerScale:0,e.numeralDecimalScale=r.numeralDecimalScale>=0?r.numeralDecimalScale:2,e.numeralDecimalMark=r.numeralDecimalMark||".",e.numeralThousandsGroupStyle=r.numeralThousandsGroupStyle||"thousand",e.numeralPositiveOnly=!!r.numeralPositiveOnly,e.stripLeadingZeroes=r.stripLeadingZeroes!==!1,e.signBeforePrefix=!!r.signBeforePrefix,e.tailPrefix=!!r.tailPrefix,e.swapHiddenInput=!!r.swapHiddenInput,e.numericOnly=e.creditCard||e.date||!!r.numericOnly,e.uppercase=!!r.uppercase,e.lowercase=!!r.lowercase,e.prefix=e.creditCard||e.date?"":r.prefix||"",e.noImmediatePrefix=!!r.noImmediatePrefix,e.prefixLength=e.prefix.length,e.rawValueTrimPrefix=!!r.rawValueTrimPrefix,e.copyDelimiter=!!r.copyDelimiter,e.initValue=void 0!==r.initValue&&null!==r.initValue?r.initValue.toString():"",e.delimiter=r.delimiter||""===r.delimiter?r.delimiter:r.date?"/":r.time?":":r.numeral?",":(r.phone," "),e.delimiterLength=e.delimiter.length,e.delimiterLazyShow=!!r.delimiterLazyShow,e.delimiters=r.delimiters||[],e.blocks=r.blocks||[],e.blocksLength=e.blocks.length,e.root="object"==typeof t&&t?t:window,e.document=r.document||e.root.document,e.maxLength=0,e.backspace=!1,e.result="",e.onValueChanged=r.onValueChanged||function(){},e}};e.exports=r}).call(t,function(){return this}())}])});
\ No newline at end of file
diff --git a/public_html/raven-demo/vendor/js/daterangepicker.js b/public_html/raven-demo/vendor/js/daterangepicker.js
new file mode 100644
index 0000000..4048310
--- /dev/null
+++ b/public_html/raven-demo/vendor/js/daterangepicker.js
@@ -0,0 +1,1578 @@
+/**
+* @version: 3.1
+* @author: Dan Grossman http://www.dangrossman.info/
+* @copyright: Copyright (c) 2012-2019 Dan Grossman. All rights reserved.
+* @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
+* @website: http://www.daterangepicker.com/
+*/
+// Following the UMD template https://github.com/umdjs/umd/blob/master/templates/returnExportsGlobal.js
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Make globaly available as well
+        define(['moment', 'jquery'], function (moment, jquery) {
+            if (!jquery.fn) jquery.fn = {}; // webpack server rendering
+            if (typeof moment !== 'function' && moment.hasOwnProperty('default')) moment = moment['default']
+            return factory(moment, jquery);
+        });
+    } else if (typeof module === 'object' && module.exports) {
+        // Node / Browserify
+        //isomorphic issue
+        var jQuery = (typeof window != 'undefined') ? window.jQuery : undefined;
+        if (!jQuery) {
+            jQuery = require('jquery');
+            if (!jQuery.fn) jQuery.fn = {};
+        }
+        var moment = (typeof window != 'undefined' && typeof window.moment != 'undefined') ? window.moment : require('moment');
+        module.exports = factory(moment, jQuery);
+    } else {
+        // Browser globals
+        root.daterangepicker = factory(root.moment, root.jQuery);
+    }
+}(this, function(moment, $) {
+    var DateRangePicker = function(element, options, cb) {
+
+        //default settings for options
+        this.parentEl = 'body';
+        this.element = $(element);
+        this.startDate = moment().startOf('day');
+        this.endDate = moment().endOf('day');
+        this.minDate = false;
+        this.maxDate = false;
+        this.maxSpan = false;
+        this.autoApply = false;
+        this.singleDatePicker = false;
+        this.showDropdowns = false;
+        this.minYear = moment().subtract(100, 'year').format('YYYY');
+        this.maxYear = moment().add(100, 'year').format('YYYY');
+        this.showWeekNumbers = false;
+        this.showISOWeekNumbers = false;
+        this.showCustomRangeLabel = true;
+        this.timePicker = false;
+        this.timePicker24Hour = false;
+        this.timePickerIncrement = 1;
+        this.timePickerSeconds = false;
+        this.linkedCalendars = true;
+        this.autoUpdateInput = true;
+        this.alwaysShowCalendars = false;
+        this.ranges = {};
+
+        this.opens = 'right';
+        if (this.element.hasClass('pull-right'))
+            this.opens = 'left';
+
+        this.drops = 'down';
+        if (this.element.hasClass('dropup'))
+            this.drops = 'up';
+
+        this.buttonClasses = 'btn btn-sm';
+        this.applyButtonClasses = 'btn-primary';
+        this.cancelButtonClasses = 'btn-default';
+
+        this.locale = {
+            direction: 'ltr',
+            format: moment.localeData().longDateFormat('L'),
+            separator: ' - ',
+            applyLabel: 'Apply',
+            cancelLabel: 'Cancel',
+            weekLabel: 'W',
+            customRangeLabel: 'Custom Range',
+            daysOfWeek: moment.weekdaysMin(),
+            monthNames: moment.monthsShort(),
+            firstDay: moment.localeData().firstDayOfWeek()
+        };
+
+        this.callback = function() { };
+
+        //some state information
+        this.isShowing = false;
+        this.leftCalendar = {};
+        this.rightCalendar = {};
+
+        //custom options from user
+        if (typeof options !== 'object' || options === null)
+            options = {};
+
+        //allow setting options with data attributes
+        //data-api options will be overwritten with custom javascript options
+        options = $.extend(this.element.data(), options);
+
+        //html template for the picker UI
+        if (typeof options.template !== 'string' && !(options.template instanceof $))
+            options.template =
+            '<div class="daterangepicker">' +
+                '<div class="ranges"></div>' +
+                '<div class="drp-calendar left">' +
+                    '<div class="calendar-table"></div>' +
+                    '<div class="calendar-time"></div>' +
+                '</div>' +
+                '<div class="drp-calendar right">' +
+                    '<div class="calendar-table"></div>' +
+                    '<div class="calendar-time"></div>' +
+                '</div>' +
+                '<div class="drp-buttons">' +
+                    '<span class="drp-selected"></span>' +
+                    '<button class="cancelBtn" type="button"></button>' +
+                    '<button class="applyBtn" disabled="disabled" type="button"></button> ' +
+                '</div>' +
+            '</div>';
+
+        this.parentEl = (options.parentEl && $(options.parentEl).length) ? $(options.parentEl) : $(this.parentEl);
+        this.container = $(options.template).appendTo(this.parentEl);
+
+        //
+        // handle all the possible options overriding defaults
+        //
+
+        if (typeof options.locale === 'object') {
+
+            if (typeof options.locale.direction === 'string')
+                this.locale.direction = options.locale.direction;
+
+            if (typeof options.locale.format === 'string')
+                this.locale.format = options.locale.format;
+
+            if (typeof options.locale.separator === 'string')
+                this.locale.separator = options.locale.separator;
+
+            if (typeof options.locale.daysOfWeek === 'object')
+                this.locale.daysOfWeek = options.locale.daysOfWeek.slice();
+
+            if (typeof options.locale.monthNames === 'object')
+              this.locale.monthNames = options.locale.monthNames.slice();
+
+            if (typeof options.locale.firstDay === 'number')
+              this.locale.firstDay = options.locale.firstDay;
+
+            if (typeof options.locale.applyLabel === 'string')
+              this.locale.applyLabel = options.locale.applyLabel;
+
+            if (typeof options.locale.cancelLabel === 'string')
+              this.locale.cancelLabel = options.locale.cancelLabel;
+
+            if (typeof options.locale.weekLabel === 'string')
+              this.locale.weekLabel = options.locale.weekLabel;
+
+            if (typeof options.locale.customRangeLabel === 'string'){
+                //Support unicode chars in the custom range name.
+                var elem = document.createElement('textarea');
+                elem.innerHTML = options.locale.customRangeLabel;
+                var rangeHtml = elem.value;
+                this.locale.customRangeLabel = rangeHtml;
+            }
+        }
+        this.container.addClass(this.locale.direction);
+
+        if (typeof options.startDate === 'string')
+            this.startDate = moment(options.startDate, this.locale.format);
+
+        if (typeof options.endDate === 'string')
+            this.endDate = moment(options.endDate, this.locale.format);
+
+        if (typeof options.minDate === 'string')
+            this.minDate = moment(options.minDate, this.locale.format);
+
+        if (typeof options.maxDate === 'string')
+            this.maxDate = moment(options.maxDate, this.locale.format);
+
+        if (typeof options.startDate === 'object')
+            this.startDate = moment(options.startDate);
+
+        if (typeof options.endDate === 'object')
+            this.endDate = moment(options.endDate);
+
+        if (typeof options.minDate === 'object')
+            this.minDate = moment(options.minDate);
+
+        if (typeof options.maxDate === 'object')
+            this.maxDate = moment(options.maxDate);
+
+        // sanity check for bad options
+        if (this.minDate && this.startDate.isBefore(this.minDate))
+            this.startDate = this.minDate.clone();
+
+        // sanity check for bad options
+        if (this.maxDate && this.endDate.isAfter(this.maxDate))
+            this.endDate = this.maxDate.clone();
+
+        if (typeof options.applyButtonClasses === 'string')
+            this.applyButtonClasses = options.applyButtonClasses;
+
+        if (typeof options.applyClass === 'string') //backwards compat
+            this.applyButtonClasses = options.applyClass;
+
+        if (typeof options.cancelButtonClasses === 'string')
+            this.cancelButtonClasses = options.cancelButtonClasses;
+
+        if (typeof options.cancelClass === 'string') //backwards compat
+            this.cancelButtonClasses = options.cancelClass;
+
+        if (typeof options.maxSpan === 'object')
+            this.maxSpan = options.maxSpan;
+
+        if (typeof options.dateLimit === 'object') //backwards compat
+            this.maxSpan = options.dateLimit;
+
+        if (typeof options.opens === 'string')
+            this.opens = options.opens;
+
+        if (typeof options.drops === 'string')
+            this.drops = options.drops;
+
+        if (typeof options.showWeekNumbers === 'boolean')
+            this.showWeekNumbers = options.showWeekNumbers;
+
+        if (typeof options.showISOWeekNumbers === 'boolean')
+            this.showISOWeekNumbers = options.showISOWeekNumbers;
+
+        if (typeof options.buttonClasses === 'string')
+            this.buttonClasses = options.buttonClasses;
+
+        if (typeof options.buttonClasses === 'object')
+            this.buttonClasses = options.buttonClasses.join(' ');
+
+        if (typeof options.showDropdowns === 'boolean')
+            this.showDropdowns = options.showDropdowns;
+
+        if (typeof options.minYear === 'number')
+            this.minYear = options.minYear;
+
+        if (typeof options.maxYear === 'number')
+            this.maxYear = options.maxYear;
+
+        if (typeof options.showCustomRangeLabel === 'boolean')
+            this.showCustomRangeLabel = options.showCustomRangeLabel;
+
+        if (typeof options.singleDatePicker === 'boolean') {
+            this.singleDatePicker = options.singleDatePicker;
+            if (this.singleDatePicker)
+                this.endDate = this.startDate.clone();
+        }
+
+        if (typeof options.timePicker === 'boolean')
+            this.timePicker = options.timePicker;
+
+        if (typeof options.timePickerSeconds === 'boolean')
+            this.timePickerSeconds = options.timePickerSeconds;
+
+        if (typeof options.timePickerIncrement === 'number')
+            this.timePickerIncrement = options.timePickerIncrement;
+
+        if (typeof options.timePicker24Hour === 'boolean')
+            this.timePicker24Hour = options.timePicker24Hour;
+
+        if (typeof options.autoApply === 'boolean')
+            this.autoApply = options.autoApply;
+
+        if (typeof options.autoUpdateInput === 'boolean')
+            this.autoUpdateInput = options.autoUpdateInput;
+
+        if (typeof options.linkedCalendars === 'boolean')
+            this.linkedCalendars = options.linkedCalendars;
+
+        if (typeof options.isInvalidDate === 'function')
+            this.isInvalidDate = options.isInvalidDate;
+
+        if (typeof options.isCustomDate === 'function')
+            this.isCustomDate = options.isCustomDate;
+
+        if (typeof options.alwaysShowCalendars === 'boolean')
+            this.alwaysShowCalendars = options.alwaysShowCalendars;
+
+        // update day names order to firstDay
+        if (this.locale.firstDay != 0) {
+            var iterator = this.locale.firstDay;
+            while (iterator > 0) {
+                this.locale.daysOfWeek.push(this.locale.daysOfWeek.shift());
+                iterator--;
+            }
+        }
+
+        var start, end, range;
+
+        //if no start/end dates set, check if an input element contains initial values
+        if (typeof options.startDate === 'undefined' && typeof options.endDate === 'undefined') {
+            if ($(this.element).is(':text')) {
+                var val = $(this.element).val(),
+                    split = val.split(this.locale.separator);
+
+                start = end = null;
+
+                if (split.length == 2) {
+                    start = moment(split[0], this.locale.format);
+                    end = moment(split[1], this.locale.format);
+                } else if (this.singleDatePicker && val !== "") {
+                    start = moment(val, this.locale.format);
+                    end = moment(val, this.locale.format);
+                }
+                if (start !== null && end !== null) {
+                    this.setStartDate(start);
+                    this.setEndDate(end);
+                }
+            }
+        }
+
+        if (typeof options.ranges === 'object') {
+            for (range in options.ranges) {
+
+                if (typeof options.ranges[range][0] === 'string')
+                    start = moment(options.ranges[range][0], this.locale.format);
+                else
+                    start = moment(options.ranges[range][0]);
+
+                if (typeof options.ranges[range][1] === 'string')
+                    end = moment(options.ranges[range][1], this.locale.format);
+                else
+                    end = moment(options.ranges[range][1]);
+
+                // If the start or end date exceed those allowed by the minDate or maxSpan
+                // options, shorten the range to the allowable period.
+                if (this.minDate && start.isBefore(this.minDate))
+                    start = this.minDate.clone();
+
+                var maxDate = this.maxDate;
+                if (this.maxSpan && maxDate && start.clone().add(this.maxSpan).isAfter(maxDate))
+                    maxDate = start.clone().add(this.maxSpan);
+                if (maxDate && end.isAfter(maxDate))
+                    end = maxDate.clone();
+
+                // If the end of the range is before the minimum or the start of the range is
+                // after the maximum, don't display this range option at all.
+                if ((this.minDate && end.isBefore(this.minDate, this.timepicker ? 'minute' : 'day'))
+                  || (maxDate && start.isAfter(maxDate, this.timepicker ? 'minute' : 'day')))
+                    continue;
+
+                //Support unicode chars in the range names.
+                var elem = document.createElement('textarea');
+                elem.innerHTML = range;
+                var rangeHtml = elem.value;
+
+                this.ranges[rangeHtml] = [start, end];
+            }
+
+            var list = '<ul>';
+            for (range in this.ranges) {
+                list += '<li data-range-key="' + range + '">' + range + '</li>';
+            }
+            if (this.showCustomRangeLabel) {
+                list += '<li data-range-key="' + this.locale.customRangeLabel + '">' + this.locale.customRangeLabel + '</li>';
+            }
+            list += '</ul>';
+            this.container.find('.ranges').prepend(list);
+        }
+
+        if (typeof cb === 'function') {
+            this.callback = cb;
+        }
+
+        if (!this.timePicker) {
+            this.startDate = this.startDate.startOf('day');
+            this.endDate = this.endDate.endOf('day');
+            this.container.find('.calendar-time').hide();
+        }
+
+        //can't be used together for now
+        if (this.timePicker && this.autoApply)
+            this.autoApply = false;
+
+        if (this.autoApply) {
+            this.container.addClass('auto-apply');
+        }
+
+        if (typeof options.ranges === 'object')
+            this.container.addClass('show-ranges');
+
+        if (this.singleDatePicker) {
+            this.container.addClass('single');
+            this.container.find('.drp-calendar.left').addClass('single');
+            this.container.find('.drp-calendar.left').show();
+            this.container.find('.drp-calendar.right').hide();
+            if (!this.timePicker && this.autoApply) {
+                this.container.addClass('auto-apply');
+            }
+        }
+
+        if ((typeof options.ranges === 'undefined' && !this.singleDatePicker) || this.alwaysShowCalendars) {
+            this.container.addClass('show-calendar');
+        }
+
+        this.container.addClass('opens' + this.opens);
+
+        //apply CSS classes and labels to buttons
+        this.container.find('.applyBtn, .cancelBtn').addClass(this.buttonClasses);
+        if (this.applyButtonClasses.length)
+            this.container.find('.applyBtn').addClass(this.applyButtonClasses);
+        if (this.cancelButtonClasses.length)
+            this.container.find('.cancelBtn').addClass(this.cancelButtonClasses);
+        this.container.find('.applyBtn').html(this.locale.applyLabel);
+        this.container.find('.cancelBtn').html(this.locale.cancelLabel);
+
+        //
+        // event listeners
+        //
+
+        this.container.find('.drp-calendar')
+            .on('click.daterangepicker', '.prev', $.proxy(this.clickPrev, this))
+            .on('click.daterangepicker', '.next', $.proxy(this.clickNext, this))
+            .on('mousedown.daterangepicker', 'td.available', $.proxy(this.clickDate, this))
+            .on('mouseenter.daterangepicker', 'td.available', $.proxy(this.hoverDate, this))
+            .on('change.daterangepicker', 'select.yearselect', $.proxy(this.monthOrYearChanged, this))
+            .on('change.daterangepicker', 'select.monthselect', $.proxy(this.monthOrYearChanged, this))
+            .on('change.daterangepicker', 'select.hourselect,select.minuteselect,select.secondselect,select.ampmselect', $.proxy(this.timeChanged, this));
+
+        this.container.find('.ranges')
+            .on('click.daterangepicker', 'li', $.proxy(this.clickRange, this));
+
+        this.container.find('.drp-buttons')
+            .on('click.daterangepicker', 'button.applyBtn', $.proxy(this.clickApply, this))
+            .on('click.daterangepicker', 'button.cancelBtn', $.proxy(this.clickCancel, this));
+
+        if (this.element.is('input') || this.element.is('button')) {
+            this.element.on({
+                'click.daterangepicker': $.proxy(this.show, this),
+                'focus.daterangepicker': $.proxy(this.show, this),
+                'keyup.daterangepicker': $.proxy(this.elementChanged, this),
+                'keydown.daterangepicker': $.proxy(this.keydown, this) //IE 11 compatibility
+            });
+        } else {
+            this.element.on('click.daterangepicker', $.proxy(this.toggle, this));
+            this.element.on('keydown.daterangepicker', $.proxy(this.toggle, this));
+        }
+
+        //
+        // if attached to a text input, set the initial value
+        //
+
+        this.updateElement();
+
+    };
+
+    DateRangePicker.prototype = {
+
+        constructor: DateRangePicker,
+
+        setStartDate: function(startDate) {
+            if (typeof startDate === 'string')
+                this.startDate = moment(startDate, this.locale.format);
+
+            if (typeof startDate === 'object')
+                this.startDate = moment(startDate);
+
+            if (!this.timePicker)
+                this.startDate = this.startDate.startOf('day');
+
+            if (this.timePicker && this.timePickerIncrement)
+                this.startDate.minute(Math.round(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+
+            if (this.minDate && this.startDate.isBefore(this.minDate)) {
+                this.startDate = this.minDate.clone();
+                if (this.timePicker && this.timePickerIncrement)
+                    this.startDate.minute(Math.round(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+            }
+
+            if (this.maxDate && this.startDate.isAfter(this.maxDate)) {
+                this.startDate = this.maxDate.clone();
+                if (this.timePicker && this.timePickerIncrement)
+                    this.startDate.minute(Math.floor(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+            }
+
+            if (!this.isShowing)
+                this.updateElement();
+
+            this.updateMonthsInView();
+        },
+
+        setEndDate: function(endDate) {
+            if (typeof endDate === 'string')
+                this.endDate = moment(endDate, this.locale.format);
+
+            if (typeof endDate === 'object')
+                this.endDate = moment(endDate);
+
+            if (!this.timePicker)
+                this.endDate = this.endDate.endOf('day');
+
+            if (this.timePicker && this.timePickerIncrement)
+                this.endDate.minute(Math.round(this.endDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+
+            if (this.endDate.isBefore(this.startDate))
+                this.endDate = this.startDate.clone();
+
+            if (this.maxDate && this.endDate.isAfter(this.maxDate))
+                this.endDate = this.maxDate.clone();
+
+            if (this.maxSpan && this.startDate.clone().add(this.maxSpan).isBefore(this.endDate))
+                this.endDate = this.startDate.clone().add(this.maxSpan);
+
+            this.previousRightTime = this.endDate.clone();
+
+            this.container.find('.drp-selected').html(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
+
+            if (!this.isShowing)
+                this.updateElement();
+
+            this.updateMonthsInView();
+        },
+
+        isInvalidDate: function() {
+            return false;
+        },
+
+        isCustomDate: function() {
+            return false;
+        },
+
+        updateView: function() {
+            if (this.timePicker) {
+                this.renderTimePicker('left');
+                this.renderTimePicker('right');
+                if (!this.endDate) {
+                    this.container.find('.right .calendar-time select').prop('disabled', true).addClass('disabled');
+                } else {
+                    this.container.find('.right .calendar-time select').prop('disabled', false).removeClass('disabled');
+                }
+            }
+            if (this.endDate)
+                this.container.find('.drp-selected').html(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
+            this.updateMonthsInView();
+            this.updateCalendars();
+            this.updateFormInputs();
+        },
+
+        updateMonthsInView: function() {
+            if (this.endDate) {
+
+                //if both dates are visible already, do nothing
+                if (!this.singleDatePicker && this.leftCalendar.month && this.rightCalendar.month &&
+                    (this.startDate.format('YYYY-MM') == this.leftCalendar.month.format('YYYY-MM') || this.startDate.format('YYYY-MM') == this.rightCalendar.month.format('YYYY-MM'))
+                    &&
+                    (this.endDate.format('YYYY-MM') == this.leftCalendar.month.format('YYYY-MM') || this.endDate.format('YYYY-MM') == this.rightCalendar.month.format('YYYY-MM'))
+                    ) {
+                    return;
+                }
+
+                this.leftCalendar.month = this.startDate.clone().date(2);
+                if (!this.linkedCalendars && (this.endDate.month() != this.startDate.month() || this.endDate.year() != this.startDate.year())) {
+                    this.rightCalendar.month = this.endDate.clone().date(2);
+                } else {
+                    this.rightCalendar.month = this.startDate.clone().date(2).add(1, 'month');
+                }
+
+            } else {
+                if (this.leftCalendar.month.format('YYYY-MM') != this.startDate.format('YYYY-MM') && this.rightCalendar.month.format('YYYY-MM') != this.startDate.format('YYYY-MM')) {
+                    this.leftCalendar.month = this.startDate.clone().date(2);
+                    this.rightCalendar.month = this.startDate.clone().date(2).add(1, 'month');
+                }
+            }
+            if (this.maxDate && this.linkedCalendars && !this.singleDatePicker && this.rightCalendar.month > this.maxDate) {
+              this.rightCalendar.month = this.maxDate.clone().date(2);
+              this.leftCalendar.month = this.maxDate.clone().date(2).subtract(1, 'month');
+            }
+        },
+
+        updateCalendars: function() {
+
+            if (this.timePicker) {
+                var hour, minute, second;
+                if (this.endDate) {
+                    hour = parseInt(this.container.find('.left .hourselect').val(), 10);
+                    minute = parseInt(this.container.find('.left .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.left .minuteselect option:last').val(), 10);
+                    }
+                    second = this.timePickerSeconds ? parseInt(this.container.find('.left .secondselect').val(), 10) : 0;
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.left .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                } else {
+                    hour = parseInt(this.container.find('.right .hourselect').val(), 10);
+                    minute = parseInt(this.container.find('.right .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.right .minuteselect option:last').val(), 10);
+                    }
+                    second = this.timePickerSeconds ? parseInt(this.container.find('.right .secondselect').val(), 10) : 0;
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.right .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                }
+                this.leftCalendar.month.hour(hour).minute(minute).second(second);
+                this.rightCalendar.month.hour(hour).minute(minute).second(second);
+            }
+
+            this.renderCalendar('left');
+            this.renderCalendar('right');
+
+            //highlight any predefined range matching the current start and end dates
+            this.container.find('.ranges li').removeClass('active');
+            if (this.endDate == null) return;
+
+            this.calculateChosenLabel();
+        },
+
+        renderCalendar: function(side) {
+
+            //
+            // Build the matrix of dates that will populate the calendar
+            //
+
+            var calendar = side == 'left' ? this.leftCalendar : this.rightCalendar;
+            var month = calendar.month.month();
+            var year = calendar.month.year();
+            var hour = calendar.month.hour();
+            var minute = calendar.month.minute();
+            var second = calendar.month.second();
+            var daysInMonth = moment([year, month]).daysInMonth();
+            var firstDay = moment([year, month, 1]);
+            var lastDay = moment([year, month, daysInMonth]);
+            var lastMonth = moment(firstDay).subtract(1, 'month').month();
+            var lastYear = moment(firstDay).subtract(1, 'month').year();
+            var daysInLastMonth = moment([lastYear, lastMonth]).daysInMonth();
+            var dayOfWeek = firstDay.day();
+
+            //initialize a 6 rows x 7 columns array for the calendar
+            var calendar = [];
+            calendar.firstDay = firstDay;
+            calendar.lastDay = lastDay;
+
+            for (var i = 0; i < 6; i++) {
+                calendar[i] = [];
+            }
+
+            //populate the calendar with date objects
+            var startDay = daysInLastMonth - dayOfWeek + this.locale.firstDay + 1;
+            if (startDay > daysInLastMonth)
+                startDay -= 7;
+
+            if (dayOfWeek == this.locale.firstDay)
+                startDay = daysInLastMonth - 6;
+
+            var curDate = moment([lastYear, lastMonth, startDay, 12, minute, second]);
+
+            var col, row;
+            for (var i = 0, col = 0, row = 0; i < 42; i++, col++, curDate = moment(curDate).add(24, 'hour')) {
+                if (i > 0 && col % 7 === 0) {
+                    col = 0;
+                    row++;
+                }
+                calendar[row][col] = curDate.clone().hour(hour).minute(minute).second(second);
+                curDate.hour(12);
+
+                if (this.minDate && calendar[row][col].format('YYYY-MM-DD') == this.minDate.format('YYYY-MM-DD') && calendar[row][col].isBefore(this.minDate) && side == 'left') {
+                    calendar[row][col] = this.minDate.clone();
+                }
+
+                if (this.maxDate && calendar[row][col].format('YYYY-MM-DD') == this.maxDate.format('YYYY-MM-DD') && calendar[row][col].isAfter(this.maxDate) && side == 'right') {
+                    calendar[row][col] = this.maxDate.clone();
+                }
+
+            }
+
+            //make the calendar object available to hoverDate/clickDate
+            if (side == 'left') {
+                this.leftCalendar.calendar = calendar;
+            } else {
+                this.rightCalendar.calendar = calendar;
+            }
+
+            //
+            // Display the calendar
+            //
+
+            var minDate = side == 'left' ? this.minDate : this.startDate;
+            var maxDate = this.maxDate;
+            var selected = side == 'left' ? this.startDate : this.endDate;
+            var arrow = this.locale.direction == 'ltr' ? {left: 'chevron-left', right: 'chevron-right'} : {left: 'chevron-right', right: 'chevron-left'};
+
+            var html = '<table class="table-condensed">';
+            html += '<thead>';
+            html += '<tr>';
+
+            // add empty cell for week number
+            if (this.showWeekNumbers || this.showISOWeekNumbers)
+                html += '<th></th>';
+
+            if ((!minDate || minDate.isBefore(calendar.firstDay)) && (!this.linkedCalendars || side == 'left')) {
+                html += '<th class="prev available"><span></span></th>';
+            } else {
+                html += '<th></th>';
+            }
+
+            var dateHtml = this.locale.monthNames[calendar[1][1].month()] + calendar[1][1].format(" YYYY");
+
+            if (this.showDropdowns) {
+                var currentMonth = calendar[1][1].month();
+                var currentYear = calendar[1][1].year();
+                var maxYear = (maxDate && maxDate.year()) || (this.maxYear);
+                var minYear = (minDate && minDate.year()) || (this.minYear);
+                var inMinYear = currentYear == minYear;
+                var inMaxYear = currentYear == maxYear;
+
+                var monthHtml = '<select class="monthselect">';
+                for (var m = 0; m < 12; m++) {
+                    if ((!inMinYear || (minDate && m >= minDate.month())) && (!inMaxYear || (maxDate && m <= maxDate.month()))) {
+                        monthHtml += "<option value='" + m + "'" +
+                            (m === currentMonth ? " selected='selected'" : "") +
+                            ">" + this.locale.monthNames[m] + "</option>";
+                    } else {
+                        monthHtml += "<option value='" + m + "'" +
+                            (m === currentMonth ? " selected='selected'" : "") +
+                            " disabled='disabled'>" + this.locale.monthNames[m] + "</option>";
+                    }
+                }
+                monthHtml += "</select>";
+
+                var yearHtml = '<select class="yearselect">';
+                for (var y = minYear; y <= maxYear; y++) {
+                    yearHtml += '<option value="' + y + '"' +
+                        (y === currentYear ? ' selected="selected"' : '') +
+                        '>' + y + '</option>';
+                }
+                yearHtml += '</select>';
+
+                dateHtml = monthHtml + yearHtml;
+            }
+
+            html += '<th colspan="5" class="month">' + dateHtml + '</th>';
+            if ((!maxDate || maxDate.isAfter(calendar.lastDay)) && (!this.linkedCalendars || side == 'right' || this.singleDatePicker)) {
+                html += '<th class="next available"><span></span></th>';
+            } else {
+                html += '<th></th>';
+            }
+
+            html += '</tr>';
+            html += '<tr>';
+
+            // add week number label
+            if (this.showWeekNumbers || this.showISOWeekNumbers)
+                html += '<th class="week">' + this.locale.weekLabel + '</th>';
+
+            $.each(this.locale.daysOfWeek, function(index, dayOfWeek) {
+                html += '<th>' + dayOfWeek + '</th>';
+            });
+
+            html += '</tr>';
+            html += '</thead>';
+            html += '<tbody>';
+
+            //adjust maxDate to reflect the maxSpan setting in order to
+            //grey out end dates beyond the maxSpan
+            if (this.endDate == null && this.maxSpan) {
+                var maxLimit = this.startDate.clone().add(this.maxSpan).endOf('day');
+                if (!maxDate || maxLimit.isBefore(maxDate)) {
+                    maxDate = maxLimit;
+                }
+            }
+
+            for (var row = 0; row < 6; row++) {
+                html += '<tr>';
+
+                // add week number
+                if (this.showWeekNumbers)
+                    html += '<td class="week">' + calendar[row][0].week() + '</td>';
+                else if (this.showISOWeekNumbers)
+                    html += '<td class="week">' + calendar[row][0].isoWeek() + '</td>';
+
+                for (var col = 0; col < 7; col++) {
+
+                    var classes = [];
+
+                    //highlight today's date
+                    if (calendar[row][col].isSame(new Date(), "day"))
+                        classes.push('today');
+
+                    //highlight weekends
+                    if (calendar[row][col].isoWeekday() > 5)
+                        classes.push('weekend');
+
+                    //grey out the dates in other months displayed at beginning and end of this calendar
+                    if (calendar[row][col].month() != calendar[1][1].month())
+                        classes.push('off', 'ends');
+
+                    //don't allow selection of dates before the minimum date
+                    if (this.minDate && calendar[row][col].isBefore(this.minDate, 'day'))
+                        classes.push('off', 'disabled');
+
+                    //don't allow selection of dates after the maximum date
+                    if (maxDate && calendar[row][col].isAfter(maxDate, 'day'))
+                        classes.push('off', 'disabled');
+
+                    //don't allow selection of date if a custom function decides it's invalid
+                    if (this.isInvalidDate(calendar[row][col]))
+                        classes.push('off', 'disabled');
+
+                    //highlight the currently selected start date
+                    if (calendar[row][col].format('YYYY-MM-DD') == this.startDate.format('YYYY-MM-DD'))
+                        classes.push('active', 'start-date');
+
+                    //highlight the currently selected end date
+                    if (this.endDate != null && calendar[row][col].format('YYYY-MM-DD') == this.endDate.format('YYYY-MM-DD'))
+                        classes.push('active', 'end-date');
+
+                    //highlight dates in-between the selected dates
+                    if (this.endDate != null && calendar[row][col] > this.startDate && calendar[row][col] < this.endDate)
+                        classes.push('in-range');
+
+                    //apply custom classes for this date
+                    var isCustom = this.isCustomDate(calendar[row][col]);
+                    if (isCustom !== false) {
+                        if (typeof isCustom === 'string')
+                            classes.push(isCustom);
+                        else
+                            Array.prototype.push.apply(classes, isCustom);
+                    }
+
+                    var cname = '', disabled = false;
+                    for (var i = 0; i < classes.length; i++) {
+                        cname += classes[i] + ' ';
+                        if (classes[i] == 'disabled')
+                            disabled = true;
+                    }
+                    if (!disabled)
+                        cname += 'available';
+
+                    html += '<td class="' + cname.replace(/^\s+|\s+$/g, '') + '" data-title="' + 'r' + row + 'c' + col + '">' + calendar[row][col].date() + '</td>';
+
+                }
+                html += '</tr>';
+            }
+
+            html += '</tbody>';
+            html += '</table>';
+
+            this.container.find('.drp-calendar.' + side + ' .calendar-table').html(html);
+
+        },
+
+        renderTimePicker: function(side) {
+
+            // Don't bother updating the time picker if it's currently disabled
+            // because an end date hasn't been clicked yet
+            if (side == 'right' && !this.endDate) return;
+
+            var html, selected, minDate, maxDate = this.maxDate;
+
+            if (this.maxSpan && (!this.maxDate || this.startDate.clone().add(this.maxSpan).isBefore(this.maxDate)))
+                maxDate = this.startDate.clone().add(this.maxSpan);
+
+            if (side == 'left') {
+                selected = this.startDate.clone();
+                minDate = this.minDate;
+            } else if (side == 'right') {
+                selected = this.endDate.clone();
+                minDate = this.startDate;
+
+                //Preserve the time already selected
+                var timeSelector = this.container.find('.drp-calendar.right .calendar-time');
+                if (timeSelector.html() != '') {
+
+                    selected.hour(!isNaN(selected.hour()) ? selected.hour() : timeSelector.find('.hourselect option:selected').val());
+                    selected.minute(!isNaN(selected.minute()) ? selected.minute() : timeSelector.find('.minuteselect option:selected').val());
+                    selected.second(!isNaN(selected.second()) ? selected.second() : timeSelector.find('.secondselect option:selected').val());
+
+                    if (!this.timePicker24Hour) {
+                        var ampm = timeSelector.find('.ampmselect option:selected').val();
+                        if (ampm === 'PM' && selected.hour() < 12)
+                            selected.hour(selected.hour() + 12);
+                        if (ampm === 'AM' && selected.hour() === 12)
+                            selected.hour(0);
+                    }
+
+                }
+
+                if (selected.isBefore(this.startDate))
+                    selected = this.startDate.clone();
+
+                if (maxDate && selected.isAfter(maxDate))
+                    selected = maxDate.clone();
+
+            }
+
+            //
+            // hours
+            //
+
+            html = '<select class="hourselect">';
+
+            var start = this.timePicker24Hour ? 0 : 1;
+            var end = this.timePicker24Hour ? 23 : 12;
+
+            for (var i = start; i <= end; i++) {
+                var i_in_24 = i;
+                if (!this.timePicker24Hour)
+                    i_in_24 = selected.hour() >= 12 ? (i == 12 ? 12 : i + 12) : (i == 12 ? 0 : i);
+
+                var time = selected.clone().hour(i_in_24);
+                var disabled = false;
+                if (minDate && time.minute(59).isBefore(minDate))
+                    disabled = true;
+                if (maxDate && time.minute(0).isAfter(maxDate))
+                    disabled = true;
+
+                if (i_in_24 == selected.hour() && !disabled) {
+                    html += '<option value="' + i + '" selected="selected">' + i + '</option>';
+                } else if (disabled) {
+                    html += '<option value="' + i + '" disabled="disabled" class="disabled">' + i + '</option>';
+                } else {
+                    html += '<option value="' + i + '">' + i + '</option>';
+                }
+            }
+
+            html += '</select> ';
+
+            //
+            // minutes
+            //
+
+            html += ': <select class="minuteselect">';
+
+            for (var i = 0; i < 60; i += this.timePickerIncrement) {
+                var padded = i < 10 ? '0' + i : i;
+                var time = selected.clone().minute(i);
+
+                var disabled = false;
+                if (minDate && time.second(59).isBefore(minDate))
+                    disabled = true;
+                if (maxDate && time.second(0).isAfter(maxDate))
+                    disabled = true;
+
+                if (selected.minute() == i && !disabled) {
+                    html += '<option value="' + i + '" selected="selected">' + padded + '</option>';
+                } else if (disabled) {
+                    html += '<option value="' + i + '" disabled="disabled" class="disabled">' + padded + '</option>';
+                } else {
+                    html += '<option value="' + i + '">' + padded + '</option>';
+                }
+            }
+
+            html += '</select> ';
+
+            //
+            // seconds
+            //
+
+            if (this.timePickerSeconds) {
+                html += ': <select class="secondselect">';
+
+                for (var i = 0; i < 60; i++) {
+                    var padded = i < 10 ? '0' + i : i;
+                    var time = selected.clone().second(i);
+
+                    var disabled = false;
+                    if (minDate && time.isBefore(minDate))
+                        disabled = true;
+                    if (maxDate && time.isAfter(maxDate))
+                        disabled = true;
+
+                    if (selected.second() == i && !disabled) {
+                        html += '<option value="' + i + '" selected="selected">' + padded + '</option>';
+                    } else if (disabled) {
+                        html += '<option value="' + i + '" disabled="disabled" class="disabled">' + padded + '</option>';
+                    } else {
+                        html += '<option value="' + i + '">' + padded + '</option>';
+                    }
+                }
+
+                html += '</select> ';
+            }
+
+            //
+            // AM/PM
+            //
+
+            if (!this.timePicker24Hour) {
+                html += '<select class="ampmselect">';
+
+                var am_html = '';
+                var pm_html = '';
+
+                if (minDate && selected.clone().hour(12).minute(0).second(0).isBefore(minDate))
+                    am_html = ' disabled="disabled" class="disabled"';
+
+                if (maxDate && selected.clone().hour(0).minute(0).second(0).isAfter(maxDate))
+                    pm_html = ' disabled="disabled" class="disabled"';
+
+                if (selected.hour() >= 12) {
+                    html += '<option value="AM"' + am_html + '>AM</option><option value="PM" selected="selected"' + pm_html + '>PM</option>';
+                } else {
+                    html += '<option value="AM" selected="selected"' + am_html + '>AM</option><option value="PM"' + pm_html + '>PM</option>';
+                }
+
+                html += '</select>';
+            }
+
+            this.container.find('.drp-calendar.' + side + ' .calendar-time').html(html);
+
+        },
+
+        updateFormInputs: function() {
+
+            if (this.singleDatePicker || (this.endDate && (this.startDate.isBefore(this.endDate) || this.startDate.isSame(this.endDate)))) {
+                this.container.find('button.applyBtn').prop('disabled', false);
+            } else {
+                this.container.find('button.applyBtn').prop('disabled', true);
+            }
+
+        },
+
+        move: function() {
+            var parentOffset = { top: 0, left: 0 },
+                containerTop,
+                drops = this.drops;
+
+            var parentRightEdge = $(window).width();
+            if (!this.parentEl.is('body')) {
+                parentOffset = {
+                    top: this.parentEl.offset().top - this.parentEl.scrollTop(),
+                    left: this.parentEl.offset().left - this.parentEl.scrollLeft()
+                };
+                parentRightEdge = this.parentEl[0].clientWidth + this.parentEl.offset().left;
+            }
+
+            switch (drops) {
+            case 'auto':
+                containerTop = this.element.offset().top + this.element.outerHeight() - parentOffset.top;
+                if (containerTop + this.container.outerHeight() >= this.parentEl[0].scrollHeight) {
+                    containerTop = this.element.offset().top - this.container.outerHeight() - parentOffset.top;
+                    drops = 'up';
+                }
+                break;
+            case 'up':
+                containerTop = this.element.offset().top - this.container.outerHeight() - parentOffset.top;
+                break;
+            default:
+                containerTop = this.element.offset().top + this.element.outerHeight() - parentOffset.top;
+                break;
+            }
+
+            // Force the container to it's actual width
+            this.container.css({
+              top: 0,
+              left: 0,
+              right: 'auto'
+            });
+            var containerWidth = this.container.outerWidth();
+
+            this.container.toggleClass('drop-up', drops == 'up');
+
+            if (this.opens == 'left') {
+                var containerRight = parentRightEdge - this.element.offset().left - this.element.outerWidth();
+                if (containerWidth + containerRight > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        right: 'auto',
+                        left: 9
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        right: containerRight,
+                        left: 'auto'
+                    });
+                }
+            } else if (this.opens == 'center') {
+                var containerLeft = this.element.offset().left - parentOffset.left + this.element.outerWidth() / 2
+                                        - containerWidth / 2;
+                if (containerLeft < 0) {
+                    this.container.css({
+                        top: containerTop,
+                        right: 'auto',
+                        left: 9
+                    });
+                } else if (containerLeft + containerWidth > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        left: 'auto',
+                        right: 0
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        left: containerLeft,
+                        right: 'auto'
+                    });
+                }
+            } else {
+                var containerLeft = this.element.offset().left - parentOffset.left;
+                if (containerLeft + containerWidth > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        left: 'auto',
+                        right: 0
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        left: containerLeft,
+                        right: 'auto'
+                    });
+                }
+            }
+        },
+
+        show: function(e) {
+            if (this.isShowing) return;
+
+            // Create a click proxy that is private to this instance of datepicker, for unbinding
+            this._outsideClickProxy = $.proxy(function(e) { this.outsideClick(e); }, this);
+
+            // Bind global datepicker mousedown for hiding and
+            $(document)
+              .on('mousedown.daterangepicker', this._outsideClickProxy)
+              // also support mobile devices
+              .on('touchend.daterangepicker', this._outsideClickProxy)
+              // also explicitly play nice with Bootstrap dropdowns, which stopPropagation when clicking them
+              .on('click.daterangepicker', '[data-toggle=dropdown]', this._outsideClickProxy)
+              // and also close when focus changes to outside the picker (eg. tabbing between controls)
+              .on('focusin.daterangepicker', this._outsideClickProxy);
+
+            // Reposition the picker if the window is resized while it's open
+            $(window).on('resize.daterangepicker', $.proxy(function(e) { this.move(e); }, this));
+
+            this.oldStartDate = this.startDate.clone();
+            this.oldEndDate = this.endDate.clone();
+            this.previousRightTime = this.endDate.clone();
+
+            this.updateView();
+            this.container.show();
+            this.move();
+            this.element.trigger('show.daterangepicker', this);
+            this.isShowing = true;
+        },
+
+        hide: function(e) {
+            if (!this.isShowing) return;
+
+            //incomplete date selection, revert to last values
+            if (!this.endDate) {
+                this.startDate = this.oldStartDate.clone();
+                this.endDate = this.oldEndDate.clone();
+            }
+
+            //if a new date range was selected, invoke the user callback function
+            if (!this.startDate.isSame(this.oldStartDate) || !this.endDate.isSame(this.oldEndDate))
+                this.callback(this.startDate.clone(), this.endDate.clone(), this.chosenLabel);
+
+            //if picker is attached to a text input, update it
+            this.updateElement();
+
+            $(document).off('.daterangepicker');
+            $(window).off('.daterangepicker');
+            this.container.hide();
+            this.element.trigger('hide.daterangepicker', this);
+            this.isShowing = false;
+        },
+
+        toggle: function(e) {
+            if (this.isShowing) {
+                this.hide();
+            } else {
+                this.show();
+            }
+        },
+
+        outsideClick: function(e) {
+            var target = $(e.target);
+            // if the page is clicked anywhere except within the daterangerpicker/button
+            // itself then call this.hide()
+            if (
+                // ie modal dialog fix
+                e.type == "focusin" ||
+                target.closest(this.element).length ||
+                target.closest(this.container).length ||
+                target.closest('.calendar-table').length
+                ) return;
+            this.hide();
+            this.element.trigger('outsideClick.daterangepicker', this);
+        },
+
+        showCalendars: function() {
+            this.container.addClass('show-calendar');
+            this.move();
+            this.element.trigger('showCalendar.daterangepicker', this);
+        },
+
+        hideCalendars: function() {
+            this.container.removeClass('show-calendar');
+            this.element.trigger('hideCalendar.daterangepicker', this);
+        },
+
+        clickRange: function(e) {
+            var label = e.target.getAttribute('data-range-key');
+            this.chosenLabel = label;
+            if (label == this.locale.customRangeLabel) {
+                this.showCalendars();
+            } else {
+                var dates = this.ranges[label];
+                this.startDate = dates[0];
+                this.endDate = dates[1];
+
+                if (!this.timePicker) {
+                    this.startDate.startOf('day');
+                    this.endDate.endOf('day');
+                }
+
+                if (!this.alwaysShowCalendars)
+                    this.hideCalendars();
+                this.clickApply();
+            }
+        },
+
+        clickPrev: function(e) {
+            var cal = $(e.target).parents('.drp-calendar');
+            if (cal.hasClass('left')) {
+                this.leftCalendar.month.subtract(1, 'month');
+                if (this.linkedCalendars)
+                    this.rightCalendar.month.subtract(1, 'month');
+            } else {
+                this.rightCalendar.month.subtract(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        clickNext: function(e) {
+            var cal = $(e.target).parents('.drp-calendar');
+            if (cal.hasClass('left')) {
+                this.leftCalendar.month.add(1, 'month');
+            } else {
+                this.rightCalendar.month.add(1, 'month');
+                if (this.linkedCalendars)
+                    this.leftCalendar.month.add(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        hoverDate: function(e) {
+
+            //ignore dates that can't be selected
+            if (!$(e.target).hasClass('available')) return;
+
+            var title = $(e.target).attr('data-title');
+            var row = title.substr(1, 1);
+            var col = title.substr(3, 1);
+            var cal = $(e.target).parents('.drp-calendar');
+            var date = cal.hasClass('left') ? this.leftCalendar.calendar[row][col] : this.rightCalendar.calendar[row][col];
+
+            //highlight the dates between the start date and the date being hovered as a potential end date
+            var leftCalendar = this.leftCalendar;
+            var rightCalendar = this.rightCalendar;
+            var startDate = this.startDate;
+            if (!this.endDate) {
+                this.container.find('.drp-calendar tbody td').each(function(index, el) {
+
+                    //skip week numbers, only look at dates
+                    if ($(el).hasClass('week')) return;
+
+                    var title = $(el).attr('data-title');
+                    var row = title.substr(1, 1);
+                    var col = title.substr(3, 1);
+                    var cal = $(el).parents('.drp-calendar');
+                    var dt = cal.hasClass('left') ? leftCalendar.calendar[row][col] : rightCalendar.calendar[row][col];
+
+                    if ((dt.isAfter(startDate) && dt.isBefore(date)) || dt.isSame(date, 'day')) {
+                        $(el).addClass('in-range');
+                    } else {
+                        $(el).removeClass('in-range');
+                    }
+
+                });
+            }
+
+        },
+
+        clickDate: function(e) {
+
+            if (!$(e.target).hasClass('available')) return;
+
+            var title = $(e.target).attr('data-title');
+            var row = title.substr(1, 1);
+            var col = title.substr(3, 1);
+            var cal = $(e.target).parents('.drp-calendar');
+            var date = cal.hasClass('left') ? this.leftCalendar.calendar[row][col] : this.rightCalendar.calendar[row][col];
+
+            //
+            // this function needs to do a few things:
+            // * alternate between selecting a start and end date for the range,
+            // * if the time picker is enabled, apply the hour/minute/second from the select boxes to the clicked date
+            // * if autoapply is enabled, and an end date was chosen, apply the selection
+            // * if single date picker mode, and time picker isn't enabled, apply the selection immediately
+            // * if one of the inputs above the calendars was focused, cancel that manual input
+            //
+
+            if (this.endDate || date.isBefore(this.startDate, 'day')) { //picking start
+                if (this.timePicker) {
+                    var hour = parseInt(this.container.find('.left .hourselect').val(), 10);
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.left .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                    var minute = parseInt(this.container.find('.left .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.left .minuteselect option:last').val(), 10);
+                    }
+                    var second = this.timePickerSeconds ? parseInt(this.container.find('.left .secondselect').val(), 10) : 0;
+                    date = date.clone().hour(hour).minute(minute).second(second);
+                }
+                this.endDate = null;
+                this.setStartDate(date.clone());
+            } else if (!this.endDate && date.isBefore(this.startDate)) {
+                //special case: clicking the same date for start/end,
+                //but the time of the end date is before the start date
+                this.setEndDate(this.startDate.clone());
+            } else { // picking end
+                if (this.timePicker) {
+                    var hour = parseInt(this.container.find('.right .hourselect').val(), 10);
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.right .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                    var minute = parseInt(this.container.find('.right .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.right .minuteselect option:last').val(), 10);
+                    }
+                    var second = this.timePickerSeconds ? parseInt(this.container.find('.right .secondselect').val(), 10) : 0;
+                    date = date.clone().hour(hour).minute(minute).second(second);
+                }
+                this.setEndDate(date.clone());
+                if (this.autoApply) {
+                  this.calculateChosenLabel();
+                  this.clickApply();
+                }
+            }
+
+            if (this.singleDatePicker) {
+                this.setEndDate(this.startDate);
+                if (!this.timePicker && this.autoApply)
+                    this.clickApply();
+            }
+
+            this.updateView();
+
+            //This is to cancel the blur event handler if the mouse was in one of the inputs
+            e.stopPropagation();
+
+        },
+
+        calculateChosenLabel: function () {
+            var customRange = true;
+            var i = 0;
+            for (var range in this.ranges) {
+              if (this.timePicker) {
+                    var format = this.timePickerSeconds ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD HH:mm";
+                    //ignore times when comparing dates if time picker seconds is not enabled
+                    if (this.startDate.format(format) == this.ranges[range][0].format(format) && this.endDate.format(format) == this.ranges[range][1].format(format)) {
+                        customRange = false;
+                        this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')').addClass('active').attr('data-range-key');
+                        break;
+                    }
+                } else {
+                    //ignore times when comparing dates if time picker is not enabled
+                    if (this.startDate.format('YYYY-MM-DD') == this.ranges[range][0].format('YYYY-MM-DD') && this.endDate.format('YYYY-MM-DD') == this.ranges[range][1].format('YYYY-MM-DD')) {
+                        customRange = false;
+                        this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')').addClass('active').attr('data-range-key');
+                        break;
+                    }
+                }
+                i++;
+            }
+            if (customRange) {
+                if (this.showCustomRangeLabel) {
+                    this.chosenLabel = this.container.find('.ranges li:last').addClass('active').attr('data-range-key');
+                } else {
+                    this.chosenLabel = null;
+                }
+                this.showCalendars();
+            }
+        },
+
+        clickApply: function(e) {
+            this.hide();
+            this.element.trigger('apply.daterangepicker', this);
+        },
+
+        clickCancel: function(e) {
+            this.startDate = this.oldStartDate;
+            this.endDate = this.oldEndDate;
+            this.hide();
+            this.element.trigger('cancel.daterangepicker', this);
+        },
+
+        monthOrYearChanged: function(e) {
+            var isLeft = $(e.target).closest('.drp-calendar').hasClass('left'),
+                leftOrRight = isLeft ? 'left' : 'right',
+                cal = this.container.find('.drp-calendar.'+leftOrRight);
+
+            // Month must be Number for new moment versions
+            var month = parseInt(cal.find('.monthselect').val(), 10);
+            var year = cal.find('.yearselect').val();
+
+            if (!isLeft) {
+                if (year < this.startDate.year() || (year == this.startDate.year() && month < this.startDate.month())) {
+                    month = this.startDate.month();
+                    year = this.startDate.year();
+                }
+            }
+
+            if (this.minDate) {
+                if (year < this.minDate.year() || (year == this.minDate.year() && month < this.minDate.month())) {
+                    month = this.minDate.month();
+                    year = this.minDate.year();
+                }
+            }
+
+            if (this.maxDate) {
+                if (year > this.maxDate.year() || (year == this.maxDate.year() && month > this.maxDate.month())) {
+                    month = this.maxDate.month();
+                    year = this.maxDate.year();
+                }
+            }
+
+            if (isLeft) {
+                this.leftCalendar.month.month(month).year(year);
+                if (this.linkedCalendars)
+                    this.rightCalendar.month = this.leftCalendar.month.clone().add(1, 'month');
+            } else {
+                this.rightCalendar.month.month(month).year(year);
+                if (this.linkedCalendars)
+                    this.leftCalendar.month = this.rightCalendar.month.clone().subtract(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        timeChanged: function(e) {
+
+            var cal = $(e.target).closest('.drp-calendar'),
+                isLeft = cal.hasClass('left');
+
+            var hour = parseInt(cal.find('.hourselect').val(), 10);
+            var minute = parseInt(cal.find('.minuteselect').val(), 10);
+            if (isNaN(minute)) {
+                minute = parseInt(cal.find('.minuteselect option:last').val(), 10);
+            }
+            var second = this.timePickerSeconds ? parseInt(cal.find('.secondselect').val(), 10) : 0;
+
+            if (!this.timePicker24Hour) {
+                var ampm = cal.find('.ampmselect').val();
+                if (ampm === 'PM' && hour < 12)
+                    hour += 12;
+                if (ampm === 'AM' && hour === 12)
+                    hour = 0;
+            }
+
+            if (isLeft) {
+                var start = this.startDate.clone();
+                start.hour(hour);
+                start.minute(minute);
+                start.second(second);
+                this.setStartDate(start);
+                if (this.singleDatePicker) {
+                    this.endDate = this.startDate.clone();
+                } else if (this.endDate && this.endDate.format('YYYY-MM-DD') == start.format('YYYY-MM-DD') && this.endDate.isBefore(start)) {
+                    this.setEndDate(start.clone());
+                }
+            } else if (this.endDate) {
+                var end = this.endDate.clone();
+                end.hour(hour);
+                end.minute(minute);
+                end.second(second);
+                this.setEndDate(end);
+            }
+
+            //update the calendars so all clickable dates reflect the new time component
+            this.updateCalendars();
+
+            //update the form inputs above the calendars with the new time
+            this.updateFormInputs();
+
+            //re-render the time pickers because changing one selection can affect what's enabled in another
+            this.renderTimePicker('left');
+            this.renderTimePicker('right');
+
+        },
+
+        elementChanged: function() {
+            if (!this.element.is('input')) return;
+            if (!this.element.val().length) return;
+
+            var dateString = this.element.val().split(this.locale.separator),
+                start = null,
+                end = null;
+
+            if (dateString.length === 2) {
+                start = moment(dateString[0], this.locale.format);
+                end = moment(dateString[1], this.locale.format);
+            }
+
+            if (this.singleDatePicker || start === null || end === null) {
+                start = moment(this.element.val(), this.locale.format);
+                end = start;
+            }
+
+            if (!start.isValid() || !end.isValid()) return;
+
+            this.setStartDate(start);
+            this.setEndDate(end);
+            this.updateView();
+        },
+
+        keydown: function(e) {
+            //hide on tab or enter
+            if ((e.keyCode === 9) || (e.keyCode === 13)) {
+                this.hide();
+            }
+
+            //hide on esc and prevent propagation
+            if (e.keyCode === 27) {
+                e.preventDefault();
+                e.stopPropagation();
+
+                this.hide();
+            }
+        },
+
+        updateElement: function() {
+            if (this.element.is('input') && this.autoUpdateInput) {
+                var newValue = this.startDate.format(this.locale.format);
+                if (!this.singleDatePicker) {
+                    newValue += this.locale.separator + this.endDate.format(this.locale.format);
+                }
+                if (newValue !== this.element.val()) {
+                    this.element.val(newValue).trigger('change');
+                }
+            }
+        },
+
+        remove: function() {
+            this.container.remove();
+            this.element.off('.daterangepicker');
+            this.element.removeData();
+        }
+
+    };
+
+    $.fn.daterangepicker = function(options, callback) {
+        var implementOptions = $.extend(true, {}, $.fn.daterangepicker.defaultOptions, options);
+        this.each(function() {
+            var el = $(this);
+            if (el.data('daterangepicker'))
+                el.data('daterangepicker').remove();
+            el.data('daterangepicker', new DateRangePicker(el, implementOptions, callback));
+        });
+        return this;
+    };
+
+    return DateRangePicker;
+
+}));
diff --git a/public_html/raven-demo/vendor/js/dropzone-min.js b/public_html/raven-demo/vendor/js/dropzone-min.js
new file mode 100644
index 0000000..cfced12
--- /dev/null
+++ b/public_html/raven-demo/vendor/js/dropzone-min.js
@@ -0,0 +1,2 @@
+!function(){function e(e){return e&&e.__esModule?e.default:e}function t(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function r(e,t,i){return t&&n(e.prototype,t),i&&n(e,i),e}function a(e){return a=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},a(e)}function o(e,t){return o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},o(e,t)}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}function s(e,i){return!i||"object"!=((n=i)&&n.constructor===Symbol?"symbol":typeof n)&&"function"!=typeof i?t(e):i;var n}var u;function c(e){return Array.isArray(e)||"[object Object]"=={}.toString.call(e)}function d(e){return!e||"object"!=typeof e&&"function"!=typeof e}u=function e(){var t=[].slice.call(arguments),i=!1;"boolean"==typeof t[0]&&(i=t.shift());var n=t[0];if(d(n))throw new Error("extendee must be an object");for(var r=t.slice(1),a=r.length,o=0;o<a;o++){var l=r[o];for(var s in l)if(Object.prototype.hasOwnProperty.call(l,s)){var u=l[s];if(i&&c(u)){var h=Array.isArray(u)?[]:{};n[s]=e(!0,Object.prototype.hasOwnProperty.call(n,s)&&!d(n[s])?n[s]:h,u)}else n[s]=u}}return n};var h=function(){"use strict";function e(){i(this,e)}return r(e,[{key:"on",value:function(e,t){return this._callbacks=this._callbacks||{},this._callbacks[e]||(this._callbacks[e]=[]),this._callbacks[e].push(t),this}},{key:"emit",value:function(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),n=1;n<t;n++)i[n-1]=arguments[n];this._callbacks=this._callbacks||{};var r=this._callbacks[e],a=!0,o=!1,l=void 0;if(r)try{for(var s,u=r[Symbol.iterator]();!(a=(s=u.next()).done);a=!0){var c=s.value;c.apply(this,i)}}catch(e){o=!0,l=e}finally{try{a||null==u.return||u.return()}finally{if(o)throw l}}return this.element&&this.element.dispatchEvent(this.makeEvent("dropzone:"+e,{args:i})),this}},{key:"makeEvent",value:function(e,t){var i={bubbles:!0,cancelable:!0,detail:t};if("function"==typeof window.CustomEvent)return new CustomEvent(e,i);var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,i.bubbles,i.cancelable,i.detail),n}},{key:"off",value:function(e,t){if(!this._callbacks||0===arguments.length)return this._callbacks={},this;var i=this._callbacks[e];if(!i)return this;if(1===arguments.length)return delete this._callbacks[e],this;for(var n=0;n<i.length;n++){var r=i[n];if(r===t){i.splice(n,1);break}}return this}}]),e}();var p={url:null,method:"post",withCredentials:!1,timeout:null,parallelUploads:2,uploadMultiple:!1,chunking:!1,forceChunking:!1,chunkSize:2097152,parallelChunkUploads:!1,retryChunks:!1,retryChunksLimit:3,maxFilesize:256,paramName:"file",createImageThumbnails:!0,maxThumbnailFilesize:10,thumbnailWidth:120,thumbnailHeight:120,thumbnailMethod:"crop",resizeWidth:null,resizeHeight:null,resizeMimeType:null,resizeQuality:.8,resizeMethod:"contain",filesizeBase:1e3,maxFiles:null,headers:null,defaultHeaders:!0,clickable:!0,ignoreHiddenFiles:!0,acceptedFiles:null,acceptedMimeTypes:null,autoProcessQueue:!0,autoQueue:!0,addRemoveLinks:!1,previewsContainer:null,disablePreviews:!1,hiddenInputContainer:"body",capture:null,renameFilename:null,renameFile:null,forceFallback:!1,dictDefaultMessage:"Drop files here to upload",dictFallbackMessage:"Your browser does not support drag'n'drop file uploads.",dictFallbackText:"Please use the fallback form below to upload your files like in the olden days.",dictFileTooBig:"File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",dictInvalidFileType:"You can't upload files of this type.",dictResponseError:"Server responded with {{statusCode}} code.",dictCancelUpload:"Cancel upload",dictUploadCanceled:"Upload canceled.",dictCancelUploadConfirmation:"Are you sure you want to cancel this upload?",dictRemoveFile:"Remove file",dictRemoveFileConfirmation:null,dictMaxFilesExceeded:"You can not upload any more files.",dictFileSizeUnits:{tb:"TB",gb:"GB",mb:"MB",kb:"KB",b:"b"},init:function(){},params:function(e,t,i){if(i)return{dzuuid:i.file.upload.uuid,dzchunkindex:i.index,dztotalfilesize:i.file.size,dzchunksize:this.options.chunkSize,dztotalchunkcount:i.file.upload.totalChunkCount,dzchunkbyteoffset:i.index*this.options.chunkSize}},accept:function(e,t){return t()},chunksUploaded:function(e,t){t()},binaryBody:!1,fallback:function(){var e;this.element.className="".concat(this.element.className," dz-browser-not-supported");var t=!0,i=!1,n=void 0;try{for(var r,a=this.element.getElementsByTagName("div")[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o=r.value;if(/(^| )dz-message($| )/.test(o.className)){e=o,o.className="dz-message";break}}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}e||(e=f.createElement('<div class="dz-message"><span></span></div>'),this.element.appendChild(e));var l=e.getElementsByTagName("span")[0];return l&&(null!=l.textContent?l.textContent=this.options.dictFallbackMessage:null!=l.innerText&&(l.innerText=this.options.dictFallbackMessage)),this.element.appendChild(this.getFallbackForm())},resize:function(e,t,i,n){var r={srcX:0,srcY:0,srcWidth:e.width,srcHeight:e.height},a=e.width/e.height;null==t&&null==i?(t=r.srcWidth,i=r.srcHeight):null==t?t=i*a:null==i&&(i=t/a);var o=(t=Math.min(t,r.srcWidth))/(i=Math.min(i,r.srcHeight));if(r.srcWidth>t||r.srcHeight>i)if("crop"===n)a>o?(r.srcHeight=e.height,r.srcWidth=r.srcHeight*o):(r.srcWidth=e.width,r.srcHeight=r.srcWidth/o);else{if("contain"!==n)throw new Error("Unknown resizeMethod '".concat(n,"'"));a>o?i=t/a:t=i*a}return r.srcX=(e.width-r.srcWidth)/2,r.srcY=(e.height-r.srcHeight)/2,r.trgWidth=t,r.trgHeight=i,r},transformFile:function(e,t){return(this.options.resizeWidth||this.options.resizeHeight)&&e.type.match(/image.*/)?this.resizeImage(e,this.options.resizeWidth,this.options.resizeHeight,this.options.resizeMethod,t):t(e)},previewTemplate:e('<div class="dz-file-preview dz-preview"> <div class="dz-image"><img data-dz-thumbnail=""></div> <div class="dz-details"> <div class="dz-size"><span data-dz-size=""></span></div> <div class="dz-filename"><span data-dz-name=""></span></div> </div> <div class="dz-progress"> <span class="dz-upload" data-dz-uploadprogress=""></span> </div> <div class="dz-error-message"><span data-dz-errormessage=""></span></div> <div class="dz-success-mark"> <svg width="54" height="54" fill="#fff"><path d="m10.207 29.793 4.086-4.086a1 1 0 0 1 1.414 0l5.586 5.586a1 1 0 0 0 1.414 0l15.586-15.586a1 1 0 0 1 1.414 0l4.086 4.086a1 1 0 0 1 0 1.414L22.707 42.293a1 1 0 0 1-1.414 0L10.207 31.207a1 1 0 0 1 0-1.414Z"/></svg> </div> <div class="dz-error-mark"> <svg width="54" height="54" fill="#fff"><path d="m26.293 20.293-7.086-7.086a1 1 0 0 0-1.414 0l-4.586 4.586a1 1 0 0 0 0 1.414l7.086 7.086a1 1 0 0 1 0 1.414l-7.086 7.086a1 1 0 0 0 0 1.414l4.586 4.586a1 1 0 0 0 1.414 0l7.086-7.086a1 1 0 0 1 1.414 0l7.086 7.086a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7.086-7.086a1 1 0 0 1 0-1.414l7.086-7.086a1 1 0 0 0 0-1.414l-4.586-4.586a1 1 0 0 0-1.414 0l-7.086 7.086a1 1 0 0 1-1.414 0Z"/></svg> </div> </div>'),drop:function(e){return this.element.classList.remove("dz-drag-hover")},dragstart:function(e){},dragend:function(e){return this.element.classList.remove("dz-drag-hover")},dragenter:function(e){return this.element.classList.add("dz-drag-hover")},dragover:function(e){return this.element.classList.add("dz-drag-hover")},dragleave:function(e){return this.element.classList.remove("dz-drag-hover")},paste:function(e){},reset:function(){return this.element.classList.remove("dz-started")},addedfile:function(e){if(this.element===this.previewsContainer&&this.element.classList.add("dz-started"),this.previewsContainer&&!this.options.disablePreviews){var t=this;e.previewElement=f.createElement(this.options.previewTemplate.trim()),e.previewTemplate=e.previewElement,this.previewsContainer.appendChild(e.previewElement);var i=!0,n=!1,r=void 0;try{for(var a,o=e.previewElement.querySelectorAll("[data-dz-name]")[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){var l=a.value;l.textContent=e.name}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}var s=!0,u=!1,c=void 0;try{for(var d,h=e.previewElement.querySelectorAll("[data-dz-size]")[Symbol.iterator]();!(s=(d=h.next()).done);s=!0)(l=d.value).innerHTML=this.filesize(e.size)}catch(e){u=!0,c=e}finally{try{s||null==h.return||h.return()}finally{if(u)throw c}}this.options.addRemoveLinks&&(e._removeLink=f.createElement('<a class="dz-remove" href="javascript:undefined;" data-dz-remove>'.concat(this.options.dictRemoveFile,"</a>")),e.previewElement.appendChild(e._removeLink));var p=function(i){var n=t;if(i.preventDefault(),i.stopPropagation(),e.status===f.UPLOADING)return f.confirm(t.options.dictCancelUploadConfirmation,(function(){return n.removeFile(e)}));var r=t;return t.options.dictRemoveFileConfirmation?f.confirm(t.options.dictRemoveFileConfirmation,(function(){return r.removeFile(e)})):t.removeFile(e)},m=!0,v=!1,y=void 0;try{for(var g,b=e.previewElement.querySelectorAll("[data-dz-remove]")[Symbol.iterator]();!(m=(g=b.next()).done);m=!0){g.value.addEventListener("click",p)}}catch(e){v=!0,y=e}finally{try{m||null==b.return||b.return()}finally{if(v)throw y}}}},removedfile:function(e){return null!=e.previewElement&&null!=e.previewElement.parentNode&&e.previewElement.parentNode.removeChild(e.previewElement),this._updateMaxFilesReachedClass()},thumbnail:function(e,t){if(e.previewElement){e.previewElement.classList.remove("dz-file-preview");var i=!0,n=!1,r=void 0;try{for(var a,o=e.previewElement.querySelectorAll("[data-dz-thumbnail]")[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){var l=a.value;l.alt=e.name,l.src=t}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}return setTimeout((function(){return e.previewElement.classList.add("dz-image-preview")}),1)}},error:function(e,t){if(e.previewElement){e.previewElement.classList.add("dz-error"),"string"!=typeof t&&t.error&&(t=t.error);var i=!0,n=!1,r=void 0;try{for(var a,o=e.previewElement.querySelectorAll("[data-dz-errormessage]")[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){a.value.textContent=t}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}}},errormultiple:function(){},processing:function(e){if(e.previewElement&&(e.previewElement.classList.add("dz-processing"),e._removeLink))return e._removeLink.innerHTML=this.options.dictCancelUpload},processingmultiple:function(){},uploadprogress:function(e,t,i){var n=!0,r=!1,a=void 0;if(e.previewElement)try{for(var o,l=e.previewElement.querySelectorAll("[data-dz-uploadprogress]")[Symbol.iterator]();!(n=(o=l.next()).done);n=!0){var s=o.value;"PROGRESS"===s.nodeName?s.value=t:s.style.width="".concat(t,"%")}}catch(e){r=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw a}}},totaluploadprogress:function(){},sending:function(){},sendingmultiple:function(){},success:function(e){if(e.previewElement)return e.previewElement.classList.add("dz-success")},successmultiple:function(){},canceled:function(e){return this.emit("error",e,this.options.dictUploadCanceled)},canceledmultiple:function(){},complete:function(e){if(e._removeLink&&(e._removeLink.innerHTML=this.options.dictRemoveFile),e.previewElement)return e.previewElement.classList.add("dz-complete")},completemultiple:function(){},maxfilesexceeded:function(){},maxfilesreached:function(){},queuecomplete:function(){},addedfiles:function(){}},f=function(n){"use strict";function o(n,r){var l,c,d,h;if(i(this,o),(l=s(this,(c=o,a(c)).call(this))).element=n,l.clickableElements=[],l.listeners=[],l.files=[],"string"==typeof l.element&&(l.element=document.querySelector(l.element)),!l.element||null==l.element.nodeType)throw new Error("Invalid dropzone element.");if(l.element.dropzone)throw new Error("Dropzone already attached.");o.instances.push(t(l)),l.element.dropzone=t(l);var f=null!=(h=o.optionsForElement(l.element))?h:{};if(l.options=e(u)(!0,{},p,f,null!=r?r:{}),l.options.previewTemplate=l.options.previewTemplate.replace(/\n*/g,""),l.options.forceFallback||!o.isBrowserSupported())return s(l,l.options.fallback.call(t(l)));if(null==l.options.url&&(l.options.url=l.element.getAttribute("action")),!l.options.url)throw new Error("No URL provided.");if(l.options.acceptedFiles&&l.options.acceptedMimeTypes)throw new Error("You can't provide both 'acceptedFiles' and 'acceptedMimeTypes'. 'acceptedMimeTypes' is deprecated.");if(l.options.uploadMultiple&&l.options.chunking)throw new Error("You cannot set both: uploadMultiple and chunking.");if(l.options.binaryBody&&l.options.uploadMultiple)throw new Error("You cannot set both: binaryBody and uploadMultiple.");return l.options.acceptedMimeTypes&&(l.options.acceptedFiles=l.options.acceptedMimeTypes,delete l.options.acceptedMimeTypes),null!=l.options.renameFilename&&(l.options.renameFile=function(e){return l.options.renameFilename.call(t(l),e.name,e)}),"string"==typeof l.options.method&&(l.options.method=l.options.method.toUpperCase()),(d=l.getExistingFallback())&&d.parentNode&&d.parentNode.removeChild(d),!1!==l.options.previewsContainer&&(l.options.previewsContainer?l.previewsContainer=o.getElement(l.options.previewsContainer,"previewsContainer"):l.previewsContainer=l.element),l.options.clickable&&(!0===l.options.clickable?l.clickableElements=[l.element]:l.clickableElements=o.getElements(l.options.clickable,"clickable")),l.init(),l}return l(o,n),r(o,[{key:"getAcceptedFiles",value:function(){return this.files.filter((function(e){return e.accepted})).map((function(e){return e}))}},{key:"getRejectedFiles",value:function(){return this.files.filter((function(e){return!e.accepted})).map((function(e){return e}))}},{key:"getFilesWithStatus",value:function(e){return this.files.filter((function(t){return t.status===e})).map((function(e){return e}))}},{key:"getQueuedFiles",value:function(){return this.getFilesWithStatus(o.QUEUED)}},{key:"getUploadingFiles",value:function(){return this.getFilesWithStatus(o.UPLOADING)}},{key:"getAddedFiles",value:function(){return this.getFilesWithStatus(o.ADDED)}},{key:"getActiveFiles",value:function(){return this.files.filter((function(e){return e.status===o.UPLOADING||e.status===o.QUEUED})).map((function(e){return e}))}},{key:"init",value:function(){var e=this,t=this,i=this,n=this,r=this,a=this,l=this,s=this,u=this,c=this,d=this;if("form"===this.element.tagName&&this.element.setAttribute("enctype","multipart/form-data"),this.element.classList.contains("dropzone")&&!this.element.querySelector(".dz-message")&&this.element.appendChild(o.createElement('<div class="dz-default dz-message"><button class="dz-button" type="button">'.concat(this.options.dictDefaultMessage,"</button></div>"))),this.clickableElements.length){var h=this,p=function(){var e=h;h.hiddenFileInput&&h.hiddenFileInput.parentNode.removeChild(h.hiddenFileInput),h.hiddenFileInput=document.createElement("input"),h.hiddenFileInput.setAttribute("type","file"),(null===h.options.maxFiles||h.options.maxFiles>1)&&h.hiddenFileInput.setAttribute("multiple","multiple"),h.hiddenFileInput.className="dz-hidden-input",null!==h.options.acceptedFiles&&h.hiddenFileInput.setAttribute("accept",h.options.acceptedFiles),null!==h.options.capture&&h.hiddenFileInput.setAttribute("capture",h.options.capture),h.hiddenFileInput.setAttribute("tabindex","-1"),h.hiddenFileInput.style.visibility="hidden",h.hiddenFileInput.style.position="absolute",h.hiddenFileInput.style.top="0",h.hiddenFileInput.style.left="0",h.hiddenFileInput.style.height="0",h.hiddenFileInput.style.width="0",o.getElement(h.options.hiddenInputContainer,"hiddenInputContainer").appendChild(h.hiddenFileInput),h.hiddenFileInput.addEventListener("change",(function(){var t=e.hiddenFileInput.files,i=!0,n=!1,r=void 0;if(t.length)try{for(var a,o=t[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){var l=a.value;e.addFile(l)}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}e.emit("addedfiles",t),p()}))};p()}this.URL=null!==window.URL?window.URL:window.webkitURL;var f=!0,m=!1,v=void 0;try{for(var y,g=this.events[Symbol.iterator]();!(f=(y=g.next()).done);f=!0){var b=y.value;this.on(b,this.options[b])}}catch(e){m=!0,v=e}finally{try{f||null==g.return||g.return()}finally{if(m)throw v}}this.on("uploadprogress",(function(){return e.updateTotalUploadProgress()})),this.on("removedfile",(function(){return t.updateTotalUploadProgress()})),this.on("canceled",(function(e){return i.emit("complete",e)})),this.on("complete",(function(e){var t=n;if(0===n.getAddedFiles().length&&0===n.getUploadingFiles().length&&0===n.getQueuedFiles().length)return setTimeout((function(){return t.emit("queuecomplete")}),0)}));var k=function(e){if(function(e){if(e.dataTransfer.types)for(var t=0;t<e.dataTransfer.types.length;t++)if("Files"===e.dataTransfer.types[t])return!0;return!1}(e))return e.stopPropagation(),e.preventDefault?e.preventDefault():e.returnValue=!1};return this.listeners=[{element:this.element,events:{dragstart:function(e){return r.emit("dragstart",e)},dragenter:function(e){return k(e),a.emit("dragenter",e)},dragover:function(e){var t;try{t=e.dataTransfer.effectAllowed}catch(e){}return e.dataTransfer.dropEffect="move"===t||"linkMove"===t?"move":"copy",k(e),l.emit("dragover",e)},dragleave:function(e){return s.emit("dragleave",e)},drop:function(e){return k(e),u.drop(e)},dragend:function(e){return c.emit("dragend",e)}}}],this.clickableElements.forEach((function(e){var t=d;return d.listeners.push({element:e,events:{click:function(i){return(e!==t.element||i.target===t.element||o.elementInside(i.target,t.element.querySelector(".dz-message")))&&t.hiddenFileInput.click(),!0}}})})),this.enable(),this.options.init.call(this)}},{key:"destroy",value:function(){return this.disable(),this.removeAllFiles(!0),(null!=this.hiddenFileInput?this.hiddenFileInput.parentNode:void 0)&&(this.hiddenFileInput.parentNode.removeChild(this.hiddenFileInput),this.hiddenFileInput=null),delete this.element.dropzone,o.instances.splice(o.instances.indexOf(this),1)}},{key:"updateTotalUploadProgress",value:function(){var e,t=0,i=0;if(this.getActiveFiles().length){var n=!0,r=!1,a=void 0;try{for(var o,l=this.getActiveFiles()[Symbol.iterator]();!(n=(o=l.next()).done);n=!0){var s=o.value;t+=s.upload.bytesSent,i+=s.upload.total}}catch(e){r=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw a}}e=100*t/i}else e=100;return this.emit("totaluploadprogress",e,i,t)}},{key:"_getParamName",value:function(e){return"function"==typeof this.options.paramName?this.options.paramName(e):"".concat(this.options.paramName).concat(this.options.uploadMultiple?"[".concat(e,"]"):"")}},{key:"_renameFile",value:function(e){return"function"!=typeof this.options.renameFile?e.name:this.options.renameFile(e)}},{key:"getFallbackForm",value:function(){var e,t;if(e=this.getExistingFallback())return e;var i='<div class="dz-fallback">';this.options.dictFallbackText&&(i+="<p>".concat(this.options.dictFallbackText,"</p>")),i+='<input type="file" name="'.concat(this._getParamName(0),'" ').concat(this.options.uploadMultiple?'multiple="multiple"':void 0,' /><input type="submit" value="Upload!"></div>');var n=o.createElement(i);return"FORM"!==this.element.tagName?(t=o.createElement('<form action="'.concat(this.options.url,'" enctype="multipart/form-data" method="').concat(this.options.method,'"></form>'))).appendChild(n):(this.element.setAttribute("enctype","multipart/form-data"),this.element.setAttribute("method",this.options.method)),null!=t?t:n}},{key:"getExistingFallback",value:function(){var e=function(e){var t=!0,i=!1,n=void 0;try{for(var r,a=e[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o=r.value;if(/(^| )fallback($| )/.test(o.className))return o}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}},t=!0,i=!1,n=void 0;try{for(var r,a=["div","form"][Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o,l=r.value;if(o=e(this.element.getElementsByTagName(l)))return o}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}}},{key:"setupEventListeners",value:function(){return this.listeners.map((function(e){return function(){var t=[];for(var i in e.events){var n=e.events[i];t.push(e.element.addEventListener(i,n,!1))}return t}()}))}},{key:"removeEventListeners",value:function(){return this.listeners.map((function(e){return function(){var t=[];for(var i in e.events){var n=e.events[i];t.push(e.element.removeEventListener(i,n,!1))}return t}()}))}},{key:"disable",value:function(){var e=this;return this.clickableElements.forEach((function(e){return e.classList.remove("dz-clickable")})),this.removeEventListeners(),this.disabled=!0,this.files.map((function(t){return e.cancelUpload(t)}))}},{key:"enable",value:function(){return delete this.disabled,this.clickableElements.forEach((function(e){return e.classList.add("dz-clickable")})),this.setupEventListeners()}},{key:"filesize",value:function(e){var t=0,i="b";if(e>0){for(var n=["tb","gb","mb","kb","b"],r=0;r<n.length;r++){var a=n[r];if(e>=Math.pow(this.options.filesizeBase,4-r)/10){t=e/Math.pow(this.options.filesizeBase,4-r),i=a;break}}t=Math.round(10*t)/10}return"<strong>".concat(t,"</strong> ").concat(this.options.dictFileSizeUnits[i])}},{key:"_updateMaxFilesReachedClass",value:function(){return null!=this.options.maxFiles&&this.getAcceptedFiles().length>=this.options.maxFiles?(this.getAcceptedFiles().length===this.options.maxFiles&&this.emit("maxfilesreached",this.files),this.element.classList.add("dz-max-files-reached")):this.element.classList.remove("dz-max-files-reached")}},{key:"drop",value:function(e){if(e.dataTransfer){this.emit("drop",e);for(var t=[],i=0;i<e.dataTransfer.files.length;i++)t[i]=e.dataTransfer.files[i];if(t.length){var n=e.dataTransfer.items;n&&n.length&&null!=n[0].webkitGetAsEntry?this._addFilesFromItems(n):this.handleFiles(t)}this.emit("addedfiles",t)}}},{key:"paste",value:function(e){if(null!=(t=null!=e?e.clipboardData:void 0,i=function(e){return e.items},null!=t?i(t):void 0)){var t,i;this.emit("paste",e);var n=e.clipboardData.items;return n.length?this._addFilesFromItems(n):void 0}}},{key:"handleFiles",value:function(e){var t=!0,i=!1,n=void 0;try{for(var r,a=e[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o=r.value;this.addFile(o)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}}},{key:"_addFilesFromItems",value:function(e){var t=this;return function(){var i=[],n=!0,r=!1,a=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done);n=!0){var s,u=o.value;null!=u.webkitGetAsEntry&&(s=u.webkitGetAsEntry())?s.isFile?i.push(t.addFile(u.getAsFile())):s.isDirectory?i.push(t._addFilesFromDirectory(s,s.name)):i.push(void 0):null!=u.getAsFile&&(null==u.kind||"file"===u.kind)?i.push(t.addFile(u.getAsFile())):i.push(void 0)}}catch(e){r=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw a}}return i}()}},{key:"_addFilesFromDirectory",value:function(e,t){var i=this,n=e.createReader(),r=function(e){return t=console,i="log",n=function(t){return t.log(e)},null!=t&&"function"==typeof t[i]?n(t,i):void 0;var t,i,n},a=function(){var e=i;return n.readEntries((function(i){if(i.length>0){var n=!0,r=!1,o=void 0;try{for(var l,s=i[Symbol.iterator]();!(n=(l=s.next()).done);n=!0){var u=l.value,c=e;u.isFile?u.file((function(e){if(!c.options.ignoreHiddenFiles||"."!==e.name.substring(0,1))return e.fullPath="".concat(t,"/").concat(e.name),c.addFile(e)})):u.isDirectory&&e._addFilesFromDirectory(u,"".concat(t,"/").concat(u.name))}}catch(e){r=!0,o=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw o}}a()}return null}),r)};return a()}},{key:"accept",value:function(e,t){this.options.maxFilesize&&e.size>1048576*this.options.maxFilesize?t(this.options.dictFileTooBig.replace("{{filesize}}",Math.round(e.size/1024/10.24)/100).replace("{{maxFilesize}}",this.options.maxFilesize)):o.isValidFile(e,this.options.acceptedFiles)?null!=this.options.maxFiles&&this.getAcceptedFiles().length>=this.options.maxFiles?(t(this.options.dictMaxFilesExceeded.replace("{{maxFiles}}",this.options.maxFiles)),this.emit("maxfilesexceeded",e)):this.options.accept.call(this,e,t):t(this.options.dictInvalidFileType)}},{key:"addFile",value:function(e){var t=this;e.upload={uuid:o.uuidv4(),progress:0,total:e.size,bytesSent:0,filename:this._renameFile(e)},this.files.push(e),e.status=o.ADDED,this.emit("addedfile",e),this._enqueueThumbnail(e),this.accept(e,(function(i){i?(e.accepted=!1,t._errorProcessing([e],i)):(e.accepted=!0,t.options.autoQueue&&t.enqueueFile(e)),t._updateMaxFilesReachedClass()}))}},{key:"enqueueFiles",value:function(e){var t=!0,i=!1,n=void 0;try{for(var r,a=e[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o=r.value;this.enqueueFile(o)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}return null}},{key:"enqueueFile",value:function(e){if(e.status!==o.ADDED||!0!==e.accepted)throw new Error("This file can't be queued because it has already been processed or was rejected.");var t=this;if(e.status=o.QUEUED,this.options.autoProcessQueue)return setTimeout((function(){return t.processQueue()}),0)}},{key:"_enqueueThumbnail",value:function(e){if(this.options.createImageThumbnails&&e.type.match(/image.*/)&&e.size<=1048576*this.options.maxThumbnailFilesize){var t=this;return this._thumbnailQueue.push(e),setTimeout((function(){return t._processThumbnailQueue()}),0)}}},{key:"_processThumbnailQueue",value:function(){var e=this;if(!this._processingThumbnail&&0!==this._thumbnailQueue.length){this._processingThumbnail=!0;var t=this._thumbnailQueue.shift();return this.createThumbnail(t,this.options.thumbnailWidth,this.options.thumbnailHeight,this.options.thumbnailMethod,!0,(function(i){return e.emit("thumbnail",t,i),e._processingThumbnail=!1,e._processThumbnailQueue()}))}}},{key:"removeFile",value:function(e){if(e.status===o.UPLOADING&&this.cancelUpload(e),this.files=m(this.files,e),this.emit("removedfile",e),0===this.files.length)return this.emit("reset")}},{key:"removeAllFiles",value:function(e){null==e&&(e=!1);var t=!0,i=!1,n=void 0;try{for(var r,a=this.files.slice()[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var l=r.value;(l.status!==o.UPLOADING||e)&&this.removeFile(l)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}return null}},{key:"resizeImage",value:function(e,t,i,n,r){var a=this;return this.createThumbnail(e,t,i,n,!0,(function(t,i){if(null==i)return r(e);var n=a.options.resizeMimeType;null==n&&(n=e.type);var l=i.toDataURL(n,a.options.resizeQuality);return"image/jpeg"!==n&&"image/jpg"!==n||(l=g.restore(e.dataURL,l)),r(o.dataURItoBlob(l))}))}},{key:"createThumbnail",value:function(e,t,i,n,r,a){var o=this,l=new FileReader;l.onload=function(){e.dataURL=l.result,"image/svg+xml"!==e.type?o.createThumbnailFromUrl(e,t,i,n,r,a):null!=a&&a(l.result)},l.readAsDataURL(e)}},{key:"displayExistingFile",value:function(e,t,i,n,r){var a=void 0===r||r;if(this.emit("addedfile",e),this.emit("complete",e),a){var o=this;e.dataURL=t,this.createThumbnailFromUrl(e,this.options.thumbnailWidth,this.options.thumbnailHeight,this.options.thumbnailMethod,this.options.fixOrientation,(function(t){o.emit("thumbnail",e,t),i&&i()}),n)}else this.emit("thumbnail",e,t),i&&i()}},{key:"createThumbnailFromUrl",value:function(e,t,i,n,r,a,o){var l=this,s=document.createElement("img");return o&&(s.crossOrigin=o),r="from-image"!=getComputedStyle(document.body).imageOrientation&&r,s.onload=function(){var o=l,u=function(e){return e(1)};return"undefined"!=typeof EXIF&&null!==EXIF&&r&&(u=function(e){return EXIF.getData(s,(function(){return e(EXIF.getTag(this,"Orientation"))}))}),u((function(r){e.width=s.width,e.height=s.height;var l=o.options.resize.call(o,e,t,i,n),u=document.createElement("canvas"),c=u.getContext("2d");switch(u.width=l.trgWidth,u.height=l.trgHeight,r>4&&(u.width=l.trgHeight,u.height=l.trgWidth),r){case 2:c.translate(u.width,0),c.scale(-1,1);break;case 3:c.translate(u.width,u.height),c.rotate(Math.PI);break;case 4:c.translate(0,u.height),c.scale(1,-1);break;case 5:c.rotate(.5*Math.PI),c.scale(1,-1);break;case 6:c.rotate(.5*Math.PI),c.translate(0,-u.width);break;case 7:c.rotate(.5*Math.PI),c.translate(u.height,-u.width),c.scale(-1,1);break;case 8:c.rotate(-.5*Math.PI),c.translate(-u.height,0)}y(c,s,null!=l.srcX?l.srcX:0,null!=l.srcY?l.srcY:0,l.srcWidth,l.srcHeight,null!=l.trgX?l.trgX:0,null!=l.trgY?l.trgY:0,l.trgWidth,l.trgHeight);var d=u.toDataURL("image/png");if(null!=a)return a(d,u)}))},null!=a&&(s.onerror=a),s.src=e.dataURL}},{key:"processQueue",value:function(){var e=this.options.parallelUploads,t=this.getUploadingFiles().length,i=t;if(!(t>=e)){var n=this.getQueuedFiles();if(n.length>0){if(this.options.uploadMultiple)return this.processFiles(n.slice(0,e-t));for(;i<e;){if(!n.length)return;this.processFile(n.shift()),i++}}}}},{key:"processFile",value:function(e){return this.processFiles([e])}},{key:"processFiles",value:function(e){var t=!0,i=!1,n=void 0;try{for(var r,a=e[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var l=r.value;l.processing=!0,l.status=o.UPLOADING,this.emit("processing",l)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}return this.options.uploadMultiple&&this.emit("processingmultiple",e),this.uploadFiles(e)}},{key:"_getFilesWithXhr",value:function(e){return this.files.filter((function(t){return t.xhr===e})).map((function(e){return e}))}},{key:"cancelUpload",value:function(e){if(e.status===o.UPLOADING){var t=this._getFilesWithXhr(e.xhr),i=!0,n=!1,r=void 0;try{for(var a,l=t[Symbol.iterator]();!(i=(a=l.next()).done);i=!0){(p=a.value).status=o.CANCELED}}catch(e){n=!0,r=e}finally{try{i||null==l.return||l.return()}finally{if(n)throw r}}void 0!==e.xhr&&e.xhr.abort();var s=!0,u=!1,c=void 0;try{for(var d,h=t[Symbol.iterator]();!(s=(d=h.next()).done);s=!0){var p=d.value;this.emit("canceled",p)}}catch(e){u=!0,c=e}finally{try{s||null==h.return||h.return()}finally{if(u)throw c}}this.options.uploadMultiple&&this.emit("canceledmultiple",t)}else e.status!==o.ADDED&&e.status!==o.QUEUED||(e.status=o.CANCELED,this.emit("canceled",e),this.options.uploadMultiple&&this.emit("canceledmultiple",[e]));if(this.options.autoProcessQueue)return this.processQueue()}},{key:"resolveOption",value:function(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),n=1;n<t;n++)i[n-1]=arguments[n];return"function"==typeof e?e.apply(this,i):e}},{key:"uploadFile",value:function(e){return this.uploadFiles([e])}},{key:"uploadFiles",value:function(e){var t=this;this._transformFiles(e,(function(i){if(t.options.chunking){var n=i[0];e[0].upload.chunked=t.options.chunking&&(t.options.forceChunking||n.size>t.options.chunkSize),e[0].upload.totalChunkCount=Math.ceil(n.size/t.options.chunkSize)}if(e[0].upload.chunked){var r=t,a=t,l=e[0];n=i[0];l.upload.chunks=[];var s=function(){for(var t=0;void 0!==l.upload.chunks[t];)t++;if(!(t>=l.upload.totalChunkCount)){0;var i=t*r.options.chunkSize,a=Math.min(i+r.options.chunkSize,n.size),s={name:r._getParamName(0),data:n.webkitSlice?n.webkitSlice(i,a):n.slice(i,a),filename:l.upload.filename,chunkIndex:t};l.upload.chunks[t]={file:l,index:t,dataBlock:s,status:o.UPLOADING,progress:0,retries:0},r._uploadData(e,[s])}};if(l.upload.finishedChunkUpload=function(t,i){var n=a,r=!0;t.status=o.SUCCESS,t.dataBlock=null,t.response=t.xhr.responseText,t.responseHeaders=t.xhr.getAllResponseHeaders(),t.xhr=null;for(var u=0;u<l.upload.totalChunkCount;u++){if(void 0===l.upload.chunks[u])return s();l.upload.chunks[u].status!==o.SUCCESS&&(r=!1)}r&&a.options.chunksUploaded(l,(function(){n._finished(e,i,null)}))},t.options.parallelChunkUploads)for(var u=0;u<l.upload.totalChunkCount;u++)s();else s()}else{var c=[];for(u=0;u<e.length;u++)c[u]={name:t._getParamName(u),data:i[u],filename:e[u].upload.filename};t._uploadData(e,c)}}))}},{key:"_getChunk",value:function(e,t){for(var i=0;i<e.upload.totalChunkCount;i++)if(void 0!==e.upload.chunks[i]&&e.upload.chunks[i].xhr===t)return e.upload.chunks[i]}},{key:"_uploadData",value:function(t,i){var n=this,r=this,a=this,o=this,l=new XMLHttpRequest,s=!0,c=!1,d=void 0;try{for(var h=t[Symbol.iterator]();!(s=(x=h.next()).done);s=!0){(g=x.value).xhr=l}}catch(e){c=!0,d=e}finally{try{s||null==h.return||h.return()}finally{if(c)throw d}}t[0].upload.chunked&&(t[0].upload.chunks[i[0].chunkIndex].xhr=l);var p=this.resolveOption(this.options.method,t,i),f=this.resolveOption(this.options.url,t,i);l.open(p,f,!0),this.resolveOption(this.options.timeout,t)&&(l.timeout=this.resolveOption(this.options.timeout,t)),l.withCredentials=!!this.options.withCredentials,l.onload=function(e){n._finishedUploading(t,l,e)},l.ontimeout=function(){r._handleUploadError(t,l,"Request timedout after ".concat(r.options.timeout/1e3," seconds"))},l.onerror=function(){a._handleUploadError(t,l)},(null!=l.upload?l.upload:l).onprogress=function(e){return o._updateFilesUploadProgress(t,l,e)};var m=this.options.defaultHeaders?{Accept:"application/json","Cache-Control":"no-cache","X-Requested-With":"XMLHttpRequest"}:{};for(var v in this.options.binaryBody&&(m["Content-Type"]=t[0].type),this.options.headers&&e(u)(m,this.options.headers),m){var y=m[v];y&&l.setRequestHeader(v,y)}if(this.options.binaryBody){s=!0,c=!1,d=void 0;try{for(h=t[Symbol.iterator]();!(s=(x=h.next()).done);s=!0){var g=x.value;this.emit("sending",g,l)}}catch(e){c=!0,d=e}finally{try{s||null==h.return||h.return()}finally{if(c)throw d}}this.options.uploadMultiple&&this.emit("sendingmultiple",t,l),this.submitRequest(l,null,t)}else{var b=new FormData;if(this.options.params){var k=this.options.params;for(var w in"function"==typeof k&&(k=k.call(this,t,l,t[0].upload.chunked?this._getChunk(t[0],l):null)),k){var F=k[w];if(Array.isArray(F))for(var E=0;E<F.length;E++)b.append(w,F[E]);else b.append(w,F)}}s=!0,c=!1,d=void 0;try{var x;for(h=t[Symbol.iterator]();!(s=(x=h.next()).done);s=!0){g=x.value;this.emit("sending",g,l,b)}}catch(e){c=!0,d=e}finally{try{s||null==h.return||h.return()}finally{if(c)throw d}}this.options.uploadMultiple&&this.emit("sendingmultiple",t,l,b),this._addFormElementData(b);for(E=0;E<i.length;E++){var z=i[E];b.append(z.name,z.data,z.filename)}this.submitRequest(l,b,t)}}},{key:"_transformFiles",value:function(e,t){for(var i=this,n=function(n){i.options.transformFile.call(i,e[n],(function(i){r[n]=i,++a===e.length&&t(r)}))},r=[],a=0,o=0;o<e.length;o++)n(o)}},{key:"_addFormElementData",value:function(e){var t=!0,i=!1,n=void 0;if("FORM"===this.element.tagName)try{for(var r=this.element.querySelectorAll("input, textarea, select, button")[Symbol.iterator]();!(t=(s=r.next()).done);t=!0){var a=s.value,o=a.getAttribute("name"),l=a.getAttribute("type");if(l&&(l=l.toLowerCase()),null!=o)if("SELECT"===a.tagName&&a.hasAttribute("multiple")){t=!0,i=!1,n=void 0;try{var s;for(r=a.options[Symbol.iterator]();!(t=(s=r.next()).done);t=!0){var u=s.value;u.selected&&e.append(o,u.value)}}catch(e){i=!0,n=e}finally{try{t||null==r.return||r.return()}finally{if(i)throw n}}}else(!l||"checkbox"!==l&&"radio"!==l||a.checked)&&e.append(o,a.value)}}catch(e){i=!0,n=e}finally{try{t||null==r.return||r.return()}finally{if(i)throw n}}}},{key:"_updateFilesUploadProgress",value:function(e,t,i){var n=!0,r=!1,a=void 0;if(e[0].upload.chunked){c=e[0];var o=this._getChunk(c,t);i?(o.progress=100*i.loaded/i.total,o.total=i.total,o.bytesSent=i.loaded):(o.progress=100,o.bytesSent=o.total),c.upload.progress=0,c.upload.total=0,c.upload.bytesSent=0;for(var l=0;l<c.upload.totalChunkCount;l++)c.upload.chunks[l]&&void 0!==c.upload.chunks[l].progress&&(c.upload.progress+=c.upload.chunks[l].progress,c.upload.total+=c.upload.chunks[l].total,c.upload.bytesSent+=c.upload.chunks[l].bytesSent);c.upload.progress=c.upload.progress/c.upload.totalChunkCount,this.emit("uploadprogress",c,c.upload.progress,c.upload.bytesSent)}else try{for(var s,u=e[Symbol.iterator]();!(n=(s=u.next()).done);n=!0){var c;(c=s.value).upload.total&&c.upload.bytesSent&&c.upload.bytesSent==c.upload.total||(i?(c.upload.progress=100*i.loaded/i.total,c.upload.total=i.total,c.upload.bytesSent=i.loaded):(c.upload.progress=100,c.upload.bytesSent=c.upload.total),this.emit("uploadprogress",c,c.upload.progress,c.upload.bytesSent))}}catch(e){r=!0,a=e}finally{try{n||null==u.return||u.return()}finally{if(r)throw a}}}},{key:"_finishedUploading",value:function(e,t,i){var n;if(e[0].status!==o.CANCELED&&4===t.readyState){if("arraybuffer"!==t.responseType&&"blob"!==t.responseType&&(n=t.responseText,t.getResponseHeader("content-type")&&~t.getResponseHeader("content-type").indexOf("application/json")))try{n=JSON.parse(n)}catch(e){i=e,n="Invalid JSON response from server."}this._updateFilesUploadProgress(e,t),200<=t.status&&t.status<300?e[0].upload.chunked?e[0].upload.finishedChunkUpload(this._getChunk(e[0],t),n):this._finished(e,n,i):this._handleUploadError(e,t,n)}}},{key:"_handleUploadError",value:function(e,t,i){if(e[0].status!==o.CANCELED){if(e[0].upload.chunked&&this.options.retryChunks){var n=this._getChunk(e[0],t);if(n.retries++<this.options.retryChunksLimit)return void this._uploadData(e,[n.dataBlock]);console.warn("Retried this chunk too often. Giving up.")}this._errorProcessing(e,i||this.options.dictResponseError.replace("{{statusCode}}",t.status),t)}}},{key:"submitRequest",value:function(e,t,i){if(1==e.readyState)if(this.options.binaryBody)if(i[0].upload.chunked){var n=this._getChunk(i[0],e);e.send(n.dataBlock.data)}else e.send(i[0]);else e.send(t);else console.warn("Cannot send this request because the XMLHttpRequest.readyState is not OPENED.")}},{key:"_finished",value:function(e,t,i){var n=!0,r=!1,a=void 0;try{for(var l,s=e[Symbol.iterator]();!(n=(l=s.next()).done);n=!0){var u=l.value;u.status=o.SUCCESS,this.emit("success",u,t,i),this.emit("complete",u)}}catch(e){r=!0,a=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw a}}if(this.options.uploadMultiple&&(this.emit("successmultiple",e,t,i),this.emit("completemultiple",e)),this.options.autoProcessQueue)return this.processQueue()}},{key:"_errorProcessing",value:function(e,t,i){var n=!0,r=!1,a=void 0;try{for(var l,s=e[Symbol.iterator]();!(n=(l=s.next()).done);n=!0){var u=l.value;u.status=o.ERROR,this.emit("error",u,t,i),this.emit("complete",u)}}catch(e){r=!0,a=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw a}}if(this.options.uploadMultiple&&(this.emit("errormultiple",e,t,i),this.emit("completemultiple",e)),this.options.autoProcessQueue)return this.processQueue()}}],[{key:"initClass",value:function(){this.prototype.Emitter=h,this.prototype.events=["drop","dragstart","dragend","dragenter","dragover","dragleave","addedfile","addedfiles","removedfile","thumbnail","error","errormultiple","processing","processingmultiple","uploadprogress","totaluploadprogress","sending","sendingmultiple","success","successmultiple","canceled","canceledmultiple","complete","completemultiple","reset","maxfilesexceeded","maxfilesreached","queuecomplete"],this.prototype._thumbnailQueue=[],this.prototype._processingThumbnail=!1}},{key:"uuidv4",value:function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)}))}}]),o}(h);f.initClass(),f.options={},f.optionsForElement=function(e){return e.getAttribute("id")?f.options[v(e.getAttribute("id"))]:void 0},f.instances=[],f.forElement=function(e){if("string"==typeof e&&(e=document.querySelector(e)),null==(null!=e?e.dropzone:void 0))throw new Error("No Dropzone found for given element. This is probably because you're trying to access it before Dropzone had the time to initialize. Use the `init` option to setup any additional observers on your Dropzone.");return e.dropzone},f.discover=function(){var e;if(document.querySelectorAll)e=document.querySelectorAll(".dropzone");else{e=[];var t=function(t){return function(){var i=[],n=!0,r=!1,a=void 0;try{for(var o,l=t[Symbol.iterator]();!(n=(o=l.next()).done);n=!0){var s=o.value;/(^| )dropzone($| )/.test(s.className)?i.push(e.push(s)):i.push(void 0)}}catch(e){r=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw a}}return i}()};t(document.getElementsByTagName("div")),t(document.getElementsByTagName("form"))}return function(){var t=[],i=!0,n=!1,r=void 0;try{for(var a,o=e[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){var l=a.value;!1!==f.optionsForElement(l)?t.push(new f(l)):t.push(void 0)}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}return t}()},f.blockedBrowsers=[/opera.*(Macintosh|Windows Phone).*version\/12/i],f.isBrowserSupported=function(){var e=!0;if(window.File&&window.FileReader&&window.FileList&&window.Blob&&window.FormData&&document.querySelector)if("classList"in document.createElement("a")){void 0!==f.blacklistedBrowsers&&(f.blockedBrowsers=f.blacklistedBrowsers);var t=!0,i=!1,n=void 0;try{for(var r,a=f.blockedBrowsers[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){r.value.test(navigator.userAgent)&&(e=!1)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}}else e=!1;else e=!1;return e},f.dataURItoBlob=function(e){for(var t=atob(e.split(",")[1]),i=e.split(",")[0].split(":")[1].split(";")[0],n=new ArrayBuffer(t.length),r=new Uint8Array(n),a=0,o=t.length,l=0<=o;l?a<=o:a>=o;l?a++:a--)r[a]=t.charCodeAt(a);return new Blob([n],{type:i})};var m=function(e,t){return e.filter((function(e){return e!==t})).map((function(e){return e}))},v=function(e){return e.replace(/[\-_](\w)/g,(function(e){return e.charAt(1).toUpperCase()}))};f.createElement=function(e){var t=document.createElement("div");return t.innerHTML=e,t.childNodes[0]},f.elementInside=function(e,t){if(e===t)return!0;for(;e=e.parentNode;)if(e===t)return!0;return!1},f.getElement=function(e,t){var i;if("string"==typeof e?i=document.querySelector(e):null!=e.nodeType&&(i=e),null==i)throw new Error("Invalid `".concat(t,"` option provided. Please provide a CSS selector or a plain HTML element."));return i},f.getElements=function(e,t){var i,n;if(e instanceof Array){n=[];try{var r=!0,a=!1,o=void 0;try{for(var l=e[Symbol.iterator]();!(r=(s=l.next()).done);r=!0)i=s.value,n.push(this.getElement(i,t))}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}}catch(e){n=null}}else if("string"==typeof e){n=[];r=!0,a=!1,o=void 0;try{var s;for(l=document.querySelectorAll(e)[Symbol.iterator]();!(r=(s=l.next()).done);r=!0)i=s.value,n.push(i)}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}}else null!=e.nodeType&&(n=[e]);if(null==n||!n.length)throw new Error("Invalid `".concat(t,"` option provided. Please provide a CSS selector, a plain HTML element or a list of those."));return n},f.confirm=function(e,t,i){return window.confirm(e)?t():null!=i?i():void 0},f.isValidFile=function(e,t){if(!t)return!0;t=t.split(",");var i=e.type,n=i.replace(/\/.*$/,""),r=!0,a=!1,o=void 0;try{for(var l,s=t[Symbol.iterator]();!(r=(l=s.next()).done);r=!0){var u=l.value;if("."===(u=u.trim()).charAt(0)){if(-1!==e.name.toLowerCase().indexOf(u.toLowerCase(),e.name.length-u.length))return!0}else if(/\/\*$/.test(u)){if(n===u.replace(/\/.*$/,""))return!0}else if(i===u)return!0}}catch(e){a=!0,o=e}finally{try{r||null==s.return||s.return()}finally{if(a)throw o}}return!1},"undefined"!=typeof jQuery&&null!==jQuery&&(jQuery.fn.dropzone=function(e){return this.each((function(){return new f(this,e)}))}),f.ADDED="added",f.QUEUED="queued",f.ACCEPTED=f.QUEUED,f.UPLOADING="uploading",f.PROCESSING=f.UPLOADING,f.CANCELED="canceled",f.ERROR="error",f.SUCCESS="success";var y=function(e,t,i,n,r,a,o,l,s,u){var c=function(e){e.naturalWidth;var t=e.naturalHeight,i=document.createElement("canvas");i.width=1,i.height=t;var n=i.getContext("2d");n.drawImage(e,0,0);for(var r=n.getImageData(1,0,1,t).data,a=0,o=t,l=t;l>a;)0===r[4*(l-1)+3]?o=l:a=l,l=o+a>>1;var s=l/t;return 0===s?1:s}(t);return e.drawImage(t,i,n,r,a,o,l,s,u/c)},g=function(){"use strict";function e(){i(this,e)}return r(e,null,[{key:"initClass",value:function(){this.KEY_STR="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="}},{key:"encode64",value:function(e){for(var t="",i=void 0,n=void 0,r="",a=void 0,o=void 0,l=void 0,s="",u=0;a=(i=e[u++])>>2,o=(3&i)<<4|(n=e[u++])>>4,l=(15&n)<<2|(r=e[u++])>>6,s=63&r,isNaN(n)?l=s=64:isNaN(r)&&(s=64),t=t+this.KEY_STR.charAt(a)+this.KEY_STR.charAt(o)+this.KEY_STR.charAt(l)+this.KEY_STR.charAt(s),i=n=r="",a=o=l=s="",u<e.length;);return t}},{key:"restore",value:function(e,t){if(!e.match("data:image/jpeg;base64,"))return t;var i=this.decode64(e.replace("data:image/jpeg;base64,","")),n=this.slice2Segments(i),r=this.exifManipulation(t,n);return"data:image/jpeg;base64,".concat(this.encode64(r))}},{key:"exifManipulation",value:function(e,t){var i=this.getExifArray(t),n=this.insertExif(e,i);return new Uint8Array(n)}},{key:"getExifArray",value:function(e){for(var t=void 0,i=0;i<e.length;){if(255===(t=e[i])[0]&225===t[1])return t;i++}return[]}},{key:"insertExif",value:function(e,t){var i=e.replace("data:image/jpeg;base64,",""),n=this.decode64(i),r=n.indexOf(255,3),a=n.slice(0,r),o=n.slice(r),l=a;return l=(l=l.concat(t)).concat(o)}},{key:"slice2Segments",value:function(e){for(var t=0,i=[];;){if(255===e[t]&218===e[t+1])break;if(255===e[t]&216===e[t+1])t+=2;else{var n=t+(256*e[t+2]+e[t+3])+2,r=e.slice(t,n);i.push(r),t=n}if(t>e.length)break}return i}},{key:"decode64",value:function(e){var t=void 0,i=void 0,n="",r=void 0,a=void 0,o="",l=0,s=[];for(/[^A-Za-z0-9\+\/\=]/g.exec(e)&&console.warn("There were invalid base64 characters in the input text.\nValid base64 characters are A-Z, a-z, 0-9, '+', '/',and '='\nExpect errors in decoding."),e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");t=this.KEY_STR.indexOf(e.charAt(l++))<<2|(r=this.KEY_STR.indexOf(e.charAt(l++)))>>4,i=(15&r)<<4|(a=this.KEY_STR.indexOf(e.charAt(l++)))>>2,n=(3&a)<<6|(o=this.KEY_STR.indexOf(e.charAt(l++))),s.push(t),64!==a&&s.push(i),64!==o&&s.push(n),t=i=n="",r=a=o="",l<e.length;);return s}}]),e}();g.initClass();window.Dropzone=f}();
+//# sourceMappingURL=dropzone-min.js.map
diff --git a/public_html/raven-demo/vendor/js/echarts.min.js b/public_html/raven-demo/vendor/js/echarts.min.js
new file mode 100644
index 0000000..22b33ff
--- /dev/null
+++ b/public_html/raven-demo/vendor/js/echarts.min.js
@@ -0,0 +1,45 @@
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).echarts={})}(this,(function(t){"use strict";
+/*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},e(t,n)};function n(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}var i=function(){this.firefox=!1,this.ie=!1,this.edge=!1,this.newEdge=!1,this.weChat=!1},r=new function(){this.browser=new i,this.node=!1,this.wxa=!1,this.worker=!1,this.svgSupported=!1,this.touchEventsSupported=!1,this.pointerEventsSupported=!1,this.domSupported=!1,this.transformSupported=!1,this.transform3dSupported=!1,this.hasGlobalWindow="undefined"!=typeof window};"object"==typeof wx&&"function"==typeof wx.getSystemInfoSync?(r.wxa=!0,r.touchEventsSupported=!0):"undefined"==typeof document&&"undefined"!=typeof self?r.worker=!0:!r.hasGlobalWindow||"Deno"in window||"undefined"!=typeof navigator&&"string"==typeof navigator.userAgent&&navigator.userAgent.indexOf("Node.js")>-1?(r.node=!0,r.svgSupported=!0):function(t,e){var n=e.browser,i=t.match(/Firefox\/([\d.]+)/),r=t.match(/MSIE\s([\d.]+)/)||t.match(/Trident\/.+?rv:(([\d.]+))/),o=t.match(/Edge?\/([\d.]+)/),a=/micromessenger/i.test(t);i&&(n.firefox=!0,n.version=i[1]);r&&(n.ie=!0,n.version=r[1]);o&&(n.edge=!0,n.version=o[1],n.newEdge=+o[1].split(".")[0]>18);a&&(n.weChat=!0);e.svgSupported="undefined"!=typeof SVGRect,e.touchEventsSupported="ontouchstart"in window&&!n.ie&&!n.edge,e.pointerEventsSupported="onpointerdown"in window&&(n.edge||n.ie&&+n.version>=11);var s=e.domSupported="undefined"!=typeof document;if(s){var l=document.documentElement.style;e.transform3dSupported=(n.ie&&"transition"in l||n.edge||"WebKitCSSMatrix"in window&&"m11"in new WebKitCSSMatrix||"MozPerspective"in l)&&!("OTransition"in l),e.transformSupported=e.transform3dSupported||n.ie&&+n.version>=9}}(navigator.userAgent,r);var o="sans-serif",a="12px "+o;var s,l,u=function(t){var e={};if("undefined"==typeof JSON)return e;for(var n=0;n<t.length;n++){var i=String.fromCharCode(n+32),r=(t.charCodeAt(n)-20)/100;e[i]=r}return e}("007LLmW'55;N0500LLLLLLLLLL00NNNLzWW\\\\WQb\\0FWLg\\bWb\\WQ\\WrWWQ000CL5LLFLL0LL**F*gLLLL5F0LF\\FFF5.5N"),c={createCanvas:function(){return"undefined"!=typeof document&&document.createElement("canvas")},measureText:function(t,e){if(!s){var n=c.createCanvas();s=n&&n.getContext("2d")}if(s)return l!==e&&(l=s.font=e||a),s.measureText(t);t=t||"";var i=/((?:\d+)?\.?\d*)px/.exec(e=e||a),r=i&&+i[1]||12,o=0;if(e.indexOf("mono")>=0)o=r*t.length;else for(var h=0;h<t.length;h++){var d=u[t[h]];o+=null==d?r:d*r}return{width:o}},loadImage:function(t,e,n){var i=new Image;return i.onload=e,i.onerror=n,i.src=t,i}};function h(t){for(var e in c)t[e]&&(c[e]=t[e])}var d=B(["Function","RegExp","Date","Error","CanvasGradient","CanvasPattern","Image","Canvas"],(function(t,e){return t["[object "+e+"]"]=!0,t}),{}),p=B(["Int8","Uint8","Uint8Clamped","Int16","Uint16","Int32","Uint32","Float32","Float64"],(function(t,e){return t["[object "+e+"Array]"]=!0,t}),{}),f=Object.prototype.toString,g=Array.prototype,y=g.forEach,v=g.filter,m=g.slice,x=g.map,_=function(){}.constructor,b=_?_.prototype:null,w="__proto__",S=2311;function M(){return S++}function I(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];"undefined"!=typeof console&&console.error.apply(console,t)}function T(t){if(null==t||"object"!=typeof t)return t;var e=t,n=f.call(t);if("[object Array]"===n){if(!dt(t)){e=[];for(var i=0,r=t.length;i<r;i++)e[i]=T(t[i])}}else if(p[n]){if(!dt(t)){var o=t.constructor;if(o.from)e=o.from(t);else{e=new o(t.length);for(i=0,r=t.length;i<r;i++)e[i]=t[i]}}}else if(!d[n]&&!dt(t)&&!J(t))for(var a in e={},t)t.hasOwnProperty(a)&&a!==w&&(e[a]=T(t[a]));return e}function C(t,e,n){if(!q(e)||!q(t))return n?T(e):t;for(var i in e)if(e.hasOwnProperty(i)&&i!==w){var r=t[i],o=e[i];!q(o)||!q(r)||U(o)||U(r)||J(o)||J(r)||K(o)||K(r)||dt(o)||dt(r)?!n&&i in t||(t[i]=T(e[i])):C(r,o,n)}return t}function D(t,e){for(var n=t[0],i=1,r=t.length;i<r;i++)n=C(n,t[i],e);return n}function A(t,e){if(Object.assign)Object.assign(t,e);else for(var n in e)e.hasOwnProperty(n)&&n!==w&&(t[n]=e[n]);return t}function k(t,e,n){for(var i=F(e),r=0,o=i.length;r<o;r++){var a=i[r];(n?null!=e[a]:null==t[a])&&(t[a]=e[a])}return t}var L=c.createCanvas;function P(t,e){if(t){if(t.indexOf)return t.indexOf(e);for(var n=0,i=t.length;n<i;n++)if(t[n]===e)return n}return-1}function O(t,e){var n=t.prototype;function i(){}for(var r in i.prototype=e.prototype,t.prototype=new i,n)n.hasOwnProperty(r)&&(t.prototype[r]=n[r]);t.prototype.constructor=t,t.superClass=e}function R(t,e,n){if(t="prototype"in t?t.prototype:t,e="prototype"in e?e.prototype:e,Object.getOwnPropertyNames)for(var i=Object.getOwnPropertyNames(e),r=0;r<i.length;r++){var o=i[r];"constructor"!==o&&(n?null!=e[o]:null==t[o])&&(t[o]=e[o])}else k(t,e,n)}function N(t){return!!t&&("string"!=typeof t&&"number"==typeof t.length)}function z(t,e,n){if(t&&e)if(t.forEach&&t.forEach===y)t.forEach(e,n);else if(t.length===+t.length)for(var i=0,r=t.length;i<r;i++)e.call(n,t[i],i,t);else for(var o in t)t.hasOwnProperty(o)&&e.call(n,t[o],o,t)}function E(t,e,n){if(!t)return[];if(!e)return at(t);if(t.map&&t.map===x)return t.map(e,n);for(var i=[],r=0,o=t.length;r<o;r++)i.push(e.call(n,t[r],r,t));return i}function B(t,e,n,i){if(t&&e){for(var r=0,o=t.length;r<o;r++)n=e.call(i,n,t[r],r,t);return n}}function V(t,e,n){if(!t)return[];if(!e)return at(t);if(t.filter&&t.filter===v)return t.filter(e,n);for(var i=[],r=0,o=t.length;r<o;r++)e.call(n,t[r],r,t)&&i.push(t[r]);return i}function G(t,e,n){if(t&&e)for(var i=0,r=t.length;i<r;i++)if(e.call(n,t[i],i,t))return t[i]}function F(t){if(!t)return[];if(Object.keys)return Object.keys(t);var e=[];for(var n in t)t.hasOwnProperty(n)&&e.push(n);return e}var W=b&&Y(b.bind)?b.call.bind(b.bind):function(t,e){for(var n=[],i=2;i<arguments.length;i++)n[i-2]=arguments[i];return function(){return t.apply(e,n.concat(m.call(arguments)))}};function H(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return function(){return t.apply(this,e.concat(m.call(arguments)))}}function U(t){return Array.isArray?Array.isArray(t):"[object Array]"===f.call(t)}function Y(t){return"function"==typeof t}function X(t){return"string"==typeof t}function Z(t){return"[object String]"===f.call(t)}function j(t){return"number"==typeof t}function q(t){var e=typeof t;return"function"===e||!!t&&"object"===e}function K(t){return!!d[f.call(t)]}function $(t){return!!p[f.call(t)]}function J(t){return"object"==typeof t&&"number"==typeof t.nodeType&&"object"==typeof t.ownerDocument}function Q(t){return null!=t.colorStops}function tt(t){return null!=t.image}function et(t){return"[object RegExp]"===f.call(t)}function nt(t){return t!=t}function it(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];for(var n=0,i=t.length;n<i;n++)if(null!=t[n])return t[n]}function rt(t,e){return null!=t?t:e}function ot(t,e,n){return null!=t?t:null!=e?e:n}function at(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return m.apply(t,e)}function st(t){if("number"==typeof t)return[t,t,t,t];var e=t.length;return 2===e?[t[0],t[1],t[0],t[1]]:3===e?[t[0],t[1],t[2],t[1]]:t}function lt(t,e){if(!t)throw new Error(e)}function ut(t){return null==t?null:"function"==typeof t.trim?t.trim():t.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"")}var ct="__ec_primitive__";function ht(t){t[ct]=!0}function dt(t){return t[ct]}var pt=function(){function t(){this.data={}}return t.prototype.delete=function(t){var e=this.has(t);return e&&delete this.data[t],e},t.prototype.has=function(t){return this.data.hasOwnProperty(t)},t.prototype.get=function(t){return this.data[t]},t.prototype.set=function(t,e){return this.data[t]=e,this},t.prototype.keys=function(){return F(this.data)},t.prototype.forEach=function(t){var e=this.data;for(var n in e)e.hasOwnProperty(n)&&t(e[n],n)},t}(),ft="function"==typeof Map;var gt=function(){function t(e){var n=U(e);this.data=ft?new Map:new pt;var i=this;function r(t,e){n?i.set(t,e):i.set(e,t)}e instanceof t?e.each(r):e&&z(e,r)}return t.prototype.hasKey=function(t){return this.data.has(t)},t.prototype.get=function(t){return this.data.get(t)},t.prototype.set=function(t,e){return this.data.set(t,e),e},t.prototype.each=function(t,e){this.data.forEach((function(n,i){t.call(e,n,i)}))},t.prototype.keys=function(){var t=this.data.keys();return ft?Array.from(t):t},t.prototype.removeKey=function(t){this.data.delete(t)},t}();function yt(t){return new gt(t)}function vt(t,e){for(var n=new t.constructor(t.length+e.length),i=0;i<t.length;i++)n[i]=t[i];var r=t.length;for(i=0;i<e.length;i++)n[i+r]=e[i];return n}function mt(t,e){var n;if(Object.create)n=Object.create(t);else{var i=function(){};i.prototype=t,n=new i}return e&&A(n,e),n}function xt(t){var e=t.style;e.webkitUserSelect="none",e.userSelect="none",e.webkitTapHighlightColor="rgba(0,0,0,0)",e["-webkit-touch-callout"]="none"}function _t(t,e){return t.hasOwnProperty(e)}function bt(){}var wt=180/Math.PI,St=Number.EPSILON||Math.pow(2,-52),Mt=Object.freeze({__proto__:null,guid:M,logError:I,clone:T,merge:C,mergeAll:D,extend:A,defaults:k,createCanvas:L,indexOf:P,inherits:O,mixin:R,isArrayLike:N,each:z,map:E,reduce:B,filter:V,find:G,keys:F,bind:W,curry:H,isArray:U,isFunction:Y,isString:X,isStringSafe:Z,isNumber:j,isObject:q,isBuiltInObject:K,isTypedArray:$,isDom:J,isGradientObject:Q,isImagePatternObject:tt,isRegExp:et,eqNaN:nt,retrieve:it,retrieve2:rt,retrieve3:ot,slice:at,normalizeCssArray:st,assert:lt,trim:ut,setAsPrimitive:ht,isPrimitive:dt,HashMap:gt,createHashMap:yt,concatArray:vt,createObject:mt,disableUserSelect:xt,hasOwn:_t,noop:bt,RADIAN_TO_DEGREE:wt,EPSILON:St});function It(t,e){return null==t&&(t=0),null==e&&(e=0),[t,e]}function Tt(t,e){return t[0]=e[0],t[1]=e[1],t}function Ct(t){return[t[0],t[1]]}function Dt(t,e,n){return t[0]=e,t[1]=n,t}function At(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t}function kt(t,e,n,i){return t[0]=e[0]+n[0]*i,t[1]=e[1]+n[1]*i,t}function Lt(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t}function Pt(t){return Math.sqrt(Rt(t))}var Ot=Pt;function Rt(t){return t[0]*t[0]+t[1]*t[1]}var Nt=Rt;function zt(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t}function Et(t,e){var n=Pt(e);return 0===n?(t[0]=0,t[1]=0):(t[0]=e[0]/n,t[1]=e[1]/n),t}function Bt(t,e){return Math.sqrt((t[0]-e[0])*(t[0]-e[0])+(t[1]-e[1])*(t[1]-e[1]))}var Vt=Bt;function Gt(t,e){return(t[0]-e[0])*(t[0]-e[0])+(t[1]-e[1])*(t[1]-e[1])}var Ft=Gt;function Wt(t,e,n,i){return t[0]=e[0]+i*(n[0]-e[0]),t[1]=e[1]+i*(n[1]-e[1]),t}function Ht(t,e,n){var i=e[0],r=e[1];return t[0]=n[0]*i+n[2]*r+n[4],t[1]=n[1]*i+n[3]*r+n[5],t}function Ut(t,e,n){return t[0]=Math.min(e[0],n[0]),t[1]=Math.min(e[1],n[1]),t}function Yt(t,e,n){return t[0]=Math.max(e[0],n[0]),t[1]=Math.max(e[1],n[1]),t}var Xt=Object.freeze({__proto__:null,create:It,copy:Tt,clone:Ct,set:Dt,add:At,scaleAndAdd:kt,sub:Lt,len:Pt,length:Ot,lenSquare:Rt,lengthSquare:Nt,mul:function(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t},div:function(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t},dot:function(t,e){return t[0]*e[0]+t[1]*e[1]},scale:zt,normalize:Et,distance:Bt,dist:Vt,distanceSquare:Gt,distSquare:Ft,negate:function(t,e){return t[0]=-e[0],t[1]=-e[1],t},lerp:Wt,applyTransform:Ht,min:Ut,max:Yt}),Zt=function(t,e){this.target=t,this.topTarget=e&&e.topTarget},jt=function(){function t(t){this.handler=t,t.on("mousedown",this._dragStart,this),t.on("mousemove",this._drag,this),t.on("mouseup",this._dragEnd,this)}return t.prototype._dragStart=function(t){for(var e=t.target;e&&!e.draggable;)e=e.parent||e.__hostTarget;e&&(this._draggingTarget=e,e.dragging=!0,this._x=t.offsetX,this._y=t.offsetY,this.handler.dispatchToElement(new Zt(e,t),"dragstart",t.event))},t.prototype._drag=function(t){var e=this._draggingTarget;if(e){var n=t.offsetX,i=t.offsetY,r=n-this._x,o=i-this._y;this._x=n,this._y=i,e.drift(r,o,t),this.handler.dispatchToElement(new Zt(e,t),"drag",t.event);var a=this.handler.findHover(n,i,e).target,s=this._dropTarget;this._dropTarget=a,e!==a&&(s&&a!==s&&this.handler.dispatchToElement(new Zt(s,t),"dragleave",t.event),a&&a!==s&&this.handler.dispatchToElement(new Zt(a,t),"dragenter",t.event))}},t.prototype._dragEnd=function(t){var e=this._draggingTarget;e&&(e.dragging=!1),this.handler.dispatchToElement(new Zt(e,t),"dragend",t.event),this._dropTarget&&this.handler.dispatchToElement(new Zt(this._dropTarget,t),"drop",t.event),this._draggingTarget=null,this._dropTarget=null},t}(),qt=function(){function t(t){t&&(this._$eventProcessor=t)}return t.prototype.on=function(t,e,n,i){this._$handlers||(this._$handlers={});var r=this._$handlers;if("function"==typeof e&&(i=n,n=e,e=null),!n||!t)return this;var o=this._$eventProcessor;null!=e&&o&&o.normalizeQuery&&(e=o.normalizeQuery(e)),r[t]||(r[t]=[]);for(var a=0;a<r[t].length;a++)if(r[t][a].h===n)return this;var s={h:n,query:e,ctx:i||this,callAtLast:n.zrEventfulCallAtLast},l=r[t].length-1,u=r[t][l];return u&&u.callAtLast?r[t].splice(l,0,s):r[t].push(s),this},t.prototype.isSilent=function(t){var e=this._$handlers;return!e||!e[t]||!e[t].length},t.prototype.off=function(t,e){var n=this._$handlers;if(!n)return this;if(!t)return this._$handlers={},this;if(e){if(n[t]){for(var i=[],r=0,o=n[t].length;r<o;r++)n[t][r].h!==e&&i.push(n[t][r]);n[t]=i}n[t]&&0===n[t].length&&delete n[t]}else delete n[t];return this},t.prototype.trigger=function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];if(!this._$handlers)return this;var i=this._$handlers[t],r=this._$eventProcessor;if(i)for(var o=e.length,a=i.length,s=0;s<a;s++){var l=i[s];if(!r||!r.filter||null==l.query||r.filter(t,l.query))switch(o){case 0:l.h.call(l.ctx);break;case 1:l.h.call(l.ctx,e[0]);break;case 2:l.h.call(l.ctx,e[0],e[1]);break;default:l.h.apply(l.ctx,e)}}return r&&r.afterTrigger&&r.afterTrigger(t),this},t.prototype.triggerWithContext=function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];if(!this._$handlers)return this;var i=this._$handlers[t],r=this._$eventProcessor;if(i)for(var o=e.length,a=e[o-1],s=i.length,l=0;l<s;l++){var u=i[l];if(!r||!r.filter||null==u.query||r.filter(t,u.query))switch(o){case 0:u.h.call(a);break;case 1:u.h.call(a,e[0]);break;case 2:u.h.call(a,e[0],e[1]);break;default:u.h.apply(a,e.slice(1,o-1))}}return r&&r.afterTrigger&&r.afterTrigger(t),this},t}(),Kt=Math.log(2);function $t(t,e,n,i,r,o){var a=i+"-"+r,s=t.length;if(o.hasOwnProperty(a))return o[a];if(1===e){var l=Math.round(Math.log((1<<s)-1&~r)/Kt);return t[n][l]}for(var u=i|1<<n,c=n+1;i&1<<c;)c++;for(var h=0,d=0,p=0;d<s;d++){var f=1<<d;f&r||(h+=(p%2?-1:1)*t[n][d]*$t(t,e-1,c,u,r|f,o),p++)}return o[a]=h,h}function Jt(t,e){var n=[[t[0],t[1],1,0,0,0,-e[0]*t[0],-e[0]*t[1]],[0,0,0,t[0],t[1],1,-e[1]*t[0],-e[1]*t[1]],[t[2],t[3],1,0,0,0,-e[2]*t[2],-e[2]*t[3]],[0,0,0,t[2],t[3],1,-e[3]*t[2],-e[3]*t[3]],[t[4],t[5],1,0,0,0,-e[4]*t[4],-e[4]*t[5]],[0,0,0,t[4],t[5],1,-e[5]*t[4],-e[5]*t[5]],[t[6],t[7],1,0,0,0,-e[6]*t[6],-e[6]*t[7]],[0,0,0,t[6],t[7],1,-e[7]*t[6],-e[7]*t[7]]],i={},r=$t(n,8,0,0,0,i);if(0!==r){for(var o=[],a=0;a<8;a++)for(var s=0;s<8;s++)null==o[s]&&(o[s]=0),o[s]+=((a+s)%2?-1:1)*$t(n,7,0===a?1:0,1<<a,1<<s,i)/r*e[a];return function(t,e,n){var i=e*o[6]+n*o[7]+1;t[0]=(e*o[0]+n*o[1]+o[2])/i,t[1]=(e*o[3]+n*o[4]+o[5])/i}}}var Qt="___zrEVENTSAVED",te=[];function ee(t,e,n,i,o){if(e.getBoundingClientRect&&r.domSupported&&!ne(e)){var a=e[Qt]||(e[Qt]={}),s=function(t,e){var n=e.markers;if(n)return n;n=e.markers=[];for(var i=["left","right"],r=["top","bottom"],o=0;o<4;o++){var a=document.createElement("div"),s=o%2,l=(o>>1)%2;a.style.cssText=["position: absolute","visibility: hidden","padding: 0","margin: 0","border-width: 0","user-select: none","width:0","height:0",i[s]+":0",r[l]+":0",i[1-s]+":auto",r[1-l]+":auto",""].join("!important;"),t.appendChild(a),n.push(a)}return e.clearMarkers=function(){z(n,(function(t){t.parentNode&&t.parentNode.removeChild(t)}))},n}(e,a),l=function(t,e,n){for(var i=n?"invTrans":"trans",r=e[i],o=e.srcCoords,a=[],s=[],l=!0,u=0;u<4;u++){var c=t[u].getBoundingClientRect(),h=2*u,d=c.left,p=c.top;a.push(d,p),l=l&&o&&d===o[h]&&p===o[h+1],s.push(t[u].offsetLeft,t[u].offsetTop)}return l&&r?r:(e.srcCoords=a,e[i]=n?Jt(s,a):Jt(a,s))}(s,a,o);if(l)return l(t,n,i),!0}return!1}function ne(t){return"CANVAS"===t.nodeName.toUpperCase()}var ie=/([&<>"'])/g,re={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function oe(t){return null==t?"":(t+"").replace(ie,(function(t,e){return re[e]}))}var ae=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,se=[],le=r.browser.firefox&&+r.browser.version.split(".")[0]<39;function ue(t,e,n,i){return n=n||{},i?ce(t,e,n):le&&null!=e.layerX&&e.layerX!==e.offsetX?(n.zrX=e.layerX,n.zrY=e.layerY):null!=e.offsetX?(n.zrX=e.offsetX,n.zrY=e.offsetY):ce(t,e,n),n}function ce(t,e,n){if(r.domSupported&&t.getBoundingClientRect){var i=e.clientX,o=e.clientY;if(ne(t)){var a=t.getBoundingClientRect();return n.zrX=i-a.left,void(n.zrY=o-a.top)}if(ee(se,t,i,o))return n.zrX=se[0],void(n.zrY=se[1])}n.zrX=n.zrY=0}function he(t){return t||window.event}function de(t,e,n){if(null!=(e=he(e)).zrX)return e;var i=e.type;if(i&&i.indexOf("touch")>=0){var r="touchend"!==i?e.targetTouches[0]:e.changedTouches[0];r&&ue(t,r,e,n)}else{ue(t,e,e,n);var o=function(t){var e=t.wheelDelta;if(e)return e;var n=t.deltaX,i=t.deltaY;if(null==n||null==i)return e;return 3*(0!==i?Math.abs(i):Math.abs(n))*(i>0?-1:i<0?1:n>0?-1:1)}(e);e.zrDelta=o?o/120:-(e.detail||0)/3}var a=e.button;return null==e.which&&void 0!==a&&ae.test(e.type)&&(e.which=1&a?1:2&a?3:4&a?2:0),e}function pe(t,e,n,i){t.addEventListener(e,n,i)}var fe=function(t){t.preventDefault(),t.stopPropagation(),t.cancelBubble=!0};function ge(t){return 2===t.which||3===t.which}var ye=function(){function t(){this._track=[]}return t.prototype.recognize=function(t,e,n){return this._doTrack(t,e,n),this._recognize(t)},t.prototype.clear=function(){return this._track.length=0,this},t.prototype._doTrack=function(t,e,n){var i=t.touches;if(i){for(var r={points:[],touches:[],target:e,event:t},o=0,a=i.length;o<a;o++){var s=i[o],l=ue(n,s,{});r.points.push([l.zrX,l.zrY]),r.touches.push(s)}this._track.push(r)}},t.prototype._recognize=function(t){for(var e in me)if(me.hasOwnProperty(e)){var n=me[e](this._track,t);if(n)return n}},t}();function ve(t){var e=t[1][0]-t[0][0],n=t[1][1]-t[0][1];return Math.sqrt(e*e+n*n)}var me={pinch:function(t,e){var n=t.length;if(n){var i,r=(t[n-1]||{}).points,o=(t[n-2]||{}).points||r;if(o&&o.length>1&&r&&r.length>1){var a=ve(r)/ve(o);!isFinite(a)&&(a=1),e.pinchScale=a;var s=[((i=r)[0][0]+i[1][0])/2,(i[0][1]+i[1][1])/2];return e.pinchX=s[0],e.pinchY=s[1],{type:"pinch",target:t[0].target,event:e}}}}};function xe(){return[1,0,0,1,0,0]}function _e(t){return t[0]=1,t[1]=0,t[2]=0,t[3]=1,t[4]=0,t[5]=0,t}function be(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4],t[5]=e[5],t}function we(t,e,n){var i=e[0]*n[0]+e[2]*n[1],r=e[1]*n[0]+e[3]*n[1],o=e[0]*n[2]+e[2]*n[3],a=e[1]*n[2]+e[3]*n[3],s=e[0]*n[4]+e[2]*n[5]+e[4],l=e[1]*n[4]+e[3]*n[5]+e[5];return t[0]=i,t[1]=r,t[2]=o,t[3]=a,t[4]=s,t[5]=l,t}function Se(t,e,n){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4]+n[0],t[5]=e[5]+n[1],t}function Me(t,e,n,i){void 0===i&&(i=[0,0]);var r=e[0],o=e[2],a=e[4],s=e[1],l=e[3],u=e[5],c=Math.sin(n),h=Math.cos(n);return t[0]=r*h+s*c,t[1]=-r*c+s*h,t[2]=o*h+l*c,t[3]=-o*c+h*l,t[4]=h*(a-i[0])+c*(u-i[1])+i[0],t[5]=h*(u-i[1])-c*(a-i[0])+i[1],t}function Ie(t,e,n){var i=n[0],r=n[1];return t[0]=e[0]*i,t[1]=e[1]*r,t[2]=e[2]*i,t[3]=e[3]*r,t[4]=e[4]*i,t[5]=e[5]*r,t}function Te(t,e){var n=e[0],i=e[2],r=e[4],o=e[1],a=e[3],s=e[5],l=n*a-o*i;return l?(l=1/l,t[0]=a*l,t[1]=-o*l,t[2]=-i*l,t[3]=n*l,t[4]=(i*s-a*r)*l,t[5]=(o*r-n*s)*l,t):null}function Ce(t){var e=[1,0,0,1,0,0];return be(e,t),e}var De=Object.freeze({__proto__:null,create:xe,identity:_e,copy:be,mul:we,translate:Se,rotate:Me,scale:Ie,invert:Te,clone:Ce}),Ae=function(){function t(t,e){this.x=t||0,this.y=e||0}return t.prototype.copy=function(t){return this.x=t.x,this.y=t.y,this},t.prototype.clone=function(){return new t(this.x,this.y)},t.prototype.set=function(t,e){return this.x=t,this.y=e,this},t.prototype.equal=function(t){return t.x===this.x&&t.y===this.y},t.prototype.add=function(t){return this.x+=t.x,this.y+=t.y,this},t.prototype.scale=function(t){this.x*=t,this.y*=t},t.prototype.scaleAndAdd=function(t,e){this.x+=t.x*e,this.y+=t.y*e},t.prototype.sub=function(t){return this.x-=t.x,this.y-=t.y,this},t.prototype.dot=function(t){return this.x*t.x+this.y*t.y},t.prototype.len=function(){return Math.sqrt(this.x*this.x+this.y*this.y)},t.prototype.lenSquare=function(){return this.x*this.x+this.y*this.y},t.prototype.normalize=function(){var t=this.len();return this.x/=t,this.y/=t,this},t.prototype.distance=function(t){var e=this.x-t.x,n=this.y-t.y;return Math.sqrt(e*e+n*n)},t.prototype.distanceSquare=function(t){var e=this.x-t.x,n=this.y-t.y;return e*e+n*n},t.prototype.negate=function(){return this.x=-this.x,this.y=-this.y,this},t.prototype.transform=function(t){if(t){var e=this.x,n=this.y;return this.x=t[0]*e+t[2]*n+t[4],this.y=t[1]*e+t[3]*n+t[5],this}},t.prototype.toArray=function(t){return t[0]=this.x,t[1]=this.y,t},t.prototype.fromArray=function(t){this.x=t[0],this.y=t[1]},t.set=function(t,e,n){t.x=e,t.y=n},t.copy=function(t,e){t.x=e.x,t.y=e.y},t.len=function(t){return Math.sqrt(t.x*t.x+t.y*t.y)},t.lenSquare=function(t){return t.x*t.x+t.y*t.y},t.dot=function(t,e){return t.x*e.x+t.y*e.y},t.add=function(t,e,n){t.x=e.x+n.x,t.y=e.y+n.y},t.sub=function(t,e,n){t.x=e.x-n.x,t.y=e.y-n.y},t.scale=function(t,e,n){t.x=e.x*n,t.y=e.y*n},t.scaleAndAdd=function(t,e,n,i){t.x=e.x+n.x*i,t.y=e.y+n.y*i},t.lerp=function(t,e,n,i){var r=1-i;t.x=r*e.x+i*n.x,t.y=r*e.y+i*n.y},t}(),ke=Math.min,Le=Math.max,Pe=Math.abs,Oe=["x","y"],Re=["width","height"],Ne=new Ae,ze=new Ae,Ee=new Ae,Be=new Ae,Ve=Ze(),Ge=Ve.minTv,Fe=Ve.maxTv,We=[0,0],He=function(){function t(e,n,i,r){t.set(this,e,n,i,r)}return t.set=function(t,e,n,i,r){return i<0&&(e+=i,i=-i),r<0&&(n+=r,r=-r),t.x=e,t.y=n,t.width=i,t.height=r,t},t.prototype.union=function(t){var e=ke(t.x,this.x),n=ke(t.y,this.y);isFinite(this.x)&&isFinite(this.width)?this.width=Le(t.x+t.width,this.x+this.width)-e:this.width=t.width,isFinite(this.y)&&isFinite(this.height)?this.height=Le(t.y+t.height,this.y+this.height)-n:this.height=t.height,this.x=e,this.y=n},t.prototype.applyTransform=function(e){t.applyTransform(this,this,e)},t.prototype.calculateTransform=function(t){var e=this,n=t.width/e.width,i=t.height/e.height,r=[1,0,0,1,0,0];return Se(r,r,[-e.x,-e.y]),Ie(r,r,[n,i]),Se(r,r,[t.x,t.y]),r},t.prototype.intersect=function(e,n,i){return t.intersect(this,e,n,i)},t.intersect=function(e,n,i,r){i&&Ae.set(i,0,0);var o=r&&r.outIntersectRect||null,a=r&&r.clamp;if(o&&(o.x=o.y=o.width=o.height=NaN),!e||!n)return!1;e instanceof t||(e=t.set(Ue,e.x,e.y,e.width,e.height)),n instanceof t||(n=t.set(Ye,n.x,n.y,n.width,n.height));var s=!!i;Ve.reset(r,s);var l=Ve.touchThreshold,u=e.x+l,c=e.x+e.width-l,h=e.y+l,d=e.y+e.height-l,p=n.x+l,f=n.x+n.width-l,g=n.y+l,y=n.y+n.height-l;if(u>c||h>d||p>f||g>y)return!1;var v=!(c<p||f<u||d<g||y<h);return(s||o)&&(We[0]=1/0,We[1]=0,Xe(u,c,p,f,0,s,o,a),Xe(h,d,g,y,1,s,o,a),s&&Ae.copy(i,v?Ve.useDir?Ve.dirMinTv:Ge:Fe)),v},t.contain=function(t,e,n){return e>=t.x&&e<=t.x+t.width&&n>=t.y&&n<=t.y+t.height},t.prototype.contain=function(e,n){return t.contain(this,e,n)},t.prototype.clone=function(){return new t(this.x,this.y,this.width,this.height)},t.prototype.copy=function(e){t.copy(this,e)},t.prototype.plain=function(){return{x:this.x,y:this.y,width:this.width,height:this.height}},t.prototype.isFinite=function(){return isFinite(this.x)&&isFinite(this.y)&&isFinite(this.width)&&isFinite(this.height)},t.prototype.isZero=function(){return 0===this.width||0===this.height},t.create=function(e){return new t(e.x,e.y,e.width,e.height)},t.copy=function(t,e){return t.x=e.x,t.y=e.y,t.width=e.width,t.height=e.height,t},t.applyTransform=function(e,n,i){if(i){if(i[1]<1e-5&&i[1]>-1e-5&&i[2]<1e-5&&i[2]>-1e-5){var r=i[0],o=i[3],a=i[4],s=i[5];return e.x=n.x*r+a,e.y=n.y*o+s,e.width=n.width*r,e.height=n.height*o,e.width<0&&(e.x+=e.width,e.width=-e.width),void(e.height<0&&(e.y+=e.height,e.height=-e.height))}Ne.x=Ee.x=n.x,Ne.y=Be.y=n.y,ze.x=Be.x=n.x+n.width,ze.y=Ee.y=n.y+n.height,Ne.transform(i),Be.transform(i),ze.transform(i),Ee.transform(i),e.x=ke(Ne.x,ze.x,Ee.x,Be.x),e.y=ke(Ne.y,ze.y,Ee.y,Be.y);var l=Le(Ne.x,ze.x,Ee.x,Be.x),u=Le(Ne.y,ze.y,Ee.y,Be.y);e.width=l-e.x,e.height=u-e.y}else e!==n&&t.copy(e,n)},t}(),Ue=new He(0,0,0,0),Ye=new He(0,0,0,0);function Xe(t,e,n,i,r,o,a,s){var l=Pe(e-n),u=Pe(i-t),c=ke(l,u),h=Oe[r],d=Oe[1-r],p=Re[r];e<n||i<t?l<u?(o&&(Fe[h]=-l),s&&(a[h]=e,a[p]=0)):(o&&(Fe[h]=u),s&&(a[h]=t,a[p]=0)):(a&&(a[h]=Le(t,n),a[p]=ke(e,i)-a[h]),o&&(c<We[0]||Ve.useDir)&&(We[0]=ke(c,We[0]),(l<u||!Ve.bidirectional)&&(Ge[h]=l,Ge[d]=0,Ve.useDir&&Ve.calcDirMTV()),(l>=u||!Ve.bidirectional)&&(Ge[h]=-u,Ge[d]=0,Ve.useDir&&Ve.calcDirMTV())))}function Ze(){var t=0,e=new Ae,n=new Ae,i={minTv:new Ae,maxTv:new Ae,useDir:!1,dirMinTv:new Ae,touchThreshold:0,bidirectional:!0,negativeSize:!1,reset:function(r,o){i.touchThreshold=0,r&&null!=r.touchThreshold&&(i.touchThreshold=Le(0,r.touchThreshold)),i.negativeSize=!1,o&&(i.minTv.set(1/0,1/0),i.maxTv.set(0,0),i.useDir=!1,r&&null!=r.direction&&(i.useDir=!0,i.dirMinTv.copy(i.minTv),n.copy(i.minTv),t=r.direction,i.bidirectional=null==r.bidirectional||!!r.bidirectional,i.bidirectional||e.set(Math.cos(t),Math.sin(t))))},calcDirMTV:function(){var o=i.minTv,a=i.dirMinTv,s=o.y*o.y+o.x*o.x,l=Math.sin(t),u=Math.cos(t),c=l*o.y+u*o.x;r(c)?r(o.x)&&r(o.y)&&a.set(0,0):(n.x=s*u/c,n.y=s*l/c,r(n.x)&&r(n.y)?a.set(0,0):(i.bidirectional||e.dot(n)>0)&&n.len()<a.len()&&a.copy(n))}};function r(t){return Pe(t)<1e-10}return i}var je="silent";function qe(){fe(this.event)}var Ke=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.handler=null,e}return n(e,t),e.prototype.dispose=function(){},e.prototype.setCursor=function(){},e}(qt),$e=function(t,e){this.x=t,this.y=e},Je=["click","dblclick","mousewheel","mouseout","mouseup","mousedown","mousemove","contextmenu"],Qe=new He(0,0,0,0),tn=function(t){function e(e,n,i,r,o){var a=t.call(this)||this;return a._hovered=new $e(0,0),a.storage=e,a.painter=n,a.painterRoot=r,a._pointerSize=o,i=i||new Ke,a.proxy=null,a.setHandlerProxy(i),a._draggingMgr=new jt(a),a}return n(e,t),e.prototype.setHandlerProxy=function(t){this.proxy&&this.proxy.dispose(),t&&(z(Je,(function(e){t.on&&t.on(e,this[e],this)}),this),t.handler=this),this.proxy=t},e.prototype.mousemove=function(t){var e=t.zrX,n=t.zrY,i=rn(this,e,n),r=this._hovered,o=r.target;o&&!o.__zr&&(o=(r=this.findHover(r.x,r.y)).target);var a=this._hovered=i?new $e(e,n):this.findHover(e,n),s=a.target,l=this.proxy;l.setCursor&&l.setCursor(s?s.cursor:"default"),o&&s!==o&&this.dispatchToElement(r,"mouseout",t),this.dispatchToElement(a,"mousemove",t),s&&s!==o&&this.dispatchToElement(a,"mouseover",t)},e.prototype.mouseout=function(t){var e=t.zrEventControl;"only_globalout"!==e&&this.dispatchToElement(this._hovered,"mouseout",t),"no_globalout"!==e&&this.trigger("globalout",{type:"globalout",event:t})},e.prototype.resize=function(){this._hovered=new $e(0,0)},e.prototype.dispatch=function(t,e){var n=this[t];n&&n.call(this,e)},e.prototype.dispose=function(){this.proxy.dispose(),this.storage=null,this.proxy=null,this.painter=null},e.prototype.setCursorStyle=function(t){var e=this.proxy;e.setCursor&&e.setCursor(t)},e.prototype.dispatchToElement=function(t,e,n){var i=(t=t||{}).target;if(!i||!i.silent){for(var r="on"+e,o=function(t,e,n){return{type:t,event:n,target:e.target,topTarget:e.topTarget,cancelBubble:!1,offsetX:n.zrX,offsetY:n.zrY,gestureEvent:n.gestureEvent,pinchX:n.pinchX,pinchY:n.pinchY,pinchScale:n.pinchScale,wheelDelta:n.zrDelta,zrByTouch:n.zrByTouch,which:n.which,stop:qe}}(e,t,n);i&&(i[r]&&(o.cancelBubble=!!i[r].call(i,o)),i.trigger(e,o),i=i.__hostTarget?i.__hostTarget:i.parent,!o.cancelBubble););o.cancelBubble||(this.trigger(e,o),this.painter&&this.painter.eachOtherLayer&&this.painter.eachOtherLayer((function(t){"function"==typeof t[r]&&t[r].call(t,o),t.trigger&&t.trigger(e,o)})))}},e.prototype.findHover=function(t,e,n){var i=this.storage.getDisplayList(),r=new $e(t,e);if(nn(i,r,t,e,n),this._pointerSize&&!r.target){for(var o=[],a=this._pointerSize,s=a/2,l=new He(t-s,e-s,a,a),u=i.length-1;u>=0;u--){var c=i[u];c===n||c.ignore||c.ignoreCoarsePointer||c.parent&&c.parent.ignoreCoarsePointer||(Qe.copy(c.getBoundingRect()),c.transform&&Qe.applyTransform(c.transform),Qe.intersect(l)&&o.push(c))}if(o.length)for(var h=Math.PI/12,d=2*Math.PI,p=0;p<s;p+=4)for(var f=0;f<d;f+=h){if(nn(o,r,t+p*Math.cos(f),e+p*Math.sin(f),n),r.target)return r}}return r},e.prototype.processGesture=function(t,e){this._gestureMgr||(this._gestureMgr=new ye);var n=this._gestureMgr;"start"===e&&n.clear();var i=n.recognize(t,this.findHover(t.zrX,t.zrY,null).target,this.proxy.dom);if("end"===e&&n.clear(),i){var r=i.type;t.gestureEvent=r;var o=new $e;o.target=i.target,this.dispatchToElement(o,r,i.event)}},e}(qt);function en(t,e,n){if(t[t.rectHover?"rectContain":"contain"](e,n)){for(var i=t,r=void 0,o=!1;i;){if(i.ignoreClip&&(o=!0),!o){var a=i.getClipPath();if(a&&!a.contain(e,n))return!1}i.silent&&(r=!0);var s=i.__hostTarget;i=s?i.ignoreHostSilent?null:s:i.parent}return!r||je}return!1}function nn(t,e,n,i,r){for(var o=t.length-1;o>=0;o--){var a=t[o],s=void 0;if(a!==r&&!a.ignore&&(s=en(a,n,i))&&(!e.topTarget&&(e.topTarget=a),s!==je)){e.target=a;break}}}function rn(t,e,n){var i=t.painter;return e<0||e>i.getWidth()||n<0||n>i.getHeight()}z(["click","mousedown","mouseup","mousewheel","dblclick","contextmenu"],(function(t){tn.prototype[t]=function(e){var n,i,r=e.zrX,o=e.zrY,a=rn(this,r,o);if("mouseup"===t&&a||(i=(n=this.findHover(r,o)).target),"mousedown"===t)this._downEl=i,this._downPoint=[e.zrX,e.zrY],this._upEl=i;else if("mouseup"===t)this._upEl=i;else if("click"===t){if(this._downEl!==this._upEl||!this._downPoint||Vt(this._downPoint,[e.zrX,e.zrY])>4)return;this._downPoint=null}this.dispatchToElement(n,t,e)}}));function on(t,e,n,i){var r=e+1;if(r===n)return 1;if(i(t[r++],t[e])<0){for(;r<n&&i(t[r],t[r-1])<0;)r++;!function(t,e,n){n--;for(;e<n;){var i=t[e];t[e++]=t[n],t[n--]=i}}(t,e,r)}else for(;r<n&&i(t[r],t[r-1])>=0;)r++;return r-e}function an(t,e,n,i,r){for(i===e&&i++;i<n;i++){for(var o,a=t[i],s=e,l=i;s<l;)r(a,t[o=s+l>>>1])<0?l=o:s=o+1;var u=i-s;switch(u){case 3:t[s+3]=t[s+2];case 2:t[s+2]=t[s+1];case 1:t[s+1]=t[s];break;default:for(;u>0;)t[s+u]=t[s+u-1],u--}t[s]=a}}function sn(t,e,n,i,r,o){var a=0,s=0,l=1;if(o(t,e[n+r])>0){for(s=i-r;l<s&&o(t,e[n+r+l])>0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s),a+=r,l+=r}else{for(s=r+1;l<s&&o(t,e[n+r-l])<=0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s);var u=a;a=r-l,l=r-u}for(a++;a<l;){var c=a+(l-a>>>1);o(t,e[n+c])>0?a=c+1:l=c}return l}function ln(t,e,n,i,r,o){var a=0,s=0,l=1;if(o(t,e[n+r])<0){for(s=r+1;l<s&&o(t,e[n+r-l])<0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s);var u=a;a=r-l,l=r-u}else{for(s=i-r;l<s&&o(t,e[n+r+l])>=0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s),a+=r,l+=r}for(a++;a<l;){var c=a+(l-a>>>1);o(t,e[n+c])<0?l=c:a=c+1}return l}function un(t,e){var n,i,r=7,o=0,a=[];function s(s){var l=n[s],u=i[s],c=n[s+1],h=i[s+1];i[s]=u+h,s===o-3&&(n[s+1]=n[s+2],i[s+1]=i[s+2]),o--;var d=ln(t[c],t,l,u,0,e);l+=d,0!==(u-=d)&&0!==(h=sn(t[l+u-1],t,c,h,h-1,e))&&(u<=h?function(n,i,o,s){var l=0;for(l=0;l<i;l++)a[l]=t[n+l];var u=0,c=o,h=n;if(t[h++]=t[c++],0==--s){for(l=0;l<i;l++)t[h+l]=a[u+l];return}if(1===i){for(l=0;l<s;l++)t[h+l]=t[c+l];return void(t[h+s]=a[u])}var d,p,f,g=r;for(;;){d=0,p=0,f=!1;do{if(e(t[c],a[u])<0){if(t[h++]=t[c++],p++,d=0,0==--s){f=!0;break}}else if(t[h++]=a[u++],d++,p=0,1==--i){f=!0;break}}while((d|p)<g);if(f)break;do{if(0!==(d=ln(t[c],a,u,i,0,e))){for(l=0;l<d;l++)t[h+l]=a[u+l];if(h+=d,u+=d,(i-=d)<=1){f=!0;break}}if(t[h++]=t[c++],0==--s){f=!0;break}if(0!==(p=sn(a[u],t,c,s,0,e))){for(l=0;l<p;l++)t[h+l]=t[c+l];if(h+=p,c+=p,0===(s-=p)){f=!0;break}}if(t[h++]=a[u++],1==--i){f=!0;break}g--}while(d>=7||p>=7);if(f)break;g<0&&(g=0),g+=2}if((r=g)<1&&(r=1),1===i){for(l=0;l<s;l++)t[h+l]=t[c+l];t[h+s]=a[u]}else{if(0===i)throw new Error;for(l=0;l<i;l++)t[h+l]=a[u+l]}}(l,u,c,h):function(n,i,o,s){var l=0;for(l=0;l<s;l++)a[l]=t[o+l];var u=n+i-1,c=s-1,h=o+s-1,d=0,p=0;if(t[h--]=t[u--],0==--i){for(d=h-(s-1),l=0;l<s;l++)t[d+l]=a[l];return}if(1===s){for(p=(h-=i)+1,d=(u-=i)+1,l=i-1;l>=0;l--)t[p+l]=t[d+l];return void(t[h]=a[c])}var f=r;for(;;){var g=0,y=0,v=!1;do{if(e(a[c],t[u])<0){if(t[h--]=t[u--],g++,y=0,0==--i){v=!0;break}}else if(t[h--]=a[c--],y++,g=0,1==--s){v=!0;break}}while((g|y)<f);if(v)break;do{if(0!==(g=i-ln(a[c],t,n,i,i-1,e))){for(i-=g,p=(h-=g)+1,d=(u-=g)+1,l=g-1;l>=0;l--)t[p+l]=t[d+l];if(0===i){v=!0;break}}if(t[h--]=a[c--],1==--s){v=!0;break}if(0!==(y=s-sn(t[u],a,0,s,s-1,e))){for(s-=y,p=(h-=y)+1,d=(c-=y)+1,l=0;l<y;l++)t[p+l]=a[d+l];if(s<=1){v=!0;break}}if(t[h--]=t[u--],0==--i){v=!0;break}f--}while(g>=7||y>=7);if(v)break;f<0&&(f=0),f+=2}(r=f)<1&&(r=1);if(1===s){for(p=(h-=i)+1,d=(u-=i)+1,l=i-1;l>=0;l--)t[p+l]=t[d+l];t[h]=a[c]}else{if(0===s)throw new Error;for(d=h-(s-1),l=0;l<s;l++)t[d+l]=a[l]}}(l,u,c,h))}return n=[],i=[],{mergeRuns:function(){for(;o>1;){var t=o-2;if(t>=1&&i[t-1]<=i[t]+i[t+1]||t>=2&&i[t-2]<=i[t]+i[t-1])i[t-1]<i[t+1]&&t--;else if(i[t]>i[t+1])break;s(t)}},forceMergeRuns:function(){for(;o>1;){var t=o-2;t>0&&i[t-1]<i[t+1]&&t--,s(t)}},pushRun:function(t,e){n[o]=t,i[o]=e,o+=1}}}function cn(t,e,n,i){n||(n=0),i||(i=t.length);var r=i-n;if(!(r<2)){var o=0;if(r<32)an(t,n,i,n+(o=on(t,n,i,e)),e);else{var a=un(t,e),s=function(t){for(var e=0;t>=32;)e|=1&t,t>>=1;return t+e}(r);do{if((o=on(t,n,i,e))<s){var l=r;l>s&&(l=s),an(t,n,n+l,n+o,e),o=l}a.pushRun(n,o),a.mergeRuns(),r-=o,n+=o}while(0!==r);a.forceMergeRuns()}}}var hn=!1;function dn(){hn||(hn=!0,console.warn("z / z2 / zlevel of displayable is invalid, which may cause unexpected errors"))}function pn(t,e){return t.zlevel===e.zlevel?t.z===e.z?t.z2-e.z2:t.z-e.z:t.zlevel-e.zlevel}var fn=function(){function t(){this._roots=[],this._displayList=[],this._displayListLen=0,this.displayableSortFunc=pn}return t.prototype.traverse=function(t,e){for(var n=0;n<this._roots.length;n++)this._roots[n].traverse(t,e)},t.prototype.getDisplayList=function(t,e){e=e||!1;var n=this._displayList;return!t&&n.length||this.updateDisplayList(e),n},t.prototype.updateDisplayList=function(t){this._displayListLen=0;for(var e=this._roots,n=this._displayList,i=0,r=e.length;i<r;i++)this._updateAndAddDisplayable(e[i],null,t);n.length=this._displayListLen,cn(n,pn)},t.prototype._updateAndAddDisplayable=function(t,e,n){if(!t.ignore||n){t.beforeUpdate(),t.update(),t.afterUpdate();var i=t.getClipPath(),r=e&&e.length,o=0,a=t.__clipPaths;if(!t.ignoreClip&&(r||i)){if(a||(a=t.__clipPaths=[]),r)for(var s=0;s<e.length;s++)a[o++]=e[s];for(var l=i,u=t;l;)l.parent=u,l.updateTransform(),a[o++]=l,u=l,l=l.getClipPath()}if(a&&(a.length=o),t.childrenRef){for(var c=t.childrenRef(),h=0;h<c.length;h++){var d=c[h];t.__dirty&&(d.__dirty|=1),this._updateAndAddDisplayable(d,a,n)}t.__dirty=0}else{var p=t;isNaN(p.z)&&(dn(),p.z=0),isNaN(p.z2)&&(dn(),p.z2=0),isNaN(p.zlevel)&&(dn(),p.zlevel=0),this._displayList[this._displayListLen++]=p}var f=t.getDecalElement&&t.getDecalElement();f&&this._updateAndAddDisplayable(f,a,n);var g=t.getTextGuideLine();g&&this._updateAndAddDisplayable(g,a,n);var y=t.getTextContent();y&&this._updateAndAddDisplayable(y,a,n)}},t.prototype.addRoot=function(t){t.__zr&&t.__zr.storage===this||this._roots.push(t)},t.prototype.delRoot=function(t){if(t instanceof Array)for(var e=0,n=t.length;e<n;e++)this.delRoot(t[e]);else{var i=P(this._roots,t);i>=0&&this._roots.splice(i,1)}},t.prototype.delAllRoots=function(){this._roots=[],this._displayList=[],this._displayListLen=0},t.prototype.getRoots=function(){return this._roots},t.prototype.dispose=function(){this._displayList=null,this._roots=null},t}(),gn=r.hasGlobalWindow&&(window.requestAnimationFrame&&window.requestAnimationFrame.bind(window)||window.msRequestAnimationFrame&&window.msRequestAnimationFrame.bind(window)||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame)||function(t){return setTimeout(t,16)},yn={linear:function(t){return t},quadraticIn:function(t){return t*t},quadraticOut:function(t){return t*(2-t)},quadraticInOut:function(t){return(t*=2)<1?.5*t*t:-.5*(--t*(t-2)-1)},cubicIn:function(t){return t*t*t},cubicOut:function(t){return--t*t*t+1},cubicInOut:function(t){return(t*=2)<1?.5*t*t*t:.5*((t-=2)*t*t+2)},quarticIn:function(t){return t*t*t*t},quarticOut:function(t){return 1- --t*t*t*t},quarticInOut:function(t){return(t*=2)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)},quinticIn:function(t){return t*t*t*t*t},quinticOut:function(t){return--t*t*t*t*t+1},quinticInOut:function(t){return(t*=2)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)},sinusoidalIn:function(t){return 1-Math.cos(t*Math.PI/2)},sinusoidalOut:function(t){return Math.sin(t*Math.PI/2)},sinusoidalInOut:function(t){return.5*(1-Math.cos(Math.PI*t))},exponentialIn:function(t){return 0===t?0:Math.pow(1024,t-1)},exponentialOut:function(t){return 1===t?1:1-Math.pow(2,-10*t)},exponentialInOut:function(t){return 0===t?0:1===t?1:(t*=2)<1?.5*Math.pow(1024,t-1):.5*(2-Math.pow(2,-10*(t-1)))},circularIn:function(t){return 1-Math.sqrt(1-t*t)},circularOut:function(t){return Math.sqrt(1- --t*t)},circularInOut:function(t){return(t*=2)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},elasticIn:function(t){var e,n=.1;return 0===t?0:1===t?1:(!n||n<1?(n=1,e=.1):e=.4*Math.asin(1/n)/(2*Math.PI),-n*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/.4))},elasticOut:function(t){var e,n=.1;return 0===t?0:1===t?1:(!n||n<1?(n=1,e=.1):e=.4*Math.asin(1/n)/(2*Math.PI),n*Math.pow(2,-10*t)*Math.sin((t-e)*(2*Math.PI)/.4)+1)},elasticInOut:function(t){var e,n=.1,i=.4;return 0===t?0:1===t?1:(!n||n<1?(n=1,e=.1):e=i*Math.asin(1/n)/(2*Math.PI),(t*=2)<1?n*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/i)*-.5:n*Math.pow(2,-10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/i)*.5+1)},backIn:function(t){var e=1.70158;return t*t*((e+1)*t-e)},backOut:function(t){var e=1.70158;return--t*t*((e+1)*t+e)+1},backInOut:function(t){var e=2.5949095;return(t*=2)<1?t*t*((e+1)*t-e)*.5:.5*((t-=2)*t*((e+1)*t+e)+2)},bounceIn:function(t){return 1-yn.bounceOut(1-t)},bounceOut:function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},bounceInOut:function(t){return t<.5?.5*yn.bounceIn(2*t):.5*yn.bounceOut(2*t-1)+.5}},vn=Math.pow,mn=Math.sqrt,xn=1e-8,_n=1e-4,bn=mn(3),wn=1/3,Sn=It(),Mn=It(),In=It();function Tn(t){return t>-1e-8&&t<xn}function Cn(t){return t>xn||t<-1e-8}function Dn(t,e,n,i,r){var o=1-r;return o*o*(o*t+3*r*e)+r*r*(r*i+3*o*n)}function An(t,e,n,i,r){var o=1-r;return 3*(((e-t)*o+2*(n-e)*r)*o+(i-n)*r*r)}function kn(t,e,n,i,r,o){var a=i+3*(e-n)-t,s=3*(n-2*e+t),l=3*(e-t),u=t-r,c=s*s-3*a*l,h=s*l-9*a*u,d=l*l-3*s*u,p=0;if(Tn(c)&&Tn(h)){if(Tn(s))o[0]=0;else(M=-l/s)>=0&&M<=1&&(o[p++]=M)}else{var f=h*h-4*c*d;if(Tn(f)){var g=h/c,y=-g/2;(M=-s/a+g)>=0&&M<=1&&(o[p++]=M),y>=0&&y<=1&&(o[p++]=y)}else if(f>0){var v=mn(f),m=c*s+1.5*a*(-h+v),x=c*s+1.5*a*(-h-v);(M=(-s-((m=m<0?-vn(-m,wn):vn(m,wn))+(x=x<0?-vn(-x,wn):vn(x,wn))))/(3*a))>=0&&M<=1&&(o[p++]=M)}else{var _=(2*c*s-3*a*h)/(2*mn(c*c*c)),b=Math.acos(_)/3,w=mn(c),S=Math.cos(b),M=(-s-2*w*S)/(3*a),I=(y=(-s+w*(S+bn*Math.sin(b)))/(3*a),(-s+w*(S-bn*Math.sin(b)))/(3*a));M>=0&&M<=1&&(o[p++]=M),y>=0&&y<=1&&(o[p++]=y),I>=0&&I<=1&&(o[p++]=I)}}return p}function Ln(t,e,n,i,r){var o=6*n-12*e+6*t,a=9*e+3*i-3*t-9*n,s=3*e-3*t,l=0;if(Tn(a)){if(Cn(o))(c=-s/o)>=0&&c<=1&&(r[l++]=c)}else{var u=o*o-4*a*s;if(Tn(u))r[0]=-o/(2*a);else if(u>0){var c,h=mn(u),d=(-o-h)/(2*a);(c=(-o+h)/(2*a))>=0&&c<=1&&(r[l++]=c),d>=0&&d<=1&&(r[l++]=d)}}return l}function Pn(t,e,n,i,r,o){var a=(e-t)*r+t,s=(n-e)*r+e,l=(i-n)*r+n,u=(s-a)*r+a,c=(l-s)*r+s,h=(c-u)*r+u;o[0]=t,o[1]=a,o[2]=u,o[3]=h,o[4]=h,o[5]=c,o[6]=l,o[7]=i}function On(t,e,n,i,r,o,a,s,l,u,c){var h,d,p,f,g,y=.005,v=1/0;Sn[0]=l,Sn[1]=u;for(var m=0;m<1;m+=.05)Mn[0]=Dn(t,n,r,a,m),Mn[1]=Dn(e,i,o,s,m),(f=Ft(Sn,Mn))<v&&(h=m,v=f);v=1/0;for(var x=0;x<32&&!(y<_n);x++)d=h-y,p=h+y,Mn[0]=Dn(t,n,r,a,d),Mn[1]=Dn(e,i,o,s,d),f=Ft(Mn,Sn),d>=0&&f<v?(h=d,v=f):(In[0]=Dn(t,n,r,a,p),In[1]=Dn(e,i,o,s,p),g=Ft(In,Sn),p<=1&&g<v?(h=p,v=g):y*=.5);return c&&(c[0]=Dn(t,n,r,a,h),c[1]=Dn(e,i,o,s,h)),mn(v)}function Rn(t,e,n,i,r,o,a,s,l){for(var u=t,c=e,h=0,d=1/l,p=1;p<=l;p++){var f=p*d,g=Dn(t,n,r,a,f),y=Dn(e,i,o,s,f),v=g-u,m=y-c;h+=Math.sqrt(v*v+m*m),u=g,c=y}return h}function Nn(t,e,n,i){var r=1-i;return r*(r*t+2*i*e)+i*i*n}function zn(t,e,n,i){return 2*((1-i)*(e-t)+i*(n-e))}function En(t,e,n){var i=t+n-2*e;return 0===i?.5:(t-e)/i}function Bn(t,e,n,i,r){var o=(e-t)*i+t,a=(n-e)*i+e,s=(a-o)*i+o;r[0]=t,r[1]=o,r[2]=s,r[3]=s,r[4]=a,r[5]=n}function Vn(t,e,n,i,r,o,a,s,l){var u,c=.005,h=1/0;Sn[0]=a,Sn[1]=s;for(var d=0;d<1;d+=.05){Mn[0]=Nn(t,n,r,d),Mn[1]=Nn(e,i,o,d),(y=Ft(Sn,Mn))<h&&(u=d,h=y)}h=1/0;for(var p=0;p<32&&!(c<_n);p++){var f=u-c,g=u+c;Mn[0]=Nn(t,n,r,f),Mn[1]=Nn(e,i,o,f);var y=Ft(Mn,Sn);if(f>=0&&y<h)u=f,h=y;else{In[0]=Nn(t,n,r,g),In[1]=Nn(e,i,o,g);var v=Ft(In,Sn);g<=1&&v<h?(u=g,h=v):c*=.5}}return l&&(l[0]=Nn(t,n,r,u),l[1]=Nn(e,i,o,u)),mn(h)}function Gn(t,e,n,i,r,o,a){for(var s=t,l=e,u=0,c=1/a,h=1;h<=a;h++){var d=h*c,p=Nn(t,n,r,d),f=Nn(e,i,o,d),g=p-s,y=f-l;u+=Math.sqrt(g*g+y*y),s=p,l=f}return u}var Fn=/cubic-bezier\(([0-9,\.e ]+)\)/;function Wn(t){var e=t&&Fn.exec(t);if(e){var n=e[1].split(","),i=+ut(n[0]),r=+ut(n[1]),o=+ut(n[2]),a=+ut(n[3]);if(isNaN(i+r+o+a))return;var s=[];return function(t){return t<=0?0:t>=1?1:kn(0,i,o,1,t,s)&&Dn(0,r,a,1,s[0])}}}var Hn=function(){function t(t){this._inited=!1,this._startTime=0,this._pausedTime=0,this._paused=!1,this._life=t.life||1e3,this._delay=t.delay||0,this.loop=t.loop||!1,this.onframe=t.onframe||bt,this.ondestroy=t.ondestroy||bt,this.onrestart=t.onrestart||bt,t.easing&&this.setEasing(t.easing)}return t.prototype.step=function(t,e){if(this._inited||(this._startTime=t+this._delay,this._inited=!0),!this._paused){var n=this._life,i=t-this._startTime-this._pausedTime,r=i/n;r<0&&(r=0),r=Math.min(r,1);var o=this.easingFunc,a=o?o(r):r;if(this.onframe(a),1===r){if(!this.loop)return!0;var s=i%n;this._startTime=t-s,this._pausedTime=0,this.onrestart()}return!1}this._pausedTime+=e},t.prototype.pause=function(){this._paused=!0},t.prototype.resume=function(){this._paused=!1},t.prototype.setEasing=function(t){this.easing=t,this.easingFunc=Y(t)?t:yn[t]||Wn(t)},t}(),Un=function(t){this.value=t},Yn=function(){function t(){this._len=0}return t.prototype.insert=function(t){var e=new Un(t);return this.insertEntry(e),e},t.prototype.insertEntry=function(t){this.head?(this.tail.next=t,t.prev=this.tail,t.next=null,this.tail=t):this.head=this.tail=t,this._len++},t.prototype.remove=function(t){var e=t.prev,n=t.next;e?e.next=n:this.head=n,n?n.prev=e:this.tail=e,t.next=t.prev=null,this._len--},t.prototype.len=function(){return this._len},t.prototype.clear=function(){this.head=this.tail=null,this._len=0},t}(),Xn=function(){function t(t){this._list=new Yn,this._maxSize=10,this._map={},this._maxSize=t}return t.prototype.put=function(t,e){var n=this._list,i=this._map,r=null;if(null==i[t]){var o=n.len(),a=this._lastRemovedEntry;if(o>=this._maxSize&&o>0){var s=n.head;n.remove(s),delete i[s.key],r=s.value,this._lastRemovedEntry=s}a?a.value=e:a=new Un(e),a.key=t,n.insertEntry(a),i[t]=a}return r},t.prototype.get=function(t){var e=this._map[t],n=this._list;if(null!=e)return e!==n.tail&&(n.remove(e),n.insertEntry(e)),e.value},t.prototype.clear=function(){this._list.clear(),this._map={}},t.prototype.len=function(){return this._list.len()},t}(),Zn={transparent:[0,0,0,0],aliceblue:[240,248,255,1],antiquewhite:[250,235,215,1],aqua:[0,255,255,1],aquamarine:[127,255,212,1],azure:[240,255,255,1],beige:[245,245,220,1],bisque:[255,228,196,1],black:[0,0,0,1],blanchedalmond:[255,235,205,1],blue:[0,0,255,1],blueviolet:[138,43,226,1],brown:[165,42,42,1],burlywood:[222,184,135,1],cadetblue:[95,158,160,1],chartreuse:[127,255,0,1],chocolate:[210,105,30,1],coral:[255,127,80,1],cornflowerblue:[100,149,237,1],cornsilk:[255,248,220,1],crimson:[220,20,60,1],cyan:[0,255,255,1],darkblue:[0,0,139,1],darkcyan:[0,139,139,1],darkgoldenrod:[184,134,11,1],darkgray:[169,169,169,1],darkgreen:[0,100,0,1],darkgrey:[169,169,169,1],darkkhaki:[189,183,107,1],darkmagenta:[139,0,139,1],darkolivegreen:[85,107,47,1],darkorange:[255,140,0,1],darkorchid:[153,50,204,1],darkred:[139,0,0,1],darksalmon:[233,150,122,1],darkseagreen:[143,188,143,1],darkslateblue:[72,61,139,1],darkslategray:[47,79,79,1],darkslategrey:[47,79,79,1],darkturquoise:[0,206,209,1],darkviolet:[148,0,211,1],deeppink:[255,20,147,1],deepskyblue:[0,191,255,1],dimgray:[105,105,105,1],dimgrey:[105,105,105,1],dodgerblue:[30,144,255,1],firebrick:[178,34,34,1],floralwhite:[255,250,240,1],forestgreen:[34,139,34,1],fuchsia:[255,0,255,1],gainsboro:[220,220,220,1],ghostwhite:[248,248,255,1],gold:[255,215,0,1],goldenrod:[218,165,32,1],gray:[128,128,128,1],green:[0,128,0,1],greenyellow:[173,255,47,1],grey:[128,128,128,1],honeydew:[240,255,240,1],hotpink:[255,105,180,1],indianred:[205,92,92,1],indigo:[75,0,130,1],ivory:[255,255,240,1],khaki:[240,230,140,1],lavender:[230,230,250,1],lavenderblush:[255,240,245,1],lawngreen:[124,252,0,1],lemonchiffon:[255,250,205,1],lightblue:[173,216,230,1],lightcoral:[240,128,128,1],lightcyan:[224,255,255,1],lightgoldenrodyellow:[250,250,210,1],lightgray:[211,211,211,1],lightgreen:[144,238,144,1],lightgrey:[211,211,211,1],lightpink:[255,182,193,1],lightsalmon:[255,160,122,1],lightseagreen:[32,178,170,1],lightskyblue:[135,206,250,1],lightslategray:[119,136,153,1],lightslategrey:[119,136,153,1],lightsteelblue:[176,196,222,1],lightyellow:[255,255,224,1],lime:[0,255,0,1],limegreen:[50,205,50,1],linen:[250,240,230,1],magenta:[255,0,255,1],maroon:[128,0,0,1],mediumaquamarine:[102,205,170,1],mediumblue:[0,0,205,1],mediumorchid:[186,85,211,1],mediumpurple:[147,112,219,1],mediumseagreen:[60,179,113,1],mediumslateblue:[123,104,238,1],mediumspringgreen:[0,250,154,1],mediumturquoise:[72,209,204,1],mediumvioletred:[199,21,133,1],midnightblue:[25,25,112,1],mintcream:[245,255,250,1],mistyrose:[255,228,225,1],moccasin:[255,228,181,1],navajowhite:[255,222,173,1],navy:[0,0,128,1],oldlace:[253,245,230,1],olive:[128,128,0,1],olivedrab:[107,142,35,1],orange:[255,165,0,1],orangered:[255,69,0,1],orchid:[218,112,214,1],palegoldenrod:[238,232,170,1],palegreen:[152,251,152,1],paleturquoise:[175,238,238,1],palevioletred:[219,112,147,1],papayawhip:[255,239,213,1],peachpuff:[255,218,185,1],peru:[205,133,63,1],pink:[255,192,203,1],plum:[221,160,221,1],powderblue:[176,224,230,1],purple:[128,0,128,1],red:[255,0,0,1],rosybrown:[188,143,143,1],royalblue:[65,105,225,1],saddlebrown:[139,69,19,1],salmon:[250,128,114,1],sandybrown:[244,164,96,1],seagreen:[46,139,87,1],seashell:[255,245,238,1],sienna:[160,82,45,1],silver:[192,192,192,1],skyblue:[135,206,235,1],slateblue:[106,90,205,1],slategray:[112,128,144,1],slategrey:[112,128,144,1],snow:[255,250,250,1],springgreen:[0,255,127,1],steelblue:[70,130,180,1],tan:[210,180,140,1],teal:[0,128,128,1],thistle:[216,191,216,1],tomato:[255,99,71,1],turquoise:[64,224,208,1],violet:[238,130,238,1],wheat:[245,222,179,1],white:[255,255,255,1],whitesmoke:[245,245,245,1],yellow:[255,255,0,1],yellowgreen:[154,205,50,1]};function jn(t){return(t=Math.round(t))<0?0:t>255?255:t}function qn(t){return t<0?0:t>1?1:t}function Kn(t){var e=t;return e.length&&"%"===e.charAt(e.length-1)?jn(parseFloat(e)/100*255):jn(parseInt(e,10))}function $n(t){var e=t;return e.length&&"%"===e.charAt(e.length-1)?qn(parseFloat(e)/100):qn(parseFloat(e))}function Jn(t,e,n){return n<0?n+=1:n>1&&(n-=1),6*n<1?t+(e-t)*n*6:2*n<1?e:3*n<2?t+(e-t)*(2/3-n)*6:t}function Qn(t,e,n){return t+(e-t)*n}function ti(t,e,n,i,r){return t[0]=e,t[1]=n,t[2]=i,t[3]=r,t}function ei(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t}var ni=new Xn(20),ii=null;function ri(t,e){ii&&ei(ii,e),ii=ni.put(t,ii||e.slice())}function oi(t,e){if(t){e=e||[];var n=ni.get(t);if(n)return ei(e,n);var i=(t+="").replace(/ /g,"").toLowerCase();if(i in Zn)return ei(e,Zn[i]),ri(t,e),e;var r,o=i.length;if("#"===i.charAt(0))return 4===o||5===o?(r=parseInt(i.slice(1,4),16))>=0&&r<=4095?(ti(e,(3840&r)>>4|(3840&r)>>8,240&r|(240&r)>>4,15&r|(15&r)<<4,5===o?parseInt(i.slice(4),16)/15:1),ri(t,e),e):void ti(e,0,0,0,1):7===o||9===o?(r=parseInt(i.slice(1,7),16))>=0&&r<=16777215?(ti(e,(16711680&r)>>16,(65280&r)>>8,255&r,9===o?parseInt(i.slice(7),16)/255:1),ri(t,e),e):void ti(e,0,0,0,1):void 0;var a=i.indexOf("("),s=i.indexOf(")");if(-1!==a&&s+1===o){var l=i.substr(0,a),u=i.substr(a+1,s-(a+1)).split(","),c=1;switch(l){case"rgba":if(4!==u.length)return 3===u.length?ti(e,+u[0],+u[1],+u[2],1):ti(e,0,0,0,1);c=$n(u.pop());case"rgb":return u.length>=3?(ti(e,Kn(u[0]),Kn(u[1]),Kn(u[2]),3===u.length?c:$n(u[3])),ri(t,e),e):void ti(e,0,0,0,1);case"hsla":return 4!==u.length?void ti(e,0,0,0,1):(u[3]=$n(u[3]),ai(u,e),ri(t,e),e);case"hsl":return 3!==u.length?void ti(e,0,0,0,1):(ai(u,e),ri(t,e),e);default:return}}ti(e,0,0,0,1)}}function ai(t,e){var n=(parseFloat(t[0])%360+360)%360/360,i=$n(t[1]),r=$n(t[2]),o=r<=.5?r*(i+1):r+i-r*i,a=2*r-o;return ti(e=e||[],jn(255*Jn(a,o,n+1/3)),jn(255*Jn(a,o,n)),jn(255*Jn(a,o,n-1/3)),1),4===t.length&&(e[3]=t[3]),e}function si(t,e){var n=oi(t);if(n){for(var i=0;i<3;i++)n[i]=e<0?n[i]*(1-e)|0:(255-n[i])*e+n[i]|0,n[i]>255?n[i]=255:n[i]<0&&(n[i]=0);return fi(n,4===n.length?"rgba":"rgb")}}function li(t,e,n){if(e&&e.length&&t>=0&&t<=1){n=n||[];var i=t*(e.length-1),r=Math.floor(i),o=Math.ceil(i),a=e[r],s=e[o],l=i-r;return n[0]=jn(Qn(a[0],s[0],l)),n[1]=jn(Qn(a[1],s[1],l)),n[2]=jn(Qn(a[2],s[2],l)),n[3]=qn(Qn(a[3],s[3],l)),n}}var ui=li;function ci(t,e,n){if(e&&e.length&&t>=0&&t<=1){var i=t*(e.length-1),r=Math.floor(i),o=Math.ceil(i),a=oi(e[r]),s=oi(e[o]),l=i-r,u=fi([jn(Qn(a[0],s[0],l)),jn(Qn(a[1],s[1],l)),jn(Qn(a[2],s[2],l)),qn(Qn(a[3],s[3],l))],"rgba");return n?{color:u,leftIndex:r,rightIndex:o,value:i}:u}}var hi=ci;function di(t,e,n,i){var r=oi(t);if(t)return r=function(t){if(t){var e,n,i=t[0]/255,r=t[1]/255,o=t[2]/255,a=Math.min(i,r,o),s=Math.max(i,r,o),l=s-a,u=(s+a)/2;if(0===l)e=0,n=0;else{n=u<.5?l/(s+a):l/(2-s-a);var c=((s-i)/6+l/2)/l,h=((s-r)/6+l/2)/l,d=((s-o)/6+l/2)/l;i===s?e=d-h:r===s?e=1/3+c-d:o===s&&(e=2/3+h-c),e<0&&(e+=1),e>1&&(e-=1)}var p=[360*e,n,u];return null!=t[3]&&p.push(t[3]),p}}(r),null!=e&&(r[0]=function(t){return(t=Math.round(t))<0?0:t>360?360:t}(Y(e)?e(r[0]):e)),null!=n&&(r[1]=$n(Y(n)?n(r[1]):n)),null!=i&&(r[2]=$n(Y(i)?i(r[2]):i)),fi(ai(r),"rgba")}function pi(t,e){var n=oi(t);if(n&&null!=e)return n[3]=qn(e),fi(n,"rgba")}function fi(t,e){if(t&&t.length){var n=t[0]+","+t[1]+","+t[2];return"rgba"!==e&&"hsva"!==e&&"hsla"!==e||(n+=","+t[3]),e+"("+n+")"}}function gi(t,e){var n=oi(t);return n?(.299*n[0]+.587*n[1]+.114*n[2])*n[3]/255+(1-n[3])*e:0}var yi=new Xn(100);function vi(t){if(X(t)){var e=yi.get(t);return e||(e=si(t,-.1),yi.put(t,e)),e}if(Q(t)){var n=A({},t);return n.colorStops=E(t.colorStops,(function(t){return{offset:t.offset,color:si(t.color,-.1)}})),n}return t}var mi=Object.freeze({__proto__:null,parseCssInt:Kn,parseCssFloat:$n,parse:oi,lift:si,toHex:function(t){var e=oi(t);if(e)return((1<<24)+(e[0]<<16)+(e[1]<<8)+ +e[2]).toString(16).slice(1)},fastLerp:li,fastMapToColor:ui,lerp:ci,mapToColor:hi,modifyHSL:di,modifyAlpha:pi,stringify:fi,lum:gi,random:function(){return fi([Math.round(255*Math.random()),Math.round(255*Math.random()),Math.round(255*Math.random())],"rgb")},liftColor:vi}),xi=Math.round;function _i(t){var e;if(t&&"transparent"!==t){if("string"==typeof t&&t.indexOf("rgba")>-1){var n=oi(t);n&&(t="rgb("+n[0]+","+n[1]+","+n[2]+")",e=n[3])}}else t="none";return{color:t,opacity:null==e?1:e}}var bi=1e-4;function wi(t){return t<bi&&t>-1e-4}function Si(t){return xi(1e3*t)/1e3}function Mi(t){return xi(1e4*t)/1e4}var Ii={left:"start",right:"end",center:"middle",middle:"middle"};function Ti(t){return t&&!!t.image}function Ci(t){return Ti(t)||function(t){return t&&!!t.svgElement}(t)}function Di(t){return"linear"===t.type}function Ai(t){return"radial"===t.type}function ki(t){return t&&("linear"===t.type||"radial"===t.type)}function Li(t){return"url(#"+t+")"}function Pi(t){var e=t.getGlobalScale(),n=Math.max(e[0],e[1]);return Math.max(Math.ceil(Math.log(n)/Math.log(10)),1)}function Oi(t){var e=t.x||0,n=t.y||0,i=(t.rotation||0)*wt,r=rt(t.scaleX,1),o=rt(t.scaleY,1),a=t.skewX||0,s=t.skewY||0,l=[];return(e||n)&&l.push("translate("+e+"px,"+n+"px)"),i&&l.push("rotate("+i+")"),1===r&&1===o||l.push("scale("+r+","+o+")"),(a||s)&&l.push("skew("+xi(a*wt)+"deg, "+xi(s*wt)+"deg)"),l.join(" ")}var Ri=r.hasGlobalWindow&&Y(window.btoa)?function(t){return window.btoa(unescape(encodeURIComponent(t)))}:"undefined"!=typeof Buffer?function(t){return Buffer.from(t).toString("base64")}:function(t){return null},Ni=Array.prototype.slice;function zi(t,e,n){return(e-t)*n+t}function Ei(t,e,n,i){for(var r=e.length,o=0;o<r;o++)t[o]=zi(e[o],n[o],i);return t}function Bi(t,e,n,i){for(var r=e.length,o=0;o<r;o++)t[o]=e[o]+n[o]*i;return t}function Vi(t,e,n,i){for(var r=e.length,o=r&&e[0].length,a=0;a<r;a++){t[a]||(t[a]=[]);for(var s=0;s<o;s++)t[a][s]=e[a][s]+n[a][s]*i}return t}function Gi(t,e){for(var n=t.length,i=e.length,r=n>i?e:t,o=Math.min(n,i),a=r[o-1]||{color:[0,0,0,0],offset:0},s=o;s<Math.max(n,i);s++)r.push({offset:a.offset,color:a.color.slice()})}function Fi(t,e,n){var i=t,r=e;if(i.push&&r.push){var o=i.length,a=r.length;if(o!==a)if(o>a)i.length=a;else for(var s=o;s<a;s++)i.push(1===n?r[s]:Ni.call(r[s]));var l=i[0]&&i[0].length;for(s=0;s<i.length;s++)if(1===n)isNaN(i[s])&&(i[s]=r[s]);else for(var u=0;u<l;u++)isNaN(i[s][u])&&(i[s][u]=r[s][u])}}function Wi(t){if(N(t)){var e=t.length;if(N(t[0])){for(var n=[],i=0;i<e;i++)n.push(Ni.call(t[i]));return n}return Ni.call(t)}return t}function Hi(t){return t[0]=Math.floor(t[0])||0,t[1]=Math.floor(t[1])||0,t[2]=Math.floor(t[2])||0,t[3]=null==t[3]?1:t[3],"rgba("+t.join(",")+")"}function Ui(t){return 4===t||5===t}function Yi(t){return 1===t||2===t}var Xi=[0,0,0,0],Zi=function(){function t(t){this.keyframes=[],this.discrete=!1,this._invalid=!1,this._needsSort=!1,this._lastFr=0,this._lastFrP=0,this.propName=t}return t.prototype.isFinished=function(){return this._finished},t.prototype.setFinished=function(){this._finished=!0,this._additiveTrack&&this._additiveTrack.setFinished()},t.prototype.needsAnimate=function(){return this.keyframes.length>=1},t.prototype.getAdditiveTrack=function(){return this._additiveTrack},t.prototype.addKeyframe=function(t,e,n){this._needsSort=!0;var i=this.keyframes,r=i.length,o=!1,a=6,s=e;if(N(e)){var l=function(t){return N(t&&t[0])?2:1}(e);a=l,(1===l&&!j(e[0])||2===l&&!j(e[0][0]))&&(o=!0)}else if(j(e)&&!nt(e))a=0;else if(X(e))if(isNaN(+e)){var u=oi(e);u&&(s=u,a=3)}else a=0;else if(Q(e)){var c=A({},s);c.colorStops=E(e.colorStops,(function(t){return{offset:t.offset,color:oi(t.color)}})),Di(e)?a=4:Ai(e)&&(a=5),s=c}0===r?this.valType=a:a===this.valType&&6!==a||(o=!0),this.discrete=this.discrete||o;var h={time:t,value:s,rawValue:e,percent:0};return n&&(h.easing=n,h.easingFunc=Y(n)?n:yn[n]||Wn(n)),i.push(h),h},t.prototype.prepare=function(t,e){var n=this.keyframes;this._needsSort&&n.sort((function(t,e){return t.time-e.time}));for(var i=this.valType,r=n.length,o=n[r-1],a=this.discrete,s=Yi(i),l=Ui(i),u=0;u<r;u++){var c=n[u],h=c.value,d=o.value;c.percent=c.time/t,a||(s&&u!==r-1?Fi(h,d,i):l&&Gi(h.colorStops,d.colorStops))}if(!a&&5!==i&&e&&this.needsAnimate()&&e.needsAnimate()&&i===e.valType&&!e._finished){this._additiveTrack=e;var p=n[0].value;for(u=0;u<r;u++)0===i?n[u].additiveValue=n[u].value-p:3===i?n[u].additiveValue=Bi([],n[u].value,p,-1):Yi(i)&&(n[u].additiveValue=1===i?Bi([],n[u].value,p,-1):Vi([],n[u].value,p,-1))}},t.prototype.step=function(t,e){if(!this._finished){this._additiveTrack&&this._additiveTrack._finished&&(this._additiveTrack=null);var n,i,r,o=null!=this._additiveTrack,a=o?"additiveValue":"value",s=this.valType,l=this.keyframes,u=l.length,c=this.propName,h=3===s,d=this._lastFr,p=Math.min;if(1===u)i=r=l[0];else{if(e<0)n=0;else if(e<this._lastFrP){for(n=p(d+1,u-1);n>=0&&!(l[n].percent<=e);n--);n=p(n,u-2)}else{for(n=d;n<u&&!(l[n].percent>e);n++);n=p(n-1,u-2)}r=l[n+1],i=l[n]}if(i&&r){this._lastFr=n,this._lastFrP=e;var f=r.percent-i.percent,g=0===f?1:p((e-i.percent)/f,1);r.easingFunc&&(g=r.easingFunc(g));var y=o?this._additiveValue:h?Xi:t[c];if(!Yi(s)&&!h||y||(y=this._additiveValue=[]),this.discrete)t[c]=g<1?i.rawValue:r.rawValue;else if(Yi(s))1===s?Ei(y,i[a],r[a],g):function(t,e,n,i){for(var r=e.length,o=r&&e[0].length,a=0;a<r;a++){t[a]||(t[a]=[]);for(var s=0;s<o;s++)t[a][s]=zi(e[a][s],n[a][s],i)}}(y,i[a],r[a],g);else if(Ui(s)){var v=i[a],m=r[a],x=4===s;t[c]={type:x?"linear":"radial",x:zi(v.x,m.x,g),y:zi(v.y,m.y,g),colorStops:E(v.colorStops,(function(t,e){var n=m.colorStops[e];return{offset:zi(t.offset,n.offset,g),color:Hi(Ei([],t.color,n.color,g))}})),global:m.global},x?(t[c].x2=zi(v.x2,m.x2,g),t[c].y2=zi(v.y2,m.y2,g)):t[c].r=zi(v.r,m.r,g)}else if(h)Ei(y,i[a],r[a],g),o||(t[c]=Hi(y));else{var _=zi(i[a],r[a],g);o?this._additiveValue=_:t[c]=_}o&&this._addToTarget(t)}}},t.prototype._addToTarget=function(t){var e=this.valType,n=this.propName,i=this._additiveValue;0===e?t[n]=t[n]+i:3===e?(oi(t[n],Xi),Bi(Xi,Xi,i,1),t[n]=Hi(Xi)):1===e?Bi(t[n],t[n],i,1):2===e&&Vi(t[n],t[n],i,1)},t}(),ji=function(){function t(t,e,n,i){this._tracks={},this._trackKeys=[],this._maxTime=0,this._started=0,this._clip=null,this._target=t,this._loop=e,e&&i?I("Can' use additive animation on looped animation."):(this._additiveAnimators=i,this._allowDiscrete=n)}return t.prototype.getMaxTime=function(){return this._maxTime},t.prototype.getDelay=function(){return this._delay},t.prototype.getLoop=function(){return this._loop},t.prototype.getTarget=function(){return this._target},t.prototype.changeTarget=function(t){this._target=t},t.prototype.when=function(t,e,n){return this.whenWithKeys(t,e,F(e),n)},t.prototype.whenWithKeys=function(t,e,n,i){for(var r=this._tracks,o=0;o<n.length;o++){var a=n[o],s=r[a];if(!s){s=r[a]=new Zi(a);var l=void 0,u=this._getAdditiveTrack(a);if(u){var c=u.keyframes,h=c[c.length-1];l=h&&h.value,3===u.valType&&l&&(l=Hi(l))}else l=this._target[a];if(null==l)continue;t>0&&s.addKeyframe(0,Wi(l),i),this._trackKeys.push(a)}s.addKeyframe(t,Wi(e[a]),i)}return this._maxTime=Math.max(this._maxTime,t),this},t.prototype.pause=function(){this._clip.pause(),this._paused=!0},t.prototype.resume=function(){this._clip.resume(),this._paused=!1},t.prototype.isPaused=function(){return!!this._paused},t.prototype.duration=function(t){return this._maxTime=t,this._force=!0,this},t.prototype._doneCallback=function(){this._setTracksFinished(),this._clip=null;var t=this._doneCbs;if(t)for(var e=t.length,n=0;n<e;n++)t[n].call(this)},t.prototype._abortedCallback=function(){this._setTracksFinished();var t=this.animation,e=this._abortedCbs;if(t&&t.removeClip(this._clip),this._clip=null,e)for(var n=0;n<e.length;n++)e[n].call(this)},t.prototype._setTracksFinished=function(){for(var t=this._tracks,e=this._trackKeys,n=0;n<e.length;n++)t[e[n]].setFinished()},t.prototype._getAdditiveTrack=function(t){var e,n=this._additiveAnimators;if(n)for(var i=0;i<n.length;i++){var r=n[i].getTrack(t);r&&(e=r)}return e},t.prototype.start=function(t){if(!(this._started>0)){this._started=1;for(var e=this,n=[],i=this._maxTime||0,r=0;r<this._trackKeys.length;r++){var o=this._trackKeys[r],a=this._tracks[o],s=this._getAdditiveTrack(o),l=a.keyframes,u=l.length;if(a.prepare(i,s),a.needsAnimate())if(!this._allowDiscrete&&a.discrete){var c=l[u-1];c&&(e._target[a.propName]=c.rawValue),a.setFinished()}else n.push(a)}if(n.length||this._force){var h=new Hn({life:i,loop:this._loop,delay:this._delay||0,onframe:function(t){e._started=2;var i=e._additiveAnimators;if(i){for(var r=!1,o=0;o<i.length;o++)if(i[o]._clip){r=!0;break}r||(e._additiveAnimators=null)}for(o=0;o<n.length;o++)n[o].step(e._target,t);var a=e._onframeCbs;if(a)for(o=0;o<a.length;o++)a[o](e._target,t)},ondestroy:function(){e._doneCallback()}});this._clip=h,this.animation&&this.animation.addClip(h),t&&h.setEasing(t)}else this._doneCallback();return this}},t.prototype.stop=function(t){if(this._clip){var e=this._clip;t&&e.onframe(1),this._abortedCallback()}},t.prototype.delay=function(t){return this._delay=t,this},t.prototype.during=function(t){return t&&(this._onframeCbs||(this._onframeCbs=[]),this._onframeCbs.push(t)),this},t.prototype.done=function(t){return t&&(this._doneCbs||(this._doneCbs=[]),this._doneCbs.push(t)),this},t.prototype.aborted=function(t){return t&&(this._abortedCbs||(this._abortedCbs=[]),this._abortedCbs.push(t)),this},t.prototype.getClip=function(){return this._clip},t.prototype.getTrack=function(t){return this._tracks[t]},t.prototype.getTracks=function(){var t=this;return E(this._trackKeys,(function(e){return t._tracks[e]}))},t.prototype.stopTracks=function(t,e){if(!t.length||!this._clip)return!0;for(var n=this._tracks,i=this._trackKeys,r=0;r<t.length;r++){var o=n[t[r]];o&&!o.isFinished()&&(e?o.step(this._target,1):1===this._started&&o.step(this._target,0),o.setFinished())}var a=!0;for(r=0;r<i.length;r++)if(!n[i[r]].isFinished()){a=!1;break}return a&&this._abortedCallback(),a},t.prototype.saveTo=function(t,e,n){if(t){e=e||this._trackKeys;for(var i=0;i<e.length;i++){var r=e[i],o=this._tracks[r];if(o&&!o.isFinished()){var a=o.keyframes,s=a[n?0:a.length-1];s&&(t[r]=Wi(s.rawValue))}}}},t.prototype.__changeFinalValue=function(t,e){e=e||F(t);for(var n=0;n<e.length;n++){var i=e[n],r=this._tracks[i];if(r){var o=r.keyframes;if(o.length>1){var a=o.pop();r.addKeyframe(a.time,t[i]),r.prepare(this._maxTime,r.getAdditiveTrack())}}}},t}();function qi(){return(new Date).getTime()}var Ki,$i,Ji=function(t){function e(e){var n=t.call(this)||this;return n._running=!1,n._time=0,n._pausedTime=0,n._pauseStart=0,n._paused=!1,e=e||{},n.stage=e.stage||{},n}return n(e,t),e.prototype.addClip=function(t){t.animation&&this.removeClip(t),this._head?(this._tail.next=t,t.prev=this._tail,t.next=null,this._tail=t):this._head=this._tail=t,t.animation=this},e.prototype.addAnimator=function(t){t.animation=this;var e=t.getClip();e&&this.addClip(e)},e.prototype.removeClip=function(t){if(t.animation){var e=t.prev,n=t.next;e?e.next=n:this._head=n,n?n.prev=e:this._tail=e,t.next=t.prev=t.animation=null}},e.prototype.removeAnimator=function(t){var e=t.getClip();e&&this.removeClip(e),t.animation=null},e.prototype.update=function(t){for(var e=qi()-this._pausedTime,n=e-this._time,i=this._head;i;){var r=i.next;i.step(e,n)?(i.ondestroy(),this.removeClip(i),i=r):i=r}this._time=e,t||(this.trigger("frame",n),this.stage.update&&this.stage.update())},e.prototype._startLoop=function(){var t=this;this._running=!0,gn((function e(){t._running&&(gn(e),!t._paused&&t.update())}))},e.prototype.start=function(){this._running||(this._time=qi(),this._pausedTime=0,this._startLoop())},e.prototype.stop=function(){this._running=!1},e.prototype.pause=function(){this._paused||(this._pauseStart=qi(),this._paused=!0)},e.prototype.resume=function(){this._paused&&(this._pausedTime+=qi()-this._pauseStart,this._paused=!1)},e.prototype.clear=function(){for(var t=this._head;t;){var e=t.next;t.prev=t.next=t.animation=null,t=e}this._head=this._tail=null},e.prototype.isFinished=function(){return null==this._head},e.prototype.animate=function(t,e){e=e||{},this.start();var n=new ji(t,e.loop);return this.addAnimator(n),n},e}(qt),Qi=r.domSupported,tr=($i={pointerdown:1,pointerup:1,pointermove:1,pointerout:1},{mouse:Ki=["click","dblclick","mousewheel","wheel","mouseout","mouseup","mousedown","mousemove","contextmenu"],touch:["touchstart","touchend","touchmove"],pointer:E(Ki,(function(t){var e=t.replace("mouse","pointer");return $i.hasOwnProperty(e)?e:t}))}),er=["mousemove","mouseup"],nr=["pointermove","pointerup"],ir=!1;function rr(t){var e=t.pointerType;return"pen"===e||"touch"===e}function or(t){t&&(t.zrByTouch=!0)}function ar(t,e){for(var n=e,i=!1;n&&9!==n.nodeType&&!(i=n.domBelongToZr||n!==e&&n===t.painterRoot);)n=n.parentNode;return i}var sr=function(t,e){this.stopPropagation=bt,this.stopImmediatePropagation=bt,this.preventDefault=bt,this.type=e.type,this.target=this.currentTarget=t.dom,this.pointerType=e.pointerType,this.clientX=e.clientX,this.clientY=e.clientY},lr={mousedown:function(t){t=de(this.dom,t),this.__mayPointerCapture=[t.zrX,t.zrY],this.trigger("mousedown",t)},mousemove:function(t){t=de(this.dom,t);var e=this.__mayPointerCapture;!e||t.zrX===e[0]&&t.zrY===e[1]||this.__togglePointerCapture(!0),this.trigger("mousemove",t)},mouseup:function(t){t=de(this.dom,t),this.__togglePointerCapture(!1),this.trigger("mouseup",t)},mouseout:function(t){ar(this,(t=de(this.dom,t)).toElement||t.relatedTarget)||(this.__pointerCapturing&&(t.zrEventControl="no_globalout"),this.trigger("mouseout",t))},wheel:function(t){ir=!0,t=de(this.dom,t),this.trigger("mousewheel",t)},mousewheel:function(t){ir||(t=de(this.dom,t),this.trigger("mousewheel",t))},touchstart:function(t){or(t=de(this.dom,t)),this.__lastTouchMoment=new Date,this.handler.processGesture(t,"start"),lr.mousemove.call(this,t),lr.mousedown.call(this,t)},touchmove:function(t){or(t=de(this.dom,t)),this.handler.processGesture(t,"change"),lr.mousemove.call(this,t)},touchend:function(t){or(t=de(this.dom,t)),this.handler.processGesture(t,"end"),lr.mouseup.call(this,t),+new Date-+this.__lastTouchMoment<300&&lr.click.call(this,t)},pointerdown:function(t){lr.mousedown.call(this,t)},pointermove:function(t){rr(t)||lr.mousemove.call(this,t)},pointerup:function(t){lr.mouseup.call(this,t)},pointerout:function(t){rr(t)||lr.mouseout.call(this,t)}};z(["click","dblclick","contextmenu"],(function(t){lr[t]=function(e){e=de(this.dom,e),this.trigger(t,e)}}));var ur={pointermove:function(t){rr(t)||ur.mousemove.call(this,t)},pointerup:function(t){ur.mouseup.call(this,t)},mousemove:function(t){this.trigger("mousemove",t)},mouseup:function(t){var e=this.__pointerCapturing;this.__togglePointerCapture(!1),this.trigger("mouseup",t),e&&(t.zrEventControl="only_globalout",this.trigger("mouseout",t))}};function cr(t,e){var n=e.domHandlers;r.pointerEventsSupported?z(tr.pointer,(function(i){dr(e,i,(function(e){n[i].call(t,e)}))})):(r.touchEventsSupported&&z(tr.touch,(function(i){dr(e,i,(function(r){n[i].call(t,r),function(t){t.touching=!0,null!=t.touchTimer&&(clearTimeout(t.touchTimer),t.touchTimer=null),t.touchTimer=setTimeout((function(){t.touching=!1,t.touchTimer=null}),700)}(e)}))})),z(tr.mouse,(function(i){dr(e,i,(function(r){r=he(r),e.touching||n[i].call(t,r)}))})))}function hr(t,e){function n(n){dr(e,n,(function(i){i=he(i),ar(t,i.target)||(i=function(t,e){return de(t.dom,new sr(t,e),!0)}(t,i),e.domHandlers[n].call(t,i))}),{capture:!0})}r.pointerEventsSupported?z(nr,n):r.touchEventsSupported||z(er,n)}function dr(t,e,n,i){t.mounted[e]=n,t.listenerOpts[e]=i,pe(t.domTarget,e,n,i)}function pr(t){var e,n,i,r,o=t.mounted;for(var a in o)o.hasOwnProperty(a)&&(e=t.domTarget,n=a,i=o[a],r=t.listenerOpts[a],e.removeEventListener(n,i,r));t.mounted={}}var fr=function(t,e){this.mounted={},this.listenerOpts={},this.touching=!1,this.domTarget=t,this.domHandlers=e},gr=function(t){function e(e,n){var i=t.call(this)||this;return i.__pointerCapturing=!1,i.dom=e,i.painterRoot=n,i._localHandlerScope=new fr(e,lr),Qi&&(i._globalHandlerScope=new fr(document,ur)),cr(i,i._localHandlerScope),i}return n(e,t),e.prototype.dispose=function(){pr(this._localHandlerScope),Qi&&pr(this._globalHandlerScope)},e.prototype.setCursor=function(t){this.dom.style&&(this.dom.style.cursor=t||"default")},e.prototype.__togglePointerCapture=function(t){if(this.__mayPointerCapture=null,Qi&&+this.__pointerCapturing^+t){this.__pointerCapturing=t;var e=this._globalHandlerScope;t?hr(this,e):pr(e)}},e}(qt),yr=1;r.hasGlobalWindow&&(yr=Math.max(window.devicePixelRatio||window.screen&&window.screen.deviceXDPI/window.screen.logicalXDPI||1,1));var vr=yr,mr="#333",xr="#ccc",_r=_e,br=5e-5;function wr(t){return t>br||t<-5e-5}var Sr,Mr=[],Ir=[],Tr=[1,0,0,1,0,0],Cr=Math.abs,Dr=function(){function t(){}var e;return t.prototype.getLocalTransform=function(e){return t.getLocalTransform(this,e)},t.prototype.setPosition=function(t){this.x=t[0],this.y=t[1]},t.prototype.setScale=function(t){this.scaleX=t[0],this.scaleY=t[1]},t.prototype.setSkew=function(t){this.skewX=t[0],this.skewY=t[1]},t.prototype.setOrigin=function(t){this.originX=t[0],this.originY=t[1]},t.prototype.needLocalTransform=function(){return wr(this.rotation)||wr(this.x)||wr(this.y)||wr(this.scaleX-1)||wr(this.scaleY-1)||wr(this.skewX)||wr(this.skewY)},t.prototype.updateTransform=function(){var t=this.parent&&this.parent.transform,e=this.needLocalTransform(),n=this.transform;e||t?(n=n||[1,0,0,1,0,0],e?this.getLocalTransform(n):_r(n),t&&(e?we(n,t,n):be(n,t)),this.transform=n,this._resolveGlobalScaleRatio(n)):n&&(_r(n),this.invTransform=null)},t.prototype._resolveGlobalScaleRatio=function(t){var e=this.globalScaleRatio;if(null!=e&&1!==e){this.getGlobalScale(Mr);var n=Mr[0]<0?-1:1,i=Mr[1]<0?-1:1,r=((Mr[0]-n)*e+n)/Mr[0]||0,o=((Mr[1]-i)*e+i)/Mr[1]||0;t[0]*=r,t[1]*=r,t[2]*=o,t[3]*=o}this.invTransform=this.invTransform||[1,0,0,1,0,0],Te(this.invTransform,t)},t.prototype.getComputedTransform=function(){for(var t=this,e=[];t;)e.push(t),t=t.parent;for(;t=e.pop();)t.updateTransform();return this.transform},t.prototype.setLocalTransform=function(t){if(t){var e=t[0]*t[0]+t[1]*t[1],n=t[2]*t[2]+t[3]*t[3],i=Math.atan2(t[1],t[0]),r=Math.PI/2+i-Math.atan2(t[3],t[2]);n=Math.sqrt(n)*Math.cos(r),e=Math.sqrt(e),this.skewX=r,this.skewY=0,this.rotation=-i,this.x=+t[4],this.y=+t[5],this.scaleX=e,this.scaleY=n,this.originX=0,this.originY=0}},t.prototype.decomposeTransform=function(){if(this.transform){var t=this.parent,e=this.transform;t&&t.transform&&(t.invTransform=t.invTransform||[1,0,0,1,0,0],we(Ir,t.invTransform,e),e=Ir);var n=this.originX,i=this.originY;(n||i)&&(Tr[4]=n,Tr[5]=i,we(Ir,e,Tr),Ir[4]-=n,Ir[5]-=i,e=Ir),this.setLocalTransform(e)}},t.prototype.getGlobalScale=function(t){var e=this.transform;return t=t||[],e?(t[0]=Math.sqrt(e[0]*e[0]+e[1]*e[1]),t[1]=Math.sqrt(e[2]*e[2]+e[3]*e[3]),e[0]<0&&(t[0]=-t[0]),e[3]<0&&(t[1]=-t[1]),t):(t[0]=1,t[1]=1,t)},t.prototype.transformCoordToLocal=function(t,e){var n=[t,e],i=this.invTransform;return i&&Ht(n,n,i),n},t.prototype.transformCoordToGlobal=function(t,e){var n=[t,e],i=this.transform;return i&&Ht(n,n,i),n},t.prototype.getLineScale=function(){var t=this.transform;return t&&Cr(t[0]-1)>1e-10&&Cr(t[3]-1)>1e-10?Math.sqrt(Cr(t[0]*t[3]-t[2]*t[1])):1},t.prototype.copyTransform=function(t){kr(this,t)},t.getLocalTransform=function(t,e){e=e||[];var n=t.originX||0,i=t.originY||0,r=t.scaleX,o=t.scaleY,a=t.anchorX,s=t.anchorY,l=t.rotation||0,u=t.x,c=t.y,h=t.skewX?Math.tan(t.skewX):0,d=t.skewY?Math.tan(-t.skewY):0;if(n||i||a||s){var p=n+a,f=i+s;e[4]=-p*r-h*f*o,e[5]=-f*o-d*p*r}else e[4]=e[5]=0;return e[0]=r,e[3]=o,e[1]=d*r,e[2]=h*o,l&&Me(e,e,l),e[4]+=n+u,e[5]+=i+c,e},t.initDefaultProps=((e=t.prototype).scaleX=e.scaleY=e.globalScaleRatio=1,void(e.x=e.y=e.originX=e.originY=e.skewX=e.skewY=e.rotation=e.anchorX=e.anchorY=0)),t}(),Ar=["x","y","originX","originY","anchorX","anchorY","rotation","scaleX","scaleY","skewX","skewY"];function kr(t,e){for(var n=0;n<Ar.length;n++){var i=Ar[n];t[i]=e[i]}}function Lr(t){Sr||(Sr=new Xn(100)),t=t||a;var e=Sr.get(t);return e||(e={font:t,strWidthCache:new Xn(500),asciiWidthMap:null,asciiWidthMapTried:!1,stWideCharWidth:c.measureText("国",t).width,asciiCharWidth:c.measureText("a",t).width},Sr.put(t,e)),e}var Pr=0,Or=5;function Rr(t,e){return t.asciiWidthMapTried||(t.asciiWidthMap=function(t){if(!(Pr>=Or)){t=t||a;for(var e=[],n=+new Date,i=0;i<=127;i++)e[i]=c.measureText(String.fromCharCode(i),t).width;var r=+new Date-n;return r>16?Pr=Or:r>2&&Pr++,e}}(t.font),t.asciiWidthMapTried=!0),0<=e&&e<=127?null!=t.asciiWidthMap?t.asciiWidthMap[e]:t.asciiCharWidth:t.stWideCharWidth}function Nr(t,e){var n=t.strWidthCache,i=n.get(e);return null==i&&(i=c.measureText(e,t.font).width,n.put(e,i)),i}function zr(t,e,n,i){var r=Nr(Lr(e),t),o=Gr(e),a=Br(0,r,n),s=Vr(0,o,i);return new He(a,s,r,o)}function Er(t,e,n,i){var r=((t||"")+"").split("\n");if(1===r.length)return zr(r[0],e,n,i);for(var o=new He(0,0,0,0),a=0;a<r.length;a++){var s=zr(r[a],e,n,i);0===a?o.copy(s):o.union(s)}return o}function Br(t,e,n,i){return"right"===n?i?t+=e:t-=e:"center"===n&&(i?t+=e/2:t-=e/2),t}function Vr(t,e,n,i){return"middle"===n?i?t+=e/2:t-=e/2:"bottom"===n&&(i?t+=e:t-=e),t}function Gr(t){return Lr(t).stWideCharWidth}function Fr(t,e){return"string"==typeof t?t.lastIndexOf("%")>=0?parseFloat(t)/100*e:parseFloat(t):t}function Wr(t,e,n){var i=e.position||"inside",r=null!=e.distance?e.distance:5,o=n.height,a=n.width,s=o/2,l=n.x,u=n.y,c="left",h="top";if(i instanceof Array)l+=Fr(i[0],n.width),u+=Fr(i[1],n.height),c=null,h=null;else switch(i){case"left":l-=r,u+=s,c="right",h="middle";break;case"right":l+=r+a,u+=s,h="middle";break;case"top":l+=a/2,u-=r,c="center",h="bottom";break;case"bottom":l+=a/2,u+=o+r,c="center";break;case"inside":l+=a/2,u+=s,c="center",h="middle";break;case"insideLeft":l+=r,u+=s,h="middle";break;case"insideRight":l+=a-r,u+=s,c="right",h="middle";break;case"insideTop":l+=a/2,u+=r,c="center";break;case"insideBottom":l+=a/2,u+=o-r,c="center",h="bottom";break;case"insideTopLeft":l+=r,u+=r;break;case"insideTopRight":l+=a-r,u+=r,c="right";break;case"insideBottomLeft":l+=r,u+=o-r,h="bottom";break;case"insideBottomRight":l+=a-r,u+=o-r,c="right",h="bottom"}return(t=t||{}).x=l,t.y=u,t.align=c,t.verticalAlign=h,t}var Hr="__zr_normal__",Ur=Ar.concat(["ignore"]),Yr=B(Ar,(function(t,e){return t[e]=!0,t}),{ignore:!1}),Xr={},Zr=new He(0,0,0,0),jr=[],qr=function(){function t(t){this.id=M(),this.animators=[],this.currentStates=[],this.states={},this._init(t)}return t.prototype._init=function(t){this.attr(t)},t.prototype.drift=function(t,e,n){switch(this.draggable){case"horizontal":e=0;break;case"vertical":t=0}var i=this.transform;i||(i=this.transform=[1,0,0,1,0,0]),i[4]+=t,i[5]+=e,this.decomposeTransform(),this.markRedraw()},t.prototype.beforeUpdate=function(){},t.prototype.afterUpdate=function(){},t.prototype.update=function(){this.updateTransform(),this.__dirty&&this.updateInnerText()},t.prototype.updateInnerText=function(t){var e=this._textContent;if(e&&(!e.ignore||t)){this.textConfig||(this.textConfig={});var n=this.textConfig,i=n.local,r=e.innerTransformable,o=void 0,a=void 0,s=!1;r.parent=i?this:null;var l=!1;r.copyTransform(e);var u=null!=n.position,c=n.autoOverflowArea,h=void 0;if((c||u)&&(h=Zr,n.layoutRect?h.copy(n.layoutRect):h.copy(this.getBoundingRect()),i||h.applyTransform(this.transform)),u){this.calculateTextPosition?this.calculateTextPosition(Xr,n,h):Wr(Xr,n,h),r.x=Xr.x,r.y=Xr.y,o=Xr.align,a=Xr.verticalAlign;var d=n.origin;if(d&&null!=n.rotation){var p=void 0,f=void 0;"center"===d?(p=.5*h.width,f=.5*h.height):(p=Fr(d[0],h.width),f=Fr(d[1],h.height)),l=!0,r.originX=-r.x+p+(i?0:h.x),r.originY=-r.y+f+(i?0:h.y)}}null!=n.rotation&&(r.rotation=n.rotation);var g=n.offset;g&&(r.x+=g[0],r.y+=g[1],l||(r.originX=-g[0],r.originY=-g[1]));var y=this._innerTextDefaultStyle||(this._innerTextDefaultStyle={});if(c){var v=y.overflowRect=y.overflowRect||new He(0,0,0,0);r.getLocalTransform(jr),Te(jr,jr),He.copy(v,h),v.applyTransform(jr)}else y.overflowRect=null;var m=void 0,x=void 0,_=void 0;(null==n.inside?"string"==typeof n.position&&n.position.indexOf("inside")>=0:n.inside)&&this.canBeInsideText()?(m=n.insideFill,x=n.insideStroke,null!=m&&"auto"!==m||(m=this.getInsideTextFill()),null!=x&&"auto"!==x||(x=this.getInsideTextStroke(m),_=!0)):(m=n.outsideFill,x=n.outsideStroke,null!=m&&"auto"!==m||(m=this.getOutsideFill()),null!=x&&"auto"!==x||(x=this.getOutsideStroke(m),_=!0)),(m=m||"#000")===y.fill&&x===y.stroke&&_===y.autoStroke&&o===y.align&&a===y.verticalAlign||(s=!0,y.fill=m,y.stroke=x,y.autoStroke=_,y.align=o,y.verticalAlign=a,e.setDefaultTextStyle(y)),e.__dirty|=1,s&&e.dirtyStyle(!0)}},t.prototype.canBeInsideText=function(){return!0},t.prototype.getInsideTextFill=function(){return"#fff"},t.prototype.getInsideTextStroke=function(t){return"#000"},t.prototype.getOutsideFill=function(){return this.__zr&&this.__zr.isDarkMode()?xr:mr},t.prototype.getOutsideStroke=function(t){var e=this.__zr&&this.__zr.getBackgroundColor(),n="string"==typeof e&&oi(e);n||(n=[255,255,255,1]);for(var i=n[3],r=this.__zr.isDarkMode(),o=0;o<3;o++)n[o]=n[o]*i+(r?0:255)*(1-i);return n[3]=1,fi(n,"rgba")},t.prototype.traverse=function(t,e){},t.prototype.attrKV=function(t,e){"textConfig"===t?this.setTextConfig(e):"textContent"===t?this.setTextContent(e):"clipPath"===t?this.setClipPath(e):"extra"===t?(this.extra=this.extra||{},A(this.extra,e)):this[t]=e},t.prototype.hide=function(){this.ignore=!0,this.markRedraw()},t.prototype.show=function(){this.ignore=!1,this.markRedraw()},t.prototype.attr=function(t,e){if("string"==typeof t)this.attrKV(t,e);else if(q(t))for(var n=F(t),i=0;i<n.length;i++){var r=n[i];this.attrKV(r,t[r])}return this.markRedraw(),this},t.prototype.saveCurrentToNormalState=function(t){this._innerSaveToNormal(t);for(var e=this._normalState,n=0;n<this.animators.length;n++){var i=this.animators[n],r=i.__fromStateTransition;if(!(i.getLoop()||r&&r!==Hr)){var o=i.targetName,a=o?e[o]:e;i.saveTo(a)}}},t.prototype._innerSaveToNormal=function(t){var e=this._normalState;e||(e=this._normalState={}),t.textConfig&&!e.textConfig&&(e.textConfig=this.textConfig),this._savePrimaryToNormal(t,e,Ur)},t.prototype._savePrimaryToNormal=function(t,e,n){for(var i=0;i<n.length;i++){var r=n[i];null==t[r]||r in e||(e[r]=this[r])}},t.prototype.hasState=function(){return this.currentStates.length>0},t.prototype.getState=function(t){return this.states[t]},t.prototype.ensureState=function(t){var e=this.states;return e[t]||(e[t]={}),e[t]},t.prototype.clearStates=function(t){this.useState(Hr,!1,t)},t.prototype.useState=function(t,e,n,i){var r=t===Hr;if(this.hasState()||!r){var o=this.currentStates,a=this.stateTransition;if(!(P(o,t)>=0)||!e&&1!==o.length){var s;if(this.stateProxy&&!r&&(s=this.stateProxy(t)),s||(s=this.states&&this.states[t]),s||r){r||this.saveCurrentToNormalState(s);var l=!!(s&&s.hoverLayer||i);l&&this._toggleHoverLayerFlag(!0),this._applyStateObj(t,s,this._normalState,e,!n&&!this.__inHover&&a&&a.duration>0,a);var u=this._textContent,c=this._textGuide;return u&&u.useState(t,e,n,l),c&&c.useState(t,e,n,l),r?(this.currentStates=[],this._normalState={}):e?this.currentStates.push(t):this.currentStates=[t],this._updateAnimationTargets(),this.markRedraw(),!l&&this.__inHover&&(this._toggleHoverLayerFlag(!1),this.__dirty&=-2),s}I("State "+t+" not exists.")}}},t.prototype.useStates=function(t,e,n){if(t.length){var i=[],r=this.currentStates,o=t.length,a=o===r.length;if(a)for(var s=0;s<o;s++)if(t[s]!==r[s]){a=!1;break}if(a)return;for(s=0;s<o;s++){var l=t[s],u=void 0;this.stateProxy&&(u=this.stateProxy(l,t)),u||(u=this.states[l]),u&&i.push(u)}var c=i[o-1],h=!!(c&&c.hoverLayer||n);h&&this._toggleHoverLayerFlag(!0);var d=this._mergeStates(i),p=this.stateTransition;this.saveCurrentToNormalState(d),this._applyStateObj(t.join(","),d,this._normalState,!1,!e&&!this.__inHover&&p&&p.duration>0,p);var f=this._textContent,g=this._textGuide;f&&f.useStates(t,e,h),g&&g.useStates(t,e,h),this._updateAnimationTargets(),this.currentStates=t.slice(),this.markRedraw(),!h&&this.__inHover&&(this._toggleHoverLayerFlag(!1),this.__dirty&=-2)}else this.clearStates()},t.prototype.isSilent=function(){for(var t=this;t;){if(t.silent)return!0;var e=t.__hostTarget;t=e?t.ignoreHostSilent?null:e:t.parent}return!1},t.prototype._updateAnimationTargets=function(){for(var t=0;t<this.animators.length;t++){var e=this.animators[t];e.targetName&&e.changeTarget(this[e.targetName])}},t.prototype.removeState=function(t){var e=P(this.currentStates,t);if(e>=0){var n=this.currentStates.slice();n.splice(e,1),this.useStates(n)}},t.prototype.replaceState=function(t,e,n){var i=this.currentStates.slice(),r=P(i,t),o=P(i,e)>=0;r>=0?o?i.splice(r,1):i[r]=e:n&&!o&&i.push(e),this.useStates(i)},t.prototype.toggleState=function(t,e){e?this.useState(t,!0):this.removeState(t)},t.prototype._mergeStates=function(t){for(var e,n={},i=0;i<t.length;i++){var r=t[i];A(n,r),r.textConfig&&A(e=e||{},r.textConfig)}return e&&(n.textConfig=e),n},t.prototype._applyStateObj=function(t,e,n,i,r,o){var a=!(e&&i);e&&e.textConfig?(this.textConfig=A({},i?this.textConfig:n.textConfig),A(this.textConfig,e.textConfig)):a&&n.textConfig&&(this.textConfig=n.textConfig);for(var s={},l=!1,u=0;u<Ur.length;u++){var c=Ur[u],h=r&&Yr[c];e&&null!=e[c]?h?(l=!0,s[c]=e[c]):this[c]=e[c]:a&&null!=n[c]&&(h?(l=!0,s[c]=n[c]):this[c]=n[c])}if(!r)for(u=0;u<this.animators.length;u++){var d=this.animators[u],p=d.targetName;d.getLoop()||d.__changeFinalValue(p?(e||n)[p]:e||n)}l&&this._transitionState(t,s,o)},t.prototype._attachComponent=function(t){if((!t.__zr||t.__hostTarget)&&t!==this){var e=this.__zr;e&&t.addSelfToZr(e),t.__zr=e,t.__hostTarget=this}},t.prototype._detachComponent=function(t){t.__zr&&t.removeSelfFromZr(t.__zr),t.__zr=null,t.__hostTarget=null},t.prototype.getClipPath=function(){return this._clipPath},t.prototype.setClipPath=function(t){this._clipPath&&this._clipPath!==t&&this.removeClipPath(),this._attachComponent(t),this._clipPath=t,this.markRedraw()},t.prototype.removeClipPath=function(){var t=this._clipPath;t&&(this._detachComponent(t),this._clipPath=null,this.markRedraw())},t.prototype.getTextContent=function(){return this._textContent},t.prototype.setTextContent=function(t){var e=this._textContent;e!==t&&(e&&e!==t&&this.removeTextContent(),t.innerTransformable=new Dr,this._attachComponent(t),this._textContent=t,this.markRedraw())},t.prototype.setTextConfig=function(t){this.textConfig||(this.textConfig={}),A(this.textConfig,t),this.markRedraw()},t.prototype.removeTextConfig=function(){this.textConfig=null,this.markRedraw()},t.prototype.removeTextContent=function(){var t=this._textContent;t&&(t.innerTransformable=null,this._detachComponent(t),this._textContent=null,this._innerTextDefaultStyle=null,this.markRedraw())},t.prototype.getTextGuideLine=function(){return this._textGuide},t.prototype.setTextGuideLine=function(t){this._textGuide&&this._textGuide!==t&&this.removeTextGuideLine(),this._attachComponent(t),this._textGuide=t,this.markRedraw()},t.prototype.removeTextGuideLine=function(){var t=this._textGuide;t&&(this._detachComponent(t),this._textGuide=null,this.markRedraw())},t.prototype.markRedraw=function(){this.__dirty|=1;var t=this.__zr;t&&(this.__inHover?t.refreshHover():t.refresh()),this.__hostTarget&&this.__hostTarget.markRedraw()},t.prototype.dirty=function(){this.markRedraw()},t.prototype._toggleHoverLayerFlag=function(t){this.__inHover=t;var e=this._textContent,n=this._textGuide;e&&(e.__inHover=t),n&&(n.__inHover=t)},t.prototype.addSelfToZr=function(t){if(this.__zr!==t){this.__zr=t;var e=this.animators;if(e)for(var n=0;n<e.length;n++)t.animation.addAnimator(e[n]);this._clipPath&&this._clipPath.addSelfToZr(t),this._textContent&&this._textContent.addSelfToZr(t),this._textGuide&&this._textGuide.addSelfToZr(t)}},t.prototype.removeSelfFromZr=function(t){if(this.__zr){this.__zr=null;var e=this.animators;if(e)for(var n=0;n<e.length;n++)t.animation.removeAnimator(e[n]);this._clipPath&&this._clipPath.removeSelfFromZr(t),this._textContent&&this._textContent.removeSelfFromZr(t),this._textGuide&&this._textGuide.removeSelfFromZr(t)}},t.prototype.animate=function(t,e,n){var i=t?this[t]:this;var r=new ji(i,e,n);return t&&(r.targetName=t),this.addAnimator(r,t),r},t.prototype.addAnimator=function(t,e){var n=this.__zr,i=this;t.during((function(){i.updateDuringAnimation(e)})).done((function(){var e=i.animators,n=P(e,t);n>=0&&e.splice(n,1)})),this.animators.push(t),n&&n.animation.addAnimator(t),n&&n.wakeUp()},t.prototype.updateDuringAnimation=function(t){this.markRedraw()},t.prototype.stopAnimation=function(t,e){for(var n=this.animators,i=n.length,r=[],o=0;o<i;o++){var a=n[o];t&&t!==a.scope?r.push(a):a.stop(e)}return this.animators=r,this},t.prototype.animateTo=function(t,e,n){Kr(this,t,e,n)},t.prototype.animateFrom=function(t,e,n){Kr(this,t,e,n,!0)},t.prototype._transitionState=function(t,e,n,i){for(var r=Kr(this,e,n,i),o=0;o<r.length;o++)r[o].__fromStateTransition=t},t.prototype.getBoundingRect=function(){return null},t.prototype.getPaintRect=function(){return null},t.initDefaultProps=function(){var e=t.prototype;e.type="element",e.name="",e.ignore=e.silent=e.ignoreHostSilent=e.isGroup=e.draggable=e.dragging=e.ignoreClip=e.__inHover=!1,e.__dirty=1;function n(t,n,i,r){function o(t,e){Object.defineProperty(e,0,{get:function(){return t[i]},set:function(e){t[i]=e}}),Object.defineProperty(e,1,{get:function(){return t[r]},set:function(e){t[r]=e}})}Object.defineProperty(e,t,{get:function(){this[n]||o(this,this[n]=[]);return this[n]},set:function(t){this[i]=t[0],this[r]=t[1],this[n]=t,o(this,t)}})}Object.defineProperty&&(n("position","_legacyPos","x","y"),n("scale","_legacyScale","scaleX","scaleY"),n("origin","_legacyOrigin","originX","originY"))}(),t}();function Kr(t,e,n,i,r){var o=[];Qr(t,"",t,e,n=n||{},i,o,r);var a=o.length,s=!1,l=n.done,u=n.aborted,c=function(){s=!0,--a<=0&&(s?l&&l():u&&u())},h=function(){--a<=0&&(s?l&&l():u&&u())};a||l&&l(),o.length>0&&n.during&&o[0].during((function(t,e){n.during(e)}));for(var d=0;d<o.length;d++){var p=o[d];c&&p.done(c),h&&p.aborted(h),n.force&&p.duration(n.duration),p.start(n.easing)}return o}function $r(t,e,n){for(var i=0;i<n;i++)t[i]=e[i]}function Jr(t,e,n){if(N(e[n]))if(N(t[n])||(t[n]=[]),$(e[n])){var i=e[n].length;t[n].length!==i&&(t[n]=new e[n].constructor(i),$r(t[n],e[n],i))}else{var r=e[n],o=t[n],a=r.length;if(N(r[0]))for(var s=r[0].length,l=0;l<a;l++)o[l]?$r(o[l],r[l],s):o[l]=Array.prototype.slice.call(r[l]);else $r(o,r,a);o.length=r.length}else t[n]=e[n]}function Qr(t,e,n,i,r,o,a,s){for(var l=F(i),u=r.duration,c=r.delay,h=r.additive,d=r.setToFinal,p=!q(o),f=t.animators,g=[],y=0;y<l.length;y++){var v=l[y],m=i[v];if(null!=m&&null!=n[v]&&(p||o[v]))if(!q(m)||N(m)||Q(m))g.push(v);else{if(e){s||(n[v]=m,t.updateDuringAnimation(e));continue}Qr(t,v,n[v],m,r,o&&o[v],a,s)}else s||(n[v]=m,t.updateDuringAnimation(e),g.push(v))}var x=g.length;if(!h&&x)for(var _=0;_<f.length;_++){if((w=f[_]).targetName===e)if(w.stopTracks(g)){var b=P(f,w);f.splice(b,1)}}if(r.force||(g=V(g,(function(t){return e=i[t],r=n[t],!(e===r||N(e)&&N(r)&&function(t,e){var n=t.length;if(n!==e.length)return!1;for(var i=0;i<n;i++)if(t[i]!==e[i])return!1;return!0}(e,r));var e,r})),x=g.length),x>0||r.force&&!a.length){var w,S=void 0,M=void 0,I=void 0;if(s){M={},d&&(S={});for(_=0;_<x;_++){M[v=g[_]]=n[v],d?S[v]=i[v]:n[v]=i[v]}}else if(d){I={};for(_=0;_<x;_++){I[v=g[_]]=Wi(n[v]),Jr(n,i,v)}}(w=new ji(n,!1,!1,h?V(f,(function(t){return t.targetName===e})):null)).targetName=e,r.scope&&(w.scope=r.scope),d&&S&&w.whenWithKeys(0,S,g),I&&w.whenWithKeys(0,I,g),w.whenWithKeys(null==u?500:u,s?M:i,g).delay(c||0),t.addAnimator(w,e),a.push(w)}}R(qr,qt),R(qr,Dr);var to=function(t){function e(e){var n=t.call(this)||this;return n.isGroup=!0,n._children=[],n.attr(e),n}return n(e,t),e.prototype.childrenRef=function(){return this._children},e.prototype.children=function(){return this._children.slice()},e.prototype.childAt=function(t){return this._children[t]},e.prototype.childOfName=function(t){for(var e=this._children,n=0;n<e.length;n++)if(e[n].name===t)return e[n]},e.prototype.childCount=function(){return this._children.length},e.prototype.add=function(t){return t&&t!==this&&t.parent!==this&&(this._children.push(t),this._doAdd(t)),this},e.prototype.addBefore=function(t,e){if(t&&t!==this&&t.parent!==this&&e&&e.parent===this){var n=this._children,i=n.indexOf(e);i>=0&&(n.splice(i,0,t),this._doAdd(t))}return this},e.prototype.replace=function(t,e){var n=P(this._children,t);return n>=0&&this.replaceAt(e,n),this},e.prototype.replaceAt=function(t,e){var n=this._children,i=n[e];if(t&&t!==this&&t.parent!==this&&t!==i){n[e]=t,i.parent=null;var r=this.__zr;r&&i.removeSelfFromZr(r),this._doAdd(t)}return this},e.prototype._doAdd=function(t){t.parent&&t.parent.remove(t),t.parent=this;var e=this.__zr;e&&e!==t.__zr&&t.addSelfToZr(e),e&&e.refresh()},e.prototype.remove=function(t){var e=this.__zr,n=this._children,i=P(n,t);return i<0||(n.splice(i,1),t.parent=null,e&&t.removeSelfFromZr(e),e&&e.refresh()),this},e.prototype.removeAll=function(){for(var t=this._children,e=this.__zr,n=0;n<t.length;n++){var i=t[n];e&&i.removeSelfFromZr(e),i.parent=null}return t.length=0,this},e.prototype.eachChild=function(t,e){for(var n=this._children,i=0;i<n.length;i++){var r=n[i];t.call(e,r,i)}return this},e.prototype.traverse=function(t,e){for(var n=0;n<this._children.length;n++){var i=this._children[n],r=t.call(e,i);i.isGroup&&!r&&i.traverse(t,e)}return this},e.prototype.addSelfToZr=function(e){t.prototype.addSelfToZr.call(this,e);for(var n=0;n<this._children.length;n++){this._children[n].addSelfToZr(e)}},e.prototype.removeSelfFromZr=function(e){t.prototype.removeSelfFromZr.call(this,e);for(var n=0;n<this._children.length;n++){this._children[n].removeSelfFromZr(e)}},e.prototype.getBoundingRect=function(t){for(var e=new He(0,0,0,0),n=t||this._children,i=[],r=null,o=0;o<n.length;o++){var a=n[o];if(!a.ignore&&!a.invisible){var s=a.getBoundingRect(),l=a.getLocalTransform(i);l?(He.applyTransform(e,s,l),(r=r||e.clone()).union(e)):(r=r||s.clone()).union(s)}}return r||e},e}(qr);to.prototype.type="group";
+/*!
+    * ZRender, a high performance 2d drawing library.
+    *
+    * Copyright (c) 2013, Baidu Inc.
+    * All rights reserved.
+    *
+    * LICENSE
+    * https://github.com/ecomfe/zrender/blob/master/LICENSE.txt
+    */
+var eo={},no={};var io,ro=function(){function t(t,e,n){var i=this;this._sleepAfterStill=10,this._stillFrameAccum=0,this._needsRefresh=!0,this._needsRefreshHover=!0,this._darkMode=!1,n=n||{},this.dom=e,this.id=t;var o=new fn,a=n.renderer||"canvas";eo[a]||(a=F(eo)[0]),n.useDirtyRect=null!=n.useDirtyRect&&n.useDirtyRect;var s=new eo[a](e,o,n,t),l=n.ssr||s.ssrOnly;this.storage=o,this.painter=s;var u,c=r.node||r.worker||l?null:new gr(s.getViewportRoot(),s.root),h=n.useCoarsePointer;(null==h||"auto"===h?r.touchEventsSupported:!!h)&&(u=rt(n.pointerSize,44)),this.handler=new tn(o,s,c,s.root,u),this.animation=new Ji({stage:{update:l?null:function(){return i._flush(!0)}}}),l||this.animation.start()}return t.prototype.add=function(t){!this._disposed&&t&&(this.storage.addRoot(t),t.addSelfToZr(this),this.refresh())},t.prototype.remove=function(t){!this._disposed&&t&&(this.storage.delRoot(t),t.removeSelfFromZr(this),this.refresh())},t.prototype.configLayer=function(t,e){this._disposed||(this.painter.configLayer&&this.painter.configLayer(t,e),this.refresh())},t.prototype.setBackgroundColor=function(t){this._disposed||(this.painter.setBackgroundColor&&this.painter.setBackgroundColor(t),this.refresh(),this._backgroundColor=t,this._darkMode=function(t){if(!t)return!1;if("string"==typeof t)return gi(t,1)<.4;if(t.colorStops){for(var e=t.colorStops,n=0,i=e.length,r=0;r<i;r++)n+=gi(e[r].color,1);return(n/=i)<.4}return!1}(t))},t.prototype.getBackgroundColor=function(){return this._backgroundColor},t.prototype.setDarkMode=function(t){this._darkMode=t},t.prototype.isDarkMode=function(){return this._darkMode},t.prototype.refreshImmediately=function(t){this._disposed||(t||this.animation.update(!0),this._needsRefresh=!1,this.painter.refresh(),this._needsRefresh=!1)},t.prototype.refresh=function(){this._disposed||(this._needsRefresh=!0,this.animation.start())},t.prototype.flush=function(){this._disposed||this._flush(!1)},t.prototype._flush=function(t){var e,n=qi();this._needsRefresh&&(e=!0,this.refreshImmediately(t)),this._needsRefreshHover&&(e=!0,this.refreshHoverImmediately());var i=qi();e?(this._stillFrameAccum=0,this.trigger("rendered",{elapsedTime:i-n})):this._sleepAfterStill>0&&(this._stillFrameAccum++,this._stillFrameAccum>this._sleepAfterStill&&this.animation.stop())},t.prototype.setSleepAfterStill=function(t){this._sleepAfterStill=t},t.prototype.wakeUp=function(){this._disposed||(this.animation.start(),this._stillFrameAccum=0)},t.prototype.refreshHover=function(){this._needsRefreshHover=!0},t.prototype.refreshHoverImmediately=function(){this._disposed||(this._needsRefreshHover=!1,this.painter.refreshHover&&"canvas"===this.painter.getType()&&this.painter.refreshHover())},t.prototype.resize=function(t){this._disposed||(t=t||{},this.painter.resize(t.width,t.height),this.handler.resize())},t.prototype.clearAnimation=function(){this._disposed||this.animation.clear()},t.prototype.getWidth=function(){if(!this._disposed)return this.painter.getWidth()},t.prototype.getHeight=function(){if(!this._disposed)return this.painter.getHeight()},t.prototype.setCursorStyle=function(t){this._disposed||this.handler.setCursorStyle(t)},t.prototype.findHover=function(t,e){if(!this._disposed)return this.handler.findHover(t,e)},t.prototype.on=function(t,e,n){return this._disposed||this.handler.on(t,e,n),this},t.prototype.off=function(t,e){this._disposed||this.handler.off(t,e)},t.prototype.trigger=function(t,e){this._disposed||this.handler.trigger(t,e)},t.prototype.clear=function(){if(!this._disposed){for(var t=this.storage.getRoots(),e=0;e<t.length;e++)t[e]instanceof to&&t[e].removeSelfFromZr(this);this.storage.delAllRoots(),this.painter.clear()}},t.prototype.dispose=function(){var t;this._disposed||(this.animation.stop(),this.clear(),this.storage.dispose(),this.painter.dispose(),this.handler.dispose(),this.animation=this.storage=this.painter=this.handler=null,this._disposed=!0,t=this.id,delete no[t])},t}();function oo(t,e){var n=new ro(M(),t,e);return no[n.id]=n,n}function ao(t,e){eo[t]=e}function so(t){if("function"==typeof io)return io(t)}function lo(t){io=t}var uo=Object.freeze({__proto__:null,init:oo,dispose:function(t){t.dispose()},disposeAll:function(){for(var t in no)no.hasOwnProperty(t)&&no[t].dispose();no={}},getInstance:function(t){return no[t]},registerPainter:ao,getElementSSRData:so,registerSSRDataGetter:lo,version:"6.0.0"}),co=1e-4;var ho=Math.min,po=Math.max,fo=Math.abs;function go(t,e,n,i){var r=e[0],o=e[1],a=n[0],s=n[1],l=o-r,u=s-a;if(0===l)return 0===u?a:(a+s)/2;if(i)if(l>0){if(t<=r)return a;if(t>=o)return s}else{if(t>=r)return a;if(t<=o)return s}else{if(t===r)return a;if(t===o)return s}return(t-r)/l*u+a}var yo=function(t,e,n){switch(t){case"center":case"middle":t="50%";break;case"left":case"top":t="0%";break;case"right":case"bottom":t="100%"}return vo(t,e,n)};function vo(t,e,n){return X(t)?(i=t,i.replace(/^\s+|\s+$/g,"")).match(/%$/)?parseFloat(t)/100*e+(n||0):parseFloat(t):null==t?NaN:+t;var i}function mo(t,e,n){return null==e&&(e=10),e=Math.min(Math.max(0,e),20),t=(+t).toFixed(e),n?t:+t}function xo(t){return t.sort((function(t,e){return t-e})),t}function _o(t){if(t=+t,isNaN(t))return 0;if(t>1e-14)for(var e=1,n=0;n<15;n++,e*=10)if(Math.round(t*e)/e===t)return n;return bo(t)}function bo(t){var e=t.toString().toLowerCase(),n=e.indexOf("e"),i=n>0?+e.slice(n+1):0,r=n>0?n:e.length,o=e.indexOf("."),a=o<0?0:r-1-o;return Math.max(0,a-i)}function wo(t,e){var n=Math.log,i=Math.LN10,r=Math.floor(n(t[1]-t[0])/i),o=Math.round(n(fo(e[1]-e[0]))/i),a=Math.min(Math.max(-r+o,0),20);return isFinite(a)?a:20}function So(t,e){var n=B(t,(function(t,e){return t+(isNaN(e)?0:e)}),0);if(0===n)return[];for(var i=Math.pow(10,e),r=E(t,(function(t){return(isNaN(t)?0:t)/n*i*100})),o=100*i,a=E(r,(function(t){return Math.floor(t)})),s=B(a,(function(t,e){return t+e}),0),l=E(r,(function(t,e){return t-a[e]}));s<o;){for(var u=Number.NEGATIVE_INFINITY,c=null,h=0,d=l.length;h<d;++h)l[h]>u&&(u=l[h],c=h);++a[c],l[c]=0,++s}return E(a,(function(t){return t/i}))}function Mo(t,e){var n=Math.max(_o(t),_o(e)),i=t+e;return n>20?i:mo(i,n)}var Io=9007199254740991;function To(t){var e=2*Math.PI;return(t%e+e)%e}function Co(t){return t>-1e-4&&t<co}var Do=/^(?:(\d{4})(?:[-\/](\d{1,2})(?:[-\/](\d{1,2})(?:[T ](\d{1,2})(?::(\d{1,2})(?::(\d{1,2})(?:[.,](\d+))?)?)?(Z|[\+\-]\d\d:?\d\d)?)?)?)?)?$/;function Ao(t){if(t instanceof Date)return t;if(X(t)){var e=Do.exec(t);if(!e)return new Date(NaN);if(e[8]){var n=+e[4]||0;return"Z"!==e[8].toUpperCase()&&(n-=+e[8].slice(0,3)),new Date(Date.UTC(+e[1],+(e[2]||1)-1,+e[3]||1,n,+(e[5]||0),+e[6]||0,e[7]?+e[7].substring(0,3):0))}return new Date(+e[1],+(e[2]||1)-1,+e[3]||1,+e[4]||0,+(e[5]||0),+e[6]||0,e[7]?+e[7].substring(0,3):0)}return null==t?new Date(NaN):new Date(Math.round(t))}function ko(t){return Math.pow(10,Lo(t))}function Lo(t){if(0===t)return 0;var e=Math.floor(Math.log(t)/Math.LN10);return t/Math.pow(10,e)>=10&&e++,e}function Po(t,e){var n=Lo(t),i=Math.pow(10,n),r=t/i;return t=(e?r<1.5?1:r<2.5?2:r<4?3:r<7?5:10:r<1?1:r<2?2:r<3?3:r<5?5:10)*i,n>=-20?+t.toFixed(n<0?-n:0):t}function Oo(t,e){var n=(t.length-1)*e+1,i=Math.floor(n),r=+t[i-1],o=n-i;return o?r+o*(t[i]-r):r}function Ro(t){t.sort((function(t,e){return s(t,e,0)?-1:1}));for(var e=-1/0,n=1,i=0;i<t.length;){for(var r=t[i].interval,o=t[i].close,a=0;a<2;a++)r[a]<=e&&(r[a]=e,o[a]=a?1:1-n),e=r[a],n=o[a];r[0]===r[1]&&o[0]*o[1]!=1?t.splice(i,1):i++}return t;function s(t,e,n){return t.interval[n]<e.interval[n]||t.interval[n]===e.interval[n]&&(t.close[n]-e.close[n]==(n?-1:1)||!n&&s(t,e,1))}}function No(t){var e=parseFloat(t);return e==t&&(0!==e||!X(t)||t.indexOf("x")<=0)?e:NaN}function zo(t){return!isNaN(No(t))}function Eo(){return Math.round(9*Math.random())}function Bo(t,e){return 0===e?t:Bo(e,t%e)}function Vo(t,e){return null==t?e:null==e?t:t*e/Bo(t,e)}var Go={},Fo="undefined"!=typeof console&&console.warn&&console.log;function Wo(t,e,n){if(Fo){if(n){if(Go[e])return;Go[e]=!0}console[t]("[ECharts] "+e)}}function Ho(t,e){Wo("error",t,e)}function Uo(t){0}function Yo(t){throw new Error(t)}function Xo(t,e,n){return(e-t)*n+t}var Zo="series\0",jo="\0_ec_\0";function qo(t){return t instanceof Array?t:null==t?[]:[t]}function Ko(t,e,n){if(t){t[e]=t[e]||{},t.emphasis=t.emphasis||{},t.emphasis[e]=t.emphasis[e]||{};for(var i=0,r=n.length;i<r;i++){var o=n[i];!t.emphasis[e].hasOwnProperty(o)&&t[e].hasOwnProperty(o)&&(t.emphasis[e][o]=t[e][o])}}}var $o=["fontStyle","fontWeight","fontSize","fontFamily","rich","tag","color","textBorderColor","textBorderWidth","width","height","lineHeight","align","verticalAlign","baseline","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY","textShadowColor","textShadowBlur","textShadowOffsetX","textShadowOffsetY","backgroundColor","borderColor","borderWidth","borderRadius","padding"];function Jo(t){return!q(t)||U(t)||t instanceof Date?t:t.value}function Qo(t){return q(t)&&!(t instanceof Array)}function ta(t,e,n){var i="normalMerge"===n,r="replaceMerge"===n,o="replaceAll"===n;t=t||[],e=(e||[]).slice();var a=yt();z(e,(function(t,n){q(t)||(e[n]=null)}));var s,l,u=function(t,e,n){var i=[];if("replaceAll"===n)return i;for(var r=0;r<t.length;r++){var o=t[r];o&&null!=o.id&&e.set(o.id,r),i.push({existing:"replaceMerge"===n||oa(o)?null:o,newOption:null,keyInfo:null,brandNew:null})}return i}(t,a,n);return(i||r)&&function(t,e,n,i){z(i,(function(r,o){if(r&&null!=r.id){var a=na(r.id),s=n.get(a);if(null!=s){var l=t[s];lt(!l.newOption,'Duplicated option on id "'+a+'".'),l.newOption=r,l.existing=e[s],i[o]=null}}}))}(u,t,a,e),i&&function(t,e){z(e,(function(n,i){if(n&&null!=n.name)for(var r=0;r<t.length;r++){var o=t[r].existing;if(!t[r].newOption&&o&&(null==o.id||null==n.id)&&!oa(n)&&!oa(o)&&ea("name",o,n))return t[r].newOption=n,void(e[i]=null)}}))}(u,e),i||r?function(t,e,n){z(e,(function(e){if(e){for(var i,r=0;(i=t[r])&&(i.newOption||oa(i.existing)||i.existing&&null!=e.id&&!ea("id",e,i.existing));)r++;i?(i.newOption=e,i.brandNew=n):t.push({newOption:e,brandNew:n,existing:null,keyInfo:null}),r++}}))}(u,e,r):o&&function(t,e){z(e,(function(e){t.push({newOption:e,brandNew:!0,existing:null,keyInfo:null})}))}(u,e),s=u,l=yt(),z(s,(function(t){var e=t.existing;e&&l.set(e.id,t)})),z(s,(function(t){var e=t.newOption;lt(!e||null==e.id||!l.get(e.id)||l.get(e.id)===t,"id duplicates: "+(e&&e.id)),e&&null!=e.id&&l.set(e.id,t),!t.keyInfo&&(t.keyInfo={})})),z(s,(function(t,e){var n=t.existing,i=t.newOption,r=t.keyInfo;if(q(i)){if(r.name=null!=i.name?na(i.name):n?n.name:Zo+e,n)r.id=na(n.id);else if(null!=i.id)r.id=na(i.id);else{var o=0;do{r.id="\0"+r.name+"\0"+o++}while(l.get(r.id))}l.set(r.id,t)}})),u}function ea(t,e,n){var i=ia(e[t],null),r=ia(n[t],null);return null!=i&&null!=r&&i===r}function na(t){return ia(t,"")}function ia(t,e){return null==t?e:X(t)?t:j(t)||Z(t)?t+"":e}function ra(t){var e=t.name;return!(!e||!e.indexOf(Zo))}function oa(t){return t&&null!=t.id&&0===na(t.id).indexOf(jo)}function aa(t,e){return null!=e.dataIndexInside?e.dataIndexInside:null!=e.dataIndex?U(e.dataIndex)?E(e.dataIndex,(function(e){return t.indexOfRawIndex(e)})):t.indexOfRawIndex(e.dataIndex):null!=e.name?U(e.name)?E(e.name,(function(e){return t.indexOfName(e)})):t.indexOfName(e.name):void 0}function sa(){var t="__ec_inner_"+la++;return function(e){return e[t]||(e[t]={})}}var la=Eo();function ua(t,e,n){var i=ca(e,n),r=i.mainTypeSpecified,o=i.queryOptionMap,a=i.others,s=n?n.defaultMainType:null;return!r&&s&&o.set(s,{}),o.each((function(e,i){var r=pa(t,i,e,{useDefault:s===i,enableAll:!n||null==n.enableAll||n.enableAll,enableNone:!n||null==n.enableNone||n.enableNone});a[i+"Models"]=r.models,a[i+"Model"]=r.models[0]})),a}function ca(t,e){var n;if(X(t)){var i={};i[t+"Index"]=0,n=i}else n=t;var r=yt(),o={},a=!1;return z(n,(function(t,n){if("dataIndex"!==n&&"dataIndexInside"!==n){var i=n.match(/^(\w+)(Index|Id|Name)$/)||[],s=i[1],l=(i[2]||"").toLowerCase();if(s&&l&&!(e&&e.includeMainTypes&&P(e.includeMainTypes,s)<0))a=a||!!s,(r.get(s)||r.set(s,{}))[l]=t}else o[n]=t})),{mainTypeSpecified:a,queryOptionMap:r,others:o}}var ha={useDefault:!0,enableAll:!1,enableNone:!1},da={useDefault:!1,enableAll:!0,enableNone:!0};function pa(t,e,n,i){i=i||ha;var r=n.index,o=n.id,a=n.name,s={models:null,specified:null!=r||null!=o||null!=a};if(!s.specified){var l=void 0;return s.models=i.useDefault&&(l=t.getComponent(e))?[l]:[],s}if("none"===r||!1===r){if(i.enableNone)return s.models=[],s;r=-1}return"all"===r&&(r=i.enableAll?o=a=null:-1),s.models=t.queryComponents({mainType:e,index:r,id:o,name:a}),s}function fa(t,e,n){t.setAttribute?t.setAttribute(e,n):t[e]=n}function ga(t,e){var n=yt(),i=[];return z(t,(function(t){var r=e(t);(n.get(r)||(i.push(r),n.set(r,[]))).push(t)})),{keys:i,buckets:n}}function ya(t,e,n,i,r){var o=null==e||"auto"===e;if(null==i)return i;if(j(i))return mo(f=Xo(n||0,i,r),o?Math.max(_o(n||0),_o(i)):e);if(X(i))return r<1?n:i;for(var a=[],s=n,l=i,u=Math.max(s?s.length:0,l.length),c=0;c<u;++c){var h=t.getDimensionInfo(c);if(h&&"ordinal"===h.type)a[c]=(r<1&&s?s:l)[c];else{var d=s&&s[c]?s[c]:0,p=l[c],f=Xo(d,p,r);a[c]=mo(f,o?Math.max(_o(d),_o(p)):e)}}return a}var va=function(){function t(){}return t.prototype.reset=function(t,e,n,i){return this._list=t,this._step=i=i||1,this._idx=e,this._end=null!=n?n:i>0?t.length:0,this.item=null,this.key=NaN,this},t.prototype.next=function(){return(this._step>0?this._idx<this._end:this._idx>=this._end)&&(this.item=this._list[this._idx],this.key=this._idx=this._idx+this._step,!0)},t}();function ma(t){t.option=t.parentModel=t.ecModel=null}var xa="___EC__COMPONENT__CONTAINER___",_a="___EC__EXTENDED_CLASS___";function ba(t){var e={main:"",sub:""};if(t){var n=t.split(".");e.main=n[0]||"",e.sub=n[1]||""}return e}function wa(t,e){t.$constructor=t,t.extend=function(t){var e,i,r=this;return Y(i=r)&&/^class\s/.test(Function.prototype.toString.call(i))?e=function(t){function e(){return t.apply(this,arguments)||this}return n(e,t),e}(r):(e=function(){(t.$constructor||r).apply(this,arguments)},O(e,this)),A(e.prototype,t),e[_a]=!0,e.extend=this.extend,e.superCall=Ia,e.superApply=Ta,e.superClass=r,e}}function Sa(t,e){t.extend=e.extend}var Ma=Math.round(10*Math.random());function Ia(t,e){for(var n=[],i=2;i<arguments.length;i++)n[i-2]=arguments[i];return this.superClass.prototype[e].apply(t,n)}function Ta(t,e,n){return this.superClass.prototype[e].apply(t,n)}function Ca(t){var e={};t.registerClass=function(t){var n,i=t.type||t.prototype.type;if(i){lt(/^[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)?$/.test(n=i),'componentType "'+n+'" illegal'),t.prototype.type=i;var r=ba(i);if(r.sub){if(r.sub!==xa){var o=function(t){var n=e[t.main];n&&n[xa]||((n=e[t.main]={})[xa]=!0);return n}(r);o[r.sub]=t}}else e[r.main]=t}return t},t.getClass=function(t,n,i){var r=e[t];if(r&&r[xa]&&(r=n?r[n]:null),i&&!r)throw new Error(n?"Component "+t+"."+(n||"")+" is used but not imported.":t+".type should be specified.");return r},t.getClassesByMainType=function(t){var n=ba(t),i=[],r=e[n.main];return r&&r[xa]?z(r,(function(t,e){e!==xa&&i.push(t)})):i.push(r),i},t.hasClass=function(t){var n=ba(t);return!!e[n.main]},t.getAllClassMainTypes=function(){var t=[];return z(e,(function(e,n){t.push(n)})),t},t.hasSubTypes=function(t){var n=ba(t),i=e[n.main];return i&&i[xa]}}function Da(t,e){for(var n=0;n<t.length;n++)t[n][1]||(t[n][1]=t[n][0]);return e=e||!1,function(n,i,r){for(var o={},a=0;a<t.length;a++){var s=t[a][1];if(!(i&&P(i,s)>=0||r&&P(r,s)<0)){var l=n.getShallow(s,e);null!=l&&(o[t[a][0]]=l)}}return o}}var Aa=Da([["fill","color"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["opacity"],["shadowColor"]]),ka=function(){function t(){}return t.prototype.getAreaStyle=function(t,e){return Aa(this,t,e)},t}(),La=new Xn(50);function Pa(t){if("string"==typeof t){var e=La.get(t);return e&&e.image}return t}function Oa(t,e,n,i,r){if(t){if("string"==typeof t){if(e&&e.__zrImageSrc===t||!n)return e;var o=La.get(t),a={hostEl:n,cb:i,cbPayload:r};return o?!Na(e=o.image)&&o.pending.push(a):((e=c.loadImage(t,Ra,Ra)).__zrImageSrc=t,La.put(t,e.__cachedImgObj={image:e,pending:[a]})),e}return t}return e}function Ra(){var t=this.__cachedImgObj;this.onload=this.onerror=this.__cachedImgObj=null;for(var e=0;e<t.pending.length;e++){var n=t.pending[e],i=n.cb;i&&i(this,n.cbPayload),n.hostEl.dirty()}t.pending.length=0}function Na(t){return t&&t.width&&t.height}var za=/\{([a-zA-Z0-9_]+)\|([^}]*)\}/g;function Ea(t,e,n,i,r,o){if(!n)return t.text="",void(t.isTruncated=!1);var a=(e+"").split("\n");o=Ba(n,i,r,o);for(var s=!1,l={},u=0,c=a.length;u<c;u++)Va(l,a[u],o),a[u]=l.textLine,s=s||l.isTruncated;t.text=a.join("\n"),t.isTruncated=s}function Ba(t,e,n,i){var r=A({},i=i||{});n=rt(n,"..."),r.maxIterations=rt(i.maxIterations,2);var o=r.minChar=rt(i.minChar,0),a=r.fontMeasureInfo=Lr(e),s=a.asciiCharWidth;r.placeholder=rt(i.placeholder,"");for(var l=t=Math.max(0,t-1),u=0;u<o&&l>=s;u++)l-=s;var c=Nr(a,n);return c>l&&(n="",c=0),l=t-c,r.ellipsis=n,r.ellipsisWidth=c,r.contentWidth=l,r.containerWidth=t,r}function Va(t,e,n){var i=n.containerWidth,r=n.contentWidth,o=n.fontMeasureInfo;if(!i)return t.textLine="",void(t.isTruncated=!1);var a=Nr(o,e);if(a<=i)return t.textLine=e,void(t.isTruncated=!1);for(var s=0;;s++){if(a<=r||s>=n.maxIterations){e+=n.ellipsis;break}var l=0===s?Ga(e,r,o):a>0?Math.floor(e.length*r/a):0;a=Nr(o,e=e.substr(0,l))}""===e&&(e=n.placeholder),t.textLine=e,t.isTruncated=!0}function Ga(t,e,n){for(var i=0,r=0,o=t.length;r<o&&i<e;r++)i+=Rr(n,t.charCodeAt(r));return r}var Fa=function(){},Wa=function(t){this.tokens=[],t&&(this.tokens=t)},Ha=function(){this.width=0,this.height=0,this.contentWidth=0,this.contentHeight=0,this.outerWidth=0,this.outerHeight=0,this.lines=[],this.isTruncated=!1};function Ua(t,e,n,i,r){var o,a,s=""===e,l=r&&n.rich[r]||{},u=t.lines,c=l.font||n.font,h=!1;if(i){var d=l.padding,p=d?d[1]+d[3]:0;if(null!=l.width&&"auto"!==l.width){var f=Fr(l.width,i.width)+p;u.length>0&&f+i.accumWidth>i.width&&(o=e.split("\n"),h=!0),i.accumWidth=f}else{var g=Za(e,c,i.width,i.breakAll,i.accumWidth);i.accumWidth=g.accumWidth+p,a=g.linesWidths,o=g.lines}}o||(o=e.split("\n"));for(var y=Lr(c),v=0;v<o.length;v++){var m=o[v],x=new Fa;if(x.styleName=r,x.text=m,x.isLineHolder=!m&&!s,"number"==typeof l.width?x.width=l.width:x.width=a?a[v]:Nr(y,m),v||h)u.push(new Wa([x]));else{var _=(u[u.length-1]||(u[0]=new Wa)).tokens,b=_.length;1===b&&_[0].isLineHolder?_[0]=x:(m||!b||s)&&_.push(x)}}}var Ya=B(",&?/;] ".split(""),(function(t,e){return t[e]=!0,t}),{});function Xa(t){return!function(t){var e=t.charCodeAt(0);return e>=32&&e<=591||e>=880&&e<=4351||e>=4608&&e<=5119||e>=7680&&e<=8303}(t)||!!Ya[t]}function Za(t,e,n,i,r){for(var o=[],a=[],s="",l="",u=0,c=0,h=Lr(e),d=0;d<t.length;d++){var p=t.charAt(d);if("\n"!==p){var f=Rr(h,p.charCodeAt(0)),g=!i&&!Xa(p);(o.length?c+f>n:r+c+f>n)?c?(s||l)&&(g?(s||(s=l,l="",c=u=0),o.push(s),a.push(c-u),l+=p,s="",c=u+=f):(l&&(s+=l,l="",u=0),o.push(s),a.push(c),s=p,c=f)):g?(o.push(l),a.push(u),l=p,u=f):(o.push(p),a.push(f)):(c+=f,g?(l+=p,u+=f):(l&&(s+=l,l="",u=0),s+=p))}else l&&(s+=l,c+=u),o.push(s),a.push(c),s="",l="",u=0,c=0}return l&&(s+=l),s&&(o.push(s),a.push(c)),1===o.length&&(c+=r),{accumWidth:c,lines:o,linesWidths:a}}function ja(t,e,n,i,r,o){if(t.baseX=n,t.baseY=i,t.outerWidth=t.outerHeight=null,e){var a=2*e.width,s=2*e.height;He.set(qa,Br(n,a,r),Vr(i,s,o),a,s),He.intersect(e,qa,null,Ka);var l=Ka.outIntersectRect;t.outerWidth=l.width,t.outerHeight=l.height,t.baseX=Br(l.x,l.width,r,!0),t.baseY=Vr(l.y,l.height,o,!0)}}var qa=new He(0,0,0,0),Ka={outIntersectRect:{},clamp:!0};function $a(t){return null!=t?t+="":t=""}function Ja(t,e,n,i){var r=new He(Br(t.x||0,e,t.textAlign),Vr(t.y||0,n,t.textBaseline),e,n),o=null!=i?i:Qa(t)?t.lineWidth:0;return o>0&&(r.x-=o/2,r.y-=o/2,r.width+=o,r.height+=o),r}function Qa(t){var e=t.stroke;return null!=e&&"none"!==e&&t.lineWidth>0}var ts="__zr_style_"+Math.round(10*Math.random()),es={shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,shadowColor:"#000",opacity:1,blend:"source-over"},ns={style:{shadowBlur:!0,shadowOffsetX:!0,shadowOffsetY:!0,shadowColor:!0,opacity:!0}};es[ts]=!0;var is=["z","z2","invisible"],rs=["invisible"],os=function(t){function e(e){return t.call(this,e)||this}var i;return n(e,t),e.prototype._init=function(e){for(var n=F(e),i=0;i<n.length;i++){var r=n[i];"style"===r?this.useStyle(e[r]):t.prototype.attrKV.call(this,r,e[r])}this.style||this.useStyle({})},e.prototype.beforeBrush=function(){},e.prototype.afterBrush=function(){},e.prototype.innerBeforeBrush=function(){},e.prototype.innerAfterBrush=function(){},e.prototype.shouldBePainted=function(t,e,n,i){var r=this.transform;if(this.ignore||this.invisible||0===this.style.opacity||this.culling&&function(t,e,n){as.copy(t.getBoundingRect()),t.transform&&as.applyTransform(t.transform);return ss.width=e,ss.height=n,!as.intersect(ss)}(this,t,e)||r&&!r[0]&&!r[3])return!1;if(n&&this.__clipPaths&&this.__clipPaths.length)for(var o=0;o<this.__clipPaths.length;++o)if(this.__clipPaths[o].isZeroArea())return!1;if(i&&this.parent)for(var a=this.parent;a;){if(a.ignore)return!1;a=a.parent}return!0},e.prototype.contain=function(t,e){return this.rectContain(t,e)},e.prototype.traverse=function(t,e){t.call(e,this)},e.prototype.rectContain=function(t,e){var n=this.transformCoordToLocal(t,e);return this.getBoundingRect().contain(n[0],n[1])},e.prototype.getPaintRect=function(){var t=this._paintRect;if(!this._paintRect||this.__dirty){var e=this.transform,n=this.getBoundingRect(),i=this.style,r=i.shadowBlur||0,o=i.shadowOffsetX||0,a=i.shadowOffsetY||0;t=this._paintRect||(this._paintRect=new He(0,0,0,0)),e?He.applyTransform(t,n,e):t.copy(n),(r||o||a)&&(t.width+=2*r+Math.abs(o),t.height+=2*r+Math.abs(a),t.x=Math.min(t.x,t.x+o-r),t.y=Math.min(t.y,t.y+a-r));var s=this.dirtyRectTolerance;t.isZero()||(t.x=Math.floor(t.x-s),t.y=Math.floor(t.y-s),t.width=Math.ceil(t.width+1+2*s),t.height=Math.ceil(t.height+1+2*s))}return t},e.prototype.setPrevPaintRect=function(t){t?(this._prevPaintRect=this._prevPaintRect||new He(0,0,0,0),this._prevPaintRect.copy(t)):this._prevPaintRect=null},e.prototype.getPrevPaintRect=function(){return this._prevPaintRect},e.prototype.animateStyle=function(t){return this.animate("style",t)},e.prototype.updateDuringAnimation=function(t){"style"===t?this.dirtyStyle():this.markRedraw()},e.prototype.attrKV=function(e,n){"style"!==e?t.prototype.attrKV.call(this,e,n):this.style?this.setStyle(n):this.useStyle(n)},e.prototype.setStyle=function(t,e){return"string"==typeof t?this.style[t]=e:A(this.style,t),this.dirtyStyle(),this},e.prototype.dirtyStyle=function(t){t||this.markRedraw(),this.__dirty|=2,this._rect&&(this._rect=null)},e.prototype.dirty=function(){this.dirtyStyle()},e.prototype.styleChanged=function(){return!!(2&this.__dirty)},e.prototype.styleUpdated=function(){this.__dirty&=-3},e.prototype.createStyle=function(t){return mt(es,t)},e.prototype.useStyle=function(t){t[ts]||(t=this.createStyle(t)),this.__inHover?this.__hoverStyle=t:this.style=t,this.dirtyStyle()},e.prototype.isStyleObject=function(t){return t[ts]},e.prototype._innerSaveToNormal=function(e){t.prototype._innerSaveToNormal.call(this,e);var n=this._normalState;e.style&&!n.style&&(n.style=this._mergeStyle(this.createStyle(),this.style)),this._savePrimaryToNormal(e,n,is)},e.prototype._applyStateObj=function(e,n,i,r,o,a){t.prototype._applyStateObj.call(this,e,n,i,r,o,a);var s,l=!(n&&r);if(n&&n.style?o?r?s=n.style:(s=this._mergeStyle(this.createStyle(),i.style),this._mergeStyle(s,n.style)):(s=this._mergeStyle(this.createStyle(),r?this.style:i.style),this._mergeStyle(s,n.style)):l&&(s=i.style),s)if(o){var u=this.style;if(this.style=this.createStyle(l?{}:u),l)for(var c=F(u),h=0;h<c.length;h++){(p=c[h])in s&&(s[p]=s[p],this.style[p]=u[p])}var d=F(s);for(h=0;h<d.length;h++){var p=d[h];this.style[p]=this.style[p]}this._transitionState(e,{style:s},a,this.getAnimationStyleProps())}else this.useStyle(s);var f=this.__inHover?rs:is;for(h=0;h<f.length;h++){p=f[h];n&&null!=n[p]?this[p]=n[p]:l&&null!=i[p]&&(this[p]=i[p])}},e.prototype._mergeStates=function(e){for(var n,i=t.prototype._mergeStates.call(this,e),r=0;r<e.length;r++){var o=e[r];o.style&&(n=n||{},this._mergeStyle(n,o.style))}return n&&(i.style=n),i},e.prototype._mergeStyle=function(t,e){return A(t,e),t},e.prototype.getAnimationStyleProps=function(){return ns},e.initDefaultProps=((i=e.prototype).type="displayable",i.invisible=!1,i.z=0,i.z2=0,i.zlevel=0,i.culling=!1,i.cursor="pointer",i.rectHover=!1,i.incremental=!1,i._rect=null,i.dirtyRectTolerance=0,void(i.__dirty=3)),e}(qr),as=new He(0,0,0,0),ss=new He(0,0,0,0);var ls=Math.min,us=Math.max,cs=Math.sin,hs=Math.cos,ds=2*Math.PI,ps=It(),fs=It(),gs=It();function ys(t,e,n){if(0!==t.length){for(var i=t[0],r=i[0],o=i[0],a=i[1],s=i[1],l=1;l<t.length;l++)i=t[l],r=ls(r,i[0]),o=us(o,i[0]),a=ls(a,i[1]),s=us(s,i[1]);e[0]=r,e[1]=a,n[0]=o,n[1]=s}}function vs(t,e,n,i,r,o){r[0]=ls(t,n),r[1]=ls(e,i),o[0]=us(t,n),o[1]=us(e,i)}var ms=[],xs=[];function _s(t,e,n,i,r,o,a,s,l,u){var c=Ln,h=Dn,d=c(t,n,r,a,ms);l[0]=1/0,l[1]=1/0,u[0]=-1/0,u[1]=-1/0;for(var p=0;p<d;p++){var f=h(t,n,r,a,ms[p]);l[0]=ls(f,l[0]),u[0]=us(f,u[0])}d=c(e,i,o,s,xs);for(p=0;p<d;p++){var g=h(e,i,o,s,xs[p]);l[1]=ls(g,l[1]),u[1]=us(g,u[1])}l[0]=ls(t,l[0]),u[0]=us(t,u[0]),l[0]=ls(a,l[0]),u[0]=us(a,u[0]),l[1]=ls(e,l[1]),u[1]=us(e,u[1]),l[1]=ls(s,l[1]),u[1]=us(s,u[1])}function bs(t,e,n,i,r,o,a,s){var l=En,u=Nn,c=us(ls(l(t,n,r),1),0),h=us(ls(l(e,i,o),1),0),d=u(t,n,r,c),p=u(e,i,o,h);a[0]=ls(t,r,d),a[1]=ls(e,o,p),s[0]=us(t,r,d),s[1]=us(e,o,p)}function ws(t,e,n,i,r,o,a,s,l){var u=Ut,c=Yt,h=Math.abs(r-o);if(h%ds<1e-4&&h>1e-4)return s[0]=t-n,s[1]=e-i,l[0]=t+n,void(l[1]=e+i);if(ps[0]=hs(r)*n+t,ps[1]=cs(r)*i+e,fs[0]=hs(o)*n+t,fs[1]=cs(o)*i+e,u(s,ps,fs),c(l,ps,fs),(r%=ds)<0&&(r+=ds),(o%=ds)<0&&(o+=ds),r>o&&!a?o+=ds:r<o&&a&&(r+=ds),a){var d=o;o=r,r=d}for(var p=0;p<o;p+=Math.PI/2)p>r&&(gs[0]=hs(p)*n+t,gs[1]=cs(p)*i+e,u(s,gs,s),c(l,gs,l))}var Ss={M:1,L:2,C:3,Q:4,A:5,Z:6,R:7},Ms=[],Is=[],Ts=[],Cs=[],Ds=[],As=[],ks=Math.min,Ls=Math.max,Ps=Math.cos,Os=Math.sin,Rs=Math.abs,Ns=Math.PI,zs=2*Ns,Es="undefined"!=typeof Float32Array,Bs=[];function Vs(t){return Math.round(t/Ns*1e8)/1e8%2*Ns}function Gs(t,e){var n=Vs(t[0]);n<0&&(n+=zs);var i=n-t[0],r=t[1];r+=i,!e&&r-n>=zs?r=n+zs:e&&n-r>=zs?r=n-zs:!e&&n>r?r=n+(zs-Vs(n-r)):e&&n<r&&(r=n-(zs-Vs(r-n))),t[0]=n,t[1]=r}var Fs=function(){function t(t){this.dpr=1,this._xi=0,this._yi=0,this._x0=0,this._y0=0,this._len=0,t&&(this._saveData=!1),this._saveData&&(this.data=[])}var e;return t.prototype.increaseVersion=function(){this._version++},t.prototype.getVersion=function(){return this._version},t.prototype.setScale=function(t,e,n){(n=n||0)>0&&(this._ux=Rs(n/vr/t)||0,this._uy=Rs(n/vr/e)||0)},t.prototype.setDPR=function(t){this.dpr=t},t.prototype.setContext=function(t){this._ctx=t},t.prototype.getContext=function(){return this._ctx},t.prototype.beginPath=function(){return this._ctx&&this._ctx.beginPath(),this.reset(),this},t.prototype.reset=function(){this._saveData&&(this._len=0),this._pathSegLen&&(this._pathSegLen=null,this._pathLen=0),this._version++},t.prototype.moveTo=function(t,e){return this._drawPendingPt(),this.addData(Ss.M,t,e),this._ctx&&this._ctx.moveTo(t,e),this._x0=t,this._y0=e,this._xi=t,this._yi=e,this},t.prototype.lineTo=function(t,e){var n=Rs(t-this._xi),i=Rs(e-this._yi),r=n>this._ux||i>this._uy;if(this.addData(Ss.L,t,e),this._ctx&&r&&this._ctx.lineTo(t,e),r)this._xi=t,this._yi=e,this._pendingPtDist=0;else{var o=n*n+i*i;o>this._pendingPtDist&&(this._pendingPtX=t,this._pendingPtY=e,this._pendingPtDist=o)}return this},t.prototype.bezierCurveTo=function(t,e,n,i,r,o){return this._drawPendingPt(),this.addData(Ss.C,t,e,n,i,r,o),this._ctx&&this._ctx.bezierCurveTo(t,e,n,i,r,o),this._xi=r,this._yi=o,this},t.prototype.quadraticCurveTo=function(t,e,n,i){return this._drawPendingPt(),this.addData(Ss.Q,t,e,n,i),this._ctx&&this._ctx.quadraticCurveTo(t,e,n,i),this._xi=n,this._yi=i,this},t.prototype.arc=function(t,e,n,i,r,o){this._drawPendingPt(),Bs[0]=i,Bs[1]=r,Gs(Bs,o),i=Bs[0];var a=(r=Bs[1])-i;return this.addData(Ss.A,t,e,n,n,i,a,0,o?0:1),this._ctx&&this._ctx.arc(t,e,n,i,r,o),this._xi=Ps(r)*n+t,this._yi=Os(r)*n+e,this},t.prototype.arcTo=function(t,e,n,i,r){return this._drawPendingPt(),this._ctx&&this._ctx.arcTo(t,e,n,i,r),this},t.prototype.rect=function(t,e,n,i){return this._drawPendingPt(),this._ctx&&this._ctx.rect(t,e,n,i),this.addData(Ss.R,t,e,n,i),this},t.prototype.closePath=function(){this._drawPendingPt(),this.addData(Ss.Z);var t=this._ctx,e=this._x0,n=this._y0;return t&&t.closePath(),this._xi=e,this._yi=n,this},t.prototype.fill=function(t){t&&t.fill(),this.toStatic()},t.prototype.stroke=function(t){t&&t.stroke(),this.toStatic()},t.prototype.len=function(){return this._len},t.prototype.setData=function(t){if(this._saveData){var e=t.length;this.data&&this.data.length===e||!Es||(this.data=new Float32Array(e));for(var n=0;n<e;n++)this.data[n]=t[n];this._len=e}},t.prototype.appendPath=function(t){if(this._saveData){t instanceof Array||(t=[t]);for(var e=t.length,n=0,i=this._len,r=0;r<e;r++)n+=t[r].len();var o=this.data;if(Es&&(o instanceof Float32Array||!o)&&(this.data=new Float32Array(i+n),i>0&&o))for(var a=0;a<i;a++)this.data[a]=o[a];for(r=0;r<e;r++){var s=t[r].data;for(a=0;a<s.length;a++)this.data[i++]=s[a]}this._len=i}},t.prototype.addData=function(t,e,n,i,r,o,a,s,l){if(this._saveData){var u=this.data;this._len+arguments.length>u.length&&(this._expandData(),u=this.data);for(var c=0;c<arguments.length;c++)u[this._len++]=arguments[c]}},t.prototype._drawPendingPt=function(){this._pendingPtDist>0&&(this._ctx&&this._ctx.lineTo(this._pendingPtX,this._pendingPtY),this._pendingPtDist=0)},t.prototype._expandData=function(){if(!(this.data instanceof Array)){for(var t=[],e=0;e<this._len;e++)t[e]=this.data[e];this.data=t}},t.prototype.toStatic=function(){if(this._saveData){this._drawPendingPt();var t=this.data;t instanceof Array&&(t.length=this._len,Es&&this._len>11&&(this.data=new Float32Array(t)))}},t.prototype.getBoundingRect=function(){Ts[0]=Ts[1]=Ds[0]=Ds[1]=Number.MAX_VALUE,Cs[0]=Cs[1]=As[0]=As[1]=-Number.MAX_VALUE;var t,e=this.data,n=0,i=0,r=0,o=0;for(t=0;t<this._len;){var a=e[t++],s=1===t;switch(s&&(r=n=e[t],o=i=e[t+1]),a){case Ss.M:n=r=e[t++],i=o=e[t++],Ds[0]=r,Ds[1]=o,As[0]=r,As[1]=o;break;case Ss.L:vs(n,i,e[t],e[t+1],Ds,As),n=e[t++],i=e[t++];break;case Ss.C:_s(n,i,e[t++],e[t++],e[t++],e[t++],e[t],e[t+1],Ds,As),n=e[t++],i=e[t++];break;case Ss.Q:bs(n,i,e[t++],e[t++],e[t],e[t+1],Ds,As),n=e[t++],i=e[t++];break;case Ss.A:var l=e[t++],u=e[t++],c=e[t++],h=e[t++],d=e[t++],p=e[t++]+d;t+=1;var f=!e[t++];s&&(r=Ps(d)*c+l,o=Os(d)*h+u),ws(l,u,c,h,d,p,f,Ds,As),n=Ps(p)*c+l,i=Os(p)*h+u;break;case Ss.R:vs(r=n=e[t++],o=i=e[t++],r+e[t++],o+e[t++],Ds,As);break;case Ss.Z:n=r,i=o}Ut(Ts,Ts,Ds),Yt(Cs,Cs,As)}return 0===t&&(Ts[0]=Ts[1]=Cs[0]=Cs[1]=0),new He(Ts[0],Ts[1],Cs[0]-Ts[0],Cs[1]-Ts[1])},t.prototype._calculateLength=function(){var t=this.data,e=this._len,n=this._ux,i=this._uy,r=0,o=0,a=0,s=0;this._pathSegLen||(this._pathSegLen=[]);for(var l=this._pathSegLen,u=0,c=0,h=0;h<e;){var d=t[h++],p=1===h;p&&(a=r=t[h],s=o=t[h+1]);var f=-1;switch(d){case Ss.M:r=a=t[h++],o=s=t[h++];break;case Ss.L:var g=t[h++],y=(x=t[h++])-o;(Rs(A=g-r)>n||Rs(y)>i||h===e-1)&&(f=Math.sqrt(A*A+y*y),r=g,o=x);break;case Ss.C:var v=t[h++],m=t[h++],x=(g=t[h++],t[h++]),_=t[h++],b=t[h++];f=Rn(r,o,v,m,g,x,_,b,10),r=_,o=b;break;case Ss.Q:f=Gn(r,o,v=t[h++],m=t[h++],g=t[h++],x=t[h++],10),r=g,o=x;break;case Ss.A:var w=t[h++],S=t[h++],M=t[h++],I=t[h++],T=t[h++],C=t[h++],D=C+T;h+=1,p&&(a=Ps(T)*M+w,s=Os(T)*I+S),f=Ls(M,I)*ks(zs,Math.abs(C)),r=Ps(D)*M+w,o=Os(D)*I+S;break;case Ss.R:a=r=t[h++],s=o=t[h++],f=2*t[h++]+2*t[h++];break;case Ss.Z:var A=a-r;y=s-o;f=Math.sqrt(A*A+y*y),r=a,o=s}f>=0&&(l[c++]=f,u+=f)}return this._pathLen=u,u},t.prototype.rebuildPath=function(t,e){var n,i,r,o,a,s,l,u,c,h,d=this.data,p=this._ux,f=this._uy,g=this._len,y=e<1,v=0,m=0,x=0;if(!y||(this._pathSegLen||this._calculateLength(),l=this._pathSegLen,u=e*this._pathLen))t:for(var _=0;_<g;){var b=d[_++],w=1===_;switch(w&&(n=r=d[_],i=o=d[_+1]),b!==Ss.L&&x>0&&(t.lineTo(c,h),x=0),b){case Ss.M:n=r=d[_++],i=o=d[_++],t.moveTo(r,o);break;case Ss.L:a=d[_++],s=d[_++];var S=Rs(a-r),M=Rs(s-o);if(S>p||M>f){if(y){if(v+(j=l[m++])>u){var I=(u-v)/j;t.lineTo(r*(1-I)+a*I,o*(1-I)+s*I);break t}v+=j}t.lineTo(a,s),r=a,o=s,x=0}else{var T=S*S+M*M;T>x&&(c=a,h=s,x=T)}break;case Ss.C:var C=d[_++],D=d[_++],A=d[_++],k=d[_++],L=d[_++],P=d[_++];if(y){if(v+(j=l[m++])>u){Pn(r,C,A,L,I=(u-v)/j,Ms),Pn(o,D,k,P,I,Is),t.bezierCurveTo(Ms[1],Is[1],Ms[2],Is[2],Ms[3],Is[3]);break t}v+=j}t.bezierCurveTo(C,D,A,k,L,P),r=L,o=P;break;case Ss.Q:C=d[_++],D=d[_++],A=d[_++],k=d[_++];if(y){if(v+(j=l[m++])>u){Bn(r,C,A,I=(u-v)/j,Ms),Bn(o,D,k,I,Is),t.quadraticCurveTo(Ms[1],Is[1],Ms[2],Is[2]);break t}v+=j}t.quadraticCurveTo(C,D,A,k),r=A,o=k;break;case Ss.A:var O=d[_++],R=d[_++],N=d[_++],z=d[_++],E=d[_++],B=d[_++],V=d[_++],G=!d[_++],F=N>z?N:z,W=Rs(N-z)>.001,H=E+B,U=!1;if(y)v+(j=l[m++])>u&&(H=E+B*(u-v)/j,U=!0),v+=j;if(W&&t.ellipse?t.ellipse(O,R,N,z,V,E,H,G):t.arc(O,R,F,E,H,G),U)break t;w&&(n=Ps(E)*N+O,i=Os(E)*z+R),r=Ps(H)*N+O,o=Os(H)*z+R;break;case Ss.R:n=r=d[_],i=o=d[_+1],a=d[_++],s=d[_++];var Y=d[_++],X=d[_++];if(y){if(v+(j=l[m++])>u){var Z=u-v;t.moveTo(a,s),t.lineTo(a+ks(Z,Y),s),(Z-=Y)>0&&t.lineTo(a+Y,s+ks(Z,X)),(Z-=X)>0&&t.lineTo(a+Ls(Y-Z,0),s+X),(Z-=Y)>0&&t.lineTo(a,s+Ls(X-Z,0));break t}v+=j}t.rect(a,s,Y,X);break;case Ss.Z:if(y){var j;if(v+(j=l[m++])>u){I=(u-v)/j;t.lineTo(r*(1-I)+n*I,o*(1-I)+i*I);break t}v+=j}t.closePath(),r=n,o=i}}},t.prototype.clone=function(){var e=new t,n=this.data;return e.data=n.slice?n.slice():Array.prototype.slice.call(n),e._len=this._len,e},t.prototype.canSave=function(){return!!this._saveData},t.CMD=Ss,t.initDefaultProps=((e=t.prototype)._saveData=!0,e._ux=0,e._uy=0,e._pendingPtDist=0,void(e._version=0)),t}();function Ws(t,e,n,i,r,o,a){if(0===r)return!1;var s=r,l=0;if(a>e+s&&a>i+s||a<e-s&&a<i-s||o>t+s&&o>n+s||o<t-s&&o<n-s)return!1;if(t===n)return Math.abs(o-t)<=s/2;var u=(l=(e-i)/(t-n))*o-a+(t*i-n*e)/(t-n);return u*u/(l*l+1)<=s/2*s/2}function Hs(t,e,n,i,r,o,a,s,l,u,c){if(0===l)return!1;var h=l;return!(c>e+h&&c>i+h&&c>o+h&&c>s+h||c<e-h&&c<i-h&&c<o-h&&c<s-h||u>t+h&&u>n+h&&u>r+h&&u>a+h||u<t-h&&u<n-h&&u<r-h&&u<a-h)&&On(t,e,n,i,r,o,a,s,u,c,null)<=h/2}function Us(t,e,n,i,r,o,a,s,l){if(0===a)return!1;var u=a;return!(l>e+u&&l>i+u&&l>o+u||l<e-u&&l<i-u&&l<o-u||s>t+u&&s>n+u&&s>r+u||s<t-u&&s<n-u&&s<r-u)&&Vn(t,e,n,i,r,o,s,l,null)<=u/2}var Ys=2*Math.PI;function Xs(t){return(t%=Ys)<0&&(t+=Ys),t}var Zs=2*Math.PI;function js(t,e,n,i,r,o,a,s,l){if(0===a)return!1;var u=a;s-=t,l-=e;var c=Math.sqrt(s*s+l*l);if(c-u>n||c+u<n)return!1;if(Math.abs(i-r)%Zs<1e-4)return!0;if(o){var h=i;i=Xs(r),r=Xs(h)}else i=Xs(i),r=Xs(r);i>r&&(r+=Zs);var d=Math.atan2(l,s);return d<0&&(d+=Zs),d>=i&&d<=r||d+Zs>=i&&d+Zs<=r}function qs(t,e,n,i,r,o){if(o>e&&o>i||o<e&&o<i)return 0;if(i===e)return 0;var a=(o-e)/(i-e),s=i<e?1:-1;1!==a&&0!==a||(s=i<e?.5:-.5);var l=a*(n-t)+t;return l===r?1/0:l>r?s:0}var Ks=Fs.CMD,$s=2*Math.PI;var Js=[-1,-1,-1],Qs=[-1,-1];function tl(t,e,n,i,r,o,a,s,l,u){if(u>e&&u>i&&u>o&&u>s||u<e&&u<i&&u<o&&u<s)return 0;var c,h=kn(e,i,o,s,u,Js);if(0===h)return 0;for(var d=0,p=-1,f=void 0,g=void 0,y=0;y<h;y++){var v=Js[y],m=0===v||1===v?.5:1;Dn(t,n,r,a,v)<l||(p<0&&(p=Ln(e,i,o,s,Qs),Qs[1]<Qs[0]&&p>1&&(c=void 0,c=Qs[0],Qs[0]=Qs[1],Qs[1]=c),f=Dn(e,i,o,s,Qs[0]),p>1&&(g=Dn(e,i,o,s,Qs[1]))),2===p?v<Qs[0]?d+=f<e?m:-m:v<Qs[1]?d+=g<f?m:-m:d+=s<g?m:-m:v<Qs[0]?d+=f<e?m:-m:d+=s<f?m:-m)}return d}function el(t,e,n,i,r,o,a,s){if(s>e&&s>i&&s>o||s<e&&s<i&&s<o)return 0;var l=function(t,e,n,i,r){var o=t-2*e+n,a=2*(e-t),s=t-i,l=0;if(Tn(o))Cn(a)&&(c=-s/a)>=0&&c<=1&&(r[l++]=c);else{var u=a*a-4*o*s;if(Tn(u))(c=-a/(2*o))>=0&&c<=1&&(r[l++]=c);else if(u>0){var c,h=mn(u),d=(-a-h)/(2*o);(c=(-a+h)/(2*o))>=0&&c<=1&&(r[l++]=c),d>=0&&d<=1&&(r[l++]=d)}}return l}(e,i,o,s,Js);if(0===l)return 0;var u=En(e,i,o);if(u>=0&&u<=1){for(var c=0,h=Nn(e,i,o,u),d=0;d<l;d++){var p=0===Js[d]||1===Js[d]?.5:1;Nn(t,n,r,Js[d])<a||(Js[d]<u?c+=h<e?p:-p:c+=o<h?p:-p)}return c}p=0===Js[0]||1===Js[0]?.5:1;return Nn(t,n,r,Js[0])<a?0:o<e?p:-p}function nl(t,e,n,i,r,o,a,s){if((s-=e)>n||s<-n)return 0;var l=Math.sqrt(n*n-s*s);Js[0]=-l,Js[1]=l;var u=Math.abs(i-r);if(u<1e-4)return 0;if(u>=$s-1e-4){i=0,r=$s;var c=o?1:-1;return a>=Js[0]+t&&a<=Js[1]+t?c:0}if(i>r){var h=i;i=r,r=h}i<0&&(i+=$s,r+=$s);for(var d=0,p=0;p<2;p++){var f=Js[p];if(f+t>a){var g=Math.atan2(s,f);c=o?1:-1;g<0&&(g=$s+g),(g>=i&&g<=r||g+$s>=i&&g+$s<=r)&&(g>Math.PI/2&&g<1.5*Math.PI&&(c=-c),d+=c)}}return d}function il(t,e,n,i,r){for(var o,a,s,l,u=t.data,c=t.len(),h=0,d=0,p=0,f=0,g=0,y=0;y<c;){var v=u[y++],m=1===y;switch(v===Ks.M&&y>1&&(n||(h+=qs(d,p,f,g,i,r))),m&&(f=d=u[y],g=p=u[y+1]),v){case Ks.M:d=f=u[y++],p=g=u[y++];break;case Ks.L:if(n){if(Ws(d,p,u[y],u[y+1],e,i,r))return!0}else h+=qs(d,p,u[y],u[y+1],i,r)||0;d=u[y++],p=u[y++];break;case Ks.C:if(n){if(Hs(d,p,u[y++],u[y++],u[y++],u[y++],u[y],u[y+1],e,i,r))return!0}else h+=tl(d,p,u[y++],u[y++],u[y++],u[y++],u[y],u[y+1],i,r)||0;d=u[y++],p=u[y++];break;case Ks.Q:if(n){if(Us(d,p,u[y++],u[y++],u[y],u[y+1],e,i,r))return!0}else h+=el(d,p,u[y++],u[y++],u[y],u[y+1],i,r)||0;d=u[y++],p=u[y++];break;case Ks.A:var x=u[y++],_=u[y++],b=u[y++],w=u[y++],S=u[y++],M=u[y++];y+=1;var I=!!(1-u[y++]);o=Math.cos(S)*b+x,a=Math.sin(S)*w+_,m?(f=o,g=a):h+=qs(d,p,o,a,i,r);var T=(i-x)*w/b+x;if(n){if(js(x,_,w,S,S+M,I,e,T,r))return!0}else h+=nl(x,_,w,S,S+M,I,T,r);d=Math.cos(S+M)*b+x,p=Math.sin(S+M)*w+_;break;case Ks.R:if(f=d=u[y++],g=p=u[y++],o=f+u[y++],a=g+u[y++],n){if(Ws(f,g,o,g,e,i,r)||Ws(o,g,o,a,e,i,r)||Ws(o,a,f,a,e,i,r)||Ws(f,a,f,g,e,i,r))return!0}else h+=qs(o,g,o,a,i,r),h+=qs(f,a,f,g,i,r);break;case Ks.Z:if(n){if(Ws(d,p,f,g,e,i,r))return!0}else h+=qs(d,p,f,g,i,r);d=f,p=g}}return n||(s=p,l=g,Math.abs(s-l)<1e-4)||(h+=qs(d,p,f,g,i,r)||0),0!==h}var rl=k({fill:"#000",stroke:null,strokePercent:1,fillOpacity:1,strokeOpacity:1,lineDashOffset:0,lineWidth:1,lineCap:"butt",miterLimit:10,strokeNoScale:!1,strokeFirst:!1},es),ol={style:k({fill:!0,stroke:!0,strokePercent:!0,fillOpacity:!0,strokeOpacity:!0,lineDashOffset:!0,lineWidth:!0,miterLimit:!0},ns.style)},al=Ar.concat(["invisible","culling","z","z2","zlevel","parent"]),sl=function(t){function e(e){return t.call(this,e)||this}var i;return n(e,t),e.prototype.update=function(){var n=this;t.prototype.update.call(this);var i=this.style;if(i.decal){var r=this._decalEl=this._decalEl||new e;r.buildPath===e.prototype.buildPath&&(r.buildPath=function(t){n.buildPath(t,n.shape)}),r.silent=!0;var o=r.style;for(var a in i)o[a]!==i[a]&&(o[a]=i[a]);o.fill=i.fill?i.decal:null,o.decal=null,o.shadowColor=null,i.strokeFirst&&(o.stroke=null);for(var s=0;s<al.length;++s)r[al[s]]=this[al[s]];r.__dirty|=1}else this._decalEl&&(this._decalEl=null)},e.prototype.getDecalElement=function(){return this._decalEl},e.prototype._init=function(e){var n=F(e);this.shape=this.getDefaultShape();var i=this.getDefaultStyle();i&&this.useStyle(i);for(var r=0;r<n.length;r++){var o=n[r],a=e[o];"style"===o?this.style?A(this.style,a):this.useStyle(a):"shape"===o?A(this.shape,a):t.prototype.attrKV.call(this,o,a)}this.style||this.useStyle({})},e.prototype.getDefaultStyle=function(){return null},e.prototype.getDefaultShape=function(){return{}},e.prototype.canBeInsideText=function(){return this.hasFill()},e.prototype.getInsideTextFill=function(){var t=this.style.fill;if("none"!==t){if(X(t)){var e=gi(t,0);return e>.5?mr:e>.2?"#eee":xr}if(t)return xr}return mr},e.prototype.getInsideTextStroke=function(t){var e=this.style.fill;if(X(e)){var n=this.__zr;if(!(!n||!n.isDarkMode())===gi(t,0)<.4)return e}},e.prototype.buildPath=function(t,e,n){},e.prototype.pathUpdated=function(){this.__dirty&=-5},e.prototype.getUpdatedPathProxy=function(t){return!this.path&&this.createPathProxy(),this.path.beginPath(),this.buildPath(this.path,this.shape,t),this.path},e.prototype.createPathProxy=function(){this.path=new Fs(!1)},e.prototype.hasStroke=function(){var t=this.style,e=t.stroke;return!(null==e||"none"===e||!(t.lineWidth>0))},e.prototype.hasFill=function(){var t=this.style.fill;return null!=t&&"none"!==t},e.prototype.getBoundingRect=function(){var t=this._rect,e=this.style,n=!t;if(n){var i=!1;this.path||(i=!0,this.createPathProxy());var r=this.path;(i||4&this.__dirty)&&(r.beginPath(),this.buildPath(r,this.shape,!1),this.pathUpdated()),t=r.getBoundingRect()}if(this._rect=t,this.hasStroke()&&this.path&&this.path.len()>0){var o=this._rectStroke||(this._rectStroke=t.clone());if(this.__dirty||n){o.copy(t);var a=e.strokeNoScale?this.getLineScale():1,s=e.lineWidth;if(!this.hasFill()){var l=this.strokeContainThreshold;s=Math.max(s,null==l?4:l)}a>1e-10&&(o.width+=s/a,o.height+=s/a,o.x-=s/a/2,o.y-=s/a/2)}return o}return t},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e),i=this.getBoundingRect(),r=this.style;if(t=n[0],e=n[1],i.contain(t,e)){var o=this.path;if(this.hasStroke()){var a=r.lineWidth,s=r.strokeNoScale?this.getLineScale():1;if(s>1e-10&&(this.hasFill()||(a=Math.max(a,this.strokeContainThreshold)),function(t,e,n,i){return il(t,e,!0,n,i)}(o,a/s,t,e)))return!0}if(this.hasFill())return function(t,e,n){return il(t,0,!1,e,n)}(o,t,e)}return!1},e.prototype.dirtyShape=function(){this.__dirty|=4,this._rect&&(this._rect=null),this._decalEl&&this._decalEl.dirtyShape(),this.markRedraw()},e.prototype.dirty=function(){this.dirtyStyle(),this.dirtyShape()},e.prototype.animateShape=function(t){return this.animate("shape",t)},e.prototype.updateDuringAnimation=function(t){"style"===t?this.dirtyStyle():"shape"===t?this.dirtyShape():this.markRedraw()},e.prototype.attrKV=function(e,n){"shape"===e?this.setShape(n):t.prototype.attrKV.call(this,e,n)},e.prototype.setShape=function(t,e){var n=this.shape;return n||(n=this.shape={}),"string"==typeof t?n[t]=e:A(n,t),this.dirtyShape(),this},e.prototype.shapeChanged=function(){return!!(4&this.__dirty)},e.prototype.createStyle=function(t){return mt(rl,t)},e.prototype._innerSaveToNormal=function(e){t.prototype._innerSaveToNormal.call(this,e);var n=this._normalState;e.shape&&!n.shape&&(n.shape=A({},this.shape))},e.prototype._applyStateObj=function(e,n,i,r,o,a){t.prototype._applyStateObj.call(this,e,n,i,r,o,a);var s,l=!(n&&r);if(n&&n.shape?o?r?s=n.shape:(s=A({},i.shape),A(s,n.shape)):(s=A({},r?this.shape:i.shape),A(s,n.shape)):l&&(s=i.shape),s)if(o){this.shape=A({},this.shape);for(var u={},c=F(s),h=0;h<c.length;h++){var d=c[h];"object"==typeof s[d]?this.shape[d]=s[d]:u[d]=s[d]}this._transitionState(e,{shape:u},a)}else this.shape=s,this.dirtyShape()},e.prototype._mergeStates=function(e){for(var n,i=t.prototype._mergeStates.call(this,e),r=0;r<e.length;r++){var o=e[r];o.shape&&(n=n||{},this._mergeStyle(n,o.shape))}return n&&(i.shape=n),i},e.prototype.getAnimationStyleProps=function(){return ol},e.prototype.isZeroArea=function(){return!1},e.extend=function(t){var i=function(e){function i(n){var i=e.call(this,n)||this;return t.init&&t.init.call(i,n),i}return n(i,e),i.prototype.getDefaultStyle=function(){return T(t.style)},i.prototype.getDefaultShape=function(){return T(t.shape)},i}(e);for(var r in t)"function"==typeof t[r]&&(i.prototype[r]=t[r]);return i},e.initDefaultProps=((i=e.prototype).type="path",i.strokeContainThreshold=5,i.segmentIgnoreThreshold=0,i.subPixelOptimize=!1,i.autoBatch=!1,void(i.__dirty=7)),e}(os),ll=k({strokeFirst:!0,font:a,x:0,y:0,textAlign:"left",textBaseline:"top",miterLimit:2},rl),ul=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.hasStroke=function(){return Qa(this.style)},e.prototype.hasFill=function(){var t=this.style.fill;return null!=t&&"none"!==t},e.prototype.createStyle=function(t){return mt(ll,t)},e.prototype.setBoundingRect=function(t){this._rect=t},e.prototype.getBoundingRect=function(){var t,e,n;return this._rect||(this._rect=(t=this.style,e=$a(t.text),n=t.font,Ja(t,Nr(Lr(n),e),Gr(n),null))),this._rect},e.initDefaultProps=void(e.prototype.dirtyRectTolerance=10),e}(os);ul.prototype.type="tspan";var cl=k({x:0,y:0},es),hl={style:k({x:!0,y:!0,width:!0,height:!0,sx:!0,sy:!0,sWidth:!0,sHeight:!0},ns.style)};var dl=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.createStyle=function(t){return mt(cl,t)},e.prototype._getSize=function(t){var e=this.style,n=e[t];if(null!=n)return n;var i,r=(i=e.image)&&"string"!=typeof i&&i.width&&i.height?e.image:this.__image;if(!r)return 0;var o="width"===t?"height":"width",a=e[o];return null==a?r[t]:r[t]/r[o]*a},e.prototype.getWidth=function(){return this._getSize("width")},e.prototype.getHeight=function(){return this._getSize("height")},e.prototype.getAnimationStyleProps=function(){return hl},e.prototype.getBoundingRect=function(){var t=this.style;return this._rect||(this._rect=new He(t.x||0,t.y||0,this.getWidth(),this.getHeight())),this._rect},e}(os);dl.prototype.type="image";var pl=Math.round;function fl(t,e,n){if(e){var i=e.x1,r=e.x2,o=e.y1,a=e.y2;t.x1=i,t.x2=r,t.y1=o,t.y2=a;var s=n&&n.lineWidth;return s?(pl(2*i)===pl(2*r)&&(t.x1=t.x2=yl(i,s,!0)),pl(2*o)===pl(2*a)&&(t.y1=t.y2=yl(o,s,!0)),t):t}}function gl(t,e,n){if(e){var i=e.x,r=e.y,o=e.width,a=e.height;t.x=i,t.y=r,t.width=o,t.height=a;var s=n&&n.lineWidth;return s?(t.x=yl(i,s,!0),t.y=yl(r,s,!0),t.width=Math.max(yl(i+o,s,!1)-t.x,0===o?0:1),t.height=Math.max(yl(r+a,s,!1)-t.y,0===a?0:1),t):t}}function yl(t,e,n){if(!e)return t;var i=pl(2*t);return(i+pl(e))%2==0?i/2:(i+(n?1:-1))/2}var vl=function(){this.x=0,this.y=0,this.width=0,this.height=0},ml={},xl=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new vl},e.prototype.buildPath=function(t,e){var n,i,r,o;if(this.subPixelOptimize){var a=gl(ml,e,this.style);n=a.x,i=a.y,r=a.width,o=a.height,a.r=e.r,e=a}else n=e.x,i=e.y,r=e.width,o=e.height;e.r?function(t,e){var n,i,r,o,a,s=e.x,l=e.y,u=e.width,c=e.height,h=e.r;u<0&&(s+=u,u=-u),c<0&&(l+=c,c=-c),"number"==typeof h?n=i=r=o=h:h instanceof Array?1===h.length?n=i=r=o=h[0]:2===h.length?(n=r=h[0],i=o=h[1]):3===h.length?(n=h[0],i=o=h[1],r=h[2]):(n=h[0],i=h[1],r=h[2],o=h[3]):n=i=r=o=0,n+i>u&&(n*=u/(a=n+i),i*=u/a),r+o>u&&(r*=u/(a=r+o),o*=u/a),i+r>c&&(i*=c/(a=i+r),r*=c/a),n+o>c&&(n*=c/(a=n+o),o*=c/a),t.moveTo(s+n,l),t.lineTo(s+u-i,l),0!==i&&t.arc(s+u-i,l+i,i,-Math.PI/2,0),t.lineTo(s+u,l+c-r),0!==r&&t.arc(s+u-r,l+c-r,r,0,Math.PI/2),t.lineTo(s+o,l+c),0!==o&&t.arc(s+o,l+c-o,o,Math.PI/2,Math.PI),t.lineTo(s,l+n),0!==n&&t.arc(s+n,l+n,n,Math.PI,1.5*Math.PI)}(t,e):t.rect(n,i,r,o)},e.prototype.isZeroArea=function(){return!this.shape.width||!this.shape.height},e}(sl);xl.prototype.type="rect";var _l={fill:"#000"},bl={},wl={style:k({fill:!0,stroke:!0,fillOpacity:!0,strokeOpacity:!0,lineWidth:!0,fontSize:!0,lineHeight:!0,width:!0,height:!0,textShadowColor:!0,textShadowBlur:!0,textShadowOffsetX:!0,textShadowOffsetY:!0,backgroundColor:!0,padding:!0,borderColor:!0,borderWidth:!0,borderRadius:!0},ns.style)},Sl=function(t){function e(e){var n=t.call(this)||this;return n.type="text",n._children=[],n._defaultStyle=_l,n.attr(e),n}return n(e,t),e.prototype.childrenRef=function(){return this._children},e.prototype.update=function(){t.prototype.update.call(this),this.styleChanged()&&this._updateSubTexts();for(var e=0;e<this._children.length;e++){var n=this._children[e];n.zlevel=this.zlevel,n.z=this.z,n.z2=this.z2,n.culling=this.culling,n.cursor=this.cursor,n.invisible=this.invisible}},e.prototype.updateTransform=function(){var e=this.innerTransformable;e?(e.updateTransform(),e.transform&&(this.transform=e.transform)):t.prototype.updateTransform.call(this)},e.prototype.getLocalTransform=function(e){var n=this.innerTransformable;return n?n.getLocalTransform(e):t.prototype.getLocalTransform.call(this,e)},e.prototype.getComputedTransform=function(){return this.__hostTarget&&(this.__hostTarget.getComputedTransform(),this.__hostTarget.updateInnerText(!0)),t.prototype.getComputedTransform.call(this)},e.prototype._updateSubTexts=function(){var t;this._childCursor=0,kl(t=this.style),z(t.rich,kl),this.style.rich?this._updateRichTexts():this._updatePlainTexts(),this._children.length=this._childCursor,this.styleUpdated()},e.prototype.addSelfToZr=function(e){t.prototype.addSelfToZr.call(this,e);for(var n=0;n<this._children.length;n++)this._children[n].__zr=e},e.prototype.removeSelfFromZr=function(e){t.prototype.removeSelfFromZr.call(this,e);for(var n=0;n<this._children.length;n++)this._children[n].__zr=null},e.prototype.getBoundingRect=function(){if(this.styleChanged()&&this._updateSubTexts(),!this._rect){for(var t=new He(0,0,0,0),e=this._children,n=[],i=null,r=0;r<e.length;r++){var o=e[r],a=o.getBoundingRect(),s=o.getLocalTransform(n);s?(t.copy(a),t.applyTransform(s),(i=i||t.clone()).union(t)):(i=i||a.clone()).union(a)}this._rect=i||t}return this._rect},e.prototype.setDefaultTextStyle=function(t){this._defaultStyle=t||_l},e.prototype.setTextContent=function(t){0},e.prototype._mergeStyle=function(t,e){if(!e)return t;var n=e.rich,i=t.rich||n&&{};return A(t,e),n&&i?(this._mergeRich(i,n),t.rich=i):i&&(t.rich=i),t},e.prototype._mergeRich=function(t,e){for(var n=F(e),i=0;i<n.length;i++){var r=n[i];t[r]=t[r]||{},A(t[r],e[r])}},e.prototype.getAnimationStyleProps=function(){return wl},e.prototype._getOrCreateChild=function(t){var e=this._children[this._childCursor];return e&&e instanceof t||(e=new t),this._children[this._childCursor++]=e,e.__zr=this.__zr,e.parent=this,e},e.prototype._updatePlainTexts=function(){var t=this.style,e=t.font||a,n=t.padding,i=this._defaultStyle,r=t.x||0,o=t.y||0,s=t.align||i.align||"left",l=t.verticalAlign||i.verticalAlign||"top";ja(bl,i.overflowRect,r,o,s,l),r=bl.baseX,o=bl.baseY;var u=function(t,e,n,i){var r=$a(t),o=e.overflow,a=e.padding,s=a?a[1]+a[3]:0,l=a?a[0]+a[2]:0,u=e.font,c="truncate"===o,h=Gr(u),d=rt(e.lineHeight,h),p="truncate"===e.lineOverflow,f=!1,g=e.width;null==g&&null!=n&&(g=n-s);var y,v=e.height;null==v&&null!=i&&(v=i-l);var m=(y=null==g||"break"!==o&&"breakAll"!==o?r?r.split("\n"):[]:r?Za(r,e.font,g,"breakAll"===o,0).lines:[]).length*d;if(null==v&&(v=m),m>v&&p){var x=Math.floor(v/d);f=f||y.length>x,m=(y=y.slice(0,x)).length*d}if(r&&c&&null!=g)for(var _=Ba(g,u,e.ellipsis,{minChar:e.truncateMinChar,placeholder:e.placeholder}),b={},w=0;w<y.length;w++)Va(b,y[w],_),y[w]=b.textLine,f=f||b.isTruncated;var S=v,M=0,I=Lr(u);for(w=0;w<y.length;w++)M=Math.max(Nr(I,y[w]),M);null==g&&(g=M);var T=g;return{lines:y,height:v,outerWidth:T+=s,outerHeight:S+=l,lineHeight:d,calculatedLineHeight:h,contentWidth:M,contentHeight:m,width:g,isTruncated:f}}(Rl(t),t,bl.outerWidth,bl.outerHeight),c=Nl(t),h=!!t.backgroundColor,d=u.outerHeight,p=u.outerWidth,f=u.lines,g=u.lineHeight;this.isTruncated=!!u.isTruncated;var y=r,v=Vr(o,u.contentHeight,l);if(c||n){var m=Br(r,p,s),x=Vr(o,d,l);c&&this._renderBackground(t,t,m,x,p,d)}v+=g/2,n&&(y=Ol(r,s,n),"top"===l?v+=n[0]:"bottom"===l&&(v-=n[2]));for(var _=0,b=!1,w=!1,S=(Pl("fill"in t?t.fill:(w=!0,i.fill))),M=(Ll("stroke"in t?t.stroke:h||i.autoStroke&&!w?null:(_=2,b=!0,i.stroke))),I=t.textShadowBlur>0,T=0;T<f.length;T++){var C=this._getOrCreateChild(ul),D=C.createStyle();C.useStyle(D),D.text=f[T],D.x=y,D.y=v,s&&(D.textAlign=s),D.textBaseline="middle",D.opacity=t.opacity,D.strokeFirst=!0,I&&(D.shadowBlur=t.textShadowBlur||0,D.shadowColor=t.textShadowColor||"transparent",D.shadowOffsetX=t.textShadowOffsetX||0,D.shadowOffsetY=t.textShadowOffsetY||0),D.stroke=M,D.fill=S,M&&(D.lineWidth=t.lineWidth||_,D.lineDash=t.lineDash,D.lineDashOffset=t.lineDashOffset||0),D.font=e,Dl(D,t),v+=g,C.setBoundingRect(Ja(D,u.contentWidth,u.calculatedLineHeight,b?0:null))}},e.prototype._updateRichTexts=function(){var t=this.style,e=this._defaultStyle,n=t.align||e.align,i=t.verticalAlign||e.verticalAlign,r=t.x||0,o=t.y||0;ja(bl,e.overflowRect,r,o,n,i),r=bl.baseX,o=bl.baseY;var a=function(t,e,n,i,r){var o=new Ha,a=$a(t);if(!a)return o;var s=e.padding,l=s?s[1]+s[3]:0,u=s?s[0]+s[2]:0,c=e.width;null==c&&null!=n&&(c=n-l);var h=e.height;null==h&&null!=i&&(h=i-u);for(var d,p=e.overflow,f="break"!==p&&"breakAll"!==p||null==c?null:{width:c,accumWidth:0,breakAll:"breakAll"===p},g=za.lastIndex=0;null!=(d=za.exec(a));){var y=d.index;y>g&&Ua(o,a.substring(g,y),e,f),Ua(o,d[2],e,f,d[1]),g=za.lastIndex}g<a.length&&Ua(o,a.substring(g,a.length),e,f);var v=[],m=0,x=0,_="truncate"===p,b="truncate"===e.lineOverflow,w={};function S(t,e,n){t.width=e,t.lineHeight=n,m+=n,x=Math.max(x,e)}t:for(var M=0;M<o.lines.length;M++){for(var I=o.lines[M],T=0,C=0,D=0;D<I.tokens.length;D++){var A=(G=I.tokens[D]).styleName&&e.rich[G.styleName]||{},k=G.textPadding=A.padding,L=k?k[1]+k[3]:0,P=G.font=A.font||e.font;G.contentHeight=Gr(P);var O=rt(A.height,G.contentHeight);if(G.innerHeight=O,k&&(O+=k[0]+k[2]),G.height=O,G.lineHeight=ot(A.lineHeight,e.lineHeight,O),G.align=A&&A.align||r,G.verticalAlign=A&&A.verticalAlign||"middle",b&&null!=h&&m+G.lineHeight>h){var R=o.lines.length;D>0?(I.tokens=I.tokens.slice(0,D),S(I,C,T),o.lines=o.lines.slice(0,M+1)):o.lines=o.lines.slice(0,M),o.isTruncated=o.isTruncated||o.lines.length<R;break t}var N=A.width,z=null==N||"auto"===N;if("string"==typeof N&&"%"===N.charAt(N.length-1))G.percentWidth=N,v.push(G),G.contentWidth=Nr(Lr(P),G.text);else{if(z){var E=A.backgroundColor,B=E&&E.image;B&&Na(B=Pa(B))&&(G.width=Math.max(G.width,B.width*O/B.height))}var V=_&&null!=c?c-C:null;null!=V&&V<G.width?!z||V<L?(G.text="",G.width=G.contentWidth=0):(Ea(w,G.text,V-L,P,e.ellipsis,{minChar:e.truncateMinChar}),G.text=w.text,o.isTruncated=o.isTruncated||w.isTruncated,G.width=G.contentWidth=Nr(Lr(P),G.text)):G.contentWidth=Nr(Lr(P),G.text)}G.width+=L,C+=G.width,A&&(T=Math.max(T,G.lineHeight))}S(I,C,T)}for(o.outerWidth=o.width=rt(c,x),o.outerHeight=o.height=rt(h,m),o.contentHeight=m,o.contentWidth=x,o.outerWidth+=l,o.outerHeight+=u,M=0;M<v.length;M++){var G,F=(G=v[M]).percentWidth;G.width=parseInt(F,10)/100*o.width}return o}(Rl(t),t,bl.outerWidth,bl.outerHeight,n),s=a.width,l=a.outerWidth,u=a.outerHeight,c=t.padding;this.isTruncated=!!a.isTruncated;var h=Br(r,l,n),d=Vr(o,u,i),p=h,f=d;c&&(p+=c[3],f+=c[0]);var g=p+s;Nl(t)&&this._renderBackground(t,t,h,d,l,u);for(var y=!!t.backgroundColor,v=0;v<a.lines.length;v++){for(var m=a.lines[v],x=m.tokens,_=x.length,b=m.lineHeight,w=m.width,S=0,M=p,I=g,T=_-1,C=void 0;S<_&&(!(C=x[S]).align||"left"===C.align);)this._placeToken(C,t,b,f,M,"left",y),w-=C.width,M+=C.width,S++;for(;T>=0&&"right"===(C=x[T]).align;)this._placeToken(C,t,b,f,I,"right",y),w-=C.width,I-=C.width,T--;for(M+=(s-(M-p)-(g-I)-w)/2;S<=T;)C=x[S],this._placeToken(C,t,b,f,M+C.width/2,"center",y),M+=C.width,S++;f+=b}},e.prototype._placeToken=function(t,e,n,i,r,o,s){var l=e.rich[t.styleName]||{};l.text=t.text;var u=t.verticalAlign,c=i+n/2;"top"===u?c=i+t.height/2:"bottom"===u&&(c=i+n-t.height/2),!t.isLineHolder&&Nl(l)&&this._renderBackground(l,e,"right"===o?r-t.width:"center"===o?r-t.width/2:r,c-t.height/2,t.width,t.height);var h=!!l.backgroundColor,d=t.textPadding;d&&(r=Ol(r,o,d),c-=t.height/2-d[0]-t.innerHeight/2);var p=this._getOrCreateChild(ul),f=p.createStyle();p.useStyle(f);var g=this._defaultStyle,y=!1,v=0,m=!1,x=Pl("fill"in l?l.fill:"fill"in e?e.fill:(y=!0,g.fill)),_=Ll("stroke"in l?l.stroke:"stroke"in e?e.stroke:h||s||g.autoStroke&&!y?null:(v=2,m=!0,g.stroke)),b=l.textShadowBlur>0||e.textShadowBlur>0;f.text=t.text,f.x=r,f.y=c,b&&(f.shadowBlur=l.textShadowBlur||e.textShadowBlur||0,f.shadowColor=l.textShadowColor||e.textShadowColor||"transparent",f.shadowOffsetX=l.textShadowOffsetX||e.textShadowOffsetX||0,f.shadowOffsetY=l.textShadowOffsetY||e.textShadowOffsetY||0),f.textAlign=o,f.textBaseline="middle",f.font=t.font||a,f.opacity=ot(l.opacity,e.opacity,1),Dl(f,l),_&&(f.lineWidth=ot(l.lineWidth,e.lineWidth,v),f.lineDash=rt(l.lineDash,e.lineDash),f.lineDashOffset=e.lineDashOffset||0,f.stroke=_),x&&(f.fill=x),p.setBoundingRect(Ja(f,t.contentWidth,t.contentHeight,m?0:null))},e.prototype._renderBackground=function(t,e,n,i,r,o){var a,s,l,u=t.backgroundColor,c=t.borderWidth,h=t.borderColor,d=u&&u.image,p=u&&!d,f=t.borderRadius,g=this;if(p||t.lineHeight||c&&h){(a=this._getOrCreateChild(xl)).useStyle(a.createStyle()),a.style.fill=null;var y=a.shape;y.x=n,y.y=i,y.width=r,y.height=o,y.r=f,a.dirtyShape()}if(p)(l=a.style).fill=u||null,l.fillOpacity=rt(t.fillOpacity,1);else if(d){(s=this._getOrCreateChild(dl)).onload=function(){g.dirtyStyle()};var v=s.style;v.image=u.image,v.x=n,v.y=i,v.width=r,v.height=o}c&&h&&((l=a.style).lineWidth=c,l.stroke=h,l.strokeOpacity=rt(t.strokeOpacity,1),l.lineDash=t.borderDash,l.lineDashOffset=t.borderDashOffset||0,a.strokeContainThreshold=0,a.hasFill()&&a.hasStroke()&&(l.strokeFirst=!0,l.lineWidth*=2));var m=(a||s).style;m.shadowBlur=t.shadowBlur||0,m.shadowColor=t.shadowColor||"transparent",m.shadowOffsetX=t.shadowOffsetX||0,m.shadowOffsetY=t.shadowOffsetY||0,m.opacity=ot(t.opacity,e.opacity,1)},e.makeFont=function(t){var e="";return Al(t)&&(e=[t.fontStyle,t.fontWeight,Cl(t.fontSize),t.fontFamily||"sans-serif"].join(" ")),e&&ut(e)||t.textFont||t.font},e}(os),Ml={left:!0,right:1,center:1},Il={top:1,bottom:1,middle:1},Tl=["fontStyle","fontWeight","fontSize","fontFamily"];function Cl(t){return"string"!=typeof t||-1===t.indexOf("px")&&-1===t.indexOf("rem")&&-1===t.indexOf("em")?isNaN(+t)?"12px":t+"px":t}function Dl(t,e){for(var n=0;n<Tl.length;n++){var i=Tl[n],r=e[i];null!=r&&(t[i]=r)}}function Al(t){return null!=t.fontSize||t.fontFamily||t.fontWeight}function kl(t){if(t){t.font=Sl.makeFont(t);var e=t.align;"middle"===e&&(e="center"),t.align=null==e||Ml[e]?e:"left";var n=t.verticalAlign;"center"===n&&(n="middle"),t.verticalAlign=null==n||Il[n]?n:"top",t.padding&&(t.padding=st(t.padding))}}function Ll(t,e){return null==t||e<=0||"transparent"===t||"none"===t?null:t.image||t.colorStops?"#000":t}function Pl(t){return null==t||"none"===t?null:t.image||t.colorStops?"#000":t}function Ol(t,e,n){return"right"===e?t-n[1]:"center"===e?t+n[3]/2-n[1]/2:t+n[3]}function Rl(t){var e=t.text;return null!=e&&(e+=""),e}function Nl(t){return!!(t.backgroundColor||t.lineHeight||t.borderWidth&&t.borderColor)}var zl=sa(),El=function(t,e,n,i){if(i){var r=zl(i);r.dataIndex=n,r.dataType=e,r.seriesIndex=t,r.ssrType="chart","group"===i.type&&i.traverse((function(i){var r=zl(i);r.seriesIndex=t,r.dataIndex=n,r.dataType=e,r.ssrType="chart"}))}},Bl=1,Vl={},Gl=sa(),Fl=sa(),Wl=["emphasis","blur","select"],Hl=["normal","emphasis","blur","select"],Ul=10,Yl="highlight",Xl="downplay",Zl="select",jl="unselect",ql="toggleSelect",Kl="selectchanged";function $l(t){return null!=t&&"none"!==t}function Jl(t,e,n){t.onHoverStateChange&&(t.hoverState||0)!==n&&t.onHoverStateChange(e),t.hoverState=n}function Ql(t){Jl(t,"emphasis",2)}function tu(t){2===t.hoverState&&Jl(t,"normal",0)}function eu(t){Jl(t,"blur",1)}function nu(t){1===t.hoverState&&Jl(t,"normal",0)}function iu(t){t.selected=!0}function ru(t){t.selected=!1}function ou(t,e,n){e(t,n)}function au(t,e,n){ou(t,e,n),t.isGroup&&t.traverse((function(t){ou(t,e,n)}))}function su(t,e){switch(e){case"emphasis":t.hoverState=2;break;case"normal":t.hoverState=0;break;case"blur":t.hoverState=1;break;case"select":t.selected=!0}}function lu(t,e){var n=this.states[t];if(this.style){if("emphasis"===t)return function(t,e,n,i){var r=n&&P(n,"select")>=0,o=!1;if(t instanceof sl){var a=Gl(t),s=r&&a.selectFill||a.normalFill,l=r&&a.selectStroke||a.normalStroke;if($l(s)||$l(l)){var u=(i=i||{}).style||{};"inherit"===u.fill?(o=!0,i=A({},i),(u=A({},u)).fill=s):!$l(u.fill)&&$l(s)?(o=!0,i=A({},i),(u=A({},u)).fill=vi(s)):!$l(u.stroke)&&$l(l)&&(o||(i=A({},i),u=A({},u)),u.stroke=vi(l)),i.style=u}}if(i&&null==i.z2){o||(i=A({},i));var c=t.z2EmphasisLift;i.z2=t.z2+(null!=c?c:Ul)}return i}(this,0,e,n);if("blur"===t)return function(t,e,n){var i=P(t.currentStates,e)>=0,r=t.style.opacity,o=i?null:function(t,e,n,i){for(var r=t.style,o={},a=0;a<e.length;a++){var s=e[a],l=r[s];o[s]=null==l?i&&i[s]:l}for(a=0;a<t.animators.length;a++){var u=t.animators[a];u.__fromStateTransition&&u.__fromStateTransition.indexOf(n)<0&&"style"===u.targetName&&u.saveTo(o,e)}return o}(t,["opacity"],e,{opacity:1}),a=(n=n||{}).style||{};return null==a.opacity&&(n=A({},n),a=A({opacity:i?r:.1*o.opacity},a),n.style=a),n}(this,t,n);if("select"===t)return function(t,e,n){if(n&&null==n.z2){n=A({},n);var i=t.z2SelectLift;n.z2=t.z2+(null!=i?i:9)}return n}(this,0,n)}return n}function uu(t){t.stateProxy=lu;var e=t.getTextContent(),n=t.getTextGuideLine();e&&(e.stateProxy=lu),n&&(n.stateProxy=lu)}function cu(t,e){!mu(t,e)&&!t.__highByOuter&&au(t,Ql)}function hu(t,e){!mu(t,e)&&!t.__highByOuter&&au(t,tu)}function du(t,e){t.__highByOuter|=1<<(e||0),au(t,Ql)}function pu(t,e){!(t.__highByOuter&=~(1<<(e||0)))&&au(t,tu)}function fu(t){au(t,eu)}function gu(t){au(t,nu)}function yu(t){au(t,iu)}function vu(t){au(t,ru)}function mu(t,e){return t.__highDownSilentOnTouch&&e.zrByTouch}function xu(t){var e=t.getModel(),n=[],i=[];e.eachComponent((function(e,r){var o=Fl(r),a="series"===e,s=a?t.getViewOfSeriesModel(r):t.getViewOfComponentModel(r);!a&&i.push(s),o.isBlured&&(s.group.traverse((function(t){nu(t)})),a&&n.push(r)),o.isBlured=!1})),z(i,(function(t){t&&t.toggleBlurSeries&&t.toggleBlurSeries(n,!1,e)}))}function _u(t,e,n,i){var r=i.getModel();function o(t,e){for(var n=0;n<e.length;n++){var i=t.getItemGraphicEl(e[n]);i&&gu(i)}}if(n=n||"coordinateSystem",null!=t&&e&&"none"!==e){var a=r.getSeriesByIndex(t),s=a.coordinateSystem;s&&s.master&&(s=s.master);var l=[];r.eachSeries((function(t){var r=a===t,u=t.coordinateSystem;if(u&&u.master&&(u=u.master),!("series"===n&&!r||"coordinateSystem"===n&&!(u&&s?u===s:r)||"series"===e&&r)){if(i.getViewOfSeriesModel(t).group.traverse((function(t){t.__highByOuter&&r&&"self"===e||eu(t)})),N(e))o(t.getData(),e);else if(q(e))for(var c=F(e),h=0;h<c.length;h++)o(t.getData(c[h]),e[c[h]]);l.push(t),Fl(t).isBlured=!0}})),r.eachComponent((function(t,e){if("series"!==t){var n=i.getViewOfComponentModel(e);n&&n.toggleBlurSeries&&n.toggleBlurSeries(l,!0,r)}}))}}function bu(t,e,n){if(null!=t&&null!=e){var i=n.getModel().getComponent(t,e);if(i){Fl(i).isBlured=!0;var r=n.getViewOfComponentModel(i);r&&r.focusBlurEnabled&&r.group.traverse((function(t){eu(t)}))}}}function wu(t,e,n,i){var r={focusSelf:!1,dispatchers:null};if(null==t||"series"===t||null==e||null==n)return r;var o=i.getModel().getComponent(t,e);if(!o)return r;var a=i.getViewOfComponentModel(o);if(!a||!a.findHighDownDispatchers)return r;for(var s,l=a.findHighDownDispatchers(n),u=0;u<l.length;u++)if("self"===zl(l[u]).focus){s=!0;break}return{focusSelf:s,dispatchers:l}}function Su(t){z(t.getAllData(),(function(e){var n=e.data,i=e.type;n.eachItemGraphicEl((function(e,n){t.isSelected(n,i)?yu(e):vu(e)}))}))}function Mu(t){var e=[];return t.eachSeries((function(t){z(t.getAllData(),(function(n){n.data;var i=n.type,r=t.getSelectedDataIndices();if(r.length>0){var o={dataIndex:r,seriesIndex:t.seriesIndex};null!=i&&(o.dataType=i),e.push(o)}}))})),e}function Iu(t,e,n){Lu(t,!0),au(t,uu),Cu(t,e,n)}function Tu(t,e,n,i){i?function(t){Lu(t,!1)}(t):Iu(t,e,n)}function Cu(t,e,n){var i=zl(t);null!=e?(i.focus=e,i.blurScope=n):i.focus&&(i.focus=null)}var Du=["emphasis","blur","select"],Au={itemStyle:"getItemStyle",lineStyle:"getLineStyle",areaStyle:"getAreaStyle"};function ku(t,e,n,i){n=n||"itemStyle";for(var r=0;r<Du.length;r++){var o=Du[r],a=e.getModel([o,n]);t.ensureState(o).style=i?i(a):a[Au[n]]()}}function Lu(t,e){var n=!1===e,i=t;t.highDownSilentOnTouch&&(i.__highDownSilentOnTouch=t.highDownSilentOnTouch),n&&!i.__highDownDispatcher||(i.__highByOuter=i.__highByOuter||0,i.__highDownDispatcher=!n)}function Pu(t){return!(!t||!t.__highDownDispatcher)}function Ou(t){var e=t.type;return e===Zl||e===jl||e===ql}function Ru(t){var e=t.type;return e===Yl||e===Xl}var Nu=Fs.CMD,zu=[[],[],[]],Eu=Math.sqrt,Bu=Math.atan2;function Vu(t,e){if(e){var n,i,r,o,a,s,l=t.data,u=t.len(),c=Nu.M,h=Nu.C,d=Nu.L,p=Nu.R,f=Nu.A,g=Nu.Q;for(r=0,o=0;r<u;){switch(n=l[r++],o=r,i=0,n){case c:case d:i=1;break;case h:i=3;break;case g:i=2;break;case f:var y=e[4],v=e[5],m=Eu(e[0]*e[0]+e[1]*e[1]),x=Eu(e[2]*e[2]+e[3]*e[3]),_=Bu(-e[1]/x,e[0]/m);l[r]*=m,l[r++]+=y,l[r]*=x,l[r++]+=v,l[r++]*=m,l[r++]*=x,l[r++]+=_,l[r++]+=_,o=r+=2;break;case p:s[0]=l[r++],s[1]=l[r++],Ht(s,s,e),l[o++]=s[0],l[o++]=s[1],s[0]+=l[r++],s[1]+=l[r++],Ht(s,s,e),l[o++]=s[0],l[o++]=s[1]}for(a=0;a<i;a++){var b=zu[a];b[0]=l[r++],b[1]=l[r++],Ht(b,b,e),l[o++]=b[0],l[o++]=b[1]}}t.increaseVersion()}}var Gu=Math.sqrt,Fu=Math.sin,Wu=Math.cos,Hu=Math.PI;function Uu(t){return Math.sqrt(t[0]*t[0]+t[1]*t[1])}function Yu(t,e){return(t[0]*e[0]+t[1]*e[1])/(Uu(t)*Uu(e))}function Xu(t,e){return(t[0]*e[1]<t[1]*e[0]?-1:1)*Math.acos(Yu(t,e))}function Zu(t,e,n,i,r,o,a,s,l,u,c){var h=l*(Hu/180),d=Wu(h)*(t-n)/2+Fu(h)*(e-i)/2,p=-1*Fu(h)*(t-n)/2+Wu(h)*(e-i)/2,f=d*d/(a*a)+p*p/(s*s);f>1&&(a*=Gu(f),s*=Gu(f));var g=(r===o?-1:1)*Gu((a*a*(s*s)-a*a*(p*p)-s*s*(d*d))/(a*a*(p*p)+s*s*(d*d)))||0,y=g*a*p/s,v=g*-s*d/a,m=(t+n)/2+Wu(h)*y-Fu(h)*v,x=(e+i)/2+Fu(h)*y+Wu(h)*v,_=Xu([1,0],[(d-y)/a,(p-v)/s]),b=[(d-y)/a,(p-v)/s],w=[(-1*d-y)/a,(-1*p-v)/s],S=Xu(b,w);if(Yu(b,w)<=-1&&(S=Hu),Yu(b,w)>=1&&(S=0),S<0){var M=Math.round(S/Hu*1e6)/1e6;S=2*Hu+M%2*Hu}c.addData(u,m,x,a,s,_,S,h,o)}var ju=/([mlvhzcqtsa])([^mlvhzcqtsa]*)/gi,qu=/-?([0-9]*\.)?[0-9]+([eE]-?[0-9]+)?/g;var Ku=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.applyTransform=function(t){},e}(sl);function $u(t){return null!=t.setData}function Ju(t,e){var n=function(t){var e=new Fs;if(!t)return e;var n,i=0,r=0,o=i,a=r,s=Fs.CMD,l=t.match(ju);if(!l)return e;for(var u=0;u<l.length;u++){for(var c=l[u],h=c.charAt(0),d=void 0,p=c.match(qu)||[],f=p.length,g=0;g<f;g++)p[g]=parseFloat(p[g]);for(var y=0;y<f;){var v=void 0,m=void 0,x=void 0,_=void 0,b=void 0,w=void 0,S=void 0,M=i,I=r,T=void 0,C=void 0;switch(h){case"l":i+=p[y++],r+=p[y++],d=s.L,e.addData(d,i,r);break;case"L":i=p[y++],r=p[y++],d=s.L,e.addData(d,i,r);break;case"m":i+=p[y++],r+=p[y++],d=s.M,e.addData(d,i,r),o=i,a=r,h="l";break;case"M":i=p[y++],r=p[y++],d=s.M,e.addData(d,i,r),o=i,a=r,h="L";break;case"h":i+=p[y++],d=s.L,e.addData(d,i,r);break;case"H":i=p[y++],d=s.L,e.addData(d,i,r);break;case"v":r+=p[y++],d=s.L,e.addData(d,i,r);break;case"V":r=p[y++],d=s.L,e.addData(d,i,r);break;case"C":d=s.C,e.addData(d,p[y++],p[y++],p[y++],p[y++],p[y++],p[y++]),i=p[y-2],r=p[y-1];break;case"c":d=s.C,e.addData(d,p[y++]+i,p[y++]+r,p[y++]+i,p[y++]+r,p[y++]+i,p[y++]+r),i+=p[y-2],r+=p[y-1];break;case"S":v=i,m=r,T=e.len(),C=e.data,n===s.C&&(v+=i-C[T-4],m+=r-C[T-3]),d=s.C,M=p[y++],I=p[y++],i=p[y++],r=p[y++],e.addData(d,v,m,M,I,i,r);break;case"s":v=i,m=r,T=e.len(),C=e.data,n===s.C&&(v+=i-C[T-4],m+=r-C[T-3]),d=s.C,M=i+p[y++],I=r+p[y++],i+=p[y++],r+=p[y++],e.addData(d,v,m,M,I,i,r);break;case"Q":M=p[y++],I=p[y++],i=p[y++],r=p[y++],d=s.Q,e.addData(d,M,I,i,r);break;case"q":M=p[y++]+i,I=p[y++]+r,i+=p[y++],r+=p[y++],d=s.Q,e.addData(d,M,I,i,r);break;case"T":v=i,m=r,T=e.len(),C=e.data,n===s.Q&&(v+=i-C[T-4],m+=r-C[T-3]),i=p[y++],r=p[y++],d=s.Q,e.addData(d,v,m,i,r);break;case"t":v=i,m=r,T=e.len(),C=e.data,n===s.Q&&(v+=i-C[T-4],m+=r-C[T-3]),i+=p[y++],r+=p[y++],d=s.Q,e.addData(d,v,m,i,r);break;case"A":x=p[y++],_=p[y++],b=p[y++],w=p[y++],S=p[y++],Zu(M=i,I=r,i=p[y++],r=p[y++],w,S,x,_,b,d=s.A,e);break;case"a":x=p[y++],_=p[y++],b=p[y++],w=p[y++],S=p[y++],Zu(M=i,I=r,i+=p[y++],r+=p[y++],w,S,x,_,b,d=s.A,e)}}"z"!==h&&"Z"!==h||(d=s.Z,e.addData(d),i=o,r=a),n=d}return e.toStatic(),e}(t),i=A({},e);return i.buildPath=function(t){var e,i=$u(t);i&&t.canSave()?(t.appendPath(n),(e=t.getContext())&&t.rebuildPath(e,1)):(e=i?t.getContext():t)&&n.rebuildPath(e,1)},i.applyTransform=function(t){Vu(n,t),this.dirtyShape()},i}function Qu(t,e){return new Ku(Ju(t,e))}function tc(t,e){e=e||{};var n=new sl;return t.shape&&n.setShape(t.shape),n.setStyle(t.style),e.bakeTransform?Vu(n.path,t.getComputedTransform()):e.toLocal?n.setLocalTransform(t.getComputedTransform()):n.copyTransform(t),n.buildPath=t.buildPath,n.applyTransform=n.applyTransform,n.z=t.z,n.z2=t.z2,n.zlevel=t.zlevel,n}var ec=function(){this.cx=0,this.cy=0,this.r=0},nc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new ec},e.prototype.buildPath=function(t,e){t.moveTo(e.cx+e.r,e.cy),t.arc(e.cx,e.cy,e.r,0,2*Math.PI)},e}(sl);nc.prototype.type="circle";var ic=function(){this.cx=0,this.cy=0,this.rx=0,this.ry=0},rc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new ic},e.prototype.buildPath=function(t,e){var n=.5522848,i=e.cx,r=e.cy,o=e.rx,a=e.ry,s=o*n,l=a*n;t.moveTo(i-o,r),t.bezierCurveTo(i-o,r-l,i-s,r-a,i,r-a),t.bezierCurveTo(i+s,r-a,i+o,r-l,i+o,r),t.bezierCurveTo(i+o,r+l,i+s,r+a,i,r+a),t.bezierCurveTo(i-s,r+a,i-o,r+l,i-o,r),t.closePath()},e}(sl);rc.prototype.type="ellipse";var oc=Math.PI,ac=2*oc,sc=Math.sin,lc=Math.cos,uc=Math.acos,cc=Math.atan2,hc=Math.abs,dc=Math.sqrt,pc=Math.max,fc=Math.min,gc=1e-4;function yc(t,e,n,i,r,o,a){var s=t-n,l=e-i,u=(a?o:-o)/dc(s*s+l*l),c=u*l,h=-u*s,d=t+c,p=e+h,f=n+c,g=i+h,y=(d+f)/2,v=(p+g)/2,m=f-d,x=g-p,_=m*m+x*x,b=r-o,w=d*g-f*p,S=(x<0?-1:1)*dc(pc(0,b*b*_-w*w)),M=(w*x-m*S)/_,I=(-w*m-x*S)/_,T=(w*x+m*S)/_,C=(-w*m+x*S)/_,D=M-y,A=I-v,k=T-y,L=C-v;return D*D+A*A>k*k+L*L&&(M=T,I=C),{cx:M,cy:I,x0:-c,y0:-h,x1:M*(r/b-1),y1:I*(r/b-1)}}function vc(t,e){var n,i=pc(e.r,0),r=pc(e.r0||0,0),o=i>0;if(o||r>0){if(o||(i=r,r=0),r>i){var a=i;i=r,r=a}var s=e.startAngle,l=e.endAngle;if(!isNaN(s)&&!isNaN(l)){var u=e.cx,c=e.cy,h=!!e.clockwise,d=hc(l-s),p=d>ac&&d%ac;if(p>gc&&(d=p),i>gc)if(d>ac-gc)t.moveTo(u+i*lc(s),c+i*sc(s)),t.arc(u,c,i,s,l,!h),r>gc&&(t.moveTo(u+r*lc(l),c+r*sc(l)),t.arc(u,c,r,l,s,h));else{var f=void 0,g=void 0,y=void 0,v=void 0,m=void 0,x=void 0,_=void 0,b=void 0,w=void 0,S=void 0,M=void 0,I=void 0,T=void 0,C=void 0,D=void 0,A=void 0,k=i*lc(s),L=i*sc(s),P=r*lc(l),O=r*sc(l),R=d>gc;if(R){var N=e.cornerRadius;N&&(n=function(t){var e;if(U(t)){var n=t.length;if(!n)return t;e=1===n?[t[0],t[0],0,0]:2===n?[t[0],t[0],t[1],t[1]]:3===n?t.concat(t[2]):t}else e=[t,t,t,t];return e}(N),f=n[0],g=n[1],y=n[2],v=n[3]);var z=hc(i-r)/2;if(m=fc(z,y),x=fc(z,v),_=fc(z,f),b=fc(z,g),M=w=pc(m,x),I=S=pc(_,b),(w>gc||S>gc)&&(T=i*lc(l),C=i*sc(l),D=r*lc(s),A=r*sc(s),d<oc)){var E=function(t,e,n,i,r,o,a,s){var l=n-t,u=i-e,c=a-r,h=s-o,d=h*l-c*u;if(!(d*d<gc))return[t+(d=(c*(e-o)-h*(t-r))/d)*l,e+d*u]}(k,L,D,A,T,C,P,O);if(E){var B=k-E[0],V=L-E[1],G=T-E[0],F=C-E[1],W=1/sc(uc((B*G+V*F)/(dc(B*B+V*V)*dc(G*G+F*F)))/2),H=dc(E[0]*E[0]+E[1]*E[1]);M=fc(w,(i-H)/(W+1)),I=fc(S,(r-H)/(W-1))}}}if(R)if(M>gc){var Y=fc(y,M),X=fc(v,M),Z=yc(D,A,k,L,i,Y,h),j=yc(T,C,P,O,i,X,h);t.moveTo(u+Z.cx+Z.x0,c+Z.cy+Z.y0),M<w&&Y===X?t.arc(u+Z.cx,c+Z.cy,M,cc(Z.y0,Z.x0),cc(j.y0,j.x0),!h):(Y>0&&t.arc(u+Z.cx,c+Z.cy,Y,cc(Z.y0,Z.x0),cc(Z.y1,Z.x1),!h),t.arc(u,c,i,cc(Z.cy+Z.y1,Z.cx+Z.x1),cc(j.cy+j.y1,j.cx+j.x1),!h),X>0&&t.arc(u+j.cx,c+j.cy,X,cc(j.y1,j.x1),cc(j.y0,j.x0),!h))}else t.moveTo(u+k,c+L),t.arc(u,c,i,s,l,!h);else t.moveTo(u+k,c+L);if(r>gc&&R)if(I>gc){Y=fc(f,I),Z=yc(P,O,T,C,r,-(X=fc(g,I)),h),j=yc(k,L,D,A,r,-Y,h);t.lineTo(u+Z.cx+Z.x0,c+Z.cy+Z.y0),I<S&&Y===X?t.arc(u+Z.cx,c+Z.cy,I,cc(Z.y0,Z.x0),cc(j.y0,j.x0),!h):(X>0&&t.arc(u+Z.cx,c+Z.cy,X,cc(Z.y0,Z.x0),cc(Z.y1,Z.x1),!h),t.arc(u,c,r,cc(Z.cy+Z.y1,Z.cx+Z.x1),cc(j.cy+j.y1,j.cx+j.x1),h),Y>0&&t.arc(u+j.cx,c+j.cy,Y,cc(j.y1,j.x1),cc(j.y0,j.x0),!h))}else t.lineTo(u+P,c+O),t.arc(u,c,r,l,s,h);else t.lineTo(u+P,c+O)}else t.moveTo(u,c);t.closePath()}}}var mc=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0,this.cornerRadius=0},xc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new mc},e.prototype.buildPath=function(t,e){vc(t,e)},e.prototype.isZeroArea=function(){return this.shape.startAngle===this.shape.endAngle||this.shape.r===this.shape.r0},e}(sl);xc.prototype.type="sector";var _c=function(){this.cx=0,this.cy=0,this.r=0,this.r0=0},bc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new _c},e.prototype.buildPath=function(t,e){var n=e.cx,i=e.cy,r=2*Math.PI;t.moveTo(n+e.r,i),t.arc(n,i,e.r,0,r,!1),t.moveTo(n+e.r0,i),t.arc(n,i,e.r0,0,r,!0)},e}(sl);function wc(t,e,n){var i=e.smooth,r=e.points;if(r&&r.length>=2){if(i){var o=function(t,e,n,i){var r,o,a,s,l=[],u=[],c=[],h=[];if(i){a=[1/0,1/0],s=[-1/0,-1/0];for(var d=0,p=t.length;d<p;d++)Ut(a,a,t[d]),Yt(s,s,t[d]);Ut(a,a,i[0]),Yt(s,s,i[1])}for(d=0,p=t.length;d<p;d++){var f=t[d];if(n)r=t[d?d-1:p-1],o=t[(d+1)%p];else{if(0===d||d===p-1){l.push(Ct(t[d]));continue}r=t[d-1],o=t[d+1]}Lt(u,o,r),zt(u,u,e);var g=Bt(f,r),y=Bt(f,o),v=g+y;0!==v&&(g/=v,y/=v),zt(c,u,-g),zt(h,u,y);var m=At([],f,c),x=At([],f,h);i&&(Yt(m,m,a),Ut(m,m,s),Yt(x,x,a),Ut(x,x,s)),l.push(m),l.push(x)}return n&&l.push(l.shift()),l}(r,i,n,e.smoothConstraint);t.moveTo(r[0][0],r[0][1]);for(var a=r.length,s=0;s<(n?a:a-1);s++){var l=o[2*s],u=o[2*s+1],c=r[(s+1)%a];t.bezierCurveTo(l[0],l[1],u[0],u[1],c[0],c[1])}}else{t.moveTo(r[0][0],r[0][1]);s=1;for(var h=r.length;s<h;s++)t.lineTo(r[s][0],r[s][1])}n&&t.closePath()}}bc.prototype.type="ring";var Sc=function(){this.points=null,this.smooth=0,this.smoothConstraint=null},Mc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new Sc},e.prototype.buildPath=function(t,e){wc(t,e,!0)},e}(sl);Mc.prototype.type="polygon";var Ic=function(){this.points=null,this.percent=1,this.smooth=0,this.smoothConstraint=null},Tc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Ic},e.prototype.buildPath=function(t,e){wc(t,e,!1)},e}(sl);Tc.prototype.type="polyline";var Cc={},Dc=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.percent=1},Ac=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Dc},e.prototype.buildPath=function(t,e){var n,i,r,o;if(this.subPixelOptimize){var a=fl(Cc,e,this.style);n=a.x1,i=a.y1,r=a.x2,o=a.y2}else n=e.x1,i=e.y1,r=e.x2,o=e.y2;var s=e.percent;0!==s&&(t.moveTo(n,i),s<1&&(r=n*(1-s)+r*s,o=i*(1-s)+o*s),t.lineTo(r,o))},e.prototype.pointAt=function(t){var e=this.shape;return[e.x1*(1-t)+e.x2*t,e.y1*(1-t)+e.y2*t]},e}(sl);Ac.prototype.type="line";var kc=[],Lc=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.cpx1=0,this.cpy1=0,this.percent=1};function Pc(t,e,n){var i=t.cpx2,r=t.cpy2;return null!=i||null!=r?[(n?An:Dn)(t.x1,t.cpx1,t.cpx2,t.x2,e),(n?An:Dn)(t.y1,t.cpy1,t.cpy2,t.y2,e)]:[(n?zn:Nn)(t.x1,t.cpx1,t.x2,e),(n?zn:Nn)(t.y1,t.cpy1,t.y2,e)]}var Oc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Lc},e.prototype.buildPath=function(t,e){var n=e.x1,i=e.y1,r=e.x2,o=e.y2,a=e.cpx1,s=e.cpy1,l=e.cpx2,u=e.cpy2,c=e.percent;0!==c&&(t.moveTo(n,i),null==l||null==u?(c<1&&(Bn(n,a,r,c,kc),a=kc[1],r=kc[2],Bn(i,s,o,c,kc),s=kc[1],o=kc[2]),t.quadraticCurveTo(a,s,r,o)):(c<1&&(Pn(n,a,l,r,c,kc),a=kc[1],l=kc[2],r=kc[3],Pn(i,s,u,o,c,kc),s=kc[1],u=kc[2],o=kc[3]),t.bezierCurveTo(a,s,l,u,r,o)))},e.prototype.pointAt=function(t){return Pc(this.shape,t,!1)},e.prototype.tangentAt=function(t){var e=Pc(this.shape,t,!0);return Et(e,e)},e}(sl);Oc.prototype.type="bezier-curve";var Rc=function(){this.cx=0,this.cy=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0},Nc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Rc},e.prototype.buildPath=function(t,e){var n=e.cx,i=e.cy,r=Math.max(e.r,0),o=e.startAngle,a=e.endAngle,s=e.clockwise,l=Math.cos(o),u=Math.sin(o);t.moveTo(l*r+n,u*r+i),t.arc(n,i,r,o,a,!s)},e}(sl);Nc.prototype.type="arc";var zc=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="compound",e}return n(e,t),e.prototype._updatePathDirty=function(){for(var t=this.shape.paths,e=this.shapeChanged(),n=0;n<t.length;n++)e=e||t[n].shapeChanged();e&&this.dirtyShape()},e.prototype.beforeBrush=function(){this._updatePathDirty();for(var t=this.shape.paths||[],e=this.getGlobalScale(),n=0;n<t.length;n++)t[n].path||t[n].createPathProxy(),t[n].path.setScale(e[0],e[1],t[n].segmentIgnoreThreshold)},e.prototype.buildPath=function(t,e){for(var n=e.paths||[],i=0;i<n.length;i++)n[i].buildPath(t,n[i].shape,!0)},e.prototype.afterBrush=function(){for(var t=this.shape.paths||[],e=0;e<t.length;e++)t[e].pathUpdated()},e.prototype.getBoundingRect=function(){return this._updatePathDirty.call(this),sl.prototype.getBoundingRect.call(this)},e}(sl),Ec=function(){function t(t){this.colorStops=t||[]}return t.prototype.addColorStop=function(t,e){this.colorStops.push({offset:t,color:e})},t}(),Bc=function(t){function e(e,n,i,r,o,a){var s=t.call(this,o)||this;return s.x=null==e?0:e,s.y=null==n?0:n,s.x2=null==i?1:i,s.y2=null==r?0:r,s.type="linear",s.global=a||!1,s}return n(e,t),e}(Ec),Vc=function(t){function e(e,n,i,r,o){var a=t.call(this,r)||this;return a.x=null==e?.5:e,a.y=null==n?.5:n,a.r=null==i?.5:i,a.type="radial",a.global=o||!1,a}return n(e,t),e}(Ec),Gc=Math.min,Fc=Math.max,Wc=Math.abs,Hc=[0,0],Uc=[0,0],Yc=Ze(),Xc=Yc.minTv,Zc=Yc.maxTv,jc=function(){function t(t,e){this._corners=[],this._axes=[],this._origin=[0,0];for(var n=0;n<4;n++)this._corners[n]=new Ae;for(n=0;n<2;n++)this._axes[n]=new Ae;t&&this.fromBoundingRect(t,e)}return t.prototype.fromBoundingRect=function(t,e){var n=this._corners,i=this._axes,r=t.x,o=t.y,a=r+t.width,s=o+t.height;if(n[0].set(r,o),n[1].set(a,o),n[2].set(a,s),n[3].set(r,s),e)for(var l=0;l<4;l++)n[l].transform(e);Ae.sub(i[0],n[1],n[0]),Ae.sub(i[1],n[3],n[0]),i[0].normalize(),i[1].normalize();for(l=0;l<2;l++)this._origin[l]=i[l].dot(n[0])},t.prototype.intersect=function(t,e,n){var i=!0,r=!e;return e&&Ae.set(e,0,0),Yc.reset(n,!r),!this._intersectCheckOneSide(this,t,r,1)&&(i=!1,r)||!this._intersectCheckOneSide(t,this,r,-1)&&(i=!1,r)||r||Yc.negativeSize||Ae.copy(e,i?Yc.useDir?Yc.dirMinTv:Xc:Zc),i},t.prototype._intersectCheckOneSide=function(t,e,n,i){for(var r=!0,o=0;o<2;o++){var a=t._axes[o];if(t._getProjMinMaxOnAxis(o,t._corners,Hc),t._getProjMinMaxOnAxis(o,e._corners,Uc),Yc.negativeSize||Hc[1]<Uc[0]||Hc[0]>Uc[1]){if(r=!1,Yc.negativeSize||n)return r;var s=Wc(Uc[0]-Hc[1]),l=Wc(Hc[0]-Uc[1]);Gc(s,l)>Zc.len()&&(s<l?Ae.scale(Zc,a,-s*i):Ae.scale(Zc,a,l*i))}else if(!n){s=Wc(Uc[0]-Hc[1]),l=Wc(Hc[0]-Uc[1]);(Yc.useDir||Gc(s,l)<Xc.len())&&((s<l||!Yc.bidirectional)&&(Ae.scale(Xc,a,s*i),Yc.useDir&&Yc.calcDirMTV()),(s>=l||!Yc.bidirectional)&&(Ae.scale(Xc,a,-l*i),Yc.useDir&&Yc.calcDirMTV()))}}return r},t.prototype._getProjMinMaxOnAxis=function(t,e,n){for(var i=this._axes[t],r=this._origin,o=e[0].dot(i)+r[t],a=o,s=o,l=1;l<e.length;l++){var u=e[l].dot(i)+r[t];a=Gc(u,a),s=Fc(u,s)}n[0]=a+Yc.touchThreshold,n[1]=s-Yc.touchThreshold,Yc.negativeSize=n[1]<n[0]},t}(),qc=[],Kc=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.notClear=!0,e.incremental=!0,e._displayables=[],e._temporaryDisplayables=[],e._cursor=0,e}return n(e,t),e.prototype.traverse=function(t,e){t.call(e,this)},e.prototype.useStyle=function(){this.style={}},e.prototype.getCursor=function(){return this._cursor},e.prototype.innerAfterBrush=function(){this._cursor=this._displayables.length},e.prototype.clearDisplaybles=function(){this._displayables=[],this._temporaryDisplayables=[],this._cursor=0,this.markRedraw(),this.notClear=!1},e.prototype.clearTemporalDisplayables=function(){this._temporaryDisplayables=[]},e.prototype.addDisplayable=function(t,e){e?this._temporaryDisplayables.push(t):this._displayables.push(t),this.markRedraw()},e.prototype.addDisplayables=function(t,e){e=e||!1;for(var n=0;n<t.length;n++)this.addDisplayable(t[n],e)},e.prototype.getDisplayables=function(){return this._displayables},e.prototype.getTemporalDisplayables=function(){return this._temporaryDisplayables},e.prototype.eachPendingDisplayable=function(t){for(var e=this._cursor;e<this._displayables.length;e++)t&&t(this._displayables[e]);for(e=0;e<this._temporaryDisplayables.length;e++)t&&t(this._temporaryDisplayables[e])},e.prototype.update=function(){this.updateTransform();for(var t=this._cursor;t<this._displayables.length;t++){(e=this._displayables[t]).parent=this,e.update(),e.parent=null}for(t=0;t<this._temporaryDisplayables.length;t++){var e;(e=this._temporaryDisplayables[t]).parent=this,e.update(),e.parent=null}},e.prototype.getBoundingRect=function(){if(!this._rect){for(var t=new He(1/0,1/0,-1/0,-1/0),e=0;e<this._displayables.length;e++){var n=this._displayables[e],i=n.getBoundingRect().clone();n.needLocalTransform()&&i.applyTransform(n.getLocalTransform(qc)),t.union(i)}this._rect=t}return this._rect},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e);if(this.getBoundingRect().contain(n[0],n[1]))for(var i=0;i<this._displayables.length;i++){if(this._displayables[i].contain(t,e))return!0}return!1},e}(os),$c=sa();function Jc(t,e,n,i,r){var o;if(e&&e.ecModel){var a=e.ecModel.getUpdatePayload();o=a&&a.animation}var s="update"===t;if(e&&e.isAnimationEnabled()){var l=void 0,u=void 0,c=void 0;return i?(l=rt(i.duration,200),u=rt(i.easing,"cubicOut"),c=0):(l=e.getShallow(s?"animationDurationUpdate":"animationDuration"),u=e.getShallow(s?"animationEasingUpdate":"animationEasing"),c=e.getShallow(s?"animationDelayUpdate":"animationDelay")),o&&(null!=o.duration&&(l=o.duration),null!=o.easing&&(u=o.easing),null!=o.delay&&(c=o.delay)),Y(c)&&(c=c(n,r)),Y(l)&&(l=l(n)),{duration:l||0,delay:c,easing:u}}return null}function Qc(t,e,n,i,r,o,a){var s,l=!1;Y(r)?(a=o,o=r,r=null):q(r)&&(o=r.cb,a=r.during,l=r.isFrom,s=r.removeOpt,r=r.dataIndex);var u="leave"===t;u||e.stopAnimation("leave");var c=Jc(t,i,r,u?s||{}:null,i&&i.getAnimationDelayParams?i.getAnimationDelayParams(e,r):null);if(c&&c.duration>0){var h={duration:c.duration,delay:c.delay||0,easing:c.easing,done:o,force:!!o||!!a,setToFinal:!u,scope:t,during:a};l?e.animateFrom(n,h):e.animateTo(n,h)}else e.stopAnimation(),!l&&e.attr(n),a&&a(1),o&&o()}function th(t,e,n,i,r,o){Qc("update",t,e,n,i,r,o)}function eh(t,e,n,i,r,o){Qc("enter",t,e,n,i,r,o)}function nh(t){if(!t.__zr)return!0;for(var e=0;e<t.animators.length;e++){if("leave"===t.animators[e].scope)return!0}return!1}function ih(t,e,n,i,r,o){nh(t)||Qc("leave",t,e,n,i,r,o)}function rh(t,e,n,i){t.removeTextContent(),t.removeTextGuideLine(),ih(t,{style:{opacity:0}},e,n,i)}function oh(t,e,n){function i(){t.parent&&t.parent.remove(t)}t.isGroup?t.traverse((function(t){t.isGroup||rh(t,e,n,i)})):rh(t,e,n,i)}function ah(t){$c(t).oldStyle=t.style}var sh={},lh=["x","y"],uh=["width","height"];function ch(t){return sl.extend(t)}var hh=function(t,e){var i=Ju(t,e);return function(t){function e(e){var n=t.call(this,e)||this;return n.applyTransform=i.applyTransform,n.buildPath=i.buildPath,n}return n(e,t),e}(Ku)};function dh(t,e){return hh(t,e)}function ph(t,e){sh[t]=e}function fh(t){if(sh.hasOwnProperty(t))return sh[t]}function gh(t,e,n,i){var r=Qu(t,e);return n&&("center"===i&&(n=vh(n,r.getBoundingRect())),xh(r,n)),r}function yh(t,e,n){var i=new dl({style:{image:t,x:e.x,y:e.y,width:e.width,height:e.height},onload:function(t){if("center"===n){var r={width:t.width,height:t.height};i.setStyle(vh(e,r))}}});return i}function vh(t,e){var n,i=e.width/e.height,r=t.height*i;return n=r<=t.width?t.height:(r=t.width)/i,{x:t.x+t.width/2-r/2,y:t.y+t.height/2-n/2,width:r,height:n}}var mh=function(t,e){for(var n=[],i=t.length,r=0;r<i;r++){var o=t[r];n.push(o.getUpdatedPathProxy(!0))}var a=new sl(e);return a.createPathProxy(),a.buildPath=function(t){if($u(t)){t.appendPath(n);var e=t.getContext();e&&t.rebuildPath(e,1)}},a};function xh(t,e){if(t.applyTransform){var n=t.getBoundingRect().calculateTransform(e);t.applyTransform(n)}}function _h(t,e){return fl(t,t,{lineWidth:e}),t}var bh=yl;function wh(t,e){for(var n=_e([]);t&&t!==e;)we(n,t.getLocalTransform(),n),t=t.parent;return n}function Sh(t,e,n){return e&&!N(e)&&(e=Dr.getLocalTransform(e)),n&&(e=Te([],e)),Ht([],t,e)}function Mh(t,e,n){var i=0===e[4]||0===e[5]||0===e[0]?1:fo(2*e[4]/e[0]),r=0===e[4]||0===e[5]||0===e[2]?1:fo(2*e[4]/e[2]),o=["left"===t?-i:"right"===t?i:0,"top"===t?-r:"bottom"===t?r:0];return o=Sh(o,e,n),fo(o[0])>fo(o[1])?o[0]>0?"right":"left":o[1]>0?"bottom":"top"}function Ih(t){return!t.isGroup}function Th(t,e,n){if(t&&e){var i,r=(i={},t.traverse((function(t){Ih(t)&&t.anid&&(i[t.anid]=t)})),i);e.traverse((function(t){if(Ih(t)&&t.anid){var e=r[t.anid];if(e){var i=o(t);t.attr(o(e)),th(t,i,n,zl(t).dataIndex)}}}))}function o(t){var e={x:t.x,y:t.y,rotation:t.rotation};return function(t){return null!=t.shape}(t)&&(e.shape=T(t.shape)),e}}function Ch(t,e){return E(t,(function(t){var n=t[0];n=po(n,e.x),n=ho(n,e.x+e.width);var i=t[1];return i=po(i,e.y),[n,i=ho(i,e.y+e.height)]}))}function Dh(t,e){var n=po(t.x,e.x),i=ho(t.x+t.width,e.x+e.width),r=po(t.y,e.y),o=ho(t.y+t.height,e.y+e.height);if(i>=n&&o>=r)return{x:n,y:r,width:i-n,height:o-r}}function Ah(t,e,n){var i=A({rectHover:!0},e),r=i.style={strokeNoScale:!0};if(n=n||{x:-1,y:-1,width:2,height:2},t)return 0===t.indexOf("image://")?(r.image=t.slice(8),k(r,n),new dl(i)):gh(t.replace("path://",""),i,n,"center")}function kh(t,e,n,i,r){for(var o=0,a=r[r.length-1];o<r.length;o++){var s=r[o];if(Lh(t,e,n,i,s[0],s[1],a[0],a[1]))return!0;a=s}}function Lh(t,e,n,i,r,o,a,s){var l,u=n-t,c=i-e,h=a-r,d=s-o,p=Ph(h,d,u,c);if((l=p)<=1e-6&&l>=-1e-6)return!1;var f=t-r,g=e-o,y=Ph(f,g,u,c)/p;if(y<0||y>1)return!1;var v=Ph(f,g,h,d)/p;return!(v<0||v>1)}function Ph(t,e,n,i){return t*i-n*e}function Oh(t,e,n,i,r){return null==e||(j(e)?Rh[0]=Rh[1]=Rh[2]=Rh[3]=e:(Rh[0]=e[0],Rh[1]=e[1],Rh[2]=e[2],Rh[3]=e[3]),i&&(Rh[0]=po(0,Rh[0]),Rh[1]=po(0,Rh[1]),Rh[2]=po(0,Rh[2]),Rh[3]=po(0,Rh[3])),n&&(Rh[0]=-Rh[0],Rh[1]=-Rh[1],Rh[2]=-Rh[2],Rh[3]=-Rh[3]),Nh(t,Rh,"x","width",3,1,r&&r[0]||0),Nh(t,Rh,"y","height",0,2,r&&r[1]||0)),t}var Rh=[0,0,0,0];function Nh(t,e,n,i,r,o,a){var s=e[o]+e[r],l=t[i];t[i]+=s,a=po(0,ho(a,l)),t[i]<a?(t[i]=a,t[n]+=e[r]>=0?-e[r]:e[o]>=0?l+e[o]:fo(s)>1e-8?(l-a)*e[r]/s:0):t[n]-=e[r]}function zh(t){var e=t.itemTooltipOption,n=t.componentModel,i=t.itemName,r=X(e)?{formatter:e}:e,o=n.mainType,a=n.componentIndex,s={componentType:o,name:i,$vars:["name"]};s[o+"Index"]=a;var l=t.formatterParamsExtra;l&&z(F(l),(function(t){_t(s,t)||(s[t]=l[t],s.$vars.push(t))}));var u=zl(t.el);u.componentMainType=o,u.componentIndex=a,u.tooltipConfig={name:i,option:k({content:i,encodeHTMLContent:!0,formatterParams:s},r)}}function Eh(t,e){var n;t.isGroup&&(n=e(t)),n||t.traverse(e)}function Bh(t,e){if(t)if(U(t))for(var n=0;n<t.length;n++)Eh(t[n],e);else Eh(t,e)}function Vh(t){return!t||fo(t[1])<Gh&&fo(t[2])<Gh||fo(t[0])<Gh&&fo(t[3])<Gh}var Gh=1e-5;function Fh(t,e){return t?He.copy(t,e):e.clone()}function Wh(t,e){return e?be(t||[1,0,0,1,0,0],e):void 0}function Hh(t){return{z:t.get("z")||0,zlevel:t.get("zlevel")||0}}function Uh(t){var e=-1/0,n=1/0;function i(t){if(t&&!t.isGroup){var e=t.currentStates;if(e.length)for(var n=0;n<e.length;n++)r(t.states[e[n]]);r(t)}}function r(t){if(t){var i=t.z2;i>e&&(e=i),i<n&&(n=i)}}return Eh(t,(function(t){i(t),i(t.getTextContent()),i(t.getTextGuideLine())})),n>e&&(n=e=0),{min:n,max:e}}function Yh(t,e,n){Xh(t,e,n,-1/0)}function Xh(t,e,n,i){if(t.ignoreModelZ)return i;var r=t.getTextContent(),o=t.getTextGuideLine();if(t.isGroup)for(var a=t.childrenRef(),s=0;s<a.length;s++)i=po(Xh(a[s],e,n,i),i);else t.z=e,t.zlevel=n,i=po(t.z2||0,i);if(r&&(r.z=e,r.zlevel=n,isFinite(i)&&(r.z2=i+2)),o){var l=t.textGuideLineConfig;o.z=e,o.zlevel=n,isFinite(i)&&(o.z2=i+(l&&l.showAbove?1:-1))}return i}ph("circle",nc),ph("ellipse",rc),ph("sector",xc),ph("ring",bc),ph("polygon",Mc),ph("polyline",Tc),ph("rect",xl),ph("line",Ac),ph("bezierCurve",Oc),ph("arc",Nc);var Zh=Object.freeze({__proto__:null,updateProps:th,initProps:eh,removeElement:ih,removeElementWithFadeOut:oh,isElementRemoved:nh,XY:lh,WH:uh,extendShape:ch,extendPath:dh,registerShape:ph,getShapeClass:fh,makePath:gh,makeImage:yh,mergePath:mh,resizePath:xh,subPixelOptimizeLine:_h,subPixelOptimizeRect:function(t,e){return gl(t,t,e),t},subPixelOptimize:bh,getTransform:wh,applyTransform:Sh,transformDirection:Mh,groupTransition:Th,clipPointsByRect:Ch,clipRectByRect:Dh,createIcon:Ah,linePolygonIntersect:kh,lineLineIntersect:Lh,expandOrShrinkRect:Oh,setTooltipConfig:zh,traverseElements:Bh,isBoundingRectAxisAligned:Vh,ensureCopyRect:Fh,ensureCopyTransform:Wh,retrieveZInfo:Hh,calcZ2Range:Uh,traverseUpdateZ:Yh,Group:to,Image:dl,Text:Sl,Circle:nc,Ellipse:rc,Sector:xc,Ring:bc,Polygon:Mc,Polyline:Tc,Rect:xl,Line:Ac,BezierCurve:Oc,Arc:Nc,IncrementalDisplayable:Kc,CompoundPath:zc,LinearGradient:Bc,RadialGradient:Vc,BoundingRect:He,OrientedBoundingRect:jc,Point:Ae,Path:sl}),jh={};function qh(t,e){for(var n=0;n<Wl.length;n++){var i=Wl[n],r=e[i],o=t.ensureState(i);o.style=o.style||{},o.style.text=r}var a=t.currentStates.slice();t.clearStates(!0),t.setStyle({text:e.normal}),t.useStates(a,!0)}function Kh(t,e,n){var i,r=t.labelFetcher,o=t.labelDataIndex,a=t.labelDimIndex,s=e.normal;r&&(i=r.getFormattedLabel(o,"normal",null,a,s&&s.get("formatter"),null!=n?{interpolatedValue:n}:null)),null==i&&(i=Y(t.defaultText)?t.defaultText(o,t,n):t.defaultText);for(var l={normal:i},u=0;u<Wl.length;u++){var c=Wl[u],h=e[c];l[c]=rt(r?r.getFormattedLabel(o,c,null,a,h&&h.get("formatter")):null,i)}return l}function $h(t,e,n,i){n=n||jh;for(var r=t instanceof Sl,o=!1,a=0;a<Hl.length;a++){if((d=e[Hl[a]])&&d.getShallow("show")){o=!0;break}}var s=r?t:t.getTextContent();if(o){r||(s||(s=new Sl,t.setTextContent(s)),t.stateProxy&&(s.stateProxy=t.stateProxy));var l=Kh(n,e),u=e.normal,c=!!u.getShallow("show"),h=Qh(u,i&&i.normal,n,!1,!r);h.text=l.normal,r||t.setTextConfig(td(u,n,!1));for(a=0;a<Wl.length;a++){var d,p=Wl[a];if(d=e[p]){var f=s.ensureState(p),g=!!rt(d.getShallow("show"),c);if(g!==c&&(f.ignore=!g),f.style=Qh(d,i&&i[p],n,!0,!r),f.style.text=l[p],!r)t.ensureState(p).textConfig=td(d,n,!0)}}s.silent=!!u.getShallow("silent"),null!=s.style.x&&(h.x=s.style.x),null!=s.style.y&&(h.y=s.style.y),s.ignore=!c,s.useStyle(h),s.dirty(),n.enableTextSetter&&(ad(s).setLabelText=function(t){var i=Kh(n,e,t);qh(s,i)})}else s&&(s.ignore=!0);t.dirty()}function Jh(t,e){e=e||"label";for(var n={normal:t.getModel(e)},i=0;i<Wl.length;i++){var r=Wl[i];n[r]=t.getModel([r,e])}return n}function Qh(t,e,n,i,r){var o={};return function(t,e,n,i,r){n=n||jh;var o,a=e.ecModel,s=a&&a.option.textStyle,l=function(t){var e;for(;t&&t!==t.ecModel;){var n=(t.option||jh).rich;if(n){e=e||{};for(var i=F(n),r=0;r<i.length;r++){e[i[r]]=1}}t=t.parentModel}return e}(e);if(l){o={};var u="richInheritPlainLabel",c=rt(e.get(u),a?a.get(u):void 0);for(var h in l)if(l.hasOwnProperty(h)){var d=e.getModel(["rich",h]);rd(o[h]={},d,s,e,c,n,i,r,!1,!0)}}o&&(t.rich=o);var p=e.get("overflow");p&&(t.overflow=p);var f=e.get("lineOverflow");f&&(t.lineOverflow=f);var g=t,y=e.get("minMargin");if(null!=y)y=j(y)?y/2:0,g.margin=[y,y,y,y],g.__marginType=hd.minMargin;else{var v=e.get("textMargin");null!=v&&(g.margin=st(v),g.__marginType=hd.textMargin)}rd(t,e,s,null,null,n,i,r,!0,!1)}(o,t,n,i,r),e&&A(o,e),o}function td(t,e,n){e=e||{};var i,r={},o=t.getShallow("rotate"),a=rt(t.getShallow("distance"),n?null:5),s=t.getShallow("offset");return"outside"===(i=t.getShallow("position")||(n?null:"inside"))&&(i=e.defaultOutsidePosition||"top"),null!=i&&(r.position=i),null!=s&&(r.offset=s),null!=o&&(o*=Math.PI/180,r.rotation=o),null!=a&&(r.distance=a),r.outsideFill="inherit"===t.get("color")?e.inheritColor||null:"auto",null!=e.autoOverflowArea&&(r.autoOverflowArea=e.autoOverflowArea),null!=e.layoutRect&&(r.layoutRect=e.layoutRect),r}var ed=["fontStyle","fontWeight","fontSize","fontFamily","textShadowColor","textShadowBlur","textShadowOffsetX","textShadowOffsetY"],nd=["align","lineHeight","width","height","tag","verticalAlign","ellipsis"],id=["padding","borderWidth","borderRadius","borderDashOffset","backgroundColor","borderColor","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"];function rd(t,e,n,i,r,o,a,s,l,u){n=!a&&n||jh;var c=o&&o.inheritColor,h=e.getShallow("color"),d=e.getShallow("textBorderColor"),p=rt(e.getShallow("opacity"),n.opacity);"inherit"!==h&&"auto"!==h||(h=c||null),"inherit"!==d&&"auto"!==d||(d=c||null),s||(h=h||n.color,d=d||n.textBorderColor),null!=h&&(t.fill=h),null!=d&&(t.stroke=d);var f=rt(e.getShallow("textBorderWidth"),n.textBorderWidth);null!=f&&(t.lineWidth=f);var g=rt(e.getShallow("textBorderType"),n.textBorderType);null!=g&&(t.lineDash=g);var y=rt(e.getShallow("textBorderDashOffset"),n.textBorderDashOffset);null!=y&&(t.lineDashOffset=y),a||null!=p||u||(p=o&&o.defaultOpacity),null!=p&&(t.opacity=p),a||s||null==t.fill&&o.inheritColor&&(t.fill=o.inheritColor);for(var v=0;v<ed.length;v++){var m=ed[v];null!=(_=!1!==r&&i?ot(e.getShallow(m),i.getShallow(m),n[m]):rt(e.getShallow(m),n[m]))&&(t[m]=_)}for(v=0;v<nd.length;v++){m=nd[v];null!=(_=e.getShallow(m))&&(t[m]=_)}if(null==t.verticalAlign){var x=e.getShallow("baseline");null!=x&&(t.verticalAlign=x)}if(!l||!o.disableBox){for(v=0;v<id.length;v++){var _;m=id[v];null!=(_=e.getShallow(m))&&(t[m]=_)}var b=e.getShallow("borderType");null!=b&&(t.borderDash=b),"auto"!==t.backgroundColor&&"inherit"!==t.backgroundColor||!c||(t.backgroundColor=c),"auto"!==t.borderColor&&"inherit"!==t.borderColor||!c||(t.borderColor=c)}}function od(t,e){var n=e&&e.getModel("textStyle");return ut([t.fontStyle||n&&n.getShallow("fontStyle")||"",t.fontWeight||n&&n.getShallow("fontWeight")||"",(t.fontSize||n&&n.getShallow("fontSize")||12)+"px",t.fontFamily||n&&n.getShallow("fontFamily")||"sans-serif"].join(" "))}var ad=sa();function sd(t,e,n,i){if(t){var r=ad(t);r.prevValue=r.value,r.value=n;var o=e.normal;r.valueAnimation=o.get("valueAnimation"),r.valueAnimation&&(r.precision=o.get("precision"),r.defaultInterpolatedText=i,r.statesModels=e)}}function ld(t,e,n,i,r){var o=ad(t);if(o.valueAnimation&&o.prevValue!==o.value){var a=o.defaultInterpolatedText,s=rt(o.interpolatedValue,o.prevValue),l=o.value;t.percent=0,(null==o.prevValue?eh:th)(t,{percent:1},i,e,null,(function(i){var u=ya(n,o.precision,s,l,i);o.interpolatedValue=1===i?null:u;var c=Kh({labelDataIndex:e,labelFetcher:r,defaultText:a?a(u):u+""},o.statesModels,u);qh(t,c)}))}}var ud,cd,hd={minMargin:1,textMargin:2},dd=["textStyle","color"],pd=["fontStyle","fontWeight","fontSize","fontFamily","padding","lineHeight","rich","width","height","overflow"],fd=new Sl,gd=function(){function t(){}return t.prototype.getTextColor=function(t){var e=this.ecModel;return this.getShallow("color")||(!t&&e?e.get(dd):null)},t.prototype.getFont=function(){return od({fontStyle:this.getShallow("fontStyle"),fontWeight:this.getShallow("fontWeight"),fontSize:this.getShallow("fontSize"),fontFamily:this.getShallow("fontFamily")},this.ecModel)},t.prototype.getTextRect=function(t){for(var e={text:t,verticalAlign:this.getShallow("verticalAlign")||this.getShallow("baseline")},n=0;n<pd.length;n++)e[pd[n]]=this.getShallow(pd[n]);return fd.useStyle(e),fd.update(),fd.getBoundingRect()},t}(),yd=[["lineWidth","width"],["stroke","color"],["opacity"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["shadowColor"],["lineDash","type"],["lineDashOffset","dashOffset"],["lineCap","cap"],["lineJoin","join"],["miterLimit"]],vd=Da(yd),md=function(){function t(){}return t.prototype.getLineStyle=function(t){return vd(this,t)},t}(),xd=[["fill","color"],["stroke","borderColor"],["lineWidth","borderWidth"],["opacity"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["shadowColor"],["lineDash","borderType"],["lineDashOffset","borderDashOffset"],["lineCap","borderCap"],["lineJoin","borderJoin"],["miterLimit","borderMiterLimit"]],_d=Da(xd),bd=function(){function t(){}return t.prototype.getItemStyle=function(t,e){return _d(this,t,e)},t}(),wd=function(){function t(t,e,n){this.parentModel=e,this.ecModel=n,this.option=t}return t.prototype.init=function(t,e,n){for(var i=[],r=3;r<arguments.length;r++)i[r-3]=arguments[r]},t.prototype.mergeOption=function(t,e){C(this.option,t,!0)},t.prototype.get=function(t,e){return null==t?this.option:this._doGet(this.parsePath(t),!e&&this.parentModel)},t.prototype.getShallow=function(t,e){var n=this.option,i=null==n?n:n[t];if(null==i&&!e){var r=this.parentModel;r&&(i=r.getShallow(t))}return i},t.prototype.getModel=function(e,n){var i=null!=e,r=i?this.parsePath(e):null;return new t(i?this._doGet(r):this.option,n=n||this.parentModel&&this.parentModel.getModel(this.resolveParentPath(r)),this.ecModel)},t.prototype.isEmpty=function(){return null==this.option},t.prototype.restoreData=function(){},t.prototype.clone=function(){return new(0,this.constructor)(T(this.option))},t.prototype.parsePath=function(t){return"string"==typeof t?t.split("."):t},t.prototype.resolveParentPath=function(t){return t},t.prototype.isAnimationEnabled=function(){if(!r.node&&this.option){if(null!=this.option.animation)return!!this.option.animation;if(this.parentModel)return this.parentModel.isAnimationEnabled()}},t.prototype._doGet=function(t,e){var n=this.option;if(!t)return n;for(var i=0;i<t.length&&(!t[i]||null!=(n=n&&"object"==typeof n?n[t[i]]:null));i++);return null==n&&e&&(n=e._doGet(this.resolveParentPath(t),e.parentModel)),n},t}();wa(wd),ud=wd,cd=["__\0is_clz",Ma++].join("_"),ud.prototype[cd]=!0,ud.isInstance=function(t){return!(!t||!t[cd])},R(wd,md),R(wd,bd),R(wd,ka),R(wd,gd);var Sd=Math.round(10*Math.random());function Md(t){return[t||"",Sd++].join("_")}function Id(t,e){return C(C({},t,!0),e,!0)}var Td="ZH",Cd="EN",Dd=Cd,Ad={},kd={},Ld=r.domSupported&&(document.documentElement.lang||navigator.language||navigator.browserLanguage||Dd).toUpperCase().indexOf(Td)>-1?Td:Dd;function Pd(t,e){t=t.toUpperCase(),kd[t]=new wd(e),Ad[t]=e}function Od(t){return kd[t]}Pd(Cd,{time:{month:["January","February","March","April","May","June","July","August","September","October","November","December"],monthAbbr:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],dayOfWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayOfWeekAbbr:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]},legend:{selector:{all:"All",inverse:"Inv"}},toolbox:{brush:{title:{rect:"Box Select",polygon:"Lasso Select",lineX:"Horizontally Select",lineY:"Vertically Select",keep:"Keep Selections",clear:"Clear Selections"}},dataView:{title:"Data View",lang:["Data View","Close","Refresh"]},dataZoom:{title:{zoom:"Zoom",back:"Zoom Reset"}},magicType:{title:{line:"Switch to Line Chart",bar:"Switch to Bar Chart",stack:"Stack",tiled:"Tile"}},restore:{title:"Restore"},saveAsImage:{title:"Save as Image",lang:["Right Click to Save Image"]}},series:{typeNames:{pie:"Pie chart",bar:"Bar chart",line:"Line chart",scatter:"Scatter plot",effectScatter:"Ripple scatter plot",radar:"Radar chart",tree:"Tree",treemap:"Treemap",boxplot:"Boxplot",candlestick:"Candlestick",k:"K line chart",heatmap:"Heat map",map:"Map",parallel:"Parallel coordinate map",lines:"Line graph",graph:"Relationship graph",sankey:"Sankey diagram",funnel:"Funnel chart",gauge:"Gauge",pictorialBar:"Pictorial bar",themeRiver:"Theme River Map",sunburst:"Sunburst",custom:"Custom chart",chart:"Chart"}},aria:{general:{withTitle:'This is a chart about "{title}"',withoutTitle:"This is a chart"},series:{single:{prefix:"",withName:" with type {seriesType} named {seriesName}.",withoutName:" with type {seriesType}."},multiple:{prefix:". It consists of {seriesCount} series count.",withName:" The {seriesId} series is a {seriesType} representing {seriesName}.",withoutName:" The {seriesId} series is a {seriesType}.",separator:{middle:"",end:""}}},data:{allData:"The data is as follows: ",partialData:"The first {displayCnt} items are: ",withName:"the data for {name} is {value}",withoutName:"{value}",separator:{middle:", ",end:". "}}}}),Pd(Td,{time:{month:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],monthAbbr:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],dayOfWeek:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],dayOfWeekAbbr:["日","一","二","三","四","五","六"]},legend:{selector:{all:"全选",inverse:"反选"}},toolbox:{brush:{title:{rect:"矩形选择",polygon:"圈选",lineX:"横向选择",lineY:"纵向选择",keep:"保持选择",clear:"清除选择"}},dataView:{title:"数据视图",lang:["数据视图","关闭","刷新"]},dataZoom:{title:{zoom:"区域缩放",back:"区域缩放还原"}},magicType:{title:{line:"切换为折线图",bar:"切换为柱状图",stack:"切换为堆叠",tiled:"切换为平铺"}},restore:{title:"还原"},saveAsImage:{title:"保存为图片",lang:["右键另存为图片"]}},series:{typeNames:{pie:"饼图",bar:"柱状图",line:"折线图",scatter:"散点图",effectScatter:"涟漪散点图",radar:"雷达图",tree:"树图",treemap:"矩形树图",boxplot:"箱型图",candlestick:"K线图",k:"K线图",heatmap:"热力图",map:"地图",parallel:"平行坐标图",lines:"线图",graph:"关系图",sankey:"桑基图",funnel:"漏斗图",gauge:"仪表盘图",pictorialBar:"象形柱图",themeRiver:"主题河流图",sunburst:"旭日图",custom:"自定义图表",chart:"图表"}},aria:{general:{withTitle:"这是一个关于“{title}”的图表。",withoutTitle:"这是一个图表，"},series:{single:{prefix:"",withName:"图表类型是{seriesType}，表示{seriesName}。",withoutName:"图表类型是{seriesType}。"},multiple:{prefix:"它由{seriesCount}个图表系列组成。",withName:"第{seriesId}个系列是一个表示{seriesName}的{seriesType}，",withoutName:"第{seriesId}个系列是一个{seriesType}，",separator:{middle:"；",end:"。"}}},data:{allData:"其数据是——",partialData:"其中，前{displayCnt}项是——",withName:"{name}的数据是{value}",withoutName:"{value}",separator:{middle:"，",end:""}}}});var Rd=null;function Nd(){return Rd}var zd=1e3,Ed=6e4,Bd=36e5,Vd=864e5,Gd=31536e6,Fd={year:/({yyyy}|{yy})/,month:/({MMMM}|{MMM}|{MM}|{M})/,day:/({dd}|{d})/,hour:/({HH}|{H}|{hh}|{h})/,minute:/({mm}|{m})/,second:/({ss}|{s})/,millisecond:/({SSS}|{S})/},Wd={year:"{yyyy}",month:"{MMM}",day:"{d}",hour:"{HH}:{mm}",minute:"{HH}:{mm}",second:"{HH}:{mm}:{ss}",millisecond:"{HH}:{mm}:{ss} {SSS}"},Hd="{yyyy}-{MM}-{dd}",Ud={year:"{yyyy}",month:"{yyyy}-{MM}",day:Hd,hour:Hd+" "+Wd.hour,minute:Hd+" "+Wd.minute,second:Hd+" "+Wd.second,millisecond:"{yyyy}-{MM}-{dd} {HH}:{mm}:{ss} {SSS}"},Yd=["year","month","day","hour","minute","second","millisecond"],Xd=["year","half-year","quarter","month","week","half-week","day","half-day","quarter-day","hour","minute","second","millisecond"];function Zd(t){return X(t)||Y(t)?t:function(t){t=t||{};var e={},n=!0;return z(Yd,(function(e){n&&(n=null==t[e])})),z(Yd,(function(i,r){var o=t[i];e[i]={};for(var a=null,s=r;s>=0;s--){var l=Yd[s],u=q(o)&&!U(o)?o[l]:o,c=void 0;U(u)?a=(c=u.slice())[0]||"":X(u)?c=[a=u]:(null==a?a=Wd[i]:Fd[l].test(a)||(a=e[l][l][0]+" "+a),c=[a],n&&(c[1]="{primary|"+a+"}")),e[i][l]=c}})),e}(t)}function jd(t,e){return"0000".substr(0,e-(t+="").length)+t}function qd(t){switch(t){case"half-year":case"quarter":return"month";case"week":case"half-week":return"day";case"half-day":case"quarter-day":return"hour";default:return t}}function Kd(t){return t===qd(t)}function $d(t,e,n,i){var r=Ao(t),o=r[tp(n)](),a=r[ep(n)]()+1,s=Math.floor((a-1)/3)+1,l=r[np(n)](),u=r["get"+(n?"UTC":"")+"Day"](),c=r[ip(n)](),h=(c-1)%12+1,d=r[rp(n)](),p=r[op(n)](),f=r[ap(n)](),g=c>=12?"pm":"am",y=g.toUpperCase(),v=(i instanceof wd?i:Od(i||Ld)||kd[Dd]).getModel("time"),m=v.get("month"),x=v.get("monthAbbr"),_=v.get("dayOfWeek"),b=v.get("dayOfWeekAbbr");return(e||"").replace(/{a}/g,g+"").replace(/{A}/g,y+"").replace(/{yyyy}/g,o+"").replace(/{yy}/g,jd(o%100+"",2)).replace(/{Q}/g,s+"").replace(/{MMMM}/g,m[a-1]).replace(/{MMM}/g,x[a-1]).replace(/{MM}/g,jd(a,2)).replace(/{M}/g,a+"").replace(/{dd}/g,jd(l,2)).replace(/{d}/g,l+"").replace(/{eeee}/g,_[u]).replace(/{ee}/g,b[u]).replace(/{e}/g,u+"").replace(/{HH}/g,jd(c,2)).replace(/{H}/g,c+"").replace(/{hh}/g,jd(h+"",2)).replace(/{h}/g,h+"").replace(/{mm}/g,jd(d,2)).replace(/{m}/g,d+"").replace(/{ss}/g,jd(p,2)).replace(/{s}/g,p+"").replace(/{SSS}/g,jd(f,3)).replace(/{S}/g,f+"")}function Jd(t,e){var n=Ao(t),i=n[ep(e)]()+1,r=n[np(e)](),o=n[ip(e)](),a=n[rp(e)](),s=n[op(e)](),l=0===n[ap(e)](),u=l&&0===s,c=u&&0===a,h=c&&0===o,d=h&&1===r;return d&&1===i?"year":d?"month":h?"day":c?"hour":u?"minute":l?"second":"millisecond"}function Qd(t,e,n){switch(e){case"year":t[lp(n)](0);case"month":t[up(n)](1);case"day":t[cp(n)](0);case"hour":t[hp(n)](0);case"minute":t[dp(n)](0);case"second":t[pp(n)](0)}return t}function tp(t){return t?"getUTCFullYear":"getFullYear"}function ep(t){return t?"getUTCMonth":"getMonth"}function np(t){return t?"getUTCDate":"getDate"}function ip(t){return t?"getUTCHours":"getHours"}function rp(t){return t?"getUTCMinutes":"getMinutes"}function op(t){return t?"getUTCSeconds":"getSeconds"}function ap(t){return t?"getUTCMilliseconds":"getMilliseconds"}function sp(t){return t?"setUTCFullYear":"setFullYear"}function lp(t){return t?"setUTCMonth":"setMonth"}function up(t){return t?"setUTCDate":"setDate"}function cp(t){return t?"setUTCHours":"setHours"}function hp(t){return t?"setUTCMinutes":"setMinutes"}function dp(t){return t?"setUTCSeconds":"setSeconds"}function pp(t){return t?"setUTCMilliseconds":"setMilliseconds"}function fp(t){if(!zo(t))return X(t)?t:"-";var e=(t+"").split(".");return e[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g,"$1,")+(e.length>1?"."+e[1]:"")}function gp(t,e){return t=(t||"").toLowerCase().replace(/-(.)/g,(function(t,e){return e.toUpperCase()})),e&&t&&(t=t.charAt(0).toUpperCase()+t.slice(1)),t}var yp=st;function vp(t,e,n){function i(t){return t&&ut(t)?t:"-"}function r(t){return!(null==t||isNaN(t)||!isFinite(t))}var o="time"===e,a=t instanceof Date;if(o||a){var s=o?Ao(t):t;if(!isNaN(+s))return $d(s,"{yyyy}-{MM}-{dd} {HH}:{mm}:{ss}",n);if(a)return"-"}if("ordinal"===e)return Z(t)?i(t):j(t)&&r(t)?t+"":"-";var l=No(t);return r(l)?fp(l):Z(t)?i(t):"boolean"==typeof t?t+"":"-"}var mp=["a","b","c","d","e","f","g"],xp=function(t,e){return"{"+t+(null==e?"":e)+"}"};function _p(t,e,n){U(e)||(e=[e]);var i=e.length;if(!i)return"";for(var r=e[0].$vars||[],o=0;o<r.length;o++){var a=mp[o];t=t.replace(xp(a),xp(a,0))}for(var s=0;s<i;s++)for(var l=0;l<r.length;l++){var u=e[s][r[l]];t=t.replace(xp(mp[l],s),n?oe(u):u)}return t}function bp(t,e){var n=X(t)?{color:t,extraCssText:e}:t||{},i=n.color,r=n.type;e=n.extraCssText;var o=n.renderMode||"html";return i?"html"===o?"subItem"===r?'<span style="display:inline-block;vertical-align:middle;margin-right:8px;margin-left:3px;border-radius:4px;width:4px;height:4px;background-color:'+oe(i)+";"+(e||"")+'"></span>':'<span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:'+oe(i)+";"+(e||"")+'"></span>':{renderMode:o,content:"{"+(n.markerId||"markerX")+"|}  ",style:"subItem"===r?{width:4,height:4,borderRadius:2,backgroundColor:i}:{width:10,height:10,borderRadius:5,backgroundColor:i}}:""}function wp(t,e){return e=e||"transparent",X(t)?t:q(t)&&t.colorStops&&(t.colorStops[0]||{}).color||e}function Sp(t,e){if("_blank"===e||"blank"===e){var n=window.open();n.opener=null,n.location.href=t}else window.open(t,e)}var Mp={},Ip={},Tp=function(){function t(){this._normalMasterList=[],this._nonSeriesBoxMasterList=[]}return t.prototype.create=function(t,e){function n(n,i){var r=[];return z(n,(function(n,i){var o=n.create(t,e);r=r.concat(o||[])})),r}this._nonSeriesBoxMasterList=n(Mp,!0),this._normalMasterList=n(Ip,!1)},t.prototype.update=function(t,e){z(this._normalMasterList,(function(n){n.update&&n.update(t,e)}))},t.prototype.getCoordinateSystems=function(){return this._normalMasterList.concat(this._nonSeriesBoxMasterList)},t.register=function(t,e){"matrix"!==t&&"calendar"!==t?Ip[t]=e:Mp[t]=e},t.get=function(t){return Ip[t]||Mp[t]},t}();var Cp=1,Dp=2;var Ap=yt();var kp=0,Lp=1,Pp=2;function Op(t,e){var n=t.getShallow("coordinateSystem"),i=t.getShallow("coordinateSystemUsage",!0),r=kp;if(n){var o="series"===t.mainType;null==i&&(i=o?"data":"box"),"data"===i?(r=Lp,o||(r=kp)):"box"===i&&(r=Pp,o||function(t){return!!Mp[t]}(n)||(r=kp))}return{coordSysType:n,kind:r}}function Rp(t){var e=t.targetModel,n=t.coordSysType,i=t.coordSysProvider,r=t.isDefaultDataCoordSys;t.allowNotFound;var o=Op(e),a=o.kind,s=o.coordSysType;if(r&&a!==Lp&&(a=Lp,s=n),a===kp||s!==n)return!1;var l=i(n,e);return!!l&&(a===Lp?e.coordinateSystem=l:e.boxCoordinateSystem=l,!0)}var Np=function(t,e){var n=e.getReferringComponents(t,ha).models[0];return n&&n.coordinateSystem},zp=z,Ep=["left","right","top","bottom","width","height"],Bp=[["width","left","right"],["height","top","bottom"]];function Vp(t,e,n,i,r){var o=0,a=0;null==i&&(i=1/0),null==r&&(r=1/0);var s=0;e.eachChild((function(l,u){var c,h,d=l.getBoundingRect(),p=e.childAt(u+1),f=p&&p.getBoundingRect();if("horizontal"===t){var g=d.width+(f?-f.x+d.x:0);(c=o+g)>i||l.newline?(o=0,c=g,a+=s+n,s=d.height):s=Math.max(s,d.height)}else{var y=d.height+(f?-f.y+d.y:0);(h=a+y)>r||l.newline?(o+=s+n,a=0,h=y,s=d.width):s=Math.max(s,d.width)}l.newline||(l.x=o,l.y=a,l.markRedraw(),"horizontal"===t?o=c+n:a=h+n)}))}var Gp=Vp;H(Vp,"vertical"),H(Vp,"horizontal");function Fp(t,e){return{left:t.getShallow("left",e),top:t.getShallow("top",e),right:t.getShallow("right",e),bottom:t.getShallow("bottom",e),width:t.getShallow("width",e),height:t.getShallow("height",e)}}function Wp(t,e){var n=function(t,e){var n,i,r=Xp(t,e,{enableLayoutOnlyByCenter:!0}),o=t.getBoxLayoutParams();if(r.type===Yp.point)i=r.refPoint,n=Hp(o,{width:e.getWidth(),height:e.getHeight()});else{var a=t.get("center"),s=U(a)?a:[a,a];n=Hp(o,r.refContainer),i=r.boxCoordFrom===Dp?r.refPoint:[yo(s[0],n.width)+n.x,yo(s[1],n.height)+n.y]}return{viewRect:n,center:i}}(t,e),i=n.viewRect,r=n.center,o=t.get("radius");U(o)||(o=[0,o]);var a=yo(i.width,e.getWidth()),s=yo(i.height,e.getHeight()),l=Math.min(a,s),u=yo(o[0],l/2),c=yo(o[1],l/2);return{cx:r[0],cy:r[1],r0:u,r:c,viewRect:i}}function Hp(t,e,n){n=yp(n||0);var i=e.width,r=e.height,o=yo(t.left,i),a=yo(t.top,r),s=yo(t.right,i),l=yo(t.bottom,r),u=yo(t.width,i),c=yo(t.height,r),h=n[2]+n[0],d=n[1]+n[3],p=t.aspect;switch(isNaN(u)&&(u=i-s-d-o),isNaN(c)&&(c=r-l-h-a),null!=p&&(isNaN(u)&&isNaN(c)&&(p>i/r?u=.8*i:c=.8*r),isNaN(u)&&(u=p*c),isNaN(c)&&(c=u/p)),isNaN(o)&&(o=i-s-u-d),isNaN(a)&&(a=r-l-c-h),t.left||t.right){case"center":o=i/2-u/2-n[3];break;case"right":o=i-u-d}switch(t.top||t.bottom){case"middle":case"center":a=r/2-c/2-n[0];break;case"bottom":a=r-c-h}o=o||0,a=a||0,isNaN(u)&&(u=i-d-o-(s||0)),isNaN(c)&&(c=r-h-a-(l||0));var f=new He((e.x||0)+o+n[3],(e.y||0)+a+n[0],u,c);return f.margin=n,f}function Up(t,e,n){var i=t.getShallow("preserveAspect",!0);if(!i)return e;var r=e.width/e.height;if(Math.abs(Math.atan(n)-Math.atan(r))<1e-9)return e;var o=t.getShallow("preserveAspectAlign",!0),a=t.getShallow("preserveAspectVerticalAlign",!0),s={width:e.width,height:e.height},l="cover"===i;return r>n&&!l||r<n&&l?(s.width=e.height*n,"left"===o?s.left=0:"right"===o?s.right=0:s.left="center"):(s.height=e.width/n,"top"===a?s.top=0:"bottom"===a?s.bottom=0:s.top="middle"),Hp(s,e)}var Yp={rect:1,point:2};function Xp(t,e,n){var i,r,o,a,s=t.boxCoordinateSystem;if(s){var l=function(t){var e=t.getShallow("coord",!0),n=Cp;if(null==e){var i=Ap.get(t.type);i&&i.getCoord2&&(n=Dp,e=i.getCoord2(t))}return{coord:e,from:n}}(t),u=l.coord,c=l.from;if(s.dataToLayout){o=Yp.rect,a=c;var h=s.dataToLayout(u);i=h.contentRect||h.rect}else n&&n.enableLayoutOnlyByCenter&&s.dataToPoint&&(o=Yp.point,a=c,r=s.dataToPoint(u))}return null==o&&(o=Yp.rect),o===Yp.rect&&(i||(i={x:0,y:0,width:e.getWidth(),height:e.getHeight()}),r=[i.x+i.width/2,i.y+i.height/2]),{type:o,refContainer:i,refPoint:r,boxCoordFrom:a}}function Zp(t,e,n,i,r,o){var a,s=!r||!r.hv||r.hv[0],l=!r||!r.hv||r.hv[1],u=r&&r.boundingMode||"all";if((o=o||t).x=t.x,o.y=t.y,!s&&!l)return!1;if("raw"===u)a="group"===t.type?new He(0,0,+e.width||0,+e.height||0):t.getBoundingRect();else if(a=t.getBoundingRect(),t.needLocalTransform()){var c=t.getLocalTransform();(a=a.clone()).applyTransform(c)}var h=Hp(k({width:a.width,height:a.height},e),n,i),d=s?h.x-a.x:0,p=l?h.y-a.y:0;return"raw"===u?(o.x=d,o.y=p):(o.x+=d,o.y+=p),o===t&&t.markRedraw(),!0}function jp(t){var e=t.layoutMode||t.constructor.layoutMode;return q(e)?e:e?{type:e}:null}function qp(t,e,n){var i=n&&n.ignoreSize;!U(i)&&(i=[i,i]);var r=a(Bp[0],0),o=a(Bp[1],1);function a(n,r){var o={},a=0,l={},u=0;if(zp(n,(function(e){l[e]=t[e]})),zp(n,(function(t){_t(e,t)&&(o[t]=l[t]=e[t]),s(o,t)&&a++,s(l,t)&&u++})),i[r])return s(e,n[1])?l[n[2]]=null:s(e,n[2])&&(l[n[1]]=null),l;if(2!==u&&a){if(a>=2)return o;for(var c=0;c<n.length;c++){var h=n[c];if(!_t(o,h)&&_t(t,h)){o[h]=t[h];break}}return o}return l}function s(t,e){return null!=t[e]&&"auto"!==t[e]}function l(t,e,n){zp(t,(function(t){e[t]=n[t]}))}l(Bp[0],t,r),l(Bp[1],t,o)}function Kp(t){return $p({},t)}function $p(t,e){return e&&t&&zp(Ep,(function(n){_t(e,n)&&(t[n]=e[n])})),t}var Jp=sa(),Qp=function(t){function e(e,n,i){var r=t.call(this,e,n,i)||this;return r.uid=Md("ec_cpt_model"),r}var i;return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n)},e.prototype.mergeDefaultAndTheme=function(t,e){var n=jp(this),i=n?Kp(t):{};C(t,e.getTheme().get(this.mainType)),C(t,this.getDefaultOption()),n&&qp(t,i,n)},e.prototype.mergeOption=function(t,e){C(this.option,t,!0);var n=jp(this);n&&qp(this.option,t,n)},e.prototype.optionUpdated=function(t,e){},e.prototype.getDefaultOption=function(){var t=this.constructor;if(!function(t){return!(!t||!t[_a])}(t))return t.defaultOption;var e=Jp(this);if(!e.defaultOption){for(var n=[],i=t;i;){var r=i.prototype.defaultOption;r&&n.push(r),i=i.superClass}for(var o={},a=n.length-1;a>=0;a--)o=C(o,n[a],!0);e.defaultOption=o}return e.defaultOption},e.prototype.getReferringComponents=function(t,e){var n=t+"Index",i=t+"Id";return pa(this.ecModel,t,{index:this.get(n,!0),id:this.get(i,!0)},e)},e.prototype.getBoxLayoutParams=function(){return Fp(this,!1)},e.prototype.getZLevelKey=function(){return""},e.prototype.setZLevel=function(t){this.option.zlevel=t},e.protoInitialize=((i=e.prototype).type="component",i.id="",i.name="",i.mainType="",i.subType="",void(i.componentIndex=0)),e}(wd);Sa(Qp,wd),Ca(Qp),function(t){var e={};t.registerSubTypeDefaulter=function(t,n){var i=ba(t);e[i.main]=n},t.determineSubType=function(n,i){var r=i.type;if(!r){var o=ba(n).main;t.hasSubTypes(n)&&e[o]&&(r=e[o](i))}return r}}(Qp),function(t,e){function n(t,e){return t[e]||(t[e]={predecessor:[],successor:[]}),t[e]}t.topologicalTravel=function(t,i,r,o){if(t.length){var a=function(t){var i={},r=[];return z(t,(function(o){var a=n(i,o),s=function(t,e){var n=[];return z(t,(function(t){P(e,t)>=0&&n.push(t)})),n}(a.originalDeps=e(o),t);a.entryCount=s.length,0===a.entryCount&&r.push(o),z(s,(function(t){P(a.predecessor,t)<0&&a.predecessor.push(t);var e=n(i,t);P(e.successor,t)<0&&e.successor.push(o)}))})),{graph:i,noEntryList:r}}(i),s=a.graph,l=a.noEntryList,u={};for(z(t,(function(t){u[t]=!0}));l.length;){var c=l.pop(),h=s[c],d=!!u[c];d&&(r.call(o,c,h.originalDeps.slice()),delete u[c]),z(h.successor,d?f:p)}z(u,(function(){var t="";throw new Error(t)}))}function p(t){s[t].entryCount--,0===s[t].entryCount&&l.push(t)}function f(t){u[t]=!0,p(t)}}}(Qp,(function(t){var e=[];z(Qp.getClassesByMainType(t),(function(t){e=e.concat(t.dependencies||t.prototype.dependencies||[])})),e=E(e,(function(t){return ba(t).main})),"dataset"!==t&&P(e,"dataset")<=0&&e.unshift("dataset");return e}));var tf={color:{},darkColor:{},size:{}},ef=tf.color={theme:["#5070dd","#b6d634","#505372","#ff994d","#0ca8df","#ffd10a","#fb628b","#785db0","#3fbe95"],neutral00:"#fff",neutral05:"#f4f7fd",neutral10:"#e8ebf0",neutral15:"#dbdee4",neutral20:"#cfd2d7",neutral25:"#c3c5cb",neutral30:"#b7b9be",neutral35:"#aaacb2",neutral40:"#9ea0a5",neutral45:"#929399",neutral50:"#86878c",neutral55:"#797b7f",neutral60:"#6d6e73",neutral65:"#616266",neutral70:"#54555a",neutral75:"#48494d",neutral80:"#3c3c41",neutral85:"#303034",neutral90:"#232328",neutral95:"#17171b",neutral99:"#000",accent05:"#eff1f9",accent10:"#e0e4f2",accent15:"#d0d6ec",accent20:"#c0c9e6",accent25:"#b1bbdf",accent30:"#a1aed9",accent35:"#91a0d3",accent40:"#8292cc",accent45:"#7285c6",accent50:"#6578ba",accent55:"#5c6da9",accent60:"#536298",accent65:"#4a5787",accent70:"#404c76",accent75:"#374165",accent80:"#2e3654",accent85:"#252b43",accent90:"#1b2032",accent95:"#121521",transparent:"rgba(0,0,0,0)",highlight:"rgba(255,231,130,0.8)"};for(var nf in A(ef,{primary:ef.neutral80,secondary:ef.neutral70,tertiary:ef.neutral60,quaternary:ef.neutral50,disabled:ef.neutral20,border:ef.neutral30,borderTint:ef.neutral20,borderShade:ef.neutral40,background:ef.neutral05,backgroundTint:"rgba(234,237,245,0.5)",backgroundTransparent:"rgba(255,255,255,0)",backgroundShade:ef.neutral10,shadow:"rgba(0,0,0,0.2)",shadowTint:"rgba(129,130,136,0.2)",axisLine:ef.neutral70,axisLineTint:ef.neutral40,axisTick:ef.neutral70,axisTickMinor:ef.neutral60,axisLabel:ef.neutral70,axisSplitLine:ef.neutral15,axisMinorSplitLine:ef.neutral05}),ef)if(ef.hasOwnProperty(nf)){var rf=ef[nf];"theme"===nf?tf.darkColor.theme=ef.theme.slice():"highlight"===nf?tf.darkColor.highlight="rgba(255,231,130,0.4)":0===nf.indexOf("accent")?tf.darkColor[nf]=di(rf,null,(function(t){return.5*t}),(function(t){return Math.min(1,1.3-t)})):tf.darkColor[nf]=di(rf,null,(function(t){return.9*t}),(function(t){return 1-Math.pow(t,1.5)}))}tf.size={xxs:2,xs:5,s:10,m:15,l:20,xl:30,xxl:40,xxxl:50};var of="";"undefined"!=typeof navigator&&(of=navigator.platform||"");var af="rgba(0, 0, 0, 0.2)",sf=tf.color.theme[0],lf=di(sf,null,null,.9),uf={darkMode:"auto",colorBy:"series",color:tf.color.theme,gradientColor:[lf,sf],aria:{decal:{decals:[{color:af,dashArrayX:[1,0],dashArrayY:[2,5],symbolSize:1,rotation:Math.PI/6},{color:af,symbol:"circle",dashArrayX:[[8,8],[0,8,8,0]],dashArrayY:[6,0],symbolSize:.8},{color:af,dashArrayX:[1,0],dashArrayY:[4,3],rotation:-Math.PI/4},{color:af,dashArrayX:[[6,6],[0,6,6,0]],dashArrayY:[6,0]},{color:af,dashArrayX:[[1,0],[1,6]],dashArrayY:[1,0,6,0],rotation:Math.PI/4},{color:af,symbol:"triangle",dashArrayX:[[9,9],[0,9,9,0]],dashArrayY:[7,2],symbolSize:.75}]}},textStyle:{fontFamily:of.match(/^Win/)?"Microsoft YaHei":"sans-serif",fontSize:12,fontStyle:"normal",fontWeight:"normal"},blendMode:null,stateAnimation:{duration:300,easing:"cubicOut"},animation:"auto",animationDuration:1e3,animationDurationUpdate:500,animationEasing:"cubicInOut",animationEasingUpdate:"cubicInOut",animationThreshold:2e3,progressiveThreshold:3e3,progressive:400,hoverLayerThreshold:3e3,useUTC:!1},cf=yt(["tooltip","label","itemName","itemId","itemGroupId","itemChildGroupId","seriesName"]),hf="original",df="arrayRows",pf="objectRows",ff="keyedColumns",gf="typedArray",yf="unknown",vf="column",mf="row",xf=1,_f=2,bf=3,wf=sa();function Sf(t,e,n){var i={},r=If(e);if(!r||!t)return i;var o,a,s=[],l=[],u=e.ecModel,c=wf(u).datasetMap,h=r.uid+"_"+n.seriesLayoutBy;z(t=t.slice(),(function(e,n){var r=q(e)?e:t[n]={name:e};"ordinal"===r.type&&null==o&&(o=n,a=f(r)),i[r.name]=[]}));var d=c.get(h)||c.set(h,{categoryWayDim:a,valueWayDim:0});function p(t,e,n){for(var i=0;i<n;i++)t.push(e+i)}function f(t){var e=t.dimsDef;return e?e.length:1}return z(t,(function(t,e){var n=t.name,r=f(t);if(null==o){var a=d.valueWayDim;p(i[n],a,r),p(l,a,r),d.valueWayDim+=r}else if(o===e)p(i[n],0,r),p(s,0,r);else{a=d.categoryWayDim;p(i[n],a,r),p(l,a,r),d.categoryWayDim+=r}})),s.length&&(i.itemName=s),l.length&&(i.seriesName=l),i}function Mf(t,e,n){var i={};if(!If(t))return i;var r,o=e.sourceFormat,a=e.dimensionsDefine;o!==pf&&o!==ff||z(a,(function(t,e){"name"===(q(t)?t.name:t)&&(r=e)}));var s=function(){for(var t={},i={},s=[],l=0,u=Math.min(5,n);l<u;l++){var c=Cf(e.data,o,e.seriesLayoutBy,a,e.startIndex,l);s.push(c);var h=c===bf;if(h&&null==t.v&&l!==r&&(t.v=l),(null==t.n||t.n===t.v||!h&&s[t.n]===bf)&&(t.n=l),d(t)&&s[t.n]!==bf)return t;h||(c===_f&&null==i.v&&l!==r&&(i.v=l),null!=i.n&&i.n!==i.v||(i.n=l))}function d(t){return null!=t.v&&null!=t.n}return d(t)?t:d(i)?i:null}();if(s){i.value=[s.v];var l=null!=r?r:s.n;i.itemName=[l],i.seriesName=[l]}return i}function If(t){if(!t.get("data",!0))return pa(t.ecModel,"dataset",{index:t.get("datasetIndex",!0),id:t.get("datasetId",!0)},ha).models[0]}function Tf(t,e){return Cf(t.data,t.sourceFormat,t.seriesLayoutBy,t.dimensionsDefine,t.startIndex,e)}function Cf(t,e,n,i,r,o){var a,s,l;if($(t))return bf;if(i){var u=i[o];q(u)?(s=u.name,l=u.type):X(u)&&(s=u)}if(null!=l)return"ordinal"===l?xf:bf;if(e===df){var c=t;if(n===mf){for(var h=c[o],d=0;d<(h||[]).length&&d<5;d++)if(null!=(a=m(h[r+d])))return a}else for(d=0;d<c.length&&d<5;d++){var p=c[r+d];if(p&&null!=(a=m(p[o])))return a}}else if(e===pf){var f=t;if(!s)return bf;for(d=0;d<f.length&&d<5;d++){if((y=f[d])&&null!=(a=m(y[s])))return a}}else if(e===ff){if(!s)return bf;if(!(h=t[s])||$(h))return bf;for(d=0;d<h.length&&d<5;d++)if(null!=(a=m(h[d])))return a}else if(e===hf){var g=t;for(d=0;d<g.length&&d<5;d++){var y,v=Jo(y=g[d]);if(!U(v))return bf;if(null!=(a=m(v[o])))return a}}function m(t){var e=X(t);return null!=t&&Number.isFinite(Number(t))&&""!==t?e?_f:bf:e&&"-"!==t?xf:void 0}return bf}var Df=yt();var Af,kf,Lf,Pf=sa(),Of=sa(),Rf=function(){function t(){}return t.prototype.getColorFromPalette=function(t,e,n){var i=qo(this.get("color",!0)),r=this.get("colorLayer",!0);return zf(this,Pf,i,r,t,e,n)},t.prototype.clearColorPalette=function(){!function(t,e){e(t).paletteIdx=0,e(t).paletteNameMap={}}(this,Pf)},t}();function Nf(t,e,n,i){var r=qo(t.get(["aria","decal","decals"]));return zf(t,Of,r,null,e,n,i)}function zf(t,e,n,i,r,o,a){var s=e(o=o||t),l=s.paletteIdx||0,u=s.paletteNameMap=s.paletteNameMap||{};if(u.hasOwnProperty(r))return u[r];var c=null!=a&&i?function(t,e){for(var n=t.length,i=0;i<n;i++)if(t[i].length>e)return t[i];return t[n-1]}(i,a):n;if((c=c||n)&&c.length){var h=c[l];return r&&(u[r]=h),s.paletteIdx=(l+1)%c.length,h}}var Ef="\0_ec_inner";var Bf=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.init=function(t,e,n,i,r,o){i=i||{},this.option=null,this._theme=new wd(i),this._locale=new wd(r),this._optionManager=o},e.prototype.setOption=function(t,e,n){var i=Ff(e);this._optionManager.setOption(t,n,i),this._resetOption(null,i)},e.prototype.resetOption=function(t,e){return this._resetOption(t,Ff(e))},e.prototype._resetOption=function(t,e){var n=!1,i=this._optionManager;if(!t||"recreate"===t){var r=i.mountOption("recreate"===t);0,this.option&&"recreate"!==t?(this.restoreData(),this._mergeOption(r,e)):Lf(this,r),n=!0}if("timeline"!==t&&"media"!==t||this.restoreData(),!t||"recreate"===t||"timeline"===t){var o=i.getTimelineOption(this);o&&(n=!0,this._mergeOption(o,e))}if(!t||"recreate"===t||"media"===t){var a=i.getMediaOption(this);a.length&&z(a,(function(t){n=!0,this._mergeOption(t,e)}),this)}return n},e.prototype.mergeOption=function(t){this._mergeOption(t,null)},e.prototype._mergeOption=function(t,e){var n=this.option,i=this._componentsMap,r=this._componentsCount,o=[],a=yt(),s=e&&e.replaceMergeMainTypeMap;wf(this).datasetMap=yt(),z(t,(function(t,e){null!=t&&(Qp.hasClass(e)?e&&(o.push(e),a.set(e,!0)):n[e]=null==n[e]?T(t):C(n[e],t,!0))})),s&&s.each((function(t,e){Qp.hasClass(e)&&!a.get(e)&&(o.push(e),a.set(e,!0))})),Qp.topologicalTravel(o,Qp.getAllClassMainTypes(),(function(e){var o=function(t,e,n){var i=Df.get(e);if(!i)return n;var r=i(t);return r?n.concat(r):n}(this,e,qo(t[e])),a=i.get(e),l=a?s&&s.get(e)?"replaceMerge":"normalMerge":"replaceAll",u=ta(a,o,l);(function(t,e,n){z(t,(function(t){var i=t.newOption;q(i)&&(t.keyInfo.mainType=e,t.keyInfo.subType=function(t,e,n,i){return e.type?e.type:n?n.subType:i.determineSubType(t,e)}(e,i,t.existing,n))}))})(u,e,Qp),n[e]=null,i.set(e,null),r.set(e,0);var c,h=[],d=[],p=0;z(u,(function(t,n){var i=t.existing,r=t.newOption;if(r){var o="series"===e,a=Qp.getClass(e,t.keyInfo.subType,!o);if(!a)return;if("tooltip"===e){if(c)return void 0;c=!0}if(i&&i.constructor===a)i.name=t.keyInfo.name,i.mergeOption(r,this),i.optionUpdated(r,!1);else{var s=A({componentIndex:n},t.keyInfo);A(i=new a(r,this,this,s),s),t.brandNew&&(i.__requireNewView=!0),i.init(r,this,this),i.optionUpdated(null,!0)}}else i&&(i.mergeOption({},this),i.optionUpdated({},!1));i?(h.push(i.option),d.push(i),p++):(h.push(void 0),d.push(void 0))}),this),n[e]=h,i.set(e,d),r.set(e,p),"series"===e&&Af(this)}),this),this._seriesIndices||Af(this)},e.prototype.getOption=function(){var t=T(this.option);return z(t,(function(e,n){if(Qp.hasClass(n)){for(var i=qo(e),r=i.length,o=!1,a=r-1;a>=0;a--)i[a]&&!oa(i[a])?o=!0:(i[a]=null,!o&&r--);i.length=r,t[n]=i}})),delete t[Ef],t},e.prototype.setTheme=function(t){this._theme=new wd(t),this._resetOption("recreate",null)},e.prototype.getTheme=function(){return this._theme},e.prototype.getLocaleModel=function(){return this._locale},e.prototype.setUpdatePayload=function(t){this._payload=t},e.prototype.getUpdatePayload=function(){return this._payload},e.prototype.getComponent=function(t,e){var n=this._componentsMap.get(t);if(n){var i=n[e||0];if(i)return i;if(null==e)for(var r=0;r<n.length;r++)if(n[r])return n[r]}},e.prototype.queryComponents=function(t){var e=t.mainType;if(!e)return[];var n,i=t.index,r=t.id,o=t.name,a=this._componentsMap.get(e);return a&&a.length?(null!=i?(n=[],z(qo(i),(function(t){a[t]&&n.push(a[t])}))):n=null!=r?Vf("id",r,a):null!=o?Vf("name",o,a):V(a,(function(t){return!!t})),Gf(n,t)):[]},e.prototype.findComponents=function(t){var e,n,i,r,o,a=t.query,s=t.mainType,l=(n=s+"Index",i=s+"Id",r=s+"Name",!(e=a)||null==e[n]&&null==e[i]&&null==e[r]?null:{mainType:s,index:e[n],id:e[i],name:e[r]}),u=l?this.queryComponents(l):V(this._componentsMap.get(s),(function(t){return!!t}));return o=Gf(u,t),t.filter?V(o,t.filter):o},e.prototype.eachComponent=function(t,e,n){var i=this._componentsMap;if(Y(t)){var r=e,o=t;i.each((function(t,e){for(var n=0;t&&n<t.length;n++){var i=t[n];i&&o.call(r,e,i,i.componentIndex)}}))}else for(var a=X(t)?i.get(t):q(t)?this.findComponents(t):null,s=0;a&&s<a.length;s++){var l=a[s];l&&e.call(n,l,l.componentIndex)}},e.prototype.getSeriesByName=function(t){var e=ia(t,null);return V(this._componentsMap.get("series"),(function(t){return!!t&&null!=e&&t.name===e}))},e.prototype.getSeriesByIndex=function(t){return this._componentsMap.get("series")[t]},e.prototype.getSeriesByType=function(t){return V(this._componentsMap.get("series"),(function(e){return!!e&&e.subType===t}))},e.prototype.getSeries=function(){return V(this._componentsMap.get("series"),(function(t){return!!t}))},e.prototype.getSeriesCount=function(){return this._componentsCount.get("series")},e.prototype.eachSeries=function(t,e){kf(this),z(this._seriesIndices,(function(n){var i=this._componentsMap.get("series")[n];t.call(e,i,n)}),this)},e.prototype.eachRawSeries=function(t,e){z(this._componentsMap.get("series"),(function(n){n&&t.call(e,n,n.componentIndex)}))},e.prototype.eachSeriesByType=function(t,e,n){kf(this),z(this._seriesIndices,(function(i){var r=this._componentsMap.get("series")[i];r.subType===t&&e.call(n,r,i)}),this)},e.prototype.eachRawSeriesByType=function(t,e,n){return z(this.getSeriesByType(t),e,n)},e.prototype.isSeriesFiltered=function(t){return kf(this),null==this._seriesIndicesMap.get(t.componentIndex)},e.prototype.getCurrentSeriesIndices=function(){return(this._seriesIndices||[]).slice()},e.prototype.filterSeries=function(t,e){kf(this);var n=[];z(this._seriesIndices,(function(i){var r=this._componentsMap.get("series")[i];t.call(e,r,i)&&n.push(i)}),this),this._seriesIndices=n,this._seriesIndicesMap=yt(n)},e.prototype.restoreData=function(t){Af(this);var e=this._componentsMap,n=[];e.each((function(t,e){Qp.hasClass(e)&&n.push(e)})),Qp.topologicalTravel(n,Qp.getAllClassMainTypes(),(function(n){z(e.get(n),(function(e){!e||"series"===n&&function(t,e){if(e){var n=e.seriesIndex,i=e.seriesId,r=e.seriesName;return null!=n&&t.componentIndex!==n||null!=i&&t.id!==i||null!=r&&t.name!==r}}(e,t)||e.restoreData()}))}))},e.internalField=(Af=function(t){var e=t._seriesIndices=[];z(t._componentsMap.get("series"),(function(t){t&&e.push(t.componentIndex)})),t._seriesIndicesMap=yt(e)},kf=function(t){},void(Lf=function(t,e){t.option={},t.option[Ef]=1,t._componentsMap=yt({series:[]}),t._componentsCount=yt();var n=e.aria;q(n)&&null==n.enabled&&(n.enabled=!0),function(t,e){var n=t.color&&!t.colorLayer;z(e,(function(e,i){"colorLayer"===i&&n||"color"===i&&t.color||Qp.hasClass(i)||("object"==typeof e?t[i]=t[i]?C(t[i],e,!1):T(e):null==t[i]&&(t[i]=e))}))}(e,t._theme.option),C(e,uf,!1),t._mergeOption(e,null)})),e}(wd);function Vf(t,e,n){if(U(e)){var i=yt();return z(e,(function(t){null!=t&&(null!=ia(t,null)&&i.set(t,!0))})),V(n,(function(e){return e&&i.get(e[t])}))}var r=ia(e,null);return V(n,(function(e){return e&&null!=r&&e[t]===r}))}function Gf(t,e){return e.hasOwnProperty("subType")?V(t,(function(t){return t&&t.subType===e.subType})):t}function Ff(t){var e=yt();return t&&z(qo(t.replaceMerge),(function(t){e.set(t,!0)})),{replaceMergeMainTypeMap:e}}R(Bf,Rf);var Wf=["getDom","getZr","getWidth","getHeight","getDevicePixelRatio","dispatchAction","isSSR","isDisposed","on","off","getDataURL","getConnectedDataURL","getOption","getId","updateLabelLayout"],Hf=function(t){z(Wf,(function(e){this[e]=W(t[e],t)}),this)},Uf=/^(min|max)?(.+)$/,Yf=function(){function t(t){this._timelineOptions=[],this._mediaList=[],this._currentMediaIndices=[],this._api=t}return t.prototype.setOption=function(t,e,n){t&&(z(qo(t.series),(function(t){t&&t.data&&$(t.data)&&ht(t.data)})),z(qo(t.dataset),(function(t){t&&t.source&&$(t.source)&&ht(t.source)}))),t=T(t);var i=this._optionBackup,r=function(t,e,n){var i,r,o=[],a=t.baseOption,s=t.timeline,l=t.options,u=t.media,c=!!t.media,h=!!(l||s||a&&a.timeline);a?(r=a).timeline||(r.timeline=s):((h||c)&&(t.options=t.media=null),r=t);c&&U(u)&&z(u,(function(t){t&&t.option&&(t.query?o.push(t):i||(i=t))}));function d(t){z(e,(function(e){e(t,n)}))}return d(r),z(l,(function(t){return d(t)})),z(o,(function(t){return d(t.option)})),{baseOption:r,timelineOptions:l||[],mediaDefault:i,mediaList:o}}(t,e,!i);this._newBaseOption=r.baseOption,i?(r.timelineOptions.length&&(i.timelineOptions=r.timelineOptions),r.mediaList.length&&(i.mediaList=r.mediaList),r.mediaDefault&&(i.mediaDefault=r.mediaDefault)):this._optionBackup=r},t.prototype.mountOption=function(t){var e=this._optionBackup;return this._timelineOptions=e.timelineOptions,this._mediaList=e.mediaList,this._mediaDefault=e.mediaDefault,this._currentMediaIndices=[],T(t?e.baseOption:this._newBaseOption)},t.prototype.getTimelineOption=function(t){var e,n=this._timelineOptions;if(n.length){var i=t.getComponent("timeline");i&&(e=T(n[i.getCurrentIndex()]))}return e},t.prototype.getMediaOption=function(t){var e,n,i=this._api.getWidth(),r=this._api.getHeight(),o=this._mediaList,a=this._mediaDefault,s=[],l=[];if(!o.length&&!a)return l;for(var u=0,c=o.length;u<c;u++)Xf(o[u].query,i,r)&&s.push(u);return!s.length&&a&&(s=[-1]),s.length&&(e=s,n=this._currentMediaIndices,e.join(",")!==n.join(","))&&(l=E(s,(function(t){return T(-1===t?a.option:o[t].option)}))),this._currentMediaIndices=s,l},t}();function Xf(t,e,n){var i={width:e,height:n,aspectratio:e/n},r=!0;return z(t,(function(t,e){var n=e.match(Uf);if(n&&n[1]&&n[2]){var o=n[1],a=n[2].toLowerCase();(function(t,e,n){return"min"===n?t>=e:"max"===n?t<=e:t===e})(i[a],t,o)||(r=!1)}})),r}var Zf=z,jf=q,qf=["areaStyle","lineStyle","nodeStyle","linkStyle","chordStyle","label","labelLine"];function Kf(t){var e=t&&t.itemStyle;if(e)for(var n=0,i=qf.length;n<i;n++){var r=qf[n],o=e.normal,a=e.emphasis;o&&o[r]&&(t[r]=t[r]||{},t[r].normal?C(t[r].normal,o[r]):t[r].normal=o[r],o[r]=null),a&&a[r]&&(t[r]=t[r]||{},t[r].emphasis?C(t[r].emphasis,a[r]):t[r].emphasis=a[r],a[r]=null)}}function $f(t,e,n){if(t&&t[e]&&(t[e].normal||t[e].emphasis)){var i=t[e].normal,r=t[e].emphasis;i&&(n?(t[e].normal=t[e].emphasis=null,k(t[e],i)):t[e]=i),r&&(t.emphasis=t.emphasis||{},t.emphasis[e]=r,r.focus&&(t.emphasis.focus=r.focus),r.blurScope&&(t.emphasis.blurScope=r.blurScope))}}function Jf(t){$f(t,"itemStyle"),$f(t,"lineStyle"),$f(t,"areaStyle"),$f(t,"label"),$f(t,"labelLine"),$f(t,"upperLabel"),$f(t,"edgeLabel")}function Qf(t,e){var n=jf(t)&&t[e],i=jf(n)&&n.textStyle;if(i){0;for(var r=0,o=$o.length;r<o;r++){var a=$o[r];i.hasOwnProperty(a)&&(n[a]=i[a])}}}function tg(t){t&&(Jf(t),Qf(t,"label"),t.emphasis&&Qf(t.emphasis,"label"))}function eg(t){return U(t)?t:t?[t]:[]}function ng(t){return(U(t)?t[0]:t)||{}}function ig(t,e){Zf(eg(t.series),(function(t){jf(t)&&function(t){if(jf(t)){Kf(t),Jf(t),Qf(t,"label"),Qf(t,"upperLabel"),Qf(t,"edgeLabel"),t.emphasis&&(Qf(t.emphasis,"label"),Qf(t.emphasis,"upperLabel"),Qf(t.emphasis,"edgeLabel"));var e=t.markPoint;e&&(Kf(e),tg(e));var n=t.markLine;n&&(Kf(n),tg(n));var i=t.markArea;i&&tg(i);var r=t.data;if("graph"===t.type){r=r||t.nodes;var o=t.links||t.edges;if(o&&!$(o))for(var a=0;a<o.length;a++)tg(o[a]);z(t.categories,(function(t){Jf(t)}))}if(r&&!$(r))for(a=0;a<r.length;a++)tg(r[a]);if((e=t.markPoint)&&e.data){var s=e.data;for(a=0;a<s.length;a++)tg(s[a])}if((n=t.markLine)&&n.data){var l=n.data;for(a=0;a<l.length;a++)U(l[a])?(tg(l[a][0]),tg(l[a][1])):tg(l[a])}"gauge"===t.type?(Qf(t,"axisLabel"),Qf(t,"title"),Qf(t,"detail")):"treemap"===t.type?($f(t.breadcrumb,"itemStyle"),z(t.levels,(function(t){Jf(t)}))):"tree"===t.type&&Jf(t.leaves)}}(t)}));var n=["xAxis","yAxis","radiusAxis","angleAxis","singleAxis","parallelAxis","radar"];e&&n.push("valueAxis","categoryAxis","logAxis","timeAxis"),Zf(n,(function(e){Zf(eg(t[e]),(function(t){t&&(Qf(t,"axisLabel"),Qf(t.axisPointer,"label"))}))})),Zf(eg(t.parallel),(function(t){var e=t&&t.parallelAxisDefault;Qf(e,"axisLabel"),Qf(e&&e.axisPointer,"label")})),Zf(eg(t.calendar),(function(t){$f(t,"itemStyle"),Qf(t,"dayLabel"),Qf(t,"monthLabel"),Qf(t,"yearLabel")})),Zf(eg(t.radar),(function(t){Qf(t,"name"),t.name&&null==t.axisName&&(t.axisName=t.name,delete t.name),null!=t.nameGap&&null==t.axisNameGap&&(t.axisNameGap=t.nameGap,delete t.nameGap)})),Zf(eg(t.geo),(function(t){jf(t)&&(tg(t),Zf(eg(t.regions),(function(t){tg(t)})))})),Zf(eg(t.timeline),(function(t){tg(t),$f(t,"label"),$f(t,"itemStyle"),$f(t,"controlStyle",!0);var e=t.data;U(e)&&z(e,(function(t){q(t)&&($f(t,"label"),$f(t,"itemStyle"))}))})),Zf(eg(t.toolbox),(function(t){$f(t,"iconStyle"),Zf(t.feature,(function(t){$f(t,"iconStyle")}))})),Qf(ng(t.axisPointer),"label"),Qf(ng(t.tooltip).axisPointer,"label")}function rg(t){t&&z(og,(function(e){e[0]in t&&!(e[1]in t)&&(t[e[1]]=t[e[0]])}))}var og=[["x","left"],["y","top"],["x2","right"],["y2","bottom"]],ag=["grid","geo","parallel","legend","toolbox","title","visualMap","dataZoom","timeline"],sg=[["borderRadius","barBorderRadius"],["borderColor","barBorderColor"],["borderWidth","barBorderWidth"]];function lg(t){var e=t&&t.itemStyle;if(e)for(var n=0;n<sg.length;n++){var i=sg[n][1],r=sg[n][0];null!=e[i]&&(e[r]=e[i])}}function ug(t){t&&"edge"===t.alignTo&&null!=t.margin&&null==t.edgeDistance&&(t.edgeDistance=t.margin)}function cg(t){t&&t.downplay&&!t.blur&&(t.blur=t.downplay)}function hg(t,e){if(t)for(var n=0;n<t.length;n++)e(t[n]),t[n]&&hg(t[n].children,e)}function dg(t,e){ig(t,e),t.series=qo(t.series),z(t.series,(function(t){if(q(t)){var e=t.type;if("line"===e)null!=t.clipOverflow&&(t.clip=t.clipOverflow);else if("pie"===e||"gauge"===e){if(null!=t.clockWise&&(t.clockwise=t.clockWise),ug(t.label),(r=t.data)&&!$(r))for(var n=0;n<r.length;n++)ug(r[n]);null!=t.hoverOffset&&(t.emphasis=t.emphasis||{},(t.emphasis.scaleSize=null)&&(t.emphasis.scaleSize=t.hoverOffset))}else if("gauge"===e){var i=function(t,e){for(var n=e.split(","),i=t,r=0;r<n.length&&null!=(i=i&&i[n[r]]);r++);return i}(t,"pointer.color");null!=i&&function(t,e,n,i){for(var r,o=e.split(","),a=t,s=0;s<o.length-1;s++)null==a[r=o[s]]&&(a[r]={}),a=a[r];(i||null==a[o[s]])&&(a[o[s]]=n)}(t,"itemStyle.color",i)}else if("bar"===e){var r;if(lg(t),lg(t.backgroundStyle),lg(t.emphasis),(r=t.data)&&!$(r))for(n=0;n<r.length;n++)"object"==typeof r[n]&&(lg(r[n]),lg(r[n]&&r[n].emphasis))}else if("sunburst"===e){var o=t.highlightPolicy;o&&(t.emphasis=t.emphasis||{},t.emphasis.focus||(t.emphasis.focus=o)),cg(t),hg(t.data,cg)}else"graph"===e||"sankey"===e?function(t){t&&null!=t.focusNodeAdjacency&&(t.emphasis=t.emphasis||{},null==t.emphasis.focus&&(t.emphasis.focus="adjacency"))}(t):"map"===e&&(t.mapType&&!t.map&&(t.map=t.mapType),t.mapLocation&&k(t,t.mapLocation));null!=t.hoverAnimation&&(t.emphasis=t.emphasis||{},t.emphasis&&null==t.emphasis.scale&&(t.emphasis.scale=t.hoverAnimation)),rg(t)}})),t.dataRange&&(t.visualMap=t.dataRange),z(ag,(function(e){var n=t[e];n&&(U(n)||(n=[n]),z(n,(function(t){rg(t)})))}))}var pg,fg,gg,yg,vg,mg,xg=function(t){this.data=t.data||(t.sourceFormat===ff?{}:[]),this.sourceFormat=t.sourceFormat||yf,this.seriesLayoutBy=t.seriesLayoutBy||vf,this.startIndex=t.startIndex||0,this.dimensionsDetectedCount=t.dimensionsDetectedCount,this.metaRawOption=t.metaRawOption;var e=this.dimensionsDefine=t.dimensionsDefine;if(e)for(var n=0;n<e.length;n++){var i=e[n];null==i.type&&Tf(this,n)===xf&&(i.type="ordinal")}};function _g(t){return t instanceof xg}function bg(t,e,n){n=n||Sg(t);var i=e.seriesLayoutBy,r=function(t,e,n,i,r){var o,a;if(!t)return{dimensionsDefine:Mg(r),startIndex:a,dimensionsDetectedCount:o};if(e===df){var s=t;"auto"===i||null==i?Ig((function(t){null!=t&&"-"!==t&&(X(t)?null==a&&(a=1):a=0)}),n,s,10):a=j(i)?i:i?1:0,r||1!==a||(r=[],Ig((function(t,e){r[e]=null!=t?t+"":""}),n,s,1/0)),o=r?r.length:n===mf?s.length:s[0]?s[0].length:null}else if(e===pf)r||(r=function(t){var e,n=0;for(;n<t.length&&!(e=t[n++]););if(e)return F(e)}(t));else if(e===ff)r||(r=[],z(t,(function(t,e){r.push(e)})));else if(e===hf){var l=Jo(t[0]);o=U(l)&&l.length||1}return{startIndex:a,dimensionsDefine:Mg(r),dimensionsDetectedCount:o}}(t,n,i,e.sourceHeader,e.dimensions);return new xg({data:t,sourceFormat:n,seriesLayoutBy:i,dimensionsDefine:r.dimensionsDefine,startIndex:r.startIndex,dimensionsDetectedCount:r.dimensionsDetectedCount,metaRawOption:T(e)})}function wg(t){return new xg({data:t,sourceFormat:$(t)?gf:hf})}function Sg(t){var e=yf;if($(t))e=gf;else if(U(t)){0===t.length&&(e=df);for(var n=0,i=t.length;n<i;n++){var r=t[n];if(null!=r){if(U(r)||$(r)){e=df;break}if(q(r)){e=pf;break}}}}else if(q(t))for(var o in t)if(_t(t,o)&&N(t[o])){e=ff;break}return e}function Mg(t){if(t){var e=yt();return E(t,(function(t,n){var i={name:(t=q(t)?t:{name:t}).name,displayName:t.displayName,type:t.type};if(null==i.name)return i;i.name+="",null==i.displayName&&(i.displayName=i.name);var r=e.get(i.name);return r?i.name+="-"+r.count++:e.set(i.name,{count:1}),i}))}}function Ig(t,e,n,i){if(e===mf)for(var r=0;r<n.length&&r<i;r++)t(n[r]?n[r][0]:null,r);else{var o=n[0]||[];for(r=0;r<o.length&&r<i;r++)t(o[r],r)}}function Tg(t){var e=t.sourceFormat;return e===pf||e===ff}var Cg=function(){function t(t,e){var n=_g(t)?t:wg(t);this._source=n;var i=this._data=n.data,r=n.sourceFormat;n.seriesLayoutBy;r===gf&&(this._offset=0,this._dimSize=e,this._data=i),mg(this,i,n)}var e;return t.prototype.getSource=function(){return this._source},t.prototype.count=function(){return 0},t.prototype.getItem=function(t,e){},t.prototype.appendData=function(t){},t.prototype.clean=function(){},t.protoInitialize=((e=t.prototype).pure=!1,void(e.persistent=!0)),t.internalField=function(){var t;mg=function(t,r,o){var a=o.sourceFormat,s=o.seriesLayoutBy,l=o.startIndex,u=o.dimensionsDefine,c=vg[Bg(a,s)];if(A(t,c),a===gf)t.getItem=e,t.count=i,t.fillStorage=n;else{var h=Lg(a,s);t.getItem=W(h,null,r,l,u);var d=Rg(a,s);t.count=W(d,null,r,l,u)}};var e=function(t,e){t-=this._offset,e=e||[];for(var n=this._data,i=this._dimSize,r=i*t,o=0;o<i;o++)e[o]=n[r+o];return e},n=function(t,e,n,i){for(var r=this._data,o=this._dimSize,a=0;a<o;a++){for(var s=i[a],l=null==s[0]?1/0:s[0],u=null==s[1]?-1/0:s[1],c=e-t,h=n[a],d=0;d<c;d++){var p=r[d*o+a];h[t+d]=p,p<l&&(l=p),p>u&&(u=p)}s[0]=l,s[1]=u}},i=function(){return this._data?this._data.length/this._dimSize:0};function r(t){for(var e=0;e<t.length;e++)this._data.push(t[e])}(t={})[df+"_"+vf]={pure:!0,appendData:r},t[df+"_"+mf]={pure:!0,appendData:function(){throw new Error('Do not support appendData when set seriesLayoutBy: "row".')}},t[pf]={pure:!0,appendData:r},t[ff]={pure:!0,appendData:function(t){var e=this._data;z(t,(function(t,n){for(var i=e[n]||(e[n]=[]),r=0;r<(t||[]).length;r++)i.push(t[r])}))}},t[hf]={appendData:r},t[gf]={persistent:!1,pure:!0,appendData:function(t){this._data=t},clean:function(){this._offset+=this.count(),this._data=null}},vg=t}(),t}(),Dg=function(t){U(t)||Ho("series.data or dataset.source must be an array.")},Ag=((pg={})[df+"_"+vf]=Dg,pg[df+"_"+mf]=Dg,pg[pf]=Dg,pg[ff]=function(t,e){for(var n=0;n<e.length;n++){null==e[n].name&&Ho("dimension name must not be null/undefined.")}},pg[hf]=Dg,function(t,e,n,i){return t[i]}),kg=((fg={})[df+"_"+vf]=function(t,e,n,i){return t[i+e]},fg[df+"_"+mf]=function(t,e,n,i,r){i+=e;for(var o=r||[],a=t,s=0;s<a.length;s++){var l=a[s];o[s]=l?l[i]:null}return o},fg[pf]=Ag,fg[ff]=function(t,e,n,i,r){for(var o=r||[],a=0;a<n.length;a++){var s=n[a].name,l=null!=s?t[s]:null;o[a]=l?l[i]:null}return o},fg[hf]=Ag,fg);function Lg(t,e){var n=kg[Bg(t,e)];return n}var Pg=function(t,e,n){return t.length},Og=((gg={})[df+"_"+vf]=function(t,e,n){return Math.max(0,t.length-e)},gg[df+"_"+mf]=function(t,e,n){var i=t[0];return i?Math.max(0,i.length-e):0},gg[pf]=Pg,gg[ff]=function(t,e,n){var i=n[0].name,r=null!=i?t[i]:null;return r?r.length:0},gg[hf]=Pg,gg);function Rg(t,e){var n=Og[Bg(t,e)];return n}var Ng=function(t,e,n){return t[e]},zg=((yg={})[df]=Ng,yg[pf]=function(t,e,n){return t[n]},yg[ff]=Ng,yg[hf]=function(t,e,n){var i=Jo(t);return i instanceof Array?i[e]:i},yg[gf]=Ng,yg);function Eg(t){var e=zg[t];return e}function Bg(t,e){return t===df?t+"_"+e:t}function Vg(t,e,n){if(t){var i=t.getRawDataItem(e);if(null!=i){var r=t.getStore(),o=r.getSource().sourceFormat;if(null!=n){var a=t.getDimensionIndex(n),s=r.getDimensionProperty(a);return Eg(o)(i,a,s)}var l=i;return o===hf&&(l=Jo(i)),l}}}var Gg=/\{@(.+?)\}/g,Fg=function(){function t(){}return t.prototype.getDataParams=function(t,e){var n=this.getData(e),i=this.getRawValue(t,e),r=n.getRawIndex(t),o=n.getName(t),a=n.getRawDataItem(t),s=n.getItemVisual(t,"style"),l=s&&s[n.getItemVisual(t,"drawType")||"fill"],u=s&&s.stroke,c=this.mainType,h="series"===c,d=n.userOutput&&n.userOutput.get();return{componentType:c,componentSubType:this.subType,componentIndex:this.componentIndex,seriesType:h?this.subType:null,seriesIndex:this.seriesIndex,seriesId:h?this.id:null,seriesName:h?this.name:null,name:o,dataIndex:r,data:a,dataType:e,value:i,color:l,borderColor:u,dimensionNames:d?d.fullDimensions:null,encode:d?d.encode:null,$vars:["seriesName","name","value"]}},t.prototype.getFormattedLabel=function(t,e,n,i,r,o){e=e||"normal";var a=this.getData(n),s=this.getDataParams(t,n);(o&&(s.value=o.interpolatedValue),null!=i&&U(s.value)&&(s.value=s.value[i]),r)||(r=a.getItemModel(t).get("normal"===e?["label","formatter"]:[e,"label","formatter"]));return Y(r)?(s.status=e,s.dimensionIndex=i,r(s)):X(r)?_p(r,s).replace(Gg,(function(e,n){var i=n.length,r=n;"["===r.charAt(0)&&"]"===r.charAt(i-1)&&(r=+r.slice(1,i-1));var s=Vg(a,t,r);if(o&&U(o.interpolatedValue)){var l=a.getDimensionIndex(r);l>=0&&(s=o.interpolatedValue[l])}return null!=s?s+"":""})):void 0},t.prototype.getRawValue=function(t,e){return Vg(this.getData(e),t)},t.prototype.formatTooltip=function(t,e,n){},t}();function Wg(t){var e,n;return q(t)?t.type&&(n=t):e=t,{text:e,frag:n}}function Hg(t){return new Ug(t)}var Ug=function(){function t(t){t=t||{},this._reset=t.reset,this._plan=t.plan,this._count=t.count,this._onDirty=t.onDirty,this._dirty=!0}return t.prototype.perform=function(t){var e,n=this._upstream,i=t&&t.skip;if(this._dirty&&n){var r=this.context;r.data=r.outputData=n.context.outputData}this.__pipeline&&(this.__pipeline.currentTask=this),this._plan&&!i&&(e=this._plan(this.context));var o,a=c(this._modBy),s=this._modDataCount||0,l=c(t&&t.modBy),u=t&&t.modDataCount||0;function c(t){return!(t>=1)&&(t=1),t}a===l&&s===u||(e="reset"),(this._dirty||"reset"===e)&&(this._dirty=!1,o=this._doReset(i)),this._modBy=l,this._modDataCount=u;var h=t&&t.step;if(this._dueEnd=n?n._outputDueEnd:this._count?this._count(this.context):1/0,this._progress){var d=this._dueIndex,p=Math.min(null!=h?this._dueIndex+h:1/0,this._dueEnd);if(!i&&(o||d<p)){var f=this._progress;if(U(f))for(var g=0;g<f.length;g++)this._doProgress(f[g],d,p,l,u);else this._doProgress(f,d,p,l,u)}this._dueIndex=p;var y=null!=this._settedOutputEnd?this._settedOutputEnd:p;0,this._outputDueEnd=y}else this._dueIndex=this._outputDueEnd=null!=this._settedOutputEnd?this._settedOutputEnd:this._dueEnd;return this.unfinished()},t.prototype.dirty=function(){this._dirty=!0,this._onDirty&&this._onDirty(this.context)},t.prototype._doProgress=function(t,e,n,i,r){Yg.reset(e,n,i,r),this._callingProgress=t,this._callingProgress({start:e,end:n,count:n-e,next:Yg.next},this.context)},t.prototype._doReset=function(t){var e,n;this._dueIndex=this._outputDueEnd=this._dueEnd=0,this._settedOutputEnd=null,!t&&this._reset&&((e=this._reset(this.context))&&e.progress&&(n=e.forceFirstProgress,e=e.progress),U(e)&&!e.length&&(e=null)),this._progress=e,this._modBy=this._modDataCount=null;var i=this._downstream;return i&&i.dirty(),n},t.prototype.unfinished=function(){return this._progress&&this._dueIndex<this._dueEnd},t.prototype.pipe=function(t){(this._downstream!==t||this._dirty)&&(this._downstream=t,t._upstream=this,t.dirty())},t.prototype.dispose=function(){this._disposed||(this._upstream&&(this._upstream._downstream=null),this._downstream&&(this._downstream._upstream=null),this._dirty=!1,this._disposed=!0)},t.prototype.getUpstream=function(){return this._upstream},t.prototype.getDownstream=function(){return this._downstream},t.prototype.setOutputEnd=function(t){this._outputDueEnd=this._settedOutputEnd=t},t}(),Yg=function(){var t,e,n,i,r,o={reset:function(l,u,c,h){e=l,t=u,n=c,i=h,r=Math.ceil(i/n),o.next=n>1&&i>0?s:a}};return o;function a(){return e<t?e++:null}function s(){var o=e%r*n+Math.ceil(e/r),a=e>=t?null:o<i?o:e;return e++,a}}();function Xg(t,e){var n=e&&e.type;return"ordinal"===n?t:("time"!==n||j(t)||null==t||"-"===t||(t=+Ao(t)),null==t||""===t?NaN:Number(t))}var Zg=yt({number:function(t){return parseFloat(t)},time:function(t){return+Ao(t)},trim:function(t){return X(t)?ut(t):t}});function jg(t){return Zg.get(t)}var qg={lt:function(t,e){return t<e},lte:function(t,e){return t<=e},gt:function(t,e){return t>e},gte:function(t,e){return t>=e}},Kg=function(){function t(t,e){if(!j(e)){var n="";0,Yo(n)}this._opFn=qg[t],this._rvalFloat=No(e)}return t.prototype.evaluate=function(t){return j(t)?this._opFn(t,this._rvalFloat):this._opFn(No(t),this._rvalFloat)},t}(),$g=function(){function t(t,e){var n="desc"===t;this._resultLT=n?1:-1,null==e&&(e=n?"min":"max"),this._incomparable="min"===e?-1/0:1/0}return t.prototype.evaluate=function(t,e){var n=j(t)?t:No(t),i=j(e)?e:No(e),r=isNaN(n),o=isNaN(i);if(r&&(n=this._incomparable),o&&(i=this._incomparable),r&&o){var a=X(t),s=X(e);a&&(n=s?t:0),s&&(i=a?e:0)}return n<i?this._resultLT:n>i?-this._resultLT:0},t}(),Jg=function(){function t(t,e){this._rval=e,this._isEQ=t,this._rvalTypeof=typeof e,this._rvalFloat=No(e)}return t.prototype.evaluate=function(t){var e=t===this._rval;if(!e){var n=typeof t;n===this._rvalTypeof||"number"!==n&&"number"!==this._rvalTypeof||(e=No(t)===this._rvalFloat)}return this._isEQ?e:!e},t}();function Qg(t,e){return"eq"===t||"ne"===t?new Jg("eq"===t,e):_t(qg,t)?new Kg(t,e):null}var ty=function(){function t(){}return t.prototype.getRawData=function(){throw new Error("not supported")},t.prototype.getRawDataItem=function(t){throw new Error("not supported")},t.prototype.cloneRawData=function(){},t.prototype.getDimensionInfo=function(t){},t.prototype.cloneAllDimensionInfo=function(){},t.prototype.count=function(){},t.prototype.retrieveValue=function(t,e){},t.prototype.retrieveValueFromItem=function(t,e){},t.prototype.convertValue=function(t,e){return Xg(t,e)},t}();function ey(t){var e=t.sourceFormat;if(!sy(e)){var n="";0,Yo(n)}return t.data}function ny(t){var e=t.sourceFormat,n=t.data;if(!sy(e)){var i="";0,Yo(i)}if(e===df){for(var r=[],o=0,a=n.length;o<a;o++)r.push(n[o].slice());return r}if(e===pf){for(r=[],o=0,a=n.length;o<a;o++)r.push(A({},n[o]));return r}}function iy(t,e,n){if(null!=n)return j(n)||!isNaN(n)&&!_t(e,n)?t[n]:_t(e,n)?e[n]:void 0}function ry(t){return T(t)}var oy=yt();function ay(t,e,n,i){var r="";e.length||Yo(r),q(t)||Yo(r);var o=t.type,a=oy.get(o);a||Yo(r);var s=E(e,(function(t){return function(t,e){var n=new ty,i=t.data,r=n.sourceFormat=t.sourceFormat,o=t.startIndex,a="";t.seriesLayoutBy!==vf&&Yo(a);var s=[],l={},u=t.dimensionsDefine;if(u)z(u,(function(t,e){var n=t.name,i={index:e,name:n,displayName:t.displayName};if(s.push(i),null!=n){var r="";_t(l,n)&&Yo(r),l[n]=i}}));else for(var c=0;c<t.dimensionsDetectedCount;c++)s.push({index:c});var h=Lg(r,vf);e.__isBuiltIn&&(n.getRawDataItem=function(t){return h(i,o,s,t)},n.getRawData=W(ey,null,t)),n.cloneRawData=W(ny,null,t);var d=Rg(r,vf);n.count=W(d,null,i,o,s);var p=Eg(r);n.retrieveValue=function(t,e){var n=h(i,o,s,t);return f(n,e)};var f=n.retrieveValueFromItem=function(t,e){if(null!=t){var n=s[e];return n?p(t,e,n.name):void 0}};return n.getDimensionInfo=W(iy,null,s,l),n.cloneAllDimensionInfo=W(ry,null,s),n}(t,a)})),l=qo(a.transform({upstream:s[0],upstreamList:s,config:T(t.config)}));return E(l,(function(t,n){var i,r="";q(t)||Yo(r),t.data||Yo(r),sy(Sg(t.data))||Yo(r);var o=e[0];if(o&&0===n&&!t.dimensions){var a=o.startIndex;a&&(t.data=o.data.slice(0,a).concat(t.data)),i={seriesLayoutBy:vf,sourceHeader:a,dimensions:o.metaRawOption.dimensions}}else i={seriesLayoutBy:vf,sourceHeader:0,dimensions:t.dimensions};return bg(t.data,i,null)}))}function sy(t){return t===df||t===pf}var ly,uy="undefined",cy=typeof Uint32Array===uy?Array:Uint32Array,hy=typeof Uint16Array===uy?Array:Uint16Array,dy=typeof Int32Array===uy?Array:Int32Array,py=typeof Float64Array===uy?Array:Float64Array,fy={float:py,int:dy,ordinal:Array,number:Array,time:py};function gy(t){return t>65535?cy:hy}function yy(t,e,n,i,r){var o=fy[n||"float"];if(r){var a=t[e],s=a&&a.length;if(s!==i){for(var l=new o(i),u=0;u<s;u++)l[u]=a[u];t[e]=l}}else t[e]=new o(i)}var vy=function(){function t(){this._chunks=[],this._rawExtent=[],this._extent=[],this._count=0,this._rawCount=0,this._calcDimNameToIdx=yt()}return t.prototype.initData=function(t,e,n){this._provider=t,this._chunks=[],this._indices=null,this.getRawIndex=this._getRawIdxIdentity;var i=t.getSource(),r=this.defaultDimValueGetter=ly[i.sourceFormat];this._dimValueGetter=n||r,this._rawExtent=[];Tg(i);this._dimensions=E(e,(function(t){return{type:t.type,property:t.property}})),this._initDataFromProvider(0,t.count())},t.prototype.getProvider=function(){return this._provider},t.prototype.getSource=function(){return this._provider.getSource()},t.prototype.ensureCalculationDimension=function(t,e){var n=this._calcDimNameToIdx,i=this._dimensions,r=n.get(t);if(null!=r){if(i[r].type===e)return r}else r=i.length;return i[r]={type:e},n.set(t,r),this._chunks[r]=new fy[e||"float"](this._rawCount),this._rawExtent[r]=[1/0,-1/0],r},t.prototype.collectOrdinalMeta=function(t,e){var n=this._chunks[t],i=this._dimensions[t],r=this._rawExtent,o=i.ordinalOffset||0,a=n.length;0===o&&(r[t]=[1/0,-1/0]);for(var s=r[t],l=o;l<a;l++){var u=n[l]=e.parseAndCollect(n[l]);isNaN(u)||(s[0]=Math.min(u,s[0]),s[1]=Math.max(u,s[1]))}i.ordinalMeta=e,i.ordinalOffset=a,i.type="ordinal"},t.prototype.getOrdinalMeta=function(t){return this._dimensions[t].ordinalMeta},t.prototype.getDimensionProperty=function(t){var e=this._dimensions[t];return e&&e.property},t.prototype.appendData=function(t){var e=this._provider,n=this.count();e.appendData(t);var i=e.count();return e.persistent||(i+=n),n<i&&this._initDataFromProvider(n,i,!0),[n,i]},t.prototype.appendValues=function(t,e){for(var n=this._chunks,i=this._dimensions,r=i.length,o=this._rawExtent,a=this.count(),s=a+Math.max(t.length,e||0),l=0;l<r;l++){yy(n,l,(p=i[l]).type,s,!0)}for(var u=[],c=a;c<s;c++)for(var h=c-a,d=0;d<r;d++){var p=i[d],f=ly.arrayRows.call(this,t[h]||u,p.property,h,d);n[d][c]=f;var g=o[d];f<g[0]&&(g[0]=f),f>g[1]&&(g[1]=f)}return this._rawCount=this._count=s,{start:a,end:s}},t.prototype._initDataFromProvider=function(t,e,n){for(var i=this._provider,r=this._chunks,o=this._dimensions,a=o.length,s=this._rawExtent,l=E(o,(function(t){return t.property})),u=0;u<a;u++){var c=o[u];s[u]||(s[u]=[1/0,-1/0]),yy(r,u,c.type,e,n)}if(i.fillStorage)i.fillStorage(t,e,r,s);else for(var h=[],d=t;d<e;d++){h=i.getItem(d,h);for(var p=0;p<a;p++){var f=r[p],g=this._dimValueGetter(h,l[p],d,p);f[d]=g;var y=s[p];g<y[0]&&(y[0]=g),g>y[1]&&(y[1]=g)}}!i.persistent&&i.clean&&i.clean(),this._rawCount=this._count=e,this._extent=[]},t.prototype.count=function(){return this._count},t.prototype.get=function(t,e){if(!(e>=0&&e<this._count))return NaN;var n=this._chunks[t];return n?n[this.getRawIndex(e)]:NaN},t.prototype.getValues=function(t,e){var n=[],i=[];if(null==e){e=t,t=[];for(var r=0;r<this._dimensions.length;r++)i.push(r)}else i=t;r=0;for(var o=i.length;r<o;r++)n.push(this.get(i[r],e));return n},t.prototype.getByRawIndex=function(t,e){if(!(e>=0&&e<this._rawCount))return NaN;var n=this._chunks[t];return n?n[e]:NaN},t.prototype.getSum=function(t){var e=0;if(this._chunks[t])for(var n=0,i=this.count();n<i;n++){var r=this.get(t,n);isNaN(r)||(e+=r)}return e},t.prototype.getMedian=function(t){var e=[];this.each([t],(function(t){isNaN(t)||e.push(t)}));var n=e.sort((function(t,e){return t-e})),i=this.count();return 0===i?0:i%2==1?n[(i-1)/2]:(n[i/2]+n[i/2-1])/2},t.prototype.indexOfRawIndex=function(t){if(t>=this._rawCount||t<0)return-1;if(!this._indices)return t;var e=this._indices,n=e[t];if(null!=n&&n<this._count&&n===t)return t;for(var i=0,r=this._count-1;i<=r;){var o=(i+r)/2|0;if(e[o]<t)i=o+1;else{if(!(e[o]>t))return o;r=o-1}}return-1},t.prototype.getIndices=function(){var t,e=this._indices;if(e){var n=e.constructor,i=this._count;if(n===Array){t=new n(i);for(var r=0;r<i;r++)t[r]=e[r]}else t=new n(e.buffer,0,i)}else{t=new(n=gy(this._rawCount))(this.count());for(r=0;r<t.length;r++)t[r]=r}return t},t.prototype.filter=function(t,e){if(!this._count)return this;for(var n=this.clone(),i=n.count(),r=new(gy(n._rawCount))(i),o=[],a=t.length,s=0,l=t[0],u=n._chunks,c=0;c<i;c++){var h=void 0,d=n.getRawIndex(c);if(0===a)h=e(c);else if(1===a){h=e(u[l][d],c)}else{for(var p=0;p<a;p++)o[p]=u[t[p]][d];o[p]=c,h=e.apply(null,o)}h&&(r[s++]=d)}return s<i&&(n._indices=r),n._count=s,n._extent=[],n._updateGetRawIdx(),n},t.prototype.selectRange=function(t){var e=this.clone(),n=e._count;if(!n)return this;var i=F(t),r=i.length;if(!r)return this;var o=e.count(),a=new(gy(e._rawCount))(o),s=0,l=i[0],u=t[l][0],c=t[l][1],h=e._chunks,d=!1;if(!e._indices){var p=0;if(1===r){for(var f=h[i[0]],g=0;g<n;g++){((x=f[g])>=u&&x<=c||isNaN(x))&&(a[s++]=p),p++}d=!0}else if(2===r){f=h[i[0]];var y=h[i[1]],v=t[i[1]][0],m=t[i[1]][1];for(g=0;g<n;g++){var x=f[g],_=y[g];(x>=u&&x<=c||isNaN(x))&&(_>=v&&_<=m||isNaN(_))&&(a[s++]=p),p++}d=!0}}if(!d)if(1===r)for(g=0;g<o;g++){var b=e.getRawIndex(g);((x=h[i[0]][b])>=u&&x<=c||isNaN(x))&&(a[s++]=b)}else for(g=0;g<o;g++){for(var w=!0,S=(b=e.getRawIndex(g),0);S<r;S++){var M=i[S];((x=h[M][b])<t[M][0]||x>t[M][1])&&(w=!1)}w&&(a[s++]=e.getRawIndex(g))}return s<o&&(e._indices=a),e._count=s,e._extent=[],e._updateGetRawIdx(),e},t.prototype.map=function(t,e){var n=this.clone(t);return this._updateDims(n,t,e),n},t.prototype.modify=function(t,e){this._updateDims(this,t,e)},t.prototype._updateDims=function(t,e,n){for(var i=t._chunks,r=[],o=e.length,a=t.count(),s=[],l=t._rawExtent,u=0;u<e.length;u++)l[e[u]]=[1/0,-1/0];for(var c=0;c<a;c++){for(var h=t.getRawIndex(c),d=0;d<o;d++)s[d]=i[e[d]][h];s[o]=c;var p=n&&n.apply(null,s);if(null!=p){"object"!=typeof p&&(r[0]=p,p=r);for(u=0;u<p.length;u++){var f=e[u],g=p[u],y=l[f],v=i[f];v&&(v[h]=g),g<y[0]&&(y[0]=g),g>y[1]&&(y[1]=g)}}}},t.prototype.lttbDownSample=function(t,e){var n,i,r,o=this.clone([t],!0),a=o._chunks[t],s=this.count(),l=0,u=Math.floor(1/e),c=this.getRawIndex(0),h=new(gy(this._rawCount))(Math.min(2*(Math.ceil(s/u)+2),s));h[l++]=c;for(var d=1;d<s-1;d+=u){for(var p=Math.min(d+u,s-1),f=Math.min(d+2*u,s),g=(f+p)/2,y=0,v=p;v<f;v++){var m=a[I=this.getRawIndex(v)];isNaN(m)||(y+=m)}y/=f-p;var x=d,_=Math.min(d+u,s),b=d-1,w=a[c];n=-1,r=x;var S=-1,M=0;for(v=x;v<_;v++){var I;m=a[I=this.getRawIndex(v)];isNaN(m)?(M++,S<0&&(S=I)):(i=Math.abs((b-g)*(m-w)-(b-v)*(y-w)))>n&&(n=i,r=I)}M>0&&M<_-x&&(h[l++]=Math.min(S,r),r=Math.max(S,r)),h[l++]=r,c=r}return h[l++]=this.getRawIndex(s-1),o._count=l,o._indices=h,o.getRawIndex=this._getRawIdx,o},t.prototype.minmaxDownSample=function(t,e){for(var n=this.clone([t],!0),i=n._chunks,r=Math.floor(1/e),o=i[t],a=this.count(),s=new(gy(this._rawCount))(2*Math.ceil(a/r)),l=0,u=0;u<a;u+=r){var c=u,h=o[this.getRawIndex(c)],d=u,p=o[this.getRawIndex(d)],f=r;u+r>a&&(f=a-u);for(var g=0;g<f;g++){var y=o[this.getRawIndex(u+g)];y<h&&(h=y,c=u+g),y>p&&(p=y,d=u+g)}var v=this.getRawIndex(c),m=this.getRawIndex(d);c<d?(s[l++]=v,s[l++]=m):(s[l++]=m,s[l++]=v)}return n._count=l,n._indices=s,n._updateGetRawIdx(),n},t.prototype.downSample=function(t,e,n,i){for(var r=this.clone([t],!0),o=r._chunks,a=[],s=Math.floor(1/e),l=o[t],u=this.count(),c=r._rawExtent[t]=[1/0,-1/0],h=new(gy(this._rawCount))(Math.ceil(u/s)),d=0,p=0;p<u;p+=s){s>u-p&&(s=u-p,a.length=s);for(var f=0;f<s;f++){var g=this.getRawIndex(p+f);a[f]=l[g]}var y=n(a),v=this.getRawIndex(Math.min(p+i(a,y)||0,u-1));l[v]=y,y<c[0]&&(c[0]=y),y>c[1]&&(c[1]=y),h[d++]=v}return r._count=d,r._indices=h,r._updateGetRawIdx(),r},t.prototype.each=function(t,e){if(this._count)for(var n=t.length,i=this._chunks,r=0,o=this.count();r<o;r++){var a=this.getRawIndex(r);switch(n){case 0:e(r);break;case 1:e(i[t[0]][a],r);break;case 2:e(i[t[0]][a],i[t[1]][a],r);break;default:for(var s=0,l=[];s<n;s++)l[s]=i[t[s]][a];l[s]=r,e.apply(null,l)}}},t.prototype.getDataExtent=function(t){var e=this._chunks[t],n=[1/0,-1/0];if(!e)return n;var i,r=this.count();if(!this._indices)return this._rawExtent[t].slice();if(i=this._extent[t])return i.slice();for(var o=(i=n)[0],a=i[1],s=0;s<r;s++){var l=e[this.getRawIndex(s)];l<o&&(o=l),l>a&&(a=l)}return i=[o,a],this._extent[t]=i,i},t.prototype.getRawDataItem=function(t){var e=this.getRawIndex(t);if(this._provider.persistent)return this._provider.getItem(e);for(var n=[],i=this._chunks,r=0;r<i.length;r++)n.push(i[r][e]);return n},t.prototype.clone=function(e,n){var i,r,o=new t,a=this._chunks,s=e&&B(e,(function(t,e){return t[e]=!0,t}),{});if(s)for(var l=0;l<a.length;l++)o._chunks[l]=s[l]?(i=a[l],r=void 0,(r=i.constructor)===Array?i.slice():new r(i)):a[l];else o._chunks=a;return this._copyCommonProps(o),n||(o._indices=this._cloneIndices()),o._updateGetRawIdx(),o},t.prototype._copyCommonProps=function(t){t._count=this._count,t._rawCount=this._rawCount,t._provider=this._provider,t._dimensions=this._dimensions,t._extent=T(this._extent),t._rawExtent=T(this._rawExtent)},t.prototype._cloneIndices=function(){if(this._indices){var t=this._indices.constructor,e=void 0;if(t===Array){var n=this._indices.length;e=new t(n);for(var i=0;i<n;i++)e[i]=this._indices[i]}else e=new t(this._indices);return e}return null},t.prototype._getRawIdxIdentity=function(t){return t},t.prototype._getRawIdx=function(t){return t<this._count&&t>=0?this._indices[t]:-1},t.prototype._updateGetRawIdx=function(){this.getRawIndex=this._indices?this._getRawIdx:this._getRawIdxIdentity},t.internalField=function(){function t(t,e,n,i){return Xg(t[i],this._dimensions[i])}ly={arrayRows:t,objectRows:function(t,e,n,i){return Xg(t[e],this._dimensions[i])},keyedColumns:t,original:function(t,e,n,i){var r=t&&(null==t.value?t:t.value);return Xg(r instanceof Array?r[i]:r,this._dimensions[i])},typedArray:function(t,e,n,i){return t[i]}}}(),t}(),my=function(){function t(t){this._sourceList=[],this._storeList=[],this._upstreamSignList=[],this._versionSignBase=0,this._dirty=!0,this._sourceHost=t}return t.prototype.dirty=function(){this._setLocalSource([],[]),this._storeList=[],this._dirty=!0},t.prototype._setLocalSource=function(t,e){this._sourceList=t,this._upstreamSignList=e,this._versionSignBase++,this._versionSignBase>9e10&&(this._versionSignBase=0)},t.prototype._getVersionSign=function(){return this._sourceHost.uid+"_"+this._versionSignBase},t.prototype.prepareSource=function(){this._isDirty()&&(this._createSource(),this._dirty=!1)},t.prototype._createSource=function(){this._setLocalSource([],[]);var t,e,n=this._sourceHost,i=this._getUpstreamSourceManagers(),r=!!i.length;if(_y(n)){var o=n,a=void 0,s=void 0,l=void 0;if(r){var u=i[0];u.prepareSource(),a=(l=u.getSource()).data,s=l.sourceFormat,e=[u._getVersionSign()]}else s=$(a=o.get("data",!0))?gf:hf,e=[];var c=this._getSourceMetaRawOption()||{},h=l&&l.metaRawOption||{},d=rt(c.seriesLayoutBy,h.seriesLayoutBy)||null,p=rt(c.sourceHeader,h.sourceHeader),f=rt(c.dimensions,h.dimensions);t=d!==h.seriesLayoutBy||!!p!=!!h.sourceHeader||f?[bg(a,{seriesLayoutBy:d,sourceHeader:p,dimensions:f},s)]:[]}else{var g=n;if(r){var y=this._applyTransform(i);t=y.sourceList,e=y.upstreamSignList}else{t=[bg(g.get("source",!0),this._getSourceMetaRawOption(),null)],e=[]}}this._setLocalSource(t,e)},t.prototype._applyTransform=function(t){var e,n=this._sourceHost,i=n.get("transform",!0),r=n.get("fromTransformResult",!0);if(null!=r){var o="";1!==t.length&&by(o)}var a,s=[],l=[];return z(t,(function(t){t.prepareSource();var e=t.getSource(r||0),n="";null==r||e||by(n),s.push(e),l.push(t._getVersionSign())})),i?e=function(t,e,n){var i=qo(t),r=i.length,o="";r||Yo(o);for(var a=0,s=r;a<s;a++)e=ay(i[a],e),a!==s-1&&(e.length=Math.max(e.length,1));return e}(i,s,n.componentIndex):null!=r&&(e=[(a=s[0],new xg({data:a.data,sourceFormat:a.sourceFormat,seriesLayoutBy:a.seriesLayoutBy,dimensionsDefine:T(a.dimensionsDefine),startIndex:a.startIndex,dimensionsDetectedCount:a.dimensionsDetectedCount}))]),{sourceList:e,upstreamSignList:l}},t.prototype._isDirty=function(){if(this._dirty)return!0;for(var t=this._getUpstreamSourceManagers(),e=0;e<t.length;e++){var n=t[e];if(n._isDirty()||this._upstreamSignList[e]!==n._getVersionSign())return!0}},t.prototype.getSource=function(t){t=t||0;var e=this._sourceList[t];if(!e){var n=this._getUpstreamSourceManagers();return n[0]&&n[0].getSource(t)}return e},t.prototype.getSharedDataStore=function(t){var e=t.makeStoreSchema();return this._innerGetDataStore(e.dimensions,t.source,e.hash)},t.prototype._innerGetDataStore=function(t,e,n){var i=this._storeList,r=i[0];r||(r=i[0]={});var o=r[n];if(!o){var a=this._getUpstreamSourceManagers()[0];_y(this._sourceHost)&&a?o=a._innerGetDataStore(t,e,n):(o=new vy).initData(new Cg(e,t.length),t),r[n]=o}return o},t.prototype._getUpstreamSourceManagers=function(){var t=this._sourceHost;if(_y(t)){var e=If(t);return e?[e.getSourceManager()]:[]}return E(function(t){return t.get("transform",!0)||t.get("fromTransformResult",!0)?pa(t.ecModel,"dataset",{index:t.get("fromDatasetIndex",!0),id:t.get("fromDatasetId",!0)},ha).models:[]}(t),(function(t){return t.getSourceManager()}))},t.prototype._getSourceMetaRawOption=function(){var t,e,n,i=this._sourceHost;if(_y(i))t=i.get("seriesLayoutBy",!0),e=i.get("sourceHeader",!0),n=i.get("dimensions",!0);else if(!this._getUpstreamSourceManagers().length){var r=i;t=r.get("seriesLayoutBy",!0),e=r.get("sourceHeader",!0),n=r.get("dimensions",!0)}return{seriesLayoutBy:t,sourceHeader:e,dimensions:n}},t}();function xy(t){t.option.transform&&ht(t.option.transform)}function _y(t){return"series"===t.mainType}function by(t){throw new Error(t)}function wy(t){var e=t.lineHeight;return null==e?"line-height:1":"line-height:"+oe(e+"")+"px"}function Sy(t,e){var n=t.color||tf.color.tertiary,i=t.fontSize||12,r=t.fontWeight||"400",o=t.color||tf.color.secondary,a=t.fontSize||14,s=t.fontWeight||"900";return"html"===e?{nameStyle:"font-size:"+oe(i+"")+"px;color:"+oe(n)+";font-weight:"+oe(r+""),valueStyle:"font-size:"+oe(a+"")+"px;color:"+oe(o)+";font-weight:"+oe(s+"")}:{nameStyle:{fontSize:i,fill:n,fontWeight:r},valueStyle:{fontSize:a,fill:o,fontWeight:s}}}var My=[0,10,20,30],Iy=["","\n","\n\n","\n\n\n"];function Ty(t,e){return e.type=t,e}function Cy(t){return"section"===t.type}function Dy(t){return Cy(t)?ky:Ly}function Ay(t){if(Cy(t)){var e=0,n=t.blocks.length,i=n>1||n>0&&!t.noHeader;return z(t.blocks,(function(t){var n=Ay(t);n>=e&&(e=n+ +(i&&(!n||Cy(t)&&!t.noHeader)))})),e}return 0}function ky(t,e,n,i){var r,o=e.noHeader,a=(r=Ay(e),{html:My[r],richText:Iy[r]}),s=[],l=e.blocks||[];lt(!l||U(l)),l=l||[];var u=t.orderMode;if(e.sortBlocks&&u){l=l.slice();var c={valueAsc:"asc",valueDesc:"desc"};if(_t(c,u)){var h=new $g(c[u],null);l.sort((function(t,e){return h.evaluate(t.sortParam,e.sortParam)}))}else"seriesDesc"===u&&l.reverse()}z(l,(function(n,r){var o=e.valueFormatter,l=Dy(n)(o?A(A({},t),{valueFormatter:o}):t,n,r>0?a.html:0,i);null!=l&&s.push(l)}));var d="richText"===t.renderMode?s.join(a.richText):Oy(i,s.join(""),o?n:a.html);if(o)return d;var p=vp(e.header,"ordinal",t.useUTC),f=Sy(i,t.renderMode).nameStyle,g=wy(i);return"richText"===t.renderMode?Ry(t,p,f)+a.richText+d:Oy(i,'<div style="'+f+";"+g+';">'+oe(p)+"</div>"+d,n)}function Ly(t,e,n,i){var r=t.renderMode,o=e.noName,a=e.noValue,s=!e.markerType,l=e.name,u=t.useUTC,c=e.valueFormatter||t.valueFormatter||function(t){return E(t=U(t)?t:[t],(function(t,e){return vp(t,U(p)?p[e]:p,u)}))};if(!o||!a){var h=s?"":t.markupStyleCreator.makeTooltipMarker(e.markerType,e.markerColor||tf.color.secondary,r),d=o?"":vp(l,"ordinal",u),p=e.valueType,f=a?[]:c(e.value,e.dataIndex),g=!s||!o,y=!s&&o,v=Sy(i,r),m=v.nameStyle,x=v.valueStyle;return"richText"===r?(s?"":h)+(o?"":Ry(t,d,m))+(a?"":function(t,e,n,i,r){var o=[r],a=i?10:20;return n&&o.push({padding:[0,0,0,a],align:"right"}),t.markupStyleCreator.wrapRichTextStyle(U(e)?e.join("  "):e,o)}(t,f,g,y,x)):Oy(i,(s?"":h)+(o?"":function(t,e,n){return'<span style="'+n+";"+(e?"margin-left:2px":"")+'">'+oe(t)+"</span>"}(d,!s,m))+(a?"":function(t,e,n,i){var r=n?"10px":"20px",o=e?"float:right;margin-left:"+r:"";return t=U(t)?t:[t],'<span style="'+o+";"+i+'">'+E(t,(function(t){return oe(t)})).join("&nbsp;&nbsp;")+"</span>"}(f,g,y,x)),n)}}function Py(t,e,n,i,r,o){if(t)return Dy(t)({useUTC:r,renderMode:n,orderMode:i,markupStyleCreator:e,valueFormatter:t.valueFormatter},t,0,o)}function Oy(t,e,n){return'<div style="'+("margin: "+n+"px 0 0")+";"+wy(t)+';">'+e+'<div style="clear:both"></div></div>'}function Ry(t,e,n){return t.markupStyleCreator.wrapRichTextStyle(e,n)}function Ny(t,e){return wp(t.getData().getItemVisual(e,"style")[t.visualDrawType])}function zy(t,e){var n=t.get("padding");return null!=n?n:"richText"===e?[8,10]:10}var Ey=function(){function t(){this.richTextStyles={},this._nextStyleNameId=Eo()}return t.prototype._generateStyleName=function(){return"__EC_aUTo_"+this._nextStyleNameId++},t.prototype.makeTooltipMarker=function(t,e,n){var i="richText"===n?this._generateStyleName():null,r=bp({color:e,type:t,renderMode:n,markerId:i});return X(r)?r:(this.richTextStyles[i]=r.style,r.content)},t.prototype.wrapRichTextStyle=function(t,e){var n={};U(e)?z(e,(function(t){return A(n,t)})):A(n,e);var i=this._generateStyleName();return this.richTextStyles[i]=n,"{"+i+"|"+t+"}"},t}();function By(t){var e,n,i,r,o=t.series,a=t.dataIndex,s=t.multipleSeries,l=o.getData(),u=l.mapDimensionsAll("defaultedTooltip"),c=u.length,h=o.getRawValue(a),d=U(h),p=Ny(o,a);if(c>1||d&&!c){var f=function(t,e,n,i,r){var o=e.getData(),a=B(t,(function(t,e,n){var i=o.getDimensionInfo(n);return t||i&&!1!==i.tooltip&&null!=i.displayName}),!1),s=[],l=[],u=[];function c(t,e){var n=o.getDimensionInfo(e);n&&!1!==n.otherDims.tooltip&&(a?u.push(Ty("nameValue",{markerType:"subItem",markerColor:r,name:n.displayName,value:t,valueType:n.type})):(s.push(t),l.push(n.type)))}return i.length?z(i,(function(t){c(Vg(o,n,t),t)})):z(t,c),{inlineValues:s,inlineValueTypes:l,blocks:u}}(h,o,a,u,p);e=f.inlineValues,n=f.inlineValueTypes,i=f.blocks,r=f.inlineValues[0]}else if(c){var g=l.getDimensionInfo(u[0]);r=e=Vg(l,a,u[0]),n=g.type}else r=e=d?h[0]:h;var y=ra(o),v=y&&o.name||"",m=l.getName(a),x=s?v:m;return Ty("section",{header:v,noHeader:s||!y,sortParam:r,blocks:[Ty("nameValue",{markerType:"item",markerColor:p,name:x,noName:!ut(x),value:e,valueType:n,dataIndex:a})].concat(i||[])})}var Vy=sa();function Gy(t,e){return t.getName(e)||t.getId(e)}var Fy="__universalTransitionEnabled",Wy=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e._selectedDataIndicesMap={},e}var i;return n(e,t),e.prototype.init=function(t,e,n){this.seriesIndex=this.componentIndex,this.dataTask=Hg({count:Uy,reset:Yy}),this.dataTask.context={model:this},this.mergeDefaultAndTheme(t,n),(Vy(this).sourceManager=new my(this)).prepareSource();var i=this.getInitialData(t,n);Zy(i,this),this.dataTask.context.data=i,Vy(this).dataBeforeProcessed=i,Hy(this),this._initSelectedMapFromData(i)},e.prototype.mergeDefaultAndTheme=function(t,e){var n=jp(this),i=n?Kp(t):{},r=this.subType;Qp.hasClass(r)&&(r+="Series"),C(t,e.getTheme().get(this.subType)),C(t,this.getDefaultOption()),Ko(t,"label",["show"]),this.fillDataTextStyle(t.data),n&&qp(t,i,n)},e.prototype.mergeOption=function(t,e){t=C(this.option,t,!0),this.fillDataTextStyle(t.data);var n=jp(this);n&&qp(this.option,t,n);var i=Vy(this).sourceManager;i.dirty(),i.prepareSource();var r=this.getInitialData(t,e);Zy(r,this),this.dataTask.dirty(),this.dataTask.context.data=r,Vy(this).dataBeforeProcessed=r,Hy(this),this._initSelectedMapFromData(r)},e.prototype.fillDataTextStyle=function(t){if(t&&!$(t))for(var e=["show"],n=0;n<t.length;n++)t[n]&&t[n].label&&Ko(t[n],"label",e)},e.prototype.getInitialData=function(t,e){},e.prototype.appendData=function(t){this.getRawData().appendData(t.data)},e.prototype.getData=function(t){var e=qy(this);if(e){var n=e.context.data;return null!=t&&n.getLinkedData?n.getLinkedData(t):n}return Vy(this).data},e.prototype.getAllData=function(){var t=this.getData();return t&&t.getLinkedDataAll?t.getLinkedDataAll():[{data:t}]},e.prototype.setData=function(t){var e=qy(this);if(e){var n=e.context;n.outputData=t,e!==this.dataTask&&(n.data=t)}Vy(this).data=t},e.prototype.getEncode=function(){var t=this.get("encode",!0);if(t)return yt(t)},e.prototype.getSourceManager=function(){return Vy(this).sourceManager},e.prototype.getSource=function(){return this.getSourceManager().getSource()},e.prototype.getRawData=function(){return Vy(this).dataBeforeProcessed},e.prototype.getColorBy=function(){return this.get("colorBy")||"series"},e.prototype.isColorBySeries=function(){return"series"===this.getColorBy()},e.prototype.getBaseAxis=function(){var t=this.coordinateSystem;return t&&t.getBaseAxis&&t.getBaseAxis()},e.prototype.indicesOfNearest=function(t,e,n,i){var r=this.getData(),o=this.coordinateSystem,a=o&&o.getAxis(t);if(!o||!a)return[];var s=a.dataToCoord(n);null==i&&(i=1/0);var l=[],u=1/0,c=-1,h=0;return r.each(e,(function(t,e){var n=a.dataToCoord(t),r=s-n,o=Math.abs(r);o<=i&&((o<u||o===u&&r>=0&&c<0)&&(u=o,c=r,h=0),r===c&&(l[h++]=e))})),l.length=h,l},e.prototype.formatTooltip=function(t,e,n){return By({series:this,dataIndex:t,multipleSeries:e})},e.prototype.isAnimationEnabled=function(){var t=this.ecModel;if(r.node&&(!t||!t.ssr))return!1;var e=this.getShallow("animation");return e&&this.getData().count()>this.getShallow("animationThreshold")&&(e=!1),!!e},e.prototype.restoreData=function(){this.dataTask.dirty()},e.prototype.getColorFromPalette=function(t,e,n){var i=this.ecModel,r=Rf.prototype.getColorFromPalette.call(this,t,e,n);return r||(r=i.getColorFromPalette(t,e,n)),r},e.prototype.coordDimToDataDim=function(t){return this.getRawData().mapDimensionsAll(t)},e.prototype.getProgressive=function(){return this.get("progressive")},e.prototype.getProgressiveThreshold=function(){return this.get("progressiveThreshold")},e.prototype.select=function(t,e){this._innerSelect(this.getData(e),t)},e.prototype.unselect=function(t,e){var n=this.option.selectedMap;if(n){var i=this.option.selectedMode,r=this.getData(e);if("series"===i||"all"===n)return this.option.selectedMap={},void(this._selectedDataIndicesMap={});for(var o=0;o<t.length;o++){var a=Gy(r,t[o]);n[a]=!1,this._selectedDataIndicesMap[a]=-1}}},e.prototype.toggleSelect=function(t,e){for(var n=[],i=0;i<t.length;i++)n[0]=t[i],this.isSelected(t[i],e)?this.unselect(n,e):this.select(n,e)},e.prototype.getSelectedDataIndices=function(){if("all"===this.option.selectedMap)return[].slice.call(this.getData().getIndices());for(var t=this._selectedDataIndicesMap,e=F(t),n=[],i=0;i<e.length;i++){var r=t[e[i]];r>=0&&n.push(r)}return n},e.prototype.isSelected=function(t,e){var n=this.option.selectedMap;if(!n)return!1;var i=this.getData(e);return("all"===n||n[Gy(i,t)])&&!i.getItemModel(t).get(["select","disabled"])},e.prototype.isUniversalTransitionEnabled=function(){if(this[Fy])return!0;var t=this.option.universalTransition;return!!t&&(!0===t||t&&t.enabled)},e.prototype._innerSelect=function(t,e){var n,i,r=this.option,o=r.selectedMode,a=e.length;if(o&&a)if("series"===o)r.selectedMap="all";else if("multiple"===o){q(r.selectedMap)||(r.selectedMap={});for(var s=r.selectedMap,l=0;l<a;l++){var u=e[l];s[h=Gy(t,u)]=!0,this._selectedDataIndicesMap[h]=t.getRawIndex(u)}}else if("single"===o||!0===o){var c=e[a-1],h=Gy(t,c);r.selectedMap=((n={})[h]=!0,n),this._selectedDataIndicesMap=((i={})[h]=t.getRawIndex(c),i)}},e.prototype._initSelectedMapFromData=function(t){if(!this.option.selectedMap){var e=[];t.hasItemOption&&t.each((function(n){var i=t.getRawDataItem(n);i&&i.selected&&e.push(n)})),e.length>0&&this._innerSelect(t,e)}},e.registerClass=function(t){return Qp.registerClass(t)},e.protoInitialize=((i=e.prototype).type="series.__base__",i.seriesIndex=0,i.ignoreStyleOnData=!1,i.hasSymbolVisual=!1,i.defaultSymbol="circle",i.visualStyleAccessPath="itemStyle",void(i.visualDrawType="fill")),e}(Qp);function Hy(t){var e=t.name;ra(t)||(t.name=function(t){var e=t.getRawData(),n=e.mapDimensionsAll("seriesName"),i=[];return z(n,(function(t){var n=e.getDimensionInfo(t);n.displayName&&i.push(n.displayName)})),i.join(" ")}(t)||e)}function Uy(t){return t.model.getRawData().count()}function Yy(t){var e=t.model;return e.setData(e.getRawData().cloneShallow()),Xy}function Xy(t,e){e.outputData&&t.end>e.outputData.count()&&e.model.getRawData().cloneShallow(e.outputData)}function Zy(t,e){z(vt(t.CHANGABLE_METHODS,t.DOWNSAMPLE_METHODS),(function(n){t.wrapMethod(n,H(jy,e))}))}function jy(t,e){var n=qy(t);return n&&n.setOutputEnd((e||this).count()),e}function qy(t){var e=(t.ecModel||{}).scheduler,n=e&&e.getPipeline(t.uid);if(n){var i=n.currentTask;if(i){var r=i.agentStubMap;r&&(i=r.get(t.uid))}return i}}R(Wy,Fg),R(Wy,Rf),Sa(Wy,Qp);var Ky=function(){function t(){this.group=new to,this.uid=Md("viewComponent")}return t.prototype.init=function(t,e){},t.prototype.render=function(t,e,n,i){},t.prototype.dispose=function(t,e){},t.prototype.updateView=function(t,e,n,i){},t.prototype.updateLayout=function(t,e,n,i){},t.prototype.updateVisual=function(t,e,n,i){},t.prototype.toggleBlurSeries=function(t,e,n){},t.prototype.eachRendered=function(t){var e=this.group;e&&e.traverse(t)},t}();function $y(){var t=sa();return function(e){var n=t(e),i=e.pipelineContext,r=!!n.large,o=!!n.progressiveRender,a=n.large=!(!i||!i.large),s=n.progressiveRender=!(!i||!i.progressiveRender);return!(r===a&&o===s)&&"reset"}}wa(Ky),Ca(Ky);var Jy=sa(),Qy=$y(),tv=function(){function t(){this.group=new to,this.uid=Md("viewChart"),this.renderTask=Hg({plan:iv,reset:rv}),this.renderTask.context={view:this}}return t.prototype.init=function(t,e){},t.prototype.render=function(t,e,n,i){0},t.prototype.highlight=function(t,e,n,i){var r=t.getData(i&&i.dataType);r&&nv(r,i,"emphasis")},t.prototype.downplay=function(t,e,n,i){var r=t.getData(i&&i.dataType);r&&nv(r,i,"normal")},t.prototype.remove=function(t,e){this.group.removeAll()},t.prototype.dispose=function(t,e){},t.prototype.updateView=function(t,e,n,i){this.render(t,e,n,i)},t.prototype.updateLayout=function(t,e,n,i){this.render(t,e,n,i)},t.prototype.updateVisual=function(t,e,n,i){this.render(t,e,n,i)},t.prototype.eachRendered=function(t){Bh(this.group,t)},t.markUpdateMethod=function(t,e){Jy(t).updateMethod=e},t.protoInitialize=void(t.prototype.type="chart"),t}();function ev(t,e,n){t&&Pu(t)&&("emphasis"===e?du:pu)(t,n)}function nv(t,e,n){var i=aa(t,e),r=e&&null!=e.highlightKey?function(t){var e=Vl[t];return null==e&&Bl<=32&&(e=Vl[t]=Bl++),e}(e.highlightKey):null;null!=i?z(qo(i),(function(e){ev(t.getItemGraphicEl(e),n,r)})):t.eachItemGraphicEl((function(t){ev(t,n,r)}))}function iv(t){return Qy(t.model)}function rv(t){var e=t.model,n=t.ecModel,i=t.api,r=t.payload,o=e.pipelineContext.progressiveRender,a=t.view,s=r&&Jy(r).updateMethod,l=o?"incrementalPrepareRender":s&&a[s]?s:"render";return"render"!==l&&a[l](e,n,i,r),ov[l]}wa(tv),Ca(tv);var ov={incrementalPrepareRender:{progress:function(t,e){e.view.incrementalRender(t,e.model,e.ecModel,e.api,e.payload)}},render:{forceFirstProgress:!0,progress:function(t,e){e.view.render(e.model,e.ecModel,e.api,e.payload)}}},av="\0__throttleOriginMethod",sv="\0__throttleRate",lv="\0__throttleType";function uv(t,e,n){var i,r,o,a,s,l=0,u=0,c=null;function h(){u=(new Date).getTime(),c=null,t.apply(o,a||[])}e=e||0;var d=function(){for(var t=[],d=0;d<arguments.length;d++)t[d]=arguments[d];i=(new Date).getTime(),o=this,a=t;var p=s||e,f=s||n;s=null,r=i-(f?l:u)-p,clearTimeout(c),f?c=setTimeout(h,p):r>=0?h():c=setTimeout(h,-r),l=i};return d.clear=function(){c&&(clearTimeout(c),c=null)},d.debounceNextCall=function(t){s=t},d}function cv(t,e,n,i){var r=t[e];if(r){var o=r[av]||r,a=r[lv];if(r[sv]!==n||a!==i){if(null==n||!i)return t[e]=o;(r=t[e]=uv(o,n,"debounce"===i))[av]=o,r[lv]=i,r[sv]=n}return r}}function hv(t,e){var n=t[e];n&&n[av]&&(n.clear&&n.clear(),t[e]=n[av])}var dv=sa(),pv={itemStyle:Da(xd,!0),lineStyle:Da(yd,!0)},fv={lineStyle:"stroke",itemStyle:"fill"};function gv(t,e){var n=t.visualStyleMapper||pv[e];return n||(console.warn("Unknown style type '"+e+"'."),pv.itemStyle)}function yv(t,e){var n=t.visualDrawType||fv[e];return n||(console.warn("Unknown style type '"+e+"'."),"fill")}var vv={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){var n=t.getData(),i=t.visualStyleAccessPath||"itemStyle",r=t.getModel(i),o=gv(t,i)(r),a=r.getShallow("decal");a&&(n.setVisual("decal",a),a.dirty=!0);var s=yv(t,i),l=o[s],u=Y(l)?l:null,c="auto"===o.fill||"auto"===o.stroke;if(!o[s]||u||c){var h=t.getColorFromPalette(t.name,null,e.getSeriesCount());o[s]||(o[s]=h,n.setVisual("colorFromPalette",!0)),o.fill="auto"===o.fill||Y(o.fill)?h:o.fill,o.stroke="auto"===o.stroke||Y(o.stroke)?h:o.stroke}if(n.setVisual("style",o),n.setVisual("drawType",s),!e.isSeriesFiltered(t)&&u)return n.setVisual("colorFromPalette",!1),{dataEach:function(e,n){var i=t.getDataParams(n),r=A({},o);r[s]=u(i),e.setItemVisual(n,"style",r)}}}},mv=new wd,xv={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){if(!t.ignoreStyleOnData&&!e.isSeriesFiltered(t)){var n=t.getData(),i=t.visualStyleAccessPath||"itemStyle",r=gv(t,i),o=n.getVisual("drawType");return{dataEach:n.hasItemOption?function(t,e){var n=t.getRawDataItem(e);if(n&&n[i]){mv.option=n[i];var a=r(mv);A(t.ensureUniqueItemVisual(e,"style"),a),mv.option.decal&&(t.setItemVisual(e,"decal",mv.option.decal),mv.option.decal.dirty=!0),o in a&&t.setItemVisual(e,"colorFromPalette",!1)}}:null}}}},_v={performRawSeries:!0,overallReset:function(t){var e=yt();t.eachSeries((function(t){var n=t.getColorBy();if(!t.isColorBySeries()){var i=t.type+"-"+n,r=e.get(i);r||(r={},e.set(i,r)),dv(t).scope=r}})),t.eachSeries((function(e){if(!e.isColorBySeries()&&!t.isSeriesFiltered(e)){var n=e.getRawData(),i={},r=e.getData(),o=dv(e).scope,a=e.visualStyleAccessPath||"itemStyle",s=yv(e,a);r.each((function(t){var e=r.getRawIndex(t);i[e]=t})),n.each((function(t){var a=i[t];if(r.getItemVisual(a,"colorFromPalette")){var l=r.ensureUniqueItemVisual(a,"style"),u=n.getName(t)||t+"",c=n.count();l[s]=e.getColorFromPalette(u,o,c)}}))}}))}},bv=Math.PI;var wv=function(){function t(t,e,n,i){this._stageTaskMap=yt(),this.ecInstance=t,this.api=e,n=this._dataProcessorHandlers=n.slice(),i=this._visualHandlers=i.slice(),this._allHandlers=n.concat(i)}return t.prototype.restoreData=function(t,e){t.restoreData(e),this._stageTaskMap.each((function(t){var e=t.overallTask;e&&e.dirty()}))},t.prototype.getPerformArgs=function(t,e){if(t.__pipeline){var n=this._pipelineMap.get(t.__pipeline.id),i=n.context,r=!e&&n.progressiveEnabled&&(!i||i.progressiveRender)&&t.__idxInPipeline>n.blockIndex?n.step:null,o=i&&i.modDataCount;return{step:r,modBy:null!=o?Math.ceil(o/r):null,modDataCount:o}}},t.prototype.getPipeline=function(t){return this._pipelineMap.get(t)},t.prototype.updateStreamModes=function(t,e){var n=this._pipelineMap.get(t.uid),i=t.getData().count(),r=n.progressiveEnabled&&e.incrementalPrepareRender&&i>=n.threshold,o=t.get("large")&&i>=t.get("largeThreshold"),a="mod"===t.get("progressiveChunkMode")?i:null;t.pipelineContext=n.context={progressiveRender:r,modDataCount:a,large:o}},t.prototype.restorePipelines=function(t){var e=this,n=e._pipelineMap=yt();t.eachSeries((function(t){var i=t.getProgressive(),r=t.uid;n.set(r,{id:r,head:null,tail:null,threshold:t.getProgressiveThreshold(),progressiveEnabled:i&&!(t.preventIncremental&&t.preventIncremental()),blockIndex:-1,step:Math.round(i||700),count:0}),e._pipe(t,t.dataTask)}))},t.prototype.prepareStageTasks=function(){var t=this._stageTaskMap,e=this.api.getModel(),n=this.api;z(this._allHandlers,(function(i){var r=t.get(i.uid)||t.set(i.uid,{}),o="";lt(!(i.reset&&i.overallReset),o),i.reset&&this._createSeriesStageTask(i,r,e,n),i.overallReset&&this._createOverallStageTask(i,r,e,n)}),this)},t.prototype.prepareView=function(t,e,n,i){var r=t.renderTask,o=r.context;o.model=e,o.ecModel=n,o.api=i,r.__block=!t.incrementalPrepareRender,this._pipe(e,r)},t.prototype.performDataProcessorTasks=function(t,e){this._performStageTasks(this._dataProcessorHandlers,t,e,{block:!0})},t.prototype.performVisualTasks=function(t,e,n){this._performStageTasks(this._visualHandlers,t,e,n)},t.prototype._performStageTasks=function(t,e,n,i){i=i||{};var r=!1,o=this;function a(t,e){return t.setDirty&&(!t.dirtyMap||t.dirtyMap.get(e.__pipeline.id))}z(t,(function(t,s){if(!i.visualType||i.visualType===t.visualType){var l=o._stageTaskMap.get(t.uid),u=l.seriesTaskMap,c=l.overallTask;if(c){var h,d=c.agentStubMap;d.each((function(t){a(i,t)&&(t.dirty(),h=!0)})),h&&c.dirty(),o.updatePayload(c,n);var p=o.getPerformArgs(c,i.block);d.each((function(t){t.perform(p)})),c.perform(p)&&(r=!0)}else u&&u.each((function(s,l){a(i,s)&&s.dirty();var u=o.getPerformArgs(s,i.block);u.skip=!t.performRawSeries&&e.isSeriesFiltered(s.context.model),o.updatePayload(s,n),s.perform(u)&&(r=!0)}))}})),this.unfinished=r||this.unfinished},t.prototype.performSeriesTasks=function(t){var e;t.eachSeries((function(t){e=t.dataTask.perform()||e})),this.unfinished=e||this.unfinished},t.prototype.plan=function(){this._pipelineMap.each((function(t){var e=t.tail;do{if(e.__block){t.blockIndex=e.__idxInPipeline;break}e=e.getUpstream()}while(e)}))},t.prototype.updatePayload=function(t,e){"remain"!==e&&(t.context.payload=e)},t.prototype._createSeriesStageTask=function(t,e,n,i){var r=this,o=e.seriesTaskMap,a=e.seriesTaskMap=yt(),s=t.seriesType,l=t.getTargetSeries;function u(e){var s=e.uid,l=a.set(s,o&&o.get(s)||Hg({plan:Cv,reset:Dv,count:Lv}));l.context={model:e,ecModel:n,api:i,useClearVisual:t.isVisual&&!t.isLayout,plan:t.plan,reset:t.reset,scheduler:r},r._pipe(e,l)}t.createOnAllSeries?n.eachRawSeries(u):s?n.eachRawSeriesByType(s,u):l&&l(n,i).each(u)},t.prototype._createOverallStageTask=function(t,e,n,i){var r=this,o=e.overallTask=e.overallTask||Hg({reset:Sv});o.context={ecModel:n,api:i,overallReset:t.overallReset,scheduler:r};var a=o.agentStubMap,s=o.agentStubMap=yt(),l=t.seriesType,u=t.getTargetSeries,c=!0,h=!1,d="";function p(t){var e=t.uid,n=s.set(e,a&&a.get(e)||(h=!0,Hg({reset:Mv,onDirty:Tv})));n.context={model:t,overallProgress:c},n.agent=o,n.__block=c,r._pipe(t,n)}lt(!t.createOnAllSeries,d),l?n.eachRawSeriesByType(l,p):u?u(n,i).each(p):(c=!1,z(n.getSeries(),p)),h&&o.dirty()},t.prototype._pipe=function(t,e){var n=t.uid,i=this._pipelineMap.get(n);!i.head&&(i.head=e),i.tail&&i.tail.pipe(e),i.tail=e,e.__idxInPipeline=i.count++,e.__pipeline=i},t.wrapStageHandler=function(t,e){return Y(t)&&(t={overallReset:t,seriesType:Pv(t)}),t.uid=Md("stageHandler"),e&&(t.visualType=e),t},t}();function Sv(t){t.overallReset(t.ecModel,t.api,t.payload)}function Mv(t){return t.overallProgress&&Iv}function Iv(){this.agent.dirty(),this.getDownstream().dirty()}function Tv(){this.agent&&this.agent.dirty()}function Cv(t){return t.plan?t.plan(t.model,t.ecModel,t.api,t.payload):null}function Dv(t){t.useClearVisual&&t.data.clearAllVisual();var e=t.resetDefines=qo(t.reset(t.model,t.ecModel,t.api,t.payload));return e.length>1?E(e,(function(t,e){return kv(e)})):Av}var Av=kv(0);function kv(t){return function(e,n){var i=n.data,r=n.resetDefines[t];if(r&&r.dataEach)for(var o=e.start;o<e.end;o++)r.dataEach(i,o);else r&&r.progress&&r.progress(e,i)}}function Lv(t){return t.data.count()}function Pv(t){Ov=null;try{t(Rv,Nv)}catch(t){}return Ov}var Ov,Rv={},Nv={};function zv(t,e){for(var n in e.prototype)t[n]=bt}zv(Rv,Bf),zv(Nv,Hf),Rv.eachSeriesByType=Rv.eachRawSeriesByType=function(t){Ov=t},Rv.eachComponent=function(t){"series"===t.mainType&&t.subType&&(Ov=t.subType)};var Ev,Bv=tf.darkColor,Vv=Bv.background,Gv=function(){return{axisLine:{lineStyle:{color:Bv.axisLine}},splitLine:{lineStyle:{color:Bv.axisSplitLine}},splitArea:{areaStyle:{color:[Bv.backgroundTint,Bv.backgroundTransparent]}},minorSplitLine:{lineStyle:{color:Bv.axisMinorSplitLine}},axisLabel:{color:Bv.axisLabel},axisName:{}}},Fv={label:{color:Bv.secondary},itemStyle:{borderColor:Bv.borderTint},dividerLineStyle:{color:Bv.border}},Wv={darkMode:!0,color:Bv.theme,backgroundColor:Vv,axisPointer:{lineStyle:{color:Bv.border},crossStyle:{color:Bv.borderShade},label:{color:Bv.tertiary}},legend:{textStyle:{color:Bv.secondary},pageTextStyle:{color:Bv.tertiary}},textStyle:{color:Bv.secondary},title:{textStyle:{color:Bv.primary},subtextStyle:{color:Bv.quaternary}},toolbox:{iconStyle:{borderColor:Bv.accent50}},tooltip:{backgroundColor:Bv.neutral20,defaultBorderColor:Bv.border,textStyle:{color:Bv.tertiary}},dataZoom:{borderColor:Bv.accent10,textStyle:{color:Bv.tertiary},brushStyle:{color:Bv.backgroundTint},handleStyle:{color:Bv.neutral00,borderColor:Bv.accent20},moveHandleStyle:{color:Bv.accent40},emphasis:{handleStyle:{borderColor:Bv.accent50}},dataBackground:{lineStyle:{color:Bv.accent30},areaStyle:{color:Bv.accent20}},selectedDataBackground:{lineStyle:{color:Bv.accent50},areaStyle:{color:Bv.accent30}}},visualMap:{textStyle:{color:Bv.secondary},handleStyle:{borderColor:Bv.neutral30}},timeline:{lineStyle:{color:Bv.accent10},label:{color:Bv.tertiary},controlStyle:{color:Bv.accent30,borderColor:Bv.accent30}},calendar:{itemStyle:{color:Bv.neutral00,borderColor:Bv.neutral20},dayLabel:{color:Bv.tertiary},monthLabel:{color:Bv.secondary},yearLabel:{color:Bv.secondary}},matrix:{x:Fv,y:Fv,backgroundColor:{borderColor:Bv.axisLine},body:{itemStyle:{borderColor:Bv.borderTint}}},timeAxis:Gv(),logAxis:Gv(),valueAxis:Gv(),categoryAxis:Gv(),line:{symbol:"circle"},graph:{color:Bv.theme},gauge:{title:{color:Bv.secondary},axisLine:{lineStyle:{color:[[1,Bv.neutral05]]}},axisLabel:{color:Bv.axisLabel},detail:{color:Bv.primary}},candlestick:{itemStyle:{color:"#f64e56",color0:"#54ea92",borderColor:"#f64e56",borderColor0:"#54ea92"}},funnel:{itemStyle:{borderColor:Bv.background}},radar:(Ev=Gv(),Ev.axisName={color:Bv.axisLabel},Ev.axisLine.lineStyle.color=Bv.neutral20,Ev),treemap:{breadcrumb:{itemStyle:{color:Bv.neutral20,textStyle:{color:Bv.secondary}},emphasis:{itemStyle:{color:Bv.neutral30}}}},sunburst:{itemStyle:{borderColor:Bv.background}},map:{itemStyle:{borderColor:Bv.border,areaColor:Bv.neutral10},label:{color:Bv.tertiary},emphasis:{label:{color:Bv.primary},itemStyle:{areaColor:Bv.highlight}},select:{label:{color:Bv.primary},itemStyle:{areaColor:Bv.highlight}}},geo:{itemStyle:{borderColor:Bv.border,areaColor:Bv.neutral10},emphasis:{label:{color:Bv.primary},itemStyle:{areaColor:Bv.highlight}},select:{label:{color:Bv.primary},itemStyle:{color:Bv.highlight}}}};Wv.categoryAxis.splitLine.show=!1;var Hv=function(){function t(){}return t.prototype.normalizeQuery=function(t){var e={},n={},i={};if(X(t)){var r=ba(t);e.mainType=r.main||null,e.subType=r.sub||null}else{var o=["Index","Name","Id"],a={name:1,dataIndex:1,dataType:1};z(t,(function(t,r){for(var s=!1,l=0;l<o.length;l++){var u=o[l],c=r.lastIndexOf(u);if(c>0&&c===r.length-u.length){var h=r.slice(0,c);"data"!==h&&(e.mainType=h,e[u.toLowerCase()]=t,s=!0)}}a.hasOwnProperty(r)&&(n[r]=t,s=!0),s||(i[r]=t)}))}return{cptQuery:e,dataQuery:n,otherQuery:i}},t.prototype.filter=function(t,e){var n=this.eventInfo;if(!n)return!0;var i=n.targetEl,r=n.packedEvent,o=n.model,a=n.view;if(!o||!a)return!0;var s=e.cptQuery,l=e.dataQuery;return u(s,o,"mainType")&&u(s,o,"subType")&&u(s,o,"index","componentIndex")&&u(s,o,"name")&&u(s,o,"id")&&u(l,r,"name")&&u(l,r,"dataIndex")&&u(l,r,"dataType")&&(!a.filterForExposedEvent||a.filterForExposedEvent(t,e.otherQuery,i,r));function u(t,e,n,i){return null==t[n]||e[i||n]===t[n]}},t.prototype.afterTrigger=function(){this.eventInfo=null},t}(),Uv=["symbol","symbolSize","symbolRotate","symbolOffset"],Yv=Uv.concat(["symbolKeepAspect"]),Xv={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){var n=t.getData();if(t.legendIcon&&n.setVisual("legendIcon",t.legendIcon),t.hasSymbolVisual){for(var i={},r={},o=!1,a=0;a<Uv.length;a++){var s=Uv[a],l=t.get(s);Y(l)?(o=!0,r[s]=l):i[s]=l}if(i.symbol=i.symbol||t.defaultSymbol,n.setVisual(A({legendIcon:t.legendIcon||i.symbol,symbolKeepAspect:t.get("symbolKeepAspect")},i)),!e.isSeriesFiltered(t)){var u=F(r);return{dataEach:o?function(e,n){for(var i=t.getRawValue(n),o=t.getDataParams(n),a=0;a<u.length;a++){var s=u[a];e.setItemVisual(n,s,r[s](i,o))}}:null}}}}},Zv={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){if(t.hasSymbolVisual&&!e.isSeriesFiltered(t))return{dataEach:t.getData().hasItemOption?function(t,e){for(var n=t.getItemModel(e),i=0;i<Yv.length;i++){var r=Yv[i],o=n.getShallow(r,!0);null!=o&&t.setItemVisual(e,r,o)}}:null}}};function jv(t,e,n){switch(n){case"color":return t.getItemVisual(e,"style")[t.getVisual("drawType")];case"opacity":return t.getItemVisual(e,"style").opacity;case"symbol":case"symbolSize":case"liftZ":return t.getItemVisual(e,n)}}function qv(t,e){switch(e){case"color":return t.getVisual("style")[t.getVisual("drawType")];case"opacity":return t.getVisual("style").opacity;case"symbol":case"symbolSize":case"liftZ":return t.getVisual(e)}}function Kv(t,e,n,i){switch(n){case"color":t.ensureUniqueItemVisual(e,"style")[t.getVisual("drawType")]=i,t.setItemVisual(e,"colorFromPalette",!1);break;case"opacity":t.ensureUniqueItemVisual(e,"style").opacity=i;break;case"symbol":case"symbolSize":case"liftZ":t.setItemVisual(e,n,i)}}function $v(t,e){function n(e,n){var i=[];return e.eachComponent({mainType:"series",subType:t,query:n},(function(t){i.push(t.seriesIndex)})),i}z([[t+"ToggleSelect","toggleSelect"],[t+"Select","select"],[t+"UnSelect","unselect"]],(function(t){e(t[0],(function(e,i,r){e=A({},e),r.dispatchAction(A(e,{type:t[1],seriesIndex:n(i,e)}))}))}))}function Jv(t,e,n,i,r){var o=t+e;n.isSilent(o)||i.eachComponent({mainType:"series",subType:"pie"},(function(t){for(var e=t.seriesIndex,i=t.option.selectedMap,a=r.selected,s=0;s<a.length;s++)if(a[s].seriesIndex===e){var l=t.getData(),u=aa(l,r.fromActionPayload);n.trigger(o,{type:o,seriesId:t.id,name:U(u)?l.getName(u[0]):l.getName(u),selected:X(i)?i:A({},i)})}}))}function Qv(t,e,n){for(var i;t&&(!e(t)||(i=t,!n));)t=t.__hostTarget||t.parent;return i}var tm=Math.round(9*Math.random()),em="function"==typeof Object.defineProperty,nm=function(){function t(){this._id="__ec_inner_"+tm++}return t.prototype.get=function(t){return this._guard(t)[this._id]},t.prototype.set=function(t,e){var n=this._guard(t);return em?Object.defineProperty(n,this._id,{value:e,enumerable:!1,configurable:!0}):n[this._id]=e,this},t.prototype.delete=function(t){return!!this.has(t)&&(delete this._guard(t)[this._id],!0)},t.prototype.has=function(t){return!!this._guard(t)[this._id]},t.prototype._guard=function(t){if(t!==Object(t))throw TypeError("Value of WeakMap is not a non-null object.");return t},t}(),im=sl.extend({type:"triangle",shape:{cx:0,cy:0,width:0,height:0},buildPath:function(t,e){var n=e.cx,i=e.cy,r=e.width/2,o=e.height/2;t.moveTo(n,i-o),t.lineTo(n+r,i+o),t.lineTo(n-r,i+o),t.closePath()}}),rm=sl.extend({type:"diamond",shape:{cx:0,cy:0,width:0,height:0},buildPath:function(t,e){var n=e.cx,i=e.cy,r=e.width/2,o=e.height/2;t.moveTo(n,i-o),t.lineTo(n+r,i),t.lineTo(n,i+o),t.lineTo(n-r,i),t.closePath()}}),om=sl.extend({type:"pin",shape:{x:0,y:0,width:0,height:0},buildPath:function(t,e){var n=e.x,i=e.y,r=e.width/5*3,o=Math.max(r,e.height),a=r/2,s=a*a/(o-a),l=i-o+a+s,u=Math.asin(s/a),c=Math.cos(u)*a,h=Math.sin(u),d=Math.cos(u),p=.6*a,f=.7*a;t.moveTo(n-c,l+s),t.arc(n,l,a,Math.PI-u,2*Math.PI+u),t.bezierCurveTo(n+c-h*p,l+s+d*p,n,i-f,n,i),t.bezierCurveTo(n,i-f,n-c+h*p,l+s+d*p,n-c,l+s),t.closePath()}}),am=sl.extend({type:"arrow",shape:{x:0,y:0,width:0,height:0},buildPath:function(t,e){var n=e.height,i=e.width,r=e.x,o=e.y,a=i/3*2;t.moveTo(r,o),t.lineTo(r+a,o+n),t.lineTo(r,o+n/4*3),t.lineTo(r-a,o+n),t.lineTo(r,o),t.closePath()}}),sm={line:function(t,e,n,i,r){r.x1=t,r.y1=e+i/2,r.x2=t+n,r.y2=e+i/2},rect:function(t,e,n,i,r){r.x=t,r.y=e,r.width=n,r.height=i},roundRect:function(t,e,n,i,r){r.x=t,r.y=e,r.width=n,r.height=i,r.r=Math.min(n,i)/4},square:function(t,e,n,i,r){var o=Math.min(n,i);r.x=t,r.y=e,r.width=o,r.height=o},circle:function(t,e,n,i,r){r.cx=t+n/2,r.cy=e+i/2,r.r=Math.min(n,i)/2},diamond:function(t,e,n,i,r){r.cx=t+n/2,r.cy=e+i/2,r.width=n,r.height=i},pin:function(t,e,n,i,r){r.x=t+n/2,r.y=e+i/2,r.width=n,r.height=i},arrow:function(t,e,n,i,r){r.x=t+n/2,r.y=e+i/2,r.width=n,r.height=i},triangle:function(t,e,n,i,r){r.cx=t+n/2,r.cy=e+i/2,r.width=n,r.height=i}},lm={};z({line:Ac,rect:xl,roundRect:xl,square:xl,circle:nc,diamond:rm,pin:om,arrow:am,triangle:im},(function(t,e){lm[e]=new t}));var um=sl.extend({type:"symbol",shape:{symbolType:"",x:0,y:0,width:0,height:0},calculateTextPosition:function(t,e,n){var i=Wr(t,e,n),r=this.shape;return r&&"pin"===r.symbolType&&"inside"===e.position&&(i.y=n.y+.4*n.height),i},buildPath:function(t,e,n){var i=e.symbolType;if("none"!==i){var r=lm[i];r||(r=lm[i="rect"]),sm[i](e.x,e.y,e.width,e.height,r.shape),r.buildPath(t,r.shape,n)}}});function cm(t,e){if("image"!==this.type){var n=this.style;this.__isEmptyBrush?(n.stroke=t,n.fill=e||tf.color.neutral00,n.lineWidth=2):"line"===this.shape.symbolType?n.stroke=t:n.fill=t,this.markRedraw()}}function hm(t,e,n,i,r,o,a){var s,l=0===t.indexOf("empty");return l&&(t=t.substr(5,1).toLowerCase()+t.substr(6)),(s=0===t.indexOf("image://")?yh(t.slice(8),new He(e,n,i,r),a?"center":"cover"):0===t.indexOf("path://")?gh(t.slice(7),{},new He(e,n,i,r),a?"center":"cover"):new um({shape:{symbolType:t,x:e,y:n,width:i,height:r}})).__isEmptyBrush=l,s.setColor=cm,o&&s.setColor(o),s}function dm(t){return U(t)||(t=[+t,+t]),[t[0]||0,t[1]||0]}function pm(t,e){if(null!=t)return U(t)||(t=[t,t]),[yo(t[0],e[0])||0,yo(rt(t[1],t[0]),e[1])||0]}function fm(t){return isFinite(t)}function gm(t,e,n){for(var i="radial"===e.type?function(t,e,n){var i=n.width,r=n.height,o=Math.min(i,r),a=null==e.x?.5:e.x,s=null==e.y?.5:e.y,l=null==e.r?.5:e.r;return e.global||(a=a*i+n.x,s=s*r+n.y,l*=o),a=fm(a)?a:.5,s=fm(s)?s:.5,l=l>=0&&fm(l)?l:.5,t.createRadialGradient(a,s,0,a,s,l)}(t,e,n):function(t,e,n){var i=null==e.x?0:e.x,r=null==e.x2?1:e.x2,o=null==e.y?0:e.y,a=null==e.y2?0:e.y2;return e.global||(i=i*n.width+n.x,r=r*n.width+n.x,o=o*n.height+n.y,a=a*n.height+n.y),i=fm(i)?i:0,r=fm(r)?r:1,o=fm(o)?o:0,a=fm(a)?a:0,t.createLinearGradient(i,o,r,a)}(t,e,n),r=e.colorStops,o=0;o<r.length;o++)i.addColorStop(r[o].offset,r[o].color);return i}function ym(t){return parseInt(t,10)}function vm(t,e,n){var i=["width","height"][e],r=["clientWidth","clientHeight"][e],o=["paddingLeft","paddingTop"][e],a=["paddingRight","paddingBottom"][e];if(null!=n[i]&&"auto"!==n[i])return parseFloat(n[i]);var s=document.defaultView.getComputedStyle(t);return(t[r]||ym(s[i])||ym(t.style[i]))-(ym(s[o])||0)-(ym(s[a])||0)|0}function mm(t){var e,n,i=t.style,r=i.lineDash&&i.lineWidth>0&&(e=i.lineDash,n=i.lineWidth,e&&"solid"!==e&&n>0?"dashed"===e?[4*n,2*n]:"dotted"===e?[n]:j(e)?[e]:U(e)?e:null:null),o=i.lineDashOffset;if(r){var a=i.strokeNoScale&&t.getLineScale?t.getLineScale():1;a&&1!==a&&(r=E(r,(function(t){return t/a})),o/=a)}return[r,o]}var xm=new Fs(!0);function _m(t){var e=t.stroke;return!(null==e||"none"===e||!(t.lineWidth>0))}function bm(t){return"string"==typeof t&&"none"!==t}function wm(t){var e=t.fill;return null!=e&&"none"!==e}function Sm(t,e){if(null!=e.fillOpacity&&1!==e.fillOpacity){var n=t.globalAlpha;t.globalAlpha=e.fillOpacity*e.opacity,t.fill(),t.globalAlpha=n}else t.fill()}function Mm(t,e){if(null!=e.strokeOpacity&&1!==e.strokeOpacity){var n=t.globalAlpha;t.globalAlpha=e.strokeOpacity*e.opacity,t.stroke(),t.globalAlpha=n}else t.stroke()}function Im(t,e,n){var i=Oa(e.image,e.__image,n);if(Na(i)){var r=t.createPattern(i,e.repeat||"repeat");if("function"==typeof DOMMatrix&&r&&r.setTransform){var o=new DOMMatrix;o.translateSelf(e.x||0,e.y||0),o.rotateSelf(0,0,(e.rotation||0)*wt),o.scaleSelf(e.scaleX||1,e.scaleY||1),r.setTransform(o)}return r}}var Tm=["shadowBlur","shadowOffsetX","shadowOffsetY"],Cm=[["lineCap","butt"],["lineJoin","miter"],["miterLimit",10]];function Dm(t,e,n,i,r){var o=!1;if(!i&&e===(n=n||{}))return!1;if(i||e.opacity!==n.opacity){Lm(t,r),o=!0;var a=Math.max(Math.min(e.opacity,1),0);t.globalAlpha=isNaN(a)?es.opacity:a}(i||e.blend!==n.blend)&&(o||(Lm(t,r),o=!0),t.globalCompositeOperation=e.blend||es.blend);for(var s=0;s<Tm.length;s++){var l=Tm[s];(i||e[l]!==n[l])&&(o||(Lm(t,r),o=!0),t[l]=t.dpr*(e[l]||0))}return(i||e.shadowColor!==n.shadowColor)&&(o||(Lm(t,r),o=!0),t.shadowColor=e.shadowColor||es.shadowColor),o}function Am(t,e,n,i,r){var o=Pm(e,r.inHover),a=i?null:n&&Pm(n,r.inHover)||{};if(o===a)return!1;var s=Dm(t,o,a,i,r);if((i||o.fill!==a.fill)&&(s||(Lm(t,r),s=!0),bm(o.fill)&&(t.fillStyle=o.fill)),(i||o.stroke!==a.stroke)&&(s||(Lm(t,r),s=!0),bm(o.stroke)&&(t.strokeStyle=o.stroke)),(i||o.opacity!==a.opacity)&&(s||(Lm(t,r),s=!0),t.globalAlpha=null==o.opacity?1:o.opacity),e.hasStroke()){var l=o.lineWidth/(o.strokeNoScale&&e.getLineScale?e.getLineScale():1);t.lineWidth!==l&&(s||(Lm(t,r),s=!0),t.lineWidth=l)}for(var u=0;u<Cm.length;u++){var c=Cm[u],h=c[0];(i||o[h]!==a[h])&&(s||(Lm(t,r),s=!0),t[h]=o[h]||c[1])}return s}function km(t,e){var n=e.transform,i=t.dpr||1;n?t.setTransform(i*n[0],i*n[1],i*n[2],i*n[3],i*n[4],i*n[5]):t.setTransform(i,0,0,i,0,0)}function Lm(t,e){e.batchFill&&t.fill(),e.batchStroke&&t.stroke(),e.batchFill="",e.batchStroke=""}function Pm(t,e){return e&&t.__hoverStyle||t.style}function Om(t,e){Rm(t,e,{inHover:!1,viewWidth:0,viewHeight:0},!0)}function Rm(t,e,n,i){var r=e.transform;if(!e.shouldBePainted(n.viewWidth,n.viewHeight,!1,!1))return e.__dirty&=-2,void(e.__isRendered=!1);var o=e.__clipPaths,s=n.prevElClipPaths,l=!1,u=!1;if(s&&!function(t,e){if(t===e||!t&&!e)return!1;if(!t||!e||t.length!==e.length)return!0;for(var n=0;n<t.length;n++)if(t[n]!==e[n])return!0;return!1}(o,s)||(s&&s.length&&(Lm(t,n),t.restore(),u=l=!0,n.prevElClipPaths=null,n.allClipped=!1,n.prevEl=null),o&&o.length&&(Lm(t,n),t.save(),function(t,e,n){for(var i=!1,r=0;r<t.length;r++){var o=t[r];i=i||o.isZeroArea(),km(e,o),e.beginPath(),o.buildPath(e,o.shape),e.clip()}n.allClipped=i}(o,t,n),l=!0),n.prevElClipPaths=o),n.allClipped)e.__isRendered=!1;else{e.beforeBrush&&e.beforeBrush(),e.innerBeforeBrush();var c=n.prevEl;c||(u=l=!0);var h,d,p=e instanceof sl&&e.autoBatch&&function(t){var e=wm(t),n=_m(t);return!(t.lineDash||!(+e^+n)||e&&"string"!=typeof t.fill||n&&"string"!=typeof t.stroke||t.strokePercent<1||t.strokeOpacity<1||t.fillOpacity<1)}(e.style);l||(h=r,d=c.transform,h&&d?h[0]!==d[0]||h[1]!==d[1]||h[2]!==d[2]||h[3]!==d[3]||h[4]!==d[4]||h[5]!==d[5]:h||d)?(Lm(t,n),km(t,e)):p||Lm(t,n);var f=Pm(e,n.inHover);e instanceof sl?(1!==n.lastDrawType&&(u=!0,n.lastDrawType=1),Am(t,e,c,u,n),p&&(n.batchFill||n.batchStroke)||t.beginPath(),function(t,e,n,i){var r,o=_m(n),a=wm(n),s=n.strokePercent,l=s<1,u=!e.path;e.silent&&!l||!u||e.createPathProxy();var c=e.path||xm,h=e.__dirty;if(!i){var d=n.fill,p=n.stroke,f=a&&!!d.colorStops,g=o&&!!p.colorStops,y=a&&!!d.image,v=o&&!!p.image,m=void 0,x=void 0,_=void 0,b=void 0,w=void 0;(f||g)&&(w=e.getBoundingRect()),f&&(m=h?gm(t,d,w):e.__canvasFillGradient,e.__canvasFillGradient=m),g&&(x=h?gm(t,p,w):e.__canvasStrokeGradient,e.__canvasStrokeGradient=x),y&&(_=h||!e.__canvasFillPattern?Im(t,d,e):e.__canvasFillPattern,e.__canvasFillPattern=_),v&&(b=h||!e.__canvasStrokePattern?Im(t,p,e):e.__canvasStrokePattern,e.__canvasStrokePattern=b),f?t.fillStyle=m:y&&(_?t.fillStyle=_:a=!1),g?t.strokeStyle=x:v&&(b?t.strokeStyle=b:o=!1)}var S,M,I=e.getGlobalScale();c.setScale(I[0],I[1],e.segmentIgnoreThreshold),t.setLineDash&&n.lineDash&&(S=(r=mm(e))[0],M=r[1]);var T=!0;(u||4&h)&&(c.setDPR(t.dpr),l?c.setContext(null):(c.setContext(t),T=!1),c.reset(),e.buildPath(c,e.shape,i),c.toStatic(),e.pathUpdated()),T&&c.rebuildPath(t,l?s:1),S&&(t.setLineDash(S),t.lineDashOffset=M),i||(n.strokeFirst?(o&&Mm(t,n),a&&Sm(t,n)):(a&&Sm(t,n),o&&Mm(t,n))),S&&t.setLineDash([])}(t,e,f,p),p&&(n.batchFill=f.fill||"",n.batchStroke=f.stroke||"")):e instanceof ul?(3!==n.lastDrawType&&(u=!0,n.lastDrawType=3),Am(t,e,c,u,n),function(t,e,n){var i,r=n.text;if(null!=r&&(r+=""),r){t.font=n.font||a,t.textAlign=n.textAlign,t.textBaseline=n.textBaseline;var o=void 0,s=void 0;t.setLineDash&&n.lineDash&&(o=(i=mm(e))[0],s=i[1]),o&&(t.setLineDash(o),t.lineDashOffset=s),n.strokeFirst?(_m(n)&&t.strokeText(r,n.x,n.y),wm(n)&&t.fillText(r,n.x,n.y)):(wm(n)&&t.fillText(r,n.x,n.y),_m(n)&&t.strokeText(r,n.x,n.y)),o&&t.setLineDash([])}}(t,e,f)):e instanceof dl?(2!==n.lastDrawType&&(u=!0,n.lastDrawType=2),function(t,e,n,i,r){Dm(t,Pm(e,r.inHover),n&&Pm(n,r.inHover),i,r)}(t,e,c,u,n),function(t,e,n){var i=e.__image=Oa(n.image,e.__image,e,e.onload);if(i&&Na(i)){var r=n.x||0,o=n.y||0,a=e.getWidth(),s=e.getHeight(),l=i.width/i.height;if(null==a&&null!=s?a=s*l:null==s&&null!=a?s=a/l:null==a&&null==s&&(a=i.width,s=i.height),n.sWidth&&n.sHeight){var u=n.sx||0,c=n.sy||0;t.drawImage(i,u,c,n.sWidth,n.sHeight,r,o,a,s)}else if(n.sx&&n.sy){var h=a-(u=n.sx),d=s-(c=n.sy);t.drawImage(i,u,c,h,d,r,o,a,s)}else t.drawImage(i,r,o,a,s)}}(t,e,f)):e.getTemporalDisplayables&&(4!==n.lastDrawType&&(u=!0,n.lastDrawType=4),function(t,e,n){var i=e.getDisplayables(),r=e.getTemporalDisplayables();t.save();var o,a,s={prevElClipPaths:null,prevEl:null,allClipped:!1,viewWidth:n.viewWidth,viewHeight:n.viewHeight,inHover:n.inHover};for(o=e.getCursor(),a=i.length;o<a;o++){(c=i[o]).beforeBrush&&c.beforeBrush(),c.innerBeforeBrush(),Rm(t,c,s,o===a-1),c.innerAfterBrush(),c.afterBrush&&c.afterBrush(),s.prevEl=c}for(var l=0,u=r.length;l<u;l++){var c;(c=r[l]).beforeBrush&&c.beforeBrush(),c.innerBeforeBrush(),Rm(t,c,s,l===u-1),c.innerAfterBrush(),c.afterBrush&&c.afterBrush(),s.prevEl=c}e.clearTemporalDisplayables(),e.notClear=!0,t.restore()}(t,e,n)),p&&i&&Lm(t,n),e.innerAfterBrush(),e.afterBrush&&e.afterBrush(),n.prevEl=e,e.__dirty=0,e.__isRendered=!0}}var Nm=new nm,zm=new Xn(100),Em=["symbol","symbolSize","symbolKeepAspect","color","backgroundColor","dashArrayX","dashArrayY","maxTileWidth","maxTileHeight"];function Bm(t,e){if("none"===t)return null;var n=e.getDevicePixelRatio(),i=e.getZr(),r="svg"===i.painter.type;t.dirty&&Nm.delete(t);var o=Nm.get(t);if(o)return o;var a=k(t,{symbol:"rect",symbolSize:1,symbolKeepAspect:!0,color:"rgba(0, 0, 0, 0.2)",backgroundColor:null,dashArrayX:5,dashArrayY:5,rotation:0,maxTileWidth:512,maxTileHeight:512});"none"===a.backgroundColor&&(a.backgroundColor=null);var s={repeat:"repeat"};return function(t){for(var e,o=[n],s=!0,l=0;l<Em.length;++l){var u=a[Em[l]];if(null!=u&&!U(u)&&!X(u)&&!j(u)&&"boolean"!=typeof u){s=!1;break}o.push(u)}if(s){e=o.join(",")+(r?"-svg":"");var h=zm.get(e);h&&(r?t.svgElement=h:t.image=h)}var d,p=Gm(a.dashArrayX),f=function(t){if(!t||"object"==typeof t&&0===t.length)return[0,0];if(j(t)){var e=Math.ceil(t);return[e,e]}var n=E(t,(function(t){return Math.ceil(t)}));return t.length%2?n.concat(n):n}(a.dashArrayY),g=Vm(a.symbol),y=(b=p,E(b,(function(t){return Fm(t)}))),v=Fm(f),m=!r&&c.createCanvas(),x=r&&{tag:"g",attrs:{},key:"dcl",children:[]},_=function(){for(var t=1,e=0,n=y.length;e<n;++e)t=Vo(t,y[e]);var i=1;for(e=0,n=g.length;e<n;++e)i=Vo(i,g[e].length);t*=i;var r=v*y.length*g.length;return{width:Math.max(1,Math.min(t,a.maxTileWidth)),height:Math.max(1,Math.min(r,a.maxTileHeight))}}();var b;m&&(m.width=_.width*n,m.height=_.height*n,d=m.getContext("2d"));(function(){d&&(d.clearRect(0,0,m.width,m.height),a.backgroundColor&&(d.fillStyle=a.backgroundColor,d.fillRect(0,0,m.width,m.height)));for(var t=0,e=0;e<f.length;++e)t+=f[e];if(t<=0)return;var o=-v,s=0,l=0,u=0;for(;o<_.height;){if(s%2==0){for(var c=l/2%g.length,h=0,y=0,b=0;h<2*_.width;){var w=0;for(e=0;e<p[u].length;++e)w+=p[u][e];if(w<=0)break;if(y%2==0){var S=.5*(1-a.symbolSize),M=h+p[u][y]*S,I=o+f[s]*S,T=p[u][y]*a.symbolSize,C=f[s]*a.symbolSize,D=b/2%g[c].length;A(M,I,T,C,g[c][D])}h+=p[u][y],++b,++y===p[u].length&&(y=0)}++u===p.length&&(u=0)}o+=f[s],++l,++s===f.length&&(s=0)}function A(t,e,o,s,l){var u=r?1:n,c=hm(l,t*u,e*u,o*u,s*u,a.color,a.symbolKeepAspect);if(r){var h=i.painter.renderOneToVNode(c);h&&x.children.push(h)}else Om(d,c)}})(),s&&zm.put(e,m||x);t.image=m,t.svgElement=x,t.svgWidth=_.width,t.svgHeight=_.height}(s),s.rotation=a.rotation,s.scaleX=s.scaleY=r?1:1/n,Nm.set(t,s),t.dirty=!1,s}function Vm(t){if(!t||0===t.length)return[["rect"]];if(X(t))return[[t]];for(var e=!0,n=0;n<t.length;++n)if(!X(t[n])){e=!1;break}if(e)return Vm([t]);var i=[];for(n=0;n<t.length;++n)X(t[n])?i.push([t[n]]):i.push(t[n]);return i}function Gm(t){if(!t||0===t.length)return[[0,0]];if(j(t))return[[r=Math.ceil(t),r]];for(var e=!0,n=0;n<t.length;++n)if(!j(t[n])){e=!1;break}if(e)return Gm([t]);var i=[];for(n=0;n<t.length;++n)if(j(t[n])){var r=Math.ceil(t[n]);i.push([r,r])}else{(r=E(t[n],(function(t){return Math.ceil(t)}))).length%2==1?i.push(r.concat(r)):i.push(r)}return i}function Fm(t){for(var e=0,n=0;n<t.length;++n)e+=t[n];return t.length%2==1?2*e:e}var Wm=new qt,Hm={};function Um(t){return Hm[t]}var Ym={};function Xm(t,e){Ym[t]=e}var Zm=2e3,jm=4500,qm={PROCESSOR:{FILTER:1e3,SERIES_FILTER:800,STATISTIC:5e3},VISUAL:{LAYOUT:1e3,PROGRESSIVE_LAYOUT:1100,GLOBAL:Zm,CHART:3e3,POST_CHART_LAYOUT:4600,COMPONENT:4e3,BRUSH:5e3,CHART_ITEM:jm,ARIA:6e3,DECAL:7e3}},Km="__flagInMainProcess",$m="__mainProcessVersion",Jm="__pendingUpdate",Qm="__needsUpdateStatus",tx=/^[a-zA-Z0-9_]+$/,ex="__connectUpdateStatus";function nx(t){return function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];if(!this.isDisposed())return rx(this,t,e);kx(this.id)}}function ix(t){return function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return rx(this,t,e)}}function rx(t,e,n){return n[0]=n[0]&&n[0].toLowerCase(),qt.prototype[e].apply(t,n)}var ox,ax,sx,lx,ux,cx,hx,dx,px,fx,gx,yx,vx,mx,xx,_x,bx,Sx,Mx,Ix=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e}(qt),Tx=Ix.prototype;Tx.on=ix("on"),Tx.off=ix("off");var Cx=function(t){function e(e,n,i){var r=t.call(this,new Hv)||this;r._chartsViews=[],r._chartsMap={},r._componentsViews=[],r._componentsMap={},r._pendingActions=[],i=i||{},r._dom=e;var o="canvas",a="auto",s=!1;r[$m]=1,i.ssr&&lo((function(t){var e=zl(t),n=e.dataIndex;if(null!=n){var i=yt();return i.set("series_index",e.seriesIndex),i.set("data_index",n),e.ssrType&&i.set("ssr_type",e.ssrType),i}}));var l=r._zr=oo(e,{renderer:i.renderer||o,devicePixelRatio:i.devicePixelRatio,width:i.width,height:i.height,ssr:i.ssr,useDirtyRect:rt(i.useDirtyRect,s),useCoarsePointer:rt(i.useCoarsePointer,a),pointerSize:i.pointerSize});r._ssr=i.ssr,r._throttledZrFlush=uv(W(l.flush,l),17),r._updateTheme(n),r._locale=function(t){if(X(t)){var e=Ad[t.toUpperCase()]||{};return t===Td||t===Cd?T(e):C(T(e),T(Ad[Dd]),!1)}return C(T(t),T(Ad[Dd]),!1)}(i.locale||Ld),r._coordSysMgr=new Tp;var u=r._api=xx(r);function c(t,e){return t.__prio-e.__prio}return cn(zx,c),cn(Rx,c),r._scheduler=new wv(r,u,Rx,zx),r._messageCenter=new Ix,r._initEvents(),r.resize=W(r.resize,r),l.animation.on("frame",r._onframe,r),fx(l,r),gx(l,r),ht(r),r}return n(e,t),e.prototype._onframe=function(){if(!this._disposed){Sx(this);var t=this._scheduler;if(this[Jm]){var e=this[Jm].silent;this[Km]=!0,Mx(this);try{ox(this),lx.update.call(this,null,this[Jm].updateParams)}catch(t){throw this[Km]=!1,this[Jm]=null,t}this._zr.flush(),this[Km]=!1,this[Jm]=null,dx.call(this,e),px.call(this,e)}else if(t.unfinished){var n=1,i=this._model,r=this._api;t.unfinished=!1;do{var o=+new Date;t.performSeriesTasks(i),t.performDataProcessorTasks(i),cx(this,i),t.performVisualTasks(i),mx(this,this._model,r,"remain",{}),n-=+new Date-o}while(n>0&&t.unfinished);t.unfinished||this._zr.flush()}}},e.prototype.getDom=function(){return this._dom},e.prototype.getId=function(){return this.id},e.prototype.getZr=function(){return this._zr},e.prototype.isSSR=function(){return this._ssr},e.prototype.setOption=function(t,e,n){if(!this[Km])if(this._disposed)kx(this.id);else{var i,r,o;if(q(e)&&(n=e.lazyUpdate,i=e.silent,r=e.replaceMerge,o=e.transition,e=e.notMerge),this[Km]=!0,Mx(this),!this._model||e){var a=new Yf(this._api),s=this._theme,l=this._model=new Bf;l.scheduler=this._scheduler,l.ssr=this._ssr,l.init(null,null,null,s,this._locale,a)}this._model.setOption(t,{replaceMerge:r},Nx);var u={seriesTransition:o,optionChanged:!0};if(n)this[Jm]={silent:i,updateParams:u},this[Km]=!1,this.getZr().wakeUp();else{try{ox(this),lx.update.call(this,null,u)}catch(t){throw this[Jm]=null,this[Km]=!1,t}this._ssr||this._zr.flush(),this[Jm]=null,this[Km]=!1,dx.call(this,i),px.call(this,i)}}},e.prototype.setTheme=function(t,e){if(!this[Km])if(this._disposed)kx(this.id);else{var n=this._model;if(n){var i=e&&e.silent,r=null;this[Jm]&&(null==i&&(i=this[Jm].silent),r=this[Jm].updateParams,this[Jm]=null),this[Km]=!0,Mx(this);try{this._updateTheme(t),n.setTheme(this._theme),ox(this),lx.update.call(this,{type:"setTheme"},r)}catch(t){throw this[Km]=!1,t}this[Km]=!1,dx.call(this,i),px.call(this,i)}}},e.prototype._updateTheme=function(t){X(t)&&(t=Ex[t]),t&&((t=T(t))&&dg(t,!0),this._theme=t)},e.prototype.getModel=function(){return this._model},e.prototype.getOption=function(){return this._model&&this._model.getOption()},e.prototype.getWidth=function(){return this._zr.getWidth()},e.prototype.getHeight=function(){return this._zr.getHeight()},e.prototype.getDevicePixelRatio=function(){return this._zr.painter.dpr||r.hasGlobalWindow&&window.devicePixelRatio||1},e.prototype.getRenderedCanvas=function(t){return this.renderToCanvas(t)},e.prototype.renderToCanvas=function(t){t=t||{};var e=this._zr.painter;return e.getRenderedCanvas({backgroundColor:t.backgroundColor||this._model.get("backgroundColor"),pixelRatio:t.pixelRatio||this.getDevicePixelRatio()})},e.prototype.renderToSVGString=function(t){t=t||{};var e=this._zr.painter;return e.renderToString({useViewBox:t.useViewBox})},e.prototype.getSvgDataURL=function(){var t=this._zr;return z(t.storage.getDisplayList(),(function(t){t.stopAnimation(null,!0)})),t.painter.toDataURL()},e.prototype.getDataURL=function(t){if(!this._disposed){var e=(t=t||{}).excludeComponents,n=this._model,i=[],r=this;z(e,(function(t){n.eachComponent({mainType:t},(function(t){var e=r._componentsMap[t.__viewId];e.group.ignore||(i.push(e),e.group.ignore=!0)}))}));var o="svg"===this._zr.painter.getType()?this.getSvgDataURL():this.renderToCanvas(t).toDataURL("image/"+(t&&t.type||"png"));return z(i,(function(t){t.group.ignore=!1})),o}kx(this.id)},e.prototype.getConnectedDataURL=function(t){if(!this._disposed){var e="svg"===t.type,n=this.group,i=Math.min,r=Math.max,o=1/0;if(Gx[n]){var a=o,s=o,l=-1/0,u=-1/0,h=[],d=t&&t.pixelRatio||this.getDevicePixelRatio();z(Vx,(function(o,c){if(o.group===n){var d=e?o.getZr().painter.getSvgDom().innerHTML:o.renderToCanvas(T(t)),p=o.getDom().getBoundingClientRect();a=i(p.left,a),s=i(p.top,s),l=r(p.right,l),u=r(p.bottom,u),h.push({dom:d,left:p.left,top:p.top})}}));var p=(l*=d)-(a*=d),f=(u*=d)-(s*=d),g=c.createCanvas(),y=oo(g,{renderer:e?"svg":"canvas"});if(y.resize({width:p,height:f}),e){var v="";return z(h,(function(t){var e=t.left-a,n=t.top-s;v+='<g transform="translate('+e+","+n+')">'+t.dom+"</g>"})),y.painter.getSvgRoot().innerHTML=v,t.connectedBackgroundColor&&y.painter.setBackgroundColor(t.connectedBackgroundColor),y.refreshImmediately(),y.painter.toDataURL()}return t.connectedBackgroundColor&&y.add(new xl({shape:{x:0,y:0,width:p,height:f},style:{fill:t.connectedBackgroundColor}})),z(h,(function(t){var e=new dl({style:{x:t.left*d-a,y:t.top*d-s,image:t.dom}});y.add(e)})),y.refreshImmediately(),g.toDataURL("image/"+(t&&t.type||"png"))}return this.getDataURL(t)}kx(this.id)},e.prototype.convertToPixel=function(t,e,n){return ux(this,"convertToPixel",t,e,n)},e.prototype.convertToLayout=function(t,e,n){return ux(this,"convertToLayout",t,e,n)},e.prototype.convertFromPixel=function(t,e,n){return ux(this,"convertFromPixel",t,e,n)},e.prototype.containPixel=function(t,e){var n;if(!this._disposed)return z(ua(this._model,t),(function(t,i){i.indexOf("Models")>=0&&z(t,(function(t){var r=t.coordinateSystem;if(r&&r.containPoint)n=n||!!r.containPoint(e);else if("seriesModels"===i){var o=this._chartsMap[t.__viewId];o&&o.containPoint&&(n=n||o.containPoint(e,t))}else 0}),this)}),this),!!n;kx(this.id)},e.prototype.getVisual=function(t,e){var n=ua(this._model,t,{defaultMainType:"series"}),i=n.seriesModel;var r=i.getData(),o=n.hasOwnProperty("dataIndexInside")?n.dataIndexInside:n.hasOwnProperty("dataIndex")?r.indexOfRawIndex(n.dataIndex):null;return null!=o?jv(r,o,e):qv(r,e)},e.prototype.getViewOfComponentModel=function(t){return this._componentsMap[t.__viewId]},e.prototype.getViewOfSeriesModel=function(t){return this._chartsMap[t.__viewId]},e.prototype._initEvents=function(){var t=this;z(Ax,(function(e){var n=function(n){var i,r=t.getModel(),o=n.target,a="globalout"===e;if(a?i={}:o&&Qv(o,(function(t){var e=zl(t);if(e&&null!=e.dataIndex){var n=e.dataModel||r.getSeriesByIndex(e.seriesIndex);return i=n&&n.getDataParams(e.dataIndex,e.dataType,o)||{},!0}if(e.eventData)return i=A({},e.eventData),!0}),!0),i){var s=i.componentType,l=i.componentIndex;"markLine"!==s&&"markPoint"!==s&&"markArea"!==s||(s="series",l=i.seriesIndex);var u=s&&null!=l&&r.getComponent(s,l),c=u&&t["series"===u.mainType?"_chartsMap":"_componentsMap"][u.__viewId];0,i.event=n,i.type=e,t._$eventProcessor.eventInfo={targetEl:o,packedEvent:i,model:u,view:c},t.trigger(e,i)}};n.zrEventfulCallAtLast=!0,t._zr.on(e,n,t)}));var e=this._messageCenter;z(Ox,(function(n,i){e.on(i,(function(e){t.trigger(i,e)}))})),function(t,e,n){t.on("selectchanged",(function(t){var i=n.getModel();t.isFromClick?(Jv("map","selectchanged",e,i,t),Jv("pie","selectchanged",e,i,t)):"select"===t.fromAction?(Jv("map","selected",e,i,t),Jv("pie","selected",e,i,t)):"unselect"===t.fromAction&&(Jv("map","unselected",e,i,t),Jv("pie","unselected",e,i,t))}))}(e,this,this._api)},e.prototype.isDisposed=function(){return this._disposed},e.prototype.clear=function(){this._disposed?kx(this.id):this.setOption({series:[]},!0)},e.prototype.dispose=function(){if(this._disposed)kx(this.id);else{this._disposed=!0,this.getDom()&&fa(this.getDom(),Hx,"");var t=this,e=t._api,n=t._model;z(t._componentsViews,(function(t){t.dispose(n,e)})),z(t._chartsViews,(function(t){t.dispose(n,e)})),t._zr.dispose(),t._dom=t._model=t._chartsMap=t._componentsMap=t._chartsViews=t._componentsViews=t._scheduler=t._api=t._zr=t._throttledZrFlush=t._theme=t._coordSysMgr=t._messageCenter=null,delete Vx[t.id]}},e.prototype.resize=function(t){if(!this[Km])if(this._disposed)kx(this.id);else{this._zr.resize(t);var e=this._model;if(this._loadingFX&&this._loadingFX.resize(),e){var n=e.resetOption("media"),i=t&&t.silent;this[Jm]&&(null==i&&(i=this[Jm].silent),n=!0,this[Jm]=null),this[Km]=!0,Mx(this);try{n&&ox(this),lx.update.call(this,{type:"resize",animation:A({duration:0},t&&t.animation)})}catch(t){throw this[Km]=!1,t}this[Km]=!1,dx.call(this,i),px.call(this,i)}}},e.prototype.showLoading=function(t,e){if(this._disposed)kx(this.id);else if(q(t)&&(e=t,t=""),t=t||"default",this.hideLoading(),Bx[t]){var n=Bx[t](this._api,e),i=this._zr;this._loadingFX=n,i.add(n)}},e.prototype.hideLoading=function(){this._disposed?kx(this.id):(this._loadingFX&&this._zr.remove(this._loadingFX),this._loadingFX=null)},e.prototype.makeActionFromEvent=function(t){var e=A({},t);return e.type=Px[t.type],e},e.prototype.dispatchAction=function(t,e){if(this._disposed)kx(this.id);else if(q(e)||(e={silent:!!e}),Lx[t.type]&&this._model)if(this[Km])this._pendingActions.push(t);else{var n=e.silent;hx.call(this,t,n);var i=e.flush;i?this._zr.flush():!1!==i&&r.browser.weChat&&this._throttledZrFlush(),dx.call(this,n),px.call(this,n)}},e.prototype.updateLabelLayout=function(){Wm.trigger("series:layoutlabels",this._model,this._api,{updatedSeries:[]})},e.prototype.appendData=function(t){if(this._disposed)kx(this.id);else{var e=t.seriesIndex,n=this.getModel().getSeriesByIndex(e);0,n.appendData(t),this._scheduler.unfinished=!0,this.getZr().wakeUp()}},e.internalField=function(){function t(t){t.clearColorPalette(),t.eachSeries((function(t){t.clearColorPalette()}))}function e(t){for(var e=[],n=t.currentStates,i=0;i<n.length;i++){var r=n[i];"emphasis"!==r&&"blur"!==r&&"select"!==r&&e.push(r)}t.selected&&t.states.select&&e.push("select"),2===t.hoverState&&t.states.emphasis?e.push("emphasis"):1===t.hoverState&&t.states.blur&&e.push("blur"),t.useStates(e)}function i(t,e){if(!t.preventAutoZ){var n=Hh(t);e.eachRendered((function(t){return Yh(t,n.z,n.zlevel),!0}))}}function o(t,e){e.eachRendered((function(t){if(!nh(t)){var e=t.getTextContent(),n=t.getTextGuideLine();t.stateTransition&&(t.stateTransition=null),e&&e.stateTransition&&(e.stateTransition=null),n&&n.stateTransition&&(n.stateTransition=null),t.hasState()?(t.prevStates=t.currentStates,t.clearStates()):t.prevStates&&(t.prevStates=null)}}))}function a(t,n){var i=t.getModel("stateAnimation"),r=t.isAnimationEnabled(),o=i.get("duration"),a=o>0?{duration:o,delay:i.get("delay"),easing:i.get("easing")}:null;n.eachRendered((function(t){if(t.states&&t.states.emphasis){if(nh(t))return;if(t instanceof sl&&function(t){var e=Gl(t);e.normalFill=t.style.fill,e.normalStroke=t.style.stroke;var n=t.states.select||{};e.selectFill=n.style&&n.style.fill||null,e.selectStroke=n.style&&n.style.stroke||null}(t),t.__dirty){var n=t.prevStates;n&&t.useStates(n)}if(r){t.stateTransition=a;var i=t.getTextContent(),o=t.getTextGuideLine();i&&(i.stateTransition=a),o&&(o.stateTransition=a)}t.__dirty&&e(t)}}))}ox=function(t){var e=t._scheduler;e.restorePipelines(t._model),e.prepareStageTasks(),ax(t,!0),ax(t,!1),e.plan()},ax=function(t,e){for(var n=t._model,i=t._scheduler,r=e?t._componentsViews:t._chartsViews,o=e?t._componentsMap:t._chartsMap,a=t._zr,s=t._api,l=0;l<r.length;l++)r[l].__alive=!1;function u(t){var l=t.__requireNewView;t.__requireNewView=!1;var u="_ec_"+t.id+"_"+t.type,c=!l&&o[u];if(!c){var h=ba(t.type),d=e?Ky.getClass(h.main,h.sub):tv.getClass(h.sub);0,(c=new d).init(n,s),o[u]=c,r.push(c),a.add(c.group)}t.__viewId=c.__id=u,c.__alive=!0,c.__model=t,c.group.__ecComponentInfo={mainType:t.mainType,index:t.componentIndex},!e&&i.prepareView(c,t,n,s)}e?n.eachComponent((function(t,e){"series"!==t&&u(e)})):n.eachSeries(u);for(l=0;l<r.length;){var c=r[l];c.__alive?l++:(!e&&c.renderTask.dispose(),a.remove(c.group),c.dispose(n,s),r.splice(l,1),o[c.__id]===c&&delete o[c.__id],c.__id=c.group.__ecComponentInfo=null)}},sx=function(t,e,n,i,r){var o=t._model;if(o.setUpdatePayload(n),i){var a={};a[i+"Id"]=n[i+"Id"],a[i+"Index"]=n[i+"Index"],a[i+"Name"]=n[i+"Name"];var s={mainType:i,query:a};r&&(s.subType=r);var l,u=n.excludeSeriesId;null!=u&&(l=yt(),z(qo(u),(function(t){var e=ia(t,null);null!=e&&l.set(e,!0)}))),o&&o.eachComponent(s,(function(e){if(!(l&&null!=l.get(e.id)))if(Ru(n))if(e instanceof Wy)n.type!==Yl||n.notBlur||e.get(["emphasis","disabled"])||function(t,e,n){var i=t.seriesIndex,r=t.getData(e.dataType);if(r){var o=aa(r,e);o=(U(o)?o[0]:o)||0;var a=r.getItemGraphicEl(o);if(!a)for(var s=r.count(),l=0;!a&&l<s;)a=r.getItemGraphicEl(l++);if(a){var u=zl(a);_u(i,u.focus,u.blurScope,n)}else{var c=t.get(["emphasis","focus"]),h=t.get(["emphasis","blurScope"]);null!=c&&_u(i,c,h,n)}}}(e,n,t._api);else{var i=wu(e.mainType,e.componentIndex,n.name,t._api),r=i.focusSelf,o=i.dispatchers;n.type===Yl&&r&&!n.notBlur&&bu(e.mainType,e.componentIndex,t._api),o&&z(o,(function(t){n.type===Yl?du(t):pu(t)}))}else Ou(n)&&e instanceof Wy&&(!function(t,e,n){if(Ou(e)){var i=e.dataType,r=aa(t.getData(i),e);U(r)||(r=[r]),t[e.type===ql?"toggleSelect":e.type===Zl?"select":"unselect"](r,i)}}(e,n,t._api),Su(e),bx(t))}),t),o&&o.eachComponent(s,(function(e){l&&null!=l.get(e.id)||c(t["series"===i?"_chartsMap":"_componentsMap"][e.__viewId])}),t)}else z([].concat(t._componentsViews).concat(t._chartsViews),c);function c(i){i&&i.__alive&&i[e]&&i[e](i.__model,o,t._api,n)}},lx={prepareAndUpdate:function(t){ox(this),lx.update.call(this,t,t&&{optionChanged:null!=t.newOption})},update:function(e,n){var i=this._model,r=this._api,o=this._zr,a=this._coordSysMgr,s=this._scheduler;if(i){i.setUpdatePayload(e),s.restoreData(i,e),s.performSeriesTasks(i),a.create(i,r),s.performDataProcessorTasks(i,e),cx(this,i),a.update(i,r),t(i),s.performVisualTasks(i,e);var l=i.get("backgroundColor")||"transparent";o.setBackgroundColor(l);var u=i.get("darkMode");null!=u&&"auto"!==u&&o.setDarkMode(u),yx(this,i,r,e,n),Wm.trigger("afterupdate",i,r)}},updateTransform:function(e){var n=this,i=this._model,r=this._api;if(i){i.setUpdatePayload(e);var o=[];i.eachComponent((function(t,a){if("series"!==t){var s=n.getViewOfComponentModel(a);if(s&&s.__alive)if(s.updateTransform){var l=s.updateTransform(a,i,r,e);l&&l.update&&o.push(s)}else o.push(s)}}));var a=yt();i.eachSeries((function(t){var o=n._chartsMap[t.__viewId];if(o.updateTransform){var s=o.updateTransform(t,i,r,e);s&&s.update&&a.set(t.uid,1)}else a.set(t.uid,1)})),t(i),this._scheduler.performVisualTasks(i,e,{setDirty:!0,dirtyMap:a}),mx(this,i,r,e,{},a),Wm.trigger("afterupdate",i,r)}},updateView:function(e){var n=this._model;n&&(n.setUpdatePayload(e),tv.markUpdateMethod(e,"updateView"),t(n),this._scheduler.performVisualTasks(n,e,{setDirty:!0}),yx(this,n,this._api,e,{}),Wm.trigger("afterupdate",n,this._api))},updateVisual:function(e){var n=this,i=this._model;i&&(i.setUpdatePayload(e),i.eachSeries((function(t){t.getData().clearAllVisual()})),tv.markUpdateMethod(e,"updateVisual"),t(i),this._scheduler.performVisualTasks(i,e,{visualType:"visual",setDirty:!0}),i.eachComponent((function(t,r){if("series"!==t){var o=n.getViewOfComponentModel(r);o&&o.__alive&&o.updateVisual(r,i,n._api,e)}})),i.eachSeries((function(t){n._chartsMap[t.__viewId].updateVisual(t,i,n._api,e)})),Wm.trigger("afterupdate",i,this._api))},updateLayout:function(t){lx.update.call(this,t)}},ux=function(t,e,n,i,r){if(t._disposed)kx(t.id);else{for(var o,a=t._model,s=t._coordSysMgr.getCoordinateSystems(),l=ua(a,n),u=0;u<s.length;u++){var c=s[u];if(c[e]&&null!=(o=c[e](a,l,i,r)))return o}0}},cx=function(t,e){var n=t._chartsMap,i=t._scheduler;e.eachSeries((function(t){i.updateStreamModes(t,n[t.__viewId])}))},hx=function(t,e){var n=this,i=this.getModel(),r=t.type,o=t.escapeConnect,a=Lx[r],s=(a.update||"update").split(":"),l=s.pop(),u=null!=s[0]&&ba(s[0]);this[Km]=!0,Mx(this);var c=[t],h=!1;t.batch&&(h=!0,c=E(t.batch,(function(e){return(e=k(A({},e),t)).batch=null,e})));var d,p=[],f=[],g=a.nonRefinedEventType,y=Ou(t),v=Ru(t);if(v&&xu(this._api),z(c,(function(e){var r=a.action(e,i,n._api);if(a.refineEvent?f.push(r):d=r,(d=d||A({},e)).type=g,p.push(d),v){var o=ca(t),s=o.queryOptionMap,c=o.mainTypeSpecified?s.keys()[0]:"series";sx(n,l,e,c),bx(n)}else y?(sx(n,l,e,"series"),bx(n)):u&&sx(n,l,e,u.main,u.sub)})),"none"!==l&&!v&&!y&&!u)try{this[Jm]?(ox(this),lx.update.call(this,t),this[Jm]=null):lx[l].call(this,t)}catch(t){throw this[Km]=!1,t}if(d=h?{type:g,escapeConnect:o,batch:p}:p[0],this[Km]=!1,!e){var m=void 0;if(a.refineEvent){var x=a.refineEvent(f,t,i,this._api).eventContent;lt(q(x)),(m=k({type:a.refinedEventType},x)).fromAction=t.type,m.fromActionPayload=t,m.escapeConnect=!0}var _=this._messageCenter;_.trigger(d.type,d),m&&_.trigger(m.type,m)}},dx=function(t){for(var e=this._pendingActions;e.length;){var n=e.shift();hx.call(this,n,t)}},px=function(t){!t&&this.trigger("updated")},fx=function(t,e){t.on("rendered",(function(n){e.trigger("rendered",n),!t.animation.isFinished()||e[Jm]||e._scheduler.unfinished||e._pendingActions.length||e.trigger("finished")}))},gx=function(t,e){t.on("mouseover",(function(t){var n=Qv(t.target,Pu);n&&(!function(t,e,n){var i=zl(t),r=wu(i.componentMainType,i.componentIndex,i.componentHighDownName,n),o=r.dispatchers,a=r.focusSelf;o?(a&&bu(i.componentMainType,i.componentIndex,n),z(o,(function(t){return cu(t,e)}))):(_u(i.seriesIndex,i.focus,i.blurScope,n),"self"===i.focus&&bu(i.componentMainType,i.componentIndex,n),cu(t,e))}(n,t,e._api),bx(e))})).on("mouseout",(function(t){var n=Qv(t.target,Pu);n&&(!function(t,e,n){xu(n);var i=zl(t),r=wu(i.componentMainType,i.componentIndex,i.componentHighDownName,n).dispatchers;r?z(r,(function(t){return hu(t,e)})):hu(t,e)}(n,t,e._api),bx(e))})).on("click",(function(t){var n=Qv(t.target,(function(t){return null!=zl(t).dataIndex}),!0);if(n){var i=n.selected?"unselect":"select",r=zl(n);e._api.dispatchAction({type:i,dataType:r.dataType,dataIndexInside:r.dataIndex,seriesIndex:r.seriesIndex,isFromClick:!0})}}))},yx=function(t,e,n,i,r){!function(t){var e=[],n=[],i=!1;if(t.eachComponent((function(t,r){var o=r.get("zlevel")||0,a=r.get("z")||0,s=r.getZLevelKey();i=i||!!s,("series"===t?n:e).push({zlevel:o,z:a,idx:r.componentIndex,type:t,key:s})})),i){var r,o,a=e.concat(n);cn(a,(function(t,e){return t.zlevel===e.zlevel?t.z-e.z:t.zlevel-e.zlevel})),z(a,(function(e){var n=t.getComponent(e.type,e.idx),i=e.zlevel,a=e.key;null!=r&&(i=Math.max(r,i)),a?(i===r&&a!==o&&i++,o=a):o&&(i===r&&i++,o=""),r=i,n.setZLevel(i)}))}}(e),vx(t,e,n,i,r),z(t._chartsViews,(function(t){t.__alive=!1})),mx(t,e,n,i,r),z(t._chartsViews,(function(t){t.__alive||t.remove(e,n)}))},vx=function(t,e,n,r,s,l){z(l||t._componentsViews,(function(t){var s=t.__model;o(s,t),t.render(s,e,n,r),i(s,t),a(s,t)}))},mx=function(t,e,n,s,l,u){var c=t._scheduler;l=A(l||{},{updatedSeries:e.getSeries()}),Wm.trigger("series:beforeupdate",e,n,l);var h=!1;e.eachSeries((function(e){var n=t._chartsMap[e.__viewId];n.__alive=!0;var i=n.renderTask;c.updatePayload(i,s),o(e,n),u&&u.get(e.uid)&&i.dirty(),i.perform(c.getPerformArgs(i))&&(h=!0),n.group.silent=!!e.get("silent"),function(t,e){var n=t.get("blendMode")||null;e.eachRendered((function(t){t.isGroup||(t.style.blend=n)}))}(e,n),Su(e)})),c.unfinished=h||c.unfinished,Wm.trigger("series:layoutlabels",e,n,l),Wm.trigger("series:transition",e,n,l),e.eachSeries((function(e){var n=t._chartsMap[e.__viewId];i(e,n),a(e,n)})),function(t,e){var n=t._zr,i=n.storage,o=0;i.traverse((function(t){t.isGroup||o++})),o>e.get("hoverLayerThreshold")&&!r.node&&!r.worker&&e.eachSeries((function(e){if(!e.preventUsingHoverLayer){var n=t._chartsMap[e.__viewId];n.__alive&&n.eachRendered((function(t){t.states.emphasis&&(t.states.emphasis.hoverLayer=!0)}))}}))}(t,e),Wm.trigger("series:afterupdate",e,n,l)},bx=function(t){t[Qm]=!0,t.getZr().wakeUp()},Mx=function(t){t[$m]=(t[$m]+1)%1e3},Sx=function(t){t[Qm]&&(t.getZr().storage.traverse((function(t){nh(t)||e(t)})),t[Qm]=!1)},xx=function(t){return new(function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return n(i,e),i.prototype.getCoordinateSystems=function(){return t._coordSysMgr.getCoordinateSystems()},i.prototype.getComponentByElement=function(e){for(;e;){var n=e.__ecComponentInfo;if(null!=n)return t._model.getComponent(n.mainType,n.index);e=e.parent}},i.prototype.enterEmphasis=function(e,n){du(e,n),bx(t)},i.prototype.leaveEmphasis=function(e,n){pu(e,n),bx(t)},i.prototype.enterBlur=function(e){fu(e),bx(t)},i.prototype.leaveBlur=function(e){gu(e),bx(t)},i.prototype.enterSelect=function(e){yu(e),bx(t)},i.prototype.leaveSelect=function(e){vu(e),bx(t)},i.prototype.getModel=function(){return t.getModel()},i.prototype.getViewOfComponentModel=function(e){return t.getViewOfComponentModel(e)},i.prototype.getViewOfSeriesModel=function(e){return t.getViewOfSeriesModel(e)},i.prototype.getMainProcessVersion=function(){return t[$m]},i}(Hf))(t)},_x=function(t){function e(t,e){for(var n=0;n<t.length;n++){t[n][ex]=e}}z(Px,(function(n,i){t._messageCenter.on(i,(function(n){if(Gx[t.group]&&0!==t[ex]){if(n&&n.escapeConnect)return;var i=t.makeActionFromEvent(n),r=[];z(Vx,(function(e){e!==t&&e.group===t.group&&r.push(e)})),e(r,0),z(r,(function(t){1!==t[ex]&&t.dispatchAction(i)})),e(r,2)}}))}))}}(),e}(qt),Dx=Cx.prototype;Dx.on=nx("on"),Dx.off=nx("off"),Dx.one=function(t,e,n){var i=this;Uo(),this.on.call(this,t,(function n(){for(var r=[],o=0;o<arguments.length;o++)r[o]=arguments[o];e&&e.apply&&e.apply(this,r),i.off(t,n)}),n)};var Ax=["click","dblclick","mouseover","mouseout","mousemove","mousedown","mouseup","globalout","contextmenu"];function kx(t){0}var Lx={},Px={},Ox={},Rx=[],Nx=[],zx=[],Ex={},Bx={},Vx={},Gx={},Fx=+new Date-0,Wx=+new Date-0,Hx="_echarts_instance_";function Ux(t){Gx[t]=!1}var Yx=Ux;function Xx(t){return Vx[function(t,e){return t.getAttribute?t.getAttribute(e):t[e]}(t,Hx)]}function Zx(t,e){Ex[t]=e}function jx(t){P(Nx,t)<0&&Nx.push(t)}function qx(t,e){r_(Rx,t,e,2e3)}function Kx(t){Jx("afterinit",t)}function $x(t){Jx("afterupdate",t)}function Jx(t,e){Wm.on(t,e)}function Qx(t,e,n){var i,r,o,a,s;function l(t){return t.toLowerCase()}Y(e)&&(n=e,e=""),q(t)?(i=t.type,r=t.event,a=t.update,s=t.publishNonRefinedEvent,n||(n=t.action),o=t.refineEvent):(i=t,r=e),r=l(r||i);var u=o?l(i):r;Lx[i]||(lt(tx.test(i)&&tx.test(r)),o&&lt(r!==i),Lx[i]={actionType:i,refinedEventType:r,nonRefinedEventType:u,update:a,action:n,refineEvent:o},Ox[r]=1,o&&s&&(Ox[u]=1),Px[u]=i)}function t_(t,e){Tp.register(t,e)}function e_(t,e){r_(zx,t,e,1e3,"layout")}function n_(t,e){r_(zx,t,e,3e3,"visual")}var i_=[];function r_(t,e,n,i,r){if((Y(e)||q(e))&&(n=e,e=i),!(P(i_,n)>=0)){i_.push(n);var o=wv.wrapStageHandler(n,r);o.__prio=e,o.__raw=n,t.push(o)}}function o_(t,e){Bx[t]=e}function a_(t,e,n){var i=Um("registerMap");i&&i(t,e,n)}var s_=function(t){var e=(t=T(t)).type,n="";e||Yo(n);var i=e.split(":");2!==i.length&&Yo(n);var r=!1;"echarts"===i[0]&&(e=i[1],r=!0),t.__isBuiltIn=r,oy.set(e,t)};function l_(t,e,n,i){return{eventContent:{selected:Mu(n),isFromClick:e.isFromClick||!1}}}n_(Zm,vv),n_(jm,xv),n_(jm,_v),n_(Zm,Xv),n_(jm,Zv),n_(7e3,(function(t,e){t.eachRawSeries((function(n){if(!t.isSeriesFiltered(n)){var i=n.getData();i.hasItemVisual()&&i.each((function(t){var n=i.getItemVisual(t,"decal");n&&(i.ensureUniqueItemVisual(t,"style").decal=Bm(n,e))}));var r=i.getVisual("decal");if(r)i.getVisual("style").decal=Bm(r,e)}}))})),jx(dg),qx(900,(function(t){var e=yt();t.eachSeries((function(t){var n=t.get("stack");if(n){var i=e.get(n)||e.set(n,[]),r=t.getData(),o={stackResultDimension:r.getCalculationInfo("stackResultDimension"),stackedOverDimension:r.getCalculationInfo("stackedOverDimension"),stackedDimension:r.getCalculationInfo("stackedDimension"),stackedByDimension:r.getCalculationInfo("stackedByDimension"),isStackedByIndex:r.getCalculationInfo("isStackedByIndex"),data:r,seriesModel:t};if(!o.stackedDimension||!o.isStackedByIndex&&!o.stackedByDimension)return;i.push(o)}})),e.each((function(t){0!==t.length&&("seriesDesc"===(t[0].seriesModel.get("stackOrder")||"seriesAsc")&&t.reverse(),z(t,(function(e,n){e.data.setCalculationInfo("stackedOnSeries",n>0?t[n-1].seriesModel:null)})),function(t){z(t,(function(e,n){var i=[],r=[NaN,NaN],o=[e.stackResultDimension,e.stackedOverDimension],a=e.data,s=e.isStackedByIndex,l=e.seriesModel.get("stackStrategy")||"samesign";a.modify(o,(function(o,u,c){var h,d,p=a.get(e.stackedDimension,c);if(isNaN(p))return r;s?d=a.getRawIndex(c):h=a.get(e.stackedByDimension,c);for(var f=NaN,g=n-1;g>=0;g--){var y=t[g];if(s||(d=y.data.rawIndexOf(y.stackedByDimension,h)),d>=0){var v=y.data.getByRawIndex(y.stackResultDimension,d);if("all"===l||"positive"===l&&v>0||"negative"===l&&v<0||"samesign"===l&&p>=0&&v>0||"samesign"===l&&p<=0&&v<0){p=Mo(p,v),f=v;break}}}return i[0]=p,i[1]=f,i}))}))}(t))}))})),o_("default",(function(t,e){k(e=e||{},{text:"loading",textColor:tf.color.primary,fontSize:12,fontWeight:"normal",fontStyle:"normal",fontFamily:"sans-serif",maskColor:"rgba(255,255,255,0.8)",showSpinner:!0,color:tf.color.theme[0],spinnerRadius:10,lineWidth:5,zlevel:0});var n=new to,i=new xl({style:{fill:e.maskColor},zlevel:e.zlevel,z:1e4});n.add(i);var r,o=new Sl({style:{text:e.text,fill:e.textColor,fontSize:e.fontSize,fontWeight:e.fontWeight,fontStyle:e.fontStyle,fontFamily:e.fontFamily},zlevel:e.zlevel,z:10001}),a=new xl({style:{fill:"none"},textContent:o,textConfig:{position:"right",distance:10},zlevel:e.zlevel,z:10001});return n.add(a),e.showSpinner&&((r=new Nc({shape:{startAngle:-bv/2,endAngle:-bv/2+.1,r:e.spinnerRadius},style:{stroke:e.color,lineCap:"round",lineWidth:e.lineWidth},zlevel:e.zlevel,z:10001})).animateShape(!0).when(1e3,{endAngle:3*bv/2}).start("circularInOut"),r.animateShape(!0).when(1e3,{startAngle:3*bv/2}).delay(300).start("circularInOut"),n.add(r)),n.resize=function(){var n=o.getBoundingRect().width,s=e.showSpinner?e.spinnerRadius:0,l=(t.getWidth()-2*s-(e.showSpinner&&n?10:0)-n)/2-(e.showSpinner&&n?0:5+n/2)+(e.showSpinner?0:n/2)+(n?0:s),u=t.getHeight()/2;e.showSpinner&&r.setShape({cx:l,cy:u}),a.setShape({x:l-s,y:u-s,width:2*s,height:2*s}),i.setShape({x:0,y:0,width:t.getWidth(),height:t.getHeight()})},n.resize(),n})),Qx({type:Yl,event:Yl,update:Yl},bt),Qx({type:Xl,event:Xl,update:Xl},bt),Qx({type:Zl,event:Kl,update:Zl,action:bt,refineEvent:l_,publishNonRefinedEvent:!0}),Qx({type:jl,event:Kl,update:jl,action:bt,refineEvent:l_,publishNonRefinedEvent:!0}),Qx({type:ql,event:Kl,update:ql,action:bt,refineEvent:l_,publishNonRefinedEvent:!0}),Zx("default",{}),Zx("dark",Wv);var u_=[],c_={registerPreprocessor:jx,registerProcessor:qx,registerPostInit:Kx,registerPostUpdate:$x,registerUpdateLifecycle:Jx,registerAction:Qx,registerCoordinateSystem:t_,registerLayout:e_,registerVisual:n_,registerTransform:s_,registerLoading:o_,registerMap:a_,registerImpl:function(t,e){Hm[t]=e},PRIORITY:qm,ComponentModel:Qp,ComponentView:Ky,SeriesModel:Wy,ChartView:tv,registerComponentModel:function(t){Qp.registerClass(t)},registerComponentView:function(t){Ky.registerClass(t)},registerSeriesModel:function(t){Wy.registerClass(t)},registerChartView:function(t){tv.registerClass(t)},registerCustomSeries:function(t,e){Xm(t,e)},registerSubTypeDefaulter:function(t,e){Qp.registerSubTypeDefaulter(t,e)},registerPainter:function(t,e){ao(t,e)}};function h_(t){U(t)?z(t,(function(t){h_(t)})):P(u_,t)>=0||(u_.push(t),Y(t)&&(t={install:t}),t.install(c_))}function d_(t){return null==t?0:t.length||1}function p_(t){return t}var f_=function(){function t(t,e,n,i,r,o){this._old=t,this._new=e,this._oldKeyGetter=n||p_,this._newKeyGetter=i||p_,this.context=r,this._diffModeMultiple="multiple"===o}return t.prototype.add=function(t){return this._add=t,this},t.prototype.update=function(t){return this._update=t,this},t.prototype.updateManyToOne=function(t){return this._updateManyToOne=t,this},t.prototype.updateOneToMany=function(t){return this._updateOneToMany=t,this},t.prototype.updateManyToMany=function(t){return this._updateManyToMany=t,this},t.prototype.remove=function(t){return this._remove=t,this},t.prototype.execute=function(){this[this._diffModeMultiple?"_executeMultiple":"_executeOneToOne"]()},t.prototype._executeOneToOne=function(){var t=this._old,e=this._new,n={},i=new Array(t.length),r=new Array(e.length);this._initIndexMap(t,null,i,"_oldKeyGetter"),this._initIndexMap(e,n,r,"_newKeyGetter");for(var o=0;o<t.length;o++){var a=i[o],s=n[a],l=d_(s);if(l>1){var u=s.shift();1===s.length&&(n[a]=s[0]),this._update&&this._update(u,o)}else 1===l?(n[a]=null,this._update&&this._update(s,o)):this._remove&&this._remove(o)}this._performRestAdd(r,n)},t.prototype._executeMultiple=function(){var t=this._old,e=this._new,n={},i={},r=[],o=[];this._initIndexMap(t,n,r,"_oldKeyGetter"),this._initIndexMap(e,i,o,"_newKeyGetter");for(var a=0;a<r.length;a++){var s=r[a],l=n[s],u=i[s],c=d_(l),h=d_(u);if(c>1&&1===h)this._updateManyToOne&&this._updateManyToOne(u,l),i[s]=null;else if(1===c&&h>1)this._updateOneToMany&&this._updateOneToMany(u,l),i[s]=null;else if(1===c&&1===h)this._update&&this._update(u,l),i[s]=null;else if(c>1&&h>1)this._updateManyToMany&&this._updateManyToMany(u,l),i[s]=null;else if(c>1)for(var d=0;d<c;d++)this._remove&&this._remove(l[d]);else this._remove&&this._remove(l)}this._performRestAdd(o,i)},t.prototype._performRestAdd=function(t,e){for(var n=0;n<t.length;n++){var i=t[n],r=e[i],o=d_(r);if(o>1)for(var a=0;a<o;a++)this._add&&this._add(r[a]);else 1===o&&this._add&&this._add(r);e[i]=null}},t.prototype._initIndexMap=function(t,e,n,i){for(var r=this._diffModeMultiple,o=0;o<t.length;o++){var a="_ec_"+this[i](t[o],o);if(r||(n[o]=a),e){var s=e[a],l=d_(s);0===l?(e[a]=o,r&&n.push(a)):1===l?e[a]=[s,o]:s.push(o)}}},t}(),g_=function(){function t(t,e){this._encode=t,this._schema=e}return t.prototype.get=function(){return{fullDimensions:this._getFullDimensionNames(),encode:this._encode}},t.prototype._getFullDimensionNames=function(){return this._cachedDimNames||(this._cachedDimNames=this._schema?this._schema.makeOutputDimensionNames():[]),this._cachedDimNames},t}();function y_(t,e){return t.hasOwnProperty(e)||(t[e]=[]),t[e]}function v_(t){return"category"===t?"ordinal":"time"===t?"time":"float"}var m_=function(t){this.otherDims={},null!=t&&A(this,t)},x_=sa(),__={float:"f",int:"i",ordinal:"o",number:"n",time:"t"},b_=function(){function t(t){this.dimensions=t.dimensions,this._dimOmitted=t.dimensionOmitted,this.source=t.source,this._fullDimCount=t.fullDimensionCount,this._updateDimOmitted(t.dimensionOmitted)}return t.prototype.isDimensionOmitted=function(){return this._dimOmitted},t.prototype._updateDimOmitted=function(t){this._dimOmitted=t,t&&(this._dimNameMap||(this._dimNameMap=M_(this.source)))},t.prototype.getSourceDimensionIndex=function(t){return rt(this._dimNameMap.get(t),-1)},t.prototype.getSourceDimension=function(t){var e=this.source.dimensionsDefine;if(e)return e[t]},t.prototype.makeStoreSchema=function(){for(var t=this._fullDimCount,e=Tg(this.source),n=!I_(t),i="",r=[],o=0,a=0;o<t;o++){var s=void 0,l=void 0,u=void 0,c=this.dimensions[a];if(c&&c.storeDimIndex===o)s=e?c.name:null,l=c.type,u=c.ordinalMeta,a++;else{var h=this.getSourceDimension(o);h&&(s=e?h.name:null,l=h.type)}r.push({property:s,type:l,ordinalMeta:u}),!e||null==s||c&&c.isCalculationCoord||(i+=n?s.replace(/\`/g,"`1").replace(/\$/g,"`2"):s),i+="$",i+=__[l]||"f",u&&(i+=u.uid),i+="$"}var d=this.source;return{dimensions:r,hash:[d.seriesLayoutBy,d.startIndex,i].join("$$")}},t.prototype.makeOutputDimensionNames=function(){for(var t=[],e=0,n=0;e<this._fullDimCount;e++){var i=void 0,r=this.dimensions[n];if(r&&r.storeDimIndex===e)r.isCalculationCoord||(i=r.name),n++;else{var o=this.getSourceDimension(e);o&&(i=o.name)}t.push(i)}return t},t.prototype.appendCalculationDimension=function(t){this.dimensions.push(t),t.isCalculationCoord=!0,this._fullDimCount++,this._updateDimOmitted(!0)},t}();function w_(t){return t instanceof b_}function S_(t){for(var e=yt(),n=0;n<(t||[]).length;n++){var i=t[n],r=q(i)?i.name:i;null!=r&&null==e.get(r)&&e.set(r,n)}return e}function M_(t){var e=x_(t);return e.dimNameMap||(e.dimNameMap=S_(t.dimensionsDefine))}function I_(t){return t>30}var T_,C_,D_,A_,k_,L_,P_,O_=q,R_=E,N_="undefined"==typeof Int32Array?Array:Int32Array,z_=["hasItemOption","_nameList","_idList","_invertedIndicesMap","_dimSummary","userOutput","_rawData","_dimValueGetter","_nameDimIdx","_idDimIdx","_nameRepeatCount"],E_=["_approximateExtent"],B_=function(){function t(t,e){var n;this.type="list",this._dimOmitted=!1,this._nameList=[],this._idList=[],this._visual={},this._layout={},this._itemVisuals=[],this._itemLayouts=[],this._graphicEls=[],this._approximateExtent={},this._calculationInfo={},this.hasItemOption=!1,this.TRANSFERABLE_METHODS=["cloneShallow","downSample","minmaxDownSample","lttbDownSample","map"],this.CHANGABLE_METHODS=["filterSelf","selectRange"],this.DOWNSAMPLE_METHODS=["downSample","minmaxDownSample","lttbDownSample"];var i=!1;w_(t)?(n=t.dimensions,this._dimOmitted=t.isDimensionOmitted(),this._schema=t):(i=!0,n=t),n=n||["x","y"];for(var r={},o=[],a={},s=!1,l={},u=0;u<n.length;u++){var c=n[u],h=X(c)?new m_({name:c}):c instanceof m_?c:new m_(c),d=h.name;h.type=h.type||"float",h.coordDim||(h.coordDim=d,h.coordDimIndex=0);var p=h.otherDims=h.otherDims||{};o.push(d),r[d]=h,null!=l[d]&&(s=!0),h.createInvertedIndices&&(a[d]=[]);var f=u;j(h.storeDimIndex)&&(f=h.storeDimIndex),0===p.itemName&&(this._nameDimIdx=f),0===p.itemId&&(this._idDimIdx=f),i&&(h.storeDimIndex=u)}if(this.dimensions=o,this._dimInfos=r,this._initGetDimensionInfo(s),this.hostModel=e,this._invertedIndicesMap=a,this._dimOmitted){var g=this._dimIdxToName=yt();z(o,(function(t){g.set(r[t].storeDimIndex,t)}))}}return t.prototype.getDimension=function(t){var e=this._recognizeDimIndex(t);if(null==e)return t;if(e=t,!this._dimOmitted)return this.dimensions[e];var n=this._dimIdxToName.get(e);if(null!=n)return n;var i=this._schema.getSourceDimension(e);return i?i.name:void 0},t.prototype.getDimensionIndex=function(t){var e=this._recognizeDimIndex(t);if(null!=e)return e;if(null==t)return-1;var n=this._getDimInfo(t);return n?n.storeDimIndex:this._dimOmitted?this._schema.getSourceDimensionIndex(t):-1},t.prototype._recognizeDimIndex=function(t){if(j(t)||null!=t&&!isNaN(t)&&!this._getDimInfo(t)&&(!this._dimOmitted||this._schema.getSourceDimensionIndex(t)<0))return+t},t.prototype._getStoreDimIndex=function(t){var e=this.getDimensionIndex(t);return e},t.prototype.getDimensionInfo=function(t){return this._getDimInfo(this.getDimension(t))},t.prototype._initGetDimensionInfo=function(t){var e=this._dimInfos;this._getDimInfo=t?function(t){return e.hasOwnProperty(t)?e[t]:void 0}:function(t){return e[t]}},t.prototype.getDimensionsOnCoord=function(){return this._dimSummary.dataDimsOnCoord.slice()},t.prototype.mapDimension=function(t,e){var n=this._dimSummary;if(null==e)return n.encodeFirstDimNotExtra[t];var i=n.encode[t];return i?i[e]:null},t.prototype.mapDimensionsAll=function(t){return(this._dimSummary.encode[t]||[]).slice()},t.prototype.getStore=function(){return this._store},t.prototype.initData=function(t,e,n){var i,r=this;if(t instanceof vy&&(i=t),!i){var o=this.dimensions,a=_g(t)||N(t)?new Cg(t,o.length):t;i=new vy;var s=R_(o,(function(t){return{type:r._dimInfos[t].type,property:t}}));i.initData(a,s,n)}this._store=i,this._nameList=(e||[]).slice(),this._idList=[],this._nameRepeatCount={},this._doInit(0,i.count()),this._dimSummary=function(t,e){var n={},i=n.encode={},r=yt(),o=[],a=[],s={};z(t.dimensions,(function(e){var n,l=t.getDimensionInfo(e),u=l.coordDim;if(u){var c=l.coordDimIndex;y_(i,u)[c]=e,l.isExtraCoord||(r.set(u,1),"ordinal"!==(n=l.type)&&"time"!==n&&(o[0]=e),y_(s,u)[c]=t.getDimensionIndex(l.name)),l.defaultTooltip&&a.push(e)}cf.each((function(t,e){var n=y_(i,e),r=l.otherDims[e];null!=r&&!1!==r&&(n[r]=l.name)}))}));var l=[],u={};r.each((function(t,e){var n=i[e];u[e]=n[0],l=l.concat(n)})),n.dataDimsOnCoord=l,n.dataDimIndicesOnCoord=E(l,(function(e){return t.getDimensionInfo(e).storeDimIndex})),n.encodeFirstDimNotExtra=u;var c=i.label;c&&c.length&&(o=c.slice());var h=i.tooltip;return h&&h.length?a=h.slice():a.length||(a=o.slice()),i.defaultedLabel=o,i.defaultedTooltip=a,n.userOutput=new g_(s,e),n}(this,this._schema),this.userOutput=this._dimSummary.userOutput},t.prototype.appendData=function(t){var e=this._store.appendData(t);this._doInit(e[0],e[1])},t.prototype.appendValues=function(t,e){var n=this._store.appendValues(t,e&&e.length),i=n.start,r=n.end,o=this._shouldMakeIdFromName();if(this._updateOrdinalMeta(),e)for(var a=i;a<r;a++){var s=a-i;this._nameList[a]=e[s],o&&P_(this,a)}},t.prototype._updateOrdinalMeta=function(){for(var t=this._store,e=this.dimensions,n=0;n<e.length;n++){var i=this._dimInfos[e[n]];i.ordinalMeta&&t.collectOrdinalMeta(i.storeDimIndex,i.ordinalMeta)}},t.prototype._shouldMakeIdFromName=function(){var t=this._store.getProvider();return null==this._idDimIdx&&t.getSource().sourceFormat!==gf&&!t.fillStorage},t.prototype._doInit=function(t,e){if(!(t>=e)){var n=this._store.getProvider();this._updateOrdinalMeta();var i=this._nameList,r=this._idList;if(n.getSource().sourceFormat===hf&&!n.pure)for(var o=[],a=t;a<e;a++){var s=n.getItem(a,o);if(!this.hasItemOption&&Qo(s)&&(this.hasItemOption=!0),s){var l=s.name;null==i[a]&&null!=l&&(i[a]=ia(l,null));var u=s.id;null==r[a]&&null!=u&&(r[a]=ia(u,null))}}if(this._shouldMakeIdFromName())for(a=t;a<e;a++)P_(this,a);T_(this)}},t.prototype.getApproximateExtent=function(t){return this._approximateExtent[t]||this._store.getDataExtent(this._getStoreDimIndex(t))},t.prototype.setApproximateExtent=function(t,e){e=this.getDimension(e),this._approximateExtent[e]=t.slice()},t.prototype.getCalculationInfo=function(t){return this._calculationInfo[t]},t.prototype.setCalculationInfo=function(t,e){O_(t)?A(this._calculationInfo,t):this._calculationInfo[t]=e},t.prototype.getName=function(t){var e=this.getRawIndex(t),n=this._nameList[e];return null==n&&null!=this._nameDimIdx&&(n=D_(this,this._nameDimIdx,e)),null==n&&(n=""),n},t.prototype._getCategory=function(t,e){var n=this._store.get(t,e),i=this._store.getOrdinalMeta(t);return i?i.categories[n]:n},t.prototype.getId=function(t){return C_(this,this.getRawIndex(t))},t.prototype.count=function(){return this._store.count()},t.prototype.get=function(t,e){var n=this._store,i=this._dimInfos[t];if(i)return n.get(i.storeDimIndex,e)},t.prototype.getByRawIndex=function(t,e){var n=this._store,i=this._dimInfos[t];if(i)return n.getByRawIndex(i.storeDimIndex,e)},t.prototype.getIndices=function(){return this._store.getIndices()},t.prototype.getDataExtent=function(t){return this._store.getDataExtent(this._getStoreDimIndex(t))},t.prototype.getSum=function(t){return this._store.getSum(this._getStoreDimIndex(t))},t.prototype.getMedian=function(t){return this._store.getMedian(this._getStoreDimIndex(t))},t.prototype.getValues=function(t,e){var n=this,i=this._store;return U(t)?i.getValues(R_(t,(function(t){return n._getStoreDimIndex(t)})),e):i.getValues(t)},t.prototype.hasValue=function(t){for(var e=this._dimSummary.dataDimIndicesOnCoord,n=0,i=e.length;n<i;n++)if(isNaN(this._store.get(e[n],t)))return!1;return!0},t.prototype.indexOfName=function(t){for(var e=0,n=this._store.count();e<n;e++)if(this.getName(e)===t)return e;return-1},t.prototype.getRawIndex=function(t){return this._store.getRawIndex(t)},t.prototype.indexOfRawIndex=function(t){return this._store.indexOfRawIndex(t)},t.prototype.rawIndexOf=function(t,e){var n=t&&this._invertedIndicesMap[t];var i=n&&n[e];return null==i||isNaN(i)?-1:i},t.prototype.each=function(t,e,n){Y(t)&&(n=e,e=t,t=[]);var i=n||this,r=R_(A_(t),this._getStoreDimIndex,this);this._store.each(r,i?W(e,i):e)},t.prototype.filterSelf=function(t,e,n){Y(t)&&(n=e,e=t,t=[]);var i=n||this,r=R_(A_(t),this._getStoreDimIndex,this);return this._store=this._store.filter(r,i?W(e,i):e),this},t.prototype.selectRange=function(t){var e=this,n={};return z(F(t),(function(i){var r=e._getStoreDimIndex(i);n[r]=t[i]})),this._store=this._store.selectRange(n),this},t.prototype.mapArray=function(t,e,n){Y(t)&&(n=e,e=t,t=[]),n=n||this;var i=[];return this.each(t,(function(){i.push(e&&e.apply(this,arguments))}),n),i},t.prototype.map=function(t,e,n,i){var r=n||i||this,o=R_(A_(t),this._getStoreDimIndex,this),a=L_(this);return a._store=this._store.map(o,r?W(e,r):e),a},t.prototype.modify=function(t,e,n,i){var r=n||i||this;var o=R_(A_(t),this._getStoreDimIndex,this);this._store.modify(o,r?W(e,r):e)},t.prototype.downSample=function(t,e,n,i){var r=L_(this);return r._store=this._store.downSample(this._getStoreDimIndex(t),e,n,i),r},t.prototype.minmaxDownSample=function(t,e){var n=L_(this);return n._store=this._store.minmaxDownSample(this._getStoreDimIndex(t),e),n},t.prototype.lttbDownSample=function(t,e){var n=L_(this);return n._store=this._store.lttbDownSample(this._getStoreDimIndex(t),e),n},t.prototype.getRawDataItem=function(t){return this._store.getRawDataItem(t)},t.prototype.getItemModel=function(t){var e=this.hostModel,n=this.getRawDataItem(t);return new wd(n,e,e&&e.ecModel)},t.prototype.diff=function(t){var e=this;return new f_(t?t.getStore().getIndices():[],this.getStore().getIndices(),(function(e){return C_(t,e)}),(function(t){return C_(e,t)}))},t.prototype.getVisual=function(t){var e=this._visual;return e&&e[t]},t.prototype.setVisual=function(t,e){this._visual=this._visual||{},O_(t)?A(this._visual,t):this._visual[t]=e},t.prototype.getItemVisual=function(t,e){var n=this._itemVisuals[t],i=n&&n[e];return null==i?this.getVisual(e):i},t.prototype.hasItemVisual=function(){return this._itemVisuals.length>0},t.prototype.ensureUniqueItemVisual=function(t,e){var n=this._itemVisuals,i=n[t];i||(i=n[t]={});var r=i[e];return null==r&&(U(r=this.getVisual(e))?r=r.slice():O_(r)&&(r=A({},r)),i[e]=r),r},t.prototype.setItemVisual=function(t,e,n){var i=this._itemVisuals[t]||{};this._itemVisuals[t]=i,O_(e)?A(i,e):i[e]=n},t.prototype.clearAllVisual=function(){this._visual={},this._itemVisuals=[]},t.prototype.setLayout=function(t,e){O_(t)?A(this._layout,t):this._layout[t]=e},t.prototype.getLayout=function(t){return this._layout[t]},t.prototype.getItemLayout=function(t){return this._itemLayouts[t]},t.prototype.setItemLayout=function(t,e,n){this._itemLayouts[t]=n?A(this._itemLayouts[t]||{},e):e},t.prototype.clearItemLayouts=function(){this._itemLayouts.length=0},t.prototype.setItemGraphicEl=function(t,e){var n=this.hostModel&&this.hostModel.seriesIndex;El(n,this.dataType,t,e),this._graphicEls[t]=e},t.prototype.getItemGraphicEl=function(t){return this._graphicEls[t]},t.prototype.eachItemGraphicEl=function(t,e){z(this._graphicEls,(function(n,i){n&&t&&t.call(e,n,i)}))},t.prototype.cloneShallow=function(e){return e||(e=new t(this._schema?this._schema:R_(this.dimensions,this._getDimInfo,this),this.hostModel)),k_(e,this),e._store=this._store,e},t.prototype.wrapMethod=function(t,e){var n=this[t];Y(n)&&(this.__wrappedMethods=this.__wrappedMethods||[],this.__wrappedMethods.push(t),this[t]=function(){var t=n.apply(this,arguments);return e.apply(this,[t].concat(at(arguments)))})},t.internalField=(T_=function(t){var e=t._invertedIndicesMap;z(e,(function(n,i){var r=t._dimInfos[i],o=r.ordinalMeta,a=t._store;if(o){n=e[i]=new N_(o.categories.length);for(var s=0;s<n.length;s++)n[s]=-1;for(s=0;s<a.count();s++)n[a.get(r.storeDimIndex,s)]=s}}))},D_=function(t,e,n){return ia(t._getCategory(e,n),null)},C_=function(t,e){var n=t._idList[e];return null==n&&null!=t._idDimIdx&&(n=D_(t,t._idDimIdx,e)),null==n&&(n="e\0\0"+e),n},A_=function(t){return U(t)||(t=null!=t?[t]:[]),t},L_=function(e){var n=new t(e._schema?e._schema:R_(e.dimensions,e._getDimInfo,e),e.hostModel);return k_(n,e),n},k_=function(t,e){z(z_.concat(e.__wrappedMethods||[]),(function(n){e.hasOwnProperty(n)&&(t[n]=e[n])})),t.__wrappedMethods=e.__wrappedMethods,z(E_,(function(n){t[n]=T(e[n])})),t._calculationInfo=A({},e._calculationInfo)},void(P_=function(t,e){var n=t._nameList,i=t._idList,r=t._nameDimIdx,o=t._idDimIdx,a=n[e],s=i[e];if(null==a&&null!=r&&(n[e]=a=D_(t,r,e)),null==s&&null!=o&&(i[e]=s=D_(t,o,e)),null==s&&null!=a){var l=t._nameRepeatCount,u=l[a]=(l[a]||0)+1;s=a,u>1&&(s+="__ec__"+u),i[e]=s}})),t}();function V_(t,e){_g(t)||(t=wg(t));var n=(e=e||{}).coordDimensions||[],i=e.dimensionsDefine||t.dimensionsDefine||[],r=yt(),o=[],a=function(t,e,n,i){var r=Math.max(t.dimensionsDetectedCount||1,e.length,n.length,i||0);return z(e,(function(t){var e;q(t)&&(e=t.dimsDef)&&(r=Math.max(r,e.length))})),r}(t,n,i,e.dimensionsCount),s=e.canOmitUnusedDimensions&&I_(a),l=i===t.dimensionsDefine,u=l?M_(t):S_(i),c=e.encodeDefine;!c&&e.encodeDefaulter&&(c=e.encodeDefaulter(t,a));for(var h=yt(c),d=new dy(a),p=0;p<d.length;p++)d[p]=-1;function f(t){var e=d[t];if(e<0){var n=i[t],r=q(n)?n:{name:n},a=new m_,s=r.name;null!=s&&null!=u.get(s)&&(a.name=a.displayName=s),null!=r.type&&(a.type=r.type),null!=r.displayName&&(a.displayName=r.displayName);var l=o.length;return d[t]=l,a.storeDimIndex=t,o.push(a),a}return o[e]}if(!s)for(p=0;p<a;p++)f(p);h.each((function(t,e){var n=qo(t).slice();if(1===n.length&&!X(n[0])&&n[0]<0)h.set(e,!1);else{var i=h.set(e,[]);z(n,(function(t,n){var r=X(t)?u.get(t):t;null!=r&&r<a&&(i[n]=r,y(f(r),e,n))}))}}));var g=0;function y(t,e,n){null!=cf.get(e)?t.otherDims[e]=n:(t.coordDim=e,t.coordDimIndex=n,r.set(e,!0))}z(n,(function(t){var e,n,i,r;if(X(t))e=t,r={};else{e=(r=t).name;var o=r.ordinalMeta;r.ordinalMeta=null,(r=A({},r)).ordinalMeta=o,n=r.dimsDef,i=r.otherDims,r.name=r.coordDim=r.coordDimIndex=r.dimsDef=r.otherDims=null}var s=h.get(e);if(!1!==s){if(!(s=qo(s)).length)for(var u=0;u<(n&&n.length||1);u++){for(;g<a&&null!=f(g).coordDim;)g++;g<a&&s.push(g++)}z(s,(function(t,o){var a=f(t);if(l&&null!=r.type&&(a.type=r.type),y(k(a,r),e,o),null==a.name&&n){var s=n[o];!q(s)&&(s={name:s}),a.name=a.displayName=s.name,a.defaultTooltip=s.defaultTooltip}i&&k(a.otherDims,i)}))}}));var v=e.generateCoord,m=e.generateCoordCount,x=null!=m;m=v?m||1:0;var _=v||"value";function b(t){null==t.name&&(t.name=t.coordDim)}if(s)z(o,(function(t){b(t)})),o.sort((function(t,e){return t.storeDimIndex-e.storeDimIndex}));else for(var w=0;w<a;w++){var S=f(w);null==S.coordDim&&(S.coordDim=G_(_,r,x),S.coordDimIndex=0,(!v||m<=0)&&(S.isExtraCoord=!0),m--),b(S),null!=S.type||Tf(t,w)!==xf&&(!S.isExtraCoord||null==S.otherDims.itemName&&null==S.otherDims.seriesName)||(S.type="ordinal")}return function(t){for(var e=yt(),n=0;n<t.length;n++){var i=t[n],r=i.name,o=e.get(r)||0;o>0&&(i.name=r+(o-1)),o++,e.set(r,o)}}(o),new b_({source:t,dimensions:o,fullDimensionCount:a,dimensionOmitted:s})}function G_(t,e,n){if(n||e.hasKey(t)){for(var i=0;e.hasKey(t+i);)i++;t+=i}return e.set(t,!0),t}var F_=function(t){this.coordSysDims=[],this.axisMap=yt(),this.categoryAxisMap=yt(),this.coordSysName=t};var W_={cartesian2d:function(t,e,n,i){var r=t.getReferringComponents("xAxis",ha).models[0],o=t.getReferringComponents("yAxis",ha).models[0];e.coordSysDims=["x","y"],n.set("x",r),n.set("y",o),H_(r)&&(i.set("x",r),e.firstCategoryDimIndex=0),H_(o)&&(i.set("y",o),null==e.firstCategoryDimIndex&&(e.firstCategoryDimIndex=1))},singleAxis:function(t,e,n,i){var r=t.getReferringComponents("singleAxis",ha).models[0];e.coordSysDims=["single"],n.set("single",r),H_(r)&&(i.set("single",r),e.firstCategoryDimIndex=0)},polar:function(t,e,n,i){var r=t.getReferringComponents("polar",ha).models[0],o=r.findAxisModel("radiusAxis"),a=r.findAxisModel("angleAxis");e.coordSysDims=["radius","angle"],n.set("radius",o),n.set("angle",a),H_(o)&&(i.set("radius",o),e.firstCategoryDimIndex=0),H_(a)&&(i.set("angle",a),null==e.firstCategoryDimIndex&&(e.firstCategoryDimIndex=1))},geo:function(t,e,n,i){e.coordSysDims=["lng","lat"]},parallel:function(t,e,n,i){var r=t.ecModel,o=r.getComponent("parallel",t.get("parallelIndex")),a=e.coordSysDims=o.dimensions.slice();z(o.parallelAxisIndex,(function(t,o){var s=r.getComponent("parallelAxis",t),l=a[o];n.set(l,s),H_(s)&&(i.set(l,s),null==e.firstCategoryDimIndex&&(e.firstCategoryDimIndex=o))}))},matrix:function(t,e,n,i){var r=t.getReferringComponents("matrix",ha).models[0];e.coordSysDims=["x","y"];var o=r.getDimensionModel("x"),a=r.getDimensionModel("y");n.set("x",o),n.set("y",a),i.set("x",o),i.set("y",a)}};function H_(t){return"category"===t.get("type")}function U_(t,e,n){var i,r,o,a=(n=n||{}).byIndex,s=n.stackedCoordDimension;!function(t){return!w_(t.schema)}(e)?(r=e.schema,i=r.dimensions,o=e.store):i=e;var l,u,c,h,d=!(!t||!t.get("stack"));if(z(i,(function(t,e){X(t)&&(i[e]=t={name:t}),d&&!t.isExtraCoord&&(a||l||!t.ordinalMeta||(l=t),u||"ordinal"===t.type||"time"===t.type||s&&s!==t.coordDim||(u=t))})),!u||a||l||(a=!0),u){c="__\0ecstackresult_"+t.id,h="__\0ecstackedover_"+t.id,l&&(l.createInvertedIndices=!0);var p=u.coordDim,f=u.type,g=0;z(i,(function(t){t.coordDim===p&&g++}));var y={name:c,coordDim:p,coordDimIndex:g,type:f,isExtraCoord:!0,isCalculationCoord:!0,storeDimIndex:i.length},v={name:h,coordDim:h,coordDimIndex:g+1,type:f,isExtraCoord:!0,isCalculationCoord:!0,storeDimIndex:i.length+1};r?(o&&(y.storeDimIndex=o.ensureCalculationDimension(h,f),v.storeDimIndex=o.ensureCalculationDimension(c,f)),r.appendCalculationDimension(y),r.appendCalculationDimension(v)):(i.push(y),i.push(v))}return{stackedDimension:u&&u.name,stackedByDimension:l&&l.name,isStackedByIndex:a,stackedOverDimension:h,stackResultDimension:c}}function Y_(t,e){return!!e&&e===t.getCalculationInfo("stackedDimension")}function X_(t,e){return Y_(t,e)?t.getCalculationInfo("stackResultDimension"):e}function Z_(t,e,n){n=n||{};var i,r=e.getSourceManager(),o=!1;t?(o=!0,i=wg(t)):o=(i=r.getSource()).sourceFormat===hf;var a=function(t){var e=t.get("coordinateSystem"),n=new F_(e),i=W_[e];if(i)return i(t,n,n.axisMap,n.categoryAxisMap),n}(e),s=function(t,e){var n,i=t.get("coordinateSystem"),r=Tp.get(i);return e&&e.coordSysDims&&(n=E(e.coordSysDims,(function(t){var n={name:t},i=e.axisMap.get(t);if(i){var r=i.get("type");n.type=v_(r)}return n}))),n||(n=r&&(r.getDimensionsInfo?r.getDimensionsInfo():r.dimensions.slice())||["x","y"]),n}(e,a),l=n.useEncodeDefaulter,u=Y(l)?l:l?H(Sf,s,e):null,c=V_(i,{coordDimensions:s,generateCoord:n.generateCoord,encodeDefine:e.getEncode(),encodeDefaulter:u,canOmitUnusedDimensions:!o}),h=function(t,e,n){var i,r;return n&&z(t,(function(t,o){var a=t.coordDim,s=n.categoryAxisMap.get(a);s&&(null==i&&(i=o),t.ordinalMeta=s.getOrdinalMeta(),e&&(t.createInvertedIndices=!0)),null!=t.otherDims.itemName&&(r=!0)})),r||null==i||(t[i].otherDims.itemName=0),i}(c.dimensions,n.createInvertedIndices,a),d=o?null:r.getSharedDataStore(c),p=U_(e,{schema:c,store:d}),f=new B_(c,e);f.setCalculationInfo(p);var g=null!=h&&function(t){if(t.sourceFormat===hf){var e=function(t){var e=0;for(;e<t.length&&null==t[e];)e++;return t[e]}(t.data||[]);return!U(Jo(e))}}(i)?function(t,e,n,i){return i===h?n:this.defaultDimValueGetter(t,e,n,i)}:null;return f.hasItemOption=!1,f.initData(o?i:d,null,g),f}function j_(t){return"interval"===t.type||"log"===t.type}function q_(t,e,n,i,r){var o={},a=o.interval=Po(e/n,!0);null!=i&&a<i&&(a=o.interval=i),null!=r&&a>r&&(a=o.interval=r);var s=o.intervalPrecision=$_(a);return function(t,e){!isFinite(t[0])&&(t[0]=e[0]),!isFinite(t[1])&&(t[1]=e[1]),J_(t,0,e),J_(t,1,e),t[0]>t[1]&&(t[0]=t[1])}(o.niceTickExtent=[mo(Math.ceil(t[0]/a)*a,s),mo(Math.floor(t[1]/a)*a,s)],t),o}function K_(t){var e=Math.pow(10,Lo(t)),n=t/e;return n?2===n?n=3:3===n?n=5:n*=2:n=1,mo(n*e)}function $_(t){return _o(t)+2}function J_(t,e,n){t[e]=Math.max(Math.min(t[e],n[1]),n[0])}function Q_(t,e){return t>=e[0]&&t<=e[1]}var tb=function(){function t(){this.normalize=eb,this.scale=nb}return t.prototype.updateMethods=function(t){t.hasBreaks()?(this.normalize=W(t.normalize,t),this.scale=W(t.scale,t)):(this.normalize=eb,this.scale=nb)},t}();function eb(t,e){return e[1]===e[0]?.5:(t-e[0])/(e[1]-e[0])}function nb(t,e){return t*(e[1]-e[0])+e[0]}function ib(t,e,n){var i=Math.log(t);return[Math.log(n?e[0]:Math.max(0,e[0]))/i,Math.log(n?e[1]:Math.max(0,e[1]))/i]}var rb=function(){function t(t){this._calculator=new tb,this._setting=t||{},this._extent=[1/0,-1/0];var e=Nd();e&&(this._brkCtx=e.createScaleBreakContext(),this._brkCtx.update(this._extent))}return t.prototype.getSetting=function(t){return this._setting[t]},t.prototype._innerUnionExtent=function(t){var e=this._extent;this._innerSetExtent(t[0]<e[0]?t[0]:e[0],t[1]>e[1]?t[1]:e[1])},t.prototype.unionExtentFromData=function(t,e){this._innerUnionExtent(t.getApproximateExtent(e))},t.prototype.getExtent=function(){return this._extent.slice()},t.prototype.setExtent=function(t,e){this._innerSetExtent(t,e)},t.prototype._innerSetExtent=function(t,e){var n=this._extent;isNaN(t)||(n[0]=t),isNaN(e)||(n[1]=e),this._brkCtx&&this._brkCtx.update(n)},t.prototype.setBreaksFromOption=function(t){var e=Nd();e&&this._innerSetBreak(e.parseAxisBreakOption(t,W(this.parse,this)))},t.prototype._innerSetBreak=function(t){this._brkCtx&&(this._brkCtx.setBreaks(t),this._calculator.updateMethods(this._brkCtx),this._brkCtx.update(this._extent))},t.prototype._innerGetBreaks=function(){return this._brkCtx?this._brkCtx.breaks:[]},t.prototype.hasBreaks=function(){return!!this._brkCtx&&this._brkCtx.hasBreaks()},t.prototype._getExtentSpanWithBreaks=function(){return this._brkCtx&&this._brkCtx.hasBreaks()?this._brkCtx.getExtentSpan():this._extent[1]-this._extent[0]},t.prototype.isInExtentRange=function(t){return this._extent[0]<=t&&this._extent[1]>=t},t.prototype.isBlank=function(){return this._isBlank},t.prototype.setBlank=function(t){this._isBlank=t},t}();Ca(rb);var ob=0,ab=function(){function t(t){this.categories=t.categories||[],this._needCollect=t.needCollect,this._deduplication=t.deduplication,this.uid=++ob,this._onCollect=t.onCollect}return t.createByAxisModel=function(e){var n=e.option,i=n.data,r=i&&E(i,sb);return new t({categories:r,needCollect:!r,deduplication:!1!==n.dedplication})},t.prototype.getOrdinal=function(t){return this._getOrCreateMap().get(t)},t.prototype.parseAndCollect=function(t){var e,n=this._needCollect;if(!X(t)&&!n)return t;if(n&&!this._deduplication)return e=this.categories.length,this.categories[e]=t,this._onCollect&&this._onCollect(t,e),e;var i=this._getOrCreateMap();return null==(e=i.get(t))&&(n?(e=this.categories.length,this.categories[e]=t,i.set(t,e),this._onCollect&&this._onCollect(t,e)):e=NaN),e},t.prototype._getOrCreateMap=function(){return this._map||(this._map=yt(this.categories))},t}();function sb(t){return q(t)&&null!=t.value?t.value:t+""}var lb=function(t){function e(e){var n=t.call(this,e)||this;n.type="ordinal";var i=n.getSetting("ordinalMeta");return i||(i=new ab({})),U(i)&&(i=new ab({categories:E(i,(function(t){return q(t)?t.value:t}))})),n._ordinalMeta=i,n._extent=n.getSetting("extent")||[0,i.categories.length-1],n}return n(e,t),e.prototype.parse=function(t){return null==t?NaN:X(t)?this._ordinalMeta.getOrdinal(t):Math.round(t)},e.prototype.contain=function(t){return Q_(t,this._extent)&&t>=0&&t<this._ordinalMeta.categories.length},e.prototype.normalize=function(t){return t=this._getTickNumber(t),this._calculator.normalize(t,this._extent)},e.prototype.scale=function(t){return t=Math.round(this._calculator.scale(t,this._extent)),this.getRawOrdinalNumber(t)},e.prototype.getTicks=function(){for(var t=[],e=this._extent,n=e[0];n<=e[1];)t.push({value:n}),n++;return t},e.prototype.getMinorTicks=function(t){},e.prototype.setSortInfo=function(t){if(null!=t){for(var e=t.ordinalNumbers,n=this._ordinalNumbersByTick=[],i=this._ticksByOrdinalNumber=[],r=0,o=this._ordinalMeta.categories.length,a=Math.min(o,e.length);r<a;++r){var s=e[r];n[r]=s,i[s]=r}for(var l=0;r<o;++r){for(;null!=i[l];)l++;n.push(l),i[l]=r}}else this._ordinalNumbersByTick=this._ticksByOrdinalNumber=null},e.prototype._getTickNumber=function(t){var e=this._ticksByOrdinalNumber;return e&&t>=0&&t<e.length?e[t]:t},e.prototype.getRawOrdinalNumber=function(t){var e=this._ordinalNumbersByTick;return e&&t>=0&&t<e.length?e[t]:t},e.prototype.getLabel=function(t){if(!this.isBlank()){var e=this.getRawOrdinalNumber(t.value),n=this._ordinalMeta.categories[e];return null==n?"":n+""}},e.prototype.count=function(){return this._extent[1]-this._extent[0]+1},e.prototype.isInExtentRange=function(t){return t=this._getTickNumber(t),this._extent[0]<=t&&this._extent[1]>=t},e.prototype.getOrdinalMeta=function(){return this._ordinalMeta},e.prototype.calcNiceTicks=function(){},e.prototype.calcNiceExtent=function(){},e.type="ordinal",e}(rb);rb.registerClass(lb);var ub=mo,cb=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="interval",e._interval=0,e._intervalPrecision=2,e}return n(e,t),e.prototype.parse=function(t){return null==t||""===t?NaN:Number(t)},e.prototype.contain=function(t){return Q_(t,this._extent)},e.prototype.normalize=function(t){return this._calculator.normalize(t,this._extent)},e.prototype.scale=function(t){return this._calculator.scale(t,this._extent)},e.prototype.getInterval=function(){return this._interval},e.prototype.setInterval=function(t){this._interval=t,this._niceExtent=this._extent.slice(),this._intervalPrecision=$_(t)},e.prototype.getTicks=function(t){t=t||{};var e=this._interval,n=this._extent,i=this._niceExtent,r=this._intervalPrecision,o=Nd(),a=[];if(!e)return a;if("only_break"===t.breakTicks&&o)return o.addBreaksToTicks(a,this._brkCtx.breaks,this._extent),a;n[0]<i[0]&&(t.expandToNicedExtent?a.push({value:ub(i[0]-e,r)}):a.push({value:n[0]}));for(var s=function(t,n){return Math.round((n-t)/e)},l=i[0];l<=i[1];){if(a.push({value:l}),l=ub(l+e,r),this._brkCtx){var u=this._brkCtx.calcNiceTickMultiple(l,s);u>=0&&(l=ub(l+u*e,r))}if(a.length>0&&l===a[a.length-1].value)break;if(a.length>1e4)return[]}var c=a.length?a[a.length-1].value:i[1];return n[1]>c&&(t.expandToNicedExtent?a.push({value:ub(c+e,r)}):a.push({value:n[1]})),o&&o.pruneTicksByBreak(t.pruneByBreak,a,this._brkCtx.breaks,(function(t){return t.value}),this._interval,this._extent),"none"!==t.breakTicks&&o&&o.addBreaksToTicks(a,this._brkCtx.breaks,this._extent),a},e.prototype.getMinorTicks=function(t){for(var e=this.getTicks({expandToNicedExtent:!0}),n=[],i=this.getExtent(),r=1;r<e.length;r++){var o=e[r],a=e[r-1];if(!a.break&&!o.break){for(var s=0,l=[],u=(o.value-a.value)/t,c=$_(u);s<t-1;){var h=ub(a.value+(s+1)*u,c);h>i[0]&&h<i[1]&&l.push(h),s++}var d=Nd();d&&d.pruneTicksByBreak("auto",l,this._getNonTransBreaks(),(function(t){return t}),this._interval,i),n.push(l)}}return n},e.prototype._getNonTransBreaks=function(){return this._brkCtx?this._brkCtx.breaks:[]},e.prototype.getLabel=function(t,e){if(null==t)return"";var n=e&&e.precision;return null==n?n=_o(t.value)||0:"auto"===n&&(n=this._intervalPrecision),fp(ub(t.value,n,!0))},e.prototype.calcNiceTicks=function(t,e,n){t=t||5;var i=this._extent.slice(),r=this._getExtentSpanWithBreaks();if(isFinite(r)){r<0&&(r=-r,i.reverse(),this._innerSetExtent(i[0],i[1]),i=this._extent.slice());var o=q_(i,r,t,e,n);this._intervalPrecision=o.intervalPrecision,this._interval=o.interval,this._niceExtent=o.niceTickExtent}},e.prototype.calcNiceExtent=function(t){var e=this._extent.slice();if(e[0]===e[1])if(0!==e[0]){var n=Math.abs(e[0]);t.fixMax||(e[1]+=n/2),e[0]-=n/2}else e[1]=1;var i=e[1]-e[0];isFinite(i)||(e[0]=0,e[1]=1),this._innerSetExtent(e[0],e[1]),e=this._extent.slice(),this.calcNiceTicks(t.splitNumber,t.minInterval,t.maxInterval);var r=this._interval,o=this._intervalPrecision;t.fixMin||(e[0]=ub(Math.floor(e[0]/r)*r,o)),t.fixMax||(e[1]=ub(Math.ceil(e[1]/r)*r,o)),this._innerSetExtent(e[0],e[1])},e.prototype.setNiceExtent=function(t,e){this._niceExtent=[t,e]},e.type="interval",e}(rb);rb.registerClass(cb);var hb="undefined"!=typeof Float32Array,db=hb?Float32Array:Array;function pb(t){return U(t)?hb?new Float32Array(t):t:new db(t)}var fb="__ec_stack_";function gb(t){return t.get("stack")||fb+t.seriesIndex}function yb(t){return t.dim+t.index}function vb(t,e){var n=[];return e.eachSeriesByType(t,(function(t){wb(t)&&n.push(t)})),n}function mb(t){var e=function(t){var e={};z(t,(function(t){var n=t.coordinateSystem.getBaseAxis();if("time"===n.type||"value"===n.type)for(var i=t.getData(),r=n.dim+"_"+n.index,o=i.getDimensionIndex(i.mapDimension(n.dim)),a=i.getStore(),s=0,l=a.count();s<l;++s){var u=a.get(o,s);e[r]?e[r].push(u):e[r]=[u]}}));var n={};for(var i in e)if(e.hasOwnProperty(i)){var r=e[i];if(r){r.sort((function(t,e){return t-e}));for(var o=null,a=1;a<r.length;++a){var s=r[a]-r[a-1];s>0&&(o=null===o?s:Math.min(o,s))}n[i]=o}}return n}(t),n=[];return z(t,(function(t){var i,r=t.coordinateSystem.getBaseAxis(),o=r.getExtent();if("category"===r.type)i=r.getBandWidth();else if("value"===r.type||"time"===r.type){var a=r.dim+"_"+r.index,s=e[a],l=Math.abs(o[1]-o[0]),u=r.scale.getExtent(),c=Math.abs(u[1]-u[0]);i=s?l/c*s:l}else{var h=t.getData();i=Math.abs(o[1]-o[0])/h.count()}var d=yo(t.get("barWidth"),i),p=yo(t.get("barMaxWidth"),i),f=yo(t.get("barMinWidth")||(Sb(t)?.5:1),i),g=t.get("barGap"),y=t.get("barCategoryGap"),v=t.get("defaultBarGap");n.push({bandWidth:i,barWidth:d,barMaxWidth:p,barMinWidth:f,barGap:g,barCategoryGap:y,defaultBarGap:v,axisKey:yb(r),stackId:gb(t)})})),xb(n)}function xb(t){var e={};z(t,(function(t,n){var i=t.axisKey,r=t.bandWidth,o=e[i]||{bandWidth:r,remainedWidth:r,autoWidthCount:0,categoryGap:null,gap:t.defaultBarGap||0,stacks:{}},a=o.stacks;e[i]=o;var s=t.stackId;a[s]||o.autoWidthCount++,a[s]=a[s]||{width:0,maxWidth:0};var l=t.barWidth;l&&!a[s].width&&(a[s].width=l,l=Math.min(o.remainedWidth,l),o.remainedWidth-=l);var u=t.barMaxWidth;u&&(a[s].maxWidth=u);var c=t.barMinWidth;c&&(a[s].minWidth=c);var h=t.barGap;null!=h&&(o.gap=h);var d=t.barCategoryGap;null!=d&&(o.categoryGap=d)}));var n={};return z(e,(function(t,e){n[e]={};var i=t.stacks,r=t.bandWidth,o=t.categoryGap;if(null==o){var a=F(i).length;o=Math.max(35-4*a,15)+"%"}var s=yo(o,r),l=yo(t.gap,1),u=t.remainedWidth,c=t.autoWidthCount,h=(u-s)/(c+(c-1)*l);h=Math.max(h,0),z(i,(function(t){var e=t.maxWidth,n=t.minWidth;if(t.width){i=t.width;e&&(i=Math.min(i,e)),n&&(i=Math.max(i,n)),t.width=i,u-=i+l*i,c--}else{var i=h;e&&e<i&&(i=Math.min(e,u)),n&&n>i&&(i=n),i!==h&&(t.width=i,u-=i+l*i,c--)}})),h=(u-s)/(c+(c-1)*l),h=Math.max(h,0);var d,p=0;z(i,(function(t,e){t.width||(t.width=h),d=t,p+=t.width*(1+l)})),d&&(p-=d.width*l);var f=-p/2;z(i,(function(t,i){n[e][i]=n[e][i]||{bandWidth:r,offset:f,width:t.width},f+=t.width*(1+l)}))})),n}function _b(t,e){var n=vb(t,e),i=mb(n);z(n,(function(t){var e=t.getData(),n=t.coordinateSystem.getBaseAxis(),r=gb(t),o=i[yb(n)][r],a=o.offset,s=o.width;e.setLayout({bandWidth:o.bandWidth,offset:a,size:s})}))}function bb(t){return{seriesType:t,plan:$y(),reset:function(t){if(wb(t)){var e=t.getData(),n=t.coordinateSystem,i=n.getBaseAxis(),r=n.getOtherAxis(i),o=e.getDimensionIndex(e.mapDimension(r.dim)),a=e.getDimensionIndex(e.mapDimension(i.dim)),s=t.get("showBackground",!0),l=e.mapDimension(r.dim),u=e.getCalculationInfo("stackResultDimension"),c=Y_(e,l)&&!!e.getCalculationInfo("stackedOnSeries"),h=r.isHorizontal(),d=function(t,e){var n=e.model.get("startValue");n||(n=0);return e.toGlobalCoord(e.dataToCoord("log"===e.type?n>0?n:1:n))}(0,r),p=Sb(t),f=t.get("barMinHeight")||0,g=u&&e.getDimensionIndex(u),y=e.getLayout("size"),v=e.getLayout("offset");return{progress:function(t,e){for(var i,r=t.count,l=p&&pb(3*r),u=p&&s&&pb(3*r),m=p&&pb(r),x=n.master.getRect(),_=h?x.width:x.height,b=e.getStore(),w=0;null!=(i=t.next());){var S=b.get(c?g:o,i),M=b.get(a,i),I=d,T=void 0;c&&(T=+S-b.get(o,i));var C=void 0,D=void 0,A=void 0,k=void 0;if(h){var L=n.dataToPoint([S,M]);if(c)I=n.dataToPoint([T,M])[0];C=I,D=L[1]+v,A=L[0]-I,k=y,Math.abs(A)<f&&(A=(A<0?-1:1)*f)}else{L=n.dataToPoint([M,S]);if(c)I=n.dataToPoint([M,T])[1];C=L[0]+v,D=I,A=y,k=L[1]-I,Math.abs(k)<f&&(k=(k<=0?-1:1)*f)}p?(l[w]=C,l[w+1]=D,l[w+2]=h?A:k,u&&(u[w]=h?x.x:C,u[w+1]=h?D:x.y,u[w+2]=_),m[i]=i):e.setItemLayout(i,{x:C,y:D,width:A,height:k}),w+=3}p&&e.setLayout({largePoints:l,largeDataIndices:m,largeBackgroundPoints:u,valueAxisHorizontal:h})}}}}}}function wb(t){return t.coordinateSystem&&"cartesian2d"===t.coordinateSystem.type}function Sb(t){return t.pipelineContext&&t.pipelineContext.large}var Mb=function(t){function e(e){var n=t.call(this,e)||this;return n.type="time",n}return n(e,t),e.prototype.getLabel=function(t){var e=this.getSetting("useUTC");return $d(t.value,Ud[function(t){switch(t){case"year":case"month":return"day";case"millisecond":return"millisecond";default:return"second"}}(qd(this._minLevelUnit))]||Ud.second,e,this.getSetting("locale"))},e.prototype.getFormattedLabel=function(t,e,n){var i=this.getSetting("useUTC");return function(t,e,n,i,r){var o=null;if(X(n))o=n;else if(Y(n)){var a={time:t.time,level:t.time.level},s=Nd();s&&s.makeAxisLabelFormatterParamBreak(a,t.break),o=n(t.value,e,a)}else{var l=t.time;if(l){var u=n[l.lowerTimeUnit][l.upperTimeUnit];o=u[Math.min(l.level,u.length-1)]||""}else{var c=Jd(t.value,r);o=n[c][c][0]}}return $d(new Date(t.value),o,r,i)}(t,e,n,this.getSetting("locale"),i)},e.prototype.getTicks=function(t){t=t||{};var e=this._interval,n=this._extent,i=Nd(),r=[];if(!e)return r;var o=this.getSetting("useUTC");if(i&&"only_break"===t.breakTicks)return Nd().addBreaksToTicks(r,this._brkCtx.breaks,this._extent),r;var a=Jd(n[1],o);r.push({value:n[0],time:{level:0,upperTimeUnit:a,lowerTimeUnit:a}});var s=function(t,e,n,i,r,o){var a=1e4,s=Xd,l=0;function u(t,e,n,r,s,u,c){for(var h=function(t,e){var n=new Date(0);n[t](1);var i=n.getTime();n[t](1+e);var r=n.getTime()-i;return function(t,e){return Math.max(0,Math.round((e-t)/r))}}(s,t),d=e,p=new Date(d);d<n&&d<=i[1];){if(c.push({value:d}),l++>a){0;break}if(p[s](p[r]()+t),d=p.getTime(),o){var f=o.calcNiceTickMultiple(d,h);f>0&&(p[s](p[r]()+f*t),d=p.getTime())}}c.push({value:d,notAdd:!0})}function c(t,r,o){var a=[],s=!r.length;if(!Tb(qd(t),i[0],i[1],n)){s&&(r=[{value:Pb(i[0],t,n)},{value:i[1]}]);for(var l=0;l<r.length-1;l++){var c=r[l].value,h=r[l+1].value;if(c!==h){var d=void 0,p=void 0,f=void 0,g=!1;switch(t){case"year":d=Math.max(1,Math.round(e/Vd/365)),p=tp(n),f=sp(n);break;case"half-year":case"quarter":case"month":d=Db(e),p=ep(n),f=lp(n);break;case"week":case"half-week":case"day":d=Cb(e),p=np(n),f=up(n),g=!0;break;case"half-day":case"quarter-day":case"hour":d=Ab(e),p=ip(n),f=cp(n);break;case"minute":d=kb(e,!0),p=rp(n),f=hp(n);break;case"second":d=kb(e,!1),p=op(n),f=dp(n);break;case"millisecond":d=Lb(e),p=ap(n),f=pp(n)}h>=i[0]&&c<=i[1]&&u(d,c,h,p,f,g,a),"year"===t&&o.length>1&&0===l&&o.unshift({value:o[0].value-d})}}for(l=0;l<a.length;l++)o.push(a[l])}}for(var h=[],d=[],p=0,f=0,g=0;g<s.length;++g){var y=qd(s[g]);if(Kd(s[g]))if(c(s[g],h[h.length-1]||[],d),y!==(s[g+1]?qd(s[g+1]):null)){if(d.length){f=p,d.sort((function(t,e){return t.value-e.value}));for(var v=[],m=0;m<d.length;++m){var x=d[m].value;0!==m&&d[m-1].value===x||(v.push(d[m]),x>=i[0]&&x<=i[1]&&p++)}var _=r/e;if(p>1.5*_&&f>_/1.5)break;if(h.push(v),p>_||t===s[g])break}d=[]}}var b=V(E(h,(function(t){return V(t,(function(t){return t.value>=i[0]&&t.value<=i[1]&&!t.notAdd}))})),(function(t){return t.length>0})),w=[],S=b.length-1;for(g=0;g<b.length;++g)for(var M=b[g],I=0;I<M.length;++I){var T=Jd(M[I].value,n);w.push({value:M[I].value,time:{level:S-g,upperTimeUnit:T,lowerTimeUnit:T}})}w.sort((function(t,e){return t.value-e.value}));var C=[];for(g=0;g<w.length;++g)0!==g&&w[g].value===w[g-1].value||C.push(w[g]);return C}(this._minLevelUnit,this._approxInterval,o,n,this._getExtentSpanWithBreaks(),this._brkCtx);r=r.concat(s);var l=Jd(n[1],o);r.push({value:n[1],time:{level:0,upperTimeUnit:l,lowerTimeUnit:l}});var u=this.getSetting("useUTC"),c=Yd.length-1,h=0;return z(r,(function(t){c=Math.min(c,P(Yd,t.time.upperTimeUnit)),h=Math.max(h,t.time.level)})),i&&Nd().pruneTicksByBreak(t.pruneByBreak,r,this._brkCtx.breaks,(function(t){return t.value}),this._approxInterval,this._extent),i&&"none"!==t.breakTicks&&Nd().addBreaksToTicks(r,this._brkCtx.breaks,this._extent,(function(t){for(var e=Math.max(P(Yd,Jd(t.vmin,u)),P(Yd,Jd(t.vmax,u))),n=0,i=0;i<Yd.length;i++)if(!Tb(Yd[i],t.vmin,t.vmax,u)){n=i;break}var r=Math.min(n,c),o=Math.max(r,e);return{level:h,lowerTimeUnit:Yd[o],upperTimeUnit:Yd[r]}})),r},e.prototype.calcNiceExtent=function(t){var e=this.getExtent();if(e[0]===e[1]&&(e[0]-=Vd,e[1]+=Vd),e[1]===-1/0&&e[0]===1/0){var n=new Date;e[1]=+new Date(n.getFullYear(),n.getMonth(),n.getDate()),e[0]=e[1]-Vd}this._innerSetExtent(e[0],e[1]),this.calcNiceTicks(t.splitNumber,t.minInterval,t.maxInterval)},e.prototype.calcNiceTicks=function(t,e,n){t=t||10;var i=this._getExtentSpanWithBreaks();this._approxInterval=i/t,null!=e&&this._approxInterval<e&&(this._approxInterval=e),null!=n&&this._approxInterval>n&&(this._approxInterval=n);var r=Ib.length,o=Math.min(function(t,e,n,i){for(;n<i;){var r=n+i>>>1;t[r][1]<e?n=r+1:i=r}return n}(Ib,this._approxInterval,0,r),r-1);this._interval=Ib[o][1],this._intervalPrecision=$_(this._interval),this._minLevelUnit=Ib[Math.max(o-1,0)][0]},e.prototype.parse=function(t){return j(t)?t:+Ao(t)},e.prototype.contain=function(t){return Q_(t,this._extent)},e.prototype.normalize=function(t){return this._calculator.normalize(t,this._extent)},e.prototype.scale=function(t){return this._calculator.scale(t,this._extent)},e.type="time",e}(cb),Ib=[["second",zd],["minute",Ed],["hour",Bd],["quarter-day",216e5],["half-day",432e5],["day",10368e4],["half-week",3024e5],["week",6048e5],["month",26784e5],["quarter",8208e6],["half-year",Gd/2],["year",Gd]];function Tb(t,e,n,i){return Qd(new Date(e),t,i).getTime()===Qd(new Date(n),t,i).getTime()}function Cb(t,e){return(t/=Vd)>16?16:t>7.5?7:t>3.5?4:t>1.5?2:1}function Db(t){return(t/=2592e6)>6?6:t>3?3:t>2?2:1}function Ab(t){return(t/=Bd)>12?12:t>6?6:t>3.5?4:t>2?2:1}function kb(t,e){return(t/=e?Ed:zd)>30?30:t>20?20:t>15?15:t>10?10:t>5?5:t>2?2:1}function Lb(t){return Po(t,!0)}function Pb(t,e,n){var i=Math.max(0,P(Yd,e)-1);return Qd(new Date(t),Yd[i],n).getTime()}rb.registerClass(Mb);var Ob=mo,Rb=Math.floor,Nb=Math.ceil,zb=Math.pow,Eb=Math.log,Bb=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="log",e.base=10,e._originalScale=new cb,e}return n(e,t),e.prototype.getTicks=function(e){e=e||{};var n=this._extent.slice(),i=this._originalScale.getExtent(),r=t.prototype.getTicks.call(this,e),o=this.base,a=this._originalScale._innerGetBreaks(),s=Nd();return E(r,(function(t){var e,r=t.value,l=null,u=zb(o,r);if(r===n[0]&&this._fixMin?l=i[0]:r===n[1]&&this._fixMax&&(l=i[1]),s){var c=s.getTicksLogTransformBreak(t,o,a,Vb);e=c.vBreak,null==l&&(l=c.brkRoundingCriterion)}return null!=l&&(u=Vb(u,l)),{value:u,break:e}}),this)},e.prototype._getNonTransBreaks=function(){return this._originalScale._innerGetBreaks()},e.prototype.setExtent=function(e,n){this._originalScale.setExtent(e,n);var i=ib(this.base,[e,n]);t.prototype.setExtent.call(this,i[0],i[1])},e.prototype.getExtent=function(){var e=this.base,n=t.prototype.getExtent.call(this);n[0]=zb(e,n[0]),n[1]=zb(e,n[1]);var i=this._originalScale.getExtent();return this._fixMin&&(n[0]=Vb(n[0],i[0])),this._fixMax&&(n[1]=Vb(n[1],i[1])),n},e.prototype.unionExtentFromData=function(t,e){this._originalScale.unionExtentFromData(t,e);var n=ib(this.base,t.getApproximateExtent(e),!0);this._innerUnionExtent(n)},e.prototype.calcNiceTicks=function(t){t=t||10;var e=this._extent.slice(),n=this._getExtentSpanWithBreaks();if(isFinite(n)&&!(n<=0)){var i=ko(n);for(t/n*i<=.5&&(i*=10);!isNaN(i)&&Math.abs(i)<1&&Math.abs(i)>0;)i*=10;var r=[Ob(Nb(e[0]/i)*i),Ob(Rb(e[1]/i)*i)];this._interval=i,this._intervalPrecision=$_(i),this._niceExtent=r}},e.prototype.calcNiceExtent=function(e){t.prototype.calcNiceExtent.call(this,e),this._fixMin=e.fixMin,this._fixMax=e.fixMax},e.prototype.contain=function(e){return e=Eb(e)/Eb(this.base),t.prototype.contain.call(this,e)},e.prototype.normalize=function(e){return e=Eb(e)/Eb(this.base),t.prototype.normalize.call(this,e)},e.prototype.scale=function(e){return e=t.prototype.scale.call(this,e),zb(this.base,e)},e.prototype.setBreaksFromOption=function(t){var e=Nd();if(e){var n=e.logarithmicParseBreaksFromOption(t,this.base,W(this.parse,this)),i=n.parsedOriginal,r=n.parsedLogged;this._originalScale._innerSetBreak(i),this._innerSetBreak(r)}},e.type="log",e}(cb);function Vb(t,e){return Ob(t,_o(e))}rb.registerClass(Bb);var Gb=function(){function t(t,e,n){this._prepareParams(t,e,n)}return t.prototype._prepareParams=function(t,e,n){n[1]<n[0]&&(n=[NaN,NaN]),this._dataMin=n[0],this._dataMax=n[1];var i=this._isOrdinal="ordinal"===t.type;this._needCrossZero="interval"===t.type&&e.getNeedCrossZero&&e.getNeedCrossZero();var r=e.get("min",!0);null==r&&(r=e.get("startValue",!0));var o=this._modelMinRaw=r;Y(o)?this._modelMinNum=Ub(t,o({min:n[0],max:n[1]})):"dataMin"!==o&&(this._modelMinNum=Ub(t,o));var a=this._modelMaxRaw=e.get("max",!0);if(Y(a)?this._modelMaxNum=Ub(t,a({min:n[0],max:n[1]})):"dataMax"!==a&&(this._modelMaxNum=Ub(t,a)),i)this._axisDataLen=e.getCategories().length;else{var s=e.get("boundaryGap"),l=U(s)?s:[s||0,s||0];"boolean"==typeof l[0]||"boolean"==typeof l[1]?this._boundaryGapInner=[0,0]:this._boundaryGapInner=[Fr(l[0],1),Fr(l[1],1)]}},t.prototype.calculate=function(){var t=this._isOrdinal,e=this._dataMin,n=this._dataMax,i=this._axisDataLen,r=this._boundaryGapInner,o=t?null:n-e||Math.abs(e),a="dataMin"===this._modelMinRaw?e:this._modelMinNum,s="dataMax"===this._modelMaxRaw?n:this._modelMaxNum,l=null!=a,u=null!=s;null==a&&(a=t?i?0:NaN:e-r[0]*o),null==s&&(s=t?i?i-1:NaN:n+r[1]*o),(null==a||!isFinite(a))&&(a=NaN),(null==s||!isFinite(s))&&(s=NaN);var c=nt(a)||nt(s)||t&&!i;this._needCrossZero&&(a>0&&s>0&&!l&&(a=0),a<0&&s<0&&!u&&(s=0));var h=this._determinedMin,d=this._determinedMax;return null!=h&&(a=h,l=!0),null!=d&&(s=d,u=!0),{min:a,max:s,minFixed:l,maxFixed:u,isBlank:c}},t.prototype.modifyDataMinMax=function(t,e){this[Wb[t]]=e},t.prototype.setDeterminedMinMax=function(t,e){var n=Fb[t];this[n]=e},t.prototype.freeze=function(){this.frozen=!0},t}(),Fb={min:"_determinedMin",max:"_determinedMax"},Wb={min:"_dataMin",max:"_dataMax"};function Hb(t,e,n){var i=t.rawExtentInfo;return i||(i=new Gb(t,e,n),t.rawExtentInfo=i,i)}function Ub(t,e){return null==e?null:nt(e)?NaN:t.parse(e)}function Yb(t,e){var n=t.type,i=Hb(t,e,t.getExtent()).calculate();t.setBlank(i.isBlank);var r=i.min,o=i.max,a=e.ecModel;if(a&&"time"===n){var s=vb("bar",a),l=!1;if(z(s,(function(t){l=l||t.getBaseAxis()===e.axis})),l){var u=mb(s),c=function(t,e,n,i){var r=n.axis.getExtent(),o=Math.abs(r[1]-r[0]),a=function(t,e,n){if(t&&e){var i=t[yb(e)];return null!=i&&null!=n?i[gb(n)]:i}}(i,n.axis);if(void 0===a)return{min:t,max:e};var s=1/0;z(a,(function(t){s=Math.min(t.offset,s)}));var l=-1/0;z(a,(function(t){l=Math.max(t.offset+t.width,l)})),s=Math.abs(s),l=Math.abs(l);var u=s+l,c=e-t,h=c/(1-(s+l)/o)-c;return e+=h*(l/u),t-=h*(s/u),{min:t,max:e}}(r,o,e,u);r=c.min,o=c.max}}return{extent:[r,o],fixMin:i.minFixed,fixMax:i.maxFixed}}function Xb(t,e){var n=e,i=Yb(t,n),r=i.extent,o=n.get("splitNumber");t instanceof Bb&&(t.base=n.get("logBase"));var a=t.type,s=n.get("interval"),l="interval"===a||"time"===a;t.setBreaksFromOption(ew(n)),t.setExtent(r[0],r[1]),t.calcNiceExtent({splitNumber:o,fixMin:i.fixMin,fixMax:i.fixMax,minInterval:l?n.get("minInterval"):null,maxInterval:l?n.get("maxInterval"):null}),null!=s&&t.setInterval&&t.setInterval(s)}function Zb(t,e){if(e=e||t.get("type"))switch(e){case"category":return new lb({ordinalMeta:t.getOrdinalMeta?t.getOrdinalMeta():t.getCategories(),extent:[1/0,-1/0]});case"time":return new Mb({locale:t.ecModel.getLocaleModel(),useUTC:t.ecModel.get("useUTC")});default:return new(rb.getClass(e)||cb)}}function jb(t){var e=t.getLabelModel().get("formatter");if("time"===t.type){var n=Zd(e);return function(e,i){return t.scale.getFormattedLabel(e,i,n)}}if(X(e))return function(n){var i=t.scale.getLabel(n);return e.replace("{value}",null!=i?i:"")};if(Y(e)){if("category"===t.type)return function(n,i){return e(qb(t,n),n.value-t.scale.getExtent()[0],null)};var i=Nd();return function(n,r){var o=null;return i&&(o=i.makeAxisLabelFormatterParamBreak(o,n.break)),e(qb(t,n),r,o)}}return function(e){return t.scale.getLabel(e)}}function qb(t,e){return"category"===t.type?t.scale.getLabel(e):e.value}function Kb(t){var e=t.get("interval");return null==e?"auto":e}function $b(t){return"category"===t.type&&0===Kb(t.getLabelModel())}function Jb(t,e){var n={};return z(t.mapDimensionsAll(e),(function(e){n[X_(t,e)]=!0})),F(n)}function Qb(t){return"middle"===t||"center"===t}function tw(t){return t.getShallow("show")}function ew(t){var e,n=t.get("breaks",!0);if(null!=n)return Nd()?"x"!==(e=t.axis).dim&&"y"!==e.dim&&"z"!==e.dim&&"single"!==e.dim||"category"===e.type?void 0:n:void 0}var nw=function(){function t(){}return t.prototype.getNeedCrossZero=function(){return!this.option.scale},t.prototype.getCoordSysModel=function(){},t}();var iw={isDimensionStacked:Y_,enableDataStack:U_,getStackedDimension:X_};var rw=Object.freeze({__proto__:null,createList:function(t){return Z_(null,t)},getLayoutRect:Hp,dataStack:iw,createScale:function(t,e){var n=e;e instanceof wd||(n=new wd(e));var i=Zb(n);return i.setExtent(t[0],t[1]),Xb(i,n),i},mixinAxisModelCommonMethods:function(t){R(t,nw)},getECData:zl,createTextStyle:function(t,e){return Qh(t,null,null,"normal"!==(e=e||{}).state)},createDimensions:function(t,e){return V_(t,e).dimensions},createSymbol:hm,enableHoverEmphasis:Iu});function ow(t,e){return Math.abs(t-e)<1e-8}function aw(t,e,n){var i=0,r=t[0];if(!r)return!1;for(var o=1;o<t.length;o++){var a=t[o];i+=qs(r[0],r[1],a[0],a[1],e,n),r=a}var s=t[0];return ow(r[0],s[0])&&ow(r[1],s[1])||(i+=qs(r[0],r[1],s[0],s[1],e,n)),0!==i}var sw=[];function lw(t,e){for(var n=0;n<t.length;n++)Ht(t[n],t[n],e)}function uw(t,e,n,i){for(var r=0;r<t.length;r++){var o=t[r];i&&(o=i.project(o)),o&&isFinite(o[0])&&isFinite(o[1])&&(Ut(e,e,o),Yt(n,n,o))}}var cw=function(){function t(t){this.name=t}return t.prototype.setCenter=function(t){this._center=t},t.prototype.getCenter=function(){var t=this._center;return t||(t=this._center=this.calcCenter()),t},t}(),hw=function(t,e){this.type="polygon",this.exterior=t,this.interiors=e},dw=function(t){this.type="linestring",this.points=t},pw=function(t){function e(e,n,i){var r=t.call(this,e)||this;return r.type="geoJSON",r.geometries=n,r._center=i&&[i[0],i[1]],r}return n(e,t),e.prototype.calcCenter=function(){for(var t,e=this.geometries,n=0,i=0;i<e.length;i++){var r=e[i],o=r.exterior,a=o&&o.length;a>n&&(t=r,n=a)}if(t)return function(t){for(var e=0,n=0,i=0,r=t.length,o=t[r-1][0],a=t[r-1][1],s=0;s<r;s++){var l=t[s][0],u=t[s][1],c=o*u-l*a;e+=c,n+=(o+l)*c,i+=(a+u)*c,o=l,a=u}return e?[n/e/3,i/e/3,e]:[t[0][0]||0,t[0][1]||0]}(t.exterior);var s=this.getBoundingRect();return[s.x+s.width/2,s.y+s.height/2]},e.prototype.getBoundingRect=function(t){var e=this._rect;if(e&&!t)return e;var n=[1/0,1/0],i=[-1/0,-1/0];return z(this.geometries,(function(e){"polygon"===e.type?uw(e.exterior,n,i,t):z(e.points,(function(e){uw(e,n,i,t)}))})),isFinite(n[0])&&isFinite(n[1])&&isFinite(i[0])&&isFinite(i[1])||(n[0]=n[1]=i[0]=i[1]=0),e=new He(n[0],n[1],i[0]-n[0],i[1]-n[1]),t||(this._rect=e),e},e.prototype.contain=function(t){var e=this.getBoundingRect(),n=this.geometries;if(!e.contain(t[0],t[1]))return!1;t:for(var i=0,r=n.length;i<r;i++){var o=n[i];if("polygon"===o.type){var a=o.exterior,s=o.interiors;if(aw(a,t[0],t[1])){for(var l=0;l<(s?s.length:0);l++)if(aw(s[l],t[0],t[1]))continue t;return!0}}}return!1},e.prototype.transformTo=function(t,e,n,i){var r=this.getBoundingRect(),o=r.width/r.height;n?i||(i=n/o):n=o*i;for(var a=new He(t,e,n,i),s=r.calculateTransform(a),l=this.geometries,u=0;u<l.length;u++){var c=l[u];"polygon"===c.type?(lw(c.exterior,s),z(c.interiors,(function(t){lw(t,s)}))):z(c.points,(function(t){lw(t,s)}))}(r=this._rect).copy(a),this._center=[r.x+r.width/2,r.y+r.height/2]},e.prototype.cloneShallow=function(t){null==t&&(t=this.name);var n=new e(t,this.geometries,this._center);return n._rect=this._rect,n.transformTo=null,n},e}(cw),fw=function(t){function e(e,n){var i=t.call(this,e)||this;return i.type="geoSVG",i._elOnlyForCalculate=n,i}return n(e,t),e.prototype.calcCenter=function(){for(var t=this._elOnlyForCalculate,e=t.getBoundingRect(),n=[e.x+e.width/2,e.y+e.height/2],i=_e(sw),r=t;r&&!r.isGeoSVGGraphicRoot;)we(i,r.getLocalTransform(),i),r=r.parent;return Te(i,i),Ht(n,n,i),n},e}(cw);function gw(t,e,n){for(var i=0;i<t.length;i++)t[i]=yw(t[i],e[i],n)}function yw(t,e,n){for(var i=[],r=e[0],o=e[1],a=0;a<t.length;a+=2){var s=t.charCodeAt(a)-64,l=t.charCodeAt(a+1)-64;s=s>>1^-(1&s),l=l>>1^-(1&l),r=s+=r,o=l+=o,i.push([s/n,l/n])}return i}function vw(t,e){return E(V((t=function(t){if(!t.UTF8Encoding)return t;var e=t,n=e.UTF8Scale;return null==n&&(n=1024),z(e.features,(function(t){var e=t.geometry,i=e.encodeOffsets,r=e.coordinates;if(i)switch(e.type){case"LineString":e.coordinates=yw(r,i,n);break;case"Polygon":case"MultiLineString":gw(r,i,n);break;case"MultiPolygon":z(r,(function(t,e){return gw(t,i[e],n)}))}})),e.UTF8Encoding=!1,e}(t)).features,(function(t){return t.geometry&&t.properties&&t.geometry.coordinates.length>0})),(function(t){var n=t.properties,i=t.geometry,r=[];switch(i.type){case"Polygon":var o=i.coordinates;r.push(new hw(o[0],o.slice(1)));break;case"MultiPolygon":z(i.coordinates,(function(t){t[0]&&r.push(new hw(t[0],t.slice(1)))}));break;case"LineString":r.push(new dw([i.coordinates]));break;case"MultiLineString":r.push(new dw(i.coordinates))}var a=new pw(n[e||"name"],r,n.cp);return a.properties=n,a}))}var mw=Object.freeze({__proto__:null,linearMap:go,round:mo,asc:xo,getPrecision:_o,getPrecisionSafe:bo,getPixelPrecision:wo,getPercentWithPrecision:function(t,e,n){return t[e]&&So(t,n)[e]||0},parsePercent:yo,MAX_SAFE_INTEGER:Io,remRadian:To,isRadianAroundZero:Co,parseDate:Ao,quantity:ko,quantityExponent:Lo,nice:Po,quantile:Oo,reformIntervals:Ro,isNumeric:zo,numericToNumber:No}),xw=Object.freeze({__proto__:null,parse:Ao,format:$d,roundTime:Qd}),_w=Object.freeze({__proto__:null,extendShape:ch,extendPath:dh,makePath:gh,makeImage:yh,mergePath:mh,resizePath:xh,createIcon:Ah,updateProps:th,initProps:eh,getTransform:wh,clipPointsByRect:Ch,clipRectByRect:Dh,registerShape:ph,getShapeClass:fh,Group:to,Image:dl,Text:Sl,Circle:nc,Ellipse:rc,Sector:xc,Ring:bc,Polygon:Mc,Polyline:Tc,Rect:xl,Line:Ac,BezierCurve:Oc,Arc:Nc,IncrementalDisplayable:Kc,CompoundPath:zc,LinearGradient:Bc,RadialGradient:Vc,BoundingRect:He}),bw=Object.freeze({__proto__:null,addCommas:fp,toCamelCase:gp,normalizeCssArray:yp,encodeHTML:oe,formatTpl:_p,getTooltipMarker:bp,formatTime:function(t,e,n){"week"!==t&&"month"!==t&&"quarter"!==t&&"half-year"!==t&&"year"!==t||(t="MM-dd\nyyyy");var i=Ao(e),r=n?"getUTC":"get",o=i[r+"FullYear"](),a=i[r+"Month"]()+1,s=i[r+"Date"](),l=i[r+"Hours"](),u=i[r+"Minutes"](),c=i[r+"Seconds"](),h=i[r+"Milliseconds"]();return t=t.replace("MM",jd(a,2)).replace("M",a).replace("yyyy",o).replace("yy",jd(o%100+"",2)).replace("dd",jd(s,2)).replace("d",s).replace("hh",jd(l,2)).replace("h",l).replace("mm",jd(u,2)).replace("m",u).replace("ss",jd(c,2)).replace("s",c).replace("SSS",jd(h,3))},capitalFirst:function(t){return t?t.charAt(0).toUpperCase()+t.substr(1):t},truncateText:function(t,e,n,i,r){var o={};return Ea(o,t,e,n,i,r),o.text},getTextRect:function(t,e,n,i,r,o,a,s){return new Sl({style:{text:t,font:e,align:n,verticalAlign:i,padding:r,rich:o,overflow:a?"truncate":null,lineHeight:s}}).getBoundingRect()}}),ww=Object.freeze({__proto__:null,map:E,each:z,indexOf:P,inherits:O,reduce:B,filter:V,bind:W,curry:H,isArray:U,isString:X,isObject:q,isFunction:Y,extend:A,defaults:k,clone:T,merge:C}),Sw=sa(),Mw=sa(),Iw=1,Tw=2;function Cw(t){return{out:{noPxChangeTryDetermine:[]},kind:t}}function Dw(t,e){var n=E(e,(function(e){return t.scale.parse(e)}));return"time"===t.type&&n.length>0&&(n.sort(),n.unshift(n[0]),n.push(n[n.length-1])),n}function Aw(t,e){var n=t.getLabelModel().get("customValues");if(n){var i=jb(t),r=t.scale.getExtent();return{labels:E(V(Dw(t,n),(function(t){return t>=r[0]&&t<=r[1]})),(function(e){var n={value:e};return{formattedLabel:i(n),rawLabel:t.scale.getLabel(n),tickValue:e,time:void 0,break:void 0}}))}}return"category"===t.type?function(t,e){var n=t.getLabelModel(),i=Lw(t,n,e);return!n.get("show")||t.scale.isBlank()?{labels:[]}:i}(t,e):function(t){var e=t.scale.getTicks(),n=jb(t);return{labels:E(e,(function(e,i){return{formattedLabel:n(e,i),rawLabel:t.scale.getLabel(e),tickValue:e.value,time:e.time,break:e.break}}))}}(t)}function kw(t,e,n){var i=t.getTickModel().get("customValues");if(i){var r=t.scale.getExtent();return{ticks:V(Dw(t,i),(function(t){return t>=r[0]&&t<=r[1]}))}}return"category"===t.type?function(t,e){var n,i,r=Pw(t),o=Kb(e),a=Nw(r,o);if(a)return a;e.get("show")&&!t.scale.isBlank()||(n=[]);if(Y(o))n=Gw(t,o,!0);else if("auto"===o){var s=Lw(t,t.getLabelModel(),Cw(Tw));i=s.labelCategoryInterval,n=E(s.labels,(function(t){return t.tickValue}))}else n=Vw(t,i=o,!0);return zw(r,o,{ticks:n,tickCategoryInterval:i})}(t,e):{ticks:E(t.scale.getTicks(n),(function(t){return t.value}))}}function Lw(t,e,n){var i,r,o=Ow(t),a=Kb(e),s=n.kind===Iw;if(!s){var l=Nw(o,a);if(l)return l}Y(a)?i=Gw(t,a):(r="auto"===a?function(t,e){if(e.kind===Iw){var n=t.calculateCategoryInterval(e);return e.out.noPxChangeTryDetermine.push((function(){return Mw(t).autoInterval=n,!0})),n}var i=Mw(t).autoInterval;return null!=i?i:Mw(t).autoInterval=t.calculateCategoryInterval(e)}(t,n):a,i=Vw(t,r));var u={labels:i,labelCategoryInterval:r};return s?n.out.noPxChangeTryDetermine.push((function(){return zw(o,a,u),!0})):zw(o,a,u),u}var Pw=Rw("axisTick"),Ow=Rw("axisLabel");function Rw(t){return function(e){return Mw(e)[t]||(Mw(e)[t]={list:[]})}}function Nw(t,e){for(var n=0;n<t.list.length;n++)if(t.list[n].key===e)return t.list[n].value}function zw(t,e,n){return t.list.push({key:e,value:n}),n}function Ew(t,e,n){return null==Bw(t,e,n)}function Bw(t,e,n){var i=Sw(t.model),r=t.getExtent(),o=i.lastAutoInterval,a=i.lastTickCount;if(null!=o&&null!=a&&Math.abs(o-e)<=1&&Math.abs(a-n)<=1&&o>e&&i.axisExtent0===r[0]&&i.axisExtent1===r[1])return o;i.lastTickCount=n,i.lastAutoInterval=e,i.axisExtent0=r[0],i.axisExtent1=r[1]}function Vw(t,e,n){var i=jb(t),r=t.scale,o=r.getExtent(),a=t.getLabelModel(),s=[],l=Math.max((e||0)+1,1),u=o[0],c=r.count();0!==u&&l>1&&c/l>2&&(u=Math.round(Math.ceil(u/l)*l));var h=$b(t),d=a.get("showMinLabel")||h,p=a.get("showMaxLabel")||h;d&&u!==o[0]&&g(o[0]);for(var f=u;f<=o[1];f+=l)g(f);function g(t){var e={value:t};s.push(n?t:{formattedLabel:i(e),rawLabel:r.getLabel(e),tickValue:t,time:void 0,break:void 0})}return p&&f-l!==o[1]&&g(o[1]),s}function Gw(t,e,n){var i=t.scale,r=jb(t),o=[];return z(i.getTicks(),(function(t){var a=i.getLabel(t),s=t.value;e(t.value,a)&&o.push(n?s:{formattedLabel:r(t),rawLabel:a,tickValue:s,time:void 0,break:void 0})})),o}var Fw=[0,1],Ww=function(){function t(t,e,n){this.onBand=!1,this.inverse=!1,this.dim=t,this.scale=e,this._extent=n||[0,0]}return t.prototype.contain=function(t){var e=this._extent,n=Math.min(e[0],e[1]),i=Math.max(e[0],e[1]);return t>=n&&t<=i},t.prototype.containData=function(t){return this.scale.contain(this.scale.parse(t))},t.prototype.getExtent=function(){return this._extent.slice()},t.prototype.getPixelPrecision=function(t){return wo(t||this.scale.getExtent(),this._extent)},t.prototype.setExtent=function(t,e){var n=this._extent;n[0]=t,n[1]=e},t.prototype.dataToCoord=function(t,e){var n=this._extent,i=this.scale;return t=i.normalize(i.parse(t)),this.onBand&&"ordinal"===i.type&&Hw(n=n.slice(),i.count()),go(t,Fw,n,e)},t.prototype.coordToData=function(t,e){var n=this._extent,i=this.scale;this.onBand&&"ordinal"===i.type&&Hw(n=n.slice(),i.count());var r=go(t,n,Fw,e);return this.scale.scale(r)},t.prototype.pointToData=function(t,e){},t.prototype.getTicksCoords=function(t){var e=(t=t||{}).tickModel||this.getTickModel(),n=E(kw(this,e,{breakTicks:t.breakTicks,pruneByBreak:t.pruneByBreak}).ticks,(function(t){return{coord:this.dataToCoord("ordinal"===this.scale.type?this.scale.getRawOrdinalNumber(t):t),tickValue:t}}),this);return function(t,e,n,i){var r=e.length;if(!t.onBand||n||!r)return;var o,a,s=t.getExtent();if(1===r)e[0].coord=s[0],e[0].onBand=!0,o=e[1]={coord:s[1],tickValue:e[0].tickValue,onBand:!0};else{var l=e[r-1].tickValue-e[0].tickValue,u=(e[r-1].coord-e[0].coord)/l;z(e,(function(t){t.coord-=u/2,t.onBand=!0}));var c=t.scale.getExtent();a=1+c[1]-e[r-1].tickValue,o={coord:e[r-1].coord+u*a,tickValue:c[1]+1,onBand:!0},e.push(o)}var h=s[0]>s[1];d(e[0].coord,s[0])&&(i?e[0].coord=s[0]:e.shift());i&&d(s[0],e[0].coord)&&e.unshift({coord:s[0],onBand:!0});d(s[1],o.coord)&&(i?o.coord=s[1]:e.pop());i&&d(o.coord,s[1])&&e.push({coord:s[1],onBand:!0});function d(t,e){return t=mo(t),e=mo(e),h?t>e:t<e}}(this,n,e.get("alignWithLabel"),t.clamp),n},t.prototype.getMinorTicksCoords=function(){if("ordinal"===this.scale.type)return[];var t=this.model.getModel("minorTick").get("splitNumber");return t>0&&t<100||(t=5),E(this.scale.getMinorTicks(t),(function(t){return E(t,(function(t){return{coord:this.dataToCoord(t),tickValue:t}}),this)}),this)},t.prototype.getViewLabels=function(t){return Aw(this,t=t||Cw(Tw)).labels},t.prototype.getLabelModel=function(){return this.model.getModel("axisLabel")},t.prototype.getTickModel=function(){return this.model.getModel("axisTick")},t.prototype.getBandWidth=function(){var t=this._extent,e=this.scale.getExtent(),n=e[1]-e[0]+(this.onBand?1:0);0===n&&(n=1);var i=Math.abs(t[1]-t[0]);return Math.abs(i)/n},t.prototype.calculateCategoryInterval=function(t){return function(t,e){var n=e.kind,i=function(t){var e=t.getLabelModel();return{axisRotate:t.getRotate?t.getRotate():t.isHorizontal&&!t.isHorizontal()?90:0,labelRotate:e.get("rotate")||0,font:e.getFont()}}(t),r=jb(t),o=(i.axisRotate-i.labelRotate)/180*Math.PI,a=t.scale,s=a.getExtent(),l=a.count();if(s[1]-s[0]<1)return 0;var u=1;l>40&&(u=Math.max(1,Math.floor(l/40)));for(var c=s[0],h=t.dataToCoord(c+1)-t.dataToCoord(c),d=Math.abs(h*Math.cos(o)),p=Math.abs(h*Math.sin(o)),f=0,g=0;c<=s[1];c+=u){var y,v,m=Er(r({value:c}),i.font,"center","top");y=1.3*m.width,v=1.3*m.height,f=Math.max(f,y,7),g=Math.max(g,v,7)}var x=f/d,_=g/p;isNaN(x)&&(x=1/0),isNaN(_)&&(_=1/0);var b=Math.max(0,Math.floor(Math.min(x,_)));if(n===Iw)return e.out.noPxChangeTryDetermine.push(W(Ew,null,t,b,l)),b;var w=Bw(t,b,l);return null!=w?w:b}(this,t=t||Cw(Tw))},t}();function Hw(t,e){var n=(t[1]-t[0])/e/2;t[0]+=n,t[1]-=n}var Uw=2*Math.PI,Yw=Fs.CMD,Xw=["top","right","bottom","left"];function Zw(t,e,n,i,r){var o=n.width,a=n.height;switch(t){case"top":i.set(n.x+o/2,n.y-e),r.set(0,-1);break;case"bottom":i.set(n.x+o/2,n.y+a+e),r.set(0,1);break;case"left":i.set(n.x-e,n.y+a/2),r.set(-1,0);break;case"right":i.set(n.x+o+e,n.y+a/2),r.set(1,0)}}function jw(t,e,n,i,r,o,a,s,l){a-=t,s-=e;var u=Math.sqrt(a*a+s*s),c=(a/=u)*n+t,h=(s/=u)*n+e;if(Math.abs(i-r)%Uw<1e-4)return l[0]=c,l[1]=h,u-n;if(o){var d=i;i=Xs(r),r=Xs(d)}else i=Xs(i),r=Xs(r);i>r&&(r+=Uw);var p=Math.atan2(s,a);if(p<0&&(p+=Uw),p>=i&&p<=r||p+Uw>=i&&p+Uw<=r)return l[0]=c,l[1]=h,u-n;var f=n*Math.cos(i)+t,g=n*Math.sin(i)+e,y=n*Math.cos(r)+t,v=n*Math.sin(r)+e,m=(f-a)*(f-a)+(g-s)*(g-s),x=(y-a)*(y-a)+(v-s)*(v-s);return m<x?(l[0]=f,l[1]=g,Math.sqrt(m)):(l[0]=y,l[1]=v,Math.sqrt(x))}function qw(t,e,n,i,r,o,a,s){var l=r-t,u=o-e,c=n-t,h=i-e,d=Math.sqrt(c*c+h*h),p=(l*(c/=d)+u*(h/=d))/d;s&&(p=Math.min(Math.max(p,0),1)),p*=d;var f=a[0]=t+p*c,g=a[1]=e+p*h;return Math.sqrt((f-r)*(f-r)+(g-o)*(g-o))}function Kw(t,e,n,i,r,o,a){n<0&&(t+=n,n=-n),i<0&&(e+=i,i=-i);var s=t+n,l=e+i,u=a[0]=Math.min(Math.max(r,t),s),c=a[1]=Math.min(Math.max(o,e),l);return Math.sqrt((u-r)*(u-r)+(c-o)*(c-o))}var $w=[];function Jw(t,e,n){var i=Kw(e.x,e.y,e.width,e.height,t.x,t.y,$w);return n.set($w[0],$w[1]),i}function Qw(t,e,n){for(var i,r,o=0,a=0,s=0,l=0,u=1/0,c=e.data,h=t.x,d=t.y,p=0;p<c.length;){var f=c[p++];1===p&&(s=o=c[p],l=a=c[p+1]);var g=u;switch(f){case Yw.M:o=s=c[p++],a=l=c[p++];break;case Yw.L:g=qw(o,a,c[p],c[p+1],h,d,$w,!0),o=c[p++],a=c[p++];break;case Yw.C:g=On(o,a,c[p++],c[p++],c[p++],c[p++],c[p],c[p+1],h,d,$w),o=c[p++],a=c[p++];break;case Yw.Q:g=Vn(o,a,c[p++],c[p++],c[p],c[p+1],h,d,$w),o=c[p++],a=c[p++];break;case Yw.A:var y=c[p++],v=c[p++],m=c[p++],x=c[p++],_=c[p++],b=c[p++];p+=1;var w=!!(1-c[p++]);i=Math.cos(_)*m+y,r=Math.sin(_)*x+v,p<=1&&(s=i,l=r),g=jw(y,v,x,_,_+b,w,(h-y)*x/m+y,d,$w),o=Math.cos(_+b)*m+y,a=Math.sin(_+b)*x+v;break;case Yw.R:g=Kw(s=o=c[p++],l=a=c[p++],c[p++],c[p++],h,d,$w);break;case Yw.Z:g=qw(o,a,s,l,h,d,$w,!0),o=s,a=l}g<u&&(u=g,n.set($w[0],$w[1]))}return u}var tS=new Ae,eS=new Ae,nS=new Ae,iS=new Ae,rS=new Ae;function oS(t,e){if(t){var n=t.getTextGuideLine(),i=t.getTextContent();if(i&&n){var r=t.textGuideLineConfig||{},o=[[0,0],[0,0],[0,0]],a=r.candidates||Xw,s=i.getBoundingRect().clone();s.applyTransform(i.getComputedTransform());var l=1/0,u=r.anchor,c=t.getComputedTransform(),h=c&&Te([],c),d=e.get("length2")||0;u&&nS.copy(u);for(var p=0;p<a.length;p++){Zw(a[p],0,s,tS,iS),Ae.scaleAndAdd(eS,tS,iS,d),eS.transform(h);var f=t.getBoundingRect(),g=u?u.distance(eS):t instanceof sl?Qw(eS,t.path,nS):Jw(eS,f,nS);g<l&&(l=g,eS.transform(c),nS.transform(c),nS.toArray(o[0]),eS.toArray(o[1]),tS.toArray(o[2]))}lS(o,e.get("minTurnAngle")),n.setShape({points:o})}}}var aS=[],sS=new Ae;function lS(t,e){if(e<=180&&e>0){e=e/180*Math.PI,tS.fromArray(t[0]),eS.fromArray(t[1]),nS.fromArray(t[2]),Ae.sub(iS,tS,eS),Ae.sub(rS,nS,eS);var n=iS.len(),i=rS.len();if(!(n<.001||i<.001)){iS.scale(1/n),rS.scale(1/i);var r=iS.dot(rS);if(Math.cos(e)<r){var o=qw(eS.x,eS.y,nS.x,nS.y,tS.x,tS.y,aS,!1);sS.fromArray(aS),sS.scaleAndAdd(rS,o/Math.tan(Math.PI-e));var a=nS.x!==eS.x?(sS.x-eS.x)/(nS.x-eS.x):(sS.y-eS.y)/(nS.y-eS.y);if(isNaN(a))return;a<0?Ae.copy(sS,eS):a>1&&Ae.copy(sS,nS),sS.toArray(t[1])}}}}function uS(t,e,n){if(n<=180&&n>0){n=n/180*Math.PI,tS.fromArray(t[0]),eS.fromArray(t[1]),nS.fromArray(t[2]),Ae.sub(iS,eS,tS),Ae.sub(rS,nS,eS);var i=iS.len(),r=rS.len();if(!(i<.001||r<.001))if(iS.scale(1/i),rS.scale(1/r),iS.dot(e)<Math.cos(n)){var o=qw(eS.x,eS.y,nS.x,nS.y,tS.x,tS.y,aS,!1);sS.fromArray(aS);var a=Math.PI/2,s=a+Math.acos(rS.dot(e))-n;if(s>=a)Ae.copy(sS,nS);else{sS.scaleAndAdd(rS,o/Math.tan(Math.PI/2-s));var l=nS.x!==eS.x?(sS.x-eS.x)/(nS.x-eS.x):(sS.y-eS.y)/(nS.y-eS.y);if(isNaN(l))return;l<0?Ae.copy(sS,eS):l>1&&Ae.copy(sS,nS)}sS.toArray(t[1])}}}function cS(t,e,n,i){var r="normal"===n,o=r?t:t.ensureState(n);o.ignore=e;var a=i.get("smooth");a&&!0===a&&(a=.3),o.shape=o.shape||{},a>0&&(o.shape.smooth=a);var s=i.getModel("lineStyle").getLineStyle();r?t.useStyle(s):o.style=s}function hS(t,e){var n=e.smooth,i=e.points;if(i)if(t.moveTo(i[0][0],i[0][1]),n>0&&i.length>=3){var r=Vt(i[0],i[1]),o=Vt(i[1],i[2]);if(!r||!o)return t.lineTo(i[1][0],i[1][1]),void t.lineTo(i[2][0],i[2][1]);var a=Math.min(r,o)*n,s=Wt([],i[1],i[0],a/r),l=Wt([],i[1],i[2],a/o),u=Wt([],s,l,.5);t.bezierCurveTo(s[0],s[1],s[0],s[1],u[0],u[1]),t.bezierCurveTo(l[0],l[1],l[0],l[1],i[2][0],i[2][1])}else for(var c=1;c<i.length;c++)t.lineTo(i[c][0],i[c][1])}function dS(t,e,n){var i=t.getTextGuideLine(),r=t.getTextContent();if(r){for(var o=e.normal,a=o.get("show"),s=r.ignore,l=0;l<Hl.length;l++){var u=Hl[l],c=e[u],h="normal"===u;if(c){var d=c.get("show");if((h?s:rt(r.states[u]&&r.states[u].ignore,s))||!rt(d,a)){var p=h?i:i&&i.states[u];p&&(p.ignore=!0),i&&cS(i,!0,u,c);continue}i||(i=new Tc,t.setTextGuideLine(i),h||!s&&a||cS(i,!0,"normal",e.normal),t.stateProxy&&(i.stateProxy=t.stateProxy)),cS(i,!1,u,c)}}if(i){k(i.style,n),i.style.fill=null;var f=o.get("showAbove");(t.textGuideLineConfig=t.textGuideLineConfig||{}).showAbove=f||!1,i.buildPath=hS}}else i&&t.removeTextGuideLine()}function pS(t,e){e=e||"labelLine";for(var n={normal:t.getModel(e)},i=0;i<Wl.length;i++){var r=Wl[i];n[r]=t.getModel([r,e])}return n}var fS=["label","labelLine","layoutOption","priority","defaultAttr","marginForce","minMarginForce","marginDefault","suggestIgnore"];function gS(t,e,n){n=n||3,e?t.dirty|=n:t.dirty&=~n}function yS(t,e){return e=e||3,null==t.dirty||!!(t.dirty&e)}function vS(t){if(t)return yS(t)&&mS(t,t.label,t),t}function mS(t,e,n){var i=e.getComputedTransform();t.transform=Wh(t.transform,i);var r=t.localRect=Fh(t.localRect,e.getBoundingRect()),o=e.style,a=o.margin,s=n&&n.marginForce,l=n&&n.minMarginForce,u=n&&n.marginDefault,c=o.__marginType;null==c&&u&&(a=u,c=hd.textMargin);for(var h=0;h<4;h++)xS[h]=c===hd.minMargin&&l&&null!=l[h]?l[h]:s&&null!=s[h]?s[h]:a?a[h]:0;c===hd.textMargin&&Oh(r,xS,!1,!1);var d=t.rect=Fh(t.rect,r);return i&&d.applyTransform(i),c===hd.minMargin&&Oh(d,xS,!1,!1),t.axisAligned=Vh(i),(t.label=t.label||{}).ignore=e.ignore,gS(t,!1),gS(t,!0,2),t}var xS=[0,0,0,0];function _S(t,e){if(t){t.label.x+=e.x,t.label.y+=e.y,t.label.markRedraw();var n=t.transform;n&&(n[4]+=e.x,n[5]+=e.y);var i=t.rect;i&&(i.x+=e.x,i.y+=e.y);var r=t.obb;r&&r.fromBoundingRect(t.localRect,n)}}function bS(t,e){for(var n=0;n<fS.length;n++){var i=fS[n];null==t[i]&&(t[i]=e[i])}return vS(t)}function wS(t){var e=t.obb;return e&&!yS(t,2)||(t.obb=e=e||new jc,e.fromBoundingRect(t.localRect,t.transform),gS(t,!1,2)),e}function SS(t,e,n,i,r){var o=t.length,a=lh[e],s=uh[e];if(o<2)return!1;t.sort((function(t,e){return t.rect[a]-e.rect[a]}));for(var l,u=0,c=!1,h=0,d=0;d<o;d++){var p=t[d],f=p.rect;(l=f[a]-u)<0&&(f[a]-=l,p.label[a]-=l,c=!0),h+=Math.max(-l,0),u=f[a]+f[s]}h>0&&r&&b(-h/o,0,o);var g,y,v=t[0],m=t[o-1];function x(){g=v.rect[a]-n,y=i-m.rect[a]-m.rect[s]}function _(t,e,n){if(t<0){var i=Math.min(e,-t);if(i>0){b(i*n,0,o);var r=i+t;r<0&&w(-r*n,1)}else w(-t*n,1)}}function b(e,n,i){0!==e&&(c=!0);for(var r=n;r<i;r++){var o=t[r];o.rect[a]+=e,o.label[a]+=e}}function w(e,n){for(var i=[],r=0,l=1;l<o;l++){var u=t[l-1].rect,c=Math.max(t[l].rect[a]-u[a]-u[s],0);i.push(c),r+=c}if(r){var h=Math.min(Math.abs(e)/r,n);if(e>0)for(l=0;l<o-1;l++){b(i[l]*h,0,l+1)}else for(l=o-1;l>0;l--){b(-(i[l-1]*h),l,o)}}}function S(t){var e=t<0?-1:1;t=Math.abs(t);for(var n=Math.ceil(t/(o-1)),i=0;i<o-1;i++)if(e>0?b(n,0,i+1):b(-n,o-i-1,o),(t-=n)<=0)return}return x(),g<0&&w(-g,.8),y<0&&w(y,.8),x(),_(g,y,1),_(y,g,-1),x(),g<0&&S(-g),y<0&&S(y),c}function MS(t){var e=[];function n(t){if(!t.ignore){var e=t.ensureState("emphasis");null==e.ignore&&(e.ignore=!1)}t.ignore=!0}t.sort((function(t,e){return(e.suggestIgnore?1:0)-(t.suggestIgnore?1:0)||e.priority-t.priority}));for(var i=0;i<t.length;i++){var r=vS(t[i]);if(!r.label.ignore){for(var o=r.label,a=r.labelLine,s=!1,l=0;l<e.length;l++)if(IS(r,e[l],null,{touchThreshold:.05})){s=!0;break}s?(n(o),a&&n(a)):e.push(r)}}}function IS(t,e,n,i){return!(!t||!e)&&(!(t.label&&t.label.ignore||e.label&&e.label.ignore)&&(!!t.rect.intersect(e.rect,n,i)&&(!(!t.axisAligned||!e.axisAligned)||wS(t).intersect(wS(e),n,i))))}function TS(t){if(t){for(var e=[],n=0;n<t.length;n++)e.push(t[n].slice());return e}}function CS(t,e){var n=t.label,i=e&&e.getTextGuideLine();return{dataIndex:t.dataIndex,dataType:t.dataType,seriesIndex:t.seriesModel.seriesIndex,text:t.label.style.text,rect:t.hostRect,labelRect:t.rect,align:n.style.align,verticalAlign:n.style.verticalAlign,labelLinePoints:TS(i&&i.shape.points)}}var DS=["align","verticalAlign","width","height","fontSize"],AS=new Dr,kS=sa(),LS=sa();function PS(t,e,n){for(var i=0;i<n.length;i++){var r=n[i];null!=e[r]&&(t[r]=e[r])}}var OS=["x","y","rotation"],RS=function(){function t(){this._labelList=[],this._chartViewList=[]}return t.prototype.clearLabels=function(){this._labelList=[],this._chartViewList=[]},t.prototype._addLabel=function(t,e,n,i,r){var o=i.style,a=i.__hostTarget.textConfig||{},s=i.getComputedTransform(),l=i.getBoundingRect().plain();He.applyTransform(l,l,s),s?AS.setLocalTransform(s):(AS.x=AS.y=AS.rotation=AS.originX=AS.originY=0,AS.scaleX=AS.scaleY=1),AS.rotation=Xs(AS.rotation);var u,c=i.__hostTarget;if(c){u=c.getBoundingRect().plain();var h=c.getComputedTransform();He.applyTransform(u,u,h)}var d=u&&c.getTextGuideLine();this._labelList.push({label:i,labelLine:d,seriesModel:n,dataIndex:t,dataType:e,layoutOptionOrCb:r,layoutOption:null,rect:l,hostRect:u,priority:u?u.width*u.height:0,defaultAttr:{ignore:i.ignore,labelGuideIgnore:d&&d.ignore,x:AS.x,y:AS.y,scaleX:AS.scaleX,scaleY:AS.scaleY,rotation:AS.rotation,style:{x:o.x,y:o.y,align:o.align,verticalAlign:o.verticalAlign,width:o.width,height:o.height,fontSize:o.fontSize},cursor:i.cursor,attachedPos:a.position,attachedRot:a.rotation}})},t.prototype.addLabelsOfSeries=function(t){var e=this;this._chartViewList.push(t);var n=t.__model,i=n.get("labelLayout");(Y(i)||F(i).length)&&t.group.traverse((function(t){if(t.ignore)return!0;var r=t.getTextContent(),o=zl(t);r&&!r.disableLabelLayout&&e._addLabel(o.dataIndex,o.dataType,n,r,i)}))},t.prototype.updateLayoutConfig=function(t){var e=t.getWidth(),n=t.getHeight();function i(t,e){return function(){oS(t,e)}}for(var r=0;r<this._labelList.length;r++){var o=this._labelList[r],a=o.label,s=a.__hostTarget,l=o.defaultAttr,u=void 0;u=(u=Y(o.layoutOptionOrCb)?o.layoutOptionOrCb(CS(o,s)):o.layoutOptionOrCb)||{},o.layoutOption=u;var c=Math.PI/180;s&&s.setTextConfig({local:!1,position:null!=u.x||null!=u.y?null:l.attachedPos,rotation:null!=u.rotate?u.rotate*c:l.attachedRot,offset:[u.dx||0,u.dy||0]});var h=!1;if(null!=u.x?(a.x=yo(u.x,e),a.setStyle("x",0),h=!0):(a.x=l.x,a.setStyle("x",l.style.x)),null!=u.y?(a.y=yo(u.y,n),a.setStyle("y",0),h=!0):(a.y=l.y,a.setStyle("y",l.style.y)),u.labelLinePoints){var d=s.getTextGuideLine();d&&(d.setShape({points:u.labelLinePoints}),h=!1)}kS(a).needsUpdateLabelLine=h,a.rotation=null!=u.rotate?u.rotate*c:l.rotation,a.scaleX=l.scaleX,a.scaleY=l.scaleY;for(var p=0;p<DS.length;p++){var f=DS[p];a.setStyle(f,null!=u[f]?u[f]:l.style[f])}if(u.draggable){if(a.draggable=!0,a.cursor="move",s){var g=o.seriesModel;if(null!=o.dataIndex)g=o.seriesModel.getData(o.dataType).getItemModel(o.dataIndex);a.on("drag",i(s,g.getModel("labelLine")))}}else a.off("drag"),a.cursor=l.cursor}},t.prototype.layout=function(t){var e=t.getWidth(),n=t.getHeight(),i=[];z(this._labelList,(function(t){t.defaultAttr.ignore||i.push(bS({},t))}));var r=V(i,(function(t){return"shiftX"===t.layoutOption.moveOverlap})),o=V(i,(function(t){return"shiftY"===t.layoutOption.moveOverlap}));SS(r,0,0,e),SS(o,1,0,n);var a=V(i,(function(t){return t.layoutOption.hideOverlap}));!function(t){for(var e=0;e<t.length;e++){var n=t[e],i=n.defaultAttr,r=n.labelLine;n.label.attr("ignore",i.ignore),r&&r.attr("ignore",i.labelGuideIgnore)}}(a),MS(a)},t.prototype.processLabelsOverall=function(){var t=this;z(this._chartViewList,(function(e){var n=e.__model,i=e.ignoreLabelLineUpdate,r=n.isAnimationEnabled();e.group.traverse((function(e){if(e.ignore&&!e.forceLabelAnimation)return!0;var o=!i,a=e.getTextContent();!o&&a&&(o=kS(a).needsUpdateLabelLine),o&&t._updateLabelLine(e,n),r&&t._animateLabels(e,n)}))}))},t.prototype._updateLabelLine=function(t,e){var n=t.getTextContent(),i=zl(t),r=i.dataIndex;if(n&&null!=r){var o=e.getData(i.dataType),a=o.getItemModel(r),s={},l=o.getItemVisual(r,"style");if(l){var u=o.getVisual("drawType");s.stroke=l[u]}var c=a.getModel("labelLine");dS(t,pS(a),s),oS(t,c)}},t.prototype._animateLabels=function(t,e){var n=t.getTextContent(),i=t.getTextGuideLine();if(n&&(t.forceLabelAnimation||!n.ignore&&!n.invisible&&!t.disableLabelAnimation&&!nh(t))){var r=(p=kS(n)).oldLayout,o=zl(t),a=o.dataIndex,s={x:n.x,y:n.y,rotation:n.rotation},l=e.getData(o.dataType);if(r){n.attr(r);var u=t.prevStates;u&&(P(u,"select")>=0&&n.attr(p.oldLayoutSelect),P(u,"emphasis")>=0&&n.attr(p.oldLayoutEmphasis)),th(n,s,e,a)}else if(n.attr(s),!ad(n).valueAnimation){var c=rt(n.style.opacity,1);n.style.opacity=0,eh(n,{style:{opacity:c}},e,a)}if(p.oldLayout=s,n.states.select){var h=p.oldLayoutSelect={};PS(h,s,OS),PS(h,n.states.select,OS)}if(n.states.emphasis){var d=p.oldLayoutEmphasis={};PS(d,s,OS),PS(d,n.states.emphasis,OS)}ld(n,a,l,e,e)}if(i&&!i.ignore&&!i.invisible){r=(p=LS(i)).oldLayout;var p,f={points:i.shape.points};r?(i.attr({shape:r}),th(i,{shape:f},e)):(i.setShape(f),i.style.strokePercent=0,eh(i,{style:{strokePercent:1}},e)),p.oldLayout=f}},t}(),NS=sa();var zS=Math.sin,ES=Math.cos,BS=Math.PI,VS=2*Math.PI,GS=180/BS,FS=function(){function t(){}return t.prototype.reset=function(t){this._start=!0,this._d=[],this._str="",this._p=Math.pow(10,t||4)},t.prototype.moveTo=function(t,e){this._add("M",t,e)},t.prototype.lineTo=function(t,e){this._add("L",t,e)},t.prototype.bezierCurveTo=function(t,e,n,i,r,o){this._add("C",t,e,n,i,r,o)},t.prototype.quadraticCurveTo=function(t,e,n,i){this._add("Q",t,e,n,i)},t.prototype.arc=function(t,e,n,i,r,o){this.ellipse(t,e,n,n,0,i,r,o)},t.prototype.ellipse=function(t,e,n,i,r,o,a,s){var l=a-o,u=!s,c=Math.abs(l),h=wi(c-VS)||(u?l>=VS:-l>=VS),d=l>0?l%VS:l%VS+VS,p=!1;p=!!h||!wi(c)&&d>=BS==!!u;var f=t+n*ES(o),g=e+i*zS(o);this._start&&this._add("M",f,g);var y=Math.round(r*GS);if(h){var v=1/this._p,m=(u?1:-1)*(VS-v);this._add("A",n,i,y,1,+u,t+n*ES(o+m),e+i*zS(o+m)),v>.01&&this._add("A",n,i,y,0,+u,f,g)}else{var x=t+n*ES(a),_=e+i*zS(a);this._add("A",n,i,y,+p,+u,x,_)}},t.prototype.rect=function(t,e,n,i){this._add("M",t,e),this._add("l",n,0),this._add("l",0,i),this._add("l",-n,0),this._add("Z")},t.prototype.closePath=function(){this._d.length>0&&this._add("Z")},t.prototype._add=function(t,e,n,i,r,o,a,s,l){for(var u=[],c=this._p,h=1;h<arguments.length;h++){var d=arguments[h];if(isNaN(d))return void(this._invalid=!0);u.push(Math.round(d*c)/c)}this._d.push(t+u.join(" ")),this._start="Z"===t},t.prototype.generateStr=function(){this._str=this._invalid?"":this._d.join(""),this._d=[]},t.prototype.getStr=function(){return this._str},t}(),WS="none",HS=Math.round;var US=["lineCap","miterLimit","lineJoin"],YS=E(US,(function(t){return"stroke-"+t.toLowerCase()}));function XS(t,e,n,i){var r=null==e.opacity?1:e.opacity;if(n instanceof dl)t("opacity",r);else{if(function(t){var e=t.fill;return null!=e&&e!==WS}(e)){var o=_i(e.fill);t("fill",o.color);var a=null!=e.fillOpacity?e.fillOpacity*o.opacity*r:o.opacity*r;(i||a<1)&&t("fill-opacity",a)}else t("fill",WS);if(function(t){var e=t.stroke;return null!=e&&e!==WS}(e)){var s=_i(e.stroke);t("stroke",s.color);var l=e.strokeNoScale?n.getLineScale():1,u=l?(e.lineWidth||0)/l:0,c=null!=e.strokeOpacity?e.strokeOpacity*s.opacity*r:s.opacity*r,h=e.strokeFirst;if((i||1!==u)&&t("stroke-width",u),(i||h)&&t("paint-order",h?"stroke":"fill"),(i||c<1)&&t("stroke-opacity",c),e.lineDash){var d=mm(n),p=d[0],f=d[1];p&&(f=HS(f||0),t("stroke-dasharray",p.join(",")),(f||i)&&t("stroke-dashoffset",f))}else i&&t("stroke-dasharray",WS);for(var g=0;g<US.length;g++){var y=US[g];if(i||e[y]!==rl[y]){var v=e[y]||rl[y];v&&t(YS[g],v)}}}else i&&t("stroke",WS)}}var ZS="http://www.w3.org/2000/svg",jS="http://www.w3.org/1999/xlink",qS="ecmeta_";function KS(t){return document.createElementNS(ZS,t)}function $S(t,e,n,i,r){return{tag:t,attrs:n||{},children:i,text:r,key:e}}function JS(t,e){var n=(e=e||{}).newline?"\n":"";return function t(e){var i=e.children,r=e.tag,o=e.attrs,a=e.text;return function(t,e){var n=[];if(e)for(var i in e){var r=e[i],o=i;!1!==r&&(!0!==r&&null!=r&&(o+='="'+r+'"'),n.push(o))}return"<"+t+" "+n.join(" ")+">"}(r,o)+("style"!==r?oe(a):a||"")+(i?""+n+E(i,(function(e){return t(e)})).join(n)+n:"")+("</"+r+">")}(t)}function QS(t){return{zrId:t,shadowCache:{},patternCache:{},gradientCache:{},clipPathCache:{},defs:{},cssNodes:{},cssAnims:{},cssStyleCache:{},cssAnimIdx:0,shadowIdx:0,gradientIdx:0,patternIdx:0,clipPathIdx:0}}function tM(t,e,n,i){return $S("svg","root",{width:t,height:e,xmlns:ZS,"xmlns:xlink":jS,version:"1.1",baseProfile:"full",viewBox:!!i&&"0 0 "+t+" "+e},n)}var eM=0;function nM(){return eM++}var iM={cubicIn:"0.32,0,0.67,0",cubicOut:"0.33,1,0.68,1",cubicInOut:"0.65,0,0.35,1",quadraticIn:"0.11,0,0.5,0",quadraticOut:"0.5,1,0.89,1",quadraticInOut:"0.45,0,0.55,1",quarticIn:"0.5,0,0.75,0",quarticOut:"0.25,1,0.5,1",quarticInOut:"0.76,0,0.24,1",quinticIn:"0.64,0,0.78,0",quinticOut:"0.22,1,0.36,1",quinticInOut:"0.83,0,0.17,1",sinusoidalIn:"0.12,0,0.39,0",sinusoidalOut:"0.61,1,0.88,1",sinusoidalInOut:"0.37,0,0.63,1",exponentialIn:"0.7,0,0.84,0",exponentialOut:"0.16,1,0.3,1",exponentialInOut:"0.87,0,0.13,1",circularIn:"0.55,0,1,0.45",circularOut:"0,0.55,0.45,1",circularInOut:"0.85,0,0.15,1"},rM="transform-origin";function oM(t,e,n){var i=A({},t.shape);A(i,e),t.buildPath(n,i);var r=new FS;return r.reset(Pi(t)),n.rebuildPath(r,1),r.generateStr(),r.getStr()}function aM(t,e){var n=e.originX,i=e.originY;(n||i)&&(t[rM]=n+"px "+i+"px")}var sM={fill:"fill",opacity:"opacity",lineWidth:"stroke-width",lineDashOffset:"stroke-dashoffset"};function lM(t,e){var n=e.zrId+"-ani-"+e.cssAnimIdx++;return e.cssAnims[n]=t,n}function uM(t){return X(t)?iM[t]?"cubic-bezier("+iM[t]+")":Wn(t)?t:"":""}function cM(t,e,n,i){var r=t.animators,o=r.length,a=[];if(t instanceof zc){var s=function(t,e,n){var i,r,o=t.shape.paths,a={};if(z(o,(function(t){var e=QS(n.zrId);e.animation=!0,cM(t,{},e,!0);var o=e.cssAnims,s=e.cssNodes,l=F(o),u=l.length;if(u){var c=o[r=l[u-1]];for(var h in c){var d=c[h];a[h]=a[h]||{d:""},a[h].d+=d.d||""}for(var p in s){var f=s[p].animation;f.indexOf(r)>=0&&(i=f)}}})),i){e.d=!1;var s=lM(a,n);return i.replace(r,s)}}(t,e,n);if(s)a.push(s);else if(!o)return}else if(!o)return;for(var l={},u=0;u<o;u++){var c=r[u],h=[c.getMaxTime()/1e3+"s"],d=uM(c.getClip().easing),p=c.getDelay();d?h.push(d):h.push("linear"),p&&h.push(p/1e3+"s"),c.getLoop()&&h.push("infinite");var f=h.join(" ");l[f]=l[f]||[f,[]],l[f][1].push(c)}function g(r){var o,a=r[1],s=a.length,l={},u={},c={},h="animation-timing-function";function d(t,e,n){for(var i=t.getTracks(),r=t.getMaxTime(),o=0;o<i.length;o++){var a=i[o];if(a.needsAnimate()){var s=a.keyframes,l=a.propName;if(n&&(l=n(l)),l)for(var u=0;u<s.length;u++){var c=s[u],d=Math.round(c.time/r*100)+"%",p=uM(c.easing),f=c.rawValue;(X(f)||j(f))&&(e[d]=e[d]||{},e[d][l]=c.rawValue,p&&(e[d][h]=p))}}}}for(var p=0;p<s;p++){(S=(w=a[p]).targetName)?"shape"===S&&d(w,u):!i&&d(w,l)}for(var f in l){var g={};kr(g,t),A(g,l[f]);var y=Oi(g),v=l[f][h];c[f]=y?{transform:y}:{},aM(c[f],g),v&&(c[f][h]=v)}var m=!0;for(var f in u){c[f]=c[f]||{};var x=!o;v=u[f][h];x&&(o=new Fs);var _=o.len();o.reset(),c[f].d=oM(t,u[f],o);var b=o.len();if(!x&&_!==b){m=!1;break}v&&(c[f][h]=v)}if(!m)for(var f in c)delete c[f].d;if(!i)for(p=0;p<s;p++){var w,S;"style"===(S=(w=a[p]).targetName)&&d(w,c,(function(t){return sM[t]}))}var M,I=F(c),T=!0;for(p=1;p<I.length;p++){var C=I[p-1],D=I[p];if(c[C][rM]!==c[D][rM]){T=!1;break}M=c[C][rM]}if(T&&M){for(var f in c)c[f][rM]&&delete c[f][rM];e[rM]=M}if(V(I,(function(t){return F(c[t]).length>0})).length)return lM(c,n)+" "+r[0]+" both"}for(var y in l){(s=g(l[y]))&&a.push(s)}if(a.length){var v=n.zrId+"-cls-"+nM();n.cssNodes["."+v]={animation:a.join(",")},e.class=v}}function hM(t,e,n,i){var r=JSON.stringify(t),o=n.cssStyleCache[r];o||(o=n.zrId+"-cls-"+nM(),n.cssStyleCache[r]=o,n.cssNodes["."+o+(i?":hover":"")]=t),e.class=e.class?e.class+" "+o:o}var dM=Math.round;function pM(t){return t&&X(t.src)}function fM(t){return t&&Y(t.toDataURL)}function gM(t,e,n,i){XS((function(r,o){var a="fill"===r||"stroke"===r;a&&ki(o)?TM(e,t,r,i):a&&Ci(o)?CM(n,t,r,i):t[r]=o,a&&i.ssr&&"none"===o&&(t["pointer-events"]="visible")}),e,n,!1),function(t,e,n){var i=t.style;if(function(t){return t&&(t.shadowBlur||t.shadowOffsetX||t.shadowOffsetY)}(i)){var r=function(t){var e=t.style,n=t.getGlobalScale();return[e.shadowColor,(e.shadowBlur||0).toFixed(2),(e.shadowOffsetX||0).toFixed(2),(e.shadowOffsetY||0).toFixed(2),n[0],n[1]].join(",")}(t),o=n.shadowCache,a=o[r];if(!a){var s=t.getGlobalScale(),l=s[0],u=s[1];if(!l||!u)return;var c=i.shadowOffsetX||0,h=i.shadowOffsetY||0,d=i.shadowBlur,p=_i(i.shadowColor),f=p.opacity,g=p.color,y=d/2/l+" "+d/2/u;a=n.zrId+"-s"+n.shadowIdx++,n.defs[a]=$S("filter",a,{id:a,x:"-100%",y:"-100%",width:"300%",height:"300%"},[$S("feDropShadow","",{dx:c/l,dy:h/u,stdDeviation:y,"flood-color":g,"flood-opacity":f})]),o[r]=a}e.filter=Li(a)}}(n,t,i)}function yM(t,e){var n=so(e);n&&(n.each((function(e,n){null!=e&&(t[(qS+n).toLowerCase()]=e+"")})),e.isSilent()&&(t[qS+"silent"]="true"))}function vM(t){return wi(t[0]-1)&&wi(t[1])&&wi(t[2])&&wi(t[3]-1)}function mM(t,e,n){if(e&&(!function(t){return wi(t[4])&&wi(t[5])}(e)||!vM(e))){var i=n?10:1e4;t.transform=vM(e)?"translate("+dM(e[4]*i)/i+" "+dM(e[5]*i)/i+")":function(t){return"matrix("+Si(t[0])+","+Si(t[1])+","+Si(t[2])+","+Si(t[3])+","+Mi(t[4])+","+Mi(t[5])+")"}(e)}}function xM(t,e,n){for(var i=t.points,r=[],o=0;o<i.length;o++)r.push(dM(i[o][0]*n)/n),r.push(dM(i[o][1]*n)/n);e.points=r.join(" ")}function _M(t){return!t.smooth}var bM,wM,SM={circle:[(bM=["cx","cy","r"],wM=E(bM,(function(t){return"string"==typeof t?[t,t]:t})),function(t,e,n){for(var i=0;i<wM.length;i++){var r=wM[i],o=t[r[0]];null!=o&&(e[r[1]]=dM(o*n)/n)}})],polyline:[xM,_M],polygon:[xM,_M]};function MM(t,e){var n=t.style,i=t.shape,r=SM[t.type],o={},a=e.animation,s="path",l=t.style.strokePercent,u=e.compress&&Pi(t)||4;if(!r||e.willUpdate||r[1]&&!r[1](i)||a&&function(t){for(var e=t.animators,n=0;n<e.length;n++)if("shape"===e[n].targetName)return!0;return!1}(t)||l<1){var c=!t.path||t.shapeChanged();t.path||t.createPathProxy();var h=t.path;c&&(h.beginPath(),t.buildPath(h,t.shape),t.pathUpdated());var d=h.getVersion(),p=t,f=p.__svgPathBuilder;p.__svgPathVersion===d&&f&&l===p.__svgPathStrokePercent||(f||(f=p.__svgPathBuilder=new FS),f.reset(u),h.rebuildPath(f,l),f.generateStr(),p.__svgPathVersion=d,p.__svgPathStrokePercent=l),o.d=f.getStr()}else{s=t.type;var g=Math.pow(10,u);r[0](i,o,g)}return mM(o,t.transform),gM(o,n,t,e),yM(o,t),e.animation&&cM(t,o,e),e.emphasis&&function(t,e,n){if(!t.ignore)if(t.isSilent())hM(u={"pointer-events":"none"},e,n,!0);else{var i=t.states.emphasis&&t.states.emphasis.style?t.states.emphasis.style:{},r=i.fill;if(!r){var o=t.style&&t.style.fill,a=t.states.select&&t.states.select.style&&t.states.select.style.fill,s=t.currentStates.indexOf("select")>=0&&a||o;s&&(r=vi(s))}var l=i.lineWidth;l&&(l/=!i.strokeNoScale&&t.transform?t.transform[0]:1);var u={cursor:"pointer"};r&&(u.fill=r),i.stroke&&(u.stroke=i.stroke),l&&(u["stroke-width"]=l),hM(u,e,n,!0)}}(t,o,e),$S(s,t.id+"",o)}function IM(t,e){return t instanceof sl?MM(t,e):t instanceof dl?function(t,e){var n=t.style,i=n.image;if(i&&!X(i)&&(pM(i)?i=i.src:fM(i)&&(i=i.toDataURL())),i){var r=n.x||0,o=n.y||0,a={href:i,width:n.width,height:n.height};return r&&(a.x=r),o&&(a.y=o),mM(a,t.transform),gM(a,n,t,e),yM(a,t),e.animation&&cM(t,a,e),$S("image",t.id+"",a)}}(t,e):t instanceof ul?function(t,e){var n=t.style,i=n.text;if(null!=i&&(i+=""),i&&!isNaN(n.x)&&!isNaN(n.y)){var r=n.font||a,s=n.x||0,l=function(t,e,n){return"top"===n?t+=e/2:"bottom"===n&&(t-=e/2),t}(n.y||0,Gr(r),n.textBaseline),u={"dominant-baseline":"central","text-anchor":Ii[n.textAlign]||n.textAlign};if(Al(n)){var c="",h=n.fontStyle,d=Cl(n.fontSize);if(!parseFloat(d))return;var p=n.fontFamily||o,f=n.fontWeight;c+="font-size:"+d+";font-family:"+p+";",h&&"normal"!==h&&(c+="font-style:"+h+";"),f&&"normal"!==f&&(c+="font-weight:"+f+";"),u.style=c}else u.style="font: "+r;return i.match(/\s/)&&(u["xml:space"]="preserve"),s&&(u.x=s),l&&(u.y=l),mM(u,t.transform),gM(u,n,t,e),yM(u,t),e.animation&&cM(t,u,e),$S("text",t.id+"",u,void 0,i)}}(t,e):void 0}function TM(t,e,n,i){var r,o=t[n],a={gradientUnits:o.global?"userSpaceOnUse":"objectBoundingBox"};if(Di(o))r="linearGradient",a.x1=o.x,a.y1=o.y,a.x2=o.x2,a.y2=o.y2;else{if(!Ai(o))return void 0;r="radialGradient",a.cx=rt(o.x,.5),a.cy=rt(o.y,.5),a.r=rt(o.r,.5)}for(var s=o.colorStops,l=[],u=0,c=s.length;u<c;++u){var h=100*Mi(s[u].offset)+"%",d=_i(s[u].color),p=d.color,f=d.opacity,g={offset:h};g["stop-color"]=p,f<1&&(g["stop-opacity"]=f),l.push($S("stop",u+"",g))}var y=JS($S(r,"",a,l)),v=i.gradientCache,m=v[y];m||(m=i.zrId+"-g"+i.gradientIdx++,v[y]=m,a.id=m,i.defs[m]=$S(r,m,a,l)),e[n]=Li(m)}function CM(t,e,n,i){var r,o=t.style[n],a=t.getBoundingRect(),s={},l=o.repeat,u="no-repeat"===l,c="repeat-x"===l,h="repeat-y"===l;if(Ti(o)){var d=o.imageWidth,p=o.imageHeight,f=void 0,g=o.image;if(X(g)?f=g:pM(g)?f=g.src:fM(g)&&(f=g.toDataURL()),"undefined"==typeof Image){var y="Image width/height must been given explictly in svg-ssr renderer.";lt(d,y),lt(p,y)}else if(null==d||null==p){var v=function(t,e){if(t){var n=t.elm,i=d||e.width,r=p||e.height;"pattern"===t.tag&&(c?(r=1,i/=a.width):h&&(i=1,r/=a.height)),t.attrs.width=i,t.attrs.height=r,n&&(n.setAttribute("width",i),n.setAttribute("height",r))}},m=Oa(f,null,t,(function(t){u||v(w,t),v(r,t)}));m&&m.width&&m.height&&(d=d||m.width,p=p||m.height)}r=$S("image","img",{href:f,width:d,height:p}),s.width=d,s.height=p}else o.svgElement&&(r=T(o.svgElement),s.width=o.svgWidth,s.height=o.svgHeight);if(r){var x,_;u?x=_=1:c?(_=1,x=s.width/a.width):h?(x=1,_=s.height/a.height):s.patternUnits="userSpaceOnUse",null==x||isNaN(x)||(s.width=x),null==_||isNaN(_)||(s.height=_);var b=Oi(o);b&&(s.patternTransform=b);var w=$S("pattern","",s,[r]),S=JS(w),M=i.patternCache,I=M[S];I||(I=i.zrId+"-p"+i.patternIdx++,M[S]=I,s.id=I,w=i.defs[I]=$S("pattern",I,s,[r])),e[n]=Li(I)}}function DM(t,e,n){var i=n.clipPathCache,r=n.defs,o=i[t.id];if(!o){var a={id:o=n.zrId+"-c"+n.clipPathIdx++};i[t.id]=o,r[o]=$S("clipPath",o,a,[MM(t,n)])}e["clip-path"]=Li(o)}function AM(t){return document.createTextNode(t)}function kM(t,e,n){t.insertBefore(e,n)}function LM(t,e){t.removeChild(e)}function PM(t,e){t.appendChild(e)}function OM(t){return t.parentNode}function RM(t){return t.nextSibling}function NM(t,e){t.textContent=e}var zM=$S("","");function EM(t){return void 0===t}function BM(t){return void 0!==t}function VM(t,e,n){for(var i={},r=e;r<=n;++r){var o=t[r].key;void 0!==o&&(i[o]=r)}return i}function GM(t,e){var n=t.key===e.key;return t.tag===e.tag&&n}function FM(t){var e,n=t.children,i=t.tag;if(BM(i)){var r=t.elm=KS(i);if(UM(zM,t),U(n))for(e=0;e<n.length;++e){var o=n[e];null!=o&&PM(r,FM(o))}else BM(t.text)&&!q(t.text)&&PM(r,AM(t.text))}else t.elm=AM(t.text);return t.elm}function WM(t,e,n,i,r){for(;i<=r;++i){var o=n[i];null!=o&&kM(t,FM(o),e)}}function HM(t,e,n,i){for(;n<=i;++n){var r=e[n];if(null!=r)if(BM(r.tag))LM(OM(r.elm),r.elm);else LM(t,r.elm)}}function UM(t,e){var n,i=e.elm,r=t&&t.attrs||{},o=e.attrs||{};if(r!==o){for(n in o){var a=o[n];r[n]!==a&&(!0===a?i.setAttribute(n,""):!1===a?i.removeAttribute(n):"style"===n?i.style.cssText=a:120!==n.charCodeAt(0)?i.setAttribute(n,a):"xmlns:xlink"===n||"xmlns"===n?i.setAttributeNS("http://www.w3.org/2000/xmlns/",n,a):58===n.charCodeAt(3)?i.setAttributeNS("http://www.w3.org/XML/1998/namespace",n,a):58===n.charCodeAt(5)?i.setAttributeNS(jS,n,a):i.setAttribute(n,a))}for(n in r)n in o||i.removeAttribute(n)}}function YM(t,e){var n=e.elm=t.elm,i=t.children,r=e.children;t!==e&&(UM(t,e),EM(e.text)?BM(i)&&BM(r)?i!==r&&function(t,e,n){for(var i,r,o,a=0,s=0,l=e.length-1,u=e[0],c=e[l],h=n.length-1,d=n[0],p=n[h];a<=l&&s<=h;)null==u?u=e[++a]:null==c?c=e[--l]:null==d?d=n[++s]:null==p?p=n[--h]:GM(u,d)?(YM(u,d),u=e[++a],d=n[++s]):GM(c,p)?(YM(c,p),c=e[--l],p=n[--h]):GM(u,p)?(YM(u,p),kM(t,u.elm,RM(c.elm)),u=e[++a],p=n[--h]):GM(c,d)?(YM(c,d),kM(t,c.elm,u.elm),c=e[--l],d=n[++s]):(EM(i)&&(i=VM(e,a,l)),EM(r=i[d.key])||(o=e[r]).tag!==d.tag?kM(t,FM(d),u.elm):(YM(o,d),e[r]=void 0,kM(t,o.elm,u.elm)),d=n[++s]);(a<=l||s<=h)&&(a>l?WM(t,null==n[h+1]?null:n[h+1].elm,n,s,h):HM(t,e,a,l))}(n,i,r):BM(r)?(BM(t.text)&&NM(n,""),WM(n,null,r,0,r.length-1)):BM(i)?HM(n,i,0,i.length-1):BM(t.text)&&NM(n,""):t.text!==e.text&&(BM(i)&&HM(n,i,0,i.length-1),NM(n,e.text)))}var XM=0,ZM=function(){function t(t,e,n){if(this.type="svg",this.refreshHover=jM("refreshHover"),this.configLayer=jM("configLayer"),this.storage=e,this._opts=n=A({},n),this.root=t,this._id="zr"+XM++,this._oldVNode=tM(n.width,n.height),t&&!n.ssr){var i=this._viewport=document.createElement("div");i.style.cssText="position:relative;overflow:hidden";var r=this._svgDom=this._oldVNode.elm=KS("svg");UM(null,this._oldVNode),i.appendChild(r),t.appendChild(i)}this.resize(n.width,n.height)}return t.prototype.getType=function(){return this.type},t.prototype.getViewportRoot=function(){return this._viewport},t.prototype.getViewportRootOffset=function(){var t=this.getViewportRoot();if(t)return{offsetLeft:t.offsetLeft||0,offsetTop:t.offsetTop||0}},t.prototype.getSvgDom=function(){return this._svgDom},t.prototype.refresh=function(){if(this.root){var t=this.renderToVNode({willUpdate:!0});t.attrs.style="position:absolute;left:0;top:0;user-select:none",function(t,e){if(GM(t,e))YM(t,e);else{var n=t.elm,i=OM(n);FM(e),null!==i&&(kM(i,e.elm,RM(n)),HM(i,[t],0,0))}}(this._oldVNode,t),this._oldVNode=t}},t.prototype.renderOneToVNode=function(t){return IM(t,QS(this._id))},t.prototype.renderToVNode=function(t){t=t||{};var e=this.storage.getDisplayList(!0),n=this._width,i=this._height,r=QS(this._id);r.animation=t.animation,r.willUpdate=t.willUpdate,r.compress=t.compress,r.emphasis=t.emphasis,r.ssr=this._opts.ssr;var o=[],a=this._bgVNode=function(t,e,n,i){var r;if(n&&"none"!==n)if(r=$S("rect","bg",{width:t,height:e,x:"0",y:"0"}),ki(n))TM({fill:n},r.attrs,"fill",i);else if(Ci(n))CM({style:{fill:n},dirty:bt,getBoundingRect:function(){return{width:t,height:e}}},r.attrs,"fill",i);else{var o=_i(n),a=o.color,s=o.opacity;r.attrs.fill=a,s<1&&(r.attrs["fill-opacity"]=s)}return r}(n,i,this._backgroundColor,r);a&&o.push(a);var s=t.compress?null:this._mainVNode=$S("g","main",{},[]);this._paintList(e,r,s?s.children:o),s&&o.push(s);var l=E(F(r.defs),(function(t){return r.defs[t]}));if(l.length&&o.push($S("defs","defs",{},l)),t.animation){var u=function(t,e,n){var i=(n=n||{}).newline?"\n":"",r=" {"+i,o=i+"}",a=E(F(t),(function(e){return e+r+E(F(t[e]),(function(n){return n+":"+t[e][n]+";"})).join(i)+o})).join(i),s=E(F(e),(function(t){return"@keyframes "+t+r+E(F(e[t]),(function(n){return n+r+E(F(e[t][n]),(function(i){var r=e[t][n][i];return"d"===i&&(r='path("'+r+'")'),i+":"+r+";"})).join(i)+o})).join(i)+o})).join(i);return a||s?["<![CDATA[",a,s,"]]>"].join(i):""}(r.cssNodes,r.cssAnims,{newline:!0});if(u){var c=$S("style","stl",{},[],u);o.push(c)}}return tM(n,i,o,t.useViewBox)},t.prototype.renderToString=function(t){return t=t||{},JS(this.renderToVNode({animation:rt(t.cssAnimation,!0),emphasis:rt(t.cssEmphasis,!0),willUpdate:!1,compress:!0,useViewBox:rt(t.useViewBox,!0)}),{newline:!0})},t.prototype.setBackgroundColor=function(t){this._backgroundColor=t},t.prototype.getSvgRoot=function(){return this._mainVNode&&this._mainVNode.elm},t.prototype._paintList=function(t,e,n){for(var i,r,o=t.length,a=[],s=0,l=0,u=0;u<o;u++){var c=t[u];if(!c.invisible){var h=c.__clipPaths,d=h&&h.length||0,p=r&&r.length||0,f=void 0;for(f=Math.max(d-1,p-1);f>=0&&(!h||!r||h[f]!==r[f]);f--);for(var g=p-1;g>f;g--)i=a[--s-1];for(var y=f+1;y<d;y++){var v={};DM(h[y],v,e);var m=$S("g","clip-g-"+l++,v,[]);(i?i.children:n).push(m),a[s++]=m,i=m}r=h;var x=IM(c,e);x&&(i?i.children:n).push(x)}}},t.prototype.resize=function(t,e){var n=this._opts,i=this.root,r=this._viewport;if(null!=t&&(n.width=t),null!=e&&(n.height=e),i&&r&&(r.style.display="none",t=vm(i,0,n),e=vm(i,1,n),r.style.display=""),this._width!==t||this._height!==e){if(this._width=t,this._height=e,r){var o=r.style;o.width=t+"px",o.height=e+"px"}if(Ci(this._backgroundColor))this.refresh();else{var a=this._svgDom;a&&(a.setAttribute("width",t),a.setAttribute("height",e));var s=this._bgVNode&&this._bgVNode.elm;s&&(s.setAttribute("width",t),s.setAttribute("height",e))}}},t.prototype.getWidth=function(){return this._width},t.prototype.getHeight=function(){return this._height},t.prototype.dispose=function(){this.root&&(this.root.innerHTML=""),this._svgDom=this._viewport=this.storage=this._oldVNode=this._bgVNode=this._mainVNode=null},t.prototype.clear=function(){this._svgDom&&(this._svgDom.innerHTML=null),this._oldVNode=null},t.prototype.toDataURL=function(t){var e=this.renderToString(),n="data:image/svg+xml;";return t?(e=Ri(e))&&n+"base64,"+e:n+"charset=UTF-8,"+encodeURIComponent(e)},t}();function jM(t){return function(){0}}function qM(t,e,n){var i=c.createCanvas(),r=e.getWidth(),o=e.getHeight(),a=i.style;return a&&(a.position="absolute",a.left="0",a.top="0",a.width=r+"px",a.height=o+"px",i.setAttribute("data-zr-dom-id",t)),i.width=r*n,i.height=o*n,i}var KM=function(t){function e(e,n,i){var r,o=t.call(this)||this;o.motionBlur=!1,o.lastFrameAlpha=.7,o.dpr=1,o.virtual=!1,o.config={},o.incremental=!1,o.zlevel=0,o.maxRepaintRectCount=5,o.__dirty=!0,o.__firstTimePaint=!0,o.__used=!1,o.__drawIndex=0,o.__startIndex=0,o.__endIndex=0,o.__prevStartIndex=null,o.__prevEndIndex=null,i=i||vr,"string"==typeof e?r=qM(e,n,i):q(e)&&(e=(r=e).id),o.id=e,o.dom=r;var a=r.style;return a&&(xt(r),r.onselectstart=function(){return!1},a.padding="0",a.margin="0",a.borderWidth="0"),o.painter=n,o.dpr=i,o}return n(e,t),e.prototype.getElementCount=function(){return this.__endIndex-this.__startIndex},e.prototype.afterBrush=function(){this.__prevStartIndex=this.__startIndex,this.__prevEndIndex=this.__endIndex},e.prototype.initContext=function(){this.ctx=this.dom.getContext("2d"),this.ctx.dpr=this.dpr},e.prototype.setUnpainted=function(){this.__firstTimePaint=!0},e.prototype.createBackBuffer=function(){var t=this.dpr;this.domBack=qM("back-"+this.id,this.painter,t),this.ctxBack=this.domBack.getContext("2d"),1!==t&&this.ctxBack.scale(t,t)},e.prototype.createRepaintRects=function(t,e,n,i){if(this.__firstTimePaint)return this.__firstTimePaint=!1,null;var r,o=[],a=this.maxRepaintRectCount,s=!1,l=new He(0,0,0,0);function u(t){if(t.isFinite()&&!t.isZero())if(0===o.length){(e=new He(0,0,0,0)).copy(t),o.push(e)}else{for(var e,n=!1,i=1/0,r=0,u=0;u<o.length;++u){var c=o[u];if(c.intersect(t)){var h=new He(0,0,0,0);h.copy(c),h.union(t),o[u]=h,n=!0;break}if(s){l.copy(t),l.union(c);var d=t.width*t.height,p=c.width*c.height,f=l.width*l.height-d-p;f<i&&(i=f,r=u)}}if(s&&(o[r].union(t),n=!0),!n)(e=new He(0,0,0,0)).copy(t),o.push(e);s||(s=o.length>=a)}}for(var c=this.__startIndex;c<this.__endIndex;++c){if(p=t[c]){var h=p.shouldBePainted(n,i,!0,!0);(f=p.__isRendered&&(1&p.__dirty||!h)?p.getPrevPaintRect():null)&&u(f);var d=h&&(1&p.__dirty||!p.__isRendered)?p.getPaintRect():null;d&&u(d)}}for(c=this.__prevStartIndex;c<this.__prevEndIndex;++c){var p,f;h=(p=e[c])&&p.shouldBePainted(n,i,!0,!0);if(p&&(!h||!p.__zr)&&p.__isRendered)(f=p.getPrevPaintRect())&&u(f)}do{r=!1;for(c=0;c<o.length;)if(o[c].isZero())o.splice(c,1);else{for(var g=c+1;g<o.length;)o[c].intersect(o[g])?(r=!0,o[c].union(o[g]),o.splice(g,1)):g++;c++}}while(r);return this._paintRects=o,o},e.prototype.debugGetPaintRects=function(){return(this._paintRects||[]).slice()},e.prototype.resize=function(t,e){var n=this.dpr,i=this.dom,r=i.style,o=this.domBack;r&&(r.width=t+"px",r.height=e+"px"),i.width=t*n,i.height=e*n,o&&(o.width=t*n,o.height=e*n,1!==n&&this.ctxBack.scale(n,n))},e.prototype.clear=function(t,e,n){var i=this.dom,r=this.ctx,o=i.width,a=i.height;e=e||this.clearColor;var s=this.motionBlur&&!t,l=this.lastFrameAlpha,u=this.dpr,c=this;s&&(this.domBack||this.createBackBuffer(),this.ctxBack.globalCompositeOperation="copy",this.ctxBack.drawImage(i,0,0,o/u,a/u));var h=this.domBack;function d(t,n,i,o){if(r.clearRect(t,n,i,o),e&&"transparent"!==e){var a=void 0;if(Q(e))a=(e.global||e.__width===i&&e.__height===o)&&e.__canvasGradient||gm(r,e,{x:0,y:0,width:i,height:o}),e.__canvasGradient=a,e.__width=i,e.__height=o;else tt(e)&&(e.scaleX=e.scaleX||u,e.scaleY=e.scaleY||u,a=Im(r,e,{dirty:function(){c.setUnpainted(),c.painter.refresh()}}));r.save(),r.fillStyle=a||e,r.fillRect(t,n,i,o),r.restore()}s&&(r.save(),r.globalAlpha=l,r.drawImage(h,t,n,i,o),r.restore())}!n||s?d(0,0,o,a):n.length&&z(n,(function(t){d(t.x*u,t.y*u,t.width*u,t.height*u)}))},e}(qt),$M=1e5,JM=314159,QM=.01;var tI=function(){function t(t,e,n,i){this.type="canvas",this._zlevelList=[],this._prevDisplayList=[],this._layers={},this._layerConfig={},this._needsManuallyCompositing=!1,this.type="canvas";var r=!t.nodeName||"CANVAS"===t.nodeName.toUpperCase();this._opts=n=A({},n||{}),this.dpr=n.devicePixelRatio||vr,this._singleCanvas=r,this.root=t,t.style&&(xt(t),t.innerHTML=""),this.storage=e;var o=this._zlevelList;this._prevDisplayList=[];var a=this._layers;if(r){var s=t,l=s.width,u=s.height;null!=n.width&&(l=n.width),null!=n.height&&(u=n.height),this.dpr=n.devicePixelRatio||1,s.width=l*this.dpr,s.height=u*this.dpr,this._width=l,this._height=u;var c=new KM(s,this,this.dpr);c.__builtin__=!0,c.initContext(),a[314159]=c,c.zlevel=JM,o.push(JM),this._domRoot=t}else{this._width=vm(t,0,n),this._height=vm(t,1,n);var h=this._domRoot=function(t,e){var n=document.createElement("div");return n.style.cssText=["position:relative","width:"+t+"px","height:"+e+"px","padding:0","margin:0","border-width:0"].join(";")+";",n}(this._width,this._height);t.appendChild(h)}}return t.prototype.getType=function(){return"canvas"},t.prototype.isSingleCanvas=function(){return this._singleCanvas},t.prototype.getViewportRoot=function(){return this._domRoot},t.prototype.getViewportRootOffset=function(){var t=this.getViewportRoot();if(t)return{offsetLeft:t.offsetLeft||0,offsetTop:t.offsetTop||0}},t.prototype.refresh=function(t){var e=this.storage.getDisplayList(!0),n=this._prevDisplayList,i=this._zlevelList;this._redrawId=Math.random(),this._paintList(e,n,t,this._redrawId);for(var r=0;r<i.length;r++){var o=i[r],a=this._layers[o];if(!a.__builtin__&&a.refresh){var s=0===r?this._backgroundColor:null;a.refresh(s)}}return this._opts.useDirtyRect&&(this._prevDisplayList=e.slice()),this},t.prototype.refreshHover=function(){this._paintHoverList(this.storage.getDisplayList(!1))},t.prototype._paintHoverList=function(t){var e=t.length,n=this._hoverlayer;if(n&&n.clear(),e){for(var i,r={inHover:!0,viewWidth:this._width,viewHeight:this._height},o=0;o<e;o++){var a=t[o];a.__inHover&&(n||(n=this._hoverlayer=this.getLayer($M)),i||(i=n.ctx).save(),Rm(i,a,r,o===e-1))}i&&i.restore()}},t.prototype.getHoverLayer=function(){return this.getLayer($M)},t.prototype.paintOne=function(t,e){Om(t,e)},t.prototype._paintList=function(t,e,n,i){if(this._redrawId===i){n=n||!1,this._updateLayerStatus(t);var r=this._doPaintList(t,e,n),o=r.finished,a=r.needsRefreshHover;if(this._needsManuallyCompositing&&this._compositeManually(),a&&this._paintHoverList(t),o)this.eachLayer((function(t){t.afterBrush&&t.afterBrush()}));else{var s=this;gn((function(){s._paintList(t,e,n,i)}))}}},t.prototype._compositeManually=function(){var t=this.getLayer(JM).ctx,e=this._domRoot.width,n=this._domRoot.height;t.clearRect(0,0,e,n),this.eachBuiltinLayer((function(i){i.virtual&&t.drawImage(i.dom,0,0,e,n)}))},t.prototype._doPaintList=function(t,e,n){for(var i=this,o=[],a=this._opts.useDirtyRect,s=0;s<this._zlevelList.length;s++){var l=this._zlevelList[s],u=this._layers[l];u.__builtin__&&u!==this._hoverlayer&&(u.__dirty||n)&&o.push(u)}for(var c=!0,h=!1,d=function(r){var s,l=o[r],u=l.ctx,d=a&&l.createRepaintRects(t,e,p._width,p._height),f=n?l.__startIndex:l.__drawIndex,g=!n&&l.incremental&&Date.now,y=g&&Date.now(),v=l.zlevel===p._zlevelList[0]?p._backgroundColor:null;if(l.__startIndex===l.__endIndex)l.clear(!1,v,d);else if(f===l.__startIndex){var m=t[f];m.incremental&&m.notClear&&!n||l.clear(!1,v,d)}-1===f&&(console.error("For some unknown reason. drawIndex is -1"),f=l.__startIndex);var x=function(e){var n={inHover:!1,allClipped:!1,prevEl:null,viewWidth:i._width,viewHeight:i._height};for(s=f;s<l.__endIndex;s++){var r=t[s];if(r.__inHover&&(h=!0),i._doPaintEl(r,l,a,e,n,s===l.__endIndex-1),g)if(Date.now()-y>15)break}n.prevElClipPaths&&u.restore()};if(d)if(0===d.length)s=l.__endIndex;else for(var _=p.dpr,b=0;b<d.length;++b){var w=d[b];u.save(),u.beginPath(),u.rect(w.x*_,w.y*_,w.width*_,w.height*_),u.clip(),x(w),u.restore()}else u.save(),x(),u.restore();l.__drawIndex=s,l.__drawIndex<l.__endIndex&&(c=!1)},p=this,f=0;f<o.length;f++)d(f);return r.wxa&&z(this._layers,(function(t){t&&t.ctx&&t.ctx.draw&&t.ctx.draw()})),{finished:c,needsRefreshHover:h}},t.prototype._doPaintEl=function(t,e,n,i,r,o){var a=e.ctx;if(n){var s=t.getPaintRect();(!i||s&&s.intersect(i))&&(Rm(a,t,r,o),t.setPrevPaintRect(s))}else Rm(a,t,r,o)},t.prototype.getLayer=function(t,e){this._singleCanvas&&!this._needsManuallyCompositing&&(t=JM);var n=this._layers[t];return n||((n=new KM("zr_"+t,this,this.dpr)).zlevel=t,n.__builtin__=!0,this._layerConfig[t]?C(n,this._layerConfig[t],!0):this._layerConfig[t-QM]&&C(n,this._layerConfig[t-QM],!0),e&&(n.virtual=e),this.insertLayer(t,n),n.initContext()),n},t.prototype.insertLayer=function(t,e){var n=this._layers,i=this._zlevelList,r=i.length,o=this._domRoot,a=null,s=-1;if(!n[t]&&function(t){return!!t&&(!!t.__builtin__||"function"==typeof t.resize&&"function"==typeof t.refresh)}(e)){if(r>0&&t>i[0]){for(s=0;s<r-1&&!(i[s]<t&&i[s+1]>t);s++);a=n[i[s]]}if(i.splice(s+1,0,t),n[t]=e,!e.virtual)if(a){var l=a.dom;l.nextSibling?o.insertBefore(e.dom,l.nextSibling):o.appendChild(e.dom)}else o.firstChild?o.insertBefore(e.dom,o.firstChild):o.appendChild(e.dom);e.painter||(e.painter=this)}},t.prototype.eachLayer=function(t,e){for(var n=this._zlevelList,i=0;i<n.length;i++){var r=n[i];t.call(e,this._layers[r],r)}},t.prototype.eachBuiltinLayer=function(t,e){for(var n=this._zlevelList,i=0;i<n.length;i++){var r=n[i],o=this._layers[r];o.__builtin__&&t.call(e,o,r)}},t.prototype.eachOtherLayer=function(t,e){for(var n=this._zlevelList,i=0;i<n.length;i++){var r=n[i],o=this._layers[r];o.__builtin__||t.call(e,o,r)}},t.prototype.getLayers=function(){return this._layers},t.prototype._updateLayerStatus=function(t){function e(t){o&&(o.__endIndex!==t&&(o.__dirty=!0),o.__endIndex=t)}if(this.eachBuiltinLayer((function(t,e){t.__dirty=t.__used=!1})),this._singleCanvas)for(var n=1;n<t.length;n++){if((s=t[n]).zlevel!==t[n-1].zlevel||s.incremental){this._needsManuallyCompositing=!0;break}}var i,r,o=null,a=0;for(r=0;r<t.length;r++){var s,l=(s=t[r]).zlevel,u=void 0;i!==l&&(i=l,a=0),s.incremental?((u=this.getLayer(l+.001,this._needsManuallyCompositing)).incremental=!0,a=1):u=this.getLayer(l+(a>0?QM:0),this._needsManuallyCompositing),u.__builtin__||I("ZLevel "+l+" has been used by unkown layer "+u.id),u!==o&&(u.__used=!0,u.__startIndex!==r&&(u.__dirty=!0),u.__startIndex=r,u.incremental?u.__drawIndex=-1:u.__drawIndex=r,e(r),o=u),1&s.__dirty&&!s.__inHover&&(u.__dirty=!0,u.incremental&&u.__drawIndex<0&&(u.__drawIndex=r))}e(r),this.eachBuiltinLayer((function(t,e){!t.__used&&t.getElementCount()>0&&(t.__dirty=!0,t.__startIndex=t.__endIndex=t.__drawIndex=0),t.__dirty&&t.__drawIndex<0&&(t.__drawIndex=t.__startIndex)}))},t.prototype.clear=function(){return this.eachBuiltinLayer(this._clearLayer),this},t.prototype._clearLayer=function(t){t.clear()},t.prototype.setBackgroundColor=function(t){this._backgroundColor=t,z(this._layers,(function(t){t.setUnpainted()}))},t.prototype.configLayer=function(t,e){if(e){var n=this._layerConfig;n[t]?C(n[t],e,!0):n[t]=e;for(var i=0;i<this._zlevelList.length;i++){var r=this._zlevelList[i];if(r===t||r===t+QM)C(this._layers[r],n[t],!0)}}},t.prototype.delLayer=function(t){var e=this._layers,n=this._zlevelList,i=e[t];i&&(i.dom.parentNode.removeChild(i.dom),delete e[t],n.splice(P(n,t),1))},t.prototype.resize=function(t,e){if(this._domRoot.style){var n=this._domRoot;n.style.display="none";var i=this._opts,r=this.root;if(null!=t&&(i.width=t),null!=e&&(i.height=e),t=vm(r,0,i),e=vm(r,1,i),n.style.display="",this._width!==t||e!==this._height){for(var o in n.style.width=t+"px",n.style.height=e+"px",this._layers)this._layers.hasOwnProperty(o)&&this._layers[o].resize(t,e);this.refresh(!0)}this._width=t,this._height=e}else{if(null==t||null==e)return;this._width=t,this._height=e,this.getLayer(JM).resize(t,e)}return this},t.prototype.clearLayer=function(t){var e=this._layers[t];e&&e.clear()},t.prototype.dispose=function(){this.root.innerHTML="",this.root=this.storage=this._domRoot=this._layers=null},t.prototype.getRenderedCanvas=function(t){if(t=t||{},this._singleCanvas&&!this._compositeManually)return this._layers[314159].dom;var e=new KM("image",this,t.pixelRatio||this.dpr);e.initContext(),e.clear(!1,t.backgroundColor||this._backgroundColor);var n=e.ctx;if(t.pixelRatio<=this.dpr){this.refresh();var i=e.dom.width,r=e.dom.height;this.eachLayer((function(t){t.__builtin__?n.drawImage(t.dom,0,0,i,r):t.renderToCanvas&&(n.save(),t.renderToCanvas(n),n.restore())}))}else for(var o={inHover:!1,viewWidth:this._width,viewHeight:this._height},a=this.storage.getDisplayList(!0),s=0,l=a.length;s<l;s++){var u=a[s];Rm(n,u,o,s===l-1)}return e.dom},t.prototype.getWidth=function(){return this._width},t.prototype.getHeight=function(){return this._height},t}();var eI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.getInitialData=function(t){return Z_(null,this,{useEncodeDefaulter:!0})},e.prototype.getLegendIcon=function(t){var e=new to,n=hm("line",0,t.itemHeight/2,t.itemWidth,0,t.lineStyle.stroke,!1);e.add(n),n.setStyle(t.lineStyle);var i=this.getData().getVisual("symbol"),r=this.getData().getVisual("symbolRotate"),o="none"===i?"circle":i,a=.8*t.itemHeight,s=hm(o,(t.itemWidth-a)/2,(t.itemHeight-a)/2,a,a,t.itemStyle.fill);e.add(s),s.setStyle(t.itemStyle);var l="inherit"===t.iconRotate?r:t.iconRotate||0;return s.rotation=l*Math.PI/180,s.setOrigin([t.itemWidth/2,t.itemHeight/2]),o.indexOf("empty")>-1&&(s.style.stroke=s.style.fill,s.style.fill=tf.color.neutral00,s.style.lineWidth=2),e},e.type="series.line",e.dependencies=["grid","polar"],e.defaultOption={z:3,coordinateSystem:"cartesian2d",legendHoverLink:!0,clip:!0,label:{position:"top"},endLabel:{show:!1,valueAnimation:!0,distance:8},lineStyle:{width:2,type:"solid"},emphasis:{scale:!0},step:!1,smooth:!1,smoothMonotone:null,symbol:"emptyCircle",symbolSize:6,symbolRotate:null,showSymbol:!0,showAllSymbol:"auto",connectNulls:!1,sampling:"none",animationEasing:"linear",progressive:0,hoverLayerThreshold:1/0,universalTransition:{divideShape:"clone"},triggerLineEvent:!1},e}(Wy);function nI(t,e){var n=t.mapDimensionsAll("defaultedLabel"),i=n.length;if(1===i){var r=Vg(t,e,n[0]);return null!=r?r+"":null}if(i){for(var o=[],a=0;a<n.length;a++)o.push(Vg(t,e,n[a]));return o.join(" ")}}function iI(t,e){var n=t.mapDimensionsAll("defaultedLabel");if(!U(e))return e+"";for(var i=[],r=0;r<n.length;r++){var o=t.getDimensionIndex(n[r]);o>=0&&i.push(e[o])}return i.join(" ")}var rI=function(t){function e(e,n,i,r){var o=t.call(this)||this;return o.updateData(e,n,i,r),o}return n(e,t),e.prototype._createSymbol=function(t,e,n,i,r,o){this.removeAll();var a=hm(t,-1,-1,2,2,null,o);a.attr({z2:rt(r,100),culling:!0,scaleX:i[0]/2,scaleY:i[1]/2}),a.drift=oI,this._symbolType=t,this.add(a)},e.prototype.stopSymbolAnimation=function(t){this.childAt(0).stopAnimation(null,t)},e.prototype.getSymbolType=function(){return this._symbolType},e.prototype.getSymbolPath=function(){return this.childAt(0)},e.prototype.highlight=function(){du(this.childAt(0))},e.prototype.downplay=function(){pu(this.childAt(0))},e.prototype.setZ=function(t,e){var n=this.childAt(0);n.zlevel=t,n.z=e},e.prototype.setDraggable=function(t,e){var n=this.childAt(0);n.draggable=t,n.cursor=!e&&t?"move":n.cursor},e.prototype.updateData=function(t,n,i,r){this.silent=!1;var o=t.getItemVisual(n,"symbol")||"circle",a=t.hostModel,s=e.getSymbolSize(t,n),l=e.getSymbolZ2(t,n),u=o!==this._symbolType,c=r&&r.disableAnimation;if(u){var h=t.getItemVisual(n,"symbolKeepAspect");this._createSymbol(o,t,n,s,l,h)}else{(p=this.childAt(0)).silent=!1;var d={scaleX:s[0]/2,scaleY:s[1]/2};c?p.attr(d):th(p,d,a,n),ah(p)}if(this._updateCommon(t,n,s,i,r),u){var p=this.childAt(0);if(!c){d={scaleX:this._sizeX,scaleY:this._sizeY,style:{opacity:p.style.opacity}};p.scaleX=p.scaleY=0,p.style.opacity=0,eh(p,d,a,n)}}c&&this.childAt(0).stopAnimation("leave")},e.prototype._updateCommon=function(t,e,n,i,r){var o,a,s,l,u,c,h,d,p,f=this.childAt(0),g=t.hostModel;if(i&&(o=i.emphasisItemStyle,a=i.blurItemStyle,s=i.selectItemStyle,l=i.focus,u=i.blurScope,h=i.labelStatesModels,d=i.hoverScale,p=i.cursorStyle,c=i.emphasisDisabled),!i||t.hasItemOption){var y=i&&i.itemModel?i.itemModel:t.getItemModel(e),v=y.getModel("emphasis");o=v.getModel("itemStyle").getItemStyle(),s=y.getModel(["select","itemStyle"]).getItemStyle(),a=y.getModel(["blur","itemStyle"]).getItemStyle(),l=v.get("focus"),u=v.get("blurScope"),c=v.get("disabled"),h=Jh(y),d=v.getShallow("scale"),p=y.getShallow("cursor")}var m=t.getItemVisual(e,"symbolRotate");f.attr("rotation",(m||0)*Math.PI/180||0);var x=pm(t.getItemVisual(e,"symbolOffset"),n);x&&(f.x=x[0],f.y=x[1]),p&&f.attr("cursor",p);var _=t.getItemVisual(e,"style"),b=_.fill;if(f instanceof dl){var w=f.style;f.useStyle(A({image:w.image,x:w.x,y:w.y,width:w.width,height:w.height},_))}else f.__isEmptyBrush?f.useStyle(A({},_)):f.useStyle(_),f.style.decal=null,f.setColor(b,r&&r.symbolInnerColor),f.style.strokeNoScale=!0;var S=t.getItemVisual(e,"liftZ"),M=this._z2;null!=S?null==M&&(this._z2=f.z2,f.z2+=S):null!=M&&(f.z2=M,this._z2=null);var I=r&&r.useNameLabel;$h(f,h,{labelFetcher:g,labelDataIndex:e,defaultText:function(e){return I?t.getName(e):nI(t,e)},inheritColor:b,defaultOpacity:_.opacity}),this._sizeX=n[0]/2,this._sizeY=n[1]/2;var T=f.ensureState("emphasis");T.style=o,f.ensureState("select").style=s,f.ensureState("blur").style=a;var C=null==d||!0===d?Math.max(1.1,3/this._sizeY):isFinite(d)&&d>0?+d:1;T.scaleX=this._sizeX*C,T.scaleY=this._sizeY*C,this.setSymbolScale(1),Tu(this,l,u,c)},e.prototype.setSymbolScale=function(t){this.scaleX=this.scaleY=t},e.prototype.fadeOut=function(t,e,n){var i=this.childAt(0),r=zl(this).dataIndex,o=n&&n.animation;if(this.silent=i.silent=!0,n&&n.fadeLabel){var a=i.getTextContent();a&&ih(a,{style:{opacity:0}},e,{dataIndex:r,removeOpt:o,cb:function(){i.removeTextContent()}})}else i.removeTextContent();ih(i,{style:{opacity:0},scaleX:0,scaleY:0},e,{dataIndex:r,cb:t,removeOpt:o})},e.getSymbolSize=function(t,e){return dm(t.getItemVisual(e,"symbolSize"))},e.getSymbolZ2=function(t,e){return t.getItemVisual(e,"z2")},e}(to);function oI(t,e){this.parent.drift(t,e)}function aI(t,e,n,i){return e&&!isNaN(e[0])&&!isNaN(e[1])&&!(i.isIgnore&&i.isIgnore(n))&&!(i.clipShape&&!i.clipShape.contain(e[0],e[1]))&&"none"!==t.getItemVisual(n,"symbol")}function sI(t){return null==t||q(t)||(t={isIgnore:t}),t||{}}function lI(t){var e=t.hostModel,n=e.getModel("emphasis");return{emphasisItemStyle:n.getModel("itemStyle").getItemStyle(),blurItemStyle:e.getModel(["blur","itemStyle"]).getItemStyle(),selectItemStyle:e.getModel(["select","itemStyle"]).getItemStyle(),focus:n.get("focus"),blurScope:n.get("blurScope"),emphasisDisabled:n.get("disabled"),hoverScale:n.get("scale"),labelStatesModels:Jh(e),cursorStyle:e.get("cursor")}}var uI=function(){function t(t){this.group=new to,this._SymbolCtor=t||rI}return t.prototype.updateData=function(t,e){this._progressiveEls=null,e=sI(e);var n=this.group,i=t.hostModel,r=this._data,o=this._SymbolCtor,a=e.disableAnimation,s=lI(t),l={disableAnimation:a},u=e.getSymbolPoint||function(e){return t.getItemLayout(e)};r||n.removeAll(),t.diff(r).add((function(i){var r=u(i);if(aI(t,r,i,e)){var a=new o(t,i,s,l);a.setPosition(r),t.setItemGraphicEl(i,a),n.add(a)}})).update((function(c,h){var d=r.getItemGraphicEl(h),p=u(c);if(aI(t,p,c,e)){var f=t.getItemVisual(c,"symbol")||"circle",g=d&&d.getSymbolType&&d.getSymbolType();if(!d||g&&g!==f)n.remove(d),(d=new o(t,c,s,l)).setPosition(p);else{d.updateData(t,c,s,l);var y={x:p[0],y:p[1]};a?d.attr(y):th(d,y,i)}n.add(d),t.setItemGraphicEl(c,d)}else n.remove(d)})).remove((function(t){var e=r.getItemGraphicEl(t);e&&e.fadeOut((function(){n.remove(e)}),i)})).execute(),this._getSymbolPoint=u,this._data=t},t.prototype.updateLayout=function(){var t=this,e=this._data;e&&e.eachItemGraphicEl((function(e,n){var i=t._getSymbolPoint(n);e.setPosition(i),e.markRedraw()}))},t.prototype.incrementalPrepareUpdate=function(t){this._seriesScope=lI(t),this._data=null,this.group.removeAll()},t.prototype.incrementalUpdate=function(t,e,n){function i(t){t.isGroup||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}this._progressiveEls=[],n=sI(n);for(var r=t.start;r<t.end;r++){var o=e.getItemLayout(r);if(aI(e,o,r,n)){var a=new this._SymbolCtor(e,r,this._seriesScope);a.traverse(i),a.setPosition(o),this.group.add(a),e.setItemGraphicEl(r,a),this._progressiveEls.push(a)}}},t.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},t.prototype.remove=function(t){var e=this.group,n=this._data;n&&t?n.eachItemGraphicEl((function(t){t.fadeOut((function(){e.remove(t)}),n.hostModel)})):e.removeAll()},t}();function cI(t,e,n){var i=t.getBaseAxis(),r=t.getOtherAxis(i),o=function(t,e){var n=0,i=t.scale.getExtent();"start"===e?n=i[0]:"end"===e?n=i[1]:j(e)&&!isNaN(e)?n=e:i[0]>0?n=i[0]:i[1]<0&&(n=i[1]);return n}(r,n),a=i.dim,s=r.dim,l=e.mapDimension(s),u=e.mapDimension(a),c="x"===s||"radius"===s?1:0,h=E(t.dimensions,(function(t){return e.mapDimension(t)})),d=!1,p=e.getCalculationInfo("stackResultDimension");return Y_(e,h[0])&&(d=!0,h[0]=p),Y_(e,h[1])&&(d=!0,h[1]=p),{dataDimsForPoint:h,valueStart:o,valueAxisDim:s,baseAxisDim:a,stacked:!!d,valueDim:l,baseDim:u,baseDataOffset:c,stackedOverDimension:e.getCalculationInfo("stackedOverDimension")}}function hI(t,e,n,i){var r=NaN;t.stacked&&(r=n.get(n.getCalculationInfo("stackedOverDimension"),i)),isNaN(r)&&(r=t.valueStart);var o=t.baseDataOffset,a=[];return a[o]=n.get(t.baseDim,i),a[1-o]=r,e.dataToPoint(a)}var dI=Math.min,pI=Math.max;function fI(t,e){return isNaN(t)||isNaN(e)}function gI(t,e,n,i,r,o,a,s,l){for(var u,c,h,d,p,f,g=n,y=0;y<i;y++){var v=e[2*g],m=e[2*g+1];if(g>=r||g<0)break;if(fI(v,m)){if(l){g+=o;continue}break}if(g===n)t[o>0?"moveTo":"lineTo"](v,m),h=v,d=m;else{var x=v-u,_=m-c;if(x*x+_*_<.5){g+=o;continue}if(a>0){for(var b=g+o,w=e[2*b],S=e[2*b+1];w===v&&S===m&&y<i;)y++,g+=o,w=e[2*(b+=o)],S=e[2*b+1],x=(v=e[2*g])-u,_=(m=e[2*g+1])-c;var M=y+1;if(l)for(;fI(w,S)&&M<i;)M++,w=e[2*(b+=o)],S=e[2*b+1];var I=.5,T=0,C=0,D=void 0,A=void 0;if(M>=i||fI(w,S))p=v,f=m;else{T=w-u,C=S-c;var k=v-u,L=w-v,P=m-c,O=S-m,R=void 0,N=void 0;if("x"===s){var z=T>0?1:-1;p=v-z*(R=Math.abs(k))*a,f=m,D=v+z*(N=Math.abs(L))*a,A=m}else if("y"===s){var E=C>0?1:-1;p=v,f=m-E*(R=Math.abs(P))*a,D=v,A=m+E*(N=Math.abs(O))*a}else R=Math.sqrt(k*k+P*P),p=v-T*a*(1-(I=(N=Math.sqrt(L*L+O*O))/(N+R))),f=m-C*a*(1-I),A=m+C*a*I,D=dI(D=v+T*a*I,pI(w,v)),A=dI(A,pI(S,m)),D=pI(D,dI(w,v)),f=m-(C=(A=pI(A,dI(S,m)))-m)*R/N,p=dI(p=v-(T=D-v)*R/N,pI(u,v)),f=dI(f,pI(c,m)),D=v+(T=v-(p=pI(p,dI(u,v))))*N/R,A=m+(C=m-(f=pI(f,dI(c,m))))*N/R}t.bezierCurveTo(h,d,p,f,v,m),h=D,d=A}else t.lineTo(v,m)}u=v,c=m,g+=o}return y}var yI=function(){this.smooth=0,this.smoothConstraint=!0},vI=function(t){function e(e){var n=t.call(this,e)||this;return n.type="ec-polyline",n}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:tf.color.neutral99,fill:null}},e.prototype.getDefaultShape=function(){return new yI},e.prototype.buildPath=function(t,e){var n=e.points,i=0,r=n.length/2;if(e.connectNulls){for(;r>0&&fI(n[2*r-2],n[2*r-1]);r--);for(;i<r&&fI(n[2*i],n[2*i+1]);i++);}for(;i<r;)i+=gI(t,n,i,r,r,1,e.smooth,e.smoothMonotone,e.connectNulls)+1},e.prototype.getPointOn=function(t,e){this.path||(this.createPathProxy(),this.buildPath(this.path,this.shape));for(var n,i,r=this.path.data,o=Fs.CMD,a="x"===e,s=[],l=0;l<r.length;){var u=void 0,c=void 0,h=void 0,d=void 0,p=void 0,f=void 0,g=void 0;switch(r[l++]){case o.M:n=r[l++],i=r[l++];break;case o.L:if(u=r[l++],c=r[l++],(g=a?(t-n)/(u-n):(t-i)/(c-i))<=1&&g>=0){var y=a?(c-i)*g+i:(u-n)*g+n;return a?[t,y]:[y,t]}n=u,i=c;break;case o.C:u=r[l++],c=r[l++],h=r[l++],d=r[l++],p=r[l++],f=r[l++];var v=a?kn(n,u,h,p,t,s):kn(i,c,d,f,t,s);if(v>0)for(var m=0;m<v;m++){var x=s[m];if(x<=1&&x>=0){y=a?Dn(i,c,d,f,x):Dn(n,u,h,p,x);return a?[t,y]:[y,t]}}n=p,i=f}}},e}(sl),mI=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e}(yI),xI=function(t){function e(e){var n=t.call(this,e)||this;return n.type="ec-polygon",n}return n(e,t),e.prototype.getDefaultShape=function(){return new mI},e.prototype.buildPath=function(t,e){var n=e.points,i=e.stackedOnPoints,r=0,o=n.length/2,a=e.smoothMonotone;if(e.connectNulls){for(;o>0&&fI(n[2*o-2],n[2*o-1]);o--);for(;r<o&&fI(n[2*r],n[2*r+1]);r++);}for(;r<o;){var s=gI(t,n,r,o,o,1,e.smooth,a,e.connectNulls);gI(t,i,r+s-1,s,o,-1,e.stackedOnSmooth,a,e.connectNulls),r+=s+1,t.closePath()}},e}(sl);function _I(t,e,n,i,r){var o=t.getArea(),a=o.x,s=o.y,l=o.width,u=o.height,c=n.get(["lineStyle","width"])||0;a-=c/2,s-=c/2,l+=c,u+=c,l=Math.ceil(l),a!==Math.floor(a)&&(a=Math.floor(a),l++);var h=new xl({shape:{x:a,y:s,width:l,height:u}});if(e){var d=t.getBaseAxis(),p=d.isHorizontal(),f=d.inverse;p?(f&&(h.shape.x+=l),h.shape.width=0):(f||(h.shape.y+=u),h.shape.height=0);var g=Y(r)?function(t){r(t,h)}:null;eh(h,{shape:{width:l,height:u,x:a,y:s}},n,null,i,g)}return h}function bI(t,e,n){var i=t.getArea(),r=mo(i.r0,1),o=mo(i.r,1),a=new xc({shape:{cx:mo(t.cx,1),cy:mo(t.cy,1),r0:r,r:o,startAngle:i.startAngle,endAngle:i.endAngle,clockwise:i.clockwise}});e&&("angle"===t.getBaseAxis().dim?a.shape.endAngle=i.startAngle:a.shape.r=r,eh(a,{shape:{endAngle:i.endAngle,r:o}},n));return a}function wI(t,e,n,i,r){return t?"polar"===t.type?bI(t,e,n):"cartesian2d"===t.type?_I(t,e,n,i,r):null:null}function SI(t,e){return t.type===e}function MI(t,e){if(t.length===e.length){for(var n=0;n<t.length;n++)if(t[n]!==e[n])return;return!0}}function II(t){for(var e=1/0,n=1/0,i=-1/0,r=-1/0,o=0;o<t.length;){var a=t[o++],s=t[o++];isNaN(a)||(e=Math.min(a,e),i=Math.max(a,i)),isNaN(s)||(n=Math.min(s,n),r=Math.max(s,r))}return[[e,n],[i,r]]}function TI(t,e){var n=II(t),i=n[0],r=n[1],o=II(e),a=o[0],s=o[1];return Math.max(Math.abs(i[0]-a[0]),Math.abs(i[1]-a[1]),Math.abs(r[0]-s[0]),Math.abs(r[1]-s[1]))}function CI(t){return j(t)?t:t?.5:0}function DI(t,e,n,i,r){var o=n.getBaseAxis(),a="x"===o.dim||"radius"===o.dim?0:1,s=[],l=0,u=[],c=[],h=[],d=[];if(r){for(l=0;l<t.length;l+=2){var p=e||t;isNaN(p[l])||isNaN(p[l+1])||d.push(t[l],t[l+1])}t=d}for(l=0;l<t.length-2;l+=2)switch(h[0]=t[l+2],h[1]=t[l+3],c[0]=t[l],c[1]=t[l+1],s.push(c[0],c[1]),i){case"end":u[a]=h[a],u[1-a]=c[1-a],s.push(u[0],u[1]);break;case"middle":var f=(c[a]+h[a])/2,g=[];u[a]=g[a]=f,u[1-a]=c[1-a],g[1-a]=h[1-a],s.push(u[0],u[1]),s.push(g[0],g[1]);break;default:u[a]=c[a],u[1-a]=h[1-a],s.push(u[0],u[1])}return s.push(t[l++],t[l++]),s}function AI(t,e,n){var i=t.getVisual("visualMeta");if(i&&i.length&&t.count()&&"cartesian2d"===e.type){for(var r,o,a=i.length-1;a>=0;a--){var s=t.getDimensionInfo(i[a].dimension);if("x"===(r=s&&s.coordDim)||"y"===r){o=i[a];break}}if(o){var l=e.getAxis(r),u=E(o.stops,(function(t){return{coord:l.toGlobalCoord(l.dataToCoord(t.value)),color:t.color}})),c=u.length,h=o.outerColors.slice();c&&u[0].coord>u[c-1].coord&&(u.reverse(),h.reverse());var d=function(t,e){var n,i,r=[],o=t.length;function a(t,e,n){var i=t.coord;return{coord:n,color:ci((n-i)/(e.coord-i),[t.color,e.color])}}for(var s=0;s<o;s++){var l=t[s],u=l.coord;if(u<0)n=l;else{if(u>e){i?r.push(a(i,l,e)):n&&r.push(a(n,l,0),a(n,l,e));break}n&&(r.push(a(n,l,0)),n=null),r.push(l),i=l}}return r}(u,"x"===r?n.getWidth():n.getHeight()),p=d.length;if(!p&&c)return u[0].coord<0?h[1]?h[1]:u[c-1].color:h[0]?h[0]:u[0].color;var f=d[0].coord-10,g=d[p-1].coord+10,y=g-f;if(y<.001)return"transparent";z(d,(function(t){t.offset=(t.coord-f)/y})),d.push({offset:p?d[p-1].offset:.5,color:h[1]||"transparent"}),d.unshift({offset:p?d[0].offset:.5,color:h[0]||"transparent"});var v=new Bc(0,0,0,0,d,!0);return v[r]=f,v[r+"2"]=g,v}}}function kI(t,e,n){var i=t.get("showAllSymbol"),r="auto"===i;if(!i||r){var o=n.getAxesByScale("ordinal")[0];if(o&&(!r||!function(t,e){var n=t.getExtent(),i=Math.abs(n[1]-n[0])/t.scale.count();isNaN(i)&&(i=0);for(var r=e.count(),o=Math.max(1,Math.round(r/5)),a=0;a<r;a+=o)if(1.5*rI.getSymbolSize(e,a)[t.isHorizontal()?1:0]>i)return!1;return!0}(o,e))){var a=e.mapDimension(o.dim),s={};return z(o.getViewLabels(),(function(t){var e=o.scale.getRawOrdinalNumber(t.tickValue);s[e]=1})),function(t){return!s.hasOwnProperty(e.get(a,t))}}}}function LI(t,e){return[t[2*e],t[2*e+1]]}function PI(t){if(t.get(["endLabel","show"]))return!0;for(var e=0;e<Wl.length;e++)if(t.get([Wl[e],"endLabel","show"]))return!0;return!1}function OI(t,e,n,i){if(SI(e,"cartesian2d")){var r=i.getModel("endLabel"),o=r.get("valueAnimation"),a=i.getData(),s={lastFrameIndex:0},l=PI(i)?function(n,i){t._endLabelOnDuring(n,i,a,s,o,r,e)}:null,u=e.getBaseAxis().isHorizontal(),c=_I(e,n,i,(function(){var e=t._endLabel;e&&n&&null!=s.originalX&&e.attr({x:s.originalX,y:s.originalY})}),l);if(!i.get("clip",!0)){var h=c.shape,d=Math.max(h.width,h.height);u?(h.y-=d,h.height+=2*d):(h.x-=d,h.width+=2*d)}return l&&l(1,c),c}return bI(e,n,i)}var RI=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.init=function(){var t=new to,e=new uI;this.group.add(e.group),this._symbolDraw=e,this._lineGroup=t,this._changePolyState=W(this._changePolyState,this)},e.prototype.render=function(t,e,n){var i=t.coordinateSystem,r=this.group,o=t.getData(),a=t.getModel("lineStyle"),s=t.getModel("areaStyle"),l=o.getLayout("points")||[],u="polar"===i.type,c=this._coordSys,h=this._symbolDraw,d=this._polyline,p=this._polygon,f=this._lineGroup,g=!e.ssr&&t.get("animation"),y=!s.isEmpty(),v=s.get("origin"),m=cI(i,o,v),x=y&&function(t,e,n){if(!n.valueDim)return[];for(var i=e.count(),r=pb(2*i),o=0;o<i;o++){var a=hI(n,t,e,o);r[2*o]=a[0],r[2*o+1]=a[1]}return r}(i,o,m),_=t.get("showSymbol"),b=t.get("connectNulls"),w=_&&!u&&kI(t,o,i),S=this._data;S&&S.eachItemGraphicEl((function(t,e){t.__temp&&(r.remove(t),S.setItemGraphicEl(e,null))})),_||h.remove(),r.add(f);var M,I=!u&&t.get("step");i&&i.getArea&&t.get("clip",!0)&&(null!=(M=i.getArea()).width?(M.x-=.1,M.y-=.1,M.width+=.2,M.height+=.2):M.r0&&(M.r0-=.5,M.r+=.5)),this._clipShapeForSymbol=M;var T=AI(o,i,n)||o.getVisual("style")[o.getVisual("drawType")];if(d&&c.type===i.type&&I===this._step){y&&!p?p=this._newPolygon(l,x):p&&!y&&(f.remove(p),p=this._polygon=null),u||this._initOrUpdateEndLabel(t,i,wp(T));var C=f.getClipPath();if(C)eh(C,{shape:OI(this,i,!1,t).shape},t);else f.setClipPath(OI(this,i,!0,t));_&&h.updateData(o,{isIgnore:w,clipShape:M,disableAnimation:!0,getSymbolPoint:function(t){return[l[2*t],l[2*t+1]]}}),MI(this._stackedOnPoints,x)&&MI(this._points,l)||(g?this._doUpdateAnimation(o,x,i,n,I,v,b):(I&&(x&&(x=DI(x,l,i,I,b)),l=DI(l,null,i,I,b)),d.setShape({points:l}),p&&p.setShape({points:l,stackedOnPoints:x})))}else _&&h.updateData(o,{isIgnore:w,clipShape:M,disableAnimation:!0,getSymbolPoint:function(t){return[l[2*t],l[2*t+1]]}}),g&&this._initSymbolLabelAnimation(o,i,M),I&&(x&&(x=DI(x,l,i,I,b)),l=DI(l,null,i,I,b)),d=this._newPolyline(l),y?p=this._newPolygon(l,x):p&&(f.remove(p),p=this._polygon=null),u||this._initOrUpdateEndLabel(t,i,wp(T)),f.setClipPath(OI(this,i,!0,t));var D=t.getModel("emphasis"),A=D.get("focus"),L=D.get("blurScope"),P=D.get("disabled");(d.useStyle(k(a.getLineStyle(),{fill:"none",stroke:T,lineJoin:"bevel"})),ku(d,t,"lineStyle"),d.style.lineWidth>0&&"bolder"===t.get(["emphasis","lineStyle","width"]))&&(d.getState("emphasis").style.lineWidth=+d.style.lineWidth+1);zl(d).seriesIndex=t.seriesIndex,Tu(d,A,L,P);var O=CI(t.get("smooth")),R=t.get("smoothMonotone");if(d.setShape({smooth:O,smoothMonotone:R,connectNulls:b}),p){var N=o.getCalculationInfo("stackedOnSeries"),z=0;p.useStyle(k(s.getAreaStyle(),{fill:T,opacity:.7,lineJoin:"bevel",decal:o.getVisual("style").decal})),N&&(z=CI(N.get("smooth"))),p.setShape({smooth:O,stackedOnSmooth:z,smoothMonotone:R,connectNulls:b}),ku(p,t,"areaStyle"),zl(p).seriesIndex=t.seriesIndex,Tu(p,A,L,P)}var E=this._changePolyState;o.eachItemGraphicEl((function(t){t&&(t.onHoverStateChange=E)})),this._polyline.onHoverStateChange=E,this._data=o,this._coordSys=i,this._stackedOnPoints=x,this._points=l,this._step=I,this._valueOrigin=v,t.get("triggerLineEvent")&&(this.packEventData(t,d),p&&this.packEventData(t,p))},e.prototype.packEventData=function(t,e){zl(e).eventData={componentType:"series",componentSubType:"line",componentIndex:t.componentIndex,seriesIndex:t.seriesIndex,seriesName:t.name,seriesType:"line"}},e.prototype.highlight=function(t,e,n,i){var r=t.getData(),o=aa(r,i);if(this._changePolyState("emphasis"),!(o instanceof Array)&&null!=o&&o>=0){var a=r.getLayout("points"),s=r.getItemGraphicEl(o);if(!s){var l=a[2*o],u=a[2*o+1];if(isNaN(l)||isNaN(u))return;if(this._clipShapeForSymbol&&!this._clipShapeForSymbol.contain(l,u))return;var c=t.get("zlevel")||0,h=t.get("z")||0;(s=new rI(r,o)).x=l,s.y=u,s.setZ(c,h);var d=s.getSymbolPath().getTextContent();d&&(d.zlevel=c,d.z=h,d.z2=this._polyline.z2+1),s.__temp=!0,r.setItemGraphicEl(o,s),s.stopSymbolAnimation(!0),this.group.add(s)}s.highlight()}else tv.prototype.highlight.call(this,t,e,n,i)},e.prototype.downplay=function(t,e,n,i){var r=t.getData(),o=aa(r,i);if(this._changePolyState("normal"),null!=o&&o>=0){var a=r.getItemGraphicEl(o);a&&(a.__temp?(r.setItemGraphicEl(o,null),this.group.remove(a)):a.downplay())}else tv.prototype.downplay.call(this,t,e,n,i)},e.prototype._changePolyState=function(t){var e=this._polygon;su(this._polyline,t),e&&su(e,t)},e.prototype._newPolyline=function(t){var e=this._polyline;return e&&this._lineGroup.remove(e),e=new vI({shape:{points:t},segmentIgnoreThreshold:2,z2:10}),this._lineGroup.add(e),this._polyline=e,e},e.prototype._newPolygon=function(t,e){var n=this._polygon;return n&&this._lineGroup.remove(n),n=new xI({shape:{points:t,stackedOnPoints:e},segmentIgnoreThreshold:2}),this._lineGroup.add(n),this._polygon=n,n},e.prototype._initSymbolLabelAnimation=function(t,e,n){var i,r,o=e.getBaseAxis(),a=o.inverse;"cartesian2d"===e.type?(i=o.isHorizontal(),r=!1):"polar"===e.type&&(i="angle"===o.dim,r=!0);var s=t.hostModel,l=s.get("animationDuration");Y(l)&&(l=l(null));var u=s.get("animationDelay")||0,c=Y(u)?u(null):u;t.eachItemGraphicEl((function(t,o){var s=t;if(s){var h=[t.x,t.y],d=void 0,p=void 0,f=void 0;if(n)if(r){var g=n,y=e.pointToCoord(h);i?(d=g.startAngle,p=g.endAngle,f=-y[1]/180*Math.PI):(d=g.r0,p=g.r,f=y[0])}else{var v=n;i?(d=v.x,p=v.x+v.width,f=t.x):(d=v.y+v.height,p=v.y,f=t.y)}var m=p===d?0:(f-d)/(p-d);a&&(m=1-m);var x=Y(u)?u(o):l*m+c,_=s.getSymbolPath(),b=_.getTextContent();s.attr({scaleX:0,scaleY:0}),s.animateTo({scaleX:1,scaleY:1},{duration:200,setToFinal:!0,delay:x}),b&&b.animateFrom({style:{opacity:0}},{duration:300,delay:x}),_.disableLabelAnimation=!0}}))},e.prototype._initOrUpdateEndLabel=function(t,e,n){var i=t.getModel("endLabel");if(PI(t)){var r=t.getData(),o=this._polyline,a=r.getLayout("points");if(!a)return o.removeTextContent(),void(this._endLabel=null);var s=this._endLabel;s||((s=this._endLabel=new Sl({z2:200})).ignoreClip=!0,o.setTextContent(this._endLabel),o.disableLabelAnimation=!0);var l=function(t){for(var e,n,i=t.length/2;i>0&&(e=t[2*i-2],n=t[2*i-1],isNaN(e)||isNaN(n));i--);return i-1}(a);l>=0&&($h(o,Jh(t,"endLabel"),{inheritColor:n,labelFetcher:t,labelDataIndex:l,defaultText:function(t,e,n){return null!=n?iI(r,n):nI(r,t)},enableTextSetter:!0},function(t,e){var n=e.getBaseAxis(),i=n.isHorizontal(),r=n.inverse,o=i?r?"right":"left":"center",a=i?"middle":r?"top":"bottom";return{normal:{align:t.get("align")||o,verticalAlign:t.get("verticalAlign")||a}}}(i,e)),o.textConfig.position=null)}else this._endLabel&&(this._polyline.removeTextContent(),this._endLabel=null)},e.prototype._endLabelOnDuring=function(t,e,n,i,r,o,a){var s=this._endLabel,l=this._polyline;if(s){t<1&&null==i.originalX&&(i.originalX=s.x,i.originalY=s.y);var u=n.getLayout("points"),c=n.hostModel,h=c.get("connectNulls"),d=o.get("precision"),p=o.get("distance")||0,f=a.getBaseAxis(),g=f.isHorizontal(),y=f.inverse,v=e.shape,m=y?g?v.x:v.y+v.height:g?v.x+v.width:v.y,x=(g?p:0)*(y?-1:1),_=(g?0:-p)*(y?-1:1),b=g?"x":"y",w=function(t,e,n){for(var i,r,o=t.length/2,a="x"===n?0:1,s=0,l=-1,u=0;u<o;u++)if(r=t[2*u+a],!isNaN(r)&&!isNaN(t[2*u+1-a]))if(0!==u){if(i<=e&&r>=e||i>=e&&r<=e){l=u;break}s=u,i=r}else i=r;return{range:[s,l],t:(e-i)/(r-i)}}(u,m,b),S=w.range,M=S[1]-S[0],I=void 0;if(M>=1){if(M>1&&!h){var T=LI(u,S[0]);s.attr({x:T[0]+x,y:T[1]+_}),r&&(I=c.getRawValue(S[0]))}else{(T=l.getPointOn(m,b))&&s.attr({x:T[0]+x,y:T[1]+_});var C=c.getRawValue(S[0]),D=c.getRawValue(S[1]);r&&(I=ya(n,d,C,D,w.t))}i.lastFrameIndex=S[0]}else{var A=1===t||i.lastFrameIndex>0?S[0]:0;T=LI(u,A);r&&(I=c.getRawValue(A)),s.attr({x:T[0]+x,y:T[1]+_})}if(r){var k=ad(s);"function"==typeof k.setLabelText&&k.setLabelText(I)}}},e.prototype._doUpdateAnimation=function(t,e,n,i,r,o,a){var s=this._polyline,l=this._polygon,u=t.hostModel,c=function(t,e,n,i,r,o,a,s){for(var l=function(t,e){var n=[];return e.diff(t).add((function(t){n.push({cmd:"+",idx:t})})).update((function(t,e){n.push({cmd:"=",idx:e,idx1:t})})).remove((function(t){n.push({cmd:"-",idx:t})})).execute(),n}(t,e),u=[],c=[],h=[],d=[],p=[],f=[],g=[],y=cI(r,e,a),v=t.getLayout("points")||[],m=e.getLayout("points")||[],x=0;x<l.length;x++){var _=l[x],b=!0,w=void 0,S=void 0;switch(_.cmd){case"=":w=2*_.idx,S=2*_.idx1;var M=v[w],I=v[w+1],T=m[S],C=m[S+1];(isNaN(M)||isNaN(I))&&(M=T,I=C),u.push(M,I),c.push(T,C),h.push(n[w],n[w+1]),d.push(i[S],i[S+1]),g.push(e.getRawIndex(_.idx1));break;case"+":var D=_.idx,A=y.dataDimsForPoint,k=r.dataToPoint([e.get(A[0],D),e.get(A[1],D)]);S=2*D,u.push(k[0],k[1]),c.push(m[S],m[S+1]);var L=hI(y,r,e,D);h.push(L[0],L[1]),d.push(i[S],i[S+1]),g.push(e.getRawIndex(D));break;case"-":b=!1}b&&(p.push(_),f.push(f.length))}f.sort((function(t,e){return g[t]-g[e]}));var P=u.length,O=pb(P),R=pb(P),N=pb(P),z=pb(P),E=[];for(x=0;x<f.length;x++){var B=f[x],V=2*x,G=2*B;O[V]=u[G],O[V+1]=u[G+1],R[V]=c[G],R[V+1]=c[G+1],N[V]=h[G],N[V+1]=h[G+1],z[V]=d[G],z[V+1]=d[G+1],E[x]=p[B]}return{current:O,next:R,stackedOnCurrent:N,stackedOnNext:z,status:E}}(this._data,t,this._stackedOnPoints,e,this._coordSys,0,this._valueOrigin),h=c.current,d=c.stackedOnCurrent,p=c.next,f=c.stackedOnNext;if(r&&(d=DI(c.stackedOnCurrent,c.current,n,r,a),h=DI(c.current,null,n,r,a),f=DI(c.stackedOnNext,c.next,n,r,a),p=DI(c.next,null,n,r,a)),TI(h,p)>3e3||l&&TI(d,f)>3e3)return s.stopAnimation(),s.setShape({points:p}),void(l&&(l.stopAnimation(),l.setShape({points:p,stackedOnPoints:f})));s.shape.__points=c.current,s.shape.points=h;var g={shape:{points:p}};c.current!==h&&(g.shape.__points=c.next),s.stopAnimation(),th(s,g,u),l&&(l.setShape({points:h,stackedOnPoints:d}),l.stopAnimation(),th(l,{shape:{stackedOnPoints:f}},u),s.shape.points!==l.shape.points&&(l.shape.points=s.shape.points));for(var y=[],v=c.status,m=0;m<v.length;m++){if("="===v[m].cmd){var x=t.getItemGraphicEl(v[m].idx1);x&&y.push({el:x,ptIdx:m})}}s.animators&&s.animators.length&&s.animators[0].during((function(){l&&l.dirtyShape();for(var t=s.shape.__points,e=0;e<y.length;e++){var n=y[e].el,i=2*y[e].ptIdx;n.x=t[i],n.y=t[i+1],n.markRedraw()}}))},e.prototype.remove=function(t){var e=this.group,n=this._data;this._lineGroup.removeAll(),this._symbolDraw.remove(!0),n&&n.eachItemGraphicEl((function(t,i){t.__temp&&(e.remove(t),n.setItemGraphicEl(i,null))})),this._polyline=this._polygon=this._coordSys=this._points=this._stackedOnPoints=this._endLabel=this._data=null},e.type="line",e}(tv);function NI(t,e){return{seriesType:t,plan:$y(),reset:function(t){var n=t.getData(),i=t.coordinateSystem,r=t.pipelineContext,o=e||r.large;if(i){var a=E(i.dimensions,(function(t){return n.mapDimension(t)})).slice(0,2),s=a.length,l=n.getCalculationInfo("stackResultDimension");Y_(n,a[0])&&(a[0]=l),Y_(n,a[1])&&(a[1]=l);var u=n.getStore(),c=n.getDimensionIndex(a[0]),h=n.getDimensionIndex(a[1]);return s&&{progress:function(t,e){for(var n=t.end-t.start,r=o&&pb(n*s),a=[],l=[],d=t.start,p=0;d<t.end;d++){var f=void 0;if(1===s){var g=u.get(c,d);f=i.dataToPoint(g,null,l)}else a[0]=u.get(c,d),a[1]=u.get(h,d),f=i.dataToPoint(a,null,l);o?(r[p++]=f[0],r[p++]=f[1]):e.setItemLayout(d,f.slice())}o&&e.setLayout("points",r)}}}}}}var zI={average:function(t){for(var e=0,n=0,i=0;i<t.length;i++)isNaN(t[i])||(e+=t[i],n++);return 0===n?NaN:e/n},sum:function(t){for(var e=0,n=0;n<t.length;n++)e+=t[n]||0;return e},max:function(t){for(var e=-1/0,n=0;n<t.length;n++)t[n]>e&&(e=t[n]);return isFinite(e)?e:NaN},min:function(t){for(var e=1/0,n=0;n<t.length;n++)t[n]<e&&(e=t[n]);return isFinite(e)?e:NaN},nearest:function(t){return t[0]}},EI=function(t){return Math.round(t.length/2)};function BI(t){return{seriesType:t,reset:function(t,e,n){var i=t.getData(),r=t.get("sampling"),o=t.coordinateSystem,a=i.count();if(a>10&&"cartesian2d"===o.type&&r){var s=o.getBaseAxis(),l=o.getOtherAxis(s),u=s.getExtent(),c=n.getDevicePixelRatio(),h=Math.abs(u[1]-u[0])*(c||1),d=Math.round(a/h);if(isFinite(d)&&d>1){"lttb"===r?t.setData(i.lttbDownSample(i.mapDimension(l.dim),1/d)):"minmax"===r&&t.setData(i.minmaxDownSample(i.mapDimension(l.dim),1/d));var p=void 0;X(r)?p=zI[r]:Y(r)&&(p=r),p&&t.setData(i.downSample(i.mapDimension(l.dim),1/d,p,EI))}}}}}var VI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{useEncodeDefaulter:!0})},e.prototype.getMarkerPosition=function(t,e,n){var i=this.coordinateSystem;if(i&&i.clampData){var r=i.clampData(t),o=i.dataToPoint(r);if(n)z(i.getAxes(),(function(t,n){if("category"===t.type&&null!=e){var i=t.getTicksCoords(),a=t.getTickModel().get("alignWithLabel"),s=r[n],l="x1"===e[n]||"y1"===e[n];if(l&&!a&&(s+=1),i.length<2)return;if(2===i.length)return void(o[n]=t.toGlobalCoord(t.getExtent()[l?1:0]));for(var u=void 0,c=void 0,h=1,d=0;d<i.length;d++){var p=i[d].coord,f=d===i.length-1?i[d-1].tickValue+h:i[d].tickValue;if(f===s){c=p;break}if(f<s)u=p;else if(null!=u&&f>s){c=(p+u)/2;break}1===d&&(h=f-i[0].tickValue)}null==c&&(u?u&&(c=i[i.length-1].coord):c=i[0].coord),o[n]=t.toGlobalCoord(c)}}));else{var a=this.getData(),s=a.getLayout("offset"),l=a.getLayout("size"),u=i.getBaseAxis().isHorizontal()?0:1;o[u]+=s+l/2}return o}return[NaN,NaN]},e.type="series.__base_bar__",e.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,barMinHeight:0,barMinAngle:0,large:!1,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod",defaultBarGap:"10%"},e}(Wy);Wy.registerClass(VI);var GI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(){return Z_(null,this,{useEncodeDefaulter:!0,createInvertedIndices:!!this.get("realtimeSort",!0)||null})},e.prototype.getProgressive=function(){return!!this.get("large")&&this.get("progressive")},e.prototype.getProgressiveThreshold=function(){var t=this.get("progressiveThreshold"),e=this.get("largeThreshold");return e>t&&(t=e),t},e.prototype.brushSelector=function(t,e,n){return n.rect(e.getItemLayout(t))},e.type="series.bar",e.dependencies=["grid","polar"],e.defaultOption=Id(VI.defaultOption,{clip:!0,roundCap:!1,showBackground:!1,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:tf.color.primary,borderWidth:2}},realtimeSort:!1}),e}(VI),FI=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0},WI=function(t){function e(e){var n=t.call(this,e)||this;return n.type="sausage",n}return n(e,t),e.prototype.getDefaultShape=function(){return new FI},e.prototype.buildPath=function(t,e){var n=e.cx,i=e.cy,r=Math.max(e.r0||0,0),o=Math.max(e.r,0),a=.5*(o-r),s=r+a,l=e.startAngle,u=e.endAngle,c=e.clockwise,h=2*Math.PI,d=c?u-l<h:l-u<h;d||(l=u-(c?h:-h));var p=Math.cos(l),f=Math.sin(l),g=Math.cos(u),y=Math.sin(u);d?(t.moveTo(p*r+n,f*r+i),t.arc(p*s+n,f*s+i,a,-Math.PI+l,l,!c)):t.moveTo(p*o+n,f*o+i),t.arc(n,i,o,l,u,!c),t.arc(g*s+n,y*s+i,a,u-2*Math.PI,u-Math.PI,!c),0!==r&&t.arc(n,i,r,u,l,c)},e}(sl);function HI(t,e,n){return e*Math.sin(t)*(n?-1:1)}function UI(t,e,n){return e*Math.cos(t)*(n?1:-1)}function YI(t,e,n){var i=t.get("borderRadius");if(null==i)return n?{cornerRadius:0}:null;U(i)||(i=[i,i,i,i]);var r=Math.abs(e.r||0-e.r0||0);return{cornerRadius:E(i,(function(t){return Fr(t,r)}))}}var XI=Math.max,ZI=Math.min;var jI=function(t){function e(){var n=t.call(this)||this;return n.type=e.type,n._isFirstFrame=!0,n}return n(e,t),e.prototype.render=function(t,e,n,i){this._model=t,this._removeOnRenderedListener(n),this._updateDrawMode(t);var r=t.get("coordinateSystem");("cartesian2d"===r||"polar"===r)&&(this._progressiveEls=null,this._isLargeDraw?this._renderLarge(t,e,n):this._renderNormal(t,e,n,i))},e.prototype.incrementalPrepareRender=function(t){this._clear(),this._updateDrawMode(t),this._updateLargeClip(t)},e.prototype.incrementalRender=function(t,e){this._progressiveEls=[],this._incrementalRenderLarge(t,e)},e.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},e.prototype._updateDrawMode=function(t){var e=t.pipelineContext.large;null!=this._isLargeDraw&&e===this._isLargeDraw||(this._isLargeDraw=e,this._clear())},e.prototype._renderNormal=function(t,e,n,i){var r,o=this.group,a=t.getData(),s=this._data,l=t.coordinateSystem,u=l.getBaseAxis();"cartesian2d"===l.type?r=u.isHorizontal():"polar"===l.type&&(r="angle"===u.dim);var c=t.isAnimationEnabled()?t:null,h=function(t,e){var n=t.get("realtimeSort",!0),i=e.getBaseAxis();0;if(n&&"category"===i.type&&"cartesian2d"===e.type)return{baseAxis:i,otherAxis:e.getOtherAxis(i)}}(t,l);h&&this._enableRealtimeSort(h,a,n);var d=t.get("clip",!0)||h,p=function(t,e){var n=t.getArea&&t.getArea();if(SI(t,"cartesian2d")){var i=t.getBaseAxis();if("category"!==i.type||!i.onBand){var r=e.getLayout("bandWidth");i.isHorizontal()?(n.x-=r,n.width+=2*r):(n.y-=r,n.height+=2*r)}}return n}(l,a);o.removeClipPath();var f=t.get("roundCap",!0),g=t.get("showBackground",!0),y=t.getModel("backgroundStyle"),v=y.get("borderRadius")||0,m=[],x=this._backgroundEls,_=i&&i.isInitSort,b=i&&"changeAxisOrder"===i.type;function w(t){var e=nT[l.type](a,t);if(!e)return null;var n=function(t,e,n){var i="polar"===t.type?xc:xl;return new i({shape:uT(e,n,t),silent:!0,z2:0})}(l,r,e);return n.useStyle(y.getItemStyle()),"cartesian2d"===l.type?n.setShape("r",v):n.setShape("cornerRadius",v),m[t]=n,n}a.diff(s).add((function(e){var n=a.getItemModel(e),i=nT[l.type](a,e,n);if(i&&(g&&w(e),a.hasValue(e)&&eT[l.type](i))){var s=!1;d&&(s=qI[l.type](p,i));var y=KI[l.type](t,a,e,i,r,c,u.model,!1,f);h&&(y.forceLabelAnimation=!0),rT(y,a,e,n,i,t,r,"polar"===l.type),_?y.attr({shape:i}):h?$I(h,c,y,i,e,r,!1,!1):eh(y,{shape:i},t,e),a.setItemGraphicEl(e,y),o.add(y),y.ignore=s}})).update((function(e,n){var i=a.getItemModel(e),S=nT[l.type](a,e,i);if(S){if(g){var M=void 0;0===x.length?M=w(n):((M=x[n]).useStyle(y.getItemStyle()),"cartesian2d"===l.type?M.setShape("r",v):M.setShape("cornerRadius",v),m[e]=M);var I=nT[l.type](a,e);th(M,{shape:uT(r,I,l)},c,e)}var T=s.getItemGraphicEl(n);if(a.hasValue(e)&&eT[l.type](S)){var C=!1;if(d&&(C=qI[l.type](p,S))&&o.remove(T),T&&("sector"===T.type&&f||"sausage"===T.type&&!f)&&(T&&oh(T,t,n),T=null),T?ah(T):T=KI[l.type](t,a,e,S,r,c,u.model,!0,f),h&&(T.forceLabelAnimation=!0),b){var D=T.getTextContent();if(D){var A=ad(D);null!=A.prevValue&&(A.prevValue=A.value)}}else rT(T,a,e,i,S,t,r,"polar"===l.type);_?T.attr({shape:S}):h?$I(h,c,T,S,e,r,!0,b):th(T,{shape:S},t,e,null),a.setItemGraphicEl(e,T),T.ignore=C,o.add(T)}else o.remove(T)}})).remove((function(e){var n=s.getItemGraphicEl(e);n&&oh(n,t,e)})).execute();var S=this._backgroundGroup||(this._backgroundGroup=new to);S.removeAll();for(var M=0;M<m.length;++M)S.add(m[M]);o.add(S),this._backgroundEls=m,this._data=a},e.prototype._renderLarge=function(t,e,n){this._clear(),sT(t,this.group),this._updateLargeClip(t)},e.prototype._incrementalRenderLarge=function(t,e){this._removeBackground(),sT(e,this.group,this._progressiveEls,!0)},e.prototype._updateLargeClip=function(t){var e=t.get("clip",!0)&&wI(t.coordinateSystem,!1,t),n=this.group;e?n.setClipPath(e):n.removeClipPath()},e.prototype._enableRealtimeSort=function(t,e,n){var i=this;if(e.count()){var r=t.baseAxis;if(this._isFirstFrame)this._dispatchInitSort(e,t,n),this._isFirstFrame=!1;else{var o=function(t){var n=e.getItemGraphicEl(t),i=n&&n.shape;return i&&Math.abs(r.isHorizontal()?i.height:i.width)||0};this._onRendered=function(){i._updateSortWithinSameData(e,o,r,n)},n.getZr().on("rendered",this._onRendered)}}},e.prototype._dataSort=function(t,e,n){var i=[];return t.each(t.mapDimension(e.dim),(function(t,e){var r=n(e);r=null==r?NaN:r,i.push({dataIndex:e,mappedValue:r,ordinalNumber:t})})),i.sort((function(t,e){return e.mappedValue-t.mappedValue})),{ordinalNumbers:E(i,(function(t){return t.ordinalNumber}))}},e.prototype._isOrderChangedWithinSameData=function(t,e,n){for(var i=n.scale,r=t.mapDimension(n.dim),o=Number.MAX_VALUE,a=0,s=i.getOrdinalMeta().categories.length;a<s;++a){var l=t.rawIndexOf(r,i.getRawOrdinalNumber(a)),u=l<0?Number.MIN_VALUE:e(t.indexOfRawIndex(l));if(u>o)return!0;o=u}return!1},e.prototype._isOrderDifferentInView=function(t,e){for(var n=e.scale,i=n.getExtent(),r=Math.max(0,i[0]),o=Math.min(i[1],n.getOrdinalMeta().categories.length-1);r<=o;++r)if(t.ordinalNumbers[r]!==n.getRawOrdinalNumber(r))return!0},e.prototype._updateSortWithinSameData=function(t,e,n,i){if(this._isOrderChangedWithinSameData(t,e,n)){var r=this._dataSort(t,n,e);this._isOrderDifferentInView(r,n)&&(this._removeOnRenderedListener(i),i.dispatchAction({type:"changeAxisOrder",componentType:n.dim+"Axis",axisId:n.index,sortInfo:r}))}},e.prototype._dispatchInitSort=function(t,e,n){var i=e.baseAxis,r=this._dataSort(t,i,(function(n){return t.get(t.mapDimension(e.otherAxis.dim),n)}));n.dispatchAction({type:"changeAxisOrder",componentType:i.dim+"Axis",isInitSort:!0,axisId:i.index,sortInfo:r})},e.prototype.remove=function(t,e){this._clear(this._model),this._removeOnRenderedListener(e)},e.prototype.dispose=function(t,e){this._removeOnRenderedListener(e)},e.prototype._removeOnRenderedListener=function(t){this._onRendered&&(t.getZr().off("rendered",this._onRendered),this._onRendered=null)},e.prototype._clear=function(t){var e=this.group,n=this._data;t&&t.isAnimationEnabled()&&n&&!this._isLargeDraw?(this._removeBackground(),this._backgroundEls=[],n.eachItemGraphicEl((function(e){oh(e,t,zl(e).dataIndex)}))):e.removeAll(),this._data=null,this._isFirstFrame=!0},e.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup),this._backgroundGroup=null},e.type="bar",e}(tv),qI={cartesian2d:function(t,e){var n=e.width<0?-1:1,i=e.height<0?-1:1;n<0&&(e.x+=e.width,e.width=-e.width),i<0&&(e.y+=e.height,e.height=-e.height);var r=t.x+t.width,o=t.y+t.height,a=XI(e.x,t.x),s=ZI(e.x+e.width,r),l=XI(e.y,t.y),u=ZI(e.y+e.height,o),c=s<a,h=u<l;return e.x=c&&a>r?s:a,e.y=h&&l>o?u:l,e.width=c?0:s-a,e.height=h?0:u-l,n<0&&(e.x+=e.width,e.width=-e.width),i<0&&(e.y+=e.height,e.height=-e.height),c||h},polar:function(t,e){var n=e.r0<=e.r?1:-1;if(n<0){var i=e.r;e.r=e.r0,e.r0=i}var r=ZI(e.r,t.r),o=XI(e.r0,t.r0);e.r=r,e.r0=o;var a=r-o<0;if(n<0){i=e.r;e.r=e.r0,e.r0=i}return a}},KI={cartesian2d:function(t,e,n,i,r,o,a,s,l){var u=new xl({shape:A({},i),z2:1});(u.__dataIndex=n,u.name="item",o)&&(u.shape[r?"height":"width"]=0);return u},polar:function(t,e,n,i,r,o,a,s,l){var u=!r&&l?WI:xc,c=new u({shape:i,z2:1});c.name="item";var h,d,p=iT(r);if(c.calculateTextPosition=(h=p,d=({isRoundCap:u===WI}||{}).isRoundCap,function(t,e,n){var i=e.position;if(!i||i instanceof Array)return Wr(t,e,n);var r=h(i),o=null!=e.distance?e.distance:5,a=this.shape,s=a.cx,l=a.cy,u=a.r,c=a.r0,p=(u+c)/2,f=a.startAngle,g=a.endAngle,y=(f+g)/2,v=d?Math.abs(u-c)/2:0,m=Math.cos,x=Math.sin,_=s+u*m(f),b=l+u*x(f),w="left",S="top";switch(r){case"startArc":_=s+(c-o)*m(y),b=l+(c-o)*x(y),w="center",S="top";break;case"insideStartArc":_=s+(c+o)*m(y),b=l+(c+o)*x(y),w="center",S="bottom";break;case"startAngle":_=s+p*m(f)+HI(f,o+v,!1),b=l+p*x(f)+UI(f,o+v,!1),w="right",S="middle";break;case"insideStartAngle":_=s+p*m(f)+HI(f,-o+v,!1),b=l+p*x(f)+UI(f,-o+v,!1),w="left",S="middle";break;case"middle":_=s+p*m(y),b=l+p*x(y),w="center",S="middle";break;case"endArc":_=s+(u+o)*m(y),b=l+(u+o)*x(y),w="center",S="bottom";break;case"insideEndArc":_=s+(u-o)*m(y),b=l+(u-o)*x(y),w="center",S="top";break;case"endAngle":_=s+p*m(g)+HI(g,o+v,!0),b=l+p*x(g)+UI(g,o+v,!0),w="left",S="middle";break;case"insideEndAngle":_=s+p*m(g)+HI(g,-o+v,!0),b=l+p*x(g)+UI(g,-o+v,!0),w="right",S="middle";break;default:return Wr(t,e,n)}return(t=t||{}).x=_,t.y=b,t.align=w,t.verticalAlign=S,t}),o){var f=r?"r":"endAngle",g={};c.shape[f]=r?i.r0:i.startAngle,g[f]=i[f],(s?th:eh)(c,{shape:g},o)}return c}};function $I(t,e,n,i,r,o,a,s){var l,u;o?(u={x:i.x,width:i.width},l={y:i.y,height:i.height}):(u={y:i.y,height:i.height},l={x:i.x,width:i.width}),s||(a?th:eh)(n,{shape:l},e,r,null),(a?th:eh)(n,{shape:u},e?t.baseAxis.model:null,r)}function JI(t,e){for(var n=0;n<e.length;n++)if(!isFinite(t[e[n]]))return!0;return!1}var QI=["x","y","width","height"],tT=["cx","cy","r","startAngle","endAngle"],eT={cartesian2d:function(t){return!JI(t,QI)},polar:function(t){return!JI(t,tT)}},nT={cartesian2d:function(t,e,n){var i=t.getItemLayout(e);if(!i)return null;var r=n?function(t,e){var n=t.get(["itemStyle","borderColor"]);if(!n||"none"===n)return 0;var i=t.get(["itemStyle","borderWidth"])||0,r=isNaN(e.width)?Number.MAX_VALUE:Math.abs(e.width),o=isNaN(e.height)?Number.MAX_VALUE:Math.abs(e.height);return Math.min(i,r,o)}(n,i):0,o=i.width>0?1:-1,a=i.height>0?1:-1;return{x:i.x+o*r/2,y:i.y+a*r/2,width:i.width-o*r,height:i.height-a*r}},polar:function(t,e,n){var i=t.getItemLayout(e);return{cx:i.cx,cy:i.cy,r0:i.r0,r:i.r,startAngle:i.startAngle,endAngle:i.endAngle,clockwise:i.clockwise}}};function iT(t){return function(t){var e=t?"Arc":"Angle";return function(t){switch(t){case"start":case"insideStart":case"end":case"insideEnd":return t+e;default:return t}}}(t)}function rT(t,e,n,i,r,o,a,s){var l=e.getItemVisual(n,"style");if(s){if(!o.get("roundCap")){var u=t.shape;A(u,YI(i.getModel("itemStyle"),u,!0)),t.setShape(u)}}else{var c=i.get(["itemStyle","borderRadius"])||0;t.setShape("r",c)}t.useStyle(l);var h=i.getShallow("cursor");h&&t.attr("cursor",h);var d=s?a?r.r>=r.r0?"endArc":"startArc":r.endAngle>=r.startAngle?"endAngle":"startAngle":a?r.height>=0?"bottom":"top":r.width>=0?"right":"left",p=Jh(i);$h(t,p,{labelFetcher:o,labelDataIndex:n,defaultText:nI(o.getData(),n),inheritColor:l.fill,defaultOpacity:l.opacity,defaultOutsidePosition:d});var f=t.getTextContent();if(s&&f){var g=i.get(["label","position"]);t.textConfig.inside="middle"===g||null,function(t,e,n,i){if(j(i))t.setTextConfig({rotation:i});else if(U(e))t.setTextConfig({rotation:0});else{var r,o=t.shape,a=o.clockwise?o.startAngle:o.endAngle,s=o.clockwise?o.endAngle:o.startAngle,l=(a+s)/2,u=n(e);switch(u){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":r=l;break;case"startAngle":case"insideStartAngle":r=a;break;case"endAngle":case"insideEndAngle":r=s;break;default:return void t.setTextConfig({rotation:0})}var c=1.5*Math.PI-r;"middle"===u&&c>Math.PI/2&&c<1.5*Math.PI&&(c-=Math.PI),t.setTextConfig({rotation:c})}}(t,"outside"===g?d:g,iT(a),i.get(["label","rotate"]))}sd(f,p,o.getRawValue(n),(function(t){return iI(e,t)}));var y=i.getModel(["emphasis"]);Tu(t,y.get("focus"),y.get("blurScope"),y.get("disabled")),ku(t,i),function(t){return null!=t.startAngle&&null!=t.endAngle&&t.startAngle===t.endAngle}(r)&&(t.style.fill="none",t.style.stroke="none",z(t.states,(function(t){t.style&&(t.style.fill=t.style.stroke="none")})))}var oT=function(){},aT=function(t){function e(e){var n=t.call(this,e)||this;return n.type="largeBar",n}return n(e,t),e.prototype.getDefaultShape=function(){return new oT},e.prototype.buildPath=function(t,e){for(var n=e.points,i=this.baseDimIdx,r=1-this.baseDimIdx,o=[],a=[],s=this.barWidth,l=0;l<n.length;l+=3)a[i]=s,a[r]=n[l+2],o[i]=n[l+i],o[r]=n[l+r],t.rect(o[0],o[1],a[0],a[1])},e}(sl);function sT(t,e,n,i){var r=t.getData(),o=r.getLayout("valueAxisHorizontal")?1:0,a=r.getLayout("largeDataIndices"),s=r.getLayout("size"),l=t.getModel("backgroundStyle"),u=r.getLayout("largeBackgroundPoints");if(u){var c=new aT({shape:{points:u},incremental:!!i,silent:!0,z2:0});c.baseDimIdx=o,c.largeDataIndices=a,c.barWidth=s,c.useStyle(l.getItemStyle()),e.add(c),n&&n.push(c)}var h=new aT({shape:{points:r.getLayout("largePoints")},incremental:!!i,ignoreCoarsePointer:!0,z2:1});h.baseDimIdx=o,h.largeDataIndices=a,h.barWidth=s,e.add(h),h.useStyle(r.getVisual("style")),h.style.stroke=null,zl(h).seriesIndex=t.seriesIndex,t.get("silent")||(h.on("mousedown",lT),h.on("mousemove",lT)),n&&n.push(h)}var lT=uv((function(t){var e=function(t,e,n){for(var i=t.baseDimIdx,r=1-i,o=t.shape.points,a=t.largeDataIndices,s=[],l=[],u=t.barWidth,c=0,h=o.length/3;c<h;c++){var d=3*c;if(l[i]=u,l[r]=o[d+2],s[i]=o[d+i],s[r]=o[d+r],l[r]<0&&(s[r]+=l[r],l[r]=-l[r]),e>=s[0]&&e<=s[0]+l[0]&&n>=s[1]&&n<=s[1]+l[1])return a[c]}return-1}(this,t.offsetX,t.offsetY);zl(this).dataIndex=e>=0?e:null}),30,!1);function uT(t,e,n){if(SI(n,"cartesian2d")){var i=e,r=n.getArea();return{x:t?i.x:r.x,y:t?r.y:i.y,width:t?i.width:r.width,height:t?r.height:i.height}}var o=e;return{cx:(r=n.getArea()).cx,cy:r.cy,r0:t?r.r0:o.r0,r:t?r.r:o.r,startAngle:t?o.startAngle:0,endAngle:t?o.endAngle:2*Math.PI}}var cT=2*Math.PI,hT=Math.PI/180;function dT(t,e,n){e.eachSeriesByType(t,(function(t){var e=t.getData(),i=e.mapDimension("value"),r=Wp(t,n),o=r.cx,a=r.cy,s=r.r,l=r.r0,u=r.viewRect,c=-t.get("startAngle")*hT,h=t.get("endAngle"),d=t.get("padAngle")*hT;h="auto"===h?c-cT:-h*hT;var p=t.get("minAngle")*hT+d,f=0;e.each(i,(function(t){!isNaN(t)&&f++}));var g=e.getSum(i),y=Math.PI/(g||f)*2,v=t.get("clockwise"),m=t.get("roseType"),x=t.get("stillShowZeroSum"),_=e.getDataExtent(i);_[0]=0;var b=v?1:-1,w=[c,h],S=b*d/2;Gs(w,!v),c=w[0],h=w[1];var M=pT(t);M.startAngle=c,M.endAngle=h,M.clockwise=v,M.cx=o,M.cy=a,M.r=s,M.r0=l;var I=Math.abs(h-c),T=I,C=0,D=c;if(e.setLayout({viewRect:u,r:s}),e.each(i,(function(t,n){var i;if(isNaN(t))e.setItemLayout(n,{angle:NaN,startAngle:NaN,endAngle:NaN,clockwise:v,cx:o,cy:a,r0:l,r:m?NaN:s});else{(i="area"!==m?0===g&&x?y:t*y:I/f)<p?(i=p,T-=p):C+=t;var r=D+b*i,u=0,c=0;d>i?c=u=D+b*i/2:(u=D+S,c=r-S),e.setItemLayout(n,{angle:i,startAngle:u,endAngle:c,clockwise:v,cx:o,cy:a,r0:l,r:m?go(t,_,[l,s]):s}),D=r}})),T<cT&&f)if(T<=.001){var A=I/f;e.each(i,(function(t,n){if(!isNaN(t)){var i=e.getItemLayout(n);i.angle=A;var r=0,o=0;A<d?o=r=c+b*(n+.5)*A:(r=c+b*n*A+S,o=c+b*(n+1)*A-S),i.startAngle=r,i.endAngle=o}}))}else y=T/C,D=c,e.each(i,(function(t,n){if(!isNaN(t)){var i=e.getItemLayout(n),r=i.angle===p?p:t*y,o=0,a=0;r<d?a=o=D+b*r/2:(o=D+S,a=D+b*r-S),i.startAngle=o,i.endAngle=a,D+=b*r}}))}))}var pT=sa();function fT(t){return{seriesType:t,reset:function(t,e){var n=e.findComponents({mainType:"legend"});if(n&&n.length){var i=t.getData();i.filterSelf((function(t){for(var e=i.getName(t),r=0;r<n.length;r++)if(!n[r].isSelected(e))return!1;return!0}))}}}}var gT=Math.PI/180;function yT(t,e,n,i,r,o,a,s,l,u){if(!(t.length<2)){for(var c=t.length,h=0;h<c;h++)if("outer"===t[h].position&&"labelLine"===t[h].labelAlignTo){var d=t[h].label.x-u;t[h].linePoints[1][0]+=d,t[h].label.x=u}SS(t,1,l,l+a)&&function(t){for(var o={list:[],maxY:0},a={list:[],maxY:0},s=0;s<t.length;s++)if("none"===t[s].labelAlignTo){var l=t[s],u=l.label.y>n?a:o,c=Math.abs(l.label.y-n);if(c>=u.maxY){var h=l.label.x-e-l.len2*r,d=i+l.len,f=Math.abs(h)<d?Math.sqrt(c*c/(1-h*h/d/d)):d;u.rB=f,u.maxY=c}u.list.push(l)}p(o),p(a)}(t)}function p(t){for(var o=t.rB,a=o*o,s=0;s<t.list.length;s++){var l=t.list[s],u=Math.abs(l.label.y-n),c=i+l.len,h=c*c,d=Math.sqrt(Math.abs((1-u*u/a)*h)),p=e+(d+l.len2)*r,f=p-l.label.x;vT(l,l.targetTextWidth-f*r,!0),l.label.x=p}}}function vT(t,e,n){if(null==t.labelStyleWidth){var i=t.label,r=i.style,o=t.rect,a=r.backgroundColor,s=r.padding,l=s?s[1]+s[3]:0,u=r.overflow,c=o.width+(a?0:l);if(e<c||n){if(u&&u.match("break")){i.setStyle("backgroundColor",null),i.setStyle("width",e-l);var h=i.getBoundingRect();i.setStyle("width",Math.ceil(h.width)),i.setStyle("backgroundColor",a)}else{var d=e-l,p=e<c?d:n?d>t.unconstrainedWidth?null:d:null;i.setStyle("width",p)}mT(o,i)}}}function mT(t,e){_T.rect=t,mS(_T,e,xT)}var xT={minMarginForce:[null,0,null,0],marginDefault:[1,0,1,0]},_T={};function bT(t){return"center"===t.position}function wT(t){var e,n,i=t.getData(),r=[],o=!1,a=(t.get("minShowLabelAngle")||0)*gT,s=i.getLayout("viewRect"),l=i.getLayout("r"),u=s.width,c=s.x,h=s.y,d=s.height;function p(t){t.ignore=!0}i.each((function(t){var s=i.getItemGraphicEl(t),h=s.shape,f=s.getTextContent(),g=s.getTextGuideLine(),y=i.getItemModel(t),v=y.getModel("label"),m=v.get("position")||y.get(["emphasis","label","position"]),x=v.get("distanceToLabelLine"),_=v.get("alignTo"),b=yo(v.get("edgeDistance"),u),w=v.get("bleedMargin");null==w&&(w=Math.min(u,d)>200?10:2);var S=y.getModel("labelLine"),M=S.get("length");M=yo(M,u);var I=S.get("length2");if(I=yo(I,u),Math.abs(h.endAngle-h.startAngle)<a)return z(f.states,p),f.ignore=!0,void(g&&(z(g.states,p),g.ignore=!0));if(function(t){if(!t.ignore)return!0;for(var e in t.states)if(!1===t.states[e].ignore)return!0;return!1}(f)){var T,C,D,A,k=(h.startAngle+h.endAngle)/2,L=Math.cos(k),P=Math.sin(k);e=h.cx,n=h.cy;var O="inside"===m||"inner"===m;if("center"===m)T=h.cx,C=h.cy,A="center";else{var R=(O?(h.r+h.r0)/2*L:h.r*L)+e,N=(O?(h.r+h.r0)/2*P:h.r*P)+n;if(T=R+3*L,C=N+3*P,!O){var E=R+L*(M+l-h.r),B=N+P*(M+l-h.r),V=E+(L<0?-1:1)*I;T="edge"===_?L<0?c+b:c+u-b:V+(L<0?-x:x),C=B,D=[[R,N],[E,B],[V,B]]}A=O?"center":"edge"===_?L>0?"right":"left":L>0?"left":"right"}var G=Math.PI,F=0,W=v.get("rotate");if(j(W))F=W*(G/180);else if("center"===m)F=0;else if("radial"===W||!0===W){F=L<0?-k+G:-k}else if("tangential"===W&&"outside"!==m&&"outer"!==m){var H=Math.atan2(L,P);H<0&&(H=2*G+H),P>0&&(H=G+H),F=H-G}if(o=!!F,f.x=T,f.y=C,f.rotation=F,f.setStyle({verticalAlign:"middle"}),O){f.setStyle({align:A});var U=f.states.select;U&&(U.x+=f.x,U.y+=f.y)}else{var Y=new He(0,0,0,0);mT(Y,f),r.push({label:f,labelLine:g,position:m,len:M,len2:I,minTurnAngle:S.get("minTurnAngle"),maxSurfaceAngle:S.get("maxSurfaceAngle"),surfaceNormal:new Ae(L,P),linePoints:D,textAlign:A,labelDistance:x,labelAlignTo:_,edgeDistance:b,bleedMargin:w,rect:Y,unconstrainedWidth:Y.width,labelStyleWidth:f.style.width})}s.setTextConfig({inside:O})}})),!o&&t.get("avoidLabelOverlap")&&function(t,e,n,i,r,o,a,s){for(var l=[],u=[],c=Number.MAX_VALUE,h=-Number.MAX_VALUE,d=0;d<t.length;d++){var p=t[d].label;bT(t[d])||(p.x<e?(c=Math.min(c,p.x),l.push(t[d])):(h=Math.max(h,p.x),u.push(t[d])))}for(d=0;d<t.length;d++)if(!bT(y=t[d])&&y.linePoints){if(null!=y.labelStyleWidth)continue;p=y.label;var f=y.linePoints,g=void 0;g="edge"===y.labelAlignTo?p.x<e?f[2][0]-y.labelDistance-a-y.edgeDistance:a+r-y.edgeDistance-f[2][0]-y.labelDistance:"labelLine"===y.labelAlignTo?p.x<e?c-a-y.bleedMargin:a+r-h-y.bleedMargin:p.x<e?p.x-a-y.bleedMargin:a+r-p.x-y.bleedMargin,y.targetTextWidth=g,vT(y,g,!1)}for(yT(u,e,n,i,1,0,o,0,s,h),yT(l,e,n,i,-1,0,o,0,s,c),d=0;d<t.length;d++){var y;if(!bT(y=t[d])&&y.linePoints){p=y.label,f=y.linePoints;var v="edge"===y.labelAlignTo,m=p.style.padding,x=m?m[1]+m[3]:0,_=p.style.backgroundColor?0:x,b=y.rect.width+_,w=f[1][0]-f[2][0];v?p.x<e?f[2][0]=a+y.edgeDistance+b+y.labelDistance:f[2][0]=a+r-y.edgeDistance-b-y.labelDistance:(p.x<e?f[2][0]=p.x+y.labelDistance:f[2][0]=p.x-y.labelDistance,f[1][0]=f[2][0]+w),f[1][1]=f[2][1]=p.y}}}(r,e,n,l,u,d,c,h);for(var f=0;f<r.length;f++){var g=r[f],y=g.label,v=g.labelLine,m=isNaN(y.x)||isNaN(y.y);if(y){y.setStyle({align:g.textAlign}),m&&(z(y.states,p),y.ignore=!0);var x=y.states.select;x&&(x.x+=y.x,x.y+=y.y)}if(v){var _=g.linePoints;m||!_?(z(v.states,p),v.ignore=!0):(lS(_,g.minTurnAngle),uS(_,g.surfaceNormal,g.maxSurfaceAngle),v.setShape({points:_}),y.__hostTarget.textGuideLineConfig={anchor:new Ae(_[0][0],_[0][1])})}}}var ST=function(t){function e(e,n,i){var r=t.call(this)||this;r.z2=2;var o=new Sl;return r.setTextContent(o),r.updateData(e,n,i,!0),r}return n(e,t),e.prototype.updateData=function(t,e,n,i){var r=this,o=t.hostModel,a=t.getItemModel(e),s=a.getModel("emphasis"),l=t.getItemLayout(e),u=A(YI(a.getModel("itemStyle"),l,!0),l);if(isNaN(u.startAngle))r.setShape(u);else{if(i){r.setShape(u);var c=o.getShallow("animationType");o.ecModel.ssr?(eh(r,{scaleX:0,scaleY:0},o,{dataIndex:e,isFrom:!0}),r.originX=u.cx,r.originY=u.cy):"scale"===c?(r.shape.r=l.r0,eh(r,{shape:{r:l.r}},o,e)):null!=n?(r.setShape({startAngle:n,endAngle:n}),eh(r,{shape:{startAngle:l.startAngle,endAngle:l.endAngle}},o,e)):(r.shape.endAngle=l.startAngle,th(r,{shape:{endAngle:l.endAngle}},o,e))}else ah(r),th(r,{shape:u},o,e);r.useStyle(t.getItemVisual(e,"style")),ku(r,a);var h=(l.startAngle+l.endAngle)/2,d=o.get("selectedOffset"),p=Math.cos(h)*d,f=Math.sin(h)*d,g=a.getShallow("cursor");g&&r.attr("cursor",g),this._updateLabel(o,t,e),r.ensureState("emphasis").shape=A({r:l.r+(s.get("scale")&&s.get("scaleSize")||0)},YI(s.getModel("itemStyle"),l)),A(r.ensureState("select"),{x:p,y:f,shape:YI(a.getModel(["select","itemStyle"]),l)}),A(r.ensureState("blur"),{shape:YI(a.getModel(["blur","itemStyle"]),l)});var y=r.getTextGuideLine(),v=r.getTextContent();y&&A(y.ensureState("select"),{x:p,y:f}),A(v.ensureState("select"),{x:p,y:f}),Tu(this,s.get("focus"),s.get("blurScope"),s.get("disabled"))}},e.prototype._updateLabel=function(t,e,n){var i=this,r=e.getItemModel(n),o=r.getModel("labelLine"),a=e.getItemVisual(n,"style"),s=a&&a.fill,l=a&&a.opacity;$h(i,Jh(r),{labelFetcher:e.hostModel,labelDataIndex:n,inheritColor:s,defaultOpacity:l,defaultText:t.getFormattedLabel(n,"normal")||e.getName(n)});var u=i.getTextContent();i.setTextConfig({position:null,rotation:null}),u.attr({z2:10});var c=r.get(["label","position"]);if("outside"!==c&&"outer"!==c)i.removeTextGuideLine();else{var h=this.getTextGuideLine();h||(h=new Tc,this.setTextGuideLine(h)),dS(this,pS(r),{stroke:s,opacity:ot(o.get(["lineStyle","opacity"]),l,1)})}},e}(xc),MT=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.ignoreLabelLineUpdate=!0,e}return n(e,t),e.prototype.render=function(t,e,n,i){var r,o=t.getData(),a=this._data,s=this.group;if(!a&&o.count()>0){for(var l=o.getItemLayout(0),u=1;isNaN(l&&l.startAngle)&&u<o.count();++u)l=o.getItemLayout(u);l&&(r=l.startAngle)}if(this._emptyCircleSector&&s.remove(this._emptyCircleSector),0===o.count()&&t.get("showEmptyCircle")){var c=pT(t),h=new xc({shape:T(c)});h.useStyle(t.getModel("emptyCircleStyle").getItemStyle()),this._emptyCircleSector=h,s.add(h)}o.diff(a).add((function(t){var e=new ST(o,t,r);o.setItemGraphicEl(t,e),s.add(e)})).update((function(t,e){var n=a.getItemGraphicEl(e);n.updateData(o,t,r),n.off("click"),s.add(n),o.setItemGraphicEl(t,n)})).remove((function(e){oh(a.getItemGraphicEl(e),t,e)})).execute(),wT(t),"expansion"!==t.get("animationTypeUpdate")&&(this._data=o)},e.prototype.dispose=function(){},e.prototype.containPoint=function(t,e){var n=e.getData().getItemLayout(0);if(n){var i=t[0]-n.cx,r=t[1]-n.cy,o=Math.sqrt(i*i+r*r);return o<=n.r&&o>=n.r0}},e.type="pie",e}(tv);function IT(t,e,n){e=U(e)&&{coordDimensions:e}||A({encodeDefine:t.getEncode()},e);var i=t.getSource(),r=V_(i,e).dimensions,o=new B_(r,t);return o.initData(i,n),o}var TT,CT=function(){function t(t,e){this._getDataWithEncodedVisual=t,this._getRawData=e}return t.prototype.getAllNames=function(){var t=this._getRawData();return t.mapArray(t.getName)},t.prototype.containName=function(t){return this._getRawData().indexOfName(t)>=0},t.prototype.indexOfName=function(t){return this._getDataWithEncodedVisual().indexOfName(t)},t.prototype.getItemVisual=function(t,e){return this._getDataWithEncodedVisual().getItemVisual(t,e)},t}(),DT=sa(),AT=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this)),this._defaultLabelLine(e)},e.prototype.mergeOption=function(){t.prototype.mergeOption.apply(this,arguments)},e.prototype.getInitialData=function(){return IT(this,{coordDimensions:["value"],encodeDefaulter:H(Mf,this)})},e.prototype.getDataParams=function(e){var n=this.getData(),i=DT(n),r=i.seats;if(!r){var o=[];n.each(n.mapDimension("value"),(function(t){o.push(t)})),r=i.seats=So(o,n.hostModel.get("percentPrecision"))}var a=t.prototype.getDataParams.call(this,e);return a.percent=r[e]||0,a.$vars.push("percent"),a},e.prototype._defaultLabelLine=function(t){Ko(t,"labelLine",["show"]);var e=t.labelLine,n=t.emphasis.labelLine;e.show=e.show&&t.label.show,n.show=n.show&&t.emphasis.label.show},e.type="series.pie",e.defaultOption={z:2,legendHoverLink:!0,colorBy:"data",center:["50%","50%"],radius:[0,"50%"],clockwise:!0,startAngle:90,endAngle:"auto",padAngle:0,minAngle:0,minShowLabelAngle:0,selectedOffset:10,percentPrecision:2,stillShowZeroSum:!0,coordinateSystemUsage:"box",left:0,top:0,right:0,bottom:0,width:null,height:null,label:{rotate:0,show:!0,overflow:"truncate",position:"outer",alignTo:"none",edgeDistance:"25%",distanceToLabelLine:5},labelLine:{show:!0,length:15,length2:30,smooth:!1,minTurnAngle:90,maxSurfaceAngle:90,lineStyle:{width:1,type:"solid"}},itemStyle:{borderWidth:1,borderJoin:"round"},showEmptyCircle:!0,emptyCircleStyle:{color:"lightgray",opacity:1},labelLayout:{hideOverlap:!0},emphasis:{scale:!0,scaleSize:5},avoidLabelOverlap:!0,animationType:"expansion",animationDuration:1e3,animationTypeUpdate:"transition",animationEasingUpdate:"cubicInOut",animationDurationUpdate:500,animationEasing:"cubicInOut"},e}(Wy);TT={fullType:AT.type,getCoord2:function(t){return t.getShallow("center")}},Ap.set(TT.fullType,{getCoord2:void 0}).getCoord2=TT.getCoord2;var kT=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{useEncodeDefaulter:!0})},e.prototype.getProgressive=function(){var t=this.option.progressive;return null==t?this.option.large?5e3:this.get("progressive"):t},e.prototype.getProgressiveThreshold=function(){var t=this.option.progressiveThreshold;return null==t?this.option.large?1e4:this.get("progressiveThreshold"):t},e.prototype.brushSelector=function(t,e,n){return n.point(e.getItemLayout(t))},e.prototype.getZLevelKey=function(){return this.getData().count()>this.getProgressiveThreshold()?this.id:""},e.type="series.scatter",e.dependencies=["grid","polar","geo","singleAxis","calendar","matrix"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,legendHoverLink:!0,symbolSize:10,large:!1,largeThreshold:2e3,itemStyle:{opacity:.8},emphasis:{scale:!0},clip:!0,select:{itemStyle:{borderColor:tf.color.primary}},universalTransition:{divideShape:"clone"}},e}(Wy),LT=function(){},PT=function(t){function e(e){var n=t.call(this,e)||this;return n._off=0,n.hoverDataIdx=-1,n}return n(e,t),e.prototype.getDefaultShape=function(){return new LT},e.prototype.reset=function(){this.notClear=!1,this._off=0},e.prototype.buildPath=function(t,e){var n,i=e.points,r=e.size,o=this.symbolProxy,a=o.shape,s=t.getContext?t.getContext():t,l=s&&r[0]<4,u=this.softClipShape;if(l)this._ctx=s;else{for(this._ctx=null,n=this._off;n<i.length;){var c=i[n++],h=i[n++];isNaN(c)||isNaN(h)||(u&&!u.contain(c,h)||(a.x=c-r[0]/2,a.y=h-r[1]/2,a.width=r[0],a.height=r[1],o.buildPath(t,a,!0)))}this.incremental&&(this._off=n,this.notClear=!0)}},e.prototype.afterBrush=function(){var t,e=this.shape,n=e.points,i=e.size,r=this._ctx,o=this.softClipShape;if(r){for(t=this._off;t<n.length;){var a=n[t++],s=n[t++];isNaN(a)||isNaN(s)||(o&&!o.contain(a,s)||r.fillRect(a-i[0]/2,s-i[1]/2,i[0],i[1]))}this.incremental&&(this._off=t,this.notClear=!0)}},e.prototype.findDataIndex=function(t,e){for(var n=this.shape,i=n.points,r=n.size,o=Math.max(r[0],4),a=Math.max(r[1],4),s=i.length/2-1;s>=0;s--){var l=2*s,u=i[l]-o/2,c=i[l+1]-a/2;if(t>=u&&e>=c&&t<=u+o&&e<=c+a)return s}return-1},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e),i=this.getBoundingRect();return t=n[0],e=n[1],i.contain(t,e)?(this.hoverDataIdx=this.findDataIndex(t,e))>=0:(this.hoverDataIdx=-1,!1)},e.prototype.getBoundingRect=function(){var t=this._rect;if(!t){for(var e=this.shape,n=e.points,i=e.size,r=i[0],o=i[1],a=1/0,s=1/0,l=-1/0,u=-1/0,c=0;c<n.length;){var h=n[c++],d=n[c++];a=Math.min(h,a),l=Math.max(h,l),s=Math.min(d,s),u=Math.max(d,u)}t=this._rect=new He(a-r/2,s-o/2,l-a+r,u-s+o)}return t},e}(sl),OT=function(){function t(){this.group=new to}return t.prototype.updateData=function(t,e){this._clear();var n=this._create();n.setShape({points:t.getLayout("points")}),this._setCommon(n,t,e)},t.prototype.updateLayout=function(t){var e=t.getLayout("points");this.group.eachChild((function(t){if(null!=t.startIndex){var n=2*(t.endIndex-t.startIndex),i=4*t.startIndex*2;e=new Float32Array(e.buffer,i,n)}t.setShape("points",e),t.reset()}))},t.prototype.incrementalPrepareUpdate=function(t){this._clear()},t.prototype.incrementalUpdate=function(t,e,n){var i=this._newAdded[0],r=e.getLayout("points"),o=i&&i.shape.points;if(o&&o.length<2e4){var a=o.length,s=new Float32Array(a+r.length);s.set(o),s.set(r,a),i.endIndex=t.end,i.setShape({points:s})}else{this._newAdded=[];var l=this._create();l.startIndex=t.start,l.endIndex=t.end,l.incremental=!0,l.setShape({points:r}),this._setCommon(l,e,n)}},t.prototype.eachRendered=function(t){this._newAdded[0]&&t(this._newAdded[0])},t.prototype._create=function(){var t=new PT({cursor:"default"});return t.ignoreCoarsePointer=!0,this.group.add(t),this._newAdded.push(t),t},t.prototype._setCommon=function(t,e,n){var i=e.hostModel;n=n||{};var r=e.getVisual("symbolSize");t.setShape("size",r instanceof Array?r:[r,r]),t.softClipShape=n.clipShape||null,t.symbolProxy=hm(e.getVisual("symbol"),0,0,0,0),t.setColor=t.symbolProxy.setColor;var o=t.shape.size[0]<4;t.useStyle(i.getModel("itemStyle").getItemStyle(o?["color","shadowBlur","shadowColor"]:["color"]));var a=e.getVisual("style"),s=a&&a.fill;s&&t.setColor(s);var l=zl(t);l.seriesIndex=i.seriesIndex,t.on("mousemove",(function(e){l.dataIndex=null;var n=t.hoverDataIdx;n>=0&&(l.dataIndex=n+(t.startIndex||0))}))},t.prototype.remove=function(){this._clear()},t.prototype._clear=function(){this._newAdded=[],this.group.removeAll()},t}(),RT=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData();this._updateSymbolDraw(i,t).updateData(i,{clipShape:this._getClipShape(t)}),this._finished=!0},e.prototype.incrementalPrepareRender=function(t,e,n){var i=t.getData();this._updateSymbolDraw(i,t).incrementalPrepareUpdate(i),this._finished=!1},e.prototype.incrementalRender=function(t,e,n){this._symbolDraw.incrementalUpdate(t,e.getData(),{clipShape:this._getClipShape(e)}),this._finished=t.end===e.getData().count()},e.prototype.updateTransform=function(t,e,n){var i=t.getData();if(this.group.dirty(),!this._finished||i.count()>1e4)return{update:!0};var r=NI("").reset(t,e,n);r.progress&&r.progress({start:0,end:i.count(),count:i.count()},i),this._symbolDraw.updateLayout(i)},e.prototype.eachRendered=function(t){this._symbolDraw&&this._symbolDraw.eachRendered(t)},e.prototype._getClipShape=function(t){if(t.get("clip",!0)){var e=t.coordinateSystem;return e&&e.getArea&&e.getArea(.1)}},e.prototype._updateSymbolDraw=function(t,e){var n=this._symbolDraw,i=e.pipelineContext.large;return n&&i===this._isLargeDraw||(n&&n.remove(),n=this._symbolDraw=i?new OT:new uI,this._isLargeDraw=i,this.group.removeAll()),this.group.add(n.group),n},e.prototype.remove=function(t,e){this._symbolDraw&&this._symbolDraw.remove(!0),this._symbolDraw=null},e.prototype.dispose=function(){},e.type="scatter",e}(tv),NT={left:0,right:0,top:0,bottom:0},zT=["25%","25%"],ET=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.mergeDefaultAndTheme=function(e,n){var i=Kp(e.outerBounds);t.prototype.mergeDefaultAndTheme.apply(this,arguments),i&&e.outerBounds&&qp(e.outerBounds,i)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.apply(this,arguments),this.option.outerBounds&&e.outerBounds&&qp(this.option.outerBounds,e.outerBounds)},e.type="grid",e.dependencies=["xAxis","yAxis"],e.layoutMode="box",e.defaultOption={show:!1,z:0,left:"15%",top:65,right:"10%",bottom:80,containLabel:!1,outerBoundsMode:"auto",outerBounds:NT,outerBoundsContain:"all",outerBoundsClampWidth:zT[0],outerBoundsClampHeight:zT[1],backgroundColor:tf.color.transparent,borderWidth:1,borderColor:tf.color.neutral30},e}(Qp),BT=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getCoordSysModel=function(){return this.getReferringComponents("grid",ha).models[0]},e.type="cartesian2dAxis",e}(Qp);R(BT,nw);var VT={show:!0,z:0,inverse:!1,name:"",nameLocation:"end",nameRotate:null,nameTruncate:{maxWidth:null,ellipsis:"...",placeholder:"."},nameTextStyle:{},nameGap:15,silent:!1,triggerEvent:!1,tooltip:{show:!1},axisPointer:{},axisLine:{show:!0,onZero:!0,onZeroAxisIndex:null,lineStyle:{color:tf.color.axisLine,width:1,type:"solid"},symbol:["none","none"],symbolSize:[10,15],breakLine:!0},axisTick:{show:!0,inside:!1,length:5,lineStyle:{width:1}},axisLabel:{show:!0,inside:!1,rotate:0,showMinLabel:null,showMaxLabel:null,margin:8,fontSize:12,color:tf.color.axisLabel,textMargin:[0,3]},splitLine:{show:!0,showMinLine:!0,showMaxLine:!0,lineStyle:{color:tf.color.axisSplitLine,width:1,type:"solid"}},splitArea:{show:!1,areaStyle:{color:[tf.color.backgroundTint,tf.color.backgroundTransparent]}},breakArea:{show:!0,itemStyle:{color:tf.color.neutral00,borderColor:tf.color.border,borderWidth:1,borderType:[3,3],opacity:.6},zigzagAmplitude:4,zigzagMinSpan:4,zigzagMaxSpan:20,zigzagZ:100,expandOnClick:!0},breakLabelLayout:{moveOverlap:"auto"}},GT=C({boundaryGap:!0,deduplication:null,jitter:0,jitterOverlap:!0,jitterMargin:2,splitLine:{show:!1},axisTick:{alignWithLabel:!1,interval:"auto",show:"auto"},axisLabel:{interval:"auto"}},VT),FT=C({boundaryGap:[0,0],axisLine:{show:"auto"},axisTick:{show:"auto"},splitNumber:5,minorTick:{show:!1,splitNumber:5,length:3,lineStyle:{}},minorSplitLine:{show:!1,lineStyle:{color:tf.color.axisMinorSplitLine,width:1}}},VT),WT={category:GT,value:FT,time:C({splitNumber:6,axisLabel:{showMinLabel:!1,showMaxLabel:!1,rich:{primary:{fontWeight:"bold"}}},splitLine:{show:!1}},FT),log:k({logBase:10},FT)},HT={value:1,category:1,time:1,log:1},UT=null;function YT(){return UT}function XT(t,e,i,r){z(HT,(function(o,a){var s=C(C({},WT[a],!0),r,!0),l=function(t){function i(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e+"Axis."+a,n}return n(i,t),i.prototype.mergeDefaultAndTheme=function(t,e){var n=jp(this),i=n?Kp(t):{};C(t,e.getTheme().get(a+"Axis")),C(t,this.getDefaultOption()),t.type=ZT(t),n&&qp(t,i,n)},i.prototype.optionUpdated=function(){"category"===this.option.type&&(this.__ordinalMeta=ab.createByAxisModel(this))},i.prototype.getCategories=function(t){var e=this.option;if("category"===e.type)return t?e.data:this.__ordinalMeta.categories},i.prototype.getOrdinalMeta=function(){return this.__ordinalMeta},i.prototype.updateAxisBreaks=function(t){var e=YT();return e?e.updateModelAxisBreak(this,t):{breaks:[]}},i.type=e+"Axis."+a,i.defaultOption=s,i}(i);t.registerComponentModel(l)})),t.registerSubTypeDefaulter(e+"Axis",ZT)}function ZT(t){return t.type||(t.data?"category":"value")}var jT=function(){function t(t){this.type="cartesian",this._dimList=[],this._axes={},this.name=t||""}return t.prototype.getAxis=function(t){return this._axes[t]},t.prototype.getAxes=function(){return E(this._dimList,(function(t){return this._axes[t]}),this)},t.prototype.getAxesByScale=function(t){return t=t.toLowerCase(),V(this.getAxes(),(function(e){return e.scale.type===t}))},t.prototype.addAxis=function(t){var e=t.dim;this._axes[e]=t,this._dimList.push(e)},t}(),qT=["x","y"];function KT(t){return("interval"===t.type||"time"===t.type)&&!t.hasBreaks()}var $T=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="cartesian2d",e.dimensions=qT,e}return n(e,t),e.prototype.calcAffineTransform=function(){this._transform=this._invTransform=null;var t=this.getAxis("x").scale,e=this.getAxis("y").scale;if(KT(t)&&KT(e)){var n=t.getExtent(),i=e.getExtent(),r=this.dataToPoint([n[0],i[0]]),o=this.dataToPoint([n[1],i[1]]),a=n[1]-n[0],s=i[1]-i[0];if(a&&s){var l=(o[0]-r[0])/a,u=(o[1]-r[1])/s,c=r[0]-n[0]*l,h=r[1]-i[0]*u,d=this._transform=[l,0,0,u,c,h];this._invTransform=Te([],d)}}},e.prototype.getBaseAxis=function(){return this.getAxesByScale("ordinal")[0]||this.getAxesByScale("time")[0]||this.getAxis("x")},e.prototype.containPoint=function(t){var e=this.getAxis("x"),n=this.getAxis("y");return e.contain(e.toLocalCoord(t[0]))&&n.contain(n.toLocalCoord(t[1]))},e.prototype.containData=function(t){return this.getAxis("x").containData(t[0])&&this.getAxis("y").containData(t[1])},e.prototype.containZone=function(t,e){var n=this.dataToPoint(t),i=this.dataToPoint(e),r=this.getArea(),o=new He(n[0],n[1],i[0]-n[0],i[1]-n[1]);return r.intersect(o)},e.prototype.dataToPoint=function(t,e,n){n=n||[];var i=t[0],r=t[1];if(this._transform&&null!=i&&isFinite(i)&&null!=r&&isFinite(r))return Ht(n,t,this._transform);var o=this.getAxis("x"),a=this.getAxis("y");return n[0]=o.toGlobalCoord(o.dataToCoord(i,e)),n[1]=a.toGlobalCoord(a.dataToCoord(r,e)),n},e.prototype.clampData=function(t,e){var n=this.getAxis("x").scale,i=this.getAxis("y").scale,r=n.getExtent(),o=i.getExtent(),a=n.parse(t[0]),s=i.parse(t[1]);return(e=e||[])[0]=Math.min(Math.max(Math.min(r[0],r[1]),a),Math.max(r[0],r[1])),e[1]=Math.min(Math.max(Math.min(o[0],o[1]),s),Math.max(o[0],o[1])),e},e.prototype.pointToData=function(t,e,n){if(n=n||[],this._invTransform)return Ht(n,t,this._invTransform);var i=this.getAxis("x"),r=this.getAxis("y");return n[0]=i.coordToData(i.toLocalCoord(t[0]),e),n[1]=r.coordToData(r.toLocalCoord(t[1]),e),n},e.prototype.getOtherAxis=function(t){return this.getAxis("x"===t.dim?"y":"x")},e.prototype.getArea=function(t){t=t||0;var e=this.getAxis("x").getGlobalExtent(),n=this.getAxis("y").getGlobalExtent(),i=Math.min(e[0],e[1])-t,r=Math.min(n[0],n[1])-t,o=Math.max(e[0],e[1])-i+t,a=Math.max(n[0],n[1])-r+t;return new He(i,r,o,a)},e}(jT),JT=function(t){function e(e,n,i,r,o){var a=t.call(this,e,n,i)||this;return a.index=0,a.type=r||"value",a.position=o||"bottom",a}return n(e,t),e.prototype.isHorizontal=function(){var t=this.position;return"top"===t||"bottom"===t},e.prototype.getGlobalExtent=function(t){var e=this.getExtent();return e[0]=this.toGlobalCoord(e[0]),e[1]=this.toGlobalCoord(e[1]),t&&e[0]>e[1]&&e.reverse(),e},e.prototype.pointToData=function(t,e){return this.coordToData(this.toLocalCoord(t["x"===this.dim?0:1]),e)},e.prototype.setCategorySortInfo=function(t){if("category"!==this.type)return!1;this.model.option.categorySortInfo=t,this.scale.setSortInfo(t)},e}(Ww),QT="expandAxisBreak",tC="collapseAxisBreak",eC="toggleAxisBreak",nC="axisbreakchanged",iC={type:QT,event:nC,update:"update",refineEvent:aC},rC={type:tC,event:nC,update:"update",refineEvent:aC},oC={type:eC,event:nC,update:"update",refineEvent:aC};function aC(t,e,n,i){var r=[];return z(t,(function(t){r=r.concat(t.eventBreaks)})),{eventContent:{breaks:r}}}var sC=Math.PI,lC=[[1,2,1,2],[5,3,5,3],[8,3,8,3]],uC=[[0,1,0,1],[0,3,0,3],[0,3,0,3]],cC=sa(),hC=sa(),dC=function(){function t(t){this.recordMap={},this.resolveAxisNameOverlap=t}return t.prototype.ensureRecord=function(t){var e=t.axis.dim,n=t.componentIndex,i=this.recordMap,r=i[e]||(i[e]=[]);return r[n]||(r[n]={ready:{}})},t}();var pC=[1,0,0,1,0,0],fC=new He(0,0,0,0),gC=function(t,e,n,i,r,o){if(Qb(t.nameLocation)){var a=o.stOccupiedRect;a&&yC(function(t,e,n){return t.transform=Wh(t.transform,n),t.localRect=Fh(t.localRect,e),t.rect=Fh(t.rect,e),n&&t.rect.applyTransform(n),t.axisAligned=Vh(n),t.obb=void 0,(t.label=t.label||{}).ignore=!1,t}({},a,o.transGroup.transform),i,r)}else vC(o.labelInfoList,o.dirVec,i,r)};function yC(t,e,n){var i=new Ae;IS(t,e,i,{direction:Math.atan2(n.y,n.x),bidirectional:!1,touchThreshold:.05})&&_S(e,i)}function vC(t,e,n,i){for(var r=Ae.dot(i,e)>=0,o=0,a=t.length;o<a;o++){var s=t[r?o:a-1-o];s.label.ignore||yC(s,n,i)}}var mC=function(){function t(t,e,n,i){this.group=new to,this._axisModel=t,this._api=e,this._local={},this._shared=i||new dC(gC),this._resetCfgDetermined(n)}return t.prototype.updateCfg=function(t){var e=this._cfg.raw;e.position=t.position,e.labelOffset=t.labelOffset,this._resetCfgDetermined(e)},t.prototype.__getRawCfg=function(){return this._cfg.raw},t.prototype._resetCfgDetermined=function(t){var e=this._axisModel,n=e.getDefaultOption?e.getDefaultOption():{},i=rt(t.axisName,e.get("name")),r=e.get("nameMoveOverlap");null!=r&&"auto"!==r||(r=rt(t.defaultNameMoveOverlap,!0));var o={raw:t,position:t.position,rotation:t.rotation,nameDirection:rt(t.nameDirection,1),tickDirection:rt(t.tickDirection,1),labelDirection:rt(t.labelDirection,1),labelOffset:rt(t.labelOffset,0),silent:rt(t.silent,!0),axisName:i,nameLocation:ot(e.get("nameLocation"),n.nameLocation,"end"),shouldNameMoveOverlap:AC(i)&&r,optionHideOverlap:e.get(["axisLabel","hideOverlap"]),showMinorTicks:e.get(["minorTick","show"])};this._cfg=o;var a=new to({x:o.position[0],y:o.position[1],rotation:o.rotation});a.updateTransform(),this._transformGroup=a;var s=this._shared.ensureRecord(e);s.transGroup=this._transformGroup,s.dirVec=new Ae(Math.cos(-o.rotation),Math.sin(-o.rotation))},t.prototype.build=function(t,e){var n=this;return t||(t={axisLine:!0,axisTickLabelEstimate:!1,axisTickLabelDetermine:!0,axisName:!0}),z(xC,(function(i){t[i]&&_C[i](n._cfg,n._local,n._shared,n._axisModel,n.group,n._transformGroup,n._api,e||{})})),this},t.innerTextLayout=function(t,e,n){var i,r,o=To(e-t);return Co(o)?(r=n>0?"top":"bottom",i="center"):Co(o-sC)?(r=n>0?"bottom":"top",i="center"):(r="middle",i=o>0&&o<sC?n>0?"right":"left":n>0?"left":"right"),{rotation:o,textAlign:i,textVerticalAlign:r}},t.makeAxisEventDataBase=function(t){var e={componentType:t.mainType,componentIndex:t.componentIndex};return e[t.mainType+"Index"]=t.componentIndex,e},t.isLabelSilent=function(t){var e=t.get("tooltip");return t.get("silent")||!(t.get("triggerEvent")||e&&e.show)},t}(),xC=["axisLine","axisTickLabelEstimate","axisTickLabelDetermine","axisName"],_C={axisLine:function(t,e,n,i,r,o,a){var s=i.get(["axisLine","show"]);if("auto"===s&&(s=!0,null!=t.raw.axisLineAutoShow&&(s=!!t.raw.axisLineAutoShow)),s){var l=i.axis.getExtent(),u=o.transform,c=[l[0],0],h=[l[1],0],d=c[0]>h[0];u&&(Ht(c,c,u),Ht(h,h,u));var p=A({lineCap:"round"},i.getModel(["axisLine","lineStyle"]).getLineStyle()),f={strokeContainThreshold:t.raw.strokeContainThreshold||5,silent:!0,z2:1,style:p};if(i.get(["axisLine","breakLine"])&&i.axis.scale.hasBreaks())YT().buildAxisBreakLine(i,r,o,f);else{var g=new Ac(A({shape:{x1:c[0],y1:c[1],x2:h[0],y2:h[1]}},f));_h(g.shape,g.style.lineWidth),g.anid="line",r.add(g)}var y=i.get(["axisLine","symbol"]);if(null!=y){var v=i.get(["axisLine","symbolSize"]);X(y)&&(y=[y,y]),(X(v)||j(v))&&(v=[v,v]);var m=pm(i.get(["axisLine","symbolOffset"])||0,v),x=v[0],_=v[1];z([{rotate:t.rotation+Math.PI/2,offset:m[0],r:0},{rotate:t.rotation-Math.PI/2,offset:m[1],r:Math.sqrt((c[0]-h[0])*(c[0]-h[0])+(c[1]-h[1])*(c[1]-h[1]))}],(function(e,n){if("none"!==y[n]&&null!=y[n]){var i=hm(y[n],-x/2,-_/2,x,_,p.stroke,!0),o=e.r+e.offset,a=d?h:c;i.attr({rotation:e.rotate,x:a[0]+o*Math.cos(t.rotation),y:a[1]-o*Math.sin(t.rotation),silent:!0,z2:11}),r.add(i)}}))}}},axisTickLabelEstimate:function(t,e,n,i,r,o,a,s){MC(e,r,s)&&bC(t,e,n,i,r,o,a,Iw)},axisTickLabelDetermine:function(t,e,n,i,r,o,a,s){MC(e,r,s)&&bC(t,e,n,i,r,o,a,Tw);var l=function(t,e,n,i){var r=i.axis,o=i.getModel("axisTick"),a=o.get("show");"auto"===a&&(a=!0,null!=t.raw.axisTickAutoShow&&(a=!!t.raw.axisTickAutoShow));if(!a||r.scale.isBlank())return[];for(var s=o.getModel("lineStyle"),l=t.tickDirection*o.get("length"),u=SC(r.getTicksCoords(),n.transform,l,k(s.getLineStyle(),{stroke:i.get(["axisLine","lineStyle","color"])}),"ticks"),c=0;c<u.length;c++)e.add(u[c]);return u}(t,r,o,i);!function(t,e,n){if(t.showMinorTicks)return;z(e,(function(t){if(t&&t.label.ignore)for(var e=0;e<n.length;e++){var i=n[e],r=hC(i),o=cC(t.label);if(null!=r.tickValue&&!r.onBand&&r.tickValue===o.tickValue)return void wC(i)}}))}(t,e.labelLayoutList,l),function(t,e,n,i,r){var o=i.axis,a=i.getModel("minorTick");if(!t.showMinorTicks||o.scale.isBlank())return;var s=o.getMinorTicksCoords();if(!s.length)return;for(var l=a.getModel("lineStyle"),u=r*a.get("length"),c=k(l.getLineStyle(),k(i.getModel("axisTick").getLineStyle(),{stroke:i.get(["axisLine","lineStyle","color"])})),h=0;h<s.length;h++)for(var d=SC(s[h],n.transform,u,c,"minorticks_"+h),p=0;p<d.length;p++)e.add(d[p])}(t,r,o,i,t.tickDirection)},axisName:function(t,e,n,i,r,o,a,s){var l=n.ensureRecord(i);e.nameEl&&(r.remove(e.nameEl),e.nameEl=l.nameLayout=l.nameLocation=null);var u=t.axisName;if(AC(u)){var c=t.nameLocation,h=t.nameDirection,d=i.getModel("nameTextStyle"),p=i.get("nameGap")||0,f=i.axis.getExtent(),g=i.axis.inverse?-1:1,y=new Ae(0,0),v=new Ae(0,0);"start"===c?(y.x=f[0]-g*p,v.x=-g):"end"===c?(y.x=f[1]+g*p,v.x=g):(y.x=(f[0]+f[1])/2,y.y=t.labelOffset+h*p,v.y=h);var m=[1,0,0,1,0,0];v.transform(Me(m,m,t.rotation));var x,_,b=i.get("nameRotate");null!=b&&(b=b*sC/180),Qb(c)?x=mC.innerTextLayout(t.rotation,null!=b?b:t.rotation,h):(x=function(t,e,n,i){var r,o,a=To(n-t),s=i[0]>i[1],l="start"===e&&!s||"start"!==e&&s;Co(a-sC/2)?(o=l?"bottom":"top",r="center"):Co(a-1.5*sC)?(o=l?"top":"bottom",r="center"):(o="middle",r=a<1.5*sC&&a>sC/2?l?"left":"right":l?"right":"left");return{rotation:a,textAlign:r,textVerticalAlign:o}}(t.rotation,c,b||0,f),null!=(_=t.raw.axisNameAvailableWidth)&&(_=Math.abs(_/Math.sin(x.rotation)),!isFinite(_)&&(_=null)));var w=d.getFont(),S=i.get("nameTruncate",!0)||{},M=S.ellipsis,I=it(t.raw.nameTruncateMaxWidth,S.maxWidth,_),T=s.nameMarginLevel||0,C=new Sl({x:y.x,y:y.y,rotation:x.rotation,silent:mC.isLabelSilent(i),style:Qh(d,{text:u,font:w,overflow:"truncate",width:I,ellipsis:M,fill:d.getTextColor()||i.get(["axisLine","lineStyle","color"]),align:d.get("align")||x.textAlign,verticalAlign:d.get("verticalAlign")||x.textVerticalAlign}),z2:1});if(zh({el:C,componentModel:i,itemName:u}),C.__fullText=u,C.anid="name",i.get("triggerEvent")){var D=mC.makeAxisEventDataBase(i);D.targetType="axisName",D.name=u,zl(C).eventData=D}o.add(C),C.updateTransform(),e.nameEl=C;var A=l.nameLayout=vS({label:C,priority:C.z2,defaultAttr:{ignore:C.ignore},marginDefault:Qb(c)?lC[T]:uC[T]});if(l.nameLocation=c,r.add(C),C.decomposeTransform(),t.shouldNameMoveOverlap&&A){var k=n.ensureRecord(i);0,n.resolveAxisNameOverlap(t,n,i,A,v,k)}}}};function bC(t,e,n,i,r,o,a,s){IC(e)||function(t,e,n,i,r,o){var a=r.axis,s=it(t.raw.axisLabelShow,r.get(["axisLabel","show"])),l=new to;n.add(l);var u=Cw(i);if(!s||a.scale.isBlank())return void TC(e,[],l,u);var c=r.getModel("axisLabel"),h=a.getViewLabels(u),d=(it(t.raw.labelRotate,c.get("rotate"))||0)*sC/180,p=mC.innerTextLayout(t.rotation,d,t.labelDirection),f=r.getCategories&&r.getCategories(!0),g=[],y=r.get("triggerEvent"),v=1/0,m=-1/0;z(h,(function(t,e){var n,i="ordinal"===a.scale.type?a.scale.getRawOrdinalNumber(t.tickValue):t.tickValue,s=t.formattedLabel,u=t.rawLabel,d=c;if(f&&f[i]){var x=f[i];q(x)&&x.textStyle&&(d=new wd(x.textStyle,c,r.ecModel))}var _=d.getTextColor()||r.get(["axisLine","lineStyle","color"]),b=d.getShallow("align",!0)||p.textAlign,w=rt(d.getShallow("alignMinLabel",!0),b),S=rt(d.getShallow("alignMaxLabel",!0),b),M=d.getShallow("verticalAlign",!0)||d.getShallow("baseline",!0)||p.textVerticalAlign,I=rt(d.getShallow("verticalAlignMinLabel",!0),M),T=rt(d.getShallow("verticalAlignMaxLabel",!0),M),C=10+((null===(n=t.time)||void 0===n?void 0:n.level)||0);v=Math.min(v,C),m=Math.max(m,C);var D=new Sl({x:0,y:0,rotation:0,silent:mC.isLabelSilent(r),z2:C,style:Qh(d,{text:s,align:0===e?w:e===h.length-1?S:b,verticalAlign:0===e?I:e===h.length-1?T:M,fill:Y(_)?_("category"===a.type?u:"value"===a.type?i+"":i,e):_})});D.anid="label_"+i;var A=cC(D);if(A.break=t.break,A.tickValue=i,A.layoutRotation=p.rotation,zh({el:D,componentModel:r,itemName:s,formatterParamsExtra:{isTruncated:function(){return D.isTruncated},value:u,tickIndex:e}}),y){var k=mC.makeAxisEventDataBase(r);k.targetType="axisLabel",k.value=u,k.tickIndex=e,t.break&&(k.break={start:t.break.parsedBreak.vmin,end:t.break.parsedBreak.vmax}),"category"===a.type&&(k.dataIndex=i),zl(D).eventData=k,t.break&&function(t,e,n,i){n.on("click",(function(n){var r={type:QT,breaks:[{start:i.parsedBreak.breakOption.start,end:i.parsedBreak.breakOption.end}]};r[t.axis.dim+"AxisIndex"]=t.componentIndex,e.dispatchAction(r)}))}(r,o,D,t.break)}g.push(D),l.add(D)}));var x=E(g,(function(t){return{label:t,priority:cC(t).break?t.z2+(m-v+1):t.z2,defaultAttr:{ignore:t.ignore}}}));TC(e,x,l,u)}(t,e,r,s,i,a);var l=e.labelLayoutList;!function(t,e,n,i){var r=e.get(["axisLabel","margin"]);z(n,(function(n,o){var a=vS(n);if(a){var s=a.label,l=cC(s);a.suggestIgnore=s.ignore,s.ignore=!1,kr(CC,DC),CC.x=e.axis.dataToCoord(l.tickValue),CC.y=t.labelOffset+t.labelDirection*r,CC.rotation=l.layoutRotation,i.add(CC),CC.updateTransform(),i.remove(CC),CC.decomposeTransform(),kr(s,CC),s.markRedraw(),gS(a,!0),vS(a)}}))}(t,i,l,o),function(t,e,n){var i=Nd();if(!i)return;var r=i.retrieveAxisBreakPairs(n,(function(t){return t&&cC(t.label).break}),!0),o=t.get(["breakLabelLayout","moveOverlap"],!0);!0!==o&&"auto"!==o||z(r,(function(i){YT().adjustBreakLabelPair(t.axis.inverse,e,[vS(n[i[0]]),vS(n[i[1]])])}))}(i,t.rotation,l);var u=t.optionHideOverlap;!function(t,e,n){if($b(t.axis))return;function i(t,i,r){var o=vS(e[i]),a=vS(e[r]);if(o&&a)if(!1===t||o.suggestIgnore)wC(o.label);else if(a.suggestIgnore)wC(a.label);else{var s=.1;if(!n){var l=[0,0,0,0];o=bS({marginForce:l},o),a=bS({marginForce:l},a)}IS(o,a,null,{touchThreshold:s})&&wC(t?a.label:o.label)}}var r=t.get(["axisLabel","showMinLabel"]),o=t.get(["axisLabel","showMaxLabel"]),a=e.length;i(r,0,1),i(o,a-1,a-2)}(i,l,u),u&&MS(V(l,(function(t){return t&&!t.label.ignore}))),function(t,e,n,i){var r,o=n.axis,a=e.ensureRecord(n),s=[],l=AC(t.axisName)&&Qb(t.nameLocation);z(i,(function(t){var e=vS(t);if(e&&!e.label.ignore){s.push(e);var n=a.transGroup;l&&(n.transform?Te(pC,n.transform):_e(pC),e.transform&&we(pC,pC,e.transform),He.copy(fC,e.localRect),fC.applyTransform(pC),r?r.union(fC):He.copy(r=new He(0,0,0,0),fC))}}));var u=Math.abs(a.dirVec.x)>.1?"x":"y",c=a.transGroup[u];if(s.sort((function(t,e){return Math.abs(t.label[u]-c)-Math.abs(e.label[u]-c)})),l&&r){var h=o.getExtent(),d=Math.min(h[0],h[1]),p=Math.max(h[0],h[1])-d;r.union(new He(d,0,p,1))}a.stOccupiedRect=r,a.labelInfoList=s}(t,n,i,l)}function wC(t){t&&(t.ignore=!0)}function SC(t,e,n,i,r){for(var o=[],a=[],s=[],l=0;l<t.length;l++){var u=t[l].coord;a[0]=u,a[1]=0,s[0]=u,s[1]=n,e&&(Ht(a,a,e),Ht(s,s,e));var c=new Ac({shape:{x1:a[0],y1:a[1],x2:s[0],y2:s[1]},style:i,z2:2,autoBatch:!0,silent:!0});_h(c.shape,c.style.lineWidth),c.anid=r+"_"+t[l].tickValue,o.push(c);var h=hC(c);h.onBand=!!t[l].onBand,h.tickValue=t[l].tickValue}return o}function MC(t,e,n){if(IC(t)){var i=t.axisLabelsCreationContext;0;var r=i.out.noPxChangeTryDetermine;if(n.noPxChange){for(var o=!0,a=0;a<r.length;a++)o=o&&r[a]();if(o)return!1}r.length&&(e.remove(t.labelGroup),TC(t,null,null,null))}return!0}function IC(t){return!!t.labelLayoutList}function TC(t,e,n,i){t.labelLayoutList=e,t.labelGroup=n,t.axisLabelsCreationContext=i}var CC=new xl,DC=new xl;function AC(t){return!!t}function kC(t,e,n){n=n||{};var i=e.axis,r={},o=i.getAxesOnZeroOf()[0],a=i.position,s=o?"onZero":a,l=i.dim,u=[t.x,t.x+t.width,t.y,t.y+t.height],c={left:0,right:1,top:0,bottom:1,onZero:2},h=e.get("offset")||0,d="x"===l?[u[2]-h,u[3]+h]:[u[0]-h,u[1]+h];if(o){var p=o.toGlobalCoord(o.dataToCoord(0));d[c.onZero]=Math.max(Math.min(p,d[1]),d[0])}r.position=["y"===l?d[c[s]]:u[0],"x"===l?d[c[s]]:u[3]],r.rotation=Math.PI/2*("x"===l?0:1);r.labelDirection=r.tickDirection=r.nameDirection={top:-1,bottom:1,left:-1,right:1}[a],r.labelOffset=o?d[c[a]]-d[c.onZero]:0,e.get(["axisTick","inside"])&&(r.tickDirection=-r.tickDirection),it(n.labelInside,e.get(["axisLabel","inside"]))&&(r.labelDirection=-r.labelDirection);var f=e.get(["axisLabel","rotate"]);return r.labelRotate="top"===s?-f:f,r.z2=1,r}function LC(t){var e={xAxisModel:null,yAxisModel:null};return z(e,(function(n,i){var r=i.replace(/Model$/,""),o=t.getReferringComponents(r,ha).models[0];e[i]=o})),e}function PC(t,e,n){var i=cb.prototype,r=i.getTicks.call(n),o=i.getTicks.call(n,{expandToNicedExtent:!0}),a=r.length-1,s=i.getInterval.call(n),l=Yb(t,e),u=l.extent,c=l.fixMin,h=l.fixMax;"log"===t.type&&(u=ib(t.base,u,!0)),t.setBreaksFromOption(ew(e)),t.setExtent(u[0],u[1]),t.calcNiceExtent({splitNumber:a,fixMin:c,fixMax:h});var d=i.getExtent.call(t);c&&(u[0]=d[0]),h&&(u[1]=d[1]);var p=i.getInterval.call(t),f=u[0],g=u[1];if(c&&h)p=(g-f)/a;else if(c)for(g=u[0]+p*a;g<u[1]&&isFinite(g)&&isFinite(u[1]);)p=K_(p),g=u[0]+p*a;else if(h)for(f=u[1]-p*a;f>u[0]&&isFinite(f)&&isFinite(u[0]);)p=K_(p),f=u[1]-p*a;else{t.getTicks().length-1>a&&(p=K_(p));var y=p*a;(f=mo((g=Math.ceil(u[1]/p)*p)-y))<0&&u[0]>=0?(f=0,g=mo(y)):g>0&&u[1]<=0&&(g=0,f=-mo(y))}var v=(r[0].value-o[0].value)/s,m=(r[a].value-o[a].value)/s;i.setExtent.call(t,f+p*v,g+p*m),i.setInterval.call(t,p),(v||m)&&i.setNiceExtent.call(t,f+p,g-p)}var OC,RC=[[3,1],[0,2]],NC=function(){function t(t,e,n){this.type="grid",this._coordsMap={},this._coordsList=[],this._axesMap={},this._axesList=[],this.axisPointerEnabled=!0,this.dimensions=qT,this._initCartesian(t,e,n),this.model=t}return t.prototype.getRect=function(){return this._rect},t.prototype.update=function(t,e){var n=this._axesMap;function i(t){var e,n=F(t),i=n.length;if(i){for(var r=[],o=i-1;o>=0;o--){var a=t[+n[o]],s=a.model,l=a.scale;j_(l)&&s.get("alignTicks")&&null==s.get("interval")?r.push(a):(Xb(l,s),j_(l)&&(e=a))}r.length&&(e||Xb((e=r.pop()).scale,e.model),z(r,(function(t){PC(t.scale,t.model,e.scale)})))}}this._updateScale(t,this.model),i(n.x),i(n.y);var r={};z(n.x,(function(t){EC(n,"y",t,r)})),z(n.y,(function(t){EC(n,"x",t,r)})),this.resize(this.model,e)},t.prototype.resize=function(t,e,n){var i=Xp(t,e),r=this._rect=Hp(t.getBoxLayoutParams(),i.refContainer),o=this._axesMap,a=this._coordsList,s=t.get("containLabel");if(VC(o,r),!n){var l=function(t,e,n,i,r){var o=new dC(HC);return z(n,(function(n){return z(n,(function(n){if(tw(n.model)){var a=!i;n.axisBuilder=function(t,e,n,i,r,o){for(var a=kC(t,n),s=!1,l=!1,u=0;u<e.length;u++)j_(e[u].getOtherAxis(n.axis).scale)&&(s=l=!0,"category"===n.axis.type&&n.axis.onBand&&(l=!1));return a.axisLineAutoShow=s,a.axisTickAutoShow=l,a.defaultNameMoveOverlap=o,new mC(n,i,a,r)}(t,e,n.model,r,o,a)}}))})),o}(r,a,o,s,e),u=void 0;if(s)OC?(OC(this._axesList,r),VC(o,r)):u=FC(r.clone(),"axisLabel",null,r,o,l,i);else{var c=function(t,e,n){var i,r=t.get("outerBoundsMode",!0);"same"===r?i=e.clone():null!=r&&"auto"!==r||(i=Hp(t.get("outerBounds",!0)||NT,n.refContainer));var o,a=t.get("outerBoundsContain",!0);o=null==a||"auto"===a||P(["all","axisLabel"],a)<0?"all":a;var s=[vo(rt(t.get("outerBoundsClampWidth",!0),zT[0]),e.width),vo(rt(t.get("outerBoundsClampHeight",!0),zT[1]),e.height)];return{outerBoundsRect:i,parsedOuterBoundsContain:o,outerBoundsClamp:s}}(t,r,i),h=c.outerBoundsRect,d=c.parsedOuterBoundsContain,p=c.outerBoundsClamp;h&&(u=FC(h,d,p,r,o,l,i))}WC(r,o,Tw,null,u,i)}z(this._coordsList,(function(t){t.calcAffineTransform()}))},t.prototype.getAxis=function(t,e){var n=this._axesMap[t];if(null!=n)return n[e||0]},t.prototype.getAxes=function(){return this._axesList.slice()},t.prototype.getCartesian=function(t,e){if(null!=t&&null!=e){var n="x"+t+"y"+e;return this._coordsMap[n]}q(t)&&(e=t.yAxisIndex,t=t.xAxisIndex);for(var i=0,r=this._coordsList;i<r.length;i++)if(r[i].getAxis("x").index===t||r[i].getAxis("y").index===e)return r[i]},t.prototype.getCartesians=function(){return this._coordsList.slice()},t.prototype.convertToPixel=function(t,e,n){var i=this._findConvertTarget(e);return i.cartesian?i.cartesian.dataToPoint(n):i.axis?i.axis.toGlobalCoord(i.axis.dataToCoord(n)):null},t.prototype.convertFromPixel=function(t,e,n){var i=this._findConvertTarget(e);return i.cartesian?i.cartesian.pointToData(n):i.axis?i.axis.coordToData(i.axis.toLocalCoord(n)):null},t.prototype._findConvertTarget=function(t){var e,n,i=t.seriesModel,r=t.xAxisModel||i&&i.getReferringComponents("xAxis",ha).models[0],o=t.yAxisModel||i&&i.getReferringComponents("yAxis",ha).models[0],a=t.gridModel,s=this._coordsList;if(i)P(s,e=i.coordinateSystem)<0&&(e=null);else if(r&&o)e=this.getCartesian(r.componentIndex,o.componentIndex);else if(r)n=this.getAxis("x",r.componentIndex);else if(o)n=this.getAxis("y",o.componentIndex);else if(a){a.coordinateSystem===this&&(e=this._coordsList[0])}return{cartesian:e,axis:n}},t.prototype.containPoint=function(t){var e=this._coordsList[0];if(e)return e.containPoint(t)},t.prototype._initCartesian=function(t,e,n){var i=this,r=this,o={left:!1,right:!1,top:!1,bottom:!1},a={x:{},y:{}},s={x:0,y:0};if(e.eachComponent("xAxis",l("x"),this),e.eachComponent("yAxis",l("y"),this),!s.x||!s.y)return this._axesMap={},void(this._axesList=[]);function l(e){return function(n,i){if(zC(n,t)){var l=n.get("position");"x"===e?"top"!==l&&"bottom"!==l&&(l=o.bottom?"top":"bottom"):"left"!==l&&"right"!==l&&(l=o.left?"right":"left"),o[l]=!0;var u=new JT(e,Zb(n),[0,0],n.get("type"),l),c="category"===u.type;u.onBand=c&&n.get("boundaryGap"),u.inverse=n.get("inverse"),n.axis=u,u.model=n,u.grid=r,u.index=i,r._axesList.push(u),a[e][i]=u,s[e]++}}}this._axesMap=a,z(a.x,(function(e,n){z(a.y,(function(r,o){var a="x"+n+"y"+o,s=new $T(a);s.master=i,s.model=t,i._coordsMap[a]=s,i._coordsList.push(s),s.addAxis(e),s.addAxis(r)}))}))},t.prototype._updateScale=function(t,e){function n(t,e){z(Jb(t,e.dim),(function(n){e.scale.unionExtentFromData(t,n)}))}z(this._axesList,(function(t){if(t.scale.setExtent(1/0,-1/0),"category"===t.type){var e=t.model.get("categorySortInfo");t.scale.setSortInfo(e)}})),t.eachSeries((function(t){if(function(t){return t.coordinateSystem&&"cartesian2d"===t.coordinateSystem.type}(t)){var i=LC(t),r=i.xAxisModel,o=i.yAxisModel;if(!zC(r,e)||!zC(o,e))return;var a=this.getCartesian(r.componentIndex,o.componentIndex),s=t.getData(),l=a.getAxis("x"),u=a.getAxis("y");n(s,l),n(s,u)}}),this)},t.prototype.getTooltipAxes=function(t){var e=[],n=[];return z(this.getCartesians(),(function(i){var r=null!=t&&"auto"!==t?i.getAxis(t):i.getBaseAxis(),o=i.getOtherAxis(r);P(e,r)<0&&e.push(r),P(n,o)<0&&n.push(o)})),{baseAxes:e,otherAxes:n}},t.create=function(e,n){var i=[];return e.eachComponent("grid",(function(r,o){var a=new t(r,e,n);a.name="grid_"+o,a.resize(r,n,!0),r.coordinateSystem=a,i.push(a)})),e.eachSeries((function(t){Rp({targetModel:t,coordSysType:"cartesian2d",coordSysProvider:function(){var e=LC(t),n=e.xAxisModel,i=e.yAxisModel,r=n.getCoordSysModel();0;return r.coordinateSystem.getCartesian(n.componentIndex,i.componentIndex)}})})),i},t.dimensions=qT,t}();function zC(t,e){return t.getCoordSysModel()===e}function EC(t,e,n,i){n.getAxesOnZeroOf=function(){return r?[r]:[]};var r,o=t[e],a=n.model,s=a.get(["axisLine","onZero"]),l=a.get(["axisLine","onZeroAxisIndex"]);if(s){if(null!=l)BC(o[l])&&(r=o[l]);else for(var u in o)if(o.hasOwnProperty(u)&&BC(o[u])&&!i[c(o[u])]){r=o[u];break}r&&(i[c(r)]=!0)}function c(t){return t.dim+"_"+t.index}}function BC(t){return t&&"category"!==t.type&&"time"!==t.type&&function(t){var e=t.scale.getExtent(),n=e[0],i=e[1];return!(n>0&&i>0||n<0&&i<0)}(t)}function VC(t,e){z(t.x,(function(t){return GC(t,e.x,e.width)})),z(t.y,(function(t){return GC(t,e.y,e.height)}))}function GC(t,e,n){var i=[0,n],r=t.inverse?1:0;t.setExtent(i[r],i[1-r]),function(t,e){var n=t.getExtent(),i=n[0]+n[1];t.toGlobalCoord="x"===t.dim?function(t){return t+e}:function(t){return i-t+e},t.toLocalCoord="x"===t.dim?function(t){return t-e}:function(t){return i-t+e}}(t,e)}function FC(t,e,n,i,r,o,a){WC(i,r,Iw,e,!1,a);var s=[0,0,0,0];u(0),u(1),c(i,0,NaN),c(i,1,NaN);var l=null==G(s,(function(t){return t>0}));return Oh(i,s,!0,!0,n),VC(r,i),l;function u(t){z(r[lh[t]],(function(e){if(tw(e.model)){var n=o.ensureRecord(e.model),i=n.labelInfoList;if(i)for(var r=0;r<i.length;r++){var a=i[r],s=e.scale.normalize(cC(a.label).tickValue);s=1===t?1-s:s,c(a.rect,t,s),c(a.rect,1-t,NaN)}var l=n.nameLayout;if(l){s=Qb(n.nameLocation)?.5:NaN;c(l.rect,t,s),c(l.rect,1-t,NaN)}}}))}function c(e,n,i){var r=t[lh[n]]-e[lh[n]],o=e[uh[n]]+e[lh[n]]-(t[uh[n]]+t[lh[n]]);r=h(r,1-i),o=h(o,i);var a=RC[n][0],l=RC[n][1];s[a]=po(s[a],r),s[l]=po(s[l],o)}function h(t,e){return t>0&&!nt(e)&&e>1e-4&&(t/=e),t}}function WC(t,e,n,i,r,o){var a=n===Tw;z(e,(function(e){return z(e,(function(e){tw(e.model)&&(!function(t,e,n){var i=kC(e,n);t.updateCfg(i)}(e.axisBuilder,t,e.model),e.axisBuilder.build(a?{axisTickLabelDetermine:!0}:{axisTickLabelEstimate:!0},{noPxChange:r}))}))}));var s={x:0,y:0};function l(e){s[lh[1-e]]=t[uh[e]]<=.5*o.refContainer[uh[e]]?0:1-e==1?2:1}l(0),l(1),z(e,(function(t,e){return z(t,(function(t){tw(t.model)&&(("all"===i||a)&&t.axisBuilder.build({axisName:!0},{nameMarginLevel:s[e]}),a&&t.axisBuilder.build({axisLine:!0}))}))}))}var HC=function(t,e,n,i,r,o){var a="x"===n.axis.dim?"y":"x";gC(t,0,0,i,r,o),Qb(t.nameLocation)||z(e.recordMap[a],(function(t){t&&t.labelInfoList&&t.dirVec&&vC(t.labelInfoList,t.dirVec,i,r)}))};function UC(t,e){var n={axesInfo:{},seriesInvolved:!1,coordSysAxesInfo:{},coordSysMap:{}};return function(t,e,n){var i=e.getComponent("tooltip"),r=e.getComponent("axisPointer"),o=r.get("link",!0)||[],a=[];z(n.getCoordinateSystems(),(function(n){if(n.axisPointerEnabled){var s=qC(n.model),l=t.coordSysAxesInfo[s]={};t.coordSysMap[s]=n;var u=n.model.getModel("tooltip",i);if(z(n.getAxes(),H(p,!1,null)),n.getTooltipAxes&&i&&u.get("show")){var c="axis"===u.get("trigger"),h="cross"===u.get(["axisPointer","type"]),d=n.getTooltipAxes(u.get(["axisPointer","axis"]));(c||h)&&z(d.baseAxes,H(p,!h||"cross",c)),h&&z(d.otherAxes,H(p,"cross",!1))}}function p(i,s,c){var h=c.model.getModel("axisPointer",r),d=h.get("show");if(d&&("auto"!==d||i||jC(h))){null==s&&(s=h.get("triggerTooltip")),h=i?function(t,e,n,i,r,o){var a=e.getModel("axisPointer"),s={};z(["type","snap","lineStyle","shadowStyle","label","animation","animationDurationUpdate","animationEasingUpdate","z"],(function(t){s[t]=T(a.get(t))})),s.snap="category"!==t.type&&!!o,"cross"===a.get("type")&&(s.type="line");var l=s.label||(s.label={});if(null==l.show&&(l.show=!1),"cross"===r){var u=a.get(["label","show"]);if(l.show=null==u||u,!o){var c=s.lineStyle=a.get("crossStyle");c&&k(l,c.textStyle)}}return t.model.getModel("axisPointer",new wd(s,n,i))}(c,u,r,e,i,s):h;var p=h.get("snap"),f=h.get("triggerEmphasis"),g=qC(c.model),y=s||p||"category"===c.type,v=t.axesInfo[g]={key:g,axis:c,coordSys:n,axisPointerModel:h,triggerTooltip:s,triggerEmphasis:f,involveSeries:y,snap:p,useHandle:jC(h),seriesModels:[],linkGroup:null};l[g]=v,t.seriesInvolved=t.seriesInvolved||y;var m=function(t,e){for(var n=e.model,i=e.dim,r=0;r<t.length;r++){var o=t[r]||{};if(YC(o[i+"AxisId"],n.id)||YC(o[i+"AxisIndex"],n.componentIndex)||YC(o[i+"AxisName"],n.name))return r}}(o,c);if(null!=m){var x=a[m]||(a[m]={axesInfo:{}});x.axesInfo[g]=v,x.mapper=o[m].mapper,v.linkGroup=x}}}}))}(n,t,e),n.seriesInvolved&&function(t,e){e.eachSeries((function(e){var n=e.coordinateSystem,i=e.get(["tooltip","trigger"],!0),r=e.get(["tooltip","show"],!0);n&&n.model&&"none"!==i&&!1!==i&&"item"!==i&&!1!==r&&!1!==e.get(["axisPointer","show"],!0)&&z(t.coordSysAxesInfo[qC(n.model)],(function(t){var i=t.axis;n.getAxis(i.dim)===i&&(t.seriesModels.push(e),null==t.seriesDataCount&&(t.seriesDataCount=0),t.seriesDataCount+=e.getData().count())}))}))}(n,t),n}function YC(t,e){return"all"===t||U(t)&&P(t,e)>=0||t===e}function XC(t){var e=ZC(t);if(e){var n=e.axisPointerModel,i=e.axis.scale,r=n.option,o=n.get("status"),a=n.get("value");null!=a&&(a=i.parse(a));var s=jC(n);null==o&&(r.status=s?"show":"hide");var l=i.getExtent().slice();l[0]>l[1]&&l.reverse(),(null==a||a>l[1])&&(a=l[1]),a<l[0]&&(a=l[0]),r.value=a,s&&(r.status=e.axis.scale.isBlank()?"hide":"show")}}function ZC(t){var e=(t.ecModel.getComponent("axisPointer")||{}).coordSysAxesInfo;return e&&e.axesInfo[qC(t)]}function jC(t){return!!t.get(["handle","show"])}function qC(t){return t.type+"||"+t.id}var KC={},$C=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(e,n,i,r){this.axisPointerClass&&XC(e),t.prototype.render.apply(this,arguments),this._doUpdateAxisPointerClass(e,i,!0)},e.prototype.updateAxisPointer=function(t,e,n,i){this._doUpdateAxisPointerClass(t,n,!1)},e.prototype.remove=function(t,e){var n=this._axisPointer;n&&n.remove(e)},e.prototype.dispose=function(e,n){this._disposeAxisPointer(n),t.prototype.dispose.apply(this,arguments)},e.prototype._doUpdateAxisPointerClass=function(t,n,i){var r=e.getAxisPointerClass(this.axisPointerClass);if(r){var o=function(t){var e=ZC(t);return e&&e.axisPointerModel}(t);o?(this._axisPointer||(this._axisPointer=new r)).render(t,o,n,i):this._disposeAxisPointer(n)}},e.prototype._disposeAxisPointer=function(t){this._axisPointer&&this._axisPointer.dispose(t),this._axisPointer=null},e.registerAxisPointerClass=function(t,e){KC[t]=e},e.getAxisPointerClass=function(t){return t&&KC[t]},e.type="axis",e}(Ky),JC=sa();function QC(t,e,n,i){var r=n.axis;if(!r.scale.isBlank()){var o=n.getModel("splitArea"),a=o.getModel("areaStyle"),s=a.get("color"),l=i.coordinateSystem.getRect(),u=r.getTicksCoords({tickModel:o,clamp:!0,breakTicks:"none",pruneByBreak:"preserve_extent_bound"});if(u.length){var c=s.length,h=JC(t).splitAreaColors,d=yt(),p=0;if(h)for(var f=0;f<u.length;f++){var g=h.get(u[f].tickValue);if(null!=g){p=(g+(c-1)*f)%c;break}}var y=r.toGlobalCoord(u[0].coord),v=a.getAreaStyle();s=U(s)?s:[s];for(f=1;f<u.length;f++){var m=r.toGlobalCoord(u[f].coord),x=void 0,_=void 0,b=void 0,w=void 0;r.isHorizontal()?(x=y,_=l.y,b=m-x,w=l.height,y=x+b):(x=l.x,_=y,b=l.width,y=_+(w=m-_));var S=u[f-1].tickValue;null!=S&&d.set(S,p),e.add(new xl({anid:null!=S?"area_"+S:null,shape:{x:x,y:_,width:b,height:w},style:k({fill:s[p]},v),autoBatch:!0,silent:!0})),p=(p+1)%c}JC(t).splitAreaColors=d}}}function tD(t){JC(t).splitAreaColors=null}var eD=["splitArea","splitLine","minorSplitLine","breakArea"],nD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="CartesianAxisPointer",n}return n(e,t),e.prototype.render=function(e,n,i,r){this.group.removeAll();var o=this._axisGroup;(this._axisGroup=new to,this.group.add(this._axisGroup),tw(e))&&(this._axisGroup.add(e.axis.axisBuilder.group),z(eD,(function(t){e.get([t,"show"])&&iD[t](this,this._axisGroup,e,e.getCoordSysModel(),i)}),this),r&&"changeAxisOrder"===r.type&&r.isInitSort||Th(o,this._axisGroup,e),t.prototype.render.call(this,e,n,i,r))},e.prototype.remove=function(){tD(this)},e.type="cartesianAxis",e}($C),iD={splitLine:function(t,e,n,i,r){var o=n.axis;if(!o.scale.isBlank()){var a=n.getModel("splitLine"),s=a.getModel("lineStyle"),l=s.get("color"),u=!1!==a.get("showMinLine"),c=!1!==a.get("showMaxLine");l=U(l)?l:[l];for(var h=i.coordinateSystem.getRect(),d=o.isHorizontal(),p=0,f=o.getTicksCoords({tickModel:a,breakTicks:"none",pruneByBreak:"preserve_extent_bound"}),g=[],y=[],v=s.getLineStyle(),m=0;m<f.length;m++){var x=o.toGlobalCoord(f[m].coord);if((0!==m||u)&&(m!==f.length-1||c)){var _=f[m].tickValue;d?(g[0]=x,g[1]=h.y,y[0]=x,y[1]=h.y+h.height):(g[0]=h.x,g[1]=x,y[0]=h.x+h.width,y[1]=x);var b=p++%l.length,w=new Ac({anid:null!=_?"line_"+_:null,autoBatch:!0,shape:{x1:g[0],y1:g[1],x2:y[0],y2:y[1]},style:k({stroke:l[b]},v),silent:!0});_h(w.shape,v.lineWidth),e.add(w)}}}},minorSplitLine:function(t,e,n,i,r){var o=n.axis,a=n.getModel("minorSplitLine").getModel("lineStyle"),s=i.coordinateSystem.getRect(),l=o.isHorizontal(),u=o.getMinorTicksCoords();if(u.length)for(var c=[],h=[],d=a.getLineStyle(),p=0;p<u.length;p++)for(var f=0;f<u[p].length;f++){var g=o.toGlobalCoord(u[p][f].coord);l?(c[0]=g,c[1]=s.y,h[0]=g,h[1]=s.y+s.height):(c[0]=s.x,c[1]=g,h[0]=s.x+s.width,h[1]=g);var y=new Ac({anid:"minor_line_"+u[p][f].tickValue,autoBatch:!0,shape:{x1:c[0],y1:c[1],x2:h[0],y2:h[1]},style:d,silent:!0});_h(y.shape,d.lineWidth),e.add(y)}},splitArea:function(t,e,n,i,r){QC(t,e,n,i)},breakArea:function(t,e,n,i,r){var o=YT(),a=n.axis.scale;o&&"ordinal"!==a.type&&o.rectCoordBuildBreakAxis(e,t,n,i.coordinateSystem.getRect(),r)}},rD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="xAxis",e}(nD),oD=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type=rD.type,e}return n(e,t),e.type="yAxis",e}(nD),aD=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="grid",e}return n(e,t),e.prototype.render=function(t,e){this.group.removeAll(),t.get("show")&&this.group.add(new xl({shape:t.coordinateSystem.getRect(),style:k({fill:t.get("backgroundColor")},t.getItemStyle()),silent:!0,z2:-1}))},e.type="grid",e}(Ky),sD={offset:0};function lD(t){t.registerComponentView(aD),t.registerComponentModel(ET),t.registerCoordinateSystem("cartesian2d",NC),XT(t,"x",BT,sD),XT(t,"y",BT,sD),t.registerComponentView(rD),t.registerComponentView(oD),t.registerPreprocessor((function(t){t.xAxis&&t.yAxis&&!t.grid&&(t.grid={})}))}var uD=sa();function cD(t,e,n,i){if(t instanceof JT){var r=t.scale.type;if("category"!==r&&"ordinal"!==r)return n}var o=t.model,a=o.get("jitter"),s=o.get("jitterOverlap"),l=o.get("jitterMargin")||0,u="ordinal"===t.scale.type?t.getBandWidth():null;return a>0?s?hD(n,a,u,i):function(t,e,n,i,r,o){var a=uD(t);a.items||(a.items=[]);var s=a.items,l=dD(s,e,n,i,r,o,1),u=dD(s,e,n,i,r,o,-1),c=Math.abs(l-n)<Math.abs(u-n)?l:u,h="ordinal"===t.scale.type?t.getBandWidth():null,d=Math.abs(c-n);if(d>r/2||h&&d>h/2-i)return hD(n,r,h,i);return s.push({fixedCoord:e,floatCoord:c,r:i}),c}(t,e,n,i,a,l):n}function hD(t,e,n,i){if(null===n)return t+(Math.random()-.5)*e;var r=n-2*i,o=Math.min(Math.max(0,e),r);return t+(Math.random()-.5)*o}function dD(t,e,n,i,r,o,a){for(var s=n,l=0;l<t.length;l++){var u=t[l],c=e-u.fixedCoord,h=s-u.floatCoord,d=c*c+h*h,p=i+u.r+o;if(d<p*p){var f=u.floatCoord+Math.sqrt(p*p-c*c)*a;if(Math.abs(f-n)>r/2)return Number.MAX_VALUE;if(1===a&&f>s||-1===a&&f<s){s=f,l=-1;continue}}}return s}function pD(t){t.eachSeriesByType("scatter",(function(t){var e=t.coordinateSystem;if(e&&("cartesian2d"===e.type||"single"===e.type)){var n=e.getBaseAxis?e.getBaseAxis():null,i=n&&function(t,e){var n=t.coordinateSystem,i=n&&n.type,r=n&&n.getBaseAxis&&n.getBaseAxis(),o=r&&r.scale&&r.scale.type,a="cartesian2d"===i&&"ordinal"===o||"single"===i,s=e.model.get("jitter")>0;return a&&s}(t,n);if(i){var r=t.getData();r.each((function(t){var e=n.dim,i=n.orient,o="horizontal"===i&&"category"!==n.type||"vertical"===i&&"category"===n.type,a=r.getItemLayout(t),s=r.getItemVisual(t,"symbolSize"),l=s instanceof Array?(s[1]+s[0])/2:s;if("y"===e||"single"===e&&o){var u=cD(n,a[0],a[1],l/2);r.setItemLayout(t,[a[0],u])}else if("x"===e||"single"===e&&!o){u=cD(n,a[1],a[0],l/2);r.setItemLayout(t,[u,a[1]])}}))}}}))}function fD(t){t.eachSeriesByType("radar",(function(t){var e=t.getData(),n=[],i=t.coordinateSystem;if(i){var r=i.getIndicatorAxes();z(r,(function(t,o){e.each(e.mapDimension(r[o].dim),(function(t,e){n[e]=n[e]||[];var r=i.dataToPoint(t,o);n[e][o]=gD(r)?r:yD(i)}))})),e.each((function(t){var r=G(n[t],(function(t){return gD(t)}))||yD(i);n[t].push(r.slice()),e.setItemLayout(t,n[t])}))}}))}function gD(t){return!isNaN(t[0])&&!isNaN(t[1])}function yD(t){return[t.cx,t.cy]}function vD(t){var e=t.polar;if(e){U(e)||(e=[e]);var n=[];z(e,(function(e,i){e.indicator?(e.type&&!e.shape&&(e.shape=e.type),t.radar=t.radar||[],U(t.radar)||(t.radar=[t.radar]),t.radar.push(e)):n.push(e)})),t.polar=n}z(t.series,(function(t){t&&"radar"===t.type&&t.polarIndex&&(t.radarIndex=t.polarIndex)}))}var mD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.coordinateSystem,r=this.group,o=t.getData(),a=this._data;function s(t,e){var n=t.getItemVisual(e,"symbol")||"circle";if("none"!==n){var i=dm(t.getItemVisual(e,"symbolSize")),r=hm(n,-1,-1,2,2),o=t.getItemVisual(e,"symbolRotate")||0;return r.attr({style:{strokeNoScale:!0},z2:100,scaleX:i[0]/2,scaleY:i[1]/2,rotation:o*Math.PI/180||0}),r}}function l(e,n,i,r,o,a){i.removeAll();for(var l=0;l<n.length-1;l++){var u=s(r,o);u&&(u.__dimIdx=l,e[l]?(u.setPosition(e[l]),Zh[a?"initProps":"updateProps"](u,{x:n[l][0],y:n[l][1]},t,o)):u.setPosition(n[l]),i.add(u))}}function u(t){return E(t,(function(t){return[i.cx,i.cy]}))}o.diff(a).add((function(e){var n=o.getItemLayout(e);if(n){var i=new Mc,r=new Tc,a={shape:{points:n}};i.shape.points=u(n),r.shape.points=u(n),eh(i,a,t,e),eh(r,a,t,e);var s=new to,c=new to;s.add(r),s.add(i),s.add(c),l(r.shape.points,n,c,o,e,!0),o.setItemGraphicEl(e,s)}})).update((function(e,n){var i=a.getItemGraphicEl(n),r=i.childAt(0),s=i.childAt(1),u=i.childAt(2),c={shape:{points:o.getItemLayout(e)}};c.shape.points&&(l(r.shape.points,c.shape.points,u,o,e,!1),ah(s),ah(r),th(r,c,t),th(s,c,t),o.setItemGraphicEl(e,i))})).remove((function(t){r.remove(a.getItemGraphicEl(t))})).execute(),o.eachItemGraphicEl((function(t,e){var n=o.getItemModel(e),i=t.childAt(0),a=t.childAt(1),s=t.childAt(2),l=o.getItemVisual(e,"style"),u=l.fill;r.add(t),i.useStyle(k(n.getModel("lineStyle").getLineStyle(),{fill:"none",stroke:u})),ku(i,n,"lineStyle"),ku(a,n,"areaStyle");var c=n.getModel("areaStyle"),h=c.isEmpty()&&c.parentModel.isEmpty();a.ignore=h,z(["emphasis","select","blur"],(function(t){var e=n.getModel([t,"areaStyle"]),r=e.isEmpty()&&e.parentModel.isEmpty();a.ensureState(t).ignore=r&&h;var o=n.getModel([t,"lineStyle"]).getLineStyle();i.ensureState(t).style=o;var l=e.getAreaStyle();a.ensureState(t).style=l;var u=n.getModel([t,"itemStyle"]).getItemStyle();s.eachChild((function(e){e.ensureState(t).style=T(u)}))})),a.useStyle(k(n.getModel("areaStyle").getAreaStyle(),{fill:u,opacity:.7,decal:l.decal}));var d=n.getModel("emphasis");s.eachChild((function(t){if(t instanceof dl){var i=t.style;t.useStyle(A({image:i.image,x:i.x,y:i.y,width:i.width,height:i.height},l))}else t.useStyle(l),t.setColor(u),t.style.strokeNoScale=!0;var r=o.getStore().get(o.getDimensionIndex(t.__dimIdx),e);(null==r||isNaN(r))&&(r=""),$h(t,Jh(n),{labelFetcher:o.hostModel,labelDataIndex:e,labelDimIndex:t.__dimIdx,defaultText:r,inheritColor:u,defaultOpacity:l.opacity})})),Tu(t,d.get("focus"),d.get("blurScope"),d.get("disabled"))})),this._data=o},e.prototype.remove=function(){this.group.removeAll(),this._data=null},e.type="radar",e}(tv),xD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this))},e.prototype.getInitialData=function(t,e){return IT(this,{generateCoord:"indicator_",generateCoordCount:1/0})},e.prototype.formatTooltip=function(t,e,n){var i=this.getData(),r=this.coordinateSystem.getIndicatorAxes(),o=this.getData().getName(t),a=""===o?this.name:o,s=Ny(this,t);return Ty("section",{header:a,sortBlocks:!0,blocks:E(r,(function(e){var n=i.get(i.mapDimension(e.dim),t);return Ty("nameValue",{markerType:"subItem",markerColor:s,name:e.name,value:n,sortParam:n})}))})},e.prototype.getTooltipPosition=function(t){if(null!=t)for(var e=this.getData(),n=this.coordinateSystem,i=e.getValues(E(n.dimensions,(function(t){return e.mapDimension(t)})),t),r=0,o=i.length;r<o;r++)if(!isNaN(i[r])){var a=n.getIndicatorAxes();return n.coordToPoint(a[r].dataToCoord(i[r]),r)}},e.type="series.radar",e.dependencies=["radar"],e.defaultOption={z:2,colorBy:"data",coordinateSystem:"radar",legendHoverLink:!0,radarIndex:0,lineStyle:{width:2,type:"solid",join:"round"},label:{position:"top"},symbolSize:8},e}(Wy),_D=WT.value;function bD(t,e){return k({show:e},t)}var wD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){var t=this.get("boundaryGap"),e=this.get("splitNumber"),n=this.get("scale"),i=this.get("axisLine"),r=this.get("axisTick"),o=this.get("axisLabel"),a=this.get("axisName"),s=this.get(["axisName","show"]),l=this.get(["axisName","formatter"]),u=this.get("axisNameGap"),c=this.get("triggerEvent"),h=E(this.get("indicator")||[],(function(h){null!=h.max&&h.max>0&&!h.min?h.min=0:null!=h.min&&h.min<0&&!h.max&&(h.max=0);var d=a;null!=h.color&&(d=k({color:h.color},a));var p=C(T(h),{boundaryGap:t,splitNumber:e,scale:n,axisLine:i,axisTick:r,axisLabel:o,name:h.text,showName:s,nameLocation:"end",nameGap:u,nameTextStyle:d,triggerEvent:c},!1);if(X(l)){var f=p.name;p.name=l.replace("{value}",null!=f?f:"")}else Y(l)&&(p.name=l(p.name,p));var g=new wd(p,null,this.ecModel);return R(g,nw.prototype),g.mainType="radar",g.componentIndex=this.componentIndex,g}),this);this._indicatorModels=h},e.prototype.getIndicatorModels=function(){return this._indicatorModels},e.type="radar",e.defaultOption={z:0,center:["50%","50%"],radius:"50%",startAngle:90,axisName:{show:!0,color:tf.color.axisLabel},boundaryGap:[0,0],splitNumber:5,axisNameGap:15,scale:!1,shape:"polygon",axisLine:C({lineStyle:{color:tf.color.neutral20}},_D.axisLine),axisLabel:bD(_D.axisLabel,!1),axisTick:bD(_D.axisTick,!1),splitLine:bD(_D.splitLine,!0),splitArea:bD(_D.splitArea,!0),indicator:[]},e}(Qp),SD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this.group.removeAll(),this._buildAxes(t,n),this._buildSplitLineAndArea(t)},e.prototype._buildAxes=function(t,e){var n=t.coordinateSystem;z(E(n.getIndicatorAxes(),(function(t){var i=t.model.get("showName")?t.name:"";return new mC(t.model,e,{axisName:i,position:[n.cx,n.cy],rotation:t.angle,labelDirection:-1,tickDirection:-1,nameDirection:1})})),(function(t){t.build(),this.group.add(t.group)}),this)},e.prototype._buildSplitLineAndArea=function(t){var e=t.coordinateSystem,n=e.getIndicatorAxes();if(n.length){var i=t.get("shape"),r=t.getModel("splitLine"),o=t.getModel("splitArea"),a=r.getModel("lineStyle"),s=o.getModel("areaStyle"),l=r.get("show"),u=o.get("show"),c=a.get("color"),h=s.get("color"),d=U(c)?c:[c],p=U(h)?h:[h],f=[],g=[];if("circle"===i)for(var y=n[0].getTicksCoords(),v=e.cx,m=e.cy,x=0;x<y.length;x++){if(l)f[C(f,d,x)].push(new nc({shape:{cx:v,cy:m,r:y[x].coord}}));if(u&&x<y.length-1)g[C(g,p,x)].push(new bc({shape:{cx:v,cy:m,r0:y[x].coord,r:y[x+1].coord}}))}else{var _,b=E(n,(function(t,n){var i=t.getTicksCoords();return _=null==_?i.length-1:Math.min(i.length-1,_),E(i,(function(t){return e.coordToPoint(t.coord,n)}))})),w=[];for(x=0;x<=_;x++){for(var S=[],M=0;M<n.length;M++)S.push(b[M][x]);if(S[0]&&S.push(S[0].slice()),l)f[C(f,d,x)].push(new Tc({shape:{points:S}}));if(u&&w)g[C(g,p,x-1)].push(new Mc({shape:{points:S.concat(w)}}));w=S.slice().reverse()}}var I=a.getLineStyle(),T=s.getAreaStyle();z(g,(function(t,e){this.group.add(mh(t,{style:k({stroke:"none",fill:p[e%p.length]},T),silent:!0}))}),this),z(f,(function(t,e){this.group.add(mh(t,{style:k({fill:"none",stroke:d[e%d.length]},I),silent:!0}))}),this)}function C(t,e,n){var i=n%e.length;return t[i]=t[i]||[],i}},e.type="radar",e}(Ky),MD=function(t){function e(e,n,i){var r=t.call(this,e,n,i)||this;return r.type="value",r.angle=0,r.name="",r}return n(e,t),e}(Ww),ID=function(){function t(t,e,n){this.dimensions=[],this._model=t,this._indicatorAxes=E(t.getIndicatorModels(),(function(t,e){var n="indicator_"+e,i=new MD(n,new cb);return i.name=t.get("name"),i.model=t,t.axis=i,this.dimensions.push(n),i}),this),this.resize(t,n)}return t.prototype.getIndicatorAxes=function(){return this._indicatorAxes},t.prototype.dataToPoint=function(t,e){var n=this._indicatorAxes[e];return this.coordToPoint(n.dataToCoord(t),e)},t.prototype.coordToPoint=function(t,e){var n=this._indicatorAxes[e].angle;return[this.cx+t*Math.cos(n),this.cy-t*Math.sin(n)]},t.prototype.pointToData=function(t){var e=t[0]-this.cx,n=t[1]-this.cy,i=Math.sqrt(e*e+n*n);e/=i,n/=i;for(var r,o=Math.atan2(-n,e),a=1/0,s=-1,l=0;l<this._indicatorAxes.length;l++){var u=this._indicatorAxes[l],c=Math.abs(o-u.angle);c<a&&(r=u,s=l,a=c)}return[s,+(r&&r.coordToData(i))]},t.prototype.resize=function(t,e){var n=Xp(t,e).refContainer,i=t.get("center"),r=Math.min(n.width,n.height)/2;this.cx=yo(i[0],n.width)+n.x,this.cy=yo(i[1],n.height)+n.y,this.startAngle=t.get("startAngle")*Math.PI/180;var o=t.get("radius");(X(o)||j(o))&&(o=[0,o]),this.r0=yo(o[0],r),this.r=yo(o[1],r),z(this._indicatorAxes,(function(t,e){t.setExtent(this.r0,this.r);var n=this.startAngle+e*Math.PI*2/this._indicatorAxes.length;n=Math.atan2(Math.sin(n),Math.cos(n)),t.angle=n}),this)},t.prototype.update=function(t,e){var n=this._indicatorAxes,i=this._model;z(n,(function(t){t.scale.setExtent(1/0,-1/0)})),t.eachSeriesByType("radar",(function(e,r){if("radar"===e.get("coordinateSystem")&&t.getComponent("radar",e.get("radarIndex"))===i){var o=e.getData();z(n,(function(t){t.scale.unionExtentFromData(o,o.mapDimension(t.dim))}))}}),this);var r=i.get("splitNumber"),o=new cb;o.setExtent(0,r),o.setInterval(1),z(n,(function(t,e){PC(t.scale,t.model,o)}))},t.prototype.convertToPixel=function(t,e,n){return console.warn("Not implemented."),null},t.prototype.convertFromPixel=function(t,e,n){return console.warn("Not implemented."),null},t.prototype.containPoint=function(t){return console.warn("Not implemented."),!1},t.create=function(e,n){var i=[];return e.eachComponent("radar",(function(r){var o=new t(r,e,n);i.push(o),r.coordinateSystem=o})),e.eachSeriesByType("radar",(function(t){"radar"===t.get("coordinateSystem")&&(t.coordinateSystem=i[t.get("radarIndex")||0])})),i},t.dimensions=[],t}();function TD(t){t.registerCoordinateSystem("radar",ID),t.registerComponentModel(wD),t.registerComponentView(SD),t.registerVisual({seriesType:"radar",reset:function(t){var e=t.getData();e.each((function(t){e.setItemVisual(t,"legendIcon","roundRect")})),e.setVisual("legendIcon","roundRect")}})}var CD=sa();function DD(t,e){return!!CD(t)[e]}Qx({type:"takeGlobalCursor",event:"globalCursorTaken",update:"update"},bt);var AD={axisPointer:1,tooltip:1,brush:1};function kD(t,e,n){var i=e.getComponentByElement(t.topTarget);if(!i||i===n||AD.hasOwnProperty(i.mainType))return!1;var r=i.coordinateSystem;if(!r||r.model===n)return!1;var o=Hh(i),a=Hh(n);return!((o.zlevel-a.zlevel||o.z-a.z)<=0)}var LD=function(t){function e(e){var n=t.call(this)||this;n._zr=e;var i=W(n._mousedownHandler,n),r=W(n._mousemoveHandler,n),o=W(n._mouseupHandler,n),a=W(n._mousewheelHandler,n),s=W(n._pinchHandler,n);return n.enable=function(t,n){var l=n.zInfo,u=Hh(l.component),c=u.z,h=u.zlevel,d={component:l.component,z:c,zlevel:h,z2:rt(l.z2,-1/0)},p=A({},n.triggerInfo);this._opt=k(A({},n),{zoomOnMouseWheel:!0,moveOnMouseMove:!0,moveOnMouseWheel:!1,preventDefaultMouseMove:!0,zInfoParsed:d,triggerInfo:p}),null==t&&(t=!0),this._enabled&&this._controlType===t||(this._enabled=!0,this.disable(),!0!==t&&"move"!==t&&"pan"!==t||(zD(e,"mousedown",i,d),zD(e,"mousemove",r,d),zD(e,"mouseup",o,d)),!0!==t&&"scale"!==t&&"zoom"!==t||(zD(e,"mousewheel",a,d),zD(e,"pinch",s,d)))},n.disable=function(){this._enabled=!1,ED(e,"mousedown",i),ED(e,"mousemove",r),ED(e,"mouseup",o),ED(e,"mousewheel",a),ED(e,"pinch",s)},n}return n(e,t),e.prototype.isDragging=function(){return this._dragging},e.prototype.isPinching=function(){return this._pinching},e.prototype._checkPointer=function(t,e,n){var i=this._opt,r=i.zInfoParsed;if(kD(t,i.api,r.component))return!1;var o=i.triggerInfo,a=!1;return"global"===o.roamTrigger&&(a=!0),a||(a=o.isInSelf(t,e,n)),a&&o.isInClip&&!o.isInClip(t,e,n)&&(a=!1),a},e.prototype._decideCursorStyle=function(t,e,n,i){var r=t.target;return!r&&this._checkPointer(t,e,n)?"grab":i?r&&r.cursor||"default":void 0},e.prototype.dispose=function(){this.disable()},e.prototype._mousedownHandler=function(t){if(!ge(t)&&!PD(t)){for(var e=t.target;e;){if(e.draggable)return;e=e.__hostTarget||e.parent}var n=t.offsetX,i=t.offsetY;this._checkPointer(t,n,i)&&(this._x=n,this._y=i,this._dragging=!0)}},e.prototype._mousemoveHandler=function(t){var e=this._zr;if("pinch"!==t.gestureEvent&&!DD(e,"globalPan")&&!PD(t)){var n=t.offsetX,i=t.offsetY;if(this._dragging&&GD("moveOnMouseMove",t,this._opt)){e.setCursorStyle("grabbing");var r=this._x,o=this._y,a=n-r,s=i-o;this._x=n,this._y=i,this._opt.preventDefaultMouseMove&&fe(t.event),t.__ecRoamConsumed=!0,VD(this,"pan","moveOnMouseMove",t,{dx:a,dy:s,oldX:r,oldY:o,newX:n,newY:i,isAvailableBehavior:null})}else{var l=this._decideCursorStyle(t,n,i,!1);l&&e.setCursorStyle(l)}}},e.prototype._mouseupHandler=function(t){if(!PD(t)){var e=this._zr;if(!ge(t)){this._dragging=!1;var n=this._decideCursorStyle(t,t.offsetX,t.offsetY,!0);n&&e.setCursorStyle(n)}}},e.prototype._mousewheelHandler=function(t){if(!PD(t)){var e=GD("zoomOnMouseWheel",t,this._opt),n=GD("moveOnMouseWheel",t,this._opt),i=t.wheelDelta,r=Math.abs(i),o=t.offsetX,a=t.offsetY;if(0!==i&&(e||n)){if(e){var s=r>3?1.4:r>1?1.2:1.1,l=i>0?s:1/s;this._checkTriggerMoveZoom(this,"zoom","zoomOnMouseWheel",t,{scale:l,originX:o,originY:a,isAvailableBehavior:null})}if(n){var u=Math.abs(i),c=(i>0?1:-1)*(u>3?.4:u>1?.15:.05);this._checkTriggerMoveZoom(this,"scrollMove","moveOnMouseWheel",t,{scrollDelta:c,originX:o,originY:a,isAvailableBehavior:null})}}}},e.prototype._pinchHandler=function(t){if(!DD(this._zr,"globalPan")&&!PD(t)){var e=t.pinchScale>1?1.1:1/1.1;this._checkTriggerMoveZoom(this,"zoom",null,t,{scale:e,originX:t.pinchX,originY:t.pinchY,isAvailableBehavior:null})}},e.prototype._checkTriggerMoveZoom=function(t,e,n,i,r){t._checkPointer(i,r.originX,r.originY)&&(fe(i.event),i.__ecRoamConsumed=!0,VD(t,e,n,i,r))},e}(qt);function PD(t){return t.__ecRoamConsumed}var OD,RD=sa();function ND(t){var e=RD(t);return e.roam=e.roam||{},e.uniform=e.uniform||{},e}function zD(t,e,n,i){for(var r=ND(t).roam,o=r[e]=r[e]||[],a=0;a<o.length;a++){var s=o[a].zInfoParsed;if((s.zlevel-i.zlevel||s.z-i.z||s.z2-i.z2)<=0)break}o.splice(a,0,{listener:n,zInfoParsed:i}),function(t,e){var n=ND(t);n.uniform[e]||t.on(e,n.uniform[e]=function(t){var i=n.roam[e];if(i)for(var r=0;r<i.length;r++)i[r].listener(t)})}(t,e)}function ED(t,e,n){for(var i=ND(t).roam[e]||[],r=0;r<i.length;r++)if(i[r].listener===n)return i.splice(r,1),void(i.length||BD(t,e))}function BD(t,e){var n=ND(t).uniform;n[e]&&(t.off(e,n[e]),n[e]=null)}function VD(t,e,n,i,r){r.isAvailableBehavior=W(GD,null,n,i),t.trigger(e,r)}function GD(t,e,n){var i=n[t];return!t||i&&(!X(i)||e.event[i+"Key"])}function FD(t,e,n){var i=t.target;i.x+=e,i.y+=n,i.dirty()}function WD(t,e,n,i){var r=t.target,o=t.zoomLimit,a=t.zoom=t.zoom||1,s=(a=ZD(a*=e,o))/t.zoom;t.zoom=a,XD(r,n,i,s),r.dirty()}function HD(t,e,n,i,r,o){var a=new He(0,0,0,0);i.enable(t.get("roam"),{api:e,zInfo:{component:t},triggerInfo:{roamTrigger:t.get("roamTrigger"),isInSelf:function(t,e,i){return a.copy(n.getBoundingRect()),a.applyTransform(n.getComputedTransform()),a.contain(e,i)},isInClip:function(t,e,n){return!o||o.contain(e,n)}}}),r.zoomLimit=t.get("scaleLimit");var s=t.coordinateSystem;r.zoom=s?s.getZoom():1;var l=t.subType+"Roam";i.off("pan").off("zoom").on("pan",(function(n){FD(r,n.dx,n.dy),e.dispatchAction({seriesId:t.id,type:l,dx:n.dx,dy:n.dy})})).on("zoom",(function(n){WD(r,n.scale,n.originX,n.originY),e.dispatchAction({seriesId:t.id,type:l,zoom:n.scale,originX:n.originX,originY:n.originY}),e.updateLabelLayout()}))}function UD(t,e){return t.pointToProjected?t.pointToProjected(e):t.pointToData(e)}function YD(t,e,n){var i=t.getZoom(),r=t.getCenter(),o=e.zoom,a=t.projectedToPoint?t.projectedToPoint(r):t.dataToPoint(r);return null!=e.dx&&null!=e.dy&&(a[0]-=e.dx,a[1]-=e.dy,t.setCenter(UD(t,a))),null!=o&&(o=ZD(i*o,n)/i,XD(t,e.originX,e.originY,o),t.updateTransform(),t.setCenter(UD(t,a)),t.setZoom(o*i)),{center:t.getCenter(),zoom:t.getZoom()}}function XD(t,e,n,i){t.x-=(e-t.x)*(i-1),t.y-=(n-t.y)*(i-1),t.scaleX*=i,t.scaleY*=i}function ZD(t,e){if(e){var n=e.min||0,i=e.max||1/0;t=Math.max(Math.min(i,t),n)}return t}function jD(t){X(t)&&(t=(new DOMParser).parseFromString(t,"text/xml"));var e=t;for(9===e.nodeType&&(e=e.firstChild);"svg"!==e.nodeName.toLowerCase()||1!==e.nodeType;)e=e.nextSibling;return e}var qD={fill:"fill",stroke:"stroke","stroke-width":"lineWidth",opacity:"opacity","fill-opacity":"fillOpacity","stroke-opacity":"strokeOpacity","stroke-dasharray":"lineDash","stroke-dashoffset":"lineDashOffset","stroke-linecap":"lineCap","stroke-linejoin":"lineJoin","stroke-miterlimit":"miterLimit","font-family":"fontFamily","font-size":"fontSize","font-style":"fontStyle","font-weight":"fontWeight","text-anchor":"textAlign",visibility:"visibility",display:"display"},KD=F(qD),$D={"alignment-baseline":"textBaseline","stop-color":"stopColor"},JD=F($D),QD=function(){function t(){this._defs={},this._root=null}return t.prototype.parse=function(t,e){e=e||{};var n=jD(t);this._defsUsePending=[];var i=new to;this._root=i;var r=[],o=n.getAttribute("viewBox")||"",a=parseFloat(n.getAttribute("width")||e.width),s=parseFloat(n.getAttribute("height")||e.height);isNaN(a)&&(a=null),isNaN(s)&&(s=null),oA(n,i,null,!0,!1);for(var l,u,c=n.firstChild;c;)this._parseNode(c,i,r,null,!1,!1),c=c.nextSibling;if(function(t,e){for(var n=0;n<e.length;n++){var i=e[n];i[0].style[i[1]]=t[i[2]]}}(this._defs,this._defsUsePending),this._defsUsePending=[],o){var h=uA(o);h.length>=4&&(l={x:parseFloat(h[0]||0),y:parseFloat(h[1]||0),width:parseFloat(h[2]),height:parseFloat(h[3])})}if(l&&null!=a&&null!=s&&(u=fA(l,{x:0,y:0,width:a,height:s}),!e.ignoreViewBox)){var d=i;(i=new to).add(d),d.scaleX=d.scaleY=u.scale,d.x=u.x,d.y=u.y}return e.ignoreRootClip||null==a||null==s||i.setClipPath(new xl({shape:{x:0,y:0,width:a,height:s}})),{root:i,width:a,height:s,viewBoxRect:l,viewBoxTransform:u,named:r}},t.prototype._parseNode=function(t,e,n,i,r,o){var a,s=t.nodeName.toLowerCase(),l=i;if("defs"===s&&(r=!0),"text"===s&&(o=!0),"defs"===s||"switch"===s)a=e;else{if(!r){var u=OD[s];if(u&&_t(OD,s)){a=u.call(this,t,e);var c=t.getAttribute("name");if(c){var h={name:c,namedFrom:null,svgNodeTagLower:s,el:a};n.push(h),"g"===s&&(l=h)}else i&&n.push({name:i.name,namedFrom:i,svgNodeTagLower:s,el:a});e.add(a)}}var d=tA[s];if(d&&_t(tA,s)){var p=d.call(this,t),f=t.getAttribute("id");f&&(this._defs[f]=p)}}if(a&&a.isGroup)for(var g=t.firstChild;g;)1===g.nodeType?this._parseNode(g,a,n,l,r,o):3===g.nodeType&&o&&this._parseText(g,a),g=g.nextSibling},t.prototype._parseText=function(t,e){var n=new ul({style:{text:t.textContent},silent:!0,x:this._textX||0,y:this._textY||0});iA(e,n),oA(t,n,this._defsUsePending,!1,!1),function(t,e){var n=e.__selfStyle;if(n){var i=n.textBaseline,r=i;i&&"auto"!==i?"baseline"===i?r="alphabetic":"before-edge"===i||"text-before-edge"===i?r="top":"after-edge"===i||"text-after-edge"===i?r="bottom":"central"!==i&&"mathematical"!==i||(r="middle"):r="alphabetic",t.style.textBaseline=r}var o=e.__inheritedStyle;if(o){var a=o.textAlign,s=a;a&&("middle"===a&&(s="center"),t.style.textAlign=s)}}(n,e);var i=n.style,r=i.fontSize;r&&r<9&&(i.fontSize=9,n.scaleX*=r/9,n.scaleY*=r/9);var o=(i.fontSize||i.fontFamily)&&[i.fontStyle,i.fontWeight,(i.fontSize||12)+"px",i.fontFamily||"sans-serif"].join(" ");i.font=o;var a=n.getBoundingRect();return this._textX+=a.width,e.add(n),n},t.internalField=void(OD={g:function(t,e){var n=new to;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n},rect:function(t,e){var n=new xl;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setShape({x:parseFloat(t.getAttribute("x")||"0"),y:parseFloat(t.getAttribute("y")||"0"),width:parseFloat(t.getAttribute("width")||"0"),height:parseFloat(t.getAttribute("height")||"0")}),n.silent=!0,n},circle:function(t,e){var n=new nc;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setShape({cx:parseFloat(t.getAttribute("cx")||"0"),cy:parseFloat(t.getAttribute("cy")||"0"),r:parseFloat(t.getAttribute("r")||"0")}),n.silent=!0,n},line:function(t,e){var n=new Ac;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setShape({x1:parseFloat(t.getAttribute("x1")||"0"),y1:parseFloat(t.getAttribute("y1")||"0"),x2:parseFloat(t.getAttribute("x2")||"0"),y2:parseFloat(t.getAttribute("y2")||"0")}),n.silent=!0,n},ellipse:function(t,e){var n=new rc;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setShape({cx:parseFloat(t.getAttribute("cx")||"0"),cy:parseFloat(t.getAttribute("cy")||"0"),rx:parseFloat(t.getAttribute("rx")||"0"),ry:parseFloat(t.getAttribute("ry")||"0")}),n.silent=!0,n},polygon:function(t,e){var n,i=t.getAttribute("points");i&&(n=rA(i));var r=new Mc({shape:{points:n||[]},silent:!0});return iA(e,r),oA(t,r,this._defsUsePending,!1,!1),r},polyline:function(t,e){var n,i=t.getAttribute("points");i&&(n=rA(i));var r=new Tc({shape:{points:n||[]},silent:!0});return iA(e,r),oA(t,r,this._defsUsePending,!1,!1),r},image:function(t,e){var n=new dl;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setStyle({image:t.getAttribute("xlink:href")||t.getAttribute("href"),x:+t.getAttribute("x"),y:+t.getAttribute("y"),width:+t.getAttribute("width"),height:+t.getAttribute("height")}),n.silent=!0,n},text:function(t,e){var n=t.getAttribute("x")||"0",i=t.getAttribute("y")||"0",r=t.getAttribute("dx")||"0",o=t.getAttribute("dy")||"0";this._textX=parseFloat(n)+parseFloat(r),this._textY=parseFloat(i)+parseFloat(o);var a=new to;return iA(e,a),oA(t,a,this._defsUsePending,!1,!0),a},tspan:function(t,e){var n=t.getAttribute("x"),i=t.getAttribute("y");null!=n&&(this._textX=parseFloat(n)),null!=i&&(this._textY=parseFloat(i));var r=t.getAttribute("dx")||"0",o=t.getAttribute("dy")||"0",a=new to;return iA(e,a),oA(t,a,this._defsUsePending,!1,!0),this._textX+=parseFloat(r),this._textY+=parseFloat(o),a},path:function(t,e){var n=Qu(t.getAttribute("d")||"");return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.silent=!0,n}}),t}(),tA={lineargradient:function(t){var e=parseInt(t.getAttribute("x1")||"0",10),n=parseInt(t.getAttribute("y1")||"0",10),i=parseInt(t.getAttribute("x2")||"10",10),r=parseInt(t.getAttribute("y2")||"0",10),o=new Bc(e,n,i,r);return eA(t,o),nA(t,o),o},radialgradient:function(t){var e=parseInt(t.getAttribute("cx")||"0",10),n=parseInt(t.getAttribute("cy")||"0",10),i=parseInt(t.getAttribute("r")||"0",10),r=new Vc(e,n,i);return eA(t,r),nA(t,r),r}};function eA(t,e){"userSpaceOnUse"===t.getAttribute("gradientUnits")&&(e.global=!0)}function nA(t,e){for(var n=t.firstChild;n;){if(1===n.nodeType&&"stop"===n.nodeName.toLocaleLowerCase()){var i=n.getAttribute("offset"),r=void 0;r=i&&i.indexOf("%")>0?parseInt(i,10)/100:i?parseFloat(i):0;var o={};pA(n,o,o);var a=o.stopColor||n.getAttribute("stop-color")||"#000000",s=o.stopOpacity||n.getAttribute("stop-opacity");if(s){var l=oi(a);l&&l[3]&&(l[3]*=$n(s),a=fi(l,"rgba"))}e.colorStops.push({offset:r,color:a})}n=n.nextSibling}}function iA(t,e){t&&t.__inheritedStyle&&(e.__inheritedStyle||(e.__inheritedStyle={}),k(e.__inheritedStyle,t.__inheritedStyle))}function rA(t){for(var e=uA(t),n=[],i=0;i<e.length;i+=2){var r=parseFloat(e[i]),o=parseFloat(e[i+1]);n.push([r,o])}return n}function oA(t,e,n,i,r){var o=e,a=o.__inheritedStyle=o.__inheritedStyle||{},s={};1===t.nodeType&&(function(t,e){var n=t.getAttribute("transform");if(n){n=n.replace(/,/g," ");var i=[],r=null;n.replace(cA,(function(t,e,n){return i.push(e,n),""}));for(var o=i.length-1;o>0;o-=2){var a=i[o],s=i[o-1],l=uA(a);switch(r=r||[1,0,0,1,0,0],s){case"translate":Se(r,r,[parseFloat(l[0]),parseFloat(l[1]||"0")]);break;case"scale":Ie(r,r,[parseFloat(l[0]),parseFloat(l[1]||l[0])]);break;case"rotate":Me(r,r,-parseFloat(l[0])*hA,[parseFloat(l[1]||"0"),parseFloat(l[2]||"0")]);break;case"skewX":we(r,[1,0,Math.tan(parseFloat(l[0])*hA),1,0,0],r);break;case"skewY":we(r,[1,Math.tan(parseFloat(l[0])*hA),0,1,0,0],r);break;case"matrix":r[0]=parseFloat(l[0]),r[1]=parseFloat(l[1]),r[2]=parseFloat(l[2]),r[3]=parseFloat(l[3]),r[4]=parseFloat(l[4]),r[5]=parseFloat(l[5])}}e.setLocalTransform(r)}}(t,e),pA(t,a,s),i||function(t,e,n){for(var i=0;i<KD.length;i++){var r=KD[i];null!=(o=t.getAttribute(r))&&(e[qD[r]]=o)}for(i=0;i<JD.length;i++){var o;r=JD[i];null!=(o=t.getAttribute(r))&&(n[$D[r]]=o)}}(t,a,s)),o.style=o.style||{},null!=a.fill&&(o.style.fill=sA(o,"fill",a.fill,n)),null!=a.stroke&&(o.style.stroke=sA(o,"stroke",a.stroke,n)),z(["lineWidth","opacity","fillOpacity","strokeOpacity","miterLimit","fontSize"],(function(t){null!=a[t]&&(o.style[t]=parseFloat(a[t]))})),z(["lineDashOffset","lineCap","lineJoin","fontWeight","fontFamily","fontStyle","textAlign"],(function(t){null!=a[t]&&(o.style[t]=a[t])})),r&&(o.__selfStyle=s),a.lineDash&&(o.style.lineDash=E(uA(a.lineDash),(function(t){return parseFloat(t)}))),"hidden"!==a.visibility&&"collapse"!==a.visibility||(o.invisible=!0),"none"===a.display&&(o.ignore=!0)}var aA=/^url\(\s*#(.*?)\)/;function sA(t,e,n,i){var r=n&&n.match(aA);if(!r)return"none"===n&&(n=null),n;var o=ut(r[1]);i.push([t,e,o])}var lA=/-?([0-9]*\.)?[0-9]+([eE]-?[0-9]+)?/g;function uA(t){return t.match(lA)||[]}var cA=/(translate|scale|rotate|skewX|skewY|matrix)\(([\-\s0-9\.eE,]*)\)/g,hA=Math.PI/180;var dA=/([^\s:;]+)\s*:\s*([^:;]+)/g;function pA(t,e,n){var i,r=t.getAttribute("style");if(r)for(dA.lastIndex=0;null!=(i=dA.exec(r));){var o=i[1],a=_t(qD,o)?qD[o]:null;a&&(e[a]=i[2]);var s=_t($D,o)?$D[o]:null;s&&(n[s]=i[2])}}function fA(t,e){var n=e.width/t.width,i=e.height/t.height,r=Math.min(n,i);return{scale:r,x:-(t.x+t.width/2)*r+(e.x+e.width/2),y:-(t.y+t.height/2)*r+(e.y+e.height/2)}}var gA=yt(["rect","circle","line","ellipse","polygon","polyline","path","text","tspan","g"]),yA=function(){function t(t,e){this.type="geoSVG",this._usedGraphicMap=yt(),this._freedGraphics=[],this._mapName=t,this._parsedXML=jD(e)}return t.prototype.load=function(){var t=this._firstGraphic;if(!t){t=this._firstGraphic=this._buildGraphic(this._parsedXML),this._freedGraphics.push(t),this._boundingRect=this._firstGraphic.boundingRect.clone();var e=function(t){var e=[],n=yt();return z(t,(function(t){if(null==t.namedFrom){var i=new fw(t.name,t.el);e.push(i),n.set(t.name,i)}})),{regions:e,regionsMap:n}}(t.named),n=e.regions,i=e.regionsMap;this._regions=n,this._regionsMap=i}return{boundingRect:this._boundingRect,regions:this._regions,regionsMap:this._regionsMap}},t.prototype._buildGraphic=function(t){var e,n;try{e=t&&function(t,e){return(new QD).parse(t,e)}(t,{ignoreViewBox:!0,ignoreRootClip:!0})||{},lt(null!=(n=e.root))}catch(t){throw new Error("Invalid svg format\n"+t.message)}var i=new to;i.add(n),i.isGeoSVGGraphicRoot=!0;var r=e.width,o=e.height,a=e.viewBoxRect,s=this._boundingRect;if(!s){var l=void 0,u=void 0,c=void 0,h=void 0;if(null!=r?(l=0,c=r):a&&(l=a.x,c=a.width),null!=o?(u=0,h=o):a&&(u=a.y,h=a.height),null==l||null==u){var d=n.getBoundingRect();null==l&&(l=d.x,c=d.width),null==u&&(u=d.y,h=d.height)}s=this._boundingRect=new He(l,u,c,h)}if(a){var p=fA(a,s);n.scaleX=n.scaleY=p.scale,n.x=p.x,n.y=p.y}i.setClipPath(new xl({shape:s.plain()}));var f=[];return z(e.named,(function(t){var e;null!=gA.get(t.svgNodeTagLower)&&(f.push(t),(e=t.el).silent=!1,e.isGroup&&e.traverse((function(t){t.silent=!1})))})),{root:i,boundingRect:s,named:f}},t.prototype.useGraphic=function(t){var e=this._usedGraphicMap,n=e.get(t);return n||(n=this._freedGraphics.pop()||this._buildGraphic(this._parsedXML),e.set(t,n),n)},t.prototype.freeGraphic=function(t){var e=this._usedGraphicMap,n=e.get(t);n&&(e.removeKey(t),this._freedGraphics.push(n))},t}();for(var vA=[126,25],mA="南海诸岛",xA=[[[0,3.5],[7,11.2],[15,11.9],[30,7],[42,.7],[52,.7],[56,7.7],[59,.7],[64,.7],[64,0],[5,0],[0,3.5]],[[13,16.1],[19,14.7],[16,21.7],[11,23.1],[13,16.1]],[[12,32.2],[14,38.5],[15,38.5],[13,32.2],[12,32.2]],[[16,47.6],[12,53.2],[13,53.2],[18,47.6],[16,47.6]],[[6,64.4],[8,70],[9,70],[8,64.4],[6,64.4]],[[23,82.6],[29,79.8],[30,79.8],[25,82.6],[23,82.6]],[[37,70.7],[43,62.3],[44,62.3],[39,70.7],[37,70.7]],[[48,51.1],[51,45.5],[53,45.5],[50,51.1],[48,51.1]],[[51,35],[51,28.7],[53,28.7],[53,35],[51,35]],[[52,22.4],[55,17.5],[56,17.5],[53,22.4],[52,22.4]],[[58,12.6],[62,7],[63,7],[60,12.6],[58,12.6]],[[0,3.5],[0,93.1],[64,93.1],[64,0],[63,0],[63,92.4],[1,92.4],[1,3.5],[0,3.5]]],_A=0;_A<xA.length;_A++)for(var bA=0;bA<xA[_A].length;bA++)xA[_A][bA][0]/=10.5,xA[_A][bA][1]/=-14,xA[_A][bA][0]+=vA[0],xA[_A][bA][1]+=vA[1];var wA={"南海诸岛":[32,80],"广东":[0,-10],"香港":[10,5],"澳门":[-10,10],"天津":[5,5]};var SA=[[[123.45165252685547,25.73527164402261],[123.49731445312499,25.73527164402261],[123.49731445312499,25.750734064600884],[123.45165252685547,25.750734064600884],[123.45165252685547,25.73527164402261]]];var MA=function(){function t(t,e,n){var i;this.type="geoJSON",this._parsedMap=yt(),this._mapName=t,this._specialAreas=n,this._geoJSON=X(i=e)?"undefined"!=typeof JSON&&JSON.parse?JSON.parse(i):new Function("return ("+i+");")():i}return t.prototype.load=function(t,e){e=e||"name";var n=this._parsedMap.get(e);if(!n){var i=this._parseToRegions(e);n=this._parsedMap.set(e,{regions:i,boundingRect:IA(i)})}var r=yt(),o=[];return z(n.regions,(function(e){var n=e.name;t&&_t(t,n)&&(e=e.cloneShallow(n=t[n])),o.push(e),r.set(n,e)})),{regions:o,boundingRect:n.boundingRect||new He(0,0,0,0),regionsMap:r}},t.prototype._parseToRegions=function(t){var e,n=this._mapName,i=this._geoJSON;try{e=i?vw(i,t):[]}catch(t){throw new Error("Invalid geoJson format\n"+t.message)}return function(t,e){if("china"===t){for(var n=0;n<e.length;n++)if(e[n].name===mA)return;e.push(new pw(mA,E(xA,(function(t){return{type:"polygon",exterior:t}})),vA))}}(n,e),z(e,(function(t){var e=t.name;!function(t,e){if("china"===t){var n=wA[e.name];if(n){var i=e.getCenter();i[0]+=n[0]/10.5,i[1]+=-n[1]/14,e.setCenter(i)}}}(n,t),function(t,e){"china"===t&&"台湾"===e.name&&e.geometries.push({type:"polygon",exterior:SA[0]})}(n,t);var i=this._specialAreas&&this._specialAreas[e];i&&t.transformTo(i.left,i.top,i.width,i.height)}),this),e},t.prototype.getMapForUser=function(){return{geoJson:this._geoJSON,geoJSON:this._geoJSON,specialAreas:this._specialAreas}},t}();function IA(t){for(var e,n=0;n<t.length;n++){var i=t[n].getBoundingRect();(e=e||i.clone()).union(i)}return e}var TA=yt(),CA=function(t,e,n){if(e.svg){var i=new yA(t,e.svg);TA.set(t,i)}else{var r=e.geoJson||e.geoJSON;r&&!e.features?n=e.specialAreas:r=e;i=new MA(t,r,n);TA.set(t,i)}},DA=function(t){return TA.get(t)},AA=function(t){var e=TA.get(t);return e&&"geoJSON"===e.type&&e.getMapForUser()},kA=function(t,e,n){var i=TA.get(t);if(i)return i.load(e,n)},LA=["rect","circle","line","ellipse","polygon","polyline","path"],PA=yt(LA),OA=yt(LA.concat(["g"])),RA=yt(LA.concat(["g"])),NA=sa();function zA(t){var e=t.getItemStyle(),n=t.get("areaColor");return null!=n&&(e.fill=n),e}function EA(t){var e=t.style;e&&(e.stroke=e.stroke||e.fill,e.fill=null)}var BA=function(){function t(t){var e=this.group=new to,n=this._transformGroup=new to;e.add(n),this.uid=Md("ec_map_draw"),this._controller=new LD(t.getZr()),this._controllerHost={target:n},n.add(this._regionsGroup=new to),n.add(this._svgGroup=new to)}return t.prototype.draw=function(t,e,n,i,r){var o="geo"===t.mainType,a=t.getData&&t.getData();o&&e.eachComponent({mainType:"series",subType:"map"},(function(e){a||e.getHostGeoModel()!==t||(a=e.getData())}));var s,l=t.coordinateSystem,u=this._regionsGroup,c=this._transformGroup,h=l.getTransformInfo(),d=h.raw,p=h.roam,f=!u.childAt(0)||r;t.getShallow("clip",!0)?(s=l.getViewRect().clone(),this.group.setClipPath(new xl({shape:s.clone()}))):this.group.removeClipPath(),f?(c.x=p.x,c.y=p.y,c.scaleX=p.scaleX,c.scaleY=p.scaleY,c.dirty()):th(c,p,t);var g=a&&a.getVisual("visualMeta")&&a.getVisual("visualMeta").length>0,y={api:n,geo:l,mapOrGeoModel:t,data:a,isVisualEncodedByVisualMap:g,isGeo:o,transformInfoRaw:d};"geoJSON"===l.resourceType?this._buildGeoJSON(y):"geoSVG"===l.resourceType&&this._buildSVG(y),this._updateController(t,s,e,n),this._updateMapSelectHandler(t,u,n,i)},t.prototype._buildGeoJSON=function(t){var e=this._regionsGroupByName=yt(),n=yt(),i=this._regionsGroup,r=t.transformInfoRaw,o=t.mapOrGeoModel,a=t.data,s=t.geo.projection,l=s&&s.stream;function u(t,e){return e&&(t=e(t)),t&&[t[0]*r.scaleX+r.x,t[1]*r.scaleY+r.y]}function c(t){for(var e=[],n=!l&&s&&s.project,i=0;i<t.length;++i){var r=u(t[i],n);r&&e.push(r)}return e}function h(t){return{shape:{points:c(t)}}}i.removeAll(),z(t.geo.regions,(function(r){var c=r.name,d=e.get(c),p=n.get(c)||{},f=p.dataIdx,g=p.regionModel;if(!d){d=e.set(c,new to),i.add(d),f=a?a.indexOfName(c):null;var y=(g=t.isGeo?o.getRegionModel(c):a?a.getItemModel(f):null).get("silent",!0);null!=y&&(d.silent=y),n.set(c,{dataIdx:f,regionModel:g})}var v=[],m=[];z(r.geometries,(function(t){if("polygon"===t.type){var e=[t.exterior].concat(t.interiors||[]);l&&(e=UA(e,l)),z(e,(function(t){v.push(new Mc(h(t)))}))}else{var n=t.points;l&&(n=UA(n,l,!0)),z(n,(function(t){m.push(new Tc(h(t)))}))}}));var x=u(r.getCenter(),s&&s.project);function _(e,n){if(e.length){var i=new zc({culling:!0,segmentIgnoreThreshold:1,shape:{paths:e}});d.add(i),VA(t,i,f,g),GA(t,i,c,g,o,f,x),n&&(EA(i),z(i.states,EA))}}_(v),_(m,!0)})),e.each((function(e,i){var r=n.get(i),a=r.dataIdx,s=r.regionModel;FA(t,e,i,s,o,a),WA(t,e,i,s,o),HA(t,e,i,s,o)}),this)},t.prototype._buildSVG=function(t){var e=t.geo.map,n=t.transformInfoRaw;this._svgGroup.x=n.x,this._svgGroup.y=n.y,this._svgGroup.scaleX=n.scaleX,this._svgGroup.scaleY=n.scaleY,this._svgResourceChanged(e)&&(this._freeSVG(),this._useSVG(e));var i=this._svgDispatcherMap=yt(),r=!1;z(this._svgGraphicRecord.named,(function(e){var n=e.name,o=t.mapOrGeoModel,a=t.data,s=e.svgNodeTagLower,l=e.el,u=a?a.indexOfName(n):null,c=o.getRegionModel(n);null!=PA.get(s)&&l instanceof os&&VA(t,l,u,c),l instanceof os&&(l.culling=!0);var h=c.get("silent",!0);(null!=h&&(l.silent=h),l.z2EmphasisLift=0,e.namedFrom)||(null!=RA.get(s)&&GA(t,l,n,c,o,u,null),FA(t,l,n,c,o,u),WA(t,l,n,c,o),null!=OA.get(s)&&("self"===HA(t,l,n,c,o)&&(r=!0),(i.get(n)||i.set(n,[])).push(l)))}),this),this._enableBlurEntireSVG(r,t)},t.prototype._enableBlurEntireSVG=function(t,e){if(t&&e.isGeo){var n=e.mapOrGeoModel.getModel(["blur","itemStyle"]).getItemStyle().opacity;this._svgGraphicRecord.root.traverse((function(t){if(!t.isGroup){uu(t);var e=t.ensureState("blur").style||{};null==e.opacity&&null!=n&&(e.opacity=n),t.ensureState("emphasis")}}))}},t.prototype.remove=function(){this._regionsGroup.removeAll(),this._regionsGroupByName=null,this._svgGroup.removeAll(),this._freeSVG(),this._controller.dispose(),this._controllerHost=null},t.prototype.findHighDownDispatchers=function(t,e){if(null==t)return[];var n=e.coordinateSystem;if("geoJSON"===n.resourceType){var i=this._regionsGroupByName;if(i){var r=i.get(t);return r?[r]:[]}}else if("geoSVG"===n.resourceType)return this._svgDispatcherMap&&this._svgDispatcherMap.get(t)||[]},t.prototype._svgResourceChanged=function(t){return this._svgMapName!==t},t.prototype._useSVG=function(t){var e=DA(t);if(e&&"geoSVG"===e.type){var n=e.useGraphic(this.uid);this._svgGroup.add(n.root),this._svgGraphicRecord=n,this._svgMapName=t}},t.prototype._freeSVG=function(){var t=this._svgMapName;if(null!=t){var e=DA(t);e&&"geoSVG"===e.type&&e.freeGraphic(this.uid),this._svgGraphicRecord=null,this._svgDispatcherMap=null,this._svgGroup.removeAll(),this._svgMapName=null}},t.prototype._updateController=function(t,e,n,i){var r=t.coordinateSystem,o=this._controller,a=this._controllerHost;a.zoomLimit=t.get("scaleLimit"),a.zoom=r.getZoom(),o.enable(t.get("roam")||!1,{api:i,zInfo:{component:t},triggerInfo:{roamTrigger:t.get("roamTrigger"),isInSelf:function(t,e,n){return r.containPoint([e,n])},isInClip:function(t,n,i){return!e||e.contain(n,i)}}});var s=t.mainType;function l(){var e={type:"geoRoam",componentType:s};return e[s+"Id"]=t.id,e}o.off("pan").on("pan",(function(t){this._mouseDownFlag=!1,FD(a,t.dx,t.dy),i.dispatchAction(A(l(),{dx:t.dx,dy:t.dy,animation:{duration:0}}))}),this),o.off("zoom").on("zoom",(function(t){this._mouseDownFlag=!1,WD(a,t.scale,t.originX,t.originY),i.dispatchAction(A(l(),{totalZoom:a.zoom,zoom:t.scale,originX:t.originX,originY:t.originY,animation:{duration:0}}))}),this)},t.prototype.resetForLabelLayout=function(){this.group.traverse((function(t){var e=t.getTextContent();e&&(e.ignore=NA(e).ignore)}))},t.prototype._updateMapSelectHandler=function(t,e,n,i){var r=this;e.off("mousedown"),e.off("click"),t.get("selectedMode")&&(e.on("mousedown",(function(){r._mouseDownFlag=!0})),e.on("click",(function(t){r._mouseDownFlag&&(r._mouseDownFlag=!1)})))},t}();function VA(t,e,n,i){var r=i.getModel("itemStyle"),o=i.getModel(["emphasis","itemStyle"]),a=i.getModel(["blur","itemStyle"]),s=i.getModel(["select","itemStyle"]),l=zA(r),u=zA(o),c=zA(s),h=zA(a),d=t.data;if(d){var p=d.getItemVisual(n,"style"),f=d.getItemVisual(n,"decal");t.isVisualEncodedByVisualMap&&p.fill&&(l.fill=p.fill),f&&(l.decal=Bm(f,t.api))}e.setStyle(l),e.style.strokeNoScale=!0,e.ensureState("emphasis").style=u,e.ensureState("select").style=c,e.ensureState("blur").style=h,uu(e)}function GA(t,e,n,i,r,o,a){var s=t.data,l=t.isGeo,u=s&&isNaN(s.get(s.mapDimension("value"),o)),c=s&&s.getItemLayout(o);if(l||u||c&&c.showLabel){var h=l?n:o,d=void 0;(!s||o>=0)&&(d=r);var p=a?{normal:{align:"center",verticalAlign:"middle"}}:null;$h(e,Jh(i),{labelFetcher:d,labelDataIndex:h,defaultText:n},p);var f=e.getTextContent();if(f&&(NA(f).ignore=f.ignore,e.textConfig&&a)){var g=e.getBoundingRect().clone();e.textConfig.layoutRect=g,e.textConfig.position=[(a[0]-g.x)/g.width*100+"%",(a[1]-g.y)/g.height*100+"%"]}e.disableLabelAnimation=!0}else e.removeTextContent(),e.removeTextConfig(),e.disableLabelAnimation=null}function FA(t,e,n,i,r,o){t.data?t.data.setItemGraphicEl(o,e):zl(e).eventData={componentType:"geo",componentIndex:r.componentIndex,geoIndex:r.componentIndex,name:n,region:i&&i.option||{}}}function WA(t,e,n,i,r){t.data||zh({el:e,componentModel:r,itemName:n,itemTooltipOption:i.get("tooltip")})}function HA(t,e,n,i,r){e.highDownSilentOnTouch=!!r.get("selectedMode");var o=i.getModel("emphasis"),a=o.get("focus");return Tu(e,a,o.get("blurScope"),o.get("disabled")),t.isGeo&&function(t,e,n){var i=zl(t);i.componentMainType=e.mainType,i.componentIndex=e.componentIndex,i.componentHighDownName=n}(e,r,n),a}function UA(t,e,n){var i,r=[];function o(){i=[]}function a(){i.length&&(r.push(i),i=[])}var s=e({polygonStart:o,polygonEnd:a,lineStart:o,lineEnd:a,point:function(t,e){isFinite(t)&&isFinite(e)&&i.push([t,e])},sphere:function(){}});return!n&&s.polygonStart(),z(t,(function(t){s.lineStart();for(var e=0;e<t.length;e++)s.point(t[e][0],t[e][1]);s.lineEnd()})),!n&&s.polygonEnd(),r}var YA=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){if(!i||"mapToggleSelect"!==i.type||i.from!==this.uid){var r=this.group;if(r.removeAll(),!t.getHostGeoModel()){if(this._mapDraw&&i&&"geoRoam"===i.type&&this._mapDraw.resetForLabelLayout(),i&&"geoRoam"===i.type&&"series"===i.componentType&&i.seriesId===t.id)(o=this._mapDraw)&&r.add(o.group);else if(t.needsDrawMap){var o=this._mapDraw||new BA(n);r.add(o.group),o.draw(t,e,n,this,i),this._mapDraw=o}else this._mapDraw&&this._mapDraw.remove(),this._mapDraw=null;t.get("showLegendSymbol")&&e.getComponent("legend")&&this._renderSymbols(t,e,n)}}},e.prototype.remove=function(){this._mapDraw&&this._mapDraw.remove(),this._mapDraw=null,this.group.removeAll()},e.prototype.dispose=function(){this._mapDraw&&this._mapDraw.remove(),this._mapDraw=null},e.prototype._renderSymbols=function(t,e,n){var i=t.originalData,r=this.group;i.each(i.mapDimension("value"),(function(e,n){if(!isNaN(e)){var o=i.getItemLayout(n);if(o&&o.point){var a=o.point,s=o.offset,l=new nc({style:{fill:t.getData().getVisual("style").fill},shape:{cx:a[0]+9*s,cy:a[1],r:3},silent:!0,z2:8+(s?0:11)});if(!s){var u=t.mainSeries.getData(),c=i.getName(n),h=u.indexOfName(c),d=i.getItemModel(n),p=d.getModel("label"),f=u.getItemGraphicEl(h);$h(l,Jh(d),{labelFetcher:{getFormattedLabel:function(e,n){return t.getFormattedLabel(h,n)}},defaultText:c}),l.disableLabelAnimation=!0,p.get("position")||l.setTextConfig({position:"bottom"}),f.onHoverStateChange=function(t){su(l,t)}}r.add(l)}}}))},e.type="map",e}(tv),XA=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.needsDrawMap=!1,n.seriesGroup=[],n.getTooltipPosition=function(t){if(null!=t){var e=this.getData().getName(t),n=this.coordinateSystem,i=n.getRegion(e);return i&&n.dataToPoint(i.getCenter())}},n}return n(e,t),e.prototype.getInitialData=function(t){for(var e=IT(this,{coordDimensions:["value"],encodeDefaulter:H(Mf,this)}),n=yt(),i=[],r=0,o=e.count();r<o;r++){var a=e.getName(r);n.set(a,r)}return z(kA(this.getMapType(),this.option.nameMap,this.option.nameProperty).regions,(function(t){var r,o=t.name,a=n.get(o),s=t.properties&&t.properties.echartsStyle;null==a?(r={name:o},i.push(r)):r=e.getRawDataItem(a),s&&C(r,s)})),e.appendData(i),e},e.prototype.getHostGeoModel=function(){if(Op(this).kind!==Pp)return this.getReferringComponents("geo",{useDefault:!1,enableAll:!1,enableNone:!1}).models[0]},e.prototype.getMapType=function(){return(this.getHostGeoModel()||this).option.map},e.prototype.getRawValue=function(t){var e=this.getData();return e.get(e.mapDimension("value"),t)},e.prototype.getRegionModel=function(t){var e=this.getData();return e.getItemModel(e.indexOfName(t))},e.prototype.formatTooltip=function(t,e,n){for(var i=this.getData(),r=this.getRawValue(t),o=i.getName(t),a=this.seriesGroup,s=[],l=0;l<a.length;l++){var u=a[l].originalData.indexOfName(o),c=i.mapDimension("value");isNaN(a[l].originalData.get(c,u))||s.push(a[l].name)}return Ty("section",{header:s.join(", "),noHeader:!s.length,blocks:[Ty("nameValue",{name:o,value:r})]})},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.getLegendIcon=function(t){var e=t.icon||"roundRect",n=hm(e,0,0,t.itemWidth,t.itemHeight,t.itemStyle.fill);return n.setStyle(t.itemStyle),n.style.stroke="none",e.indexOf("empty")>-1&&(n.style.stroke=n.style.fill,n.style.fill=tf.color.neutral00,n.style.lineWidth=2),n},e.type="series.map",e.dependencies=["geo"],e.layoutMode="box",e.defaultOption={z:2,coordinateSystem:"geo",map:"",left:"center",top:"center",aspectScale:null,showLegendSymbol:!0,boundingCoords:null,center:null,zoom:1,scaleLimit:null,selectedMode:!0,label:{show:!1,color:tf.color.tertiary},itemStyle:{borderWidth:.5,borderColor:tf.color.border,areaColor:tf.color.background},emphasis:{label:{show:!0,color:tf.color.primary},itemStyle:{areaColor:tf.color.highlight}},select:{label:{show:!0,color:tf.color.primary},itemStyle:{color:tf.color.highlight}},nameProperty:"name"},e}(Wy);function ZA(t){var e={};t.eachSeriesByType("map",(function(t){var n=t.getHostGeoModel(),i=n?"o"+n.id:"i"+t.getMapType();(e[i]=e[i]||[]).push(t)})),z(e,(function(t,e){for(var n,i,r,o=(n=E(t,(function(t){return t.getData()})),i=t[0].get("mapValueCalculation"),r={},z(n,(function(t){t.each(t.mapDimension("value"),(function(e,n){var i="ec-"+t.getName(n);r[i]=r[i]||[],isNaN(e)||r[i].push(e)}))})),n[0].map(n[0].mapDimension("value"),(function(t,e){for(var o="ec-"+n[0].getName(e),a=0,s=1/0,l=-1/0,u=r[o].length,c=0;c<u;c++)s=Math.min(s,r[o][c]),l=Math.max(l,r[o][c]),a+=r[o][c];return 0===u?NaN:"min"===i?s:"max"===i?l:"average"===i?a/u:a}))),a=0;a<t.length;a++)t[a].originalData=t[a].getData();for(a=0;a<t.length;a++)t[a].seriesGroup=t,t[a].needsDrawMap=0===a&&!t[a].getHostGeoModel(),t[a].setData(o.cloneShallow()),t[a].mainSeries=t[0]}))}function jA(t){var e={};t.eachSeriesByType("map",(function(n){var i=n.getMapType();if(!n.getHostGeoModel()&&!e[i]){var r={};z(n.seriesGroup,(function(e){var n=e.coordinateSystem,i=e.originalData;e.get("showLegendSymbol")&&t.getComponent("legend")&&i.each(i.mapDimension("value"),(function(t,e){var o=i.getName(e),a=n.getRegion(o);if(a&&!isNaN(t)){var s=r[o]||0,l=n.dataToPoint(a.getCenter());r[o]=s+1,i.setItemLayout(e,{point:l,offset:s})}}))}));var o=n.getData();o.each((function(t){var e=o.getName(t),n=o.getItemLayout(t)||{};n.showLabel=!r[e],o.setItemLayout(t,n)})),e[i]=!0}}))}var qA=Ht,KA=function(t){function e(e,n){var i=t.call(this)||this;return i.type="view",i.dimensions=["x","y"],i._roamTransformable=new Dr,i._rawTransformable=new Dr,i.name=e,i._opt=n,i}return n(e,t),e.prototype.setBoundingRect=function(t,e,n,i){return this._rect=new He(t,e,n,i),this._updateCenterAndZoom(),this._rect},e.prototype.getBoundingRect=function(){return this._rect},e.prototype.setViewRect=function(t,e,n,i){this._transformTo(t,e,n,i),this._viewRect=new He(t,e,n,i)},e.prototype._transformTo=function(t,e,n,i){var r=this.getBoundingRect(),o=this._rawTransformable;o.transform=r.calculateTransform(new He(t,e,n,i));var a=o.parent;o.parent=null,o.decomposeTransform(),o.parent=a,this._updateTransform()},e.prototype.setCenter=function(t){var e=this._opt;e&&e.api&&e.ecModel&&e.ecModel.getShallow("legacyViewCoordSysCenterBase")&&t&&(t=[yo(t[0],e.api.getWidth()),yo(t[1],e.api.getWidth())]),this._centerOption=T(t),this._updateCenterAndZoom()},e.prototype.setZoom=function(t){this._zoom=ZD(t||1,this.zoomLimit),this._updateCenterAndZoom()},e.prototype.getDefaultCenter=function(){var t=this.getBoundingRect();return[t.x+t.width/2,t.y+t.height/2]},e.prototype.getCenter=function(){return this._center||this.getDefaultCenter()},e.prototype.getZoom=function(){return this._zoom||1},e.prototype.getRoamTransform=function(){return this._roamTransformable.getLocalTransform()},e.prototype._updateCenterAndZoom=function(){var t=this._centerOption,e=this._rect;t&&e&&(this._center=[yo(t[0],e.width,e.x),yo(t[1],e.height,e.y)]);var n=this._rawTransformable.getLocalTransform(),i=this._roamTransformable,r=this.getDefaultCenter(),o=this.getCenter(),a=this.getZoom();o=Ht([],o,n),r=Ht([],r,n),i.originX=o[0],i.originY=o[1],i.x=r[0]-o[0],i.y=r[1]-o[1],i.scaleX=i.scaleY=a,this._updateTransform()},e.prototype._updateTransform=function(){var t=this._roamTransformable,e=this._rawTransformable;e.parent=t,t.updateTransform(),e.updateTransform(),be(this.transform||(this.transform=[]),e.transform||[1,0,0,1,0,0]),this._rawTransform=e.getLocalTransform(),this.invTransform=this.invTransform||[],Te(this.invTransform,this.transform),this.decomposeTransform()},e.prototype.getTransformInfo=function(){var t=this._rawTransformable,e=this._roamTransformable,n=new Dr;return n.transform=e.transform,n.decomposeTransform(),{roam:{x:n.x,y:n.y,scaleX:n.scaleX,scaleY:n.scaleY},raw:{x:t.x,y:t.y,scaleX:t.scaleX,scaleY:t.scaleY}}},e.prototype.getViewRect=function(){return this._viewRect},e.prototype.getViewRectAfterRoam=function(){var t=this.getBoundingRect().clone();return t.applyTransform(this.transform),t},e.prototype.dataToPoint=function(t,e,n){var i=e?this._rawTransform:this.transform;return n=n||[],i?qA(n,t,i):Tt(n,t)},e.prototype.pointToData=function(t,e,n){n=n||[];var i=this.invTransform;return i?qA(n,t,i):(n[0]=t[0],n[1]=t[1],n)},e.prototype.convertToPixel=function(t,e,n){var i=$A(e);return i===this?i.dataToPoint(n):null},e.prototype.convertFromPixel=function(t,e,n){var i=$A(e);return i===this?i.pointToData(n):null},e.prototype.containPoint=function(t){return this.getViewRectAfterRoam().contain(t[0],t[1])},e.dimensions=["x","y"],e}(Dr);function $A(t){var e=t.seriesModel;return e?e.coordinateSystem:null}var JA={geoJSON:{aspectScale:.75,invertLongitute:!0},geoSVG:{aspectScale:1,invertLongitute:!1}},QA=["lng","lat"],tk=function(t){function e(e,n,i){var r=t.call(this,e,{api:i.api,ecModel:i.ecModel})||this;r.dimensions=QA,r.type="geo",r._nameCoordMap=yt(),r.map=n;var o,a=i.projection,s=kA(n,i.nameMap,i.nameProperty),l=DA(n),u=(r.resourceType=l?l.type:null,r.regions=s.regions),c=JA[l.type];if(r._regionsMap=s.regionsMap,r.regions=s.regions,r.projection=a,a)for(var h=0;h<u.length;h++){var d=u[h].getBoundingRect(a);(o=o||d.clone()).union(d)}else o=s.boundingRect;return r.setBoundingRect(o.x,o.y,o.width,o.height),r.aspectScale=a?1:rt(i.aspectScale,c.aspectScale),r._invertLongitute=!a&&c.invertLongitute,r}return n(e,t),e.prototype._transformTo=function(t,e,n,i){var r=this.getBoundingRect(),o=this._invertLongitute;r=r.clone(),o&&(r.y=-r.y-r.height);var a=this._rawTransformable;a.transform=r.calculateTransform(new He(t,e,n,i));var s=a.parent;a.parent=null,a.decomposeTransform(),a.parent=s,o&&(a.scaleY=-a.scaleY),this._updateTransform()},e.prototype.getRegion=function(t){return this._regionsMap.get(t)},e.prototype.getRegionByCoord=function(t){for(var e=this.regions,n=0;n<e.length;n++){var i=e[n];if("geoJSON"===i.type&&i.contain(t))return e[n]}},e.prototype.addGeoCoord=function(t,e){this._nameCoordMap.set(t,e)},e.prototype.getGeoCoord=function(t){var e=this._regionsMap.get(t);return this._nameCoordMap.get(t)||e&&e.getCenter()},e.prototype.dataToPoint=function(t,e,n){if(X(t)&&(t=this.getGeoCoord(t)),t){var i=this.projection;return i&&(t=i.project(t)),t&&this.projectedToPoint(t,e,n)}},e.prototype.pointToData=function(t,e,n){var i=this.projection;return i&&(t=i.unproject(t)),t&&this.pointToProjected(t,n)},e.prototype.pointToProjected=function(e,n){return t.prototype.pointToData.call(this,e,0,n)},e.prototype.projectedToPoint=function(e,n,i){return t.prototype.dataToPoint.call(this,e,n,i)},e.prototype.convertToPixel=function(t,e,n){var i=ek(e);return i===this?i.dataToPoint(n):null},e.prototype.convertFromPixel=function(t,e,n){var i=ek(e);return i===this?i.pointToData(n):null},e}(KA);function ek(t){var e=t.geoModel,n=t.seriesModel;return e?e.coordinateSystem:n?n.coordinateSystem||(n.getReferringComponents("geo",ha).models[0]||{}).coordinateSystem:null}function nk(t,e){var n=t.get("boundingCoords");if(null!=n){var i=n[0],r=n[1];if(isFinite(i[0])&&isFinite(i[1])&&isFinite(r[0])&&isFinite(r[1])){var o=this.projection;if(o){var a=i[0],s=i[1],l=r[0],u=r[1];i=[1/0,1/0],r=[-1/0,-1/0];var c=function(t,e,n,a){for(var s=n-t,l=a-e,u=0;u<=100;u++){var c=u/100,h=o.project([t+s*c,e+l*c]);Ut(i,i,h),Yt(r,r,h)}};c(a,s,l,s),c(l,s,l,u),c(l,u,a,u),c(a,u,l,s)}this.setBoundingRect(i[0],i[1],r[0]-i[0],r[1]-i[1])}else 0}var h,d,p,f=this.getBoundingRect(),g=t.get("layoutCenter"),y=t.get("layoutSize"),v=Xp(t,e).refContainer,m=f.width/f.height*this.aspectScale,x=!1;if(g&&y&&(h=[yo(g[0],v.width)+v.x,yo(g[1],v.height)+v.y],d=yo(y,Math.min(v.width,v.height)),isNaN(h[0])||isNaN(h[1])||isNaN(d)||(x=!0)),x)p={},m>1?(p.width=d,p.height=d/m):(p.height=d,p.width=d*m),p.y=h[1]-p.height/2,p.x=h[0]-p.width/2;else{var _=t.getBoxLayoutParams();_.aspect=m,p=Up(t,p=Hp(_,v),m)}this.setViewRect(p.x,p.y,p.width,p.height),this.setCenter(t.get("center")),this.setZoom(t.get("zoom"))}R(tk,KA);var ik=function(){function t(){this.dimensions=QA}return t.prototype.create=function(t,e){var n=[];function i(t){return{nameProperty:t.get("nameProperty"),aspectScale:t.get("aspectScale"),projection:t.get("projection")}}t.eachComponent("geo",(function(r,o){var a=r.get("map"),s=new tk(a+o,a,A({nameMap:r.get("nameMap"),api:e,ecModel:t},i(r)));s.zoomLimit=r.get("scaleLimit"),n.push(s),r.coordinateSystem=s,s.model=r,s.resize=nk,s.resize(r,e)})),t.eachSeries((function(t){Rp({targetModel:t,coordSysType:"geo",coordSysProvider:function(){var e="map"===t.subType?t.getHostGeoModel():t.getReferringComponents("geo",ha).models[0];return e&&e.coordinateSystem},allowNotFound:!0})}));var r={};return t.eachSeriesByType("map",(function(t){if(!t.getHostGeoModel()){var e=t.getMapType();r[e]=r[e]||[],r[e].push(t)}})),z(r,(function(r,o){var a=E(r,(function(t){return t.get("nameMap")})),s=new tk(o,o,A({nameMap:D(a),api:e,ecModel:t},i(r[0])));s.zoomLimit=it.apply(null,E(r,(function(t){return t.get("scaleLimit")}))),n.push(s),s.resize=nk,s.resize(r[0],e),z(r,(function(t){t.coordinateSystem=s,function(t,e){z(e.get("geoCoord"),(function(e,n){t.addGeoCoord(n,e)}))}(s,t)}))})),n},t.prototype.getFilledRegions=function(t,e,n,i){for(var r=(t||[]).slice(),o=yt(),a=0;a<r.length;a++)o.set(r[a].name,r[a]);return z(kA(e,n,i).regions,(function(t){var e=t.name,n=o.get(e),i=t.properties&&t.properties.echartsStyle;n||(n={name:e},r.push(n)),i&&C(n,i)})),r},t}(),rk=new ik,ok=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n);var i=DA(t.map);if(i&&"geoJSON"===i.type){var r=t.itemStyle=t.itemStyle||{};"color"in r||(r.color=t.defaultItemStyleColor||tf.color.backgroundTint)}Ko(t,"label",["show"])},e.prototype.optionUpdated=function(){var t=this,e=this.option;e.regions=rk.getFilledRegions(e.regions,e.map,e.nameMap,e.nameProperty);var n={};this._optionModelMap=B(e.regions||[],(function(e,i){var r=i.name;return r&&(e.set(r,new wd(i,t,t.ecModel)),i.selected&&(n[r]=!0)),e}),yt()),e.selectedMap||(e.selectedMap=n)},e.prototype.getRegionModel=function(t){return this._optionModelMap.get(t)||new wd(null,this,this.ecModel)},e.prototype.getFormattedLabel=function(t,e){var n=this.getRegionModel(t),i="normal"===e?n.get(["label","formatter"]):n.get(["emphasis","label","formatter"]),r={name:t};return Y(i)?(r.status=e,i(r)):X(i)?i.replace("{a}",null!=t?t:""):void 0},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.select=function(t){var e=this.option,n=e.selectedMode;n&&("multiple"!==n&&(e.selectedMap=null),(e.selectedMap||(e.selectedMap={}))[t]=!0)},e.prototype.unSelect=function(t){var e=this.option.selectedMap;e&&(e[t]=!1)},e.prototype.toggleSelected=function(t){this[this.isSelected(t)?"unSelect":"select"](t)},e.prototype.isSelected=function(t){var e=this.option.selectedMap;return!(!e||!e[t])},e.type="geo",e.layoutMode="box",e.defaultOption={z:0,show:!0,left:"center",top:"center",aspectScale:null,silent:!1,map:"",boundingCoords:null,center:null,zoom:1,scaleLimit:null,label:{show:!1,color:tf.color.tertiary},itemStyle:{borderWidth:.5,borderColor:tf.color.border},emphasis:{label:{show:!0,color:tf.color.primary},itemStyle:{color:tf.color.highlight}},select:{label:{show:!0,color:tf.color.primary},itemStyle:{color:tf.color.highlight}},regions:[]},e}(Qp),ak=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.focusBlurEnabled=!0,n}return n(e,t),e.prototype.init=function(t,e){this._api=e},e.prototype.render=function(t,e,n,i){if(this._model=t,!t.get("show"))return this._mapDraw&&this._mapDraw.remove(),void(this._mapDraw=null);this._mapDraw||(this._mapDraw=new BA(n));var r=this._mapDraw;r.draw(t,e,n,this,i),r.group.on("click",this._handleRegionClick,this),r.group.silent=t.get("silent"),this.group.add(r.group),this.updateSelectStatus(t,e,n)},e.prototype._handleRegionClick=function(t){var e;Qv(t.target,(function(t){return null!=(e=zl(t).eventData)}),!0),e&&this._api.dispatchAction({type:"geoToggleSelect",geoId:this._model.id,name:e.name})},e.prototype.updateSelectStatus=function(t,e,n){var i=this;this._mapDraw.group.traverse((function(t){var e=zl(t).eventData;if(e)return i._model.isSelected(e.name)?n.enterSelect(t):n.leaveSelect(t),!0}))},e.prototype.findHighDownDispatchers=function(t){return this._mapDraw&&this._mapDraw.findHighDownDispatchers(t,this._model)},e.prototype.dispose=function(){this._mapDraw&&this._mapDraw.remove()},e.type="geo",e}(Ky);function sk(t,e,n){CA(t,e,n)}function lk(t){function e(e,n){n.update="geo:updateSelectStatus",t.registerAction(n,(function(t,n){var i={},r=[];return n.eachComponent({mainType:"geo",query:t},(function(n){n[e](t.name),z(n.coordinateSystem.regions,(function(t){i[t.name]=n.isSelected(t.name)||!1}));var o=[];z(i,(function(t,e){i[e]&&o.push(e)})),r.push({geoIndex:n.componentIndex,name:o})})),{selected:i,allSelected:r,name:t.name}}))}t.registerCoordinateSystem("geo",rk),t.registerComponentModel(ok),t.registerComponentView(ak),t.registerImpl("registerMap",sk),t.registerImpl("getMap",(function(t){return AA(t)})),e("toggleSelected",{type:"geoToggleSelect",event:"geoselectchanged"}),e("select",{type:"geoSelect",event:"geoselected"}),e("unSelect",{type:"geoUnSelect",event:"geounselected"}),t.registerAction({type:"geoRoam",event:"geoRoam",update:"updateTransform"},(function(t,e,n){var i=t.componentType;i||(null!=t.geoId?i="geo":null!=t.seriesId&&(i="series")),i||(i="series"),e.eachComponent({mainType:i,query:t},(function(e){var n=e.coordinateSystem;if("geo"===n.type){var r=YD(n,t,e.get("scaleLimit"));e.setCenter&&e.setCenter(r.center),e.setZoom&&e.setZoom(r.zoom),"series"===i&&z(e.seriesGroup,(function(t){t.setCenter(r.center),t.setZoom(r.zoom)}))}}))}))}function uk(t,e){var n=t.isExpand?t.children:[],i=t.parentNode.children,r=t.hierNode.i?i[t.hierNode.i-1]:null;if(n.length){!function(t){var e=t.children,n=e.length,i=0,r=0;for(;--n>=0;){var o=e[n];o.hierNode.prelim+=i,o.hierNode.modifier+=i,r+=o.hierNode.change,i+=o.hierNode.shift+r}}(t);var o=(n[0].hierNode.prelim+n[n.length-1].hierNode.prelim)/2;r?(t.hierNode.prelim=r.hierNode.prelim+e(t,r),t.hierNode.modifier=t.hierNode.prelim-o):t.hierNode.prelim=o}else r&&(t.hierNode.prelim=r.hierNode.prelim+e(t,r));t.parentNode.hierNode.defaultAncestor=function(t,e,n,i){if(e){for(var r=t,o=t,a=o.parentNode.children[0],s=e,l=r.hierNode.modifier,u=o.hierNode.modifier,c=a.hierNode.modifier,h=s.hierNode.modifier;s=pk(s),o=fk(o),s&&o;){r=pk(r),a=fk(a),r.hierNode.ancestor=t;var d=s.hierNode.prelim+h-o.hierNode.prelim-u+i(s,o);d>0&&(yk(gk(s,t,n),t,d),u+=d,l+=d),h+=s.hierNode.modifier,u+=o.hierNode.modifier,l+=r.hierNode.modifier,c+=a.hierNode.modifier}s&&!pk(r)&&(r.hierNode.thread=s,r.hierNode.modifier+=h-l),o&&!fk(a)&&(a.hierNode.thread=o,a.hierNode.modifier+=u-c,n=t)}return n}(t,r,t.parentNode.hierNode.defaultAncestor||i[0],e)}function ck(t){var e=t.hierNode.prelim+t.parentNode.hierNode.modifier;t.setLayout({x:e},!0),t.hierNode.modifier+=t.parentNode.hierNode.modifier}function hk(t){return arguments.length?t:vk}function dk(t,e){return t-=Math.PI/2,{x:e*Math.cos(t),y:e*Math.sin(t)}}function pk(t){var e=t.children;return e.length&&t.isExpand?e[e.length-1]:t.hierNode.thread}function fk(t){var e=t.children;return e.length&&t.isExpand?e[0]:t.hierNode.thread}function gk(t,e,n){return t.hierNode.ancestor.parentNode===e.parentNode?t.hierNode.ancestor:n}function yk(t,e,n){var i=n/(e.hierNode.i-t.hierNode.i);e.hierNode.change-=i,e.hierNode.shift+=n,e.hierNode.modifier+=n,e.hierNode.prelim+=n,t.hierNode.change+=i}function vk(t,e){return t.parentNode===e.parentNode?1:2}var mk=function(){this.parentPoint=[],this.childPoints=[]},xk=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:tf.color.neutral99,fill:null}},e.prototype.getDefaultShape=function(){return new mk},e.prototype.buildPath=function(t,e){var n=e.childPoints,i=n.length,r=e.parentPoint,o=n[0],a=n[i-1];if(1===i)return t.moveTo(r[0],r[1]),void t.lineTo(o[0],o[1]);var s=e.orient,l="TB"===s||"BT"===s?0:1,u=1-l,c=yo(e.forkPosition,1),h=[];h[l]=r[l],h[u]=r[u]+(a[u]-r[u])*c,t.moveTo(r[0],r[1]),t.lineTo(h[0],h[1]),t.moveTo(o[0],o[1]),h[l]=o[l],t.lineTo(h[0],h[1]),h[l]=a[l],t.lineTo(h[0],h[1]),t.lineTo(a[0],a[1]);for(var d=1;d<i-1;d++){var p=n[d];t.moveTo(p[0],p[1]),h[l]=p[l],t.lineTo(h[0],h[1])}},e}(sl),_k=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._mainGroup=new to,n}return n(e,t),e.prototype.init=function(t,e){this._controller=new LD(e.getZr()),this._controllerHost={target:this.group},this.group.add(this._mainGroup)},e.prototype.render=function(t,e,n){var i=t.getData(),r=t.layoutInfo,o=this._mainGroup;"radial"===t.get("layout")?(o.x=r.x+r.width/2,o.y=r.y+r.height/2):(o.x=r.x,o.y=r.y),this._updateViewCoordSys(t,n),this._updateController(t,null,e,n);var a=this._data;i.diff(a).add((function(e){bk(i,e)&&wk(i,e,null,o,t)})).update((function(e,n){var r=a.getItemGraphicEl(n);bk(i,e)?wk(i,e,r,o,t):r&&Ik(a,n,r,o,t)})).remove((function(e){var n=a.getItemGraphicEl(e);n&&Ik(a,e,n,o,t)})).execute(),this._nodeScaleRatio=t.get("nodeScaleRatio"),this._updateNodeAndLinkScale(t),!0===t.get("expandAndCollapse")&&i.eachItemGraphicEl((function(e,i){e.off("click").on("click",(function(){n.dispatchAction({type:"treeExpandAndCollapse",seriesId:t.id,dataIndex:i})}))})),this._data=i},e.prototype._updateViewCoordSys=function(t,e){var n=t.getData(),i=[];n.each((function(t){var e=n.getItemLayout(t);!e||isNaN(e.x)||isNaN(e.y)||i.push([+e.x,+e.y])}));var r=[],o=[];ys(i,r,o);var a=this._min,s=this._max;o[0]-r[0]==0&&(r[0]=a?a[0]:r[0]-1,o[0]=s?s[0]:o[0]+1),o[1]-r[1]==0&&(r[1]=a?a[1]:r[1]-1,o[1]=s?s[1]:o[1]+1);var l=t.coordinateSystem=new KA(null,{api:e,ecModel:t.ecModel});l.zoomLimit=t.get("scaleLimit"),l.setBoundingRect(r[0],r[1],o[0]-r[0],o[1]-r[1]),l.setCenter(t.get("center")),l.setZoom(t.get("zoom")),this.group.attr({x:l.x,y:l.y,scaleX:l.scaleX,scaleY:l.scaleY}),this._min=r,this._max=o},e.prototype._updateController=function(t,e,n,i){var r=this;HD(t,i,this.group,this._controller,this._controllerHost,e),this._controller.on("zoom",(function(e){r._updateNodeAndLinkScale(t)}))},e.prototype._updateNodeAndLinkScale=function(t){var e=t.getData(),n=this._getNodeGlobalScale(t);e.eachItemGraphicEl((function(t,e){t.setSymbolScale(n)}))},e.prototype._getNodeGlobalScale=function(t){var e=t.coordinateSystem;if("view"!==e.type)return 1;var n=this._nodeScaleRatio,i=e.scaleX||1;return((e.getZoom()-1)*n+1)/i},e.prototype.dispose=function(){this._controller&&this._controller.dispose(),this._controllerHost=null},e.prototype.remove=function(){this._mainGroup.removeAll(),this._data=null},e.type="tree",e}(tv);function bk(t,e){var n=t.getItemLayout(e);return n&&!isNaN(n.x)&&!isNaN(n.y)}function wk(t,e,n,i,r){var o=!n,a=t.tree.getNodeByDataIndex(e),s=a.getModel(),l=a.getVisual("style").fill,u=!1===a.isExpand&&0!==a.children.length?l:tf.color.neutral00,c=t.tree.root,h=a.parentNode===c?a:a.parentNode||a,d=t.getItemGraphicEl(h.dataIndex),p=h.getLayout(),f=d?{x:d.__oldX,y:d.__oldY,rawX:d.__radialOldRawX,rawY:d.__radialOldRawY}:p,g=a.getLayout();o?((n=new rI(t,e,null,{symbolInnerColor:u,useNameLabel:!0})).x=f.x,n.y=f.y):n.updateData(t,e,null,{symbolInnerColor:u,useNameLabel:!0}),n.__radialOldRawX=n.__radialRawX,n.__radialOldRawY=n.__radialRawY,n.__radialRawX=g.rawX,n.__radialRawY=g.rawY,i.add(n),t.setItemGraphicEl(e,n),n.__oldX=n.x,n.__oldY=n.y,th(n,{x:g.x,y:g.y},r);var y=n.getSymbolPath();if("radial"===r.get("layout")){var v=c.children[0],m=v.getLayout(),x=v.children.length,_=void 0,b=void 0;if(g.x===m.x&&!0===a.isExpand&&v.children.length){var w={x:(v.children[0].getLayout().x+v.children[x-1].getLayout().x)/2,y:(v.children[0].getLayout().y+v.children[x-1].getLayout().y)/2};(_=Math.atan2(w.y-m.y,w.x-m.x))<0&&(_=2*Math.PI+_),(b=w.x<m.x)&&(_-=Math.PI)}else(_=Math.atan2(g.y-m.y,g.x-m.x))<0&&(_=2*Math.PI+_),0===a.children.length||0!==a.children.length&&!1===a.isExpand?(b=g.x<m.x)&&(_-=Math.PI):(b=g.x>m.x)||(_-=Math.PI);var S=b?"left":"right",M=s.getModel("label"),I=M.get("rotate"),T=I*(Math.PI/180),C=y.getTextContent();C&&(y.setTextConfig({position:M.get("position")||S,rotation:null==I?-_:T,origin:"center"}),C.setStyle("verticalAlign","middle"))}var D=s.get(["emphasis","focus"]),A="relative"===D?vt(a.getAncestorsIndices(),a.getDescendantIndices()):"ancestor"===D?a.getAncestorsIndices():"descendant"===D?a.getDescendantIndices():null;A&&(zl(n).focus=A),function(t,e,n,i,r,o,a,s){var l=e.getModel(),u=t.get("edgeShape"),c=t.get("layout"),h=t.getOrient(),d=t.get(["lineStyle","curveness"]),p=t.get("edgeForkPosition"),f=l.getModel("lineStyle").getLineStyle(),g=i.__edge;if("curve"===u)e.parentNode&&e.parentNode!==n&&(g||(g=i.__edge=new Oc({shape:Tk(c,h,d,r,r)})),th(g,{shape:Tk(c,h,d,o,a)},t));else if("polyline"===u)if("orthogonal"===c){if(e!==n&&e.children&&0!==e.children.length&&!0===e.isExpand){for(var y=e.children,v=[],m=0;m<y.length;m++){var x=y[m].getLayout();v.push([x.x,x.y])}g||(g=i.__edge=new xk({shape:{parentPoint:[a.x,a.y],childPoints:[[a.x,a.y]],orient:h,forkPosition:p}})),th(g,{shape:{parentPoint:[a.x,a.y],childPoints:v}},t)}}else 0;g&&("polyline"!==u||e.isExpand)&&(g.useStyle(k({strokeNoScale:!0,fill:null},f)),ku(g,l,"lineStyle"),uu(g),s.add(g))}(r,a,c,n,f,p,g,i),n.__edge&&(n.onHoverStateChange=function(e){if("blur"!==e){var i=a.parentNode&&t.getItemGraphicEl(a.parentNode.dataIndex);i&&1===i.hoverState||su(n.__edge,e)}})}function Sk(t,e,n,i,r){var o=Mk(e.tree.root,t),a=o.source,s=o.sourceLayout,l=e.getItemGraphicEl(t.dataIndex);if(l){var u=e.getItemGraphicEl(a.dataIndex).__edge,c=l.__edge||(!1===a.isExpand||1===a.children.length?u:void 0),h=i.get("edgeShape"),d=i.get("layout"),p=i.get("orient"),f=i.get(["lineStyle","curveness"]);c&&("curve"===h?ih(c,{shape:Tk(d,p,f,s,s),style:{opacity:0}},i,{cb:function(){n.remove(c)},removeOpt:r}):"polyline"===h&&"orthogonal"===i.get("layout")&&ih(c,{shape:{parentPoint:[s.x,s.y],childPoints:[[s.x,s.y]]},style:{opacity:0}},i,{cb:function(){n.remove(c)},removeOpt:r}))}}function Mk(t,e){for(var n,i=e.parentNode===t?e:e.parentNode||e;null==(n=i.getLayout());)i=i.parentNode===t?i:i.parentNode||i;return{source:i,sourceLayout:n}}function Ik(t,e,n,i,r){var o=t.tree.getNodeByDataIndex(e),a=Mk(t.tree.root,o).sourceLayout,s={duration:r.get("animationDurationUpdate"),easing:r.get("animationEasingUpdate")};ih(n,{x:a.x+1,y:a.y+1},r,{cb:function(){i.remove(n),t.setItemGraphicEl(e,null)},removeOpt:s}),n.fadeOut(null,t.hostModel,{fadeLabel:!0,animation:s}),o.children.forEach((function(e){Sk(e,t,i,r,s)})),Sk(o,t,i,r,s)}function Tk(t,e,n,i,r){var o,a,s,l,u,c,h,d;if("radial"===t){u=i.rawX,h=i.rawY,c=r.rawX,d=r.rawY;var p=dk(u,h),f=dk(u,h+(d-h)*n),g=dk(c,d+(h-d)*n),y=dk(c,d);return{x1:p.x||0,y1:p.y||0,x2:y.x||0,y2:y.y||0,cpx1:f.x||0,cpy1:f.y||0,cpx2:g.x||0,cpy2:g.y||0}}return u=i.x,h=i.y,c=r.x,d=r.y,"LR"!==e&&"RL"!==e||(o=u+(c-u)*n,a=h,s=c+(u-c)*n,l=d),"TB"!==e&&"BT"!==e||(o=u,a=h+(d-h)*n,s=c,l=d+(h-d)*n),{x1:u,y1:h,x2:c,y2:d,cpx1:o,cpy1:a,cpx2:s,cpy2:l}}var Ck=sa();function Dk(t){var e=t.mainData,n=t.datas;n||(n={main:e},t.datasAttr={main:"data"}),t.datas=t.mainData=null,Rk(e,n,t),z(n,(function(n){z(e.TRANSFERABLE_METHODS,(function(e){n.wrapMethod(e,H(Ak,t))}))})),e.wrapMethod("cloneShallow",H(Lk,t)),z(e.CHANGABLE_METHODS,(function(n){e.wrapMethod(n,H(kk,t))})),lt(n[e.dataType]===e)}function Ak(t,e){if(Ck(i=this).mainData===i){var n=A({},Ck(this).datas);n[this.dataType]=e,Rk(e,n,t)}else Nk(e,this.dataType,Ck(this).mainData,t);var i;return e}function kk(t,e){return t.struct&&t.struct.update(),e}function Lk(t,e){return z(Ck(e).datas,(function(n,i){n!==e&&Nk(n.cloneShallow(),i,e,t)})),e}function Pk(t){var e=Ck(this).mainData;return null==t||null==e?e:Ck(e).datas[t]}function Ok(){var t=Ck(this).mainData;return null==t?[{data:t}]:E(F(Ck(t).datas),(function(e){return{type:e,data:Ck(t).datas[e]}}))}function Rk(t,e,n){Ck(t).datas={},z(e,(function(e,i){Nk(e,i,t,n)}))}function Nk(t,e,n,i){Ck(n).datas[e]=t,Ck(t).mainData=n,t.dataType=e,i.struct&&(t[i.structAttr]=i.struct,i.struct[i.datasAttr[e]]=t),t.getLinkedData=Pk,t.getLinkedDataAll=Ok}var zk=function(){function t(t,e){this.depth=0,this.height=0,this.dataIndex=-1,this.children=[],this.viewChildren=[],this.isExpand=!1,this.name=t||"",this.hostTree=e}return t.prototype.isRemoved=function(){return this.dataIndex<0},t.prototype.eachNode=function(t,e,n){Y(t)&&(n=e,e=t,t=null),X(t=t||{})&&(t={order:t});var i,r=t.order||"preorder",o=this[t.attr||"children"];"preorder"===r&&(i=e.call(n,this));for(var a=0;!i&&a<o.length;a++)o[a].eachNode(t,e,n);"postorder"===r&&e.call(n,this)},t.prototype.updateDepthAndHeight=function(t){var e=0;this.depth=t;for(var n=0;n<this.children.length;n++){var i=this.children[n];i.updateDepthAndHeight(t+1),i.height>e&&(e=i.height)}this.height=e+1},t.prototype.getNodeById=function(t){if(this.getId()===t)return this;for(var e=0,n=this.children,i=n.length;e<i;e++){var r=n[e].getNodeById(t);if(r)return r}},t.prototype.contains=function(t){if(t===this)return!0;for(var e=0,n=this.children,i=n.length;e<i;e++){var r=n[e].contains(t);if(r)return r}},t.prototype.getAncestors=function(t){for(var e=[],n=t?this:this.parentNode;n;)e.push(n),n=n.parentNode;return e.reverse(),e},t.prototype.getAncestorsIndices=function(){for(var t=[],e=this;e;)t.push(e.dataIndex),e=e.parentNode;return t.reverse(),t},t.prototype.getDescendantIndices=function(){var t=[];return this.eachNode((function(e){t.push(e.dataIndex)})),t},t.prototype.getValue=function(t){var e=this.hostTree.data;return e.getStore().get(e.getDimensionIndex(t||"value"),this.dataIndex)},t.prototype.setLayout=function(t,e){this.dataIndex>=0&&this.hostTree.data.setItemLayout(this.dataIndex,t,e)},t.prototype.getLayout=function(){return this.hostTree.data.getItemLayout(this.dataIndex)},t.prototype.getModel=function(t){if(!(this.dataIndex<0))return this.hostTree.data.getItemModel(this.dataIndex).getModel(t)},t.prototype.getLevelModel=function(){return(this.hostTree.levelModels||[])[this.depth]},t.prototype.setVisual=function(t,e){this.dataIndex>=0&&this.hostTree.data.setItemVisual(this.dataIndex,t,e)},t.prototype.getVisual=function(t){return this.hostTree.data.getItemVisual(this.dataIndex,t)},t.prototype.getRawIndex=function(){return this.hostTree.data.getRawIndex(this.dataIndex)},t.prototype.getId=function(){return this.hostTree.data.getId(this.dataIndex)},t.prototype.getChildIndex=function(){if(this.parentNode){for(var t=this.parentNode.children,e=0;e<t.length;++e)if(t[e]===this)return e;return-1}return-1},t.prototype.isAncestorOf=function(t){for(var e=t.parentNode;e;){if(e===this)return!0;e=e.parentNode}return!1},t.prototype.isDescendantOf=function(t){return t!==this&&t.isAncestorOf(this)},t}(),Ek=function(){function t(t){this.type="tree",this._nodes=[],this.hostModel=t}return t.prototype.eachNode=function(t,e,n){this.root.eachNode(t,e,n)},t.prototype.getNodeByDataIndex=function(t){var e=this.data.getRawIndex(t);return this._nodes[e]},t.prototype.getNodeById=function(t){return this.root.getNodeById(t)},t.prototype.update=function(){for(var t=this.data,e=this._nodes,n=0,i=e.length;n<i;n++)e[n].dataIndex=-1;for(n=0,i=t.count();n<i;n++)e[t.getRawIndex(n)].dataIndex=n},t.prototype.clearLayouts=function(){this.data.clearItemLayouts()},t.createTree=function(e,n,i){var r=new t(n),o=[],a=1;!function t(e,n){var i=e.value;a=Math.max(a,U(i)?i.length:1),o.push(e);var s=new zk(ia(e.name,""),r);n?function(t,e){var n=e.children;if(t.parentNode===e)return;n.push(t),t.parentNode=e}(s,n):r.root=s,r._nodes.push(s);var l=e.children;if(l)for(var u=0;u<l.length;u++)t(l[u],s)}(e),r.root.updateDepthAndHeight(0);var s=V_(o,{coordDimensions:["value"],dimensionsCount:a}).dimensions,l=new B_(s,n);return l.initData(o),i&&i(l),Dk({mainData:l,struct:r,structAttr:"tree"}),r.update(),r},t}();function Bk(t,e,n){if(t&&P(e,t.type)>=0){var i=n.getData().tree.root,r=t.targetNode;if(X(r)&&(r=i.getNodeById(r)),r&&i.contains(r))return{node:r};var o=t.targetNodeId;if(null!=o&&(r=i.getNodeById(o)))return{node:r}}}function Vk(t){for(var e=[];t;)(t=t.parentNode)&&e.push(t);return e.reverse()}function Gk(t,e){return P(Vk(t),e)>=0}function Fk(t,e){for(var n=[];t;){var i=t.dataIndex;n.push({name:t.name,dataIndex:i,value:e.getRawValue(i)}),t=t.parentNode}return n.reverse(),n}var Wk=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.hasSymbolVisual=!0,e.ignoreStyleOnData=!0,e}return n(e,t),e.prototype.getInitialData=function(t){var e={name:t.name,children:t.data},n=t.leaves||{},i=new wd(n,this,this.ecModel),r=Ek.createTree(e,this,(function(t){t.wrapMethod("getItemModel",(function(t,e){var n=r.getNodeByDataIndex(e);return n&&n.children.length&&n.isExpand||(t.parentModel=i),t}))}));var o=0;r.eachNode("preorder",(function(t){t.depth>o&&(o=t.depth)}));var a=t.expandAndCollapse&&t.initialTreeDepth>=0?t.initialTreeDepth:o;return r.root.eachNode("preorder",(function(t){var e=t.hostTree.data.getRawDataItem(t.dataIndex);t.isExpand=e&&null!=e.collapsed?!e.collapsed:t.depth<=a})),r.data},e.prototype.getOrient=function(){var t=this.get("orient");return"horizontal"===t?t="LR":"vertical"===t&&(t="TB"),t},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.formatTooltip=function(t,e,n){for(var i=this.getData().tree,r=i.root.children[0],o=i.getNodeByDataIndex(t),a=o.getValue(),s=o.name;o&&o!==r;)s=o.parentNode.name+"."+s,o=o.parentNode;return Ty("nameValue",{name:s,value:a,noValue:isNaN(a)||null==a})},e.prototype.getDataParams=function(e){var n=t.prototype.getDataParams.apply(this,arguments),i=this.getData().tree.getNodeByDataIndex(e);return n.treeAncestors=Fk(i,this),n.collapsed=!i.isExpand,n},e.type="series.tree",e.layoutMode="box",e.defaultOption={z:2,coordinateSystemUsage:"box",left:"12%",top:"12%",right:"12%",bottom:"12%",layout:"orthogonal",edgeShape:"curve",edgeForkPosition:"50%",roam:!1,roamTrigger:"global",nodeScaleRatio:.4,center:null,zoom:1,orient:"LR",symbol:"emptyCircle",symbolSize:7,expandAndCollapse:!0,initialTreeDepth:2,lineStyle:{color:tf.color.borderTint,width:1.5,curveness:.5},itemStyle:{color:"lightsteelblue",borderWidth:1.5},label:{show:!0},animationEasing:"linear",animationDuration:700,animationDurationUpdate:500},e}(Wy);function Hk(t,e){for(var n,i=[t];n=i.pop();)if(e(n),n.isExpand){var r=n.children;if(r.length)for(var o=r.length-1;o>=0;o--)i.push(r[o])}}function Uk(t,e){t.eachSeriesByType("tree",(function(t){!function(t,e){var n=Xp(t,e).refContainer,i=Hp(t.getBoxLayoutParams(),n);t.layoutInfo=i;var r=t.get("layout"),o=0,a=0,s=null;"radial"===r?(o=2*Math.PI,a=Math.min(i.height,i.width)/2,s=hk((function(t,e){return(t.parentNode===e.parentNode?1:2)/t.depth}))):(o=i.width,a=i.height,s=hk());var l=t.getData().tree.root,u=l.children[0];if(u){!function(t){var e=t;e.hierNode={defaultAncestor:null,ancestor:e,prelim:0,modifier:0,change:0,shift:0,i:0,thread:null};for(var n,i,r=[e];n=r.pop();)if(i=n.children,n.isExpand&&i.length)for(var o=i.length-1;o>=0;o--){var a=i[o];a.hierNode={defaultAncestor:null,ancestor:a,prelim:0,modifier:0,change:0,shift:0,i:o,thread:null},r.push(a)}}(l),function(t,e,n){for(var i,r=[t],o=[];i=r.pop();)if(o.push(i),i.isExpand){var a=i.children;if(a.length)for(var s=0;s<a.length;s++)r.push(a[s])}for(;i=o.pop();)e(i,n)}(u,uk,s),l.hierNode.modifier=-u.hierNode.prelim,Hk(u,ck);var c=u,h=u,d=u;Hk(u,(function(t){var e=t.getLayout().x;e<c.getLayout().x&&(c=t),e>h.getLayout().x&&(h=t),t.depth>d.depth&&(d=t)}));var p=c===h?1:s(c,h)/2,f=p-c.getLayout().x,g=0,y=0,v=0,m=0;if("radial"===r)g=o/(h.getLayout().x+p+f),y=a/(d.depth-1||1),Hk(u,(function(t){v=(t.getLayout().x+f)*g,m=(t.depth-1)*y;var e=dk(v,m);t.setLayout({x:e.x,y:e.y,rawX:v,rawY:m},!0)}));else{var x=t.getOrient();"RL"===x||"LR"===x?(y=a/(h.getLayout().x+p+f),g=o/(d.depth-1||1),Hk(u,(function(t){m=(t.getLayout().x+f)*y,v="LR"===x?(t.depth-1)*g:o-(t.depth-1)*g,t.setLayout({x:v,y:m},!0)}))):"TB"!==x&&"BT"!==x||(g=o/(h.getLayout().x+p+f),y=a/(d.depth-1||1),Hk(u,(function(t){v=(t.getLayout().x+f)*g,m="TB"===x?(t.depth-1)*y:a-(t.depth-1)*y,t.setLayout({x:v,y:m},!0)})))}}}(t,e)}))}function Yk(t){t.eachSeriesByType("tree",(function(t){var e=t.getData();e.tree.eachNode((function(t){var n=t.getModel().getModel("itemStyle").getItemStyle();A(e.ensureUniqueItemVisual(t.dataIndex,"style"),n)}))}))}var Xk=["treemapZoomToNode","treemapRender","treemapMove"];function Zk(t){var e=t.getData().tree,n={};e.eachNode((function(e){for(var i=e;i&&i.depth>1;)i=i.parentNode;var r=Nf(t.ecModel,i.name||i.dataIndex+"",n);e.setVisual("decal",r)}))}var jk=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.preventUsingHoverLayer=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){var n={name:t.name,children:t.data};qk(n);var i=t.levels||[],r=this.designatedVisualItemStyle={},o=new wd({itemStyle:r},this,e);i=t.levels=function(t,e){var n,i,r=qo(e.get("color")),o=qo(e.get(["aria","decal","decals"]));if(!r)return;t=t||[],z(t,(function(t){var e=new wd(t),r=e.get("color"),o=e.get("decal");(e.get(["itemStyle","color"])||r&&"none"!==r)&&(n=!0),(e.get(["itemStyle","decal"])||o&&"none"!==o)&&(i=!0)}));var a=t[0]||(t[0]={});n||(a.color=r.slice());!i&&o&&(a.decal=o.slice());return t}(i,e);var a=E(i||[],(function(t){return new wd(t,o,e)}),this),s=Ek.createTree(n,this,(function(t){t.wrapMethod("getItemModel",(function(t,e){var n=s.getNodeByDataIndex(e),i=n?a[n.depth]:null;return t.parentModel=i||o,t}))}));return s.data},e.prototype.optionUpdated=function(){this.resetViewRoot()},e.prototype.formatTooltip=function(t,e,n){var i=this.getData(),r=this.getRawValue(t);return Ty("nameValue",{name:i.getName(t),value:r})},e.prototype.getDataParams=function(e){var n=t.prototype.getDataParams.apply(this,arguments),i=this.getData().tree.getNodeByDataIndex(e);return n.treeAncestors=Fk(i,this),n.treePathInfo=n.treeAncestors,n},e.prototype.setLayoutInfo=function(t){this.layoutInfo=this.layoutInfo||{},A(this.layoutInfo,t)},e.prototype.mapIdToIndex=function(t){var e=this._idIndexMap;e||(e=this._idIndexMap=yt(),this._idIndexMapCount=0);var n=e.get(t);return null==n&&e.set(t,n=this._idIndexMapCount++),n},e.prototype.getViewRoot=function(){return this._viewRoot},e.prototype.resetViewRoot=function(t){t?this._viewRoot=t:t=this._viewRoot;var e=this.getRawData().tree.root;t&&(t===e||e.contains(t))||(this._viewRoot=e)},e.prototype.enableAriaDecal=function(){Zk(this)},e.type="series.treemap",e.layoutMode="box",e.defaultOption={progressive:0,coordinateSystemUsage:"box",left:tf.size.l,top:tf.size.xxxl,right:tf.size.l,bottom:tf.size.xxxl,sort:!0,clipWindow:"origin",squareRatio:.5*(1+Math.sqrt(5)),leafDepth:null,drillDownIcon:"▶",zoomToNodeRatio:.1024,scaleLimit:{max:5,min:.2},roam:!0,roamTrigger:"global",nodeClick:"zoomToNode",animation:!0,animationDurationUpdate:900,animationEasing:"quinticInOut",breadcrumb:{show:!0,height:22,left:"center",bottom:tf.size.m,emptyItemWidth:25,itemStyle:{color:tf.color.backgroundShade,textStyle:{color:tf.color.secondary}},emphasis:{itemStyle:{color:tf.color.background}}},label:{show:!0,distance:0,padding:5,position:"inside",color:tf.color.neutral00,overflow:"truncate"},upperLabel:{show:!1,position:[0,"50%"],height:20,overflow:"truncate",verticalAlign:"middle"},itemStyle:{color:null,colorAlpha:null,colorSaturation:null,borderWidth:0,gapWidth:0,borderColor:tf.color.neutral00,borderColorSaturation:null},emphasis:{upperLabel:{show:!0,position:[0,"50%"],overflow:"truncate",verticalAlign:"middle"}},visualDimension:0,visualMin:null,visualMax:null,color:[],colorAlpha:null,colorSaturation:null,colorMappingBy:"index",visibleMin:10,childrenVisibleMin:null,levels:[]},e}(Wy);function qk(t){var e=0;z(t.children,(function(t){qk(t);var n=t.value;U(n)&&(n=n[0]),e+=n}));var n=t.value;U(n)&&(n=n[0]),(null==n||isNaN(n))&&(n=e),n<0&&(n=0),U(t.value)?t.value[0]=n:t.value=n}var Kk=function(){function t(t){this.group=new to,t.add(this.group)}return t.prototype.render=function(t,e,n,i){var r=t.getModel("breadcrumb"),o=this.group;if(o.removeAll(),r.get("show")&&n){var a=r.getModel("itemStyle"),s=r.getModel("emphasis"),l=a.getModel("textStyle"),u=s.getModel(["itemStyle","textStyle"]),c=Xp(t,e).refContainer,h={left:r.get("left"),right:r.get("right"),top:r.get("top"),bottom:r.get("bottom")},d={emptyItemWidth:r.get("emptyItemWidth"),totalWidth:0,renderList:[]},p=Hp(h,c);this._prepare(n,d,l),this._renderContent(t,d,p,a,s,l,u,i),Zp(o,h,c)}},t.prototype._prepare=function(t,e,n){for(var i=t;i;i=i.parentNode){var r=ia(i.getModel().get("name"),""),o=n.getTextRect(r),a=Math.max(o.width+16,e.emptyItemWidth);e.totalWidth+=a+8,e.renderList.push({node:i,text:r,width:a})}},t.prototype._renderContent=function(t,e,n,i,r,o,a,s){for(var l=0,u=e.emptyItemWidth,c=t.get(["breadcrumb","height"]),h=e.totalWidth,d=e.renderList,p=r.getModel("itemStyle").getItemStyle(),f=d.length-1;f>=0;f--){var g=d[f],y=g.node,v=g.width,m=g.text;h>n.width&&(h-=v-u,v=u,m=null);var x=new Mc({shape:{points:$k(l,0,v,c,f===d.length-1,0===f)},style:k(i.getItemStyle(),{lineJoin:"bevel"}),textContent:new Sl({style:Qh(o,{text:m})}),textConfig:{position:"inside"},z2:1e5,onclick:H(s,y)});x.disableLabelAnimation=!0,x.getTextContent().ensureState("emphasis").style=Qh(a,{text:m}),x.ensureState("emphasis").style=p,Tu(x,r.get("focus"),r.get("blurScope"),r.get("disabled")),this.group.add(x),Jk(x,t,y),l+=v+8}},t.prototype.remove=function(){this.group.removeAll()},t}();function $k(t,e,n,i,r,o){var a=[[r?t:t-5,e],[t+n,e],[t+n,e+i],[r?t:t-5,e+i]];return!o&&a.splice(2,0,[t+n+5,e+i/2]),!r&&a.push([t,e+i/2]),a}function Jk(t,e,n){zl(t).eventData={componentType:"series",componentSubType:"treemap",componentIndex:e.componentIndex,seriesIndex:e.seriesIndex,seriesName:e.name,seriesType:"treemap",selfType:"breadcrumb",nodeData:{dataIndex:n&&n.dataIndex,name:n&&n.name},treePathInfo:n&&Fk(n,e)}}var Qk=function(){function t(){this._storage=[],this._elExistsMap={}}return t.prototype.add=function(t,e,n,i,r){return!this._elExistsMap[t.id]&&(this._elExistsMap[t.id]=!0,this._storage.push({el:t,target:e,duration:n,delay:i,easing:r}),!0)},t.prototype.finished=function(t){return this._finishedCallback=t,this},t.prototype.start=function(){for(var t=this,e=this._storage.length,n=function(){--e<=0&&(t._storage.length=0,t._elExistsMap={},t._finishedCallback&&t._finishedCallback())},i=0,r=this._storage.length;i<r;i++){var o=this._storage[i];o.el.animateTo(o.target,{duration:o.duration,delay:o.delay,easing:o.easing,setToFinal:!0,done:n,aborted:n})}return this},t}();var tL=to,eL=xl,nL="label",iL="upperLabel",rL=Da([["fill","color"],["stroke","strokeColor"],["lineWidth","strokeWidth"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["shadowColor"]]),oL=function(t){var e=rL(t);return e.stroke=e.fill=e.lineWidth=null,e},aL=sa(),sL=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._state="ready",n._storage={nodeGroup:[],background:[],content:[]},n}return n(e,t),e.prototype.render=function(t,e,n,i){if(!(P(e.findComponents({mainType:"series",subType:"treemap",query:i}),t)<0)){this.seriesModel=t,this.api=n,this.ecModel=e;var r=Bk(i,["treemapZoomToNode","treemapRootToNode"],t),o=i&&i.type,a=t.layoutInfo,s=!this._oldTree,l=this._storage,u="treemapRootToNode"===o&&r&&l?{rootNodeGroup:l.nodeGroup[r.node.getRawIndex()],direction:i.direction}:null,c=this._giveContainerGroup(a),h=t.get("animation"),d=this._doRender(c,t,u);!h||s||o&&"treemapZoomToNode"!==o&&"treemapRootToNode"!==o?d.renderFinally():this._doAnimation(c,d,t,u),this._resetController(n),this._renderBreadcrumb(t,n,r)}},e.prototype._giveContainerGroup=function(t){var e=this._containerGroup;return e||(e=this._containerGroup=new tL,this._initEvents(e),this.group.add(e)),e.x=t.x,e.y=t.y,e},e.prototype._doRender=function(t,e,n){var i=e.getData().tree,r=this._oldTree,o={nodeGroup:[],background:[],content:[]},a={nodeGroup:[],background:[],content:[]},s=this._storage,l=[];function u(t,i,r,u){return function(t,e,n,i,r,o,a,s,l,u){if(!a)return;var c=a.getLayout(),h=t.getData(),d=a.getModel();if(h.setItemGraphicEl(a.dataIndex,null),!c||!c.isInView)return;var p=c.width,f=c.height,g=c.borderWidth,y=c.invisible,v=a.getRawIndex(),m=s&&s.getRawIndex(),x=a.viewChildren,_=c.upperHeight,b=x&&x.length,w=d.getModel("itemStyle"),S=d.getModel(["emphasis","itemStyle"]),M=d.getModel(["blur","itemStyle"]),I=d.getModel(["select","itemStyle"]),T=w.get("borderRadius")||0,C=W("nodeGroup",tL);if(!C)return;if(l.add(C),C.x=c.x||0,C.y=c.y||0,C.markRedraw(),aL(C).nodeWidth=p,aL(C).nodeHeight=f,c.isAboveViewRoot)return C;var D=W("background",eL,u,20);D&&E(C,D,b&&c.upperLabelHeight);var k=d.getModel("emphasis"),L=k.get("focus"),P=k.get("blurScope"),O=k.get("disabled"),R="ancestor"===L?a.getAncestorsIndices():"descendant"===L?a.getDescendantIndices():L;if(b)Pu(C)&&Lu(C,!1),D&&(Lu(D,!O),h.setItemGraphicEl(a.dataIndex,D),Cu(D,R,P));else{var N=W("content",eL,u,30);N&&B(C,N),D.disableMorphing=!0,D&&Pu(D)&&Lu(D,!1),Lu(C,!O),h.setItemGraphicEl(a.dataIndex,C);var z=d.getShallow("cursor");z&&N.attr("cursor",z),Cu(C,R,P)}return C;function E(e,n,i){var r=zl(n);if(r.dataIndex=a.dataIndex,r.seriesIndex=t.seriesIndex,n.setShape({x:0,y:0,width:p,height:f,r:T}),y)V(n);else{n.invisible=!1;var o=a.getVisual("style"),s=o.stroke,l=oL(w);l.fill=s;var u=rL(S);u.fill=S.get("borderColor");var c=rL(M);c.fill=M.get("borderColor");var h=rL(I);if(h.fill=I.get("borderColor"),i){var d=p-2*g;G(n,s,o.opacity,{x:g,y:0,width:d,height:_})}else n.removeTextContent();n.setStyle(l),n.ensureState("emphasis").style=u,n.ensureState("blur").style=c,n.ensureState("select").style=h,uu(n)}e.add(n)}function B(e,n){var i=zl(n);i.dataIndex=a.dataIndex,i.seriesIndex=t.seriesIndex;var r=Math.max(p-2*g,0),o=Math.max(f-2*g,0);if(n.culling=!0,n.setShape({x:g,y:g,width:r,height:o,r:T}),y)V(n);else{n.invisible=!1;var s=a.getVisual("style"),l=s.fill,u=oL(w);u.fill=l,u.decal=s.decal;var c=rL(S),h=rL(M),d=rL(I);G(n,l,s.opacity,null),n.setStyle(u),n.ensureState("emphasis").style=c,n.ensureState("blur").style=h,n.ensureState("select").style=d,uu(n)}e.add(n)}function V(t){!t.invisible&&o.push(t)}function G(e,n,i,r){var o=d.getModel(r?iL:nL),s=ia(d.get("name"),null),l=o.getShallow("show");$h(e,Jh(d,r?iL:nL),{defaultText:l?s:null,inheritColor:n,defaultOpacity:i,labelFetcher:t,labelDataIndex:a.dataIndex});var u=e.getTextContent();if(u){var h=u.style,p=st(h.padding||0);r&&(e.setTextConfig({layoutRect:r}),u.disableLabelLayout=!0),u.beforeUpdate=function(){var t=Math.max((r?r.width:e.shape.width)-p[1]-p[3],0),n=Math.max((r?r.height:e.shape.height)-p[0]-p[2],0);h.width===t&&h.height===n||u.setStyle({width:t,height:n})},h.truncateMinChar=2,h.lineOverflow="truncate",F(h,r,c);var f=u.getState("emphasis");F(f?f.style:null,r,c)}}function F(e,n,i){var r=e?e.text:null;if(!n&&i.isLeafRoot&&null!=r){var o=t.get("drillDownIcon",!0);e.text=o?o+" "+r:r}}function W(t,i,o,a){var s=null!=m&&n[t][m],l=r[t];return s?(n[t][m]=null,H(l,s)):y||((s=new i)instanceof os&&(s.z2=function(t,e){return 100*t+e}(o,a)),U(l,s)),e[t][v]=s}function H(t,e){var n=t[v]={};e instanceof tL?(n.oldX=e.x,n.oldY=e.y):n.oldShape=A({},e.shape)}function U(t,e){var n=t[v]={},o=a.parentNode,s=e instanceof to;if(o&&(!i||"drillDown"===i.direction)){var l=0,u=0,c=r.background[o.getRawIndex()];!i&&c&&c.oldShape&&(l=c.oldShape.width,u=c.oldShape.height),s?(n.oldX=0,n.oldY=u):n.oldShape={x:l,y:u,width:0,height:0}}n.fadein=!s}}(e,a,s,n,o,l,t,i,r,u)}!function t(e,n,i,r,o){r?(n=e,z(e,(function(t,e){!t.isRemoved()&&s(e,e)}))):new f_(n,e,a,a).add(s).update(s).remove(H(s,null)).execute();function a(t){return t.getId()}function s(a,s){var l=null!=a?e[a]:null,c=null!=s?n[s]:null,h=u(l,c,i,o);h&&t(l&&l.viewChildren||[],c&&c.viewChildren||[],h,r,o+1)}}(i.root?[i.root]:[],r&&r.root?[r.root]:[],t,i===r||!r,0);var c=function(t){var e={nodeGroup:[],background:[],content:[]};return t&&z(t,(function(t,n){var i=e[n];z(t,(function(t){t&&(i.push(t),aL(t).willDelete=!0)}))})),e}(s);if(this._oldTree=i,this._storage=a,this._controllerHost){var h=this.seriesModel.layoutInfo,d=i.root.getLayout();d.width===h.width&&d.height===h.height&&(this._controllerHost.zoom=1)}return{lastsForAnimation:o,willDeleteEls:c,renderFinally:function(){z(c,(function(t){z(t,(function(t){t.parent&&t.parent.remove(t)}))})),z(l,(function(t){t.invisible=!0,t.dirty()}))}}},e.prototype._doAnimation=function(t,e,n,i){var r=n.get("animationDurationUpdate"),o=n.get("animationEasing"),a=(Y(r)?0:r)||0,s=(Y(o)?null:o)||"cubicOut",l=new Qk;z(e.willDeleteEls,(function(t,e){z(t,(function(t,n){if(!t.invisible){var r,o=t.parent,u=aL(o);if(i&&"drillDown"===i.direction)r=o===i.rootNodeGroup?{shape:{x:0,y:0,width:u.nodeWidth,height:u.nodeHeight},style:{opacity:0}}:{style:{opacity:0}};else{var c=0,h=0;u.willDelete||(c=u.nodeWidth/2,h=u.nodeHeight/2),r="nodeGroup"===e?{x:c,y:h,style:{opacity:0}}:{shape:{x:c,y:h,width:0,height:0},style:{opacity:0}}}r&&l.add(t,r,a,0,s)}}))})),z(this._storage,(function(t,n){z(t,(function(t,i){var r=e.lastsForAnimation[n][i],o={};r&&(t instanceof to?null!=r.oldX&&(o.x=t.x,o.y=t.y,t.x=r.oldX,t.y=r.oldY):(r.oldShape&&(o.shape=A({},t.shape),t.setShape(r.oldShape)),r.fadein?(t.setStyle("opacity",0),o.style={opacity:1}):1!==t.style.opacity&&(o.style={opacity:1})),l.add(t,o,a,0,s))}))}),this),this._state="animating",l.finished(W((function(){this._state="ready",e.renderFinally()}),this)).start()},e.prototype._resetController=function(t){var e=this,n=this._controller,i=this._controllerHost;i||(this._controllerHost={target:this.group},i=this._controllerHost);var r=this.seriesModel;n||((n=this._controller=new LD(t.getZr())).on("pan",W(this._onPan,this)),n.on("zoom",W(this._onZoom,this))),n.enable(r.get("roam"),{api:t,zInfo:{component:r},triggerInfo:{roamTrigger:r.get("roamTrigger"),isInSelf:function(t,n,i){var r=e._containerGroup;return!!r&&r.getBoundingRect().contain(n-r.x,i-r.y)}}}),i.zoomLimit=r.get("scaleLimit"),i.zoom=r.get("zoom")},e.prototype._clearController=function(){var t=this._controller;this._controllerHost=null,t&&(t.dispose(),t=null)},e.prototype._onPan=function(t){if("animating"!==this._state&&(Math.abs(t.dx)>3||Math.abs(t.dy)>3)){var e=this.seriesModel.getData().tree.root;if(!e)return;var n=e.getLayout();if(!n)return;this.api.dispatchAction({type:"treemapMove",from:this.uid,seriesId:this.seriesModel.id,rootRect:{x:n.x+t.dx,y:n.y+t.dy,width:n.width,height:n.height}})}},e.prototype._onZoom=function(t){var e=t.originX,n=t.originY,i=t.scale;if("animating"!==this._state){var r=this.seriesModel.getData().tree.root;if(!r)return;var o=r.getLayout();if(!o)return;var a,s=new He(o.x,o.y,o.width,o.height),l=this._controllerHost;a=l.zoomLimit;var u=l.zoom=l.zoom||1;if(u*=i,a){var c=a.min||0,h=a.max||1/0;u=Math.max(Math.min(h,u),c)}var d=u/l.zoom;l.zoom=u;var p=this.seriesModel.layoutInfo,f=[1,0,0,1,0,0];Se(f,f,[-(e-=p.x),-(n-=p.y)]),Ie(f,f,[d,d]),Se(f,f,[e,n]),s.applyTransform(f),this.api.dispatchAction({type:"treemapRender",from:this.uid,seriesId:this.seriesModel.id,rootRect:{x:s.x,y:s.y,width:s.width,height:s.height}})}},e.prototype._initEvents=function(t){var e=this;t.on("click",(function(t){if("ready"===e._state){var n=e.seriesModel.get("nodeClick",!0);if(n){var i=e.findTarget(t.offsetX,t.offsetY);if(i){var r=i.node;if(r.getLayout().isLeafRoot)e._rootToNode(i);else if("zoomToNode"===n)e._zoomToNode(i);else if("link"===n){var o=r.hostTree.data.getItemModel(r.dataIndex),a=o.get("link",!0),s=o.get("target",!0)||"blank";a&&Sp(a,s)}}}}}),this)},e.prototype._renderBreadcrumb=function(t,e,n){var i=this;n||(n=null!=t.get("leafDepth",!0)?{node:t.getViewRoot()}:this.findTarget(e.getWidth()/2,e.getHeight()/2))||(n={node:t.getData().tree.root}),(this._breadcrumb||(this._breadcrumb=new Kk(this.group))).render(t,e,n.node,(function(e){"animating"!==i._state&&(Gk(t.getViewRoot(),e)?i._rootToNode({node:e}):i._zoomToNode({node:e}))}))},e.prototype.remove=function(){this._clearController(),this._containerGroup&&this._containerGroup.removeAll(),this._storage={nodeGroup:[],background:[],content:[]},this._state="ready",this._breadcrumb&&this._breadcrumb.remove()},e.prototype.dispose=function(){this._clearController()},e.prototype._zoomToNode=function(t){this.api.dispatchAction({type:"treemapZoomToNode",from:this.uid,seriesId:this.seriesModel.id,targetNode:t.node})},e.prototype._rootToNode=function(t){this.api.dispatchAction({type:"treemapRootToNode",from:this.uid,seriesId:this.seriesModel.id,targetNode:t.node})},e.prototype.findTarget=function(t,e){var n;return this.seriesModel.getViewRoot().eachNode({attr:"viewChildren",order:"preorder"},(function(i){var r=this._storage.background[i.getRawIndex()];if(r){var o=r.transformCoordToLocal(t,e),a=r.shape;if(!(a.x<=o[0]&&o[0]<=a.x+a.width&&a.y<=o[1]&&o[1]<=a.y+a.height))return!1;n={node:i,offsetX:o[0],offsetY:o[1]}}}),this),n},e.type="treemap",e}(tv);var lL=z,uL=q,cL=-1,hL=function(){function t(e){var n=e.mappingMethod,i=e.type,r=this.option=T(e);this.type=i,this.mappingMethod=n,this._normalizeData=bL[n];var o=t.visualHandlers[i];this.applyVisual=o.applyVisual,this.getColorMapper=o.getColorMapper,this._normalizedToVisual=o._normalizedToVisual[n],"piecewise"===n?(dL(r),function(t){var e=t.pieceList;t.hasSpecialVisual=!1,z(e,(function(e,n){e.originIndex=n,null!=e.visual&&(t.hasSpecialVisual=!0)}))}(r)):"category"===n?r.categories?function(t){var e=t.categories,n=t.categoryMap={},i=t.visual;if(lL(e,(function(t,e){n[t]=e})),!U(i)){var r=[];q(i)?lL(i,(function(t,e){var i=n[e];r[null!=i?i:cL]=t})):r[-1]=i,i=_L(t,r)}for(var o=e.length-1;o>=0;o--)null==i[o]&&(delete n[e[o]],e.pop())}(r):dL(r,!0):(lt("linear"!==n||r.dataExtent),dL(r))}return t.prototype.mapValueToVisual=function(t){var e=this._normalizeData(t);return this._normalizedToVisual(e,t)},t.prototype.getNormalizer=function(){return W(this._normalizeData,this)},t.listVisualTypes=function(){return F(t.visualHandlers)},t.isValidType=function(e){return t.visualHandlers.hasOwnProperty(e)},t.eachVisual=function(t,e,n){q(t)?z(t,e,n):e.call(n,t)},t.mapVisual=function(e,n,i){var r,o=U(e)?[]:q(e)?{}:(r=!0,null);return t.eachVisual(e,(function(t,e){var a=n.call(i,t,e);r?o=a:o[e]=a})),o},t.retrieveVisuals=function(e){var n,i={};return e&&lL(t.visualHandlers,(function(t,r){e.hasOwnProperty(r)&&(i[r]=e[r],n=!0)})),n?i:null},t.prepareVisualTypes=function(t){if(U(t))t=t.slice();else{if(!uL(t))return[];var e=[];lL(t,(function(t,n){e.push(n)})),t=e}return t.sort((function(t,e){return"color"===e&&"color"!==t&&0===t.indexOf("color")?1:-1})),t},t.dependsOn=function(t,e){return"color"===e?!(!t||0!==t.indexOf(e)):t===e},t.findPieceIndex=function(t,e,n){for(var i,r=1/0,o=0,a=e.length;o<a;o++){var s=e[o].value;if(null!=s){if(s===t||X(s)&&s===t+"")return o;n&&h(s,o)}}for(o=0,a=e.length;o<a;o++){var l=e[o],u=l.interval,c=l.close;if(u){if(u[0]===-1/0){if(wL(c[1],t,u[1]))return o}else if(u[1]===1/0){if(wL(c[0],u[0],t))return o}else if(wL(c[0],u[0],t)&&wL(c[1],t,u[1]))return o;n&&h(u[0],o),n&&h(u[1],o)}}if(n)return t===1/0?e.length-1:t===-1/0?0:i;function h(e,n){var o=Math.abs(e-t);o<r&&(r=o,i=n)}},t.visualHandlers={color:{applyVisual:gL("color"),getColorMapper:function(){var t=this.option;return W("category"===t.mappingMethod?function(t,e){return!e&&(t=this._normalizeData(t)),yL.call(this,t)}:function(e,n,i){var r=!!i;return!n&&(e=this._normalizeData(e)),i=li(e,t.parsedVisual,i),r?i:fi(i,"rgba")},this)},_normalizedToVisual:{linear:function(t){return fi(li(t,this.option.parsedVisual),"rgba")},category:yL,piecewise:function(t,e){var n=xL.call(this,e);return null==n&&(n=fi(li(t,this.option.parsedVisual),"rgba")),n},fixed:vL}},colorHue:pL((function(t,e){return di(t,e)})),colorSaturation:pL((function(t,e){return di(t,null,e)})),colorLightness:pL((function(t,e){return di(t,null,null,e)})),colorAlpha:pL((function(t,e){return pi(t,e)})),decal:{applyVisual:gL("decal"),_normalizedToVisual:{linear:null,category:yL,piecewise:null,fixed:null}},opacity:{applyVisual:gL("opacity"),_normalizedToVisual:mL([0,1])},liftZ:{applyVisual:gL("liftZ"),_normalizedToVisual:{linear:vL,category:vL,piecewise:vL,fixed:vL}},symbol:{applyVisual:function(t,e,n){n("symbol",this.mapValueToVisual(t))},_normalizedToVisual:{linear:fL,category:yL,piecewise:function(t,e){var n=xL.call(this,e);return null==n&&(n=fL.call(this,t)),n},fixed:vL}},symbolSize:{applyVisual:gL("symbolSize"),_normalizedToVisual:mL([0,1])}},t}();function dL(t,e){var n=t.visual,i=[];q(n)?lL(n,(function(t){i.push(t)})):null!=n&&i.push(n);e||1!==i.length||{color:1,symbol:1}.hasOwnProperty(t.type)||(i[1]=i[0]),_L(t,i)}function pL(t){return{applyVisual:function(e,n,i){var r=this.mapValueToVisual(e);i("color",t(n("color"),r))},_normalizedToVisual:mL([0,1])}}function fL(t){var e=this.option.visual;return e[Math.round(go(t,[0,1],[0,e.length-1],!0))]||{}}function gL(t){return function(e,n,i){i(t,this.mapValueToVisual(e))}}function yL(t){var e=this.option.visual;return e[this.option.loop&&t!==cL?t%e.length:t]}function vL(){return this.option.visual[0]}function mL(t){return{linear:function(e){return go(e,t,this.option.visual,!0)},category:yL,piecewise:function(e,n){var i=xL.call(this,n);return null==i&&(i=go(e,t,this.option.visual,!0)),i},fixed:vL}}function xL(t){var e=this.option,n=e.pieceList;if(e.hasSpecialVisual){var i=n[hL.findPieceIndex(t,n)];if(i&&i.visual)return i.visual[this.type]}}function _L(t,e){return t.visual=e,"color"===t.type&&(t.parsedVisual=E(e,(function(t){var e=oi(t);return e||[0,0,0,1]}))),e}var bL={linear:function(t){return go(t,this.option.dataExtent,[0,1],!0)},piecewise:function(t){var e=this.option.pieceList,n=hL.findPieceIndex(t,e,!0);if(null!=n)return go(n,[0,e.length-1],[0,1],!0)},category:function(t){var e=this.option.categories?this.option.categoryMap[t]:t;return null==e?cL:e},fixed:bt};function wL(t,e,n){return t?e<=n:e<n}var SL=sa(),ML={seriesType:"treemap",reset:function(t){var e=t.getData().tree.root;e.isRemoved()||IL(e,{},t.getViewRoot().getAncestors(),t)}};function IL(t,e,n,i){var r=t.getModel(),o=t.getLayout(),a=t.hostTree.data;if(o&&!o.invisible&&o.isInView){var s,l=r.getModel("itemStyle"),u=function(t,e,n){var i=A({},e),r=n.designatedVisualItemStyle;return z(["color","colorAlpha","colorSaturation"],(function(n){r[n]=e[n];var o=t.get(n);r[n]=null,null!=o&&(i[n]=o)})),i}(l,e,i),c=a.ensureUniqueItemVisual(t.dataIndex,"style"),h=l.get("borderColor"),d=l.get("borderColorSaturation");null!=d&&(h=function(t,e){return null!=e?di(e,null,null,t):null}(d,s=TL(u))),c.stroke=h;var p=t.viewChildren;if(p&&p.length){var f=function(t,e,n,i,r,o){if(!o||!o.length)return;var a=DL(e,"color")||null!=r.color&&"none"!==r.color&&(DL(e,"colorAlpha")||DL(e,"colorSaturation"));if(!a)return;var s=e.get("visualMin"),l=e.get("visualMax"),u=n.dataExtent.slice();null!=s&&s<u[0]&&(u[0]=s),null!=l&&l>u[1]&&(u[1]=l);var c=e.get("colorMappingBy"),h={type:a.name,dataExtent:u,visual:a.range};"color"!==h.type||"index"!==c&&"id"!==c?h.mappingMethod="linear":(h.mappingMethod="category",h.loop=!0);var d=new hL(h);return SL(d).drColorMappingBy=c,d}(0,r,o,0,u,p);z(p,(function(t,e){if(t.depth>=n.length||t===n[t.depth]){var o=function(t,e,n,i,r,o){var a=A({},e);if(r){var s=r.type,l="color"===s&&SL(r).drColorMappingBy,u="index"===l?i:"id"===l?o.mapIdToIndex(n.getId()):n.getValue(t.get("visualDimension"));a[s]=r.mapValueToVisual(u)}return a}(r,u,t,e,f,i);IL(t,o,n,i)}}))}else s=TL(u),c.fill=s}}function TL(t){var e=CL(t,"color");if(e){var n=CL(t,"colorAlpha"),i=CL(t,"colorSaturation");return i&&(e=di(e,null,null,i)),n&&(e=pi(e,n)),e}}function CL(t,e){var n=t[e];if(null!=n&&"none"!==n)return n}function DL(t,e){var n=t.get(e);return U(n)&&n.length?{name:e,range:n}:null}var AL=Math.max,kL=Math.min,LL=it,PL=z,OL=["itemStyle","borderWidth"],RL=["itemStyle","gapWidth"],NL=["upperLabel","show"],zL=["upperLabel","height"],EL={seriesType:"treemap",reset:function(t,e,n,i){var r=t.option,o=Xp(t,n).refContainer,a=Hp(t.getBoxLayoutParams(),o),s=r.size||[],l=yo(LL(a.width,s[0]),o.width),u=yo(LL(a.height,s[1]),o.height),c=i&&i.type,h=Bk(i,["treemapZoomToNode","treemapRootToNode"],t),d="treemapRender"===c||"treemapMove"===c?i.rootRect:null,p=t.getViewRoot(),f=Vk(p);if("treemapMove"!==c){var g="treemapZoomToNode"===c?function(t,e,n,i,r){var o,a=(e||{}).node,s=[i,r];if(!a||a===n)return s;var l=i*r,u=l*t.option.zoomToNodeRatio;for(;o=a.parentNode;){for(var c=0,h=o.children,d=0,p=h.length;d<p;d++)c+=h[d].getValue();var f=a.getValue();if(0===f)return s;u*=c/f;var g=o.getModel(),y=g.get(OL);(u+=4*y*y+(3*y+Math.max(y,WL(g)))*Math.pow(u,.5))>Io&&(u=Io),a=o}u<l&&(u=l);var v=Math.pow(u/l,.5);return[i*v,r*v]}(t,h,p,l,u):d?[d.width,d.height]:[l,u],y=r.sort;y&&"asc"!==y&&"desc"!==y&&(y="desc");var v={squareRatio:r.squareRatio,sort:y,leafDepth:r.leafDepth};p.hostTree.clearLayouts();var m={x:0,y:0,width:g[0],height:g[1],area:g[0]*g[1]};p.setLayout(m),BL(p,v,!1,0),m=p.getLayout(),PL(f,(function(t,e){var n=(f[e+1]||p).getValue();t.setLayout(A({dataExtent:[n,n],borderWidth:0,upperHeight:0},m))}))}var x=t.getData().tree.root;x.setLayout(function(t,e,n){if(e)return{x:e.x,y:e.y};var i={x:0,y:0};if(!n)return i;var r=n.node,o=r.getLayout();if(!o)return i;var a=[o.width/2,o.height/2],s=r;for(;s;){var l=s.getLayout();a[0]+=l.x,a[1]+=l.y,s=s.parentNode}return{x:t.width/2-a[0],y:t.height/2-a[1]}}(a,d,h),!0),t.setLayoutInfo(a),FL(x,new He(-a.x,-a.y,n.getWidth(),n.getHeight()),f,p,0)}};function BL(t,e,n,i){var r,o;if(!t.isRemoved()){var a=t.getLayout();r=a.width,o=a.height;var s=t.getModel(),l=s.get(OL),u=s.get(RL)/2,c=WL(s),h=Math.max(l,c),d=l-u,p=h-u;t.setLayout({borderWidth:l,upperHeight:h,upperLabelHeight:c},!0);var f=(r=AL(r-2*d,0))*(o=AL(o-d-p,0)),g=function(t,e,n,i,r,o){var a=t.children||[],s=i.sort;"asc"!==s&&"desc"!==s&&(s=null);var l=null!=i.leafDepth&&i.leafDepth<=o;if(r&&!l)return t.viewChildren=[];a=V(a,(function(t){return!t.isRemoved()})),function(t,e){e&&t.sort((function(t,n){var i="asc"===e?t.getValue()-n.getValue():n.getValue()-t.getValue();return 0===i?"asc"===e?t.dataIndex-n.dataIndex:n.dataIndex-t.dataIndex:i}))}(a,s);var u=function(t,e,n){for(var i=0,r=0,o=e.length;r<o;r++)i+=e[r].getValue();var a,s=t.get("visualDimension");e&&e.length?"value"===s&&n?(a=[e[e.length-1].getValue(),e[0].getValue()],"asc"===n&&a.reverse()):(a=[1/0,-1/0],PL(e,(function(t){var e=t.getValue(s);e<a[0]&&(a[0]=e),e>a[1]&&(a[1]=e)}))):a=[NaN,NaN];return{sum:i,dataExtent:a}}(e,a,s);if(0===u.sum)return t.viewChildren=[];if(u.sum=function(t,e,n,i,r){if(!i)return n;for(var o=t.get("visibleMin"),a=r.length,s=a,l=a-1;l>=0;l--){var u=r["asc"===i?a-l-1:l].getValue();u/n*e<o&&(s=l,n-=u)}return"asc"===i?r.splice(0,a-s):r.splice(s,a-s),n}(e,n,u.sum,s,a),0===u.sum)return t.viewChildren=[];for(var c=0,h=a.length;c<h;c++){var d=a[c].getValue()/u.sum*n;a[c].setLayout({area:d})}l&&(a.length&&t.setLayout({isLeafRoot:!0},!0),a.length=0);return t.viewChildren=a,t.setLayout({dataExtent:u.dataExtent},!0),a}(t,s,f,e,n,i);if(g.length){var y={x:d,y:p,width:r,height:o},v=kL(r,o),m=1/0,x=[];x.area=0;for(var _=0,b=g.length;_<b;){var w=g[_];x.push(w),x.area+=w.getLayout().area;var S=VL(x,v,e.squareRatio);S<=m?(_++,m=S):(x.area-=x.pop().getLayout().area,GL(x,v,y,u,!1),v=kL(y.width,y.height),x.length=x.area=0,m=1/0)}if(x.length&&GL(x,v,y,u,!0),!n){var M=s.get("childrenVisibleMin");null!=M&&f<M&&(n=!0)}for(_=0,b=g.length;_<b;_++)BL(g[_],e,n,i+1)}}}function VL(t,e,n){for(var i=0,r=1/0,o=0,a=void 0,s=t.length;o<s;o++)(a=t[o].getLayout().area)&&(a<r&&(r=a),a>i&&(i=a));var l=t.area*t.area,u=e*e*n;return l?AL(u*i/l,l/(u*r)):1/0}function GL(t,e,n,i,r){var o=e===n.width?0:1,a=1-o,s=["x","y"],l=["width","height"],u=n[s[o]],c=e?t.area/e:0;(r||c>n[l[a]])&&(c=n[l[a]]);for(var h=0,d=t.length;h<d;h++){var p=t[h],f={},g=c?p.getLayout().area/c:0,y=f[l[a]]=AL(c-2*i,0),v=n[s[o]]+n[l[o]]-u,m=h===d-1||v<g?v:g,x=f[l[o]]=AL(m-2*i,0);f[s[a]]=n[s[a]]+kL(i,y/2),f[s[o]]=u+kL(i,x/2),u+=m,p.setLayout(f,!0)}n[s[a]]+=c,n[l[a]]-=c}function FL(t,e,n,i,r){var o=t.getLayout(),a=n[r],s=a&&a===t;if(!(a&&!s||r===n.length&&t!==i)){t.setLayout({isInView:!0,invisible:!s&&!e.intersect(o),isAboveViewRoot:s},!0);var l=new He(e.x-o.x,e.y-o.y,e.width,e.height);PL(t.viewChildren||[],(function(t){FL(t,l,n,i,r+1)}))}}function WL(t){return t.get(NL)?t.get(zL):0}function HL(t){var e=t.findComponents({mainType:"legend"});e&&e.length&&t.eachSeriesByType("graph",(function(t){var n=t.getCategoriesData(),i=t.getGraph().data,r=n.mapArray(n.getName);i.filterSelf((function(t){var n=i.getItemModel(t).getShallow("category");if(null!=n){j(n)&&(n=r[n]);for(var o=0;o<e.length;o++)if(!e[o].isSelected(n))return!1}return!0}))}))}function UL(t){var e={};t.eachSeriesByType("graph",(function(t){var n=t.getCategoriesData(),i=t.getData(),r={};n.each((function(i){var o=n.getName(i);r["ec-"+o]=i;var a=n.getItemModel(i),s=a.getModel("itemStyle").getItemStyle();s.fill||(s.fill=t.getColorFromPalette(o,e)),n.setItemVisual(i,"style",s);for(var l=["symbol","symbolSize","symbolKeepAspect"],u=0;u<l.length;u++){var c=a.getShallow(l[u],!0);null!=c&&n.setItemVisual(i,l[u],c)}})),n.count()&&i.each((function(t){var e=i.getItemModel(t).getShallow("category");if(null!=e){X(e)&&(e=r["ec-"+e]);var o=n.getItemVisual(e,"style");A(i.ensureUniqueItemVisual(t,"style"),o);for(var a=["symbol","symbolSize","symbolKeepAspect"],s=0;s<a.length;s++)i.setItemVisual(t,a[s],n.getItemVisual(e,a[s]))}}))}))}function YL(t){return t instanceof Array||(t=[t,t]),t}function XL(t){t.eachSeriesByType("graph",(function(t){var e=t.getGraph(),n=t.getEdgeData(),i=YL(t.get("edgeSymbol")),r=YL(t.get("edgeSymbolSize"));n.setVisual("fromSymbol",i&&i[0]),n.setVisual("toSymbol",i&&i[1]),n.setVisual("fromSymbolSize",r&&r[0]),n.setVisual("toSymbolSize",r&&r[1]),n.setVisual("style",t.getModel("lineStyle").getLineStyle()),n.each((function(t){var i=n.getItemModel(t),r=e.getEdgeByIndex(t),o=YL(i.getShallow("symbol",!0)),a=YL(i.getShallow("symbolSize",!0)),s=i.getModel("lineStyle").getLineStyle(),l=n.ensureUniqueItemVisual(t,"style");switch(A(l,s),l.stroke){case"source":var u=r.node1.getVisual("style");l.stroke=u&&u.fill;break;case"target":u=r.node2.getVisual("style");l.stroke=u&&u.fill}o[0]&&r.setVisual("fromSymbol",o[0]),o[1]&&r.setVisual("toSymbol",o[1]),a[0]&&r.setVisual("fromSymbolSize",a[0]),a[1]&&r.setVisual("toSymbolSize",a[1])}))}))}var ZL="--\x3e",jL=function(t){return t.get("autoCurveness")||null},qL=function(t,e){var n=jL(t),i=20,r=[];if(j(n))i=n;else if(U(n))return void(t.__curvenessList=n);e>i&&(i=e);var o=i%2?i+2:i+3;r=[];for(var a=0;a<o;a++)r.push((a%2?a+1:a)/10*(a%2?-1:1));t.__curvenessList=r},KL=function(t,e,n){var i=[t.id,t.dataIndex].join("."),r=[e.id,e.dataIndex].join(".");return[n.uid,i,r].join(ZL)},$L=function(t){var e=t.split(ZL);return[e[0],e[2],e[1]].join(ZL)},JL=function(t,e){var n=e.__edgeMap;return n[t]?n[t].length:0};function QL(t,e,n,i){var r=jL(e),o=U(r);if(!r)return null;var a=function(t,e){var n=KL(t.node1,t.node2,e);return e.__edgeMap[n]}(t,e);if(!a)return null;for(var s=-1,l=0;l<a.length;l++)if(a[l]===n){s=l;break}var u=function(t,e){return JL(KL(t.node1,t.node2,e),e)+JL(KL(t.node2,t.node1,e),e)}(t,e);qL(e,u),t.lineStyle=t.lineStyle||{};var c=KL(t.node1,t.node2,e),h=e.__curvenessList,d=o||u%2?0:1;if(a.isForward)return h[d+s];var p=$L(c),f=JL(p,e),g=h[s+f+d];return i?o?r&&0===r[0]?(f+d)%2?g:-g:((f%2?0:1)+d)%2?g:-g:(f+d)%2?g:-g:h[s+f+d]}function tP(t){var e=t.coordinateSystem;if(!e||"view"===e.type){var n=t.getGraph();n.eachNode((function(t){var e=t.getModel();t.setLayout([+e.get("x"),+e.get("y")])})),eP(n,t)}}function eP(t,e){t.eachEdge((function(t,n){var i=ot(t.getModel().get(["lineStyle","curveness"]),-QL(t,e,n,!0),0),r=Ct(t.node1.getLayout()),o=Ct(t.node2.getLayout()),a=[r,o];+i&&a.push([(r[0]+o[0])/2-(r[1]-o[1])*i,(r[1]+o[1])/2-(o[0]-r[0])*i]),t.setLayout(a)}))}function nP(t,e){t.eachSeriesByType("graph",(function(t){var e=t.get("layout"),n=t.coordinateSystem;if(n&&"view"!==n.type){var i=t.getData(),r=[];z(n.dimensions,(function(t){r=r.concat(i.mapDimensionsAll(t))}));for(var o=0;o<i.count();o++){for(var a=[],s=!1,l=0;l<r.length;l++){var u=i.get(r[l],o);isNaN(u)||(s=!0),a.push(u)}s?i.setItemLayout(o,n.dataToPoint(a)):i.setItemLayout(o,[NaN,NaN])}eP(i.graph,t)}else e&&"none"!==e||tP(t)}))}function iP(t){var e=t.coordinateSystem;if("view"!==e.type)return 1;var n=t.option.nodeScaleRatio,i=e.scaleX;return((e.getZoom()-1)*n+1)/i}function rP(t){var e=t.getVisual("symbolSize");return e instanceof Array&&(e=(e[0]+e[1])/2),+e}var oP=Math.PI,aP=[];function sP(t,e,n,i){var r=t.coordinateSystem;if(!r||"view"===r.type){var o=r.getBoundingRect(),a=t.getData(),s=a.graph,l=o.width/2+o.x,u=o.height/2+o.y,c=Math.min(o.width,o.height)/2,h=a.count();if(a.setLayout({cx:l,cy:u}),h){if(n){var d=r.pointToData(i),p=d[0],f=d[1],g=[p-l,f-u];Et(g,g),zt(g,g,c),n.setLayout([l+g[0],u+g[1]],!0),uP(n,t.get(["circular","rotateLabel"]),l,u)}lP[e](t,s,a,c,l,u,h),s.eachEdge((function(e,n){var i,r=ot(e.getModel().get(["lineStyle","curveness"]),QL(e,t,n),0),o=Ct(e.node1.getLayout()),a=Ct(e.node2.getLayout()),s=(o[0]+a[0])/2,c=(o[1]+a[1])/2;+r&&(i=[l*(r*=3)+s*(1-r),u*r+c*(1-r)]),e.setLayout([o,a,i])}))}}}var lP={value:function(t,e,n,i,r,o,a){var s=0,l=n.getSum("value"),u=2*Math.PI/(l||a);e.eachNode((function(t){var e=t.getValue("value"),n=u*(l?e:1)/2;s+=n,t.setLayout([i*Math.cos(s)+r,i*Math.sin(s)+o]),s+=n}))},symbolSize:function(t,e,n,i,r,o,a){var s=0;aP.length=a;var l=iP(t);e.eachNode((function(t){var e=rP(t);isNaN(e)&&(e=2),e<0&&(e=0),e*=l;var n=Math.asin(e/2/i);isNaN(n)&&(n=oP/2),aP[t.dataIndex]=n,s+=2*n}));var u=(2*oP-s)/a/2,c=0;e.eachNode((function(t){var e=u+aP[t.dataIndex];c+=e,(!t.getLayout()||!t.getLayout().fixed)&&t.setLayout([i*Math.cos(c)+r,i*Math.sin(c)+o]),c+=e}))}};function uP(t,e,n,i){var r=t.getGraphicEl();if(r){var o=t.getModel().get(["label","rotate"])||0,a=r.getSymbolPath();if(e){var s=t.getLayout(),l=Math.atan2(s[1]-i,s[0]-n);l<0&&(l=2*Math.PI+l);var u=s[0]<n;u&&(l-=Math.PI);var c=u?"left":"right";a.setTextConfig({rotation:-l,position:c,origin:"center"});var h=a.ensureState("emphasis");A(h.textConfig||(h.textConfig={}),{position:c})}else a.setTextConfig({rotation:o*=Math.PI/180})}}function cP(t){t.eachSeriesByType("graph",(function(t){"circular"===t.get("layout")&&sP(t,"symbolSize")}))}var hP=kt;function dP(t){t.eachSeriesByType("graph",(function(t){var e=t.coordinateSystem;if(!e||"view"===e.type)if("force"===t.get("layout")){var n=t.preservedPoints||{},i=t.getGraph(),r=i.data,o=i.edgeData,a=t.getModel("force"),s=a.get("initLayout");t.preservedPoints?r.each((function(t){var e=r.getId(t);r.setItemLayout(t,n[e]||[NaN,NaN])})):s&&"none"!==s?"circular"===s&&sP(t,"value"):tP(t);var l=r.getDataExtent("value"),u=o.getDataExtent("value"),c=a.get("repulsion"),h=a.get("edgeLength"),d=U(c)?c:[c,c],p=U(h)?h:[h,h];p=[p[1],p[0]];var f=r.mapArray("value",(function(t,e){var n=r.getItemLayout(e),i=go(t,l,d);return isNaN(i)&&(i=(d[0]+d[1])/2),{w:i,rep:i,fixed:r.getItemModel(e).get("fixed"),p:!n||isNaN(n[0])||isNaN(n[1])?null:n}})),g=o.mapArray("value",(function(e,n){var r=i.getEdgeByIndex(n),o=go(e,u,p);isNaN(o)&&(o=(p[0]+p[1])/2);var a=r.getModel(),s=ot(r.getModel().get(["lineStyle","curveness"]),-QL(r,t,n,!0),0);return{n1:f[r.node1.dataIndex],n2:f[r.node2.dataIndex],d:o,curveness:s,ignoreForceLayout:a.get("ignoreForceLayout")}})),y=e.getBoundingRect(),v=function(t,e,n){for(var i=t,r=e,o=n.rect,a=o.width,s=o.height,l=[o.x+a/2,o.y+s/2],u=null==n.gravity?.1:n.gravity,c=0;c<i.length;c++){var h=i[c];h.p||(h.p=It(a*(Math.random()-.5)+l[0],s*(Math.random()-.5)+l[1])),h.pp=Ct(h.p),h.edges=null}var d,p,f=null==n.friction?.6:n.friction,g=f;return{warmUp:function(){g=.8*f},setFixed:function(t){i[t].fixed=!0},setUnfixed:function(t){i[t].fixed=!1},beforeStep:function(t){d=t},afterStep:function(t){p=t},step:function(t){d&&d(i,r);for(var e=[],n=i.length,o=0;o<r.length;o++){var a=r[o];if(!a.ignoreForceLayout){var s=a.n1;Lt(e,(y=a.n2).p,s.p);var c=Pt(e)-a.d,h=y.w/(s.w+y.w);isNaN(h)&&(h=0),Et(e,e),!s.fixed&&hP(s.p,s.p,e,h*c*g),!y.fixed&&hP(y.p,y.p,e,-(1-h)*c*g)}}for(o=0;o<n;o++)(x=i[o]).fixed||(Lt(e,l,x.p),hP(x.p,x.p,e,u*g));for(o=0;o<n;o++){s=i[o];for(var f=o+1;f<n;f++){var y;Lt(e,(y=i[f]).p,s.p),0===(c=Pt(e))&&(Dt(e,Math.random()-.5,Math.random()-.5),c=1);var v=(s.rep+y.rep)/c/c;!s.fixed&&hP(s.pp,s.pp,e,v),!y.fixed&&hP(y.pp,y.pp,e,-v)}}var m=[];for(o=0;o<n;o++){var x;(x=i[o]).fixed||(Lt(m,x.p,x.pp),hP(x.p,x.p,m,g),Tt(x.pp,x.p))}var _=(g*=.992)<.01;p&&p(i,r,_),t&&t(_)}}}(f,g,{rect:y,gravity:a.get("gravity"),friction:a.get("friction")});v.beforeStep((function(t,e){for(var n=0,r=t.length;n<r;n++)t[n].fixed&&Tt(t[n].p,i.getNodeByIndex(n).getLayout())})),v.afterStep((function(t,e,o){for(var a=0,s=t.length;a<s;a++)t[a].fixed||i.getNodeByIndex(a).setLayout(t[a].p),n[r.getId(a)]=t[a].p;for(a=0,s=e.length;a<s;a++){var l=e[a],u=i.getEdgeByIndex(a),c=l.n1.p,h=l.n2.p,d=u.getLayout();(d=d?d.slice():[])[0]=d[0]||[],d[1]=d[1]||[],Tt(d[0],c),Tt(d[1],h),+l.curveness&&(d[2]=[(c[0]+h[0])/2-(c[1]-h[1])*l.curveness,(c[1]+h[1])/2-(h[0]-c[0])*l.curveness]),u.setLayout(d)}})),t.forceLayout=v,t.preservedPoints=n,v.step()}else t.forceLayout=null}))}function pP(t,e){var n=[];return t.eachSeriesByType("graph",(function(i){Rp({targetModel:i,coordSysType:"view",coordSysProvider:function(){var r=i.getData(),o=r.mapArray((function(t){var e=r.getItemModel(t);return[+e.get("x"),+e.get("y")]})),a=[],s=[];ys(o,a,s),s[0]-a[0]==0&&(s[0]+=1,a[0]-=1);s[1]-a[1]==0&&(s[1]+=1,a[1]-=1);var l=(s[0]-a[0])/(s[1]-a[1]),u=function(t,e,n){var i=Xp(t,e),r=A(t.getBoxLayoutParams(),{aspect:n});return Up(t,Hp(r,i.refContainer),n)}(i,e,l);isNaN(l)&&(a=[u.x,u.y],s=[u.x+u.width,u.y+u.height]);var c=s[0]-a[0],h=s[1]-a[1],d=new KA(null,{api:e,ecModel:t});return d.zoomLimit=i.get("scaleLimit"),d.setBoundingRect(a[0],a[1],c,h),d.setViewRect(u.x,u.y,u.width,u.height),d.setCenter(i.get("center")),d.setZoom(i.get("zoom")),n.push(d),d},isDefaultDataCoordSys:!0})})),n}var fP=Ac.prototype,gP=Oc.prototype,yP=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.percent=1};!function(t){function e(){return null!==t&&t.apply(this,arguments)||this}n(e,t)}(yP);function vP(t){return isNaN(+t.cpx1)||isNaN(+t.cpy1)}var mP=function(t){function e(e){var n=t.call(this,e)||this;return n.type="ec-line",n}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:tf.color.neutral99,fill:null}},e.prototype.getDefaultShape=function(){return new yP},e.prototype.buildPath=function(t,e){vP(e)?fP.buildPath.call(this,t,e):gP.buildPath.call(this,t,e)},e.prototype.pointAt=function(t){return vP(this.shape)?fP.pointAt.call(this,t):gP.pointAt.call(this,t)},e.prototype.tangentAt=function(t){var e=this.shape,n=vP(e)?[e.x2-e.x1,e.y2-e.y1]:gP.tangentAt.call(this,t);return Et(n,n)},e}(sl),xP=["fromSymbol","toSymbol"];function _P(t){return"_"+t+"Type"}function bP(t,e,n){var i=e.getItemVisual(n,t);if(!i||"none"===i)return i;var r=e.getItemVisual(n,t+"Size"),o=e.getItemVisual(n,t+"Rotate"),a=e.getItemVisual(n,t+"Offset"),s=e.getItemVisual(n,t+"KeepAspect"),l=dm(r);return i+l+pm(a||0,l)+(o||"")+(s||"")}function wP(t,e,n){var i=e.getItemVisual(n,t);if(i&&"none"!==i){var r=e.getItemVisual(n,t+"Size"),o=e.getItemVisual(n,t+"Rotate"),a=e.getItemVisual(n,t+"Offset"),s=e.getItemVisual(n,t+"KeepAspect"),l=dm(r),u=pm(a||0,l),c=hm(i,-l[0]/2+u[0],-l[1]/2+u[1],l[0],l[1],null,s);return c.__specifiedRotation=null==o||isNaN(o)?void 0:+o*Math.PI/180||0,c.name=t,c}}function SP(t,e){t.x1=e[0][0],t.y1=e[0][1],t.x2=e[1][0],t.y2=e[1][1],t.percent=1;var n=e[2];n?(t.cpx1=n[0],t.cpy1=n[1]):(t.cpx1=NaN,t.cpy1=NaN)}var MP=function(t){function e(e,n,i){var r=t.call(this)||this;return r._createLine(e,n,i),r}return n(e,t),e.prototype._createLine=function(t,e,n){var i=t.hostModel,r=t.getItemLayout(e),o=t.getItemVisual(e,"z2"),a=function(t){var e=new mP({name:"line",subPixelOptimize:!0});return SP(e.shape,t),e}(r);a.shape.percent=0,eh(a,{z2:rt(o,0),shape:{percent:1}},i,e),this.add(a),z(xP,(function(n){var i=wP(n,t,e);this.add(i),this[_P(n)]=bP(n,t,e)}),this),this._updateCommonStl(t,e,n)},e.prototype.updateData=function(t,e,n){var i=t.hostModel,r=this.childOfName("line"),o=t.getItemLayout(e),a={shape:{}};SP(a.shape,o),th(r,a,i,e),z(xP,(function(n){var i=bP(n,t,e),r=_P(n);if(this[r]!==i){this.remove(this.childOfName(n));var o=wP(n,t,e);this.add(o)}this[r]=i}),this),this._updateCommonStl(t,e,n)},e.prototype.getLinePath=function(){return this.childAt(0)},e.prototype._updateCommonStl=function(t,e,n){var i=t.hostModel,r=this.childOfName("line"),o=n&&n.emphasisLineStyle,a=n&&n.blurLineStyle,s=n&&n.selectLineStyle,l=n&&n.labelStatesModels,u=n&&n.emphasisDisabled,c=n&&n.focus,h=n&&n.blurScope;if(!n||t.hasItemOption){var d=t.getItemModel(e),p=d.getModel("emphasis");o=p.getModel("lineStyle").getLineStyle(),a=d.getModel(["blur","lineStyle"]).getLineStyle(),s=d.getModel(["select","lineStyle"]).getLineStyle(),u=p.get("disabled"),c=p.get("focus"),h=p.get("blurScope"),l=Jh(d)}var f=t.getItemVisual(e,"style"),g=f.stroke;r.useStyle(f),r.style.fill=null,r.style.strokeNoScale=!0,r.ensureState("emphasis").style=o,r.ensureState("blur").style=a,r.ensureState("select").style=s,z(xP,(function(t){var e=this.childOfName(t);if(e){e.setColor(g),e.style.opacity=f.opacity;for(var n=0;n<Wl.length;n++){var i=Wl[n],o=r.getState(i);if(o){var a=o.style||{},s=e.ensureState(i),l=s.style||(s.style={});null!=a.stroke&&(l[e.__isEmptyBrush?"stroke":"fill"]=a.stroke),null!=a.opacity&&(l.opacity=a.opacity)}}e.markRedraw()}}),this);var y=i.getRawValue(e);$h(this,l,{labelDataIndex:e,labelFetcher:{getFormattedLabel:function(e,n){return i.getFormattedLabel(e,n,t.dataType)}},inheritColor:g||tf.color.neutral99,defaultOpacity:f.opacity,defaultText:(null==y?t.getName(e):isFinite(y)?mo(y):y)+""});var v=this.getTextContent();if(v){var m=l.normal;v.__align=v.style.align,v.__verticalAlign=v.style.verticalAlign,v.__position=m.get("position")||"middle";var x=m.get("distance");U(x)||(x=[x,x]),v.__labelDistance=x}this.setTextConfig({position:null,local:!0,inside:!1}),Tu(this,c,h,u)},e.prototype.highlight=function(){du(this)},e.prototype.downplay=function(){pu(this)},e.prototype.updateLayout=function(t,e){this.setLinePoints(t.getItemLayout(e))},e.prototype.setLinePoints=function(t){var e=this.childOfName("line");SP(e.shape,t),e.dirty()},e.prototype.beforeUpdate=function(){var t=this,e=t.childOfName("fromSymbol"),n=t.childOfName("toSymbol"),i=t.getTextContent();if(e||n||i&&!i.ignore){for(var r=1,o=this.parent;o;)o.scaleX&&(r/=o.scaleX),o=o.parent;var a=t.childOfName("line");if(this.__dirty||a.__dirty){var s=a.shape.percent,l=a.pointAt(0),u=a.pointAt(s),c=Lt([],u,l);if(Et(c,c),e&&(e.setPosition(l),S(e,0),e.scaleX=e.scaleY=r*s,e.markRedraw()),n&&(n.setPosition(u),S(n,1),n.scaleX=n.scaleY=r*s,n.markRedraw()),i&&!i.ignore){i.x=i.y=0,i.originX=i.originY=0;var h=void 0,d=void 0,p=i.__labelDistance,f=p[0]*r,g=p[1]*r,y=s/2,v=a.tangentAt(y),m=[v[1],-v[0]],x=a.pointAt(y);m[1]>0&&(m[0]=-m[0],m[1]=-m[1]);var _=v[0]<0?-1:1;if("start"!==i.__position&&"end"!==i.__position){var b=-Math.atan2(v[1],v[0]);u[0]<l[0]&&(b=Math.PI+b),i.rotation=b}var w=void 0;switch(i.__position){case"insideStartTop":case"insideMiddleTop":case"insideEndTop":case"middle":w=-g,d="bottom";break;case"insideStartBottom":case"insideMiddleBottom":case"insideEndBottom":w=g,d="top";break;default:w=0,d="middle"}switch(i.__position){case"end":i.x=c[0]*f+u[0],i.y=c[1]*g+u[1],h=c[0]>.8?"left":c[0]<-.8?"right":"center",d=c[1]>.8?"top":c[1]<-.8?"bottom":"middle";break;case"start":i.x=-c[0]*f+l[0],i.y=-c[1]*g+l[1],h=c[0]>.8?"right":c[0]<-.8?"left":"center",d=c[1]>.8?"bottom":c[1]<-.8?"top":"middle";break;case"insideStartTop":case"insideStart":case"insideStartBottom":i.x=f*_+l[0],i.y=l[1]+w,h=v[0]<0?"right":"left",i.originX=-f*_,i.originY=-w;break;case"insideMiddleTop":case"insideMiddle":case"insideMiddleBottom":case"middle":i.x=x[0],i.y=x[1]+w,h="center",i.originY=-w;break;case"insideEndTop":case"insideEnd":case"insideEndBottom":i.x=-f*_+u[0],i.y=u[1]+w,h=v[0]>=0?"right":"left",i.originX=f*_,i.originY=-w}i.scaleX=i.scaleY=r,i.setStyle({verticalAlign:i.__verticalAlign||d,align:i.__align||h})}}}function S(t,e){var n=t.__specifiedRotation;if(null==n){var i=a.tangentAt(e);t.attr("rotation",(1===e?-1:1)*Math.PI/2-Math.atan2(i[1],i[0]))}else t.attr("rotation",n)}},e}(to),IP=function(){function t(t){this.group=new to,this._LineCtor=t||MP}return t.prototype.updateData=function(t){var e=this;this._progressiveEls=null;var n=this,i=n.group,r=n._lineData;n._lineData=t,r||i.removeAll();var o=TP(t);t.diff(r).add((function(n){e._doAdd(t,n,o)})).update((function(n,i){e._doUpdate(r,t,i,n,o)})).remove((function(t){i.remove(r.getItemGraphicEl(t))})).execute()},t.prototype.updateLayout=function(){var t=this._lineData;t&&t.eachItemGraphicEl((function(e,n){e.updateLayout(t,n)}),this)},t.prototype.incrementalPrepareUpdate=function(t){this._seriesScope=TP(t),this._lineData=null,this.group.removeAll()},t.prototype.incrementalUpdate=function(t,e){function n(t){t.isGroup||function(t){return t.animators&&t.animators.length>0}(t)||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}this._progressiveEls=[];for(var i=t.start;i<t.end;i++){if(DP(e.getItemLayout(i))){var r=new this._LineCtor(e,i,this._seriesScope);r.traverse(n),this.group.add(r),e.setItemGraphicEl(i,r),this._progressiveEls.push(r)}}},t.prototype.remove=function(){this.group.removeAll()},t.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},t.prototype._doAdd=function(t,e,n){if(DP(t.getItemLayout(e))){var i=new this._LineCtor(t,e,n);t.setItemGraphicEl(e,i),this.group.add(i)}},t.prototype._doUpdate=function(t,e,n,i,r){var o=t.getItemGraphicEl(n);DP(e.getItemLayout(i))?(o?o.updateData(e,i,r):o=new this._LineCtor(e,i,r),e.setItemGraphicEl(i,o),this.group.add(o)):this.group.remove(o)},t}();function TP(t){var e=t.hostModel,n=e.getModel("emphasis");return{lineStyle:e.getModel("lineStyle").getLineStyle(),emphasisLineStyle:n.getModel(["lineStyle"]).getLineStyle(),blurLineStyle:e.getModel(["blur","lineStyle"]).getLineStyle(),selectLineStyle:e.getModel(["select","lineStyle"]).getLineStyle(),emphasisDisabled:n.get("disabled"),blurScope:n.get("blurScope"),focus:n.get("focus"),labelStatesModels:Jh(e)}}function CP(t){return isNaN(t[0])||isNaN(t[1])}function DP(t){return t&&!CP(t[0])&&!CP(t[1])}var AP=[],kP=[],LP=[],PP=Nn,OP=Ft,RP=Math.abs;function NP(t,e,n){for(var i,r=t[0],o=t[1],a=t[2],s=1/0,l=n*n,u=.1,c=.1;c<=.9;c+=.1){AP[0]=PP(r[0],o[0],a[0],c),AP[1]=PP(r[1],o[1],a[1],c),(p=RP(OP(AP,e)-l))<s&&(s=p,i=c)}for(var h=0;h<32;h++){var d=i+u;kP[0]=PP(r[0],o[0],a[0],i),kP[1]=PP(r[1],o[1],a[1],i),LP[0]=PP(r[0],o[0],a[0],d),LP[1]=PP(r[1],o[1],a[1],d);var p=OP(kP,e)-l;if(RP(p)<.01)break;var f=OP(LP,e)-l;u/=2,p<0?f>=0?i+=u:i-=u:f>=0?i-=u:i+=u}return i}function zP(t,e){var n=[],i=Bn,r=[[],[],[]],o=[[],[]],a=[];e/=2,t.eachEdge((function(t,s){var l=t.getLayout(),u=t.getVisual("fromSymbol"),c=t.getVisual("toSymbol");l.__original||(l.__original=[Ct(l[0]),Ct(l[1])],l[2]&&l.__original.push(Ct(l[2])));var h=l.__original;if(null!=l[2]){if(Tt(r[0],h[0]),Tt(r[1],h[2]),Tt(r[2],h[1]),u&&"none"!==u){var d=rP(t.node1),p=NP(r,h[0],d*e);i(r[0][0],r[1][0],r[2][0],p,n),r[0][0]=n[3],r[1][0]=n[4],i(r[0][1],r[1][1],r[2][1],p,n),r[0][1]=n[3],r[1][1]=n[4]}if(c&&"none"!==c){d=rP(t.node2),p=NP(r,h[1],d*e);i(r[0][0],r[1][0],r[2][0],p,n),r[1][0]=n[1],r[2][0]=n[2],i(r[0][1],r[1][1],r[2][1],p,n),r[1][1]=n[1],r[2][1]=n[2]}Tt(l[0],r[0]),Tt(l[1],r[2]),Tt(l[2],r[1])}else{if(Tt(o[0],h[0]),Tt(o[1],h[1]),Lt(a,o[1],o[0]),Et(a,a),u&&"none"!==u){d=rP(t.node1);kt(o[0],o[0],a,d*e)}if(c&&"none"!==c){d=rP(t.node2);kt(o[1],o[1],a,-d*e)}Tt(l[0],o[0]),Tt(l[1],o[1])}}))}var EP=sa();function BP(t,e){t&&(EP(t).bridge=e)}function VP(t){return"view"===t.type}var GP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){var n=new uI,i=new IP,r=this.group,o=new to;this._controller=new LD(e.getZr()),this._controllerHost={target:o},o.add(n.group),o.add(i.group),r.add(o),this._symbolDraw=n,this._lineDraw=i,this._mainGroup=o,this._firstRender=!0},e.prototype.render=function(t,e,n){var i=this,r=t.coordinateSystem,o=!1;this._model=t,this._api=n,this._active=!0;var a=this._getThumbnailInfo();a&&a.bridge.reset(n);var s=this._symbolDraw,l=this._lineDraw;if(VP(r)){var u={x:r.x,y:r.y,scaleX:r.scaleX,scaleY:r.scaleY};this._firstRender?this._mainGroup.attr(u):th(this._mainGroup,u,t)}zP(t.getGraph(),iP(t));var c=t.getData();s.updateData(c);var h=t.getEdgeData();l.updateData(h),this._updateNodeAndLinkScale(),this._updateController(null,t,n),clearTimeout(this._layoutTimeout);var d=t.forceLayout,p=t.get(["force","layoutAnimation"]);d&&(o=!0,this._startForceLayoutIteration(d,n,p));var f=t.get("layout");c.graph.eachNode((function(e){var r=e.dataIndex,o=e.getGraphicEl(),a=e.getModel();if(o){o.off("drag").off("dragend");var s=a.get("draggable");s&&o.on("drag",(function(a){switch(f){case"force":d.warmUp(),!i._layouting&&i._startForceLayoutIteration(d,n,p),d.setFixed(r),c.setItemLayout(r,[o.x,o.y]);break;case"circular":c.setItemLayout(r,[o.x,o.y]),e.setLayout({fixed:!0},!0),sP(t,"symbolSize",e,[a.offsetX,a.offsetY]),i.updateLayout(t);break;default:c.setItemLayout(r,[o.x,o.y]),eP(t.getGraph(),t),i.updateLayout(t)}})).on("dragend",(function(){d&&d.setUnfixed(r)})),o.setDraggable(s,!!a.get("cursor")),"adjacency"===a.get(["emphasis","focus"])&&(zl(o).focus=e.getAdjacentDataIndices())}})),c.graph.eachEdge((function(t){var e=t.getGraphicEl(),n=t.getModel().get(["emphasis","focus"]);e&&"adjacency"===n&&(zl(e).focus={edge:[t.dataIndex],node:[t.node1.dataIndex,t.node2.dataIndex]})}));var g="circular"===t.get("layout")&&t.get(["circular","rotateLabel"]),y=c.getLayout("cx"),v=c.getLayout("cy");c.graph.eachNode((function(t){uP(t,g,y,v)})),this._firstRender=!1,o||this._renderThumbnail(t,n,this._symbolDraw,this._lineDraw)},e.prototype.dispose=function(){this.remove(),this._controller&&this._controller.dispose(),this._controllerHost=null},e.prototype._startForceLayoutIteration=function(t,e,n){var i=this,r=!1;!function o(){t.step((function(t){i.updateLayout(i._model),!t&&r||(r=!0,i._renderThumbnail(i._model,e,i._symbolDraw,i._lineDraw)),(i._layouting=!t)&&(n?i._layoutTimeout=setTimeout(o,16):o())}))}()},e.prototype._updateController=function(t,e,n){var i=this._controller,r=this._controllerHost,o=e.coordinateSystem;VP(o)?(i.enable(e.get("roam"),{api:n,zInfo:{component:e},triggerInfo:{roamTrigger:e.get("roamTrigger"),isInSelf:function(t,e,n){return o.containPoint([e,n])},isInClip:function(e,n,i){return!t||t.contain(n,i)}}}),r.zoomLimit=e.get("scaleLimit"),r.zoom=o.getZoom(),i.off("pan").off("zoom").on("pan",(function(t){n.dispatchAction({seriesId:e.id,type:"graphRoam",dx:t.dx,dy:t.dy})})).on("zoom",(function(t){n.dispatchAction({seriesId:e.id,type:"graphRoam",zoom:t.scale,originX:t.originX,originY:t.originY})}))):i.disable()},e.prototype.updateViewOnPan=function(t,e,n){this._active&&(FD(this._controllerHost,n.dx,n.dy),this._updateThumbnailWindow())},e.prototype.updateViewOnZoom=function(t,e,n){this._active&&(WD(this._controllerHost,n.zoom,n.originX,n.originY),this._updateNodeAndLinkScale(),zP(t.getGraph(),iP(t)),this._lineDraw.updateLayout(),e.updateLabelLayout(),this._updateThumbnailWindow())},e.prototype._updateNodeAndLinkScale=function(){var t=this._model,e=t.getData(),n=iP(t);e.eachItemGraphicEl((function(t,e){t&&t.setSymbolScale(n)}))},e.prototype.updateLayout=function(t){this._active&&(zP(t.getGraph(),iP(t)),this._symbolDraw.updateLayout(),this._lineDraw.updateLayout())},e.prototype.remove=function(){this._active=!1,clearTimeout(this._layoutTimeout),this._layouting=!1,this._layoutTimeout=null,this._symbolDraw&&this._symbolDraw.remove(),this._lineDraw&&this._lineDraw.remove(),this._controller&&this._controller.disable()},e.prototype._getThumbnailInfo=function(){var t=this._model,e=t.coordinateSystem;if("view"===e.type){var n=function(t){if(t)return EP(t).bridge}(t);if(n)return{bridge:n,coordSys:e}}},e.prototype._updateThumbnailWindow=function(){var t=this._getThumbnailInfo();t&&t.bridge.updateWindow(t.coordSys.transform,this._api)},e.prototype._renderThumbnail=function(t,e,n,i){var r=this._getThumbnailInfo();if(r){var o=new to,a=n.group.children(),s=i.group.children(),l=new to,u=new to;o.add(u),o.add(l);for(var c=0;c<a.length;c++){var h=(v=a[c]).children()[0],d=v.x,p=v.y,f=A(T(h.shape),{width:h.scaleX,height:h.scaleY,x:d-h.scaleX/2,y:p-h.scaleY/2}),g=T(h.style),y=new h.constructor({shape:f,style:g,z2:151});u.add(y)}for(c=0;c<s.length;c++){var v,m=(v=s[c]).children()[0],x=(g=T(m.style),f=T(m.shape),new mP({style:g,shape:f,z2:151}));l.add(x)}r.bridge.renderContent({api:e,roamType:t.get("roam"),viewportRect:null,group:o,targetTrans:r.coordSys.transform})}},e.type="graph",e}(tv);function FP(t){return"_EC_"+t}var WP=function(){function t(t){this.type="graph",this.nodes=[],this.edges=[],this._nodesMap={},this._edgesMap={},this._directed=t||!1}return t.prototype.isDirected=function(){return this._directed},t.prototype.addNode=function(t,e){t=null==t?""+e:""+t;var n=this._nodesMap;if(!n[FP(t)]){var i=new HP(t,e);return i.hostGraph=this,this.nodes.push(i),n[FP(t)]=i,i}},t.prototype.getNodeByIndex=function(t){var e=this.data.getRawIndex(t);return this.nodes[e]},t.prototype.getNodeById=function(t){return this._nodesMap[FP(t)]},t.prototype.addEdge=function(t,e,n){var i=this._nodesMap,r=this._edgesMap;if(j(t)&&(t=this.nodes[t]),j(e)&&(e=this.nodes[e]),t instanceof HP||(t=i[FP(t)]),e instanceof HP||(e=i[FP(e)]),t&&e){var o=t.id+"-"+e.id,a=new UP(t,e,n);return a.hostGraph=this,this._directed&&(t.outEdges.push(a),e.inEdges.push(a)),t.edges.push(a),t!==e&&e.edges.push(a),this.edges.push(a),r[o]=a,a}},t.prototype.getEdgeByIndex=function(t){var e=this.edgeData.getRawIndex(t);return this.edges[e]},t.prototype.getEdge=function(t,e){t instanceof HP&&(t=t.id),e instanceof HP&&(e=e.id);var n=this._edgesMap;return this._directed?n[t+"-"+e]:n[t+"-"+e]||n[e+"-"+t]},t.prototype.eachNode=function(t,e){for(var n=this.nodes,i=n.length,r=0;r<i;r++)n[r].dataIndex>=0&&t.call(e,n[r],r)},t.prototype.eachEdge=function(t,e){for(var n=this.edges,i=n.length,r=0;r<i;r++)n[r].dataIndex>=0&&n[r].node1.dataIndex>=0&&n[r].node2.dataIndex>=0&&t.call(e,n[r],r)},t.prototype.breadthFirstTraverse=function(t,e,n,i){if(e instanceof HP||(e=this._nodesMap[FP(e)]),e){for(var r="out"===n?"outEdges":"in"===n?"inEdges":"edges",o=0;o<this.nodes.length;o++)this.nodes[o].__visited=!1;if(!t.call(i,e,null))for(var a=[e];a.length;){var s=a.shift(),l=s[r];for(o=0;o<l.length;o++){var u=l[o],c=u.node1===s?u.node2:u.node1;if(!c.__visited){if(t.call(i,c,s))return;a.push(c),c.__visited=!0}}}}},t.prototype.update=function(){for(var t=this.data,e=this.edgeData,n=this.nodes,i=this.edges,r=0,o=n.length;r<o;r++)n[r].dataIndex=-1;for(r=0,o=t.count();r<o;r++)n[t.getRawIndex(r)].dataIndex=r;e.filterSelf((function(t){var n=i[e.getRawIndex(t)];return n.node1.dataIndex>=0&&n.node2.dataIndex>=0}));for(r=0,o=i.length;r<o;r++)i[r].dataIndex=-1;for(r=0,o=e.count();r<o;r++)i[e.getRawIndex(r)].dataIndex=r},t.prototype.clone=function(){for(var e=new t(this._directed),n=this.nodes,i=this.edges,r=0;r<n.length;r++)e.addNode(n[r].id,n[r].dataIndex);for(r=0;r<i.length;r++){var o=i[r];e.addEdge(o.node1.id,o.node2.id,o.dataIndex)}return e},t}(),HP=function(){function t(t,e){this.inEdges=[],this.outEdges=[],this.edges=[],this.dataIndex=-1,this.id=null==t?"":t,this.dataIndex=null==e?-1:e}return t.prototype.degree=function(){return this.edges.length},t.prototype.inDegree=function(){return this.inEdges.length},t.prototype.outDegree=function(){return this.outEdges.length},t.prototype.getModel=function(t){if(!(this.dataIndex<0))return this.hostGraph.data.getItemModel(this.dataIndex).getModel(t)},t.prototype.getAdjacentDataIndices=function(){for(var t={edge:[],node:[]},e=0;e<this.edges.length;e++){var n=this.edges[e];n.dataIndex<0||(t.edge.push(n.dataIndex),t.node.push(n.node1.dataIndex,n.node2.dataIndex))}return t},t.prototype.getTrajectoryDataIndices=function(){for(var t=yt(),e=yt(),n=0,i=this.edges.length;n<i;n++){var r=this.edges[n];if(!(r.dataIndex<0)){t.set(r.dataIndex,!0);for(var o=[r.node1],a=[r.node2],s=0;s<o.length;){var l=o[s];s++,e.set(l.dataIndex,!0);for(var u=l.inEdges,c=0,h=u.length,d=void 0,p=void 0;c<h;c++)(p=(d=u[c]).dataIndex)>=0&&!t.hasKey(p)&&(t.set(p,!0),o.push(d.node1))}for(s=0;s<a.length;){var f=a[s];s++,e.set(f.dataIndex,!0);for(var g=f.outEdges,y=(c=0,g.length),v=void 0,m=void 0;c<y;c++)(m=(v=g[c]).dataIndex)>=0&&!t.hasKey(m)&&(t.set(m,!0),a.push(v.node2))}}}return{edge:t.keys(),node:e.keys()}},t}(),UP=function(){function t(t,e,n){this.dataIndex=-1,this.node1=t,this.node2=e,this.dataIndex=null==n?-1:n}return t.prototype.getModel=function(t){if(!(this.dataIndex<0))return this.hostGraph.edgeData.getItemModel(this.dataIndex).getModel(t)},t.prototype.getAdjacentDataIndices=function(){return{edge:[this.dataIndex],node:[this.node1.dataIndex,this.node2.dataIndex]}},t.prototype.getTrajectoryDataIndices=function(){var t=yt(),e=yt();t.set(this.dataIndex,!0);for(var n=[this.node1],i=[this.node2],r=0;r<n.length;){var o=n[r];r++,e.set(o.dataIndex,!0);for(var a=0,s=o.inEdges.length,l=void 0,u=void 0;a<s;a++)(u=(l=o.inEdges[a]).dataIndex)>=0&&!t.hasKey(u)&&(t.set(u,!0),n.push(l.node1))}for(r=0;r<i.length;){var c=i[r];r++,e.set(c.dataIndex,!0);a=0,s=c.outEdges.length;for(var h=void 0,d=void 0;a<s;a++)(d=(h=c.outEdges[a]).dataIndex)>=0&&!t.hasKey(d)&&(t.set(d,!0),i.push(h.node2))}return{edge:t.keys(),node:e.keys()}},t}();function YP(t,e){return{getValue:function(n){var i=this[t][e];return i.getStore().get(i.getDimensionIndex(n||"value"),this.dataIndex)},setVisual:function(n,i){this.dataIndex>=0&&this[t][e].setItemVisual(this.dataIndex,n,i)},getVisual:function(n){return this[t][e].getItemVisual(this.dataIndex,n)},setLayout:function(n,i){this.dataIndex>=0&&this[t][e].setItemLayout(this.dataIndex,n,i)},getLayout:function(){return this[t][e].getItemLayout(this.dataIndex)},getGraphicEl:function(){return this[t][e].getItemGraphicEl(this.dataIndex)},getRawIndex:function(){return this[t][e].getRawIndex(this.dataIndex)}}}function XP(t,e,n,i,r){for(var o=new WP(i),a=0;a<t.length;a++)o.addNode(it(t[a].id,t[a].name,a),a);var s=[],l=[],u=0;for(a=0;a<e.length;a++){var c=e[a],h=c.source,d=c.target;o.addEdge(h,d,u)&&(l.push(c),s.push(it(ia(c.id,null),h+" > "+d)),u++)}var p,f=n.get("coordinateSystem");if("cartesian2d"===f||"polar"===f||"matrix"===f)p=Z_(t,n);else{var g=Tp.get(f),y=g&&g.dimensions||[];P(y,"value")<0&&y.concat(["value"]);var v=V_(t,{coordDimensions:y,encodeDefine:n.getEncode()}).dimensions;(p=new B_(v,n)).initData(t)}var m=new B_(["value"],n);return m.initData(l,s),r&&r(p,m),Dk({mainData:p,struct:o,structAttr:"graph",datas:{node:p,edge:m},datasAttr:{node:"data",edge:"edgeData"}}),o.update(),o}R(HP,YP("hostGraph","data")),R(UP,YP("hostGraph","edgeData"));var ZP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments);var n=this;function i(){return n._categoriesData}this.legendVisualProvider=new CT(i,i),this.fillDataTextStyle(e.edges||e.links),this._updateCategoriesData()},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),this.fillDataTextStyle(e.edges||e.links),this._updateCategoriesData()},e.prototype.mergeDefaultAndTheme=function(e){t.prototype.mergeDefaultAndTheme.apply(this,arguments),Ko(e,"edgeLabel",["show"])},e.prototype.getInitialData=function(t,e){var n,i=t.edges||t.links||[],r=t.data||t.nodes||[],o=this;if(r&&i){jL(n=this)&&(n.__curvenessList=[],n.__edgeMap={},qL(n));var a=XP(r,i,this,!0,(function(t,e){t.wrapMethod("getItemModel",(function(t){var e=o._categoriesModels[t.getShallow("category")];return e&&(e.parentModel=t.parentModel,t.parentModel=e),t}));var n=wd.prototype.getModel;function i(t,e){var i=n.call(this,t,e);return i.resolveParentPath=r,i}function r(t){if(t&&("label"===t[0]||"label"===t[1])){var e=t.slice();return"label"===t[0]?e[0]="edgeLabel":"label"===t[1]&&(e[1]="edgeLabel"),e}return t}e.wrapMethod("getItemModel",(function(t){return t.resolveParentPath=r,t.getModel=i,t}))}));return z(a.edges,(function(t){!function(t,e,n,i){if(jL(n)){var r=KL(t,e,n),o=n.__edgeMap,a=o[$L(r)];o[r]&&!a?o[r].isForward=!0:a&&o[r]&&(a.isForward=!0,o[r].isForward=!1),o[r]=o[r]||[],o[r].push(i)}}(t.node1,t.node2,this,t.dataIndex)}),this),a.data}},e.prototype.getGraph=function(){return this.getData().graph},e.prototype.getEdgeData=function(){return this.getGraph().edgeData},e.prototype.getCategoriesData=function(){return this._categoriesData},e.prototype.formatTooltip=function(t,e,n){if("edge"===n){var i=this.getData(),r=this.getDataParams(t,n),o=i.graph.getEdgeByIndex(t),a=i.getName(o.node1.dataIndex),s=i.getName(o.node2.dataIndex),l=[];return null!=a&&l.push(a),null!=s&&l.push(s),Ty("nameValue",{name:l.join(" > "),value:r.value,noValue:null==r.value})}return By({series:this,dataIndex:t,multipleSeries:e})},e.prototype._updateCategoriesData=function(){var t=E(this.option.categories||[],(function(t){return null!=t.value?t:A({value:0},t)})),e=new B_(["value"],this);e.initData(t),this._categoriesData=e,this._categoriesModels=e.mapArray((function(t){return e.getItemModel(t)}))},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.isAnimationEnabled=function(){return t.prototype.isAnimationEnabled.call(this)&&!("force"===this.get("layout")&&this.get(["force","layoutAnimation"]))},e.type="series.graph",e.dependencies=["grid","polar","geo","singleAxis","calendar"],e.defaultOption={z:2,coordinateSystem:"view",legendHoverLink:!0,layout:null,circular:{rotateLabel:!1},force:{initLayout:null,repulsion:[0,50],gravity:.1,friction:.6,edgeLength:30,layoutAnimation:!0},left:"center",top:"center",symbol:"circle",symbolSize:10,edgeSymbol:["none","none"],edgeSymbolSize:10,edgeLabel:{position:"middle",distance:5},draggable:!1,roam:!1,center:null,zoom:1,nodeScaleRatio:.6,label:{show:!1,formatter:"{b}"},itemStyle:{},lineStyle:{color:tf.color.neutral50,width:1,opacity:.5},emphasis:{scale:!0,label:{show:!0}},select:{itemStyle:{borderColor:tf.color.primary}}},e}(Wy);var jP=function(t){function e(e,n,i){var r=t.call(this)||this;zl(r).dataType="node",r.z2=2;var o=new Sl;return r.setTextContent(o),r.updateData(e,n,i,!0),r}return n(e,t),e.prototype.updateData=function(t,e,n,i){var r=this,o=t.graph.getNodeByIndex(e),a=t.hostModel,s=o.getModel(),l=s.getModel("emphasis"),u=t.getItemLayout(e),c=A(YI(s.getModel("itemStyle"),u,!0),u),h=this;if(isNaN(c.startAngle))h.setShape(c);else{i?h.setShape(c):th(h,{shape:c},a,e);var d=A(YI(s.getModel("itemStyle"),u,!0),u);r.setShape(d),r.useStyle(t.getItemVisual(e,"style")),ku(r,s),this._updateLabel(a,s,o),t.setItemGraphicEl(e,h),ku(h,s,"itemStyle");var p=l.get("focus");Tu(this,"adjacency"===p?o.getAdjacentDataIndices():p,l.get("blurScope"),l.get("disabled"))}},e.prototype._updateLabel=function(t,e,n){var i=this.getTextContent(),r=n.getLayout(),o=(r.startAngle+r.endAngle)/2,a=Math.cos(o),s=Math.sin(o),l=e.getModel("label");i.ignore=!l.get("show");var u=Jh(e),c=n.getVisual("style");$h(i,u,{labelFetcher:{getFormattedLabel:function(n,i,r,o,a,s){return t.getFormattedLabel(n,i,"node",o,ot(a,u.normal&&u.normal.get("formatter"),e.get("name")),s)}},labelDataIndex:n.dataIndex,defaultText:n.dataIndex+"",inheritColor:c.fill,defaultOpacity:c.opacity,defaultOutsidePosition:"startArc"});var h,d=l.get("position")||"outside",p=l.get("distance")||0;h="outside"===d?r.r+p:(r.r+r.r0)/2,this.textConfig={inside:"outside"!==d};var f="outside"!==d?l.get("align")||"center":a>0?"left":"right",g="outside"!==d?l.get("verticalAlign")||"middle":s>0?"top":"bottom";i.attr({x:a*h+r.cx,y:s*h+r.cy,rotation:0,style:{align:f,verticalAlign:g}})},e}(xc),qP=function(t){function e(e,n,i,r){var o=t.call(this)||this;return zl(o).dataType="edge",o.updateData(e,n,i,r,!0),o}return n(e,t),e.prototype.buildPath=function(t,e){t.moveTo(e.s1[0],e.s1[1]);var n=.7,i=e.clockwise;t.arc(e.cx,e.cy,e.r,e.sStartAngle,e.sEndAngle,!i),t.bezierCurveTo((e.cx-e.s2[0])*n+e.s2[0],(e.cy-e.s2[1])*n+e.s2[1],(e.cx-e.t1[0])*n+e.t1[0],(e.cy-e.t1[1])*n+e.t1[1],e.t1[0],e.t1[1]),t.arc(e.cx,e.cy,e.r,e.tStartAngle,e.tEndAngle,!i),t.bezierCurveTo((e.cx-e.t2[0])*n+e.t2[0],(e.cy-e.t2[1])*n+e.t2[1],(e.cx-e.s1[0])*n+e.s1[0],(e.cy-e.s1[1])*n+e.s1[1],e.s1[0],e.s1[1]),t.closePath()},e.prototype.updateData=function(t,e,n,i,r){var o=t.hostModel,a=e.graph.getEdgeByIndex(n),s=a.getLayout(),l=a.node1.getModel(),u=e.getItemModel(a.dataIndex),c=u.getModel("lineStyle"),h=u.getModel("emphasis"),d=h.get("focus"),p=A(YI(l.getModel("itemStyle"),s,!0),s),f=this;isNaN(p.sStartAngle)||isNaN(p.tStartAngle)?f.setShape(p):(r?(f.setShape(p),KP(f,a,t,c)):(ah(f),KP(f,a,t,c),th(f,{shape:p},o,n)),Tu(this,"adjacency"===d?a.getAdjacentDataIndices():d,h.get("blurScope"),h.get("disabled")),ku(f,u,"lineStyle"),e.setItemGraphicEl(a.dataIndex,f))},e}(sl);function KP(t,e,n,i){var r=e.node1,o=e.node2,a=t.style;switch(t.setStyle(i.getLineStyle()),i.get("color")){case"source":a.fill=n.getItemVisual(r.dataIndex,"style").fill,a.decal=r.getVisual("style").decal;break;case"target":a.fill=n.getItemVisual(o.dataIndex,"style").fill,a.decal=o.getVisual("style").decal;break;case"gradient":var s=n.getItemVisual(r.dataIndex,"style").fill,l=n.getItemVisual(o.dataIndex,"style").fill;if(X(s)&&X(l)){var u=t.shape,c=(u.s1[0]+u.s2[0])/2,h=(u.s1[1]+u.s2[1])/2,d=(u.t1[0]+u.t2[0])/2,p=(u.t1[1]+u.t2[1])/2;a.fill=new Bc(c,h,d,p,[{offset:0,color:s},{offset:1,color:l}],!0)}}}var $P=Math.PI/180,JP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){},e.prototype.render=function(t,e,n){var i=t.getData(),r=this._data,o=this.group,a=-t.get("startAngle")*$P;if(i.diff(r).add((function(t){if(i.getItemLayout(t)){var e=new jP(i,t,a);zl(e).dataIndex=t,o.add(e)}})).update((function(e,n){var s=r.getItemGraphicEl(n);i.getItemLayout(e)?(s?s.updateData(i,e,a):s=new jP(i,e,a),o.add(s)):s&&oh(s,t,n)})).remove((function(e){var n=r.getItemGraphicEl(e);n&&oh(n,t,e)})).execute(),!r){var s=t.get("center");this.group.scaleX=.01,this.group.scaleY=.01,this.group.originX=yo(s[0],n.getWidth()),this.group.originY=yo(s[1],n.getHeight()),eh(this.group,{scaleX:1,scaleY:1},t)}this._data=i,this.renderEdges(t,a)},e.prototype.renderEdges=function(t,e){var n=t.getData(),i=t.getEdgeData(),r=this._edgeData,o=this.group;i.diff(r).add((function(t){var r=new qP(n,i,t,e);zl(r).dataIndex=t,o.add(r)})).update((function(t,a){var s=r.getItemGraphicEl(a);s.updateData(n,i,t,e),o.add(s)})).remove((function(e){var n=r.getItemGraphicEl(e);n&&oh(n,t,e)})).execute(),this._edgeData=i},e.prototype.dispose=function(){},e.type="chord",e}(tv),QP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.fillDataTextStyle(e.edges||e.links),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this))},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),this.fillDataTextStyle(e.edges||e.links)},e.prototype.getInitialData=function(t,e){var n=t.edges||t.links||[],i=t.data||t.nodes||[];if(i&&n)return XP(i,n,this,!0,(function(t,e){var n=wd.prototype.getModel;function i(t,e){var i=n.call(this,t,e);return i.resolveParentPath=r,i}function r(t){if(t&&("label"===t[0]||"label"===t[1])){var e=t.slice();return"label"===t[0]?e[0]="edgeLabel":"label"===t[1]&&(e[1]="edgeLabel"),e}return t}e.wrapMethod("getItemModel",(function(t){return t.resolveParentPath=r,t.getModel=i,t}))})).data},e.prototype.getGraph=function(){return this.getData().graph},e.prototype.getEdgeData=function(){return this.getGraph().edgeData},e.prototype.formatTooltip=function(t,e,n){var i=this.getDataParams(t,n);if("edge"===n){var r=this.getData(),o=r.graph.getEdgeByIndex(t),a=r.getName(o.node1.dataIndex),s=r.getName(o.node2.dataIndex),l=[];return null!=a&&l.push(a),null!=s&&l.push(s),Ty("nameValue",{name:l.join(" > "),value:i.value,noValue:null==i.value})}return Ty("nameValue",{name:i.name,value:i.value,noValue:null==i.value})},e.prototype.getDataParams=function(e,n){var i=t.prototype.getDataParams.call(this,e,n);if("node"===n){var r=this.getData(),o=this.getGraph().getNodeByIndex(e);if(null==i.name&&(i.name=r.getName(e)),null==i.value){var a=o.getLayout().value;i.value=a}}return i},e.type="series.chord",e.defaultOption={z:2,coordinateSystem:"none",legendHoverLink:!0,colorBy:"data",left:0,top:0,right:0,bottom:0,width:null,height:null,center:["50%","50%"],radius:["70%","80%"],clockwise:!0,startAngle:90,endAngle:"auto",minAngle:0,padAngle:3,itemStyle:{borderRadius:[0,0,5,5]},lineStyle:{width:0,color:"source",opacity:.2},label:{show:!0,position:"outside",distance:5},emphasis:{focus:"adjacency",lineStyle:{opacity:.5}}},e}(Wy),tO=Math.PI/180;function eO(t,e){t.eachSeriesByType("chord",(function(t){!function(t,e){var n=t.getData(),i=n.graph,r=t.getEdgeData();if(!r.count())return;var o=Wp(t,e),a=o.cx,s=o.cy,l=o.r,u=o.r0,c=Math.max((t.get("padAngle")||0)*tO,0),h=Math.max((t.get("minAngle")||0)*tO,0),d=-t.get("startAngle")*tO,p=d+2*Math.PI,f=t.get("clockwise"),g=f?1:-1,y=[d,p];Gs(y,!f);var v=y[0],m=y[1]-v,x=0===n.getSum("value")&&0===r.getSum("value"),_=[],b=0;i.eachEdge((function(t){var e=x?1:t.getValue("value");x&&(e>0||h)&&(b+=2);var n=t.node1.dataIndex,i=t.node2.dataIndex;_[n]=(_[n]||0)+e,_[i]=(_[i]||0)+e}));var w=0;if(i.eachNode((function(t){var e=t.getValue("value");isNaN(e)||(_[t.dataIndex]=Math.max(e,_[t.dataIndex]||0)),!x&&(_[t.dataIndex]>0||h)&&b++,w+=_[t.dataIndex]||0})),0===b||0===w)return;c*b>=Math.abs(m)&&(c=Math.max(0,(Math.abs(m)-h*b)/b));(c+h)*b>=Math.abs(m)&&(h=(Math.abs(m)-c*b)/b);var S=(m-c*b*g)/w,M=0,I=0,T=0;i.eachNode((function(t){var e=_[t.dataIndex]||0,n=S*(w?e:1)*g;Math.abs(n)<h?M+=h-Math.abs(n):(I+=Math.abs(n)-h,T+=Math.abs(n)),t.setLayout({angle:n,value:e})}));var C=!1;if(M>I){var D=M/I;i.eachNode((function(t){var e=t.getLayout().angle;Math.abs(e)>=h?t.setLayout({angle:e*D,ratio:D},!0):t.setLayout({angle:h,ratio:0===h?1:e/h},!0)}))}else i.eachNode((function(t){if(!C){var e=t.getLayout().angle;e-Math.min(e/T,1)*M<h&&(C=!0)}}));var A=M;i.eachNode((function(t){if(!(A<=0)){var e=t.getLayout().angle;if(e>h&&h>0){var n=C?1:Math.min(e/T,1),i=e-h,r=Math.min(i,Math.min(A,M*n));A-=r,t.setLayout({angle:e-r,ratio:(e-r)/e},!0)}else h>0&&t.setLayout({angle:h,ratio:0===e?1:h/e},!0)}}));var k=v,L=[];i.eachNode((function(t){var e=Math.max(t.getLayout().angle,h);t.setLayout({cx:a,cy:s,r0:u,r:l,startAngle:k,endAngle:k+e*g,clockwise:f},!0),L[t.dataIndex]=k,k+=(e+c)*g})),i.eachEdge((function(t){var e=x?1:t.getValue("value"),n=S*(w?e:1)*g,i=t.node1.dataIndex,r=L[i]||0,o=r+Math.abs((t.node1.getLayout().ratio||1)*n)*g,l=[a+u*Math.cos(r),s+u*Math.sin(r)],c=[a+u*Math.cos(o),s+u*Math.sin(o)],h=t.node2.dataIndex,d=L[h]||0,p=d+Math.abs((t.node2.getLayout().ratio||1)*n)*g,y=[a+u*Math.cos(d),s+u*Math.sin(d)],v=[a+u*Math.cos(p),s+u*Math.sin(p)];t.setLayout({s1:l,s2:c,sStartAngle:r,sEndAngle:o,t1:y,t2:v,tStartAngle:d,tEndAngle:p,cx:a,cy:s,r:u,value:e,clockwise:f}),L[i]=o,L[h]=p}))}(t,e)}))}var nO=function(){this.angle=0,this.width=10,this.r=10,this.x=0,this.y=0},iO=function(t){function e(e){var n=t.call(this,e)||this;return n.type="pointer",n}return n(e,t),e.prototype.getDefaultShape=function(){return new nO},e.prototype.buildPath=function(t,e){var n=Math.cos,i=Math.sin,r=e.r,o=e.width,a=e.angle,s=e.x-n(a)*o*(o>=r/3?1:2),l=e.y-i(a)*o*(o>=r/3?1:2);a=e.angle-Math.PI/2,t.moveTo(s,l),t.lineTo(e.x+n(a)*o,e.y+i(a)*o),t.lineTo(e.x+n(e.angle)*r,e.y+i(e.angle)*r),t.lineTo(e.x-n(a)*o,e.y-i(a)*o),t.lineTo(s,l)},e}(sl);function rO(t,e){var n=null==t?"":t+"";return e&&(X(e)?n=e.replace("{value}",n):Y(e)&&(n=e(t))),n}var oO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this.group.removeAll();var i=t.get(["axisLine","lineStyle","color"]),r=function(t,e){var n=t.get("center"),i=e.getWidth(),r=e.getHeight(),o=Math.min(i,r);return{cx:yo(n[0],e.getWidth()),cy:yo(n[1],e.getHeight()),r:yo(t.get("radius"),o/2)}}(t,n);this._renderMain(t,e,n,i,r),this._data=t.getData()},e.prototype.dispose=function(){},e.prototype._renderMain=function(t,e,n,i,r){var o=this.group,a=t.get("clockwise"),s=-t.get("startAngle")/180*Math.PI,l=-t.get("endAngle")/180*Math.PI,u=t.getModel("axisLine"),c=u.get("roundCap")?WI:xc,h=u.get("show"),d=u.getModel("lineStyle"),p=d.get("width"),f=[s,l];Gs(f,!a);for(var g=(l=f[1])-(s=f[0]),y=s,v=[],m=0;h&&m<i.length;m++){var x=new c({shape:{startAngle:y,endAngle:l=s+g*Math.min(Math.max(i[m][0],0),1),cx:r.cx,cy:r.cy,clockwise:a,r0:r.r-p,r:r.r},silent:!0});x.setStyle({fill:i[m][1]}),x.setStyle(d.getLineStyle(["color","width"])),v.push(x),y=l}v.reverse(),z(v,(function(t){return o.add(t)}));var _=function(t){if(t<=0)return i[0][1];var e;for(e=0;e<i.length;e++)if(i[e][0]>=t&&(0===e?0:i[e-1][0])<t)return i[e][1];return i[e-1][1]};this._renderTicks(t,e,n,_,r,s,l,a,p),this._renderTitleAndDetail(t,e,n,_,r),this._renderAnchor(t,r),this._renderPointer(t,e,n,_,r,s,l,a,p)},e.prototype._renderTicks=function(t,e,n,i,r,o,a,s,l){for(var u,c,h=this.group,d=r.cx,p=r.cy,f=r.r,g=+t.get("min"),y=+t.get("max"),v=t.getModel("splitLine"),m=t.getModel("axisTick"),x=t.getModel("axisLabel"),_=t.get("splitNumber"),b=m.get("splitNumber"),w=yo(v.get("length"),f),S=yo(m.get("length"),f),M=o,I=(a-o)/_,T=I/b,C=v.getModel("lineStyle").getLineStyle(),D=m.getModel("lineStyle").getLineStyle(),A=v.get("distance"),k=0;k<=_;k++){if(u=Math.cos(M),c=Math.sin(M),v.get("show")){var L=new Ac({shape:{x1:u*(f-(P=A?A+l:l))+d,y1:c*(f-P)+p,x2:u*(f-w-P)+d,y2:c*(f-w-P)+p},style:C,silent:!0});"auto"===C.stroke&&L.setStyle({stroke:i(k/_)}),h.add(L)}if(x.get("show")){var P=x.get("distance")+A,O=rO(mo(k/_*(y-g)+g),x.get("formatter")),R=i(k/_),N=u*(f-w-P)+d,z=c*(f-w-P)+p,E=x.get("rotate"),B=0;"radial"===E?(B=-M+2*Math.PI)>Math.PI/2&&(B+=Math.PI):"tangential"===E?B=-M-Math.PI/2:j(E)&&(B=E*Math.PI/180),0===B?h.add(new Sl({style:Qh(x,{text:O,x:N,y:z,verticalAlign:c<-.8?"top":c>.8?"bottom":"middle",align:u<-.4?"left":u>.4?"right":"center"},{inheritColor:R}),silent:!0})):h.add(new Sl({style:Qh(x,{text:O,x:N,y:z,verticalAlign:"middle",align:"center"},{inheritColor:R}),silent:!0,originX:N,originY:z,rotation:B}))}if(m.get("show")&&k!==_){P=(P=m.get("distance"))?P+l:l;for(var V=0;V<=b;V++){u=Math.cos(M),c=Math.sin(M);var G=new Ac({shape:{x1:u*(f-P)+d,y1:c*(f-P)+p,x2:u*(f-S-P)+d,y2:c*(f-S-P)+p},silent:!0,style:D});"auto"===D.stroke&&G.setStyle({stroke:i((k+V/b)/_)}),h.add(G),M+=T}M-=T}else M+=I}},e.prototype._renderPointer=function(t,e,n,i,r,o,a,s,l){var u=this.group,c=this._data,h=this._progressEls,d=[],p=t.get(["pointer","show"]),f=t.getModel("progress"),g=f.get("show"),y=t.getData(),v=y.mapDimension("value"),m=+t.get("min"),x=+t.get("max"),_=[m,x],b=[o,a];function w(e,n){var i,o=y.getItemModel(e).getModel("pointer"),a=yo(o.get("width"),r.r),s=yo(o.get("length"),r.r),l=t.get(["pointer","icon"]),u=o.get("offsetCenter"),c=yo(u[0],r.r),h=yo(u[1],r.r),d=o.get("keepAspect");return(i=l?hm(l,c-a/2,h-s,a,s,null,d):new iO({shape:{angle:-Math.PI/2,width:a,r:s,x:c,y:h}})).rotation=-(n+Math.PI/2),i.x=r.cx,i.y=r.cy,i}function S(t,e){var n=f.get("roundCap")?WI:xc,i=f.get("overlap"),a=i?f.get("width"):l/y.count(),u=i?r.r-a:r.r-(t+1)*a,c=i?r.r:r.r-t*a,h=new n({shape:{startAngle:o,endAngle:e,cx:r.cx,cy:r.cy,clockwise:s,r0:u,r:c}});return i&&(h.z2=go(y.get(v,t),[m,x],[100,0],!0)),h}(g||p)&&(y.diff(c).add((function(e){var n=y.get(v,e);if(p){var i=w(e,o);eh(i,{rotation:-((isNaN(+n)?b[0]:go(n,_,b,!0))+Math.PI/2)},t),u.add(i),y.setItemGraphicEl(e,i)}if(g){var r=S(e,o),a=f.get("clip");eh(r,{shape:{endAngle:go(n,_,b,a)}},t),u.add(r),El(t.seriesIndex,y.dataType,e,r),d[e]=r}})).update((function(e,n){var i=y.get(v,e);if(p){var r=c.getItemGraphicEl(n),a=r?r.rotation:o,s=w(e,a);s.rotation=a,th(s,{rotation:-((isNaN(+i)?b[0]:go(i,_,b,!0))+Math.PI/2)},t),u.add(s),y.setItemGraphicEl(e,s)}if(g){var l=h[n],m=S(e,l?l.shape.endAngle:o),x=f.get("clip");th(m,{shape:{endAngle:go(i,_,b,x)}},t),u.add(m),El(t.seriesIndex,y.dataType,e,m),d[e]=m}})).execute(),y.each((function(t){var e=y.getItemModel(t),n=e.getModel("emphasis"),r=n.get("focus"),o=n.get("blurScope"),a=n.get("disabled");if(p){var s=y.getItemGraphicEl(t),l=y.getItemVisual(t,"style"),u=l.fill;if(s instanceof dl){var c=s.style;s.useStyle(A({image:c.image,x:c.x,y:c.y,width:c.width,height:c.height},l))}else s.useStyle(l),"pointer"!==s.type&&s.setColor(u);s.setStyle(e.getModel(["pointer","itemStyle"]).getItemStyle()),"auto"===s.style.fill&&s.setStyle("fill",i(go(y.get(v,t),_,[0,1],!0))),s.z2EmphasisLift=0,ku(s,e),Tu(s,r,o,a)}if(g){var h=d[t];h.useStyle(y.getItemVisual(t,"style")),h.setStyle(e.getModel(["progress","itemStyle"]).getItemStyle()),h.z2EmphasisLift=0,ku(h,e),Tu(h,r,o,a)}})),this._progressEls=d)},e.prototype._renderAnchor=function(t,e){var n=t.getModel("anchor");if(n.get("show")){var i=n.get("size"),r=n.get("icon"),o=n.get("offsetCenter"),a=n.get("keepAspect"),s=hm(r,e.cx-i/2+yo(o[0],e.r),e.cy-i/2+yo(o[1],e.r),i,i,null,a);s.z2=n.get("showAbove")?1:0,s.setStyle(n.getModel("itemStyle").getItemStyle()),this.group.add(s)}},e.prototype._renderTitleAndDetail=function(t,e,n,i,r){var o=this,a=t.getData(),s=a.mapDimension("value"),l=+t.get("min"),u=+t.get("max"),c=new to,h=[],d=[],p=t.isAnimationEnabled(),f=t.get(["pointer","showAbove"]);a.diff(this._data).add((function(t){h[t]=new Sl({silent:!0}),d[t]=new Sl({silent:!0})})).update((function(t,e){h[t]=o._titleEls[e],d[t]=o._detailEls[e]})).execute(),a.each((function(e){var n=a.getItemModel(e),o=a.get(s,e),g=new to,y=i(go(o,[l,u],[0,1],!0)),v=n.getModel("title");if(v.get("show")){var m=v.get("offsetCenter"),x=r.cx+yo(m[0],r.r),_=r.cy+yo(m[1],r.r);(D=h[e]).attr({z2:f?0:2,style:Qh(v,{x:x,y:_,text:a.getName(e),align:"center",verticalAlign:"middle"},{inheritColor:y})}),g.add(D)}var b=n.getModel("detail");if(b.get("show")){var w=b.get("offsetCenter"),S=r.cx+yo(w[0],r.r),M=r.cy+yo(w[1],r.r),I=yo(b.get("width"),r.r),T=yo(b.get("height"),r.r),C=t.get(["progress","show"])?a.getItemVisual(e,"style").fill:y,D=d[e],A=b.get("formatter");D.attr({z2:f?0:2,style:Qh(b,{x:S,y:M,text:rO(o,A),width:isNaN(I)?null:I,height:isNaN(T)?null:T,align:"center",verticalAlign:"middle"},{inheritColor:C})}),sd(D,{normal:b},o,(function(t){return rO(t,A)})),p&&ld(D,e,a,t,{getFormattedLabel:function(t,e,n,i,r,a){return rO(a?a.interpolatedValue:o,A)}}),g.add(D)}c.add(g)})),this.group.add(c),this._titleEls=h,this._detailEls=d},e.type="gauge",e}(tv),aO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.visualStyleAccessPath="itemStyle",n}return n(e,t),e.prototype.getInitialData=function(t,e){return IT(this,["value"])},e.type="series.gauge",e.defaultOption={z:2,colorBy:"data",center:["50%","50%"],legendHoverLink:!0,radius:"75%",startAngle:225,endAngle:-45,clockwise:!0,min:0,max:100,splitNumber:10,axisLine:{show:!0,roundCap:!1,lineStyle:{color:[[1,tf.color.neutral10]],width:10}},progress:{show:!1,overlap:!0,width:10,roundCap:!1,clip:!0},splitLine:{show:!0,length:10,distance:10,lineStyle:{color:tf.color.axisTick,width:3,type:"solid"}},axisTick:{show:!0,splitNumber:5,length:6,distance:10,lineStyle:{color:tf.color.axisTickMinor,width:1,type:"solid"}},axisLabel:{show:!0,distance:15,color:tf.color.axisLabel,fontSize:12,rotate:0},pointer:{icon:null,offsetCenter:[0,0],show:!0,showAbove:!0,length:"60%",width:6,keepAspect:!1},anchor:{show:!1,showAbove:!1,size:6,icon:"circle",offsetCenter:[0,0],keepAspect:!1,itemStyle:{color:tf.color.neutral00,borderWidth:0,borderColor:tf.color.theme[0]}},title:{show:!0,offsetCenter:[0,"20%"],color:tf.color.secondary,fontSize:16,valueAnimation:!1},detail:{show:!0,backgroundColor:tf.color.transparent,borderWidth:0,borderColor:tf.color.neutral40,width:100,height:null,padding:[5,10],offsetCenter:[0,"40%"],color:tf.color.primary,fontSize:30,fontWeight:"bold",lineHeight:30,valueAnimation:!1}},e}(Wy);var sO=["itemStyle","opacity"],lO=function(t){function e(e,n){var i=t.call(this)||this,r=i,o=new Tc,a=new Sl;return r.setTextContent(a),i.setTextGuideLine(o),i.updateData(e,n,!0),i}return n(e,t),e.prototype.updateData=function(t,e,n){var i=this,r=t.hostModel,o=t.getItemModel(e),a=t.getItemLayout(e),s=o.getModel("emphasis"),l=o.get(sO);l=null==l?1:l,n||ah(i),i.useStyle(t.getItemVisual(e,"style")),i.style.lineJoin="round",n?(i.setShape({points:a.points}),i.style.opacity=0,eh(i,{style:{opacity:l}},r,e)):th(i,{style:{opacity:l},shape:{points:a.points}},r,e),ku(i,o),this._updateLabel(t,e),Tu(this,s.get("focus"),s.get("blurScope"),s.get("disabled"))},e.prototype._updateLabel=function(t,e){var n=this,i=this.getTextGuideLine(),r=n.getTextContent(),o=t.hostModel,a=t.getItemModel(e),s=t.getItemLayout(e).label,l=t.getItemVisual(e,"style"),u=l.fill;$h(r,Jh(a),{labelFetcher:t.hostModel,labelDataIndex:e,defaultOpacity:l.opacity,defaultText:t.getName(e)},{normal:{align:s.textAlign,verticalAlign:s.verticalAlign}});var c="inherit"===a.getModel("label").get("color")?u:null;n.setTextConfig({local:!0,inside:!!s.inside,insideStroke:c,outsideFill:c});var h=s.linePoints;i.setShape({points:h}),n.textGuideLineConfig={anchor:h?new Ae(h[0][0],h[0][1]):null},th(r,{style:{x:s.x,y:s.y}},o,e),r.attr({rotation:s.rotation,originX:s.x,originY:s.y,z2:10}),dS(n,pS(a),{stroke:u})},e}(Mc),uO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.ignoreLabelLineUpdate=!0,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this._data,o=this.group;i.diff(r).add((function(t){var e=new lO(i,t);i.setItemGraphicEl(t,e),o.add(e)})).update((function(t,e){var n=r.getItemGraphicEl(e);n.updateData(i,t),o.add(n),i.setItemGraphicEl(t,n)})).remove((function(e){oh(r.getItemGraphicEl(e),t,e)})).execute(),this._data=i},e.prototype.remove=function(){this.group.removeAll(),this._data=null},e.prototype.dispose=function(){},e.type="funnel",e}(tv),cO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this)),this._defaultLabelLine(e)},e.prototype.getInitialData=function(t,e){return IT(this,{coordDimensions:["value"],encodeDefaulter:H(Mf,this)})},e.prototype._defaultLabelLine=function(t){Ko(t,"labelLine",["show"]);var e=t.labelLine,n=t.emphasis.labelLine;e.show=e.show&&t.label.show,n.show=n.show&&t.emphasis.label.show},e.prototype.getDataParams=function(e){var n=this.getData(),i=t.prototype.getDataParams.call(this,e),r=n.mapDimension("value"),o=n.getSum(r);return i.percent=o?+(n.get(r,e)/o*100).toFixed(2):0,i.$vars.push("percent"),i},e.type="series.funnel",e.defaultOption={coordinateSystemUsage:"box",z:2,legendHoverLink:!0,colorBy:"data",left:80,top:60,right:80,bottom:65,minSize:"0%",maxSize:"100%",sort:"descending",orient:"vertical",gap:0,funnelAlign:"center",label:{show:!0,position:"outer"},labelLine:{show:!0,length:20,lineStyle:{width:1}},itemStyle:{borderColor:tf.color.neutral00,borderWidth:1},emphasis:{label:{show:!0}},select:{itemStyle:{borderColor:tf.color.primary}}},e}(Wy);function hO(t,e){t.eachSeriesByType("funnel",(function(t){var n=t.getData(),i=n.mapDimension("value"),r=t.get("sort"),o=Xp(t,e),a=Hp(t.getBoxLayoutParams(),o.refContainer),s=t.get("orient"),l=a.width,u=a.height,c=function(t,e){for(var n=t.mapDimension("value"),i=t.mapArray(n,(function(t){return t})),r=[],o="ascending"===e,a=0,s=t.count();a<s;a++)r[a]=a;return Y(e)?r.sort(e):"none"!==e&&r.sort((function(t,e){return o?i[t]-i[e]:i[e]-i[t]})),r}(n,r),h=a.x,d=a.y,p="horizontal"===s?[yo(t.get("minSize"),u),yo(t.get("maxSize"),u)]:[yo(t.get("minSize"),l),yo(t.get("maxSize"),l)],f=n.getDataExtent(i),g=t.get("min"),y=t.get("max");null==g&&(g=Math.min(f[0],0)),null==y&&(y=f[1]);var v=t.get("funnelAlign"),m=t.get("gap"),x=(("horizontal"===s?l:u)-m*(n.count()-1))/n.count(),_=function(t,e){if("horizontal"===s){var r=go(n.get(i,t)||0,[g,y],p,!0),o=void 0;switch(v){case"top":o=d;break;case"center":o=d+(u-r)/2;break;case"bottom":o=d+(u-r)}return[[e,o],[e,o+r]]}var a,c=go(n.get(i,t)||0,[g,y],p,!0);switch(v){case"left":a=h;break;case"center":a=h+(l-c)/2;break;case"right":a=h+l-c}return[[a,e],[a+c,e]]};"ascending"===r&&(x=-x,m=-m,"horizontal"===s?h+=l:d+=u,c=c.reverse());for(var b=0;b<c.length;b++){var w=c[b],S=c[b+1],M=n.getItemModel(w);if("horizontal"===s){var I=M.get(["itemStyle","width"]);null==I?I=x:(I=yo(I,l),"ascending"===r&&(I=-I));var T=_(w,h),C=_(S,h+I);h+=I+m,n.setItemLayout(w,{points:T.concat(C.slice().reverse())})}else{var D=M.get(["itemStyle","height"]);null==D?D=x:(D=yo(D,u),"ascending"===r&&(D=-D));T=_(w,d),C=_(S,d+D);d+=D+m,n.setItemLayout(w,{points:T.concat(C.slice().reverse())})}}!function(t){var e=t.hostModel.get("orient");t.each((function(n){var i,r,o,a,s=t.getItemModel(n),l=s.getModel("label").get("position"),u=s.getModel("labelLine"),c=t.getItemLayout(n),h=c.points,d="inner"===l||"inside"===l||"center"===l||"insideLeft"===l||"insideRight"===l;if(d)"insideLeft"===l?(r=(h[0][0]+h[3][0])/2+5,o=(h[0][1]+h[3][1])/2,i="left"):"insideRight"===l?(r=(h[1][0]+h[2][0])/2-5,o=(h[1][1]+h[2][1])/2,i="right"):(r=(h[0][0]+h[1][0]+h[2][0]+h[3][0])/4,o=(h[0][1]+h[1][1]+h[2][1]+h[3][1])/4,i="center"),a=[[r,o],[r,o]];else{var p=void 0,f=void 0,g=void 0,y=void 0,v=u.get("length");"left"===l?(p=(h[3][0]+h[0][0])/2,f=(h[3][1]+h[0][1])/2,r=(g=p-v)-5,i="right"):"right"===l?(p=(h[1][0]+h[2][0])/2,f=(h[1][1]+h[2][1])/2,r=(g=p+v)+5,i="left"):"top"===l?(p=(h[3][0]+h[0][0])/2,o=(y=(f=(h[3][1]+h[0][1])/2)-v)-5,i="center"):"bottom"===l?(p=(h[1][0]+h[2][0])/2,o=(y=(f=(h[1][1]+h[2][1])/2)+v)+5,i="center"):"rightTop"===l?(p="horizontal"===e?h[3][0]:h[1][0],f="horizontal"===e?h[3][1]:h[1][1],"horizontal"===e?(o=(y=f-v)-5,i="center"):(r=(g=p+v)+5,i="top")):"rightBottom"===l?(p=h[2][0],f=h[2][1],"horizontal"===e?(o=(y=f+v)+5,i="center"):(r=(g=p+v)+5,i="bottom")):"leftTop"===l?(p=h[0][0],f="horizontal"===e?h[0][1]:h[1][1],"horizontal"===e?(o=(y=f-v)-5,i="center"):(r=(g=p-v)-5,i="right")):"leftBottom"===l?(p="horizontal"===e?h[1][0]:h[3][0],f="horizontal"===e?h[1][1]:h[2][1],"horizontal"===e?(o=(y=f+v)+5,i="center"):(r=(g=p-v)-5,i="right")):(p=(h[1][0]+h[2][0])/2,f=(h[1][1]+h[2][1])/2,"horizontal"===e?(o=(y=f+v)+5,i="center"):(r=(g=p+v)+5,i="left")),"horizontal"===e?r=g=p:o=y=f,a=[[p,f],[g,y]]}c.label={linePoints:a,x:r,y:o,verticalAlign:"middle",textAlign:i,inside:d}}))}(n)}))}var dO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._dataGroup=new to,n._initialized=!1,n}return n(e,t),e.prototype.init=function(){this.group.add(this._dataGroup)},e.prototype.render=function(t,e,n,i){this._progressiveEls=null;var r=this._dataGroup,o=t.getData(),a=this._data,s=t.coordinateSystem,l=s.dimensions,u=gO(t);if(o.diff(a).add((function(t){yO(fO(o,r,t,l,s),o,t,u)})).update((function(e,n){var i=a.getItemGraphicEl(n),r=pO(o,e,l,s);o.setItemGraphicEl(e,i),th(i,{shape:{points:r}},t,e),ah(i),yO(i,o,e,u)})).remove((function(t){var e=a.getItemGraphicEl(t);r.remove(e)})).execute(),!this._initialized){this._initialized=!0;var c=function(t,e,n){var i=t.model,r=t.getRect(),o=new xl({shape:{x:r.x,y:r.y,width:r.width,height:r.height}}),a="horizontal"===i.get("layout")?"width":"height";return o.setShape(a,0),eh(o,{shape:{width:r.width,height:r.height}},e,n),o}(s,t,(function(){setTimeout((function(){r.removeClipPath()}))}));r.setClipPath(c)}this._data=o},e.prototype.incrementalPrepareRender=function(t,e,n){this._initialized=!0,this._data=null,this._dataGroup.removeAll()},e.prototype.incrementalRender=function(t,e,n){for(var i=e.getData(),r=e.coordinateSystem,o=r.dimensions,a=gO(e),s=this._progressiveEls=[],l=t.start;l<t.end;l++){var u=fO(i,this._dataGroup,l,o,r);u.incremental=!0,yO(u,i,l,a),s.push(u)}},e.prototype.remove=function(){this._dataGroup&&this._dataGroup.removeAll(),this._data=null},e.type="parallel",e}(tv);function pO(t,e,n,i){for(var r,o=[],a=0;a<n.length;a++){var s=n[a],l=t.get(t.mapDimension(s),e);r=l,("category"===i.getAxis(s).type?null==r:null==r||isNaN(r))||o.push(i.dataToPoint(l,s))}return o}function fO(t,e,n,i,r){var o=pO(t,n,i,r),a=new Tc({shape:{points:o},z2:10});return e.add(a),t.setItemGraphicEl(n,a),a}function gO(t){var e=t.get("smooth",!0);return!0===e&&(e=.3),nt(e=No(e))&&(e=0),{smooth:e}}function yO(t,e,n,i){t.useStyle(e.getItemVisual(n,"style")),t.style.fill=null,t.setShape("smooth",i.smooth);var r=e.getItemModel(n),o=r.getModel("emphasis");ku(t,r,"lineStyle"),Tu(t,o.get("focus"),o.get("blurScope"),o.get("disabled"))}var vO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.visualStyleAccessPath="lineStyle",n.visualDrawType="stroke",n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{useEncodeDefaulter:W(mO,null,this)})},e.prototype.getRawIndicesByActiveState=function(t){var e=this.coordinateSystem,n=this.getData(),i=[];return e.eachActiveState(n,(function(e,r){t===e&&i.push(n.getRawIndex(r))})),i},e.type="series.parallel",e.dependencies=["parallel"],e.defaultOption={z:2,coordinateSystem:"parallel",parallelIndex:0,label:{show:!1},inactiveOpacity:.05,activeOpacity:1,lineStyle:{width:1,opacity:.45,type:"solid"},emphasis:{label:{show:!1}},progressive:500,smooth:!1,animationEasing:"linear"},e}(Wy);function mO(t){var e=t.ecModel.getComponent("parallel",t.get("parallelIndex"));if(e){var n={};return z(e.dimensions,(function(t){var e=+t.replace("dim","");n[t]=e})),n}}var xO=["lineStyle","opacity"],_O={seriesType:"parallel",reset:function(t,e){var n=t.coordinateSystem,i={normal:t.get(["lineStyle","opacity"]),active:t.get("activeOpacity"),inactive:t.get("inactiveOpacity")};return{progress:function(t,e){n.eachActiveState(e,(function(t,n){var r=i[t];if("normal"===t&&e.hasItemOption){var o=e.getItemModel(n).get(xO,!0);null!=o&&(r=o)}e.ensureUniqueItemVisual(n,"style").opacity=r}),t.start,t.end)}}}};function bO(t){!function(t){if(t.parallel)return;var e=!1;z(t.series,(function(t){t&&"parallel"===t.type&&(e=!0)})),e&&(t.parallel=[{}])}(t),function(t){var e=qo(t.parallelAxis);z(e,(function(e){if(q(e)){var n=e.parallelIndex||0,i=qo(t.parallel)[n];i&&i.parallelAxisDefault&&C(e,i.parallelAxisDefault,!1)}}))}(t)}var wO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this._model=t,this._api=n,this._handlers||(this._handlers={},z(SO,(function(t,e){n.getZr().on(e,this._handlers[e]=W(t,this))}),this)),cv(this,"_throttledDispatchExpand",t.get("axisExpandRate"),"fixRate")},e.prototype.dispose=function(t,e){hv(this,"_throttledDispatchExpand"),z(this._handlers,(function(t,n){e.getZr().off(n,t)})),this._handlers=null},e.prototype._throttledDispatchExpand=function(t){this._dispatchExpand(t)},e.prototype._dispatchExpand=function(t){t&&this._api.dispatchAction(A({type:"parallelAxisExpand"},t))},e.type="parallel",e}(Ky),SO={mousedown:function(t){MO(this,"click")&&(this._mouseDownPoint=[t.offsetX,t.offsetY])},mouseup:function(t){var e=this._mouseDownPoint;if(MO(this,"click")&&e){var n=[t.offsetX,t.offsetY];if(Math.pow(e[0]-n[0],2)+Math.pow(e[1]-n[1],2)>5)return;var i=this._model.coordinateSystem.getSlidedAxisExpandWindow([t.offsetX,t.offsetY]);"none"!==i.behavior&&this._dispatchExpand({axisExpandWindow:i.axisExpandWindow})}this._mouseDownPoint=null},mousemove:function(t){if(!this._mouseDownPoint&&MO(this,"mousemove")){var e=this._model,n=e.coordinateSystem.getSlidedAxisExpandWindow([t.offsetX,t.offsetY]),i=n.behavior;"jump"===i&&this._throttledDispatchExpand.debounceNextCall(e.get("axisExpandDebounce")),this._throttledDispatchExpand("none"===i?null:{axisExpandWindow:n.axisExpandWindow,animation:"jump"===i?null:{duration:0}})}}};function MO(t,e){var n=t._model;return n.get("axisExpandable")&&n.get("axisExpandTriggerOn")===e}var IO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){t.prototype.init.apply(this,arguments),this.mergeOption({})},e.prototype.mergeOption=function(t){var e=this.option;t&&C(e,t,!0),this._initDimensions()},e.prototype.contains=function(t,e){var n=t.get("parallelIndex");return null!=n&&e.getComponent("parallel",n)===this},e.prototype.setAxisExpand=function(t){z(["axisExpandable","axisExpandCenter","axisExpandCount","axisExpandWidth","axisExpandWindow"],(function(e){t.hasOwnProperty(e)&&(this.option[e]=t[e])}),this)},e.prototype._initDimensions=function(){var t=this.dimensions=[],e=this.parallelAxisIndex=[];z(V(this.ecModel.queryComponents({mainType:"parallelAxis"}),(function(t){return(t.get("parallelIndex")||0)===this.componentIndex}),this),(function(n){t.push("dim"+n.get("dim")),e.push(n.componentIndex)}))},e.type="parallel",e.dependencies=["parallelAxis"],e.layoutMode="box",e.defaultOption={z:0,left:80,top:60,right:80,bottom:60,layout:"horizontal",axisExpandable:!1,axisExpandCenter:null,axisExpandCount:0,axisExpandWidth:50,axisExpandRate:17,axisExpandDebounce:50,axisExpandSlideTriggerArea:[-.15,.05,.4],axisExpandTriggerOn:"click",parallelAxisDefault:null},e}(Qp),TO=function(t){function e(e,n,i,r,o){var a=t.call(this,e,n,i)||this;return a.type=r||"value",a.axisIndex=o,a}return n(e,t),e.prototype.isHorizontal=function(){return"horizontal"!==this.coordinateSystem.getModel().get("layout")},e}(Ww);function CO(t,e,n,i,r,o){t=t||0;var a=n[1]-n[0];if(null!=r&&(r=AO(r,[0,a])),null!=o&&(o=Math.max(o,null!=r?r:0)),"all"===i){var s=Math.abs(e[1]-e[0]);s=AO(s,[0,a]),r=o=AO(s,[r,o]),i=0}e[0]=AO(e[0],n),e[1]=AO(e[1],n);var l=DO(e,i);e[i]+=t;var u,c=r||0,h=n.slice();return l.sign<0?h[0]+=c:h[1]-=c,e[i]=AO(e[i],h),u=DO(e,i),null!=r&&(u.sign!==l.sign||u.span<r)&&(e[1-i]=e[i]+l.sign*r),u=DO(e,i),null!=o&&u.span>o&&(e[1-i]=e[i]+u.sign*o),e}function DO(t,e){var n=t[e]-t[1-e];return{span:Math.abs(n),sign:n>0?-1:n<0?1:e?-1:1}}function AO(t,e){return Math.min(null!=e[1]?e[1]:1/0,Math.max(null!=e[0]?e[0]:-1/0,t))}var kO=z,LO=Math.min,PO=Math.max,OO=Math.floor,RO=Math.ceil,NO=mo,zO=Math.PI,EO=function(){function t(t,e,n){this.type="parallel",this._axesMap=yt(),this._axesLayout={},this.dimensions=t.dimensions,this._model=t,this._init(t,e,n)}return t.prototype._init=function(t,e,n){var i=t.dimensions,r=t.parallelAxisIndex;kO(i,(function(t,n){var i=r[n],o=e.getComponent("parallelAxis",i),a=this._axesMap.set(t,new TO(t,Zb(o),[0,0],o.get("type"),i)),s="category"===a.type;a.onBand=s&&o.get("boundaryGap"),a.inverse=o.get("inverse"),o.axis=a,a.model=o,a.coordinateSystem=o.coordinateSystem=this}),this)},t.prototype.update=function(t,e){this._updateAxesFromSeries(this._model,t)},t.prototype.containPoint=function(t){var e=this._makeLayoutInfo(),n=e.axisBase,i=e.layoutBase,r=e.pixelDimIndex,o=t[1-r],a=t[r];return o>=n&&o<=n+e.axisLength&&a>=i&&a<=i+e.layoutLength},t.prototype.getModel=function(){return this._model},t.prototype._updateAxesFromSeries=function(t,e){e.eachSeries((function(n){if(t.contains(n,e)){var i=n.getData();kO(this.dimensions,(function(t){var e=this._axesMap.get(t);e.scale.unionExtentFromData(i,i.mapDimension(t)),Xb(e.scale,e.model)}),this)}}),this)},t.prototype.resize=function(t,e){var n=Xp(t,e).refContainer;this._rect=Hp(t.getBoxLayoutParams(),n),this._layoutAxes()},t.prototype.getRect=function(){return this._rect},t.prototype._makeLayoutInfo=function(){var t,e=this._model,n=this._rect,i=["x","y"],r=["width","height"],o=e.get("layout"),a="horizontal"===o?0:1,s=n[r[a]],l=[0,s],u=this.dimensions.length,c=BO(e.get("axisExpandWidth"),l),h=BO(e.get("axisExpandCount")||0,[0,u]),d=e.get("axisExpandable")&&u>3&&u>h&&h>1&&c>0&&s>0,p=e.get("axisExpandWindow");p?(t=BO(p[1]-p[0],l),p[1]=p[0]+t):(t=BO(c*(h-1),l),(p=[c*(e.get("axisExpandCenter")||OO(u/2))-t/2])[1]=p[0]+t);var f=(s-t)/(u-h);f<3&&(f=0);var g=[OO(NO(p[0]/c,1))+1,RO(NO(p[1]/c,1))-1],y=f/c*p[0];return{layout:o,pixelDimIndex:a,layoutBase:n[i[a]],layoutLength:s,axisBase:n[i[1-a]],axisLength:n[r[1-a]],axisExpandable:d,axisExpandWidth:c,axisCollapseWidth:f,axisExpandWindow:p,axisCount:u,winInnerIndices:g,axisExpandWindow0Pos:y}},t.prototype._layoutAxes=function(){var t=this._rect,e=this._axesMap,n=this.dimensions,i=this._makeLayoutInfo(),r=i.layout;e.each((function(t){var e=[0,i.axisLength],n=t.inverse?1:0;t.setExtent(e[n],e[1-n])})),kO(n,(function(e,n){var o=(i.axisExpandable?GO:VO)(n,i),a={horizontal:{x:o.position,y:i.axisLength},vertical:{x:0,y:o.position}},s={horizontal:zO/2,vertical:0},l=[a[r].x+t.x,a[r].y+t.y],u=s[r],c=[1,0,0,1,0,0];Me(c,c,u),Se(c,c,l),this._axesLayout[e]={position:l,rotation:u,transform:c,axisNameAvailableWidth:o.axisNameAvailableWidth,axisLabelShow:o.axisLabelShow,nameTruncateMaxWidth:o.nameTruncateMaxWidth,tickDirection:1,labelDirection:1}}),this)},t.prototype.getAxis=function(t){return this._axesMap.get(t)},t.prototype.dataToPoint=function(t,e){return this.axisCoordToPoint(this._axesMap.get(e).dataToCoord(t),e)},t.prototype.eachActiveState=function(t,e,n,i){null==n&&(n=0),null==i&&(i=t.count());var r=this._axesMap,o=this.dimensions,a=[],s=[];z(o,(function(e){a.push(t.mapDimension(e)),s.push(r.get(e).model)}));for(var l=this.hasAxisBrushed(),u=n;u<i;u++){var c=void 0;if(l){c="active";for(var h=t.getValues(a,u),d=0,p=o.length;d<p;d++){if("inactive"===s[d].getActiveState(h[d])){c="inactive";break}}}else c="normal";e(c,u)}},t.prototype.hasAxisBrushed=function(){for(var t=this.dimensions,e=this._axesMap,n=!1,i=0,r=t.length;i<r;i++)"normal"!==e.get(t[i]).model.getActiveState()&&(n=!0);return n},t.prototype.axisCoordToPoint=function(t,e){return Sh([t,0],this._axesLayout[e].transform)},t.prototype.getAxisLayout=function(t){return T(this._axesLayout[t])},t.prototype.getSlidedAxisExpandWindow=function(t){var e=this._makeLayoutInfo(),n=e.pixelDimIndex,i=e.axisExpandWindow.slice(),r=i[1]-i[0],o=[0,e.axisExpandWidth*(e.axisCount-1)];if(!this.containPoint(t))return{behavior:"none",axisExpandWindow:i};var a,s=t[n]-e.layoutBase-e.axisExpandWindow0Pos,l="slide",u=e.axisCollapseWidth,c=this._model.get("axisExpandSlideTriggerArea"),h=null!=c[0];if(u)h&&u&&s<r*c[0]?(l="jump",a=s-r*c[2]):h&&u&&s>r*(1-c[0])?(l="jump",a=s-r*(1-c[2])):(a=s-r*c[1])>=0&&(a=s-r*(1-c[1]))<=0&&(a=0),(a*=e.axisExpandWidth/u)?CO(a,i,o,"all"):l="none";else{var d=i[1]-i[0];(i=[PO(0,o[1]*s/d-d/2)])[1]=LO(o[1],i[0]+d),i[0]=i[1]-d}return{axisExpandWindow:i,behavior:l}},t}();function BO(t,e){return LO(PO(t,e[0]),e[1])}function VO(t,e){var n=e.layoutLength/(e.axisCount-1);return{position:n*t,axisNameAvailableWidth:n,axisLabelShow:!0}}function GO(t,e){var n,i,r=e.layoutLength,o=e.axisExpandWidth,a=e.axisCount,s=e.axisCollapseWidth,l=e.winInnerIndices,u=s,c=!1;return t<l[0]?(n=t*s,i=s):t<=l[1]?(n=e.axisExpandWindow0Pos+t*o-e.axisExpandWindow[0],u=o,c=!0):(n=r-(a-1-t)*s,i=s),{position:n,axisNameAvailableWidth:u,axisLabelShow:c,nameTruncateMaxWidth:i}}var FO={create:function(t,e){var n=[];return t.eachComponent("parallel",(function(i,r){var o=new EO(i,t,e);o.name="parallel_"+r,o.resize(i,e),i.coordinateSystem=o,o.model=i,n.push(o)})),t.eachSeries((function(t){if("parallel"===t.get("coordinateSystem")){var e=t.getReferringComponents("parallel",ha).models[0];t.coordinateSystem=e.coordinateSystem}})),n}},WO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.activeIntervals=[],n}return n(e,t),e.prototype.getAreaSelectStyle=function(){return Da([["fill","color"],["lineWidth","borderWidth"],["stroke","borderColor"],["width","width"],["opacity","opacity"]])(this.getModel("areaSelectStyle"))},e.prototype.setActiveIntervals=function(t){var e=this.activeIntervals=T(t);if(e)for(var n=e.length-1;n>=0;n--)xo(e[n])},e.prototype.getActiveState=function(t){var e=this.activeIntervals;if(!e.length)return"normal";if(null==t||isNaN(+t))return"inactive";if(1===e.length){var n=e[0];if(n[0]<=t&&t<=n[1])return"active"}else for(var i=0,r=e.length;i<r;i++)if(e[i][0]<=t&&t<=e[i][1])return"active";return"inactive"},e}(Qp);R(WO,nw);var HO=!0,UO=Math.min,YO=Math.max,XO=Math.pow,ZO="globalPan",jO={w:[0,0],e:[0,1],n:[1,0],s:[1,1]},qO={w:"ew",e:"ew",n:"ns",s:"ns",ne:"nesw",sw:"nesw",nw:"nwse",se:"nwse"},KO={brushStyle:{lineWidth:2,stroke:tf.color.backgroundTint,fill:tf.color.borderTint},transformable:!0,brushMode:"single",removeOnClick:!1},$O=0,JO=function(t){function e(e){var n=t.call(this)||this;return n._track=[],n._covers=[],n._handlers={},n._zr=e,n.group=new to,n._uid="brushController_"+$O++,z(IR,(function(t,e){this._handlers[e]=W(t,this)}),n),n}return n(e,t),e.prototype.enableBrush=function(t){return this._brushType&&this._doDisableBrush(),t.brushType&&this._doEnableBrush(t),this},e.prototype._doEnableBrush=function(t){var e=this._zr;this._enableGlobalPan||function(t,e,n){CD(t)[e]=n}(e,ZO,this._uid),z(this._handlers,(function(t,n){e.on(n,t)})),this._brushType=t.brushType,this._brushOption=C(T(KO),t,!0)},e.prototype._doDisableBrush=function(){var t=this._zr;!function(t,e,n){var i=CD(t);i[e]===n&&(i[e]=null)}(t,ZO,this._uid),z(this._handlers,(function(e,n){t.off(n,e)})),this._brushType=this._brushOption=null},e.prototype.setPanels=function(t){if(t&&t.length){var e=this._panels={};z(t,(function(t){e[t.panelId]=T(t)}))}else this._panels=null;return this},e.prototype.mount=function(t){t=t||{},this._enableGlobalPan=t.enableGlobalPan;var e=this.group;return this._zr.add(e),e.attr({x:t.x||0,y:t.y||0,rotation:t.rotation||0,scaleX:t.scaleX||1,scaleY:t.scaleY||1}),this._transform=e.getLocalTransform(),this},e.prototype.updateCovers=function(t){t=E(t,(function(t){return C(T(KO),t,!0)}));var e=this._covers,n=this._covers=[],i=this,r=this._creatingCover;return new f_(e,t,(function(t,e){return o(t.__brushOption,e)}),o).add(a).update(a).remove((function(t){e[t]!==r&&i.group.remove(e[t])})).execute(),this;function o(t,e){return(null!=t.id?t.id:"\0-brush-index-"+e)+"-"+t.brushType}function a(o,a){var s=t[o];if(null!=a&&e[a]===r)n[o]=e[a];else{var l=n[o]=null!=a?(e[a].__brushOption=s,e[a]):tR(i,QO(i,s));iR(i,l)}}},e.prototype.unmount=function(){return this.enableBrush(!1),sR(this),this._zr.remove(this.group),this},e.prototype.dispose=function(){this.unmount(),this.off()},e}(qt);function QO(t,e){var n=CR[e.brushType].createCover(t,e);return n.__brushOption=e,nR(n,e),t.group.add(n),n}function tR(t,e){var n=rR(e);return n.endCreating&&(n.endCreating(t,e),nR(e,e.__brushOption)),e}function eR(t,e){var n=e.__brushOption;rR(e).updateCoverShape(t,e,n.range,n)}function nR(t,e){var n=e.z;null==n&&(n=1e4),t.traverse((function(t){t.z=n,t.z2=n}))}function iR(t,e){rR(e).updateCommon(t,e),eR(t,e)}function rR(t){return CR[t.__brushOption.brushType]}function oR(t,e,n){var i,r=t._panels;if(!r)return HO;var o=t._transform;return z(r,(function(t){t.isTargetByCursor(e,n,o)&&(i=t)})),i}function aR(t,e){var n=t._panels;if(!n)return HO;var i=e.__brushOption.panelId;return null!=i?n[i]:HO}function sR(t){var e=t._covers,n=e.length;return z(e,(function(e){t.group.remove(e)}),t),e.length=0,!!n}function lR(t,e){var n=E(t._covers,(function(t){var e=t.__brushOption,n=T(e.range);return{brushType:e.brushType,panelId:e.panelId,range:n}}));t.trigger("brush",{areas:n,isEnd:!!e.isEnd,removeOnClick:!!e.removeOnClick})}function uR(t){var e=t.length-1;return e<0&&(e=0),[t[0],t[e]]}function cR(t,e,n,i){var r=new to;return r.add(new xl({name:"main",style:fR(n),silent:!0,draggable:!0,cursor:"move",drift:H(vR,t,e,r,["n","s","w","e"]),ondragend:H(lR,e,{isEnd:!0})})),z(i,(function(n){r.add(new xl({name:n.join(""),style:{opacity:0},draggable:!0,silent:!0,invisible:!0,drift:H(vR,t,e,r,n),ondragend:H(lR,e,{isEnd:!0})}))})),r}function hR(t,e,n,i){var r=i.brushStyle.lineWidth||0,o=YO(r,6),a=n[0][0],s=n[1][0],l=a-r/2,u=s-r/2,c=n[0][1],h=n[1][1],d=c-o+r/2,p=h-o+r/2,f=c-a,g=h-s,y=f+r,v=g+r;pR(t,e,"main",a,s,f,g),i.transformable&&(pR(t,e,"w",l,u,o,v),pR(t,e,"e",d,u,o,v),pR(t,e,"n",l,u,y,o),pR(t,e,"s",l,p,y,o),pR(t,e,"nw",l,u,o,o),pR(t,e,"ne",d,u,o,o),pR(t,e,"sw",l,p,o,o),pR(t,e,"se",d,p,o,o))}function dR(t,e){var n=e.__brushOption,i=n.transformable,r=e.childAt(0);r.useStyle(fR(n)),r.attr({silent:!i,cursor:i?"move":"default"}),z([["w"],["e"],["n"],["s"],["s","e"],["s","w"],["n","e"],["n","w"]],(function(n){var r=e.childOfName(n.join("")),o=1===n.length?yR(t,n[0]):function(t,e){var n=[yR(t,e[0]),yR(t,e[1])];return("e"===n[0]||"w"===n[0])&&n.reverse(),n.join("")}(t,n);r&&r.attr({silent:!i,invisible:!i,cursor:i?qO[o]+"-resize":null})}))}function pR(t,e,n,i,r,o,a){var s=e.childOfName(n);s&&s.setShape(function(t){var e=UO(t[0][0],t[1][0]),n=UO(t[0][1],t[1][1]),i=YO(t[0][0],t[1][0]),r=YO(t[0][1],t[1][1]);return{x:e,y:n,width:i-e,height:r-n}}(_R(t,e,[[i,r],[i+o,r+a]])))}function fR(t){return k({strokeNoScale:!0},t.brushStyle)}function gR(t,e,n,i){var r=[UO(t,n),UO(e,i)],o=[YO(t,n),YO(e,i)];return[[r[0],o[0]],[r[1],o[1]]]}function yR(t,e){var n=Mh({w:"left",e:"right",n:"top",s:"bottom"}[e],function(t){return wh(t.group)}(t));return{left:"w",right:"e",top:"n",bottom:"s"}[n]}function vR(t,e,n,i,r,o){var a=n.__brushOption,s=t.toRectRange(a.range),l=xR(e,r,o);z(i,(function(t){var e=jO[t];s[e[0]][e[1]]+=l[e[0]]})),a.range=t.fromRectRange(gR(s[0][0],s[1][0],s[0][1],s[1][1])),iR(e,n),lR(e,{isEnd:!1})}function mR(t,e,n,i){var r=e.__brushOption.range,o=xR(t,n,i);z(r,(function(t){t[0]+=o[0],t[1]+=o[1]})),iR(t,e),lR(t,{isEnd:!1})}function xR(t,e,n){var i=t.group,r=i.transformCoordToLocal(e,n),o=i.transformCoordToLocal(0,0);return[r[0]-o[0],r[1]-o[1]]}function _R(t,e,n){var i=aR(t,e);return i&&i!==HO?i.clipPath(n,t._transform):T(n)}function bR(t){var e=t.event;e.preventDefault&&e.preventDefault()}function wR(t,e,n){return t.childOfName("main").contain(e,n)}function SR(t,e,n,i){var r,o=t._creatingCover,a=t._creatingPanel,s=t._brushOption;if(t._track.push(n.slice()),function(t){var e=t._track;if(!e.length)return!1;var n=e[e.length-1],i=e[0],r=n[0]-i[0],o=n[1]-i[1];return XO(r*r+o*o,.5)>6}(t)||o){if(a&&!o){"single"===s.brushMode&&sR(t);var l=T(s);l.brushType=MR(l.brushType,a),l.panelId=a===HO?null:a.panelId,o=t._creatingCover=QO(t,l),t._covers.push(o)}if(o){var u=CR[MR(t._brushType,a)];o.__brushOption.range=u.getCreatingRange(_R(t,o,t._track)),i&&(tR(t,o),u.updateCommon(t,o)),eR(t,o),r={isEnd:i}}}else i&&"single"===s.brushMode&&s.removeOnClick&&oR(t,e,n)&&sR(t)&&(r={isEnd:i,removeOnClick:!0});return r}function MR(t,e){return"auto"===t?e.defaultBrushType:t}var IR={mousedown:function(t){if(this._dragging)TR(this,t);else if(!t.target||!t.target.draggable){bR(t);var e=this.group.transformCoordToLocal(t.offsetX,t.offsetY);this._creatingCover=null,(this._creatingPanel=oR(this,t,e))&&(this._dragging=!0,this._track=[e.slice()])}},mousemove:function(t){var e=t.offsetX,n=t.offsetY,i=this.group.transformCoordToLocal(e,n);if(function(t,e,n){if(t._brushType&&!function(t,e,n){var i=t._zr;return e<0||e>i.getWidth()||n<0||n>i.getHeight()}(t,e.offsetX,e.offsetY)){var i=t._zr,r=t._covers,o=oR(t,e,n);if(!t._dragging)for(var a=0;a<r.length;a++){var s=r[a].__brushOption;if(o&&(o===HO||s.panelId===o.panelId)&&CR[s.brushType].contain(r[a],n[0],n[1]))return}o&&i.setCursorStyle("crosshair")}}(this,t,i),this._dragging){bR(t);var r=SR(this,t,i,!1);r&&lR(this,r)}},mouseup:function(t){TR(this,t)}};function TR(t,e){if(t._dragging){bR(e);var n=e.offsetX,i=e.offsetY,r=t.group.transformCoordToLocal(n,i),o=SR(t,e,r,!0);t._dragging=!1,t._track=[],t._creatingCover=null,o&&lR(t,o)}}var CR={lineX:DR(0),lineY:DR(1),rect:{createCover:function(t,e){function n(t){return t}return cR({toRectRange:n,fromRectRange:n},t,e,[["w"],["e"],["n"],["s"],["s","e"],["s","w"],["n","e"],["n","w"]])},getCreatingRange:function(t){var e=uR(t);return gR(e[1][0],e[1][1],e[0][0],e[0][1])},updateCoverShape:function(t,e,n,i){hR(t,e,n,i)},updateCommon:dR,contain:wR},polygon:{createCover:function(t,e){var n=new to;return n.add(new Tc({name:"main",style:fR(e),silent:!0})),n},getCreatingRange:function(t){return t},endCreating:function(t,e){e.remove(e.childAt(0)),e.add(new Mc({name:"main",draggable:!0,drift:H(mR,t,e),ondragend:H(lR,t,{isEnd:!0})}))},updateCoverShape:function(t,e,n,i){e.childAt(0).setShape({points:_R(t,e,n)})},updateCommon:dR,contain:wR}};function DR(t){return{createCover:function(e,n){return cR({toRectRange:function(e){var n=[e,[0,100]];return t&&n.reverse(),n},fromRectRange:function(e){return e[t]}},e,n,[[["w"],["e"]],[["n"],["s"]]][t])},getCreatingRange:function(e){var n=uR(e);return[UO(n[0][t],n[1][t]),YO(n[0][t],n[1][t])]},updateCoverShape:function(e,n,i,r){var o,a=aR(e,n);if(a!==HO&&a.getLinearBrushOtherExtent)o=a.getLinearBrushOtherExtent(t);else{var s=e._zr;o=[0,[s.getWidth(),s.getHeight()][1-t]]}var l=[i,o];t&&l.reverse(),hR(e,n,l,r)},updateCommon:dR,contain:wR}}function AR(t){return t=PR(t),function(e){return Ch(e,t)}}function kR(t,e){return t=PR(t),function(n){var i=null!=e?e:n,r=i?t.width:t.height,o=i?t.x:t.y;return[o,o+(r||0)]}}function LR(t,e,n){var i=PR(t);return function(t,r){return i.contain(r[0],r[1])&&!kD(t,e,n)}}function PR(t){return He.create(t)}var OR=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e,n){t.prototype.init.apply(this,arguments),(this._brushController=new JO(n.getZr())).on("brush",W(this._onBrush,this))},e.prototype.render=function(t,e,n,i){if(!function(t,e,n){return n&&"axisAreaSelect"===n.type&&e.findComponents({mainType:"parallelAxis",query:n})[0]===t}(t,e,i)){this.axisModel=t,this.api=n,this.group.removeAll();var r=this._axisGroup;if(this._axisGroup=new to,this.group.add(this._axisGroup),t.get("show")){var o=function(t,e){return e.getComponent("parallel",t.get("parallelIndex"))}(t,e),a=o.coordinateSystem,s=t.getAreaSelectStyle(),l=s.width,u=t.axis.dim,c=A({strokeContainThreshold:l},a.getAxisLayout(u)),h=new mC(t,n,c);h.build(),this._axisGroup.add(h.group),this._refreshBrushController(c,s,t,o,l,n),Th(r,this._axisGroup,t)}}},e.prototype._refreshBrushController=function(t,e,n,i,r,o){var a=n.axis.getExtent(),s=a[1]-a[0],l=Math.min(30,.1*Math.abs(s)),u=He.create({x:a[0],y:-r/2,width:s,height:r});u.x-=l,u.width+=2*l,this._brushController.mount({enableGlobalPan:!0,rotation:t.rotation,x:t.position[0],y:t.position[1]}).setPanels([{panelId:"pl",clipPath:AR(u),isTargetByCursor:LR(u,o,i),getLinearBrushOtherExtent:kR(u,0)}]).enableBrush({brushType:"lineX",brushStyle:e,removeOnClick:!0}).updateCovers(function(t){var e=t.axis;return E(t.activeIntervals,(function(t){return{brushType:"lineX",panelId:"pl",range:[e.dataToCoord(t[0],!0),e.dataToCoord(t[1],!0)]}}))}(n))},e.prototype._onBrush=function(t){var e=t.areas,n=this.axisModel,i=n.axis,r=E(e,(function(t){return[i.coordToData(t.range[0],!0),i.coordToData(t.range[1],!0)]}));(!n.option.realtime===t.isEnd||t.removeOnClick)&&this.api.dispatchAction({type:"axisAreaSelect",parallelAxisId:n.id,intervals:r})},e.prototype.dispose=function(){this._brushController.dispose()},e.type="parallelAxis",e}(Ky);var RR={type:"axisAreaSelect",event:"axisAreaSelected"};var NR={type:"value",areaSelectStyle:{width:20,borderWidth:1,borderColor:"rgba(160,197,232)",color:"rgba(160,197,232)",opacity:.3},realtime:!0,z:10};function zR(t){t.registerComponentView(wO),t.registerComponentModel(IO),t.registerCoordinateSystem("parallel",FO),t.registerPreprocessor(bO),t.registerComponentModel(WO),t.registerComponentView(OR),XT(t,"parallel",WO,NR),function(t){t.registerAction(RR,(function(t,e){e.eachComponent({mainType:"parallelAxis",query:t},(function(e){e.axis.model.setActiveIntervals(t.intervals)}))})),t.registerAction("parallelAxisExpand",(function(t,e){e.eachComponent({mainType:"parallel",query:t},(function(e){e.setAxisExpand(t)}))}))}(t)}var ER=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.cpx1=0,this.cpy1=0,this.cpx2=0,this.cpy2=0,this.extent=0},BR=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new ER},e.prototype.buildPath=function(t,e){var n=e.extent;t.moveTo(e.x1,e.y1),t.bezierCurveTo(e.cpx1,e.cpy1,e.cpx2,e.cpy2,e.x2,e.y2),"vertical"===e.orient?(t.lineTo(e.x2+n,e.y2),t.bezierCurveTo(e.cpx2+n,e.cpy2,e.cpx1+n,e.cpy1,e.x1+n,e.y1)):(t.lineTo(e.x2,e.y2+n),t.bezierCurveTo(e.cpx2,e.cpy2+n,e.cpx1,e.cpy1+n,e.x1,e.y1+n)),t.closePath()},e.prototype.highlight=function(){du(this)},e.prototype.downplay=function(){pu(this)},e}(sl),VR=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._mainGroup=new to,n._focusAdjacencyDisabled=!1,n}return n(e,t),e.prototype.init=function(t,e){this._controller=new LD(e.getZr()),this._controllerHost={target:this.group},this.group.add(this._mainGroup)},e.prototype.render=function(t,e,n){var i=this,r=t.getGraph(),o=this._mainGroup,a=t.layoutInfo,s=a.width,l=a.height,u=t.getData(),c=t.getData("edge"),h=t.get("orient");this._model=t,o.removeAll(),o.x=a.x,o.y=a.y,this._updateViewCoordSys(t,n),HD(t,n,o,this._controller,this._controllerHost,null),r.eachEdge((function(e){var n=new BR,i=zl(n);i.dataIndex=e.dataIndex,i.seriesIndex=t.seriesIndex,i.dataType="edge";var r,a,u,d,p,f,g,y,v=e.getModel(),m=v.getModel("lineStyle"),x=m.get("curveness"),_=e.node1.getLayout(),b=e.node1.getModel(),w=b.get("localX"),S=b.get("localY"),M=e.node2.getLayout(),I=e.node2.getModel(),T=I.get("localX"),C=I.get("localY"),D=e.getLayout();n.shape.extent=Math.max(1,D.dy),n.shape.orient=h,"vertical"===h?(r=(null!=w?w*s:_.x)+D.sy,a=(null!=S?S*l:_.y)+_.dy,u=(null!=T?T*s:M.x)+D.ty,p=r,f=a*(1-x)+(d=null!=C?C*l:M.y)*x,g=u,y=a*x+d*(1-x)):(r=(null!=w?w*s:_.x)+_.dx,a=(null!=S?S*l:_.y)+D.sy,p=r*(1-x)+(u=null!=T?T*s:M.x)*x,f=a,g=r*x+u*(1-x),y=d=(null!=C?C*l:M.y)+D.ty),n.setShape({x1:r,y1:a,x2:u,y2:d,cpx1:p,cpy1:f,cpx2:g,cpy2:y}),n.useStyle(m.getItemStyle()),GR(n.style,h,e);var A=""+v.get("value"),k=Jh(v,"edgeLabel");$h(n,k,{labelFetcher:{getFormattedLabel:function(e,n,i,r,o,a){return t.getFormattedLabel(e,n,"edge",r,ot(o,k.normal&&k.normal.get("formatter"),A),a)}},labelDataIndex:e.dataIndex,defaultText:A}),n.setTextConfig({position:"inside"});var L=v.getModel("emphasis");ku(n,v,"lineStyle",(function(t){var n=t.getItemStyle();return GR(n,h,e),n})),o.add(n),c.setItemGraphicEl(e.dataIndex,n);var P=L.get("focus");Tu(n,"adjacency"===P?e.getAdjacentDataIndices():"trajectory"===P?e.getTrajectoryDataIndices():P,L.get("blurScope"),L.get("disabled"))})),r.eachNode((function(e){var n=e.getLayout(),i=e.getModel(),r=i.get("localX"),a=i.get("localY"),c=i.getModel("emphasis"),h=i.get(["itemStyle","borderRadius"])||0,d=new xl({shape:{x:null!=r?r*s:n.x,y:null!=a?a*l:n.y,width:n.dx,height:n.dy,r:h},style:i.getModel("itemStyle").getItemStyle(),z2:10});$h(d,Jh(i),{labelFetcher:{getFormattedLabel:function(e,n){return t.getFormattedLabel(e,n,"node")}},labelDataIndex:e.dataIndex,defaultText:e.id}),d.disableLabelAnimation=!0,d.setStyle("fill",e.getVisual("color")),d.setStyle("decal",e.getVisual("style").decal),ku(d,i),o.add(d),u.setItemGraphicEl(e.dataIndex,d),zl(d).dataType="node";var p=c.get("focus");Tu(d,"adjacency"===p?e.getAdjacentDataIndices():"trajectory"===p?e.getTrajectoryDataIndices():p,c.get("blurScope"),c.get("disabled"))})),u.eachItemGraphicEl((function(e,r){u.getItemModel(r).get("draggable")&&(e.drift=function(e,o){i._focusAdjacencyDisabled=!0,this.shape.x+=e,this.shape.y+=o,this.dirty(),n.dispatchAction({type:"dragNode",seriesId:t.id,dataIndex:u.getRawIndex(r),localX:this.shape.x/s,localY:this.shape.y/l})},e.ondragend=function(){i._focusAdjacencyDisabled=!1},e.draggable=!0,e.cursor="move")})),!this._data&&t.isAnimationEnabled()&&o.setClipPath(function(t,e,n){var i=new xl({shape:{x:t.x-10,y:t.y-10,width:0,height:t.height+20}});return eh(i,{shape:{width:t.width+20}},e,n),i}(o.getBoundingRect(),t,(function(){o.removeClipPath()}))),this._data=t.getData()},e.prototype.dispose=function(){this._controller&&this._controller.dispose(),this._controllerHost=null},e.prototype._updateViewCoordSys=function(t,e){var n=t.layoutInfo,i=n.width,r=n.height,o=t.coordinateSystem=new KA(null,{api:e,ecModel:t.ecModel});o.zoomLimit=t.get("scaleLimit"),o.setBoundingRect(0,0,i,r),o.setCenter(t.get("center")),o.setZoom(t.get("zoom")),this._controllerHost.target.attr({x:o.x,y:o.y,scaleX:o.scaleX,scaleY:o.scaleY})},e.type="sankey",e}(tv);function GR(t,e,n){switch(t.fill){case"source":t.fill=n.node1.getVisual("color"),t.decal=n.node1.getVisual("style").decal;break;case"target":t.fill=n.node2.getVisual("color"),t.decal=n.node2.getVisual("style").decal;break;case"gradient":var i=n.node1.getVisual("color"),r=n.node2.getVisual("color");X(i)&&X(r)&&(t.fill=new Bc(0,0,+("horizontal"===e),+("vertical"===e),[{color:i,offset:0},{color:r,offset:1}]))}}var FR=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(t,e){var n=t.edges||t.links||[],i=t.data||t.nodes||[],r=t.levels||[];this.levelModels=[];for(var o=this.levelModels,a=0;a<r.length;a++)null!=r[a].depth&&r[a].depth>=0&&(o[r[a].depth]=new wd(r[a],this,e));var s=XP(i,n,this,!0,(function(t,e){t.wrapMethod("getItemModel",(function(t,e){var n=t.parentModel,i=n.getData().getItemLayout(e);if(i){var r=i.depth,o=n.levelModels[r];o&&(t.parentModel=o)}return t})),e.wrapMethod("getItemModel",(function(t,e){var n=t.parentModel,i=n.getGraph().getEdgeByIndex(e).node1.getLayout();if(i){var r=i.depth,o=n.levelModels[r];o&&(t.parentModel=o)}return t}))}));return s.data},e.prototype.setNodePosition=function(t,e){var n=(this.option.data||this.option.nodes)[t];n.localX=e[0],n.localY=e[1]},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.getGraph=function(){return this.getData().graph},e.prototype.getEdgeData=function(){return this.getGraph().edgeData},e.prototype.formatTooltip=function(t,e,n){function i(t){return isNaN(t)||null==t}if("edge"===n){var r=this.getDataParams(t,n),o=r.data,a=r.value;return Ty("nameValue",{name:o.source+" -- "+o.target,value:a,noValue:i(a)})}var s=this.getGraph().getNodeByIndex(t).getLayout().value,l=this.getDataParams(t,n).data.name;return Ty("nameValue",{name:null!=l?l+"":null,value:s,noValue:i(s)})},e.prototype.optionUpdated=function(){},e.prototype.getDataParams=function(e,n){var i=t.prototype.getDataParams.call(this,e,n);if(null==i.value&&"node"===n){var r=this.getGraph().getNodeByIndex(e).getLayout().value;i.value=r}return i},e.type="series.sankey",e.layoutMode="box",e.defaultOption={z:2,coordinateSystemUsage:"box",left:"5%",top:"5%",right:"20%",bottom:"5%",orient:"horizontal",nodeWidth:20,nodeGap:8,draggable:!0,layoutIterations:32,roam:!1,roamTrigger:"global",center:null,zoom:1,label:{show:!0,position:"right",fontSize:12},edgeLabel:{show:!1,fontSize:12},levels:[],nodeAlign:"justify",lineStyle:{color:tf.color.neutral50,opacity:.2,curveness:.5},emphasis:{label:{show:!0},lineStyle:{opacity:.5}},select:{itemStyle:{borderColor:tf.color.primary}},animationEasing:"linear",animationDuration:1e3},e}(Wy);function WR(t,e){t.eachSeriesByType("sankey",(function(t){var n=t.get("nodeWidth"),i=t.get("nodeGap"),r=Xp(t,e).refContainer,o=Hp(t.getBoxLayoutParams(),r);t.layoutInfo=o;var a=o.width,s=o.height,l=t.getGraph(),u=l.nodes,c=l.edges;!function(t){z(t,(function(t){var e=JR(t.outEdges,$R),n=JR(t.inEdges,$R),i=t.getValue()||0,r=Math.max(e,n,i);t.setLayout({value:r},!0)}))}(u),function(t,e,n,i,r,o,a,s,l){(function(t,e,n,i,r,o,a){for(var s=[],l=[],u=[],c=[],h=0,d=0;d<e.length;d++)s[d]=1;for(d=0;d<t.length;d++)l[d]=t[d].inEdges.length,0===l[d]&&u.push(t[d]);var p=-1;for(;u.length;){for(var f=0;f<u.length;f++){var g=u[f],y=g.hostGraph.data.getRawDataItem(g.dataIndex),v=null!=y.depth&&y.depth>=0;v&&y.depth>p&&(p=y.depth),g.setLayout({depth:v?y.depth:h},!0),"vertical"===o?g.setLayout({dy:n},!0):g.setLayout({dx:n},!0);for(var m=0;m<g.outEdges.length;m++){var x=g.outEdges[m];s[e.indexOf(x)]=0;var _=x.node2;0==--l[t.indexOf(_)]&&c.indexOf(_)<0&&c.push(_)}}++h,u=c,c=[]}for(d=0;d<s.length;d++)if(1===s[d])throw new Error("Sankey is a DAG, the original data has cycle!");var b=p>h-1?p:h-1;a&&"left"!==a&&function(t,e,n,i){if("right"===e){for(var r=[],o=t,a=0;o.length;){for(var s=0;s<o.length;s++){var l=o[s];l.setLayout({skNodeHeight:a},!0);for(var u=0;u<l.inEdges.length;u++){var c=l.inEdges[u];r.indexOf(c.node1)<0&&r.push(c.node1)}}o=r,r=[],++a}z(t,(function(t){HR(t)||t.setLayout({depth:Math.max(0,i-t.getLayout().skNodeHeight)},!0)}))}else"justify"===e&&function(t,e){z(t,(function(t){HR(t)||t.outEdges.length||t.setLayout({depth:e},!0)}))}(t,i)}(t,a,0,b);var w="vertical"===o?(r-n)/b:(i-n)/b;!function(t,e,n){z(t,(function(t){var i=t.getLayout().depth*e;"vertical"===n?t.setLayout({y:i},!0):t.setLayout({x:i},!0)}))}(t,w,o)})(t,e,n,r,o,s,l),function(t,e,n,i,r,o,a){var s=function(t,e){var n=[],i="vertical"===e?"y":"x",r=ga(t,(function(t){return t.getLayout()[i]}));return r.keys.sort((function(t,e){return t-e})),z(r.keys,(function(t){n.push(r.buckets.get(t))})),n}(t,a);(function(t,e,n,i,r,o){var a=1/0;z(t,(function(t){var e=t.length,s=0;z(t,(function(t){s+=t.getLayout().value}));var l="vertical"===o?(i-(e-1)*r)/s:(n-(e-1)*r)/s;l<a&&(a=l)})),z(t,(function(t){z(t,(function(t,e){var n=t.getLayout().value*a;"vertical"===o?(t.setLayout({x:e},!0),t.setLayout({dx:n},!0)):(t.setLayout({y:e},!0),t.setLayout({dy:n},!0))}))})),z(e,(function(t){var e=+t.getValue()*a;t.setLayout({dy:e},!0)}))})(s,e,n,i,r,a),UR(s,r,n,i,a);for(var l=1;o>0;o--)YR(s,l*=.99,a),UR(s,r,n,i,a),QR(s,l,a),UR(s,r,n,i,a)}(t,e,o,r,i,a,s),function(t,e){var n="vertical"===e?"x":"y";z(t,(function(t){t.outEdges.sort((function(t,e){return t.node2.getLayout()[n]-e.node2.getLayout()[n]})),t.inEdges.sort((function(t,e){return t.node1.getLayout()[n]-e.node1.getLayout()[n]}))})),z(t,(function(t){var e=0,n=0;z(t.outEdges,(function(t){t.setLayout({sy:e},!0),e+=t.getLayout().dy})),z(t.inEdges,(function(t){t.setLayout({ty:n},!0),n+=t.getLayout().dy}))}))}(t,s)}(u,c,n,i,a,s,0!==V(u,(function(t){return 0===t.getLayout().value})).length?0:t.get("layoutIterations"),t.get("orient"),t.get("nodeAlign"))}))}function HR(t){var e=t.hostGraph.data.getRawDataItem(t.dataIndex);return null!=e.depth&&e.depth>=0}function UR(t,e,n,i,r){var o="vertical"===r?"x":"y";z(t,(function(t){var a,s,l;t.sort((function(t,e){return t.getLayout()[o]-e.getLayout()[o]}));for(var u=0,c=t.length,h="vertical"===r?"dx":"dy",d=0;d<c;d++)(l=u-(s=t[d]).getLayout()[o])>0&&(a=s.getLayout()[o]+l,"vertical"===r?s.setLayout({x:a},!0):s.setLayout({y:a},!0)),u=s.getLayout()[o]+s.getLayout()[h]+e;if((l=u-e-("vertical"===r?i:n))>0){a=s.getLayout()[o]-l,"vertical"===r?s.setLayout({x:a},!0):s.setLayout({y:a},!0),u=a;for(d=c-2;d>=0;--d)(l=(s=t[d]).getLayout()[o]+s.getLayout()[h]+e-u)>0&&(a=s.getLayout()[o]-l,"vertical"===r?s.setLayout({x:a},!0):s.setLayout({y:a},!0)),u=s.getLayout()[o]}}))}function YR(t,e,n){z(t.slice().reverse(),(function(t){z(t,(function(t){if(t.outEdges.length){var i=JR(t.outEdges,XR,n)/JR(t.outEdges,$R);if(isNaN(i)){var r=t.outEdges.length;i=r?JR(t.outEdges,ZR,n)/r:0}if("vertical"===n){var o=t.getLayout().x+(i-KR(t,n))*e;t.setLayout({x:o},!0)}else{var a=t.getLayout().y+(i-KR(t,n))*e;t.setLayout({y:a},!0)}}}))}))}function XR(t,e){return KR(t.node2,e)*t.getValue()}function ZR(t,e){return KR(t.node2,e)}function jR(t,e){return KR(t.node1,e)*t.getValue()}function qR(t,e){return KR(t.node1,e)}function KR(t,e){return"vertical"===e?t.getLayout().x+t.getLayout().dx/2:t.getLayout().y+t.getLayout().dy/2}function $R(t){return t.getValue()}function JR(t,e,n){for(var i=0,r=t.length,o=-1;++o<r;){var a=+e(t[o],n);isNaN(a)||(i+=a)}return i}function QR(t,e,n){z(t,(function(t){z(t,(function(t){if(t.inEdges.length){var i=JR(t.inEdges,jR,n)/JR(t.inEdges,$R);if(isNaN(i)){var r=t.inEdges.length;i=r?JR(t.inEdges,qR,n)/r:0}if("vertical"===n){var o=t.getLayout().x+(i-KR(t,n))*e;t.setLayout({x:o},!0)}else{var a=t.getLayout().y+(i-KR(t,n))*e;t.setLayout({y:a},!0)}}}))}))}function tN(t){t.eachSeriesByType("sankey",(function(t){var e=t.getGraph(),n=e.nodes,i=e.edges;if(n.length){var r=1/0,o=-1/0;z(n,(function(t){var e=t.getLayout().value;e<r&&(r=e),e>o&&(o=e)})),z(n,(function(e){var n=new hL({type:"color",mappingMethod:"linear",dataExtent:[r,o],visual:t.get("color")}).mapValueToVisual(e.getLayout().value),i=e.getModel().get(["itemStyle","color"]);null!=i?(e.setVisual("color",i),e.setVisual("style",{fill:i})):(e.setVisual("color",n),e.setVisual("style",{fill:n}))}))}i.length&&z(i,(function(t){var e=t.getModel().get("lineStyle");t.setVisual("style",e)}))}))}var eN=function(){function t(){}return t.prototype._hasEncodeRule=function(t){var e=this.getEncode();return e&&null!=e.get(t)},t.prototype.getInitialData=function(t,e){var n,i,r=e.getComponent("xAxis",this.get("xAxisIndex")),o=e.getComponent("yAxis",this.get("yAxisIndex")),a=r.get("type"),s=o.get("type");"category"===a?(t.layout="horizontal",n=r.getOrdinalMeta(),i=!this._hasEncodeRule("x")):"category"===s?(t.layout="vertical",n=o.getOrdinalMeta(),i=!this._hasEncodeRule("y")):t.layout=t.layout||"horizontal";var l=["x","y"],u="horizontal"===t.layout?0:1,c=this._baseAxisDim=l[u],h=l[1-u],d=[r,o],p=d[u].get("type"),f=d[1-u].get("type"),g=t.data;if(g&&i){var y=[];z(g,(function(t,e){var n;U(t)?(n=t.slice(),t.unshift(e)):U(t.value)?((n=A({},t)).value=n.value.slice(),t.value.unshift(e)):n=t,y.push(n)})),t.data=y}var v=this.defaultValueDimensions,m=[{name:c,type:v_(p),ordinalMeta:n,otherDims:{tooltip:!1,itemName:0},dimsDef:["base"]},{name:h,type:v_(f),dimsDef:v.slice()}];return IT(this,{coordDimensions:m,dimensionsCount:v.length+1,encodeDefaulter:H(Sf,m,this)})},t.prototype.getBaseAxis=function(){var t=this._baseAxisDim;return this.ecModel.getComponent(t+"Axis",this.get(t+"AxisIndex")).axis},t}(),nN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.defaultValueDimensions=[{name:"min",defaultTooltip:!0},{name:"Q1",defaultTooltip:!0},{name:"median",defaultTooltip:!0},{name:"Q3",defaultTooltip:!0},{name:"max",defaultTooltip:!0}],n.visualDrawType="stroke",n}return n(e,t),e.type="series.boxplot",e.dependencies=["xAxis","yAxis","grid"],e.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,layout:null,boxWidth:[7,50],itemStyle:{color:tf.color.neutral00,borderWidth:1},emphasis:{scale:!0,itemStyle:{borderWidth:2,shadowBlur:5,shadowOffsetX:1,shadowOffsetY:1,shadowColor:tf.color.shadow}},animationDuration:800},e}(Wy);R(nN,eN,!0);var iN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this.group,o=this._data;this._data||r.removeAll();var a="horizontal"===t.get("layout")?1:0;i.diff(o).add((function(t){if(i.hasValue(t)){var e=aN(i.getItemLayout(t),i,t,a,!0);i.setItemGraphicEl(t,e),r.add(e)}})).update((function(t,e){var n=o.getItemGraphicEl(e);if(i.hasValue(t)){var s=i.getItemLayout(t);n?(ah(n),sN(s,n,i,t)):n=aN(s,i,t,a),r.add(n),i.setItemGraphicEl(t,n)}else r.remove(n)})).remove((function(t){var e=o.getItemGraphicEl(t);e&&r.remove(e)})).execute(),this._data=i},e.prototype.remove=function(t){var e=this.group,n=this._data;this._data=null,n&&n.eachItemGraphicEl((function(t){t&&e.remove(t)}))},e.type="boxplot",e}(tv),rN=function(){},oN=function(t){function e(e){var n=t.call(this,e)||this;return n.type="boxplotBoxPath",n}return n(e,t),e.prototype.getDefaultShape=function(){return new rN},e.prototype.buildPath=function(t,e){var n=e.points,i=0;for(t.moveTo(n[i][0],n[i][1]),i++;i<4;i++)t.lineTo(n[i][0],n[i][1]);for(t.closePath();i<n.length;i++)t.moveTo(n[i][0],n[i][1]),i++,t.lineTo(n[i][0],n[i][1])},e}(sl);function aN(t,e,n,i,r){var o=t.ends,a=new oN({shape:{points:r?lN(o,i,t):o}});return sN(t,a,e,n,r),a}function sN(t,e,n,i,r){var o=n.hostModel;(0,Zh[r?"initProps":"updateProps"])(e,{shape:{points:t.ends}},o,i),e.useStyle(n.getItemVisual(i,"style")),e.style.strokeNoScale=!0,e.z2=100;var a=n.getItemModel(i),s=a.getModel("emphasis");ku(e,a),Tu(e,s.get("focus"),s.get("blurScope"),s.get("disabled"))}function lN(t,e,n){return E(t,(function(t){return(t=t.slice())[e]=n.initBaseline,t}))}var uN=z;function cN(t){var e=function(t){var e=[],n=[];return t.eachSeriesByType("boxplot",(function(t){var i=t.getBaseAxis(),r=P(n,i);r<0&&(r=n.length,n[r]=i,e[r]={axis:i,seriesModels:[]}),e[r].seriesModels.push(t)})),e}(t);uN(e,(function(t){var e=t.seriesModels;e.length&&(!function(t){var e,n=t.axis,i=t.seriesModels,r=i.length,o=t.boxWidthList=[],a=t.boxOffsetList=[],s=[];if("category"===n.type)e=n.getBandWidth();else{var l=0;uN(i,(function(t){l=Math.max(l,t.getData().count())}));var u=n.getExtent();e=Math.abs(u[1]-u[0])/l}uN(i,(function(t){var n=t.get("boxWidth");U(n)||(n=[n,n]),s.push([yo(n[0],e)||0,yo(n[1],e)||0])}));var c=.8*e-2,h=c/r*.3,d=(c-h*(r-1))/r,p=d/2-c/2;uN(i,(function(t,e){a.push(p),p+=h+d,o.push(Math.min(Math.max(d,s[e][0]),s[e][1]))}))}(t),uN(e,(function(e,n){!function(t,e,n){var i=t.coordinateSystem,r=t.getData(),o=n/2,a="horizontal"===t.get("layout")?0:1,s=1-a,l=["x","y"],u=r.mapDimension(l[a]),c=r.mapDimensionsAll(l[s]);if(null==u||c.length<5)return;for(var h=0;h<r.count();h++){var d=r.get(u,h),p=x(d,c[2],h),f=x(d,c[0],h),g=x(d,c[1],h),y=x(d,c[3],h),v=x(d,c[4],h),m=[];_(m,g,!1),_(m,y,!0),m.push(f,g,v,y),b(m,f),b(m,v),b(m,p),r.setItemLayout(h,{initBaseline:p[s],ends:m})}function x(t,n,o){var l,u=r.get(n,o),c=[];return c[a]=t,c[s]=u,isNaN(t)||isNaN(u)?l=[NaN,NaN]:(l=i.dataToPoint(c))[a]+=e,l}function _(t,e,n){var i=e.slice(),r=e.slice();i[a]+=o,r[a]-=o,n?t.push(i,r):t.push(r,i)}function b(t,e){var n=e.slice(),i=e.slice();n[a]-=o,i[a]+=o,t.push(n,i)}}(e,t.boxOffsetList[n],t.boxWidthList[n])})))}))}var hN={type:"echarts:boxplot",transform:function(t){var e=t.upstream;if(e.sourceFormat!==df){var n="";0,Yo(n)}var i=function(t,e){for(var n=[],i=[],r=(e=e||{}).boundIQR,o="none"===r||0===r,a=0;a<t.length;a++){var s=xo(t[a].slice()),l=Oo(s,.25),u=Oo(s,.5),c=Oo(s,.75),h=s[0],d=s[s.length-1],p=(null==r?1.5:r)*(c-l),f=o?h:Math.max(h,l-p),g=o?d:Math.min(d,c+p),y=e.itemNameFormatter,v=Y(y)?y({value:a}):X(y)?y.replace("{value}",a+""):a+"";n.push([v,f,l,u,c,g]);for(var m=0;m<s.length;m++){var x=s[m];if(x<f||x>g){var _=[v,x];i.push(_)}}}return{boxData:n,outliers:i}}(e.getRawData(),t.config);return[{dimensions:["ItemName","Low","Q1","Q2","Q3","High"],data:i.boxData},{data:i.outliers}]}};var dN=["itemStyle","borderColor"],pN=["itemStyle","borderColor0"],fN=["itemStyle","borderColorDoji"],gN=["itemStyle","color"],yN=["itemStyle","color0"];function vN(t,e){return e.get(t>0?gN:yN)}function mN(t,e){return e.get(0===t?fN:t>0?dN:pN)}var xN={seriesType:"candlestick",plan:$y(),performRawSeries:!0,reset:function(t,e){if(!e.isSeriesFiltered(t))return!t.pipelineContext.large&&{progress:function(t,e){for(var n;null!=(n=t.next());){var i=e.getItemModel(n),r=e.getItemLayout(n).sign,o=i.getItemStyle();o.fill=vN(r,i),o.stroke=mN(r,i)||o.fill,A(e.ensureUniqueItemVisual(n,"style"),o)}}}}},_N=["color","borderColor"],bN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this.group.removeClipPath(),this._progressiveEls=null,this._updateDrawMode(t),this._isLargeDraw?this._renderLarge(t):this._renderNormal(t)},e.prototype.incrementalPrepareRender=function(t,e,n){this._clear(),this._updateDrawMode(t)},e.prototype.incrementalRender=function(t,e,n,i){this._progressiveEls=[],this._isLargeDraw?this._incrementalRenderLarge(t,e):this._incrementalRenderNormal(t,e)},e.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},e.prototype._updateDrawMode=function(t){var e=t.pipelineContext.large;null!=this._isLargeDraw&&e===this._isLargeDraw||(this._isLargeDraw=e,this._clear())},e.prototype._renderNormal=function(t){var e=t.getData(),n=this._data,i=this.group,r=e.getLayout("isSimpleBox"),o=t.get("clip",!0),a=t.coordinateSystem,s=a.getArea&&a.getArea();this._data||i.removeAll(),e.diff(n).add((function(n){if(e.hasValue(n)){var a=e.getItemLayout(n);if(o&&IN(s,a))return;var l=MN(a,n,!0);eh(l,{shape:{points:a.ends}},t,n),TN(l,e,n,r),i.add(l),e.setItemGraphicEl(n,l)}})).update((function(a,l){var u=n.getItemGraphicEl(l);if(e.hasValue(a)){var c=e.getItemLayout(a);o&&IN(s,c)?i.remove(u):(u?(th(u,{shape:{points:c.ends}},t,a),ah(u)):u=MN(c),TN(u,e,a,r),i.add(u),e.setItemGraphicEl(a,u))}else i.remove(u)})).remove((function(t){var e=n.getItemGraphicEl(t);e&&i.remove(e)})).execute(),this._data=e},e.prototype._renderLarge=function(t){this._clear(),kN(t,this.group);var e=t.get("clip",!0)?wI(t.coordinateSystem,!1,t):null;e?this.group.setClipPath(e):this.group.removeClipPath()},e.prototype._incrementalRenderNormal=function(t,e){for(var n,i=e.getData(),r=i.getLayout("isSimpleBox");null!=(n=t.next());){var o=MN(i.getItemLayout(n));TN(o,i,n,r),o.incremental=!0,this.group.add(o),this._progressiveEls.push(o)}},e.prototype._incrementalRenderLarge=function(t,e){kN(e,this.group,this._progressiveEls,!0)},e.prototype.remove=function(t){this._clear()},e.prototype._clear=function(){this.group.removeAll(),this._data=null},e.type="candlestick",e}(tv),wN=function(){},SN=function(t){function e(e){var n=t.call(this,e)||this;return n.type="normalCandlestickBox",n}return n(e,t),e.prototype.getDefaultShape=function(){return new wN},e.prototype.buildPath=function(t,e){var n=e.points;this.__simpleBox?(t.moveTo(n[4][0],n[4][1]),t.lineTo(n[6][0],n[6][1])):(t.moveTo(n[0][0],n[0][1]),t.lineTo(n[1][0],n[1][1]),t.lineTo(n[2][0],n[2][1]),t.lineTo(n[3][0],n[3][1]),t.closePath(),t.moveTo(n[4][0],n[4][1]),t.lineTo(n[5][0],n[5][1]),t.moveTo(n[6][0],n[6][1]),t.lineTo(n[7][0],n[7][1]))},e}(sl);function MN(t,e,n){var i=t.ends;return new SN({shape:{points:n?CN(i,t):i},z2:100})}function IN(t,e){for(var n=!0,i=0;i<e.ends.length;i++)if(t.contain(e.ends[i][0],e.ends[i][1])){n=!1;break}return n}function TN(t,e,n,i){var r=e.getItemModel(n);t.useStyle(e.getItemVisual(n,"style")),t.style.strokeNoScale=!0,t.__simpleBox=i,ku(t,r);var o=e.getItemLayout(n).sign;z(t.states,(function(t,e){var n=r.getModel(e),i=vN(o,n),a=mN(o,n)||i,s=t.style||(t.style={});i&&(s.fill=i),a&&(s.stroke=a)}));var a=r.getModel("emphasis");Tu(t,a.get("focus"),a.get("blurScope"),a.get("disabled"))}function CN(t,e){return E(t,(function(t){return(t=t.slice())[1]=e.initBaseline,t}))}var DN=function(){},AN=function(t){function e(e){var n=t.call(this,e)||this;return n.type="largeCandlestickBox",n}return n(e,t),e.prototype.getDefaultShape=function(){return new DN},e.prototype.buildPath=function(t,e){for(var n=e.points,i=0;i<n.length;)if(this.__sign===n[i++]){var r=n[i++];t.moveTo(r,n[i++]),t.lineTo(r,n[i++])}else i+=3},e}(sl);function kN(t,e,n,i){var r=t.getData().getLayout("largePoints"),o=new AN({shape:{points:r},__sign:1,ignoreCoarsePointer:!0});e.add(o);var a=new AN({shape:{points:r},__sign:-1,ignoreCoarsePointer:!0});e.add(a);var s=new AN({shape:{points:r},__sign:0,ignoreCoarsePointer:!0});e.add(s),LN(1,o,t),LN(-1,a,t),LN(0,s,t),i&&(o.incremental=!0,a.incremental=!0),n&&n.push(o,a)}function LN(t,e,n,i){var r=mN(t,n)||vN(t,n),o=n.getModel("itemStyle").getItemStyle(_N);e.useStyle(o),e.style.fill=null,e.style.stroke=r}var PN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.defaultValueDimensions=[{name:"open",defaultTooltip:!0},{name:"close",defaultTooltip:!0},{name:"lowest",defaultTooltip:!0},{name:"highest",defaultTooltip:!0}],n}return n(e,t),e.prototype.getShadowDim=function(){return"open"},e.prototype.brushSelector=function(t,e,n){var i=e.getItemLayout(t);return i&&n.rect(i.brushRect)},e.type="series.candlestick",e.dependencies=["xAxis","yAxis","grid"],e.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,layout:null,clip:!0,itemStyle:{color:"#eb5454",color0:"#47b262",borderColor:"#eb5454",borderColor0:"#47b262",borderColorDoji:null,borderWidth:1},emphasis:{itemStyle:{borderWidth:2}},barMaxWidth:null,barMinWidth:null,barWidth:null,large:!0,largeThreshold:600,progressive:3e3,progressiveThreshold:1e4,progressiveChunkMode:"mod",animationEasing:"linear",animationDuration:300},e}(Wy);function ON(t){t&&U(t.series)&&z(t.series,(function(t){q(t)&&"k"===t.type&&(t.type="candlestick")}))}R(PN,eN,!0);var RN={seriesType:"candlestick",plan:$y(),reset:function(t){var e=t.coordinateSystem,n=t.getData(),i=function(t,e){var n,i=t.getBaseAxis(),r="category"===i.type?i.getBandWidth():(n=i.getExtent(),Math.abs(n[1]-n[0])/e.count()),o=yo(rt(t.get("barMaxWidth"),r),r),a=yo(rt(t.get("barMinWidth"),1),r),s=t.get("barWidth");return null!=s?yo(s,r):Math.max(Math.min(r/2,o),a)}(t,n),r=["x","y"],o=n.getDimensionIndex(n.mapDimension(r[0])),a=E(n.mapDimensionsAll(r[1]),n.getDimensionIndex,n),s=a[0],l=a[1],u=a[2],c=a[3];if(n.setLayout({candleWidth:i,isSimpleBox:i<=1.3}),!(o<0||a.length<4))return{progress:t.pipelineContext.large?function(n,i){var r,a,h=pb(4*n.count),d=0,p=[],f=[],g=i.getStore(),y=!!t.get(["itemStyle","borderColorDoji"]);for(;null!=(a=n.next());){var v=g.get(o,a),m=g.get(s,a),x=g.get(l,a),_=g.get(u,a),b=g.get(c,a);isNaN(v)||isNaN(_)||isNaN(b)?(h[d++]=NaN,d+=3):(h[d++]=NN(g,a,m,x,l,y),p[0]=v,p[1]=_,r=e.dataToPoint(p,null,f),h[d++]=r?r[0]:NaN,h[d++]=r?r[1]:NaN,p[1]=b,r=e.dataToPoint(p,null,f),h[d++]=r?r[1]:NaN)}i.setLayout("largePoints",h)}:function(t,n){var r,a=n.getStore();for(;null!=(r=t.next());){var h=a.get(o,r),d=a.get(s,r),p=a.get(l,r),f=a.get(u,r),g=a.get(c,r),y=Math.min(d,p),v=Math.max(d,p),m=M(y,h),x=M(v,h),_=M(f,h),b=M(g,h),w=[];I(w,x,0),I(w,m,1),w.push(C(b),C(x),C(_),C(m));var S=!!n.getItemModel(r).get(["itemStyle","borderColorDoji"]);n.setItemLayout(r,{sign:NN(a,r,d,p,l,S),initBaseline:d>p?x[1]:m[1],ends:w,brushRect:T(f,g,h)})}function M(t,n){var i=[];return i[0]=n,i[1]=t,isNaN(n)||isNaN(t)?[NaN,NaN]:e.dataToPoint(i)}function I(t,e,n){var r=e.slice(),o=e.slice();r[0]=bh(r[0]+i/2,1,!1),o[0]=bh(o[0]-i/2,1,!0),n?t.push(r,o):t.push(o,r)}function T(t,e,n){var r=M(t,n),o=M(e,n);return r[0]-=i/2,o[0]-=i/2,{x:r[0],y:r[1],width:i,height:o[1]-r[1]}}function C(t){return t[0]=bh(t[0],1),t}}}}};function NN(t,e,n,i,r,o){return n>i?-1:n<i?1:o?0:e>0?t.get(r,e-1)<=i?1:-1:1}function zN(t,e){var n=e.rippleEffectColor||e.color;t.eachChild((function(t){t.attr({z:e.z,zlevel:e.zlevel,style:{stroke:"stroke"===e.brushType?n:null,fill:"fill"===e.brushType?n:null}})}))}var EN=function(t){function e(e,n){var i=t.call(this)||this,r=new rI(e,n),o=new to;return i.add(r),i.add(o),i.updateData(e,n),i}return n(e,t),e.prototype.stopEffectAnimation=function(){this.childAt(1).removeAll()},e.prototype.startEffectAnimation=function(t){for(var e=t.symbolType,n=t.color,i=t.rippleNumber,r=this.childAt(1),o=0;o<i;o++){var a=hm(e,-1,-1,2,2,n);a.attr({style:{strokeNoScale:!0},z2:99,silent:!0,scaleX:.5,scaleY:.5});var s=-o/i*t.period+t.effectOffset;a.animate("",!0).when(t.period,{scaleX:t.rippleScale/2,scaleY:t.rippleScale/2}).delay(s).start(),a.animateStyle(!0).when(t.period,{opacity:0}).delay(s).start(),r.add(a)}zN(r,t)},e.prototype.updateEffectAnimation=function(t){for(var e=this._effectCfg,n=this.childAt(1),i=["symbolType","period","rippleScale","rippleNumber"],r=0;r<i.length;r++){var o=i[r];if(e[o]!==t[o])return this.stopEffectAnimation(),void this.startEffectAnimation(t)}zN(n,t)},e.prototype.highlight=function(){du(this)},e.prototype.downplay=function(){pu(this)},e.prototype.getSymbolType=function(){var t=this.childAt(0);return t&&t.getSymbolType()},e.prototype.updateData=function(t,e){var n=this,i=t.hostModel;this.childAt(0).updateData(t,e);var r=this.childAt(1),o=t.getItemModel(e),a=t.getItemVisual(e,"symbol"),s=dm(t.getItemVisual(e,"symbolSize")),l=t.getItemVisual(e,"style"),u=l&&l.fill,c=o.getModel("emphasis");r.setScale(s),r.traverse((function(t){t.setStyle("fill",u)}));var h=pm(t.getItemVisual(e,"symbolOffset"),s);h&&(r.x=h[0],r.y=h[1]);var d=t.getItemVisual(e,"symbolRotate");r.rotation=(d||0)*Math.PI/180||0;var p={};p.showEffectOn=i.get("showEffectOn"),p.rippleScale=o.get(["rippleEffect","scale"]),p.brushType=o.get(["rippleEffect","brushType"]),p.period=1e3*o.get(["rippleEffect","period"]),p.effectOffset=e/t.count(),p.z=i.getShallow("z")||0,p.zlevel=i.getShallow("zlevel")||0,p.symbolType=a,p.color=u,p.rippleEffectColor=o.get(["rippleEffect","color"]),p.rippleNumber=o.get(["rippleEffect","number"]),"render"===p.showEffectOn?(this._effectCfg?this.updateEffectAnimation(p):this.startEffectAnimation(p),this._effectCfg=p):(this._effectCfg=null,this.stopEffectAnimation(),this.onHoverStateChange=function(t){"emphasis"===t?"render"!==p.showEffectOn&&n.startEffectAnimation(p):"normal"===t&&"render"!==p.showEffectOn&&n.stopEffectAnimation()}),this._effectCfg=p,Tu(this,c.get("focus"),c.get("blurScope"),c.get("disabled"))},e.prototype.fadeOut=function(t){t&&t()},e}(to),BN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){this._symbolDraw=new uI(EN)},e.prototype.render=function(t,e,n){var i=t.getData(),r=this._symbolDraw;r.updateData(i,{clipShape:this._getClipShape(t)}),this.group.add(r.group)},e.prototype._getClipShape=function(t){var e=t.coordinateSystem,n=e&&e.getArea&&e.getArea();return t.get("clip",!0)?n:null},e.prototype.updateTransform=function(t,e,n){var i=t.getData();this.group.dirty();var r=NI("").reset(t,e,n);r.progress&&r.progress({start:0,end:i.count(),count:i.count()},i),this._symbolDraw.updateLayout()},e.prototype._updateGroupTransform=function(t){var e=t.coordinateSystem;e&&e.getRoamTransform&&(this.group.transform=Ce(e.getRoamTransform()),this.group.decomposeTransform())},e.prototype.remove=function(t,e){this._symbolDraw&&this._symbolDraw.remove(!0)},e.type="effectScatter",e}(tv),VN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{useEncodeDefaulter:!0})},e.prototype.brushSelector=function(t,e,n){return n.point(e.getItemLayout(t))},e.type="series.effectScatter",e.dependencies=["grid","polar"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,legendHoverLink:!0,effectType:"ripple",progressive:0,showEffectOn:"render",clip:!0,rippleEffect:{period:4,scale:2.5,brushType:"fill",number:3},universalTransition:{divideShape:"clone"},symbolSize:10},e}(Wy);var GN=function(t){function e(e,n,i){var r=t.call(this)||this;return r.add(r.createLine(e,n,i)),r._updateEffectSymbol(e,n),r}return n(e,t),e.prototype.createLine=function(t,e,n){return new MP(t,e,n)},e.prototype._updateEffectSymbol=function(t,e){var n=t.getItemModel(e).getModel("effect"),i=n.get("symbolSize"),r=n.get("symbol");U(i)||(i=[i,i]);var o=t.getItemVisual(e,"style"),a=n.get("color")||o&&o.stroke,s=this.childAt(1);this._symbolType!==r&&(this.remove(s),(s=hm(r,-.5,-.5,1,1,a)).z2=100,s.culling=!0,this.add(s)),s&&(s.setStyle("shadowColor",a),s.setStyle(n.getItemStyle(["color"])),s.scaleX=i[0],s.scaleY=i[1],s.setColor(a),this._symbolType=r,this._symbolScale=i,this._updateEffectAnimation(t,n,e))},e.prototype._updateEffectAnimation=function(t,e,n){var i=this.childAt(1);if(i){var r=t.getItemLayout(n),o=1e3*e.get("period"),a=e.get("loop"),s=e.get("roundTrip"),l=e.get("constantSpeed"),u=it(e.get("delay"),(function(e){return e/t.count()*o/3}));if(i.ignore=!0,this._updateAnimationPoints(i,r),l>0&&(o=this._getLineLength(i)/l*1e3),o!==this._period||a!==this._loop||s!==this._roundTrip){i.stopAnimation();var c=void 0;c=Y(u)?u(n):u,i.__t>0&&(c=-o*i.__t),this._animateSymbol(i,o,c,a,s)}this._period=o,this._loop=a,this._roundTrip=s}},e.prototype._animateSymbol=function(t,e,n,i,r){if(e>0){t.__t=0;var o=this,a=t.animate("",i).when(r?2*e:e,{__t:r?2:1}).delay(n).during((function(){o._updateSymbolPosition(t)}));i||a.done((function(){o.remove(t)})),a.start()}},e.prototype._getLineLength=function(t){return Vt(t.__p1,t.__cp1)+Vt(t.__cp1,t.__p2)},e.prototype._updateAnimationPoints=function(t,e){t.__p1=e[0],t.__p2=e[1],t.__cp1=e[2]||[(e[0][0]+e[1][0])/2,(e[0][1]+e[1][1])/2]},e.prototype.updateData=function(t,e,n){this.childAt(0).updateData(t,e,n),this._updateEffectSymbol(t,e)},e.prototype._updateSymbolPosition=function(t){var e=t.__p1,n=t.__p2,i=t.__cp1,r=t.__t<1?t.__t:2-t.__t,o=[t.x,t.y],a=o.slice(),s=Nn,l=zn;o[0]=s(e[0],i[0],n[0],r),o[1]=s(e[1],i[1],n[1],r);var u=t.__t<1?l(e[0],i[0],n[0],r):l(n[0],i[0],e[0],1-r),c=t.__t<1?l(e[1],i[1],n[1],r):l(n[1],i[1],e[1],1-r);t.rotation=-Math.atan2(c,u)-Math.PI/2,"line"!==this._symbolType&&"rect"!==this._symbolType&&"roundRect"!==this._symbolType||(void 0!==t.__lastT&&t.__lastT<t.__t?(t.scaleY=1.05*Vt(a,o),1===r&&(o[0]=a[0]+(o[0]-a[0])/2,o[1]=a[1]+(o[1]-a[1])/2)):1===t.__lastT?t.scaleY=2*Vt(e,o):t.scaleY=this._symbolScale[1]),t.__lastT=t.__t,t.ignore=!1,t.x=o[0],t.y=o[1]},e.prototype.updateLayout=function(t,e){this.childAt(0).updateLayout(t,e);var n=t.getItemModel(e).getModel("effect");this._updateEffectAnimation(t,n,e)},e}(to),FN=function(t){function e(e,n,i){var r=t.call(this)||this;return r._createPolyline(e,n,i),r}return n(e,t),e.prototype._createPolyline=function(t,e,n){var i=t.getItemLayout(e),r=new Tc({shape:{points:i}});this.add(r),this._updateCommonStl(t,e,n)},e.prototype.updateData=function(t,e,n){var i=t.hostModel;th(this.childAt(0),{shape:{points:t.getItemLayout(e)}},i,e),this._updateCommonStl(t,e,n)},e.prototype._updateCommonStl=function(t,e,n){var i=this.childAt(0),r=t.getItemModel(e),o=n&&n.emphasisLineStyle,a=n&&n.focus,s=n&&n.blurScope,l=n&&n.emphasisDisabled;if(!n||t.hasItemOption){var u=r.getModel("emphasis");o=u.getModel("lineStyle").getLineStyle(),l=u.get("disabled"),a=u.get("focus"),s=u.get("blurScope")}i.useStyle(t.getItemVisual(e,"style")),i.style.fill=null,i.style.strokeNoScale=!0,i.ensureState("emphasis").style=o,Tu(this,a,s,l)},e.prototype.updateLayout=function(t,e){this.childAt(0).setShape("points",t.getItemLayout(e))},e}(to),WN=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e._lastFrame=0,e._lastFramePercent=0,e}return n(e,t),e.prototype.createLine=function(t,e,n){return new FN(t,e,n)},e.prototype._updateAnimationPoints=function(t,e){this._points=e;for(var n=[0],i=0,r=1;r<e.length;r++){var o=e[r-1],a=e[r];i+=Vt(o,a),n.push(i)}if(0!==i){for(r=0;r<n.length;r++)n[r]/=i;this._offsets=n,this._length=i}else this._length=0},e.prototype._getLineLength=function(){return this._length},e.prototype._updateSymbolPosition=function(t){var e=t.__t<1?t.__t:2-t.__t,n=this._points,i=this._offsets,r=n.length;if(i){var o,a=this._lastFrame;if(e<this._lastFramePercent){for(o=Math.min(a+1,r-1);o>=0&&!(i[o]<=e);o--);o=Math.min(o,r-2)}else{for(o=a;o<r&&!(i[o]>e);o++);o=Math.min(o-1,r-2)}var s=(e-i[o])/(i[o+1]-i[o]),l=n[o],u=n[o+1];t.x=l[0]*(1-s)+s*u[0],t.y=l[1]*(1-s)+s*u[1];var c=t.__t<1?u[0]-l[0]:l[0]-u[0],h=t.__t<1?u[1]-l[1]:l[1]-u[1];t.rotation=-Math.atan2(h,c)-Math.PI/2,this._lastFrame=o,this._lastFramePercent=e,t.ignore=!1}},e}(GN),HN=function(){this.polyline=!1,this.curveness=0,this.segs=[]},UN=function(t){function e(e){var n=t.call(this,e)||this;return n._off=0,n.hoverDataIdx=-1,n}return n(e,t),e.prototype.reset=function(){this.notClear=!1,this._off=0},e.prototype.getDefaultStyle=function(){return{stroke:tf.color.neutral99,fill:null}},e.prototype.getDefaultShape=function(){return new HN},e.prototype.buildPath=function(t,e){var n,i=e.segs,r=e.curveness;if(e.polyline)for(n=this._off;n<i.length;){var o=i[n++];if(o>0){t.moveTo(i[n++],i[n++]);for(var a=1;a<o;a++)t.lineTo(i[n++],i[n++])}}else for(n=this._off;n<i.length;){var s=i[n++],l=i[n++],u=i[n++],c=i[n++];if(t.moveTo(s,l),r>0){var h=(s+u)/2-(l-c)*r,d=(l+c)/2-(u-s)*r;t.quadraticCurveTo(h,d,u,c)}else t.lineTo(u,c)}this.incremental&&(this._off=n,this.notClear=!0)},e.prototype.findDataIndex=function(t,e){var n=this.shape,i=n.segs,r=n.curveness,o=this.style.lineWidth;if(n.polyline)for(var a=0,s=0;s<i.length;){var l=i[s++];if(l>0)for(var u=i[s++],c=i[s++],h=1;h<l;h++){if(Ws(u,c,d=i[s++],p=i[s++],o,t,e))return a}a++}else for(a=0,s=0;s<i.length;){u=i[s++],c=i[s++];var d=i[s++],p=i[s++];if(r>0){if(Us(u,c,(u+d)/2-(c-p)*r,(c+p)/2-(d-u)*r,d,p,o,t,e))return a}else if(Ws(u,c,d,p,o,t,e))return a;a++}return-1},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e),i=this.getBoundingRect();return t=n[0],e=n[1],i.contain(t,e)?(this.hoverDataIdx=this.findDataIndex(t,e))>=0:(this.hoverDataIdx=-1,!1)},e.prototype.getBoundingRect=function(){var t=this._rect;if(!t){for(var e=this.shape.segs,n=1/0,i=1/0,r=-1/0,o=-1/0,a=0;a<e.length;){var s=e[a++],l=e[a++];n=Math.min(s,n),r=Math.max(s,r),i=Math.min(l,i),o=Math.max(l,o)}t=this._rect=new He(n,i,r,o)}return t},e}(sl),YN=function(){function t(){this.group=new to}return t.prototype.updateData=function(t){this._clear();var e=this._create();e.setShape({segs:t.getLayout("linesPoints")}),this._setCommon(e,t)},t.prototype.incrementalPrepareUpdate=function(t){this.group.removeAll(),this._clear()},t.prototype.incrementalUpdate=function(t,e){var n=this._newAdded[0],i=e.getLayout("linesPoints"),r=n&&n.shape.segs;if(r&&r.length<2e4){var o=r.length,a=new Float32Array(o+i.length);a.set(r),a.set(i,o),n.setShape({segs:a})}else{this._newAdded=[];var s=this._create();s.incremental=!0,s.setShape({segs:i}),this._setCommon(s,e),s.__startIndex=t.start}},t.prototype.remove=function(){this._clear()},t.prototype.eachRendered=function(t){this._newAdded[0]&&t(this._newAdded[0])},t.prototype._create=function(){var t=new UN({cursor:"default",ignoreCoarsePointer:!0});return this._newAdded.push(t),this.group.add(t),t},t.prototype._setCommon=function(t,e,n){var i=e.hostModel;t.setShape({polyline:i.get("polyline"),curveness:i.get(["lineStyle","curveness"])}),t.useStyle(i.getModel("lineStyle").getLineStyle()),t.style.strokeNoScale=!0;var r=e.getVisual("style");r&&r.stroke&&t.setStyle("stroke",r.stroke),t.setStyle("fill",null);var o=zl(t);o.seriesIndex=i.seriesIndex,t.on("mousemove",(function(e){o.dataIndex=null;var n=t.hoverDataIdx;n>0&&(o.dataIndex=n+t.__startIndex)}))},t.prototype._clear=function(){this._newAdded=[],this.group.removeAll()},t}(),XN={seriesType:"lines",plan:$y(),reset:function(t){var e=t.coordinateSystem;if(e){var n=t.get("polyline"),i=t.pipelineContext.large;return{progress:function(r,o){var a=[];if(i){var s=void 0,l=r.end-r.start;if(n){for(var u=0,c=r.start;c<r.end;c++)u+=t.getLineCoordsCount(c);s=new Float32Array(l+2*u)}else s=new Float32Array(4*l);var h=0,d=[];for(c=r.start;c<r.end;c++){var p=t.getLineCoords(c,a);n&&(s[h++]=p);for(var f=0;f<p;f++)d=e.dataToPoint(a[f],!1,d),s[h++]=d[0],s[h++]=d[1]}o.setLayout("linesPoints",s)}else for(c=r.start;c<r.end;c++){var g=o.getItemModel(c),y=(p=t.getLineCoords(c,a),[]);if(n)for(var v=0;v<p;v++)y.push(e.dataToPoint(a[v]));else{y[0]=e.dataToPoint(a[0]),y[1]=e.dataToPoint(a[1]);var m=g.get(["lineStyle","curveness"]);+m&&(y[2]=[(y[0][0]+y[1][0])/2-(y[0][1]-y[1][1])*m,(y[0][1]+y[1][1])/2-(y[1][0]-y[0][0])*m])}o.setItemLayout(c,y)}}}}}},ZN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this._updateLineDraw(i,t),o=t.get("zlevel"),a=t.get(["effect","trailLength"]),s=n.getZr(),l="svg"===s.painter.getType();l||s.painter.getLayer(o).clear(!0),null==this._lastZlevel||l||s.configLayer(this._lastZlevel,{motionBlur:!1}),this._showEffect(t)&&a>0&&(l||s.configLayer(o,{motionBlur:!0,lastFrameAlpha:Math.max(Math.min(a/10+.9,1),0)})),r.updateData(i);var u=t.get("clip",!0)&&wI(t.coordinateSystem,!1,t);u?this.group.setClipPath(u):this.group.removeClipPath(),this._lastZlevel=o,this._finished=!0},e.prototype.incrementalPrepareRender=function(t,e,n){var i=t.getData();this._updateLineDraw(i,t).incrementalPrepareUpdate(i),this._clearLayer(n),this._finished=!1},e.prototype.incrementalRender=function(t,e,n){this._lineDraw.incrementalUpdate(t,e.getData()),this._finished=t.end===e.getData().count()},e.prototype.eachRendered=function(t){this._lineDraw&&this._lineDraw.eachRendered(t)},e.prototype.updateTransform=function(t,e,n){var i=t.getData(),r=t.pipelineContext;if(!this._finished||r.large||r.progressiveRender)return{update:!0};var o=XN.reset(t,e,n);o.progress&&o.progress({start:0,end:i.count(),count:i.count()},i),this._lineDraw.updateLayout(),this._clearLayer(n)},e.prototype._updateLineDraw=function(t,e){var n=this._lineDraw,i=this._showEffect(e),r=!!e.get("polyline"),o=e.pipelineContext.large;return n&&i===this._hasEffet&&r===this._isPolyline&&o===this._isLargeDraw||(n&&n.remove(),n=this._lineDraw=o?new YN:new IP(r?i?WN:FN:i?GN:MP),this._hasEffet=i,this._isPolyline=r,this._isLargeDraw=o),this.group.add(n.group),n},e.prototype._showEffect=function(t){return!!t.get(["effect","show"])},e.prototype._clearLayer=function(t){var e=t.getZr();"svg"===e.painter.getType()||null==this._lastZlevel||e.painter.getLayer(this._lastZlevel).clear(!0)},e.prototype.remove=function(t,e){this._lineDraw&&this._lineDraw.remove(),this._lineDraw=null,this._clearLayer(e)},e.prototype.dispose=function(t,e){this.remove(t,e)},e.type="lines",e}(tv),jN="undefined"==typeof Uint32Array?Array:Uint32Array,qN="undefined"==typeof Float64Array?Array:Float64Array;function KN(t){var e=t.data;e&&e[0]&&e[0][0]&&e[0][0].coord&&(t.data=E(e,(function(t){var e={coords:[t[0].coord,t[1].coord]};return t[0].name&&(e.fromName=t[0].name),t[1].name&&(e.toName=t[1].name),D([e,t[0],t[1]])})))}var $N=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.visualStyleAccessPath="lineStyle",n.visualDrawType="stroke",n}return n(e,t),e.prototype.init=function(e){e.data=e.data||[],KN(e);var n=this._processFlatCoordsArray(e.data);this._flatCoords=n.flatCoords,this._flatCoordsOffset=n.flatCoordsOffset,n.flatCoords&&(e.data=new Float32Array(n.count)),t.prototype.init.apply(this,arguments)},e.prototype.mergeOption=function(e){if(KN(e),e.data){var n=this._processFlatCoordsArray(e.data);this._flatCoords=n.flatCoords,this._flatCoordsOffset=n.flatCoordsOffset,n.flatCoords&&(e.data=new Float32Array(n.count))}t.prototype.mergeOption.apply(this,arguments)},e.prototype.appendData=function(t){var e=this._processFlatCoordsArray(t.data);e.flatCoords&&(this._flatCoords?(this._flatCoords=vt(this._flatCoords,e.flatCoords),this._flatCoordsOffset=vt(this._flatCoordsOffset,e.flatCoordsOffset)):(this._flatCoords=e.flatCoords,this._flatCoordsOffset=e.flatCoordsOffset),t.data=new Float32Array(e.count)),this.getRawData().appendData(t.data)},e.prototype._getCoordsFromItemModel=function(t){var e=this.getData().getItemModel(t),n=e.option instanceof Array?e.option:e.getShallow("coords");return n},e.prototype.getLineCoordsCount=function(t){return this._flatCoordsOffset?this._flatCoordsOffset[2*t+1]:this._getCoordsFromItemModel(t).length},e.prototype.getLineCoords=function(t,e){if(this._flatCoordsOffset){for(var n=this._flatCoordsOffset[2*t],i=this._flatCoordsOffset[2*t+1],r=0;r<i;r++)e[r]=e[r]||[],e[r][0]=this._flatCoords[n+2*r],e[r][1]=this._flatCoords[n+2*r+1];return i}var o=this._getCoordsFromItemModel(t);for(r=0;r<o.length;r++)e[r]=e[r]||[],e[r][0]=o[r][0],e[r][1]=o[r][1];return o.length},e.prototype._processFlatCoordsArray=function(t){var e=0;if(this._flatCoords&&(e=this._flatCoords.length),j(t[0])){for(var n=t.length,i=new jN(n),r=new qN(n),o=0,a=0,s=0,l=0;l<n;){s++;var u=t[l++];i[a++]=o+e,i[a++]=u;for(var c=0;c<u;c++){var h=t[l++],d=t[l++];r[o++]=h,r[o++]=d}}return{flatCoordsOffset:new Uint32Array(i.buffer,0,a),flatCoords:r,count:s}}return{flatCoordsOffset:null,flatCoords:null,count:t.length}},e.prototype.getInitialData=function(t,e){var n=new B_(["value"],this);return n.hasItemOption=!1,n.initData(t.data,[],(function(t,e,i,r){if(t instanceof Array)return NaN;n.hasItemOption=!0;var o=t.value;return null!=o?o instanceof Array?o[r]:o:void 0})),n},e.prototype.formatTooltip=function(t,e,n){var i=this.getData().getItemModel(t),r=i.get("name");if(r)return r;var o=i.get("fromName"),a=i.get("toName"),s=[];return null!=o&&s.push(o),null!=a&&s.push(a),Ty("nameValue",{name:s.join(" > ")})},e.prototype.preventIncremental=function(){return!!this.get(["effect","show"])},e.prototype.getProgressive=function(){var t=this.option.progressive;return null==t?this.option.large?1e4:this.get("progressive"):t},e.prototype.getProgressiveThreshold=function(){var t=this.option.progressiveThreshold;return null==t?this.option.large?2e4:this.get("progressiveThreshold"):t},e.prototype.getZLevelKey=function(){var t=this.getModel("effect"),e=t.get("trailLength");return this.getData().count()>this.getProgressiveThreshold()?this.id:t.get("show")&&e>0?e+"":""},e.type="series.lines",e.dependencies=["grid","polar","geo","calendar"],e.defaultOption={coordinateSystem:"geo",z:2,legendHoverLink:!0,xAxisIndex:0,yAxisIndex:0,symbol:["none","none"],symbolSize:[10,10],geoIndex:0,effect:{show:!1,period:4,constantSpeed:0,symbol:"circle",symbolSize:3,loop:!0,trailLength:.2},large:!1,largeThreshold:2e3,polyline:!1,clip:!0,label:{show:!1,position:"end"},lineStyle:{opacity:.5}},e}(Wy);function JN(t){return t instanceof Array||(t=[t,t]),t}var QN={seriesType:"lines",reset:function(t){var e=JN(t.get("symbol")),n=JN(t.get("symbolSize")),i=t.getData();return i.setVisual("fromSymbol",e&&e[0]),i.setVisual("toSymbol",e&&e[1]),i.setVisual("fromSymbolSize",n&&n[0]),i.setVisual("toSymbolSize",n&&n[1]),{dataEach:i.hasItemOption?function(t,e){var n=t.getItemModel(e),i=JN(n.getShallow("symbol",!0)),r=JN(n.getShallow("symbolSize",!0));i[0]&&t.setItemVisual(e,"fromSymbol",i[0]),i[1]&&t.setItemVisual(e,"toSymbol",i[1]),r[0]&&t.setItemVisual(e,"fromSymbolSize",r[0]),r[1]&&t.setItemVisual(e,"toSymbolSize",r[1])}:null}}};var tz=function(){function t(){this.blurSize=30,this.pointSize=20,this.maxOpacity=1,this.minOpacity=0,this._gradientPixels={inRange:null,outOfRange:null};var t=c.createCanvas();this.canvas=t}return t.prototype.update=function(t,e,n,i,r,o){var a=this._getBrush(),s=this._getGradient(r,"inRange"),l=this._getGradient(r,"outOfRange"),u=this.pointSize+this.blurSize,c=this.canvas,h=c.getContext("2d"),d=t.length;c.width=e,c.height=n;for(var p=0;p<d;++p){var f=t[p],g=f[0],y=f[1],v=i(f[2]);h.globalAlpha=v,h.drawImage(a,g-u,y-u)}if(!c.width||!c.height)return c;for(var m=h.getImageData(0,0,c.width,c.height),x=m.data,_=0,b=x.length,w=this.minOpacity,S=this.maxOpacity-w;_<b;){v=x[_+3]/256;var M=4*Math.floor(255*v);if(v>0){var I=o(v)?s:l;v>0&&(v=v*S+w),x[_++]=I[M],x[_++]=I[M+1],x[_++]=I[M+2],x[_++]=I[M+3]*v*256}else _+=4}return h.putImageData(m,0,0),c},t.prototype._getBrush=function(){var t=this._brushCanvas||(this._brushCanvas=c.createCanvas()),e=this.pointSize+this.blurSize,n=2*e;t.width=n,t.height=n;var i=t.getContext("2d");return i.clearRect(0,0,n,n),i.shadowOffsetX=n,i.shadowBlur=this.blurSize,i.shadowColor=tf.color.neutral99,i.beginPath(),i.arc(-e,e,this.pointSize,0,2*Math.PI,!0),i.closePath(),i.fill(),t},t.prototype._getGradient=function(t,e){for(var n=this._gradientPixels,i=n[e]||(n[e]=new Uint8ClampedArray(1024)),r=[0,0,0,0],o=0,a=0;a<256;a++)t[e](a/255,!0,r),i[o++]=r[0],i[o++]=r[1],i[o++]=r[2],i[o++]=r[3];return i},t}();function ez(t){var e=t.dimensions;return"lng"===e[0]&&"lat"===e[1]}var nz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i;e.eachComponent("visualMap",(function(e){e.eachTargetSeries((function(n){n===t&&(i=e)}))})),this._progressiveEls=null,this.group.removeAll();var r=t.coordinateSystem;"cartesian2d"===r.type||"calendar"===r.type||"matrix"===r.type?this._renderOnGridLike(t,n,0,t.getData().count()):ez(r)&&this._renderOnGeo(r,t,i,n)},e.prototype.incrementalPrepareRender=function(t,e,n){this.group.removeAll()},e.prototype.incrementalRender=function(t,e,n,i){var r=e.coordinateSystem;r&&(ez(r)?this.render(e,n,i):(this._progressiveEls=[],this._renderOnGridLike(e,i,t.start,t.end,!0)))},e.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},e.prototype._renderOnGridLike=function(t,e,n,i,r){var o,a,s,l,u=t.coordinateSystem,c=SI(u,"cartesian2d"),h=SI(u,"matrix");if(c){var d=u.getAxis("x"),p=u.getAxis("y");0,o=d.getBandWidth()+.5,a=p.getBandWidth()+.5,s=d.scale.getExtent(),l=p.scale.getExtent()}for(var f=this.group,g=t.getData(),y=t.getModel(["emphasis","itemStyle"]).getItemStyle(),v=t.getModel(["blur","itemStyle"]).getItemStyle(),m=t.getModel(["select","itemStyle"]).getItemStyle(),x=t.get(["itemStyle","borderRadius"]),_=Jh(t),b=t.getModel("emphasis"),w=b.get("focus"),S=b.get("blurScope"),M=b.get("disabled"),I=c||h?[g.mapDimension("x"),g.mapDimension("y"),g.mapDimension("value")]:[g.mapDimension("time"),g.mapDimension("value")],T=n;T<i;T++){var C=void 0,D=g.getItemVisual(T,"style");if(c){var A=g.get(I[0],T),k=g.get(I[1],T);if(isNaN(g.get(I[2],T))||isNaN(A)||isNaN(k)||A<s[0]||A>s[1]||k<l[0]||k>l[1])continue;var L=u.dataToPoint([A,k]);C=new xl({shape:{x:L[0]-o/2,y:L[1]-a/2,width:o,height:a},style:D})}else if(h){if(nt((P=u.dataToLayout([g.get(I[0],T),g.get(I[1],T)]).rect).x))continue;C=new xl({z2:1,shape:P,style:D})}else{if(isNaN(g.get(I[1],T)))continue;var P,O=u.dataToLayout([g.get(I[0],T)]);if(nt((P=O.contentRect||O.rect).x)||nt(P.y))continue;C=new xl({z2:1,shape:P,style:D})}if(g.hasItemOption){var R=g.getItemModel(T),N=R.getModel("emphasis");y=N.getModel("itemStyle").getItemStyle(),v=R.getModel(["blur","itemStyle"]).getItemStyle(),m=R.getModel(["select","itemStyle"]).getItemStyle(),x=R.get(["itemStyle","borderRadius"]),w=N.get("focus"),S=N.get("blurScope"),M=N.get("disabled"),_=Jh(R)}C.shape.r=x;var z=t.getRawValue(T),E="-";z&&null!=z[2]&&(E=z[2]+""),$h(C,_,{labelFetcher:t,labelDataIndex:T,defaultOpacity:D.opacity,defaultText:E}),C.ensureState("emphasis").style=y,C.ensureState("blur").style=v,C.ensureState("select").style=m,Tu(C,w,S,M),C.incremental=r,r&&(C.states.emphasis.hoverLayer=!0),f.add(C),g.setItemGraphicEl(T,C),this._progressiveEls&&this._progressiveEls.push(C)}},e.prototype._renderOnGeo=function(t,e,n,i){var r=n.targetVisuals.inRange,o=n.targetVisuals.outOfRange,a=e.getData(),s=this._hmLayer||this._hmLayer||new tz;s.blurSize=e.get("blurSize"),s.pointSize=e.get("pointSize"),s.minOpacity=e.get("minOpacity"),s.maxOpacity=e.get("maxOpacity");var l=t.getViewRect().clone(),u=t.getRoamTransform();l.applyTransform(u);var c=Math.max(l.x,0),h=Math.max(l.y,0),d=Math.min(l.width+l.x,i.getWidth()),p=Math.min(l.height+l.y,i.getHeight()),f=d-c,g=p-h,y=[a.mapDimension("lng"),a.mapDimension("lat"),a.mapDimension("value")],v=a.mapArray(y,(function(e,n,i){var r=t.dataToPoint([e,n]);return r[0]-=c,r[1]-=h,r.push(i),r})),m=n.getExtent(),x="visualMap.continuous"===n.type?function(t,e){var n=t[1]-t[0];return e=[(e[0]-t[0])/n,(e[1]-t[0])/n],function(t){return t>=e[0]&&t<=e[1]}}(m,n.option.range):function(t,e,n){var i=t[1]-t[0],r=(e=E(e,(function(e){return{interval:[(e.interval[0]-t[0])/i,(e.interval[1]-t[0])/i]}}))).length,o=0;return function(t){var i;for(i=o;i<r;i++)if((a=e[i].interval)[0]<=t&&t<=a[1]){o=i;break}if(i===r)for(i=o-1;i>=0;i--){var a;if((a=e[i].interval)[0]<=t&&t<=a[1]){o=i;break}}return i>=0&&i<r&&n[i]}}(m,n.getPieceList(),n.option.selected);s.update(v,f,g,r.color.getNormalizer(),{inRange:r.color.getColorMapper(),outOfRange:o.color.getColorMapper()},x);var _=new dl({style:{width:f,height:g,x:c,y:h,image:s.canvas},silent:!0});this.group.add(_)},e.type="heatmap",e}(tv),iz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{generateCoord:"value"})},e.prototype.preventIncremental=function(){var t=Tp.get(this.get("coordinateSystem"));if(t&&t.dimensions)return"lng"===t.dimensions[0]&&"lat"===t.dimensions[1]},e.type="series.heatmap",e.dependencies=["grid","geo","calendar","matrix"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,geoIndex:0,blurSize:30,pointSize:20,maxOpacity:1,minOpacity:0,select:{itemStyle:{borderColor:tf.color.primary}}},e}(Wy);var rz=["itemStyle","borderWidth"],oz=[{xy:"x",wh:"width",index:0,posDesc:["left","right"]},{xy:"y",wh:"height",index:1,posDesc:["top","bottom"]}],az=new nc,sz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=this.group,r=t.getData(),o=this._data,a=t.coordinateSystem,s=a.getBaseAxis().isHorizontal(),l=a.master.getRect(),u={ecSize:{width:n.getWidth(),height:n.getHeight()},seriesModel:t,coordSys:a,coordSysExtent:[[l.x,l.x+l.width],[l.y,l.y+l.height]],isHorizontal:s,valueDim:oz[+s],categoryDim:oz[1-+s]};r.diff(o).add((function(t){if(r.hasValue(t)){var e=gz(r,t),n=lz(r,t,e,u),o=mz(r,u,n);r.setItemGraphicEl(t,o),i.add(o),Sz(o,u,n)}})).update((function(t,e){var n=o.getItemGraphicEl(e);if(r.hasValue(t)){var a=gz(r,t),s=lz(r,t,a,u),l=_z(r,s);n&&l!==n.__pictorialShapeStr&&(i.remove(n),r.setItemGraphicEl(t,null),n=null),n?function(t,e,n){var i=n.animationModel,r=n.dataIndex,o=t.__pictorialBundle;th(o,{x:n.bundlePosition[0],y:n.bundlePosition[1]},i,r),n.symbolRepeat?hz(t,e,n,!0):dz(t,e,n,!0);pz(t,n,!0),fz(t,e,n,!0)}(n,u,s):n=mz(r,u,s,!0),r.setItemGraphicEl(t,n),n.__pictorialSymbolMeta=s,i.add(n),Sz(n,u,s)}else i.remove(n)})).remove((function(t){var e=o.getItemGraphicEl(t);e&&xz(o,t,e.__pictorialSymbolMeta.animationModel,e)})).execute();var c=t.get("clip",!0)?wI(t.coordinateSystem,!1,t):null;return c?i.setClipPath(c):i.removeClipPath(),this._data=r,this.group},e.prototype.remove=function(t,e){var n=this.group,i=this._data;t.get("animation")?i&&i.eachItemGraphicEl((function(e){xz(i,zl(e).dataIndex,t,e)})):n.removeAll()},e.type="pictorialBar",e}(tv);function lz(t,e,n,i){var r=t.getItemLayout(e),o=n.get("symbolRepeat"),a=n.get("symbolClip"),s=n.get("symbolPosition")||"start",l=(n.get("symbolRotate")||0)*Math.PI/180||0,u=n.get("symbolPatternSize")||2,c=n.isAnimationEnabled(),h={dataIndex:e,layout:r,itemModel:n,symbolType:t.getItemVisual(e,"symbol")||"circle",style:t.getItemVisual(e,"style"),symbolClip:a,symbolRepeat:o,symbolRepeatDirection:n.get("symbolRepeatDirection"),symbolPatternSize:u,rotation:l,animationModel:c?n:null,hoverScale:c&&n.get(["emphasis","scale"]),z2:n.getShallow("z",!0)||0};!function(t,e,n,i,r){var o,a=i.valueDim,s=t.get("symbolBoundingData"),l=i.coordSys.getOtherAxis(i.coordSys.getBaseAxis()),u=l.toGlobalCoord(l.dataToCoord(0)),c=1-+(n[a.wh]<=0);if(U(s)){var h=[uz(l,s[0])-u,uz(l,s[1])-u];h[1]<h[0]&&h.reverse(),o=h[c]}else o=null!=s?uz(l,s)-u:e?i.coordSysExtent[a.index][c]-u:n[a.wh];r.boundingLength=o,e&&(r.repeatCutLength=n[a.wh]);var d="x"===a.xy,p=l.inverse;r.pxSign=d&&!p||!d&&p?o>=0?1:-1:o>0?1:-1}(n,o,r,i,h),function(t,e,n,i,r,o,a,s,l,u){var c,h=l.valueDim,d=l.categoryDim,p=Math.abs(n[d.wh]),f=t.getItemVisual(e,"symbolSize");c=U(f)?f.slice():null==f?["100%","100%"]:[f,f];c[d.index]=yo(c[d.index],p),c[h.index]=yo(c[h.index],i?p:Math.abs(o)),u.symbolSize=c;var g=u.symbolScale=[c[0]/s,c[1]/s];g[h.index]*=(l.isHorizontal?-1:1)*a}(t,e,r,o,0,h.boundingLength,h.pxSign,u,i,h),function(t,e,n,i,r){var o=t.get(rz)||0;o&&(az.attr({scaleX:e[0],scaleY:e[1],rotation:n}),az.updateTransform(),o/=az.getLineScale(),o*=e[i.valueDim.index]);r.valueLineWidth=o||0}(n,h.symbolScale,l,i,h);var d=h.symbolSize,p=pm(n.get("symbolOffset"),d);return function(t,e,n,i,r,o,a,s,l,u,c,h){var d=c.categoryDim,p=c.valueDim,f=h.pxSign,g=Math.max(e[p.index]+s,0),y=g;if(i){var v=Math.abs(l),m=it(t.get("symbolMargin"),"15%")+"",x=!1;m.lastIndexOf("!")===m.length-1&&(x=!0,m=m.slice(0,m.length-1));var _=yo(m,e[p.index]),b=Math.max(g+2*_,0),w=x?0:2*_,S=zo(i),M=S?i:Mz((v+w)/b);b=g+2*(_=(v-M*g)/2/(x?M:Math.max(M-1,1))),w=x?0:2*_,S||"fixed"===i||(M=u?Mz((Math.abs(u)+w)/b):0),y=M*b-w,h.repeatTimes=M,h.symbolMargin=_}var I=f*(y/2),T=h.pathPosition=[];T[d.index]=n[d.wh]/2,T[p.index]="start"===a?I:"end"===a?l-I:l/2,o&&(T[0]+=o[0],T[1]+=o[1]);var C=h.bundlePosition=[];C[d.index]=n[d.xy],C[p.index]=n[p.xy];var D=h.barRectShape=A({},n);D[p.wh]=f*Math.max(Math.abs(n[p.wh]),Math.abs(T[p.index]+I)),D[d.wh]=n[d.wh];var k=h.clipShape={};k[d.xy]=-n[d.xy],k[d.wh]=c.ecSize[d.wh],k[p.xy]=0,k[p.wh]=n[p.wh]}(n,d,r,o,0,p,s,h.valueLineWidth,h.boundingLength,h.repeatCutLength,i,h),h}function uz(t,e){return t.toGlobalCoord(t.dataToCoord(t.scale.parse(e)))}function cz(t){var e=t.symbolPatternSize,n=hm(t.symbolType,-e/2,-e/2,e,e);return n.attr({culling:!0}),"image"!==n.type&&n.setStyle({strokeNoScale:!0}),n}function hz(t,e,n,i){var r=t.__pictorialBundle,o=n.symbolSize,a=n.valueLineWidth,s=n.pathPosition,l=e.valueDim,u=n.repeatTimes||0,c=0,h=o[e.valueDim.index]+a+2*n.symbolMargin;for(bz(t,(function(t){t.__pictorialAnimationIndex=c,t.__pictorialRepeatTimes=u,c<u?wz(t,null,f(c),n,i):wz(t,null,{scaleX:0,scaleY:0},n,i,(function(){r.remove(t)})),c++}));c<u;c++){var d=cz(n);d.__pictorialAnimationIndex=c,d.__pictorialRepeatTimes=u,r.add(d);var p=f(c);wz(d,{x:p.x,y:p.y,scaleX:0,scaleY:0},{scaleX:p.scaleX,scaleY:p.scaleY,rotation:p.rotation},n,i)}function f(t){var e=s.slice(),i=n.pxSign,r=t;return("start"===n.symbolRepeatDirection?i>0:i<0)&&(r=u-1-t),e[l.index]=h*(r-u/2+.5)+s[l.index],{x:e[0],y:e[1],scaleX:n.symbolScale[0],scaleY:n.symbolScale[1],rotation:n.rotation}}}function dz(t,e,n,i){var r=t.__pictorialBundle,o=t.__pictorialMainPath;o?wz(o,null,{x:n.pathPosition[0],y:n.pathPosition[1],scaleX:n.symbolScale[0],scaleY:n.symbolScale[1],rotation:n.rotation},n,i):(o=t.__pictorialMainPath=cz(n),r.add(o),wz(o,{x:n.pathPosition[0],y:n.pathPosition[1],scaleX:0,scaleY:0,rotation:n.rotation},{scaleX:n.symbolScale[0],scaleY:n.symbolScale[1]},n,i))}function pz(t,e,n){var i=A({},e.barRectShape),r=t.__pictorialBarRect;r?wz(r,null,{shape:i},e,n):((r=t.__pictorialBarRect=new xl({z2:2,shape:i,silent:!0,style:{stroke:"transparent",fill:"transparent",lineWidth:0}})).disableMorphing=!0,t.add(r))}function fz(t,e,n,i){if(n.symbolClip){var r=t.__pictorialClipPath,o=A({},n.clipShape),a=e.valueDim,s=n.animationModel,l=n.dataIndex;if(r)th(r,{shape:o},s,l);else{o[a.wh]=0,r=new xl({shape:o}),t.__pictorialBundle.setClipPath(r),t.__pictorialClipPath=r;var u={};u[a.wh]=n.clipShape[a.wh],Zh[i?"updateProps":"initProps"](r,{shape:u},s,l)}}}function gz(t,e){var n=t.getItemModel(e);return n.getAnimationDelayParams=yz,n.isAnimationEnabled=vz,n}function yz(t){return{index:t.__pictorialAnimationIndex,count:t.__pictorialRepeatTimes}}function vz(){return this.parentModel.isAnimationEnabled()&&!!this.getShallow("animation")}function mz(t,e,n,i){var r=new to,o=new to;return r.add(o),r.__pictorialBundle=o,o.x=n.bundlePosition[0],o.y=n.bundlePosition[1],n.symbolRepeat?hz(r,e,n):dz(r,0,n),pz(r,n,i),fz(r,e,n,i),r.__pictorialShapeStr=_z(t,n),r.__pictorialSymbolMeta=n,r}function xz(t,e,n,i){var r=i.__pictorialBarRect;r&&r.removeTextContent();var o=[];bz(i,(function(t){o.push(t)})),i.__pictorialMainPath&&o.push(i.__pictorialMainPath),i.__pictorialClipPath&&(n=null),z(o,(function(t){ih(t,{scaleX:0,scaleY:0},n,e,(function(){i.parent&&i.parent.remove(i)}))})),t.setItemGraphicEl(e,null)}function _z(t,e){return[t.getItemVisual(e.dataIndex,"symbol")||"none",!!e.symbolRepeat,!!e.symbolClip].join(":")}function bz(t,e,n){z(t.__pictorialBundle.children(),(function(i){i!==t.__pictorialBarRect&&e.call(n,i)}))}function wz(t,e,n,i,r,o){e&&t.attr(e),i.symbolClip&&!r?n&&t.attr(n):n&&Zh[r?"updateProps":"initProps"](t,n,i.animationModel,i.dataIndex,o)}function Sz(t,e,n){var i=n.dataIndex,r=n.itemModel,o=r.getModel("emphasis"),a=o.getModel("itemStyle").getItemStyle(),s=r.getModel(["blur","itemStyle"]).getItemStyle(),l=r.getModel(["select","itemStyle"]).getItemStyle(),u=r.getShallow("cursor"),c=o.get("focus"),h=o.get("blurScope"),d=o.get("scale");bz(t,(function(t){if(t instanceof dl){var e=t.style;t.useStyle(A({image:e.image,x:e.x,y:e.y,width:e.width,height:e.height},n.style))}else t.useStyle(n.style);var i=t.ensureState("emphasis");i.style=a,d&&(i.scaleX=1.1*t.scaleX,i.scaleY=1.1*t.scaleY),t.ensureState("blur").style=s,t.ensureState("select").style=l,u&&(t.cursor=u),t.z2=n.z2}));var p=e.valueDim.posDesc[+(n.boundingLength>0)],f=t.__pictorialBarRect;f.ignoreClip=!0,$h(f,Jh(r),{labelFetcher:e.seriesModel,labelDataIndex:i,defaultText:nI(e.seriesModel.getData(),i),inheritColor:n.style.fill,defaultOpacity:n.style.opacity,defaultOutsidePosition:p}),Tu(t,c,h,o.get("disabled"))}function Mz(t){var e=Math.round(t);return Math.abs(t-e)<1e-4?e:Math.ceil(t)}var Iz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n.defaultSymbol="roundRect",n}return n(e,t),e.prototype.getInitialData=function(e){return e.stack=null,t.prototype.getInitialData.apply(this,arguments)},e.type="series.pictorialBar",e.dependencies=["grid"],e.defaultOption=Id(VI.defaultOption,{symbol:"circle",symbolSize:null,symbolRotate:null,symbolPosition:null,symbolOffset:null,symbolMargin:null,symbolRepeat:!1,symbolRepeatDirection:"end",symbolClip:!1,symbolBoundingData:null,symbolPatternSize:400,barGap:"-100%",clip:!1,progressive:0,emphasis:{scale:!1},select:{itemStyle:{borderColor:tf.color.primary}}}),e}(VI);var Tz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._layers=[],n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this,o=this.group,a=t.getLayerSeries(),s=i.getLayout("layoutInfo"),l=s.rect,u=s.boundaryGap;function c(t){return t.name}o.x=0,o.y=l.y+u[0];var h=new f_(this._layersSeries||[],a,c,c),d=[];function p(e,n,s){var l=r._layers;if("remove"!==e){for(var u,c,h=[],p=[],f=a[n].indices,g=0;g<f.length;g++){var y=i.getItemLayout(f[g]),v=y.x,m=y.y0,x=y.y;h.push(v,m),p.push(v,m+x),u=i.getItemVisual(f[g],"style")}var _=i.getItemLayout(f[0]),b=t.getModel("label").get("margin"),w=t.getModel("emphasis");if("add"===e){var S=d[n]=new to;c=new xI({shape:{points:h,stackedOnPoints:p,smooth:.4,stackedOnSmooth:.4,smoothConstraint:!1},z2:0}),S.add(c),o.add(S),t.isAnimationEnabled()&&c.setClipPath(function(t,e,n){var i=new xl({shape:{x:t.x-10,y:t.y-10,width:0,height:t.height+20}});return eh(i,{shape:{x:t.x-50,width:t.width+100,height:t.height+20}},e,n),i}(c.getBoundingRect(),t,(function(){c.removeClipPath()})))}else{S=l[s];c=S.childAt(0),o.add(S),d[n]=S,th(c,{shape:{points:h,stackedOnPoints:p}},t),ah(c)}$h(c,Jh(t),{labelDataIndex:f[g-1],defaultText:i.getName(f[g-1]),inheritColor:u.fill},{normal:{verticalAlign:"middle"}}),c.setTextConfig({position:null,local:!0});var M=c.getTextContent();M&&(M.x=_.x-b,M.y=_.y0+_.y/2),c.useStyle(u),i.setItemGraphicEl(n,c),ku(c,t),Tu(c,w.get("focus"),w.get("blurScope"),w.get("disabled"))}else o.remove(l[n])}h.add(W(p,this,"add")).update(W(p,this,"update")).remove(W(p,this,"remove")).execute(),this._layersSeries=a,this._layers=d},e.type="themeRiver",e}(tv);var Cz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this))},e.prototype.fixData=function(t){var e=t.length,n={},i=ga(t,(function(t){return n.hasOwnProperty(t[0]+"")||(n[t[0]+""]=-1),t[2]})),r=[];i.buckets.each((function(t,e){r.push({name:e,dataList:t})}));for(var o=r.length,a=0;a<o;++a){for(var s=r[a].name,l=0;l<r[a].dataList.length;++l){var u=r[a].dataList[l][0]+"";n[u]=a}for(var u in n)n.hasOwnProperty(u)&&n[u]!==a&&(n[u]=a,t[e]=[u,0,s],e++)}return t},e.prototype.getInitialData=function(t,e){for(var n=this.getReferringComponents("singleAxis",ha).models[0].get("type"),i=V(t.data,(function(t){return void 0!==t[2]})),r=this.fixData(i||[]),o=[],a=this.nameMap=yt(),s=0,l=0;l<r.length;++l)o.push(r[l][2]),a.get(r[l][2])||(a.set(r[l][2],s),s++);var u=V_(r,{coordDimensions:["single"],dimensionsDefine:[{name:"time",type:v_(n)},{name:"value",type:"float"},{name:"name",type:"ordinal"}],encodeDefine:{single:0,value:1,itemName:2}}).dimensions,c=new B_(u,this);return c.initData(r),c},e.prototype.getLayerSeries=function(){for(var t=this.getData(),e=t.count(),n=[],i=0;i<e;++i)n[i]=i;var r=t.mapDimension("single"),o=ga(n,(function(e){return t.get("name",e)})),a=[];return o.buckets.each((function(e,n){e.sort((function(e,n){return t.get(r,e)-t.get(r,n)})),a.push({name:n,indices:e})})),a},e.prototype.getAxisTooltipData=function(t,e,n){U(t)||(t=t?[t]:[]);for(var i,r=this.getData(),o=this.getLayerSeries(),a=[],s=o.length,l=0;l<s;++l){for(var u=Number.MAX_VALUE,c=-1,h=o[l].indices.length,d=0;d<h;++d){var p=r.get(t[0],o[l].indices[d]),f=Math.abs(p-e);f<=u&&(i=p,u=f,c=o[l].indices[d])}a.push(c)}return{dataIndices:a,nestestValue:i}},e.prototype.formatTooltip=function(t,e,n){var i=this.getData();return Ty("nameValue",{name:i.getName(t),value:i.get(i.mapDimension("value"),t)})},e.type="series.themeRiver",e.dependencies=["singleAxis"],e.defaultOption={z:2,colorBy:"data",coordinateSystem:"singleAxis",boundaryGap:["10%","10%"],singleAxisIndex:0,animationEasing:"linear",label:{margin:4,show:!0,position:"left",fontSize:11},emphasis:{label:{show:!0}}},e}(Wy);function Dz(t,e){t.eachSeriesByType("themeRiver",(function(t){var e=t.getData(),n=t.coordinateSystem,i={},r=n.getRect();i.rect=r;var o=t.get("boundaryGap"),a=n.getAxis();(i.boundaryGap=o,"horizontal"===a.orient)?(o[0]=yo(o[0],r.height),o[1]=yo(o[1],r.height),Az(e,t,r.height-o[0]-o[1])):(o[0]=yo(o[0],r.width),o[1]=yo(o[1],r.width),Az(e,t,r.width-o[0]-o[1]));e.setLayout("layoutInfo",i)}))}function Az(t,e,n){if(t.count())for(var i,r=e.coordinateSystem,o=e.getLayerSeries(),a=t.mapDimension("single"),s=t.mapDimension("value"),l=E(o,(function(e){return E(e.indices,(function(e){var n=r.dataToPoint(t.get(a,e));return n[1]=t.get(s,e),n}))})),u=function(t){for(var e=t.length,n=t[0].length,i=[],r=[],o=0,a=0;a<n;++a){for(var s=0,l=0;l<e;++l)s+=t[l][a][1];s>o&&(o=s),i.push(s)}for(var u=0;u<n;++u)r[u]=(o-i[u])/2;o=0;for(var c=0;c<n;++c){var h=i[c]+r[c];h>o&&(o=h)}return{y0:r,max:o}}(l),c=u.y0,h=n/u.max,d=o.length,p=o[0].indices.length,f=0;f<p;++f){i=c[f]*h,t.setItemLayout(o[0].indices[f],{layerIndex:0,x:l[0][f][0],y0:i,y:l[0][f][1]*h});for(var g=1;g<d;++g)i+=l[g-1][f][1]*h,t.setItemLayout(o[g].indices[f],{layerIndex:g,x:l[g][f][0],y0:i,y:l[g][f][1]*h})}}var kz=function(t){function e(e,n,i,r){var o=t.call(this)||this;o.z2=2,o.textConfig={inside:!0},zl(o).seriesIndex=n.seriesIndex;var a=new Sl({z2:4,silent:e.getModel().get(["label","silent"])});return o.setTextContent(a),o.updateData(!0,e,n,i,r),o}return n(e,t),e.prototype.updateData=function(t,e,n,i,r){this.node=e,e.piece=this,n=n||this._seriesModel,i=i||this._ecModel;var o=this;zl(o).dataIndex=e.dataIndex;var a=e.getModel(),s=a.getModel("emphasis"),l=e.getLayout(),u=A({},l);u.label=null;var c=e.getVisual("style");c.lineJoin="bevel";var h=e.getVisual("decal");h&&(c.decal=Bm(h,r));var d=YI(a.getModel("itemStyle"),u,!0);A(u,d),z(Wl,(function(t){var e=o.ensureState(t),n=a.getModel([t,"itemStyle"]);e.style=n.getItemStyle();var i=YI(n,u);i&&(e.shape=i)})),t?(o.setShape(u),o.shape.r=l.r0,eh(o,{shape:{r:l.r}},n,e.dataIndex)):(th(o,{shape:u},n),ah(o)),o.useStyle(c),this._updateLabel(n);var p=a.getShallow("cursor");p&&o.attr("cursor",p),this._seriesModel=n||this._seriesModel,this._ecModel=i||this._ecModel;var f=s.get("focus");Tu(this,"relative"===f?vt(e.getAncestorsIndices(),e.getDescendantIndices()):"ancestor"===f?e.getAncestorsIndices():"descendant"===f?e.getDescendantIndices():f,s.get("blurScope"),s.get("disabled"))},e.prototype._updateLabel=function(t){var e=this,n=this.node.getModel(),i=n.getModel("label"),r=this.node.getLayout(),o=r.endAngle-r.startAngle,a=(r.startAngle+r.endAngle)/2,s=Math.cos(a),l=Math.sin(a),u=this,c=u.getTextContent(),h=this.node.dataIndex,d=i.get("minAngle")/180*Math.PI,p=i.get("show")&&!(null!=d&&Math.abs(o)<d);function f(t,e){var n=t.get(e);return null==n?i.get(e):n}c.ignore=!p,z(Hl,(function(i){var d="normal"===i?n.getModel("label"):n.getModel([i,"label"]),p="normal"===i,g=p?c:c.ensureState(i),y=t.getFormattedLabel(h,i);p&&(y=y||e.node.name),g.style=Qh(d,{},null,"normal"!==i,!0),y&&(g.style.text=y);var v=d.get("show");null==v||p||(g.ignore=!v);var m,x=f(d,"position"),_=p?u:u.states[i],b=_.style.fill;_.textConfig={outsideFill:"inherit"===d.get("color")?b:null,inside:"outside"!==x};var w=f(d,"distance")||0,S=f(d,"align"),M=f(d,"rotate"),I=.5*Math.PI,T=1.5*Math.PI,C=Xs("tangential"===M?Math.PI/2-a:a),D=C>I&&!Co(C-I)&&C<T;"outside"===x?(m=r.r+w,S=D?"right":"left"):S&&"center"!==S?"left"===S?(m=r.r0+w,S=D?"right":"left"):"right"===S&&(m=r.r-w,S=D?"left":"right"):(m=o===2*Math.PI&&0===r.r0?0:(r.r+r.r0)/2,S="center"),g.style.align=S,g.style.verticalAlign=f(d,"verticalAlign")||"middle",g.x=m*s+r.cx,g.y=m*l+r.cy;var A=0;"radial"===M?A=Xs(-a)+(D?Math.PI:0):"tangential"===M?A=Xs(Math.PI/2-a)+(D?Math.PI:0):j(M)&&(A=M*Math.PI/180),g.rotation=Xs(A)})),c.dirtyStyle()},e}(xc),Lz="sunburstRootToNode",Pz="sunburstHighlight";var Oz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){var r=this;this.seriesModel=t,this.api=n,this.ecModel=e;var o=t.getData(),a=o.tree.root,s=t.getViewRoot(),l=this.group,u=t.get("renderLabelForZeroData"),c=[];s.eachNode((function(t){c.push(t)}));var h=this._oldChildren||[];!function(i,r){if(0===i.length&&0===r.length)return;function s(t){return t.getId()}function c(s,c){!function(i,r){u||!i||i.getValue()||(i=null);if(i!==a&&r!==a)if(r&&r.piece)i?(r.piece.updateData(!1,i,t,e,n),o.setItemGraphicEl(i.dataIndex,r.piece)):function(t){if(!t)return;t.piece&&(l.remove(t.piece),t.piece=null)}(r);else if(i){var s=new kz(i,t,e,n);l.add(s),o.setItemGraphicEl(i.dataIndex,s)}}(null==s?null:i[s],null==c?null:r[c])}new f_(r,i,s,s).add(c).update(c).remove(H(c,null)).execute()}(c,h),function(i,o){o.depth>0?(r.virtualPiece?r.virtualPiece.updateData(!1,i,t,e,n):(r.virtualPiece=new kz(i,t,e,n),l.add(r.virtualPiece)),o.piece.off("click"),r.virtualPiece.on("click",(function(t){r._rootToNode(o.parentNode)}))):r.virtualPiece&&(l.remove(r.virtualPiece),r.virtualPiece=null)}(a,s),this._initEvents(),this._oldChildren=c},e.prototype._initEvents=function(){var t=this;this.group.off("click"),this.group.on("click",(function(e){var n=!1;t.seriesModel.getViewRoot().eachNode((function(i){if(!n&&i.piece&&i.piece===e.target){var r=i.getModel().get("nodeClick");if("rootToNode"===r)t._rootToNode(i);else if("link"===r){var o=i.getModel(),a=o.get("link");if(a)Sp(a,o.get("target",!0)||"_blank")}n=!0}}))}))},e.prototype._rootToNode=function(t){t!==this.seriesModel.getViewRoot()&&this.api.dispatchAction({type:Lz,from:this.uid,seriesId:this.seriesModel.id,targetNode:t})},e.prototype.containPoint=function(t,e){var n=e.getData().getItemLayout(0);if(n){var i=t[0]-n.cx,r=t[1]-n.cy,o=Math.sqrt(i*i+r*r);return o<=n.r&&o>=n.r0}},e.type="sunburst",e}(tv),Rz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.ignoreStyleOnData=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){var n={name:t.name,children:t.data};Nz(n);var i=this._levelModels=E(t.levels||[],(function(t){return new wd(t,this,e)}),this),r=Ek.createTree(n,this,(function(t){t.wrapMethod("getItemModel",(function(t,e){var n=r.getNodeByDataIndex(e),o=i[n.depth];return o&&(t.parentModel=o),t}))}));return r.data},e.prototype.optionUpdated=function(){this.resetViewRoot()},e.prototype.getDataParams=function(e){var n=t.prototype.getDataParams.apply(this,arguments),i=this.getData().tree.getNodeByDataIndex(e);return n.treePathInfo=Fk(i,this),n},e.prototype.getLevelModel=function(t){return this._levelModels&&this._levelModels[t.depth]},e.prototype.getViewRoot=function(){return this._viewRoot},e.prototype.resetViewRoot=function(t){t?this._viewRoot=t:t=this._viewRoot;var e=this.getRawData().tree.root;t&&(t===e||e.contains(t))||(this._viewRoot=e)},e.prototype.enableAriaDecal=function(){Zk(this)},e.type="series.sunburst",e.defaultOption={z:2,center:["50%","50%"],radius:[0,"75%"],clockwise:!0,startAngle:90,minAngle:0,stillShowZeroSum:!0,nodeClick:"rootToNode",renderLabelForZeroData:!1,label:{rotate:"radial",show:!0,opacity:1,align:"center",position:"inside",distance:5,silent:!0},itemStyle:{borderWidth:1,borderColor:"white",borderType:"solid",shadowBlur:0,shadowColor:"rgba(0, 0, 0, 0.2)",shadowOffsetX:0,shadowOffsetY:0,opacity:1},emphasis:{focus:"descendant"},blur:{itemStyle:{opacity:.2},label:{opacity:.1}},animationType:"expansion",animationDuration:1e3,animationDurationUpdate:500,data:[],sort:"desc"},e}(Wy);function Nz(t){var e=0;z(t.children,(function(t){Nz(t);var n=t.value;U(n)&&(n=n[0]),e+=n}));var n=t.value;U(n)&&(n=n[0]),(null==n||isNaN(n))&&(n=e),n<0&&(n=0),U(t.value)?t.value[0]=n:t.value=n}var zz=Math.PI/180;function Ez(t,e,n){e.eachSeriesByType(t,(function(t){var e=t.get("center"),i=t.get("radius");U(i)||(i=[0,i]),U(e)||(e=[e,e]);var r=n.getWidth(),o=n.getHeight(),a=Math.min(r,o),s=yo(e[0],r),l=yo(e[1],o),u=yo(i[0],a/2),c=yo(i[1],a/2),h=-t.get("startAngle")*zz,d=t.get("minAngle")*zz,p=t.getData().tree.root,f=t.getViewRoot(),g=f.depth,y=t.get("sort");null!=y&&Bz(f,y);var v=0;z(f.children,(function(t){!isNaN(t.getValue())&&v++}));var m=f.getValue(),x=Math.PI/(m||v)*2,_=f.depth>0,b=f.height-(_?-1:1),w=(c-u)/(b||1),S=t.get("clockwise"),M=t.get("stillShowZeroSum"),I=S?1:-1,T=function(e,n){if(e){var i=n;if(e!==p){var r=e.getValue(),o=0===m&&M?x:r*x;o<d&&(o=d),i=n+I*o;var c=e.depth-g-(_?-1:1),h=u+w*c,f=u+w*(c+1),y=t.getLevelModel(e);if(y){var v=y.get("r0",!0),b=y.get("r",!0),C=y.get("radius",!0);null!=C&&(v=C[0],b=C[1]),null!=v&&(h=yo(v,a/2)),null!=b&&(f=yo(b,a/2))}e.setLayout({angle:o,startAngle:n,endAngle:i,clockwise:S,cx:s,cy:l,r0:h,r:f})}if(e.children&&e.children.length){var D=0;z(e.children,(function(t){D+=T(t,n+D)}))}return i-n}};if(_){var C=u,D=u+w,A=2*Math.PI;p.setLayout({angle:A,startAngle:h,endAngle:h+A,clockwise:S,cx:s,cy:l,r0:C,r:D})}T(f,h)}))}function Bz(t,e){var n=t.children||[];t.children=function(t,e){if(Y(e)){var n=E(t,(function(t,e){var n=t.getValue();return{params:{depth:t.depth,height:t.height,dataIndex:t.dataIndex,getValue:function(){return n}},index:e}}));return n.sort((function(t,n){return e(t.params,n.params)})),E(n,(function(e){return t[e.index]}))}var i="asc"===e;return t.sort((function(t,e){var n=(t.getValue()-e.getValue())*(i?1:-1);return 0===n?(t.dataIndex-e.dataIndex)*(i?-1:1):n}))}(n,e),n.length&&z(t.children,(function(t){Bz(t,e)}))}function Vz(t){var e={};t.eachSeriesByType("sunburst",(function(t){var n=t.getData(),i=n.tree;i.eachNode((function(r){var o=r.getModel().getModel("itemStyle").getItemStyle();o.fill||(o.fill=function(t,n,i){if(0===t.depth)return tf.color.neutral50;for(var r=t;r&&r.depth>1;)r=r.parentNode;var o=n.getColorFromPalette(r.name||r.dataIndex+"",e);return t.depth>1&&X(o)&&(o=si(o,(t.depth-1)/(i-1)*.5)),o}(r,t,i.root.height)),A(n.ensureUniqueItemVisual(r.dataIndex,"style"),o)}))}))}var Gz={color:"fill",borderColor:"stroke"},Fz={symbol:1,symbolSize:1,symbolKeepAspect:1,legendIcon:1,visualMeta:1,liftZ:1,decal:1},Wz=sa(),Hz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){this.currentZLevel=this.get("zlevel",!0),this.currentZ=this.get("z",!0)},e.prototype.getInitialData=function(t,e){return Z_(null,this)},e.prototype.getDataParams=function(e,n,i){var r=t.prototype.getDataParams.call(this,e,n);return i&&(r.info=Wz(i).info),r},e.type="series.custom",e.dependencies=["grid","polar","geo","singleAxis","calendar","matrix"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,legendHoverLink:!0,clip:!1},e}(Wy);function Uz(t,e){return e=e||[0,0],E(["x","y"],(function(n,i){var r=this.getAxis(n),o=e[i],a=t[i]/2;return"category"===r.type?r.getBandWidth():Math.abs(r.dataToCoord(o-a)-r.dataToCoord(o+a))}),this)}function Yz(t,e){return e=e||[0,0],E([0,1],(function(n){var i=e[n],r=t[n]/2,o=[],a=[];return o[n]=i-r,a[n]=i+r,o[1-n]=a[1-n]=e[1-n],Math.abs(this.dataToPoint(o)[n]-this.dataToPoint(a)[n])}),this)}function Xz(t,e){var n=this.getAxis(),i=e instanceof Array?e[0]:e,r=(t instanceof Array?t[0]:t)/2;return"category"===n.type?n.getBandWidth():Math.abs(n.dataToCoord(i-r)-n.dataToCoord(i+r))}function Zz(t,e){return e=e||[0,0],E(["Radius","Angle"],(function(n,i){var r=this["get"+n+"Axis"](),o=e[i],a=t[i]/2,s="category"===r.type?r.getBandWidth():Math.abs(r.dataToCoord(o-a)-r.dataToCoord(o+a));return"Angle"===n&&(s=s*Math.PI/180),s}),this)}function jz(t,e,n,i){return t&&(t.legacy||!1!==t.legacy&&!n&&!i&&"tspan"!==e&&("text"===e||_t(t,"text")))}function qz(t,e,n){var i,r,o,a=t;if("text"===e)o=a;else{o={},_t(a,"text")&&(o.text=a.text),_t(a,"rich")&&(o.rich=a.rich),_t(a,"textFill")&&(o.fill=a.textFill),_t(a,"textStroke")&&(o.stroke=a.textStroke),_t(a,"fontFamily")&&(o.fontFamily=a.fontFamily),_t(a,"fontSize")&&(o.fontSize=a.fontSize),_t(a,"fontStyle")&&(o.fontStyle=a.fontStyle),_t(a,"fontWeight")&&(o.fontWeight=a.fontWeight),r={type:"text",style:o,silent:!0},i={};var s=_t(a,"textPosition");n?i.position=s?a.textPosition:"inside":s&&(i.position=a.textPosition),_t(a,"textPosition")&&(i.position=a.textPosition),_t(a,"textOffset")&&(i.offset=a.textOffset),_t(a,"textRotation")&&(i.rotation=a.textRotation),_t(a,"textDistance")&&(i.distance=a.textDistance)}return Kz(o,t),z(o.rich,(function(t){Kz(t,t)})),{textConfig:i,textContent:r}}function Kz(t,e){e&&(e.font=e.textFont||e.font,_t(e,"textStrokeWidth")&&(t.lineWidth=e.textStrokeWidth),_t(e,"textAlign")&&(t.align=e.textAlign),_t(e,"textVerticalAlign")&&(t.verticalAlign=e.textVerticalAlign),_t(e,"textLineHeight")&&(t.lineHeight=e.textLineHeight),_t(e,"textWidth")&&(t.width=e.textWidth),_t(e,"textHeight")&&(t.height=e.textHeight),_t(e,"textBackgroundColor")&&(t.backgroundColor=e.textBackgroundColor),_t(e,"textPadding")&&(t.padding=e.textPadding),_t(e,"textBorderColor")&&(t.borderColor=e.textBorderColor),_t(e,"textBorderWidth")&&(t.borderWidth=e.textBorderWidth),_t(e,"textBorderRadius")&&(t.borderRadius=e.textBorderRadius),_t(e,"textBoxShadowColor")&&(t.shadowColor=e.textBoxShadowColor),_t(e,"textBoxShadowBlur")&&(t.shadowBlur=e.textBoxShadowBlur),_t(e,"textBoxShadowOffsetX")&&(t.shadowOffsetX=e.textBoxShadowOffsetX),_t(e,"textBoxShadowOffsetY")&&(t.shadowOffsetY=e.textBoxShadowOffsetY))}function $z(t,e,n){var i=t;i.textPosition=i.textPosition||n.position||"inside",null!=n.offset&&(i.textOffset=n.offset),null!=n.rotation&&(i.textRotation=n.rotation),null!=n.distance&&(i.textDistance=n.distance);var r=i.textPosition.indexOf("inside")>=0,o=t.fill||tf.color.neutral99;Jz(i,e);var a=null==i.textFill;return r?a&&(i.textFill=n.insideFill||tf.color.neutral00,!i.textStroke&&n.insideStroke&&(i.textStroke=n.insideStroke),!i.textStroke&&(i.textStroke=o),null==i.textStrokeWidth&&(i.textStrokeWidth=2)):(a&&(i.textFill=t.fill||n.outsideFill||tf.color.neutral00),!i.textStroke&&n.outsideStroke&&(i.textStroke=n.outsideStroke)),i.text=e.text,i.rich=e.rich,z(e.rich,(function(t){Jz(t,t)})),i}function Jz(t,e){e&&(_t(e,"fill")&&(t.textFill=e.fill),_t(e,"stroke")&&(t.textStroke=e.fill),_t(e,"lineWidth")&&(t.textStrokeWidth=e.lineWidth),_t(e,"font")&&(t.font=e.font),_t(e,"fontStyle")&&(t.fontStyle=e.fontStyle),_t(e,"fontWeight")&&(t.fontWeight=e.fontWeight),_t(e,"fontSize")&&(t.fontSize=e.fontSize),_t(e,"fontFamily")&&(t.fontFamily=e.fontFamily),_t(e,"align")&&(t.textAlign=e.align),_t(e,"verticalAlign")&&(t.textVerticalAlign=e.verticalAlign),_t(e,"lineHeight")&&(t.textLineHeight=e.lineHeight),_t(e,"width")&&(t.textWidth=e.width),_t(e,"height")&&(t.textHeight=e.height),_t(e,"backgroundColor")&&(t.textBackgroundColor=e.backgroundColor),_t(e,"padding")&&(t.textPadding=e.padding),_t(e,"borderColor")&&(t.textBorderColor=e.borderColor),_t(e,"borderWidth")&&(t.textBorderWidth=e.borderWidth),_t(e,"borderRadius")&&(t.textBorderRadius=e.borderRadius),_t(e,"shadowColor")&&(t.textBoxShadowColor=e.shadowColor),_t(e,"shadowBlur")&&(t.textBoxShadowBlur=e.shadowBlur),_t(e,"shadowOffsetX")&&(t.textBoxShadowOffsetX=e.shadowOffsetX),_t(e,"shadowOffsetY")&&(t.textBoxShadowOffsetY=e.shadowOffsetY),_t(e,"textShadowColor")&&(t.textShadowColor=e.textShadowColor),_t(e,"textShadowBlur")&&(t.textShadowBlur=e.textShadowBlur),_t(e,"textShadowOffsetX")&&(t.textShadowOffsetX=e.textShadowOffsetX),_t(e,"textShadowOffsetY")&&(t.textShadowOffsetY=e.textShadowOffsetY))}var Qz={position:["x","y"],scale:["scaleX","scaleY"],origin:["originX","originY"]},tE=F(Qz),eE=(B(Ar,(function(t,e){return t[e]=1,t}),{}),Ar.join(", "),["","style","shape","extra"]),nE=sa();function iE(t,e,n,i,r){var o=t+"Animation",a=Jc(t,i,r)||{},s=nE(e).userDuring;return a.duration>0&&(a.during=s?W(cE,{el:e,userDuring:s}):null,a.setToFinal=!0,a.scope=t),A(a,n[o]),a}function rE(t,e,n,i){var r=(i=i||{}).dataIndex,o=i.isInit,a=i.clearStyle,s=n.isAnimationEnabled(),l=nE(t),u=e.style;l.userDuring=e.during;var c={},h={};if(function(t,e,n){for(var i=0;i<tE.length;i++){var r=tE[i],o=Qz[r],a=e[r];a&&(n[o[0]]=a[0],n[o[1]]=a[1])}for(i=0;i<Ar.length;i++){var s=Ar[i];null!=e[s]&&(n[s]=e[s])}}(0,e,h),"compound"===t.type)for(var d=t.shape.paths,p=e.shape.paths,f=0;f<p.length;f++){dE("shape",p[f],d[f])}else dE("shape",e,h),dE("extra",e,h);if(!o&&s&&(function(t,e,n){for(var i=e.transition,r=sE(i)?Ar:qo(i||[]),o=0;o<r.length;o++){var a=r[o];if("style"!==a&&"shape"!==a&&"extra"!==a){var s=t[a];0,n[a]=s}}}(t,e,c),hE("shape",t,e,c),hE("extra",t,e,c),function(t,e,n,i){if(!n)return;var r,o=t.style;if(o){var a=n.transition,s=e.transition;if(a&&!sE(a)){var l=qo(a);!r&&(r=i.style={});for(var u=0;u<l.length;u++){var c=o[f=l[u]];r[f]=c}}else if(t.getAnimationStyleProps&&(sE(s)||sE(a)||P(s,"style")>=0)){var h=t.getAnimationStyleProps(),d=h?h.style:null;if(d){!r&&(r=i.style={});var p=F(n);for(u=0;u<p.length;u++){var f;if(d[f=p[u]]){c=o[f];r[f]=c}}}}}}(t,e,u,c)),h.style=u,function(t,e,n){var i=e.style;if(!t.isGroup&&i){if(n){t.useStyle({});for(var r=t.animators,o=0;o<r.length;o++){var a=r[o];"style"===a.targetName&&a.changeTarget(t.style)}}t.setStyle(i)}e&&(e.style=null,e&&t.attr(e),e.style=i)}(t,h,a),function(t,e){_t(e,"silent")&&(t.silent=e.silent),_t(e,"ignore")&&(t.ignore=e.ignore),t instanceof os&&_t(e,"invisible")&&(t.invisible=e.invisible);t instanceof sl&&_t(e,"autoBatch")&&(t.autoBatch=e.autoBatch)}(t,e),s)if(o){var g={};z(eE,(function(t){var n=t?e[t]:e;n&&n.enterFrom&&(t&&(g[t]=g[t]||{}),A(t?g[t]:g,n.enterFrom))}));var y=iE("enter",t,e,n,r);y.duration>0&&t.animateFrom(g,y)}else!function(t,e,n,i,r){if(r){var o=iE("update",t,e,i,n);o.duration>0&&t.animateFrom(r,o)}}(t,e,r||0,n,c);oE(t,e),u?t.dirty():t.markRedraw()}function oE(t,e){for(var n=nE(t).leaveToProps,i=0;i<eE.length;i++){var r=eE[i],o=r?e[r]:e;o&&o.leaveTo&&(n||(n=nE(t).leaveToProps={}),r&&(n[r]=n[r]||{}),A(r?n[r]:n,o.leaveTo))}}function aE(t,e,n,i){if(t){var r=t.parent,o=nE(t).leaveToProps;if(o){var a=iE("update",t,e,n,0);a.done=function(){r&&r.remove(t),i&&i()},t.animateTo(o,a)}else r&&r.remove(t),i&&i()}}function sE(t){return"all"===t}var lE={},uE={setTransform:function(t,e){return lE.el[t]=e,this},getTransform:function(t){return lE.el[t]},setShape:function(t,e){var n=lE.el;return(n.shape||(n.shape={}))[t]=e,n.dirtyShape&&n.dirtyShape(),this},getShape:function(t){var e=lE.el.shape;if(e)return e[t]},setStyle:function(t,e){var n=lE.el,i=n.style;return i&&(i[t]=e,n.dirtyStyle&&n.dirtyStyle()),this},getStyle:function(t){var e=lE.el.style;if(e)return e[t]},setExtra:function(t,e){return(lE.el.extra||(lE.el.extra={}))[t]=e,this},getExtra:function(t){var e=lE.el.extra;if(e)return e[t]}};function cE(){var t=this,e=t.el;if(e){var n=nE(e).userDuring,i=t.userDuring;n===i?(lE.el=e,i(uE)):t.el=t.userDuring=null}}function hE(t,e,n,i){var r=n[t];if(r){var o,a=e[t];if(a){var s=n.transition,l=r.transition;if(l)if(!o&&(o=i[t]={}),sE(l))A(o,a);else for(var u=qo(l),c=0;c<u.length;c++){var h=a[p=u[c]];o[p]=h}else if(sE(s)||P(s,t)>=0){!o&&(o=i[t]={});var d=F(a);for(c=0;c<d.length;c++){var p;h=a[p=d[c]];pE(r[p],h)&&(o[p]=h)}}}}}function dE(t,e,n){var i=e[t];if(i)for(var r=n[t]={},o=F(i),a=0;a<o.length;a++){var s=o[a];r[s]=Wi(i[s])}}function pE(t,e){return N(t)?t!==e:null!=t&&isFinite(t)}var fE=sa(),gE=["percent","easing","shape","style","extra"];function yE(t){t.stopAnimation("keyframe"),t.attr(fE(t))}function vE(t,e,n){if(n.isAnimationEnabled()&&e)if(U(e))z(e,(function(e){vE(t,e,n)}));else{var i=e.keyframes,r=e.duration;if(n&&null==r){var o=Jc("enter",n,0);r=o&&o.duration}if(i&&r){var a=fE(t);z(eE,(function(n){if(!n||t[n]){var o;i.sort((function(t,e){return t.percent-e.percent})),z(i,(function(i){var s=t.animators,l=n?i[n]:i;if(l){var u=F(l);if(n||(u=V(u,(function(t){return P(gE,t)<0}))),u.length){o||((o=t.animate(n,e.loop,!0)).scope="keyframe");for(var c=0;c<s.length;c++)s[c]!==o&&s[c].targetName===o.targetName&&s[c].stopTracks(u);n&&(a[n]=a[n]||{});var h=n?a[n]:a;z(u,(function(e){h[e]=((n?t[n]:t)||{})[e]})),o.whenWithKeys(r*i.percent,l,u,i.easing)}}})),o&&o.delay(e.delay||0).duration(r).start(e.easing)}}))}}}var mE="emphasis",xE="normal",_E="blur",bE="select",wE=[xE,mE,_E,bE],SE={normal:["itemStyle"],emphasis:[mE,"itemStyle"],blur:[_E,"itemStyle"],select:[bE,"itemStyle"]},ME={normal:["label"],emphasis:[mE,"label"],blur:[_E,"label"],select:[bE,"label"]},IE=["x","y"],TE={normal:{},emphasis:{},blur:{},select:{}},CE={cartesian2d:function(t){var e=t.master.getRect();return{coordSys:{type:"cartesian2d",x:e.x,y:e.y,width:e.width,height:e.height},api:{coord:function(e){return t.dataToPoint(e)},size:W(Uz,t)}}},geo:function(t){var e=t.getBoundingRect();return{coordSys:{type:"geo",x:e.x,y:e.y,width:e.width,height:e.height,zoom:t.getZoom()},api:{coord:function(e){return t.dataToPoint(e)},size:W(Yz,t)}}},single:function(t){var e=t.getRect();return{coordSys:{type:"singleAxis",x:e.x,y:e.y,width:e.width,height:e.height},api:{coord:function(e){return t.dataToPoint(e)},size:W(Xz,t)}}},polar:function(t){var e=t.getRadiusAxis(),n=t.getAngleAxis(),i=e.getExtent();return i[0]>i[1]&&i.reverse(),{coordSys:{type:"polar",cx:t.cx,cy:t.cy,r:i[1],r0:i[0]},api:{coord:function(i){var r=e.dataToRadius(i[0]),o=n.dataToAngle(i[1]),a=t.coordToPoint([r,o]);return a.push(r,o*Math.PI/180),a},size:W(Zz,t)}}},calendar:function(t){var e=t.getRect(),n=t.getRangeInfo();return{coordSys:{type:"calendar",x:e.x,y:e.y,width:e.width,height:e.height,cellWidth:t.getCellWidth(),cellHeight:t.getCellHeight(),rangeInfo:{start:n.start,end:n.end,weeks:n.weeks,dayCount:n.allDay}},api:{coord:function(e,n){return t.dataToPoint(e,n)},layout:function(e,n){return t.dataToLayout(e,n)}}}},matrix:function(t){var e=t.getRect();return{coordSys:{type:"matrix",x:e.x,y:e.y,width:e.width,height:e.height},api:{coord:function(e,n){return t.dataToPoint(e,n)},layout:function(e,n){return t.dataToLayout(e,n)}}}}};function DE(t){return t instanceof sl}function AE(t){return t instanceof os}var kE=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){this._progressiveEls=null;var r=this._data,o=t.getData(),a=this.group,s=NE(t,o,e,n);r||a.removeAll(),o.diff(r).add((function(e){EE(n,null,e,s(e,i),t,a,o)})).remove((function(e){var n=r.getItemGraphicEl(e);n&&aE(n,Wz(n).option,t)})).update((function(e,l){var u=r.getItemGraphicEl(l);EE(n,u,e,s(e,i),t,a,o)})).execute();var l=t.get("clip",!0)?wI(t.coordinateSystem,!1,t):null;l?a.setClipPath(l):a.removeClipPath(),this._data=o},e.prototype.incrementalPrepareRender=function(t,e,n){this.group.removeAll(),this._data=null},e.prototype.incrementalRender=function(t,e,n,i,r){var o=e.getData(),a=NE(e,o,n,i),s=this._progressiveEls=[];function l(t){t.isGroup||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}for(var u=t.start;u<t.end;u++){var c=EE(null,null,u,a(u,r),e,this.group,o);c&&(c.traverse(l),s.push(c))}},e.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},e.prototype.filterForExposedEvent=function(t,e,n,i){var r=e.element;if(null==r||n.name===r)return!0;for(;(n=n.__hostTarget||n.parent)&&n!==this.group;)if(n.name===r)return!0;return!1},e.type="custom",e}(tv);function LE(t){var e,n=t.type;if("path"===n){var i=null!=(o=t.shape).width&&null!=o.height?{x:o.x||0,y:o.y||0,width:o.width,height:o.height}:null,r=ZE(o);e=gh(r,null,i,o.layout||"center"),Wz(e).customPathData=r}else if("image"===n)e=new dl({}),Wz(e).customImagePath=t.style.image;else if("text"===n)e=new Sl({});else if("group"===n)e=new to;else if("compoundPath"===n){var o;if(!(o=t.shape)||!o.paths)0,Yo("");var a=E(o.paths,(function(t){if("path"===t.type)return gh(t.shape.pathData,t,null);var e=fh(t.type);if(!e){var n="";0,Yo(n)}return new e}));e=new zc({shape:{paths:a}})}else{var s=fh(n);if(!s)0,Yo("");e=new s}return Wz(e).customGraphicType=n,e.name=t.name,e.z2EmphasisLift=1,e.z2SelectLift=1,e}function PE(t,e,n,i,r,o,a){yE(e);var s=r&&r.normal.cfg;s&&e.setTextConfig(s),i&&null==i.transition&&(i.transition=IE);var l=i&&i.style;if(l){if("text"===e.type){var u=l;_t(u,"textFill")&&(u.fill=u.textFill),_t(u,"textStroke")&&(u.stroke=u.textStroke)}var c=void 0,h=DE(e)?l.decal:null;t&&h&&(h.dirty=!0,c=Bm(h,t)),l.__decalPattern=c}AE(e)&&(l&&(c=l.__decalPattern)&&(l.decal=c));rE(e,i,o,{dataIndex:n,isInit:a,clearStyle:!0}),vE(e,i.keyframeAnimation,o)}function OE(t,e,n,i,r){var o=e.isGroup?null:e,a=r&&r[t].cfg;if(o){var s=o.ensureState(t);if(!1===i){var l=o.getState(t);l&&(l.style=null)}else s.style=i||null;a&&(s.textConfig=a),uu(o)}}function RE(t,e,n){var i=n===xE,r=i?e:FE(e,n),o=r?r.z2:null;null!=o&&((i?t:t.ensureState(n)).z2=o||0)}function NE(t,e,n,i){var r=t.get("renderItem");if("string"==typeof r){var o=Ym[r];o&&(r=o)}var a=t.coordinateSystem,s={};a&&(s=a.prepareCustoms?a.prepareCustoms(a):CE[a.type](a));for(var l,u,c=k({getWidth:i.getWidth,getHeight:i.getHeight,getZr:i.getZr,getDevicePixelRatio:i.getDevicePixelRatio,value:function(t,n){return null==n&&(n=l),e.getStore().get(e.getDimensionIndex(t||0),n)},style:function(n,i){0;null==i&&(i=l);var r=e.getItemVisual(i,"style"),o=r&&r.fill,a=r&&r.opacity,s=x(i,xE).getItemStyle();null!=o&&(s.fill=o),null!=a&&(s.opacity=a);var u={inheritColor:X(o)?o:tf.color.neutral99},c=_(i,xE),h=Qh(c,null,u,!1,!0);h.text=c.getShallow("show")?rt(t.getFormattedLabel(i,xE),nI(e,i)):null;var d=td(c,u,!1);return w(n,s),s=$z(s,h,d),n&&b(s,n),s.legacy=!0,s},ordinalRawValue:function(t,n){null==n&&(n=l),t=t||0;var i=e.getDimensionInfo(t);if(!i){var r=e.getDimensionIndex(t);return r>=0?e.getStore().get(r,n):void 0}var o=e.get(i.name,n),a=i&&i.ordinalMeta;return a?a.categories[o]:o},styleEmphasis:function(n,i){0;null==i&&(i=l);var r=x(i,mE).getItemStyle(),o=_(i,mE),a=Qh(o,null,null,!0,!0);a.text=o.getShallow("show")?ot(t.getFormattedLabel(i,mE),t.getFormattedLabel(i,xE),nI(e,i)):null;var s=td(o,null,!0);return w(n,r),r=$z(r,a,s),n&&b(r,n),r.legacy=!0,r},visual:function(t,n){if(null==n&&(n=l),_t(Gz,t)){var i=e.getItemVisual(n,"style");return i?i[Gz[t]]:null}if(_t(Fz,t))return e.getItemVisual(n,t)},barLayout:function(t){if("cartesian2d"===a.type){return function(t){var e=[],n=t.axis,i="axis0";if("category"===n.type){for(var r=n.getBandWidth(),o=0;o<t.count;o++)e.push(k({bandWidth:r,axisKey:i,stackId:fb+o},t));var a=xb(e),s=[];for(o=0;o<t.count;o++){var l=a[i][fb+o];l.offsetCenter=l.offset+l.width/2,s.push(l)}return s}}(k({axis:a.getBaseAxis()},t))}},currentSeriesIndices:function(){return n.getCurrentSeriesIndices()},font:function(t){return od(t,n)}},s.api||{}),h={context:{},seriesId:t.id,seriesName:t.name,seriesIndex:t.seriesIndex,coordSys:s.coordSys,dataInsideLength:e.count(),encode:zE(t.getData()),itemPayload:t.get("itemPayload")||{}},d={},p={},f={},g={},y=0;y<wE.length;y++){var v=wE[y];f[v]=t.getModel(SE[v]),g[v]=t.getModel(ME[v])}function m(t){return t===l?u||(u=e.getItemModel(t)):e.getItemModel(t)}function x(t,n){return e.hasItemOption?t===l?d[n]||(d[n]=m(t).getModel(SE[n])):m(t).getModel(SE[n]):f[n]}function _(t,n){return e.hasItemOption?t===l?p[n]||(p[n]=m(t).getModel(ME[n])):m(t).getModel(ME[n]):g[n]}return function(t,n){return l=t,u=null,d={},p={},r&&r(k({dataIndexInside:t,dataIndex:e.getRawIndex(t),actionType:n?n.type:null},h),c)};function b(t,e){for(var n in e)_t(e,n)&&(t[n]=e[n])}function w(t,e){t&&(t.textFill&&(e.textFill=t.textFill),t.textPosition&&(e.textPosition=t.textPosition))}}function zE(t){var e={};return z(t.dimensions,(function(n){var i=t.getDimensionInfo(n);if(!i.isExtraCoord){var r=i.coordDim;(e[r]=e[r]||[])[i.coordDimIndex]=t.getDimensionIndex(n)}})),e}function EE(t,e,n,i,r,o,a){if(i){var s=BE(t,e,n,i,r,o);return s&&a.setItemGraphicEl(n,s),s&&Tu(s,i.focus,i.blurScope,i.emphasisDisabled),s}o.remove(e)}function BE(t,e,n,i,r,o){var a=-1,s=e;e&&VE(e,i,r)&&(a=P(o.childrenRef(),e),e=null);var l,u,c=!e,h=e;h?h.clearStates():(h=LE(i),s&&(l=s,(u=h).copyTransform(l),AE(u)&&AE(l)&&(u.setStyle(l.style),u.z=l.z,u.z2=l.z2,u.zlevel=l.zlevel,u.invisible=l.invisible,u.ignore=l.ignore,DE(u)&&DE(l)&&u.setShape(l.shape)))),!1===i.morph?h.disableMorphing=!0:h.disableMorphing&&(h.disableMorphing=!1),i.tooltipDisabled&&(h.tooltipDisabled=!0),TE.normal.cfg=TE.normal.conOpt=TE.emphasis.cfg=TE.emphasis.conOpt=TE.blur.cfg=TE.blur.conOpt=TE.select.cfg=TE.select.conOpt=null,TE.isLegacy=!1,function(t,e,n,i,r,o){if(t.isGroup||"compoundPath"===t.type)return;GE(n,null,o),GE(n,mE,o);var a=o.normal.conOpt,s=o.emphasis.conOpt,l=o.blur.conOpt,u=o.select.conOpt;if(null!=a||null!=s||null!=u||null!=l){var c=t.getTextContent();if(!1===a)c&&t.removeTextContent();else{a=o.normal.conOpt=a||{type:"text"},c?c.clearStates():(c=LE(a),t.setTextContent(c)),PE(null,c,e,a,null,i,r);for(var h=a&&a.style,d=0;d<wE.length;d++){var p=wE[d];if(p!==xE){var f=o[p].conOpt;OE(p,c,0,WE(a,f,p),null)}}h?c.dirty():c.markRedraw()}}}(h,n,i,r,c,TE),function(t,e,n,i,r){var o=n.clipPath;if(!1===o)t&&t.getClipPath()&&t.removeClipPath();else if(o){var a=t.getClipPath();a&&VE(a,o,i)&&(a=null),a||(a=LE(o),t.setClipPath(a)),PE(null,a,e,o,null,i,r)}}(h,n,i,r,c),PE(t,h,n,i,TE,r,c),_t(i,"info")&&(Wz(h).info=i.info);for(var d=0;d<wE.length;d++){var p=wE[d];if(p!==xE){var f=FE(i,p);OE(p,h,0,WE(i,f,p),TE)}}return function(t,e,n){if(!t.isGroup){var i=t,r=n.currentZ,o=n.currentZLevel;i.z=r,i.zlevel=o;var a=e.z2;null!=a&&(i.z2=a||0);for(var s=0;s<wE.length;s++)RE(i,e,wE[s])}}(h,i,r),"group"===i.type&&function(t,e,n,i,r){var o=i.children,a=o?o.length:0,s=i.$mergeChildren,l="byName"===s||i.diffChildrenByName,u=!1===s;if(!a&&!l&&!u)return;if(l)return c={api:t,oldChildren:e.children()||[],newChildren:o||[],dataIndex:n,seriesModel:r,group:e},void new f_(c.oldChildren,c.newChildren,UE,UE,c).add(YE).update(YE).remove(XE).execute();var c;u&&e.removeAll();for(var h=0;h<a;h++){var d=o[h],p=e.childAt(h);d?(null==d.ignore&&(d.ignore=!1),BE(t,p,n,d,r,e)):p.ignore=!0}for(var f=e.childCount()-1;f>=h;f--){var g=e.childAt(f);HE(e,g,r)}}(t,h,n,i,r),a>=0?o.replaceAt(h,a):o.add(h),h}function VE(t,e,n){var i,r=Wz(t),o=e.type,a=e.shape,s=e.style;return n.isUniversalTransitionEnabled()||null!=o&&o!==r.customGraphicType||"path"===o&&((i=a)&&(_t(i,"pathData")||_t(i,"d")))&&ZE(a)!==r.customPathData||"image"===o&&_t(s,"image")&&s.image!==r.customImagePath}function GE(t,e,n){var i=e?FE(t,e):t,r=e?WE(t,i,mE):t.style,o=t.type,a=i?i.textConfig:null,s=t.textContent,l=s?e?FE(s,e):s:null;if(r&&(n.isLegacy||jz(r,o,!!a,!!l))){n.isLegacy=!0;var u=qz(r,o,!e);!a&&u.textConfig&&(a=u.textConfig),!l&&u.textContent&&(l=u.textContent)}if(!e&&l){var c=l;!c.type&&(c.type="text")}var h=e?n[e]:n.normal;h.cfg=a,h.conOpt=l}function FE(t,e){return e?t?t[e]:null:t}function WE(t,e,n){var i=e&&e.style;return null==i&&n===mE&&t&&(i=t.styleEmphasis),i}function HE(t,e,n){e&&aE(e,Wz(t).option,n)}function UE(t,e){var n=t&&t.name;return null!=n?n:"e\0\0"+e}function YE(t,e){var n=this.context,i=null!=t?n.newChildren[t]:null,r=null!=e?n.oldChildren[e]:null;BE(n.api,r,n.dataIndex,i,n.seriesModel,n.group)}function XE(t){var e=this.context,n=e.oldChildren[t];n&&aE(n,Wz(n).option,e.seriesModel)}function ZE(t){return t&&(t.pathData||t.d)}var jE=sa(),qE=T,KE=W,$E=function(){function t(){this._dragging=!1,this.animationThreshold=15}return t.prototype.render=function(t,e,n,i){var r=e.get("value"),o=e.get("status");if(this._axisModel=t,this._axisPointerModel=e,this._api=n,i||this._lastValue!==r||this._lastStatus!==o){this._lastValue=r,this._lastStatus=o;var a=this._group,s=this._handle;if(!o||"hide"===o)return a&&a.hide(),void(s&&s.hide());a&&a.show(),s&&s.show();var l={};this.makeElOption(l,r,t,e,n);var u=l.graphicKey;u!==this._lastGraphicKey&&this.clear(n),this._lastGraphicKey=u;var c=this._moveAnimation=this.determineAnimation(t,e);if(a){var h=H(JE,e,c);this.updatePointerEl(a,l,h),this.updateLabelEl(a,l,h,e)}else a=this._group=new to,this.createPointerEl(a,l,t,e),this.createLabelEl(a,l,t,e),n.getZr().add(a);nB(a,e,!0),this._renderHandle(r)}},t.prototype.remove=function(t){this.clear(t)},t.prototype.dispose=function(t){this.clear(t)},t.prototype.determineAnimation=function(t,e){var n=e.get("animation"),i=t.axis,r="category"===i.type,o=e.get("snap");if(!o&&!r)return!1;if("auto"===n||null==n){var a=this.animationThreshold;if(r&&i.getBandWidth()>a)return!0;if(o){var s=ZC(t).seriesDataCount,l=i.getExtent();return Math.abs(l[0]-l[1])/s>a}return!1}return!0===n},t.prototype.makeElOption=function(t,e,n,i,r){},t.prototype.createPointerEl=function(t,e,n,i){var r=e.pointer;if(r){var o=jE(t).pointerEl=new Zh[r.type](qE(e.pointer));t.add(o)}},t.prototype.createLabelEl=function(t,e,n,i){if(e.label){var r=jE(t).labelEl=new Sl(qE(e.label));t.add(r),tB(r,i)}},t.prototype.updatePointerEl=function(t,e,n){var i=jE(t).pointerEl;i&&e.pointer&&(i.setStyle(e.pointer.style),n(i,{shape:e.pointer.shape}))},t.prototype.updateLabelEl=function(t,e,n,i){var r=jE(t).labelEl;r&&(r.setStyle(e.label.style),n(r,{x:e.label.x,y:e.label.y}),tB(r,i))},t.prototype._renderHandle=function(t){if(!this._dragging&&this.updateHandleTransform){var e,n=this._axisPointerModel,i=this._api.getZr(),r=this._handle,o=n.getModel("handle"),a=n.get("status");if(!o.get("show")||!a||"hide"===a)return r&&i.remove(r),void(this._handle=null);this._handle||(e=!0,r=this._handle=Ah(o.get("icon"),{cursor:"move",draggable:!0,onmousemove:function(t){fe(t.event)},onmousedown:KE(this._onHandleDragMove,this,0,0),drift:KE(this._onHandleDragMove,this),ondragend:KE(this._onHandleDragEnd,this)}),i.add(r)),nB(r,n,!1),r.setStyle(o.getItemStyle(null,["color","borderColor","borderWidth","opacity","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"]));var s=o.get("size");U(s)||(s=[s,s]),r.scaleX=s[0]/2,r.scaleY=s[1]/2,cv(this,"_doDispatchAxisPointer",o.get("throttle")||0,"fixRate"),this._moveHandleToValue(t,e)}},t.prototype._moveHandleToValue=function(t,e){JE(this._axisPointerModel,!e&&this._moveAnimation,this._handle,eB(this.getHandleTransform(t,this._axisModel,this._axisPointerModel)))},t.prototype._onHandleDragMove=function(t,e){var n=this._handle;if(n){this._dragging=!0;var i=this.updateHandleTransform(eB(n),[t,e],this._axisModel,this._axisPointerModel);this._payloadInfo=i,n.stopAnimation(),n.attr(eB(i)),jE(n).lastProp=null,this._doDispatchAxisPointer()}},t.prototype._doDispatchAxisPointer=function(){if(this._handle){var t=this._payloadInfo,e=this._axisModel;this._api.dispatchAction({type:"updateAxisPointer",x:t.cursorPoint[0],y:t.cursorPoint[1],tooltipOption:t.tooltipOption,axesInfo:[{axisDim:e.axis.dim,axisIndex:e.componentIndex}]})}},t.prototype._onHandleDragEnd=function(){if(this._dragging=!1,this._handle){var t=this._axisPointerModel.get("value");this._moveHandleToValue(t),this._api.dispatchAction({type:"hideTip"})}},t.prototype.clear=function(t){this._lastValue=null,this._lastStatus=null;var e=t.getZr(),n=this._group,i=this._handle;e&&n&&(this._lastGraphicKey=null,n&&e.remove(n),i&&e.remove(i),this._group=null,this._handle=null,this._payloadInfo=null),hv(this,"_doDispatchAxisPointer")},t.prototype.doClear=function(){},t.prototype.buildLabel=function(t,e,n){return{x:t[n=n||0],y:t[1-n],width:e[n],height:e[1-n]}},t}();function JE(t,e,n,i){QE(jE(n).lastProp,i)||(jE(n).lastProp=i,e?th(n,i,t):(n.stopAnimation(),n.attr(i)))}function QE(t,e){if(q(t)&&q(e)){var n=!0;return z(e,(function(e,i){n=n&&QE(t[i],e)})),!!n}return t===e}function tB(t,e){t[e.get(["label","show"])?"show":"hide"]()}function eB(t){return{x:t.x||0,y:t.y||0,rotation:t.rotation||0}}function nB(t,e,n){var i=e.get("z"),r=e.get("zlevel");t&&t.traverse((function(t){"group"!==t.type&&(null!=i&&(t.z=i),null!=r&&(t.zlevel=r),t.silent=n)}))}function iB(t){var e,n=t.get("type"),i=t.getModel(n+"Style");return"line"===n?(e=i.getLineStyle()).fill=null:"shadow"===n&&((e=i.getAreaStyle()).stroke=null),e}function rB(t,e,n,i,r){var o=oB(n.get("value"),e.axis,e.ecModel,n.get("seriesDataIndices"),{precision:n.get(["label","precision"]),formatter:n.get(["label","formatter"])}),a=n.getModel("label"),s=yp(a.get("padding")||0),l=a.getFont(),u=Er(o,l),c=r.position,h=u.width+s[1]+s[3],d=u.height+s[0]+s[2],p=r.align;"right"===p&&(c[0]-=h),"center"===p&&(c[0]-=h/2);var f=r.verticalAlign;"bottom"===f&&(c[1]-=d),"middle"===f&&(c[1]-=d/2),function(t,e,n,i){var r=i.getWidth(),o=i.getHeight();t[0]=Math.min(t[0]+e,r)-e,t[1]=Math.min(t[1]+n,o)-n,t[0]=Math.max(t[0],0),t[1]=Math.max(t[1],0)}(c,h,d,i);var g=a.get("backgroundColor");g&&"auto"!==g||(g=e.get(["axisLine","lineStyle","color"])),t.label={x:c[0],y:c[1],style:Qh(a,{text:o,font:l,fill:a.getTextColor(),padding:s,backgroundColor:g}),z2:10}}function oB(t,e,n,i,r){t=e.scale.parse(t);var o=e.scale.getLabel({value:t},{precision:r.precision}),a=r.formatter;if(a){var s={value:qb(e,{value:t}),axisDimension:e.dim,axisIndex:e.index,seriesData:[]};z(i,(function(t){var e=n.getSeriesByIndex(t.seriesIndex),i=t.dataIndexInside,r=e&&e.getDataParams(i);r&&s.seriesData.push(r)})),X(a)?o=a.replace("{value}",o):Y(a)&&(o=a(s))}return o}function aB(t,e,n){var i=[1,0,0,1,0,0];return Me(i,i,n.rotation),Se(i,i,n.position),Sh([t.dataToCoord(e),(n.labelOffset||0)+(n.labelDirection||1)*(n.labelMargin||0)],i)}function sB(t,e,n,i,r,o){var a=mC.innerTextLayout(n.rotation,0,n.labelDirection);n.labelMargin=r.get(["label","margin"]),rB(e,i,r,o,{position:aB(i.axis,t,n),align:a.textAlign,verticalAlign:a.textVerticalAlign})}function lB(t,e,n){return{x1:t[n=n||0],y1:t[1-n],x2:e[n],y2:e[1-n]}}function uB(t,e,n){return{x:t[n=n||0],y:t[1-n],width:e[n],height:e[1-n]}}function cB(t,e,n,i,r,o){return{cx:t,cy:e,r0:n,r:i,startAngle:r,endAngle:o,clockwise:!0}}var hB=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.makeElOption=function(t,e,n,i,r){var o=n.axis,a=o.grid,s=i.get("type"),l=dB(a,o).getOtherAxis(o).getGlobalExtent(),u=o.toGlobalCoord(o.dataToCoord(e,!0));if(s&&"none"!==s){var c=iB(i),h=pB[s](o,u,l);h.style=c,t.graphicKey=h.type,t.pointer=h}sB(e,t,kC(a.getRect(),n),n,i,r)},e.prototype.getHandleTransform=function(t,e,n){var i=kC(e.axis.grid.getRect(),e,{labelInside:!1});i.labelMargin=n.get(["handle","margin"]);var r=aB(e.axis,t,i);return{x:r[0],y:r[1],rotation:i.rotation+(i.labelDirection<0?Math.PI:0)}},e.prototype.updateHandleTransform=function(t,e,n,i){var r=n.axis,o=r.grid,a=r.getGlobalExtent(!0),s=dB(o,r).getOtherAxis(r).getGlobalExtent(),l="x"===r.dim?0:1,u=[t.x,t.y];u[l]+=e[l],u[l]=Math.min(a[1],u[l]),u[l]=Math.max(a[0],u[l]);var c=(s[1]+s[0])/2,h=[c,c];h[l]=u[l];return{x:u[0],y:u[1],rotation:t.rotation,cursorPoint:h,tooltipOption:[{verticalAlign:"middle"},{align:"center"}][l]}},e}($E);function dB(t,e){var n={};return n[e.dim+"AxisIndex"]=e.index,t.getCartesian(n)}var pB={line:function(t,e,n){return{type:"Line",subPixelOptimize:!0,shape:lB([e,n[0]],[e,n[1]],fB(t))}},shadow:function(t,e,n){var i=Math.max(1,t.getBandWidth()),r=n[1]-n[0];return{type:"Rect",shape:uB([e-i/2,n[0]],[i,r],fB(t))}}};function fB(t){return"x"===t.dim?0:1}var gB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="axisPointer",e.defaultOption={show:"auto",z:50,type:"line",snap:!1,triggerTooltip:!0,triggerEmphasis:!0,value:null,status:null,link:[],animation:null,animationDurationUpdate:200,lineStyle:{color:tf.color.border,width:1,type:"dashed"},shadowStyle:{color:tf.color.shadowTint},label:{show:!0,formatter:null,precision:"auto",margin:3,color:tf.color.neutral00,padding:[5,7,5,7],backgroundColor:tf.color.accent60,borderColor:null,borderWidth:0,borderRadius:3},handle:{show:!1,icon:"M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7v-1.2h6.6z M13.3,22H6.7v-1.2h6.6z M13.3,19.6H6.7v-1.2h6.6z",size:45,margin:50,color:tf.color.accent40,throttle:40}},e}(Qp),yB=sa(),vB=z;function mB(t,e,n){if(!r.node){var i=e.getZr();yB(i).records||(yB(i).records={}),function(t,e){if(yB(t).initialized)return;function n(n,i){t.on(n,(function(n){var r=function(t){var e={showTip:[],hideTip:[]},n=function(i){var r=e[i.type];r?r.push(i):(i.dispatchAction=n,t.dispatchAction(i))};return{dispatchAction:n,pendings:e}}(e);vB(yB(t).records,(function(t){t&&i(t,n,r.dispatchAction)})),function(t,e){var n,i=t.showTip.length,r=t.hideTip.length;i?n=t.showTip[i-1]:r&&(n=t.hideTip[r-1]);n&&(n.dispatchAction=null,e.dispatchAction(n))}(r.pendings,e)}))}yB(t).initialized=!0,n("click",H(_B,"click")),n("mousemove",H(_B,"mousemove")),n("globalout",xB)}(i,e),(yB(i).records[t]||(yB(i).records[t]={})).handler=n}}function xB(t,e,n){t.handler("leave",null,n)}function _B(t,e,n,i){e.handler(t,n,i)}function bB(t,e){if(!r.node){var n=e.getZr();(yB(n).records||{})[t]&&(yB(n).records[t]=null)}}var wB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=e.getComponent("tooltip"),r=t.get("triggerOn")||i&&i.get("triggerOn")||"mousemove|click";mB("axisPointer",n,(function(t,e,n){"none"!==r&&("leave"===t||r.indexOf(t)>=0)&&n({type:"updateAxisPointer",currTrigger:t,x:e&&e.offsetX,y:e&&e.offsetY})}))},e.prototype.remove=function(t,e){bB("axisPointer",e)},e.prototype.dispose=function(t,e){bB("axisPointer",e)},e.type="axisPointer",e}(Ky);function SB(t,e){var n,i=[],r=t.seriesIndex;if(null==r||!(n=e.getSeriesByIndex(r)))return{point:[]};var o=n.getData(),a=aa(o,t);if(null==a||a<0||U(a))return{point:[]};var s=o.getItemGraphicEl(a),l=n.coordinateSystem;if(n.getTooltipPosition)i=n.getTooltipPosition(a)||[];else if(l&&l.dataToPoint)if(t.isStacked){var u=l.getBaseAxis(),c=l.getOtherAxis(u).dim,h=u.dim,d="x"===c||"radius"===c?1:0,p=o.mapDimension(h),f=[];f[d]=o.get(p,a),f[1-d]=o.get(o.getCalculationInfo("stackResultDimension"),a),i=l.dataToPoint(f)||[]}else i=l.dataToPoint(o.getValues(E(l.dimensions,(function(t){return o.mapDimension(t)})),a))||[];else if(s){var g=s.getBoundingRect().clone();g.applyTransform(s.transform),i=[g.x+g.width/2,g.y+g.height/2]}return{point:i,el:s}}var MB=sa();function IB(t,e,n){var i=t.currTrigger,r=[t.x,t.y],o=t,a=t.dispatchAction||W(n.dispatchAction,n),s=e.getComponent("axisPointer").coordSysAxesInfo;if(s){kB(r)&&(r=SB({seriesIndex:o.seriesIndex,dataIndex:o.dataIndex},e).point);var l=kB(r),u=o.axesInfo,c=s.axesInfo,h="leave"===i||kB(r),d={},p={},f={list:[],map:{}},g={showPointer:H(CB,p),showTooltip:H(DB,f)};z(s.coordSysMap,(function(t,e){var n=l||t.containPoint(r);z(s.coordSysAxesInfo[e],(function(t,e){var i=t.axis,o=function(t,e){for(var n=0;n<(t||[]).length;n++){var i=t[n];if(e.axis.dim===i.axisDim&&e.axis.model.componentIndex===i.axisIndex)return i}}(u,t);if(!h&&n&&(!u||o)){var a=o&&o.value;null!=a||l||(a=i.pointToData(r)),null!=a&&TB(t,a,g,!1,d)}}))}));var y={};return z(c,(function(t,e){var n=t.linkGroup;n&&!p[e]&&z(n.axesInfo,(function(e,i){var r=p[i];if(e!==t&&r){var o=r.value;n.mapper&&(o=t.axis.scale.parse(n.mapper(o,AB(e),AB(t)))),y[t.key]=o}}))})),z(y,(function(t,e){TB(c[e],t,g,!0,d)})),function(t,e,n){var i=n.axesInfo=[];z(e,(function(e,n){var r=e.axisPointerModel.option,o=t[n];o?(!e.useHandle&&(r.status="show"),r.value=o.value,r.seriesDataIndices=(o.payloadBatch||[]).slice()):!e.useHandle&&(r.status="hide"),"show"===r.status&&i.push({axisDim:e.axis.dim,axisIndex:e.axis.model.componentIndex,value:r.value})}))}(p,c,d),function(t,e,n,i){if(kB(e)||!t.list.length)return void i({type:"hideTip"});var r=((t.list[0].dataByAxis[0]||{}).seriesDataIndices||[])[0]||{};i({type:"showTip",escapeConnect:!0,x:e[0],y:e[1],tooltipOption:n.tooltipOption,position:n.position,dataIndexInside:r.dataIndexInside,dataIndex:r.dataIndex,seriesIndex:r.seriesIndex,dataByCoordSys:t.list})}(f,r,t,a),function(t,e,n){var i=n.getZr(),r="axisPointerLastHighlights",o=MB(i)[r]||{},a=MB(i)[r]={};z(t,(function(t,e){var n=t.axisPointerModel.option;"show"===n.status&&t.triggerEmphasis&&z(n.seriesDataIndices,(function(t){var e=t.seriesIndex+" | "+t.dataIndex;a[e]=t}))}));var s=[],l=[];z(o,(function(t,e){!a[e]&&l.push(t)})),z(a,(function(t,e){!o[e]&&s.push(t)})),l.length&&n.dispatchAction({type:"downplay",escapeConnect:!0,notBlur:!0,batch:l}),s.length&&n.dispatchAction({type:"highlight",escapeConnect:!0,notBlur:!0,batch:s})}(c,0,n),d}}function TB(t,e,n,i,r){var o=t.axis;if(!o.scale.isBlank()&&o.containData(e))if(t.involveSeries){var a=function(t,e){var n=e.axis,i=n.dim,r=t,o=[],a=Number.MAX_VALUE,s=-1;return z(e.seriesModels,(function(e,l){var u,c,h=e.getData().mapDimensionsAll(i);if(e.getAxisTooltipData){var d=e.getAxisTooltipData(h,t,n);c=d.dataIndices,u=d.nestestValue}else{if(!(c=e.indicesOfNearest(i,h[0],t,"category"===n.type?.5:null)).length)return;u=e.getData().get(h[0],c[0])}if(null!=u&&isFinite(u)){var p=t-u,f=Math.abs(p);f<=a&&((f<a||p>=0&&s<0)&&(a=f,s=p,r=u,o.length=0),z(c,(function(t){o.push({seriesIndex:e.seriesIndex,dataIndexInside:t,dataIndex:e.getData().getRawIndex(t)})})))}})),{payloadBatch:o,snapToValue:r}}(e,t),s=a.payloadBatch,l=a.snapToValue;s[0]&&null==r.seriesIndex&&A(r,s[0]),!i&&t.snap&&o.containData(l)&&null!=l&&(e=l),n.showPointer(t,e,s),n.showTooltip(t,a,l)}else n.showPointer(t,e)}function CB(t,e,n,i){t[e.key]={value:n,payloadBatch:i}}function DB(t,e,n,i){var r=n.payloadBatch,o=e.axis,a=o.model,s=e.axisPointerModel;if(e.triggerTooltip&&r.length){var l=e.coordSys.model,u=qC(l),c=t.map[u];c||(c=t.map[u]={coordSysId:l.id,coordSysIndex:l.componentIndex,coordSysType:l.type,coordSysMainType:l.mainType,dataByAxis:[]},t.list.push(c)),c.dataByAxis.push({axisDim:o.dim,axisIndex:a.componentIndex,axisType:a.type,axisId:a.id,value:i,valueLabelOpt:{precision:s.get(["label","precision"]),formatter:s.get(["label","formatter"])},seriesDataIndices:r.slice()})}}function AB(t){var e=t.axis.model,n={},i=n.axisDim=t.axis.dim;return n.axisIndex=n[i+"AxisIndex"]=e.componentIndex,n.axisName=n[i+"AxisName"]=e.name,n.axisId=n[i+"AxisId"]=e.id,n}function kB(t){return!t||null==t[0]||isNaN(t[0])||null==t[1]||isNaN(t[1])}function LB(t){$C.registerAxisPointerClass("CartesianAxisPointer",hB),t.registerComponentModel(gB),t.registerComponentView(wB),t.registerPreprocessor((function(t){if(t){(!t.axisPointer||0===t.axisPointer.length)&&(t.axisPointer={});var e=t.axisPointer.link;e&&!U(e)&&(t.axisPointer.link=[e])}})),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,(function(t,e){t.getComponent("axisPointer").coordSysAxesInfo=UC(t,e)})),t.registerAction({type:"updateAxisPointer",event:"updateAxisPointer",update:":updateAxisPointer"},IB)}var PB=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.makeElOption=function(t,e,n,i,r){var o=n.axis;"angle"===o.dim&&(this.animationThreshold=Math.PI/18);var a=o.polar,s=a.getOtherAxis(o).getExtent(),l=o.dataToCoord(e),u=i.get("type");if(u&&"none"!==u){var c=iB(i),h=OB[u](o,a,l,s);h.style=c,t.graphicKey=h.type,t.pointer=h}var d=function(t,e,n,i,r){var o=e.axis,a=o.dataToCoord(t),s=i.getAngleAxis().getExtent()[0];s=s/180*Math.PI;var l,u,c,h=i.getRadiusAxis().getExtent();if("radius"===o.dim){var d=[1,0,0,1,0,0];Me(d,d,s),Se(d,d,[i.cx,i.cy]),l=Sh([a,-r],d);var p=e.getModel("axisLabel").get("rotate")||0,f=mC.innerTextLayout(s,p*Math.PI/180,-1);u=f.textAlign,c=f.textVerticalAlign}else{var g=h[1];l=i.coordToPoint([g+r,a]);var y=i.cx,v=i.cy;u=Math.abs(l[0]-y)/g<.3?"center":l[0]>y?"left":"right",c=Math.abs(l[1]-v)/g<.3?"middle":l[1]>v?"top":"bottom"}return{position:l,align:u,verticalAlign:c}}(e,n,0,a,i.get(["label","margin"]));rB(t,n,i,r,d)},e}($E);var OB={line:function(t,e,n,i){return"angle"===t.dim?{type:"Line",shape:lB(e.coordToPoint([i[0],n]),e.coordToPoint([i[1],n]))}:{type:"Circle",shape:{cx:e.cx,cy:e.cy,r:n}}},shadow:function(t,e,n,i){var r=Math.max(1,t.getBandWidth()),o=Math.PI/180;return"angle"===t.dim?{type:"Sector",shape:cB(e.cx,e.cy,i[0],i[1],(-n-r/2)*o,(r/2-n)*o)}:{type:"Sector",shape:cB(e.cx,e.cy,n-r/2,n+r/2,0,2*Math.PI)}}},RB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.findAxisModel=function(t){var e;return this.ecModel.eachComponent(t,(function(t){t.getCoordSysModel()===this&&(e=t)}),this),e},e.type="polar",e.dependencies=["radiusAxis","angleAxis"],e.defaultOption={z:0,center:["50%","50%"],radius:"80%"},e}(Qp),NB=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getCoordSysModel=function(){return this.getReferringComponents("polar",ha).models[0]},e.type="polarAxis",e}(Qp);R(NB,nw);var zB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="angleAxis",e}(NB),EB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="radiusAxis",e}(NB),BB=function(t){function e(e,n){return t.call(this,"radius",e,n)||this}return n(e,t),e.prototype.pointToData=function(t,e){return this.polar.pointToData(t,e)["radius"===this.dim?0:1]},e}(Ww);BB.prototype.dataToRadius=Ww.prototype.dataToCoord,BB.prototype.radiusToData=Ww.prototype.coordToData;var VB=sa(),GB=function(t){function e(e,n){return t.call(this,"angle",e,n||[0,360])||this}return n(e,t),e.prototype.pointToData=function(t,e){return this.polar.pointToData(t,e)["radius"===this.dim?0:1]},e.prototype.calculateCategoryInterval=function(){var t=this,e=t.getLabelModel(),n=t.scale,i=n.getExtent(),r=n.count();if(i[1]-i[0]<1)return 0;var o=i[0],a=t.dataToCoord(o+1)-t.dataToCoord(o),s=Math.abs(a),l=Er(null==o?"":o+"",e.getFont(),"center","top"),u=Math.max(l.height,7)/s;isNaN(u)&&(u=1/0);var c=Math.max(0,Math.floor(u)),h=VB(t.model),d=h.lastAutoInterval,p=h.lastTickCount;return null!=d&&null!=p&&Math.abs(d-c)<=1&&Math.abs(p-r)<=1&&d>c?c=d:(h.lastTickCount=r,h.lastAutoInterval=c),c},e}(Ww);GB.prototype.dataToAngle=Ww.prototype.dataToCoord,GB.prototype.angleToData=Ww.prototype.coordToData;var FB=["radius","angle"],WB=function(){function t(t){this.dimensions=FB,this.type="polar",this.cx=0,this.cy=0,this._radiusAxis=new BB,this._angleAxis=new GB,this.axisPointerEnabled=!0,this.name=t||"",this._radiusAxis.polar=this._angleAxis.polar=this}return t.prototype.containPoint=function(t){var e=this.pointToCoord(t);return this._radiusAxis.contain(e[0])&&this._angleAxis.contain(e[1])},t.prototype.containData=function(t){return this._radiusAxis.containData(t[0])&&this._angleAxis.containData(t[1])},t.prototype.getAxis=function(t){return this["_"+t+"Axis"]},t.prototype.getAxes=function(){return[this._radiusAxis,this._angleAxis]},t.prototype.getAxesByScale=function(t){var e=[],n=this._angleAxis,i=this._radiusAxis;return n.scale.type===t&&e.push(n),i.scale.type===t&&e.push(i),e},t.prototype.getAngleAxis=function(){return this._angleAxis},t.prototype.getRadiusAxis=function(){return this._radiusAxis},t.prototype.getOtherAxis=function(t){var e=this._angleAxis;return t===e?this._radiusAxis:e},t.prototype.getBaseAxis=function(){return this.getAxesByScale("ordinal")[0]||this.getAxesByScale("time")[0]||this.getAngleAxis()},t.prototype.getTooltipAxes=function(t){var e=null!=t&&"auto"!==t?this.getAxis(t):this.getBaseAxis();return{baseAxes:[e],otherAxes:[this.getOtherAxis(e)]}},t.prototype.dataToPoint=function(t,e,n){return this.coordToPoint([this._radiusAxis.dataToRadius(t[0],e),this._angleAxis.dataToAngle(t[1],e)],n)},t.prototype.pointToData=function(t,e,n){n=n||[];var i=this.pointToCoord(t);return n[0]=this._radiusAxis.radiusToData(i[0],e),n[1]=this._angleAxis.angleToData(i[1],e),n},t.prototype.pointToCoord=function(t){var e=t[0]-this.cx,n=t[1]-this.cy,i=this.getAngleAxis(),r=i.getExtent(),o=Math.min(r[0],r[1]),a=Math.max(r[0],r[1]);i.inverse?o=a-360:a=o+360;var s=Math.sqrt(e*e+n*n);e/=s,n/=s;for(var l=Math.atan2(-n,e)/Math.PI*180,u=l<o?1:-1;l<o||l>a;)l+=360*u;return[s,l]},t.prototype.coordToPoint=function(t,e){e=e||[];var n=t[0],i=t[1]/180*Math.PI;return e[0]=Math.cos(i)*n+this.cx,e[1]=-Math.sin(i)*n+this.cy,e},t.prototype.getArea=function(){var t=this.getAngleAxis(),e=this.getRadiusAxis().getExtent().slice();e[0]>e[1]&&e.reverse();var n=t.getExtent(),i=Math.PI/180,r=1e-4;return{cx:this.cx,cy:this.cy,r0:e[0],r:e[1],startAngle:-n[0]*i,endAngle:-n[1]*i,clockwise:t.inverse,contain:function(t,e){var n=t-this.cx,i=e-this.cy,o=n*n+i*i,a=this.r,s=this.r0;return a!==s&&o-r<=a*a&&o+r>=s*s},x:this.cx-e[1],y:this.cy-e[1],width:2*e[1],height:2*e[1]}},t.prototype.convertToPixel=function(t,e,n){return HB(e)===this?this.dataToPoint(n):null},t.prototype.convertFromPixel=function(t,e,n){return HB(e)===this?this.pointToData(n):null},t}();function HB(t){var e=t.seriesModel,n=t.polarModel;return n&&n.coordinateSystem||e&&e.coordinateSystem}function UB(t,e){var n=this,i=n.getAngleAxis(),r=n.getRadiusAxis();if(i.scale.setExtent(1/0,-1/0),r.scale.setExtent(1/0,-1/0),t.eachSeries((function(t){if(t.coordinateSystem===n){var e=t.getData();z(Jb(e,"radius"),(function(t){r.scale.unionExtentFromData(e,t)})),z(Jb(e,"angle"),(function(t){i.scale.unionExtentFromData(e,t)}))}})),Xb(i.scale,i.model),Xb(r.scale,r.model),"category"===i.type&&!i.onBand){var o=i.getExtent(),a=360/i.scale.count();i.inverse?o[1]+=a:o[1]-=a,i.setExtent(o[0],o[1])}}function YB(t,e){var n;if(t.type=e.get("type"),t.scale=Zb(e),t.onBand=e.get("boundaryGap")&&"category"===t.type,t.inverse=e.get("inverse"),function(t){return"angleAxis"===t.mainType}(e)){t.inverse=t.inverse!==e.get("clockwise");var i=e.get("startAngle"),r=null!==(n=e.get("endAngle"))&&void 0!==n?n:i+(t.inverse?-360:360);t.setExtent(i,r)}e.axis=t,t.model=e}var XB={dimensions:FB,create:function(t,e){var n=[];return t.eachComponent("polar",(function(t,i){var r=new WB(i+"");r.update=UB;var o=r.getRadiusAxis(),a=r.getAngleAxis(),s=t.findAxisModel("radiusAxis"),l=t.findAxisModel("angleAxis");YB(o,s),YB(a,l),function(t,e,n){var i=e.get("center"),r=Xp(e,n).refContainer;t.cx=yo(i[0],r.width)+r.x,t.cy=yo(i[1],r.height)+r.y;var o=t.getRadiusAxis(),a=Math.min(r.width,r.height)/2,s=e.get("radius");null==s?s=[0,"100%"]:U(s)||(s=[0,s]);var l=[yo(s[0],a),yo(s[1],a)];o.inverse?o.setExtent(l[1],l[0]):o.setExtent(l[0],l[1])}(r,t,e),n.push(r),t.coordinateSystem=r,r.model=t})),t.eachSeries((function(t){if("polar"===t.get("coordinateSystem")){var e=t.getReferringComponents("polar",ha).models[0];0,t.coordinateSystem=e.coordinateSystem}})),n}},ZB=["axisLine","axisLabel","axisTick","minorTick","splitLine","minorSplitLine","splitArea"];function jB(t,e,n){e[1]>e[0]&&(e=e.slice().reverse());var i=t.coordToPoint([e[0],n]),r=t.coordToPoint([e[1],n]);return{x1:i[0],y1:i[1],x2:r[0],y2:r[1]}}function qB(t){return t.getRadiusAxis().inverse?0:1}function KB(t){var e=t[0],n=t[t.length-1];e&&n&&Math.abs(Math.abs(e.coord-n.coord)-360)<1e-4&&t.pop()}var $B=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="PolarAxisPointer",n}return n(e,t),e.prototype.render=function(t,e){if(this.group.removeAll(),t.get("show")){var n=t.axis,i=n.polar,r=i.getRadiusAxis().getExtent(),o=n.getTicksCoords({breakTicks:"none"}),a=n.getMinorTicksCoords(),s=E(n.getViewLabels(),(function(t){t=T(t);var e=n.scale,i="ordinal"===e.type?e.getRawOrdinalNumber(t.tickValue):t.tickValue;return t.coord=n.dataToCoord(i),t}));KB(s),KB(o),z(ZB,(function(e){!t.get([e,"show"])||n.scale.isBlank()&&"axisLine"!==e||JB[e](this.group,t,i,o,a,r,s)}),this)}},e.type="angleAxis",e}($C),JB={axisLine:function(t,e,n,i,r,o){var a,s=e.getModel(["axisLine","lineStyle"]),l=n.getAngleAxis(),u=Math.PI/180,c=l.getExtent(),h=qB(n),d=h?0:1,p=360===Math.abs(c[1]-c[0])?"Circle":"Arc";(a=0===o[d]?new Zh[p]({shape:{cx:n.cx,cy:n.cy,r:o[h],startAngle:-c[0]*u,endAngle:-c[1]*u,clockwise:l.inverse},style:s.getLineStyle(),z2:1,silent:!0}):new bc({shape:{cx:n.cx,cy:n.cy,r:o[h],r0:o[d]},style:s.getLineStyle(),z2:1,silent:!0})).style.fill=null,t.add(a)},axisTick:function(t,e,n,i,r,o){var a=e.getModel("axisTick"),s=(a.get("inside")?-1:1)*a.get("length"),l=o[qB(n)],u=E(i,(function(t){return new Ac({shape:jB(n,[l,l+s],t.coord)})}));t.add(mh(u,{style:k(a.getModel("lineStyle").getLineStyle(),{stroke:e.get(["axisLine","lineStyle","color"])})}))},minorTick:function(t,e,n,i,r,o){if(r.length){for(var a=e.getModel("axisTick"),s=e.getModel("minorTick"),l=(a.get("inside")?-1:1)*s.get("length"),u=o[qB(n)],c=[],h=0;h<r.length;h++)for(var d=0;d<r[h].length;d++)c.push(new Ac({shape:jB(n,[u,u+l],r[h][d].coord)}));t.add(mh(c,{style:k(s.getModel("lineStyle").getLineStyle(),k(a.getLineStyle(),{stroke:e.get(["axisLine","lineStyle","color"])}))}))}},axisLabel:function(t,e,n,i,r,o,a){var s=e.getCategories(!0),l=e.getModel("axisLabel"),u=l.get("margin"),c=e.get("triggerEvent");z(a,(function(i,r){var a=l,h=i.tickValue,d=o[qB(n)],p=n.coordToPoint([d+u,i.coord]),f=n.cx,g=n.cy,y=Math.abs(p[0]-f)/d<.3?"center":p[0]>f?"left":"right",v=Math.abs(p[1]-g)/d<.3?"middle":p[1]>g?"top":"bottom";if(s&&s[h]){var m=s[h];q(m)&&m.textStyle&&(a=new wd(m.textStyle,l,l.ecModel))}var x=new Sl({silent:mC.isLabelSilent(e),style:Qh(a,{x:p[0],y:p[1],fill:a.getTextColor()||e.get(["axisLine","lineStyle","color"]),text:i.formattedLabel,align:y,verticalAlign:v})});if(t.add(x),zh({el:x,componentModel:e,itemName:i.formattedLabel,formatterParamsExtra:{isTruncated:function(){return x.isTruncated},value:i.rawLabel,tickIndex:r}}),c){var _=mC.makeAxisEventDataBase(e);_.targetType="axisLabel",_.value=i.rawLabel,zl(x).eventData=_}}),this)},splitLine:function(t,e,n,i,r,o){var a=e.getModel("splitLine").getModel("lineStyle"),s=a.get("color"),l=0;s=s instanceof Array?s:[s];for(var u=[],c=0;c<i.length;c++){var h=l++%s.length;u[h]=u[h]||[],u[h].push(new Ac({shape:jB(n,o,i[c].coord)}))}for(c=0;c<u.length;c++)t.add(mh(u[c],{style:k({stroke:s[c%s.length]},a.getLineStyle()),silent:!0,z:e.get("z")}))},minorSplitLine:function(t,e,n,i,r,o){if(r.length){for(var a=e.getModel("minorSplitLine").getModel("lineStyle"),s=[],l=0;l<r.length;l++)for(var u=0;u<r[l].length;u++)s.push(new Ac({shape:jB(n,o,r[l][u].coord)}));t.add(mh(s,{style:a.getLineStyle(),silent:!0,z:e.get("z")}))}},splitArea:function(t,e,n,i,r,o){if(i.length){var a=e.getModel("splitArea").getModel("areaStyle"),s=a.get("color"),l=0;s=s instanceof Array?s:[s];for(var u=[],c=Math.PI/180,h=-i[0].coord*c,d=Math.min(o[0],o[1]),p=Math.max(o[0],o[1]),f=e.get("clockwise"),g=1,y=i.length;g<=y;g++){var v=g===y?i[0].coord:i[g].coord,m=l++%s.length;u[m]=u[m]||[],u[m].push(new xc({shape:{cx:n.cx,cy:n.cy,r0:d,r:p,startAngle:h,endAngle:-v*c,clockwise:f},silent:!0})),h=-v*c}for(g=0;g<u.length;g++)t.add(mh(u[g],{style:k({fill:s[g%s.length]},a.getAreaStyle()),silent:!0}))}}},QB=["splitLine","splitArea","minorSplitLine"],tV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="PolarAxisPointer",n}return n(e,t),e.prototype.render=function(t,e,n){if(this.group.removeAll(),t.get("show")){var i=this._axisGroup,r=this._axisGroup=new to;this.group.add(r);var o=t.axis,a=o.polar,s=a.getAngleAxis(),l=o.getTicksCoords(),u=o.getMinorTicksCoords(),c=s.getExtent()[0],h=o.getExtent(),d=function(t,e,n){return{position:[t.cx,t.cy],rotation:n/180*Math.PI,labelDirection:-1,tickDirection:-1,nameDirection:1,labelRotate:e.getModel("axisLabel").get("rotate"),z2:1}}(a,t,c),p=new mC(t,n,d);p.build(),r.add(p.group),Th(i,r,t),z(QB,(function(e){t.get([e,"show"])&&!o.scale.isBlank()&&eV[e](this.group,t,a,c,h,l,u)}),this)}},e.type="radiusAxis",e}($C),eV={splitLine:function(t,e,n,i,r,o){var a=e.getModel("splitLine").getModel("lineStyle"),s=a.get("color"),l=0,u=n.getAngleAxis(),c=Math.PI/180,h=u.getExtent(),d=360===Math.abs(h[1]-h[0])?"Circle":"Arc";s=s instanceof Array?s:[s];for(var p=[],f=0;f<o.length;f++){var g=l++%s.length;p[g]=p[g]||[],p[g].push(new Zh[d]({shape:{cx:n.cx,cy:n.cy,r:Math.max(o[f].coord,0),startAngle:-h[0]*c,endAngle:-h[1]*c,clockwise:u.inverse}}))}for(f=0;f<p.length;f++)t.add(mh(p[f],{style:k({stroke:s[f%s.length],fill:null},a.getLineStyle()),silent:!0}))},minorSplitLine:function(t,e,n,i,r,o,a){if(a.length){for(var s=e.getModel("minorSplitLine").getModel("lineStyle"),l=[],u=0;u<a.length;u++)for(var c=0;c<a[u].length;c++)l.push(new nc({shape:{cx:n.cx,cy:n.cy,r:a[u][c].coord}}));t.add(mh(l,{style:k({fill:null},s.getLineStyle()),silent:!0}))}},splitArea:function(t,e,n,i,r,o){if(o.length){var a=e.getModel("splitArea").getModel("areaStyle"),s=a.get("color"),l=0;s=s instanceof Array?s:[s];for(var u=[],c=o[0].coord,h=1;h<o.length;h++){var d=l++%s.length;u[d]=u[d]||[],u[d].push(new xc({shape:{cx:n.cx,cy:n.cy,r0:c,r:o[h].coord,startAngle:0,endAngle:2*Math.PI},silent:!0})),c=o[h].coord}for(h=0;h<u.length;h++)t.add(mh(u[h],{style:k({fill:s[h%s.length]},a.getAreaStyle()),silent:!0}))}}};function nV(t){return t.get("stack")||"__ec_stack_"+t.seriesIndex}function iV(t,e){return e.dim+t.model.componentIndex}function rV(t,e,n){var i={},r=function(t){var e={};z(t,(function(t,n){var i=t.getData(),r=t.coordinateSystem,o=r.getBaseAxis(),a=iV(r,o),s=o.getExtent(),l="category"===o.type?o.getBandWidth():Math.abs(s[1]-s[0])/i.count(),u=e[a]||{bandWidth:l,remainedWidth:l,autoWidthCount:0,categoryGap:"20%",gap:"30%",stacks:{}},c=u.stacks;e[a]=u;var h=nV(t);c[h]||u.autoWidthCount++,c[h]=c[h]||{width:0,maxWidth:0};var d=yo(t.get("barWidth"),l),p=yo(t.get("barMaxWidth"),l),f=t.get("barGap"),g=t.get("barCategoryGap");d&&!c[h].width&&(d=Math.min(u.remainedWidth,d),c[h].width=d,u.remainedWidth-=d),p&&(c[h].maxWidth=p),null!=f&&(u.gap=f),null!=g&&(u.categoryGap=g)}));var n={};return z(e,(function(t,e){n[e]={};var i=t.stacks,r=t.bandWidth,o=yo(t.categoryGap,r),a=yo(t.gap,1),s=t.remainedWidth,l=t.autoWidthCount,u=(s-o)/(l+(l-1)*a);u=Math.max(u,0),z(i,(function(t,e){var n=t.maxWidth;n&&n<u&&(n=Math.min(n,s),t.width&&(n=Math.min(n,t.width)),s-=n,t.width=n,l--)})),u=(s-o)/(l+(l-1)*a),u=Math.max(u,0);var c,h=0;z(i,(function(t,e){t.width||(t.width=u),c=t,h+=t.width*(1+a)})),c&&(h-=c.width*a);var d=-h/2;z(i,(function(t,i){n[e][i]=n[e][i]||{offset:d,width:t.width},d+=t.width*(1+a)}))})),n}(V(e.getSeriesByType(t),(function(t){return!e.isSeriesFiltered(t)&&t.coordinateSystem&&"polar"===t.coordinateSystem.type})));e.eachSeriesByType(t,(function(t){if("polar"===t.coordinateSystem.type){var e=t.getData(),n=t.coordinateSystem,o=n.getBaseAxis(),a=iV(n,o),s=nV(t),l=r[a][s],u=l.offset,c=l.width,h=n.getOtherAxis(o),d=t.coordinateSystem.cx,p=t.coordinateSystem.cy,f=t.get("barMinHeight")||0,g=t.get("barMinAngle")||0;i[s]=i[s]||[];for(var y=e.mapDimension(h.dim),v=e.mapDimension(o.dim),m=Y_(e,y),x="radius"!==o.dim||!t.get("roundCap",!0),_=h.model.get("startValue"),b=h.dataToCoord(_||0),w=0,S=e.count();w<S;w++){var M=e.get(y,w),I=e.get(v,w),T=M>=0?"p":"n",C=b;m&&(i[s][I]||(i[s][I]={p:b,n:b}),C=i[s][I][T]);var D=void 0,A=void 0,k=void 0,L=void 0;if("radius"===h.dim){var P=h.dataToCoord(M)-b,O=o.dataToCoord(I);Math.abs(P)<f&&(P=(P<0?-1:1)*f),D=C,A=C+P,L=(k=O-u)-c,m&&(i[s][I][T]=A)}else{var R=h.dataToCoord(M,x)-b,N=o.dataToCoord(I);Math.abs(R)<g&&(R=(R<0?-1:1)*g),A=(D=N+u)+c,k=C,L=C+R,m&&(i[s][I][T]=L)}e.setItemLayout(w,{cx:d,cy:p,r0:D,r:A,startAngle:-k*Math.PI/180,endAngle:-L*Math.PI/180,clockwise:k>=L})}}}))}var oV={startAngle:90,clockwise:!0,splitNumber:12,axisLabel:{rotate:0}},aV={splitNumber:5},sV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="polar",e}(Ky);function lV(t,e){e=e||{};var n=t.coordinateSystem,i=t.axis,r={},o=i.position,a=i.orient,s=n.getRect(),l=[s.x,s.x+s.width,s.y,s.y+s.height],u={horizontal:{top:l[2],bottom:l[3]},vertical:{left:l[0],right:l[1]}};r.position=["vertical"===a?u.vertical[o]:l[0],"horizontal"===a?u.horizontal[o]:l[3]];r.rotation=Math.PI/2*{horizontal:0,vertical:1}[a];r.labelDirection=r.tickDirection=r.nameDirection={top:-1,bottom:1,right:1,left:-1}[o],t.get(["axisTick","inside"])&&(r.tickDirection=-r.tickDirection),it(e.labelInside,t.get(["axisLabel","inside"]))&&(r.labelDirection=-r.labelDirection);var c=t.get(["axisLabel","rotate"]);return r.labelRotate="top"===o?-c:c,r.z2=1,r}var uV=["splitArea","splitLine","breakArea"],cV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="SingleAxisPointer",n}return n(e,t),e.prototype.render=function(e,n,i,r){var o=this.group;o.removeAll();var a=this._axisGroup;this._axisGroup=new to;var s=lV(e),l=new mC(e,i,s);l.build(),o.add(this._axisGroup),o.add(l.group),z(uV,(function(t){e.get([t,"show"])&&hV[t](this,this.group,this._axisGroup,e,i)}),this),Th(a,this._axisGroup,e),t.prototype.render.call(this,e,n,i,r)},e.prototype.remove=function(){tD(this)},e.type="singleAxis",e}($C),hV={splitLine:function(t,e,n,i,r){var o=i.axis;if(!o.scale.isBlank()){var a=i.getModel("splitLine"),s=a.getModel("lineStyle"),l=s.get("color");l=l instanceof Array?l:[l];for(var u=s.get("width"),c=i.coordinateSystem.getRect(),h=o.isHorizontal(),d=[],p=0,f=o.getTicksCoords({tickModel:a,breakTicks:"none",pruneByBreak:"preserve_extent_bound"}),g=[],y=[],v=0;v<f.length;++v){var m=o.toGlobalCoord(f[v].coord);h?(g[0]=m,g[1]=c.y,y[0]=m,y[1]=c.y+c.height):(g[0]=c.x,g[1]=m,y[0]=c.x+c.width,y[1]=m);var x=new Ac({shape:{x1:g[0],y1:g[1],x2:y[0],y2:y[1]},silent:!0});_h(x.shape,u);var _=p++%l.length;d[_]=d[_]||[],d[_].push(x)}var b=s.getLineStyle(["color"]);for(v=0;v<d.length;++v)e.add(mh(d[v],{style:k({stroke:l[v%l.length]},b),silent:!0}))}},splitArea:function(t,e,n,i,r){QC(t,n,i,i)},breakArea:function(t,e,n,i,r){var o=YT(),a=i.axis.scale;o&&"ordinal"!==a.type&&o.rectCoordBuildBreakAxis(e,t,i,i.coordinateSystem.getRect(),r)}},dV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getCoordSysModel=function(){return this},e.type="singleAxis",e.layoutMode="box",e.defaultOption={left:"5%",top:"5%",right:"5%",bottom:"5%",type:"value",position:"bottom",orient:"horizontal",axisLine:{show:!0,lineStyle:{width:1,type:"solid"}},tooltip:{show:!0},axisTick:{show:!0,length:6,lineStyle:{width:1}},axisLabel:{show:!0,interval:"auto"},splitLine:{show:!0,lineStyle:{type:"dashed",opacity:.2}},jitter:0,jitterOverlap:!0,jitterMargin:2},e}(Qp);R(dV,nw.prototype);var pV=function(t){function e(e,n,i,r,o){var a=t.call(this,e,n,i)||this;return a.type=r||"value",a.position=o||"bottom",a}return n(e,t),e.prototype.isHorizontal=function(){var t=this.position;return"top"===t||"bottom"===t},e.prototype.pointToData=function(t,e){return this.coordinateSystem.pointToData(t)[0]},e}(Ww),fV=["single"],gV=function(){function t(t,e,n){this.type="single",this.dimension="single",this.dimensions=fV,this.axisPointerEnabled=!0,this.model=t,this._init(t,e,n)}return t.prototype._init=function(t,e,n){var i=this.dimension,r=new pV(i,Zb(t),[0,0],t.get("type"),t.get("position")),o="category"===r.type;r.onBand=o&&t.get("boundaryGap"),r.inverse=t.get("inverse"),r.orient=t.get("orient"),t.axis=r,r.model=t,r.coordinateSystem=this,this._axis=r},t.prototype.update=function(t,e){t.eachSeries((function(t){if(t.coordinateSystem===this){var e=t.getData();z(e.mapDimensionsAll(this.dimension),(function(t){this._axis.scale.unionExtentFromData(e,t)}),this),Xb(this._axis.scale,this._axis.model)}}),this)},t.prototype.resize=function(t,e){var n=Xp(t,e).refContainer;this._rect=Hp(t.getBoxLayoutParams(),n),this._adjustAxis()},t.prototype.getRect=function(){return this._rect},t.prototype._adjustAxis=function(){var t=this._rect,e=this._axis,n=e.isHorizontal(),i=n?[0,t.width]:[0,t.height],r=e.inverse?1:0;e.setExtent(i[r],i[1-r]),this._updateAxisTransform(e,n?t.x:t.y)},t.prototype._updateAxisTransform=function(t,e){var n=t.getExtent(),i=n[0]+n[1],r=t.isHorizontal();t.toGlobalCoord=r?function(t){return t+e}:function(t){return i-t+e},t.toLocalCoord=r?function(t){return t-e}:function(t){return i-t+e}},t.prototype.getAxis=function(){return this._axis},t.prototype.getBaseAxis=function(){return this._axis},t.prototype.getAxes=function(){return[this._axis]},t.prototype.getTooltipAxes=function(){return{baseAxes:[this.getAxis()],otherAxes:[]}},t.prototype.containPoint=function(t){var e=this.getRect(),n=this.getAxis();return"horizontal"===n.orient?n.contain(n.toLocalCoord(t[0]))&&t[1]>=e.y&&t[1]<=e.y+e.height:n.contain(n.toLocalCoord(t[1]))&&t[0]>=e.y&&t[0]<=e.y+e.height},t.prototype.pointToData=function(t,e,n){n=n||[];var i=this.getAxis();return n[0]=i.coordToData(i.toLocalCoord(t["horizontal"===i.orient?0:1])),n},t.prototype.dataToPoint=function(t,e,n){var i=this.getAxis(),r=this.getRect();n=n||[];var o="horizontal"===i.orient?0:1;return t instanceof Array&&(t=t[0]),n[o]=i.toGlobalCoord(i.dataToCoord(+t)),n[1-o]=0===o?r.y+r.height/2:r.x+r.width/2,n},t.prototype.convertToPixel=function(t,e,n){return yV(e)===this?this.dataToPoint(n):null},t.prototype.convertFromPixel=function(t,e,n){return yV(e)===this?this.pointToData(n):null},t}();function yV(t){var e=t.seriesModel,n=t.singleAxisModel;return n&&n.coordinateSystem||e&&e.coordinateSystem}var vV={create:function(t,e){var n=[];return t.eachComponent("singleAxis",(function(i,r){var o=new gV(i,t,e);o.name="single_"+r,o.resize(i,e),i.coordinateSystem=o,n.push(o)})),t.eachSeries((function(t){if("singleAxis"===t.get("coordinateSystem")){var e=t.getReferringComponents("singleAxis",ha).models[0];t.coordinateSystem=e&&e.coordinateSystem}})),n},dimensions:fV},mV=["x","y"],xV=["width","height"],_V=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.makeElOption=function(t,e,n,i,r){var o=n.axis,a=o.coordinateSystem,s=SV(a,1-wV(o)),l=a.dataToPoint(e)[0],u=i.get("type");if(u&&"none"!==u){var c=iB(i),h=bV[u](o,l,s);h.style=c,t.graphicKey=h.type,t.pointer=h}sB(e,t,lV(n),n,i,r)},e.prototype.getHandleTransform=function(t,e,n){var i=lV(e,{labelInside:!1});i.labelMargin=n.get(["handle","margin"]);var r=aB(e.axis,t,i);return{x:r[0],y:r[1],rotation:i.rotation+(i.labelDirection<0?Math.PI:0)}},e.prototype.updateHandleTransform=function(t,e,n,i){var r=n.axis,o=r.coordinateSystem,a=wV(r),s=SV(o,a),l=[t.x,t.y];l[a]+=e[a],l[a]=Math.min(s[1],l[a]),l[a]=Math.max(s[0],l[a]);var u=SV(o,1-a),c=(u[1]+u[0])/2,h=[c,c];return h[a]=l[a],{x:l[0],y:l[1],rotation:t.rotation,cursorPoint:h,tooltipOption:{verticalAlign:"middle"}}},e}($E),bV={line:function(t,e,n){return{type:"Line",subPixelOptimize:!0,shape:lB([e,n[0]],[e,n[1]],wV(t))}},shadow:function(t,e,n){var i=t.getBandWidth(),r=n[1]-n[0];return{type:"Rect",shape:uB([e-i/2,n[0]],[i,r],wV(t))}}};function wV(t){return t.isHorizontal()?0:1}function SV(t,e){var n=t.getRect();return[n[mV[e]],n[mV[e]]+n[xV[e]]]}var MV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="single",e}(Ky);var IV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e,n,i){var r=Kp(e);t.prototype.init.apply(this,arguments),TV(e,r)},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),TV(this.option,e)},e.prototype.getCellSize=function(){return this.option.cellSize},e.type="calendar",e.layoutMode="box",e.defaultOption={z:2,left:80,top:60,cellSize:20,orient:"horizontal",splitLine:{show:!0,lineStyle:{color:tf.color.axisLine,width:1,type:"solid"}},itemStyle:{color:tf.color.neutral00,borderWidth:1,borderColor:tf.color.neutral10},dayLabel:{show:!0,firstDay:0,position:"start",margin:tf.size.s,color:tf.color.secondary},monthLabel:{show:!0,position:"start",margin:tf.size.s,align:"center",formatter:null,color:tf.color.secondary},yearLabel:{show:!0,position:null,margin:tf.size.xl,formatter:null,color:tf.color.quaternary,fontFamily:"sans-serif",fontWeight:"bolder",fontSize:20}},e}(Qp);function TV(t,e){var n,i=t.cellSize;1===(n=U(i)?i:t.cellSize=[i,i]).length&&(n[1]=n[0]);var r=E([0,1],(function(t){return function(t,e){return null!=t[Bp[e][0]]||null!=t[Bp[e][1]]&&null!=t[Bp[e][2]]}(e,t)&&(n[t]="auto"),null!=n[t]&&"auto"!==n[t]}));qp(t,e,{type:"box",ignoreSize:r})}var CV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=this.group;i.removeAll();var r=t.coordinateSystem,o=r.getRangeInfo(),a=r.getOrient(),s=e.getLocaleModel();this._renderDayRect(t,o,i),this._renderLines(t,o,a,i),this._renderYearText(t,o,a,i),this._renderMonthText(t,s,a,i),this._renderWeekText(t,s,o,a,i)},e.prototype._renderDayRect=function(t,e,n){for(var i=t.coordinateSystem,r=t.getModel("itemStyle").getItemStyle(),o=i.getCellWidth(),a=i.getCellHeight(),s=e.start.time;s<=e.end.time;s=i.getNextNDay(s,1).time){var l=i.dataToCalendarLayout([s],!1).tl,u=new xl({shape:{x:l[0],y:l[1],width:o,height:a},cursor:"default",style:r});n.add(u)}},e.prototype._renderLines=function(t,e,n,i){var r=this,o=t.coordinateSystem,a=t.getModel(["splitLine","lineStyle"]).getLineStyle(),s=t.get(["splitLine","show"]),l=a.lineWidth;this._tlpoints=[],this._blpoints=[],this._firstDayOfMonth=[],this._firstDayPoints=[];for(var u=e.start,c=0;u.time<=e.end.time;c++){d(u.formatedDate),0===c&&(u=o.getDateInfo(e.start.y+"-"+e.start.m));var h=u.date;h.setMonth(h.getMonth()+1),u=o.getDateInfo(h)}function d(e){r._firstDayOfMonth.push(o.getDateInfo(e)),r._firstDayPoints.push(o.dataToCalendarLayout([e],!1).tl);var l=r._getLinePointsOfOneWeek(t,e,n);r._tlpoints.push(l[0]),r._blpoints.push(l[l.length-1]),s&&r._drawSplitline(l,a,i)}d(o.getNextNDay(e.end.time,1).formatedDate),s&&this._drawSplitline(r._getEdgesPoints(r._tlpoints,l,n),a,i),s&&this._drawSplitline(r._getEdgesPoints(r._blpoints,l,n),a,i)},e.prototype._getEdgesPoints=function(t,e,n){var i=[t[0].slice(),t[t.length-1].slice()],r="horizontal"===n?0:1;return i[0][r]=i[0][r]-e/2,i[1][r]=i[1][r]+e/2,i},e.prototype._drawSplitline=function(t,e,n){var i=new Tc({z2:20,shape:{points:t},style:e});n.add(i)},e.prototype._getLinePointsOfOneWeek=function(t,e,n){for(var i=t.coordinateSystem,r=i.getDateInfo(e),o=[],a=0;a<7;a++){var s=i.getNextNDay(r.time,a),l=i.dataToCalendarLayout([s.time],!1);o[2*s.day]=l.tl,o[2*s.day+1]=l["horizontal"===n?"bl":"tr"]}return o},e.prototype._formatterLabel=function(t,e){return X(t)&&t?(n=t,z(e,(function(t,e){n=n.replace("{"+e+"}",i?oe(t):t)})),n):Y(t)?t(e):e.nameMap;var n,i},e.prototype._yearTextPositionControl=function(t,e,n,i,r){var o=e[0],a=e[1],s=["center","bottom"];"bottom"===i?(a+=r,s=["center","top"]):"left"===i?o-=r:"right"===i?(o+=r,s=["center","top"]):a-=r;var l=0;return"left"!==i&&"right"!==i||(l=Math.PI/2),{rotation:l,x:o,y:a,style:{align:s[0],verticalAlign:s[1]}}},e.prototype._renderYearText=function(t,e,n,i){var r=t.getModel("yearLabel");if(r.get("show")){var o=r.get("margin"),a=r.get("position");a||(a="horizontal"!==n?"top":"left");var s=[this._tlpoints[this._tlpoints.length-1],this._blpoints[0]],l=(s[0][0]+s[1][0])/2,u=(s[0][1]+s[1][1])/2,c="horizontal"===n?0:1,h={top:[l,s[c][1]],bottom:[l,s[1-c][1]],left:[s[1-c][0],u],right:[s[c][0],u]},d=e.start.y;+e.end.y>+e.start.y&&(d=d+"-"+e.end.y);var p=r.get("formatter"),f={start:e.start.y,end:e.end.y,nameMap:d},g=this._formatterLabel(p,f),y=new Sl({z2:30,style:Qh(r,{text:g}),silent:r.get("silent")});y.attr(this._yearTextPositionControl(y,h[a],n,a,o)),i.add(y)}},e.prototype._monthTextPositionControl=function(t,e,n,i,r){var o="left",a="top",s=t[0],l=t[1];return"horizontal"===n?(l+=r,e&&(o="center"),"start"===i&&(a="bottom")):(s+=r,e&&(a="middle"),"start"===i&&(o="right")),{x:s,y:l,align:o,verticalAlign:a}},e.prototype._renderMonthText=function(t,e,n,i){var r=t.getModel("monthLabel");if(r.get("show")){var o=r.get("nameMap"),a=r.get("margin"),s=r.get("position"),l=r.get("align"),u=[this._tlpoints,this._blpoints];o&&!X(o)||(o&&(e=Od(o)||e),o=e.get(["time","monthAbbr"])||[]);var c="start"===s?0:1,h="horizontal"===n?0:1;a="start"===s?-a:a;for(var d="center"===l,p=r.get("silent"),f=0;f<u[c].length-1;f++){var g=u[c][f].slice(),y=this._firstDayOfMonth[f];if(d){var v=this._firstDayPoints[f];g[h]=(v[h]+u[0][f+1][h])/2}var m=r.get("formatter"),x=o[+y.m-1],_={yyyy:y.y,yy:(y.y+"").slice(2),MM:y.m,M:+y.m,nameMap:x},b=this._formatterLabel(m,_),w=new Sl({z2:30,style:A(Qh(r,{text:b}),this._monthTextPositionControl(g,d,n,s,a)),silent:p});i.add(w)}}},e.prototype._weekTextPositionControl=function(t,e,n,i,r){var o="center",a="middle",s=t[0],l=t[1],u="start"===n;return"horizontal"===e?(s=s+i+(u?1:-1)*r[0]/2,o=u?"right":"left"):(l=l+i+(u?1:-1)*r[1]/2,a=u?"bottom":"top"),{x:s,y:l,align:o,verticalAlign:a}},e.prototype._renderWeekText=function(t,e,n,i,r){var o=t.getModel("dayLabel");if(o.get("show")){var a=t.coordinateSystem,s=o.get("position"),l=o.get("nameMap"),u=o.get("margin"),c=a.getFirstDayOfWeek();if(!l||X(l))l&&(e=Od(l)||e),l=e.get(["time","dayOfWeekShort"])||E(e.get(["time","dayOfWeekAbbr"]),(function(t){return t[0]}));var h=a.getNextNDay(n.end.time,7-n.lweek).time,d=[a.getCellWidth(),a.getCellHeight()];u=yo(u,Math.min(d[1],d[0])),"start"===s&&(h=a.getNextNDay(n.start.time,-(7+n.fweek)).time,u=-u);for(var p=o.get("silent"),f=0;f<7;f++){var g,y=a.getNextNDay(h,f),v=a.dataToCalendarLayout([y.time],!1).center;g=Math.abs((f+c)%7);var m=new Sl({z2:30,style:A(Qh(o,{text:l[g]}),this._weekTextPositionControl(v,i,s,u,d)),silent:p});r.add(m)}}},e.type="calendar",e}(Ky),DV=864e5,AV=function(){function t(e,n,i){this.type="calendar",this.dimensions=t.dimensions,this.getDimensionsInfo=t.getDimensionsInfo,this._model=e,this._update(n,i)}return t.getDimensionsInfo=function(){return[{name:"time",type:"time"},"value"]},t.prototype.getRangeInfo=function(){return this._rangeInfo},t.prototype.getModel=function(){return this._model},t.prototype.getRect=function(){return this._rect},t.prototype.getCellWidth=function(){return this._sw},t.prototype.getCellHeight=function(){return this._sh},t.prototype.getOrient=function(){return this._orient},t.prototype.getFirstDayOfWeek=function(){return this._firstDayOfWeek},t.prototype.getDateInfo=function(t){var e=(t=Ao(t)).getFullYear(),n=t.getMonth()+1,i=n<10?"0"+n:""+n,r=t.getDate(),o=r<10?"0"+r:""+r,a=t.getDay();return{y:e+"",m:i,d:o,day:a=Math.abs((a+7-this.getFirstDayOfWeek())%7),time:t.getTime(),formatedDate:e+"-"+i+"-"+o,date:t}},t.prototype.getNextNDay=function(t,e){return 0===(e=e||0)||(t=new Date(this.getDateInfo(t).time)).setDate(t.getDate()+e),this.getDateInfo(t)},t.prototype._update=function(t,e){this._firstDayOfWeek=+this._model.getModel("dayLabel").get("firstDay"),this._orient=this._model.get("orient"),this._lineWidth=this._model.getModel("itemStyle").getItemStyle().lineWidth||0,this._rangeInfo=this._getRangeInfo(this._initRangeOption());var n=this._rangeInfo.weeks||1,i=["width","height"],r=this._model.getCellSize().slice(),o=this._model.getBoxLayoutParams(),a="horizontal"===this._orient?[n,7]:[7,n];z([0,1],(function(t){u(r,t)&&(o[i[t]]=r[t]*a[t])}));var s={width:e.getWidth(),height:e.getHeight()},l=this._rect=Hp(o,s);function u(t,e){return null!=t[e]&&"auto"!==t[e]}z([0,1],(function(t){u(r,t)||(r[t]=l[i[t]]/a[t])})),this._sw=r[0],this._sh=r[1]},t.prototype.dataToPoint=function(t,e,n){n=n||[],U(t)&&(t=t[0]),null==e&&(e=!0);var i=this.getDateInfo(t),r=this._rangeInfo,o=i.formatedDate;if(e&&!(i.time>=r.start.time&&i.time<r.end.time+DV))return n[0]=n[1]=NaN,n;var a=i.day,s=this._getRangeInfo([r.start.time,o]).nthWeek;return"vertical"===this._orient?(n[0]=this._rect.x+a*this._sw+this._sw/2,n[1]=this._rect.y+s*this._sh+this._sh/2):(n[0]=this._rect.x+s*this._sw+this._sw/2,n[1]=this._rect.y+a*this._sh+this._sh/2),n},t.prototype.pointToData=function(t){var e=this.pointToDate(t);return e&&e.time},t.prototype.dataToLayout=function(t,e,n){var i=(n=n||{}).rect=n.rect||{},r=n.contentRect=n.contentRect||{},o=this.dataToPoint(t,e);return i.x=o[0]-this._sw/2,i.y=o[1]-this._sh/2,i.width=this._sw,i.height=this._sh,He.copy(r,i),Oh(r,this._lineWidth/2,!0,!0),n},t.prototype.dataToCalendarLayout=function(t,e){var n=this.dataToPoint(t,e);return{center:n,tl:[n[0]-this._sw/2,n[1]-this._sh/2],tr:[n[0]+this._sw/2,n[1]-this._sh/2],br:[n[0]+this._sw/2,n[1]+this._sh/2],bl:[n[0]-this._sw/2,n[1]+this._sh/2]}},t.prototype.pointToDate=function(t){var e=Math.floor((t[0]-this._rect.x)/this._sw)+1,n=Math.floor((t[1]-this._rect.y)/this._sh)+1,i=this._rangeInfo.range;return"vertical"===this._orient?this._getDateByWeeksAndDay(n,e-1,i):this._getDateByWeeksAndDay(e,n-1,i)},t.prototype.convertToPixel=function(t,e,n){var i=kV(e);return i===this?i.dataToPoint(n):null},t.prototype.convertToLayout=function(t,e,n){var i=kV(e);return i===this?i.dataToLayout(n):null},t.prototype.convertFromPixel=function(t,e,n){var i=kV(e);return i===this?i.pointToData(n):null},t.prototype.containPoint=function(t){return console.warn("Not implemented."),!1},t.prototype._initRangeOption=function(){var t,e=this._model.get("range");if(U(e)&&1===e.length&&(e=e[0]),U(e))t=e;else{var n=e.toString();if(/^\d{4}$/.test(n)&&(t=[n+"-01-01",n+"-12-31"]),/^\d{4}[\/|-]\d{1,2}$/.test(n)){var i=this.getDateInfo(n),r=i.date;r.setMonth(r.getMonth()+1);var o=this.getNextNDay(r,-1);t=[i.formatedDate,o.formatedDate]}/^\d{4}[\/|-]\d{1,2}[\/|-]\d{1,2}$/.test(n)&&(t=[n,n])}if(!t)return e;var a=this._getRangeInfo(t);return a.start.time>a.end.time&&t.reverse(),t},t.prototype._getRangeInfo=function(t){var e,n=[this.getDateInfo(t[0]),this.getDateInfo(t[1])];n[0].time>n[1].time&&(e=!0,n.reverse());var i=Math.floor(n[1].time/DV)-Math.floor(n[0].time/DV)+1,r=new Date(n[0].time),o=r.getDate(),a=n[1].date.getDate();r.setDate(o+i-1);var s=r.getDate();if(s!==a)for(var l=r.getTime()-n[1].time>0?1:-1;(s=r.getDate())!==a&&(r.getTime()-n[1].time)*l>0;)i-=l,r.setDate(s-l);var u=Math.floor((i+n[0].day+6)/7),c=e?1-u:u-1;return e&&n.reverse(),{range:[n[0].formatedDate,n[1].formatedDate],start:n[0],end:n[1],allDay:i,weeks:u,nthWeek:c,fweek:n[0].day,lweek:n[1].day}},t.prototype._getDateByWeeksAndDay=function(t,e,n){var i=this._getRangeInfo(n);if(t>i.weeks||0===t&&e<i.fweek||t===i.weeks&&e>i.lweek)return null;var r=7*(t-1)-i.fweek+e,o=new Date(i.start.time);return o.setDate(+i.start.d+r),this.getDateInfo(o)},t.create=function(e,n){var i=[];return e.eachComponent("calendar",(function(r){var o=new t(r,e,n);i.push(o),r.coordinateSystem=o})),e.eachComponent((function(t,e){Rp({targetModel:e,coordSysType:"calendar",coordSysProvider:Np})})),i},t.dimensions=["time","value"],t}();function kV(t){var e=t.calendarModel,n=t.seriesModel;return e?e.coordinateSystem:n?n.coordinateSystem:null}var LV=1,PV=2,OV=3,RV={none:0,all:1,body:2,corner:3};function NV(t,e,n){var i=e[lh[n]].getCell(t);return!i&&j(t)&&t<0&&(i=e[lh[1-n]].getUnitLayoutInfo(n,Math.round(t))),i}function zV(t){var e=t||[];return e[0]=e[0]||[],e[1]=e[1]||[],e[0][0]=e[0][1]=e[1][0]=e[1][1]=NaN,e}function EV(t,e,n,i,r){BV(t[0],e,r,n,i,0),BV(t[1],e,r,n,i,1)}function BV(t,e,n,i,r,o){t[0]=1/0,t[1]=-1/0;var a=i[o],s=U(a)?a:[a],l=s.length,u=!!n;if(l>=1?(VV(t,e,s,u,r,o,0),l>1&&VV(t,e,s,u,r,o,l-1)):t[0]=t[1]=NaN,u){var c=-r[lh[1-o]].getLocatorCount(o),h=r[lh[o]].getLocatorCount(o)-1;n===RV.body?c=po(0,c):n===RV.corner&&(h=ho(-1,h)),h<c&&(c=h=NaN),nt(t[0])&&(t[0]=c),nt(t[1])&&(t[1]=h),t[0]=po(ho(t[0],h),c),t[1]=po(ho(t[1],h),c)}}function VV(t,e,n,i,r,o,a){var s=NV(n[a],r,o);if(s){var l,u=s.id[lh[o]],c=u,h=!(l=s)||l.type!==PV&&l.type!==OV?null:l;h&&(c+=h.span[lh[o]]-1),t[0]=ho(t[0],u,c),t[1]=po(t[1],u,c)}else t[0]=t[1]=NaN}function GV(t,e){return nt(t[e][0])||nt(t[e][1])}function FV(t,e,n,i){e=e||WV;for(var r=0;r<i;r++)e[r]=!1;for(;;){var o=!1;for(r=0;r<i;r++){var a=n[r];!e[r]&&a.cellMergeOwner&&HV(t,a.locatorRange)&&(e[r]=!0,o=!0)}if(!o)break}}var WV=[];function HV(t,e){return!(!UV(t[0],e[0])||!UV(t[1],e[1]))&&(t[0][0]=ho(t[0][0],e[0][0]),t[0][1]=po(t[0][1],e[0][1]),t[1][0]=ho(t[1][0],e[1][0]),t[1][1]=po(t[1][1],e[1][1]),!0)}function UV(t,e){return t[1]>=e[0]&&t[0]<=e[1]}function YV(t,e){t.id.set(e[0][0],e[1][0]),t.span.set(e[0][1]-t.id.x+1,e[1][1]-t.id.y+1)}function XV(t,e,n,i){var r=NV(e[i][0],n,i),o=NV(e[i][1],n,i);t[lh[i]]=t[uh[i]]=NaN,r&&o&&(t[lh[i]]=r.xy,t[uh[i]]=o.xy+o.wh-r.xy)}function ZV(t,e,n,i){return t[lh[e]]=n,t[lh[1-e]]=i,t}var jV=function(){function t(t,e){this._cells=[],this._levels=[],this.dim=t,this.dimIdx="x"===t?0:1,this._model=e,this._uniqueValueGen=function(t){var e=t.toUpperCase(),n=new RegExp("^"+e+"([0-9]+)$"),i=0;function r(t){var e;null!=t&&(e=t.match(n))&&(i=po(i,+e[1]+1))}function o(){return""+e+i++}function a(t,e){for(var n=yt(),i=0;i<t.length;i++){var r=t[i];null!=r&&null==n.get(r)||(t[i]=r=o(),e[i].option=k({value:r},e[i].option)),n.set(r,!0)}}return{calcDupBase:r,ensureValueUnique:a}}(t);var n=e.get("data",!0);null==n||U(n)||(n=[]),n?this._initByDimModelData(n):this._initBySeriesData()}return t.prototype._initByDimModelData=function(t){var e=this,n=e._cells,i=e._levels,r=[],o=0;return e._leavesCount=function t(n,a,s){var l=0;if(!n)return l;return z(n,(function(n,u){var c;X(n)?c={value:n}:q(n)?(c=n,null==n.value||X(n.value)||(!0,c={value:null})):c={value:null};var h={type:OV,ordinal:NaN,level:s,firstLeafLocator:a,id:new Ae,span:ZV(new Ae,e.dimIdx,1,1),option:c,xy:NaN,wh:NaN,dim:e,rect:{x:NaN,y:NaN,width:NaN,height:NaN}};o++,(r[a]||(r[a]=[])).push(h),i[s]||(i[s]={type:LV,xy:NaN,wh:NaN,option:null,id:new Ae,dim:e});var d=t(c.children,a,s+1),p=Math.max(1,d);h.span[lh[e.dimIdx]]=p,l+=p,a+=p})),l}(t,0,0),void function(){var t=[];for(;n.length<o;)for(var i=0;i<r.length;i++){var a=r[i].pop();if(a){a.ordinal=t.length;var s=a.option.value;t.push(s),n.push(a),e._uniqueValueGen.calcDupBase(s)}}e._uniqueValueGen.ensureValueUnique(t,n);var l=e._ordinalMeta=new ab({categories:t,needCollect:!1,deduplication:!1});e._scale=new lb({ordinalMeta:l});for(var u=0;u<e._leavesCount;u++){var c=e._cells[u];c.type=PV,c.span[lh[1-e.dimIdx]]=e._levels.length-c.level}e._initCellsId(),e._initLevelIdOptions()}()},t.prototype._initBySeriesData=function(){var t=this;t._leavesCount=0,t._levels=[{type:LV,xy:NaN,wh:NaN,option:null,id:new Ae,dim:t}],t._initLevelIdOptions();var e=t._ordinalMeta=new ab({needCollect:!0,deduplication:!0,onCollect:function(e,n){var i=t._cells[n]={type:PV,ordinal:n,level:0,firstLeafLocator:n,id:new Ae,span:ZV(new Ae,t.dimIdx,1,1),option:{value:e+""},xy:NaN,wh:NaN,dim:t,rect:{x:NaN,y:NaN,width:NaN,height:NaN}};t._leavesCount++,t._setCellId(i)}});t._scale=new lb({ordinalMeta:e})},t.prototype._setCellId=function(t){var e=this._levels.length,n=this.dimIdx;ZV(t.id,n,t.firstLeafLocator,t.level-e)},t.prototype._initCellsId=function(){var t=this._levels.length,e=this.dimIdx;z(this._cells,(function(n){ZV(n.id,e,n.firstLeafLocator,n.level-t)}))},t.prototype._initLevelIdOptions=function(){var t=this._levels.length,e=this.dimIdx,n=this._model.get("levels",!0);n=U(n)?n:[],z(this._levels,(function(i,r){ZV(i.id,e,0,r-t),i.option=n[r]}))},t.prototype.shouldShow=function(){return!!this._model.getShallow("show",!0)},t.prototype.resetLayoutIterator=function(t,e,n,i){if(t=t||new va,e===this.dimIdx){var r=this._leavesCount,o=null!=n?Math.max(0,n):0;i=null!=i?Math.min(i,r):r,t.reset(this._cells,o,o+i)}else{r=this._levels.length,o=null!=n?Math.max(0,n+r):0;i=null!=i?Math.min(i,r):r,t.reset(this._levels,o,o+i)}return t},t.prototype.resetCellIterator=function(t){return(t||new va).reset(this._cells,0)},t.prototype.resetLevelIterator=function(t){return(t||new va).reset(this._levels,0)},t.prototype.getLayout=function(t,e,n){var i=this.getUnitLayoutInfo(e,n);t[lh[e]]=i?i.xy:NaN,t[uh[e]]=i?i.wh:NaN},t.prototype.getUnitLayoutInfo=function(t,e){return t===this.dimIdx?e<this._leavesCount?this._cells[e]:void 0:this._levels[e+this._levels.length]},t.prototype.getCell=function(t){var e=this._scale.parse(t);return nt(e)?void 0:this._cells[e]},t.prototype.getLocatorCount=function(t){return t===this.dimIdx?this._leavesCount:this._levels.length},t.prototype.getOrdinalMeta=function(){return this._ordinalMeta},t}();var qV=function(){function t(t,e,n){this._model=e,this._dims=n,this._kind=t,this._cellMergeOwnerList=[]}return t.prototype._ensureCellMap=function(){var t=this,e=t._cellMap;return e||(e=t._cellMap=yt(),function(){var e=[],i=t._model.getShallow("data");i&&!U(i)&&(i=null);z(i,(function(n,i){if(q(n)&&U(n.coord)){var r=zV([]),o=null;if(EV(r,o,n.coord,t._dims,n.coordClamp?RV[t._kind]:RV.none),!GV(r,0)&&!GV(r,1)){var a=n&&n.mergeCells,s={id:new Ae,span:new Ae,locatorRange:r,option:n,cellMergeOwner:a};YV(s,r),e.push(s)}}}));for(var r=[],o=0;o<e.length;o++){var a=e[o];if(a.cellMergeOwner){var s=a.locatorRange;FV(s,r,e,o);for(var l=0;l<o;l++)r[l]&&(e[l].cellMergeOwner=!1);if(s[0][0]!==a.id.x||s[1][0]!==a.id.y){a.cellMergeOwner=!1;var u=A({},a.option);u.coord=null;var c={id:new Ae,span:new Ae,locatorRange:s,option:u,cellMergeOwner:!0};YV(c,s),e.push(c)}}}z(e,(function(e){var i=n(e.id.x,e.id.y);if(e.cellMergeOwner&&(i.cellMergeOwner=!0,i.span=e.span,i.locatorRange=e.locatorRange,i.spanRect={x:NaN,y:NaN,width:NaN,height:NaN},t._cellMergeOwnerList.push(i)),e.cellMergeOwner||e.option)for(var r=0;r<e.span.y;r++)for(var o=0;o<e.span.x;o++){var a=n(e.id.x+o,e.id.y+r);a.option=e.option,e.cellMergeOwner&&(a.inSpanOf=i)}}))}()),e;function n(t,n){var i=$V(t,n),r=e.get(i);return r||(r=e.set(i,{id:new Ae(t,n),option:null,inSpanOf:null,span:null,spanRect:null,locatorRange:null,cellMergeOwner:!1})),r}},t.prototype.getCell=function(t){return this._ensureCellMap().get($V(t[0],t[1]))},t.prototype.travelExistingCells=function(t){this._ensureCellMap().each(t)},t.prototype.expandRangeByCellMerge=function(t){if(!GV(t,0)&&!GV(t,1)&&t[0][0]===t[0][1]&&t[1][0]===t[1][1]){KV[0]=t[0][0],KV[1]=t[1][0];var e=this.getCell(KV),n=e&&e.inSpanOf;if(n)return void function(t,e){t[0][0]=e[0][0],t[0][1]=e[0][1],t[1][0]=e[1][0],t[1][1]=e[1][1]}(t,n.locatorRange)}var i=this._cellMergeOwnerList;FV(t,null,i,i.length)},t}(),KV=[];function $V(t,e){return t+"|"+e}var JV={show:!0,color:tf.color.secondary,overflow:"break",lineOverflow:"truncate",padding:[2,3,2,3],distance:0};function QV(t){return{color:"none",borderWidth:1,borderColor:t?"none":tf.color.borderTint}}var tG={show:!0,label:JV,itemStyle:QV(!1),silent:void 0,dividerLineStyle:{width:1,color:tf.color.border}},eG={z:-50,left:"10%",top:"10%",right:"10%",bottom:"10%",x:tG,y:tG,body:{label:JV,itemStyle:QV(!1),silent:void 0},corner:{label:JV,itemStyle:QV(!0),silent:void 0},backgroundStyle:{color:"none",borderColor:tf.color.axisLine,borderWidth:1}},nG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){var t=this._dimModels={x:new iG(this.get("x",!0)||{}),y:new iG(this.get("y",!0)||{})};t.x.option.type=t.y.option.type="category";var e={x:t.x.dim=new jV("x",t.x),y:t.y.dim=new jV("y",t.y)};this._body=new qV("body",new wd(this.getShallow("body")),e),this._corner=new qV("corner",new wd(this.getShallow("corner")),e)},e.prototype.getDimensionModel=function(t){return this._dimModels[t]},e.prototype.getBody=function(){return this._body},e.prototype.getCorner=function(){return this._corner},e.type="matrix",e.layoutMode="box",e.defaultOption=eG,e}(Qp),iG=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getOrdinalMeta=function(){return this.dim.getOrdinalMeta()},e}(wd),rG=Math.round,oG={normal:25,special:100},aG={normal:50,special:125},sG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e){this.group.removeAll();var n=this.group,i=t.coordinateSystem.getRect(),r=t.getDimensionModel("x"),o=t.getDimensionModel("y"),a=r.dim,s=o.dim;!function(t,e,n){function i(i){var r=e.getDimensionModel(lh[i]),o=r.dim;if(o.shouldShow())for(var a=r.getModel("itemStyle"),s=r.getModel("label"),l=e.getShallow("tooltip",!0),u=[],c=o.resetCellIterator();c.next();){var h=c.item,d={};He.copy(d,h.rect),Dt(u,h.id.x,h.id.y),lG(u,e,t,n,h.option,a,s,r,d,h.option.value,aG,l)}}i(0),i(1)}(n,t,e),function(t,e,n,i,r){o("body",e.getBody(),n,i),n.shouldShow()&&i.shouldShow()&&o("corner",e.getCorner(),i,n);function o(n,i,o,a){var s=new wd(e.getShallow(n,!0)),l=s.getModel("itemStyle"),u=s.getModel("label"),c=new va,h=new va,d=[],p=e.getShallow("tooltip",!0);for(a.resetLayoutIterator(h,1);h.next();)for(o.resetLayoutIterator(c,0);c.next();){var f=c.item,g=h.item;Dt(d,f.id.x,g.id.y);var y=i.getCell(d);if(!y||!y.inSpanOf||y.inSpanOf===y){var v={};y&&y.span?He.copy(v,y.spanRect):(f.dim.getLayout(v,0,d[0]),g.dim.getLayout(v,1,d[1]));var m=y?y.option:null;lG(d,e,t,r,m,l,u,s,v,m?m.value:null,oG,p)}}}}(n,t,a,s,e);var l=rt(t.getShallow("borderZ2",!0),99),u=l-1,c=t.getModel("backgroundStyle").getItemStyle(["borderWidth"]);c.lineWidth=0;var h=t.getModel("backgroundStyle").getItemStyle(["color","decal","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"]);h.fill="none";var d=pG(i.clone(),c,0),p=pG(i.clone(),h,l);d.silent=!0,p.silent=!0,n.add(d),n.add(p);var f=a.getUnitLayoutInfo(0,0),g=s.getUnitLayoutInfo(1,0);f&&g&&(a.shouldShow()&&n.add(fG({x1:i.x,y1:g.xy,x2:i.x+i.width,y2:g.xy},r.getModel("dividerLineStyle").getLineStyle(),u)),s.shouldShow()&&n.add(fG({x1:f.xy,y1:i.y,x2:f.xy,y2:i.y+i.height},o.getModel("dividerLineStyle").getLineStyle(),u)))},e.type="matrix",e}(Ky);function lG(t,e,n,i,r,o,a,s,l,u,c,h){var d;cG.option=r?r.itemStyle:null,cG.parentModel=o,uG.option=r,uG.parentModel=s;var p=rt(uG.getShallow("z2"),r&&r.itemStyle?c.special:c.normal),f=h&&h.show,g=pG(l,cG.getItemStyle(),p);n.add(g);var y,v=uG.get("cursor");if(null!=v&&g.attr("cursor",v),null!=u){var m=u+"";if(hG.option=r?r.label:null,hG.parentModel=a,hG.ecModel=i,$h(g,{normal:hG},{defaultText:m,autoOverflowArea:!0,layoutRect:T(g.shape)}),y=g.getTextContent()){y.z2=p+1;var x=y.style;if(x&&x.overflow&&"none"!==x.overflow&&x.lineOverflow){var _={};He.copy(_,l),Oh(_,((null===(d=g.style)||void 0===d?void 0:d.lineWidth)||0)/2,!0,!0),g.updateInnerText(),y.getLocalTransform(dG),Te(dG,dG),He.applyTransform(_,_,dG),y.setClipPath(new xl({shape:_}))}}zh({el:g,componentModel:e,itemName:m,itemTooltipOption:h,formatterParamsExtra:{xyLocator:t.slice()}})}if(y){var b=hG.get("silent");null==b&&(b=!f),y.silent=b,y.ignoreHostSilent=!0}var w=uG.get("silent");null==w&&(w=!g.style||"none"===g.style.fill||!g.style.fill),g.silent=w,ma(uG),ma(cG),ma(hG)}var uG=new wd,cG=new wd,hG=new wd,dG=[];function pG(t,e,n){var i=e.lineWidth;if(i){var r=t.x+t.width,o=t.y+t.height;t.x=yl(t.x,i,!0),t.y=yl(t.y,i,!0),t.width=yl(r,i,!0)-t.x,t.height=yl(o,i,!0)-t.y}return new xl({shape:t,style:e,z2:n})}function fG(t,e,n){var i=e.lineWidth;return i&&(rG(2*t.x1)===rG(2*t.x2)&&(t.x1=t.x2=yl(t.x1,i,!0)),rG(2*t.y1)===rG(2*t.y2)&&(t.y1=t.y2=yl(t.y1,i,!0))),new Ac({shape:t,style:e,silent:!0,z2:n})}var gG=function(){function t(e,n,i){this.dimensions=t.dimensions,this.type="matrix",this._model=e;var r=this._dimModels={x:e.getDimensionModel("x"),y:e.getDimensionModel("y")};this._dims={x:r.x.dim,y:r.y.dim},this._resize(e,i)}return t.getDimensionsInfo=function(){return[{name:"x",type:"ordinal"},{name:"y",type:"ordinal"},{name:"value"}]},t.create=function(e,n){var i=[];return e.eachComponent("matrix",(function(r){var o=new t(r,e,n);i.push(o),r.coordinateSystem=o})),e.eachComponent((function(t,e){Rp({targetModel:e,coordSysType:"matrix",coordSysProvider:Np})})),i},t.prototype.getRect=function(){return this._rect},t.prototype._resize=function(t,e){var n=this._dims,i=this._dimModels,r=this._rect=Hp(t.getBoxLayoutParams(),{width:e.getWidth(),height:e.getHeight()});xG(i,n,r,0),xG(i,n,r,1),_G(0,n),_G(1,n),bG(this._model.getBody(),n),bG(this._model.getCorner(),n)},t.prototype.dataToPoint=function(t,e,n){return n=n||[],this.dataToLayout(t,e,yG),n[0]=yG.rect.x+yG.rect.width/2,n[1]=yG.rect.y+yG.rect.height/2,n},t.prototype.dataToLayout=function(t,e,n){var i=this._dims,r=(n=n||{}).rect=n.rect||{};r.x=r.y=r.width=r.height=NaN;var o=n.matrixXYLocatorRange=zV(n.matrixXYLocatorRange);return U(t)?(EV(o,null,t,i,rt(e&&e.clamp,RV.none)),e&&e.ignoreMergeCells||(e&&e.clamp===RV.corner||this._model.getBody().expandRangeByCellMerge(o),e&&e.clamp===RV.body||this._model.getCorner().expandRangeByCellMerge(o)),XV(r,o,i,0),XV(r,o,i,1),n):n},t.prototype.pointToData=function(t,e,n){var i=this._dims;return CG(TG,0,i,t,e&&e.clamp),CG(TG,1,i,t,e&&e.clamp),(n=n||[])[0]=n[1]=NaN,TG.y===IG.inCorner&&TG.x===IG.inBody?DG(TG,n,0,i):TG.x===IG.inCorner&&TG.y===IG.inBody?DG(TG,n,1,i):(AG(TG,n,0,i),AG(TG,n,1,i)),n},t.prototype.convertToPixel=function(t,e,n,i){var r=MG(e);return r===this?r.dataToPoint(n,i):void 0},t.prototype.convertToLayout=function(t,e,n,i){var r=MG(e);return r===this?r.dataToLayout(n,i):void 0},t.prototype.convertFromPixel=function(t,e,n,i){var r=MG(e);return r===this?r.pointToData(n,i):void 0},t.prototype.containPoint=function(t){return this._rect.contain(t[0],t[1])},t.dimensions=["x","y","value"],t}(),yG={rect:{x:NaN,y:NaN,width:NaN,height:NaN}},vG=new va,mG=new va;function xG(t,e,n,i){for(var r=1-i,o=e[lh[i]],a=e[lh[r]],s=a.shouldShow(),l=o.resetCellIterator();l.next();)l.item.wh=l.item.xy=NaN;for(var u=a.resetLayoutIterator(null,i);u.next();)u.item.wh=u.item.xy=NaN;for(var c=n[uh[i]],h=o.getLocatorCount(i)+a.getLocatorCount(i),d=new wd,p=a.resetLevelIterator();p.next();)d.option=p.item.option,d.parentModel=t[lh[r]],y(p.item,s?d.get("levelSize"):0);for(var f=new wd,g=o.resetCellIterator();g.next();)g.item.type===PV&&(f.option=g.item.option,f.parentModel=void 0,y(g.item,f.get("size")));function y(t,e){var r=function(t,e,n){var i=vo(t,n[uh[e]]);return SG(i,n[uh[e]])}(e,i,n);nt(r)||(t.wh=SG(r,c),c=SG(c-t.wh),h--)}var v=h?c/h:0,m=!h&&c>=1,x=n[lh[i]],_=o.getLocatorCount(i)-1,b=new va;for(a.resetLayoutIterator(b,i);b.next();)w(b.item);for(o.resetLayoutIterator(b,i);b.next();)w(b.item);function w(t){nt(t.wh)&&(t.wh=v),t.xy=x,t.id[lh[i]]!==_||m||(t.wh=n[lh[i]]+n[uh[i]]-t.xy),x+=t.wh}}function _G(t,e){for(var n=e[lh[t]].resetCellIterator();n.next();){var i=n.item;wG(i.rect,t,i.id,i.span,e),wG(i.rect,1-t,i.id,i.span,e),i.type===OV&&(i.xy=i.rect[lh[t]],i.wh=i.rect[uh[t]])}}function bG(t,e){t.travelExistingCells((function(t){var n=t.span;if(n){var i=t.spanRect,r=t.id;wG(i,0,r,n,e),wG(i,1,r,n,e)}}))}function wG(t,e,n,i,r){t[uh[e]]=0;var o=n[lh[e]]<0?r[lh[1-e]]:r[lh[e]],a=o.getUnitLayoutInfo(e,n[lh[e]]);if(t[lh[e]]=a.xy,t[uh[e]]=a.wh,i[lh[e]]>1){var s=o.getUnitLayoutInfo(e,n[lh[e]]+i[lh[e]]-1);t[uh[e]]=s.xy+s.wh-a.xy}}function SG(t,e){return Math.max(Math.min(t,rt(e,1/0)),0)}function MG(t){var e=t.matrixModel,n=t.seriesModel;return e?e.coordinateSystem:n?n.coordinateSystem:null}var IG={inBody:1,inCorner:2,outside:3},TG={x:null,y:null,point:[]};function CG(t,e,n,i,r){var o=n[lh[e]],a=n[lh[1-e]],s=o.getUnitLayoutInfo(e,o.getLocatorCount(e)-1),l=o.getUnitLayoutInfo(e,0),u=a.getUnitLayoutInfo(e,-a.getLocatorCount(e)),c=a.shouldShow()?a.getUnitLayoutInfo(e,-1):null,h=t.point[e]=i[e];if(l||c)if(r!==RV.body)if(r!==RV.corner){var d=l?l.xy:c?c.xy+c.wh:NaN,p=u?u.xy:d,f=s?s.xy+s.wh:d;if(h<p){if(!r)return void(t[lh[e]]=IG.outside);h=p}else if(h>f){if(!r)return void(t[lh[e]]=IG.outside);h=f}t.point[e]=h,t[lh[e]]=d<=h&&h<=f?IG.inBody:p<=h&&h<=d?IG.inCorner:IG.outside}else c?(t[lh[e]]=IG.inCorner,h=ho(c.xy+c.wh,po(u.xy,h)),t.point[e]=h):t[lh[e]]=IG.outside;else l?(t[lh[e]]=IG.inBody,h=ho(s.xy+s.wh,po(l.xy,h)),t.point[e]=h):t[lh[e]]=IG.outside;else t[lh[e]]=IG.outside}function DG(t,e,n,i){var r=1-n;if(t[lh[n]]!==IG.outside)for(i[lh[n]].resetCellIterator(mG);mG.next();){var o=mG.item;if(kG(t.point[n],o.rect,n)&&kG(t.point[r],o.rect,r))return e[n]=o.ordinal,void(e[r]=o.id[lh[r]])}}function AG(t,e,n,i){var r,o;if(t[lh[n]]!==IG.outside)for((t[lh[n]]===IG.inCorner?i[lh[1-n]]:i[lh[n]]).resetLayoutIterator(vG,n);vG.next();)if(r=t.point[n],(o=vG.item).xy<=r&&r<=o.xy+o.wh)return void(e[n]=vG.item.id[lh[n]])}function kG(t,e,n){return e[lh[n]]<=t&&t<=e[lh[n]]+e[uh[n]]}function LG(t,e){var n;return z(e,(function(e){null!=t[e]&&"auto"!==t[e]&&(n=!0)})),n}var PG=["transition","enterFrom","leaveTo"],OG=PG.concat(["enterAnimation","updateAnimation","leaveAnimation"]);function RG(t,e,n){if(n&&(!t[n]&&e[n]&&(t[n]={}),t=t[n],e=e[n]),t&&e)for(var i=n?PG:OG,r=0;r<i.length;r++){var o=i[r];null==t[o]&&null!=e[o]&&(t[o]=e[o])}}var NG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.preventAutoZ=!0,n}return n(e,t),e.prototype.mergeOption=function(e,n){var i=this.option.elements;this.option.elements=null,t.prototype.mergeOption.call(this,e,n),this.option.elements=i},e.prototype.optionUpdated=function(t,e){var n=this.option,i=(e?n:t).elements,r=n.elements=e?[]:n.elements,o=[];this._flatten(i,o,null);var a=ta(r,o,"normalMerge"),s=this._elOptionsToUpdate=[];z(a,(function(t,e){var n=t.newOption;n&&(s.push(n),function(t,e){var n=t.existing;if(e.id=t.keyInfo.id,!e.type&&n&&(e.type=n.type),null==e.parentId){var i=e.parentOption;i?e.parentId=i.id:n&&(e.parentId=n.parentId)}e.parentOption=null}(t,n),function(t,e,n){var i=A({},n),r=t[e],o=n.$action||"merge";"merge"===o?r?(C(r,i,!0),qp(r,i,{ignoreSize:!0}),$p(n,r),RG(n,r),RG(n,r,"shape"),RG(n,r,"style"),RG(n,r,"extra"),n.clipPath=r.clipPath):t[e]=i:"replace"===o?t[e]=i:"remove"===o&&r&&(t[e]=null)}(r,e,n),function(t,e){if(t&&(t.hv=e.hv=[LG(e,["left","right"]),LG(e,["top","bottom"])],"group"===t.type)){var n=t,i=e;null==n.width&&(n.width=i.width=0),null==n.height&&(n.height=i.height=0)}}(r[e],n))}),this),n.elements=V(r,(function(t){return t&&delete t.$action,null!=t}))},e.prototype._flatten=function(t,e,n){z(t,(function(t){if(t){n&&(t.parentOption=n),e.push(t);var i=t.children;i&&i.length&&this._flatten(i,e,t),delete t.children}}),this)},e.prototype.useElOptionsToUpdate=function(){var t=this._elOptionsToUpdate;return this._elOptionsToUpdate=null,t},e.type="graphic",e.defaultOption={elements:[]},e}(Qp),zG={path:null,compoundPath:null,group:to,image:dl,text:Sl},EG=sa(),BG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){this._elMap=yt()},e.prototype.render=function(t,e,n){t!==this._lastGraphicModel&&this._clear(),this._lastGraphicModel=t,this._updateElements(t),this._relocate(t,n)},e.prototype._updateElements=function(t){var e=t.useElOptionsToUpdate();if(e){var n=this._elMap,i=this.group,r=t.get("z"),o=t.get("zlevel");z(e,(function(e){var a=ia(e.id,null),s=null!=a?n.get(a):null,l=ia(e.parentId,null),u=null!=l?n.get(l):i,c=e.type,h=e.style;"text"===c&&h&&e.hv&&e.hv[1]&&(h.textVerticalAlign=h.textBaseline=h.verticalAlign=h.align=null);var d=e.textContent,p=e.textConfig;if(h&&jz(h,c,!!p,!!d)){var f=qz(h,c,!0);!p&&f.textConfig&&(p=e.textConfig=f.textConfig),!d&&f.textContent&&(d=f.textContent)}var g=function(t){return t=A({},t),z(["id","parentId","$action","hv","bounding","textContent","clipPath"].concat(Ep),(function(e){delete t[e]})),t}(e);var y=e.$action||"merge",v="merge"===y,m="replace"===y;if(v){var x=s;(T=!s)?x=GG(a,u,e.type,n):(x&&(EG(x).isNew=!1),yE(x)),x&&(rE(x,g,t,{isInit:T}),WG(x,e,r,o))}else if(m){FG(s,e,n,t);var _=GG(a,u,e.type,n);_&&(rE(_,g,t,{isInit:!0}),WG(_,e,r,o))}else"remove"===y&&(oE(s,e),FG(s,e,n,t));var b=n.get(a);if(b&&d)if(v){var w=b.getTextContent();w?w.attr(d):b.setTextContent(new Sl(d))}else m&&b.setTextContent(new Sl(d));if(b){var S=e.clipPath;if(S){var M=S.type,I=void 0,T=!1;if(v){var C=b.getClipPath();I=(T=!C||EG(C).type!==M)?VG(M):C}else m&&(T=!0,I=VG(M));b.setClipPath(I),rE(I,S,t,{isInit:T}),vE(I,S.keyframeAnimation,t)}var D=EG(b);b.setTextConfig(p),D.option=e,function(t,e,n){var i=zl(t).eventData;t.silent||t.ignore||i||(i=zl(t).eventData={componentType:"graphic",componentIndex:e.componentIndex,name:t.name});i&&(i.info=n.info)}(b,t,e),zh({el:b,componentModel:t,itemName:b.name,itemTooltipOption:e.tooltip}),vE(b,e.keyframeAnimation,t)}}))}},e.prototype._relocate=function(t,e){for(var n=t.option.elements,i=this.group,r=this._elMap,o=e.getWidth(),a=e.getHeight(),s=["x","y"],l=0;l<n.length;l++){if((f=null!=(p=ia((d=n[l]).id,null))?r.get(p):null)&&f.isGroup){var u=(g=f.parent)===i,c=EG(f),h=EG(g);c.width=yo(c.option.width,u?o:h.width)||0,c.height=yo(c.option.height,u?a:h.height)||0}}for(l=n.length-1;l>=0;l--){var d,p,f;if(f=null!=(p=ia((d=n[l]).id,null))?r.get(p):null){var g=f.parent,y=(h=EG(g),{}),v=Zp(f,d,g===i?{width:o,height:a}:{width:h.width,height:h.height},null,{hv:d.hv,boundingMode:d.bounding},y);if(!EG(f).isNew&&v){for(var m=d.transition,x={},_=0;_<s.length;_++){var b=s[_],w=y[b];m&&(sE(m)||P(m,b)>=0)?x[b]=w:f[b]=w}th(f,x,t,0)}else f.attr(y)}}},e.prototype._clear=function(){var t=this,e=this._elMap;e.each((function(n){FG(n,EG(n).option,e,t._lastGraphicModel)})),this._elMap=yt()},e.prototype.dispose=function(){this._clear()},e.type="graphic",e}(Ky);function VG(t){var e=_t(zG,t)?zG[t]:fh(t);var n=new e({});return EG(n).type=t,n}function GG(t,e,n,i){var r=VG(n);return e.add(r),i.set(t,r),EG(r).id=t,EG(r).isNew=!0,r}function FG(t,e,n,i){t&&t.parent&&("group"===t.type&&t.traverse((function(t){FG(t,e,n,i)})),aE(t,e,i),n.removeKey(EG(t).id))}function WG(t,e,n,i){t.isGroup||z([["cursor",os.prototype.cursor],["zlevel",i||0],["z",n||0],["z2",0]],(function(n){var i=n[0];_t(e,i)?t[i]=rt(e[i],n[1]):null==t[i]&&(t[i]=n[1])})),z(F(e),(function(n){if(0===n.indexOf("on")){var i=e[n];t[n]=Y(i)?i:null}})),_t(e,"draggable")&&(t.draggable=e.draggable),null!=e.name&&(t.name=e.name),null!=e.id&&(t.id=e.id)}var HG=["x","y","radius","angle","single"],UG=["cartesian2d","polar","singleAxis"];function YG(t){return t+"Axis"}function XG(t,e){var n,i=yt(),r=[],o=yt();t.eachComponent({mainType:"dataZoom",query:e},(function(t){o.get(t.uid)||s(t)}));do{n=!1,t.eachComponent("dataZoom",a)}while(n);function a(t){!o.get(t.uid)&&function(t){var e=!1;return t.eachTargetAxis((function(t,n){var r=i.get(t);r&&r[n]&&(e=!0)})),e}(t)&&(s(t),n=!0)}function s(t){o.set(t.uid,!0),r.push(t),t.eachTargetAxis((function(t,e){(i.get(t)||i.set(t,[]))[e]=!0}))}return r}function ZG(t){var e=t.ecModel,n={infoList:[],infoMap:yt()};return t.eachTargetAxis((function(t,i){var r=e.getComponent(YG(t),i);if(r){var o=r.getCoordSysModel();if(o){var a=o.uid,s=n.infoMap.get(a);s||(s={model:o,axisModels:[]},n.infoList.push(s),n.infoMap.set(a,s)),s.axisModels.push(r)}}})),n}var jG=function(){function t(){this.indexList=[],this.indexMap=[]}return t.prototype.add=function(t){this.indexMap[t]||(this.indexList.push(t),this.indexMap[t]=!0)},t}(),qG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._autoThrottle=!0,n._noTarget=!0,n._rangePropMode=["percent","percent"],n}return n(e,t),e.prototype.init=function(t,e,n){var i=KG(t);this.settledOption=i,this.mergeDefaultAndTheme(t,n),this._doInit(i)},e.prototype.mergeOption=function(t){var e=KG(t);C(this.option,t,!0),C(this.settledOption,e,!0),this._doInit(e)},e.prototype._doInit=function(t){var e=this.option;this._setDefaultThrottle(t),this._updateRangeUse(t);var n=this.settledOption;z([["start","startValue"],["end","endValue"]],(function(t,i){"value"===this._rangePropMode[i]&&(e[t[0]]=n[t[0]]=null)}),this),this._resetTarget()},e.prototype._resetTarget=function(){var t=this.get("orient",!0),e=this._targetAxisInfoMap=yt();this._fillSpecifiedTargetAxis(e)?this._orient=t||this._makeAutoOrientByTargetAxis():(this._orient=t||"horizontal",this._fillAutoTargetAxisByOrient(e,this._orient)),this._noTarget=!0,e.each((function(t){t.indexList.length&&(this._noTarget=!1)}),this)},e.prototype._fillSpecifiedTargetAxis=function(t){var e=!1;return z(HG,(function(n){var i=this.getReferringComponents(YG(n),da);if(i.specified){e=!0;var r=new jG;z(i.models,(function(t){r.add(t.componentIndex)})),t.set(n,r)}}),this),e},e.prototype._fillAutoTargetAxisByOrient=function(t,e){var n=this.ecModel,i=!0;if(i){var r="vertical"===e?"y":"x";o(n.findComponents({mainType:r+"Axis"}),r)}i&&o(n.findComponents({mainType:"singleAxis",filter:function(t){return t.get("orient",!0)===e}}),"single");function o(e,n){var r=e[0];if(r){var o=new jG;if(o.add(r.componentIndex),t.set(n,o),i=!1,"x"===n||"y"===n){var a=r.getReferringComponents("grid",ha).models[0];a&&z(e,(function(t){r.componentIndex!==t.componentIndex&&a===t.getReferringComponents("grid",ha).models[0]&&o.add(t.componentIndex)}))}}}i&&z(HG,(function(e){if(i){var r=n.findComponents({mainType:YG(e),filter:function(t){return"category"===t.get("type",!0)}});if(r[0]){var o=new jG;o.add(r[0].componentIndex),t.set(e,o),i=!1}}}),this)},e.prototype._makeAutoOrientByTargetAxis=function(){var t;return this.eachTargetAxis((function(e){!t&&(t=e)}),this),"y"===t?"vertical":"horizontal"},e.prototype._setDefaultThrottle=function(t){if(t.hasOwnProperty("throttle")&&(this._autoThrottle=!1),this._autoThrottle){var e=this.ecModel.option;this.option.throttle=e.animation&&e.animationDurationUpdate>0?100:20}},e.prototype._updateRangeUse=function(t){var e=this._rangePropMode,n=this.get("rangeMode");z([["start","startValue"],["end","endValue"]],(function(i,r){var o=null!=t[i[0]],a=null!=t[i[1]];o&&!a?e[r]="percent":!o&&a?e[r]="value":n?e[r]=n[r]:o&&(e[r]="percent")}))},e.prototype.noTarget=function(){return this._noTarget},e.prototype.getFirstTargetAxisModel=function(){var t;return this.eachTargetAxis((function(e,n){null==t&&(t=this.ecModel.getComponent(YG(e),n))}),this),t},e.prototype.eachTargetAxis=function(t,e){this._targetAxisInfoMap.each((function(n,i){z(n.indexList,(function(n){t.call(e,i,n)}))}))},e.prototype.getAxisProxy=function(t,e){var n=this.getAxisModel(t,e);if(n)return n.__dzAxisProxy},e.prototype.getAxisModel=function(t,e){var n=this._targetAxisInfoMap.get(t);if(n&&n.indexMap[e])return this.ecModel.getComponent(YG(t),e)},e.prototype.setRawRange=function(t){var e=this.option,n=this.settledOption;z([["start","startValue"],["end","endValue"]],(function(i){null==t[i[0]]&&null==t[i[1]]||(e[i[0]]=n[i[0]]=t[i[0]],e[i[1]]=n[i[1]]=t[i[1]])}),this),this._updateRangeUse(t)},e.prototype.setCalculatedRange=function(t){var e=this.option;z(["start","startValue","end","endValue"],(function(n){e[n]=t[n]}))},e.prototype.getPercentRange=function(){var t=this.findRepresentativeAxisProxy();if(t)return t.getDataPercentWindow()},e.prototype.getValueRange=function(t,e){if(null!=t||null!=e)return this.getAxisProxy(t,e).getDataValueWindow();var n=this.findRepresentativeAxisProxy();return n?n.getDataValueWindow():void 0},e.prototype.findRepresentativeAxisProxy=function(t){if(t)return t.__dzAxisProxy;for(var e,n=this._targetAxisInfoMap.keys(),i=0;i<n.length;i++)for(var r=n[i],o=this._targetAxisInfoMap.get(r),a=0;a<o.indexList.length;a++){var s=this.getAxisProxy(r,o.indexList[a]);if(s.hostedBy(this))return s;e||(e=s)}return e},e.prototype.getRangePropMode=function(){return this._rangePropMode.slice()},e.prototype.getOrient=function(){return this._orient},e.type="dataZoom",e.dependencies=["xAxis","yAxis","radiusAxis","angleAxis","singleAxis","series","toolbox"],e.defaultOption={z:4,filterMode:"filter",start:0,end:100},e}(Qp);function KG(t){var e={};return z(["start","end","startValue","endValue","throttle"],(function(n){t.hasOwnProperty(n)&&(e[n]=t[n])})),e}var $G=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.select",e}(qG),JG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){this.dataZoomModel=t,this.ecModel=e,this.api=n},e.type="dataZoom",e}(Ky),QG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.select",e}(JG),tF=z,eF=xo,nF=function(){function t(t,e,n,i){this._dimName=t,this._axisIndex=e,this.ecModel=i,this._dataZoomModel=n}return t.prototype.hostedBy=function(t){return this._dataZoomModel===t},t.prototype.getDataValueWindow=function(){return this._valueWindow.slice()},t.prototype.getDataPercentWindow=function(){return this._percentWindow.slice()},t.prototype.getTargetSeriesModels=function(){var t=[];return this.ecModel.eachSeries((function(e){if(function(t){var e=t.get("coordinateSystem");return P(UG,e)>=0}(e)){var n=YG(this._dimName),i=e.getReferringComponents(n,ha).models[0];i&&this._axisIndex===i.componentIndex&&t.push(e)}}),this),t},t.prototype.getAxisModel=function(){return this.ecModel.getComponent(this._dimName+"Axis",this._axisIndex)},t.prototype.getMinMaxSpan=function(){return T(this._minMaxSpan)},t.prototype.calculateDataWindow=function(t){var e,n=this._dataExtent,i=this.getAxisModel().axis.scale,r=this._dataZoomModel.getRangePropMode(),o=[0,100],a=[],s=[];tF(["start","end"],(function(l,u){var c=t[l],h=t[l+"Value"];"percent"===r[u]?(null==c&&(c=o[u]),h=i.parse(go(c,o,n))):(e=!0,c=go(h=null==h?n[u]:i.parse(h),n,o)),s[u]=null==h||isNaN(h)?n[u]:h,a[u]=null==c||isNaN(c)?o[u]:c})),eF(s),eF(a);var l=this._minMaxSpan;function u(t,e,n,r,o){var a=o?"Span":"ValueSpan";CO(0,t,n,"all",l["min"+a],l["max"+a]);for(var s=0;s<2;s++)e[s]=go(t[s],n,r,!0),o&&(e[s]=i.parse(e[s]))}return e?u(s,a,n,o,!1):u(a,s,o,n,!0),{valueWindow:s,percentWindow:a}},t.prototype.reset=function(t){if(t===this._dataZoomModel){var e=this.getTargetSeriesModels();this._dataExtent=function(t,e,n){var i=[1/0,-1/0];tF(n,(function(t){!function(t,e,n){e&&z(Jb(e,n),(function(n){var i=e.getApproximateExtent(n);i[0]<t[0]&&(t[0]=i[0]),i[1]>t[1]&&(t[1]=i[1])}))}(i,t.getData(),e)}));var r=t.getAxisModel(),o=Hb(r.axis.scale,r,i).calculate();return[o.min,o.max]}(this,this._dimName,e),this._updateMinMaxSpan();var n=this.calculateDataWindow(t.settledOption);this._valueWindow=n.valueWindow,this._percentWindow=n.percentWindow,this._setAxisModel()}},t.prototype.filterData=function(t,e){if(t===this._dataZoomModel){var n=this._dimName,i=this.getTargetSeriesModels(),r=t.get("filterMode"),o=this._valueWindow;"none"!==r&&tF(i,(function(t){var e=t.getData(),i=e.mapDimensionsAll(n);if(i.length){if("weakFilter"===r){var a=e.getStore(),s=E(i,(function(t){return e.getDimensionIndex(t)}),e);e.filterSelf((function(t){for(var e,n,r,l=0;l<i.length;l++){var u=a.get(s[l],t),c=!isNaN(u),h=u<o[0],d=u>o[1];if(c&&!h&&!d)return!0;c&&(r=!0),h&&(e=!0),d&&(n=!0)}return r&&e&&n}))}else tF(i,(function(n){if("empty"===r)t.setData(e=e.map(n,(function(t){return function(t){return t>=o[0]&&t<=o[1]}(t)?t:NaN})));else{var i={};i[n]=o,e.selectRange(i)}}));tF(i,(function(t){e.setApproximateExtent(o,t)}))}}))}},t.prototype._updateMinMaxSpan=function(){var t=this._minMaxSpan={},e=this._dataZoomModel,n=this._dataExtent;tF(["min","max"],(function(i){var r=e.get(i+"Span"),o=e.get(i+"ValueSpan");null!=o&&(o=this.getAxisModel().axis.scale.parse(o)),null!=o?r=go(n[0]+o,n,[0,100],!0):null!=r&&(o=go(r,[0,100],n,!0)-n[0]),t[i+"Span"]=r,t[i+"ValueSpan"]=o}),this)},t.prototype._setAxisModel=function(){var t=this.getAxisModel(),e=this._percentWindow,n=this._valueWindow;if(e){var i=wo(n,[0,500]);i=Math.min(i,20);var r=t.axis.scale.rawExtentInfo;0!==e[0]&&r.setDeterminedMinMax("min",+n[0].toFixed(i)),100!==e[1]&&r.setDeterminedMinMax("max",+n[1].toFixed(i)),r.freeze()}},t}();var iF={getTargetSeries:function(t){function e(e){t.eachComponent("dataZoom",(function(n){n.eachTargetAxis((function(i,r){var o=t.getComponent(YG(i),r);e(i,r,o,n)}))}))}e((function(t,e,n,i){n.__dzAxisProxy=null}));var n=[];e((function(e,i,r,o){r.__dzAxisProxy||(r.__dzAxisProxy=new nF(e,i,o,t),n.push(r.__dzAxisProxy))}));var i=yt();return z(n,(function(t){z(t.getTargetSeriesModels(),(function(t){i.set(t.uid,t)}))})),i},overallReset:function(t,e){t.eachComponent("dataZoom",(function(t){t.eachTargetAxis((function(e,n){t.getAxisProxy(e,n).reset(t)})),t.eachTargetAxis((function(n,i){t.getAxisProxy(n,i).filterData(t,e)}))})),t.eachComponent("dataZoom",(function(t){var e=t.findRepresentativeAxisProxy();if(e){var n=e.getDataPercentWindow(),i=e.getDataValueWindow();t.setCalculatedRange({start:n[0],end:n[1],startValue:i[0],endValue:i[1]})}}))}};var rF=!1;function oF(t){rF||(rF=!0,t.registerProcessor(t.PRIORITY.PROCESSOR.FILTER,iF),function(t){t.registerAction("dataZoom",(function(t,e){z(XG(e,t),(function(e){e.setRawRange({start:t.start,end:t.end,startValue:t.startValue,endValue:t.endValue})}))}))}(t),t.registerSubTypeDefaulter("dataZoom",(function(){return"slider"})))}function aF(t){t.registerComponentModel($G),t.registerComponentView(QG),oF(t)}var sF=function(){},lF={};function uF(t,e){lF[t]=e}function cF(t){return lF[t]}var hF=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){t.prototype.optionUpdated.apply(this,arguments);var e=this.ecModel;z(this.option.feature,(function(t,n){var i=cF(n);i&&(i.getDefaultOption&&(i.defaultOption=i.getDefaultOption(e)),C(t,i.defaultOption))}))},e.type="toolbox",e.layoutMode={type:"box",ignoreSize:!0},e.defaultOption={show:!0,z:6,orient:"horizontal",left:"right",top:"top",backgroundColor:"transparent",borderColor:tf.color.border,borderRadius:0,borderWidth:0,padding:tf.size.m,itemSize:15,itemGap:tf.size.s,showTitle:!0,iconStyle:{borderColor:tf.color.accent50,color:"none"},emphasis:{iconStyle:{borderColor:tf.color.accent50}},tooltip:{show:!1,position:"bottom"}},e}(Qp);function dF(t,e){var n=yp(e.get("padding")),i=e.getItemStyle(["color","opacity"]);return i.fill=e.get("backgroundColor"),new xl({shape:{x:t.x-n[3],y:t.y-n[0],width:t.width+n[1]+n[3],height:t.height+n[0]+n[2],r:e.get("borderRadius")},style:i,silent:!0,z2:-1})}var pF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(t,e,n,i){var r=this.group;if(r.removeAll(),t.get("show")){var o=+t.get("itemSize"),a="vertical"===t.get("orient"),s=t.get("feature")||{},l=this._features||(this._features={}),u=[];z(s,(function(t,e){u.push(e)})),new f_(this._featureNames||[],u).add(f).update(f).remove(H(f,null)).execute(),this._featureNames=u;var c=Xp(t,n).refContainer,h=t.getBoxLayoutParams(),d=t.get("padding"),p=Hp(h,c,d);Gp(t.get("orient"),r,t.get("itemGap"),p.width,p.height),Zp(r,h,c,d),r.add(dF(r.getBoundingRect(),t)),a||r.eachChild((function(t){var e=t.__title,i=t.ensureState("emphasis"),a=i.textConfig||(i.textConfig={}),s=t.getTextContent(),l=s&&s.ensureState("emphasis");if(l&&!Y(l)&&e){var u=l.style||(l.style={}),c=Er(e,Sl.makeFont(u)),h=t.x+r.x,d=!1;t.y+r.y+o+c.height>n.getHeight()&&(a.position="top",d=!0);var p=d?-5-c.height:o+10;h+c.width/2>n.getWidth()?(a.position=["100%",p],u.align="right"):h-c.width/2<0&&(a.position=[0,p],u.align="left")}}))}function f(c,h){var d,p=u[c],f=u[h],g=s[p],y=new wd(g,t,t.ecModel);if(i&&null!=i.newTitle&&i.featureName===p&&(g.title=i.newTitle),p&&!f){if(function(t){return 0===t.indexOf("my")}(p))d={onclick:y.option.onclick,featureName:p};else{var v=cF(p);if(!v)return;d=new v}l[p]=d}else if(!(d=l[f]))return;d.uid=Md("toolbox-feature"),d.model=y,d.ecModel=e,d.api=n;var m=d instanceof sF;p||!f?!y.get("show")||m&&d.unusable?m&&d.remove&&d.remove(e,n):(!function(i,s,l){var u,c,h=i.getModel("iconStyle"),d=i.getModel(["emphasis","iconStyle"]),p=s instanceof sF&&s.getIcons?s.getIcons():i.get("icon"),f=i.get("title")||{};X(p)?(u={})[l]=p:u=p;X(f)?(c={})[l]=f:c=f;var g=i.iconPaths={};z(u,(function(l,u){var p=Ah(l,{},{x:-o/2,y:-o/2,width:o,height:o});p.setStyle(h.getItemStyle()),p.ensureState("emphasis").style=d.getItemStyle();var f=new Sl({style:{text:c[u],align:d.get("textAlign"),borderRadius:d.get("textBorderRadius"),padding:d.get("textPadding"),fill:null,font:od({fontStyle:d.get("textFontStyle"),fontFamily:d.get("textFontFamily"),fontSize:d.get("textFontSize"),fontWeight:d.get("textFontWeight")},e)},ignore:!0});p.setTextContent(f),zh({el:p,componentModel:t,itemName:u,formatterParamsExtra:{title:c[u]}}),p.__title=c[u],p.on("mouseover",(function(){var e=d.getItemStyle(),i=a?null==t.get("right")&&"right"!==t.get("left")?"right":"left":null==t.get("bottom")&&"bottom"!==t.get("top")?"bottom":"top";f.setStyle({fill:d.get("textFill")||e.fill||e.stroke||tf.color.neutral99,backgroundColor:d.get("textBackgroundColor")}),p.setTextConfig({position:d.get("textPosition")||i}),f.ignore=!t.get("showTitle"),n.enterEmphasis(this)})).on("mouseout",(function(){"emphasis"!==i.get(["iconStatus",u])&&n.leaveEmphasis(this),f.hide()})),("emphasis"===i.get(["iconStatus",u])?du:pu)(p),r.add(p),p.on("click",W(s.onclick,s,e,n,u)),g[u]=p}))}(y,d,p),y.setIconStatus=function(t,e){var n=this.option,i=this.iconPaths;n.iconStatus=n.iconStatus||{},n.iconStatus[t]=e,i[t]&&("emphasis"===e?du:pu)(i[t])},d instanceof sF&&d.render&&d.render(y,e,n,i)):m&&d.dispose&&d.dispose(e,n)}},e.prototype.updateView=function(t,e,n,i){z(this._features,(function(t){t instanceof sF&&t.updateView&&t.updateView(t.model,e,n,i)}))},e.prototype.remove=function(t,e){z(this._features,(function(n){n instanceof sF&&n.remove&&n.remove(t,e)})),this.group.removeAll()},e.prototype.dispose=function(t,e){z(this._features,(function(n){n instanceof sF&&n.dispose&&n.dispose(t,e)}))},e.type="toolbox",e}(Ky);var fF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.onclick=function(t,e){var n=this.model,i=n.get("name")||t.get("title.0.text")||"echarts",o="svg"===e.getZr().painter.getType(),a=o?"svg":n.get("type",!0)||"png",s=e.getConnectedDataURL({type:a,backgroundColor:n.get("backgroundColor",!0)||t.get("backgroundColor")||tf.color.neutral00,connectedBackgroundColor:n.get("connectedBackgroundColor"),excludeComponents:n.get("excludeComponents"),pixelRatio:n.get("pixelRatio")}),l=r.browser;if("function"!=typeof MouseEvent||!l.newEdge&&(l.ie||l.edge))if(window.navigator.msSaveOrOpenBlob||o){var u=s.split(","),c=u[0].indexOf("base64")>-1,h=o?decodeURIComponent(u[1]):u[1];c&&(h=window.atob(h));var d=i+"."+a;if(window.navigator.msSaveOrOpenBlob){for(var p=h.length,f=new Uint8Array(p);p--;)f[p]=h.charCodeAt(p);var g=new Blob([f]);window.navigator.msSaveOrOpenBlob(g,d)}else{var y=document.createElement("iframe");document.body.appendChild(y);var v=y.contentWindow,m=v.document;m.open("image/svg+xml","replace"),m.write(h),m.close(),v.focus(),m.execCommand("SaveAs",!0,d),document.body.removeChild(y)}}else{var x=n.get("lang"),_='<body style="margin:0;"><img src="'+s+'" style="max-width:100%;" title="'+(x&&x[0]||"")+'" /></body>',b=window.open();b.document.write(_),b.document.title=i}else{var w=document.createElement("a");w.download=i+"."+a,w.target="_blank",w.href=s;var S=new MouseEvent("click",{view:document.defaultView,bubbles:!0,cancelable:!1});w.dispatchEvent(S)}},e.getDefaultOption=function(t){return{show:!0,icon:"M4.7,22.9L29.3,45.5L54.7,23.4M4.6,43.6L4.6,58L53.8,58L53.8,43.6M29.2,45.1L29.2,0",title:t.getLocaleModel().get(["toolbox","saveAsImage","title"]),type:"png",connectedBackgroundColor:tf.color.neutral00,name:"",excludeComponents:["toolbox"],lang:t.getLocaleModel().get(["toolbox","saveAsImage","lang"])}},e}(sF),gF="__ec_magicType_stack__",yF=[["line","bar"],["stack"]],vF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getIcons=function(){var t=this.model,e=t.get("icon"),n={};return z(t.get("type"),(function(t){e[t]&&(n[t]=e[t])})),n},e.getDefaultOption=function(t){return{show:!0,type:[],icon:{line:"M4.1,28.9h7.1l9.3-22l7.4,38l9.7-19.7l3,12.8h14.9M4.1,58h51.4",bar:"M6.7,22.9h10V48h-10V22.9zM24.9,13h10v35h-10V13zM43.2,2h10v46h-10V2zM3.1,58h53.7",stack:"M8.2,38.4l-8.4,4.1l30.6,15.3L60,42.5l-8.1-4.1l-21.5,11L8.2,38.4z M51.9,30l-8.1,4.2l-13.4,6.9l-13.9-6.9L8.2,30l-8.4,4.2l8.4,4.2l22.2,11l21.5-11l8.1-4.2L51.9,30z M51.9,21.7l-8.1,4.2L35.7,30l-5.3,2.8L24.9,30l-8.4-4.1l-8.3-4.2l-8.4,4.2L8.2,30l8.3,4.2l13.9,6.9l13.4-6.9l8.1-4.2l8.1-4.1L51.9,21.7zM30.4,2.2L-0.2,17.5l8.4,4.1l8.3,4.2l8.4,4.2l5.5,2.7l5.3-2.7l8.1-4.2l8.1-4.2l8.1-4.1L30.4,2.2z"},title:t.getLocaleModel().get(["toolbox","magicType","title"]),option:{},seriesIndex:{}}},e.prototype.onclick=function(t,e,n){var i=this.model,r=i.get(["seriesIndex",n]);if(mF[n]){var o,a={series:[]};z(yF,(function(t){P(t,n)>=0&&z(t,(function(t){i.setIconStatus(t,"normal")}))})),i.setIconStatus(n,"emphasis"),t.eachComponent({mainType:"series",query:null==r?null:{seriesIndex:r}},(function(t){var e=t.subType,r=t.id,o=mF[n](e,r,t,i);o&&(k(o,t.option),a.series.push(o));var s=t.coordinateSystem;if(s&&"cartesian2d"===s.type&&("line"===n||"bar"===n)){var l=s.getAxesByScale("ordinal")[0];if(l){var u=l.dim+"Axis",c=t.getReferringComponents(u,ha).models[0].componentIndex;a[u]=a[u]||[];for(var h=0;h<=c;h++)a[u][c]=a[u][c]||{};a[u][c].boundaryGap="bar"===n}}}));var s=n;"stack"===n&&(o=C({stack:i.option.title.tiled,tiled:i.option.title.stack},i.option.title),"emphasis"!==i.get(["iconStatus",n])&&(s="tiled")),e.dispatchAction({type:"changeMagicType",currentType:s,newOption:a,newTitle:o,featureName:"magicType"})}},e}(sF),mF={line:function(t,e,n,i){if("bar"===t)return C({id:e,type:"line",data:n.get("data"),stack:n.get("stack"),markPoint:n.get("markPoint"),markLine:n.get("markLine")},i.get(["option","line"])||{},!0)},bar:function(t,e,n,i){if("line"===t)return C({id:e,type:"bar",data:n.get("data"),stack:n.get("stack"),markPoint:n.get("markPoint"),markLine:n.get("markLine")},i.get(["option","bar"])||{},!0)},stack:function(t,e,n,i){var r=n.get("stack")===gF;if("line"===t||"bar"===t)return i.setIconStatus("stack",r?"normal":"emphasis"),C({id:e,stack:r?"":gF},i.get(["option","stack"])||{},!0)}};Qx({type:"changeMagicType",event:"magicTypeChanged",update:"prepareAndUpdate"},(function(t,e){e.mergeOption(t.newOption)}));var xF=new Array(60).join("-"),_F="\t";function bF(t){return t.replace(/^\s\s*/,"").replace(/\s\s*$/,"")}var wF=new RegExp("[\t]+","g");function SF(t,e){var n=t.split(new RegExp("\n*"+xF+"\n*","g")),i={series:[]};return z(n,(function(t,n){if(function(t){if(t.slice(0,t.indexOf("\n")).indexOf(_F)>=0)return!0}(t)){var r=function(t){for(var e=t.split(/\n+/g),n=[],i=E(bF(e.shift()).split(wF),(function(t){return{name:t,data:[]}})),r=0;r<e.length;r++){var o=bF(e[r]).split(wF);n.push(o.shift());for(var a=0;a<o.length;a++)i[a]&&(i[a].data[r]=o[a])}return{series:i,categories:n}}(t),o=e[n],a=o.axisDim+"Axis";o&&(i[a]=i[a]||[],i[a][o.axisIndex]={data:r.categories},i.series=i.series.concat(r.series))}else{r=function(t){for(var e=t.split(/\n+/g),n=bF(e.shift()),i=[],r=0;r<e.length;r++){var o=bF(e[r]);if(o){var a=o.split(wF),s="",l=void 0,u=!1;isNaN(a[0])?(u=!0,s=a[0],a=a.slice(1),i[r]={name:s,value:[]},l=i[r].value):l=i[r]=[];for(var c=0;c<a.length;c++)l.push(+a[c]);1===l.length&&(u?i[r].value=l[0]:i[r]=l[0])}}return{name:n,data:i}}(t);i.series.push(r)}})),i}var MF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.onclick=function(t,e){setTimeout((function(){e.dispatchAction({type:"hideTip"})}));var n=e.getDom(),i=this.model;this._dom&&n.removeChild(this._dom);var r=document.createElement("div");r.style.cssText="position:absolute;top:0;bottom:0;left:0;right:0;padding:5px",r.style.backgroundColor=i.get("backgroundColor")||tf.color.neutral00;var o=document.createElement("h4"),a=i.get("lang")||[];o.innerHTML=a[0]||i.get("title"),o.style.cssText="margin:10px 20px",o.style.color=i.get("textColor");var s=document.createElement("div"),l=document.createElement("textarea");s.style.cssText="overflow:auto";var u=i.get("optionToContent"),c=i.get("contentToOption"),h=function(t){var e,n,i,r=function(t){var e={},n=[],i=[];return t.eachRawSeries((function(t){var r=t.coordinateSystem;if(!r||"cartesian2d"!==r.type&&"polar"!==r.type)n.push(t);else{var o=r.getBaseAxis();if("category"===o.type){var a=o.dim+"_"+o.index;e[a]||(e[a]={categoryAxis:o,valueAxis:r.getOtherAxis(o),series:[]},i.push({axisDim:o.dim,axisIndex:o.index})),e[a].series.push(t)}else n.push(t)}})),{seriesGroupByCategoryAxis:e,other:n,meta:i}}(t);return{value:V([(n=r.seriesGroupByCategoryAxis,i=[],z(n,(function(t,e){var n=t.categoryAxis,r=t.valueAxis.dim,o=[" "].concat(E(t.series,(function(t){return t.name}))),a=[n.model.getCategories()];z(t.series,(function(t){var e=t.getRawData();a.push(t.getRawData().mapArray(e.mapDimension(r),(function(t){return t})))}));for(var s=[o.join(_F)],l=0;l<a[0].length;l++){for(var u=[],c=0;c<a.length;c++)u.push(a[c][l]);s.push(u.join(_F))}i.push(s.join("\n"))})),i.join("\n\n"+xF+"\n\n")),(e=r.other,E(e,(function(t){var e=t.getRawData(),n=[t.name],i=[];return e.each(e.dimensions,(function(){for(var t=arguments.length,r=arguments[t-1],o=e.getName(r),a=0;a<t-1;a++)i[a]=arguments[a];n.push((o?o+_F:"")+i.join(_F))})),n.join("\n")})).join("\n\n"+xF+"\n\n"))],(function(t){return!!t.replace(/[\n\t\s]/g,"")})).join("\n\n"+xF+"\n\n"),meta:r.meta}}(t);if(Y(u)){var d=u(e.getOption());X(d)?s.innerHTML=d:J(d)&&s.appendChild(d)}else{l.readOnly=i.get("readOnly");var p=l.style;p.cssText="display:block;width:100%;height:100%;font-family:monospace;font-size:14px;line-height:1.6rem;resize:none;box-sizing:border-box;outline:none",p.color=i.get("textColor"),p.borderColor=i.get("textareaBorderColor"),p.backgroundColor=i.get("textareaColor"),l.value=h.value,s.appendChild(l)}var f=h.meta,g=document.createElement("div");g.style.cssText="position:absolute;bottom:5px;left:0;right:0";var y="float:right;margin-right:20px;border:none;cursor:pointer;padding:2px 5px;font-size:12px;border-radius:3px",v=document.createElement("div"),m=document.createElement("div");y+=";background-color:"+i.get("buttonColor"),y+=";color:"+i.get("buttonTextColor");var x=this;function _(){n.removeChild(r),x._dom=null}pe(v,"click",_),pe(m,"click",(function(){if(null==c&&null!=u||null!=c&&null==u)_();else{var t;try{t=Y(c)?c(s,e.getOption()):SF(l.value,f)}catch(t){throw _(),new Error("Data view format error "+t)}t&&e.dispatchAction({type:"changeDataView",newOption:t}),_()}})),v.innerHTML=a[1],m.innerHTML=a[2],m.style.cssText=v.style.cssText=y,!i.get("readOnly")&&g.appendChild(m),g.appendChild(v),r.appendChild(o),r.appendChild(s),r.appendChild(g),s.style.height=n.clientHeight-80+"px",n.appendChild(r),this._dom=r},e.prototype.remove=function(t,e){this._dom&&e.getDom().removeChild(this._dom)},e.prototype.dispose=function(t,e){this.remove(t,e)},e.getDefaultOption=function(t){return{show:!0,readOnly:!1,optionToContent:null,contentToOption:null,icon:"M17.5,17.3H33 M17.5,17.3H33 M45.4,29.5h-28 M11.5,2v56H51V14.8L38.4,2H11.5z M38.4,2.2v12.7H51 M45.4,41.7h-28",title:t.getLocaleModel().get(["toolbox","dataView","title"]),lang:t.getLocaleModel().get(["toolbox","dataView","lang"]),backgroundColor:tf.color.background,textColor:tf.color.primary,textareaColor:tf.color.background,textareaBorderColor:tf.color.border,buttonColor:tf.color.accent50,buttonTextColor:tf.color.neutral00}},e}(sF);function IF(t,e){return E(t,(function(t,n){var i=e&&e[n];if(q(i)&&!U(i)){q(t)&&!U(t)||(t={value:t});var r=null!=i.name&&null==t.name;return t=k(t,i),r&&delete t.name,t}return t}))}Qx({type:"changeDataView",event:"dataViewChanged",update:"prepareAndUpdate"},(function(t,e){var n=[];z(t.newOption.series,(function(t){var i=e.getSeriesByName(t.name)[0];if(i){var r=i.get("data");n.push({name:t.name,data:IF(t.data,r)})}else n.push(A({type:"scatter"},t))})),e.mergeOption(k({series:n},t.newOption))}));var TF=z,CF=sa();function DF(t){var e=CF(t);return e.snapshots||(e.snapshots=[{}]),e.snapshots}var AF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.onclick=function(t,e){!function(t){CF(t).snapshots=null}(t),e.dispatchAction({type:"restore",from:this.uid})},e.getDefaultOption=function(t){return{show:!0,icon:"M3.8,33.4 M47,18.9h9.8V8.7 M56.3,20.1 C52.1,9,40.5,0.6,26.8,2.1C12.6,3.7,1.6,16.2,2.1,30.6 M13,41.1H3.1v10.2 M3.7,39.9c4.2,11.1,15.8,19.5,29.5,18 c14.2-1.6,25.2-14.1,24.7-28.5",title:t.getLocaleModel().get(["toolbox","restore","title"])}},e}(sF);Qx({type:"restore",event:"restore",update:"prepareAndUpdate"},(function(t,e){e.resetOption("recreate")}));var kF=["grid","xAxis","yAxis","geo","graph","polar","radiusAxis","angleAxis","bmap"],LF=function(){function t(t,e,n){var i=this;this._targetInfoList=[];var r=OF(e,t);z(RF,(function(t,e){(!n||!n.include||P(n.include,e)>=0)&&t(r,i._targetInfoList)}))}return t.prototype.setOutputRanges=function(t,e){return this.matchOutputRanges(t,e,(function(t,e,n){if((t.coordRanges||(t.coordRanges=[])).push(e),!t.coordRange){t.coordRange=e;var i=EF[t.brushType](0,n,e);t.__rangeOffset={offset:VF[t.brushType](i.values,t.range,[1,1]),xyMinMax:i.xyMinMax}}})),t},t.prototype.matchOutputRanges=function(t,e,n){z(t,(function(t){var i=this.findTargetInfo(t,e);i&&!0!==i&&z(i.coordSyses,(function(i){var r=EF[t.brushType](1,i,t.range,!0);n(t,r.values,i,e)}))}),this)},t.prototype.setInputRanges=function(t,e){z(t,(function(t){var n,i,r,o,a,s=this.findTargetInfo(t,e);if(t.range=t.range||[],s&&!0!==s){t.panelId=s.panelId;var l=EF[t.brushType](0,s.coordSys,t.coordRange),u=t.__rangeOffset;t.range=u?VF[t.brushType](l.values,u.offset,(n=l.xyMinMax,i=u.xyMinMax,r=FF(n),o=FF(i),a=[r[0]/o[0],r[1]/o[1]],isNaN(a[0])&&(a[0]=1),isNaN(a[1])&&(a[1]=1),a)):l.values}}),this)},t.prototype.makePanelOpts=function(t,e){return E(this._targetInfoList,(function(n){var i=n.getPanelRect();return{panelId:n.panelId,defaultBrushType:e?e(n):null,clipPath:AR(i),isTargetByCursor:LR(i,t,n.coordSysModel),getLinearBrushOtherExtent:kR(i)}}))},t.prototype.controlSeries=function(t,e,n){var i=this.findTargetInfo(t,n);return!0===i||i&&P(i.coordSyses,e.coordinateSystem)>=0},t.prototype.findTargetInfo=function(t,e){for(var n=this._targetInfoList,i=OF(e,t),r=0;r<n.length;r++){var o=n[r],a=t.panelId;if(a){if(o.panelId===a)return o}else for(var s=0;s<NF.length;s++)if(NF[s](i,o))return o}return!0},t}();function PF(t){return t[0]>t[1]&&t.reverse(),t}function OF(t,e){return ua(t,e,{includeMainTypes:kF})}var RF={grid:function(t,e){var n=t.xAxisModels,i=t.yAxisModels,r=t.gridModels,o=yt(),a={},s={};(n||i||r)&&(z(n,(function(t){var e=t.axis.grid.model;o.set(e.id,e),a[e.id]=!0})),z(i,(function(t){var e=t.axis.grid.model;o.set(e.id,e),s[e.id]=!0})),z(r,(function(t){o.set(t.id,t),a[t.id]=!0,s[t.id]=!0})),o.each((function(t){var r=t.coordinateSystem,o=[];z(r.getCartesians(),(function(t,e){(P(n,t.getAxis("x").model)>=0||P(i,t.getAxis("y").model)>=0)&&o.push(t)})),e.push({panelId:"grid--"+t.id,gridModel:t,coordSysModel:t,coordSys:o[0],coordSyses:o,getPanelRect:zF.grid,xAxisDeclared:a[t.id],yAxisDeclared:s[t.id]})})))},geo:function(t,e){z(t.geoModels,(function(t){var n=t.coordinateSystem;e.push({panelId:"geo--"+t.id,geoModel:t,coordSysModel:t,coordSys:n,coordSyses:[n],getPanelRect:zF.geo})}))}},NF=[function(t,e){var n=t.xAxisModel,i=t.yAxisModel,r=t.gridModel;return!r&&n&&(r=n.axis.grid.model),!r&&i&&(r=i.axis.grid.model),r&&r===e.gridModel},function(t,e){var n=t.geoModel;return n&&n===e.geoModel}],zF={grid:function(){return this.coordSys.master.getRect().clone()},geo:function(){var t=this.coordSys,e=t.getBoundingRect().clone();return e.applyTransform(wh(t)),e}},EF={lineX:H(BF,0),lineY:H(BF,1),rect:function(t,e,n,i){var r=t?e.pointToData([n[0][0],n[1][0]],i):e.dataToPoint([n[0][0],n[1][0]],i),o=t?e.pointToData([n[0][1],n[1][1]],i):e.dataToPoint([n[0][1],n[1][1]],i),a=[PF([r[0],o[0]]),PF([r[1],o[1]])];return{values:a,xyMinMax:a}},polygon:function(t,e,n,i){var r=[[1/0,-1/0],[1/0,-1/0]];return{values:E(n,(function(n){var o=t?e.pointToData(n,i):e.dataToPoint(n,i);return r[0][0]=Math.min(r[0][0],o[0]),r[1][0]=Math.min(r[1][0],o[1]),r[0][1]=Math.max(r[0][1],o[0]),r[1][1]=Math.max(r[1][1],o[1]),o})),xyMinMax:r}}};function BF(t,e,n,i){var r=n.getAxis(["x","y"][t]),o=PF(E([0,1],(function(t){return e?r.coordToData(r.toLocalCoord(i[t]),!0):r.toGlobalCoord(r.dataToCoord(i[t]))}))),a=[];return a[t]=o,a[1-t]=[NaN,NaN],{values:o,xyMinMax:a}}var VF={lineX:H(GF,0),lineY:H(GF,1),rect:function(t,e,n){return[[t[0][0]-n[0]*e[0][0],t[0][1]-n[0]*e[0][1]],[t[1][0]-n[1]*e[1][0],t[1][1]-n[1]*e[1][1]]]},polygon:function(t,e,n){return E(t,(function(t,i){return[t[0]-n[0]*e[i][0],t[1]-n[1]*e[i][1]]}))}};function GF(t,e,n,i){return[e[0]-i[t]*n[0],e[1]-i[t]*n[1]]}function FF(t){return t?[t[0][1]-t[0][0],t[1][1]-t[1][0]]:[NaN,NaN]}var WF,HF,UF=z,YF=jo+"toolbox-dataZoom_",XF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(t,e,n,i){this._brushController||(this._brushController=new JO(n.getZr()),this._brushController.on("brush",W(this._onBrush,this)).mount()),function(t,e,n,i,r){var o=n._isZoomActive;i&&"takeGlobalCursor"===i.type&&(o="dataZoomSelect"===i.key&&i.dataZoomSelectActive);n._isZoomActive=o,t.setIconStatus("zoom",o?"emphasis":"normal");var a=new LF(jF(t),e,{include:["grid"]}),s=a.makePanelOpts(r,(function(t){return t.xAxisDeclared&&!t.yAxisDeclared?"lineX":!t.xAxisDeclared&&t.yAxisDeclared?"lineY":"rect"}));n._brushController.setPanels(s).enableBrush(!(!o||!s.length)&&{brushType:"auto",brushStyle:t.getModel("brushStyle").getItemStyle()})}(t,e,this,i,n),function(t,e){t.setIconStatus("back",function(t){return DF(t).length}(e)>1?"emphasis":"normal")}(t,e)},e.prototype.onclick=function(t,e,n){ZF[n].call(this)},e.prototype.remove=function(t,e){this._brushController&&this._brushController.unmount()},e.prototype.dispose=function(t,e){this._brushController&&this._brushController.dispose()},e.prototype._onBrush=function(t){var e=t.areas;if(t.isEnd&&e.length){var n={},i=this.ecModel;this._brushController.updateCovers([]),new LF(jF(this.model),i,{include:["grid"]}).matchOutputRanges(e,i,(function(t,e,n){if("cartesian2d"===n.type){var i=t.brushType;"rect"===i?(r("x",n,e[0]),r("y",n,e[1])):r({lineX:"x",lineY:"y"}[i],n,e)}})),function(t,e){var n=DF(t);TF(e,(function(e,i){for(var r=n.length-1;r>=0&&!n[r][i];r--);if(r<0){var o=t.queryComponents({mainType:"dataZoom",subType:"select",id:i})[0];if(o){var a=o.getPercentRange();n[0][i]={dataZoomId:i,start:a[0],end:a[1]}}}})),n.push(e)}(i,n),this._dispatchZoomAction(n)}function r(t,e,r){var o=e.getAxis(t),a=o.model,s=function(t,e,n){var i;return n.eachComponent({mainType:"dataZoom",subType:"select"},(function(n){n.getAxisModel(t,e.componentIndex)&&(i=n)})),i}(t,a,i),l=s.findRepresentativeAxisProxy(a).getMinMaxSpan();null==l.minValueSpan&&null==l.maxValueSpan||(r=CO(0,r.slice(),o.scale.getExtent(),0,l.minValueSpan,l.maxValueSpan)),s&&(n[s.id]={dataZoomId:s.id,startValue:r[0],endValue:r[1]})}},e.prototype._dispatchZoomAction=function(t){var e=[];UF(t,(function(t,n){e.push(T(t))})),e.length&&this.api.dispatchAction({type:"dataZoom",from:this.uid,batch:e})},e.getDefaultOption=function(t){return{show:!0,filterMode:"filter",icon:{zoom:"M0,13.5h26.9 M13.5,26.9V0 M32.1,13.5H58V58H13.5 V32.1",back:"M22,1.4L9.9,13.5l12.3,12.3 M10.3,13.5H54.9v44.6 H10.3v-26"},title:t.getLocaleModel().get(["toolbox","dataZoom","title"]),brushStyle:{borderWidth:0,color:tf.color.backgroundTint}}},e}(sF),ZF={zoom:function(){var t=!this._isZoomActive;this.api.dispatchAction({type:"takeGlobalCursor",key:"dataZoomSelect",dataZoomSelectActive:t})},back:function(){this._dispatchZoomAction(function(t){var e=DF(t),n=e[e.length-1];e.length>1&&e.pop();var i={};return TF(n,(function(t,n){for(var r=e.length-1;r>=0;r--)if(t=e[r][n]){i[n]=t;break}})),i}(this.ecModel))}};function jF(t){var e={xAxisIndex:t.get("xAxisIndex",!0),yAxisIndex:t.get("yAxisIndex",!0),xAxisId:t.get("xAxisId",!0),yAxisId:t.get("yAxisId",!0)};return null==e.xAxisIndex&&null==e.xAxisId&&(e.xAxisIndex="all"),null==e.yAxisIndex&&null==e.yAxisId&&(e.yAxisIndex="all"),e}WF="dataZoom",HF=function(t){var e=t.getComponent("toolbox",0),n=["feature","dataZoom"];if(e&&null!=e.get(n)){var i=e.getModel(n),r=[],o=ua(t,jF(i));return UF(o.xAxisModels,(function(t){return a(t,"xAxis","xAxisIndex")})),UF(o.yAxisModels,(function(t){return a(t,"yAxis","yAxisIndex")})),r}function a(t,e,n){var o=t.componentIndex,a={type:"select",$fromToolbox:!0,filterMode:i.get("filterMode",!0)||"filter",id:YF+e+o};a[n]=o,r.push(a)}},lt(null==Df.get(WF)&&HF),Df.set(WF,HF);var qF=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="tooltip",e.dependencies=["axisPointer"],e.defaultOption={z:60,show:!0,showContent:!0,trigger:"item",triggerOn:"mousemove|click",alwaysShowContent:!1,renderMode:"auto",confine:null,showDelay:0,hideDelay:100,transitionDuration:.4,displayTransition:!0,enterable:!1,backgroundColor:tf.color.neutral00,shadowBlur:10,shadowColor:"rgba(0, 0, 0, .2)",shadowOffsetX:1,shadowOffsetY:2,borderRadius:4,borderWidth:1,defaultBorderColor:tf.color.border,padding:null,extraCssText:"",axisPointer:{type:"line",axis:"auto",animation:"auto",animationDurationUpdate:200,animationEasingUpdate:"exponentialOut",crossStyle:{color:tf.color.borderShade,width:1,type:"dashed",textStyle:{}}},textStyle:{color:tf.color.tertiary,fontSize:14}},e}(Qp);function KF(t){var e=t.get("confine");return null!=e?!!e:"richText"===t.get("renderMode")}function $F(t){if(r.domSupported)for(var e=document.documentElement.style,n=0,i=t.length;n<i;n++)if(t[n]in e)return t[n]}var JF=$F(["transform","webkitTransform","OTransform","MozTransform","msTransform"]);function QF(t,e){if(!t)return e;e=gp(e,!0);var n=t.indexOf(e);return(t=-1===n?e:"-"+t.slice(0,n)+"-"+e).toLowerCase()}var tW=QF($F(["webkitTransition","transition","OTransition","MozTransition","msTransition"]),"transition"),eW=QF(JF,"transform"),nW="position:absolute;display:block;border-style:solid;white-space:nowrap;z-index:9999999;"+(r.transform3dSupported?"will-change:transform;":"");function iW(t,e,n){var i=t.toFixed(0)+"px",o=e.toFixed(0)+"px";if(!r.transformSupported)return n?"top:"+o+";left:"+i+";":[["top",o],["left",i]];var a=r.transform3dSupported,s="translate"+(a?"3d":"")+"("+i+","+o+(a?",0":"")+")";return n?"top:0;left:0;"+eW+":"+s+";":[["top",0],["left",0],[JF,s]]}function rW(t,e,n,i){var o=[],a=t.get("transitionDuration"),s=t.get("backgroundColor"),l=t.get("shadowBlur"),u=t.get("shadowColor"),c=t.get("shadowOffsetX"),h=t.get("shadowOffsetY"),d=t.getModel("textStyle"),p=zy(t,"html"),f=c+"px "+h+"px "+l+"px "+u;return o.push("box-shadow:"+f),e&&a>0&&o.push(function(t,e,n){var i="cubic-bezier(0.23,1,0.32,1)",o="",a="";return n&&(a="opacity"+(o=" "+t/2+"s "+i)+",visibility"+o),e||(o=" "+t+"s "+i,a+=(a.length?",":"")+(r.transformSupported?""+eW+o:",left"+o+",top"+o)),tW+":"+a}(a,n,i)),s&&o.push("background-color:"+s),z(["width","color","radius"],(function(e){var n="border-"+e,i=gp(n),r=t.get(i);null!=r&&o.push(n+":"+r+("color"===e?"":"px"))})),o.push(function(t){var e=[],n=t.get("fontSize"),i=t.getTextColor();i&&e.push("color:"+i),e.push("font:"+t.getFont());var r=rt(t.get("lineHeight"),Math.round(3*n/2));n&&e.push("line-height:"+r+"px");var o=t.get("textShadowColor"),a=t.get("textShadowBlur")||0,s=t.get("textShadowOffsetX")||0,l=t.get("textShadowOffsetY")||0;return o&&a&&e.push("text-shadow:"+s+"px "+l+"px "+a+"px "+o),z(["decoration","align"],(function(n){var i=t.get(n);i&&e.push("text-"+n+":"+i)})),e.join(";")}(d)),null!=p&&o.push("padding:"+yp(p).join("px ")+"px"),o.join(";")+";"}function oW(t,e,n,i,r){var o=e&&e.painter;if(n){var a=o&&o.getViewportRoot();a&&function(t,e,n,i,r){ee(te,e,i,r,!0)&&ee(t,n,te[0],te[1])}(t,a,n,i,r)}else{t[0]=i,t[1]=r;var s=o&&o.getViewportRootOffset();s&&(t[0]+=s.offsetLeft,t[1]+=s.offsetTop)}t[2]=t[0]/e.getWidth(),t[3]=t[1]/e.getHeight()}var aW=function(){function t(t,e){if(this._show=!1,this._styleCoord=[0,0,0,0],this._enterable=!0,this._alwaysShowContent=!1,this._firstShow=!0,this._longHide=!0,r.wxa)return null;var n=document.createElement("div");n.domBelongToZr=!0,this.el=n;var i=this._zr=t.getZr(),o=e.appendTo,a=o&&(X(o)?document.querySelector(o):J(o)?o:Y(o)&&o(t.getDom()));oW(this._styleCoord,i,a,t.getWidth()/2,t.getHeight()/2),(a||t.getDom()).appendChild(n),this._api=t,this._container=a;var s=this;n.onmouseenter=function(){s._enterable&&(clearTimeout(s._hideTimeout),s._show=!0),s._inContent=!0},n.onmousemove=function(t){if(t=t||window.event,!s._enterable){var e=i.handler;de(i.painter.getViewportRoot(),t,!0),e.dispatch("mousemove",t)}},n.onmouseleave=function(){s._inContent=!1,s._enterable&&s._show&&s.hideLater(s._hideDelay)}}return t.prototype.update=function(t){if(!this._container){var e=this._api.getDom(),n=(o="position",(a=(r=e).currentStyle||document.defaultView&&document.defaultView.getComputedStyle(r))?o?a[o]:a:null),i=e.style;"absolute"!==i.position&&"absolute"!==n&&(i.position="relative")}var r,o,a,s=t.get("alwaysShowContent");s&&this._moveIfResized(),this._alwaysShowContent=s,this._enableDisplayTransition=t.get("displayTransition")&&t.get("transitionDuration")>0,this.el.className=t.get("className")||""},t.prototype.show=function(t,e){clearTimeout(this._hideTimeout),clearTimeout(this._longHideTimeout);var n=this.el,i=n.style,r=this._styleCoord;n.innerHTML?i.cssText=nW+rW(t,!this._firstShow,this._longHide,this._enableDisplayTransition)+iW(r[0],r[1],!0)+"border-color:"+wp(e)+";"+(t.get("extraCssText")||"")+";pointer-events:"+(this._enterable?"auto":"none"):i.display="none",this._show=!0,this._firstShow=!1,this._longHide=!1},t.prototype.setContent=function(t,e,n,i,r){var o=this.el;if(null!=t){var a="";if(X(r)&&"item"===n.get("trigger")&&!KF(n)&&(a=function(t,e,n){if(!X(n)||"inside"===n)return"";var i=t.get("backgroundColor"),r=t.get("borderWidth");e=wp(e);var o,a,s="left"===(o=n)?"right":"right"===o?"left":"top"===o?"bottom":"top",l=Math.max(1.5*Math.round(r),6),u="",c=eW+":";P(["left","right"],s)>-1?(u+="top:50%",c+="translateY(-50%) rotate("+(a="left"===s?-225:-45)+"deg)"):(u+="left:50%",c+="translateX(-50%) rotate("+(a="top"===s?225:45)+"deg)");var h=a*Math.PI/180,d=l+r,p=d*Math.abs(Math.cos(h))+d*Math.abs(Math.sin(h)),f=e+" solid "+r+"px;";return'<div style="'+["position:absolute;width:"+l+"px;height:"+l+"px;z-index:-1;",(u+=";"+s+":-"+Math.round(100*((p-Math.SQRT2*r)/2+Math.SQRT2*r-(p-d)/2))/100+"px")+";"+c+";","border-bottom:"+f,"border-right:"+f,"background-color:"+i+";"].join("")+'"></div>'}(n,i,r)),X(t))o.innerHTML=t+a;else if(t){o.innerHTML="",U(t)||(t=[t]);for(var s=0;s<t.length;s++)J(t[s])&&t[s].parentNode!==o&&o.appendChild(t[s]);if(a&&o.childNodes.length){var l=document.createElement("div");l.innerHTML=a,o.appendChild(l)}}}else o.innerHTML=""},t.prototype.setEnterable=function(t){this._enterable=t},t.prototype.getSize=function(){var t=this.el;return t?[t.offsetWidth,t.offsetHeight]:[0,0]},t.prototype.moveTo=function(t,e){if(this.el){var n=this._styleCoord;if(oW(n,this._zr,this._container,t,e),null!=n[0]&&null!=n[1]){var i=this.el.style;z(iW(n[0],n[1]),(function(t){i[t[0]]=t[1]}))}}},t.prototype._moveIfResized=function(){var t=this._styleCoord[2],e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())},t.prototype.hide=function(){var t=this,e=this.el.style;this._enableDisplayTransition?(e.visibility="hidden",e.opacity="0"):e.display="none",r.transform3dSupported&&(e.willChange=""),this._show=!1,this._longHideTimeout=setTimeout((function(){return t._longHide=!0}),500)},t.prototype.hideLater=function(t){!this._show||this._inContent&&this._enterable||this._alwaysShowContent||(t?(this._hideDelay=t,this._show=!1,this._hideTimeout=setTimeout(W(this.hide,this),t)):this.hide())},t.prototype.isShow=function(){return this._show},t.prototype.dispose=function(){clearTimeout(this._hideTimeout),clearTimeout(this._longHideTimeout);var t=this._zr;!function(t,e){function n(t){var e=t[Qt];e&&(e.clearMarkers&&e.clearMarkers(),delete t[Qt])}t&&n(t),e&&n(e)}(t&&t.painter&&t.painter.getViewportRoot(),this._container);var e=this.el;if(e){e.onmouseenter=e.onmousemove=e.onmouseleave=null;var n=e.parentNode;n&&n.removeChild(e)}this.el=this._container=null},t}(),sW=function(){function t(t){this._show=!1,this._styleCoord=[0,0,0,0],this._alwaysShowContent=!1,this._enterable=!0,this._zr=t.getZr(),cW(this._styleCoord,this._zr,t.getWidth()/2,t.getHeight()/2)}return t.prototype.update=function(t){var e=t.get("alwaysShowContent");e&&this._moveIfResized(),this._alwaysShowContent=e},t.prototype.show=function(){this._hideTimeout&&clearTimeout(this._hideTimeout),this.el.show(),this._show=!0},t.prototype.setContent=function(t,e,n,i,r){var o=this;q(t)&&Yo(""),this.el&&this._zr.remove(this.el);var a=n.getModel("textStyle");this.el=new Sl({style:{rich:e.richTextStyles,text:t,lineHeight:22,borderWidth:1,borderColor:i,textShadowColor:a.get("textShadowColor"),fill:n.get(["textStyle","color"]),padding:zy(n,"richText"),verticalAlign:"top",align:"left"},z:n.get("z")}),z(["backgroundColor","borderRadius","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"],(function(t){o.el.style[t]=n.get(t)})),z(["textShadowBlur","textShadowOffsetX","textShadowOffsetY"],(function(t){o.el.style[t]=a.get(t)||0})),this._zr.add(this.el);var s=this;this.el.on("mouseover",(function(){s._enterable&&(clearTimeout(s._hideTimeout),s._show=!0),s._inContent=!0})),this.el.on("mouseout",(function(){s._enterable&&s._show&&s.hideLater(s._hideDelay),s._inContent=!1}))},t.prototype.setEnterable=function(t){this._enterable=t},t.prototype.getSize=function(){var t=this.el,e=this.el.getBoundingRect(),n=uW(t.style);return[e.width+n.left+n.right,e.height+n.top+n.bottom]},t.prototype.moveTo=function(t,e){var n=this.el;if(n){var i=this._styleCoord;cW(i,this._zr,t,e),t=i[0],e=i[1];var r=n.style,o=lW(r.borderWidth||0),a=uW(r);n.x=t+o+a.left,n.y=e+o+a.top,n.markRedraw()}},t.prototype._moveIfResized=function(){var t=this._styleCoord[2],e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())},t.prototype.hide=function(){this.el&&this.el.hide(),this._show=!1},t.prototype.hideLater=function(t){!this._show||this._inContent&&this._enterable||this._alwaysShowContent||(t?(this._hideDelay=t,this._show=!1,this._hideTimeout=setTimeout(W(this.hide,this),t)):this.hide())},t.prototype.isShow=function(){return this._show},t.prototype.dispose=function(){this._zr.remove(this.el)},t}();function lW(t){return Math.max(0,t)}function uW(t){var e=lW(t.shadowBlur||0),n=lW(t.shadowOffsetX||0),i=lW(t.shadowOffsetY||0);return{left:lW(e-n),right:lW(e+n),top:lW(e-i),bottom:lW(e+i)}}function cW(t,e,n,i){t[0]=n,t[1]=i,t[2]=t[0]/e.getWidth(),t[3]=t[1]/e.getHeight()}var hW=new xl({shape:{x:-1,y:-1,width:2,height:2}}),dW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){if(!r.node&&e.getDom()){var n,i=t.getComponent("tooltip"),o=this._renderMode="auto"===(n=i.get("renderMode"))?r.domSupported?"html":"richText":n||"html";this._tooltipContent="richText"===o?new sW(e):new aW(e,{appendTo:i.get("appendToBody",!0)?"body":i.get("appendTo",!0)})}},e.prototype.render=function(t,e,n){if(!r.node&&n.getDom()){this.group.removeAll(),this._tooltipModel=t,this._ecModel=e,this._api=n;var i=this._tooltipContent;i.update(t),i.setEnterable(t.get("enterable")),this._initGlobalListener(),this._keepShow(),"richText"!==this._renderMode&&t.get("transitionDuration")?cv(this,"_updatePosition",50,"fixRate"):hv(this,"_updatePosition")}},e.prototype._initGlobalListener=function(){var t=this._tooltipModel.get("triggerOn");mB("itemTooltip",this._api,W((function(e,n,i){"none"!==t&&(t.indexOf(e)>=0?this._tryShow(n,i):"leave"===e&&this._hide(i))}),this))},e.prototype._keepShow=function(){var t=this._tooltipModel,e=this._ecModel,n=this._api,i=t.get("triggerOn");if(null!=this._lastX&&null!=this._lastY&&"none"!==i&&"click"!==i){var r=this;clearTimeout(this._refreshUpdateTimeout),this._refreshUpdateTimeout=setTimeout((function(){!n.isDisposed()&&r.manuallyShowTip(t,e,n,{x:r._lastX,y:r._lastY,dataByCoordSys:r._lastDataByCoordSys})}))}},e.prototype.manuallyShowTip=function(t,e,n,i){if(i.from!==this.uid&&!r.node&&n.getDom()){var o=fW(i,n);this._ticket="";var a=i.dataByCoordSys,s=function(t,e,n){var i=ca(t).queryOptionMap,r=i.keys()[0];if(!r||"series"===r)return;var o=pa(e,r,i.get(r),{useDefault:!1,enableAll:!1,enableNone:!1}),a=o.models[0];if(!a)return;var s,l=n.getViewOfComponentModel(a);if(l.group.traverse((function(e){var n=zl(e).tooltipConfig;if(n&&n.name===t.name)return s=e,!0})),s)return{componentMainType:r,componentIndex:a.componentIndex,el:s}}(i,e,n);if(s){var l=s.el.getBoundingRect().clone();l.applyTransform(s.el.transform),this._tryShow({offsetX:l.x+l.width/2,offsetY:l.y+l.height/2,target:s.el,position:i.position,positionDefault:"bottom"},o)}else if(i.tooltip&&null!=i.x&&null!=i.y){var u=hW;u.x=i.x,u.y=i.y,u.update(),zl(u).tooltipConfig={name:null,option:i.tooltip},this._tryShow({offsetX:i.x,offsetY:i.y,target:u},o)}else if(a)this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,dataByCoordSys:a,tooltipOption:i.tooltipOption},o);else if(null!=i.seriesIndex){if(this._manuallyAxisShowTip(t,e,n,i))return;var c=SB(i,e),h=c.point[0],d=c.point[1];null!=h&&null!=d&&this._tryShow({offsetX:h,offsetY:d,target:c.el,position:i.position,positionDefault:"bottom"},o)}else null!=i.x&&null!=i.y&&(n.dispatchAction({type:"updateAxisPointer",x:i.x,y:i.y}),this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,target:n.getZr().findHover(i.x,i.y).target},o))}},e.prototype.manuallyHideTip=function(t,e,n,i){var r=this._tooltipContent;this._tooltipModel&&r.hideLater(this._tooltipModel.get("hideDelay")),this._lastX=this._lastY=this._lastDataByCoordSys=null,i.from!==this.uid&&this._hide(fW(i,n))},e.prototype._manuallyAxisShowTip=function(t,e,n,i){var r=i.seriesIndex,o=i.dataIndex,a=e.getComponent("axisPointer").coordSysAxesInfo;if(null!=r&&null!=o&&null!=a){var s=e.getSeriesByIndex(r);if(s)if("axis"===pW([s.getData().getItemModel(o),s,(s.coordinateSystem||{}).model],this._tooltipModel).get("trigger"))return n.dispatchAction({type:"updateAxisPointer",seriesIndex:r,dataIndex:o,position:i.position}),!0}},e.prototype._tryShow=function(t,e){var n=t.target;if(this._tooltipModel){this._lastX=t.offsetX,this._lastY=t.offsetY;var i=t.dataByCoordSys;if(i&&i.length)this._showAxisTooltip(i,t);else if(n){var r,o;if("legend"===zl(n).ssrType)return;this._lastDataByCoordSys=null,Qv(n,(function(t){if(t.tooltipDisabled)return r=o=null,!0;r||o||(null!=zl(t).dataIndex?r=t:null!=zl(t).tooltipConfig&&(o=t))}),!0),r?this._showSeriesItemTooltip(t,r,e):o?this._showComponentItemTooltip(t,o,e):this._hide(e)}else this._lastDataByCoordSys=null,this._hide(e)}},e.prototype._showOrMove=function(t,e){var n=t.get("showDelay");e=W(e,this),clearTimeout(this._showTimout),n>0?this._showTimout=setTimeout(e,n):e()},e.prototype._showAxisTooltip=function(t,e){var n=this._ecModel,i=this._tooltipModel,r=[e.offsetX,e.offsetY],o=pW([e.tooltipOption],i),a=this._renderMode,s=[],l=Ty("section",{blocks:[],noHeader:!0}),u=[],c=new Ey;z(t,(function(t){z(t.dataByAxis,(function(t){var e=n.getComponent(t.axisDim+"Axis",t.axisIndex),r=t.value;if(e&&null!=r){var o=oB(r,e.axis,n,t.seriesDataIndices,t.valueLabelOpt),h=Ty("section",{header:o,noHeader:!ut(o),sortBlocks:!0,blocks:[]});l.blocks.push(h),z(t.seriesDataIndices,(function(l){var d=n.getSeriesByIndex(l.seriesIndex),p=l.dataIndexInside,f=d.getDataParams(p);if(!(f.dataIndex<0)){f.axisDim=t.axisDim,f.axisIndex=t.axisIndex,f.axisType=t.axisType,f.axisId=t.axisId,f.axisValue=qb(e.axis,{value:r}),f.axisValueLabel=o,f.marker=c.makeTooltipMarker("item",wp(f.color),a);var g=Wg(d.formatTooltip(p,!0,null)),y=g.frag;if(y){var v=pW([d],i).get("valueFormatter");h.blocks.push(v?A({valueFormatter:v},y):y)}g.text&&u.push(g.text),s.push(f)}}))}}))})),l.blocks.reverse(),u.reverse();var h=e.position,d=o.get("order"),p=Py(l,c,a,d,n.get("useUTC"),o.get("textStyle"));p&&u.unshift(p);var f="richText"===a?"\n\n":"<br/>",g=u.join(f);this._showOrMove(o,(function(){this._updateContentNotChangedOnAxis(t,s)?this._updatePosition(o,h,r[0],r[1],this._tooltipContent,s):this._showTooltipContent(o,g,s,Math.random()+"",r[0],r[1],h,null,c)}))},e.prototype._showSeriesItemTooltip=function(t,e,n){var i=this._ecModel,r=zl(e),o=r.seriesIndex,a=i.getSeriesByIndex(o),s=r.dataModel||a,l=r.dataIndex,u=r.dataType,c=s.getData(u),h=this._renderMode,d=t.positionDefault,p=pW([c.getItemModel(l),s,a&&(a.coordinateSystem||{}).model],this._tooltipModel,d?{position:d}:null),f=p.get("trigger");if(null==f||"item"===f){var g=s.getDataParams(l,u),y=new Ey;g.marker=y.makeTooltipMarker("item",wp(g.color),h);var v=Wg(s.formatTooltip(l,!1,u)),m=p.get("order"),x=p.get("valueFormatter"),_=v.frag,b=_?Py(x?A({valueFormatter:x},_):_,y,h,m,i.get("useUTC"),p.get("textStyle")):v.text,w="item_"+s.name+"_"+l;this._showOrMove(p,(function(){this._showTooltipContent(p,b,g,w,t.offsetX,t.offsetY,t.position,t.target,y)})),n({type:"showTip",dataIndexInside:l,dataIndex:c.getRawIndex(l),seriesIndex:o,from:this.uid})}},e.prototype._showComponentItemTooltip=function(t,e,n){var i="html"===this._renderMode,r=zl(e),o=r.tooltipConfig.option||{},a=o.encodeHTMLContent;if(X(o)){o={content:o,formatter:o},a=!0}a&&i&&o.content&&((o=T(o)).content=oe(o.content));var s=[o],l=this._ecModel.getComponent(r.componentMainType,r.componentIndex);l&&s.push(l),s.push({formatter:o.content});var u=t.positionDefault,c=pW(s,this._tooltipModel,u?{position:u}:null),h=c.get("content"),d=Math.random()+"",p=new Ey;this._showOrMove(c,(function(){var n=T(c.get("formatterParams")||{});this._showTooltipContent(c,h,n,d,t.offsetX,t.offsetY,t.position,e,p)})),n({type:"showTip",from:this.uid})},e.prototype._showTooltipContent=function(t,e,n,i,r,o,a,s,l){if(this._ticket="",t.get("showContent")&&t.get("show")){var u=this._tooltipContent;u.setEnterable(t.get("enterable"));var c=t.get("formatter");a=a||t.get("position");var h=e,d=this._getNearestPoint([r,o],n,t.get("trigger"),t.get("borderColor"),t.get("defaultBorderColor",!0)).color;if(c)if(X(c)){var p=t.ecModel.get("useUTC"),f=U(n)?n[0]:n;h=c,f&&f.axisType&&f.axisType.indexOf("time")>=0&&(h=$d(f.axisValue,h,p)),h=_p(h,n,!0)}else if(Y(c)){var g=W((function(e,i){e===this._ticket&&(u.setContent(i,l,t,d,a),this._updatePosition(t,a,r,o,u,n,s))}),this);this._ticket=i,h=c(n,i,g)}else h=c;u.setContent(h,l,t,d,a),u.show(t,d),this._updatePosition(t,a,r,o,u,n,s)}},e.prototype._getNearestPoint=function(t,e,n,i,r){return"axis"===n||U(e)?{color:i||r}:U(e)?void 0:{color:i||e.color||e.borderColor}},e.prototype._updatePosition=function(t,e,n,i,r,o,a){var s=this._api.getWidth(),l=this._api.getHeight();e=e||t.get("position");var u=r.getSize(),c=t.get("align"),h=t.get("verticalAlign"),d=a&&a.getBoundingRect().clone();if(a&&d.applyTransform(a.transform),Y(e)&&(e=e([n,i],o,r.el,d,{viewSize:[s,l],contentSize:u.slice()})),U(e))n=yo(e[0],s),i=yo(e[1],l);else if(q(e)){var p=e;p.width=u[0],p.height=u[1];var f=Hp(p,{width:s,height:l});n=f.x,i=f.y,c=null,h=null}else if(X(e)&&a){var g=function(t,e,n,i){var r=n[0],o=n[1],a=Math.ceil(Math.SQRT2*i)+8,s=0,l=0,u=e.width,c=e.height;switch(t){case"inside":s=e.x+u/2-r/2,l=e.y+c/2-o/2;break;case"top":s=e.x+u/2-r/2,l=e.y-o-a;break;case"bottom":s=e.x+u/2-r/2,l=e.y+c+a;break;case"left":s=e.x-r-a,l=e.y+c/2-o/2;break;case"right":s=e.x+u+a,l=e.y+c/2-o/2}return[s,l]}(e,d,u,t.get("borderWidth"));n=g[0],i=g[1]}else{g=function(t,e,n,i,r,o,a){var s=n.getSize(),l=s[0],u=s[1];null!=o&&(t+l+o+2>i?t-=l+o:t+=o);null!=a&&(e+u+a>r?e-=u+a:e+=a);return[t,e]}(n,i,r,s,l,c?null:20,h?null:20);n=g[0],i=g[1]}if(c&&(n-=gW(c)?u[0]/2:"right"===c?u[0]:0),h&&(i-=gW(h)?u[1]/2:"bottom"===h?u[1]:0),KF(t)){g=function(t,e,n,i,r){var o=n.getSize(),a=o[0],s=o[1];return t=Math.min(t+a,i)-a,e=Math.min(e+s,r)-s,t=Math.max(t,0),e=Math.max(e,0),[t,e]}(n,i,r,s,l);n=g[0],i=g[1]}r.moveTo(n,i)},e.prototype._updateContentNotChangedOnAxis=function(t,e){var n=this._lastDataByCoordSys,i=this._cbParamsList,r=!!n&&n.length===t.length;return r&&z(n,(function(n,o){var a=n.dataByAxis||[],s=(t[o]||{}).dataByAxis||[];(r=r&&a.length===s.length)&&z(a,(function(t,n){var o=s[n]||{},a=t.seriesDataIndices||[],l=o.seriesDataIndices||[];(r=r&&t.value===o.value&&t.axisType===o.axisType&&t.axisId===o.axisId&&a.length===l.length)&&z(a,(function(t,e){var n=l[e];r=r&&t.seriesIndex===n.seriesIndex&&t.dataIndex===n.dataIndex})),i&&z(t.seriesDataIndices,(function(t){var n=t.seriesIndex,o=e[n],a=i[n];o&&a&&a.data!==o.data&&(r=!1)}))}))})),this._lastDataByCoordSys=t,this._cbParamsList=e,!!r},e.prototype._hide=function(t){this._lastDataByCoordSys=null,t({type:"hideTip",from:this.uid})},e.prototype.dispose=function(t,e){!r.node&&e.getDom()&&(hv(this,"_updatePosition"),this._tooltipContent.dispose(),bB("itemTooltip",e))},e.type="tooltip",e}(Ky);function pW(t,e,n){var i,r=e.ecModel;n?(i=new wd(n,r,r),i=new wd(e.option,i,r)):i=e;for(var o=t.length-1;o>=0;o--){var a=t[o];a&&(a instanceof wd&&(a=a.get("tooltip",!0)),X(a)&&(a={formatter:a}),a&&(i=new wd(a,i,r)))}return i}function fW(t,e){return t.dispatchAction||W(e.dispatchAction,e)}function gW(t){return"center"===t||"middle"===t}var yW=["rect","polygon","keep","clear"];function vW(t,e){var n=qo(t?t.brush:[]);if(n.length){var i=[];z(n,(function(t){var e=t.hasOwnProperty("toolbox")?t.toolbox:[];e instanceof Array&&(i=i.concat(e))}));var r=t&&t.toolbox;U(r)&&(r=r[0]),r||(r={feature:{}},t.toolbox=[r]);var o=r.feature||(r.feature={}),a=o.brush||(o.brush={}),s=a.type||(a.type=[]);s.push.apply(s,i),function(t){var e={};z(t,(function(t){e[t]=1})),t.length=0,z(e,(function(e,n){t.push(n)}))}(s),e&&!s.length&&s.push.apply(s,yW)}}var mW=z;function xW(t){if(t)for(var e in t)if(t.hasOwnProperty(e))return!0}function _W(t,e,n){var i={};return mW(e,(function(e){var r,o=i[e]=((r=function(){}).prototype.__hidden=r.prototype,new r);mW(t[e],(function(t,i){if(hL.isValidType(i)){var r={type:i,visual:t};n&&n(r,e),o[i]=new hL(r),"opacity"===i&&((r=T(r)).type="colorAlpha",o.__hidden.__alphaForOpacity=new hL(r))}}))})),i}function bW(t,e,n){var i;z(n,(function(t){e.hasOwnProperty(t)&&xW(e[t])&&(i=!0)})),i&&z(n,(function(n){e.hasOwnProperty(n)&&xW(e[n])?t[n]=T(e[n]):delete t[n]}))}var wW={lineX:SW(0),lineY:SW(1),rect:{point:function(t,e,n){return t&&n.boundingRect.contain(t[0],t[1])},rect:function(t,e,n){return t&&n.boundingRect.intersect(t)}},polygon:{point:function(t,e,n){return t&&n.boundingRect.contain(t[0],t[1])&&aw(n.range,t[0],t[1])},rect:function(t,e,n){var i=n.range;if(!t||i.length<=1)return!1;var r=t.x,o=t.y,a=t.width,s=t.height,l=i[0];return!!(aw(i,r,o)||aw(i,r+a,o)||aw(i,r,o+s)||aw(i,r+a,o+s)||He.create(t).contain(l[0],l[1])||kh(r,o,r+a,o,i)||kh(r,o,r,o+s,i)||kh(r+a,o,r+a,o+s,i)||kh(r,o+s,r+a,o+s,i))||void 0}}};function SW(t){var e=["x","y"],n=["width","height"];return{point:function(e,n,i){if(e){var r=i.range;return MW(e[t],r)}},rect:function(i,r,o){if(i){var a=o.range,s=[i[e[t]],i[e[t]]+i[n[t]]];return s[1]<s[0]&&s.reverse(),MW(s[0],a)||MW(s[1],a)||MW(a[0],s)||MW(a[1],s)}}}}function MW(t,e){return e[0]<=t&&t<=e[1]}var IW=["inBrush","outOfBrush"],TW="__ecBrushSelect",CW="__ecInBrushSelectEvent";function DW(t){t.eachComponent({mainType:"brush"},(function(e){(e.brushTargetManager=new LF(e.option,t)).setInputRanges(e.areas,t)}))}function AW(t,e,n){var i,r,o=[];t.eachComponent({mainType:"brush"},(function(t){n&&"takeGlobalCursor"===n.type&&t.setBrushOption("brush"===n.key?n.brushOption:{brushType:!1})})),DW(t),t.eachComponent({mainType:"brush"},(function(e,n){var a={brushId:e.id,brushIndex:n,brushName:e.name,areas:T(e.areas),selected:[]};o.push(a);var s=e.option,l=s.brushLink,u=[],c=[],h=[],d=!1;n||(i=s.throttleType,r=s.throttleDelay);var p=E(e.areas,(function(t){var e=PW[t.brushType],n=k({boundingRect:e?e(t):void 0},t);return n.selectors=function(t){var e=t.brushType,n={point:function(i){return wW[e].point(i,n,t)},rect:function(i){return wW[e].rect(i,n,t)}};return n}(n),n})),f=_W(e.option,IW,(function(t){t.mappingMethod="fixed"}));function g(t){return"all"===l||!!u[t]}function y(t){return!!t.length}U(l)&&z(l,(function(t){u[t]=1})),t.eachSeries((function(n,i){var r=h[i]=[];"parallel"===n.subType?function(t,e){var n=t.coordinateSystem;d=d||n.hasAxisBrushed(),g(e)&&n.eachActiveState(t.getData(),(function(t,e){"active"===t&&(c[e]=1)}))}(n,i):function(n,i,r){if(!n.brushSelector||function(t,e){var n=t.option.seriesIndex;return null!=n&&"all"!==n&&(U(n)?P(n,e)<0:e!==n)}(e,i))return;if(z(p,(function(i){e.brushTargetManager.controlSeries(i,n,t)&&r.push(i),d=d||y(r)})),g(i)&&y(r)){var o=n.getData();o.each((function(t){LW(n,r,o,t)&&(c[t]=1)}))}}(n,i,r)})),t.eachSeries((function(t,e){var n={seriesId:t.id,seriesIndex:e,seriesName:t.name,dataIndex:[]};a.selected.push(n);var i=h[e],r=t.getData(),o=g(e)?function(t){return c[t]?(n.dataIndex.push(r.getRawIndex(t)),"inBrush"):"outOfBrush"}:function(e){return LW(t,i,r,e)?(n.dataIndex.push(r.getRawIndex(e)),"inBrush"):"outOfBrush"};(g(e)?d:y(i))&&function(t,e,n,i,r,o){var a,s={};function l(t){return jv(n,a,t)}function u(t,e){Kv(n,a,t,e)}function c(t,c){a=null==o?t:c;var h=n.getRawDataItem(a);if(!h||!1!==h.visualMap)for(var d=i.call(r,t),p=e[d],f=s[d],g=0,y=f.length;g<y;g++){var v=f[g];p[v]&&p[v].applyVisual(t,l,u)}}z(t,(function(t){var n=hL.prepareVisualTypes(e[t]);s[t]=n})),null==o?n.each(c):n.each([o],c)}(IW,f,r,o)}))})),function(t,e,n,i,r){if(!r)return;var o=t.getZr();if(o[CW])return;o[TW]||(o[TW]=kW);var a=cv(o,TW,n,e);a(t,i)}(e,i,r,o,n)}function kW(t,e){if(!t.isDisposed()){var n=t.getZr();n[CW]=!0,t.dispatchAction({type:"brushSelect",batch:e}),n[CW]=!1}}function LW(t,e,n,i){for(var r=0,o=e.length;r<o;r++){var a=e[r];if(t.brushSelector(i,n,a.selectors,a))return!0}}var PW={rect:function(t){return OW(t.range)},polygon:function(t){for(var e,n=t.range,i=0,r=n.length;i<r;i++){e=e||[[1/0,-1/0],[1/0,-1/0]];var o=n[i];o[0]<e[0][0]&&(e[0][0]=o[0]),o[0]>e[0][1]&&(e[0][1]=o[0]),o[1]<e[1][0]&&(e[1][0]=o[1]),o[1]>e[1][1]&&(e[1][1]=o[1])}return e&&OW(e)}};function OW(t){return new He(t[0][0],t[1][0],t[0][1]-t[0][0],t[1][1]-t[1][0])}var RW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){this.ecModel=t,this.api=e,this.model,(this._brushController=new JO(e.getZr())).on("brush",W(this._onBrush,this)).mount()},e.prototype.render=function(t,e,n,i){this.model=t,this._updateController(t,e,n,i)},e.prototype.updateTransform=function(t,e,n,i){DW(e),this._updateController(t,e,n,i)},e.prototype.updateVisual=function(t,e,n,i){this.updateTransform(t,e,n,i)},e.prototype.updateView=function(t,e,n,i){this._updateController(t,e,n,i)},e.prototype._updateController=function(t,e,n,i){(!i||i.$from!==t.id)&&this._brushController.setPanels(t.brushTargetManager.makePanelOpts(n)).enableBrush(t.brushOption).updateCovers(t.areas.slice())},e.prototype.dispose=function(){this._brushController.dispose()},e.prototype._onBrush=function(t){var e=this.model.id,n=this.model.brushTargetManager.setOutputRanges(t.areas,this.ecModel);(!t.isEnd||t.removeOnClick)&&this.api.dispatchAction({type:"brush",brushId:e,areas:T(n),$from:e}),t.isEnd&&this.api.dispatchAction({type:"brushEnd",brushId:e,areas:T(n),$from:e})},e.type="brush",e}(Ky),NW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.areas=[],n.brushOption={},n}return n(e,t),e.prototype.optionUpdated=function(t,e){var n=this.option;!e&&bW(n,t,["inBrush","outOfBrush"]);var i=n.inBrush=n.inBrush||{};n.outOfBrush=n.outOfBrush||{color:this.option.defaultOutOfBrushColor},i.hasOwnProperty("liftZ")||(i.liftZ=5)},e.prototype.setAreas=function(t){t&&(this.areas=E(t,(function(t){return zW(this.option,t)}),this))},e.prototype.setBrushOption=function(t){this.brushOption=zW(this.option,t),this.brushType=this.brushOption.brushType},e.type="brush",e.dependencies=["geo","grid","xAxis","yAxis","parallel","series"],e.defaultOption={seriesIndex:"all",brushType:"rect",brushMode:"single",transformable:!0,brushStyle:{borderWidth:1,color:tf.color.backgroundTint,borderColor:tf.color.borderTint},throttleType:"fixRate",throttleDelay:0,removeOnClick:!0,z:1e4,defaultOutOfBrushColor:tf.color.disabled},e}(Qp);function zW(t,e){return C({brushType:t.brushType,brushMode:t.brushMode,transformable:t.transformable,brushStyle:new wd(t.brushStyle).getItemStyle(),removeOnClick:t.removeOnClick,z:t.z},e,!0)}var EW=["rect","polygon","lineX","lineY","keep","clear"],BW=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(t,e,n){var i,r,o;e.eachComponent({mainType:"brush"},(function(t){i=t.brushType,r=t.brushOption.brushMode||"single",o=o||!!t.areas.length})),this._brushType=i,this._brushMode=r,z(t.get("type",!0),(function(e){t.setIconStatus(e,("keep"===e?"multiple"===r:"clear"===e?o:e===i)?"emphasis":"normal")}))},e.prototype.updateView=function(t,e,n){this.render(t,e,n)},e.prototype.getIcons=function(){var t=this.model,e=t.get("icon",!0),n={};return z(t.get("type",!0),(function(t){e[t]&&(n[t]=e[t])})),n},e.prototype.onclick=function(t,e,n){var i=this._brushType,r=this._brushMode;"clear"===n?(e.dispatchAction({type:"axisAreaSelect",intervals:[]}),e.dispatchAction({type:"brush",command:"clear",areas:[]})):e.dispatchAction({type:"takeGlobalCursor",key:"brush",brushOption:{brushType:"keep"===n?i:i!==n&&n,brushMode:"keep"===n?"multiple"===r?"single":"multiple":r}})},e.getDefaultOption=function(t){return{show:!0,type:EW.slice(),icon:{rect:"M7.3,34.7 M0.4,10V-0.2h9.8 M89.6,10V-0.2h-9.8 M0.4,60v10.2h9.8 M89.6,60v10.2h-9.8 M12.3,22.4V10.5h13.1 M33.6,10.5h7.8 M49.1,10.5h7.8 M77.5,22.4V10.5h-13 M12.3,31.1v8.2 M77.7,31.1v8.2 M12.3,47.6v11.9h13.1 M33.6,59.5h7.6 M49.1,59.5 h7.7 M77.5,47.6v11.9h-13",polygon:"M55.2,34.9c1.7,0,3.1,1.4,3.1,3.1s-1.4,3.1-3.1,3.1 s-3.1-1.4-3.1-3.1S53.5,34.9,55.2,34.9z M50.4,51c1.7,0,3.1,1.4,3.1,3.1c0,1.7-1.4,3.1-3.1,3.1c-1.7,0-3.1-1.4-3.1-3.1 C47.3,52.4,48.7,51,50.4,51z M55.6,37.1l1.5-7.8 M60.1,13.5l1.6-8.7l-7.8,4 M59,19l-1,5.3 M24,16.1l6.4,4.9l6.4-3.3 M48.5,11.6 l-5.9,3.1 M19.1,12.8L9.7,5.1l1.1,7.7 M13.4,29.8l1,7.3l6.6,1.6 M11.6,18.4l1,6.1 M32.8,41.9 M26.6,40.4 M27.3,40.2l6.1,1.6 M49.9,52.1l-5.6-7.6l-4.9-1.2",lineX:"M15.2,30 M19.7,15.6V1.9H29 M34.8,1.9H40.4 M55.3,15.6V1.9H45.9 M19.7,44.4V58.1H29 M34.8,58.1H40.4 M55.3,44.4 V58.1H45.9 M12.5,20.3l-9.4,9.6l9.6,9.8 M3.1,29.9h16.5 M62.5,20.3l9.4,9.6L62.3,39.7 M71.9,29.9H55.4",lineY:"M38.8,7.7 M52.7,12h13.2v9 M65.9,26.6V32 M52.7,46.3h13.2v-9 M24.9,12H11.8v9 M11.8,26.6V32 M24.9,46.3H11.8v-9 M48.2,5.1l-9.3-9l-9.4,9.2 M38.9-3.9V12 M48.2,53.3l-9.3,9l-9.4-9.2 M38.9,62.3V46.4",keep:"M4,10.5V1h10.3 M20.7,1h6.1 M33,1h6.1 M55.4,10.5V1H45.2 M4,17.3v6.6 M55.6,17.3v6.6 M4,30.5V40h10.3 M20.7,40 h6.1 M33,40h6.1 M55.4,30.5V40H45.2 M21,18.9h62.9v48.6H21V18.9z",clear:"M22,14.7l30.9,31 M52.9,14.7L22,45.7 M4.7,16.8V4.2h13.1 M26,4.2h7.8 M41.6,4.2h7.8 M70.3,16.8V4.2H57.2 M4.7,25.9v8.6 M70.3,25.9v8.6 M4.7,43.2v12.6h13.1 M26,55.8h7.8 M41.6,55.8h7.8 M70.3,43.2v12.6H57.2"},title:t.getLocaleModel().get(["toolbox","brush","title"])}},e}(sF);var VW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.layoutMode={type:"box",ignoreSize:!0},n}return n(e,t),e.type="title",e.defaultOption={z:6,show:!0,text:"",target:"blank",subtext:"",subtarget:"blank",left:"center",top:tf.size.m,backgroundColor:tf.color.transparent,borderColor:tf.color.primary,borderWidth:0,padding:5,itemGap:10,textStyle:{fontSize:18,fontWeight:"bold",color:tf.color.primary},subtextStyle:{fontSize:12,color:tf.color.quaternary}},e}(Qp),GW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){if(this.group.removeAll(),t.get("show")){var i=this.group,r=t.getModel("textStyle"),o=t.getModel("subtextStyle"),a=t.get("textAlign"),s=rt(t.get("textBaseline"),t.get("textVerticalAlign")),l=new Sl({style:Qh(r,{text:t.get("text"),fill:r.getTextColor()},{disableBox:!0}),z2:10}),u=l.getBoundingRect(),c=t.get("subtext"),h=new Sl({style:Qh(o,{text:c,fill:o.getTextColor(),y:u.height+t.get("itemGap"),verticalAlign:"top"},{disableBox:!0}),z2:10}),d=t.get("link"),p=t.get("sublink"),f=t.get("triggerEvent",!0);l.silent=!d&&!f,h.silent=!p&&!f,d&&l.on("click",(function(){Sp(d,"_"+t.get("target"))})),p&&h.on("click",(function(){Sp(p,"_"+t.get("subtarget"))})),zl(l).eventData=zl(h).eventData=f?{componentType:"title",componentIndex:t.componentIndex}:null,i.add(l),c&&i.add(h);var g=i.getBoundingRect(),y=t.getBoxLayoutParams();y.width=g.width,y.height=g.height;var v=Hp(y,Xp(t,n).refContainer,t.get("padding"));a||("middle"===(a=t.get("left")||t.get("right"))&&(a="center"),"right"===a?v.x+=v.width:"center"===a&&(v.x+=v.width/2)),s||("center"===(s=t.get("top")||t.get("bottom"))&&(s="middle"),"bottom"===s?v.y+=v.height:"middle"===s&&(v.y+=v.height/2),s=s||"top"),i.x=v.x,i.y=v.y,i.markRedraw();var m={align:a,verticalAlign:s};l.setStyle(m),h.setStyle(m),g=i.getBoundingRect();var x=v.margin,_=t.getItemStyle(["color","opacity"]);_.fill=t.get("backgroundColor");var b=new xl({shape:{x:g.x-x[3],y:g.y-x[0],width:g.width+x[1]+x[3],height:g.height+x[0]+x[2],r:t.get("borderRadius")},style:_,subPixelOptimize:!0,silent:!0});i.add(b)}},e.type="title",e}(Ky);var FW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.layoutMode="box",n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n),this._initData()},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),this._initData()},e.prototype.setCurrentIndex=function(t){null==t&&(t=this.option.currentIndex);var e=this._data.count();this.option.loop?t=(t%e+e)%e:(t>=e&&(t=e-1),t<0&&(t=0)),this.option.currentIndex=t},e.prototype.getCurrentIndex=function(){return this.option.currentIndex},e.prototype.isIndexMax=function(){return this.getCurrentIndex()>=this._data.count()-1},e.prototype.setPlayState=function(t){this.option.autoPlay=!!t},e.prototype.getPlayState=function(){return!!this.option.autoPlay},e.prototype._initData=function(){var t,e=this.option,n=e.data||[],i=e.axisType,r=this._names=[];"category"===i?(t=[],z(n,(function(e,n){var i,o=ia(Jo(e),"");q(e)?(i=T(e)).value=n:i=n,t.push(i),r.push(o)}))):t=n;var o={category:"ordinal",time:"time",value:"number"}[i]||"number";(this._data=new B_([{name:"value",type:o}],this)).initData(t,r)},e.prototype.getData=function(){return this._data},e.prototype.getCategories=function(){if("category"===this.get("axisType"))return this._names.slice()},e.type="timeline",e.defaultOption={z:4,show:!0,axisType:"time",realtime:!0,left:"20%",top:null,right:"20%",bottom:0,width:null,height:40,padding:tf.size.m,controlPosition:"left",autoPlay:!1,rewind:!1,loop:!0,playInterval:2e3,currentIndex:0,itemStyle:{},label:{color:tf.color.secondary},data:[]},e}(Qp),WW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="timeline.slider",e.defaultOption=Id(FW.defaultOption,{backgroundColor:"rgba(0,0,0,0)",borderColor:tf.color.border,borderWidth:0,orient:"horizontal",inverse:!1,tooltip:{trigger:"item"},symbol:"circle",symbolSize:12,lineStyle:{show:!0,width:2,color:tf.color.accent10},label:{position:"auto",show:!0,interval:"auto",rotate:0,color:tf.color.tertiary},itemStyle:{color:tf.color.accent20,borderWidth:0},checkpointStyle:{symbol:"circle",symbolSize:15,color:tf.color.accent50,borderColor:tf.color.accent50,borderWidth:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,shadowColor:"rgba(0, 0, 0, 0)",animation:!0,animationDuration:300,animationEasing:"quinticInOut"},controlStyle:{show:!0,showPlayBtn:!0,showPrevBtn:!0,showNextBtn:!0,itemSize:24,itemGap:12,position:"left",playIcon:"path://M15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0ZM15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM11.5 10.6699C11.5 9.90014 12.3333 9.41887 13 9.80371L20.5 14.1338C21.1667 14.5187 21.1667 15.4813 20.5 15.8662L13 20.1963C12.3333 20.5811 11.5 20.0999 11.5 19.3301V10.6699Z",stopIcon:"path://M15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0ZM15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM11.5 10C12.3284 10 13 10.6716 13 11.5V18.5C13 19.3284 12.3284 20 11.5 20C10.6716 20 10 19.3284 10 18.5V11.5C10 10.6716 10.6716 10 11.5 10ZM18.5 10C19.3284 10 20 10.6716 20 11.5V18.5C20 19.3284 19.3284 20 18.5 20C17.6716 20 17 19.3284 17 18.5V11.5C17 10.6716 17.6716 10 18.5 10Z",nextIcon:"path://M0.838834 18.7383C0.253048 18.1525 0.253048 17.2028 0.838834 16.617L7.55635 9.89949L0.838834 3.18198C0.253048 2.59619 0.253048 1.64645 0.838834 1.06066C1.42462 0.474874 2.37437 0.474874 2.96015 1.06066L10.7383 8.83883L10.8412 8.95277C11.2897 9.50267 11.2897 10.2963 10.8412 10.8462L10.7383 10.9602L2.96015 18.7383C2.37437 19.3241 1.42462 19.3241 0.838834 18.7383Z",prevIcon:"path://M10.9602 1.06066C11.5459 1.64645 11.5459 2.59619 10.9602 3.18198L4.24264 9.89949L10.9602 16.617C11.5459 17.2028 11.5459 18.1525 10.9602 18.7383C10.3744 19.3241 9.42462 19.3241 8.83883 18.7383L1.06066 10.9602L0.957771 10.8462C0.509245 10.2963 0.509245 9.50267 0.957771 8.95277L1.06066 8.83883L8.83883 1.06066C9.42462 0.474874 10.3744 0.474874 10.9602 1.06066Z",prevBtnSize:18,nextBtnSize:18,color:tf.color.accent50,borderColor:tf.color.accent50,borderWidth:0},emphasis:{label:{show:!0,color:tf.color.accent60},itemStyle:{color:tf.color.accent60,borderColor:tf.color.accent60},controlStyle:{color:tf.color.accent70,borderColor:tf.color.accent70}},progress:{lineStyle:{color:tf.color.accent30},itemStyle:{color:tf.color.accent40}},data:[]}),e}(FW);R(WW,Fg.prototype);var HW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="timeline",e}(Ky),UW=function(t){function e(e,n,i,r){var o=t.call(this,e,n,i)||this;return o.type=r||"value",o}return n(e,t),e.prototype.getLabelModel=function(){return this.model.getModel("label")},e.prototype.isHorizontal=function(){return"horizontal"===this.model.get("orient")},e}(Ww),YW=Math.PI,XW=sa(),ZW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){this.api=e},e.prototype.render=function(t,e,n){if(this.model=t,this.api=n,this.ecModel=e,this.group.removeAll(),t.get("show",!0)){var i=this._layout(t,n),r=this._createGroup("_mainGroup"),o=this._createGroup("_labelGroup"),a=this._axis=this._createAxis(i,t);t.formatTooltip=function(t){return Ty("nameValue",{noName:!0,value:a.scale.getLabel({value:t})})},z(["AxisLine","AxisTick","Control","CurrentPointer"],(function(e){this["_render"+e](i,r,a,t)}),this),this._renderAxisLabel(i,o,a,t),this._position(i,t)}this._doPlayStop(),this._updateTicksStatus()},e.prototype.remove=function(){this._clearTimer(),this.group.removeAll()},e.prototype.dispose=function(){this._clearTimer()},e.prototype._layout=function(t,e){var n,i,r,o,a=t.get(["label","position"]),s=t.get("orient"),l=function(t,e){return Hp(t.getBoxLayoutParams(),Xp(t,e).refContainer,t.get("padding"))}(t,e),u={horizontal:"center",vertical:(n=null==a||"auto"===a?"horizontal"===s?l.y+l.height/2<e.getHeight()/2?"-":"+":l.x+l.width/2<e.getWidth()/2?"+":"-":X(a)?{horizontal:{top:"-",bottom:"+"},vertical:{left:"-",right:"+"}}[s][a]:a)>=0||"+"===n?"left":"right"},c={horizontal:n>=0||"+"===n?"top":"bottom",vertical:"middle"},h={horizontal:0,vertical:YW/2},d="vertical"===s?l.height:l.width,p=t.getModel("controlStyle"),f=p.get("show",!0),g=f?p.get("itemSize"):0,y=f?p.get("itemGap"):0,v=g+y,m=t.get(["label","rotate"])||0;m=m*YW/180;var x=p.get("position",!0),_=f&&p.get("showPlayBtn",!0),b=f&&p.get("showPrevBtn",!0),w=f&&p.get("showNextBtn",!0),S=0,M=d;"left"===x||"bottom"===x?(_&&(i=[0,0],S+=v),b&&(r=[S,0],S+=v),w&&(o=[M-g,0],M-=v)):(_&&(i=[M-g,0],M-=v),b&&(r=[0,0],S+=v),w&&(o=[M-g,0],M-=v));var I=[S,M];return t.get("inverse")&&I.reverse(),{viewRect:l,mainLength:d,orient:s,rotation:h[s],labelRotation:m,labelPosOpt:n,labelAlign:t.get(["label","align"])||u[s],labelBaseline:t.get(["label","verticalAlign"])||t.get(["label","baseline"])||c[s],playPosition:i,prevBtnPosition:r,nextBtnPosition:o,axisExtent:I,controlSize:g,controlGap:y}},e.prototype._position=function(t,e){var n=this._mainGroup,i=this._labelGroup,r=t.viewRect;if("vertical"===t.orient){var o=[1,0,0,1,0,0],a=r.x,s=r.y+r.height;Se(o,o,[-a,-s]),Me(o,o,-YW/2),Se(o,o,[a,s]),(r=r.clone()).applyTransform(o)}var l=y(r),u=y(n.getBoundingRect()),c=y(i.getBoundingRect()),h=[n.x,n.y],d=[i.x,i.y];d[0]=h[0]=l[0][0];var p,f=t.labelPosOpt;null==f||X(f)?(v(h,u,l,1,p="+"===f?0:1),v(d,c,l,1,1-p)):(v(h,u,l,1,p=f>=0?0:1),d[1]=h[1]+f);function g(t){t.originX=l[0][0]-t.x,t.originY=l[1][0]-t.y}function y(t){return[[t.x,t.x+t.width],[t.y,t.y+t.height]]}function v(t,e,n,i,r){t[i]+=n[i][r]-e[i][r]}n.setPosition(h),i.setPosition(d),n.rotation=i.rotation=t.rotation,g(n),g(i)},e.prototype._createAxis=function(t,e){var n=e.getData(),i=e.get("axisType"),r=function(t,e){if(e=e||t.get("type"),e)switch(e){case"category":return new lb({ordinalMeta:t.getCategories(),extent:[1/0,-1/0]});case"time":return new Mb({locale:t.ecModel.getLocaleModel(),useUTC:t.ecModel.get("useUTC")});default:return new cb}}(e,i);r.getTicks=function(){return n.mapArray(["value"],(function(t){return{value:t}}))};var o=n.getDataExtent("value");r.setExtent(o[0],o[1]),r.calcNiceTicks();var a=new UW("value",r,t.axisExtent,i);return a.model=e,a},e.prototype._createGroup=function(t){var e=this[t]=new to;return this.group.add(e),e},e.prototype._renderAxisLine=function(t,e,n,i){var r=n.getExtent();if(i.get(["lineStyle","show"])){var o=new Ac({shape:{x1:r[0],y1:0,x2:r[1],y2:0},style:A({lineCap:"round"},i.getModel("lineStyle").getLineStyle()),silent:!0,z2:1});e.add(o);var a=this._progressLine=new Ac({shape:{x1:r[0],x2:this._currentPointer?this._currentPointer.x:r[0],y1:0,y2:0},style:k({lineCap:"round",lineWidth:o.style.lineWidth},i.getModel(["progress","lineStyle"]).getLineStyle()),silent:!0,z2:1});e.add(a)}},e.prototype._renderAxisTick=function(t,e,n,i){var r=this,o=i.getData(),a=n.scale.getTicks();this._tickSymbols=[],z(a,(function(t){var a=n.dataToCoord(t.value),s=o.getItemModel(t.value),l=s.getModel("itemStyle"),u=s.getModel(["emphasis","itemStyle"]),c=s.getModel(["progress","itemStyle"]),h={x:a,y:0,onclick:W(r._changeTimeline,r,t.value)},d=jW(s,l,e,h);d.ensureState("emphasis").style=u.getItemStyle(),d.ensureState("progress").style=c.getItemStyle(),Iu(d);var p=zl(d);s.get("tooltip")?(p.dataIndex=t.value,p.dataModel=i):p.dataIndex=p.dataModel=null,r._tickSymbols.push(d)}))},e.prototype._renderAxisLabel=function(t,e,n,i){var r=this;if(n.getLabelModel().get("show")){var o=i.getData(),a=n.getViewLabels();this._tickLabels=[],z(a,(function(i){var a=i.tickValue,s=o.getItemModel(a),l=s.getModel("label"),u=s.getModel(["emphasis","label"]),c=s.getModel(["progress","label"]),h=n.dataToCoord(i.tickValue),d=new Sl({x:h,y:0,rotation:t.labelRotation-t.rotation,onclick:W(r._changeTimeline,r,a),silent:!1,style:Qh(l,{text:i.formattedLabel,align:t.labelAlign,verticalAlign:t.labelBaseline})});d.ensureState("emphasis").style=Qh(u),d.ensureState("progress").style=Qh(c),e.add(d),Iu(d),XW(d).dataIndex=a,r._tickLabels.push(d)}))}},e.prototype._renderControl=function(t,e,n,i){var r=t.controlSize,o=t.rotation,a=i.getModel("controlStyle").getItemStyle(),s=i.getModel(["emphasis","controlStyle"]).getItemStyle(),l=i.getPlayState(),u=i.get("inverse",!0);function c(t,n,l,u){if(t){var c=Fr(rt(i.get(["controlStyle",n+"BtnSize"]),r),r),h=function(t,e,n,i){var r=i.style,o=Ah(t.get(["controlStyle",e]),i||{},new He(n[0],n[1],n[2],n[3]));r&&o.setStyle(r);return o}(i,n+"Icon",[0,-c/2,c,c],{x:t[0],y:t[1],originX:r/2,originY:0,rotation:u?-o:0,rectHover:!0,style:a,onclick:l});h.ensureState("emphasis").style=s,e.add(h),Iu(h)}}c(t.nextBtnPosition,"next",W(this._changeTimeline,this,u?"-":"+")),c(t.prevBtnPosition,"prev",W(this._changeTimeline,this,u?"+":"-")),c(t.playPosition,l?"stop":"play",W(this._handlePlayClick,this,!l),!0)},e.prototype._renderCurrentPointer=function(t,e,n,i){var r=i.getData(),o=i.getCurrentIndex(),a=r.getItemModel(o).getModel("checkpointStyle"),s=this,l={onCreate:function(t){t.draggable=!0,t.drift=W(s._handlePointerDrag,s),t.ondragend=W(s._handlePointerDragend,s),qW(t,s._progressLine,o,n,i,!0)},onUpdate:function(t){qW(t,s._progressLine,o,n,i)}};this._currentPointer=jW(a,a,this._mainGroup,{},this._currentPointer,l)},e.prototype._handlePlayClick=function(t){this._clearTimer(),this.api.dispatchAction({type:"timelinePlayChange",playState:t,from:this.uid})},e.prototype._handlePointerDrag=function(t,e,n){this._clearTimer(),this._pointerChangeTimeline([n.offsetX,n.offsetY])},e.prototype._handlePointerDragend=function(t){this._pointerChangeTimeline([t.offsetX,t.offsetY],!0)},e.prototype._pointerChangeTimeline=function(t,e){var n=this._toAxisCoord(t)[0],i=xo(this._axis.getExtent().slice());n>i[1]&&(n=i[1]),n<i[0]&&(n=i[0]),this._currentPointer.x=n,this._currentPointer.markRedraw();var r=this._progressLine;r&&(r.shape.x2=n,r.dirty());var o=this._findNearestTick(n),a=this.model;(e||o!==a.getCurrentIndex()&&a.get("realtime"))&&this._changeTimeline(o)},e.prototype._doPlayStop=function(){var t=this;this._clearTimer(),this.model.getPlayState()&&(this._timer=setTimeout((function(){var e=t.model;t._changeTimeline(e.getCurrentIndex()+(e.get("rewind",!0)?-1:1))}),this.model.get("playInterval")))},e.prototype._toAxisCoord=function(t){return Sh(t,this._mainGroup.getLocalTransform(),!0)},e.prototype._findNearestTick=function(t){var e,n=this.model.getData(),i=1/0,r=this._axis;return n.each(["value"],(function(n,o){var a=r.dataToCoord(n),s=Math.abs(a-t);s<i&&(i=s,e=o)})),e},e.prototype._clearTimer=function(){this._timer&&(clearTimeout(this._timer),this._timer=null)},e.prototype._changeTimeline=function(t){var e=this.model.getCurrentIndex();"+"===t?t=e+1:"-"===t&&(t=e-1),this.api.dispatchAction({type:"timelineChange",currentIndex:t,from:this.uid})},e.prototype._updateTicksStatus=function(){var t=this.model.getCurrentIndex(),e=this._tickSymbols,n=this._tickLabels;if(e)for(var i=0;i<e.length;i++)e&&e[i]&&e[i].toggleState("progress",i<t);if(n)for(i=0;i<n.length;i++)n&&n[i]&&n[i].toggleState("progress",XW(n[i]).dataIndex<=t)},e.type="timeline.slider",e}(HW);function jW(t,e,n,i,r,o){var a=e.get("color");r?(r.setColor(a),n.add(r),o&&o.onUpdate(r)):((r=hm(t.get("symbol"),-1,-1,2,2,a)).setStyle("strokeNoScale",!0),n.add(r),o&&o.onCreate(r));var s=e.getItemStyle(["color"]);r.setStyle(s),i=C({rectHover:!0,z2:100},i,!0);var l=dm(t.get("symbolSize"));i.scaleX=l[0]/2,i.scaleY=l[1]/2;var u=pm(t.get("symbolOffset"),l);u&&(i.x=(i.x||0)+u[0],i.y=(i.y||0)+u[1]);var c=t.get("symbolRotate");return i.rotation=(c||0)*Math.PI/180||0,r.attr(i),r.updateTransform(),r}function qW(t,e,n,i,r,o){if(!t.dragging){var a=r.getModel("checkpointStyle"),s=i.dataToCoord(r.getData().get("value",n));if(o||!a.get("animation",!0))t.attr({x:s,y:0}),e&&e.attr({shape:{x2:s}});else{var l={duration:a.get("animationDuration",!0),easing:a.get("animationEasing",!0)};t.stopAnimation(null,!0),t.animateTo({x:s,y:0},l),e&&e.animateTo({shape:{x2:s}},l)}}}function KW(t){var e=t&&t.timeline;U(e)||(e=e?[e]:[]),z(e,(function(t){t&&function(t){var e=t.type,n={number:"value",time:"time"};n[e]&&(t.axisType=n[e],delete t.type);if($W(t),JW(t,"controlPosition")){var i=t.controlStyle||(t.controlStyle={});JW(i,"position")||(i.position=t.controlPosition),"none"!==i.position||JW(i,"show")||(i.show=!1,delete i.position),delete t.controlPosition}z(t.data||[],(function(t){q(t)&&!U(t)&&(!JW(t,"value")&&JW(t,"name")&&(t.value=t.name),$W(t))}))}(t)}))}function $W(t){var e=t.itemStyle||(t.itemStyle={}),n=e.emphasis||(e.emphasis={}),i=t.label||t.label||{},r=i.normal||(i.normal={}),o={normal:1,emphasis:1};z(i,(function(t,e){o[e]||JW(r,e)||(r[e]=t)})),n.label&&!JW(i,"emphasis")&&(i.emphasis=n.label,delete n.label)}function JW(t,e){return t.hasOwnProperty(e)}function QW(t,e){if(!t)return!1;for(var n=U(t)?t:[t],i=0;i<n.length;i++)if(n[i]&&n[i][e])return!0;return!1}function tH(t){Ko(t,"label",["show"])}var eH=sa(),nH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.createdBySelf=!1,n.preventAutoZ=!0,n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n),this._mergeOption(t,n,!1,!0)},e.prototype.isAnimationEnabled=function(){if(r.node)return!1;var t=this.__hostSeries;return this.getShallow("animation")&&t&&t.isAnimationEnabled()},e.prototype.mergeOption=function(t,e){this._mergeOption(t,e,!1,!1)},e.prototype._mergeOption=function(t,e,n,i){var r=this.mainType;n||e.eachSeries((function(t){var n=t.get(this.mainType,!0),o=eH(t)[r];n&&n.data?(o?o._mergeOption(n,e,!0):(i&&tH(n),z(n.data,(function(t){t instanceof Array?(tH(t[0]),tH(t[1])):tH(t)})),A(o=this.createMarkerModelFromSeries(n,this,e),{mainType:this.mainType,seriesIndex:t.seriesIndex,name:t.name,createdBySelf:!0}),o.__hostSeries=t),eH(t)[r]=o):eH(t)[r]=null}),this)},e.prototype.formatTooltip=function(t,e,n){var i=this.getData(),r=this.getRawValue(t),o=i.getName(t);return Ty("section",{header:this.name,blocks:[Ty("nameValue",{name:o,value:r,noName:!o,noValue:null==r})]})},e.prototype.getData=function(){return this._data},e.prototype.setData=function(t){this._data=t},e.prototype.getDataParams=function(t,e){var n=Fg.prototype.getDataParams.call(this,t,e),i=this.__hostSeries;return i&&(n.seriesId=i.id,n.seriesName=i.name,n.seriesType=i.subType),n},e.getMarkerModelFromSeries=function(t,e){return eH(t)[e]},e.type="marker",e.dependencies=["series","grid","polar","geo"],e}(Qp);R(nH,Fg.prototype);var iH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.createMarkerModelFromSeries=function(t,n,i){return new e(t,n,i)},e.type="markPoint",e.defaultOption={z:5,symbol:"pin",symbolSize:50,tooltip:{trigger:"item"},label:{show:!0,position:"inside"},itemStyle:{borderWidth:2},emphasis:{label:{show:!0}}},e}(nH);function rH(t){return!(isNaN(parseFloat(t.x))&&isNaN(parseFloat(t.y)))}function oH(t,e,n,i,r,o,a){var s=[],l=Y_(e,r)?e.getCalculationInfo("stackResultDimension"):r,u=hH(e,l,t),c=e.hostModel.indicesOfNearest(n,l,u)[0];s[o]=e.get(i,c),s[a]=e.get(l,c);var h=e.get(r,c),d=_o(e.get(r,c));return(d=Math.min(d,20))>=0&&(s[a]=+s[a].toFixed(d)),[s,h]}var aH={min:H(oH,"min"),max:H(oH,"max"),average:H(oH,"average"),median:H(oH,"median")};function sH(t,e){if(e){var n=t.getData(),i=t.coordinateSystem,r=i&&i.dimensions;if(!function(t){return!isNaN(parseFloat(t.x))&&!isNaN(parseFloat(t.y))}(e)&&!U(e.coord)&&U(r)){var o=lH(e,n,i,t);if((e=T(e)).type&&aH[e.type]&&o.baseAxis&&o.valueAxis){var a=P(r,o.baseAxis.dim),s=P(r,o.valueAxis.dim),l=aH[e.type](n,o.valueAxis.dim,o.baseDataDim,o.valueDataDim,a,s);e.coord=l[0],e.value=l[1]}else e.coord=[null!=e.xAxis?e.xAxis:e.radiusAxis,null!=e.yAxis?e.yAxis:e.angleAxis]}if(null!=e.coord&&U(r))for(var u=e.coord,c=0;c<2;c++)aH[u[c]]&&(u[c]=hH(n,n.mapDimension(r[c]),u[c]));else{e.coord=[];var h=t.getBaseAxis();if(h&&e.type&&aH[e.type]){var d=i.getOtherAxis(h);d&&(e.value=hH(n,n.mapDimension(d.dim),e.type))}}return e}}function lH(t,e,n,i){var r={};return null!=t.valueIndex||null!=t.valueDim?(r.valueDataDim=null!=t.valueIndex?e.getDimension(t.valueIndex):t.valueDim,r.valueAxis=n.getAxis(function(t,e){var n=t.getData().getDimensionInfo(e);return n&&n.coordDim}(i,r.valueDataDim)),r.baseAxis=n.getOtherAxis(r.valueAxis),r.baseDataDim=e.mapDimension(r.baseAxis.dim)):(r.baseAxis=i.getBaseAxis(),r.valueAxis=n.getOtherAxis(r.baseAxis),r.baseDataDim=e.mapDimension(r.baseAxis.dim),r.valueDataDim=e.mapDimension(r.valueAxis.dim)),r}function uH(t,e){return!(t&&t.containData&&e.coord&&!rH(e))||t.containData(e.coord)}function cH(t,e){return t?function(t,n,i,r){return Xg(r<2?t.coord&&t.coord[r]:t.value,e[r])}:function(t,n,i,r){return Xg(t.value,e[r])}}function hH(t,e,n){if("average"===n){var i=0,r=0;return t.each(e,(function(t,e){isNaN(t)||(i+=t,r++)})),i/r}return"median"===n?t.getMedian(e):t.getDataExtent(e)["max"===n?1:0]}var dH=sa(),pH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){this.markerGroupMap=yt()},e.prototype.render=function(t,e,n){var i=this,r=this.markerGroupMap;r.each((function(t){dH(t).keep=!1})),e.eachSeries((function(t){var r=nH.getMarkerModelFromSeries(t,i.type);r&&i.renderSeries(t,r,e,n)})),r.each((function(t){!dH(t).keep&&i.group.remove(t.group)})),function(t,e,n){t.eachSeries((function(t){var i=nH.getMarkerModelFromSeries(t,n),r=e.get(t.id);if(i&&r&&r.group){var o=Hh(i),a=o.z,s=o.zlevel;Yh(r.group,a,s)}}))}(e,r,this.type)},e.prototype.markKeep=function(t){dH(t).keep=!0},e.prototype.toggleBlurSeries=function(t,e){var n=this;z(t,(function(t){var i=nH.getMarkerModelFromSeries(t,n.type);i&&i.getData().eachItemGraphicEl((function(t){t&&(e?fu(t):gu(t))}))}))},e.type="marker",e}(Ky);function fH(t,e,n){var i=e.coordinateSystem,r=n.getWidth(),o=n.getHeight(),a=i&&i.getArea&&i.getArea();t.each((function(n){var s,l=t.getItemModel(n),u="coordinate"===l.get("relativeTo"),c=u?a?a.width:0:r,h=u?a?a.height:0:o,d=u&&a?a.x:0,p=u&&a?a.y:0,f=yo(l.get("x"),c)+d,g=yo(l.get("y"),h)+p;if(isNaN(f)||isNaN(g)){if(e.getMarkerPosition)s=e.getMarkerPosition(t.getValues(t.dimensions,n));else if(i){var y=t.get(i.dimensions[0],n),v=t.get(i.dimensions[1],n);s=i.dataToPoint([y,v])}}else s=[f,g];isNaN(f)||(s[0]=f),isNaN(g)||(s[1]=g),t.setItemLayout(n,s)}))}var gH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.updateTransform=function(t,e,n){e.eachSeries((function(t){var e=nH.getMarkerModelFromSeries(t,"markPoint");e&&(fH(e.getData(),t,n),this.markerGroupMap.get(t.id).updateLayout())}),this)},e.prototype.renderSeries=function(t,e,n,i){var r=t.coordinateSystem,o=t.id,a=t.getData(),s=this.markerGroupMap,l=s.get(o)||s.set(o,new uI),u=function(t,e,n){var i;i=t?E(t&&t.dimensions,(function(t){return A(A({},e.getData().getDimensionInfo(e.getData().mapDimension(t))||{}),{name:t,ordinalMeta:null})})):[{name:"value",type:"float"}];var r=new B_(i,n),o=E(n.get("data"),H(sH,e));t&&(o=V(o,H(uH,t)));var a=cH(!!t,i);return r.initData(o,null,a),r}(r,t,e);e.setData(u),fH(e.getData(),t,i),u.each((function(t){var n=u.getItemModel(t),i=n.getShallow("symbol"),r=n.getShallow("symbolSize"),o=n.getShallow("symbolRotate"),s=n.getShallow("symbolOffset"),l=n.getShallow("symbolKeepAspect");if(Y(i)||Y(r)||Y(o)||Y(s)){var c=e.getRawValue(t),h=e.getDataParams(t);Y(i)&&(i=i(c,h)),Y(r)&&(r=r(c,h)),Y(o)&&(o=o(c,h)),Y(s)&&(s=s(c,h))}var d=n.getModel("itemStyle").getItemStyle(),p=n.get("z2"),f=qv(a,"color");d.fill||(d.fill=f),u.setItemVisual(t,{z2:rt(p,0),symbol:i,symbolSize:r,symbolRotate:o,symbolOffset:s,symbolKeepAspect:l,style:d})})),l.updateData(u),this.group.add(l.group),u.eachItemGraphicEl((function(t){t.traverse((function(t){zl(t).dataModel=e}))})),this.markKeep(l),l.group.silent=e.get("silent")||t.get("silent")},e.type="markPoint",e}(pH);var yH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.createMarkerModelFromSeries=function(t,n,i){return new e(t,n,i)},e.type="markLine",e.defaultOption={z:5,symbol:["circle","arrow"],symbolSize:[8,16],symbolOffset:0,precision:2,tooltip:{trigger:"item"},label:{show:!0,position:"end",distance:5},lineStyle:{type:"dashed"},emphasis:{label:{show:!0},lineStyle:{width:3}},animationEasing:"linear"},e}(nH),vH=sa(),mH=function(t,e,n,i){var r,o=t.getData();if(U(i))r=i;else{var a=i.type;if("min"===a||"max"===a||"average"===a||"median"===a||null!=i.xAxis||null!=i.yAxis){var s=void 0,l=void 0;if(null!=i.yAxis||null!=i.xAxis)s=e.getAxis(null!=i.yAxis?"y":"x"),l=it(i.yAxis,i.xAxis);else{var u=lH(i,o,e,t);s=u.valueAxis,l=hH(o,X_(o,u.valueDataDim),a)}var c="x"===s.dim?0:1,h=1-c,d=T(i),p={coord:[]};d.type=null,d.coord=[],d.coord[h]=-1/0,p.coord[h]=1/0;var f=n.get("precision");f>=0&&j(l)&&(l=+l.toFixed(Math.min(f,20))),d.coord[c]=p.coord[c]=l,r=[d,p,{type:a,valueIndex:i.valueIndex,value:l}]}else r=[]}var g=[sH(t,r[0]),sH(t,r[1]),A({},r[2])];return g[2].type=g[2].type||null,C(g[2],g[0]),C(g[2],g[1]),g};function xH(t){return!isNaN(t)&&!isFinite(t)}function _H(t,e,n,i){var r=1-t,o=i.dimensions[t];return xH(e[r])&&xH(n[r])&&e[t]===n[t]&&i.getAxis(o).containData(e[t])}function bH(t,e){if("cartesian2d"===t.type){var n=e[0].coord,i=e[1].coord;if(n&&i&&(_H(1,n,i,t)||_H(0,n,i,t)))return!0}return uH(t,e[0])&&uH(t,e[1])}function wH(t,e,n,i,r){var o,a=i.coordinateSystem,s=t.getItemModel(e),l=yo(s.get("x"),r.getWidth()),u=yo(s.get("y"),r.getHeight());if(isNaN(l)||isNaN(u)){if(i.getMarkerPosition)o=i.getMarkerPosition(t.getValues(t.dimensions,e));else{var c=a.dimensions,h=t.get(c[0],e),d=t.get(c[1],e);o=a.dataToPoint([h,d])}if(SI(a,"cartesian2d")){var p=a.getAxis("x"),f=a.getAxis("y");c=a.dimensions;xH(t.get(c[0],e))?o[0]=p.toGlobalCoord(p.getExtent()[n?0:1]):xH(t.get(c[1],e))&&(o[1]=f.toGlobalCoord(f.getExtent()[n?0:1]))}isNaN(l)||(o[0]=l),isNaN(u)||(o[1]=u)}else o=[l,u];t.setItemLayout(e,o)}var SH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.updateTransform=function(t,e,n){e.eachSeries((function(t){var e=nH.getMarkerModelFromSeries(t,"markLine");if(e){var i=e.getData(),r=vH(e).from,o=vH(e).to;r.each((function(e){wH(r,e,!0,t,n),wH(o,e,!1,t,n)})),i.each((function(t){i.setItemLayout(t,[r.getItemLayout(t),o.getItemLayout(t)])})),this.markerGroupMap.get(t.id).updateLayout()}}),this)},e.prototype.renderSeries=function(t,e,n,i){var r=t.coordinateSystem,o=t.id,a=t.getData(),s=this.markerGroupMap,l=s.get(o)||s.set(o,new IP);this.group.add(l.group);var u=function(t,e,n){var i;i=t?E(t&&t.dimensions,(function(t){return A(A({},e.getData().getDimensionInfo(e.getData().mapDimension(t))||{}),{name:t,ordinalMeta:null})})):[{name:"value",type:"float"}];var r=new B_(i,n),o=new B_(i,n),a=new B_([],n),s=E(n.get("data"),H(mH,e,t,n));t&&(s=V(s,H(bH,t)));var l=cH(!!t,i);return r.initData(E(s,(function(t){return t[0]})),null,l),o.initData(E(s,(function(t){return t[1]})),null,l),a.initData(E(s,(function(t){return t[2]}))),a.hasItemOption=!0,{from:r,to:o,line:a}}(r,t,e),c=u.from,h=u.to,d=u.line;vH(e).from=c,vH(e).to=h,e.setData(d);var p=e.get("symbol"),f=e.get("symbolSize"),g=e.get("symbolRotate"),y=e.get("symbolOffset");function v(e,n,r){var o=e.getItemModel(n);wH(e,n,r,t,i);var s=o.getModel("itemStyle").getItemStyle();null==s.fill&&(s.fill=qv(a,"color")),e.setItemVisual(n,{symbolKeepAspect:o.get("symbolKeepAspect"),symbolOffset:rt(o.get("symbolOffset",!0),y[r?0:1]),symbolRotate:rt(o.get("symbolRotate",!0),g[r?0:1]),symbolSize:rt(o.get("symbolSize"),f[r?0:1]),symbol:rt(o.get("symbol",!0),p[r?0:1]),style:s})}U(p)||(p=[p,p]),U(f)||(f=[f,f]),U(g)||(g=[g,g]),U(y)||(y=[y,y]),u.from.each((function(t){v(c,t,!0),v(h,t,!1)})),d.each((function(t){var e=d.getItemModel(t),n=e.getModel("lineStyle").getLineStyle();d.setItemLayout(t,[c.getItemLayout(t),h.getItemLayout(t)]);var i=e.get("z2");null==n.stroke&&(n.stroke=c.getItemVisual(t,"style").fill),d.setItemVisual(t,{z2:rt(i,0),fromSymbolKeepAspect:c.getItemVisual(t,"symbolKeepAspect"),fromSymbolOffset:c.getItemVisual(t,"symbolOffset"),fromSymbolRotate:c.getItemVisual(t,"symbolRotate"),fromSymbolSize:c.getItemVisual(t,"symbolSize"),fromSymbol:c.getItemVisual(t,"symbol"),toSymbolKeepAspect:h.getItemVisual(t,"symbolKeepAspect"),toSymbolOffset:h.getItemVisual(t,"symbolOffset"),toSymbolRotate:h.getItemVisual(t,"symbolRotate"),toSymbolSize:h.getItemVisual(t,"symbolSize"),toSymbol:h.getItemVisual(t,"symbol"),style:n})})),l.updateData(d),u.line.eachItemGraphicEl((function(t){zl(t).dataModel=e,t.traverse((function(t){zl(t).dataModel=e}))})),this.markKeep(l),l.group.silent=e.get("silent")||t.get("silent")},e.type="markLine",e}(pH);var MH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.createMarkerModelFromSeries=function(t,n,i){return new e(t,n,i)},e.type="markArea",e.defaultOption={z:1,tooltip:{trigger:"item"},animation:!1,label:{show:!0,position:"top"},itemStyle:{borderWidth:0},emphasis:{label:{show:!0,position:"top"}}},e}(nH),IH=sa(),TH=function(t,e,n,i){var r=i[0],o=i[1];if(r&&o){var a=sH(t,r),s=sH(t,o),l=a.coord,u=s.coord;l[0]=it(l[0],-1/0),l[1]=it(l[1],-1/0),u[0]=it(u[0],1/0),u[1]=it(u[1],1/0);var c=D([{},a,s]);return c.coord=[a.coord,s.coord],c.x0=a.x,c.y0=a.y,c.x1=s.x,c.y1=s.y,c}};function CH(t){return!isNaN(t)&&!isFinite(t)}function DH(t,e,n,i){var r=1-t;return CH(e[r])&&CH(n[r])}function AH(t,e){var n=e.coord[0],i=e.coord[1],r={coord:n,x:e.x0,y:e.y0},o={coord:i,x:e.x1,y:e.y1};return SI(t,"cartesian2d")?!(!n||!i||!DH(1,n,i)&&!DH(0,n,i))||function(t,e,n){return!(t&&t.containZone&&e.coord&&n.coord&&!rH(e)&&!rH(n))||t.containZone(e.coord,n.coord)}(t,r,o):uH(t,r)||uH(t,o)}function kH(t,e,n,i,r){var o,a=i.coordinateSystem,s=t.getItemModel(e),l=yo(s.get(n[0]),r.getWidth()),u=yo(s.get(n[1]),r.getHeight());if(isNaN(l)||isNaN(u)){if(i.getMarkerPosition){var c=t.getValues(["x0","y0"],e),h=t.getValues(["x1","y1"],e),d=a.clampData(c),p=a.clampData(h),f=[];"x0"===n[0]?f[0]=d[0]>p[0]?h[0]:c[0]:f[0]=d[0]>p[0]?c[0]:h[0],"y0"===n[1]?f[1]=d[1]>p[1]?h[1]:c[1]:f[1]=d[1]>p[1]?c[1]:h[1],o=i.getMarkerPosition(f,n,!0)}else{var g=[m=t.get(n[0],e),x=t.get(n[1],e)];a.clampData&&a.clampData(g,g),o=a.dataToPoint(g,!0)}if(SI(a,"cartesian2d")){var y=a.getAxis("x"),v=a.getAxis("y"),m=t.get(n[0],e),x=t.get(n[1],e);CH(m)?o[0]=y.toGlobalCoord(y.getExtent()["x0"===n[0]?0:1]):CH(x)&&(o[1]=v.toGlobalCoord(v.getExtent()["y0"===n[1]?0:1]))}isNaN(l)||(o[0]=l),isNaN(u)||(o[1]=u)}else o=[l,u];return o}var LH=[["x0","y0"],["x1","y0"],["x1","y1"],["x0","y1"]],PH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.updateTransform=function(t,e,n){e.eachSeries((function(t){var e=nH.getMarkerModelFromSeries(t,"markArea");if(e){var i=e.getData();i.each((function(e){var r=E(LH,(function(r){return kH(i,e,r,t,n)}));i.setItemLayout(e,r),i.getItemGraphicEl(e).setShape("points",r)}))}}),this)},e.prototype.renderSeries=function(t,e,n,i){var r=t.coordinateSystem,o=t.id,a=t.getData(),s=this.markerGroupMap,l=s.get(o)||s.set(o,{group:new to});this.group.add(l.group),this.markKeep(l);var u=function(t,e,n){var i,r,o=["x0","y0","x1","y1"];if(t){var a=E(t&&t.dimensions,(function(t){var n=e.getData();return A(A({},n.getDimensionInfo(n.mapDimension(t))||{}),{name:t,ordinalMeta:null})}));r=E(o,(function(t,e){return{name:t,type:a[e%2].type}})),i=new B_(r,n)}else i=new B_(r=[{name:"value",type:"float"}],n);var s=E(n.get("data"),H(TH,e,t,n));t&&(s=V(s,H(AH,t)));var l=t?function(t,e,n,i){return Xg(t.coord[Math.floor(i/2)][i%2],r[i])}:function(t,e,n,i){return Xg(t.value,r[i])};return i.initData(s,null,l),i.hasItemOption=!0,i}(r,t,e);e.setData(u),u.each((function(e){var n=E(LH,(function(n){return kH(u,e,n,t,i)})),o=r.getAxis("x").scale,s=r.getAxis("y").scale,l=o.getExtent(),c=s.getExtent(),h=[o.parse(u.get("x0",e)),o.parse(u.get("x1",e))],d=[s.parse(u.get("y0",e)),s.parse(u.get("y1",e))];xo(h),xo(d);var p=!!(l[0]>h[1]||l[1]<h[0]||c[0]>d[1]||c[1]<d[0]);u.setItemLayout(e,{points:n,allClipped:p});var f=u.getItemModel(e),g=f.getModel("itemStyle").getItemStyle(),y=f.get("z2"),v=qv(a,"color");g.fill||(g.fill=v,X(g.fill)&&(g.fill=pi(g.fill,.4))),g.stroke||(g.stroke=v),u.setItemVisual(e,"style",g),u.setItemVisual(e,"z2",rt(y,0))})),u.diff(IH(l).data).add((function(t){var e=u.getItemLayout(t),n=u.getItemVisual(t,"z2");if(!e.allClipped){var i=new Mc({z2:rt(n,0),shape:{points:e.points}});u.setItemGraphicEl(t,i),l.group.add(i)}})).update((function(t,n){var i=IH(l).data.getItemGraphicEl(n),r=u.getItemLayout(t),o=u.getItemVisual(t,"z2");r.allClipped?i&&l.group.remove(i):(i?th(i,{z2:rt(o,0),shape:{points:r.points}},e,t):i=new Mc({shape:{points:r.points}}),u.setItemGraphicEl(t,i),l.group.add(i))})).remove((function(t){var e=IH(l).data.getItemGraphicEl(t);l.group.remove(e)})).execute(),u.eachItemGraphicEl((function(t,n){var i=u.getItemModel(n),r=u.getItemVisual(n,"style");t.useStyle(u.getItemVisual(n,"style")),$h(t,Jh(i),{labelFetcher:e,labelDataIndex:n,defaultText:u.getName(n)||"",inheritColor:X(r.fill)?pi(r.fill,1):tf.color.neutral99}),ku(t,i),Tu(t,null,null,i.get(["emphasis","disabled"])),zl(t).dataModel=e})),IH(l).data=u,l.group.silent=e.get("silent")||t.get("silent")},e.type="markArea",e}(pH);var OH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.layoutMode={type:"box",ignoreSize:!0},n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n),t.selected=t.selected||{},this._updateSelector(t)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.call(this,e,n),this._updateSelector(e)},e.prototype._updateSelector=function(t){var e=t.selector,n=this.ecModel;!0===e&&(e=t.selector=["all","inverse"]),U(e)&&z(e,(function(t,i){X(t)&&(t={type:t}),e[i]=C(t,function(t,e){return"all"===e?{type:"all",title:t.getLocaleModel().get(["legend","selector","all"])}:"inverse"===e?{type:"inverse",title:t.getLocaleModel().get(["legend","selector","inverse"])}:void 0}(n,t.type))}))},e.prototype.optionUpdated=function(){this._updateData(this.ecModel);var t=this._data;if(t[0]&&"single"===this.get("selectedMode")){for(var e=!1,n=0;n<t.length;n++){var i=t[n].get("name");if(this.isSelected(i)){this.select(i),e=!0;break}}!e&&this.select(t[0].get("name"))}},e.prototype._updateData=function(t){var e=[],n=[];t.eachRawSeries((function(i){var r,o=i.name;if(n.push(o),i.legendVisualProvider){var a=i.legendVisualProvider.getAllNames();t.isSeriesFiltered(i)||(n=n.concat(a)),a.length?e=e.concat(a):r=!0}else r=!0;r&&ra(i)&&e.push(i.name)})),this._availableNames=n;var i=this.get("data")||e,r=yt(),o=E(i,(function(t){return(X(t)||j(t))&&(t={name:t}),r.get(t.name)?null:(r.set(t.name,!0),new wd(t,this,this.ecModel))}),this);this._data=V(o,(function(t){return!!t}))},e.prototype.getData=function(){return this._data},e.prototype.select=function(t){var e=this.option.selected;"single"===this.get("selectedMode")&&z(this._data,(function(t){e[t.get("name")]=!1}));e[t]=!0},e.prototype.unSelect=function(t){"single"!==this.get("selectedMode")&&(this.option.selected[t]=!1)},e.prototype.toggleSelected=function(t){var e=this.option.selected;e.hasOwnProperty(t)||(e[t]=!0),this[e[t]?"unSelect":"select"](t)},e.prototype.allSelect=function(){var t=this._data,e=this.option.selected;z(t,(function(t){e[t.get("name",!0)]=!0}))},e.prototype.inverseSelect=function(){var t=this._data,e=this.option.selected;z(t,(function(t){var n=t.get("name",!0);e.hasOwnProperty(n)||(e[n]=!0),e[n]=!e[n]}))},e.prototype.isSelected=function(t){var e=this.option.selected;return!(e.hasOwnProperty(t)&&!e[t])&&P(this._availableNames,t)>=0},e.prototype.getOrient=function(){return"vertical"===this.get("orient")?{index:1,name:"vertical"}:{index:0,name:"horizontal"}},e.type="legend.plain",e.dependencies=["series"],e.defaultOption={z:4,show:!0,orient:"horizontal",left:"center",bottom:tf.size.m,align:"auto",backgroundColor:tf.color.transparent,borderColor:tf.color.border,borderRadius:0,borderWidth:0,padding:5,itemGap:8,itemWidth:25,itemHeight:14,symbolRotate:"inherit",symbolKeepAspect:!0,inactiveColor:tf.color.disabled,inactiveBorderColor:tf.color.disabled,inactiveBorderWidth:"auto",itemStyle:{color:"inherit",opacity:"inherit",borderColor:"inherit",borderWidth:"auto",borderCap:"inherit",borderJoin:"inherit",borderDashOffset:"inherit",borderMiterLimit:"inherit"},lineStyle:{width:"auto",color:"inherit",inactiveColor:tf.color.disabled,inactiveWidth:2,opacity:"inherit",type:"inherit",cap:"inherit",join:"inherit",dashOffset:"inherit",miterLimit:"inherit"},textStyle:{color:tf.color.secondary},selectedMode:!0,selector:!1,selectorLabel:{show:!0,borderRadius:10,padding:[3,5,3,5],fontSize:12,fontFamily:"sans-serif",color:tf.color.tertiary,borderWidth:1,borderColor:tf.color.border},emphasis:{selectorLabel:{show:!0,color:tf.color.quaternary}},selectorPosition:"auto",selectorItemGap:7,selectorButtonGap:10,tooltip:{show:!1},triggerEvent:!1},e}(Qp),RH=H,NH=z,zH=to,EH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.newlineDisabled=!1,n}return n(e,t),e.prototype.init=function(){this.group.add(this._contentGroup=new zH),this.group.add(this._selectorGroup=new zH),this._isFirstRender=!0},e.prototype.getContentGroup=function(){return this._contentGroup},e.prototype.getSelectorGroup=function(){return this._selectorGroup},e.prototype.render=function(t,e,n){var i=this._isFirstRender;if(this._isFirstRender=!1,this.resetInner(),t.get("show",!0)){var r=t.get("align"),o=t.get("orient");r&&"auto"!==r||(r="right"===t.get("left")&&"vertical"===o?"right":"left");var a=t.get("selector",!0),s=t.get("selectorPosition",!0);!a||s&&"auto"!==s||(s="horizontal"===o?"end":"start"),this.renderInner(r,t,e,n,a,o,s);var l=Xp(t,n).refContainer,u=t.getBoxLayoutParams(),c=t.get("padding"),h=Hp(u,l,c),d=this.layoutInner(t,r,h,i,a,s),p=Hp(k({width:d.width,height:d.height},u),l,c);this.group.x=p.x-d.x,this.group.y=p.y-d.y,this.group.markRedraw(),this.group.add(this._backgroundEl=dF(d,t))}},e.prototype.resetInner=function(){this.getContentGroup().removeAll(),this._backgroundEl&&this.group.remove(this._backgroundEl),this.getSelectorGroup().removeAll()},e.prototype.renderInner=function(t,e,n,i,r,o,a){var s=this.getContentGroup(),l=yt(),u=e.get("selectedMode"),c=e.get("triggerEvent"),h=[];n.eachRawSeries((function(t){!t.get("legendHoverLink")&&h.push(t.id)})),NH(e.getData(),(function(r,o){var a=this,d=r.get("name");if(!this.newlineDisabled&&(""===d||"\n"===d)){var p=new zH;return p.newline=!0,void s.add(p)}var f=n.getSeriesByName(d)[0];if(!l.get(d)){if(f){var g=f.getData(),y=g.getVisual("legendLineStyle")||{},v=g.getVisual("legendIcon"),m=g.getVisual("style"),x=this._createItem(f,d,o,r,e,t,y,m,v,u,i);x.on("click",RH(BH,d,null,i,h)).on("mouseover",RH(GH,f.name,null,i,h)).on("mouseout",RH(FH,f.name,null,i,h)),n.ssr&&x.eachChild((function(t){var e=zl(t);e.seriesIndex=f.seriesIndex,e.dataIndex=o,e.ssrType="legend"})),c&&x.eachChild((function(t){a.packEventData(t,e,f,o,d)})),l.set(d,!0)}else n.eachRawSeries((function(a){var s=this;if(!l.get(d)&&a.legendVisualProvider){var p=a.legendVisualProvider;if(!p.containName(d))return;var f=p.indexOfName(d),g=p.getItemVisual(f,"style"),y=p.getItemVisual(f,"legendIcon"),v=oi(g.fill);v&&0===v[3]&&(v[3]=.2,g=A(A({},g),{fill:fi(v,"rgba")}));var m=this._createItem(a,d,o,r,e,t,{},g,y,u,i);m.on("click",RH(BH,null,d,i,h)).on("mouseover",RH(GH,null,d,i,h)).on("mouseout",RH(FH,null,d,i,h)),n.ssr&&m.eachChild((function(t){var e=zl(t);e.seriesIndex=a.seriesIndex,e.dataIndex=o,e.ssrType="legend"})),c&&m.eachChild((function(t){s.packEventData(t,e,a,o,d)})),l.set(d,!0)}}),this);0}}),this),r&&this._createSelector(r,e,i,o,a)},e.prototype.packEventData=function(t,e,n,i,r){var o={componentType:"legend",componentIndex:e.componentIndex,dataIndex:i,value:r,seriesIndex:n.seriesIndex};zl(t).eventData=o},e.prototype._createSelector=function(t,e,n,i,r){var o=this.getSelectorGroup();NH(t,(function(t){var i=t.type,r=new Sl({style:{x:0,y:0,align:"center",verticalAlign:"middle"},onclick:function(){n.dispatchAction({type:"all"===i?"legendAllSelect":"legendInverseSelect",legendId:e.id})}});o.add(r),$h(r,{normal:e.getModel("selectorLabel"),emphasis:e.getModel(["emphasis","selectorLabel"])},{defaultText:t.title}),Iu(r)}))},e.prototype._createItem=function(t,e,n,i,r,o,a,s,l,u,c){var h=t.visualDrawType,d=r.get("itemWidth"),p=r.get("itemHeight"),f=r.isSelected(e),g=i.get("symbolRotate"),y=i.get("symbolKeepAspect"),v=i.get("icon"),m=function(t,e,n,i,r,o,a){function s(t,e){"auto"===t.lineWidth&&(t.lineWidth=e.lineWidth>0?2:0),NH(t,(function(n,i){"inherit"===t[i]&&(t[i]=e[i])}))}var l=e.getModel("itemStyle"),u=l.getItemStyle(),c=0===t.lastIndexOf("empty",0)?"fill":"stroke",h=l.getShallow("decal");u.decal=h&&"inherit"!==h?Bm(h,a):i.decal,"inherit"===u.fill&&(u.fill=i[r]);"inherit"===u.stroke&&(u.stroke=i[c]);"inherit"===u.opacity&&(u.opacity=("fill"===r?i:n).opacity);s(u,i);var d=e.getModel("lineStyle"),p=d.getLineStyle();if(s(p,n),"auto"===u.fill&&(u.fill=i.fill),"auto"===u.stroke&&(u.stroke=i.fill),"auto"===p.stroke&&(p.stroke=i.fill),!o){var f=e.get("inactiveBorderWidth"),g=u[c];u.lineWidth="auto"===f?i.lineWidth>0&&g?2:0:u.lineWidth,u.fill=e.get("inactiveColor"),u.stroke=e.get("inactiveBorderColor"),p.stroke=d.get("inactiveColor"),p.lineWidth=d.get("inactiveWidth")}return{itemStyle:u,lineStyle:p}}(l=v||l||"roundRect",i,a,s,h,f,c),x=new zH,_=i.getModel("textStyle");if(!Y(t.getLegendIcon)||v&&"inherit"!==v){var b="inherit"===v&&t.getData().getVisual("symbol")?"inherit"===g?t.getData().getVisual("symbolRotate"):g:0;x.add(function(t){var e=t.icon||"roundRect",n=hm(e,0,0,t.itemWidth,t.itemHeight,t.itemStyle.fill,t.symbolKeepAspect);n.setStyle(t.itemStyle),n.rotation=(t.iconRotate||0)*Math.PI/180,n.setOrigin([t.itemWidth/2,t.itemHeight/2]),e.indexOf("empty")>-1&&(n.style.stroke=n.style.fill,n.style.fill=tf.color.neutral00,n.style.lineWidth=2);return n}({itemWidth:d,itemHeight:p,icon:l,iconRotate:b,itemStyle:m.itemStyle,lineStyle:m.lineStyle,symbolKeepAspect:y}))}else x.add(t.getLegendIcon({itemWidth:d,itemHeight:p,icon:l,iconRotate:g,itemStyle:m.itemStyle,lineStyle:m.lineStyle,symbolKeepAspect:y}));var w="left"===o?d+5:-5,S=o,M=r.get("formatter"),I=e;X(M)&&M?I=M.replace("{name}",null!=e?e:""):Y(M)&&(I=M(e));var T=f?_.getTextColor():i.get("inactiveColor");x.add(new Sl({style:Qh(_,{text:I,x:w,y:p/2,fill:T,align:S,verticalAlign:"middle"},{inheritColor:T})}));var C=new xl({shape:x.getBoundingRect(),style:{fill:"transparent"}}),D=i.getModel("tooltip");return D.get("show")&&zh({el:C,componentModel:r,itemName:e,itemTooltipOption:D.option}),x.add(C),x.eachChild((function(t){t.silent=!0})),C.silent=!u,this.getContentGroup().add(x),Iu(x),x.__legendDataIndex=n,x},e.prototype.layoutInner=function(t,e,n,i,r,o){var a=this.getContentGroup(),s=this.getSelectorGroup();Gp(t.get("orient"),a,t.get("itemGap"),n.width,n.height);var l=a.getBoundingRect(),u=[-l.x,-l.y];if(s.markRedraw(),a.markRedraw(),r){Gp("horizontal",s,t.get("selectorItemGap",!0));var c=s.getBoundingRect(),h=[-c.x,-c.y],d=t.get("selectorButtonGap",!0),p=t.getOrient().index,f=0===p?"width":"height",g=0===p?"height":"width",y=0===p?"y":"x";"end"===o?h[p]+=l[f]+d:u[p]+=c[f]+d,h[1-p]+=l[g]/2-c[g]/2,s.x=h[0],s.y=h[1],a.x=u[0],a.y=u[1];var v={x:0,y:0};return v[f]=l[f]+d+c[f],v[g]=Math.max(l[g],c[g]),v[y]=Math.min(0,c[y]+h[1-p]),v}return a.x=u[0],a.y=u[1],this.group.getBoundingRect()},e.prototype.remove=function(){this.getContentGroup().removeAll(),this._isFirstRender=!0},e.type="legend.plain",e}(Ky);function BH(t,e,n,i){FH(t,e,n,i),n.dispatchAction({type:"legendToggleSelect",name:null!=t?t:e}),GH(t,e,n,i)}function VH(t){for(var e,n=t.getZr().storage.getDisplayList(),i=0,r=n.length;i<r&&!(e=n[i].states.emphasis);)i++;return e&&e.hoverLayer}function GH(t,e,n,i){VH(n)||n.dispatchAction({type:"highlight",seriesName:t,name:e,excludeSeriesId:i})}function FH(t,e,n,i){VH(n)||n.dispatchAction({type:"downplay",seriesName:t,name:e,excludeSeriesId:i})}function WH(t){var e=t.findComponents({mainType:"legend"});e&&e.length&&t.filterSeries((function(t){for(var n=0;n<e.length;n++)if(!e[n].isSelected(t.name))return!1;return!0}))}function HH(t,e,n){var i="allSelect"===t||"inverseSelect"===t,r={},o=[];n.eachComponent({mainType:"legend",query:e},(function(n){i?n[t]():n[t](e.name),UH(n,r),o.push(n.componentIndex)}));var a={};return n.eachComponent("legend",(function(t){z(r,(function(e,n){t[e?"select":"unSelect"](n)})),UH(t,a)})),i?{selected:a,legendIndex:o}:{name:e.name,selected:a}}function UH(t,e){var n=e||{};return z(t.getData(),(function(e){var i=e.get("name");if("\n"!==i&&""!==i){var r=t.isSelected(i);_t(n,i)?n[i]=n[i]&&r:n[i]=r}})),n}function YH(t){t.registerComponentModel(OH),t.registerComponentView(EH),t.registerProcessor(t.PRIORITY.PROCESSOR.SERIES_FILTER,WH),t.registerSubTypeDefaulter("legend",(function(){return"plain"})),function(t){t.registerAction("legendToggleSelect","legendselectchanged",H(HH,"toggleSelected")),t.registerAction("legendAllSelect","legendselectall",H(HH,"allSelect")),t.registerAction("legendInverseSelect","legendinverseselect",H(HH,"inverseSelect")),t.registerAction("legendSelect","legendselected",H(HH,"select")),t.registerAction("legendUnSelect","legendunselected",H(HH,"unSelect"))}(t)}var XH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.setScrollDataIndex=function(t){this.option.scrollDataIndex=t},e.prototype.init=function(e,n,i){var r=Kp(e);t.prototype.init.call(this,e,n,i),ZH(this,e,r)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.call(this,e,n),ZH(this,this.option,e)},e.type="legend.scroll",e.defaultOption=Id(OH.defaultOption,{scrollDataIndex:0,pageButtonItemGap:5,pageButtonGap:null,pageButtonPosition:"end",pageFormatter:"{current}/{total}",pageIcons:{horizontal:["M0,0L12,-10L12,10z","M0,0L-12,-10L-12,10z"],vertical:["M0,0L20,0L10,-20z","M0,0L20,0L10,20z"]},pageIconColor:tf.color.accent50,pageIconInactiveColor:tf.color.accent10,pageIconSize:15,pageTextStyle:{color:tf.color.tertiary},animationDurationUpdate:800}),e}(OH);function ZH(t,e,n){var i=[1,1];i[t.getOrient().index]=0,qp(e,n,{type:"box",ignoreSize:!!i})}var jH=to,qH=["width","height"],KH=["x","y"],$H=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.newlineDisabled=!0,n._currentIndex=0,n}return n(e,t),e.prototype.init=function(){t.prototype.init.call(this),this.group.add(this._containerGroup=new jH),this._containerGroup.add(this.getContentGroup()),this.group.add(this._controllerGroup=new jH)},e.prototype.resetInner=function(){t.prototype.resetInner.call(this),this._controllerGroup.removeAll(),this._containerGroup.removeClipPath(),this._containerGroup.__rectSize=null},e.prototype.renderInner=function(e,n,i,r,o,a,s){var l=this;t.prototype.renderInner.call(this,e,n,i,r,o,a,s);var u=this._controllerGroup,c=n.get("pageIconSize",!0),h=U(c)?c:[c,c];p("pagePrev",0);var d=n.getModel("pageTextStyle");function p(t,e){var i=t+"DataIndex",o=Ah(n.get("pageIcons",!0)[n.getOrient().name][e],{onclick:W(l._pageGo,l,i,n,r)},{x:-h[0]/2,y:-h[1]/2,width:h[0],height:h[1]});o.name=t,u.add(o)}u.add(new Sl({name:"pageText",style:{text:"xx/xx",fill:d.getTextColor(),font:d.getFont(),verticalAlign:"middle",align:"center"},silent:!0})),p("pageNext",1)},e.prototype.layoutInner=function(t,e,n,i,r,o){var a=this.getSelectorGroup(),s=t.getOrient().index,l=qH[s],u=KH[s],c=qH[1-s],h=KH[1-s];r&&Gp("horizontal",a,t.get("selectorItemGap",!0));var d=t.get("selectorButtonGap",!0),p=a.getBoundingRect(),f=[-p.x,-p.y],g=T(n);r&&(g[l]=n[l]-p[l]-d);var y=this._layoutContentAndController(t,i,g,s,l,c,h,u);if(r){if("end"===o)f[s]+=y[l]+d;else{var v=p[l]+d;f[s]-=v,y[u]-=v}y[l]+=p[l]+d,f[1-s]+=y[h]+y[c]/2-p[c]/2,y[c]=Math.max(y[c],p[c]),y[h]=Math.min(y[h],p[h]+f[1-s]),a.x=f[0],a.y=f[1],a.markRedraw()}return y},e.prototype._layoutContentAndController=function(t,e,n,i,r,o,a,s){var l=this.getContentGroup(),u=this._containerGroup,c=this._controllerGroup;Gp(t.get("orient"),l,t.get("itemGap"),i?n.width:null,i?null:n.height),Gp("horizontal",c,t.get("pageButtonItemGap",!0));var h=l.getBoundingRect(),d=c.getBoundingRect(),p=this._showController=h[r]>n[r],f=[-h.x,-h.y];e||(f[i]=l[s]);var g=[0,0],y=[-d.x,-d.y],v=rt(t.get("pageButtonGap",!0),t.get("itemGap",!0));p&&("end"===t.get("pageButtonPosition",!0)?y[i]+=n[r]-d[r]:g[i]+=d[r]+v);y[1-i]+=h[o]/2-d[o]/2,l.setPosition(f),u.setPosition(g),c.setPosition(y);var m={x:0,y:0};if(m[r]=p?n[r]:h[r],m[o]=Math.max(h[o],d[o]),m[a]=Math.min(0,d[a]+y[1-i]),u.__rectSize=n[r],p){var x={x:0,y:0};x[r]=Math.max(n[r]-d[r]-v,0),x[o]=m[o],u.setClipPath(new xl({shape:x})),u.__rectSize=x[r]}else c.eachChild((function(t){t.attr({invisible:!0,silent:!0})}));var _=this._getPageInfo(t);return null!=_.pageIndex&&th(l,{x:_.contentPosition[0],y:_.contentPosition[1]},p?t:null),this._updatePageInfoView(t,_),m},e.prototype._pageGo=function(t,e,n){var i=this._getPageInfo(e)[t];null!=i&&n.dispatchAction({type:"legendScroll",scrollDataIndex:i,legendId:e.id})},e.prototype._updatePageInfoView=function(t,e){var n=this._controllerGroup;z(["pagePrev","pageNext"],(function(i){var r=null!=e[i+"DataIndex"],o=n.childOfName(i);o&&(o.setStyle("fill",r?t.get("pageIconColor",!0):t.get("pageIconInactiveColor",!0)),o.cursor=r?"pointer":"default")}));var i=n.childOfName("pageText"),r=t.get("pageFormatter"),o=e.pageIndex,a=null!=o?o+1:0,s=e.pageCount;i&&r&&i.setStyle("text",X(r)?r.replace("{current}",null==a?"":a+"").replace("{total}",null==s?"":s+""):r({current:a,total:s}))},e.prototype._getPageInfo=function(t){var e=t.get("scrollDataIndex",!0),n=this.getContentGroup(),i=this._containerGroup.__rectSize,r=t.getOrient().index,o=qH[r],a=KH[r],s=this._findTargetItemIndex(e),l=n.children(),u=l[s],c=l.length,h=c?1:0,d={contentPosition:[n.x,n.y],pageCount:h,pageIndex:h-1,pagePrevDataIndex:null,pageNextDataIndex:null};if(!u)return d;var p=m(u);d.contentPosition[r]=-p.s;for(var f=s+1,g=p,y=p,v=null;f<=c;++f)(!(v=m(l[f]))&&y.e>g.s+i||v&&!x(v,g.s))&&(g=y.i>g.i?y:v)&&(null==d.pageNextDataIndex&&(d.pageNextDataIndex=g.i),++d.pageCount),y=v;for(f=s-1,g=p,y=p,v=null;f>=-1;--f)(v=m(l[f]))&&x(y,v.s)||!(g.i<y.i)||(y=g,null==d.pagePrevDataIndex&&(d.pagePrevDataIndex=g.i),++d.pageCount,++d.pageIndex),g=v;return d;function m(t){if(t){var e=t.getBoundingRect(),n=e[a]+t[a];return{s:n,e:n+e[o],i:t.__legendDataIndex}}}function x(t,e){return t.e>=e&&t.s<=e+i}},e.prototype._findTargetItemIndex=function(t){return this._showController?(this.getContentGroup().eachChild((function(i,r){var o=i.__legendDataIndex;null==n&&null!=o&&(n=r),o===t&&(e=r)})),null!=e?e:n):0;var e,n},e.type="legend.scroll",e}(EH);function JH(t){h_(YH),t.registerComponentModel(XH),t.registerComponentView($H),function(t){t.registerAction("legendScroll","legendscroll",(function(t,e){var n=t.scrollDataIndex;null!=n&&e.eachComponent({mainType:"legend",subType:"scroll",query:t},(function(t){t.setScrollDataIndex(n)}))}))}(t)}var QH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.inside",e.defaultOption=Id(qG.defaultOption,{disabled:!1,zoomLock:!1,zoomOnMouseWheel:!0,moveOnMouseMove:!0,moveOnMouseWheel:!1,preventDefaultMouseMove:!0}),e}(qG),tU=sa();function eU(t,e,n){tU(t).coordSysRecordMap.each((function(t){var i=t.dataZoomInfoMap.get(e.uid);i&&(i.getRange=n)}))}function nU(t,e){if(e){t.removeKey(e.model.uid);var n=e.controller;n&&n.dispose()}}function iU(t,e){t.isDisposed()||t.dispatchAction({type:"dataZoom",animation:{easing:"cubicOut",duration:100},batch:e})}function rU(t,e,n,i){return t.coordinateSystem.containPoint([n,i])}function oU(t){t.registerProcessor(t.PRIORITY.PROCESSOR.FILTER,(function(t,e){var n=tU(e),i=n.coordSysRecordMap||(n.coordSysRecordMap=yt());i.each((function(t){t.dataZoomInfoMap=null})),t.eachComponent({mainType:"dataZoom",subType:"inside"},(function(t){z(ZG(t).infoList,(function(n){var r=n.model.uid,o=i.get(r)||i.set(r,function(t,e){var n={model:e,containsPoint:H(rU,e),dispatchAction:H(iU,t),dataZoomInfoMap:null,controller:null},i=n.controller=new LD(t.getZr());return z(["pan","zoom","scrollMove"],(function(t){i.on(t,(function(e){var i=[];n.dataZoomInfoMap.each((function(r){if(e.isAvailableBehavior(r.model.option)){var o=(r.getRange||{})[t],a=o&&o(r.dzReferCoordSysInfo,n.model.mainType,n.controller,e);!r.model.get("disabled",!0)&&a&&i.push({dataZoomId:r.model.id,start:a[0],end:a[1]})}})),i.length&&n.dispatchAction(i)}))})),n}(e,n.model));(o.dataZoomInfoMap||(o.dataZoomInfoMap=yt())).set(t.uid,{dzReferCoordSysInfo:n,model:t,getRange:null})}))})),i.each((function(t){var n,r=t.controller,o=t.dataZoomInfoMap;if(o){var a=o.keys()[0];null!=a&&(n=o.get(a))}if(n){var s=function(t,e,n){var i,r="type_",o={type_true:2,type_move:1,type_false:0,type_undefined:-1},a=!0;return t.each((function(t){var e=t.model,n=!e.get("disabled",!0)&&(!e.get("zoomLock",!0)||"move");o[r+n]>o[r+i]&&(i=n),a=a&&e.get("preventDefaultMouseMove",!0)})),{controlType:i,opt:{zoomOnMouseWheel:!0,moveOnMouseMove:!0,moveOnMouseWheel:!0,preventDefaultMouseMove:!!a,api:n,zInfo:{component:e.model},triggerInfo:{roamTrigger:null,isInSelf:e.containsPoint}}}}(o,t,e);r.enable(s.controlType,s.opt),cv(t,"dispatchAction",n.model.get("throttle",!0),"fixRate")}else nU(i,t)}))}))}var aU=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="dataZoom.inside",e}return n(e,t),e.prototype.render=function(e,n,i){t.prototype.render.apply(this,arguments),e.noTarget()?this._clear():(this.range=e.getPercentRange(),eU(i,e,{pan:W(sU.pan,this),zoom:W(sU.zoom,this),scrollMove:W(sU.scrollMove,this)}))},e.prototype.dispose=function(){this._clear(),t.prototype.dispose.apply(this,arguments)},e.prototype._clear=function(){!function(t,e){for(var n=tU(t).coordSysRecordMap,i=n.keys(),r=0;r<i.length;r++){var o=i[r],a=n.get(o),s=a.dataZoomInfoMap;if(s){var l=e.uid;s.get(l)&&(s.removeKey(l),s.keys().length||nU(n,a))}}}(this.api,this.dataZoomModel),this.range=null},e.type="dataZoom.inside",e}(JG),sU={zoom:function(t,e,n,i){var r=this.range,o=r.slice(),a=t.axisModels[0];if(a){var s=uU[e](null,[i.originX,i.originY],a,n,t),l=(s.signal>0?s.pixelStart+s.pixelLength-s.pixel:s.pixel-s.pixelStart)/s.pixelLength*(o[1]-o[0])+o[0],u=Math.max(1/i.scale,0);o[0]=(o[0]-l)*u+l,o[1]=(o[1]-l)*u+l;var c=this.dataZoomModel.findRepresentativeAxisProxy().getMinMaxSpan();return CO(0,o,[0,100],0,c.minSpan,c.maxSpan),this.range=o,r[0]!==o[0]||r[1]!==o[1]?o:void 0}},pan:lU((function(t,e,n,i,r,o){var a=uU[i]([o.oldX,o.oldY],[o.newX,o.newY],e,r,n);return a.signal*(t[1]-t[0])*a.pixel/a.pixelLength})),scrollMove:lU((function(t,e,n,i,r,o){return uU[i]([0,0],[o.scrollDelta,o.scrollDelta],e,r,n).signal*(t[1]-t[0])*o.scrollDelta}))};function lU(t){return function(e,n,i,r){var o=this.range,a=o.slice(),s=e.axisModels[0];if(s)return CO(t(a,s,e,n,i,r),a,[0,100],"all"),this.range=a,o[0]!==a[0]||o[1]!==a[1]?a:void 0}}var uU={grid:function(t,e,n,i,r){var o=n.axis,a={},s=r.model.coordinateSystem.getRect();return t=t||[0,0],"x"===o.dim?(a.pixel=e[0]-t[0],a.pixelLength=s.width,a.pixelStart=s.x,a.signal=o.inverse?1:-1):(a.pixel=e[1]-t[1],a.pixelLength=s.height,a.pixelStart=s.y,a.signal=o.inverse?-1:1),a},polar:function(t,e,n,i,r){var o=n.axis,a={},s=r.model.coordinateSystem,l=s.getRadiusAxis().getExtent(),u=s.getAngleAxis().getExtent();return t=t?s.pointToCoord(t):[0,0],e=s.pointToCoord(e),"radiusAxis"===n.mainType?(a.pixel=e[0]-t[0],a.pixelLength=l[1]-l[0],a.pixelStart=l[0],a.signal=o.inverse?1:-1):(a.pixel=e[1]-t[1],a.pixelLength=u[1]-u[0],a.pixelStart=u[0],a.signal=o.inverse?-1:1),a},singleAxis:function(t,e,n,i,r){var o=n.axis,a=r.model.coordinateSystem.getRect(),s={};return t=t||[0,0],"horizontal"===o.orient?(s.pixel=e[0]-t[0],s.pixelLength=a.width,s.pixelStart=a.x,s.signal=o.inverse?1:-1):(s.pixel=e[1]-t[1],s.pixelLength=a.height,s.pixelStart=a.y,s.signal=o.inverse?-1:1),s}};function cU(t){oF(t),t.registerComponentModel(QH),t.registerComponentView(aU),oU(t)}var hU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.slider",e.layoutMode="box",e.defaultOption=Id(qG.defaultOption,{show:!0,right:"ph",top:"ph",width:"ph",height:"ph",left:null,bottom:null,borderColor:tf.color.accent10,borderRadius:0,backgroundColor:tf.color.transparent,dataBackground:{lineStyle:{color:tf.color.accent30,width:.5},areaStyle:{color:tf.color.accent20,opacity:.2}},selectedDataBackground:{lineStyle:{color:tf.color.accent40,width:.5},areaStyle:{color:tf.color.accent20,opacity:.3}},fillerColor:"rgba(135,175,274,0.2)",handleIcon:"path://M-9.35,34.56V42m0-40V9.5m-2,0h4a2,2,0,0,1,2,2v21a2,2,0,0,1-2,2h-4a2,2,0,0,1-2-2v-21A2,2,0,0,1-11.35,9.5Z",handleSize:"100%",handleStyle:{color:tf.color.neutral00,borderColor:tf.color.accent20},moveHandleSize:7,moveHandleIcon:"path://M-320.9-50L-320.9-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-348-41-339-50-320.9-50z M-212.3-50L-212.3-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-239.4-41-230.4-50-212.3-50z M-103.7-50L-103.7-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-130.9-41-121.8-50-103.7-50z",moveHandleStyle:{color:tf.color.accent40,opacity:.5},showDetail:!0,showDataShadow:"auto",realtime:!0,zoomLock:!1,textStyle:{color:tf.color.tertiary},brushSelect:!0,brushStyle:{color:tf.color.accent30,opacity:.3},emphasis:{handleLabel:{show:!0},handleStyle:{borderColor:tf.color.accent40},moveHandleStyle:{opacity:.8}},defaultLocationEdgeGap:15}),e}(qG),dU=xl,pU="horizontal",fU="vertical",gU=["line","bar","candlestick","scatter"],yU={easing:"cubicOut",duration:100,delay:0},vU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._displayables={},n}return n(e,t),e.prototype.init=function(t,e){this.api=e,this._onBrush=W(this._onBrush,this),this._onBrushEnd=W(this._onBrushEnd,this)},e.prototype.render=function(e,n,i,r){if(t.prototype.render.apply(this,arguments),cv(this,"_dispatchZoomAction",e.get("throttle"),"fixRate"),this._orient=e.getOrient(),!1!==e.get("show")){if(e.noTarget())return this._clear(),void this.group.removeAll();r&&"dataZoom"===r.type&&r.from===this.uid||this._buildView(),this._updateView()}else this.group.removeAll()},e.prototype.dispose=function(){this._clear(),t.prototype.dispose.apply(this,arguments)},e.prototype._clear=function(){hv(this,"_dispatchZoomAction");var t=this.api.getZr();t.off("mousemove",this._onBrush),t.off("mouseup",this._onBrushEnd)},e.prototype._buildView=function(){var t=this.group;t.removeAll(),this._brushing=!1,this._displayables.brushRect=null,this._resetLocation(),this._resetInterval();var e=this._displayables.sliderGroup=new to;this._renderBackground(),this._renderHandle(),this._renderDataShadow(),t.add(e),this._positionGroup()},e.prototype._resetLocation=function(){var t=this.dataZoomModel,e=this.api,n=t.get("brushSelect")?7:0,i=Xp(t,e).refContainer,r=this._findCoordRect(),o=t.get("defaultLocationEdgeGap",!0)||0,a=this._orient===pU?{right:i.width-r.x-r.width,top:i.height-30-o-n,width:r.width,height:30}:{right:o,top:r.y,width:30,height:r.height},s=Kp(t.option);z(["right","top","width","height"],(function(t){"ph"===s[t]&&(s[t]=a[t])}));var l=Hp(s,i);this._location={x:l.x,y:l.y},this._size=[l.width,l.height],this._orient===fU&&this._size.reverse()},e.prototype._positionGroup=function(){var t=this.group,e=this._location,n=this._orient,i=this.dataZoomModel.getFirstTargetAxisModel(),r=i&&i.get("inverse"),o=this._displayables.sliderGroup,a=(this._dataShadowInfo||{}).otherAxisInverse;o.attr(n!==pU||r?n===pU&&r?{scaleY:a?1:-1,scaleX:-1}:n!==fU||r?{scaleY:a?-1:1,scaleX:-1,rotation:Math.PI/2}:{scaleY:a?-1:1,scaleX:1,rotation:Math.PI/2}:{scaleY:a?1:-1,scaleX:1});var s=t.getBoundingRect([o]);t.x=e.x-s.x,t.y=e.y-s.y,t.markRedraw()},e.prototype._getViewExtent=function(){return[0,this._size[0]]},e.prototype._renderBackground=function(){var t=this.dataZoomModel,e=this._size,n=this._displayables.sliderGroup,i=t.get("brushSelect");n.add(new dU({silent:!0,shape:{x:0,y:0,width:e[0],height:e[1]},style:{fill:t.get("backgroundColor")},z2:-40}));var r=new dU({shape:{x:0,y:0,width:e[0],height:e[1]},style:{fill:"transparent"},z2:0,onclick:W(this._onClickPanel,this)}),o=this.api.getZr();i?(r.on("mousedown",this._onBrushStart,this),r.cursor="crosshair",o.on("mousemove",this._onBrush),o.on("mouseup",this._onBrushEnd)):(o.off("mousemove",this._onBrush),o.off("mouseup",this._onBrushEnd)),n.add(r)},e.prototype._renderDataShadow=function(){var t=this._dataShadowInfo=this._prepareDataShadowInfo();if(this._displayables.dataShadowSegs=[],t){var e=this._size,n=this._shadowSize||[],i=t.series,r=i.getRawData(),o=i.getShadowDim&&i.getShadowDim(),a=o&&r.getDimensionInfo(o)?i.getShadowDim():t.otherDim;if(null!=a){var s=this._shadowPolygonPts,l=this._shadowPolylinePts;if(r!==this._shadowData||a!==this._shadowDim||e[0]!==n[0]||e[1]!==n[1]){var u=r.getDataExtent(t.thisDim),c=r.getDataExtent(a),h=.3*(c[1]-c[0]);c=[c[0]-h,c[1]+h];var d,p=[0,e[1]],f=[0,e[0]],g=[[e[0],0],[0,0]],y=[],v=f[1]/Math.max(1,r.count()-1),m=e[0]/(u[1]-u[0]),x="time"===t.thisAxis.type,_=-v,b=Math.round(r.count()/e[0]);r.each([t.thisDim,a],(function(t,e,n){if(b>0&&n%b)x||(_+=v);else{_=x?(+t-u[0])*m:_+v;var i=null==e||isNaN(e)||""===e,r=i?0:go(e,c,p,!0);i&&!d&&n?(g.push([g[g.length-1][0],0]),y.push([y[y.length-1][0],0])):!i&&d&&(g.push([_,0]),y.push([_,0])),i||(g.push([_,r]),y.push([_,r])),d=i}})),s=this._shadowPolygonPts=g,l=this._shadowPolylinePts=y}this._shadowData=r,this._shadowDim=a,this._shadowSize=[e[0],e[1]];for(var w=this.dataZoomModel,S=0;S<3;S++){var M=I(1===S);this._displayables.sliderGroup.add(M),this._displayables.dataShadowSegs.push(M)}}}function I(t){var e=w.getModel(t?"selectedDataBackground":"dataBackground"),n=new to,i=new Mc({shape:{points:s},segmentIgnoreThreshold:1,style:e.getModel("areaStyle").getAreaStyle(),silent:!0,z2:-20}),r=new Tc({shape:{points:l},segmentIgnoreThreshold:1,style:e.getModel("lineStyle").getLineStyle(),silent:!0,z2:-19});return n.add(i),n.add(r),n}},e.prototype._prepareDataShadowInfo=function(){var t=this.dataZoomModel,e=t.get("showDataShadow");if(!1!==e){var n,i=this.ecModel;return t.eachTargetAxis((function(r,o){z(t.getAxisProxy(r,o).getTargetSeriesModels(),(function(t){if(!(n||!0!==e&&P(gU,t.get("type"))<0)){var a,s=i.getComponent(YG(r),o).axis,l=function(t){var e={x:"y",y:"x",radius:"angle",angle:"radius"};return e[t]}(r),u=t.coordinateSystem;null!=l&&u.getOtherAxis&&(a=u.getOtherAxis(s).inverse),l=t.getData().mapDimension(l);var c=t.getData().mapDimension(r);n={thisAxis:s,series:t,thisDim:c,otherDim:l,otherAxisInverse:a}}}),this)}),this),n}},e.prototype._renderHandle=function(){var t=this.group,e=this._displayables,n=e.handles=[null,null],i=e.handleLabels=[null,null],r=this._displayables.sliderGroup,o=this._size,a=this.dataZoomModel,s=this.api,l=a.get("borderRadius")||0,u=a.get("brushSelect"),c=e.filler=new dU({silent:u,style:{fill:a.get("fillerColor")},textConfig:{position:"inside"}});r.add(c),r.add(new dU({silent:!0,subPixelOptimize:!0,shape:{x:0,y:0,width:o[0],height:o[1],r:l},style:{stroke:a.get("dataBackgroundColor")||a.get("borderColor"),lineWidth:1,fill:tf.color.transparent}})),z([0,1],(function(e){var o=a.get("handleIcon");!lm[o]&&o.indexOf("path://")<0&&o.indexOf("image://")<0&&(o="path://"+o);var s,l=hm(o,-1,0,2,2,null,!0);l.attr({cursor:(s=this._orient,"vertical"===s?"ns-resize":"ew-resize"),draggable:!0,drift:W(this._onDragMove,this,e),ondragend:W(this._onDragEnd,this),onmouseover:W(this._showDataInfo,this,!0),onmouseout:W(this._showDataInfo,this,!1),z2:5});var u=l.getBoundingRect(),c=a.get("handleSize");this._handleHeight=yo(c,this._size[1]),this._handleWidth=u.width/u.height*this._handleHeight,l.setStyle(a.getModel("handleStyle").getItemStyle()),l.style.strokeNoScale=!0,l.rectHover=!0,l.ensureState("emphasis").style=a.getModel(["emphasis","handleStyle"]).getItemStyle(),Iu(l);var h=a.get("handleColor");null!=h&&(l.style.fill=h),r.add(n[e]=l);var d=a.getModel("textStyle"),p=(a.get("handleLabel")||{}).show||!1;t.add(i[e]=new Sl({silent:!0,invisible:!p,style:Qh(d,{x:0,y:0,text:"",verticalAlign:"middle",align:"center",fill:d.getTextColor(),font:d.getFont()}),z2:10}))}),this);var h=c;if(u){var d=yo(a.get("moveHandleSize"),o[1]),p=e.moveHandle=new xl({style:a.getModel("moveHandleStyle").getItemStyle(),silent:!0,shape:{r:[0,0,2,2],y:o[1]-.5,height:d}}),f=.8*d,g=e.moveHandleIcon=hm(a.get("moveHandleIcon"),-f/2,-f/2,f,f,tf.color.neutral00,!0);g.silent=!0,g.y=o[1]+d/2-.5,p.ensureState("emphasis").style=a.getModel(["emphasis","moveHandleStyle"]).getItemStyle();var y=Math.min(o[1]/2,Math.max(d,10));(h=e.moveZone=new xl({invisible:!0,shape:{y:o[1]-y,height:d+y}})).on("mouseover",(function(){s.enterEmphasis(p)})).on("mouseout",(function(){s.leaveEmphasis(p)})),r.add(p),r.add(g),r.add(h)}h.attr({draggable:!0,cursor:"default",drift:W(this._onDragMove,this,"all"),ondragstart:W(this._showDataInfo,this,!0),ondragend:W(this._onDragEnd,this),onmouseover:W(this._showDataInfo,this,!0),onmouseout:W(this._showDataInfo,this,!1)})},e.prototype._resetInterval=function(){var t=this._range=this.dataZoomModel.getPercentRange(),e=this._getViewExtent();this._handleEnds=[go(t[0],[0,100],e,!0),go(t[1],[0,100],e,!0)]},e.prototype._updateInterval=function(t,e){var n=this.dataZoomModel,i=this._handleEnds,r=this._getViewExtent(),o=n.findRepresentativeAxisProxy().getMinMaxSpan(),a=[0,100];CO(e,i,r,n.get("zoomLock")?"all":t,null!=o.minSpan?go(o.minSpan,a,r,!0):null,null!=o.maxSpan?go(o.maxSpan,a,r,!0):null);var s=this._range,l=this._range=xo([go(i[0],r,a,!0),go(i[1],r,a,!0)]);return!s||s[0]!==l[0]||s[1]!==l[1]},e.prototype._updateView=function(t){var e=this._displayables,n=this._handleEnds,i=xo(n.slice()),r=this._size;z([0,1],(function(t){var i=e.handles[t],o=this._handleHeight;i.attr({scaleX:o/2,scaleY:o/2,x:n[t]+(t?-1:1),y:r[1]/2-o/2})}),this),e.filler.setShape({x:i[0],y:0,width:i[1]-i[0],height:r[1]});var o={x:i[0],width:i[1]-i[0]};e.moveHandle&&(e.moveHandle.setShape(o),e.moveZone.setShape(o),e.moveZone.getBoundingRect(),e.moveHandleIcon&&e.moveHandleIcon.attr("x",o.x+o.width/2));for(var a=e.dataShadowSegs,s=[0,i[0],i[1],r[0]],l=0;l<a.length;l++){var u=a[l],c=u.getClipPath();c||(c=new xl,u.setClipPath(c)),c.setShape({x:s[l],y:0,width:s[l+1]-s[l],height:r[1]})}this._updateDataInfo(t)},e.prototype._updateDataInfo=function(t){var e=this.dataZoomModel,n=this._displayables,i=n.handleLabels,r=this._orient,o=["",""];if(e.get("showDetail")){var a=e.findRepresentativeAxisProxy();if(a){var s=a.getAxisModel().axis,l=this._range,u=t?a.calculateDataWindow({start:l[0],end:l[1]}).valueWindow:a.getDataValueWindow();o=[this._formatLabel(u[0],s),this._formatLabel(u[1],s)]}}var c=xo(this._handleEnds.slice());function h(t){var e=wh(n.handles[t].parent,this.group),a=Mh(0===t?"right":"left",e),s=this._handleWidth/2+5,l=Sh([c[t]+(0===t?-s:s),this._size[1]/2],e);i[t].setStyle({x:l[0],y:l[1],verticalAlign:r===pU?"middle":a,align:r===pU?a:"center",text:o[t]})}h.call(this,0),h.call(this,1)},e.prototype._formatLabel=function(t,e){var n=this.dataZoomModel,i=n.get("labelFormatter"),r=n.get("labelPrecision");null!=r&&"auto"!==r||(r=e.getPixelPrecision());var o=null==t||isNaN(t)?"":"category"===e.type||"time"===e.type?e.scale.getLabel({value:Math.round(t)}):t.toFixed(Math.min(r,20));return Y(i)?i(t,o):X(i)?i.replace("{value}",o):o},e.prototype._showDataInfo=function(t){var e=(this.dataZoomModel.get("handleLabel")||{}).show||!1,n=this.dataZoomModel.getModel(["emphasis","handleLabel"]).get("show")||!1,i=t||this._dragging?n:e,r=this._displayables,o=r.handleLabels;o[0].attr("invisible",!i),o[1].attr("invisible",!i),r.moveHandle&&this.api[i?"enterEmphasis":"leaveEmphasis"](r.moveHandle,1)},e.prototype._onDragMove=function(t,e,n,i){this._dragging=!0,fe(i.event);var r=Sh([e,n],this._displayables.sliderGroup.getLocalTransform(),!0),o=this._updateInterval(t,r[0]),a=this.dataZoomModel.get("realtime");this._updateView(!a),o&&a&&this._dispatchZoomAction(!0)},e.prototype._onDragEnd=function(){this._dragging=!1,this._showDataInfo(!1),!this.dataZoomModel.get("realtime")&&this._dispatchZoomAction(!1)},e.prototype._onClickPanel=function(t){var e=this._size,n=this._displayables.sliderGroup.transformCoordToLocal(t.offsetX,t.offsetY);if(!(n[0]<0||n[0]>e[0]||n[1]<0||n[1]>e[1])){var i=this._handleEnds,r=(i[0]+i[1])/2,o=this._updateInterval("all",n[0]-r);this._updateView(),o&&this._dispatchZoomAction(!1)}},e.prototype._onBrushStart=function(t){var e=t.offsetX,n=t.offsetY;this._brushStart=new Ae(e,n),this._brushing=!0,this._brushStartTime=+new Date},e.prototype._onBrushEnd=function(t){if(this._brushing){var e=this._displayables.brushRect;if(this._brushing=!1,e){e.attr("ignore",!0);var n=e.shape;if(!(+new Date-this._brushStartTime<200&&Math.abs(n.width)<5)){var i=this._getViewExtent(),r=[0,100],o=this._handleEnds=[n.x,n.x+n.width],a=this.dataZoomModel.findRepresentativeAxisProxy().getMinMaxSpan();CO(0,o,i,0,null!=a.minSpan?go(a.minSpan,r,i,!0):null,null!=a.maxSpan?go(a.maxSpan,r,i,!0):null),this._range=xo([go(o[0],i,r,!0),go(o[1],i,r,!0)]),this._updateView(),this._dispatchZoomAction(!1)}}}},e.prototype._onBrush=function(t){this._brushing&&(fe(t.event),this._updateBrushRect(t.offsetX,t.offsetY))},e.prototype._updateBrushRect=function(t,e){var n=this._displayables,i=this.dataZoomModel,r=n.brushRect;r||(r=n.brushRect=new dU({silent:!0,style:i.getModel("brushStyle").getItemStyle()}),n.sliderGroup.add(r)),r.attr("ignore",!1);var o=this._brushStart,a=this._displayables.sliderGroup,s=a.transformCoordToLocal(t,e),l=a.transformCoordToLocal(o.x,o.y),u=this._size;s[0]=Math.max(Math.min(u[0],s[0]),0),r.setShape({x:l[0],y:0,width:s[0]-l[0],height:u[1]})},e.prototype._dispatchZoomAction=function(t){var e=this._range;this.api.dispatchAction({type:"dataZoom",from:this.uid,dataZoomId:this.dataZoomModel.id,animation:t?yU:null,start:e[0],end:e[1]})},e.prototype._findCoordRect=function(){var t,e=ZG(this.dataZoomModel).infoList;if(!t&&e.length){var n=e[0].model.coordinateSystem;t=n.getRect&&n.getRect()}if(!t){var i=this.api.getWidth(),r=this.api.getHeight();t={x:.2*i,y:.2*r,width:.6*i,height:.6*r}}return t},e.type="dataZoom.slider",e}(JG);function mU(t){t.registerComponentModel(hU),t.registerComponentView(vU),oF(t)}var xU=function(t,e,n){var i=T((_U[t]||{})[e]);return n&&U(i)?i[i.length-1]:i},_U={color:{active:["#006edd","#e0ffff"],inactive:[tf.color.transparent]},colorHue:{active:[0,360],inactive:[0,0]},colorSaturation:{active:[.3,1],inactive:[0,0]},colorLightness:{active:[.9,.5],inactive:[0,0]},colorAlpha:{active:[.3,1],inactive:[0,0]},opacity:{active:[.3,1],inactive:[0,0]},symbol:{active:["circle","roundRect","diamond"],inactive:["none"]},symbolSize:{active:[10,50],inactive:[0,0]}},bU=hL.mapVisual,wU=hL.eachVisual,SU=U,MU=z,IU=xo,TU=go,CU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.stateList=["inRange","outOfRange"],n.replacableOptionKeys=["inRange","outOfRange","target","controller","color"],n.layoutMode={type:"box",ignoreSize:!0},n.dataBound=[-1/0,1/0],n.targetVisuals={},n.controllerVisuals={},n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n)},e.prototype.optionUpdated=function(t,e){var n=this.option;!e&&bW(n,t,this.replacableOptionKeys),this.textStyleModel=this.getModel("textStyle"),this.resetItemSize(),this.completeVisualOption()},e.prototype.resetVisual=function(t){var e=this.stateList;t=W(t,this),this.controllerVisuals=_W(this.option.controller,e,t),this.targetVisuals=_W(this.option.target,e,t)},e.prototype.getItemSymbol=function(){return null},e.prototype.getTargetSeriesIndices=function(){var t=this.option.seriesId,e=this.option.seriesIndex;return null==e&&null==t&&(e="all"),E(pa(this.ecModel,"series",{index:e,id:t},{useDefault:!1,enableAll:!0,enableNone:!1}).models,(function(t){return t.componentIndex}))},e.prototype.eachTargetSeries=function(t,e){z(this.getTargetSeriesIndices(),(function(n){var i=this.ecModel.getSeriesByIndex(n);i&&t.call(e,i)}),this)},e.prototype.isTargetSeries=function(t){var e=!1;return this.eachTargetSeries((function(n){n===t&&(e=!0)})),e},e.prototype.formatValueText=function(t,e,n){var i,r=this.option,o=r.precision,a=this.dataBound,s=r.formatter;n=n||["<",">"],U(t)&&(t=t.slice(),i=!0);var l=e?t:i?[u(t[0]),u(t[1])]:u(t);return X(s)?s.replace("{value}",i?l[0]:l).replace("{value2}",i?l[1]:l):Y(s)?i?s(t[0],t[1]):s(t):i?t[0]===a[0]?n[0]+" "+l[1]:t[1]===a[1]?n[1]+" "+l[0]:l[0]+" - "+l[1]:l;function u(t){return t===a[0]?"min":t===a[1]?"max":(+t).toFixed(Math.min(o,20))}},e.prototype.resetExtent=function(){var t=this.option,e=IU([t.min,t.max]);this._dataExtent=e},e.prototype.getDataDimensionIndex=function(t){var e=this.option.dimension;if(null!=e)return t.getDimensionIndex(e);for(var n=t.dimensions,i=n.length-1;i>=0;i--){var r=n[i],o=t.getDimensionInfo(r);if(!o.isCalculationCoord)return o.storeDimIndex}},e.prototype.getExtent=function(){return this._dataExtent.slice()},e.prototype.completeVisualOption=function(){var t=this.ecModel,e=this.option,n={inRange:e.inRange,outOfRange:e.outOfRange},i=e.target||(e.target={}),r=e.controller||(e.controller={});C(i,n),C(r,n);var o=this.isCategory();function a(n){SU(e.color)&&!n.inRange&&(n.inRange={color:e.color.slice().reverse()}),n.inRange=n.inRange||{color:t.get("gradientColor")}}a.call(this,i),a.call(this,r),function(t,e,n){var i=t[e],r=t[n];i&&!r&&(r=t[n]={},MU(i,(function(t,e){if(hL.isValidType(e)){var n=xU(e,"inactive",o);null!=n&&(r[e]=n,"color"!==e||r.hasOwnProperty("opacity")||r.hasOwnProperty("colorAlpha")||(r.opacity=[0,0]))}})))}.call(this,i,"inRange","outOfRange"),function(t){var e=(t.inRange||{}).symbol||(t.outOfRange||{}).symbol,n=(t.inRange||{}).symbolSize||(t.outOfRange||{}).symbolSize,i=this.get("inactiveColor"),r=this.getItemSymbol()||"roundRect";MU(this.stateList,(function(a){var s=this.itemSize,l=t[a];l||(l=t[a]={color:o?i:[i]}),null==l.symbol&&(l.symbol=e&&T(e)||(o?r:[r])),null==l.symbolSize&&(l.symbolSize=n&&T(n)||(o?s[0]:[s[0],s[0]])),l.symbol=bU(l.symbol,(function(t){return"none"===t?r:t}));var u=l.symbolSize;if(null!=u){var c=-1/0;wU(u,(function(t){t>c&&(c=t)})),l.symbolSize=bU(u,(function(t){return TU(t,[0,c],[0,s[0]],!0)}))}}),this)}.call(this,r)},e.prototype.resetItemSize=function(){this.itemSize=[parseFloat(this.get("itemWidth")),parseFloat(this.get("itemHeight"))]},e.prototype.isCategory=function(){return!!this.option.categories},e.prototype.setSelected=function(t){},e.prototype.getSelected=function(){return null},e.prototype.getValueState=function(t){return null},e.prototype.getVisualMeta=function(t){return null},e.type="visualMap",e.dependencies=["series"],e.defaultOption={show:!0,z:4,min:0,max:200,left:0,right:null,top:null,bottom:0,itemWidth:null,itemHeight:null,inverse:!1,orient:"vertical",backgroundColor:tf.color.transparent,borderColor:tf.color.borderTint,contentColor:tf.color.theme[0],inactiveColor:tf.color.disabled,borderWidth:0,padding:tf.size.m,textGap:10,precision:0,textStyle:{color:tf.color.secondary}},e}(Qp),DU=[20,140],AU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(e,n){t.prototype.optionUpdated.apply(this,arguments),this.resetExtent(),this.resetVisual((function(t){t.mappingMethod="linear",t.dataExtent=this.getExtent()})),this._resetRange()},e.prototype.resetItemSize=function(){t.prototype.resetItemSize.apply(this,arguments);var e=this.itemSize;(null==e[0]||isNaN(e[0]))&&(e[0]=DU[0]),(null==e[1]||isNaN(e[1]))&&(e[1]=DU[1])},e.prototype._resetRange=function(){var t=this.getExtent(),e=this.option.range;!e||e.auto?(t.auto=1,this.option.range=t):U(e)&&(e[0]>e[1]&&e.reverse(),e[0]=Math.max(e[0],t[0]),e[1]=Math.min(e[1],t[1]))},e.prototype.completeVisualOption=function(){t.prototype.completeVisualOption.apply(this,arguments),z(this.stateList,(function(t){var e=this.option.controller[t].symbolSize;e&&e[0]!==e[1]&&(e[0]=e[1]/3)}),this)},e.prototype.setSelected=function(t){this.option.range=t.slice(),this._resetRange()},e.prototype.getSelected=function(){var t=this.getExtent(),e=xo((this.get("range")||[]).slice());return e[0]>t[1]&&(e[0]=t[1]),e[1]>t[1]&&(e[1]=t[1]),e[0]<t[0]&&(e[0]=t[0]),e[1]<t[0]&&(e[1]=t[0]),e},e.prototype.getValueState=function(t){var e=this.option.range,n=this.getExtent(),i=rt(this.option.unboundedRange,!0);return(i&&e[0]<=n[0]||e[0]<=t)&&(i&&e[1]>=n[1]||t<=e[1])?"inRange":"outOfRange"},e.prototype.findTargetDataIndices=function(t){var e=[];return this.eachTargetSeries((function(n){var i=[],r=n.getData();r.each(this.getDataDimensionIndex(r),(function(e,n){t[0]<=e&&e<=t[1]&&i.push(n)}),this),e.push({seriesId:n.id,dataIndex:i})}),this),e},e.prototype.getVisualMeta=function(t){var e=kU(this,"outOfRange",this.getExtent()),n=kU(this,"inRange",this.option.range.slice()),i=[];function r(e,n){i.push({value:e,color:t(e,n)})}for(var o=0,a=0,s=n.length,l=e.length;a<l&&(!n.length||e[a]<=n[0]);a++)e[a]<n[o]&&r(e[a],"outOfRange");for(var u=1;o<s;o++,u=0)u&&i.length&&r(n[o],"outOfRange"),r(n[o],"inRange");for(u=1;a<l;a++)(!n.length||n[n.length-1]<e[a])&&(u&&(i.length&&r(i[i.length-1].value,"outOfRange"),u=0),r(e[a],"outOfRange"));var c=i.length;return{stops:i,outerColors:[c?i[0].color:"transparent",c?i[c-1].color:"transparent"]}},e.type="visualMap.continuous",e.defaultOption=Id(CU.defaultOption,{align:"auto",calculable:!1,hoverLink:!0,realtime:!0,handleIcon:"path://M-11.39,9.77h0a3.5,3.5,0,0,1-3.5,3.5h-22a3.5,3.5,0,0,1-3.5-3.5h0a3.5,3.5,0,0,1,3.5-3.5h22A3.5,3.5,0,0,1-11.39,9.77Z",handleSize:"120%",handleStyle:{borderColor:tf.color.neutral00,borderWidth:1},indicatorIcon:"circle",indicatorSize:"50%",indicatorStyle:{borderColor:tf.color.neutral00,borderWidth:2,shadowBlur:2,shadowOffsetX:1,shadowOffsetY:1,shadowColor:tf.color.shadow}}),e}(CU);function kU(t,e,n){if(n[0]===n[1])return n.slice();for(var i=(n[1]-n[0])/200,r=n[0],o=[],a=0;a<=200&&r<n[1];a++)o.push(r),r+=i;return o.push(n[1]),o}var LU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.autoPositionValues={left:1,right:1,top:1,bottom:1},n}return n(e,t),e.prototype.init=function(t,e){this.ecModel=t,this.api=e},e.prototype.render=function(t,e,n,i){this.visualMapModel=t,!1!==t.get("show")?this.doRender(t,e,n,i):this.group.removeAll()},e.prototype.renderBackground=function(t){var e=this.visualMapModel,n=yp(e.get("padding")||0),i=t.getBoundingRect();t.add(new xl({z2:-1,silent:!0,shape:{x:i.x-n[3],y:i.y-n[0],width:i.width+n[3]+n[1],height:i.height+n[0]+n[2]},style:{fill:e.get("backgroundColor"),stroke:e.get("borderColor"),lineWidth:e.get("borderWidth")}}))},e.prototype.getControllerVisual=function(t,e,n){var i=(n=n||{}).forceState,r=this.visualMapModel,o={};if("color"===e){var a=r.get("contentColor");o.color=a}function s(t){return o[t]}function l(t,e){o[t]=e}var u=r.controllerVisuals[i||r.getValueState(t)];return z(hL.prepareVisualTypes(u),(function(i){var r=u[i];n.convertOpacityToAlpha&&"opacity"===i&&(i="colorAlpha",r=u.__alphaForOpacity),hL.dependsOn(i,e)&&r&&r.applyVisual(t,s,l)})),o[e]},e.prototype.positionGroup=function(t){var e=this.visualMapModel,n=Xp(e,this.api).refContainer;Zp(t,e.getBoxLayoutParams(),n)},e.prototype.doRender=function(t,e,n,i){},e.type="visualMap",e}(Ky),PU=[["left","right","width"],["top","bottom","height"]];function OU(t,e,n){var i=t.option,r=i.align;if(null!=r&&"auto"!==r)return r;for(var o={width:e.getWidth(),height:e.getHeight()},a="horizontal"===i.orient?1:0,s=PU[a],l=[0,null,10],u={},c=0;c<3;c++)u[PU[1-a][c]]=l[c],u[s[c]]=2===c?n[0]:i[s[c]];var h=[["x","width",3],["y","height",0]][a],d=Hp(u,o,i.padding);return s[(d.margin[h[2]]||0)+d[h[0]]+.5*d[h[1]]<.5*o[h[1]]?0:1]}function RU(t,e){return z(t||[],(function(t){null!=t.dataIndex&&(t.dataIndexInside=t.dataIndex,t.dataIndex=null),t.highlightKey="visualMap"+(e?e.componentIndex:"")})),t}var NU=go,zU=z,EU=Math.min,BU=Math.max,VU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._shapes={},n._dataInterval=[],n._handleEnds=[],n._hoverLinkDataIndices=[],n}return n(e,t),e.prototype.init=function(e,n){t.prototype.init.call(this,e,n),this._hoverLinkFromSeriesMouseOver=W(this._hoverLinkFromSeriesMouseOver,this),this._hideIndicator=W(this._hideIndicator,this)},e.prototype.doRender=function(t,e,n,i){i&&"selectDataRange"===i.type&&i.from===this.uid||this._buildView()},e.prototype._buildView=function(){this.group.removeAll();var t=this.visualMapModel,e=this.group;this._orient=t.get("orient"),this._useHandle=t.get("calculable"),this._resetInterval(),this._renderBar(e);var n=t.get("text");this._renderEndsText(e,n,0),this._renderEndsText(e,n,1),this._updateView(!0),this.renderBackground(e),this._updateView(),this._enableHoverLinkToSeries(),this._enableHoverLinkFromSeries(),this.positionGroup(e)},e.prototype._renderEndsText=function(t,e,n){if(e){var i=e[1-n];i=null!=i?i+"":"";var r=this.visualMapModel,o=r.get("textGap"),a=r.itemSize,s=this._shapes.mainGroup,l=this._applyTransform([a[0]/2,0===n?-o:a[1]+o],s),u=this._applyTransform(0===n?"bottom":"top",s),c=this._orient,h=this.visualMapModel.textStyleModel;this.group.add(new Sl({style:Qh(h,{x:l[0],y:l[1],verticalAlign:h.get("verticalAlign")||("horizontal"===c?"middle":u),align:h.get("align")||("horizontal"===c?u:"center"),text:i})}))}},e.prototype._renderBar=function(t){var e=this.visualMapModel,n=this._shapes,i=e.itemSize,r=this._orient,o=this._useHandle,a=OU(e,this.api,i),s=n.mainGroup=this._createBarGroup(a),l=new to;s.add(l),l.add(n.outOfRange=GU()),l.add(n.inRange=GU(null,o?WU(this._orient):null,W(this._dragHandle,this,"all",!1),W(this._dragHandle,this,"all",!0))),l.setClipPath(new xl({shape:{x:0,y:0,width:i[0],height:i[1],r:3}}));var u=e.textStyleModel.getTextRect("国"),c=BU(u.width,u.height);o&&(n.handleThumbs=[],n.handleLabels=[],n.handleLabelPoints=[],this._createHandle(e,s,0,i,c,r),this._createHandle(e,s,1,i,c,r)),this._createIndicator(e,s,i,c,r),t.add(s)},e.prototype._createHandle=function(t,e,n,i,r,o){var a=W(this._dragHandle,this,n,!1),s=W(this._dragHandle,this,n,!0),l=Fr(t.get("handleSize"),i[0]),u=hm(t.get("handleIcon"),-l/2,-l/2,l,l,null,!0),c=WU(this._orient);u.attr({cursor:c,draggable:!0,drift:a,ondragend:s,onmousemove:function(t){fe(t.event)}}),u.x=i[0]/2,u.useStyle(t.getModel("handleStyle").getItemStyle()),u.setStyle({strokeNoScale:!0,strokeFirst:!0}),u.style.lineWidth*=2,u.ensureState("emphasis").style=t.getModel(["emphasis","handleStyle"]).getItemStyle(),Lu(u,!0),e.add(u);var h=this.visualMapModel.textStyleModel,d=new Sl({cursor:c,draggable:!0,drift:a,onmousemove:function(t){fe(t.event)},ondragend:s,style:Qh(h,{x:0,y:0,text:""})});d.ensureState("blur").style={opacity:.1},d.stateTransition={duration:200},this.group.add(d);var p=[l,0],f=this._shapes;f.handleThumbs[n]=u,f.handleLabelPoints[n]=p,f.handleLabels[n]=d},e.prototype._createIndicator=function(t,e,n,i,r){var o=Fr(t.get("indicatorSize"),n[0]),a=hm(t.get("indicatorIcon"),-o/2,-o/2,o,o,null,!0);a.attr({cursor:"move",invisible:!0,silent:!0,x:n[0]/2});var s=t.getModel("indicatorStyle").getItemStyle();if(a instanceof dl){var l=a.style;a.useStyle(A({image:l.image,x:l.x,y:l.y,width:l.width,height:l.height},s))}else a.useStyle(s);e.add(a);var u=this.visualMapModel.textStyleModel,c=new Sl({silent:!0,invisible:!0,style:Qh(u,{x:0,y:0,text:""})});this.group.add(c);var h=[("horizontal"===r?i/2:6)+n[0]/2,0],d=this._shapes;d.indicator=a,d.indicatorLabel=c,d.indicatorLabelPoint=h,this._firstShowIndicator=!0},e.prototype._dragHandle=function(t,e,n,i){if(this._useHandle){if(this._dragging=!e,!e){var r=this._applyTransform([n,i],this._shapes.mainGroup,!0);this._updateInterval(t,r[1]),this._hideIndicator(),this._updateView()}e===!this.visualMapModel.get("realtime")&&this.api.dispatchAction({type:"selectDataRange",from:this.uid,visualMapId:this.visualMapModel.id,selected:this._dataInterval.slice()}),e?!this._hovering&&this._clearHoverLinkToSeries():FU(this.visualMapModel)&&this._doHoverLinkToSeries(this._handleEnds[t],!1)}},e.prototype._resetInterval=function(){var t=this.visualMapModel,e=this._dataInterval=t.getSelected(),n=t.getExtent(),i=[0,t.itemSize[1]];this._handleEnds=[NU(e[0],n,i,!0),NU(e[1],n,i,!0)]},e.prototype._updateInterval=function(t,e){e=e||0;var n=this.visualMapModel,i=this._handleEnds,r=[0,n.itemSize[1]];CO(e,i,r,t,0);var o=n.getExtent();this._dataInterval=[NU(i[0],r,o,!0),NU(i[1],r,o,!0)]},e.prototype._updateView=function(t){var e=this.visualMapModel,n=e.getExtent(),i=this._shapes,r=[0,e.itemSize[1]],o=t?r:this._handleEnds,a=this._createBarVisual(this._dataInterval,n,o,"inRange"),s=this._createBarVisual(n,n,r,"outOfRange");i.inRange.setStyle({fill:a.barColor}).setShape("points",a.barPoints),i.outOfRange.setStyle({fill:s.barColor}).setShape("points",s.barPoints),this._updateHandle(o,a)},e.prototype._createBarVisual=function(t,e,n,i){var r={forceState:i,convertOpacityToAlpha:!0},o=this._makeColorGradient(t,r),a=[this.getControllerVisual(t[0],"symbolSize",r),this.getControllerVisual(t[1],"symbolSize",r)],s=this._createBarPoints(n,a);return{barColor:new Bc(0,0,0,1,o),barPoints:s,handlesColor:[o[0].color,o[o.length-1].color]}},e.prototype._makeColorGradient=function(t,e){var n=[],i=(t[1]-t[0])/100;n.push({color:this.getControllerVisual(t[0],"color",e),offset:0});for(var r=1;r<100;r++){var o=t[0]+i*r;if(o>t[1])break;n.push({color:this.getControllerVisual(o,"color",e),offset:r/100})}return n.push({color:this.getControllerVisual(t[1],"color",e),offset:1}),n},e.prototype._createBarPoints=function(t,e){var n=this.visualMapModel.itemSize;return[[n[0]-e[0],t[0]],[n[0],t[0]],[n[0],t[1]],[n[0]-e[1],t[1]]]},e.prototype._createBarGroup=function(t){var e=this._orient,n=this.visualMapModel.get("inverse");return new to("horizontal"!==e||n?"horizontal"===e&&n?{scaleX:"bottom"===t?-1:1,rotation:-Math.PI/2}:"vertical"!==e||n?{scaleX:"left"===t?1:-1}:{scaleX:"left"===t?1:-1,scaleY:-1}:{scaleX:"bottom"===t?1:-1,rotation:Math.PI/2})},e.prototype._updateHandle=function(t,e){if(this._useHandle){var n=this._shapes,i=this.visualMapModel,r=n.handleThumbs,o=n.handleLabels,a=i.itemSize,s=i.getExtent(),l=this._applyTransform("left",n.mainGroup);zU([0,1],(function(u){var c=r[u];c.setStyle("fill",e.handlesColor[u]),c.y=t[u];var h=NU(t[u],[0,a[1]],s,!0),d=this.getControllerVisual(h,"symbolSize");c.scaleX=c.scaleY=d/a[0],c.x=a[0]-d/2;var p=Sh(n.handleLabelPoints[u],wh(c,this.group));if("horizontal"===this._orient){var f="left"===l||"top"===l?(a[0]-d)/2:(a[0]-d)/-2;p[1]+=f}o[u].setStyle({x:p[0],y:p[1],text:i.formatValueText(this._dataInterval[u]),verticalAlign:"middle",align:"vertical"===this._orient?this._applyTransform("left",n.mainGroup):"center"})}),this)}},e.prototype._showIndicator=function(t,e,n,i){var r=this.visualMapModel,o=r.getExtent(),a=r.itemSize,s=[0,a[1]],l=this._shapes,u=l.indicator;if(u){u.attr("invisible",!1);var c=this.getControllerVisual(t,"color",{convertOpacityToAlpha:!0}),h=this.getControllerVisual(t,"symbolSize"),d=NU(t,o,s,!0),p=a[0]-h/2,f={x:u.x,y:u.y};u.y=d,u.x=p;var g=Sh(l.indicatorLabelPoint,wh(u,this.group)),y=l.indicatorLabel;y.attr("invisible",!1);var v=this._applyTransform("left",l.mainGroup),m="horizontal"===this._orient;y.setStyle({text:(n||"")+r.formatValueText(e),verticalAlign:m?v:"middle",align:m?"center":v});var x={x:p,y:d,style:{fill:c}},_={style:{x:g[0],y:g[1]}};if(r.ecModel.isAnimationEnabled()&&!this._firstShowIndicator){var b={duration:100,easing:"cubicInOut",additive:!0};u.x=f.x,u.y=f.y,u.animateTo(x,b),y.animateTo(_,b)}else u.attr(x),y.attr(_);this._firstShowIndicator=!1;var w=this._shapes.handleLabels;if(w)for(var S=0;S<w.length;S++)this.api.enterBlur(w[S])}},e.prototype._enableHoverLinkToSeries=function(){var t=this;this._shapes.mainGroup.on("mousemove",(function(e){if(t._hovering=!0,!t._dragging){var n=t.visualMapModel.itemSize,i=t._applyTransform([e.offsetX,e.offsetY],t._shapes.mainGroup,!0,!0);i[1]=EU(BU(0,i[1]),n[1]),t._doHoverLinkToSeries(i[1],0<=i[0]&&i[0]<=n[0])}})).on("mouseout",(function(){t._hovering=!1,!t._dragging&&t._clearHoverLinkToSeries()}))},e.prototype._enableHoverLinkFromSeries=function(){var t=this.api.getZr();this.visualMapModel.option.hoverLink?(t.on("mouseover",this._hoverLinkFromSeriesMouseOver,this),t.on("mouseout",this._hideIndicator,this)):this._clearHoverLinkFromSeries()},e.prototype._doHoverLinkToSeries=function(t,e){var n=this.visualMapModel,i=n.itemSize;if(n.option.hoverLink){var r=[0,i[1]],o=n.getExtent();t=EU(BU(r[0],t),r[1]);var a=function(t,e,n){var i=6,r=t.get("hoverLinkDataSize");r&&(i=NU(r,e,n,!0)/2);return i}(n,o,r),s=[t-a,t+a],l=NU(t,r,o,!0),u=[NU(s[0],r,o,!0),NU(s[1],r,o,!0)];s[0]<r[0]&&(u[0]=-1/0),s[1]>r[1]&&(u[1]=1/0),e&&(u[0]===-1/0?this._showIndicator(l,u[1],"< ",a):u[1]===1/0?this._showIndicator(l,u[0],"> ",a):this._showIndicator(l,l,"≈ ",a));var c=this._hoverLinkDataIndices,h=[];(e||FU(n))&&(h=this._hoverLinkDataIndices=n.findTargetDataIndices(u));var d=function(t,e){var n={},i={};return r(t||[],n),r(e||[],i,n),[o(n),o(i)];function r(t,e,n){for(var i=0,r=t.length;i<r;i++){var o=ia(t[i].seriesId,null);if(null==o)return;for(var a=qo(t[i].dataIndex),s=n&&n[o],l=0,u=a.length;l<u;l++){var c=a[l];s&&s[c]?s[c]=null:(e[o]||(e[o]={}))[c]=1}}}function o(t,e){var n=[];for(var i in t)if(t.hasOwnProperty(i)&&null!=t[i])if(e)n.push(+i);else{var r=o(t[i],!0);r.length&&n.push({seriesId:i,dataIndex:r})}return n}}(c,h);this._dispatchHighDown("downplay",RU(d[0],n)),this._dispatchHighDown("highlight",RU(d[1],n))}},e.prototype._hoverLinkFromSeriesMouseOver=function(t){var e;if(Qv(t.target,(function(t){var n=zl(t);if(null!=n.dataIndex)return e=n,!0}),!0),e){var n=this.ecModel.getSeriesByIndex(e.seriesIndex),i=this.visualMapModel;if(i.isTargetSeries(n)){var r=n.getData(e.dataType),o=r.getStore().get(i.getDataDimensionIndex(r),e.dataIndex);isNaN(o)||this._showIndicator(o,o)}}},e.prototype._hideIndicator=function(){var t=this._shapes;t.indicator&&t.indicator.attr("invisible",!0),t.indicatorLabel&&t.indicatorLabel.attr("invisible",!0);var e=this._shapes.handleLabels;if(e)for(var n=0;n<e.length;n++)this.api.leaveBlur(e[n])},e.prototype._clearHoverLinkToSeries=function(){this._hideIndicator();var t=this._hoverLinkDataIndices;this._dispatchHighDown("downplay",RU(t,this.visualMapModel)),t.length=0},e.prototype._clearHoverLinkFromSeries=function(){this._hideIndicator();var t=this.api.getZr();t.off("mouseover",this._hoverLinkFromSeriesMouseOver),t.off("mouseout",this._hideIndicator)},e.prototype._applyTransform=function(t,e,n,i){var r=wh(e,i?null:this.group);return U(t)?Sh(t,r,n):Mh(t,r,n)},e.prototype._dispatchHighDown=function(t,e){e&&e.length&&this.api.dispatchAction({type:t,batch:e})},e.prototype.dispose=function(){this._clearHoverLinkFromSeries(),this._clearHoverLinkToSeries()},e.type="visualMap.continuous",e}(LU);function GU(t,e,n,i){return new Mc({shape:{points:t},draggable:!!n,cursor:e,drift:n,onmousemove:function(t){fe(t.event)},ondragend:i})}function FU(t){var e=t.get("hoverLinkOnHandle");return!!(null==e?t.get("realtime"):e)}function WU(t){return"vertical"===t?"ns-resize":"ew-resize"}var HU={type:"selectDataRange",event:"dataRangeSelected",update:"update"},UU=function(t,e){e.eachComponent({mainType:"visualMap",query:t},(function(e){e.setSelected(t.selected)}))},YU=[{createOnAllSeries:!0,reset:function(t,e){var n=[];return e.eachComponent("visualMap",(function(e){var i,r,o,a,s,l=t.pipelineContext;!e.isTargetSeries(t)||l&&l.large||n.push((i=e.stateList,r=e.targetVisuals,o=W(e.getValueState,e),a=e.getDataDimensionIndex(t.getData()),s={},z(i,(function(t){var e=hL.prepareVisualTypes(r[t]);s[t]=e})),{progress:function(t,e){var n,i;function l(t){return jv(e,i,t)}function u(t,n){Kv(e,i,t,n)}null!=a&&(n=e.getDimensionIndex(a));for(var c=e.getStore();null!=(i=t.next());){var h=e.getRawDataItem(i);if(!h||!1!==h.visualMap)for(var d=null!=a?c.get(n,i):i,p=o(d),f=r[p],g=s[p],y=0,v=g.length;y<v;y++){var m=g[y];f[m]&&f[m].applyVisual(d,l,u)}}}}))})),n}},{createOnAllSeries:!0,reset:function(t,e){var n=t.getData(),i=[];e.eachComponent("visualMap",(function(e){if(e.isTargetSeries(t)){var r=e.getVisualMeta(W(XU,null,t,e))||{stops:[],outerColors:[]},o=e.getDataDimensionIndex(n);o>=0&&(r.dimension=o,i.push(r))}})),t.getData().setVisual("visualMeta",i)}}];function XU(t,e,n,i){for(var r=e.targetVisuals[i],o=hL.prepareVisualTypes(r),a={color:qv(t.getData(),"color")},s=0,l=o.length;s<l;s++){var u=o[s],c=r["opacity"===u?"__alphaForOpacity":u];c&&c.applyVisual(n,h,d)}return a.color;function h(t){return a[t]}function d(t,e){a[t]=e}}var ZU=z;function jU(t){var e=t&&t.visualMap;U(e)||(e=e?[e]:[]),ZU(e,(function(t){if(t){qU(t,"splitList")&&!qU(t,"pieces")&&(t.pieces=t.splitList,delete t.splitList);var e=t.pieces;e&&U(e)&&ZU(e,(function(t){q(t)&&(qU(t,"start")&&!qU(t,"min")&&(t.min=t.start),qU(t,"end")&&!qU(t,"max")&&(t.max=t.end))}))}}))}function qU(t,e){return t&&t.hasOwnProperty&&t.hasOwnProperty(e)}var KU=!1;function $U(t){KU||(KU=!0,t.registerSubTypeDefaulter("visualMap",(function(t){return t.categories||(t.pieces?t.pieces.length>0:t.splitNumber>0)&&!t.calculable?"piecewise":"continuous"})),t.registerAction(HU,UU),z(YU,(function(e){t.registerVisual(t.PRIORITY.VISUAL.COMPONENT,e)})),t.registerPreprocessor(jU))}function JU(t){t.registerComponentModel(AU),t.registerComponentView(VU),$U(t)}var QU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._pieceList=[],n}return n(e,t),e.prototype.optionUpdated=function(e,n){t.prototype.optionUpdated.apply(this,arguments),this.resetExtent();var i=this._mode=this._determineMode();this._pieceList=[],tY[this._mode].call(this,this._pieceList),this._resetSelected(e,n);var r=this.option.categories;this.resetVisual((function(t,e){"categories"===i?(t.mappingMethod="category",t.categories=T(r)):(t.dataExtent=this.getExtent(),t.mappingMethod="piecewise",t.pieceList=E(this._pieceList,(function(t){return t=T(t),"inRange"!==e&&(t.visual=null),t})))}))},e.prototype.completeVisualOption=function(){var e=this.option,n={},i=hL.listVisualTypes(),r=this.isCategory();function o(t,e,n){return t&&t[e]&&t[e].hasOwnProperty(n)}z(e.pieces,(function(t){z(i,(function(e){t.hasOwnProperty(e)&&(n[e]=1)}))})),z(n,(function(t,n){var i=!1;z(this.stateList,(function(t){i=i||o(e,t,n)||o(e.target,t,n)}),this),!i&&z(this.stateList,(function(t){(e[t]||(e[t]={}))[n]=xU(n,"inRange"===t?"active":"inactive",r)}))}),this),t.prototype.completeVisualOption.apply(this,arguments)},e.prototype._resetSelected=function(t,e){var n=this.option,i=this._pieceList,r=(e?n:t).selected||{};if(n.selected=r,z(i,(function(t,e){var n=this.getSelectedMapKey(t);r.hasOwnProperty(n)||(r[n]=!0)}),this),"single"===n.selectedMode){var o=!1;z(i,(function(t,e){var n=this.getSelectedMapKey(t);r[n]&&(o?r[n]=!1:o=!0)}),this)}},e.prototype.getItemSymbol=function(){return this.get("itemSymbol")},e.prototype.getSelectedMapKey=function(t){return"categories"===this._mode?t.value+"":t.index+""},e.prototype.getPieceList=function(){return this._pieceList},e.prototype._determineMode=function(){var t=this.option;return t.pieces&&t.pieces.length>0?"pieces":this.option.categories?"categories":"splitNumber"},e.prototype.setSelected=function(t){this.option.selected=T(t)},e.prototype.getValueState=function(t){var e=hL.findPieceIndex(t,this._pieceList);return null!=e&&this.option.selected[this.getSelectedMapKey(this._pieceList[e])]?"inRange":"outOfRange"},e.prototype.findTargetDataIndices=function(t){var e=[],n=this._pieceList;return this.eachTargetSeries((function(i){var r=[],o=i.getData();o.each(this.getDataDimensionIndex(o),(function(e,i){hL.findPieceIndex(e,n)===t&&r.push(i)}),this),e.push({seriesId:i.id,dataIndex:r})}),this),e},e.prototype.getRepresentValue=function(t){var e;if(this.isCategory())e=t.value;else if(null!=t.value)e=t.value;else{var n=t.interval||[];e=n[0]===-1/0&&n[1]===1/0?0:(n[0]+n[1])/2}return e},e.prototype.getVisualMeta=function(t){if(!this.isCategory()){var e=[],n=["",""],i=this,r=this._pieceList.slice();if(r.length){var o=r[0].interval[0];o!==-1/0&&r.unshift({interval:[-1/0,o]}),(o=r[r.length-1].interval[1])!==1/0&&r.push({interval:[o,1/0]})}else r.push({interval:[-1/0,1/0]});var a=-1/0;return z(r,(function(t){var e=t.interval;e&&(e[0]>a&&s([a,e[0]],"outOfRange"),s(e.slice()),a=e[1])}),this),{stops:e,outerColors:n}}function s(r,o){var a=i.getRepresentValue({interval:r});o||(o=i.getValueState(a));var s=t(a,o);r[0]===-1/0?n[0]=s:r[1]===1/0?n[1]=s:e.push({value:r[0],color:s},{value:r[1],color:s})}},e.type="visualMap.piecewise",e.defaultOption=Id(CU.defaultOption,{selected:null,minOpen:!1,maxOpen:!1,align:"auto",itemWidth:20,itemHeight:14,itemSymbol:"roundRect",pieces:null,categories:null,splitNumber:5,selectedMode:"multiple",itemGap:10,hoverLink:!0}),e}(CU),tY={splitNumber:function(t){var e=this.option,n=Math.min(e.precision,20),i=this.getExtent(),r=e.splitNumber;r=Math.max(parseInt(r,10),1),e.splitNumber=r;for(var o=(i[1]-i[0])/r;+o.toFixed(n)!==o&&n<5;)n++;e.precision=n,o=+o.toFixed(n),e.minOpen&&t.push({interval:[-1/0,i[0]],close:[0,0]});for(var a=0,s=i[0];a<r;s+=o,a++){var l=a===r-1?i[1]:s+o;t.push({interval:[s,l],close:[1,1]})}e.maxOpen&&t.push({interval:[i[1],1/0],close:[0,0]}),Ro(t),z(t,(function(t,e){t.index=e,t.text=this.formatValueText(t.interval)}),this)},categories:function(t){var e=this.option;z(e.categories,(function(e){t.push({text:this.formatValueText(e,!0),value:e})}),this),eY(e,t)},pieces:function(t){var e=this.option;z(e.pieces,(function(e,n){q(e)||(e={value:e});var i={text:"",index:n};if(null!=e.label&&(i.text=e.label),e.hasOwnProperty("value")){var r=i.value=e.value;i.interval=[r,r],i.close=[1,1]}else{for(var o=i.interval=[],a=i.close=[0,0],s=[1,0,1],l=[-1/0,1/0],u=[],c=0;c<2;c++){for(var h=[["gte","gt","min"],["lte","lt","max"]][c],d=0;d<3&&null==o[c];d++)o[c]=e[h[d]],a[c]=s[d],u[c]=2===d;null==o[c]&&(o[c]=l[c])}u[0]&&o[1]===1/0&&(a[0]=0),u[1]&&o[0]===-1/0&&(a[1]=0),o[0]===o[1]&&a[0]&&a[1]&&(i.value=o[0])}i.visual=hL.retrieveVisuals(e),t.push(i)}),this),eY(e,t),Ro(t),z(t,(function(t){var e=t.close,n=[["<","≤"][e[1]],[">","≥"][e[0]]];t.text=t.text||this.formatValueText(null!=t.value?t.value:t.interval,!1,n)}),this)}};function eY(t,e){var n=t.inverse;("vertical"===t.orient?!n:n)&&e.reverse()}var nY=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.doRender=function(){var t=this.group;t.removeAll();var e=this.visualMapModel,n=e.get("textGap"),i=e.textStyleModel,r=this._getItemAlign(),o=e.itemSize,a=this._getViewData(),s=a.endsText,l=it(e.get("showLabel",!0),!s),u=!e.get("selectedMode");s&&this._renderEndsText(t,s[0],o,l,r),z(a.viewPieceList,(function(a){var s=a.piece,c=new to;c.onclick=W(this._onItemClick,this,s),this._enableHoverLink(c,a.indexInModelPieceList);var h=e.getRepresentValue(s);if(this._createItemSymbol(c,h,[0,0,o[0],o[1]],u),l){var d=this.visualMapModel.getValueState(h),p=i.get("align")||r;c.add(new Sl({style:Qh(i,{x:"right"===p?-n:o[0]+n,y:o[1]/2,text:s.text,verticalAlign:i.get("verticalAlign")||"middle",align:p,opacity:rt(i.get("opacity"),"outOfRange"===d?.5:1)}),silent:u}))}t.add(c)}),this),s&&this._renderEndsText(t,s[1],o,l,r),Gp(e.get("orient"),t,e.get("itemGap")),this.renderBackground(t),this.positionGroup(t)},e.prototype._enableHoverLink=function(t,e){var n=this;t.on("mouseover",(function(){return i("highlight")})).on("mouseout",(function(){return i("downplay")}));var i=function(t){var i=n.visualMapModel;i.option.hoverLink&&n.api.dispatchAction({type:t,batch:RU(i.findTargetDataIndices(e),i)})}},e.prototype._getItemAlign=function(){var t=this.visualMapModel,e=t.option;if("vertical"===e.orient)return OU(t,this.api,t.itemSize);var n=e.align;return n&&"auto"!==n||(n="left"),n},e.prototype._renderEndsText=function(t,e,n,i,r){if(e){var o=new to,a=this.visualMapModel.textStyleModel;o.add(new Sl({style:Qh(a,{x:i?"right"===r?n[0]:0:n[0]/2,y:n[1]/2,verticalAlign:"middle",align:i?r:"center",text:e})})),t.add(o)}},e.prototype._getViewData=function(){var t=this.visualMapModel,e=E(t.getPieceList(),(function(t,e){return{piece:t,indexInModelPieceList:e}})),n=t.get("text"),i=t.get("orient"),r=t.get("inverse");return("horizontal"===i?r:!r)?e.reverse():n&&(n=n.slice().reverse()),{viewPieceList:e,endsText:n}},e.prototype._createItemSymbol=function(t,e,n,i){var r=hm(this.getControllerVisual(e,"symbol"),n[0],n[1],n[2],n[3],this.getControllerVisual(e,"color"));r.silent=i,t.add(r)},e.prototype._onItemClick=function(t){var e=this.visualMapModel,n=e.option,i=n.selectedMode;if(i){var r=T(n.selected),o=e.getSelectedMapKey(t);"single"===i||!0===i?(r[o]=!0,z(r,(function(t,e){r[e]=e===o}))):r[o]=!r[o],this.api.dispatchAction({type:"selectDataRange",from:this.uid,visualMapId:this.visualMapModel.id,selected:r})}},e.type="visualMap.piecewise",e}(LU);function iY(t){t.registerComponentModel(QU),t.registerComponentView(nY),$U(t)}var rY=function(){function t(t){this._thumbnailModel=t}return t.prototype.reset=function(t){this._renderVersion=t.getMainProcessVersion()},t.prototype.renderContent=function(t){var e=t.api.getViewOfComponentModel(this._thumbnailModel);e&&(t.group.silent=!0,e.renderContent({group:t.group,targetTrans:t.targetTrans,z2Range:Uh(t.group),roamType:t.roamType,viewportRect:t.viewportRect,renderVersion:this._renderVersion}))},t.prototype.updateWindow=function(t,e){var n=e.getViewOfComponentModel(this._thumbnailModel);n&&n.updateWindow({targetTrans:t,renderVersion:this._renderVersion})},t}(),oY=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.preventAutoZ=!0,n}return n(e,t),e.prototype.optionUpdated=function(t,e){this._updateBridge()},e.prototype._updateBridge=function(){var t=this._birdge=this._birdge||new rY(this);(this._target=null,this.ecModel.eachSeries((function(t){BP(t,null)})),this.shouldShow())&&BP(this.getTarget().baseMapProvider,t)},e.prototype.shouldShow=function(){return this.getShallow("show",!0)},e.prototype.getBridge=function(){return this._birdge},e.prototype.getTarget=function(){if(this._target)return this._target;var t=this.getReferringComponents("series",{useDefault:!1,enableAll:!1,enableNone:!1}).models[0];return t?"graph"!==t.subType&&(t=null):t=this.ecModel.queryComponents({mainType:"series",subType:"graph"})[0],this._target={baseMapProvider:t},this._target},e.type="thumbnail",e.layoutMode="box",e.dependencies=["series","geo"],e.defaultOption={show:!0,right:1,bottom:1,height:"25%",width:"25%",itemStyle:{borderColor:tf.color.border,borderWidth:2},windowStyle:{borderWidth:1,color:tf.color.neutral30,borderColor:tf.color.neutral40,opacity:.3},z:10},e}(Qp),aY=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){if(this._api=n,this._model=t,this._coordSys||(this._coordSys=new KA),this._isEnabled()){this._renderVersion=n.getMainProcessVersion();var i=this.group;i.removeAll();var r=t.getModel("itemStyle"),o=r.getItemStyle();null==o.fill&&(o.fill=e.get("backgroundColor")||tf.color.neutral00);var a=Xp(t,n).refContainer,s=Hp(Fp(t,!0),a),l=o.lineWidth||0,u=this._contentRect=Oh(s.clone(),l/2,!0,!0),c=new to;i.add(c),c.setClipPath(new xl({shape:u.plain()}));var h=this._targetGroup=new to;c.add(h);var d=s.plain();d.r=r.getShallow("borderRadius",!0),i.add(this._bgRect=new xl({style:o,shape:d,silent:!1,cursor:"grab"}));var p=t.getModel("windowStyle"),f=p.getShallow("borderRadius",!0);c.add(this._windowRect=new xl({shape:{x:0,y:0,width:0,height:0,r:f},style:p.getItemStyle(),silent:!1,cursor:"grab"})),this._dealRenderContent(),this._dealUpdateWindow(),lY(t,this)}else this._clear()},e.prototype.renderContent=function(t){this._bridgeRendered=t,this._isEnabled()&&(this._dealRenderContent(),this._dealUpdateWindow(),lY(this._model,this))},e.prototype._dealRenderContent=function(){var t=this._bridgeRendered;if(t&&t.renderVersion===this._renderVersion){var e=this._targetGroup,n=this._coordSys,i=this._contentRect;if(e.removeAll(),t){var r=t.group,o=r.getBoundingRect();e.add(r),this._bgRect.z2=t.z2Range.min-10,n.setBoundingRect(o.x,o.y,o.width,o.height);var a=Hp({left:"center",top:"center",aspect:o.width/o.height},i);n.setViewRect(a.x,a.y,a.width,a.height),r.attr(n.getTransformInfo().raw),this._windowRect.z2=t.z2Range.max+10,this._resetRoamController(t.roamType)}}},e.prototype.updateWindow=function(t){var e=this._bridgeRendered;e&&e.renderVersion===t.renderVersion&&(e.targetTrans=t.targetTrans),this._isEnabled()&&this._dealUpdateWindow()},e.prototype._dealUpdateWindow=function(){var t=this._bridgeRendered;if(t&&t.renderVersion===this._renderVersion){var e=Te([],t.targetTrans),n=we([],this._coordSys.transform,e);this._transThisToTarget=Te([],n);var i=t.viewportRect;(i=i?i.clone():new He(0,0,this._api.getWidth(),this._api.getHeight())).applyTransform(n);var r=this._windowRect,o=r.shape.r;r.setShape(k({r:o},i))}},e.prototype._resetRoamController=function(t){var e=this,n=this._api,i=this._roamController;i||(i=this._roamController=new LD(n.getZr())),t&&this._isEnabled()?(i.enable(t,{api:n,zInfo:{component:this._model},triggerInfo:{roamTrigger:null,isInSelf:function(t,n,i){return e._contentRect.contain(n,i)}}}),i.off("pan").off("zoom").on("pan",W(this._onPan,this)).on("zoom",W(this._onZoom,this))):i.disable()},e.prototype._onPan=function(t){var e=this._transThisToTarget;if(this._isEnabled()&&e){var n=Ht([],[t.oldX,t.oldY],e),i=Ht([],[t.oldX-t.dx,t.oldY-t.dy],e);this._api.dispatchAction(sY(this._model.getTarget().baseMapProvider,{dx:i[0]-n[0],dy:i[1]-n[1]}))}},e.prototype._onZoom=function(t){var e=this._transThisToTarget;if(this._isEnabled()&&e){var n=Ht([],[t.originX,t.originY],e);this._api.dispatchAction(sY(this._model.getTarget().baseMapProvider,{zoom:1/t.scale,originX:n[0],originY:n[1]}))}},e.prototype._isEnabled=function(){var t=this._model;return!(!t||!t.shouldShow())&&!!t.getTarget().baseMapProvider},e.prototype._clear=function(){this.group.removeAll(),this._bridgeRendered=null,this._roamController&&this._roamController.disable()},e.prototype.remove=function(){this._clear()},e.prototype.dispose=function(){this._clear()},e.type="thumbnail",e}(Ky);function sY(t,e){var n={type:"series"===t.mainType?t.subType+"Roam":t.mainType+"Roam"};return n[t.mainType+"Id"]=t.id,A(n,e),n}function lY(t,e){var n=Hh(t);Yh(e.group,n.z,n.zlevel)}var uY={label:{enabled:!0},decal:{show:!1}},cY=sa(),hY={};function dY(t,e){var n=t.getModel("aria");if(n.get("enabled")){var i=T(uY);C(i.label,t.getLocaleModel().get("aria"),!1),C(n.option,i,!1),function(){if(n.getModel("decal").get("show")){var e=yt();t.eachSeries((function(t){if(!t.isColorBySeries()){var n=e.get(t.type);n||(n={},e.set(t.type,n)),cY(t).scope=n}})),t.eachRawSeries((function(e){if(!t.isSeriesFiltered(e))if(Y(e.enableAriaDecal))e.enableAriaDecal();else{var n=e.getData();if(e.isColorBySeries()){var i=Nf(e.ecModel,e.name,hY,t.getSeriesCount()),r=n.getVisual("decal");n.setVisual("decal",u(r,i))}else{var o=e.getRawData(),a={},s=cY(e).scope;n.each((function(t){var e=n.getRawIndex(t);a[e]=t}));var l=o.count();o.each((function(t){var i=a[t],r=o.getName(t)||t+"",c=Nf(e.ecModel,r,s,l),h=n.getItemVisual(i,"decal");n.setItemVisual(i,"decal",u(h,c))}))}}function u(t,e){var n=t?A(A({},e),t):e;return n.dirty=!0,n}}))}}(),function(){var i=e.getZr().dom;if(!i)return;var o=t.getLocaleModel().get("aria"),a=n.getModel("label");if(a.option=k(a.option,o),!a.get("enabled"))return;if(i.setAttribute("role","img"),a.get("description"))return void i.setAttribute("aria-label",a.get("description"));var s,l=t.getSeriesCount(),u=a.get(["data","maxCount"])||10,c=a.get(["series","maxCount"])||10,h=Math.min(l,c);if(l<1)return;var d=function(){var e=t.get("title");e&&e.length&&(e=e[0]);return e&&e.text}();s=d?r(a.get(["general","withTitle"]),{title:d}):a.get(["general","withoutTitle"]);var p=[];s+=r(l>1?a.get(["series","multiple","prefix"]):a.get(["series","single","prefix"]),{seriesCount:l}),t.eachSeries((function(e,n){if(n<h){var i=void 0,o=e.get("name")?"withName":"withoutName";i=r(i=l>1?a.get(["series","multiple",o]):a.get(["series","single",o]),{seriesId:e.seriesIndex,seriesName:e.get("name"),seriesType:(_=e.subType,b=t.getLocaleModel().get(["series","typeNames"]),b[_]||b.chart)});var s=e.getData();if(s.count()>u)i+=r(a.get(["data","partialData"]),{displayCnt:u});else i+=a.get(["data","allData"]);for(var c=a.get(["data","separator","middle"]),d=a.get(["data","separator","end"]),f=a.get(["data","excludeDimensionId"]),g=[],y=0;y<s.count();y++)if(y<u){var v=s.getName(y),m=f?V(s.getValues(y),(function(t,e){return-1===P(f,e)})):s.getValues(y),x=a.get(["data",v?"withName":"withoutName"]);g.push(r(x,{name:v,value:m.join(c)}))}i+=g.join(c)+d,p.push(i)}var _,b}));var f=a.getModel(["series","multiple","separator"]),g=f.get("middle"),y=f.get("end");s+=p.join(g)+y,i.setAttribute("aria-label",s)}()}function r(t,e){if(!X(t))return t;var n=t;return z(e,(function(t,e){n=n.replace(new RegExp("\\{\\s*"+e+"\\s*\\}","g"),t)})),n}}function pY(t){if(t&&t.aria){var e=t.aria;null!=e.show&&(e.enabled=e.show),e.label=e.label||{},z(["description","general","series","data"],(function(t){null!=e[t]&&(e.label[t]=e[t])}))}}var fY={value:"eq","<":"lt","<=":"lte",">":"gt",">=":"gte","=":"eq","!=":"ne","<>":"ne"},gY=function(){function t(t){if(null==(this._condVal=X(t)?new RegExp(t):et(t)?t:null)){var e="";0,Yo(e)}}return t.prototype.evaluate=function(t){var e=typeof t;return X(e)?this._condVal.test(t):!!j(e)&&this._condVal.test(t+"")},t}(),yY=function(){function t(){}return t.prototype.evaluate=function(){return this.value},t}(),vY=function(){function t(){}return t.prototype.evaluate=function(){for(var t=this.children,e=0;e<t.length;e++)if(!t[e].evaluate())return!1;return!0},t}(),mY=function(){function t(){}return t.prototype.evaluate=function(){for(var t=this.children,e=0;e<t.length;e++)if(t[e].evaluate())return!0;return!1},t}(),xY=function(){function t(){}return t.prototype.evaluate=function(){return!this.child.evaluate()},t}(),_Y=function(){function t(){}return t.prototype.evaluate=function(){for(var t=!!this.valueParser,e=(0,this.getValue)(this.valueGetterParam),n=t?this.valueParser(e):null,i=0;i<this.subCondList.length;i++)if(!this.subCondList[i].evaluate(t?n:e))return!1;return!0},t}();function bY(t,e){if(!0===t||!1===t){var n=new yY;return n.value=t,n}var i="";return SY(t)||Yo(i),t.and?wY("and",t,e):t.or?wY("or",t,e):t.not?function(t,e){var n=t.not,i="";0;SY(n)||Yo(i);var r=new xY;r.child=bY(n,e),r.child||Yo(i);return r}(t,e):function(t,e){for(var n="",i=e.prepareGetValue(t),r=[],o=F(t),a=t.parser,s=a?jg(a):null,l=0;l<o.length;l++){var u=o[l];if("parser"!==u&&!e.valueGetterAttrMap.get(u)){var c=_t(fY,u)?fY[u]:u,h=t[u],d=s?s(h):h,p=Qg(c,d)||"reg"===c&&new gY(d);p||Yo(n),r.push(p)}}r.length||Yo(n);var f=new _Y;return f.valueGetterParam=i,f.valueParser=s,f.getValue=e.getValue,f.subCondList=r,f}(t,e)}function wY(t,e,n){var i=e[t],r="";U(i)||Yo(r),i.length||Yo(r);var o="and"===t?new vY:new mY;return o.children=E(i,(function(t){return bY(t,n)})),o.children.length||Yo(r),o}function SY(t){return q(t)&&!N(t)}var MY=function(){function t(t,e){this._cond=bY(t,e)}return t.prototype.evaluate=function(){return this._cond.evaluate()},t}();var IY={type:"echarts:filter",transform:function(t){for(var e,n,i,r=t.upstream,o=(n=t.config,i={valueGetterAttrMap:yt({dimension:!0}),prepareGetValue:function(t){var e="",n=t.dimension;_t(t,"dimension")||Yo(e);var i=r.getDimensionInfo(n);return i||Yo(e),{dimIdx:i.index}},getValue:function(t){return r.retrieveValueFromItem(e,t.dimIdx)}},new MY(n,i)),a=[],s=0,l=r.count();s<l;s++)e=r.getRawDataItem(s),o.evaluate()&&a.push(e);return{data:a}}};var TY={type:"echarts:sort",transform:function(t){var e=t.upstream,n=t.config,i="",r=qo(n);r.length||Yo(i);var o=[];z(r,(function(t){var n=t.dimension,r=t.order,a=t.parser,s=t.incomparable;if(null==n&&Yo(i),"asc"!==r&&"desc"!==r&&Yo(i),s&&"min"!==s&&"max"!==s){var l="";0,Yo(l)}if("asc"!==r&&"desc"!==r){var u="";0,Yo(u)}var c=e.getDimensionInfo(n);c||Yo(i);var h=a?jg(a):null;a&&!h&&Yo(i),o.push({dimIdx:c.index,parser:h,comparator:new $g(r,s)})}));var a=e.sourceFormat;a!==df&&a!==pf&&Yo(i);for(var s=[],l=0,u=e.count();l<u;l++)s.push(e.getRawDataItem(l));return s.sort((function(t,n){for(var i=0;i<o.length;i++){var r=o[i],a=e.retrieveValueFromItem(t,r.dimIdx),s=e.retrieveValueFromItem(n,r.dimIdx);r.parser&&(a=r.parser(a),s=r.parser(s));var l=r.comparator.evaluate(a,s);if(0!==l)return l}return 0})),{data:s}}};var CY=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="dataset",e}return n(e,t),e.prototype.init=function(e,n,i){t.prototype.init.call(this,e,n,i),this._sourceManager=new my(this),xy(this)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.call(this,e,n),xy(this)},e.prototype.optionUpdated=function(){this._sourceManager.dirty()},e.prototype.getSourceManager=function(){return this._sourceManager},e.type="dataset",e.defaultOption={seriesLayoutBy:vf},e}(Qp),DY=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="dataset",e}return n(e,t),e.type="dataset",e}(Ky);var AY=Fs.CMD;function kY(t,e){return Math.abs(t-e)<1e-5}function LY(t){var e,n,i,r,o,a=t.data,s=t.len(),l=[],u=0,c=0,h=0,d=0;function p(t,n){e&&e.length>2&&l.push(e),e=[t,n]}function f(t,n,i,r){kY(t,i)&&kY(n,r)||e.push(t,n,i,r,i,r)}function g(t,n,i,r,o,a){var s=Math.abs(n-t),l=4*Math.tan(s/4)/3,u=n<t?-1:1,c=Math.cos(t),h=Math.sin(t),d=Math.cos(n),p=Math.sin(n),f=c*o+i,g=h*a+r,y=d*o+i,v=p*a+r,m=o*l*u,x=a*l*u;e.push(f-m*h,g+x*c,y+m*p,v-x*d,y,v)}for(var y=0;y<s;){var v=a[y++],m=1===y;switch(m&&(h=u=a[y],d=c=a[y+1],v!==AY.L&&v!==AY.C&&v!==AY.Q||(e=[h,d])),v){case AY.M:u=h=a[y++],c=d=a[y++],p(h,d);break;case AY.L:f(u,c,n=a[y++],i=a[y++]),u=n,c=i;break;case AY.C:e.push(a[y++],a[y++],a[y++],a[y++],u=a[y++],c=a[y++]);break;case AY.Q:n=a[y++],i=a[y++],r=a[y++],o=a[y++],e.push(u+2/3*(n-u),c+2/3*(i-c),r+2/3*(n-r),o+2/3*(i-o),r,o),u=r,c=o;break;case AY.A:var x=a[y++],_=a[y++],b=a[y++],w=a[y++],S=a[y++],M=a[y++]+S;y+=1;var I=!a[y++];n=Math.cos(S)*b+x,i=Math.sin(S)*w+_,m?p(h=n,d=i):f(u,c,n,i),u=Math.cos(M)*b+x,c=Math.sin(M)*w+_;for(var T=(I?-1:1)*Math.PI/2,C=S;I?C>M:C<M;C+=T){g(C,I?Math.max(C+T,M):Math.min(C+T,M),x,_,b,w)}break;case AY.R:h=u=a[y++],d=c=a[y++],n=h+a[y++],i=d+a[y++],p(n,d),f(n,d,n,i),f(n,i,h,i),f(h,i,h,d),f(h,d,n,d);break;case AY.Z:e&&f(u,c,h,d),u=h,c=d}}return e&&e.length>2&&l.push(e),l}function PY(t,e,n,i,r,o,a,s,l,u){if(kY(t,n)&&kY(e,i)&&kY(r,a)&&kY(o,s))l.push(a,s);else{var c=2/u,h=c*c,d=a-t,p=s-e,f=Math.sqrt(d*d+p*p);d/=f,p/=f;var g=n-t,y=i-e,v=r-a,m=o-s,x=g*g+y*y,_=v*v+m*m;if(x<h&&_<h)l.push(a,s);else{var b=d*g+p*y,w=-d*v-p*m;if(x-b*b<h&&b>=0&&_-w*w<h&&w>=0)l.push(a,s);else{var S=[],M=[];Pn(t,n,r,a,.5,S),Pn(e,i,o,s,.5,M),PY(S[0],M[0],S[1],M[1],S[2],M[2],S[3],M[3],l,u),PY(S[4],M[4],S[5],M[5],S[6],M[6],S[7],M[7],l,u)}}}}function OY(t,e,n){var i=t[e],r=t[1-e],o=Math.abs(i/r),a=Math.ceil(Math.sqrt(o*n)),s=Math.floor(n/a);0===s&&(s=1,a=n);for(var l=[],u=0;u<a;u++)l.push(s);var c=n-a*s;if(c>0)for(u=0;u<c;u++)l[u%a]+=1;return l}function RY(t,e,n){for(var i=t.r0,r=t.r,o=t.startAngle,a=t.endAngle,s=Math.abs(a-o),l=s*r,u=r-i,c=l>Math.abs(u),h=OY([l,u],c?0:1,e),d=(c?s:u)/h.length,p=0;p<h.length;p++)for(var f=(c?u:s)/h[p],g=0;g<h[p];g++){var y={};c?(y.startAngle=o+d*p,y.endAngle=o+d*(p+1),y.r0=i+f*g,y.r=i+f*(g+1)):(y.startAngle=o+f*g,y.endAngle=o+f*(g+1),y.r0=i+d*p,y.r=i+d*(p+1)),y.clockwise=t.clockwise,y.cx=t.cx,y.cy=t.cy,n.push(y)}}function NY(t,e,n,i){return t*i-n*e}function zY(t,e,n,i,r,o,a,s){var l=n-t,u=i-e,c=a-r,h=s-o,d=NY(c,h,l,u);if(Math.abs(d)<1e-6)return null;var p=NY(t-r,e-o,c,h)/d;return p<0||p>1?null:new Ae(p*l+t,p*u+e)}function EY(t,e,n){var i=new Ae;Ae.sub(i,n,e),i.normalize();var r=new Ae;return Ae.sub(r,t,e),r.dot(i)}function BY(t,e){var n=t[t.length-1];n&&n[0]===e[0]&&n[1]===e[1]||t.push(e)}function VY(t){var e=t.points,n=[],i=[];ys(e,n,i);var r=new He(n[0],n[1],i[0]-n[0],i[1]-n[1]),o=r.width,a=r.height,s=r.x,l=r.y,u=new Ae,c=new Ae;return o>a?(u.x=c.x=s+o/2,u.y=l,c.y=l+a):(u.y=c.y=l+a/2,u.x=s,c.x=s+o),function(t,e,n){for(var i=t.length,r=[],o=0;o<i;o++){var a=t[o],s=t[(o+1)%i],l=zY(a[0],a[1],s[0],s[1],e.x,e.y,n.x,n.y);l&&r.push({projPt:EY(l,e,n),pt:l,idx:o})}if(r.length<2)return[{points:t},{points:t}];r.sort((function(t,e){return t.projPt-e.projPt}));var u=r[0],c=r[r.length-1];if(c.idx<u.idx){var h=u;u=c,c=h}var d=[u.pt.x,u.pt.y],p=[c.pt.x,c.pt.y],f=[d],g=[p];for(o=u.idx+1;o<=c.idx;o++)BY(f,t[o].slice());for(BY(f,p),BY(f,d),o=c.idx+1;o<=u.idx+i;o++)BY(g,t[o%i].slice());return BY(g,d),BY(g,p),[{points:f},{points:g}]}(e,u,c)}function GY(t,e,n,i){if(1===n)i.push(e);else{var r=Math.floor(n/2),o=t(e);GY(t,o[0],r,i),GY(t,o[1],n-r,i)}return i}function FY(t,e){e.setStyle(t.style),e.z=t.z,e.z2=t.z2,e.zlevel=t.zlevel}function WY(t,e){var n,i=[],r=t.shape;switch(t.type){case"rect":!function(t,e,n){for(var i=t.width,r=t.height,o=i>r,a=OY([i,r],o?0:1,e),s=o?"width":"height",l=o?"height":"width",u=o?"x":"y",c=o?"y":"x",h=t[s]/a.length,d=0;d<a.length;d++)for(var p=t[l]/a[d],f=0;f<a[d];f++){var g={};g[u]=d*h,g[c]=f*p,g[s]=h,g[l]=p,g.x+=t.x,g.y+=t.y,n.push(g)}}(r,e,i),n=xl;break;case"sector":RY(r,e,i),n=xc;break;case"circle":RY({r0:0,r:r.r,startAngle:0,endAngle:2*Math.PI,cx:r.cx,cy:r.cy},e,i),n=xc;break;default:var o=t.getComputedTransform(),a=o?Math.sqrt(Math.max(o[0]*o[0]+o[1]*o[1],o[2]*o[2]+o[3]*o[3])):1,s=E(function(t,e){var n=LY(t),i=[];e=e||1;for(var r=0;r<n.length;r++){var o=n[r],a=[],s=o[0],l=o[1];a.push(s,l);for(var u=2;u<o.length;){var c=o[u++],h=o[u++],d=o[u++],p=o[u++],f=o[u++],g=o[u++];PY(s,l,c,h,d,p,f,g,a,e),s=f,l=g}i.push(a)}return i}(t.getUpdatedPathProxy(),a),(function(t){return function(t){for(var e=[],n=0;n<t.length;)e.push([t[n++],t[n++]]);return e}(t)})),l=s.length;if(0===l)GY(VY,{points:s[0]},e,i);else if(l===e)for(var u=0;u<l;u++)i.push({points:s[u]});else{var c=0,h=E(s,(function(t){var e=[],n=[];ys(t,e,n);var i=(n[1]-e[1])*(n[0]-e[0]);return c+=i,{poly:t,area:i}}));h.sort((function(t,e){return e.area-t.area}));var d=e;for(u=0;u<l;u++){var p=h[u];if(d<=0)break;var f=u===l-1?d:Math.ceil(p.area/c*e);f<0||(GY(VY,{points:p.poly},f,i),d-=f)}}n=Mc}if(!n)return function(t,e){for(var n=[],i=0;i<e;i++)n.push(tc(t));return n}(t,e);var g=[];for(u=0;u<i.length;u++){var y=new n;y.setShape(i[u]),FY(t,y),g.push(y)}return g}function HY(t,e){var n=t.length,i=e.length;if(n===i)return[t,e];for(var r=[],o=[],a=n<i?t:e,s=Math.min(n,i),l=Math.abs(i-n)/6,u=(s-2)/6,c=Math.ceil(l/u)+1,h=[a[0],a[1]],d=l,p=2;p<s;){var f=a[p-2],g=a[p-1],y=a[p++],v=a[p++],m=a[p++],x=a[p++],_=a[p++],b=a[p++];if(d<=0)h.push(y,v,m,x,_,b);else{for(var w=Math.min(d,c-1)+1,S=1;S<=w;S++){var M=S/w;Pn(f,y,m,_,M,r),Pn(g,v,x,b,M,o),f=r[3],g=o[3],h.push(r[1],o[1],r[2],o[2],f,g),y=r[5],v=o[5],m=r[6],x=o[6]}d-=w-1}}return a===t?[h,e]:[t,h]}function UY(t,e){for(var n=t.length,i=t[n-2],r=t[n-1],o=[],a=0;a<e.length;)o[a++]=i,o[a++]=r;return o}function YY(t){for(var e=0,n=0,i=0,r=t.length,o=0,a=r-2;o<r;a=o,o+=2){var s=t[a],l=t[a+1],u=t[o],c=t[o+1],h=s*c-u*l;e+=h,n+=(s+u)*h,i+=(l+c)*h}return 0===e?[t[0]||0,t[1]||0]:[n/e/3,i/e/3,e]}function XY(t,e,n,i){for(var r=(t.length-2)/6,o=1/0,a=0,s=t.length,l=s-2,u=0;u<r;u++){for(var c=6*u,h=0,d=0;d<s;d+=2){var p=0===d?c:(c+d-2)%l+2,f=t[p]-n[0],g=t[p+1]-n[1],y=e[d]-i[0]-f,v=e[d+1]-i[1]-g;h+=y*y+v*v}h<o&&(o=h,a=u)}return a}function ZY(t){for(var e=[],n=t.length,i=0;i<n;i+=2)e[i]=t[n-i-2],e[i+1]=t[n-i-1];return e}function jY(t){return t.__isCombineMorphing}var qY="__mOriginal_";function KY(t,e,n){var i=qY+e,r=t[i]||t[e];t[i]||(t[i]=t[e]);var o=n.replace,a=n.after,s=n.before;t[e]=function(){var t,e=arguments;return s&&s.apply(this,e),t=o?o.apply(this,e):r.apply(this,e),a&&a.apply(this,e),t}}function $Y(t,e){var n=qY+e;t[n]&&(t[e]=t[n],t[n]=null)}function JY(t,e){for(var n=0;n<t.length;n++)for(var i=t[n],r=0;r<i.length;){var o=i[r],a=i[r+1];i[r++]=e[0]*o+e[2]*a+e[4],i[r++]=e[1]*o+e[3]*a+e[5]}}function QY(t,e){var n=t.getUpdatedPathProxy(),i=e.getUpdatedPathProxy(),r=function(t,e){for(var n,i,r,o=[],a=[],s=0;s<Math.max(t.length,e.length);s++){var l=t[s],u=e[s],c=void 0,h=void 0;l?u?(i=c=(n=HY(l,u))[0],r=h=n[1]):(h=UY(r||l,l),c=l):(c=UY(i||u,u),h=u),o.push(c),a.push(h)}return[o,a]}(LY(n),LY(i)),o=r[0],a=r[1],s=t.getComputedTransform(),l=e.getComputedTransform();s&&JY(o,s),l&&JY(a,l),KY(e,"updateTransform",{replace:function(){this.transform=null}}),e.transform=null;var u=function(t,e,n,i){for(var r,o=[],a=0;a<t.length;a++){var s=t[a],l=e[a],u=YY(s),c=YY(l);null==r&&(r=u[2]<0!=c[2]<0);var h=[],d=[],p=0,f=1/0,g=[],y=s.length;r&&(s=ZY(s));for(var v=6*XY(s,l,u,c),m=y-2,x=0;x<m;x+=2){var _=(v+x)%m+2;h[x+2]=s[_]-u[0],h[x+3]=s[_+1]-u[1]}if(h[0]=s[v]-u[0],h[1]=s[v+1]-u[1],n>0)for(var b=i/n,w=-i/2;w<=i/2;w+=b){var S=Math.sin(w),M=Math.cos(w),I=0;for(x=0;x<s.length;x+=2){var T=h[x],C=h[x+1],D=l[x]-c[0],A=l[x+1]-c[1],k=D*M-A*S,L=D*S+A*M;g[x]=k,g[x+1]=L;var P=k-T,O=L-C;I+=P*P+O*O}if(I<f){f=I,p=w;for(var R=0;R<g.length;R++)d[R]=g[R]}}else for(var N=0;N<y;N+=2)d[N]=l[N]-c[0],d[N+1]=l[N+1]-c[1];o.push({from:h,to:d,fromCp:u,toCp:c,rotation:-p})}return o}(o,a,10,Math.PI),c=[];KY(e,"buildPath",{replace:function(t){for(var n=e.__morphT,i=1-n,r=[],o=0;o<u.length;o++){var a=u[o],s=a.from,l=a.to,h=a.rotation*n,d=a.fromCp,p=a.toCp,f=Math.sin(h),g=Math.cos(h);Wt(r,d,p,n);for(var y=0;y<s.length;y+=2){var v=s[y],m=s[y+1],x=v*i+(S=l[y])*n,_=m*i+(M=l[y+1])*n;c[y]=x*g-_*f+r[0],c[y+1]=x*f+_*g+r[1]}var b=c[0],w=c[1];t.moveTo(b,w);for(y=2;y<s.length;){var S=c[y++],M=c[y++],I=c[y++],T=c[y++],C=c[y++],D=c[y++];b===S&&w===M&&I===C&&T===D?t.lineTo(C,D):t.bezierCurveTo(S,M,I,T,C,D),b=C,w=D}}}})}function tX(t,e,n){if(!t||!e)return e;var i=n.done,r=n.during;return QY(t,e),e.__morphT=0,e.animateTo({__morphT:1},k({during:function(t){e.dirtyShape(),r&&r(t)},done:function(){$Y(e,"buildPath"),$Y(e,"updateTransform"),e.__morphT=-1,e.createPathProxy(),e.dirtyShape(),i&&i()}},n)),e}function eX(t,e,n,i,r,o){t=r===n?0:Math.round(32767*(t-n)/(r-n)),e=o===i?0:Math.round(32767*(e-i)/(o-i));for(var a,s=0,l=32768;l>0;l/=2){var u=0,c=0;(t&l)>0&&(u=1),(e&l)>0&&(c=1),s+=l*l*(3*u^c),0===c&&(1===u&&(t=l-1-t,e=l-1-e),a=t,t=e,e=a)}return s}function nX(t){var e=1/0,n=1/0,i=-1/0,r=-1/0,o=E(t,(function(t){var o=t.getBoundingRect(),a=t.getComputedTransform(),s=o.x+o.width/2+(a?a[4]:0),l=o.y+o.height/2+(a?a[5]:0);return e=Math.min(s,e),n=Math.min(l,n),i=Math.max(s,i),r=Math.max(l,r),[s,l]}));return E(o,(function(o,a){return{cp:o,z:eX(o[0],o[1],e,n,i,r),path:t[a]}})).sort((function(t,e){return t.z-e.z})).map((function(t){return t.path}))}function iX(t){return WY(t.path,t.count)}function rX(t){return U(t[0])}function oX(t,e){for(var n=[],i=t.length,r=0;r<i;r++)n.push({one:t[r],many:[]});for(r=0;r<e.length;r++){var o=e[r].length,a=void 0;for(a=0;a<o;a++)n[a%i].many.push(e[r][a])}var s=0;for(r=i-1;r>=0;r--)if(!n[r].many.length){var l=n[s].many;if(l.length<=1){if(!s)return n;s=0}o=l.length;var u=Math.ceil(o/2);n[r].many=l.slice(u,o),n[s].many=l.slice(0,u),s++}return n}var aX={clone:function(t){for(var e=[],n=1-Math.pow(1-t.path.style.opacity,1/t.count),i=0;i<t.count;i++){var r=tc(t.path);r.setStyle("opacity",n),e.push(r)}return e},split:null};function sX(t,e,n,i,r,o){if(t.length&&e.length){var a=Jc("update",i,r);if(a&&a.duration>0){var s,l,u=i.getModel("universalTransition").get("delay"),c=Object.assign({setToFinal:!0},a);rX(t)&&(s=t,l=e),rX(e)&&(s=e,l=t);for(var h=s?s===t:t.length>e.length,d=s?oX(l,s):oX(h?e:t,[h?t:e]),p=0,f=0;f<d.length;f++)p+=d[f].many.length;var g=0;for(f=0;f<d.length;f++)y(d[f],h,g,p),g+=d[f].many.length}}function y(t,e,i,r,a){var s=t.many,l=t.one;if(1!==s.length||a)for(var h=k({dividePath:aX[n],individualDelay:u&&function(t,e,n,o){return u(t+i,r)}},c),d=e?function(t,e,n){var i=[];!function t(e){for(var n=0;n<e.length;n++){var r=e[n];jY(r)?t(r.childrenRef()):r instanceof sl&&i.push(r)}}(t);var r=i.length;if(!r)return{fromIndividuals:[],toIndividuals:[],count:0};var o=(n.dividePath||iX)({path:e,count:r});if(o.length!==r)return console.error("Invalid morphing: unmatched splitted path"),{fromIndividuals:[],toIndividuals:[],count:0};i=nX(i),o=nX(o);for(var a=n.done,s=n.during,l=n.individualDelay,u=new Dr,c=0;c<r;c++){var h=i[c],d=o[c];d.parent=e,d.copyTransform(u),l||QY(h,d)}function p(t){for(var e=0;e<o.length;e++)o[e].addSelfToZr(t)}function f(){e.__isCombineMorphing=!1,e.__morphT=-1,e.childrenRef=null,$Y(e,"addSelfToZr"),$Y(e,"removeSelfFromZr")}e.__isCombineMorphing=!0,e.childrenRef=function(){return o},KY(e,"addSelfToZr",{after:function(t){p(t)}}),KY(e,"removeSelfFromZr",{after:function(t){for(var e=0;e<o.length;e++)o[e].removeSelfFromZr(t)}});var g=o.length;if(l){var y=g,v=function(){0==--y&&(f(),a&&a())};for(c=0;c<g;c++){var m=l?k({delay:(n.delay||0)+l(c,g,i[c],o[c]),done:v},n):n;tX(i[c],o[c],m)}}else e.__morphT=0,e.animateTo({__morphT:1},k({during:function(t){for(var n=0;n<g;n++){var i=o[n];i.__morphT=e.__morphT,i.dirtyShape()}s&&s(t)},done:function(){f();for(var e=0;e<t.length;e++)$Y(t[e],"updateTransform");a&&a()}},n));return e.__zr&&p(e.__zr),{fromIndividuals:i,toIndividuals:o,count:g}}(s,l,h):function(t,e,n){var i=e.length,r=[],o=n.dividePath||iX;if(jY(t)){!function t(e){for(var n=0;n<e.length;n++){var i=e[n];jY(i)?t(i.childrenRef()):i instanceof sl&&r.push(i)}}(t.childrenRef());var a=r.length;if(a<i)for(var s=0,l=a;l<i;l++)r.push(tc(r[s++%a]));r.length=i}else{r=o({path:t,count:i});var u=t.getComputedTransform();for(l=0;l<r.length;l++)r[l].setLocalTransform(u);if(r.length!==i)return console.error("Invalid morphing: unmatched splitted path"),{fromIndividuals:[],toIndividuals:[],count:0}}r=nX(r),e=nX(e);var c=n.individualDelay;for(l=0;l<i;l++){var h=c?k({delay:(n.delay||0)+c(l,i,r[l],e[l])},n):n;tX(r[l],e[l],h)}return{fromIndividuals:r,toIndividuals:e,count:e.length}}(l,s,h),p=d.fromIndividuals,f=d.toIndividuals,g=p.length,v=0;v<g;v++){m=u?k({delay:u(v,g)},c):c;o(p[v],f[v],e?s[v]:t.one,e?t.one:s[v],m)}else{var m,x=e?s[0]:l,_=e?l:s[0];if(jY(x))y({many:[x],one:_},!0,i,r,!0);else tX(x,_,m=u?k({delay:u(i,r)},c):c),o(x,_,x,_,m)}}}function lX(t){if(!t)return[];if(U(t)){for(var e=[],n=0;n<t.length;n++)e.push(lX(t[n]));return e}var i=[];return t.traverse((function(t){t instanceof sl&&!t.disableMorphing&&!t.invisible&&!t.ignore&&i.push(t)})),i}var uX=sa();function cX(t,e,n,i){var r=function(t,e){for(var n=t.dimensions,i=0;i<n.length;i++){var r=t.getDimensionInfo(n[i]);if(r&&0===r.otherDims[e])return n[i]}}(t,i?"itemChildGroupId":"itemGroupId");if(r){var o=function(t,e,n){var i=t.getDimensionInfo(n),r=i&&i.ordinalMeta;if(i){var o=t.get(i.name,e);return r&&r.categories[o]||o+""}}(t,e,r);return o}var a=t.getRawDataItem(e),s=i?"childGroupId":"groupId";return a&&a[s]?a[s]+"":i?void 0:n||t.getId(e)}function hX(t){var e=[];return z(t,(function(t){var n=t.data,i=t.dataGroupId;if(!(n.count()>1e4))for(var r=n.getIndices(),o=0;o<r.length;o++)e.push({data:n,groupId:cX(n,o,i,!1),childGroupId:cX(n,o,i,!0),divide:t.divide,dataIndex:o})})),e}function dX(t,e,n){t.traverse((function(t){t instanceof sl&&eh(t,{style:{opacity:0}},e,{dataIndex:n,isFrom:!0})}))}function pX(t){if(t.parent){var e=t.getComputedTransform();t.setLocalTransform(e),t.parent.remove(t)}}function fX(t){t.stopAnimation(),t.isGroup&&t.traverse((function(t){t.stopAnimation()}))}function gX(t,e,n){var i=Jc("update",n,e);i&&t.traverse((function(t){if(t instanceof os){var e=function(t){return $c(t).oldStyle}(t);e&&t.animateFrom({style:e},i)}}))}function yX(t,e,n){var i=hX(t),r=hX(e);function o(t,e,n,i,r){(n||t)&&e.animateFrom({style:n&&n!==t?A(A({},n.style),t.style):t.style},r)}var a=!1,s=0,l=yt(),u=yt();i.forEach((function(t){t.groupId&&l.set(t.groupId,!0),t.childGroupId&&u.set(t.childGroupId,!0)}));for(var c=0;c<r.length;c++){var h=r[c].groupId;if(u.get(h)){s=1;break}var d=r[c].childGroupId;if(d&&l.get(d)){s=2;break}}function p(t,e){return function(n){var i=n.data,r=n.dataIndex;return e?i.getId(r):t?1===s?n.childGroupId:n.groupId:2===s?n.childGroupId:n.groupId}}var f=function(t,e){var n=t.length;if(n!==e.length)return!1;for(var i=0;i<n;i++){var r=t[i],o=e[i];if(r.data.getId(r.dataIndex)!==o.data.getId(o.dataIndex))return!1}return!0}(i,r),g={};if(!f)for(c=0;c<r.length;c++){var y=r[c],v=y.data.getItemGraphicEl(y.dataIndex);v&&(g[v.id]=!0)}function m(t,e){var n=i[e],s=r[t],l=s.data.hostModel,u=n.data.getItemGraphicEl(n.dataIndex),c=s.data.getItemGraphicEl(s.dataIndex);u!==c?u&&g[u.id]||c&&(fX(c),u?(fX(u),pX(u),a=!0,sX(lX(u),lX(c),s.divide,l,t,o)):dX(c,l,t)):c&&gX(c,s.dataIndex,l)}new f_(i,r,p(!0,f),p(!1,f),null,"multiple").update(m).updateManyToOne((function(t,e){var n=r[t],s=n.data,l=s.hostModel,u=s.getItemGraphicEl(n.dataIndex),c=V(E(e,(function(t){return i[t].data.getItemGraphicEl(i[t].dataIndex)})),(function(t){return t&&t!==u&&!g[t.id]}));u&&(fX(u),c.length?(z(c,(function(t){fX(t),pX(t)})),a=!0,sX(lX(c),lX(u),n.divide,l,t,o)):dX(u,l,n.dataIndex))})).updateOneToMany((function(t,e){var n=i[e],s=n.data.getItemGraphicEl(n.dataIndex);if(!s||!g[s.id]){var l=V(E(t,(function(t){return r[t].data.getItemGraphicEl(r[t].dataIndex)})),(function(t){return t&&t!==s})),u=r[t[0]].data.hostModel;l.length&&(z(l,(function(t){return fX(t)})),s?(fX(s),pX(s),a=!0,sX(lX(s),lX(l),n.divide,u,t[0],o)):z(l,(function(e){return dX(e,u,t[0])})))}})).updateManyToMany((function(t,e){new f_(e,t,(function(t){return i[t].data.getId(i[t].dataIndex)}),(function(t){return r[t].data.getId(r[t].dataIndex)})).update((function(n,i){m(t[n],e[i])})).execute()})).execute(),a&&z(e,(function(t){var e=t.data.hostModel,i=e&&n.getViewOfSeriesModel(e),r=Jc("update",e,0);i&&e.isAnimationEnabled()&&r&&r.duration>0&&i.group.traverse((function(t){t instanceof sl&&!t.animators.length&&t.animateFrom({style:{opacity:0}},r)}))}))}function vX(t){var e=t.getModel("universalTransition").get("seriesKey");return e||t.id}function mX(t){return U(t)?t.sort().join(","):t}function xX(t){if(t.hostModel)return t.hostModel.getModel("universalTransition").get("divideShape")}function _X(t,e){for(var n=0;n<t.length;n++){if(null!=e.seriesIndex&&e.seriesIndex===t[n].seriesIndex||null!=e.seriesId&&e.seriesId===t[n].id)return n}}var bX=function(){function t(){this.breaks=[],this._elapsedExtent=[1/0,-1/0]}return t.prototype.setBreaks=function(t){this.breaks=t.breaks},t.prototype.update=function(t){!function(t,e){var n=0,i={tpAbs:{span:0,val:0},tpPrct:{span:0,val:0}},r=function(){return{has:!1,span:NaN,inExtFrac:NaN,val:NaN}},o={S:{tpAbs:r(),tpPrct:r()},E:{tpAbs:r(),tpPrct:r()}};z(t.breaks,(function(t){var r=t.gapParsed;"tpPrct"===r.type&&(n+=r.val);var a=CX(t,e);if(a){var s=a.vmin!==t.vmin,l=a.vmax!==t.vmax,u=a.vmax-a.vmin;if(s&&l);else if(s||l){var c=s?"S":"E";o[c][r.type].has=!0,o[c][r.type].span=u,o[c][r.type].inExtFrac=u/(t.vmax-t.vmin),o[c][r.type].val=r.val}else i[r.type].span+=u,i[r.type].val+=r.val}}));var a=n*(e[1]-e[0]+0+(i.tpAbs.val-i.tpAbs.span)+(o.S.tpAbs.has?(o.S.tpAbs.val-o.S.tpAbs.span)*o.S.tpAbs.inExtFrac:0)+(o.E.tpAbs.has?(o.E.tpAbs.val-o.E.tpAbs.span)*o.E.tpAbs.inExtFrac:0)-i.tpPrct.span-(o.S.tpPrct.has?o.S.tpPrct.span*o.S.tpPrct.inExtFrac:0)-(o.E.tpPrct.has?o.E.tpPrct.span*o.E.tpPrct.inExtFrac:0))/(1-i.tpPrct.val-(o.S.tpPrct.has?o.S.tpPrct.val*o.S.tpPrct.inExtFrac:0)-(o.E.tpPrct.has?o.E.tpPrct.val*o.E.tpPrct.inExtFrac:0));z(t.breaks,(function(t){var e=t.gapParsed;"tpPrct"===e.type&&(t.gapReal=0!==n?Math.max(a,0)*e.val/n:0),"tpAbs"===e.type&&(t.gapReal=e.val),null==t.gapReal&&(t.gapReal=0)}))}(this,t);var e=this._elapsedExtent;e[0]=this.elapse(t[0]),e[1]=this.elapse(t[1])},t.prototype.hasBreaks=function(){return!!this.breaks.length},t.prototype.calcNiceTickMultiple=function(t,e){for(var n=0;n<this.breaks.length;n++){var i=this.breaks[n];if(i.vmin<t&&t<i.vmax){var r=e(t,i.vmax);return r}}return 0},t.prototype.getExtentSpan=function(){return this._elapsedExtent[1]-this._elapsedExtent[0]},t.prototype.normalize=function(t){var e=this._elapsedExtent[1]-this._elapsedExtent[0];return 0===e?.5:(this.elapse(t)-this._elapsedExtent[0])/e},t.prototype.scale=function(t){return this.unelapse(t*(this._elapsedExtent[1]-this._elapsedExtent[0])+this._elapsedExtent[0])},t.prototype.elapse=function(t){for(var e=SX,n=MX,i=!0,r=0;r<this.breaks.length;r++){var o=this.breaks[r];if(t<=o.vmax){t>o.vmin?e+=o.vmin-n+(t-o.vmin)/(o.vmax-o.vmin)*o.gapReal:e+=t-n,n=o.vmax,i=!1;break}e+=o.vmin-n+o.gapReal,n=o.vmax}return i&&(e+=t-n),e},t.prototype.unelapse=function(t){for(var e=SX,n=MX,i=!0,r=0,o=0;o<this.breaks.length;o++){var a=this.breaks[o],s=e+a.vmin-n,l=s+a.gapReal;if(t<=l){r=t>s?a.vmin+(t-s)/(l-s)*(a.vmax-a.vmin):n+t-e,n=a.vmax,i=!1;break}e=l,n=a.vmax}return i&&(r=n+t-e),r},t}();function wX(){return new bX}var SX=0,MX=0;function IX(t,e,n,i,r,o){"no"!==t&&z(n,(function(n){var a=CX(n,o);if(a)for(var s=e.length-1;s>=0;s--){var l=e[s],u=i(l),c=3*r/4;u>a.vmin-c&&u<a.vmax+c&&("preserve_extent_bound"!==t||u!==o[0]&&u!==o[1])&&e.splice(s,1)}}))}function TX(t,e,n,i){z(e,(function(e){var r=CX(e,n);r&&(t.push({value:r.vmin,break:{type:"vmin",parsedBreak:r},time:i?i(r):void 0}),t.push({value:r.vmax,break:{type:"vmax",parsedBreak:r},time:i?i(r):void 0}))})),e.length&&t.sort((function(t,e){return t.value-e.value}))}function CX(t,e){var n=Math.max(t.vmin,e[0]),i=Math.min(t.vmax,e[1]);return n<i||n===i&&n>e[0]&&n<e[1]?{vmin:n,vmax:i,breakOption:t.breakOption,gapParsed:t.gapParsed,gapReal:t.gapReal}:null}function DX(t,e,n){var i=[];if(!t)return{breaks:i};z(t,(function(t){if(t&&null!=t.start&&null!=t.end&&!t.isExpanded){var r={breakOption:T(t),vmin:e(t.start),vmax:e(t.end),gapParsed:{type:"tpAbs",val:0},gapReal:null};if(null!=t.gap){var o=!1;if(X(t.gap)){var a=ut(t.gap);if(a.match(/%$/)){var s=parseFloat(a)/100;(function(t,e){return t>=0&&t<.99999})(s)||(s=0),r.gapParsed.type="tpPrct",r.gapParsed.val=s,o=!0}}if(!o){var l=e(t.gap);(!isFinite(l)||l<0)&&(l=0),r.gapParsed.type="tpAbs",r.gapParsed.val=l}}if(r.vmin===r.vmax&&(r.gapParsed.type="tpAbs",r.gapParsed.val=0),n&&n.noNegative&&z(["vmin","vmax"],(function(t){r[t]<0&&(r[t]=0)})),r.vmin>r.vmax){var u=r.vmax;r.vmax=r.vmin,r.vmin=u}i.push(r)}})),i.sort((function(t,e){return t.vmin-e.vmin}));var r=-1/0;return z(i,(function(t,e){r>t.vmin&&(i[e]=null),r=t.vmax})),{breaks:i.filter((function(t){return!!t}))}}function AX(t,e){return kX(e)===kX(t)}function kX(t){return t.start+"_\0_"+t.end}function LX(t,e,n){var i=[];z(t,(function(t,n){var r=e(t);r&&"vmin"===r.type&&i.push([n])})),z(t,(function(n,r){var o=e(n);if(o&&"vmax"===o.type){var a=G(i,(function(n){return AX(e(t[n[0]]).parsedBreak.breakOption,o.parsedBreak.breakOption)}));a&&a.push(r)}}));var r=[];return z(i,(function(e){2===e.length&&r.push(n?e:[t[e[0]],t[e[1]]])})),r}function PX(t,e,n,i){var r,o;if(t.break){var a=t.break.parsedBreak,s=G(n,(function(e){return AX(e.breakOption,t.break.parsedBreak.breakOption)})),l=i(Math.pow(e,a.vmin),s.vmin),u=i(Math.pow(e,a.vmax),s.vmax),c={type:a.gapParsed.type,val:"tpAbs"===a.gapParsed.type?mo(Math.pow(e,a.vmin+a.gapParsed.val))-l:a.gapParsed.val};r={type:t.break.type,parsedBreak:{breakOption:a.breakOption,vmin:l,vmax:u,gapParsed:c,gapReal:a.gapReal}},o=s[t.break.type]}return{brkRoundingCriterion:o,vBreak:r}}function OX(t,e,n){var i={noNegative:!0},r=DX(t,n,i),o=DX(t,n,i),a=Math.log(e);return o.breaks=E(o.breaks,(function(t){var e=Math.log(t.vmin)/a;return{vmin:e,vmax:Math.log(t.vmax)/a,gapParsed:{type:t.gapParsed.type,val:"tpAbs"===t.gapParsed.type?Math.log(t.vmin+t.gapParsed.val)/a-e:t.gapParsed.val},gapReal:t.gapReal,breakOption:t.breakOption}})),{parsedOriginal:r,parsedLogged:o}}var RX={vmin:"start",vmax:"end"};function NX(t,e){return e&&((t=t||{}).break={type:RX[e.type],start:e.parsedBreak.vmin,end:e.parsedBreak.vmax}),t}function zX(){var t;t={createScaleBreakContext:wX,pruneTicksByBreak:IX,addBreaksToTicks:TX,parseAxisBreakOption:DX,identifyAxisBreak:AX,serializeAxisBreakIdentifier:kX,retrieveAxisBreakPairs:LX,getTicksLogTransformBreak:PX,logarithmicParseBreaksFromOption:OX,makeAxisLabelFormatterParamBreak:NX},Rd||(Rd=t)}var EX=sa();function BX(t,e,n,i,r){var o=n.axis;if(!o.scale.isBlank()&&Nd()){var a=Nd().retrieveAxisBreakPairs(o.scale.getTicks({breakTicks:"only_break"}),(function(t){return t.break}),!1);if(a.length){var s=n.getModel("breakArea"),l=s.get("zigzagAmplitude"),u=s.get("zigzagMinSpan"),c=s.get("zigzagMaxSpan");u=Math.max(2,u||0),c=Math.max(u,c||0);var h=s.get("expandOnClick"),d=s.get("zigzagZ"),p=s.getModel("itemStyle").getItemStyle(),f=p.stroke,g=p.lineWidth,y=p.lineDash,v=p.fill,m=new to({ignoreModelZ:!0}),x=o.isHorizontal(),_=EX(e).visualList||(EX(e).visualList=[]);z(_,(function(t){return t.shouldRemove=!0}));for(var b=function(t){var e=a[t][0].break.parsedBreak,s=[];s[0]=o.toGlobalCoord(o.dataToCoord(e.vmin,!0)),s[1]=o.toGlobalCoord(o.dataToCoord(e.vmax,!0)),s[1]<s[0]&&s.reverse();var b=function(t,e){var n=G(t,(function(t){return Nd().identifyAxisBreak(t.parsedBreak.breakOption,e.breakOption)}));return n||t.push(n={zigzagRandomList:[],parsedBreak:e,shouldRemove:!1}),n}(_,e);b.shouldRemove=!1;var w=new to;!function(t,e,n,r,o,a){var s={stroke:f,lineWidth:g,lineDash:y,fill:"none"},h=o?0:1,m=1-h,x=i[lh[m]]+i[uh[m]];function _(t){var e=[],n=[];e[h]=n[h]=t,e[m]=i[lh[m]],n[m]=x;var r={x1:e[0],y1:e[1],x2:n[0],y2:n[1]};return fl(r,r,{lineWidth:1}),e[0]=r.x1,e[1]=r.y1,e[h]}n=_(n),r=_(r);for(var b=[],w=[],S=!0,M=i[lh[m]],I=0;;I++){var T=M===i[lh[m]],C=M>=x;C&&(M=x);var D=[],A=[];D[h]=n,A[h]=r,T||C||(D[h]+=S?-l:l,A[h]-=S?l:-l),D[m]=M,A[m]=M,b.push(D),w.push(A);var k=void 0;if(I<t.length?k=t[I]:(k=Math.random(),t.push(k)),M+=k*(c-u)+u,S=!S,C)break}var L=Nd().serializeAxisBreakIdentifier(a.breakOption);if(e.add(new Tc({anid:"break_a_"+L,shape:{points:b},style:s,z:d})),0!==a.gapReal){e.add(new Tc({anid:"break_b_"+L,shape:{points:w},style:s,z:d}));var P=w.slice();P.reverse();var O=b.concat(P);e.add(new Mc({anid:"break_c_"+L,shape:{points:O},style:{fill:v,opacity:p.opacity},z:d}))}}(b.zigzagRandomList,w,s[0],s[1],x,e),h&&w.on("click",(function(){var t={type:QT,breaks:[{start:e.breakOption.start,end:e.breakOption.end}]};t[o.dim+"AxisIndex"]=n.componentIndex,r.dispatchAction(t)})),w.silent=!h,m.add(w)},w=0;w<a.length;w++)b(w);t.add(m),function(t){for(var e=t.length-1;e>=0;e--)t[e].shouldRemove&&t.splice(e,1)}(_)}}}function VX(t,e,n,i){var r=t.axis,o=n.transform;lt(i.style);var a=r.getExtent();r.inverse&&(a=a.slice()).reverse();var s=E(Nd().retrieveAxisBreakPairs(r.scale.getTicks({breakTicks:"only_break"}),(function(t){return t.break}),!1),(function(t){var e=t[0].break.parsedBreak,n=[r.dataToCoord(e.vmin,!0),r.dataToCoord(e.vmax,!0)];return n[0]>n[1]&&n.reverse(),{coordPair:n,brkId:Nd().serializeAxisBreakIdentifier(e.breakOption)}}));s.sort((function(t,e){return t.coordPair[0]-e.coordPair[0]}));for(var l=a[0],u=null,c=0;c<s.length;c++){var h=s[c],d=Math.max(h.coordPair[0],a[0]),p=Math.min(h.coordPair[1],a[1]);l<=d&&f(l,d,u,h),l=p,u=h}function f(t,n,r,a){function s(t,e){o&&(Ht(t,t,o),Ht(e,e,o))}function l(t,e){var n={x1:t[0],y1:t[1],x2:e[0],y2:e[1]};fl(n,n,i.style),t[0]=n.x1,t[1]=n.y1,e[0]=n.x2,e[1]=n.y2}var u=[t,0],c=[n,0],h=[t,5],d=[n,5];s(u,h),l(u,h),s(c,d),l(c,d),l(u,c);var p=new Ac(A({shape:{x1:u[0],y1:u[1],x2:c[0],y2:c[1]}},i));e.add(p),p.anid="breakLine_"+(r?r.brkId:"\0")+"_\0_"+(a?a.brkId:"\0")}l<=a[1]&&f(l,a[1],u,null)}function GX(t,e,n){if(!G(n,(function(t){return!t}))){var i=new Ae;if(IS(n[0],n[1],i,{direction:-(t?e+Math.PI:e),touchThreshold:0,bidirectional:!1})){var r=[1,0,0,1,0,0];Me(r,r,-e);var o=E(n,(function(t){return t.transform?we([1,0,0,1,0,0],r,t.transform):r})),a=.5;if(g(0)||g(1)){var s=E(n,(function(t,e){var n=t.localRect.clone();return n.applyTransform(o[e]),n})),l=new Ae;l.copy(n[0].label).add(n[1].label).scale(.5),l.transform(r);var u=i.clone().transform(r),c=(s[0].x+s[1].x+(u.x>=0?s[0].width:s[1].width)+u.x)/2-l.x,h=Math.min(c,c-u.x),d=Math.max(c,c-u.x);a=(c-(d<0?d:h>0?h:0))/u.x}var p=new Ae,f=new Ae;Ae.scale(p,i,-a),Ae.scale(f,i,1-a),_S(n[0],p),_S(n[1],f)}}function g(t){var e=n[0].localRect,i=new Ae(e[uh[t]]*o[0][0],e[uh[t]]*o[0][1]);return Math.abs(i.y)<1e-5}}function FX(t,e){var n={breaks:[]};return z(e.breaks,(function(i){if(i){var r=G(t.get("breaks",!0),(function(t){return Nd().identifyAxisBreak(t,i)}));if(r){var o=e.type,a={isExpanded:!!r.isExpanded};r.isExpanded=o===QT||o!==tC&&(o===eC?!r.isExpanded:r.isExpanded),n.breaks.push({start:r.start,end:r.end,isExpanded:!!r.isExpanded,old:a})}}})),n}function WX(){var t;t={adjustBreakLabelPair:GX,buildAxisBreakLine:VX,rectCoordBuildBreakAxis:BX,updateModelAxisBreak:FX},UT||(UT=t)}function HX(t,e){z(t,(function(t){if(!t.model.get(["axisLabel","inside"])){var n=function(t){var e,n,i=t.model,r=t.scale;if(!i.get(["axisLabel","show"])||r.isBlank())return;var o=r.getExtent();n=r instanceof lb?r.count():(e=r.getTicks()).length;var a,s=t.getLabelModel(),l=jb(t),u=1;n>40&&(u=Math.ceil(n/40));for(var c=0;c<n;c+=u){var h=l(e?e[c]:{value:o[0]+c},c),d=p(s.getTextRect(h),s.get("rotate")||0);a?a.union(d):a=d}return a;function p(t,e){var n=e*Math.PI/180,i=t.width,r=t.height,o=i*Math.abs(Math.cos(n))+Math.abs(r*Math.sin(n)),a=i*Math.abs(Math.sin(n))+Math.abs(r*Math.cos(n));return new He(t.x,t.y,o,a)}}(t);if(n){var i=t.isHorizontal()?"height":"width",r=t.model.get(["axisLabel","margin"]);e[i]-=n[i]+r,"top"===t.position?e.y+=n.height+r:"left"===t.position&&(e.x+=n.width+r)}}}))}h_([function(t){t.registerPainter("canvas",tI)}]),h_([function(t){t.registerPainter("svg",ZM)}]),h_([function(t){t.registerChartView(RI),t.registerSeriesModel(eI),t.registerLayout(NI("line",!0)),t.registerVisual({seriesType:"line",reset:function(t){var e=t.getData(),n=t.getModel("lineStyle").getLineStyle();n&&!n.stroke&&(n.stroke=e.getVisual("style").fill),e.setVisual("legendLineStyle",n)}}),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,BI("line"))},function(t){t.registerChartView(jI),t.registerSeriesModel(GI),t.registerLayout(t.PRIORITY.VISUAL.LAYOUT,H(_b,"bar")),t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,bb("bar")),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,BI("bar")),t.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(t,e){var n=t.componentType||"series";e.eachComponent({mainType:n,query:t},(function(e){t.sortInfo&&e.axis.setCategorySortInfo(t.sortInfo)}))}))},function(t){t.registerChartView(MT),t.registerSeriesModel(AT),$v("pie",t.registerAction),t.registerLayout(H(dT,"pie")),t.registerProcessor(fT("pie")),t.registerProcessor(function(t){return{seriesType:t,reset:function(t,e){var n=t.getData();n.filterSelf((function(t){var e=n.mapDimension("value"),i=n.get(e,t);return!(j(i)&&!isNaN(i)&&i<0)}))}}}("pie"))},function(t){h_(lD),t.registerSeriesModel(kT),t.registerChartView(RT),t.registerLayout(NI("scatter"))},function(t){h_(TD),t.registerChartView(mD),t.registerSeriesModel(xD),t.registerLayout(fD),t.registerProcessor(fT("radar")),t.registerPreprocessor(vD)},function(t){h_(lk),t.registerChartView(YA),t.registerSeriesModel(XA),t.registerLayout(jA),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,ZA),$v("map",t.registerAction)},function(t){t.registerChartView(_k),t.registerSeriesModel(Wk),t.registerLayout(Uk),t.registerVisual(Yk),function(t){t.registerAction({type:"treeExpandAndCollapse",event:"treeExpandAndCollapse",update:"update"},(function(t,e){e.eachComponent({mainType:"series",subType:"tree",query:t},(function(e){var n=t.dataIndex,i=e.getData().tree.getNodeByDataIndex(n);i.isExpand=!i.isExpand}))})),t.registerAction({type:"treeRoam",event:"treeRoam",update:"none"},(function(t,e,n){e.eachComponent({mainType:"series",subType:"tree",query:t},(function(e){var n=YD(e.coordinateSystem,t,e.get("scaleLimit"));e.setCenter(n.center),e.setZoom(n.zoom)}))}))}(t)},function(t){t.registerSeriesModel(jk),t.registerChartView(sL),t.registerVisual(ML),t.registerLayout(EL),function(t){for(var e=0;e<Xk.length;e++)t.registerAction({type:Xk[e],update:"updateView"},bt);t.registerAction({type:"treemapRootToNode",update:"updateView"},(function(t,e){e.eachComponent({mainType:"series",subType:"treemap",query:t},(function(e,n){var i=Bk(t,["treemapZoomToNode","treemapRootToNode"],e);if(i){var r=e.getViewRoot();r&&(t.direction=Gk(r,i.node)?"rollUp":"drillDown"),e.resetViewRoot(i.node)}}))}))}(t)},function(t){t.registerChartView(GP),t.registerSeriesModel(ZP),t.registerProcessor(HL),t.registerVisual(UL),t.registerVisual(XL),t.registerLayout(nP),t.registerLayout(t.PRIORITY.VISUAL.POST_CHART_LAYOUT,cP),t.registerLayout(dP),t.registerCoordinateSystem("graphView",{dimensions:KA.dimensions,create:pP}),t.registerAction({type:"focusNodeAdjacency",event:"focusNodeAdjacency",update:"series:focusNodeAdjacency"},bt),t.registerAction({type:"unfocusNodeAdjacency",event:"unfocusNodeAdjacency",update:"series:unfocusNodeAdjacency"},bt),t.registerAction({type:"graphRoam",event:"graphRoam",update:"none"},(function(t,e,n){e.eachComponent({mainType:"series",query:t},(function(e){var i=n.getViewOfSeriesModel(e);i&&(null!=t.dx&&null!=t.dy&&i.updateViewOnPan(e,n,t),null!=t.zoom&&null!=t.originX&&null!=t.originY&&i.updateViewOnZoom(e,n,t));var r=YD(e.coordinateSystem,t,e.get("scaleLimit"));e.setCenter&&e.setCenter(r.center),e.setZoom&&e.setZoom(r.zoom)}))}))},function(t){t.registerChartView(JP),t.registerSeriesModel(QP),t.registerLayout(t.PRIORITY.VISUAL.POST_CHART_LAYOUT,eO),t.registerProcessor(fT("chord"))},function(t){t.registerChartView(oO),t.registerSeriesModel(aO)},function(t){t.registerChartView(uO),t.registerSeriesModel(cO),t.registerLayout(hO),t.registerProcessor(fT("funnel"))},function(t){h_(zR),t.registerChartView(dO),t.registerSeriesModel(vO),t.registerVisual(t.PRIORITY.VISUAL.BRUSH,_O)},function(t){t.registerChartView(VR),t.registerSeriesModel(FR),t.registerLayout(WR),t.registerVisual(tN),t.registerAction({type:"dragNode",event:"dragnode",update:"update"},(function(t,e){e.eachComponent({mainType:"series",subType:"sankey",query:t},(function(e){e.setNodePosition(t.dataIndex,[t.localX,t.localY])}))})),t.registerAction({type:"sankeyRoam",event:"sankeyRoam",update:"none"},(function(t,e,n){e.eachComponent({mainType:"series",subType:"sankey",query:t},(function(e){var n=YD(e.coordinateSystem,t,e.get("scaleLimit"));e.setCenter(n.center),e.setZoom(n.zoom)}))}))},function(t){t.registerSeriesModel(nN),t.registerChartView(iN),t.registerLayout(cN),t.registerTransform(hN)},function(t){t.registerChartView(bN),t.registerSeriesModel(PN),t.registerPreprocessor(ON),t.registerVisual(xN),t.registerLayout(RN)},function(t){t.registerChartView(BN),t.registerSeriesModel(VN),t.registerLayout(NI("effectScatter"))},function(t){t.registerChartView(ZN),t.registerSeriesModel($N),t.registerLayout(XN),t.registerVisual(QN)},function(t){t.registerChartView(nz),t.registerSeriesModel(iz)},function(t){t.registerChartView(sz),t.registerSeriesModel(Iz),t.registerLayout(t.PRIORITY.VISUAL.LAYOUT,H(_b,"pictorialBar")),t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,bb("pictorialBar"))},function(t){t.registerChartView(Tz),t.registerSeriesModel(Cz),t.registerLayout(Dz),t.registerProcessor(fT("themeRiver"))},function(t){t.registerChartView(Oz),t.registerSeriesModel(Rz),t.registerLayout(H(Ez,"sunburst")),t.registerProcessor(H(fT,"sunburst")),t.registerVisual(Vz),function(t){t.registerAction({type:Lz,update:"updateView"},(function(t,e){e.eachComponent({mainType:"series",subType:"sunburst",query:t},(function(e,n){var i=Bk(t,[Lz],e);if(i){var r=e.getViewRoot();r&&(t.direction=Gk(r,i.node)?"rollUp":"drillDown"),e.resetViewRoot(i.node)}}))})),t.registerAction({type:Pz,update:"none"},(function(t,e,n){t=A({},t),e.eachComponent({mainType:"series",subType:"sunburst",query:t},(function(e){var n=Bk(t,[Pz],e);n&&(t.dataIndex=n.node.dataIndex)})),n.dispatchAction(A(t,{type:"highlight"}))})),t.registerAction({type:"sunburstUnhighlight",update:"updateView"},(function(t,e,n){t=A({},t),n.dispatchAction(A(t,{type:"downplay"}))}))}(t)},function(t){t.registerChartView(kE),t.registerSeriesModel(Hz)}]),h_((function(t){h_(lD),h_(LB)})),h_((function(t){h_(LB),$C.registerAxisPointerClass("PolarAxisPointer",PB),t.registerCoordinateSystem("polar",XB),t.registerComponentModel(RB),t.registerComponentView(sV),XT(t,"angle",zB,oV),XT(t,"radius",EB,aV),t.registerComponentView($B),t.registerComponentView(tV),t.registerLayout(H(rV,"bar"))})),h_(lk),h_((function(t){h_(LB),$C.registerAxisPointerClass("SingleAxisPointer",_V),t.registerComponentView(MV),t.registerComponentView(cV),t.registerComponentModel(dV),XT(t,"single",dV,dV.defaultOption),t.registerCoordinateSystem("single",vV)})),h_(zR),h_((function(t){t.registerComponentModel(IV),t.registerComponentView(CV),t.registerCoordinateSystem("calendar",AV)})),h_((function(t){t.registerComponentModel(nG),t.registerComponentView(sG),t.registerCoordinateSystem("matrix",gG)})),h_((function(t){t.registerComponentModel(NG),t.registerComponentView(BG),t.registerPreprocessor((function(t){var e=t.graphic;U(e)?e[0]&&e[0].elements?t.graphic=[t.graphic[0]]:t.graphic=[{elements:e}]:e&&!e.elements&&(t.graphic=[{elements:[e]}])}))})),h_((function(t){t.registerComponentModel(hF),t.registerComponentView(pF),uF("saveAsImage",fF),uF("magicType",vF),uF("dataView",MF),uF("dataZoom",XF),uF("restore",AF),h_(aF)})),h_((function(t){h_(LB),t.registerComponentModel(qF),t.registerComponentView(dW),t.registerAction({type:"showTip",event:"showTip",update:"tooltip:manuallyShowTip"},bt),t.registerAction({type:"hideTip",event:"hideTip",update:"tooltip:manuallyHideTip"},bt)})),h_(LB),h_((function(t){t.registerComponentView(RW),t.registerComponentModel(NW),t.registerPreprocessor(vW),t.registerVisual(t.PRIORITY.VISUAL.BRUSH,AW),t.registerAction({type:"brush",event:"brush",update:"updateVisual"},(function(t,e){e.eachComponent({mainType:"brush",query:t},(function(e){e.setAreas(t.areas)}))})),t.registerAction({type:"brushSelect",event:"brushSelected",update:"none"},bt),t.registerAction({type:"brushEnd",event:"brushEnd",update:"none"},bt),uF("brush",BW)})),h_((function(t){t.registerComponentModel(VW),t.registerComponentView(GW)})),h_((function(t){t.registerComponentModel(WW),t.registerComponentView(ZW),t.registerSubTypeDefaulter("timeline",(function(){return"slider"})),function(t){t.registerAction({type:"timelineChange",event:"timelineChanged",update:"prepareAndUpdate"},(function(t,e,n){var i=e.getComponent("timeline");return i&&null!=t.currentIndex&&(i.setCurrentIndex(t.currentIndex),!i.get("loop",!0)&&i.isIndexMax()&&i.getPlayState()&&(i.setPlayState(!1),n.dispatchAction({type:"timelinePlayChange",playState:!1,from:t.from}))),e.resetOption("timeline",{replaceMerge:i.get("replaceMerge",!0)}),k({currentIndex:i.option.currentIndex},t)})),t.registerAction({type:"timelinePlayChange",event:"timelinePlayChanged",update:"update"},(function(t,e){var n=e.getComponent("timeline");n&&null!=t.playState&&n.setPlayState(t.playState)}))}(t),t.registerPreprocessor(KW)})),h_((function(t){t.registerComponentModel(iH),t.registerComponentView(gH),t.registerPreprocessor((function(t){QW(t.series,"markPoint")&&(t.markPoint=t.markPoint||{})}))})),h_((function(t){t.registerComponentModel(yH),t.registerComponentView(SH),t.registerPreprocessor((function(t){QW(t.series,"markLine")&&(t.markLine=t.markLine||{})}))})),h_((function(t){t.registerComponentModel(MH),t.registerComponentView(PH),t.registerPreprocessor((function(t){QW(t.series,"markArea")&&(t.markArea=t.markArea||{})}))})),h_((function(t){h_(YH),h_(JH)})),h_((function(t){h_(cU),h_(mU)})),h_(cU),h_(mU),h_((function(t){h_(JU),h_(iY)})),h_(JU),h_(iY),h_((function(t){t.registerComponentModel(oY),t.registerComponentView(aY)})),h_((function(t){t.registerPreprocessor(pY),t.registerVisual(t.PRIORITY.VISUAL.ARIA,dY)})),h_((function(t){t.registerTransform(IY),t.registerTransform(TY)})),h_((function(t){t.registerComponentModel(CY),t.registerComponentView(DY)})),h_((function(t){t.registerUpdateLifecycle("series:beforeupdate",(function(t,e,n){z(qo(n.seriesTransition),(function(t){z(qo(t.to),(function(t){for(var e=n.updatedSeries,i=0;i<e.length;i++)(null!=t.seriesIndex&&t.seriesIndex===e[i].seriesIndex||null!=t.seriesId&&t.seriesId===e[i].id)&&(e[i][Fy]=!0)}))}))})),t.registerUpdateLifecycle("series:transition",(function(t,e,n){var i=uX(e);if(i.oldSeries&&n.updatedSeries&&n.optionChanged){var r=n.seriesTransition;if(r)z(qo(r),(function(t){!function(t,e,n,i){var r=[],o=[];z(qo(t.from),(function(t){var n=_X(e.oldSeries,t);n>=0&&r.push({dataGroupId:e.oldDataGroupIds[n],data:e.oldData[n],divide:xX(e.oldData[n]),groupIdDim:t.dimension})})),z(qo(t.to),(function(t){var i=_X(n.updatedSeries,t);if(i>=0){var r=n.updatedSeries[i].getData();o.push({dataGroupId:e.oldDataGroupIds[i],data:r,divide:xX(r),groupIdDim:t.dimension})}})),r.length>0&&o.length>0&&yX(r,o,i)}(t,i,n,e)}));else{var o=function(t,e){var n=yt(),i=yt(),r=yt();return z(t.oldSeries,(function(e,n){var o=t.oldDataGroupIds[n],a=t.oldData[n],s=vX(e),l=mX(s);i.set(l,{dataGroupId:o,data:a}),U(s)&&z(s,(function(t){r.set(t,{key:l,dataGroupId:o,data:a})}))})),z(e.updatedSeries,(function(t){if(t.isUniversalTransitionEnabled()&&t.isAnimationEnabled()){var e=t.get("dataGroupId"),o=t.getData(),a=vX(t),s=mX(a),l=i.get(s);if(l)n.set(s,{oldSeries:[{dataGroupId:l.dataGroupId,divide:xX(l.data),data:l.data}],newSeries:[{dataGroupId:e,divide:xX(o),data:o}]});else if(U(a)){var u=[];z(a,(function(t){var e=i.get(t);e.data&&u.push({dataGroupId:e.dataGroupId,divide:xX(e.data),data:e.data})})),u.length&&n.set(s,{oldSeries:u,newSeries:[{dataGroupId:e,data:o,divide:xX(o)}]})}else{var c=r.get(a);if(c){var h=n.get(c.key);h||(h={oldSeries:[{dataGroupId:c.dataGroupId,data:c.data,divide:xX(c.data)}],newSeries:[]},n.set(c.key,h)),h.newSeries.push({dataGroupId:e,data:o,divide:xX(o)})}}}})),n}(i,n);z(o.keys(),(function(t){var n=o.get(t);yX(n.oldSeries,n.newSeries,e)}))}z(n.updatedSeries,(function(t){t[Fy]&&(t[Fy]=!1)}))}for(var a=t.getSeries(),s=i.oldSeries=[],l=i.oldDataGroupIds=[],u=i.oldData=[],c=0;c<a.length;c++){var h=a[c].getData();h.count()<1e4&&(s.push(a[c]),l.push(a[c].get("dataGroupId")),u.push(h))}}))})),h_((function(t){t.registerUpdateLifecycle("series:beforeupdate",(function(t,e,n){var i=NS(e).labelManager;i||(i=NS(e).labelManager=new RS),i.clearLabels()})),t.registerUpdateLifecycle("series:layoutlabels",(function(t,e,n){var i=NS(e).labelManager;n.updatedSeries.forEach((function(t){i.addLabelsOfSeries(e.getViewOfSeriesModel(t))})),i.updateLayoutConfig(e),i.layout(e),i.processLabelsOverall()}))})),h_((function(t){!function(t){function e(t,e){var n=[],i=ua(e,t);function r(e,r){z(i[e],(function(e){z(e.updateAxisBreaks(t).breaks,(function(t){var i;n.push(k(((i={})[r]=e.componentIndex,i),t))}))}))}return r("xAxisModels","xAxisIndex"),r("yAxisModels","yAxisIndex"),r("singleAxisModels","singleAxisIndex"),{eventBreaks:n}}t.registerAction(iC,e),t.registerAction(rC,e),t.registerAction(oC,e)}(t),zX(),WX()})),h_((function(){OC=HX})),h_((function(t){t.registerLayout(t.PRIORITY.VISUAL.POST_CHART_LAYOUT,pD)})),t.Axis=Ww,t.ChartView=tv,t.ComponentModel=Qp,t.ComponentView=Ky,t.List=B_,t.Model=wd,t.PRIORITY=qm,t.SeriesModel=Wy,t.color=mi,t.connect=function(t){if(U(t)){var e=t;t=null,z(e,(function(e){null!=e.group&&(t=e.group)})),t=t||"g_"+Wx++,z(e,(function(e){e.group=t}))}return Gx[t]=!0,t},t.dataTool={},t.dependencies={zrender:"6.0.0"},t.disConnect=Yx,t.disconnect=Ux,t.dispose=function(t){X(t)?t=Vx[t]:t instanceof Cx||(t=Xx(t)),t instanceof Cx&&!t.isDisposed()&&t.dispose()},t.env=r,t.extendChartView=function(t){var e=tv.extend(t);return tv.registerClass(e),e},t.extendComponentModel=function(t){var e=Qp.extend(t);return Qp.registerClass(e),e},t.extendComponentView=function(t){var e=Ky.extend(t);return Ky.registerClass(e),e},t.extendSeriesModel=function(t){var e=Wy.extend(t);return Wy.registerClass(e),e},t.format=bw,t.getCoordinateSystemDimensions=function(t){var e=Tp.get(t);if(e)return e.getDimensionsInfo?e.getDimensionsInfo():e.dimensions.slice()},t.getInstanceByDom=Xx,t.getInstanceById=function(t){return Vx[t]},t.getMap=function(t){var e=Um("getMap");return e&&e(t)},t.graphic=_w,t.helper=rw,t.init=function(t,e,n){var i=!(n&&n.ssr);if(i){0;var r=Xx(t);if(r)return r;0}var o=new Cx(t,e,n);return o.id="ec_"+Fx++,Vx[o.id]=o,i&&fa(t,Hx,o.id),_x(o),Wm.trigger("afterinit",o),o},t.innerDrawElementOnCanvas=Om,t.matrix=De,t.number=mw,t.parseGeoJSON=vw,t.parseGeoJson=vw,t.registerAction=Qx,t.registerCoordinateSystem=t_,t.registerCustomSeries=function(t,e){Xm(t,e)},t.registerLayout=e_,t.registerLoading=o_,t.registerLocale=Pd,t.registerMap=a_,t.registerPostInit=Kx,t.registerPostUpdate=$x,t.registerPreprocessor=jx,t.registerProcessor=qx,t.registerTheme=Zx,t.registerTransform=s_,t.registerUpdateLifecycle=Jx,t.registerVisual=n_,t.setCanvasCreator=function(t){h({createCanvas:t})},t.setPlatformAPI=h,t.throttle=uv,t.time=xw,t.use=h_,t.util=ww,t.vector=Xt,t.version="6.0.0",t.zrUtil=Mt,t.zrender=uo,Object.defineProperty(t,"__esModule",{value:!0})}));
diff --git a/public_html/raven-demo/vendor/js/jquery.min.js b/public_html/raven-demo/vendor/js/jquery.min.js
new file mode 100644
index 0000000..7f37b5d
--- /dev/null
+++ b/public_html/raven-demo/vendor/js/jquery.min.js
@@ -0,0 +1,2 @@
+/*! jQuery v3.7.1 | (c) OpenJS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(ie,e){"use strict";var oe=[],r=Object.getPrototypeOf,ae=oe.slice,g=oe.flat?function(e){return oe.flat.call(e)}:function(e){return oe.concat.apply([],e)},s=oe.push,se=oe.indexOf,n={},i=n.toString,ue=n.hasOwnProperty,o=ue.toString,a=o.call(Object),le={},v=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},y=function(e){return null!=e&&e===e.window},C=ie.document,u={type:!0,src:!0,nonce:!0,noModule:!0};function m(e,t,n){var r,i,o=(n=n||C).createElement("script");if(o.text=e,t)for(r in u)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[i.call(e)]||"object":typeof e}var t="3.7.1",l=/HTML$/i,ce=function(e,t){return new ce.fn.init(e,t)};function c(e){var t=!!e&&"length"in e&&e.length,n=x(e);return!v(e)&&!y(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}function fe(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}ce.fn=ce.prototype={jquery:t,constructor:ce,length:0,toArray:function(){return ae.call(this)},get:function(e){return null==e?ae.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=ce.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return ce.each(this,e)},map:function(n){return this.pushStack(ce.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(ae.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(ce.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(ce.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:s,sort:oe.sort,splice:oe.splice},ce.extend=ce.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||v(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e)r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(ce.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||ce.isPlainObject(n)?n:{},i=!1,a[t]=ce.extend(l,o,r)):void 0!==r&&(a[t]=r));return a},ce.extend({expando:"jQuery"+(t+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,n;return!(!e||"[object Object]"!==i.call(e))&&(!(t=r(e))||"function"==typeof(n=ue.call(t,"constructor")&&t.constructor)&&o.call(n)===a)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t,n){m(e,{nonce:t&&t.nonce},n)},each:function(e,t){var n,r=0;if(c(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},text:function(e){var t,n="",r=0,i=e.nodeType;if(!i)while(t=e[r++])n+=ce.text(t);return 1===i||11===i?e.textContent:9===i?e.documentElement.textContent:3===i||4===i?e.nodeValue:n},makeArray:function(e,t){var n=t||[];return null!=e&&(c(Object(e))?ce.merge(n,"string"==typeof e?[e]:e):s.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:se.call(t,e,n)},isXMLDoc:function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!l.test(t||n&&n.nodeName||"HTML")},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,a=[];if(c(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&a.push(i);return g(a)},guid:1,support:le}),"function"==typeof Symbol&&(ce.fn[Symbol.iterator]=oe[Symbol.iterator]),ce.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase()});var pe=oe.pop,de=oe.sort,he=oe.splice,ge="[\\x20\\t\\r\\n\\f]",ve=new RegExp("^"+ge+"+|((?:^|[^\\\\])(?:\\\\.)*)"+ge+"+$","g");ce.contains=function(e,t){var n=t&&t.parentNode;return e===n||!(!n||1!==n.nodeType||!(e.contains?e.contains(n):e.compareDocumentPosition&&16&e.compareDocumentPosition(n)))};var f=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\x80-\uFFFF\w-]/g;function p(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e}ce.escapeSelector=function(e){return(e+"").replace(f,p)};var ye=C,me=s;!function(){var e,b,w,o,a,T,r,C,d,i,k=me,S=ce.expando,E=0,n=0,s=W(),c=W(),u=W(),h=W(),l=function(e,t){return e===t&&(a=!0),0},f="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",t="(?:\\\\[\\da-fA-F]{1,6}"+ge+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",p="\\["+ge+"*("+t+")(?:"+ge+"*([*^$|!~]?=)"+ge+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+t+"))|)"+ge+"*\\]",g=":("+t+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+p+")*)|.*)\\)|)",v=new RegExp(ge+"+","g"),y=new RegExp("^"+ge+"*,"+ge+"*"),m=new RegExp("^"+ge+"*([>+~]|"+ge+")"+ge+"*"),x=new RegExp(ge+"|>"),j=new RegExp(g),A=new RegExp("^"+t+"$"),D={ID:new RegExp("^#("+t+")"),CLASS:new RegExp("^\\.("+t+")"),TAG:new RegExp("^("+t+"|[*])"),ATTR:new RegExp("^"+p),PSEUDO:new RegExp("^"+g),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+ge+"*(even|odd|(([+-]|)(\\d*)n|)"+ge+"*(?:([+-]|)"+ge+"*(\\d+)|))"+ge+"*\\)|)","i"),bool:new RegExp("^(?:"+f+")$","i"),needsContext:new RegExp("^"+ge+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+ge+"*((?:-\\d)?\\d*)"+ge+"*\\)|)(?=[^-]|$)","i")},N=/^(?:input|select|textarea|button)$/i,q=/^h\d$/i,L=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,H=/[+~]/,O=new RegExp("\\\\[\\da-fA-F]{1,6}"+ge+"?|\\\\([^\\r\\n\\f])","g"),P=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},M=function(){V()},R=J(function(e){return!0===e.disabled&&fe(e,"fieldset")},{dir:"parentNode",next:"legend"});try{k.apply(oe=ae.call(ye.childNodes),ye.childNodes),oe[ye.childNodes.length].nodeType}catch(e){k={apply:function(e,t){me.apply(e,ae.call(t))},call:function(e){me.apply(e,ae.call(arguments,1))}}}function I(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(V(e),e=e||T,C)){if(11!==p&&(u=L.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return k.call(n,a),n}else if(f&&(a=f.getElementById(i))&&I.contains(e,a)&&a.id===i)return k.call(n,a),n}else{if(u[2])return k.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&e.getElementsByClassName)return k.apply(n,e.getElementsByClassName(i)),n}if(!(h[t+" "]||d&&d.test(t))){if(c=t,f=e,1===p&&(x.test(t)||m.test(t))){(f=H.test(t)&&U(e.parentNode)||e)==e&&le.scope||((s=e.getAttribute("id"))?s=ce.escapeSelector(s):e.setAttribute("id",s=S)),o=(l=Y(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+Q(l[o]);c=l.join(",")}try{return k.apply(n,f.querySelectorAll(c)),n}catch(e){h(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return re(t.replace(ve,"$1"),e,n,r)}function W(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function F(e){return e[S]=!0,e}function $(e){var t=T.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function B(t){return function(e){return fe(e,"input")&&e.type===t}}function _(t){return function(e){return(fe(e,"input")||fe(e,"button"))&&e.type===t}}function z(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&R(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function X(a){return F(function(o){return o=+o,F(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function U(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}function V(e){var t,n=e?e.ownerDocument||e:ye;return n!=T&&9===n.nodeType&&n.documentElement&&(r=(T=n).documentElement,C=!ce.isXMLDoc(T),i=r.matches||r.webkitMatchesSelector||r.msMatchesSelector,r.msMatchesSelector&&ye!=T&&(t=T.defaultView)&&t.top!==t&&t.addEventListener("unload",M),le.getById=$(function(e){return r.appendChild(e).id=ce.expando,!T.getElementsByName||!T.getElementsByName(ce.expando).length}),le.disconnectedMatch=$(function(e){return i.call(e,"*")}),le.scope=$(function(){return T.querySelectorAll(":scope")}),le.cssHas=$(function(){try{return T.querySelector(":has(*,:jqfake)"),!1}catch(e){return!0}}),le.getById?(b.filter.ID=function(e){var t=e.replace(O,P);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(O,P);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):t.querySelectorAll(e)},b.find.CLASS=function(e,t){if("undefined"!=typeof t.getElementsByClassName&&C)return t.getElementsByClassName(e)},d=[],$(function(e){var t;r.appendChild(e).innerHTML="<a id='"+S+"' href='' disabled='disabled'></a><select id='"+S+"-\r\\' disabled='disabled'><option selected=''></option></select>",e.querySelectorAll("[selected]").length||d.push("\\["+ge+"*(?:value|"+f+")"),e.querySelectorAll("[id~="+S+"-]").length||d.push("~="),e.querySelectorAll("a#"+S+"+*").length||d.push(".#.+[+~]"),e.querySelectorAll(":checked").length||d.push(":checked"),(t=T.createElement("input")).setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),r.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&d.push(":enabled",":disabled"),(t=T.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||d.push("\\["+ge+"*name"+ge+"*="+ge+"*(?:''|\"\")")}),le.cssHas||d.push(":has"),d=d.length&&new RegExp(d.join("|")),l=function(e,t){if(e===t)return a=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!le.sortDetached&&t.compareDocumentPosition(e)===n?e===T||e.ownerDocument==ye&&I.contains(ye,e)?-1:t===T||t.ownerDocument==ye&&I.contains(ye,t)?1:o?se.call(o,e)-se.call(o,t):0:4&n?-1:1)}),T}for(e in I.matches=function(e,t){return I(e,null,null,t)},I.matchesSelector=function(e,t){if(V(e),C&&!h[t+" "]&&(!d||!d.test(t)))try{var n=i.call(e,t);if(n||le.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){h(t,!0)}return 0<I(t,T,null,[e]).length},I.contains=function(e,t){return(e.ownerDocument||e)!=T&&V(e),ce.contains(e,t)},I.attr=function(e,t){(e.ownerDocument||e)!=T&&V(e);var n=b.attrHandle[t.toLowerCase()],r=n&&ue.call(b.attrHandle,t.toLowerCase())?n(e,t,!C):void 0;return void 0!==r?r:e.getAttribute(t)},I.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},ce.uniqueSort=function(e){var t,n=[],r=0,i=0;if(a=!le.sortStable,o=!le.sortStable&&ae.call(e,0),de.call(e,l),a){while(t=e[i++])t===e[i]&&(r=n.push(i));while(r--)he.call(e,n[r],1)}return o=null,e},ce.fn.uniqueSort=function(){return this.pushStack(ce.uniqueSort(ae.apply(this)))},(b=ce.expr={cacheLength:50,createPseudo:F,match:D,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(O,P),e[3]=(e[3]||e[4]||e[5]||"").replace(O,P),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||I.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&I.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return D.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&j.test(n)&&(t=Y(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(O,P).toLowerCase();return"*"===e?function(){return!0}:function(e){return fe(e,t)}},CLASS:function(e){var t=s[e+" "];return t||(t=new RegExp("(^|"+ge+")"+e+"("+ge+"|$)"))&&s(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=I.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1<t.indexOf(i):"$="===r?i&&t.slice(-i.length)===i:"~="===r?-1<(" "+t.replace(v," ")+" ").indexOf(i):"|="===r&&(t===i||t.slice(0,i.length+1)===i+"-"))}},CHILD:function(d,e,t,h,g){var v="nth"!==d.slice(0,3),y="last"!==d.slice(-4),m="of-type"===e;return 1===h&&0===g?function(e){return!!e.parentNode}:function(e,t,n){var r,i,o,a,s,u=v!==y?"nextSibling":"previousSibling",l=e.parentNode,c=m&&e.nodeName.toLowerCase(),f=!n&&!m,p=!1;if(l){if(v){while(u){o=e;while(o=o[u])if(m?fe(o,c):1===o.nodeType)return!1;s=u="only"===d&&!s&&"nextSibling"}return!0}if(s=[y?l.firstChild:l.lastChild],y&&f){p=(a=(r=(i=l[S]||(l[S]={}))[d]||[])[0]===E&&r[1])&&r[2],o=a&&l.childNodes[a];while(o=++a&&o&&o[u]||(p=a=0)||s.pop())if(1===o.nodeType&&++p&&o===e){i[d]=[E,a,p];break}}else if(f&&(p=a=(r=(i=e[S]||(e[S]={}))[d]||[])[0]===E&&r[1]),!1===p)while(o=++a&&o&&o[u]||(p=a=0)||s.pop())if((m?fe(o,c):1===o.nodeType)&&++p&&(f&&((i=o[S]||(o[S]={}))[d]=[E,p]),o===e))break;return(p-=g)===h||p%h==0&&0<=p/h}}},PSEUDO:function(e,o){var t,a=b.pseudos[e]||b.setFilters[e.toLowerCase()]||I.error("unsupported pseudo: "+e);return a[S]?a(o):1<a.length?(t=[e,e,"",o],b.setFilters.hasOwnProperty(e.toLowerCase())?F(function(e,t){var n,r=a(e,o),i=r.length;while(i--)e[n=se.call(e,r[i])]=!(t[n]=r[i])}):function(e){return a(e,0,t)}):a}},pseudos:{not:F(function(e){var r=[],i=[],s=ne(e.replace(ve,"$1"));return s[S]?F(function(e,t,n,r){var i,o=s(e,null,r,[]),a=e.length;while(a--)(i=o[a])&&(e[a]=!(t[a]=i))}):function(e,t,n){return r[0]=e,s(r,null,n,i),r[0]=null,!i.pop()}}),has:F(function(t){return function(e){return 0<I(t,e).length}}),contains:F(function(t){return t=t.replace(O,P),function(e){return-1<(e.textContent||ce.text(e)).indexOf(t)}}),lang:F(function(n){return A.test(n||"")||I.error("unsupported lang: "+n),n=n.replace(O,P).toLowerCase(),function(e){var t;do{if(t=C?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=ie.location&&ie.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===r},focus:function(e){return e===function(){try{return T.activeElement}catch(e){}}()&&T.hasFocus()&&!!(e.type||e.href||~e.tabIndex)},enabled:z(!1),disabled:z(!0),checked:function(e){return fe(e,"input")&&!!e.checked||fe(e,"option")&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!b.pseudos.empty(e)},header:function(e){return q.test(e.nodeName)},input:function(e){return N.test(e.nodeName)},button:function(e){return fe(e,"input")&&"button"===e.type||fe(e,"button")},text:function(e){var t;return fe(e,"input")&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:X(function(){return[0]}),last:X(function(e,t){return[t-1]}),eq:X(function(e,t,n){return[n<0?n+t:n]}),even:X(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:X(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:X(function(e,t,n){var r;for(r=n<0?n+t:t<n?t:n;0<=--r;)e.push(r);return e}),gt:X(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=b.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})b.pseudos[e]=B(e);for(e in{submit:!0,reset:!0})b.pseudos[e]=_(e);function G(){}function Y(e,t){var n,r,i,o,a,s,u,l=c[e+" "];if(l)return t?0:l.slice(0);a=e,s=[],u=b.preFilter;while(a){for(o in n&&!(r=y.exec(a))||(r&&(a=a.slice(r[0].length)||a),s.push(i=[])),n=!1,(r=m.exec(a))&&(n=r.shift(),i.push({value:n,type:r[0].replace(ve," ")}),a=a.slice(n.length)),b.filter)!(r=D[o].exec(a))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?I.error(e):c(e,s).slice(0)}function Q(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function J(a,e,t){var s=e.dir,u=e.next,l=u||s,c=t&&"parentNode"===l,f=n++;return e.first?function(e,t,n){while(e=e[s])if(1===e.nodeType||c)return a(e,t,n);return!1}:function(e,t,n){var r,i,o=[E,f];if(n){while(e=e[s])if((1===e.nodeType||c)&&a(e,t,n))return!0}else while(e=e[s])if(1===e.nodeType||c)if(i=e[S]||(e[S]={}),u&&fe(e,u))e=e[s]||e;else{if((r=i[l])&&r[0]===E&&r[1]===f)return o[2]=r[2];if((i[l]=o)[2]=a(e,t,n))return!0}return!1}}function K(i){return 1<i.length?function(e,t,n){var r=i.length;while(r--)if(!i[r](e,t,n))return!1;return!0}:i[0]}function Z(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function ee(d,h,g,v,y,e){return v&&!v[S]&&(v=ee(v)),y&&!y[S]&&(y=ee(y,e)),F(function(e,t,n,r){var i,o,a,s,u=[],l=[],c=t.length,f=e||function(e,t,n){for(var r=0,i=t.length;r<i;r++)I(e,t[r],n);return n}(h||"*",n.nodeType?[n]:n,[]),p=!d||!e&&h?f:Z(f,u,d,n,r);if(g?g(p,s=y||(e?d:c||v)?[]:t,n,r):s=p,v){i=Z(s,l),v(i,[],n,r),o=i.length;while(o--)(a=i[o])&&(s[l[o]]=!(p[l[o]]=a))}if(e){if(y||d){if(y){i=[],o=s.length;while(o--)(a=s[o])&&i.push(p[o]=a);y(null,s=[],i,r)}o=s.length;while(o--)(a=s[o])&&-1<(i=y?se.call(e,a):u[o])&&(e[i]=!(t[i]=a))}}else s=Z(s===t?s.splice(c,s.length):s),y?y(null,t,s,r):k.apply(t,s)})}function te(e){for(var i,t,n,r=e.length,o=b.relative[e[0].type],a=o||b.relative[" "],s=o?1:0,u=J(function(e){return e===i},a,!0),l=J(function(e){return-1<se.call(i,e)},a,!0),c=[function(e,t,n){var r=!o&&(n||t!=w)||((i=t).nodeType?u(e,t,n):l(e,t,n));return i=null,r}];s<r;s++)if(t=b.relative[e[s].type])c=[J(K(c),t)];else{if((t=b.filter[e[s].type].apply(null,e[s].matches))[S]){for(n=++s;n<r;n++)if(b.relative[e[n].type])break;return ee(1<s&&K(c),1<s&&Q(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace(ve,"$1"),t,s<n&&te(e.slice(s,n)),n<r&&te(e=e.slice(n)),n<r&&Q(e))}c.push(t)}return K(c)}function ne(e,t){var n,v,y,m,x,r,i=[],o=[],a=u[e+" "];if(!a){t||(t=Y(e)),n=t.length;while(n--)(a=te(t[n]))[S]?i.push(a):o.push(a);(a=u(e,(v=o,m=0<(y=i).length,x=0<v.length,r=function(e,t,n,r,i){var o,a,s,u=0,l="0",c=e&&[],f=[],p=w,d=e||x&&b.find.TAG("*",i),h=E+=null==p?1:Math.random()||.1,g=d.length;for(i&&(w=t==T||t||i);l!==g&&null!=(o=d[l]);l++){if(x&&o){a=0,t||o.ownerDocument==T||(V(o),n=!C);while(s=v[a++])if(s(o,t||T,n)){k.call(r,o);break}i&&(E=h)}m&&((o=!s&&o)&&u--,e&&c.push(o))}if(u+=l,m&&l!==u){a=0;while(s=y[a++])s(c,f,t,n);if(e){if(0<u)while(l--)c[l]||f[l]||(f[l]=pe.call(r));f=Z(f)}k.apply(r,f),i&&!e&&0<f.length&&1<u+y.length&&ce.uniqueSort(r)}return i&&(E=h,w=p),c},m?F(r):r))).selector=e}return a}function re(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,c=!r&&Y(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(a=o[0]).type&&9===t.nodeType&&C&&b.relative[o[1].type]){if(!(t=(b.find.ID(a.matches[0].replace(O,P),t)||[])[0]))return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}i=D.needsContext.test(e)?0:o.length;while(i--){if(a=o[i],b.relative[s=a.type])break;if((u=b.find[s])&&(r=u(a.matches[0].replace(O,P),H.test(o[0].type)&&U(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&Q(o)))return k.apply(n,r),n;break}}}return(l||ne(e,c))(r,t,!C,n,!t||H.test(e)&&U(t.parentNode)||t),n}G.prototype=b.filters=b.pseudos,b.setFilters=new G,le.sortStable=S.split("").sort(l).join("")===S,V(),le.sortDetached=$(function(e){return 1&e.compareDocumentPosition(T.createElement("fieldset"))}),ce.find=I,ce.expr[":"]=ce.expr.pseudos,ce.unique=ce.uniqueSort,I.compile=ne,I.select=re,I.setDocument=V,I.tokenize=Y,I.escape=ce.escapeSelector,I.getText=ce.text,I.isXML=ce.isXMLDoc,I.selectors=ce.expr,I.support=ce.support,I.uniqueSort=ce.uniqueSort}();var d=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&ce(e).is(n))break;r.push(e)}return r},h=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},b=ce.expr.match.needsContext,w=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function T(e,n,r){return v(n)?ce.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?ce.grep(e,function(e){return e===n!==r}):"string"!=typeof n?ce.grep(e,function(e){return-1<se.call(n,e)!==r}):ce.filter(n,e,r)}ce.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?ce.find.matchesSelector(r,e)?[r]:[]:ce.find.matches(e,ce.grep(t,function(e){return 1===e.nodeType}))},ce.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(ce(e).filter(function(){for(t=0;t<r;t++)if(ce.contains(i[t],this))return!0}));for(n=this.pushStack([]),t=0;t<r;t++)ce.find(e,i[t],n);return 1<r?ce.uniqueSort(n):n},filter:function(e){return this.pushStack(T(this,e||[],!1))},not:function(e){return this.pushStack(T(this,e||[],!0))},is:function(e){return!!T(this,"string"==typeof e&&b.test(e)?ce(e):e||[],!1).length}});var k,S=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(ce.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||k,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:S.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof ce?t[0]:t,ce.merge(this,ce.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:C,!0)),w.test(r[1])&&ce.isPlainObject(t))for(r in t)v(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=C.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):v(e)?void 0!==n.ready?n.ready(e):e(ce):ce.makeArray(e,this)}).prototype=ce.fn,k=ce(C);var E=/^(?:parents|prev(?:Until|All))/,j={children:!0,contents:!0,next:!0,prev:!0};function A(e,t){while((e=e[t])&&1!==e.nodeType);return e}ce.fn.extend({has:function(e){var t=ce(e,this),n=t.length;return this.filter(function(){for(var e=0;e<n;e++)if(ce.contains(this,t[e]))return!0})},closest:function(e,t){var n,r=0,i=this.length,o=[],a="string"!=typeof e&&ce(e);if(!b.test(e))for(;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?-1<a.index(n):1===n.nodeType&&ce.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(1<o.length?ce.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?se.call(ce(e),this[0]):se.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(ce.uniqueSort(ce.merge(this.get(),ce(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),ce.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return d(e,"parentNode")},parentsUntil:function(e,t,n){return d(e,"parentNode",n)},next:function(e){return A(e,"nextSibling")},prev:function(e){return A(e,"previousSibling")},nextAll:function(e){return d(e,"nextSibling")},prevAll:function(e){return d(e,"previousSibling")},nextUntil:function(e,t,n){return d(e,"nextSibling",n)},prevUntil:function(e,t,n){return d(e,"previousSibling",n)},siblings:function(e){return h((e.parentNode||{}).firstChild,e)},children:function(e){return h(e.firstChild)},contents:function(e){return null!=e.contentDocument&&r(e.contentDocument)?e.contentDocument:(fe(e,"template")&&(e=e.content||e),ce.merge([],e.childNodes))}},function(r,i){ce.fn[r]=function(e,t){var n=ce.map(this,i,e);return"Until"!==r.slice(-5)&&(t=e),t&&"string"==typeof t&&(n=ce.filter(t,n)),1<this.length&&(j[r]||ce.uniqueSort(n),E.test(r)&&n.reverse()),this.pushStack(n)}});var D=/[^\x20\t\r\n\f]+/g;function N(e){return e}function q(e){throw e}function L(e,t,n,r){var i;try{e&&v(i=e.promise)?i.call(e).done(t).fail(n):e&&v(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}ce.Callbacks=function(r){var e,n;r="string"==typeof r?(e=r,n={},ce.each(e.match(D)||[],function(e,t){n[t]=!0}),n):ce.extend({},r);var i,t,o,a,s=[],u=[],l=-1,c=function(){for(a=a||r.once,o=i=!0;u.length;l=-1){t=u.shift();while(++l<s.length)!1===s[l].apply(t[0],t[1])&&r.stopOnFalse&&(l=s.length,t=!1)}r.memory||(t=!1),i=!1,a&&(s=t?[]:"")},f={add:function(){return s&&(t&&!i&&(l=s.length-1,u.push(t)),function n(e){ce.each(e,function(e,t){v(t)?r.unique&&f.has(t)||s.push(t):t&&t.length&&"string"!==x(t)&&n(t)})}(arguments),t&&!i&&c()),this},remove:function(){return ce.each(arguments,function(e,t){var n;while(-1<(n=ce.inArray(t,s,n)))s.splice(n,1),n<=l&&l--}),this},has:function(e){return e?-1<ce.inArray(e,s):0<s.length},empty:function(){return s&&(s=[]),this},disable:function(){return a=u=[],s=t="",this},disabled:function(){return!s},lock:function(){return a=u=[],t||i||(s=t=""),this},locked:function(){return!!a},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],u.push(t),i||c()),this},fire:function(){return f.fireWith(this,arguments),this},fired:function(){return!!o}};return f},ce.extend({Deferred:function(e){var o=[["notify","progress",ce.Callbacks("memory"),ce.Callbacks("memory"),2],["resolve","done",ce.Callbacks("once memory"),ce.Callbacks("once memory"),0,"resolved"],["reject","fail",ce.Callbacks("once memory"),ce.Callbacks("once memory"),1,"rejected"]],i="pending",a={state:function(){return i},always:function(){return s.done(arguments).fail(arguments),this},"catch":function(e){return a.then(null,e)},pipe:function(){var i=arguments;return ce.Deferred(function(r){ce.each(o,function(e,t){var n=v(i[t[4]])&&i[t[4]];s[t[1]](function(){var e=n&&n.apply(this,arguments);e&&v(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments)})}),i=null}).promise()},then:function(t,n,r){var u=0;function l(i,o,a,s){return function(){var n=this,r=arguments,e=function(){var e,t;if(!(i<u)){if((e=a.apply(n,r))===o.promise())throw new TypeError("Thenable self-resolution");t=e&&("object"==typeof e||"function"==typeof e)&&e.then,v(t)?s?t.call(e,l(u,o,N,s),l(u,o,q,s)):(u++,t.call(e,l(u,o,N,s),l(u,o,q,s),l(u,o,N,o.notifyWith))):(a!==N&&(n=void 0,r=[e]),(s||o.resolveWith)(n,r))}},t=s?e:function(){try{e()}catch(e){ce.Deferred.exceptionHook&&ce.Deferred.exceptionHook(e,t.error),u<=i+1&&(a!==q&&(n=void 0,r=[e]),o.rejectWith(n,r))}};i?t():(ce.Deferred.getErrorHook?t.error=ce.Deferred.getErrorHook():ce.Deferred.getStackHook&&(t.error=ce.Deferred.getStackHook()),ie.setTimeout(t))}}return ce.Deferred(function(e){o[0][3].add(l(0,e,v(r)?r:N,e.notifyWith)),o[1][3].add(l(0,e,v(t)?t:N)),o[2][3].add(l(0,e,v(n)?n:q))}).promise()},promise:function(e){return null!=e?ce.extend(e,a):a}},s={};return ce.each(o,function(e,t){var n=t[2],r=t[5];a[t[1]]=n.add,r&&n.add(function(){i=r},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),s[t[0]]=function(){return s[t[0]+"With"](this===s?void 0:this,arguments),this},s[t[0]+"With"]=n.fireWith}),a.promise(s),e&&e.call(s,s),s},when:function(e){var n=arguments.length,t=n,r=Array(t),i=ae.call(arguments),o=ce.Deferred(),a=function(t){return function(e){r[t]=this,i[t]=1<arguments.length?ae.call(arguments):e,--n||o.resolveWith(r,i)}};if(n<=1&&(L(e,o.done(a(t)).resolve,o.reject,!n),"pending"===o.state()||v(i[t]&&i[t].then)))return o.then();while(t--)L(i[t],a(t),o.reject);return o.promise()}});var H=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;ce.Deferred.exceptionHook=function(e,t){ie.console&&ie.console.warn&&e&&H.test(e.name)&&ie.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},ce.readyException=function(e){ie.setTimeout(function(){throw e})};var O=ce.Deferred();function P(){C.removeEventListener("DOMContentLoaded",P),ie.removeEventListener("load",P),ce.ready()}ce.fn.ready=function(e){return O.then(e)["catch"](function(e){ce.readyException(e)}),this},ce.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--ce.readyWait:ce.isReady)||(ce.isReady=!0)!==e&&0<--ce.readyWait||O.resolveWith(C,[ce])}}),ce.ready.then=O.then,"complete"===C.readyState||"loading"!==C.readyState&&!C.documentElement.doScroll?ie.setTimeout(ce.ready):(C.addEventListener("DOMContentLoaded",P),ie.addEventListener("load",P));var M=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===x(n))for(s in i=!0,n)M(e,t,s,n[s],!0,o,a);else if(void 0!==r&&(i=!0,v(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(ce(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},R=/^-ms-/,I=/-([a-z])/g;function W(e,t){return t.toUpperCase()}function F(e){return e.replace(R,"ms-").replace(I,W)}var $=function(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType};function B(){this.expando=ce.expando+B.uid++}B.uid=1,B.prototype={cache:function(e){var t=e[this.expando];return t||(t={},$(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,n){var r,i=this.cache(e);if("string"==typeof t)i[F(t)]=n;else for(r in t)i[F(r)]=t[r];return i},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][F(t)]},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t)},remove:function(e,t){var n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(F):(t=F(t))in r?[t]:t.match(D)||[]).length;while(n--)delete r[t[n]]}(void 0===t||ce.isEmptyObject(r))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){var t=e[this.expando];return void 0!==t&&!ce.isEmptyObject(t)}};var _=new B,z=new B,X=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,U=/[A-Z]/g;function V(e,t,n){var r,i;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(U,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:X.test(i)?JSON.parse(i):i)}catch(e){}z.set(e,t,n)}else n=void 0;return n}ce.extend({hasData:function(e){return z.hasData(e)||_.hasData(e)},data:function(e,t,n){return z.access(e,t,n)},removeData:function(e,t){z.remove(e,t)},_data:function(e,t,n){return _.access(e,t,n)},_removeData:function(e,t){_.remove(e,t)}}),ce.fn.extend({data:function(n,e){var t,r,i,o=this[0],a=o&&o.attributes;if(void 0===n){if(this.length&&(i=z.get(o),1===o.nodeType&&!_.get(o,"hasDataAttrs"))){t=a.length;while(t--)a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=F(r.slice(5)),V(o,r,i[r]));_.set(o,"hasDataAttrs",!0)}return i}return"object"==typeof n?this.each(function(){z.set(this,n)}):M(this,function(e){var t;if(o&&void 0===e)return void 0!==(t=z.get(o,n))?t:void 0!==(t=V(o,n))?t:void 0;this.each(function(){z.set(this,n,e)})},null,e,1<arguments.length,null,!0)},removeData:function(e){return this.each(function(){z.remove(this,e)})}}),ce.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=_.get(e,t),n&&(!r||Array.isArray(n)?r=_.access(e,t,ce.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=ce.queue(e,t),r=n.length,i=n.shift(),o=ce._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){ce.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return _.get(e,n)||_.access(e,n,{empty:ce.Callbacks("once memory").add(function(){_.remove(e,[t+"queue",n])})})}}),ce.fn.extend({queue:function(t,n){var e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?ce.queue(this[0],t):void 0===n?this:this.each(function(){var e=ce.queue(this,t,n);ce._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&ce.dequeue(this,t)})},dequeue:function(e){return this.each(function(){ce.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=ce.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=void 0),e=e||"fx";while(a--)(n=_.get(o[a],e+"queueHooks"))&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}});var G=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,Y=new RegExp("^(?:([+-])=|)("+G+")([a-z%]*)$","i"),Q=["Top","Right","Bottom","Left"],J=C.documentElement,K=function(e){return ce.contains(e.ownerDocument,e)},Z={composed:!0};J.getRootNode&&(K=function(e){return ce.contains(e.ownerDocument,e)||e.getRootNode(Z)===e.ownerDocument});var ee=function(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&K(e)&&"none"===ce.css(e,"display")};function te(e,t,n,r){var i,o,a=20,s=r?function(){return r.cur()}:function(){return ce.css(e,t,"")},u=s(),l=n&&n[3]||(ce.cssNumber[t]?"":"px"),c=e.nodeType&&(ce.cssNumber[t]||"px"!==l&&+u)&&Y.exec(ce.css(e,t));if(c&&c[3]!==l){u/=2,l=l||c[3],c=+u||1;while(a--)ce.style(e,t,c+l),(1-o)*(1-(o=s()/u||.5))<=0&&(a=0),c/=o;c*=2,ce.style(e,t,c+l),n=n||[]}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}var ne={};function re(e,t){for(var n,r,i,o,a,s,u,l=[],c=0,f=e.length;c<f;c++)(r=e[c]).style&&(n=r.style.display,t?("none"===n&&(l[c]=_.get(r,"display")||null,l[c]||(r.style.display="")),""===r.style.display&&ee(r)&&(l[c]=(u=a=o=void 0,a=(i=r).ownerDocument,s=i.nodeName,(u=ne[s])||(o=a.body.appendChild(a.createElement(s)),u=ce.css(o,"display"),o.parentNode.removeChild(o),"none"===u&&(u="block"),ne[s]=u)))):"none"!==n&&(l[c]="none",_.set(r,"display",n)));for(c=0;c<f;c++)null!=l[c]&&(e[c].style.display=l[c]);return e}ce.fn.extend({show:function(){return re(this,!0)},hide:function(){return re(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){ee(this)?ce(this).show():ce(this).hide()})}});var xe,be,we=/^(?:checkbox|radio)$/i,Te=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,Ce=/^$|^module$|\/(?:java|ecma)script/i;xe=C.createDocumentFragment().appendChild(C.createElement("div")),(be=C.createElement("input")).setAttribute("type","radio"),be.setAttribute("checked","checked"),be.setAttribute("name","t"),xe.appendChild(be),le.checkClone=xe.cloneNode(!0).cloneNode(!0).lastChild.checked,xe.innerHTML="<textarea>x</textarea>",le.noCloneChecked=!!xe.cloneNode(!0).lastChild.defaultValue,xe.innerHTML="<option></option>",le.option=!!xe.lastChild;var ke={thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};function Se(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&fe(e,t)?ce.merge([e],n):n}function Ee(e,t){for(var n=0,r=e.length;n<r;n++)_.set(e[n],"globalEval",!t||_.get(t[n],"globalEval"))}ke.tbody=ke.tfoot=ke.colgroup=ke.caption=ke.thead,ke.th=ke.td,le.option||(ke.optgroup=ke.option=[1,"<select multiple='multiple'>","</select>"]);var je=/<|&#?\w+;/;function Ae(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d<h;d++)if((o=e[d])||0===o)if("object"===x(o))ce.merge(p,o.nodeType?[o]:o);else if(je.test(o)){a=a||f.appendChild(t.createElement("div")),s=(Te.exec(o)||["",""])[1].toLowerCase(),u=ke[s]||ke._default,a.innerHTML=u[1]+ce.htmlPrefilter(o)+u[2],c=u[0];while(c--)a=a.lastChild;ce.merge(p,a.childNodes),(a=f.firstChild).textContent=""}else p.push(t.createTextNode(o));f.textContent="",d=0;while(o=p[d++])if(r&&-1<ce.inArray(o,r))i&&i.push(o);else if(l=K(o),a=Se(f.appendChild(o),"script"),l&&Ee(a),n){c=0;while(o=a[c++])Ce.test(o.type||"")&&n.push(o)}return f}var De=/^([^.]*)(?:\.(.+)|)/;function Ne(){return!0}function qe(){return!1}function Le(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Le(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=qe;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return ce().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=ce.guid++)),e.each(function(){ce.event.add(this,t,i,r,n)})}function He(e,r,t){t?(_.set(e,r,!1),ce.event.add(e,r,{namespace:!1,handler:function(e){var t,n=_.get(this,r);if(1&e.isTrigger&&this[r]){if(n)(ce.event.special[r]||{}).delegateType&&e.stopPropagation();else if(n=ae.call(arguments),_.set(this,r,n),this[r](),t=_.get(this,r),_.set(this,r,!1),n!==t)return e.stopImmediatePropagation(),e.preventDefault(),t}else n&&(_.set(this,r,ce.event.trigger(n[0],n.slice(1),this)),e.stopPropagation(),e.isImmediatePropagationStopped=Ne)}})):void 0===_.get(e,r)&&ce.event.add(e,r,Ne)}ce.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=_.get(t);if($(t)){n.handler&&(n=(o=n).handler,i=o.selector),i&&ce.find.matchesSelector(J,i),n.guid||(n.guid=ce.guid++),(u=v.events)||(u=v.events=Object.create(null)),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof ce&&ce.event.triggered!==e.type?ce.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(D)||[""]).length;while(l--)d=g=(s=De.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=ce.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=ce.event.special[d]||{},c=ce.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&ce.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),ce.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=_.hasData(e)&&_.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(D)||[""]).length;while(l--)if(d=g=(s=De.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=ce.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||ce.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)ce.event.remove(e,d+t[l],n,r,!0);ce.isEmptyObject(u)&&_.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=new Array(arguments.length),u=ce.event.fix(e),l=(_.get(this,"events")||Object.create(null))[u.type]||[],c=ce.event.special[u.type]||{};for(s[0]=u,t=1;t<arguments.length;t++)s[t]=arguments[t];if(u.delegateTarget=this,!c.preDispatch||!1!==c.preDispatch.call(this,u)){a=ce.event.handlers.call(this,u,l),t=0;while((i=a[t++])&&!u.isPropagationStopped()){u.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!u.isImmediatePropagationStopped())u.rnamespace&&!1!==o.namespace&&!u.rnamespace.test(o.namespace)||(u.handleObj=o,u.data=o.data,void 0!==(r=((ce.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s))&&!1===(u.result=r)&&(u.preventDefault(),u.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,u),u.result}},handlers:function(e,t){var n,r,i,o,a,s=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n<u;n++)void 0===a[i=(r=t[n]).selector+" "]&&(a[i]=r.needsContext?-1<ce(i,this).index(l):ce.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u<t.length&&s.push({elem:l,handlers:t.slice(u)}),s},addProp:function(t,e){Object.defineProperty(ce.Event.prototype,t,{enumerable:!0,configurable:!0,get:v(e)?function(){if(this.originalEvent)return e(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[t]},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e})}})},fix:function(e){return e[ce.expando]?e:new ce.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){var t=this||e;return we.test(t.type)&&t.click&&fe(t,"input")&&He(t,"click",!0),!1},trigger:function(e){var t=this||e;return we.test(t.type)&&t.click&&fe(t,"input")&&He(t,"click"),!0},_default:function(e){var t=e.target;return we.test(t.type)&&t.click&&fe(t,"input")&&_.get(t,"click")||fe(t,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}},ce.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)},ce.Event=function(e,t){if(!(this instanceof ce.Event))return new ce.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?Ne:qe,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&ce.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[ce.expando]=!0},ce.Event.prototype={constructor:ce.Event,isDefaultPrevented:qe,isPropagationStopped:qe,isImmediatePropagationStopped:qe,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=Ne,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=Ne,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=Ne,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},ce.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,"char":!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:!0},ce.event.addProp),ce.each({focus:"focusin",blur:"focusout"},function(r,i){function o(e){if(C.documentMode){var t=_.get(this,"handle"),n=ce.event.fix(e);n.type="focusin"===e.type?"focus":"blur",n.isSimulated=!0,t(e),n.target===n.currentTarget&&t(n)}else ce.event.simulate(i,e.target,ce.event.fix(e))}ce.event.special[r]={setup:function(){var e;if(He(this,r,!0),!C.documentMode)return!1;(e=_.get(this,i))||this.addEventListener(i,o),_.set(this,i,(e||0)+1)},trigger:function(){return He(this,r),!0},teardown:function(){var e;if(!C.documentMode)return!1;(e=_.get(this,i)-1)?_.set(this,i,e):(this.removeEventListener(i,o),_.remove(this,i))},_default:function(e){return _.get(e.target,r)},delegateType:i},ce.event.special[i]={setup:function(){var e=this.ownerDocument||this.document||this,t=C.documentMode?this:e,n=_.get(t,i);n||(C.documentMode?this.addEventListener(i,o):e.addEventListener(r,o,!0)),_.set(t,i,(n||0)+1)},teardown:function(){var e=this.ownerDocument||this.document||this,t=C.documentMode?this:e,n=_.get(t,i)-1;n?_.set(t,i,n):(C.documentMode?this.removeEventListener(i,o):e.removeEventListener(r,o,!0),_.remove(t,i))}}}),ce.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){ce.event.special[e]={delegateType:i,bindType:i,handle:function(e){var t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||ce.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t}}}),ce.fn.extend({on:function(e,t,n,r){return Le(this,e,t,n,r)},one:function(e,t,n,r){return Le(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,ce(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=qe),this.each(function(){ce.event.remove(this,e,n,t)})}});var Oe=/<script|<style|<link/i,Pe=/checked\s*(?:[^=]|=\s*.checked.)/i,Me=/^\s*<!\[CDATA\[|\]\]>\s*$/g;function Re(e,t){return fe(e,"table")&&fe(11!==t.nodeType?t:t.firstChild,"tr")&&ce(e).children("tbody")[0]||e}function Ie(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function We(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Fe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(_.hasData(e)&&(s=_.get(e).events))for(i in _.remove(t,"handle events"),s)for(n=0,r=s[i].length;n<r;n++)ce.event.add(t,i,s[i][n]);z.hasData(e)&&(o=z.access(e),a=ce.extend({},o),z.set(t,a))}}function $e(n,r,i,o){r=g(r);var e,t,a,s,u,l,c=0,f=n.length,p=f-1,d=r[0],h=v(d);if(h||1<f&&"string"==typeof d&&!le.checkClone&&Pe.test(d))return n.each(function(e){var t=n.eq(e);h&&(r[0]=d.call(this,e,t.html())),$e(t,r,i,o)});if(f&&(t=(e=Ae(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(s=(a=ce.map(Se(e,"script"),Ie)).length;c<f;c++)u=e,c!==p&&(u=ce.clone(u,!0,!0),s&&ce.merge(a,Se(u,"script"))),i.call(n[c],u,c);if(s)for(l=a[a.length-1].ownerDocument,ce.map(a,We),c=0;c<s;c++)u=a[c],Ce.test(u.type||"")&&!_.access(u,"globalEval")&&ce.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?ce._evalUrl&&!u.noModule&&ce._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")},l):m(u.textContent.replace(Me,""),u,l))}return n}function Be(e,t,n){for(var r,i=t?ce.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||ce.cleanData(Se(r)),r.parentNode&&(n&&K(r)&&Ee(Se(r,"script")),r.parentNode.removeChild(r));return e}ce.extend({htmlPrefilter:function(e){return e},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=K(e);if(!(le.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||ce.isXMLDoc(e)))for(a=Se(c),r=0,i=(o=Se(e)).length;r<i;r++)s=o[r],u=a[r],void 0,"input"===(l=u.nodeName.toLowerCase())&&we.test(s.type)?u.checked=s.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=s.defaultValue);if(t)if(n)for(o=o||Se(e),a=a||Se(c),r=0,i=o.length;r<i;r++)Fe(o[r],a[r]);else Fe(e,c);return 0<(a=Se(c,"script")).length&&Ee(a,!f&&Se(e,"script")),c},cleanData:function(e){for(var t,n,r,i=ce.event.special,o=0;void 0!==(n=e[o]);o++)if($(n)){if(t=n[_.expando]){if(t.events)for(r in t.events)i[r]?ce.event.remove(n,r):ce.removeEvent(n,r,t.handle);n[_.expando]=void 0}n[z.expando]&&(n[z.expando]=void 0)}}}),ce.fn.extend({detach:function(e){return Be(this,e,!0)},remove:function(e){return Be(this,e)},text:function(e){return M(this,function(e){return void 0===e?ce.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return $e(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||Re(this,e).appendChild(e)})},prepend:function(){return $e(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Re(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return $e(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return $e(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(ce.cleanData(Se(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return ce.clone(this,e,t)})},html:function(e){return M(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!Oe.test(e)&&!ke[(Te.exec(e)||["",""])[1].toLowerCase()]){e=ce.htmlPrefilter(e);try{for(;n<r;n++)1===(t=this[n]||{}).nodeType&&(ce.cleanData(Se(t,!1)),t.innerHTML=e);t=0}catch(e){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var n=[];return $e(this,arguments,function(e){var t=this.parentNode;ce.inArray(this,n)<0&&(ce.cleanData(Se(this)),t&&t.replaceChild(e,this))},n)}}),ce.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,a){ce.fn[e]=function(e){for(var t,n=[],r=ce(e),i=r.length-1,o=0;o<=i;o++)t=o===i?this:this.clone(!0),ce(r[o])[a](t),s.apply(n,t.get());return this.pushStack(n)}});var _e=new RegExp("^("+G+")(?!px)[a-z%]+$","i"),ze=/^--/,Xe=function(e){var t=e.ownerDocument.defaultView;return t&&t.opener||(t=ie),t.getComputedStyle(e)},Ue=function(e,t,n){var r,i,o={};for(i in t)o[i]=e.style[i],e.style[i]=t[i];for(i in r=n.call(e),t)e.style[i]=o[i];return r},Ve=new RegExp(Q.join("|"),"i");function Ge(e,t,n){var r,i,o,a,s=ze.test(t),u=e.style;return(n=n||Xe(e))&&(a=n.getPropertyValue(t)||n[t],s&&a&&(a=a.replace(ve,"$1")||void 0),""!==a||K(e)||(a=ce.style(e,t)),!le.pixelBoxStyles()&&_e.test(a)&&Ve.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=n.width,u.width=r,u.minWidth=i,u.maxWidth=o)),void 0!==a?a+"":a}function Ye(e,t){return{get:function(){if(!e())return(this.get=t).apply(this,arguments);delete this.get}}}!function(){function e(){if(l){u.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",l.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",J.appendChild(u).appendChild(l);var e=ie.getComputedStyle(l);n="1%"!==e.top,s=12===t(e.marginLeft),l.style.right="60%",o=36===t(e.right),r=36===t(e.width),l.style.position="absolute",i=12===t(l.offsetWidth/3),J.removeChild(u),l=null}}function t(e){return Math.round(parseFloat(e))}var n,r,i,o,a,s,u=C.createElement("div"),l=C.createElement("div");l.style&&(l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",le.clearCloneStyle="content-box"===l.style.backgroundClip,ce.extend(le,{boxSizingReliable:function(){return e(),r},pixelBoxStyles:function(){return e(),o},pixelPosition:function(){return e(),n},reliableMarginLeft:function(){return e(),s},scrollboxSize:function(){return e(),i},reliableTrDimensions:function(){var e,t,n,r;return null==a&&(e=C.createElement("table"),t=C.createElement("tr"),n=C.createElement("div"),e.style.cssText="position:absolute;left:-11111px;border-collapse:separate",t.style.cssText="box-sizing:content-box;border:1px solid",t.style.height="1px",n.style.height="9px",n.style.display="block",J.appendChild(e).appendChild(t).appendChild(n),r=ie.getComputedStyle(t),a=parseInt(r.height,10)+parseInt(r.borderTopWidth,10)+parseInt(r.borderBottomWidth,10)===t.offsetHeight,J.removeChild(e)),a}}))}();var Qe=["Webkit","Moz","ms"],Je=C.createElement("div").style,Ke={};function Ze(e){var t=ce.cssProps[e]||Ke[e];return t||(e in Je?e:Ke[e]=function(e){var t=e[0].toUpperCase()+e.slice(1),n=Qe.length;while(n--)if((e=Qe[n]+t)in Je)return e}(e)||e)}var et=/^(none|table(?!-c[ea]).+)/,tt={position:"absolute",visibility:"hidden",display:"block"},nt={letterSpacing:"0",fontWeight:"400"};function rt(e,t,n){var r=Y.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t}function it(e,t,n,r,i,o){var a="width"===t?1:0,s=0,u=0,l=0;if(n===(r?"border":"content"))return 0;for(;a<4;a+=2)"margin"===n&&(l+=ce.css(e,n+Q[a],!0,i)),r?("content"===n&&(u-=ce.css(e,"padding"+Q[a],!0,i)),"margin"!==n&&(u-=ce.css(e,"border"+Q[a]+"Width",!0,i))):(u+=ce.css(e,"padding"+Q[a],!0,i),"padding"!==n?u+=ce.css(e,"border"+Q[a]+"Width",!0,i):s+=ce.css(e,"border"+Q[a]+"Width",!0,i));return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))||0),u+l}function ot(e,t,n){var r=Xe(e),i=(!le.boxSizingReliable()||n)&&"border-box"===ce.css(e,"boxSizing",!1,r),o=i,a=Ge(e,t,r),s="offset"+t[0].toUpperCase()+t.slice(1);if(_e.test(a)){if(!n)return a;a="auto"}return(!le.boxSizingReliable()&&i||!le.reliableTrDimensions()&&fe(e,"tr")||"auto"===a||!parseFloat(a)&&"inline"===ce.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===ce.css(e,"boxSizing",!1,r),(o=s in e)&&(a=e[s])),(a=parseFloat(a)||0)+it(e,t,n||(i?"border":"content"),o,r,a)+"px"}function at(e,t,n,r,i){return new at.prototype.init(e,t,n,r,i)}ce.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Ge(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,aspectRatio:!0,borderImageSlice:!0,columnCount:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,scale:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeMiterlimit:!0,strokeOpacity:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=F(t),u=ze.test(t),l=e.style;if(u||(t=Ze(s)),a=ce.cssHooks[t]||ce.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"===(o=typeof n)&&(i=Y.exec(n))&&i[1]&&(n=te(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(ce.cssNumber[s]?"":"px")),le.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=F(t);return ze.test(t)||(t=Ze(s)),(a=ce.cssHooks[t]||ce.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=Ge(e,t,r)),"normal"===i&&t in nt&&(i=nt[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),ce.each(["height","width"],function(e,u){ce.cssHooks[u]={get:function(e,t,n){if(t)return!et.test(ce.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?ot(e,u,n):Ue(e,tt,function(){return ot(e,u,n)})},set:function(e,t,n){var r,i=Xe(e),o=!le.scrollboxSize()&&"absolute"===i.position,a=(o||n)&&"border-box"===ce.css(e,"boxSizing",!1,i),s=n?it(e,u,n,a,i):0;return a&&o&&(s-=Math.ceil(e["offset"+u[0].toUpperCase()+u.slice(1)]-parseFloat(i[u])-it(e,u,"border",!1,i)-.5)),s&&(r=Y.exec(t))&&"px"!==(r[3]||"px")&&(e.style[u]=t,t=ce.css(e,u)),rt(0,t,s)}}}),ce.cssHooks.marginLeft=Ye(le.reliableMarginLeft,function(e,t){if(t)return(parseFloat(Ge(e,"marginLeft"))||e.getBoundingClientRect().left-Ue(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),ce.each({margin:"",padding:"",border:"Width"},function(i,o){ce.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++)n[i+Q[t]+o]=r[t]||r[t-2]||r[0];return n}},"margin"!==i&&(ce.cssHooks[i+o].set=rt)}),ce.fn.extend({css:function(e,t){return M(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=Xe(e),i=t.length;a<i;a++)o[t[a]]=ce.css(e,t[a],!1,r);return o}return void 0!==n?ce.style(e,t,n):ce.css(e,t)},e,t,1<arguments.length)}}),((ce.Tween=at).prototype={constructor:at,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||ce.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(ce.cssNumber[n]?"":"px")},cur:function(){var e=at.propHooks[this.prop];return e&&e.get?e.get(this):at.propHooks._default.get(this)},run:function(e){var t,n=at.propHooks[this.prop];return this.options.duration?this.pos=t=ce.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):at.propHooks._default.set(this),this}}).init.prototype=at.prototype,(at.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=ce.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){ce.fx.step[e.prop]?ce.fx.step[e.prop](e):1!==e.elem.nodeType||!ce.cssHooks[e.prop]&&null==e.elem.style[Ze(e.prop)]?e.elem[e.prop]=e.now:ce.style(e.elem,e.prop,e.now+e.unit)}}}).scrollTop=at.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},ce.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},ce.fx=at.prototype.init,ce.fx.step={};var st,ut,lt,ct,ft=/^(?:toggle|show|hide)$/,pt=/queueHooks$/;function dt(){ut&&(!1===C.hidden&&ie.requestAnimationFrame?ie.requestAnimationFrame(dt):ie.setTimeout(dt,ce.fx.interval),ce.fx.tick())}function ht(){return ie.setTimeout(function(){st=void 0}),st=Date.now()}function gt(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=Q[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function vt(e,t,n){for(var r,i=(yt.tweeners[t]||[]).concat(yt.tweeners["*"]),o=0,a=i.length;o<a;o++)if(r=i[o].call(n,t,e))return r}function yt(o,e,t){var n,a,r=0,i=yt.prefilters.length,s=ce.Deferred().always(function(){delete u.elem}),u=function(){if(a)return!1;for(var e=st||ht(),t=Math.max(0,l.startTime+l.duration-e),n=1-(t/l.duration||0),r=0,i=l.tweens.length;r<i;r++)l.tweens[r].run(n);return s.notifyWith(o,[l,n,t]),n<1&&i?t:(i||s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l]),!1)},l=s.promise({elem:o,props:ce.extend({},e),opts:ce.extend(!0,{specialEasing:{},easing:ce.easing._default},t),originalProperties:e,originalOptions:t,startTime:st||ht(),duration:t.duration,tweens:[],createTween:function(e,t){var n=ce.Tween(o,l.opts,e,t,l.opts.specialEasing[e]||l.opts.easing);return l.tweens.push(n),n},stop:function(e){var t=0,n=e?l.tweens.length:0;if(a)return this;for(a=!0;t<n;t++)l.tweens[t].run(1);return e?(s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l,e])):s.rejectWith(o,[l,e]),this}}),c=l.props;for(!function(e,t){var n,r,i,o,a;for(n in e)if(i=t[r=F(n)],o=e[n],Array.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),(a=ce.cssHooks[r])&&"expand"in a)for(n in o=a.expand(o),delete e[r],o)n in e||(e[n]=o[n],t[n]=i);else t[r]=i}(c,l.opts.specialEasing);r<i;r++)if(n=yt.prefilters[r].call(l,o,c,l.opts))return v(n.stop)&&(ce._queueHooks(l.elem,l.opts.queue).stop=n.stop.bind(n)),n;return ce.map(c,vt,l),v(l.opts.start)&&l.opts.start.call(o,l),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always),ce.fx.timer(ce.extend(u,{elem:o,anim:l,queue:l.opts.queue})),l}ce.Animation=ce.extend(yt,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return te(n.elem,e,Y.exec(t),n),n}]},tweener:function(e,t){v(e)?(t=e,e=["*"]):e=e.match(D);for(var n,r=0,i=e.length;r<i;r++)n=e[r],yt.tweeners[n]=yt.tweeners[n]||[],yt.tweeners[n].unshift(t)},prefilters:[function(e,t,n){var r,i,o,a,s,u,l,c,f="width"in t||"height"in t,p=this,d={},h=e.style,g=e.nodeType&&ee(e),v=_.get(e,"fxshow");for(r in n.queue||(null==(a=ce._queueHooks(e,"fx")).unqueued&&(a.unqueued=0,s=a.empty.fire,a.empty.fire=function(){a.unqueued||s()}),a.unqueued++,p.always(function(){p.always(function(){a.unqueued--,ce.queue(e,"fx").length||a.empty.fire()})})),t)if(i=t[r],ft.test(i)){if(delete t[r],o=o||"toggle"===i,i===(g?"hide":"show")){if("show"!==i||!v||void 0===v[r])continue;g=!0}d[r]=v&&v[r]||ce.style(e,r)}if((u=!ce.isEmptyObject(t))||!ce.isEmptyObject(d))for(r in f&&1===e.nodeType&&(n.overflow=[h.overflow,h.overflowX,h.overflowY],null==(l=v&&v.display)&&(l=_.get(e,"display")),"none"===(c=ce.css(e,"display"))&&(l?c=l:(re([e],!0),l=e.style.display||l,c=ce.css(e,"display"),re([e]))),("inline"===c||"inline-block"===c&&null!=l)&&"none"===ce.css(e,"float")&&(u||(p.done(function(){h.display=l}),null==l&&(c=h.display,l="none"===c?"":c)),h.display="inline-block")),n.overflow&&(h.overflow="hidden",p.always(function(){h.overflow=n.overflow[0],h.overflowX=n.overflow[1],h.overflowY=n.overflow[2]})),u=!1,d)u||(v?"hidden"in v&&(g=v.hidden):v=_.access(e,"fxshow",{display:l}),o&&(v.hidden=!g),g&&re([e],!0),p.done(function(){for(r in g||re([e]),_.remove(e,"fxshow"),d)ce.style(e,r,d[r])})),u=vt(g?v[r]:0,r,p),r in v||(v[r]=u.start,g&&(u.end=u.start,u.start=0))}],prefilter:function(e,t){t?yt.prefilters.unshift(e):yt.prefilters.push(e)}}),ce.speed=function(e,t,n){var r=e&&"object"==typeof e?ce.extend({},e):{complete:n||!n&&t||v(e)&&e,duration:e,easing:n&&t||t&&!v(t)&&t};return ce.fx.off?r.duration=0:"number"!=typeof r.duration&&(r.duration in ce.fx.speeds?r.duration=ce.fx.speeds[r.duration]:r.duration=ce.fx.speeds._default),null!=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function(){v(r.old)&&r.old.call(this),r.queue&&ce.dequeue(this,r.queue)},r},ce.fn.extend({fadeTo:function(e,t,n,r){return this.filter(ee).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(t,e,n,r){var i=ce.isEmptyObject(t),o=ce.speed(e,n,r),a=function(){var e=yt(this,ce.extend({},t),o);(i||_.get(this,"finish"))&&e.stop(!0)};return a.finish=a,i||!1===o.queue?this.each(a):this.queue(o.queue,a)},stop:function(i,e,o){var a=function(e){var t=e.stop;delete e.stop,t(o)};return"string"!=typeof i&&(o=e,e=i,i=void 0),e&&this.queue(i||"fx",[]),this.each(function(){var e=!0,t=null!=i&&i+"queueHooks",n=ce.timers,r=_.get(this);if(t)r[t]&&r[t].stop&&a(r[t]);else for(t in r)r[t]&&r[t].stop&&pt.test(t)&&a(r[t]);for(t=n.length;t--;)n[t].elem!==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));!e&&o||ce.dequeue(this,i)})},finish:function(a){return!1!==a&&(a=a||"fx"),this.each(function(){var e,t=_.get(this),n=t[a+"queue"],r=t[a+"queueHooks"],i=ce.timers,o=n?n.length:0;for(t.finish=!0,ce.queue(this,a,[]),r&&r.stop&&r.stop.call(this,!0),e=i.length;e--;)i[e].elem===this&&i[e].queue===a&&(i[e].anim.stop(!0),i.splice(e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].finish.call(this);delete t.finish})}}),ce.each(["toggle","show","hide"],function(e,r){var i=ce.fn[r];ce.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?i.apply(this,arguments):this.animate(gt(r,!0),e,t,n)}}),ce.each({slideDown:gt("show"),slideUp:gt("hide"),slideToggle:gt("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,r){ce.fn[e]=function(e,t,n){return this.animate(r,e,t,n)}}),ce.timers=[],ce.fx.tick=function(){var e,t=0,n=ce.timers;for(st=Date.now();t<n.length;t++)(e=n[t])()||n[t]!==e||n.splice(t--,1);n.length||ce.fx.stop(),st=void 0},ce.fx.timer=function(e){ce.timers.push(e),ce.fx.start()},ce.fx.interval=13,ce.fx.start=function(){ut||(ut=!0,dt())},ce.fx.stop=function(){ut=null},ce.fx.speeds={slow:600,fast:200,_default:400},ce.fn.delay=function(r,e){return r=ce.fx&&ce.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){var n=ie.setTimeout(e,r);t.stop=function(){ie.clearTimeout(n)}})},lt=C.createElement("input"),ct=C.createElement("select").appendChild(C.createElement("option")),lt.type="checkbox",le.checkOn=""!==lt.value,le.optSelected=ct.selected,(lt=C.createElement("input")).value="t",lt.type="radio",le.radioValue="t"===lt.value;var mt,xt=ce.expr.attrHandle;ce.fn.extend({attr:function(e,t){return M(this,ce.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){ce.removeAttr(this,e)})}}),ce.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?ce.prop(e,t,n):(1===o&&ce.isXMLDoc(e)||(i=ce.attrHooks[t.toLowerCase()]||(ce.expr.match.bool.test(t)?mt:void 0)),void 0!==n?null===n?void ce.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=ce.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!le.radioValue&&"radio"===t&&fe(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(D);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),mt={set:function(e,t,n){return!1===t?ce.removeAttr(e,n):e.setAttribute(n,n),n}},ce.each(ce.expr.match.bool.source.match(/\w+/g),function(e,t){var a=xt[t]||ce.find.attr;xt[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=xt[o],xt[o]=r,r=null!=a(e,t,n)?o:null,xt[o]=i),r}});var bt=/^(?:input|select|textarea|button)$/i,wt=/^(?:a|area)$/i;function Tt(e){return(e.match(D)||[]).join(" ")}function Ct(e){return e.getAttribute&&e.getAttribute("class")||""}function kt(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(D)||[]}ce.fn.extend({prop:function(e,t){return M(this,ce.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[ce.propFix[e]||e]})}}),ce.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&ce.isXMLDoc(e)||(t=ce.propFix[t]||t,i=ce.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=ce.find.attr(e,"tabindex");return t?parseInt(t,10):bt.test(e.nodeName)||wt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),le.optSelected||(ce.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),ce.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){ce.propFix[this.toLowerCase()]=this}),ce.fn.extend({addClass:function(t){var e,n,r,i,o,a;return v(t)?this.each(function(e){ce(this).addClass(t.call(this,e,Ct(this)))}):(e=kt(t)).length?this.each(function(){if(r=Ct(this),n=1===this.nodeType&&" "+Tt(r)+" "){for(o=0;o<e.length;o++)i=e[o],n.indexOf(" "+i+" ")<0&&(n+=i+" ");a=Tt(n),r!==a&&this.setAttribute("class",a)}}):this},removeClass:function(t){var e,n,r,i,o,a;return v(t)?this.each(function(e){ce(this).removeClass(t.call(this,e,Ct(this)))}):arguments.length?(e=kt(t)).length?this.each(function(){if(r=Ct(this),n=1===this.nodeType&&" "+Tt(r)+" "){for(o=0;o<e.length;o++){i=e[o];while(-1<n.indexOf(" "+i+" "))n=n.replace(" "+i+" "," ")}a=Tt(n),r!==a&&this.setAttribute("class",a)}}):this:this.attr("class","")},toggleClass:function(t,n){var e,r,i,o,a=typeof t,s="string"===a||Array.isArray(t);return v(t)?this.each(function(e){ce(this).toggleClass(t.call(this,e,Ct(this),n),n)}):"boolean"==typeof n&&s?n?this.addClass(t):this.removeClass(t):(e=kt(t),this.each(function(){if(s)for(o=ce(this),i=0;i<e.length;i++)r=e[i],o.hasClass(r)?o.removeClass(r):o.addClass(r);else void 0!==t&&"boolean"!==a||((r=Ct(this))&&_.set(this,"__className__",r),this.setAttribute&&this.setAttribute("class",r||!1===t?"":_.get(this,"__className__")||""))}))},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&-1<(" "+Tt(Ct(n))+" ").indexOf(t))return!0;return!1}});var St=/\r/g;ce.fn.extend({val:function(n){var r,e,i,t=this[0];return arguments.length?(i=v(n),this.each(function(e){var t;1===this.nodeType&&(null==(t=i?n.call(this,e,ce(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=ce.map(t,function(e){return null==e?"":e+""})),(r=ce.valHooks[this.type]||ce.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t))})):t?(r=ce.valHooks[t.type]||ce.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(St,""):null==e?"":e:void 0}}),ce.extend({valHooks:{option:{get:function(e){var t=ce.find.attr(e,"value");return null!=t?t:Tt(ce.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!fe(n.parentNode,"optgroup"))){if(t=ce(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=ce.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-1<ce.inArray(ce.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),ce.each(["radio","checkbox"],function(){ce.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<ce.inArray(ce(e).val(),t)}},le.checkOn||(ce.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var Et=ie.location,jt={guid:Date.now()},At=/\?/;ce.parseXML=function(e){var t,n;if(!e||"string"!=typeof e)return null;try{t=(new ie.DOMParser).parseFromString(e,"text/xml")}catch(e){}return n=t&&t.getElementsByTagName("parsererror")[0],t&&!n||ce.error("Invalid XML: "+(n?ce.map(n.childNodes,function(e){return e.textContent}).join("\n"):e)),t};var Dt=/^(?:focusinfocus|focusoutblur)$/,Nt=function(e){e.stopPropagation()};ce.extend(ce.event,{trigger:function(e,t,n,r){var i,o,a,s,u,l,c,f,p=[n||C],d=ue.call(e,"type")?e.type:e,h=ue.call(e,"namespace")?e.namespace.split("."):[];if(o=f=a=n=n||C,3!==n.nodeType&&8!==n.nodeType&&!Dt.test(d+ce.event.triggered)&&(-1<d.indexOf(".")&&(d=(h=d.split(".")).shift(),h.sort()),u=d.indexOf(":")<0&&"on"+d,(e=e[ce.expando]?e:new ce.Event(d,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:ce.makeArray(t,[e]),c=ce.event.special[d]||{},r||!c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!y(n)){for(s=c.delegateType||d,Dt.test(s+d)||(o=o.parentNode);o;o=o.parentNode)p.push(o),a=o;a===(n.ownerDocument||C)&&p.push(a.defaultView||a.parentWindow||ie)}i=0;while((o=p[i++])&&!e.isPropagationStopped())f=o,e.type=1<i?s:c.bindType||d,(l=(_.get(o,"events")||Object.create(null))[e.type]&&_.get(o,"handle"))&&l.apply(o,t),(l=u&&o[u])&&l.apply&&$(o)&&(e.result=l.apply(o,t),!1===e.result&&e.preventDefault());return e.type=d,r||e.isDefaultPrevented()||c._default&&!1!==c._default.apply(p.pop(),t)||!$(n)||u&&v(n[d])&&!y(n)&&((a=n[u])&&(n[u]=null),ce.event.triggered=d,e.isPropagationStopped()&&f.addEventListener(d,Nt),n[d](),e.isPropagationStopped()&&f.removeEventListener(d,Nt),ce.event.triggered=void 0,a&&(n[u]=a)),e.result}},simulate:function(e,t,n){var r=ce.extend(new ce.Event,n,{type:e,isSimulated:!0});ce.event.trigger(r,null,t)}}),ce.fn.extend({trigger:function(e,t){return this.each(function(){ce.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return ce.event.trigger(e,t,n,!0)}});var qt=/\[\]$/,Lt=/\r?\n/g,Ht=/^(?:submit|button|image|reset|file)$/i,Ot=/^(?:input|select|textarea|keygen)/i;function Pt(n,e,r,i){var t;if(Array.isArray(e))ce.each(e,function(e,t){r||qt.test(n)?i(n,t):Pt(n+"["+("object"==typeof t&&null!=t?e:"")+"]",t,r,i)});else if(r||"object"!==x(e))i(n,e);else for(t in e)Pt(n+"["+t+"]",e[t],r,i)}ce.param=function(e,t){var n,r=[],i=function(e,t){var n=v(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if(Array.isArray(e)||e.jquery&&!ce.isPlainObject(e))ce.each(e,function(){i(this.name,this.value)});else for(n in e)Pt(n,e[n],t,i);return r.join("&")},ce.fn.extend({serialize:function(){return ce.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=ce.prop(this,"elements");return e?ce.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!ce(this).is(":disabled")&&Ot.test(this.nodeName)&&!Ht.test(e)&&(this.checked||!we.test(e))}).map(function(e,t){var n=ce(this).val();return null==n?null:Array.isArray(n)?ce.map(n,function(e){return{name:t.name,value:e.replace(Lt,"\r\n")}}):{name:t.name,value:n.replace(Lt,"\r\n")}}).get()}});var Mt=/%20/g,Rt=/#.*$/,It=/([?&])_=[^&]*/,Wt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Ft=/^(?:GET|HEAD)$/,$t=/^\/\//,Bt={},_t={},zt="*/".concat("*"),Xt=C.createElement("a");function Ut(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var n,r=0,i=e.toLowerCase().match(D)||[];if(v(t))while(n=i[r++])"+"===n[0]?(n=n.slice(1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t)}}function Vt(t,i,o,a){var s={},u=t===_t;function l(e){var r;return s[e]=!0,ce.each(t[e]||[],function(e,t){var n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:(i.dataTypes.unshift(n),l(n),!1)}),r}return l(i.dataTypes[0])||!s["*"]&&l("*")}function Gt(e,t){var n,r,i=ce.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&ce.extend(!0,e,r),e}Xt.href=Et.href,ce.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Et.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(Et.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":zt,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":ce.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?Gt(Gt(e,ce.ajaxSettings),t):Gt(ce.ajaxSettings,e)},ajaxPrefilter:Ut(Bt),ajaxTransport:Ut(_t),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0),t=t||{};var c,f,p,n,d,r,h,g,i,o,v=ce.ajaxSetup({},t),y=v.context||v,m=v.context&&(y.nodeType||y.jquery)?ce(y):ce.event,x=ce.Deferred(),b=ce.Callbacks("once memory"),w=v.statusCode||{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(h){if(!n){n={};while(t=Wt.exec(p))n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+" "]||[]).concat(t[2])}t=n[e.toLowerCase()+" "]}return null==t?null:t.join(", ")},getAllResponseHeaders:function(){return h?p:null},setRequestHeader:function(e,t){return null==h&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||e,a[e]=t),this},overrideMimeType:function(e){return null==h&&(v.mimeType=e),this},statusCode:function(e){var t;if(e)if(h)T.always(e[T.status]);else for(t in e)w[t]=[w[t],e[t]];return this},abort:function(e){var t=e||u;return c&&c.abort(t),l(0,t),this}};if(x.promise(T),v.url=((e||v.url||Et.href)+"").replace($t,Et.protocol+"//"),v.type=t.method||t.type||v.method||v.type,v.dataTypes=(v.dataType||"*").toLowerCase().match(D)||[""],null==v.crossDomain){r=C.createElement("a");try{r.href=v.url,r.href=r.href,v.crossDomain=Xt.protocol+"//"+Xt.host!=r.protocol+"//"+r.host}catch(e){v.crossDomain=!0}}if(v.data&&v.processData&&"string"!=typeof v.data&&(v.data=ce.param(v.data,v.traditional)),Vt(Bt,v,t,T),h)return T;for(i in(g=ce.event&&v.global)&&0==ce.active++&&ce.event.trigger("ajaxStart"),v.type=v.type.toUpperCase(),v.hasContent=!Ft.test(v.type),f=v.url.replace(Rt,""),v.hasContent?v.data&&v.processData&&0===(v.contentType||"").indexOf("application/x-www-form-urlencoded")&&(v.data=v.data.replace(Mt,"+")):(o=v.url.slice(f.length),v.data&&(v.processData||"string"==typeof v.data)&&(f+=(At.test(f)?"&":"?")+v.data,delete v.data),!1===v.cache&&(f=f.replace(It,"$1"),o=(At.test(f)?"&":"?")+"_="+jt.guid+++o),v.url=f+o),v.ifModified&&(ce.lastModified[f]&&T.setRequestHeader("If-Modified-Since",ce.lastModified[f]),ce.etag[f]&&T.setRequestHeader("If-None-Match",ce.etag[f])),(v.data&&v.hasContent&&!1!==v.contentType||t.contentType)&&T.setRequestHeader("Content-Type",v.contentType),T.setRequestHeader("Accept",v.dataTypes[0]&&v.accepts[v.dataTypes[0]]?v.accepts[v.dataTypes[0]]+("*"!==v.dataTypes[0]?", "+zt+"; q=0.01":""):v.accepts["*"]),v.headers)T.setRequestHeader(i,v.headers[i]);if(v.beforeSend&&(!1===v.beforeSend.call(y,T,v)||h))return T.abort();if(u="abort",b.add(v.complete),T.done(v.success),T.fail(v.error),c=Vt(_t,v,t,T)){if(T.readyState=1,g&&m.trigger("ajaxSend",[T,v]),h)return T;v.async&&0<v.timeout&&(d=ie.setTimeout(function(){T.abort("timeout")},v.timeout));try{h=!1,c.send(a,l)}catch(e){if(h)throw e;l(-1,e)}}else l(-1,"No Transport");function l(e,t,n,r){var i,o,a,s,u,l=t;h||(h=!0,d&&ie.clearTimeout(d),c=void 0,p=r||"",T.readyState=0<e?4:0,i=200<=e&&e<300||304===e,n&&(s=function(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}(v,T,n)),!i&&-1<ce.inArray("script",v.dataTypes)&&ce.inArray("json",v.dataTypes)<0&&(v.converters["text script"]=function(){}),s=function(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}(v,s,T,i),i?(v.ifModified&&((u=T.getResponseHeader("Last-Modified"))&&(ce.lastModified[f]=u),(u=T.getResponseHeader("etag"))&&(ce.etag[f]=u)),204===e||"HEAD"===v.type?l="nocontent":304===e?l="notmodified":(l=s.state,o=s.data,i=!(a=s.error))):(a=l,!e&&l||(l="error",e<0&&(e=0))),T.status=e,T.statusText=(t||l)+"",i?x.resolveWith(y,[o,l,T]):x.rejectWith(y,[T,l,a]),T.statusCode(w),w=void 0,g&&m.trigger(i?"ajaxSuccess":"ajaxError",[T,v,i?o:a]),b.fireWith(y,[T,l]),g&&(m.trigger("ajaxComplete",[T,v]),--ce.active||ce.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return ce.get(e,t,n,"json")},getScript:function(e,t){return ce.get(e,void 0,t,"script")}}),ce.each(["get","post"],function(e,i){ce[i]=function(e,t,n,r){return v(t)&&(r=r||n,n=t,t=void 0),ce.ajax(ce.extend({url:e,type:i,dataType:r,data:t,success:n},ce.isPlainObject(e)&&e))}}),ce.ajaxPrefilter(function(e){var t;for(t in e.headers)"content-type"===t.toLowerCase()&&(e.contentType=e.headers[t]||"")}),ce._evalUrl=function(e,t,n){return ce.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(e){ce.globalEval(e,t,n)}})},ce.fn.extend({wrapAll:function(e){var t;return this[0]&&(v(e)&&(e=e.call(this[0])),t=ce(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(n){return v(n)?this.each(function(e){ce(this).wrapInner(n.call(this,e))}):this.each(function(){var e=ce(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var n=v(t);return this.each(function(e){ce(this).wrapAll(n?t.call(this,e):t)})},unwrap:function(e){return this.parent(e).not("body").each(function(){ce(this).replaceWith(this.childNodes)}),this}}),ce.expr.pseudos.hidden=function(e){return!ce.expr.pseudos.visible(e)},ce.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},ce.ajaxSettings.xhr=function(){try{return new ie.XMLHttpRequest}catch(e){}};var Yt={0:200,1223:204},Qt=ce.ajaxSettings.xhr();le.cors=!!Qt&&"withCredentials"in Qt,le.ajax=Qt=!!Qt,ce.ajaxTransport(function(i){var o,a;if(le.cors||Qt&&!i.crossDomain)return{send:function(e,t){var n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields)for(n in i.xhrFields)r[n]=i.xhrFields[n];for(n in i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest"),e)r.setRequestHeader(n,e[n]);o=function(e){return function(){o&&(o=a=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"===e?r.abort():"error"===e?"number"!=typeof r.status?t(0,"error"):t(r.status,r.statusText):t(Yt[r.status]||r.status,r.statusText,"text"!==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:{text:r.responseText},r.getAllResponseHeaders()))}},r.onload=o(),a=r.onerror=r.ontimeout=o("error"),void 0!==r.onabort?r.onabort=a:r.onreadystatechange=function(){4===r.readyState&&ie.setTimeout(function(){o&&a()})},o=o("abort");try{r.send(i.hasContent&&i.data||null)}catch(e){if(o)throw e}},abort:function(){o&&o()}}}),ce.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),ce.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return ce.globalEval(e),e}}}),ce.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),ce.ajaxTransport("script",function(n){var r,i;if(n.crossDomain||n.scriptAttrs)return{send:function(e,t){r=ce("<script>").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),C.head.appendChild(r[0])},abort:function(){i&&i()}}});var Jt,Kt=[],Zt=/(=)\?(?=&|$)|\?\?/;ce.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Kt.pop()||ce.expando+"_"+jt.guid++;return this[e]=!0,e}}),ce.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Zt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Zt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=v(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Zt,"$1"+r):!1!==e.jsonp&&(e.url+=(At.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||ce.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=ie[r],ie[r]=function(){o=arguments},n.always(function(){void 0===i?ce(ie).removeProp(r):ie[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Kt.push(r)),o&&v(i)&&i(o[0]),o=i=void 0}),"script"}),le.createHTMLDocument=((Jt=C.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===Jt.childNodes.length),ce.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(le.createHTMLDocument?((r=(t=C.implementation.createHTMLDocument("")).createElement("base")).href=C.location.href,t.head.appendChild(r)):t=C),o=!n&&[],(i=w.exec(e))?[t.createElement(i[1])]:(i=Ae([e],t,o),o&&o.length&&ce(o).remove(),ce.merge([],i.childNodes)));var r,i,o},ce.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1<s&&(r=Tt(e.slice(s)),e=e.slice(0,s)),v(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),0<a.length&&ce.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?ce("<div>").append(ce.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},ce.expr.pseudos.animated=function(t){return ce.grep(ce.timers,function(e){return t===e.elem}).length},ce.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=ce.css(e,"position"),c=ce(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=ce.css(e,"top"),u=ce.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),v(t)&&(t=t.call(e,n,ce.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},ce.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){ce.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===ce.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===ce.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=ce(e).offset()).top+=ce.css(e,"borderTopWidth",!0),i.left+=ce.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-ce.css(r,"marginTop",!0),left:t.left-i.left-ce.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===ce.css(e,"position"))e=e.offsetParent;return e||J})}}),ce.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;ce.fn[t]=function(e){return M(this,function(e,t,n){var r;if(y(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),ce.each(["top","left"],function(e,n){ce.cssHooks[n]=Ye(le.pixelPosition,function(e,t){if(t)return t=Ge(e,n),_e.test(t)?ce(e).position()[n]+"px":t})}),ce.each({Height:"height",Width:"width"},function(a,s){ce.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){ce.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return M(this,function(e,t,n){var r;return y(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?ce.css(e,t,i):ce.style(e,t,n,i)},s,n?e:void 0,n)}})}),ce.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){ce.fn[t]=function(e){return this.on(t,e)}}),ce.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.on("mouseenter",e).on("mouseleave",t||e)}}),ce.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){ce.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n)}});var en=/^[\s\uFEFF\xA0]+|([^\s\uFEFF\xA0])[\s\uFEFF\xA0]+$/g;ce.proxy=function(e,t){var n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),v(e))return r=ae.call(arguments,2),(i=function(){return e.apply(t||this,r.concat(ae.call(arguments)))}).guid=e.guid=e.guid||ce.guid++,i},ce.holdReady=function(e){e?ce.readyWait++:ce.ready(!0)},ce.isArray=Array.isArray,ce.parseJSON=JSON.parse,ce.nodeName=fe,ce.isFunction=v,ce.isWindow=y,ce.camelCase=F,ce.type=x,ce.now=Date.now,ce.isNumeric=function(e){var t=ce.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e))},ce.trim=function(e){return null==e?"":(e+"").replace(en,"$1")},"function"==typeof define&&define.amd&&define("jquery",[],function(){return ce});var tn=ie.jQuery,nn=ie.$;return ce.noConflict=function(e){return ie.$===ce&&(ie.$=nn),e&&ie.jQuery===ce&&(ie.jQuery=tn),ce},"undefined"==typeof e&&(ie.jQuery=ie.$=ce),ce});
diff --git a/public_html/raven-demo/vendor/js/jsvectormap.min.js b/public_html/raven-demo/vendor/js/jsvectormap.min.js
new file mode 100644
index 0000000..68edce6
--- /dev/null
+++ b/public_html/raven-demo/vendor/js/jsvectormap.min.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).jsVectorMap=e()}(this,(function(){"use strict";var t=function(t){return function(t){return!!t&&"object"==typeof t}(t)&&!function(t){var i=Object.prototype.toString.call(t);return"[object RegExp]"===i||"[object Date]"===i||function(t){return t instanceof Node}(t)||function(t){return t.$$typeof===e}(t)}(t)};var e="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function i(t,e){return!1!==e.clone&&e.isMergeableObject(t)?o((i=t,Array.isArray(i)?[]:{}),t,e):t;var i}function s(t,e,s){return t.concat(e).map((function(t){return i(t,s)}))}function n(t){return Object.keys(t).concat(function(t){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t).filter((function(e){return t.propertyIsEnumerable(e)})):[]}(t))}function r(t,e){try{return e in t}catch(t){return!1}}function a(t,e,s){var a={};return s.isMergeableObject(t)&&n(t).forEach((function(e){a[e]=i(t[e],s)})),n(e).forEach((function(n){(function(t,e){return r(t,e)&&!(Object.hasOwnProperty.call(t,e)&&Object.propertyIsEnumerable.call(t,e))})(t,n)||(r(t,n)&&s.isMergeableObject(e[n])?a[n]=function(t,e){if(!e.customMerge)return o;var i=e.customMerge(t);return"function"==typeof i?i:o}(n,s)(t[n],e[n],s):a[n]=i(e[n],s))})),a}var o=function(e,n,r){(r=r||{}).arrayMerge=r.arrayMerge||s,r.isMergeableObject=r.isMergeableObject||t,r.cloneUnlessOtherwiseSpecified=i;var o=Array.isArray(n);return o===Array.isArray(e)?o?r.arrayMerge(e,n,r):a(e,n,r):i(n,r)},h=function(t){return"object"==typeof t&&void 0!==t.nodeType?t:"string"==typeof t?document.querySelector(t):null},l=function(t,e,i,s){void 0===s&&(s=!1);var n=document.createElement(t);return i&&(n[s?"innerHTML":"textContent"]=i),e&&(n.className=e),n},c=function(t){t.parentNode.removeChild(t)},u=function(t,e,i){return void 0===i&&(i=!1),i?o(t,e):Object.assign(t,e)},p=function(t,e){return t.toLowerCase()+":to:"+e.toLowerCase()},d=function(t,e){Object.assign(t.prototype,e)},f={},m=1,g={on:function(t,e,i,s){void 0===s&&(s={});var n="jvm:"+e+"::"+m++;f[n]={selector:t,handler:i},i._uid=n,t.addEventListener(e,i,s)},delegate:function(t,e,i,s){(e=e.split(" ")).forEach((function(e){g.on(t,e,(function(t){var e=t.target;e.matches(i)&&s.call(e,t)}))}))},off:function(t,e,i){var s=e.split(":")[1];t.removeEventListener(s,i),delete f[i._uid]},flush:function(){Object.keys(f).forEach((function(t){g.off(f[t].selector,t,f[t].handler)}))},getEventRegistry:function(){return f}};var v={onLoaded:"map:loaded",onViewportChange:"viewport:changed",onRegionClick:"region:clicked",onMarkerClick:"marker:clicked",onRegionSelected:"region:selected",onMarkerSelected:"marker:selected",onRegionTooltipShow:"region.tooltip:show",onMarkerTooltipShow:"marker.tooltip:show",onDestroyed:"map:destroyed"},_=function(t,e,i){var s=h(e),n=-1===s.getAttribute("class").indexOf("jvm-region")?"marker":"region",r="region"===n,a=r?s.getAttribute("data-code"):s.getAttribute("data-index"),o=r?v.onRegionSelected:v.onMarkerSelected;return i&&(o=r?v.onRegionTooltipShow:v.onMarkerTooltipShow),{type:n,code:a,event:o,element:r?t.regions[a].element:t._markers[a].element,tooltipText:r?t._mapData.paths[a].name||"":t._markers[a].config.name||""}};function y(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,s=Array(e);i<e;i++)s[i]=t[i];return s}function b(t,e){for(var i=0;i<e.length;i++){var s=e[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,j(s.key),s)}}function S(t,e){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(i)return(i=i.call(t)).next.bind(i);if(Array.isArray(t)||(i=function(t,e){if(t){if("string"==typeof t)return y(t,e);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?y(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){i&&(t=i);var s=0;return function(){return s>=t.length?{done:!0}:{done:!1,value:t[s++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(){return w=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var s in i)({}).hasOwnProperty.call(i,s)&&(t[s]=i[s])}return t},w.apply(null,arguments)}function k(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,x(t,e)}function M(t,e){if(null==t)return{};var i={};for(var s in t)if({}.hasOwnProperty.call(t,s)){if(-1!==e.indexOf(s))continue;i[s]=t[s]}return i}function x(t,e){return x=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},x(t,e)}function j(t){var e=function(t,e){if("object"!=typeof t||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var s=i.call(t,e||"default");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:e+""}var C=function(){function t(){}return t.prototype.dispose=function(){this._tooltip?c(this._tooltip):this.shape.remove();for(var t,e=S(Object.getOwnPropertyNames(this));!(t=e()).done;){this[t.value]=null}},t}(),L={getLabelText:function(t,e){if(e){if("function"==typeof e.render){var i=[];return"marker"===this.constructor.Name&&i.push(this.getConfig()),i.push(t),e.render.apply(this,i)}return t}},getLabelOffsets:function(t,e){return"function"==typeof e.offsets?e.offsets(t):Array.isArray(e.offsets)?e.offsets[t]:[0,0]},setStyle:function(t,e){this.shape.setStyle(t,e)},remove:function(){this.shape.remove(),this.label&&this.label.remove()},hover:function(t){this._setStatus("isHovered",t)},select:function(t){this._setStatus("isSelected",t)},_setStatus:function(t,e){this.shape[t]=e,this.shape.updateStyle(),this[t]=e,this.label&&(this.label[t]=e,this.label.updateStyle())}},O=function(t){function e(e){var i,s=e.map,n=e.code,r=e.path,a=e.style,o=e.label,h=e.labelStyle,l=e.labelsGroup;(i=t.call(this)||this)._map=s,i.shape=i._createRegion(r,n,a);var c=i.getLabelText(n,o);if(o&&c){var u=i.shape.getBBox(),p=i.getLabelOffsets(n,o);i.labelX=u.x+u.width/2+p[0],i.labelY=u.y+u.height/2+p[1],i.label=i._map.canvas.createText({text:c,textAnchor:"middle",alignmentBaseline:"central",dataCode:n,x:i.labelX,y:i.labelY},h,l),i.label.addClass("jvm-region jvm-element")}return i}k(e,t);var i=e.prototype;return i._createRegion=function(t,e,i){return(t=this._map.canvas.createPath({d:t,dataCode:e},i)).addClass("jvm-region jvm-element"),t},i.updateLabelPosition=function(){this.label&&this.label.set({x:this.labelX*this._map.scale+this._map.transX*this._map.scale,y:this.labelY*this._map.scale+this._map.transY*this._map.scale})},e}(C);d(O,L);var A=function(t){function e(e,i){var s;return(s=t.call(this)||this)._options=e,s._style={initial:i},s._draw(),s}k(e,t);var i=e.prototype;return i.setStyle=function(t,e){this.shape.setStyle(t,e)},i.getConfig=function(){return this._options.config},i._draw=function(){var t=this._options,e=t.index,i=t.group,s=t.map,n={d:this._getDAttribute(),fill:"none",dataIndex:e};this.shape=s.canvas.createPath(n,this._style,i),this.shape.addClass("jvm-line")},i._getDAttribute=function(){var t=this._options,e=t.x1,i=t.y1,s=t.x2,n=t.y2,r=t.curvature;return"M"+e+","+i+this._getQCommand(e,i,s,n,r)+s+","+n},i._getQCommand=function(t,e,i,s,n){return n?" Q"+((t+i)/2+n*(s-e))+","+((e+s)/2-n*(i-t))+" ":" "},e}(C),X=["curvature"],Y=["curvature"];var T="jvm-",E=T+"element "+T+"marker",P=T+"element "+T+"label",z=function(t){function e(e,i){var s;return(s=t.call(this)||this)._options=e,s._style=i,s._labelX=null,s._labelY=null,s._offsets=null,s._isImage=!!i.initial.image,s._draw(),s._options.label&&s._drawLabel(),s._isImage&&s.updateLabelPosition(),s}k(e,t);var i,s,n,r=e.prototype;return r.getConfig=function(){return this._options.config},r.updateLabelPosition=function(){var t=this._options.map;this.label&&this.label.set({x:this._labelX*t.scale+this._offsets[0]+t.transX*t.scale+5+(this._isImage?(this.shape.width||0)/2:this.shape.node.r.baseVal.value),y:this._labelY*t.scale+t.transY*this._options.map.scale+this._offsets[1]})},r._draw=function(){var t=this._options,e=t.index,i=t.map,s=t.group,n=t.cx,r=t.cy,a=this._isImage?"createImage":"createCircle";this.shape=i.canvas[a]({dataIndex:e,cx:n,cy:r},this._style,s),this.shape.addClass(E)},r._drawLabel=function(){var t=this._options,e=t.index,i=t.map,s=t.label,n=t.labelsGroup,r=t.cx,a=t.cy,o=t.config,h=t.isRecentlyCreated,l=this.getLabelText(e,s);this._labelX=r/i.scale-i.transX,this._labelY=a/i.scale-i.transY,this._offsets=h&&o.offsets?o.offsets:this.getLabelOffsets(e,s),this.label=i.canvas.createText({text:l,dataIndex:e,x:this._labelX,y:this._labelY,dy:"0.6ex"},i.params.markerLabelStyle,n),this.label.addClass(P),h&&this.updateLabelPosition()},i=e,n=[{key:"Name",get:function(){return"marker"}}],(s=null)&&b(i.prototype,s),n&&b(i,n),Object.defineProperty(i,"prototype",{writable:!1}),i}(C);d(z,L);var R=function(){function t(t){void 0===t&&(t={}),this._options=t,this._map=this._options.map,this._series=this._options.series,this._body=l("div","jvm-legend"),this._options.cssClass&&this._body.setAttribute("class",this._options.cssClass),t.vertical?this._map.legendVertical.appendChild(this._body):this._map.legendHorizontal.appendChild(this._body),this.render()}return t.prototype.render=function(){var t,e=this._series.scale.getTicks();if(this._body.innderHTML="",this._options.title){var i=l("div","jvm-legend-title",this._options.title);this._body.appendChild(i)}for(var s=0;s<e.length;s++){var n=l("div","jvm-legend-tick"),r=l("div","jvm-legend-tick-sample");switch(this._series.config.attribute){case"fill":t=e[s].value,/\.(jpg|gif|png)$/.test(t)?r.style.background="url("+e[s].value+")":r.style.background=e[s].value;break;case"stroke":r.style.background=e[s].value;break;case"image":r.style.background="url("+("object"==typeof e[s].value?e[s].value.url:e[s].value)+") no-repeat center center",r.style.backgroundSize="cover"}n.appendChild(r);var a=e[s].label;this._options.labelRender&&(a=this._options.labelRender(a));var o=l("div","jvm-legend-tick-text",a);n.appendChild(o),this._body.appendChild(n)}},t}(),D=function(){function t(t){this._scale=t}var e=t.prototype;return e.getValue=function(t){return this._scale[t]},e.getTicks=function(){var t=[];for(var e in this._scale)t.push({label:e,value:this._scale[e]});return t},t}(),I=function(){function t(t,e,i){void 0===t&&(t={}),this._map=i,this._elements=e,this._values=t.values||{},this.config=t,this.config.attribute=t.attribute||"fill",t.attributes&&this.setAttributes(t.attributes),"object"==typeof t.scale&&(this.scale=new D(t.scale)),this.config.legend&&(this.legend=new R(u({map:this._map,series:this},this.config.legend))),this.setValues(this._values)}var e=t.prototype;return e.setValues=function(t){var e={};for(var i in t)t[i]&&(e[i]=this.scale.getValue(t[i]));this.setAttributes(e)},e.setAttributes=function(t){for(var e in t)this._elements[e]&&this._elements[e].element.setStyle(this.config.attribute,t[e])},e.clear=function(){var t,e={};for(t in this._values)this._elements[t]&&(e[t]=this._elements[t].element.shape.style.initial[this.config.attribute]);this.setAttributes(e),this._values={}},t}();var H={mill:function(t,e,i){return{x:this.radius*(e-i)*this.radDeg,y:-this.radius*Math.log(Math.tan((45+.4*t)*this.radDeg))/.8}},merc:function(t,e,i){return{x:this.radius*(e-i)*this.radDeg,y:-this.radius*Math.log(Math.tan(Math.PI/4+t*Math.PI/360))}},aea:function(t,e,i){var s=i*this.radDeg,n=29.5*this.radDeg,r=45.5*this.radDeg,a=t*this.radDeg,o=e*this.radDeg,h=(Math.sin(n)+Math.sin(r))/2,l=Math.cos(n)*Math.cos(n)+2*h*Math.sin(n),c=h*(o-s),u=Math.sqrt(l-2*h*Math.sin(a))/h,p=Math.sqrt(l-2*h*Math.sin(0))/h;return{x:u*Math.sin(c)*this.radius,y:-(p-u*Math.cos(c))*this.radius}},lcc:function(t,e,i){var s=i*this.radDeg,n=e*this.radDeg,r=33*this.radDeg,a=45*this.radDeg,o=t*this.radDeg,h=Math.log(Math.cos(r)*(1/Math.cos(a)))/Math.log(Math.tan(Math.PI/4+a/2)*(1/Math.tan(Math.PI/4+r/2))),l=Math.cos(r)*Math.pow(Math.tan(Math.PI/4+r/2),h)/h,c=l*Math.pow(1/Math.tan(Math.PI/4+o/2),h),u=l*Math.pow(1/Math.tan(Math.PI/4+0),h);return{x:c*Math.sin(h*(n-s))*this.radius,y:-(u-c*Math.cos(h*(n-s)))*this.radius}}};H.degRad=180/Math.PI,H.radDeg=Math.PI/180,H.radius=6381372;var V={_setupContainerEvents:function(){var t,e,i=this,s=this,n=!1;this.params.draggable&&(g.on(this.container,"mousemove",(function(i){if(!n)return!1;s.transX-=(t-i.pageX)/s.scale,s.transY-=(e-i.pageY)/s.scale,s._applyTransform(),t=i.pageX,e=i.pageY})),g.on(this.container,"mousedown",(function(i){return n=!0,t=i.pageX,e=i.pageY,!1})),g.on(document.body,"mouseup",(function(){n=!1}))),this.params.zoomOnScroll&&g.on(this.container,"wheel",(function(t){var e=75*((t.deltaY||-t.wheelDelta||t.detail)>>10||1),n=i.container.getBoundingClientRect(),r=t.pageX-n.left-window.scrollX,a=t.pageY-n.top-window.scrollY,o=Math.pow(1+s.params.zoomOnScrollSpeed/1e3,-1.5*e);s.tooltip&&s._tooltip.hide(),s._setScale(s.scale*o,r,a),t.preventDefault()}))},_setupElementEvents:function(){var t,e,i,s=this,n=this.container;g.on(n,"mousemove",(function(s){Math.abs(t-s.pageX)+Math.abs(e-s.pageY)>2&&(i=!0)})),g.delegate(n,"mousedown",".jvm-element",(function(s){t=s.pageX,e=s.pageY,i=!1})),g.delegate(n,"mouseover mouseout",".jvm-element",(function(t){var e=_(s,this,!0),i=s.params.showTooltip;"mouseover"===t.type?(e.element.hover(!0),i&&(s._tooltip.text(e.tooltipText),s._emit(e.event,[t,s._tooltip,e.code]),t.defaultPrevented||s._tooltip.show())):(e.element.hover(!1),i&&s._tooltip.hide())})),g.delegate(n,"mouseup",".jvm-element",(function(t){var e=_(s,this);if(!i&&("region"===e.type&&s.params.regionsSelectable||"marker"===e.type&&s.params.markersSelectable)){var n=e.element;s.params[e.type+"sSelectableOne"]&&("region"===e.type?s.clearSelectedRegions():s.clearSelectedMarkers()),e.element.isSelected?n.select(!1):n.select(!0),s._emit(e.event,[e.code,n.isSelected,"region"===e.type?s.getSelectedRegions():s.getSelectedMarkers()])}})),g.delegate(n,"click",".jvm-element",(function(t){var e=_(s,this),i=e.type,n=e.code;s._emit("region"===i?v.onRegionClick:v.onMarkerClick,[t,n])}))},_setupZoomButtons:function(){var t=this,e=this.params.zoomInButton,i=this.params.zoomOutButton,s=function(t){return"string"==typeof t?document.querySelector(t):t},n=e?s(e):l("div","jvm-zoom-btn jvm-zoomin","&#43;",!0),r=i?s(i):l("div","jvm-zoom-btn jvm-zoomout","&#x2212",!0);e||this.container.appendChild(n),i||this.container.appendChild(r);var a=function(e){return void 0===e&&(e=!0),function(){return t._setScale(e?t.scale*t.params.zoomStep:t.scale/t.params.zoomStep,t._width/2,t._height/2,!1,t.params.zoomAnimate)}};g.on(n,"click",a()),g.on(r,"click",a(!1))},_setupContainerTouchEvents:function(){var t,e,i,s,n,r,a,o=this,h=function(h){var l,c,u,p,d=h.touches;if("touchstart"==h.type&&(a=0),1==d.length){var f;if(1==a)u=o.transX,p=o.transY,o.transX-=(i-d[0].pageX)/o.scale,o.transY-=(s-d[0].pageY)/o.scale,null==(f=o._tooltip)||f.hide(),o._applyTransform(),u==o.transX&&p==o.transY||h.preventDefault();i=d[0].pageX,s=d[0].pageY}else if(2==d.length)if(2==a){var m;c=Math.sqrt(Math.pow(d[0].pageX-d[1].pageX,2)+Math.pow(d[0].pageY-d[1].pageY,2))/e,o._setScale(t*c,n,r),null==(m=o._tooltip)||m.hide(),h.preventDefault()}else{var g=o.container.getBoundingClientRect();l={top:g.top+window.scrollY,left:g.left+window.scrollX},n=d[0].pageX>d[1].pageX?d[1].pageX+(d[0].pageX-d[1].pageX)/2:d[0].pageX+(d[1].pageX-d[0].pageX)/2,r=d[0].pageY>d[1].pageY?d[1].pageY+(d[0].pageY-d[1].pageY)/2:d[0].pageY+(d[1].pageY-d[0].pageY)/2,n-=l.left,r-=l.top,t=o.scale,e=Math.sqrt(Math.pow(d[0].pageX-d[1].pageX,2)+Math.pow(d[0].pageY-d[1].pageY,2))}a=d.length};g.on(o.container,"touchstart",h),g.on(o.container,"touchmove",h)},_createRegions:function(){for(var t in this._regionLabelsGroup=this._regionLabelsGroup||this.canvas.createGroup("jvm-regions-labels-group"),this._mapData.paths){var e=new O({map:this,code:t,path:this._mapData.paths[t].path,style:u({},this.params.regionStyle),labelStyle:this.params.regionLabelStyle,labelsGroup:this._regionLabelsGroup,label:this.params.labels&&this.params.labels.regions});this.regions[t]={config:this._mapData.paths[t],element:e}}},_createLines:function(t){var e=!1,i=!1,s=this.params.lineStyle,n=s.curvature,r=M(s,X);for(var a in t){for(var o=t[a],h=0,l=Object.values(this._markers);h<l.length;h++){var c=l[h].config;c.name===o.from&&(e=this.getMarkerPosition(c)),c.name===o.to&&(i=this.getMarkerPosition(c))}if(!1!==e&&!1!==i){var d=o.style||{},f=d.curvature,m=M(d,Y);this._lines[p(o.from,o.to)]=new A({index:a,map:this,group:this._linesGroup,config:o,x1:e.x,y1:e.y,x2:i.x,y2:i.y,curvature:0==f?0:f||n},u(r,m,!0))}}},_createMarkers:function(t,e){var i=this;void 0===t&&(t={}),void 0===e&&(e=!1);var s=function(){var s=t[n],r=i.getMarkerPosition(s),a=s.coords.join(":");if(!r)return 0;if(e){if(Object.keys(i._markers).filter((function(t){return i._markers[t]._uid===a})).length)return 0;n=Object.keys(i._markers).length}var o=new z({index:n,map:i,label:i.params.labels&&i.params.labels.markers,labelsGroup:i._markerLabelsGroup,cx:r.x,cy:r.y,group:i._markersGroup,config:s,isRecentlyCreated:e},u(i.params.markerStyle,w({},s.style||{}),!0));i._markers[n]&&i.removeMarkers([n]),i._markers[n]={_uid:a,config:s,element:o}};for(var n in t)s()},_createSeries:function(){for(var t in this.series={markers:[],regions:[]},this.params.series)for(var e=0;e<this.params.series[t].length;e++)this.series[t][e]=new I(this.params.series[t][e],"markers"===t?this._markers:this.regions,this)},_applyTransform:function(){var t,e,i,s;this._defaultWidth*this.scale<=this._width?(t=(this._width-this._defaultWidth*this.scale)/(2*this.scale),i=(this._width-this._defaultWidth*this.scale)/(2*this.scale)):(t=0,i=(this._width-this._defaultWidth*this.scale)/this.scale),this._defaultHeight*this.scale<=this._height?(e=(this._height-this._defaultHeight*this.scale)/(2*this.scale),s=(this._height-this._defaultHeight*this.scale)/(2*this.scale)):(e=0,s=(this._height-this._defaultHeight*this.scale)/this.scale),this.transY>e?this.transY=e:this.transY<s&&(this.transY=s),this.transX>t?this.transX=t:this.transX<i&&(this.transX=i),this.canvas.applyTransformParams(this.scale,this.transX,this.transY),this._markers&&this._repositionMarkers(),this._lines&&this._repositionLines(),this._repositionLabels()},_resize:function(){var t=this._baseScale;this._width/this._height>this._defaultWidth/this._defaultHeight?(this._baseScale=this._height/this._defaultHeight,this._baseTransX=Math.abs(this._width-this._defaultWidth*this._baseScale)/(2*this._baseScale)):(this._baseScale=this._width/this._defaultWidth,this._baseTransY=Math.abs(this._height-this._defaultHeight*this._baseScale)/(2*this._baseScale)),this.scale*=this._baseScale/t,this.transX*=this._baseScale/t,this.transY*=this._baseScale/t},_setScale:function(t,e,i,s,n){var r,a,o,h,l,c,u,p,d,f,m=this,g=0,_=Math.abs(Math.round(60*(t-this.scale)/Math.max(t,this.scale)));t>this.params.zoomMax*this._baseScale?t=this.params.zoomMax*this._baseScale:t<this.params.zoomMin*this._baseScale&&(t=this.params.zoomMin*this._baseScale),void 0!==e&&void 0!==i&&(r=t/this.scale,s?(d=e+this._defaultWidth*(this._width/(this._defaultWidth*t))/2,f=i+this._defaultHeight*(this._height/(this._defaultHeight*t))/2):(d=this.transX-(r-1)/t*e,f=this.transY-(r-1)/t*i)),n&&_>0?(o=this.scale,h=(t-o)/_,l=this.transX*this.scale,u=this.transY*this.scale,c=(d*t-l)/_,p=(f*t-u)/_,a=setInterval((function(){g+=1,m.scale=o+h*g,m.transX=(l+c*g)/m.scale,m.transY=(u+p*g)/m.scale,m._applyTransform(),g==_&&(clearInterval(a),m._emit(v.onViewportChange,[m.scale,m.transX,m.transY]))}),10)):(this.transX=d,this.transY=f,this.scale=t,this._applyTransform(),this._emit(v.onViewportChange,[this.scale,this.transX,this.transY]))},setFocus:function(t){var e=this;void 0===t&&(t={});var i,s=[];if(t.region?s.push(t.region):t.regions&&(s=t.regions),s.length)return s.forEach((function(t){if(e.regions[t]){var s=e.regions[t].element.shape.getBBox();s&&(i=void 0===i?s:{x:Math.min(i.x,s.x),y:Math.min(i.y,s.y),width:Math.max(i.x+i.width,s.x+s.width)-Math.min(i.x,s.x),height:Math.max(i.y+i.height,s.y+s.height)-Math.min(i.y,s.y)})}})),this._setScale(Math.min(this._width/i.width,this._height/i.height),-(i.x+i.width/2),-(i.y+i.height/2),!0,t.animate);if(t.coords){var n=this.coordsToPoint(t.coords[0],t.coords[1]),r=this.transX-n.x/this.scale,a=this.transY-n.y/this.scale;return this._setScale(t.scale*this._baseScale,r,a,!0,t.animate)}},updateSize:function(){this._width=this.container.offsetWidth,this._height=this.container.offsetHeight,this._resize(),this.canvas.setSize(this._width,this._height),this._applyTransform()},coordsToPoint:function(t,e){var i=st.maps[this.params.map].projection,s=H[i.type](t,e,i.centralMeridian),n=s.x,r=s.y,a=this.getInsetForPoint(n,r);if(!a)return!1;var o=a.bbox;return n=(n-o[0].x)/(o[1].x-o[0].x)*a.width*this.scale,r=(r-o[0].y)/(o[1].y-o[0].y)*a.height*this.scale,{x:n+this.transX*this.scale+a.left*this.scale,y:r+this.transY*this.scale+a.top*this.scale}},getInsetForPoint:function(t,e){for(var i=st.maps[this.params.map].insets,s=0;s<i.length;s++){var n=i[s].bbox,r=n[0],a=n[1];if(t>r.x&&t<a.x&&e>r.y&&e<a.y)return i[s]}},getMarkerPosition:function(t){var e=t.coords;return st.maps[this.params.map].projection?this.coordsToPoint.apply(this,e):{x:e[0]*this.scale+this.transX*this.scale,y:e[1]*this.scale+this.transY*this.scale}},_repositionLines:function(){var t=this,e=this.params.lineStyle.curvature;Object.values(this._lines).forEach((function(i){var s=Object.values(t._markers).find((function(t){return t.config.name===i.getConfig().from})),n=Object.values(t._markers).find((function(t){return t.config.name===i.getConfig().to}));if(s&&n){var r=t.getMarkerPosition(s.config),a=r.x,o=r.y,h=t.getMarkerPosition(n.config),l=h.x,c=h.y,u=0==i._options.curvature?0:i._options.curvature||e,p=(a+l)/2+u*(c-o),d=(o+c)/2-u*(l-a);i.setStyle({d:"M"+a+","+o+" Q"+p+","+d+" "+l+","+c})}}))},_repositionMarkers:function(){for(var t in this._markers){var e=this.getMarkerPosition(this._markers[t].config);!1!==e&&this._markers[t].element.setStyle({cx:e.x,cy:e.y})}},_repositionLabels:function(){var t=this.params.labels;if(t){if(t.regions)for(var e in this.regions)this.regions[e].element.updateLabelPosition();if(t.markers)for(var i in this._markers)this._markers[i].element.updateLabelPosition()}}},B=function(){function t(t,e){this.node=this._createElement(t),e&&this.set(e)}var e=t.prototype;return e._createElement=function(t){return document.createElementNS("http://www.w3.org/2000/svg",t)},e.addClass=function(t){this.node.setAttribute("class",t)},e.getBBox=function(){return this.node.getBBox()},e.set=function(t,e){if("object"==typeof t)for(var i in t)this.applyAttr(i,t[i]);else this.applyAttr(t,e)},e.get=function(t){return this.style.initial[t]},e.applyAttr=function(t,e){this.node.setAttribute(t.replace(/[\w]([A-Z])/g,(function(t){return t[0]+"-"+t[1]})).toLowerCase(),e)},e.remove=function(){c(this.node)},t}(),G=function(t){function e(e,i,s){var n;return void 0===s&&(s={}),(n=t.call(this,e,i)||this).isHovered=!1,n.isSelected=!1,n.style=s,n.style.current={},n.updateStyle(),n}k(e,t);var i=e.prototype;return i.setStyle=function(t,e){var i;"object"==typeof t?u(this.style.current,t):u(this.style.current,((i={})[t]=e,i));this.updateStyle()},i.updateStyle=function(){var t={};u(t,this.style.initial),u(t,this.style.current),this.isHovered&&u(t,this.style.hover),this.isSelected&&(u(t,this.style.selected),this.isHovered&&u(t,this.style.selectedHover)),this.set(t)},e}(B),W=function(t){function e(e,i){return t.call(this,"text",e,i)||this}return k(e,t),e.prototype.applyAttr=function(e,i){"text"===e?this.node.textContent=i:t.prototype.applyAttr.call(this,e,i)},e}(G),N=function(t){function e(e,i){return t.call(this,"image",e,i)||this}return k(e,t),e.prototype.applyAttr=function(e,i){var s;"image"===e?("object"==typeof i?(s=i.url,this.offset=i.offset||[0,0]):(s=i,this.offset=[0,0]),this.node.setAttributeNS("http://www.w3.org/1999/xlink","href",s),this.width=23,this.height=23,this.applyAttr("width",this.width),this.applyAttr("height",this.height),this.applyAttr("x",this.cx-this.width/2+this.offset[0]),this.applyAttr("y",this.cy-this.height/2+this.offset[1])):"cx"==e?(this.cx=i,this.width&&this.applyAttr("x",i-this.width/2+this.offset[0])):"cy"==e?(this.cy=i,this.height&&this.applyAttr("y",i-this.height/2+this.offset[1])):t.prototype.applyAttr.apply(this,arguments)},e}(G),F=function(t){function e(e){var i;return(i=t.call(this,"svg")||this)._container=e,i._defsElement=new B("defs"),i._rootElement=new B("g",{id:"jvm-regions-group"}),i.node.appendChild(i._defsElement.node),i.node.appendChild(i._rootElement.node),i._container.appendChild(i.node),i}k(e,t);var i=e.prototype;return i.setSize=function(t,e){this.node.setAttribute("width",t),this.node.setAttribute("height",e)},i.applyTransformParams=function(t,e,i){this._rootElement.node.setAttribute("transform","scale("+t+") translate("+e+", "+i+")")},i.createPath=function(t,e,i){var s=new G("path",t,e);return s.node.setAttribute("fill-rule","evenodd"),this._add(s,i)},i.createCircle=function(t,e,i){var s=new G("circle",t,e);return this._add(s,i)},i.createLine=function(t,e,i){var s=new G("line",t,e);return this._add(s,i)},i.createText=function(t,e,i){var s=new W(t,e);return this._add(s,i)},i.createImage=function(t,e,i){var s=new N(t,e);return this._add(s,i)},i.createGroup=function(t){var e=new B("g");return this.node.appendChild(e.node),t&&(e.node.id=t),e.canvas=this,e},i._add=function(t,e){return(e=e||this._rootElement).node.appendChild(t.node),t},e}(B),q=function(t){function e(e){var i;i=t.call(this)||this;var s=l("div","jvm-tooltip");return i._map=e,i._tooltip=document.body.appendChild(s),i._bindEventListeners(),i||function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(i)}k(e,t);var i=e.prototype;return i._bindEventListeners=function(){var t=this;g.on(this._map.container,"mousemove",(function(e){if(t._tooltip.classList.contains("active")){var i,s,n=(i=t._map.container,s="#jvm-regions-group",Element.prototype.querySelector.call(i,s)).getBoundingClientRect(),r=t._tooltip.getBoundingClientRect(),a=r.height,o=r.width,h=e.clientY<=n.top+a+5,l=e.pageY-a-5,c=e.pageX-o-5;h&&(l+=a+5,c-=10),e.clientX<n.left+o+5&&(c=e.pageX+5+2,h&&(c+=10)),t.css({top:l+"px",left:c+"px"})}}))},i.getElement=function(){return this._tooltip},i.show=function(){this._tooltip.classList.add("active")},i.hide=function(){this._tooltip.classList.remove("active")},i.text=function(t,e){void 0===e&&(e=!1);var i=e?"innerHTML":"textContent";if(!t)return this._tooltip[i];this._tooltip[i]=t},i.css=function(t){for(var e in t)this._tooltip.style[e]=t[e];return this},e}(C),U=function(){function t(t,e){var i=t.scale,s=t.values;this._scale=i,this._values=s,this._fromColor=this.hexToRgb(i[0]),this._toColor=this.hexToRgb(i[1]),this._map=e,this.setMinMaxValues(s),this.visualize()}var e=t.prototype;return e.setMinMaxValues=function(t){for(var e in this.min=Number.MAX_VALUE,this.max=0,t)(e=parseFloat(t[e]))>this.max&&(this.max=e),e<this.min&&(this.min=e)},e.visualize=function(){var t,e={};for(var i in this._values)t=parseFloat(this._values[i]),isNaN(t)||(e[i]=this.getValue(t));this.setAttributes(e)},e.setAttributes=function(t){for(var e in t)this._map.regions[e]&&this._map.regions[e].element.setStyle("fill",t[e])},e.getValue=function(t){if(this.min===this.max)return"#"+this._toColor.join("");for(var e,i="#",s=0;s<3;s++)i+=(1===(e=Math.round(this._fromColor[s]+(this._toColor[s]-this._fromColor[s])*((t-this.min)/(this.max-this.min))).toString(16)).length?"0":"")+e;return i},e.hexToRgb=function(t){var e=0,i=0,s=0;return 4==t.length?(e="0x"+t[1]+t[1],i="0x"+t[2]+t[2],s="0x"+t[3]+t[3]):7==t.length&&(e="0x"+t[1]+t[2],i="0x"+t[3]+t[4],s="0x"+t[5]+t[6]),[parseInt(e),parseInt(i),parseInt(s)]},t}(),Q="jvm-",$=Q+"container",Z=Q+"markers-group",J=Q+"markers-labels-group",K=Q+"lines-group",tt=Q+"series-container",et=tt+" "+Q+"series-h",it=tt+" "+Q+"series-v",st=function(){function t(e){var i=this;if(void 0===e&&(e={}),this.params=u(t.defaults,e,!0),!t.maps[this.params.map])throw new Error("Attempt to use map which was not loaded: "+e.map);this.regions={},this.scale=1,this.transX=0,this.transY=0,this._mapData=t.maps[this.params.map],this._markers={},this._lines={},this._defaultWidth=this._mapData.width,this._defaultHeight=this._mapData.height,this._height=0,this._width=0,this._baseScale=1,this._baseTransX=0,this._baseTransY=0,"loading"!==document.readyState?this._init():window.addEventListener("DOMContentLoaded",(function(){return i._init()}))}var e=t.prototype;return e._init=function(){var t=this.params;this.container=h(t.selector),this.container.classList.add($),this.canvas=new F(this.container),this.setBackgroundColor(t.backgroundColor),this._createRegions(),this.updateSize(),t.lines&&(this._linesGroup=this.canvas.createGroup(K)),t.markers&&(this._markersGroup=this.canvas.createGroup(Z),this._markerLabelsGroup=this.canvas.createGroup(J)),this._createMarkers(t.markers),this._createLines(t.lines||{}),this._repositionLabels(),this._setupContainerEvents(),this._setupElementEvents(),t.zoomButtons&&this._setupZoomButtons(),t.showTooltip&&(this._tooltip=new q(this)),t.selectedRegions&&this._setSelected("regions",t.selectedRegions),t.selectedMarkers&&this._setSelected("_markers",t.selectedMarkers),t.focusOn&&this.setFocus(t.focusOn),t.visualizeData&&(this.dataVisualization=new U(t.visualizeData,this)),t.bindTouchEvents&&("ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch)&&this._setupContainerTouchEvents(),t.series&&(this.container.appendChild(this.legendHorizontal=l("div",et)),this.container.appendChild(this.legendVertical=l("div",it)),this._createSeries()),this._emit(v.onLoaded,[this])},e.setBackgroundColor=function(t){this.container.style.backgroundColor=t},e.getSelectedRegions=function(){return this._getSelected("regions")},e.clearSelectedRegions=function(t){var e=this;void 0===t&&(t=void 0),(t=this._normalizeRegions(t)||this._getSelected("regions")).forEach((function(t){e.regions[t].element.select(!1)}))},e.setSelectedRegions=function(t){this.clearSelectedRegions(),this._setSelected("regions",this._normalizeRegions(t))},e.getSelectedMarkers=function(){return this._getSelected("_markers")},e.clearSelectedMarkers=function(){this._clearSelected("_markers")},e.setSelectedMarkers=function(t){this._setSelected("_markers",t)},e.addMarkers=function(t){t=Array.isArray(t)?t:[t],this._createMarkers(t,!0)},e.removeMarkers=function(t){var e=this;t||(t=Object.keys(this._markers)),t.forEach((function(t){e._markers[t].element.remove(),delete e._markers[t]}))},e.addLine=function(t,e,i){void 0===i&&(i={}),console.warn("`addLine` method is deprecated, please use `addLines` instead."),this._createLines([{from:t,to:e,style:i}],this._markers,!0)},e.addLines=function(t){var e=this._getLinesAsUids();Array.isArray(t)||(t=[t]),this._createLines(t.filter((function(t){return!(e.indexOf(p(t.from,t.to))>-1)})),!0)},e.removeLines=function(t){var e=this;(t=Array.isArray(t)?t.map((function(t){return p(t.from,t.to)})):this._getLinesAsUids()).forEach((function(t){e._lines[t].dispose(),delete e._lines[t]}))},e.removeLine=function(t,e){console.warn("`removeLine` method is deprecated, please use `removeLines` instead.");var i=p(t,e);this._lines.hasOwnProperty(i)&&(this._lines[i].element.remove(),delete this._lines[i])},e.reset=function(){for(var t in this.series)for(var e=0;e<this.series[t].length;e++)this.series[t][e].clear();this.legendHorizontal&&(c(this.legendHorizontal),this.legendHorizontal=null),this.legendVertical&&(c(this.legendVertical),this.legendVertical=null),this.scale=this._baseScale,this.transX=this._baseTransX,this.transY=this._baseTransY,this._applyTransform(),this.clearSelectedMarkers(),this.clearSelectedRegions(),this.removeMarkers()},e.destroy=function(t){var e=this;void 0===t&&(t=!0),g.flush(),this._tooltip.dispose(),this._emit(v.onDestroyed),t&&Object.keys(this).forEach((function(t){try{delete e[t]}catch(t){}}))},e.extend=function(e,i){if("function"==typeof this[e])throw new Error("The method ["+e+"] does already exist, please use another name.");t.prototype[e]=i},e._emit=function(t,e){for(var i in v)v[i]===t&&"function"==typeof this.params[i]&&this.params[i].apply(this,e)},e._getSelected=function(t){var e=[];for(var i in this[t])this[t][i].element.isSelected&&e.push(i);return e},e._setSelected=function(t,e){var i=this;e.forEach((function(e){i[t][e]&&i[t][e].element.select(!0)}))},e._clearSelected=function(t){var e=this;this._getSelected(t).forEach((function(i){e[t][i].element.select(!1)}))},e._getLinesAsUids=function(){return Object.keys(this._lines)},e._normalizeRegions=function(t){return"string"==typeof t?[t]:t},t}();st.maps={},st.defaults={map:"world",backgroundColor:"transparent",draggable:!0,zoomButtons:!0,zoomOnScroll:!0,zoomOnScrollSpeed:3,zoomMax:12,zoomMin:1,zoomAnimate:!0,showTooltip:!0,zoomStep:1.5,bindTouchEvents:!0,lineStyle:{curvature:0,stroke:"#808080",strokeWidth:1,strokeLinecap:"round"},markersSelectable:!1,markersSelectableOne:!1,markerStyle:{initial:{r:7,fill:"#374151",fillOpacity:1,stroke:"#FFF",strokeWidth:5,strokeOpacity:.5},hover:{fill:"#3cc0ff",cursor:"pointer"},selected:{fill:"blue"},selectedHover:{}},markerLabelStyle:{initial:{fontFamily:"Verdana",fontSize:12,fontWeight:500,cursor:"default",fill:"#374151"},hover:{cursor:"pointer"},selected:{},selectedHover:{}},regionsSelectable:!1,regionsSelectableOne:!1,regionStyle:{initial:{fill:"#dee2e8",fillOpacity:1,stroke:"none",strokeWidth:0},hover:{fillOpacity:.7,cursor:"pointer"},selected:{fill:"#9ca3af"},selectedHover:{}},regionLabelStyle:{initial:{fontFamily:"Verdana",fontSize:"12",fontWeight:"bold",cursor:"default",fill:"#35373e"},hover:{cursor:"pointer"}}},Object.assign(st.prototype,V);var nt=function(){function t(t){if(void 0===t&&(t={}),!t.selector)throw new Error("Selector is not given.");return new st(t)}return t.addMap=function(t,e){st.maps[t]=e},t}();return window.jsVectorMap=nt}));
diff --git a/public_html/raven-demo/vendor/js/just-validate.production.min.js b/public_html/raven-demo/vendor/js/just-validate.production.min.js
new file mode 100644
index 0000000..1bab58f
--- /dev/null
+++ b/public_html/raven-demo/vendor/js/just-validate.production.min.js
@@ -0,0 +1 @@
+var __defProp=Object.defineProperty,__defNormalProp=(e,i,t)=>i in e?__defProp(e,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[i]=t,__publicField=(e,i,t)=>(__defNormalProp(e,"symbol"!=typeof i?i+"":i,t),t);!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(e="undefined"!=typeof globalThis?globalThis:e||self).JustValidate=i()}(this,(function(){"use strict";const e=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,i=/^-?[0-9]\d*$/,t=/^(?=.*[A-Za-z])(?=.*\d).{8,}$/,s=/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/,l=e=>"string"!=typeof e||""===e;var r=(e=>(e.Required="required",e.Email="email",e.MinLength="minLength",e.MaxLength="maxLength",e.Password="password",e.Number="number",e.Integer="integer",e.MaxNumber="maxNumber",e.MinNumber="minNumber",e.StrongPassword="strongPassword",e.CustomRegexp="customRegexp",e.MinFilesCount="minFilesCount",e.MaxFilesCount="maxFilesCount",e.Files="files",e))(r||{}),o=(e=>(e.Required="required",e))(o||{}),a=(e=>(e.Label="label",e.LabelArrow="labelArrow",e))(a||{});const n=[{key:r.Required,dict:{en:"The field is required"}},{key:r.Email,dict:{en:"Email has invalid format"}},{key:r.MaxLength,dict:{en:"The field must contain a maximum of :value characters"}},{key:r.MinLength,dict:{en:"The field must contain a minimum of :value characters"}},{key:r.Password,dict:{en:"Password must contain minimum eight characters, at least one letter and one number"}},{key:r.StrongPassword,dict:{en:"Password should contain minimum eight characters, at least one uppercase letter, one lowercase letter, one number and one special character"}},{key:r.Number,dict:{en:"Value should be a number"}},{key:r.MaxNumber,dict:{en:"Number should be less or equal than :value"}},{key:r.MinNumber,dict:{en:"Number should be more or equal than :value"}},{key:r.MinFilesCount,dict:{en:"Files count should be more or equal than :value"}},{key:r.MaxFilesCount,dict:{en:"Files count should be less or equal than :value"}},{key:r.Files,dict:{en:"Uploaded files have one or several invalid properties (extension/size/type etc)."}}],d=e=>"object"==typeof e&&null!==e&&"then"in e&&"function"==typeof e.then,c=e=>Array.isArray(e)?e.filter((e=>e.length>0)):"string"==typeof e&&e.trim()?[...e.split(" ").filter((e=>e.length>0))]:[],u=e=>e instanceof Element||e instanceof HTMLDocument,h={errorFieldStyle:{color:"#b81111",border:"1px solid #B81111"},errorFieldCssClass:"just-validate-error-field",successFieldCssClass:"just-validate-success-field",errorLabelStyle:{color:"#b81111"},errorLabelCssClass:"just-validate-error-label",successLabelCssClass:"just-validate-success-label",focusInvalidField:!0,lockForm:!0,testingMode:!1,validateBeforeSubmitting:!1,submitFormAutomatically:!1};return class{constructor(e,i,t){__publicField(this,"form",null),__publicField(this,"fields",{}),__publicField(this,"groupFields",{}),__publicField(this,"errors",{}),__publicField(this,"isValid",!1),__publicField(this,"isSubmitted",!1),__publicField(this,"globalConfig",h),__publicField(this,"errorLabels",{}),__publicField(this,"successLabels",{}),__publicField(this,"eventListeners",[]),__publicField(this,"dictLocale",n),__publicField(this,"currentLocale","en"),__publicField(this,"customStyleTags",{}),__publicField(this,"onSuccessCallback"),__publicField(this,"onFailCallback"),__publicField(this,"onValidateCallback"),__publicField(this,"tooltips",[]),__publicField(this,"lastScrollPosition"),__publicField(this,"isScrollTick"),__publicField(this,"fieldIds",new Map),__publicField(this,"getKeyByFieldSelector",(e=>this.fieldIds.get(e))),__publicField(this,"getFieldSelectorByKey",(e=>{for(const[i,t]of this.fieldIds)if(e===t)return i})),__publicField(this,"getCompatibleFields",(()=>{const e={};return Object.keys(this.fields).forEach((i=>{let t=i;const s=this.getFieldSelectorByKey(i);"string"==typeof s&&(t=s),e[t]={...this.fields[i]}})),e})),__publicField(this,"setKeyByFieldSelector",(e=>{if(this.fieldIds.has(e))return this.fieldIds.get(e);const i=String(this.fieldIds.size+1);return this.fieldIds.set(e,i),i})),__publicField(this,"refreshAllTooltips",(()=>{this.tooltips.forEach((e=>{e.refresh()}))})),__publicField(this,"handleDocumentScroll",(()=>{this.lastScrollPosition=window.scrollY,this.isScrollTick||(window.requestAnimationFrame((()=>{this.refreshAllTooltips(),this.isScrollTick=!1})),this.isScrollTick=!0)})),__publicField(this,"formSubmitHandler",(e=>{e.preventDefault(),this.isSubmitted=!0,this.validateHandler(e)})),__publicField(this,"handleFieldChange",(e=>{let i;for(const t in this.fields){if(this.fields[t].elem===e){i=t;break}}i&&(this.fields[i].touched=!0,this.validateField(i,!0))})),__publicField(this,"handleGroupChange",(e=>{let i;for(const t in this.groupFields){if(this.groupFields[t].elems.find((i=>i===e))){i=t;break}}i&&(this.groupFields[i].touched=!0,this.validateGroup(i,!0))})),__publicField(this,"handlerChange",(e=>{e.target&&(this.handleFieldChange(e.target),this.handleGroupChange(e.target),this.renderErrors())})),this.initialize(e,i,t)}initialize(e,i,t){if(this.form=null,this.errors={},this.isValid=!1,this.isSubmitted=!1,this.globalConfig=h,this.errorLabels={},this.successLabels={},this.eventListeners=[],this.customStyleTags={},this.tooltips=[],this.currentLocale="en","string"==typeof e){const i=document.querySelector(e);if(!i)throw Error(`Form with ${e} selector not found! Please check the form selector`);this.setForm(i)}else{if(!(e instanceof HTMLFormElement))throw Error("Form selector is not valid. Please specify a string selector or a DOM element.");this.setForm(e)}if(this.globalConfig={...h,...i},t&&(this.dictLocale=[...t,...n]),this.isTooltip()){const e=document.createElement("style");e.textContent=".just-validate-error-label[data-tooltip=true]{position:fixed;padding:4px 8px;background:#423f3f;color:#fff;white-space:nowrap;z-index:10;border-radius:4px;transform:translateY(-5px)}.just-validate-error-label[data-tooltip=true]:before{content:'';width:0;height:0;border-left:solid 5px transparent;border-right:solid 5px transparent;border-bottom:solid 5px #423f3f;position:absolute;z-index:3;display:block;bottom:-5px;transform:rotate(180deg);left:calc(50% - 5px)}.just-validate-error-label[data-tooltip=true][data-direction=left]{transform:translateX(-5px)}.just-validate-error-label[data-tooltip=true][data-direction=left]:before{right:-7px;bottom:auto;left:auto;top:calc(50% - 2px);transform:rotate(90deg)}.just-validate-error-label[data-tooltip=true][data-direction=right]{transform:translateX(5px)}.just-validate-error-label[data-tooltip=true][data-direction=right]:before{right:auto;bottom:auto;left:-7px;top:calc(50% - 2px);transform:rotate(-90deg)}.just-validate-error-label[data-tooltip=true][data-direction=bottom]{transform:translateY(5px)}.just-validate-error-label[data-tooltip=true][data-direction=bottom]:before{right:auto;bottom:auto;left:calc(50% - 5px);top:-5px;transform:rotate(0)}",this.customStyleTags[a.Label]=document.head.appendChild(e),this.addListener("scroll",document,this.handleDocumentScroll)}}getLocalisedString(e,i,t){var s;const l=null!=t?t:e;let o=null==(s=this.dictLocale.find((e=>e.key===l)))?void 0:s.dict[this.currentLocale];if(o||t&&(o=t),o&&void 0!==i)switch(e){case r.MaxLength:case r.MinLength:case r.MaxNumber:case r.MinNumber:case r.MinFilesCount:case r.MaxFilesCount:o=o.replace(":value",String(i))}return o||t||"Value is incorrect"}getFieldErrorMessage(e,i){const t="function"==typeof e.errorMessage?e.errorMessage(this.getElemValue(i),this.fields):e.errorMessage;return this.getLocalisedString(e.rule,e.value,t)}getFieldSuccessMessage(e,i){const t="function"==typeof e?e(this.getElemValue(i),this.fields):e;return this.getLocalisedString(void 0,void 0,t)}getGroupErrorMessage(e){return this.getLocalisedString(e.rule,void 0,e.errorMessage)}getGroupSuccessMessage(e){if(e.successMessage)return this.getLocalisedString(void 0,void 0,e.successMessage)}setFieldInvalid(e,i){this.fields[e].isValid=!1,this.fields[e].errorMessage=this.getFieldErrorMessage(i,this.fields[e].elem)}setFieldValid(e,i){this.fields[e].isValid=!0,void 0!==i&&(this.fields[e].successMessage=this.getFieldSuccessMessage(i,this.fields[e].elem))}setGroupInvalid(e,i){this.groupFields[e].isValid=!1,this.groupFields[e].errorMessage=this.getGroupErrorMessage(i)}setGroupValid(e,i){this.groupFields[e].isValid=!0,this.groupFields[e].successMessage=this.getGroupSuccessMessage(i)}getElemValue(e){switch(e.type){case"checkbox":return e.checked;case"file":return e.files;default:return e.value}}validateGroupRule(e,i,t){if(t.rule===o.Required)i.every((e=>!e.checked))?this.setGroupInvalid(e,t):this.setGroupValid(e,t)}validateFieldRule(o,a,n,c=!1){const u=n.value,h=this.getElemValue(a);if(n.plugin){n.plugin(h,this.getCompatibleFields())||this.setFieldInvalid(o,n)}else{switch(n.rule){case r.Required:(e=>{let i=e;return"string"==typeof e&&(i=e.trim()),!i})(h)&&this.setFieldInvalid(o,n);break;case r.Email:if(l(h))break;f=h,e.test(f)||this.setFieldInvalid(o,n);break;case r.MaxLength:if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(l(h))break;((e,i)=>e.length>i)(h,u)&&this.setFieldInvalid(o,n);break;case r.MinLength:if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(l(h))break;((e,i)=>e.length<i)(h,u)&&this.setFieldInvalid(o,n);break;case r.Password:if(l(h))break;(e=>t.test(e))(h)||this.setFieldInvalid(o,n);break;case r.StrongPassword:if(l(h))break;(e=>s.test(e))(h)||this.setFieldInvalid(o,n);break;case r.Number:if(l(h))break;(e=>"string"==typeof e&&!isNaN(+e)&&!isNaN(parseFloat(e)))(h)||this.setFieldInvalid(o,n);break;case r.Integer:if(l(h))break;(e=>i.test(e))(h)||this.setFieldInvalid(o,n);break;case r.MaxNumber:{if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] field should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(l(h))break;const e=+h;(Number.isNaN(e)||((e,i)=>e>i)(e,u))&&this.setFieldInvalid(o,n);break}case r.MinNumber:{if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] field should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(l(h))break;const e=+h;(Number.isNaN(e)||((e,i)=>e<i)(e,u))&&this.setFieldInvalid(o,n);break}case r.CustomRegexp:{if(void 0===u)return console.error(`Value for ${n.rule} rule for [${o}] field is not defined. This field will be always invalid.`),void this.setFieldInvalid(o,n);let e;try{e=new RegExp(u)}catch(b){console.error(`Value for ${n.rule} rule for [${o}] should be a valid regexp. This field will be always invalid.`),this.setFieldInvalid(o,n);break}const i=String(h);""===i||e.test(i)||this.setFieldInvalid(o,n);break}case r.MinFilesCount:if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. This field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] field should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(Number.isFinite(null==h?void 0:h.length)&&h.length<u){this.setFieldInvalid(o,n);break}break;case r.MaxFilesCount:if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. This field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] field should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(Number.isFinite(null==h?void 0:h.length)&&h.length>u){this.setFieldInvalid(o,n);break}break;case r.Files:{if(void 0===u)return console.error(`Value for ${n.rule} rule for [${o}] field is not defined. This field will be always invalid.`),void this.setFieldInvalid(o,n);if("object"!=typeof u)return console.error(`Value for ${n.rule} rule for [${o}] field should be an object. This field will be always invalid.`),void this.setFieldInvalid(o,n);const e=u.files;if("object"!=typeof e)return console.error(`Value for ${n.rule} rule for [${o}] field should be an object with files array. This field will be always invalid.`),void this.setFieldInvalid(o,n);const i=(e,i)=>{const t=Number.isFinite(i.minSize)&&e.size<i.minSize,s=Number.isFinite(i.maxSize)&&e.size>i.maxSize,l=Array.isArray(i.names)&&!i.names.includes(e.name),r=Array.isArray(i.extensions)&&!i.extensions.includes(e.name.split(".")[e.name.split(".").length-1]),o=Array.isArray(i.types)&&!i.types.includes(e.type);return t||s||l||r||o};if("object"==typeof h&&null!==h)for(let t=0,s=h.length;t<s;++t){const s=h.item(t);if(!s){this.setFieldInvalid(o,n);break}if(i(s,e)){this.setFieldInvalid(o,n);break}}break}default:{if("function"!=typeof n.validator)return console.error(`Validator for custom rule for [${o}] field should be a function. This field will be always invalid.`),void this.setFieldInvalid(o,n);const e=n.validator(h,this.getCompatibleFields());if("boolean"!=typeof e&&"function"!=typeof e&&console.error(`Validator return value for [${o}] field should be boolean or function. It will be cast to boolean.`),"function"==typeof e){if(!c){this.fields[o].asyncCheckPending=!1;const i=e();return d(i)?i.then((e=>{e||this.setFieldInvalid(o,n)})).catch((()=>{this.setFieldInvalid(o,n)})):(console.error(`Validator function for custom rule for [${o}] field should return a Promise. This field will be always invalid.`),void this.setFieldInvalid(o,n))}this.fields[o].asyncCheckPending=!0}e||this.setFieldInvalid(o,n)}}var f}}isFormValid(){let e=!0;for(let i=0,t=Object.values(this.fields).length;i<t;++i){const t=Object.values(this.fields)[i];if(void 0===t.isValid){e=void 0;break}if(!1===t.isValid){e=!1;break}}for(let i=0,t=Object.values(this.groupFields).length;i<t;++i){const t=Object.values(this.groupFields)[i];if(void 0===t.isValid){e=void 0;break}if(!1===t.isValid){e=!1;break}}return e}validateField(e,i=!1){var t;const s=this.fields[e];s.isValid=!0;const l=[];return[...s.rules].reverse().forEach((t=>{const r=this.validateFieldRule(e,s.elem,t,i);d(r)&&l.push(r)})),s.isValid&&this.setFieldValid(e,null==(t=s.config)?void 0:t.successMessage),Promise.allSettled(l).finally((()=>{var e;i&&(null==(e=this.onValidateCallback)||e.call(this,{isValid:this.isFormValid(),isSubmitted:this.isSubmitted,fields:this.getCompatibleFields(),groups:{...this.groupFields}}))}))}revalidateField(e){if("string"!=typeof e&&!u(e))throw Error("Field selector is not valid. Please specify a string selector or a valid DOM element.");const i=this.getKeyByFieldSelector(e);return i&&this.fields[i]?new Promise((e=>{this.validateField(i,!0).finally((()=>{this.clearFieldStyle(i),this.clearFieldLabel(i),this.renderFieldError(i,!0),e(!!this.fields[i].isValid)}))})):(console.error("Field not found. Check the field selector."),Promise.reject())}revalidateGroup(e){if("string"!=typeof e&&!u(e))throw Error("Group selector is not valid. Please specify a string selector or a valid DOM element.");const i=this.getKeyByFieldSelector(e);return i&&this.groupFields[i]?new Promise((e=>{this.validateGroup(i).finally((()=>{this.clearFieldLabel(i),this.renderGroupError(i,!0),e(!!this.groupFields[i].isValid)}))})):(console.error("Group not found. Check the group selector."),Promise.reject())}validateGroup(e,i=!1){const t=this.groupFields[e],s=[];return[...t.rules].reverse().forEach((i=>{const l=this.validateGroupRule(e,t.elems,i);d(l)&&s.push(l)})),Promise.allSettled(s).finally((()=>{var e;i&&(null==(e=this.onValidateCallback)||e.call(this,{isValid:this.isFormValid(),isSubmitted:this.isSubmitted,fields:this.getCompatibleFields(),groups:{...this.groupFields}}))}))}focusInvalidField(){for(const e in this.fields){const i=this.fields[e];if(!i.isValid){setTimeout((()=>i.elem.focus()),0);break}}}afterSubmitValidation(e=!1){this.renderErrors(e),this.globalConfig.focusInvalidField&&this.focusInvalidField()}validate(e=!1){return new Promise((i=>{const t=[];Object.keys(this.fields).forEach((e=>{const i=this.validateField(e);d(i)&&t.push(i)})),Object.keys(this.groupFields).forEach((e=>{const i=this.validateGroup(e);d(i)&&t.push(i)})),Promise.allSettled(t).then((()=>{var s;this.afterSubmitValidation(e),null==(s=this.onValidateCallback)||s.call(this,{isValid:this.isFormValid(),isSubmitted:this.isSubmitted,fields:this.getCompatibleFields(),groups:{...this.groupFields}}),i(!!t.length)}))}))}revalidate(){return new Promise((e=>{this.validateHandler(void 0,!0).finally((()=>{this.globalConfig.focusInvalidField&&this.focusInvalidField(),e(this.isValid)}))}))}validateHandler(e,i=!1){return this.globalConfig.lockForm&&this.lockForm(),this.validate(i).finally((()=>{var i,t,s;this.globalConfig.lockForm&&this.unlockForm(),this.isValid?(null==(i=this.onSuccessCallback)||i.call(this,e),this.globalConfig.submitFormAutomatically&&(null==(t=null==e?void 0:e.currentTarget)||t.submit())):null==(s=this.onFailCallback)||s.call(this,this.getCompatibleFields(),this.groupFields)}))}setForm(e){this.form=e,this.form.setAttribute("novalidate","novalidate"),this.removeListener("submit",this.form,this.formSubmitHandler),this.addListener("submit",this.form,this.formSubmitHandler)}addListener(e,i,t){i.addEventListener(e,t),this.eventListeners.push({type:e,elem:i,func:t})}removeListener(e,i,t){i.removeEventListener(e,t),this.eventListeners=this.eventListeners.filter((t=>t.type!==e||t.elem!==i))}addField(e,i,t){if("string"!=typeof e&&!u(e))throw Error("Field selector is not valid. Please specify a string selector or a valid DOM element.");let s;if(s="string"==typeof e?this.form.querySelector(e):e,!s)throw Error("Field doesn't exist in the DOM! Please check the field selector.");if(!Array.isArray(i)||!i.length)throw Error("Rules argument should be an array and should contain at least 1 element.");i.forEach((e=>{if(!("rule"in e||"validator"in e||"plugin"in e))throw Error("Rules argument must contain at least one rule or validator property.");if(!(e.validator||e.plugin||e.rule&&Object.values(r).includes(e.rule)))throw Error(`Rule should be one of these types: ${Object.values(r).join(", ")}. Provided value: ${e.rule}`)}));const l=this.setKeyByFieldSelector(e);return this.fields[l]={elem:s,rules:i,isValid:void 0,touched:!1,config:t},this.setListeners(s),(this.isSubmitted||this.globalConfig.validateBeforeSubmitting)&&this.validateField(l),this}removeField(e){if("string"!=typeof e&&!u(e))throw Error("Field selector is not valid. Please specify a string selector or a valid DOM element.");const i=this.getKeyByFieldSelector(e);if(!i||!this.fields[i])return console.error("Field not found. Check the field selector."),this;const t=this.getListenerType(this.fields[i].elem.type);return this.removeListener(t,this.fields[i].elem,this.handlerChange),this.clearErrors(),delete this.fields[i],this}removeGroup(e){if("string"!=typeof e)throw Error("Group selector is not valid. Please specify a string selector.");const i=this.getKeyByFieldSelector(e);return i&&this.groupFields[i]?(this.groupFields[i].elems.forEach((e=>{const i=this.getListenerType(e.type);this.removeListener(i,e,this.handlerChange)})),this.clearErrors(),delete this.groupFields[i],this):(console.error("Group not found. Check the group selector."),this)}addRequiredGroup(e,i,t,s){if("string"!=typeof e&&!u(e))throw Error("Group selector is not valid. Please specify a string selector or a valid DOM element.");let l;if(l="string"==typeof e?this.form.querySelector(e):e,!l)throw Error("Group selector not found! Please check the group selector.");const r=l.querySelectorAll("input"),a=Array.from(r).filter((e=>{const i=((e,i)=>{const t=[...i].reverse();for(let s=0,l=t.length;s<l;++s){const i=t[s];for(const t in e){const s=e[t];if(s.groupElem===i)return[t,s]}}return null})(this.groupFields,(e=>{let i=e;const t=[];for(;i;)t.unshift(i),i=i.parentNode;return t})(e));return!i||i[1].elems.find((i=>i!==e))})),n=this.setKeyByFieldSelector(e);return this.groupFields[n]={rules:[{rule:o.Required,errorMessage:i,successMessage:s}],groupElem:l,elems:a,touched:!1,isValid:void 0,config:t},r.forEach((e=>{this.setListeners(e)})),this}getListenerType(e){switch(e){case"checkbox":case"select-one":case"file":case"radio":return"change";default:return"input"}}setListeners(e){const i=this.getListenerType(e.type);this.removeListener(i,e,this.handlerChange),this.addListener(i,e,this.handlerChange)}clearFieldLabel(e){var i,t;null==(i=this.errorLabels[e])||i.remove(),null==(t=this.successLabels[e])||t.remove()}clearFieldStyle(e){var i,t,s,l;const r=this.fields[e],o=(null==(i=r.config)?void 0:i.errorFieldStyle)||this.globalConfig.errorFieldStyle;Object.keys(o).forEach((e=>{r.elem.style[e]=""}));const a=(null==(t=r.config)?void 0:t.successFieldStyle)||this.globalConfig.successFieldStyle||{};Object.keys(a).forEach((e=>{r.elem.style[e]=""})),r.elem.classList.remove(...c((null==(s=r.config)?void 0:s.errorFieldCssClass)||this.globalConfig.errorFieldCssClass),...c((null==(l=r.config)?void 0:l.successFieldCssClass)||this.globalConfig.successFieldCssClass))}clearErrors(){var e,i;Object.keys(this.errorLabels).forEach((e=>this.errorLabels[e].remove())),Object.keys(this.successLabels).forEach((e=>this.successLabels[e].remove()));for(const t in this.fields)this.clearFieldStyle(t);for(const t in this.groupFields){const s=this.groupFields[t],l=(null==(e=s.config)?void 0:e.errorFieldStyle)||this.globalConfig.errorFieldStyle;Object.keys(l).forEach((e=>{s.elems.forEach((i=>{var t;i.style[e]="",i.classList.remove(...c((null==(t=s.config)?void 0:t.errorFieldCssClass)||this.globalConfig.errorFieldCssClass))}))}));const r=(null==(i=s.config)?void 0:i.successFieldStyle)||this.globalConfig.successFieldStyle||{};Object.keys(r).forEach((e=>{s.elems.forEach((i=>{var t;i.style[e]="",i.classList.remove(...c((null==(t=s.config)?void 0:t.successFieldCssClass)||this.globalConfig.successFieldCssClass))}))}))}this.tooltips=[]}isTooltip(){return!!this.globalConfig.tooltip}lockForm(){const e=this.form.querySelectorAll("input, textarea, button, select");for(let i=0,t=e.length;i<t;++i)e[i].setAttribute("data-just-validate-fallback-disabled",e[i].disabled?"true":"false"),e[i].setAttribute("disabled","disabled"),e[i].style.pointerEvents="none",e[i].style.webkitFilter="grayscale(100%)",e[i].style.filter="grayscale(100%)"}unlockForm(){const e=this.form.querySelectorAll("input, textarea, button, select");for(let i=0,t=e.length;i<t;++i)"true"!==e[i].getAttribute("data-just-validate-fallback-disabled")&&e[i].removeAttribute("disabled"),e[i].style.pointerEvents="",e[i].style.webkitFilter="",e[i].style.filter=""}renderTooltip(e,i,t){var s;const{top:l,left:r,width:o,height:a}=e.getBoundingClientRect(),n=i.getBoundingClientRect(),d=t||(null==(s=this.globalConfig.tooltip)?void 0:s.position);switch(d){case"left":i.style.top=l+a/2-n.height/2+"px",i.style.left=r-n.width-5+"px";break;case"top":i.style.top=l-n.height-5+"px",i.style.left=r+o/2-n.width/2+"px";break;case"right":i.style.top=l+a/2-n.height/2+"px",i.style.left=`${r+o+5}px`;break;case"bottom":i.style.top=`${l+a+5}px`,i.style.left=r+o/2-n.width/2+"px"}i.dataset.direction=d;return{refresh:()=>{this.renderTooltip(e,i,t)}}}createErrorLabelElem(e,i,t){const s=document.createElement("div");s.innerHTML=i;const l=this.isTooltip()?null==t?void 0:t.errorLabelStyle:(null==t?void 0:t.errorLabelStyle)||this.globalConfig.errorLabelStyle;return Object.assign(s.style,l),s.classList.add(...c((null==t?void 0:t.errorLabelCssClass)||this.globalConfig.errorLabelCssClass),"just-validate-error-label"),this.isTooltip()&&(s.dataset.tooltip="true"),this.globalConfig.testingMode&&(s.dataset.testId=`error-label-${e}`),this.errorLabels[e]=s,s}createSuccessLabelElem(e,i,t){if(void 0===i)return null;const s=document.createElement("div");s.innerHTML=i;const l=(null==t?void 0:t.successLabelStyle)||this.globalConfig.successLabelStyle;return Object.assign(s.style,l),s.classList.add(...c((null==t?void 0:t.successLabelCssClass)||this.globalConfig.successLabelCssClass),"just-validate-success-label"),this.globalConfig.testingMode&&(s.dataset.testId=`success-label-${e}`),this.successLabels[e]=s,s}renderErrorsContainer(e,i){const t=i||this.globalConfig.errorsContainer;if("string"==typeof t){const i=this.form.querySelector(t);if(i)return i.appendChild(e),!0;console.error(`Error container with ${t} selector not found. Errors will be rendered as usual`)}return t instanceof Element?(t.appendChild(e),!0):(void 0!==t&&console.error("Error container not found. It should be a string or existing Element. Errors will be rendered as usual"),!1)}renderGroupLabel(e,i,t,s){if(!s){if(this.renderErrorsContainer(i,t))return}e.appendChild(i)}renderFieldLabel(e,i,t,s){var l,r,o,a,n,d,c;if(!s){if(this.renderErrorsContainer(i,t))return}if("checkbox"===e.type||"radio"===e.type){const t=document.querySelector(`label[for="${e.getAttribute("id")}"]`);"label"===(null==(r=null==(l=e.parentElement)?void 0:l.tagName)?void 0:r.toLowerCase())?null==(a=null==(o=e.parentElement)?void 0:o.parentElement)||a.appendChild(i):t?null==(n=t.parentElement)||n.appendChild(i):null==(d=e.parentElement)||d.appendChild(i)}else null==(c=e.parentElement)||c.appendChild(i)}showLabels(e,i){Object.keys(e).forEach(((t,s)=>{const l=e[t],r=this.getKeyByFieldSelector(t);if(!r||!this.fields[r])return void console.error("Field not found. Check the field selector.");const o=this.fields[r];o.isValid=!i,this.clearFieldStyle(r),this.clearFieldLabel(r),this.renderFieldError(r,!1,l),0===s&&this.globalConfig.focusInvalidField&&setTimeout((()=>o.elem.focus()),0)}))}showErrors(e){if("object"!=typeof e)throw Error("[showErrors]: Errors should be an object with key: value format");this.showLabels(e,!0)}showSuccessLabels(e){if("object"!=typeof e)throw Error("[showSuccessLabels]: Labels should be an object with key: value format");this.showLabels(e,!1)}renderFieldError(e,i=!1,t){var s,l,r,o,a,n;const d=this.fields[e];if(!1===d.isValid&&(this.isValid=!1),void 0===d.isValid||!i&&!this.isSubmitted&&!d.touched&&void 0===t)return;if(d.isValid){if(!d.asyncCheckPending){const i=this.createSuccessLabelElem(e,void 0!==t?t:d.successMessage,d.config);i&&this.renderFieldLabel(d.elem,i,null==(s=d.config)?void 0:s.errorsContainer,!0),d.elem.classList.add(...c((null==(l=d.config)?void 0:l.successFieldCssClass)||this.globalConfig.successFieldCssClass))}return}d.elem.classList.add(...c((null==(r=d.config)?void 0:r.errorFieldCssClass)||this.globalConfig.errorFieldCssClass));const u=this.createErrorLabelElem(e,void 0!==t?t:d.errorMessage,d.config);this.renderFieldLabel(d.elem,u,null==(o=d.config)?void 0:o.errorsContainer),this.isTooltip()&&this.tooltips.push(this.renderTooltip(d.elem,u,null==(n=null==(a=d.config)?void 0:a.tooltip)?void 0:n.position))}renderGroupError(e,i=!0){var t,s,l,r;const o=this.groupFields[e];if(!1===o.isValid&&(this.isValid=!1),void 0===o.isValid||!i&&!this.isSubmitted&&!o.touched)return;if(o.isValid){o.elems.forEach((e=>{var i,t;Object.assign(e.style,(null==(i=o.config)?void 0:i.successFieldStyle)||this.globalConfig.successFieldStyle),e.classList.add(...c((null==(t=o.config)?void 0:t.successFieldCssClass)||this.globalConfig.successFieldCssClass))}));const i=this.createSuccessLabelElem(e,o.successMessage,o.config);return void(i&&this.renderGroupLabel(o.groupElem,i,null==(t=o.config)?void 0:t.errorsContainer,!0))}this.isValid=!1,o.elems.forEach((e=>{var i,t;Object.assign(e.style,(null==(i=o.config)?void 0:i.errorFieldStyle)||this.globalConfig.errorFieldStyle),e.classList.add(...c((null==(t=o.config)?void 0:t.errorFieldCssClass)||this.globalConfig.errorFieldCssClass))}));const a=this.createErrorLabelElem(e,o.errorMessage,o.config);this.renderGroupLabel(o.groupElem,a,null==(s=o.config)?void 0:s.errorsContainer),this.isTooltip()&&this.tooltips.push(this.renderTooltip(o.groupElem,a,null==(r=null==(l=o.config)?void 0:l.tooltip)?void 0:r.position))}renderErrors(e=!1){if(this.isSubmitted||e||this.globalConfig.validateBeforeSubmitting){this.clearErrors(),this.isValid=!0;for(const e in this.groupFields)this.renderGroupError(e);for(const e in this.fields)this.renderFieldError(e)}}destroy(){this.eventListeners.forEach((e=>{this.removeListener(e.type,e.elem,e.func)})),Object.keys(this.customStyleTags).forEach((e=>{this.customStyleTags[e].remove()})),this.clearErrors(),this.globalConfig.lockForm&&this.unlockForm()}refresh(){this.destroy(),this.form?(this.initialize(this.form,this.globalConfig),Object.keys(this.fields).forEach((e=>{const i=this.getFieldSelectorByKey(e);i&&this.addField(i,[...this.fields[e].rules],this.fields[e].config)}))):console.error("Cannot initialize the library! Form is not defined")}setCurrentLocale(e){"string"==typeof e||void 0===e?(this.currentLocale=e,this.isSubmitted&&this.validate()):console.error("Current locale should be a string")}onSuccess(e){return this.onSuccessCallback=e,this}onFail(e){return this.onFailCallback=e,this}onValidate(e){return this.onValidateCallback=e,this}}}));
diff --git a/public_html/raven-demo/vendor/js/moment.min.js b/public_html/raven-demo/vendor/js/moment.min.js
new file mode 100644
index 0000000..8b80f20
--- /dev/null
+++ b/public_html/raven-demo/vendor/js/moment.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.moment=t()}(this,function(){"use strict";var H;function _(){return H.apply(null,arguments)}function y(e){return e instanceof Array||"[object Array]"===Object.prototype.toString.call(e)}function F(e){return null!=e&&"[object Object]"===Object.prototype.toString.call(e)}function c(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function L(e){if(Object.getOwnPropertyNames)return 0===Object.getOwnPropertyNames(e).length;for(var t in e)if(c(e,t))return;return 1}function g(e){return void 0===e}function w(e){return"number"==typeof e||"[object Number]"===Object.prototype.toString.call(e)}function V(e){return e instanceof Date||"[object Date]"===Object.prototype.toString.call(e)}function G(e,t){for(var n=[],s=e.length,i=0;i<s;++i)n.push(t(e[i],i));return n}function E(e,t){for(var n in t)c(t,n)&&(e[n]=t[n]);return c(t,"toString")&&(e.toString=t.toString),c(t,"valueOf")&&(e.valueOf=t.valueOf),e}function l(e,t,n,s){return Wt(e,t,n,s,!0).utc()}function p(e){return null==e._pf&&(e._pf={empty:!1,unusedTokens:[],unusedInput:[],overflow:-2,charsLeftOver:0,nullInput:!1,invalidEra:null,invalidMonth:null,invalidFormat:!1,userInvalidated:!1,iso:!1,parsedDateParts:[],era:null,meridiem:null,rfc2822:!1,weekdayMismatch:!1}),e._pf}function A(e){var t,n,s=e._d&&!isNaN(e._d.getTime());return s&&(t=p(e),n=j.call(t.parsedDateParts,function(e){return null!=e}),s=t.overflow<0&&!t.empty&&!t.invalidEra&&!t.invalidMonth&&!t.invalidWeekday&&!t.weekdayMismatch&&!t.nullInput&&!t.invalidFormat&&!t.userInvalidated&&(!t.meridiem||t.meridiem&&n),e._strict)&&(s=s&&0===t.charsLeftOver&&0===t.unusedTokens.length&&void 0===t.bigHour),null!=Object.isFrozen&&Object.isFrozen(e)?s:(e._isValid=s,e._isValid)}function I(e){var t=l(NaN);return null!=e?E(p(t),e):p(t).userInvalidated=!0,t}var j=Array.prototype.some||function(e){for(var t=Object(this),n=t.length>>>0,s=0;s<n;s++)if(s in t&&e.call(this,t[s],s,t))return!0;return!1},Z=_.momentProperties=[],z=!1;function q(e,t){var n,s,i,r=Z.length;if(g(t._isAMomentObject)||(e._isAMomentObject=t._isAMomentObject),g(t._i)||(e._i=t._i),g(t._f)||(e._f=t._f),g(t._l)||(e._l=t._l),g(t._strict)||(e._strict=t._strict),g(t._tzm)||(e._tzm=t._tzm),g(t._isUTC)||(e._isUTC=t._isUTC),g(t._offset)||(e._offset=t._offset),g(t._pf)||(e._pf=p(t)),g(t._locale)||(e._locale=t._locale),0<r)for(n=0;n<r;n++)g(i=t[s=Z[n]])||(e[s]=i);return e}function $(e){q(this,e),this._d=new Date(null!=e._d?e._d.getTime():NaN),this.isValid()||(this._d=new Date(NaN)),!1===z&&(z=!0,_.updateOffset(this),z=!1)}function k(e){return e instanceof $||null!=e&&null!=e._isAMomentObject}function B(e){!1===_.suppressDeprecationWarnings&&"undefined"!=typeof console&&console.warn&&console.warn("Deprecation warning: "+e)}function e(r,a){var o=!0;return E(function(){if(null!=_.deprecationHandler&&_.deprecationHandler(null,r),o){for(var e,t,n=[],s=arguments.length,i=0;i<s;i++){if(e="","object"==typeof arguments[i]){for(t in e+="\n["+i+"] ",arguments[0])c(arguments[0],t)&&(e+=t+": "+arguments[0][t]+", ");e=e.slice(0,-2)}else e=arguments[i];n.push(e)}B(r+"\nArguments: "+Array.prototype.slice.call(n).join("")+"\n"+(new Error).stack),o=!1}return a.apply(this,arguments)},a)}var J={};function Q(e,t){null!=_.deprecationHandler&&_.deprecationHandler(e,t),J[e]||(B(t),J[e]=!0)}function a(e){return"undefined"!=typeof Function&&e instanceof Function||"[object Function]"===Object.prototype.toString.call(e)}function X(e,t){var n,s=E({},e);for(n in t)c(t,n)&&(F(e[n])&&F(t[n])?(s[n]={},E(s[n],e[n]),E(s[n],t[n])):null!=t[n]?s[n]=t[n]:delete s[n]);for(n in e)c(e,n)&&!c(t,n)&&F(e[n])&&(s[n]=E({},s[n]));return s}function K(e){null!=e&&this.set(e)}_.suppressDeprecationWarnings=!1,_.deprecationHandler=null;var ee=Object.keys||function(e){var t,n=[];for(t in e)c(e,t)&&n.push(t);return n};function r(e,t,n){var s=""+Math.abs(e);return(0<=e?n?"+":"":"-")+Math.pow(10,Math.max(0,t-s.length)).toString().substr(1)+s}var te=/(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|N{1,5}|YYYYYY|YYYYY|YYYY|YY|y{2,4}|yo?|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,ne=/(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,se={},ie={};function s(e,t,n,s){var i="string"==typeof s?function(){return this[s]()}:s;e&&(ie[e]=i),t&&(ie[t[0]]=function(){return r(i.apply(this,arguments),t[1],t[2])}),n&&(ie[n]=function(){return this.localeData().ordinal(i.apply(this,arguments),e)})}function re(e,t){return e.isValid()?(t=ae(t,e.localeData()),se[t]=se[t]||function(s){for(var e,i=s.match(te),t=0,r=i.length;t<r;t++)ie[i[t]]?i[t]=ie[i[t]]:i[t]=(e=i[t]).match(/\[[\s\S]/)?e.replace(/^\[|\]$/g,""):e.replace(/\\/g,"");return function(e){for(var t="",n=0;n<r;n++)t+=a(i[n])?i[n].call(e,s):i[n];return t}}(t),se[t](e)):e.localeData().invalidDate()}function ae(e,t){var n=5;function s(e){return t.longDateFormat(e)||e}for(ne.lastIndex=0;0<=n&&ne.test(e);)e=e.replace(ne,s),ne.lastIndex=0,--n;return e}var oe={D:"date",dates:"date",date:"date",d:"day",days:"day",day:"day",e:"weekday",weekdays:"weekday",weekday:"weekday",E:"isoWeekday",isoweekdays:"isoWeekday",isoweekday:"isoWeekday",DDD:"dayOfYear",dayofyears:"dayOfYear",dayofyear:"dayOfYear",h:"hour",hours:"hour",hour:"hour",ms:"millisecond",milliseconds:"millisecond",millisecond:"millisecond",m:"minute",minutes:"minute",minute:"minute",M:"month",months:"month",month:"month",Q:"quarter",quarters:"quarter",quarter:"quarter",s:"second",seconds:"second",second:"second",gg:"weekYear",weekyears:"weekYear",weekyear:"weekYear",GG:"isoWeekYear",isoweekyears:"isoWeekYear",isoweekyear:"isoWeekYear",w:"week",weeks:"week",week:"week",W:"isoWeek",isoweeks:"isoWeek",isoweek:"isoWeek",y:"year",years:"year",year:"year"};function o(e){return"string"==typeof e?oe[e]||oe[e.toLowerCase()]:void 0}function ue(e){var t,n,s={};for(n in e)c(e,n)&&(t=o(n))&&(s[t]=e[n]);return s}var le={date:9,day:11,weekday:11,isoWeekday:11,dayOfYear:4,hour:13,millisecond:16,minute:14,month:8,quarter:7,second:15,weekYear:1,isoWeekYear:1,week:5,isoWeek:5,year:1};var de=/\d/,t=/\d\d/,he=/\d{3}/,ce=/\d{4}/,fe=/[+-]?\d{6}/,n=/\d\d?/,me=/\d\d\d\d?/,_e=/\d\d\d\d\d\d?/,ye=/\d{1,3}/,ge=/\d{1,4}/,we=/[+-]?\d{1,6}/,pe=/\d+/,ke=/[+-]?\d+/,Me=/Z|[+-]\d\d:?\d\d/gi,ve=/Z|[+-]\d\d(?::?\d\d)?/gi,i=/[0-9]{0,256}['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFF07\uFF10-\uFFEF]{1,256}|[\u0600-\u06FF\/]{1,256}(\s*?[\u0600-\u06FF]{1,256}){1,2}/i,u=/^[1-9]\d?/,d=/^([1-9]\d|\d)/;function h(e,n,s){Ye[e]=a(n)?n:function(e,t){return e&&s?s:n}}function De(e,t){return c(Ye,e)?Ye[e](t._strict,t._locale):new RegExp(f(e.replace("\\","").replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,function(e,t,n,s,i){return t||n||s||i})))}function f(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}function m(e){return e<0?Math.ceil(e)||0:Math.floor(e)}function M(e){var e=+e,t=0;return t=0!=e&&isFinite(e)?m(e):t}var Ye={},Se={};function v(e,n){var t,s,i=n;for("string"==typeof e&&(e=[e]),w(n)&&(i=function(e,t){t[n]=M(e)}),s=e.length,t=0;t<s;t++)Se[e[t]]=i}function Oe(e,i){v(e,function(e,t,n,s){n._w=n._w||{},i(e,n._w,n,s)})}function be(e){return e%4==0&&e%100!=0||e%400==0}var D=0,Y=1,S=2,O=3,b=4,T=5,Te=6,xe=7,Ne=8;function We(e){return be(e)?366:365}s("Y",0,0,function(){var e=this.year();return e<=9999?r(e,4):"+"+e}),s(0,["YY",2],0,function(){return this.year()%100}),s(0,["YYYY",4],0,"year"),s(0,["YYYYY",5],0,"year"),s(0,["YYYYYY",6,!0],0,"year"),h("Y",ke),h("YY",n,t),h("YYYY",ge,ce),h("YYYYY",we,fe),h("YYYYYY",we,fe),v(["YYYYY","YYYYYY"],D),v("YYYY",function(e,t){t[D]=2===e.length?_.parseTwoDigitYear(e):M(e)}),v("YY",function(e,t){t[D]=_.parseTwoDigitYear(e)}),v("Y",function(e,t){t[D]=parseInt(e,10)}),_.parseTwoDigitYear=function(e){return M(e)+(68<M(e)?1900:2e3)};var x,Pe=Re("FullYear",!0);function Re(t,n){return function(e){return null!=e?(Ue(this,t,e),_.updateOffset(this,n),this):Ce(this,t)}}function Ce(e,t){if(!e.isValid())return NaN;var n=e._d,s=e._isUTC;switch(t){case"Milliseconds":return s?n.getUTCMilliseconds():n.getMilliseconds();case"Seconds":return s?n.getUTCSeconds():n.getSeconds();case"Minutes":return s?n.getUTCMinutes():n.getMinutes();case"Hours":return s?n.getUTCHours():n.getHours();case"Date":return s?n.getUTCDate():n.getDate();case"Day":return s?n.getUTCDay():n.getDay();case"Month":return s?n.getUTCMonth():n.getMonth();case"FullYear":return s?n.getUTCFullYear():n.getFullYear();default:return NaN}}function Ue(e,t,n){var s,i,r;if(e.isValid()&&!isNaN(n)){switch(s=e._d,i=e._isUTC,t){case"Milliseconds":return i?s.setUTCMilliseconds(n):s.setMilliseconds(n);case"Seconds":return i?s.setUTCSeconds(n):s.setSeconds(n);case"Minutes":return i?s.setUTCMinutes(n):s.setMinutes(n);case"Hours":return i?s.setUTCHours(n):s.setHours(n);case"Date":return i?s.setUTCDate(n):s.setDate(n);case"FullYear":break;default:return}t=n,r=e.month(),e=29!==(e=e.date())||1!==r||be(t)?e:28,i?s.setUTCFullYear(t,r,e):s.setFullYear(t,r,e)}}function He(e,t){var n;return isNaN(e)||isNaN(t)?NaN:(n=(t%(n=12)+n)%n,e+=(t-n)/12,1==n?be(e)?29:28:31-n%7%2)}x=Array.prototype.indexOf||function(e){for(var t=0;t<this.length;++t)if(this[t]===e)return t;return-1},s("M",["MM",2],"Mo",function(){return this.month()+1}),s("MMM",0,0,function(e){return this.localeData().monthsShort(this,e)}),s("MMMM",0,0,function(e){return this.localeData().months(this,e)}),h("M",n,u),h("MM",n,t),h("MMM",function(e,t){return t.monthsShortRegex(e)}),h("MMMM",function(e,t){return t.monthsRegex(e)}),v(["M","MM"],function(e,t){t[Y]=M(e)-1}),v(["MMM","MMMM"],function(e,t,n,s){s=n._locale.monthsParse(e,s,n._strict);null!=s?t[Y]=s:p(n).invalidMonth=e});var Fe="January_February_March_April_May_June_July_August_September_October_November_December".split("_"),Le="Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),Ve=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?/,Ge=i,Ee=i;function Ae(e,t){if(e.isValid()){if("string"==typeof t)if(/^\d+$/.test(t))t=M(t);else if(!w(t=e.localeData().monthsParse(t)))return;var n=(n=e.date())<29?n:Math.min(n,He(e.year(),t));e._isUTC?e._d.setUTCMonth(t,n):e._d.setMonth(t,n)}}function Ie(e){return null!=e?(Ae(this,e),_.updateOffset(this,!0),this):Ce(this,"Month")}function je(){function e(e,t){return t.length-e.length}for(var t,n,s=[],i=[],r=[],a=0;a<12;a++)n=l([2e3,a]),t=f(this.monthsShort(n,"")),n=f(this.months(n,"")),s.push(t),i.push(n),r.push(n),r.push(t);s.sort(e),i.sort(e),r.sort(e),this._monthsRegex=new RegExp("^("+r.join("|")+")","i"),this._monthsShortRegex=this._monthsRegex,this._monthsStrictRegex=new RegExp("^("+i.join("|")+")","i"),this._monthsShortStrictRegex=new RegExp("^("+s.join("|")+")","i")}function Ze(e,t,n,s,i,r,a){var o;return e<100&&0<=e?(o=new Date(e+400,t,n,s,i,r,a),isFinite(o.getFullYear())&&o.setFullYear(e)):o=new Date(e,t,n,s,i,r,a),o}function ze(e){var t;return e<100&&0<=e?((t=Array.prototype.slice.call(arguments))[0]=e+400,t=new Date(Date.UTC.apply(null,t)),isFinite(t.getUTCFullYear())&&t.setUTCFullYear(e)):t=new Date(Date.UTC.apply(null,arguments)),t}function qe(e,t,n){n=7+t-n;return n-(7+ze(e,0,n).getUTCDay()-t)%7-1}function $e(e,t,n,s,i){var r,t=1+7*(t-1)+(7+n-s)%7+qe(e,s,i),n=t<=0?We(r=e-1)+t:t>We(e)?(r=e+1,t-We(e)):(r=e,t);return{year:r,dayOfYear:n}}function Be(e,t,n){var s,i,r=qe(e.year(),t,n),r=Math.floor((e.dayOfYear()-r-1)/7)+1;return r<1?s=r+N(i=e.year()-1,t,n):r>N(e.year(),t,n)?(s=r-N(e.year(),t,n),i=e.year()+1):(i=e.year(),s=r),{week:s,year:i}}function N(e,t,n){var s=qe(e,t,n),t=qe(e+1,t,n);return(We(e)-s+t)/7}s("w",["ww",2],"wo","week"),s("W",["WW",2],"Wo","isoWeek"),h("w",n,u),h("ww",n,t),h("W",n,u),h("WW",n,t),Oe(["w","ww","W","WW"],function(e,t,n,s){t[s.substr(0,1)]=M(e)});function Je(e,t){return e.slice(t,7).concat(e.slice(0,t))}s("d",0,"do","day"),s("dd",0,0,function(e){return this.localeData().weekdaysMin(this,e)}),s("ddd",0,0,function(e){return this.localeData().weekdaysShort(this,e)}),s("dddd",0,0,function(e){return this.localeData().weekdays(this,e)}),s("e",0,0,"weekday"),s("E",0,0,"isoWeekday"),h("d",n),h("e",n),h("E",n),h("dd",function(e,t){return t.weekdaysMinRegex(e)}),h("ddd",function(e,t){return t.weekdaysShortRegex(e)}),h("dddd",function(e,t){return t.weekdaysRegex(e)}),Oe(["dd","ddd","dddd"],function(e,t,n,s){s=n._locale.weekdaysParse(e,s,n._strict);null!=s?t.d=s:p(n).invalidWeekday=e}),Oe(["d","e","E"],function(e,t,n,s){t[s]=M(e)});var Qe="Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),Xe="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),Ke="Su_Mo_Tu_We_Th_Fr_Sa".split("_"),et=i,tt=i,nt=i;function st(){function e(e,t){return t.length-e.length}for(var t,n,s,i=[],r=[],a=[],o=[],u=0;u<7;u++)s=l([2e3,1]).day(u),t=f(this.weekdaysMin(s,"")),n=f(this.weekdaysShort(s,"")),s=f(this.weekdays(s,"")),i.push(t),r.push(n),a.push(s),o.push(t),o.push(n),o.push(s);i.sort(e),r.sort(e),a.sort(e),o.sort(e),this._weekdaysRegex=new RegExp("^("+o.join("|")+")","i"),this._weekdaysShortRegex=this._weekdaysRegex,this._weekdaysMinRegex=this._weekdaysRegex,this._weekdaysStrictRegex=new RegExp("^("+a.join("|")+")","i"),this._weekdaysShortStrictRegex=new RegExp("^("+r.join("|")+")","i"),this._weekdaysMinStrictRegex=new RegExp("^("+i.join("|")+")","i")}function it(){return this.hours()%12||12}function rt(e,t){s(e,0,0,function(){return this.localeData().meridiem(this.hours(),this.minutes(),t)})}function at(e,t){return t._meridiemParse}s("H",["HH",2],0,"hour"),s("h",["hh",2],0,it),s("k",["kk",2],0,function(){return this.hours()||24}),s("hmm",0,0,function(){return""+it.apply(this)+r(this.minutes(),2)}),s("hmmss",0,0,function(){return""+it.apply(this)+r(this.minutes(),2)+r(this.seconds(),2)}),s("Hmm",0,0,function(){return""+this.hours()+r(this.minutes(),2)}),s("Hmmss",0,0,function(){return""+this.hours()+r(this.minutes(),2)+r(this.seconds(),2)}),rt("a",!0),rt("A",!1),h("a",at),h("A",at),h("H",n,d),h("h",n,u),h("k",n,u),h("HH",n,t),h("hh",n,t),h("kk",n,t),h("hmm",me),h("hmmss",_e),h("Hmm",me),h("Hmmss",_e),v(["H","HH"],O),v(["k","kk"],function(e,t,n){e=M(e);t[O]=24===e?0:e}),v(["a","A"],function(e,t,n){n._isPm=n._locale.isPM(e),n._meridiem=e}),v(["h","hh"],function(e,t,n){t[O]=M(e),p(n).bigHour=!0}),v("hmm",function(e,t,n){var s=e.length-2;t[O]=M(e.substr(0,s)),t[b]=M(e.substr(s)),p(n).bigHour=!0}),v("hmmss",function(e,t,n){var s=e.length-4,i=e.length-2;t[O]=M(e.substr(0,s)),t[b]=M(e.substr(s,2)),t[T]=M(e.substr(i)),p(n).bigHour=!0}),v("Hmm",function(e,t,n){var s=e.length-2;t[O]=M(e.substr(0,s)),t[b]=M(e.substr(s))}),v("Hmmss",function(e,t,n){var s=e.length-4,i=e.length-2;t[O]=M(e.substr(0,s)),t[b]=M(e.substr(s,2)),t[T]=M(e.substr(i))});i=Re("Hours",!0);var ot,ut={calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},longDateFormat:{LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},invalidDate:"Invalid date",ordinal:"%d",dayOfMonthOrdinalParse:/\d{1,2}/,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",w:"a week",ww:"%d weeks",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},months:Fe,monthsShort:Le,week:{dow:0,doy:6},weekdays:Qe,weekdaysMin:Ke,weekdaysShort:Xe,meridiemParse:/[ap]\.?m?\.?/i},W={},lt={};function dt(e){return e&&e.toLowerCase().replace("_","-")}function ht(e){for(var t,n,s,i,r=0;r<e.length;){for(t=(i=dt(e[r]).split("-")).length,n=(n=dt(e[r+1]))?n.split("-"):null;0<t;){if(s=ct(i.slice(0,t).join("-")))return s;if(n&&n.length>=t&&function(e,t){for(var n=Math.min(e.length,t.length),s=0;s<n;s+=1)if(e[s]!==t[s])return s;return n}(i,n)>=t-1)break;t--}r++}return ot}function ct(t){var e,n;if(void 0===W[t]&&"undefined"!=typeof module&&module&&module.exports&&(n=t)&&n.match("^[^/\\\\]*$"))try{e=ot._abbr,require("./locale/"+t),ft(e)}catch(e){W[t]=null}return W[t]}function ft(e,t){return e&&((t=g(t)?P(e):mt(e,t))?ot=t:"undefined"!=typeof console&&console.warn&&console.warn("Locale "+e+" not found. Did you forget to load it?")),ot._abbr}function mt(e,t){if(null===t)return delete W[e],null;var n,s=ut;if(t.abbr=e,null!=W[e])Q("defineLocaleOverride","use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info."),s=W[e]._config;else if(null!=t.parentLocale)if(null!=W[t.parentLocale])s=W[t.parentLocale]._config;else{if(null==(n=ct(t.parentLocale)))return lt[t.parentLocale]||(lt[t.parentLocale]=[]),lt[t.parentLocale].push({name:e,config:t}),null;s=n._config}return W[e]=new K(X(s,t)),lt[e]&&lt[e].forEach(function(e){mt(e.name,e.config)}),ft(e),W[e]}function P(e){var t;if(!(e=e&&e._locale&&e._locale._abbr?e._locale._abbr:e))return ot;if(!y(e)){if(t=ct(e))return t;e=[e]}return ht(e)}function _t(e){var t=e._a;return t&&-2===p(e).overflow&&(t=t[Y]<0||11<t[Y]?Y:t[S]<1||t[S]>He(t[D],t[Y])?S:t[O]<0||24<t[O]||24===t[O]&&(0!==t[b]||0!==t[T]||0!==t[Te])?O:t[b]<0||59<t[b]?b:t[T]<0||59<t[T]?T:t[Te]<0||999<t[Te]?Te:-1,p(e)._overflowDayOfYear&&(t<D||S<t)&&(t=S),p(e)._overflowWeeks&&-1===t&&(t=xe),p(e)._overflowWeekday&&-1===t&&(t=Ne),p(e).overflow=t),e}var yt=/^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,gt=/^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d|))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,wt=/Z|[+-]\d\d(?::?\d\d)?/,pt=[["YYYYYY-MM-DD",/[+-]\d{6}-\d\d-\d\d/],["YYYY-MM-DD",/\d{4}-\d\d-\d\d/],["GGGG-[W]WW-E",/\d{4}-W\d\d-\d/],["GGGG-[W]WW",/\d{4}-W\d\d/,!1],["YYYY-DDD",/\d{4}-\d{3}/],["YYYY-MM",/\d{4}-\d\d/,!1],["YYYYYYMMDD",/[+-]\d{10}/],["YYYYMMDD",/\d{8}/],["GGGG[W]WWE",/\d{4}W\d{3}/],["GGGG[W]WW",/\d{4}W\d{2}/,!1],["YYYYDDD",/\d{7}/],["YYYYMM",/\d{6}/,!1],["YYYY",/\d{4}/,!1]],kt=[["HH:mm:ss.SSSS",/\d\d:\d\d:\d\d\.\d+/],["HH:mm:ss,SSSS",/\d\d:\d\d:\d\d,\d+/],["HH:mm:ss",/\d\d:\d\d:\d\d/],["HH:mm",/\d\d:\d\d/],["HHmmss.SSSS",/\d\d\d\d\d\d\.\d+/],["HHmmss,SSSS",/\d\d\d\d\d\d,\d+/],["HHmmss",/\d\d\d\d\d\d/],["HHmm",/\d\d\d\d/],["HH",/\d\d/]],Mt=/^\/?Date\((-?\d+)/i,vt=/^(?:(Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\s)?(\d{1,2})\s(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s(\d{2,4})\s(\d\d):(\d\d)(?::(\d\d))?\s(?:(UT|GMT|[ECMP][SD]T)|([Zz])|([+-]\d{4}))$/,Dt={UT:0,GMT:0,EDT:-240,EST:-300,CDT:-300,CST:-360,MDT:-360,MST:-420,PDT:-420,PST:-480};function Yt(e){var t,n,s,i,r,a,o=e._i,u=yt.exec(o)||gt.exec(o),o=pt.length,l=kt.length;if(u){for(p(e).iso=!0,t=0,n=o;t<n;t++)if(pt[t][1].exec(u[1])){i=pt[t][0],s=!1!==pt[t][2];break}if(null==i)e._isValid=!1;else{if(u[3]){for(t=0,n=l;t<n;t++)if(kt[t][1].exec(u[3])){r=(u[2]||" ")+kt[t][0];break}if(null==r)return void(e._isValid=!1)}if(s||null==r){if(u[4]){if(!wt.exec(u[4]))return void(e._isValid=!1);a="Z"}e._f=i+(r||"")+(a||""),xt(e)}else e._isValid=!1}}else e._isValid=!1}function St(e,t,n,s,i,r){e=[function(e){e=parseInt(e,10);{if(e<=49)return 2e3+e;if(e<=999)return 1900+e}return e}(e),Le.indexOf(t),parseInt(n,10),parseInt(s,10),parseInt(i,10)];return r&&e.push(parseInt(r,10)),e}function Ot(e){var t,n,s=vt.exec(e._i.replace(/\([^()]*\)|[\n\t]/g," ").replace(/(\s\s+)/g," ").replace(/^\s\s*/,"").replace(/\s\s*$/,""));s?(t=St(s[4],s[3],s[2],s[5],s[6],s[7]),function(e,t,n){if(!e||Xe.indexOf(e)===new Date(t[0],t[1],t[2]).getDay())return 1;p(n).weekdayMismatch=!0,n._isValid=!1}(s[1],t,e)&&(e._a=t,e._tzm=(t=s[8],n=s[9],s=s[10],t?Dt[t]:n?0:60*(((t=parseInt(s,10))-(n=t%100))/100)+n),e._d=ze.apply(null,e._a),e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),p(e).rfc2822=!0)):e._isValid=!1}function bt(e,t,n){return null!=e?e:null!=t?t:n}function Tt(e){var t,n,s,i,r,a,o,u,l,d,h,c=[];if(!e._d){for(s=e,i=new Date(_.now()),n=s._useUTC?[i.getUTCFullYear(),i.getUTCMonth(),i.getUTCDate()]:[i.getFullYear(),i.getMonth(),i.getDate()],e._w&&null==e._a[S]&&null==e._a[Y]&&(null!=(i=(s=e)._w).GG||null!=i.W||null!=i.E?(u=1,l=4,r=bt(i.GG,s._a[D],Be(R(),1,4).year),a=bt(i.W,1),((o=bt(i.E,1))<1||7<o)&&(d=!0)):(u=s._locale._week.dow,l=s._locale._week.doy,h=Be(R(),u,l),r=bt(i.gg,s._a[D],h.year),a=bt(i.w,h.week),null!=i.d?((o=i.d)<0||6<o)&&(d=!0):null!=i.e?(o=i.e+u,(i.e<0||6<i.e)&&(d=!0)):o=u),a<1||a>N(r,u,l)?p(s)._overflowWeeks=!0:null!=d?p(s)._overflowWeekday=!0:(h=$e(r,a,o,u,l),s._a[D]=h.year,s._dayOfYear=h.dayOfYear)),null!=e._dayOfYear&&(i=bt(e._a[D],n[D]),(e._dayOfYear>We(i)||0===e._dayOfYear)&&(p(e)._overflowDayOfYear=!0),d=ze(i,0,e._dayOfYear),e._a[Y]=d.getUTCMonth(),e._a[S]=d.getUTCDate()),t=0;t<3&&null==e._a[t];++t)e._a[t]=c[t]=n[t];for(;t<7;t++)e._a[t]=c[t]=null==e._a[t]?2===t?1:0:e._a[t];24===e._a[O]&&0===e._a[b]&&0===e._a[T]&&0===e._a[Te]&&(e._nextDay=!0,e._a[O]=0),e._d=(e._useUTC?ze:Ze).apply(null,c),r=e._useUTC?e._d.getUTCDay():e._d.getDay(),null!=e._tzm&&e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),e._nextDay&&(e._a[O]=24),e._w&&void 0!==e._w.d&&e._w.d!==r&&(p(e).weekdayMismatch=!0)}}function xt(e){if(e._f===_.ISO_8601)Yt(e);else if(e._f===_.RFC_2822)Ot(e);else{e._a=[],p(e).empty=!0;for(var t,n,s,i,r,a=""+e._i,o=a.length,u=0,l=ae(e._f,e._locale).match(te)||[],d=l.length,h=0;h<d;h++)n=l[h],(t=(a.match(De(n,e))||[])[0])&&(0<(s=a.substr(0,a.indexOf(t))).length&&p(e).unusedInput.push(s),a=a.slice(a.indexOf(t)+t.length),u+=t.length),ie[n]?(t?p(e).empty=!1:p(e).unusedTokens.push(n),s=n,r=e,null!=(i=t)&&c(Se,s)&&Se[s](i,r._a,r,s)):e._strict&&!t&&p(e).unusedTokens.push(n);p(e).charsLeftOver=o-u,0<a.length&&p(e).unusedInput.push(a),e._a[O]<=12&&!0===p(e).bigHour&&0<e._a[O]&&(p(e).bigHour=void 0),p(e).parsedDateParts=e._a.slice(0),p(e).meridiem=e._meridiem,e._a[O]=function(e,t,n){if(null==n)return t;return null!=e.meridiemHour?e.meridiemHour(t,n):null!=e.isPM?((e=e.isPM(n))&&t<12&&(t+=12),t=e||12!==t?t:0):t}(e._locale,e._a[O],e._meridiem),null!==(o=p(e).era)&&(e._a[D]=e._locale.erasConvertYear(o,e._a[D])),Tt(e),_t(e)}}function Nt(e){var t,n,s,i=e._i,r=e._f;if(e._locale=e._locale||P(e._l),null===i||void 0===r&&""===i)return I({nullInput:!0});if("string"==typeof i&&(e._i=i=e._locale.preparse(i)),k(i))return new $(_t(i));if(V(i))e._d=i;else if(y(r)){var a,o,u,l,d,h,c=e,f=!1,m=c._f.length;if(0===m)p(c).invalidFormat=!0,c._d=new Date(NaN);else{for(l=0;l<m;l++)d=0,h=!1,a=q({},c),null!=c._useUTC&&(a._useUTC=c._useUTC),a._f=c._f[l],xt(a),A(a)&&(h=!0),d=(d+=p(a).charsLeftOver)+10*p(a).unusedTokens.length,p(a).score=d,f?d<u&&(u=d,o=a):(null==u||d<u||h)&&(u=d,o=a,h)&&(f=!0);E(c,o||a)}}else if(r)xt(e);else if(g(r=(i=e)._i))i._d=new Date(_.now());else V(r)?i._d=new Date(r.valueOf()):"string"==typeof r?(n=i,null!==(t=Mt.exec(n._i))?n._d=new Date(+t[1]):(Yt(n),!1===n._isValid&&(delete n._isValid,Ot(n),!1===n._isValid)&&(delete n._isValid,n._strict?n._isValid=!1:_.createFromInputFallback(n)))):y(r)?(i._a=G(r.slice(0),function(e){return parseInt(e,10)}),Tt(i)):F(r)?(t=i)._d||(s=void 0===(n=ue(t._i)).day?n.date:n.day,t._a=G([n.year,n.month,s,n.hour,n.minute,n.second,n.millisecond],function(e){return e&&parseInt(e,10)}),Tt(t)):w(r)?i._d=new Date(r):_.createFromInputFallback(i);return A(e)||(e._d=null),e}function Wt(e,t,n,s,i){var r={};return!0!==t&&!1!==t||(s=t,t=void 0),!0!==n&&!1!==n||(s=n,n=void 0),(F(e)&&L(e)||y(e)&&0===e.length)&&(e=void 0),r._isAMomentObject=!0,r._useUTC=r._isUTC=i,r._l=n,r._i=e,r._f=t,r._strict=s,(i=new $(_t(Nt(i=r))))._nextDay&&(i.add(1,"d"),i._nextDay=void 0),i}function R(e,t,n,s){return Wt(e,t,n,s,!1)}_.createFromInputFallback=e("value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.",function(e){e._d=new Date(e._i+(e._useUTC?" UTC":""))}),_.ISO_8601=function(){},_.RFC_2822=function(){};me=e("moment().min is deprecated, use moment.max instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=R.apply(null,arguments);return this.isValid()&&e.isValid()?e<this?this:e:I()}),_e=e("moment().max is deprecated, use moment.min instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=R.apply(null,arguments);return this.isValid()&&e.isValid()?this<e?this:e:I()});function Pt(e,t){var n,s;if(!(t=1===t.length&&y(t[0])?t[0]:t).length)return R();for(n=t[0],s=1;s<t.length;++s)t[s].isValid()&&!t[s][e](n)||(n=t[s]);return n}var Rt=["year","quarter","month","week","day","hour","minute","second","millisecond"];function Ct(e){var e=ue(e),t=e.year||0,n=e.quarter||0,s=e.month||0,i=e.week||e.isoWeek||0,r=e.day||0,a=e.hour||0,o=e.minute||0,u=e.second||0,l=e.millisecond||0;this._isValid=function(e){var t,n,s=!1,i=Rt.length;for(t in e)if(c(e,t)&&(-1===x.call(Rt,t)||null!=e[t]&&isNaN(e[t])))return!1;for(n=0;n<i;++n)if(e[Rt[n]]){if(s)return!1;parseFloat(e[Rt[n]])!==M(e[Rt[n]])&&(s=!0)}return!0}(e),this._milliseconds=+l+1e3*u+6e4*o+1e3*a*60*60,this._days=+r+7*i,this._months=+s+3*n+12*t,this._data={},this._locale=P(),this._bubble()}function Ut(e){return e instanceof Ct}function Ht(e){return e<0?-1*Math.round(-1*e):Math.round(e)}function Ft(e,n){s(e,0,0,function(){var e=this.utcOffset(),t="+";return e<0&&(e=-e,t="-"),t+r(~~(e/60),2)+n+r(~~e%60,2)})}Ft("Z",":"),Ft("ZZ",""),h("Z",ve),h("ZZ",ve),v(["Z","ZZ"],function(e,t,n){n._useUTC=!0,n._tzm=Vt(ve,e)});var Lt=/([\+\-]|\d\d)/gi;function Vt(e,t){var t=(t||"").match(e);return null===t?null:0===(t=60*(e=((t[t.length-1]||[])+"").match(Lt)||["-",0,0])[1]+M(e[2]))?0:"+"===e[0]?t:-t}function Gt(e,t){var n;return t._isUTC?(t=t.clone(),n=(k(e)||V(e)?e:R(e)).valueOf()-t.valueOf(),t._d.setTime(t._d.valueOf()+n),_.updateOffset(t,!1),t):R(e).local()}function Et(e){return-Math.round(e._d.getTimezoneOffset())}function At(){return!!this.isValid()&&this._isUTC&&0===this._offset}_.updateOffset=function(){};var It=/^(-|\+)?(?:(\d*)[. ])?(\d+):(\d+)(?::(\d+)(\.\d*)?)?$/,jt=/^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;function C(e,t){var n,s=e;return Ut(e)?s={ms:e._milliseconds,d:e._days,M:e._months}:w(e)||!isNaN(+e)?(s={},t?s[t]=+e:s.milliseconds=+e):(t=It.exec(e))?(n="-"===t[1]?-1:1,s={y:0,d:M(t[S])*n,h:M(t[O])*n,m:M(t[b])*n,s:M(t[T])*n,ms:M(Ht(1e3*t[Te]))*n}):(t=jt.exec(e))?(n="-"===t[1]?-1:1,s={y:Zt(t[2],n),M:Zt(t[3],n),w:Zt(t[4],n),d:Zt(t[5],n),h:Zt(t[6],n),m:Zt(t[7],n),s:Zt(t[8],n)}):null==s?s={}:"object"==typeof s&&("from"in s||"to"in s)&&(t=function(e,t){var n;if(!e.isValid()||!t.isValid())return{milliseconds:0,months:0};t=Gt(t,e),e.isBefore(t)?n=zt(e,t):((n=zt(t,e)).milliseconds=-n.milliseconds,n.months=-n.months);return n}(R(s.from),R(s.to)),(s={}).ms=t.milliseconds,s.M=t.months),n=new Ct(s),Ut(e)&&c(e,"_locale")&&(n._locale=e._locale),Ut(e)&&c(e,"_isValid")&&(n._isValid=e._isValid),n}function Zt(e,t){e=e&&parseFloat(e.replace(",","."));return(isNaN(e)?0:e)*t}function zt(e,t){var n={};return n.months=t.month()-e.month()+12*(t.year()-e.year()),e.clone().add(n.months,"M").isAfter(t)&&--n.months,n.milliseconds=+t-+e.clone().add(n.months,"M"),n}function qt(s,i){return function(e,t){var n;return null===t||isNaN(+t)||(Q(i,"moment()."+i+"(period, number) is deprecated. Please use moment()."+i+"(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info."),n=e,e=t,t=n),$t(this,C(e,t),s),this}}function $t(e,t,n,s){var i=t._milliseconds,r=Ht(t._days),t=Ht(t._months);e.isValid()&&(s=null==s||s,t&&Ae(e,Ce(e,"Month")+t*n),r&&Ue(e,"Date",Ce(e,"Date")+r*n),i&&e._d.setTime(e._d.valueOf()+i*n),s)&&_.updateOffset(e,r||t)}C.fn=Ct.prototype,C.invalid=function(){return C(NaN)};Fe=qt(1,"add"),Qe=qt(-1,"subtract");function Bt(e){return"string"==typeof e||e instanceof String}function Jt(e){return k(e)||V(e)||Bt(e)||w(e)||function(t){var e=y(t),n=!1;e&&(n=0===t.filter(function(e){return!w(e)&&Bt(t)}).length);return e&&n}(e)||function(e){var t,n,s=F(e)&&!L(e),i=!1,r=["years","year","y","months","month","M","days","day","d","dates","date","D","hours","hour","h","minutes","minute","m","seconds","second","s","milliseconds","millisecond","ms"],a=r.length;for(t=0;t<a;t+=1)n=r[t],i=i||c(e,n);return s&&i}(e)||null==e}function Qt(e,t){var n,s;return e.date()<t.date()?-Qt(t,e):-((n=12*(t.year()-e.year())+(t.month()-e.month()))+(t-(s=e.clone().add(n,"months"))<0?(t-s)/(s-e.clone().add(n-1,"months")):(t-s)/(e.clone().add(1+n,"months")-s)))||0}function Xt(e){return void 0===e?this._locale._abbr:(null!=(e=P(e))&&(this._locale=e),this)}_.defaultFormat="YYYY-MM-DDTHH:mm:ssZ",_.defaultFormatUtc="YYYY-MM-DDTHH:mm:ss[Z]";Ke=e("moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.",function(e){return void 0===e?this.localeData():this.locale(e)});function Kt(){return this._locale}var en=126227808e5;function tn(e,t){return(e%t+t)%t}function nn(e,t,n){return e<100&&0<=e?new Date(e+400,t,n)-en:new Date(e,t,n).valueOf()}function sn(e,t,n){return e<100&&0<=e?Date.UTC(e+400,t,n)-en:Date.UTC(e,t,n)}function rn(e,t){return t.erasAbbrRegex(e)}function an(){for(var e,t,n,s=[],i=[],r=[],a=[],o=this.eras(),u=0,l=o.length;u<l;++u)e=f(o[u].name),t=f(o[u].abbr),n=f(o[u].narrow),i.push(e),s.push(t),r.push(n),a.push(e),a.push(t),a.push(n);this._erasRegex=new RegExp("^("+a.join("|")+")","i"),this._erasNameRegex=new RegExp("^("+i.join("|")+")","i"),this._erasAbbrRegex=new RegExp("^("+s.join("|")+")","i"),this._erasNarrowRegex=new RegExp("^("+r.join("|")+")","i")}function on(e,t){s(0,[e,e.length],0,t)}function un(e,t,n,s,i){var r;return null==e?Be(this,s,i).year:(r=N(e,s,i),function(e,t,n,s,i){e=$e(e,t,n,s,i),t=ze(e.year,0,e.dayOfYear);return this.year(t.getUTCFullYear()),this.month(t.getUTCMonth()),this.date(t.getUTCDate()),this}.call(this,e,t=r<t?r:t,n,s,i))}s("N",0,0,"eraAbbr"),s("NN",0,0,"eraAbbr"),s("NNN",0,0,"eraAbbr"),s("NNNN",0,0,"eraName"),s("NNNNN",0,0,"eraNarrow"),s("y",["y",1],"yo","eraYear"),s("y",["yy",2],0,"eraYear"),s("y",["yyy",3],0,"eraYear"),s("y",["yyyy",4],0,"eraYear"),h("N",rn),h("NN",rn),h("NNN",rn),h("NNNN",function(e,t){return t.erasNameRegex(e)}),h("NNNNN",function(e,t){return t.erasNarrowRegex(e)}),v(["N","NN","NNN","NNNN","NNNNN"],function(e,t,n,s){s=n._locale.erasParse(e,s,n._strict);s?p(n).era=s:p(n).invalidEra=e}),h("y",pe),h("yy",pe),h("yyy",pe),h("yyyy",pe),h("yo",function(e,t){return t._eraYearOrdinalRegex||pe}),v(["y","yy","yyy","yyyy"],D),v(["yo"],function(e,t,n,s){var i;n._locale._eraYearOrdinalRegex&&(i=e.match(n._locale._eraYearOrdinalRegex)),n._locale.eraYearOrdinalParse?t[D]=n._locale.eraYearOrdinalParse(e,i):t[D]=parseInt(e,10)}),s(0,["gg",2],0,function(){return this.weekYear()%100}),s(0,["GG",2],0,function(){return this.isoWeekYear()%100}),on("gggg","weekYear"),on("ggggg","weekYear"),on("GGGG","isoWeekYear"),on("GGGGG","isoWeekYear"),h("G",ke),h("g",ke),h("GG",n,t),h("gg",n,t),h("GGGG",ge,ce),h("gggg",ge,ce),h("GGGGG",we,fe),h("ggggg",we,fe),Oe(["gggg","ggggg","GGGG","GGGGG"],function(e,t,n,s){t[s.substr(0,2)]=M(e)}),Oe(["gg","GG"],function(e,t,n,s){t[s]=_.parseTwoDigitYear(e)}),s("Q",0,"Qo","quarter"),h("Q",de),v("Q",function(e,t){t[Y]=3*(M(e)-1)}),s("D",["DD",2],"Do","date"),h("D",n,u),h("DD",n,t),h("Do",function(e,t){return e?t._dayOfMonthOrdinalParse||t._ordinalParse:t._dayOfMonthOrdinalParseLenient}),v(["D","DD"],S),v("Do",function(e,t){t[S]=M(e.match(n)[0])});ge=Re("Date",!0);s("DDD",["DDDD",3],"DDDo","dayOfYear"),h("DDD",ye),h("DDDD",he),v(["DDD","DDDD"],function(e,t,n){n._dayOfYear=M(e)}),s("m",["mm",2],0,"minute"),h("m",n,d),h("mm",n,t),v(["m","mm"],b);var ln,ce=Re("Minutes",!1),we=(s("s",["ss",2],0,"second"),h("s",n,d),h("ss",n,t),v(["s","ss"],T),Re("Seconds",!1));for(s("S",0,0,function(){return~~(this.millisecond()/100)}),s(0,["SS",2],0,function(){return~~(this.millisecond()/10)}),s(0,["SSS",3],0,"millisecond"),s(0,["SSSS",4],0,function(){return 10*this.millisecond()}),s(0,["SSSSS",5],0,function(){return 100*this.millisecond()}),s(0,["SSSSSS",6],0,function(){return 1e3*this.millisecond()}),s(0,["SSSSSSS",7],0,function(){return 1e4*this.millisecond()}),s(0,["SSSSSSSS",8],0,function(){return 1e5*this.millisecond()}),s(0,["SSSSSSSSS",9],0,function(){return 1e6*this.millisecond()}),h("S",ye,de),h("SS",ye,t),h("SSS",ye,he),ln="SSSS";ln.length<=9;ln+="S")h(ln,pe);function dn(e,t){t[Te]=M(1e3*("0."+e))}for(ln="S";ln.length<=9;ln+="S")v(ln,dn);fe=Re("Milliseconds",!1),s("z",0,0,"zoneAbbr"),s("zz",0,0,"zoneName");u=$.prototype;function hn(e){return e}u.add=Fe,u.calendar=function(e,t){1===arguments.length&&(arguments[0]?Jt(arguments[0])?(e=arguments[0],t=void 0):function(e){for(var t=F(e)&&!L(e),n=!1,s=["sameDay","nextDay","lastDay","nextWeek","lastWeek","sameElse"],i=0;i<s.length;i+=1)n=n||c(e,s[i]);return t&&n}(arguments[0])&&(t=arguments[0],e=void 0):t=e=void 0);var e=e||R(),n=Gt(e,this).startOf("day"),n=_.calendarFormat(this,n)||"sameElse",t=t&&(a(t[n])?t[n].call(this,e):t[n]);return this.format(t||this.localeData().calendar(n,this,R(e)))},u.clone=function(){return new $(this)},u.diff=function(e,t,n){var s,i,r;if(!this.isValid())return NaN;if(!(s=Gt(e,this)).isValid())return NaN;switch(i=6e4*(s.utcOffset()-this.utcOffset()),t=o(t)){case"year":r=Qt(this,s)/12;break;case"month":r=Qt(this,s);break;case"quarter":r=Qt(this,s)/3;break;case"second":r=(this-s)/1e3;break;case"minute":r=(this-s)/6e4;break;case"hour":r=(this-s)/36e5;break;case"day":r=(this-s-i)/864e5;break;case"week":r=(this-s-i)/6048e5;break;default:r=this-s}return n?r:m(r)},u.endOf=function(e){var t,n;if(void 0!==(e=o(e))&&"millisecond"!==e&&this.isValid()){switch(n=this._isUTC?sn:nn,e){case"year":t=n(this.year()+1,0,1)-1;break;case"quarter":t=n(this.year(),this.month()-this.month()%3+3,1)-1;break;case"month":t=n(this.year(),this.month()+1,1)-1;break;case"week":t=n(this.year(),this.month(),this.date()-this.weekday()+7)-1;break;case"isoWeek":t=n(this.year(),this.month(),this.date()-(this.isoWeekday()-1)+7)-1;break;case"day":case"date":t=n(this.year(),this.month(),this.date()+1)-1;break;case"hour":t=this._d.valueOf(),t+=36e5-tn(t+(this._isUTC?0:6e4*this.utcOffset()),36e5)-1;break;case"minute":t=this._d.valueOf(),t+=6e4-tn(t,6e4)-1;break;case"second":t=this._d.valueOf(),t+=1e3-tn(t,1e3)-1;break}this._d.setTime(t),_.updateOffset(this,!0)}return this},u.format=function(e){return e=e||(this.isUtc()?_.defaultFormatUtc:_.defaultFormat),e=re(this,e),this.localeData().postformat(e)},u.from=function(e,t){return this.isValid()&&(k(e)&&e.isValid()||R(e).isValid())?C({to:this,from:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()},u.fromNow=function(e){return this.from(R(),e)},u.to=function(e,t){return this.isValid()&&(k(e)&&e.isValid()||R(e).isValid())?C({from:this,to:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()},u.toNow=function(e){return this.to(R(),e)},u.get=function(e){return a(this[e=o(e)])?this[e]():this},u.invalidAt=function(){return p(this).overflow},u.isAfter=function(e,t){return e=k(e)?e:R(e),!(!this.isValid()||!e.isValid())&&("millisecond"===(t=o(t)||"millisecond")?this.valueOf()>e.valueOf():e.valueOf()<this.clone().startOf(t).valueOf())},u.isBefore=function(e,t){return e=k(e)?e:R(e),!(!this.isValid()||!e.isValid())&&("millisecond"===(t=o(t)||"millisecond")?this.valueOf()<e.valueOf():this.clone().endOf(t).valueOf()<e.valueOf())},u.isBetween=function(e,t,n,s){return e=k(e)?e:R(e),t=k(t)?t:R(t),!!(this.isValid()&&e.isValid()&&t.isValid())&&("("===(s=s||"()")[0]?this.isAfter(e,n):!this.isBefore(e,n))&&(")"===s[1]?this.isBefore(t,n):!this.isAfter(t,n))},u.isSame=function(e,t){var e=k(e)?e:R(e);return!(!this.isValid()||!e.isValid())&&("millisecond"===(t=o(t)||"millisecond")?this.valueOf()===e.valueOf():(e=e.valueOf(),this.clone().startOf(t).valueOf()<=e&&e<=this.clone().endOf(t).valueOf()))},u.isSameOrAfter=function(e,t){return this.isSame(e,t)||this.isAfter(e,t)},u.isSameOrBefore=function(e,t){return this.isSame(e,t)||this.isBefore(e,t)},u.isValid=function(){return A(this)},u.lang=Ke,u.locale=Xt,u.localeData=Kt,u.max=_e,u.min=me,u.parsingFlags=function(){return E({},p(this))},u.set=function(e,t){if("object"==typeof e)for(var n=function(e){var t,n=[];for(t in e)c(e,t)&&n.push({unit:t,priority:le[t]});return n.sort(function(e,t){return e.priority-t.priority}),n}(e=ue(e)),s=n.length,i=0;i<s;i++)this[n[i].unit](e[n[i].unit]);else if(a(this[e=o(e)]))return this[e](t);return this},u.startOf=function(e){var t,n;if(void 0!==(e=o(e))&&"millisecond"!==e&&this.isValid()){switch(n=this._isUTC?sn:nn,e){case"year":t=n(this.year(),0,1);break;case"quarter":t=n(this.year(),this.month()-this.month()%3,1);break;case"month":t=n(this.year(),this.month(),1);break;case"week":t=n(this.year(),this.month(),this.date()-this.weekday());break;case"isoWeek":t=n(this.year(),this.month(),this.date()-(this.isoWeekday()-1));break;case"day":case"date":t=n(this.year(),this.month(),this.date());break;case"hour":t=this._d.valueOf(),t-=tn(t+(this._isUTC?0:6e4*this.utcOffset()),36e5);break;case"minute":t=this._d.valueOf(),t-=tn(t,6e4);break;case"second":t=this._d.valueOf(),t-=tn(t,1e3);break}this._d.setTime(t),_.updateOffset(this,!0)}return this},u.subtract=Qe,u.toArray=function(){var e=this;return[e.year(),e.month(),e.date(),e.hour(),e.minute(),e.second(),e.millisecond()]},u.toObject=function(){var e=this;return{years:e.year(),months:e.month(),date:e.date(),hours:e.hours(),minutes:e.minutes(),seconds:e.seconds(),milliseconds:e.milliseconds()}},u.toDate=function(){return new Date(this.valueOf())},u.toISOString=function(e){var t;return this.isValid()?(t=(e=!0!==e)?this.clone().utc():this).year()<0||9999<t.year()?re(t,e?"YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYYYY-MM-DD[T]HH:mm:ss.SSSZ"):a(Date.prototype.toISOString)?e?this.toDate().toISOString():new Date(this.valueOf()+60*this.utcOffset()*1e3).toISOString().replace("Z",re(t,"Z")):re(t,e?"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYY-MM-DD[T]HH:mm:ss.SSSZ"):null},u.inspect=function(){var e,t,n;return this.isValid()?(t="moment",e="",this.isLocal()||(t=0===this.utcOffset()?"moment.utc":"moment.parseZone",e="Z"),t="["+t+'("]',n=0<=this.year()&&this.year()<=9999?"YYYY":"YYYYYY",this.format(t+n+"-MM-DD[T]HH:mm:ss.SSS"+(e+'[")]'))):"moment.invalid(/* "+this._i+" */)"},"undefined"!=typeof Symbol&&null!=Symbol.for&&(u[Symbol.for("nodejs.util.inspect.custom")]=function(){return"Moment<"+this.format()+">"}),u.toJSON=function(){return this.isValid()?this.toISOString():null},u.toString=function(){return this.clone().locale("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")},u.unix=function(){return Math.floor(this.valueOf()/1e3)},u.valueOf=function(){return this._d.valueOf()-6e4*(this._offset||0)},u.creationData=function(){return{input:this._i,format:this._f,locale:this._locale,isUTC:this._isUTC,strict:this._strict}},u.eraName=function(){for(var e,t=this.localeData().eras(),n=0,s=t.length;n<s;++n){if(e=this.clone().startOf("day").valueOf(),t[n].since<=e&&e<=t[n].until)return t[n].name;if(t[n].until<=e&&e<=t[n].since)return t[n].name}return""},u.eraNarrow=function(){for(var e,t=this.localeData().eras(),n=0,s=t.length;n<s;++n){if(e=this.clone().startOf("day").valueOf(),t[n].since<=e&&e<=t[n].until)return t[n].narrow;if(t[n].until<=e&&e<=t[n].since)return t[n].narrow}return""},u.eraAbbr=function(){for(var e,t=this.localeData().eras(),n=0,s=t.length;n<s;++n){if(e=this.clone().startOf("day").valueOf(),t[n].since<=e&&e<=t[n].until)return t[n].abbr;if(t[n].until<=e&&e<=t[n].since)return t[n].abbr}return""},u.eraYear=function(){for(var e,t,n=this.localeData().eras(),s=0,i=n.length;s<i;++s)if(e=n[s].since<=n[s].until?1:-1,t=this.clone().startOf("day").valueOf(),n[s].since<=t&&t<=n[s].until||n[s].until<=t&&t<=n[s].since)return(this.year()-_(n[s].since).year())*e+n[s].offset;return this.year()},u.year=Pe,u.isLeapYear=function(){return be(this.year())},u.weekYear=function(e){return un.call(this,e,this.week(),this.weekday()+this.localeData()._week.dow,this.localeData()._week.dow,this.localeData()._week.doy)},u.isoWeekYear=function(e){return un.call(this,e,this.isoWeek(),this.isoWeekday(),1,4)},u.quarter=u.quarters=function(e){return null==e?Math.ceil((this.month()+1)/3):this.month(3*(e-1)+this.month()%3)},u.month=Ie,u.daysInMonth=function(){return He(this.year(),this.month())},u.week=u.weeks=function(e){var t=this.localeData().week(this);return null==e?t:this.add(7*(e-t),"d")},u.isoWeek=u.isoWeeks=function(e){var t=Be(this,1,4).week;return null==e?t:this.add(7*(e-t),"d")},u.weeksInYear=function(){var e=this.localeData()._week;return N(this.year(),e.dow,e.doy)},u.weeksInWeekYear=function(){var e=this.localeData()._week;return N(this.weekYear(),e.dow,e.doy)},u.isoWeeksInYear=function(){return N(this.year(),1,4)},u.isoWeeksInISOWeekYear=function(){return N(this.isoWeekYear(),1,4)},u.date=ge,u.day=u.days=function(e){var t,n,s;return this.isValid()?(t=Ce(this,"Day"),null!=e?(n=e,s=this.localeData(),e="string"!=typeof n?n:isNaN(n)?"number"==typeof(n=s.weekdaysParse(n))?n:null:parseInt(n,10),this.add(e-t,"d")):t):null!=e?this:NaN},u.weekday=function(e){var t;return this.isValid()?(t=(this.day()+7-this.localeData()._week.dow)%7,null==e?t:this.add(e-t,"d")):null!=e?this:NaN},u.isoWeekday=function(e){var t,n;return this.isValid()?null!=e?(t=e,n=this.localeData(),n="string"==typeof t?n.weekdaysParse(t)%7||7:isNaN(t)?null:t,this.day(this.day()%7?n:n-7)):this.day()||7:null!=e?this:NaN},u.dayOfYear=function(e){var t=Math.round((this.clone().startOf("day")-this.clone().startOf("year"))/864e5)+1;return null==e?t:this.add(e-t,"d")},u.hour=u.hours=i,u.minute=u.minutes=ce,u.second=u.seconds=we,u.millisecond=u.milliseconds=fe,u.utcOffset=function(e,t,n){var s,i=this._offset||0;if(!this.isValid())return null!=e?this:NaN;if(null==e)return this._isUTC?i:Et(this);if("string"==typeof e){if(null===(e=Vt(ve,e)))return this}else Math.abs(e)<16&&!n&&(e*=60);return!this._isUTC&&t&&(s=Et(this)),this._offset=e,this._isUTC=!0,null!=s&&this.add(s,"m"),i!==e&&(!t||this._changeInProgress?$t(this,C(e-i,"m"),1,!1):this._changeInProgress||(this._changeInProgress=!0,_.updateOffset(this,!0),this._changeInProgress=null)),this},u.utc=function(e){return this.utcOffset(0,e)},u.local=function(e){return this._isUTC&&(this.utcOffset(0,e),this._isUTC=!1,e)&&this.subtract(Et(this),"m"),this},u.parseZone=function(){var e;return null!=this._tzm?this.utcOffset(this._tzm,!1,!0):"string"==typeof this._i&&(null!=(e=Vt(Me,this._i))?this.utcOffset(e):this.utcOffset(0,!0)),this},u.hasAlignedHourOffset=function(e){return!!this.isValid()&&(e=e?R(e).utcOffset():0,(this.utcOffset()-e)%60==0)},u.isDST=function(){return this.utcOffset()>this.clone().month(0).utcOffset()||this.utcOffset()>this.clone().month(5).utcOffset()},u.isLocal=function(){return!!this.isValid()&&!this._isUTC},u.isUtcOffset=function(){return!!this.isValid()&&this._isUTC},u.isUtc=At,u.isUTC=At,u.zoneAbbr=function(){return this._isUTC?"UTC":""},u.zoneName=function(){return this._isUTC?"Coordinated Universal Time":""},u.dates=e("dates accessor is deprecated. Use date instead.",ge),u.months=e("months accessor is deprecated. Use month instead",Ie),u.years=e("years accessor is deprecated. Use year instead",Pe),u.zone=e("moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/",function(e,t){return null!=e?(this.utcOffset(e="string"!=typeof e?-e:e,t),this):-this.utcOffset()}),u.isDSTShifted=e("isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information",function(){var e,t;return g(this._isDSTShifted)&&(q(e={},this),(e=Nt(e))._a?(t=(e._isUTC?l:R)(e._a),this._isDSTShifted=this.isValid()&&0<function(e,t,n){for(var s=Math.min(e.length,t.length),i=Math.abs(e.length-t.length),r=0,a=0;a<s;a++)(n&&e[a]!==t[a]||!n&&M(e[a])!==M(t[a]))&&r++;return r+i}(e._a,t.toArray())):this._isDSTShifted=!1),this._isDSTShifted});d=K.prototype;function cn(e,t,n,s){var i=P(),s=l().set(s,t);return i[n](s,e)}function fn(e,t,n){if(w(e)&&(t=e,e=void 0),e=e||"",null!=t)return cn(e,t,n,"month");for(var s=[],i=0;i<12;i++)s[i]=cn(e,i,n,"month");return s}function mn(e,t,n,s){t=("boolean"==typeof e?w(t)&&(n=t,t=void 0):(t=e,e=!1,w(n=t)&&(n=t,t=void 0)),t||"");var i,r=P(),a=e?r._week.dow:0,o=[];if(null!=n)return cn(t,(n+a)%7,s,"day");for(i=0;i<7;i++)o[i]=cn(t,(i+a)%7,s,"day");return o}d.calendar=function(e,t,n){return a(e=this._calendar[e]||this._calendar.sameElse)?e.call(t,n):e},d.longDateFormat=function(e){var t=this._longDateFormat[e],n=this._longDateFormat[e.toUpperCase()];return t||!n?t:(this._longDateFormat[e]=n.match(te).map(function(e){return"MMMM"===e||"MM"===e||"DD"===e||"dddd"===e?e.slice(1):e}).join(""),this._longDateFormat[e])},d.invalidDate=function(){return this._invalidDate},d.ordinal=function(e){return this._ordinal.replace("%d",e)},d.preparse=hn,d.postformat=hn,d.relativeTime=function(e,t,n,s){var i=this._relativeTime[n];return a(i)?i(e,t,n,s):i.replace(/%d/i,e)},d.pastFuture=function(e,t){return a(e=this._relativeTime[0<e?"future":"past"])?e(t):e.replace(/%s/i,t)},d.set=function(e){var t,n;for(n in e)c(e,n)&&(a(t=e[n])?this[n]=t:this["_"+n]=t);this._config=e,this._dayOfMonthOrdinalParseLenient=new RegExp((this._dayOfMonthOrdinalParse.source||this._ordinalParse.source)+"|"+/\d{1,2}/.source)},d.eras=function(e,t){for(var n,s=this._eras||P("en")._eras,i=0,r=s.length;i<r;++i){switch(typeof s[i].since){case"string":n=_(s[i].since).startOf("day"),s[i].since=n.valueOf();break}switch(typeof s[i].until){case"undefined":s[i].until=1/0;break;case"string":n=_(s[i].until).startOf("day").valueOf(),s[i].until=n.valueOf();break}}return s},d.erasParse=function(e,t,n){var s,i,r,a,o,u=this.eras();for(e=e.toUpperCase(),s=0,i=u.length;s<i;++s)if(r=u[s].name.toUpperCase(),a=u[s].abbr.toUpperCase(),o=u[s].narrow.toUpperCase(),n)switch(t){case"N":case"NN":case"NNN":if(a===e)return u[s];break;case"NNNN":if(r===e)return u[s];break;case"NNNNN":if(o===e)return u[s];break}else if(0<=[r,a,o].indexOf(e))return u[s]},d.erasConvertYear=function(e,t){var n=e.since<=e.until?1:-1;return void 0===t?_(e.since).year():_(e.since).year()+(t-e.offset)*n},d.erasAbbrRegex=function(e){return c(this,"_erasAbbrRegex")||an.call(this),e?this._erasAbbrRegex:this._erasRegex},d.erasNameRegex=function(e){return c(this,"_erasNameRegex")||an.call(this),e?this._erasNameRegex:this._erasRegex},d.erasNarrowRegex=function(e){return c(this,"_erasNarrowRegex")||an.call(this),e?this._erasNarrowRegex:this._erasRegex},d.months=function(e,t){return e?(y(this._months)?this._months:this._months[(this._months.isFormat||Ve).test(t)?"format":"standalone"])[e.month()]:y(this._months)?this._months:this._months.standalone},d.monthsShort=function(e,t){return e?(y(this._monthsShort)?this._monthsShort:this._monthsShort[Ve.test(t)?"format":"standalone"])[e.month()]:y(this._monthsShort)?this._monthsShort:this._monthsShort.standalone},d.monthsParse=function(e,t,n){var s,i;if(this._monthsParseExact)return function(e,t,n){var s,i,r,e=e.toLocaleLowerCase();if(!this._monthsParse)for(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[],s=0;s<12;++s)r=l([2e3,s]),this._shortMonthsParse[s]=this.monthsShort(r,"").toLocaleLowerCase(),this._longMonthsParse[s]=this.months(r,"").toLocaleLowerCase();return n?"MMM"===t?-1!==(i=x.call(this._shortMonthsParse,e))?i:null:-1!==(i=x.call(this._longMonthsParse,e))?i:null:"MMM"===t?-1!==(i=x.call(this._shortMonthsParse,e))||-1!==(i=x.call(this._longMonthsParse,e))?i:null:-1!==(i=x.call(this._longMonthsParse,e))||-1!==(i=x.call(this._shortMonthsParse,e))?i:null}.call(this,e,t,n);for(this._monthsParse||(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[]),s=0;s<12;s++){if(i=l([2e3,s]),n&&!this._longMonthsParse[s]&&(this._longMonthsParse[s]=new RegExp("^"+this.months(i,"").replace(".","")+"$","i"),this._shortMonthsParse[s]=new RegExp("^"+this.monthsShort(i,"").replace(".","")+"$","i")),n||this._monthsParse[s]||(i="^"+this.months(i,"")+"|^"+this.monthsShort(i,""),this._monthsParse[s]=new RegExp(i.replace(".",""),"i")),n&&"MMMM"===t&&this._longMonthsParse[s].test(e))return s;if(n&&"MMM"===t&&this._shortMonthsParse[s].test(e))return s;if(!n&&this._monthsParse[s].test(e))return s}},d.monthsRegex=function(e){return this._monthsParseExact?(c(this,"_monthsRegex")||je.call(this),e?this._monthsStrictRegex:this._monthsRegex):(c(this,"_monthsRegex")||(this._monthsRegex=Ee),this._monthsStrictRegex&&e?this._monthsStrictRegex:this._monthsRegex)},d.monthsShortRegex=function(e){return this._monthsParseExact?(c(this,"_monthsRegex")||je.call(this),e?this._monthsShortStrictRegex:this._monthsShortRegex):(c(this,"_monthsShortRegex")||(this._monthsShortRegex=Ge),this._monthsShortStrictRegex&&e?this._monthsShortStrictRegex:this._monthsShortRegex)},d.week=function(e){return Be(e,this._week.dow,this._week.doy).week},d.firstDayOfYear=function(){return this._week.doy},d.firstDayOfWeek=function(){return this._week.dow},d.weekdays=function(e,t){return t=y(this._weekdays)?this._weekdays:this._weekdays[e&&!0!==e&&this._weekdays.isFormat.test(t)?"format":"standalone"],!0===e?Je(t,this._week.dow):e?t[e.day()]:t},d.weekdaysMin=function(e){return!0===e?Je(this._weekdaysMin,this._week.dow):e?this._weekdaysMin[e.day()]:this._weekdaysMin},d.weekdaysShort=function(e){return!0===e?Je(this._weekdaysShort,this._week.dow):e?this._weekdaysShort[e.day()]:this._weekdaysShort},d.weekdaysParse=function(e,t,n){var s,i;if(this._weekdaysParseExact)return function(e,t,n){var s,i,r,e=e.toLocaleLowerCase();if(!this._weekdaysParse)for(this._weekdaysParse=[],this._shortWeekdaysParse=[],this._minWeekdaysParse=[],s=0;s<7;++s)r=l([2e3,1]).day(s),this._minWeekdaysParse[s]=this.weekdaysMin(r,"").toLocaleLowerCase(),this._shortWeekdaysParse[s]=this.weekdaysShort(r,"").toLocaleLowerCase(),this._weekdaysParse[s]=this.weekdays(r,"").toLocaleLowerCase();return n?"dddd"===t?-1!==(i=x.call(this._weekdaysParse,e))?i:null:"ddd"===t?-1!==(i=x.call(this._shortWeekdaysParse,e))?i:null:-1!==(i=x.call(this._minWeekdaysParse,e))?i:null:"dddd"===t?-1!==(i=x.call(this._weekdaysParse,e))||-1!==(i=x.call(this._shortWeekdaysParse,e))||-1!==(i=x.call(this._minWeekdaysParse,e))?i:null:"ddd"===t?-1!==(i=x.call(this._shortWeekdaysParse,e))||-1!==(i=x.call(this._weekdaysParse,e))||-1!==(i=x.call(this._minWeekdaysParse,e))?i:null:-1!==(i=x.call(this._minWeekdaysParse,e))||-1!==(i=x.call(this._weekdaysParse,e))||-1!==(i=x.call(this._shortWeekdaysParse,e))?i:null}.call(this,e,t,n);for(this._weekdaysParse||(this._weekdaysParse=[],this._minWeekdaysParse=[],this._shortWeekdaysParse=[],this._fullWeekdaysParse=[]),s=0;s<7;s++){if(i=l([2e3,1]).day(s),n&&!this._fullWeekdaysParse[s]&&(this._fullWeekdaysParse[s]=new RegExp("^"+this.weekdays(i,"").replace(".","\\.?")+"$","i"),this._shortWeekdaysParse[s]=new RegExp("^"+this.weekdaysShort(i,"").replace(".","\\.?")+"$","i"),this._minWeekdaysParse[s]=new RegExp("^"+this.weekdaysMin(i,"").replace(".","\\.?")+"$","i")),this._weekdaysParse[s]||(i="^"+this.weekdays(i,"")+"|^"+this.weekdaysShort(i,"")+"|^"+this.weekdaysMin(i,""),this._weekdaysParse[s]=new RegExp(i.replace(".",""),"i")),n&&"dddd"===t&&this._fullWeekdaysParse[s].test(e))return s;if(n&&"ddd"===t&&this._shortWeekdaysParse[s].test(e))return s;if(n&&"dd"===t&&this._minWeekdaysParse[s].test(e))return s;if(!n&&this._weekdaysParse[s].test(e))return s}},d.weekdaysRegex=function(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||st.call(this),e?this._weekdaysStrictRegex:this._weekdaysRegex):(c(this,"_weekdaysRegex")||(this._weekdaysRegex=et),this._weekdaysStrictRegex&&e?this._weekdaysStrictRegex:this._weekdaysRegex)},d.weekdaysShortRegex=function(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||st.call(this),e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex):(c(this,"_weekdaysShortRegex")||(this._weekdaysShortRegex=tt),this._weekdaysShortStrictRegex&&e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex)},d.weekdaysMinRegex=function(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||st.call(this),e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex):(c(this,"_weekdaysMinRegex")||(this._weekdaysMinRegex=nt),this._weekdaysMinStrictRegex&&e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex)},d.isPM=function(e){return"p"===(e+"").toLowerCase().charAt(0)},d.meridiem=function(e,t,n){return 11<e?n?"pm":"PM":n?"am":"AM"},ft("en",{eras:[{since:"0001-01-01",until:1/0,offset:1,name:"Anno Domini",narrow:"AD",abbr:"AD"},{since:"0000-12-31",until:-1/0,offset:1,name:"Before Christ",narrow:"BC",abbr:"BC"}],dayOfMonthOrdinalParse:/\d{1,2}(th|st|nd|rd)/,ordinal:function(e){var t=e%10;return e+(1===M(e%100/10)?"th":1==t?"st":2==t?"nd":3==t?"rd":"th")}}),_.lang=e("moment.lang is deprecated. Use moment.locale instead.",ft),_.langData=e("moment.langData is deprecated. Use moment.localeData instead.",P);var _n=Math.abs;function yn(e,t,n,s){t=C(t,n);return e._milliseconds+=s*t._milliseconds,e._days+=s*t._days,e._months+=s*t._months,e._bubble()}function gn(e){return e<0?Math.floor(e):Math.ceil(e)}function wn(e){return 4800*e/146097}function pn(e){return 146097*e/4800}function kn(e){return function(){return this.as(e)}}de=kn("ms"),t=kn("s"),ye=kn("m"),he=kn("h"),Fe=kn("d"),_e=kn("w"),me=kn("M"),Qe=kn("Q"),i=kn("y"),ce=de;function Mn(e){return function(){return this.isValid()?this._data[e]:NaN}}var we=Mn("milliseconds"),fe=Mn("seconds"),ge=Mn("minutes"),Pe=Mn("hours"),d=Mn("days"),vn=Mn("months"),Dn=Mn("years");var Yn=Math.round,Sn={ss:44,s:45,m:45,h:22,d:26,w:null,M:11};function On(e,t,n,s){var i=C(e).abs(),r=Yn(i.as("s")),a=Yn(i.as("m")),o=Yn(i.as("h")),u=Yn(i.as("d")),l=Yn(i.as("M")),d=Yn(i.as("w")),i=Yn(i.as("y")),r=(r<=n.ss?["s",r]:r<n.s&&["ss",r])||(a<=1?["m"]:a<n.m&&["mm",a])||(o<=1?["h"]:o<n.h&&["hh",o])||(u<=1?["d"]:u<n.d&&["dd",u]);return(r=(r=null!=n.w?r||(d<=1?["w"]:d<n.w&&["ww",d]):r)||(l<=1?["M"]:l<n.M&&["MM",l])||(i<=1?["y"]:["yy",i]))[2]=t,r[3]=0<+e,r[4]=s,function(e,t,n,s,i){return i.relativeTime(t||1,!!n,e,s)}.apply(null,r)}var bn=Math.abs;function Tn(e){return(0<e)-(e<0)||+e}function xn(){var e,t,n,s,i,r,a,o,u,l,d;return this.isValid()?(e=bn(this._milliseconds)/1e3,t=bn(this._days),n=bn(this._months),(o=this.asSeconds())?(s=m(e/60),i=m(s/60),e%=60,s%=60,r=m(n/12),n%=12,a=e?e.toFixed(3).replace(/\.?0+$/,""):"",u=Tn(this._months)!==Tn(o)?"-":"",l=Tn(this._days)!==Tn(o)?"-":"",d=Tn(this._milliseconds)!==Tn(o)?"-":"",(o<0?"-":"")+"P"+(r?u+r+"Y":"")+(n?u+n+"M":"")+(t?l+t+"D":"")+(i||s||e?"T":"")+(i?d+i+"H":"")+(s?d+s+"M":"")+(e?d+a+"S":"")):"P0D"):this.localeData().invalidDate()}var U=Ct.prototype;return U.isValid=function(){return this._isValid},U.abs=function(){var e=this._data;return this._milliseconds=_n(this._milliseconds),this._days=_n(this._days),this._months=_n(this._months),e.milliseconds=_n(e.milliseconds),e.seconds=_n(e.seconds),e.minutes=_n(e.minutes),e.hours=_n(e.hours),e.months=_n(e.months),e.years=_n(e.years),this},U.add=function(e,t){return yn(this,e,t,1)},U.subtract=function(e,t){return yn(this,e,t,-1)},U.as=function(e){if(!this.isValid())return NaN;var t,n,s=this._milliseconds;if("month"===(e=o(e))||"quarter"===e||"year"===e)switch(t=this._days+s/864e5,n=this._months+wn(t),e){case"month":return n;case"quarter":return n/3;case"year":return n/12}else switch(t=this._days+Math.round(pn(this._months)),e){case"week":return t/7+s/6048e5;case"day":return t+s/864e5;case"hour":return 24*t+s/36e5;case"minute":return 1440*t+s/6e4;case"second":return 86400*t+s/1e3;case"millisecond":return Math.floor(864e5*t)+s;default:throw new Error("Unknown unit "+e)}},U.asMilliseconds=de,U.asSeconds=t,U.asMinutes=ye,U.asHours=he,U.asDays=Fe,U.asWeeks=_e,U.asMonths=me,U.asQuarters=Qe,U.asYears=i,U.valueOf=ce,U._bubble=function(){var e=this._milliseconds,t=this._days,n=this._months,s=this._data;return 0<=e&&0<=t&&0<=n||e<=0&&t<=0&&n<=0||(e+=864e5*gn(pn(n)+t),n=t=0),s.milliseconds=e%1e3,e=m(e/1e3),s.seconds=e%60,e=m(e/60),s.minutes=e%60,e=m(e/60),s.hours=e%24,t+=m(e/24),n+=e=m(wn(t)),t-=gn(pn(e)),e=m(n/12),n%=12,s.days=t,s.months=n,s.years=e,this},U.clone=function(){return C(this)},U.get=function(e){return e=o(e),this.isValid()?this[e+"s"]():NaN},U.milliseconds=we,U.seconds=fe,U.minutes=ge,U.hours=Pe,U.days=d,U.weeks=function(){return m(this.days()/7)},U.months=vn,U.years=Dn,U.humanize=function(e,t){var n,s;return this.isValid()?(n=!1,s=Sn,"object"==typeof e&&(t=e,e=!1),"boolean"==typeof e&&(n=e),"object"==typeof t&&(s=Object.assign({},Sn,t),null!=t.s)&&null==t.ss&&(s.ss=t.s-1),e=this.localeData(),t=On(this,!n,s,e),n&&(t=e.pastFuture(+this,t)),e.postformat(t)):this.localeData().invalidDate()},U.toISOString=xn,U.toString=xn,U.toJSON=xn,U.locale=Xt,U.localeData=Kt,U.toIsoString=e("toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)",xn),U.lang=Ke,s("X",0,0,"unix"),s("x",0,0,"valueOf"),h("x",ke),h("X",/[+-]?\d+(\.\d{1,3})?/),v("X",function(e,t,n){n._d=new Date(1e3*parseFloat(e))}),v("x",function(e,t,n){n._d=new Date(M(e))}),_.version="2.30.1",H=R,_.fn=u,_.min=function(){return Pt("isBefore",[].slice.call(arguments,0))},_.max=function(){return Pt("isAfter",[].slice.call(arguments,0))},_.now=function(){return Date.now?Date.now():+new Date},_.utc=l,_.unix=function(e){return R(1e3*e)},_.months=function(e,t){return fn(e,t,"months")},_.isDate=V,_.locale=ft,_.invalid=I,_.duration=C,_.isMoment=k,_.weekdays=function(e,t,n){return mn(e,t,n,"weekdays")},_.parseZone=function(){return R.apply(null,arguments).parseZone()},_.localeData=P,_.isDuration=Ut,_.monthsShort=function(e,t){return fn(e,t,"monthsShort")},_.weekdaysMin=function(e,t,n){return mn(e,t,n,"weekdaysMin")},_.defineLocale=mt,_.updateLocale=function(e,t){var n,s;return null!=t?(s=ut,null!=W[e]&&null!=W[e].parentLocale?W[e].set(X(W[e]._config,t)):(t=X(s=null!=(n=ct(e))?n._config:s,t),null==n&&(t.abbr=e),(s=new K(t)).parentLocale=W[e],W[e]=s),ft(e)):null!=W[e]&&(null!=W[e].parentLocale?(W[e]=W[e].parentLocale,e===ft()&&ft(e)):null!=W[e]&&delete W[e]),W[e]},_.locales=function(){return ee(W)},_.weekdaysShort=function(e,t,n){return mn(e,t,n,"weekdaysShort")},_.normalizeUnits=o,_.relativeTimeRounding=function(e){return void 0===e?Yn:"function"==typeof e&&(Yn=e,!0)},_.relativeTimeThreshold=function(e,t){return void 0!==Sn[e]&&(void 0===t?Sn[e]:(Sn[e]=t,"s"===e&&(Sn.ss=t-1),!0))},_.calendarFormat=function(e,t){return(e=e.diff(t,"days",!0))<-6?"sameElse":e<-1?"lastWeek":e<0?"lastDay":e<1?"sameDay":e<2?"nextDay":e<7?"nextWeek":"sameElse"},_.prototype=u,_.HTML5_FMT={DATETIME_LOCAL:"YYYY-MM-DDTHH:mm",DATETIME_LOCAL_SECONDS:"YYYY-MM-DDTHH:mm:ss",DATETIME_LOCAL_MS:"YYYY-MM-DDTHH:mm:ss.SSS",DATE:"YYYY-MM-DD",TIME:"HH:mm",TIME_SECONDS:"HH:mm:ss",TIME_MS:"HH:mm:ss.SSS",WEEK:"GGGG-[W]WW",MONTH:"YYYY-MM"},_});
+//# sourceMappingURL=moment.min.js.map
\ No newline at end of file
diff --git a/public_html/raven-demo/vendor/js/quill.js b/public_html/raven-demo/vendor/js/quill.js
new file mode 100644
index 0000000..aeddaa1
--- /dev/null
+++ b/public_html/raven-demo/vendor/js/quill.js
@@ -0,0 +1,3 @@
+/*! For license information please see quill.js.LICENSE.txt */
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.Quill=e():t.Quill=e()}(self,(function(){return function(){var t={9698:function(t,e,n){"use strict";n.d(e,{Ay:function(){return c},Ji:function(){return d},mG:function(){return h},zo:function(){return u}});var r=n(6003),i=n(5232),s=n.n(i),o=n(3036),l=n(4850),a=n(5508);class c extends r.BlockBlot{cache={};delta(){return null==this.cache.delta&&(this.cache.delta=h(this)),this.cache.delta}deleteAt(t,e){super.deleteAt(t,e),this.cache={}}formatAt(t,e,n,i){e<=0||(this.scroll.query(n,r.Scope.BLOCK)?t+e===this.length()&&this.format(n,i):super.formatAt(t,Math.min(e,this.length()-t-1),n,i),this.cache={})}insertAt(t,e,n){if(null!=n)return super.insertAt(t,e,n),void(this.cache={});if(0===e.length)return;const r=e.split("\n"),i=r.shift();i.length>0&&(t<this.length()-1||null==this.children.tail?super.insertAt(Math.min(t,this.length()-1),i):this.children.tail.insertAt(this.children.tail.length(),i),this.cache={});let s=this;r.reduce(((t,e)=>(s=s.split(t,!0),s.insertAt(0,e),e.length)),t+i.length)}insertBefore(t,e){const{head:n}=this.children;super.insertBefore(t,e),n instanceof o.A&&n.remove(),this.cache={}}length(){return null==this.cache.length&&(this.cache.length=super.length()+1),this.cache.length}moveChildren(t,e){super.moveChildren(t,e),this.cache={}}optimize(t){super.optimize(t),this.cache={}}path(t){return super.path(t,!0)}removeChild(t){super.removeChild(t),this.cache={}}split(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(e&&(0===t||t>=this.length()-1)){const e=this.clone();return 0===t?(this.parent.insertBefore(e,this),this):(this.parent.insertBefore(e,this.next),e)}const n=super.split(t,e);return this.cache={},n}}c.blotName="block",c.tagName="P",c.defaultChild=o.A,c.allowedChildren=[o.A,l.A,r.EmbedBlot,a.A];class u extends r.EmbedBlot{attach(){super.attach(),this.attributes=new r.AttributorStore(this.domNode)}delta(){return(new(s())).insert(this.value(),{...this.formats(),...this.attributes.values()})}format(t,e){const n=this.scroll.query(t,r.Scope.BLOCK_ATTRIBUTE);null!=n&&this.attributes.attribute(n,e)}formatAt(t,e,n,r){this.format(n,r)}insertAt(t,e,n){if(null!=n)return void super.insertAt(t,e,n);const r=e.split("\n"),i=r.pop(),s=r.map((t=>{const e=this.scroll.create(c.blotName);return e.insertAt(0,t),e})),o=this.split(t);s.forEach((t=>{this.parent.insertBefore(t,o)})),i&&this.parent.insertBefore(this.scroll.create("text",i),o)}}function h(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return t.descendants(r.LeafBlot).reduce(((t,n)=>0===n.length()?t:t.insert(n.value(),d(n,{},e))),new(s())).insert("\n",d(t))}function d(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return null==t?e:("formats"in t&&"function"==typeof t.formats&&(e={...e,...t.formats()},n&&delete e["code-token"]),null==t.parent||"scroll"===t.parent.statics.blotName||t.parent.statics.scope!==t.statics.scope?e:d(t.parent,e,n))}u.scope=r.Scope.BLOCK_BLOT},3036:function(t,e,n){"use strict";var r=n(6003);class i extends r.EmbedBlot{static value(){}optimize(){(this.prev||this.next)&&this.remove()}length(){return 0}value(){return""}}i.blotName="break",i.tagName="BR",e.A=i},580:function(t,e,n){"use strict";var r=n(6003);class i extends r.ContainerBlot{}e.A=i},4541:function(t,e,n){"use strict";var r=n(6003),i=n(5508);class s extends r.EmbedBlot{static blotName="cursor";static className="ql-cursor";static tagName="span";static CONTENTS="\ufeff";static value(){}constructor(t,e,n){super(t,e),this.selection=n,this.textNode=document.createTextNode(s.CONTENTS),this.domNode.appendChild(this.textNode),this.savedLength=0}detach(){null!=this.parent&&this.parent.removeChild(this)}format(t,e){if(0!==this.savedLength)return void super.format(t,e);let n=this,i=0;for(;null!=n&&n.statics.scope!==r.Scope.BLOCK_BLOT;)i+=n.offset(n.parent),n=n.parent;null!=n&&(this.savedLength=s.CONTENTS.length,n.optimize(),n.formatAt(i,s.CONTENTS.length,t,e),this.savedLength=0)}index(t,e){return t===this.textNode?0:super.index(t,e)}length(){return this.savedLength}position(){return[this.textNode,this.textNode.data.length]}remove(){super.remove(),this.parent=null}restore(){if(this.selection.composing||null==this.parent)return null;const t=this.selection.getNativeRange();for(;null!=this.domNode.lastChild&&this.domNode.lastChild!==this.textNode;)this.domNode.parentNode.insertBefore(this.domNode.lastChild,this.domNode);const e=this.prev instanceof i.A?this.prev:null,n=e?e.length():0,r=this.next instanceof i.A?this.next:null,o=r?r.text:"",{textNode:l}=this,a=l.data.split(s.CONTENTS).join("");let c;if(l.data=s.CONTENTS,e)c=e,(a||r)&&(e.insertAt(e.length(),a+o),r&&r.remove());else if(r)c=r,r.insertAt(0,a);else{const t=document.createTextNode(a);c=this.scroll.create(t),this.parent.insertBefore(c,this)}if(this.remove(),t){const i=(t,i)=>e&&t===e.domNode?i:t===l?n+i-1:r&&t===r.domNode?n+a.length+i:null,s=i(t.start.node,t.start.offset),o=i(t.end.node,t.end.offset);if(null!==s&&null!==o)return{startNode:c.domNode,startOffset:s,endNode:c.domNode,endOffset:o}}return null}update(t,e){if(t.some((t=>"characterData"===t.type&&t.target===this.textNode))){const t=this.restore();t&&(e.range=t)}}optimize(t){super.optimize(t);let{parent:e}=this;for(;e;){if("A"===e.domNode.tagName){this.savedLength=s.CONTENTS.length,e.isolate(this.offset(e),this.length()).unwrap(),this.savedLength=0;break}e=e.parent}}value(){return""}}e.A=s},746:function(t,e,n){"use strict";var r=n(6003),i=n(5508);const s="\ufeff";class o extends r.EmbedBlot{constructor(t,e){super(t,e),this.contentNode=document.createElement("span"),this.contentNode.setAttribute("contenteditable","false"),Array.from(this.domNode.childNodes).forEach((t=>{this.contentNode.appendChild(t)})),this.leftGuard=document.createTextNode(s),this.rightGuard=document.createTextNode(s),this.domNode.appendChild(this.leftGuard),this.domNode.appendChild(this.contentNode),this.domNode.appendChild(this.rightGuard)}index(t,e){return t===this.leftGuard?0:t===this.rightGuard?1:super.index(t,e)}restore(t){let e,n=null;const r=t.data.split(s).join("");if(t===this.leftGuard)if(this.prev instanceof i.A){const t=this.prev.length();this.prev.insertAt(t,r),n={startNode:this.prev.domNode,startOffset:t+r.length}}else e=document.createTextNode(r),this.parent.insertBefore(this.scroll.create(e),this),n={startNode:e,startOffset:r.length};else t===this.rightGuard&&(this.next instanceof i.A?(this.next.insertAt(0,r),n={startNode:this.next.domNode,startOffset:r.length}):(e=document.createTextNode(r),this.parent.insertBefore(this.scroll.create(e),this.next),n={startNode:e,startOffset:r.length}));return t.data=s,n}update(t,e){t.forEach((t=>{if("characterData"===t.type&&(t.target===this.leftGuard||t.target===this.rightGuard)){const n=this.restore(t.target);n&&(e.range=n)}}))}}e.A=o},4850:function(t,e,n){"use strict";var r=n(6003),i=n(3036),s=n(5508);class o extends r.InlineBlot{static allowedChildren=[o,i.A,r.EmbedBlot,s.A];static order=["cursor","inline","link","underline","strike","italic","bold","script","code"];static compare(t,e){const n=o.order.indexOf(t),r=o.order.indexOf(e);return n>=0||r>=0?n-r:t===e?0:t<e?-1:1}formatAt(t,e,n,i){if(o.compare(this.statics.blotName,n)<0&&this.scroll.query(n,r.Scope.BLOT)){const r=this.isolate(t,e);i&&r.wrap(n,i)}else super.formatAt(t,e,n,i)}optimize(t){if(super.optimize(t),this.parent instanceof o&&o.compare(this.statics.blotName,this.parent.statics.blotName)>0){const t=this.parent.isolate(this.offset(),this.length());this.moveChildren(t),t.wrap(this)}}}e.A=o},5508:function(t,e,n){"use strict";n.d(e,{A:function(){return i},X:function(){return o}});var r=n(6003);class i extends r.TextBlot{}const s={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function o(t){return t.replace(/[&<>"']/g,(t=>s[t]))}},3729:function(t,e,n){"use strict";n.d(e,{default:function(){return R}});var r=n(6142),i=n(9698),s=n(3036),o=n(580),l=n(4541),a=n(746),c=n(4850),u=n(6003),h=n(5232),d=n.n(h),f=n(5374);function p(t){return t instanceof i.Ay||t instanceof i.zo}function g(t){return"function"==typeof t.updateContent}class m extends u.ScrollBlot{static blotName="scroll";static className="ql-editor";static tagName="DIV";static defaultChild=i.Ay;static allowedChildren=[i.Ay,i.zo,o.A];constructor(t,e,n){let{emitter:r}=n;super(t,e),this.emitter=r,this.batch=!1,this.optimize(),this.enable(),this.domNode.addEventListener("dragstart",(t=>this.handleDragStart(t)))}batchStart(){Array.isArray(this.batch)||(this.batch=[])}batchEnd(){if(!this.batch)return;const t=this.batch;this.batch=!1,this.update(t)}emitMount(t){this.emitter.emit(f.A.events.SCROLL_BLOT_MOUNT,t)}emitUnmount(t){this.emitter.emit(f.A.events.SCROLL_BLOT_UNMOUNT,t)}emitEmbedUpdate(t,e){this.emitter.emit(f.A.events.SCROLL_EMBED_UPDATE,t,e)}deleteAt(t,e){const[n,r]=this.line(t),[o]=this.line(t+e);if(super.deleteAt(t,e),null!=o&&n!==o&&r>0){if(n instanceof i.zo||o instanceof i.zo)return void this.optimize();const t=o.children.head instanceof s.A?null:o.children.head;n.moveChildren(o,t),n.remove()}this.optimize()}enable(){let t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.domNode.setAttribute("contenteditable",t?"true":"false")}formatAt(t,e,n,r){super.formatAt(t,e,n,r),this.optimize()}insertAt(t,e,n){if(t>=this.length())if(null==n||null==this.scroll.query(e,u.Scope.BLOCK)){const t=this.scroll.create(this.statics.defaultChild.blotName);this.appendChild(t),null==n&&e.endsWith("\n")?t.insertAt(0,e.slice(0,-1),n):t.insertAt(0,e,n)}else{const t=this.scroll.create(e,n);this.appendChild(t)}else super.insertAt(t,e,n);this.optimize()}insertBefore(t,e){if(t.statics.scope===u.Scope.INLINE_BLOT){const n=this.scroll.create(this.statics.defaultChild.blotName);n.appendChild(t),super.insertBefore(n,e)}else super.insertBefore(t,e)}insertContents(t,e){const n=this.deltaToRenderBlocks(e.concat((new(d())).insert("\n"))),r=n.pop();if(null==r)return;this.batchStart();const s=n.shift();if(s){const e="block"===s.type&&(0===s.delta.length()||!this.descendant(i.zo,t)[0]&&t<this.length()),n="block"===s.type?s.delta:(new(d())).insert({[s.key]:s.value});b(this,t,n);const r="block"===s.type?1:0,o=t+n.length()+r;e&&this.insertAt(o-1,"\n");const l=(0,i.Ji)(this.line(t)[0]),a=h.AttributeMap.diff(l,s.attributes)||{};Object.keys(a).forEach((t=>{this.formatAt(o-1,1,t,a[t])})),t=o}let[o,l]=this.children.find(t);n.length&&(o&&(o=o.split(l),l=0),n.forEach((t=>{if("block"===t.type)b(this.createBlock(t.attributes,o||void 0),0,t.delta);else{const e=this.create(t.key,t.value);this.insertBefore(e,o||void 0),Object.keys(t.attributes).forEach((n=>{e.format(n,t.attributes[n])}))}}))),"block"===r.type&&r.delta.length()&&b(this,o?o.offset(o.scroll)+l:this.length(),r.delta),this.batchEnd(),this.optimize()}isEnabled(){return"true"===this.domNode.getAttribute("contenteditable")}leaf(t){const e=this.path(t).pop();if(!e)return[null,-1];const[n,r]=e;return n instanceof u.LeafBlot?[n,r]:[null,-1]}line(t){return t===this.length()?this.line(t-1):this.descendant(p,t)}lines(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Number.MAX_VALUE;const n=(t,e,r)=>{let i=[],s=r;return t.children.forEachAt(e,r,((t,e,r)=>{p(t)?i.push(t):t instanceof u.ContainerBlot&&(i=i.concat(n(t,e,s))),s-=r})),i};return n(this,t,e)}optimize(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.batch||(super.optimize(t,e),t.length>0&&this.emitter.emit(f.A.events.SCROLL_OPTIMIZE,t,e))}path(t){return super.path(t).slice(1)}remove(){}update(t){if(this.batch)return void(Array.isArray(t)&&(this.batch=this.batch.concat(t)));let e=f.A.sources.USER;"string"==typeof t&&(e=t),Array.isArray(t)||(t=this.observer.takeRecords()),(t=t.filter((t=>{let{target:e}=t;const n=this.find(e,!0);return n&&!g(n)}))).length>0&&this.emitter.emit(f.A.events.SCROLL_BEFORE_UPDATE,e,t),super.update(t.concat([])),t.length>0&&this.emitter.emit(f.A.events.SCROLL_UPDATE,e,t)}updateEmbedAt(t,e,n){const[r]=this.descendant((t=>t instanceof i.zo),t);r&&r.statics.blotName===e&&g(r)&&r.updateContent(n)}handleDragStart(t){t.preventDefault()}deltaToRenderBlocks(t){const e=[];let n=new(d());return t.forEach((t=>{const r=t?.insert;if(r)if("string"==typeof r){const i=r.split("\n");i.slice(0,-1).forEach((r=>{n.insert(r,t.attributes),e.push({type:"block",delta:n,attributes:t.attributes??{}}),n=new(d())}));const s=i[i.length-1];s&&n.insert(s,t.attributes)}else{const i=Object.keys(r)[0];if(!i)return;this.query(i,u.Scope.INLINE)?n.push(t):(n.length()&&e.push({type:"block",delta:n,attributes:{}}),n=new(d()),e.push({type:"blockEmbed",key:i,value:r[i],attributes:t.attributes??{}}))}})),n.length()&&e.push({type:"block",delta:n,attributes:{}}),e}createBlock(t,e){let n;const r={};Object.entries(t).forEach((t=>{let[e,i]=t;null!=this.query(e,u.Scope.BLOCK&u.Scope.BLOT)?n=e:r[e]=i}));const i=this.create(n||this.statics.defaultChild.blotName,n?t[n]:void 0);this.insertBefore(i,e||void 0);const s=i.length();return Object.entries(r).forEach((t=>{let[e,n]=t;i.formatAt(0,s,e,n)})),i}}function b(t,e,n){n.reduce(((e,n)=>{const r=h.Op.length(n);let s=n.attributes||{};if(null!=n.insert)if("string"==typeof n.insert){const r=n.insert;t.insertAt(e,r);const[o]=t.descendant(u.LeafBlot,e),l=(0,i.Ji)(o);s=h.AttributeMap.diff(l,s)||{}}else if("object"==typeof n.insert){const r=Object.keys(n.insert)[0];if(null==r)return e;if(t.insertAt(e,r,n.insert[r]),null!=t.scroll.query(r,u.Scope.INLINE)){const[n]=t.descendant(u.LeafBlot,e),r=(0,i.Ji)(n);s=h.AttributeMap.diff(r,s)||{}}}return Object.keys(s).forEach((n=>{t.formatAt(e,r,n,s[n])})),e+r}),e)}var y=m,v=n(5508),A=n(584),x=n(4266);class N extends x.A{static DEFAULTS={delay:1e3,maxStack:100,userOnly:!1};lastRecorded=0;ignoreChange=!1;stack={undo:[],redo:[]};currentRange=null;constructor(t,e){super(t,e),this.quill.on(r.Ay.events.EDITOR_CHANGE,((t,e,n,i)=>{t===r.Ay.events.SELECTION_CHANGE?e&&i!==r.Ay.sources.SILENT&&(this.currentRange=e):t===r.Ay.events.TEXT_CHANGE&&(this.ignoreChange||(this.options.userOnly&&i!==r.Ay.sources.USER?this.transform(e):this.record(e,n)),this.currentRange=w(this.currentRange,e))})),this.quill.keyboard.addBinding({key:"z",shortKey:!0},this.undo.bind(this)),this.quill.keyboard.addBinding({key:["z","Z"],shortKey:!0,shiftKey:!0},this.redo.bind(this)),/Win/i.test(navigator.platform)&&this.quill.keyboard.addBinding({key:"y",shortKey:!0},this.redo.bind(this)),this.quill.root.addEventListener("beforeinput",(t=>{"historyUndo"===t.inputType?(this.undo(),t.preventDefault()):"historyRedo"===t.inputType&&(this.redo(),t.preventDefault())}))}change(t,e){if(0===this.stack[t].length)return;const n=this.stack[t].pop();if(!n)return;const i=this.quill.getContents(),s=n.delta.invert(i);this.stack[e].push({delta:s,range:w(n.range,s)}),this.lastRecorded=0,this.ignoreChange=!0,this.quill.updateContents(n.delta,r.Ay.sources.USER),this.ignoreChange=!1,this.restoreSelection(n)}clear(){this.stack={undo:[],redo:[]}}cutoff(){this.lastRecorded=0}record(t,e){if(0===t.ops.length)return;this.stack.redo=[];let n=t.invert(e),r=this.currentRange;const i=Date.now();if(this.lastRecorded+this.options.delay>i&&this.stack.undo.length>0){const t=this.stack.undo.pop();t&&(n=n.compose(t.delta),r=t.range)}else this.lastRecorded=i;0!==n.length()&&(this.stack.undo.push({delta:n,range:r}),this.stack.undo.length>this.options.maxStack&&this.stack.undo.shift())}redo(){this.change("redo","undo")}transform(t){E(this.stack.undo,t),E(this.stack.redo,t)}undo(){this.change("undo","redo")}restoreSelection(t){if(t.range)this.quill.setSelection(t.range,r.Ay.sources.USER);else{const e=function(t,e){const n=e.reduce(((t,e)=>t+(e.delete||0)),0);let r=e.length()-n;return function(t,e){const n=e.ops[e.ops.length-1];return null!=n&&(null!=n.insert?"string"==typeof n.insert&&n.insert.endsWith("\n"):null!=n.attributes&&Object.keys(n.attributes).some((e=>null!=t.query(e,u.Scope.BLOCK))))}(t,e)&&(r-=1),r}(this.quill.scroll,t.delta);this.quill.setSelection(e,r.Ay.sources.USER)}}}function E(t,e){let n=e;for(let e=t.length-1;e>=0;e-=1){const r=t[e];t[e]={delta:n.transform(r.delta,!0),range:r.range&&w(r.range,n)},n=r.delta.transform(n),0===t[e].delta.length()&&t.splice(e,1)}}function w(t,e){if(!t)return t;const n=e.transformPosition(t.index);return{index:n,length:e.transformPosition(t.index+t.length)-n}}var q=n(8123);class k extends x.A{constructor(t,e){super(t,e),t.root.addEventListener("drop",(e=>{e.preventDefault();let n=null;if(document.caretRangeFromPoint)n=document.caretRangeFromPoint(e.clientX,e.clientY);else if(document.caretPositionFromPoint){const t=document.caretPositionFromPoint(e.clientX,e.clientY);n=document.createRange(),n.setStart(t.offsetNode,t.offset),n.setEnd(t.offsetNode,t.offset)}const r=n&&t.selection.normalizeNative(n);if(r){const n=t.selection.normalizedToRange(r);e.dataTransfer?.files&&this.upload(n,e.dataTransfer.files)}}))}upload(t,e){const n=[];Array.from(e).forEach((t=>{t&&this.options.mimetypes?.includes(t.type)&&n.push(t)})),n.length>0&&this.options.handler.call(this,t,n)}}k.DEFAULTS={mimetypes:["image/png","image/jpeg"],handler(t,e){if(!this.quill.scroll.query("image"))return;const n=e.map((t=>new Promise((e=>{const n=new FileReader;n.onload=()=>{e(n.result)},n.readAsDataURL(t)}))));Promise.all(n).then((e=>{const n=e.reduce(((t,e)=>t.insert({image:e})),(new(d())).retain(t.index).delete(t.length));this.quill.updateContents(n,f.A.sources.USER),this.quill.setSelection(t.index+e.length,f.A.sources.SILENT)}))}};var _=k;const L=["insertText","insertReplacementText"];class S extends x.A{constructor(t,e){super(t,e),t.root.addEventListener("beforeinput",(t=>{this.handleBeforeInput(t)})),/Android/i.test(navigator.userAgent)||t.on(r.Ay.events.COMPOSITION_BEFORE_START,(()=>{this.handleCompositionStart()}))}deleteRange(t){(0,q.Xo)({range:t,quill:this.quill})}replaceText(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(0===t.length)return!1;if(e){const n=this.quill.getFormat(t.index,1);this.deleteRange(t),this.quill.updateContents((new(d())).retain(t.index).insert(e,n),r.Ay.sources.USER)}else this.deleteRange(t);return this.quill.setSelection(t.index+e.length,0,r.Ay.sources.SILENT),!0}handleBeforeInput(t){if(this.quill.composition.isComposing||t.defaultPrevented||!L.includes(t.inputType))return;const e=t.getTargetRanges?t.getTargetRanges()[0]:null;if(!e||!0===e.collapsed)return;const n=function(t){return"string"==typeof t.data?t.data:t.dataTransfer?.types.includes("text/plain")?t.dataTransfer.getData("text/plain"):null}(t);if(null==n)return;const r=this.quill.selection.normalizeNative(e),i=r?this.quill.selection.normalizedToRange(r):null;i&&this.replaceText(i,n)&&t.preventDefault()}handleCompositionStart(){const t=this.quill.getSelection();t&&this.replaceText(t)}}var O=S;const T=/Mac/i.test(navigator.platform);class j extends x.A{isListening=!1;selectionChangeDeadline=0;constructor(t,e){super(t,e),this.handleArrowKeys(),this.handleNavigationShortcuts()}handleArrowKeys(){this.quill.keyboard.addBinding({key:["ArrowLeft","ArrowRight"],offset:0,shiftKey:null,handler(t,e){let{line:n,event:i}=e;if(!(n instanceof u.ParentBlot&&n.uiNode))return!0;const s="rtl"===getComputedStyle(n.domNode).direction;return!!(s&&"ArrowRight"!==i.key||!s&&"ArrowLeft"!==i.key)||(this.quill.setSelection(t.index-1,t.length+(i.shiftKey?1:0),r.Ay.sources.USER),!1)}})}handleNavigationShortcuts(){this.quill.root.addEventListener("keydown",(t=>{!t.defaultPrevented&&(t=>"ArrowLeft"===t.key||"ArrowRight"===t.key||"ArrowUp"===t.key||"ArrowDown"===t.key||"Home"===t.key||!(!T||"a"!==t.key||!0!==t.ctrlKey))(t)&&this.ensureListeningToSelectionChange()}))}ensureListeningToSelectionChange(){this.selectionChangeDeadline=Date.now()+100,this.isListening||(this.isListening=!0,document.addEventListener("selectionchange",(()=>{this.isListening=!1,Date.now()<=this.selectionChangeDeadline&&this.handleSelectionChange()}),{once:!0}))}handleSelectionChange(){const t=document.getSelection();if(!t)return;const e=t.getRangeAt(0);if(!0!==e.collapsed||0!==e.startOffset)return;const n=this.quill.scroll.find(e.startContainer);if(!(n instanceof u.ParentBlot&&n.uiNode))return;const r=document.createRange();r.setStartAfter(n.uiNode),r.setEndAfter(n.uiNode),t.removeAllRanges(),t.addRange(r)}}var C=j;r.Ay.register({"blots/block":i.Ay,"blots/block/embed":i.zo,"blots/break":s.A,"blots/container":o.A,"blots/cursor":l.A,"blots/embed":a.A,"blots/inline":c.A,"blots/scroll":y,"blots/text":v.A,"modules/clipboard":A.Ay,"modules/history":N,"modules/keyboard":q.Ay,"modules/uploader":_,"modules/input":O,"modules/uiNode":C});var R=r.Ay},5374:function(t,e,n){"use strict";n.d(e,{A:function(){return o}});var r=n(8920),i=n(7356);const s=(0,n(6078).A)("quill:events");["selectionchange","mousedown","mouseup","click"].forEach((t=>{document.addEventListener(t,(function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];Array.from(document.querySelectorAll(".ql-container")).forEach((t=>{const n=i.A.get(t);n&&n.emitter&&n.emitter.handleDOM(...e)}))}))}));var o=class extends r{static events={EDITOR_CHANGE:"editor-change",SCROLL_BEFORE_UPDATE:"scroll-before-update",SCROLL_BLOT_MOUNT:"scroll-blot-mount",SCROLL_BLOT_UNMOUNT:"scroll-blot-unmount",SCROLL_OPTIMIZE:"scroll-optimize",SCROLL_UPDATE:"scroll-update",SCROLL_EMBED_UPDATE:"scroll-embed-update",SELECTION_CHANGE:"selection-change",TEXT_CHANGE:"text-change",COMPOSITION_BEFORE_START:"composition-before-start",COMPOSITION_START:"composition-start",COMPOSITION_BEFORE_END:"composition-before-end",COMPOSITION_END:"composition-end"};static sources={API:"api",SILENT:"silent",USER:"user"};constructor(){super(),this.domListeners={},this.on("error",s.error)}emit(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return s.log.call(s,...e),super.emit(...e)}handleDOM(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];(this.domListeners[t.type]||[]).forEach((e=>{let{node:r,handler:i}=e;(t.target===r||r.contains(t.target))&&i(t,...n)}))}listenDOM(t,e,n){this.domListeners[t]||(this.domListeners[t]=[]),this.domListeners[t].push({node:e,handler:n})}}},7356:function(t,e){"use strict";e.A=new WeakMap},6078:function(t,e){"use strict";const n=["error","warn","log","info"];let r="warn";function i(t){if(r&&n.indexOf(t)<=n.indexOf(r)){for(var e=arguments.length,i=new Array(e>1?e-1:0),s=1;s<e;s++)i[s-1]=arguments[s];console[t](...i)}}function s(t){return n.reduce(((e,n)=>(e[n]=i.bind(console,n,t),e)),{})}s.level=t=>{r=t},i.level=s.level,e.A=s},4266:function(t,e){"use strict";e.A=class{static DEFAULTS={};constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.quill=t,this.options=e}}},6142:function(t,e,n){"use strict";n.d(e,{Ay:function(){return I}});var r=n(8347),i=n(6003),s=n(5232),o=n.n(s),l=n(3707),a=n(5123),c=n(9698),u=n(3036),h=n(4541),d=n(5508),f=n(8298);const p=/^[ -~]*$/;function g(t,e,n){if(0===t.length){const[t]=y(n.pop());return e<=0?`</li></${t}>`:`</li></${t}>${g([],e-1,n)}`}const[{child:r,offset:i,length:s,indent:o,type:l},...a]=t,[c,u]=y(l);if(o>e)return n.push(l),o===e+1?`<${c}><li${u}>${m(r,i,s)}${g(a,o,n)}`:`<${c}><li>${g(t,e+1,n)}`;const h=n[n.length-1];if(o===e&&l===h)return`</li><li${u}>${m(r,i,s)}${g(a,o,n)}`;const[d]=y(n.pop());return`</li></${d}>${g(t,e-1,n)}`}function m(t,e,n){let r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if("html"in t&&"function"==typeof t.html)return t.html(e,n);if(t instanceof d.A)return(0,d.X)(t.value().slice(e,e+n)).replaceAll(" ","&nbsp;");if(t instanceof i.ParentBlot){if("list-container"===t.statics.blotName){const r=[];return t.children.forEachAt(e,n,((t,e,n)=>{const i="formats"in t&&"function"==typeof t.formats?t.formats():{};r.push({child:t,offset:e,length:n,indent:i.indent||0,type:i.list})})),g(r,-1,[])}const i=[];if(t.children.forEachAt(e,n,((t,e,n)=>{i.push(m(t,e,n))})),r||"list"===t.statics.blotName)return i.join("");const{outerHTML:s,innerHTML:o}=t.domNode,[l,a]=s.split(`>${o}<`);return"<table"===l?`<table style="border: 1px solid #000;">${i.join("")}<${a}`:`${l}>${i.join("")}<${a}`}return t.domNode instanceof Element?t.domNode.outerHTML:""}function b(t,e){return Object.keys(e).reduce(((n,r)=>{if(null==t[r])return n;const i=e[r];return i===t[r]?n[r]=i:Array.isArray(i)?i.indexOf(t[r])<0?n[r]=i.concat([t[r]]):n[r]=i:n[r]=[i,t[r]],n}),{})}function y(t){const e="ordered"===t?"ol":"ul";switch(t){case"checked":return[e,' data-list="checked"'];case"unchecked":return[e,' data-list="unchecked"'];default:return[e,""]}}function v(t){return t.reduce(((t,e)=>{if("string"==typeof e.insert){const n=e.insert.replace(/\r\n/g,"\n").replace(/\r/g,"\n");return t.insert(n,e.attributes)}return t.push(e)}),new(o()))}function A(t,e){let{index:n,length:r}=t;return new f.Q(n+e,r)}var x=class{constructor(t){this.scroll=t,this.delta=this.getDelta()}applyDelta(t){this.scroll.update();let e=this.scroll.length();this.scroll.batchStart();const n=v(t),l=new(o());return function(t){const e=[];return t.forEach((t=>{"string"==typeof t.insert?t.insert.split("\n").forEach(((n,r)=>{r&&e.push({insert:"\n",attributes:t.attributes}),n&&e.push({insert:n,attributes:t.attributes})})):e.push(t)})),e}(n.ops.slice()).reduce(((t,n)=>{const o=s.Op.length(n);let a=n.attributes||{},u=!1,h=!1;if(null!=n.insert){if(l.retain(o),"string"==typeof n.insert){const o=n.insert;h=!o.endsWith("\n")&&(e<=t||!!this.scroll.descendant(c.zo,t)[0]),this.scroll.insertAt(t,o);const[l,u]=this.scroll.line(t);let d=(0,r.A)({},(0,c.Ji)(l));if(l instanceof c.Ay){const[t]=l.descendant(i.LeafBlot,u);t&&(d=(0,r.A)(d,(0,c.Ji)(t)))}a=s.AttributeMap.diff(d,a)||{}}else if("object"==typeof n.insert){const o=Object.keys(n.insert)[0];if(null==o)return t;const l=null!=this.scroll.query(o,i.Scope.INLINE);if(l)(e<=t||this.scroll.descendant(c.zo,t)[0])&&(h=!0);else if(t>0){const[e,n]=this.scroll.descendant(i.LeafBlot,t-1);e instanceof d.A?"\n"!==e.value()[n]&&(u=!0):e instanceof i.EmbedBlot&&e.statics.scope===i.Scope.INLINE_BLOT&&(u=!0)}if(this.scroll.insertAt(t,o,n.insert[o]),l){const[e]=this.scroll.descendant(i.LeafBlot,t);if(e){const t=(0,r.A)({},(0,c.Ji)(e));a=s.AttributeMap.diff(t,a)||{}}}}e+=o}else if(l.push(n),null!==n.retain&&"object"==typeof n.retain){const e=Object.keys(n.retain)[0];if(null==e)return t;this.scroll.updateEmbedAt(t,e,n.retain[e])}Object.keys(a).forEach((e=>{this.scroll.formatAt(t,o,e,a[e])}));const f=u?1:0,p=h?1:0;return e+=f+p,l.retain(f),l.delete(p),t+o+f+p}),0),l.reduce(((t,e)=>"number"==typeof e.delete?(this.scroll.deleteAt(t,e.delete),t):t+s.Op.length(e)),0),this.scroll.batchEnd(),this.scroll.optimize(),this.update(n)}deleteText(t,e){return this.scroll.deleteAt(t,e),this.update((new(o())).retain(t).delete(e))}formatLine(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};this.scroll.update(),Object.keys(n).forEach((r=>{this.scroll.lines(t,Math.max(e,1)).forEach((t=>{t.format(r,n[r])}))})),this.scroll.optimize();const r=(new(o())).retain(t).retain(e,(0,l.A)(n));return this.update(r)}formatText(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};Object.keys(n).forEach((r=>{this.scroll.formatAt(t,e,r,n[r])}));const r=(new(o())).retain(t).retain(e,(0,l.A)(n));return this.update(r)}getContents(t,e){return this.delta.slice(t,t+e)}getDelta(){return this.scroll.lines().reduce(((t,e)=>t.concat(e.delta())),new(o()))}getFormat(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=[],r=[];0===e?this.scroll.path(t).forEach((t=>{const[e]=t;e instanceof c.Ay?n.push(e):e instanceof i.LeafBlot&&r.push(e)})):(n=this.scroll.lines(t,e),r=this.scroll.descendants(i.LeafBlot,t,e));const[s,o]=[n,r].map((t=>{const e=t.shift();if(null==e)return{};let n=(0,c.Ji)(e);for(;Object.keys(n).length>0;){const e=t.shift();if(null==e)return n;n=b((0,c.Ji)(e),n)}return n}));return{...s,...o}}getHTML(t,e){const[n,r]=this.scroll.line(t);if(n){const i=n.length();return n.length()>=r+e&&(0!==r||e!==i)?m(n,r,e,!0):m(this.scroll,t,e,!0)}return""}getText(t,e){return this.getContents(t,e).filter((t=>"string"==typeof t.insert)).map((t=>t.insert)).join("")}insertContents(t,e){const n=v(e),r=(new(o())).retain(t).concat(n);return this.scroll.insertContents(t,n),this.update(r)}insertEmbed(t,e,n){return this.scroll.insertAt(t,e,n),this.update((new(o())).retain(t).insert({[e]:n}))}insertText(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return e=e.replace(/\r\n/g,"\n").replace(/\r/g,"\n"),this.scroll.insertAt(t,e),Object.keys(n).forEach((r=>{this.scroll.formatAt(t,e.length,r,n[r])})),this.update((new(o())).retain(t).insert(e,(0,l.A)(n)))}isBlank(){if(0===this.scroll.children.length)return!0;if(this.scroll.children.length>1)return!1;const t=this.scroll.children.head;if(t?.statics.blotName!==c.Ay.blotName)return!1;const e=t;return!(e.children.length>1)&&e.children.head instanceof u.A}removeFormat(t,e){const n=this.getText(t,e),[r,i]=this.scroll.line(t+e);let s=0,l=new(o());null!=r&&(s=r.length()-i,l=r.delta().slice(i,i+s-1).insert("\n"));const a=this.getContents(t,e+s).diff((new(o())).insert(n).concat(l)),c=(new(o())).retain(t).concat(a);return this.applyDelta(c)}update(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;const r=this.delta;if(1===e.length&&"characterData"===e[0].type&&e[0].target.data.match(p)&&this.scroll.find(e[0].target)){const i=this.scroll.find(e[0].target),s=(0,c.Ji)(i),l=i.offset(this.scroll),a=e[0].oldValue.replace(h.A.CONTENTS,""),u=(new(o())).insert(a),d=(new(o())).insert(i.value()),f=n&&{oldRange:A(n.oldRange,-l),newRange:A(n.newRange,-l)};t=(new(o())).retain(l).concat(u.diff(d,f)).reduce(((t,e)=>e.insert?t.insert(e.insert,s):t.push(e)),new(o())),this.delta=r.compose(t)}else this.delta=this.getDelta(),t&&(0,a.A)(r.compose(t),this.delta)||(t=r.diff(this.delta,n));return t}},N=n(5374),E=n(7356),w=n(6078),q=n(4266),k=n(746),_=class{isComposing=!1;constructor(t,e){this.scroll=t,this.emitter=e,this.setupListeners()}setupListeners(){this.scroll.domNode.addEventListener("compositionstart",(t=>{this.isComposing||this.handleCompositionStart(t)})),this.scroll.domNode.addEventListener("compositionend",(t=>{this.isComposing&&queueMicrotask((()=>{this.handleCompositionEnd(t)}))}))}handleCompositionStart(t){const e=t.target instanceof Node?this.scroll.find(t.target,!0):null;!e||e instanceof k.A||(this.emitter.emit(N.A.events.COMPOSITION_BEFORE_START,t),this.scroll.batchStart(),this.emitter.emit(N.A.events.COMPOSITION_START,t),this.isComposing=!0)}handleCompositionEnd(t){this.emitter.emit(N.A.events.COMPOSITION_BEFORE_END,t),this.scroll.batchEnd(),this.emitter.emit(N.A.events.COMPOSITION_END,t),this.isComposing=!1}},L=n(9609);const S=t=>{const e=t.getBoundingClientRect(),n="offsetWidth"in t&&Math.abs(e.width)/t.offsetWidth||1,r="offsetHeight"in t&&Math.abs(e.height)/t.offsetHeight||1;return{top:e.top,right:e.left+t.clientWidth*n,bottom:e.top+t.clientHeight*r,left:e.left}},O=t=>{const e=parseInt(t,10);return Number.isNaN(e)?0:e},T=(t,e,n,r,i,s)=>t<n&&e>r?0:t<n?-(n-t+i):e>r?e-t>r-n?t+i-n:e-r+s:0;const j=["block","break","cursor","inline","scroll","text"];const C=(0,w.A)("quill"),R=new i.Registry;i.ParentBlot.uiClass="ql-ui";class I{static DEFAULTS={bounds:null,modules:{clipboard:!0,keyboard:!0,history:!0,uploader:!0},placeholder:"",readOnly:!1,registry:R,theme:"default"};static events=N.A.events;static sources=N.A.sources;static version="2.0.3";static imports={delta:o(),parchment:i,"core/module":q.A,"core/theme":L.A};static debug(t){!0===t&&(t="log"),w.A.level(t)}static find(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return E.A.get(t)||R.find(t,e)}static import(t){return null==this.imports[t]&&C.error(`Cannot import ${t}. Are you sure it was registered?`),this.imports[t]}static register(){if("string"!=typeof(arguments.length<=0?void 0:arguments[0])){const t=arguments.length<=0?void 0:arguments[0],e=!!(arguments.length<=1?void 0:arguments[1]),n="attrName"in t?t.attrName:t.blotName;"string"==typeof n?this.register(`formats/${n}`,t,e):Object.keys(t).forEach((n=>{this.register(n,t[n],e)}))}else{const t=arguments.length<=0?void 0:arguments[0],e=arguments.length<=1?void 0:arguments[1],n=!!(arguments.length<=2?void 0:arguments[2]);null==this.imports[t]||n||C.warn(`Overwriting ${t} with`,e),this.imports[t]=e,(t.startsWith("blots/")||t.startsWith("formats/"))&&e&&"boolean"!=typeof e&&"abstract"!==e.blotName&&R.register(e),"function"==typeof e.register&&e.register(R)}}constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this.options=function(t,e){const n=B(t);if(!n)throw new Error("Invalid Quill container");const s=!e.theme||e.theme===I.DEFAULTS.theme?L.A:I.import(`themes/${e.theme}`);if(!s)throw new Error(`Invalid theme ${e.theme}. Did you register it?`);const{modules:o,...l}=I.DEFAULTS,{modules:a,...c}=s.DEFAULTS;let u=M(e.modules);null!=u&&u.toolbar&&u.toolbar.constructor!==Object&&(u={...u,toolbar:{container:u.toolbar}});const h=(0,r.A)({},M(o),M(a),u),d={...l,...U(c),...U(e)};let f=e.registry;return f?e.formats&&C.warn('Ignoring "formats" option because "registry" is specified'):f=e.formats?((t,e,n)=>{const r=new i.Registry;return j.forEach((t=>{const n=e.query(t);n&&r.register(n)})),t.forEach((t=>{let i=e.query(t);i||n.error(`Cannot register "${t}" specified in "formats" config. Are you sure it was registered?`);let s=0;for(;i;)if(r.register(i),i="blotName"in i?i.requiredContainer??null:null,s+=1,s>100){n.error(`Cycle detected in registering blot requiredContainer: "${t}"`);break}})),r})(e.formats,d.registry,C):d.registry,{...d,registry:f,container:n,theme:s,modules:Object.entries(h).reduce(((t,e)=>{let[n,i]=e;if(!i)return t;const s=I.import(`modules/${n}`);return null==s?(C.error(`Cannot load ${n} module. Are you sure you registered it?`),t):{...t,[n]:(0,r.A)({},s.DEFAULTS||{},i)}}),{}),bounds:B(d.bounds)}}(t,e),this.container=this.options.container,null==this.container)return void C.error("Invalid Quill container",t);this.options.debug&&I.debug(this.options.debug);const n=this.container.innerHTML.trim();this.container.classList.add("ql-container"),this.container.innerHTML="",E.A.set(this.container,this),this.root=this.addContainer("ql-editor"),this.root.classList.add("ql-blank"),this.emitter=new N.A;const s=i.ScrollBlot.blotName,l=this.options.registry.query(s);if(!l||!("blotName"in l))throw new Error(`Cannot initialize Quill without "${s}" blot`);if(this.scroll=new l(this.options.registry,this.root,{emitter:this.emitter}),this.editor=new x(this.scroll),this.selection=new f.A(this.scroll,this.emitter),this.composition=new _(this.scroll,this.emitter),this.theme=new this.options.theme(this,this.options),this.keyboard=this.theme.addModule("keyboard"),this.clipboard=this.theme.addModule("clipboard"),this.history=this.theme.addModule("history"),this.uploader=this.theme.addModule("uploader"),this.theme.addModule("input"),this.theme.addModule("uiNode"),this.theme.init(),this.emitter.on(N.A.events.EDITOR_CHANGE,(t=>{t===N.A.events.TEXT_CHANGE&&this.root.classList.toggle("ql-blank",this.editor.isBlank())})),this.emitter.on(N.A.events.SCROLL_UPDATE,((t,e)=>{const n=this.selection.lastRange,[r]=this.selection.getRange(),i=n&&r?{oldRange:n,newRange:r}:void 0;D.call(this,(()=>this.editor.update(null,e,i)),t)})),this.emitter.on(N.A.events.SCROLL_EMBED_UPDATE,((t,e)=>{const n=this.selection.lastRange,[r]=this.selection.getRange(),i=n&&r?{oldRange:n,newRange:r}:void 0;D.call(this,(()=>{const n=(new(o())).retain(t.offset(this)).retain({[t.statics.blotName]:e});return this.editor.update(n,[],i)}),I.sources.USER)})),n){const t=this.clipboard.convert({html:`${n}<p><br></p>`,text:"\n"});this.setContents(t)}this.history.clear(),this.options.placeholder&&this.root.setAttribute("data-placeholder",this.options.placeholder),this.options.readOnly&&this.disable(),this.allowReadOnlyEdits=!1}addContainer(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if("string"==typeof t){const e=t;(t=document.createElement("div")).classList.add(e)}return this.container.insertBefore(t,e),t}blur(){this.selection.setRange(null)}deleteText(t,e,n){return[t,e,,n]=P(t,e,n),D.call(this,(()=>this.editor.deleteText(t,e)),n,t,-1*e)}disable(){this.enable(!1)}editReadOnly(t){this.allowReadOnlyEdits=!0;const e=t();return this.allowReadOnlyEdits=!1,e}enable(){let t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.scroll.enable(t),this.container.classList.toggle("ql-disabled",!t)}focus(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.selection.focus(),t.preventScroll||this.scrollSelectionIntoView()}format(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:N.A.sources.API;return D.call(this,(()=>{const n=this.getSelection(!0);let r=new(o());if(null==n)return r;if(this.scroll.query(t,i.Scope.BLOCK))r=this.editor.formatLine(n.index,n.length,{[t]:e});else{if(0===n.length)return this.selection.format(t,e),r;r=this.editor.formatText(n.index,n.length,{[t]:e})}return this.setSelection(n,N.A.sources.SILENT),r}),n)}formatLine(t,e,n,r,i){let s;return[t,e,s,i]=P(t,e,n,r,i),D.call(this,(()=>this.editor.formatLine(t,e,s)),i,t,0)}formatText(t,e,n,r,i){let s;return[t,e,s,i]=P(t,e,n,r,i),D.call(this,(()=>this.editor.formatText(t,e,s)),i,t,0)}getBounds(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=null;if(n="number"==typeof t?this.selection.getBounds(t,e):this.selection.getBounds(t.index,t.length),!n)return null;const r=this.container.getBoundingClientRect();return{bottom:n.bottom-r.top,height:n.height,left:n.left-r.left,right:n.right-r.left,top:n.top-r.top,width:n.width}}getContents(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.getLength()-t;return[t,e]=P(t,e),this.editor.getContents(t,e)}getFormat(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.getSelection(!0),e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return"number"==typeof t?this.editor.getFormat(t,e):this.editor.getFormat(t.index,t.length)}getIndex(t){return t.offset(this.scroll)}getLength(){return this.scroll.length()}getLeaf(t){return this.scroll.leaf(t)}getLine(t){return this.scroll.line(t)}getLines(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Number.MAX_VALUE;return"number"!=typeof t?this.scroll.lines(t.index,t.length):this.scroll.lines(t,e)}getModule(t){return this.theme.modules[t]}getSelection(){return arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.focus(),this.update(),this.selection.getRange()[0]}getSemanticHTML(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return"number"==typeof t&&(e=e??this.getLength()-t),[t,e]=P(t,e),this.editor.getHTML(t,e)}getText(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return"number"==typeof t&&(e=e??this.getLength()-t),[t,e]=P(t,e),this.editor.getText(t,e)}hasFocus(){return this.selection.hasFocus()}insertEmbed(t,e,n){let r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:I.sources.API;return D.call(this,(()=>this.editor.insertEmbed(t,e,n)),r,t)}insertText(t,e,n,r,i){let s;return[t,,s,i]=P(t,0,n,r,i),D.call(this,(()=>this.editor.insertText(t,e,s)),i,t,e.length)}isEnabled(){return this.scroll.isEnabled()}off(){return this.emitter.off(...arguments)}on(){return this.emitter.on(...arguments)}once(){return this.emitter.once(...arguments)}removeFormat(t,e,n){return[t,e,,n]=P(t,e,n),D.call(this,(()=>this.editor.removeFormat(t,e)),n,t)}scrollRectIntoView(t){((t,e)=>{const n=t.ownerDocument;let r=e,i=t;for(;i;){const t=i===n.body,e=t?{top:0,right:window.visualViewport?.width??n.documentElement.clientWidth,bottom:window.visualViewport?.height??n.documentElement.clientHeight,left:0}:S(i),o=getComputedStyle(i),l=T(r.left,r.right,e.left,e.right,O(o.scrollPaddingLeft),O(o.scrollPaddingRight)),a=T(r.top,r.bottom,e.top,e.bottom,O(o.scrollPaddingTop),O(o.scrollPaddingBottom));if(l||a)if(t)n.defaultView?.scrollBy(l,a);else{const{scrollLeft:t,scrollTop:e}=i;a&&(i.scrollTop+=a),l&&(i.scrollLeft+=l);const n=i.scrollLeft-t,s=i.scrollTop-e;r={left:r.left-n,top:r.top-s,right:r.right-n,bottom:r.bottom-s}}i=t||"fixed"===o.position?null:(s=i).parentElement||s.getRootNode().host||null}var s})(this.root,t)}scrollIntoView(){console.warn("Quill#scrollIntoView() has been deprecated and will be removed in the near future. Please use Quill#scrollSelectionIntoView() instead."),this.scrollSelectionIntoView()}scrollSelectionIntoView(){const t=this.selection.lastRange,e=t&&this.selection.getBounds(t.index,t.length);e&&this.scrollRectIntoView(e)}setContents(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:N.A.sources.API;return D.call(this,(()=>{t=new(o())(t);const e=this.getLength(),n=this.editor.deleteText(0,e),r=this.editor.insertContents(0,t),i=this.editor.deleteText(this.getLength()-1,1);return n.compose(r).compose(i)}),e)}setSelection(t,e,n){null==t?this.selection.setRange(null,e||I.sources.API):([t,e,,n]=P(t,e,n),this.selection.setRange(new f.Q(Math.max(0,t),e),n),n!==N.A.sources.SILENT&&this.scrollSelectionIntoView())}setText(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:N.A.sources.API;const n=(new(o())).insert(t);return this.setContents(n,e)}update(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:N.A.sources.USER;const e=this.scroll.update(t);return this.selection.update(t),e}updateContents(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:N.A.sources.API;return D.call(this,(()=>(t=new(o())(t),this.editor.applyDelta(t))),e,!0)}}function B(t){return"string"==typeof t?document.querySelector(t):t}function M(t){return Object.entries(t??{}).reduce(((t,e)=>{let[n,r]=e;return{...t,[n]:!0===r?{}:r}}),{})}function U(t){return Object.fromEntries(Object.entries(t).filter((t=>void 0!==t[1])))}function D(t,e,n,r){if(!this.isEnabled()&&e===N.A.sources.USER&&!this.allowReadOnlyEdits)return new(o());let i=null==n?null:this.getSelection();const s=this.editor.delta,l=t();if(null!=i&&(!0===n&&(n=i.index),null==r?i=z(i,l,e):0!==r&&(i=z(i,n,r,e)),this.setSelection(i,N.A.sources.SILENT)),l.length()>0){const t=[N.A.events.TEXT_CHANGE,l,s,e];this.emitter.emit(N.A.events.EDITOR_CHANGE,...t),e!==N.A.sources.SILENT&&this.emitter.emit(...t)}return l}function P(t,e,n,r,i){let s={};return"number"==typeof t.index&&"number"==typeof t.length?"number"!=typeof e?(i=r,r=n,n=e,e=t.length,t=t.index):(e=t.length,t=t.index):"number"!=typeof e&&(i=r,r=n,n=e,e=0),"object"==typeof n?(s=n,i=r):"string"==typeof n&&(null!=r?s[n]=r:i=n),[t,e,s,i=i||N.A.sources.API]}function z(t,e,n,r){const i="number"==typeof n?n:0;if(null==t)return null;let s,o;return e&&"function"==typeof e.transformPosition?[s,o]=[t.index,t.index+t.length].map((t=>e.transformPosition(t,r!==N.A.sources.USER))):[s,o]=[t.index,t.index+t.length].map((t=>t<e||t===e&&r===N.A.sources.USER?t:i>=0?t+i:Math.max(e,t+i))),new f.Q(s,o-s)}},8298:function(t,e,n){"use strict";n.d(e,{Q:function(){return a}});var r=n(6003),i=n(5123),s=n(3707),o=n(5374);const l=(0,n(6078).A)("quill:selection");class a{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.index=t,this.length=e}}function c(t,e){try{e.parentNode}catch(t){return!1}return t.contains(e)}e.A=class{constructor(t,e){this.emitter=e,this.scroll=t,this.composing=!1,this.mouseDown=!1,this.root=this.scroll.domNode,this.cursor=this.scroll.create("cursor",this),this.savedRange=new a(0,0),this.lastRange=this.savedRange,this.lastNative=null,this.handleComposition(),this.handleDragging(),this.emitter.listenDOM("selectionchange",document,(()=>{this.mouseDown||this.composing||setTimeout(this.update.bind(this,o.A.sources.USER),1)})),this.emitter.on(o.A.events.SCROLL_BEFORE_UPDATE,(()=>{if(!this.hasFocus())return;const t=this.getNativeRange();null!=t&&t.start.node!==this.cursor.textNode&&this.emitter.once(o.A.events.SCROLL_UPDATE,((e,n)=>{try{this.root.contains(t.start.node)&&this.root.contains(t.end.node)&&this.setNativeRange(t.start.node,t.start.offset,t.end.node,t.end.offset);const r=n.some((t=>"characterData"===t.type||"childList"===t.type||"attributes"===t.type&&t.target===this.root));this.update(r?o.A.sources.SILENT:e)}catch(t){}}))})),this.emitter.on(o.A.events.SCROLL_OPTIMIZE,((t,e)=>{if(e.range){const{startNode:t,startOffset:n,endNode:r,endOffset:i}=e.range;this.setNativeRange(t,n,r,i),this.update(o.A.sources.SILENT)}})),this.update(o.A.sources.SILENT)}handleComposition(){this.emitter.on(o.A.events.COMPOSITION_BEFORE_START,(()=>{this.composing=!0})),this.emitter.on(o.A.events.COMPOSITION_END,(()=>{if(this.composing=!1,this.cursor.parent){const t=this.cursor.restore();if(!t)return;setTimeout((()=>{this.setNativeRange(t.startNode,t.startOffset,t.endNode,t.endOffset)}),1)}}))}handleDragging(){this.emitter.listenDOM("mousedown",document.body,(()=>{this.mouseDown=!0})),this.emitter.listenDOM("mouseup",document.body,(()=>{this.mouseDown=!1,this.update(o.A.sources.USER)}))}focus(){this.hasFocus()||(this.root.focus({preventScroll:!0}),this.setRange(this.savedRange))}format(t,e){this.scroll.update();const n=this.getNativeRange();if(null!=n&&n.native.collapsed&&!this.scroll.query(t,r.Scope.BLOCK)){if(n.start.node!==this.cursor.textNode){const t=this.scroll.find(n.start.node,!1);if(null==t)return;if(t instanceof r.LeafBlot){const e=t.split(n.start.offset);t.parent.insertBefore(this.cursor,e)}else t.insertBefore(this.cursor,n.start.node);this.cursor.attach()}this.cursor.format(t,e),this.scroll.optimize(),this.setNativeRange(this.cursor.textNode,this.cursor.textNode.data.length),this.update()}}getBounds(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;const n=this.scroll.length();let r;t=Math.min(t,n-1),e=Math.min(t+e,n-1)-t;let[i,s]=this.scroll.leaf(t);if(null==i)return null;if(e>0&&s===i.length()){const[e]=this.scroll.leaf(t+1);if(e){const[n]=this.scroll.line(t),[r]=this.scroll.line(t+1);n===r&&(i=e,s=0)}}[r,s]=i.position(s,!0);const o=document.createRange();if(e>0)return o.setStart(r,s),[i,s]=this.scroll.leaf(t+e),null==i?null:([r,s]=i.position(s,!0),o.setEnd(r,s),o.getBoundingClientRect());let l,a="left";if(r instanceof Text){if(!r.data.length)return null;s<r.data.length?(o.setStart(r,s),o.setEnd(r,s+1)):(o.setStart(r,s-1),o.setEnd(r,s),a="right"),l=o.getBoundingClientRect()}else{if(!(i.domNode instanceof Element))return null;l=i.domNode.getBoundingClientRect(),s>0&&(a="right")}return{bottom:l.top+l.height,height:l.height,left:l[a],right:l[a],top:l.top,width:0}}getNativeRange(){const t=document.getSelection();if(null==t||t.rangeCount<=0)return null;const e=t.getRangeAt(0);if(null==e)return null;const n=this.normalizeNative(e);return l.info("getNativeRange",n),n}getRange(){const t=this.scroll.domNode;if("isConnected"in t&&!t.isConnected)return[null,null];const e=this.getNativeRange();return null==e?[null,null]:[this.normalizedToRange(e),e]}hasFocus(){return document.activeElement===this.root||null!=document.activeElement&&c(this.root,document.activeElement)}normalizedToRange(t){const e=[[t.start.node,t.start.offset]];t.native.collapsed||e.push([t.end.node,t.end.offset]);const n=e.map((t=>{const[e,n]=t,i=this.scroll.find(e,!0),s=i.offset(this.scroll);return 0===n?s:i instanceof r.LeafBlot?s+i.index(e,n):s+i.length()})),i=Math.min(Math.max(...n),this.scroll.length()-1),s=Math.min(i,...n);return new a(s,i-s)}normalizeNative(t){if(!c(this.root,t.startContainer)||!t.collapsed&&!c(this.root,t.endContainer))return null;const e={start:{node:t.startContainer,offset:t.startOffset},end:{node:t.endContainer,offset:t.endOffset},native:t};return[e.start,e.end].forEach((t=>{let{node:e,offset:n}=t;for(;!(e instanceof Text)&&e.childNodes.length>0;)if(e.childNodes.length>n)e=e.childNodes[n],n=0;else{if(e.childNodes.length!==n)break;e=e.lastChild,n=e instanceof Text?e.data.length:e.childNodes.length>0?e.childNodes.length:e.childNodes.length+1}t.node=e,t.offset=n})),e}rangeToNative(t){const e=this.scroll.length(),n=(t,n)=>{t=Math.min(e-1,t);const[r,i]=this.scroll.leaf(t);return r?r.position(i,n):[null,-1]};return[...n(t.index,!1),...n(t.index+t.length,!0)]}setNativeRange(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:t,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:e,i=arguments.length>4&&void 0!==arguments[4]&&arguments[4];if(l.info("setNativeRange",t,e,n,r),null!=t&&(null==this.root.parentNode||null==t.parentNode||null==n.parentNode))return;const s=document.getSelection();if(null!=s)if(null!=t){this.hasFocus()||this.root.focus({preventScroll:!0});const{native:o}=this.getNativeRange()||{};if(null==o||i||t!==o.startContainer||e!==o.startOffset||n!==o.endContainer||r!==o.endOffset){t instanceof Element&&"BR"===t.tagName&&(e=Array.from(t.parentNode.childNodes).indexOf(t),t=t.parentNode),n instanceof Element&&"BR"===n.tagName&&(r=Array.from(n.parentNode.childNodes).indexOf(n),n=n.parentNode);const i=document.createRange();i.setStart(t,e),i.setEnd(n,r),s.removeAllRanges(),s.addRange(i)}}else s.removeAllRanges(),this.root.blur()}setRange(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o.A.sources.API;if("string"==typeof e&&(n=e,e=!1),l.info("setRange",t),null!=t){const n=this.rangeToNative(t);this.setNativeRange(...n,e)}else this.setNativeRange(null);this.update(n)}update(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o.A.sources.USER;const e=this.lastRange,[n,r]=this.getRange();if(this.lastRange=n,this.lastNative=r,null!=this.lastRange&&(this.savedRange=this.lastRange),!(0,i.A)(e,this.lastRange)){if(!this.composing&&null!=r&&r.native.collapsed&&r.start.node!==this.cursor.textNode){const t=this.cursor.restore();t&&this.setNativeRange(t.startNode,t.startOffset,t.endNode,t.endOffset)}const n=[o.A.events.SELECTION_CHANGE,(0,s.A)(this.lastRange),(0,s.A)(e),t];this.emitter.emit(o.A.events.EDITOR_CHANGE,...n),t!==o.A.sources.SILENT&&this.emitter.emit(...n)}}}},9609:function(t,e){"use strict";class n{static DEFAULTS={modules:{}};static themes={default:n};modules={};constructor(t,e){this.quill=t,this.options=e}init(){Object.keys(this.options.modules).forEach((t=>{null==this.modules[t]&&this.addModule(t)}))}addModule(t){const e=this.quill.constructor.import(`modules/${t}`);return this.modules[t]=new e(this.quill,this.options.modules[t]||{}),this.modules[t]}}e.A=n},8276:function(t,e,n){"use strict";n.d(e,{Hu:function(){return l},gS:function(){return s},qh:function(){return o}});var r=n(6003);const i={scope:r.Scope.BLOCK,whitelist:["right","center","justify"]},s=new r.Attributor("align","align",i),o=new r.ClassAttributor("align","ql-align",i),l=new r.StyleAttributor("align","text-align",i)},9541:function(t,e,n){"use strict";n.d(e,{l:function(){return s},s:function(){return o}});var r=n(6003),i=n(8638);const s=new r.ClassAttributor("background","ql-bg",{scope:r.Scope.INLINE}),o=new i.a2("background","background-color",{scope:r.Scope.INLINE})},9404:function(t,e,n){"use strict";n.d(e,{Ay:function(){return h},Cy:function(){return d},EJ:function(){return u}});var r=n(9698),i=n(3036),s=n(4541),o=n(4850),l=n(5508),a=n(580),c=n(6142);class u extends a.A{static create(t){const e=super.create(t);return e.setAttribute("spellcheck","false"),e}code(t,e){return this.children.map((t=>t.length()<=1?"":t.domNode.innerText)).join("\n").slice(t,t+e)}html(t,e){return`<pre>\n${(0,l.X)(this.code(t,e))}\n</pre>`}}class h extends r.Ay{static TAB="  ";static register(){c.Ay.register(u)}}class d extends o.A{}d.blotName="code",d.tagName="CODE",h.blotName="code-block",h.className="ql-code-block",h.tagName="DIV",u.blotName="code-block-container",u.className="ql-code-block-container",u.tagName="DIV",u.allowedChildren=[h],h.allowedChildren=[l.A,i.A,s.A],h.requiredContainer=u},8638:function(t,e,n){"use strict";n.d(e,{JM:function(){return o},a2:function(){return i},g3:function(){return s}});var r=n(6003);class i extends r.StyleAttributor{value(t){let e=super.value(t);return e.startsWith("rgb(")?(e=e.replace(/^[^\d]+/,"").replace(/[^\d]+$/,""),`#${e.split(",").map((t=>`00${parseInt(t,10).toString(16)}`.slice(-2))).join("")}`):e}}const s=new r.ClassAttributor("color","ql-color",{scope:r.Scope.INLINE}),o=new i("color","color",{scope:r.Scope.INLINE})},7912:function(t,e,n){"use strict";n.d(e,{Mc:function(){return s},VL:function(){return l},sY:function(){return o}});var r=n(6003);const i={scope:r.Scope.BLOCK,whitelist:["rtl"]},s=new r.Attributor("direction","dir",i),o=new r.ClassAttributor("direction","ql-direction",i),l=new r.StyleAttributor("direction","direction",i)},6772:function(t,e,n){"use strict";n.d(e,{q:function(){return s},z:function(){return l}});var r=n(6003);const i={scope:r.Scope.INLINE,whitelist:["serif","monospace"]},s=new r.ClassAttributor("font","ql-font",i);class o extends r.StyleAttributor{value(t){return super.value(t).replace(/["']/g,"")}}const l=new o("font","font-family",i)},664:function(t,e,n){"use strict";n.d(e,{U:function(){return i},r:function(){return s}});var r=n(6003);const i=new r.ClassAttributor("size","ql-size",{scope:r.Scope.INLINE,whitelist:["small","large","huge"]}),s=new r.StyleAttributor("size","font-size",{scope:r.Scope.INLINE,whitelist:["10px","18px","32px"]})},584:function(t,e,n){"use strict";n.d(e,{Ay:function(){return S},hV:function(){return I}});var r=n(6003),i=n(5232),s=n.n(i),o=n(9698),l=n(6078),a=n(4266),c=n(6142),u=n(8276),h=n(9541),d=n(9404),f=n(8638),p=n(7912),g=n(6772),m=n(664),b=n(8123);const y=/font-weight:\s*normal/,v=["P","OL","UL"],A=t=>t&&v.includes(t.tagName),x=/\bmso-list:[^;]*ignore/i,N=/\bmso-list:[^;]*\bl(\d+)/i,E=/\bmso-list:[^;]*\blevel(\d+)/i,w=[function(t){"urn:schemas-microsoft-com:office:word"===t.documentElement.getAttribute("xmlns:w")&&(t=>{const e=Array.from(t.querySelectorAll("[style*=mso-list]")),n=[],r=[];e.forEach((t=>{(t.getAttribute("style")||"").match(x)?n.push(t):r.push(t)})),n.forEach((t=>t.parentNode?.removeChild(t)));const i=t.documentElement.innerHTML,s=r.map((t=>((t,e)=>{const n=t.getAttribute("style"),r=n?.match(N);if(!r)return null;const i=Number(r[1]),s=n?.match(E),o=s?Number(s[1]):1,l=new RegExp(`@list l${i}:level${o}\\s*\\{[^\\}]*mso-level-number-format:\\s*([\\w-]+)`,"i"),a=e.match(l);return{id:i,indent:o,type:a&&"bullet"===a[1]?"bullet":"ordered",element:t}})(t,i))).filter((t=>t));for(;s.length;){const t=[];let e=s.shift();for(;e;)t.push(e),e=s.length&&s[0]?.element===e.element.nextElementSibling&&s[0].id===e.id?s.shift():null;const n=document.createElement("ul");t.forEach((t=>{const e=document.createElement("li");e.setAttribute("data-list",t.type),t.indent>1&&e.setAttribute("class","ql-indent-"+(t.indent-1)),e.innerHTML=t.element.innerHTML,n.appendChild(e)}));const r=t[0]?.element,{parentNode:i}=r??{};r&&i?.replaceChild(n,r),t.slice(1).forEach((t=>{let{element:e}=t;i?.removeChild(e)}))}})(t)},function(t){t.querySelector('[id^="docs-internal-guid-"]')&&((t=>{Array.from(t.querySelectorAll('b[style*="font-weight"]')).filter((t=>t.getAttribute("style")?.match(y))).forEach((e=>{const n=t.createDocumentFragment();n.append(...e.childNodes),e.parentNode?.replaceChild(n,e)}))})(t),(t=>{Array.from(t.querySelectorAll("br")).filter((t=>A(t.previousElementSibling)&&A(t.nextElementSibling))).forEach((t=>{t.parentNode?.removeChild(t)}))})(t))}];const q=(0,l.A)("quill:clipboard"),k=[[Node.TEXT_NODE,function(t,e,n){let r=t.data;if("O:P"===t.parentElement?.tagName)return e.insert(r.trim());if(!R(t)){if(0===r.trim().length&&r.includes("\n")&&!function(t,e){return t.previousElementSibling&&t.nextElementSibling&&!j(t.previousElementSibling,e)&&!j(t.nextElementSibling,e)}(t,n))return e;r=r.replace(/[^\S\u00a0]/g," "),r=r.replace(/ {2,}/g," "),(null==t.previousSibling&&null!=t.parentElement&&j(t.parentElement,n)||t.previousSibling instanceof Element&&j(t.previousSibling,n))&&(r=r.replace(/^ /,"")),(null==t.nextSibling&&null!=t.parentElement&&j(t.parentElement,n)||t.nextSibling instanceof Element&&j(t.nextSibling,n))&&(r=r.replace(/ $/,"")),r=r.replaceAll(" "," ")}return e.insert(r)}],[Node.TEXT_NODE,M],["br",function(t,e){return T(e,"\n")||e.insert("\n"),e}],[Node.ELEMENT_NODE,M],[Node.ELEMENT_NODE,function(t,e,n){const i=n.query(t);if(null==i)return e;if(i.prototype instanceof r.EmbedBlot){const e={},r=i.value(t);if(null!=r)return e[i.blotName]=r,(new(s())).insert(e,i.formats(t,n))}else if(i.prototype instanceof r.BlockBlot&&!T(e,"\n")&&e.insert("\n"),"blotName"in i&&"formats"in i&&"function"==typeof i.formats)return O(e,i.blotName,i.formats(t,n),n);return e}],[Node.ELEMENT_NODE,function(t,e,n){const i=r.Attributor.keys(t),s=r.ClassAttributor.keys(t),o=r.StyleAttributor.keys(t),l={};return i.concat(s).concat(o).forEach((e=>{let i=n.query(e,r.Scope.ATTRIBUTE);null!=i&&(l[i.attrName]=i.value(t),l[i.attrName])||(i=_[e],null==i||i.attrName!==e&&i.keyName!==e||(l[i.attrName]=i.value(t)||void 0),i=L[e],null==i||i.attrName!==e&&i.keyName!==e||(i=L[e],l[i.attrName]=i.value(t)||void 0))})),Object.entries(l).reduce(((t,e)=>{let[r,i]=e;return O(t,r,i,n)}),e)}],[Node.ELEMENT_NODE,function(t,e,n){const r={},i=t.style||{};return"italic"===i.fontStyle&&(r.italic=!0),"underline"===i.textDecoration&&(r.underline=!0),"line-through"===i.textDecoration&&(r.strike=!0),(i.fontWeight?.startsWith("bold")||parseInt(i.fontWeight,10)>=700)&&(r.bold=!0),e=Object.entries(r).reduce(((t,e)=>{let[r,i]=e;return O(t,r,i,n)}),e),parseFloat(i.textIndent||0)>0?(new(s())).insert("\t").concat(e):e}],["li",function(t,e,n){const r=n.query(t);if(null==r||"list"!==r.blotName||!T(e,"\n"))return e;let i=-1,o=t.parentNode;for(;null!=o;)["OL","UL"].includes(o.tagName)&&(i+=1),o=o.parentNode;return i<=0?e:e.reduce(((t,e)=>e.insert?e.attributes&&"number"==typeof e.attributes.indent?t.push(e):t.insert(e.insert,{indent:i,...e.attributes||{}}):t),new(s()))}],["ol, ul",function(t,e,n){const r=t;let i="OL"===r.tagName?"ordered":"bullet";const s=r.getAttribute("data-checked");return s&&(i="true"===s?"checked":"unchecked"),O(e,"list",i,n)}],["pre",function(t,e,n){const r=n.query("code-block");return O(e,"code-block",!r||!("formats"in r)||"function"!=typeof r.formats||r.formats(t,n),n)}],["tr",function(t,e,n){const r="TABLE"===t.parentElement?.tagName?t.parentElement:t.parentElement?.parentElement;return null!=r?O(e,"table",Array.from(r.querySelectorAll("tr")).indexOf(t)+1,n):e}],["b",B("bold")],["i",B("italic")],["strike",B("strike")],["style",function(){return new(s())}]],_=[u.gS,p.Mc].reduce(((t,e)=>(t[e.keyName]=e,t)),{}),L=[u.Hu,h.s,f.JM,p.VL,g.z,m.r].reduce(((t,e)=>(t[e.keyName]=e,t)),{});class S extends a.A{static DEFAULTS={matchers:[]};constructor(t,e){super(t,e),this.quill.root.addEventListener("copy",(t=>this.onCaptureCopy(t,!1))),this.quill.root.addEventListener("cut",(t=>this.onCaptureCopy(t,!0))),this.quill.root.addEventListener("paste",this.onCapturePaste.bind(this)),this.matchers=[],k.concat(this.options.matchers??[]).forEach((t=>{let[e,n]=t;this.addMatcher(e,n)}))}addMatcher(t,e){this.matchers.push([t,e])}convert(t){let{html:e,text:n}=t,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(r[d.Ay.blotName])return(new(s())).insert(n||"",{[d.Ay.blotName]:r[d.Ay.blotName]});if(!e)return(new(s())).insert(n||"",r);const i=this.convertHTML(e);return T(i,"\n")&&(null==i.ops[i.ops.length-1].attributes||r.table)?i.compose((new(s())).retain(i.length()-1).delete(1)):i}normalizeHTML(t){(t=>{t.documentElement&&w.forEach((e=>{e(t)}))})(t)}convertHTML(t){const e=(new DOMParser).parseFromString(t,"text/html");this.normalizeHTML(e);const n=e.body,r=new WeakMap,[i,s]=this.prepareMatching(n,r);return I(this.quill.scroll,n,i,s,r)}dangerouslyPasteHTML(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:c.Ay.sources.API;if("string"==typeof t){const n=this.convert({html:t,text:""});this.quill.setContents(n,e),this.quill.setSelection(0,c.Ay.sources.SILENT)}else{const r=this.convert({html:e,text:""});this.quill.updateContents((new(s())).retain(t).concat(r),n),this.quill.setSelection(t+r.length(),c.Ay.sources.SILENT)}}onCaptureCopy(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(t.defaultPrevented)return;t.preventDefault();const[n]=this.quill.selection.getRange();if(null==n)return;const{html:r,text:i}=this.onCopy(n,e);t.clipboardData?.setData("text/plain",i),t.clipboardData?.setData("text/html",r),e&&(0,b.Xo)({range:n,quill:this.quill})}normalizeURIList(t){return t.split(/\r?\n/).filter((t=>"#"!==t[0])).join("\n")}onCapturePaste(t){if(t.defaultPrevented||!this.quill.isEnabled())return;t.preventDefault();const e=this.quill.getSelection(!0);if(null==e)return;const n=t.clipboardData?.getData("text/html");let r=t.clipboardData?.getData("text/plain");if(!n&&!r){const e=t.clipboardData?.getData("text/uri-list");e&&(r=this.normalizeURIList(e))}const i=Array.from(t.clipboardData?.files||[]);if(!n&&i.length>0)this.quill.uploader.upload(e,i);else{if(n&&i.length>0){const t=(new DOMParser).parseFromString(n,"text/html");if(1===t.body.childElementCount&&"IMG"===t.body.firstElementChild?.tagName)return void this.quill.uploader.upload(e,i)}this.onPaste(e,{html:n,text:r})}}onCopy(t){const e=this.quill.getText(t);return{html:this.quill.getSemanticHTML(t),text:e}}onPaste(t,e){let{text:n,html:r}=e;const i=this.quill.getFormat(t.index),o=this.convert({text:n,html:r},i);q.log("onPaste",o,{text:n,html:r});const l=(new(s())).retain(t.index).delete(t.length).concat(o);this.quill.updateContents(l,c.Ay.sources.USER),this.quill.setSelection(l.length()-t.length,c.Ay.sources.SILENT),this.quill.scrollSelectionIntoView()}prepareMatching(t,e){const n=[],r=[];return this.matchers.forEach((i=>{const[s,o]=i;switch(s){case Node.TEXT_NODE:r.push(o);break;case Node.ELEMENT_NODE:n.push(o);break;default:Array.from(t.querySelectorAll(s)).forEach((t=>{if(e.has(t)){const n=e.get(t);n?.push(o)}else e.set(t,[o])}))}})),[n,r]}}function O(t,e,n,r){return r.query(e)?t.reduce(((t,r)=>{if(!r.insert)return t;if(r.attributes&&r.attributes[e])return t.push(r);const i=n?{[e]:n}:{};return t.insert(r.insert,{...i,...r.attributes})}),new(s())):t}function T(t,e){let n="";for(let r=t.ops.length-1;r>=0&&n.length<e.length;--r){const e=t.ops[r];if("string"!=typeof e.insert)break;n=e.insert+n}return n.slice(-1*e.length)===e}function j(t,e){if(!(t instanceof Element))return!1;const n=e.query(t);return!(n&&n.prototype instanceof r.EmbedBlot)&&["address","article","blockquote","canvas","dd","div","dl","dt","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","iframe","li","main","nav","ol","output","p","pre","section","table","td","tr","ul","video"].includes(t.tagName.toLowerCase())}const C=new WeakMap;function R(t){return null!=t&&(C.has(t)||("PRE"===t.tagName?C.set(t,!0):C.set(t,R(t.parentNode))),C.get(t))}function I(t,e,n,r,i){return e.nodeType===e.TEXT_NODE?r.reduce(((n,r)=>r(e,n,t)),new(s())):e.nodeType===e.ELEMENT_NODE?Array.from(e.childNodes||[]).reduce(((s,o)=>{let l=I(t,o,n,r,i);return o.nodeType===e.ELEMENT_NODE&&(l=n.reduce(((e,n)=>n(o,e,t)),l),l=(i.get(o)||[]).reduce(((e,n)=>n(o,e,t)),l)),s.concat(l)}),new(s())):new(s())}function B(t){return(e,n,r)=>O(n,t,!0,r)}function M(t,e,n){if(!T(e,"\n")){if(j(t,n)&&(t.childNodes.length>0||t instanceof HTMLParagraphElement))return e.insert("\n");if(e.length()>0&&t.nextSibling){let r=t.nextSibling;for(;null!=r;){if(j(r,n))return e.insert("\n");const t=n.query(r);if(t&&t.prototype instanceof o.zo)return e.insert("\n");r=r.firstChild}}}return e}},8123:function(t,e,n){"use strict";n.d(e,{Ay:function(){return f},Xo:function(){return v}});var r=n(5123),i=n(3707),s=n(5232),o=n.n(s),l=n(6003),a=n(6142),c=n(6078),u=n(4266);const h=(0,c.A)("quill:keyboard"),d=/Mac/i.test(navigator.platform)?"metaKey":"ctrlKey";class f extends u.A{static match(t,e){return!["altKey","ctrlKey","metaKey","shiftKey"].some((n=>!!e[n]!==t[n]&&null!==e[n]))&&(e.key===t.key||e.key===t.which)}constructor(t,e){super(t,e),this.bindings={},Object.keys(this.options.bindings).forEach((t=>{this.options.bindings[t]&&this.addBinding(this.options.bindings[t])})),this.addBinding({key:"Enter",shiftKey:null},this.handleEnter),this.addBinding({key:"Enter",metaKey:null,ctrlKey:null,altKey:null},(()=>{})),/Firefox/i.test(navigator.userAgent)?(this.addBinding({key:"Backspace"},{collapsed:!0},this.handleBackspace),this.addBinding({key:"Delete"},{collapsed:!0},this.handleDelete)):(this.addBinding({key:"Backspace"},{collapsed:!0,prefix:/^.?$/},this.handleBackspace),this.addBinding({key:"Delete"},{collapsed:!0,suffix:/^.?$/},this.handleDelete)),this.addBinding({key:"Backspace"},{collapsed:!1},this.handleDeleteRange),this.addBinding({key:"Delete"},{collapsed:!1},this.handleDeleteRange),this.addBinding({key:"Backspace",altKey:null,ctrlKey:null,metaKey:null,shiftKey:null},{collapsed:!0,offset:0},this.handleBackspace),this.listen()}addBinding(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const r=function(t){if("string"==typeof t||"number"==typeof t)t={key:t};else{if("object"!=typeof t)return null;t=(0,i.A)(t)}return t.shortKey&&(t[d]=t.shortKey,delete t.shortKey),t}(t);null!=r?("function"==typeof e&&(e={handler:e}),"function"==typeof n&&(n={handler:n}),(Array.isArray(r.key)?r.key:[r.key]).forEach((t=>{const i={...r,key:t,...e,...n};this.bindings[i.key]=this.bindings[i.key]||[],this.bindings[i.key].push(i)}))):h.warn("Attempted to add invalid keyboard binding",r)}listen(){this.quill.root.addEventListener("keydown",(t=>{if(t.defaultPrevented||t.isComposing)return;if(229===t.keyCode&&("Enter"===t.key||"Backspace"===t.key))return;const e=(this.bindings[t.key]||[]).concat(this.bindings[t.which]||[]).filter((e=>f.match(t,e)));if(0===e.length)return;const n=a.Ay.find(t.target,!0);if(n&&n.scroll!==this.quill.scroll)return;const i=this.quill.getSelection();if(null==i||!this.quill.hasFocus())return;const[s,o]=this.quill.getLine(i.index),[c,u]=this.quill.getLeaf(i.index),[h,d]=0===i.length?[c,u]:this.quill.getLeaf(i.index+i.length),p=c instanceof l.TextBlot?c.value().slice(0,u):"",g=h instanceof l.TextBlot?h.value().slice(d):"",m={collapsed:0===i.length,empty:0===i.length&&s.length()<=1,format:this.quill.getFormat(i),line:s,offset:o,prefix:p,suffix:g,event:t};e.some((t=>{if(null!=t.collapsed&&t.collapsed!==m.collapsed)return!1;if(null!=t.empty&&t.empty!==m.empty)return!1;if(null!=t.offset&&t.offset!==m.offset)return!1;if(Array.isArray(t.format)){if(t.format.every((t=>null==m.format[t])))return!1}else if("object"==typeof t.format&&!Object.keys(t.format).every((e=>!0===t.format[e]?null!=m.format[e]:!1===t.format[e]?null==m.format[e]:(0,r.A)(t.format[e],m.format[e]))))return!1;return!(null!=t.prefix&&!t.prefix.test(m.prefix)||null!=t.suffix&&!t.suffix.test(m.suffix)||!0===t.handler.call(this,i,m,t))}))&&t.preventDefault()}))}handleBackspace(t,e){const n=/[\uD800-\uDBFF][\uDC00-\uDFFF]$/.test(e.prefix)?2:1;if(0===t.index||this.quill.getLength()<=1)return;let r={};const[i]=this.quill.getLine(t.index);let l=(new(o())).retain(t.index-n).delete(n);if(0===e.offset){const[e]=this.quill.getLine(t.index-1);if(e&&!("block"===e.statics.blotName&&e.length()<=1)){const e=i.formats(),n=this.quill.getFormat(t.index-1,1);if(r=s.AttributeMap.diff(e,n)||{},Object.keys(r).length>0){const e=(new(o())).retain(t.index+i.length()-2).retain(1,r);l=l.compose(e)}}}this.quill.updateContents(l,a.Ay.sources.USER),this.quill.focus()}handleDelete(t,e){const n=/^[\uD800-\uDBFF][\uDC00-\uDFFF]/.test(e.suffix)?2:1;if(t.index>=this.quill.getLength()-n)return;let r={};const[i]=this.quill.getLine(t.index);let l=(new(o())).retain(t.index).delete(n);if(e.offset>=i.length()-1){const[e]=this.quill.getLine(t.index+1);if(e){const n=i.formats(),o=this.quill.getFormat(t.index,1);r=s.AttributeMap.diff(n,o)||{},Object.keys(r).length>0&&(l=l.retain(e.length()-1).retain(1,r))}}this.quill.updateContents(l,a.Ay.sources.USER),this.quill.focus()}handleDeleteRange(t){v({range:t,quill:this.quill}),this.quill.focus()}handleEnter(t,e){const n=Object.keys(e.format).reduce(((t,n)=>(this.quill.scroll.query(n,l.Scope.BLOCK)&&!Array.isArray(e.format[n])&&(t[n]=e.format[n]),t)),{}),r=(new(o())).retain(t.index).delete(t.length).insert("\n",n);this.quill.updateContents(r,a.Ay.sources.USER),this.quill.setSelection(t.index+1,a.Ay.sources.SILENT),this.quill.focus()}}const p={bindings:{bold:b("bold"),italic:b("italic"),underline:b("underline"),indent:{key:"Tab",format:["blockquote","indent","list"],handler(t,e){return!(!e.collapsed||0===e.offset)||(this.quill.format("indent","+1",a.Ay.sources.USER),!1)}},outdent:{key:"Tab",shiftKey:!0,format:["blockquote","indent","list"],handler(t,e){return!(!e.collapsed||0===e.offset)||(this.quill.format("indent","-1",a.Ay.sources.USER),!1)}},"outdent backspace":{key:"Backspace",collapsed:!0,shiftKey:null,metaKey:null,ctrlKey:null,altKey:null,format:["indent","list"],offset:0,handler(t,e){null!=e.format.indent?this.quill.format("indent","-1",a.Ay.sources.USER):null!=e.format.list&&this.quill.format("list",!1,a.Ay.sources.USER)}},"indent code-block":g(!0),"outdent code-block":g(!1),"remove tab":{key:"Tab",shiftKey:!0,collapsed:!0,prefix:/\t$/,handler(t){this.quill.deleteText(t.index-1,1,a.Ay.sources.USER)}},tab:{key:"Tab",handler(t,e){if(e.format.table)return!0;this.quill.history.cutoff();const n=(new(o())).retain(t.index).delete(t.length).insert("\t");return this.quill.updateContents(n,a.Ay.sources.USER),this.quill.history.cutoff(),this.quill.setSelection(t.index+1,a.Ay.sources.SILENT),!1}},"blockquote empty enter":{key:"Enter",collapsed:!0,format:["blockquote"],empty:!0,handler(){this.quill.format("blockquote",!1,a.Ay.sources.USER)}},"list empty enter":{key:"Enter",collapsed:!0,format:["list"],empty:!0,handler(t,e){const n={list:!1};e.format.indent&&(n.indent=!1),this.quill.formatLine(t.index,t.length,n,a.Ay.sources.USER)}},"checklist enter":{key:"Enter",collapsed:!0,format:{list:"checked"},handler(t){const[e,n]=this.quill.getLine(t.index),r={...e.formats(),list:"checked"},i=(new(o())).retain(t.index).insert("\n",r).retain(e.length()-n-1).retain(1,{list:"unchecked"});this.quill.updateContents(i,a.Ay.sources.USER),this.quill.setSelection(t.index+1,a.Ay.sources.SILENT),this.quill.scrollSelectionIntoView()}},"header enter":{key:"Enter",collapsed:!0,format:["header"],suffix:/^$/,handler(t,e){const[n,r]=this.quill.getLine(t.index),i=(new(o())).retain(t.index).insert("\n",e.format).retain(n.length()-r-1).retain(1,{header:null});this.quill.updateContents(i,a.Ay.sources.USER),this.quill.setSelection(t.index+1,a.Ay.sources.SILENT),this.quill.scrollSelectionIntoView()}},"table backspace":{key:"Backspace",format:["table"],collapsed:!0,offset:0,handler(){}},"table delete":{key:"Delete",format:["table"],collapsed:!0,suffix:/^$/,handler(){}},"table enter":{key:"Enter",shiftKey:null,format:["table"],handler(t){const e=this.quill.getModule("table");if(e){const[n,r,i,s]=e.getTable(t),l=function(t,e,n,r){return null==e.prev&&null==e.next?null==n.prev&&null==n.next?0===r?-1:1:null==n.prev?-1:1:null==e.prev?-1:null==e.next?1:null}(0,r,i,s);if(null==l)return;let c=n.offset();if(l<0){const e=(new(o())).retain(c).insert("\n");this.quill.updateContents(e,a.Ay.sources.USER),this.quill.setSelection(t.index+1,t.length,a.Ay.sources.SILENT)}else if(l>0){c+=n.length();const t=(new(o())).retain(c).insert("\n");this.quill.updateContents(t,a.Ay.sources.USER),this.quill.setSelection(c,a.Ay.sources.USER)}}}},"table tab":{key:"Tab",shiftKey:null,format:["table"],handler(t,e){const{event:n,line:r}=e,i=r.offset(this.quill.scroll);n.shiftKey?this.quill.setSelection(i-1,a.Ay.sources.USER):this.quill.setSelection(i+r.length(),a.Ay.sources.USER)}},"list autofill":{key:" ",shiftKey:null,collapsed:!0,format:{"code-block":!1,blockquote:!1,table:!1},prefix:/^\s*?(\d+\.|-|\*|\[ ?\]|\[x\])$/,handler(t,e){if(null==this.quill.scroll.query("list"))return!0;const{length:n}=e.prefix,[r,i]=this.quill.getLine(t.index);if(i>n)return!0;let s;switch(e.prefix.trim()){case"[]":case"[ ]":s="unchecked";break;case"[x]":s="checked";break;case"-":case"*":s="bullet";break;default:s="ordered"}this.quill.insertText(t.index," ",a.Ay.sources.USER),this.quill.history.cutoff();const l=(new(o())).retain(t.index-i).delete(n+1).retain(r.length()-2-i).retain(1,{list:s});return this.quill.updateContents(l,a.Ay.sources.USER),this.quill.history.cutoff(),this.quill.setSelection(t.index-n,a.Ay.sources.SILENT),!1}},"code exit":{key:"Enter",collapsed:!0,format:["code-block"],prefix:/^$/,suffix:/^\s*$/,handler(t){const[e,n]=this.quill.getLine(t.index);let r=2,i=e;for(;null!=i&&i.length()<=1&&i.formats()["code-block"];)if(i=i.prev,r-=1,r<=0){const r=(new(o())).retain(t.index+e.length()-n-2).retain(1,{"code-block":null}).delete(1);return this.quill.updateContents(r,a.Ay.sources.USER),this.quill.setSelection(t.index-1,a.Ay.sources.SILENT),!1}return!0}},"embed left":m("ArrowLeft",!1),"embed left shift":m("ArrowLeft",!0),"embed right":m("ArrowRight",!1),"embed right shift":m("ArrowRight",!0),"table down":y(!1),"table up":y(!0)}};function g(t){return{key:"Tab",shiftKey:!t,format:{"code-block":!0},handler(e,n){let{event:r}=n;const i=this.quill.scroll.query("code-block"),{TAB:s}=i;if(0===e.length&&!r.shiftKey)return this.quill.insertText(e.index,s,a.Ay.sources.USER),void this.quill.setSelection(e.index+s.length,a.Ay.sources.SILENT);const o=0===e.length?this.quill.getLines(e.index,1):this.quill.getLines(e);let{index:l,length:c}=e;o.forEach(((e,n)=>{t?(e.insertAt(0,s),0===n?l+=s.length:c+=s.length):e.domNode.textContent.startsWith(s)&&(e.deleteAt(0,s.length),0===n?l-=s.length:c-=s.length)})),this.quill.update(a.Ay.sources.USER),this.quill.setSelection(l,c,a.Ay.sources.SILENT)}}}function m(t,e){return{key:t,shiftKey:e,altKey:null,["ArrowLeft"===t?"prefix":"suffix"]:/^$/,handler(n){let{index:r}=n;"ArrowRight"===t&&(r+=n.length+1);const[i]=this.quill.getLeaf(r);return!(i instanceof l.EmbedBlot&&("ArrowLeft"===t?e?this.quill.setSelection(n.index-1,n.length+1,a.Ay.sources.USER):this.quill.setSelection(n.index-1,a.Ay.sources.USER):e?this.quill.setSelection(n.index,n.length+1,a.Ay.sources.USER):this.quill.setSelection(n.index+n.length+1,a.Ay.sources.USER),1))}}}function b(t){return{key:t[0],shortKey:!0,handler(e,n){this.quill.format(t,!n.format[t],a.Ay.sources.USER)}}}function y(t){return{key:t?"ArrowUp":"ArrowDown",collapsed:!0,format:["table"],handler(e,n){const r=t?"prev":"next",i=n.line,s=i.parent[r];if(null!=s){if("table-row"===s.statics.blotName){let t=s.children.head,e=i;for(;null!=e.prev;)e=e.prev,t=t.next;const r=t.offset(this.quill.scroll)+Math.min(n.offset,t.length()-1);this.quill.setSelection(r,0,a.Ay.sources.USER)}}else{const e=i.table()[r];null!=e&&(t?this.quill.setSelection(e.offset(this.quill.scroll)+e.length()-1,0,a.Ay.sources.USER):this.quill.setSelection(e.offset(this.quill.scroll),0,a.Ay.sources.USER))}return!1}}}function v(t){let{quill:e,range:n}=t;const r=e.getLines(n);let i={};if(r.length>1){const t=r[0].formats(),e=r[r.length-1].formats();i=s.AttributeMap.diff(e,t)||{}}e.deleteText(n,a.Ay.sources.USER),Object.keys(i).length>0&&e.formatLine(n.index,1,i,a.Ay.sources.USER),e.setSelection(n.index,a.Ay.sources.SILENT)}f.DEFAULTS=p},8920:function(t){"use strict";var e=Object.prototype.hasOwnProperty,n="~";function r(){}function i(t,e,n){this.fn=t,this.context=e,this.once=n||!1}function s(t,e,r,s,o){if("function"!=typeof r)throw new TypeError("The listener must be a function");var l=new i(r,s||t,o),a=n?n+e:e;return t._events[a]?t._events[a].fn?t._events[a]=[t._events[a],l]:t._events[a].push(l):(t._events[a]=l,t._eventsCount++),t}function o(t,e){0==--t._eventsCount?t._events=new r:delete t._events[e]}function l(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=Object.create(null),(new r).__proto__||(n=!1)),l.prototype.eventNames=function(){var t,r,i=[];if(0===this._eventsCount)return i;for(r in t=this._events)e.call(t,r)&&i.push(n?r.slice(1):r);return Object.getOwnPropertySymbols?i.concat(Object.getOwnPropertySymbols(t)):i},l.prototype.listeners=function(t){var e=n?n+t:t,r=this._events[e];if(!r)return[];if(r.fn)return[r.fn];for(var i=0,s=r.length,o=new Array(s);i<s;i++)o[i]=r[i].fn;return o},l.prototype.listenerCount=function(t){var e=n?n+t:t,r=this._events[e];return r?r.fn?1:r.length:0},l.prototype.emit=function(t,e,r,i,s,o){var l=n?n+t:t;if(!this._events[l])return!1;var a,c,u=this._events[l],h=arguments.length;if(u.fn){switch(u.once&&this.removeListener(t,u.fn,void 0,!0),h){case 1:return u.fn.call(u.context),!0;case 2:return u.fn.call(u.context,e),!0;case 3:return u.fn.call(u.context,e,r),!0;case 4:return u.fn.call(u.context,e,r,i),!0;case 5:return u.fn.call(u.context,e,r,i,s),!0;case 6:return u.fn.call(u.context,e,r,i,s,o),!0}for(c=1,a=new Array(h-1);c<h;c++)a[c-1]=arguments[c];u.fn.apply(u.context,a)}else{var d,f=u.length;for(c=0;c<f;c++)switch(u[c].once&&this.removeListener(t,u[c].fn,void 0,!0),h){case 1:u[c].fn.call(u[c].context);break;case 2:u[c].fn.call(u[c].context,e);break;case 3:u[c].fn.call(u[c].context,e,r);break;case 4:u[c].fn.call(u[c].context,e,r,i);break;default:if(!a)for(d=1,a=new Array(h-1);d<h;d++)a[d-1]=arguments[d];u[c].fn.apply(u[c].context,a)}}return!0},l.prototype.on=function(t,e,n){return s(this,t,e,n,!1)},l.prototype.once=function(t,e,n){return s(this,t,e,n,!0)},l.prototype.removeListener=function(t,e,r,i){var s=n?n+t:t;if(!this._events[s])return this;if(!e)return o(this,s),this;var l=this._events[s];if(l.fn)l.fn!==e||i&&!l.once||r&&l.context!==r||o(this,s);else{for(var a=0,c=[],u=l.length;a<u;a++)(l[a].fn!==e||i&&!l[a].once||r&&l[a].context!==r)&&c.push(l[a]);c.length?this._events[s]=1===c.length?c[0]:c:o(this,s)}return this},l.prototype.removeAllListeners=function(t){var e;return t?(e=n?n+t:t,this._events[e]&&o(this,e)):(this._events=new r,this._eventsCount=0),this},l.prototype.off=l.prototype.removeListener,l.prototype.addListener=l.prototype.on,l.prefixed=n,l.EventEmitter=l,t.exports=l},5090:function(t){var e=-1,n=1,r=0;function i(t,g,m,b,y){if(t===g)return t?[[r,t]]:[];if(null!=m){var A=function(t,e,n){var r="number"==typeof n?{index:n,length:0}:n.oldRange,i="number"==typeof n?null:n.newRange,s=t.length,o=e.length;if(0===r.length&&(null===i||0===i.length)){var l=r.index,a=t.slice(0,l),c=t.slice(l),u=i?i.index:null,h=l+o-s;if((null===u||u===h)&&!(h<0||h>o)){var d=e.slice(0,h);if((g=e.slice(h))===c){var f=Math.min(l,h);if((b=a.slice(0,f))===(A=d.slice(0,f)))return v(b,a.slice(f),d.slice(f),c)}}if(null===u||u===l){var p=l,g=(d=e.slice(0,p),e.slice(p));if(d===a){var m=Math.min(s-p,o-p);if((y=c.slice(c.length-m))===(x=g.slice(g.length-m)))return v(a,c.slice(0,c.length-m),g.slice(0,g.length-m),y)}}}if(r.length>0&&i&&0===i.length){var b=t.slice(0,r.index),y=t.slice(r.index+r.length);if(!(o<(f=b.length)+(m=y.length))){var A=e.slice(0,f),x=e.slice(o-m);if(b===A&&y===x)return v(b,t.slice(f,s-m),e.slice(f,o-m),y)}}return null}(t,g,m);if(A)return A}var x=o(t,g),N=t.substring(0,x);x=a(t=t.substring(x),g=g.substring(x));var E=t.substring(t.length-x),w=function(t,l){var c;if(!t)return[[n,l]];if(!l)return[[e,t]];var u=t.length>l.length?t:l,h=t.length>l.length?l:t,d=u.indexOf(h);if(-1!==d)return c=[[n,u.substring(0,d)],[r,h],[n,u.substring(d+h.length)]],t.length>l.length&&(c[0][0]=c[2][0]=e),c;if(1===h.length)return[[e,t],[n,l]];var f=function(t,e){var n=t.length>e.length?t:e,r=t.length>e.length?e:t;if(n.length<4||2*r.length<n.length)return null;function i(t,e,n){for(var r,i,s,l,c=t.substring(n,n+Math.floor(t.length/4)),u=-1,h="";-1!==(u=e.indexOf(c,u+1));){var d=o(t.substring(n),e.substring(u)),f=a(t.substring(0,n),e.substring(0,u));h.length<f+d&&(h=e.substring(u-f,u)+e.substring(u,u+d),r=t.substring(0,n-f),i=t.substring(n+d),s=e.substring(0,u-f),l=e.substring(u+d))}return 2*h.length>=t.length?[r,i,s,l,h]:null}var s,l,c,u,h,d=i(n,r,Math.ceil(n.length/4)),f=i(n,r,Math.ceil(n.length/2));return d||f?(s=f?d&&d[4].length>f[4].length?d:f:d,t.length>e.length?(l=s[0],c=s[1],u=s[2],h=s[3]):(u=s[0],h=s[1],l=s[2],c=s[3]),[l,c,u,h,s[4]]):null}(t,l);if(f){var p=f[0],g=f[1],m=f[2],b=f[3],y=f[4],v=i(p,m),A=i(g,b);return v.concat([[r,y]],A)}return function(t,r){for(var i=t.length,o=r.length,l=Math.ceil((i+o)/2),a=l,c=2*l,u=new Array(c),h=new Array(c),d=0;d<c;d++)u[d]=-1,h[d]=-1;u[a+1]=0,h[a+1]=0;for(var f=i-o,p=f%2!=0,g=0,m=0,b=0,y=0,v=0;v<l;v++){for(var A=-v+g;A<=v-m;A+=2){for(var x=a+A,N=(_=A===-v||A!==v&&u[x-1]<u[x+1]?u[x+1]:u[x-1]+1)-A;_<i&&N<o&&t.charAt(_)===r.charAt(N);)_++,N++;if(u[x]=_,_>i)m+=2;else if(N>o)g+=2;else if(p&&(q=a+f-A)>=0&&q<c&&-1!==h[q]&&_>=(w=i-h[q]))return s(t,r,_,N)}for(var E=-v+b;E<=v-y;E+=2){for(var w,q=a+E,k=(w=E===-v||E!==v&&h[q-1]<h[q+1]?h[q+1]:h[q-1]+1)-E;w<i&&k<o&&t.charAt(i-w-1)===r.charAt(o-k-1);)w++,k++;if(h[q]=w,w>i)y+=2;else if(k>o)b+=2;else if(!p){var _;if((x=a+f-E)>=0&&x<c&&-1!==u[x])if(N=a+(_=u[x])-x,_>=(w=i-w))return s(t,r,_,N)}}}return[[e,t],[n,r]]}(t,l)}(t=t.substring(0,t.length-x),g=g.substring(0,g.length-x));return N&&w.unshift([r,N]),E&&w.push([r,E]),p(w,y),b&&function(t){for(var i=!1,s=[],o=0,g=null,m=0,b=0,y=0,v=0,A=0;m<t.length;)t[m][0]==r?(s[o++]=m,b=v,y=A,v=0,A=0,g=t[m][1]):(t[m][0]==n?v+=t[m][1].length:A+=t[m][1].length,g&&g.length<=Math.max(b,y)&&g.length<=Math.max(v,A)&&(t.splice(s[o-1],0,[e,g]),t[s[o-1]+1][0]=n,o--,m=--o>0?s[o-1]:-1,b=0,y=0,v=0,A=0,g=null,i=!0)),m++;for(i&&p(t),function(t){function e(t,e){if(!t||!e)return 6;var n=t.charAt(t.length-1),r=e.charAt(0),i=n.match(c),s=r.match(c),o=i&&n.match(u),l=s&&r.match(u),a=o&&n.match(h),p=l&&r.match(h),g=a&&t.match(d),m=p&&e.match(f);return g||m?5:a||p?4:i&&!o&&l?3:o||l?2:i||s?1:0}for(var n=1;n<t.length-1;){if(t[n-1][0]==r&&t[n+1][0]==r){var i=t[n-1][1],s=t[n][1],o=t[n+1][1],l=a(i,s);if(l){var p=s.substring(s.length-l);i=i.substring(0,i.length-l),s=p+s.substring(0,s.length-l),o=p+o}for(var g=i,m=s,b=o,y=e(i,s)+e(s,o);s.charAt(0)===o.charAt(0);){i+=s.charAt(0),s=s.substring(1)+o.charAt(0),o=o.substring(1);var v=e(i,s)+e(s,o);v>=y&&(y=v,g=i,m=s,b=o)}t[n-1][1]!=g&&(g?t[n-1][1]=g:(t.splice(n-1,1),n--),t[n][1]=m,b?t[n+1][1]=b:(t.splice(n+1,1),n--))}n++}}(t),m=1;m<t.length;){if(t[m-1][0]==e&&t[m][0]==n){var x=t[m-1][1],N=t[m][1],E=l(x,N),w=l(N,x);E>=w?(E>=x.length/2||E>=N.length/2)&&(t.splice(m,0,[r,N.substring(0,E)]),t[m-1][1]=x.substring(0,x.length-E),t[m+1][1]=N.substring(E),m++):(w>=x.length/2||w>=N.length/2)&&(t.splice(m,0,[r,x.substring(0,w)]),t[m-1][0]=n,t[m-1][1]=N.substring(0,N.length-w),t[m+1][0]=e,t[m+1][1]=x.substring(w),m++),m++}m++}}(w),w}function s(t,e,n,r){var s=t.substring(0,n),o=e.substring(0,r),l=t.substring(n),a=e.substring(r),c=i(s,o),u=i(l,a);return c.concat(u)}function o(t,e){if(!t||!e||t.charAt(0)!==e.charAt(0))return 0;for(var n=0,r=Math.min(t.length,e.length),i=r,s=0;n<i;)t.substring(s,i)==e.substring(s,i)?s=n=i:r=i,i=Math.floor((r-n)/2+n);return g(t.charCodeAt(i-1))&&i--,i}function l(t,e){var n=t.length,r=e.length;if(0==n||0==r)return 0;n>r?t=t.substring(n-r):n<r&&(e=e.substring(0,n));var i=Math.min(n,r);if(t==e)return i;for(var s=0,o=1;;){var l=t.substring(i-o),a=e.indexOf(l);if(-1==a)return s;o+=a,0!=a&&t.substring(i-o)!=e.substring(0,o)||(s=o,o++)}}function a(t,e){if(!t||!e||t.slice(-1)!==e.slice(-1))return 0;for(var n=0,r=Math.min(t.length,e.length),i=r,s=0;n<i;)t.substring(t.length-i,t.length-s)==e.substring(e.length-i,e.length-s)?s=n=i:r=i,i=Math.floor((r-n)/2+n);return m(t.charCodeAt(t.length-i))&&i--,i}var c=/[^a-zA-Z0-9]/,u=/\s/,h=/[\r\n]/,d=/\n\r?\n$/,f=/^\r?\n\r?\n/;function p(t,i){t.push([r,""]);for(var s,l=0,c=0,u=0,h="",d="";l<t.length;)if(l<t.length-1&&!t[l][1])t.splice(l,1);else switch(t[l][0]){case n:u++,d+=t[l][1],l++;break;case e:c++,h+=t[l][1],l++;break;case r:var f=l-u-c-1;if(i){if(f>=0&&y(t[f][1])){var g=t[f][1].slice(-1);if(t[f][1]=t[f][1].slice(0,-1),h=g+h,d=g+d,!t[f][1]){t.splice(f,1),l--;var m=f-1;t[m]&&t[m][0]===n&&(u++,d=t[m][1]+d,m--),t[m]&&t[m][0]===e&&(c++,h=t[m][1]+h,m--),f=m}}b(t[l][1])&&(g=t[l][1].charAt(0),t[l][1]=t[l][1].slice(1),h+=g,d+=g)}if(l<t.length-1&&!t[l][1]){t.splice(l,1);break}if(h.length>0||d.length>0){h.length>0&&d.length>0&&(0!==(s=o(d,h))&&(f>=0?t[f][1]+=d.substring(0,s):(t.splice(0,0,[r,d.substring(0,s)]),l++),d=d.substring(s),h=h.substring(s)),0!==(s=a(d,h))&&(t[l][1]=d.substring(d.length-s)+t[l][1],d=d.substring(0,d.length-s),h=h.substring(0,h.length-s)));var v=u+c;0===h.length&&0===d.length?(t.splice(l-v,v),l-=v):0===h.length?(t.splice(l-v,v,[n,d]),l=l-v+1):0===d.length?(t.splice(l-v,v,[e,h]),l=l-v+1):(t.splice(l-v,v,[e,h],[n,d]),l=l-v+2)}0!==l&&t[l-1][0]===r?(t[l-1][1]+=t[l][1],t.splice(l,1)):l++,u=0,c=0,h="",d=""}""===t[t.length-1][1]&&t.pop();var A=!1;for(l=1;l<t.length-1;)t[l-1][0]===r&&t[l+1][0]===r&&(t[l][1].substring(t[l][1].length-t[l-1][1].length)===t[l-1][1]?(t[l][1]=t[l-1][1]+t[l][1].substring(0,t[l][1].length-t[l-1][1].length),t[l+1][1]=t[l-1][1]+t[l+1][1],t.splice(l-1,1),A=!0):t[l][1].substring(0,t[l+1][1].length)==t[l+1][1]&&(t[l-1][1]+=t[l+1][1],t[l][1]=t[l][1].substring(t[l+1][1].length)+t[l+1][1],t.splice(l+1,1),A=!0)),l++;A&&p(t,i)}function g(t){return t>=55296&&t<=56319}function m(t){return t>=56320&&t<=57343}function b(t){return m(t.charCodeAt(0))}function y(t){return g(t.charCodeAt(t.length-1))}function v(t,i,s,o){return y(t)||b(o)?null:function(t){for(var e=[],n=0;n<t.length;n++)t[n][1].length>0&&e.push(t[n]);return e}([[r,t],[e,i],[n,s],[r,o]])}function A(t,e,n,r){return i(t,e,n,r,!0)}A.INSERT=n,A.DELETE=e,A.EQUAL=r,t.exports=A},9629:function(t,e,n){t=n.nmd(t);var r="__lodash_hash_undefined__",i=9007199254740991,s="[object Arguments]",o="[object Boolean]",l="[object Date]",a="[object Function]",c="[object GeneratorFunction]",u="[object Map]",h="[object Number]",d="[object Object]",f="[object Promise]",p="[object RegExp]",g="[object Set]",m="[object String]",b="[object Symbol]",y="[object WeakMap]",v="[object ArrayBuffer]",A="[object DataView]",x="[object Float32Array]",N="[object Float64Array]",E="[object Int8Array]",w="[object Int16Array]",q="[object Int32Array]",k="[object Uint8Array]",_="[object Uint8ClampedArray]",L="[object Uint16Array]",S="[object Uint32Array]",O=/\w*$/,T=/^\[object .+?Constructor\]$/,j=/^(?:0|[1-9]\d*)$/,C={};C[s]=C["[object Array]"]=C[v]=C[A]=C[o]=C[l]=C[x]=C[N]=C[E]=C[w]=C[q]=C[u]=C[h]=C[d]=C[p]=C[g]=C[m]=C[b]=C[k]=C[_]=C[L]=C[S]=!0,C["[object Error]"]=C[a]=C[y]=!1;var R="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,I="object"==typeof self&&self&&self.Object===Object&&self,B=R||I||Function("return this")(),M=e&&!e.nodeType&&e,U=M&&t&&!t.nodeType&&t,D=U&&U.exports===M;function P(t,e){return t.set(e[0],e[1]),t}function z(t,e){return t.add(e),t}function F(t,e,n,r){var i=-1,s=t?t.length:0;for(r&&s&&(n=t[++i]);++i<s;)n=e(n,t[i],i,t);return n}function H(t){var e=!1;if(null!=t&&"function"!=typeof t.toString)try{e=!!(t+"")}catch(t){}return e}function $(t){var e=-1,n=Array(t.size);return t.forEach((function(t,r){n[++e]=[r,t]})),n}function V(t,e){return function(n){return t(e(n))}}function K(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var W,Z=Array.prototype,G=Function.prototype,X=Object.prototype,Q=B["__core-js_shared__"],J=(W=/[^.]+$/.exec(Q&&Q.keys&&Q.keys.IE_PROTO||""))?"Symbol(src)_1."+W:"",Y=G.toString,tt=X.hasOwnProperty,et=X.toString,nt=RegExp("^"+Y.call(tt).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),rt=D?B.Buffer:void 0,it=B.Symbol,st=B.Uint8Array,ot=V(Object.getPrototypeOf,Object),lt=Object.create,at=X.propertyIsEnumerable,ct=Z.splice,ut=Object.getOwnPropertySymbols,ht=rt?rt.isBuffer:void 0,dt=V(Object.keys,Object),ft=Bt(B,"DataView"),pt=Bt(B,"Map"),gt=Bt(B,"Promise"),mt=Bt(B,"Set"),bt=Bt(B,"WeakMap"),yt=Bt(Object,"create"),vt=zt(ft),At=zt(pt),xt=zt(gt),Nt=zt(mt),Et=zt(bt),wt=it?it.prototype:void 0,qt=wt?wt.valueOf:void 0;function kt(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function _t(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function Lt(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function St(t){this.__data__=new _t(t)}function Ot(t,e,n){var r=t[e];tt.call(t,e)&&Ft(r,n)&&(void 0!==n||e in t)||(t[e]=n)}function Tt(t,e){for(var n=t.length;n--;)if(Ft(t[n][0],e))return n;return-1}function jt(t,e,n,r,i,f,y){var T;if(r&&(T=f?r(t,i,f,y):r(t)),void 0!==T)return T;if(!Wt(t))return t;var j=Ht(t);if(j){if(T=function(t){var e=t.length,n=t.constructor(e);return e&&"string"==typeof t[0]&&tt.call(t,"index")&&(n.index=t.index,n.input=t.input),n}(t),!e)return function(t,e){var n=-1,r=t.length;for(e||(e=Array(r));++n<r;)e[n]=t[n];return e}(t,T)}else{var R=Ut(t),I=R==a||R==c;if(Vt(t))return function(t,e){if(e)return t.slice();var n=new t.constructor(t.length);return t.copy(n),n}(t,e);if(R==d||R==s||I&&!f){if(H(t))return f?t:{};if(T=function(t){return"function"!=typeof t.constructor||Pt(t)?{}:Wt(e=ot(t))?lt(e):{};var e}(I?{}:t),!e)return function(t,e){return Rt(t,Mt(t),e)}(t,function(t,e){return t&&Rt(e,Zt(e),t)}(T,t))}else{if(!C[R])return f?t:{};T=function(t,e,n,r){var i,s=t.constructor;switch(e){case v:return Ct(t);case o:case l:return new s(+t);case A:return function(t,e){var n=e?Ct(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.byteLength)}(t,r);case x:case N:case E:case w:case q:case k:case _:case L:case S:return function(t,e){var n=e?Ct(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.length)}(t,r);case u:return function(t,e,n){return F(e?n($(t),!0):$(t),P,new t.constructor)}(t,r,n);case h:case m:return new s(t);case p:return function(t){var e=new t.constructor(t.source,O.exec(t));return e.lastIndex=t.lastIndex,e}(t);case g:return function(t,e,n){return F(e?n(K(t),!0):K(t),z,new t.constructor)}(t,r,n);case b:return i=t,qt?Object(qt.call(i)):{}}}(t,R,jt,e)}}y||(y=new St);var B=y.get(t);if(B)return B;if(y.set(t,T),!j)var M=n?function(t){return function(t,e,n){var r=e(t);return Ht(t)?r:function(t,e){for(var n=-1,r=e.length,i=t.length;++n<r;)t[i+n]=e[n];return t}(r,n(t))}(t,Zt,Mt)}(t):Zt(t);return function(t,e){for(var n=-1,r=t?t.length:0;++n<r&&!1!==e(t[n],n););}(M||t,(function(i,s){M&&(i=t[s=i]),Ot(T,s,jt(i,e,n,r,s,t,y))})),T}function Ct(t){var e=new t.constructor(t.byteLength);return new st(e).set(new st(t)),e}function Rt(t,e,n,r){n||(n={});for(var i=-1,s=e.length;++i<s;){var o=e[i],l=r?r(n[o],t[o],o,n,t):void 0;Ot(n,o,void 0===l?t[o]:l)}return n}function It(t,e){var n,r,i=t.__data__;return("string"==(r=typeof(n=e))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?i["string"==typeof e?"string":"hash"]:i.map}function Bt(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return function(t){return!(!Wt(t)||(e=t,J&&J in e))&&(Kt(t)||H(t)?nt:T).test(zt(t));var e}(n)?n:void 0}kt.prototype.clear=function(){this.__data__=yt?yt(null):{}},kt.prototype.delete=function(t){return this.has(t)&&delete this.__data__[t]},kt.prototype.get=function(t){var e=this.__data__;if(yt){var n=e[t];return n===r?void 0:n}return tt.call(e,t)?e[t]:void 0},kt.prototype.has=function(t){var e=this.__data__;return yt?void 0!==e[t]:tt.call(e,t)},kt.prototype.set=function(t,e){return this.__data__[t]=yt&&void 0===e?r:e,this},_t.prototype.clear=function(){this.__data__=[]},_t.prototype.delete=function(t){var e=this.__data__,n=Tt(e,t);return!(n<0||(n==e.length-1?e.pop():ct.call(e,n,1),0))},_t.prototype.get=function(t){var e=this.__data__,n=Tt(e,t);return n<0?void 0:e[n][1]},_t.prototype.has=function(t){return Tt(this.__data__,t)>-1},_t.prototype.set=function(t,e){var n=this.__data__,r=Tt(n,t);return r<0?n.push([t,e]):n[r][1]=e,this},Lt.prototype.clear=function(){this.__data__={hash:new kt,map:new(pt||_t),string:new kt}},Lt.prototype.delete=function(t){return It(this,t).delete(t)},Lt.prototype.get=function(t){return It(this,t).get(t)},Lt.prototype.has=function(t){return It(this,t).has(t)},Lt.prototype.set=function(t,e){return It(this,t).set(t,e),this},St.prototype.clear=function(){this.__data__=new _t},St.prototype.delete=function(t){return this.__data__.delete(t)},St.prototype.get=function(t){return this.__data__.get(t)},St.prototype.has=function(t){return this.__data__.has(t)},St.prototype.set=function(t,e){var n=this.__data__;if(n instanceof _t){var r=n.__data__;if(!pt||r.length<199)return r.push([t,e]),this;n=this.__data__=new Lt(r)}return n.set(t,e),this};var Mt=ut?V(ut,Object):function(){return[]},Ut=function(t){return et.call(t)};function Dt(t,e){return!!(e=null==e?i:e)&&("number"==typeof t||j.test(t))&&t>-1&&t%1==0&&t<e}function Pt(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||X)}function zt(t){if(null!=t){try{return Y.call(t)}catch(t){}try{return t+""}catch(t){}}return""}function Ft(t,e){return t===e||t!=t&&e!=e}(ft&&Ut(new ft(new ArrayBuffer(1)))!=A||pt&&Ut(new pt)!=u||gt&&Ut(gt.resolve())!=f||mt&&Ut(new mt)!=g||bt&&Ut(new bt)!=y)&&(Ut=function(t){var e=et.call(t),n=e==d?t.constructor:void 0,r=n?zt(n):void 0;if(r)switch(r){case vt:return A;case At:return u;case xt:return f;case Nt:return g;case Et:return y}return e});var Ht=Array.isArray;function $t(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=i}(t.length)&&!Kt(t)}var Vt=ht||function(){return!1};function Kt(t){var e=Wt(t)?et.call(t):"";return e==a||e==c}function Wt(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function Zt(t){return $t(t)?function(t,e){var n=Ht(t)||function(t){return function(t){return function(t){return!!t&&"object"==typeof t}(t)&&$t(t)}(t)&&tt.call(t,"callee")&&(!at.call(t,"callee")||et.call(t)==s)}(t)?function(t,e){for(var n=-1,r=Array(t);++n<t;)r[n]=e(n);return r}(t.length,String):[],r=n.length,i=!!r;for(var o in t)!e&&!tt.call(t,o)||i&&("length"==o||Dt(o,r))||n.push(o);return n}(t):function(t){if(!Pt(t))return dt(t);var e=[];for(var n in Object(t))tt.call(t,n)&&"constructor"!=n&&e.push(n);return e}(t)}t.exports=function(t){return jt(t,!0,!0)}},4162:function(t,e,n){t=n.nmd(t);var r="__lodash_hash_undefined__",i=1,s=2,o=9007199254740991,l="[object Arguments]",a="[object Array]",c="[object AsyncFunction]",u="[object Boolean]",h="[object Date]",d="[object Error]",f="[object Function]",p="[object GeneratorFunction]",g="[object Map]",m="[object Number]",b="[object Null]",y="[object Object]",v="[object Promise]",A="[object Proxy]",x="[object RegExp]",N="[object Set]",E="[object String]",w="[object Undefined]",q="[object WeakMap]",k="[object ArrayBuffer]",_="[object DataView]",L=/^\[object .+?Constructor\]$/,S=/^(?:0|[1-9]\d*)$/,O={};O["[object Float32Array]"]=O["[object Float64Array]"]=O["[object Int8Array]"]=O["[object Int16Array]"]=O["[object Int32Array]"]=O["[object Uint8Array]"]=O["[object Uint8ClampedArray]"]=O["[object Uint16Array]"]=O["[object Uint32Array]"]=!0,O[l]=O[a]=O[k]=O[u]=O[_]=O[h]=O[d]=O[f]=O[g]=O[m]=O[y]=O[x]=O[N]=O[E]=O[q]=!1;var T="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,j="object"==typeof self&&self&&self.Object===Object&&self,C=T||j||Function("return this")(),R=e&&!e.nodeType&&e,I=R&&t&&!t.nodeType&&t,B=I&&I.exports===R,M=B&&T.process,U=function(){try{return M&&M.binding&&M.binding("util")}catch(t){}}(),D=U&&U.isTypedArray;function P(t,e){for(var n=-1,r=null==t?0:t.length;++n<r;)if(e(t[n],n,t))return!0;return!1}function z(t){var e=-1,n=Array(t.size);return t.forEach((function(t,r){n[++e]=[r,t]})),n}function F(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var H,$,V,K=Array.prototype,W=Function.prototype,Z=Object.prototype,G=C["__core-js_shared__"],X=W.toString,Q=Z.hasOwnProperty,J=(H=/[^.]+$/.exec(G&&G.keys&&G.keys.IE_PROTO||""))?"Symbol(src)_1."+H:"",Y=Z.toString,tt=RegExp("^"+X.call(Q).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),et=B?C.Buffer:void 0,nt=C.Symbol,rt=C.Uint8Array,it=Z.propertyIsEnumerable,st=K.splice,ot=nt?nt.toStringTag:void 0,lt=Object.getOwnPropertySymbols,at=et?et.isBuffer:void 0,ct=($=Object.keys,V=Object,function(t){return $(V(t))}),ut=It(C,"DataView"),ht=It(C,"Map"),dt=It(C,"Promise"),ft=It(C,"Set"),pt=It(C,"WeakMap"),gt=It(Object,"create"),mt=Dt(ut),bt=Dt(ht),yt=Dt(dt),vt=Dt(ft),At=Dt(pt),xt=nt?nt.prototype:void 0,Nt=xt?xt.valueOf:void 0;function Et(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function wt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function qt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function kt(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new qt;++e<n;)this.add(t[e])}function _t(t){var e=this.__data__=new wt(t);this.size=e.size}function Lt(t,e){for(var n=t.length;n--;)if(Pt(t[n][0],e))return n;return-1}function St(t){return null==t?void 0===t?w:b:ot&&ot in Object(t)?function(t){var e=Q.call(t,ot),n=t[ot];try{t[ot]=void 0;var r=!0}catch(t){}var i=Y.call(t);return r&&(e?t[ot]=n:delete t[ot]),i}(t):function(t){return Y.call(t)}(t)}function Ot(t){return Wt(t)&&St(t)==l}function Tt(t,e,n,r,o){return t===e||(null==t||null==e||!Wt(t)&&!Wt(e)?t!=t&&e!=e:function(t,e,n,r,o,c){var f=Ft(t),p=Ft(e),b=f?a:Mt(t),v=p?a:Mt(e),A=(b=b==l?y:b)==y,w=(v=v==l?y:v)==y,q=b==v;if(q&&Ht(t)){if(!Ht(e))return!1;f=!0,A=!1}if(q&&!A)return c||(c=new _t),f||Zt(t)?jt(t,e,n,r,o,c):function(t,e,n,r,o,l,a){switch(n){case _:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case k:return!(t.byteLength!=e.byteLength||!l(new rt(t),new rt(e)));case u:case h:case m:return Pt(+t,+e);case d:return t.name==e.name&&t.message==e.message;case x:case E:return t==e+"";case g:var c=z;case N:var f=r&i;if(c||(c=F),t.size!=e.size&&!f)return!1;var p=a.get(t);if(p)return p==e;r|=s,a.set(t,e);var b=jt(c(t),c(e),r,o,l,a);return a.delete(t),b;case"[object Symbol]":if(Nt)return Nt.call(t)==Nt.call(e)}return!1}(t,e,b,n,r,o,c);if(!(n&i)){var L=A&&Q.call(t,"__wrapped__"),S=w&&Q.call(e,"__wrapped__");if(L||S){var O=L?t.value():t,T=S?e.value():e;return c||(c=new _t),o(O,T,n,r,c)}}return!!q&&(c||(c=new _t),function(t,e,n,r,s,o){var l=n&i,a=Ct(t),c=a.length;if(c!=Ct(e).length&&!l)return!1;for(var u=c;u--;){var h=a[u];if(!(l?h in e:Q.call(e,h)))return!1}var d=o.get(t);if(d&&o.get(e))return d==e;var f=!0;o.set(t,e),o.set(e,t);for(var p=l;++u<c;){var g=t[h=a[u]],m=e[h];if(r)var b=l?r(m,g,h,e,t,o):r(g,m,h,t,e,o);if(!(void 0===b?g===m||s(g,m,n,r,o):b)){f=!1;break}p||(p="constructor"==h)}if(f&&!p){var y=t.constructor,v=e.constructor;y==v||!("constructor"in t)||!("constructor"in e)||"function"==typeof y&&y instanceof y&&"function"==typeof v&&v instanceof v||(f=!1)}return o.delete(t),o.delete(e),f}(t,e,n,r,o,c))}(t,e,n,r,Tt,o))}function jt(t,e,n,r,o,l){var a=n&i,c=t.length,u=e.length;if(c!=u&&!(a&&u>c))return!1;var h=l.get(t);if(h&&l.get(e))return h==e;var d=-1,f=!0,p=n&s?new kt:void 0;for(l.set(t,e),l.set(e,t);++d<c;){var g=t[d],m=e[d];if(r)var b=a?r(m,g,d,e,t,l):r(g,m,d,t,e,l);if(void 0!==b){if(b)continue;f=!1;break}if(p){if(!P(e,(function(t,e){if(i=e,!p.has(i)&&(g===t||o(g,t,n,r,l)))return p.push(e);var i}))){f=!1;break}}else if(g!==m&&!o(g,m,n,r,l)){f=!1;break}}return l.delete(t),l.delete(e),f}function Ct(t){return function(t,e,n){var r=e(t);return Ft(t)?r:function(t,e){for(var n=-1,r=e.length,i=t.length;++n<r;)t[i+n]=e[n];return t}(r,n(t))}(t,Gt,Bt)}function Rt(t,e){var n,r,i=t.__data__;return("string"==(r=typeof(n=e))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?i["string"==typeof e?"string":"hash"]:i.map}function It(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return function(t){return!(!Kt(t)||function(t){return!!J&&J in t}(t))&&($t(t)?tt:L).test(Dt(t))}(n)?n:void 0}Et.prototype.clear=function(){this.__data__=gt?gt(null):{},this.size=0},Et.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},Et.prototype.get=function(t){var e=this.__data__;if(gt){var n=e[t];return n===r?void 0:n}return Q.call(e,t)?e[t]:void 0},Et.prototype.has=function(t){var e=this.__data__;return gt?void 0!==e[t]:Q.call(e,t)},Et.prototype.set=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=gt&&void 0===e?r:e,this},wt.prototype.clear=function(){this.__data__=[],this.size=0},wt.prototype.delete=function(t){var e=this.__data__,n=Lt(e,t);return!(n<0||(n==e.length-1?e.pop():st.call(e,n,1),--this.size,0))},wt.prototype.get=function(t){var e=this.__data__,n=Lt(e,t);return n<0?void 0:e[n][1]},wt.prototype.has=function(t){return Lt(this.__data__,t)>-1},wt.prototype.set=function(t,e){var n=this.__data__,r=Lt(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this},qt.prototype.clear=function(){this.size=0,this.__data__={hash:new Et,map:new(ht||wt),string:new Et}},qt.prototype.delete=function(t){var e=Rt(this,t).delete(t);return this.size-=e?1:0,e},qt.prototype.get=function(t){return Rt(this,t).get(t)},qt.prototype.has=function(t){return Rt(this,t).has(t)},qt.prototype.set=function(t,e){var n=Rt(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this},kt.prototype.add=kt.prototype.push=function(t){return this.__data__.set(t,r),this},kt.prototype.has=function(t){return this.__data__.has(t)},_t.prototype.clear=function(){this.__data__=new wt,this.size=0},_t.prototype.delete=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n},_t.prototype.get=function(t){return this.__data__.get(t)},_t.prototype.has=function(t){return this.__data__.has(t)},_t.prototype.set=function(t,e){var n=this.__data__;if(n instanceof wt){var r=n.__data__;if(!ht||r.length<199)return r.push([t,e]),this.size=++n.size,this;n=this.__data__=new qt(r)}return n.set(t,e),this.size=n.size,this};var Bt=lt?function(t){return null==t?[]:(t=Object(t),function(e,n){for(var r=-1,i=null==e?0:e.length,s=0,o=[];++r<i;){var l=e[r];a=l,it.call(t,a)&&(o[s++]=l)}var a;return o}(lt(t)))}:function(){return[]},Mt=St;function Ut(t,e){return!!(e=null==e?o:e)&&("number"==typeof t||S.test(t))&&t>-1&&t%1==0&&t<e}function Dt(t){if(null!=t){try{return X.call(t)}catch(t){}try{return t+""}catch(t){}}return""}function Pt(t,e){return t===e||t!=t&&e!=e}(ut&&Mt(new ut(new ArrayBuffer(1)))!=_||ht&&Mt(new ht)!=g||dt&&Mt(dt.resolve())!=v||ft&&Mt(new ft)!=N||pt&&Mt(new pt)!=q)&&(Mt=function(t){var e=St(t),n=e==y?t.constructor:void 0,r=n?Dt(n):"";if(r)switch(r){case mt:return _;case bt:return g;case yt:return v;case vt:return N;case At:return q}return e});var zt=Ot(function(){return arguments}())?Ot:function(t){return Wt(t)&&Q.call(t,"callee")&&!it.call(t,"callee")},Ft=Array.isArray,Ht=at||function(){return!1};function $t(t){if(!Kt(t))return!1;var e=St(t);return e==f||e==p||e==c||e==A}function Vt(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=o}function Kt(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}function Wt(t){return null!=t&&"object"==typeof t}var Zt=D?function(t){return function(e){return t(e)}}(D):function(t){return Wt(t)&&Vt(t.length)&&!!O[St(t)]};function Gt(t){return null!=(e=t)&&Vt(e.length)&&!$t(e)?function(t,e){var n=Ft(t),r=!n&&zt(t),i=!n&&!r&&Ht(t),s=!n&&!r&&!i&&Zt(t),o=n||r||i||s,l=o?function(t,e){for(var n=-1,r=Array(t);++n<t;)r[n]=e(n);return r}(t.length,String):[],a=l.length;for(var c in t)!e&&!Q.call(t,c)||o&&("length"==c||i&&("offset"==c||"parent"==c)||s&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||Ut(c,a))||l.push(c);return l}(t):function(t){if(n=(e=t)&&e.constructor,e!==("function"==typeof n&&n.prototype||Z))return ct(t);var e,n,r=[];for(var i in Object(t))Q.call(t,i)&&"constructor"!=i&&r.push(i);return r}(t);var e}t.exports=function(t,e){return Tt(t,e)}},1270:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const r=n(9629),i=n(4162);var s;!function(t){t.compose=function(t={},e={},n=!1){"object"!=typeof t&&(t={}),"object"!=typeof e&&(e={});let i=r(e);n||(i=Object.keys(i).reduce(((t,e)=>(null!=i[e]&&(t[e]=i[e]),t)),{}));for(const n in t)void 0!==t[n]&&void 0===e[n]&&(i[n]=t[n]);return Object.keys(i).length>0?i:void 0},t.diff=function(t={},e={}){"object"!=typeof t&&(t={}),"object"!=typeof e&&(e={});const n=Object.keys(t).concat(Object.keys(e)).reduce(((n,r)=>(i(t[r],e[r])||(n[r]=void 0===e[r]?null:e[r]),n)),{});return Object.keys(n).length>0?n:void 0},t.invert=function(t={},e={}){t=t||{};const n=Object.keys(e).reduce(((n,r)=>(e[r]!==t[r]&&void 0!==t[r]&&(n[r]=e[r]),n)),{});return Object.keys(t).reduce(((n,r)=>(t[r]!==e[r]&&void 0===e[r]&&(n[r]=null),n)),n)},t.transform=function(t,e,n=!1){if("object"!=typeof t)return e;if("object"!=typeof e)return;if(!n)return e;const r=Object.keys(e).reduce(((n,r)=>(void 0===t[r]&&(n[r]=e[r]),n)),{});return Object.keys(r).length>0?r:void 0}}(s||(s={})),e.default=s},5232:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.AttributeMap=e.OpIterator=e.Op=void 0;const r=n(5090),i=n(9629),s=n(4162),o=n(1270);e.AttributeMap=o.default;const l=n(4123);e.Op=l.default;const a=n(7033);e.OpIterator=a.default;const c=String.fromCharCode(0),u=(t,e)=>{if("object"!=typeof t||null===t)throw new Error("cannot retain a "+typeof t);if("object"!=typeof e||null===e)throw new Error("cannot retain a "+typeof e);const n=Object.keys(t)[0];if(!n||n!==Object.keys(e)[0])throw new Error(`embed types not matched: ${n} != ${Object.keys(e)[0]}`);return[n,t[n],e[n]]};class h{constructor(t){Array.isArray(t)?this.ops=t:null!=t&&Array.isArray(t.ops)?this.ops=t.ops:this.ops=[]}static registerEmbed(t,e){this.handlers[t]=e}static unregisterEmbed(t){delete this.handlers[t]}static getHandler(t){const e=this.handlers[t];if(!e)throw new Error(`no handlers for embed type "${t}"`);return e}insert(t,e){const n={};return"string"==typeof t&&0===t.length?this:(n.insert=t,null!=e&&"object"==typeof e&&Object.keys(e).length>0&&(n.attributes=e),this.push(n))}delete(t){return t<=0?this:this.push({delete:t})}retain(t,e){if("number"==typeof t&&t<=0)return this;const n={retain:t};return null!=e&&"object"==typeof e&&Object.keys(e).length>0&&(n.attributes=e),this.push(n)}push(t){let e=this.ops.length,n=this.ops[e-1];if(t=i(t),"object"==typeof n){if("number"==typeof t.delete&&"number"==typeof n.delete)return this.ops[e-1]={delete:n.delete+t.delete},this;if("number"==typeof n.delete&&null!=t.insert&&(e-=1,n=this.ops[e-1],"object"!=typeof n))return this.ops.unshift(t),this;if(s(t.attributes,n.attributes)){if("string"==typeof t.insert&&"string"==typeof n.insert)return this.ops[e-1]={insert:n.insert+t.insert},"object"==typeof t.attributes&&(this.ops[e-1].attributes=t.attributes),this;if("number"==typeof t.retain&&"number"==typeof n.retain)return this.ops[e-1]={retain:n.retain+t.retain},"object"==typeof t.attributes&&(this.ops[e-1].attributes=t.attributes),this}}return e===this.ops.length?this.ops.push(t):this.ops.splice(e,0,t),this}chop(){const t=this.ops[this.ops.length-1];return t&&"number"==typeof t.retain&&!t.attributes&&this.ops.pop(),this}filter(t){return this.ops.filter(t)}forEach(t){this.ops.forEach(t)}map(t){return this.ops.map(t)}partition(t){const e=[],n=[];return this.forEach((r=>{(t(r)?e:n).push(r)})),[e,n]}reduce(t,e){return this.ops.reduce(t,e)}changeLength(){return this.reduce(((t,e)=>e.insert?t+l.default.length(e):e.delete?t-e.delete:t),0)}length(){return this.reduce(((t,e)=>t+l.default.length(e)),0)}slice(t=0,e=1/0){const n=[],r=new a.default(this.ops);let i=0;for(;i<e&&r.hasNext();){let s;i<t?s=r.next(t-i):(s=r.next(e-i),n.push(s)),i+=l.default.length(s)}return new h(n)}compose(t){const e=new a.default(this.ops),n=new a.default(t.ops),r=[],i=n.peek();if(null!=i&&"number"==typeof i.retain&&null==i.attributes){let t=i.retain;for(;"insert"===e.peekType()&&e.peekLength()<=t;)t-=e.peekLength(),r.push(e.next());i.retain-t>0&&n.next(i.retain-t)}const l=new h(r);for(;e.hasNext()||n.hasNext();)if("insert"===n.peekType())l.push(n.next());else if("delete"===e.peekType())l.push(e.next());else{const t=Math.min(e.peekLength(),n.peekLength()),r=e.next(t),i=n.next(t);if(i.retain){const a={};if("number"==typeof r.retain)a.retain="number"==typeof i.retain?t:i.retain;else if("number"==typeof i.retain)null==r.retain?a.insert=r.insert:a.retain=r.retain;else{const t=null==r.retain?"insert":"retain",[e,n,s]=u(r[t],i.retain),o=h.getHandler(e);a[t]={[e]:o.compose(n,s,"retain"===t)}}const c=o.default.compose(r.attributes,i.attributes,"number"==typeof r.retain);if(c&&(a.attributes=c),l.push(a),!n.hasNext()&&s(l.ops[l.ops.length-1],a)){const t=new h(e.rest());return l.concat(t).chop()}}else"number"==typeof i.delete&&("number"==typeof r.retain||"object"==typeof r.retain&&null!==r.retain)&&l.push(i)}return l.chop()}concat(t){const e=new h(this.ops.slice());return t.ops.length>0&&(e.push(t.ops[0]),e.ops=e.ops.concat(t.ops.slice(1))),e}diff(t,e){if(this.ops===t.ops)return new h;const n=[this,t].map((e=>e.map((n=>{if(null!=n.insert)return"string"==typeof n.insert?n.insert:c;throw new Error("diff() called "+(e===t?"on":"with")+" non-document")})).join(""))),i=new h,l=r(n[0],n[1],e,!0),u=new a.default(this.ops),d=new a.default(t.ops);return l.forEach((t=>{let e=t[1].length;for(;e>0;){let n=0;switch(t[0]){case r.INSERT:n=Math.min(d.peekLength(),e),i.push(d.next(n));break;case r.DELETE:n=Math.min(e,u.peekLength()),u.next(n),i.delete(n);break;case r.EQUAL:n=Math.min(u.peekLength(),d.peekLength(),e);const t=u.next(n),l=d.next(n);s(t.insert,l.insert)?i.retain(n,o.default.diff(t.attributes,l.attributes)):i.push(l).delete(n)}e-=n}})),i.chop()}eachLine(t,e="\n"){const n=new a.default(this.ops);let r=new h,i=0;for(;n.hasNext();){if("insert"!==n.peekType())return;const s=n.peek(),o=l.default.length(s)-n.peekLength(),a="string"==typeof s.insert?s.insert.indexOf(e,o)-o:-1;if(a<0)r.push(n.next());else if(a>0)r.push(n.next(a));else{if(!1===t(r,n.next(1).attributes||{},i))return;i+=1,r=new h}}r.length()>0&&t(r,{},i)}invert(t){const e=new h;return this.reduce(((n,r)=>{if(r.insert)e.delete(l.default.length(r));else{if("number"==typeof r.retain&&null==r.attributes)return e.retain(r.retain),n+r.retain;if(r.delete||"number"==typeof r.retain){const i=r.delete||r.retain;return t.slice(n,n+i).forEach((t=>{r.delete?e.push(t):r.retain&&r.attributes&&e.retain(l.default.length(t),o.default.invert(r.attributes,t.attributes))})),n+i}if("object"==typeof r.retain&&null!==r.retain){const i=t.slice(n,n+1),s=new a.default(i.ops).next(),[l,c,d]=u(r.retain,s.insert),f=h.getHandler(l);return e.retain({[l]:f.invert(c,d)},o.default.invert(r.attributes,s.attributes)),n+1}}return n}),0),e.chop()}transform(t,e=!1){if(e=!!e,"number"==typeof t)return this.transformPosition(t,e);const n=t,r=new a.default(this.ops),i=new a.default(n.ops),s=new h;for(;r.hasNext()||i.hasNext();)if("insert"!==r.peekType()||!e&&"insert"===i.peekType())if("insert"===i.peekType())s.push(i.next());else{const t=Math.min(r.peekLength(),i.peekLength()),n=r.next(t),l=i.next(t);if(n.delete)continue;if(l.delete)s.push(l);else{const r=n.retain,i=l.retain;let a="object"==typeof i&&null!==i?i:t;if("object"==typeof r&&null!==r&&"object"==typeof i&&null!==i){const t=Object.keys(r)[0];if(t===Object.keys(i)[0]){const n=h.getHandler(t);n&&(a={[t]:n.transform(r[t],i[t],e)})}}s.retain(a,o.default.transform(n.attributes,l.attributes,e))}}else s.retain(l.default.length(r.next()));return s.chop()}transformPosition(t,e=!1){e=!!e;const n=new a.default(this.ops);let r=0;for(;n.hasNext()&&r<=t;){const i=n.peekLength(),s=n.peekType();n.next(),"delete"!==s?("insert"===s&&(r<t||!e)&&(t+=i),r+=i):t-=Math.min(i,t-r)}return t}}h.Op=l.default,h.OpIterator=a.default,h.AttributeMap=o.default,h.handlers={},e.default=h,t.exports=h,t.exports.default=h},4123:function(t,e){"use strict";var n;Object.defineProperty(e,"__esModule",{value:!0}),function(t){t.length=function(t){return"number"==typeof t.delete?t.delete:"number"==typeof t.retain?t.retain:"object"==typeof t.retain&&null!==t.retain?1:"string"==typeof t.insert?t.insert.length:1}}(n||(n={})),e.default=n},7033:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const r=n(4123);e.default=class{constructor(t){this.ops=t,this.index=0,this.offset=0}hasNext(){return this.peekLength()<1/0}next(t){t||(t=1/0);const e=this.ops[this.index];if(e){const n=this.offset,i=r.default.length(e);if(t>=i-n?(t=i-n,this.index+=1,this.offset=0):this.offset+=t,"number"==typeof e.delete)return{delete:t};{const r={};return e.attributes&&(r.attributes=e.attributes),"number"==typeof e.retain?r.retain=t:"object"==typeof e.retain&&null!==e.retain?r.retain=e.retain:"string"==typeof e.insert?r.insert=e.insert.substr(n,t):r.insert=e.insert,r}}return{retain:1/0}}peek(){return this.ops[this.index]}peekLength(){return this.ops[this.index]?r.default.length(this.ops[this.index])-this.offset:1/0}peekType(){const t=this.ops[this.index];return t?"number"==typeof t.delete?"delete":"number"==typeof t.retain||"object"==typeof t.retain&&null!==t.retain?"retain":"insert":"retain"}rest(){if(this.hasNext()){if(0===this.offset)return this.ops.slice(this.index);{const t=this.offset,e=this.index,n=this.next(),r=this.ops.slice(this.index);return this.offset=t,this.index=e,[n].concat(r)}}return[]}}},8820:function(t,e,n){"use strict";n.d(e,{A:function(){return l}});var r=n(8138),i=function(t,e){for(var n=t.length;n--;)if((0,r.A)(t[n][0],e))return n;return-1},s=Array.prototype.splice;function o(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}o.prototype.clear=function(){this.__data__=[],this.size=0},o.prototype.delete=function(t){var e=this.__data__,n=i(e,t);return!(n<0||(n==e.length-1?e.pop():s.call(e,n,1),--this.size,0))},o.prototype.get=function(t){var e=this.__data__,n=i(e,t);return n<0?void 0:e[n][1]},o.prototype.has=function(t){return i(this.__data__,t)>-1},o.prototype.set=function(t,e){var n=this.__data__,r=i(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this};var l=o},2461:function(t,e,n){"use strict";var r=n(2281),i=n(5507),s=(0,r.A)(i.A,"Map");e.A=s},3558:function(t,e,n){"use strict";n.d(e,{A:function(){return d}});var r=(0,n(2281).A)(Object,"create"),i=Object.prototype.hasOwnProperty,s=Object.prototype.hasOwnProperty;function o(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}o.prototype.clear=function(){this.__data__=r?r(null):{},this.size=0},o.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},o.prototype.get=function(t){var e=this.__data__;if(r){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return i.call(e,t)?e[t]:void 0},o.prototype.has=function(t){var e=this.__data__;return r?void 0!==e[t]:s.call(e,t)},o.prototype.set=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=r&&void 0===e?"__lodash_hash_undefined__":e,this};var l=o,a=n(8820),c=n(2461),u=function(t,e){var n,r,i=t.__data__;return("string"==(r=typeof(n=e))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?i["string"==typeof e?"string":"hash"]:i.map};function h(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}h.prototype.clear=function(){this.size=0,this.__data__={hash:new l,map:new(c.A||a.A),string:new l}},h.prototype.delete=function(t){var e=u(this,t).delete(t);return this.size-=e?1:0,e},h.prototype.get=function(t){return u(this,t).get(t)},h.prototype.has=function(t){return u(this,t).has(t)},h.prototype.set=function(t,e){var n=u(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this};var d=h},2673:function(t,e,n){"use strict";n.d(e,{A:function(){return l}});var r=n(8820),i=n(2461),s=n(3558);function o(t){var e=this.__data__=new r.A(t);this.size=e.size}o.prototype.clear=function(){this.__data__=new r.A,this.size=0},o.prototype.delete=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n},o.prototype.get=function(t){return this.__data__.get(t)},o.prototype.has=function(t){return this.__data__.has(t)},o.prototype.set=function(t,e){var n=this.__data__;if(n instanceof r.A){var o=n.__data__;if(!i.A||o.length<199)return o.push([t,e]),this.size=++n.size,this;n=this.__data__=new s.A(o)}return n.set(t,e),this.size=n.size,this};var l=o},439:function(t,e,n){"use strict";var r=n(5507).A.Symbol;e.A=r},7218:function(t,e,n){"use strict";var r=n(5507).A.Uint8Array;e.A=r},6753:function(t,e,n){"use strict";n.d(e,{A:function(){return c}});var r=n(8412),i=n(723),s=n(776),o=n(3767),l=n(5755),a=Object.prototype.hasOwnProperty,c=function(t,e){var n=(0,i.A)(t),c=!n&&(0,r.A)(t),u=!n&&!c&&(0,s.A)(t),h=!n&&!c&&!u&&(0,l.A)(t),d=n||c||u||h,f=d?function(t,e){for(var n=-1,r=Array(t);++n<t;)r[n]=e(n);return r}(t.length,String):[],p=f.length;for(var g in t)!e&&!a.call(t,g)||d&&("length"==g||u&&("offset"==g||"parent"==g)||h&&("buffer"==g||"byteLength"==g||"byteOffset"==g)||(0,o.A)(g,p))||f.push(g);return f}},802:function(t,e){"use strict";e.A=function(t,e){for(var n=-1,r=e.length,i=t.length;++n<r;)t[i+n]=e[n];return t}},6437:function(t,e,n){"use strict";var r=n(6770),i=n(8138),s=Object.prototype.hasOwnProperty;e.A=function(t,e,n){var o=t[e];s.call(t,e)&&(0,i.A)(o,n)&&(void 0!==n||e in t)||(0,r.A)(t,e,n)}},6770:function(t,e,n){"use strict";var r=n(7889);e.A=function(t,e,n){"__proto__"==e&&r.A?(0,r.A)(t,e,{configurable:!0,enumerable:!0,value:n,writable:!0}):t[e]=n}},1381:function(t,e,n){"use strict";var r=n(802),i=n(723);e.A=function(t,e,n){var s=e(t);return(0,i.A)(t)?s:(0,r.A)(s,n(t))}},2159:function(t,e,n){"use strict";n.d(e,{A:function(){return u}});var r=n(439),i=Object.prototype,s=i.hasOwnProperty,o=i.toString,l=r.A?r.A.toStringTag:void 0,a=Object.prototype.toString,c=r.A?r.A.toStringTag:void 0,u=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":c&&c in Object(t)?function(t){var e=s.call(t,l),n=t[l];try{t[l]=void 0;var r=!0}catch(t){}var i=o.call(t);return r&&(e?t[l]=n:delete t[l]),i}(t):function(t){return a.call(t)}(t)}},5771:function(t,e){"use strict";e.A=function(t){return function(e){return t(e)}}},2899:function(t,e,n){"use strict";var r=n(7218);e.A=function(t){var e=new t.constructor(t.byteLength);return new r.A(e).set(new r.A(t)),e}},3812:function(t,e,n){"use strict";var r=n(5507),i="object"==typeof exports&&exports&&!exports.nodeType&&exports,s=i&&"object"==typeof module&&module&&!module.nodeType&&module,o=s&&s.exports===i?r.A.Buffer:void 0,l=o?o.allocUnsafe:void 0;e.A=function(t,e){if(e)return t.slice();var n=t.length,r=l?l(n):new t.constructor(n);return t.copy(r),r}},1827:function(t,e,n){"use strict";var r=n(2899);e.A=function(t,e){var n=e?(0,r.A)(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.length)}},4405:function(t,e){"use strict";e.A=function(t,e){var n=-1,r=t.length;for(e||(e=Array(r));++n<r;)e[n]=t[n];return e}},9601:function(t,e,n){"use strict";var r=n(6437),i=n(6770);e.A=function(t,e,n,s){var o=!n;n||(n={});for(var l=-1,a=e.length;++l<a;){var c=e[l],u=s?s(n[c],t[c],c,n,t):void 0;void 0===u&&(u=t[c]),o?(0,i.A)(n,c,u):(0,r.A)(n,c,u)}return n}},7889:function(t,e,n){"use strict";var r=n(2281),i=function(){try{var t=(0,r.A)(Object,"defineProperty");return t({},"",{}),t}catch(t){}}();e.A=i},9646:function(t,e){"use strict";var n="object"==typeof global&&global&&global.Object===Object&&global;e.A=n},2816:function(t,e,n){"use strict";var r=n(1381),i=n(9844),s=n(3169);e.A=function(t){return(0,r.A)(t,s.A,i.A)}},2281:function(t,e,n){"use strict";n.d(e,{A:function(){return m}});var r,i=n(7572),s=n(5507).A["__core-js_shared__"],o=(r=/[^.]+$/.exec(s&&s.keys&&s.keys.IE_PROTO||""))?"Symbol(src)_1."+r:"",l=n(659),a=n(1543),c=/^\[object .+?Constructor\]$/,u=Function.prototype,h=Object.prototype,d=u.toString,f=h.hasOwnProperty,p=RegExp("^"+d.call(f).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),g=function(t){return!(!(0,l.A)(t)||(e=t,o&&o in e))&&((0,i.A)(t)?p:c).test((0,a.A)(t));var e},m=function(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return g(n)?n:void 0}},8769:function(t,e,n){"use strict";var r=(0,n(2217).A)(Object.getPrototypeOf,Object);e.A=r},9844:function(t,e,n){"use strict";n.d(e,{A:function(){return o}});var r=n(6935),i=Object.prototype.propertyIsEnumerable,s=Object.getOwnPropertySymbols,o=s?function(t){return null==t?[]:(t=Object(t),function(t,e){for(var n=-1,r=null==t?0:t.length,i=0,s=[];++n<r;){var o=t[n];e(o,n,t)&&(s[i++]=o)}return s}(s(t),(function(e){return i.call(t,e)})))}:r.A},7995:function(t,e,n){"use strict";n.d(e,{A:function(){return E}});var r=n(2281),i=n(5507),s=(0,r.A)(i.A,"DataView"),o=n(2461),l=(0,r.A)(i.A,"Promise"),a=(0,r.A)(i.A,"Set"),c=(0,r.A)(i.A,"WeakMap"),u=n(2159),h=n(1543),d="[object Map]",f="[object Promise]",p="[object Set]",g="[object WeakMap]",m="[object DataView]",b=(0,h.A)(s),y=(0,h.A)(o.A),v=(0,h.A)(l),A=(0,h.A)(a),x=(0,h.A)(c),N=u.A;(s&&N(new s(new ArrayBuffer(1)))!=m||o.A&&N(new o.A)!=d||l&&N(l.resolve())!=f||a&&N(new a)!=p||c&&N(new c)!=g)&&(N=function(t){var e=(0,u.A)(t),n="[object Object]"==e?t.constructor:void 0,r=n?(0,h.A)(n):"";if(r)switch(r){case b:return m;case y:return d;case v:return f;case A:return p;case x:return g}return e});var E=N},1683:function(t,e,n){"use strict";n.d(e,{A:function(){return a}});var r=n(659),i=Object.create,s=function(){function t(){}return function(e){if(!(0,r.A)(e))return{};if(i)return i(e);t.prototype=e;var n=new t;return t.prototype=void 0,n}}(),o=n(8769),l=n(501),a=function(t){return"function"!=typeof t.constructor||(0,l.A)(t)?{}:s((0,o.A)(t))}},3767:function(t,e){"use strict";var n=/^(?:0|[1-9]\d*)$/;e.A=function(t,e){var r=typeof t;return!!(e=null==e?9007199254740991:e)&&("number"==r||"symbol"!=r&&n.test(t))&&t>-1&&t%1==0&&t<e}},501:function(t,e){"use strict";var n=Object.prototype;e.A=function(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||n)}},8795:function(t,e,n){"use strict";var r=n(9646),i="object"==typeof exports&&exports&&!exports.nodeType&&exports,s=i&&"object"==typeof module&&module&&!module.nodeType&&module,o=s&&s.exports===i&&r.A.process,l=function(){try{return s&&s.require&&s.require("util").types||o&&o.binding&&o.binding("util")}catch(t){}}();e.A=l},2217:function(t,e){"use strict";e.A=function(t,e){return function(n){return t(e(n))}}},5507:function(t,e,n){"use strict";var r=n(9646),i="object"==typeof self&&self&&self.Object===Object&&self,s=r.A||i||Function("return this")();e.A=s},1543:function(t,e){"use strict";var n=Function.prototype.toString;e.A=function(t){if(null!=t){try{return n.call(t)}catch(t){}try{return t+""}catch(t){}}return""}},3707:function(t,e,n){"use strict";n.d(e,{A:function(){return H}});var r=n(2673),i=n(6437),s=n(9601),o=n(3169),l=n(2624),a=n(3812),c=n(4405),u=n(9844),h=n(802),d=n(8769),f=n(6935),p=Object.getOwnPropertySymbols?function(t){for(var e=[];t;)(0,h.A)(e,(0,u.A)(t)),t=(0,d.A)(t);return e}:f.A,g=n(2816),m=n(1381),b=function(t){return(0,m.A)(t,l.A,p)},y=n(7995),v=Object.prototype.hasOwnProperty,A=n(2899),x=/\w*$/,N=n(439),E=N.A?N.A.prototype:void 0,w=E?E.valueOf:void 0,q=n(1827),k=function(t,e,n){var r,i,s,o=t.constructor;switch(e){case"[object ArrayBuffer]":return(0,A.A)(t);case"[object Boolean]":case"[object Date]":return new o(+t);case"[object DataView]":return function(t,e){var n=e?(0,A.A)(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.byteLength)}(t,n);case"[object Float32Array]":case"[object Float64Array]":case"[object Int8Array]":case"[object Int16Array]":case"[object Int32Array]":case"[object Uint8Array]":case"[object Uint8ClampedArray]":case"[object Uint16Array]":case"[object Uint32Array]":return(0,q.A)(t,n);case"[object Map]":case"[object Set]":return new o;case"[object Number]":case"[object String]":return new o(t);case"[object RegExp]":return(s=new(i=t).constructor(i.source,x.exec(i))).lastIndex=i.lastIndex,s;case"[object Symbol]":return r=t,w?Object(w.call(r)):{}}},_=n(1683),L=n(723),S=n(776),O=n(7948),T=n(5771),j=n(8795),C=j.A&&j.A.isMap,R=C?(0,T.A)(C):function(t){return(0,O.A)(t)&&"[object Map]"==(0,y.A)(t)},I=n(659),B=j.A&&j.A.isSet,M=B?(0,T.A)(B):function(t){return(0,O.A)(t)&&"[object Set]"==(0,y.A)(t)},U="[object Arguments]",D="[object Function]",P="[object Object]",z={};z[U]=z["[object Array]"]=z["[object ArrayBuffer]"]=z["[object DataView]"]=z["[object Boolean]"]=z["[object Date]"]=z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Map]"]=z["[object Number]"]=z[P]=z["[object RegExp]"]=z["[object Set]"]=z["[object String]"]=z["[object Symbol]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z["[object Error]"]=z[D]=z["[object WeakMap]"]=!1;var F=function t(e,n,h,d,f,m){var A,x=1&n,N=2&n,E=4&n;if(h&&(A=f?h(e,d,f,m):h(e)),void 0!==A)return A;if(!(0,I.A)(e))return e;var w=(0,L.A)(e);if(w){if(A=function(t){var e=t.length,n=new t.constructor(e);return e&&"string"==typeof t[0]&&v.call(t,"index")&&(n.index=t.index,n.input=t.input),n}(e),!x)return(0,c.A)(e,A)}else{var q=(0,y.A)(e),O=q==D||"[object GeneratorFunction]"==q;if((0,S.A)(e))return(0,a.A)(e,x);if(q==P||q==U||O&&!f){if(A=N||O?{}:(0,_.A)(e),!x)return N?function(t,e){return(0,s.A)(t,p(t),e)}(e,function(t,e){return t&&(0,s.A)(e,(0,l.A)(e),t)}(A,e)):function(t,e){return(0,s.A)(t,(0,u.A)(t),e)}(e,function(t,e){return t&&(0,s.A)(e,(0,o.A)(e),t)}(A,e))}else{if(!z[q])return f?e:{};A=k(e,q,x)}}m||(m=new r.A);var T=m.get(e);if(T)return T;m.set(e,A),M(e)?e.forEach((function(r){A.add(t(r,n,h,r,e,m))})):R(e)&&e.forEach((function(r,i){A.set(i,t(r,n,h,i,e,m))}));var j=E?N?b:g.A:N?l.A:o.A,C=w?void 0:j(e);return function(t,e){for(var n=-1,r=null==t?0:t.length;++n<r&&!1!==e(t[n],n,t););}(C||e,(function(r,s){C&&(r=e[s=r]),(0,i.A)(A,s,t(r,n,h,s,e,m))})),A},H=function(t){return F(t,5)}},8138:function(t,e){"use strict";e.A=function(t,e){return t===e||t!=t&&e!=e}},8412:function(t,e,n){"use strict";n.d(e,{A:function(){return u}});var r=n(2159),i=n(7948),s=function(t){return(0,i.A)(t)&&"[object Arguments]"==(0,r.A)(t)},o=Object.prototype,l=o.hasOwnProperty,a=o.propertyIsEnumerable,c=s(function(){return arguments}())?s:function(t){return(0,i.A)(t)&&l.call(t,"callee")&&!a.call(t,"callee")},u=c},723:function(t,e){"use strict";var n=Array.isArray;e.A=n},3628:function(t,e,n){"use strict";var r=n(7572),i=n(1628);e.A=function(t){return null!=t&&(0,i.A)(t.length)&&!(0,r.A)(t)}},776:function(t,e,n){"use strict";n.d(e,{A:function(){return l}});var r=n(5507),i="object"==typeof exports&&exports&&!exports.nodeType&&exports,s=i&&"object"==typeof module&&module&&!module.nodeType&&module,o=s&&s.exports===i?r.A.Buffer:void 0,l=(o?o.isBuffer:void 0)||function(){return!1}},5123:function(t,e,n){"use strict";n.d(e,{A:function(){return S}});var r=n(2673),i=n(3558);function s(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new i.A;++e<n;)this.add(t[e])}s.prototype.add=s.prototype.push=function(t){return this.__data__.set(t,"__lodash_hash_undefined__"),this},s.prototype.has=function(t){return this.__data__.has(t)};var o=s,l=function(t,e){for(var n=-1,r=null==t?0:t.length;++n<r;)if(e(t[n],n,t))return!0;return!1},a=function(t,e,n,r,i,s){var a=1&n,c=t.length,u=e.length;if(c!=u&&!(a&&u>c))return!1;var h=s.get(t),d=s.get(e);if(h&&d)return h==e&&d==t;var f=-1,p=!0,g=2&n?new o:void 0;for(s.set(t,e),s.set(e,t);++f<c;){var m=t[f],b=e[f];if(r)var y=a?r(b,m,f,e,t,s):r(m,b,f,t,e,s);if(void 0!==y){if(y)continue;p=!1;break}if(g){if(!l(e,(function(t,e){if(o=e,!g.has(o)&&(m===t||i(m,t,n,r,s)))return g.push(e);var o}))){p=!1;break}}else if(m!==b&&!i(m,b,n,r,s)){p=!1;break}}return s.delete(t),s.delete(e),p},c=n(439),u=n(7218),h=n(8138),d=function(t){var e=-1,n=Array(t.size);return t.forEach((function(t,r){n[++e]=[r,t]})),n},f=function(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n},p=c.A?c.A.prototype:void 0,g=p?p.valueOf:void 0,m=n(2816),b=Object.prototype.hasOwnProperty,y=n(7995),v=n(723),A=n(776),x=n(5755),N="[object Arguments]",E="[object Array]",w="[object Object]",q=Object.prototype.hasOwnProperty,k=function(t,e,n,i,s,o){var l=(0,v.A)(t),c=(0,v.A)(e),p=l?E:(0,y.A)(t),k=c?E:(0,y.A)(e),_=(p=p==N?w:p)==w,L=(k=k==N?w:k)==w,S=p==k;if(S&&(0,A.A)(t)){if(!(0,A.A)(e))return!1;l=!0,_=!1}if(S&&!_)return o||(o=new r.A),l||(0,x.A)(t)?a(t,e,n,i,s,o):function(t,e,n,r,i,s,o){switch(n){case"[object DataView]":if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case"[object ArrayBuffer]":return!(t.byteLength!=e.byteLength||!s(new u.A(t),new u.A(e)));case"[object Boolean]":case"[object Date]":case"[object Number]":return(0,h.A)(+t,+e);case"[object Error]":return t.name==e.name&&t.message==e.message;case"[object RegExp]":case"[object String]":return t==e+"";case"[object Map]":var l=d;case"[object Set]":var c=1&r;if(l||(l=f),t.size!=e.size&&!c)return!1;var p=o.get(t);if(p)return p==e;r|=2,o.set(t,e);var m=a(l(t),l(e),r,i,s,o);return o.delete(t),m;case"[object Symbol]":if(g)return g.call(t)==g.call(e)}return!1}(t,e,p,n,i,s,o);if(!(1&n)){var O=_&&q.call(t,"__wrapped__"),T=L&&q.call(e,"__wrapped__");if(O||T){var j=O?t.value():t,C=T?e.value():e;return o||(o=new r.A),s(j,C,n,i,o)}}return!!S&&(o||(o=new r.A),function(t,e,n,r,i,s){var o=1&n,l=(0,m.A)(t),a=l.length;if(a!=(0,m.A)(e).length&&!o)return!1;for(var c=a;c--;){var u=l[c];if(!(o?u in e:b.call(e,u)))return!1}var h=s.get(t),d=s.get(e);if(h&&d)return h==e&&d==t;var f=!0;s.set(t,e),s.set(e,t);for(var p=o;++c<a;){var g=t[u=l[c]],y=e[u];if(r)var v=o?r(y,g,u,e,t,s):r(g,y,u,t,e,s);if(!(void 0===v?g===y||i(g,y,n,r,s):v)){f=!1;break}p||(p="constructor"==u)}if(f&&!p){var A=t.constructor,x=e.constructor;A==x||!("constructor"in t)||!("constructor"in e)||"function"==typeof A&&A instanceof A&&"function"==typeof x&&x instanceof x||(f=!1)}return s.delete(t),s.delete(e),f}(t,e,n,i,s,o))},_=n(7948),L=function t(e,n,r,i,s){return e===n||(null==e||null==n||!(0,_.A)(e)&&!(0,_.A)(n)?e!=e&&n!=n:k(e,n,r,i,t,s))},S=function(t,e){return L(t,e)}},7572:function(t,e,n){"use strict";var r=n(2159),i=n(659);e.A=function(t){if(!(0,i.A)(t))return!1;var e=(0,r.A)(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}},1628:function(t,e){"use strict";e.A=function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=9007199254740991}},659:function(t,e){"use strict";e.A=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}},7948:function(t,e){"use strict";e.A=function(t){return null!=t&&"object"==typeof t}},5755:function(t,e,n){"use strict";n.d(e,{A:function(){return u}});var r=n(2159),i=n(1628),s=n(7948),o={};o["[object Float32Array]"]=o["[object Float64Array]"]=o["[object Int8Array]"]=o["[object Int16Array]"]=o["[object Int32Array]"]=o["[object Uint8Array]"]=o["[object Uint8ClampedArray]"]=o["[object Uint16Array]"]=o["[object Uint32Array]"]=!0,o["[object Arguments]"]=o["[object Array]"]=o["[object ArrayBuffer]"]=o["[object Boolean]"]=o["[object DataView]"]=o["[object Date]"]=o["[object Error]"]=o["[object Function]"]=o["[object Map]"]=o["[object Number]"]=o["[object Object]"]=o["[object RegExp]"]=o["[object Set]"]=o["[object String]"]=o["[object WeakMap]"]=!1;var l=n(5771),a=n(8795),c=a.A&&a.A.isTypedArray,u=c?(0,l.A)(c):function(t){return(0,s.A)(t)&&(0,i.A)(t.length)&&!!o[(0,r.A)(t)]}},3169:function(t,e,n){"use strict";n.d(e,{A:function(){return a}});var r=n(6753),i=n(501),s=(0,n(2217).A)(Object.keys,Object),o=Object.prototype.hasOwnProperty,l=n(3628),a=function(t){return(0,l.A)(t)?(0,r.A)(t):function(t){if(!(0,i.A)(t))return s(t);var e=[];for(var n in Object(t))o.call(t,n)&&"constructor"!=n&&e.push(n);return e}(t)}},2624:function(t,e,n){"use strict";n.d(e,{A:function(){return c}});var r=n(6753),i=n(659),s=n(501),o=Object.prototype.hasOwnProperty,l=function(t){if(!(0,i.A)(t))return function(t){var e=[];if(null!=t)for(var n in Object(t))e.push(n);return e}(t);var e=(0,s.A)(t),n=[];for(var r in t)("constructor"!=r||!e&&o.call(t,r))&&n.push(r);return n},a=n(3628),c=function(t){return(0,a.A)(t)?(0,r.A)(t,!0):l(t)}},8347:function(t,e,n){"use strict";n.d(e,{A:function(){return $}});var r,i,s,o,l=n(2673),a=n(6770),c=n(8138),u=function(t,e,n){(void 0!==n&&!(0,c.A)(t[e],n)||void 0===n&&!(e in t))&&(0,a.A)(t,e,n)},h=function(t,e,n){for(var r=-1,i=Object(t),s=n(t),o=s.length;o--;){var l=s[++r];if(!1===e(i[l],l,i))break}return t},d=n(3812),f=n(1827),p=n(4405),g=n(1683),m=n(8412),b=n(723),y=n(3628),v=n(7948),A=n(776),x=n(7572),N=n(659),E=n(2159),w=n(8769),q=Function.prototype,k=Object.prototype,_=q.toString,L=k.hasOwnProperty,S=_.call(Object),O=n(5755),T=function(t,e){if(("constructor"!==e||"function"!=typeof t[e])&&"__proto__"!=e)return t[e]},j=n(9601),C=n(2624),R=function(t,e,n,r,i,s,o){var l,a=T(t,n),c=T(e,n),h=o.get(c);if(h)u(t,n,h);else{var q=s?s(a,c,n+"",t,e,o):void 0,k=void 0===q;if(k){var R=(0,b.A)(c),I=!R&&(0,A.A)(c),B=!R&&!I&&(0,O.A)(c);q=c,R||I||B?(0,b.A)(a)?q=a:(l=a,(0,v.A)(l)&&(0,y.A)(l)?q=(0,p.A)(a):I?(k=!1,q=(0,d.A)(c,!0)):B?(k=!1,q=(0,f.A)(c,!0)):q=[]):function(t){if(!(0,v.A)(t)||"[object Object]"!=(0,E.A)(t))return!1;var e=(0,w.A)(t);if(null===e)return!0;var n=L.call(e,"constructor")&&e.constructor;return"function"==typeof n&&n instanceof n&&_.call(n)==S}(c)||(0,m.A)(c)?(q=a,(0,m.A)(a)?q=function(t){return(0,j.A)(t,(0,C.A)(t))}(a):(0,N.A)(a)&&!(0,x.A)(a)||(q=(0,g.A)(c))):k=!1}k&&(o.set(c,q),i(q,c,r,s,o),o.delete(c)),u(t,n,q)}},I=function t(e,n,r,i,s){e!==n&&h(n,(function(o,a){if(s||(s=new l.A),(0,N.A)(o))R(e,n,a,r,t,i,s);else{var c=i?i(T(e,a),o,a+"",e,n,s):void 0;void 0===c&&(c=o),u(e,a,c)}}),C.A)},B=function(t){return t},M=Math.max,U=n(7889),D=U.A?function(t,e){return(0,U.A)(t,"toString",{configurable:!0,enumerable:!1,value:(n=e,function(){return n}),writable:!0});var n}:B,P=Date.now,z=(r=D,i=0,s=0,function(){var t=P(),e=16-(t-s);if(s=t,e>0){if(++i>=800)return arguments[0]}else i=0;return r.apply(void 0,arguments)}),F=function(t,e){return z(function(t,e,n){return e=M(void 0===e?t.length-1:e,0),function(){for(var r=arguments,i=-1,s=M(r.length-e,0),o=Array(s);++i<s;)o[i]=r[e+i];i=-1;for(var l=Array(e+1);++i<e;)l[i]=r[i];return l[e]=n(o),function(t,e,n){switch(n.length){case 0:return t.call(e);case 1:return t.call(e,n[0]);case 2:return t.call(e,n[0],n[1]);case 3:return t.call(e,n[0],n[1],n[2])}return t.apply(e,n)}(t,this,l)}}(t,e,B),t+"")},H=n(3767),$=(o=function(t,e,n){I(t,e,n)},F((function(t,e){var n=-1,r=e.length,i=r>1?e[r-1]:void 0,s=r>2?e[2]:void 0;for(i=o.length>3&&"function"==typeof i?(r--,i):void 0,s&&function(t,e,n){if(!(0,N.A)(n))return!1;var r=typeof e;return!!("number"==r?(0,y.A)(n)&&(0,H.A)(e,n.length):"string"==r&&e in n)&&(0,c.A)(n[e],t)}(e[0],e[1],s)&&(i=r<3?void 0:i,r=1),t=Object(t);++n<r;){var l=e[n];l&&o(t,l,n)}return t})))},6935:function(t,e){"use strict";e.A=function(){return[]}},6003:function(t,e,n){"use strict";n.r(e),n.d(e,{Attributor:function(){return i},AttributorStore:function(){return d},BlockBlot:function(){return w},ClassAttributor:function(){return c},ContainerBlot:function(){return k},EmbedBlot:function(){return _},InlineBlot:function(){return N},LeafBlot:function(){return m},ParentBlot:function(){return A},Registry:function(){return l},Scope:function(){return r},ScrollBlot:function(){return O},StyleAttributor:function(){return h},TextBlot:function(){return j}});var r=(t=>(t[t.TYPE=3]="TYPE",t[t.LEVEL=12]="LEVEL",t[t.ATTRIBUTE=13]="ATTRIBUTE",t[t.BLOT=14]="BLOT",t[t.INLINE=7]="INLINE",t[t.BLOCK=11]="BLOCK",t[t.BLOCK_BLOT=10]="BLOCK_BLOT",t[t.INLINE_BLOT=6]="INLINE_BLOT",t[t.BLOCK_ATTRIBUTE=9]="BLOCK_ATTRIBUTE",t[t.INLINE_ATTRIBUTE=5]="INLINE_ATTRIBUTE",t[t.ANY=15]="ANY",t))(r||{});class i{constructor(t,e,n={}){this.attrName=t,this.keyName=e;const i=r.TYPE&r.ATTRIBUTE;this.scope=null!=n.scope?n.scope&r.LEVEL|i:r.ATTRIBUTE,null!=n.whitelist&&(this.whitelist=n.whitelist)}static keys(t){return Array.from(t.attributes).map((t=>t.name))}add(t,e){return!!this.canAdd(t,e)&&(t.setAttribute(this.keyName,e),!0)}canAdd(t,e){return null==this.whitelist||("string"==typeof e?this.whitelist.indexOf(e.replace(/["']/g,""))>-1:this.whitelist.indexOf(e)>-1)}remove(t){t.removeAttribute(this.keyName)}value(t){const e=t.getAttribute(this.keyName);return this.canAdd(t,e)&&e?e:""}}class s extends Error{constructor(t){super(t="[Parchment] "+t),this.message=t,this.name=this.constructor.name}}const o=class t{constructor(){this.attributes={},this.classes={},this.tags={},this.types={}}static find(t,e=!1){if(null==t)return null;if(this.blots.has(t))return this.blots.get(t)||null;if(e){let n=null;try{n=t.parentNode}catch{return null}return this.find(n,e)}return null}create(e,n,r){const i=this.query(n);if(null==i)throw new s(`Unable to create ${n} blot`);const o=i,l=n instanceof Node||n.nodeType===Node.TEXT_NODE?n:o.create(r),a=new o(e,l,r);return t.blots.set(a.domNode,a),a}find(e,n=!1){return t.find(e,n)}query(t,e=r.ANY){let n;return"string"==typeof t?n=this.types[t]||this.attributes[t]:t instanceof Text||t.nodeType===Node.TEXT_NODE?n=this.types.text:"number"==typeof t?t&r.LEVEL&r.BLOCK?n=this.types.block:t&r.LEVEL&r.INLINE&&(n=this.types.inline):t instanceof Element&&((t.getAttribute("class")||"").split(/\s+/).some((t=>(n=this.classes[t],!!n))),n=n||this.tags[t.tagName]),null==n?null:"scope"in n&&e&r.LEVEL&n.scope&&e&r.TYPE&n.scope?n:null}register(...t){return t.map((t=>{const e="blotName"in t,n="attrName"in t;if(!e&&!n)throw new s("Invalid definition");if(e&&"abstract"===t.blotName)throw new s("Cannot register abstract class");const r=e?t.blotName:n?t.attrName:void 0;return this.types[r]=t,n?"string"==typeof t.keyName&&(this.attributes[t.keyName]=t):e&&(t.className&&(this.classes[t.className]=t),t.tagName&&(Array.isArray(t.tagName)?t.tagName=t.tagName.map((t=>t.toUpperCase())):t.tagName=t.tagName.toUpperCase(),(Array.isArray(t.tagName)?t.tagName:[t.tagName]).forEach((e=>{(null==this.tags[e]||null==t.className)&&(this.tags[e]=t)})))),t}))}};o.blots=new WeakMap;let l=o;function a(t,e){return(t.getAttribute("class")||"").split(/\s+/).filter((t=>0===t.indexOf(`${e}-`)))}const c=class extends i{static keys(t){return(t.getAttribute("class")||"").split(/\s+/).map((t=>t.split("-").slice(0,-1).join("-")))}add(t,e){return!!this.canAdd(t,e)&&(this.remove(t),t.classList.add(`${this.keyName}-${e}`),!0)}remove(t){a(t,this.keyName).forEach((e=>{t.classList.remove(e)})),0===t.classList.length&&t.removeAttribute("class")}value(t){const e=(a(t,this.keyName)[0]||"").slice(this.keyName.length+1);return this.canAdd(t,e)?e:""}};function u(t){const e=t.split("-"),n=e.slice(1).map((t=>t[0].toUpperCase()+t.slice(1))).join("");return e[0]+n}const h=class extends i{static keys(t){return(t.getAttribute("style")||"").split(";").map((t=>t.split(":")[0].trim()))}add(t,e){return!!this.canAdd(t,e)&&(t.style[u(this.keyName)]=e,!0)}remove(t){t.style[u(this.keyName)]="",t.getAttribute("style")||t.removeAttribute("style")}value(t){const e=t.style[u(this.keyName)];return this.canAdd(t,e)?e:""}},d=class{constructor(t){this.attributes={},this.domNode=t,this.build()}attribute(t,e){e?t.add(this.domNode,e)&&(null!=t.value(this.domNode)?this.attributes[t.attrName]=t:delete this.attributes[t.attrName]):(t.remove(this.domNode),delete this.attributes[t.attrName])}build(){this.attributes={};const t=l.find(this.domNode);if(null==t)return;const e=i.keys(this.domNode),n=c.keys(this.domNode),s=h.keys(this.domNode);e.concat(n).concat(s).forEach((e=>{const n=t.scroll.query(e,r.ATTRIBUTE);n instanceof i&&(this.attributes[n.attrName]=n)}))}copy(t){Object.keys(this.attributes).forEach((e=>{const n=this.attributes[e].value(this.domNode);t.format(e,n)}))}move(t){this.copy(t),Object.keys(this.attributes).forEach((t=>{this.attributes[t].remove(this.domNode)})),this.attributes={}}values(){return Object.keys(this.attributes).reduce(((t,e)=>(t[e]=this.attributes[e].value(this.domNode),t)),{})}},f=class{constructor(t,e){this.scroll=t,this.domNode=e,l.blots.set(e,this),this.prev=null,this.next=null}static create(t){if(null==this.tagName)throw new s("Blot definition missing tagName");let e,n;return Array.isArray(this.tagName)?("string"==typeof t?(n=t.toUpperCase(),parseInt(n,10).toString()===n&&(n=parseInt(n,10))):"number"==typeof t&&(n=t),e="number"==typeof n?document.createElement(this.tagName[n-1]):n&&this.tagName.indexOf(n)>-1?document.createElement(n):document.createElement(this.tagName[0])):e=document.createElement(this.tagName),this.className&&e.classList.add(this.className),e}get statics(){return this.constructor}attach(){}clone(){const t=this.domNode.cloneNode(!1);return this.scroll.create(t)}detach(){null!=this.parent&&this.parent.removeChild(this),l.blots.delete(this.domNode)}deleteAt(t,e){this.isolate(t,e).remove()}formatAt(t,e,n,i){const s=this.isolate(t,e);if(null!=this.scroll.query(n,r.BLOT)&&i)s.wrap(n,i);else if(null!=this.scroll.query(n,r.ATTRIBUTE)){const t=this.scroll.create(this.statics.scope);s.wrap(t),t.format(n,i)}}insertAt(t,e,n){const r=null==n?this.scroll.create("text",e):this.scroll.create(e,n),i=this.split(t);this.parent.insertBefore(r,i||void 0)}isolate(t,e){const n=this.split(t);if(null==n)throw new Error("Attempt to isolate at end");return n.split(e),n}length(){return 1}offset(t=this.parent){return null==this.parent||this===t?0:this.parent.children.offset(this)+this.parent.offset(t)}optimize(t){this.statics.requiredContainer&&!(this.parent instanceof this.statics.requiredContainer)&&this.wrap(this.statics.requiredContainer.blotName)}remove(){null!=this.domNode.parentNode&&this.domNode.parentNode.removeChild(this.domNode),this.detach()}replaceWith(t,e){const n="string"==typeof t?this.scroll.create(t,e):t;return null!=this.parent&&(this.parent.insertBefore(n,this.next||void 0),this.remove()),n}split(t,e){return 0===t?this:this.next}update(t,e){}wrap(t,e){const n="string"==typeof t?this.scroll.create(t,e):t;if(null!=this.parent&&this.parent.insertBefore(n,this.next||void 0),"function"!=typeof n.appendChild)throw new s(`Cannot wrap ${t}`);return n.appendChild(this),n}};f.blotName="abstract";let p=f;const g=class extends p{static value(t){return!0}index(t,e){return this.domNode===t||this.domNode.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_CONTAINED_BY?Math.min(e,1):-1}position(t,e){let n=Array.from(this.parent.domNode.childNodes).indexOf(this.domNode);return t>0&&(n+=1),[this.parent.domNode,n]}value(){return{[this.statics.blotName]:this.statics.value(this.domNode)||!0}}};g.scope=r.INLINE_BLOT;const m=g;class b{constructor(){this.head=null,this.tail=null,this.length=0}append(...t){if(this.insertBefore(t[0],null),t.length>1){const e=t.slice(1);this.append(...e)}}at(t){const e=this.iterator();let n=e();for(;n&&t>0;)t-=1,n=e();return n}contains(t){const e=this.iterator();let n=e();for(;n;){if(n===t)return!0;n=e()}return!1}indexOf(t){const e=this.iterator();let n=e(),r=0;for(;n;){if(n===t)return r;r+=1,n=e()}return-1}insertBefore(t,e){null!=t&&(this.remove(t),t.next=e,null!=e?(t.prev=e.prev,null!=e.prev&&(e.prev.next=t),e.prev=t,e===this.head&&(this.head=t)):null!=this.tail?(this.tail.next=t,t.prev=this.tail,this.tail=t):(t.prev=null,this.head=this.tail=t),this.length+=1)}offset(t){let e=0,n=this.head;for(;null!=n;){if(n===t)return e;e+=n.length(),n=n.next}return-1}remove(t){this.contains(t)&&(null!=t.prev&&(t.prev.next=t.next),null!=t.next&&(t.next.prev=t.prev),t===this.head&&(this.head=t.next),t===this.tail&&(this.tail=t.prev),this.length-=1)}iterator(t=this.head){return()=>{const e=t;return null!=t&&(t=t.next),e}}find(t,e=!1){const n=this.iterator();let r=n();for(;r;){const i=r.length();if(t<i||e&&t===i&&(null==r.next||0!==r.next.length()))return[r,t];t-=i,r=n()}return[null,0]}forEach(t){const e=this.iterator();let n=e();for(;n;)t(n),n=e()}forEachAt(t,e,n){if(e<=0)return;const[r,i]=this.find(t);let s=t-i;const o=this.iterator(r);let l=o();for(;l&&s<t+e;){const r=l.length();t>s?n(l,t-s,Math.min(e,s+r-t)):n(l,0,Math.min(r,t+e-s)),s+=r,l=o()}}map(t){return this.reduce(((e,n)=>(e.push(t(n)),e)),[])}reduce(t,e){const n=this.iterator();let r=n();for(;r;)e=t(e,r),r=n();return e}}function y(t,e){const n=e.find(t);if(n)return n;try{return e.create(t)}catch{const n=e.create(r.INLINE);return Array.from(t.childNodes).forEach((t=>{n.domNode.appendChild(t)})),t.parentNode&&t.parentNode.replaceChild(n.domNode,t),n.attach(),n}}const v=class t extends p{constructor(t,e){super(t,e),this.uiNode=null,this.build()}appendChild(t){this.insertBefore(t)}attach(){super.attach(),this.children.forEach((t=>{t.attach()}))}attachUI(e){null!=this.uiNode&&this.uiNode.remove(),this.uiNode=e,t.uiClass&&this.uiNode.classList.add(t.uiClass),this.uiNode.setAttribute("contenteditable","false"),this.domNode.insertBefore(this.uiNode,this.domNode.firstChild)}build(){this.children=new b,Array.from(this.domNode.childNodes).filter((t=>t!==this.uiNode)).reverse().forEach((t=>{try{const e=y(t,this.scroll);this.insertBefore(e,this.children.head||void 0)}catch(t){if(t instanceof s)return;throw t}}))}deleteAt(t,e){if(0===t&&e===this.length())return this.remove();this.children.forEachAt(t,e,((t,e,n)=>{t.deleteAt(e,n)}))}descendant(e,n=0){const[r,i]=this.children.find(n);return null==e.blotName&&e(r)||null!=e.blotName&&r instanceof e?[r,i]:r instanceof t?r.descendant(e,i):[null,-1]}descendants(e,n=0,r=Number.MAX_VALUE){let i=[],s=r;return this.children.forEachAt(n,r,((n,r,o)=>{(null==e.blotName&&e(n)||null!=e.blotName&&n instanceof e)&&i.push(n),n instanceof t&&(i=i.concat(n.descendants(e,r,s))),s-=o})),i}detach(){this.children.forEach((t=>{t.detach()})),super.detach()}enforceAllowedChildren(){let e=!1;this.children.forEach((n=>{e||this.statics.allowedChildren.some((t=>n instanceof t))||(n.statics.scope===r.BLOCK_BLOT?(null!=n.next&&this.splitAfter(n),null!=n.prev&&this.splitAfter(n.prev),n.parent.unwrap(),e=!0):n instanceof t?n.unwrap():n.remove())}))}formatAt(t,e,n,r){this.children.forEachAt(t,e,((t,e,i)=>{t.formatAt(e,i,n,r)}))}insertAt(t,e,n){const[r,i]=this.children.find(t);if(r)r.insertAt(i,e,n);else{const t=null==n?this.scroll.create("text",e):this.scroll.create(e,n);this.appendChild(t)}}insertBefore(t,e){null!=t.parent&&t.parent.children.remove(t);let n=null;this.children.insertBefore(t,e||null),t.parent=this,null!=e&&(n=e.domNode),(this.domNode.parentNode!==t.domNode||this.domNode.nextSibling!==n)&&this.domNode.insertBefore(t.domNode,n),t.attach()}length(){return this.children.reduce(((t,e)=>t+e.length()),0)}moveChildren(t,e){this.children.forEach((n=>{t.insertBefore(n,e)}))}optimize(t){if(super.optimize(t),this.enforceAllowedChildren(),null!=this.uiNode&&this.uiNode!==this.domNode.firstChild&&this.domNode.insertBefore(this.uiNode,this.domNode.firstChild),0===this.children.length)if(null!=this.statics.defaultChild){const t=this.scroll.create(this.statics.defaultChild.blotName);this.appendChild(t)}else this.remove()}path(e,n=!1){const[r,i]=this.children.find(e,n),s=[[this,e]];return r instanceof t?s.concat(r.path(i,n)):(null!=r&&s.push([r,i]),s)}removeChild(t){this.children.remove(t)}replaceWith(e,n){const r="string"==typeof e?this.scroll.create(e,n):e;return r instanceof t&&this.moveChildren(r),super.replaceWith(r)}split(t,e=!1){if(!e){if(0===t)return this;if(t===this.length())return this.next}const n=this.clone();return this.parent&&this.parent.insertBefore(n,this.next||void 0),this.children.forEachAt(t,this.length(),((t,r,i)=>{const s=t.split(r,e);null!=s&&n.appendChild(s)})),n}splitAfter(t){const e=this.clone();for(;null!=t.next;)e.appendChild(t.next);return this.parent&&this.parent.insertBefore(e,this.next||void 0),e}unwrap(){this.parent&&this.moveChildren(this.parent,this.next||void 0),this.remove()}update(t,e){const n=[],r=[];t.forEach((t=>{t.target===this.domNode&&"childList"===t.type&&(n.push(...t.addedNodes),r.push(...t.removedNodes))})),r.forEach((t=>{if(null!=t.parentNode&&"IFRAME"!==t.tagName&&document.body.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_CONTAINED_BY)return;const e=this.scroll.find(t);null!=e&&(null==e.domNode.parentNode||e.domNode.parentNode===this.domNode)&&e.detach()})),n.filter((t=>t.parentNode===this.domNode&&t!==this.uiNode)).sort(((t,e)=>t===e?0:t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING?1:-1)).forEach((t=>{let e=null;null!=t.nextSibling&&(e=this.scroll.find(t.nextSibling));const n=y(t,this.scroll);(n.next!==e||null==n.next)&&(null!=n.parent&&n.parent.removeChild(this),this.insertBefore(n,e||void 0))})),this.enforceAllowedChildren()}};v.uiClass="";const A=v,x=class t extends A{static create(t){return super.create(t)}static formats(e,n){const r=n.query(t.blotName);if(null==r||e.tagName!==r.tagName){if("string"==typeof this.tagName)return!0;if(Array.isArray(this.tagName))return e.tagName.toLowerCase()}}constructor(t,e){super(t,e),this.attributes=new d(this.domNode)}format(e,n){if(e!==this.statics.blotName||n){const t=this.scroll.query(e,r.INLINE);if(null==t)return;t instanceof i?this.attributes.attribute(t,n):n&&(e!==this.statics.blotName||this.formats()[e]!==n)&&this.replaceWith(e,n)}else this.children.forEach((e=>{e instanceof t||(e=e.wrap(t.blotName,!0)),this.attributes.copy(e)})),this.unwrap()}formats(){const t=this.attributes.values(),e=this.statics.formats(this.domNode,this.scroll);return null!=e&&(t[this.statics.blotName]=e),t}formatAt(t,e,n,i){null!=this.formats()[n]||this.scroll.query(n,r.ATTRIBUTE)?this.isolate(t,e).format(n,i):super.formatAt(t,e,n,i)}optimize(e){super.optimize(e);const n=this.formats();if(0===Object.keys(n).length)return this.unwrap();const r=this.next;r instanceof t&&r.prev===this&&function(t,e){if(Object.keys(t).length!==Object.keys(e).length)return!1;for(const n in t)if(t[n]!==e[n])return!1;return!0}(n,r.formats())&&(r.moveChildren(this),r.remove())}replaceWith(t,e){const n=super.replaceWith(t,e);return this.attributes.copy(n),n}update(t,e){super.update(t,e),t.some((t=>t.target===this.domNode&&"attributes"===t.type))&&this.attributes.build()}wrap(e,n){const r=super.wrap(e,n);return r instanceof t&&this.attributes.move(r),r}};x.allowedChildren=[x,m],x.blotName="inline",x.scope=r.INLINE_BLOT,x.tagName="SPAN";const N=x,E=class t extends A{static create(t){return super.create(t)}static formats(e,n){const r=n.query(t.blotName);if(null==r||e.tagName!==r.tagName){if("string"==typeof this.tagName)return!0;if(Array.isArray(this.tagName))return e.tagName.toLowerCase()}}constructor(t,e){super(t,e),this.attributes=new d(this.domNode)}format(e,n){const s=this.scroll.query(e,r.BLOCK);null!=s&&(s instanceof i?this.attributes.attribute(s,n):e!==this.statics.blotName||n?n&&(e!==this.statics.blotName||this.formats()[e]!==n)&&this.replaceWith(e,n):this.replaceWith(t.blotName))}formats(){const t=this.attributes.values(),e=this.statics.formats(this.domNode,this.scroll);return null!=e&&(t[this.statics.blotName]=e),t}formatAt(t,e,n,i){null!=this.scroll.query(n,r.BLOCK)?this.format(n,i):super.formatAt(t,e,n,i)}insertAt(t,e,n){if(null==n||null!=this.scroll.query(e,r.INLINE))super.insertAt(t,e,n);else{const r=this.split(t);if(null==r)throw new Error("Attempt to insertAt after block boundaries");{const t=this.scroll.create(e,n);r.parent.insertBefore(t,r)}}}replaceWith(t,e){const n=super.replaceWith(t,e);return this.attributes.copy(n),n}update(t,e){super.update(t,e),t.some((t=>t.target===this.domNode&&"attributes"===t.type))&&this.attributes.build()}};E.blotName="block",E.scope=r.BLOCK_BLOT,E.tagName="P",E.allowedChildren=[N,E,m];const w=E,q=class extends A{checkMerge(){return null!==this.next&&this.next.statics.blotName===this.statics.blotName}deleteAt(t,e){super.deleteAt(t,e),this.enforceAllowedChildren()}formatAt(t,e,n,r){super.formatAt(t,e,n,r),this.enforceAllowedChildren()}insertAt(t,e,n){super.insertAt(t,e,n),this.enforceAllowedChildren()}optimize(t){super.optimize(t),this.children.length>0&&null!=this.next&&this.checkMerge()&&(this.next.moveChildren(this),this.next.remove())}};q.blotName="container",q.scope=r.BLOCK_BLOT;const k=q,_=class extends m{static formats(t,e){}format(t,e){super.formatAt(0,this.length(),t,e)}formatAt(t,e,n,r){0===t&&e===this.length()?this.format(n,r):super.formatAt(t,e,n,r)}formats(){return this.statics.formats(this.domNode,this.scroll)}},L={attributes:!0,characterData:!0,characterDataOldValue:!0,childList:!0,subtree:!0},S=class extends A{constructor(t,e){super(null,e),this.registry=t,this.scroll=this,this.build(),this.observer=new MutationObserver((t=>{this.update(t)})),this.observer.observe(this.domNode,L),this.attach()}create(t,e){return this.registry.create(this,t,e)}find(t,e=!1){const n=this.registry.find(t,e);return n?n.scroll===this?n:e?this.find(n.scroll.domNode.parentNode,!0):null:null}query(t,e=r.ANY){return this.registry.query(t,e)}register(...t){return this.registry.register(...t)}build(){null!=this.scroll&&super.build()}detach(){super.detach(),this.observer.disconnect()}deleteAt(t,e){this.update(),0===t&&e===this.length()?this.children.forEach((t=>{t.remove()})):super.deleteAt(t,e)}formatAt(t,e,n,r){this.update(),super.formatAt(t,e,n,r)}insertAt(t,e,n){this.update(),super.insertAt(t,e,n)}optimize(t=[],e={}){super.optimize(e);const n=e.mutationsMap||new WeakMap;let r=Array.from(this.observer.takeRecords());for(;r.length>0;)t.push(r.pop());const i=(t,e=!0)=>{null==t||t===this||null!=t.domNode.parentNode&&(n.has(t.domNode)||n.set(t.domNode,[]),e&&i(t.parent))},s=t=>{n.has(t.domNode)&&(t instanceof A&&t.children.forEach(s),n.delete(t.domNode),t.optimize(e))};let o=t;for(let e=0;o.length>0;e+=1){if(e>=100)throw new Error("[Parchment] Maximum optimize iterations reached");for(o.forEach((t=>{const e=this.find(t.target,!0);null!=e&&(e.domNode===t.target&&("childList"===t.type?(i(this.find(t.previousSibling,!1)),Array.from(t.addedNodes).forEach((t=>{const e=this.find(t,!1);i(e,!1),e instanceof A&&e.children.forEach((t=>{i(t,!1)}))}))):"attributes"===t.type&&i(e.prev)),i(e))})),this.children.forEach(s),o=Array.from(this.observer.takeRecords()),r=o.slice();r.length>0;)t.push(r.pop())}}update(t,e={}){t=t||this.observer.takeRecords();const n=new WeakMap;t.map((t=>{const e=this.find(t.target,!0);return null==e?null:n.has(e.domNode)?(n.get(e.domNode).push(t),null):(n.set(e.domNode,[t]),e)})).forEach((t=>{null!=t&&t!==this&&n.has(t.domNode)&&t.update(n.get(t.domNode)||[],e)})),e.mutationsMap=n,n.has(this.domNode)&&super.update(n.get(this.domNode),e),this.optimize(t,e)}};S.blotName="scroll",S.defaultChild=w,S.allowedChildren=[w,k],S.scope=r.BLOCK_BLOT,S.tagName="DIV";const O=S,T=class t extends m{static create(t){return document.createTextNode(t)}static value(t){return t.data}constructor(t,e){super(t,e),this.text=this.statics.value(this.domNode)}deleteAt(t,e){this.domNode.data=this.text=this.text.slice(0,t)+this.text.slice(t+e)}index(t,e){return this.domNode===t?e:-1}insertAt(t,e,n){null==n?(this.text=this.text.slice(0,t)+e+this.text.slice(t),this.domNode.data=this.text):super.insertAt(t,e,n)}length(){return this.text.length}optimize(e){super.optimize(e),this.text=this.statics.value(this.domNode),0===this.text.length?this.remove():this.next instanceof t&&this.next.prev===this&&(this.insertAt(this.length(),this.next.value()),this.next.remove())}position(t,e=!1){return[this.domNode,t]}split(t,e=!1){if(!e){if(0===t)return this;if(t===this.length())return this.next}const n=this.scroll.create(this.domNode.splitText(t));return this.parent.insertBefore(n,this.next||void 0),this.text=this.statics.value(this.domNode),n}update(t,e){t.some((t=>"characterData"===t.type&&t.target===this.domNode))&&(this.text=this.statics.value(this.domNode))}value(){return this.text}};T.blotName="text",T.scope=r.INLINE_BLOT;const j=T}},e={};function n(r){var i=e[r];if(void 0!==i)return i.exports;var s=e[r]={id:r,loaded:!1,exports:{}};return t[r](s,s.exports,n),s.loaded=!0,s.exports}n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.nmd=function(t){return t.paths=[],t.children||(t.children=[]),t};var r={};return function(){"use strict";n.d(r,{default:function(){return It}});var t=n(3729),e=n(8276),i=n(7912),s=n(6003);class o extends s.ClassAttributor{add(t,e){let n=0;if("+1"===e||"-1"===e){const r=this.value(t)||0;n="+1"===e?r+1:r-1}else"number"==typeof e&&(n=e);return 0===n?(this.remove(t),!0):super.add(t,n.toString())}canAdd(t,e){return super.canAdd(t,e)||super.canAdd(t,parseInt(e,10))}value(t){return parseInt(super.value(t),10)||void 0}}var l=new o("indent","ql-indent",{scope:s.Scope.BLOCK,whitelist:[1,2,3,4,5,6,7,8]}),a=n(9698);class c extends a.Ay{static blotName="blockquote";static tagName="blockquote"}var u=c;class h extends a.Ay{static blotName="header";static tagName=["H1","H2","H3","H4","H5","H6"];static formats(t){return this.tagName.indexOf(t.tagName)+1}}var d=h,f=n(580),p=n(6142);class g extends f.A{}g.blotName="list-container",g.tagName="OL";class m extends a.Ay{static create(t){const e=super.create();return e.setAttribute("data-list",t),e}static formats(t){return t.getAttribute("data-list")||void 0}static register(){p.Ay.register(g)}constructor(t,e){super(t,e);const n=e.ownerDocument.createElement("span"),r=n=>{if(!t.isEnabled())return;const r=this.statics.formats(e,t);"checked"===r?(this.format("list","unchecked"),n.preventDefault()):"unchecked"===r&&(this.format("list","checked"),n.preventDefault())};n.addEventListener("mousedown",r),n.addEventListener("touchstart",r),this.attachUI(n)}format(t,e){t===this.statics.blotName&&e?this.domNode.setAttribute("data-list",e):super.format(t,e)}}m.blotName="list",m.tagName="LI",g.allowedChildren=[m],m.requiredContainer=g;var b=n(9541),y=n(8638),v=n(6772),A=n(664),x=n(4850);class N extends x.A{static blotName="bold";static tagName=["STRONG","B"];static create(){return super.create()}static formats(){return!0}optimize(t){super.optimize(t),this.domNode.tagName!==this.statics.tagName[0]&&this.replaceWith(this.statics.blotName)}}var E=N;class w extends x.A{static blotName="link";static tagName="A";static SANITIZED_URL="about:blank";static PROTOCOL_WHITELIST=["http","https","mailto","tel","sms"];static create(t){const e=super.create(t);return e.setAttribute("href",this.sanitize(t)),e.setAttribute("rel","noopener noreferrer"),e.setAttribute("target","_blank"),e}static formats(t){return t.getAttribute("href")}static sanitize(t){return q(t,this.PROTOCOL_WHITELIST)?t:this.SANITIZED_URL}format(t,e){t===this.statics.blotName&&e?this.domNode.setAttribute("href",this.constructor.sanitize(e)):super.format(t,e)}}function q(t,e){const n=document.createElement("a");n.href=t;const r=n.href.slice(0,n.href.indexOf(":"));return e.indexOf(r)>-1}class k extends x.A{static blotName="script";static tagName=["SUB","SUP"];static create(t){return"super"===t?document.createElement("sup"):"sub"===t?document.createElement("sub"):super.create(t)}static formats(t){return"SUB"===t.tagName?"sub":"SUP"===t.tagName?"super":void 0}}var _=k;class L extends x.A{static blotName="underline";static tagName="U"}var S=L,O=n(746);class T extends O.A{static blotName="formula";static className="ql-formula";static tagName="SPAN";static create(t){if(null==window.katex)throw new Error("Formula module requires KaTeX.");const e=super.create(t);return"string"==typeof t&&(window.katex.render(t,e,{throwOnError:!1,errorColor:"#f00"}),e.setAttribute("data-value",t)),e}static value(t){return t.getAttribute("data-value")}html(){const{formula:t}=this.value();return`<span>${t}</span>`}}var j=T;const C=["alt","height","width"];class R extends s.EmbedBlot{static blotName="image";static tagName="IMG";static create(t){const e=super.create(t);return"string"==typeof t&&e.setAttribute("src",this.sanitize(t)),e}static formats(t){return C.reduce(((e,n)=>(t.hasAttribute(n)&&(e[n]=t.getAttribute(n)),e)),{})}static match(t){return/\.(jpe?g|gif|png)$/.test(t)||/^data:image\/.+;base64/.test(t)}static sanitize(t){return q(t,["http","https","data"])?t:"//:0"}static value(t){return t.getAttribute("src")}format(t,e){C.indexOf(t)>-1?e?this.domNode.setAttribute(t,e):this.domNode.removeAttribute(t):super.format(t,e)}}var I=R;const B=["height","width"];class M extends a.zo{static blotName="video";static className="ql-video";static tagName="IFRAME";static create(t){const e=super.create(t);return e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","true"),e.setAttribute("src",this.sanitize(t)),e}static formats(t){return B.reduce(((e,n)=>(t.hasAttribute(n)&&(e[n]=t.getAttribute(n)),e)),{})}static sanitize(t){return w.sanitize(t)}static value(t){return t.getAttribute("src")}format(t,e){B.indexOf(t)>-1?e?this.domNode.setAttribute(t,e):this.domNode.removeAttribute(t):super.format(t,e)}html(){const{video:t}=this.value();return`<a href="${t}">${t}</a>`}}var U=M,D=n(9404),P=n(5232),z=n.n(P),F=n(4266),H=n(3036),$=n(4541),V=n(5508),K=n(584);const W=new s.ClassAttributor("code-token","hljs",{scope:s.Scope.INLINE});class Z extends x.A{static formats(t,e){for(;null!=t&&t!==e.domNode;){if(t.classList&&t.classList.contains(D.Ay.className))return super.formats(t,e);t=t.parentNode}}constructor(t,e,n){super(t,e,n),W.add(this.domNode,n)}format(t,e){t!==Z.blotName?super.format(t,e):e?W.add(this.domNode,e):(W.remove(this.domNode),this.domNode.classList.remove(this.statics.className))}optimize(){super.optimize(...arguments),W.value(this.domNode)||this.unwrap()}}Z.blotName="code-token",Z.className="ql-token";class G extends D.Ay{static create(t){const e=super.create(t);return"string"==typeof t&&e.setAttribute("data-language",t),e}static formats(t){return t.getAttribute("data-language")||"plain"}static register(){}format(t,e){t===this.statics.blotName&&e?this.domNode.setAttribute("data-language",e):super.format(t,e)}replaceWith(t,e){return this.formatAt(0,this.length(),Z.blotName,!1),super.replaceWith(t,e)}}class X extends D.EJ{attach(){super.attach(),this.forceNext=!1,this.scroll.emitMount(this)}format(t,e){t===G.blotName&&(this.forceNext=!0,this.children.forEach((n=>{n.format(t,e)})))}formatAt(t,e,n,r){n===G.blotName&&(this.forceNext=!0),super.formatAt(t,e,n,r)}highlight(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null==this.children.head)return;const n=`${Array.from(this.domNode.childNodes).filter((t=>t!==this.uiNode)).map((t=>t.textContent)).join("\n")}\n`,r=G.formats(this.children.head.domNode);if(e||this.forceNext||this.cachedText!==n){if(n.trim().length>0||null==this.cachedText){const e=this.children.reduce(((t,e)=>t.concat((0,a.mG)(e,!1))),new(z())),i=t(n,r);e.diff(i).reduce(((t,e)=>{let{retain:n,attributes:r}=e;return n?(r&&Object.keys(r).forEach((e=>{[G.blotName,Z.blotName].includes(e)&&this.formatAt(t,n,e,r[e])})),t+n):t}),0)}this.cachedText=n,this.forceNext=!1}}html(t,e){const[n]=this.children.find(t);return`<pre data-language="${n?G.formats(n.domNode):"plain"}">\n${(0,V.X)(this.code(t,e))}\n</pre>`}optimize(t){if(super.optimize(t),null!=this.parent&&null!=this.children.head&&null!=this.uiNode){const t=G.formats(this.children.head.domNode);t!==this.uiNode.value&&(this.uiNode.value=t)}}}X.allowedChildren=[G],G.requiredContainer=X,G.allowedChildren=[Z,$.A,V.A,H.A];class Q extends F.A{static register(){p.Ay.register(Z,!0),p.Ay.register(G,!0),p.Ay.register(X,!0)}constructor(t,e){if(super(t,e),null==this.options.hljs)throw new Error("Syntax module requires highlight.js. Please include the library on the page before Quill.");this.languages=this.options.languages.reduce(((t,e)=>{let{key:n}=e;return t[n]=!0,t}),{}),this.highlightBlot=this.highlightBlot.bind(this),this.initListener(),this.initTimer()}initListener(){this.quill.on(p.Ay.events.SCROLL_BLOT_MOUNT,(t=>{if(!(t instanceof X))return;const e=this.quill.root.ownerDocument.createElement("select");this.options.languages.forEach((t=>{let{key:n,label:r}=t;const i=e.ownerDocument.createElement("option");i.textContent=r,i.setAttribute("value",n),e.appendChild(i)})),e.addEventListener("change",(()=>{t.format(G.blotName,e.value),this.quill.root.focus(),this.highlight(t,!0)})),null==t.uiNode&&(t.attachUI(e),t.children.head&&(e.value=G.formats(t.children.head.domNode)))}))}initTimer(){let t=null;this.quill.on(p.Ay.events.SCROLL_OPTIMIZE,(()=>{t&&clearTimeout(t),t=setTimeout((()=>{this.highlight(),t=null}),this.options.interval)}))}highlight(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.quill.selection.composing)return;this.quill.update(p.Ay.sources.USER);const n=this.quill.getSelection();(null==t?this.quill.scroll.descendants(X):[t]).forEach((t=>{t.highlight(this.highlightBlot,e)})),this.quill.update(p.Ay.sources.SILENT),null!=n&&this.quill.setSelection(n,p.Ay.sources.SILENT)}highlightBlot(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"plain";if(e=this.languages[e]?e:"plain","plain"===e)return(0,V.X)(t).split("\n").reduce(((t,n,r)=>(0!==r&&t.insert("\n",{[D.Ay.blotName]:e}),t.insert(n))),new(z()));const n=this.quill.root.ownerDocument.createElement("div");return n.classList.add(D.Ay.className),n.innerHTML=((t,e,n)=>{if("string"==typeof t.versionString){const r=t.versionString.split(".")[0];if(parseInt(r,10)>=11)return t.highlight(n,{language:e}).value}return t.highlight(e,n).value})(this.options.hljs,e,t),(0,K.hV)(this.quill.scroll,n,[(t,e)=>{const n=W.value(t);return n?e.compose((new(z())).retain(e.length(),{[Z.blotName]:n})):e}],[(t,n)=>t.data.split("\n").reduce(((t,n,r)=>(0!==r&&t.insert("\n",{[D.Ay.blotName]:e}),t.insert(n))),n)],new WeakMap)}}Q.DEFAULTS={hljs:window.hljs,interval:1e3,languages:[{key:"plain",label:"Plain"},{key:"bash",label:"Bash"},{key:"cpp",label:"C++"},{key:"cs",label:"C#"},{key:"css",label:"CSS"},{key:"diff",label:"Diff"},{key:"xml",label:"HTML/XML"},{key:"java",label:"Java"},{key:"javascript",label:"JavaScript"},{key:"markdown",label:"Markdown"},{key:"php",label:"PHP"},{key:"python",label:"Python"},{key:"ruby",label:"Ruby"},{key:"sql",label:"SQL"}]};class J extends a.Ay{static blotName="table";static tagName="TD";static create(t){const e=super.create();return t?e.setAttribute("data-row",t):e.setAttribute("data-row",nt()),e}static formats(t){if(t.hasAttribute("data-row"))return t.getAttribute("data-row")}cellOffset(){return this.parent?this.parent.children.indexOf(this):-1}format(t,e){t===J.blotName&&e?this.domNode.setAttribute("data-row",e):super.format(t,e)}row(){return this.parent}rowOffset(){return this.row()?this.row().rowOffset():-1}table(){return this.row()&&this.row().table()}}class Y extends f.A{static blotName="table-row";static tagName="TR";checkMerge(){if(super.checkMerge()&&null!=this.next.children.head){const t=this.children.head.formats(),e=this.children.tail.formats(),n=this.next.children.head.formats(),r=this.next.children.tail.formats();return t.table===e.table&&t.table===n.table&&t.table===r.table}return!1}optimize(t){super.optimize(t),this.children.forEach((t=>{if(null==t.next)return;const e=t.formats(),n=t.next.formats();if(e.table!==n.table){const e=this.splitAfter(t);e&&e.optimize(),this.prev&&this.prev.optimize()}}))}rowOffset(){return this.parent?this.parent.children.indexOf(this):-1}table(){return this.parent&&this.parent.parent}}class tt extends f.A{static blotName="table-body";static tagName="TBODY"}class et extends f.A{static blotName="table-container";static tagName="TABLE";balanceCells(){const t=this.descendants(Y),e=t.reduce(((t,e)=>Math.max(e.children.length,t)),0);t.forEach((t=>{new Array(e-t.children.length).fill(0).forEach((()=>{let e;null!=t.children.head&&(e=J.formats(t.children.head.domNode));const n=this.scroll.create(J.blotName,e);t.appendChild(n),n.optimize()}))}))}cells(t){return this.rows().map((e=>e.children.at(t)))}deleteColumn(t){const[e]=this.descendant(tt);null!=e&&null!=e.children.head&&e.children.forEach((e=>{const n=e.children.at(t);null!=n&&n.remove()}))}insertColumn(t){const[e]=this.descendant(tt);null!=e&&null!=e.children.head&&e.children.forEach((e=>{const n=e.children.at(t),r=J.formats(e.children.head.domNode),i=this.scroll.create(J.blotName,r);e.insertBefore(i,n)}))}insertRow(t){const[e]=this.descendant(tt);if(null==e||null==e.children.head)return;const n=nt(),r=this.scroll.create(Y.blotName);e.children.head.children.forEach((()=>{const t=this.scroll.create(J.blotName,n);r.appendChild(t)}));const i=e.children.at(t);e.insertBefore(r,i)}rows(){const t=this.children.head;return null==t?[]:t.children.map((t=>t))}}function nt(){return`row-${Math.random().toString(36).slice(2,6)}`}et.allowedChildren=[tt],tt.requiredContainer=et,tt.allowedChildren=[Y],Y.requiredContainer=tt,Y.allowedChildren=[J],J.requiredContainer=Y;class rt extends F.A{static register(){p.Ay.register(J),p.Ay.register(Y),p.Ay.register(tt),p.Ay.register(et)}constructor(){super(...arguments),this.listenBalanceCells()}balanceTables(){this.quill.scroll.descendants(et).forEach((t=>{t.balanceCells()}))}deleteColumn(){const[t,,e]=this.getTable();null!=e&&(t.deleteColumn(e.cellOffset()),this.quill.update(p.Ay.sources.USER))}deleteRow(){const[,t]=this.getTable();null!=t&&(t.remove(),this.quill.update(p.Ay.sources.USER))}deleteTable(){const[t]=this.getTable();if(null==t)return;const e=t.offset();t.remove(),this.quill.update(p.Ay.sources.USER),this.quill.setSelection(e,p.Ay.sources.SILENT)}getTable(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.quill.getSelection();if(null==t)return[null,null,null,-1];const[e,n]=this.quill.getLine(t.index);if(null==e||e.statics.blotName!==J.blotName)return[null,null,null,-1];const r=e.parent;return[r.parent.parent,r,e,n]}insertColumn(t){const e=this.quill.getSelection();if(!e)return;const[n,r,i]=this.getTable(e);if(null==i)return;const s=i.cellOffset();n.insertColumn(s+t),this.quill.update(p.Ay.sources.USER);let o=r.rowOffset();0===t&&(o+=1),this.quill.setSelection(e.index+o,e.length,p.Ay.sources.SILENT)}insertColumnLeft(){this.insertColumn(0)}insertColumnRight(){this.insertColumn(1)}insertRow(t){const e=this.quill.getSelection();if(!e)return;const[n,r,i]=this.getTable(e);if(null==i)return;const s=r.rowOffset();n.insertRow(s+t),this.quill.update(p.Ay.sources.USER),t>0?this.quill.setSelection(e,p.Ay.sources.SILENT):this.quill.setSelection(e.index+r.children.length,e.length,p.Ay.sources.SILENT)}insertRowAbove(){this.insertRow(0)}insertRowBelow(){this.insertRow(1)}insertTable(t,e){const n=this.quill.getSelection();if(null==n)return;const r=new Array(t).fill(0).reduce((t=>{const n=new Array(e).fill("\n").join("");return t.insert(n,{table:nt()})}),(new(z())).retain(n.index));this.quill.updateContents(r,p.Ay.sources.USER),this.quill.setSelection(n.index,p.Ay.sources.SILENT),this.balanceTables()}listenBalanceCells(){this.quill.on(p.Ay.events.SCROLL_OPTIMIZE,(t=>{t.some((t=>!!["TD","TR","TBODY","TABLE"].includes(t.target.tagName)&&(this.quill.once(p.Ay.events.TEXT_CHANGE,((t,e,n)=>{n===p.Ay.sources.USER&&this.balanceTables()})),!0)))}))}}var it=rt;const st=(0,n(6078).A)("quill:toolbar");class ot extends F.A{constructor(t,e){if(super(t,e),Array.isArray(this.options.container)){const e=document.createElement("div");e.setAttribute("role","toolbar"),function(t,e){Array.isArray(e[0])||(e=[e]),e.forEach((e=>{const n=document.createElement("span");n.classList.add("ql-formats"),e.forEach((t=>{if("string"==typeof t)lt(n,t);else{const e=Object.keys(t)[0],r=t[e];Array.isArray(r)?function(t,e,n){const r=document.createElement("select");r.classList.add(`ql-${e}`),n.forEach((t=>{const e=document.createElement("option");!1!==t?e.setAttribute("value",String(t)):e.setAttribute("selected","selected"),r.appendChild(e)})),t.appendChild(r)}(n,e,r):lt(n,e,r)}})),t.appendChild(n)}))}(e,this.options.container),t.container?.parentNode?.insertBefore(e,t.container),this.container=e}else"string"==typeof this.options.container?this.container=document.querySelector(this.options.container):this.container=this.options.container;this.container instanceof HTMLElement?(this.container.classList.add("ql-toolbar"),this.controls=[],this.handlers={},this.options.handlers&&Object.keys(this.options.handlers).forEach((t=>{const e=this.options.handlers?.[t];e&&this.addHandler(t,e)})),Array.from(this.container.querySelectorAll("button, select")).forEach((t=>{this.attach(t)})),this.quill.on(p.Ay.events.EDITOR_CHANGE,(()=>{const[t]=this.quill.selection.getRange();this.update(t)}))):st.error("Container required for toolbar",this.options)}addHandler(t,e){this.handlers[t]=e}attach(t){let e=Array.from(t.classList).find((t=>0===t.indexOf("ql-")));if(!e)return;if(e=e.slice(3),"BUTTON"===t.tagName&&t.setAttribute("type","button"),null==this.handlers[e]&&null==this.quill.scroll.query(e))return void st.warn("ignoring attaching to nonexistent format",e,t);const n="SELECT"===t.tagName?"change":"click";t.addEventListener(n,(n=>{let r;if("SELECT"===t.tagName){if(t.selectedIndex<0)return;const e=t.options[t.selectedIndex];r=!e.hasAttribute("selected")&&(e.value||!1)}else r=!t.classList.contains("ql-active")&&(t.value||!t.hasAttribute("value")),n.preventDefault();this.quill.focus();const[i]=this.quill.selection.getRange();if(null!=this.handlers[e])this.handlers[e].call(this,r);else if(this.quill.scroll.query(e).prototype instanceof s.EmbedBlot){if(r=prompt(`Enter ${e}`),!r)return;this.quill.updateContents((new(z())).retain(i.index).delete(i.length).insert({[e]:r}),p.Ay.sources.USER)}else this.quill.format(e,r,p.Ay.sources.USER);this.update(i)})),this.controls.push([e,t])}update(t){const e=null==t?{}:this.quill.getFormat(t);this.controls.forEach((n=>{const[r,i]=n;if("SELECT"===i.tagName){let n=null;if(null==t)n=null;else if(null==e[r])n=i.querySelector("option[selected]");else if(!Array.isArray(e[r])){let t=e[r];"string"==typeof t&&(t=t.replace(/"/g,'\\"')),n=i.querySelector(`option[value="${t}"]`)}null==n?(i.value="",i.selectedIndex=-1):n.selected=!0}else if(null==t)i.classList.remove("ql-active"),i.setAttribute("aria-pressed","false");else if(i.hasAttribute("value")){const t=e[r],n=t===i.getAttribute("value")||null!=t&&t.toString()===i.getAttribute("value")||null==t&&!i.getAttribute("value");i.classList.toggle("ql-active",n),i.setAttribute("aria-pressed",n.toString())}else{const t=null!=e[r];i.classList.toggle("ql-active",t),i.setAttribute("aria-pressed",t.toString())}}))}}function lt(t,e,n){const r=document.createElement("button");r.setAttribute("type","button"),r.classList.add(`ql-${e}`),r.setAttribute("aria-pressed","false"),null!=n?(r.value=n,r.setAttribute("aria-label",`${e}: ${n}`)):r.setAttribute("aria-label",e),t.appendChild(r)}ot.DEFAULTS={},ot.DEFAULTS={container:null,handlers:{clean(){const t=this.quill.getSelection();if(null!=t)if(0===t.length){const t=this.quill.getFormat();Object.keys(t).forEach((t=>{null!=this.quill.scroll.query(t,s.Scope.INLINE)&&this.quill.format(t,!1,p.Ay.sources.USER)}))}else this.quill.removeFormat(t.index,t.length,p.Ay.sources.USER)},direction(t){const{align:e}=this.quill.getFormat();"rtl"===t&&null==e?this.quill.format("align","right",p.Ay.sources.USER):t||"right"!==e||this.quill.format("align",!1,p.Ay.sources.USER),this.quill.format("direction",t,p.Ay.sources.USER)},indent(t){const e=this.quill.getSelection(),n=this.quill.getFormat(e),r=parseInt(n.indent||0,10);if("+1"===t||"-1"===t){let e="+1"===t?1:-1;"rtl"===n.direction&&(e*=-1),this.quill.format("indent",r+e,p.Ay.sources.USER)}},link(t){!0===t&&(t=prompt("Enter link URL:")),this.quill.format("link",t,p.Ay.sources.USER)},list(t){const e=this.quill.getSelection(),n=this.quill.getFormat(e);"check"===t?"checked"===n.list||"unchecked"===n.list?this.quill.format("list",!1,p.Ay.sources.USER):this.quill.format("list","unchecked",p.Ay.sources.USER):this.quill.format("list",t,p.Ay.sources.USER)}}};const at='<svg viewbox="0 0 18 18"><polyline class="ql-even ql-stroke" points="5 7 3 9 5 11"/><polyline class="ql-even ql-stroke" points="13 7 15 9 13 11"/><line class="ql-stroke" x1="10" x2="8" y1="5" y2="13"/></svg>';var ct={align:{"":'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="3" x2="15" y1="9" y2="9"/><line class="ql-stroke" x1="3" x2="13" y1="14" y2="14"/><line class="ql-stroke" x1="3" x2="9" y1="4" y2="4"/></svg>',center:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"/><line class="ql-stroke" x1="14" x2="4" y1="14" y2="14"/><line class="ql-stroke" x1="12" x2="6" y1="4" y2="4"/></svg>',right:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"/><line class="ql-stroke" x1="15" x2="5" y1="14" y2="14"/><line class="ql-stroke" x1="15" x2="9" y1="4" y2="4"/></svg>',justify:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"/><line class="ql-stroke" x1="15" x2="3" y1="14" y2="14"/><line class="ql-stroke" x1="15" x2="3" y1="4" y2="4"/></svg>'},background:'<svg viewbox="0 0 18 18"><g class="ql-fill ql-color-label"><polygon points="6 6.868 6 6 5 6 5 7 5.942 7 6 6.868"/><rect height="1" width="1" x="4" y="4"/><polygon points="6.817 5 6 5 6 6 6.38 6 6.817 5"/><rect height="1" width="1" x="2" y="6"/><rect height="1" width="1" x="3" y="5"/><rect height="1" width="1" x="4" y="7"/><polygon points="4 11.439 4 11 3 11 3 12 3.755 12 4 11.439"/><rect height="1" width="1" x="2" y="12"/><rect height="1" width="1" x="2" y="9"/><rect height="1" width="1" x="2" y="15"/><polygon points="4.63 10 4 10 4 11 4.192 11 4.63 10"/><rect height="1" width="1" x="3" y="8"/><path d="M10.832,4.2L11,4.582V4H10.708A1.948,1.948,0,0,1,10.832,4.2Z"/><path d="M7,4.582L7.168,4.2A1.929,1.929,0,0,1,7.292,4H7V4.582Z"/><path d="M8,13H7.683l-0.351.8a1.933,1.933,0,0,1-.124.2H8V13Z"/><rect height="1" width="1" x="12" y="2"/><rect height="1" width="1" x="11" y="3"/><path d="M9,3H8V3.282A1.985,1.985,0,0,1,9,3Z"/><rect height="1" width="1" x="2" y="3"/><rect height="1" width="1" x="6" y="2"/><rect height="1" width="1" x="3" y="2"/><rect height="1" width="1" x="5" y="3"/><rect height="1" width="1" x="9" y="2"/><rect height="1" width="1" x="15" y="14"/><polygon points="13.447 10.174 13.469 10.225 13.472 10.232 13.808 11 14 11 14 10 13.37 10 13.447 10.174"/><rect height="1" width="1" x="13" y="7"/><rect height="1" width="1" x="15" y="5"/><rect height="1" width="1" x="14" y="6"/><rect height="1" width="1" x="15" y="8"/><rect height="1" width="1" x="14" y="9"/><path d="M3.775,14H3v1H4V14.314A1.97,1.97,0,0,1,3.775,14Z"/><rect height="1" width="1" x="14" y="3"/><polygon points="12 6.868 12 6 11.62 6 12 6.868"/><rect height="1" width="1" x="15" y="2"/><rect height="1" width="1" x="12" y="5"/><rect height="1" width="1" x="13" y="4"/><polygon points="12.933 9 13 9 13 8 12.495 8 12.933 9"/><rect height="1" width="1" x="9" y="14"/><rect height="1" width="1" x="8" y="15"/><path d="M6,14.926V15H7V14.316A1.993,1.993,0,0,1,6,14.926Z"/><rect height="1" width="1" x="5" y="15"/><path d="M10.668,13.8L10.317,13H10v1h0.792A1.947,1.947,0,0,1,10.668,13.8Z"/><rect height="1" width="1" x="11" y="15"/><path d="M14.332,12.2a1.99,1.99,0,0,1,.166.8H15V12H14.245Z"/><rect height="1" width="1" x="14" y="15"/><rect height="1" width="1" x="15" y="11"/></g><polyline class="ql-stroke" points="5.5 13 9 5 12.5 13"/><line class="ql-stroke" x1="11.63" x2="6.38" y1="11" y2="11"/></svg>',blockquote:'<svg viewbox="0 0 18 18"><rect class="ql-fill ql-stroke" height="3" width="3" x="4" y="5"/><rect class="ql-fill ql-stroke" height="3" width="3" x="11" y="5"/><path class="ql-even ql-fill ql-stroke" d="M7,8c0,4.031-3,5-3,5"/><path class="ql-even ql-fill ql-stroke" d="M14,8c0,4.031-3,5-3,5"/></svg>',bold:'<svg viewbox="0 0 18 18"><path class="ql-stroke" d="M5,4H9.5A2.5,2.5,0,0,1,12,6.5v0A2.5,2.5,0,0,1,9.5,9H5A0,0,0,0,1,5,9V4A0,0,0,0,1,5,4Z"/><path class="ql-stroke" d="M5,9h5.5A2.5,2.5,0,0,1,13,11.5v0A2.5,2.5,0,0,1,10.5,14H5a0,0,0,0,1,0,0V9A0,0,0,0,1,5,9Z"/></svg>',clean:'<svg class="" viewbox="0 0 18 18"><line class="ql-stroke" x1="5" x2="13" y1="3" y2="3"/><line class="ql-stroke" x1="6" x2="9.35" y1="12" y2="3"/><line class="ql-stroke" x1="11" x2="15" y1="11" y2="15"/><line class="ql-stroke" x1="15" x2="11" y1="11" y2="15"/><rect class="ql-fill" height="1" rx="0.5" ry="0.5" width="7" x="2" y="14"/></svg>',code:at,"code-block":at,color:'<svg viewbox="0 0 18 18"><line class="ql-color-label ql-stroke ql-transparent" x1="3" x2="15" y1="15" y2="15"/><polyline class="ql-stroke" points="5.5 11 9 3 12.5 11"/><line class="ql-stroke" x1="11.63" x2="6.38" y1="9" y2="9"/></svg>',direction:{"":'<svg viewbox="0 0 18 18"><polygon class="ql-stroke ql-fill" points="3 11 5 9 3 7 3 11"/><line class="ql-stroke ql-fill" x1="15" x2="11" y1="4" y2="4"/><path class="ql-fill" d="M11,3a3,3,0,0,0,0,6h1V3H11Z"/><rect class="ql-fill" height="11" width="1" x="11" y="4"/><rect class="ql-fill" height="11" width="1" x="13" y="4"/></svg>',rtl:'<svg viewbox="0 0 18 18"><polygon class="ql-stroke ql-fill" points="15 12 13 10 15 8 15 12"/><line class="ql-stroke ql-fill" x1="9" x2="5" y1="4" y2="4"/><path class="ql-fill" d="M5,3A3,3,0,0,0,5,9H6V3H5Z"/><rect class="ql-fill" height="11" width="1" x="5" y="4"/><rect class="ql-fill" height="11" width="1" x="7" y="4"/></svg>'},formula:'<svg viewbox="0 0 18 18"><path class="ql-fill" d="M11.759,2.482a2.561,2.561,0,0,0-3.53.607A7.656,7.656,0,0,0,6.8,6.2C6.109,9.188,5.275,14.677,4.15,14.927a1.545,1.545,0,0,0-1.3-.933A0.922,0.922,0,0,0,2,15.036S1.954,16,4.119,16s3.091-2.691,3.7-5.553c0.177-.826.36-1.726,0.554-2.6L8.775,6.2c0.381-1.421.807-2.521,1.306-2.676a1.014,1.014,0,0,0,1.02.56A0.966,0.966,0,0,0,11.759,2.482Z"/><rect class="ql-fill" height="1.6" rx="0.8" ry="0.8" width="5" x="5.15" y="6.2"/><path class="ql-fill" d="M13.663,12.027a1.662,1.662,0,0,1,.266-0.276q0.193,0.069.456,0.138a2.1,2.1,0,0,0,.535.069,1.075,1.075,0,0,0,.767-0.3,1.044,1.044,0,0,0,.314-0.8,0.84,0.84,0,0,0-.238-0.619,0.8,0.8,0,0,0-.594-0.239,1.154,1.154,0,0,0-.781.3,4.607,4.607,0,0,0-.781,1q-0.091.15-.218,0.346l-0.246.38c-0.068-.288-0.137-0.582-0.212-0.885-0.459-1.847-2.494-.984-2.941-0.8-0.482.2-.353,0.647-0.094,0.529a0.869,0.869,0,0,1,1.281.585c0.217,0.751.377,1.436,0.527,2.038a5.688,5.688,0,0,1-.362.467,2.69,2.69,0,0,1-.264.271q-0.221-.08-0.471-0.147a2.029,2.029,0,0,0-.522-0.066,1.079,1.079,0,0,0-.768.3A1.058,1.058,0,0,0,9,15.131a0.82,0.82,0,0,0,.832.852,1.134,1.134,0,0,0,.787-0.3,5.11,5.11,0,0,0,.776-0.993q0.141-.219.215-0.34c0.046-.076.122-0.194,0.223-0.346a2.786,2.786,0,0,0,.918,1.726,2.582,2.582,0,0,0,2.376-.185c0.317-.181.212-0.565,0-0.494A0.807,0.807,0,0,1,14.176,15a5.159,5.159,0,0,1-.913-2.446l0,0Q13.487,12.24,13.663,12.027Z"/></svg>',header:{1:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M10,4V14a1,1,0,0,1-2,0V10H3v4a1,1,0,0,1-2,0V4A1,1,0,0,1,3,4V8H8V4a1,1,0,0,1,2,0Zm6.06787,9.209H14.98975V7.59863a.54085.54085,0,0,0-.605-.60547h-.62744a1.01119,1.01119,0,0,0-.748.29688L11.645,8.56641a.5435.5435,0,0,0-.022.8584l.28613.30762a.53861.53861,0,0,0,.84717.0332l.09912-.08789a1.2137,1.2137,0,0,0,.2417-.35254h.02246s-.01123.30859-.01123.60547V13.209H12.041a.54085.54085,0,0,0-.605.60547v.43945a.54085.54085,0,0,0,.605.60547h4.02686a.54085.54085,0,0,0,.605-.60547v-.43945A.54085.54085,0,0,0,16.06787,13.209Z"/></svg>',2:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M16.73975,13.81445v.43945a.54085.54085,0,0,1-.605.60547H11.855a.58392.58392,0,0,1-.64893-.60547V14.0127c0-2.90527,3.39941-3.42187,3.39941-4.55469a.77675.77675,0,0,0-.84717-.78125,1.17684,1.17684,0,0,0-.83594.38477c-.2749.26367-.561.374-.85791.13184l-.4292-.34082c-.30811-.24219-.38525-.51758-.1543-.81445a2.97155,2.97155,0,0,1,2.45361-1.17676,2.45393,2.45393,0,0,1,2.68408,2.40918c0,2.45312-3.1792,2.92676-3.27832,3.93848h2.79443A.54085.54085,0,0,1,16.73975,13.81445ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"/></svg>',3:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M16.65186,12.30664a2.6742,2.6742,0,0,1-2.915,2.68457,3.96592,3.96592,0,0,1-2.25537-.6709.56007.56007,0,0,1-.13232-.83594L11.64648,13c.209-.34082.48389-.36328.82471-.1543a2.32654,2.32654,0,0,0,1.12256.33008c.71484,0,1.12207-.35156,1.12207-.78125,0-.61523-.61621-.86816-1.46338-.86816H13.2085a.65159.65159,0,0,1-.68213-.41895l-.05518-.10937a.67114.67114,0,0,1,.14307-.78125l.71533-.86914a8.55289,8.55289,0,0,1,.68213-.7373V8.58887a3.93913,3.93913,0,0,1-.748.05469H11.9873a.54085.54085,0,0,1-.605-.60547V7.59863a.54085.54085,0,0,1,.605-.60547h3.75146a.53773.53773,0,0,1,.60547.59375v.17676a1.03723,1.03723,0,0,1-.27539.748L14.74854,10.0293A2.31132,2.31132,0,0,1,16.65186,12.30664ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"/></svg>',4:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M10,4V14a1,1,0,0,1-2,0V10H3v4a1,1,0,0,1-2,0V4A1,1,0,0,1,3,4V8H8V4a1,1,0,0,1,2,0Zm7.05371,7.96582v.38477c0,.39648-.165.60547-.46191.60547h-.47314v1.29785a.54085.54085,0,0,1-.605.60547h-.69336a.54085.54085,0,0,1-.605-.60547V12.95605H11.333a.5412.5412,0,0,1-.60547-.60547v-.15332a1.199,1.199,0,0,1,.22021-.748l2.56348-4.05957a.7819.7819,0,0,1,.72607-.39648h1.27637a.54085.54085,0,0,1,.605.60547v3.7627h.33008A.54055.54055,0,0,1,17.05371,11.96582ZM14.28125,8.7207h-.022a4.18969,4.18969,0,0,1-.38525.81348l-1.188,1.80469v.02246h1.5293V9.60059A7.04058,7.04058,0,0,1,14.28125,8.7207Z"/></svg>',5:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M16.74023,12.18555a2.75131,2.75131,0,0,1-2.91553,2.80566,3.908,3.908,0,0,1-2.25537-.68164.54809.54809,0,0,1-.13184-.8252L11.73438,13c.209-.34082.48389-.36328.8252-.1543a2.23757,2.23757,0,0,0,1.1001.33008,1.01827,1.01827,0,0,0,1.1001-.96777c0-.61621-.53906-.97949-1.25439-.97949a2.15554,2.15554,0,0,0-.64893.09961,1.15209,1.15209,0,0,1-.814.01074l-.12109-.04395a.64116.64116,0,0,1-.45117-.71484l.231-3.00391a.56666.56666,0,0,1,.62744-.583H15.541a.54085.54085,0,0,1,.605.60547v.43945a.54085.54085,0,0,1-.605.60547H13.41748l-.04395.72559a1.29306,1.29306,0,0,1-.04395.30859h.022a2.39776,2.39776,0,0,1,.57227-.07715A2.53266,2.53266,0,0,1,16.74023,12.18555ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"/></svg>',6:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M14.51758,9.64453a1.85627,1.85627,0,0,0-1.24316.38477H13.252a1.73532,1.73532,0,0,1,1.72754-1.4082,2.66491,2.66491,0,0,1,.5498.06641c.35254.05469.57227.01074.70508-.40723l.16406-.5166a.53393.53393,0,0,0-.373-.75977,4.83723,4.83723,0,0,0-1.17773-.14258c-2.43164,0-3.7627,2.17773-3.7627,4.43359,0,2.47559,1.60645,3.69629,3.19043,3.69629A2.70585,2.70585,0,0,0,16.96,12.19727,2.43861,2.43861,0,0,0,14.51758,9.64453Zm-.23047,3.58691c-.67187,0-1.22168-.81445-1.22168-1.45215,0-.47363.30762-.583.72559-.583.96875,0,1.27734.59375,1.27734,1.12207A.82182.82182,0,0,1,14.28711,13.23145ZM10,4V14a1,1,0,0,1-2,0V10H3v4a1,1,0,0,1-2,0V4A1,1,0,0,1,3,4V8H8V4a1,1,0,0,1,2,0Z"/></svg>'},italic:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="7" x2="13" y1="4" y2="4"/><line class="ql-stroke" x1="5" x2="11" y1="14" y2="14"/><line class="ql-stroke" x1="8" x2="10" y1="14" y2="4"/></svg>',image:'<svg viewbox="0 0 18 18"><rect class="ql-stroke" height="10" width="12" x="3" y="4"/><circle class="ql-fill" cx="6" cy="7" r="1"/><polyline class="ql-even ql-fill" points="5 12 5 11 7 9 8 10 11 7 13 9 13 12 5 12"/></svg>',indent:{"+1":'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="3" x2="15" y1="14" y2="14"/><line class="ql-stroke" x1="3" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="9" x2="15" y1="9" y2="9"/><polyline class="ql-fill ql-stroke" points="3 7 3 11 5 9 3 7"/></svg>',"-1":'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="3" x2="15" y1="14" y2="14"/><line class="ql-stroke" x1="3" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="9" x2="15" y1="9" y2="9"/><polyline class="ql-stroke" points="5 7 5 11 3 9 5 7"/></svg>'},link:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="7" x2="11" y1="7" y2="11"/><path class="ql-even ql-stroke" d="M8.9,4.577a3.476,3.476,0,0,1,.36,4.679A3.476,3.476,0,0,1,4.577,8.9C3.185,7.5,2.035,6.4,4.217,4.217S7.5,3.185,8.9,4.577Z"/><path class="ql-even ql-stroke" d="M13.423,9.1a3.476,3.476,0,0,0-4.679-.36,3.476,3.476,0,0,0,.36,4.679c1.392,1.392,2.5,2.542,4.679.36S14.815,10.5,13.423,9.1Z"/></svg>',list:{bullet:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="6" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="6" x2="15" y1="9" y2="9"/><line class="ql-stroke" x1="6" x2="15" y1="14" y2="14"/><line class="ql-stroke" x1="3" x2="3" y1="4" y2="4"/><line class="ql-stroke" x1="3" x2="3" y1="9" y2="9"/><line class="ql-stroke" x1="3" x2="3" y1="14" y2="14"/></svg>',check:'<svg class="" viewbox="0 0 18 18"><line class="ql-stroke" x1="9" x2="15" y1="4" y2="4"/><polyline class="ql-stroke" points="3 4 4 5 6 3"/><line class="ql-stroke" x1="9" x2="15" y1="14" y2="14"/><polyline class="ql-stroke" points="3 14 4 15 6 13"/><line class="ql-stroke" x1="9" x2="15" y1="9" y2="9"/><polyline class="ql-stroke" points="3 9 4 10 6 8"/></svg>',ordered:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="7" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="7" x2="15" y1="9" y2="9"/><line class="ql-stroke" x1="7" x2="15" y1="14" y2="14"/><line class="ql-stroke ql-thin" x1="2.5" x2="4.5" y1="5.5" y2="5.5"/><path class="ql-fill" d="M3.5,6A0.5,0.5,0,0,1,3,5.5V3.085l-0.276.138A0.5,0.5,0,0,1,2.053,3c-0.124-.247-0.023-0.324.224-0.447l1-.5A0.5,0.5,0,0,1,4,2.5v3A0.5,0.5,0,0,1,3.5,6Z"/><path class="ql-stroke ql-thin" d="M4.5,10.5h-2c0-.234,1.85-1.076,1.85-2.234A0.959,0.959,0,0,0,2.5,8.156"/><path class="ql-stroke ql-thin" d="M2.5,14.846a0.959,0.959,0,0,0,1.85-.109A0.7,0.7,0,0,0,3.75,14a0.688,0.688,0,0,0,.6-0.736,0.959,0.959,0,0,0-1.85-.109"/></svg>'},script:{sub:'<svg viewbox="0 0 18 18"><path class="ql-fill" d="M15.5,15H13.861a3.858,3.858,0,0,0,1.914-2.975,1.8,1.8,0,0,0-1.6-1.751A1.921,1.921,0,0,0,12.021,11.7a0.50013,0.50013,0,1,0,.957.291h0a0.914,0.914,0,0,1,1.053-.725,0.81,0.81,0,0,1,.744.762c0,1.076-1.16971,1.86982-1.93971,2.43082A1.45639,1.45639,0,0,0,12,15.5a0.5,0.5,0,0,0,.5.5h3A0.5,0.5,0,0,0,15.5,15Z"/><path class="ql-fill" d="M9.65,5.241a1,1,0,0,0-1.409.108L6,7.964,3.759,5.349A1,1,0,0,0,2.192,6.59178Q2.21541,6.6213,2.241,6.649L4.684,9.5,2.241,12.35A1,1,0,0,0,3.71,13.70722q0.02557-.02768.049-0.05722L6,11.036,8.241,13.65a1,1,0,1,0,1.567-1.24277Q9.78459,12.3777,9.759,12.35L7.316,9.5,9.759,6.651A1,1,0,0,0,9.65,5.241Z"/></svg>',super:'<svg viewbox="0 0 18 18"><path class="ql-fill" d="M15.5,7H13.861a4.015,4.015,0,0,0,1.914-2.975,1.8,1.8,0,0,0-1.6-1.751A1.922,1.922,0,0,0,12.021,3.7a0.5,0.5,0,1,0,.957.291,0.917,0.917,0,0,1,1.053-.725,0.81,0.81,0,0,1,.744.762c0,1.077-1.164,1.925-1.934,2.486A1.423,1.423,0,0,0,12,7.5a0.5,0.5,0,0,0,.5.5h3A0.5,0.5,0,0,0,15.5,7Z"/><path class="ql-fill" d="M9.651,5.241a1,1,0,0,0-1.41.108L6,7.964,3.759,5.349a1,1,0,1,0-1.519,1.3L4.683,9.5,2.241,12.35a1,1,0,1,0,1.519,1.3L6,11.036,8.241,13.65a1,1,0,0,0,1.519-1.3L7.317,9.5,9.759,6.651A1,1,0,0,0,9.651,5.241Z"/></svg>'},strike:'<svg viewbox="0 0 18 18"><line class="ql-stroke ql-thin" x1="15.5" x2="2.5" y1="8.5" y2="9.5"/><path class="ql-fill" d="M9.007,8C6.542,7.791,6,7.519,6,6.5,6,5.792,7.283,5,9,5c1.571,0,2.765.679,2.969,1.309a1,1,0,0,0,1.9-.617C13.356,4.106,11.354,3,9,3,6.2,3,4,4.538,4,6.5a3.2,3.2,0,0,0,.5,1.843Z"/><path class="ql-fill" d="M8.984,10C11.457,10.208,12,10.479,12,11.5c0,0.708-1.283,1.5-3,1.5-1.571,0-2.765-.679-2.969-1.309a1,1,0,1,0-1.9.617C4.644,13.894,6.646,15,9,15c2.8,0,5-1.538,5-3.5a3.2,3.2,0,0,0-.5-1.843Z"/></svg>',table:'<svg viewbox="0 0 18 18"><rect class="ql-stroke" height="12" width="12" x="3" y="3"/><rect class="ql-fill" height="2" width="3" x="5" y="5"/><rect class="ql-fill" height="2" width="4" x="9" y="5"/><g class="ql-fill ql-transparent"><rect height="2" width="3" x="5" y="8"/><rect height="2" width="4" x="9" y="8"/><rect height="2" width="3" x="5" y="11"/><rect height="2" width="4" x="9" y="11"/></g></svg>',underline:'<svg viewbox="0 0 18 18"><path class="ql-stroke" d="M5,3V9a4.012,4.012,0,0,0,4,4H9a4.012,4.012,0,0,0,4-4V3"/><rect class="ql-fill" height="1" rx="0.5" ry="0.5" width="12" x="3" y="15"/></svg>',video:'<svg viewbox="0 0 18 18"><rect class="ql-stroke" height="12" width="12" x="3" y="3"/><rect class="ql-fill" height="12" width="1" x="5" y="3"/><rect class="ql-fill" height="12" width="1" x="12" y="3"/><rect class="ql-fill" height="2" width="8" x="5" y="8"/><rect class="ql-fill" height="1" width="3" x="3" y="5"/><rect class="ql-fill" height="1" width="3" x="3" y="7"/><rect class="ql-fill" height="1" width="3" x="3" y="10"/><rect class="ql-fill" height="1" width="3" x="3" y="12"/><rect class="ql-fill" height="1" width="3" x="12" y="5"/><rect class="ql-fill" height="1" width="3" x="12" y="7"/><rect class="ql-fill" height="1" width="3" x="12" y="10"/><rect class="ql-fill" height="1" width="3" x="12" y="12"/></svg>'};let ut=0;function ht(t,e){t.setAttribute(e,`${!("true"===t.getAttribute(e))}`)}var dt=class{constructor(t){this.select=t,this.container=document.createElement("span"),this.buildPicker(),this.select.style.display="none",this.select.parentNode.insertBefore(this.container,this.select),this.label.addEventListener("mousedown",(()=>{this.togglePicker()})),this.label.addEventListener("keydown",(t=>{switch(t.key){case"Enter":this.togglePicker();break;case"Escape":this.escape(),t.preventDefault()}})),this.select.addEventListener("change",this.update.bind(this))}togglePicker(){this.container.classList.toggle("ql-expanded"),ht(this.label,"aria-expanded"),ht(this.options,"aria-hidden")}buildItem(t){const e=document.createElement("span");e.tabIndex="0",e.setAttribute("role","button"),e.classList.add("ql-picker-item");const n=t.getAttribute("value");return n&&e.setAttribute("data-value",n),t.textContent&&e.setAttribute("data-label",t.textContent),e.addEventListener("click",(()=>{this.selectItem(e,!0)})),e.addEventListener("keydown",(t=>{switch(t.key){case"Enter":this.selectItem(e,!0),t.preventDefault();break;case"Escape":this.escape(),t.preventDefault()}})),e}buildLabel(){const t=document.createElement("span");return t.classList.add("ql-picker-label"),t.innerHTML='<svg viewbox="0 0 18 18"><polygon class="ql-stroke" points="7 11 9 13 11 11 7 11"/><polygon class="ql-stroke" points="7 7 9 5 11 7 7 7"/></svg>',t.tabIndex="0",t.setAttribute("role","button"),t.setAttribute("aria-expanded","false"),this.container.appendChild(t),t}buildOptions(){const t=document.createElement("span");t.classList.add("ql-picker-options"),t.setAttribute("aria-hidden","true"),t.tabIndex="-1",t.id=`ql-picker-options-${ut}`,ut+=1,this.label.setAttribute("aria-controls",t.id),this.options=t,Array.from(this.select.options).forEach((e=>{const n=this.buildItem(e);t.appendChild(n),!0===e.selected&&this.selectItem(n)})),this.container.appendChild(t)}buildPicker(){Array.from(this.select.attributes).forEach((t=>{this.container.setAttribute(t.name,t.value)})),this.container.classList.add("ql-picker"),this.label=this.buildLabel(),this.buildOptions()}escape(){this.close(),setTimeout((()=>this.label.focus()),1)}close(){this.container.classList.remove("ql-expanded"),this.label.setAttribute("aria-expanded","false"),this.options.setAttribute("aria-hidden","true")}selectItem(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const n=this.container.querySelector(".ql-selected");t!==n&&(null!=n&&n.classList.remove("ql-selected"),null!=t&&(t.classList.add("ql-selected"),this.select.selectedIndex=Array.from(t.parentNode.children).indexOf(t),t.hasAttribute("data-value")?this.label.setAttribute("data-value",t.getAttribute("data-value")):this.label.removeAttribute("data-value"),t.hasAttribute("data-label")?this.label.setAttribute("data-label",t.getAttribute("data-label")):this.label.removeAttribute("data-label"),e&&(this.select.dispatchEvent(new Event("change")),this.close())))}update(){let t;if(this.select.selectedIndex>-1){const e=this.container.querySelector(".ql-picker-options").children[this.select.selectedIndex];t=this.select.options[this.select.selectedIndex],this.selectItem(e)}else this.selectItem(null);const e=null!=t&&t!==this.select.querySelector("option[selected]");this.label.classList.toggle("ql-active",e)}},ft=class extends dt{constructor(t,e){super(t),this.label.innerHTML=e,this.container.classList.add("ql-color-picker"),Array.from(this.container.querySelectorAll(".ql-picker-item")).slice(0,7).forEach((t=>{t.classList.add("ql-primary")}))}buildItem(t){const e=super.buildItem(t);return e.style.backgroundColor=t.getAttribute("value")||"",e}selectItem(t,e){super.selectItem(t,e);const n=this.label.querySelector(".ql-color-label"),r=t&&t.getAttribute("data-value")||"";n&&("line"===n.tagName?n.style.stroke=r:n.style.fill=r)}},pt=class extends dt{constructor(t,e){super(t),this.container.classList.add("ql-icon-picker"),Array.from(this.container.querySelectorAll(".ql-picker-item")).forEach((t=>{t.innerHTML=e[t.getAttribute("data-value")||""]})),this.defaultItem=this.container.querySelector(".ql-selected"),this.selectItem(this.defaultItem)}selectItem(t,e){super.selectItem(t,e);const n=t||this.defaultItem;if(null!=n){if(this.label.innerHTML===n.innerHTML)return;this.label.innerHTML=n.innerHTML}}},gt=class{constructor(t,e){this.quill=t,this.boundsContainer=e||document.body,this.root=t.addContainer("ql-tooltip"),this.root.innerHTML=this.constructor.TEMPLATE,(t=>{const{overflowY:e}=getComputedStyle(t,null);return"visible"!==e&&"clip"!==e})(this.quill.root)&&this.quill.root.addEventListener("scroll",(()=>{this.root.style.marginTop=-1*this.quill.root.scrollTop+"px"})),this.hide()}hide(){this.root.classList.add("ql-hidden")}position(t){const e=t.left+t.width/2-this.root.offsetWidth/2,n=t.bottom+this.quill.root.scrollTop;this.root.style.left=`${e}px`,this.root.style.top=`${n}px`,this.root.classList.remove("ql-flip");const r=this.boundsContainer.getBoundingClientRect(),i=this.root.getBoundingClientRect();let s=0;if(i.right>r.right&&(s=r.right-i.right,this.root.style.left=`${e+s}px`),i.left<r.left&&(s=r.left-i.left,this.root.style.left=`${e+s}px`),i.bottom>r.bottom){const e=i.bottom-i.top,r=t.bottom-t.top+e;this.root.style.top=n-r+"px",this.root.classList.add("ql-flip")}return s}show(){this.root.classList.remove("ql-editing"),this.root.classList.remove("ql-hidden")}},mt=n(8347),bt=n(5374),yt=n(9609);const vt=[!1,"center","right","justify"],At=["#000000","#e60000","#ff9900","#ffff00","#008a00","#0066cc","#9933ff","#ffffff","#facccc","#ffebcc","#ffffcc","#cce8cc","#cce0f5","#ebd6ff","#bbbbbb","#f06666","#ffc266","#ffff66","#66b966","#66a3e0","#c285ff","#888888","#a10000","#b26b00","#b2b200","#006100","#0047b2","#6b24b2","#444444","#5c0000","#663d00","#666600","#003700","#002966","#3d1466"],xt=[!1,"serif","monospace"],Nt=["1","2","3",!1],Et=["small",!1,"large","huge"];class wt extends yt.A{constructor(t,e){super(t,e);const n=e=>{document.body.contains(t.root)?(null==this.tooltip||this.tooltip.root.contains(e.target)||document.activeElement===this.tooltip.textbox||this.quill.hasFocus()||this.tooltip.hide(),null!=this.pickers&&this.pickers.forEach((t=>{t.container.contains(e.target)||t.close()}))):document.body.removeEventListener("click",n)};t.emitter.listenDOM("click",document.body,n)}addModule(t){const e=super.addModule(t);return"toolbar"===t&&this.extendToolbar(e),e}buildButtons(t,e){Array.from(t).forEach((t=>{(t.getAttribute("class")||"").split(/\s+/).forEach((n=>{if(n.startsWith("ql-")&&(n=n.slice(3),null!=e[n]))if("direction"===n)t.innerHTML=e[n][""]+e[n].rtl;else if("string"==typeof e[n])t.innerHTML=e[n];else{const r=t.value||"";null!=r&&e[n][r]&&(t.innerHTML=e[n][r])}}))}))}buildPickers(t,e){this.pickers=Array.from(t).map((t=>{if(t.classList.contains("ql-align")&&(null==t.querySelector("option")&&kt(t,vt),"object"==typeof e.align))return new pt(t,e.align);if(t.classList.contains("ql-background")||t.classList.contains("ql-color")){const n=t.classList.contains("ql-background")?"background":"color";return null==t.querySelector("option")&&kt(t,At,"background"===n?"#ffffff":"#000000"),new ft(t,e[n])}return null==t.querySelector("option")&&(t.classList.contains("ql-font")?kt(t,xt):t.classList.contains("ql-header")?kt(t,Nt):t.classList.contains("ql-size")&&kt(t,Et)),new dt(t)})),this.quill.on(bt.A.events.EDITOR_CHANGE,(()=>{this.pickers.forEach((t=>{t.update()}))}))}}wt.DEFAULTS=(0,mt.A)({},yt.A.DEFAULTS,{modules:{toolbar:{handlers:{formula(){this.quill.theme.tooltip.edit("formula")},image(){let t=this.container.querySelector("input.ql-image[type=file]");null==t&&(t=document.createElement("input"),t.setAttribute("type","file"),t.setAttribute("accept",this.quill.uploader.options.mimetypes.join(", ")),t.classList.add("ql-image"),t.addEventListener("change",(()=>{const e=this.quill.getSelection(!0);this.quill.uploader.upload(e,t.files),t.value=""})),this.container.appendChild(t)),t.click()},video(){this.quill.theme.tooltip.edit("video")}}}}});class qt extends gt{constructor(t,e){super(t,e),this.textbox=this.root.querySelector('input[type="text"]'),this.listen()}listen(){this.textbox.addEventListener("keydown",(t=>{"Enter"===t.key?(this.save(),t.preventDefault()):"Escape"===t.key&&(this.cancel(),t.preventDefault())}))}cancel(){this.hide(),this.restoreFocus()}edit(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"link",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(this.root.classList.remove("ql-hidden"),this.root.classList.add("ql-editing"),null==this.textbox)return;null!=e?this.textbox.value=e:t!==this.root.getAttribute("data-mode")&&(this.textbox.value="");const n=this.quill.getBounds(this.quill.selection.savedRange);null!=n&&this.position(n),this.textbox.select(),this.textbox.setAttribute("placeholder",this.textbox.getAttribute(`data-${t}`)||""),this.root.setAttribute("data-mode",t)}restoreFocus(){this.quill.focus({preventScroll:!0})}save(){let{value:t}=this.textbox;switch(this.root.getAttribute("data-mode")){case"link":{const{scrollTop:e}=this.quill.root;this.linkRange?(this.quill.formatText(this.linkRange,"link",t,bt.A.sources.USER),delete this.linkRange):(this.restoreFocus(),this.quill.format("link",t,bt.A.sources.USER)),this.quill.root.scrollTop=e;break}case"video":t=function(t){let e=t.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtube\.com\/watch.*v=([a-zA-Z0-9_-]+)/)||t.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtu\.be\/([a-zA-Z0-9_-]+)/);return e?`${e[1]||"https"}://www.youtube.com/embed/${e[2]}?showinfo=0`:(e=t.match(/^(?:(https?):\/\/)?(?:www\.)?vimeo\.com\/(\d+)/))?`${e[1]||"https"}://player.vimeo.com/video/${e[2]}/`:t}(t);case"formula":{if(!t)break;const e=this.quill.getSelection(!0);if(null!=e){const n=e.index+e.length;this.quill.insertEmbed(n,this.root.getAttribute("data-mode"),t,bt.A.sources.USER),"formula"===this.root.getAttribute("data-mode")&&this.quill.insertText(n+1," ",bt.A.sources.USER),this.quill.setSelection(n+2,bt.A.sources.USER)}break}}this.textbox.value="",this.hide()}}function kt(t,e){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];e.forEach((e=>{const r=document.createElement("option");e===n?r.setAttribute("selected","selected"):r.setAttribute("value",String(e)),t.appendChild(r)}))}var _t=n(8298);const Lt=[["bold","italic","link"],[{header:1},{header:2},"blockquote"]];class St extends qt{static TEMPLATE=['<span class="ql-tooltip-arrow"></span>','<div class="ql-tooltip-editor">','<input type="text" data-formula="e=mc^2" data-link="https://quilljs.com" data-video="Embed URL">','<a class="ql-close"></a>',"</div>"].join("");constructor(t,e){super(t,e),this.quill.on(bt.A.events.EDITOR_CHANGE,((t,e,n,r)=>{if(t===bt.A.events.SELECTION_CHANGE)if(null!=e&&e.length>0&&r===bt.A.sources.USER){this.show(),this.root.style.left="0px",this.root.style.width="",this.root.style.width=`${this.root.offsetWidth}px`;const t=this.quill.getLines(e.index,e.length);if(1===t.length){const t=this.quill.getBounds(e);null!=t&&this.position(t)}else{const n=t[t.length-1],r=this.quill.getIndex(n),i=Math.min(n.length()-1,e.index+e.length-r),s=this.quill.getBounds(new _t.Q(r,i));null!=s&&this.position(s)}}else document.activeElement!==this.textbox&&this.quill.hasFocus()&&this.hide()}))}listen(){super.listen(),this.root.querySelector(".ql-close").addEventListener("click",(()=>{this.root.classList.remove("ql-editing")})),this.quill.on(bt.A.events.SCROLL_OPTIMIZE,(()=>{setTimeout((()=>{if(this.root.classList.contains("ql-hidden"))return;const t=this.quill.getSelection();if(null!=t){const e=this.quill.getBounds(t);null!=e&&this.position(e)}}),1)}))}cancel(){this.show()}position(t){const e=super.position(t),n=this.root.querySelector(".ql-tooltip-arrow");return n.style.marginLeft="",0!==e&&(n.style.marginLeft=-1*e-n.offsetWidth/2+"px"),e}}class Ot extends wt{constructor(t,e){null!=e.modules.toolbar&&null==e.modules.toolbar.container&&(e.modules.toolbar.container=Lt),super(t,e),this.quill.container.classList.add("ql-bubble")}extendToolbar(t){this.tooltip=new St(this.quill,this.options.bounds),null!=t.container&&(this.tooltip.root.appendChild(t.container),this.buildButtons(t.container.querySelectorAll("button"),ct),this.buildPickers(t.container.querySelectorAll("select"),ct))}}Ot.DEFAULTS=(0,mt.A)({},wt.DEFAULTS,{modules:{toolbar:{handlers:{link(t){t?this.quill.theme.tooltip.edit():this.quill.format("link",!1,p.Ay.sources.USER)}}}}});const Tt=[[{header:["1","2","3",!1]}],["bold","italic","underline","link"],[{list:"ordered"},{list:"bullet"}],["clean"]];class jt extends qt{static TEMPLATE=['<a class="ql-preview" rel="noopener noreferrer" target="_blank" href="about:blank"></a>','<input type="text" data-formula="e=mc^2" data-link="https://quilljs.com" data-video="Embed URL">','<a class="ql-action"></a>','<a class="ql-remove"></a>'].join("");preview=this.root.querySelector("a.ql-preview");listen(){super.listen(),this.root.querySelector("a.ql-action").addEventListener("click",(t=>{this.root.classList.contains("ql-editing")?this.save():this.edit("link",this.preview.textContent),t.preventDefault()})),this.root.querySelector("a.ql-remove").addEventListener("click",(t=>{if(null!=this.linkRange){const t=this.linkRange;this.restoreFocus(),this.quill.formatText(t,"link",!1,bt.A.sources.USER),delete this.linkRange}t.preventDefault(),this.hide()})),this.quill.on(bt.A.events.SELECTION_CHANGE,((t,e,n)=>{if(null!=t){if(0===t.length&&n===bt.A.sources.USER){const[e,n]=this.quill.scroll.descendant(w,t.index);if(null!=e){this.linkRange=new _t.Q(t.index-n,e.length());const r=w.formats(e.domNode);this.preview.textContent=r,this.preview.setAttribute("href",r),this.show();const i=this.quill.getBounds(this.linkRange);return void(null!=i&&this.position(i))}}else delete this.linkRange;this.hide()}}))}show(){super.show(),this.root.removeAttribute("data-mode")}}class Ct extends wt{constructor(t,e){null!=e.modules.toolbar&&null==e.modules.toolbar.container&&(e.modules.toolbar.container=Tt),super(t,e),this.quill.container.classList.add("ql-snow")}extendToolbar(t){null!=t.container&&(t.container.classList.add("ql-snow"),this.buildButtons(t.container.querySelectorAll("button"),ct),this.buildPickers(t.container.querySelectorAll("select"),ct),this.tooltip=new jt(this.quill,this.options.bounds),t.container.querySelector(".ql-link")&&this.quill.keyboard.addBinding({key:"k",shortKey:!0},((e,n)=>{t.handlers.link.call(t,!n.format.link)})))}}Ct.DEFAULTS=(0,mt.A)({},wt.DEFAULTS,{modules:{toolbar:{handlers:{link(t){if(t){const t=this.quill.getSelection();if(null==t||0===t.length)return;let e=this.quill.getText(t);/^\S+@\S+\.\S+$/.test(e)&&0!==e.indexOf("mailto:")&&(e=`mailto:${e}`);const{tooltip:n}=this.quill.theme;n.edit("link",e)}else this.quill.format("link",!1,p.Ay.sources.USER)}}}}});var Rt=Ct;t.default.register({"attributors/attribute/direction":i.Mc,"attributors/class/align":e.qh,"attributors/class/background":b.l,"attributors/class/color":y.g3,"attributors/class/direction":i.sY,"attributors/class/font":v.q,"attributors/class/size":A.U,"attributors/style/align":e.Hu,"attributors/style/background":b.s,"attributors/style/color":y.JM,"attributors/style/direction":i.VL,"attributors/style/font":v.z,"attributors/style/size":A.r},!0),t.default.register({"formats/align":e.qh,"formats/direction":i.sY,"formats/indent":l,"formats/background":b.s,"formats/color":y.JM,"formats/font":v.q,"formats/size":A.U,"formats/blockquote":u,"formats/code-block":D.Ay,"formats/header":d,"formats/list":m,"formats/bold":E,"formats/code":D.Cy,"formats/italic":class extends E{static blotName="italic";static tagName=["EM","I"]},"formats/link":w,"formats/script":_,"formats/strike":class extends E{static blotName="strike";static tagName=["S","STRIKE"]},"formats/underline":S,"formats/formula":j,"formats/image":I,"formats/video":U,"modules/syntax":Q,"modules/table":it,"modules/toolbar":ot,"themes/bubble":Ot,"themes/snow":Rt,"ui/icons":ct,"ui/picker":dt,"ui/icon-picker":pt,"ui/color-picker":ft,"ui/tooltip":gt},!0);var It=t.default}(),r.default}()}));
+//# sourceMappingURL=quill.js.map
\ No newline at end of file
diff --git a/public_html/raven-demo/vendor/js/sal.js b/public_html/raven-demo/vendor/js/sal.js
new file mode 100644
index 0000000..91d3e1b
--- /dev/null
+++ b/public_html/raven-demo/vendor/js/sal.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.sal=t():e.sal=t()}(this,(function(){return(()=>{"use strict";var e={d:(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},t={};function n(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function r(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}e.d(t,{default:()=>j});var a="Sal was not initialised! Probably it is used in SSR.",s="Your browser does not support IntersectionObserver!\nGet a polyfill from here:\nhttps://github.com/w3c/IntersectionObserver/tree/master/polyfill",i={root:null,rootMargin:"0% 50%",threshold:.5,animateClassName:"sal-animate",disabledClassName:"sal-disabled",enterEventName:"sal:in",exitEventName:"sal:out",selector:"[data-sal]",once:!0,disabled:!1},l=[],c=null,u=function(e){e&&e!==i&&(i=r(r({},i),e))},d=function(e){e.classList.remove(i.animateClassName)},f=function(e,t){var n=new CustomEvent(e,{bubbles:!0,detail:t});t.target.dispatchEvent(n)},b=function(){document.body.classList.add(i.disabledClassName)},p=function(){c.disconnect(),c=null},m=function(){return i.disabled||"function"==typeof i.disabled&&i.disabled()},v=function(e,t){e.forEach((function(e){var n=e.target,r=void 0!==n.dataset.salRepeat,o=void 0!==n.dataset.salOnce,a=r||!(o||i.once);e.intersectionRatio>=i.threshold?(function(e){e.target.classList.add(i.animateClassName),f(i.enterEventName,e)}(e),a||t.unobserve(n)):a&&function(e){d(e.target),f(i.exitEventName,e)}(e)}))},y=function(){var e=[].filter.call(document.querySelectorAll(i.selector),(function(e){return!function(e){return e.classList.contains(i.animateClassName)}(e,i.animateClassName)}));return e.forEach((function(e){return c.observe(e)})),e},O=function(){b(),p()},h=function(){document.body.classList.remove(i.disabledClassName),c=new IntersectionObserver(v,{root:i.root,rootMargin:i.rootMargin,threshold:i.threshold}),l=y()},g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};p(),Array.from(document.querySelectorAll(i.selector)).forEach(d),u(e),h()},w=function(){var e=y();l.push(e)};const j=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i;if(u(e),"undefined"==typeof window)return console.warn(a),{elements:l,disable:O,enable:h,reset:g,update:w};if(!window.IntersectionObserver)throw b(),Error(s);return m()?b():h(),{elements:l,disable:O,enable:h,reset:g,update:w}};return t.default})()}));
+//# sourceMappingURL=sal.js.map
\ No newline at end of file
diff --git a/public_html/raven-demo/vendor/js/sweetalert2.all.min.js b/public_html/raven-demo/vendor/js/sweetalert2.all.min.js
new file mode 100644
index 0000000..3fdf3da
--- /dev/null
+++ b/public_html/raven-demo/vendor/js/sweetalert2.all.min.js
@@ -0,0 +1,6 @@
+/*!
+* sweetalert2 v11.23.0
+* Released under the MIT License.
+*/
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).Sweetalert2=t()}(this,function(){"use strict";function e(e,t,n){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:n;throw new TypeError("Private element is not present on this object")}function t(t,n){return t.get(e(t,n))}function n(e,t,n){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,n)}const o={},i=e=>new Promise(t=>{if(!e)return t();const n=window.scrollX,i=window.scrollY;o.restoreFocusTimeout=setTimeout(()=>{o.previousActiveElement instanceof HTMLElement?(o.previousActiveElement.focus(),o.previousActiveElement=null):document.body&&document.body.focus(),t()},100),window.scrollTo(n,i)}),s="swal2-",r=["container","shown","height-auto","iosfix","popup","modal","no-backdrop","no-transition","toast","toast-shown","show","hide","close","title","html-container","actions","confirm","deny","cancel","footer","icon","icon-content","image","input","file","range","select","radio","checkbox","label","textarea","inputerror","input-label","validation-message","progress-steps","active-progress-step","progress-step","progress-step-line","loader","loading","styled","top","top-start","top-end","top-left","top-right","center","center-start","center-end","center-left","center-right","bottom","bottom-start","bottom-end","bottom-left","bottom-right","grow-row","grow-column","grow-fullscreen","rtl","timer-progress-bar","timer-progress-bar-container","scrollbar-measure","icon-success","icon-warning","icon-info","icon-question","icon-error","draggable","dragging"].reduce((e,t)=>(e[t]=s+t,e),{}),a=["success","warning","info","question","error"].reduce((e,t)=>(e[t]=s+t,e),{}),l="SweetAlert2:",c=e=>e.charAt(0).toUpperCase()+e.slice(1),u=e=>{console.warn(`${l} ${"object"==typeof e?e.join(" "):e}`)},d=e=>{console.error(`${l} ${e}`)},p=[],m=(e,t=null)=>{var n;n=`"${e}" is deprecated and will be removed in the next major release.${t?` Use "${t}" instead.`:""}`,p.includes(n)||(p.push(n),u(n))},h=e=>"function"==typeof e?e():e,g=e=>e&&"function"==typeof e.toPromise,f=e=>g(e)?e.toPromise():Promise.resolve(e),b=e=>e&&Promise.resolve(e)===e,y=()=>document.body.querySelector(`.${r.container}`),v=e=>{const t=y();return t?t.querySelector(e):null},w=e=>v(`.${e}`),C=()=>w(r.popup),A=()=>w(r.icon),E=()=>w(r.title),k=()=>w(r["html-container"]),B=()=>w(r.image),$=()=>w(r["progress-steps"]),L=()=>w(r["validation-message"]),P=()=>v(`.${r.actions} .${r.confirm}`),x=()=>v(`.${r.actions} .${r.cancel}`),T=()=>v(`.${r.actions} .${r.deny}`),S=()=>v(`.${r.loader}`),O=()=>w(r.actions),M=()=>w(r.footer),j=()=>w(r["timer-progress-bar"]),H=()=>w(r.close),I=()=>{const e=C();if(!e)return[];const t=e.querySelectorAll('[tabindex]:not([tabindex="-1"]):not([tabindex="0"])'),n=Array.from(t).sort((e,t)=>{const n=parseInt(e.getAttribute("tabindex")||"0"),o=parseInt(t.getAttribute("tabindex")||"0");return n>o?1:n<o?-1:0}),o=e.querySelectorAll('\n  a[href],\n  area[href],\n  input:not([disabled]),\n  select:not([disabled]),\n  textarea:not([disabled]),\n  button:not([disabled]),\n  iframe,\n  object,\n  embed,\n  [tabindex="0"],\n  [contenteditable],\n  audio[controls],\n  video[controls],\n  summary\n'),i=Array.from(o).filter(e=>"-1"!==e.getAttribute("tabindex"));return[...new Set(n.concat(i))].filter(e=>ee(e))},D=()=>N(document.body,r.shown)&&!N(document.body,r["toast-shown"])&&!N(document.body,r["no-backdrop"]),V=()=>{const e=C();return!!e&&N(e,r.toast)},q=(e,t)=>{if(e.textContent="",t){const n=(new DOMParser).parseFromString(t,"text/html"),o=n.querySelector("head");o&&Array.from(o.childNodes).forEach(t=>{e.appendChild(t)});const i=n.querySelector("body");i&&Array.from(i.childNodes).forEach(t=>{t instanceof HTMLVideoElement||t instanceof HTMLAudioElement?e.appendChild(t.cloneNode(!0)):e.appendChild(t)})}},N=(e,t)=>{if(!t)return!1;const n=t.split(/\s+/);for(let t=0;t<n.length;t++)if(!e.classList.contains(n[t]))return!1;return!0},_=(e,t,n)=>{if(((e,t)=>{Array.from(e.classList).forEach(n=>{Object.values(r).includes(n)||Object.values(a).includes(n)||Object.values(t.showClass||{}).includes(n)||e.classList.remove(n)})})(e,t),!t.customClass)return;const o=t.customClass[n];o&&("string"==typeof o||o.forEach?z(e,o):u(`Invalid type of customClass.${n}! Expected string or iterable object, got "${typeof o}"`))},F=(e,t)=>{if(!t)return null;switch(t){case"select":case"textarea":case"file":return e.querySelector(`.${r.popup} > .${r[t]}`);case"checkbox":return e.querySelector(`.${r.popup} > .${r.checkbox} input`);case"radio":return e.querySelector(`.${r.popup} > .${r.radio} input:checked`)||e.querySelector(`.${r.popup} > .${r.radio} input:first-child`);case"range":return e.querySelector(`.${r.popup} > .${r.range} input`);default:return e.querySelector(`.${r.popup} > .${r.input}`)}},R=e=>{if(e.focus(),"file"!==e.type){const t=e.value;e.value="",e.value=t}},U=(e,t,n)=>{e&&t&&("string"==typeof t&&(t=t.split(/\s+/).filter(Boolean)),t.forEach(t=>{Array.isArray(e)?e.forEach(e=>{n?e.classList.add(t):e.classList.remove(t)}):n?e.classList.add(t):e.classList.remove(t)}))},z=(e,t)=>{U(e,t,!0)},W=(e,t)=>{U(e,t,!1)},K=(e,t)=>{const n=Array.from(e.children);for(let e=0;e<n.length;e++){const o=n[e];if(o instanceof HTMLElement&&N(o,t))return o}},Y=(e,t,n)=>{n===`${parseInt(n)}`&&(n=parseInt(n)),n||0===parseInt(n)?e.style.setProperty(t,"number"==typeof n?`${n}px`:n):e.style.removeProperty(t)},X=(e,t="flex")=>{e&&(e.style.display=t)},Z=e=>{e&&(e.style.display="none")},J=(e,t="block")=>{e&&new MutationObserver(()=>{Q(e,e.innerHTML,t)}).observe(e,{childList:!0,subtree:!0})},G=(e,t,n,o)=>{const i=e.querySelector(t);i&&i.style.setProperty(n,o)},Q=(e,t,n="flex")=>{t?X(e,n):Z(e)},ee=e=>!(!e||!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)),te=e=>!!(e.scrollHeight>e.clientHeight),ne=e=>{const t=window.getComputedStyle(e),n=parseFloat(t.getPropertyValue("animation-duration")||"0"),o=parseFloat(t.getPropertyValue("transition-duration")||"0");return n>0||o>0},oe=(e,t=!1)=>{const n=j();n&&ee(n)&&(t&&(n.style.transition="none",n.style.width="100%"),setTimeout(()=>{n.style.transition=`width ${e/1e3}s linear`,n.style.width="0%"},10))},ie=`\n <div aria-labelledby="${r.title}" aria-describedby="${r["html-container"]}" class="${r.popup}" tabindex="-1">\n   <button type="button" class="${r.close}"></button>\n   <ul class="${r["progress-steps"]}"></ul>\n   <div class="${r.icon}"></div>\n   <img class="${r.image}" />\n   <h2 class="${r.title}" id="${r.title}"></h2>\n   <div class="${r["html-container"]}" id="${r["html-container"]}"></div>\n   <input class="${r.input}" id="${r.input}" />\n   <input type="file" class="${r.file}" />\n   <div class="${r.range}">\n     <input type="range" />\n     <output></output>\n   </div>\n   <select class="${r.select}" id="${r.select}"></select>\n   <div class="${r.radio}"></div>\n   <label class="${r.checkbox}">\n     <input type="checkbox" id="${r.checkbox}" />\n     <span class="${r.label}"></span>\n   </label>\n   <textarea class="${r.textarea}" id="${r.textarea}"></textarea>\n   <div class="${r["validation-message"]}" id="${r["validation-message"]}"></div>\n   <div class="${r.actions}">\n     <div class="${r.loader}"></div>\n     <button type="button" class="${r.confirm}"></button>\n     <button type="button" class="${r.deny}"></button>\n     <button type="button" class="${r.cancel}"></button>\n   </div>\n   <div class="${r.footer}"></div>\n   <div class="${r["timer-progress-bar-container"]}">\n     <div class="${r["timer-progress-bar"]}"></div>\n   </div>\n </div>\n`.replace(/(^|\n)\s*/g,""),se=()=>{o.currentInstance.resetValidationMessage()},re=e=>{const t=(()=>{const e=y();return!!e&&(e.remove(),W([document.documentElement,document.body],[r["no-backdrop"],r["toast-shown"],r["has-column"]]),!0)})();if("undefined"==typeof window||"undefined"==typeof document)return void d("SweetAlert2 requires document to initialize");const n=document.createElement("div");n.className=r.container,t&&z(n,r["no-transition"]),q(n,ie),n.dataset.swal2Theme=e.theme;const o="string"==typeof(i=e.target)?document.querySelector(i):i;var i;o.appendChild(n),e.topLayer&&(n.setAttribute("popover",""),n.showPopover()),(e=>{const t=C();t.setAttribute("role",e.toast?"alert":"dialog"),t.setAttribute("aria-live",e.toast?"polite":"assertive"),e.toast||t.setAttribute("aria-modal","true")})(e),(e=>{"rtl"===window.getComputedStyle(e).direction&&z(y(),r.rtl)})(o),(()=>{const e=C(),t=K(e,r.input),n=K(e,r.file),o=e.querySelector(`.${r.range} input`),i=e.querySelector(`.${r.range} output`),s=K(e,r.select),a=e.querySelector(`.${r.checkbox} input`),l=K(e,r.textarea);t.oninput=se,n.onchange=se,s.onchange=se,a.onchange=se,l.oninput=se,o.oninput=()=>{se(),i.value=o.value},o.onchange=()=>{se(),i.value=o.value}})()},ae=(e,t)=>{e instanceof HTMLElement?t.appendChild(e):"object"==typeof e?le(e,t):e&&q(t,e)},le=(e,t)=>{e.jquery?ce(t,e):q(t,e.toString())},ce=(e,t)=>{if(e.textContent="",0 in t)for(let n=0;n in t;n++)e.appendChild(t[n].cloneNode(!0));else e.appendChild(t.cloneNode(!0))},ue=(e,t)=>{const n=O(),o=S();n&&o&&(t.showConfirmButton||t.showDenyButton||t.showCancelButton?X(n):Z(n),_(n,t,"actions"),function(e,t,n){const o=P(),i=T(),s=x();if(!o||!i||!s)return;pe(o,"confirm",n),pe(i,"deny",n),pe(s,"cancel",n),function(e,t,n,o){if(!o.buttonsStyling)return void W([e,t,n],r.styled);z([e,t,n],r.styled),o.confirmButtonColor&&e.style.setProperty("--swal2-confirm-button-background-color",o.confirmButtonColor);o.denyButtonColor&&t.style.setProperty("--swal2-deny-button-background-color",o.denyButtonColor);o.cancelButtonColor&&n.style.setProperty("--swal2-cancel-button-background-color",o.cancelButtonColor);de(e),de(t),de(n)}(o,i,s,n),n.reverseButtons&&(n.toast?(e.insertBefore(s,o),e.insertBefore(i,o)):(e.insertBefore(s,t),e.insertBefore(i,t),e.insertBefore(o,t)))}(n,o,t),q(o,t.loaderHtml||""),_(o,t,"loader"))};function de(e){const t=window.getComputedStyle(e);if(t.getPropertyValue("--swal2-action-button-focus-box-shadow"))return;const n=t.backgroundColor.replace(/rgba?\((\d+), (\d+), (\d+).*/,"rgba($1, $2, $3, 0.5)");e.style.setProperty("--swal2-action-button-focus-box-shadow",t.getPropertyValue("--swal2-outline").replace(/ rgba\(.*/,` ${n}`))}function pe(e,t,n){const o=c(t);Q(e,n[`show${o}Button`],"inline-block"),q(e,n[`${t}ButtonText`]||""),e.setAttribute("aria-label",n[`${t}ButtonAriaLabel`]||""),e.className=r[t],_(e,n,`${t}Button`)}const me=(e,t)=>{const n=y();n&&(!function(e,t){"string"==typeof t?e.style.background=t:t||z([document.documentElement,document.body],r["no-backdrop"])}(n,t.backdrop),function(e,t){if(!t)return;t in r?z(e,r[t]):(u('The "position" parameter is not valid, defaulting to "center"'),z(e,r.center))}(n,t.position),function(e,t){if(!t)return;z(e,r[`grow-${t}`])}(n,t.grow),_(n,t,"container"))};var he={innerParams:new WeakMap,domCache:new WeakMap};const ge=["input","file","range","select","radio","checkbox","textarea"],fe=e=>{if(!e.input)return;if(!Ee[e.input])return void d(`Unexpected type of input! Expected ${Object.keys(Ee).join(" | ")}, got "${e.input}"`);const t=Ce(e.input);if(!t)return;const n=Ee[e.input](t,e);X(t),e.inputAutoFocus&&setTimeout(()=>{R(n)})},be=(e,t)=>{const n=C();if(!n)return;const o=F(n,e);if(o){(e=>{for(let t=0;t<e.attributes.length;t++){const n=e.attributes[t].name;["id","type","value","style"].includes(n)||e.removeAttribute(n)}})(o);for(const e in t)o.setAttribute(e,t[e])}},ye=e=>{if(!e.input)return;const t=Ce(e.input);t&&_(t,e,"input")},ve=(e,t)=>{!e.placeholder&&t.inputPlaceholder&&(e.placeholder=t.inputPlaceholder)},we=(e,t,n)=>{if(n.inputLabel){const o=document.createElement("label"),i=r["input-label"];o.setAttribute("for",e.id),o.className=i,"object"==typeof n.customClass&&z(o,n.customClass.inputLabel),o.innerText=n.inputLabel,t.insertAdjacentElement("beforebegin",o)}},Ce=e=>{const t=C();if(t)return K(t,r[e]||r.input)},Ae=(e,t)=>{["string","number"].includes(typeof t)?e.value=`${t}`:b(t)||u(`Unexpected type of inputValue! Expected "string", "number" or "Promise", got "${typeof t}"`)},Ee={};Ee.text=Ee.email=Ee.password=Ee.number=Ee.tel=Ee.url=Ee.search=Ee.date=Ee["datetime-local"]=Ee.time=Ee.week=Ee.month=(e,t)=>(Ae(e,t.inputValue),we(e,e,t),ve(e,t),e.type=t.input,e),Ee.file=(e,t)=>(we(e,e,t),ve(e,t),e),Ee.range=(e,t)=>{const n=e.querySelector("input"),o=e.querySelector("output");return Ae(n,t.inputValue),n.type=t.input,Ae(o,t.inputValue),we(n,e,t),e},Ee.select=(e,t)=>{if(e.textContent="",t.inputPlaceholder){const n=document.createElement("option");q(n,t.inputPlaceholder),n.value="",n.disabled=!0,n.selected=!0,e.appendChild(n)}return we(e,e,t),e},Ee.radio=e=>(e.textContent="",e),Ee.checkbox=(e,t)=>{const n=F(C(),"checkbox");n.value="1",n.checked=Boolean(t.inputValue);const o=e.querySelector("span");return q(o,t.inputPlaceholder||t.inputLabel),n},Ee.textarea=(e,t)=>{Ae(e,t.inputValue),ve(e,t),we(e,e,t);return setTimeout(()=>{if("MutationObserver"in window){const n=parseInt(window.getComputedStyle(C()).width);new MutationObserver(()=>{if(!document.body.contains(e))return;const o=e.offsetWidth+(i=e,parseInt(window.getComputedStyle(i).marginLeft)+parseInt(window.getComputedStyle(i).marginRight));var i;o>n?C().style.width=`${o}px`:Y(C(),"width",t.width)}).observe(e,{attributes:!0,attributeFilter:["style"]})}}),e};const ke=(e,t)=>{const n=k();n&&(J(n),_(n,t,"htmlContainer"),t.html?(ae(t.html,n),X(n,"block")):t.text?(n.textContent=t.text,X(n,"block")):Z(n),((e,t)=>{const n=C();if(!n)return;const o=he.innerParams.get(e),i=!o||t.input!==o.input;ge.forEach(e=>{const o=K(n,r[e]);o&&(be(e,t.inputAttributes),o.className=r[e],i&&Z(o))}),t.input&&(i&&fe(t),ye(t))})(e,t))},Be=(e,t)=>{for(const[n,o]of Object.entries(a))t.icon!==n&&W(e,o);z(e,t.icon&&a[t.icon]),Pe(e,t),$e(),_(e,t,"icon")},$e=()=>{const e=C();if(!e)return;const t=window.getComputedStyle(e).getPropertyValue("background-color"),n=e.querySelectorAll("[class^=swal2-success-circular-line], .swal2-success-fix");for(let e=0;e<n.length;e++)n[e].style.backgroundColor=t},Le=(e,t)=>{if(!t.icon&&!t.iconHtml)return;let n=e.innerHTML,o="";if(t.iconHtml)o=xe(t.iconHtml);else if("success"===t.icon)o=(e=>`\n  ${e.animation?'<div class="swal2-success-circular-line-left"></div>':""}\n  <span class="swal2-success-line-tip"></span> <span class="swal2-success-line-long"></span>\n  <div class="swal2-success-ring"></div>\n  ${e.animation?'<div class="swal2-success-fix"></div>':""}\n  ${e.animation?'<div class="swal2-success-circular-line-right"></div>':""}\n`)(t),n=n.replace(/ style=".*?"/g,"");else if("error"===t.icon)o='\n  <span class="swal2-x-mark">\n    <span class="swal2-x-mark-line-left"></span>\n    <span class="swal2-x-mark-line-right"></span>\n  </span>\n';else if(t.icon){o=xe({question:"?",warning:"!",info:"i"}[t.icon])}n.trim()!==o.trim()&&q(e,o)},Pe=(e,t)=>{if(t.iconColor){e.style.color=t.iconColor,e.style.borderColor=t.iconColor;for(const n of[".swal2-success-line-tip",".swal2-success-line-long",".swal2-x-mark-line-left",".swal2-x-mark-line-right"])G(e,n,"background-color",t.iconColor);G(e,".swal2-success-ring","border-color",t.iconColor)}},xe=e=>`<div class="${r["icon-content"]}">${e}</div>`;let Te=!1,Se=0,Oe=0,Me=0,je=0;const He=e=>{const t=C();if(e.target===t||A().contains(e.target)){Te=!0;const n=Ve(e);Se=n.clientX,Oe=n.clientY,Me=parseInt(t.style.insetInlineStart)||0,je=parseInt(t.style.insetBlockStart)||0,z(t,"swal2-dragging")}},Ie=e=>{const t=C();if(Te){let{clientX:n,clientY:o}=Ve(e);t.style.insetInlineStart=`${Me+(n-Se)}px`,t.style.insetBlockStart=`${je+(o-Oe)}px`}},De=()=>{const e=C();Te=!1,W(e,"swal2-dragging")},Ve=e=>{let t=0,n=0;return e.type.startsWith("mouse")?(t=e.clientX,n=e.clientY):e.type.startsWith("touch")&&(t=e.touches[0].clientX,n=e.touches[0].clientY),{clientX:t,clientY:n}},qe=(e,t)=>{const n=y(),o=C();if(n&&o){if(t.toast){Y(n,"width",t.width),o.style.width="100%";const e=S();e&&o.insertBefore(e,A())}else Y(o,"width",t.width);Y(o,"padding",t.padding),t.color&&(o.style.color=t.color),t.background&&(o.style.background=t.background),Z(L()),Ne(o,t),t.draggable&&!t.toast?(z(o,r.draggable),(e=>{e.addEventListener("mousedown",He),document.body.addEventListener("mousemove",Ie),e.addEventListener("mouseup",De),e.addEventListener("touchstart",He),document.body.addEventListener("touchmove",Ie),e.addEventListener("touchend",De)})(o)):(W(o,r.draggable),(e=>{e.removeEventListener("mousedown",He),document.body.removeEventListener("mousemove",Ie),e.removeEventListener("mouseup",De),e.removeEventListener("touchstart",He),document.body.removeEventListener("touchmove",Ie),e.removeEventListener("touchend",De)})(o))}},Ne=(e,t)=>{const n=t.showClass||{};e.className=`${r.popup} ${ee(e)?n.popup:""}`,t.toast?(z([document.documentElement,document.body],r["toast-shown"]),z(e,r.toast)):z(e,r.modal),_(e,t,"popup"),"string"==typeof t.customClass&&z(e,t.customClass),t.icon&&z(e,r[`icon-${t.icon}`])},_e=e=>{const t=document.createElement("li");return z(t,r["progress-step"]),q(t,e),t},Fe=e=>{const t=document.createElement("li");return z(t,r["progress-step-line"]),e.progressStepsDistance&&Y(t,"width",e.progressStepsDistance),t},Re=(e,t)=>{qe(0,t),me(0,t),((e,t)=>{const n=$();if(!n)return;const{progressSteps:o,currentProgressStep:i}=t;o&&0!==o.length&&void 0!==i?(X(n),n.textContent="",i>=o.length&&u("Invalid currentProgressStep parameter, it should be less than progressSteps.length (currentProgressStep like JS arrays starts from 0)"),o.forEach((e,s)=>{const a=_e(e);if(n.appendChild(a),s===i&&z(a,r["active-progress-step"]),s!==o.length-1){const e=Fe(t);n.appendChild(e)}})):Z(n)})(0,t),((e,t)=>{const n=he.innerParams.get(e),o=A();if(!o)return;if(n&&t.icon===n.icon)return Le(o,t),void Be(o,t);if(!t.icon&&!t.iconHtml)return void Z(o);if(t.icon&&-1===Object.keys(a).indexOf(t.icon))return d(`Unknown icon! Expected "success", "error", "warning", "info" or "question", got "${t.icon}"`),void Z(o);X(o),Le(o,t),Be(o,t),z(o,t.showClass&&t.showClass.icon),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",$e)})(e,t),((e,t)=>{const n=B();n&&(t.imageUrl?(X(n,""),n.setAttribute("src",t.imageUrl),n.setAttribute("alt",t.imageAlt||""),Y(n,"width",t.imageWidth),Y(n,"height",t.imageHeight),n.className=r.image,_(n,t,"image")):Z(n))})(0,t),((e,t)=>{const n=E();n&&(J(n),Q(n,t.title||t.titleText,"block"),t.title&&ae(t.title,n),t.titleText&&(n.innerText=t.titleText),_(n,t,"title"))})(0,t),((e,t)=>{const n=H();n&&(q(n,t.closeButtonHtml||""),_(n,t,"closeButton"),Q(n,t.showCloseButton),n.setAttribute("aria-label",t.closeButtonAriaLabel||""))})(0,t),ke(e,t),ue(0,t),((e,t)=>{const n=M();n&&(J(n),Q(n,t.footer,"block"),t.footer&&ae(t.footer,n),_(n,t,"footer"))})(0,t);const n=C();"function"==typeof t.didRender&&n&&t.didRender(n),o.eventEmitter.emit("didRender",n)},Ue=()=>{var e;return null===(e=P())||void 0===e?void 0:e.click()},ze=Object.freeze({cancel:"cancel",backdrop:"backdrop",close:"close",esc:"esc",timer:"timer"}),We=e=>{e.keydownTarget&&e.keydownHandlerAdded&&(e.keydownTarget.removeEventListener("keydown",e.keydownHandler,{capture:e.keydownListenerCapture}),e.keydownHandlerAdded=!1)},Ke=(e,t)=>{var n;const o=I();if(o.length)return-2===(e+=t)&&(e=o.length-1),e===o.length?e=0:-1===e&&(e=o.length-1),void o[e].focus();null===(n=C())||void 0===n||n.focus()},Ye=["ArrowRight","ArrowDown"],Xe=["ArrowLeft","ArrowUp"],Ze=(e,t,n)=>{e&&(t.isComposing||229===t.keyCode||(e.stopKeydownPropagation&&t.stopPropagation(),"Enter"===t.key?Je(t,e):"Tab"===t.key?Ge(t):[...Ye,...Xe].includes(t.key)?Qe(t.key):"Escape"===t.key&&et(t,e,n)))},Je=(e,t)=>{if(!h(t.allowEnterKey))return;const n=F(C(),t.input);if(e.target&&n&&e.target instanceof HTMLElement&&e.target.outerHTML===n.outerHTML){if(["textarea","file"].includes(t.input))return;Ue(),e.preventDefault()}},Ge=e=>{const t=e.target,n=I();let o=-1;for(let e=0;e<n.length;e++)if(t===n[e]){o=e;break}e.shiftKey?Ke(o,-1):Ke(o,1),e.stopPropagation(),e.preventDefault()},Qe=e=>{const t=O(),n=P(),o=T(),i=x();if(!(t&&n&&o&&i))return;const s=[n,o,i];if(document.activeElement instanceof HTMLElement&&!s.includes(document.activeElement))return;const r=Ye.includes(e)?"nextElementSibling":"previousElementSibling";let a=document.activeElement;if(a){for(let e=0;e<t.children.length;e++){if(a=a[r],!a)return;if(a instanceof HTMLButtonElement&&ee(a))break}a instanceof HTMLButtonElement&&a.focus()}},et=(e,t,n)=>{e.preventDefault(),h(t.allowEscapeKey)&&n(ze.esc)};var tt={swalPromiseResolve:new WeakMap,swalPromiseReject:new WeakMap};const nt=()=>{Array.from(document.body.children).forEach(e=>{e.hasAttribute("data-previous-aria-hidden")?(e.setAttribute("aria-hidden",e.getAttribute("data-previous-aria-hidden")||""),e.removeAttribute("data-previous-aria-hidden")):e.removeAttribute("aria-hidden")})},ot="undefined"!=typeof window&&!!window.GestureEvent,it=()=>{const e=y();if(!e)return;let t;e.ontouchstart=e=>{t=st(e)},e.ontouchmove=e=>{t&&(e.preventDefault(),e.stopPropagation())}},st=e=>{const t=e.target,n=y(),o=k();return!(!n||!o)&&(!rt(e)&&!at(e)&&(t===n||!(te(n)||!(t instanceof HTMLElement)||((e,t)=>{let n=e;for(;n&&n!==t;){if(te(n))return!0;n=n.parentElement}return!1})(t,o)||"INPUT"===t.tagName||"TEXTAREA"===t.tagName||te(o)&&o.contains(t))))},rt=e=>e.touches&&e.touches.length&&"stylus"===e.touches[0].touchType,at=e=>e.touches&&e.touches.length>1;let lt=null;const ct=e=>{null===lt&&(document.body.scrollHeight>window.innerHeight||"scroll"===e)&&(lt=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right")),document.body.style.paddingRight=`${lt+(()=>{const e=document.createElement("div");e.className=r["scrollbar-measure"],document.body.appendChild(e);const t=e.getBoundingClientRect().width-e.clientWidth;return document.body.removeChild(e),t})()}px`)};function ut(e,t,n,s){V()?yt(e,s):(i(n).then(()=>yt(e,s)),We(o)),ot?(t.setAttribute("style","display:none !important"),t.removeAttribute("class"),t.innerHTML=""):t.remove(),D()&&(null!==lt&&(document.body.style.paddingRight=`${lt}px`,lt=null),(()=>{if(N(document.body,r.iosfix)){const e=parseInt(document.body.style.top,10);W(document.body,r.iosfix),document.body.style.top="",document.body.scrollTop=-1*e}})(),nt()),W([document.documentElement,document.body],[r.shown,r["height-auto"],r["no-backdrop"],r["toast-shown"]])}function dt(e){e=gt(e);const t=tt.swalPromiseResolve.get(this),n=pt(this);this.isAwaitingPromise?e.isDismissed||(ht(this),t(e)):n&&t(e)}const pt=e=>{const t=C();if(!t)return!1;const n=he.innerParams.get(e);if(!n||N(t,n.hideClass.popup))return!1;W(t,n.showClass.popup),z(t,n.hideClass.popup);const o=y();return W(o,n.showClass.backdrop),z(o,n.hideClass.backdrop),ft(e,t,n),!0};function mt(e){const t=tt.swalPromiseReject.get(this);ht(this),t&&t(e)}const ht=e=>{e.isAwaitingPromise&&(delete e.isAwaitingPromise,he.innerParams.get(e)||e._destroy())},gt=e=>void 0===e?{isConfirmed:!1,isDenied:!1,isDismissed:!0}:Object.assign({isConfirmed:!1,isDenied:!1,isDismissed:!1},e),ft=(e,t,n)=>{var i;const s=y(),r=ne(t);"function"==typeof n.willClose&&n.willClose(t),null===(i=o.eventEmitter)||void 0===i||i.emit("willClose",t),r?bt(e,t,s,n.returnFocus,n.didClose):ut(e,s,n.returnFocus,n.didClose)},bt=(e,t,n,i,s)=>{o.swalCloseEventFinishedCallback=ut.bind(null,e,n,i,s);const r=function(e){var n;e.target===t&&(null===(n=o.swalCloseEventFinishedCallback)||void 0===n||n.call(o),delete o.swalCloseEventFinishedCallback,t.removeEventListener("animationend",r),t.removeEventListener("transitionend",r))};t.addEventListener("animationend",r),t.addEventListener("transitionend",r)},yt=(e,t)=>{setTimeout(()=>{var n;"function"==typeof t&&t.bind(e.params)(),null===(n=o.eventEmitter)||void 0===n||n.emit("didClose"),e._destroy&&e._destroy()})},vt=e=>{let t=C();if(t||new Qn,t=C(),!t)return;const n=S();V()?Z(A()):wt(t,e),X(n),t.setAttribute("data-loading","true"),t.setAttribute("aria-busy","true"),t.focus()},wt=(e,t)=>{const n=O(),o=S();n&&o&&(!t&&ee(P())&&(t=P()),X(n),t&&(Z(t),o.setAttribute("data-button-to-replace",t.className),n.insertBefore(o,t)),z([e,n],r.loading))},Ct=e=>e.checked?1:0,At=e=>e.checked?e.value:null,Et=e=>e.files&&e.files.length?null!==e.getAttribute("multiple")?e.files:e.files[0]:null,kt=(e,t)=>{const n=C();if(!n)return;const o=e=>{"select"===t.input?function(e,t,n){const o=K(e,r.select);if(!o)return;const i=(e,t,o)=>{const i=document.createElement("option");i.value=o,q(i,t),i.selected=Lt(o,n.inputValue),e.appendChild(i)};t.forEach(e=>{const t=e[0],n=e[1];if(Array.isArray(n)){const e=document.createElement("optgroup");e.label=t,e.disabled=!1,o.appendChild(e),n.forEach(t=>i(e,t[1],t[0]))}else i(o,n,t)}),o.focus()}(n,$t(e),t):"radio"===t.input&&function(e,t,n){const o=K(e,r.radio);if(!o)return;t.forEach(e=>{const t=e[0],i=e[1],s=document.createElement("input"),a=document.createElement("label");s.type="radio",s.name=r.radio,s.value=t,Lt(t,n.inputValue)&&(s.checked=!0);const l=document.createElement("span");q(l,i),l.className=r.label,a.appendChild(s),a.appendChild(l),o.appendChild(a)});const i=o.querySelectorAll("input");i.length&&i[0].focus()}(n,$t(e),t)};g(t.inputOptions)||b(t.inputOptions)?(vt(P()),f(t.inputOptions).then(t=>{e.hideLoading(),o(t)})):"object"==typeof t.inputOptions?o(t.inputOptions):d("Unexpected type of inputOptions! Expected object, Map or Promise, got "+typeof t.inputOptions)},Bt=(e,t)=>{const n=e.getInput();n&&(Z(n),f(t.inputValue).then(o=>{n.value="number"===t.input?`${parseFloat(o)||0}`:`${o}`,X(n),n.focus(),e.hideLoading()}).catch(t=>{d(`Error in inputValue promise: ${t}`),n.value="",X(n),n.focus(),e.hideLoading()}))};const $t=e=>{const t=[];return e instanceof Map?e.forEach((e,n)=>{let o=e;"object"==typeof o&&(o=$t(o)),t.push([n,o])}):Object.keys(e).forEach(n=>{let o=e[n];"object"==typeof o&&(o=$t(o)),t.push([n,o])}),t},Lt=(e,t)=>!!t&&t.toString()===e.toString(),Pt=(e,t)=>{const n=he.innerParams.get(e);if(!n.input)return void d(`The "input" parameter is needed to be set when using returnInputValueOn${c(t)}`);const o=e.getInput(),i=((e,t)=>{const n=e.getInput();if(!n)return null;switch(t.input){case"checkbox":return Ct(n);case"radio":return At(n);case"file":return Et(n);default:return t.inputAutoTrim?n.value.trim():n.value}})(e,n);n.inputValidator?xt(e,i,t):o&&!o.checkValidity()?(e.enableButtons(),e.showValidationMessage(n.validationMessage||o.validationMessage)):"deny"===t?Tt(e,i):Mt(e,i)},xt=(e,t,n)=>{const o=he.innerParams.get(e);e.disableInput();Promise.resolve().then(()=>f(o.inputValidator(t,o.validationMessage))).then(o=>{e.enableButtons(),e.enableInput(),o?e.showValidationMessage(o):"deny"===n?Tt(e,t):Mt(e,t)})},Tt=(e,t)=>{const n=he.innerParams.get(e||void 0);if(n.showLoaderOnDeny&&vt(T()),n.preDeny){e.isAwaitingPromise=!0;Promise.resolve().then(()=>f(n.preDeny(t,n.validationMessage))).then(n=>{!1===n?(e.hideLoading(),ht(e)):e.close({isDenied:!0,value:void 0===n?t:n})}).catch(t=>Ot(e||void 0,t))}else e.close({isDenied:!0,value:t})},St=(e,t)=>{e.close({isConfirmed:!0,value:t})},Ot=(e,t)=>{e.rejectPromise(t)},Mt=(e,t)=>{const n=he.innerParams.get(e||void 0);if(n.showLoaderOnConfirm&&vt(),n.preConfirm){e.resetValidationMessage(),e.isAwaitingPromise=!0;Promise.resolve().then(()=>f(n.preConfirm(t,n.validationMessage))).then(n=>{ee(L())||!1===n?(e.hideLoading(),ht(e)):St(e,void 0===n?t:n)}).catch(t=>Ot(e||void 0,t))}else St(e,t)};function jt(){const e=he.innerParams.get(this);if(!e)return;const t=he.domCache.get(this);Z(t.loader),V()?e.icon&&X(A()):Ht(t),W([t.popup,t.actions],r.loading),t.popup.removeAttribute("aria-busy"),t.popup.removeAttribute("data-loading"),t.confirmButton.disabled=!1,t.denyButton.disabled=!1,t.cancelButton.disabled=!1}const Ht=e=>{const t=e.popup.getElementsByClassName(e.loader.getAttribute("data-button-to-replace"));t.length?X(t[0],"inline-block"):ee(P())||ee(T())||ee(x())||Z(e.actions)};function It(){const e=he.innerParams.get(this),t=he.domCache.get(this);return t?F(t.popup,e.input):null}function Dt(e,t,n){const o=he.domCache.get(e);t.forEach(e=>{o[e].disabled=n})}function Vt(e,t){const n=C();if(n&&e)if("radio"===e.type){const e=n.querySelectorAll(`[name="${r.radio}"]`);for(let n=0;n<e.length;n++)e[n].disabled=t}else e.disabled=t}function qt(){Dt(this,["confirmButton","denyButton","cancelButton"],!1)}function Nt(){Dt(this,["confirmButton","denyButton","cancelButton"],!0)}function _t(){Vt(this.getInput(),!1)}function Ft(){Vt(this.getInput(),!0)}function Rt(e){const t=he.domCache.get(this),n=he.innerParams.get(this);q(t.validationMessage,e),t.validationMessage.className=r["validation-message"],n.customClass&&n.customClass.validationMessage&&z(t.validationMessage,n.customClass.validationMessage),X(t.validationMessage);const o=this.getInput();o&&(o.setAttribute("aria-invalid","true"),o.setAttribute("aria-describedby",r["validation-message"]),R(o),z(o,r.inputerror))}function Ut(){const e=he.domCache.get(this);e.validationMessage&&Z(e.validationMessage);const t=this.getInput();t&&(t.removeAttribute("aria-invalid"),t.removeAttribute("aria-describedby"),W(t,r.inputerror))}const zt={title:"",titleText:"",text:"",html:"",footer:"",icon:void 0,iconColor:void 0,iconHtml:void 0,template:void 0,toast:!1,draggable:!1,animation:!0,theme:"light",showClass:{popup:"swal2-show",backdrop:"swal2-backdrop-show",icon:"swal2-icon-show"},hideClass:{popup:"swal2-hide",backdrop:"swal2-backdrop-hide",icon:"swal2-icon-hide"},customClass:{},target:"body",color:void 0,backdrop:!0,heightAuto:!0,allowOutsideClick:!0,allowEscapeKey:!0,allowEnterKey:!0,stopKeydownPropagation:!0,keydownListenerCapture:!1,showConfirmButton:!0,showDenyButton:!1,showCancelButton:!1,preConfirm:void 0,preDeny:void 0,confirmButtonText:"OK",confirmButtonAriaLabel:"",confirmButtonColor:void 0,denyButtonText:"No",denyButtonAriaLabel:"",denyButtonColor:void 0,cancelButtonText:"Cancel",cancelButtonAriaLabel:"",cancelButtonColor:void 0,buttonsStyling:!0,reverseButtons:!1,focusConfirm:!0,focusDeny:!1,focusCancel:!1,returnFocus:!0,showCloseButton:!1,closeButtonHtml:"&times;",closeButtonAriaLabel:"Close this dialog",loaderHtml:"",showLoaderOnConfirm:!1,showLoaderOnDeny:!1,imageUrl:void 0,imageWidth:void 0,imageHeight:void 0,imageAlt:"",timer:void 0,timerProgressBar:!1,width:void 0,padding:void 0,background:void 0,input:void 0,inputPlaceholder:"",inputLabel:"",inputValue:"",inputOptions:{},inputAutoFocus:!0,inputAutoTrim:!0,inputAttributes:{},inputValidator:void 0,returnInputValueOnDeny:!1,validationMessage:void 0,grow:!1,position:"center",progressSteps:[],currentProgressStep:void 0,progressStepsDistance:void 0,willOpen:void 0,didOpen:void 0,didRender:void 0,willClose:void 0,didClose:void 0,didDestroy:void 0,scrollbarPadding:!0,topLayer:!1},Wt=["allowEscapeKey","allowOutsideClick","background","buttonsStyling","cancelButtonAriaLabel","cancelButtonColor","cancelButtonText","closeButtonAriaLabel","closeButtonHtml","color","confirmButtonAriaLabel","confirmButtonColor","confirmButtonText","currentProgressStep","customClass","denyButtonAriaLabel","denyButtonColor","denyButtonText","didClose","didDestroy","draggable","footer","hideClass","html","icon","iconColor","iconHtml","imageAlt","imageHeight","imageUrl","imageWidth","preConfirm","preDeny","progressSteps","returnFocus","reverseButtons","showCancelButton","showCloseButton","showConfirmButton","showDenyButton","text","title","titleText","theme","willClose"],Kt={allowEnterKey:void 0},Yt=["allowOutsideClick","allowEnterKey","backdrop","draggable","focusConfirm","focusDeny","focusCancel","returnFocus","heightAuto","keydownListenerCapture"],Xt=e=>Object.prototype.hasOwnProperty.call(zt,e),Zt=e=>-1!==Wt.indexOf(e),Jt=e=>Kt[e],Gt=e=>{Xt(e)||u(`Unknown parameter "${e}"`)},Qt=e=>{Yt.includes(e)&&u(`The parameter "${e}" is incompatible with toasts`)},en=e=>{const t=Jt(e);t&&m(e,t)},tn=e=>{!1===e.backdrop&&e.allowOutsideClick&&u('"allowOutsideClick" parameter requires `backdrop` parameter to be set to `true`'),e.theme&&!["light","dark","auto","minimal","borderless","embed-iframe","bulma","bulma-light","bulma-dark"].includes(e.theme)&&u(`Invalid theme "${e.theme}"`);for(const t in e)Gt(t),e.toast&&Qt(t),en(t)};function nn(e){const t=y(),n=C(),o=he.innerParams.get(this);if(!n||N(n,o.hideClass.popup))return void u("You're trying to update the closed or closing popup, that won't work. Use the update() method in preConfirm parameter or show a new popup.");const i=on(e),s=Object.assign({},o,i);tn(s),t.dataset.swal2Theme=s.theme,Re(this,s),he.innerParams.set(this,s),Object.defineProperties(this,{params:{value:Object.assign({},this.params,e),writable:!1,enumerable:!0}})}const on=e=>{const t={};return Object.keys(e).forEach(n=>{Zt(n)?t[n]=e[n]:u(`Invalid parameter to update: ${n}`)}),t};function sn(){const e=he.domCache.get(this),t=he.innerParams.get(this);t?(e.popup&&o.swalCloseEventFinishedCallback&&(o.swalCloseEventFinishedCallback(),delete o.swalCloseEventFinishedCallback),"function"==typeof t.didDestroy&&t.didDestroy(),o.eventEmitter.emit("didDestroy"),rn(this)):an(this)}const rn=e=>{an(e),delete e.params,delete o.keydownHandler,delete o.keydownTarget,delete o.currentInstance},an=e=>{e.isAwaitingPromise?(ln(he,e),e.isAwaitingPromise=!0):(ln(tt,e),ln(he,e),delete e.isAwaitingPromise,delete e.disableButtons,delete e.enableButtons,delete e.getInput,delete e.disableInput,delete e.enableInput,delete e.hideLoading,delete e.disableLoading,delete e.showValidationMessage,delete e.resetValidationMessage,delete e.close,delete e.closePopup,delete e.closeModal,delete e.closeToast,delete e.rejectPromise,delete e.update,delete e._destroy)},ln=(e,t)=>{for(const n in e)e[n].delete(t)};var cn=Object.freeze({__proto__:null,_destroy:sn,close:dt,closeModal:dt,closePopup:dt,closeToast:dt,disableButtons:Nt,disableInput:Ft,disableLoading:jt,enableButtons:qt,enableInput:_t,getInput:It,handleAwaitingPromise:ht,hideLoading:jt,rejectPromise:mt,resetValidationMessage:Ut,showValidationMessage:Rt,update:nn});const un=(e,t,n)=>{t.popup.onclick=()=>{e&&(dn(e)||e.timer||e.input)||n(ze.close)}},dn=e=>!!(e.showConfirmButton||e.showDenyButton||e.showCancelButton||e.showCloseButton);let pn=!1;const mn=e=>{e.popup.onmousedown=()=>{e.container.onmouseup=function(t){e.container.onmouseup=()=>{},t.target===e.container&&(pn=!0)}}},hn=e=>{e.container.onmousedown=t=>{t.target===e.container&&t.preventDefault(),e.popup.onmouseup=function(t){e.popup.onmouseup=()=>{},(t.target===e.popup||t.target instanceof HTMLElement&&e.popup.contains(t.target))&&(pn=!0)}}},gn=(e,t,n)=>{t.container.onclick=o=>{pn?pn=!1:o.target===t.container&&h(e.allowOutsideClick)&&n(ze.backdrop)}},fn=e=>e instanceof Element||(e=>"object"==typeof e&&e.jquery)(e);const bn=()=>{if(o.timeout)return(()=>{const e=j();if(!e)return;const t=parseInt(window.getComputedStyle(e).width);e.style.removeProperty("transition"),e.style.width="100%";const n=t/parseInt(window.getComputedStyle(e).width)*100;e.style.width=`${n}%`})(),o.timeout.stop()},yn=()=>{if(o.timeout){const e=o.timeout.start();return oe(e),e}};let vn=!1;const wn={};const Cn=e=>{for(let t=e.target;t&&t!==document;t=t.parentNode)for(const e in wn){const n=t.getAttribute(e);if(n)return void wn[e].fire({template:n})}};o.eventEmitter=new class{constructor(){this.events={}}_getHandlersByEventName(e){return void 0===this.events[e]&&(this.events[e]=[]),this.events[e]}on(e,t){const n=this._getHandlersByEventName(e);n.includes(t)||n.push(t)}once(e,t){const n=(...o)=>{this.removeListener(e,n),t.apply(this,o)};this.on(e,n)}emit(e,...t){this._getHandlersByEventName(e).forEach(e=>{try{e.apply(this,t)}catch(e){console.error(e)}})}removeListener(e,t){const n=this._getHandlersByEventName(e),o=n.indexOf(t);o>-1&&n.splice(o,1)}removeAllListeners(e){void 0!==this.events[e]&&(this.events[e].length=0)}reset(){this.events={}}};var An=Object.freeze({__proto__:null,argsToParams:e=>{const t={};return"object"!=typeof e[0]||fn(e[0])?["title","html","icon"].forEach((n,o)=>{const i=e[o];"string"==typeof i||fn(i)?t[n]=i:void 0!==i&&d(`Unexpected type of ${n}! Expected "string" or "Element", got ${typeof i}`)}):Object.assign(t,e[0]),t},bindClickHandler:function(e="data-swal-template"){wn[e]=this,vn||(document.body.addEventListener("click",Cn),vn=!0)},clickCancel:()=>{var e;return null===(e=x())||void 0===e?void 0:e.click()},clickConfirm:Ue,clickDeny:()=>{var e;return null===(e=T())||void 0===e?void 0:e.click()},enableLoading:vt,fire:function(...e){return new this(...e)},getActions:O,getCancelButton:x,getCloseButton:H,getConfirmButton:P,getContainer:y,getDenyButton:T,getFocusableElements:I,getFooter:M,getHtmlContainer:k,getIcon:A,getIconContent:()=>w(r["icon-content"]),getImage:B,getInputLabel:()=>w(r["input-label"]),getLoader:S,getPopup:C,getProgressSteps:$,getTimerLeft:()=>o.timeout&&o.timeout.getTimerLeft(),getTimerProgressBar:j,getTitle:E,getValidationMessage:L,increaseTimer:e=>{if(o.timeout){const t=o.timeout.increase(e);return oe(t,!0),t}},isDeprecatedParameter:Jt,isLoading:()=>{const e=C();return!!e&&e.hasAttribute("data-loading")},isTimerRunning:()=>!(!o.timeout||!o.timeout.isRunning()),isUpdatableParameter:Zt,isValidParameter:Xt,isVisible:()=>ee(C()),mixin:function(e){return class extends(this){_main(t,n){return super._main(t,Object.assign({},e,n))}}},off:(e,t)=>{e?t?o.eventEmitter.removeListener(e,t):o.eventEmitter.removeAllListeners(e):o.eventEmitter.reset()},on:(e,t)=>{o.eventEmitter.on(e,t)},once:(e,t)=>{o.eventEmitter.once(e,t)},resumeTimer:yn,showLoading:vt,stopTimer:bn,toggleTimer:()=>{const e=o.timeout;return e&&(e.running?bn():yn())}});class En{constructor(e,t){this.callback=e,this.remaining=t,this.running=!1,this.start()}start(){return this.running||(this.running=!0,this.started=new Date,this.id=setTimeout(this.callback,this.remaining)),this.remaining}stop(){return this.started&&this.running&&(this.running=!1,clearTimeout(this.id),this.remaining-=(new Date).getTime()-this.started.getTime()),this.remaining}increase(e){const t=this.running;return t&&this.stop(),this.remaining+=e,t&&this.start(),this.remaining}getTimerLeft(){return this.running&&(this.stop(),this.start()),this.remaining}isRunning(){return this.running}}const kn=["swal-title","swal-html","swal-footer"],Bn=e=>{const t={};return Array.from(e.querySelectorAll("swal-param")).forEach(e=>{Mn(e,["name","value"]);const n=e.getAttribute("name"),o=e.getAttribute("value");n&&o&&(t[n]="boolean"==typeof zt[n]?"false"!==o:"object"==typeof zt[n]?JSON.parse(o):o)}),t},$n=e=>{const t={};return Array.from(e.querySelectorAll("swal-function-param")).forEach(e=>{const n=e.getAttribute("name"),o=e.getAttribute("value");n&&o&&(t[n]=new Function(`return ${o}`)())}),t},Ln=e=>{const t={};return Array.from(e.querySelectorAll("swal-button")).forEach(e=>{Mn(e,["type","color","aria-label"]);const n=e.getAttribute("type");n&&["confirm","cancel","deny"].includes(n)&&(t[`${n}ButtonText`]=e.innerHTML,t[`show${c(n)}Button`]=!0,e.hasAttribute("color")&&(t[`${n}ButtonColor`]=e.getAttribute("color")),e.hasAttribute("aria-label")&&(t[`${n}ButtonAriaLabel`]=e.getAttribute("aria-label")))}),t},Pn=e=>{const t={},n=e.querySelector("swal-image");return n&&(Mn(n,["src","width","height","alt"]),n.hasAttribute("src")&&(t.imageUrl=n.getAttribute("src")||void 0),n.hasAttribute("width")&&(t.imageWidth=n.getAttribute("width")||void 0),n.hasAttribute("height")&&(t.imageHeight=n.getAttribute("height")||void 0),n.hasAttribute("alt")&&(t.imageAlt=n.getAttribute("alt")||void 0)),t},xn=e=>{const t={},n=e.querySelector("swal-icon");return n&&(Mn(n,["type","color"]),n.hasAttribute("type")&&(t.icon=n.getAttribute("type")),n.hasAttribute("color")&&(t.iconColor=n.getAttribute("color")),t.iconHtml=n.innerHTML),t},Tn=e=>{const t={},n=e.querySelector("swal-input");n&&(Mn(n,["type","label","placeholder","value"]),t.input=n.getAttribute("type")||"text",n.hasAttribute("label")&&(t.inputLabel=n.getAttribute("label")),n.hasAttribute("placeholder")&&(t.inputPlaceholder=n.getAttribute("placeholder")),n.hasAttribute("value")&&(t.inputValue=n.getAttribute("value")));const o=Array.from(e.querySelectorAll("swal-input-option"));return o.length&&(t.inputOptions={},o.forEach(e=>{Mn(e,["value"]);const n=e.getAttribute("value");if(!n)return;const o=e.innerHTML;t.inputOptions[n]=o})),t},Sn=(e,t)=>{const n={};for(const o in t){const i=t[o],s=e.querySelector(i);s&&(Mn(s,[]),n[i.replace(/^swal-/,"")]=s.innerHTML.trim())}return n},On=e=>{const t=kn.concat(["swal-param","swal-function-param","swal-button","swal-image","swal-icon","swal-input","swal-input-option"]);Array.from(e.children).forEach(e=>{const n=e.tagName.toLowerCase();t.includes(n)||u(`Unrecognized element <${n}>`)})},Mn=(e,t)=>{Array.from(e.attributes).forEach(n=>{-1===t.indexOf(n.name)&&u([`Unrecognized attribute "${n.name}" on <${e.tagName.toLowerCase()}>.`,""+(t.length?`Allowed attributes are: ${t.join(", ")}`:"To set the value, use HTML within the element.")])})},jn=e=>{const t=y(),n=C();"function"==typeof e.willOpen&&e.willOpen(n),o.eventEmitter.emit("willOpen",n);const i=window.getComputedStyle(document.body).overflowY;Vn(t,n,e),setTimeout(()=>{In(t,n)},10),D()&&(Dn(t,e.scrollbarPadding,i),(()=>{const e=y();Array.from(document.body.children).forEach(t=>{t.contains(e)||(t.hasAttribute("aria-hidden")&&t.setAttribute("data-previous-aria-hidden",t.getAttribute("aria-hidden")||""),t.setAttribute("aria-hidden","true"))})})()),V()||o.previousActiveElement||(o.previousActiveElement=document.activeElement),"function"==typeof e.didOpen&&setTimeout(()=>e.didOpen(n)),o.eventEmitter.emit("didOpen",n),W(t,r["no-transition"])},Hn=e=>{const t=C();if(e.target!==t)return;const n=y();t.removeEventListener("animationend",Hn),t.removeEventListener("transitionend",Hn),n.style.overflowY="auto"},In=(e,t)=>{ne(t)?(e.style.overflowY="hidden",t.addEventListener("animationend",Hn),t.addEventListener("transitionend",Hn)):e.style.overflowY="auto"},Dn=(e,t,n)=>{(()=>{if(ot&&!N(document.body,r.iosfix)){const e=document.body.scrollTop;document.body.style.top=-1*e+"px",z(document.body,r.iosfix),it()}})(),t&&"hidden"!==n&&ct(n),setTimeout(()=>{e.scrollTop=0})},Vn=(e,t,n)=>{z(e,n.showClass.backdrop),n.animation?(t.style.setProperty("opacity","0","important"),X(t,"grid"),setTimeout(()=>{z(t,n.showClass.popup),t.style.removeProperty("opacity")},10)):X(t,"grid"),z([document.documentElement,document.body],r.shown),n.heightAuto&&n.backdrop&&!n.toast&&z([document.documentElement,document.body],r["height-auto"])};var qn=(e,t)=>/^[a-zA-Z0-9.+_'-]+@[a-zA-Z0-9.-]+\.[a-zA-Z0-9-]+$/.test(e)?Promise.resolve():Promise.resolve(t||"Invalid email address"),Nn=(e,t)=>/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-z]{2,63}\b([-a-zA-Z0-9@:%_+.~#?&/=]*)$/.test(e)?Promise.resolve():Promise.resolve(t||"Invalid URL");function _n(e){!function(e){e.inputValidator||("email"===e.input&&(e.inputValidator=qn),"url"===e.input&&(e.inputValidator=Nn))}(e),e.showLoaderOnConfirm&&!e.preConfirm&&u("showLoaderOnConfirm is set to true, but preConfirm is not defined.\nshowLoaderOnConfirm should be used together with preConfirm, see usage example:\nhttps://sweetalert2.github.io/#ajax-request"),function(e){(!e.target||"string"==typeof e.target&&!document.querySelector(e.target)||"string"!=typeof e.target&&!e.target.appendChild)&&(u('Target parameter is not valid, defaulting to "body"'),e.target="body")}(e),"string"==typeof e.title&&(e.title=e.title.split("\n").join("<br />")),re(e)}let Fn;var Rn=new WeakMap;class Un{constructor(...t){if(n(this,Rn,void 0),"undefined"==typeof window)return;Fn=this;const o=Object.freeze(this.constructor.argsToParams(t));var i,s,r;this.params=o,this.isAwaitingPromise=!1,i=Rn,s=this,r=this._main(Fn.params),i.set(e(i,s),r)}_main(e,t={}){if(tn(Object.assign({},t,e)),o.currentInstance){const e=tt.swalPromiseResolve.get(o.currentInstance),{isAwaitingPromise:t}=o.currentInstance;o.currentInstance._destroy(),t||e({isDismissed:!0}),D()&&nt()}o.currentInstance=Fn;const n=Wn(e,t);_n(n),Object.freeze(n),o.timeout&&(o.timeout.stop(),delete o.timeout),clearTimeout(o.restoreFocusTimeout);const i=Kn(Fn);return Re(Fn,n),he.innerParams.set(Fn,n),zn(Fn,i,n)}then(e){return t(Rn,this).then(e)}finally(e){return t(Rn,this).finally(e)}}const zn=(e,t,n)=>new Promise((i,s)=>{const r=t=>{e.close({isDismissed:!0,dismiss:t})};tt.swalPromiseResolve.set(e,i),tt.swalPromiseReject.set(e,s),t.confirmButton.onclick=()=>{(e=>{const t=he.innerParams.get(e);e.disableButtons(),t.input?Pt(e,"confirm"):Mt(e,!0)})(e)},t.denyButton.onclick=()=>{(e=>{const t=he.innerParams.get(e);e.disableButtons(),t.returnInputValueOnDeny?Pt(e,"deny"):Tt(e,!1)})(e)},t.cancelButton.onclick=()=>{((e,t)=>{e.disableButtons(),t(ze.cancel)})(e,r)},t.closeButton.onclick=()=>{r(ze.close)},((e,t,n)=>{e.toast?un(e,t,n):(mn(t),hn(t),gn(e,t,n))})(n,t,r),((e,t,n)=>{We(e),t.toast||(e.keydownHandler=e=>Ze(t,e,n),e.keydownTarget=t.keydownListenerCapture?window:C(),e.keydownListenerCapture=t.keydownListenerCapture,e.keydownTarget.addEventListener("keydown",e.keydownHandler,{capture:e.keydownListenerCapture}),e.keydownHandlerAdded=!0)})(o,n,r),((e,t)=>{"select"===t.input||"radio"===t.input?kt(e,t):["text","email","number","tel","textarea"].some(e=>e===t.input)&&(g(t.inputValue)||b(t.inputValue))&&(vt(P()),Bt(e,t))})(e,n),jn(n),Yn(o,n,r),Xn(t,n),setTimeout(()=>{t.container.scrollTop=0})}),Wn=(e,t)=>{const n=(e=>{const t="string"==typeof e.template?document.querySelector(e.template):e.template;if(!t)return{};const n=t.content;return On(n),Object.assign(Bn(n),$n(n),Ln(n),Pn(n),xn(n),Tn(n),Sn(n,kn))})(e),o=Object.assign({},zt,t,n,e);return o.showClass=Object.assign({},zt.showClass,o.showClass),o.hideClass=Object.assign({},zt.hideClass,o.hideClass),!1===o.animation&&(o.showClass={backdrop:"swal2-noanimation"},o.hideClass={}),o},Kn=e=>{const t={popup:C(),container:y(),actions:O(),confirmButton:P(),denyButton:T(),cancelButton:x(),loader:S(),closeButton:H(),validationMessage:L(),progressSteps:$()};return he.domCache.set(e,t),t},Yn=(e,t,n)=>{const o=j();Z(o),t.timer&&(e.timeout=new En(()=>{n("timer"),delete e.timeout},t.timer),t.timerProgressBar&&(X(o),_(o,t,"timerProgressBar"),setTimeout(()=>{e.timeout&&e.timeout.running&&oe(t.timer)})))},Xn=(e,t)=>{if(!t.toast)return h(t.allowEnterKey)?void(Zn(e)||Jn(e,t)||Ke(-1,1)):(m("allowEnterKey"),void Gn())},Zn=e=>{const t=Array.from(e.popup.querySelectorAll("[autofocus]"));for(const e of t)if(e instanceof HTMLElement&&ee(e))return e.focus(),!0;return!1},Jn=(e,t)=>t.focusDeny&&ee(e.denyButton)?(e.denyButton.focus(),!0):t.focusCancel&&ee(e.cancelButton)?(e.cancelButton.focus(),!0):!(!t.focusConfirm||!ee(e.confirmButton))&&(e.confirmButton.focus(),!0),Gn=()=>{document.activeElement instanceof HTMLElement&&"function"==typeof document.activeElement.blur&&document.activeElement.blur()};Un.prototype.disableButtons=Nt,Un.prototype.enableButtons=qt,Un.prototype.getInput=It,Un.prototype.disableInput=Ft,Un.prototype.enableInput=_t,Un.prototype.hideLoading=jt,Un.prototype.disableLoading=jt,Un.prototype.showValidationMessage=Rt,Un.prototype.resetValidationMessage=Ut,Un.prototype.close=dt,Un.prototype.closePopup=dt,Un.prototype.closeModal=dt,Un.prototype.closeToast=dt,Un.prototype.rejectPromise=mt,Un.prototype.update=nn,Un.prototype._destroy=sn,Object.assign(Un,An),Object.keys(cn).forEach(e=>{Un[e]=function(...t){return Fn&&Fn[e]?Fn[e](...t):null}}),Un.DismissReason=ze,Un.version="11.23.0";const Qn=Un;return Qn.default=Qn,Qn}),void 0!==this&&this.Sweetalert2&&(this.swal=this.sweetAlert=this.Swal=this.SweetAlert=this.Sweetalert2);
+"undefined"!=typeof document&&function(e,t){var n=e.createElement("style");if(e.getElementsByTagName("head")[0].appendChild(n),n.styleSheet)n.styleSheet.disabled||(n.styleSheet.cssText=t);else try{n.innerHTML=t}catch(e){n.innerText=t}}(document,":root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-container-padding: 0.625em;--swal2-backdrop: rgba(0, 0, 0, 0.4);--swal2-backdrop-transition: background-color 0.1s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: 0.3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show 0.3s;--swal2-hide-animation: swal2-hide 0.15s forwards;--swal2-icon-zoom: 1;--swal2-icon-animations: true;--swal2-title-padding: 0.8em 1em 0;--swal2-html-container-padding: 1em 1.6em 0.3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: 0.1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color 0.2s, box-shadow 0.2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px $swal2-outline-color;--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color 0.2s, box-shadow 0.2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: 0.25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: 0.25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: 0.25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show 0.5s;--swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}@media(prefers-color-scheme: dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:\"top-start     top            top-end\" \"center-start  center         center-end\" \"bottom-start  bottom-center  bottom-end\";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem;container-name:swal2-popup}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:rgba(0,0,0,0);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:\"!\";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:all}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}");
\ No newline at end of file
diff --git a/public_html/raven-demo/vendor/js/swiper-bundle.min.js b/public_html/raven-demo/vendor/js/swiper-bundle.min.js
new file mode 100644
index 0000000..2a57d2a
--- /dev/null
+++ b/public_html/raven-demo/vendor/js/swiper-bundle.min.js
@@ -0,0 +1,14 @@
+/**
+ * Swiper 11.2.10
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2025 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: June 28, 2025
+ */
+
+var Swiper=function(){"use strict";function e(e){return null!==e&&"object"==typeof e&&"constructor"in e&&e.constructor===Object}function t(s,a){void 0===s&&(s={}),void 0===a&&(a={});const i=["__proto__","constructor","prototype"];Object.keys(a).filter((e=>i.indexOf(e)<0)).forEach((i=>{void 0===s[i]?s[i]=a[i]:e(a[i])&&e(s[i])&&Object.keys(a[i]).length>0&&t(s[i],a[i])}))}const s={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector:()=>null,querySelectorAll:()=>[],getElementById:()=>null,createEvent:()=>({initEvent(){}}),createElement:()=>({children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName:()=>[]}),createElementNS:()=>({}),importNode:()=>null,location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function a(){const e="undefined"!=typeof document?document:{};return t(e,s),e}const i={document:s,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle:()=>({getPropertyValue:()=>""}),Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia:()=>({}),requestAnimationFrame:e=>"undefined"==typeof setTimeout?(e(),null):setTimeout(e,0),cancelAnimationFrame(e){"undefined"!=typeof setTimeout&&clearTimeout(e)}};function r(){const e="undefined"!=typeof window?window:{};return t(e,i),e}function n(e){return void 0===e&&(e=""),e.trim().split(" ").filter((e=>!!e.trim()))}function l(e,t){return void 0===t&&(t=0),setTimeout(e,t)}function o(){return Date.now()}function d(e,t){void 0===t&&(t="x");const s=r();let a,i,n;const l=function(e){const t=r();let s;return t.getComputedStyle&&(s=t.getComputedStyle(e,null)),!s&&e.currentStyle&&(s=e.currentStyle),s||(s=e.style),s}(e);return s.WebKitCSSMatrix?(i=l.transform||l.webkitTransform,i.split(",").length>6&&(i=i.split(", ").map((e=>e.replace(",","."))).join(", ")),n=new s.WebKitCSSMatrix("none"===i?"":i)):(n=l.MozTransform||l.OTransform||l.MsTransform||l.msTransform||l.transform||l.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),a=n.toString().split(",")),"x"===t&&(i=s.WebKitCSSMatrix?n.m41:16===a.length?parseFloat(a[12]):parseFloat(a[4])),"y"===t&&(i=s.WebKitCSSMatrix?n.m42:16===a.length?parseFloat(a[13]):parseFloat(a[5])),i||0}function c(e){return"object"==typeof e&&null!==e&&e.constructor&&"Object"===Object.prototype.toString.call(e).slice(8,-1)}function p(){const e=Object(arguments.length<=0?void 0:arguments[0]),t=["__proto__","constructor","prototype"];for(let a=1;a<arguments.length;a+=1){const i=a<0||arguments.length<=a?void 0:arguments[a];if(null!=i&&(s=i,!("undefined"!=typeof window&&void 0!==window.HTMLElement?s instanceof HTMLElement:s&&(1===s.nodeType||11===s.nodeType)))){const s=Object.keys(Object(i)).filter((e=>t.indexOf(e)<0));for(let t=0,a=s.length;t<a;t+=1){const a=s[t],r=Object.getOwnPropertyDescriptor(i,a);void 0!==r&&r.enumerable&&(c(e[a])&&c(i[a])?i[a].__swiper__?e[a]=i[a]:p(e[a],i[a]):!c(e[a])&&c(i[a])?(e[a]={},i[a].__swiper__?e[a]=i[a]:p(e[a],i[a])):e[a]=i[a])}}}var s;return e}function u(e,t,s){e.style.setProperty(t,s)}function m(e){let{swiper:t,targetPosition:s,side:a}=e;const i=r(),n=-t.translate;let l,o=null;const d=t.params.speed;t.wrapperEl.style.scrollSnapType="none",i.cancelAnimationFrame(t.cssModeFrameID);const c=s>n?"next":"prev",p=(e,t)=>"next"===c&&e>=t||"prev"===c&&e<=t,u=()=>{l=(new Date).getTime(),null===o&&(o=l);const e=Math.max(Math.min((l-o)/d,1),0),r=.5-Math.cos(e*Math.PI)/2;let c=n+r*(s-n);if(p(c,s)&&(c=s),t.wrapperEl.scrollTo({[a]:c}),p(c,s))return t.wrapperEl.style.overflow="hidden",t.wrapperEl.style.scrollSnapType="",setTimeout((()=>{t.wrapperEl.style.overflow="",t.wrapperEl.scrollTo({[a]:c})})),void i.cancelAnimationFrame(t.cssModeFrameID);t.cssModeFrameID=i.requestAnimationFrame(u)};u()}function h(e){return e.querySelector(".swiper-slide-transform")||e.shadowRoot&&e.shadowRoot.querySelector(".swiper-slide-transform")||e}function f(e,t){void 0===t&&(t="");const s=r(),a=[...e.children];return s.HTMLSlotElement&&e instanceof HTMLSlotElement&&a.push(...e.assignedElements()),t?a.filter((e=>e.matches(t))):a}function g(e){try{return void console.warn(e)}catch(e){}}function v(e,t){void 0===t&&(t=[]);const s=document.createElement(e);return s.classList.add(...Array.isArray(t)?t:n(t)),s}function w(e){const t=r(),s=a(),i=e.getBoundingClientRect(),n=s.body,l=e.clientTop||n.clientTop||0,o=e.clientLeft||n.clientLeft||0,d=e===t?t.scrollY:e.scrollTop,c=e===t?t.scrollX:e.scrollLeft;return{top:i.top+d-l,left:i.left+c-o}}function b(e,t){return r().getComputedStyle(e,null).getPropertyValue(t)}function y(e){let t,s=e;if(s){for(t=0;null!==(s=s.previousSibling);)1===s.nodeType&&(t+=1);return t}}function E(e,t){const s=[];let a=e.parentElement;for(;a;)t?a.matches(t)&&s.push(a):s.push(a),a=a.parentElement;return s}function x(e,t){t&&e.addEventListener("transitionend",(function s(a){a.target===e&&(t.call(e,a),e.removeEventListener("transitionend",s))}))}function S(e,t,s){const a=r();return s?e["width"===t?"offsetWidth":"offsetHeight"]+parseFloat(a.getComputedStyle(e,null).getPropertyValue("width"===t?"margin-right":"margin-top"))+parseFloat(a.getComputedStyle(e,null).getPropertyValue("width"===t?"margin-left":"margin-bottom")):e.offsetWidth}function T(e){return(Array.isArray(e)?e:[e]).filter((e=>!!e))}function M(e){return t=>Math.abs(t)>0&&e.browser&&e.browser.need3dFix&&Math.abs(t)%90==0?t+.001:t}function C(e,t){void 0===t&&(t=""),"undefined"!=typeof trustedTypes?e.innerHTML=trustedTypes.createPolicy("html",{createHTML:e=>e}).createHTML(t):e.innerHTML=t}let P,L,I;function z(){return P||(P=function(){const e=r(),t=a();return{smoothScroll:t.documentElement&&t.documentElement.style&&"scrollBehavior"in t.documentElement.style,touch:!!("ontouchstart"in e||e.DocumentTouch&&t instanceof e.DocumentTouch)}}()),P}function A(e){return void 0===e&&(e={}),L||(L=function(e){let{userAgent:t}=void 0===e?{}:e;const s=z(),a=r(),i=a.navigator.platform,n=t||a.navigator.userAgent,l={ios:!1,android:!1},o=a.screen.width,d=a.screen.height,c=n.match(/(Android);?[\s\/]+([\d.]+)?/);let p=n.match(/(iPad).*OS\s([\d_]+)/);const u=n.match(/(iPod)(.*OS\s([\d_]+))?/),m=!p&&n.match(/(iPhone\sOS|iOS)\s([\d_]+)/),h="Win32"===i;let f="MacIntel"===i;return!p&&f&&s.touch&&["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"].indexOf(`${o}x${d}`)>=0&&(p=n.match(/(Version)\/([\d.]+)/),p||(p=[0,1,"13_0_0"]),f=!1),c&&!h&&(l.os="android",l.android=!0),(p||m||u)&&(l.os="ios",l.ios=!0),l}(e)),L}function $(){return I||(I=function(){const e=r(),t=A();let s=!1;function a(){const t=e.navigator.userAgent.toLowerCase();return t.indexOf("safari")>=0&&t.indexOf("chrome")<0&&t.indexOf("android")<0}if(a()){const t=String(e.navigator.userAgent);if(t.includes("Version/")){const[e,a]=t.split("Version/")[1].split(" ")[0].split(".").map((e=>Number(e)));s=e<16||16===e&&a<2}}const i=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(e.navigator.userAgent),n=a();return{isSafari:s||n,needPerspectiveFix:s,need3dFix:n||i&&t.ios,isWebView:i}}()),I}var k={on(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;const i=s?"unshift":"push";return e.split(" ").forEach((e=>{a.eventsListeners[e]||(a.eventsListeners[e]=[]),a.eventsListeners[e][i](t)})),a},once(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;function i(){a.off(e,i),i.__emitterProxy&&delete i.__emitterProxy;for(var s=arguments.length,r=new Array(s),n=0;n<s;n++)r[n]=arguments[n];t.apply(a,r)}return i.__emitterProxy=t,a.on(e,i,s)},onAny(e,t){const s=this;if(!s.eventsListeners||s.destroyed)return s;if("function"!=typeof e)return s;const a=t?"unshift":"push";return s.eventsAnyListeners.indexOf(e)<0&&s.eventsAnyListeners[a](e),s},offAny(e){const t=this;if(!t.eventsListeners||t.destroyed)return t;if(!t.eventsAnyListeners)return t;const s=t.eventsAnyListeners.indexOf(e);return s>=0&&t.eventsAnyListeners.splice(s,1),t},off(e,t){const s=this;return!s.eventsListeners||s.destroyed?s:s.eventsListeners?(e.split(" ").forEach((e=>{void 0===t?s.eventsListeners[e]=[]:s.eventsListeners[e]&&s.eventsListeners[e].forEach(((a,i)=>{(a===t||a.__emitterProxy&&a.__emitterProxy===t)&&s.eventsListeners[e].splice(i,1)}))})),s):s},emit(){const e=this;if(!e.eventsListeners||e.destroyed)return e;if(!e.eventsListeners)return e;let t,s,a;for(var i=arguments.length,r=new Array(i),n=0;n<i;n++)r[n]=arguments[n];"string"==typeof r[0]||Array.isArray(r[0])?(t=r[0],s=r.slice(1,r.length),a=e):(t=r[0].events,s=r[0].data,a=r[0].context||e),s.unshift(a);return(Array.isArray(t)?t:t.split(" ")).forEach((t=>{e.eventsAnyListeners&&e.eventsAnyListeners.length&&e.eventsAnyListeners.forEach((e=>{e.apply(a,[t,...s])})),e.eventsListeners&&e.eventsListeners[t]&&e.eventsListeners[t].forEach((e=>{e.apply(a,s)}))})),e}};const O=(e,t,s)=>{t&&!e.classList.contains(s)?e.classList.add(s):!t&&e.classList.contains(s)&&e.classList.remove(s)};const D=(e,t,s)=>{t&&!e.classList.contains(s)?e.classList.add(s):!t&&e.classList.contains(s)&&e.classList.remove(s)};const G=(e,t)=>{if(!e||e.destroyed||!e.params)return;const s=t.closest(e.isElement?"swiper-slide":`.${e.params.slideClass}`);if(s){let t=s.querySelector(`.${e.params.lazyPreloaderClass}`);!t&&e.isElement&&(s.shadowRoot?t=s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`):requestAnimationFrame((()=>{s.shadowRoot&&(t=s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`),t&&t.remove())}))),t&&t.remove()}},X=(e,t)=>{if(!e.slides[t])return;const s=e.slides[t].querySelector('[loading="lazy"]');s&&s.removeAttribute("loading")},Y=e=>{if(!e||e.destroyed||!e.params)return;let t=e.params.lazyPreloadPrevNext;const s=e.slides.length;if(!s||!t||t<0)return;t=Math.min(t,s);const a="auto"===e.params.slidesPerView?e.slidesPerViewDynamic():Math.ceil(e.params.slidesPerView),i=e.activeIndex;if(e.params.grid&&e.params.grid.rows>1){const s=i,r=[s-t];return r.push(...Array.from({length:t}).map(((e,t)=>s+a+t))),void e.slides.forEach(((t,s)=>{r.includes(t.column)&&X(e,s)}))}const r=i+a-1;if(e.params.rewind||e.params.loop)for(let a=i-t;a<=r+t;a+=1){const t=(a%s+s)%s;(t<i||t>r)&&X(e,t)}else for(let a=Math.max(i-t,0);a<=Math.min(r+t,s-1);a+=1)a!==i&&(a>r||a<i)&&X(e,a)};var B={updateSize:function(){const e=this;let t,s;const a=e.el;t=void 0!==e.params.width&&null!==e.params.width?e.params.width:a.clientWidth,s=void 0!==e.params.height&&null!==e.params.height?e.params.height:a.clientHeight,0===t&&e.isHorizontal()||0===s&&e.isVertical()||(t=t-parseInt(b(a,"padding-left")||0,10)-parseInt(b(a,"padding-right")||0,10),s=s-parseInt(b(a,"padding-top")||0,10)-parseInt(b(a,"padding-bottom")||0,10),Number.isNaN(t)&&(t=0),Number.isNaN(s)&&(s=0),Object.assign(e,{width:t,height:s,size:e.isHorizontal()?t:s}))},updateSlides:function(){const e=this;function t(t,s){return parseFloat(t.getPropertyValue(e.getDirectionLabel(s))||0)}const s=e.params,{wrapperEl:a,slidesEl:i,size:r,rtlTranslate:n,wrongRTL:l}=e,o=e.virtual&&s.virtual.enabled,d=o?e.virtual.slides.length:e.slides.length,c=f(i,`.${e.params.slideClass}, swiper-slide`),p=o?e.virtual.slides.length:c.length;let m=[];const h=[],g=[];let v=s.slidesOffsetBefore;"function"==typeof v&&(v=s.slidesOffsetBefore.call(e));let w=s.slidesOffsetAfter;"function"==typeof w&&(w=s.slidesOffsetAfter.call(e));const y=e.snapGrid.length,E=e.slidesGrid.length;let x=s.spaceBetween,T=-v,M=0,C=0;if(void 0===r)return;"string"==typeof x&&x.indexOf("%")>=0?x=parseFloat(x.replace("%",""))/100*r:"string"==typeof x&&(x=parseFloat(x)),e.virtualSize=-x,c.forEach((e=>{n?e.style.marginLeft="":e.style.marginRight="",e.style.marginBottom="",e.style.marginTop=""})),s.centeredSlides&&s.cssMode&&(u(a,"--swiper-centered-offset-before",""),u(a,"--swiper-centered-offset-after",""));const P=s.grid&&s.grid.rows>1&&e.grid;let L;P?e.grid.initSlides(c):e.grid&&e.grid.unsetSlides();const I="auto"===s.slidesPerView&&s.breakpoints&&Object.keys(s.breakpoints).filter((e=>void 0!==s.breakpoints[e].slidesPerView)).length>0;for(let a=0;a<p;a+=1){let i;if(L=0,c[a]&&(i=c[a]),P&&e.grid.updateSlide(a,i,c),!c[a]||"none"!==b(i,"display")){if("auto"===s.slidesPerView){I&&(c[a].style[e.getDirectionLabel("width")]="");const r=getComputedStyle(i),n=i.style.transform,l=i.style.webkitTransform;if(n&&(i.style.transform="none"),l&&(i.style.webkitTransform="none"),s.roundLengths)L=e.isHorizontal()?S(i,"width",!0):S(i,"height",!0);else{const e=t(r,"width"),s=t(r,"padding-left"),a=t(r,"padding-right"),n=t(r,"margin-left"),l=t(r,"margin-right"),o=r.getPropertyValue("box-sizing");if(o&&"border-box"===o)L=e+n+l;else{const{clientWidth:t,offsetWidth:r}=i;L=e+s+a+n+l+(r-t)}}n&&(i.style.transform=n),l&&(i.style.webkitTransform=l),s.roundLengths&&(L=Math.floor(L))}else L=(r-(s.slidesPerView-1)*x)/s.slidesPerView,s.roundLengths&&(L=Math.floor(L)),c[a]&&(c[a].style[e.getDirectionLabel("width")]=`${L}px`);c[a]&&(c[a].swiperSlideSize=L),g.push(L),s.centeredSlides?(T=T+L/2+M/2+x,0===M&&0!==a&&(T=T-r/2-x),0===a&&(T=T-r/2-x),Math.abs(T)<.001&&(T=0),s.roundLengths&&(T=Math.floor(T)),C%s.slidesPerGroup==0&&m.push(T),h.push(T)):(s.roundLengths&&(T=Math.floor(T)),(C-Math.min(e.params.slidesPerGroupSkip,C))%e.params.slidesPerGroup==0&&m.push(T),h.push(T),T=T+L+x),e.virtualSize+=L+x,M=L,C+=1}}if(e.virtualSize=Math.max(e.virtualSize,r)+w,n&&l&&("slide"===s.effect||"coverflow"===s.effect)&&(a.style.width=`${e.virtualSize+x}px`),s.setWrapperSize&&(a.style[e.getDirectionLabel("width")]=`${e.virtualSize+x}px`),P&&e.grid.updateWrapperSize(L,m),!s.centeredSlides){const t=[];for(let a=0;a<m.length;a+=1){let i=m[a];s.roundLengths&&(i=Math.floor(i)),m[a]<=e.virtualSize-r&&t.push(i)}m=t,Math.floor(e.virtualSize-r)-Math.floor(m[m.length-1])>1&&m.push(e.virtualSize-r)}if(o&&s.loop){const t=g[0]+x;if(s.slidesPerGroup>1){const a=Math.ceil((e.virtual.slidesBefore+e.virtual.slidesAfter)/s.slidesPerGroup),i=t*s.slidesPerGroup;for(let e=0;e<a;e+=1)m.push(m[m.length-1]+i)}for(let a=0;a<e.virtual.slidesBefore+e.virtual.slidesAfter;a+=1)1===s.slidesPerGroup&&m.push(m[m.length-1]+t),h.push(h[h.length-1]+t),e.virtualSize+=t}if(0===m.length&&(m=[0]),0!==x){const t=e.isHorizontal()&&n?"marginLeft":e.getDirectionLabel("marginRight");c.filter(((e,t)=>!(s.cssMode&&!s.loop)||t!==c.length-1)).forEach((e=>{e.style[t]=`${x}px`}))}if(s.centeredSlides&&s.centeredSlidesBounds){let e=0;g.forEach((t=>{e+=t+(x||0)})),e-=x;const t=e>r?e-r:0;m=m.map((e=>e<=0?-v:e>t?t+w:e))}if(s.centerInsufficientSlides){let e=0;g.forEach((t=>{e+=t+(x||0)})),e-=x;const t=(s.slidesOffsetBefore||0)+(s.slidesOffsetAfter||0);if(e+t<r){const s=(r-e-t)/2;m.forEach(((e,t)=>{m[t]=e-s})),h.forEach(((e,t)=>{h[t]=e+s}))}}if(Object.assign(e,{slides:c,snapGrid:m,slidesGrid:h,slidesSizesGrid:g}),s.centeredSlides&&s.cssMode&&!s.centeredSlidesBounds){u(a,"--swiper-centered-offset-before",-m[0]+"px"),u(a,"--swiper-centered-offset-after",e.size/2-g[g.length-1]/2+"px");const t=-e.snapGrid[0],s=-e.slidesGrid[0];e.snapGrid=e.snapGrid.map((e=>e+t)),e.slidesGrid=e.slidesGrid.map((e=>e+s))}if(p!==d&&e.emit("slidesLengthChange"),m.length!==y&&(e.params.watchOverflow&&e.checkOverflow(),e.emit("snapGridLengthChange")),h.length!==E&&e.emit("slidesGridLengthChange"),s.watchSlidesProgress&&e.updateSlidesOffset(),e.emit("slidesUpdated"),!(o||s.cssMode||"slide"!==s.effect&&"fade"!==s.effect)){const t=`${s.containerModifierClass}backface-hidden`,a=e.el.classList.contains(t);p<=s.maxBackfaceHiddenSlides?a||e.el.classList.add(t):a&&e.el.classList.remove(t)}},updateAutoHeight:function(e){const t=this,s=[],a=t.virtual&&t.params.virtual.enabled;let i,r=0;"number"==typeof e?t.setTransition(e):!0===e&&t.setTransition(t.params.speed);const n=e=>a?t.slides[t.getSlideIndexByData(e)]:t.slides[e];if("auto"!==t.params.slidesPerView&&t.params.slidesPerView>1)if(t.params.centeredSlides)(t.visibleSlides||[]).forEach((e=>{s.push(e)}));else for(i=0;i<Math.ceil(t.params.slidesPerView);i+=1){const e=t.activeIndex+i;if(e>t.slides.length&&!a)break;s.push(n(e))}else s.push(n(t.activeIndex));for(i=0;i<s.length;i+=1)if(void 0!==s[i]){const e=s[i].offsetHeight;r=e>r?e:r}(r||0===r)&&(t.wrapperEl.style.height=`${r}px`)},updateSlidesOffset:function(){const e=this,t=e.slides,s=e.isElement?e.isHorizontal()?e.wrapperEl.offsetLeft:e.wrapperEl.offsetTop:0;for(let a=0;a<t.length;a+=1)t[a].swiperSlideOffset=(e.isHorizontal()?t[a].offsetLeft:t[a].offsetTop)-s-e.cssOverflowAdjustment()},updateSlidesProgress:function(e){void 0===e&&(e=this&&this.translate||0);const t=this,s=t.params,{slides:a,rtlTranslate:i,snapGrid:r}=t;if(0===a.length)return;void 0===a[0].swiperSlideOffset&&t.updateSlidesOffset();let n=-e;i&&(n=e),t.visibleSlidesIndexes=[],t.visibleSlides=[];let l=s.spaceBetween;"string"==typeof l&&l.indexOf("%")>=0?l=parseFloat(l.replace("%",""))/100*t.size:"string"==typeof l&&(l=parseFloat(l));for(let e=0;e<a.length;e+=1){const o=a[e];let d=o.swiperSlideOffset;s.cssMode&&s.centeredSlides&&(d-=a[0].swiperSlideOffset);const c=(n+(s.centeredSlides?t.minTranslate():0)-d)/(o.swiperSlideSize+l),p=(n-r[0]+(s.centeredSlides?t.minTranslate():0)-d)/(o.swiperSlideSize+l),u=-(n-d),m=u+t.slidesSizesGrid[e],h=u>=0&&u<=t.size-t.slidesSizesGrid[e],f=u>=0&&u<t.size-1||m>1&&m<=t.size||u<=0&&m>=t.size;f&&(t.visibleSlides.push(o),t.visibleSlidesIndexes.push(e)),O(o,f,s.slideVisibleClass),O(o,h,s.slideFullyVisibleClass),o.progress=i?-c:c,o.originalProgress=i?-p:p}},updateProgress:function(e){const t=this;if(void 0===e){const s=t.rtlTranslate?-1:1;e=t&&t.translate&&t.translate*s||0}const s=t.params,a=t.maxTranslate()-t.minTranslate();let{progress:i,isBeginning:r,isEnd:n,progressLoop:l}=t;const o=r,d=n;if(0===a)i=0,r=!0,n=!0;else{i=(e-t.minTranslate())/a;const s=Math.abs(e-t.minTranslate())<1,l=Math.abs(e-t.maxTranslate())<1;r=s||i<=0,n=l||i>=1,s&&(i=0),l&&(i=1)}if(s.loop){const s=t.getSlideIndexByData(0),a=t.getSlideIndexByData(t.slides.length-1),i=t.slidesGrid[s],r=t.slidesGrid[a],n=t.slidesGrid[t.slidesGrid.length-1],o=Math.abs(e);l=o>=i?(o-i)/n:(o+n-r)/n,l>1&&(l-=1)}Object.assign(t,{progress:i,progressLoop:l,isBeginning:r,isEnd:n}),(s.watchSlidesProgress||s.centeredSlides&&s.autoHeight)&&t.updateSlidesProgress(e),r&&!o&&t.emit("reachBeginning toEdge"),n&&!d&&t.emit("reachEnd toEdge"),(o&&!r||d&&!n)&&t.emit("fromEdge"),t.emit("progress",i)},updateSlidesClasses:function(){const e=this,{slides:t,params:s,slidesEl:a,activeIndex:i}=e,r=e.virtual&&s.virtual.enabled,n=e.grid&&s.grid&&s.grid.rows>1,l=e=>f(a,`.${s.slideClass}${e}, swiper-slide${e}`)[0];let o,d,c;if(r)if(s.loop){let t=i-e.virtual.slidesBefore;t<0&&(t=e.virtual.slides.length+t),t>=e.virtual.slides.length&&(t-=e.virtual.slides.length),o=l(`[data-swiper-slide-index="${t}"]`)}else o=l(`[data-swiper-slide-index="${i}"]`);else n?(o=t.find((e=>e.column===i)),c=t.find((e=>e.column===i+1)),d=t.find((e=>e.column===i-1))):o=t[i];o&&(n||(c=function(e,t){const s=[];for(;e.nextElementSibling;){const a=e.nextElementSibling;t?a.matches(t)&&s.push(a):s.push(a),e=a}return s}(o,`.${s.slideClass}, swiper-slide`)[0],s.loop&&!c&&(c=t[0]),d=function(e,t){const s=[];for(;e.previousElementSibling;){const a=e.previousElementSibling;t?a.matches(t)&&s.push(a):s.push(a),e=a}return s}(o,`.${s.slideClass}, swiper-slide`)[0],s.loop&&0===!d&&(d=t[t.length-1]))),t.forEach((e=>{D(e,e===o,s.slideActiveClass),D(e,e===c,s.slideNextClass),D(e,e===d,s.slidePrevClass)})),e.emitSlidesClasses()},updateActiveIndex:function(e){const t=this,s=t.rtlTranslate?t.translate:-t.translate,{snapGrid:a,params:i,activeIndex:r,realIndex:n,snapIndex:l}=t;let o,d=e;const c=e=>{let s=e-t.virtual.slidesBefore;return s<0&&(s=t.virtual.slides.length+s),s>=t.virtual.slides.length&&(s-=t.virtual.slides.length),s};if(void 0===d&&(d=function(e){const{slidesGrid:t,params:s}=e,a=e.rtlTranslate?e.translate:-e.translate;let i;for(let e=0;e<t.length;e+=1)void 0!==t[e+1]?a>=t[e]&&a<t[e+1]-(t[e+1]-t[e])/2?i=e:a>=t[e]&&a<t[e+1]&&(i=e+1):a>=t[e]&&(i=e);return s.normalizeSlideIndex&&(i<0||void 0===i)&&(i=0),i}(t)),a.indexOf(s)>=0)o=a.indexOf(s);else{const e=Math.min(i.slidesPerGroupSkip,d);o=e+Math.floor((d-e)/i.slidesPerGroup)}if(o>=a.length&&(o=a.length-1),d===r&&!t.params.loop)return void(o!==l&&(t.snapIndex=o,t.emit("snapIndexChange")));if(d===r&&t.params.loop&&t.virtual&&t.params.virtual.enabled)return void(t.realIndex=c(d));const p=t.grid&&i.grid&&i.grid.rows>1;let u;if(t.virtual&&i.virtual.enabled&&i.loop)u=c(d);else if(p){const e=t.slides.find((e=>e.column===d));let s=parseInt(e.getAttribute("data-swiper-slide-index"),10);Number.isNaN(s)&&(s=Math.max(t.slides.indexOf(e),0)),u=Math.floor(s/i.grid.rows)}else if(t.slides[d]){const e=t.slides[d].getAttribute("data-swiper-slide-index");u=e?parseInt(e,10):d}else u=d;Object.assign(t,{previousSnapIndex:l,snapIndex:o,previousRealIndex:n,realIndex:u,previousIndex:r,activeIndex:d}),t.initialized&&Y(t),t.emit("activeIndexChange"),t.emit("snapIndexChange"),(t.initialized||t.params.runCallbacksOnInit)&&(n!==u&&t.emit("realIndexChange"),t.emit("slideChange"))},updateClickedSlide:function(e,t){const s=this,a=s.params;let i=e.closest(`.${a.slideClass}, swiper-slide`);!i&&s.isElement&&t&&t.length>1&&t.includes(e)&&[...t.slice(t.indexOf(e)+1,t.length)].forEach((e=>{!i&&e.matches&&e.matches(`.${a.slideClass}, swiper-slide`)&&(i=e)}));let r,n=!1;if(i)for(let e=0;e<s.slides.length;e+=1)if(s.slides[e]===i){n=!0,r=e;break}if(!i||!n)return s.clickedSlide=void 0,void(s.clickedIndex=void 0);s.clickedSlide=i,s.virtual&&s.params.virtual.enabled?s.clickedIndex=parseInt(i.getAttribute("data-swiper-slide-index"),10):s.clickedIndex=r,a.slideToClickedSlide&&void 0!==s.clickedIndex&&s.clickedIndex!==s.activeIndex&&s.slideToClickedSlide()}};var H={getTranslate:function(e){void 0===e&&(e=this.isHorizontal()?"x":"y");const{params:t,rtlTranslate:s,translate:a,wrapperEl:i}=this;if(t.virtualTranslate)return s?-a:a;if(t.cssMode)return a;let r=d(i,e);return r+=this.cssOverflowAdjustment(),s&&(r=-r),r||0},setTranslate:function(e,t){const s=this,{rtlTranslate:a,params:i,wrapperEl:r,progress:n}=s;let l,o=0,d=0;s.isHorizontal()?o=a?-e:e:d=e,i.roundLengths&&(o=Math.floor(o),d=Math.floor(d)),s.previousTranslate=s.translate,s.translate=s.isHorizontal()?o:d,i.cssMode?r[s.isHorizontal()?"scrollLeft":"scrollTop"]=s.isHorizontal()?-o:-d:i.virtualTranslate||(s.isHorizontal()?o-=s.cssOverflowAdjustment():d-=s.cssOverflowAdjustment(),r.style.transform=`translate3d(${o}px, ${d}px, 0px)`);const c=s.maxTranslate()-s.minTranslate();l=0===c?0:(e-s.minTranslate())/c,l!==n&&s.updateProgress(e),s.emit("setTranslate",s.translate,t)},minTranslate:function(){return-this.snapGrid[0]},maxTranslate:function(){return-this.snapGrid[this.snapGrid.length-1]},translateTo:function(e,t,s,a,i){void 0===e&&(e=0),void 0===t&&(t=this.params.speed),void 0===s&&(s=!0),void 0===a&&(a=!0);const r=this,{params:n,wrapperEl:l}=r;if(r.animating&&n.preventInteractionOnTransition)return!1;const o=r.minTranslate(),d=r.maxTranslate();let c;if(c=a&&e>o?o:a&&e<d?d:e,r.updateProgress(c),n.cssMode){const e=r.isHorizontal();if(0===t)l[e?"scrollLeft":"scrollTop"]=-c;else{if(!r.support.smoothScroll)return m({swiper:r,targetPosition:-c,side:e?"left":"top"}),!0;l.scrollTo({[e?"left":"top"]:-c,behavior:"smooth"})}return!0}return 0===t?(r.setTransition(0),r.setTranslate(c),s&&(r.emit("beforeTransitionStart",t,i),r.emit("transitionEnd"))):(r.setTransition(t),r.setTranslate(c),s&&(r.emit("beforeTransitionStart",t,i),r.emit("transitionStart")),r.animating||(r.animating=!0,r.onTranslateToWrapperTransitionEnd||(r.onTranslateToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.wrapperEl.removeEventListener("transitionend",r.onTranslateToWrapperTransitionEnd),r.onTranslateToWrapperTransitionEnd=null,delete r.onTranslateToWrapperTransitionEnd,r.animating=!1,s&&r.emit("transitionEnd"))}),r.wrapperEl.addEventListener("transitionend",r.onTranslateToWrapperTransitionEnd))),!0}};function N(e){let{swiper:t,runCallbacks:s,direction:a,step:i}=e;const{activeIndex:r,previousIndex:n}=t;let l=a;l||(l=r>n?"next":r<n?"prev":"reset"),t.emit(`transition${i}`),s&&"reset"===l?t.emit(`slideResetTransition${i}`):s&&r!==n&&(t.emit(`slideChangeTransition${i}`),"next"===l?t.emit(`slideNextTransition${i}`):t.emit(`slidePrevTransition${i}`))}var R={slideTo:function(e,t,s,a,i){void 0===e&&(e=0),void 0===s&&(s=!0),"string"==typeof e&&(e=parseInt(e,10));const r=this;let n=e;n<0&&(n=0);const{params:l,snapGrid:o,slidesGrid:d,previousIndex:c,activeIndex:p,rtlTranslate:u,wrapperEl:h,enabled:f}=r;if(!f&&!a&&!i||r.destroyed||r.animating&&l.preventInteractionOnTransition)return!1;void 0===t&&(t=r.params.speed);const g=Math.min(r.params.slidesPerGroupSkip,n);let v=g+Math.floor((n-g)/r.params.slidesPerGroup);v>=o.length&&(v=o.length-1);const w=-o[v];if(l.normalizeSlideIndex)for(let e=0;e<d.length;e+=1){const t=-Math.floor(100*w),s=Math.floor(100*d[e]),a=Math.floor(100*d[e+1]);void 0!==d[e+1]?t>=s&&t<a-(a-s)/2?n=e:t>=s&&t<a&&(n=e+1):t>=s&&(n=e)}if(r.initialized&&n!==p){if(!r.allowSlideNext&&(u?w>r.translate&&w>r.minTranslate():w<r.translate&&w<r.minTranslate()))return!1;if(!r.allowSlidePrev&&w>r.translate&&w>r.maxTranslate()&&(p||0)!==n)return!1}let b;n!==(c||0)&&s&&r.emit("beforeSlideChangeStart"),r.updateProgress(w),b=n>p?"next":n<p?"prev":"reset";const y=r.virtual&&r.params.virtual.enabled;if(!(y&&i)&&(u&&-w===r.translate||!u&&w===r.translate))return r.updateActiveIndex(n),l.autoHeight&&r.updateAutoHeight(),r.updateSlidesClasses(),"slide"!==l.effect&&r.setTranslate(w),"reset"!==b&&(r.transitionStart(s,b),r.transitionEnd(s,b)),!1;if(l.cssMode){const e=r.isHorizontal(),s=u?w:-w;if(0===t)y&&(r.wrapperEl.style.scrollSnapType="none",r._immediateVirtual=!0),y&&!r._cssModeVirtualInitialSet&&r.params.initialSlide>0?(r._cssModeVirtualInitialSet=!0,requestAnimationFrame((()=>{h[e?"scrollLeft":"scrollTop"]=s}))):h[e?"scrollLeft":"scrollTop"]=s,y&&requestAnimationFrame((()=>{r.wrapperEl.style.scrollSnapType="",r._immediateVirtual=!1}));else{if(!r.support.smoothScroll)return m({swiper:r,targetPosition:s,side:e?"left":"top"}),!0;h.scrollTo({[e?"left":"top"]:s,behavior:"smooth"})}return!0}const E=$().isSafari;return y&&!i&&E&&r.isElement&&r.virtual.update(!1,!1,n),r.setTransition(t),r.setTranslate(w),r.updateActiveIndex(n),r.updateSlidesClasses(),r.emit("beforeTransitionStart",t,a),r.transitionStart(s,b),0===t?r.transitionEnd(s,b):r.animating||(r.animating=!0,r.onSlideToWrapperTransitionEnd||(r.onSlideToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.wrapperEl.removeEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.onSlideToWrapperTransitionEnd=null,delete r.onSlideToWrapperTransitionEnd,r.transitionEnd(s,b))}),r.wrapperEl.addEventListener("transitionend",r.onSlideToWrapperTransitionEnd)),!0},slideToLoop:function(e,t,s,a){if(void 0===e&&(e=0),void 0===s&&(s=!0),"string"==typeof e){e=parseInt(e,10)}const i=this;if(i.destroyed)return;void 0===t&&(t=i.params.speed);const r=i.grid&&i.params.grid&&i.params.grid.rows>1;let n=e;if(i.params.loop)if(i.virtual&&i.params.virtual.enabled)n+=i.virtual.slidesBefore;else{let e;if(r){const t=n*i.params.grid.rows;e=i.slides.find((e=>1*e.getAttribute("data-swiper-slide-index")===t)).column}else e=i.getSlideIndexByData(n);const t=r?Math.ceil(i.slides.length/i.params.grid.rows):i.slides.length,{centeredSlides:s}=i.params;let l=i.params.slidesPerView;"auto"===l?l=i.slidesPerViewDynamic():(l=Math.ceil(parseFloat(i.params.slidesPerView,10)),s&&l%2==0&&(l+=1));let o=t-e<l;if(s&&(o=o||e<Math.ceil(l/2)),a&&s&&"auto"!==i.params.slidesPerView&&!r&&(o=!1),o){const a=s?e<i.activeIndex?"prev":"next":e-i.activeIndex-1<i.params.slidesPerView?"next":"prev";i.loopFix({direction:a,slideTo:!0,activeSlideIndex:"next"===a?e+1:e-t+1,slideRealIndex:"next"===a?i.realIndex:void 0})}if(r){const e=n*i.params.grid.rows;n=i.slides.find((t=>1*t.getAttribute("data-swiper-slide-index")===e)).column}else n=i.getSlideIndexByData(n)}return requestAnimationFrame((()=>{i.slideTo(n,t,s,a)})),i},slideNext:function(e,t,s){void 0===t&&(t=!0);const a=this,{enabled:i,params:r,animating:n}=a;if(!i||a.destroyed)return a;void 0===e&&(e=a.params.speed);let l=r.slidesPerGroup;"auto"===r.slidesPerView&&1===r.slidesPerGroup&&r.slidesPerGroupAuto&&(l=Math.max(a.slidesPerViewDynamic("current",!0),1));const o=a.activeIndex<r.slidesPerGroupSkip?1:l,d=a.virtual&&r.virtual.enabled;if(r.loop){if(n&&!d&&r.loopPreventsSliding)return!1;if(a.loopFix({direction:"next"}),a._clientLeft=a.wrapperEl.clientLeft,a.activeIndex===a.slides.length-1&&r.cssMode)return requestAnimationFrame((()=>{a.slideTo(a.activeIndex+o,e,t,s)})),!0}return r.rewind&&a.isEnd?a.slideTo(0,e,t,s):a.slideTo(a.activeIndex+o,e,t,s)},slidePrev:function(e,t,s){void 0===t&&(t=!0);const a=this,{params:i,snapGrid:r,slidesGrid:n,rtlTranslate:l,enabled:o,animating:d}=a;if(!o||a.destroyed)return a;void 0===e&&(e=a.params.speed);const c=a.virtual&&i.virtual.enabled;if(i.loop){if(d&&!c&&i.loopPreventsSliding)return!1;a.loopFix({direction:"prev"}),a._clientLeft=a.wrapperEl.clientLeft}function p(e){return e<0?-Math.floor(Math.abs(e)):Math.floor(e)}const u=p(l?a.translate:-a.translate),m=r.map((e=>p(e))),h=i.freeMode&&i.freeMode.enabled;let f=r[m.indexOf(u)-1];if(void 0===f&&(i.cssMode||h)){let e;r.forEach(((t,s)=>{u>=t&&(e=s)})),void 0!==e&&(f=h?r[e]:r[e>0?e-1:e])}let g=0;if(void 0!==f&&(g=n.indexOf(f),g<0&&(g=a.activeIndex-1),"auto"===i.slidesPerView&&1===i.slidesPerGroup&&i.slidesPerGroupAuto&&(g=g-a.slidesPerViewDynamic("previous",!0)+1,g=Math.max(g,0))),i.rewind&&a.isBeginning){const i=a.params.virtual&&a.params.virtual.enabled&&a.virtual?a.virtual.slides.length-1:a.slides.length-1;return a.slideTo(i,e,t,s)}return i.loop&&0===a.activeIndex&&i.cssMode?(requestAnimationFrame((()=>{a.slideTo(g,e,t,s)})),!0):a.slideTo(g,e,t,s)},slideReset:function(e,t,s){void 0===t&&(t=!0);const a=this;if(!a.destroyed)return void 0===e&&(e=a.params.speed),a.slideTo(a.activeIndex,e,t,s)},slideToClosest:function(e,t,s,a){void 0===t&&(t=!0),void 0===a&&(a=.5);const i=this;if(i.destroyed)return;void 0===e&&(e=i.params.speed);let r=i.activeIndex;const n=Math.min(i.params.slidesPerGroupSkip,r),l=n+Math.floor((r-n)/i.params.slidesPerGroup),o=i.rtlTranslate?i.translate:-i.translate;if(o>=i.snapGrid[l]){const e=i.snapGrid[l];o-e>(i.snapGrid[l+1]-e)*a&&(r+=i.params.slidesPerGroup)}else{const e=i.snapGrid[l-1];o-e<=(i.snapGrid[l]-e)*a&&(r-=i.params.slidesPerGroup)}return r=Math.max(r,0),r=Math.min(r,i.slidesGrid.length-1),i.slideTo(r,e,t,s)},slideToClickedSlide:function(){const e=this;if(e.destroyed)return;const{params:t,slidesEl:s}=e,a="auto"===t.slidesPerView?e.slidesPerViewDynamic():t.slidesPerView;let i,r=e.getSlideIndexWhenGrid(e.clickedIndex);const n=e.isElement?"swiper-slide":`.${t.slideClass}`,o=e.grid&&e.params.grid&&e.params.grid.rows>1;if(t.loop){if(e.animating)return;i=parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"),10),t.centeredSlides?e.slideToLoop(i):r>(o?(e.slides.length-a)/2-(e.params.grid.rows-1):e.slides.length-a)?(e.loopFix(),r=e.getSlideIndex(f(s,`${n}[data-swiper-slide-index="${i}"]`)[0]),l((()=>{e.slideTo(r)}))):e.slideTo(r)}else e.slideTo(r)}};var _={loopCreate:function(e,t){const s=this,{params:a,slidesEl:i}=s;if(!a.loop||s.virtual&&s.params.virtual.enabled)return;const r=()=>{f(i,`.${a.slideClass}, swiper-slide`).forEach(((e,t)=>{e.setAttribute("data-swiper-slide-index",t)}))},n=s.grid&&a.grid&&a.grid.rows>1;a.loopAddBlankSlides&&(a.slidesPerGroup>1||n)&&(()=>{const e=f(i,`.${a.slideBlankClass}`);e.forEach((e=>{e.remove()})),e.length>0&&(s.recalcSlides(),s.updateSlides())})();const l=a.slidesPerGroup*(n?a.grid.rows:1),o=s.slides.length%l!=0,d=n&&s.slides.length%a.grid.rows!=0,c=e=>{for(let t=0;t<e;t+=1){const e=s.isElement?v("swiper-slide",[a.slideBlankClass]):v("div",[a.slideClass,a.slideBlankClass]);s.slidesEl.append(e)}};if(o){if(a.loopAddBlankSlides){c(l-s.slides.length%l),s.recalcSlides(),s.updateSlides()}else g("Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");r()}else if(d){if(a.loopAddBlankSlides){c(a.grid.rows-s.slides.length%a.grid.rows),s.recalcSlides(),s.updateSlides()}else g("Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");r()}else r();s.loopFix({slideRealIndex:e,direction:a.centeredSlides?void 0:"next",initial:t})},loopFix:function(e){let{slideRealIndex:t,slideTo:s=!0,direction:a,setTranslate:i,activeSlideIndex:r,initial:n,byController:l,byMousewheel:o}=void 0===e?{}:e;const d=this;if(!d.params.loop)return;d.emit("beforeLoopFix");const{slides:c,allowSlidePrev:p,allowSlideNext:u,slidesEl:m,params:h}=d,{centeredSlides:f,initialSlide:v}=h;if(d.allowSlidePrev=!0,d.allowSlideNext=!0,d.virtual&&h.virtual.enabled)return s&&(h.centeredSlides||0!==d.snapIndex?h.centeredSlides&&d.snapIndex<h.slidesPerView?d.slideTo(d.virtual.slides.length+d.snapIndex,0,!1,!0):d.snapIndex===d.snapGrid.length-1&&d.slideTo(d.virtual.slidesBefore,0,!1,!0):d.slideTo(d.virtual.slides.length,0,!1,!0)),d.allowSlidePrev=p,d.allowSlideNext=u,void d.emit("loopFix");let w=h.slidesPerView;"auto"===w?w=d.slidesPerViewDynamic():(w=Math.ceil(parseFloat(h.slidesPerView,10)),f&&w%2==0&&(w+=1));const b=h.slidesPerGroupAuto?w:h.slidesPerGroup;let y=f?Math.max(b,Math.ceil(w/2)):b;y%b!=0&&(y+=b-y%b),y+=h.loopAdditionalSlides,d.loopedSlides=y;const E=d.grid&&h.grid&&h.grid.rows>1;c.length<w+y||"cards"===d.params.effect&&c.length<w+2*y?g("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled or not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters"):E&&"row"===h.grid.fill&&g("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const x=[],S=[],T=E?Math.ceil(c.length/h.grid.rows):c.length,M=n&&T-v<w&&!f;let C=M?v:d.activeIndex;void 0===r?r=d.getSlideIndex(c.find((e=>e.classList.contains(h.slideActiveClass)))):C=r;const P="next"===a||!a,L="prev"===a||!a;let I=0,z=0;const A=(E?c[r].column:r)+(f&&void 0===i?-w/2+.5:0);if(A<y){I=Math.max(y-A,b);for(let e=0;e<y-A;e+=1){const t=e-Math.floor(e/T)*T;if(E){const e=T-t-1;for(let t=c.length-1;t>=0;t-=1)c[t].column===e&&x.push(t)}else x.push(T-t-1)}}else if(A+w>T-y){z=Math.max(A-(T-2*y),b),M&&(z=Math.max(z,w-T+v+1));for(let e=0;e<z;e+=1){const t=e-Math.floor(e/T)*T;E?c.forEach(((e,s)=>{e.column===t&&S.push(s)})):S.push(t)}}if(d.__preventObserver__=!0,requestAnimationFrame((()=>{d.__preventObserver__=!1})),"cards"===d.params.effect&&c.length<w+2*y&&(S.includes(r)&&S.splice(S.indexOf(r),1),x.includes(r)&&x.splice(x.indexOf(r),1)),L&&x.forEach((e=>{c[e].swiperLoopMoveDOM=!0,m.prepend(c[e]),c[e].swiperLoopMoveDOM=!1})),P&&S.forEach((e=>{c[e].swiperLoopMoveDOM=!0,m.append(c[e]),c[e].swiperLoopMoveDOM=!1})),d.recalcSlides(),"auto"===h.slidesPerView?d.updateSlides():E&&(x.length>0&&L||S.length>0&&P)&&d.slides.forEach(((e,t)=>{d.grid.updateSlide(t,e,d.slides)})),h.watchSlidesProgress&&d.updateSlidesOffset(),s)if(x.length>0&&L){if(void 0===t){const e=d.slidesGrid[C],t=d.slidesGrid[C+I]-e;o?d.setTranslate(d.translate-t):(d.slideTo(C+Math.ceil(I),0,!1,!0),i&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-t,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-t))}else if(i){const e=E?x.length/h.grid.rows:x.length;d.slideTo(d.activeIndex+e,0,!1,!0),d.touchEventsData.currentTranslate=d.translate}}else if(S.length>0&&P)if(void 0===t){const e=d.slidesGrid[C],t=d.slidesGrid[C-z]-e;o?d.setTranslate(d.translate-t):(d.slideTo(C-z,0,!1,!0),i&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-t,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-t))}else{const e=E?S.length/h.grid.rows:S.length;d.slideTo(d.activeIndex-e,0,!1,!0)}if(d.allowSlidePrev=p,d.allowSlideNext=u,d.controller&&d.controller.control&&!l){const e={slideRealIndex:t,direction:a,setTranslate:i,activeSlideIndex:r,byController:!0};Array.isArray(d.controller.control)?d.controller.control.forEach((t=>{!t.destroyed&&t.params.loop&&t.loopFix({...e,slideTo:t.params.slidesPerView===h.slidesPerView&&s})})):d.controller.control instanceof d.constructor&&d.controller.control.params.loop&&d.controller.control.loopFix({...e,slideTo:d.controller.control.params.slidesPerView===h.slidesPerView&&s})}d.emit("loopFix")},loopDestroy:function(){const e=this,{params:t,slidesEl:s}=e;if(!t.loop||!s||e.virtual&&e.params.virtual.enabled)return;e.recalcSlides();const a=[];e.slides.forEach((e=>{const t=void 0===e.swiperSlideIndex?1*e.getAttribute("data-swiper-slide-index"):e.swiperSlideIndex;a[t]=e})),e.slides.forEach((e=>{e.removeAttribute("data-swiper-slide-index")})),a.forEach((e=>{s.append(e)})),e.recalcSlides(),e.slideTo(e.realIndex,0)}};function q(e,t,s){const a=r(),{params:i}=e,n=i.edgeSwipeDetection,l=i.edgeSwipeThreshold;return!n||!(s<=l||s>=a.innerWidth-l)||"prevent"===n&&(t.preventDefault(),!0)}function V(e){const t=this,s=a();let i=e;i.originalEvent&&(i=i.originalEvent);const n=t.touchEventsData;if("pointerdown"===i.type){if(null!==n.pointerId&&n.pointerId!==i.pointerId)return;n.pointerId=i.pointerId}else"touchstart"===i.type&&1===i.targetTouches.length&&(n.touchId=i.targetTouches[0].identifier);if("touchstart"===i.type)return void q(t,i,i.targetTouches[0].pageX);const{params:l,touches:d,enabled:c}=t;if(!c)return;if(!l.simulateTouch&&"mouse"===i.pointerType)return;if(t.animating&&l.preventInteractionOnTransition)return;!t.animating&&l.cssMode&&l.loop&&t.loopFix();let p=i.target;if("wrapper"===l.touchEventsTarget&&!function(e,t){const s=r();let a=t.contains(e);!a&&s.HTMLSlotElement&&t instanceof HTMLSlotElement&&(a=[...t.assignedElements()].includes(e),a||(a=function(e,t){const s=[t];for(;s.length>0;){const t=s.shift();if(e===t)return!0;s.push(...t.children,...t.shadowRoot?t.shadowRoot.children:[],...t.assignedElements?t.assignedElements():[])}}(e,t)));return a}(p,t.wrapperEl))return;if("which"in i&&3===i.which)return;if("button"in i&&i.button>0)return;if(n.isTouched&&n.isMoved)return;const u=!!l.noSwipingClass&&""!==l.noSwipingClass,m=i.composedPath?i.composedPath():i.path;u&&i.target&&i.target.shadowRoot&&m&&(p=m[0]);const h=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,f=!(!i.target||!i.target.shadowRoot);if(l.noSwiping&&(f?function(e,t){return void 0===t&&(t=this),function t(s){if(!s||s===a()||s===r())return null;s.assignedSlot&&(s=s.assignedSlot);const i=s.closest(e);return i||s.getRootNode?i||t(s.getRootNode().host):null}(t)}(h,p):p.closest(h)))return void(t.allowClick=!0);if(l.swipeHandler&&!p.closest(l.swipeHandler))return;d.currentX=i.pageX,d.currentY=i.pageY;const g=d.currentX,v=d.currentY;if(!q(t,i,g))return;Object.assign(n,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),d.startX=g,d.startY=v,n.touchStartTime=o(),t.allowClick=!0,t.updateSize(),t.swipeDirection=void 0,l.threshold>0&&(n.allowThresholdMove=!1);let w=!0;p.matches(n.focusableElements)&&(w=!1,"SELECT"===p.nodeName&&(n.isTouched=!1)),s.activeElement&&s.activeElement.matches(n.focusableElements)&&s.activeElement!==p&&("mouse"===i.pointerType||"mouse"!==i.pointerType&&!p.matches(n.focusableElements))&&s.activeElement.blur();const b=w&&t.allowTouchMove&&l.touchStartPreventDefault;!l.touchStartForcePreventDefault&&!b||p.isContentEditable||i.preventDefault(),l.freeMode&&l.freeMode.enabled&&t.freeMode&&t.animating&&!l.cssMode&&t.freeMode.onTouchStart(),t.emit("touchStart",i)}function F(e){const t=a(),s=this,i=s.touchEventsData,{params:r,touches:n,rtlTranslate:l,enabled:d}=s;if(!d)return;if(!r.simulateTouch&&"mouse"===e.pointerType)return;let c,p=e;if(p.originalEvent&&(p=p.originalEvent),"pointermove"===p.type){if(null!==i.touchId)return;if(p.pointerId!==i.pointerId)return}if("touchmove"===p.type){if(c=[...p.changedTouches].find((e=>e.identifier===i.touchId)),!c||c.identifier!==i.touchId)return}else c=p;if(!i.isTouched)return void(i.startMoving&&i.isScrolling&&s.emit("touchMoveOpposite",p));const u=c.pageX,m=c.pageY;if(p.preventedByNestedSwiper)return n.startX=u,void(n.startY=m);if(!s.allowTouchMove)return p.target.matches(i.focusableElements)||(s.allowClick=!1),void(i.isTouched&&(Object.assign(n,{startX:u,startY:m,currentX:u,currentY:m}),i.touchStartTime=o()));if(r.touchReleaseOnEdges&&!r.loop)if(s.isVertical()){if(m<n.startY&&s.translate<=s.maxTranslate()||m>n.startY&&s.translate>=s.minTranslate())return i.isTouched=!1,void(i.isMoved=!1)}else{if(l&&(u>n.startX&&-s.translate<=s.maxTranslate()||u<n.startX&&-s.translate>=s.minTranslate()))return;if(!l&&(u<n.startX&&s.translate<=s.maxTranslate()||u>n.startX&&s.translate>=s.minTranslate()))return}if(t.activeElement&&t.activeElement.matches(i.focusableElements)&&t.activeElement!==p.target&&"mouse"!==p.pointerType&&t.activeElement.blur(),t.activeElement&&p.target===t.activeElement&&p.target.matches(i.focusableElements))return i.isMoved=!0,void(s.allowClick=!1);i.allowTouchCallbacks&&s.emit("touchMove",p),n.previousX=n.currentX,n.previousY=n.currentY,n.currentX=u,n.currentY=m;const h=n.currentX-n.startX,f=n.currentY-n.startY;if(s.params.threshold&&Math.sqrt(h**2+f**2)<s.params.threshold)return;if(void 0===i.isScrolling){let e;s.isHorizontal()&&n.currentY===n.startY||s.isVertical()&&n.currentX===n.startX?i.isScrolling=!1:h*h+f*f>=25&&(e=180*Math.atan2(Math.abs(f),Math.abs(h))/Math.PI,i.isScrolling=s.isHorizontal()?e>r.touchAngle:90-e>r.touchAngle)}if(i.isScrolling&&s.emit("touchMoveOpposite",p),void 0===i.startMoving&&(n.currentX===n.startX&&n.currentY===n.startY||(i.startMoving=!0)),i.isScrolling||"touchmove"===p.type&&i.preventTouchMoveFromPointerMove)return void(i.isTouched=!1);if(!i.startMoving)return;s.allowClick=!1,!r.cssMode&&p.cancelable&&p.preventDefault(),r.touchMoveStopPropagation&&!r.nested&&p.stopPropagation();let g=s.isHorizontal()?h:f,v=s.isHorizontal()?n.currentX-n.previousX:n.currentY-n.previousY;r.oneWayMovement&&(g=Math.abs(g)*(l?1:-1),v=Math.abs(v)*(l?1:-1)),n.diff=g,g*=r.touchRatio,l&&(g=-g,v=-v);const w=s.touchesDirection;s.swipeDirection=g>0?"prev":"next",s.touchesDirection=v>0?"prev":"next";const b=s.params.loop&&!r.cssMode,y="next"===s.touchesDirection&&s.allowSlideNext||"prev"===s.touchesDirection&&s.allowSlidePrev;if(!i.isMoved){if(b&&y&&s.loopFix({direction:s.swipeDirection}),i.startTranslate=s.getTranslate(),s.setTransition(0),s.animating){const e=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0,detail:{bySwiperTouchMove:!0}});s.wrapperEl.dispatchEvent(e)}i.allowMomentumBounce=!1,!r.grabCursor||!0!==s.allowSlideNext&&!0!==s.allowSlidePrev||s.setGrabCursor(!0),s.emit("sliderFirstMove",p)}if((new Date).getTime(),!1!==r._loopSwapReset&&i.isMoved&&i.allowThresholdMove&&w!==s.touchesDirection&&b&&y&&Math.abs(g)>=1)return Object.assign(n,{startX:u,startY:m,currentX:u,currentY:m,startTranslate:i.currentTranslate}),i.loopSwapReset=!0,void(i.startTranslate=i.currentTranslate);s.emit("sliderMove",p),i.isMoved=!0,i.currentTranslate=g+i.startTranslate;let E=!0,x=r.resistanceRatio;if(r.touchReleaseOnEdges&&(x=0),g>0?(b&&y&&i.allowThresholdMove&&i.currentTranslate>(r.centeredSlides?s.minTranslate()-s.slidesSizesGrid[s.activeIndex+1]-("auto"!==r.slidesPerView&&s.slides.length-r.slidesPerView>=2?s.slidesSizesGrid[s.activeIndex+1]+s.params.spaceBetween:0)-s.params.spaceBetween:s.minTranslate())&&s.loopFix({direction:"prev",setTranslate:!0,activeSlideIndex:0}),i.currentTranslate>s.minTranslate()&&(E=!1,r.resistance&&(i.currentTranslate=s.minTranslate()-1+(-s.minTranslate()+i.startTranslate+g)**x))):g<0&&(b&&y&&i.allowThresholdMove&&i.currentTranslate<(r.centeredSlides?s.maxTranslate()+s.slidesSizesGrid[s.slidesSizesGrid.length-1]+s.params.spaceBetween+("auto"!==r.slidesPerView&&s.slides.length-r.slidesPerView>=2?s.slidesSizesGrid[s.slidesSizesGrid.length-1]+s.params.spaceBetween:0):s.maxTranslate())&&s.loopFix({direction:"next",setTranslate:!0,activeSlideIndex:s.slides.length-("auto"===r.slidesPerView?s.slidesPerViewDynamic():Math.ceil(parseFloat(r.slidesPerView,10)))}),i.currentTranslate<s.maxTranslate()&&(E=!1,r.resistance&&(i.currentTranslate=s.maxTranslate()+1-(s.maxTranslate()-i.startTranslate-g)**x))),E&&(p.preventedByNestedSwiper=!0),!s.allowSlideNext&&"next"===s.swipeDirection&&i.currentTranslate<i.startTranslate&&(i.currentTranslate=i.startTranslate),!s.allowSlidePrev&&"prev"===s.swipeDirection&&i.currentTranslate>i.startTranslate&&(i.currentTranslate=i.startTranslate),s.allowSlidePrev||s.allowSlideNext||(i.currentTranslate=i.startTranslate),r.threshold>0){if(!(Math.abs(g)>r.threshold||i.allowThresholdMove))return void(i.currentTranslate=i.startTranslate);if(!i.allowThresholdMove)return i.allowThresholdMove=!0,n.startX=n.currentX,n.startY=n.currentY,i.currentTranslate=i.startTranslate,void(n.diff=s.isHorizontal()?n.currentX-n.startX:n.currentY-n.startY)}r.followFinger&&!r.cssMode&&((r.freeMode&&r.freeMode.enabled&&s.freeMode||r.watchSlidesProgress)&&(s.updateActiveIndex(),s.updateSlidesClasses()),r.freeMode&&r.freeMode.enabled&&s.freeMode&&s.freeMode.onTouchMove(),s.updateProgress(i.currentTranslate),s.setTranslate(i.currentTranslate))}function W(e){const t=this,s=t.touchEventsData;let a,i=e;i.originalEvent&&(i=i.originalEvent);if("touchend"===i.type||"touchcancel"===i.type){if(a=[...i.changedTouches].find((e=>e.identifier===s.touchId)),!a||a.identifier!==s.touchId)return}else{if(null!==s.touchId)return;if(i.pointerId!==s.pointerId)return;a=i}if(["pointercancel","pointerout","pointerleave","contextmenu"].includes(i.type)){if(!(["pointercancel","contextmenu"].includes(i.type)&&(t.browser.isSafari||t.browser.isWebView)))return}s.pointerId=null,s.touchId=null;const{params:r,touches:n,rtlTranslate:d,slidesGrid:c,enabled:p}=t;if(!p)return;if(!r.simulateTouch&&"mouse"===i.pointerType)return;if(s.allowTouchCallbacks&&t.emit("touchEnd",i),s.allowTouchCallbacks=!1,!s.isTouched)return s.isMoved&&r.grabCursor&&t.setGrabCursor(!1),s.isMoved=!1,void(s.startMoving=!1);r.grabCursor&&s.isMoved&&s.isTouched&&(!0===t.allowSlideNext||!0===t.allowSlidePrev)&&t.setGrabCursor(!1);const u=o(),m=u-s.touchStartTime;if(t.allowClick){const e=i.path||i.composedPath&&i.composedPath();t.updateClickedSlide(e&&e[0]||i.target,e),t.emit("tap click",i),m<300&&u-s.lastClickTime<300&&t.emit("doubleTap doubleClick",i)}if(s.lastClickTime=o(),l((()=>{t.destroyed||(t.allowClick=!0)})),!s.isTouched||!s.isMoved||!t.swipeDirection||0===n.diff&&!s.loopSwapReset||s.currentTranslate===s.startTranslate&&!s.loopSwapReset)return s.isTouched=!1,s.isMoved=!1,void(s.startMoving=!1);let h;if(s.isTouched=!1,s.isMoved=!1,s.startMoving=!1,h=r.followFinger?d?t.translate:-t.translate:-s.currentTranslate,r.cssMode)return;if(r.freeMode&&r.freeMode.enabled)return void t.freeMode.onTouchEnd({currentPos:h});const f=h>=-t.maxTranslate()&&!t.params.loop;let g=0,v=t.slidesSizesGrid[0];for(let e=0;e<c.length;e+=e<r.slidesPerGroupSkip?1:r.slidesPerGroup){const t=e<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;void 0!==c[e+t]?(f||h>=c[e]&&h<c[e+t])&&(g=e,v=c[e+t]-c[e]):(f||h>=c[e])&&(g=e,v=c[c.length-1]-c[c.length-2])}let w=null,b=null;r.rewind&&(t.isBeginning?b=r.virtual&&r.virtual.enabled&&t.virtual?t.virtual.slides.length-1:t.slides.length-1:t.isEnd&&(w=0));const y=(h-c[g])/v,E=g<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;if(m>r.longSwipesMs){if(!r.longSwipes)return void t.slideTo(t.activeIndex);"next"===t.swipeDirection&&(y>=r.longSwipesRatio?t.slideTo(r.rewind&&t.isEnd?w:g+E):t.slideTo(g)),"prev"===t.swipeDirection&&(y>1-r.longSwipesRatio?t.slideTo(g+E):null!==b&&y<0&&Math.abs(y)>r.longSwipesRatio?t.slideTo(b):t.slideTo(g))}else{if(!r.shortSwipes)return void t.slideTo(t.activeIndex);t.navigation&&(i.target===t.navigation.nextEl||i.target===t.navigation.prevEl)?i.target===t.navigation.nextEl?t.slideTo(g+E):t.slideTo(g):("next"===t.swipeDirection&&t.slideTo(null!==w?w:g+E),"prev"===t.swipeDirection&&t.slideTo(null!==b?b:g))}}function j(){const e=this,{params:t,el:s}=e;if(s&&0===s.offsetWidth)return;t.breakpoints&&e.setBreakpoint();const{allowSlideNext:a,allowSlidePrev:i,snapGrid:r}=e,n=e.virtual&&e.params.virtual.enabled;e.allowSlideNext=!0,e.allowSlidePrev=!0,e.updateSize(),e.updateSlides(),e.updateSlidesClasses();const l=n&&t.loop;!("auto"===t.slidesPerView||t.slidesPerView>1)||!e.isEnd||e.isBeginning||e.params.centeredSlides||l?e.params.loop&&!n?e.slideToLoop(e.realIndex,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0):e.slideTo(e.slides.length-1,0,!1,!0),e.autoplay&&e.autoplay.running&&e.autoplay.paused&&(clearTimeout(e.autoplay.resizeTimeout),e.autoplay.resizeTimeout=setTimeout((()=>{e.autoplay&&e.autoplay.running&&e.autoplay.paused&&e.autoplay.resume()}),500)),e.allowSlidePrev=i,e.allowSlideNext=a,e.params.watchOverflow&&r!==e.snapGrid&&e.checkOverflow()}function U(e){const t=this;t.enabled&&(t.allowClick||(t.params.preventClicks&&e.preventDefault(),t.params.preventClicksPropagation&&t.animating&&(e.stopPropagation(),e.stopImmediatePropagation())))}function K(){const e=this,{wrapperEl:t,rtlTranslate:s,enabled:a}=e;if(!a)return;let i;e.previousTranslate=e.translate,e.isHorizontal()?e.translate=-t.scrollLeft:e.translate=-t.scrollTop,0===e.translate&&(e.translate=0),e.updateActiveIndex(),e.updateSlidesClasses();const r=e.maxTranslate()-e.minTranslate();i=0===r?0:(e.translate-e.minTranslate())/r,i!==e.progress&&e.updateProgress(s?-e.translate:e.translate),e.emit("setTranslate",e.translate,!1)}function Z(e){const t=this;G(t,e.target),t.params.cssMode||"auto"!==t.params.slidesPerView&&!t.params.autoHeight||t.update()}function Q(){const e=this;e.documentTouchHandlerProceeded||(e.documentTouchHandlerProceeded=!0,e.params.touchReleaseOnEdges&&(e.el.style.touchAction="auto"))}const J=(e,t)=>{const s=a(),{params:i,el:r,wrapperEl:n,device:l}=e,o=!!i.nested,d="on"===t?"addEventListener":"removeEventListener",c=t;r&&"string"!=typeof r&&(s[d]("touchstart",e.onDocumentTouchStart,{passive:!1,capture:o}),r[d]("touchstart",e.onTouchStart,{passive:!1}),r[d]("pointerdown",e.onTouchStart,{passive:!1}),s[d]("touchmove",e.onTouchMove,{passive:!1,capture:o}),s[d]("pointermove",e.onTouchMove,{passive:!1,capture:o}),s[d]("touchend",e.onTouchEnd,{passive:!0}),s[d]("pointerup",e.onTouchEnd,{passive:!0}),s[d]("pointercancel",e.onTouchEnd,{passive:!0}),s[d]("touchcancel",e.onTouchEnd,{passive:!0}),s[d]("pointerout",e.onTouchEnd,{passive:!0}),s[d]("pointerleave",e.onTouchEnd,{passive:!0}),s[d]("contextmenu",e.onTouchEnd,{passive:!0}),(i.preventClicks||i.preventClicksPropagation)&&r[d]("click",e.onClick,!0),i.cssMode&&n[d]("scroll",e.onScroll),i.updateOnWindowResize?e[c](l.ios||l.android?"resize orientationchange observerUpdate":"resize observerUpdate",j,!0):e[c]("observerUpdate",j,!0),r[d]("load",e.onLoad,{capture:!0}))};const ee=(e,t)=>e.grid&&t.grid&&t.grid.rows>1;var te={init:!0,direction:"horizontal",oneWayMovement:!1,swiperElementNodeName:"SWIPER-CONTAINER",touchEventsTarget:"wrapper",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,resizeObserver:!0,nested:!1,createElements:!1,eventsPrefix:"swiper",enabled:!0,focusableElements:"input, select, option, textarea, button, video, label",width:null,height:null,preventInteractionOnTransition:!1,userAgent:null,url:null,edgeSwipeDetection:!1,edgeSwipeThreshold:20,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,breakpointsBase:"window",spaceBetween:0,slidesPerView:1,slidesPerGroup:1,slidesPerGroupSkip:0,slidesPerGroupAuto:!1,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,watchOverflow:!0,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:5,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,loop:!1,loopAddBlankSlides:!0,loopAdditionalSlides:0,loopPreventsSliding:!0,rewind:!1,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,maxBackfaceHiddenSlides:10,containerModifierClass:"swiper-",slideClass:"swiper-slide",slideBlankClass:"swiper-slide-blank",slideActiveClass:"swiper-slide-active",slideVisibleClass:"swiper-slide-visible",slideFullyVisibleClass:"swiper-slide-fully-visible",slideNextClass:"swiper-slide-next",slidePrevClass:"swiper-slide-prev",wrapperClass:"swiper-wrapper",lazyPreloaderClass:"swiper-lazy-preloader",lazyPreloadPrevNext:0,runCallbacksOnInit:!0,_emitClasses:!1};function se(e,t){return function(s){void 0===s&&(s={});const a=Object.keys(s)[0],i=s[a];"object"==typeof i&&null!==i?(!0===e[a]&&(e[a]={enabled:!0}),"navigation"===a&&e[a]&&e[a].enabled&&!e[a].prevEl&&!e[a].nextEl&&(e[a].auto=!0),["pagination","scrollbar"].indexOf(a)>=0&&e[a]&&e[a].enabled&&!e[a].el&&(e[a].auto=!0),a in e&&"enabled"in i?("object"!=typeof e[a]||"enabled"in e[a]||(e[a].enabled=!0),e[a]||(e[a]={enabled:!1}),p(t,s)):p(t,s)):p(t,s)}}const ae={eventsEmitter:k,update:B,translate:H,transition:{setTransition:function(e,t){const s=this;s.params.cssMode||(s.wrapperEl.style.transitionDuration=`${e}ms`,s.wrapperEl.style.transitionDelay=0===e?"0ms":""),s.emit("setTransition",e,t)},transitionStart:function(e,t){void 0===e&&(e=!0);const s=this,{params:a}=s;a.cssMode||(a.autoHeight&&s.updateAutoHeight(),N({swiper:s,runCallbacks:e,direction:t,step:"Start"}))},transitionEnd:function(e,t){void 0===e&&(e=!0);const s=this,{params:a}=s;s.animating=!1,a.cssMode||(s.setTransition(0),N({swiper:s,runCallbacks:e,direction:t,step:"End"}))}},slide:R,loop:_,grabCursor:{setGrabCursor:function(e){const t=this;if(!t.params.simulateTouch||t.params.watchOverflow&&t.isLocked||t.params.cssMode)return;const s="container"===t.params.touchEventsTarget?t.el:t.wrapperEl;t.isElement&&(t.__preventObserver__=!0),s.style.cursor="move",s.style.cursor=e?"grabbing":"grab",t.isElement&&requestAnimationFrame((()=>{t.__preventObserver__=!1}))},unsetGrabCursor:function(){const e=this;e.params.watchOverflow&&e.isLocked||e.params.cssMode||(e.isElement&&(e.__preventObserver__=!0),e["container"===e.params.touchEventsTarget?"el":"wrapperEl"].style.cursor="",e.isElement&&requestAnimationFrame((()=>{e.__preventObserver__=!1})))}},events:{attachEvents:function(){const e=this,{params:t}=e;e.onTouchStart=V.bind(e),e.onTouchMove=F.bind(e),e.onTouchEnd=W.bind(e),e.onDocumentTouchStart=Q.bind(e),t.cssMode&&(e.onScroll=K.bind(e)),e.onClick=U.bind(e),e.onLoad=Z.bind(e),J(e,"on")},detachEvents:function(){J(this,"off")}},breakpoints:{setBreakpoint:function(){const e=this,{realIndex:t,initialized:s,params:i,el:r}=e,n=i.breakpoints;if(!n||n&&0===Object.keys(n).length)return;const l=a(),o="window"!==i.breakpointsBase&&i.breakpointsBase?"container":i.breakpointsBase,d=["window","container"].includes(i.breakpointsBase)||!i.breakpointsBase?e.el:l.querySelector(i.breakpointsBase),c=e.getBreakpoint(n,o,d);if(!c||e.currentBreakpoint===c)return;const u=(c in n?n[c]:void 0)||e.originalParams,m=ee(e,i),h=ee(e,u),f=e.params.grabCursor,g=u.grabCursor,v=i.enabled;m&&!h?(r.classList.remove(`${i.containerModifierClass}grid`,`${i.containerModifierClass}grid-column`),e.emitContainerClasses()):!m&&h&&(r.classList.add(`${i.containerModifierClass}grid`),(u.grid.fill&&"column"===u.grid.fill||!u.grid.fill&&"column"===i.grid.fill)&&r.classList.add(`${i.containerModifierClass}grid-column`),e.emitContainerClasses()),f&&!g?e.unsetGrabCursor():!f&&g&&e.setGrabCursor(),["navigation","pagination","scrollbar"].forEach((t=>{if(void 0===u[t])return;const s=i[t]&&i[t].enabled,a=u[t]&&u[t].enabled;s&&!a&&e[t].disable(),!s&&a&&e[t].enable()}));const w=u.direction&&u.direction!==i.direction,b=i.loop&&(u.slidesPerView!==i.slidesPerView||w),y=i.loop;w&&s&&e.changeDirection(),p(e.params,u);const E=e.params.enabled,x=e.params.loop;Object.assign(e,{allowTouchMove:e.params.allowTouchMove,allowSlideNext:e.params.allowSlideNext,allowSlidePrev:e.params.allowSlidePrev}),v&&!E?e.disable():!v&&E&&e.enable(),e.currentBreakpoint=c,e.emit("_beforeBreakpoint",u),s&&(b?(e.loopDestroy(),e.loopCreate(t),e.updateSlides()):!y&&x?(e.loopCreate(t),e.updateSlides()):y&&!x&&e.loopDestroy()),e.emit("breakpoint",u)},getBreakpoint:function(e,t,s){if(void 0===t&&(t="window"),!e||"container"===t&&!s)return;let a=!1;const i=r(),n="window"===t?i.innerHeight:s.clientHeight,l=Object.keys(e).map((e=>{if("string"==typeof e&&0===e.indexOf("@")){const t=parseFloat(e.substr(1));return{value:n*t,point:e}}return{value:e,point:e}}));l.sort(((e,t)=>parseInt(e.value,10)-parseInt(t.value,10)));for(let e=0;e<l.length;e+=1){const{point:r,value:n}=l[e];"window"===t?i.matchMedia(`(min-width: ${n}px)`).matches&&(a=r):n<=s.clientWidth&&(a=r)}return a||"max"}},checkOverflow:{checkOverflow:function(){const e=this,{isLocked:t,params:s}=e,{slidesOffsetBefore:a}=s;if(a){const t=e.slides.length-1,s=e.slidesGrid[t]+e.slidesSizesGrid[t]+2*a;e.isLocked=e.size>s}else e.isLocked=1===e.snapGrid.length;!0===s.allowSlideNext&&(e.allowSlideNext=!e.isLocked),!0===s.allowSlidePrev&&(e.allowSlidePrev=!e.isLocked),t&&t!==e.isLocked&&(e.isEnd=!1),t!==e.isLocked&&e.emit(e.isLocked?"lock":"unlock")}},classes:{addClasses:function(){const e=this,{classNames:t,params:s,rtl:a,el:i,device:r}=e,n=function(e,t){const s=[];return e.forEach((e=>{"object"==typeof e?Object.keys(e).forEach((a=>{e[a]&&s.push(t+a)})):"string"==typeof e&&s.push(t+e)})),s}(["initialized",s.direction,{"free-mode":e.params.freeMode&&s.freeMode.enabled},{autoheight:s.autoHeight},{rtl:a},{grid:s.grid&&s.grid.rows>1},{"grid-column":s.grid&&s.grid.rows>1&&"column"===s.grid.fill},{android:r.android},{ios:r.ios},{"css-mode":s.cssMode},{centered:s.cssMode&&s.centeredSlides},{"watch-progress":s.watchSlidesProgress}],s.containerModifierClass);t.push(...n),i.classList.add(...t),e.emitContainerClasses()},removeClasses:function(){const{el:e,classNames:t}=this;e&&"string"!=typeof e&&(e.classList.remove(...t),this.emitContainerClasses())}}},ie={};class re{constructor(){let e,t;for(var s=arguments.length,i=new Array(s),r=0;r<s;r++)i[r]=arguments[r];1===i.length&&i[0].constructor&&"Object"===Object.prototype.toString.call(i[0]).slice(8,-1)?t=i[0]:[e,t]=i,t||(t={}),t=p({},t),e&&!t.el&&(t.el=e);const n=a();if(t.el&&"string"==typeof t.el&&n.querySelectorAll(t.el).length>1){const e=[];return n.querySelectorAll(t.el).forEach((s=>{const a=p({},t,{el:s});e.push(new re(a))})),e}const l=this;l.__swiper__=!0,l.support=z(),l.device=A({userAgent:t.userAgent}),l.browser=$(),l.eventsListeners={},l.eventsAnyListeners=[],l.modules=[...l.__modules__],t.modules&&Array.isArray(t.modules)&&l.modules.push(...t.modules);const o={};l.modules.forEach((e=>{e({params:t,swiper:l,extendParams:se(t,o),on:l.on.bind(l),once:l.once.bind(l),off:l.off.bind(l),emit:l.emit.bind(l)})}));const d=p({},te,o);return l.params=p({},d,ie,t),l.originalParams=p({},l.params),l.passedParams=p({},t),l.params&&l.params.on&&Object.keys(l.params.on).forEach((e=>{l.on(e,l.params.on[e])})),l.params&&l.params.onAny&&l.onAny(l.params.onAny),Object.assign(l,{enabled:l.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal:()=>"horizontal"===l.params.direction,isVertical:()=>"vertical"===l.params.direction,activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:l.params.allowSlideNext,allowSlidePrev:l.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:l.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:l.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),l.emit("_swiper"),l.params.init&&l.init(),l}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:t,params:s}=this,a=y(f(t,`.${s.slideClass}, swiper-slide`)[0]);return y(e)-a}getSlideIndexByData(e){return this.getSlideIndex(this.slides.find((t=>1*t.getAttribute("data-swiper-slide-index")===e)))}getSlideIndexWhenGrid(e){return this.grid&&this.params.grid&&this.params.grid.rows>1&&("column"===this.params.grid.fill?e=Math.floor(e/this.params.grid.rows):"row"===this.params.grid.fill&&(e%=Math.ceil(this.slides.length/this.params.grid.rows))),e}recalcSlides(){const{slidesEl:e,params:t}=this;this.slides=f(e,`.${t.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,t){const s=this;e=Math.min(Math.max(e,0),1);const a=s.minTranslate(),i=(s.maxTranslate()-a)*e+a;s.translateTo(i,void 0===t?0:t),s.updateActiveIndex(),s.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=e.el.className.split(" ").filter((t=>0===t.indexOf("swiper")||0===t.indexOf(e.params.containerModifierClass)));e.emit("_containerClasses",t.join(" "))}getSlideClasses(e){const t=this;return t.destroyed?"":e.className.split(" ").filter((e=>0===e.indexOf("swiper-slide")||0===e.indexOf(t.params.slideClass))).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=[];e.slides.forEach((s=>{const a=e.getSlideClasses(s);t.push({slideEl:s,classNames:a}),e.emit("_slideClass",s,a)})),e.emit("_slideClasses",t)}slidesPerViewDynamic(e,t){void 0===e&&(e="current"),void 0===t&&(t=!1);const{params:s,slides:a,slidesGrid:i,slidesSizesGrid:r,size:n,activeIndex:l}=this;let o=1;if("number"==typeof s.slidesPerView)return s.slidesPerView;if(s.centeredSlides){let e,t=a[l]?Math.ceil(a[l].swiperSlideSize):0;for(let s=l+1;s<a.length;s+=1)a[s]&&!e&&(t+=Math.ceil(a[s].swiperSlideSize),o+=1,t>n&&(e=!0));for(let s=l-1;s>=0;s-=1)a[s]&&!e&&(t+=a[s].swiperSlideSize,o+=1,t>n&&(e=!0))}else if("current"===e)for(let e=l+1;e<a.length;e+=1){(t?i[e]+r[e]-i[l]<n:i[e]-i[l]<n)&&(o+=1)}else for(let e=l-1;e>=0;e-=1){i[l]-i[e]<n&&(o+=1)}return o}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:t,params:s}=e;function a(){const t=e.rtlTranslate?-1*e.translate:e.translate,s=Math.min(Math.max(t,e.maxTranslate()),e.minTranslate());e.setTranslate(s),e.updateActiveIndex(),e.updateSlidesClasses()}let i;if(s.breakpoints&&e.setBreakpoint(),[...e.el.querySelectorAll('[loading="lazy"]')].forEach((t=>{t.complete&&G(e,t)})),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses(),s.freeMode&&s.freeMode.enabled&&!s.cssMode)a(),s.autoHeight&&e.updateAutoHeight();else{if(("auto"===s.slidesPerView||s.slidesPerView>1)&&e.isEnd&&!s.centeredSlides){const t=e.virtual&&s.virtual.enabled?e.virtual.slides:e.slides;i=e.slideTo(t.length-1,0,!1,!0)}else i=e.slideTo(e.activeIndex,0,!1,!0);i||a()}s.watchOverflow&&t!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,t){void 0===t&&(t=!0);const s=this,a=s.params.direction;return e||(e="horizontal"===a?"vertical":"horizontal"),e===a||"horizontal"!==e&&"vertical"!==e||(s.el.classList.remove(`${s.params.containerModifierClass}${a}`),s.el.classList.add(`${s.params.containerModifierClass}${e}`),s.emitContainerClasses(),s.params.direction=e,s.slides.forEach((t=>{"vertical"===e?t.style.width="":t.style.height=""})),s.emit("changeDirection"),t&&s.update()),s}changeLanguageDirection(e){const t=this;t.rtl&&"rtl"===e||!t.rtl&&"ltr"===e||(t.rtl="rtl"===e,t.rtlTranslate="horizontal"===t.params.direction&&t.rtl,t.rtl?(t.el.classList.add(`${t.params.containerModifierClass}rtl`),t.el.dir="rtl"):(t.el.classList.remove(`${t.params.containerModifierClass}rtl`),t.el.dir="ltr"),t.update())}mount(e){const t=this;if(t.mounted)return!0;let s=e||t.params.el;if("string"==typeof s&&(s=document.querySelector(s)),!s)return!1;s.swiper=t,s.parentNode&&s.parentNode.host&&s.parentNode.host.nodeName===t.params.swiperElementNodeName.toUpperCase()&&(t.isElement=!0);const a=()=>`.${(t.params.wrapperClass||"").trim().split(" ").join(".")}`;let i=(()=>{if(s&&s.shadowRoot&&s.shadowRoot.querySelector){return s.shadowRoot.querySelector(a())}return f(s,a())[0]})();return!i&&t.params.createElements&&(i=v("div",t.params.wrapperClass),s.append(i),f(s,`.${t.params.slideClass}`).forEach((e=>{i.append(e)}))),Object.assign(t,{el:s,wrapperEl:i,slidesEl:t.isElement&&!s.parentNode.host.slideSlots?s.parentNode.host:i,hostEl:t.isElement?s.parentNode.host:s,mounted:!0,rtl:"rtl"===s.dir.toLowerCase()||"rtl"===b(s,"direction"),rtlTranslate:"horizontal"===t.params.direction&&("rtl"===s.dir.toLowerCase()||"rtl"===b(s,"direction")),wrongRTL:"-webkit-box"===b(i,"display")}),!0}init(e){const t=this;if(t.initialized)return t;if(!1===t.mount(e))return t;t.emit("beforeInit"),t.params.breakpoints&&t.setBreakpoint(),t.addClasses(),t.updateSize(),t.updateSlides(),t.params.watchOverflow&&t.checkOverflow(),t.params.grabCursor&&t.enabled&&t.setGrabCursor(),t.params.loop&&t.virtual&&t.params.virtual.enabled?t.slideTo(t.params.initialSlide+t.virtual.slidesBefore,0,t.params.runCallbacksOnInit,!1,!0):t.slideTo(t.params.initialSlide,0,t.params.runCallbacksOnInit,!1,!0),t.params.loop&&t.loopCreate(void 0,!0),t.attachEvents();const s=[...t.el.querySelectorAll('[loading="lazy"]')];return t.isElement&&s.push(...t.hostEl.querySelectorAll('[loading="lazy"]')),s.forEach((e=>{e.complete?G(t,e):e.addEventListener("load",(e=>{G(t,e.target)}))})),Y(t),t.initialized=!0,Y(t),t.emit("init"),t.emit("afterInit"),t}destroy(e,t){void 0===e&&(e=!0),void 0===t&&(t=!0);const s=this,{params:a,el:i,wrapperEl:r,slides:n}=s;return void 0===s.params||s.destroyed||(s.emit("beforeDestroy"),s.initialized=!1,s.detachEvents(),a.loop&&s.loopDestroy(),t&&(s.removeClasses(),i&&"string"!=typeof i&&i.removeAttribute("style"),r&&r.removeAttribute("style"),n&&n.length&&n.forEach((e=>{e.classList.remove(a.slideVisibleClass,a.slideFullyVisibleClass,a.slideActiveClass,a.slideNextClass,a.slidePrevClass),e.removeAttribute("style"),e.removeAttribute("data-swiper-slide-index")}))),s.emit("destroy"),Object.keys(s.eventsListeners).forEach((e=>{s.off(e)})),!1!==e&&(s.el&&"string"!=typeof s.el&&(s.el.swiper=null),function(e){const t=e;Object.keys(t).forEach((e=>{try{t[e]=null}catch(e){}try{delete t[e]}catch(e){}}))}(s)),s.destroyed=!0),null}static extendDefaults(e){p(ie,e)}static get extendedDefaults(){return ie}static get defaults(){return te}static installModule(e){re.prototype.__modules__||(re.prototype.__modules__=[]);const t=re.prototype.__modules__;"function"==typeof e&&t.indexOf(e)<0&&t.push(e)}static use(e){return Array.isArray(e)?(e.forEach((e=>re.installModule(e))),re):(re.installModule(e),re)}}function ne(e,t,s,a){return e.params.createElements&&Object.keys(a).forEach((i=>{if(!s[i]&&!0===s.auto){let r=f(e.el,`.${a[i]}`)[0];r||(r=v("div",a[i]),r.className=a[i],e.el.append(r)),s[i]=r,t[i]=r}})),s}function le(e){return void 0===e&&(e=""),`.${e.trim().replace(/([\.:!+\/()[\]])/g,"\\$1").replace(/ /g,".")}`}function oe(e){const t=this,{params:s,slidesEl:a}=t;s.loop&&t.loopDestroy();const i=e=>{if("string"==typeof e){const t=document.createElement("div");C(t,e),a.append(t.children[0]),C(t,"")}else a.append(e)};if("object"==typeof e&&"length"in e)for(let t=0;t<e.length;t+=1)e[t]&&i(e[t]);else i(e);t.recalcSlides(),s.loop&&t.loopCreate(),s.observer&&!t.isElement||t.update()}function de(e){const t=this,{params:s,activeIndex:a,slidesEl:i}=t;s.loop&&t.loopDestroy();let r=a+1;const n=e=>{if("string"==typeof e){const t=document.createElement("div");C(t,e),i.prepend(t.children[0]),C(t,"")}else i.prepend(e)};if("object"==typeof e&&"length"in e){for(let t=0;t<e.length;t+=1)e[t]&&n(e[t]);r=a+e.length}else n(e);t.recalcSlides(),s.loop&&t.loopCreate(),s.observer&&!t.isElement||t.update(),t.slideTo(r,0,!1)}function ce(e,t){const s=this,{params:a,activeIndex:i,slidesEl:r}=s;let n=i;a.loop&&(n-=s.loopedSlides,s.loopDestroy(),s.recalcSlides());const l=s.slides.length;if(e<=0)return void s.prependSlide(t);if(e>=l)return void s.appendSlide(t);let o=n>e?n+1:n;const d=[];for(let t=l-1;t>=e;t-=1){const e=s.slides[t];e.remove(),d.unshift(e)}if("object"==typeof t&&"length"in t){for(let e=0;e<t.length;e+=1)t[e]&&r.append(t[e]);o=n>e?n+t.length:n}else r.append(t);for(let e=0;e<d.length;e+=1)r.append(d[e]);s.recalcSlides(),a.loop&&s.loopCreate(),a.observer&&!s.isElement||s.update(),a.loop?s.slideTo(o+s.loopedSlides,0,!1):s.slideTo(o,0,!1)}function pe(e){const t=this,{params:s,activeIndex:a}=t;let i=a;s.loop&&(i-=t.loopedSlides,t.loopDestroy());let r,n=i;if("object"==typeof e&&"length"in e){for(let s=0;s<e.length;s+=1)r=e[s],t.slides[r]&&t.slides[r].remove(),r<n&&(n-=1);n=Math.max(n,0)}else r=e,t.slides[r]&&t.slides[r].remove(),r<n&&(n-=1),n=Math.max(n,0);t.recalcSlides(),s.loop&&t.loopCreate(),s.observer&&!t.isElement||t.update(),s.loop?t.slideTo(n+t.loopedSlides,0,!1):t.slideTo(n,0,!1)}function ue(){const e=this,t=[];for(let s=0;s<e.slides.length;s+=1)t.push(s);e.removeSlide(t)}function me(e){const{effect:t,swiper:s,on:a,setTranslate:i,setTransition:r,overwriteParams:n,perspective:l,recreateShadows:o,getEffectParams:d}=e;let c;a("beforeInit",(()=>{if(s.params.effect!==t)return;s.classNames.push(`${s.params.containerModifierClass}${t}`),l&&l()&&s.classNames.push(`${s.params.containerModifierClass}3d`);const e=n?n():{};Object.assign(s.params,e),Object.assign(s.originalParams,e)})),a("setTranslate _virtualUpdated",(()=>{s.params.effect===t&&i()})),a("setTransition",((e,a)=>{s.params.effect===t&&r(a)})),a("transitionEnd",(()=>{if(s.params.effect===t&&o){if(!d||!d().slideShadows)return;s.slides.forEach((e=>{e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((e=>e.remove()))})),o()}})),a("virtualUpdate",(()=>{s.params.effect===t&&(s.slides.length||(c=!0),requestAnimationFrame((()=>{c&&s.slides&&s.slides.length&&(i(),c=!1)})))}))}function he(e,t){const s=h(t);return s!==t&&(s.style.backfaceVisibility="hidden",s.style["-webkit-backface-visibility"]="hidden"),s}function fe(e){let{swiper:t,duration:s,transformElements:a,allSlides:i}=e;const{activeIndex:r}=t;if(t.params.virtualTranslate&&0!==s){let e,s=!1;e=i?a:a.filter((e=>{const s=e.classList.contains("swiper-slide-transform")?(e=>{if(!e.parentElement)return t.slides.find((t=>t.shadowRoot&&t.shadowRoot===e.parentNode));return e.parentElement})(e):e;return t.getSlideIndex(s)===r})),e.forEach((e=>{x(e,(()=>{if(s)return;if(!t||t.destroyed)return;s=!0,t.animating=!1;const e=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});t.wrapperEl.dispatchEvent(e)}))}))}}function ge(e,t,s){const a=`swiper-slide-shadow${s?`-${s}`:""}${e?` swiper-slide-shadow-${e}`:""}`,i=h(t);let r=i.querySelector(`.${a.split(" ").join(".")}`);return r||(r=v("div",a.split(" ")),i.append(r)),r}Object.keys(ae).forEach((e=>{Object.keys(ae[e]).forEach((t=>{re.prototype[t]=ae[e][t]}))})),re.use([function(e){let{swiper:t,on:s,emit:a}=e;const i=r();let n=null,l=null;const o=()=>{t&&!t.destroyed&&t.initialized&&(a("beforeResize"),a("resize"))},d=()=>{t&&!t.destroyed&&t.initialized&&a("orientationchange")};s("init",(()=>{t.params.resizeObserver&&void 0!==i.ResizeObserver?t&&!t.destroyed&&t.initialized&&(n=new ResizeObserver((e=>{l=i.requestAnimationFrame((()=>{const{width:s,height:a}=t;let i=s,r=a;e.forEach((e=>{let{contentBoxSize:s,contentRect:a,target:n}=e;n&&n!==t.el||(i=a?a.width:(s[0]||s).inlineSize,r=a?a.height:(s[0]||s).blockSize)})),i===s&&r===a||o()}))})),n.observe(t.el)):(i.addEventListener("resize",o),i.addEventListener("orientationchange",d))})),s("destroy",(()=>{l&&i.cancelAnimationFrame(l),n&&n.unobserve&&t.el&&(n.unobserve(t.el),n=null),i.removeEventListener("resize",o),i.removeEventListener("orientationchange",d)}))},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=[],l=r(),o=function(e,s){void 0===s&&(s={});const a=new(l.MutationObserver||l.WebkitMutationObserver)((e=>{if(t.__preventObserver__)return;if(1===e.length)return void i("observerUpdate",e[0]);const s=function(){i("observerUpdate",e[0])};l.requestAnimationFrame?l.requestAnimationFrame(s):l.setTimeout(s,0)}));a.observe(e,{attributes:void 0===s.attributes||s.attributes,childList:t.isElement||(void 0===s.childList||s).childList,characterData:void 0===s.characterData||s.characterData}),n.push(a)};s({observer:!1,observeParents:!1,observeSlideChildren:!1}),a("init",(()=>{if(t.params.observer){if(t.params.observeParents){const e=E(t.hostEl);for(let t=0;t<e.length;t+=1)o(e[t])}o(t.hostEl,{childList:t.params.observeSlideChildren}),o(t.wrapperEl,{attributes:!1})}})),a("destroy",(()=>{n.forEach((e=>{e.disconnect()})),n.splice(0,n.length)}))}]);const ve=[function(e){let t,{swiper:s,extendParams:i,on:r,emit:n}=e;i({virtual:{enabled:!1,slides:[],cache:!0,renderSlide:null,renderExternal:null,renderExternalUpdate:!0,addSlidesBefore:0,addSlidesAfter:0}});const l=a();s.virtual={cache:{},from:void 0,to:void 0,slides:[],offset:0,slidesGrid:[]};const o=l.createElement("div");function d(e,t){const a=s.params.virtual;if(a.cache&&s.virtual.cache[t])return s.virtual.cache[t];let i;return a.renderSlide?(i=a.renderSlide.call(s,e,t),"string"==typeof i&&(C(o,i),i=o.children[0])):i=s.isElement?v("swiper-slide"):v("div",s.params.slideClass),i.setAttribute("data-swiper-slide-index",t),a.renderSlide||C(i,e),a.cache&&(s.virtual.cache[t]=i),i}function c(e,t,a){const{slidesPerView:i,slidesPerGroup:r,centeredSlides:l,loop:o,initialSlide:c}=s.params;if(t&&!o&&c>0)return;const{addSlidesBefore:p,addSlidesAfter:u}=s.params.virtual,{from:m,to:h,slides:g,slidesGrid:v,offset:w}=s.virtual;s.params.cssMode||s.updateActiveIndex();const b=void 0===a?s.activeIndex||0:a;let y,E,x;y=s.rtlTranslate?"right":s.isHorizontal()?"left":"top",l?(E=Math.floor(i/2)+r+u,x=Math.floor(i/2)+r+p):(E=i+(r-1)+u,x=(o?i:r)+p);let S=b-x,T=b+E;o||(S=Math.max(S,0),T=Math.min(T,g.length-1));let M=(s.slidesGrid[S]||0)-(s.slidesGrid[0]||0);function C(){s.updateSlides(),s.updateProgress(),s.updateSlidesClasses(),n("virtualUpdate")}if(o&&b>=x?(S-=x,l||(M+=s.slidesGrid[0])):o&&b<x&&(S=-x,l&&(M+=s.slidesGrid[0])),Object.assign(s.virtual,{from:S,to:T,offset:M,slidesGrid:s.slidesGrid,slidesBefore:x,slidesAfter:E}),m===S&&h===T&&!e)return s.slidesGrid!==v&&M!==w&&s.slides.forEach((e=>{e.style[y]=M-Math.abs(s.cssOverflowAdjustment())+"px"})),s.updateProgress(),void n("virtualUpdate");if(s.params.virtual.renderExternal)return s.params.virtual.renderExternal.call(s,{offset:M,from:S,to:T,slides:function(){const e=[];for(let t=S;t<=T;t+=1)e.push(g[t]);return e}()}),void(s.params.virtual.renderExternalUpdate?C():n("virtualUpdate"));const P=[],L=[],I=e=>{let t=e;return e<0?t=g.length+e:t>=g.length&&(t-=g.length),t};if(e)s.slides.filter((e=>e.matches(`.${s.params.slideClass}, swiper-slide`))).forEach((e=>{e.remove()}));else for(let e=m;e<=h;e+=1)if(e<S||e>T){const t=I(e);s.slides.filter((e=>e.matches(`.${s.params.slideClass}[data-swiper-slide-index="${t}"], swiper-slide[data-swiper-slide-index="${t}"]`))).forEach((e=>{e.remove()}))}const z=o?-g.length:0,A=o?2*g.length:g.length;for(let t=z;t<A;t+=1)if(t>=S&&t<=T){const s=I(t);void 0===h||e?L.push(s):(t>h&&L.push(s),t<m&&P.push(s))}if(L.forEach((e=>{s.slidesEl.append(d(g[e],e))})),o)for(let e=P.length-1;e>=0;e-=1){const t=P[e];s.slidesEl.prepend(d(g[t],t))}else P.sort(((e,t)=>t-e)),P.forEach((e=>{s.slidesEl.prepend(d(g[e],e))}));f(s.slidesEl,".swiper-slide, swiper-slide").forEach((e=>{e.style[y]=M-Math.abs(s.cssOverflowAdjustment())+"px"})),C()}r("beforeInit",(()=>{if(!s.params.virtual.enabled)return;let e;if(void 0===s.passedParams.virtual.slides){const t=[...s.slidesEl.children].filter((e=>e.matches(`.${s.params.slideClass}, swiper-slide`)));t&&t.length&&(s.virtual.slides=[...t],e=!0,t.forEach(((e,t)=>{e.setAttribute("data-swiper-slide-index",t),s.virtual.cache[t]=e,e.remove()})))}e||(s.virtual.slides=s.params.virtual.slides),s.classNames.push(`${s.params.containerModifierClass}virtual`),s.params.watchSlidesProgress=!0,s.originalParams.watchSlidesProgress=!0,c(!1,!0)})),r("setTranslate",(()=>{s.params.virtual.enabled&&(s.params.cssMode&&!s._immediateVirtual?(clearTimeout(t),t=setTimeout((()=>{c()}),100)):c())})),r("init update resize",(()=>{s.params.virtual.enabled&&s.params.cssMode&&u(s.wrapperEl,"--swiper-virtual-size",`${s.virtualSize}px`)})),Object.assign(s.virtual,{appendSlide:function(e){if("object"==typeof e&&"length"in e)for(let t=0;t<e.length;t+=1)e[t]&&s.virtual.slides.push(e[t]);else s.virtual.slides.push(e);c(!0)},prependSlide:function(e){const t=s.activeIndex;let a=t+1,i=1;if(Array.isArray(e)){for(let t=0;t<e.length;t+=1)e[t]&&s.virtual.slides.unshift(e[t]);a=t+e.length,i=e.length}else s.virtual.slides.unshift(e);if(s.params.virtual.cache){const e=s.virtual.cache,t={};Object.keys(e).forEach((s=>{const a=e[s],r=a.getAttribute("data-swiper-slide-index");r&&a.setAttribute("data-swiper-slide-index",parseInt(r,10)+i),t[parseInt(s,10)+i]=a})),s.virtual.cache=t}c(!0),s.slideTo(a,0)},removeSlide:function(e){if(null==e)return;let t=s.activeIndex;if(Array.isArray(e))for(let a=e.length-1;a>=0;a-=1)s.params.virtual.cache&&(delete s.virtual.cache[e[a]],Object.keys(s.virtual.cache).forEach((t=>{t>e&&(s.virtual.cache[t-1]=s.virtual.cache[t],s.virtual.cache[t-1].setAttribute("data-swiper-slide-index",t-1),delete s.virtual.cache[t])}))),s.virtual.slides.splice(e[a],1),e[a]<t&&(t-=1),t=Math.max(t,0);else s.params.virtual.cache&&(delete s.virtual.cache[e],Object.keys(s.virtual.cache).forEach((t=>{t>e&&(s.virtual.cache[t-1]=s.virtual.cache[t],s.virtual.cache[t-1].setAttribute("data-swiper-slide-index",t-1),delete s.virtual.cache[t])}))),s.virtual.slides.splice(e,1),e<t&&(t-=1),t=Math.max(t,0);c(!0),s.slideTo(t,0)},removeAllSlides:function(){s.virtual.slides=[],s.params.virtual.cache&&(s.virtual.cache={}),c(!0),s.slideTo(0,0)},update:c})},function(e){let{swiper:t,extendParams:s,on:i,emit:n}=e;const l=a(),o=r();function d(e){if(!t.enabled)return;const{rtlTranslate:s}=t;let a=e;a.originalEvent&&(a=a.originalEvent);const i=a.keyCode||a.charCode,r=t.params.keyboard.pageUpDown,d=r&&33===i,c=r&&34===i,p=37===i,u=39===i,m=38===i,h=40===i;if(!t.allowSlideNext&&(t.isHorizontal()&&u||t.isVertical()&&h||c))return!1;if(!t.allowSlidePrev&&(t.isHorizontal()&&p||t.isVertical()&&m||d))return!1;if(!(a.shiftKey||a.altKey||a.ctrlKey||a.metaKey||l.activeElement&&(l.activeElement.isContentEditable||l.activeElement.nodeName&&("input"===l.activeElement.nodeName.toLowerCase()||"textarea"===l.activeElement.nodeName.toLowerCase())))){if(t.params.keyboard.onlyInViewport&&(d||c||p||u||m||h)){let e=!1;if(E(t.el,`.${t.params.slideClass}, swiper-slide`).length>0&&0===E(t.el,`.${t.params.slideActiveClass}`).length)return;const a=t.el,i=a.clientWidth,r=a.clientHeight,n=o.innerWidth,l=o.innerHeight,d=w(a);s&&(d.left-=a.scrollLeft);const c=[[d.left,d.top],[d.left+i,d.top],[d.left,d.top+r],[d.left+i,d.top+r]];for(let t=0;t<c.length;t+=1){const s=c[t];if(s[0]>=0&&s[0]<=n&&s[1]>=0&&s[1]<=l){if(0===s[0]&&0===s[1])continue;e=!0}}if(!e)return}t.isHorizontal()?((d||c||p||u)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),((c||u)&&!s||(d||p)&&s)&&t.slideNext(),((d||p)&&!s||(c||u)&&s)&&t.slidePrev()):((d||c||m||h)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),(c||h)&&t.slideNext(),(d||m)&&t.slidePrev()),n("keyPress",i)}}function c(){t.keyboard.enabled||(l.addEventListener("keydown",d),t.keyboard.enabled=!0)}function p(){t.keyboard.enabled&&(l.removeEventListener("keydown",d),t.keyboard.enabled=!1)}t.keyboard={enabled:!1},s({keyboard:{enabled:!1,onlyInViewport:!0,pageUpDown:!0}}),i("init",(()=>{t.params.keyboard.enabled&&c()})),i("destroy",(()=>{t.keyboard.enabled&&p()})),Object.assign(t.keyboard,{enable:c,disable:p})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=r();let d;s({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),t.mousewheel={enabled:!1};let c,p=o();const u=[];function m(){t.enabled&&(t.mouseEntered=!0)}function h(){t.enabled&&(t.mouseEntered=!1)}function f(e){return!(t.params.mousewheel.thresholdDelta&&e.delta<t.params.mousewheel.thresholdDelta)&&(!(t.params.mousewheel.thresholdTime&&o()-p<t.params.mousewheel.thresholdTime)&&(e.delta>=6&&o()-p<60||(e.direction<0?t.isEnd&&!t.params.loop||t.animating||(t.slideNext(),i("scroll",e.raw)):t.isBeginning&&!t.params.loop||t.animating||(t.slidePrev(),i("scroll",e.raw)),p=(new n.Date).getTime(),!1)))}function g(e){let s=e,a=!0;if(!t.enabled)return;if(e.target.closest(`.${t.params.mousewheel.noMousewheelClass}`))return;const r=t.params.mousewheel;t.params.cssMode&&s.preventDefault();let n=t.el;"container"!==t.params.mousewheel.eventsTarget&&(n=document.querySelector(t.params.mousewheel.eventsTarget));const p=n&&n.contains(s.target);if(!t.mouseEntered&&!p&&!r.releaseOnEdges)return!0;s.originalEvent&&(s=s.originalEvent);let m=0;const h=t.rtlTranslate?-1:1,g=function(e){let t=0,s=0,a=0,i=0;return"detail"in e&&(s=e.detail),"wheelDelta"in e&&(s=-e.wheelDelta/120),"wheelDeltaY"in e&&(s=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=s,s=0),a=10*t,i=10*s,"deltaY"in e&&(i=e.deltaY),"deltaX"in e&&(a=e.deltaX),e.shiftKey&&!a&&(a=i,i=0),(a||i)&&e.deltaMode&&(1===e.deltaMode?(a*=40,i*=40):(a*=800,i*=800)),a&&!t&&(t=a<1?-1:1),i&&!s&&(s=i<1?-1:1),{spinX:t,spinY:s,pixelX:a,pixelY:i}}(s);if(r.forceToAxis)if(t.isHorizontal()){if(!(Math.abs(g.pixelX)>Math.abs(g.pixelY)))return!0;m=-g.pixelX*h}else{if(!(Math.abs(g.pixelY)>Math.abs(g.pixelX)))return!0;m=-g.pixelY}else m=Math.abs(g.pixelX)>Math.abs(g.pixelY)?-g.pixelX*h:-g.pixelY;if(0===m)return!0;r.invert&&(m=-m);let v=t.getTranslate()+m*r.sensitivity;if(v>=t.minTranslate()&&(v=t.minTranslate()),v<=t.maxTranslate()&&(v=t.maxTranslate()),a=!!t.params.loop||!(v===t.minTranslate()||v===t.maxTranslate()),a&&t.params.nested&&s.stopPropagation(),t.params.freeMode&&t.params.freeMode.enabled){const e={time:o(),delta:Math.abs(m),direction:Math.sign(m)},a=c&&e.time<c.time+500&&e.delta<=c.delta&&e.direction===c.direction;if(!a){c=void 0;let n=t.getTranslate()+m*r.sensitivity;const o=t.isBeginning,p=t.isEnd;if(n>=t.minTranslate()&&(n=t.minTranslate()),n<=t.maxTranslate()&&(n=t.maxTranslate()),t.setTransition(0),t.setTranslate(n),t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses(),(!o&&t.isBeginning||!p&&t.isEnd)&&t.updateSlidesClasses(),t.params.loop&&t.loopFix({direction:e.direction<0?"next":"prev",byMousewheel:!0}),t.params.freeMode.sticky){clearTimeout(d),d=void 0,u.length>=15&&u.shift();const s=u.length?u[u.length-1]:void 0,a=u[0];if(u.push(e),s&&(e.delta>s.delta||e.direction!==s.direction))u.splice(0);else if(u.length>=15&&e.time-a.time<500&&a.delta-e.delta>=1&&e.delta<=6){const s=m>0?.8:.2;c=e,u.splice(0),d=l((()=>{!t.destroyed&&t.params&&t.slideToClosest(t.params.speed,!0,void 0,s)}),0)}d||(d=l((()=>{if(t.destroyed||!t.params)return;c=e,u.splice(0),t.slideToClosest(t.params.speed,!0,void 0,.5)}),500))}if(a||i("scroll",s),t.params.autoplay&&t.params.autoplay.disableOnInteraction&&t.autoplay.stop(),r.releaseOnEdges&&(n===t.minTranslate()||n===t.maxTranslate()))return!0}}else{const s={time:o(),delta:Math.abs(m),direction:Math.sign(m),raw:e};u.length>=2&&u.shift();const a=u.length?u[u.length-1]:void 0;if(u.push(s),a?(s.direction!==a.direction||s.delta>a.delta||s.time>a.time+150)&&f(s):f(s),function(e){const s=t.params.mousewheel;if(e.direction<0){if(t.isEnd&&!t.params.loop&&s.releaseOnEdges)return!0}else if(t.isBeginning&&!t.params.loop&&s.releaseOnEdges)return!0;return!1}(s))return!0}return s.preventDefault?s.preventDefault():s.returnValue=!1,!1}function v(e){let s=t.el;"container"!==t.params.mousewheel.eventsTarget&&(s=document.querySelector(t.params.mousewheel.eventsTarget)),s[e]("mouseenter",m),s[e]("mouseleave",h),s[e]("wheel",g)}function w(){return t.params.cssMode?(t.wrapperEl.removeEventListener("wheel",g),!0):!t.mousewheel.enabled&&(v("addEventListener"),t.mousewheel.enabled=!0,!0)}function b(){return t.params.cssMode?(t.wrapperEl.addEventListener(event,g),!0):!!t.mousewheel.enabled&&(v("removeEventListener"),t.mousewheel.enabled=!1,!0)}a("init",(()=>{!t.params.mousewheel.enabled&&t.params.cssMode&&b(),t.params.mousewheel.enabled&&w()})),a("destroy",(()=>{t.params.cssMode&&w(),t.mousewheel.enabled&&b()})),Object.assign(t.mousewheel,{enable:w,disable:b})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;function r(e){let s;return e&&"string"==typeof e&&t.isElement&&(s=t.el.querySelector(e)||t.hostEl.querySelector(e),s)?s:(e&&("string"==typeof e&&(s=[...document.querySelectorAll(e)]),t.params.uniqueNavElements&&"string"==typeof e&&s&&s.length>1&&1===t.el.querySelectorAll(e).length?s=t.el.querySelector(e):s&&1===s.length&&(s=s[0])),e&&!s?e:s)}function n(e,s){const a=t.params.navigation;(e=T(e)).forEach((e=>{e&&(e.classList[s?"add":"remove"](...a.disabledClass.split(" ")),"BUTTON"===e.tagName&&(e.disabled=s),t.params.watchOverflow&&t.enabled&&e.classList[t.isLocked?"add":"remove"](a.lockClass))}))}function l(){const{nextEl:e,prevEl:s}=t.navigation;if(t.params.loop)return n(s,!1),void n(e,!1);n(s,t.isBeginning&&!t.params.rewind),n(e,t.isEnd&&!t.params.rewind)}function o(e){e.preventDefault(),(!t.isBeginning||t.params.loop||t.params.rewind)&&(t.slidePrev(),i("navigationPrev"))}function d(e){e.preventDefault(),(!t.isEnd||t.params.loop||t.params.rewind)&&(t.slideNext(),i("navigationNext"))}function c(){const e=t.params.navigation;if(t.params.navigation=ne(t,t.originalParams.navigation,t.params.navigation,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"}),!e.nextEl&&!e.prevEl)return;let s=r(e.nextEl),a=r(e.prevEl);Object.assign(t.navigation,{nextEl:s,prevEl:a}),s=T(s),a=T(a);const i=(s,a)=>{s&&s.addEventListener("click","next"===a?d:o),!t.enabled&&s&&s.classList.add(...e.lockClass.split(" "))};s.forEach((e=>i(e,"next"))),a.forEach((e=>i(e,"prev")))}function p(){let{nextEl:e,prevEl:s}=t.navigation;e=T(e),s=T(s);const a=(e,s)=>{e.removeEventListener("click","next"===s?d:o),e.classList.remove(...t.params.navigation.disabledClass.split(" "))};e.forEach((e=>a(e,"next"))),s.forEach((e=>a(e,"prev")))}s({navigation:{nextEl:null,prevEl:null,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock",navigationDisabledClass:"swiper-navigation-disabled"}}),t.navigation={nextEl:null,prevEl:null},a("init",(()=>{!1===t.params.navigation.enabled?u():(c(),l())})),a("toEdge fromEdge lock unlock",(()=>{l()})),a("destroy",(()=>{p()})),a("enable disable",(()=>{let{nextEl:e,prevEl:s}=t.navigation;e=T(e),s=T(s),t.enabled?l():[...e,...s].filter((e=>!!e)).forEach((e=>e.classList.add(t.params.navigation.lockClass)))})),a("click",((e,s)=>{let{nextEl:a,prevEl:r}=t.navigation;a=T(a),r=T(r);const n=s.target;let l=r.includes(n)||a.includes(n);if(t.isElement&&!l){const e=s.path||s.composedPath&&s.composedPath();e&&(l=e.find((e=>a.includes(e)||r.includes(e))))}if(t.params.navigation.hideOnClick&&!l){if(t.pagination&&t.params.pagination&&t.params.pagination.clickable&&(t.pagination.el===n||t.pagination.el.contains(n)))return;let e;a.length?e=a[0].classList.contains(t.params.navigation.hiddenClass):r.length&&(e=r[0].classList.contains(t.params.navigation.hiddenClass)),i(!0===e?"navigationShow":"navigationHide"),[...a,...r].filter((e=>!!e)).forEach((e=>e.classList.toggle(t.params.navigation.hiddenClass)))}}));const u=()=>{t.el.classList.add(...t.params.navigation.navigationDisabledClass.split(" ")),p()};Object.assign(t.navigation,{enable:()=>{t.el.classList.remove(...t.params.navigation.navigationDisabledClass.split(" ")),c(),l()},disable:u,update:l,init:c,destroy:p})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const r="swiper-pagination";let n;s({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:e=>e,formatFractionTotal:e=>e,bulletClass:`${r}-bullet`,bulletActiveClass:`${r}-bullet-active`,modifierClass:`${r}-`,currentClass:`${r}-current`,totalClass:`${r}-total`,hiddenClass:`${r}-hidden`,progressbarFillClass:`${r}-progressbar-fill`,progressbarOppositeClass:`${r}-progressbar-opposite`,clickableClass:`${r}-clickable`,lockClass:`${r}-lock`,horizontalClass:`${r}-horizontal`,verticalClass:`${r}-vertical`,paginationDisabledClass:`${r}-disabled`}}),t.pagination={el:null,bullets:[]};let l=0;function o(){return!t.params.pagination.el||!t.pagination.el||Array.isArray(t.pagination.el)&&0===t.pagination.el.length}function d(e,s){const{bulletActiveClass:a}=t.params.pagination;e&&(e=e[("prev"===s?"previous":"next")+"ElementSibling"])&&(e.classList.add(`${a}-${s}`),(e=e[("prev"===s?"previous":"next")+"ElementSibling"])&&e.classList.add(`${a}-${s}-${s}`))}function c(e){const s=e.target.closest(le(t.params.pagination.bulletClass));if(!s)return;e.preventDefault();const a=y(s)*t.params.slidesPerGroup;if(t.params.loop){if(t.realIndex===a)return;const e=(i=t.realIndex,r=a,n=t.slides.length,(r%=n)==1+(i%=n)?"next":r===i-1?"previous":void 0);"next"===e?t.slideNext():"previous"===e?t.slidePrev():t.slideToLoop(a)}else t.slideTo(a);var i,r,n}function p(){const e=t.rtl,s=t.params.pagination;if(o())return;let a,r,c=t.pagination.el;c=T(c);const p=t.virtual&&t.params.virtual.enabled?t.virtual.slides.length:t.slides.length,u=t.params.loop?Math.ceil(p/t.params.slidesPerGroup):t.snapGrid.length;if(t.params.loop?(r=t.previousRealIndex||0,a=t.params.slidesPerGroup>1?Math.floor(t.realIndex/t.params.slidesPerGroup):t.realIndex):void 0!==t.snapIndex?(a=t.snapIndex,r=t.previousSnapIndex):(r=t.previousIndex||0,a=t.activeIndex||0),"bullets"===s.type&&t.pagination.bullets&&t.pagination.bullets.length>0){const i=t.pagination.bullets;let o,p,u;if(s.dynamicBullets&&(n=S(i[0],t.isHorizontal()?"width":"height",!0),c.forEach((e=>{e.style[t.isHorizontal()?"width":"height"]=n*(s.dynamicMainBullets+4)+"px"})),s.dynamicMainBullets>1&&void 0!==r&&(l+=a-(r||0),l>s.dynamicMainBullets-1?l=s.dynamicMainBullets-1:l<0&&(l=0)),o=Math.max(a-l,0),p=o+(Math.min(i.length,s.dynamicMainBullets)-1),u=(p+o)/2),i.forEach((e=>{const t=[...["","-next","-next-next","-prev","-prev-prev","-main"].map((e=>`${s.bulletActiveClass}${e}`))].map((e=>"string"==typeof e&&e.includes(" ")?e.split(" "):e)).flat();e.classList.remove(...t)})),c.length>1)i.forEach((e=>{const i=y(e);i===a?e.classList.add(...s.bulletActiveClass.split(" ")):t.isElement&&e.setAttribute("part","bullet"),s.dynamicBullets&&(i>=o&&i<=p&&e.classList.add(...`${s.bulletActiveClass}-main`.split(" ")),i===o&&d(e,"prev"),i===p&&d(e,"next"))}));else{const e=i[a];if(e&&e.classList.add(...s.bulletActiveClass.split(" ")),t.isElement&&i.forEach(((e,t)=>{e.setAttribute("part",t===a?"bullet-active":"bullet")})),s.dynamicBullets){const e=i[o],t=i[p];for(let e=o;e<=p;e+=1)i[e]&&i[e].classList.add(...`${s.bulletActiveClass}-main`.split(" "));d(e,"prev"),d(t,"next")}}if(s.dynamicBullets){const a=Math.min(i.length,s.dynamicMainBullets+4),r=(n*a-n)/2-u*n,l=e?"right":"left";i.forEach((e=>{e.style[t.isHorizontal()?l:"top"]=`${r}px`}))}}c.forEach(((e,r)=>{if("fraction"===s.type&&(e.querySelectorAll(le(s.currentClass)).forEach((e=>{e.textContent=s.formatFractionCurrent(a+1)})),e.querySelectorAll(le(s.totalClass)).forEach((e=>{e.textContent=s.formatFractionTotal(u)}))),"progressbar"===s.type){let i;i=s.progressbarOpposite?t.isHorizontal()?"vertical":"horizontal":t.isHorizontal()?"horizontal":"vertical";const r=(a+1)/u;let n=1,l=1;"horizontal"===i?n=r:l=r,e.querySelectorAll(le(s.progressbarFillClass)).forEach((e=>{e.style.transform=`translate3d(0,0,0) scaleX(${n}) scaleY(${l})`,e.style.transitionDuration=`${t.params.speed}ms`}))}"custom"===s.type&&s.renderCustom?(C(e,s.renderCustom(t,a+1,u)),0===r&&i("paginationRender",e)):(0===r&&i("paginationRender",e),i("paginationUpdate",e)),t.params.watchOverflow&&t.enabled&&e.classList[t.isLocked?"add":"remove"](s.lockClass)}))}function u(){const e=t.params.pagination;if(o())return;const s=t.virtual&&t.params.virtual.enabled?t.virtual.slides.length:t.grid&&t.params.grid.rows>1?t.slides.length/Math.ceil(t.params.grid.rows):t.slides.length;let a=t.pagination.el;a=T(a);let r="";if("bullets"===e.type){let a=t.params.loop?Math.ceil(s/t.params.slidesPerGroup):t.snapGrid.length;t.params.freeMode&&t.params.freeMode.enabled&&a>s&&(a=s);for(let s=0;s<a;s+=1)e.renderBullet?r+=e.renderBullet.call(t,s,e.bulletClass):r+=`<${e.bulletElement} ${t.isElement?'part="bullet"':""} class="${e.bulletClass}"></${e.bulletElement}>`}"fraction"===e.type&&(r=e.renderFraction?e.renderFraction.call(t,e.currentClass,e.totalClass):`<span class="${e.currentClass}"></span> / <span class="${e.totalClass}"></span>`),"progressbar"===e.type&&(r=e.renderProgressbar?e.renderProgressbar.call(t,e.progressbarFillClass):`<span class="${e.progressbarFillClass}"></span>`),t.pagination.bullets=[],a.forEach((s=>{"custom"!==e.type&&C(s,r||""),"bullets"===e.type&&t.pagination.bullets.push(...s.querySelectorAll(le(e.bulletClass)))})),"custom"!==e.type&&i("paginationRender",a[0])}function m(){t.params.pagination=ne(t,t.originalParams.pagination,t.params.pagination,{el:"swiper-pagination"});const e=t.params.pagination;if(!e.el)return;let s;"string"==typeof e.el&&t.isElement&&(s=t.el.querySelector(e.el)),s||"string"!=typeof e.el||(s=[...document.querySelectorAll(e.el)]),s||(s=e.el),s&&0!==s.length&&(t.params.uniqueNavElements&&"string"==typeof e.el&&Array.isArray(s)&&s.length>1&&(s=[...t.el.querySelectorAll(e.el)],s.length>1&&(s=s.find((e=>E(e,".swiper")[0]===t.el)))),Array.isArray(s)&&1===s.length&&(s=s[0]),Object.assign(t.pagination,{el:s}),s=T(s),s.forEach((s=>{"bullets"===e.type&&e.clickable&&s.classList.add(...(e.clickableClass||"").split(" ")),s.classList.add(e.modifierClass+e.type),s.classList.add(t.isHorizontal()?e.horizontalClass:e.verticalClass),"bullets"===e.type&&e.dynamicBullets&&(s.classList.add(`${e.modifierClass}${e.type}-dynamic`),l=0,e.dynamicMainBullets<1&&(e.dynamicMainBullets=1)),"progressbar"===e.type&&e.progressbarOpposite&&s.classList.add(e.progressbarOppositeClass),e.clickable&&s.addEventListener("click",c),t.enabled||s.classList.add(e.lockClass)})))}function h(){const e=t.params.pagination;if(o())return;let s=t.pagination.el;s&&(s=T(s),s.forEach((s=>{s.classList.remove(e.hiddenClass),s.classList.remove(e.modifierClass+e.type),s.classList.remove(t.isHorizontal()?e.horizontalClass:e.verticalClass),e.clickable&&(s.classList.remove(...(e.clickableClass||"").split(" ")),s.removeEventListener("click",c))}))),t.pagination.bullets&&t.pagination.bullets.forEach((t=>t.classList.remove(...e.bulletActiveClass.split(" "))))}a("changeDirection",(()=>{if(!t.pagination||!t.pagination.el)return;const e=t.params.pagination;let{el:s}=t.pagination;s=T(s),s.forEach((s=>{s.classList.remove(e.horizontalClass,e.verticalClass),s.classList.add(t.isHorizontal()?e.horizontalClass:e.verticalClass)}))})),a("init",(()=>{!1===t.params.pagination.enabled?f():(m(),u(),p())})),a("activeIndexChange",(()=>{void 0===t.snapIndex&&p()})),a("snapIndexChange",(()=>{p()})),a("snapGridLengthChange",(()=>{u(),p()})),a("destroy",(()=>{h()})),a("enable disable",(()=>{let{el:e}=t.pagination;e&&(e=T(e),e.forEach((e=>e.classList[t.enabled?"remove":"add"](t.params.pagination.lockClass))))})),a("lock unlock",(()=>{p()})),a("click",((e,s)=>{const a=s.target,r=T(t.pagination.el);if(t.params.pagination.el&&t.params.pagination.hideOnClick&&r&&r.length>0&&!a.classList.contains(t.params.pagination.bulletClass)){if(t.navigation&&(t.navigation.nextEl&&a===t.navigation.nextEl||t.navigation.prevEl&&a===t.navigation.prevEl))return;const e=r[0].classList.contains(t.params.pagination.hiddenClass);i(!0===e?"paginationShow":"paginationHide"),r.forEach((e=>e.classList.toggle(t.params.pagination.hiddenClass)))}}));const f=()=>{t.el.classList.add(t.params.pagination.paginationDisabledClass);let{el:e}=t.pagination;e&&(e=T(e),e.forEach((e=>e.classList.add(t.params.pagination.paginationDisabledClass)))),h()};Object.assign(t.pagination,{enable:()=>{t.el.classList.remove(t.params.pagination.paginationDisabledClass);let{el:e}=t.pagination;e&&(e=T(e),e.forEach((e=>e.classList.remove(t.params.pagination.paginationDisabledClass)))),m(),u(),p()},disable:f,render:u,update:p,init:m,destroy:h})},function(e){let{swiper:t,extendParams:s,on:i,emit:r}=e;const o=a();let d,c,p,u,m=!1,h=null,f=null;function g(){if(!t.params.scrollbar.el||!t.scrollbar.el)return;const{scrollbar:e,rtlTranslate:s}=t,{dragEl:a,el:i}=e,r=t.params.scrollbar,n=t.params.loop?t.progressLoop:t.progress;let l=c,o=(p-c)*n;s?(o=-o,o>0?(l=c-o,o=0):-o+c>p&&(l=p+o)):o<0?(l=c+o,o=0):o+c>p&&(l=p-o),t.isHorizontal()?(a.style.transform=`translate3d(${o}px, 0, 0)`,a.style.width=`${l}px`):(a.style.transform=`translate3d(0px, ${o}px, 0)`,a.style.height=`${l}px`),r.hide&&(clearTimeout(h),i.style.opacity=1,h=setTimeout((()=>{i.style.opacity=0,i.style.transitionDuration="400ms"}),1e3))}function b(){if(!t.params.scrollbar.el||!t.scrollbar.el)return;const{scrollbar:e}=t,{dragEl:s,el:a}=e;s.style.width="",s.style.height="",p=t.isHorizontal()?a.offsetWidth:a.offsetHeight,u=t.size/(t.virtualSize+t.params.slidesOffsetBefore-(t.params.centeredSlides?t.snapGrid[0]:0)),c="auto"===t.params.scrollbar.dragSize?p*u:parseInt(t.params.scrollbar.dragSize,10),t.isHorizontal()?s.style.width=`${c}px`:s.style.height=`${c}px`,a.style.display=u>=1?"none":"",t.params.scrollbar.hide&&(a.style.opacity=0),t.params.watchOverflow&&t.enabled&&e.el.classList[t.isLocked?"add":"remove"](t.params.scrollbar.lockClass)}function y(e){return t.isHorizontal()?e.clientX:e.clientY}function E(e){const{scrollbar:s,rtlTranslate:a}=t,{el:i}=s;let r;r=(y(e)-w(i)[t.isHorizontal()?"left":"top"]-(null!==d?d:c/2))/(p-c),r=Math.max(Math.min(r,1),0),a&&(r=1-r);const n=t.minTranslate()+(t.maxTranslate()-t.minTranslate())*r;t.updateProgress(n),t.setTranslate(n),t.updateActiveIndex(),t.updateSlidesClasses()}function x(e){const s=t.params.scrollbar,{scrollbar:a,wrapperEl:i}=t,{el:n,dragEl:l}=a;m=!0,d=e.target===l?y(e)-e.target.getBoundingClientRect()[t.isHorizontal()?"left":"top"]:null,e.preventDefault(),e.stopPropagation(),i.style.transitionDuration="100ms",l.style.transitionDuration="100ms",E(e),clearTimeout(f),n.style.transitionDuration="0ms",s.hide&&(n.style.opacity=1),t.params.cssMode&&(t.wrapperEl.style["scroll-snap-type"]="none"),r("scrollbarDragStart",e)}function S(e){const{scrollbar:s,wrapperEl:a}=t,{el:i,dragEl:n}=s;m&&(e.preventDefault&&e.cancelable?e.preventDefault():e.returnValue=!1,E(e),a.style.transitionDuration="0ms",i.style.transitionDuration="0ms",n.style.transitionDuration="0ms",r("scrollbarDragMove",e))}function M(e){const s=t.params.scrollbar,{scrollbar:a,wrapperEl:i}=t,{el:n}=a;m&&(m=!1,t.params.cssMode&&(t.wrapperEl.style["scroll-snap-type"]="",i.style.transitionDuration=""),s.hide&&(clearTimeout(f),f=l((()=>{n.style.opacity=0,n.style.transitionDuration="400ms"}),1e3)),r("scrollbarDragEnd",e),s.snapOnRelease&&t.slideToClosest())}function C(e){const{scrollbar:s,params:a}=t,i=s.el;if(!i)return;const r=i,n=!!a.passiveListeners&&{passive:!1,capture:!1},l=!!a.passiveListeners&&{passive:!0,capture:!1};if(!r)return;const d="on"===e?"addEventListener":"removeEventListener";r[d]("pointerdown",x,n),o[d]("pointermove",S,n),o[d]("pointerup",M,l)}function P(){const{scrollbar:e,el:s}=t;t.params.scrollbar=ne(t,t.originalParams.scrollbar,t.params.scrollbar,{el:"swiper-scrollbar"});const a=t.params.scrollbar;if(!a.el)return;let i,r;if("string"==typeof a.el&&t.isElement&&(i=t.el.querySelector(a.el)),i||"string"!=typeof a.el)i||(i=a.el);else if(i=o.querySelectorAll(a.el),!i.length)return;t.params.uniqueNavElements&&"string"==typeof a.el&&i.length>1&&1===s.querySelectorAll(a.el).length&&(i=s.querySelector(a.el)),i.length>0&&(i=i[0]),i.classList.add(t.isHorizontal()?a.horizontalClass:a.verticalClass),i&&(r=i.querySelector(le(t.params.scrollbar.dragClass)),r||(r=v("div",t.params.scrollbar.dragClass),i.append(r))),Object.assign(e,{el:i,dragEl:r}),a.draggable&&t.params.scrollbar.el&&t.scrollbar.el&&C("on"),i&&i.classList[t.enabled?"remove":"add"](...n(t.params.scrollbar.lockClass))}function L(){const e=t.params.scrollbar,s=t.scrollbar.el;s&&s.classList.remove(...n(t.isHorizontal()?e.horizontalClass:e.verticalClass)),t.params.scrollbar.el&&t.scrollbar.el&&C("off")}s({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),t.scrollbar={el:null,dragEl:null},i("changeDirection",(()=>{if(!t.scrollbar||!t.scrollbar.el)return;const e=t.params.scrollbar;let{el:s}=t.scrollbar;s=T(s),s.forEach((s=>{s.classList.remove(e.horizontalClass,e.verticalClass),s.classList.add(t.isHorizontal()?e.horizontalClass:e.verticalClass)}))})),i("init",(()=>{!1===t.params.scrollbar.enabled?I():(P(),b(),g())})),i("update resize observerUpdate lock unlock changeDirection",(()=>{b()})),i("setTranslate",(()=>{g()})),i("setTransition",((e,s)=>{!function(e){t.params.scrollbar.el&&t.scrollbar.el&&(t.scrollbar.dragEl.style.transitionDuration=`${e}ms`)}(s)})),i("enable disable",(()=>{const{el:e}=t.scrollbar;e&&e.classList[t.enabled?"remove":"add"](...n(t.params.scrollbar.lockClass))})),i("destroy",(()=>{L()}));const I=()=>{t.el.classList.add(...n(t.params.scrollbar.scrollbarDisabledClass)),t.scrollbar.el&&t.scrollbar.el.classList.add(...n(t.params.scrollbar.scrollbarDisabledClass)),L()};Object.assign(t.scrollbar,{enable:()=>{t.el.classList.remove(...n(t.params.scrollbar.scrollbarDisabledClass)),t.scrollbar.el&&t.scrollbar.el.classList.remove(...n(t.params.scrollbar.scrollbarDisabledClass)),P(),b(),g()},disable:I,updateSize:b,setTranslate:g,init:P,destroy:L})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({parallax:{enabled:!1}});const i="[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",r=(e,s)=>{const{rtl:a}=t,i=a?-1:1,r=e.getAttribute("data-swiper-parallax")||"0";let n=e.getAttribute("data-swiper-parallax-x"),l=e.getAttribute("data-swiper-parallax-y");const o=e.getAttribute("data-swiper-parallax-scale"),d=e.getAttribute("data-swiper-parallax-opacity"),c=e.getAttribute("data-swiper-parallax-rotate");if(n||l?(n=n||"0",l=l||"0"):t.isHorizontal()?(n=r,l="0"):(l=r,n="0"),n=n.indexOf("%")>=0?parseInt(n,10)*s*i+"%":n*s*i+"px",l=l.indexOf("%")>=0?parseInt(l,10)*s+"%":l*s+"px",null!=d){const t=d-(d-1)*(1-Math.abs(s));e.style.opacity=t}let p=`translate3d(${n}, ${l}, 0px)`;if(null!=o){p+=` scale(${o-(o-1)*(1-Math.abs(s))})`}if(c&&null!=c){p+=` rotate(${c*s*-1}deg)`}e.style.transform=p},n=()=>{const{el:e,slides:s,progress:a,snapGrid:n,isElement:l}=t,o=f(e,i);t.isElement&&o.push(...f(t.hostEl,i)),o.forEach((e=>{r(e,a)})),s.forEach(((e,s)=>{let l=e.progress;t.params.slidesPerGroup>1&&"auto"!==t.params.slidesPerView&&(l+=Math.ceil(s/2)-a*(n.length-1)),l=Math.min(Math.max(l,-1),1),e.querySelectorAll(`${i}, [data-swiper-parallax-rotate]`).forEach((e=>{r(e,l)}))}))};a("beforeInit",(()=>{t.params.parallax.enabled&&(t.params.watchSlidesProgress=!0,t.originalParams.watchSlidesProgress=!0)})),a("init",(()=>{t.params.parallax.enabled&&n()})),a("setTranslate",(()=>{t.params.parallax.enabled&&n()})),a("setTransition",((e,s)=>{t.params.parallax.enabled&&function(e){void 0===e&&(e=t.params.speed);const{el:s,hostEl:a}=t,r=[...s.querySelectorAll(i)];t.isElement&&r.push(...a.querySelectorAll(i)),r.forEach((t=>{let s=parseInt(t.getAttribute("data-swiper-parallax-duration"),10)||e;0===e&&(s=0),t.style.transitionDuration=`${s}ms`}))}(s)}))},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=r();s({zoom:{enabled:!1,limitToOriginalSize:!1,maxRatio:3,minRatio:1,panOnMouseMove:!1,toggle:!0,containerClass:"swiper-zoom-container",zoomedSlideClass:"swiper-slide-zoomed"}}),t.zoom={enabled:!1};let l=1,o=!1,c=!1,p={x:0,y:0};const u=-3;let m,h;const g=[],v={originX:0,originY:0,slideEl:void 0,slideWidth:void 0,slideHeight:void 0,imageEl:void 0,imageWrapEl:void 0,maxRatio:3},b={isTouched:void 0,isMoved:void 0,currentX:void 0,currentY:void 0,minX:void 0,minY:void 0,maxX:void 0,maxY:void 0,width:void 0,height:void 0,startX:void 0,startY:void 0,touchesStart:{},touchesCurrent:{}},y={x:void 0,y:void 0,prevPositionX:void 0,prevPositionY:void 0,prevTime:void 0};let x,S=1;function T(){if(g.length<2)return 1;const e=g[0].pageX,t=g[0].pageY,s=g[1].pageX,a=g[1].pageY;return Math.sqrt((s-e)**2+(a-t)**2)}function M(){const e=t.params.zoom,s=v.imageWrapEl.getAttribute("data-swiper-zoom")||e.maxRatio;if(e.limitToOriginalSize&&v.imageEl&&v.imageEl.naturalWidth){const e=v.imageEl.naturalWidth/v.imageEl.offsetWidth;return Math.min(e,s)}return s}function C(e){const s=t.isElement?"swiper-slide":`.${t.params.slideClass}`;return!!e.target.matches(s)||t.slides.filter((t=>t.contains(e.target))).length>0}function P(e){const s=`.${t.params.zoom.containerClass}`;return!!e.target.matches(s)||[...t.hostEl.querySelectorAll(s)].filter((t=>t.contains(e.target))).length>0}function L(e){if("mouse"===e.pointerType&&g.splice(0,g.length),!C(e))return;const s=t.params.zoom;if(m=!1,h=!1,g.push(e),!(g.length<2)){if(m=!0,v.scaleStart=T(),!v.slideEl){v.slideEl=e.target.closest(`.${t.params.slideClass}, swiper-slide`),v.slideEl||(v.slideEl=t.slides[t.activeIndex]);let a=v.slideEl.querySelector(`.${s.containerClass}`);if(a&&(a=a.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),v.imageEl=a,v.imageWrapEl=a?E(v.imageEl,`.${s.containerClass}`)[0]:void 0,!v.imageWrapEl)return void(v.imageEl=void 0);v.maxRatio=M()}if(v.imageEl){const[e,t]=function(){if(g.length<2)return{x:null,y:null};const e=v.imageEl.getBoundingClientRect();return[(g[0].pageX+(g[1].pageX-g[0].pageX)/2-e.x-n.scrollX)/l,(g[0].pageY+(g[1].pageY-g[0].pageY)/2-e.y-n.scrollY)/l]}();v.originX=e,v.originY=t,v.imageEl.style.transitionDuration="0ms"}o=!0}}function I(e){if(!C(e))return;const s=t.params.zoom,a=t.zoom,i=g.findIndex((t=>t.pointerId===e.pointerId));i>=0&&(g[i]=e),g.length<2||(h=!0,v.scaleMove=T(),v.imageEl&&(a.scale=v.scaleMove/v.scaleStart*l,a.scale>v.maxRatio&&(a.scale=v.maxRatio-1+(a.scale-v.maxRatio+1)**.5),a.scale<s.minRatio&&(a.scale=s.minRatio+1-(s.minRatio-a.scale+1)**.5),v.imageEl.style.transform=`translate3d(0,0,0) scale(${a.scale})`))}function z(e){if(!C(e))return;if("mouse"===e.pointerType&&"pointerout"===e.type)return;const s=t.params.zoom,a=t.zoom,i=g.findIndex((t=>t.pointerId===e.pointerId));i>=0&&g.splice(i,1),m&&h&&(m=!1,h=!1,v.imageEl&&(a.scale=Math.max(Math.min(a.scale,v.maxRatio),s.minRatio),v.imageEl.style.transitionDuration=`${t.params.speed}ms`,v.imageEl.style.transform=`translate3d(0,0,0) scale(${a.scale})`,l=a.scale,o=!1,a.scale>1&&v.slideEl?v.slideEl.classList.add(`${s.zoomedSlideClass}`):a.scale<=1&&v.slideEl&&v.slideEl.classList.remove(`${s.zoomedSlideClass}`),1===a.scale&&(v.originX=0,v.originY=0,v.slideEl=void 0)))}function A(){t.touchEventsData.preventTouchMoveFromPointerMove=!1}function $(e){const s="mouse"===e.pointerType&&t.params.zoom.panOnMouseMove;if(!C(e)||!P(e))return;const a=t.zoom;if(!v.imageEl)return;if(!b.isTouched||!v.slideEl)return void(s&&O(e));if(s)return void O(e);b.isMoved||(b.width=v.imageEl.offsetWidth||v.imageEl.clientWidth,b.height=v.imageEl.offsetHeight||v.imageEl.clientHeight,b.startX=d(v.imageWrapEl,"x")||0,b.startY=d(v.imageWrapEl,"y")||0,v.slideWidth=v.slideEl.offsetWidth,v.slideHeight=v.slideEl.offsetHeight,v.imageWrapEl.style.transitionDuration="0ms");const i=b.width*a.scale,r=b.height*a.scale;b.minX=Math.min(v.slideWidth/2-i/2,0),b.maxX=-b.minX,b.minY=Math.min(v.slideHeight/2-r/2,0),b.maxY=-b.minY,b.touchesCurrent.x=g.length>0?g[0].pageX:e.pageX,b.touchesCurrent.y=g.length>0?g[0].pageY:e.pageY;if(Math.max(Math.abs(b.touchesCurrent.x-b.touchesStart.x),Math.abs(b.touchesCurrent.y-b.touchesStart.y))>5&&(t.allowClick=!1),!b.isMoved&&!o){if(t.isHorizontal()&&(Math.floor(b.minX)===Math.floor(b.startX)&&b.touchesCurrent.x<b.touchesStart.x||Math.floor(b.maxX)===Math.floor(b.startX)&&b.touchesCurrent.x>b.touchesStart.x))return b.isTouched=!1,void A();if(!t.isHorizontal()&&(Math.floor(b.minY)===Math.floor(b.startY)&&b.touchesCurrent.y<b.touchesStart.y||Math.floor(b.maxY)===Math.floor(b.startY)&&b.touchesCurrent.y>b.touchesStart.y))return b.isTouched=!1,void A()}e.cancelable&&e.preventDefault(),e.stopPropagation(),clearTimeout(x),t.touchEventsData.preventTouchMoveFromPointerMove=!0,x=setTimeout((()=>{t.destroyed||A()})),b.isMoved=!0;const n=(a.scale-l)/(v.maxRatio-t.params.zoom.minRatio),{originX:c,originY:p}=v;b.currentX=b.touchesCurrent.x-b.touchesStart.x+b.startX+n*(b.width-2*c),b.currentY=b.touchesCurrent.y-b.touchesStart.y+b.startY+n*(b.height-2*p),b.currentX<b.minX&&(b.currentX=b.minX+1-(b.minX-b.currentX+1)**.8),b.currentX>b.maxX&&(b.currentX=b.maxX-1+(b.currentX-b.maxX+1)**.8),b.currentY<b.minY&&(b.currentY=b.minY+1-(b.minY-b.currentY+1)**.8),b.currentY>b.maxY&&(b.currentY=b.maxY-1+(b.currentY-b.maxY+1)**.8),y.prevPositionX||(y.prevPositionX=b.touchesCurrent.x),y.prevPositionY||(y.prevPositionY=b.touchesCurrent.y),y.prevTime||(y.prevTime=Date.now()),y.x=(b.touchesCurrent.x-y.prevPositionX)/(Date.now()-y.prevTime)/2,y.y=(b.touchesCurrent.y-y.prevPositionY)/(Date.now()-y.prevTime)/2,Math.abs(b.touchesCurrent.x-y.prevPositionX)<2&&(y.x=0),Math.abs(b.touchesCurrent.y-y.prevPositionY)<2&&(y.y=0),y.prevPositionX=b.touchesCurrent.x,y.prevPositionY=b.touchesCurrent.y,y.prevTime=Date.now(),v.imageWrapEl.style.transform=`translate3d(${b.currentX}px, ${b.currentY}px,0)`}function k(){const e=t.zoom;v.slideEl&&t.activeIndex!==t.slides.indexOf(v.slideEl)&&(v.imageEl&&(v.imageEl.style.transform="translate3d(0,0,0) scale(1)"),v.imageWrapEl&&(v.imageWrapEl.style.transform="translate3d(0,0,0)"),v.slideEl.classList.remove(`${t.params.zoom.zoomedSlideClass}`),e.scale=1,l=1,v.slideEl=void 0,v.imageEl=void 0,v.imageWrapEl=void 0,v.originX=0,v.originY=0)}function O(e){if(l<=1||!v.imageWrapEl)return;if(!C(e)||!P(e))return;const t=n.getComputedStyle(v.imageWrapEl).transform,s=new n.DOMMatrix(t);if(!c)return c=!0,p.x=e.clientX,p.y=e.clientY,b.startX=s.e,b.startY=s.f,b.width=v.imageEl.offsetWidth||v.imageEl.clientWidth,b.height=v.imageEl.offsetHeight||v.imageEl.clientHeight,v.slideWidth=v.slideEl.offsetWidth,void(v.slideHeight=v.slideEl.offsetHeight);const a=(e.clientX-p.x)*u,i=(e.clientY-p.y)*u,r=b.width*l,o=b.height*l,d=v.slideWidth,m=v.slideHeight,h=Math.min(d/2-r/2,0),f=-h,g=Math.min(m/2-o/2,0),w=-g,y=Math.max(Math.min(b.startX+a,f),h),E=Math.max(Math.min(b.startY+i,w),g);v.imageWrapEl.style.transitionDuration="0ms",v.imageWrapEl.style.transform=`translate3d(${y}px, ${E}px, 0)`,p.x=e.clientX,p.y=e.clientY,b.startX=y,b.startY=E,b.currentX=y,b.currentY=E}function D(e){const s=t.zoom,a=t.params.zoom;if(!v.slideEl){e&&e.target&&(v.slideEl=e.target.closest(`.${t.params.slideClass}, swiper-slide`)),v.slideEl||(t.params.virtual&&t.params.virtual.enabled&&t.virtual?v.slideEl=f(t.slidesEl,`.${t.params.slideActiveClass}`)[0]:v.slideEl=t.slides[t.activeIndex]);let s=v.slideEl.querySelector(`.${a.containerClass}`);s&&(s=s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),v.imageEl=s,v.imageWrapEl=s?E(v.imageEl,`.${a.containerClass}`)[0]:void 0}if(!v.imageEl||!v.imageWrapEl)return;let i,r,o,d,c,p,u,m,h,g,y,x,S,T,C,P,L,I;t.params.cssMode&&(t.wrapperEl.style.overflow="hidden",t.wrapperEl.style.touchAction="none"),v.slideEl.classList.add(`${a.zoomedSlideClass}`),void 0===b.touchesStart.x&&e?(i=e.pageX,r=e.pageY):(i=b.touchesStart.x,r=b.touchesStart.y);const z=l,A="number"==typeof e?e:null;1===l&&A&&(i=void 0,r=void 0,b.touchesStart.x=void 0,b.touchesStart.y=void 0);const $=M();s.scale=A||$,l=A||$,!e||1===l&&A?(u=0,m=0):(L=v.slideEl.offsetWidth,I=v.slideEl.offsetHeight,o=w(v.slideEl).left+n.scrollX,d=w(v.slideEl).top+n.scrollY,c=o+L/2-i,p=d+I/2-r,h=v.imageEl.offsetWidth||v.imageEl.clientWidth,g=v.imageEl.offsetHeight||v.imageEl.clientHeight,y=h*s.scale,x=g*s.scale,S=Math.min(L/2-y/2,0),T=Math.min(I/2-x/2,0),C=-S,P=-T,z>0&&A&&"number"==typeof b.currentX&&"number"==typeof b.currentY?(u=b.currentX*s.scale/z,m=b.currentY*s.scale/z):(u=c*s.scale,m=p*s.scale),u<S&&(u=S),u>C&&(u=C),m<T&&(m=T),m>P&&(m=P)),A&&1===s.scale&&(v.originX=0,v.originY=0),b.currentX=u,b.currentY=m,v.imageWrapEl.style.transitionDuration="300ms",v.imageWrapEl.style.transform=`translate3d(${u}px, ${m}px,0)`,v.imageEl.style.transitionDuration="300ms",v.imageEl.style.transform=`translate3d(0,0,0) scale(${s.scale})`}function G(){const e=t.zoom,s=t.params.zoom;if(!v.slideEl){t.params.virtual&&t.params.virtual.enabled&&t.virtual?v.slideEl=f(t.slidesEl,`.${t.params.slideActiveClass}`)[0]:v.slideEl=t.slides[t.activeIndex];let e=v.slideEl.querySelector(`.${s.containerClass}`);e&&(e=e.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),v.imageEl=e,v.imageWrapEl=e?E(v.imageEl,`.${s.containerClass}`)[0]:void 0}v.imageEl&&v.imageWrapEl&&(t.params.cssMode&&(t.wrapperEl.style.overflow="",t.wrapperEl.style.touchAction=""),e.scale=1,l=1,b.currentX=void 0,b.currentY=void 0,b.touchesStart.x=void 0,b.touchesStart.y=void 0,v.imageWrapEl.style.transitionDuration="300ms",v.imageWrapEl.style.transform="translate3d(0,0,0)",v.imageEl.style.transitionDuration="300ms",v.imageEl.style.transform="translate3d(0,0,0) scale(1)",v.slideEl.classList.remove(`${s.zoomedSlideClass}`),v.slideEl=void 0,v.originX=0,v.originY=0,t.params.zoom.panOnMouseMove&&(p={x:0,y:0},c&&(c=!1,b.startX=0,b.startY=0)))}function X(e){const s=t.zoom;s.scale&&1!==s.scale?G():D(e)}function Y(){return{passiveListener:!!t.params.passiveListeners&&{passive:!0,capture:!1},activeListenerWithCapture:!t.params.passiveListeners||{passive:!1,capture:!0}}}function B(){const e=t.zoom;if(e.enabled)return;e.enabled=!0;const{passiveListener:s,activeListenerWithCapture:a}=Y();t.wrapperEl.addEventListener("pointerdown",L,s),t.wrapperEl.addEventListener("pointermove",I,a),["pointerup","pointercancel","pointerout"].forEach((e=>{t.wrapperEl.addEventListener(e,z,s)})),t.wrapperEl.addEventListener("pointermove",$,a)}function H(){const e=t.zoom;if(!e.enabled)return;e.enabled=!1;const{passiveListener:s,activeListenerWithCapture:a}=Y();t.wrapperEl.removeEventListener("pointerdown",L,s),t.wrapperEl.removeEventListener("pointermove",I,a),["pointerup","pointercancel","pointerout"].forEach((e=>{t.wrapperEl.removeEventListener(e,z,s)})),t.wrapperEl.removeEventListener("pointermove",$,a)}Object.defineProperty(t.zoom,"scale",{get:()=>S,set(e){if(S!==e){const t=v.imageEl,s=v.slideEl;i("zoomChange",e,t,s)}S=e}}),a("init",(()=>{t.params.zoom.enabled&&B()})),a("destroy",(()=>{H()})),a("touchStart",((e,s)=>{t.zoom.enabled&&function(e){const s=t.device;if(!v.imageEl)return;if(b.isTouched)return;s.android&&e.cancelable&&e.preventDefault(),b.isTouched=!0;const a=g.length>0?g[0]:e;b.touchesStart.x=a.pageX,b.touchesStart.y=a.pageY}(s)})),a("touchEnd",((e,s)=>{t.zoom.enabled&&function(){const e=t.zoom;if(g.length=0,!v.imageEl)return;if(!b.isTouched||!b.isMoved)return b.isTouched=!1,void(b.isMoved=!1);b.isTouched=!1,b.isMoved=!1;let s=300,a=300;const i=y.x*s,r=b.currentX+i,n=y.y*a,l=b.currentY+n;0!==y.x&&(s=Math.abs((r-b.currentX)/y.x)),0!==y.y&&(a=Math.abs((l-b.currentY)/y.y));const o=Math.max(s,a);b.currentX=r,b.currentY=l;const d=b.width*e.scale,c=b.height*e.scale;b.minX=Math.min(v.slideWidth/2-d/2,0),b.maxX=-b.minX,b.minY=Math.min(v.slideHeight/2-c/2,0),b.maxY=-b.minY,b.currentX=Math.max(Math.min(b.currentX,b.maxX),b.minX),b.currentY=Math.max(Math.min(b.currentY,b.maxY),b.minY),v.imageWrapEl.style.transitionDuration=`${o}ms`,v.imageWrapEl.style.transform=`translate3d(${b.currentX}px, ${b.currentY}px,0)`}()})),a("doubleTap",((e,s)=>{!t.animating&&t.params.zoom.enabled&&t.zoom.enabled&&t.params.zoom.toggle&&X(s)})),a("transitionEnd",(()=>{t.zoom.enabled&&t.params.zoom.enabled&&k()})),a("slideChange",(()=>{t.zoom.enabled&&t.params.zoom.enabled&&t.params.cssMode&&k()})),Object.assign(t.zoom,{enable:B,disable:H,in:D,out:G,toggle:X})},function(e){let{swiper:t,extendParams:s,on:a}=e;function i(e,t){const s=function(){let e,t,s;return(a,i)=>{for(t=-1,e=a.length;e-t>1;)s=e+t>>1,a[s]<=i?t=s:e=s;return e}}();let a,i;return this.x=e,this.y=t,this.lastIndex=e.length-1,this.interpolate=function(e){return e?(i=s(this.x,e),a=i-1,(e-this.x[a])*(this.y[i]-this.y[a])/(this.x[i]-this.x[a])+this.y[a]):0},this}function r(){t.controller.control&&t.controller.spline&&(t.controller.spline=void 0,delete t.controller.spline)}s({controller:{control:void 0,inverse:!1,by:"slide"}}),t.controller={control:void 0},a("beforeInit",(()=>{if("undefined"!=typeof window&&("string"==typeof t.params.controller.control||t.params.controller.control instanceof HTMLElement)){("string"==typeof t.params.controller.control?[...document.querySelectorAll(t.params.controller.control)]:[t.params.controller.control]).forEach((e=>{if(t.controller.control||(t.controller.control=[]),e&&e.swiper)t.controller.control.push(e.swiper);else if(e){const s=`${t.params.eventsPrefix}init`,a=i=>{t.controller.control.push(i.detail[0]),t.update(),e.removeEventListener(s,a)};e.addEventListener(s,a)}}))}else t.controller.control=t.params.controller.control})),a("update",(()=>{r()})),a("resize",(()=>{r()})),a("observerUpdate",(()=>{r()})),a("setTranslate",((e,s,a)=>{t.controller.control&&!t.controller.control.destroyed&&t.controller.setTranslate(s,a)})),a("setTransition",((e,s,a)=>{t.controller.control&&!t.controller.control.destroyed&&t.controller.setTransition(s,a)})),Object.assign(t.controller,{setTranslate:function(e,s){const a=t.controller.control;let r,n;const l=t.constructor;function o(e){if(e.destroyed)return;const s=t.rtlTranslate?-t.translate:t.translate;"slide"===t.params.controller.by&&(!function(e){t.controller.spline=t.params.loop?new i(t.slidesGrid,e.slidesGrid):new i(t.snapGrid,e.snapGrid)}(e),n=-t.controller.spline.interpolate(-s)),n&&"container"!==t.params.controller.by||(r=(e.maxTranslate()-e.minTranslate())/(t.maxTranslate()-t.minTranslate()),!Number.isNaN(r)&&Number.isFinite(r)||(r=1),n=(s-t.minTranslate())*r+e.minTranslate()),t.params.controller.inverse&&(n=e.maxTranslate()-n),e.updateProgress(n),e.setTranslate(n,t),e.updateActiveIndex(),e.updateSlidesClasses()}if(Array.isArray(a))for(let e=0;e<a.length;e+=1)a[e]!==s&&a[e]instanceof l&&o(a[e]);else a instanceof l&&s!==a&&o(a)},setTransition:function(e,s){const a=t.constructor,i=t.controller.control;let r;function n(s){s.destroyed||(s.setTransition(e,t),0!==e&&(s.transitionStart(),s.params.autoHeight&&l((()=>{s.updateAutoHeight()})),x(s.wrapperEl,(()=>{i&&s.transitionEnd()}))))}if(Array.isArray(i))for(r=0;r<i.length;r+=1)i[r]!==s&&i[r]instanceof a&&n(i[r]);else i instanceof a&&s!==i&&n(i)}})},function(e){let{swiper:t,extendParams:s,on:i}=e;s({a11y:{enabled:!0,notificationClass:"swiper-notification",prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide",paginationBulletMessage:"Go to slide {{index}}",slideLabelMessage:"{{index}} / {{slidesLength}}",containerMessage:null,containerRoleDescriptionMessage:null,containerRole:null,itemRoleDescriptionMessage:null,slideRole:"group",id:null,scrollOnFocus:!0}}),t.a11y={clicked:!1};let r,n,l=null,o=(new Date).getTime();function d(e){const t=l;0!==t.length&&C(t,e)}function c(e){(e=T(e)).forEach((e=>{e.setAttribute("tabIndex","0")}))}function p(e){(e=T(e)).forEach((e=>{e.setAttribute("tabIndex","-1")}))}function u(e,t){(e=T(e)).forEach((e=>{e.setAttribute("role",t)}))}function m(e,t){(e=T(e)).forEach((e=>{e.setAttribute("aria-roledescription",t)}))}function h(e,t){(e=T(e)).forEach((e=>{e.setAttribute("aria-label",t)}))}function f(e){(e=T(e)).forEach((e=>{e.setAttribute("aria-disabled",!0)}))}function g(e){(e=T(e)).forEach((e=>{e.setAttribute("aria-disabled",!1)}))}function w(e){if(13!==e.keyCode&&32!==e.keyCode)return;const s=t.params.a11y,a=e.target;if(!t.pagination||!t.pagination.el||a!==t.pagination.el&&!t.pagination.el.contains(e.target)||e.target.matches(le(t.params.pagination.bulletClass))){if(t.navigation&&t.navigation.prevEl&&t.navigation.nextEl){const e=T(t.navigation.prevEl);T(t.navigation.nextEl).includes(a)&&(t.isEnd&&!t.params.loop||t.slideNext(),t.isEnd?d(s.lastSlideMessage):d(s.nextSlideMessage)),e.includes(a)&&(t.isBeginning&&!t.params.loop||t.slidePrev(),t.isBeginning?d(s.firstSlideMessage):d(s.prevSlideMessage))}t.pagination&&a.matches(le(t.params.pagination.bulletClass))&&a.click()}}function b(){return t.pagination&&t.pagination.bullets&&t.pagination.bullets.length}function E(){return b()&&t.params.pagination.clickable}const x=(e,t,s)=>{c(e),"BUTTON"!==e.tagName&&(u(e,"button"),e.addEventListener("keydown",w)),h(e,s),function(e,t){(e=T(e)).forEach((e=>{e.setAttribute("aria-controls",t)}))}(e,t)},S=e=>{n&&n!==e.target&&!n.contains(e.target)&&(r=!0),t.a11y.clicked=!0},M=()=>{r=!1,requestAnimationFrame((()=>{requestAnimationFrame((()=>{t.destroyed||(t.a11y.clicked=!1)}))}))},P=e=>{o=(new Date).getTime()},L=e=>{if(t.a11y.clicked||!t.params.a11y.scrollOnFocus)return;if((new Date).getTime()-o<100)return;const s=e.target.closest(`.${t.params.slideClass}, swiper-slide`);if(!s||!t.slides.includes(s))return;n=s;const a=t.slides.indexOf(s)===t.activeIndex,i=t.params.watchSlidesProgress&&t.visibleSlides&&t.visibleSlides.includes(s);a||i||e.sourceCapabilities&&e.sourceCapabilities.firesTouchEvents||(t.isHorizontal()?t.el.scrollLeft=0:t.el.scrollTop=0,requestAnimationFrame((()=>{r||(t.params.loop?t.slideToLoop(t.getSlideIndexWhenGrid(parseInt(s.getAttribute("data-swiper-slide-index"))),0):t.slideTo(t.getSlideIndexWhenGrid(t.slides.indexOf(s)),0),r=!1)})))},I=()=>{const e=t.params.a11y;e.itemRoleDescriptionMessage&&m(t.slides,e.itemRoleDescriptionMessage),e.slideRole&&u(t.slides,e.slideRole);const s=t.slides.length;e.slideLabelMessage&&t.slides.forEach(((a,i)=>{const r=t.params.loop?parseInt(a.getAttribute("data-swiper-slide-index"),10):i;h(a,e.slideLabelMessage.replace(/\{\{index\}\}/,r+1).replace(/\{\{slidesLength\}\}/,s))}))},z=()=>{const e=t.params.a11y;t.el.append(l);const s=t.el;e.containerRoleDescriptionMessage&&m(s,e.containerRoleDescriptionMessage),e.containerMessage&&h(s,e.containerMessage),e.containerRole&&u(s,e.containerRole);const i=t.wrapperEl,r=e.id||i.getAttribute("id")||`swiper-wrapper-${n=16,void 0===n&&(n=16),"x".repeat(n).replace(/x/g,(()=>Math.round(16*Math.random()).toString(16)))}`;var n;const o=t.params.autoplay&&t.params.autoplay.enabled?"off":"polite";var d;d=r,T(i).forEach((e=>{e.setAttribute("id",d)})),function(e,t){(e=T(e)).forEach((e=>{e.setAttribute("aria-live",t)}))}(i,o),I();let{nextEl:c,prevEl:p}=t.navigation?t.navigation:{};if(c=T(c),p=T(p),c&&c.forEach((t=>x(t,r,e.nextSlideMessage))),p&&p.forEach((t=>x(t,r,e.prevSlideMessage))),E()){T(t.pagination.el).forEach((e=>{e.addEventListener("keydown",w)}))}a().addEventListener("visibilitychange",P),t.el.addEventListener("focus",L,!0),t.el.addEventListener("focus",L,!0),t.el.addEventListener("pointerdown",S,!0),t.el.addEventListener("pointerup",M,!0)};i("beforeInit",(()=>{l=v("span",t.params.a11y.notificationClass),l.setAttribute("aria-live","assertive"),l.setAttribute("aria-atomic","true")})),i("afterInit",(()=>{t.params.a11y.enabled&&z()})),i("slidesLengthChange snapGridLengthChange slidesGridLengthChange",(()=>{t.params.a11y.enabled&&I()})),i("fromEdge toEdge afterInit lock unlock",(()=>{t.params.a11y.enabled&&function(){if(t.params.loop||t.params.rewind||!t.navigation)return;const{nextEl:e,prevEl:s}=t.navigation;s&&(t.isBeginning?(f(s),p(s)):(g(s),c(s))),e&&(t.isEnd?(f(e),p(e)):(g(e),c(e)))}()})),i("paginationUpdate",(()=>{t.params.a11y.enabled&&function(){const e=t.params.a11y;b()&&t.pagination.bullets.forEach((s=>{t.params.pagination.clickable&&(c(s),t.params.pagination.renderBullet||(u(s,"button"),h(s,e.paginationBulletMessage.replace(/\{\{index\}\}/,y(s)+1)))),s.matches(le(t.params.pagination.bulletActiveClass))?s.setAttribute("aria-current","true"):s.removeAttribute("aria-current")}))}()})),i("destroy",(()=>{t.params.a11y.enabled&&function(){l&&l.remove();let{nextEl:e,prevEl:s}=t.navigation?t.navigation:{};e=T(e),s=T(s),e&&e.forEach((e=>e.removeEventListener("keydown",w))),s&&s.forEach((e=>e.removeEventListener("keydown",w))),E()&&T(t.pagination.el).forEach((e=>{e.removeEventListener("keydown",w)}));a().removeEventListener("visibilitychange",P),t.el&&"string"!=typeof t.el&&(t.el.removeEventListener("focus",L,!0),t.el.removeEventListener("pointerdown",S,!0),t.el.removeEventListener("pointerup",M,!0))}()}))},function(e){let{swiper:t,extendParams:s,on:a}=e;s({history:{enabled:!1,root:"",replaceState:!1,key:"slides",keepQuery:!1}});let i=!1,n={};const l=e=>e.toString().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,""),o=e=>{const t=r();let s;s=e?new URL(e):t.location;const a=s.pathname.slice(1).split("/").filter((e=>""!==e)),i=a.length;return{key:a[i-2],value:a[i-1]}},d=(e,s)=>{const a=r();if(!i||!t.params.history.enabled)return;let n;n=t.params.url?new URL(t.params.url):a.location;const o=t.virtual&&t.params.virtual.enabled?t.slidesEl.querySelector(`[data-swiper-slide-index="${s}"]`):t.slides[s];let d=l(o.getAttribute("data-history"));if(t.params.history.root.length>0){let s=t.params.history.root;"/"===s[s.length-1]&&(s=s.slice(0,s.length-1)),d=`${s}/${e?`${e}/`:""}${d}`}else n.pathname.includes(e)||(d=`${e?`${e}/`:""}${d}`);t.params.history.keepQuery&&(d+=n.search);const c=a.history.state;c&&c.value===d||(t.params.history.replaceState?a.history.replaceState({value:d},null,d):a.history.pushState({value:d},null,d))},c=(e,s,a)=>{if(s)for(let i=0,r=t.slides.length;i<r;i+=1){const r=t.slides[i];if(l(r.getAttribute("data-history"))===s){const s=t.getSlideIndex(r);t.slideTo(s,e,a)}}else t.slideTo(0,e,a)},p=()=>{n=o(t.params.url),c(t.params.speed,n.value,!1)};a("init",(()=>{t.params.history.enabled&&(()=>{const e=r();if(t.params.history){if(!e.history||!e.history.pushState)return t.params.history.enabled=!1,void(t.params.hashNavigation.enabled=!0);i=!0,n=o(t.params.url),n.key||n.value?(c(0,n.value,t.params.runCallbacksOnInit),t.params.history.replaceState||e.addEventListener("popstate",p)):t.params.history.replaceState||e.addEventListener("popstate",p)}})()})),a("destroy",(()=>{t.params.history.enabled&&(()=>{const e=r();t.params.history.replaceState||e.removeEventListener("popstate",p)})()})),a("transitionEnd _freeModeNoMomentumRelease",(()=>{i&&d(t.params.history.key,t.activeIndex)})),a("slideChange",(()=>{i&&t.params.cssMode&&d(t.params.history.key,t.activeIndex)}))},function(e){let{swiper:t,extendParams:s,emit:i,on:n}=e,l=!1;const o=a(),d=r();s({hashNavigation:{enabled:!1,replaceState:!1,watchState:!1,getSlideIndex(e,s){if(t.virtual&&t.params.virtual.enabled){const e=t.slides.find((e=>e.getAttribute("data-hash")===s));if(!e)return 0;return parseInt(e.getAttribute("data-swiper-slide-index"),10)}return t.getSlideIndex(f(t.slidesEl,`.${t.params.slideClass}[data-hash="${s}"], swiper-slide[data-hash="${s}"]`)[0])}}});const c=()=>{i("hashChange");const e=o.location.hash.replace("#",""),s=t.virtual&&t.params.virtual.enabled?t.slidesEl.querySelector(`[data-swiper-slide-index="${t.activeIndex}"]`):t.slides[t.activeIndex];if(e!==(s?s.getAttribute("data-hash"):"")){const s=t.params.hashNavigation.getSlideIndex(t,e);if(void 0===s||Number.isNaN(s))return;t.slideTo(s)}},p=()=>{if(!l||!t.params.hashNavigation.enabled)return;const e=t.virtual&&t.params.virtual.enabled?t.slidesEl.querySelector(`[data-swiper-slide-index="${t.activeIndex}"]`):t.slides[t.activeIndex],s=e?e.getAttribute("data-hash")||e.getAttribute("data-history"):"";t.params.hashNavigation.replaceState&&d.history&&d.history.replaceState?(d.history.replaceState(null,null,`#${s}`||""),i("hashSet")):(o.location.hash=s||"",i("hashSet"))};n("init",(()=>{t.params.hashNavigation.enabled&&(()=>{if(!t.params.hashNavigation.enabled||t.params.history&&t.params.history.enabled)return;l=!0;const e=o.location.hash.replace("#","");if(e){const s=0,a=t.params.hashNavigation.getSlideIndex(t,e);t.slideTo(a||0,s,t.params.runCallbacksOnInit,!0)}t.params.hashNavigation.watchState&&d.addEventListener("hashchange",c)})()})),n("destroy",(()=>{t.params.hashNavigation.enabled&&t.params.hashNavigation.watchState&&d.removeEventListener("hashchange",c)})),n("transitionEnd _freeModeNoMomentumRelease",(()=>{l&&p()})),n("slideChange",(()=>{l&&t.params.cssMode&&p()}))},function(e){let t,s,{swiper:i,extendParams:r,on:n,emit:l,params:o}=e;i.autoplay={running:!1,paused:!1,timeLeft:0},r({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let d,c,p,u,m,h,f,g,v=o&&o.autoplay?o.autoplay.delay:3e3,w=o&&o.autoplay?o.autoplay.delay:3e3,b=(new Date).getTime();function y(e){i&&!i.destroyed&&i.wrapperEl&&e.target===i.wrapperEl&&(i.wrapperEl.removeEventListener("transitionend",y),g||e.detail&&e.detail.bySwiperTouchMove||C())}const E=()=>{if(i.destroyed||!i.autoplay.running)return;i.autoplay.paused?c=!0:c&&(w=d,c=!1);const e=i.autoplay.paused?d:b+w-(new Date).getTime();i.autoplay.timeLeft=e,l("autoplayTimeLeft",e,e/v),s=requestAnimationFrame((()=>{E()}))},x=e=>{if(i.destroyed||!i.autoplay.running)return;cancelAnimationFrame(s),E();let a=void 0===e?i.params.autoplay.delay:e;v=i.params.autoplay.delay,w=i.params.autoplay.delay;const r=(()=>{let e;if(e=i.virtual&&i.params.virtual.enabled?i.slides.find((e=>e.classList.contains("swiper-slide-active"))):i.slides[i.activeIndex],!e)return;return parseInt(e.getAttribute("data-swiper-autoplay"),10)})();!Number.isNaN(r)&&r>0&&void 0===e&&(a=r,v=r,w=r),d=a;const n=i.params.speed,o=()=>{i&&!i.destroyed&&(i.params.autoplay.reverseDirection?!i.isBeginning||i.params.loop||i.params.rewind?(i.slidePrev(n,!0,!0),l("autoplay")):i.params.autoplay.stopOnLastSlide||(i.slideTo(i.slides.length-1,n,!0,!0),l("autoplay")):!i.isEnd||i.params.loop||i.params.rewind?(i.slideNext(n,!0,!0),l("autoplay")):i.params.autoplay.stopOnLastSlide||(i.slideTo(0,n,!0,!0),l("autoplay")),i.params.cssMode&&(b=(new Date).getTime(),requestAnimationFrame((()=>{x()}))))};return a>0?(clearTimeout(t),t=setTimeout((()=>{o()}),a)):requestAnimationFrame((()=>{o()})),a},S=()=>{b=(new Date).getTime(),i.autoplay.running=!0,x(),l("autoplayStart")},T=()=>{i.autoplay.running=!1,clearTimeout(t),cancelAnimationFrame(s),l("autoplayStop")},M=(e,s)=>{if(i.destroyed||!i.autoplay.running)return;clearTimeout(t),e||(f=!0);const a=()=>{l("autoplayPause"),i.params.autoplay.waitForTransition?i.wrapperEl.addEventListener("transitionend",y):C()};if(i.autoplay.paused=!0,s)return h&&(d=i.params.autoplay.delay),h=!1,void a();const r=d||i.params.autoplay.delay;d=r-((new Date).getTime()-b),i.isEnd&&d<0&&!i.params.loop||(d<0&&(d=0),a())},C=()=>{i.isEnd&&d<0&&!i.params.loop||i.destroyed||!i.autoplay.running||(b=(new Date).getTime(),f?(f=!1,x(d)):x(),i.autoplay.paused=!1,l("autoplayResume"))},P=()=>{if(i.destroyed||!i.autoplay.running)return;const e=a();"hidden"===e.visibilityState&&(f=!0,M(!0)),"visible"===e.visibilityState&&C()},L=e=>{"mouse"===e.pointerType&&(f=!0,g=!0,i.animating||i.autoplay.paused||M(!0))},I=e=>{"mouse"===e.pointerType&&(g=!1,i.autoplay.paused&&C())};n("init",(()=>{i.params.autoplay.enabled&&(i.params.autoplay.pauseOnMouseEnter&&(i.el.addEventListener("pointerenter",L),i.el.addEventListener("pointerleave",I)),a().addEventListener("visibilitychange",P),S())})),n("destroy",(()=>{i.el&&"string"!=typeof i.el&&(i.el.removeEventListener("pointerenter",L),i.el.removeEventListener("pointerleave",I)),a().removeEventListener("visibilitychange",P),i.autoplay.running&&T()})),n("_freeModeStaticRelease",(()=>{(u||f)&&C()})),n("_freeModeNoMomentumRelease",(()=>{i.params.autoplay.disableOnInteraction?T():M(!0,!0)})),n("beforeTransitionStart",((e,t,s)=>{!i.destroyed&&i.autoplay.running&&(s||!i.params.autoplay.disableOnInteraction?M(!0,!0):T())})),n("sliderFirstMove",(()=>{!i.destroyed&&i.autoplay.running&&(i.params.autoplay.disableOnInteraction?T():(p=!0,u=!1,f=!1,m=setTimeout((()=>{f=!0,u=!0,M(!0)}),200)))})),n("touchEnd",(()=>{if(!i.destroyed&&i.autoplay.running&&p){if(clearTimeout(m),clearTimeout(t),i.params.autoplay.disableOnInteraction)return u=!1,void(p=!1);u&&i.params.cssMode&&C(),u=!1,p=!1}})),n("slideChange",(()=>{!i.destroyed&&i.autoplay.running&&(h=!0)})),Object.assign(i.autoplay,{start:S,stop:T,pause:M,resume:C})},function(e){let{swiper:t,extendParams:s,on:i}=e;s({thumbs:{swiper:null,multipleActiveThumbs:!0,autoScrollOffset:0,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-thumbs"}});let r=!1,n=!1;function l(){const e=t.thumbs.swiper;if(!e||e.destroyed)return;const s=e.clickedIndex,a=e.clickedSlide;if(a&&a.classList.contains(t.params.thumbs.slideThumbActiveClass))return;if(null==s)return;let i;i=e.params.loop?parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"),10):s,t.params.loop?t.slideToLoop(i):t.slideTo(i)}function o(){const{thumbs:e}=t.params;if(r)return!1;r=!0;const s=t.constructor;if(e.swiper instanceof s){if(e.swiper.destroyed)return r=!1,!1;t.thumbs.swiper=e.swiper,Object.assign(t.thumbs.swiper.originalParams,{watchSlidesProgress:!0,slideToClickedSlide:!1}),Object.assign(t.thumbs.swiper.params,{watchSlidesProgress:!0,slideToClickedSlide:!1}),t.thumbs.swiper.update()}else if(c(e.swiper)){const a=Object.assign({},e.swiper);Object.assign(a,{watchSlidesProgress:!0,slideToClickedSlide:!1}),t.thumbs.swiper=new s(a),n=!0}return t.thumbs.swiper.el.classList.add(t.params.thumbs.thumbsContainerClass),t.thumbs.swiper.on("tap",l),!0}function d(e){const s=t.thumbs.swiper;if(!s||s.destroyed)return;const a="auto"===s.params.slidesPerView?s.slidesPerViewDynamic():s.params.slidesPerView;let i=1;const r=t.params.thumbs.slideThumbActiveClass;if(t.params.slidesPerView>1&&!t.params.centeredSlides&&(i=t.params.slidesPerView),t.params.thumbs.multipleActiveThumbs||(i=1),i=Math.floor(i),s.slides.forEach((e=>e.classList.remove(r))),s.params.loop||s.params.virtual&&s.params.virtual.enabled)for(let e=0;e<i;e+=1)f(s.slidesEl,`[data-swiper-slide-index="${t.realIndex+e}"]`).forEach((e=>{e.classList.add(r)}));else for(let e=0;e<i;e+=1)s.slides[t.realIndex+e]&&s.slides[t.realIndex+e].classList.add(r);const n=t.params.thumbs.autoScrollOffset,l=n&&!s.params.loop;if(t.realIndex!==s.realIndex||l){const i=s.activeIndex;let r,o;if(s.params.loop){const e=s.slides.find((e=>e.getAttribute("data-swiper-slide-index")===`${t.realIndex}`));r=s.slides.indexOf(e),o=t.activeIndex>t.previousIndex?"next":"prev"}else r=t.realIndex,o=r>t.previousIndex?"next":"prev";l&&(r+="next"===o?n:-1*n),s.visibleSlidesIndexes&&s.visibleSlidesIndexes.indexOf(r)<0&&(s.params.centeredSlides?r=r>i?r-Math.floor(a/2)+1:r+Math.floor(a/2)-1:r>i&&s.params.slidesPerGroup,s.slideTo(r,e?0:void 0))}}t.thumbs={swiper:null},i("beforeInit",(()=>{const{thumbs:e}=t.params;if(e&&e.swiper)if("string"==typeof e.swiper||e.swiper instanceof HTMLElement){const s=a(),i=()=>{const a="string"==typeof e.swiper?s.querySelector(e.swiper):e.swiper;if(a&&a.swiper)e.swiper=a.swiper,o(),d(!0);else if(a){const s=`${t.params.eventsPrefix}init`,i=r=>{e.swiper=r.detail[0],a.removeEventListener(s,i),o(),d(!0),e.swiper.update(),t.update()};a.addEventListener(s,i)}return a},r=()=>{if(t.destroyed)return;i()||requestAnimationFrame(r)};requestAnimationFrame(r)}else o(),d(!0)})),i("slideChange update resize observerUpdate",(()=>{d()})),i("setTransition",((e,s)=>{const a=t.thumbs.swiper;a&&!a.destroyed&&a.setTransition(s)})),i("beforeDestroy",(()=>{const e=t.thumbs.swiper;e&&!e.destroyed&&n&&e.destroy()})),Object.assign(t.thumbs,{init:o,update:d})},function(e){let{swiper:t,extendParams:s,emit:a,once:i}=e;s({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}}),Object.assign(t,{freeMode:{onTouchStart:function(){if(t.params.cssMode)return;const e=t.getTranslate();t.setTranslate(e),t.setTransition(0),t.touchEventsData.velocities.length=0,t.freeMode.onTouchEnd({currentPos:t.rtl?t.translate:-t.translate})},onTouchMove:function(){if(t.params.cssMode)return;const{touchEventsData:e,touches:s}=t;0===e.velocities.length&&e.velocities.push({position:s[t.isHorizontal()?"startX":"startY"],time:e.touchStartTime}),e.velocities.push({position:s[t.isHorizontal()?"currentX":"currentY"],time:o()})},onTouchEnd:function(e){let{currentPos:s}=e;if(t.params.cssMode)return;const{params:r,wrapperEl:n,rtlTranslate:l,snapGrid:d,touchEventsData:c}=t,p=o()-c.touchStartTime;if(s<-t.minTranslate())t.slideTo(t.activeIndex);else if(s>-t.maxTranslate())t.slides.length<d.length?t.slideTo(d.length-1):t.slideTo(t.slides.length-1);else{if(r.freeMode.momentum){if(c.velocities.length>1){const e=c.velocities.pop(),s=c.velocities.pop(),a=e.position-s.position,i=e.time-s.time;t.velocity=a/i,t.velocity/=2,Math.abs(t.velocity)<r.freeMode.minimumVelocity&&(t.velocity=0),(i>150||o()-e.time>300)&&(t.velocity=0)}else t.velocity=0;t.velocity*=r.freeMode.momentumVelocityRatio,c.velocities.length=0;let e=1e3*r.freeMode.momentumRatio;const s=t.velocity*e;let p=t.translate+s;l&&(p=-p);let u,m=!1;const h=20*Math.abs(t.velocity)*r.freeMode.momentumBounceRatio;let f;if(p<t.maxTranslate())r.freeMode.momentumBounce?(p+t.maxTranslate()<-h&&(p=t.maxTranslate()-h),u=t.maxTranslate(),m=!0,c.allowMomentumBounce=!0):p=t.maxTranslate(),r.loop&&r.centeredSlides&&(f=!0);else if(p>t.minTranslate())r.freeMode.momentumBounce?(p-t.minTranslate()>h&&(p=t.minTranslate()+h),u=t.minTranslate(),m=!0,c.allowMomentumBounce=!0):p=t.minTranslate(),r.loop&&r.centeredSlides&&(f=!0);else if(r.freeMode.sticky){let e;for(let t=0;t<d.length;t+=1)if(d[t]>-p){e=t;break}p=Math.abs(d[e]-p)<Math.abs(d[e-1]-p)||"next"===t.swipeDirection?d[e]:d[e-1],p=-p}if(f&&i("transitionEnd",(()=>{t.loopFix()})),0!==t.velocity){if(e=l?Math.abs((-p-t.translate)/t.velocity):Math.abs((p-t.translate)/t.velocity),r.freeMode.sticky){const s=Math.abs((l?-p:p)-t.translate),a=t.slidesSizesGrid[t.activeIndex];e=s<a?r.speed:s<2*a?1.5*r.speed:2.5*r.speed}}else if(r.freeMode.sticky)return void t.slideToClosest();r.freeMode.momentumBounce&&m?(t.updateProgress(u),t.setTransition(e),t.setTranslate(p),t.transitionStart(!0,t.swipeDirection),t.animating=!0,x(n,(()=>{t&&!t.destroyed&&c.allowMomentumBounce&&(a("momentumBounce"),t.setTransition(r.speed),setTimeout((()=>{t.setTranslate(u),x(n,(()=>{t&&!t.destroyed&&t.transitionEnd()}))}),0))}))):t.velocity?(a("_freeModeNoMomentumRelease"),t.updateProgress(p),t.setTransition(e),t.setTranslate(p),t.transitionStart(!0,t.swipeDirection),t.animating||(t.animating=!0,x(n,(()=>{t&&!t.destroyed&&t.transitionEnd()})))):t.updateProgress(p),t.updateActiveIndex(),t.updateSlidesClasses()}else{if(r.freeMode.sticky)return void t.slideToClosest();r.freeMode&&a("_freeModeNoMomentumRelease")}(!r.freeMode.momentum||p>=r.longSwipesMs)&&(a("_freeModeStaticRelease"),t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses())}}}})},function(e){let t,s,a,i,{swiper:r,extendParams:n,on:l}=e;n({grid:{rows:1,fill:"column"}});const o=()=>{let e=r.params.spaceBetween;return"string"==typeof e&&e.indexOf("%")>=0?e=parseFloat(e.replace("%",""))/100*r.size:"string"==typeof e&&(e=parseFloat(e)),e};l("init",(()=>{i=r.params.grid&&r.params.grid.rows>1})),l("update",(()=>{const{params:e,el:t}=r,s=e.grid&&e.grid.rows>1;i&&!s?(t.classList.remove(`${e.containerModifierClass}grid`,`${e.containerModifierClass}grid-column`),a=1,r.emitContainerClasses()):!i&&s&&(t.classList.add(`${e.containerModifierClass}grid`),"column"===e.grid.fill&&t.classList.add(`${e.containerModifierClass}grid-column`),r.emitContainerClasses()),i=s})),r.grid={initSlides:e=>{const{slidesPerView:i}=r.params,{rows:n,fill:l}=r.params.grid,o=r.virtual&&r.params.virtual.enabled?r.virtual.slides.length:e.length;a=Math.floor(o/n),t=Math.floor(o/n)===o/n?o:Math.ceil(o/n)*n,"auto"!==i&&"row"===l&&(t=Math.max(t,i*n)),s=t/n},unsetSlides:()=>{r.slides&&r.slides.forEach((e=>{e.swiperSlideGridSet&&(e.style.height="",e.style[r.getDirectionLabel("margin-top")]="")}))},updateSlide:(e,i,n)=>{const{slidesPerGroup:l}=r.params,d=o(),{rows:c,fill:p}=r.params.grid,u=r.virtual&&r.params.virtual.enabled?r.virtual.slides.length:n.length;let m,h,f;if("row"===p&&l>1){const s=Math.floor(e/(l*c)),a=e-c*l*s,r=0===s?l:Math.min(Math.ceil((u-s*c*l)/c),l);f=Math.floor(a/r),h=a-f*r+s*l,m=h+f*t/c,i.style.order=m}else"column"===p?(h=Math.floor(e/c),f=e-h*c,(h>a||h===a&&f===c-1)&&(f+=1,f>=c&&(f=0,h+=1))):(f=Math.floor(e/s),h=e-f*s);i.row=f,i.column=h,i.style.height=`calc((100% - ${(c-1)*d}px) / ${c})`,i.style[r.getDirectionLabel("margin-top")]=0!==f?d&&`${d}px`:"",i.swiperSlideGridSet=!0},updateWrapperSize:(e,s)=>{const{centeredSlides:a,roundLengths:i}=r.params,n=o(),{rows:l}=r.params.grid;if(r.virtualSize=(e+n)*t,r.virtualSize=Math.ceil(r.virtualSize/l)-n,r.params.cssMode||(r.wrapperEl.style[r.getDirectionLabel("width")]=`${r.virtualSize+n}px`),a){const e=[];for(let t=0;t<s.length;t+=1){let a=s[t];i&&(a=Math.floor(a)),s[t]<r.virtualSize+s[0]&&e.push(a)}s.splice(0,s.length),s.push(...e)}}}},function(e){let{swiper:t}=e;Object.assign(t,{appendSlide:oe.bind(t),prependSlide:de.bind(t),addSlide:ce.bind(t),removeSlide:pe.bind(t),removeAllSlides:ue.bind(t)})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({fadeEffect:{crossFade:!1}}),me({effect:"fade",swiper:t,on:a,setTranslate:()=>{const{slides:e}=t;t.params.fadeEffect;for(let s=0;s<e.length;s+=1){const e=t.slides[s];let a=-e.swiperSlideOffset;t.params.virtualTranslate||(a-=t.translate);let i=0;t.isHorizontal()||(i=a,a=0);const r=t.params.fadeEffect.crossFade?Math.max(1-Math.abs(e.progress),0):1+Math.min(Math.max(e.progress,-1),0),n=he(0,e);n.style.opacity=r,n.style.transform=`translate3d(${a}px, ${i}px, 0px)`}},setTransition:e=>{const s=t.slides.map((e=>h(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`})),fe({swiper:t,duration:e,transformElements:s,allSlides:!0})},overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}});const i=(e,t,s)=>{let a=s?e.querySelector(".swiper-slide-shadow-left"):e.querySelector(".swiper-slide-shadow-top"),i=s?e.querySelector(".swiper-slide-shadow-right"):e.querySelector(".swiper-slide-shadow-bottom");a||(a=v("div",("swiper-slide-shadow-cube swiper-slide-shadow-"+(s?"left":"top")).split(" ")),e.append(a)),i||(i=v("div",("swiper-slide-shadow-cube swiper-slide-shadow-"+(s?"right":"bottom")).split(" ")),e.append(i)),a&&(a.style.opacity=Math.max(-t,0)),i&&(i.style.opacity=Math.max(t,0))};me({effect:"cube",swiper:t,on:a,setTranslate:()=>{const{el:e,wrapperEl:s,slides:a,width:r,height:n,rtlTranslate:l,size:o,browser:d}=t,c=M(t),p=t.params.cubeEffect,u=t.isHorizontal(),m=t.virtual&&t.params.virtual.enabled;let h,f=0;p.shadow&&(u?(h=t.wrapperEl.querySelector(".swiper-cube-shadow"),h||(h=v("div","swiper-cube-shadow"),t.wrapperEl.append(h)),h.style.height=`${r}px`):(h=e.querySelector(".swiper-cube-shadow"),h||(h=v("div","swiper-cube-shadow"),e.append(h))));for(let e=0;e<a.length;e+=1){const t=a[e];let s=e;m&&(s=parseInt(t.getAttribute("data-swiper-slide-index"),10));let r=90*s,n=Math.floor(r/360);l&&(r=-r,n=Math.floor(-r/360));const d=Math.max(Math.min(t.progress,1),-1);let h=0,g=0,v=0;s%4==0?(h=4*-n*o,v=0):(s-1)%4==0?(h=0,v=4*-n*o):(s-2)%4==0?(h=o+4*n*o,v=o):(s-3)%4==0&&(h=-o,v=3*o+4*o*n),l&&(h=-h),u||(g=h,h=0);const w=`rotateX(${c(u?0:-r)}deg) rotateY(${c(u?r:0)}deg) translate3d(${h}px, ${g}px, ${v}px)`;d<=1&&d>-1&&(f=90*s+90*d,l&&(f=90*-s-90*d)),t.style.transform=w,p.slideShadows&&i(t,d,u)}if(s.style.transformOrigin=`50% 50% -${o/2}px`,s.style["-webkit-transform-origin"]=`50% 50% -${o/2}px`,p.shadow)if(u)h.style.transform=`translate3d(0px, ${r/2+p.shadowOffset}px, ${-r/2}px) rotateX(89.99deg) rotateZ(0deg) scale(${p.shadowScale})`;else{const e=Math.abs(f)-90*Math.floor(Math.abs(f)/90),t=1.5-(Math.sin(2*e*Math.PI/360)/2+Math.cos(2*e*Math.PI/360)/2),s=p.shadowScale,a=p.shadowScale/t,i=p.shadowOffset;h.style.transform=`scale3d(${s}, 1, ${a}) translate3d(0px, ${n/2+i}px, ${-n/2/a}px) rotateX(-89.99deg)`}const g=(d.isSafari||d.isWebView)&&d.needPerspectiveFix?-o/2:0;s.style.transform=`translate3d(0px,0,${g}px) rotateX(${c(t.isHorizontal()?0:f)}deg) rotateY(${c(t.isHorizontal()?-f:0)}deg)`,s.style.setProperty("--swiper-cube-translate-z",`${g}px`)},setTransition:e=>{const{el:s,slides:a}=t;if(a.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),t.params.cubeEffect.shadow&&!t.isHorizontal()){const t=s.querySelector(".swiper-cube-shadow");t&&(t.style.transitionDuration=`${e}ms`)}},recreateShadows:()=>{const e=t.isHorizontal();t.slides.forEach((t=>{const s=Math.max(Math.min(t.progress,1),-1);i(t,s,e)}))},getEffectParams:()=>t.params.cubeEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,resistanceRatio:0,spaceBetween:0,centeredSlides:!1,virtualTranslate:!0})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({flipEffect:{slideShadows:!0,limitRotation:!0}});const i=(e,s)=>{let a=t.isHorizontal()?e.querySelector(".swiper-slide-shadow-left"):e.querySelector(".swiper-slide-shadow-top"),i=t.isHorizontal()?e.querySelector(".swiper-slide-shadow-right"):e.querySelector(".swiper-slide-shadow-bottom");a||(a=ge("flip",e,t.isHorizontal()?"left":"top")),i||(i=ge("flip",e,t.isHorizontal()?"right":"bottom")),a&&(a.style.opacity=Math.max(-s,0)),i&&(i.style.opacity=Math.max(s,0))};me({effect:"flip",swiper:t,on:a,setTranslate:()=>{const{slides:e,rtlTranslate:s}=t,a=t.params.flipEffect,r=M(t);for(let n=0;n<e.length;n+=1){const l=e[n];let o=l.progress;t.params.flipEffect.limitRotation&&(o=Math.max(Math.min(l.progress,1),-1));const d=l.swiperSlideOffset;let c=-180*o,p=0,u=t.params.cssMode?-d-t.translate:-d,m=0;t.isHorizontal()?s&&(c=-c):(m=u,u=0,p=-c,c=0),l.style.zIndex=-Math.abs(Math.round(o))+e.length,a.slideShadows&&i(l,o);const h=`translate3d(${u}px, ${m}px, 0px) rotateX(${r(p)}deg) rotateY(${r(c)}deg)`;he(0,l).style.transform=h}},setTransition:e=>{const s=t.slides.map((e=>h(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),fe({swiper:t,duration:e,transformElements:s})},recreateShadows:()=>{t.params.flipEffect,t.slides.forEach((e=>{let s=e.progress;t.params.flipEffect.limitRotation&&(s=Math.max(Math.min(e.progress,1),-1)),i(e,s)}))},getEffectParams:()=>t.params.flipEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({coverflowEffect:{rotate:50,stretch:0,depth:100,scale:1,modifier:1,slideShadows:!0}}),me({effect:"coverflow",swiper:t,on:a,setTranslate:()=>{const{width:e,height:s,slides:a,slidesSizesGrid:i}=t,r=t.params.coverflowEffect,n=t.isHorizontal(),l=t.translate,o=n?e/2-l:s/2-l,d=n?r.rotate:-r.rotate,c=r.depth,p=M(t);for(let e=0,t=a.length;e<t;e+=1){const t=a[e],s=i[e],l=(o-t.swiperSlideOffset-s/2)/s,u="function"==typeof r.modifier?r.modifier(l):l*r.modifier;let m=n?d*u:0,h=n?0:d*u,f=-c*Math.abs(u),g=r.stretch;"string"==typeof g&&-1!==g.indexOf("%")&&(g=parseFloat(r.stretch)/100*s);let v=n?0:g*u,w=n?g*u:0,b=1-(1-r.scale)*Math.abs(u);Math.abs(w)<.001&&(w=0),Math.abs(v)<.001&&(v=0),Math.abs(f)<.001&&(f=0),Math.abs(m)<.001&&(m=0),Math.abs(h)<.001&&(h=0),Math.abs(b)<.001&&(b=0);const y=`translate3d(${w}px,${v}px,${f}px)  rotateX(${p(h)}deg) rotateY(${p(m)}deg) scale(${b})`;if(he(0,t).style.transform=y,t.style.zIndex=1-Math.abs(Math.round(u)),r.slideShadows){let e=n?t.querySelector(".swiper-slide-shadow-left"):t.querySelector(".swiper-slide-shadow-top"),s=n?t.querySelector(".swiper-slide-shadow-right"):t.querySelector(".swiper-slide-shadow-bottom");e||(e=ge("coverflow",t,n?"left":"top")),s||(s=ge("coverflow",t,n?"right":"bottom")),e&&(e.style.opacity=u>0?u:0),s&&(s.style.opacity=-u>0?-u:0)}}},setTransition:e=>{t.slides.map((e=>h(e))).forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>{t.style.transitionDuration=`${e}ms`}))}))},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({creativeEffect:{limitProgress:1,shadowPerProgress:!1,progressMultiplier:1,perspective:!0,prev:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1},next:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1}}});const i=e=>"string"==typeof e?e:`${e}px`;me({effect:"creative",swiper:t,on:a,setTranslate:()=>{const{slides:e,wrapperEl:s,slidesSizesGrid:a}=t,r=t.params.creativeEffect,{progressMultiplier:n}=r,l=t.params.centeredSlides,o=M(t);if(l){const e=a[0]/2-t.params.slidesOffsetBefore||0;s.style.transform=`translateX(calc(50% - ${e}px))`}for(let s=0;s<e.length;s+=1){const a=e[s],d=a.progress,c=Math.min(Math.max(a.progress,-r.limitProgress),r.limitProgress);let p=c;l||(p=Math.min(Math.max(a.originalProgress,-r.limitProgress),r.limitProgress));const u=a.swiperSlideOffset,m=[t.params.cssMode?-u-t.translate:-u,0,0],h=[0,0,0];let f=!1;t.isHorizontal()||(m[1]=m[0],m[0]=0);let g={translate:[0,0,0],rotate:[0,0,0],scale:1,opacity:1};c<0?(g=r.next,f=!0):c>0&&(g=r.prev,f=!0),m.forEach(((e,t)=>{m[t]=`calc(${e}px + (${i(g.translate[t])} * ${Math.abs(c*n)}))`})),h.forEach(((e,t)=>{let s=g.rotate[t]*Math.abs(c*n);h[t]=s})),a.style.zIndex=-Math.abs(Math.round(d))+e.length;const v=m.join(", "),w=`rotateX(${o(h[0])}deg) rotateY(${o(h[1])}deg) rotateZ(${o(h[2])}deg)`,b=p<0?`scale(${1+(1-g.scale)*p*n})`:`scale(${1-(1-g.scale)*p*n})`,y=p<0?1+(1-g.opacity)*p*n:1-(1-g.opacity)*p*n,E=`translate3d(${v}) ${w} ${b}`;if(f&&g.shadow||!f){let e=a.querySelector(".swiper-slide-shadow");if(!e&&g.shadow&&(e=ge("creative",a)),e){const t=r.shadowPerProgress?c*(1/r.limitProgress):c;e.style.opacity=Math.min(Math.max(Math.abs(t),0),1)}}const x=he(0,a);x.style.transform=E,x.style.opacity=y,g.origin&&(x.style.transformOrigin=g.origin)}},setTransition:e=>{const s=t.slides.map((e=>h(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),fe({swiper:t,duration:e,transformElements:s,allSlides:!0})},perspective:()=>t.params.creativeEffect.perspective,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({cardsEffect:{slideShadows:!0,rotate:!0,perSlideRotate:2,perSlideOffset:8}}),me({effect:"cards",swiper:t,on:a,setTranslate:()=>{const{slides:e,activeIndex:s,rtlTranslate:a}=t,i=t.params.cardsEffect,{startTranslate:r,isTouched:n}=t.touchEventsData,l=a?-t.translate:t.translate;for(let o=0;o<e.length;o+=1){const d=e[o],c=d.progress,p=Math.min(Math.max(c,-4),4);let u=d.swiperSlideOffset;t.params.centeredSlides&&!t.params.cssMode&&(t.wrapperEl.style.transform=`translateX(${t.minTranslate()}px)`),t.params.centeredSlides&&t.params.cssMode&&(u-=e[0].swiperSlideOffset);let m=t.params.cssMode?-u-t.translate:-u,h=0;const f=-100*Math.abs(p);let g=1,v=-i.perSlideRotate*p,w=i.perSlideOffset-.75*Math.abs(p);const b=t.virtual&&t.params.virtual.enabled?t.virtual.from+o:o,y=(b===s||b===s-1)&&p>0&&p<1&&(n||t.params.cssMode)&&l<r,E=(b===s||b===s+1)&&p<0&&p>-1&&(n||t.params.cssMode)&&l>r;if(y||E){const e=(1-Math.abs((Math.abs(p)-.5)/.5))**.5;v+=-28*p*e,g+=-.5*e,w+=96*e,h=-25*e*Math.abs(p)+"%"}if(m=p<0?`calc(${m}px ${a?"-":"+"} (${w*Math.abs(p)}%))`:p>0?`calc(${m}px ${a?"-":"+"} (-${w*Math.abs(p)}%))`:`${m}px`,!t.isHorizontal()){const e=h;h=m,m=e}const x=p<0?""+(1+(1-g)*p):""+(1-(1-g)*p),S=`\n        translate3d(${m}, ${h}, ${f}px)\n        rotateZ(${i.rotate?a?-v:v:0}deg)\n        scale(${x})\n      `;if(i.slideShadows){let e=d.querySelector(".swiper-slide-shadow");e||(e=ge("cards",d)),e&&(e.style.opacity=Math.min(Math.max((Math.abs(p)-.5)/.5,0),1))}d.style.zIndex=-Math.abs(Math.round(c))+e.length;he(0,d).style.transform=S}},setTransition:e=>{const s=t.slides.map((e=>h(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),fe({swiper:t,duration:e,transformElements:s})},perspective:()=>!0,overwriteParams:()=>({_loopSwapReset:!1,watchSlidesProgress:!0,loopAdditionalSlides:t.params.cardsEffect.rotate?3:2,centeredSlides:!0,virtualTranslate:!t.params.cssMode})})}];return re.use(ve),re}();
+//# sourceMappingURL=swiper-bundle.min.js.map
\ No newline at end of file
diff --git a/public_html/raven-demo/vendor/js/tom-select.complete.min.js b/public_html/raven-demo/vendor/js/tom-select.complete.min.js
new file mode 100644
index 0000000..d0b9d30
--- /dev/null
+++ b/public_html/raven-demo/vendor/js/tom-select.complete.min.js
@@ -0,0 +1,444 @@
+/**
+* Tom Select v2.4.3
+* Licensed under the Apache License, Version 2.0 (the "License");
+*/
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).TomSelect=t()}(this,(function(){"use strict"
+function e(e,t){e.split(/\s+/).forEach((e=>{t(e)}))}class t{constructor(){this._events={}}on(t,s){e(t,(e=>{const t=this._events[e]||[]
+t.push(s),this._events[e]=t}))}off(t,s){var i=arguments.length
+0!==i?e(t,(e=>{if(1===i)return void delete this._events[e]
+const t=this._events[e]
+void 0!==t&&(t.splice(t.indexOf(s),1),this._events[e]=t)})):this._events={}}trigger(t,...s){var i=this
+e(t,(e=>{const t=i._events[e]
+void 0!==t&&t.forEach((e=>{e.apply(i,s)}))}))}}const s=e=>(e=e.filter(Boolean)).length<2?e[0]||"":1==l(e)?"["+e.join("")+"]":"(?:"+e.join("|")+")",i=e=>{if(!o(e))return e.join("")
+let t="",s=0
+const i=()=>{s>1&&(t+="{"+s+"}")}
+return e.forEach(((n,o)=>{n!==e[o-1]?(i(),t+=n,s=1):s++})),i(),t},n=e=>{let t=Array.from(e)
+return s(t)},o=e=>new Set(e).size!==e.length,r=e=>(e+"").replace(/([\$\(\)\*\+\.\?\[\]\^\{\|\}\\])/gu,"\\$1"),l=e=>e.reduce(((e,t)=>Math.max(e,a(t))),0),a=e=>Array.from(e).length,c=e=>{if(1===e.length)return[[e]]
+let t=[]
+const s=e.substring(1)
+return c(s).forEach((function(s){let i=s.slice(0)
+i[0]=e.charAt(0)+i[0],t.push(i),i=s.slice(0),i.unshift(e.charAt(0)),t.push(i)})),t},d=[[0,65535]]
+let u,p
+const h={},g={"/":"⁄∕",0:"߀",a:"ⱥɐɑ",aa:"ꜳ",ae:"æǽǣ",ao:"ꜵ",au:"ꜷ",av:"ꜹꜻ",ay:"ꜽ",b:"ƀɓƃ",c:"ꜿƈȼↄ",d:"đɗɖᴅƌꮷԁɦ",e:"ɛǝᴇɇ",f:"ꝼƒ",g:"ǥɠꞡᵹꝿɢ",h:"ħⱨⱶɥ",i:"ɨı",j:"ɉȷ",k:"ƙⱪꝁꝃꝅꞣ",l:"łƚɫⱡꝉꝇꞁɭ",m:"ɱɯϻ",n:"ꞥƞɲꞑᴎлԉ",o:"øǿɔɵꝋꝍᴑ",oe:"œ",oi:"ƣ",oo:"ꝏ",ou:"ȣ",p:"ƥᵽꝑꝓꝕρ",q:"ꝗꝙɋ",r:"ɍɽꝛꞧꞃ",s:"ßȿꞩꞅʂ",t:"ŧƭʈⱦꞇ",th:"þ",tz:"ꜩ",u:"ʉ",v:"ʋꝟʌ",vy:"ꝡ",w:"ⱳ",y:"ƴɏỿ",z:"ƶȥɀⱬꝣ",hv:"ƕ"}
+for(let e in g){let t=g[e]||""
+for(let s=0;s<t.length;s++){let i=t.substring(s,s+1)
+h[i]=e}}const f=new RegExp(Object.keys(h).join("|")+"|[̀-ͯ·ʾʼ]","gu"),m=(e,t="NFKD")=>e.normalize(t),v=e=>Array.from(e).reduce(((e,t)=>e+y(t)),""),y=e=>(e=m(e).toLowerCase().replace(f,(e=>h[e]||"")),m(e,"NFC"))
+const O=e=>{const t={},s=(e,s)=>{const i=t[e]||new Set,o=new RegExp("^"+n(i)+"$","iu")
+s.match(o)||(i.add(r(s)),t[e]=i)}
+for(let t of function*(e){for(const[t,s]of e)for(let e=t;e<=s;e++){let t=String.fromCharCode(e),s=v(t)
+s!=t.toLowerCase()&&(s.length>3||0!=s.length&&(yield{folded:s,composed:t,code_point:e}))}}(e))s(t.folded,t.folded),s(t.folded,t.composed)
+return t},b=e=>{const t=O(e),i={}
+let o=[]
+for(let e in t){let s=t[e]
+s&&(i[e]=n(s)),e.length>1&&o.push(r(e))}o.sort(((e,t)=>t.length-e.length))
+const l=s(o)
+return p=new RegExp("^"+l,"u"),i},w=(e,t=1)=>(t=Math.max(t,e.length-1),s(c(e).map((e=>((e,t=1)=>{let s=0
+return e=e.map((e=>(u[e]&&(s+=e.length),u[e]||e))),s>=t?i(e):""})(e,t))))),_=(e,t=!0)=>{let n=e.length>1?1:0
+return s(e.map((e=>{let s=[]
+const o=t?e.length():e.length()-1
+for(let t=0;t<o;t++)s.push(w(e.substrs[t]||"",n))
+return i(s)})))},C=(e,t)=>{for(const s of t){if(s.start!=e.start||s.end!=e.end)continue
+if(s.substrs.join("")!==e.substrs.join(""))continue
+let t=e.parts
+const i=e=>{for(const s of t){if(s.start===e.start&&s.substr===e.substr)return!1
+if(1!=e.length&&1!=s.length){if(e.start<s.start&&e.end>s.start)return!0
+if(s.start<e.start&&s.end>e.start)return!0}}return!1}
+if(!(s.parts.filter(i).length>0))return!0}return!1}
+class S{parts
+substrs
+start
+end
+constructor(){this.parts=[],this.substrs=[],this.start=0,this.end=0}add(e){e&&(this.parts.push(e),this.substrs.push(e.substr),this.start=Math.min(e.start,this.start),this.end=Math.max(e.end,this.end))}last(){return this.parts[this.parts.length-1]}length(){return this.parts.length}clone(e,t){let s=new S,i=JSON.parse(JSON.stringify(this.parts)),n=i.pop()
+for(const e of i)s.add(e)
+let o=t.substr.substring(0,e-n.start),r=o.length
+return s.add({start:n.start,end:n.start+r,length:r,substr:o}),s}}const I=e=>{void 0===u&&(u=b(d)),e=v(e)
+let t="",s=[new S]
+for(let i=0;i<e.length;i++){let n=e.substring(i).match(p)
+const o=e.substring(i,i+1),r=n?n[0]:null
+let l=[],a=new Set
+for(const e of s){const t=e.last()
+if(!t||1==t.length||t.end<=i)if(r){const t=r.length
+e.add({start:i,end:i+t,length:t,substr:r}),a.add("1")}else e.add({start:i,end:i+1,length:1,substr:o}),a.add("2")
+else if(r){let s=e.clone(i,t)
+const n=r.length
+s.add({start:i,end:i+n,length:n,substr:r}),l.push(s)}else a.add("3")}if(l.length>0){l=l.sort(((e,t)=>e.length()-t.length()))
+for(let e of l)C(e,s)||s.push(e)}else if(i>0&&1==a.size&&!a.has("3")){t+=_(s,!1)
+let e=new S
+const i=s[0]
+i&&e.add(i.last()),s=[e]}}return t+=_(s,!0),t},A=(e,t)=>{if(e)return e[t]},k=(e,t)=>{if(e){for(var s,i=t.split(".");(s=i.shift())&&(e=e[s]););return e}},x=(e,t,s)=>{var i,n
+return e?(e+="",null==t.regex||-1===(n=e.search(t.regex))?0:(i=t.string.length/e.length,0===n&&(i+=.5),i*s)):0},F=(e,t)=>{var s=e[t]
+if("function"==typeof s)return s
+s&&!Array.isArray(s)&&(e[t]=[s])},L=(e,t)=>{if(Array.isArray(e))e.forEach(t)
+else for(var s in e)e.hasOwnProperty(s)&&t(e[s],s)},E=(e,t)=>"number"==typeof e&&"number"==typeof t?e>t?1:e<t?-1:0:(e=v(e+"").toLowerCase())>(t=v(t+"").toLowerCase())?1:t>e?-1:0
+class T{items
+settings
+constructor(e,t){this.items=e,this.settings=t||{diacritics:!0}}tokenize(e,t,s){if(!e||!e.length)return[]
+const i=[],n=e.split(/\s+/)
+var o
+return s&&(o=new RegExp("^("+Object.keys(s).map(r).join("|")+"):(.*)$")),n.forEach((e=>{let s,n=null,l=null
+o&&(s=e.match(o))&&(n=s[1],e=s[2]),e.length>0&&(l=this.settings.diacritics?I(e)||null:r(e),l&&t&&(l="\\b"+l)),i.push({string:e,regex:l?new RegExp(l,"iu"):null,field:n})})),i}getScoreFunction(e,t){var s=this.prepareSearch(e,t)
+return this._getScoreFunction(s)}_getScoreFunction(e){const t=e.tokens,s=t.length
+if(!s)return function(){return 0}
+const i=e.options.fields,n=e.weights,o=i.length,r=e.getAttrFn
+if(!o)return function(){return 1}
+const l=1===o?function(e,t){const s=i[0].field
+return x(r(t,s),e,n[s]||1)}:function(e,t){var s=0
+if(e.field){const i=r(t,e.field)
+!e.regex&&i?s+=1/o:s+=x(i,e,1)}else L(n,((i,n)=>{s+=x(r(t,n),e,i)}))
+return s/o}
+return 1===s?function(e){return l(t[0],e)}:"and"===e.options.conjunction?function(e){var i,n=0
+for(let s of t){if((i=l(s,e))<=0)return 0
+n+=i}return n/s}:function(e){var i=0
+return L(t,(t=>{i+=l(t,e)})),i/s}}getSortFunction(e,t){var s=this.prepareSearch(e,t)
+return this._getSortFunction(s)}_getSortFunction(e){var t,s=[]
+const i=this,n=e.options,o=!e.query&&n.sort_empty?n.sort_empty:n.sort
+if("function"==typeof o)return o.bind(this)
+const r=function(t,s){return"$score"===t?s.score:e.getAttrFn(i.items[s.id],t)}
+if(o)for(let t of o)(e.query||"$score"!==t.field)&&s.push(t)
+if(e.query){t=!0
+for(let e of s)if("$score"===e.field){t=!1
+break}t&&s.unshift({field:"$score",direction:"desc"})}else s=s.filter((e=>"$score"!==e.field))
+return s.length?function(e,t){var i,n
+for(let o of s){if(n=o.field,i=("desc"===o.direction?-1:1)*E(r(n,e),r(n,t)))return i}return 0}:null}prepareSearch(e,t){const s={}
+var i=Object.assign({},t)
+if(F(i,"sort"),F(i,"sort_empty"),i.fields){F(i,"fields")
+const e=[]
+i.fields.forEach((t=>{"string"==typeof t&&(t={field:t,weight:1}),e.push(t),s[t.field]="weight"in t?t.weight:1})),i.fields=e}return{options:i,query:e.toLowerCase().trim(),tokens:this.tokenize(e,i.respect_word_boundaries,s),total:0,items:[],weights:s,getAttrFn:i.nesting?k:A}}search(e,t){var s,i,n=this
+i=this.prepareSearch(e,t),t=i.options,e=i.query
+const o=t.score||n._getScoreFunction(i)
+e.length?L(n.items,((e,n)=>{s=o(e),(!1===t.filter||s>0)&&i.items.push({score:s,id:n})})):L(n.items,((e,t)=>{i.items.push({score:1,id:t})}))
+const r=n._getSortFunction(i)
+return r&&i.items.sort(r),i.total=i.items.length,"number"==typeof t.limit&&(i.items=i.items.slice(0,t.limit)),i}}const P=e=>null==e?null:N(e),N=e=>"boolean"==typeof e?e?"1":"0":e+"",j=e=>(e+"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;"),$=(e,t)=>{var s
+return function(i,n){var o=this
+s&&(o.loading=Math.max(o.loading-1,0),clearTimeout(s)),s=setTimeout((function(){s=null,o.loadedSearches[i]=!0,e.call(o,i,n)}),t)}},V=(e,t,s)=>{var i,n=e.trigger,o={}
+for(i of(e.trigger=function(){var s=arguments[0]
+if(-1===t.indexOf(s))return n.apply(e,arguments)
+o[s]=arguments},s.apply(e,[]),e.trigger=n,t))i in o&&n.apply(e,o[i])},q=(e,t=!1)=>{e&&(e.preventDefault(),t&&e.stopPropagation())},D=(e,t,s,i)=>{e.addEventListener(t,s,i)},H=(e,t)=>!!t&&(!!t[e]&&1===(t.altKey?1:0)+(t.ctrlKey?1:0)+(t.shiftKey?1:0)+(t.metaKey?1:0)),R=(e,t)=>{const s=e.getAttribute("id")
+return s||(e.setAttribute("id",t),t)},M=e=>e.replace(/[\\"']/g,"\\$&"),z=(e,t)=>{t&&e.append(t)},B=(e,t)=>{if(Array.isArray(e))e.forEach(t)
+else for(var s in e)e.hasOwnProperty(s)&&t(e[s],s)},K=e=>{if(e.jquery)return e[0]
+if(e instanceof HTMLElement)return e
+if(Q(e)){var t=document.createElement("template")
+return t.innerHTML=e.trim(),t.content.firstChild}return document.querySelector(e)},Q=e=>"string"==typeof e&&e.indexOf("<")>-1,G=(e,t)=>{var s=document.createEvent("HTMLEvents")
+s.initEvent(t,!0,!1),e.dispatchEvent(s)},U=(e,t)=>{Object.assign(e.style,t)},J=(e,...t)=>{var s=X(t);(e=Y(e)).map((e=>{s.map((t=>{e.classList.add(t)}))}))},W=(e,...t)=>{var s=X(t);(e=Y(e)).map((e=>{s.map((t=>{e.classList.remove(t)}))}))},X=e=>{var t=[]
+return B(e,(e=>{"string"==typeof e&&(e=e.trim().split(/[\t\n\f\r\s]/)),Array.isArray(e)&&(t=t.concat(e))})),t.filter(Boolean)},Y=e=>(Array.isArray(e)||(e=[e]),e),Z=(e,t,s)=>{if(!s||s.contains(e))for(;e&&e.matches;){if(e.matches(t))return e
+e=e.parentNode}},ee=(e,t=0)=>t>0?e[e.length-1]:e[0],te=(e,t)=>{if(!e)return-1
+t=t||e.nodeName
+for(var s=0;e=e.previousElementSibling;)e.matches(t)&&s++
+return s},se=(e,t)=>{B(t,((t,s)=>{null==t?e.removeAttribute(s):e.setAttribute(s,""+t)}))},ie=(e,t)=>{e.parentNode&&e.parentNode.replaceChild(t,e)},ne=(e,t)=>{if(null===t)return
+if("string"==typeof t){if(!t.length)return
+t=new RegExp(t,"i")}const s=e=>3===e.nodeType?(e=>{var s=e.data.match(t)
+if(s&&e.data.length>0){var i=document.createElement("span")
+i.className="highlight"
+var n=e.splitText(s.index)
+n.splitText(s[0].length)
+var o=n.cloneNode(!0)
+return i.appendChild(o),ie(n,i),1}return 0})(e):((e=>{1!==e.nodeType||!e.childNodes||/(script|style)/i.test(e.tagName)||"highlight"===e.className&&"SPAN"===e.tagName||Array.from(e.childNodes).forEach((e=>{s(e)}))})(e),0)
+s(e)},oe="undefined"!=typeof navigator&&/Mac/.test(navigator.userAgent)?"metaKey":"ctrlKey"
+var re={options:[],optgroups:[],plugins:[],delimiter:",",splitOn:null,persist:!0,diacritics:!0,create:null,createOnBlur:!1,createFilter:null,highlight:!0,openOnFocus:!0,shouldOpen:null,maxOptions:50,maxItems:null,hideSelected:null,duplicates:!1,addPrecedence:!1,selectOnTab:!1,preload:null,allowEmptyOption:!1,refreshThrottle:300,loadThrottle:300,loadingClass:"loading",dataAttr:null,optgroupField:"optgroup",valueField:"value",labelField:"text",disabledField:"disabled",optgroupLabelField:"label",optgroupValueField:"value",lockOptgroupOrder:!1,sortField:"$order",searchField:["text"],searchConjunction:"and",mode:null,wrapperClass:"ts-wrapper",controlClass:"ts-control",dropdownClass:"ts-dropdown",dropdownContentClass:"ts-dropdown-content",itemClass:"item",optionClass:"option",dropdownParent:null,controlInput:'<input type="text" autocomplete="off" size="1" />',copyClassesToDropdown:!1,placeholder:null,hidePlaceholder:null,shouldLoad:function(e){return e.length>0},render:{}}
+function le(e,t){var s=Object.assign({},re,t),i=s.dataAttr,n=s.labelField,o=s.valueField,r=s.disabledField,l=s.optgroupField,a=s.optgroupLabelField,c=s.optgroupValueField,d=e.tagName.toLowerCase(),u=e.getAttribute("placeholder")||e.getAttribute("data-placeholder")
+if(!u&&!s.allowEmptyOption){let t=e.querySelector('option[value=""]')
+t&&(u=t.textContent)}var p={placeholder:u,options:[],optgroups:[],items:[],maxItems:null}
+return"select"===d?(()=>{var t,d=p.options,u={},h=1
+let g=0
+var f=e=>{var t=Object.assign({},e.dataset),s=i&&t[i]
+return"string"==typeof s&&s.length&&(t=Object.assign(t,JSON.parse(s))),t},m=(e,t)=>{var i=P(e.value)
+if(null!=i&&(i||s.allowEmptyOption)){if(u.hasOwnProperty(i)){if(t){var a=u[i][l]
+a?Array.isArray(a)?a.push(t):u[i][l]=[a,t]:u[i][l]=t}}else{var c=f(e)
+c[n]=c[n]||e.textContent,c[o]=c[o]||i,c[r]=c[r]||e.disabled,c[l]=c[l]||t,c.$option=e,c.$order=c.$order||++g,u[i]=c,d.push(c)}e.selected&&p.items.push(i)}}
+p.maxItems=e.hasAttribute("multiple")?null:1,B(e.children,(e=>{var s,i,n
+"optgroup"===(t=e.tagName.toLowerCase())?((n=f(s=e))[a]=n[a]||s.getAttribute("label")||"",n[c]=n[c]||h++,n[r]=n[r]||s.disabled,n.$order=n.$order||++g,p.optgroups.push(n),i=n[c],B(s.children,(e=>{m(e,i)}))):"option"===t&&m(e)}))})():(()=>{const t=e.getAttribute(i)
+if(t)p.options=JSON.parse(t),B(p.options,(e=>{p.items.push(e[o])}))
+else{var r=e.value.trim()||""
+if(!s.allowEmptyOption&&!r.length)return
+const t=r.split(s.delimiter)
+B(t,(e=>{const t={}
+t[n]=e,t[o]=e,p.options.push(t)})),p.items=t}})(),Object.assign({},re,p,t)}var ae=0
+class ce extends(function(e){return e.plugins={},class extends e{constructor(...e){super(...e),this.plugins={names:[],settings:{},requested:{},loaded:{}}}static define(t,s){e.plugins[t]={name:t,fn:s}}initializePlugins(e){var t,s
+const i=this,n=[]
+if(Array.isArray(e))e.forEach((e=>{"string"==typeof e?n.push(e):(i.plugins.settings[e.name]=e.options,n.push(e.name))}))
+else if(e)for(t in e)e.hasOwnProperty(t)&&(i.plugins.settings[t]=e[t],n.push(t))
+for(;s=n.shift();)i.require(s)}loadPlugin(t){var s=this,i=s.plugins,n=e.plugins[t]
+if(!e.plugins.hasOwnProperty(t))throw new Error('Unable to find "'+t+'" plugin')
+i.requested[t]=!0,i.loaded[t]=n.fn.apply(s,[s.plugins.settings[t]||{}]),i.names.push(t)}require(e){var t=this,s=t.plugins
+if(!t.plugins.loaded.hasOwnProperty(e)){if(s.requested[e])throw new Error('Plugin has circular dependency ("'+e+'")')
+t.loadPlugin(e)}return s.loaded[e]}}}(t)){constructor(e,t){var s
+super(),this.order=0,this.isOpen=!1,this.isDisabled=!1,this.isReadOnly=!1,this.isInvalid=!1,this.isValid=!0,this.isLocked=!1,this.isFocused=!1,this.isInputHidden=!1,this.isSetup=!1,this.ignoreFocus=!1,this.ignoreHover=!1,this.hasOptions=!1,this.lastValue="",this.caretPos=0,this.loading=0,this.loadedSearches={},this.activeOption=null,this.activeItems=[],this.optgroups={},this.options={},this.userOptions={},this.items=[],this.refreshTimeout=null,ae++
+var i=K(e)
+if(i.tomselect)throw new Error("Tom Select already initialized on this element")
+i.tomselect=this,s=(window.getComputedStyle&&window.getComputedStyle(i,null)).getPropertyValue("direction")
+const n=le(i,t)
+this.settings=n,this.input=i,this.tabIndex=i.tabIndex||0,this.is_select_tag="select"===i.tagName.toLowerCase(),this.rtl=/rtl/i.test(s),this.inputId=R(i,"tomselect-"+ae),this.isRequired=i.required,this.sifter=new T(this.options,{diacritics:n.diacritics}),n.mode=n.mode||(1===n.maxItems?"single":"multi"),"boolean"!=typeof n.hideSelected&&(n.hideSelected="multi"===n.mode),"boolean"!=typeof n.hidePlaceholder&&(n.hidePlaceholder="multi"!==n.mode)
+var o=n.createFilter
+"function"!=typeof o&&("string"==typeof o&&(o=new RegExp(o)),o instanceof RegExp?n.createFilter=e=>o.test(e):n.createFilter=e=>this.settings.duplicates||!this.options[e]),this.initializePlugins(n.plugins),this.setupCallbacks(),this.setupTemplates()
+const r=K("<div>"),l=K("<div>"),a=this._render("dropdown"),c=K('<div role="listbox" tabindex="-1">'),d=this.input.getAttribute("class")||"",u=n.mode
+var p
+if(J(r,n.wrapperClass,d,u),J(l,n.controlClass),z(r,l),J(a,n.dropdownClass,u),n.copyClassesToDropdown&&J(a,d),J(c,n.dropdownContentClass),z(a,c),K(n.dropdownParent||r).appendChild(a),Q(n.controlInput)){p=K(n.controlInput)
+B(["autocorrect","autocapitalize","autocomplete","spellcheck"],(e=>{i.getAttribute(e)&&se(p,{[e]:i.getAttribute(e)})})),p.tabIndex=-1,l.appendChild(p),this.focus_node=p}else n.controlInput?(p=K(n.controlInput),this.focus_node=p):(p=K("<input/>"),this.focus_node=l)
+this.wrapper=r,this.dropdown=a,this.dropdown_content=c,this.control=l,this.control_input=p,this.setup()}setup(){const e=this,t=e.settings,s=e.control_input,i=e.dropdown,n=e.dropdown_content,o=e.wrapper,l=e.control,a=e.input,c=e.focus_node,d={passive:!0},u=e.inputId+"-ts-dropdown"
+se(n,{id:u}),se(c,{role:"combobox","aria-haspopup":"listbox","aria-expanded":"false","aria-controls":u})
+const p=R(c,e.inputId+"-ts-control"),h="label[for='"+(e=>e.replace(/['"\\]/g,"\\$&"))(e.inputId)+"']",g=document.querySelector(h),f=e.focus.bind(e)
+if(g){D(g,"click",f),se(g,{for:p})
+const t=R(g,e.inputId+"-ts-label")
+se(c,{"aria-labelledby":t}),se(n,{"aria-labelledby":t})}if(o.style.width=a.style.width,e.plugins.names.length){const t="plugin-"+e.plugins.names.join(" plugin-")
+J([o,i],t)}(null===t.maxItems||t.maxItems>1)&&e.is_select_tag&&se(a,{multiple:"multiple"}),t.placeholder&&se(s,{placeholder:t.placeholder}),!t.splitOn&&t.delimiter&&(t.splitOn=new RegExp("\\s*"+r(t.delimiter)+"+\\s*")),t.load&&t.loadThrottle&&(t.load=$(t.load,t.loadThrottle)),D(i,"mousemove",(()=>{e.ignoreHover=!1})),D(i,"mouseenter",(t=>{var s=Z(t.target,"[data-selectable]",i)
+s&&e.onOptionHover(t,s)}),{capture:!0}),D(i,"click",(t=>{const s=Z(t.target,"[data-selectable]")
+s&&(e.onOptionSelect(t,s),q(t,!0))})),D(l,"click",(t=>{var i=Z(t.target,"[data-ts-item]",l)
+i&&e.onItemSelect(t,i)?q(t,!0):""==s.value&&(e.onClick(),q(t,!0))})),D(c,"keydown",(t=>e.onKeyDown(t))),D(s,"keypress",(t=>e.onKeyPress(t))),D(s,"input",(t=>e.onInput(t))),D(c,"blur",(t=>e.onBlur(t))),D(c,"focus",(t=>e.onFocus(t))),D(s,"paste",(t=>e.onPaste(t)))
+const m=t=>{const n=t.composedPath()[0]
+if(!o.contains(n)&&!i.contains(n))return e.isFocused&&e.blur(),void e.inputState()
+n==s&&e.isOpen?t.stopPropagation():q(t,!0)},v=()=>{e.isOpen&&e.positionDropdown()}
+D(document,"mousedown",m),D(window,"scroll",v,d),D(window,"resize",v,d),this._destroy=()=>{document.removeEventListener("mousedown",m),window.removeEventListener("scroll",v),window.removeEventListener("resize",v),g&&g.removeEventListener("click",f)},this.revertSettings={innerHTML:a.innerHTML,tabIndex:a.tabIndex},a.tabIndex=-1,a.insertAdjacentElement("afterend",e.wrapper),e.sync(!1),t.items=[],delete t.optgroups,delete t.options,D(a,"invalid",(()=>{e.isValid&&(e.isValid=!1,e.isInvalid=!0,e.refreshState())})),e.updateOriginalInput(),e.refreshItems(),e.close(!1),e.inputState(),e.isSetup=!0,a.disabled?e.disable():a.readOnly?e.setReadOnly(!0):e.enable(),e.on("change",this.onChange),J(a,"tomselected","ts-hidden-accessible"),e.trigger("initialize"),!0===t.preload&&e.preload()}setupOptions(e=[],t=[]){this.addOptions(e),B(t,(e=>{this.registerOptionGroup(e)}))}setupTemplates(){var e=this,t=e.settings.labelField,s=e.settings.optgroupLabelField,i={optgroup:e=>{let t=document.createElement("div")
+return t.className="optgroup",t.appendChild(e.options),t},optgroup_header:(e,t)=>'<div class="optgroup-header">'+t(e[s])+"</div>",option:(e,s)=>"<div>"+s(e[t])+"</div>",item:(e,s)=>"<div>"+s(e[t])+"</div>",option_create:(e,t)=>'<div class="create">Add <strong>'+t(e.input)+"</strong>&hellip;</div>",no_results:()=>'<div class="no-results">No results found</div>',loading:()=>'<div class="spinner"></div>',not_loading:()=>{},dropdown:()=>"<div></div>"}
+e.settings.render=Object.assign({},i,e.settings.render)}setupCallbacks(){var e,t,s={initialize:"onInitialize",change:"onChange",item_add:"onItemAdd",item_remove:"onItemRemove",item_select:"onItemSelect",clear:"onClear",option_add:"onOptionAdd",option_remove:"onOptionRemove",option_clear:"onOptionClear",optgroup_add:"onOptionGroupAdd",optgroup_remove:"onOptionGroupRemove",optgroup_clear:"onOptionGroupClear",dropdown_open:"onDropdownOpen",dropdown_close:"onDropdownClose",type:"onType",load:"onLoad",focus:"onFocus",blur:"onBlur"}
+for(e in s)(t=this.settings[s[e]])&&this.on(e,t)}sync(e=!0){const t=this,s=e?le(t.input,{delimiter:t.settings.delimiter}):t.settings
+t.setupOptions(s.options,s.optgroups),t.setValue(s.items||[],!0),t.lastQuery=null}onClick(){var e=this
+if(e.activeItems.length>0)return e.clearActiveItems(),void e.focus()
+e.isFocused&&e.isOpen?e.blur():e.focus()}onMouseDown(){}onChange(){G(this.input,"input"),G(this.input,"change")}onPaste(e){var t=this
+t.isInputHidden||t.isLocked?q(e):t.settings.splitOn&&setTimeout((()=>{var e=t.inputValue()
+if(e.match(t.settings.splitOn)){var s=e.trim().split(t.settings.splitOn)
+B(s,(e=>{P(e)&&(this.options[e]?t.addItem(e):t.createItem(e))}))}}),0)}onKeyPress(e){var t=this
+if(!t.isLocked){var s=String.fromCharCode(e.keyCode||e.which)
+return t.settings.create&&"multi"===t.settings.mode&&s===t.settings.delimiter?(t.createItem(),void q(e)):void 0}q(e)}onKeyDown(e){var t=this
+if(t.ignoreHover=!0,t.isLocked)9!==e.keyCode&&q(e)
+else{switch(e.keyCode){case 65:if(H(oe,e)&&""==t.control_input.value)return q(e),void t.selectAll()
+break
+case 27:return t.isOpen&&(q(e,!0),t.close()),void t.clearActiveItems()
+case 40:if(!t.isOpen&&t.hasOptions)t.open()
+else if(t.activeOption){let e=t.getAdjacent(t.activeOption,1)
+e&&t.setActiveOption(e)}return void q(e)
+case 38:if(t.activeOption){let e=t.getAdjacent(t.activeOption,-1)
+e&&t.setActiveOption(e)}return void q(e)
+case 13:return void(t.canSelect(t.activeOption)?(t.onOptionSelect(e,t.activeOption),q(e)):(t.settings.create&&t.createItem()||document.activeElement==t.control_input&&t.isOpen)&&q(e))
+case 37:return void t.advanceSelection(-1,e)
+case 39:return void t.advanceSelection(1,e)
+case 9:return void(t.settings.selectOnTab&&(t.canSelect(t.activeOption)&&(t.onOptionSelect(e,t.activeOption),q(e)),t.settings.create&&t.createItem()&&q(e)))
+case 8:case 46:return void t.deleteSelection(e)}t.isInputHidden&&!H(oe,e)&&q(e)}}onInput(e){if(this.isLocked)return
+const t=this.inputValue()
+this.lastValue!==t&&(this.lastValue=t,""!=t?(this.refreshTimeout&&window.clearTimeout(this.refreshTimeout),this.refreshTimeout=((e,t)=>t>0?window.setTimeout(e,t):(e.call(null),null))((()=>{this.refreshTimeout=null,this._onInput()}),this.settings.refreshThrottle)):this._onInput())}_onInput(){const e=this.lastValue
+this.settings.shouldLoad.call(this,e)&&this.load(e),this.refreshOptions(),this.trigger("type",e)}onOptionHover(e,t){this.ignoreHover||this.setActiveOption(t,!1)}onFocus(e){var t=this,s=t.isFocused
+if(t.isDisabled||t.isReadOnly)return t.blur(),void q(e)
+t.ignoreFocus||(t.isFocused=!0,"focus"===t.settings.preload&&t.preload(),s||t.trigger("focus"),t.activeItems.length||(t.inputState(),t.refreshOptions(!!t.settings.openOnFocus)),t.refreshState())}onBlur(e){if(!1!==document.hasFocus()){var t=this
+if(t.isFocused){t.isFocused=!1,t.ignoreFocus=!1
+var s=()=>{t.close(),t.setActiveItem(),t.setCaret(t.items.length),t.trigger("blur")}
+t.settings.create&&t.settings.createOnBlur?t.createItem(null,s):s()}}}onOptionSelect(e,t){var s,i=this
+t.parentElement&&t.parentElement.matches("[data-disabled]")||(t.classList.contains("create")?i.createItem(null,(()=>{i.settings.closeAfterSelect&&i.close()})):void 0!==(s=t.dataset.value)&&(i.lastQuery=null,i.addItem(s),i.settings.closeAfterSelect&&i.close(),!i.settings.hideSelected&&e.type&&/click/.test(e.type)&&i.setActiveOption(t)))}canSelect(e){return!!(this.isOpen&&e&&this.dropdown_content.contains(e))}onItemSelect(e,t){var s=this
+return!s.isLocked&&"multi"===s.settings.mode&&(q(e),s.setActiveItem(t,e),!0)}canLoad(e){return!!this.settings.load&&!this.loadedSearches.hasOwnProperty(e)}load(e){const t=this
+if(!t.canLoad(e))return
+J(t.wrapper,t.settings.loadingClass),t.loading++
+const s=t.loadCallback.bind(t)
+t.settings.load.call(t,e,s)}loadCallback(e,t){const s=this
+s.loading=Math.max(s.loading-1,0),s.lastQuery=null,s.clearActiveOption(),s.setupOptions(e,t),s.refreshOptions(s.isFocused&&!s.isInputHidden),s.loading||W(s.wrapper,s.settings.loadingClass),s.trigger("load",e,t)}preload(){var e=this.wrapper.classList
+e.contains("preloaded")||(e.add("preloaded"),this.load(""))}setTextboxValue(e=""){var t=this.control_input
+t.value!==e&&(t.value=e,G(t,"update"),this.lastValue=e)}getValue(){return this.is_select_tag&&this.input.hasAttribute("multiple")?this.items:this.items.join(this.settings.delimiter)}setValue(e,t){V(this,t?[]:["change"],(()=>{this.clear(t),this.addItems(e,t)}))}setMaxItems(e){0===e&&(e=null),this.settings.maxItems=e,this.refreshState()}setActiveItem(e,t){var s,i,n,o,r,l,a=this
+if("single"!==a.settings.mode){if(!e)return a.clearActiveItems(),void(a.isFocused&&a.inputState())
+if("click"===(s=t&&t.type.toLowerCase())&&H("shiftKey",t)&&a.activeItems.length){for(l=a.getLastActive(),(n=Array.prototype.indexOf.call(a.control.children,l))>(o=Array.prototype.indexOf.call(a.control.children,e))&&(r=n,n=o,o=r),i=n;i<=o;i++)e=a.control.children[i],-1===a.activeItems.indexOf(e)&&a.setActiveItemClass(e)
+q(t)}else"click"===s&&H(oe,t)||"keydown"===s&&H("shiftKey",t)?e.classList.contains("active")?a.removeActiveItem(e):a.setActiveItemClass(e):(a.clearActiveItems(),a.setActiveItemClass(e))
+a.inputState(),a.isFocused||a.focus()}}setActiveItemClass(e){const t=this,s=t.control.querySelector(".last-active")
+s&&W(s,"last-active"),J(e,"active last-active"),t.trigger("item_select",e),-1==t.activeItems.indexOf(e)&&t.activeItems.push(e)}removeActiveItem(e){var t=this.activeItems.indexOf(e)
+this.activeItems.splice(t,1),W(e,"active")}clearActiveItems(){W(this.activeItems,"active"),this.activeItems=[]}setActiveOption(e,t=!0){e!==this.activeOption&&(this.clearActiveOption(),e&&(this.activeOption=e,se(this.focus_node,{"aria-activedescendant":e.getAttribute("id")}),se(e,{"aria-selected":"true"}),J(e,"active"),t&&this.scrollToOption(e)))}scrollToOption(e,t){if(!e)return
+const s=this.dropdown_content,i=s.clientHeight,n=s.scrollTop||0,o=e.offsetHeight,r=e.getBoundingClientRect().top-s.getBoundingClientRect().top+n
+r+o>i+n?this.scroll(r-i+o,t):r<n&&this.scroll(r,t)}scroll(e,t){const s=this.dropdown_content
+t&&(s.style.scrollBehavior=t),s.scrollTop=e,s.style.scrollBehavior=""}clearActiveOption(){this.activeOption&&(W(this.activeOption,"active"),se(this.activeOption,{"aria-selected":null})),this.activeOption=null,se(this.focus_node,{"aria-activedescendant":null})}selectAll(){const e=this
+if("single"===e.settings.mode)return
+const t=e.controlChildren()
+t.length&&(e.inputState(),e.close(),e.activeItems=t,B(t,(t=>{e.setActiveItemClass(t)})))}inputState(){var e=this
+e.control.contains(e.control_input)&&(se(e.control_input,{placeholder:e.settings.placeholder}),e.activeItems.length>0||!e.isFocused&&e.settings.hidePlaceholder&&e.items.length>0?(e.setTextboxValue(),e.isInputHidden=!0):(e.settings.hidePlaceholder&&e.items.length>0&&se(e.control_input,{placeholder:""}),e.isInputHidden=!1),e.wrapper.classList.toggle("input-hidden",e.isInputHidden))}inputValue(){return this.control_input.value.trim()}focus(){var e=this
+e.isDisabled||e.isReadOnly||(e.ignoreFocus=!0,e.control_input.offsetWidth?e.control_input.focus():e.focus_node.focus(),setTimeout((()=>{e.ignoreFocus=!1,e.onFocus()}),0))}blur(){this.focus_node.blur(),this.onBlur()}getScoreFunction(e){return this.sifter.getScoreFunction(e,this.getSearchOptions())}getSearchOptions(){var e=this.settings,t=e.sortField
+return"string"==typeof e.sortField&&(t=[{field:e.sortField}]),{fields:e.searchField,conjunction:e.searchConjunction,sort:t,nesting:e.nesting}}search(e){var t,s,i=this,n=this.getSearchOptions()
+if(i.settings.score&&"function"!=typeof(s=i.settings.score.call(i,e)))throw new Error('Tom Select "score" setting must be a function that returns a function')
+return e!==i.lastQuery?(i.lastQuery=e,t=i.sifter.search(e,Object.assign(n,{score:s})),i.currentResults=t):t=Object.assign({},i.currentResults),i.settings.hideSelected&&(t.items=t.items.filter((e=>{let t=P(e.id)
+return!(t&&-1!==i.items.indexOf(t))}))),t}refreshOptions(e=!0){var t,s,i,n,o,r,l,a,c,d
+const u={},p=[]
+var h=this,g=h.inputValue()
+const f=g===h.lastQuery||""==g&&null==h.lastQuery
+var m=h.search(g),v=null,y=h.settings.shouldOpen||!1,O=h.dropdown_content
+f&&(v=h.activeOption)&&(c=v.closest("[data-group]")),n=m.items.length,"number"==typeof h.settings.maxOptions&&(n=Math.min(n,h.settings.maxOptions)),n>0&&(y=!0)
+const b=(e,t)=>{let s=u[e]
+if(void 0!==s){let e=p[s]
+if(void 0!==e)return[s,e.fragment]}let i=document.createDocumentFragment()
+return s=p.length,p.push({fragment:i,order:t,optgroup:e}),[s,i]}
+for(t=0;t<n;t++){let e=m.items[t]
+if(!e)continue
+let n=e.id,l=h.options[n]
+if(void 0===l)continue
+let a=N(n),d=h.getOption(a,!0)
+for(h.settings.hideSelected||d.classList.toggle("selected",h.items.includes(a)),o=l[h.settings.optgroupField]||"",s=0,i=(r=Array.isArray(o)?o:[o])&&r.length;s<i;s++){o=r[s]
+let e=l.$order,t=h.optgroups[o]
+void 0===t?o="":e=t.$order
+const[i,a]=b(o,e)
+s>0&&(d=d.cloneNode(!0),se(d,{id:l.$id+"-clone-"+s,"aria-selected":null}),d.classList.add("ts-cloned"),W(d,"active"),h.activeOption&&h.activeOption.dataset.value==n&&c&&c.dataset.group===o.toString()&&(v=d)),a.appendChild(d),""!=o&&(u[o]=i)}}var w
+h.settings.lockOptgroupOrder&&p.sort(((e,t)=>e.order-t.order)),l=document.createDocumentFragment(),B(p,(e=>{let t=e.fragment,s=e.optgroup
+if(!t||!t.children.length)return
+let i=h.optgroups[s]
+if(void 0!==i){let e=document.createDocumentFragment(),s=h.render("optgroup_header",i)
+z(e,s),z(e,t)
+let n=h.render("optgroup",{group:i,options:e})
+z(l,n)}else z(l,t)})),O.innerHTML="",z(O,l),h.settings.highlight&&(w=O.querySelectorAll("span.highlight"),Array.prototype.forEach.call(w,(function(e){var t=e.parentNode
+t.replaceChild(e.firstChild,e),t.normalize()})),m.query.length&&m.tokens.length&&B(m.tokens,(e=>{ne(O,e.regex)})))
+var _=e=>{let t=h.render(e,{input:g})
+return t&&(y=!0,O.insertBefore(t,O.firstChild)),t}
+if(h.loading?_("loading"):h.settings.shouldLoad.call(h,g)?0===m.items.length&&_("no_results"):_("not_loading"),(a=h.canCreate(g))&&(d=_("option_create")),h.hasOptions=m.items.length>0||a,y){if(m.items.length>0){if(v||"single"!==h.settings.mode||null==h.items[0]||(v=h.getOption(h.items[0])),!O.contains(v)){let e=0
+d&&!h.settings.addPrecedence&&(e=1),v=h.selectable()[e]}}else d&&(v=d)
+e&&!h.isOpen&&(h.open(),h.scrollToOption(v,"auto")),h.setActiveOption(v)}else h.clearActiveOption(),e&&h.isOpen&&h.close(!1)}selectable(){return this.dropdown_content.querySelectorAll("[data-selectable]")}addOption(e,t=!1){const s=this
+if(Array.isArray(e))return s.addOptions(e,t),!1
+const i=P(e[s.settings.valueField])
+return null!==i&&!s.options.hasOwnProperty(i)&&(e.$order=e.$order||++s.order,e.$id=s.inputId+"-opt-"+e.$order,s.options[i]=e,s.lastQuery=null,t&&(s.userOptions[i]=t,s.trigger("option_add",i,e)),i)}addOptions(e,t=!1){B(e,(e=>{this.addOption(e,t)}))}registerOption(e){return this.addOption(e)}registerOptionGroup(e){var t=P(e[this.settings.optgroupValueField])
+return null!==t&&(e.$order=e.$order||++this.order,this.optgroups[t]=e,t)}addOptionGroup(e,t){var s
+t[this.settings.optgroupValueField]=e,(s=this.registerOptionGroup(t))&&this.trigger("optgroup_add",s,t)}removeOptionGroup(e){this.optgroups.hasOwnProperty(e)&&(delete this.optgroups[e],this.clearCache(),this.trigger("optgroup_remove",e))}clearOptionGroups(){this.optgroups={},this.clearCache(),this.trigger("optgroup_clear")}updateOption(e,t){const s=this
+var i,n
+const o=P(e),r=P(t[s.settings.valueField])
+if(null===o)return
+const l=s.options[o]
+if(null==l)return
+if("string"!=typeof r)throw new Error("Value must be set in option data")
+const a=s.getOption(o),c=s.getItem(o)
+if(t.$order=t.$order||l.$order,delete s.options[o],s.uncacheValue(r),s.options[r]=t,a){if(s.dropdown_content.contains(a)){const e=s._render("option",t)
+ie(a,e),s.activeOption===a&&s.setActiveOption(e)}a.remove()}c&&(-1!==(n=s.items.indexOf(o))&&s.items.splice(n,1,r),i=s._render("item",t),c.classList.contains("active")&&J(i,"active"),ie(c,i)),s.lastQuery=null}removeOption(e,t){const s=this
+e=N(e),s.uncacheValue(e),delete s.userOptions[e],delete s.options[e],s.lastQuery=null,s.trigger("option_remove",e),s.removeItem(e,t)}clearOptions(e){const t=(e||this.clearFilter).bind(this)
+this.loadedSearches={},this.userOptions={},this.clearCache()
+const s={}
+B(this.options,((e,i)=>{t(e,i)&&(s[i]=e)})),this.options=this.sifter.items=s,this.lastQuery=null,this.trigger("option_clear")}clearFilter(e,t){return this.items.indexOf(t)>=0}getOption(e,t=!1){const s=P(e)
+if(null===s)return null
+const i=this.options[s]
+if(null!=i){if(i.$div)return i.$div
+if(t)return this._render("option",i)}return null}getAdjacent(e,t,s="option"){var i
+if(!e)return null
+i="item"==s?this.controlChildren():this.dropdown_content.querySelectorAll("[data-selectable]")
+for(let s=0;s<i.length;s++)if(i[s]==e)return t>0?i[s+1]:i[s-1]
+return null}getItem(e){if("object"==typeof e)return e
+var t=P(e)
+return null!==t?this.control.querySelector(`[data-value="${M(t)}"]`):null}addItems(e,t){var s=this,i=Array.isArray(e)?e:[e]
+const n=(i=i.filter((e=>-1===s.items.indexOf(e))))[i.length-1]
+i.forEach((e=>{s.isPending=e!==n,s.addItem(e,t)}))}addItem(e,t){V(this,t?[]:["change","dropdown_close"],(()=>{var s,i
+const n=this,o=n.settings.mode,r=P(e)
+if((!r||-1===n.items.indexOf(r)||("single"===o&&n.close(),"single"!==o&&n.settings.duplicates))&&null!==r&&n.options.hasOwnProperty(r)&&("single"===o&&n.clear(t),"multi"!==o||!n.isFull())){if(s=n._render("item",n.options[r]),n.control.contains(s)&&(s=s.cloneNode(!0)),i=n.isFull(),n.items.splice(n.caretPos,0,r),n.insertAtCaret(s),n.isSetup){if(!n.isPending&&n.settings.hideSelected){let e=n.getOption(r),t=n.getAdjacent(e,1)
+t&&n.setActiveOption(t)}n.isPending||n.settings.closeAfterSelect||n.refreshOptions(n.isFocused&&"single"!==o),0!=n.settings.closeAfterSelect&&n.isFull()?n.close():n.isPending||n.positionDropdown(),n.trigger("item_add",r,s),n.isPending||n.updateOriginalInput({silent:t})}(!n.isPending||!i&&n.isFull())&&(n.inputState(),n.refreshState())}}))}removeItem(e=null,t){const s=this
+if(!(e=s.getItem(e)))return
+var i,n
+const o=e.dataset.value
+i=te(e),e.remove(),e.classList.contains("active")&&(n=s.activeItems.indexOf(e),s.activeItems.splice(n,1),W(e,"active")),s.items.splice(i,1),s.lastQuery=null,!s.settings.persist&&s.userOptions.hasOwnProperty(o)&&s.removeOption(o,t),i<s.caretPos&&s.setCaret(s.caretPos-1),s.updateOriginalInput({silent:t}),s.refreshState(),s.positionDropdown(),s.trigger("item_remove",o,e)}createItem(e=null,t=()=>{}){3===arguments.length&&(t=arguments[2]),"function"!=typeof t&&(t=()=>{})
+var s,i=this,n=i.caretPos
+if(e=e||i.inputValue(),!i.canCreate(e))return t(),!1
+i.lock()
+var o=!1,r=e=>{if(i.unlock(),!e||"object"!=typeof e)return t()
+var s=P(e[i.settings.valueField])
+if("string"!=typeof s)return t()
+i.setTextboxValue(),i.addOption(e,!0),i.setCaret(n),i.addItem(s),t(e),o=!0}
+return s="function"==typeof i.settings.create?i.settings.create.call(this,e,r):{[i.settings.labelField]:e,[i.settings.valueField]:e},o||r(s),!0}refreshItems(){var e=this
+e.lastQuery=null,e.isSetup&&e.addItems(e.items),e.updateOriginalInput(),e.refreshState()}refreshState(){const e=this
+e.refreshValidityState()
+const t=e.isFull(),s=e.isLocked
+e.wrapper.classList.toggle("rtl",e.rtl)
+const i=e.wrapper.classList
+var n
+i.toggle("focus",e.isFocused),i.toggle("disabled",e.isDisabled),i.toggle("readonly",e.isReadOnly),i.toggle("required",e.isRequired),i.toggle("invalid",!e.isValid),i.toggle("locked",s),i.toggle("full",t),i.toggle("input-active",e.isFocused&&!e.isInputHidden),i.toggle("dropdown-active",e.isOpen),i.toggle("has-options",(n=e.options,0===Object.keys(n).length)),i.toggle("has-items",e.items.length>0)}refreshValidityState(){var e=this
+e.input.validity&&(e.isValid=e.input.validity.valid,e.isInvalid=!e.isValid)}isFull(){return null!==this.settings.maxItems&&this.items.length>=this.settings.maxItems}updateOriginalInput(e={}){const t=this
+var s,i
+const n=t.input.querySelector('option[value=""]')
+if(t.is_select_tag){const o=[],r=t.input.querySelectorAll("option:checked").length
+function l(e,s,i){return e||(e=K('<option value="'+j(s)+'">'+j(i)+"</option>")),e!=n&&t.input.append(e),o.push(e),(e!=n||r>0)&&(e.selected=!0),e}t.input.querySelectorAll("option:checked").forEach((e=>{e.selected=!1})),0==t.items.length&&"single"==t.settings.mode?l(n,"",""):t.items.forEach((e=>{if(s=t.options[e],i=s[t.settings.labelField]||"",o.includes(s.$option)){l(t.input.querySelector(`option[value="${M(e)}"]:not(:checked)`),e,i)}else s.$option=l(s.$option,e,i)}))}else t.input.value=t.getValue()
+t.isSetup&&(e.silent||t.trigger("change",t.getValue()))}open(){var e=this
+e.isLocked||e.isOpen||"multi"===e.settings.mode&&e.isFull()||(e.isOpen=!0,se(e.focus_node,{"aria-expanded":"true"}),e.refreshState(),U(e.dropdown,{visibility:"hidden",display:"block"}),e.positionDropdown(),U(e.dropdown,{visibility:"visible",display:"block"}),e.focus(),e.trigger("dropdown_open",e.dropdown))}close(e=!0){var t=this,s=t.isOpen
+e&&(t.setTextboxValue(),"single"===t.settings.mode&&t.items.length&&t.inputState()),t.isOpen=!1,se(t.focus_node,{"aria-expanded":"false"}),U(t.dropdown,{display:"none"}),t.settings.hideSelected&&t.clearActiveOption(),t.refreshState(),s&&t.trigger("dropdown_close",t.dropdown)}positionDropdown(){if("body"===this.settings.dropdownParent){var e=this.control,t=e.getBoundingClientRect(),s=e.offsetHeight+t.top+window.scrollY,i=t.left+window.scrollX
+U(this.dropdown,{width:t.width+"px",top:s+"px",left:i+"px"})}}clear(e){var t=this
+if(t.items.length){var s=t.controlChildren()
+B(s,(e=>{t.removeItem(e,!0)})),t.inputState(),e||t.updateOriginalInput(),t.trigger("clear")}}insertAtCaret(e){const t=this,s=t.caretPos,i=t.control
+i.insertBefore(e,i.children[s]||null),t.setCaret(s+1)}deleteSelection(e){var t,s,i,n,o,r=this
+t=e&&8===e.keyCode?-1:1,s={start:(o=r.control_input).selectionStart||0,length:(o.selectionEnd||0)-(o.selectionStart||0)}
+const l=[]
+if(r.activeItems.length)n=ee(r.activeItems,t),i=te(n),t>0&&i++,B(r.activeItems,(e=>l.push(e)))
+else if((r.isFocused||"single"===r.settings.mode)&&r.items.length){const e=r.controlChildren()
+let i
+t<0&&0===s.start&&0===s.length?i=e[r.caretPos-1]:t>0&&s.start===r.inputValue().length&&(i=e[r.caretPos]),void 0!==i&&l.push(i)}if(!r.shouldDelete(l,e))return!1
+for(q(e,!0),void 0!==i&&r.setCaret(i);l.length;)r.removeItem(l.pop())
+return r.inputState(),r.positionDropdown(),r.refreshOptions(!1),!0}shouldDelete(e,t){const s=e.map((e=>e.dataset.value))
+return!(!s.length||"function"==typeof this.settings.onDelete&&!1===this.settings.onDelete(s,t))}advanceSelection(e,t){var s,i,n=this
+n.rtl&&(e*=-1),n.inputValue().length||(H(oe,t)||H("shiftKey",t)?(i=(s=n.getLastActive(e))?s.classList.contains("active")?n.getAdjacent(s,e,"item"):s:e>0?n.control_input.nextElementSibling:n.control_input.previousElementSibling)&&(i.classList.contains("active")&&n.removeActiveItem(s),n.setActiveItemClass(i)):n.moveCaret(e))}moveCaret(e){}getLastActive(e){let t=this.control.querySelector(".last-active")
+if(t)return t
+var s=this.control.querySelectorAll(".active")
+return s?ee(s,e):void 0}setCaret(e){this.caretPos=this.items.length}controlChildren(){return Array.from(this.control.querySelectorAll("[data-ts-item]"))}lock(){this.setLocked(!0)}unlock(){this.setLocked(!1)}setLocked(e=this.isReadOnly||this.isDisabled){this.isLocked=e,this.refreshState()}disable(){this.setDisabled(!0),this.close()}enable(){this.setDisabled(!1)}setDisabled(e){this.focus_node.tabIndex=e?-1:this.tabIndex,this.isDisabled=e,this.input.disabled=e,this.control_input.disabled=e,this.setLocked()}setReadOnly(e){this.isReadOnly=e,this.input.readOnly=e,this.control_input.readOnly=e,this.setLocked()}destroy(){var e=this,t=e.revertSettings
+e.trigger("destroy"),e.off(),e.wrapper.remove(),e.dropdown.remove(),e.input.innerHTML=t.innerHTML,e.input.tabIndex=t.tabIndex,W(e.input,"tomselected","ts-hidden-accessible"),e._destroy(),delete e.input.tomselect}render(e,t){var s,i
+const n=this
+if("function"!=typeof this.settings.render[e])return null
+if(!(i=n.settings.render[e].call(this,t,j)))return null
+if(i=K(i),"option"===e||"option_create"===e?t[n.settings.disabledField]?se(i,{"aria-disabled":"true"}):se(i,{"data-selectable":""}):"optgroup"===e&&(s=t.group[n.settings.optgroupValueField],se(i,{"data-group":s}),t.group[n.settings.disabledField]&&se(i,{"data-disabled":""})),"option"===e||"item"===e){const s=N(t[n.settings.valueField])
+se(i,{"data-value":s}),"item"===e?(J(i,n.settings.itemClass),se(i,{"data-ts-item":""})):(J(i,n.settings.optionClass),se(i,{role:"option",id:t.$id}),t.$div=i,n.options[s]=t)}return i}_render(e,t){const s=this.render(e,t)
+if(null==s)throw"HTMLElement expected"
+return s}clearCache(){B(this.options,(e=>{e.$div&&(e.$div.remove(),delete e.$div)}))}uncacheValue(e){const t=this.getOption(e)
+t&&t.remove()}canCreate(e){return this.settings.create&&e.length>0&&this.settings.createFilter.call(this,e)}hook(e,t,s){var i=this,n=i[t]
+i[t]=function(){var t,o
+return"after"===e&&(t=n.apply(i,arguments)),o=s.apply(i,arguments),"instead"===e?o:("before"===e&&(t=n.apply(i,arguments)),t)}}}return ce.define("change_listener",(function(){D(this.input,"change",(()=>{this.sync()}))})),ce.define("checkbox_options",(function(e){var t=this,s=t.onOptionSelect
+t.settings.hideSelected=!1
+const i=Object.assign({className:"tomselect-checkbox",checkedClassNames:void 0,uncheckedClassNames:void 0},e)
+var n=function(e,t){t?(e.checked=!0,i.uncheckedClassNames&&e.classList.remove(...i.uncheckedClassNames),i.checkedClassNames&&e.classList.add(...i.checkedClassNames)):(e.checked=!1,i.checkedClassNames&&e.classList.remove(...i.checkedClassNames),i.uncheckedClassNames&&e.classList.add(...i.uncheckedClassNames))},o=function(e){setTimeout((()=>{var t=e.querySelector("input."+i.className)
+t instanceof HTMLInputElement&&n(t,e.classList.contains("selected"))}),1)}
+t.hook("after","setupTemplates",(()=>{var e=t.settings.render.option
+t.settings.render.option=(s,o)=>{var r=K(e.call(t,s,o)),l=document.createElement("input")
+i.className&&l.classList.add(i.className),l.addEventListener("click",(function(e){q(e)})),l.type="checkbox"
+const a=P(s[t.settings.valueField])
+return n(l,!!(a&&t.items.indexOf(a)>-1)),r.prepend(l),r}})),t.on("item_remove",(e=>{var s=t.getOption(e)
+s&&(s.classList.remove("selected"),o(s))})),t.on("item_add",(e=>{var s=t.getOption(e)
+s&&o(s)})),t.hook("instead","onOptionSelect",((e,i)=>{if(i.classList.contains("selected"))return i.classList.remove("selected"),t.removeItem(i.dataset.value),t.refreshOptions(),void q(e,!0)
+s.call(t,e,i),o(i)}))})),ce.define("clear_button",(function(e){const t=this,s=Object.assign({className:"clear-button",title:"Clear All",html:e=>`<div class="${e.className}" title="${e.title}">&#10799;</div>`},e)
+t.on("initialize",(()=>{var e=K(s.html(s))
+e.addEventListener("click",(e=>{t.isLocked||(t.clear(),"single"===t.settings.mode&&t.settings.allowEmptyOption&&t.addItem(""),e.preventDefault(),e.stopPropagation())})),t.control.appendChild(e)}))})),ce.define("drag_drop",(function(){var e=this
+if("multi"!==e.settings.mode)return
+var t=e.lock,s=e.unlock
+let i,n=!0
+e.hook("after","setupTemplates",(()=>{var t=e.settings.render.item
+e.settings.render.item=(s,o)=>{const r=K(t.call(e,s,o))
+se(r,{draggable:"true"})
+const l=e=>{e.preventDefault(),r.classList.add("ts-drag-over"),a(r,i)},a=(e,t)=>{var s,i,n
+void 0!==t&&(((e,t)=>{do{var s
+if(e==(t=null==(s=t)?void 0:s.previousElementSibling))return!0}while(t&&t.previousElementSibling)
+return!1})(t,r)?(i=t,null==(n=(s=e).parentNode)||n.insertBefore(i,s.nextSibling)):((e,t)=>{var s
+null==(s=e.parentNode)||s.insertBefore(t,e)})(e,t))}
+return D(r,"mousedown",(e=>{n||q(e),e.stopPropagation()})),D(r,"dragstart",(e=>{i=r,setTimeout((()=>{r.classList.add("ts-dragging")}),0)})),D(r,"dragenter",l),D(r,"dragover",l),D(r,"dragleave",(()=>{r.classList.remove("ts-drag-over")})),D(r,"dragend",(()=>{var t
+document.querySelectorAll(".ts-drag-over").forEach((e=>e.classList.remove("ts-drag-over"))),null==(t=i)||t.classList.remove("ts-dragging"),i=void 0
+var s=[]
+e.control.querySelectorAll("[data-value]").forEach((e=>{if(e.dataset.value){let t=e.dataset.value
+t&&s.push(t)}})),e.setValue(s)})),r}})),e.hook("instead","lock",(()=>(n=!1,t.call(e)))),e.hook("instead","unlock",(()=>(n=!0,s.call(e))))})),ce.define("dropdown_header",(function(e){const t=this,s=Object.assign({title:"Untitled",headerClass:"dropdown-header",titleRowClass:"dropdown-header-title",labelClass:"dropdown-header-label",closeClass:"dropdown-header-close",html:e=>'<div class="'+e.headerClass+'"><div class="'+e.titleRowClass+'"><span class="'+e.labelClass+'">'+e.title+'</span><a class="'+e.closeClass+'">&times;</a></div></div>'},e)
+t.on("initialize",(()=>{var e=K(s.html(s)),i=e.querySelector("."+s.closeClass)
+i&&i.addEventListener("click",(e=>{q(e,!0),t.close()})),t.dropdown.insertBefore(e,t.dropdown.firstChild)}))})),ce.define("caret_position",(function(){var e=this
+e.hook("instead","setCaret",(t=>{"single"!==e.settings.mode&&e.control.contains(e.control_input)?(t=Math.max(0,Math.min(e.items.length,t)))==e.caretPos||e.isPending||e.controlChildren().forEach(((s,i)=>{i<t?e.control_input.insertAdjacentElement("beforebegin",s):e.control.appendChild(s)})):t=e.items.length,e.caretPos=t})),e.hook("instead","moveCaret",(t=>{if(!e.isFocused)return
+const s=e.getLastActive(t)
+if(s){const i=te(s)
+e.setCaret(t>0?i+1:i),e.setActiveItem(),W(s,"last-active")}else e.setCaret(e.caretPos+t)}))})),ce.define("dropdown_input",(function(){const e=this
+e.settings.shouldOpen=!0,e.hook("before","setup",(()=>{e.focus_node=e.control,J(e.control_input,"dropdown-input")
+const t=K('<div class="dropdown-input-wrap">')
+t.append(e.control_input),e.dropdown.insertBefore(t,e.dropdown.firstChild)
+const s=K('<input class="items-placeholder" tabindex="-1" />')
+s.placeholder=e.settings.placeholder||"",e.control.append(s)})),e.on("initialize",(()=>{e.control_input.addEventListener("keydown",(t=>{switch(t.keyCode){case 27:return e.isOpen&&(q(t,!0),e.close()),void e.clearActiveItems()
+case 9:e.focus_node.tabIndex=-1}return e.onKeyDown.call(e,t)})),e.on("blur",(()=>{e.focus_node.tabIndex=e.isDisabled?-1:e.tabIndex})),e.on("dropdown_open",(()=>{e.control_input.focus()}))
+const t=e.onBlur
+e.hook("instead","onBlur",(s=>{if(!s||s.relatedTarget!=e.control_input)return t.call(e)})),D(e.control_input,"blur",(()=>e.onBlur())),e.hook("before","close",(()=>{e.isOpen&&e.focus_node.focus({preventScroll:!0})}))}))})),ce.define("input_autogrow",(function(){var e=this
+e.on("initialize",(()=>{var t=document.createElement("span"),s=e.control_input
+t.style.cssText="position:absolute; top:-99999px; left:-99999px; width:auto; padding:0; white-space:pre; ",e.wrapper.appendChild(t)
+for(const e of["letterSpacing","fontSize","fontFamily","fontWeight","textTransform"])t.style[e]=s.style[e]
+var i=()=>{t.textContent=s.value,s.style.width=t.clientWidth+"px"}
+i(),e.on("update item_add item_remove",i),D(s,"input",i),D(s,"keyup",i),D(s,"blur",i),D(s,"update",i)}))})),ce.define("no_backspace_delete",(function(){var e=this,t=e.deleteSelection
+this.hook("instead","deleteSelection",(s=>!!e.activeItems.length&&t.call(e,s)))})),ce.define("no_active_items",(function(){this.hook("instead","setActiveItem",(()=>{})),this.hook("instead","selectAll",(()=>{}))})),ce.define("optgroup_columns",(function(){var e=this,t=e.onKeyDown
+e.hook("instead","onKeyDown",(s=>{var i,n,o,r
+if(!e.isOpen||37!==s.keyCode&&39!==s.keyCode)return t.call(e,s)
+e.ignoreHover=!0,r=Z(e.activeOption,"[data-group]"),i=te(e.activeOption,"[data-selectable]"),r&&(r=37===s.keyCode?r.previousSibling:r.nextSibling)&&(n=(o=r.querySelectorAll("[data-selectable]"))[Math.min(o.length-1,i)])&&e.setActiveOption(n)}))})),ce.define("remove_button",(function(e){const t=Object.assign({label:"&times;",title:"Remove",className:"remove",append:!0},e)
+var s=this
+if(t.append){var i='<a href="javascript:void(0)" class="'+t.className+'" tabindex="-1" title="'+j(t.title)+'">'+t.label+"</a>"
+s.hook("after","setupTemplates",(()=>{var e=s.settings.render.item
+s.settings.render.item=(t,n)=>{var o=K(e.call(s,t,n)),r=K(i)
+return o.appendChild(r),D(r,"mousedown",(e=>{q(e,!0)})),D(r,"click",(e=>{s.isLocked||(q(e,!0),s.isLocked||s.shouldDelete([o],e)&&(s.removeItem(o),s.refreshOptions(!1),s.inputState()))})),o}}))}})),ce.define("restore_on_backspace",(function(e){const t=this,s=Object.assign({text:e=>e[t.settings.labelField]},e)
+t.on("item_remove",(function(e){if(t.isFocused&&""===t.control_input.value.trim()){var i=t.options[e]
+i&&t.setTextboxValue(s.text.call(t,i))}}))})),ce.define("virtual_scroll",(function(){const e=this,t=e.canLoad,s=e.clearActiveOption,i=e.loadCallback
+var n,o,r={},l=!1,a=[]
+if(e.settings.shouldLoadMore||(e.settings.shouldLoadMore=()=>{if(n.clientHeight/(n.scrollHeight-n.scrollTop)>.9)return!0
+if(e.activeOption){var t=e.selectable()
+if(Array.from(t).indexOf(e.activeOption)>=t.length-2)return!0}return!1}),!e.settings.firstUrl)throw"virtual_scroll plugin requires a firstUrl() method"
+e.settings.sortField=[{field:"$order"},{field:"$score"}]
+const c=t=>!("number"==typeof e.settings.maxOptions&&n.children.length>=e.settings.maxOptions)&&!(!(t in r)||!r[t]),d=(t,s)=>e.items.indexOf(s)>=0||a.indexOf(s)>=0
+e.setNextUrl=(e,t)=>{r[e]=t},e.getUrl=t=>{if(t in r){const e=r[t]
+return r[t]=!1,e}return e.clearPagination(),e.settings.firstUrl.call(e,t)},e.clearPagination=()=>{r={}},e.hook("instead","clearActiveOption",(()=>{if(!l)return s.call(e)})),e.hook("instead","canLoad",(s=>s in r?c(s):t.call(e,s))),e.hook("instead","loadCallback",((t,s)=>{if(l){if(o){const s=t[0]
+void 0!==s&&(o.dataset.value=s[e.settings.valueField])}}else e.clearOptions(d)
+i.call(e,t,s),l=!1})),e.hook("after","refreshOptions",(()=>{const t=e.lastValue
+var s
+c(t)?(s=e.render("loading_more",{query:t}))&&(s.setAttribute("data-selectable",""),o=s):t in r&&!n.querySelector(".no-results")&&(s=e.render("no_more_results",{query:t})),s&&(J(s,e.settings.optionClass),n.append(s))})),e.on("initialize",(()=>{a=Object.keys(e.options),n=e.dropdown_content,e.settings.render=Object.assign({},{loading_more:()=>'<div class="loading-more-results">Loading more results ... </div>',no_more_results:()=>'<div class="no-more-results">No more results</div>'},e.settings.render),n.addEventListener("scroll",(()=>{e.settings.shouldLoadMore.call(e)&&c(e.lastValue)&&(l||(l=!0,e.load.call(e,e.lastValue)))}))}))})),ce}))
+var tomSelect=function(e,t){return new TomSelect(e,t)}
+//# sourceMappingURL=tom-select.complete.min.js.map
diff --git a/public_html/raven-demo/vendor/js/world.js b/public_html/raven-demo/vendor/js/world.js
new file mode 100644
index 0000000..0ea2234
--- /dev/null
+++ b/public_html/raven-demo/vendor/js/world.js
@@ -0,0 +1 @@
+"use strict";jsVectorMap.addMap("world",{insets:[{width:900,top:0,left:0,height:440.70631074413296,bbox:[{y:-12671671.123330014,x:-20004297.151525836},{y:6930392.025135122,x:20026572.39474939}]}],paths:{BD:{path:"M651.84,230.21l-0.6,-2.0l-1.36,-1.71l-2.31,-0.11l-0.41,0.48l0.2,0.94l-0.53,0.99l-0.72,-0.36l-0.68,0.35l-1.2,-0.36l-0.37,-2.0l-0.81,-1.86l0.39,-1.46l-0.22,-0.47l-1.14,-0.53l0.29,-0.5l1.48,-0.94l0.03,-0.65l-1.55,-1.22l0.55,-1.14l1.61,0.94l1.04,0.15l0.18,1.54l0.34,0.35l5.64,0.63l-0.84,1.64l-1.22,0.34l-0.77,1.51l0.07,0.47l1.37,1.37l0.67,-0.19l0.42,-1.39l1.21,3.84l-0.03,1.21l-0.33,-0.15l-0.4,0.28Z",name:"Bangladesh"},BE:{path:"M429.29,144.05l1.91,0.24l2.1,-0.63l2.63,1.99l-0.21,1.66l-0.69,0.4l-0.18,1.2l-1.66,-1.13l-1.39,0.15l-2.73,-2.7l-1.17,-0.18l-0.16,-0.52l1.54,-0.5Z",name:"Belgium"},BF:{path:"M421.42,247.64l-0.11,0.95l0.34,1.16l1.4,1.71l0.07,1.1l0.32,0.37l2.55,0.51l-0.04,1.28l-0.38,0.53l-1.07,0.21l-0.72,1.18l-0.63,0.21l-3.22,-0.25l-0.94,0.39l-5.4,-0.05l-0.39,0.38l0.16,2.73l-1.23,-0.43l-1.17,0.1l-0.89,0.57l-2.27,-1.72l-0.13,-1.11l0.61,-0.96l0.02,-0.93l1.87,-1.98l0.44,-1.81l0.43,-0.39l1.28,0.26l1.05,-0.52l0.47,-0.73l1.84,-1.09l0.55,-0.83l2.2,-1.0l1.15,-0.3l0.72,0.45l1.13,-0.01Z",name:"Burkina Faso"},BG:{path:"M491.65,168.18l-0.86,0.88l-0.91,2.17l0.48,1.34l-1.6,-0.24l-2.55,0.95l-0.28,1.51l-1.8,0.22l-2.0,-1.0l-1.92,0.79l-1.42,-0.07l-0.15,-1.63l-1.05,-0.97l0.0,-0.8l1.2,-1.57l0.01,-0.56l-1.14,-1.23l-0.05,-0.94l0.88,0.97l0.88,-0.2l1.91,0.47l3.68,0.16l1.42,-0.81l2.72,-0.66l2.55,1.24Z",name:"Bulgaria"},BA:{path:"M463.49,163.65l2.1,0.5l1.72,-0.03l1.52,0.68l-0.36,0.78l0.08,0.45l1.04,1.02l-0.25,0.98l-1.81,1.15l-0.38,1.38l-1.67,-0.87l-0.89,-1.2l-2.11,-1.83l-1.63,-2.22l0.23,-0.57l0.48,0.38l0.55,-0.06l0.43,-0.51l0.94,-0.06Z",name:"Bosnia and Herz."},BN:{path:"M707.48,273.58l0.68,-0.65l1.41,-0.91l-0.15,1.63l-0.81,-0.05l-0.61,0.58l-0.53,-0.6Z",name:"Brunei"},BO:{path:"M263.83,340.69l-3.09,-0.23l-0.38,0.23l-0.7,1.52l-1.31,-1.53l-3.28,-0.64l-2.37,2.4l-1.31,0.26l-0.88,-3.26l-1.3,-2.86l0.74,-2.37l-0.13,-0.43l-1.2,-1.01l-0.37,-1.89l-1.08,-1.55l1.45,-2.56l-0.96,-2.33l0.47,-1.06l-0.34,-0.73l0.91,-1.32l0.16,-3.84l0.5,-1.18l-1.81,-3.41l2.46,0.07l0.8,-0.85l3.4,-1.91l2.66,-0.35l-0.19,1.38l0.3,1.07l-0.05,1.97l2.72,2.27l2.88,0.49l0.89,0.86l1.79,0.58l0.98,0.7l1.71,0.05l1.17,0.61l0.6,2.7l-0.7,0.54l0.96,2.99l0.37,0.28l4.3,0.1l-0.25,1.2l0.27,1.02l1.43,0.9l0.5,1.35l-0.41,1.86l-0.65,1.08l0.12,1.35l-2.69,-1.65l-2.4,-0.03l-4.36,0.76l-1.49,2.5l-0.11,1.52l-0.75,2.37Z",name:"Bolivia"},JP:{path:"M781.12,166.87l1.81,0.68l1.62,-0.97l0.39,2.42l-3.35,0.75l-2.23,2.88l-3.63,-1.9l-0.56,0.2l-1.26,3.05l-2.16,0.03l-0.29,-2.51l1.08,-2.03l2.45,-0.16l0.37,-0.33l1.25,-5.94l2.47,2.71l2.03,1.12ZM773.56,187.34l-0.91,2.22l0.37,1.52l-1.14,1.75l-3.02,1.26l-4.58,0.27l-3.34,3.01l-1.25,-0.8l-0.09,-1.9l-0.46,-0.38l-4.35,0.62l-3.0,1.32l-2.85,0.05l-0.37,0.27l0.13,0.44l2.32,1.89l-1.54,4.34l-1.26,0.9l-0.79,-0.7l0.56,-2.27l-0.21,-0.45l-1.47,-0.75l-0.74,-1.4l2.12,-0.84l1.26,-1.7l2.45,-1.42l1.83,-1.91l4.78,-0.81l2.6,0.57l0.44,-0.21l2.39,-4.66l1.29,1.06l0.5,0.01l5.1,-4.02l1.69,-3.73l-0.38,-3.4l0.9,-1.61l2.14,-0.44l1.23,3.72l-0.07,2.18l-2.23,2.84l-0.04,3.16ZM757.78,196.26l0.19,0.56l-1.01,1.21l-1.16,-0.68l-1.28,0.65l-0.69,1.45l-1.02,-0.5l0.01,-0.93l1.14,-1.38l1.57,0.14l0.85,-0.98l1.4,0.46Z",name:"Japan"},BI:{path:"M495.45,295.49l-1.08,-2.99l1.14,-0.11l0.64,-1.19l0.76,0.09l0.65,1.83l-2.1,2.36Z",name:"Burundi"},BJ:{path:"M429.57,255.75l-0.05,0.8l0.5,1.34l-0.42,0.86l0.17,0.79l-1.81,2.12l-0.57,1.76l-0.08,5.42l-1.41,0.2l-0.48,-1.36l0.11,-5.71l-0.52,-0.7l-0.2,-1.35l-1.48,-1.48l0.21,-0.9l0.89,-0.43l0.42,-0.92l1.27,-0.36l1.22,-1.34l0.61,-0.0l1.62,1.24Z",name:"Benin"},BT:{path:"M650.32,213.86l0.84,0.71l-0.12,1.1l-3.76,-0.11l-1.57,0.4l-1.93,-0.87l1.48,-1.96l1.13,-0.57l1.63,0.57l1.33,0.08l0.99,0.65Z",name:"Bhutan"},JM:{path:"M228.38,239.28l-0.8,0.4l-2.26,-1.06l0.84,-0.23l2.14,0.3l1.17,0.56l-1.08,0.03Z",name:"Jamaica"},BW:{path:"M483.92,330.07l2.27,4.01l2.83,2.86l0.96,0.31l0.78,2.43l2.13,0.61l1.02,0.76l-3.0,1.64l-2.32,2.02l-1.54,2.69l-1.52,0.45l-0.64,1.94l-1.34,0.52l-1.85,-0.12l-1.21,-0.74l-1.35,-0.3l-1.22,0.62l-0.75,1.37l-2.31,1.9l-1.4,0.21l-0.35,-0.59l0.16,-1.75l-1.48,-2.54l-0.62,-0.43l-0.0,-7.1l2.08,-0.08l0.39,-0.4l0.07,-8.9l5.19,-0.93l0.8,0.89l0.51,0.07l1.5,-0.95l2.21,-0.49Z",name:"Botswana"},BR:{path:"M259.98,275.05l3.24,0.7l0.65,-0.53l4.55,-1.32l1.08,-1.06l-0.02,-0.63l0.55,-0.05l0.28,0.28l-0.26,0.87l0.22,0.48l0.73,0.32l0.4,0.81l-0.62,0.86l-0.4,2.13l0.82,2.56l1.69,1.43l1.43,0.2l3.17,-1.68l3.18,0.3l0.65,-0.75l-0.27,-0.92l1.9,-0.09l2.39,0.99l1.06,-0.61l0.84,0.78l1.2,-0.18l1.18,-1.06l0.84,-1.94l1.36,-2.11l0.37,-0.05l1.89,5.45l1.33,0.59l0.05,1.28l-1.77,1.94l0.02,0.56l1.02,0.87l4.07,0.36l0.08,2.16l0.66,0.29l1.74,-1.5l6.97,2.32l1.02,1.22l-0.35,1.18l0.49,0.5l2.81,-0.74l4.77,1.3l3.75,-0.08l3.57,2.0l3.29,2.86l1.93,0.72l2.12,0.12l0.71,0.62l1.21,4.51l-0.95,3.98l-4.72,5.06l-1.64,2.92l-1.72,2.05l-0.8,0.3l-0.72,2.03l0.18,4.75l-0.94,5.53l-0.81,1.13l-0.43,3.36l-2.55,3.5l-0.4,2.51l-1.86,1.04l-0.67,1.53l-2.54,0.01l-3.94,1.01l-1.83,1.2l-2.87,0.82l-3.03,2.19l-2.2,2.83l-0.36,2.0l0.4,1.58l-0.44,2.6l-0.51,1.2l-1.77,1.54l-2.75,4.78l-3.83,3.42l-1.24,2.74l-1.18,1.15l-0.36,-0.83l0.95,-1.14l0.01,-0.5l-1.52,-1.97l-4.56,-3.32l-1.03,-0.0l-2.38,-2.02l-0.81,-0.0l5.34,-5.45l3.77,-2.58l0.22,-2.46l-1.35,-1.81l-0.91,0.07l0.58,-2.33l0.01,-1.54l-1.11,-0.83l-1.75,0.3l-0.44,-3.11l-0.52,-0.95l-1.88,-0.88l-1.24,0.47l-2.17,-0.41l0.15,-3.21l-0.62,-1.34l0.66,-0.73l-0.22,-1.34l0.66,-1.13l0.44,-2.04l-0.61,-1.83l-1.4,-0.86l-0.2,-0.75l0.34,-1.39l-0.38,-0.5l-4.52,-0.1l-0.72,-2.22l0.59,-0.42l-0.03,-1.1l-0.5,-0.87l-0.32,-1.7l-1.45,-0.76l-1.63,-0.02l-1.05,-0.72l-1.6,-0.48l-1.13,-0.99l-2.69,-0.4l-2.47,-2.06l0.13,-4.35l-0.45,-0.45l-3.46,0.5l-3.44,1.94l-0.6,0.74l-2.9,-0.17l-1.47,0.42l-0.72,-0.18l0.15,-3.52l-0.63,-0.34l-1.94,1.41l-1.87,-0.06l-0.83,-1.18l-1.37,-0.26l0.21,-1.01l-1.35,-1.49l-0.88,-1.91l0.56,-0.6l-0.0,-0.81l1.29,-0.62l0.22,-0.43l-0.22,-1.19l0.61,-0.91l0.15,-0.99l2.65,-1.58l1.99,-0.47l0.42,-0.36l2.06,0.11l0.42,-0.33l1.19,-8.0l-0.41,-1.56l-1.1,-1.0l0.01,-1.33l1.91,-0.42l0.08,-0.96l-0.33,-0.43l-1.14,-0.2l-0.02,-0.83l4.47,0.05l0.82,-0.67l0.82,1.81l0.8,0.07l1.15,1.1l2.26,-0.05l0.71,-0.83l2.78,-0.96l0.48,-1.13l1.6,-0.64l0.24,-0.47l-0.48,-0.82l-1.83,-0.19l-0.36,-3.22Z",name:"Brazil"},BS:{path:"M226.4,223.87l-0.48,-1.15l-0.84,-0.75l0.36,-1.11l0.95,1.95l0.01,1.06ZM225.56,216.43l-1.87,0.29l-0.04,-0.22l0.74,-0.14l1.17,0.06Z",name:"Bahamas"},BY:{path:"M493.84,128.32l0.29,0.7l0.49,0.23l1.19,-0.38l2.09,0.72l0.19,1.26l-0.45,1.24l1.57,2.26l0.89,0.59l0.17,0.81l1.58,0.56l0.4,0.5l-0.53,0.41l-1.87,-0.11l-0.73,0.38l-0.13,0.52l1.04,2.74l-1.91,0.26l-0.89,0.99l-0.11,1.18l-2.73,-0.04l-0.53,-0.62l-0.52,-0.08l-0.75,0.46l-0.91,-0.42l-1.92,-0.07l-2.75,-0.79l-2.6,-0.28l-2.0,0.07l-1.5,0.92l-0.67,0.07l-0.08,-1.22l-0.59,-1.19l1.36,-0.88l0.01,-1.35l-0.7,-1.41l-0.07,-1.0l2.16,-0.02l2.72,-1.3l0.75,-2.04l1.91,-1.04l0.2,-0.41l-0.19,-1.25l3.8,-1.78l2.3,0.77Z",name:"Belarus"},BZ:{path:"M198.03,244.38l0.1,-4.49l0.69,-0.06l0.74,-1.3l0.34,0.28l-0.4,1.3l0.17,0.58l-0.34,2.25l-1.3,1.42Z",name:"Belize"},RU:{path:"M491.55,115.25l2.55,-1.85l-0.01,-0.65l-2.2,-1.5l7.32,-6.76l1.03,-2.11l-0.13,-0.49l-3.46,-2.52l0.86,-2.7l-2.11,-2.81l1.56,-3.67l-2.77,-4.52l2.15,-2.99l-0.08,-0.55l-3.65,-2.73l0.3,-2.54l1.81,-0.37l4.26,-1.77l2.42,-1.45l4.06,2.61l6.79,1.04l9.34,4.85l1.78,1.88l0.14,2.46l-2.55,2.02l-3.9,1.06l-11.07,-3.14l-2.06,0.53l-0.13,0.7l3.94,2.94l0.31,5.86l0.26,0.36l5.14,2.24l0.58,-0.29l0.32,-1.94l-1.35,-1.78l1.13,-1.09l6.13,2.42l2.11,-0.98l0.18,-0.56l-1.51,-2.67l5.41,-3.76l2.07,0.22l2.26,1.41l0.57,-0.16l1.46,-2.87l-0.05,-0.44l-1.92,-2.32l1.12,-2.32l-1.32,-2.27l5.87,1.16l1.04,1.75l-2.59,0.43l-0.33,0.4l0.02,2.36l2.46,1.83l3.87,-0.91l0.86,-2.8l13.69,-5.65l0.99,0.11l-1.92,2.06l0.23,0.67l3.11,0.45l2.0,-1.48l4.56,-0.12l3.64,-1.73l2.65,2.44l0.56,-0.01l2.85,-2.88l-0.01,-0.57l-2.35,-2.29l0.9,-1.01l7.14,1.3l3.41,1.36l9.05,4.97l0.51,-0.11l1.67,-2.27l-0.05,-0.53l-2.43,-2.21l-0.06,-0.78l-0.34,-0.36l-2.52,-0.36l0.64,-1.93l-1.32,-3.46l-0.06,-1.21l4.48,-4.06l1.69,-4.29l1.6,-0.81l6.23,1.18l0.44,2.21l-2.29,3.64l0.06,0.5l1.47,1.39l0.76,3.0l-0.56,6.03l2.69,2.82l-0.96,2.57l-4.86,5.95l0.23,0.64l2.86,0.61l0.42,-0.17l0.93,-1.4l2.64,-1.03l0.87,-2.24l2.09,-1.96l0.07,-0.5l-1.36,-2.28l1.09,-2.69l-0.32,-0.55l-2.47,-0.33l-0.5,-2.06l1.94,-4.38l-0.06,-0.42l-2.96,-3.4l4.12,-2.88l0.16,-0.4l-0.51,-2.93l0.54,-0.05l1.13,2.25l-0.96,4.35l0.27,0.47l2.68,0.84l0.5,-0.51l-1.02,-2.99l3.79,-1.66l5.01,-0.24l4.53,2.61l0.48,-0.06l0.07,-0.48l-2.18,-3.82l-0.23,-4.67l3.98,-0.9l5.97,0.21l5.49,-0.64l0.27,-0.65l-1.83,-2.31l2.56,-2.9l2.87,-0.17l4.8,-2.47l6.54,-0.67l1.03,-1.42l6.25,-0.45l2.32,1.11l5.53,-2.7l4.5,0.08l0.39,-0.28l0.66,-2.15l2.26,-2.12l5.69,-2.11l3.21,1.29l-2.46,0.94l-0.25,0.42l0.34,0.35l5.41,0.77l0.61,2.33l0.58,0.25l2.2,-1.22l7.13,0.07l5.51,2.47l1.79,1.72l-0.53,2.24l-9.16,4.15l-1.97,1.52l0.16,0.71l6.77,1.91l2.16,-0.78l1.13,2.74l0.67,0.11l1.01,-1.15l3.81,-0.73l7.7,0.77l0.54,1.99l0.36,0.29l10.47,0.71l0.43,-0.38l0.13,-3.23l4.87,0.78l3.95,-0.02l3.83,2.4l1.03,2.71l-1.35,1.79l0.02,0.5l3.15,3.64l4.07,1.96l0.53,-0.18l2.23,-4.47l3.95,1.93l4.16,-1.21l4.73,1.39l2.05,-1.26l3.94,0.62l0.43,-0.55l-1.68,-4.02l2.89,-1.8l22.31,3.03l2.16,2.75l6.55,3.51l10.29,-0.81l4.82,0.73l1.85,1.66l-0.29,3.08l0.25,0.41l3.08,1.26l3.56,-0.88l4.35,-0.11l4.8,0.87l4.57,-0.47l4.23,3.79l0.43,0.07l3.1,-1.4l0.16,-0.6l-1.88,-2.62l0.85,-1.52l7.71,1.21l5.22,-0.26l7.09,2.09l9.59,5.22l6.35,4.11l-0.2,2.38l1.88,1.41l0.6,-0.42l-0.48,-2.53l6.15,0.57l4.4,3.51l-1.97,1.43l-4.0,0.41l-0.36,0.39l-0.06,3.79l-0.74,0.62l-2.07,-0.11l-1.91,-1.39l-3.14,-1.11l-0.78,-1.85l-2.72,-0.68l-2.63,0.49l-1.04,-1.1l0.46,-1.31l-0.5,-0.51l-3.0,0.98l-0.22,0.58l0.99,1.7l-1.21,1.48l-3.04,1.68l-3.12,-0.28l-0.4,0.23l0.09,0.46l2.2,2.09l1.46,3.2l1.15,1.1l0.24,1.33l-0.42,0.67l-4.63,-0.77l-6.96,2.9l-2.19,0.44l-7.6,5.06l-0.84,1.45l-3.61,-2.37l-6.24,2.82l-0.94,-1.15l-0.53,-0.08l-2.28,1.52l-3.2,-0.49l-0.44,0.27l-0.78,2.37l-3.05,3.78l0.09,1.47l0.29,0.36l2.54,0.72l-0.29,4.53l-1.97,0.11l-0.35,0.26l-1.07,2.94l0.8,1.45l-3.91,1.58l-1.05,3.95l-3.48,0.77l-0.3,0.3l-0.72,3.29l-3.09,2.65l-0.7,-1.74l-2.44,-12.44l1.16,-4.71l2.04,-2.06l0.22,-1.64l3.8,-0.86l4.46,-4.61l4.28,-3.81l4.48,-3.01l2.17,-5.63l-0.42,-0.54l-3.04,0.33l-1.77,3.31l-5.86,3.86l-1.86,-4.25l-0.45,-0.23l-6.46,1.3l-6.47,6.44l-0.01,0.55l1.58,1.74l-8.24,1.17l0.15,-2.2l-0.34,-0.42l-3.89,-0.56l-3.25,1.81l-7.62,-0.62l-8.45,1.19l-17.71,15.41l0.22,0.7l3.74,0.41l1.36,2.17l2.43,0.76l1.88,-1.68l2.4,0.2l3.4,3.54l0.08,2.6l-1.95,3.42l-0.21,3.9l-1.1,5.06l-3.71,4.54l-0.87,2.21l-8.29,8.89l-3.19,1.7l-1.32,0.03l-1.45,-1.36l-0.49,-0.04l-2.27,1.5l0.41,-3.65l-0.59,-2.47l1.75,-0.89l2.91,0.53l0.42,-0.2l1.68,-3.03l0.87,-3.46l0.97,-1.18l1.32,-2.88l-0.45,-0.56l-4.14,0.95l-2.19,1.25l-3.41,-0.0l-1.06,-2.93l-2.97,-2.3l-4.28,-1.06l-1.75,-5.07l-2.66,-5.01l-2.29,-1.29l-3.75,-1.01l-3.44,0.08l-3.18,0.62l-2.24,1.77l0.05,0.66l1.18,0.69l0.02,1.43l-1.33,1.05l-2.26,3.51l-0.04,1.43l-3.16,1.84l-2.82,-1.16l-3.01,0.23l-1.35,-1.07l-1.5,-0.35l-3.9,2.31l-3.22,0.52l-2.27,0.79l-3.05,-0.51l-2.21,0.03l-1.48,-1.6l-2.6,-1.63l-2.63,-0.43l-5.46,1.01l-3.23,-1.25l-0.72,-2.57l-5.2,-1.24l-2.75,-1.36l-0.5,0.12l-2.59,3.45l0.84,2.1l-2.06,1.93l-3.41,-0.77l-2.42,-0.12l-1.83,-1.54l-2.53,-0.05l-2.42,-0.98l-3.86,1.57l-4.72,2.78l-3.3,0.75l-1.55,-1.92l-3.0,0.41l-1.11,-1.33l-1.62,-0.59l-1.31,-1.94l-1.38,-0.6l-3.7,0.79l-3.31,-1.83l-0.51,0.11l-0.99,1.29l-5.29,-8.05l-2.96,-2.48l0.65,-0.77l0.01,-0.51l-0.5,-0.11l-6.2,3.21l-1.84,0.15l0.15,-1.39l-0.26,-0.42l-3.22,-1.17l-2.46,0.7l-0.69,-3.16l-0.32,-0.31l-4.5,-0.75l-2.47,1.47l-6.19,1.27l-1.29,0.86l-9.51,1.3l-1.15,1.17l-0.03,0.53l1.47,1.9l-1.89,0.69l-0.22,0.56l0.31,0.6l-2.11,1.44l0.03,0.68l3.75,2.12l-0.39,0.98l-3.23,-0.13l-0.86,0.86l-3.09,-1.59l-3.97,0.07l-2.66,1.35l-8.32,-3.56l-4.07,0.06l-5.39,3.68l-0.39,2.0l-2.03,-1.5l-0.59,0.13l-2.0,3.59l0.57,0.93l-1.28,2.16l0.06,0.48l2.13,2.17l1.95,0.04l1.37,1.82l-0.23,1.46l0.25,0.43l0.83,0.33l-0.8,1.31l-2.49,0.62l-2.49,3.2l0.0,0.49l2.17,2.78l-0.15,2.18l2.5,3.24l-1.58,1.59l-0.7,-0.13l-1.63,-1.72l-2.29,-0.84l-0.94,-1.31l-2.34,-0.63l-1.48,0.4l-0.43,-0.47l-3.51,-1.48l-5.76,-1.01l-0.45,0.19l-2.89,-2.34l-2.9,-1.2l-1.53,-1.29l1.29,-0.43l2.08,-2.61l-0.05,-0.55l-0.89,-0.79l3.05,-1.06l0.27,-0.42l-0.07,-0.69l-0.49,-0.35l-1.73,0.39l0.04,-0.68l1.04,-0.72l2.66,-0.48l0.4,-1.32l-0.5,-1.6l0.92,-1.54l0.03,-1.17l-0.29,-0.37l-3.69,-1.06l-1.41,0.02l-1.42,-1.41l-2.19,0.38l-2.77,-1.01l-0.03,-0.59l-0.89,-1.43l-2.0,-0.32l-0.11,-0.54l0.49,-0.53l0.01,-0.53l-1.6,-1.9l-3.58,0.02l-0.88,0.73l-0.46,-0.07l-1.0,-2.79l2.22,-0.02l0.97,-0.74l0.07,-0.57l-0.9,-1.04l-1.35,-0.48l-0.11,-0.7l-0.95,-0.58l-1.38,-1.99l0.46,-0.98l-0.51,-1.96l-2.45,-0.84l-1.21,0.3l-0.46,-0.76l-2.46,-0.83l-0.72,-1.87l-0.21,-1.69l-0.99,-0.85l0.85,-1.17l-0.7,-3.21l1.66,-1.97l-0.16,-0.79ZM749.2,170.72l-0.6,0.4l-0.13,0.16l-0.01,-0.51l0.74,-0.05ZM874.85,67.94l-5.63,0.48l-0.26,-0.84l3.15,-1.89l1.94,0.01l3.19,1.16l-2.39,1.09ZM797.39,48.49l-2.0,1.36l-3.8,-0.42l-4.25,-1.8l0.35,-0.97l9.69,1.83ZM783.67,46.12l-1.63,3.09l-8.98,-0.13l-4.09,1.14l-4.54,-2.97l1.16,-3.01l3.05,-0.89l6.5,0.22l8.54,2.56ZM778.2,134.98l-0.56,-0.9l0.27,-0.12l0.29,1.01ZM778.34,135.48l0.94,3.53l-0.05,3.38l1.05,3.39l2.18,5.0l-2.89,-0.83l-0.49,0.26l-1.54,4.65l2.42,3.5l-0.04,1.13l-1.24,-1.24l-0.61,0.06l-1.09,1.61l-0.28,-1.61l0.27,-3.1l-0.28,-3.4l0.58,-2.47l0.11,-4.39l-1.46,-3.36l0.21,-4.32l2.15,-1.46l0.07,-0.34ZM771.95,56.61l1.76,-1.42l2.89,-0.42l3.28,1.71l0.14,0.6l-3.27,0.03l-4.81,-0.5ZM683.76,31.09l-13.01,1.93l4.03,-6.35l1.82,-0.56l1.73,0.34l5.99,2.98l-0.56,1.66ZM670.85,27.93l-5.08,0.64l-6.86,-1.57l-3.99,-2.05l-2.1,-4.16l-2.6,-0.87l5.72,-3.5l5.2,-1.28l4.69,2.85l5.59,5.4l-0.56,4.53ZM564.15,68.94l-0.64,0.17l-7.85,-0.57l-0.86,-2.04l-4.28,-1.17l-0.28,-1.94l2.27,-0.89l0.25,-0.39l-0.08,-2.38l4.81,-3.97l-0.15,-0.7l-1.47,-0.38l5.3,-3.81l0.15,-0.44l-0.58,-1.94l5.28,-2.51l8.21,-3.27l8.28,-0.96l4.35,-1.94l4.6,-0.64l1.36,1.61l-1.34,1.28l-16.43,4.94l-7.97,4.88l-7.74,9.63l0.66,4.14l4.16,3.27ZM548.81,18.48l-5.5,1.18l-0.58,1.02l-2.59,0.84l-2.13,-1.07l1.12,-1.42l-0.3,-0.65l-2.33,-0.07l1.68,-0.36l3.47,-0.06l0.42,1.29l0.66,0.16l1.38,-1.34l2.15,-0.88l2.94,1.01l-0.39,0.36ZM477.37,133.15l-4.08,0.05l-2.56,-0.32l0.33,-0.87l3.17,-1.03l3.24,0.96l-0.09,1.23Z",name:"Russia"},RW:{path:"M497.0,288.25l0.71,1.01l-0.11,1.09l-1.63,0.03l-1.04,1.39l-0.83,-0.11l0.51,-1.2l0.08,-1.34l0.42,-0.41l0.7,0.14l1.19,-0.61Z",name:"Rwanda"},RS:{path:"M469.4,163.99l0.42,-0.5l-0.01,-0.52l-1.15,-1.63l1.43,-0.62l1.33,0.12l1.17,1.06l0.46,1.13l1.34,0.64l0.35,1.35l1.46,0.9l0.76,-0.29l0.2,0.69l-0.48,0.78l0.22,1.12l1.05,1.22l-0.77,0.8l-0.37,1.52l-1.21,0.08l0.24,-0.64l-0.39,-0.54l-2.08,-1.64l-0.9,0.05l-0.48,0.94l-2.12,-1.37l0.53,-1.6l-1.11,-1.37l0.51,-1.1l-0.41,-0.57Z",name:"Serbia"},LT:{path:"M486.93,129.3l0.17,1.12l-1.81,0.98l-0.72,2.02l-2.47,1.18l-2.1,-0.02l-0.73,-1.05l-1.06,-0.3l-0.09,-1.87l-3.56,-1.13l-0.43,-2.36l2.48,-0.94l4.12,0.22l2.25,-0.31l0.52,0.69l1.24,0.21l2.19,1.56Z",name:"Lithuania"},LU:{path:"M436.08,149.45l-0.48,-0.07l0.3,-1.28l0.27,0.4l-0.09,0.96Z",name:"Luxembourg"},LR:{path:"M399.36,265.97l0.18,1.54l-0.48,0.99l0.08,0.47l2.47,1.8l-0.33,2.8l-2.65,-1.13l-5.78,-4.61l0.58,-1.32l2.1,-2.33l0.86,-0.22l0.77,1.14l-0.14,0.85l0.59,0.87l1.0,0.14l0.76,-0.99Z",name:"Liberia"},RO:{path:"M487.53,154.23l0.6,0.24l2.87,3.98l-0.17,2.69l0.45,1.42l1.32,0.81l1.35,-0.42l0.76,0.36l0.02,0.31l-0.83,0.45l-0.59,-0.22l-0.54,0.3l-0.62,3.3l-1.0,-0.22l-2.07,-1.13l-2.95,0.71l-1.25,0.76l-3.51,-0.15l-1.89,-0.47l-0.87,0.16l-0.82,-1.3l0.29,-0.26l-0.06,-0.64l-1.09,-0.34l-0.56,0.5l-1.05,-0.64l-0.39,-1.39l-1.36,-0.65l-0.35,-1.0l-0.83,-0.75l1.54,-0.54l2.66,-4.21l2.4,-1.24l2.96,0.34l1.48,0.73l0.79,-0.45l1.78,-0.3l0.75,-0.74l0.79,0.0Z",name:"Romania"},GW:{path:"M386.23,253.6l-0.29,0.84l0.15,0.6l-2.21,0.59l-0.86,0.96l-1.04,-0.83l-1.09,-0.23l-0.54,-1.06l-0.66,-0.49l2.41,-0.48l4.13,0.1Z",name:"Guinea-Bissau"},GT:{path:"M195.08,249.77l-2.48,-0.37l-1.03,-0.45l-1.14,-0.89l0.3,-0.99l-0.24,-0.68l0.96,-1.66l2.98,-0.01l0.4,-0.37l-0.19,-1.28l-1.67,-1.4l0.51,-0.4l0.0,-1.05l3.85,0.02l-0.21,4.53l0.4,0.43l1.46,0.38l-1.48,0.98l-0.35,0.7l0.12,0.57l-2.2,1.96Z",name:"Guatemala"},GR:{path:"M487.07,174.59l-0.59,1.43l-0.37,0.21l-2.84,-0.35l-3.03,0.77l-0.18,0.68l1.28,1.23l-0.61,0.23l-1.14,0.0l-1.2,-1.39l-0.63,0.03l-0.53,1.01l0.56,1.76l1.03,1.19l-0.56,0.38l-0.05,0.62l2.52,2.12l0.02,0.87l-1.78,-0.59l-0.48,0.56l0.5,1.0l-1.07,0.2l-0.3,0.53l0.75,2.01l-0.98,0.02l-1.84,-1.12l-1.37,-4.2l-2.21,-2.95l-0.11,-0.56l1.04,-1.28l0.2,-0.95l0.85,-0.66l0.03,-0.46l1.32,-0.21l1.01,-0.64l1.22,0.05l0.65,-0.56l2.26,-0.0l1.82,-0.75l1.85,1.0l2.28,-0.28l0.35,-0.39l0.01,-0.77l0.34,0.22ZM480.49,192.16l0.58,0.4l-0.68,-0.12l0.11,-0.28ZM482.52,192.82l2.51,0.06l0.24,0.32l-1.99,0.13l-0.77,-0.51Z",name:"Greece"},GQ:{path:"M448.79,279.62l0.02,2.22l-4.09,0.0l0.69,-2.27l3.38,0.05Z",name:"Eq. Guinea"},GY:{path:"M277.42,270.07l-0.32,1.83l-1.32,0.57l-0.23,0.46l-0.28,2.0l1.11,1.82l0.83,0.19l0.32,1.25l1.13,1.62l-1.21,-0.19l-1.08,0.71l-1.77,0.5l-0.44,0.46l-0.86,-0.09l-1.32,-1.01l-0.77,-2.27l0.36,-1.9l0.68,-1.23l-0.57,-1.17l-0.74,-0.43l0.12,-1.16l-0.9,-0.69l-1.1,0.09l-1.31,-1.48l0.53,-0.72l-0.04,-0.84l1.99,-0.86l0.05,-0.59l-0.71,-0.78l0.14,-0.57l1.66,-1.24l1.36,0.77l1.41,1.49l0.06,1.15l0.37,0.38l0.8,0.05l2.06,1.86Z",name:"Guyana"},GE:{path:"M521.71,168.93l5.29,0.89l4.07,2.01l1.41,-0.44l2.07,0.56l0.68,1.1l1.07,0.55l-0.12,0.59l0.98,1.29l-1.01,-0.13l-1.81,-0.83l-0.94,0.47l-3.23,0.43l-2.29,-1.39l-2.33,0.05l0.21,-0.97l-0.76,-2.26l-1.45,-1.12l-1.43,-0.39l-0.41,-0.42Z",name:"Georgia"},GB:{path:"M412.61,118.72l-2.19,3.22l-0.0,0.45l5.13,-0.3l-0.53,2.37l-2.2,3.12l0.29,0.63l2.37,0.21l2.33,4.3l1.76,0.69l2.2,5.12l2.94,0.77l-0.23,1.62l-1.15,0.88l-0.1,0.52l0.82,1.42l-1.86,1.43l-3.3,-0.02l-4.12,0.87l-1.04,-0.58l-0.47,0.06l-1.51,1.41l-2.12,-0.34l-1.86,1.18l-0.6,-0.29l3.19,-3.0l2.16,-0.69l0.28,-0.41l-0.34,-0.36l-3.73,-0.53l-0.4,-0.76l2.2,-0.87l0.17,-0.61l-1.26,-1.67l0.36,-1.7l3.38,0.28l0.43,-0.33l0.37,-1.99l-1.79,-2.49l-3.11,-0.72l-0.38,-0.59l0.79,-1.35l-0.04,-0.46l-0.82,-0.97l-0.61,0.01l-0.68,0.84l-0.1,-2.34l-1.23,-1.88l0.85,-3.47l1.77,-2.68l1.85,0.26l2.17,-0.22ZM406.26,132.86l-1.01,1.77l-1.57,-0.59l-1.16,0.01l0.37,-1.54l-0.39,-1.39l1.45,-0.1l2.3,1.84Z",name:"United Kingdom"},GA:{path:"M453.24,279.52l-0.08,0.98l0.7,1.29l2.36,0.24l-0.98,2.63l1.18,1.79l0.25,1.78l-0.29,1.52l-0.6,0.93l-1.84,-0.09l-1.23,-1.11l-0.66,0.23l-0.15,0.84l-1.42,0.26l-1.02,0.7l-0.11,0.52l0.77,1.35l-1.34,0.97l-3.94,-4.3l-1.44,-2.45l0.06,-0.6l0.54,-0.81l1.05,-3.46l4.17,-0.07l0.4,-0.4l-0.02,-2.66l2.39,0.21l1.25,-0.27Z",name:"Gabon"},GN:{path:"M391.8,254.11l0.47,0.8l1.11,-0.32l0.98,0.7l1.07,0.2l2.26,-1.22l0.64,0.44l1.13,1.56l-0.48,1.4l0.8,0.3l-0.08,0.48l0.46,0.68l-0.35,1.36l1.05,2.61l-1.0,0.69l0.03,1.41l-0.72,-0.06l-1.08,1.0l-0.24,-0.27l0.07,-1.11l-1.05,-1.54l-1.79,0.21l-0.35,-2.01l-1.6,-2.18l-2.0,-0.0l-1.31,0.54l-1.95,2.18l-1.86,-2.19l-1.2,-0.78l-0.3,-1.11l-0.8,-0.85l0.65,-0.72l0.81,-0.03l1.64,-0.8l0.23,-1.87l2.67,0.64l0.89,-0.3l1.21,0.15Z",name:"Guinea"},GM:{path:"M379.31,251.39l0.1,-0.35l2.43,-0.07l0.74,-0.61l0.51,-0.03l0.77,0.49l-1.03,-0.3l-1.87,0.9l-1.65,-0.04ZM384.03,250.91l0.91,0.05l0.75,-0.24l-0.59,0.31l-1.08,-0.13Z",name:"Gambia"},GL:{path:"M353.02,1.2l14.69,4.67l-3.68,1.89l-22.97,0.86l-0.36,0.27l0.12,0.43l1.55,1.18l8.79,-0.66l7.48,2.07l4.86,-1.77l1.66,1.73l-2.53,3.19l-0.01,0.48l0.46,0.15l6.35,-2.2l12.06,-2.31l7.24,1.13l1.09,1.99l-9.79,4.01l-1.44,1.32l-7.87,0.98l-0.35,0.41l0.38,0.38l5.07,0.24l-2.53,3.58l-2.07,3.81l0.08,6.05l2.57,3.11l-3.22,0.2l-4.12,1.66l-0.05,0.72l4.45,2.65l0.51,3.75l-2.3,0.4l-0.25,0.64l2.79,3.69l-4.82,0.31l-0.36,0.29l0.16,0.44l2.62,1.8l-0.59,1.22l-3.3,0.7l-3.45,0.01l-0.29,0.68l3.03,3.12l0.02,1.34l-4.4,-1.73l-1.72,1.35l0.15,0.66l3.31,1.15l3.13,2.71l0.81,3.16l-3.85,0.75l-4.89,-4.26l-0.47,-0.03l-0.17,0.44l0.79,2.86l-2.71,2.21l-0.13,0.44l0.37,0.27l8.73,0.34l-12.32,6.64l-7.24,1.48l-2.94,0.08l-2.69,1.75l-3.43,4.41l-5.24,2.84l-1.73,0.18l-7.12,2.1l-2.15,2.52l-0.13,2.99l-1.19,2.45l-4.01,3.09l-0.14,0.44l0.97,2.9l-2.28,6.48l-3.1,0.2l-3.83,-3.07l-4.86,-0.02l-2.25,-1.93l-1.7,-3.79l-4.3,-4.84l-1.21,-2.49l-0.44,-3.8l-3.32,-3.63l0.84,-2.86l-1.56,-1.7l2.28,-4.6l3.83,-1.74l1.03,-1.96l0.52,-3.47l-0.59,-0.41l-4.17,2.21l-2.07,0.58l-2.72,-1.28l-0.15,-2.71l0.85,-2.09l2.01,-0.06l5.06,1.2l0.46,-0.23l-0.14,-0.49l-6.54,-4.47l-2.67,0.55l-1.58,-0.86l2.56,-4.01l-0.03,-0.48l-1.5,-1.74l-4.98,-8.5l-3.13,-1.96l0.03,-1.88l-0.24,-0.37l-6.85,-3.02l-5.36,-0.38l-12.7,0.58l-2.78,-1.57l-3.66,-2.77l5.73,-1.45l5.0,-0.28l0.38,-0.38l-0.35,-0.41l-10.67,-1.38l-5.3,-2.06l0.25,-1.54l18.41,-5.26l1.22,-2.27l-0.25,-0.55l-6.14,-1.86l1.68,-1.77l8.55,-4.03l3.59,-0.63l0.3,-0.54l-0.88,-2.27l5.47,-1.47l7.65,-0.95l7.55,-0.05l3.04,1.85l6.48,-3.27l5.81,2.22l3.56,0.5l5.16,1.94l0.5,-0.21l-0.17,-0.52l-5.71,-3.13l0.28,-2.13l8.12,-3.6l8.7,0.28l3.35,-2.34l8.71,-0.6l19.93,0.8Z",name:"Greenland"},KW:{path:"M540.81,207.91l0.37,0.86l-0.17,0.76l0.6,1.53l-0.95,0.04l-0.82,-1.28l-1.57,-0.18l1.31,-1.88l1.22,0.17Z",name:"Kuwait"},GH:{path:"M420.53,257.51l-0.01,0.72l0.96,1.2l0.24,3.73l0.59,0.95l-0.51,2.1l0.19,1.41l1.02,2.21l-6.97,2.84l-1.8,-0.57l0.04,-0.89l-1.02,-2.04l0.61,-2.65l1.07,-2.32l-0.96,-6.47l5.01,0.07l0.94,-0.39l0.61,0.11Z",name:"Ghana"},OM:{path:"M568.09,230.93l-0.91,1.67l-1.22,0.04l-0.6,0.76l-0.41,1.51l0.27,1.58l-1.16,0.05l-1.56,0.97l-0.76,1.74l-1.62,0.05l-0.98,0.65l-0.17,1.15l-0.89,0.52l-1.49,-0.18l-2.4,0.94l-2.47,-5.4l7.35,-2.71l1.67,-5.23l-1.12,-2.09l0.05,-0.83l0.67,-1.0l0.07,-1.05l0.9,-0.42l-0.05,-2.07l0.7,-0.01l1.0,1.62l1.51,1.08l3.3,0.84l1.73,2.29l0.81,0.37l-1.23,2.35l-0.99,0.79Z",name:"Oman"},_2:{path:"M531.15,258.94l1.51,0.12l5.13,-0.95l5.3,-1.48l-0.01,4.4l-2.67,3.39l-1.85,0.01l-8.04,-2.94l-2.55,-3.17l1.12,-1.71l2.04,2.34Z",name:"Somaliland"},_1:{path:"M472.77,172.64l-1.08,-1.29l0.96,-0.77l0.29,-0.83l1.98,1.64l-0.36,0.67l-1.79,0.58Z",name:"Kosovo"},_0:{path:"M504.91,192.87l0.34,0.01l0.27,-0.07l-0.29,0.26l-0.31,-0.2Z",name:"N. Cyprus"},JO:{path:"M518.64,201.38l-5.14,1.56l-0.19,0.65l2.16,2.39l-0.89,1.14l-1.71,0.34l-1.71,1.8l-2.34,-0.37l1.21,-4.32l0.56,-4.07l2.8,0.94l4.46,-2.71l0.79,2.66Z",name:"Jordan"},HR:{path:"M455.59,162.84l1.09,0.07l-0.82,0.94l-0.27,-1.01ZM456.96,162.92l0.62,-0.41l1.73,0.45l0.42,-0.4l-0.01,-0.59l0.86,-0.52l0.2,-1.05l1.63,-0.68l2.57,1.68l2.07,0.6l0.87,-0.31l1.05,1.57l-0.52,0.63l-1.05,-0.56l-1.68,0.04l-2.1,-0.5l-1.29,0.06l-0.57,0.49l-0.59,-0.47l-0.62,0.16l-0.46,1.7l1.79,2.42l2.79,2.75l-1.18,-0.87l-2.21,-0.87l-1.67,-1.78l0.13,-0.63l-1.05,-1.19l-0.32,-1.27l-1.42,-0.43Z",name:"Croatia"},HT:{path:"M237.05,238.38l-1.16,0.43l-0.91,-0.55l0.05,-0.2l2.02,0.31ZM237.53,238.43l1.06,0.12l-0.05,0.01l-1.01,-0.12ZM239.25,238.45l0.79,-0.51l0.06,-0.62l-1.02,-1.0l0.02,-0.82l-0.3,-0.4l-0.93,-0.32l3.16,0.45l0.02,1.84l-0.48,0.34l-0.08,0.58l0.54,0.72l-1.78,-0.26Z",name:"Haiti"},HU:{path:"M462.08,157.89l0.65,-1.59l-0.09,-0.44l0.64,-0.0l0.39,-0.34l0.1,-0.69l1.75,0.87l2.32,-0.37l0.43,-0.66l3.49,-0.78l0.69,-0.78l0.57,-0.14l2.57,0.93l0.67,-0.23l1.03,0.65l0.08,0.37l-1.42,0.71l-2.59,4.14l-1.8,0.53l-1.68,-0.1l-2.74,1.23l-1.85,-0.54l-2.54,-1.66l-0.66,-1.1Z",name:"Hungary"},HN:{path:"M199.6,249.52l-1.7,-1.21l0.06,-0.94l3.04,-2.14l2.37,0.28l1.27,-0.09l1.1,-0.52l1.3,0.28l1.14,-0.25l1.38,0.37l2.23,1.37l-2.36,0.93l-1.23,-0.39l-0.88,1.3l-1.28,0.99l-0.98,-0.22l-0.42,0.52l-0.96,0.05l-0.36,0.41l0.04,0.88l-0.52,0.6l-0.3,0.04l-0.3,-0.55l-0.66,-0.31l0.11,-0.67l-0.48,-0.65l-0.87,-0.26l-0.73,0.2Z",name:"Honduras"},PR:{path:"M256.17,238.73l-0.26,0.27l-2.83,0.05l-0.07,-0.55l1.95,-0.1l1.22,0.33Z",name:"Puerto Rico"},PS:{path:"M509.21,203.07l0.1,-0.06l-0.02,0.03l-0.09,0.03ZM509.36,202.91l-0.02,-0.63l-0.33,-0.16l0.31,-1.09l0.24,0.1l-0.2,1.78Z",name:"Palestine"},PT:{path:"M401.84,187.38l-0.64,0.47l-1.13,-0.35l-0.91,0.17l0.28,-1.78l-0.24,-1.78l-1.25,-0.56l-0.45,-0.84l0.17,-1.66l1.01,-1.18l0.69,-2.92l-0.04,-1.39l-0.59,-1.9l1.3,-0.85l0.84,1.35l3.1,-0.3l0.46,0.99l-1.05,0.94l-0.03,2.16l-0.41,0.57l-0.08,1.1l-0.79,0.18l-0.26,0.59l0.91,1.6l-0.63,1.75l0.76,1.09l-1.1,1.52l0.07,1.05Z",name:"Portugal"},PY:{path:"M274.9,336.12l0.74,1.52l-0.16,3.45l0.32,0.41l2.64,0.5l1.11,-0.47l1.4,0.59l0.36,0.6l0.53,3.42l1.27,0.4l0.98,-0.38l0.51,0.27l-0.0,1.18l-1.21,5.32l-2.09,1.9l-1.8,0.4l-4.71,-0.98l2.2,-3.63l-0.32,-1.5l-2.78,-1.28l-3.03,-1.94l-2.07,-0.44l-4.34,-4.06l0.91,-2.9l0.08,-1.42l1.07,-2.04l4.13,-0.72l2.18,0.03l2.05,1.17l0.03,0.59Z",name:"Paraguay"},PA:{path:"M213.8,263.68l0.26,-1.52l-0.36,-0.26l-0.01,-0.49l0.44,-0.1l0.93,1.4l1.26,0.03l0.77,0.49l1.38,-0.23l2.51,-1.11l0.86,-0.72l3.45,0.85l1.4,1.18l0.41,1.74l-0.21,0.34l-0.53,-0.12l-0.47,0.29l-0.16,0.6l-0.68,-1.28l0.45,-0.49l-0.19,-0.66l-0.47,-0.13l-0.54,-0.84l-1.5,-0.75l-1.1,0.16l-0.75,0.99l-1.62,0.84l-0.18,0.96l0.85,0.97l-0.58,0.45l-0.69,0.08l-0.34,-1.18l-1.27,0.03l-0.71,-1.05l-2.59,-0.46Z",name:"Panama"},PG:{path:"M808.58,298.86l2.54,2.56l-0.13,0.26l-0.33,0.12l-0.87,-0.78l-1.22,-2.16ZM801.41,293.04l0.5,0.29l0.26,0.27l-0.49,-0.35l-0.27,-0.21ZM803.17,294.58l0.59,0.5l0.08,1.06l-0.29,-0.91l-0.38,-0.65ZM796.68,298.41l0.52,0.75l1.43,-0.19l2.27,-1.81l-0.01,-1.43l1.12,0.16l-0.04,1.1l-0.7,1.28l-1.12,0.18l-0.62,0.79l-2.46,1.11l-1.17,-0.0l-3.08,-1.25l3.41,0.0l0.45,-0.68ZM789.15,303.55l2.31,1.8l1.59,2.61l1.34,0.13l-0.06,0.66l0.31,0.43l1.06,0.24l0.06,0.65l2.25,1.05l-1.22,0.13l-0.72,-0.63l-4.56,-0.65l-3.22,-2.87l-1.49,-2.34l-3.27,-1.1l-2.38,0.72l-1.59,0.86l-0.2,0.42l0.27,1.55l-1.55,0.68l-1.36,-0.4l-2.21,-0.09l-0.08,-15.41l8.39,2.93l2.95,2.4l0.6,1.64l4.02,1.49l0.31,0.68l-1.76,0.21l-0.33,0.52l0.55,1.68Z",name:"Papua New Guinea"},PE:{path:"M244.96,295.21l-1.26,-0.07l-0.57,0.42l-1.93,0.45l-2.98,1.75l-0.36,1.36l-0.58,0.8l0.12,1.37l-1.24,0.59l-0.22,1.22l-0.62,0.84l1.04,2.27l1.28,1.44l-0.41,0.84l0.32,0.57l1.48,0.13l1.16,1.37l2.21,0.07l1.63,-1.08l-0.13,3.02l0.3,0.4l1.14,0.29l1.31,-0.34l1.9,3.59l-0.48,0.85l-0.17,3.85l-0.94,1.59l0.35,0.75l-0.47,1.07l0.98,1.97l-2.1,3.82l-0.98,0.5l-2.17,-1.28l-0.39,-1.16l-4.95,-2.58l-4.46,-2.79l-1.84,-1.51l-0.91,-1.84l0.3,-0.96l-2.11,-3.33l-4.82,-9.68l-1.04,-1.2l-0.87,-1.94l-3.4,-2.48l0.58,-1.18l-1.13,-2.23l0.66,-1.49l1.45,-1.15l-0.6,0.98l0.07,0.92l0.47,0.36l1.74,0.03l0.97,1.17l0.54,0.07l1.42,-1.03l0.6,-1.84l1.42,-2.02l3.04,-1.04l2.73,-2.62l0.86,-1.74l-0.1,-1.87l1.44,1.02l0.9,1.25l1.06,0.59l1.7,2.73l1.86,0.31l1.45,-0.61l0.96,0.39l1.36,-0.19l1.45,0.89l-1.4,2.21l0.31,0.61l0.59,0.05l0.47,0.5Z",name:"Peru"},PK:{path:"M615.09,192.34l-1.83,1.81l-2.6,0.39l-3.73,-0.68l-1.58,1.33l-0.09,0.42l1.77,4.39l1.7,1.23l-1.69,1.27l-0.12,2.14l-2.33,2.64l-1.6,2.8l-2.46,2.67l-3.03,-0.07l-2.76,2.83l0.05,0.6l1.5,1.11l0.26,1.9l1.44,1.5l0.37,1.68l-5.01,-0.01l-1.78,1.7l-1.42,-0.52l-0.76,-1.87l-2.27,-2.15l-11.61,0.86l0.71,-2.34l3.43,-1.32l0.25,-0.44l-0.21,-1.24l-1.2,-0.65l-0.28,-2.46l-2.29,-1.14l-1.28,-1.94l2.82,0.94l2.62,-0.38l1.42,0.33l0.76,-0.56l1.71,0.19l3.25,-1.14l0.27,-0.36l0.08,-2.19l1.18,-1.32l1.68,0.0l0.58,-0.82l1.6,-0.3l1.19,0.16l0.98,-0.78l0.02,-1.88l0.93,-1.47l1.48,-0.66l0.19,-0.55l-0.66,-1.25l2.04,-0.11l0.69,-1.01l-0.02,-1.16l1.11,-1.06l-0.17,-1.78l-0.49,-1.03l1.15,-0.98l5.42,-0.91l2.6,-0.82l1.6,1.16l0.97,2.34l3.45,0.97Z",name:"Pakistan"},PH:{path:"M737.01,263.84l0.39,2.97l-0.44,1.18l-0.55,-1.53l-0.67,-0.14l-1.17,1.28l0.65,2.09l-0.42,0.69l-2.48,-1.23l-0.57,-1.49l0.65,-1.03l-0.1,-0.54l-1.59,-1.19l-0.56,0.08l-0.65,0.87l-1.23,0.0l-1.58,0.97l0.83,-1.8l2.56,-1.42l0.65,0.84l0.45,0.13l1.9,-0.69l0.56,-1.11l1.5,-0.06l0.38,-0.43l-0.09,-1.19l1.21,0.71l0.36,2.02ZM733.59,256.58l0.05,0.75l0.08,0.26l-0.8,-0.42l-0.18,-0.71l0.85,0.12ZM734.08,256.1l-0.12,-1.12l-1.0,-1.27l1.36,0.03l0.53,0.73l0.51,2.04l-1.27,-0.4ZM733.76,257.68l0.38,0.98l-0.32,0.15l-0.07,-1.13ZM724.65,238.43l1.46,0.7l0.72,-0.31l-0.32,1.17l0.79,1.71l-0.57,1.84l-1.53,1.04l-0.39,2.25l0.56,2.04l1.63,0.57l1.16,-0.27l2.71,1.23l-0.19,1.08l0.76,0.84l-0.08,0.36l-1.4,-0.9l-0.88,-1.27l-0.66,0.0l-0.38,0.55l-1.6,-1.31l-2.15,0.36l-0.87,-0.39l0.07,-0.61l0.66,-0.55l-0.01,-0.62l-0.75,-0.59l-0.72,0.44l-0.74,-0.87l-0.39,-2.49l0.32,0.27l0.66,-0.28l0.26,-3.97l0.7,-2.02l1.14,0.0ZM731.03,258.87l-0.88,0.85l-1.19,1.94l-1.05,-1.19l0.93,-1.1l0.32,-1.47l0.52,-0.06l-0.27,1.15l0.22,0.45l0.49,-0.12l1.0,-1.32l-0.08,0.85ZM726.83,255.78l0.83,0.38l1.17,-0.0l-0.02,0.48l-2.0,1.4l0.03,-2.26ZM724.81,252.09l-0.38,1.27l-1.42,-1.95l1.2,0.05l0.6,0.63ZM716.55,261.82l1.1,-0.95l0.03,-0.03l-0.28,0.36l-0.85,0.61ZM719.22,259.06l0.04,-0.06l0.8,-1.53l0.16,0.75l-1.0,0.84Z",name:"Philippines"},PL:{path:"M468.44,149.42l-1.11,-1.54l-1.86,-0.33l-0.48,-1.05l-1.72,-0.37l-0.65,0.69l-0.72,-0.36l0.11,-0.61l-0.33,-0.46l-1.75,-0.27l-1.04,-0.93l-0.94,-1.94l0.16,-1.22l-0.62,-1.8l-0.78,-1.07l0.57,-1.04l-0.48,-1.43l1.41,-0.83l6.91,-2.71l2.14,0.5l0.52,0.91l5.51,0.44l4.55,-0.05l1.07,0.31l0.48,0.84l0.15,1.58l0.65,1.2l-0.01,0.99l-1.27,0.58l-0.19,0.54l0.73,1.48l0.08,1.55l1.2,2.76l-0.17,0.58l-1.23,0.44l-2.27,2.72l0.18,0.95l-1.97,-1.03l-1.98,0.4l-1.36,-0.28l-1.24,0.58l-1.07,-0.97l-1.16,0.24Z",name:"Poland"},ZM:{path:"M481.47,313.3l0.39,0.31l2.52,0.14l0.99,1.17l2.01,0.35l1.4,-0.64l0.69,1.17l1.78,0.33l1.84,2.35l2.23,0.18l0.4,-0.43l-0.21,-2.74l-0.62,-0.3l-0.48,0.32l-1.98,-1.17l0.72,-5.29l-0.51,-1.18l0.57,-1.3l3.68,-0.62l0.26,0.63l1.21,0.63l0.9,-0.22l2.16,0.67l1.33,0.71l1.07,1.02l0.56,1.87l-0.88,2.7l0.43,2.09l-0.73,0.87l-0.76,2.37l0.59,0.68l-6.6,1.83l-0.29,0.44l0.19,1.45l-1.68,0.35l-1.43,1.02l-0.38,0.87l-0.87,0.26l-3.48,3.69l-4.16,-0.53l-1.52,-1.0l-1.77,-0.13l-1.83,0.52l-3.04,-3.4l0.11,-7.59l4.82,0.03l0.39,-0.49l-0.18,-0.76l0.33,-0.83l-0.4,-1.36l0.24,-1.05Z",name:"Zambia"},EH:{path:"M384.42,230.28l0.25,-0.79l1.06,-1.29l0.8,-3.51l3.38,-2.78l0.7,-1.81l0.06,4.84l-1.98,0.2l-0.94,1.59l0.39,3.56l-3.7,-0.01ZM392.01,218.1l0.7,-1.8l1.77,-0.24l2.09,0.34l0.95,-0.62l1.28,-0.07l-0.0,2.51l-6.79,-0.12Z",name:"W. Sahara"},EE:{path:"M485.71,115.04l2.64,0.6l2.56,0.11l-1.6,1.91l0.61,3.54l-0.81,0.87l-1.78,-0.01l-3.22,-1.76l-1.8,0.45l0.21,-1.53l-0.58,-0.41l-0.69,0.34l-1.26,-1.03l-0.17,-1.63l2.83,-0.92l3.05,-0.52Z",name:"Estonia"},EG:{path:"M492.06,205.03l1.46,0.42l2.95,-1.64l2.04,-0.21l1.53,0.3l0.59,1.19l0.69,0.04l0.41,-0.64l1.81,0.58l1.95,0.16l1.04,-0.51l1.42,4.08l-2.03,4.54l-1.66,-1.77l-1.76,-3.85l-0.64,-0.12l-0.36,0.67l1.04,2.88l3.44,6.95l1.78,3.04l2.03,2.65l-0.36,0.53l0.23,2.01l2.7,2.19l-28.41,0.0l0.0,-18.96l-0.73,-2.2l0.59,-1.56l-0.32,-1.26l0.68,-0.99l3.06,-0.04l4.82,1.52Z",name:"Egypt"},ZA:{path:"M467.14,373.21l-0.13,-1.96l-0.68,-1.56l0.7,-0.68l-0.13,-2.33l-4.56,-8.19l0.77,-0.86l0.6,0.45l0.69,1.31l2.83,0.72l1.5,-0.26l2.24,-1.39l0.19,-9.55l1.35,2.3l-0.21,1.5l0.61,1.2l0.4,0.19l1.79,-0.27l2.6,-2.07l0.69,-1.32l0.96,-0.48l2.19,1.04l2.04,0.13l1.77,-0.65l0.85,-2.12l1.38,-0.33l1.59,-2.76l2.15,-1.89l3.41,-1.87l2.0,0.45l1.02,-0.28l0.99,0.2l1.75,5.29l-0.38,3.25l-0.81,-0.23l-1.0,0.46l-0.87,1.68l-0.05,1.16l1.97,1.84l1.47,-0.29l0.69,-1.18l1.09,0.01l-0.76,3.69l-0.58,1.09l-2.2,1.79l-3.17,4.76l-2.8,2.83l-3.57,2.88l-2.53,1.05l-1.22,0.14l-0.51,0.7l-1.18,-0.32l-1.39,0.5l-2.59,-0.52l-1.61,0.33l-1.18,-0.11l-2.55,1.1l-2.1,0.44l-1.6,1.07l-0.85,0.05l-0.93,-0.89l-0.93,-0.15l-0.97,-1.13l-0.25,0.05ZM491.45,364.19l0.62,-0.93l1.48,-0.59l1.18,-2.19l-0.07,-0.49l-1.99,-1.69l-1.66,0.56l-1.43,1.14l-1.34,1.73l0.02,0.51l1.88,2.11l1.31,-0.16Z",name:"South Africa"},EC:{path:"M231.86,285.53l0.29,1.59l-0.69,1.45l-2.61,2.51l-3.13,1.11l-1.53,2.18l-0.49,1.68l-1.0,0.73l-1.02,-1.11l-1.78,-0.16l0.67,-1.15l-0.24,-0.86l1.25,-2.13l-0.54,-1.09l-0.67,-0.08l-0.72,0.87l-0.87,-0.64l0.35,-0.69l-0.36,-1.96l0.81,-0.51l0.45,-1.51l0.92,-1.57l-0.07,-0.97l2.65,-1.33l2.75,1.35l0.77,1.05l2.12,0.35l0.76,-0.32l1.96,1.21Z",name:"Ecuador"},AL:{path:"M470.32,171.8l0.74,0.03l0.92,0.89l-0.17,1.95l0.36,1.28l1.01,0.82l-1.82,2.83l-0.19,-0.61l-1.25,-0.89l-0.18,-1.2l0.53,-2.82l-0.54,-1.47l0.6,-0.83Z",name:"Albania"},AO:{path:"M461.55,300.03l1.26,3.15l1.94,2.36l2.47,-0.53l1.25,0.32l0.44,-0.18l0.93,-1.92l1.31,-0.08l0.41,-0.44l0.47,-0.0l-0.1,0.41l0.39,0.49l2.65,-0.02l0.03,1.19l0.48,1.01l-0.34,1.52l0.18,1.55l0.83,1.04l-0.13,2.85l0.54,0.39l3.96,-0.41l-0.1,1.79l0.39,1.05l-0.24,1.43l-4.7,-0.03l-0.4,0.39l-0.12,8.13l2.92,3.49l-3.83,0.88l-5.89,-0.36l-1.88,-1.24l-10.47,0.22l-1.3,-1.01l-1.85,-0.16l-2.4,0.77l-0.15,-1.06l0.33,-2.16l1.0,-3.45l1.35,-3.2l2.24,-2.8l0.33,-2.06l-0.13,-1.53l-0.8,-1.08l-1.21,-2.87l0.87,-1.62l-1.27,-4.12l-1.17,-1.53l2.47,-0.63l7.03,0.03ZM451.71,298.87l-0.47,-1.25l1.25,-1.11l0.32,0.3l-0.99,1.03l-0.12,1.03Z",name:"Angola"},KZ:{path:"M552.8,172.89l0.46,-1.27l-0.48,-1.05l-2.96,-1.19l-1.06,-2.58l-1.37,-0.87l-0.03,-0.3l1.95,0.23l0.45,-0.38l0.08,-1.96l1.75,-0.41l2.1,0.45l0.48,-0.33l0.45,-3.04l-0.45,-2.09l-0.41,-0.31l-2.42,0.15l-2.36,-0.73l-2.87,1.37l-2.17,0.61l-0.85,-0.34l0.13,-1.61l-1.6,-2.12l-2.02,-0.08l-1.78,-1.82l1.29,-2.18l-0.57,-0.95l1.62,-2.91l2.21,1.63l0.63,-0.27l0.29,-2.22l4.92,-3.43l3.71,-0.08l8.4,3.6l2.92,-1.36l3.77,-0.06l3.11,1.66l0.51,-0.11l0.6,-0.81l3.31,0.13l0.39,-0.25l0.63,-1.57l-0.17,-0.5l-3.5,-1.98l1.87,-1.27l-0.13,-1.03l1.98,-0.72l0.18,-0.62l-1.59,-2.06l0.81,-0.82l9.23,-1.18l1.33,-0.88l6.18,-1.26l2.26,-1.42l4.08,0.68l0.73,3.33l0.51,0.3l2.48,-0.8l2.79,1.02l-0.17,1.56l0.43,0.44l2.55,-0.24l4.89,-2.53l0.03,0.32l3.15,2.61l5.56,8.47l0.65,0.02l1.12,-1.46l3.15,1.74l3.76,-0.78l1.15,0.49l1.14,1.8l1.84,0.76l0.99,1.29l3.35,-0.25l1.02,1.52l-1.6,1.81l-1.93,0.28l-0.34,0.38l-0.11,3.05l-1.13,1.16l-4.75,-1.0l-0.46,0.27l-1.76,5.47l-1.1,0.59l-4.91,1.23l-0.27,0.54l2.1,4.97l-1.37,0.63l-0.23,0.41l0.13,1.13l-0.88,-0.25l-1.42,-1.13l-7.89,-0.4l-0.92,0.31l-3.73,-1.22l-1.42,0.63l-0.53,1.66l-3.72,-0.94l-1.85,0.43l-0.76,1.4l-4.65,2.62l-1.13,2.08l-0.44,0.01l-0.92,-1.4l-2.87,-0.09l-0.45,-2.14l-0.38,-0.32l-0.8,-0.01l0.0,-2.96l-3.0,-2.22l-7.31,0.58l-2.35,-2.68l-6.71,-3.69l-6.45,1.83l-0.29,0.39l0.1,10.85l-0.7,0.08l-1.62,-2.17l-1.83,-0.96l-3.11,0.59l-0.64,0.51Z",name:"Kazakhstan"},ET:{path:"M516.04,247.79l1.1,0.84l1.63,-0.45l0.68,0.47l1.63,0.03l2.01,0.94l1.73,1.66l1.64,2.07l-1.52,2.04l0.16,1.72l0.39,0.38l2.05,0.0l-0.36,1.03l2.86,3.58l8.32,3.08l1.31,0.02l-6.32,6.75l-3.1,0.11l-2.36,1.77l-1.47,0.04l-0.86,0.79l-1.38,-0.0l-1.32,-0.81l-2.29,1.05l-0.76,0.98l-3.29,-0.41l-3.07,-2.07l-1.8,-0.07l-0.62,-0.6l0.0,-1.24l-0.28,-0.38l-1.15,-0.37l-1.4,-2.59l-1.19,-0.68l-0.47,-1.0l-1.27,-1.23l-1.16,-0.22l0.43,-0.72l1.45,-0.28l0.41,-0.95l-0.03,-2.21l0.68,-2.44l1.05,-0.63l1.43,-3.06l1.57,-1.37l1.02,-2.51l0.35,-1.88l2.52,0.46l0.44,-0.24l0.58,-1.43Z",name:"Ethiopia"},ZW:{path:"M498.91,341.09l-1.11,-0.22l-0.92,0.28l-2.09,-0.44l-1.5,-1.11l-1.89,-0.43l-0.62,-1.4l-0.01,-0.84l-0.3,-0.38l-0.97,-0.25l-2.71,-2.74l-1.92,-3.32l3.83,0.45l3.73,-3.82l1.08,-0.44l0.26,-0.77l1.25,-0.9l1.41,-0.26l0.5,0.89l1.99,-0.05l1.72,1.17l1.11,0.17l1.05,0.66l0.01,2.99l-0.59,3.76l0.38,0.86l-0.23,1.23l-0.39,0.35l-0.63,1.81l-2.43,2.75Z",name:"Zimbabwe"},ES:{path:"M416.0,169.21l1.07,1.17l4.61,1.38l1.06,-0.57l2.6,1.26l2.71,-0.3l0.09,1.12l-2.14,1.8l-3.11,0.61l-0.31,0.31l-0.2,0.89l-1.54,1.69l-0.97,2.4l0.84,1.74l-1.32,1.27l-0.48,1.68l-1.88,0.65l-1.66,2.07l-5.36,-0.01l-1.79,1.08l-0.89,0.98l-0.88,-0.17l-0.79,-0.82l-0.68,-1.59l-2.37,-0.63l-0.11,-0.5l1.21,-1.82l-0.77,-1.13l0.61,-1.68l-0.76,-1.62l0.87,-0.49l0.09,-1.25l0.42,-0.6l0.03,-2.11l0.99,-0.69l0.13,-0.5l-1.03,-1.73l-1.46,-0.11l-0.61,0.38l-1.06,0.0l-0.52,-1.23l-0.53,-0.21l-1.32,0.67l-0.01,-1.49l-0.75,-0.96l3.03,-1.88l2.99,0.53l3.32,-0.02l2.63,0.51l6.01,-0.06Z",name:"Spain"},ER:{path:"M520.38,246.23l3.42,2.43l3.5,3.77l0.84,0.54l-0.95,-0.01l-3.51,-3.89l-2.33,-1.15l-1.73,-0.07l-0.91,-0.51l-1.26,0.51l-1.34,-1.02l-0.61,0.17l-0.66,1.61l-2.35,-0.43l-0.17,-0.67l1.29,-5.29l0.61,-0.61l1.95,-0.53l0.87,-1.01l1.17,2.41l0.68,2.33l1.49,1.43Z",name:"Eritrea"},ME:{path:"M468.91,172.53l-1.22,-1.02l0.47,-1.81l0.89,-0.72l2.26,1.51l-0.5,0.57l-0.75,-0.27l-1.14,1.73Z",name:"Montenegro"},MD:{path:"M488.41,153.73l1.4,-0.27l1.72,0.93l1.07,0.15l0.85,0.65l-0.14,0.84l0.96,0.85l1.12,2.47l-1.15,-0.07l-0.66,-0.41l-0.52,0.25l-0.09,0.86l-1.08,1.89l-0.27,-0.86l0.25,-1.34l-0.16,-1.6l-3.29,-4.34Z",name:"Moldova"},MG:{path:"M545.91,319.14l0.4,3.03l0.62,1.21l-0.21,1.02l-0.57,-0.8l-0.69,-0.01l-0.47,0.76l0.41,2.12l-0.18,0.87l-0.73,0.78l-0.15,2.14l-4.71,15.2l-1.06,2.88l-3.92,1.64l-3.12,-1.49l-0.6,-1.21l-0.19,-2.4l-0.86,-2.05l-0.21,-1.77l0.38,-1.62l1.21,-0.75l0.01,-0.76l1.19,-2.04l0.23,-1.66l-1.06,-2.99l-0.19,-2.21l0.81,-1.33l0.32,-1.46l4.63,-1.22l3.44,-3.0l0.85,-1.4l-0.08,-0.7l0.78,-0.04l1.38,-1.77l0.13,-1.64l0.45,-0.61l1.16,1.69l0.59,1.6Z",name:"Madagascar"},MA:{path:"M378.78,230.02l0.06,-0.59l0.92,-0.73l0.82,-1.37l-0.09,-1.04l0.79,-1.7l1.31,-1.58l0.96,-0.59l0.66,-1.55l0.09,-1.47l0.81,-1.48l1.72,-1.07l1.55,-2.69l1.16,-0.96l2.44,-0.39l1.94,-1.82l1.31,-0.78l2.09,-2.28l-0.51,-3.65l1.24,-3.7l1.5,-1.75l4.46,-2.57l2.37,-4.47l1.44,0.01l1.68,1.21l2.32,-0.19l3.47,0.65l0.8,1.54l0.16,1.71l0.86,2.96l0.56,0.59l-0.26,0.61l-3.05,0.44l-1.26,1.05l-1.33,0.22l-0.33,0.37l-0.09,1.78l-2.68,1.0l-1.07,1.42l-4.47,1.13l-4.04,2.01l-0.54,4.64l-1.15,0.06l-0.92,0.61l-1.96,-0.35l-2.42,0.54l-0.74,1.9l-0.86,0.4l-1.14,3.26l-3.53,3.01l-0.8,3.55l-0.96,1.1l-0.29,0.82l-4.95,0.18Z",name:"Morocco"},UZ:{path:"M598.64,172.75l-1.63,1.52l0.06,0.64l1.85,1.12l1.97,-0.64l2.21,1.17l-2.52,1.68l-2.59,-0.22l-0.18,-0.41l0.46,-1.23l-0.45,-0.53l-3.35,0.69l-2.1,3.51l-1.87,-0.12l-1.03,1.51l0.22,0.55l1.64,0.62l0.46,1.83l-1.19,2.49l-2.66,-0.53l0.05,-1.36l-0.26,-0.39l-3.3,-1.23l-2.56,-1.4l-4.4,-3.34l-1.34,-3.14l-1.08,-0.6l-2.58,0.13l-0.69,-0.44l-0.47,-2.52l-3.37,-1.6l-0.43,0.05l-2.07,1.72l-2.1,1.01l-0.21,0.47l0.28,1.01l-1.91,0.03l-0.09,-10.5l5.99,-1.7l6.19,3.54l2.71,2.84l7.05,-0.67l2.71,2.01l-0.17,2.81l0.39,0.42l0.9,0.02l0.44,2.14l0.38,0.32l2.94,0.09l0.95,1.42l1.28,-0.24l1.05,-2.04l4.43,-2.5Z",name:"Uzbekistan"},MM:{path:"M673.9,230.21l-1.97,1.57l-0.57,0.96l-1.4,0.6l-1.36,1.05l-1.99,0.36l-1.08,2.66l-0.91,0.4l-0.19,0.55l1.21,2.27l2.52,3.43l-0.79,1.91l-0.74,0.41l-0.17,0.52l0.65,1.37l1.61,1.95l0.25,2.58l0.9,2.13l-1.92,3.57l0.68,-2.25l-0.81,-1.74l0.19,-2.65l-1.05,-1.53l-1.24,-6.17l-1.12,-2.26l-0.6,-0.13l-4.34,3.02l-2.39,-0.65l0.77,-2.84l-0.52,-2.61l-1.91,-2.96l0.25,-0.75l-0.29,-0.51l-1.33,-0.3l-1.61,-1.93l-0.1,-1.3l0.82,-0.24l0.04,-1.64l1.02,-0.52l0.21,-0.45l-0.23,-0.95l0.54,-0.96l0.08,-2.22l1.46,0.45l0.47,-0.2l1.12,-2.19l0.16,-1.35l1.33,-2.16l-0.0,-1.52l2.89,-1.66l1.63,0.44l0.5,-0.44l-0.17,-1.4l0.64,-0.36l0.08,-1.04l0.77,-0.11l0.71,1.35l1.06,0.69l-0.03,3.86l-2.38,2.37l-0.3,3.15l0.46,0.43l2.28,-0.38l0.51,2.08l1.47,0.67l-0.6,1.8l0.19,0.48l2.97,1.48l1.64,-0.55l0.02,0.32Z",name:"Myanmar"},ML:{path:"M392.61,254.08l-0.19,-2.37l-0.99,-0.87l-0.44,-1.3l-0.09,-1.28l0.81,-0.58l0.35,-1.24l2.37,0.65l1.31,-0.47l0.86,0.15l0.66,-0.56l9.83,-0.04l0.38,-0.28l0.56,-1.8l-0.44,-0.65l-2.35,-21.95l3.27,-0.04l16.7,11.38l0.74,1.31l2.5,1.09l0.02,1.38l0.44,0.39l2.34,-0.21l0.01,5.38l-1.28,1.61l-0.26,1.49l-5.31,0.57l-1.07,0.92l-2.9,0.1l-0.86,-0.48l-1.38,0.36l-2.4,1.08l-0.6,0.87l-1.85,1.09l-0.43,0.7l-0.79,0.39l-1.44,-0.21l-0.81,0.84l-0.34,1.64l-1.91,2.02l-0.06,1.03l-0.67,1.22l0.13,1.16l-0.97,0.39l-0.23,-0.64l-0.52,-0.24l-1.35,0.4l-0.34,0.55l-2.69,-0.28l-0.37,-0.35l-0.02,-0.9l-0.65,-0.35l0.45,-0.64l-0.03,-0.53l-2.12,-2.44l-0.76,-0.01l-2.0,1.16l-0.78,-0.15l-0.8,-0.67l-1.21,0.23Z",name:"Mali"},MN:{path:"M676.61,146.48l3.81,1.68l5.67,-1.0l2.37,0.41l2.34,1.5l1.79,1.75l2.29,-0.03l3.12,0.52l2.47,-0.81l3.41,-0.59l3.53,-2.21l1.25,0.29l1.53,1.13l2.27,-0.21l-2.66,5.01l0.64,1.68l0.47,0.21l1.32,-0.38l2.38,0.48l2.02,-1.11l1.76,0.89l2.06,2.02l-0.13,0.53l-1.72,-0.29l-3.77,0.46l-1.88,0.99l-1.76,1.99l-3.71,1.17l-2.45,1.6l-3.83,-0.87l-0.41,0.17l-1.31,1.99l1.04,2.24l-1.52,0.9l-1.74,1.57l-2.79,1.02l-3.78,0.13l-4.05,1.05l-2.77,1.52l-1.16,-0.85l-2.94,0.0l-3.62,-1.79l-2.58,-0.49l-3.4,0.41l-5.12,-0.67l-2.63,0.06l-1.31,-1.6l-1.4,-3.0l-1.48,-0.33l-3.13,-1.94l-6.16,-0.93l-0.71,-1.06l0.86,-3.82l-1.93,-2.71l-3.5,-1.18l-1.95,-1.58l-0.5,-1.72l2.34,-0.52l4.75,-2.8l3.62,-1.47l2.18,0.97l2.46,0.05l1.81,1.53l2.46,0.12l3.95,0.71l2.43,-2.28l0.08,-0.48l-0.9,-1.72l2.24,-2.98l2.62,1.27l4.94,1.17l0.43,2.24Z",name:"Mongolia"},MK:{path:"M472.8,173.98l0.49,-0.71l3.57,-0.71l1.0,0.77l0.13,1.45l-0.65,0.53l-1.15,-0.05l-1.12,0.67l-1.39,0.22l-0.79,-0.55l-0.29,-1.03l0.19,-0.6Z",name:"Macedonia"},MW:{path:"M505.5,309.31l0.85,1.95l0.15,2.86l-0.69,1.65l0.71,1.8l0.06,1.28l0.49,0.64l0.07,1.06l0.4,0.55l0.8,-0.23l0.55,0.61l0.69,-0.21l0.34,0.6l0.19,2.94l-1.04,0.62l-0.54,1.25l-1.11,-1.08l-0.16,-1.56l0.51,-1.31l-0.32,-1.3l-0.99,-0.65l-0.82,0.12l-2.36,-1.64l0.63,-1.96l0.82,-1.18l-0.46,-2.01l0.9,-2.86l-0.94,-2.51l0.96,0.18l0.29,0.4Z",name:"Malawi"},MR:{path:"M407.36,220.66l-2.58,0.03l-0.39,0.44l2.42,22.56l0.36,0.43l-0.39,1.24l-9.75,0.04l-0.56,0.53l-0.91,-0.11l-1.27,0.45l-1.61,-0.66l-0.97,0.03l-0.36,0.29l-0.38,1.35l-0.42,0.23l-2.93,-3.4l-2.96,-1.52l-1.62,-0.03l-1.27,0.54l-1.12,-0.2l-0.65,0.4l-0.08,-0.49l0.68,-1.29l0.31,-2.43l-0.57,-3.91l0.23,-1.21l-0.69,-1.5l-1.15,-1.02l0.25,-0.39l9.58,0.02l0.4,-0.45l-0.46,-3.68l0.47,-1.04l2.12,-0.21l0.36,-0.4l-0.08,-6.4l7.81,0.13l0.41,-0.4l0.01,-3.31l7.76,5.35Z",name:"Mauritania"},UG:{path:"M498.55,276.32l0.7,-0.46l1.65,0.5l1.96,-0.57l1.7,0.01l1.45,-0.98l0.91,1.33l1.33,3.95l-2.57,4.03l-1.46,-0.4l-2.54,0.91l-1.37,1.61l-0.01,0.81l-2.42,-0.01l-2.26,1.01l-0.17,-1.59l0.58,-1.04l0.14,-1.94l1.37,-2.28l1.78,-1.58l-0.17,-0.65l-0.72,-0.24l0.13,-2.43Z",name:"Uganda"},MY:{path:"M717.47,273.46l-1.39,0.65l-2.12,-0.41l-2.88,-0.0l-0.38,0.28l-0.84,2.75l-0.99,0.96l-1.21,3.29l-1.73,0.45l-2.45,-0.68l-1.39,0.31l-1.33,1.15l-1.59,-0.14l-1.41,0.44l-1.44,-1.19l-0.18,-0.73l1.34,0.53l1.93,-0.47l0.75,-2.22l4.02,-1.03l2.75,-3.21l0.82,0.94l0.64,-0.05l0.4,-0.65l0.96,0.06l0.42,-0.36l0.24,-2.68l1.81,-1.64l1.21,-1.86l0.63,-0.01l1.07,1.05l0.34,1.28l3.44,1.35l-0.06,0.35l-1.37,0.1l-0.35,0.54l0.32,0.88ZM673.68,269.59l0.17,1.09l0.47,0.33l1.65,-0.3l0.87,-0.94l1.61,1.52l0.98,1.56l-0.12,2.81l0.41,2.29l0.95,0.9l0.88,2.44l-1.27,0.12l-5.1,-3.67l-0.34,-1.29l-1.37,-1.59l-0.33,-1.97l-0.88,-1.4l0.25,-1.68l-0.46,-1.05l1.63,0.84Z",name:"Malaysia"},MX:{path:"M133.12,200.41l0.2,0.47l9.63,3.33l6.96,-0.02l0.4,-0.4l0.0,-0.74l3.77,0.0l3.55,2.93l1.39,2.83l1.52,1.04l2.08,0.82l0.47,-0.14l1.46,-2.0l1.73,-0.04l1.59,0.98l2.05,3.35l1.47,1.56l1.26,3.14l2.18,1.02l2.26,0.58l-1.18,3.72l-0.42,5.04l1.79,4.89l1.62,1.89l0.61,1.52l1.2,1.42l2.55,0.66l1.37,1.1l7.54,-1.89l1.86,-1.3l1.14,-4.3l4.1,-1.21l3.57,-0.11l0.32,0.3l-0.06,0.94l-1.26,1.45l-0.67,1.71l0.38,0.7l-0.72,2.27l-0.49,-0.3l-1.0,0.08l-1.0,1.39l-0.47,-0.11l-0.53,0.47l-4.26,-0.02l-0.4,0.4l-0.0,1.06l-1.1,0.26l0.1,0.44l1.82,1.44l0.56,0.91l-3.19,0.21l-1.21,2.09l0.24,0.72l-0.2,0.44l-2.24,-2.18l-1.45,-0.93l-2.22,-0.69l-1.52,0.22l-3.07,1.16l-10.55,-3.85l-2.86,-1.96l-3.78,-0.92l-1.08,-1.19l-2.62,-1.43l-1.18,-1.54l-0.38,-0.81l0.66,-0.63l-0.18,-0.53l0.52,-0.76l0.01,-0.91l-2.0,-3.82l-2.21,-2.63l-2.53,-2.09l-1.19,-1.62l-2.2,-1.17l-0.3,-0.43l0.34,-1.48l-0.21,-0.45l-1.23,-0.6l-1.36,-1.2l-0.59,-1.78l-1.54,-0.47l-2.44,-2.55l-0.16,-0.9l-1.33,-2.03l-0.84,-1.99l-0.16,-1.33l-1.81,-1.1l-0.97,0.05l-1.31,-0.7l-0.57,0.22l-0.4,1.12l0.72,3.77l3.51,3.89l0.28,0.78l0.53,0.26l0.41,1.43l1.33,1.73l1.58,1.41l0.8,2.39l1.43,2.41l0.13,1.32l0.37,0.36l1.04,0.08l1.67,2.28l-0.85,0.76l-0.66,-1.51l-1.68,-1.54l-2.91,-1.87l0.06,-1.82l-0.54,-1.68l-2.91,-2.03l-0.55,0.09l-1.95,-1.1l-0.88,-0.94l0.68,-0.08l0.93,-1.01l0.08,-1.78l-1.93,-1.94l-1.46,-0.77l-3.75,-7.56l4.88,-0.42Z",name:"Mexico"},VU:{path:"M839.04,322.8l0.22,1.14l-0.44,0.03l-0.2,-1.45l0.42,0.27Z",name:"Vanuatu"},FR:{path:"M444.48,172.62l-0.64,1.78l-0.58,-0.31l-0.49,-1.72l0.4,-0.89l1.0,-0.72l0.3,1.85ZM429.64,147.1l1.78,1.58l1.46,-0.13l2.1,1.42l1.35,0.27l1.23,0.83l3.04,0.5l-1.03,1.85l-0.3,2.12l-0.41,0.32l-0.95,-0.24l-0.5,0.43l0.06,0.61l-1.81,1.92l-0.04,1.42l0.55,0.38l0.88,-0.36l0.61,0.97l-0.03,1.0l0.57,0.91l-0.75,1.09l0.65,2.39l1.27,0.57l-0.18,0.82l-2.01,1.53l-4.77,-0.8l-3.82,1.0l-0.53,1.85l-2.49,0.34l-2.71,-1.31l-1.16,0.57l-4.31,-1.29l-0.72,-0.86l1.19,-1.78l0.39,-6.45l-2.58,-3.3l-1.9,-1.66l-3.72,-1.23l-0.19,-1.72l2.81,-0.61l4.12,0.81l0.47,-0.48l-0.6,-2.77l1.94,0.95l5.83,-2.54l0.92,-2.74l1.6,-0.49l0.24,0.78l1.36,0.33l1.05,1.19ZM289.01,278.39l-0.81,0.8l-0.78,0.12l-0.5,-0.66l-0.56,-0.1l-0.91,0.6l-0.46,-0.22l1.09,-2.96l-0.96,-1.77l-0.17,-1.49l1.07,-1.77l2.32,0.75l2.51,2.01l0.3,0.74l-2.14,3.96Z",name:"France"},FI:{path:"M492.17,76.39l-0.23,3.5l3.52,2.63l-2.08,2.88l-0.02,0.44l2.8,4.56l-1.59,3.31l2.16,3.24l-0.94,2.39l0.14,0.47l3.44,2.51l-0.77,1.62l-7.52,6.95l-4.5,0.31l-4.38,1.37l-3.8,0.74l-1.44,-1.96l-2.17,-1.11l0.5,-3.66l-1.16,-3.33l1.09,-2.08l2.21,-2.42l5.67,-4.32l1.64,-0.83l0.21,-0.42l-0.46,-2.02l-3.38,-1.89l-0.75,-1.43l-0.22,-6.74l-6.79,-4.8l0.8,-0.62l2.54,2.12l3.46,-0.12l3.0,0.96l2.51,-2.11l1.17,-3.08l3.55,-1.38l2.76,1.53l-0.95,2.79Z",name:"Finland"},FJ:{path:"M871.53,326.34l-2.8,1.05l-0.08,-0.23l2.97,-1.21l-0.1,0.39ZM867.58,329.25l0.43,0.37l-0.27,0.88l-1.24,0.28l-1.04,-0.24l-0.14,-0.66l0.63,-0.58l0.92,0.26l0.7,-0.31Z",name:"Fiji"},FK:{path:"M274.36,425.85l1.44,1.08l-0.47,0.73l-3.0,0.89l-0.96,-1.0l-0.52,-0.05l-1.83,1.29l-0.73,-0.88l2.46,-1.64l1.93,0.76l1.67,-1.19Z",name:"Falkland Is."},NI:{path:"M202.33,252.67l0.81,-0.18l1.03,-1.02l-0.04,-0.88l0.68,-0.0l0.63,-0.54l0.97,0.22l1.53,-1.26l0.58,-0.99l1.17,0.34l2.41,-0.94l0.13,1.32l-0.81,1.94l0.1,2.74l-0.36,0.37l-0.11,1.75l-0.47,0.81l0.18,1.14l-1.73,-0.85l-0.71,0.27l-1.47,-0.6l-0.52,0.16l-4.01,-3.81Z",name:"Nicaragua"},NL:{path:"M430.31,143.39l0.6,-0.5l2.13,-4.8l3.2,-1.33l1.74,0.08l0.33,0.8l-0.59,2.92l-0.5,0.99l-1.26,0.0l-0.4,0.45l0.33,2.7l-2.2,-1.78l-2.62,0.58l-0.75,-0.11Z",name:"Netherlands"},NO:{path:"M491.44,67.41l6.8,2.89l-2.29,0.86l-0.15,0.65l2.33,2.38l-4.98,1.79l0.84,-2.45l-0.18,-0.48l-3.55,-1.8l-3.89,1.52l-1.42,3.38l-2.12,1.72l-2.64,-1.0l-3.11,0.21l-2.66,-2.22l-0.5,-0.01l-1.41,1.1l-1.44,0.17l-0.35,0.35l-0.32,2.47l-4.32,-0.64l-0.44,0.29l-0.58,2.11l-2.45,0.2l-4.15,7.68l-3.88,5.76l0.78,1.62l-0.64,1.16l-2.24,-0.06l-0.38,0.24l-1.66,3.89l0.15,5.17l1.57,2.04l-0.78,4.16l-2.02,2.48l-0.85,1.63l-1.3,-1.75l-0.58,-0.07l-4.87,4.19l-3.1,0.79l-3.16,-1.7l-0.85,-3.77l-0.77,-8.55l2.14,-2.31l6.55,-3.27l5.02,-4.17l10.63,-13.84l10.98,-8.7l5.35,-1.91l4.34,0.12l3.69,-3.64l4.49,0.19l4.37,-0.89ZM484.55,20.04l4.26,1.75l-3.1,2.55l-7.1,0.65l-7.08,-0.9l-0.37,-1.31l-0.37,-0.29l-3.44,-0.1l-2.08,-2.0l6.87,-1.44l3.9,1.31l2.39,-1.64l6.13,1.4ZM481.69,33.93l-4.45,1.74l-3.54,-0.99l1.12,-0.9l0.05,-0.58l-1.06,-1.22l4.22,-0.89l1.09,1.97l2.57,0.87ZM466.44,24.04l7.43,3.77l-5.41,1.86l-1.58,4.08l-2.26,1.2l-1.12,4.11l-2.61,0.18l-4.79,-2.86l1.84,-1.54l-0.1,-0.68l-3.69,-1.53l-4.77,-4.51l-1.73,-3.89l6.11,-1.82l1.54,1.92l3.57,-0.08l1.2,-1.96l3.32,-0.18l3.05,1.92Z",name:"Norway"},NA:{path:"M474.26,330.66l-0.97,0.04l-0.38,0.4l-0.07,8.9l-2.09,0.08l-0.39,0.4l-0.0,17.42l-1.98,1.23l-1.17,0.17l-2.44,-0.66l-0.48,-1.13l-0.99,-0.74l-0.54,0.05l-0.9,1.01l-1.53,-1.68l-0.93,-1.88l-1.99,-8.56l-0.06,-3.12l-0.33,-1.52l-2.3,-3.34l-1.91,-4.83l-1.96,-2.43l-0.12,-1.57l2.33,-0.79l1.43,0.07l1.81,1.13l10.23,-0.25l1.84,1.23l5.87,0.35ZM474.66,330.64l6.51,-1.6l1.9,0.39l-1.69,0.4l-1.31,0.83l-1.12,-0.94l-4.29,0.92Z",name:"Namibia"},NC:{path:"M838.78,341.24l-0.33,0.22l-2.9,-1.75l-3.26,-3.37l1.65,0.83l4.85,4.07Z",name:"New Caledonia"},NE:{path:"M454.75,226.53l1.33,1.37l0.48,0.07l1.27,-0.7l0.53,3.52l0.94,0.83l0.17,0.92l0.81,0.69l-0.44,0.95l-0.96,5.26l-0.13,3.22l-3.04,2.31l-1.22,3.57l1.02,1.24l-0.0,1.46l0.39,0.4l1.13,0.04l-0.9,1.25l-1.47,-2.42l-0.86,-0.29l-2.09,1.37l-1.74,-0.67l-1.45,-0.17l-0.85,0.35l-1.36,-0.07l-1.64,1.09l-1.06,0.05l-2.94,-1.28l-1.44,0.59l-1.01,-0.03l-0.97,-0.94l-2.7,-0.98l-2.69,0.3l-0.87,0.64l-0.47,1.6l-0.75,1.16l-0.12,1.53l-1.57,-1.1l-1.31,0.24l0.03,-0.81l-0.32,-0.41l-2.59,-0.52l-0.15,-1.16l-1.35,-1.6l-0.29,-1.0l0.13,-0.84l1.29,-0.08l1.08,-0.92l3.31,-0.22l2.22,-0.41l0.32,-0.34l0.2,-1.47l1.39,-1.88l-0.01,-5.66l3.36,-1.12l7.24,-5.12l8.42,-4.92l3.69,1.06Z",name:"Niger"},NG:{path:"M456.32,253.89l0.64,0.65l-0.28,1.04l-2.11,2.01l-2.03,5.18l-1.37,1.16l-1.15,3.18l-1.33,0.66l-1.46,-0.97l-1.21,0.16l-1.38,1.36l-0.91,0.24l-1.79,4.06l-2.33,0.81l-1.11,-0.07l-0.86,0.5l-1.71,-0.05l-1.19,-1.39l-0.89,-1.89l-1.77,-1.66l-3.95,-0.08l0.07,-5.21l0.42,-1.43l1.95,-2.3l-0.14,-0.91l0.43,-1.18l-0.53,-1.41l0.25,-2.92l0.72,-1.07l0.32,-1.34l0.46,-0.39l2.47,-0.28l2.34,0.89l1.15,1.02l1.28,0.04l1.22,-0.58l3.03,1.27l1.49,-0.14l1.36,-1.0l1.33,0.07l0.82,-0.35l3.45,0.8l1.82,-1.32l1.84,2.67l0.66,0.16Z",name:"Nigeria"},NZ:{path:"M857.8,379.65l1.86,3.12l0.44,0.18l0.3,-0.38l0.03,-1.23l0.38,0.27l0.57,2.31l2.02,0.94l1.81,0.27l1.57,-1.06l0.7,0.18l-1.15,3.59l-1.98,0.11l-0.74,1.2l0.2,1.11l-2.42,3.98l-1.49,0.92l-1.04,-0.85l1.21,-2.05l-0.81,-2.01l-2.63,-1.25l0.04,-0.57l1.82,-1.19l0.43,-2.34l-0.16,-2.03l-0.95,-1.82l-0.06,-0.72l-3.11,-3.64l-0.79,-1.52l1.56,1.45l1.76,0.66l0.65,2.34ZM853.83,393.59l0.57,1.24l0.59,0.16l1.42,-0.97l0.46,0.79l0.0,1.03l-2.47,3.48l-1.26,1.2l-0.06,0.5l0.55,0.87l-1.41,0.07l-2.33,1.38l-2.03,5.02l-3.02,2.16l-2.06,-0.06l-1.71,-1.04l-2.47,-0.2l-0.27,-0.73l1.22,-2.1l3.05,-2.94l1.62,-0.59l4.02,-2.82l1.57,-1.67l1.07,-2.16l0.88,-0.7l0.48,-1.75l1.24,-0.97l0.35,0.79Z",name:"New Zealand"},NP:{path:"M641.14,213.62l0.01,3.19l-1.74,0.04l-4.8,-0.86l-1.58,-1.39l-3.37,-0.34l-7.65,-3.7l0.8,-2.09l2.33,-1.7l1.77,0.75l2.49,1.76l1.38,0.41l0.99,1.35l1.9,0.52l1.99,1.17l5.49,0.9Z",name:"Nepal"},CI:{path:"M407.4,259.27l0.86,0.42l0.56,0.9l1.13,0.53l1.19,-0.61l0.97,-0.08l1.42,0.54l0.6,3.24l-1.03,2.08l-0.65,2.84l1.06,2.33l-0.06,0.53l-2.54,-0.47l-1.66,0.03l-3.06,0.46l-4.11,1.6l0.32,-3.06l-1.18,-1.31l-1.32,-0.66l0.42,-0.85l-0.2,-1.4l0.5,-0.67l0.01,-1.59l0.84,-0.32l0.26,-0.5l-1.15,-3.01l0.12,-0.5l0.51,-0.25l0.66,0.31l1.93,0.02l0.67,-0.71l0.71,-0.14l0.25,0.69l0.57,0.22l1.4,-0.61Z",name:"Côte d'Ivoire"},CH:{path:"M444.62,156.35l-0.29,0.87l0.18,0.53l1.13,0.58l1.0,0.1l-0.1,0.65l-0.79,0.38l-1.72,-0.37l-0.45,0.23l-0.45,1.04l-0.75,0.06l-0.84,-0.4l-1.32,1.0l-0.96,0.12l-0.88,-0.55l-0.81,-1.3l-0.49,-0.16l-0.63,0.26l0.02,-0.65l1.71,-1.66l0.1,-0.56l0.93,0.08l0.58,-0.46l1.99,0.02l0.66,-0.61l2.19,0.79Z",name:"Switzerland"},CO:{path:"M242.07,254.93l-1.7,0.59l-0.59,1.18l-1.7,1.69l-0.38,1.93l-0.67,1.43l0.31,0.57l1.03,0.13l0.25,0.9l0.57,0.64l-0.04,2.34l1.64,1.42l3.16,-0.24l1.26,0.28l1.67,2.06l0.41,0.13l4.09,-0.39l0.45,0.22l-0.92,1.95l-0.2,1.8l0.52,1.83l0.75,1.05l-1.12,1.1l0.07,0.63l0.84,0.51l0.74,1.29l-0.39,-0.45l-0.59,-0.01l-0.71,0.74l-4.71,-0.05l-0.4,0.41l0.03,1.57l0.33,0.39l1.11,0.2l-1.68,0.4l-0.29,0.38l-0.01,1.82l1.16,1.14l0.34,1.25l-1.05,7.05l-1.04,-0.87l1.26,-1.99l-0.13,-0.56l-2.18,-1.23l-1.38,0.2l-1.14,-0.38l-1.27,0.61l-1.55,-0.26l-1.38,-2.46l-1.23,-0.75l-0.85,-1.2l-1.67,-1.19l-0.86,0.13l-2.11,-1.32l-1.01,0.31l-1.8,-0.29l-0.52,-0.91l-3.09,-1.68l0.77,-0.52l-0.1,-1.12l0.41,-0.64l1.34,-0.32l2.0,-2.88l-0.11,-0.57l-0.66,-0.43l0.39,-1.38l-0.52,-2.1l0.49,-0.83l-0.4,-2.13l-0.97,-1.35l0.17,-0.66l0.86,-0.08l0.47,-0.75l-0.46,-1.63l1.41,-0.07l1.8,-1.69l0.93,-0.24l0.3,-0.38l0.45,-2.76l1.22,-1.0l1.44,-0.04l0.45,-0.5l1.91,0.12l2.93,-1.84l1.15,-1.14l0.91,0.46l-0.25,0.45Z",name:"Colombia"},CN:{path:"M740.23,148.97l4.57,1.3l2.8,2.17l0.98,2.9l0.38,0.27l3.8,0.0l2.32,-1.28l3.29,-0.75l-0.96,2.09l-1.02,1.28l-0.85,3.4l-1.52,2.73l-2.76,-0.5l-2.4,1.13l-0.21,0.45l0.64,2.57l-0.32,3.2l-0.94,0.06l-0.37,0.89l-0.91,-1.01l-0.64,0.07l-0.92,1.57l-3.73,1.25l-0.26,0.48l0.26,1.06l-1.5,-0.08l-1.09,-0.86l-0.56,0.06l-1.67,2.06l-2.7,1.56l-2.03,1.88l-3.4,0.83l-1.93,1.4l-1.15,0.34l0.33,-0.7l-0.41,-0.89l1.79,-1.79l0.02,-0.54l-1.32,-1.56l-0.48,-0.1l-2.24,1.09l-2.83,2.06l-1.51,1.83l-2.28,0.13l-1.55,1.49l-0.04,0.5l1.32,1.97l2.0,0.58l0.31,1.35l1.98,0.84l3.0,-1.96l2.0,1.02l1.49,0.11l0.22,0.83l-3.37,0.86l-1.12,1.48l-2.5,1.52l-1.29,1.99l0.14,0.56l2.57,1.48l0.97,2.7l3.17,4.63l-0.03,1.66l-1.35,0.65l-0.2,0.51l0.6,1.47l1.4,0.91l-0.89,3.82l-1.43,0.38l-3.85,6.44l-2.27,3.11l-6.78,4.57l-2.73,0.29l-1.45,1.04l-0.62,-0.61l-0.55,-0.01l-1.36,1.25l-3.39,1.27l-2.61,0.4l-1.1,2.79l-0.81,0.09l-0.49,-1.42l0.5,-0.85l-0.25,-0.59l-3.36,-0.84l-1.3,0.4l-2.31,-0.62l-0.94,-0.84l0.33,-1.28l-0.3,-0.49l-2.19,-0.46l-1.13,-0.93l-0.47,-0.02l-2.06,1.36l-4.29,0.28l-2.76,1.05l-0.28,0.43l0.32,2.53l-0.59,-0.03l-0.19,-1.34l-0.55,-0.34l-1.68,0.7l-2.46,-1.23l0.62,-1.87l-0.26,-0.51l-1.37,-0.44l-0.54,-2.22l-0.45,-0.3l-2.13,0.35l0.24,-2.48l2.39,-2.4l0.03,-4.31l-1.19,-0.92l-0.78,-1.49l-0.41,-0.21l-1.41,0.19l-1.98,-0.3l0.46,-1.07l-1.17,-1.7l-0.55,-0.11l-1.63,1.05l-2.25,-0.57l-2.89,1.73l-2.25,1.98l-1.75,0.29l-1.17,-0.71l-3.31,-0.65l-1.48,0.79l-1.04,1.27l-0.12,-1.17l-0.54,-0.34l-1.44,0.54l-5.55,-0.86l-1.98,-1.16l-1.89,-0.54l-0.99,-1.35l-1.34,-0.37l-2.55,-1.79l-2.01,-0.84l-1.21,0.56l-5.57,-3.45l-0.53,-2.31l1.19,0.25l0.48,-0.37l0.08,-1.42l-0.98,-1.56l0.15,-2.44l-2.69,-3.32l-4.12,-1.23l-0.67,-2.0l-1.92,-1.48l-0.38,-0.7l-0.51,-3.01l-1.52,-0.66l-0.7,0.13l-0.48,-2.05l0.55,-0.51l-0.09,-0.82l2.03,-1.19l1.6,-0.54l2.56,0.38l0.42,-0.22l0.85,-1.7l3.0,-0.33l1.1,-1.26l4.05,-1.77l0.39,-0.91l-0.17,-1.44l1.45,-0.67l0.2,-0.52l-2.07,-4.9l4.51,-1.12l1.37,-0.73l1.89,-5.51l4.98,0.86l1.51,-1.7l0.11,-2.87l1.99,-0.38l1.83,-2.06l0.49,-0.13l0.68,2.08l2.23,1.77l3.44,1.16l1.55,2.29l-0.92,3.49l0.96,1.67l6.54,1.13l2.95,1.87l1.47,0.35l1.06,2.62l1.53,1.91l3.05,0.08l5.14,0.67l3.37,-0.41l2.36,0.43l3.65,1.8l3.06,0.04l1.45,0.88l2.87,-1.59l3.95,-1.02l3.83,-0.14l3.06,-1.14l1.77,-1.6l1.72,-1.01l0.17,-0.49l-1.1,-2.05l1.02,-1.54l4.02,0.8l2.45,-1.61l3.76,-1.19l1.96,-2.13l1.63,-0.83l3.51,-0.4l1.92,0.34l0.46,-0.3l0.17,-1.5l-2.27,-2.22l-2.11,-1.09l-2.18,1.11l-2.32,-0.47l-1.29,0.32l-0.4,-0.82l2.73,-5.16l3.02,1.06l3.53,-2.06l0.18,-1.68l2.16,-3.35l1.49,-1.35l-0.03,-1.85l-1.07,-0.85l1.54,-1.26l2.98,-0.59l3.23,-0.09l3.64,0.99l2.04,1.16l3.29,6.71l0.92,3.19ZM696.92,237.31l-1.87,1.08l-1.63,-0.64l-0.06,-1.79l1.03,-0.98l2.58,-0.69l1.16,0.05l0.3,0.54l-0.98,1.06l-0.53,1.37Z",name:"China"},CM:{path:"M457.92,257.49l1.05,1.91l-1.4,0.16l-1.05,-0.23l-0.45,0.22l-0.54,1.19l0.08,0.45l1.48,1.47l1.05,0.45l1.01,2.46l-1.52,2.99l-0.68,0.68l-0.13,3.69l2.38,3.84l1.09,0.8l0.24,2.48l-3.67,-1.14l-11.27,-0.13l0.23,-1.79l-0.98,-1.66l-1.19,-0.54l-0.44,-0.97l-0.6,-0.42l1.71,-4.27l0.75,-0.13l1.38,-1.36l0.65,-0.03l1.71,0.99l1.93,-1.12l1.14,-3.18l1.38,-1.17l2.0,-5.14l2.17,-2.13l0.3,-1.64l-0.86,-0.88l0.03,-0.33l0.94,1.28l0.07,3.22Z",name:"Cameroon"},CL:{path:"M246.5,429.18l-3.14,1.83l-0.57,3.16l-0.64,0.05l-2.68,-1.06l-2.82,-2.33l-3.04,-1.89l-0.69,-1.85l0.63,-2.14l-1.21,-2.11l-0.31,-5.37l1.01,-2.91l2.57,-2.38l-0.18,-0.68l-3.16,-0.77l2.05,-2.47l0.77,-4.65l2.32,0.9l0.54,-0.29l1.31,-6.31l-0.22,-0.44l-1.68,-0.8l-0.56,0.28l-0.7,3.36l-0.81,-0.22l1.56,-9.41l1.15,-2.24l-0.71,-2.82l-0.18,-2.84l1.01,-0.33l3.26,-9.14l1.07,-4.22l-0.56,-4.21l0.74,-2.34l-0.29,-3.27l1.46,-3.34l2.04,-16.59l-0.66,-7.76l1.03,-0.53l0.54,-0.9l0.79,1.14l0.32,1.78l1.25,1.16l-0.69,2.55l1.33,2.9l0.97,3.59l0.46,0.29l1.5,-0.3l0.11,0.23l-0.76,2.44l-2.57,1.23l-0.23,0.37l0.08,4.33l-0.46,0.77l0.56,1.21l-1.58,1.51l-1.68,2.62l-0.89,2.47l0.2,2.7l-1.48,2.73l1.12,5.09l0.64,0.61l-0.01,2.29l-1.38,2.68l0.01,2.4l-1.89,2.04l0.02,2.75l0.69,2.57l-1.43,1.13l-1.26,5.68l0.39,3.51l-0.97,0.89l0.58,3.5l1.02,1.14l-0.65,1.02l0.15,0.57l1.0,0.53l0.16,0.69l-1.03,0.85l0.26,1.75l-0.89,4.03l-1.31,2.66l0.24,1.75l-0.71,1.83l-1.99,1.7l0.3,3.67l0.88,1.19l1.58,0.01l0.01,2.21l1.04,1.95l5.98,0.63ZM248.69,430.79l0.0,7.33l0.4,0.4l3.52,0.05l-0.44,0.75l-1.94,0.98l-2.49,-0.37l-1.88,-1.06l-2.55,-0.49l-5.59,-3.71l-2.38,-2.63l4.1,2.48l3.32,1.23l0.45,-0.12l1.29,-1.57l0.83,-2.32l2.05,-1.24l1.31,0.29Z",name:"Chile"},CA:{path:"M280.06,145.6l-1.67,2.88l0.07,0.49l0.5,0.04l1.46,-0.98l1.0,0.42l-0.56,0.72l0.17,0.62l2.22,0.89l1.35,-0.71l1.95,0.78l-0.66,2.01l0.5,0.51l1.32,-0.42l0.98,3.17l-0.91,2.41l-0.8,0.08l-1.23,-0.45l0.47,-2.25l-0.89,-0.83l-0.48,0.06l-2.78,2.63l-0.34,-0.02l1.02,-0.85l-0.14,-0.69l-2.4,-0.77l-7.4,0.08l-0.17,-0.41l1.3,-0.94l0.02,-0.64l-0.73,-0.58l1.85,-1.74l2.57,-5.16l1.47,-1.79l1.99,-1.05l0.46,0.06l-1.53,2.45ZM68.32,74.16l4.13,0.95l4.02,2.14l2.61,0.4l2.47,-1.89l2.88,-1.31l3.85,0.48l3.71,-1.94l3.82,-1.04l1.56,1.68l0.49,0.08l1.87,-1.04l0.65,-1.98l1.24,0.35l4.16,3.94l0.54,0.01l2.75,-2.49l0.26,2.59l0.49,0.35l3.08,-0.73l1.04,-1.27l2.73,0.23l3.83,1.86l5.86,1.61l3.47,0.75l2.44,-0.26l2.73,1.78l-2.98,1.81l-0.19,0.41l0.31,0.32l4.53,0.92l6.87,-0.5l2.0,-0.69l2.49,2.39l0.53,0.02l2.72,-2.16l-0.02,-0.64l-2.16,-1.54l1.15,-1.06l4.83,-0.61l1.84,0.95l2.48,2.31l3.01,-0.23l4.55,1.92l3.85,-0.67l3.61,0.1l0.41,-0.44l-0.25,-2.36l1.79,-0.61l3.49,1.32l-0.01,3.77l0.31,0.39l0.45,-0.22l1.48,-3.16l1.74,0.1l0.41,-0.3l1.13,-4.37l-2.78,-3.11l-2.8,-1.74l0.19,-4.64l2.71,-3.07l2.98,0.67l2.41,1.95l3.19,4.8l-1.99,1.97l0.21,0.68l4.33,0.84l-0.01,4.15l0.25,0.37l0.44,-0.09l3.07,-3.15l2.54,2.39l-0.61,3.33l2.42,2.88l0.61,0.0l2.61,-3.08l1.88,-3.82l0.17,-4.58l6.72,0.94l3.13,2.04l0.13,1.82l-1.76,2.19l-0.01,0.49l1.66,2.16l-0.26,1.71l-4.68,2.8l-3.28,0.61l-2.47,-1.2l-0.55,0.23l-0.73,2.04l-2.38,3.43l-0.74,1.77l-2.74,2.57l-3.44,0.25l-2.21,1.78l-0.28,2.53l-2.82,0.55l-3.12,3.22l-2.72,4.31l-1.03,3.17l-0.14,4.31l0.33,0.41l3.44,0.57l2.24,5.95l0.45,0.23l3.4,-0.69l4.52,1.51l2.43,1.31l1.91,1.73l3.1,0.96l2.62,1.46l6.6,0.54l-0.35,2.74l0.81,3.53l1.81,3.78l3.83,3.3l0.45,0.04l2.1,-1.28l1.37,-3.69l-1.31,-5.38l-1.45,-1.58l3.57,-1.47l2.84,-2.46l1.52,-2.8l-0.25,-2.55l-1.7,-3.07l-2.85,-2.61l2.8,-3.95l-1.08,-3.37l-0.79,-5.67l1.36,-0.7l6.76,1.41l2.12,-0.96l5.12,3.36l1.05,1.61l4.08,0.26l-0.06,2.87l0.83,4.7l0.3,0.32l2.16,0.54l1.73,2.06l0.5,0.09l3.63,-2.03l2.52,-4.19l1.26,-1.32l7.6,11.72l-0.92,2.04l0.16,0.51l3.3,1.97l2.22,1.98l4.1,0.98l1.43,0.99l0.95,2.79l2.1,0.68l0.84,1.08l0.17,3.45l-3.37,2.26l-4.22,1.24l-3.06,2.63l-4.06,0.51l-5.35,-0.69l-6.39,0.2l-2.3,2.41l-3.26,1.51l-6.47,7.15l-0.06,0.48l0.44,0.19l2.13,-0.52l4.17,-4.24l5.12,-2.62l3.52,-0.3l1.69,1.21l-2.12,2.21l0.81,3.47l1.02,2.61l3.47,1.6l4.14,-0.45l2.15,-2.8l0.26,1.48l1.14,0.8l-2.56,1.69l-5.5,1.82l-2.54,1.27l-2.74,2.15l-1.4,-0.16l-0.07,-2.01l4.14,-2.44l0.18,-0.45l-0.39,-0.29l-6.63,0.45l-1.39,-1.49l-0.14,-4.43l-1.11,-0.91l-1.82,0.39l-0.66,-0.66l-0.6,0.03l-1.91,2.39l-0.82,2.52l-0.8,1.27l-1.67,0.56l-0.46,0.76l-8.31,0.07l-1.21,0.62l-2.35,1.97l-0.71,-0.14l-1.37,0.96l-1.12,-0.48l-4.74,1.26l-0.9,1.17l0.21,0.62l1.73,0.3l-1.81,0.31l-1.85,0.81l-2.11,-0.13l-2.95,1.78l-0.69,-0.09l1.39,-2.1l1.73,-1.21l0.1,-2.29l1.16,-1.99l0.49,0.53l2.03,0.42l1.2,-1.16l0.02,-0.47l-2.66,-3.51l-2.28,-0.61l-5.64,-0.71l-0.4,-0.57l-0.79,0.13l0.2,-0.41l-0.22,-0.55l-0.68,-0.26l0.19,-1.26l-0.78,-0.73l0.31,-0.64l-0.29,-0.57l-2.6,-0.44l-0.75,-1.63l-0.94,-0.66l-4.31,-0.65l-1.13,1.19l-1.48,0.59l-0.85,1.06l-2.83,-0.76l-2.09,0.39l-2.39,-0.97l-4.24,-0.7l-0.57,-0.4l-0.41,-1.63l-0.4,-0.3l-0.85,0.02l-0.39,0.4l-0.01,0.85l-69.13,-0.01l-6.51,-4.52l-4.5,-1.38l-1.26,-2.66l0.33,-1.93l-0.23,-0.43l-3.01,-1.35l-0.55,-2.77l-2.89,-2.38l-0.04,-1.45l1.39,-1.83l-0.28,-2.55l-4.16,-2.2l-4.07,-6.6l-4.02,-3.22l-1.3,-1.88l-0.5,-0.13l-2.51,1.21l-2.23,1.87l-3.85,-3.88l-2.44,-1.04l-2.22,-0.13l0.03,-37.49ZM260.37,148.65l3.04,0.76l2.26,1.2l-3.78,-0.95l-1.53,-1.01ZM249.4,3.81l6.68,0.49l5.32,0.79l4.26,1.57l-0.07,1.1l-5.85,2.53l-6.02,1.21l-2.39,1.39l-0.18,0.45l0.39,0.29l4.01,-0.02l-4.65,2.82l-4.2,1.74l-4.19,4.59l-5.03,0.92l-1.67,1.15l-7.47,0.59l-0.37,0.37l0.32,0.42l2.41,0.49l-0.81,0.47l-0.12,0.59l1.83,2.41l-2.02,1.59l-3.81,1.51l-1.32,2.16l-3.38,1.53l-0.22,0.48l0.35,1.19l0.4,0.29l3.88,-0.18l0.03,0.61l-6.33,2.95l-6.41,-1.4l-7.43,0.79l-3.72,-0.62l-4.4,-0.25l-0.23,-1.83l4.29,-1.11l0.28,-0.51l-1.1,-3.45l1.0,-0.25l6.58,2.28l0.47,-0.16l-0.05,-0.49l-3.41,-3.45l-3.58,-0.98l1.48,-1.55l4.34,-1.29l0.97,-2.19l-0.16,-0.48l-3.42,-2.13l-0.81,-2.26l6.2,0.22l2.24,0.58l3.91,-2.1l0.2,-0.43l-0.35,-0.32l-5.64,-0.67l-8.73,0.36l-4.26,-1.9l-2.12,-2.4l-2.78,-1.66l-0.41,-1.52l3.31,-1.03l2.93,-0.2l4.91,-0.99l3.7,-2.27l2.87,0.3l2.62,1.67l0.56,-0.14l1.82,-3.2l3.13,-0.94l4.44,-0.69l7.53,-0.26l1.48,0.67l7.19,-1.06l10.8,0.79ZM203.85,57.54l0.01,0.42l1.97,2.97l0.68,-0.02l2.24,-3.72l5.95,-1.86l4.01,4.64l-0.35,2.91l0.5,0.43l4.95,-1.36l2.32,-1.8l5.31,2.28l3.27,2.11l0.3,1.84l0.48,0.33l4.42,-0.99l2.64,2.87l5.97,1.77l2.06,1.72l2.11,3.71l-4.19,1.86l-0.01,0.73l5.9,2.83l3.94,0.94l3.78,3.95l3.46,0.25l-0.63,2.37l-4.11,4.47l-2.76,-1.56l-3.9,-3.94l-3.59,0.41l-0.33,0.34l-0.19,2.72l2.63,2.38l3.42,1.89l0.94,0.97l1.55,3.75l-0.7,2.29l-2.74,-0.92l-6.25,-3.15l-0.51,0.13l0.05,0.52l6.07,5.69l0.18,0.59l-6.09,-1.39l-5.31,-2.24l-2.63,-1.66l0.6,-0.77l-0.12,-0.6l-7.39,-4.01l-0.59,0.37l0.03,0.79l-6.73,0.6l-1.69,-1.1l1.36,-2.46l4.51,-0.07l5.15,-0.52l0.31,-0.6l-0.74,-1.3l0.78,-1.84l3.21,-4.05l-0.67,-2.35l-1.11,-1.6l-3.84,-2.1l-4.35,-1.28l0.91,-0.63l0.06,-0.61l-2.65,-2.75l-2.34,-0.36l-1.89,-1.46l-0.53,0.03l-1.24,1.23l-4.36,0.55l-9.04,-0.99l-9.26,-1.98l-1.6,-1.22l2.22,-1.77l0.13,-0.44l-0.38,-0.27l-3.22,-0.02l-0.72,-4.25l1.83,-4.04l2.42,-1.85l5.5,-1.1l-1.39,2.35ZM261.19,159.33l2.07,0.61l1.44,-0.04l-1.15,0.63l-2.94,-1.23l-0.4,-0.68l0.36,-0.37l0.61,1.07ZM230.83,84.39l-2.37,0.18l-0.49,-1.63l0.93,-2.09l1.94,-0.51l1.62,0.99l0.02,1.52l-1.66,1.54ZM229.43,58.25l0.11,0.65l-4.87,-0.21l-2.72,0.62l-3.1,-2.57l0.08,-1.26l0.86,-0.23l5.57,0.51l4.08,2.5ZM222.0,105.02l-0.72,1.49l-0.63,-0.19l-0.48,-0.84l0.81,-0.99l0.65,0.05l0.37,0.46ZM183.74,38.32l2.9,1.7l4.79,-0.01l1.84,1.46l-0.49,1.68l0.23,0.48l2.82,1.14l1.76,1.26l7.01,0.65l4.1,-1.1l5.03,-0.43l3.93,0.35l2.48,1.77l0.46,1.7l-1.3,1.1l-3.56,1.01l-3.23,-0.59l-7.17,0.76l-5.09,0.09l-3.99,-0.6l-6.42,-1.54l-0.79,-2.51l-0.3,-2.49l-2.64,-2.5l-5.32,-0.72l-2.52,-1.4l0.68,-1.57l4.78,0.31ZM207.38,91.35l0.4,1.56l0.56,0.26l1.06,-0.52l1.32,0.96l5.42,2.57l0.2,1.68l0.46,0.35l1.68,-0.28l1.15,0.85l-1.55,0.87l-3.61,-0.88l-1.32,-1.69l-0.57,-0.06l-2.45,2.1l-3.12,1.79l-0.7,-1.87l-0.42,-0.26l-2.16,0.24l1.39,-1.39l0.32,-3.14l0.76,-3.35l1.18,0.22ZM215.49,102.6l-2.67,1.95l-1.4,-0.07l-0.3,-0.58l1.53,-1.48l2.84,0.18ZM202.7,24.12l2.53,1.59l-2.87,1.4l-4.53,4.05l-4.25,0.38l-5.03,-0.68l-2.45,-2.04l0.03,-1.62l1.82,-1.37l0.14,-0.45l-0.38,-0.27l-4.45,0.04l-2.59,-1.76l-1.41,-2.29l1.57,-2.32l1.62,-1.66l2.44,-0.39l0.25,-0.65l-0.6,-0.74l4.86,-0.25l3.24,3.11l8.16,2.3l1.9,3.61ZM187.47,59.2l-2.76,3.49l-2.38,-0.15l-1.44,-3.84l0.04,-2.2l1.19,-1.88l2.3,-1.23l5.07,0.17l4.11,1.02l-3.24,3.72l-2.88,0.89ZM186.07,48.79l-1.08,1.53l-3.34,-0.34l-2.56,-1.1l1.03,-1.75l3.25,-1.23l1.95,1.58l0.75,1.3ZM185.71,35.32l-5.3,-0.2l-0.32,-0.71l4.31,0.07l1.3,0.84ZM180.68,32.48l-3.34,1.0l-1.79,-1.1l-0.98,-1.87l-0.15,-1.73l4.1,0.53l2.67,1.7l-0.51,1.47ZM180.9,76.31l-1.1,1.08l-3.13,-1.23l-2.12,0.43l-2.71,-1.57l1.72,-1.09l1.55,-1.72l3.81,1.9l1.98,2.2ZM169.74,54.87l2.96,0.97l4.17,-0.57l0.41,0.88l-2.14,2.11l0.09,0.64l3.55,1.92l-0.4,3.72l-3.79,1.65l-2.17,-0.35l-1.72,-1.74l-6.02,-3.5l0.03,-0.85l4.68,0.54l0.4,-0.21l-0.05,-0.45l-2.48,-2.81l2.46,-1.95ZM174.45,40.74l1.37,1.73l0.07,2.44l-1.05,3.45l-3.79,0.47l-2.32,-0.69l0.05,-2.64l-0.44,-0.41l-3.68,0.35l-0.12,-3.1l2.45,0.1l3.67,-1.73l3.41,0.29l0.37,-0.26ZM170.05,31.55l0.67,1.56l-3.33,-0.49l-4.22,-1.77l-4.35,-0.16l1.4,-0.94l-0.06,-0.7l-2.81,-1.23l-0.12,-1.39l4.39,0.68l6.62,1.98l1.81,2.47ZM134.5,58.13l-1.02,1.82l0.45,0.58l5.4,-1.39l3.33,2.29l0.49,-0.03l2.6,-2.23l1.94,1.32l2.0,4.5l0.7,0.06l1.3,-2.29l-1.63,-4.46l1.69,-0.54l2.31,0.71l2.65,1.81l2.49,7.92l8.48,4.27l-0.19,1.35l-3.79,0.33l-0.26,0.67l1.4,1.49l-0.58,1.1l-4.23,-0.64l-4.43,-1.19l-3.0,0.28l-4.66,1.47l-10.52,1.04l-1.43,-2.02l-3.42,-1.2l-2.21,0.43l-2.51,-2.86l4.84,-1.05l3.6,0.19l3.27,-0.78l0.31,-0.39l-0.31,-0.39l-4.84,-1.06l-8.79,0.27l-0.85,-1.07l5.26,-1.66l0.27,-0.45l-0.4,-0.34l-3.8,0.06l-3.81,-1.06l1.81,-3.01l1.66,-1.79l6.48,-2.81l1.97,0.71ZM158.7,56.61l-1.7,2.44l-3.2,-2.75l0.37,-0.3l3.11,-0.18l1.42,0.79ZM149.61,42.73l1.01,1.89l0.5,0.18l2.14,-0.82l2.23,0.19l0.36,2.04l-1.33,2.09l-8.28,0.76l-6.35,2.15l-3.41,0.1l-0.19,-0.96l4.9,-2.08l0.23,-0.46l-0.41,-0.31l-11.25,0.59l-2.89,-0.74l3.04,-4.44l2.14,-1.32l6.81,1.69l4.58,3.06l4.37,0.39l0.36,-0.63l-3.36,-4.6l1.85,-1.53l2.18,0.51l0.77,2.26ZM144.76,34.41l-4.36,1.44l-3.0,-1.4l1.46,-1.24l3.47,-0.52l2.96,0.71l-0.52,1.01ZM145.13,29.83l-1.9,0.66l-3.67,-0.0l2.27,-1.61l3.3,0.95ZM118.92,65.79l-6.03,2.02l-1.33,-1.9l-5.38,-2.28l2.59,-5.05l2.16,-3.14l-0.02,-0.48l-1.97,-2.41l7.64,-0.7l3.6,1.02l6.3,0.27l4.42,2.95l-2.53,0.98l-6.24,3.43l-3.1,3.28l-0.11,2.01ZM129.54,35.53l-0.28,3.37l-1.72,1.62l-2.33,0.28l-4.61,2.19l-3.86,0.76l-2.64,-0.87l3.72,-3.4l5.01,-3.34l3.72,0.07l3.0,-0.67ZM111.09,152.69l-0.67,0.24l-3.85,-1.37l-0.83,-1.17l-2.12,-1.07l-0.66,-1.02l-2.4,-0.55l-0.74,-1.71l6.02,1.45l2.0,2.55l2.52,1.39l0.73,1.27ZM87.8,134.64l0.89,0.29l1.86,-0.21l-0.65,3.34l1.69,2.33l-1.31,-1.33l-0.99,-1.62l-1.17,-0.98l-0.33,-1.82Z",name:"Canada"},CG:{path:"M466.72,276.48l-0.1,1.03l-1.25,2.97l-0.19,3.62l-0.46,1.78l-0.23,0.63l-1.61,1.19l-1.21,1.39l-1.09,2.43l0.04,2.09l-3.25,3.24l-0.5,-0.24l-0.5,-0.83l-1.36,-0.02l-0.98,0.89l-1.68,-0.99l-1.54,1.24l-1.52,-1.96l1.57,-1.14l0.11,-0.52l-0.77,-1.35l2.1,-0.66l0.39,-0.73l1.05,0.82l2.21,0.11l1.12,-1.37l0.37,-1.81l-0.27,-2.09l-1.13,-1.5l1.0,-2.69l-0.13,-0.45l-0.92,-0.58l-1.6,0.17l-0.51,-0.94l0.1,-0.61l2.75,0.09l3.97,1.24l0.51,-0.33l0.17,-1.28l1.24,-2.21l1.28,-1.14l2.76,0.49Z",name:"Congo"},CF:{path:"M461.16,278.2l-0.26,-1.19l-1.09,-0.77l-0.84,-1.17l-0.29,-1.0l-1.04,-1.15l0.08,-3.43l0.58,-0.49l1.16,-2.35l1.85,-0.17l0.61,-0.62l0.97,0.58l3.15,-0.96l2.48,-1.92l0.02,-0.96l2.81,0.02l2.36,-1.17l1.93,-2.85l1.16,-0.93l1.11,-0.3l0.27,0.86l1.34,1.47l-0.39,2.01l0.3,1.01l4.01,2.75l0.17,0.93l2.63,2.31l0.6,1.44l2.08,1.4l-3.84,-0.21l-1.94,0.88l-1.23,-0.49l-2.67,1.2l-1.29,-0.18l-0.51,0.36l-0.6,1.22l-3.35,-0.65l-1.57,-0.91l-2.42,-0.83l-1.45,0.91l-0.97,1.27l-0.26,1.56l-3.22,-0.43l-1.49,1.33l-0.94,1.62Z",name:"Central African Rep."},CD:{path:"M487.01,272.38l2.34,-0.14l1.35,1.84l1.34,0.45l0.86,-0.39l1.21,0.12l1.07,-0.41l0.54,0.89l2.04,1.54l-0.14,2.72l0.7,0.54l-1.38,1.13l-1.53,2.54l-0.17,2.05l-0.59,1.08l-0.02,1.72l-0.72,0.84l-0.66,3.01l0.63,1.32l-0.44,4.26l0.64,1.47l-0.37,1.22l0.86,1.8l1.53,1.41l0.3,1.26l0.44,0.5l-4.08,0.75l-0.92,1.81l0.51,1.34l-0.74,5.43l0.17,0.38l2.45,1.46l0.54,-0.1l0.12,1.62l-1.28,-0.01l-1.85,-2.35l-1.94,-0.45l-0.48,-1.13l-0.55,-0.2l-1.41,0.74l-1.71,-0.3l-1.01,-1.18l-2.49,-0.19l-0.44,-0.77l-1.98,-0.21l-2.88,0.36l0.11,-2.41l-0.85,-1.13l-0.16,-1.36l0.32,-1.73l-0.46,-0.89l-0.04,-1.49l-0.4,-0.39l-2.53,0.02l0.1,-0.41l-0.39,-0.49l-1.28,0.01l-0.43,0.45l-1.62,0.32l-0.83,1.79l-1.09,-0.28l-2.4,0.52l-1.37,-1.91l-1.3,-3.3l-0.38,-0.27l-7.39,-0.03l-2.46,0.42l0.5,-0.45l0.37,-1.47l0.66,-0.38l0.92,0.08l0.73,-0.82l0.87,0.02l0.31,0.68l1.4,0.36l3.59,-3.63l0.01,-2.23l1.02,-2.29l2.69,-2.39l0.43,-0.99l0.49,-1.96l0.17,-3.51l1.25,-2.95l0.36,-3.14l0.86,-1.13l1.1,-0.66l3.57,1.73l3.65,0.73l0.46,-0.21l0.8,-1.46l1.24,0.19l2.61,-1.17l0.81,0.44l1.04,-0.03l0.59,-0.66l0.7,-0.16l1.81,0.25Z",name:"Dem. Rep. Congo"},CZ:{path:"M458.46,144.88l1.22,1.01l1.47,0.23l0.13,0.93l1.36,0.68l0.54,-0.2l0.24,-0.55l1.15,0.25l0.53,1.09l1.68,0.18l0.6,0.84l-1.04,0.73l-0.96,1.28l-1.6,0.17l-0.55,0.56l-1.04,-0.46l-1.05,0.15l-2.12,-0.96l-1.05,0.34l-1.2,1.12l-1.56,-0.87l-2.57,-2.1l-0.53,-1.88l4.7,-2.52l0.71,0.26l0.9,-0.28Z",name:"Czech Rep."},CY:{path:"M504.36,193.47l0.43,0.28l-1.28,0.57l-0.92,-0.28l-0.24,-0.46l2.01,-0.13Z",name:"Cyprus"},CR:{path:"M211.34,258.05l0.48,0.99l1.6,1.6l-0.54,0.45l0.29,1.42l-0.25,1.19l-1.09,-0.59l-0.05,-1.25l-2.46,-1.42l-0.28,-0.77l-0.66,-0.45l-0.45,-0.0l-0.11,1.04l-1.32,-0.95l0.31,-1.3l-0.36,-0.6l0.31,-0.27l1.42,0.58l1.29,-0.14l0.56,0.56l0.74,0.17l0.55,-0.27Z",name:"Costa Rica"},CU:{path:"M221.21,227.25l1.27,1.02l2.19,-0.28l4.43,3.33l2.08,0.43l-0.1,0.38l0.36,0.5l1.75,0.1l1.48,0.84l-3.11,0.51l-4.15,-0.03l0.77,-0.67l-0.04,-0.64l-1.2,-0.74l-1.49,-0.16l-0.7,-0.61l-0.56,-1.4l-0.4,-0.25l-1.34,0.1l-2.2,-0.66l-0.88,-0.58l-3.18,-0.4l-0.27,-0.16l0.58,-0.74l-0.36,-0.29l-2.72,-0.05l-1.7,1.29l-0.91,0.03l-0.61,0.69l-1.01,0.22l1.11,-1.29l1.01,-0.52l3.69,-1.01l3.98,0.21l2.21,0.84Z",name:"Cuba"},SZ:{path:"M500.35,351.36l0.5,2.04l-0.38,0.89l-1.05,0.21l-1.23,-1.2l-0.02,-0.64l0.83,-1.57l1.34,0.27Z",name:"Swaziland"},SY:{path:"M511.0,199.79l0.05,-1.33l0.54,-1.36l1.28,-0.99l0.13,-0.45l-0.41,-1.11l-1.14,-0.36l-0.19,-1.74l0.52,-1.0l1.29,-1.21l0.2,-1.18l0.59,0.23l2.62,-0.76l1.36,0.52l2.06,-0.01l2.95,-1.08l3.25,-0.26l-0.67,0.94l-1.28,0.66l-0.21,0.4l0.23,2.01l-0.88,3.19l-10.15,5.73l-2.15,-0.85Z",name:"Syria"},KG:{path:"M621.35,172.32l-3.87,1.69l-0.96,1.18l-3.04,0.34l-1.13,1.86l-2.36,-0.35l-1.99,0.63l-2.39,1.4l0.06,0.95l-0.4,0.37l-4.52,0.43l-3.02,-0.93l-2.37,0.17l0.11,-0.79l2.32,0.42l1.13,-0.88l1.99,0.2l3.21,-2.14l-0.03,-0.69l-2.97,-1.57l-1.94,0.65l-1.22,-0.74l1.71,-1.58l-0.12,-0.67l-0.36,-0.15l0.32,-0.77l1.36,-0.35l4.02,1.02l0.49,-0.3l0.35,-1.59l1.09,-0.48l3.42,1.22l1.11,-0.31l7.64,0.39l1.16,1.0l1.23,0.39Z",name:"Kyrgyzstan"},KE:{path:"M506.26,284.69l1.87,-2.56l0.93,-2.15l-1.38,-4.08l-1.06,-1.6l2.82,-2.75l0.79,0.26l0.12,1.41l0.86,0.83l1.9,0.11l3.28,2.13l3.57,0.44l1.05,-1.12l1.96,-0.9l0.82,0.68l1.16,0.09l-1.78,2.45l0.03,9.12l1.3,1.94l-1.37,0.78l-0.67,1.03l-1.08,0.46l-0.34,1.67l-0.81,1.07l-0.45,1.55l-0.68,0.56l-3.2,-2.23l-0.35,-1.58l-8.86,-4.98l0.14,-1.6l-0.57,-1.04Z",name:"Kenya"},SS:{path:"M481.71,263.34l1.07,-0.72l1.2,-3.18l1.36,-0.26l1.61,1.99l0.87,0.34l1.1,-0.41l1.5,0.07l0.57,0.53l2.49,0.0l0.44,-0.63l1.07,-0.4l0.45,-0.84l0.59,-0.33l1.9,1.33l1.6,-0.2l2.83,-3.33l-0.32,-2.21l1.59,-0.52l-0.24,1.6l0.3,1.83l1.35,1.18l0.2,1.87l0.35,0.41l0.02,1.53l-0.23,0.47l-1.42,0.25l-0.85,1.44l0.3,0.6l1.4,0.16l1.11,1.08l0.59,1.13l1.03,0.53l1.28,2.36l-4.41,3.98l-1.74,0.01l-1.89,0.55l-1.47,-0.52l-1.15,0.57l-2.96,-2.62l-1.3,0.49l-1.06,-0.15l-0.79,0.39l-0.82,-0.22l-1.8,-2.7l-1.91,-1.1l-0.66,-1.5l-2.62,-2.32l-0.18,-0.94l-2.37,-1.6Z",name:"S. Sudan"},SR:{path:"M283.12,270.19l2.1,0.53l-1.08,1.95l0.2,1.72l0.93,1.49l-0.59,2.03l-0.43,0.71l-1.12,-0.42l-1.32,0.22l-0.93,-0.2l-0.46,0.26l-0.25,0.73l0.33,0.7l-0.89,-0.13l-1.39,-1.97l-0.31,-1.34l-0.97,-0.31l-0.89,-1.47l0.35,-1.61l1.45,-0.82l0.33,-1.87l2.61,0.44l0.57,-0.47l1.75,-0.16Z",name:"Suriname"},KH:{path:"M689.52,249.39l0.49,1.45l-0.28,2.74l-4.0,1.86l-0.16,0.6l0.68,0.95l-2.06,0.17l-2.05,0.97l-1.82,-0.32l-2.12,-3.7l-0.55,-2.85l1.4,-1.85l3.02,-0.45l2.23,0.35l2.01,0.98l0.51,-0.14l0.95,-1.48l1.74,0.74Z",name:"Cambodia"},SV:{path:"M195.8,250.13l1.4,-1.19l2.24,1.45l0.98,-0.27l0.44,0.2l-0.27,1.05l-1.14,-0.03l-3.64,-1.21Z",name:"El Salvador"},SK:{path:"M476.82,151.17l-1.14,1.9l-2.73,-0.92l-0.82,0.2l-0.74,0.8l-3.46,0.73l-0.47,0.69l-1.76,0.33l-1.88,-1.0l-0.18,-0.81l0.38,-0.75l1.87,-0.32l1.74,-1.89l0.83,0.16l0.79,-0.34l1.51,1.04l1.34,-0.63l1.25,0.3l1.65,-0.42l1.81,0.95Z",name:"Slovakia"},KR:{path:"M737.51,185.84l0.98,-0.1l0.87,-1.17l2.69,-0.32l0.33,-0.29l1.76,2.79l0.58,1.76l0.02,3.12l-0.8,1.32l-2.21,0.55l-1.93,1.13l-1.8,0.19l-0.2,-1.1l0.43,-2.28l-0.95,-2.56l1.43,-0.37l0.23,-0.62l-1.43,-2.06Z",name:"Korea"},SI:{path:"M456.18,162.07l-0.51,-1.32l0.18,-1.05l1.69,0.2l1.42,-0.71l2.09,-0.07l0.62,-0.51l0.21,0.47l-1.61,0.67l-0.44,1.34l-0.66,0.24l-0.26,0.82l-1.22,-0.49l-0.84,0.46l-0.69,-0.04Z",name:"Slovenia"},KP:{path:"M736.77,185.16l-0.92,-0.42l-0.88,0.62l-1.21,-0.88l0.96,-1.15l0.59,-2.59l-0.46,-0.74l-2.09,-0.77l1.64,-1.52l2.72,-1.58l1.58,-1.91l1.11,0.78l2.17,0.11l0.41,-0.5l-0.3,-1.22l3.52,-1.18l0.94,-1.4l0.98,1.08l-2.19,2.18l0.01,2.14l-1.06,0.54l-1.41,1.4l-1.7,0.52l-1.25,1.09l-0.14,1.98l0.94,0.45l1.15,1.04l-0.13,0.26l-2.6,0.29l-1.13,1.29l-1.22,0.08Z",name:"Dem. Rep. Korea"},SO:{path:"M525.13,288.48l-1.13,-1.57l-0.03,-8.86l2.66,-3.38l1.67,-0.13l2.13,-1.69l3.41,-0.23l7.08,-7.55l2.91,-3.69l0.08,-4.82l2.98,-0.67l1.24,-0.86l0.45,-0.0l-0.2,3.0l-1.21,3.62l-2.73,5.97l-2.13,3.65l-5.03,6.16l-8.56,6.4l-2.78,3.08l-0.8,1.56Z",name:"Somalia"},SN:{path:"M390.09,248.21l0.12,1.55l0.49,1.46l0.96,0.82l0.05,1.28l-1.26,-0.19l-0.75,0.33l-1.84,-0.61l-5.84,-0.13l-2.54,0.51l-0.22,-1.03l1.77,0.04l2.01,-0.91l1.03,0.48l1.09,0.04l1.29,-0.62l0.14,-0.58l-0.51,-0.74l-1.81,0.25l-1.13,-0.63l-0.79,0.04l-0.72,0.61l-2.31,0.06l-0.92,-1.77l-0.81,-0.64l0.64,-0.35l2.46,-3.74l1.04,0.19l1.38,-0.56l1.19,-0.02l2.72,1.37l3.03,3.48Z",name:"Senegal"},SL:{path:"M394.46,264.11l-1.73,1.98l-0.58,1.33l-2.07,-1.06l-1.22,-1.26l-0.65,-2.39l1.16,-0.96l0.67,-1.17l1.21,-0.52l1.66,0.0l1.03,1.64l0.52,2.41Z",name:"Sierra Leone"},SB:{path:"M826.69,311.6l-0.61,0.09l-0.2,-0.33l0.37,0.15l0.44,0.09ZM824.18,307.38l-0.26,-0.3l-0.31,-0.91l0.03,0.0l0.54,1.21ZM823.04,309.33l-1.66,-0.22l-0.2,-0.52l1.16,0.28l0.69,0.46ZM819.28,304.68l1.14,0.65l0.02,0.03l-0.81,-0.44l-0.35,-0.23Z",name:"Solomon Is."},SA:{path:"M537.53,210.34l2.0,0.24l0.9,1.32l1.49,-0.06l0.87,2.08l1.29,0.76l0.51,0.99l1.56,1.03l-0.1,1.9l0.32,0.9l1.58,2.47l0.76,0.53l0.7,-0.04l1.68,4.23l7.53,1.33l0.51,-0.29l0.77,1.25l-1.55,4.87l-7.29,2.52l-7.3,1.03l-2.34,1.17l-1.88,2.74l-0.76,0.28l-0.82,-0.78l-0.91,0.12l-2.88,-0.51l-3.51,0.25l-0.86,-0.56l-0.57,0.15l-0.66,1.27l0.16,1.11l-0.43,0.32l-0.93,-1.4l-0.33,-1.16l-1.23,-0.88l-1.27,-2.06l-0.78,-2.22l-1.73,-1.79l-1.14,-0.48l-1.54,-2.31l-0.21,-3.41l-1.44,-2.93l-1.27,-1.16l-1.33,-0.57l-1.31,-3.37l-0.77,-0.67l-0.97,-1.97l-2.8,-4.03l-1.06,-0.17l0.37,-1.96l0.2,-0.72l2.74,0.3l1.08,-0.84l0.6,-0.94l1.74,-0.35l0.65,-1.03l0.71,-0.4l0.1,-0.62l-2.06,-2.28l4.39,-1.22l0.48,-0.37l2.77,0.69l3.66,1.9l7.03,5.5l4.87,0.3Z",name:"Saudi Arabia"},SE:{path:"M480.22,89.3l-4.03,1.17l-2.43,2.86l0.26,2.57l-8.77,6.64l-1.78,5.79l1.78,2.68l2.22,1.96l-2.07,3.77l-2.72,1.13l-0.95,6.04l-1.29,3.01l-2.74,-0.31l-0.4,0.22l-1.31,2.59l-2.34,0.13l-0.75,-3.09l-2.08,-4.03l-1.83,-4.96l1.0,-1.93l2.14,-2.7l0.83,-4.45l-1.6,-2.17l-0.15,-4.94l1.48,-3.39l2.58,-0.15l0.87,-1.59l-0.78,-1.57l3.76,-5.59l4.04,-7.48l2.17,0.01l0.39,-0.29l0.57,-2.07l4.37,0.64l0.46,-0.34l0.33,-2.56l1.1,-0.13l6.94,4.87l0.06,6.32l0.66,1.36Z",name:"Sweden"},SD:{path:"M505.98,259.4l-0.34,-0.77l-1.17,-0.9l-0.26,-1.61l0.29,-1.81l-0.34,-0.46l-1.16,-0.17l-0.54,0.59l-1.23,0.11l-0.28,0.65l0.53,0.65l0.17,1.22l-2.44,3.0l-0.96,0.19l-2.39,-1.4l-0.95,0.52l-0.38,0.78l-1.11,0.41l-0.29,0.5l-1.94,0.0l-0.54,-0.52l-1.81,-0.09l-0.95,0.4l-2.45,-2.35l-2.07,0.54l-0.73,1.26l-0.6,2.1l-1.25,0.58l-0.75,-0.62l0.27,-2.65l-1.48,-1.78l-0.22,-1.48l-0.92,-0.96l-0.02,-1.29l-0.57,-1.16l-0.68,-0.16l0.69,-1.29l-0.18,-1.14l0.65,-0.62l0.03,-0.55l-0.36,-0.41l1.55,-2.97l1.91,0.16l0.43,-0.4l-0.1,-10.94l2.49,-0.01l0.4,-0.4l-0.0,-4.82l29.02,0.0l0.64,2.04l-0.49,0.66l0.36,2.69l0.93,3.16l2.12,1.55l-0.89,1.04l-1.72,0.39l-0.98,0.9l-1.43,5.65l0.24,1.15l-0.38,2.06l-0.96,2.38l-1.53,1.31l-1.32,2.91l-1.22,0.86l-0.37,1.34Z",name:"Sudan"},DO:{path:"M241.8,239.2l0.05,-0.65l-0.46,-0.73l0.42,-0.44l0.19,-1.0l-0.09,-1.53l1.66,0.01l1.99,0.63l0.33,0.67l1.28,0.19l0.33,0.76l1.0,0.08l0.8,0.62l-0.45,0.51l-1.13,-0.47l-1.88,-0.01l-1.27,0.59l-0.75,-0.55l-1.01,0.54l-0.79,1.4l-0.23,-0.61Z",name:"Dominican Rep."},DJ:{path:"M528.43,256.18l-0.45,0.66l-0.58,-0.25l-1.51,0.13l-0.18,-1.01l1.45,-1.95l0.83,0.17l0.77,-0.44l0.2,1.0l-1.2,0.51l-0.06,0.7l0.73,0.47Z",name:"Djibouti"},DK:{path:"M452.28,129.07l-1.19,2.24l-2.13,-1.6l-0.23,-0.95l2.98,-0.95l0.57,1.26ZM447.74,126.31l-0.26,0.57l-0.88,-0.07l-1.8,2.53l0.48,1.69l-1.09,0.36l-1.61,-0.39l-0.89,-1.69l-0.07,-3.43l0.96,-1.73l2.02,-0.2l1.09,-1.07l1.33,-0.67l-0.05,1.06l-0.73,1.41l0.3,1.0l1.2,0.64Z",name:"Denmark"},DE:{path:"M453.14,155.55l-0.55,-0.36l-1.2,-0.1l-1.87,0.57l-2.13,-0.13l-0.56,0.63l-0.86,-0.6l-0.96,0.09l-2.57,-0.93l-0.85,0.67l-1.47,-0.02l0.24,-1.75l1.23,-2.14l-0.28,-0.59l-3.52,-0.58l-0.92,-0.66l0.12,-1.2l-0.48,-0.88l0.27,-2.17l-0.37,-3.03l1.41,-0.22l0.63,-1.26l0.66,-3.19l-0.41,-1.18l0.26,-0.39l1.66,-0.15l0.33,0.54l0.62,0.07l1.7,-1.69l-0.54,-3.02l1.37,0.33l1.31,-0.37l0.31,1.18l2.25,0.71l-0.02,0.92l0.5,0.4l2.55,-0.65l1.34,-0.87l2.57,1.24l1.06,0.98l0.48,1.44l-0.57,0.74l-0.0,0.48l0.87,1.15l0.57,1.64l-0.14,1.29l0.82,1.7l-1.5,-0.07l-0.56,0.57l-4.47,2.15l-0.22,0.54l0.68,2.26l2.58,2.16l-0.66,1.11l-0.79,0.36l-0.23,0.43l0.32,1.87Z",name:"Germany"},YE:{path:"M528.27,246.72l0.26,-0.42l-0.22,-1.01l0.19,-1.5l0.92,-0.69l-0.07,-1.35l0.39,-0.75l1.01,0.47l3.34,-0.27l3.76,0.41l0.95,0.81l1.36,-0.58l1.74,-2.62l2.18,-1.09l6.86,-0.94l2.48,5.41l-1.64,0.76l-0.56,1.9l-6.23,2.16l-2.29,1.8l-1.93,0.05l-1.41,1.02l-4.24,0.74l-1.72,1.49l-3.28,0.19l-0.52,-1.18l0.02,-1.51l-1.34,-3.29Z",name:"Yemen"},AT:{path:"M462.89,152.8l0.04,2.25l-1.07,0.0l-0.33,0.63l0.36,0.51l-1.04,2.13l-2.02,0.07l-1.33,0.7l-5.29,-0.99l-0.47,-0.93l-0.44,-0.21l-2.47,0.55l-0.42,0.51l-3.18,-0.81l0.43,-0.91l1.12,0.78l0.6,-0.17l0.25,-0.58l1.93,0.12l1.86,-0.56l1.0,0.08l0.68,0.57l0.62,-0.15l0.26,-0.77l-0.3,-1.78l0.8,-0.44l0.68,-1.15l1.52,0.85l0.47,-0.06l1.34,-1.25l0.64,-0.17l1.81,0.92l1.28,-0.11l0.7,0.37Z",name:"Austria"},DZ:{path:"M441.46,188.44l-0.32,1.07l0.39,2.64l-0.54,2.16l-1.58,1.82l0.37,2.39l1.91,1.55l0.18,0.8l1.42,1.03l1.84,7.23l0.12,1.16l-0.57,5.0l0.2,1.51l-0.87,0.99l-0.02,0.51l1.41,1.86l0.14,1.2l0.89,1.48l0.5,0.16l0.98,-0.41l1.73,1.08l0.82,1.23l-8.22,4.81l-7.23,5.11l-3.43,1.13l-2.3,0.21l-0.28,-1.59l-2.56,-1.09l-0.67,-1.25l-26.12,-17.86l0.01,-3.47l3.77,-1.88l2.44,-0.41l2.12,-0.75l1.08,-1.42l2.81,-1.05l0.35,-2.08l1.33,-0.29l1.04,-0.94l3.47,-0.69l0.46,-1.08l-0.1,-0.45l-0.58,-0.52l-0.82,-2.81l-0.19,-1.83l-0.78,-1.49l2.03,-1.31l2.63,-0.48l1.7,-1.22l2.31,-0.84l8.24,-0.73l1.49,0.38l2.28,-1.1l2.46,-0.02l0.92,0.6l1.35,-0.05Z",name:"Algeria"},US:{path:"M892.72,99.2l1.31,0.53l1.41,-0.37l1.89,0.98l1.89,0.42l-1.32,0.58l-2.9,-1.53l-2.08,0.22l-0.26,-0.15l0.07,-0.67ZM183.22,150.47l0.37,1.47l1.12,0.85l4.23,0.7l2.39,0.98l2.17,-0.38l1.85,0.5l-1.55,0.65l-3.49,2.61l-0.16,0.77l0.5,0.39l2.33,-0.61l1.77,1.02l5.15,-2.4l-0.31,0.65l0.25,0.56l1.36,0.38l1.71,1.16l4.7,-0.88l0.67,0.85l1.31,0.21l0.58,0.58l-1.34,0.17l-2.18,-0.32l-3.6,0.89l-2.71,3.25l0.35,0.9l0.59,-0.0l0.55,-0.6l-1.36,4.65l0.29,3.09l0.67,1.58l0.61,0.45l1.77,-0.44l1.6,-1.96l0.14,-2.21l-0.82,-1.96l0.11,-1.13l1.19,-2.37l0.44,-0.33l0.48,0.75l0.4,-0.29l0.4,-1.37l0.6,-0.47l0.24,-0.8l1.69,0.49l1.65,1.08l-0.03,2.37l-1.27,1.13l-0.0,1.13l0.87,0.36l1.66,-1.29l0.5,0.17l0.5,2.6l-2.49,3.75l0.17,0.61l1.54,0.62l1.48,0.17l1.92,-0.44l4.72,-2.15l2.16,-1.8l-0.05,-1.24l0.75,-0.22l3.92,0.36l2.12,-1.05l0.21,-0.4l-0.28,-1.48l3.27,-2.4l8.32,-0.02l0.56,-0.82l1.9,-0.77l0.93,-1.51l0.74,-2.37l1.58,-1.98l0.92,0.62l1.47,-0.47l0.8,0.66l-0.0,4.09l1.96,2.6l-2.34,1.31l-5.37,2.09l-1.83,2.72l0.02,1.79l0.83,1.59l0.54,0.23l-6.19,0.94l-2.2,0.89l-0.23,0.48l0.45,0.29l2.99,-0.46l-2.19,0.56l-1.13,0.0l-0.15,-0.32l-0.48,0.08l-0.76,0.82l0.22,0.67l0.32,0.06l-0.41,1.62l-1.27,1.58l-1.48,-1.07l-0.49,-0.04l-0.16,0.46l0.52,1.58l0.61,0.59l0.03,0.79l-0.95,1.38l-1.21,-1.22l-0.27,-2.27l-0.35,-0.35l-0.42,0.25l-0.48,1.27l0.33,1.41l-0.97,-0.27l-0.48,0.24l0.18,0.5l1.52,0.83l0.1,2.52l0.79,0.51l0.52,3.42l-1.42,1.88l-2.47,0.8l-1.71,1.66l-1.31,0.25l-1.27,1.03l-0.43,0.99l-2.69,1.78l-2.64,3.03l-0.45,2.12l0.45,2.08l0.85,2.38l1.09,1.9l0.04,1.2l1.16,3.06l-0.18,2.69l-0.55,1.43l-0.47,0.21l-0.89,-0.23l-0.49,-1.18l-0.87,-0.56l-2.75,-5.16l0.48,-1.68l-0.72,-1.78l-2.01,-2.38l-1.12,-0.53l-2.72,1.18l-1.47,-1.35l-1.57,-0.68l-2.99,0.31l-2.17,-0.3l-2.0,0.19l-1.15,0.46l-0.19,0.58l0.39,0.63l0.14,1.34l-0.84,-0.2l-0.84,0.46l-1.58,-0.07l-2.08,-1.44l-2.09,0.33l-1.91,-0.62l-3.73,0.84l-2.39,2.07l-2.54,1.22l-1.45,1.41l-0.61,1.38l0.34,3.71l-0.29,0.02l-3.5,-1.33l-1.25,-3.11l-1.44,-1.5l-2.24,-3.56l-1.76,-1.09l-2.27,-0.01l-1.71,2.07l-1.76,-0.69l-1.16,-0.74l-1.52,-2.98l-3.93,-3.16l-4.34,-0.0l-0.4,0.4l-0.0,0.74l-6.5,0.02l-9.02,-3.14l-0.34,-0.71l-5.7,0.49l-0.43,-1.29l-1.62,-1.61l-1.14,-0.38l-0.55,-0.88l-1.28,-0.13l-1.01,-0.77l-2.22,-0.27l-0.43,-0.3l-0.36,-1.58l-2.4,-2.83l-2.01,-3.85l-0.06,-0.9l-2.92,-3.26l-0.33,-2.29l-1.3,-1.66l0.52,-2.37l-0.09,-2.57l-0.78,-2.3l0.95,-2.82l0.61,-5.68l-0.47,-4.27l-1.46,-4.08l3.19,0.79l1.26,2.83l0.69,0.08l0.69,-1.14l-1.1,-4.79l68.76,-0.0l0.4,-0.4l0.14,-0.86ZM32.44,67.52l1.73,1.97l0.55,0.05l0.99,-0.79l3.65,0.24l-0.09,0.62l0.32,0.45l3.83,0.77l2.61,-0.43l5.19,1.4l4.84,0.43l1.89,0.57l3.42,-0.7l6.14,1.87l-0.03,38.06l0.38,0.4l2.39,0.11l2.31,0.98l3.9,3.99l0.55,0.04l2.4,-2.03l2.16,-1.04l1.2,1.71l3.95,3.14l4.09,6.63l4.2,2.29l0.06,1.83l-1.02,1.23l-1.16,-1.08l-2.04,-1.03l-0.67,-2.89l-3.28,-3.03l-1.65,-3.57l-6.35,-0.32l-2.82,-1.01l-5.26,-3.85l-6.77,-2.04l-3.53,0.3l-4.81,-1.69l-3.25,-1.63l-2.78,0.8l-0.28,0.46l0.44,2.21l-3.91,0.96l-2.26,1.27l-2.3,0.65l-0.27,-1.65l1.05,-3.42l2.49,-1.09l0.16,-0.6l-0.69,-0.96l-0.55,-0.1l-3.19,2.12l-1.78,2.56l-3.55,2.61l-0.04,0.61l1.56,1.52l-2.07,2.29l-5.11,2.57l-0.77,1.66l-3.76,1.77l-0.92,1.73l-2.69,1.38l-1.81,-0.22l-6.95,3.32l-3.97,0.91l4.85,-2.5l2.59,-1.86l3.26,-0.52l1.19,-1.4l3.42,-2.1l2.59,-2.27l0.42,-2.68l1.23,-2.1l-0.04,-0.46l-0.45,-0.11l-2.68,1.03l-0.63,-0.49l-0.53,0.03l-1.05,1.04l-1.36,-1.54l-0.66,0.08l-0.32,0.62l-0.58,-1.14l-0.56,-0.16l-2.41,1.42l-1.07,-0.0l-0.17,-1.75l0.3,-1.71l-1.61,-1.33l-3.41,0.59l-1.96,-1.63l-1.57,-0.84l-0.15,-2.21l-1.7,-1.43l0.82,-1.88l1.99,-2.12l0.88,-1.92l1.71,-0.24l2.04,0.51l1.87,-1.77l1.91,0.25l1.91,-1.23l0.17,-0.43l-0.47,-1.82l-1.07,-0.7l1.39,-1.17l0.12,-0.45l-0.39,-0.26l-1.65,0.07l-2.66,0.88l-0.75,0.78l-1.92,-0.8l-3.46,0.44l-3.44,-0.91l-1.06,-1.61l-2.65,-1.99l2.91,-1.43l5.5,-2.0l1.52,0.0l-0.26,1.62l0.41,0.46l5.29,-0.16l0.3,-0.65l-2.03,-2.59l-3.14,-1.68l-1.79,-2.12l-2.4,-1.83l-3.09,-1.24l1.04,-1.69l4.23,-0.14l3.36,-2.07l0.73,-2.27l2.39,-1.99l2.42,-0.52l4.65,-1.97l2.46,0.23l3.71,-2.35l3.5,0.89ZM37.6,123.41l-2.25,1.23l-0.95,-0.69l-0.29,-1.24l3.21,-1.63l1.42,0.21l0.67,0.7l-1.8,1.42ZM31.06,234.03l0.98,0.47l0.74,0.87l-1.77,1.07l-0.44,-1.53l0.49,-0.89ZM29.34,232.07l0.18,0.05l0.08,0.05l-0.16,0.03l-0.11,-0.14ZM25.16,230.17l0.05,-0.03l0.18,0.22l-0.13,-0.01l-0.1,-0.18ZM5.89,113.26l-1.08,0.41l-2.21,-1.12l1.53,-0.4l1.62,0.28l0.14,0.83Z",name:"United States"},LV:{path:"M489.16,122.85l0.96,0.66l0.22,1.65l0.68,1.76l-3.65,1.7l-2.23,-1.58l-1.29,-0.26l-0.68,-0.77l-2.42,0.34l-4.16,-0.23l-2.47,0.9l0.06,-1.98l1.13,-2.06l1.95,-1.02l2.12,2.58l2.01,-0.07l0.38,-0.33l0.44,-2.52l1.76,-0.53l3.06,1.7l2.15,0.07Z",name:"Latvia"},UY:{path:"M286.85,372.74l-0.92,1.5l-2.59,1.44l-1.69,-0.52l-1.42,0.26l-2.39,-1.19l-1.52,0.08l-1.27,-1.3l0.16,-1.5l0.56,-0.79l-0.02,-2.73l1.21,-4.74l1.19,-0.21l2.37,2.0l1.08,0.03l4.36,3.17l1.22,1.6l-0.96,1.5l0.61,1.4Z",name:"Uruguay"},LB:{path:"M510.37,198.01l-0.88,0.51l1.82,-3.54l0.62,0.08l0.22,0.61l-1.13,0.88l-0.65,1.47Z",name:"Lebanon"},LA:{path:"M689.54,248.53l-1.76,-0.74l-0.49,0.15l-0.94,1.46l-1.32,-0.64l0.62,-0.98l0.11,-2.17l-2.04,-2.42l-0.25,-2.65l-1.9,-2.1l-2.15,-0.31l-0.78,0.91l-1.12,0.06l-1.05,-0.4l-2.06,1.2l-0.04,-1.59l0.61,-2.68l-0.36,-0.49l-1.35,-0.1l-0.11,-1.23l-0.96,-0.88l1.96,-1.89l0.39,0.36l1.33,0.07l0.42,-0.45l-0.34,-2.66l0.7,-0.21l1.28,1.81l1.11,2.35l0.36,0.23l2.82,0.02l0.71,1.67l-1.39,0.65l-0.72,0.93l0.13,0.6l2.91,1.51l3.6,5.25l1.88,1.78l0.56,1.62l-0.35,1.96Z",name:"Lao PDR"},TW:{path:"M724.01,226.68l-0.74,1.48l-0.9,-1.52l-0.25,-1.74l1.38,-2.44l1.73,-1.74l0.64,0.44l-1.85,5.52Z",name:"Taiwan"},TT:{path:"M266.64,259.32l0.28,-1.16l1.13,-0.22l-0.06,1.2l-1.35,0.18Z",name:"Trinidad and Tobago"},TR:{path:"M513.21,175.47l3.64,1.17l3.05,-0.44l2.1,0.26l3.11,-1.56l2.46,-0.13l2.19,1.33l0.33,0.82l-0.22,1.33l0.25,0.44l2.28,1.13l-1.17,0.57l-0.21,0.45l0.75,3.2l-0.41,1.16l1.13,1.92l-0.55,0.22l-0.9,-0.67l-2.91,-0.37l-1.24,0.46l-4.23,0.41l-2.81,1.05l-1.91,0.01l-1.52,-0.53l-2.58,0.75l-0.66,-0.45l-0.62,0.3l-0.12,1.45l-0.89,0.84l-0.47,-0.67l0.79,-1.3l-0.41,-0.2l-1.43,0.23l-2.0,-0.63l-2.02,1.65l-3.51,0.3l-2.13,-1.53l-2.7,-0.1l-0.86,1.24l-1.38,0.27l-2.29,-1.44l-2.71,-0.01l-1.37,-2.65l-1.68,-1.52l1.07,-1.99l-0.09,-0.49l-1.27,-1.12l2.37,-2.41l3.7,-0.11l1.28,-2.24l4.49,0.37l3.21,-1.97l2.81,-0.82l3.99,-0.06l4.29,2.07ZM488.79,176.72l-1.72,1.31l-0.5,-0.88l1.37,-2.57l-0.7,-0.85l1.7,-0.63l1.8,0.34l0.46,1.17l1.76,0.78l-2.87,0.32l-1.3,1.01Z",name:"Turkey"},LK:{path:"M624.16,268.99l-1.82,0.48l-0.99,-1.67l-0.42,-3.46l0.95,-3.43l1.21,0.98l2.26,4.19l-0.34,2.33l-0.85,0.58Z",name:"Sri Lanka"},TN:{path:"M448.1,188.24l-1.0,1.27l-0.02,1.32l0.84,0.88l-0.28,2.09l-1.53,1.32l-0.12,0.42l0.48,1.54l1.42,0.32l0.53,1.11l0.9,0.52l-0.11,1.67l-3.54,2.64l-0.1,2.38l-0.58,0.3l-0.96,-4.45l-1.54,-1.25l-0.16,-0.78l-1.92,-1.56l-0.18,-1.76l1.51,-1.62l0.59,-2.34l-0.38,-2.78l0.42,-1.21l2.45,-1.05l1.29,0.26l-0.06,1.11l0.58,0.38l1.47,-0.73Z",name:"Tunisia"},TL:{path:"M734.55,307.93l-0.1,-0.97l4.5,-0.86l-2.82,1.28l-1.59,0.55Z",name:"Timor-Leste"},TM:{path:"M553.03,173.76l-0.04,0.34l-0.09,-0.22l0.13,-0.12ZM555.87,172.66l0.45,-0.1l1.48,0.74l2.06,2.43l4.07,-0.18l0.38,-0.51l-0.32,-1.19l1.92,-0.94l1.91,-1.59l2.94,1.39l0.43,2.47l1.19,0.67l2.58,-0.13l0.62,0.4l1.32,3.12l4.54,3.44l2.67,1.45l3.06,1.14l-0.04,1.05l-1.33,-0.75l-0.59,0.19l-0.32,0.84l-2.2,0.81l-0.46,2.13l-1.21,0.74l-1.91,0.42l-0.73,1.33l-1.56,0.31l-2.22,-0.94l-0.2,-2.17l-0.38,-0.36l-1.73,-0.09l-2.76,-2.46l-2.14,-0.4l-2.84,-1.48l-1.78,-0.27l-1.24,0.53l-1.57,-0.08l-2.0,1.69l-1.7,0.43l-0.36,-1.58l0.36,-2.98l-0.22,-0.4l-1.65,-0.84l0.54,-1.69l-0.34,-0.52l-1.22,-0.13l0.36,-1.64l2.22,0.59l2.2,-0.95l0.12,-0.65l-1.77,-1.74l-0.66,-1.57Z",name:"Turkmenistan"},TJ:{path:"M597.75,178.82l-2.54,-0.44l-0.47,0.34l-0.24,1.7l0.43,0.45l2.64,-0.22l3.18,0.95l4.39,-0.41l0.56,2.37l0.52,0.29l0.67,-0.24l1.11,0.49l0.21,2.13l-3.76,-0.21l-1.8,1.32l-1.76,0.74l-0.61,-0.58l0.21,-2.23l-0.64,-0.49l-0.07,-0.93l-1.36,-0.66l-0.45,0.07l-1.08,1.01l-0.55,1.48l-1.31,-0.05l-0.95,1.16l-0.9,-0.35l-1.86,0.74l1.26,-2.83l-0.54,-2.17l-1.67,-0.82l0.33,-0.66l2.18,-0.04l1.19,-1.63l0.76,-1.79l2.43,-0.5l-0.26,1.0l0.73,1.05Z",name:"Tajikistan"},LS:{path:"M491.06,363.48l-0.49,0.15l-1.49,-1.67l1.1,-1.43l2.19,-1.44l1.51,1.27l-0.98,1.82l-1.23,0.38l-0.62,0.93Z",name:"Lesotho"},TH:{path:"M670.27,255.86l-1.41,3.87l0.15,2.0l0.38,0.36l1.38,0.07l0.9,2.04l0.55,2.34l1.4,1.44l1.61,0.38l0.96,0.97l-0.5,0.64l-1.1,0.2l-0.34,-1.18l-2.04,-1.1l-0.63,0.23l-0.63,-0.62l-0.48,-1.3l-2.56,-2.63l-0.73,0.41l0.95,-3.89l2.16,-4.22ZM670.67,254.77l-0.92,-2.18l-0.26,-2.61l-2.14,-3.06l0.71,-0.49l0.89,-2.59l-3.61,-5.45l0.87,-0.51l1.05,-2.58l1.74,-0.18l2.6,-1.59l0.76,0.56l0.13,1.39l0.37,0.36l1.23,0.09l-0.51,2.28l0.05,2.42l0.6,0.34l2.43,-1.42l0.77,0.39l1.47,-0.07l0.71,-0.88l1.48,0.14l1.71,1.88l0.25,2.65l1.92,2.11l-0.1,1.89l-0.61,0.86l-2.22,-0.33l-3.5,0.64l-1.6,2.12l0.36,2.58l-1.51,-0.79l-1.84,-0.01l0.28,-1.52l-0.4,-0.47l-2.21,0.01l-0.4,0.37l-0.19,2.74l-0.34,0.93Z",name:"Thailand"},TF:{path:"M596.68,420.38l-3.2,0.18l-0.05,-1.26l0.39,-1.41l1.3,0.78l2.08,0.35l-0.52,1.36Z",name:"Fr. S. Antarctic Lands"},TG:{path:"M422.7,257.63l-0.09,1.23l1.53,1.52l0.08,1.09l0.5,0.65l-0.11,5.62l0.49,1.47l-1.31,0.35l-1.02,-2.13l-0.18,-1.12l0.53,-2.19l-0.63,-1.16l-0.22,-3.68l-1.01,-1.4l0.07,-0.28l1.37,0.03Z",name:"Togo"},TD:{path:"M480.25,235.49l0.12,9.57l-2.1,0.05l-1.14,1.89l-0.69,1.63l0.34,0.73l-0.66,0.91l0.24,0.89l-0.86,1.95l0.45,0.5l0.6,-0.1l0.34,0.64l0.03,1.38l0.9,1.04l-1.45,0.43l-1.27,1.03l-1.83,2.76l-2.16,1.07l-2.31,-0.15l-0.86,0.25l-0.26,0.49l0.17,0.61l-2.11,1.68l-2.85,0.87l-1.09,-0.57l-0.73,0.66l-1.12,0.1l-1.1,-3.12l-1.25,-0.64l-1.22,-1.22l0.29,-0.64l3.01,0.04l0.35,-0.6l-1.3,-2.2l-0.08,-3.31l-0.97,-1.66l0.22,-1.04l-0.38,-0.48l-1.22,-0.04l0.0,-1.25l-0.98,-1.07l0.96,-3.01l3.25,-2.65l0.13,-3.33l0.95,-5.18l0.52,-1.07l-0.1,-0.48l-0.91,-0.78l-0.2,-0.96l-0.8,-0.58l-0.55,-3.65l2.1,-1.2l19.57,9.83Z",name:"Chad"},LY:{path:"M483.48,203.15l-0.75,1.1l0.29,1.39l-0.6,1.83l0.73,2.14l0.0,24.12l-2.48,0.01l-0.41,0.85l-19.41,-9.76l-4.41,2.28l-1.37,-1.33l-3.82,-1.1l-1.14,-1.65l-1.98,-1.23l-1.22,0.32l-0.66,-1.11l-0.17,-1.26l-1.28,-1.69l0.87,-1.19l-0.07,-4.34l0.43,-2.27l-0.86,-3.45l1.13,-0.76l0.22,-1.16l-0.2,-1.03l3.48,-2.61l0.29,-1.94l2.45,0.8l1.18,-0.21l1.98,0.44l3.15,1.18l1.37,2.54l5.72,1.67l2.64,1.35l1.61,-0.72l1.29,-1.34l-0.44,-2.34l0.66,-1.13l1.67,-1.21l1.57,-0.35l3.14,0.53l1.08,1.28l3.99,0.78l0.36,0.54Z",name:"Libya"},AE:{path:"M550.76,223.97l1.88,-0.4l3.84,0.02l4.78,-4.75l0.19,0.36l0.26,1.58l-0.81,0.01l-0.39,0.35l-0.08,2.04l-0.81,0.63l-0.01,0.96l-0.66,0.99l-0.39,1.41l-7.08,-1.25l-0.7,-1.96Z",name:"United Arab Emirates"},VE:{path:"M240.68,256.69l0.53,0.75l-0.02,1.06l-1.07,1.78l0.95,2.0l0.42,0.22l1.4,-0.44l0.56,-1.83l-0.77,-1.17l-0.1,-1.47l2.82,-0.93l0.26,-0.49l-0.28,-0.96l0.3,-0.28l0.66,1.31l1.96,0.26l1.4,1.22l0.08,0.68l0.39,0.35l4.81,-0.22l1.49,1.11l1.92,0.31l1.67,-0.84l0.22,-0.6l3.44,-0.14l-0.17,0.55l0.86,1.19l2.19,0.35l1.67,1.1l0.37,1.86l0.41,0.32l1.55,0.17l-1.66,1.35l-0.22,0.92l0.65,0.97l-1.67,0.54l-0.3,0.4l0.04,0.99l-0.56,0.57l-0.01,0.55l1.85,2.27l-0.66,0.69l-4.47,1.29l-0.72,0.54l-3.69,-0.9l-0.71,0.27l-0.02,0.7l0.91,0.53l-0.08,1.54l0.35,1.58l0.35,0.31l1.66,0.17l-1.3,0.52l-0.48,1.13l-2.68,0.91l-0.6,0.77l-1.57,0.13l-1.17,-1.13l-0.8,-2.52l-1.25,-1.26l1.02,-1.23l-1.29,-2.95l0.18,-1.62l1.0,-2.21l-0.2,-0.49l-1.14,-0.46l-4.02,0.36l-1.82,-2.1l-1.57,-0.33l-2.99,0.22l-1.06,-0.97l0.25,-1.23l-0.2,-1.01l-0.59,-0.69l-0.29,-1.06l-1.08,-0.39l0.78,-2.79l1.9,-2.11Z",name:"Venezuela"},AF:{path:"M600.7,188.88l-1.57,1.3l-0.1,0.48l0.8,2.31l-1.09,1.04l-0.03,1.27l-0.48,0.71l-2.16,-0.08l-0.37,0.59l0.78,1.48l-1.38,0.69l-1.06,1.69l0.06,1.7l-0.65,0.52l-0.91,-0.21l-1.91,0.36l-0.48,0.77l-1.88,0.13l-1.4,1.56l-0.18,2.32l-2.91,1.02l-1.65,-0.23l-0.71,0.55l-1.41,-0.3l-2.41,0.39l-3.52,-1.17l1.96,-2.35l-0.21,-1.78l-0.3,-0.34l-1.63,-0.4l-0.19,-1.58l-0.75,-2.03l0.95,-1.36l-0.19,-0.6l-0.73,-0.28l1.47,-4.8l2.14,0.9l2.12,-0.36l0.74,-1.34l1.77,-0.39l1.54,-0.92l0.63,-2.31l1.87,-0.5l0.49,-0.81l0.94,0.56l2.13,0.11l2.55,0.92l1.95,-0.83l0.65,0.43l0.56,-0.13l0.69,-1.12l1.57,-0.08l0.72,-1.66l0.79,-0.74l0.8,0.39l-0.17,0.56l0.71,0.58l-0.08,2.39l1.11,0.95ZM601.37,188.71l1.73,-0.71l1.43,-1.18l4.03,0.35l-2.23,0.74l-4.95,0.8Z",name:"Afghanistan"},IQ:{path:"M530.82,187.47l0.79,0.66l1.26,-0.28l1.46,3.08l1.63,0.94l0.14,1.23l-1.22,1.05l-0.53,2.52l1.73,2.67l3.12,1.62l1.15,1.88l-0.38,1.85l0.39,0.48l0.41,-0.0l0.02,1.07l0.76,0.94l-2.47,-0.1l-1.71,2.44l-4.31,-0.2l-7.02,-5.48l-3.73,-1.94l-2.88,-0.73l-0.85,-2.87l5.45,-3.02l0.95,-3.43l-0.19,-1.96l1.27,-0.7l1.22,-1.7l0.87,-0.36l2.69,0.34Z",name:"Iraq"},IS:{path:"M384.14,88.06l-0.37,2.61l2.54,2.51l-2.9,2.75l-9.19,3.4l-9.25,-1.66l1.7,-1.22l-0.1,-0.7l-4.05,-1.47l2.96,-0.53l0.33,-0.43l-0.11,-1.2l-0.33,-0.36l-4.67,-0.85l1.28,-2.04l3.45,-0.56l3.77,2.72l0.44,0.02l3.64,-2.16l3.3,1.08l3.98,-2.16l3.58,0.26Z",name:"Iceland"},IR:{path:"M533.43,187.16l-1.27,-2.15l0.42,-0.98l-0.71,-3.04l1.03,-0.5l0.33,0.83l1.26,1.35l2.05,0.51l1.11,-0.16l2.89,-2.11l0.62,-0.14l0.39,0.46l-0.72,1.2l0.06,0.49l1.56,1.53l0.65,0.04l0.67,1.81l2.56,0.83l1.87,1.48l3.69,0.49l3.91,-0.76l0.47,-0.73l2.17,-0.6l1.66,-1.54l1.51,0.08l1.18,-0.53l1.59,0.24l2.83,1.48l1.88,0.3l2.77,2.47l1.77,0.18l0.18,1.99l-1.68,5.49l0.24,0.5l0.61,0.23l-0.82,1.48l0.8,2.18l0.19,1.71l0.3,0.34l1.63,0.4l0.15,1.32l-2.15,2.35l-0.01,0.53l2.21,3.03l2.34,1.24l0.06,2.14l1.24,0.72l0.11,0.69l-3.31,1.27l-1.08,3.03l-9.68,-1.68l-0.99,-3.05l-1.43,-0.73l-2.17,0.46l-2.47,1.26l-2.83,-0.82l-2.46,-2.02l-2.41,-0.8l-3.42,-6.06l-0.48,-0.2l-1.18,0.39l-1.44,-0.82l-0.5,0.08l-0.65,0.74l-0.97,-1.01l-0.02,-1.31l-0.71,-0.39l0.26,-1.81l-1.29,-2.11l-3.13,-1.63l-1.58,-2.43l0.5,-1.9l1.31,-1.26l-0.19,-1.66l-1.74,-1.1l-1.57,-3.3Z",name:"Iran"},AM:{path:"M536.99,182.33l-0.28,0.03l-1.23,-2.13l-0.93,0.01l-0.62,-0.66l-0.69,-0.07l-0.96,-0.81l-1.56,-0.62l0.19,-1.12l-0.26,-0.79l2.72,-0.36l1.09,1.01l-0.17,0.92l1.02,0.78l-0.47,0.62l0.08,0.56l2.04,1.23l0.04,1.4Z",name:"Armenia"},IT:{path:"M451.59,158.63l3.48,0.94l-0.21,1.17l0.3,0.83l-1.49,-0.24l-2.04,1.1l-0.21,0.39l0.13,1.45l-0.25,1.12l0.82,1.57l2.39,1.63l1.31,2.54l2.79,2.43l2.05,0.08l0.21,0.23l-0.39,0.33l0.09,0.67l4.05,1.97l2.17,1.76l-0.16,0.36l-1.17,-1.08l-2.18,-0.49l-0.44,0.2l-1.05,1.91l0.14,0.54l1.57,0.95l-0.19,0.98l-1.06,0.33l-1.25,2.34l-0.37,0.08l0.0,-0.33l1.0,-2.45l-1.73,-3.17l-1.12,-0.51l-0.88,-1.33l-1.51,-0.51l-1.27,-1.25l-1.75,-0.18l-4.12,-3.21l-1.62,-1.65l-1.03,-3.19l-3.53,-1.36l-1.3,0.51l-1.69,1.41l0.16,-0.72l-0.28,-0.47l-1.14,-0.33l-0.53,-1.96l0.72,-0.78l0.04,-0.48l-0.65,-1.17l0.8,0.39l1.4,-0.23l1.11,-0.84l0.52,0.35l1.19,-0.1l0.75,-1.2l1.53,0.33l1.36,-0.56l0.35,-1.14l1.08,0.32l0.68,-0.64l1.98,-0.44l0.42,0.82ZM459.19,184.75l-0.65,1.65l0.32,1.05l-0.31,0.89l-1.5,-0.85l-4.5,-1.67l0.19,-0.82l2.67,0.23l3.78,-0.48ZM443.93,176.05l1.18,1.66l-0.3,3.32l-1.06,-0.01l-0.77,0.73l-0.53,-0.44l-0.1,-3.37l-0.39,-1.22l1.04,0.01l0.92,-0.68Z",name:"Italy"},VN:{path:"M690.56,230.25l-2.7,1.82l-2.09,2.46l-0.63,1.95l4.31,6.45l2.32,1.65l1.43,1.94l1.11,4.59l-0.32,4.24l-1.93,1.54l-2.84,1.61l-2.11,2.15l-2.73,2.06l-0.59,-1.05l0.63,-1.53l-0.13,-0.47l-1.34,-1.04l1.51,-0.71l2.55,-0.18l0.3,-0.63l-0.82,-1.14l4.0,-2.07l0.31,-3.05l-0.57,-1.77l0.42,-2.66l-0.73,-1.97l-1.86,-1.76l-3.63,-5.29l-2.72,-1.46l0.36,-0.47l1.5,-0.64l0.21,-0.52l-0.97,-2.27l-0.37,-0.24l-2.83,-0.02l-2.24,-3.9l0.83,-0.4l4.39,-0.29l2.06,-1.31l1.15,0.89l1.88,0.4l-0.17,1.51l1.35,1.16l1.67,0.45Z",name:"Vietnam"},AR:{path:"M249.29,428.93l-2.33,-0.52l-5.83,-0.43l-0.89,-1.66l0.05,-2.37l-0.45,-0.4l-1.43,0.18l-0.67,-0.91l-0.2,-3.13l1.88,-1.47l0.79,-2.04l-0.25,-1.7l1.3,-2.68l0.91,-4.15l-0.22,-1.69l0.85,-0.45l0.2,-0.44l-0.27,-1.16l-0.98,-0.68l0.59,-0.92l-0.05,-0.5l-1.04,-1.07l-0.52,-3.1l0.97,-0.86l-0.42,-3.58l1.2,-5.43l1.38,-0.98l0.16,-0.43l-0.75,-2.79l-0.01,-2.43l1.78,-1.75l0.06,-2.57l1.43,-2.85l0.01,-2.58l-0.69,-0.74l-1.09,-4.52l1.47,-2.7l-0.18,-2.79l0.85,-2.35l1.59,-2.46l1.73,-1.64l0.05,-0.52l-0.6,-0.84l0.44,-0.85l-0.07,-4.19l2.7,-1.44l0.86,-2.75l-0.21,-0.71l1.76,-2.01l2.9,0.57l1.38,1.78l0.68,-0.08l0.87,-1.87l2.39,0.09l4.95,4.77l2.17,0.49l3.0,1.92l2.47,1.0l0.25,0.82l-2.37,3.93l0.23,0.59l5.39,1.16l2.12,-0.44l2.45,-2.16l0.5,-2.38l0.76,-0.31l0.98,1.2l-0.04,1.8l-3.67,2.51l-2.85,2.66l-3.43,3.88l-1.3,5.07l0.01,2.72l-0.54,0.73l-0.36,3.28l3.14,2.64l-0.16,2.11l1.4,1.11l-0.1,1.09l-2.29,3.52l-3.55,1.49l-4.92,0.6l-2.71,-0.29l-0.43,0.51l0.5,1.65l-0.49,2.1l0.38,1.42l-1.19,0.83l-2.36,0.38l-2.3,-1.04l-1.38,0.83l0.41,3.64l1.69,0.91l1.4,-0.71l0.36,0.76l-2.04,0.86l-2.01,1.89l-0.97,4.63l-2.34,0.1l-2.09,1.78l-0.61,2.75l2.46,2.31l2.17,0.63l-0.7,2.32l-2.83,1.73l-1.73,3.86l-2.17,1.22l-1.16,1.67l0.75,3.76l1.04,1.28ZM256.71,438.88l-2.0,0.15l-1.4,-1.22l-3.82,-0.1l-0.0,-5.83l1.6,3.05l3.26,2.07l3.08,0.78l-0.71,1.1Z",name:"Argentina"},AU:{path:"M705.8,353.26l0.26,0.04l0.17,-0.47l-0.48,-1.42l0.92,1.11l0.45,0.15l0.27,-0.39l-0.1,-1.56l-1.98,-3.63l1.09,-3.31l-0.24,-1.57l0.34,-0.62l0.38,1.06l0.43,-0.19l0.99,-1.7l1.91,-0.83l1.29,-1.15l1.81,-0.91l0.96,-0.17l0.92,0.26l1.92,-0.95l1.47,-0.28l1.03,-0.8l1.43,0.04l2.78,-0.84l1.36,-1.15l0.71,-1.45l1.41,-1.26l0.3,-2.58l1.27,-1.59l0.78,1.65l0.54,0.19l1.07,-0.51l0.15,-0.6l-0.73,-1.0l0.45,-0.71l0.78,0.39l0.58,-0.3l0.28,-1.82l1.87,-2.14l1.12,-0.39l0.28,-0.58l0.62,0.17l0.53,-0.73l1.87,-0.57l1.65,1.05l1.35,1.48l3.39,0.38l0.43,-0.54l-0.46,-1.23l1.05,-1.79l1.04,-0.61l0.14,-0.55l-0.25,-0.41l0.88,-1.17l1.31,-0.77l1.3,0.27l2.1,-0.48l0.31,-0.4l-0.05,-1.3l-0.92,-0.77l1.48,0.56l1.41,1.07l2.11,0.65l0.81,-0.2l1.4,0.7l1.69,-0.66l0.8,0.19l0.64,-0.33l0.71,0.77l-1.33,1.94l-0.71,0.07l-0.35,0.51l0.24,0.86l-1.52,2.35l0.12,1.05l2.15,1.65l1.97,0.85l3.04,2.36l1.97,0.65l0.55,0.88l2.72,0.85l1.84,-1.1l2.07,-5.97l-0.42,-3.59l0.3,-1.73l0.47,-0.87l-0.31,-0.68l1.09,-3.28l0.46,-0.47l0.4,0.71l0.16,1.51l0.65,0.52l0.16,1.04l0.85,1.21l0.12,2.38l0.9,2.0l0.57,0.18l1.3,-0.78l1.69,1.7l-0.2,1.08l0.53,2.2l0.39,1.3l0.68,0.48l0.6,1.95l-0.19,1.48l0.81,1.76l6.01,3.69l-0.11,0.76l1.38,1.58l0.95,2.77l0.58,0.22l0.72,-0.41l0.8,0.9l0.61,0.01l0.46,2.41l4.81,4.71l0.66,2.02l-0.07,3.31l1.14,2.2l-0.13,2.24l-1.1,3.68l0.03,1.64l-0.47,1.89l-1.05,2.4l-1.9,1.47l-1.72,3.51l-2.38,6.09l-0.24,2.82l-1.14,0.8l-2.85,0.15l-2.31,1.19l-2.51,2.25l-3.09,-1.57l0.3,-1.15l-0.54,-0.47l-1.5,0.63l-2.01,1.94l-7.12,-2.18l-1.48,-1.63l-1.14,-3.74l-1.45,-1.26l-1.81,-0.26l0.56,-1.18l-0.61,-2.1l-0.72,-0.1l-1.14,1.82l-0.9,0.21l0.63,-0.82l0.36,-1.55l0.92,-1.31l-0.13,-2.34l-0.7,-0.22l-2.0,2.34l-1.51,0.93l-0.94,2.01l-1.35,-0.81l-0.02,-1.52l-1.57,-2.04l-1.09,-0.88l0.24,-0.33l-0.14,-0.59l-3.21,-1.69l-1.83,-0.12l-2.54,-1.35l-4.58,0.28l-6.02,1.9l-2.53,-0.13l-2.62,1.41l-2.13,0.63l-1.49,2.6l-3.49,0.31l-2.29,-0.5l-3.48,0.43l-1.6,1.47l-0.81,-0.04l-2.37,1.63l-3.26,-0.1l-3.72,-2.21l0.04,-1.05l1.19,-0.46l0.49,-0.89l0.21,-2.97l-0.28,-1.64l-1.34,-2.86l-0.38,-1.47l0.05,-1.72l-0.95,-1.7l-0.18,-0.97l-1.01,-0.99l-0.29,-1.98l-1.13,-1.75ZM784.92,393.44l2.65,1.02l3.23,-0.96l1.09,0.14l0.15,3.06l-0.85,1.13l-0.17,1.63l-0.87,-0.24l-1.57,1.91l-1.68,-0.18l-1.4,-2.36l-0.37,-2.04l-1.39,-2.51l0.04,-0.8l1.15,0.18Z",name:"Australia"},IL:{path:"M507.76,203.05l0.4,-0.78l0.18,0.4l-0.33,1.03l0.52,0.44l0.68,-0.22l-0.86,3.6l-1.16,-3.32l0.59,-0.74l-0.03,-0.41ZM508.73,200.34l0.37,-1.02l0.64,0.0l0.52,-0.51l-0.49,1.53l-0.56,-0.24l-0.48,0.23Z",name:"Israel"},IN:{path:"M623.34,207.03l-1.24,1.04l-0.97,2.55l0.22,0.51l8.04,3.87l3.42,0.37l1.57,1.38l4.92,0.88l2.18,-0.04l0.38,-0.3l0.29,-1.24l-0.32,-1.64l0.14,-0.87l0.82,-0.31l0.45,2.48l2.28,1.02l1.77,-0.38l4.14,0.1l0.38,-0.36l0.18,-1.66l-0.5,-0.65l1.37,-0.29l2.25,-1.99l2.7,-1.62l1.93,0.62l1.8,-0.98l0.79,1.14l-0.68,0.91l0.26,0.63l2.42,0.36l0.09,0.47l-0.83,0.75l0.13,1.07l-1.52,-0.29l-3.24,1.86l-0.13,1.78l-1.32,2.14l-0.18,1.39l-0.93,1.82l-1.64,-0.5l-0.52,0.37l-0.09,2.63l-0.56,1.11l0.19,0.81l-0.53,0.27l-1.18,-3.73l-1.08,-0.27l-0.38,0.31l-0.24,1.0l-0.66,-0.66l0.54,-1.06l1.22,-0.34l1.15,-2.25l-0.24,-0.56l-1.57,-0.47l-4.34,-0.28l-0.18,-1.56l-0.35,-0.35l-1.11,-0.12l-1.91,-1.12l-0.56,0.17l-0.88,1.82l0.11,0.49l1.36,1.07l-1.09,0.69l-0.69,1.11l0.18,0.56l1.24,0.57l-0.32,1.54l0.85,1.94l0.36,2.01l-0.22,0.59l-4.58,0.52l-0.33,0.42l0.13,1.8l-1.17,1.36l-3.65,1.81l-2.79,3.03l-4.32,3.28l-0.18,1.27l-4.65,1.79l-0.77,2.16l0.64,5.3l-1.06,2.49l-0.01,3.94l-1.24,0.28l-1.14,1.93l0.39,0.84l-1.68,0.53l-1.04,1.83l-0.65,0.47l-2.06,-2.05l-2.1,-6.02l-2.2,-3.64l-1.05,-4.75l-2.29,-3.57l-1.76,-8.2l0.01,-3.11l-0.49,-2.53l-0.55,-0.29l-3.53,1.52l-1.53,-0.27l-2.86,-2.77l0.85,-0.67l0.08,-0.55l-0.74,-1.03l-2.67,-2.06l1.24,-1.32l5.34,0.01l0.39,-0.49l-0.5,-2.29l-1.42,-1.46l-0.27,-1.93l-1.43,-1.2l2.31,-2.37l3.05,0.06l2.62,-2.85l1.6,-2.81l2.4,-2.73l0.07,-2.04l1.97,-1.48l-0.02,-0.65l-1.93,-1.31l-0.82,-1.78l-0.8,-2.21l0.9,-0.89l3.59,0.65l2.92,-0.42l2.33,-2.19l2.31,2.85l-0.24,2.13l0.99,1.59l-0.05,0.82l-1.34,-0.28l-0.47,0.48l0.7,3.06l2.62,1.99l2.99,1.65Z",name:"India"},TZ:{path:"M495.56,296.42l2.8,-3.12l-0.02,-0.81l-0.64,-1.3l0.68,-0.52l0.14,-1.47l-0.76,-1.25l0.31,-0.11l2.26,0.03l-0.51,2.76l0.76,1.3l0.5,0.12l1.05,-0.53l1.19,-0.12l0.61,0.24l1.43,-0.62l0.1,-0.67l-0.71,-0.62l1.57,-1.7l8.65,4.86l0.32,1.53l3.34,2.33l-1.05,2.8l0.13,1.61l1.63,1.12l-0.6,1.76l-0.01,2.33l1.89,4.03l0.57,0.43l-1.46,1.08l-2.61,0.94l-1.43,-0.04l-1.06,0.77l-2.29,0.36l-2.87,-0.68l-0.83,0.07l-0.63,-0.75l-0.31,-2.78l-1.32,-1.35l-3.25,-0.77l-3.96,-1.58l-1.18,-2.41l-0.32,-1.75l-1.76,-1.49l0.42,-1.05l-0.44,-0.89l0.08,-0.96l-0.46,-0.58l0.06,-0.56Z",name:"Tanzania"},AZ:{path:"M539.29,175.73l1.33,0.32l1.94,-1.8l2.3,3.34l1.43,0.43l-1.26,0.15l-0.35,0.32l-0.8,3.14l-0.99,0.96l0.05,1.11l-1.26,-1.13l0.7,-1.18l-0.04,-0.47l-0.74,-0.86l-1.48,0.15l-2.34,1.71l-0.03,-1.27l-2.03,-1.35l0.47,-0.62l-0.08,-0.56l-1.03,-0.79l0.29,-0.43l-0.14,-0.58l-1.13,-0.86l1.89,0.68l1.69,0.06l0.37,-0.87l-0.81,-1.37l0.42,0.06l1.63,1.72ZM533.78,180.57l0.61,0.46l0.69,-0.0l0.59,1.15l-0.68,-0.15l-1.21,-1.45Z",name:"Azerbaijan"},IE:{path:"M405.08,135.42l0.35,2.06l-1.75,2.78l-4.22,1.88l-2.84,-0.4l1.73,-3.0l-1.18,-3.53l4.6,-3.74l0.32,1.15l-0.49,1.74l0.4,0.51l1.47,-0.04l1.6,0.6Z",name:"Ireland"},ID:{path:"M756.47,287.89l0.69,4.01l2.79,1.78l0.51,-0.1l2.04,-2.59l2.71,-1.43l2.05,-0.0l3.9,1.73l2.46,0.45l0.08,15.12l-1.75,-1.54l-2.54,-0.51l-0.88,0.71l-2.32,0.06l0.69,-1.33l1.45,-0.64l0.23,-0.46l-0.65,-2.74l-1.24,-2.21l-5.04,-2.29l-2.09,-0.23l-3.68,-2.27l-0.55,0.13l-0.65,1.07l-0.52,0.12l-0.55,-1.89l-1.21,-0.78l1.84,-0.62l1.72,0.05l0.39,-0.52l-0.21,-0.66l-0.38,-0.28l-3.45,-0.0l-1.13,-1.48l-2.1,-0.43l-0.52,-0.6l2.69,-0.48l1.28,-0.78l3.66,0.94l0.3,0.71ZM757.91,300.34l-0.62,0.82l-0.1,-0.8l0.59,-1.12l0.13,1.1ZM747.38,292.98l0.34,0.72l-1.22,-0.57l-4.68,-0.1l0.27,-0.62l2.78,-0.09l2.52,0.67ZM741.05,285.25l-0.67,-2.88l0.64,-2.01l0.41,0.86l1.21,0.18l0.16,0.7l-0.1,1.68l-0.84,-0.16l-0.46,0.3l-0.34,1.34ZM739.05,293.5l-0.5,0.44l-1.34,-0.36l-0.17,-0.37l1.73,-0.08l0.27,0.36ZM721.45,284.51l-0.19,1.97l2.24,2.23l0.54,0.02l1.27,-1.07l2.75,-0.5l-0.9,1.21l-2.11,0.93l-0.16,0.6l2.22,3.01l-0.3,1.07l1.36,1.74l-2.26,0.85l-0.28,-0.31l0.12,-1.19l-1.64,-1.34l0.17,-2.23l-0.56,-0.39l-1.67,0.76l-0.23,0.39l0.3,6.17l-1.1,0.25l-0.69,-0.47l0.64,-2.21l-0.39,-2.42l-0.39,-0.34l-0.8,-0.01l-0.58,-1.29l0.98,-1.6l0.35,-1.96l1.32,-3.87ZM728.59,296.27l0.38,0.49l-0.02,1.28l-0.88,0.49l-0.53,-0.47l1.04,-1.79ZM729.04,286.98l0.27,-0.05l-0.02,0.13l-0.24,-0.08ZM721.68,284.05l0.16,-0.32l1.89,-1.65l1.83,0.68l3.16,0.35l2.94,-0.1l2.39,-1.66l-1.73,2.13l-1.66,0.43l-2.41,-0.48l-4.17,0.13l-2.39,0.51ZM730.55,310.47l1.11,-1.93l2.03,-0.82l0.08,0.62l-1.45,1.67l-1.77,0.46ZM728.12,305.88l-0.1,0.38l-3.46,0.66l-2.91,-0.27l-0.0,-0.25l1.54,-0.41l1.66,0.73l1.67,-0.19l1.61,-0.65ZM722.9,310.24l-0.64,0.03l-2.26,-1.2l1.11,-0.24l1.78,1.41ZM716.26,305.77l0.88,0.51l1.28,-0.17l0.2,0.35l-4.65,0.73l0.39,-0.67l1.15,-0.02l0.75,-0.73ZM711.66,293.84l-0.38,-0.16l-2.54,1.01l-1.12,-1.44l-1.69,-0.13l-1.16,-0.75l-3.04,0.77l-1.1,-1.15l-3.31,-0.11l-0.35,-3.05l-1.35,-0.95l-1.11,-1.98l-0.33,-2.06l0.27,-2.14l0.9,-1.01l0.37,1.15l2.09,1.49l1.53,-0.48l1.82,0.08l1.38,-1.19l1.0,-0.18l2.28,0.67l2.26,-0.53l1.52,-3.64l1.01,-0.99l0.78,-2.57l4.1,0.3l-1.11,1.77l0.02,0.46l1.7,2.2l-0.23,1.39l2.07,1.71l-2.33,0.42l-0.88,1.9l0.1,2.05l-2.4,1.9l-0.06,2.45l-0.7,2.79ZM692.58,302.03l0.35,0.26l4.8,0.25l0.78,-0.97l4.17,1.09l1.13,1.68l3.69,0.45l2.13,1.04l-1.8,0.6l-2.77,-0.99l-4.8,-0.12l-5.24,-1.41l-1.84,-0.25l-1.11,0.3l-4.26,-0.97l-0.7,-1.14l-1.59,-0.13l1.18,-1.65l2.74,0.13l2.87,1.13l0.26,0.68ZM685.53,299.17l-2.22,0.04l-2.06,-2.03l-3.15,-2.01l-2.93,-3.51l-3.11,-5.33l-2.2,-2.12l-1.64,-4.06l-2.32,-1.69l-1.27,-2.07l-1.96,-1.5l-2.51,-2.65l-0.11,-0.66l4.81,0.53l2.15,2.38l3.31,2.74l2.35,2.66l2.7,0.17l1.95,1.59l1.54,2.17l1.59,0.95l-0.84,1.71l0.15,0.52l1.44,0.87l0.79,0.1l0.4,1.58l0.87,1.4l1.96,0.39l1.0,1.31l-0.6,3.01l-0.09,3.5Z",name:"Indonesia"},UA:{path:"M492.5,162.44l1.28,-2.49l1.82,0.19l0.66,-0.23l0.09,-0.71l-0.25,-0.75l-0.79,-0.72l-0.33,-1.21l-0.86,-0.62l-0.02,-1.19l-1.13,-0.86l-1.15,-0.19l-2.04,-1.0l-1.66,0.32l-0.66,0.47l-0.92,-0.0l-0.84,0.78l-2.48,0.7l-1.18,-0.71l-3.07,-0.36l-0.89,0.43l-0.24,-0.55l-1.11,-0.7l0.35,-0.93l1.26,-1.02l-0.54,-1.23l2.04,-2.43l1.4,-0.62l0.25,-1.19l-1.04,-2.39l0.83,-0.13l1.28,-0.84l1.8,-0.07l2.47,0.26l2.86,0.81l1.88,0.06l0.86,0.44l1.04,-0.41l0.77,0.66l2.18,-0.15l0.92,0.3l0.52,-0.34l0.15,-1.53l0.56,-0.54l2.85,-0.05l0.84,-0.72l3.04,-0.18l1.23,1.46l-0.48,0.77l0.21,1.03l0.36,0.32l1.8,0.14l0.93,2.08l3.18,1.15l1.94,-0.45l1.67,1.49l1.4,-0.03l3.35,0.96l0.02,0.54l-0.96,1.59l0.47,1.97l-0.26,0.7l-2.36,0.28l-1.29,0.89l-0.23,1.38l-1.83,0.27l-1.58,0.97l-2.41,0.21l-2.16,1.17l-0.21,0.38l0.34,2.26l1.23,0.75l2.13,-0.08l-0.14,0.31l-2.65,0.53l-3.23,1.69l-0.87,-0.39l0.42,-1.1l-0.25,-0.52l-2.21,-0.73l2.35,-1.06l0.12,-0.65l-0.93,-0.82l-3.62,-0.74l-0.13,-0.89l-0.46,-0.34l-2.61,0.59l-0.91,1.69l-1.71,2.04l-0.86,-0.4l-1.62,0.27Z",name:"Ukraine"},QA:{path:"M549.33,221.64l-0.76,-0.23l-0.14,-1.64l0.84,-1.29l0.47,0.52l0.04,1.34l-0.45,1.3Z",name:"Qatar"},MZ:{path:"M508.58,318.75l-0.34,-2.57l0.51,-2.05l3.55,0.63l2.5,-0.38l1.02,-0.76l1.49,0.01l2.74,-0.98l1.66,-1.2l0.5,9.24l0.41,1.23l-0.68,1.67l-0.93,1.71l-1.5,1.5l-5.16,2.28l-2.78,2.73l-1.02,0.53l-1.71,1.8l-0.98,0.57l-0.35,2.41l1.16,1.94l0.49,2.17l0.43,0.31l-0.06,2.06l-0.39,1.17l0.5,0.72l-0.25,0.73l-0.92,0.83l-5.12,2.39l-1.22,1.36l0.21,1.13l0.58,0.39l-0.11,0.72l-1.22,-0.01l-0.73,-2.97l0.42,-3.09l-1.78,-5.37l2.49,-2.81l0.69,-1.89l0.44,-0.43l0.28,-1.53l-0.39,-0.93l0.59,-3.65l-0.01,-3.26l-1.49,-1.16l-1.2,-0.22l-1.74,-1.17l-1.92,0.01l-0.29,-2.08l7.06,-1.96l1.28,1.09l0.89,-0.1l0.67,0.44l0.1,0.73l-0.51,1.29l0.19,1.81l1.75,1.83l0.65,-0.13l0.71,-1.65l1.17,-0.86l-0.26,-3.47l-1.05,-1.85l-1.04,-0.94Z",name:"Mozambique"}},height:440.70631074413296,width:900,projection:{type:"mill",centralMeridian:11.5}});
diff --git a/public_html/raven-demo/widgets.html b/public_html/raven-demo/widgets.html
new file mode 100644
index 0000000..6c513dd
--- /dev/null
+++ b/public_html/raven-demo/widgets.html
@@ -0,0 +1,2860 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link href="vendor/css/choices.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item widgets_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item widgets_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item widgets_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item widgets_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h4 class="text-xl mb-2">Widgets</h4>
+            <p class="text-muted">
+                Exclusive bonus cards for your next project, Choose any and integrate seamlessly wherever you need.
+            </p>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content relative lg:px-4 flex-grow">
+            <!--:Prelaoder:-->
+            <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+                <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+                    <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+                </div>
+            </div>
+
+            <div class="px-4 mb-4">
+                <div class="border border-dashed border-zinc-200 dark:border-zinc-800 rounded-xl py-4">
+                    <p class="px-4 mb-3">POS Cards</p>
+                    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 px-4">
+                        <div>
+                            <!--:Card:-->
+                            <div class="rounded-xl group relative bg-white dark:bg-zinc-900 shadow-card text-center">
+                                <img src="images/restaurant/popular5.jpg" class="max-w-full rounded-t-xl mx-auto"
+                                    alt="">
+                                <div class="p-4">
+                                    <h5 class="text-lg mb-2">Grilled Steaks</h5>
+                                    <p class="text-red-500">$9.99</p>
+                                </div>
+                                <!--:Card overlay:-->
+                                <ul class="flex flex-col absolute end-5 top-5 gap-2">
+                                    <li
+                                        class="transition-all duration-200 translate-x-5 opacity-0 group-hover:opacity-100 group-hover:translate-x-0">
+                                        <button type="button"
+                                            class="size-8 flex items-center justify-center bg-zinc-700 text-white rounded-full cursor-pointer hover:bg-zinc-800">
+                                            <span class="icon-[lucide--edit-2] text-lg"></span>
+                                        </button>
+                                    </li>
+                                    <li
+                                        class="transition-all duration-200 translate-x-5 opacity-0 group-hover:opacity-100 group-hover:translate-x-0 delay-100">
+                                        <button type="button"
+                                            class="size-8 flex items-center justify-center bg-zinc-700 text-white rounded-full cursor-pointer hover:bg-zinc-800">
+                                            <span class="icon-[lucide--trash-2] text-lg"></span>
+                                        </button>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div>
+                            <h6 class="flex items-center mb-3 gap-1"><span class="icon-[lucide--shopping-bag]"></span>
+                                Order #27</h6>
+                                <!--:Order card:-->
+                            <div class="rounded-xl mb-4 p-4 group relative bg-white dark:bg-zinc-900 shadow-card">
+                                <div class="flex items-start gap-4">
+                                    <img src="images/restaurant/popular3.jpg" class="w-12 h-auto rounded-lg shrink-0" alt="">
+                                    <div class="flex-grow mb-4 overflow-hidden">
+                                        <h6 class="truncate mb-0.5">Fresh basil salad</h6>
+                                        <p>
+                                            $10 x 2 = <span class="font-semibold text-primary">$20</span>
+                                        </p>
+                                    </div>
+                                    <div class="shrink-0">
+                                        <button type="button"
+                                            class="text-zinc-400 hover:text-red-500 cursor-pointer">
+                                            <span class="icon-[lucide--trash-2]"></span>
+                                        </button>
+                                    </div>
+                                </div>
+                                <div class="flex items-center gap-4">
+                                    <!--:QTY:-->
+                                    <div class="flex items-center gap-2 shrink-0 flex-grow">
+                                        <button
+                                            class="size-5 flex items-center justify-center cursor-pointer rounded-full bg-zinc-200 hover:bg-zinc-300 dark:bg-zinc-600 dark:hover:bg-zinc-700"
+                                            type="button" role="button">
+                                            <span class="icon-[lucide--minus]"></span>
+                                        </button>
+                                        <input type="text" readonly class="w-3.5 text-center p-0 block outline-0"
+                                            value="2" min="1" max="9">
+                                        <button
+                                            class="size-5 flex items-center justify-center cursor-pointer rounded-full bg-zinc-200 hover:bg-zinc-300 dark:bg-zinc-600 dark:hover:bg-zinc-700"
+                                            type="button" role="button">
+                                            <span class="icon-[lucide--plus]"></span>
+                                        </button>
+                                    </div>
+                                    <!--:Notes:-->
+                                    <button type="button" role="button"
+                                        class="btn btn-sm btn-default gap-1">
+                                        <span class="icon-[lucide--clipboard-edit]"></span> Add notes
+                                    </button>
+                                </div>
+                            </div>
+                             <!--:Order card:-->
+                            <div class="rounded-xl p-4 group relative bg-white dark:bg-zinc-900 shadow-card">
+                                <div class="flex items-start gap-4">
+                                    <img src="images/restaurant/popular4.jpg" class="w-12 h-auto rounded-lg shrink-0" alt="">
+                                    <div class="flex-grow mb-4 overflow-hidden">
+                                        <h6 class="truncate mb-0.5">Cheese Burger
+                                                    Combo</h6>
+                                        <p>
+                                            $9.99 x 2 = <span class="font-semibold text-primary">$19.98</span>
+                                        </p>
+                                    </div>
+                                    <div class="shrink-0">
+                                        <button type="button"
+                                            class="text-zinc-400 hover:text-red-500 cursor-pointer">
+                                            <span class="icon-[lucide--trash-2]"></span>
+                                        </button>
+                                    </div>
+                                </div>
+                                <div class="flex items-center gap-4">
+                                    <!--:QTY:-->
+                                    <div class="flex items-center gap-2 shrink-0 flex-grow">
+                                        <button
+                                            class="size-5 flex items-center justify-center cursor-pointer rounded-full bg-zinc-200 hover:bg-zinc-300 dark:bg-zinc-600 dark:hover:bg-zinc-700"
+                                            type="button" role="button">
+                                            <span class="icon-[lucide--minus]"></span>
+                                        </button>
+                                        <input type="text" readonly class="w-3.5 text-center p-0 block outline-0"
+                                            value="2" min="1" max="9">
+                                        <button
+                                            class="size-5 flex items-center justify-center cursor-pointer rounded-full bg-zinc-200 hover:bg-zinc-300 dark:bg-zinc-600 dark:hover:bg-zinc-700"
+                                            type="button" role="button">
+                                            <span class="icon-[lucide--plus]"></span>
+                                        </button>
+                                    </div>
+                                    <!--:Notes:-->
+                                    <button type="button" role="button"
+                                        class="btn btn-sm btn-default gap-1">
+                                        <span class="icon-[lucide--clipboard-edit]"></span> Add notes
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                        <div>
+                            <div class="rounded-xl p-4 group relative bg-white dark:bg-zinc-900 shadow-card">
+                                <ul class="divide-y divide-zinc-100 dark:divide-zinc-800">
+                                    <li class="py-2 flex items-center justify-between">
+                                        <span>Subtotal:</span>
+                                        <span>$44.98</span>
+                                    </li>
+                                    <li class="py-2 flex items-center justify-between">
+                                        <span>Product discount:</span>
+                                        <span>$10.00</span>
+                                    </li>
+                                    <li class="py-2 flex items-center justify-between">
+                                        <span>Coupon discount:</span>
+                                        <span class="flex items-center gap-2">
+                                            <a href="#!">
+                                            <span class="icon-[lucide--edit-2] text-sm"></span>
+                                        </a> 
+                                        $0.00</span>
+                                    </li>
+                                    <li class="py-2 flex items-center justify-between">
+                                        <h6>Total:</h6>
+                                        <h6>$34.98</h6>
+                                    </li>
+                                    <li class="py-2 flex gap-2 items-center">
+                                        <button type="button" class="btn btn-sm bg-primary text-white hover:bg-primary-deep flex-grow cursor-pointer">
+                                            Bill & payment
+                                        </button>
+                                        <button type="button" class="btn btn-sm bg-zinc-700 text-white hover:bg-zinc-800 flex-grow cursor-pointer">
+                                            Print
+                                        </button>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+
+            <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 mb-4 px-4">
+
+                <div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <!--:Card header:-->
+                        <div class="flex items-center justify-between gap-4 p-4">
+                            <h5 class="truncate text-lg">
+                                Team Designers
+                            </h5>
+                            <!--:dropdown:-->
+                            <div class="relative">
+                                <button
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                    <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-36 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--eye] dropdown-icon"></span> View
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--edit] dropdown-icon"></span> Edit
+                                    </a>
+                                    <a href="#!" class="dropdown-item !text-red-500">
+                                        <span class="icon-[lucide--trash] dropdown-icon"></span> Delete
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Team members:-->
+                        <div class="px-4 pb-4">
+                            <span class="text-zinc-400 text-sm block mb-2">6 memebers</span>
+                            <div class="flex items-center -space-x-3 shrink-0">
+                                <img data-bs-toggle="tooltip" data-bs-title="Emily" src="images/avatars/thumb-1.jpg"
+                                    class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                <img data-bs-toggle="tooltip" data-bs-title="Nikkita" src="images/avatars/thumb-2.jpg"
+                                    class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                <img data-bs-toggle="tooltip" data-bs-title="John" src="images/avatars/thumb-9.jpg"
+                                    class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                <img data-bs-toggle="tooltip" data-bs-title="Emily" src="images/avatars/thumb-5.jpg"
+                                    class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                <img data-bs-toggle="tooltip" data-bs-title="Nikkita" src="images/avatars/thumb-7.jpg"
+                                    class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                <img data-bs-toggle="tooltip" data-bs-title="John" src="images/avatars/thumb-10.jpg"
+                                    class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                            </div>
+                        </div>
+                        <!--:About team:-->
+                        <div class="px-4 pb-4">
+                            <span class="text-zinc-400 text-sm block mb-1">About team</span>
+                            <p>
+                                Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                                industries for previewing layouts and visual mockups.
+                            </p>
+                        </div>
+                        <!--:About team:-->
+                        <div class="px-4 pb-4">
+                            <div class="flex items-center gap-4">
+                                <div
+                                    class="p-3 rounded-lg flex-grow border border-dashed border-zinc-200 dark:border-zinc-800">
+                                    <span class="text-sm text-zinc-400">Projects</span>
+                                    <h5 class="text-lg">5</h5>
+                                </div>
+                                <div
+                                    class="p-3 rounded-lg flex-grow border border-dashed border-zinc-200 dark:border-zinc-800">
+                                    <span class="text-sm text-zinc-400">Budget</span>
+                                    <h5 class="text-lg">$768K</h5>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="px-4 pb-4">
+                            <div class="flex items-center justify-between gap-2 mb-2 text-sm">
+                                <p>Overall progress</p>
+                                <span class="text-primary font-semibold">
+                                    65%
+                                </span>
+                            </div>
+                            <!--:Progress:-->
+                            <div class="h-1.5 bg-primary-subtle rounded-full flex-grow">
+                                <div class="progress-bg h-1.5 bg-primary rounded-full" style="width: 65%;">
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Action:-->
+                        <div class="flex items-center justify-between gap-4 px-4 pb-4">
+                            <span class="text-zinc-400 text-sm"><span class="icon-[lucide--history]"></span> Updated 3h
+                                ago</span>
+                            <a href="#!" class="btn btn-sm bg-primary text-white hover:bg-primary-deep">View details</a>
+                        </div>
+                    </div>
+                </div>
+                <div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <!--:Card header:-->
+                        <div class="flex items-center gap-4 p-4">
+                            <div class="shrink-0">
+                                <img src="images/brands/figma.svg" class="w-10 h-auto" alt="">
+                            </div>
+                            <div class="flex-grow">
+                                <h5 class="truncate text-lg mb-1">
+                                    Figma inc.
+                                </h5>
+                                <span class="flex items-center gap-2 text-sm">
+                                    <span class="text-zinc-400 flex items-center gap-1">
+                                        <span class="icon-[tabler--star-filled] text-amber-500"></span>4.5
+                                    </span>
+                                    <span class="text-zinc-400">274.5K Reviews</span>
+                                </span>
+
+                            </div>
+                            <!--:dropdown:-->
+                            <div class="relative shrink-0">
+                                <button
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                    <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-36 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--eye] dropdown-icon"></span> View details
+                                    </a>
+                                    <a href="#!" class="dropdown-item !text-red-500">
+                                        <span class="icon-[lucide--trash] dropdown-icon"></span> Remove
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Company info:-->
+                        <ul class="px-4 pb-4 gap-3 flex flex-col">
+                            <li class="flex items-center gap-2">
+                                <span class="icon-[lucide--map-pin] text-zinc-400"></span>
+                                <span>Austin, Texas, United States</span>
+                            </li>
+                            <li class="flex items-center gap-2">
+                                <span class="icon-[lucide--briefcase-business] text-zinc-400"></span>
+                                <span>Technology</span>
+                            </li>
+                            <li class="flex items-center gap-2">
+                                <span class="icon-[lucide--users] text-zinc-400"></span>
+                                <span>120,000 employees</span>
+                            </li>
+                            <li class="flex items-center gap-2">
+                                <span class="icon-[lucide--code] text-zinc-400"></span>
+                                <span>Java, Python, C++</span>
+                            </li>
+                        </ul>
+                        <!--:About company:-->
+                        <div class="px-4 pb-4">
+                            <hr class="mb-3 border-dashed border-zinc-200 dark:border-zinc-800">
+                            <p>
+                                Figma is the leading collaborative design platform for building meaningful products.
+                                Design, prototype, and build products faster—while gathering feedback...
+                                <a href="#!" class="text-primary">Read more</a>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4 px-4">
+                <div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="px-4 pt-4 flex items-center justify-between">
+                            <h5 class="text-lg">Task completion rate</h5>
+                            <a href="#!"
+                                class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                <span class="icon-[lucide--arrow-up-right]"></span>
+                            </a>
+                        </div>
+                        <div class="p-4">
+                            <div class="flex items-center mb-3 gap-3.5 justify-between">
+                                <div class="flex-grow">
+                                    <div class="flex items-end gap-2 mb-3">
+                                        <h5 class="text-2xl leading-none">92%</h5>
+                                        <span class="flex items-center text-sm text-green-500">
+                                            <span class="icon-[lucide--chevron-up]"></span>
+                                            <span>12%</span>
+                                        </span>
+                                    </div>
+                                    <!--:Progress:-->
+                                    <div class="h-1.5 bg-green-500/10 rounded-full flex-grow">
+                                        <div class="progress-bg h-1.5 bg-green-500 rounded-full" style="width: 92%;">
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="shrink-0">
+                                    <div class="flex items-center -space-x-3 shrink-0">
+                                        <img alt="" data-bs-toggle="tooltip" data-bs-title="Nikkita"
+                                            src="images/avatars/thumb-2.jpg"
+                                            class="size-6 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                        <img alt="" data-bs-toggle="tooltip" data-bs-title="John"
+                                            src="images/avatars/thumb-9.jpg"
+                                            class="size-6 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                        <span data-bs-toggle="tooltip" data-bs-title="3 more members"
+                                            class="size-6 flex items-center justify-center bg-zinc-500 text-white border-2 borderwhite dark:border-zinc-900 rounded-full relative text-xs">+3</span>
+                                    </div>
+                                </div>
+                            </div>
+                            <p class="text-sm">Almost all tasks completed on time.</p>
+                        </div>
+                    </div>
+                </div>
+                <div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="px-4 pt-4 flex items-center justify-between">
+                            <h5 class="text-lg">Sales target</h5>
+                            <a href="#!"
+                                class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                <span class="icon-[lucide--arrow-up-right]"></span>
+                            </a>
+                        </div>
+                        <div class="p-4">
+                            <div class="flex items-center gap-3.5 justify-between">
+                                <div class="shrink-0">
+                                    <!--:Progress Circle:-->
+                                    <div class="relative w-14 h-14" data-progress="40" data-show-value="true">
+                                        <!-- Background circle -->
+                                        <svg class="w-14 h-14 transform -rotate-90" viewBox="0 0 100 100">
+                                            <circle class="text-primary-subtle" stroke-width="6" stroke="currentColor"
+                                                fill="transparent" r="45" cx="50" cy="50" />
+                                            <circle class="text-primary progress-ring" stroke-width="6"
+                                                stroke="currentColor" fill="transparent" r="45" cx="50" cy="50"
+                                                stroke-linecap="round"
+                                                style="stroke-dasharray: 282.6; stroke-dashoffset: 282.6; transition: stroke-dashoffset 1s ease;" />
+                                        </svg>
+                                        <!--:Label:-->
+                                        <span
+                                            class="absolute inset-0 flex items-center justify-center text-sm value-label hidden">0%</span>
+                                    </div>
+                                </div>
+                                <div class="flex-grow">
+                                    <h5 class="text-2xl mb-2">
+                                        <span>1970</span>/<span class="text-zinc-400">5000</span>
+                                    </h5>
+                                    <p class="text-sm">Less than
+                                        <span class="text-green-500">40%</span> of your sales target will be achieved.
+                                    </p>
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+                <div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="px-4 pt-4 flex items-center justify-between">
+                            <h5 class="text-lg">Conversion rate</h5>
+                            <a href="#!"
+                                class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                <span class="icon-[lucide--arrow-up-right]"></span>
+                            </a>
+                        </div>
+                        <div class="p-4">
+                            <!--:Progress:-->
+                            <div class="h-2.5 gap-1 rounded-sm flex items-center w-full mb-4">
+                                <div class="progress-bg h-2.5 bg-primary rounded-s-sm flex-grow" style="width: 73.3%;">
+                                </div>
+                                <div class="progress-bg h-2.5 bg-sky-500 rounded-e-sm flex-grow" style="width: 26.7%;">
+                                </div>
+                            </div>
+                            <!--:Item:-->
+                            <div class="flex items-center justify-between mb-2">
+                                <div class="flex items-center gap-2">
+                                    <span class="bg-primary w-1 h-3.5 rounded-sm"></span>
+                                    <h6>75.3%</h6>
+                                    <span class="flex items-center text-sm text-green-500">
+                                        <span class="icon-[lucide--chevron-up]"></span>
+                                        <span>1.4%</span>
+                                    </span>
+                                </div>
+                                <div class="shrink-0">
+                                    <p class="text-sm">678K visitors</p>
+                                </div>
+                            </div>
+                            <!--:Item:-->
+                            <div class="flex items-center justify-between">
+                                <div class="flex items-center gap-2">
+                                    <span class="bg-sky-500 w-1 h-3.5 rounded-sm"></span>
+                                    <h6>24.7%</h6>
+                                    <span class="flex items-center text-sm text-green-500">
+                                        <span class="icon-[lucide--chevron-up]"></span>
+                                        <span>0.4%</span>
+                                    </span>
+                                </div>
+                                <div class="shrink-0">
+                                    <p class="text-sm">167.4K product sales</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4 mb-4 grid grid-cols-1 md:grid-cols-2 gap-4">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 sm:p-6 text-center">
+                    <img src="images/illustrations/multi.svg" alt="" class="block mb-6 w-48 h-auto mx-auto">
+                    <h5 class="text-xl mb-2">Earn referral income</h5>
+                    <p class="text-muted mb-6">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries
+                        for previewing layouts.
+                    </p>
+                    <div class="flex items-center flex-wrap justify-center gap-4">
+                        <button type="button" class="btn bg-primary text-white hover:bg-primary-deep">Reffer to a
+                            friend</button>
+                        <button type="button" class="text-primary cursor-pointer flex items-center gap-2">
+                            Learn more about<span class="icon-[lucide--external-link]"></span>
+                        </button>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="px-4 pt-4 pb-1.5 flex items-center justify-between">
+                        <h5 class="text-lg">FAQs</h5>
+                    </div>
+                    <div class="divide-y px-4 divide-zinc-100 dark:divide-zinc-900" id="accordionExample">
+                        <!--:Collapse item:-->
+                        <div class="collapse-item">
+                            <button class="flex w-full items-center justify-between cursor-pointer py-2.5" type="button"
+                                data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true"
+                                aria-controls="collapseOne">
+                                <span class="flex-grow truncate text-start block h5">Can these templates be integrated
+                                    with other
+                                    frameworks?</span>
+                                <span
+                                    class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-4 flex items-center justify-center"></span>
+                            </button>
+                            <div id="collapseOne" class="collapse show" data-bs-parent="#accordionExample">
+                                <div class="pb-4">
+                                    Nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                                    cillum
+                                    dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
+                                    sunt in
+                                    culpa qui officia deserunt mollit anim id est laborum.
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Collapse item:-->
+                        <div class="collapse-item">
+                            <button class="flex w-full items-center justify-between cursor-pointer py-2.5 collapsed"
+                                type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo"
+                                aria-expanded="false" aria-controls="collapseTwo">
+                                <span class="flex-grow truncate text-start h5 block">Are the templates fully responsive
+                                    and
+                                    mobile-friendly?</span>
+                                <span
+                                    class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-4 flex items-center justify-center"></span>
+                            </button>
+                            <div id="collapseTwo" class="accordion-collapse collapse"
+                                data-bs-parent="#accordionExample">
+                                <div class="pb-4">
+                                    Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                                    cillum
+                                    dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
+                                    sunt in
+                                    culpa qui officia deserunt mollit anim id est laborum.
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Collapse item:-->
+                        <div class="collapse-item">
+                            <button class="flex w-full items-center justify-between cursor-pointer py-2.5 collapsed"
+                                type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree"
+                                aria-expanded="false" aria-controls="collapseThree">
+                                <span class="flex-grow truncate text-start h5 block">Can I customize the colors, fonts,
+                                    and
+                                    layouts?</span>
+                                <span
+                                    class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-4 flex items-center justify-center"></span>
+                            </button>
+                            <div id="collapseThree" class="accordion-collapse collapse"
+                                data-bs-parent="#accordionExample">
+                                <div class="pb-4">
+                                    Veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                                    cillum
+                                    dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
+                                    sunt in
+                                    culpa qui officia deserunt mollit anim id est laborum.
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Collapse item:-->
+                        <div class="collapse-item">
+                            <button class="flex w-full items-center justify-between cursor-pointer py-2.5 collapsed"
+                                type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour"
+                                aria-expanded="false" aria-controls="collapseFour">
+                                <span class="flex-grow truncate text-start block h5">Do I need prior coding
+                                    knowledge?</span>
+                                <span
+                                    class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-4 flex items-center justify-center"></span>
+                            </button>
+                            <div id="collapseFour" class="accordion-collapse collapse"
+                                data-bs-parent="#accordionExample">
+                                <div class="pb-4">
+                                    Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                                    cillum
+                                    dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
+                                    sunt in
+                                    culpa qui officia deserunt mollit anim id est laborum.
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Collapse item:-->
+                        <div class="collapse-item">
+                            <button class="flex w-full items-center justify-between cursor-pointer py-2.5 collapsed"
+                                type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive"
+                                aria-expanded="false" aria-controls="collapseFive">
+                                <span class="flex-grow truncate text-start block h5">What type of license is included
+                                    with this
+                                    template?</span>
+                                <span
+                                    class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-4 flex items-center justify-center"></span>
+                            </button>
+                            <div id="collapseFive" class="accordion-collapse collapse"
+                                data-bs-parent="#accordionExample">
+                                <div class="pb-4">
+                                    Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                                    cillum
+                                    dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
+                                    sunt in
+                                    culpa qui officia deserunt mollit anim id est laborum.
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+
+            <div class="px-4">
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                    <div class="grid grid-cols-1 p-2 md:grid-cols-4">
+                        <!--:Card:-->
+                        <div class="flex items-center gap-3.5 p-4">
+                            <div
+                                class="flex items-center justify-center p-4 rounded-lg shrink-0 bg-red-500/10 text-red-500">
+                                <span class="icon-[lucide--shopping-bag] text-xl"></span>
+                            </div>
+                            <div class="flex-grow">
+                                <p class="mb-1">Orders completed</p>
+                                <h5 class="text-xl !text-red-500">23,849</h5>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="flex items-center gap-3.5 p-4">
+                            <div
+                                class="flex items-center justify-center p-4 rounded-lg shrink-0 bg-sky-500/10 text-sky-500">
+                                <span class="icon-[lucide--dollar-sign] text-xl"></span>
+                            </div>
+                            <div class="flex-grow">
+                                <p class="mb-1">Revenue made</p>
+                                <h5 class="text-xl !text-blue-500">$887,654</h5>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="flex items-center gap-3.5 p-4">
+                            <div
+                                class="flex items-center justify-center p-4 rounded-lg shrink-0 bg-primary/20 text-primary">
+                                <span class="icon-[lucide--mouse-pointer-2] text-xl"></span>
+                            </div>
+                            <div class="flex-grow">
+                                <p class="mb-1">Impression</p>
+                                <h5 class="text-xl !text-primary">2,523,849</h5>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="flex items-center gap-3.5 p-4">
+                            <div
+                                class="flex items-center justify-center p-4 rounded-lg shrink-0 bg-yellow-500/20 text-yellow-500">
+                                <span class="icon-[lucide--truck] text-xl"></span>
+                            </div>
+                            <div class="flex-grow">
+                                <p class="mb-1">Returns</p>
+                                <h5 class="text-xl !text-yellow-500">23,321</h5>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-4 px-4 mb-4">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4">
+                    <div class="flex items-center justify-between">
+                        <p class="mb-1">Visitor</p>
+                        <!--:Icon:-->
+                        <span
+                            class="text-lg size-12 bg-sky-500/10 text-sky-500 !flex items-center justify-center rounded-full">
+                            <span class="icon-[lucide--users]"></span>
+                        </span>
+                    </div>
+                    <div>
+                        <h4 class="text-xl mb-1">149,328</h4>
+                        <p class="text-sm text-muted">
+                            <span class="text-green-500">+5.2%</span>
+                            vs last month
+                        </p>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4">
+                    <div class="flex items-center justify-between">
+                        <p class="mb-1">Conversion rate</p>
+                        <!--:Icon:-->
+                        <span
+                            class="text-lg size-12 bg-primary/20 text-primary !flex items-center justify-center rounded-full">
+                            <span class="icon-[lucide--dollar-sign]"></span>
+                        </span>
+                    </div>
+                    <div>
+                        <h4 class="text-xl mb-1">12.5%</h4>
+                        <p class="text-sm text-muted">
+                            <span class="text-red-500">-0.2%</span>
+                            vs last month
+                        </p>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4">
+                    <div class="flex items-center justify-between">
+                        <p class="mb-1">Ad campaign clicks</p>
+                        <!--:Icon:-->
+                        <span
+                            class="text-lg size-12 bg-red-500/10 text-red-500 !flex items-center justify-center rounded-full">
+                            <span class="icon-[lucide--mouse-pointer-2] text-xl"></span>
+                        </span>
+                    </div>
+                    <div>
+                        <h4 class="text-xl mb-1">17,333</h4>
+                        <p class="text-sm text-muted">
+                            <span class="text-green-500">+2.5%</span>
+                            vs last month
+                        </p>
+                    </div>
+                </div>
+            </div>
+
+            <div class="px-4">
+                <div class="mb-4 p-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="mb-2.5 flex items-center justify-between">
+                        <h5 class="text-lg">KPI summary</h5>
+                    </div>
+                    <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
+
+                        <!--:Card:-->
+                        <div class="overflow-hidden p-4 bg-zinc-50 dark:bg-white/3 rounded-xl">
+                            <div
+                                class="flex items-center justify-center mb-3 size-12 flex rounded-full shrink-0 bg-yellow-500 text-white">
+                                <span class="icon-[lucide--dollar-sign] text-xl"></span>
+                            </div>
+                            <p class="mb-2">Total spend</p>
+                            <h5 class="text-xl mb-2">394,858</h5>
+                            <span class="text-xs text-muted flex items-center gap-1"><span
+                                    class="text-green-500">+5%</span>vs last
+                                year</span>
+                        </div>
+                        <!--:Card:-->
+                        <div class="overflow-hidden p-4 bg-zinc-50 dark:bg-white/3 rounded-xl">
+                            <div
+                                class="flex items-center justify-center mb-3 size-12 flex rounded-full shrink-0 bg-primary text-white">
+                                <span class="icon-[lucide--refresh-ccw-dot] text-xl"></span>
+                            </div>
+                            <p class="mb-2">ROI</p>
+                            <h5 class="text-xl mb-2">67%</h5>
+                            <span class="text-xs text-muted flex items-center gap-1"><span
+                                    class="text-green-500">+2.3%</span>vs
+                                last year</span>
+                        </div>
+                        <!--:Card:-->
+                        <div class="overflow-hidden p-4 bg-zinc-50 dark:bg-white/3 rounded-xl">
+                            <div
+                                class="flex items-center justify-center mb-3 size-12 flex rounded-full shrink-0 bg-blue-500 text-white">
+                                <span class="icon-[lucide--percent] text-xl"></span>
+                            </div>
+                            <p class="mb-2">Conversion rates</p>
+                            <h5 class="text-xl mb-2">6.5%</h5>
+                            <span class="text-xs text-muted flex items-center gap-1"><span
+                                    class="text-green-500">+0.8%</span>vs
+                                last year</span>
+                        </div>
+                        <!--:Card:-->
+                        <div class="overflow-hidden p-4 bg-zinc-50 dark:bg-white/3 rounded-xl">
+                            <div
+                                class="flex items-center justify-center mb-3 size-12 flex rounded-full shrink-0 bg-red-500 text-white">
+                                <span class="icon-[lucide--magnet] text-xl"></span>
+                            </div>
+                            <p class="mb-2">Total leads</p>
+                            <h5 class="text-xl mb-2">3829</h5>
+                            <span class="text-xs text-muted flex items-center gap-1"><span
+                                    class="text-green-500">+1.3%</span>vs
+                                last year</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="px-4">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                    <div class="md:col-span-4">
+
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="p-1">
+                                <img src="images/projects/3.jpg" class="max-w-full rounded-lg" alt="">
+                            </div>
+                            <div class="p-4 pt-2">
+                                <h5 class="text-lg mb-1">Abstract design</h5>
+                                <p class="line-clamp-2">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                                    industries for previewing layouts and visual mockups.
+                                </p>
+                            </div>
+                            <div class="flex items-center justify-between px-4 pb-4">
+                                <div class="flex items-center gap-2">
+                                    <img src="images/avatars/thumb-1.jpg" class="rounded-full w-6" alt="">
+                                    <h6>Kethy Miller</h6>
+                                </div>
+                                <div class="flex items-center gap-3">
+                                    <div class="inline-flex items-center text-sm gap-1">
+                                        <span class="icon-[lucide--heart]"></span>
+                                        27
+                                    </div>
+                                    <div class="inline-flex items-center text-sm gap-1">
+                                        <span class="icon-[lucide--message-circle-more]"></span>
+                                        16
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Skills</h5>
+                            </div>
+                            <div class="flex flex-wrap gap-2 p-4">
+                                <span class="badge bg-primary-subtle text-primary">Product Development</span>
+                                <span class="badge bg-primary-subtle text-primary">Webflow</span>
+                                <span class="badge bg-primary-subtle text-primary">Management</span>
+                                <span class="badge bg-primary-subtle text-primary">Figma</span>
+                                <span class="badge bg-primary-subtle text-primary">Web Design</span>
+                                <span class="badge bg-primary-subtle text-primary">Html / Css</span>
+                                <span class="badge bg-primary-subtle text-primary">Angular</span>
+                                <span class="badge bg-primary-subtle text-primary">Figma</span>
+                                <span class="badge bg-primary-subtle text-primary">React</span>
+                                <span class="badge bg-primary-subtle text-primary">Vue</span>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">My files</h5>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button
+                                        class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                        type="button" data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !start-auto !end-0 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--activity] dropdown-icon"></span>
+                                            Activity
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-200 dark:border-white/3 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--settings] dropdown-icon"></span>
+                                            Settings
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                            <!--:File list:-->
+                            <div class="grid gap-2.5 lg:gap-5 p-4">
+                                <!--:File item:-->
+                                <div class="flex items-center gap-3">
+                                    <div class="flex items-center grow gap-2.5">
+                                        <img alt="" class="h-6 w-auto" src="images/files/pdf.svg">
+                                        <div class="flex flex-col">
+                                            <h6 class="cursor-pointer hover:!text-primary transition-all mb-1">
+                                                project-map.pdf
+                                            </h6>
+                                            <span class="text-sm text-muted">
+                                                2.1
+                                                MB 27 Jul 2025 15:17 PM
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <!--:Dropdown:-->
+                                    <div class="relative">
+                                        <button
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            type="button" data-bs-toggle="dropdown">
+                                            <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                        </button>
+                                        <div class="dropdown-menu z-50 absolute min-w-36 !start-auto !end-0 top-full">
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--download] dropdown-icon"></span>
+                                                Download
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                Delete
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                Share
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:File item:-->
+                                <div class="flex items-center gap-3">
+                                    <div class="flex items-center grow gap-2.5">
+                                        <img alt="" class="h-6 w-auto" src="images/files/ai.svg">
+                                        <div class="flex flex-col">
+                                            <h6 class="cursor-pointer hover:!text-primary transition-all mb-1">
+                                                illustration.ai
+                                            </h6>
+                                            <span class="text-sm text-muted">
+                                                5.5
+                                                MB 27 Jul 2025 15:17 PM
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <!--:Dropdown:-->
+                                    <div class="relative">
+                                        <button
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            type="button" data-bs-toggle="dropdown">
+                                            <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                        </button>
+                                        <div class="dropdown-menu z-50 absolute min-w-36 !start-auto !end-0 top-full">
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--download] dropdown-icon"></span>
+                                                Download
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                Delete
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                Share
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:File item:-->
+                                <div class="flex items-center gap-3">
+                                    <div class="flex items-center grow gap-2.5">
+                                        <img alt="" class="h-6 w-auto" src="images/files/js.svg">
+                                        <div class="flex flex-col">
+                                            <h6 class="cursor-pointer hover:!text-primary transition-all mb-1">
+                                                dashboard-alt.js
+                                            </h6>
+                                            <span class="text-sm text-muted">
+                                                40
+                                                KB 27 Jul 2025
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <!--:Dropdown:-->
+                                    <div class="relative">
+                                        <button
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            type="button" data-bs-toggle="dropdown">
+                                            <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                        </button>
+                                        <div class="dropdown-menu z-50 absolute min-w-36 !start-auto !end-0 top-full">
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--download] dropdown-icon"></span>
+                                                Download
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                Delete
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                Share
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:File item:-->
+                                <div class="flex items-center gap-3">
+                                    <div class="flex items-center grow gap-2.5">
+                                        <img alt="" class="h-6 w-auto" src="images/files/doc.svg">
+                                        <div class="flex flex-col">
+                                            <h6 class="cursor-pointer hover:!text-primary transition-all mb-1">
+                                                profile-changes.doc
+                                            </h6>
+                                            <span class="text-sm text-muted">
+                                                1.1
+                                                MB 27 Jul 2025
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <!--:Dropdown:-->
+                                    <div class="relative">
+                                        <button
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            type="button" data-bs-toggle="dropdown">
+                                            <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                        </button>
+                                        <div class="dropdown-menu z-50 absolute min-w-36 !start-auto !end-0 top-full">
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--download] dropdown-icon"></span>
+                                                Download
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                Delete
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                Share
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="px-4 pb-4">
+                                <a href="#!"
+                                    class="inline-block border-b border-dashed text-primary text-sm font-semibold hover:text-current">All
+                                    files</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="flex items-center justify-between p-4 pb-0">
+                                <img class="h-10 w-auto shrink-0" src="images/brands/google-analytics.svg" alt="">
+                                <a href="#!" class="size-8 btn btn-default !p-0 !rounded-full">
+                                    <span class="icon-[lucide--arrow-up-right] text-lg"></span>
+                                </a>
+                            </div>
+                            <div class="p-4">
+                                <a href="#!" class="hover:!text-primary block text-lg mb-2 h6">
+                                    Google Analytics
+                                </a>
+                                <p>
+                                    Insights into website traffic and marketing effectiveness.
+                                </p>
+                            </div>
+                            <!--:Footer:-->
+                            <div class="flex items-center justify-between px-4 pb-4">
+                                <a href="#!" class="btn btn-sm gap-1 btn-default">
+                                    <span class="icon-[lucide--component] text-base"></span>
+                                    Connect</a>
+                                <div><input class="input-switch" name="integration" type="checkbox" value="1"></div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+
+                            <div class="text-center px-4 lg:px-6 py-4">
+                                <img src="images/illustrations/analytic.png" alt=""
+                                    class="w-32 mb-4 h-auto mx-auto block">
+                                <h5 class="text-lg mb-2">Add New Integration</h5>
+                                <p class="mb-5">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                                    industries
+                                </p>
+                                <a href="#!" class="btn bg-primary text-white hover:bg-primary-deep">Start now</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                    <div class="md:col-span-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Block List</h5>
+                            </div>
+                            <div class="flex flex-wrap gap-2 p-4">
+                                <p class="mb-2">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                                    industries
+                                </p>
+                                <div class="flex items-center w-full gap-1 mb-2">
+                                    <input id="widget_block_user" class="input flex-grow" placeholder="Block new user"
+                                        type="text" value="">
+                                    <span class="btn bg-primary hover:bg-primary-deep text-white">
+                                        Add
+                                    </span>
+                                </div>
+                                <!--:Blocked users list:-->
+                                <ul class="flex flex-col w-full divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                                    <!--:Blocked users item:-->
+                                    <li class="flex items-center py-2.5 justify-between gap-2.5">
+                                        <div class="flex items-center gap-2.5">
+                                            <div class="shrink-0">
+                                                <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-1.jpg">
+                                            </div>
+                                            <div class="flex flex-col gap-1.5">
+                                                <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                    href="#">
+                                                    Emily Johnson
+                                                </a>
+                                                <span class="text-sm text-muted">
+                                                    12 commits
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="flex items-center gap-2.5">
+                                            <a class="btn btn-sm btn-default" href="#">
+                                                Unblock
+                                            </a>
+                                        </div>
+                                    </li>
+                                    <!--:Blocked users item:-->
+                                    <li class="flex items-center py-2.5 justify-between gap-2.5">
+                                        <div class="flex items-center gap-2.5">
+                                            <div class="shrink-0">
+                                                <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-2.jpg">
+                                            </div>
+                                            <div class="flex flex-col gap-1.5">
+                                                <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                    href="#">
+                                                    Nikita Miller
+                                                </a>
+                                                <span class="text-sm text-muted">
+                                                    14 commits
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="flex items-center gap-2.5">
+                                            <a class="btn btn-sm btn-default" href="#">
+                                                Unblock
+                                            </a>
+                                        </div>
+                                    </li>
+                                    <!--:Blocked users item:-->
+                                    <li class="flex items-center py-2.5 justify-between gap-2.5">
+                                        <div class="flex items-center gap-2.5">
+                                            <div class="shrink-0">
+                                                <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-3.jpg">
+                                            </div>
+                                            <div class="flex flex-col gap-1.5">
+                                                <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                    href="#">
+                                                    Lissa Handrics
+                                                </a>
+                                                <span class="text-sm text-muted">
+                                                    5 commits
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="flex items-center gap-2.5">
+                                            <a class="btn btn-sm btn-default" href="#">
+                                                Unblock
+                                            </a>
+                                        </div>
+                                    </li>
+                                    <!--:Blocked users item:-->
+                                    <li class="flex items-center py-2.5 justify-between gap-2.5">
+                                        <div class="flex items-center gap-2.5">
+                                            <div class="shrink-0">
+                                                <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-4.jpg">
+                                            </div>
+                                            <div class="flex flex-col gap-1.5">
+                                                <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                    href="#">
+                                                    John Doe
+                                                </a>
+                                                <span class="text-sm text-muted">
+                                                    3 commits
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="flex items-center gap-2.5">
+                                            <a class="btn btn-sm btn-default" href="#">
+                                                Unblock
+                                            </a>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+
+                    </div>
+                    <div class="md:col-span-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">About</h5>
+                            </div>
+                            <div class="flex flex-wrap gap-2 p-4">
+                                <table>
+                                    <tbody>
+                                        <tr>
+                                            <td class="text-muted pb-3.5 pe-3">
+                                                Age
+                                            </td>
+                                            <td class="pb-3.5">
+                                                29
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td class="text-muted pb-3.5 pe-3">
+                                                City:
+                                            </td>
+                                            <td class="pb-3.5">
+                                                San Fransisco
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td class="text-muted pb-3.5 pe-3">
+                                                State:
+                                            </td>
+                                            <td class="pb-3.5">
+                                                California
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td class="text-muted pb-3.5 pe-3">
+                                                Country:
+                                            </td>
+                                            <td class="pb-3.5">
+                                                United States
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td class="text-muted pb-3.5 pe-3">
+                                                Postcode:
+                                            </td>
+                                            <td class="pb-3.5">
+                                                2730 CL
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td class="text-muted pb-3.5 pe-3">
+                                                Phone:
+                                            </td>
+                                            <td class="pb-3.5">
+                                                +01 1 1234 56 78
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td class="text-muted pe-3">
+                                                Email:
+                                            </td>
+                                            <td>
+                                                <a class="hover:text-primary" href="#">
+                                                    email@domain.com
+                                                </a>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Password</h5>
+                            </div>
+                            <div class="p-4">
+                                <form>
+                                    <div class="mb-4">
+                                        <label for="userCurrentPassword" class="block mb-1">Current
+                                            Password</label>
+                                        <input id="userCurrentPassword" type="password" class="input"
+                                            placeholder="Current password">
+                                    </div>
+                                    <div class="mb-4">
+                                        <label for="userNewPassword" class="block mb-1">New Password</label>
+                                        <input id="userNewPassword" type="password" class="input"
+                                            placeholder="New password">
+                                    </div>
+                                    <div class="mb-4">
+                                        <label for="userConfirmNewPassword" class="block mb-1">Confirm New
+                                            Password</label>
+                                        <input id="userConfirmNewPassword" type="password" class="input"
+                                            placeholder="Confirm new password">
+                                    </div>
+                                    <div class="text-right">
+                                        <button type="submit"
+                                            class="btn bg-primary text-white hover:bg-primary-deep">Submit</button>
+                                    </div>
+                                </form>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                    <div class="md:col-span-6">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Activity list</h5>
+                                <label class="flex items-center text-sm gap-2 cursor-pointer">
+                                    <span class="flex-grow text-muted">Auto refresh</span>
+                                    <input class="input-switch" name="activityRefresh" type="checkbox" value="1">
+                                </label>
+                            </div>
+                            <div class="p-4">
+                                <span class="font-semibold text-sm block mb-2 text-muted">Today</span>
+                                <!--:Timeline:-->
+                                <ul class="timeline">
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img alt="" src="images/avatars/thumb-3.jpg"
+                                                        class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Angelina
+                                                            Gotelli</span><span> has changed </span><span
+                                                            class="font-semibold">#ts-212</span><span>
+                                                            status to </span><span
+                                                            class="font-semibold text-green-500">Completed</span>
+                                                        <span class="block mt-1 text-xs text-muted">10:15
+                                                            AM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img alt="" src="images/avatars/thumb-6.jpg"
+                                                        class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Max Alexander</span>
+                                                        comment on your post
+                                                        <a href="#!"
+                                                            class="font-semibold text-primary hover:text-primary-deep">Top
+                                                            10 Tech Trends</a>
+                                                        <span class="text-xs mt-1 text-muted block">11:50
+                                                            AM</span>
+                                                    </p>
+                                                    <div class="p-3 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                                                        <p class="mb-2">
+                                                            Lorem ipsum is text commonly used in the print, and
+                                                            publishing industries for previewing layouts and visual
+                                                            mockups
+                                                        </p>
+                                                        <a href="#!"
+                                                            class="hover:text-primary border-b text-sm font-semibold border-dashed">
+                                                            <span class="icon-[lucide--reply]"></span>
+                                                            Reply</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <span
+                                                        class="size-7 flex items-center justify-center rounded-full bg-primary text-white">
+                                                        <span class="icon-[lucide--hash]"></span>
+                                                    </span>
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Eugene
+                                                            Stewart</span><span> added tags </span>
+                                                        <span
+                                                            class="badge  bg-sky-500/10 text-sky-500">Tailwindcss</span>
+                                                        <span class="badge bg-red-500/10 text-red-500">Gulp</span>
+
+                                                        <span class="block text-xs mt-1 text-muted">12:50
+                                                            PM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                            <!--:Footer:-->
+                            <div class="px-4 pb-4">
+                                <a href="#!"
+                                    class="inline-block border-b border-dashed text-primary text-sm font-semibold hover:text-current">View
+                                    all Activity</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-6">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative overflow-hidden">
+                            <div class="px-4 pt-4 flex items-center justify-between">
+                                <span class="badge bg-green-500/10 text-green-500">Active</span>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button
+                                        class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                        type="button" data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+
+                                    <div class="dropdown-menu z-50 absolute min-w-32 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--settings] dropdown-icon"></span>
+                                            Settings
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[iconoir--pause] dropdown-icon"></span>
+                                            Paush
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--info] dropdown-icon"></span>
+                                            Details
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="px-4 py-6">
+                                <div class="flex flex-col items-center justify-center text-center mb-5">
+                                    <img alt="" src="images/brands/mailchimp.svg" class="w-10 h-auto block mb-2">
+                                    <a href="#!" class="hover:text-primary text-lg h6">Email Engagement</a>
+                                    <p class="text-sm">Mailchimp email engagement</p>
+                                </div>
+                                <div class="flex items-center justify-center flex-wrap gap-2 lg:gap-5">
+                                    <div
+                                        class="flex flex-col flex-grow gap-1.5 border border-zinc-200 dark:border-zinc-800 border-dashed border-input rounded-md p-3">
+                                        <h6 class="font-semibold">23.4K</h6>
+                                        <small class="text-muted">Subscribers</small>
+                                    </div>
+                                    <div
+                                        class="flex flex-col flex-grow gap-1.5 border border-zinc-200 dark:border-zinc-800 border-dashed border-input rounded-md p-3">
+                                        <h6 class="font-semibold">22%</h6>
+                                        <small class="text-muted">Traffic Rise</small>
+                                    </div>
+                                    <div
+                                        class="flex flex-col flex-grow gap-1.5 border border-zinc-200 dark:border-zinc-800 border-dashed border-input rounded-md p-3">
+                                        <h6 class="font-semibold">$311.75K</h6>
+                                        <small class="text-muted">Total Sales</small>
+                                    </div>
+                                </div>
+                            </div>
+                            <!--:Footer:-->
+                            <div class="px-4 pb-4 text-center">
+                                <a href="#!"
+                                    class="inline-block border-b border-dashed text-primary text-sm font-semibold hover:text-current">View
+                                    all Campaigns</a>
+                            </div>
+
+                            <!--:Campaign progress:-->
+                            <div class="h-1 w-full absolute bottom-0 left-0 bg-blue-500/10" role="progressbar"
+                                aria-label="Basic example" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100">
+                                <div class="h-1 bg-blue-500" style="width:37%"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+
+            </div>
+            <div class="px-4">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                    <div class="md:col-span-4">
+
+                        <!--:Card:-->
+                        <div class="rounded-xl overflow-hidden bg-white dark:bg-zinc-900 shadow-card">
+                            <!--:Cover:-->
+                            <div class="h-32">
+                                <img src="images/bg-cover.jpg" alt="" class="object-cover w-full h-full object-top">
+                            </div>
+                            <div class="relative">
+                                <img src="images/avatars/thumb-1.jpg" alt=""
+                                    class="size-20 -mt-10 rounded-full border-4 border-white dark:border-zinc-900 block mx-auto">
+                                <div class="p-4 pt-2">
+                                    <div class="mb-4 text-center">
+                                        <h5 class="text-lg mb-1">Emily Docker</h5>
+                                        <p class="text-sm text-muted">UI/UX Designer</p>
+                                    </div>
+                                    <div
+                                        class="grid grid-cols-3 gap-4 mb-4 divide-x divide-dashed divide-zinc-200 dark:divide-zinc-800">
+                                        <div class="text-center">
+                                            <p class="text-sm text-muted"><a href="#!">Projects</a></p>
+                                            <p>20</p>
+                                        </div>
+                                        <div class="text-center">
+                                            <p class="text-sm text-muted"><a href="#!">Tasks</a></p>
+                                            <p>15</p>
+                                        </div>
+                                        <div class="text-center">
+                                            <p class="text-sm text-muted"><a href="#!">Position</a></p>
+                                            <p>Employee</p>
+                                        </div>
+                                    </div>
+                                    <p class="line-clamp-2 mb-4">
+                                        Lorem ipsum is text commonly used in the print, and publishing industries for
+                                        previewing layouts and visual mockups
+                                    </p>
+                                    <div class="flex flex-wrap justify-center items-center gap-1">
+                                        <a href="#!"
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                            <span class="icon-[iconoir--facebook] text-lg"></span>
+                                        </a>
+                                        <a href="#!"
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                            <span class="icon-[iconoir--x] text-lg"></span>
+                                        </a>
+                                        <a href="#!"
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                            <span class="icon-[iconoir--linkedin] text-lg"></span>
+                                        </a>
+                                        <a href="#!"
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                            <span class="icon-[iconoir--discord] text-lg"></span>
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+
+                        <!--:Card:-->
+                        <div class="rounded-xl overflow-hidden bg-white dark:bg-zinc-900 shadow-card">
+                            <!--:Cover:-->
+                            <div class="h-42">
+                                <img src="images/bg-cover-2.jpg" alt="" class="object-cover w-full h-full object-top">
+                            </div>
+                            <div class="relative">
+                                <img src="images/avatars/thumb-7.jpg" alt=""
+                                    class="size-20 -mt-10 rounded-full border-4 border-white dark:border-zinc-900 block mx-auto">
+                                <div class="p-4 pt-2">
+                                    <div class="mb-4 text-center">
+                                        <h5 class="text-lg mb-1">Liam Johnson</h5>
+                                        <p class="text-sm text-muted">Digital Marketer</p>
+                                    </div>
+                                    <div
+                                        class="grid grid-cols-3 gap-4 mb-4 divide-x divide-dashed divide-zinc-200 dark:divide-zinc-800">
+                                        <div class="text-center">
+                                            <p class="text-lg">123</p>
+                                            <p class="text-sm text-muted"><a href="#!">Posts</a></p>
+                                        </div>
+                                        <div class="text-center">
+                                            <p class="text-lg">493K</p>
+                                            <p class="text-sm text-muted"><a href="#!">Followers</a></p>
+                                        </div>
+                                        <div class="text-center">
+                                            <p class="text-lg">256</p>
+                                            <p class="text-sm text-muted"><a href="#!">Following</a></p>
+                                        </div>
+                                    </div>
+                                    <div class="flex flex-wrap justify-center items-center gap-1">
+                                        <a href="#!" class="btn bg-primary text-white hover:bg-primary-deep">
+                                            Follow Now
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+
+                        <!--:Card:-->
+                        <div class="rounded-xl overflow-hidden bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 pb-2 flex items-center justify-between">
+                                <h5 class="text-lg">Contacts</h5>
+                                <a href="#!" class="border-b border-dashed text-primary hover:text-current">View
+                                    All</a>
+                            </div>
+                            <ul class="divide-y px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-1.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Nikita Miller</a>
+                                            <span class="text-sm text-muted">UI/UX Developer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-8.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Liam Johnson</a>
+                                            <span class="text-sm text-muted">Frontend Engineer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-3.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Sophia Lee</a>
+                                            <span class="text-sm text-muted">Product Designer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Ethan Smith</a>
+                                            <span class="text-sm text-muted">Backend Developer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Isabella Garcia</a>
+                                            <span class="text-sm text-muted">Digital Marketer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Noah Walker</a>
+                                            <span class="text-sm text-muted">Full Stack Developer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+
+                        <!--:Card:-->
+                        <div class="rounded-xl overflow-hidden bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 pb-2 flex items-center justify-between">
+                                <h5 class="text-lg">Reminders</h5>
+                                <a href="#!" class="border-b border-dashed text-primary hover:text-current">View
+                                    All</a>
+                            </div>
+                            <ul class="divide-y px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex flex-col gap-1 overflow-hidden">
+                                        <a class="block" href="#">
+                                            <h6 class="truncate">Waree Energy Meeting goes down there</h6>
+                                        </a>
+                                        <span class="text-sm text-muted">Today - 14:30AM</span>
+                                    </div>
+                                    <div class="flex items-center shrink-0">
+                                        <a class="badge bg-primary-subtle text-primary hover:bg-primary hover:text-white"
+                                            href="#">
+                                            <span class="icon-[lucide--users] me-1.5"></span> Meeting</a>
+                                    </div>
+                                </li>
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex flex-col gap-1 overflow-hidden">
+                                        <a class="block" href="#">
+                                            <h6 class="truncate">Jackob Doherty</h6>
+                                        </a>
+                                        <span class="text-sm text-muted">Tomorrow</span>
+                                    </div>
+                                    <div class="flex items-center shrink-0">
+                                        <a class="badge bg-amber-500/10 text-amber-500 hover:bg-amber-500 hover:text-white items-center"
+                                            href="#">
+                                            <span class="icon-[lucide--cake] me-1.5"></span>
+                                            Birthday</a>
+                                    </div>
+                                </li>
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex flex-col gap-1 overflow-hidden">
+                                        <a class="block" href="#">
+                                            <h6 class="truncate">Contract revision- update banking details</h6>
+                                        </a>
+                                        <span class="text-sm text-muted">Tomorrow - 2:30PM</span>
+                                    </div>
+                                    <div class="flex items-center shrink-0">
+                                        <a class="badge bg-red-500/10 text-red-500 hover:bg-red-500 hover:text-white items-center"
+                                            href="#">
+                                            <span class="icon-[lucide--triangle-alert] me-1.5"></span>
+                                            Deadline </a>
+                                    </div>
+                                </li>
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex flex-col gap-1 overflow-hidden">
+                                        <a class="block" href="#">
+                                            <h6 class="truncate">Designers & developers meet for Waree projects</h6>
+                                        </a>
+                                        <span class="text-sm text-muted">Friday - 12:30AM</span>
+                                    </div>
+                                    <div class="flex items-center shrink-0">
+                                        <a class="badge bg-primary-subtle text-primary hover:bg-primary hover:text-white"
+                                            href="#">
+                                            <span class="icon-[lucide--users] me-1.5"></span> Meeting</a>
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl relative bg-gradient-to-tl from-primary-deep via-purple-700 to-pink-900 shadow-card p-6 overflow-hidden">
+                            <img src="images/projects/1.jpg" alt="" class="w-full h-full absolute inset-0 object-cover">
+                            <div class="relative z-[1]">
+                                <span class="relative animate-bounce my-4 flex size-16 rounded-full mx-auto">
+                                    <img src="images/avatars/thumb-1.jpg" alt=""
+                                        class="size-16 rounded-full shadow-xl block mx-auto">
+                                </span>
+
+                                <!--info-->
+                                <div class="mb-7 text-center">
+                                    <h5 class="text-lg mb-1 !text-white">Emily calling you</h5>
+                                    <p class="text-sm text-white/75">Raven support</p>
+                                </div>
+
+                                <!--:Call buttons:-->
+                                <div class="flex items-center justify-center gap-6 lg:gap-10">
+                                    <div class="flex flex-col items-center gap-2">
+                                        <button type="button"
+                                            class="size-12 bg-red-500 hover:bg-red-600 cursor-pointer text-white flex items-center justify-center rounded-full">
+                                            <span class="icon-[lucide--phone-off] text-2xl"></span>
+                                        </button>
+                                        <span class="text-white">Decline</span>
+                                    </div>
+                                    <div class="flex flex-col items-center gap-2">
+                                        <button type="button"
+                                            class="size-12 bg-lime-500 hover:bg-lime-600 cursor-pointer text-white flex items-center justify-center rounded-full">
+                                            <span class="icon-[lucide--phone-call] text-2xl"></span>
+                                        </button>
+                                        <span class="text-white">Answer</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+
+                        <!--:Card:-->
+                        <div class="rounded-xl overflow-hidden bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 pb-2 flex items-center justify-between">
+                                <h5 class="text-lg">Open Positions</h5>
+                                <a href="#!" class="border-b border-dashed text-primary hover:text-current">View
+                                    All</a>
+                            </div>
+                            <div class="overflow-x-auto px-4">
+                                <table class="table-default table-striped">
+                                    <thead>
+                                        <tr>
+                                            <th>Title</th>
+                                            <th>Departement</th>
+                                            <th class="!text-end">Status</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr class="whitespace-nowrap">
+                                            <td>UI/UX designer</td>
+                                            <td>Service</td>
+                                            <td class="!text-end">
+                                                <span class="flex justify-end items-center gap-1">
+                                                    <span
+                                                        class="icon-[iconoir--clock-solid] text-lg text-sky-500"></span>
+                                                    <span>Process</span>
+                                                </span>
+                                            </td>
+                                        </tr>
+                                        <tr class="whitespace-nowrap">
+                                            <td>Web developer</td>
+                                            <td>IT</td>
+                                            <td class="!text-end">
+                                                <span class="flex justify-end items-center gap-1">
+                                                    <span
+                                                        class="icon-[iconoir--check-circle-solid] text-lg text-green-500"></span>
+                                                    <span>Active</span>
+                                                </span>
+                                            </td>
+                                        </tr>
+                                        <tr class="whitespace-nowrap">
+                                            <td>BE developer</td>
+                                            <td>IT</td>
+                                            <td class="!text-end">
+                                                <span class="flex justify-end items-center gap-1">
+                                                    <span
+                                                        class="icon-[iconoir--clock-solid] text-lg text-sky-500"></span>
+                                                    <span>Process</span>
+                                                </span>
+                                            </td>
+                                        </tr>
+                                        <tr class="whitespace-nowrap">
+                                            <td>HR Manager</td>
+                                            <td>HR</td>
+                                            <td class="!text-end">
+                                                <span class="flex justify-end items-center gap-1">
+                                                    <span
+                                                        class="icon-[iconoir--check-circle-solid] text-lg text-green-500"></span>
+                                                    <span>Active</span>
+                                                </span>
+                                            </td>
+                                        </tr>
+                                        <tr class="whitespace-nowrap">
+                                            <td>Project manager</td>
+                                            <td>Manager</td>
+                                            <td class="!text-end">
+                                                <span class="flex justify-end items-center gap-1">
+                                                    <span
+                                                        class="icon-[iconoir--check-circle-solid] text-lg text-green-500"></span>
+                                                    <span>Active</span>
+                                                </span>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4">
+                <!--alert cta-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-2">
+                    <div
+                        class="p-4 lg:p-6 overflow-hidden rounded-xl bg-orange-100 dark:bg-orange-950 border border-orange-500/10">
+                        <div class="flex items-center justify-between">
+                            <div class="flex-grow me-4">
+                                <h6 class="text-xl mb-2">Your free trial expires in <span class="text-yellow-600">17
+                                        days</span></h6>
+                                <p class="mb-4 dark:text-white/70">Upgrade your plan now to keep uninterrupted access to
+                                    all
+                                    features.</p>
+                                <button type="button" class="btn bg-primary text-white hover:bg-primary-deep">Upgrade
+                                    Now <span class="icon-[lucide--external-link] ms-2"></span></button>
+                            </div>
+                            <div class="shrink-0 w-24">
+                                <img src="images/illustrations/wallet.png" class="max-w-full" alt="">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public_html/robots.txt b/public_html/robots.txt
new file mode 100644
index 0000000..9e60f97
--- /dev/null
+++ b/public_html/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: 
diff --git a/public_html/test b/public_html/test
new file mode 100644
index 0000000..345e07a
--- /dev/null
+++ b/public_html/test
@@ -0,0 +1,2 @@
+RewriteEngine On
+RewriteRule ^.*$ rewrite-ok
\ No newline at end of file
diff --git a/www/.htaccess b/www/.htaccess
new file mode 100644
index 0000000..fe76833
--- /dev/null
+++ b/www/.htaccess
@@ -0,0 +1,56 @@
+# Disable directory browsing
+Options -Indexes
+
+# ----------------------------------------------------------------------
+# Rewrite engine
+# ----------------------------------------------------------------------
+
+# Turning on the rewrite engine is necessary for the following rules and features.
+# FollowSymLinks must be enabled for this to work.
+<IfModule mod_rewrite.c>
+	Options +FollowSymlinks
+	RewriteEngine On
+
+	# If you installed CodeIgniter in a subfolder, you will need to
+	# change the following line to match the subfolder you need.
+	# http://httpd.apache.org/docs/current/mod/mod_rewrite.html#rewritebase
+	# RewriteBase /
+
+	# Redirect Trailing Slashes...
+	RewriteCond %{REQUEST_FILENAME} !-d
+	RewriteCond %{REQUEST_URI} (.+)/$
+	RewriteRule ^ %1 [L,R=301]
+
+	# Rewrite "www.example.com -> example.com"
+	RewriteCond %{HTTPS} !=on
+	RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
+	RewriteRule ^ http://%1%{REQUEST_URI} [R=301,L]
+
+	# Checks to see if the user is attempting to access a valid file,
+	# such as an image or css document, if this isn't true it sends the
+	# request to the front controller, index.php
+	RewriteCond %{REQUEST_FILENAME} !-f
+	RewriteCond %{REQUEST_FILENAME} !-d
+	RewriteRule ^([\s\S]*)$ index.php/$1 [L,NC,QSA]
+
+	# Ensure Authorization header is passed along
+	RewriteCond %{HTTP:Authorization} .
+	RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
+</IfModule>
+
+<IfModule !mod_rewrite.c>
+	# If we don't have mod_rewrite installed, all 404's
+	# can be sent to index.php, and everything works as normal.
+	ErrorDocument 404 index.php
+</IfModule>
+
+# Disable server signature start
+ServerSignature Off
+# Disable server signature end
+
+# php -- BEGIN cPanel-generated handler, do not edit
+# Set the “ea-php81” package as the default “PHP” programming language.
+<IfModule mime_module>
+  AddHandler application/x-httpd-ea-php81___lsphp .php .php8 .phtml
+</IfModule>
+# php -- END cPanel-generated handler, do not edit
diff --git a/www/check_paths.php b/www/check_paths.php
new file mode 100644
index 0000000..9f7ab0d
--- /dev/null
+++ b/www/check_paths.php
@@ -0,0 +1,3 @@
+<?php
+$path = realpath(__DIR__ . '/../ci4app/app/Config/Paths.php');
+var_dump($path);
\ No newline at end of file
diff --git a/www/error_log b/www/error_log
new file mode 100644
index 0000000..ad48d36
--- /dev/null
+++ b/www/error_log
@@ -0,0 +1,3 @@
+[25-Nov-2025 11:00:42] PHP Parse error:  syntax error, unexpected T_STRING, expecting T_CONSTANT_ENCAPSED_STRING or '(' in /home/ms1reader/public_html/index.php on line 3
+[25-Nov-2025 11:00:44] PHP Parse error:  syntax error, unexpected T_STRING, expecting T_CONSTANT_ENCAPSED_STRING or '(' in /home/ms1reader/public_html/index.php on line 3
+[25-Nov-2025 11:00:44] PHP Parse error:  syntax error, unexpected T_STRING, expecting T_CONSTANT_ENCAPSED_STRING or '(' in /home/ms1reader/public_html/index.php on line 3
diff --git a/www/favicon.ico b/www/favicon.ico
new file mode 100644
index 0000000..7ecfce2
Binary files /dev/null and b/www/favicon.ico differ
diff --git a/www/index.php b/www/index.php
new file mode 100644
index 0000000..b1150c2
--- /dev/null
+++ b/www/index.php
@@ -0,0 +1,59 @@
+<?php
+
+use CodeIgniter\Boot;
+use Config\Paths;
+
+/*
+ *---------------------------------------------------------------
+ * CHECK PHP VERSION
+ *---------------------------------------------------------------
+ */
+
+$minPhpVersion = '8.1'; // If you update this, don't forget to update `spark`.
+if (version_compare(PHP_VERSION, $minPhpVersion, '<')) {
+    $message = sprintf(
+        'Your PHP version must be %s or higher to run CodeIgniter. Current version: %s',
+        $minPhpVersion,
+        PHP_VERSION,
+    );
+
+    header('HTTP/1.1 503 Service Unavailable.', true, 503);
+    echo $message;
+
+    exit(1);
+}
+
+/*
+ *---------------------------------------------------------------
+ * SET THE CURRENT DIRECTORY
+ *---------------------------------------------------------------
+ */
+
+// Path to the front controller (this file)
+define('FCPATH', __DIR__ . DIRECTORY_SEPARATOR);
+
+// Ensure the current directory is pointing to the front controller's directory
+if (getcwd() . DIRECTORY_SEPARATOR !== FCPATH) {
+    chdir(FCPATH);
+}
+
+/*
+ *---------------------------------------------------------------
+ * BOOTSTRAP THE APPLICATION
+ *---------------------------------------------------------------
+ * This process sets up the path constants, loads and registers
+ * our autoloader, along with Composer's, loads our constants
+ * and fires up an environment-specific bootstrapping.
+ */
+
+// LOAD OUR PATHS CONFIG FILE
+// This is the line that might need to be changed, depending on your folder structure.
+require realpath(__DIR__ . '/../ci4app/app/Config/Paths.php');
+// ^^^ Change this line if you move your application folder
+
+$paths = new Paths();
+
+// LOAD THE FRAMEWORK BOOTSTRAP FILE
+require $paths->systemDirectory . '/Boot.php';
+
+exit(Boot::bootWeb($paths));
diff --git a/www/phpinfo.php b/www/phpinfo.php
new file mode 100644
index 0000000..bfd863b
--- /dev/null
+++ b/www/phpinfo.php
@@ -0,0 +1,2 @@
+<?php
+phpinfo();
\ No newline at end of file
diff --git a/www/raven-demo/account-activity-log.html b/www/raven-demo/account-activity-log.html
new file mode 100644
index 0000000..393f650
--- /dev/null
+++ b/www/raven-demo/account-activity-log.html
@@ -0,0 +1,1251 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item active">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Activity Log</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Account</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Activity log</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+
+                <div class="p-4 md:p-6 max-w-3xl mx-auto">
+                    <div class="mb-7 flex items-center justify-between">
+
+                        <label class="flex items-center text-sm gap-2 cursor-pointer">
+                            <span class="flex-grow">Auto refresh</span>
+                            <input class="input-switch" name="activityRefresh" type="checkbox" value="1">
+                        </label>
+                        <div class="relative">
+                            <button data-bs-auto-close="outside" data-bs-toggle="dropdown" type="button"
+                                class="btn btn-default gap-2">
+                                <span class="icon-[lucide--sliders-horizontal]"></span> Filter
+                            </button>
+                            <div class="dropdown-menu absolute !end-0 !start-auto top-full min-w-44 !p-4 !mt-1">
+                                <div class="flex flex-col space-y-3">
+
+                                    <label for="project_in_progress" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_in_progress">
+                                        <span>Assign Ticket</span>
+                                    </label>
+
+                                    <label for="project_not_started" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_not_started">
+                                        <span>Mentioned only</span>
+                                    </label>
+                                    <label for="project_pending" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_pending">
+                                        <span>Replies</span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <span class="font-semibold block mb-2 text-muted">Today</span>
+                    <!--:Timeline:-->
+                    <ul class="timeline">
+                        <li class="timeline-item">
+                            <div class="timeline-item-wrapper">
+                                <div class="timeline-item-media shrink-0">
+                                    <div class="timeline-item-media-content">
+                                        <!--:Avatar:-->
+                                        <img alt="" src="images/avatars/thumb-3.jpg" class="rounded-full size-7">
+                                    </div>
+                                    <div class="timeline-connect"></div>
+                                </div>
+                                <div class="timeline-item-content">
+                                    <div class="mt-1">
+                                        <p class="mb-1"><span class="h6">Angelina
+                                                Gotelli</span><span> has changed </span><span
+                                                class="font-semibold">#ts-212</span><span>
+                                                status to </span><span
+                                                class="font-semibold text-green-500">Completed</span>
+                                            <span class="block mt-1 text-xs text-muted">10:15
+                                                AM</span>
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <!--:Timeline item:-->
+                        <li class="timeline-item">
+                            <div class="timeline-item-wrapper">
+                                <div class="timeline-item-media shrink-0">
+                                    <div class="timeline-item-media-content">
+                                        <!--:Avatar:-->
+                                        <img alt="" src="images/avatars/thumb-6.jpg" class="rounded-full size-7">
+                                    </div>
+                                    <div class="timeline-connect"></div>
+                                </div>
+                                <div class="timeline-item-content">
+                                    <div class="mt-1">
+                                        <p class="mb-1"><span class="h6">Max Alexander</span>
+                                            comment on your post
+                                            <a href="#!" class="font-semibold text-primary hover:text-primary-deep">Top
+                                                10 Tech Trends</a>
+                                            <span class="text-xs mt-1 text-muted block">11:50
+                                                AM</span>
+                                        </p>
+                                        <div class="p-3 rounded-lg bg-zinc-100 dark:bg-zinc-800">
+                                            <p class="mb-2">
+                                                Lorem ipsum is text commonly used in the print, and
+                                                publishing industries for previewing layouts and visual
+                                                mockups
+                                            </p>
+                                            <a href="#!"
+                                                class="hover:text-primary border-b text-sm font-semibold border-dashed">
+                                                <span class="icon-[lucide--reply]"></span>
+                                                Reply</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <!--:Timeline item:-->
+                        <li class="timeline-item">
+                            <div class="timeline-item-wrapper">
+                                <div class="timeline-item-media shrink-0">
+                                    <div class="timeline-item-media-content">
+                                        <!--:Avatar:-->
+                                        <span
+                                            class="size-7 flex items-center justify-center rounded-full bg-primary text-white">
+                                            <span class="icon-[lucide--hash]"></span>
+                                        </span>
+                                    </div>
+                                    <div class="timeline-connect"></div>
+                                </div>
+                                <div class="timeline-item-content">
+                                    <div class="mt-1">
+                                        <p class="mb-1"><span class="h6">Eugene
+                                                Stewart</span><span> added tags </span>
+                                            <span
+                                                class="badge bg-sky-500/10 text-sky-500">Tailwindcss</span>
+                                            <span
+                                                class="badge bg-red-500/10 1text-red-500">Gulp</span>
+
+                                            <span class="block text-xs mt-1 text-muted">12:50
+                                                PM</span>
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                    <div class="my-5"></div>
+                    <span class="font-semibold block mb-2 text-muted">Yesterday</span>
+                    <!--:Timeline:-->
+                    <ul class="timeline">
+
+                        <!--:Timeline item:-->
+                        <li class="timeline-item">
+                            <div class="timeline-item-wrapper">
+                                <div class="timeline-item-media shrink-0">
+                                    <div class="timeline-item-media-content">
+                                        <!--:Avatar:-->
+                                        <span
+                                            class="size-7 flex items-center justify-center rounded-full bg-blue-500 text-white">
+                                            <span class="icon-[lucide--message-circle-more]"></span>
+                                        </span>
+                                    </div>
+                                    <div class="timeline-connect"></div>
+                                </div>
+                                <div class="timeline-item-content">
+                                    <div class="mt-1">
+                                        <p class="mb-1"><span class="h6">Nikki
+                                                Stewart</span><span> mentioned you in a comment </span>
+                                            <span class="block text-xs mt-1 text-muted">12:50
+                                                PM</span>
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="timeline-item">
+                            <div class="timeline-item-wrapper">
+                                <div class="timeline-item-media shrink-0">
+                                    <div class="timeline-item-media-content">
+                                        <!--:Avatar:-->
+                                        <img alt="" src="images/avatars/thumb-4.jpg" class="rounded-full size-7">
+                                    </div>
+                                    <div class="timeline-connect"></div>
+                                </div>
+                                <div class="timeline-item-content">
+                                    <div class="mt-1">
+                                        <p class="mb-1"><span class="h6">Emelia</span><span> has changed </span><span
+                                                class="font-semibold">#ts-212</span><span>
+                                                status to </span><span
+                                                class="font-semibold text-yellow-500">Pending</span>
+                                            <span class="block mt-1 text-xs text-muted">10:15
+                                                AM</span>
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                    <div class="my-5"></div>
+                    <span class="font-semibold block mb-2 text-muted">June 20, 2025</span>
+                    <!--:Timeline:-->
+                    <ul class="timeline">
+                        <li class="timeline-item">
+                            <div class="timeline-item-wrapper">
+                                <div class="timeline-item-media shrink-0">
+                                    <div class="timeline-item-media-content">
+                                        <!--:Avatar:-->
+                                        <img alt="" src="images/avatars/thumb-3.jpg" class="rounded-full size-7">
+                                    </div>
+                                    <div class="timeline-connect"></div>
+                                </div>
+                                <div class="timeline-item-content">
+                                    <div class="mt-1">
+                                        <p class="mb-1"><span class="h6">Angelina
+                                                Gotelli</span><span> has changed </span><span
+                                                class="font-semibold">#ts-212</span><span>
+                                                status to </span><span
+                                                class="font-semibold text-green-500">Completed</span>
+                                            <span class="block mt-1 text-xs text-muted">10:15
+                                                AM</span>
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <!--:Timeline item:-->
+                        <li class="timeline-item">
+                            <div class="timeline-item-wrapper">
+                                <div class="timeline-item-media shrink-0">
+                                    <div class="timeline-item-media-content">
+                                        <!--:Avatar:-->
+                                        <img alt="" src="images/avatars/thumb-8.jpg" class="rounded-full size-7">
+                                    </div>
+                                    <div class="timeline-connect"></div>
+                                </div>
+                                <div class="timeline-item-content">
+                                    <div class="mt-1">
+                                        <p class="mb-1"><span class="h6">John Doe</span>
+                                            comment on your post
+                                            <a href="#!"
+                                                class="font-semibold text-primary hover:text-primary-deep">TailwindCss
+                                                utilities uses</a>
+                                            <span class="text-xs mt-1 text-muted block">11:50
+                                                AM</span>
+                                        </p>
+                                        <div class="p-3 rounded-lg bg-zinc-100 dark:bg-zinc-800">
+                                            <p class="mb-2">
+                                                Lorem ipsum is text commonly used in the print, and
+                                                publishing industries for previewing layouts and visual
+                                                mockups
+                                            </p>
+                                            <a href="#!"
+                                                class="hover:text-primary border-b text-sm font-semibold border-dashed">
+                                                <span class="icon-[lucide--reply]"></span>
+                                                Reply</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <!--:Timeline item:-->
+                        <li class="timeline-item">
+                            <div class="timeline-item-wrapper">
+                                <div class="timeline-item-media shrink-0">
+                                    <div class="timeline-item-media-content">
+                                        <!--:Avatar:-->
+                                        <span
+                                            class="size-7 flex items-center justify-center rounded-full bg-primary text-white">
+                                            <span class="icon-[lucide--hash]"></span>
+                                        </span>
+                                    </div>
+                                    <div class="timeline-connect"></div>
+                                </div>
+                                <div class="timeline-item-content">
+                                    <div class="mt-1">
+                                        <p class="mb-1"><span class="h6">Eugene
+                                                Stewart</span><span> added tags </span>
+                                            <span
+                                                class="badge bg-amber-500/10 text-amber-500">Issue</span>
+                                            <span class="block text-xs mt-1 text-muted">12:50
+                                                PM</span>
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                    <div class="mt-7">
+                        <button class="btn bg-primary hover:bg-primary-deep text-white">
+                        Load more
+                    </button>
+                    </div>
+                    
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/account-billing.html b/www/raven-demo/account-billing.html
new file mode 100644
index 0000000..89b7707
--- /dev/null
+++ b/www/raven-demo/account-billing.html
@@ -0,0 +1,1229 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item active">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-0">Billing</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div
+                class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 lg:gap-8 mb-4">
+                    <div class="md:col-span-4 lg:col-span-3">
+                        <!--:Navbar:-->
+                         <nav class="flex flex-col space-y-0.5">
+                            <a href="account-settings.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--user] text-lg"></span>
+                                Profile
+                            </a>
+                            <a href="account-security.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--shield-check] text-lg"></span>
+                                Security
+                            </a>
+                            <a href="account-notifications.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--bell] text-lg"></span>
+                                Notifications
+                            </a>
+                            <a href="account-billing.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--credit-card] text-lg"></span>
+                                Billing
+                            </a>
+                            <a href="account-integration.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--component] text-lg"></span>
+                                 Integrations
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Billing</h5>
+                            </div>
+                            <!--:Current Plan:-->
+                            <div class="flex flex-col sm:flex-row sm:items-center gap-3.5 p-4">
+                                <div
+                                    class="shrink-0 size-10 flex items-center justify-center rounded-full bg-primary text-white">
+                                   <span class="icon-[lucide--bolt] text-lg"></span>
+                                </div>
+                                <div class="flex-grow">
+                                   <div class="flex items-center gap-2.5 mb-1">
+                                     <h5>Basic personal 
+                                    </h5>
+                                    <span
+                                            class="badge bg-green-500/10 text-green-500">Active</span>
+                                   </div>
+                                    <p class="text-sm text-muted">Billing monthly | Next payment on
+                                        <span>09/06/2025</span> for <span
+                                            class="text-black dark:text-white font-semibold">$59.90</span>
+                                    </p>
+                                </div>
+                                <div class="shrink-0">
+                                    <a href="#!"
+                                        class="btn btn-default btn-sm">Change
+                                        Plan</a>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div
+                                class="flex items-center justify-between px-4 pt-4">
+                                <h5 class="text-lg shrink-0">Payment method</h5>
+                                <div>
+                                    <a href="#!" class="btn btn-sm bg-primary text-white hover:bg-primary-deep">Add New</a>
+                                </div>
+                            </div>
+                            <div class="p-4 flex flex-col sm:flex-row sm:items-center w-full gap-3.5">
+                                <img alt="" src="images/brands/visa.svg" class="w-10 h-auto shrink-0">
+                                <div class="flex-grow">
+                                    <h5 class="">Emily Doe</h5>
+                                    <span class="leading-none text-muted">XXXX2730 Expires on
+                                        12/2026</span>
+                                </div>
+                                <div class="shrink-0 gap-2 flex items-center">
+                                    <a href="#!"
+                                        class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                        <span class="icon-[lucide--edit] text-lg"></span>
+                                    </a>
+                                    <a href="#!"
+                                        class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                        <span class="icon-[lucide--trash] text-lg"></span>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+
+                         <div
+                                class="py-4 flex items-center justify-between">
+                                <h5 class="text-lg">Invoicing</h5>
+                                <a href="#!" class="btn btn-sm btn-default">
+                                    Download All
+                                </a>
+                            </div>
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                           
+                            <div class="overflow-x-auto">
+                                <table class="table-default table-compact">
+                                    <thead>
+                                        <tr>
+                                            <th class="">Invoice</th>
+                                            <th class="">Status</th>
+                                            <th class="">Date</th>
+                                            <th class="">Amount</th>
+                                            <th class=""></th>
+                                        </tr>
+                                    </thead>
+                                    <tbody class="whitespace-nowrap">
+                                        <tr>
+                                            <td>
+                                                <a href="#!" class="h6 hover:!text-primary">
+                                                    #2730
+                                                </a>
+                                            </td>
+                                            <td>
+                                                <span class="badge bg-sky-500/10 text-sky-500">
+                                                    Upcoming
+                                                </span>
+                                            </td>
+                                            <td>
+                                                6 June, 2025
+                                            </td>
+                                            <td>
+                                                $249.00
+                                            </td>
+                                            <td>
+                                                <div class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5 ms-auto">
+                                                   <span class="icon-[lucide--download] text-lg"></span>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                               <a href="#!" class="h6 hover:!text-primary">
+                                                    #2731
+                                                </a>
+                                            </td>
+                                            <td>
+                                               <span class="badge bg-green-500/10  text-green-500">
+                                                    Paid
+                                                </span>
+                                            </td>
+                                            <td>
+                                                28 Apr, 2025
+                                            </td>
+                                            <td>
+                                                $199.00
+                                            </td>
+                                            <td>
+                                                <div class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5 ms-auto">
+                                                   <span class="icon-[lucide--download] text-lg"></span>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                               <a href="#!" class="h6 hover:!text-primary">
+                                                    #2732
+                                                </a>
+                                            </td>
+                                            <td>
+                                                <span class="badge bg-red-500/10 text-red-500">
+                                                    Declined
+                                                </span>
+                                            </td>
+                                            <td>
+                                                22 Jan, 2025
+                                            </td>
+                                            <td>
+                                                $149.00
+                                            </td>
+                                            <td>
+                                                <div class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5 ms-auto">
+                                                   <span class="icon-[lucide--download] text-lg"></span>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                               <a href="#!" class="h6 hover:!text-primary">
+                                                    #2733
+                                                </a>
+                                            </td>
+                                            <td>
+                                                <span class="badge bg-green-500/10  text-green-500">
+                                                    Paid
+                                                </span>
+                                            </td>
+                                            <td>
+                                                16 Nov, 2024
+                                            </td>
+                                            <td>
+                                                $49.00
+                                            </td>
+                                            <td>
+                                                <div class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5 ms-auto">
+                                                   <span class="icon-[lucide--download] text-lg"></span>
+                                                </div>
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td>
+                                               <a href="#!" class="h6 hover:!text-primary">
+                                                    #2734
+                                                </a>
+                                            </td>
+                                            <td>
+                                                <span class="badge bg-green-500/10  text-green-500">
+                                                    Paid
+                                                </span>
+                                            </td>
+                                            <td>
+                                                19 Aug, 2024
+                                            </td>
+                                            <td>
+                                                $98.00
+                                            </td>
+                                            <td>
+                                                <div class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5 ms-auto">
+                                                   <span class="icon-[lucide--download] text-lg"></span>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <a href="#!" class="h6 hover:!text-primary">
+                                                    #2735
+                                                </a>
+                                            </td>
+                                            <td>
+                                                <span class="badge bg-green-500/10  text-green-500">
+                                                    Paid
+                                                </span>
+                                            </td>
+                                            <td>
+                                                6 Aug, 2024
+                                            </td>
+                                            <td>
+                                                $56.00
+                                            </td>
+                                           <td>
+                                                <div class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5 ms-auto">
+                                                   <span class="icon-[lucide--download] text-lg"></span>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/account-integration.html b/www/raven-demo/account-integration.html
new file mode 100644
index 0000000..3d994c7
--- /dev/null
+++ b/www/raven-demo/account-integration.html
@@ -0,0 +1,1160 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item active">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-0">Integration</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div
+                class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 lg:gap-8 mb-4">
+                    <div class="md:col-span-4 lg:col-span-3">
+                        <!--:Navbar:-->
+                         <nav class="flex flex-col space-y-0.5">
+                            <a href="account-settings.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--user] text-lg"></span>
+                                Profile
+                            </a>
+                            <a href="account-security.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--shield-check] text-lg"></span>
+                                Security
+                            </a>
+                            <a href="account-notifications.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--bell] text-lg"></span>
+                                Notifications
+                            </a>
+                            <a href="account-billing.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--credit-card] text-lg"></span>
+                                Billing
+                            </a>
+                            <a href="account-integration.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--component] text-lg"></span>
+                                 Integrations
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9">
+                        <p class="mb-4">
+                            Supercharge your workflow using apps integration
+                        </p>
+                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                             <!--:Integration Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="flex items-center justify-between p-4 pb-0">
+                                <img class="h-10 w-auto shrink-0" src="images/brands/google-analytics.svg" alt="">
+                                <a href="#!"
+                                    class="size-8 btn btn-default !p-0 !rounded-full">
+                                    <span class="icon-[lucide--arrow-up-right] text-lg"></span>
+                                </a>
+                            </div>
+                            <div class="p-4">
+                                <a href="#!" class="hover:text-primary dark:hover:text-primary block text-lg font-semibold">
+                                    Google Analytics
+                                </a>
+                            </div>
+                            <!--:Footer:-->
+                            <div
+                                class="flex items-center justify-between px-4 pb-4">
+                                <a href="#!"
+                                    class="btn btn-sm btn-default gap-2">
+                                    <span class="icon-[lucide--component] text-base"></span>
+                                    Connect</a>
+                                <div><input class="input-switch" checked id="integration_analytics" type="checkbox"></div>
+                            </div>
+                        </div>
+                         <!--:Integration Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="flex items-center justify-between p-4 pb-0">
+                                <img class="h-10 w-auto shrink-0" src="images/brands/jira.svg" alt="">
+                                <a href="#!"
+                                    class="size-8 btn btn-default !p-0 !rounded-full">
+                                    <span class="icon-[lucide--arrow-up-right] text-lg"></span>
+                                </a>
+                            </div>
+                            <div class="p-4">
+                                <a href="#!" class="hover:text-primary dark:hover:text-primary block text-lg font-semibold">
+                                   Jira
+                                </a>
+                            </div>
+                            <!--:Footer:-->
+                            <div
+                                class="flex items-center justify-between px-4 pb-4">
+                                <a href="#!"
+                                    class="btn btn-sm btn-default gap-2">
+                                    <span class="icon-[lucide--component] text-base"></span>
+                                    Connect</a>
+                                <div><input class="input-switch" id="integration_jira" type="checkbox"></div>
+                            </div>
+                        </div>
+                         <!--:Integration Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="flex items-center justify-between p-4 pb-0">
+                                <img class="h-10 w-auto shrink-0" src="images/brands/mailchimp.svg" alt="">
+                                 <a href="#!"
+                                    class="size-8 btn btn-default !p-0 !rounded-full">
+                                    <span class="icon-[lucide--arrow-up-right] text-lg"></span>
+                                </a>
+                            </div>
+                            <div class="p-4">
+                                <a href="#!" class="hover:text-primary dark:hover:text-primary block text-lg font-semibold">
+                                    Mailchimp
+                                </a>
+                            </div>
+                            <!--:Footer:-->
+                            <div
+                                class="flex items-center justify-between px-4 pb-4">
+                                <a href="#!"
+                                    class="btn btn-sm btn-default gap-2">
+                                    <span class="icon-[lucide--component] text-base"></span>
+                                    Connect</a>
+                                <div><input class="input-switch" id="integration_mailchimp" type="checkbox"></div>
+                            </div>
+                        </div>
+                         <!--:Integration Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="flex items-center justify-between p-4 pb-0">
+                                <img class="h-10 w-auto shrink-0" src="images/brands/google-webdev.svg" alt="">
+                                 <a href="#!"
+                                    class="size-8 btn btn-default !p-0 !rounded-full">
+                                    <span class="icon-[lucide--arrow-up-right] text-lg"></span>
+                                </a>
+                            </div>
+                            <div class="p-4">
+                                <a href="#!" class="hover:text-primary dark:hover:text-primary block text-lg font-semibold">
+                                    Google WebDev
+                                </a>
+                            </div>
+                            <!--:Footer:-->
+                            <div
+                                class="flex items-center justify-between px-4 pb-4">
+                                <a href="#!"
+                                    class="btn btn-sm btn-default gap-2">
+                                    <span class="icon-[lucide--component] text-base"></span>
+                                    Connect</a>
+                                <div><input class="input-switch" checked id="integration_webdev" type="checkbox"></div>
+                            </div>
+                        </div>
+                         <!--:Integration Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="flex items-center justify-between p-4 pb-0">
+                                <img class="h-10 w-auto shrink-0" src="images/brands/gitlab.svg" alt="">
+                                 <a href="#!"
+                                    class="size-8 btn btn-default !p-0 !rounded-full">
+                                    <span class="icon-[lucide--arrow-up-right] text-lg"></span>
+                                </a>
+                            </div>
+                            <div class="p-4">
+                                <a href="#!" class="hover:text-primary dark:hover:text-primary block text-lg font-semibold">
+                                   Gitlab
+                                </a>
+                            </div>
+                            <!--:Footer:-->
+                            <div
+                                class="flex items-center justify-between px-4 pb-4">
+                                <a href="#!"
+                                    class="btn btn-sm btn-default gap-2">
+                                    <span class="icon-[lucide--component] text-base"></span>
+                                    Connect</a>
+                                <div><input class="input-switch" id="integration_gitlab" type="checkbox"></div>
+                            </div>
+                        </div>
+                         <!--:Integration Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="flex items-center justify-between p-4 pb-0">
+                                <img class="h-10 w-auto shrink-0" src="images/brands/evernote.svg" alt="">
+                                <a href="#!"
+                                    class="size-8 btn btn-default !p-0 !rounded-full">
+                                    <span class="icon-[lucide--arrow-up-right] text-lg"></span>
+                                </a>
+                            </div>
+                            <div class="p-4">
+                                <a href="#!" class="hover:text-primary dark:hover:text-primary block text-lg font-semibold">
+                                    Evernote
+                                </a>
+                            </div>
+                            <!--:Footer:-->
+                            <div
+                                class="flex items-center justify-between px-4 pb-4">
+                                <a href="#!"
+                                    class="btn btn-sm btn-default gap-2">
+                                    <span class="icon-[lucide--component] text-base"></span>
+                                    Connect</a>
+                                <div><input class="input-switch" checked id="integration_evernote" type="checkbox"></div>
+                            </div>
+                        </div>
+                        
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/account-notifications.html b/www/raven-demo/account-notifications.html
new file mode 100644
index 0000000..e34a7c4
--- /dev/null
+++ b/www/raven-demo/account-notifications.html
@@ -0,0 +1,1082 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item active">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-0">Notifications</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 lg:gap-8 mb-4">
+                    <div class="md:col-span-4 lg:col-span-3">
+                        <!--:Navbar:-->
+                        <nav class="flex flex-col space-y-0.5">
+                            <a href="account-settings.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--user] text-lg"></span>
+                                Profile
+                            </a>
+                            <a href="account-security.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--shield-check] text-lg"></span>
+                                Security
+                            </a>
+                            <a href="account-notifications.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--bell] text-lg"></span>
+                                Notifications
+                            </a>
+                            <a href="account-billing.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--credit-card] text-lg"></span>
+                                Billing
+                            </a>
+                            <a href="account-integration.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--component] text-lg"></span>
+                                 Integrations
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9">
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Email notifications</h5>
+                                <p>
+                                    Duis aute irure dolor in reprehenderit in voluptate
+                                </p>
+                            </div>
+
+                            <div class="space-y-5 p-4">
+                                <!--:Group checkbox:-->
+                                <div class="flex gap-3.5 items-center">
+                                    <input class="input-checkbox" checked type="checkbox" id="news_updates">
+                                    <div class="flex-grow">
+                                        <h5>News & updates</h5>
+                                        <p class="text-muted">Excepteur sint occaecat cupidatat non proident</p>
+                                    </div>
+                                </div>
+                                <!--:Group checkbox:-->
+                                <div class="flex gap-3.5 items-center">
+                                    <input class="input-checkbox" type="checkbox" id="tips_tutorials">
+                                    <div class="flex-grow">
+                                        <h5>Tips & tutorials</h5>
+                                        <p class="text-muted">Duis aute irure dolor in reprehenderit in voluptate</p>
+                                    </div>
+                                </div>
+                                <!--:Group checkbox:-->
+                                <div class="flex gap-3.5 items-center">
+                                    <input class="input-checkbox" checked type="checkbox" id="offer_promotions">
+                                    <div class="flex-grow">
+                                        <h5>Offer & promotions</h5>
+                                        <p class="text-muted">Promotion about product price &
+                                            lastest discount</p>
+                                    </div>
+                                </div>
+                                <!--:Group checkbox:-->
+                                <div class="flex gap-3.5 items-center">
+                                    <input class="input-checkbox" type="checkbox" id="follow_reminder">
+                                    <div class="flex-grow">
+                                        <h5>Follow up remider</h5>
+                                        <p class="text-muted">Receive notification all the
+                                            reminder that have been made</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4">
+                            <h5 class="text-lg">
+                            Enable unread notification badge
+                        </h5>
+                        </div>
+                        <div class="space-y-5 p-4">
+                            <!--:Group Radio:-->
+                            <div class="flex gap-3.5 items-center">
+                                <input class="input-radio" type="radio" checked name="notification_badge">
+                                <div class="flex-grow">
+                                    <h5>All new messages</h5>
+                                    <p class="text-muted">Excepteur sint occaecat cupidatat non proident</p>
+                                </div>
+                            </div>
+                            <!--:Group Radio:-->
+                            <div class="flex gap-3.5 items-center">
+                                <input class="input-radio" type="radio" name="notification_badge">
+                                <div class="flex-grow">
+                                    <h5>Mentions only</h5>
+                                    <p class="text-muted">Ut enim ad minim veniam</p>
+                                </div>
+                            </div>
+                            <!--:Group Radio:-->
+                            <div class="flex gap-3.5 items-center">
+                                <input class="input-radio" type="radio" name="notification_badge">
+                                <div class="flex-grow">
+                                    <h5>Nothing</h5>
+                                    <p class="text-muted">Don't notify me anything</p>
+                                </div>
+                            </div>
+                        </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/account-pricing.html b/www/raven-demo/account-pricing.html
new file mode 100644
index 0000000..934ad08
--- /dev/null
+++ b/www/raven-demo/account-pricing.html
@@ -0,0 +1,1058 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link href="vendor/css/choices.min.css" rel="stylesheet">
+
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item active">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Pricing</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Account</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Pricing</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 mb-4">
+                <div class="flex items-center gap-4 mb-6">
+                    <label class="flex items-center gap-2">
+                        <input type="checkbox" id="pricing-toggle" class="input-switch peer" />
+                        <span class="text-zinc-400 peer-checked:text-current">Annually</span>
+                    </label>
+                </div>
+
+                <!-- Pricing Plans -->
+                <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+                    <!-- Basic Plan -->
+                    <div class="p-4 md:px-8 flex flex-col">
+                        <h2 class="text-lg mb-3">Basic</h2>
+                        <div class="mb-5">
+                            <p class="price-monthly text-5xl font-semibold">$9 <span class="text-sm"> /month</span></p>
+                            <p class="price-annually text-5xl font-semibold hidden">$7 <span class="text-sm"> /month</span>
+                            </p>
+                        </div>
+                        <ul class="mt-4 space-y-5 text-left mb-7 flex-grow">
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Task management</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Basic management tools</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Report generator</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Email support</li>
+                        </ul>
+                        <button class="btn btn-lg border border-primary text-primary hover:text-white hover:bg-primary">Purchase Basic</button>
+                    </div>
+
+                    <!-- Team Plan (Popular) -->
+                    <div class="p-4 border-y md:border-y-0 py-8 md:py-4 md:px-8 md:border-x border-zinc-200 dark:border-zinc-800 flex flex-col relative">
+                        <span
+                            class="absolute top-4 ltr:right-4 rtl:left-4 bg-primary text-white px-2 py-1 text-xs rounded-full">Popular</span>
+                        <h2 class="text-lg mb-3">Team</h2>
+                        <div class="mb-5">
+                            <p class="price-monthly text-5xl font-semibold">$29 <span class="text-sm"> /month</span></p>
+                            <p class="price-annually text-5xl font-semibold hidden">$19 <span class="text-sm"> /month</span>
+                            </p>
+                        </div>
+                        <ul class="mt-4 space-y-5 text-left mb-7 flex-grow">
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Task management</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Advance management tools</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Report generator</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Chat & email support</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Files sharing</li>
+                        </ul>
+                        <button class="btn btn-lg bg-primary text-white hover:bg-primary-deep">Purchase Team</button>
+                    </div>
+
+                    <!-- Pro Plan -->
+                    <div class="p-4 md:px-8 flex flex-col">
+                        <h2 class="text-lg mb-3">Pro</h2>
+                        <div class="mb-5">
+                            <p class="price-monthly text-5xl font-semibold">$49 <span class="text-sm"> /month</span></p>
+                            <p class="price-annually text-5xl font-semibold hidden">$39 <span class="text-sm"> /month</span>
+                            </p>
+                        </div>
+                        <ul class="mt-4 space-y-5 text-left mb-7 flex-grow">
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Task management</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Advance management tools</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Detailed report generator</li>
+                            <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> 24/7 chat & email support</li>
+                         <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Files sharing</li>
+                         <li class="flex flex-wrap items-center gap-3"><span class="icon-[lucide--check] text-xl text-muted"></span> Advanced security protocols</li>
+                        </ul>
+                        <button type="button" class="btn btn-lg border border-primary text-primary hover:text-white hover:bg-primary">Purchase Pro</button>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <script>
+        const toggle = document.getElementById('pricing-toggle');
+        const monthly = document.querySelectorAll('.price-monthly');
+        const annually = document.querySelectorAll('.price-annually');
+
+        toggle.addEventListener('change', () => {
+            monthly.forEach(el => el.classList.toggle('hidden', toggle.checked));
+            annually.forEach(el => el.classList.toggle('hidden', !toggle.checked));
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/account-profile-about.html b/www/raven-demo/account-profile-about.html
new file mode 100644
index 0000000..e62785e
--- /dev/null
+++ b/www/raven-demo/account-profile-about.html
@@ -0,0 +1,1241 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link href="vendor/css/choices.min.css" rel="stylesheet">
+
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item active">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Profile Header:-->
+        <div class="relative">
+           <div class="relative overflow-hidden">
+             <div class="h-40 lg:h-60 overflow-hidden relative px-4">
+                <img src="images/bg-cover.jpg" class="max-w-full absolute inset-0 object-cover" alt="">
+            </div>
+           <div class="flex flex-col sm:flex-row sm:items-end bg-white dark:bg-zinc-900 gap-4 px-4 lg:px-8 pb-3">
+             <div
+                class="size-24 shrink-0 -mt-12 rounded-full block relative border-4 border-white dark:border-zinc-900">
+                <img alt="" src="images/avatars/thumb-4.jpg" class="w-full h-full rounded-full">
+                <!--:Status:-->
+                <span
+                    class="size-4 me-2 -mt-1 rounded-full border-2 border-white dark:border-zinc-950 bg-green-500 block absolute end-0 bottom-0"></span>
+            </div>
+            <div class="flex flex-col sm:pt-3">
+                <div class="flex items-center gap-2">
+                    <h5 class="text-lg mb-2">Emily docker
+                    </h5>
+                    <span data-bs-toggle="tooltip" data-bs-title="Verified"
+                        class="icon-[solar--verified-check-bold] text-green-500 text-lg leading-none"></span>
+                </div>
+                <div class="flex flex-wrap items-center gap-2 sm:gap-3.5">
+                    <div class="flex items-center gap-1">
+                        <span class="icon-[lucide--globe-2] text-muted"></span>
+                        <span>United States</span>
+                    </div>
+                    <div class="flex items-center gap-1">
+                        <span class="icon-[lucide--building-2] text-muted"></span>
+                        <span>creativeDM inc.</span>
+                    </div>
+                    <div class="flex items-center gap-1">
+                        <span class="icon-[lucide--calendar-days] text-muted"></span>
+                        <span>Joined on 19 Aug 2013</span>
+                    </div>
+                </div>
+            </div>
+            <div class="shrink-0 sm:ms-auto">
+                <button class="btn bg-primary hover:bg-primary-deep text-white">
+                    <span class="icon-[lucide--user-check] me-2"></span>Connected</button>
+            </div>
+           </div>
+           </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8 pt-4">
+            <!--:Navbar horizontal:-->
+            <nav class="nav-horizontal nav-fill py-2">
+                <a href="account-profile.html" class="nav-link">
+                    <span class="icon-[lucide--activity]"></span> Timeline
+                </a>
+                <a href="account-profile-about.html" class="nav-link active">
+                    <span class="icon-[lucide--user]"></span> About
+                </a>
+                <a href="account-profile-projects.html" class="nav-link disabled [.disabled]:opacity-50 [.disabled]:pointer-events-none">
+                    <span class="icon-[lucide--folder]"></span> Projects
+                </a>
+                <a href="account-profile-projects.html" class="nav-link disabled [.disabled]:opacity-50 [.disabled]:pointer-events-none">
+                    <span class="icon-[lucide--users]"></span> Contacts
+                </a>
+            </nav>
+            <!-- Page content -->
+            <div class="pt-2">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                    <div class="md:col-span-7">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">General</h5>
+                            </div>
+                            <div class="p-4 flex flex-col gap-4">
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Location</span>
+                                    <h5>Edinburgh, Scotland</h5>
+                                </div>
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Gender</span>
+                                    <h5>Female</h5>
+                                </div>
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Email</span>
+                                    <h5>emily.docker@gmail.com</h5>
+                                </div>
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Address</span>
+                                    <h5>2730 Lorem Street CA, United States</h5>
+                                </div>
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Tel.</span>
+                                    <h5 class="mb-1">+01 555 5000</h5>
+                                    <h5>+01 123 4567</h5>
+                                </div>
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Website</span>
+                                    <h5>wrapmarket.com</h5>
+                                </div>
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Birthday</span>
+                                    <h5>August 19, 1994</h5>
+                                </div>
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">About</span>
+                                    <p>
+                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget pharetra
+                                        felis, sed ullamcorper dui. Sed et elementum neque. Vestibulum pellente viverra
+                                        ultrices. Etiam justo augue, vehicula ac gravida a, interdum sit amet nisl.
+                                        Integer vitae nisi id nibh dictum mollis in vitae tortor.
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Work</h5>
+                            </div>
+                            <div class="p-4 flex flex-col gap-4">
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Occupation</span>
+                                    <h5>Full stack developer</h5>
+                                </div>
+                                <div class="flex flex-col">
+                                    <span class="mb-1 text-muted">Jobs</span>
+                                    <table class="text-start">
+                                        <tbody>
+                                            <tr>
+                                                <td class="w-24 py-1">
+                                                   <span class="text-sm block truncate"> Self-Employed</span>
+                                                </td>
+                                                <td class="px-4">
+                                                    2018 - Now
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <td class="w-24 py-1">
+                                                    <span class="text-sm block truncate">Codemoore</span>
+                                                </td>
+                                                <td class="px-4">
+                                                   2014 - 2018
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-5">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Skills</h5>
+                            </div>
+                            <div class="flex flex-wrap gap-2 p-4">
+                                <span class="badge bg-primary-subtle text-primary">Product Development</span>
+                                <span class="badge bg-primary-subtle text-primary">Webflow</span>
+                                <span class="badge bg-primary-subtle text-primary">Management</span>
+                                <span class="badge bg-primary-subtle text-primary">Figma</span>
+                                <span class="badge bg-primary-subtle text-primary">Web Design</span>
+                                <span class="badge bg-primary-subtle text-primary">Html / Css</span>
+                                <span class="badge bg-primary-subtle text-primary">Angular</span>
+                                <span class="badge bg-primary-subtle text-primary">Figma</span>
+                                <span class="badge bg-primary-subtle text-primary">React</span>
+                                <span class="badge bg-primary-subtle text-primary">Vue</span>
+                            </div>
+                        </div>
+                        <!--card-->
+                        <div class="rounded-xl overflow-hidden bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 pb-2 flex items-center justify-between">
+                                <h5 class="text-lg">Contacts</h5>
+                                <a href="#!" class="border-b border-dashed text-primary hover:text-current">See 458
+                                    more</a>
+                            </div>
+                            <ul class="divide-y px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-1.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Nikita Miller</a>
+                                            <span class="text-sm text-muted">UI/UX Developer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-8.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Liam Johnson</a>
+                                            <span class="text-sm text-muted">Frontend Engineer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-3.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Sophia Lee</a>
+                                            <span class="text-sm text-muted">Product Designer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Ethan Smith</a>
+                                            <span class="text-sm text-muted">Backend Developer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Isabella Garcia</a>
+                                            <span class="text-sm text-muted">Digital Marketer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Noah Walker</a>
+                                            <span class="text-sm text-muted">Full Stack Developer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+    <script src="vendor/js/autosize.min.js"></script>
+    <script>
+        autosize(document.querySelectorAll('textarea'));
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/account-profile.html b/www/raven-demo/account-profile.html
new file mode 100644
index 0000000..c6d0833
--- /dev/null
+++ b/www/raven-demo/account-profile.html
@@ -0,0 +1,1427 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link href="vendor/css/choices.min.css" rel="stylesheet">
+
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item active">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Profile Header:-->
+        <div class="relative">
+           <div class="relative overflow-hidden">
+             <div class="h-40 lg:h-60 overflow-hidden relative px-4">
+                <img src="images/bg-cover.jpg" class="max-w-full absolute inset-0 object-cover" alt="">
+            </div>
+           <div class="flex flex-col sm:flex-row sm:items-end bg-white dark:bg-zinc-900 gap-4 px-4 lg:px-8 pb-3">
+             <div
+                class="size-24 shrink-0 -mt-12 rounded-full block relative border-4 border-white dark:border-zinc-900">
+                <img alt="" src="images/avatars/thumb-4.jpg" class="w-full h-full rounded-full">
+                <!--:Status:-->
+                <span
+                    class="size-4 me-2 -mt-1 rounded-full border-2 border-white dark:border-zinc-950 bg-green-500 block absolute end-0 bottom-0"></span>
+            </div>
+            <div class="flex flex-col sm:pt-3">
+                <div class="flex items-center gap-2">
+                    <h5 class="text-lg mb-2">Emily docker
+                    </h5>
+                    <span data-bs-toggle="tooltip" data-bs-title="Verified"
+                        class="icon-[solar--verified-check-bold] text-green-500 text-lg leading-none"></span>
+                </div>
+                <div class="flex flex-wrap items-center gap-2 sm:gap-3.5">
+                    <div class="flex items-center gap-1">
+                        <span class="icon-[lucide--globe-2] text-muted"></span>
+                        <span>United States</span>
+                    </div>
+                    <div class="flex items-center gap-1">
+                        <span class="icon-[lucide--building-2] text-muted"></span>
+                        <span>creativeDM inc.</span>
+                    </div>
+                    <div class="flex items-center gap-1">
+                        <span class="icon-[lucide--calendar-days] text-muted"></span>
+                        <span>Joined on 19 Aug 2013</span>
+                    </div>
+                </div>
+            </div>
+            <div class="shrink-0 sm:ms-auto">
+                <button class="btn bg-primary hover:bg-primary-deep text-white">
+                    <span class="icon-[lucide--user-check] me-2"></span>Connected</button>
+            </div>
+           </div>
+           </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8 pt-4">
+            <!--:Navbar horizontal:-->
+            <nav class="nav-horizontal nav-fill py-2">
+                <a href="account-profile.html" class="nav-link active">
+                    <span class="icon-[lucide--activity]"></span> Timeline
+                </a>
+                <a href="account-profile-about.html" class="nav-link">
+                    <span class="icon-[lucide--user]"></span> About
+                </a>
+                <a href="account-profile-projects.html"
+                    class="nav-link disabled [.disabled]:opacity-50 [.disabled]:pointer-events-none">
+                    <span class="icon-[lucide--folder]"></span> Projects
+                </a>
+                <a href="account-profile-projects.html"
+                    class="nav-link disabled [.disabled]:opacity-50 [.disabled]:pointer-events-none">
+                    <span class="icon-[lucide--users]"></span> Contacts
+                </a>
+            </nav>
+            <!-- Page content -->
+            <div class="pt-2">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                    <div class="md:col-span-5">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Recent activity</h5>
+                                <label class="flex items-center text-sm gap-2 cursor-pointer">
+                                    <span class="flex-grow text-muted">Auto refresh</span>
+                                    <input class="input-switch" name="activityRefresh" type="checkbox" value="1">
+                                </label>
+                            </div>
+                            <div class="p-4">
+                                <!--:Timeline:-->
+                                <ul class="timeline">
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img alt="" src="images/avatars/thumb-3.jpg"
+                                                        class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><a href="#!"
+                                                            class="hover:text-primary font-semibold">Angelina
+                                                            Gotelli</a><span> started following you </span>
+                                                        <span class="block mt-1 text-xs text-muted">10:15
+                                                            AM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img alt="" src="images/avatars/thumb-6.jpg"
+                                                        class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p><a href="#!" class="hover:text-primary font-semibold">Max
+                                                            Alexander</a>
+                                                        comment on your post
+                                                        <a href="#!" class="font-semibold hover:text-primary">Top
+                                                            10 Tech Trends</a>
+                                                        <span class="text-xs mt-1 text-muted block">11:50
+                                                            AM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <span
+                                                        class="size-7 flex items-center justify-center rounded-full bg-primary text-white">
+                                                        <span class="icon-[lucide--hash]"></span>
+                                                    </span>
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><a href="#!"
+                                                            class="hover:text-primary font-semibold">Eugene
+                                                            Stewart</a><span> added tags </span>
+                                                        <span
+                                                            class="badge  bg-sky-500/10 text-sky-500">Tailwindcss</span>
+                                                        <span class="badge bg-red-500/10 text-red-500">Gulp</span>
+
+                                                        <span class="block text-xs mt-1 text-muted">12:50
+                                                            PM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img alt="" src="images/avatars/thumb-7.jpg"
+                                                        class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><a href="#!" class="hover:text-primary font-semibold">
+                                                            Isaac Benjamin
+                                                        </a><span> liked your post </span>
+                                                        <span class="block mt-1 text-xs text-muted">10:15
+                                                            AM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <span
+                                                        class="size-7 flex items-center justify-center rounded-full bg-sky-500 text-white">
+                                                        <span class="icon-[lucide--hash]"></span>
+                                                    </span>
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><a href="#!"
+                                                            class="hover:text-primary font-semibold">Eugene
+                                                            Stewart</a><span> added tags </span>
+                                                        <span class="badge bg-green-500/10 text-green-500">Svelte</span>
+
+                                                        <span class="block text-xs mt-1 text-muted">Yeasterday</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img alt="" src="images/avatars/thumb-4.jpg"
+                                                        class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><a href="#!" class="hover:text-primary font-semibold">
+                                                            Emily Docker
+                                                        </a><span> profile name updated </span>
+                                                        <span class="block mt-1 text-xs text-muted">2d ago</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                            <!--:Footer:-->
+                            <div class="px-4 pb-4">
+                                <a href="#!"
+                                    class="inline-block border-b border-dashed text-sm font-semibold hover:text-primary">View
+                                    all Activity</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-7">
+                        <div class="flex flex-col gap-4">
+                            <!--:Card:-->
+                            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative overflow-hidden">
+                                <div class="p-4">
+                                    <textarea class="input" rows="5" placeholder="Type something"></textarea>
+                                </div>
+                                <div class="flex items-center justify-between pt-0 p-4">
+                                    <div class="flex items-center gap-0.5">
+                                        <button data-bs-toggle="tooltip" data-bs-title="Upload image/video"
+                                            type="button" class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                            <span class="icon-[lucide--image] text-lg"></span>
+                                        </button>
+                                        <button data-bs-toggle="tooltip" data-bs-title="Tag contacts" type="button"
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                            <span class="icon-[lucide--user-plus] text-lg"></span>
+                                        </button>
+                                        <button data-bs-toggle="tooltip" data-bs-title="Add location" type="button"
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                            <span class="icon-[lucide--map-pin] text-lg"></span>
+                                        </button>
+                                    </div>
+                                    <div class="shrink-0">
+                                        <button type="button"
+                                            class="btn bg-primary text-white hover:bg-primary-deep btn-sm">Post</button>
+                                    </div>
+                                </div>
+                            </div>
+                            <!--:Post Card:-->
+                            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                                <!--:Post Header:-->
+                                <div class="flex items-center gap-3.5 p-4">
+                                    <img src="images/avatars/thumb-3.jpg" class="size-8 rounded-full shrink-0">
+                                    <div class="flex-grow">
+                                        <h5><a href="#!" class="text-primary">Nikita miller</a> posted on your timeline
+                                        </h5>
+                                        <small class="text-muted">
+                                            27 minutes ago
+                                        </small>
+                                    </div>
+                                    <div class="shrink-0">
+                                        <div class="relative">
+                                            <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                                data-bs-toggle="dropdown" aria-expanded="false">
+                                                <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                            </button>
+                                            <div
+                                                class="dropdown-menu z-50 absolute min-w-36 top-full !end-0 !start-auto">
+                                                <a href="#!" class="dropdown-item">
+                                                    <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                    Share
+                                                </a>
+                                                <a href="#!" class="dropdown-item">
+                                                    <span class="icon-[lucide--flag] dropdown-icon"></span>
+                                                    Report
+                                                </a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Post:-->
+                                <div class="p-4 py-0">
+                                    <p class="mb-3">Hey Creative, checkout latest patterns</p>
+                                    <img src="images/bg-cover-2.jpg" alt="" class="max-w-full rounded-xl mb-2">
+                                    <small class="block text-muted">from <a href="#!"
+                                            class="text-primary font-semibold">John doe</a></small>
+                                </div>
+                                <!--:Like share button:-->
+                                <div class="flex gap-2 items-center p-4">
+                                    <button type="button" class="btn text-muted hover:bg-zinc-100 dark:hover:bg-zinc-700 hover:text-primary !p-2.5">
+                                        <span class="icon-[lucide--heart] text-lg me-1.5"></span> Like (298)
+                                    </button>
+                                    <button type="button" class="btn text-muted hover:bg-zinc-100 dark:hover:bg-zinc-700 hover:text-primary !p-2.5">
+                                        <span class="icon-[lucide--share] text-lg me-1.5"></span> Share (24)
+                                    </button>
+                                </div>
+
+                                <!--:Reply + comments:-->
+                                <div class="p-4 border-t rounded-b-xl border-zinc-200 dark:border-zinc-800">
+                                    <p class="flex items-center gap-2.5 mb-4 text-muted">1 comments <span
+                                            class="icon-[lucide--chevron-down] text-lg"></span></p>
+                                    <div class="flex gap-2.5 mb-3">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-7 rounded-full" src="images/avatars/thumb-1.jpg">
+                                        </div>
+                                        <div class="flex flex-col">
+                                            <div class="flex items-center gap-2 mb-1.5">
+                                                <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                    href="#">
+                                                    Emily Johnson
+                                                </a>
+                                                <small class="text-xs text-muted block">
+                                                    10min ago
+                                                </small>
+                                                <div class="ms-auto">
+                                                    <button type="button" class="hover:text-primary cursor-pointer">
+                                                        <span class="icon-[lucide--flag]"></span>
+                                                    </button>
+                                                </div>
+                                            </div>
+                                            <!--:Comment:-->
+                                            <p>
+                                                That’s a wonderful design. Lorem ipsum dolor sit amet, consectetur
+                                                adipiscing elit. Fusce et eleifend ligula. Fusce posuere in sapien ac
+                                                facilisis. Etiam sit amet justo non felis ornare feugiat.
+                                            </p>
+                                            <div class="py-3">
+                                                <button
+                                                    class="hover:text-primary cursor-pointer border-b text-sm font-semibold border-dashed inline-block">
+                                                    <span class="icon-[lucide--reply]"></span>
+                                                    Reply</button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="flex gap-2.5">
+                                        <div class="shrink-0">
+                                            <div
+                                                class="size-7 bg-zinc-500/50 text-white flex items-center justify-center rounded-xl">
+                                                <span class="icon-[lucide--circle-user] text-lg"></span>
+                                            </div>
+                                        </div>
+                                        <div class="flex flex-col flex-grow gap-2.5">
+                                            <textarea class="input" rows="4" placeholder="Add a comment"></textarea>
+                                            <div class="text-end">
+                                                <button type="button"
+                                                    class="btn btn-sm bg-primary hover:bg-primary-deep text-white">
+                                                    Post comment
+                                                </button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <!--:Post Card:-->
+                            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                                <!--:Post Header:-->
+                                <div class="flex items-center gap-3.5 p-4">
+                                    <img src="images/avatars/thumb-7.jpg" class="size-8 rounded-full shrink-0">
+                                    <div class="flex-grow">
+                                        <h5><a href="#!" class="text-primary">Alexander Issac</a> tagged you in a post
+                                        </h5>
+                                        <small class="text-muted">
+                                            12 hours ago
+                                        </small>
+                                    </div>
+                                    <div class="shrink-0">
+                                        <div class="relative">
+                                            <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                                data-bs-toggle="dropdown" aria-expanded="false">
+                                                <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                            </button>
+                                            <div
+                                                class="dropdown-menu z-50 absolute min-w-36 top-full !end-0 !start-auto">
+                                                <a href="#!" class="dropdown-item">
+                                                    <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                    Share
+                                                </a>
+                                                <a href="#!" class="dropdown-item">
+                                                    <span class="icon-[lucide--flag] dropdown-icon"></span>
+                                                    Report
+                                                </a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Post:-->
+                                <div class="p-4 py-0">
+                                    <div class="mb-3">
+                                        <p class="mb-1">
+                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tincidunt,
+                                            lacus ut blandit dapibus, justo lorem laoreet arcu, sit amet ultricies nunc
+                                            lectus eget neque. Sed non mattis ipsum, sed convallis nunc. In hac
+                                            habitasse platea dictumst. Quisque imperdiet, lacus id malesuada vestibulum,
+                                            turpis metus pretium est, nec suscipit arcu ex sed elit.
+                                        </p>
+                                        <p class="mb-1">
+                                            Praesent facilisis, sapien nec faucibus aliquet, arcu est mattis lorem, eget
+                                            vestibulum risus mauris sit amet urna. Ut rhoncus ante eget orci vehicula,
+                                            at accumsan felis rhoncus. Integer sagittis, erat ut euismod varius, justo
+                                            mauris fringilla erat, et elementum metus augue a sapien. Donec sed lorem a
+                                            justo dignissim condimentum nec ut libero.
+                                        </p>
+                                        <a href="#!" class="text-primary font-semibold">#raven</a>
+                                    </div>
+                                </div>
+                                <!--:Like share button:-->
+                                <div class="flex gap-2 items-center p-4">
+                                    <button type="button" class="btn text-muted hover:bg-zinc-100 dark:hover:bg-zinc-700 hover:text-primary !p-2.5">
+                                        <span class="icon-[lucide--heart] text-lg me-1.5"></span> Like (298)
+                                    </button>
+                                    <button type="button" class="btn text-muted hover:bg-zinc-100 dark:hover:bg-zinc-700 hover:text-primary !p-2.5">
+                                        <span class="icon-[lucide--share] text-lg me-1.5"></span> Share (24)
+                                    </button>
+                                </div>
+
+                                <!--:Reply + comments:-->
+                                <div class="p-4 border-t rounded-b-xl border-zinc-200 dark:border-zinc-800">
+                                    <p class="flex items-center gap-2.5 mb-4 text-muted">No comments yet<span
+                                            class="icon-[lucide--chevron-down] text-lg"></span></p>
+
+                                    <div class="flex gap-2.5">
+                                        <div class="shrink-0">
+                                            <div
+                                                class="size-7 bg-zinc-500/50 text-white flex items-center justify-center rounded-xl">
+                                                <span class="icon-[lucide--circle-user] text-lg"></span>
+                                            </div>
+                                        </div>
+                                        <div class="flex flex-col flex-grow gap-2.5">
+                                            <textarea class="input" rows="4" placeholder="Add a comment"></textarea>
+                                            <div class="text-end">
+                                                <button type="button"
+                                                    class="btn btn-sm bg-primary hover:bg-primary-deep text-white">
+                                                    Post comment
+                                                </button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+    <script src="vendor/js/autosize.min.js"></script>
+    <script>
+        autosize(document.querySelectorAll('textarea'));
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/account-roles-permissions.html b/www/raven-demo/account-roles-permissions.html
new file mode 100644
index 0000000..3949416
--- /dev/null
+++ b/www/raven-demo/account-roles-permissions.html
@@ -0,0 +1,1695 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdn.datatables.net/2.3.3/css/dataTables.dataTables.css">
+    <link rel="stylesheet" href="https://cdn.datatables.net/select/3.0.1/css/select.dataTables.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item active">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 pt-4 pb-4 flex items-center justify-between">
+            <h2 class="text-lg">Roles & Permissions</h2>
+            <button type="button" class="btn btn-sm bg-primary text-white hover:bg-primary-deep">Create Role</button>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-4">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="p-4">
+                        <div class="flex items-center gap-2 mb-2">
+                            <span class="icon-[lucide--crown] text-lg text-primary"></span>
+                            <h5 class="text-lg">Admin</h5>
+                        </div>
+                        <p class="mb-4">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing.
+                        </p>
+                        <div class="flex items-center justify-between">
+                            <div class="flex items-center -space-x-2 shrink-0">
+                                <img alt="" src="images/avatars/thumb-1.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                                <img alt="" src="images/avatars/thumb-2.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                                <img alt="" src="images/avatars/thumb-6.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                            </div>
+                            <div>
+                                <button data-bs-toggle="modal" data-bs-target="#modalEditRole"
+                                    class="btn btn-sm btn-default gap-1"><span
+                                        class="icon-[lucide--edit]"></span> Edit role</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="p-4">
+                        <div class="flex items-center gap-2 mb-2">
+                            <span class="icon-[lucide--user-check] text-lg text-blue-500"></span>
+                            <h5 class="text-lg">Superwiser</h5>
+                        </div>
+                        <p class="mb-4">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing.
+                        </p>
+                        <div class="flex items-center justify-between">
+                            <div class="flex items-center -space-x-2 shrink-0">
+                                <img alt="" src="images/avatars/thumb-3.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                                <img alt="" src="images/avatars/thumb-5.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                                <img alt="" src="images/avatars/thumb-7.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                            </div>
+                            <div>
+                                <button data-bs-toggle="modal" data-bs-target="#modalEditRole"
+                                    class="btn btn-sm btn-default gap-1"><span
+                                        class="icon-[lucide--edit]"></span> Edit role</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="p-4">
+                        <div class="flex items-center gap-2 mb-2">
+                            <span class="icon-[lucide--headset] text-lg text-red-500"></span>
+                            <h5 class="text-lg">Support</h5>
+                        </div>
+                        <p class="mb-4">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing.
+                        </p>
+                        <div class="flex items-center justify-between">
+                            <div class="flex items-center -space-x-2 shrink-0">
+                                <img alt="" src="images/avatars/thumb-3.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                                <img alt="" src="images/avatars/thumb-4.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                                <img alt="" src="images/avatars/thumb-8.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                            </div>
+                            <div>
+                                <button data-bs-toggle="modal" data-bs-target="#modalEditRole"
+                                    class="btn btn-sm btn-default gap-1"><span
+                                        class="icon-[lucide--edit]"></span> Edit role</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="p-4">
+                        <div class="flex items-center gap-2 mb-2">
+                            <span class="icon-[lucide--scan-face] text-lg"></span>
+                            <h5 class="text-lg">Guest</h5>
+                        </div>
+                        <p class="mb-4">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing.
+                        </p>
+                        <div class="flex items-center justify-between">
+                            <div class="flex items-center -space-x-2 shrink-0">
+                                <img alt="" src="images/avatars/thumb-2.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                                <img alt="" src="images/avatars/thumb-4.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                                <img alt="" src="images/avatars/thumb-10.jpg"
+                                    class="size-6 border border-zinc-50 dark:border-zinc-950 rounded-full relative">
+                            </div>
+                            <div>
+                                <button data-bs-toggle="modal" data-bs-target="#modalEditRole"
+                                    class="btn btn-sm btn-default gap-1"><span
+                                        class="icon-[lucide--edit]"></span> Edit role</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="py-4 flex items-center justify-between">
+                <h5 class="text-lg">All members</h5>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+
+                <div
+                    class="flex flex-wrap gap-2 items-center px-4 pt-4 pb-2 border-b border-zinc-500/10 dark:border-zinc-800">
+                    <!--:Table:-->
+                    <div class="flex-grow relative">
+                        <input type="search" class="input !ps-9" name="memberSearch" id="memberSearch"
+                            placeholder="Filter members by name, roles, plans, and status">
+                        <span class=" text-sm absolute start-0 top-0 flex items-center justify-center h-full w-9">
+                            <span class="icon-[lucide--sliders-horizontal]"></span>
+                        </span>
+
+                    </div>
+                    <div class="flex items-center flex-wrap justify-end gap-2">
+                        <button id="deleteBtn" class="btn bg-red-500 text-white hover:bg-red-600"
+                            style="display: none;">Delete</button>
+                        <div class="flex items-center gap-2">
+                            <div class="relative">
+                                <button data-bs-toggle="dropdown" type="button"
+                                    class="btn bg-sky-500 text-white hover:bg-sky-600">
+                                    <span class="icon-[lucide--download] text-lg me-1"></span>
+                                    Download <span class="icon-[lucide--chevron-down] ms-1"></span></button>
+                                <div class="dropdown-menu w-48 z-50 absolute !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--copy] dropdown-icon"></span> Copy Json
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--printer] dropdown-icon"></span> Print
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <img src="images/files/excel.svg" class="h-4 me-2" alt=""> Download Exel
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <img src="images/files/csv.svg" class="h-4 me-2" alt=""> Download .CSV
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <img src="images/files/pdf.svg" class="h-4 w-auto me-2" alt=""> Download .PDF
+                                    </a>
+                                </div>
+                            </div>
+                            <a href="#!" class="btn bg-primary shrink-0 text-white hover:bg-primary-deep">
+                                <span class="icon-[lucide--user-plus] text-lg me-1"></span>
+                                Add New member</a>
+                        </div>
+                    </div>
+                </div>
+                <table id="table_memebers" class="table-default">
+                    <thead>
+                        <tr>
+                            <th data-orderable="false">
+
+                            </th>
+                            <th>
+                                <div class="flex items-center gap-2">
+                                    Id
+                                </div>
+                            </th>
+                            <th>
+                                <div class="flex items-center gap-2">
+                                    User
+                                </div>
+                            </th>
+                            <th>
+                                <div class="flex items-center gap-2">
+                                    Status
+                                </div>
+                            </th>
+                            <th>
+                                <div class="flex items-center gap-2">
+                                    Role
+                                </div>
+                            </th>
+                            <th>
+                                <div class="flex items-center gap-2">
+                                    Plan
+                                </div>
+                            </th>
+                            <th data-orderable="false"></th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>#USR292811</td>
+                            <td>
+                                <div class="flex items-center">
+                                    <div class="flex flex-nowrap items-center gap-2.5">
+                                        <img alt="" src="images/avatars/thumb-4.jpg"
+                                            class="size-6 rounded-full shrink-0">
+                                        <div class="flex-grow">
+                                            <h6>Caleb Michael Stone</h6>
+                                            <p class="text-muted text-sm">caleb.michael@gmail.com</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>
+                                <span class="badge bg-green-500/10 text-green-500">Active</span>
+                            </td>
+                            <td>
+                                <div class="flex items-center">
+                                    <span class="icon-[lucide--crown] text-lg text-primary me-2"></span> Admin
+                                </div>
+                            </td>
+                            <td>Enterprise</td>
+                            <td>
+                                <div>
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown"
+                                        aria-expanded="false">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-32 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--eye] dropdown-icon"></span>
+                                            Details
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Edit
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>#USR872843</td>
+                            <td>
+                                <div class="flex items-center">
+                                    <div class="flex flex-nowrap items-center gap-2.5">
+                                        <img alt="" src="images/avatars/thumb-7.jpg"
+                                            class="size-6 rounded-full shrink-0">
+                                        <div class="flex-grow">
+                                            <h6>Elias Matthew Carter</h6>
+                                            <p class="text-muted text-sm">elias.matthew@gmail.com</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>
+                                <span class="badge bg-green-500/10 text-green-500">Active</span>
+                            </td>
+                            <td>
+                                <div class="flex items-center">
+                                    <span class="icon-[lucide--user-check] text-lg me-2 text-blue-500"></span>
+                                    Superwiser
+                                </div>
+                            </td>
+                            <td>Team</td>
+                            <td>
+                                <div>
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown"
+                                        aria-expanded="false">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-32 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--eye] dropdown-icon"></span>
+                                            Details
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Edit
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>#USR364829</td>
+                            <td>
+                                <div class="flex items-center">
+                                    <div class="flex flex-nowrap items-center gap-2.5">
+                                        <img alt="" src="images/avatars/thumb-8.jpg"
+                                            class="size-6 rounded-full shrink-0">
+                                        <div class="flex-grow">
+                                            <h6>Gabriel Thomas</h6>
+                                            <p class="text-muted text-sm">gabriel.thomas@gmail.com</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>
+                                <span class="badge bg-zinc-300/10 text-muted">Inactive</span>
+                            </td>
+                            <td>
+                                <div class="flex items-center">
+                                    <span class="icon-[lucide--headset] me-2 text-lg text-red-500"></span>
+                                    Support
+                                </div>
+                            </td>
+                            <td>Team</td>
+                            <td>
+                                <div>
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown"
+                                        aria-expanded="false">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-32 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--eye] dropdown-icon"></span>
+                                            Details
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Edit
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>#USR009847</td>
+                            <td>
+                                <div class="flex items-center">
+                                    <div class="flex flex-nowrap items-center gap-2.5">
+                                        <img alt="" src="images/avatars/thumb-5.jpg"
+                                            class="size-6 rounded-full shrink-0">
+                                        <div class="flex-grow">
+                                            <h6>Theodore Paul</h6>
+                                            <p class="text-muted text-sm">theodore.paul@gmail.com</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>
+                                <span class="badge bg-green-500/10 text-green-500">Active</span>
+                            </td>
+                            <td>
+                                <div class="flex items-center">
+                                    <span class="icon-[lucide--crown] text-lg text-primary me-2"></span> Admin
+                                </div>
+                            </td>
+                            <td>Enterprise</td>
+                            <td>
+                                <div>
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown"
+                                        aria-expanded="false">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-32 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--eye] dropdown-icon"></span>
+                                            Details
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Edit
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>#USR200987</td>
+                            <td>
+                                <div class="flex items-center">
+                                    <div class="flex flex-nowrap items-center gap-2.5">
+                                        <img alt="" src="images/avatars/thumb-1.jpg"
+                                            class="size-6 rounded-full shrink-0">
+                                        <div class="flex-grow">
+                                            <h6>Elizabeth Wilson</h6>
+                                            <p class="text-muted text-sm">elizabeth.wilson@gmail.com</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>
+                                <span class="badge bg-orange-500/10 text-orange-500">Pending</span>
+                            </td>
+                            <td>
+                                <div class="flex items-center">
+                                    <span class="icon-[lucide--scan-face] text-lg me-2"></span> Guest
+                                </div>
+                            </td>
+                            <td>Team</td>
+                            <td>
+                                <div>
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown"
+                                        aria-expanded="false">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-32 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--eye] dropdown-icon"></span>
+                                            Details
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Edit
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>#USR765434</td>
+                            <td>
+                                <div class="flex items-center">
+                                    <div class="flex flex-nowrap items-center gap-2.5">
+                                        <img alt="" src="images/avatars/thumb-9.jpg"
+                                            class="size-6 rounded-full shrink-0">
+                                        <div class="flex-grow">
+                                            <h6>Andrew Noel</h6>
+                                            <p class="text-muted text-sm">andrew.noel@gmail.com</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>
+                                <span class="badge bg-zinc-300/10 text-muted">Inactive</span>
+                            </td>
+                            <td>
+                                <div class="flex items-center">
+                                    <span class="icon-[lucide--headset] me-2 text-lg text-red-500"></span>
+                                    Support
+                                </div>
+                            </td>
+                            <td>Basic</td>
+                            <td>
+                                <div>
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown"
+                                        aria-expanded="false">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-32 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--eye] dropdown-icon"></span>
+                                            Details
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Edit
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </main>
+
+    <!--:Modal New chat users list:-->
+    <div id="modalEditRole" role="dialog"
+        class="modal fade fixed w-full h-full left-0 top-0 z-[60] hidden [&.show]:flex  overflow-y-auto" tabindex="-1">
+        <div class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+            <div class="modal-content max-w-4xl mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                <div class="flex items-center justify-between px-4 py-4">
+                    <div class="flex-grow">
+                        <h5 class="text-lg mb-2">Admin</h5>
+                        <p class="text-muted">Edit roles of Admin</p>
+                    </div>
+                    <button type="button" class=" size-8 rounded-full btn btn-default !p-0" data-bs-dismiss="modal">
+                        <span class="icon-[lucide--x] text-lg"></span>
+                    </button>
+                </div>
+                <ul class="flex flex-col divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                    <!--:Role:-->
+                    <li class="px-4 py-3 flex flex-col sm:flex-row sm:items-center gap-3.5">
+                        <div class="flex items-center overflow-hidden gap-3.5 flex-grow">
+                            <div
+                                class="size-10 shrink-0 rounded-lg flex items-center justify-center border border-zinc-200 dark:border-zinc-800 text-primary">
+                                <span class="icon-[lucide--user-check] text-xl"></span>
+                            </div>
+                            <div class="flex-grow overflow-hidden">
+                                <div>
+                                    <h5 class="truncate mb-1">User management</h5>
+                                <p class="truncate text-sm">Access control for user management</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex items-center shrink-0 gap-2 sm:justify-end">
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 active group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Read</button>
+                            </div>
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 active group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Write</button>
+                            </div>
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 active group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Delete</button>
+                            </div>
+                        </div>
+                    </li>
+                    <!--:Role:-->
+                    <li class="px-4 py-3 flex flex-col sm:flex-row sm:items-center gap-3.5">
+                        <div class="flex items-center overflow-hidden gap-3.5 flex-grow">
+                            <div
+                                class="size-10 shrink-0 rounded-lg flex items-center justify-center border border-zinc-200 dark:border-zinc-800 text-primary">
+                                <span class="icon-[lucide--file-chart-line] text-xl"></span>
+                            </div>
+                            <div class="flex-grow overflow-hidden">
+                                <div>
+                                    <h5 class="truncate mb-1">Reports</h5>
+                                <p class="truncate text-sm">Access control for generating reports</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex items-center shrink-0 gap-2 sm:justify-end">
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 active group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Read</button>
+                            </div>
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Write</button>
+                            </div>
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Delete</button>
+                            </div>
+                        </div>
+                    </li>
+                    <!--:Role:-->
+                    <li class="px-4 py-3 flex flex-col sm:flex-row sm:items-center gap-3.5">
+                        <div class="flex items-center overflow-hidden gap-3.5 flex-grow">
+                            <div
+                                class="size-10 shrink-0 rounded-lg flex items-center justify-center border border-zinc-200 dark:border-zinc-800 text-primary">
+                                <span class="icon-[lucide--database-backup] text-xl"></span>
+                            </div>
+                            <div class="flex-grow overflow-hidden">
+                                <div>
+                                    <h5 class="truncate mb-1">System configurations</h5>
+                                <p class="truncate text-sm">Access control for system settings</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex items-center shrink-0 gap-2 sm:justify-end">
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 active group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Read</button>
+                            </div>
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 active group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Write</button>
+                            </div>
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Delete</button>
+                            </div>
+                        </div>
+                    </li>
+                    <!--:Role:-->
+                    <li class="px-4 py-3 flex flex-col sm:flex-row sm:items-center gap-3.5">
+                        <div class="flex items-center overflow-hidden gap-3.5 flex-grow">
+                            <div
+                                class="size-10 shrink-0 rounded-lg flex items-center justify-center border border-zinc-200 dark:border-zinc-800 text-primary">
+                                <span class="icon-[lucide--folder-git-2] text-xl"></span>
+                            </div>
+                            <div class="flex-grow overflow-hidden">
+                                <div>
+                                    <h5 class="truncate mb-1">File management</h5>
+                                <p class="truncate text-sm">Access control for file management</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex items-center shrink-0 gap-2 sm:justify-end">
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 active group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Read</button>
+                            </div>
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Write</button>
+                            </div>
+                            <div>
+                                <button type="button" data-bs-toggle="button"
+                                    class="btn btn-sm btn-default !py-0 h-8 group"
+                                    for="rRead">
+                                    <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                    Delete</button>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+                <!--:Footer:-->
+                <div class="px-4 py-4 flex items-center justify-end gap-2">
+                    <button type="button" class="btn btn-default" data-bs-dismiss="modal">Cancel</button>
+                    <button type="button" class="btn bg-zinc-700 text-white hover:bg-zinc-800">Update</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Page scripts:-->
+
+    <script src="vendor/js/jquery.min.js"></script>
+    <script src="https://cdn.datatables.net/2.3.3/js/dataTables.js"></script>
+    <script src="https://cdn.datatables.net/select/3.0.1/js/dataTables.select.js"></script>
+    <script src="https://cdn.datatables.net/select/3.0.1/js/select.dataTables.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const table = new DataTable('#table_memebers', {
+                lengthChange: false,
+                pageLength: 9,
+                scrollX: true,
+                dom: 'lrtip',
+                columnDefs: [
+                    {
+                        orderable: false,
+                        searchable: false,
+                        render: DataTable.render.select(),
+                        targets: 0,
+                    }
+                ],
+                select: {
+                    style: 'os',
+                    selector: 'td:first-child',
+                    headerCheckbox: false
+                },
+                order: [[1, 'asc']],
+
+            });
+            const searchInput = document.getElementById('memberSearch');
+            searchInput.addEventListener('input', e => {
+                table.search(e.target.value).draw();
+            });
+            const deleteBtn = document.getElementById("deleteBtn");
+            table.on('select deselect', function () {
+                const selectedRows = table.rows({ selected: true }).count();
+                if (selectedRows > 0) {
+                    deleteBtn.style.display = "inline-block";
+                } else {
+                    deleteBtn.style.display = "none";
+                }
+            });
+            deleteBtn.addEventListener('click', () => {
+                table.rows({ selected: true }).remove().draw();
+                deleteBtn.style.display = 'none';
+            });
+        });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/account-security.html b/www/raven-demo/account-security.html
new file mode 100644
index 0000000..dd1fdf4
--- /dev/null
+++ b/www/raven-demo/account-security.html
@@ -0,0 +1,1122 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Sweet alert:-->
+  <link rel="stylesheet" href="vendor/css/sweetalert2.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item active">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-0">Security</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div
+                class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 lg:gap-8 mb-4">
+                    <div class="md:col-span-4 lg:col-span-3">
+                        <!--:Navbar:-->
+                        <nav class="flex flex-col space-y-0.5">
+                            <a href="account-settings.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--user] text-lg"></span>
+                                Profile
+                            </a>
+                            <a href="account-security.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--shield-check] text-lg"></span>
+                                Security
+                            </a>
+                            <a href="account-notifications.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--bell] text-lg"></span>
+                                Notifications
+                            </a>
+                            <a href="account-billing.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--credit-card] text-lg"></span>
+                                Billing
+                            </a>
+                            <a href="account-integration.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--component] text-lg"></span>
+                                 Integrations
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9">
+                       <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                         <div class="px-4 pt-4">
+                            <h5 class="text-lg">Password</h5>
+                         </div>
+                        <div class="p-4">
+                            <form id="form_reset_password" autocomplete="off" novalidate="novalidate">
+                            <div class="mb-4">
+                                <label for="userCurrentPassword" class="block mb-1">Current Password</label>
+                                <input id="userCurrentPassword" name="currentPassword" type="password" class="input"
+                                    placeholder="Current password">
+                            </div>
+                            <div class="mb-4">
+                                <label for="userNewPassword" class="block mb-1">New Password</label>
+                                <input id="userNewPassword" name="newPassword" type="password" class="input" placeholder="New password">
+                            </div>
+                            <div class="mb-4">
+                                <label for="userConfirmNewPassword" class="block mb-1">Confirm New
+                                    Password</label>
+                                <input id="userConfirmNewPassword" name="confirmPassword" type="password" class="input"
+                                    placeholder="Confirm new password">
+                            </div>
+                            <div class="text-right">
+                                <button type="submit"
+                                    class="btn bg-primary text-white hover:bg-primary-deep">Update</button>
+                            </div>
+                        </form>
+                        </div>
+                       </div>
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">2-Step verification</h5>
+                            </div>
+                            <ul class="flex flex-col space-y-5 p-4 divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                                <li class="flex items-center gap-3.5 pb-4">
+                                    <div class="flex items-center gap-3.5 flex-grow">
+                                        <img alt="" src="images/brands/google.svg" class="w-8 h-auto shrink-0">
+                                        <div class="flex-grow">
+                                            <h5>
+                                                Google Authenticator
+                                            </h5>
+                                            <p class="text-muted">Using Google Authenticator app
+                                                generates time-sensitive codes for secure logins.</p>
+                                        </div>
+                                    </div>
+                                    <div class="shrink-0 text-right">
+                                        <input type="radio" class="input-radio" name="2StepVarification" checked id="2StepGoogle">
+                                    </div>
+                                </li>
+                                 <li class="flex items-center gap-3.5">
+                                    <div class="flex items-center gap-3.5 flex-grow">
+                                        <div class="shrink-0 size-8 flex items-center justify-center bg-primary text-white rounded-full">
+                                           <span class="icon-[lucide--mail] text-lg"></span>
+                                        </div>
+                                        <div class="flex-grow">
+                                            <h5>
+                                                E Mail Verification
+                                            </h5>
+                                            <p class="text-muted">Unique codes sent to email for confirming logins.</p>
+                                        </div>
+                                    </div>
+                                    <div class="shrink-0 text-right">
+                                        <input type="radio" class="input-radio" name="2StepVarification" id="2StepEmail">
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+<script src="vendor/js/sweetalert2.all.min.js"></script>
+ <script src="vendor/js/just-validate.production.min.js"></script>
+
+ <script>
+function updatePassword() {
+    Swal.fire({
+      icon: 'success',
+      title: 'Password Updated',
+      text: '🔒 Password updated successfully!',
+      toast: true,
+      position: 'top-end',
+      showConfirmButton: false,
+      timer: 4000,
+      timerProgressBar: true,
+      showCloseButton: true,
+      closeButtonHtml: '<span class="icon-[lucide--x]"></span>'
+    });
+  }
+
+  const validation = new JustValidate('#form_reset_password');
+
+  validation
+    .addField('#userCurrentPassword', [
+      {
+        rule: 'required',
+        errorMessage: 'Enter current password',
+      },
+    ])
+    .addField('#userNewPassword', [
+      {
+        rule: 'required',
+        errorMessage: 'Enter new password',
+      },
+      {
+        rule: 'minLength',
+        value: 2,
+        errorMessage: 'Password must be at least 2 characters',
+      },
+    ])
+    .addField('#userConfirmNewPassword', [
+      {
+        validator: (value, fields) => {
+          return value === fields['#userNewPassword'].elem.value;
+        },
+        errorMessage: 'Passwords do not match',
+      },
+    ])
+    .onSuccess((event) => {
+      event.preventDefault();
+      updatePassword(); 
+    });
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/account-settings.html b/www/raven-demo/account-settings.html
new file mode 100644
index 0000000..975f068
--- /dev/null
+++ b/www/raven-demo/account-settings.html
@@ -0,0 +1,1113 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+     <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+      <!--:Sweet alert:-->
+  <link rel="stylesheet" href="vendor/css/sweetalert2.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item active">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item account_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item account_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item account_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item account_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-0">Settings</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 lg:gap-8 mb-4">
+                    <div class="md:col-span-4 lg:col-span-3">
+                        <!--:Navbar:-->
+                        <nav class="flex flex-col space-y-0.5">
+                            <a href="account-settings.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--user] text-lg"></span>
+                                Profile
+                            </a>
+                            <a href="account-security.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--shield-check] text-lg"></span>
+                                Security
+                            </a>
+                            <a href="account-notifications.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--bell] text-lg"></span>
+                                Notifications
+                            </a>
+                            <a href="account-billing.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--credit-card] text-lg"></span>
+                                Billing
+                            </a>
+                            <a href="account-integration.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--component] text-lg"></span>
+                                Integrations
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9">
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4">
+                            <h5 class="text-lg mb-5">Personal Information</h5>
+                            <div class="flex flex-wrap items-center gap-3.5 mb-5">
+                                <img alt="" src="images/avatars/thumb-1.jpg"
+                                    class="size-16 shadow-lg shrink-0 rounded-full">
+                                <label for="upload_profile">
+                                    <input type="file" id="upload_profile" class="appearance-none hidden">
+                                    <button type="button"
+                                        class="btn btn-sm bg-primary hover:bg-primary-deep text-white">Change
+                                        Image</button>
+                                </label>
+                                <button type="button" class="btn btn-sm btn-default">Remove</button>
+                            </div>
+                            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-4">
+                                <div>
+                                    <label for="userFName" class="mb-1 block">First Name</label>
+                                    <input id="userFName" type="text" class="input" value="Emily Docker">
+                                </div>
+                                <div>
+                                    <label for="userName" class="mb-1 block">Username</label>
+                                    <input id="userName" type="text" class="input" value="@emily23">
+                                </div>
+                            </div>
+                            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-7">
+                                <div>
+                                    <label for="userEmail" class="mb-1 block">Email</label>
+                                    <input id="userEmail" type="email" class="input" value="emily.d@mail.com">
+                                </div>
+                                <div>
+                                    <label for="userPhone" class="mb-1 block">Phone</label>
+                                    <input id="userPhone" type="text" class="input" value="1234567890">
+                                </div>
+                            </div>
+                            <h5 class="text-lg mb-5">Address Information</h5>
+                            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-5">
+                                <div>
+                                    <label class="mb-1 block">Country</label>
+                                    <div class="relative">
+                                        <select class="js-select"
+                                            placeholder="Select a country">
+                                            <option value="United States" selected>United States</option>
+                                            <option value="India">India</option>
+                                            <option value="Germany">Germany</option>
+                                            <option value="Australia">Australia</option>
+                                            <option value="France">France</option>
+                                            <option value="United Kingdom">United Kingdom</option>
+                                            <option value="Italy">Italy</option>
+                                            <option value="Spain">Spain</option>
+                                            <option value="Japan">Japan</option>
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="grid grid-cols-1 gap-4 mb-5">
+                                <div>
+                                    <label for="userAddress" class="mb-1 block">Address</label>
+                                    <input id="userAddress" type="text" class="input" value="2730 Lorem Street CA">
+                                </div>
+                            </div>
+                            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-5">
+                                <div>
+                                    <label for="userCity" class="mb-1 block">City</label>
+                                    <input id="userCity" type="text" class="input" value="Sans Fransisco">
+                                </div>
+                                <div>
+                                    <label for="userPostalCode" class="mb-1 block">Postal Code</label>
+                                    <input id="userPostalCode" type="text" class="input" value="27403">
+                                </div>
+                            </div>
+                            <!--:Button:-->
+                            <div class="text-right">
+                                <button onclick="saveProfile()" type="button" class="btn bg-primary text-white hover:bg-primary-deep">Save
+                                    changes</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--Select box-->
+      <script src="vendor/js/tom-select.complete.min.js"></script>
+      <script>
+        document.querySelectorAll('.js-select').forEach(select => {
+    new TomSelect(select, {
+        maxItems: 1,
+        create: false,
+        searchField: [],
+        controlInput: null
+    });
+});
+      </script>
+
+      <!--:Profile update notification:-->
+    <script src="vendor/js/sweetalert2.all.min.js"></script>
+    <script>
+
+        function saveProfile() {
+           Swal.fire({
+      icon: 'success',
+      title: '🧑‍🦱 Profile updated successfully!',
+      toast: true,
+      position: 'top-end',
+      showConfirmButton: false,
+      timer: 4000,
+      timerProgressBar: true,
+      showCloseButton: true,
+      closeButtonHtml: '<span class="icon-[lucide--x]"></span>'
+    });
+        }
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/advanceui-sortablejs.html b/www/raven-demo/advanceui-sortablejs.html
new file mode 100644
index 0000000..df8853d
--- /dev/null
+++ b/www/raven-demo/advanceui-sortablejs.html
@@ -0,0 +1,1283 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item advanceUI_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item advanceUI_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item advanceUI_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item advanceUI_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item active">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <div class="flex items-end gap-2 mb-3">
+                <h2 class="text-xl">Sortable Js</h2>
+                <a class="text-xs text-primary" href="https://sortablejs.github.io/Sortable/" target="_blank">Official
+                    Docs</a>
+            </div>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Advance UI</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Sortable Js</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 mb-4">
+                <h5 class="text-lg mb-4">Cards
+            </h5>
+            <div class="grid grid-cols-2 lg:grid-cols-4 gap-4" id="sortable-cards">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-lg p-4">
+                    <h5 class="text-lg">
+                        Sortable Card 1
+                    </h5>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-lg p-4">
+                    <h5 class="text-lg">
+                        Sortable Card 2
+                    </h5>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-lg p-4">
+                    <h5 class="text-lg">
+                        Sortable Card 3
+                    </h5>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-lg p-4">
+                    <h5 class="text-lg">
+                        Sortable Card 4
+                    </h5>
+                </div>
+            </div>
+            </div>
+             <div class="grid grid-cols-1 gap-4 mb-4" id="sortable-images">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4">
+                    <h5 class="text-lg mb-4">
+                        Images
+                    </h5>
+                    <!--:Sortable:-->
+                    <div class="flex flex-wrap gap-2 mb-2" id="image-list-1">
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-1.jpg" class="size-10 rounded-full">
+                        </div>
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-2.jpg" class="size-10 rounded-full">
+                        </div>
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-3.jpg" class="size-10 rounded-full">
+                        </div>
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-4.jpg" class="size-10 rounded-full">
+                        </div>
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-5.jpg" class="size-10 rounded-full">
+                        </div>
+                    </div>
+                     <!--:Sortable:-->
+                    <div class="flex flex-wrap gap-2" id="image-list-2">
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-6.jpg" class="size-10 rounded-full">
+                        </div>
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-7.jpg" class="size-10 rounded-full">
+                        </div>
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-8.jpg" class="size-10 rounded-full">
+                        </div>
+                        <div class="rounded-full overflow-hidden cursor-move">
+                            <img src="images/avatars/thumb-9.jpg" class="size-10 rounded-full">
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 mb-4">
+                <h5 class="text-lg mb-4">Multiple list
+            </h5>
+            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                <div>
+                     <p class="text-muted mb-4">Pending</p>
+                <ul class="flex flex-col divide-y divide-zinc-200 dark:divide-zinc-800" id="pending-tasks">
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <img src="images/avatars/thumb-1.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Sunt in culpa qui officia deserunt mollit
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <img src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Tempus leo eu aenean sed diam urna
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <img src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Pulvinar vivamus fringilla lacus nec
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <img src="images/avatars/thumb-4.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Ad litora torquent per conubia nostra
+                        </p>
+                    </li>
+                </ul>
+                </div>
+                <div>
+                    <p class="text-muted mb-4">Completed</p>
+                    <ul class="flex flex-col divide-y divide-zinc-200 dark:divide-zinc-800" id="completed-tasks">
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <img src="images/avatars/thumb-5.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Duis aute irure dolor in reprehenderit in voluptate velit esse
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <img src="images/avatars/thumb-6.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Enim ad minim veniam, quis nostrud exercitation
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <img src="images/avatars/thumb-7.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Duis aute irure dolor in reprehenderit 
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <img src="images/avatars/thumb-8.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Excepteur sint occaecat cupidatat non proident
+                        </p>
+                    </li>
+                </ul>
+                </div>
+            </div>
+            </div>
+
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 mb-4">
+                <h5 class="text-lg mb-4">Handle
+            </h5>
+            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                <div>
+                     <p class="text-muted mb-4">Pending</p>
+                <ul class="flex flex-col divide-y divide-zinc-200 dark:divide-zinc-800" id="handle-list-1">
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <!--:handle:-->
+                        <span class="shrink-0 text-muted drag-handle cursor-move size-5 flex items-center justify-center">
+                            <span class="icon-[lucide--move]"></span>
+                        </span>
+                        <img src="images/avatars/thumb-1.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Sunt in culpa qui officia deserunt mollit
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                       <!--:handle:-->
+                        <span class="shrink-0 text-muted drag-handle cursor-move size-5 flex items-center justify-center">
+                            <span class="icon-[lucide--move]"></span>
+                        </span>
+                        <img src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Tempus leo eu aenean sed diam urna
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <!--:handle:-->
+                        <span class="shrink-0 text-muted drag-handle cursor-move size-5 flex items-center justify-center">
+                            <span class="icon-[lucide--move]"></span>
+                        </span>
+                        <img src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Pulvinar vivamus fringilla lacus nec
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <!--:handle:-->
+                        <span class="shrink-0 text-muted drag-handle cursor-move size-5 flex items-center justify-center">
+                            <span class="icon-[lucide--move]"></span>
+                        </span>
+                        <img src="images/avatars/thumb-4.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Ad litora torquent per conubia nostra
+                        </p>
+                    </li>
+                </ul>
+                </div>
+                <div>
+                    <p class="text-muted mb-4">Completed</p>
+                    <ul class="flex flex-col divide-y divide-zinc-200 dark:divide-zinc-800" id="handle-list-2">
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <!--:handle:-->
+                        <span class="shrink-0 text-muted drag-handle cursor-move size-5 flex items-center justify-center">
+                            <span class="icon-[lucide--move]"></span>
+                        </span>
+                        <img src="images/avatars/thumb-5.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Duis aute irure dolor in reprehenderit in voluptate velit esse
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <!--:handle:-->
+                        <span class="shrink-0 text-muted drag-handle cursor-move size-5 flex items-center justify-center">
+                            <span class="icon-[lucide--move]"></span>
+                        </span>
+                        <img src="images/avatars/thumb-6.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Enim ad minim veniam, quis nostrud exercitation
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <!--:handle:-->
+                        <span class="shrink-0 text-muted drag-handle cursor-move size-5 flex items-center justify-center">
+                            <span class="icon-[lucide--move]"></span>
+                        </span>
+                        <img src="images/avatars/thumb-7.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Duis aute irure dolor in reprehenderit 
+                        </p>
+                    </li>
+                    <li class="py-3 px-2 flex items-center gap-3.5">
+                        <!--:handle:-->
+                        <span class="shrink-0 text-muted drag-handle cursor-move size-5 flex items-center justify-center">
+                            <span class="icon-[lucide--move]"></span>
+                        </span>
+                        <img src="images/avatars/thumb-8.jpg" class="size-8 shrink-0 rounded-full">
+                        <p class="truncate">
+                          Excepteur sint occaecat cupidatat non proident
+                        </p>
+                    </li>
+                </ul>
+                </div>
+            </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Sortable js:-->
+    <script src="vendor/js/Sortable.min.js"></script>
+    <script>
+        document.addEventListener("DOMContentLoaded", function () {
+            // Get elements
+            var sortableCards = document.getElementById("sortable-cards"),
+                pendingTasks = document.getElementById("pending-tasks"),
+                completedTasks = document.getElementById("completed-tasks"),
+                handleList1 = document.getElementById("handle-list-1"),
+                handleList2 = document.getElementById("handle-list-2"),
+                imageList1 = document.getElementById("image-list-1"),
+                imageList2 = document.getElementById("image-list-2");
+
+            // Basic sortable list
+            if (sortableCards) {
+                Sortable.create(sortableCards);
+            }
+
+            // Image lists (shared group)
+            if (imageList1) {
+                Sortable.create(imageList1, {
+                    animation: 150,
+                    group: "imgList"
+                });
+            }
+
+            if (imageList2) {
+                Sortable.create(imageList2, {
+                    animation: 150,
+                    group: "imgList"
+                });
+            }
+
+            // Task lists
+            if (pendingTasks) {
+                Sortable.create(pendingTasks, {
+                    animation: 150,
+                    group: "taskList"
+                });
+            }
+
+            if (completedTasks) {
+                Sortable.create(completedTasks, {
+                    animation: 150,
+                    group: "taskList"
+                });
+            }
+
+            // Handle-based drag lists
+            if (handleList1) {
+                Sortable.create(handleList1, {
+                    animation: 150,
+                    group: "handleList",
+                    handle: ".drag-handle"
+                });
+            }
+
+            if (handleList2) {
+                Sortable.create(handleList2, {
+                    animation: 150,
+                    group: "handleList",
+                    handle: ".drag-handle"
+                });
+            }
+        });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/advanceui-step-wizard.html b/www/raven-demo/advanceui-step-wizard.html
new file mode 100644
index 0000000..a78bbd3
--- /dev/null
+++ b/www/raven-demo/advanceui-step-wizard.html
@@ -0,0 +1,1486 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item advanceUI_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item advanceUI_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item advanceUI_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item advanceUI_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item active">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Form step wizard</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Advance UI</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Step wizard</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 mb-4">
+                <h5 class="text-lg mb-4">Horizontal example</h5>
+                <!-- Horizontal Wizard -->
+                <div class="wizard" data-wizard>
+                    <!-- Navigation -->
+                    <ul class="nav-horizontal flex flex-nowrap nav-wizard mb-4 gap-4 md:gap-6">
+                        <li class="wizard-step nav-link flex items-center gap-3.5">
+                            <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                01
+                            </span>
+                            <div class="flex-grow">
+                                <h6>Step 1</h6>
+                                <p class="text-sm">Step 1 description</p>
+                            </div>
+                        </li>
+                        <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                            <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                02
+                            </span>
+                            <div class="flex-grow">
+                                <h6>Step 2</h6>
+                                <p class="text-sm">Step 2 description</p>
+                            </div>
+                        </li>
+                        <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                            <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                03
+                            </span>
+                            <div class="flex-grow">
+                                <h6>Step 3</h6>
+                                <p class="text-sm">Step 3 description</p>
+                            </div>
+                        </li>
+                    </ul>
+
+                    <div>
+                        <!-- Panels -->
+                        <div class="wizard-content min-h-48 p-4 bg-zinc-50 dark:bg-zinc-800 rounded-xl">
+                            <div class="wizard-panel">Content: Step 1</div>
+                            <div class="wizard-panel">Content: Step 2</div>
+                            <div class="wizard-panel">Content: Step 3</div>
+                        </div>
+
+                        <!-- Actions -->
+                        <div class="wizard-actions pt-4 flex items-center justify-between">
+                            <button class="prev-btn btn btn-default disabled:opacity-50 disabled:pointer-events-none"
+                                disabled>
+                                Previous</button>
+                            <button class="next-btn btn bg-primary text-white hover:bg-primary-deep">
+                                Next</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 mb-4">
+                <h5 class="text-lg mb-4">Vertical example</h5>
+                <!-- Vertical Wizard -->
+                <div class="wizard grid grid-cols-1 md:grid-cols-12 gap-4" data-wizard>
+                    <div class="md:col-span-4">
+                        <!-- Navigation -->
+                    <ul class="flex flex-col flex-nowrap nav-wizard mb-4 gap-4 md:gap-6">
+                        <li class="wizard-step nav-link flex items-center gap-3.5">
+                            <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                <span class="icon-[lucide--book-user] text-xl"></span>
+                            </span>
+                            <div class="flex-grow">
+                                <h6>Step 1</h6>
+                                <p class="text-sm">Step 1 description</p>
+                            </div>
+                        </li>
+                        <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                            <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                               <span class="icon-[lucide--user-cog] text-xl"></span>
+                            </span>
+                            <div class="flex-grow">
+                                <h6>Step 2</h6>
+                                <p class="text-sm">Step 2 description</p>
+                            </div>
+                        </li>
+                        <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                            <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                              <span class="icon-[lucide--user-pen] text-xl"></span>
+                            </span>
+                            <div class="flex-grow">
+                                <h6>Step 3</h6>
+                                <p class="text-sm">Step 3 description</p>
+                            </div>
+                        </li>
+                    </ul>
+                    </div>
+
+                    <div class="md:col-span-8">
+                        <!-- Panels -->
+                        <div class="wizard-content min-h-48 p-4 bg-zinc-50 dark:bg-zinc-800 rounded-xl">
+                            <div class="wizard-panel">Content: Step 1</div>
+                            <div class="wizard-panel">Content: Step 2</div>
+                            <div class="wizard-panel">Content: Step 3</div>
+                        </div>
+
+                        <!-- Actions -->
+                        <div class="wizard-actions pt-4 flex items-center justify-between">
+                            <button class="prev-btn btn btn-default disabled:opacity-50 disabled:pointer-events-none"
+                                disabled>
+                                Previous</button>
+                            <button class="next-btn btn bg-primary text-white hover:bg-primary-deep">
+                                Next</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--:Card:-->
+                <div class="rounded-xl p-6 bg-white dark:bg-zinc-900 shadow-card flex flex-col items-center justify-center mb-4">
+                    <div class="size-12 flex items-center justify-center rounded-full bg-zinc-100 dark:bg-zinc-800 mb-4">
+                       <span class="icon-[lucide--edit] text-xl"></span>
+                    </div>
+                    <h5 class="text-lg mb-1">Create App</h5>
+                    <p class="text-muted mb-4">Checkout the step-wizard real world example</p>
+                    <button type="button" data-bs-toggle="modal" data-bs-target="#modalCreateApp" class="btn bg-primary text-white hover:bg-primary-deep">Show</button>
+                </div>
+        </div>
+    </main>
+
+
+      <!--:Modal New chat users list:-->
+      <div id="modalCreateApp" role="dialog"
+          class="modal fade fixed w-full h-full left-0 top-0 z-[60] hidden [&.show]:flex  overflow-y-auto" tabindex="-1">
+          <div class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+              <div class="modal-content max-w-4xl mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                  <div class="flex items-center justify-between p-4 lg:pb-0 lg:p-6">
+                      <div class="flex-grow">
+                          <h5 class="text-lg">Create App</h5>
+                      </div>
+                      <button type="button" class=" size-8 rounded-full btn btn-default !p-0" data-bs-dismiss="modal">
+                          <span class="icon-[lucide--x] text-lg"></span>
+                      </button>
+                  </div>
+
+                  <!--:Create app wizard:-->
+                  <div class="wizard grid grid-cols-1 md:grid-cols-12 gap-4 p-4 lg:p-6" data-wizard>
+                      <div class="md:col-span-4">
+                          <!-- Navigation -->
+                          <ul class="flex flex-col flex-nowrap nav-wizard mb-4 gap-4 md:gap-6">
+                              <li class="wizard-step nav-link flex items-center gap-3.5">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--file-chart-column] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Details</h6>
+                                      <p class="text-sm">App details</p>
+                                  </div>
+                              </li>
+                              <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--box] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Frameworks</h6>
+                                      <p class="text-sm">Select app framework</p>
+                                  </div>
+                              </li>
+                              <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--database] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Database</h6>
+                                      <p class="text-sm">Select app database</p>
+                                  </div>
+                              </li>
+                              <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--credit-card] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Billing</h6>
+                                      <p class="text-sm">Provide payment details</p>
+                                  </div>
+                              </li>
+                              <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--eye] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Overview & Submit</h6>
+                                      <p class="text-sm">Check before submit</p>
+                                  </div>
+                              </li>
+                          </ul>
+                      </div>
+
+                      <div class="md:col-span-8 flex flex-col h-full">
+                          <!-- Panels -->
+                          <div class="wizard-content">
+                              <!--:Details:-->
+                              <div class="wizard-panel">
+                                  <div class="mb-4">
+                                      <span class="block mb-1">
+                                          App name
+                                      </span>
+                                      <input type="text" class="input" placeholder="App name" />
+                                  </div>
+                                  <div class="mb-4">
+                                      <span class="block mb-3">
+                                          Category
+                                      </span>
+
+                                      <!--:Categories:-->
+                                      <div
+                                          class="flex flex-col gap-2 divide-y divide-zinc-200 dark:divide-zinc-700 divide-dashed">
+                                          <!--:Category:-->
+                                          <div class="flex pb-2 items-center justify-between">
+                                              <label for="catCRM" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-amber-500/10 text-amber-500">
+                                                      <span class="icon-[lucide--file-box] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>CRM App</h6>
+                                                      <p>Scales with any business</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appCat" id="catCRM" class="input-radio" checked>
+                                          </div>
+                                          <!--:Category:-->
+                                          <div class="flex pb-2 items-center justify-between">
+                                              <label for="catEcommerce"
+                                                  class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-green-500/10 text-green-500">
+                                                      <span class="icon-[lucide--shopping-bag] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>eCommerce Platforms</h6>
+                                                      <p>Grow Your Business With App</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appCat" id="catEcommerce" class="input-radio">
+                                          </div>
+                                          <!--:Category:-->
+                                          <div class="flex items-center justify-between">
+                                              <label for="catSocial" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-pink-500/10 text-pink-500">
+                                                      <span class="icon-[lucide--at-sign] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>Social</h6>
+                                                      <p>Track your social accounts</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appCat" id="catSocial" class="input-radio">
+                                          </div>
+                                      </div>
+                                  </div>
+                              </div>
+
+
+                              <!--:Framework:-->
+                              <div class="wizard-panel">
+                                  <span class="block mb-3">
+                                      Select Framework
+                                  </span>
+
+                                  <!--:Frameworks:-->
+                                  <div
+                                      class="flex flex-col gap-2 divide-y divide-zinc-200 dark:divide-zinc-700 divide-dashed">
+                                      <!--:Framework:-->
+                                      <div class="flex pb-2 items-center justify-between">
+                                          <label for="frameworkHTML" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                              <div
+                                                  class="flex items-center justify-center size-12 rounded-lg bg-amber-500/10 text-amber-500">
+                                                  <span class="icon-[tabler--brand-html5] text-xl"></span>
+                                              </div>
+                                              <div class="flex-grow">
+                                                  <h6>HTML5</h6>
+                                                  <p>Progressive Framework</p>
+                                              </div>
+                                          </label>
+                                          <input type="radio" name="appFrameworks" id="frameworkHTML" class="input-radio"
+                                              checked>
+                                      </div>
+                                      <!--:Framework:-->
+                                      <div class="flex pb-2 items-center justify-between">
+                                          <label for="frameworkReact"
+                                              class="flex items-center gap-3 flex-grow cursor-pointer">
+                                              <div
+                                                  class="flex items-center justify-center size-12 rounded-lg bg-sky-500/10 text-sky-500">
+                                                  <span class="icon-[tabler--brand-react] text-xl"></span>
+                                              </div>
+                                              <div class="flex-grow">
+                                                  <h6>React</h6>
+                                                  <p>Create SPA apps</p>
+                                              </div>
+                                          </label>
+                                          <input type="radio" name="appFrameworks" id="frameworkReact" class="input-radio">
+                                      </div>
+                                      <!--:Framework:-->
+                                      <div class="flex pb-2 items-center justify-between">
+                                          <label for="frameworkNG" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                              <div
+                                                  class="flex items-center justify-center size-12 rounded-lg bg-pink-500/10 text-pink-500">
+                                                  <span class="icon-[tabler--brand-angular] text-xl"></span>
+                                              </div>
+                                              <div class="flex-grow">
+                                                  <h6>Angular</h6>
+                                                  <p>Create large apps</p>
+                                              </div>
+                                          </label>
+                                          <input type="radio" name="appFrameworks" id="frameworkNG" class="input-radio">
+                                      </div>
+                                      <!--:Framework:-->
+                                      <div class="flex pb-2 items-center justify-between">
+                                          <label for="frameworkVue" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                              <div
+                                                  class="flex items-center justify-center size-12 rounded-lg bg-green-500/10 text-green-500">
+                                                  <span class="icon-[tabler--brand-vue] text-xl"></span>
+                                              </div>
+                                              <div class="flex-grow">
+                                                  <h6>VueJs</h6>
+                                                  <p>Create vueJs apps</p>
+                                              </div>
+                                          </label>
+                                          <input type="radio" name="appFrameworks" id="frameworkVue" class="input-radio">
+                                      </div>
+                                  </div>
+                              </div>
+
+
+                              <!--:Database:-->
+                              <div class="wizard-panel">
+                                  <div class="mb-4">
+                                      <span class="block mb-1">
+                                          Database name
+                                      </span>
+                                      <input type="text" class="input" placeholder="Database name" />
+                                  </div>
+                                  <div class="mb-4">
+                                      <span class="block mb-3">
+                                          Select Database
+                                      </span>
+
+                                      <!--:Database list:-->
+                                      <div
+                                          class="flex flex-col gap-2 divide-y divide-zinc-200 dark:divide-zinc-700 divide-dashed">
+                                          <!--:database:-->
+                                          <div class="flex pb-2 items-center justify-between">
+                                              <label for="dataBaseFire"
+                                                  class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-orange-500/10 text-orange-500">
+                                                      <span class="icon-[tabler--brand-firebase] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>Firebase</h6>
+                                                      <p>Cloud Firestone</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appDatabase" id="dataBaseFire" class="input-radio">
+                                          </div>
+                                          <!--:database:-->
+                                          <div class="flex pb-2 items-center justify-between">
+                                              <label for="dataBaseAWS"
+                                                  class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-purple-500/10 text-purple-500">
+                                                      <span class="icon-[tabler--brand-aws] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>AWS</h6>
+                                                      <p>Amazon Fast NoSQL Database</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appDatabase" id="dataBaseAWS" class="input-radio">
+                                          </div>
+                                          <!--:database:-->
+                                          <div class="flex items-center justify-between">
+                                              <label for="dataBaseSQL"
+                                                  class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-pink-500/10 text-pink-500">
+                                                      <span class="icon-[lucide--database] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>MySQL</h6>
+                                                      <p>Basic MySQL database</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appDatabase" id="dataBaseSQL" class="input-radio"
+                                                  checked>
+                                          </div>
+                                      </div>
+                                  </div>
+                              </div>
+
+
+                              <!--:Billing:-->
+                              <div class="wizard-panel">
+                                  <p class="mb-4">Provide payment details below</p>
+                                  <div class="mb-4">
+                                      <span class="block mb-1">
+                                          Card number
+                                      </span>
+                                      <input type="text" class="input" id="cardNumber">
+                                  </div>
+                                  <div class="mb-4 flex flex-wrap -mx-4">
+                                      <div class="w-full mb-4 px-4 md:w-6/12">
+                                          <span class="block mb-1">
+                                              Name on card
+                                          </span>
+                                          <input type="text" placeholder="John Doe" class="input" id="cardHolderName">
+                                      </div>
+                                      <div class="w-full mb-4 px-4 md:w-3/12">
+                                          <span class="block mb-1">
+                                              Expiry date
+                                          </span>
+                                          <input type="text" class="input" placeholder="MM/YY" id="cardExpiry">
+                                      </div>
+                                      <div class="w-full mb-4 px-4 md:w-3/12">
+                                          <span class="block mb-1">
+                                              CVV
+                                          </span>
+                                          <input type="text" class="input" placeholder="123" id="cardCVV">
+                                      </div>
+                                  </div>
+                                  <div class="flex items-center gap-2.5">
+                                      <input type="checkbox" id="savePayment" class="input-switch">
+                                      <label for="savePayment" class="cursor-pointer text-muted">Save this card</label>
+                                  </div>
+                              </div>
+
+                              <!--:Overview & Submit:-->
+                              <div class="wizard-panel">
+                                  <div
+                                      class="flex flex-col gap-4 divide-y divide-zinc-200 dark:divide-zinc-700 divide-dashed">
+                                      <div class="pb-4">
+                                          <p>Review and click on finish to complete your new app create</p>
+                                      </div>
+                                      <div class="pb-4">
+                                          <p class="text-muted text-sm mb-1">App name:</p>
+                                          <h6>Raven Pro</h6>
+                                      </div>
+                                      <div class="pb-4">
+                                          <p class="text-muted text-sm mb-2">Framework:</p>
+                                          <div class="flex items-center gap-3.5">
+                                              <span
+                                                  class="size-8 bg-orange-500/10 text-orange-500 rounded-md flex items-center justify-center shrink-0">
+                                                  <span class="icon-[tabler--brand-angular] text-xl"></span>
+                                              </span>
+                                              <h6>Angular</h6>
+                                          </div>
+                                      </div>
+                                      <div class="pb-4">
+                                          <p class="text-muted text-sm mb-2">Database details:</p>
+                                          <div class="flex items-center gap-3.5">
+                                              <span
+                                                  class="size-8 bg-red-500/10 text-red-500 rounded-md flex items-center justify-center shrink-0">
+                                                  <span class="icon-[tabler--brand-firebase] text-xl"></span>
+                                              </span>
+                                              <h6>Firebase - ravedb</h6>
+                                          </div>
+                                      </div>
+                                      <div class="pb-4">
+                                          <p class="text-muted">
+                                              By clicking on <strong>Finish</strong>, you agree to our
+                                              <a href="#!" class="text-primary border-b border-dashed hover:text-current">
+                                                  Terms &amp; Conditions
+                                              </a>.
+                                          </p>
+                                      </div>
+                                  </div>
+                              </div>
+                          </div>
+
+                          <!-- Actions -->
+                          <div class="wizard-actions pt-4 mt-auto flex items-center justify-between">
+                              <button class="prev-btn btn btn-default disabled:opacity-50 disabled:pointer-events-none"
+                                  disabled>
+                                  Previous</button>
+                              <button class="next-btn btn bg-primary text-white hover:bg-primary-deep">
+                                  Next</button>
+                          </div>
+                      </div>
+                  </div>
+              </div>
+          </div>
+      </div>
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Create app form payment details formatter:-->
+    <script src="vendor/js/cleave.min.js"></script>
+    <script>
+        new Cleave('#cardNumber', {
+      creditCard: true,
+      onCreditCardTypeChanged: function (type) {
+        console.log('Detected card type:', type);
+        // you could show a logo here dynamically
+      }
+    });
+     // Expiry date formatting (MM/YY)
+    new Cleave('#cardExpiry', {
+      date: true,
+      datePattern: ['m', 'y']
+    });
+
+    // CVV - numeric only
+    new Cleave('#cardCVV', {
+      numeral: true,
+      numeralPositiveOnly: true,
+      numeralIntegerScale: 4 // allows 3 or 4 digits
+    });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/advanceui-sweet-alerts.html b/www/raven-demo/advanceui-sweet-alerts.html
new file mode 100644
index 0000000..f1545ec
--- /dev/null
+++ b/www/raven-demo/advanceui-sweet-alerts.html
@@ -0,0 +1,1163 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <!--:Sweet alert:-->
+  <link rel="stylesheet" href="vendor/css/sweetalert2.min.css">
+  <title>Raven - Admin Dashboard</title>
+  <link rel="icon" href="images/favicon.png" type="image/png">
+  <!--Simplebar-->
+  <link rel="stylesheet" href="vendor/css/simplebar.css">
+  <!--:Fonts:-->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+  <!--:Main Style:-->
+  <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+  class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+  <aside
+      class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+      <div class="shrink-0 h-16 px-5 flex items-center">
+          <div class="relative flex items-center justify-between w-full">
+              <a href="index.html" class="flex items-center relative z-[1]">
+                  <span
+                      class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                      <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                      fill="currentColor">
+                      <path
+                          d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                  </svg>
+                  </span>
+                  <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+              </a>
+              <!--Sidebar mini for lg screen-->
+              <button id="isSidebarMini"
+                  class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                  <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+              </button>
+          </div>
+      </div>
+      <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+          <div class="flex flex-col py-3 px-3">
+              <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                  <!--:Menu title:-->
+                  <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                  <a href="index.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                         <span class="icon-[lucide--file-chart-column]"></span>
+                      </span>
+                      <span class="sidebar-text">Analytic</span>
+                  </a>
+                  <a href="index-ecommerce.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                         <span class="icon-[lucide--shopping-bag]"></span>
+                      </span>
+                      <span class="sidebar-text">Ecommerce</span>
+                  </a>
+                  <a href="index-marketing.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                        <span class="icon-[lucide--diamond-percent]"></span>
+                      </span>
+                      <span class="sidebar-text">marketing</span>
+                  </a>
+                  <a href="index-restaurant.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                         <span class="icon-[lucide--pizza]"></span>
+                      </span>
+                      <span class="sidebar-text">Restaurant</span>
+                      <span class="ms-auto badge bg-primary text-white">New</span>
+                  </a>
+                   <a href="index-education.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                         <span class="icon-[lucide--book-open]"></span>
+                      </span>
+                      <span class="sidebar-text">Education</span>
+                  </a>
+                  <a href="index-social.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                        <span class="icon-[lucide--at-sign]"></span>
+                      </span>
+                      <span class="sidebar-text">Social</span>
+                  </a>
+                
+                  <a href="index-jobs.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                        <span class="icon-[lucide--briefcase-business]"></span>
+                      </span>
+                      <span class="sidebar-text">Jobs</span>
+                  </a>
+                  <a href="widgets.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                         <span class="icon-[lucide--wand-sparkles]"></span>
+                      </span>
+                      <span class="sidebar-text">Widgets</span> <span
+                          class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                  </a>
+                  <!--:Menu title:-->
+                  <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cApps"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--component]"></span>
+                          </span>
+                          <span class="sidebar-text">Apps</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                          class="collapse sidebar-collapse w-48 z-50 ">
+                          <div class="py-1">
+                              <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                              <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                              <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                              <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                              <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                  manager</a>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cAccount"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--circle-user-round]"></span>
+                          </span>
+                          <span class="sidebar-text">Account</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                          class="collapse sidebar-collapse w-48 z-50 ">
+                          <div class="py-1">
+                               <a href="account-profile.html"
+                                  class="sidebar-collapse-item @@account_profile">Profile</a>
+                              <a href="account-settings.html"
+                                  class="sidebar-collapse-item @@account_settings">Settings</a>
+                              <a href="account-activity-log.html"
+                                  class="sidebar-collapse-item @@account_activty">Acitivity
+                                  log</a>
+                              <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                  &
+                                  permissions</a>
+                              <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cEducation"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--book-open]"></span>
+                          </span>
+                          <span class="sidebar-text">Education</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                          class="collapse sidebar-collapse w-48 z-50 ">
+                          <div class="py-1">
+                               <a href="education-courses.html"
+                                  class="sidebar-collapse-item @@edu_courses">Courses</a>
+                              <a href="education-course-details.html"
+                                  class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                              </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cProjects"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--folder-open]"></span>
+                          </span>
+                          <span class="sidebar-text">Projects</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                  board</a>
+                              <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                              <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                              <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cProducts"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--baggage-claim]"></span>
+                          </span>
+                          <span class="sidebar-text">Products</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                              <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                              <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                              <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--users]"></span>
+                          </span>
+                          <span class="sidebar-text">Customers</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                              <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                              <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                              <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                           <span class="icon-[lucide--life-buoy]"></span>
+                          </span>
+                          <span class="sidebar-text">Help Center</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                              <a href="support-articles.html"
+                                  class="sidebar-collapse-item @@support_articles">Articles</a>
+                              <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                              <a href="support-articles-manage.html"
+                                  class="sidebar-collapse-item @@support_articles_manage">Manage
+                                  articles</a>
+                          </div>
+                      </div>
+                  </div>
+                   <!--:Menu title:-->
+                  <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--key-round]"></span>
+                          </span>
+                          <span class="sidebar-text">Auth</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                          <div class="py-1">
+                              <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                              <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                              <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                              <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cExtras"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--layers-2]"></span>
+                          </span>
+                          <span class="sidebar-text">Extras</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="page-invoice.html" class="sidebar-collapse-item advanceUI_invoice">Invoice</a>
+                              <a href="page-search-results.html" class="sidebar-collapse-item advanceUI_search">Search
+                                  results</a>
+                              <a href="page-blank.html" class="sidebar-collapse-item advanceUI_blank">Blank</a>
+                              <a href="page-error-404.html" class="sidebar-collapse-item advanceUI_404">Error 404</a>
+                          </div>
+                      </div>
+                  </div>
+                  <!--:Menu title:-->
+                  <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cLayouts"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                             <span class="icon-[lucide--layout]"></span>
+                          </span>
+                          <span class="sidebar-text">Layouts</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                              <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                              <a href="layout-horizontal.html"
+                                  class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                  <a href="layout-combo.html"
+                                  class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                          </div>
+                      </div>
+                  </div>
+                  <!--:Menu title:-->
+                  <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                  <div class="static">
+                      <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                             <span class="icon-[lucide--file-code-2]"></span>
+                          </span>
+                          <span class="sidebar-text">Components</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                              <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                              <a href="component-animation.html"
+                                  class="sidebar-collapse-item @@component_animation">Animation</a>
+                              <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                              <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                              <a href="component-breadcrum.html"
+                                  class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                              <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                              <a href="component-collapse.html"
+                                  class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                              <a href="component-dropdown.html"
+                                  class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                              <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                              <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                              <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                  <a href="component-navs.html"
+                                  class="sidebar-collapse-item @@component_navs">Navs</a>
+                                  <a href="component-offcanvas.html"
+                                      class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                  <a href="component-progress.html"
+                                      class="sidebar-collapse-item @@component_progress">Progress</a>
+                                  <a href="component-pagination.html"
+                                      class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                  <a href="component-tabbed-content.html"
+                                      class="sidebar-collapse-item @@component_tabs">Tabbed
+                                      Content</a>
+                                  <a href="component-typography.html"
+                                      class="sidebar-collapse-item @@component_typography">Typography</a>
+                                  <a href="component-tooltip.html"
+                                      class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                      popovers</a>
+                          </div>
+                      </div>
+                  </div>
+                  <a href="modal-examples.html" class="sidebar-link ">
+                      <span class="sidebar-icon">
+                        <span class="icon-[lucide--app-window]"></span>
+                      </span>
+                      <span class="sidebar-text">Modal examples</span> <span
+                          class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                  </a>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                          class="sidebar-link active">
+                          <span class="sidebar-icon">
+                              <span class="icon-[lucide--award]"></span>
+                          </span>
+                          <span class="sidebar-text">Advance UI</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                          class="collapse sidebar-collapse show">
+                          <div class="py-1">
+                              <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                              <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item active">Sweet Alerts</a>
+                              <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                              <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                              <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cGraphs"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-chart-line]"></span>
+                          </span>
+                          <span class="sidebar-text">Graphs</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                              <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                          </div>
+                      </div>
+                  </div>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cForms"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--file-edit]"></span>
+                          </span>
+                          <span class="sidebar-text">Forms</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                              <a href="forms-radio-checkbox.html"
+                                  class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                  checkbox</a>
+                              <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                              <a href="forms-validation.html"
+                                  class="sidebar-collapse-item @@form_validation">Validation</a>
+                                   <a href="forms-autosize.html"
+                                  class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                  <a href="forms-cleave-js.html"
+                                  class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                          </div>
+                      </div>
+                  </div>
+                   <div class="static">
+                      <a data-bs-toggle="collapse" href="#cTables"
+                          class="sidebar-link ">
+                          <span class="sidebar-icon">
+                              <span class="icon-[lucide--table]"></span>
+                          </span>
+                          <span class="sidebar-text">Tables</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                              <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                          </div>
+                      </div>
+                  </div>
+                   <!--:Menu title:-->
+                  <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                  <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                      class="sidebar-link flex items-center">
+                      <span class="sidebar-icon text-primary !opacity-100">
+                       <span class="icon-[lucide--eye]"></span>
+                      </span>
+                      <span class="sidebar-text">landing page</span>
+                  </a>
+                  <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                      class="sidebar-link flex items-center">
+                      <span class="sidebar-icon">
+                       <span class="icon-[lucide--layout]"></span>
+                      </span>
+                      <span class="sidebar-text">Demo 2</span>
+                  </a>
+                  <a href="#!"
+                      class="sidebar-link flex items-center ">
+                      <span class="sidebar-icon text-amber-500 !opacity-100">
+                       <span class="icon-[lucide--stars]"></span>
+                      </span>
+                      <span class="sidebar-text">Special Menu</span>
+                  </a>
+                  <a href="#!"
+                      class="sidebar-link flex items-center ">
+                      <span class="sidebar-icon">
+                       <span class="icon-[lucide--list-restart]"></span>
+                      </span>
+                      <span class="sidebar-text">Label Menu</span>
+                      <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                  </a>
+                  <a href="#!"
+                      class="sidebar-link flex items-center ">
+                      <span class="sidebar-icon">
+                       <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                      </span>
+                      <span class="sidebar-text">
+                          <span class="block leading-tight">Description</span>
+                      <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                      </span>
+                  </a>
+                  <a href="#!"
+                      class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                      <span class="sidebar-icon !opacity-100">
+                        <span class="icon-[lucide--ban]"></span>
+                      </span>
+                      <span class="sidebar-text">Disabled Menu</span>
+                  </a>
+                  <div class="static">
+                      <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                          <span class="sidebar-icon">
+                            <span class="icon-[lucide--layers]"></span>
+                          </span>
+                          <span class="sidebar-text">Multi level</span>
+                          <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                      </a>
+                      <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                          class="collapse sidebar-collapse ">
+                          <div class="py-1">
+                              <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                              <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                              <a href="#cMLevel2" data-bs-toggle="collapse"
+                                  class="sidebar-collapse-item flex items-center">Level 2
+                                  <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                              <div class="sidebar-collapse-level-1">
+                                  <div id="cMLevel2"
+                                      class="collapse sidebar-collapse ">
+                                      <div class="py-1">
+                                          <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                          <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                      </div>
+                                  </div>
+                              </div>
+                          </div>
+                      </div>
+                  </div>
+              </nav>
+              <!--:CTA:-->
+              <div class="text-center sidebar-cta pt-4">
+                  <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                      <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                      <h5 class="mb-3 !text-white">
+                          Unlock premium features and elevate your workflow
+                      </h5>
+                      <button type="button"
+                          class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                          Pro</button>
+                  </div>
+              </div>
+          </div>
+      </div>
+
+      <div class="py-3 px-5 flex flex-col shrink-0">
+          <div class="static">
+              <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                  href="#" class="block">
+                  <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                      <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                      <div class="flex-grow shrink-0 flex items-center justify-between">
+                          <h6 class="!text-current user-text">Emily Docker</h6>
+
+                      </div>
+                  </div>
+              </a>
+              <div class="dropdown-menu w-54 z-50">
+                  <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                      <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                      <div class="flex-grow">
+                          <p class="text-sm text-muted">Signed in as</p>
+                          <p class="text-sm">emily.d@mail.com</p>
+                      </div>
+                      <span class="shrink-0 pl-2">
+                          <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                      </span>
+                  </div>
+                  <a href="account-profile.html" class="dropdown-item">
+                      <span class="dropdown-icon">
+                          <span class="icon-[lucide--user]"></span>
+                      </span>Profile</a>
+                  <a href="account-settings.html" class="dropdown-item">
+                      <span class="dropdown-icon">
+                          <span class="icon-[lucide--settings]"></span>
+                      </span>Settings</a>
+                  <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                  <a href="auth-signin.html" class="dropdown-item">
+                      <span class="dropdown-icon">
+                          <span class="icon-[lucide--log-out]"></span>
+                      </span>Sign out</a>
+              </div>
+          </div>
+      </div>
+
+  </aside>
+  <main class="flex-1 lg:ms-64 flex flex-col app-content">
+    <div
+      class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+      <div class="shrink-0 flex items-center space-x-1">
+        <!--:Sidebar toggler:-->
+        <button type="button" data-toggle="app_sidebar" 
+          class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+          <span class="icon-[iconoir--menu] text-lg"></span>
+        </button>
+        <!--:Search:-->
+        <button data-bs-target="#modal_search" data-bs-toggle="modal"
+            class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+            <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+            <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+          </button>
+      </div>
+      <div class="flex items-center space-x-1">
+        <!--:TLang:-->
+          <!--:Theme Lang switcher:-->
+            <div class="relative">
+              <button data-bs-auto-close="outside" type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static">
+                <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+              </button>
+              <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                <a href="#!" class="dropdown-item active group gap-2.5">
+                    <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                    <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                </a>
+                <a href="#!" class="dropdown-item group gap-2.5">
+                    <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                    <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                </a>
+                <a href="#!" class="dropdown-item group gap-2.5">
+                    <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                    <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                </a>
+              </div>
+            </div>
+    
+        <!--:Notifications:-->
+            <div class="sm:relative">
+              <button data-bs-auto-close="outside" type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                data-bs-toggle="dropdown" data-bs-display="static">
+                <span class="icon-[lucide--bell] text-lg"></span>
+                <!--:Notification badge with animation:-->
+                <span class="absolute right-1 top-1 flex size-2">
+                  <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                  <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                </span>
+              </button>
+              <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                <div class="px-3 pt-3 flex justify-between items-center">
+                  <h5 class="text-lg">Notifications</h5>
+                  <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                    <span class="icon-[lucide--mail-open]"></span>
+                  </button>
+                </div>
+                <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                  <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                      <span class="icon-[lucide--database] text-lg"></span>
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                      <small class="text-muted">Just now</small>
+                    </div>
+                  </a>
+                  <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                      <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                      <small class="text-muted">1h</small>
+                    </div>
+                  </a>
+                  <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                     <span class="icon-[lucide--check] text-lg"></span>
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal">Backup completed successfully</div>
+                      <small class="text-muted">2h</small>
+                    </div>
+                  </a>
+                  <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                     <span class="icon-[lucide--user] text-lg"></span>
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal">Profile updated successfully</div>
+                      <small class="text-muted">3h</small>
+                    </div>
+                  </a>
+                  <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                      <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                      <div><span
+                          class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                      </div>
+                      <small class="text-muted">2d</small>
+                    </div>
+                  </a>
+                  <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                      <span class="icon-[lucide--component] text-lg"></span>
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal">API updated</div>
+                      <small class="text-muted">3d</small>
+                    </div>
+                  </a>
+                </div>
+                <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                  <a href="#!"
+                    class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                    All</a>
+                </div>
+              </div>
+            </div>
+    
+        <!--:Apps:-->
+            <div class="lg:relative hidden lg:block">
+              <button data-bs-auto-close="outside" type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static">
+                <span class="icon-[lucide--component] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                <div class="flex flex-wrap p-2">
+                  <div class="text-center w-1/2 p-2">
+                    <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                      <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                      <span>Mailchimp</span>
+                    </a>
+                  </div>
+                  <div class="text-center w-1/2 p-2">
+                    <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                      <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                      <span class="truncate block">Analytics</span>
+                    </a>
+                  </div>
+                  <div class="text-center w-1/2 p-2">
+                    <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                      <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                      <span>WebDev</span>
+                    </a>
+                  </div>
+                  <div class="text-center w-1/2 p-2">
+                    <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                      <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                      <span>Jira</span>
+                    </a>
+                  </div>
+                  <div class="text-center w-1/2 p-2">
+                    <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                      <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                      <span>Gitlab</span>
+                    </a>
+                  </div>
+                  <div class="text-center w-1/2 p-2">
+                    <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                      <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                      <span>Evernote</span>
+                    </a>
+                  </div>
+                </div>
+                <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                  <a href="#!"
+                    class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                    All</a>
+                </div>
+              </div>
+            </div>
+        <!--:Theme color switcher:-->
+        <div class="relative">
+          <button type="button"
+            class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+            data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+            <span class="icon-[lucide--settings] text-lg"></span>
+          </button>
+          <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+            <div class="mb-3 px-3 pt-2">
+              <h5>Theme</h5>
+            </div>
+
+            <div class="flex flex-wrap px-3 pb-2 gap-2">
+              <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #636DFF;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="navyTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #0E6DD9;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #049772;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #D300C5;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label class="flex items-center cursor-pointer dropdown-item">
+                <span class="icon-[lucide--sun-moon] me-1"></span>
+                <span class="flex-grow text-sm me-2">Dark mode</span>
+                <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+              </label>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                <span class="text-sm">Enable RTL</span>
+                <input type="checkbox" class="input-switch" id="toggleRTL" />
+              </label>
+      
+            </div>
+            <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <h5 class="px-3 mb-2">Sidebar</h5>
+                    <div class="radio-group flex items-center">
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                            <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                              <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                <span class="w-6 h-full bg-white rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Light
+                              </span>
+                            </label>
+                        </div>
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                            <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                               <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                 <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Dark
+                              </span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+
+    <!--:Search Modal:-->
+    <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+      tabindex="-1">
+      <div class="modal-dialog relative m-4 pointer-events-none">
+        <!--:Content:-->
+        <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+          <div class="relative">
+            <span
+              class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+              <span class="icon-[lucide--search] text-lg"></span>
+            </span>
+            <button type="button"
+              class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+              data-bs-dismiss="modal">
+              Esc
+            </button>
+            <input name="search" type="text"
+              class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+              autofocus />
+          </div>
+          <!--:Search results:-->
+          <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+            <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+            <ul class="flex flex-col pb-2">
+              <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                <span>Apps</span>
+                <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                <span>Api</span>
+              </li>
+              <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                <span>Dashboard</span>
+                <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                <span>Marketing</span>
+              </li>
+            </ul>
+            <hr class="border-zinc-200 dark:border-zinc-800">
+            <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+            <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+              <li class="flex items-center py-3 justify-between gap-2.5">
+                <div class="flex items-center gap-2.5">
+                  <div class="shrink-0">
+                    <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                  </div>
+                  <div class="flex flex-col gap-0.5">
+                    <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                    <span class="text-sm text-muted">Backend Developer</span>
+                  </div>
+                </div>
+              </li>
+
+              <li class="flex items-center py-3 justify-between gap-2.5">
+                <div class="flex items-center gap-2.5">
+                  <div class="shrink-0">
+                    <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                  </div>
+                  <div class="flex flex-col gap-0.5">
+                    <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                    <span class="text-sm text-muted">Digital Marketer</span>
+                  </div>
+                </div>
+              </li>
+
+              <li class="flex items-center py-3 justify-between gap-2.5">
+                <div class="flex items-center gap-2.5">
+                  <div class="shrink-0">
+                    <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                  </div>
+                  <div class="flex flex-col gap-0.5">
+                    <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                    <span class="text-sm text-muted">Full Stack Developer</span>
+                  </div>
+                </div>
+              </li>
+            </ul>
+            <hr class="border-zinc-200 dark:border-zinc-800">
+            <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+            <ul class="flex flex-col pb-4">
+              <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                              <div class="flex-1 fs-10 title">All customers list</div>
+              </li>
+               <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="badge bg-green-500/20 text-green-500">products:</span>
+                              <div class="flex-1 fs-10 title">Bestselling products</div>
+              </li>
+               <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                              <div class="flex-1 fs-10 title">All upcoming events</div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!--:Page Header:-->
+    <div class="px-4 lg:px-8 py-4">
+      <div class="flex items-end gap-2 mb-3">
+        <h2 class="text-xl">Sweet alerts</h2>
+      <a href="https://sweetalert2.github.io/" target="_blank" class="text-sm text-primary">Offical docs</a>
+      </div>
+      <!--:Breadcrumbs:-->
+      <ol class="flex gap-1 items-center text-sm">
+        <li class="flex items-center"><a href="index.html"
+            class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+        <li class="flex items-center opacity-30 leading-none">
+          <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+        </li>
+        <li class="flex items-center"><span class="pointer-events-none">Advance UI</span></li>
+        <li class="flex items-center opacity-30 leading-none">
+          <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+        </li>
+        <li class="flex items-center"><span class="pointer-events-none">Sweet alerts</span></li>
+      </ol>
+    </div>
+
+    <!--:Page content:-->
+    <div class="content flex flex-col flex-grow px-4 lg:px-8">
+      <!--:Card:-->
+      <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+
+        <div class="p-4 flex flex-col gap-4">
+          <h5 class="">Alerts</h5>
+<div class="flex flex-wrap gap-2">
+  <!-- Basic alerts -->
+  <button class="btn bg-green-500 hover:bg-green-600 text-white" id="alert-success">Success</button>
+  <button class="btn bg-red-500 hover:bg-red-600 text-white" id="alert-error">Error</button>
+  <button class="btn bg-amber-500 hover:bg-amber-600 text-white" id="alert-warning">Warning</button>
+  <button class="btn bg-sky-500 hover:bg-sky-600 text-white" id="alert-info">Info</button>
+  <button class="btn bg-purple-500 hover:bg-purple-600 text-white" id="alert-question">Question</button>
+
+  <!-- With title -->
+  <button class="btn bg-zinc-700 hover:bg-zinc-800 text-white" id="alert-with-title">With Title</button>
+  <button class="btn bg-zinc-500 hover:bg-zinc-600 text-white" id="alert-without-title">Without Title</button>
+
+  <!-- Positions -->
+  <button class="btn bg-primary hover:bg-primary-deep text-white" id="alert-top">Top</button>
+  <button class="btn bg-primary hover:bg-primary-deep text-white" id="alert-top-start">Top Start</button>
+  <button class="btn bg-primary hover:bg-primary-deep text-white" id="alert-top-end">Top End</button>
+  <button class="btn bg-primary hover:bg-primary-deep text-white" id="alert-center">Center</button>
+  <button class="btn bg-primary hover:bg-primary-deep text-white" id="alert-bottom">Bottom</button>
+  <button class="btn bg-primary hover:bg-primary-deep text-white" id="alert-bottom-start">Bottom Start</button>
+  <button class="btn bg-primary hover:bg-primary-deep text-white" id="alert-bottom-end">Bottom End</button>
+</div>
+        </div>
+      </div>
+       <!--:Card:-->
+      <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+
+        <div class="p-4 flex flex-col gap-4">
+         <h5 class="">Toasts</h5>
+<div class="flex flex-wrap gap-2">
+ <!-- Success -->
+  <button class="btn hover:bg-green-500/20" onclick="showToast('success', 'top-start')">Success - Top Left</button>
+  <button class="btn hover:bg-green-500/20" onclick="showToast('success', 'top')">Success - Top Center</button>
+  <button class="btn hover:bg-green-500/20" onclick="showToast('success', 'top-end')">Success - Top Right</button>
+
+  <!-- Error -->
+  <button class="btn hover:bg-red-500/20" onclick="showToast('error', 'bottom-start')">Error - Bottom Left</button>
+  <button class="btn hover:bg-red-500/20" onclick="showToast('error', 'bottom')">Error - Bottom Center</button>
+  <button class="btn hover:bg-red-500/20" onclick="showToast('error', 'bottom-end')">Error - Bottom Right</button>
+
+  <!-- Warning -->
+  <button class="btn hover:bg-amber-500/20" onclick="showToast('warning', 'center')">Warning - Center</button>
+
+  <!-- Info -->
+  <button class="btn hover:bg-sky-500/20" onclick="showToast('info', 'top-end')">Info - Top Right</button>
+</div>
+        </div>
+      </div>
+    </div>
+  </main>
+
+
+  <!--:Scripts:-->
+  <script src="js/theme.js"></script>
+  
+
+  <!--:Sweet alert:-->
+  <script src="vendor/js/sweetalert2.all.min.js"></script>
+  <script>
+  document.addEventListener("DOMContentLoaded", function () {
+
+  // Common SweetAlert options with custom close button
+  const baseOptions = {
+    showConfirmButton: true,
+    showCloseButton: true,
+    closeButtonHtml: '<span class="icon-[lucide--x]"></span>',
+    customClass: {
+      closeButton: '!text-xl !top-0 !end-0 !mt-1 !me-1'
+    }
+  };
+
+  // Basic alerts
+  document.getElementById("alert-success").addEventListener("click", () => {
+    Swal.fire({
+      ...baseOptions,
+      icon: "success",
+      title: "Success!",
+      text: "This is a success message."
+    });
+  });
+
+  document.getElementById("alert-error").addEventListener("click", () => {
+    Swal.fire({
+      ...baseOptions,
+      icon: "error",
+      title: "Error!",
+      text: "Something went wrong."
+    });
+  });
+
+  document.getElementById("alert-warning").addEventListener("click", () => {
+    Swal.fire({
+      ...baseOptions,
+      icon: "warning",
+      title: "Warning!",
+      text: "Be careful with this action."
+    });
+  });
+
+  document.getElementById("alert-info").addEventListener("click", () => {
+    Swal.fire({
+      ...baseOptions,
+      icon: "info",
+      title: "Info",
+      text: "This is some information."
+    });
+  });
+
+  document.getElementById("alert-question").addEventListener("click", () => {
+    Swal.fire({
+      ...baseOptions,
+      icon: "question",
+      title: "Are you sure?",
+      text: "Do you want to proceed?"
+    });
+  });
+
+  // With/without title
+  document.getElementById("alert-with-title").addEventListener("click", () => {
+    Swal.fire({
+      ...baseOptions,
+      icon: "info",
+      title: "Custom Title",
+      text: "This alert has a title."
+    });
+  });
+
+  document.getElementById("alert-without-title").addEventListener("click", () => {
+    Swal.fire({
+      ...baseOptions,
+      icon: "info",
+      text: "This alert has no title."
+    });
+  });
+
+  // Position demos
+  const positions = [
+    "top",
+    "top-start",
+    "top-end",
+    "center",
+    "bottom",
+    "bottom-start",
+    "bottom-end"
+  ];
+
+  positions.forEach(pos => {
+    const btn = document.getElementById(`alert-${pos}`);
+    if (btn) {
+      btn.addEventListener("click", () => {
+        Swal.fire({
+          ...baseOptions,
+          icon: "success",
+          title: `Position: ${pos}`,
+          position: pos,
+          text: `This alert appears at ${pos}.`
+        });
+      });
+    }
+  });
+
+});
+</script>
+
+<!--Toasts-->
+ <script>
+    // Function to show reusable toast
+    function showToast(icon, position) {
+      Swal.fire({
+        icon: icon,
+        title: icon.charAt(0).toUpperCase() + icon.slice(1) + ' Alert',
+        text: 'This is a ' + icon + ' toast at ' + position,
+        toast: true,
+        position: position,
+        showConfirmButton: false,
+        timer: 4000,
+        timerProgressBar: true,
+        showCloseButton: true,
+        closeButtonHtml: '<span class="icon-[lucide--x]"></span>'
+      });
+    }
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/advanceui-text-divider.html b/www/raven-demo/advanceui-text-divider.html
new file mode 100644
index 0000000..3dd7504
--- /dev/null
+++ b/www/raven-demo/advanceui-text-divider.html
@@ -0,0 +1,1112 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item advanceUI_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item advanceUI_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item advanceUI_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item advanceUI_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item active">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Text divider</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Advance UI</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Text divider</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-2">
+                    <h5 class="text-lg">Basic
+                    </h5>
+                </div>
+                <div class="p-4 flex flex-col gap-4">
+                    <!--:Basic:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">Basic</span>
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-2">
+                    <h5 class="text-lg">Alignment
+                    </h5>
+                </div>
+                <div class="p-4 flex flex-col gap-4">
+                     <!--:Start:-->
+                    <div class="flex items-center gap-4">
+                        <span class="shrink-0">Start</span>
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                    <!--:Center:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">Center</span>
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                     <!--:End:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">End</span>
+                    </div>
+                     <!--:Custom Start:-->
+                    <div class="flex items-center gap-4">
+                        <span class="w-20 border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">Custom Starter</span>
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                     <!--:Custom end:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">Custom End</span>
+                        <span class="w-20 border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-2">
+                    <h5 class="text-lg">Sizing & Style
+                    </h5>
+                </div>
+                <div class="p-4 flex flex-col gap-4">
+                    <!--:Dotted:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-dotted border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">Dotted</span>
+                        <span class="flex-grow border-t border-dotted border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                    <!--:Dashed:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-dashed border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">Dashed</span>
+                        <span class="flex-grow border-t border-dashed border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                    <!--:Solid:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">Solid</span>
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                     <!--:Customer tailwind color:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-primary"></span>
+                        <span class="shrink-0">Customer color</span>
+                        <span class="flex-grow border-t border-primary"></span>
+                    </div>
+                    <!--:2x:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t-2 border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0">Line 2x</span>
+                        <span class="flex-grow border-t-2 border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                    <!--:3x:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow h-[3px] bg-zinc-200 dark:bg-zinc-800"></span>
+                        <span class="shrink-0">Line 3x</span>
+                        <span class="flex-grow h-[3px] bg-zinc-200 dark:bg-zinc-800"></span>
+                    </div>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-2">
+                    <h5 class="text-lg">Icon
+                    </h5>
+                </div>
+                <div class="p-4 flex flex-col gap-4">
+                     <!--:Start:-->
+                    <div class="flex items-center gap-4">
+                        <span class="shrink-0 icon-[lucide--headset]"></span>
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                    <!--:Center:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0 icon-[lucide--headset]"></span>
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                     <!--:End:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0 icon-[lucide--headset]"></span>
+                    </div>
+                     <!--:Custom Start:-->
+                    <div class="flex items-center gap-4">
+                        <span class="w-20 border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0 icon-[lucide--headset]"></span>
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                     <!--:Custom end:-->
+                    <div class="flex items-center gap-4">
+                        <span class="flex-grow border-t border-zinc-200 dark:border-zinc-800"></span>
+                        <span class="shrink-0 icon-[lucide--headset]"></span>
+                        <span class="w-20 border-t border-zinc-200 dark:border-zinc-800"></span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/advanceui-timeline.html b/www/raven-demo/advanceui-timeline.html
new file mode 100644
index 0000000..6c9e901
--- /dev/null
+++ b/www/raven-demo/advanceui-timeline.html
@@ -0,0 +1,1173 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item advanceUI_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item advanceUI_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item advanceUI_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item advanceUI_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item active">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Timeline & activities</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Advance UI</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Timeline</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+           <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+             <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                <div class="px-4 pt-4 flex items-end gap-2">
+                    <h5 class="text-lg">Default timeline
+                    </h5>
+                </div>
+                <div class="p-4">
+                                <span class="font-semibold text-sm block mb-2 text-muted">Today</span>
+                                <!--:Timeline:-->
+                                <ul class="timeline">
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img alt="" src="images/avatars/thumb-3.jpg" class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Angelina
+                                                            Gotelli</span><span> has changed </span><span class="font-semibold">#ts-212</span><span>
+                                                            status to </span><span class="font-semibold text-green-500">Completed</span>
+                                                        <span class="block mt-1 text-xs text-muted">10:15
+                                                            AM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img alt="" src="images/avatars/thumb-6.jpg" class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Max Alexander</span>
+                                                        comment on your post
+                                                        <a href="#!" class="font-semibold text-primary hover:text-primary-deep">Top
+                                                            10 Tech Trends</a>
+                                                        <span class="text-xs mt-1 text-muted block">11:50
+                                                            AM</span>
+                                                    </p>
+                                                    <div class="p-3 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                                                        <p class="mb-2">
+                                                            Lorem ipsum is text commonly used in the print, and
+                                                            publishing industries for previewing layouts and visual
+                                                            mockups
+                                                        </p>
+                                                        <a href="#!" class="hover:text-primary border-b text-sm font-semibold border-dashed">
+                                                            <span class="icon-[lucide--reply]"></span>
+                                                            Reply</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <span class="size-7 flex items-center justify-center rounded-full bg-primary text-white">
+                                                        <span class="icon-[lucide--hash]"></span>
+                                                    </span>
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Eugene
+                                                            Stewart</span><span> added tags </span>
+                                                        <span class="badge bg-sky-500/10 text-sky-500">Tailwindcss</span>
+                                                        <span class="badge bg-red-500/10 text-red-500">Gulp</span>
+
+                                                        <span class="block text-xs mt-1 text-muted">12:50
+                                                            PM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                <div class="px-4 pt-4 flex items-end gap-2">
+                    <h5 class="text-lg">Mini timeline
+                    </h5>
+                </div>
+                <div class="p-4">
+                                <!--:Timeline mini:-->
+                               <ul class="tlm">
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                            <span class="size-2.5 block rounded-full bg-sky-500"></span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-2.75"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                         <p>
+                                           Auditor explicabo vivo coaegresco amaritudo
+                                        </p>
+                                        <small class="text-muted">10-09-2025 13:47</small>
+                                    </div>
+                                </li>
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                            <span class="size-2.5 block rounded-full bg-green-500"></span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-2.75"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                        <span class="badge bg-green-500/10 text-green-500 mb-2">Success</span>
+                                        <p>
+                                            Delibero cognomen thesaurus explicabo
+                                        </p>
+                                        <small class="text-muted">08-09-2025 17:44</small>
+                                    </div>
+                                </li>
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                            <span class="size-2.5 block rounded-full bg-red-500"></span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-2.75"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                        <span class="badge bg-red-500/10 text-red-500 mb-2">Issue</span>
+                                        <p>
+                                            Lorem ipsum is text commonly used in the print
+                                        </p>
+                                        <small class="text-muted">07-09-2025 18:05</small>
+                                    </div>
+                                </li>
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                            <span class="size-2.5 block rounded-full bg-amber-500"></span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-2.75"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                         <p>
+                                           Auditor explicabo vivo coaegresco amaritudo
+                                        </p>
+                                        <small class="text-muted">05-09-2025 12:22</small>
+                                    </div>
+                                </li>
+                                 <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                            <span class="size-2.5 block rounded-full bg-primary"></span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-2.75"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                         <p>
+                                           Surculus maxime spoliatio recusandae thema
+                                        </p>
+                                        <small class="text-muted">03-09-2025 14:22</small>
+                                    </div>
+                                </li>
+                               </ul>
+                            </div>
+            </div>
+           </div>
+            
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/app-api.html b/www/raven-demo/app-api.html
new file mode 100644
index 0000000..f92f718
--- /dev/null
+++ b/www/raven-demo/app-api.html
@@ -0,0 +1,1322 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+       <link rel="stylesheet" href="https://cdn.datatables.net/2.3.3/css/dataTables.dataTables.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item active">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item apps_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item apps_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item apps_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item apps_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 py-4 flex-grow relative">
+           <div class="px-4 grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                <div>
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card flex items-center p-4">
+                            <div class="flex-grow">
+                                <p class="mb-2">Total users</p>
+                                <h5 class="text-2xl mb-1">2.3M</h5>
+                                <p class="text-sm text-muted">
+                                    <span class="text-green-500"><span class="icon-[lucide--arrow-up-right]"></span>
+                                        17.5%</span> new users
+                                </p>
+                            </div>
+                            <div class="flex items-center justify-center size-12 rounded-full shrink-0 bg-sky-500/10 text-sky-500">
+                                <span class="icon-[lucide--users] text-xl"></span>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card flex items-center p-4">
+                            <div class="flex-grow">
+                                <p class="mb-2">Paid users</p>
+                                <h5 class="text-2xl mb-1">1.7M</h5>
+                                <p class="text-sm text-muted">
+                                    <span class="text-green-500"><span class="icon-[lucide--arrow-up-right]"></span>
+                                        4.5%</span> vs last period
+                                </p>
+                            </div>
+                            <div class="flex items-center justify-center size-12 rounded-full shrink-0 bg-primary-subtle text-primary">
+                                <span class="icon-[lucide--hand-coins] text-xl"></span>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card flex items-center p-4">
+                            <div class="flex-grow">
+                                <p class="mb-2">Active users</p>
+                                <div class="flex flex-wrap items-center -space-x-2 mb-3">
+                                    <img alt="" src="images/avatars/thumb-7.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                                    <img alt="" src="images/avatars/thumb-8.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                                    <img alt="" src="images/avatars/thumb-9.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                                    <span class="h-8 px-3 flex items-center justify-center bg-zinc-400 border-2 border-white dark:border-zinc-900 rounded-full text-white text-xs font-semibold">
+                                        +720k users
+                                    </span>
+                                </div>
+                                <p class="text-sm text-muted">
+                                    <span class="text-green-500"><span class="icon-[lucide--arrow-up-right]"></span>
+                                    4.5%</span> vs last period
+                                </p>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card flex items-center p-4">
+                            <div class="flex-grow">
+                                <p class="mb-2">Developers</p>
+                                <h5 class="text-2xl mb-2">23</h5>
+                                <button type="button" class="btn btn-sm bg-primary-subtle text-primary hover:text-white hover:bg-primary">Add
+                                    New API</button>
+                            </div>
+                            <div class="flex items-center justify-center size-12 rounded-full shrink-0 bg-amber-500/10 text-amber-500">
+                                <span class="icon-[lucide--file-code-2] text-xl"></span>
+                            </div>
+                        </div>
+
+                    </div>
+                    <!--:Alert:-->
+                    <div class="rounded-xl alert fade show bg-white dark:bg-zinc-900 shadow-card p-4 border-s-4 border-sky-500" role="alert">
+                        <div class="flex items-center gap-1.5 mb-2">
+                            <span class="icon-[lucide--triangle-alert] text-sky-500 text-lg"></span>
+                            <h5 class="text-lg">Review API Token</h5>
+                        </div>
+                        <p class="text-muted">
+                            Here is your new api token.This is the only time the token will ever be
+                            displayed, so be sure
+                            not to lose it!
+                        </p>
+                        <div class="text-end">
+                            <a class="link-primary text-d-underline" data-bs-dismiss="alert" href="#">Don't
+                                allow</a>
+                            <a class="link-primary text-d-underline ms-2" href="">Allow</a>
+                        </div>
+                    </div>
+                </div>
+                <div>
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="px-4 py-4 flex items-center">
+                            <h5 class="text-lg">Api request</h5>
+                        </div>
+                        <div class="ps-2 pe-2 pt-0" dir="ltr">
+                            <div id="chart_api" class="w-full h-84"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4">
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="flex-grow px-4 pt-4 pb-2">
+                           <div class="relative">
+                             <input type="search" class="input !ps-9" name="apiSearch" id="apiSearch"
+                                placeholder="Filter API by name, parent name">
+                                <span class=" text-sm absolute start-0 top-0 flex items-center justify-center h-full w-9">
+                            <span class="icon-[lucide--sliders-horizontal]"></span>
+                        </span>
+                           </div>
+                        </div>
+                         <table id="table_api" class="table-default text-nowrap align-middle">
+                            <thead>
+                                <tr>
+                                    <th>
+                                         Name
+                                    </th>
+                                    <th>
+                                        Parent Name
+                                    </th>
+                                    <th>
+                                        Api Key
+                                    </th>
+                                    <th>
+                                       Date
+                                    </th>
+                                    <th>Email
+                                        
+                                    </th>
+                                    <th data-orderable="false"></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td class="align-middle">
+                                      <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-1.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Emily Doe</h6>
+                                        </div>
+                                    </td>
+                                    <td>QA Analyst</td>
+                                    <td>ecde376e-fe22-4ff9-b675-7ca0b6957dfb</td>
+                                    <td>19 Aug 2025</td>
+                                    <td>emily.doe@finance.com</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]"><a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a><a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete"><span class="icon-[lucide--trash] text-lg"></span></a></div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                      <div class="inline-flex items-center flex-nowrap"><img src="images/avatars/thumb-7.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>James Smith</h6>
+                                        </div>
+                                    </td>
+                                    <td>UX Designer</td>
+                                    <td>bdc883ce-bc0f-4e58-a0dc-837985c4db24</td>
+                                    <td>21 Aug 2025</td>
+                                    <td>james@smithdesign.com</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                       <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-3.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Alice Johnson</h6>
+                                        </div>
+                                    </td>
+                                    <td>Software Engineer</td>
+                                    <td>dfcd908e-942b-456f-abe3-b44a53bb991c</td>
+                                    <td>22 Aug 2025</td>
+                                    <td>alice@codecraft.com</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                       <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-8.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Robert Miles</h6>
+                                        </div>
+                                    </td>
+                                    <td>Project Manager</td>
+                                    <td>14ff2cd4-d093-4b84-b94e-76c58ea15387</td>
+                                    <td>23 Aug 2025</td>
+                                    <td>rmiles@pmtools.net</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                       <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-5.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Sophia Lee</h6>
+                                        </div>
+                                    </td>
+                                    <td>QA Analyst</td>
+                                    <td>36577a69-8e4c-4f78-aac1-b312a6fbbaba</td>
+                                    <td>24 Aug 2025</td>
+                                    <td>slee@qaedge.com</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                       <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-6.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>William Chen</h6>
+                                        </div>
+                                    </td>
+                                    <td>Cloud Architect</td>
+                                    <td>c4c79b69-d1d7-4b24-a3be-9ebc3dcda640</td>
+                                    <td>25 Aug 2025</td>
+                                    <td>william@cloudcore.ai</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                       <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-4.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Olivia Brown</h6>
+                                        </div>
+                                    </td>
+                                    <td>Marketing Lead</td>
+                                    <td>81f39658-127e-48bc-a3de-47d74c19fc88</td>
+                                    <td>26 Aug 2025</td>
+                                    <td>olivia@marketedge.co</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                       <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-8.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Daniel Green</h6>
+                                        </div>
+                                    </td>
+                                    <td>Data Scientist</td>
+                                    <td>b299f9f6-8d52-4c7f-baf4-5b53f02b5cf1</td>
+                                    <td>27 Aug 2025</td>
+                                    <td>daniel@datageek.io</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                       <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-3.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Grace Kim</h6>
+                                        </div>
+                                    </td>
+                                    <td>HR Manager</td>
+                                    <td>aa07e927-6f7b-4b9f-b626-06c43e94df71</td>
+                                    <td>28 Aug 2025</td>
+                                    <td>grace.hr@companyxyz.com</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                       <div class="flex items-center flex-nowrap"><img src="images/avatars/thumb-10.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Ben Scott</h6>
+                                        </div>
+                                    </td>
+                                    <td>Security Engineer</td>
+                                    <td>f74e90aa-88f3-43bb-859d-418b5ef31410</td>
+                                    <td>29 Aug 2025</td>
+                                    <td>ben@securely.io</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+
+                                <tr>
+                                    <td class="align-middle">
+                                      <div class="flex items-center flex-nowrap">
+                                        <img src="images/avatars/thumb-2.jpg" alt="" class="size-6 shrink-0 me-2 rounded-full">
+                                            <h6>Natalie Reed</h6>
+                                        </div>
+                                    </td>
+                                    <td>Support Lead</td>
+                                    <td>992f793c-b1ae-4021-a785-fb6041b7e6a3</td>
+                                    <td>30 Aug 2025</td>
+                                    <td>nreed@supporthub.io</td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-primary-subtle text-primary hover:text-white hover:bg-primary" data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="#" role="tooltip" data-bs-toggle="tooltip" data-bs-placement="top" class="btn !p-1.5 bg-red-500/10 text-red-500 hover:text-white hover:bg-red-500" data-bs-title="Delete">
+                                                <span class="icon-[lucide--trash] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                </div>
+            </div>
+        </div>
+    </main>
+
+    <!--:Scripts:-->
+     <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <script src="vendor/js/echarts.min.js"></script>
+    <script src="js/app-api.js"></script>
+
+    <!--:Page scripts:-->
+    <!--:Page scripts:-->
+     <script src="vendor/js/jquery.min.js"></script>
+    <script src="https://cdn.datatables.net/2.3.3/js/dataTables.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const table = new DataTable('#table_api', {
+                lengthChange: false,
+                pageLength: 9,
+                scrollX: true,
+                dom: 'lrtip',
+            });
+
+            // hook custom input
+            const searchInput = document.getElementById('apiSearch');
+
+            // Custom search binding
+            searchInput.addEventListener('input', e => {
+                table.search(e.target.value).draw();
+            });
+        });
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/app-calendar.html b/www/raven-demo/app-calendar.html
new file mode 100644
index 0000000..3c51562
--- /dev/null
+++ b/www/raven-demo/app-calendar.html
@@ -0,0 +1,1010 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.8/index.global.min.css" rel="stylesheet">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item active">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item apps_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item apps_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item apps_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item apps_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+<!--:Page Header:-->
+        <div class="px-4 lg:px-8 pt-4 pb-4 flex flex-col sm:flex-row sm:items-center">
+            <div class="flex-grow mb-3 sm:mb-0">
+                <h2 class="text-xl font-semibold mb-0.5 text-black dark:text-white">Events calendar</h2>
+                <p>Track and manage your upcoming events.</p>
+            </div>
+        </div>
+        <!--:Page content:-->
+        <div class="content mb-4 flex-grow relative px-4 lg:px-8">
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4">
+                <div id="calendar" class="mx-auto"></div>
+            </div>
+        </div>
+    </main>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.8/index.global.min.js"></script>
+<script>
+  document.addEventListener('DOMContentLoaded', function () {
+    const calendarEl = document.getElementById('calendar');
+
+    const today = new Date();
+    const currentMonth = today.getMonth();
+    const currentYear = today.getFullYear();
+
+    const calendar = new FullCalendar.Calendar(calendarEl, {
+      initialView: 'dayGridMonth',
+      height: 'auto',
+      editable: true,
+      headerToolbar: {
+        left: 'prev,next today',
+        center: 'title',
+        right: ''
+      },
+      events: [
+        {
+          title: 'Team Meeting',
+          start: `${currentYear}-${String(currentMonth + 1).padStart(2, '0')}-05`,
+          color: 'var(--color-primary)'
+        },
+        {
+          title: 'Emily’s Birthday',
+          start: `${currentYear}-${String(currentMonth + 1).padStart(2, '0')}-18`,
+          color: 'var(--color-blue-500)'
+        },
+        {
+          title: 'Design Seminar',
+          start: `${currentYear}-${String(currentMonth + 1).padStart(2, '0')}-30`,
+          color: 'var(--color-orange-500)'
+        }
+      ]
+    });
+
+    calendar.render();
+  });
+</script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/app-chat.html b/www/raven-demo/app-chat.html
new file mode 100644
index 0000000..d804764
--- /dev/null
+++ b/www/raven-demo/app-chat.html
@@ -0,0 +1,1289 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item active">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item apps_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item apps_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item apps_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item apps_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content apps_wrapper flex flex-grow relative overflow-hidden h-full">
+            <div
+                class="absolute layout_secondary inset-y-4 inset-x-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden z[1]">
+
+                <!--:App Sidebar:-->
+                <div
+                    class="w-64 absolute ltr:-translate-x-full rtl:translate-x-full ltr:lg:-translate-x-0 rtl:lg:translate-x-0 transition-transform start-0 top-0 h-full bg-white border-e border-zinc-200 dark:bg-zinc-900 dark:border-zinc-800 flex flex-col z-10 sidebar-secondary">
+                   <div class="shrink-0">
+                     <div class="flex pt-4 px-3 gap-3.5 items-center justify-between">
+                        <h5 class="text-lg">Chat</h5>
+                        <div class="shrink-0">
+                       <button data-bs-toggle="modal" data-bs-target="#modalNewChat" type="button" class="btn btn-sm bg-primary text-white hover:bg-primary-deep">New Chat</button>
+                    </div>
+                    </div>
+                    <!--:Search chat:-->
+                    <div class="pt-4 pb-2 px-3">
+                        <div class="relative">
+                            <span class="absolute left-0 top-0 w-8 flex items-center justify-center h-full">
+                                <span class="icon-[lucide--search]"></span>
+                            </span>
+                            <input type="text" placeholder="Search chat" class="input input-sm !pl-7">
+                        </div>
+                    </div>
+                   </div>
+                    <div class="flex-grow flex flex-col apps-scrollbar overflow-y-auto">
+                        <!--:Chat users list:-->
+                    <ul class="space-y-1 p-3 !pt-0">
+                        <li
+                            class="flex gap-3 cursor-pointer rounded-lg p-3 hover:bg-zinc-50 dark:hover:bg-zinc-800 active [.active]:bg-zinc-200 dark:[.active]:bg-zinc-800 [.active]:font-semibold [.active]:text-zinc-800 dark:[.active]:text-white">
+                            <img alt="" src="images/avatars/thumb-7.jpg" class="size-8 rounded-full shrink-0">
+                            <div class="flex-grow overflow-hidden">
+                                <p class="truncate">Matthew Collins</p>
+                                <p class="truncate text-sm">Hi Emily, Are you ready to share the details now?</p>
+                            </div>
+                            <span class="shrink-0 text-xs text-muted">10:30AM</span>
+                        </li>
+                         <li
+                            class="flex gap-3 cursor-pointer rounded-lg p-3 hover:bg-zinc-50 dark:hover:bg-zinc-800 [.active]:bg-zinc-200 dark:[.active]:bg-zinc-800 [.active]:font-semibold [.active]:text-zinc-800 dark:[.active]:text-white">
+                            <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 rounded-full shrink-0">
+                            <div class="flex-grow overflow-hidden">
+                                <p class="truncate">Mary Anderson</p>
+                                <p class="truncate text-sm">Hi Emily, Are you ready to share the details now?</p>
+                            </div>
+                            <span class="shrink-0 text-xs text-muted">yesterday</span>
+                        </li>
+                        <li
+                            class="flex gap-3 cursor-pointer rounded-lg p-3 hover:bg-zinc-50 dark:hover:bg-zinc-800 [.active]:bg-zinc-200 dark:[.active]:bg-zinc-800 [.active]:font-semibold [.active]:text-zinc-800 dark:[.active]:text-white">
+                            <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 rounded-full shrink-0">
+                            <div class="flex-grow overflow-hidden">
+                                <p class="truncate">Sarah Bennett</p>
+                                <p class="truncate text-sm">Hi Emily, Are you ready to share the details now?</p>
+                            </div>
+                            <span class="shrink-0 text-xs text-muted">2d</span>
+                        </li>
+                        <li
+                            class="flex gap-3 cursor-pointer rounded-lg p-3 hover:bg-zinc-50 dark:hover:bg-zinc-800 [.active]:bg-zinc-200 dark:[.active]:bg-zinc-800 [.active]:font-semibold [.active]:text-zinc-800 dark:[.active]:text-white">
+                            <img alt="" src="images/avatars/thumb-10.jpg" class="size-8 rounded-full shrink-0">
+                            <div class="flex-grow overflow-hidden">
+                                <p class="truncate">Peter Sullivan</p>
+                                <p class="truncate">Hi Emily, Are you ready to share the details now?</p>
+                            </div>
+                            <span class="shrink-0 text-xs text-muted">2d</span>
+                        </li>
+                        <li
+                            class="flex gap-3 cursor-pointer rounded-lg p-3 hover:bg-zinc-50 dark:hover:bg-zinc-800 [.active]:bg-zinc-200 dark:[.active]:bg-zinc-800 [.active]:font-semibold [.active]:text-zinc-800 dark:[.active]:text-white">
+                            <img alt="" src="images/avatars/thumb-5.jpg" class="size-8 rounded-full shrink-0">
+                            <div class="flex-grow overflow-hidden">
+                                <p class="truncate">Rebecca Morgan</p>
+                                <p class="truncate text-sm">Hi Emily, Are you ready to share the details now?</p>
+                            </div>
+                            <span class="shrink-0 text-xs text-muted">3d</span>
+                        </li>
+                        <li
+                            class="flex gap-3 cursor-pointer rounded-lg p-3 hover:bg-zinc-50 dark:hover:bg-zinc-800 [.active]:bg-zinc-200 dark:[.active]:bg-zinc-800 [.active]:font-semibold [.active]:text-zinc-800 dark:[.active]:text-white">
+                            <img alt="" src="images/avatars/thumb-6.jpg" class="size-8 rounded-full shrink-0">
+                            <div class="flex-grow overflow-hidden">
+                                <p class="truncate">David Reynolds</p>
+                                <p class="truncate text-sm">Hi Emily, Are you ready to share the details now?</p>
+                            </div>
+                            <span class="shrink-0 text-xs text-muted">5d</span>
+                        </li>
+                        <li
+                            class="flex gap-3 cursor-pointer rounded-lg p-3 hover:bg-zinc-50 dark:hover:bg-zinc-800 [.active]:bg-zinc-200 dark:[.active]:bg-zinc-800 [.active]:font-semibold [.active]:text-zinc-800 dark:[.active]:text-white">
+                            <img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full shrink-0">
+                            <div class="flex-grow overflow-hidden">
+                                <p class="truncate">Elizabeth Carter</p>
+                                <p class="truncate text-sm">Hi Emily, Are you ready to share the details now?</p>
+                            </div>
+                            <span class="shrink-0 text-xs text-muted">1w</span>
+                        </li>
+                    </ul>
+                    </div>
+                </div>
+                <!--:App Content:-->
+                <div class="lg:mx-64 h-full flex flex-col">
+                    <!--:Apps Header content:-->
+                    <div
+                        class="px-4 py-3.5 bg-white dark:bg-zinc-900 border-b border-zinc-200 dark:border-zinc-800 shrink-0 flex items-center justify-between">
+                        <div class="flex items-center gap-3.5">
+                            <img alt="" src="images/avatars/thumb-7.jpg" class="size-8 rounded-full shrink-0">
+                            <div class="flex-grow">
+                                <h6 class="text-lg leading-none">Matthew Collins</h6>
+                                <span class="text-sm">Last seen 3m ago</span>
+                            </div>
+                        </div>
+                        <div class="flex items-center justify-end gap-3">
+                            <div class="relative">
+                                <button
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    type="button" data-bs-toggle="dropdown">
+                                   <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-40 top-full !start-auto !end-0">
+                                    <a href="#!" class="dropdown-item">
+                                       <span class="icon-[lucide--user] dropdown-icon"></span>
+                                        View profile
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                       <span class="icon-[lucide--alarm-clock-off] dropdown-icon"></span>
+                                        Mute
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--user-round-x] dropdown-icon"></span>
+                                        Block user
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                        Delete chat
+                                    </a>
+                                </div>
+                            </div>
+                            <!--:Sidebar inner toggler:-->
+                            <button type="button" data-toggle="sidebar_secondary"
+                                class="size-8 lg:hidden cursor-pointer rounded-full hover:bg-zinc-200 dark:hover:bg-zinc-800 flex items-center justify-center">
+                                <span class="icon-[lucide--sliders-horizontal] text-lg"></span>
+                            </button>
+                        </div>
+                    </div>
+                    <!--:Chat content:-->
+                    <div class="flex-1 flex flex-col-reverse overflow-y-auto apps-scrollbar p-4">
+                        <div>
+                            <!--:Chat sender:-->
+                            <div class="space-y-1 mb-5">
+                                <div class="table max-w-md rounded-lg px-4 py-2.5 bg-zinc-50 dark:bg-zinc-800">
+                                    Hey there! I need some help.
+                                </div>
+                                <small class="opacity-50">12:30PM</small>
+                            </div>
+                            <!--:Chat Admin:-->
+                            <div class="space-y-1 flex flex-col mb-5">
+                                <div class="max-w-md ltr:ml-auto rtl:mr-auto table rounded-lg px-4 py-2.5 bg-primary text-white">
+                                    Sure! What can I assist you with?
+                                </div>
+                                <small class="opacity-50 block ltr:ml-auto rtl:mr-auto">12:35PM</small>
+                            </div>
+                            <!--:Chat sender:-->
+                            <div class="space-y-1 mb-5">
+                                <div class="table max-w-md rounded-lg px-4 py-2.5 bg-zinc-50 dark:bg-zinc-800">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                                    industries for previewing layouts and visual mockups.
+                                </div>
+                                <small class="opacity-50">12:40PM</small>
+                            </div>
+                            <!--:Chat Admin:-->
+                            <div class="space-y-1 flex flex-col mb-5">
+                                <div class="max-w-md ltr:ml-auto rtl:mr-auto table rounded-lg px-4 py-2.5 bg-primary text-white">
+                                    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                    fugiat nulla pariatur.
+                                </div>
+                                <small class="opacity-50 block ltr:ml-auto rtl:mr-auto">12:45PM</small>
+                            </div>
+                            <!--:Chat sender:-->
+                            <div class="space-y-1 mb-5">
+                                <div class="table max-w-md rounded-lg px-4 py-2.5 bg-zinc-50 dark:bg-zinc-800">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                                    industries for previewing layouts and visual mockups.
+                                </div>
+                                <small class="opacity-50">12:50PM</small>
+                            </div>
+                            <!--:Chat Admin:-->
+                            <div class="space-y-1 flex flex-col mb-5">
+                                <div class="max-w-md ltr:ml-auto rtl:mr-auto table rounded-lg px-4 py-2.5 bg-primary text-white">
+                                    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                    fugiat nulla pariatur.
+                                </div>
+                                <small class="opacity-50 block ltr:ml-auto rtl:mr-auto">12:55PM</small>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div
+                        class="shrink-0 pe-4 flex items-center justify-between border-t border-zinc-200 dark:border-zinc-800">
+                        <input type="text" class="border-0 focus:outline-0 flex-grow block px-4 py-3.5"
+                            placeholder="Send message">
+                        <button type="submit" class="cursor-pointer leading-[1]">
+                            <span class="icon-[lucide--send] text-xl"></span>
+                        </button>
+                    </div>
+
+                </div>
+                <!--:App right sidebar for lg if needed:-->
+                <div
+                    class="w-64 hidden lg:flex flex-col apps-scrollbar overflow-y-auto absolute ltr:right-0 rtl:left-0 top-0 h-full border-s border-zinc-200 dark:border-zinc-800">
+                    <div class="flex flex-col p-4 lg:p-6">
+
+                        <div class="text-center mb-5">
+                            <img alt="" src="images/avatars/thumb-7.jpg" class="w-24 rounded-full block mx-auto mb-5">
+                            <h5 class="text-lg">Matthew Collins</h5>
+                        </div>
+                        <div class="flex flex-col">
+                            <span class="mb-1">Email</span>
+                            <h5>matthew.collins@gmail.com</h5>
+                        </div>
+                        <div class="flex flex-col pt-5">
+                            <span class="mb-1">Phone</span>
+                            <h5>+01 1234567890</h5>
+                        </div>
+                        <div class="flex flex-col pt-5">
+                            <span class="mb-1">Location</span>
+                            <h5>Edinburgh, Scotland</h5>
+                        </div>
+                        <div class="flex flex-col pt-5">
+                            <span class="mb-2">Social</span>
+                            <div class="flex flex-wrap items-center gap-1">
+                                <a href="#!"
+                                    class="btn btn-default !p-0 !size-8">
+                                    <span class="icon-[iconoir--facebook] text-lg"></span>
+                                </a>
+                                <a href="#!"
+                                    class="btn btn-default !p-0 !size-8">
+                                    <span class="icon-[iconoir--x] text-lg"></span>
+                                </a>
+                                <a href="#!"
+                                    class="btn btn-default !p-0 !size-8">
+                                     <span class="icon-[iconoir--linkedin] text-lg"></span>
+                                </a>
+                                <a href="#!"
+                                    class="btn btn-default !p-0 !size-8">
+                                     <span class="icon-[iconoir--discord] text-lg"></span>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            </div>
+    </main>
+
+
+    <!--:Modal New chat users list:-->
+       <div id="modalNewChat" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60] hidden [&.show]:flex  overflow-y-auto"
+     tabindex="-1">
+     <div
+       class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+       <div
+         class="modal-content relative max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+         <button type="button"
+             class="absolute ltr:right-2 rtl:left-2 top-2 size-8 !rounded-full btn btn-default !p-0"
+             data-bs-dismiss="modal">
+             <span class="icon-[lucide--x] text-lg"></span>
+           </button>
+         <div class="p-4 lg:p-6">
+           <div class="text-center mb-4">
+               <h5 class="text-xl text-center mb-1">Contact List</h5>
+           <p>Browse and select contacts to start a conversation</p>
+           </div>
+           <!--:Search:-->
+            <div class="relative mb-4">
+           <span
+             class="pointer-events-none text-lg leading-none absolute ltr:left-3 rtl:right-3 top-1/2 -translate-y-1/2 opacity-50">
+           <span class="icon-[lucide--search]"></span>
+           </span>
+           <input name="search" type="text" class="w-full input ltr:!pl-9 rtl:!pr-9"
+             placeholder="Search..." autofocus />
+         </div>
+           <ul class="flex flex-col gap-y-1 max-h-[320px] overflow-y-auto">
+            <li class="opacity-50">7 Available</li>
+            <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+               <img alt="" src="images/avatars/thumb-5.jpg" class="size-8 shrink-0 rounded-full">
+               <div class="flex-grow">
+                   <h6>Mary Anderson</h6>
+                   <p>mary@anderson.com</p>
+               </div>
+            </li>
+            <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+               <img alt="" src="images/avatars/thumb-8.jpg" class="size-8 shrink-0 rounded-full">
+               <div class="flex-grow">
+                   <h6>Peter Sullivan</h6>
+                   <p>peter@sullivan.com</p>
+               </div>
+            </li>
+            <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+               <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+               <div class="flex-grow">
+                   <h6>Sarah Bennett</h6>
+                   <p>sarah@bennett.com</p>
+               </div>
+            </li>
+            <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+               <img alt="" src="images/avatars/thumb-7.jpg" class="size-8 shrink-0 rounded-full">
+               <div class="flex-grow">
+                   <h6>Matthew Collins</h6>
+                   <p>matthew.collins@gmail.com</p>
+               </div>
+            </li>
+            <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+               <img alt="" src="images/avatars/thumb-9.jpg" class="size-8 shrink-0 rounded-full">
+               <div class="flex-grow">
+                   <h6>David Reynolds</h6>
+                   <p>david@reynolds.com</p>
+               </div>
+            </li>
+            <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+               <img alt="" src="images/avatars/thumb-4.jpg" class="size-8 shrink-0 rounded-full">
+               <div class="flex-grow">
+                   <h6>Elizabeth Carter</h6>
+                   <p>elizabeth@carter.com</p>
+               </div>
+            </li>
+            <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+               <img alt="" src="images/avatars/thumb-10.jpg" class="size-8 shrink-0 rounded-full">
+               <div class="flex-grow">
+                   <h6>Michael Thompson</h6>
+                   <p>michael@thompson.com</p>
+               </div>
+            </li>
+           </ul>
+         </div>
+       </div>
+     </div>
+   </div>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/app-file-manager.html b/www/raven-demo/app-file-manager.html
new file mode 100644
index 0000000..4b88f1b
--- /dev/null
+++ b/www/raven-demo/app-file-manager.html
@@ -0,0 +1,1715 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item active">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item apps_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item apps_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item apps_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item apps_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow relative">
+            <div class="px-4 pt-4 pb-4 w-full">
+                <div class="flex-grow sm:mb-0">
+                    <div class="flex flex-col md:flex-row md:items-center md:justify-between">
+                        <h2 class="text-xl font-semibold mb-1 text-black dark:text-white mb-2 md:mb-0">File manager</h2>
+                        <div class="flex flex-grow md:justify-end items-center gap-2">
+                            <div class="inline-flex gap-1 items-center bg-zinc-50 dark:bg-zinc-800 rounded-lg p-1">
+                                <button
+                                    class="btn btn-sm active [.active]:bg-primary-subtle dark:[.active]:bg-zinc-700">
+                                    <span class="icon-[lucide--layout-grid] text-lg leading-none"></span>
+                                </button>
+                                <button
+                                    class="btn btn-sm [.active]:bg-white dark:[.active]:bg-zinc-700 [.active]:shadow-xs hover:text-primary">
+                                    <span class="icon-[lucide--list] text-lg leading-none"></span>
+                                </button>
+                            </div>
+                           <div>
+                             <button type="button"
+                                class="btn btn-sm bg-primary hover:bg-primary-deep text-white">Upload</button>
+                           </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!--:Folders:-->
+            <div class="px-4">
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                    <div class="px-4 pt-4">
+                        <h5 class="text-lg">Folders</h5>
+                    </div>
+                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 p-2">
+
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <svg class="text-yellow-500" xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 1024 1024" width="40" height="40">
+                                        <path opacity=".8" fill="currentColor"
+                                            d="M853.333 256h-384L384 170.667H170.667c-46.934 0-85.334 38.4-85.334 85.333v170.667h853.334v-85.334c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                        <path fill="currentColor"
+                                            d="M853.333 256H170.667c-46.934 0-85.334 38.4-85.334 85.333V768c0 46.933 38.4 85.333 85.334 85.333h682.666c46.934 0 85.334-38.4 85.334-85.333V341.333c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                    </svg>
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>Project_files</h6>
+                                    <span class="text-sm leading-none text-muted">358 MB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <svg class="text-yellow-500" xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 1024 1024" width="40" height="40">
+                                        <path opacity=".8" fill="currentColor"
+                                            d="M853.333 256h-384L384 170.667H170.667c-46.934 0-85.334 38.4-85.334 85.333v170.667h853.334v-85.334c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                        <path fill="currentColor"
+                                            d="M853.333 256H170.667c-46.934 0-85.334 38.4-85.334 85.333V768c0 46.933 38.4 85.333 85.334 85.333h682.666c46.934 0 85.334-38.4 85.334-85.333V341.333c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                    </svg>
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>Documents</h6>
+                                    <span class="text-sm leading-none text-muted">53 MB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <svg class="text-yellow-500" xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 1024 1024" width="40" height="40">
+                                        <path opacity=".8" fill="currentColor"
+                                            d="M853.333 256h-384L384 170.667H170.667c-46.934 0-85.334 38.4-85.334 85.333v170.667h853.334v-85.334c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                        <path fill="currentColor"
+                                            d="M853.333 256H170.667c-46.934 0-85.334 38.4-85.334 85.333V768c0 46.933 38.4 85.333 85.334 85.333h682.666c46.934 0 85.334-38.4 85.334-85.333V341.333c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                    </svg>
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>Images_videos</h6>
+                                    <span class="text-sm leading-none text-muted">644 MB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <svg class="text-yellow-500" xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 1024 1024" width="40" height="40">
+                                        <path opacity=".8" fill="currentColor"
+                                            d="M853.333 256h-384L384 170.667H170.667c-46.934 0-85.334 38.4-85.334 85.333v170.667h853.334v-85.334c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                        <path fill="currentColor"
+                                            d="M853.333 256H170.667c-46.934 0-85.334 38.4-85.334 85.333V768c0 46.933 38.4 85.333 85.334 85.333h682.666c46.934 0 85.334-38.4 85.334-85.333V341.333c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                    </svg>
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>Client_data</h6>
+                                    <span class="text-sm leading-none text-muted">2.3 GB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <svg class="text-yellow-500" xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 1024 1024" width="40" height="40">
+                                        <path opacity=".8" fill="currentColor"
+                                            d="M853.333 256h-384L384 170.667H170.667c-46.934 0-85.334 38.4-85.334 85.333v170.667h853.334v-85.334c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                        <path fill="currentColor"
+                                            d="M853.333 256H170.667c-46.934 0-85.334 38.4-85.334 85.333V768c0 46.933 38.4 85.333 85.334 85.333h682.666c46.934 0 85.334-38.4 85.334-85.333V341.333c0-46.933-38.4-85.333-85.334-85.333z">
+                                        </path>
+                                    </svg>
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>Backup_files</h6>
+                                    <span class="text-sm leading-none text-muted">765 MB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                    <div class="px-4 pt-4">
+                        <h5 class="text-lg">Files</h5>
+                    </div>
+                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 p-2">
+
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/doc.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>wireframe_research.docx</h6>
+                                    <span class="text-sm leading-none text-muted">847 KB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/fig.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>dashboard_marketing_ui.fig</h6>
+                                    <span class="text-sm leading-none text-muted">3.5 MB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/jpg.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>avatar_profile.jpg</h6>
+                                    <span class="text-sm leading-none text-muted">24 KB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/pptx.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>dashboard_ui_fixes.pptx</h6>
+                                    <span class="text-sm leading-none text-muted">944 KB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                         <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/xlsx.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>expanses_report.xlsx</h6>
+                                    <span class="text-sm leading-none text-muted">355 KB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                          <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/pdf.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>budget_details.pdf</h6>
+                                    <span class="text-sm leading-none text-muted">1.5 MB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                          <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/js.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>charts.js</h6>
+                                    <span class="text-sm leading-none text-muted">22 KB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                         <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/doc.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>wireframe_research.docx</h6>
+                                    <span class="text-sm leading-none text-muted">847 KB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/fig.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>dashboard_marketing_ui.fig</h6>
+                                    <span class="text-sm leading-none text-muted">3.5 MB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/jpg.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>avatar_profile.jpg</h6>
+                                    <span class="text-sm leading-none text-muted">24 KB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="p-4">
+                            <div class="flex items-center gap-3.5">
+                                <div class="shrink-0">
+                                    <img alt="" src="images/files/pptx.svg" class="h-9 w-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h6>dashboard_ui_fixes.pptx</h6>
+                                    <span class="text-sm leading-none text-muted">944 KB</span>
+                                </div>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button"
+                                        data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !end-0 !start-auto top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--folder-open] dropdown-icon"></span>
+                                            Open
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--download] dropdown-icon"></span>
+                                            Download
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                            Rename
+                                        </a>
+                                         <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-100 dark:border-white/10 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                            Delete
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </main>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/app-inbox-view.html b/www/raven-demo/app-inbox-view.html
new file mode 100644
index 0000000..d904af5
--- /dev/null
+++ b/www/raven-demo/app-inbox-view.html
@@ -0,0 +1,1243 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Edit css:-->
+    <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item active">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item apps_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item apps_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item apps_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item apps_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content apps_wrapper flex flex-grow relative overflow-hidden h-full">
+            <div
+                class="absolute layout_secondary inset-y-4 inset-x-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden z[1]">
+
+                <!--:App Sidebar:-->
+                <div
+                    class="w-64 absolute ltr:-translate-x-full rtl:translate-x-full ltr:lg:-translate-x-0 rtl:lg:translate-x-0 transition-transform ltr:left-0 right:right-0 top-0 h-full bg-white border-e border-zinc-200 dark:bg-zinc-900 dark:border-zinc-800 flex flex-col z-10 p-4 overflow-y-auto sidebar-secondary">
+                    <div class="mb-4 flex items-center justify-between gap-3.5">
+                        <h5 class="text-lg">Inbox</h5>
+                        <div class="shrink-0">
+                            <button type="button" data-bs-toggle="modal" data-bs-target="#modalComposeEmail"
+                            class="btn btn-sm bg-zinc-600 text-white hover:bg-zinc-700">
+                            Compose</button>
+                        </div>
+                    </div>
+                    <div>
+                        <nav class="flex flex-col space-y-0.5">
+                            <a href="app-inbox.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--mail] text-lg"></span>
+                                Inbox
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--send] text-lg"></span>
+                                Sent
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--edit] text-lg"></span>
+                                Draft
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--star] text-lg"></span>
+                                Starred
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--trash] text-lg"></span>
+                                Trash
+                            </a>
+                        </nav>
+                        <hr class="border-zinc-100 dark:border-zinc-800 my-5">
+                        <p class="text-muted text-sm mb-2">Labels</p>
+                        <nav class="flex flex-col">
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="size-2 bg-green-300 rounded-full"></span>
+                                Work
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="size-2 bg-blue-300 rounded-full"></span>
+                                Private
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="size-2 bg-orange-300 rounded-full"></span>
+                                Tasks
+                            </a>
+                        </nav>
+                    </div>
+                </div>
+                <!--:App Content:-->
+                <div class="lg:ms-64 h-full flex flex-col">
+                    <!--:Apps Header content:-->
+                    <div
+                        class="px-4 py-2.5 bg-white border-b border-zinc-200 dark:bg-zinc-900 dark:border-zinc-800 shrink-0 flex items-center justify-between">
+                        <div class="flex items-center gap-3">
+                            <a href="app-inbox.html" data-bs-toggle="tooltip" data-bs-title="Back to Inbox"
+                                class="btn btn-default !p-0 !size-8">
+                                <span class="icon-[lucide--chevron-left] text-xl"></span>
+                            </a>
+                             <!--:Buttons group:-->
+                            <div class="flex items-center" role="group">
+                                <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Move to Trash"
+                                    type="button"
+                                    class="size-8 flex items-center justify-center cursor-pointer rounded-s-lg border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                    <span class="icon-[lucide--trash] text-lg"></span>
+                                </button>
+                                <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Move to Archive"
+                                    type="button"
+                                    class="size-8 flex items-center justify-center cursor-pointer border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                    <span class="icon-[lucide--archive] text-lg"></span>
+                                </button>
+                                <button data-bs-toggle="tooltip" data-bs-placement="top"
+                                    data-bs-title="Mark all as read" type="button"
+                                    class="size-8 flex items-center justify-center cursor-pointer border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                    <span class="icon-[lucide--mail-open] text-lg"></span>
+                                </button>
+                                <div class="relative">
+                                    <button data-bs-toggle="dropdown" type="button"
+                                        class="size-8 flex items-center justify-center cursor-pointer border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                        <span data-bs-toggle="tooltip" data-bs-placement="top"
+                                            data-bs-title="Move to folder"
+                                            class="icon-[lucide--folder] text-lg">folder</span>
+                                    </button>
+                                    <div class="dropdown-menu absolute top-full">
+                                        <a href="#!" class="dropdown-item"><span
+                                                class="icon-[lucide--folder] dropdown-icon"></span>Private</a>
+                                        <a href="#!" class="dropdown-item"><span
+                                                class="icon-[lucide--folder] dropdown-icon"></span>Work</a>
+                                        <a href="#!" class="dropdown-item"><span
+                                                class="icon-[lucide--folder] dropdown-icon"></span>Tasks</a>
+                                    </div>
+                                </div>
+                                <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Forward"
+                                    type="button"
+                                    class="size-8 flex items-center justify-center cursor-pointer border rounded-e-lg border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                    <span class="icon-[lucide--forward] text-lg">forward</span>
+                                </button>
+                            </div>
+                        </div>
+                        <div class="flex items-center justify-end gap-3">
+                            <!--:Sidebar inner toggler:-->
+                            <button type="button" data-toggle="sidebar_secondary"
+                                class="size-8 lg:hidden cursor-pointer rounded-full hover:bg-zinc-200 dark:hover:bg-zinc-800 flex items-center justify-center">
+                                <span class="icon-[lucide--sliders-horizontal] text-lg"></span>
+                            </button>
+                        </div>
+                    </div>
+                    <!--:Apps inner content:-->
+                    <div class="flex-grow overflow-y-auto">
+                        <div class="px-4 pt-4">
+                            <!--:Subject:-->
+                            <h4 class="text-lg mb-4 sm:pl-11">New Discussion on Assan - Multipurpose Template + Admin + UI
+                                Kit</h4>
+                            <div class="flex items-start gap-3.5">
+                                <img alt="" src="images/avatars/thumb-1.jpg" class="size-8 rounded-full shrink-0">
+                                <div class="flex-grow">
+                                    <!--:Mail header:-->
+                                    <div class="flex flex-col sm:flex-row w-full mb-5">
+                                        <div class="flex-grow">
+                                            <h5 class="leading-none">Nikita Miller</h5>
+                                            <small>to emily.d@mail.com</small>
+                                        </div>
+                                        <div class="shrink-0">
+                                            <div class="flex items-center gap-2">
+                                                <small class="text-muted">10:08 AM (6 hours ago)</small>
+                                                <div>
+                                                    <button
+                                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                                        type="button" data-bs-toggle="button">
+                                                       <span class="icon-[lucide--star] leading-none"></span>
+                                                    </button>
+                                                </div>
+                                                <div class="relative">
+                                                    <button
+                                                        class="size-8 btn btn-sm btn-default !p-0 !rounded-full"
+                                                        type="button" data-bs-toggle="dropdown">
+                                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                                    </button>
+                                                    <div
+                                                        class="dropdown-menu z-50 absolute min-w-40 top-full">
+                                                        <a href="#!" class="dropdown-item">
+                                                            <span
+                                                                class="icon-[lucide--reply] dropdown-icon"></span>
+                                                            Reply
+                                                        </a>
+                                                        <a href="#!" class="dropdown-item">
+                                                            <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                            Delete
+                                                        </a>
+                                                        <a href="#!" class="dropdown-item">
+                                                            <span
+                                                                class="icon-[lucide--share] dropdown-icon"></span>
+                                                            Share
+                                                        </a>
+                                                        <a href="#!" class="dropdown-item">
+                                                            <span class="icon-[lucide--bug] dropdown icon dropdown-icon"></span>
+                                                            Report Spam
+                                                        </a>
+                                                        <a href="#!" class="dropdown-item">
+                                                            <span class="icon-[lucide--ban] dropdown-icon"></span>
+                                                            Block 'Nikita'
+                                                        </a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <!--:Mail text:-->
+                                    <div>
+                                        <p class="mb-3">Hello:</p>
+                                        <p class="mb-3">
+                                            I want to set default theme to 'light' - I am unable to set the page theme
+                                            to light using the HTML - so I modified the theme.bundle.js to default to
+                                            'light' - is there a better way to do this?
+                                        </p>
+                                        <p class="mb-3">
+                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+                                            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+                                            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                                            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                                            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                                        </p>
+                                        <p class="mb-3">
+                                            Best Regards! <br>
+                                            Adam
+                                        </p>
+                                        <div class="flex items-center gap-2 mt-5">
+                                            <button type="button"
+                                                class="btn btn-sm btn-default gap-2">
+                                                <span class="icon-[lucide--reply]"></span> Reply
+                                            </button>
+                                            <button type="button"
+                                                class="btn btn-sm btn-default gap-2">
+                                                Forward <span class="icon-[lucide--forward]"></span>
+                                            </button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="shrink-0 py-2.5 px-4">
+
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Modal New chat users list:-->
+    <div id="modalComposeEmail" role="dialog" class="modal fixed w-full h-full left-0 top-0 z-[60] overflow-y-auto"
+        tabindex="-1">
+        <div
+            class="modal-dialog m-4 flex pointer-events-none">
+            <div class="modal-content relative max-w-[40rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                <button type="button"
+                    class="absolute ltr:right-2 rtl:left-2 top-2 size-8 !rounded-full btn btn-default !p-0"
+                    data-bs-dismiss="modal">
+                    <span class="icon-[lucide--x] text-lg"></span>
+                </button>
+                <div class="p-4">
+                    <div class="mb-4">
+                        <h5 class="text-xl">New message</h5>
+                    </div>
+                    <!--:Search:-->
+                    <div class="relative mb-4">
+                        <label for="email_to" class="block mb-1.5">To</label>
+                        <input name="search" id="email_to" type="email" class="w-full input" placeholder="Search..."
+                            autofocus />
+                    </div>
+
+                    <div class="relative mb-4">
+                        <label for="email_Subject" class="block mb-1.5">Subject</label>
+                        <input name="search" type="text" id="email_Subject" class="w-full input" placeholder="Search..." />
+                    </div>
+                    <div class="relative mb-4">
+                        <label class="block mb-1.5">Message</label>
+                        <div id="editorEmail">
+
+                        </div>
+                    </div>
+                    <div class="flex items-center justify-end gap-2">
+                        <button type="button" class="btn hover:bg-zinc-500 hover:text-white gap-2" data-bs-dismiss="modal"><span class="icon-[lucide--trash]"></span>Discard</button>
+                         <button type="submit" class="btn bg-primary hover:bg-primary-deep text-white gap-2">Send <span class="icon-[lucide--send]"></span></button>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Editor:-->
+    <script src="vendor/js/quill.js"></script>
+    <script>
+        const quill = new Quill('#editorEmail', {
+            theme: 'snow',
+            modules: {
+                toolbar: [
+                    ['bold', 'italic', 'underline'],
+                    [{ 'list': 'ordered' }, { 'list': 'bullet' }],
+                    ['blockquote', 'code'],
+                    ['image'],
+                ],
+            }
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/app-inbox.html b/www/raven-demo/app-inbox.html
new file mode 100644
index 0000000..60e4845
--- /dev/null
+++ b/www/raven-demo/app-inbox.html
@@ -0,0 +1,1557 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Edit css:-->
+    <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item active">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item apps_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item apps_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item apps_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item apps_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content apps_wrapper flex flex-grow relative overflow-hidden h-full">
+            <div
+                class="absolute layout_secondary inset-y-4 inset-x-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden z[1]">
+
+                <!--:App Sidebar:-->
+                <div
+                    class="w-64 absolute ltr:-translate-x-full rtl:translate-x-full ltr:lg:-translate-x-0 rtl:lg:translate-x-0 transition-transform ltr:left-0 right:right-0 top-0 h-full bg-white border-e border-zinc-200 dark:bg-zinc-900 dark:border-zinc-800 flex flex-col z-10 p-4 overflow-y-auto sidebar-secondary">
+                    <div class="mb-4 flex items-center justify-between gap-3.5">
+                        <h5 class="text-lg">Inbox</h5>
+                        <div class="shrink-0">
+                            <button type="button" data-bs-toggle="modal" data-bs-target="#modalComposeEmail"
+                            class="btn btn-sm bg-zinc-600 text-white hover:bg-zinc-700">
+                            Compose</button>
+                        </div>
+                    </div>
+                    <div>
+                        <nav class="flex flex-col space-y-0.5">
+                            <a href="app-inbox.html"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--mail] text-lg"></span>
+                                Inbox
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--send] text-lg"></span>
+                                Sent
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--edit] text-lg"></span>
+                                Draft
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--star] text-lg"></span>
+                                Starred
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="icon-[lucide--trash] text-lg"></span>
+                                Trash
+                            </a>
+                        </nav>
+                        <hr class="border-zinc-100 dark:border-zinc-800 my-5">
+                        <p class="text-muted text-sm mb-2">Labels</p>
+                        <nav class="flex flex-col">
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="size-2 bg-green-300 rounded-full"></span>
+                                Work
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="size-2 bg-blue-300 rounded-full"></span>
+                                Private
+                            </a>
+                            <a href="#!"
+                                class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                                <span class="size-2 bg-orange-300 rounded-full"></span>
+                                Tasks
+                            </a>
+                        </nav>
+                    </div>
+                </div>
+                <!--:App Content:-->
+                <div class="lg:ms-64 h-full flex flex-col">
+                    <!--:Apps Header content:-->
+                    <div
+                        class="px-4 py-2.5 bg-white border-b border-zinc-200 dark:bg-zinc-900 dark:border-zinc-800 shrink-0 flex items-center justify-between">
+                        <div class="flex items-center gap-3">
+                            <input type="checkbox" class="input-checkbox relative z-[1]" name="check_emails">
+                            <!--:Buttons group:-->
+                            <div class="flex items-center" role="group">
+                                <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Move to Trash"
+                                    type="button"
+                                    class="size-8 flex items-center justify-center cursor-pointer rounded-s-lg border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                    <span class="icon-[lucide--trash] text-lg"></span>
+                                </button>
+                                <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Move to Archive"
+                                    type="button"
+                                    class="size-8 flex items-center justify-center cursor-pointer border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                    <span class="icon-[lucide--archive] text-lg"></span>
+                                </button>
+                                <button data-bs-toggle="tooltip" data-bs-placement="top"
+                                    data-bs-title="Mark all as read" type="button"
+                                    class="size-8 flex items-center justify-center cursor-pointer border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                    <span class="icon-[lucide--mail-open] text-lg"></span>
+                                </button>
+                                <div class="relative">
+                                    <button data-bs-toggle="dropdown" type="button"
+                                        class="size-8 flex items-center justify-center cursor-pointer border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                        <span data-bs-toggle="tooltip" data-bs-placement="top"
+                                            data-bs-title="Move to folder"
+                                            class="icon-[lucide--folder] text-lg">folder</span>
+                                    </button>
+                                    <div class="dropdown-menu absolute top-full">
+                                        <a href="#!" class="dropdown-item"><span
+                                                class="icon-[lucide--folder] dropdown-icon"></span>Private</a>
+                                        <a href="#!" class="dropdown-item"><span
+                                                class="icon-[lucide--folder] dropdown-icon"></span>Work</a>
+                                        <a href="#!" class="dropdown-item"><span
+                                                class="icon-[lucide--folder] dropdown-icon"></span>Tasks</a>
+                                    </div>
+                                </div>
+                                <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Forward"
+                                    type="button"
+                                    class="size-8 flex items-center justify-center cursor-pointer border rounded-e-lg border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                                    <span class="icon-[lucide--forward] text-lg">forward</span>
+                                </button>
+                            </div>
+                        </div>
+                        <div class="flex items-center justify-end gap-3">
+                            <div class="relative max-w-44 hidden sm:block">
+                                <input class="input input-sm !px-4 !rounded-full" type="text" placeholder="Search Emails">
+                            </div>
+                            <!--:Sidebar inner toggler:-->
+                            <button type="button" data-toggle="sidebar_secondary"
+                                class="size-8 lg:hidden cursor-pointer rounded-full hover:bg-zinc-200 dark:hover:bg-zinc-800 flex items-center justify-center">
+                                <span class="icon-[lucide--sliders-horizontal] text-lg"></span>
+                            </button>
+                        </div>
+                    </div>
+                    <!--:Apps inner content:-->
+                    <div class="flex-grow overflow-y-auto">
+                        <!--:Email List:-->
+                        <ul class="divide-y divide-zinc-200 dark:divide-zinc-800">
+                            <li
+                                class="unread flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 rounded-full shrink-0">
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">Maria Sharapova</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">Minimalisting photos of figma
+                                                    project</span>
+                                                <p class="truncate hidden sm:block">
+                                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+                                                    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+                                                    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+                                                    aliquip ex ea commodo consequat.
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="icon-[lucide--paperclip] file hidden sm:block"></span>
+                                            <span class="text-xs time">12:30PM</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                             <li
+                                class="unread flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <img alt="" src="images/avatars/thumb-10.jpg" class="size-8 rounded-full shrink-0">
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">Michael Smith</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                    From its medieval origins to the digital era
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                                  From its medieval origins to the digital era, learn everything there is to know about the ubiquitous lorem ipsum passage.
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="icon-[lucide--paperclip] file hidden sm:block"></span>
+                                            <span class="text-xs time">Yesterday</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                             <li
+                                class="flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <img alt="" src="images/avatars/thumb-6.jpg" class="size-8 rounded-full shrink-0">
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">David Wilson</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                    Lorem ipsum, or lipsum as it is sometimes known
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                               Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.  
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="icon-[lucide--paperclip] file hidden sm:block"></span>
+                                            <span class="text-xs time">2d</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                            <li
+                                class="flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <span class="size-8 flex items-center justify-center rounded-full bg-red-500/10 text-red-500 font-semibold shrink-0 leading-none">E</span>
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">Emma Claire</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                   The passage is attributed to an unknown typesetter
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                               The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.  
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="text-xs time">3d</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                             <li
+                                class="flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full shrink-0">
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">Sophia Anne White</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                   The passage experienced a surge in popularity during the 1960s
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                               The passage experienced a surge in popularity during the 1960s when Letraset used it on their dry-transfer sheets, and again during the 90s as desktop publishers bundled the text with their software. 
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="icon-[lucide--paperclip] file hidden sm:block"></span>
+                                            <span class="text-xs time">4d</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                             <li
+                                class="flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <img alt="" src="images/avatars/thumb-7.jpg" class="size-8 rounded-full shrink-0">
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">Benjamin Joseph</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                   Until recently, the prevailing view assumed
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                               The placeholder text, beginning with the line “Lorem ipsum dolor sit amet, consectetur adipiscing elit”, looks like Latin because in its youth, centuries ago, it was Latin.
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="text-xs time">1w</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                            
+                             <li
+                                class="flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <img alt="" src="images/avatars/thumb-6.jpg" class="size-8 rounded-full shrink-0">
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">David Wilson</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                    Lorem ipsum, or lipsum as it is sometimes known
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                               Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.  
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="icon-[lucide--paperclip] file hidden sm:block"></span>
+                                            <span class="text-xs time">2w</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                            <li
+                                class="flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <span class="size-8 flex items-center justify-center rounded-full bg-zinc-500 text-white font-semibold shrink-0 leading-none">S</span>
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">Sarah Elizabeth Davis</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                   The passage is attributed to an unknown typesetter
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                               The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.  
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="text-xs time">3w</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                             <li
+                                class="flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 rounded-full shrink-0">
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">Olivia Rose</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                   The passage experienced a surge in popularity during the 1960s
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                               The passage experienced a surge in popularity during the 1960s when Letraset used it on their dry-transfer sheets, and again during the 90s as desktop publishers bundled the text with their software. 
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="icon-[lucide--paperclip] file hidden sm:block"></span>
+                                            <span class="text-xs time">1m</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                             <li
+                                class="flex px-4 py-2.5 items-center gap-3.5 relative hover:bg-zinc-50 dark:hover:bg-zinc-950 text-zinc-600 dark:text-zinc-400">
+                                <!--:Check and starred:-->
+                                <div class="flex items-center gap-2.5 mt-1">
+                                    <input type="checkbox" class="input-checkbox relative z-[1]" name="check_email">
+                                    <button
+                                        class="cursor-pointer group [.active]:text-orange-500 relative z-[1] leading-none hidden sm:block"
+                                        type="button" data-bs-toggle="button">
+                                        <span class="icon-[lucide--star] leading-none"></span>
+                                    </button>
+                                </div>
+                                <!--:Sender/Subject:-->
+                                <div class="flex-grow flex flex-col overflow-hidden items-center">
+                                    <div class="flex items-center flex-grow w-full gap-3.5">
+                                        <img alt="" src="images/avatars/thumb-9.jpg" class="size-8 rounded-full shrink-0">
+                                        <div class="flex flex-col flex-grow overflow-hidden">
+                                            <span class="truncate">Matthew Thomas</span>
+                                            <div class="flex items-center overflow-hidden">
+                                                <span class="truncate subject sm:min-w-48 sm:me-3">
+                                                   Until recently, the prevailing view assumed
+                                                </span>
+                                                <p class="truncate hidden sm:block">
+                                               The placeholder text, beginning with the line “Lorem ipsum dolor sit amet, consectetur adipiscing elit”, looks like Latin because in its youth, centuries ago, it was Latin.
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <!--:Time/Label/files:-->
+                                        <div class="flex items-center shrink-0 gap-2 pl-2">
+                                            <span class="text-xs time">1m</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:Link:-->
+                                <a href="app-inbox-view.html" class="absolute inset-0"></a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="shrink-0 px-4 py-3.5 gap-3.5 flex items-center justify-end border-t border-zinc-200 dark:border-zinc-800">
+                        <small class="text-muted">Showing 1-9 from 548 entries</small>
+                        <div class="shrink-0 flex items-center gap-1">
+                            <button disabled
+                                class="size-8 btn btn-default !p-0 !rounded-full disabled:opacity-50 disabled:pointer-events-none">
+                                <span class="icon-[lucide--chevron-left] leading-none text-lg rtl:rotate-180"></span>
+                            </button>
+                            <button
+                                class="size-8 btn btn-default !p-0 !rounded-full">
+                                <span class="icon-[lucide--chevron-right] leading-none text-lg rtl:rotate-180"></span>
+                            </button>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Modal New chat users list:-->
+    <div id="modalComposeEmail" role="dialog" class="modal fixed w-full h-full left-0 top-0 z-[60] overflow-y-auto"
+        tabindex="-1">
+        <div
+            class="modal-dialog m-4 flex pointer-events-none">
+            <div class="modal-content relative max-w-[40rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                <button type="button"
+                    class="absolute ltr:right-2 rtl:left-2 top-2 size-8 !rounded-full btn btn-default !p-0"
+                    data-bs-dismiss="modal">
+                    <span class="icon-[lucide--x] text-lg"></span>
+                </button>
+                <div class="p-4">
+                    <div class="mb-4">
+                        <h5 class="text-xl">New message</h5>
+                    </div>
+                    <!--:Search:-->
+                    <div class="relative mb-4">
+                        <label for="email_to" class="block mb-1.5">To</label>
+                        <input name="search" id="email_to" type="email" class="w-full input" placeholder="Search..."
+                            autofocus />
+                    </div>
+
+                    <div class="relative mb-4">
+                        <label for="email_Subject" class="block mb-1.5">Subject</label>
+                        <input name="search" type="text" id="email_Subject" class="w-full input" placeholder="Search..." />
+                    </div>
+                    <div class="relative mb-4">
+                        <label class="block mb-1.5">Message</label>
+                        <div id="editorEmail">
+
+                        </div>
+                    </div>
+                    <div class="flex items-center justify-end gap-2">
+                        <button type="button" class="btn hover:bg-zinc-500 hover:text-white gap-2" data-bs-dismiss="modal"><span class="icon-[lucide--trash]"></span>Discard</button>
+                         <button type="submit" class="btn bg-primary hover:bg-primary-deep text-white gap-2">Send <span class="icon-[lucide--send]"></span></button>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Checkbox:-->
+    <script>
+        document.addEventListener('DOMContentLoaded', function () {
+            const parentCheckbox = document.querySelector('input[name="check_emails"]');
+            const childCheckboxes = document.querySelectorAll('input[name="check_email"]');
+
+            function updateParentState() {
+                const total = childCheckboxes.length;
+                const checked = Array.from(childCheckboxes).filter(cb => cb.checked).length;
+
+                if (checked === 0) {
+                    parentCheckbox.checked = false;
+                    parentCheckbox.indeterminate = false;
+                } else if (checked === total) {
+                    parentCheckbox.checked = true;
+                    parentCheckbox.indeterminate = false;
+                } else {
+                    parentCheckbox.checked = false;
+                    parentCheckbox.indeterminate = true;
+                }
+            }
+
+            parentCheckbox.addEventListener('change', function () {
+                childCheckboxes.forEach(cb => {
+                    cb.checked = parentCheckbox.checked;
+                });
+                parentCheckbox.indeterminate = false; // Reset indeterminate state
+            });
+
+            childCheckboxes.forEach(cb => {
+                cb.addEventListener('change', updateParentState);
+            });
+        });
+    </script>
+
+    <!--:Editor:-->
+    <script src="vendor/js/quill.js"></script>
+    <script>
+        const quill = new Quill('#editorEmail', {
+            theme: 'snow',
+            modules: {
+                toolbar: [
+                    ['bold', 'italic', 'underline'],
+                    [{ 'list': 'ordered' }, { 'list': 'bullet' }],
+                    ['blockquote', 'code'],
+                    ['image'],
+                ],
+            }
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/auth-forgot-password-side.html b/www/raven-demo/auth-forgot-password-side.html
new file mode 100644
index 0000000..1e271d6
--- /dev/null
+++ b/www/raven-demo/auth-forgot-password-side.html
@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-white dark:bg-zinc-900 text-zinc-700 dark:text-zinc-300">
+    <div class="flex flex-auto flex-col">
+        <main class="flex h-full relative">
+         <div class="flex flex-col justify-center items-center flex-1">
+            <div class="w-full xl:max-w-[450px] px-4 md:px-8 max-w-lg py-8">
+               <div class="mb-5">
+                <a href="index.html" class="flex items-center mb-5">
+                    <span
+                        class="flex w-10 h-10 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                       <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                    fill="currentColor">
+                    <path
+                        d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                </svg>
+                    </span>
+                </a>
+                <h3 class="text-2xl font-semibold text-mono leading-none my-2.5">
+                    Forgot Password
+                </h3>
+                <span class="text-muted">
+                    Please enter your email to receive a verification code
+                </span>
+            </div>
+            <form>
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userEmail">
+                        Email
+                    </label>
+                    <input id="userEmail" class="input" placeholder="Email" type="text" value="">
+                </div>
+                <button type="submit"
+                    class="btn bg-primary text-white hover:bg-primary-deep w-full text-center">Submit</button>
+
+
+                <div class="flex items-center justify-center font-semibold gap-2 mt-3 text-zinc-400">
+                    Back to
+                    <a class="text-primary underline" href="auth-signin-side.html">
+                        Sign in
+                    </a>
+                </div>
+            </form>
+            </div>
+         </div>
+
+        <!--:Side-cover:-->
+        <div class="py-6 px-10 md:flex flex-col flex-1 justify-between hidden items-end relative max-w-[600px] 2xl:max-w-[720px] overflow-hidden rounded-s-3xl bg-primary">
+            <img src="images/bg-cover-2.jpg" class="absolute inset-0 object-cover w-full h-full opacity-50" alt="">
+        </div>
+    </main>
+    </div>
+
+
+    <div class="absolute ltr:right-3 rtl:left-3 top-3">
+        <div class="relative">
+          <button type="button"
+            class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+            data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+            <span class="icon-[lucide--settings] text-lg"></span>
+          </button>
+          <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+            <div class="mb-3 px-3 pt-2">
+              <h5>Theme</h5>
+            </div>
+
+            <div class="flex flex-wrap px-3 pb-2 gap-2">
+              <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #636DFF;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="navyTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #0E6DD9;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #049772;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #D300C5;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label class="flex items-center cursor-pointer dropdown-item">
+                <span class="icon-[lucide--sun-moon] me-1"></span>
+                <span class="flex-grow text-sm me-2">Dark mode</span>
+                <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+              </label>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                <span class="text-sm">Enable RTL</span>
+                <input type="checkbox" class="input-switch" id="toggleRTL" />
+              </label>
+      
+            </div>
+            <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <h5 class="px-3 mb-2">Sidebar</h5>
+                    <div class="radio-group flex items-center">
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                            <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                              <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                <span class="w-6 h-full bg-white rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Light
+                              </span>
+                            </label>
+                        </div>
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                            <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                               <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                 <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Dark
+                              </span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+          </div>
+        </div>
+    </div>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/auth-forgot-password.html b/www/raven-demo/auth-forgot-password.html
new file mode 100644
index 0000000..ac6c0da
--- /dev/null
+++ b/www/raven-demo/auth-forgot-password.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body class="font-theme flex flex-col h-full text-base font-normal bg-white dark:bg-zinc-900 text-zinc-700 dark:text-zinc-300">
+    <main class="flex flex-col items-center flex-1 justify-center">
+
+        <div class="px-4 max-w-md mx-auto py-8 w-full">
+            <div class="mb-5">
+                <a href="index.html" class="flex items-center mb-5">
+                    <span
+                        class="flex w-10 h-10 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                       <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                    fill="currentColor">
+                    <path
+                        d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                </svg>
+                    </span>
+                </a>
+                <h3 class="text-2xl font-semibold text-mono leading-none my-2.5">
+                    Forgot Password
+                </h3>
+                <span class="text-muted">
+                    Please enter your email to receive a verification code
+                </span>
+            </div>
+            <form>
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userEmail">
+                        Email
+                    </label>
+                    <input id="userEmail" class="input" placeholder="Email" type="text" value="">
+                </div>
+                <button type="submit"
+                    class="btn bg-primary text-white hover:bg-primary-deep w-full text-center">Submit</button>
+
+
+                <div class="flex items-center justify-center font-semibold gap-2 mt-3 text-zinc-400">
+                    Back to
+                    <a class="text-primary underline" href="auth-signin.html">
+                        Sign in
+                    </a>
+                </div>
+            </form>
+        </div>
+
+    </main>
+    <div class="absolute ltr:right-3 rtl:left-3 top-3">
+        <div class="relative">
+          <button type="button"
+            class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+            data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+            <span class="icon-[lucide--settings] text-lg"></span>
+          </button>
+          <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+            <div class="mb-3 px-3 pt-2">
+              <h5>Theme</h5>
+            </div>
+
+            <div class="flex flex-wrap px-3 pb-2 gap-2">
+              <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #636DFF;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="navyTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #0E6DD9;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #049772;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #D300C5;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label class="flex items-center cursor-pointer dropdown-item">
+                <span class="icon-[lucide--sun-moon] me-1"></span>
+                <span class="flex-grow text-sm me-2">Dark mode</span>
+                <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+              </label>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                <span class="text-sm">Enable RTL</span>
+                <input type="checkbox" class="input-switch" id="toggleRTL" />
+              </label>
+      
+            </div>
+            <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <h5 class="px-3 mb-2">Sidebar</h5>
+                    <div class="radio-group flex items-center">
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                            <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                              <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                <span class="w-6 h-full bg-white rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Light
+                              </span>
+                            </label>
+                        </div>
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                            <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                               <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                 <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Dark
+                              </span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+          </div>
+        </div>
+    </div>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/auth-signin-side.html b/www/raven-demo/auth-signin-side.html
new file mode 100644
index 0000000..a7d809b
--- /dev/null
+++ b/www/raven-demo/auth-signin-side.html
@@ -0,0 +1,232 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-white dark:bg-zinc-900 text-zinc-700 dark:text-zinc-300">
+    <div class="flex flex-auto flex-col">
+        <main class="flex h-full relative">
+         <div class="flex flex-col justify-center items-center flex-1">
+            <div class="w-full xl:max-w-[450px] px-4 md:px-8 max-w-lg py-8">
+                <div class="mb-5">
+                    <a href="index.html" class="flex items-center mb-5">
+                        <span
+                            class="flex w-10 h-10 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                            <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                                fill="currentColor">
+                                <path
+                                    d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                            </svg>
+                        </span>
+                    </a>
+                    <h3 class="text-2xl font-semibold text-mono leading-none mb-2.5">
+                        Welcome back!
+                    </h3>
+                    <span class="text-muted">
+                        Please enter your credentials to sign in!
+                    </span>
+                </div>
+                <form id="form_login" autocomplete="off" novalidate="novalidate">
+
+                    <div class="flex flex-col gap-1 mb-4">
+                        <label class="block mb-0.5 text-muted" for="userEmail">
+                            Email <span class="text-red-500">*</span>
+                        </label>
+                        <input id="userEmail" name="email" class="input" placeholder="email@email.com" type="text"
+                            value="">
+                    </div>
+                    <div class="flex flex-col gap-1 mb-4">
+                        <label class="block mb-0.5 text-muted" for="userPassword">
+                            Password <span class="text-red-500">*</span>
+                        </label>
+                        <input id="userPassword" name="password" class="input" placeholder="password" type="password"
+                            value="">
+
+                    </div>
+                    <button type="submit"
+                        class="btn bg-primary text-white hover:bg-primary-deep w-full text-center">Sign
+                        in</button>
+                    <span class="block mt-2">
+                        <a href="auth-forgot-password-side.html"
+                            class="border-b border-dashed inline-block leading-[1] text-zinc-500 hover:text-primary">Forgot
+                            password?</a>
+                    </span>
+
+                    <div class="flex items-center gap-2 my-5">
+                        <span class="border-t border-zinc-100 dark:border-zinc-900 w-full">
+                        </span>
+                        <span class="text-xs font-semibold uppercase">
+                            Or
+                        </span>
+                        <span class="border-t border-zinc-100 dark:border-zinc-900 w-full">
+                        </span>
+                    </div>
+
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-2.5 mb-5">
+                        <a class="flex items-center justify-center gap-2 btn text-sm font-semibold border border-zinc-200 dark:border-zinc-800 hover:border-current"
+                            href="#">
+                            <img alt="" class="size-4 shrink-0 " src="images/brands/google.svg">
+                            Use Google
+                        </a>
+                        <a class="flex items-center justify-center gap-2 btn text-sm font-semibold border border-zinc-200 dark:border-zinc-800 hover:border-current"
+                            href="#">
+                            <img alt="" class="size-4 shrink-0 " src="images/brands/linkedin.svg">
+                            Use Linkedin
+                        </a>
+                    </div>
+
+
+                    <div class="flex items-center justify-center font-semibold text-zinc-400 gap-2">
+                        Don't have an account yet?
+                        <a class="text-primary hover:text-primary-deep underline" href="auth-signup-side.html">
+                            Sign up
+                        </a>
+                    </div>
+                </form>
+            </div>
+         </div>
+
+        <!--:Side-cover:-->
+        <div class="py-6 px-10 md:flex flex-col flex-1 justify-between hidden items-end relative max-w-[600px] 2xl:max-w-[720px] overflow-hidden rounded-s-3xl bg-primary">
+            <img src="images/bg-cover-2.jpg" class="absolute inset-0 object-cover w-full h-full opacity-50" alt="">
+        </div>
+    </main>
+    </div>
+
+
+    <div class="absolute ltr:right-3 rtl:left-3 top-3">
+        <div class="relative">
+          <button type="button"
+            class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+            data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+            <span class="icon-[lucide--settings] text-lg"></span>
+          </button>
+          <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+            <div class="mb-3 px-3 pt-2">
+              <h5>Theme</h5>
+            </div>
+
+            <div class="flex flex-wrap px-3 pb-2 gap-2">
+              <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #636DFF;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="navyTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #0E6DD9;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #049772;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #D300C5;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label class="flex items-center cursor-pointer dropdown-item">
+                <span class="icon-[lucide--sun-moon] me-1"></span>
+                <span class="flex-grow text-sm me-2">Dark mode</span>
+                <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+              </label>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                <span class="text-sm">Enable RTL</span>
+                <input type="checkbox" class="input-switch" id="toggleRTL" />
+              </label>
+      
+            </div>
+            <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <h5 class="px-3 mb-2">Sidebar</h5>
+                    <div class="radio-group flex items-center">
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                            <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                              <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                <span class="w-6 h-full bg-white rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Light
+                              </span>
+                            </label>
+                        </div>
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                            <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                               <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                 <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Dark
+                              </span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+          </div>
+        </div>
+    </div>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <script src="vendor/js/just-validate.production.min.js"></script>
+    <script>
+        const validation = new JustValidate('#form_login');
+        validation
+            .addField('#userEmail', [
+                {
+                    rule: 'required',
+                    errorMessage: 'Email is required',
+                },
+                {
+                    rule: 'email',
+                    errorMessage: 'Enter a valid email address',
+                },
+            ])
+            .addField('#userPassword', [
+                {
+                    rule: 'required',
+                    errorMessage: 'Password is required',
+                },
+                {
+                    rule: 'minLength',
+                    value: 6,
+                    errorMessage: 'Password must be at least 6 characters',
+                },
+            ])
+            .onSuccess((event) => {
+                event.preventDefault();
+
+                // Simulate fake login delay
+                setTimeout(() => {
+                    window.location.href = 'index.html';
+                }, 1000);
+            });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/auth-signin.html b/www/raven-demo/auth-signin.html
new file mode 100644
index 0000000..fe12bc4
--- /dev/null
+++ b/www/raven-demo/auth-signin.html
@@ -0,0 +1,222 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Raven - Admin Dashboard</title>
+  <link rel="icon" href="images/favicon.png" type="image/png">
+  <!--Simplebar-->
+  <link rel="stylesheet" href="vendor/css/simplebar.css">
+  <!--:Fonts:-->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+  <!--:Main Style:-->
+  <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+  class="font-theme flex flex-col h-full text-base font-normal bg-white dark:bg-zinc-900 text-zinc-700 dark:text-zinc-300">
+  <main class="flex flex-col items-center flex-1 justify-center">
+
+    <div class="px-4 max-w-md mx-auto py-8 w-full">
+      <div class="mb-5">
+        <a href="index.html" class="flex items-center mb-5">
+          <span
+            class="flex w-10 h-10 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+            <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                    fill="currentColor">
+                    <path
+                        d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                </svg>
+          </span>
+        </a>
+        <h3 class="text-2xl font-semibold text-mono leading-none mb-2.5">
+          Welcome back!
+        </h3>
+        <span class="text-muted">
+          Please enter your credentials to sign in!
+        </span>
+      </div>
+      <form id="form_login" autocomplete="off" novalidate="novalidate">
+
+        <div class="flex flex-col gap-1 mb-4">
+          <label class="block mb-0.5 text-muted" for="userEmail">
+            Email
+          </label>
+          <input id="userEmail" name="email" class="input" placeholder="email@email.com" type="text" value="">
+        </div>
+        <div class="flex flex-col gap-1 mb-4">
+          <label class="block mb-0.5 text-muted" for="userPassword">
+            Password
+          </label>
+          <input id="userPassword" name="password" class="input" placeholder="password" type="password" value="">
+
+        </div>
+        <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep w-full text-center">Sign
+          in</button>
+        <span class="block mt-2">
+          <a href="auth-forgot-password.html"
+            class="border-b border-dashed inline-block leading-[1] text-zinc-500 hover:text-primary">Forgot
+            password?</a>
+        </span>
+
+        <div class="flex items-center gap-2 my-5">
+          <span class="border-t border-zinc-100 dark:border-zinc-900 w-full">
+          </span>
+          <span class="text-xs font-semibold uppercase">
+            Or
+          </span>
+          <span class="border-t border-zinc-100 dark:border-zinc-900 w-full">
+          </span>
+        </div>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-2.5 mb-5">
+          <a class="flex items-center justify-center gap-2 btn text-sm font-semibold border border-zinc-200 dark:border-zinc-800 hover:border-current"
+            href="#">
+            <img alt="" class="size-4 shrink-0 " src="images/brands/google.svg">
+            Use Google
+          </a>
+          <a class="flex items-center justify-center gap-2 btn text-sm font-semibold border border-zinc-200 dark:border-zinc-800 hover:border-current"
+            href="#">
+            <img alt="" class="size-4 shrink-0 " src="images/brands/linkedin.svg">
+            Use Linkedin
+          </a>
+        </div>
+
+
+        <div class="flex items-center justify-center font-semibold text-zinc-400 gap-2">
+          Don't have an account yet?
+          <a class="text-primary hover:text-primary-deep underline" href="auth-signup.html">
+            Sign up
+          </a>
+        </div>
+      </form>
+    </div>
+
+  </main>
+
+
+  <div class="absolute ltr:right-3 rtl:left-3 top-3">
+    <div class="relative">
+      <button type="button"
+        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+        data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+        <span class="icon-[lucide--settings] text-lg"></span>
+      </button>
+      <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+        <div class="mb-3 px-3 pt-2">
+          <h5>Theme</h5>
+        </div>
+
+        <div class="flex flex-wrap px-3 pb-2 gap-2">
+          <button id="indigoTheme" class="theme-switcher cursor-pointer">
+            <span class="flex items-center justify-center size-7 rounded-full text-white"
+              style="background-color: #636DFF;">
+              <span class="icon-[lucide--check] theme-check text-lg"></span>
+            </span>
+          </button>
+          <button id="navyTheme" class="theme-switcher cursor-pointer">
+            <span class="flex items-center justify-center size-7 rounded-full text-white"
+              style="background-color: #0E6DD9;">
+              <span class="icon-[lucide--check] theme-check text-lg"></span>
+            </span>
+          </button>
+          <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+            <span class="flex items-center justify-center size-7 rounded-full text-white"
+              style="background-color: #049772;">
+              <span class="icon-[lucide--check] theme-check text-lg"></span>
+            </span>
+          </button>
+          <button id="purpleTheme" class="theme-switcher cursor-pointer">
+            <span class="flex items-center justify-center size-7 rounded-full text-white"
+              style="background-color: #D300C5;">
+              <span class="icon-[lucide--check] theme-check text-lg"></span>
+            </span>
+          </button>
+        </div>
+        <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+          <label class="flex items-center cursor-pointer dropdown-item">
+            <span class="icon-[lucide--sun-moon] me-1"></span>
+            <span class="flex-grow text-sm me-2">Dark mode</span>
+            <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+          </label>
+        </div>
+        <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+          <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+            <span class="text-sm">Enable RTL</span>
+            <input type="checkbox" class="input-switch" id="toggleRTL" />
+          </label>
+      
+        </div>
+        <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                <h5 class="px-3 mb-2">Sidebar</h5>
+                <div class="radio-group flex items-center">
+                    <div class="radio-option flex-grow">
+                        <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                        <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                          <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                            <span class="w-6 h-full bg-white rounded-sm"></span>
+                          </span>
+                          <span class="block text-sm text-zinc-400">
+                            Light
+                          </span>
+                        </label>
+                    </div>
+                    <div class="radio-option flex-grow">
+                        <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                        <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                           <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                             <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                          </span>
+                          <span class="block text-sm text-zinc-400">
+                            Dark
+                          </span>
+                        </label>
+                    </div>
+                </div>
+            </div>
+      </div>
+    </div>
+  </div>
+
+  <!--:Scripts:-->
+  <script src="js/theme.js"></script>
+  <script src="vendor/js/just-validate.production.min.js"></script>
+  <script>
+    const validation = new JustValidate('#form_login');
+    validation
+      .addField('#userEmail', [
+        {
+          rule: 'required',
+          errorMessage: 'Email is required',
+        },
+        {
+          rule: 'email',
+          errorMessage: 'Enter a valid email address',
+        },
+      ])
+      .addField('#userPassword', [
+        {
+          rule: 'required',
+          errorMessage: 'Password is required',
+        },
+        {
+          rule: 'minLength',
+          value: 6,
+          errorMessage: 'Password must be at least 6 characters',
+        },
+      ])
+      .onSuccess((event) => {
+        event.preventDefault();
+
+        // Simulate fake login delay
+        setTimeout(() => {
+          window.location.href = 'index.html';
+        }, 1000);
+      });
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/auth-signup-side.html b/www/raven-demo/auth-signup-side.html
new file mode 100644
index 0000000..a340b12
--- /dev/null
+++ b/www/raven-demo/auth-signup-side.html
@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-white dark:bg-zinc-900 text-zinc-700 dark:text-zinc-300">
+    <div class="flex flex-auto flex-col">
+        <main class="flex h-full relative">
+         <div class="flex flex-col justify-center items-center flex-1">
+            <div class="w-full xl:max-w-[450px] px-4 md:px-8 max-w-lg py-8">
+                <div class="mb-5">
+                    <a href="index.html" class="flex items-center mb-5">
+                        <span
+                            class="flex w-10 h-10 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                            <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                                fill="currentColor">
+                                <path
+                                    d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                            </svg>
+                        </span>
+                    </a>
+                    <h3 class="text-2xl font-semibold text-mono leading-none mb-2.5">
+                        Sign Up
+                    </h3>
+                    <span class="text-muted">
+                         And lets get started with your free trial!
+                    </span>
+                </div>
+                 <form>
+               
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userName">
+                        User name
+                    </label>
+                    <input id="userName" class="input" placeholder="User Name" type="text" value="">
+                </div>
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userEmail">
+                        Email
+                    </label>
+                    <input id="userEmail" class="input" placeholder="Email" type="email" value="">
+                </div>
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userPassword">
+                        Password
+                    </label>
+                    <input id="userPassword" class="input" placeholder="Password" type="password" value="">
+                </div>
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userConfirmPassword">
+                        Confirm password
+                    </label>
+                    <input id="userConfirmPassword" class="input" placeholder="Confirm password" type="password"
+                        value="">
+                </div>
+                <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep w-full text-center">Sign
+                    up</button>
+
+
+                <div class="flex items-center justify-center font-semibold text-zinc-400 mt-3 gap-2">
+                    Already have an account?
+                    <a class="text-primary hover:text-primary-deep underline" href="auth-signin-side.html">
+                        Sign in
+                    </a>
+                </div>
+            </form>
+            </div>
+         </div>
+
+        <!--:Side-cover:-->
+        <div class="py-6 px-10 md:flex flex-col flex-1 justify-between hidden items-end relative max-w-[600px] 2xl:max-w-[720px] overflow-hidden rounded-s-3xl bg-primary">
+            <img src="images/bg-cover-2.jpg" class="absolute inset-0 object-cover w-full h-full opacity-50" alt="">
+        </div>
+    </main>
+    </div>
+
+
+    <div class="absolute ltr:right-3 rtl:left-3 top-3">
+        <div class="relative">
+          <button type="button"
+            class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+            data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+            <span class="icon-[lucide--settings] text-lg"></span>
+          </button>
+          <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+            <div class="mb-3 px-3 pt-2">
+              <h5>Theme</h5>
+            </div>
+
+            <div class="flex flex-wrap px-3 pb-2 gap-2">
+              <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #636DFF;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="navyTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #0E6DD9;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #049772;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #D300C5;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label class="flex items-center cursor-pointer dropdown-item">
+                <span class="icon-[lucide--sun-moon] me-1"></span>
+                <span class="flex-grow text-sm me-2">Dark mode</span>
+                <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+              </label>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                <span class="text-sm">Enable RTL</span>
+                <input type="checkbox" class="input-switch" id="toggleRTL" />
+              </label>
+      
+            </div>
+            <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <h5 class="px-3 mb-2">Sidebar</h5>
+                    <div class="radio-group flex items-center">
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                            <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                              <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                <span class="w-6 h-full bg-white rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Light
+                              </span>
+                            </label>
+                        </div>
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                            <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                               <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                 <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Dark
+                              </span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+          </div>
+        </div>
+    </div>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/auth-signup.html b/www/raven-demo/auth-signup.html
new file mode 100644
index 0000000..d3d8981
--- /dev/null
+++ b/www/raven-demo/auth-signup.html
@@ -0,0 +1,171 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body class="font-theme flex flex-col h-full text-base font-normal bg-white dark:bg-zinc-900 text-zinc-700 dark:text-zinc-300">
+    <main class="flex flex-col items-center flex-1 justify-center">
+
+        <div class="px-4 max-w-md mx-auto py-8 w-full">
+             <div class="mb-5">
+                    <a href="index.html" class="flex items-center mb-5">
+                        <span
+                            class="flex w-10 h-10 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                            <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                    fill="currentColor">
+                    <path
+                        d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                </svg>
+                        </span>
+                    </a>
+                    <h3 class="text-2xl font-semibold text-mono leading-none my-2.5">
+                        Sign Up
+                    </h3>
+                    <span class="text-zinc-500 dark:text-zinc-400">
+                        And lets get started with your free trial
+                    </span>
+                </div>
+            <form>
+               
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userName">
+                        User name
+                    </label>
+                    <input id="userName" class="input" placeholder="User Name" type="text" value="">
+                </div>
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userEmail">
+                        Email
+                    </label>
+                    <input id="userEmail" class="input" placeholder="Email" type="email" value="">
+                </div>
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userPassword">
+                        Password
+                    </label>
+                    <input id="userPassword" class="input" placeholder="Password" type="password" value="">
+                </div>
+                <div class="flex flex-col gap-1 mb-4">
+                    <label class="block mb-0.5 text-muted" for="userConfirmPassword">
+                        Confirm password
+                    </label>
+                    <input id="userConfirmPassword" class="input" placeholder="Confirm password" type="password"
+                        value="">
+                </div>
+                <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep w-full text-center">Sign
+                    up</button>
+
+
+                <div class="flex items-center justify-center font-semibold text-zinc-400 mt-3 gap-2">
+                    Already have an account?
+                    <a class="text-primary hover:text-primary-deep underline" href="auth-signin.html">
+                        Sign in
+                    </a>
+                </div>
+            </form>
+        </div>
+
+    </main>
+    <div class="absolute ltr:right-3 rtl:left-3 top-3">
+        <div class="relative">
+          <button type="button"
+            class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+            data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+            <span class="icon-[lucide--settings] text-lg"></span>
+          </button>
+          <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+            <div class="mb-3 px-3 pt-2">
+              <h5>Theme</h5>
+            </div>
+
+            <div class="flex flex-wrap px-3 pb-2 gap-2">
+              <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #636DFF;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="navyTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #0E6DD9;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #049772;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+              <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                <span class="flex items-center justify-center size-7 rounded-full text-white"
+                  style="background-color: #D300C5;">
+                  <span class="icon-[lucide--check] theme-check text-lg"></span>
+                </span>
+              </button>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label class="flex items-center cursor-pointer dropdown-item">
+                <span class="icon-[lucide--sun-moon] me-1"></span>
+                <span class="flex-grow text-sm me-2">Dark mode</span>
+                <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+              </label>
+            </div>
+            <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+              <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                <span class="text-sm">Enable RTL</span>
+                <input type="checkbox" class="input-switch" id="toggleRTL" />
+              </label>
+      
+            </div>
+            <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <h5 class="px-3 mb-2">Sidebar</h5>
+                    <div class="radio-group flex items-center">
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                            <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                              <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                <span class="w-6 h-full bg-white rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Light
+                              </span>
+                            </label>
+                        </div>
+                        <div class="radio-option flex-grow">
+                            <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                            <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                               <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                 <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                              </span>
+                              <span class="block text-sm text-zinc-400">
+                                Dark
+                              </span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+          </div>
+        </div>
+    </div>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-alert.html b/www/raven-demo/component-alert.html
new file mode 100644
index 0000000..2c98e74
--- /dev/null
+++ b/www/raven-demo/component-alert.html
@@ -0,0 +1,1172 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item active">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Alert</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Alert</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Alert Basic</h5>
+                </div>
+                <div class="p-4 table">
+                    <!--alert-->
+                    <div role="alert"
+                        class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200">
+                       Database fetched successfully
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div role="alert" class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200"&gt;
+  Database fetched successfully
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Icon</h5>
+                </div>
+                <div class="p-4 table">
+                    <!--alert-->
+                    <div role="alert"
+                        class="flex gap-2.5 items-center px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200">
+                         <span class="icon-[lucide--database-zap] text-xl shrink-0"></span>
+                        <div class="flex-grow">
+                            Database fetched successfully
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div role="alert" class="flex gap-2.5 items-center px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200"&gt;
+   &lt;span class="icon-[lucide--database-zap] text-xl shrink-0"&gt;&lt;/span&gt;
+   &lt;div class="flex-grow"&gt;
+      Database fetched successfully
+   &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Title</h5>
+                </div>
+                <div class="p-4 table">
+                    <!--alert-->
+                    <div role="alert"
+                        class="flex gap-2.5 items-start px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200">
+                         <span class="icon-[lucide--database-zap] text-xl shrink-0 mt-1"></span>
+                        <div class="flex-grow">
+                            <span class="text-lg font-semibold">
+                                Database fetched successfully
+                            </span>
+                            <p>
+                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--alert--&gt;
+&lt;div role="alert"
+   class="flex gap-2.5 items-start px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200"&gt;
+   &lt;span class="icon-[lucide--database-zap] text-xl shrink-0 mt-1"&gt;&lt;/span&gt;
+   &lt;div class="flex-grow"&gt;
+      &lt;span class="text-lg font-semibold"&gt;
+         Database fetched successfully
+      &lt;/span&gt;
+      &lt;p&gt;
+         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+         magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+         consequat.
+      &lt;/p&gt;
+   &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Closable</h5>
+                </div>
+                <div class="p-4 table">
+                    <!--alert-->
+                    <div role="alert"
+                        class="alert fade show flex flex-wrap items-center justify-between px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200">
+                       Database fetched successfully
+                       <span data-bs-dismiss="alert" aria-label="Close" class="icon-[lucide--x] text-xl cursor-pointer ms-3"></span>
+                      </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div role="alert"
+   class="alert fade show flex flex-wrap items-center justify-between px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200"&gt;
+   Database fetched successfully
+   &lt;!--:Close alert:--&gt;
+   &lt;span data-bs-dismiss="alert" aria-label="Close" class="icon-[lucide--x] text-xl cursor-pointer ms-3"&gt;&lt;/span&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+             <!--:Card:-->
+            <div
+                class="overflow-hidden rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Variant</h5>
+                </div>
+                <div class="p-4 flex flex-col gap-2">
+                     <!--alert-->
+                    <div role="alert"
+                        class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-primary/20 text-primary-deep dark:text-primary">
+                      This is a Primary alert
+                    </div>
+                     <!--alert-->
+                    <div role="alert"
+                        class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-zinc-100 dark:bg-zinc-800">
+                      This is a Default alert
+                    </div>
+                    <!--alert-->
+                    <div role="alert"
+                        class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-yellow-500/20 text-yellow-800 dark:text-yellow-200">
+                      This is a Warning alert
+                    </div>
+                    <!--alert-->
+                    <div role="alert"
+                        class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-sky-500/10 text-blue-800 dark:text-blue-200">
+                      This is a Info alert
+                    </div>
+                    <!--alert-->
+                    <div role="alert"
+                        class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200">
+                      This is a Success alert
+                    </div>
+                    <!--alert-->
+                    <div role="alert"
+                        class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-red-500/10 text-red-800 dark:text-red-200">
+                      This is a Danger alert
+                    </div>
+                   
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--alert primary--&gt;
+&lt;div role="alert"
+   class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-primary/20 text-primary-deep dark:text-primary"&gt;
+   This is a Primary alert
+&lt;/div&gt;
+&lt;!--alert default--&gt;
+&lt;div role="alert" class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-zinc-100 dark:bg-zinc-800"&gt;
+   This is a Default alert
+&lt;/div&gt;
+&lt;!--alert warning--&gt;
+&lt;div role="alert"
+   class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-yellow-500/20 text-yellow-800 dark:text-yellow-200"&gt;
+   This is a Warning alert
+&lt;/div&gt;
+&lt;!--alert info--&gt;
+&lt;div role="alert"
+   class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-sky-500/10 text-blue-800 dark:text-blue-200"&gt;
+   This is a Info alert
+&lt;/div&gt;
+&lt;!--alert success--&gt;
+&lt;div role="alert"
+   class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-green-500/20 text-green-800 dark:text-green-200"&gt;
+   This is a Success alert
+&lt;/div&gt;
+&lt;!--alert danger--&gt;
+&lt;div role="alert"
+   class="flex flex-wrap items-center px-4 py-2.5 rounded-lg bg-red-500/10 text-red-800 dark:text-red-200"&gt;
+   This is a Danger alert
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-animation.html b/www/raven-demo/component-animation.html
new file mode 100644
index 0000000..a74b51c
--- /dev/null
+++ b/www/raven-demo/component-animation.html
@@ -0,0 +1,1111 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item active">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Animation</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Animation</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Spin</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <div class="inline-flex items-center gap-2">
+                            <!--:Spinner:-->
+                            <svg class="animate-spin h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none"
+                                viewBox="0 0 24 24">
+                                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"
+                                    stroke-width="4"></circle>
+                                <path class="" fill="currentColor"
+                                    d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
+                                </path>
+                            </svg>
+                        </div>
+                        <div class="w-full flex-grow"></div>
+                        <button type="default" class="inline-flex items-center gap-2">
+                            <!--:Spinner:-->
+                            <svg class="animate-spin h-4 w-4 text-primary" xmlns="http://www.w3.org/2000/svg"
+                                fill="none" viewBox="0 0 24 24">
+                                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"
+                                    stroke-width="4"></circle>
+                                <path class="" fill="currentColor"
+                                    d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
+                                </path>
+                            </svg>
+                            Loading...
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="inline-flex items-center gap-2"&gt;
+    &lt;!--:Spinner:--&gt;
+    &lt;svg class="animate-spin h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"&gt;
+        &lt;circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"&gt;&lt;/circle&gt;
+        &lt;path class="" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"&gt;
+        &lt;/path&gt;
+    &lt;/svg&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Ping</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <button type="button" class="cursor-pointer relative btn btn-sm !p-2 btn-default">
+                            <span class="icon-[lucide--bell] text-lg"></span>
+                            <!--:Notification badge with animation:-->
+                            <span class="absolute -right-1 -top-1 flex size-3">
+                                <span
+                                    class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                                <span class="relative inline-flex size-3 rounded-full bg-orange-500"></span>
+                            </span>
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button type="button" class="cursor-pointer relative btn btn-sm !p-2 btn-default"&gt;
+    &lt;span class="icon-[lucide--bell] text-lg"&gt;&lt;/span&gt;
+    &lt;!--:Notification badge:--&gt;
+    &lt;span class="absolute -right-1 -top-1 flex size-3"&gt;
+        &lt;span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"&gt;&lt;/span&gt;
+        &lt;span class="relative inline-flex size-3 rounded-full bg-orange-500"&gt;&lt;/span&gt;
+    &lt;/span&gt;
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Pulse</h5>
+                </div>
+                <div class="p-4">
+                    <!--:Pulse animation card:-->
+                    <div class="w-full max-w-sm rounded-lg border border-zinc-100 dark:border-zinc-900 bg-white dark:bg-zinc-950 p-4">
+                        <div class="flex animate-pulse space-x-4">
+                            <div class="size-10 rounded-full bg-zinc-200 dark:bg-zinc-700"></div>
+                            <div class="flex-1 space-y-6 py-1">
+                                <div class="h-2 rounded bg-zinc-200 dark:bg-zinc-700"></div>
+                                <div class="space-y-3">
+                                    <div class="grid grid-cols-3 gap-4">
+                                        <div class="col-span-2 h-2 rounded bg-zinc-200 dark:bg-zinc-700"></div>
+                                        <div class="col-span-1 h-2 rounded bg-zinc-200 dark:bg-zinc-700"></div>
+                                    </div>
+                                    <div class="h-2 rounded bg-zinc-200 dark:bg-zinc-700"></div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Pulse animation card:--&gt;
+&lt;div class="w-full max-w-sm rounded-md border border-zinc-100 dark:border-zinc-900 bg-white dark:bg-zinc-950 p-4"&gt;
+    &lt;div class="flex animate-pulse space-x-4"&gt;
+        &lt;div class="size-10 rounded-full bg-zinc-200 dark:bg-zinc-700"&gt;&lt;/div&gt;
+        &lt;div class="flex-1 space-y-6 py-1"&gt;
+            &lt;div class="h-2 rounded bg-zinc-200 dark:bg-zinc-700"&gt;&lt;/div&gt;
+            &lt;div class="space-y-3"&gt;
+                &lt;div class="grid grid-cols-3 gap-4"&gt;
+                    &lt;div class="col-span-2 h-2 rounded bg-zinc-200 dark:bg-zinc-700"&gt;&lt;/div&gt;
+                    &lt;div class="col-span-1 h-2 rounded bg-zinc-200 dark:bg-zinc-700"&gt;&lt;/div&gt;
+                &lt;/div&gt;
+                &lt;div class="h-2 rounded bg-zinc-200 dark:bg-zinc-700"&gt;&lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-avatar.html b/www/raven-demo/component-avatar.html
new file mode 100644
index 0000000..2d117e4
--- /dev/null
+++ b/www/raven-demo/component-avatar.html
@@ -0,0 +1,1176 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item active">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Avatar</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Avatar</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+              <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Mask Avatars</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-col gap-2">
+                        <span class="font-mono">squircle</span>
+                      <div class="relative">
+                        <img alt="" src="images/avatars/thumb-1.jpg" class="size-16 mask squircle">
+                      </div>
+                      <hr class="border-zinc-200 dark:border-zinc-800 my-2">
+                      <span class="font-mono">triangle</span>
+                      <div class="relative">
+                        <img alt="" src="images/avatars/thumb-1.jpg" class="size-16 mask triangle">
+                      </div>
+                      <hr class="border-zinc-200 dark:border-zinc-800 my-2">
+                      <span class="font-mono">diamond</span>
+                      <div class="relative">
+                        <img alt="" src="images/avatars/thumb-1.jpg" class="size-16 mask diamond">
+                      </div>
+                      <hr class="border-zinc-200 dark:border-zinc-800 my-2">
+                      <span class="font-mono">hexagon</span>
+                      <div class="relative">
+                        <img alt="" src="images/avatars/thumb-1.jpg" class="size-16 mask hexagon">
+                      </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-16 mask squircle"&gt;
+&lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-16 mask triangle"&gt;
+&lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-16 mask diamond"&gt;
+&lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-16 mask hexagon"&gt;
+</code></pre>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Sizing</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                      <img alt="" src="images/avatars/thumb-1.jpg" class="size-6 rounded-full">
+                      <img alt="" src="images/avatars/thumb-1.jpg" class="size-8 rounded-full">
+                      <img alt="" src="images/avatars/thumb-1.jpg" class="size-10 rounded-full">
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-6 rounded-full"&gt;
+&lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-8 rounded-full"&gt;
+&lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-10 rounded-full"&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Type</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <span class="size-8 flex items-center justify-center rounded-full bg-zinc-400 text-white text-sm font-semibold shrink-0 leading-none">P</span>
+<span class="size-8 flex items-center justify-center rounded-full bg-zinc-400 text-white text-xs font-semibold shrink-0 leading-none">
+   <span class="icon-[lucide--user] text-lg"></span>
+</span>
+                      <img alt="" src="images/avatars/thumb-1.jpg" class="size-8 rounded-full">
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;span class="size-8 flex items-center justify-center rounded-full bg-zinc-400 text-white text-sm font-semibold shrink-0 leading-none"&gt;
+   P
+&lt;/span&gt;
+&lt;span class="size-8 flex items-center justify-center rounded-full bg-zinc-400 text-white text-xs font-semibold shrink-0 leading-none"&gt;
+   &lt;span class="icon-[solar--shield-user-linear] text-lg"&gt;&lt;/span&gt;
+&lt;/span&gt;
+&lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-8 rounded-full"&gt;
+</code></pre>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Group</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center -space-x-2 mb-3">
+                      <img alt="" src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                      <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                      <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                    </div>
+                    <div class="flex flex-wrap items-center -space-x-2 mb-3">
+                      <img alt="" src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                      <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                      <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full">
+                      <span class="size-8 flex items-center justify-center bg-zinc-400 border-2 border-white dark:border-zinc-900 rounded-full text-white text-xs font-semibold">3+</span>
+                    </div>
+                    <div class="flex flex-wrap items-center -space-x-2">
+                      <img alt="" src="images/avatars/thumb-7.jpg" class="size-10 border-2 border-white dark:border-zinc-900 rounded-full">
+                      <img alt="" src="images/avatars/thumb-8.jpg" class="size-10 border-2 border-white dark:border-zinc-900 rounded-full">
+                      <img alt="" src="images/avatars/thumb-9.jpg" class="size-10 border-2 border-white dark:border-zinc-900 rounded-full">
+                      <span class="h-10 px-3 flex items-center justify-center bg-zinc-400 border-2 border-white dark:border-zinc-900 rounded-full text-white text-xs font-semibold">+20k users</span>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="flex flex-wrap items-center -space-x-2"&gt;
+   &lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+   &lt;img alt="" src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+   &lt;img alt="" src="images/avatars/thumb-3.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+&lt;/div&gt;
+&lt;div class="flex flex-wrap items-center -space-x-2"&gt;
+   &lt;img alt="" src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+   &lt;img alt="" src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+   &lt;img alt="" src="images/avatars/thumb-3.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+   &lt;span class="size-8 flex items-center justify-center bg-zinc-400 border-2 border-white dark:border-zinc-900 rounded-full text-white text-xs font-semibold"&gt;
+   3+
+   &lt;/span&gt;
+&lt;/div&gt;
+&lt;div class="flex flex-wrap items-center -space-x-2"&gt;
+   &lt;img alt="" src="images/avatars/thumb-7.jpg" class="size-10 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+   &lt;img alt="" src="images/avatars/thumb-8.jpg" class="size-10 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+   &lt;img alt="" src="images/avatars/thumb-9.jpg" class="size-10 border-2 border-white dark:border-zinc-900 rounded-full"&gt;
+   &lt;span class="h-10 px-3 flex items-center justify-center bg-zinc-400 border-2 border-white dark:border-zinc-900 rounded-full text-white text-xs font-semibold"&gt;
+   +20k users
+   &lt;/span&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Status</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <span class="size-8 rounded-full block relative">
+                            <img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full">
+                            <!--:Status:-->
+                            <span class="size-2.5 rounded-full border-2 border-white dark:border-zinc-900 bg-green-500 block absolute right-0 bottom-0"></span>
+                        </span>
+                        <span class="size-8 rounded-full block relative">
+                            <img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full">
+                            <!--:Status:-->
+                            <span class="size-2.5 rounded-full border-2 border-white dark:border-zinc-900 bg-yellow-500 block absolute right-0 bottom-0"></span>
+                        </span>
+                        <span class="size-8 rounded-full block relative">
+                            <img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full">
+                            <!--:Status:-->
+                            <span class="size-2.5 rounded-full border-2 border-white dark:border-zinc-900 bg-red-500 block absolute right-0 bottom-0"></span>
+                        </span>
+                        <span class="size-8 rounded-full block relative">
+                            <img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full">
+                            <!--:Status:-->
+                            <span class="size-2.5 rounded-full border-2 border-white dark:border-zinc-900 bg-zinc-300 block absolute right-0 bottom-0"></span>
+                        </span>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;span class="size-8 rounded-full block relative"&gt;
+   &lt;img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full"&gt;
+   &lt;!--:Status:--&gt;
+   &lt;span class="size-2.5 rounded-full border-2 border-white dark:border-zinc-900 bg-green-500 block absolute right-0 bottom-0"&gt;&lt;/span&gt;
+&lt;/span&gt;
+&lt;span class="size-8 rounded-full block relative"&gt;
+   &lt;img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full"&gt;
+   &lt;!--:Status:--&gt;
+   &lt;span class="size-2.5 rounded-full border-2 border-white dark:border-zinc-900 bg-yellow-500 block absolute right-0 bottom-0"&gt;&lt;/span&gt;
+&lt;/span&gt;
+&lt;span class="size-8 rounded-full block relative"&gt;
+   &lt;img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full"&gt;
+   &lt;!--:Status:--&gt;
+   &lt;span class="size-2.5 rounded-full border-2 border-white dark:border-zinc-900 bg-red-500 block absolute right-0 bottom-0"&gt;&lt;/span&gt;
+&lt;/span&gt;
+&lt;span class="size-8 rounded-full block relative"&gt;
+   &lt;img alt="" src="images/avatars/thumb-4.jpg" class="size-8 rounded-full"&gt;
+   &lt;!--:Status:--&gt;
+   &lt;span class="size-2.5 rounded-full border-2 border-white dark:border-zinc-900 bg-zinc-300 block absolute right-0 bottom-0"&gt;&lt;/span&gt;
+&lt;/span&gt;                  
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+        <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-badge.html b/www/raven-demo/component-badge.html
new file mode 100644
index 0000000..61f2e98
--- /dev/null
+++ b/www/raven-demo/component-badge.html
@@ -0,0 +1,1095 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item active">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Badge</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Badge</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Default</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <span class="badge bg-zinc-400/20 text-muted">Default</span>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;span class="badge bg-zinc-400/20 text-muted"&gt;Default&lt;/span&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Custom color class</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <span class="badge bg-primary/10 text-primary">Primary</span>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;span class="badge bg-primary/10 text-primary"&gt;Primary&lt;/span&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Color variant</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <span class="badge bg-green-500/10 text-green-500">Active</span>
+                         <span class="badge bg-amber-500/10 text-amber-500">Pending</span>
+                          <span class="badge bg-red-500/10 text-red-500">Declined</span>
+                           <span class="badge bg-sky-500/10 text-sky-500">In progress</span>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;span class="badge bg-green-500/10 text-green-500"&gt;Active&lt;/span&gt;
+&lt;span class="badge bg-amber-500/10 text-amber-500"&gt;Pending&lt;/span&gt;
+&lt;span class="badge bg-red-500/10 text-red-500"&gt;Declined&lt;/span&gt;
+&lt;span class="badge bg-sky-500/10 text-sky-500"&gt;In progress&lt;/span&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">In button</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <button type="button" class="btn btn-default">
+                          <span class="icon-[lucide--bell] text-lg me-2"></span> 
+                          Notifications 
+                          <span class="badge bg-red-500/10 text-red-500 ms-2">99+</span>
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button type="button" class="btn btn-default"&gt;
+    &lt;span class="icon-[lucide--bell] text-lg me-2"&gt;&lt;/span&gt;
+    Notifications
+    &lt;span class="badge bg-red-500/10 text-red-500 ms-2"&gt;99+&lt;/span&gt;
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Custom position</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <button type="button" class="btn btn-default relative">
+                          <span class="icon-[lucide--bell] text-lg me-2"></span> 
+                          Notifications 
+                          <span class="badge !p-0 size-8 !rounded-full flex items-center justify-center border-4 border-white dark:border-zinc-900 bg-red-500 text-white absolute left-full top-0 -translate-x-1/2 -translate-y-1/2">9+</span>
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button type="button" class="btn btn-default relative"&gt;
+    &lt;span class="icon-[lucide--bell] text-lg me-2"&gt;&lt;/span&gt;
+    Notifications
+    &lt;span class="badge !p-0 size-8 !rounded-full flex items-center justify-center border-4 border-white dark:border-zinc-900 bg-red-500 text-white absolute left-full top-0 -translate-x-1/2 -translate-y-1/2"&gt;
+        9+
+    &lt;/span&gt;
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-breadcrum.html b/www/raven-demo/component-breadcrum.html
new file mode 100644
index 0000000..c5da36a
--- /dev/null
+++ b/www/raven-demo/component-breadcrum.html
@@ -0,0 +1,1089 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item active">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Breadcrumb</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Breadcrumb</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Default</h5>
+                </div>
+                <div class="p-4">
+                    <ol class="flex gap-1 items-center text-sm">
+                        <li class="flex items-center"><a href="index.html"
+                                class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                        <li class="flex items-center opacity-30 leading-none">
+                            <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                        <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                        <li class="flex items-center opacity-30 leading-none">
+                            <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                        <li class="flex items-center"><span class="pointer-events-none">Breadcrumb</span></li>
+                    </ol>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;ol class="flex gap-1 items-center text-sm"&gt;
+    &lt;li class="flex items-center"&gt;&lt;a href="index.html"
+            class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white"&gt;Home&lt;/a&gt;&lt;/li&gt;
+    &lt;li class="flex items-center opacity-30 leading-none"&gt;
+        &lt;span class="icon-[lucide--chevron-right] rtl:rotate-180"&gt;&lt;/span&gt;&lt;/li&gt;
+    &lt;li class="flex items-center"&gt;&lt;span class="pointer-events-none"&gt;Components&lt;/span&gt;&lt;/li&gt;
+    &lt;li class="flex items-center opacity-30 leading-none"&gt;
+        &lt;span class="icon-[lucide--chevron-right] rtl:rotate-180"&gt;&lt;/span&gt;&lt;/li&gt;
+    &lt;li class="flex items-center"&gt;&lt;span class="pointer-events-none"&gt;Breadcrumb&lt;/span&gt;&lt;/li&gt;
+&lt;/ol&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Icon</h5>
+                </div>
+                <div class="p-4">
+                    <ol class="flex gap-1 items-center text-sm">
+                        <li class="flex items-center"><a href="index.html"
+                                class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white flex items-center">
+                                <span class="icon-[lucide--home] text-lg leading-tight"></span></a></li>
+                        <li class="flex items-center opacity-30 leading-none">
+                            <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                        <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                        <li class="flex items-center opacity-30 leading-none">
+                            <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                        <li class="flex items-center"><span class="pointer-events-none">Breadcrumb</span></li>
+                    </ol>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;ol class="flex gap-1 items-center text-sm"&gt;
+    &lt;li class="flex items-center"&gt;&lt;a href="index.html"
+            class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white flex items-center"&gt;
+            &lt;span class="icon-[lucide--home] text-lg leading-tight"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
+    &lt;li class="flex items-center opacity-30 leading-none"&gt;
+        &lt;span class="icon-[lucide--chevron-right] rtl:rotate-180"&gt;&lt;/span&gt;&lt/li&gt;
+    &lt;li class="flex items-center"&gt;&lt;span class="pointer-events-none"&gt;Components&lt;/span&gt;&lt;/li&gt;
+    &lt;li class="flex items-center opacity-30 leading-none"&gt;
+        &lt;span class="icon-[lucide--chevron-right] rtl:rotate-180"&gt;&lt;/span&gt;&lt;/li&gt;
+    &lt;li class="flex items-center"&gt;&lt;span class="pointer-events-none"&gt;Breadcrumb&lt;/span&gt;&lt;/li&gt;
+&lt;/ol&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Custom divider</h5>
+                </div>
+                <div class="p-4">
+                    <ol class="flex gap-1 items-center text-sm">
+                        <li class="flex items-center"><a href="index.html"
+                                class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white flex items-center">
+                            Home</a></li>
+                        <li class="flex items-center opacity-30 leading-none">
+                            <span class="size-1 bg-current rounded-full mx-1"></span></li>
+                        <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                         <li class="flex items-center opacity-30 leading-none">
+                            <span class="size-1 bg-current rounded-full mx-1"></span></li>
+                        <li class="flex items-center"><span class="pointer-events-none">Breadcrumb</span></li>
+                    </ol>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;ol class="flex gap-1 items-center text-sm"&gt;
+    &lt;li class="flex items-center"&gt;&lt;a href="index.html"
+            class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white flex items-center"&gt;
+            Home&lt;/a&gt;&lt;/li&gt;
+    &lt;li class="flex items-center opacity-30 leading-none"&gt;
+        &lt;span class="size-1 bg-current rounded-full mx-1"&gt;&lt;/span&gt;
+    &lt;/li&gt;
+    &lt;li class="flex items-center"&gt;&lt;span class="pointer-events-none"&gt;Components&lt;/span&gt;&lt;/li&gt;
+    &lt;li class="flex items-center opacity-30 leading-none"&gt;
+        &lt;span class="size-1 bg-current rounded-full mx-1"&gt;&lt;/span&gt;
+    &lt;/li&gt;
+    &lt;li class="flex items-center"&gt;&lt;span class="pointer-events-none"&gt;Breadcrumb&lt;/span&gt;&lt;/li&gt;
+&lt;/ol&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-button.html b/www/raven-demo/component-button.html
new file mode 100644
index 0000000..7fc5fee
--- /dev/null
+++ b/www/raven-demo/component-button.html
@@ -0,0 +1,1212 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item active">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Button</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Button</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Variant</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <button class="btn btn-default">
+                            Default
+                        </button>
+                        <button class="btn bg-primary hover:bg-primary-deep text-white">
+                            Fill button
+                        </button>
+                        <button class="btn text-current hover:text-primary">
+                            Flat
+                        </button>
+                        <div class="flex-grow w-full"></div>
+                        <button class="btn btn-default disabled:opacity-60 disabled:pointer-events-none" disabled>
+                            Disabled
+                        </button>
+                        <button
+                            class="btn bg-primary hover:bg-primary-deep text-white disabled:opacity-60 disabled:pointer-events-none"
+                            disabled>
+                            Disabled
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button class="btn btn-default"&gt; Default &lt;/button&gt;
+
+&lt;button class="btn flex items-center justify-center bg-primary hover:bg-primary-deep text-white"&gt;
+ Fill button
+&lt;/button&gt;
+
+&lt;button class="btn text-current hover:text-primary"&gt;
+ Flat
+&lt;/button&gt;
+
+&lt;button class="btn btn-default disabled:opacity-60 disabled:pointer-events-none" disabled&gt;
+    Disabled
+&lt;/button&gt;
+&lt;button class="btn bg-primary hover:bg-primary-deep text-white disabled:opacity-60 disabled:pointer-events-none"
+    disabled&gt;
+    Disabled
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+
+
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Sizing</h5>
+                </div>
+                <div class="p-4">
+
+                    <div class="flex flex-wrap items-center gap-2">
+
+                        <button class="btn btn-sm bg-primary hover:bg-primary-deep text-white">
+                            Small
+                        </button>
+                        <button class="btn bg-primary hover:bg-primary-deep text-white">
+                            Default
+                        </button>
+                        <button class="btn btn-lg bg-primary hover:bg-primary-deep text-white">
+                            Large
+                        </button>
+                        <div class="flex-grow w-full">
+                            <button class="btn bg-primary w-full hover:bg-primary-deep text-white">
+                                Block level
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button class="btn btn-sm bg-primary hover:bg-primary-deep text-white"&gt;
+ Small
+&lt;/button&gt;
+
+&lt;button class="btn bg-primary hover:bg-primary-deep text-white"&gt;
+ Default
+&lt;/button&gt;
+
+&lt;button class="btn btn-lg bg-primary hover:bg-primary-deep text-white"&gt;
+ Large
+&lt;/button&gt;
+
+&lt;button class="btn bg-primary w-full hover:bg-primary-deep text-white"&gt;
+  Block level
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+
+
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Icon</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <button class="btn btn-default">
+                            <span class="icon-[lucide--component] text-lg me-2"></span> Explore Apps
+                        </button>
+                        <button class="btn btn-default">
+                            <span class="icon-[lucide--component] text-lg ms-2 order-last"></span> Explore Apps
+                        </button>
+                        <div class="w-full flex-grow">
+                            <span class="block mb-2 text-xs">Icon only with tooltip</span>
+                            <button class="btn btn-default" data-bs-toggle="tooltip" data-bs-title="Explore Apps">
+                                <span class="icon-[lucide--component] text-xl"></span>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button class="btn btn-default"&gt;
+ &lt;span class="icon-[lucide--component] text-lg me-2"&gt;&lt;/span&gt; Explore Apps
+&lt;/button&gt;
+
+&lt;button class="btn btn-default"&gt;
+ &lt;span class="icon-[lucide--component] text-lg ms-2 order-last"&gt;&lt;/span&gt; Explore Apps
+&lt;/button&gt;
+
+&lt;button class="btn btn-default" data-bs-toggle="tooltip" data-bs-title="Explore Apps"&gt;
+  &lt;span class="icon-[lucide--component] text-xl"&gt; &lt;/span&gt;
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+
+
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Shapes</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <button class="btn btn-default !rounded-full !px-4">
+                            Radius full
+                        </button>
+                        <button class="btn btn-default !rounded-none">
+                            Radius none
+                        </button>
+                        <button class="btn btn-default !rounded-tl-2xl !rounded-br-2xl">
+                            Radius Custom
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button class="btn btn-default !rounded-full !px-4"&gt;
+ Radius full
+&lt;/button&gt;
+
+&lt;button class="btn btn-default !rounded-none"&gt;
+ Radius none
+&lt;/button&gt;
+
+&lt;button class="btn btn-default !rounded-tl-2xl !rounded-br-2xl"&gt;
+ Radius Custom
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Group</h5>
+                </div>
+                <div class="p-4 flex flex-wrap gap-2">
+                    <!--:Button group:-->
+                    <div class="flex items-center" role="group">
+                        <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Move to Trash"
+                            type="button"
+                            class="size-8 flex items-center justify-center cursor-pointer rounded-s-lg border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--trash] text-lg"></span>
+                        </button>
+                        <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Move to Archive"
+                            type="button"
+                            class="size-8 flex items-center justify-center cursor-pointer border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--archive] text-lg"></span>
+                        </button>
+                        <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Mark all as read"
+                            type="button"
+                            class="size-8 flex items-center justify-center cursor-pointer border border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--mail-open] text-lg"></span>
+                        </button>
+                        <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Forward" type="button"
+                            class="size-8 flex items-center justify-center cursor-pointer border-s-0 border rounded-e-lg border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--forward] text-lg">forward</span>
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Button group:--&gt;
+&lt;div class="flex items-center" role="group"&gt;
+    &lt;button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Move to Trash" type="button"
+        class="size-8 flex items-center justify-center cursor-pointer rounded-s-lg border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800"&gt;
+        &lt;span class="icon-[lucide--trash] text-lg"&gt;&lt;/span&gt;
+    &lt;/button&gt;
+    &lt;button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Move to Archive" type="button"
+        class="size-8 flex items-center justify-center cursor-pointer border border-e-0 border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800"&gt;
+        &lt;span class="icon-[lucide--archive] text-lg"&gt;&lt;/span&gt;
+    &lt;/button&gt;
+    &lt;button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Mark all as read" type="button"
+        class="size-8 flex items-center justify-center cursor-pointer border border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800"&gt;
+        &lt;span class="icon-[lucide--mail-open] text-lg"&gt;&lt;/span&gt;
+    &lt;/button&gt;
+    &lt;button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Forward" type="button"
+        class="size-8 flex items-center justify-center cursor-pointer border-s-0 border rounded-e-lg border-zinc-200 shadow-xs dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-800"&gt;
+        &lt;span class="icon-[lucide--forward] text-lg"&gt;forward&lt;/span&gt;
+    &lt;/button&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-card.html b/www/raven-demo/component-card.html
new file mode 100644
index 0000000..cfc6397
--- /dev/null
+++ b/www/raven-demo/component-card.html
@@ -0,0 +1,1416 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item active">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Card</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Card</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex flex-col flex-grow">
+            <!--:Card:-->
+            <div class="mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Default</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-sm">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Card title</h5>
+                            </div>
+                            <div class="p-4">
+                                Card content...
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card"&gt;
+    &lt;div class="px-4 pt-4"&gt;
+        &lt;h5 class="text-lg"&gt;Card title&lt;/h5&gt;
+    &lt;/div&gt;
+    &lt;div class="p-4"&gt;
+        Card content...
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div class="mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Footer</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-sm">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                            <!--:Card header:-->
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Card title</h5>
+                            </div>
+                            <!--:Content:-->
+                            <div class="p-4">
+                                Card content...
+                            </div>
+                            <!--:Footer:-->
+                            <div class="px-4 py-2.5 bg-zinc-50 dark:bg-zinc-800">
+                                Card footer
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden"&gt;
+    &lt;!--:Card header:--&gt;
+    &lt;div class="px-4 pt-4"&gt;
+        &lt;h5 class="text-lg"&gt;Card title&lt;/h5&gt;
+    &lt;/div&gt;
+    &lt;!--:Content:--&gt;
+    &lt;div class="p-4"&gt;
+        Card content...
+    &lt;/div&gt;
+    &lt;!--:Footer:--&gt;
+    &lt;div class="px-4 py-2.5 bg-zinc-50 dark:bg-zinc-800"&gt;
+        Card footer
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div class="overflow-hidden rounded-xl mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Action Dropdown</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-sm">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Card title</h5>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-40 !start-auto !end-0 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            Dropdown item
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            More item here
+                                        </a>
+                                        <hr class="border-zinc-200 dark:border-white/5 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            Another item
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="p-4">
+                                Card content...
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card"&gt;
+    &lt;div class="px-4 pt-4 flex items-center justify-between"&gt;
+        &lt;h5 class="text-lg"&gt;Card title&lt;/h5&gt;
+        &lt;!--:Dropdown:--&gt;
+        &lt;div class="relative"&gt;
+            &lt;button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown"&gt;
+                &lt;span class="icon-[lucide--more-vertical] text-lg"&gt;&lt;/span&gt;
+            &lt;/button&gt;
+            &lt;div class="dropdown-menu z-50 absolute min-w-40 !start-auto !end-0 top-full"&gt;
+                &lt;a href="#!" class="dropdown-item"&gt;
+                    Dropdown item
+                &lt;/a&gt;
+                &lt;a href="#!" class="dropdown-item"&gt;
+                    More item here
+                &lt;/a&gt;
+                &lt;hr class="border-zinc-200 dark:border-white/5 -mx-2 my-2"&gt;
+                &lt;a href="#!" class="dropdown-item"&gt;
+                    Another item
+                &lt;/a&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class="p-4"&gt;
+        Card content...
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="overflow-hidden mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Action button</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-sm">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Card title</h5>
+                                <button type="button" class="btn btn-sm btn-default">Export data</button>
+                            </div>
+                            <div class="p-4">
+                                Card content...
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card"&gt;
+    &lt;div class="px-4 pt-4 flex items-center justify-between"&gt;
+        &lt;h5 class="text-lg"&gt;Card title&lt;/h5&gt;
+        &lt;button type="button" class="btn btn-sm btn-default"&gt;Export data&lt;/button&gt;
+    &lt;/div&gt;
+    &lt;div class="p-4"&gt;
+        Card content...
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="overflow-hidden mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Thumbnail + Link</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-xs">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                            <div class="p-1">
+                                <!--:Thumbnail:-->
+                                <img src="images/projects/1.jpg" class="max-w-full rounded-lg" alt="">
+                            </div>
+                            <!--:Content:-->
+                            <div class="p-4 pt-2">
+                                <!--:Title:-->
+                                <h5 class="text-lg mb-1">Abstract design</h5>
+                                <p class="line-clamp-2">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                                    industries for previewing layouts and visual mockups.
+                                </p>
+                            </div>
+                            <!--:Footer:-->
+                            <div class="flex items-center justify-between px-4 py-2.5">
+                                <div class="flex items-center gap-2">
+                                    <img src="images/avatars/thumb-1.jpg" class="rounded-full w-6" alt="">
+                                    <h6>Kethy Miller</h6>
+                                </div>
+                                <div class="flex items-center gap-3">
+                                    <div class="inline-flex items-center text-sm">
+                                        <span class="icon-[lucide--heart] me-1"></span>
+                                        27
+                                    </div>
+                                    <div class="inline-flex items-center text-sm">
+                                        <span class="icon-[lucide--message-circle-more] me-1"></span>
+                                        16
+                                    </div>
+                                </div>
+                            </div>
+                            <!--:Link:-->
+                            <a href="#!" class="block inset-0 absolute"></a>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card"&gt;
+    &lt;div class="p-1"&gt;
+        &lt;!--:Thumbnail:--&gt;
+        &lt;img src="images/projects/1.jpg" class="max-w-full rounded-lg" alt=""&gt;
+    &lt;/div&gt;
+    &lt;!--:Content:--&gt;
+    &lt;div class="p-4 pt-2"&gt;
+        &lt;!--:Title:--&gt;
+        &lt;h5 class="text-lg mb-1"&gt;Abstract design&lt;/h5&gt;
+        &lt;p class="line-clamp-2"&gt;
+            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+            industries for previewing layouts and visual mockups.
+        &lt;/p&gt;
+    &lt;/div&gt;
+    &lt;!--:Footer:--&gt;
+    &lt;div class="flex items-center justify-between px-4 py-2.5 border-t border-zinc-200 dark:border-zinc-800"&gt;
+        &lt;div class="flex items-center gap-2"&gt;
+            &lt;img src="images/avatars/thumb-1.jpg" class="rounded-full w-6" alt=""&gt;
+            &lt;h6&gt;Kethy Miller&lt;/h6&gt;
+        &lt;/div&gt;
+        &lt;div class="flex items-center gap-3"&gt;
+            &lt;div class="inline-flex items-center text-sm"&gt;
+                &lt;span class="icon-[lucide--heart] me-1"&gt;&lt;/span&gt;
+                27
+            &lt;/div&gt;
+            &lt;div class="inline-flex items-center text-sm"&gt;
+                &lt;span class="icon-[lucide--message-circle-more] me-1"&gt;&lt;/span&gt;
+                16
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    &lt;!--:Link:--&gt;
+    &lt;a href="#!" class="block inset-0 absolute"&gt;&lt;/a&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="overflow-hidden mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Border</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-sm">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800">
+                            <div class="px-4 py-2.5 border-b border-zinc-200 dark:border-zinc-800">
+                                <h5 class="text-lg">Card title</h5>
+                            </div>
+                            <div class="p-4">
+                                Card content...
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div class="rounded-xl bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800"&gt;
+    &lt;div class="px-4 py-2.5 border-b border-zinc-200 dark:border-zinc-800"&gt;
+        &lt;h5 class="text-lg"&gt;Card title&lt;/h5&gt;
+    &lt;/div&gt;
+    &lt;div class="p-4"&gt;
+        Card content...
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div class="overflow-hidden mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Custom card</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-sm">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-lg overflow-hidden shadow-card bg-white dark:bg-zinc-950 border border-primary">
+                            <div class="px-4 py-2.5 bg-primary">
+                                <h5 class="text-lg !text-white">Card title</h5>
+                            </div>
+                            <div class="p-4">
+                                Card content...
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div class="rounded-lg overflow-hidden shadow-card bg-white dark:bg-zinc-950 border border-primary"&gt;
+    &lt;div class="px-4 py-2.5 bg-primary"&gt;
+        &lt;h5 class="text-lg !text-white"&gt;Card title&lt;/h5&gt;
+    &lt;/div&gt;
+    &lt;div class="p-4"&gt;
+        Card content...
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div class="overflow-hidden mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Card collapse + refresher</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-sm">
+                        <!--:Card:-->
+                        <div class="rounded-lg relative overflow-hidden shadow-card bg-white dark:bg-zinc-900">
+                             <!--:Card refresher:-->
+                                    <div class="card-overlay absolute inset-0 p-4 bg-zinc-900/10 backdrop-blur flex items-center justify-center z-[1]"
+                                        style="display: none;">
+                                        <!--:Spinner:-->
+                                        <svg class="animate-spin size-5 text-primary me-3"
+                                            xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                                            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"
+                                                stroke-width="4"></circle>
+                                            <path class="" fill="currentColor"
+                                                d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
+                                            </path>
+                                        </svg>
+                                    </div>
+                            <div class="px-4 py-4 flex items-center justify-between">
+                                <h5 class="text-lg">Card title</h5>
+                                <div class="shrink-0">
+                                    <div class="flex items-center gap-1">
+                                        <button aria-expanded="true"
+                                            class="card-arrow btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            data-bs-toggle="collapse" data-bs-target="#cardCollapse">
+                                            <span class="icon-[lucide--chevron-up] text-lg"></span>
+                                        </button>
+                                        <button data-refresh
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                            <span class="icon-[tabler--reload]"></span>
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="collapse show" id="cardCollapse">
+                                <div class="p-4 pt-0 relative overflow-hidden">
+                                   
+                                    <div>
+                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div class="rounded-lg relative overflow-hidden shadow-card bg-white dark:bg-zinc-900"&gt;
+ &lt;!--:Card refresher:--&gt;
+            &lt;div class="card-overlay absolute inset-0 p-4 bg-zinc-900/10 backdrop-blur flex items-center justify-center z-[1]"
+                style="display: none;"&gt;
+                &lt;!--:Spinner:--&gt;
+                &lt;svg class="animate-spin size-5 text-primary me-3" xmlns="http://www.w3.org/2000/svg" fill="none"
+                    viewBox="0 0 24 24"&gt;
+                    &lt;circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"&gt;&lt;/circle&gt;
+                    &lt;path class="" fill="currentColor"
+                        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"&gt;
+                    &lt;/path&gt;
+                &lt;/svg&gt; &lt;small&gt;Reloading...&lt;/small&gt;
+            &lt;/div&gt;
+    &lt;div class="px-4 py-4 flex items-center justify-between"&gt;
+        &lt;h5 class="text-lg"&gt;Card title&lt;/h5&gt;
+        &lt;div class="shrink-0"&gt;
+            &lt;div class="flex items-center gap-1"&gt;
+                &lt;button aria-expanded="true"
+                    class="card-arrow btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                    data-bs-toggle="collapse" data-bs-target="#cardCollapse"&gt;
+                    &lt;span class="icon-[lucide--chevron-up]"&gt;&lt;/span&gt;
+                &lt;/button&gt;
+                &lt;button data-refresh
+                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"&gt;
+                    &lt;span class="icon-[tabler--reload]"&gt;&lt;/span&gt;
+                &lt;/button&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class="collapse show" id="cardCollapse"&gt;
+        &lt;div class="p-4 pt-0 relative overflow-hidden"&gt;
+           
+            &lt;div&gt;
+               Content.....
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-chart.html b/www/raven-demo/component-chart.html
new file mode 100644
index 0000000..a55df33
--- /dev/null
+++ b/www/raven-demo/component-chart.html
@@ -0,0 +1,1545 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Chart</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Chart</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Line Chart</h5>
+                </div>
+                <div>
+                    <div class="overflow-hidden md:pe-4">
+                        <div id="chart_line"></div>
+                    </div>
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Chart HTML:--&gt;
+&lt;div id="chart_line"&gt;&lt;/div&gt;
+
+&lt;!--:Dashboard scripts:--&gt;
+&lt;script src="vendor/js/apexcharts.min.js"&gt;&lt;/script&gt;
+&lt;script&gt;
+    var options = {
+        colors: ['var(--color-primary)', 'var(--color-orange-400)', 'var(--color-blue-300)'],
+        series: [{
+            name: "Organic",
+            data: [5120, 4800, 5330, 4990, 5450, 5100, 5580, 4950, 5700]
+        },
+        {
+            name: "Referral",
+            data: [3620, 3750, 3400, 3900, 3580, 4000, 3700, 3880, 3550]
+        },
+        {
+            name: "Ads",
+            data: [3200, 4100, 3300, 4450, 3700, 4290, 3600, 4700, 3400]
+        }
+        ],
+        chart: {
+            height: 320,
+            type: 'line',
+            fontFamily: "inherit",
+            toolbar: {
+                show: false
+            },
+            zoom: {
+                enabled: false
+            },
+        },
+        dataLabels: {
+            enabled: false
+        },
+        stroke: {
+            curve: 'smooth',
+            width: 2,
+            dashArray: [0, 0, 6]
+        },
+        grid: {
+            strokeDashArray: 4,
+
+        },
+        xaxis: {
+            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
+            axisBorder: {
+                show: false
+            },
+            axisTicks: {
+                show: false
+            }
+        },
+        tooltip: {
+            y: {
+                formatter: function (value) {
+                    return "$" + value;
+                }
+            }
+        }
+    };
+    var chart = new ApexCharts(document.querySelector("#chart_line"), options);
+    chart.render();
+&lt;/script&gt;
+</code></pre>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Chart Bar</h5>
+                </div>
+                <div>
+                    <div class="overflow-hidden md:pe-4">
+                        <div id="chart_bar"></div>
+                    </div>
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Chart HTML:--&gt;
+&lt;div id="chart_bar"&gt;&lt;/div&gt;
+
+&lt;!--:Apex Bar Chart:--&gt;
+&lt;script src="vendor/js/apexcharts.min.js"&gt;&lt;/script&gt;
+&lt;script&gt;
+    var options = {
+        colors: ['var(--color-primary)', 'var(--color-orange-500)', 'var(--color-blue-300)'],
+        series: [{
+            name: "Organic",
+            data: [5120, 4800, 5330, 4990, 5450, 5100, 5580, 4950, 5700]
+        },
+        {
+            name: "Referral",
+            data: [3620, 3750, 3400, 3900, 3580, 4000, 3700, 3880, 3550]
+        },
+        {
+            name: "Direct",
+            data: [3200, 4100, 3300, 4450, 3700, 4290, 3600, 4700, 3400]
+        }
+        ],
+        chart: {
+            height: 290,
+            type: 'bar',
+            fontFamily: "inherit",
+            toolbar: {
+                show: false
+            },
+            zoom: {
+                enabled: false
+            },
+
+        },
+        stroke: {
+            show: true,
+            width: 2,
+            colors: ['transparent']
+        },
+        dataLabels: {
+            enabled: false
+        },
+        plotOptions: {
+            bar: {
+                horizontal: false,
+                columnWidth: '55%',
+                borderRadius: 2,
+                borderRadiusApplication: 'end'
+            }
+        },
+        grid: {
+            strokeDashArray: 4,
+
+        },
+        xaxis: {
+            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
+            axisBorder: {
+                show: false
+            },
+            axisTicks: {
+                show: false
+            }
+        },
+        legend: {
+            show: false
+        }
+    };
+    var chart = new ApexCharts(document.querySelector("#chart_bar"), options);
+    chart.render();
+&lt;/script&gt;
+</code></pre>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Chart Mixed</h5>
+                </div>
+                <div>
+                    <div class="overflow-hidden md:pe-4">
+                        <div id="chart_mixed"></div>
+                    </div>
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Chart HTML:--&gt;
+&lt;div id="chart_bar"&gt;&lt;/div&gt;
+
+&lt;!--:Apex Mixed Chart script:--&gt;
+&lt;script src="vendor/js/apexcharts.min.js"&gt;&lt;/script&gt;
+&lt;script&gt;
+    var optionsMixed = {
+        colors: ['var(--color-primary)', 'var(--color-cyan-300)', 'var(--color-blue-500)'],
+        series: [{
+            name: 'TEAM A',
+            type: 'column',
+            data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30]
+        }, {
+            name: 'TEAM B',
+            type: 'area',
+            data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43]
+        }, {
+            name: 'TEAM C',
+            type: 'line',
+            data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39]
+        }],
+        chart: {
+            height: 350,
+            type: 'line',
+            stacked: false,
+            fontFamily: "inherit",
+            toolbar: {
+                show: false
+            },
+            zoom: {
+                enabled: false
+            },
+        },
+        stroke: {
+            width: [0, 3, 3],
+            curve: 'smooth'
+        },
+        plotOptions: {
+            bar: {
+                columnWidth: '50%'
+            }
+        },
+        fill: {
+            opacity: [0.85, 0.25, 1],
+            gradient: {
+                inverseColors: false,
+                shade: 'light',
+                type: "vertical",
+                opacityFrom: 0.85,
+                opacityTo: 0.55,
+                stops: [0, 100, 100, 100]
+            }
+        },
+        markers: {
+            size: 0
+        },
+        grid: {
+            strokeDashArray: 4,
+
+        },
+        xaxis: {
+            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov'],
+            axisBorder: {
+                show: false
+            },
+            axisTicks: {
+                show: false
+            }
+        },
+        tooltip: {
+            shared: true,
+            intersect: false,
+            y: {
+                formatter: function (y) {
+                    if (typeof y !== "undefined") {
+                        return y.toFixed(0) + " points";
+                    }
+                    return y;
+
+                }
+            }
+        }
+    };
+    var chartMixed = new ApexCharts(document.querySelector("#chart_mixed"), optionsMixed);
+    chartMixed.render();
+&lt;/script&gt;
+</code></pre>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Chart Donut</h5>
+                </div>
+                <div>
+                    <div class="overflow-hidden p-4">
+                        <div id="chart_donut"></div>
+                    </div>
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Chart HTML:--&gt;
+&lt;div id="chart_donut"&gt;&lt;/div&gt;
+
+&lt;!--:Apex Donut Chart script:--&gt;
+&lt;script src="vendor/js/apexcharts.min.js"&gt;&lt;/script&gt;
+&lt;script&gt;
+    var optionsDonut = {
+        series: [45, 35, 20],
+        labels: ['Desktop', 'Tablet', 'Mobile'],
+        colors: ['var(--color-primary)', 'var(--color-orange-500)', 'var(--color-blue-500)'],
+        chart: {
+            type: 'donut',
+            fontFamily: 'inherit',
+            width: '250'
+        },
+        legend: {
+            show: false
+        },
+        dataLabels: {
+            enabled: false
+        },
+        stroke: {
+            show: false,
+            width: 0
+        },
+    };
+
+    var chartDonut = new ApexCharts(document.querySelector("#chart_donut"), optionsDonut);
+    chartDonut.render();
+&lt;/script&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Dashboard scripts:-->
+    <script src="vendor/js/apexcharts.min.js"></script>
+    <script>
+        var options = {
+            colors: ['var(--color-primary)', 'var(--color-orange-400)', 'var(--color-blue-300)'],
+            series: [{
+                name: "Organic",
+                data: [5120, 4800, 5330, 4990, 5450, 5100, 5580, 4950, 5700]
+            },
+            {
+                name: "Referral",
+                data: [3620, 3750, 3400, 3900, 3580, 4000, 3700, 3880, 3550]
+            },
+            {
+                name: "Ads",
+                data: [3200, 4100, 3300, 4450, 3700, 4290, 3600, 4700, 3400]
+            }
+            ],
+            chart: {
+                height: 320,
+                type: 'line',
+                fontFamily: "inherit",
+                toolbar: {
+                    show: false
+                },
+                zoom: {
+                    enabled: false
+                },
+
+            },
+            dataLabels: {
+                enabled: false
+            },
+            stroke: {
+                curve: 'smooth',
+                width: 2,
+                dashArray: [0, 0, 6]
+            },
+            grid: {
+                strokeDashArray: 4,
+
+            },
+            xaxis: {
+                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
+                axisBorder: {
+                    show: false
+                },
+                axisTicks: {
+                    show: false
+                }
+            },
+
+            tooltip: {
+                y: {
+                    formatter: function (value) {
+                        return "$" + value;
+                    }
+                }
+            }
+        };
+
+        var chart = new ApexCharts(document.querySelector("#chart_line"), options);
+        chart.render();
+
+    </script>
+
+    <script>
+        var options = {
+            colors: ['var(--color-primary)', 'var(--color-orange-500)', 'var(--color-blue-300)'],
+            series: [{
+                name: "Organic",
+                data: [5120, 4800, 5330, 4990, 5450, 5100, 5580, 4950, 5700]
+            },
+            {
+                name: "Referral",
+                data: [3620, 3750, 3400, 3900, 3580, 4000, 3700, 3880, 3550]
+            },
+            {
+                name: "Direct",
+                data: [3200, 4100, 3300, 4450, 3700, 4290, 3600, 4700, 3400]
+            }
+            ],
+            chart: {
+                height: 290,
+                type: 'bar',
+                fontFamily: "inherit",
+                toolbar: {
+                    show: false
+                },
+                zoom: {
+                    enabled: false
+                },
+
+            },
+            stroke: {
+                show: true,
+                width: 2,
+                colors: ['transparent']
+            },
+            dataLabels: {
+                enabled: false
+            },
+            plotOptions: {
+                bar: {
+                    horizontal: false,
+                    columnWidth: '55%',
+                    borderRadius: 2,
+                    borderRadiusApplication: 'end'
+                }
+            },
+            grid: {
+                strokeDashArray: 4,
+
+            },
+            xaxis: {
+                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
+                axisBorder: {
+                    show: false
+                },
+                axisTicks: {
+                    show: false
+                }
+            },
+            legend: {
+                show: false
+            }
+        };
+
+        var chart = new ApexCharts(document.querySelector("#chart_bar"), options);
+        chart.render();
+    </script>
+
+    <script>       
+        var optionsMixed = {
+            colors: ['var(--color-primary)', 'var(--color-sky-300)', 'var(--color-pink-500)'],
+          series: [{
+          name: 'TEAM A',
+          type: 'column',
+          data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30]
+        }, {
+          name: 'TEAM B',
+          type: 'area',
+          data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43]
+        }, {
+          name: 'TEAM C',
+          type: 'line',
+          data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39]
+        }],
+          chart: {
+          height: 350,
+          type: 'line',
+          stacked: false,
+           fontFamily: "inherit",
+                toolbar: {
+                    show: false
+                },
+                zoom: {
+                    enabled: false
+                },
+        },
+        stroke: {
+          width: [0, 3, 3],
+          curve: 'smooth'
+        },
+        plotOptions: {
+          bar: {
+            columnWidth: '50%'
+          }
+        },
+        
+        fill: {
+          opacity: [0.85, 0.25, 1],
+          gradient: {
+            inverseColors: false,
+            shade: 'light',
+            type: "vertical",
+            opacityFrom: 0.85,
+            opacityTo: 0.55,
+            stops: [0, 100, 100, 100]
+          }
+        },
+        markers: {
+          size: 0
+        },
+         grid: {
+                strokeDashArray: 4,
+
+            },
+            xaxis: {
+                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov'],
+                axisBorder: {
+                    show: false
+                },
+                axisTicks: {
+                    show: false
+                }
+            },
+        tooltip: {
+          shared: true,
+          intersect: false,
+          y: {
+            formatter: function (y) {
+              if (typeof y !== "undefined") {
+                return y.toFixed(0) + " points";
+              }
+              return y;
+        
+            }
+          }
+        }
+        };
+
+        var chartMixed = new ApexCharts(document.querySelector("#chart_mixed"), optionsMixed);
+        chartMixed.render();
+    </script>
+
+    <script>
+        var optionsDonut = {
+            series: [45, 35, 20],
+            labels: ['Desktop', 'Tablet', 'Mobile'],
+            colors: ['var(--color-primary)', 'var(--color-orange-500)', 'var(--color-blue-500)'],
+            chart: {
+                type: 'donut',
+                fontFamily: 'inherit',
+                width: '250'
+            },
+            legend: {
+                show: false
+            },
+            dataLabels: {
+                enabled: false
+            },
+            stroke: {
+                show: false,
+                width: 0
+            },
+        };
+
+        var chartDonut = new ApexCharts(document.querySelector("#chart_donut"), optionsDonut);
+        chartDonut.render();
+    </script>
+
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-collapse.html b/www/raven-demo/component-collapse.html
new file mode 100644
index 0000000..7c9d5db
--- /dev/null
+++ b/www/raven-demo/component-collapse.html
@@ -0,0 +1,1189 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item active">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Collapse</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Collapse</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Basic</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-md">
+                        <!--:Collapse trigger button:-->
+                        <button type="button" class="btn btn-default mb-2" data-bs-toggle="collapse"
+                            data-bs-target="#collapseBasic">Show collapse</button>
+                        <!--:Collapse:-->
+                        <div class="collapse" id="collapseBasic">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                            laboris nisi ut aliquip ex ea commodo consequat.
+                        </div>
+                    </div>
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Collapse trigger button:--&gt;
+&lt;button type="button" class="btn btn-default mb-2" data-bs-toggle="collapse" data-bs-target="#collapseBasic"&gt;Show
+    collapse
+&lt;/button&gt;
+&lt;!--:Collapse:--&gt;
+&lt;div class="collapse" id="collapseBasic"&gt;
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Show more/less</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-md">
+                        <!--:Show more less content:-->
+                        <div>
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                            labore et dolore magna aliqua Ut enim
+                            <!--:More content:-->
+                            <p class="collapse" id="collapseMore">
+                                minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
+                                dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                culpa qui officia deserunt mollit anim id est laborum.
+                            </p>
+                        </div>
+                        <!--:Button:-->
+                        <button class="border-b border-dashed border-zinc-200 cursor-pointer" data-bs-toggle="collapse" data-bs-target="#collapseMore">
+                            <span class="show-more text-primary inline-flex items-center">Show more <span class="icon-[lucide--plus]"></span></span>
+                            <span class="show-less items-center">Show less <span class="icon-[iconoir--minus]"></span></span>
+                        </button>
+                    </div>
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Show more less content:--&gt;
+&lt;div&gt;
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+    labore et dolore magna aliqua Ut enim
+    &lt;!--:More content:--&gt;
+    &lt;p class="collapse" id="collapseMore"&gt;
+        minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
+        dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+        culpa qui officia deserunt mollit anim id est laborum.
+    &lt;/p&gt;
+&lt;/div&gt;
+&lt;!--:Button:--&gt;
+&lt;button class="border-b border-dashed border-zinc-200 cursor-pointer" data-bs-toggle="collapse" data-bs-target="#collapseMore"&gt;
+    &lt;span class="show-more text-primary inline-flex items-center"&gt;
+        Show more &lt;span class="icon-[lucide--plus]"&gt;&lt;/span&gt;
+    &lt;/span&gt;
+    &lt;span class="show-less items-center"&gt;
+        Show less &lt;span class="icon-[iconoir--minus]"&gt;&lt;/span&gt;
+    &lt;/span&gt;
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Group</h5>
+                </div>
+                <div class="px-4">
+                    <div class="divide-y divide-zinc-200 dark:divide-zinc-800" id="accordionExample">
+                        <!--:Collapse item:-->
+                        <div class="collapse-item">
+                            <button class="flex w-full items-center justify-between cursor-pointer py-2.5" type="button"
+                                data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true"
+                                aria-controls="collapseOne">
+                                <h5 class="text-lg flex-grow truncate text-start">Accordion Item #1</h5>
+                                <span
+                                    class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-6 flex items-center justify-center"></span>
+                            </button>
+                            <div id="collapseOne" class="collapse show" data-bs-parent="#accordionExample">
+                                <div class="pb-4">
+                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+                                    incididunt ut labore et dolore magna
+                                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+                                    aliquip ex ea commodo consequat.
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Collapse item:-->
+                        <div class="collapse-item">
+                            <button class="flex w-full items-center justify-between cursor-pointer py-2.5 collapsed"
+                                type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo"
+                                aria-expanded="false" aria-controls="collapseTwo">
+                                <h5 class="text-lg flex-grow truncate text-start">Accordion Item #2</h5>
+                                <span
+                                    class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-6 flex items-center justify-center"></span>
+                            </button>
+                            <div id="collapseTwo" class="accordion-collapse collapse"
+                                data-bs-parent="#accordionExample">
+                                <div class="pb-4">
+                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+                                    incididunt ut labore et dolore magna
+                                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+                                    aliquip ex ea commodo consequat.
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Collapse item:-->
+                        <div class="collapse-item">
+                            <button class="flex w-full items-center justify-between cursor-pointer py-2.5 collapsed"
+                                type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree"
+                                aria-expanded="false" aria-controls="collapseThree">
+                                <h5 class="text-lg flex-grow truncate text-start">Accordion Item #3</h5>
+                                <span
+                                    class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-6 flex items-center justify-center"></span>
+                            </button>
+                            <div id="collapseThree" class="accordion-collapse collapse"
+                                data-bs-parent="#accordionExample">
+                                <div class="pb-4">
+                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+                                    incididunt ut labore et dolore magna
+                                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+                                    aliquip ex ea commodo consequat.
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="divide-y divide-zinc-100 dark:divide-zinc-900" id="accordionExample"&gt;
+    &lt;!--:Collapse item:--&gt;
+    &lt;div class="collapse-item"&gt;
+        &lt;button class="flex w-full items-center justify-between cursor-pointer py-2.5" type="button"
+            data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"&gt;
+            &lt;h5 class="text-lg flex-grow truncate text-start"&gt;Accordion Item #1&lt;/h5&gt;
+            &lt;span class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-6 flex items-center justify-center"&gt;&lt;/span&gt;
+        &lt;/button&gt;
+        &lt;div id="collapseOne" class="collapse show" data-bs-parent="#accordionExample"&gt;
+            &lt;div class="pb-4"&gt;
+                Content...
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    &lt;!--:Collapse item:--&gt;
+    &lt;div class="collapse-item"&gt;
+        &lt;button class="flex w-full items-center justify-between cursor-pointer py-2.5 collapsed" type="button"
+            data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"&gt;
+            &lt;h5 class="text-lg flex-grow truncate text-start"&gt;Accordion Item #2&lt;/h5&gt;
+            &lt;span class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-6 flex items-center justify-center"&gt;&lt;/span&gt;
+        &lt;/button&gt;
+        &lt;div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample"&gt;
+            &lt;div class="pb-4"&gt;
+                Content...
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    &lt;!--:Collapse item:--&gt;
+    &lt;div class="collapse-item"&gt;
+        &lt;button class="flex w-full items-center justify-between cursor-pointer py-2.5 collapsed" type="button"
+            data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false"
+            aria-controls="collapseThree"&gt;
+            &lt;h5 class="text-lg flex-grow truncate text-start"&gt;Accordion Item #3&lt;/h5&gt;
+            &lt;span class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-6 flex items-center justify-center"&gt;&lt;/span&gt;
+        &lt;/button&gt;
+        &lt;div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample"&gt;
+            &lt;div class="pb-4"&gt;
+               Content...
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-dropdown.html b/www/raven-demo/component-dropdown.html
new file mode 100644
index 0000000..bf54db4
--- /dev/null
+++ b/www/raven-demo/component-dropdown.html
@@ -0,0 +1,1245 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item active">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Dropdown</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Dropdown</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Basic</h5>
+                </div>
+                <div class="p-4">
+                    <div class="inline-block relative">
+                        <button class="btn btn-default" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                            Open Dropdown
+                        </button>
+                        <div class="dropdown-menu z-50 absolute min-w-40 top-full">
+                            <a href="#!" class="dropdown-item">
+                                Dropdown item
+                            </a>
+                            <a href="#!" class="dropdown-item">
+                                Another item
+                            </a>
+                            <a href="#!" class="dropdown-item">
+                                One more item
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="inline-block relative"&gt;
+ &lt;button class="btn btn-default" type="button" data-bs-toggle="dropdown" aria-expanded="false"&gt;
+  Open Dropdown
+ &lt;/button&gt;
+  &lt;div class="dropdown-menu z-50 absolute min-w-40 !start-0 top-full"&gt;
+     &lt;a href="#!" class="dropdown-item"&gt;
+       Dropdown item
+     &lt;/a&gt;
+     &lt;a href="#!" class="dropdown-item"&gt;
+       Another item
+     &lt;/a&gt;
+     &lt;a href="#!" class="dropdown-item"&gt;
+      One more item
+     &lt;/a&gt;
+  &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Split Icon</h5>
+                </div>
+                <div class="p-4">
+                    <!-- Example split button icon -->
+                    <div class="inline-flex items-center relative">
+                        <button type="button"
+                            class="btn bg-primary h-10 !rounded-e-none text-white hover:bg-primary-deep">Danger</button>
+                        <div class="relative">
+                            <button type="button"
+                                class="btn bg-primary h-10 !rounded-s-none text-white hover:bg-primary-deep"
+                                data-bs-toggle="dropdown" aria-expanded="false">
+                                <span class="icon-[lucide--more-vertical] text-lg"></span>
+                            </button>
+                            <ul class="dropdown-menu absolute top-full min-w-40">
+                                <li><a class="dropdown-item" href="#">Action</a></li>
+                                <li><a class="dropdown-item" href="#">Another action</a></li>
+                                <li><a class="dropdown-item" href="#">Something else</a></li>
+                                <li>
+                                    <hr class="my-2 border-zinc-200 dark:border-white/5">
+                                </li>
+                                <li><a class="dropdown-item" href="#">Separated link</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!-- Example split button icon --&gt;
+&lt;div class="inline-flex items-center relative"&gt;
+    &lt;button type="button" class="btn bg-primary h-10 !rounded-e-none text-white hover:bg-primary-deep"&gt;Danger&lt;/button&gt;
+    &lt;div class="relative"&gt;
+        &lt;button type="button" class="btn bg-primary h-10 !rounded-s-none text-white hover:bg-primary-deep"
+            data-bs-toggle="dropdown" aria-expanded="false"&gt;
+            &lt;span class="icon-[lucide--more-vertical] text-lg"&gt;&lt;/span&gt;
+        &lt;/button&gt;
+        &lt;ul class="dropdown-menu absolute top-full min-w-40"&gt;
+            &lt;li&gt;&lt;a class="dropdown-item" href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a class="dropdown-item" href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a class="dropdown-item" href="#"&gt;Something else&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;
+                &lt;hr class="my-2 border-zinc-200 dark:border-white/5"&gt;
+            &lt;/li&gt;
+            &lt;li&gt;&lt;a class="dropdown-item" href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Dropdown Icon</h5>
+                </div>
+                <div class="p-4">
+                    <div class="inline-block relative">
+                        <button class="btn btn-default" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                            Open Dropdown
+                        </button>
+                        <div class="dropdown-menu z-50 absolute min-w-48 top-full">
+                            <a href="#!" class="dropdown-item">
+                                <span class="icon-[lucide--download] dropdown-icon"></span> Dropdown item
+                            </a>
+                            <a href="#!" class="dropdown-item">
+                                <span class="icon-[lucide--trash] dropdown-icon"></span> Another item
+                            </a>
+                            <a href="#!" class="dropdown-item">
+                                <span class="icon-[lucide--share] dropdown-icon"></span> One more item
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="inline-block relative"&gt;
+ &lt;button class="btn btn-default" type="button" data-bs-toggle="dropdown" aria-expanded="false"&gt;
+  Open Dropdown
+ &lt;/button&gt;
+  &lt;div class="dropdown-menu z-50 absolute min-w-40 !start-0 top-full"&gt;
+     &lt;a href="#!" class="dropdown-item"&gt;
+      &lt;span class="icon-[lucide--download] dropdown-icon"&gt;&lt;/span&gt; Dropdown item
+     &lt;/a&gt;
+     &lt;a href="#!" class="dropdown-item"&gt;
+      &lt;span class="icon-[lucide--download] dropdown-icon"&gt;&lt;/span&gt; Another item
+     &lt;/a&gt;
+     &lt;a href="#!" class="dropdown-item"&gt;
+     &lt;span class="icon-[lucide--download] dropdown-icon"&gt;&lt;/span&gt; One more item
+     &lt;/a&gt;
+  &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Dropdown Grid</h5>
+                </div>
+                <div class="p-4">
+                    <div class="block relative">
+                        <button class="btn btn-default" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                            Open Dropdown
+                        </button>
+                        <div class="dropdown-menu z-50 absolute min-w-full !start-0 top-full">
+                            <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4">
+                                <div>
+                                    <a href="#!" class="dropdown-item">
+                                        Dropdown item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        Another item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        One more item
+                                    </a>
+                                </div>
+                                <div>
+                                    <a href="#!" class="dropdown-item">
+                                        Dropdown item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        Another item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        One more item
+                                    </a>
+                                </div>
+                                <div>
+                                    <a href="#!" class="dropdown-item">
+                                        Dropdown item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        Another item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        One more item
+                                    </a>
+                                </div>
+                                <div>
+                                    <a href="#!" class="dropdown-item">
+                                        Dropdown item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        Another item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        One more item
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="block relative"&gt;
+   &lt;button class="btn btn-default" type="button" data-bs-toggle="dropdown" aria-expanded="false"&gt;
+      Open Dropdown
+   &lt;/button&gt;
+   &lt;div class="dropdown-menu z-50 absolute min-w-full !start-0 top-full"&gt;
+      &lt;div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4"&gt;
+         &lt;div&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               Dropdown item
+            &lt;/a&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               Another item
+            &lt;/a&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               One more item
+            &lt;/a&gt;
+         &lt;/div&gt;
+         &lt;div&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               Dropdown item
+            &lt;/a&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               Another item
+            &lt;/a&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               One more item
+            &lt;/a&gt;
+         &lt;/div&gt;
+         &lt;div&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               Dropdown item
+            &lt;/a&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               Another item
+            &lt;/a&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               One more item
+            &lt;/a&gt;
+         &lt;/div&gt;
+         &lt;div&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               Dropdown item
+            &lt;/a&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               Another item
+            &lt;/a&gt;
+            &lt;a href="#!" class="dropdown-item"&gt;
+               One more item
+            &lt;/a&gt;
+         &lt;/div&gt;
+      &lt;/div&gt;
+   &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-grid.html b/www/raven-demo/component-grid.html
new file mode 100644
index 0000000..1fd023a
--- /dev/null
+++ b/www/raven-demo/component-grid.html
@@ -0,0 +1,1103 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item active">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Grid</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Grid</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Equal size columns</h5>
+                </div>
+                <div class="p-4">
+                    <small class="block mb-4"> use <code class="px-1 py-0.5 rounded bg-zinc-500 text-white leading-none">grid-cols-{n}</code> utilities to create grids with {n} equally sized columns.</small>
+                    <div class="grid grid-cols-1 lg:grid-cols-4 gap-4">
+                        <div class="p-4 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            1
+                        </div>
+                        <div class="p-4 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            2
+                        </div>
+                        <div class="p-4 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            3
+                        </div>
+                        <div class="p-4 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            4
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="grid grid-cols-1 lg:grid-cols-4 gap-4"&gt;
+    &lt;div class="p-4 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        1
+    &lt;/div&gt;
+    &lt;div class="p-4 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        2
+    &lt;/div&gt;
+    &lt;div class="p-4 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        3
+    &lt;/div&gt;
+    &lt;div class="p-4 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        4
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Col span</h5>
+                </div>
+                <div class="p-4">
+                    <div class="grid md:grid-cols-12 gap-4">
+                        <div class="p-4 md:col-span-7 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            7/12
+                        </div>
+                        <div class="p-4 md:col-span-5 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            5/12
+                        </div>
+
+                        <div class="p-4 md:col-span-8 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            8/12
+                        </div>
+                        <div class="p-4 md:col-span-4 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            4/12
+                        </div>
+
+                        <div class="p-4 md:col-span-3 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            3/12
+                        </div>
+                        <div class="p-4 md:col-span-9 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            9/12
+                        </div>
+
+                        <div class="p-4 md:col-span-3 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            3/12
+                        </div>
+                        <div class="p-4 md:col-span-4 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            4/12
+                        </div>
+                        <div class="p-4 md:col-span-5 rounded-lg bg-primary text-white rounded-lg shadow-xl">
+                            5/12
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="grid md:grid-cols-12 gap-4"&gt;
+    &lt;div class="p-4 md:col-span-7 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        7/12
+    &lt;/div&gt;
+    &lt;div class="p-4 md:col-span-5 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        5/12
+    &lt;/div&gt;
+
+    &lt;div class="p-4 md:col-span-8 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        8/12
+    &lt;/div&gt;
+    &lt;div class="p-4 md:col-span-4 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        4/12
+    &lt;/div&gt; 
+
+    &lt;div class="p-4 md:col-span-3 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        3/12
+    &lt;/div&gt;
+    &lt;div class="p-4 md:col-span-9 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        9/12
+    &lt;/div&gt;
+
+    &lt;div class="p-4 md:col-span-3 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        3/12
+    &lt;/div&gt;
+    &lt;div class="p-4 md:col-span-4 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        4/12
+    &lt;/div&gt;
+    &lt;div class="p-4 md:col-span-5 rounded-lg bg-primary text-white rounded-lg shadow-xl"&gt;
+        5/12
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+        <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-icons.html b/www/raven-demo/component-icons.html
new file mode 100644
index 0000000..046c0a9
--- /dev/null
+++ b/www/raven-demo/component-icons.html
@@ -0,0 +1,1034 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item active">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Icons</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Icons</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Example uses</h5>
+                </div>
+                <div class="p-4">
+                    <p class="mb-4">
+                        <strong><a href="https://iconify.design/" target="_blank"
+                                class="text-primary underline">Iconify</a></strong> is a open source
+                        icon sets which offers 200,000+ icons including different icons library. Raven theme uses Lucide icons from iconify -
+                        <a target="_blank"
+                            class="text-primary underline" href="https://icon-sets.iconify.design/lucide/">Lucide</a>
+                        by Lucide Contributors
+                    </p>
+                    <small class="text-sm font-mono opacity-75 block mb-2">Example</small>
+                    <div class="flex items-center mb-3">
+                      <small class="text-sm font-mono opacity-75 block me-2">Iconoir</small>  <span class="icon-[lucide--check]"></span>
+                        <span class="icon-[lucide--check] text-lg"></span>
+                        <span class="icon-[lucide--check] text-xl"></span>
+                    </div>
+                    <div class="px-4 py-2.5 rounded-lg bg-primary-subtle text-primary">Visit icons site > Select icon > Select CSS / TailwindCss from tabs > Copy and paste</div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;span class="icon-[lucide--check]"&gt;&lt;/span&gt;
+</code></pre>
+                </div>
+                <div class="px-4 pt-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                   <h5 class="mb-3">Icon in Css</h5>
+                   <span class="size-8 text-primary mb-4 flex items-center justify-center bg-zinc-200 dark:bg-zinc-800 rounded-full">
+                     <span class="icon-in-css size-5"></span>
+                   </span>
+                   
+                   <small class="text-sm font-mono opacity-75 block -mb-2">HTML/Css</small> 
+                   <pre class="my-0 !p-0"><code class="language-html my-0 !p-0 !pb-0 !bg-transparent">
+&lt;span class="size-8 mb-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-700 rounded-full"&gt;
+    &lt;span class="icon-in-css size-4">&lt;/span&gt;
+&lt;/span&gt;
+</code></pre>
+<pre class="mt-1 !p-0"><code class="language-css mt-0 !p-0 !pb-2 !bg-transparent">
+.icon-in-css{
+--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m5 13l4 4L19 7'/%3E%3C/svg%3E");
+  @apply bg-current mask-size-[100%] mask-[var(--svg)] mask-no-repeat;
+}
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-map.html b/www/raven-demo/component-map.html
new file mode 100644
index 0000000..a6e4f62
--- /dev/null
+++ b/www/raven-demo/component-map.html
@@ -0,0 +1,1094 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page css:-->
+    <link href="vendor/css/jsvectormap.min.css" rel="stylesheet">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Map</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Map</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Example</h5>
+                    <a class="text-sm text-primary" href="https://jvm-docs.vercel.app/" target="_blank">JsVectorMap</a>
+                </div>
+                <div class="p-4">
+                   <div class="max-w-md">
+                     <!--:Map:-->
+                    <div id="world-map-markers" class="w-full min-h-[230px]"></div>
+                   </div>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt!--:Map css:--&gt;
+&lt;link href="vendor/css/jsvectormap.min.css" rel="stylesheet"&gt;
+
+&lt;!--:Map HTML:--&gt;
+&lt;div id="world-map-markers" class="w-full min-h-[230px]"&gt;&lt;/div&gt;
+
+&lt;!--:Map Js:--&gt;
+&lt;script src="vendor/js/jsvectormap.min.js"&gt;&lt;/script&gt;
+&lt;script src="vendor/js/world.js"&gt;&lt;/script&gt;
+&lt;script&gt;
+    new jsVectorMap({
+        map: "world",
+        selector: "#world-map-markers",
+        zoomOnScroll: false,
+        zoomButtons: false,
+        zoomAnimate: false,
+        panOnDrag: false,
+        backgroundColor: "transparent",
+        regionStyle: {
+            initial: {
+                fill: "var(--color-primary-subtle)"
+            },
+        },
+        markers: [
+            { coords: [40.71, -74], name: "New York" },
+            { coords: [35.68, 139.69], name: "Tokyo" },
+            { coords: [28.61, 77.20], name: "Delhi" },
+            { coords: [40.42, -3.70], name: "Madrid" }
+        ],
+        markerStyle: {
+            initial: {
+                r: 6,
+                fill: "var(--color-primary)",
+                "fill-opacity": 0.9,
+                stroke: "var(--color-primary-subtle)",
+                "stroke-width": 3,
+                "stroke-opacity": 0.6
+            },
+            hover: {
+                fill: "var(--color-primary-deep)",
+                "fill-opacity": 1,
+                "stroke-width": 0
+            }
+        }
+    });
+&lt;/script&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+
+      <!--:Map:-->
+    <script src="vendor/js/jsvectormap.min.js"></script>
+    <script src="vendor/js/world.js"></script>
+    <script>
+        new jsVectorMap({
+            map: "world",
+            selector: "#world-map-markers",
+            zoomOnScroll: false,
+            zoomButtons: false,
+            zoomAnimate: false,
+            panOnDrag: false,
+            backgroundColor: "transparent",
+
+            regionStyle: {
+                initial: {
+                    fill: "var(--color-primary-subtle)"
+                },
+            },
+            markers: [
+                { coords: [40.71, -74], name: "New York" },
+                { coords: [35.68, 139.69], name: "Tokyo" },
+                { coords: [28.61, 77.20], name: "Delhi" },
+                { coords: [40.42, -3.70], name: "Madrid" }
+            ],
+
+            markerStyle: {
+                initial: {
+                    r: 6,
+                    fill: "var(--color-primary)",
+                    "fill-opacity": 0.9,
+                    stroke: "var(--color-primary-subtle)",
+                    "stroke-width": 3,
+                    "stroke-opacity": 0.6
+                },
+                hover: {
+                    fill: "var(--color-primary-deep)",
+                    "fill-opacity": 1,
+                    "stroke-width": 0
+                }
+            }
+        });
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-modal.html b/www/raven-demo/component-modal.html
new file mode 100644
index 0000000..b0a961e
--- /dev/null
+++ b/www/raven-demo/component-modal.html
@@ -0,0 +1,1252 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item active">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Modal</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Modal</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Default</h5>
+                </div>
+                <div class="p-4">
+                    <!--:Modal trigger:-->
+                    <button type="button" class="btn btn-default" data-bs-toggle="modal" data-bs-target="#modalDefault">
+                        Show modal
+                    </button>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Modal trigger:--&gt;
+&lt;button type="button" class="btn btn-default" data-bs-toggle="modal" data-bs-target="#modalDefault"&gt;
+    Show modal
+&lt;/button&gt;
+
+&lt;!--:Modal Default:--&gt;
+&lt;div id="modalDefault" role="dialog"
+    class="modal fade fixed w-full h-full left-0 top-0" tabindex="-1"&gt;
+    &lt;div class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none"&gt;
+        &lt;!--:Modal content:--&gt;
+        &lt;div
+            class="modal-content relative max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto"&gt;
+            &lt;!--:Close:--&gt;
+            &lt;button type="button"
+                class="absolute right-2 top-2 btn btn-default !p-0 !rounded-full size-8"
+                data-bs-dismiss="modal"&gt;
+                &lt;span class="icon-[lucide--x] text-xl"&gt;&lt;/span&gt;
+            &lt;/button&gt;
+            &lt;div class="p-4 lg:p-6"&gt;
+                &lt;h5 class="text-lg mb-2"&gt;Modal Title&lt;/h5&gt;
+                &lt;p&gt;
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                    labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                    laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                    non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                &lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Full width</h5>
+                </div>
+                <div class="p-4">
+                    <!--:Modal trigger:-->
+                    <button type="button" class="btn btn-default" data-bs-toggle="modal"
+                        data-bs-target="#modalFullWidth">
+                        Show modal
+                    </button>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Modal trigger:--&gt;
+&lt;button type="button" class="btn btn-default" data-bs-toggle="modal" data-bs-target="#modalFullWidth"&gt;
+    Show modal
+&lt;/button&gt;
+
+&lt;!--:Modal Full Width:--&gt;
+&lt;div id="modalFullWidth" role="dialog"
+    class="modal fade fixed w-full h-full left-0 top-0" tabindex="-1"&gt;
+    &lt;div class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none"&gt;
+        &lt;!--:Modal content:--&gt;
+        &lt;div class="modal-content relative max-w-full mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto"&gt;
+            &lt;!--:Close:--&gt;
+            &lt;button type="button"
+                class="absolute right-2 top-2 btn btn-default !p-0 !rounded-full size-8"
+                data-bs-dismiss="modal"&gt;
+                &lt;span class="icon-[lucide--x] text-xl"&gt;&lt;/span&gt;
+            &lt;/button&gt;
+            &lt;div class="p-4 lg:p-6"&gt;
+                &lt;h5 class="text-lg mb-2"&gt;Modal Title&lt;/h5&gt;
+                &lt;p&gt;
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                    labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                    laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                    non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                &lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Center aligned + scrollable</h5>
+                </div>
+                <div class="p-4">
+                    <!--:Modal trigger:-->
+                    <button type="button" class="btn btn-default" data-bs-toggle="modal" data-bs-target="#modalCenter">
+                        Show modal
+                    </button>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Modal trigger:--&gt;
+&lt;button type="button" class="btn btn-default" data-bs-toggle="modal" data-bs-target="#modalCenter"&gt;
+    Show modal
+&lt;/button&gt;
+
+&lt;!--:Modal Center + scroll:--&gt;
+&lt;div id="modalCenter" role="dialog" class="modal fixed w-full h-full left-0 top-0"
+    tabindex="-1"&gt;
+    &lt;div class="modal-dialog relative flex items-center justify-center m-4 h-[calc(100vh-2rem)] pointer-events-none"&gt;
+        &lt;!--:Modal content:--&gt;
+        &lt;div
+            class="modal-content relative overflow-hidden max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto"&gt;
+            &lt;div class="p-4 border-b border-zinc-100 dark:border-zinc-800 flex items-center justify-between"&gt;
+                &lt;h5 class="text-lg"&gt;Modal Title&lt;/h5&gt;
+                &lt;!--:Close:--&gt;
+                &lt;button type="button"
+                    class="btn btn-default !p-0 !rounded-full size-8"
+                    data-bs-dismiss="modal"&gt;
+                    &lt;span class="icon-[lucide--x] text-xl"&gt;&lt;/span&gt;
+                &lt;/button&gt;
+            &lt;/div&gt;
+            &lt;div class="h-[60vh] overflow-y-auto p-4"&gt;
+                &lt;p class="mb-4 text-lg"&gt;
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                    labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                    laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                    cupidatat
+                    non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                &lt;/p&gt;
+                &lt;p class="mb-4"&gt;
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                    labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                    laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                    cupidatat
+                    non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                &lt;/p&gt;
+                &lt;p&gt;
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                    labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                    laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                    cupidatat
+                    non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                &lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+
+    <!--:Modal Default:-->
+    <div id="modalDefault" role="dialog"
+        class="modal fade fixed w-full h-full left-0 top-0" tabindex="-1">
+        <div class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+            <!--:Modal content:-->
+            <div
+                class="modal-content relative max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                <!--:Close:-->
+                <button type="button"
+                    class="absolute right-2 top-2 btn btn-default !p-0 !rounded-full size-8"
+                    data-bs-dismiss="modal">
+                    <span class="icon-[lucide--x] text-xl"></span>
+                </button>
+                <div class="p-4 lg:p-6">
+                    <h5 class="text-lg mb-2">Modal Title</h5>
+                    <p>
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                        laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                        voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                        non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!--:Modal Full Width:-->
+    <div id="modalFullWidth" role="dialog"
+        class="modal fade fixed w-full h-full left-0 top-0" tabindex="-1">
+        <div class="modal-dialog relative p-4 min-h-[calc(100%-2rem)] pointer-events-none">
+            <!--:Modal content:-->
+            <div
+                class="modal-content relative max-w-full mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                <!--:Close:-->
+                <button type="button"
+                    class="absolute right-2 top-2 btn btn-default !p-0 !rounded-full size-8"
+                    data-bs-dismiss="modal">
+                    <span class="icon-[lucide--x] text-xl"></span>
+                </button>
+                <div class="p-4 lg:p-6">
+                    <h5 class="text-lg mb-2">Modal Title</h5>
+                    <p>
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                        laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                        voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                        non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!--:Modal Center + scroll:-->
+    <div id="modalCenter" role="dialog" class="modal fade fixed w-full h-full left-0 top-0"
+        tabindex="-1">
+        <div
+            class="modal-dialog relative flex items-center justify-center m-4 h-[calc(100vh-2rem)] pointer-events-none">
+            <!--:Modal content:-->
+            <div
+                class="modal-content overflow-hidden max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                 <div class="p-4 border-b border-zinc-100 dark:border-zinc-800 flex items-center justify-between">
+                        <h5 class="text-lg">Modal Title</h5>
+                        <!--:Close:-->
+                        <button type="button"
+                            class="btn btn-default !p-0 !rounded-full size-8"
+                            data-bs-dismiss="modal">
+                            <span class="icon-[lucide--x] text-xl"></span>
+                        </button>
+                    </div>
+                    <div class="h-[60vh] overflow-y-auto p-4">
+                        <p class="mb-4 text-lg">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                            laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                            voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                            cupidatat
+                            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                        </p>
+                        <p class="mb-4">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                            laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                            voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                            cupidatat
+                            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                        </p>
+                        <p>
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                            laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+                            voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                            cupidatat
+                            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                        </p>
+                    </div>
+            </div>
+        </div>
+    </div>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-navs.html b/www/raven-demo/component-navs.html
new file mode 100644
index 0000000..77538e2
--- /dev/null
+++ b/www/raven-demo/component-navs.html
@@ -0,0 +1,1124 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item active">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Navs</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Navs</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Vertical</h5>
+                </div>
+                <div class="p-4 max-w-sm">
+                    <!--:Nav vertical:-->
+                    <nav class="flex flex-col space-y-0.5">
+                        <a href="account-settings.html"
+                            class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--user] text-lg"></span>
+                            Profile
+                        </a>
+                        <a href="account-security.html"
+                            class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--shield-check] text-lg"></span>
+                            Security
+                        </a>
+                        <a href="account-notifications.html"
+                            class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--bell] text-lg"></span>
+                            Notifications
+                        </a>
+                        <a href="account-billing.html"
+                            class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--credit-card] text-lg"></span>
+                            Billing
+                        </a>
+                        <a href="account-integration.html"
+                            class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800">
+                            <span class="icon-[lucide--component] text-lg"></span>
+                            Integrations
+                        </a>
+                    </nav>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Nav vertical:--&gt;
+&lt;nav class="flex flex-col space-y-0.5"&gt;
+    &lt;a href="#"
+        class="px-3 py-2 gap-2.5 rounded-lg flex items-center active [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800"&gt;
+        &lt;span class="icon-[lucide--user] text-lg"&gt;&lt;/span&gt;
+        Profile
+    &lt;/a&gt;
+    &lt;a href="#"
+        class="px-3 py-2 gap-2.5 rounded-lg flex items-center [.active]:bg-primary-subtle hover:text-primary dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle dark:hover:bg-zinc-800"&gt;
+        &lt;span class="icon-[lucide--shield-check] text-lg"&gt;&lt;/span&gt;
+        Security
+    &lt;/a&gt;
+    ...
+&lt;/nav&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Horizontal + Auto scroll to active</h5>
+                </div>
+                <div class="p-4">
+                    <!--:Nav Horizontal:-->
+                    <nav class="nav-horizontal nav-fill py-2">
+                        <a href="#" class="nav-link active">
+                            <span class="icon-[lucide--activity]"></span> Timeline
+                        </a>
+                        <a href="#" class="nav-link">
+                            <span class="icon-[lucide--user]"></span> About
+                        </a>
+                        <a href="#" class="nav-link">
+                            <span class="icon-[lucide--folder]"></span> Projects
+                        </a>
+                        <a href="#" class="nav-link">
+                            <span class="icon-[lucide--settings]"></span> Settings
+                        </a>
+                    </nav>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Nav Horizontal:--&gt;
+&lt;nav class="nav-horizontal nav-fill py-2"&gt;
+    &lt;a href="#" class="nav-link active"&gt;
+        &lt;span class="icon-[lucide--activity]"&gt;&lt;/span&gt; Timeline
+    &lt;/a&gt;
+    &lt;a href="#" class="nav-link"&gt;
+        &lt;span class="icon-[lucide--user]"&gt;&lt;/span&gt; About
+    &lt;/a&gt;
+    &lt;a href="#" class="nav-link"&gt;
+        &lt;span class="icon-[lucide--folder]"&gt;&lt;/span&gt; Projects
+    &lt;/a&gt;
+    &lt;a href="#" class="nav-link"&gt;
+        &lt;span class="icon-[lucide--folder-cog]"&gt;&lt;/span&gt; Settings
+    &lt;/a&gt;
+&lt;/nav&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Horizontal optional</h5>
+                </div>
+                <div class="p-4">
+                    <!--:Nav Horizontal:-->
+                    <nav class="nav-horizontal nav-underline gap-4 flex flex-nowrap">
+                        <a href="#" class="nav-link active">
+                            <span class="icon-[lucide--activity]"></span> Timeline
+                        </a>
+                        <a href="#" class="nav-link">
+                            <span class="icon-[lucide--user]"></span> About
+                        </a>
+                        <a href="#" class="nav-link">
+                            <span class="icon-[lucide--folder]"></span> Projects
+                        </a>
+                        <a href="#" class="nav-link">
+                            <span class="icon-[lucide--settings]"></span> Settings
+                        </a>
+                    </nav>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Nav Horizontal:--&gt;
+&lt;nav class="nav-horizontal nav-underline gap-4 flex flex-nowrap"&gt;
+    &lt;a href="#" class="nav-link active"&gt;
+        &lt;span class="icon-[lucide--activity]"&gt;&lt;/span&gt; Timeline
+    &lt;/a&gt;
+    &lt;a href="#" class="nav-link"&gt;
+        &lt;span class="icon-[lucide--user]"&gt;&lt;/span&gt; About
+    &lt;/a&gt;
+    &lt;a href="#" class="nav-link"&gt;
+        &lt;span class="icon-[lucide--folder]"&gt;&lt;/span&gt; Projects
+    &lt;/a&gt;
+    &lt;a href="#" class="nav-link"&gt;
+        &lt;span class="icon-[lucide--folder-cog]"&gt;&lt;/span&gt; Settings
+    &lt;/a&gt;
+&lt;/nav&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-offcanvas.html b/www/raven-demo/component-offcanvas.html
new file mode 100644
index 0000000..c04d33d
--- /dev/null
+++ b/www/raven-demo/component-offcanvas.html
@@ -0,0 +1,1138 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item active">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Offcanvas</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Offcanvas</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Example</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <!--:Offcanvas End trigger:-->
+                        <button data-bs-target="#offcanvasDemo" data-bs-toggle="offcanvas" class="btn btn-default">
+                            Open offcanvas
+                        </button>
+                         <!--:Offcanvas Parge:-->
+                        <button data-bs-target="#offcanvasLarge" data-bs-toggle="offcanvas" class="btn btn-default">
+                            Open large
+                        </button>
+                        <!--:Offcanvas Top:-->
+                        <button data-bs-target="#offcanvasTop" data-bs-toggle="offcanvas" class="btn btn-default">
+                            Open Top
+                        </button>
+                         <!--:Offcanvas Bottom:-->
+                        <button data-bs-target="#offcanvasBottom" data-bs-toggle="offcanvas" class="btn btn-default">
+                            Open Bottom
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Offcanvas trigger:--&gt;
+&lt;button data-bs-target="#offcanvasDemo" data-bs-toggle="offcanvas" class="btn btn-default"&gt;
+    Open Offcanvas
+&lt;/button&gt;
+
+&lt;!--:Offcanvas end:--&gt;
+&lt;div class="offcanvas fixed end-0 top-0 w-72 h-full z-[70] bg-white dark:bg-zinc-900 shadow-sm transition-all ltr:translate-x-full rtl:-translate-x-full [.show]:translate-x-0"
+    tabindex="-1" id="offcanvasDemo" aria-labelledby="offcanvasDemoLabel"&gt;
+    &lt;div class="flex flex-col h-full"&gt;
+        &lt;!--:Header:--&gt;
+        &lt;div class="p-4 shrink-0 border-b border-zinc-100 dark:border-zinc-800 flex items-center justify-between"&gt;
+            &lt;h5 class="text-lg"&gt;Offcanvas Title&lt;/h5&gt;
+            &lt;!--:Close:--&gt;
+            &lt;button type="button"
+                class="btn btn-default !p-0 !rounded-full size-8"
+                data-bs-dismiss="offcanvas" aria-label="Close"&gt;
+                &lt;span class="icon-[lucide--x] text-xl"&gt;&lt;/span&gt;
+            &lt;/button&gt;
+        &lt;/div&gt;
+        &lt;!--:Content:--&gt;
+        &lt;div class="p-4 flex-grow overflow-y-auto"&gt;
+           Content...
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+
+&lt;!--:Offcanvas large:--&gt;
+&lt;div class="offcanvas fixed end-0 top-0 w-[90%] md:w-[80%] h-full z-[70] bg-white dark:bg-zinc-900 shadow-sm transition-all ltr:translate-x-full rtl:-translate-x-full [.show]:translate-x-0"
+    tabindex="-1" id="offcanvasLarge" aria-labelledby="offcanvasLargeLabel"&gt;
+&lt;/div&gt;
+
+&lt;!--:Offcanvas Top:--&gt;
+&lt;div class="offcanvas fixed start-0 top-0 w-full h-[70%] z-[70] bg-white dark:bg-zinc-900 shadow-sm transition-all -translate-y-full [.show]:translate-y-0"
+    tabindex="-1" id="offcanvasTop" aria-labelledby="offcanvasTopLabel"&gt;
+&lt;/div&gt;
+
+&lt;!--:Offcanvas Bottom:--&gt;
+&lt;div class="offcanvas fixed start-0 bottom-0 w-full h-[70%] z-[70] bg-white dark:bg-zinc-900 shadow-sm transition-all translate-y-full [.show]:translate-y-0"
+    tabindex="-1" id="offcanvasBottom" aria-labelledby="offcanvasBottomLabel"&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+        </div>
+    </main>
+
+
+    <!--:Offcanvas end:-->
+    <div class="offcanvas fixed z-[1055] end-0 top-0 h-full ltr:translate-x-full rtl:-translate-x-full max-w-[320px] bg-white dark:bg-zinc-900" tabindex="-1" id="offcanvasDemo" aria-labelledby="offcanvasDemoLabel">
+        <div class="flex flex-col h-full">
+            <!--:Header:-->
+            <div class="p-4 shrink-0 border-b border-zinc-100 dark:border-zinc-800 flex items-center justify-between">
+                <h5 class="text-lg">Offcanvas title</h5>
+                <!--:Close:-->
+                <button type="button"
+                    class="btn btn-default !p-0 !rounded-full size-8"
+                    data-bs-dismiss="offcanvas" aria-label="Close">
+                    <span class="icon-[lucide--x] text-xl"></span>
+                </button>
+            </div>
+            <!--:Content:-->
+            <div class="p-4 flex-grow overflow-y-auto">
+               Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+            </div>
+        </div>
+    </div>
+
+     <!--:Offcanvas Large:-->
+    <div class="offcanvas fixed z-[1055] end-0 top-0 h-full ltr:translate-x-full rtl:-translate-x-full max-w-[320px] md:min-w-[80%] bg-white dark:bg-zinc-900" tabindex="-1" id="offcanvasLarge" aria-labelledby="offcanvasLargeLabel">
+        <div class="flex flex-col h-full">
+            <!--:Header:-->
+            <div class="p-4 shrink-0 border-b border-zinc-100 dark:border-zinc-800 flex items-center justify-between">
+                <h5 class="text-lg">Offcanvas large title</h5>
+                <!--:Close:-->
+                <button type="button"
+                    class="btn btn-default !p-0 !rounded-full size-8"
+                    data-bs-dismiss="offcanvas" aria-label="Close">
+                    <span class="icon-[lucide--x] text-xl"></span>
+                </button>
+            </div>
+            <!--:Content:-->
+            <div class="p-4 flex-grow overflow-y-auto">
+               Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+            </div>
+        </div>
+    </div>
+
+     <!--:Offcanvas Top:-->
+    <div class="offcanvas fixed start-0 top-0 w-full h-[70%] z-[1055] bg-white dark:bg-zinc-900 -translate-y-full" tabindex="-1" id="offcanvasTop" aria-labelledby="offcanvasTopLabel">
+        <div class="flex flex-col h-full">
+            <!--:Header:-->
+            <div class="p-4 shrink-0 border-b border-zinc-100 dark:border-zinc-800 flex items-center justify-between">
+                <h5 class="text-lg">Offcanvas top title</h5>
+                <!--:Close:-->
+                <button type="button"
+                    class="btn btn-default !p-0 !rounded-full size-8"
+                    data-bs-dismiss="offcanvas" aria-label="Close">
+                    <span class="icon-[lucide--x] text-xl"></span>
+                </button>
+            </div>
+            <!--:Content:-->
+            <div class="p-4 flex-grow overflow-y-auto">
+               Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+            </div>
+        </div>
+    </div>
+
+     <!--:Offcanvas Bottom:-->
+    <div class="offcanvas fixed start-0 bottom-0 w-full h-[70%] z-[1055] bg-white dark:bg-zinc-900 translate-y-full" tabindex="-1" id="offcanvasBottom" aria-labelledby="offcanvasBottomLabel">
+        <div class="flex flex-col h-full">
+            <!--:Header:-->
+            <div class="p-4 shrink-0 border-b border-zinc-100 dark:border-zinc-800 flex items-center justify-between">
+                <h5 class="text-lg">Offcanvas bottom title</h5>
+                <!--:Close:-->
+                <button type="button"
+                    class="btn btn-default !p-0 !rounded-full size-8"
+                    data-bs-dismiss="offcanvas" aria-label="Close">
+                    <span class="icon-[lucide--x] text-xl"></span>
+                </button>
+            </div>
+            <!--:Content:-->
+            <div class="p-4 flex-grow overflow-y-auto">
+               Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+            </div>
+        </div>
+    </div>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-pagination.html b/www/raven-demo/component-pagination.html
new file mode 100644
index 0000000..20c047e
--- /dev/null
+++ b/www/raven-demo/component-pagination.html
@@ -0,0 +1,1052 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item active">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Pagination</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Pagination</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Default</h5>
+                </div>
+                <div class="p-4">
+                    <!--:Pagination:-->
+                    <div aria-label="Page navigation example" class="flex items-center gap-1 pagination">
+                        <button class="page-link" disabled type="button">Previous</button>
+                        <button class="page-link active" type="button">1</button>
+                        <button class="page-link" type="button">2</button>
+                        <button class="page-link" type="button">3</button>
+                        <button class="page-link" type="button">Next</button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Pagination:--&gt;
+&lt;div aria-label="Page navigation example" class="flex items-center gap-1 pagination"&gt;
+    &lt;button class="page-link" disabled type="button"&gt;Previous&lt;/button&gt;
+    &lt;button class="page-link active" type="button"&gt;1&lt;/button&gt;
+    &lt;button class="page-link" type="button"&gt;2&lt;/button&gt;
+    &lt;button class="page-link" type="button"&gt;3&lt;/button&gt;
+    &lt;button class="page-link" type="button"&gt;Next&lt;/button&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Arrows</h5>
+                </div>
+                <div class="p-4">
+                    <!--:Pagination:-->
+                    <div aria-label="Page navigation example" class="flex items-center gap-1 pagination">
+                        <button class="page-link" disabled type="button">
+                            <span class="icon-[lucide--chevron-left] rtl:rotate-180"></span>
+                        </button>
+                        <button class="page-link active" type="button">1</button>
+                        <button class="page-link" type="button">2</button>
+                        <button class="page-link" type="button">3</button>
+                        <button class="page-link" type="button">
+                            <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                        </button>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Pagination:--&gt;
+&lt;div aria-label="Page navigation example" class="flex items-center gap-1 pagination"&gt;
+    &lt;button class="page-link" disabled type="button"&gt;
+      &lt;span class="icon-[lucide--chevron-left] rtl:rotate-180">&lt;/span&gt;
+    &lt;/button&gt;
+    &lt;button class="page-link active" type="button"&gt;1&lt;/button&gt;
+    &lt;button class="page-link" type="button"&gt;2&lt;/button&gt;
+    &lt;button class="page-link" type="button"&gt;3&lt;/button&gt;
+    &lt;button class="page-link" type="button"&gt;
+     &lt;span class="icon-[lucide--chevron-right] rtl:rotate-180">&lt;/span&gt;
+    &lt;/button&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-progress.html b/www/raven-demo/component-progress.html
new file mode 100644
index 0000000..6b3e39d
--- /dev/null
+++ b/www/raven-demo/component-progress.html
@@ -0,0 +1,1176 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item active">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Progress</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Progress</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Variant</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-4">
+
+                        <div class="flex-grow max-w-md">
+                            <!--:progress:-->
+                            <div class="progress h-1 rounded-full overflow-hidden bg-primary-subtle" role="progressbar"
+                                aria-label="Basic example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                                <div class="bg-primary h-1" style="width: 25%"></div>
+                            </div>
+                        </div>
+                        <!--:Progress Circle:-->
+                        <div class="relative w-14 h-14" data-progress="65" data-show-value="true">
+                            <!-- Background circle -->
+                            <svg class="w-14 h-14 transform -rotate-90" viewBox="0 0 100 100">
+                                <circle class="text-primary-subtle" stroke-width="6" stroke="currentColor"
+                                    fill="transparent" r="45" cx="50" cy="50" />
+                                <circle class="text-primary progress-ring" stroke-width="6" stroke="currentColor"
+                                    fill="transparent" r="45" cx="50" cy="50" stroke-linecap="round"
+                                    style="stroke-dasharray: 282.6; stroke-dashoffset: 282.6; transition: stroke-dashoffset 1s ease;" />
+                            </svg>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:progress:--&gt;
+&lt;div class="progress h-1 rounded-full overflow-hidden bg-primary-subtle" role="progressbar" aria-label="Basic
+example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"&gt;
+&lt;div class="bg-primary h-1" style="width: 25%"&gt;&lt;/div&gt;
+&lt;/div&gt;
+
+&lt;!--:Progress Circle:--&gt;
+&lt;div class="relative w-14 h-14" data-progress="65" data-show-value="true"&gt;
+    &lt;!-- Background circle --&gt;
+    &lt;svg class="w-14 h-14 transform -rotate-90" viewBox="0 0 100 100"&gt;
+        &lt;circle class="text-primary-subtle" stroke-width="6" stroke="currentColor" fill="transparent" r="45" cx="50" cy="50" /&gt;
+        &lt;circle class="text-primary progress-ring" stroke-width="6" stroke="currentColor" fill="transparent" r="45"
+        cx="50" cy="50" stroke-linecap="round" style="stroke-dasharray: 282.6; stroke-dashoffset: 282.6; transition: stroke-dashoffset 1s ease;" /&gt;
+    &lt;/svg&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Labels</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-4">
+
+                        <div class="flex-grow max-w-md">
+                            <div class="flex items-center gap-3">
+                                <!--:progress:-->
+                                <div class="progress flex-grow h-1 rounded-full overflow-hidden bg-primary-subtle"
+                                    role="progressbar" aria-label="Basic example" aria-valuenow="25" aria-valuemin="0"
+                                    aria-valuemax="100">
+                                    <div class="bg-primary h-1" style="width: 25%"></div>
+                                </div>
+                                <!--:Label:-->
+                                <span class="text-sm">25%</span>
+                            </div>
+                        </div>
+                        <!--:Progress Circle:-->
+                        <div class="relative w-14 h-14" data-progress="65" data-show-value="true">
+                            <!-- Background circle -->
+                            <svg class="w-14 h-14 transform -rotate-90" viewBox="0 0 100 100">
+                                <circle class="text-primary-subtle" stroke-width="6" stroke="currentColor"
+                                    fill="transparent" r="45" cx="50" cy="50" />
+                                <circle class="text-primary progress-ring" stroke-width="6" stroke="currentColor"
+                                    fill="transparent" r="45" cx="50" cy="50" stroke-linecap="round"
+                                    style="stroke-dasharray: 282.6; stroke-dashoffset: 282.6; transition: stroke-dashoffset 1s ease;" />
+                            </svg>
+                            <!--:Label:-->
+                            <span
+                                class="absolute inset-0 flex items-center justify-center text-sm value-label hidden">0%</span>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="flex items-center gap-3"&gt;
+    &lt;!--:progress:--&gt;
+    &lt;div class="progress flex-grow h-1 rounded-full overflow-hidden bg-primary-subtle" role="progressbar"
+        aria-label="Basic example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"&gt;
+        &lt;div class="bg-primary h-1" style="width: 25%"&gt;&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;!--:Label:--&gt;
+    &lt;span class="text-sm"&gt;25%&lt;/span&gt;
+&lt;/div&gt;
+
+&lt;!--:Progress Circle:--&gt;
+&lt;div class="relative w-14 h-14" data-progress="65" data-show-value="true"&gt;
+    &lt;!-- Background circle --&gt;
+    &lt;svg class="w-14 h-14 transform -rotate-90" viewBox="0 0 100 100"&gt;
+        &lt;circle class="text-primary-subtle" stroke-width="6" stroke="currentColor" fill="transparent" r="45" cx="50" cy="50" /&gt;
+        &lt;circle class="text-primary progress-ring" stroke-width="6" stroke="currentColor" fill="transparent" r="45"
+        cx="50" cy="50" stroke-linecap="round" style="stroke-dasharray: 282.6; stroke-dashoffset: 282.6; transition: stroke-dashoffset 1s ease;" /&gt;
+    &lt;/svg&gt;
+    &lt;!--:Label:--&gt;
+    &lt;span class="absolute inset-0 flex items-center justify-center text-sm value-label hidden"&gt;0%&lt;/span&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Sizing / Custom Labels + Color</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-wrap items-center gap-4">
+
+                        <div class="flex-grow max-w-md">
+                            <div class="flex items-center gap-3">
+                                <!--:Label:-->
+                                <span class="text-sm">Downloading</span>
+                                <!--:progress:-->
+                                <div class="progress flex-grow h-2 rounded-full overflow-hidden bg-red-500/10"
+                                    role="progressbar" aria-label="Basic example" aria-valuenow="25" aria-valuemin="0"
+                                    aria-valuemax="100">
+                                    <div class="bg-red-500 h-2" style="width: 25%"></div>
+                                </div>
+                                <!--:Label:-->
+                                <span class="text-sm">25%</span>
+                            </div>
+                        </div>
+                        <!--:Progress Circle:-->
+                        <div class="relative w-28 h-28" data-progress="65" data-show-value="true">
+                            <!-- Background circle -->
+                            <svg class="w-28 h-28 transform -rotate-90" viewBox="0 0 100 100">
+                                <circle class="text-green-500/20" stroke-width="6" stroke="currentColor"
+                                    fill="transparent" r="45" cx="50" cy="50" />
+                                <circle class="text-green-500 progress-ring" stroke-width="6" stroke="currentColor"
+                                    fill="transparent" r="45" cx="50" cy="50" stroke-linecap="round"
+                                    style="stroke-dasharray: 282.6; stroke-dashoffset: 282.6; transition: stroke-dashoffset 1s ease;" />
+                            </svg>
+                            <!--:Label:-->
+                            <span
+                                class="absolute inset-0 flex flex-col items-center justify-center">
+                            <span class="font-semibold value-label hidden text-lg">0%</span>
+                            <small>Finished</small>
+                            </span>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="flex items-center gap-3"&gt;
+    &lt;!--:Label:--&gt;
+    &lt;span class="text-sm"&gt;Downloading&lt;/span&gt;
+    &lt;!--:progress:--&gt;
+    &lt;div class="progress flex-grow h-2 rounded-full overflow-hidden bg-red-500/10" role="progressbar"
+        aria-label="Basic example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"&gt;
+        &lt;div class="bg-red-500 h-2" style="width: 25%"&gt;&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;!--:Label:--&gt;
+    &lt;span class="text-sm"&gt;25%&lt;/span&gt;
+&lt;/div&gt;
+
+&lt;!--:Progress Circle:--&gt;
+&lt;div class="relative w-28 h-28" data-progress="65" data-show-value="true"&gt;
+    &lt;!-- Background circle --&gt;
+    &lt;svg class="w-28 h-28 transform -rotate-90" viewBox="0 0 100 100"&gt;
+        &lt;circle class="text-green-500/20" stroke-width="6" stroke="currentColor" fill="transparent" r="45" cx="50"
+            cy="50" /&gt;
+        &lt;circle class="text-green-500 progress-ring" stroke-width="6" stroke="currentColor" fill="transparent" r="45"
+            cx="50" cy="50" stroke-linecap="round"
+            style="stroke-dasharray: 282.6; stroke-dashoffset: 282.6; transition: stroke-dashoffset 1s ease;" /&gt;
+    &lt;/svg&gt;
+    &lt;!--:Label:--&gt;
+    &lt;span class="absolute inset-0 flex flex-col items-center justify-center"&gt;
+        &lt;span class="font-semibold value-label hidden text-lg"&gt;0%&lt;/span&gt;
+        &lt;small&gt;Finished&lt;/small&gt;
+    &lt;/span&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-tabbed-content.html b/www/raven-demo/component-tabbed-content.html
new file mode 100644
index 0000000..be6c97e
--- /dev/null
+++ b/www/raven-demo/component-tabbed-content.html
@@ -0,0 +1,1194 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item active">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Tabbed content</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Tabbed content</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="mb-4">
+                <div class="pt-4">
+                    <h5 class="text-lg">Card with tab</h5>
+                </div>
+                <div class="py-4">
+                    <div class="max-w-xl">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div
+                                class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Card Title</h5>
+                                <!-- Nav tabs -->
+                                <div class="inline-flex items-center gap-1"
+                                    id="myTab" role="tablist">
+                                    <button
+                                        class="flex items-center text-sm cursor-pointer px-2 py-1 rounded hover:bg-primary-subtle hover:text-primary active [.active]:bg-primary-subtle [.active]:text-primary"
+                                        id="revenue-tab" data-bs-toggle="tab" data-bs-target="#revenue" type="button"
+                                        role="tab" aria-controls="revenue" aria-selected="true">Revenue</button>
+                                    <button
+                                        class="flex items-center text-sm cursor-pointer px-2 py-1 rounded hover:bg-primary-subtle hover:text-primary [.active]:bg-primary-subtle [.active]:text-primary"
+                                        id="sales-tab" data-bs-toggle="tab" data-bs-target="#sales" type="button"
+                                        role="tab" aria-controls="sales" aria-selected="false">Sales</button>
+                                    <button
+                                        class="flex items-center text-sm cursor-pointer px-2 py-1 rounded hover:bg-primary-subtle hover:text-primary [.active]:bg-primary-subtle [.active]:text-primary"
+                                        id="profit-tab" data-bs-toggle="tab" data-bs-target="#profit" type="button"
+                                        role="tab" aria-controls="profit" aria-selected="false">Profit</button>
+                                </div>
+                            </div>
+                            <!-- Tab panes -->
+                            <div class="tab-content p-4">
+                                <div class="tab-pane fade show active" id="revenue" role="tabpanel"
+                                    aria-labelledby="revenue-tab" tabindex="0">
+                                    <h5 class="text-xl mb-1">$493,892</h5>
+                                    Revenue generated
+                                </div>
+                                <div class="tab-pane fade" id="sales" role="tabpanel" aria-labelledby="sales-tab"
+                                    tabindex="0">
+                                    <h5 class="text-xl mb-1">8948</h5>
+                                    Sales Done
+                                </div>
+                                <div class="tab-pane fade" id="profit" role="tabpanel" aria-labelledby="profit-tab"
+                                    tabindex="0">
+                                    <h5 class="text-xl mb-1">$293,158</h5>
+                                    Profit earned
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div
+                    class=" max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div
+    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4"&gt;
+    &lt;div class="px-4 pt-4 flex items-center justify-between"&gt;
+        &lt;h5 class="text-lg"&gt;Card Title&lt;/h5&gt;
+        &lt;!-- Nav tabs --&gt;
+        &lt;div class="inline-flex items-center gap-1" id="myTab" role="tablist"&gt;
+    &lt;button
+        class="flex items-center text-sm cursor-pointer px-2 py-1 rounded hover:bg-primary-subtle hover:text-primary active [.active]:bg-primary-subtle [.active]:text-primary"
+        id="revenue-tab" data-bs-toggle="tab" data-bs-target="#revenue" type="button" role="tab" aria-controls="revenue"
+        aria-selected="true"&gt;Revenue&lt;/button&gt;
+    &lt;button
+        class="flex items-center text-sm cursor-pointer px-2 py-1 rounded hover:bg-primary-subtle hover:text-primary [.active]:bg-primary-subtle [.active]:text-primary"
+        id="sales-tab" data-bs-toggle="tab" data-bs-target="#sales" type="button" role="tab" aria-controls="sales"
+        aria-selected="false"&gt;Sales&lt;/button&gt;
+    &lt;button
+        class="flex items-center text-sm cursor-pointer px-2 py-1 rounded hover:bg-primary-subtle hover:text-primary [.active]:bg-primary-subtle [.active]:text-primary"
+        id="profit-tab" data-bs-toggle="tab" data-bs-target="#profit" type="button" role="tab" aria-controls="profit"
+        aria-selected="false"&gt;Profit&lt;/button&gt;
+&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;!-- Tab panes --&gt;
+    &lt;div class="tab-content p-4"&gt;
+        &lt;div class="tab-pane fade show active" id="revenue" role="tabpanel" aria-labelledby="revenue-tab" tabindex="0"&gt;
+            &lt;h5 class="text-xl mb-1"&gt;$493,892&lt;/h5&gt;
+            Revenue generated
+        &lt;/div&gt;
+        &lt;div class="tab-pane fade" id="sales" role="tabpanel" aria-labelledby="sales-tab" tabindex="0"&gt;
+            &lt;h5 class="text-xl mb-1"&gt;8948&lt;/h5&gt;
+            Sales Done
+        &lt;/div&gt;
+        &lt;div class="tab-pane fade" id="profit" role="tabpanel" aria-labelledby="profit-tab" tabindex="0"&gt;
+            &lt;h5 class="text-xl mb-1"&gt;$293,158&lt;/h5&gt;
+            Profit earned
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="mb-4">
+                <div class="pt-4">
+                    <h5 class="text-lg mb-1">Card with tab 2 - horizontal tabs auto scroll to active</h5>
+                    <p class="text-muted">Large menu icons? - keep <code>.nav-horizontal</code></p>
+                </div>
+                <div class="py-4">
+                    <div class="max-w-xl">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div
+                                class="px-4 py-4 flex items-center justify-between border-b border-zinc-200 dark:border-zinc-800">
+                                <h5 class="text-lg">Card Title</h5>
+                            </div>
+                            <!-- Nav tabs -->
+                                <div class="flex px-4 items-center gap-4 nav-horizontal nav-underline"
+                                    id="myTab1" role="tablist">
+                                    <button
+                                        class="nav-link active"
+                                        id="revenue1-tab" data-bs-toggle="tab" data-bs-target="#revenue1" type="button"
+                                        role="tab" aria-controls="revenue1" aria-selected="true">Revenue</button>
+                                    <button
+                                        class="nav-link"
+                                        id="sales1-tab" data-bs-toggle="tab" data-bs-target="#sales1" type="button"
+                                        role="tab" aria-controls="sales1" aria-selected="false">Sales</button>
+                                    <button
+                                        class="nav-link"
+                                        id="profit1-tab" data-bs-toggle="tab" data-bs-target="#profit1" type="button"
+                                        role="tab" aria-controls="profit1" aria-selected="false">Profit</button>
+                                        <button
+                                        class="nav-link"
+                                        id="anotherTab-tab" data-bs-toggle="tab" data-bs-target="#anotherTab" type="button"
+                                        role="tab" aria-controls="anotherTab" aria-selected="false">Another tab</button>
+                                         <button
+                                        class="nav-link"
+                                        id="onemoreTab-tab" data-bs-toggle="tab" data-bs-target="#onemoreTab" type="button"
+                                        role="tab" aria-controls="onemoreTab" aria-selected="false">One more tab</button>
+                                </div>
+                            <!-- Tab panes -->
+                            <div class="tab-content p-4">
+                                <div class="tab-pane fade show active" id="revenue1" role="tabpanel"
+                                    aria-labelledby="revenue1-tab" tabindex="0">
+                                    <h5 class="text-xl mb-1">$493,892</h5>
+                                    Revenue generated
+                                </div>
+                                <div class="tab-pane fade" id="sales1" role="tabpanel" aria-labelledby="sales1-tab"
+                                    tabindex="0">
+                                    <h5 class="text-xl mb-1">8948</h5>
+                                    Sales Done
+                                </div>
+                                <div class="tab-pane fade" id="profit1" role="tabpanel" aria-labelledby="profit1-tab"
+                                    tabindex="0">
+                                    <h5 class="text-xl mb-1">$293,158</h5>
+                                    Profit earned
+                                </div>
+                                <div class="tab-pane fade" id="anotherTab" role="tabpanel" aria-labelledby="anotherTab-tab"
+                                    tabindex="0">
+                                    <h5 class="text-xl mb-1">Another tab</h5>
+                                </div>
+                                <div class="tab-pane fade" id="onemoreTab" role="tabpanel" aria-labelledby="onemoreTab-tab"
+                                    tabindex="0">
+                                    <h5 class="text-xl mb-1">One more tab</h5>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div
+                    class="max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Card:--&gt;
+&lt;div
+    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card"&gt;
+    &lt;div class="px-4 py-4 flex items-center justify-between border-b border-zinc-200 dark:border-zinc-800"&gt;
+        &lt;h5 class="text-lg"&gt;Card Title&lt;/h5&gt;
+    &lt;/div&gt;
+    &lt;!-- Nav tabs --&gt;
+    &lt;div class="flex items-center px-4 nav-underline nav-horizontal" id="myTab1" role="tablist"&gt;
+        &lt;button
+            class="nav-link active"
+            id="revenue1-tab" data-bs-toggle="tab" data-bs-target="#revenue1" type="button" role="tab"
+            aria-controls="revenue1" aria-selected="true"&gt;Revenue&lt;/button&gt;
+        &lt;button
+            class="nav-link"
+            id="sales1-tab" data-bs-toggle="tab" data-bs-target="#sales1" type="button" role="tab"
+            aria-controls="sales1" aria-selected="false"&gt;Sales&lt;/button&gt;
+        &lt;button
+            class="nav-link"
+            id="profit1-tab" data-bs-toggle="tab" data-bs-target="#profit1" type="button" role="tab"
+            aria-controls="profit1" aria-selected="false"&gt;Profit&lt;/button&gt;
+    &lt;/div&gt;
+    &lt;!-- Tab panes --&gt;
+    &lt;div class="tab-content p-4"&gt;
+        &lt;div class="tab-pane fade show active" id="revenue1" role="tabpanel" aria-labelledby="revenue1-tab"
+            tabindex="0"&gt;
+            &lt;h5 class="text-xl mb-1"&gt;$493,892&lt;/h5&gt;
+            Revenue generated
+        &lt;/div&gt;
+        &lt;div class="tab-pane fade" id="sales1" role="tabpanel" aria-labelledby="sales1-tab" tabindex="0"&gt;
+            &lt;h5 class="text-xl mb-1"&gt;8948&lt;/h5&gt;
+            Sales Done
+        &lt;/div&gt;
+        &lt;div class="tab-pane fade" id="profit1" role="tabpanel" aria-labelledby="profit1-tab" tabindex="0"&gt;
+            &lt;h5 class="text-xl mb-1"&gt;$293,158&lt;/h5&gt;
+            Profit earned
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-tooltip.html b/www/raven-demo/component-tooltip.html
new file mode 100644
index 0000000..3a641c9
--- /dev/null
+++ b/www/raven-demo/component-tooltip.html
@@ -0,0 +1,1059 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item active">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Tooltips & popovers</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Tooltips & popovers</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Tooltips</h5>
+                </div>
+                <div class="p-4">
+                    <button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip"
+                        data-bs-placement="left" data-bs-title="Tooltip on Left">
+                        left
+                    </button>
+                    <button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip"
+                        data-bs-placement="right" data-bs-title="Tooltip on Right">
+                        right
+                    </button>
+                    <button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip"
+                        data-bs-placement="top" data-bs-title="Tooltip on Top">
+                        top
+                    </button>
+                    <button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip"
+                        data-bs-placement="bottom" data-bs-title="Tooltip on Bottom">
+                        bottom
+                    </button>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Tooltip on Left"&gt;
+left
+&lt;/button&gt;
+&lt;button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Tooltip on Right"&gt;
+right
+&lt;/button&gt;
+&lt;button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Tooltip on Top"&gt;
+ top
+&lt;/button&gt;
+&lt;button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Tooltip on Bottom"&gt;
+bottom
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Popovers</h5>
+                </div>
+                <div class="p-4">
+                    <button class="btn btn-sm btn-default" type="button" data-bs-toggle="popover"
+                        data-bs-placement="top" data-bs-trigger="focus" data-bs-title="Popover Title"
+                        data-bs-content="This popover is content of this popover.">
+                        Header popover
+                    </button>
+                    <button type="button" class="btn btn-sm btn-default" data-bs-html="true" data-bs-toggle="popover"
+                        data-bs-placement="top" data-bs-trigger="focus"
+                        data-bs-content='Popover with a <a href="#!" class="text-primary">Link</a>'>
+                        Popover with a
+                    </button>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;button class="btn btn-sm btn-default" type="button" data-bs-toggle="popover" data-bs-placement="top"
+    data-bs-trigger="focus" data-bs-title="Popover Title" data-bs-content="This popover is content of this popover."&gt;
+    Header popover
+&lt;/button&gt;
+&lt;button type="button" class="btn btn-sm btn-default" data-bs-html="true" data-bs-toggle="popover"
+    data-bs-placement="top" data-bs-trigger="focus"
+    data-bs-content='Popover with a &lt;a href="#!" class="text-primary"&gt;Link&lt;/a&gt;'&gt;
+    Popover with a
+&lt;/button&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/component-typography.html b/www/raven-demo/component-typography.html
new file mode 100644
index 0000000..129b1fc
--- /dev/null
+++ b/www/raven-demo/component-typography.html
@@ -0,0 +1,1201 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item components_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item components_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item components_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item components_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item active">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Typography</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Components</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Typography</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Headings</h5>
+                </div>
+                <div class="p-4">
+                    <h1 class="text-4xl mb-1">H1 Heading</h1>
+                    <h2 class="text-3xl mb-1">H2 Heading</h2>
+                    <h3 class="text-2xl mb-1">H3 Heading</h3>
+                    <h4 class="text-xl mb-1">H4 Heading</h4>
+                    <h5 class="text-lg mb-1">H5 Heading</h5>
+                    <h6 class="text-base">H6 Heading</h6>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;h1 class="text-4xl"&gt;H1 Heading&lt;/h1&gt;
+
+&lt;h2 class="text-3xl"&gt;H2 Heading&lt;/h2&gt;
+
+&lt;h3 class="text-2xl"&gt;H3 Heading&lt;/h3&gt;
+
+&lt;h4 class="text-xl"&gt;H4 Heading&lt;/h4&gt;
+
+&lt;h5 class="text-lg"&gt;H5 Heading&lt;/h5&gt;
+
+&lt;h6 class="text-base"&gt;H6 Heading&lt;/h6&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Text</h5>
+                </div>
+                <div class="p-4">
+                    <small class="font-mono opacity-75">Default</small>
+                    <p class="mb-2">The quick brown fox jumps over the lazy dog.</p>
+                    <small class="font-mono opacity-75">Underline</small>
+                    <p class="mb-2 underline">The quick brown fox jumps over the lazy dog.</p>
+                    <small class="font-mono opacity-75">Italic</small>
+                    <p class="mb-2 italic">The quick brown fox jumps over the lazy dog.</p>
+                    <small class="font-mono opacity-75">Overline</small>
+                    <p class="mb-2 overline">The quick brown fox jumps over the lazy dog.</p>
+                    <small class="font-mono opacity-75">line through</small>
+                    <p class="line-through">The quick brown fox jumps over the lazy dog.</p>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;p&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+
+&lt;p class="underline"&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+
+&lt;p class="italic"&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+
+&lt;p class="overline"&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+
+&lt;p class="line-through"&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Font weight</h5>
+                </div>
+                <div class="p-4">
+                    <small class="font-mono opacity-75">Normal Default</small>
+                    <p class="mb-2">The quick brown fox jumps over the lazy dog.</p>
+                    <small class="font-mono opacity-75">Medium</small>
+                    <p class="mb-2 font-semibold">The quick brown fox jumps over the lazy dog.</p>
+                    <small class="font-mono opacity-75">Semibold</small>
+                    <p class="mb-2 font-semibold">The quick brown fox jumps over the lazy dog.</p>
+                    <small class="font-mono opacity-75">Bold</small>
+                    <p class="mb-2 font-semibold">The quick brown fox jumps over the lazy dog.</p>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;p&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+
+&lt;p class="font-semibold"&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+
+&lt;p class="font-semibold"&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+
+&lt;p class="font-semibold"&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">List</h5>
+                </div>
+                <div class="p-4">
+                    <small class="font-mono opacity-75 mb-2">list-disc</small>
+                    <ul class="list-disc pl-4 mb-3">
+                        <li>Now this is a story all about how, my life got flipped-turned upside down</li>
+                        <li>Lorem ipsum is placeholder text commonly used in the graphic</li>
+                        <li>Publishing industries for previewing layouts and visual mockups.</li>
+                    </ul>
+                    <small class="font-mono opacity-75 mb-2">list-decimal</small>
+                    <ul class="list-decimal pl-4 mb-3">
+                        <li>Now this is a story all about how, my life got flipped-turned upside down</li>
+                        <li>Lorem ipsum is placeholder text commonly used in the graphic</li>
+                        <li>Publishing industries for previewing layouts and visual mockups.</li>
+                    </ul>
+                    <small class="font-mono opacity-75 mb-2">list-none</small>
+                    <ul class="list-none mb-3">
+                        <li>Now this is a story all about how, my life got flipped-turned upside down</li>
+                        <li>Lorem ipsum is placeholder text commonly used in the graphic</li>
+                        <li>Publishing industries for previewing layouts and visual mockups.</li>
+                    </ul>
+                    <small class="font-mono opacity-75 block mb-2">Custom Icon</small>
+                    <ul class="list-none space-y-2">
+                        <li class="flex items-center"><span
+                                class="icon-[lucide--check] text-xl me-2 text-primary"></span>24/7 Support</li>
+                        <li class="flex items-center"><span
+                                class="icon-[lucide--check] text-xl me-2 text-primary"></span>Lifetime free updates
+                        </li>
+                        <li class="flex items-center"><span
+                                class="icon-[lucide--check] text-xl me-2 text-primary"></span>New demos weekly</li>
+                    </ul>
+                </div>
+                <div
+                    class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;ul class="list-disc"&gt;
+    &lt;li&gt;Now this is a story all about how, my life got flipped-turned upside down&lt;/li&gt;
+    &lt;li&gt;Lorem ipsum is placeholder text commonly used in the graphic&lt;/li&gt;
+    &lt;li&gt;Publishing industries for previewing layouts and visual mockups.&lt;/li&gt;
+&lt;/ul&gt;
+
+&lt;ul class="list-decimal"&gt;
+    &lt;li&gt;Now this is a story all about how, my life got flipped-turned upside down&lt;/li&gt;
+    &lt;li&gt;Lorem ipsum is placeholder text commonly used in the graphic&lt;/li&gt;
+    &lt;li&gt;Publishing industries for previewing layouts and visual mockups.&lt;/li&gt;
+&lt;/ul&gt;
+
+&lt;ul class="list-none"&gt;
+    &lt;li&gt;Now this is a story all about how, my life got flipped-turned upside down&lt;/li&gt;
+    &lt;li&gt;Lorem ipsum is placeholder text commonly used in the graphic&lt;/li&gt;
+    &lt;li&gt;Publishing industries for previewing layouts and visual mockups.&lt;/li&gt;
+&lt;/ul&gt;
+
+&lt;ul class="space-y-2"&gt;
+    &lt;li class="flex items-center"&gt;
+        &lt;span class="icon-[lucide--check] text-xl me-2 text-primary"&gt;&lt;/span&gt;
+        24/7 Support
+    &lt;/li&gt;
+    &lt;li class="flex items-center"&gt;
+        &lt;span class="icon-[lucide--check] text-xl me-2 text-primary"&gt;&lt;/span&gt;
+        Lifetime free updates
+    &lt;/li&gt;
+    &lt;li class="flex items-center"&gt;
+        &lt;span class="icon-[lucide--check] text-xl me-2 text-primary"&gt;&lt;/span&gt;
+        New demos weekly
+    &lt;/li&gt;
+&lt;/ul&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Text overflow</h5>
+                </div>
+                <div class="p-4">
+                    <small class="font-mono opacity-75 mb-1 block">Truncate</small>
+                    <p class="max-w-xs truncate mb-4">The longest word in any of the major English language dictionaries
+                        is <span class="font-semibold">pneumonoultramicroscopicsilicovolcanoconiosis,</span> a word that
+                        refers to a lung disease contracted from the inhalation of very fine silica particles,
+                        specifically from a volcano; medically, it is the same as silicosis.</p>
+                    <small class="font-mono opacity-75 mb-1 block">Ellipsis</small>
+                    <p class="max-w-xs overflow-hidden text-ellipsis mb-4">
+                        The longest word in any of the major English language dictionaries is <span
+                            class="font-semibold">pneumonoultramicroscopicsilicovolcanoconiosis,</span> a word that refers
+                        to a lung disease contracted from the inhalation of very fine silica particles, specifically
+                        from a volcano; medically, it is the same as silicosis
+                    </p>
+                    <small class="font-mono opacity-75 mb-1 block">Line Clamp</small>
+                    <p class="max-w-xs overflow-hidden line-clamp-2 mb-4">
+                        The longest word in any of the major English language dictionaries is a word that refers to a
+                        lung disease contracted from the inhalation of very fine silica particles, specifically from a
+                        volcano; medically, it is the same as silicosis
+                    </p>
+
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;p class="max-w-xs truncate"&gt;The longest word in any of the major English language dictionaries is 
+    &lt;span class="font-semibold"&gt;pneumonoultramicroscopicsilicovolcanoconiosis,&lt;/span&gt;
+    a word that refers to a lung disease
+    contracted from the inhalation of very fine silica particles, specifically from a volcano; medically, it is the same
+    as silicosis.&lt;/p&gt;
+
+&lt;p class="max-w-xs overflow-hidden text-ellipsis"&gt;
+    The longest word in any of the major English language dictionaries is 
+    &lt;span class="font-semibold"&gt;pneumonoultramicroscopicsilicovolcanoconiosis,&lt;/span&gt;
+    a word that refers to a lung disease
+    contracted from the inhalation of very fine silica particles, specifically from a volcano; medically, it is the same
+    as silicosis
+&lt;/p&gt;
+
+&lt;p class="max-w-xs overflow-hidden line-clamp-2"&gt;
+    The longest word in any of the major English language dictionaries is a word that refers to a lung disease
+    contracted from the inhalation of very fine silica particles, specifically from a volcano; medically, it is the same
+    as silicosis
+&lt;/p&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/css/style.css b/www/raven-demo/css/style.css
new file mode 100644
index 0000000..e735342
--- /dev/null
+++ b/www/raven-demo/css/style.css
@@ -0,0 +1,11328 @@
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+@layer properties;
+@layer theme, base, components, utilities;
+@layer theme {
+  :root, :host {
+    --font-sans: var(--font-theme);
+    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+      "Courier New", monospace;
+    --color-red-50: oklch(97.1% 0.013 17.38);
+    --color-red-100: oklch(93.6% 0.032 17.717);
+    --color-red-200: oklch(88.5% 0.062 18.334);
+    --color-red-300: oklch(80.8% 0.114 19.571);
+    --color-red-400: oklch(70.4% 0.191 22.216);
+    --color-red-500: oklch(63.7% 0.237 25.331);
+    --color-red-600: oklch(57.7% 0.245 27.325);
+    --color-red-700: oklch(50.5% 0.213 27.518);
+    --color-red-800: oklch(44.4% 0.177 26.899);
+    --color-red-900: oklch(39.6% 0.141 25.723);
+    --color-red-950: oklch(25.8% 0.092 26.042);
+    --color-orange-50: oklch(98% 0.016 73.684);
+    --color-orange-100: oklch(95.4% 0.038 75.164);
+    --color-orange-200: oklch(90.1% 0.076 70.697);
+    --color-orange-300: oklch(83.7% 0.128 66.29);
+    --color-orange-400: oklch(75% 0.183 55.934);
+    --color-orange-500: oklch(70.5% 0.213 47.604);
+    --color-orange-600: oklch(64.6% 0.222 41.116);
+    --color-orange-700: oklch(55.3% 0.195 38.402);
+    --color-orange-800: oklch(47% 0.157 37.304);
+    --color-orange-900: oklch(40.8% 0.123 38.172);
+    --color-orange-950: oklch(26.6% 0.079 36.259);
+    --color-amber-50: oklch(98.7% 0.022 95.277);
+    --color-amber-100: oklch(96.2% 0.059 95.617);
+    --color-amber-200: oklch(92.4% 0.12 95.746);
+    --color-amber-300: oklch(87.9% 0.169 91.605);
+    --color-amber-400: oklch(82.8% 0.189 84.429);
+    --color-amber-500: oklch(76.9% 0.188 70.08);
+    --color-amber-600: oklch(66.6% 0.179 58.318);
+    --color-amber-700: oklch(55.5% 0.163 48.998);
+    --color-amber-800: oklch(47.3% 0.137 46.201);
+    --color-amber-900: oklch(41.4% 0.112 45.904);
+    --color-amber-950: oklch(27.9% 0.077 45.635);
+    --color-yellow-50: oklch(98.7% 0.026 102.212);
+    --color-yellow-100: oklch(97.3% 0.071 103.193);
+    --color-yellow-200: oklch(94.5% 0.129 101.54);
+    --color-yellow-300: oklch(90.5% 0.182 98.111);
+    --color-yellow-400: oklch(85.2% 0.199 91.936);
+    --color-yellow-500: oklch(79.5% 0.184 86.047);
+    --color-yellow-600: oklch(68.1% 0.162 75.834);
+    --color-yellow-700: oklch(55.4% 0.135 66.442);
+    --color-yellow-800: oklch(47.6% 0.114 61.907);
+    --color-yellow-900: oklch(42.1% 0.095 57.708);
+    --color-yellow-950: oklch(28.6% 0.066 53.813);
+    --color-lime-50: oklch(98.6% 0.031 120.757);
+    --color-lime-100: oklch(96.7% 0.067 122.328);
+    --color-lime-200: oklch(93.8% 0.127 124.321);
+    --color-lime-300: oklch(89.7% 0.196 126.665);
+    --color-lime-400: oklch(84.1% 0.238 128.85);
+    --color-lime-500: oklch(76.8% 0.233 130.85);
+    --color-lime-600: oklch(64.8% 0.2 131.684);
+    --color-lime-700: oklch(53.2% 0.157 131.589);
+    --color-lime-800: oklch(45.3% 0.124 130.933);
+    --color-lime-900: oklch(40.5% 0.101 131.063);
+    --color-lime-950: oklch(27.4% 0.072 132.109);
+    --color-green-50: oklch(98.2% 0.018 155.826);
+    --color-green-100: oklch(96.2% 0.044 156.743);
+    --color-green-200: oklch(92.5% 0.084 155.995);
+    --color-green-300: oklch(87.1% 0.15 154.449);
+    --color-green-400: oklch(79.2% 0.209 151.711);
+    --color-green-500: oklch(72.3% 0.219 149.579);
+    --color-green-600: oklch(62.7% 0.194 149.214);
+    --color-green-700: oklch(52.7% 0.154 150.069);
+    --color-green-800: oklch(44.8% 0.119 151.328);
+    --color-green-900: oklch(39.3% 0.095 152.535);
+    --color-green-950: oklch(26.6% 0.065 152.934);
+    --color-emerald-50: oklch(97.9% 0.021 166.113);
+    --color-emerald-100: oklch(95% 0.052 163.051);
+    --color-emerald-200: oklch(90.5% 0.093 164.15);
+    --color-emerald-300: oklch(84.5% 0.143 164.978);
+    --color-emerald-400: oklch(76.5% 0.177 163.223);
+    --color-emerald-500: oklch(69.6% 0.17 162.48);
+    --color-emerald-600: oklch(59.6% 0.145 163.225);
+    --color-emerald-700: oklch(50.8% 0.118 165.612);
+    --color-emerald-800: oklch(43.2% 0.095 166.913);
+    --color-emerald-900: oklch(37.8% 0.077 168.94);
+    --color-emerald-950: oklch(26.2% 0.051 172.552);
+    --color-teal-50: oklch(98.4% 0.014 180.72);
+    --color-teal-100: oklch(95.3% 0.051 180.801);
+    --color-teal-200: oklch(91% 0.096 180.426);
+    --color-teal-300: oklch(85.5% 0.138 181.071);
+    --color-teal-400: oklch(77.7% 0.152 181.912);
+    --color-teal-500: oklch(70.4% 0.14 182.503);
+    --color-teal-600: oklch(60% 0.118 184.704);
+    --color-teal-700: oklch(51.1% 0.096 186.391);
+    --color-teal-800: oklch(43.7% 0.078 188.216);
+    --color-teal-900: oklch(38.6% 0.063 188.416);
+    --color-teal-950: oklch(27.7% 0.046 192.524);
+    --color-cyan-50: oklch(98.4% 0.019 200.873);
+    --color-cyan-100: oklch(95.6% 0.045 203.388);
+    --color-cyan-200: oklch(91.7% 0.08 205.041);
+    --color-cyan-300: oklch(86.5% 0.127 207.078);
+    --color-cyan-400: oklch(78.9% 0.154 211.53);
+    --color-cyan-500: oklch(71.5% 0.143 215.221);
+    --color-cyan-600: oklch(60.9% 0.126 221.723);
+    --color-cyan-700: oklch(52% 0.105 223.128);
+    --color-cyan-800: oklch(45% 0.085 224.283);
+    --color-cyan-900: oklch(39.8% 0.07 227.392);
+    --color-cyan-950: oklch(30.2% 0.056 229.695);
+    --color-sky-50: oklch(97.7% 0.013 236.62);
+    --color-sky-100: oklch(95.1% 0.026 236.824);
+    --color-sky-200: oklch(90.1% 0.058 230.902);
+    --color-sky-300: oklch(82.8% 0.111 230.318);
+    --color-sky-400: oklch(74.6% 0.16 232.661);
+    --color-sky-500: oklch(68.5% 0.169 237.323);
+    --color-sky-600: oklch(58.8% 0.158 241.966);
+    --color-sky-700: oklch(50% 0.134 242.749);
+    --color-sky-800: oklch(44.3% 0.11 240.79);
+    --color-sky-900: oklch(39.1% 0.09 240.876);
+    --color-sky-950: oklch(29.3% 0.066 243.157);
+    --color-blue-50: oklch(97% 0.014 254.604);
+    --color-blue-100: oklch(93.2% 0.032 255.585);
+    --color-blue-200: oklch(88.2% 0.059 254.128);
+    --color-blue-300: oklch(80.9% 0.105 251.813);
+    --color-blue-400: oklch(70.7% 0.165 254.624);
+    --color-blue-500: oklch(62.3% 0.214 259.815);
+    --color-blue-600: oklch(54.6% 0.245 262.881);
+    --color-blue-700: oklch(48.8% 0.243 264.376);
+    --color-blue-800: oklch(42.4% 0.199 265.638);
+    --color-blue-900: oklch(37.9% 0.146 265.522);
+    --color-blue-950: oklch(28.2% 0.091 267.935);
+    --color-indigo-50: oklch(96.2% 0.018 272.314);
+    --color-indigo-100: oklch(93% 0.034 272.788);
+    --color-indigo-200: oklch(87% 0.065 274.039);
+    --color-indigo-300: oklch(78.5% 0.115 274.713);
+    --color-indigo-400: oklch(67.3% 0.182 276.935);
+    --color-indigo-500: oklch(58.5% 0.233 277.117);
+    --color-indigo-600: oklch(51.1% 0.262 276.966);
+    --color-indigo-700: oklch(45.7% 0.24 277.023);
+    --color-indigo-800: oklch(39.8% 0.195 277.366);
+    --color-indigo-900: oklch(35.9% 0.144 278.697);
+    --color-indigo-950: oklch(25.7% 0.09 281.288);
+    --color-violet-50: oklch(96.9% 0.016 293.756);
+    --color-violet-100: oklch(94.3% 0.029 294.588);
+    --color-violet-200: oklch(89.4% 0.057 293.283);
+    --color-violet-300: oklch(81.1% 0.111 293.571);
+    --color-violet-400: oklch(70.2% 0.183 293.541);
+    --color-violet-500: oklch(60.6% 0.25 292.717);
+    --color-violet-600: oklch(54.1% 0.281 293.009);
+    --color-violet-700: oklch(49.1% 0.27 292.581);
+    --color-violet-800: oklch(43.2% 0.232 292.759);
+    --color-violet-900: oklch(38% 0.189 293.745);
+    --color-violet-950: oklch(28.3% 0.141 291.089);
+    --color-purple-50: oklch(97.7% 0.014 308.299);
+    --color-purple-100: oklch(94.6% 0.033 307.174);
+    --color-purple-200: oklch(90.2% 0.063 306.703);
+    --color-purple-300: oklch(82.7% 0.119 306.383);
+    --color-purple-400: oklch(71.4% 0.203 305.504);
+    --color-purple-500: oklch(62.7% 0.265 303.9);
+    --color-purple-600: oklch(55.8% 0.288 302.321);
+    --color-purple-700: oklch(49.6% 0.265 301.924);
+    --color-purple-800: oklch(43.8% 0.218 303.724);
+    --color-purple-900: oklch(38.1% 0.176 304.987);
+    --color-purple-950: oklch(29.1% 0.149 302.717);
+    --color-fuchsia-50: oklch(97.7% 0.017 320.058);
+    --color-fuchsia-100: oklch(95.2% 0.037 318.852);
+    --color-fuchsia-200: oklch(90.3% 0.076 319.62);
+    --color-fuchsia-300: oklch(83.3% 0.145 321.434);
+    --color-fuchsia-400: oklch(74% 0.238 322.16);
+    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
+    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
+    --color-fuchsia-700: oklch(51.8% 0.253 323.949);
+    --color-fuchsia-800: oklch(45.2% 0.211 324.591);
+    --color-fuchsia-900: oklch(40.1% 0.17 325.612);
+    --color-fuchsia-950: oklch(29.3% 0.136 325.661);
+    --color-pink-50: oklch(97.1% 0.014 343.198);
+    --color-pink-100: oklch(94.8% 0.028 342.258);
+    --color-pink-200: oklch(89.9% 0.061 343.231);
+    --color-pink-300: oklch(82.3% 0.12 346.018);
+    --color-pink-400: oklch(71.8% 0.202 349.761);
+    --color-pink-500: oklch(65.6% 0.241 354.308);
+    --color-pink-600: oklch(59.2% 0.249 0.584);
+    --color-pink-700: oklch(52.5% 0.223 3.958);
+    --color-pink-800: oklch(45.9% 0.187 3.815);
+    --color-pink-900: oklch(40.8% 0.153 2.432);
+    --color-pink-950: oklch(28.4% 0.109 3.907);
+    --color-rose-50: oklch(96.9% 0.015 12.422);
+    --color-rose-100: oklch(94.1% 0.03 12.58);
+    --color-rose-200: oklch(89.2% 0.058 10.001);
+    --color-rose-300: oklch(81% 0.117 11.638);
+    --color-rose-400: oklch(71.2% 0.194 13.428);
+    --color-rose-500: oklch(64.5% 0.246 16.439);
+    --color-rose-600: oklch(58.6% 0.253 17.585);
+    --color-rose-700: oklch(51.4% 0.222 16.935);
+    --color-rose-800: oklch(45.5% 0.188 13.697);
+    --color-rose-900: oklch(41% 0.159 10.272);
+    --color-rose-950: oklch(27.1% 0.105 12.094);
+    --color-slate-50: oklch(98.4% 0.003 247.858);
+    --color-slate-100: oklch(96.8% 0.007 247.896);
+    --color-slate-200: oklch(92.9% 0.013 255.508);
+    --color-slate-300: oklch(86.9% 0.022 252.894);
+    --color-slate-400: oklch(70.4% 0.04 256.788);
+    --color-slate-500: oklch(55.4% 0.046 257.417);
+    --color-slate-600: oklch(44.6% 0.043 257.281);
+    --color-slate-700: oklch(37.2% 0.044 257.287);
+    --color-slate-800: oklch(27.9% 0.041 260.031);
+    --color-slate-900: oklch(20.8% 0.042 265.755);
+    --color-slate-950: oklch(12.9% 0.042 264.695);
+    --color-gray-50: oklch(98.5% 0.002 247.839);
+    --color-gray-100: oklch(96.7% 0.003 264.542);
+    --color-gray-200: oklch(92.8% 0.006 264.531);
+    --color-gray-300: oklch(87.2% 0.01 258.338);
+    --color-gray-400: oklch(70.7% 0.022 261.325);
+    --color-gray-500: oklch(55.1% 0.027 264.364);
+    --color-gray-600: oklch(44.6% 0.03 256.802);
+    --color-gray-700: oklch(37.3% 0.034 259.733);
+    --color-gray-800: oklch(27.8% 0.033 256.848);
+    --color-gray-900: oklch(21% 0.034 264.665);
+    --color-gray-950: oklch(13% 0.028 261.692);
+    --color-zinc-50: #F9FAFD;
+    --color-zinc-100: #F0F1F8;
+    --color-zinc-200: #E7E9F2;
+    --color-zinc-300: #DADDE8;
+    --color-zinc-400: #9196af;
+    --color-zinc-500: #4D5472;
+    --color-zinc-600: #373D5B;
+    --color-zinc-700: #272D47;
+    --color-zinc-800: #222841;
+    --color-zinc-900: #191E32;
+    --color-zinc-950: #131727;
+    --color-neutral-50: oklch(98.5% 0 0);
+    --color-neutral-100: oklch(97% 0 0);
+    --color-neutral-200: oklch(92.2% 0 0);
+    --color-neutral-300: oklch(87% 0 0);
+    --color-neutral-400: oklch(70.8% 0 0);
+    --color-neutral-500: oklch(55.6% 0 0);
+    --color-neutral-600: oklch(43.9% 0 0);
+    --color-neutral-700: oklch(37.1% 0 0);
+    --color-neutral-800: oklch(26.9% 0 0);
+    --color-neutral-900: oklch(20.5% 0 0);
+    --color-neutral-950: oklch(14.5% 0 0);
+    --color-stone-50: oklch(98.5% 0.001 106.423);
+    --color-stone-100: oklch(97% 0.001 106.424);
+    --color-stone-200: oklch(92.3% 0.003 48.717);
+    --color-stone-300: oklch(86.9% 0.005 56.366);
+    --color-stone-400: oklch(70.9% 0.01 56.259);
+    --color-stone-500: oklch(55.3% 0.013 58.071);
+    --color-stone-600: oklch(44.4% 0.011 73.639);
+    --color-stone-700: oklch(37.4% 0.01 67.558);
+    --color-stone-800: oklch(26.8% 0.007 34.298);
+    --color-stone-900: oklch(21.6% 0.006 56.043);
+    --color-stone-950: oklch(14.7% 0.004 49.25);
+    --color-black: #0A0C16;
+    --color-white: #fff;
+    --spacing: 0.25rem;
+    --breakpoint-sm: 40rem;
+    --breakpoint-md: 48rem;
+    --breakpoint-lg: 64rem;
+    --breakpoint-xl: 80rem;
+    --breakpoint-2xl: 96rem;
+    --container-3xs: 16rem;
+    --container-2xs: 18rem;
+    --container-xs: 20rem;
+    --container-sm: 24rem;
+    --container-md: 28rem;
+    --container-lg: 32rem;
+    --container-xl: 36rem;
+    --container-2xl: 42rem;
+    --container-3xl: 48rem;
+    --container-4xl: 56rem;
+    --container-5xl: 64rem;
+    --container-6xl: 72rem;
+    --container-7xl: 80rem;
+    --text-xs: 0.635rem;
+    --text-xs--line-height: calc(1 / 0.75);
+    --text-sm: 0.735rem;
+    --text-sm--line-height: calc(1.25 / 0.875);
+    --text-base: 0.875rem;
+    --text-base--line-height: calc(1.5 / 1);
+    --text-lg: 1.0625rem;
+    --text-lg--line-height: calc(1.75 / 1.125);
+    --text-xl: 1.25rem;
+    --text-xl--line-height: calc(1.75 / 1.25);
+    --text-2xl: 1.5rem;
+    --text-2xl--line-height: calc(2 / 1.5);
+    --text-3xl: 1.875rem;
+    --text-3xl--line-height: calc(2.25 / 1.875);
+    --text-4xl: 2.25rem;
+    --text-4xl--line-height: calc(2.5 / 2.25);
+    --text-5xl: 3rem;
+    --text-5xl--line-height: 1;
+    --text-6xl: 3.75rem;
+    --text-6xl--line-height: 1;
+    --text-7xl: 4.5rem;
+    --text-7xl--line-height: 1;
+    --text-8xl: 6rem;
+    --text-8xl--line-height: 1;
+    --text-9xl: 8rem;
+    --text-9xl--line-height: 1;
+    --font-weight-thin: 100;
+    --font-weight-extralight: 200;
+    --font-weight-light: 300;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-semibold: 600;
+    --font-weight-bold: 700;
+    --font-weight-extrabold: 800;
+    --font-weight-black: 900;
+    --tracking-tighter: -0.05em;
+    --tracking-tight: -0.025em;
+    --tracking-normal: 0em;
+    --tracking-wide: 0.025em;
+    --tracking-wider: 0.05em;
+    --tracking-widest: 0.1em;
+    --leading-tight: 1.25;
+    --leading-snug: 1.375;
+    --leading-normal: 1.5;
+    --leading-relaxed: 1.625;
+    --leading-loose: 2;
+    --radius-xs: 0.125rem;
+    --radius-sm: 0.25rem;
+    --radius-md: 0.5rem;
+    --radius-lg: 0.75rem;
+    --radius-xl: 1rem;
+    --radius-2xl: 1rem;
+    --radius-3xl: 1.5rem;
+    --radius-4xl: 2rem;
+    --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
+    --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+    --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
+    --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
+    --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
+    --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
+    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
+    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
+    --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
+    --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
+    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
+    --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);
+    --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);
+    --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075),
+      0px 2px 2px rgb(0 0 0 / 0.075);
+    --text-shadow-md: 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1),
+      0px 2px 4px rgb(0 0 0 / 0.1);
+    --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1),
+      0px 4px 8px rgb(0 0 0 / 0.1);
+    --ease-in: cubic-bezier(0.4, 0, 1, 1);
+    --ease-out: cubic-bezier(0, 0, 0.2, 1);
+    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+    --animate-spin: spin 1s linear infinite;
+    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    --animate-bounce: bounce 1s infinite;
+    --blur-xs: 4px;
+    --blur-sm: 8px;
+    --blur-md: 12px;
+    --blur-lg: 16px;
+    --blur-xl: 24px;
+    --blur-2xl: 40px;
+    --blur-3xl: 64px;
+    --perspective-dramatic: 100px;
+    --perspective-near: 300px;
+    --perspective-normal: 500px;
+    --perspective-midrange: 800px;
+    --perspective-distant: 1200px;
+    --aspect-video: 16 / 9;
+    --default-transition-duration: 150ms;
+    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    --default-font-family: var(--font-sans);
+    --default-mono-font-family: var(--font-mono);
+    --font-theme: "Plus Jakarta Sans",-apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+    --color-primary: #636DFF;
+    --color-primary-deep: #5964F7;
+    --color-primary-subtle: #636DFF1f;
+    --shadow-card: 0 4px 12px rgba(19, 21, 35, 0.03);
+    --shadow-glass: 0 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.1);
+    --shadow-dropdown: 0 6px 12px rgba(19, 21, 35, 0.08),
+    0 16px 32px rgba(19, 21, 35, 0.12),
+    0 24px 48px rgba(19, 21, 35, 0.08);
+  }
+}
+@layer base {
+  *, ::after, ::before, ::backdrop, ::file-selector-button {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid;
+  }
+  html, :host {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-feature-settings: var(--default-font-feature-settings, normal);
+    font-variation-settings: var(--default-font-variation-settings, normal);
+    -webkit-tap-highlight-color: transparent;
+  }
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+  h1, h2, h3, h4, h5, h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+  b, strong {
+    font-weight: bolder;
+  }
+  code, kbd, samp, pre {
+    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
+    font-feature-settings: var(--default-mono-font-feature-settings, normal);
+    font-variation-settings: var(--default-mono-font-variation-settings, normal);
+    font-size: 1em;
+  }
+  small {
+    font-size: 80%;
+  }
+  sub, sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+  :-moz-focusring {
+    outline: auto;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  summary {
+    display: list-item;
+  }
+  ol, ul, menu {
+    list-style: none;
+  }
+  img, svg, video, canvas, audio, iframe, embed, object {
+    display: block;
+    vertical-align: middle;
+  }
+  img, video {
+    max-width: 100%;
+    height: auto;
+  }
+  button, input, select, optgroup, textarea, ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    border-radius: 0;
+    background-color: transparent;
+    opacity: 1;
+  }
+  :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+  :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+  ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+  ::placeholder {
+    opacity: 1;
+  }
+  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+  }
+  textarea {
+    resize: vertical;
+  }
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+  ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+  ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
+    appearance: button;
+  }
+  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [hidden]:where(:not([hidden="until-found"])) {
+    display: none !important;
+  }
+}
+@layer utilities {
+  .\@container {
+    container-type: inline-size;
+  }
+  .\!pointer-events-none {
+    pointer-events: none !important;
+  }
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
+  .pointer-events-none {
+    pointer-events: none;
+  }
+  .\!visible {
+    visibility: visible !important;
+  }
+  .collapse {
+    visibility: collapse;
+  }
+  .invisible {
+    visibility: hidden;
+  }
+  .visible {
+    visibility: visible;
+  }
+  .\!absolute {
+    position: absolute !important;
+  }
+  .absolute {
+    position: absolute;
+  }
+  .fixed {
+    position: fixed;
+  }
+  .relative {
+    position: relative;
+  }
+  .static {
+    position: static;
+  }
+  .sticky {
+    position: sticky;
+  }
+  .inset-0 {
+    inset: calc(var(--spacing) * 0);
+  }
+  .inset-x-4 {
+    inset-inline: calc(var(--spacing) * 4);
+  }
+  .inset-y-4 {
+    inset-block: calc(var(--spacing) * 4);
+  }
+  .\!start-0 {
+    inset-inline-start: calc(var(--spacing) * 0) !important;
+  }
+  .\!start-auto {
+    inset-inline-start: auto !important;
+  }
+  .start-0 {
+    inset-inline-start: calc(var(--spacing) * 0);
+  }
+  .start-2 {
+    inset-inline-start: calc(var(--spacing) * 2);
+  }
+  .start-2\.75 {
+    inset-inline-start: calc(var(--spacing) * 2.75);
+  }
+  .start-3 {
+    inset-inline-start: calc(var(--spacing) * 3);
+  }
+  .start-4 {
+    inset-inline-start: calc(var(--spacing) * 4);
+  }
+  .\!end-0 {
+    inset-inline-end: calc(var(--spacing) * 0) !important;
+  }
+  .end-0 {
+    inset-inline-end: calc(var(--spacing) * 0);
+  }
+  .end-1 {
+    inset-inline-end: calc(var(--spacing) * 1);
+  }
+  .end-2 {
+    inset-inline-end: calc(var(--spacing) * 2);
+  }
+  .end-5 {
+    inset-inline-end: calc(var(--spacing) * 5);
+  }
+  .\!top-0 {
+    top: calc(var(--spacing) * 0) !important;
+  }
+  .\!top-full {
+    top: 100% !important;
+  }
+  .-top-1 {
+    top: calc(var(--spacing) * -1);
+  }
+  .-top-2\.25 {
+    top: calc(var(--spacing) * -2.25);
+  }
+  .-top-2\.75 {
+    top: calc(var(--spacing) * -2.75);
+  }
+  .-top-6 {
+    top: calc(var(--spacing) * -6);
+  }
+  .top-0 {
+    top: calc(var(--spacing) * 0);
+  }
+  .top-1 {
+    top: calc(var(--spacing) * 1);
+  }
+  .top-1\/2 {
+    top: calc(1/2 * 100%);
+  }
+  .top-2 {
+    top: calc(var(--spacing) * 2);
+  }
+  .top-2\.5 {
+    top: calc(var(--spacing) * 2.5);
+  }
+  .top-3 {
+    top: calc(var(--spacing) * 3);
+  }
+  .top-4 {
+    top: calc(var(--spacing) * 4);
+  }
+  .top-5 {
+    top: calc(var(--spacing) * 5);
+  }
+  .top-6 {
+    top: calc(var(--spacing) * 6);
+  }
+  .top-full {
+    top: 100%;
+  }
+  .\!right-auto {
+    right: auto !important;
+  }
+  .-right-1 {
+    right: calc(var(--spacing) * -1);
+  }
+  .right-0 {
+    right: calc(var(--spacing) * 0);
+  }
+  .right-1 {
+    right: calc(var(--spacing) * 1);
+  }
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+  .right-3 {
+    right: calc(var(--spacing) * 3);
+  }
+  .bottom-0 {
+    bottom: calc(var(--spacing) * 0);
+  }
+  .\!left-0 {
+    left: calc(var(--spacing) * 0) !important;
+  }
+  .left-0 {
+    left: calc(var(--spacing) * 0);
+  }
+  .left-3 {
+    left: calc(var(--spacing) * 3);
+  }
+  .left-4 {
+    left: calc(var(--spacing) * 4);
+  }
+  .left-6 {
+    left: calc(var(--spacing) * 6);
+  }
+  .left-\[3\%\] {
+    left: 3%;
+  }
+  .left-full {
+    left: 100%;
+  }
+  .isolate {
+    isolation: isolate;
+  }
+  .z-1 {
+    z-index: 1;
+  }
+  .z-10 {
+    z-index: 10;
+  }
+  .z-20 {
+    z-index: 20;
+  }
+  .z-50 {
+    z-index: 50;
+  }
+  .z-\[1\] {
+    z-index: 1;
+  }
+  .z-\[2\] {
+    z-index: 2;
+  }
+  .z-\[52\] {
+    z-index: 52;
+  }
+  .z-\[55\] {
+    z-index: 55;
+  }
+  .z-\[60\] {
+    z-index: 60;
+  }
+  .z-\[70\] {
+    z-index: 70;
+  }
+  .z-\[1050\] {
+    z-index: 1050;
+  }
+  .z-\[1055\] {
+    z-index: 1055;
+  }
+  .order-1 {
+    order: 1;
+  }
+  .order-last {
+    order: 9999;
+  }
+  .col-auto {
+    grid-column: auto;
+  }
+  .col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+  .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+  .col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+  .container {
+    width: 100%;
+    @media (width >= 40rem) {
+      max-width: 40rem;
+    }
+    @media (width >= 48rem) {
+      max-width: 48rem;
+    }
+    @media (width >= 64rem) {
+      max-width: 64rem;
+    }
+    @media (width >= 80rem) {
+      max-width: 80rem;
+    }
+    @media (width >= 96rem) {
+      max-width: 96rem;
+    }
+  }
+  .\!m-0 {
+    margin: calc(var(--spacing) * 0) !important;
+  }
+  .\!m-0\.25 {
+    margin: calc(var(--spacing) * 0.25) !important;
+  }
+  .m-1 {
+    margin: calc(var(--spacing) * 1);
+  }
+  .m-4 {
+    margin: calc(var(--spacing) * 4);
+  }
+  .-mx-2 {
+    margin-inline: calc(var(--spacing) * -2);
+  }
+  .-mx-4 {
+    margin-inline: calc(var(--spacing) * -4);
+  }
+  .mx-1 {
+    margin-inline: calc(var(--spacing) * 1);
+  }
+  .mx-auto {
+    margin-inline: auto;
+  }
+  .\!my-2 {
+    margin-block: calc(var(--spacing) * 2) !important;
+  }
+  .my-0 {
+    margin-block: calc(var(--spacing) * 0);
+  }
+  .my-2 {
+    margin-block: calc(var(--spacing) * 2);
+  }
+  .my-2\.5 {
+    margin-block: calc(var(--spacing) * 2.5);
+  }
+  .my-3 {
+    margin-block: calc(var(--spacing) * 3);
+  }
+  .my-4 {
+    margin-block: calc(var(--spacing) * 4);
+  }
+  .my-5 {
+    margin-block: calc(var(--spacing) * 5);
+  }
+  .\!ms-0 {
+    margin-inline-start: calc(var(--spacing) * 0) !important;
+  }
+  .\!ms-1 {
+    margin-inline-start: calc(var(--spacing) * 1) !important;
+  }
+  .-ms-3 {
+    margin-inline-start: calc(var(--spacing) * -3);
+  }
+  .ms-1 {
+    margin-inline-start: calc(var(--spacing) * 1);
+  }
+  .ms-2 {
+    margin-inline-start: calc(var(--spacing) * 2);
+  }
+  .ms-3 {
+    margin-inline-start: calc(var(--spacing) * 3);
+  }
+  .ms-4 {
+    margin-inline-start: calc(var(--spacing) * 4);
+  }
+  .ms-auto {
+    margin-inline-start: auto;
+  }
+  .\!-me-3 {
+    margin-inline-end: calc(var(--spacing) * -3) !important;
+  }
+  .\!me-1 {
+    margin-inline-end: calc(var(--spacing) * 1) !important;
+  }
+  .\!me-4 {
+    margin-inline-end: calc(var(--spacing) * 4) !important;
+  }
+  .me-1 {
+    margin-inline-end: calc(var(--spacing) * 1);
+  }
+  .me-1\.5 {
+    margin-inline-end: calc(var(--spacing) * 1.5);
+  }
+  .me-2 {
+    margin-inline-end: calc(var(--spacing) * 2);
+  }
+  .me-3 {
+    margin-inline-end: calc(var(--spacing) * 3);
+  }
+  .me-4 {
+    margin-inline-end: calc(var(--spacing) * 4);
+  }
+  .me-auto {
+    margin-inline-end: auto;
+  }
+  .\!-mt-3 {
+    margin-top: calc(var(--spacing) * -3) !important;
+  }
+  .\!mt-1 {
+    margin-top: calc(var(--spacing) * 1) !important;
+  }
+  .\!mt-1\.5 {
+    margin-top: calc(var(--spacing) * 1.5) !important;
+  }
+  .\!mt-2 {
+    margin-top: calc(var(--spacing) * 2) !important;
+  }
+  .-mt-1 {
+    margin-top: calc(var(--spacing) * -1);
+  }
+  .-mt-10 {
+    margin-top: calc(var(--spacing) * -10);
+  }
+  .-mt-12 {
+    margin-top: calc(var(--spacing) * -12);
+  }
+  .mt-0 {
+    margin-top: calc(var(--spacing) * 0);
+  }
+  .mt-0\.5 {
+    margin-top: calc(var(--spacing) * 0.5);
+  }
+  .mt-1 {
+    margin-top: calc(var(--spacing) * 1);
+  }
+  .mt-2 {
+    margin-top: calc(var(--spacing) * 2);
+  }
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
+  .mt-4 {
+    margin-top: calc(var(--spacing) * 4);
+  }
+  .mt-4\.5 {
+    margin-top: calc(var(--spacing) * 4.5);
+  }
+  .mt-5 {
+    margin-top: calc(var(--spacing) * 5);
+  }
+  .mt-7 {
+    margin-top: calc(var(--spacing) * 7);
+  }
+  .mt-auto {
+    margin-top: auto;
+  }
+  .-mb-2 {
+    margin-bottom: calc(var(--spacing) * -2);
+  }
+  .mb-0 {
+    margin-bottom: calc(var(--spacing) * 0);
+  }
+  .mb-0\.5 {
+    margin-bottom: calc(var(--spacing) * 0.5);
+  }
+  .mb-1 {
+    margin-bottom: calc(var(--spacing) * 1);
+  }
+  .mb-1\.5 {
+    margin-bottom: calc(var(--spacing) * 1.5);
+  }
+  .mb-2 {
+    margin-bottom: calc(var(--spacing) * 2);
+  }
+  .mb-2\.5 {
+    margin-bottom: calc(var(--spacing) * 2.5);
+  }
+  .mb-3 {
+    margin-bottom: calc(var(--spacing) * 3);
+  }
+  .mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
+  .mb-5 {
+    margin-bottom: calc(var(--spacing) * 5);
+  }
+  .mb-6 {
+    margin-bottom: calc(var(--spacing) * 6);
+  }
+  .mb-7 {
+    margin-bottom: calc(var(--spacing) * 7);
+  }
+  .mb-9 {
+    margin-bottom: calc(var(--spacing) * 9);
+  }
+  .mb-12 {
+    margin-bottom: calc(var(--spacing) * 12);
+  }
+  .ml-auto {
+    margin-left: auto;
+  }
+  .icon-\[iconoir--check-circle-solid\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75S22.75 17.937 22.75 12S17.937 1.25 12 1.25M7.53 11.97a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l7-7a.75.75 0 0 0-1.06-1.06L10 14.44z' clip-rule='evenodd'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--clock-solid\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75S22.75 17.937 22.75 12S17.937 1.25 12 1.25M12.75 6a.75.75 0 0 0-1.5 0v6c0 .414.336.75.75.75h6a.75.75 0 0 0 0-1.5h-5.25z' clip-rule='evenodd'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--discord\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M5.5 16c5 2.5 8 2.5 13 0'/%3E%3Cpath d='m15.5 17.5l1 2s4.171-1.328 5.5-3.5c0-1 .53-8.147-3-10.5c-1.5-1-4-1.5-4-1.5l-1 2h-2'/%3E%3Cpath d='m8.528 17.5l-1 2s-4.171-1.328-5.5-3.5c0-1-.53-8.147 3-10.5c1.5-1 4-1.5 4-1.5l1 2h2'/%3E%3Cpath d='M8.5 14c-.828 0-1.5-.895-1.5-2s.672-2 1.5-2s1.5.895 1.5 2s-.672 2-1.5 2m7 0c-.828 0-1.5-.895-1.5-2s.672-2 1.5-2s1.5.895 1.5 2s-.672 2-1.5 2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--facebook\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17 2h-3a5 5 0 0 0-5 5v3H6v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--link\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M14 11.998C14 9.506 11.683 7 8.857 7H7.143C4.303 7 2 9.238 2 11.998c0 2.378 1.71 4.368 4 4.873a5.3 5.3 0 0 0 1.143.124'/%3E%3Cpath d='M10 11.998c0 2.491 2.317 4.997 5.143 4.997h1.714c2.84 0 5.143-2.237 5.143-4.997c0-2.379-1.71-4.37-4-4.874A5.3 5.3 0 0 0 16.857 7'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--linkedin\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M21 8v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5M7 17v-7'/%3E%3Cpath d='M11 17v-3.25M11 10v3.75m0 0c0-3.75 6-3.75 6 0V17M7 7.01l.01-.011'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--media-image-plus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M13 21H3.6a.6.6 0 0 1-.6-.6V3.6a.6.6 0 0 1 .6-.6h16.8a.6.6 0 0 1 .6.6V13'/%3E%3Cpath d='m3 16l7-3l5.5 2.5M16 10a2 2 0 1 1 0-4a2 2 0 0 1 0 4m0 9h3m3 0h-3m0 0v-3m0 3v3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--menu\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 5h18M3 12h18M3 19h18'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--minus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 12h12'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--pause\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' d='M6 18.4V5.6a.6.6 0 0 1 .6-.6h2.8a.6.6 0 0 1 .6.6v12.8a.6.6 0 0 1-.6.6H6.6a.6.6 0 0 1-.6-.6Zm8 0V5.6a.6.6 0 0 1 .6-.6h2.8a.6.6 0 0 1 .6.6v12.8a.6.6 0 0 1-.6.6h-2.8a.6.6 0 0 1-.6-.6Z'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--star-solid\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m8.587 8.236l2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232l5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07l.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75l-4.202-4.07a.902.902 0 0 1 .503-1.54z'/%3E%3C/svg%3E");
+  }
+  .icon-\[iconoir--x\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M16.82 20.768L3.753 3.968A.6.6 0 0 1 4.227 3h2.48a.6.6 0 0 1 .473.232l13.067 16.8a.6.6 0 0 1-.474.968h-2.48a.6.6 0 0 1-.473-.232Z'/%3E%3Cpath stroke-linecap='round' d='M20 3L4 21'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--activity\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--alarm-clock-off\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.87 6.87a8 8 0 1 0 11.26 11.26m1.77-3.88a8 8 0 0 0-9.15-9.15M22 6l-3-3M6.26 18.67L4 21M2 2l20 20M4 4L2 6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--app-window\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='M10 4v4M2 8h20M6 4v4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--archive\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='5' x='2' y='3' rx='1'/%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8m-10 4h4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--arrow-up-right\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7h10v10M7 17L17 7'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--at-sign\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--award\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15.477 12.89l1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526'/%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--baggage-claim\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M22 18H6a2 2 0 0 1-2-2V7a2 2 0 0 0-2-2'/%3E%3Cpath d='M17 14V4a2 2 0 0 0-2-2h-1a2 2 0 0 0-2 2v10'/%3E%3Crect width='13' height='8' x='8' y='6' rx='1'/%3E%3Ccircle cx='18' cy='20' r='2'/%3E%3Ccircle cx='9' cy='20' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--ban\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4.929 4.929L19.07 19.071'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--bell\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.268 21a2 2 0 0 0 3.464 0m-10.47-5.674A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--bolt\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--book-open-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 21V7m4 5l2 2l4-4'/%3E%3Cpath d='M22 6V4a1 1 0 0 0-1-1h-5a4 4 0 0 0-4 4a4 4 0 0 0-4-4H3a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h6a3 3 0 0 1 3 3a3 3 0 0 1 3-3h6a1 1 0 0 0 1-1v-1.3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--book-open\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 7v14m-9-3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4a4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3a3 3 0 0 0-3-3z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--book-user\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 13a3 3 0 1 0-6 0'/%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20'/%3E%3Ccircle cx='12' cy='8' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--bookmark-plus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 21l-7-4l-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2zM12 7v6m3-3H9'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--box\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7l8.7 5l8.7-5M12 22V12'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--briefcase-business\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 12h.01M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2m14 7a18.15 18.15 0 0 1-20 0'/%3E%3Crect width='20' height='14' x='2' y='6' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--bug\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 20v-9m2-4a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4zm.12-3.12L16 2'/%3E%3Cpath d='M21 21a4 4 0 0 0-3.81-4M21 5a4 4 0 0 1-3.55 3.97M22 13h-4M3 21a4 4 0 0 1 3.81-4M3 5a4 4 0 0 0 3.55 3.97M6 13H2M8 2l1.88 1.88M9 7.13V6a3 3 0 1 1 6 0v1.13'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--building-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Zm0-10H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2M10 6h4m-4 4h4m-4 4h4m-4 4h4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--cake\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8'/%3E%3Cpath d='M4 16s.5-1 2-1s2.5 2 4 2s2.5-2 4-2s2.5 2 4 2s2-1 2-1M2 21h20M7 8v3m5-3v3m5-3v3M7 4h.01M12 4h.01M17 4h.01'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--calendar-days\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 2v4m8-4v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chart-no-axes-column\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 21v-6m7 6V3m7 18V9'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevron-down\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevron-left\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 18l-6-6l6-6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevron-right\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18l6-6l-6-6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevron-up\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 15l-6-6l-6 6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--chevrons-down-up\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 20l5-5l5 5M7 4l5 5l5-5'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--circle-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--circle-user-round\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 20a6 6 0 0 0-12 0'/%3E%3Ccircle cx='12' cy='10' r='4'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--circle-user\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--clipboard-edit\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='8' height='4' x='8' y='2' rx='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-5.5M4 13.5V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M13.378 15.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--clipboard-pen\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='8' height='4' x='8' y='2' rx='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-5.5M4 13.5V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M13.378 15.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--clock-fading\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2a10 10 0 0 1 7.38 16.75M12 6v6l4 2M2.5 8.875a10 10 0 0 0-.5 3M2.83 16a10 10 0 0 0 2.43 3.4M4.636 5.235a10 10 0 0 1 .891-.857M8.644 21.42a10 10 0 0 0 7.631-.38'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--code\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 18l6-6l-6-6M8 6l-6 6l6 6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--component\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0zm-13.239 0a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0zm6.619 6.619a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0zm0-13.238a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--copy\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--credit-card\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--crown\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294zM5 21h14'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--database-backup\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 12a9 3 0 0 0 5 2.69M21 9.3V5'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 6.47 2.88M12 12v4h4'/%3E%3Cpath d='M13 20a5 5 0 0 0 9-3a4.5 4.5 0 0 0-4.5-4.5c-1.33 0-2.54.54-3.41 1.41L12 16'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--database-zap\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 12 2.84M21 5v3m0 4l-3 5h4l-3 5'/%3E%3Cpath d='M3 12a9 3 0 0 0 11.59 2.87'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--database\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 18 0V5'/%3E%3Cpath d='M3 12a9 3 0 0 0 18 0'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--diamond-percent\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.7 10.3a2.41 2.41 0 0 0 0 3.41l7.59 7.59a2.41 2.41 0 0 0 3.41 0l7.59-7.59a2.41 2.41 0 0 0 0-3.41L13.7 2.71a2.41 2.41 0 0 0-3.41 0Zm6.5-1.1h.01m5.29.3l-5 5m5.2.3h.01'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--dollar-sign\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v20m5-17H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--download\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10l5 5l5-5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--edit-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--edit\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--expand\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 15l6 6M15 9l6-6m0 13v5h-5m5-13V3h-5M3 16v5h5m-5 0l6-6M3 8V3h5m1 6L3 3'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--external-link\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--eye-off\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575a1 1 0 0 1 0 .696a10.8 10.8 0 0 1-1.444 2.49m-6.41-.679a3 3 0 0 1-4.242-4.242'/%3E%3Cpath d='M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 4.446-5.143M2 2l20 20'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--eye\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-box\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14.5 22H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M3 13.1a2 2 0 0 0-1 1.76v3.24a2 2 0 0 0 .97 1.78L6 21.7a2 2 0 0 0 2.03.01L11 19.9a2 2 0 0 0 1-1.76V14.9a2 2 0 0 0-.97-1.78L8 11.3a2 2 0 0 0-2.03-.01ZM7 17v5'/%3E%3Cpath d='M11.7 14.2L7 17l-4.7-2.8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-chart-column\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M8 18v-1m4 1v-6m4 6v-3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-chart-line\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4m-4 5l-3.5 3.5l-2-2L8 17'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M9 15l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-code-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M5 12l-3 3l3 3m4 0l3-3l-3-3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-edit\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12.5 22H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v9.5'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4m-6.622 7.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file-stack\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1m12 4a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1m12-1a2 2 0 0 0-.586-1.414l-2-2A2 2 0 0 0 17 2h-3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--file\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--files\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2a2 2 0 0 1 1.414.586l4 4A2 2 0 0 1 21 8v7a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z'/%3E%3Cpath d='M15 2v4a2 2 0 0 0 2 2h4M5 7a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 1.732-1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--filter\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 3H2l8 9.46V19l4 2v-8.54z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--flag\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--folder-cog\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.3 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.98a2 2 0 0 1 1.69.9l.66 1.2A2 2 0 0 0 12 6h8a2 2 0 0 1 2 2v3.3m-7.695 8.23l.923-.382m0-2.296l-.923-.383m2.547-1.241l-.383-.923m.383 6.467l-.383.924m2.679-6.468l.383-.923m-.001 7.391l-.382-.924m1.624-3.92l.924-.383m-.924 2.679l.924.383'/%3E%3Ccircle cx='18' cy='18' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--folder-git-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v5'/%3E%3Ccircle cx='13' cy='12' r='2'/%3E%3Cpath d='M18 19c-2.8 0-5-2.2-5-5v8'/%3E%3Ccircle cx='20' cy='19' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--folder-open\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 14l1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--folder\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--forward\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15 17l5-5l-5-5'/%3E%3Cpath d='M4 18v-2a4 4 0 0 1 4-4h12'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--globe-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.54 15H17a2 2 0 0 0-2 2v4.54M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--globe\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20a14.5 14.5 0 0 0 0-20M2 12h20'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--hand-coins\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 15h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 17'/%3E%3Cpath d='m7 21l1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9M2 16l6 6'/%3E%3Ccircle cx='16' cy='9' r='2.9'/%3E%3Ccircle cx='6' cy='5' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--hash\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 9h16M4 15h16M10 3L8 21m8-18l-2 18'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--headset\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2z'/%3E%3Cpath d='M21 16v2a4 4 0 0 1-4 4h-5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--heart\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676a.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--history\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5m4-1v5l4 2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--home\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--image\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15l-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--images\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m22 11l-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16'/%3E%3Cpath d='M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2'/%3E%3Ccircle cx='13' cy='7' r='1' fill='black'/%3E%3Crect width='14' height='14' x='8' y='2' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--info\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4m0-4h.01'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--key-round\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z'/%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='black'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--layers-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 13.74a2 2 0 0 1-2 0L2.5 8.87a1 1 0 0 1 0-1.74L11 2.26a2 2 0 0 1 2 0l8.5 4.87a1 1 0 0 1 0 1.74zm7 .545l1.5.845a1 1 0 0 1 0 1.74L13 21.74a2 2 0 0 1-2 0l-8.5-4.87a1 1 0 0 1 0-1.74l1.5-.845'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--layers\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z'/%3E%3Cpath d='M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12'/%3E%3Cpath d='M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--layout-grid\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--layout\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18M9 21V9'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--life-buoy\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.93 4.93l4.24 4.24m5.66 0l4.24-4.24m-4.24 9.9l4.24 4.24m-9.9-4.24l-4.24 4.24'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--lightbulb\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 14c.2-1 .7-1.7 1.5-2.5c1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5c.7.7 1.3 1.5 1.5 2.5m0 4h6m-5 4h4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--list-restart\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 5H3m4 7H3m4 7H3m9-1a5 5 0 0 0 9-3a4.5 4.5 0 0 0-4.5-4.5c-1.33 0-2.54.54-3.41 1.41L11 14'/%3E%3Cpath d='M11 10v4h4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--list\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5h.01M3 12h.01M3 19h.01M8 5h13M8 12h13M8 19h13'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--log-out\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 17l5-5l-5-5m5 5H9m0 9H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--magnet\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 15l4 4M2.352 10.648a1.205 1.205 0 0 0 0 1.704l2.296 2.296a1.205 1.205 0 0 0 1.704 0l6.029-6.029a1 1 0 1 1 3 3l-6.029 6.029a1.205 1.205 0 0 0 0 1.704l2.296 2.296a1.205 1.205 0 0 0 1.704 0l6.365-6.367A1 1 0 0 0 8.716 4.282zM5 8l4 4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--mail-open\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0z'/%3E%3Cpath d='m22 10l-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--mail\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--map-pin\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--message-circle-more\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092a10 10 0 1 0-4.777-4.719M8 12h.01M12 12h.01M16 12h.01'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--minus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--monitor-play\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15.033 9.44a.647.647 0 0 1 0 1.12l-4.065 2.352a.645.645 0 0 1-.968-.56V7.648a.645.645 0 0 1 .967-.56zM12 17v4m-4 0h8'/%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--monitor-speaker\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5.5 20H8m9-11h.01'/%3E%3Crect width='10' height='16' x='12' y='4' rx='2'/%3E%3Cpath d='M8 6H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h4'/%3E%3Ccircle cx='17' cy='15' r='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--more-vertical\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='12' cy='5' r='1'/%3E%3Ccircle cx='12' cy='19' r='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--mouse-pointer-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--move\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v20m3-3l-3 3l-3-3M19 9l3 3l-3 3M2 12h20M5 9l-3 3l3 3M9 5l3-3l3 3'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--palette\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 22a1 1 0 0 1 0-20a10 9 0 0 1 10 9a5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z'/%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='black'/%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='black'/%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='black'/%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='black'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--panel-left-right-dashed\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 10V9m0 6v-1m0 7v-2m0-14V3m-6 7V9m0 6v-1m0 7v-2M9 5V3'/%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--paperclip\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 6l-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--percent\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19 5L5 19'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--phone-call\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 2a9 9 0 0 1 9 9m-9-5a5 5 0 0 1 5 5m-4.168 5.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233a14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--phone-off\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.1 13.9a14 14 0 0 0 3.732 2.668a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2a18 18 0 0 1-12.728-5.272M22 2L2 22m2.76-8.418A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233a14 14 0 0 0 .244.473'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--pizza\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m12 14l-1 1m2.75 3.25l-1.25 1.42m5.275-14.016a15.68 15.68 0 0 0-12.121 12.12M18.8 9.3a1 1 0 0 0 2.1 7.7'/%3E%3Cpath d='M21.964 20.732a1 1 0 0 1-1.232 1.232l-18-5a1 1 0 0 1-.695-1.232A19.68 19.68 0 0 1 15.732 2.037a1 1 0 0 1 1.232.695z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--play\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--plus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7v14'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--printer\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6'/%3E%3Crect width='12' height='8' x='6' y='14' rx='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--refresh-ccw-dot\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 12a9 9 0 0 0-9-9a9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5m-5 4a9 9 0 0 0 9 9a9.75 9.75 0 0 0 6.74-2.74L21 16'/%3E%3Cpath d='M16 16h5v5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--reply\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 18v-2a4 4 0 0 0-4-4H4'/%3E%3Cpath d='m9 17l-5-5l5-5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--scan-face\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7V5a2 2 0 0 1 2-2h2m10 0h2a2 2 0 0 1 2 2v2m0 10v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2m5-3s1.5 2 4 2s4-2 4-2M9 9h.01M15 9h.01'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--search\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m21 21l-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--send\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11zm7.318-19.539l-10.94 10.939'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--settings\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0a2.34 2.34 0 0 0 3.319 1.915a2.34 2.34 0 0 1 2.33 4.033a2.34 2.34 0 0 0 0 3.831a2.34 2.34 0 0 1-2.33 4.033a2.34 2.34 0 0 0-3.319 1.915a2.34 2.34 0 0 1-4.659 0a2.34 2.34 0 0 0-3.32-1.915a2.34 2.34 0 0 1-2.33-4.033a2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--share\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v13m4-9l-4-4l-4 4m-4 6v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--shield-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--shirt\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20.38 3.46L16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--shopping-bag\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 10a4 4 0 0 1-8 0M3.103 6.034h17.794'/%3E%3Cpath d='M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--shopping-cart\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--sidebar\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M9 3v18'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--sliders-horizontal\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5H3m9 14H3M14 3v4m2 10v4m5-9h-9m9 7h-5m5-14h-7m-6 5v4m0-2H3'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--square-check-big\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344'/%3E%3Cpath d='m9 11l3 3L22 4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--star\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--stars\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594zM20 2v4m2-2h-4'/%3E%3Ccircle cx='4' cy='20' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--sun-moon\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v2m2.837 12.385a6 6 0 1 1-7.223-7.222c.624-.147.97.66.715 1.248a4 4 0 0 0 5.26 5.259c.589-.255 1.396.09 1.248.715M16 12a4 4 0 0 0-4-4m7-3l-1.256 1.256M20 12h2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--table\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3v18'/%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18M3 15h18'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--text-align-center\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 5H3m14 7H7m12 7H5'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--thumbs-up\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 10v12m8-16.12L14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--trash-2\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 11v6m4-6v6m5-11v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--trash\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--trending-down\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 17h6v-6'/%3E%3Cpath d='m22 17l-8.5-8.5l-5 5L2 7'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--trending-up\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7l-8.5 8.5l-5-5L2 17'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--triangle-alert\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21.73 18l-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4m0 4h.01'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--truck\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2m10 0H9m10 0h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--upload\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3v12m5-7l-5-5l-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-check\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16 11l2 2l4-4m-6 12v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-cog\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 15H6a4 4 0 0 0-4 4v2m12.305-4.47l.923-.382m0-2.296l-.923-.383m2.547-1.241l-.383-.923m.383 6.467l-.383.924m2.679-6.468l.383-.923m-.001 7.391l-.382-.924m1.624-3.92l.924-.383m-.924 2.679l.924.383'/%3E%3Ccircle cx='18' cy='15' r='3'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-pen\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11.5 15H7a4 4 0 0 0-4 4v2m18.378-4.374a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3Ccircle cx='10' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-plus\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6m3-3h-6'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user-round-x\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2 21a8 8 0 0 1 11.873-7'/%3E%3Ccircle cx='10' cy='8' r='5'/%3E%3Cpath d='m17 17l5 5m0-5l-5 5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--user\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--users\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M16 3.128a4 4 0 0 1 0 7.744M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--video\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16 13l5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5'/%3E%3Crect width='14' height='12' x='2' y='6' rx='2'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--wand-sparkles\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21.64 3.64l-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72M14 7l3 3M5 6v4m14 4v4M10 2v2M7 8H3m18 8h-4M11 3H9'/%3E%3C/svg%3E");
+  }
+  .icon-\[lucide--x\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
+  }
+  .icon-\[ph--align-left-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M72 104V64a8 8 0 0 1 8-8h96a8 8 0 0 1 8 8v40a8 8 0 0 1-8 8H80a8 8 0 0 1-8-8m144 40H80a8 8 0 0 0-8 8v40a8 8 0 0 0 8 8h136a8 8 0 0 0 8-8v-40a8 8 0 0 0-8-8' opacity='.2'/%3E%3Cpath d='M216 136H80a16 16 0 0 0-16 16v40a16 16 0 0 0 16 16h136a16 16 0 0 0 16-16v-40a16 16 0 0 0-16-16m0 56H80v-40h136zM48 40v176a8 8 0 0 1-16 0V40a8 8 0 0 1 16 0m32 80h96a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v40a16 16 0 0 0 16 16m0-56h96v40H80Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--bell-simple-slash-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M208 192H48a8 8 0 0 1-6.88-12C47.71 168.6 56 139.81 56 104a72 72 0 0 1 144 0c0 35.82 8.3 64.6 14.9 76a8 8 0 0 1-6.9 12' opacity='.2'/%3E%3Cpath d='M53.92 34.62a8 8 0 1 0-11.84 10.76L58.82 63.8A79.6 79.6 0 0 0 48 104c0 35.34-8.26 62.38-13.81 71.94A16 16 0 0 0 48 200h134.64l19.44 21.38a8 8 0 1 0 11.84-10.76ZM48 184c7.7-13.24 16-43.92 16-80a63.65 63.65 0 0 1 6.26-27.62L168.09 184Zm120 40a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m46-44.75a8.1 8.1 0 0 1-2.93.55a8 8 0 0 1-7.44-5.08C196.35 156.19 192 129.75 192 104a64 64 0 0 0-95.57-55.69a8 8 0 0 1-7.9-13.91A80 80 0 0 1 208 104c0 35.35 8.05 58.59 10.52 64.88a8 8 0 0 1-4.52 10.37'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--book-open-text-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M232 56v144h-72a32 32 0 0 0-32 32V88a32 32 0 0 1 32-32Z' opacity='.2'/%3E%3Cpath d='M232 48h-72a40 40 0 0 0-32 16a40 40 0 0 0-32-16H24a8 8 0 0 0-8 8v144a8 8 0 0 0 8 8h72a24 24 0 0 1 24 24a8 8 0 0 0 16 0a24 24 0 0 1 24-24h72a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8M96 192H32V64h64a24 24 0 0 1 24 24v112a39.8 39.8 0 0 0-24-8m128 0h-64a39.8 39.8 0 0 0-24 8V88a24 24 0 0 1 24-24h64ZM160 88h40a8 8 0 0 1 0 16h-40a8 8 0 0 1 0-16m48 40a8 8 0 0 1-8 8h-40a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8m0 32a8 8 0 0 1-8 8h-40a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--calendar-check-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M216 48v40H40V48a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16M72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160zm-38.34-85.66a8 8 0 0 1 0 11.32l-48 48a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L116 164.69l42.34-42.35a8 8 0 0 1 11.32 0'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--chart-donut-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M224 128a96 96 0 0 1-96 96v-56a40 40 0 0 0 0-80V32a96 96 0 0 1 96 96' opacity='.2'/%3E%3Cpath d='M128 24a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8a32 32 0 1 1-27.72 16a8 8 0 0 0-2.93-10.93l-48.5-28A8 8 0 0 0 37.92 76A104 104 0 1 0 128 24M48.09 91.1L83 111.26A48.1 48.1 0 0 0 80 128c0 1.53.08 3 .22 4.52L41.28 143a88.16 88.16 0 0 1 6.81-51.9m-2.67 67.31l39-10.44A48.1 48.1 0 0 0 120 175.32v40.31a88.2 88.2 0 0 1-74.58-57.22M136 215.63v-40.31a48 48 0 0 0 0-94.65V40.36a88 88 0 0 1 0 175.27'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--chef-hat-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M232 112a48 48 0 0 1-48 48H72a48 48 0 1 1 10.35-94.88a48 48 0 0 1 91.28 0A48 48 0 0 1 232 112' opacity='.2'/%3E%3Cpath d='M240 112a56.06 56.06 0 0 0-56-56c-1.77 0-3.54.1-5.29.26a56 56 0 0 0-101.42 0C75.54 56.1 73.77 56 72 56a56 56 0 0 0-24 106.59V208a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-45.41A56.09 56.09 0 0 0 240 112m-48 96H64v-40.58a55.5 55.5 0 0 0 8 .58h112a55.5 55.5 0 0 0 8-.58Zm-8-56h-13.75l5.51-22.06a8 8 0 0 0-15.52-3.88L153.75 152H136v-24a8 8 0 0 0-16 0v24h-17.75l-6.49-25.94a8 8 0 1 0-15.52 3.88L85.75 152H72a40 40 0 0 1 0-80h.58a55 55 0 0 0-.58 8a8 8 0 0 0 16 0a40 40 0 0 1 80 0a8 8 0 0 0 16 0a55 55 0 0 0-.58-8h.58a40 40 0 0 1 0 80'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--receipt-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M224 56v152l-32-16l-32 16l-32-16l-32 16l-32-16l-32 16V56a8 8 0 0 1 8-8h176a8 8 0 0 1 8 8' opacity='.2'/%3E%3Cpath d='M72 104a8 8 0 0 1 8-8h96a8 8 0 0 1 0 16H80a8 8 0 0 1-8-8m8 40h96a8 8 0 0 0 0-16H80a8 8 0 0 0 0 16m152-88v152a8 8 0 0 1-11.58 7.15L192 200.94l-28.42 14.21a8 8 0 0 1-7.16 0L128 200.94l-28.42 14.21a8 8 0 0 1-7.16 0L64 200.94l-28.42 14.21A8 8 0 0 1 24 208V56a16 16 0 0 1 16-16h176a16 16 0 0 1 16 16m-16 0H40v139.06l20.42-10.22a8 8 0 0 1 7.16 0L96 199.06l28.42-14.22a8 8 0 0 1 7.16 0L160 199.06l28.42-14.22a8 8 0 0 1 7.16 0L216 195.06Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--shopping-cart-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='m224 64l-12.16 66.86A16 16 0 0 1 196.1 144H70.55L56 64Z' opacity='.2'/%3E%3Cpath d='M230.14 58.87A8 8 0 0 0 224 56H62.68L56.6 22.57A8 8 0 0 0 48.73 16H24a8 8 0 0 0 0 16h18l25.56 140.29a24 24 0 0 0 5.33 11.27a28 28 0 1 0 44.4 8.44h45.42a27.75 27.75 0 0 0-2.71 12a28 28 0 1 0 28-28H91.17a8 8 0 0 1-7.87-6.57L80.13 152h116a24 24 0 0 0 23.61-19.71l12.16-66.86a8 8 0 0 0-1.76-6.56M104 204a12 12 0 1 1-12-12a12 12 0 0 1 12 12m96 0a12 12 0 1 1-12-12a12 12 0 0 1 12 12m4-74.57a8 8 0 0 1-7.9 6.57H77.22L65.59 72h148.82Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--storefront-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M224 96v16a32 32 0 0 1-64 0V96H96v16a32 32 0 0 1-64 0V96l14.34-50.2A8 8 0 0 1 54 40h148a8 8 0 0 1 7.69 5.8Z' opacity='.2'/%3E%3Cpath d='M231.69 93.81L217.35 43.6A16.07 16.07 0 0 0 202 32H54a16.07 16.07 0 0 0-15.35 11.6L24.31 93.81A8 8 0 0 0 24 96v16a40 40 0 0 0 16 32v72a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8v-72a40 40 0 0 0 16-32V96a8 8 0 0 0-.31-2.19M54 48h148l11.42 40H42.61Zm98 56v8a24 24 0 0 1-48 0v-8ZM51.06 132.2A24 24 0 0 1 40 112v-8h48v8a24 24 0 0 1-35.12 21.26a8 8 0 0 0-1.82-1.06M200 208H56v-56.8a40.6 40.6 0 0 0 8 .8a40 40 0 0 0 32-16a40 40 0 0 0 64 0a40 40 0 0 0 32 16a40.6 40.6 0 0 0 8-.8Zm16-96a24 24 0 0 1-11.07 20.2a8 8 0 0 0-1.8 1.05A24 24 0 0 1 168 112v-8h48Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--user-circle-gear-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M224 128a95.76 95.76 0 0 1-31.8 71.37A72 72 0 0 0 128 160a40 40 0 1 0-40-40a40 40 0 0 0 40 40a72 72 0 0 0-64.2 39.37A96 96 0 0 1 184.92 50.69a16 16 0 0 0 20.39 20.39A95.6 95.6 0 0 1 224 128' opacity='.2'/%3E%3Cpath d='m228.25 63.07l-4.66-2.69a23.6 23.6 0 0 0 0-8.76l4.66-2.69a8 8 0 0 0-8-13.86l-4.67 2.7a23.9 23.9 0 0 0-7.58-4.39V28a8 8 0 0 0-16 0v5.38a23.9 23.9 0 0 0-7.58 4.39l-4.67-2.7a8 8 0 1 0-8 13.86l4.66 2.69a23.6 23.6 0 0 0 0 8.76l-4.66 2.69a8 8 0 0 0 4 14.93a7.9 7.9 0 0 0 4-1.07l4.67-2.7a23.9 23.9 0 0 0 7.58 4.39V84a8 8 0 0 0 16 0v-5.38a23.9 23.9 0 0 0 7.58-4.39l4.67 2.7a7.9 7.9 0 0 0 4 1.07a8 8 0 0 0 4-14.93M192 56a8 8 0 1 1 8 8a8 8 0 0 1-8-8m29.35 48.11a8 8 0 0 0-6.57 9.21A89 89 0 0 1 216 128a87.62 87.62 0 0 1-22.24 58.41a79.66 79.66 0 0 0-36.06-28.75a48 48 0 1 0-59.4 0a79.66 79.66 0 0 0-36.06 28.75A88 88 0 0 1 128 40a89 89 0 0 1 14.68 1.22a8 8 0 0 0 2.64-15.78a103.92 103.92 0 1 0 85.24 85.24a8 8 0 0 0-9.21-6.57M96 120a32 32 0 1 1 32 32a32 32 0 0 1-32-32m-21.92 77.5a64 64 0 0 1 107.84 0a87.83 87.83 0 0 1-107.84 0'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[ph--users-three-duotone\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cg fill='black'%3E%3Cpath d='M168 144a40 40 0 1 1-40-40a40 40 0 0 1 40 40M64 56a32 32 0 1 0 32 32a32 32 0 0 0-32-32m128 0a32 32 0 1 0 32 32a32 32 0 0 0-32-32' opacity='.2'/%3E%3Cpath d='M244.8 150.4a8 8 0 0 1-11.2-1.6A51.6 51.6 0 0 0 192 128a8 8 0 0 1 0-16a24 24 0 1 0-23.24-30a8 8 0 1 1-15.5-4A40 40 0 1 1 219 117.51a67.94 67.94 0 0 1 27.43 21.68a8 8 0 0 1-1.63 11.21M190.92 212a8 8 0 1 1-13.85 8a57 57 0 0 0-98.15 0a8 8 0 1 1-13.84-8a72.06 72.06 0 0 1 33.74-29.92a48 48 0 1 1 58.36 0A72.06 72.06 0 0 1 190.92 212M128 176a32 32 0 1 0-32-32a32 32 0 0 0 32 32m-56-56a8 8 0 0 0-8-8a24 24 0 1 1 23.24-30a8 8 0 1 0 15.5-4A40 40 0 1 0 37 117.51a67.94 67.94 0 0 0-27.4 21.68a8 8 0 1 0 12.8 9.61A51.6 51.6 0 0 1 64 128a8 8 0 0 0 8-8'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[solar--shield-user-linear\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M3 10.417c0-3.198 0-4.797.378-5.335c.377-.537 1.88-1.052 4.887-2.081l.573-.196C10.405 2.268 11.188 2 12 2s1.595.268 3.162.805l.573.196c3.007 1.029 4.51 1.544 4.887 2.081C21 5.62 21 7.22 21 10.417v1.574c0 5.638-4.239 8.375-6.899 9.536C13.38 21.842 13.02 22 12 22s-1.38-.158-2.101-.473C7.239 20.365 3 17.63 3 11.991z'/%3E%3Ccircle cx='12' cy='9' r='2'/%3E%3Cpath d='M16 15c0 1.105 0 2-4 2s-4-.895-4-2s1.79-2 4-2s4 .895 4 2Z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[solar--verified-check-bold\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M9.592 3.2a6 6 0 0 1-.495.399c-.298.2-.633.338-.985.408c-.153.03-.313.043-.632.068c-.801.064-1.202.096-1.536.214a2.71 2.71 0 0 0-1.655 1.655c-.118.334-.15.735-.214 1.536a6 6 0 0 1-.068.632c-.07.352-.208.687-.408.985c-.087.13-.191.252-.399.495c-.521.612-.782.918-.935 1.238c-.353.74-.353 1.6 0 2.34c.153.32.414.626.935 1.238c.208.243.312.365.399.495c.2.298.338.633.408.985c.03.153.043.313.068.632c.064.801.096 1.202.214 1.536a2.71 2.71 0 0 0 1.655 1.655c.334.118.735.15 1.536.214c.319.025.479.038.632.068c.352.07.687.209.985.408c.13.087.252.191.495.399c.612.521.918.782 1.238.935c.74.353 1.6.353 2.34 0c.32-.153.626-.414 1.238-.935c.243-.208.365-.312.495-.399c.298-.2.633-.338.985-.408c.153-.03.313-.043.632-.068c.801-.064 1.202-.096 1.536-.214a2.71 2.71 0 0 0 1.655-1.655c.118-.334.15-.735.214-1.536c.025-.319.038-.479.068-.632c.07-.352.209-.687.408-.985c.087-.13.191-.252.399-.495c.521-.612.782-.918.935-1.238c.353-.74.353-1.6 0-2.34c-.153-.32-.414-.626-.935-1.238a6 6 0 0 1-.399-.495a2.7 2.7 0 0 1-.408-.985a6 6 0 0 1-.068-.632c-.064-.801-.096-1.202-.214-1.536a2.71 2.71 0 0 0-1.655-1.655c-.334-.118-.735-.15-1.536-.214a6 6 0 0 1-.632-.068a2.7 2.7 0 0 1-.985-.408a6 6 0 0 1-.495-.399c-.612-.521-.918-.782-1.238-.935a2.71 2.71 0 0 0-2.34 0c-.32.153-.626.414-1.238.935m6.781 6.663a.814.814 0 0 0-1.15-1.15l-4.85 4.85l-1.596-1.595a.814.814 0 0 0-1.15 1.15l2.17 2.17a.814.814 0 0 0 1.15 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-angular\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m5.428 17.245l6.076 3.471a1 1 0 0 0 .992 0l6.076-3.471a1 1 0 0 0 .495-.734l1.323-9.704a1 1 0 0 0-.658-1.078l-7.4-2.612a1 1 0 0 0-.665 0L4.268 5.73a1 1 0 0 0-.658 1.078l1.323 9.704a1 1 0 0 0 .495.734z'/%3E%3Cpath d='m9 15l3-8l3 8m-5-2h4'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-aws\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 18.5a15.2 15.2 0 0 1-7.37 1.44A14.6 14.6 0 0 1 3 17m16.5 4c.907-1.411 1.451-3.323 1.5-5c-1.197-.773-2.577-.935-4-1M3 11V6.5a1.5 1.5 0 0 1 3 0V11M3 9h3m3-4l1.2 6L12 7l1.8 4L15 5m3 5.25c0 .414.336.75.75.75H20a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75'/%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-firebase\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m4.53 17.05l6.15-11.72h-.02c.38-.74 1.28-1.02 2.01-.63c.26.14.48.36.62.62l1.06 2.01'/%3E%3Cpath d='M15.47 6.45c.58-.59 1.53-.59 2.11-.01c.22.22.36.5.41.81l1.5 9.11c.1.62-.2 1.24-.76 1.54l-6.07 2.9c-.46.25-1.01.26-1.46 0l-6.02-2.92c-.55-.31-.85-.92-.75-1.54L6.39 4.3c.12-.82.89-1.38 1.7-1.25c.46.07.87.36 1.09.77l1.24 1.76m-5.85 11.6L15.5 6.5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-html5\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m20 4l-2 14.5l-6 2l-6-2L4 4z'/%3E%3Cpath d='M15.5 8h-7l.5 4h6l-.5 3.5l-2.5.75l-2.5-.75l-.1-.5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-python\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 9H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h3m4-2h7a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3'/%3E%3Cpath d='M8 9V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4m-5-9v.01M13 18v.01'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-react\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6.306 8.711C3.704 9.434 2 10.637 2 12c0 2.21 4.477 4 10 4c.773 0 1.526-.035 2.248-.102m3.444-.609C20.295 14.567 22 13.363 22 12c0-2.21-4.477-4-10-4c-.773 0-1.526.035-2.25.102'/%3E%3Cpath d='M6.305 15.287C5.629 17.902 5.82 19.98 7 20.66c1.913 1.105 5.703-1.877 8.464-6.66q.581-1.007 1.036-2m1.194-3.284C18.371 6.1 18.181 4.02 17 3.34C15.087 2.235 11.297 5.217 8.536 10c-.387.67-.733 1.34-1.037 2'/%3E%3Cpath d='M12 5.424C10.075 3.532 8.18 2.658 7 3.34C5.087 4.444 5.774 9.217 8.536 14c.386.67.793 1.304 1.212 1.896M12 18.574c1.926 1.893 3.821 2.768 5 2.086c1.913-1.104 1.226-5.877-1.536-10.66q-.563-.976-1.212-1.897M11.5 12.866a1 1 0 1 0 1-1.732a1 1 0 0 0-1 1.732'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--brand-vue\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16.5 4L12 12L7.5 4'/%3E%3Cpath d='m3 4l9 16l9-16'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--reload\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19.933 13.041a8 8 0 1 1-9.925-8.788c3.899-1 7.935 1.007 9.425 4.747'/%3E%3Cpath d='M20 4v5h-5'/%3E%3C/g%3E%3C/svg%3E");
+  }
+  .icon-\[tabler--star-filled\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8.243 7.34l-6.38.925l-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499l-1.09 6.355l-.013.11a1 1 0 0 0 1.464.944l5.706-3l5.693 3l.1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355l4.624-4.5l.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926l-2.852-5.78a1 1 0 0 0-1.794 0z'/%3E%3C/svg%3E");
+  }
+  .line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
+  .\!flex {
+    display: flex !important;
+  }
+  .\!inline-flex {
+    display: inline-flex !important;
+  }
+  .block {
+    display: block;
+  }
+  .contents {
+    display: contents;
+  }
+  .flex {
+    display: flex;
+  }
+  .grid {
+    display: grid;
+  }
+  .hidden {
+    display: none;
+  }
+  .inline {
+    display: inline;
+  }
+  .inline-block {
+    display: inline-block;
+  }
+  .inline-flex {
+    display: inline-flex;
+  }
+  .table {
+    display: table;
+  }
+  .table\! {
+    display: table !important;
+  }
+  .table-row {
+    display: table-row;
+  }
+  .\!size-2\.5 {
+    width: calc(var(--spacing) * 2.5) !important;
+    height: calc(var(--spacing) * 2.5) !important;
+  }
+  .\!size-4 {
+    width: calc(var(--spacing) * 4) !important;
+    height: calc(var(--spacing) * 4) !important;
+  }
+  .\!size-8 {
+    width: calc(var(--spacing) * 8) !important;
+    height: calc(var(--spacing) * 8) !important;
+  }
+  .size-1 {
+    width: calc(var(--spacing) * 1);
+    height: calc(var(--spacing) * 1);
+  }
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
+  .size-2 {
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
+  .size-2\.5 {
+    width: calc(var(--spacing) * 2.5);
+    height: calc(var(--spacing) * 2.5);
+  }
+  .size-3 {
+    width: calc(var(--spacing) * 3);
+    height: calc(var(--spacing) * 3);
+  }
+  .size-4 {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+  .size-5 {
+    width: calc(var(--spacing) * 5);
+    height: calc(var(--spacing) * 5);
+  }
+  .size-6 {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
+  .size-7 {
+    width: calc(var(--spacing) * 7);
+    height: calc(var(--spacing) * 7);
+  }
+  .size-8 {
+    width: calc(var(--spacing) * 8);
+    height: calc(var(--spacing) * 8);
+  }
+  .size-10 {
+    width: calc(var(--spacing) * 10);
+    height: calc(var(--spacing) * 10);
+  }
+  .size-12 {
+    width: calc(var(--spacing) * 12);
+    height: calc(var(--spacing) * 12);
+  }
+  .size-16 {
+    width: calc(var(--spacing) * 16);
+    height: calc(var(--spacing) * 16);
+  }
+  .size-20 {
+    width: calc(var(--spacing) * 20);
+    height: calc(var(--spacing) * 20);
+  }
+  .size-24 {
+    width: calc(var(--spacing) * 24);
+    height: calc(var(--spacing) * 24);
+  }
+  .\!h-full {
+    height: 100% !important;
+  }
+  .h-0 {
+    height: calc(var(--spacing) * 0);
+  }
+  .h-0\.5 {
+    height: calc(var(--spacing) * 0.5);
+  }
+  .h-1 {
+    height: calc(var(--spacing) * 1);
+  }
+  .h-1\.5 {
+    height: calc(var(--spacing) * 1.5);
+  }
+  .h-2 {
+    height: calc(var(--spacing) * 2);
+  }
+  .h-2\.5 {
+    height: calc(var(--spacing) * 2.5);
+  }
+  .h-3\.5 {
+    height: calc(var(--spacing) * 3.5);
+  }
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
+  .h-5 {
+    height: calc(var(--spacing) * 5);
+  }
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
+  .h-7 {
+    height: calc(var(--spacing) * 7);
+  }
+  .h-8 {
+    height: calc(var(--spacing) * 8);
+  }
+  .h-9 {
+    height: calc(var(--spacing) * 9);
+  }
+  .h-10 {
+    height: calc(var(--spacing) * 10);
+  }
+  .h-12 {
+    height: calc(var(--spacing) * 12);
+  }
+  .h-14 {
+    height: calc(var(--spacing) * 14);
+  }
+  .h-16 {
+    height: calc(var(--spacing) * 16);
+  }
+  .h-20 {
+    height: calc(var(--spacing) * 20);
+  }
+  .h-28 {
+    height: calc(var(--spacing) * 28);
+  }
+  .h-32 {
+    height: calc(var(--spacing) * 32);
+  }
+  .h-40 {
+    height: calc(var(--spacing) * 40);
+  }
+  .h-42 {
+    height: calc(var(--spacing) * 42);
+  }
+  .h-56 {
+    height: calc(var(--spacing) * 56);
+  }
+  .h-64 {
+    height: calc(var(--spacing) * 64);
+  }
+  .h-70 {
+    height: calc(var(--spacing) * 70);
+  }
+  .h-72 {
+    height: calc(var(--spacing) * 72);
+  }
+  .h-76 {
+    height: calc(var(--spacing) * 76);
+  }
+  .h-78 {
+    height: calc(var(--spacing) * 78);
+  }
+  .h-80 {
+    height: calc(var(--spacing) * 80);
+  }
+  .h-82 {
+    height: calc(var(--spacing) * 82);
+  }
+  .h-84 {
+    height: calc(var(--spacing) * 84);
+  }
+  .h-\[3px\] {
+    height: 3px;
+  }
+  .h-\[60vh\] {
+    height: 60vh;
+  }
+  .h-\[70\%\] {
+    height: 70%;
+  }
+  .h-\[75vh\] {
+    height: 75vh;
+  }
+  .h-\[calc\(100vh-2rem\)\] {
+    height: calc(100vh - 2rem);
+  }
+  .h-auto {
+    height: auto;
+  }
+  .h-full {
+    height: 100%;
+  }
+  .max-h-96 {
+    max-height: calc(var(--spacing) * 96);
+  }
+  .max-h-\[50vh\] {
+    max-height: 50vh;
+  }
+  .max-h-\[80vh\] {
+    max-height: 80vh;
+  }
+  .max-h-\[320px\] {
+    max-height: 320px;
+  }
+  .max-h-\[340px\] {
+    max-height: 340px;
+  }
+  .min-h-16 {
+    min-height: calc(var(--spacing) * 16);
+  }
+  .min-h-24 {
+    min-height: calc(var(--spacing) * 24);
+  }
+  .min-h-48 {
+    min-height: calc(var(--spacing) * 48);
+  }
+  .min-h-\[70px\] {
+    min-height: 70px;
+  }
+  .min-h-\[230px\] {
+    min-height: 230px;
+  }
+  .min-h-\[calc\(100\%-2rem\)\] {
+    min-height: calc(100% - 2rem);
+  }
+  .min-h-full {
+    min-height: 100%;
+  }
+  .\!w-3 {
+    width: calc(var(--spacing) * 3) !important;
+  }
+  .\!w-4 {
+    width: calc(var(--spacing) * 4) !important;
+  }
+  .\!w-full {
+    width: 100% !important;
+  }
+  .w-0\.5 {
+    width: calc(var(--spacing) * 0.5);
+  }
+  .w-1 {
+    width: calc(var(--spacing) * 1);
+  }
+  .w-1\/2 {
+    width: calc(1/2 * 100%);
+  }
+  .w-2\/5 {
+    width: calc(2/5 * 100%);
+  }
+  .w-3\.5 {
+    width: calc(var(--spacing) * 3.5);
+  }
+  .w-3\/5 {
+    width: calc(3/5 * 100%);
+  }
+  .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
+  .w-4\/12 {
+    width: calc(4/12 * 100%);
+  }
+  .w-5 {
+    width: calc(var(--spacing) * 5);
+  }
+  .w-6 {
+    width: calc(var(--spacing) * 6);
+  }
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+  .w-8 {
+    width: calc(var(--spacing) * 8);
+  }
+  .w-9 {
+    width: calc(var(--spacing) * 9);
+  }
+  .w-10 {
+    width: calc(var(--spacing) * 10);
+  }
+  .w-12 {
+    width: calc(var(--spacing) * 12);
+  }
+  .w-14 {
+    width: calc(var(--spacing) * 14);
+  }
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
+  .w-20 {
+    width: calc(var(--spacing) * 20);
+  }
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
+  .w-28 {
+    width: calc(var(--spacing) * 28);
+  }
+  .w-32 {
+    width: calc(var(--spacing) * 32);
+  }
+  .w-36 {
+    width: calc(var(--spacing) * 36);
+  }
+  .w-48 {
+    width: calc(var(--spacing) * 48);
+  }
+  .w-54 {
+    width: calc(var(--spacing) * 54);
+  }
+  .w-56 {
+    width: calc(var(--spacing) * 56);
+  }
+  .w-64 {
+    width: calc(var(--spacing) * 64);
+  }
+  .w-72 {
+    width: calc(var(--spacing) * 72);
+  }
+  .w-\[90\%\] {
+    width: 90%;
+  }
+  .w-\[94\%\] {
+    width: 94%;
+  }
+  .w-\[300px\] {
+    width: 300px;
+  }
+  .w-auto {
+    width: auto;
+  }
+  .w-full {
+    width: 100%;
+  }
+  .w-px {
+    width: 1px;
+  }
+  .max-w-2xl {
+    max-width: var(--container-2xl);
+  }
+  .max-w-3xl {
+    max-width: var(--container-3xl);
+  }
+  .max-w-4xl {
+    max-width: var(--container-4xl);
+  }
+  .max-w-5 {
+    max-width: calc(var(--spacing) * 5);
+  }
+  .max-w-5xl {
+    max-width: var(--container-5xl);
+  }
+  .max-w-7xl {
+    max-width: var(--container-7xl);
+  }
+  .max-w-8 {
+    max-width: calc(var(--spacing) * 8);
+  }
+  .max-w-44 {
+    max-width: calc(var(--spacing) * 44);
+  }
+  .max-w-48 {
+    max-width: calc(var(--spacing) * 48);
+  }
+  .max-w-\[25rem\] {
+    max-width: 25rem;
+  }
+  .max-w-\[30rem\] {
+    max-width: 30rem;
+  }
+  .max-w-\[40rem\] {
+    max-width: 40rem;
+  }
+  .max-w-\[240px\] {
+    max-width: 240px;
+  }
+  .max-w-\[270px\] {
+    max-width: 270px;
+  }
+  .max-w-\[320px\] {
+    max-width: 320px;
+  }
+  .max-w-\[600px\] {
+    max-width: 600px;
+  }
+  .max-w-full {
+    max-width: 100%;
+  }
+  .max-w-lg {
+    max-width: var(--container-lg);
+  }
+  .max-w-md {
+    max-width: var(--container-md);
+  }
+  .max-w-sm {
+    max-width: var(--container-sm);
+  }
+  .max-w-xl {
+    max-width: var(--container-xl);
+  }
+  .max-w-xs {
+    max-width: var(--container-xs);
+  }
+  .min-w-5 {
+    min-width: calc(var(--spacing) * 5);
+  }
+  .min-w-8 {
+    min-width: calc(var(--spacing) * 8);
+  }
+  .min-w-20 {
+    min-width: calc(var(--spacing) * 20);
+  }
+  .min-w-24 {
+    min-width: calc(var(--spacing) * 24);
+  }
+  .min-w-32 {
+    min-width: calc(var(--spacing) * 32);
+  }
+  .min-w-36 {
+    min-width: calc(var(--spacing) * 36);
+  }
+  .min-w-40 {
+    min-width: calc(var(--spacing) * 40);
+  }
+  .min-w-44 {
+    min-width: calc(var(--spacing) * 44);
+  }
+  .min-w-48 {
+    min-width: calc(var(--spacing) * 48);
+  }
+  .min-w-56 {
+    min-width: calc(var(--spacing) * 56);
+  }
+  .min-w-64 {
+    min-width: calc(var(--spacing) * 64);
+  }
+  .min-w-\[300px\] {
+    min-width: 300px;
+  }
+  .min-w-full {
+    min-width: 100%;
+  }
+  .min-w-max {
+    min-width: max-content;
+  }
+  .flex-1 {
+    flex: 1;
+  }
+  .flex-auto {
+    flex: auto;
+  }
+  .shrink-0 {
+    flex-shrink: 0;
+  }
+  .flex-grow {
+    flex-grow: 1;
+  }
+  .flex-grow-1 {
+    flex-grow: 1;
+  }
+  .grow {
+    flex-grow: 1;
+  }
+  .basis-full {
+    flex-basis: 100%;
+  }
+  .border-collapse {
+    border-collapse: collapse;
+  }
+  .origin-center {
+    transform-origin: center;
+  }
+  .origin-top-left {
+    transform-origin: 0 0;
+  }
+  .\!-translate-x-0 {
+    --tw-translate-x: calc(var(--spacing) * -0) !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .-translate-x-1\/2 {
+    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-x-0 {
+    --tw-translate-x: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-x-5 {
+    --tw-translate-x: calc(var(--spacing) * 5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-0 {
+    --tw-translate-y: calc(var(--spacing) * -0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-5 {
+    --tw-translate-y: calc(var(--spacing) * -5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-full {
+    --tw-translate-y: -100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-y-0 {
+    --tw-translate-y: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-y-full {
+    --tw-translate-y: 100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-rotate-90 {
+    rotate: calc(90deg * -1);
+  }
+  .rotate-0 {
+    rotate: 0deg;
+  }
+  .rotate-180 {
+    rotate: 180deg;
+  }
+  .transform {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+  }
+  .animate-bounce {
+    animation: var(--animate-bounce);
+  }
+  .animate-ping {
+    animation: var(--animate-ping);
+  }
+  .animate-pulse {
+    animation: var(--animate-pulse);
+  }
+  .animate-spin {
+    animation: var(--animate-spin);
+  }
+  .cursor-default {
+    cursor: default;
+  }
+  .cursor-grab {
+    cursor: grab;
+  }
+  .cursor-move {
+    cursor: move;
+  }
+  .cursor-pointer {
+    cursor: pointer;
+  }
+  .cursor-w-resize {
+    cursor: w-resize;
+  }
+  .resize {
+    resize: both;
+  }
+  .list-decimal {
+    list-style-type: decimal;
+  }
+  .list-disc {
+    list-style-type: disc;
+  }
+  .list-none {
+    list-style-type: none;
+  }
+  .appearance-none {
+    appearance: none;
+  }
+  .grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .flex-col {
+    flex-direction: column;
+  }
+  .flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+  .flex-nowrap {
+    flex-wrap: nowrap;
+  }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .items-end {
+    align-items: flex-end;
+  }
+  .items-start {
+    align-items: flex-start;
+  }
+  .justify-between {
+    justify-content: space-between;
+  }
+  .justify-center {
+    justify-content: center;
+  }
+  .justify-end {
+    justify-content: flex-end;
+  }
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * 0.5);
+  }
+  .gap-1 {
+    gap: calc(var(--spacing) * 1);
+  }
+  .gap-1\.5 {
+    gap: calc(var(--spacing) * 1.5);
+  }
+  .gap-2 {
+    gap: calc(var(--spacing) * 2);
+  }
+  .gap-2\.5 {
+    gap: calc(var(--spacing) * 2.5);
+  }
+  .gap-3 {
+    gap: calc(var(--spacing) * 3);
+  }
+  .gap-3\.5 {
+    gap: calc(var(--spacing) * 3.5);
+  }
+  .gap-4 {
+    gap: calc(var(--spacing) * 4);
+  }
+  .gap-5 {
+    gap: calc(var(--spacing) * 5);
+  }
+  .gap-6 {
+    gap: calc(var(--spacing) * 6);
+  }
+  .space-y-0\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-6 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .-space-x-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .-space-x-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .space-x-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .space-x-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .space-x-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .gap-y-1 {
+    row-gap: calc(var(--spacing) * 1);
+  }
+  .gap-y-2 {
+    row-gap: calc(var(--spacing) * 2);
+  }
+  .divide-x {
+    :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
+      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+    }
+  }
+  .divide-y {
+    :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-bottom-style: var(--tw-border-style);
+      border-top-style: var(--tw-border-style);
+      border-top-width: calc(1px * var(--tw-divide-y-reverse));
+      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    }
+  }
+  .divide-dashed {
+    :where(& > :not(:last-child)) {
+      --tw-border-style: dashed;
+      border-style: dashed;
+    }
+  }
+  .divide-zinc-100 {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-zinc-100);
+    }
+  }
+  .divide-zinc-200 {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-zinc-200);
+    }
+  }
+  .divide-zinc-500\/10 {
+    :where(& > :not(:last-child)) {
+      border-color: color-mix(in srgb, #4D5472 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent);
+      }
+    }
+  }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .overflow-hidden {
+    overflow: hidden;
+  }
+  .overflow-visible {
+    overflow: visible;
+  }
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
+  .overflow-x-hidden {
+    overflow-x: hidden;
+  }
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
+  .overflow-y-hidden {
+    overflow-y: hidden;
+  }
+  .\!rounded {
+    border-radius: 0.25rem !important;
+  }
+  .\!rounded-full {
+    border-radius: calc(infinity * 1px) !important;
+  }
+  .\!rounded-lg {
+    border-radius: var(--radius-lg) !important;
+  }
+  .\!rounded-md {
+    border-radius: var(--radius-md) !important;
+  }
+  .\!rounded-none {
+    border-radius: 0 !important;
+  }
+  .\!rounded-xl {
+    border-radius: var(--radius-xl) !important;
+  }
+  .rounded {
+    border-radius: 0.25rem;
+  }
+  .rounded-2xl {
+    border-radius: var(--radius-2xl);
+  }
+  .rounded-full {
+    border-radius: calc(infinity * 1px);
+  }
+  .rounded-lg {
+    border-radius: var(--radius-lg);
+  }
+  .rounded-md {
+    border-radius: var(--radius-md);
+  }
+  .rounded-sm {
+    border-radius: var(--radius-sm);
+  }
+  .rounded-xl {
+    border-radius: var(--radius-xl);
+  }
+  .\!rounded-s-none {
+    border-start-start-radius: 0 !important;
+    border-end-start-radius: 0 !important;
+  }
+  .rounded-s-3xl {
+    border-start-start-radius: var(--radius-3xl);
+    border-end-start-radius: var(--radius-3xl);
+  }
+  .rounded-s-lg {
+    border-start-start-radius: var(--radius-lg);
+    border-end-start-radius: var(--radius-lg);
+  }
+  .rounded-s-sm {
+    border-start-start-radius: var(--radius-sm);
+    border-end-start-radius: var(--radius-sm);
+  }
+  .\!rounded-e-none {
+    border-start-end-radius: 0 !important;
+    border-end-end-radius: 0 !important;
+  }
+  .rounded-e-lg {
+    border-start-end-radius: var(--radius-lg);
+    border-end-end-radius: var(--radius-lg);
+  }
+  .rounded-e-md {
+    border-start-end-radius: var(--radius-md);
+    border-end-end-radius: var(--radius-md);
+  }
+  .rounded-e-sm {
+    border-start-end-radius: var(--radius-sm);
+    border-end-end-radius: var(--radius-sm);
+  }
+  .rounded-t-md {
+    border-top-left-radius: var(--radius-md);
+    border-top-right-radius: var(--radius-md);
+  }
+  .rounded-t-xl {
+    border-top-left-radius: var(--radius-xl);
+    border-top-right-radius: var(--radius-xl);
+  }
+  .\!rounded-tl-2xl {
+    border-top-left-radius: var(--radius-2xl) !important;
+  }
+  .rounded-b-md {
+    border-bottom-right-radius: var(--radius-md);
+    border-bottom-left-radius: var(--radius-md);
+  }
+  .rounded-b-xl {
+    border-bottom-right-radius: var(--radius-xl);
+    border-bottom-left-radius: var(--radius-xl);
+  }
+  .\!rounded-br-2xl {
+    border-bottom-right-radius: var(--radius-2xl) !important;
+  }
+  .\!border {
+    border-style: var(--tw-border-style) !important;
+    border-width: 1px !important;
+  }
+  .\!border-0 {
+    border-style: var(--tw-border-style) !important;
+    border-width: 0px !important;
+  }
+  .\!border-1 {
+    border-style: var(--tw-border-style) !important;
+    border-width: 1px !important;
+  }
+  .\!border-2 {
+    border-style: var(--tw-border-style) !important;
+    border-width: 2px !important;
+  }
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
+  .border-4 {
+    border-style: var(--tw-border-style);
+    border-width: 4px;
+  }
+  .border-y {
+    border-block-style: var(--tw-border-style);
+    border-block-width: 1px;
+  }
+  .border-s {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 1px;
+  }
+  .border-s-0 {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 0px;
+  }
+  .border-s-2 {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 2px;
+  }
+  .border-s-4 {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 4px;
+  }
+  .border-e {
+    border-inline-end-style: var(--tw-border-style);
+    border-inline-end-width: 1px;
+  }
+  .border-e-0 {
+    border-inline-end-style: var(--tw-border-style);
+    border-inline-end-width: 0px;
+  }
+  .border-t {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+  }
+  .border-t-2 {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 2px;
+  }
+  .border-b {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+  .border-b-2 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 2px;
+  }
+  .border-dashed {
+    --tw-border-style: dashed;
+    border-style: dashed;
+  }
+  .border-dotted {
+    --tw-border-style: dotted;
+    border-style: dotted;
+  }
+  .\!border-green-500 {
+    border-color: var(--color-green-500) !important;
+  }
+  .\!border-green-500\/20 {
+    border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent) !important;
+    }
+  }
+  .\!border-primary {
+    border-color: var(--color-primary) !important;
+  }
+  .\!border-primary-subtle {
+    border-color: var(--color-primary-subtle) !important;
+  }
+  .\!border-red-500 {
+    border-color: var(--color-red-500) !important;
+  }
+  .\!border-red-500\/20 {
+    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent) !important;
+    }
+  }
+  .\!border-yellow-500\/10 {
+    border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent) !important;
+    }
+  }
+  .\!border-zinc-200 {
+    border-color: var(--color-zinc-200) !important;
+  }
+  .\!border-zinc-300 {
+    border-color: var(--color-zinc-300) !important;
+  }
+  .\!border-zinc-400 {
+    border-color: var(--color-zinc-400) !important;
+  }
+  .\!border-zinc-500\/10 {
+    border-color: color-mix(in srgb, #4D5472 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent) !important;
+    }
+  }
+  .border-green-500 {
+    border-color: var(--color-green-500);
+  }
+  .border-orange-500\/10 {
+    border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
+    }
+  }
+  .border-primary {
+    border-color: var(--color-primary);
+  }
+  .border-red-500 {
+    border-color: var(--color-red-500);
+  }
+  .border-sky-500 {
+    border-color: var(--color-sky-500);
+  }
+  .border-transparent {
+    border-color: transparent;
+  }
+  .border-white {
+    border-color: var(--color-white);
+  }
+  .border-zinc-50 {
+    border-color: var(--color-zinc-50);
+  }
+  .border-zinc-100 {
+    border-color: var(--color-zinc-100);
+  }
+  .border-zinc-200 {
+    border-color: var(--color-zinc-200);
+  }
+  .border-zinc-300 {
+    border-color: var(--color-zinc-300);
+  }
+  .border-zinc-500\/10 {
+    border-color: color-mix(in srgb, #4D5472 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent);
+    }
+  }
+  .\!bg-amber-500 {
+    background-color: var(--color-amber-500) !important;
+  }
+  .\!bg-green-500 {
+    background-color: var(--color-green-500) !important;
+  }
+  .\!bg-primary {
+    background-color: var(--color-primary) !important;
+  }
+  .\!bg-primary\/10 {
+    background-color: color-mix(in srgb, #636DFF 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
+    }
+  }
+  .\!bg-red-500 {
+    background-color: var(--color-red-500) !important;
+  }
+  .\!bg-sky-500 {
+    background-color: var(--color-sky-500) !important;
+  }
+  .\!bg-transparent {
+    background-color: transparent !important;
+  }
+  .\!bg-white {
+    background-color: var(--color-white) !important;
+  }
+  .\!bg-yellow-500\/20 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent) !important;
+    }
+  }
+  .\!bg-zinc-50 {
+    background-color: var(--color-zinc-50) !important;
+  }
+  .\!bg-zinc-100 {
+    background-color: var(--color-zinc-100) !important;
+  }
+  .\!bg-zinc-200 {
+    background-color: var(--color-zinc-200) !important;
+  }
+  .\!bg-zinc-400 {
+    background-color: var(--color-zinc-400) !important;
+  }
+  .bg-amber-500 {
+    background-color: var(--color-amber-500);
+  }
+  .bg-amber-500\/10 {
+    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
+    }
+  }
+  .bg-amber-500\/20 {
+    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
+    }
+  }
+  .bg-black {
+    background-color: var(--color-black);
+  }
+  .bg-black\/25 {
+    background-color: color-mix(in srgb, #0A0C16 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
+    }
+  }
+  .bg-blue-300 {
+    background-color: var(--color-blue-300);
+  }
+  .bg-blue-500 {
+    background-color: var(--color-blue-500);
+  }
+  .bg-blue-500\/10 {
+    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
+    }
+  }
+  .bg-blue-800 {
+    background-color: var(--color-blue-800);
+  }
+  .bg-current {
+    background-color: currentcolor;
+  }
+  .bg-cyan-500 {
+    background-color: var(--color-cyan-500);
+  }
+  .bg-cyan-500\/10 {
+    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
+    }
+  }
+  .bg-cyan-500\/20 {
+    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
+    }
+  }
+  .bg-green-300 {
+    background-color: var(--color-green-300);
+  }
+  .bg-green-500 {
+    background-color: var(--color-green-500);
+  }
+  .bg-green-500\/10 {
+    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
+    }
+  }
+  .bg-green-500\/20 {
+    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+    }
+  }
+  .bg-green-500\/30 {
+    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
+    }
+  }
+  .bg-lime-500 {
+    background-color: var(--color-lime-500);
+  }
+  .bg-lime-500\/10 {
+    background-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-lime-500) 10%, transparent);
+    }
+  }
+  .bg-orange-100 {
+    background-color: var(--color-orange-100);
+  }
+  .bg-orange-300 {
+    background-color: var(--color-orange-300);
+  }
+  .bg-orange-400 {
+    background-color: var(--color-orange-400);
+  }
+  .bg-orange-500 {
+    background-color: var(--color-orange-500);
+  }
+  .bg-orange-500\/10 {
+    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
+    }
+  }
+  .bg-orange-500\/20 {
+    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
+    }
+  }
+  .bg-pink-500 {
+    background-color: var(--color-pink-500);
+  }
+  .bg-pink-500\/10 {
+    background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-pink-500) 10%, transparent);
+    }
+  }
+  .bg-pink-500\/20 {
+    background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent);
+    }
+  }
+  .bg-primary {
+    background-color: var(--color-primary);
+  }
+  .bg-primary-subtle {
+    background-color: var(--color-primary-subtle);
+  }
+  .bg-primary\/10 {
+    background-color: color-mix(in srgb, #636DFF 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
+    }
+  }
+  .bg-primary\/20 {
+    background-color: color-mix(in srgb, #636DFF 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+  .bg-purple-500 {
+    background-color: var(--color-purple-500);
+  }
+  .bg-purple-500\/10 {
+    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
+    }
+  }
+  .bg-red-400 {
+    background-color: var(--color-red-400);
+  }
+  .bg-red-500 {
+    background-color: var(--color-red-500);
+  }
+  .bg-red-500\/10 {
+    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
+    }
+  }
+  .bg-red-500\/30 {
+    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
+    }
+  }
+  .bg-rose-500 {
+    background-color: var(--color-rose-500);
+  }
+  .bg-sky-500 {
+    background-color: var(--color-sky-500);
+  }
+  .bg-sky-500\/10 {
+    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
+    }
+  }
+  .bg-sky-500\/20 {
+    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
+    }
+  }
+  .bg-transparent {
+    background-color: transparent;
+  }
+  .bg-white {
+    background-color: var(--color-white);
+  }
+  .bg-yellow-500 {
+    background-color: var(--color-yellow-500);
+  }
+  .bg-yellow-500\/10 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
+    }
+  }
+  .bg-yellow-500\/20 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
+    }
+  }
+  .bg-yellow-500\/30 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
+    }
+  }
+  .bg-zinc-50 {
+    background-color: var(--color-zinc-50);
+  }
+  .bg-zinc-50\/80 {
+    background-color: color-mix(in srgb, #F9FAFD 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-50) 80%, transparent);
+    }
+  }
+  .bg-zinc-100 {
+    background-color: var(--color-zinc-100);
+  }
+  .bg-zinc-200 {
+    background-color: var(--color-zinc-200);
+  }
+  .bg-zinc-300 {
+    background-color: var(--color-zinc-300);
+  }
+  .bg-zinc-300\/10 {
+    background-color: color-mix(in srgb, #DADDE8 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-300) 10%, transparent);
+    }
+  }
+  .bg-zinc-300\/20 {
+    background-color: color-mix(in srgb, #DADDE8 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-300) 20%, transparent);
+    }
+  }
+  .bg-zinc-400 {
+    background-color: var(--color-zinc-400);
+  }
+  .bg-zinc-400\/20 {
+    background-color: color-mix(in srgb, #9196af 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-400) 20%, transparent);
+    }
+  }
+  .bg-zinc-500 {
+    background-color: var(--color-zinc-500);
+  }
+  .bg-zinc-500\/1 {
+    background-color: color-mix(in srgb, #4D5472 1%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-500) 1%, transparent);
+    }
+  }
+  .bg-zinc-500\/20 {
+    background-color: color-mix(in srgb, #4D5472 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-500) 20%, transparent);
+    }
+  }
+  .bg-zinc-500\/30 {
+    background-color: color-mix(in srgb, #4D5472 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-500) 30%, transparent);
+    }
+  }
+  .bg-zinc-500\/50 {
+    background-color: color-mix(in srgb, #4D5472 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-500) 50%, transparent);
+    }
+  }
+  .bg-zinc-600 {
+    background-color: var(--color-zinc-600);
+  }
+  .bg-zinc-700 {
+    background-color: var(--color-zinc-700);
+  }
+  .bg-zinc-800 {
+    background-color: var(--color-zinc-800);
+  }
+  .bg-zinc-900 {
+    background-color: var(--color-zinc-900);
+  }
+  .bg-zinc-900\/10 {
+    background-color: color-mix(in srgb, #191E32 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-900) 10%, transparent);
+    }
+  }
+  .bg-gradient-to-t {
+    --tw-gradient-position: to top in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .bg-gradient-to-tl {
+    --tw-gradient-position: to top left in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .bg-gradient-to-tr {
+    --tw-gradient-position: to top right in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .\!bg-none {
+    background-image: none !important;
+  }
+  .from-blue-500 {
+    --tw-gradient-from: var(--color-blue-500);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .from-primary {
+    --tw-gradient-from: var(--color-primary);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .from-primary-deep {
+    --tw-gradient-from: var(--color-primary-deep);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .from-white {
+    --tw-gradient-from: var(--color-white);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .via-primary-deep {
+    --tw-gradient-via: var(--color-primary-deep);
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
+  .via-purple-700 {
+    --tw-gradient-via: var(--color-purple-700);
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
+  .to-pink-900 {
+    --tw-gradient-to: var(--color-pink-900);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .to-primary {
+    --tw-gradient-to: var(--color-primary);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .to-primary-deep {
+    --tw-gradient-to: var(--color-primary-deep);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .mask-\[var\(--svg\)\] {
+    mask-image: var(--svg);
+  }
+  .mask-size-\[100\%\] {
+    mask-size: 100%;
+  }
+  .mask-repeat {
+    mask-repeat: repeat;
+  }
+  .\!fill-primary {
+    fill: var(--color-primary) !important;
+  }
+  .\!fill-zinc-700 {
+    fill: var(--color-zinc-700) !important;
+  }
+  .\!stroke-primary {
+    stroke: var(--color-primary) !important;
+  }
+  .\!stroke-zinc-700 {
+    stroke: var(--color-zinc-700) !important;
+  }
+  .object-cover {
+    object-fit: cover;
+  }
+  .object-top {
+    object-position: top;
+  }
+  .\!p-0 {
+    padding: calc(var(--spacing) * 0) !important;
+  }
+  .\!p-1\.5 {
+    padding: calc(var(--spacing) * 1.5) !important;
+  }
+  .\!p-2 {
+    padding: calc(var(--spacing) * 2) !important;
+  }
+  .\!p-2\.5 {
+    padding: calc(var(--spacing) * 2.5) !important;
+  }
+  .\!p-4 {
+    padding: calc(var(--spacing) * 4) !important;
+  }
+  .p-0 {
+    padding: calc(var(--spacing) * 0);
+  }
+  .p-1 {
+    padding: calc(var(--spacing) * 1);
+  }
+  .p-1\.5 {
+    padding: calc(var(--spacing) * 1.5);
+  }
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
+  .p-3 {
+    padding: calc(var(--spacing) * 3);
+  }
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
+  }
+  .p-6 {
+    padding: calc(var(--spacing) * 6);
+  }
+  .p-px {
+    padding: 1px;
+  }
+  .\!px-2 {
+    padding-inline: calc(var(--spacing) * 2) !important;
+  }
+  .\!px-2\.5 {
+    padding-inline: calc(var(--spacing) * 2.5) !important;
+  }
+  .\!px-3 {
+    padding-inline: calc(var(--spacing) * 3) !important;
+  }
+  .\!px-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5) !important;
+  }
+  .\!px-4 {
+    padding-inline: calc(var(--spacing) * 4) !important;
+  }
+  .px-1 {
+    padding-inline: calc(var(--spacing) * 1);
+  }
+  .px-1\.5 {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
+  .px-2 {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+  .px-2\.5 {
+    padding-inline: calc(var(--spacing) * 2.5);
+  }
+  .px-3 {
+    padding-inline: calc(var(--spacing) * 3);
+  }
+  .px-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5);
+  }
+  .px-4 {
+    padding-inline: calc(var(--spacing) * 4);
+  }
+  .px-5 {
+    padding-inline: calc(var(--spacing) * 5);
+  }
+  .px-10 {
+    padding-inline: calc(var(--spacing) * 10);
+  }
+  .\!py-0 {
+    padding-block: calc(var(--spacing) * 0) !important;
+  }
+  .\!py-0\.5 {
+    padding-block: calc(var(--spacing) * 0.5) !important;
+  }
+  .\!py-1 {
+    padding-block: calc(var(--spacing) * 1) !important;
+  }
+  .\!py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5) !important;
+  }
+  .\!py-2 {
+    padding-block: calc(var(--spacing) * 2) !important;
+  }
+  .\!py-2\.5 {
+    padding-block: calc(var(--spacing) * 2.5) !important;
+  }
+  .\!py-3 {
+    padding-block: calc(var(--spacing) * 3) !important;
+  }
+  .py-0 {
+    padding-block: calc(var(--spacing) * 0);
+  }
+  .py-0\.5 {
+    padding-block: calc(var(--spacing) * 0.5);
+  }
+  .py-1 {
+    padding-block: calc(var(--spacing) * 1);
+  }
+  .py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
+  .py-1\.75 {
+    padding-block: calc(var(--spacing) * 1.75);
+  }
+  .py-2 {
+    padding-block: calc(var(--spacing) * 2);
+  }
+  .py-2\.5 {
+    padding-block: calc(var(--spacing) * 2.5);
+  }
+  .py-3 {
+    padding-block: calc(var(--spacing) * 3);
+  }
+  .py-3\.5 {
+    padding-block: calc(var(--spacing) * 3.5);
+  }
+  .py-4 {
+    padding-block: calc(var(--spacing) * 4);
+  }
+  .py-6 {
+    padding-block: calc(var(--spacing) * 6);
+  }
+  .py-8 {
+    padding-block: calc(var(--spacing) * 8);
+  }
+  .py-12 {
+    padding-block: calc(var(--spacing) * 12);
+  }
+  .\!ps-9 {
+    padding-inline-start: calc(var(--spacing) * 9) !important;
+  }
+  .ps-2 {
+    padding-inline-start: calc(var(--spacing) * 2);
+  }
+  .ps-3 {
+    padding-inline-start: calc(var(--spacing) * 3);
+  }
+  .ps-4 {
+    padding-inline-start: calc(var(--spacing) * 4);
+  }
+  .ps-5\.5 {
+    padding-inline-start: calc(var(--spacing) * 5.5);
+  }
+  .ps-6 {
+    padding-inline-start: calc(var(--spacing) * 6);
+  }
+  .\!pe-0 {
+    padding-inline-end: calc(var(--spacing) * 0) !important;
+  }
+  .pe-2 {
+    padding-inline-end: calc(var(--spacing) * 2);
+  }
+  .pe-3 {
+    padding-inline-end: calc(var(--spacing) * 3);
+  }
+  .pe-4 {
+    padding-inline-end: calc(var(--spacing) * 4);
+  }
+  .\!pt-0 {
+    padding-top: calc(var(--spacing) * 0) !important;
+  }
+  .\!pt-2 {
+    padding-top: calc(var(--spacing) * 2) !important;
+  }
+  .pt-0 {
+    padding-top: calc(var(--spacing) * 0);
+  }
+  .pt-1 {
+    padding-top: calc(var(--spacing) * 1);
+  }
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
+  .pt-4 {
+    padding-top: calc(var(--spacing) * 4);
+  }
+  .pt-5 {
+    padding-top: calc(var(--spacing) * 5);
+  }
+  .pt-6 {
+    padding-top: calc(var(--spacing) * 6);
+  }
+  .pt-7 {
+    padding-top: calc(var(--spacing) * 7);
+  }
+  .pt-12 {
+    padding-top: calc(var(--spacing) * 12);
+  }
+  .\!pr-10 {
+    padding-right: calc(var(--spacing) * 10) !important;
+  }
+  .\!pr-12 {
+    padding-right: calc(var(--spacing) * 12) !important;
+  }
+  .\!pb-0 {
+    padding-bottom: calc(var(--spacing) * 0) !important;
+  }
+  .\!pb-2 {
+    padding-bottom: calc(var(--spacing) * 2) !important;
+  }
+  .pb-0 {
+    padding-bottom: calc(var(--spacing) * 0);
+  }
+  .pb-0\.5 {
+    padding-bottom: calc(var(--spacing) * 0.5);
+  }
+  .pb-1 {
+    padding-bottom: calc(var(--spacing) * 1);
+  }
+  .pb-1\.5 {
+    padding-bottom: calc(var(--spacing) * 1.5);
+  }
+  .pb-2 {
+    padding-bottom: calc(var(--spacing) * 2);
+  }
+  .pb-2\.5 {
+    padding-bottom: calc(var(--spacing) * 2.5);
+  }
+  .pb-3 {
+    padding-bottom: calc(var(--spacing) * 3);
+  }
+  .pb-3\.5 {
+    padding-bottom: calc(var(--spacing) * 3.5);
+  }
+  .pb-4 {
+    padding-bottom: calc(var(--spacing) * 4);
+  }
+  .\!pl-7 {
+    padding-left: calc(var(--spacing) * 7) !important;
+  }
+  .\!pl-8 {
+    padding-left: calc(var(--spacing) * 8) !important;
+  }
+  .\!pl-9 {
+    padding-left: calc(var(--spacing) * 9) !important;
+  }
+  .\!pl-10 {
+    padding-left: calc(var(--spacing) * 10) !important;
+  }
+  .pl-2 {
+    padding-left: calc(var(--spacing) * 2);
+  }
+  .pl-4 {
+    padding-left: calc(var(--spacing) * 4);
+  }
+  .\!text-end {
+    text-align: end !important;
+  }
+  .text-center {
+    text-align: center;
+  }
+  .text-end {
+    text-align: end;
+  }
+  .text-left {
+    text-align: left;
+  }
+  .text-right {
+    text-align: right;
+  }
+  .text-start {
+    text-align: start;
+  }
+  .align-middle {
+    vertical-align: middle;
+  }
+  .\!font-sans {
+    font-family: var(--font-sans) !important;
+  }
+  .\!font-theme {
+    font-family: var(--font-theme) !important;
+  }
+  .font-mono {
+    font-family: var(--font-mono);
+  }
+  .font-theme {
+    font-family: var(--font-theme);
+  }
+  .\!text-2xl {
+    font-size: var(--text-2xl) !important;
+    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
+  }
+  .\!text-base {
+    font-size: var(--text-base) !important;
+    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+  }
+  .\!text-lg {
+    font-size: var(--text-lg) !important;
+    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+  }
+  .\!text-sm {
+    font-size: var(--text-sm) !important;
+    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  }
+  .\!text-xl {
+    font-size: var(--text-xl) !important;
+    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
+  }
+  .\!text-xs {
+    font-size: var(--text-xs) !important;
+    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
+  }
+  .text-2xl {
+    font-size: var(--text-2xl);
+    line-height: var(--tw-leading, var(--text-2xl--line-height));
+  }
+  .text-3xl {
+    font-size: var(--text-3xl);
+    line-height: var(--tw-leading, var(--text-3xl--line-height));
+  }
+  .text-4xl {
+    font-size: var(--text-4xl);
+    line-height: var(--tw-leading, var(--text-4xl--line-height));
+  }
+  .text-5xl {
+    font-size: var(--text-5xl);
+    line-height: var(--tw-leading, var(--text-5xl--line-height));
+  }
+  .text-6xl {
+    font-size: var(--text-6xl);
+    line-height: var(--tw-leading, var(--text-6xl--line-height));
+  }
+  .text-base {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+  .text-lg {
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  .text-sm {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  .text-xl {
+    font-size: var(--text-xl);
+    line-height: var(--tw-leading, var(--text-xl--line-height));
+  }
+  .text-xs {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+  .text-\[\.9375rem\] {
+    font-size: .9375rem;
+  }
+  .text-\[8px\] {
+    font-size: 8px;
+  }
+  .text-\[18px\] {
+    font-size: 18px;
+  }
+  .\!leading-normal {
+    --tw-leading: var(--leading-normal) !important;
+    line-height: var(--leading-normal) !important;
+  }
+  .leading-\[1\.2\] {
+    --tw-leading: 1.2;
+    line-height: 1.2;
+  }
+  .leading-\[1\] {
+    --tw-leading: 1;
+    line-height: 1;
+  }
+  .leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
+  .leading-normal {
+    --tw-leading: var(--leading-normal);
+    line-height: var(--leading-normal);
+  }
+  .leading-relaxed {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
+  .leading-tight {
+    --tw-leading: var(--leading-tight);
+    line-height: var(--leading-tight);
+  }
+  .\!font-bold {
+    --tw-font-weight: var(--font-weight-bold) !important;
+    font-weight: var(--font-weight-bold) !important;
+  }
+  .\!font-semibold {
+    --tw-font-weight: var(--font-weight-semibold) !important;
+    font-weight: var(--font-weight-semibold) !important;
+  }
+  .font-normal {
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
+  .font-semibold {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
+  .tracking-normal {
+    --tw-tracking: var(--tracking-normal);
+    letter-spacing: var(--tracking-normal);
+  }
+  .text-nowrap {
+    text-wrap: nowrap;
+  }
+  .text-wrap {
+    text-wrap: wrap;
+  }
+  .text-ellipsis {
+    text-overflow: ellipsis;
+  }
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
+  .\!text-blue-500 {
+    color: var(--color-blue-500) !important;
+  }
+  .\!text-current {
+    color: currentcolor !important;
+  }
+  .\!text-inherit {
+    color: inherit !important;
+  }
+  .\!text-primary {
+    color: var(--color-primary) !important;
+  }
+  .\!text-red-500 {
+    color: var(--color-red-500) !important;
+  }
+  .\!text-white {
+    color: var(--color-white) !important;
+  }
+  .\!text-white\/70 {
+    color: color-mix(in srgb, #fff 70%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 70%, transparent) !important;
+    }
+  }
+  .\!text-yellow-500 {
+    color: var(--color-yellow-500) !important;
+  }
+  .\!text-zinc-400 {
+    color: var(--color-zinc-400) !important;
+  }
+  .\!text-zinc-700 {
+    color: var(--color-zinc-700) !important;
+  }
+  .text-amber-500 {
+    color: var(--color-amber-500);
+  }
+  .text-black {
+    color: var(--color-black);
+  }
+  .text-blue-500 {
+    color: var(--color-blue-500);
+  }
+  .text-blue-800 {
+    color: var(--color-blue-800);
+  }
+  .text-current {
+    color: currentcolor;
+  }
+  .text-cyan-500 {
+    color: var(--color-cyan-500);
+  }
+  .text-cyan-700 {
+    color: var(--color-cyan-700);
+  }
+  .text-gray-400 {
+    color: var(--color-gray-400);
+  }
+  .text-green-500 {
+    color: var(--color-green-500);
+  }
+  .text-green-500\/20 {
+    color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+    }
+  }
+  .text-green-600 {
+    color: var(--color-green-600);
+  }
+  .text-green-800 {
+    color: var(--color-green-800);
+  }
+  .text-lime-500 {
+    color: var(--color-lime-500);
+  }
+  .text-orange-500 {
+    color: var(--color-orange-500);
+  }
+  .text-orange-600 {
+    color: var(--color-orange-600);
+  }
+  .text-pink-500 {
+    color: var(--color-pink-500);
+  }
+  .text-primary {
+    color: var(--color-primary);
+  }
+  .text-primary-deep {
+    color: var(--color-primary-deep);
+  }
+  .text-primary-subtle {
+    color: var(--color-primary-subtle);
+  }
+  .text-purple-500 {
+    color: var(--color-purple-500);
+  }
+  .text-red-500 {
+    color: var(--color-red-500);
+  }
+  .text-red-800 {
+    color: var(--color-red-800);
+  }
+  .text-sky-500 {
+    color: var(--color-sky-500);
+  }
+  .text-white {
+    color: var(--color-white);
+  }
+  .text-white\/60 {
+    color: color-mix(in srgb, #fff 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 60%, transparent);
+    }
+  }
+  .text-white\/75 {
+    color: color-mix(in srgb, #fff 75%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 75%, transparent);
+    }
+  }
+  .text-yellow-500 {
+    color: var(--color-yellow-500);
+  }
+  .text-yellow-600 {
+    color: var(--color-yellow-600);
+  }
+  .text-yellow-800 {
+    color: var(--color-yellow-800);
+  }
+  .text-zinc-400 {
+    color: var(--color-zinc-400);
+  }
+  .text-zinc-500 {
+    color: var(--color-zinc-500);
+  }
+  .text-zinc-600 {
+    color: var(--color-zinc-600);
+  }
+  .text-zinc-700 {
+    color: var(--color-zinc-700);
+  }
+  .text-zinc-800 {
+    color: var(--color-zinc-800);
+  }
+  .text-zinc-900 {
+    color: var(--color-zinc-900);
+  }
+  .\!capitalize {
+    text-transform: capitalize !important;
+  }
+  .capitalize {
+    text-transform: capitalize;
+  }
+  .lowercase {
+    text-transform: lowercase;
+  }
+  .uppercase {
+    text-transform: uppercase;
+  }
+  .italic {
+    font-style: italic;
+  }
+  .ordinal {
+    --tw-ordinal: ordinal;
+    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+  }
+  .line-through {
+    text-decoration-line: line-through;
+  }
+  .overline {
+    text-decoration-line: overline;
+  }
+  .underline {
+    text-decoration-line: underline;
+  }
+  .antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  .\!opacity-50 {
+    opacity: 50% !important;
+  }
+  .\!opacity-100 {
+    opacity: 100% !important;
+  }
+  .opacity-0 {
+    opacity: 0%;
+  }
+  .opacity-25 {
+    opacity: 25%;
+  }
+  .opacity-30 {
+    opacity: 30%;
+  }
+  .opacity-50 {
+    opacity: 50%;
+  }
+  .opacity-60 {
+    opacity: 60%;
+  }
+  .opacity-75 {
+    opacity: 75%;
+  }
+  .opacity-85 {
+    opacity: 85%;
+  }
+  .opacity-100 {
+    opacity: 100%;
+  }
+  .\!shadow-dropdown {
+    --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .\!shadow-glass {
+    --tw-shadow: 0 0.5rem 0.5rem -0.5rem var(--tw-shadow-color, rgba(0, 0, 0, 0.1)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .\!shadow-md {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .\!shadow-none {
+    --tw-shadow: 0 0 #0000 !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .\!shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .shadow {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-card {
+    --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.03));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-dropdown {
+    --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-lg {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-sm {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-xs {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .\!ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .ring {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .\!ring-primary\/20 {
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important;
+    }
+  }
+  .ring-green-500\/20 {
+    --tw-ring-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+    }
+  }
+  .ring-primary {
+    --tw-ring-color: var(--color-primary);
+  }
+  .ring-red-500\/20 {
+    --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+    }
+  }
+  .ring-transparent {
+    --tw-ring-color: transparent;
+  }
+  .\!outline-0 {
+    outline-style: var(--tw-outline-style) !important;
+    outline-width: 0px !important;
+  }
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+  .outline-0 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+  }
+  .\!outline-zinc-100 {
+    outline-color: var(--color-zinc-100) !important;
+  }
+  .blur {
+    --tw-blur: blur(8px);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .invert {
+    --tw-invert: invert(100%);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .filter {
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .backdrop-blur {
+    --tw-backdrop-blur: blur(8px);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
+  .backdrop-blur-sm {
+    --tw-backdrop-blur: blur(var(--blur-sm));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
+  .backdrop-blur-xs {
+    --tw-backdrop-blur: blur(var(--blur-xs));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
+  .transition {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-all {
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-transform {
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .delay-100 {
+    transition-delay: 100ms;
+  }
+  .duration-100 {
+    --tw-duration: 100ms;
+    transition-duration: 100ms;
+  }
+  .duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
+  .duration-200 {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
+  .duration-300 {
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+  .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
+  .ease-linear {
+    --tw-ease: linear;
+    transition-timing-function: linear;
+  }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
+  .backface-hidden {
+    backface-visibility: hidden;
+  }
+  .group-hover\:translate-x-0 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        --tw-translate-x: calc(var(--spacing) * 0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .group-hover\:\!text-primary {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-primary) !important;
+      }
+    }
+  }
+  .group-hover\:text-primary {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+  }
+  .group-hover\:opacity-100 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
+  .group-\[\.active\]\:block {
+    &:is(:where(.group):is(.active) *) {
+      display: block;
+    }
+  }
+  .peer-checked\:\!border-primary {
+    &:is(:where(.peer):checked ~ *) {
+      border-color: var(--color-primary) !important;
+    }
+  }
+  .peer-checked\:border-primary {
+    &:is(:where(.peer):checked ~ *) {
+      border-color: var(--color-primary);
+    }
+  }
+  .peer-checked\:\!text-primary {
+    &:is(:where(.peer):checked ~ *) {
+      color: var(--color-primary) !important;
+    }
+  }
+  .peer-checked\:text-current {
+    &:is(:where(.peer):checked ~ *) {
+      color: currentcolor;
+    }
+  }
+  .peer-checked\:line-through {
+    &:is(:where(.peer):checked ~ *) {
+      text-decoration-line: line-through;
+    }
+  }
+  .peer-checked\:opacity-50 {
+    &:is(:where(.peer):checked ~ *) {
+      opacity: 50%;
+    }
+  }
+  .peer-checked\:ring-1 {
+    &:is(:where(.peer):checked ~ *) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .peer-checked\:\!ring-primary {
+    &:is(:where(.peer):checked ~ *) {
+      --tw-ring-color: var(--color-primary) !important;
+    }
+  }
+  .peer-checked\:ring-primary {
+    &:is(:where(.peer):checked ~ *) {
+      --tw-ring-color: var(--color-primary);
+    }
+  }
+  .peer-checked\:ring-primary\/20 {
+    &:is(:where(.peer):checked ~ *) {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .peer-focus\:text-primary {
+    &:is(:where(.peer):focus ~ *) {
+      color: var(--color-primary);
+    }
+  }
+  .placeholder\:text-zinc-400 {
+    &::placeholder {
+      color: var(--color-zinc-400);
+    }
+  }
+  .before\:absolute {
+    &::before {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  .before\:start-0 {
+    &::before {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 0);
+    }
+  }
+  .before\:top-1\.75 {
+    &::before {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 1.75);
+    }
+  }
+  .before\:\!hidden {
+    &::before {
+      content: var(--tw-content);
+      display: none !important;
+    }
+  }
+  .before\:h-3 {
+    &::before {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 3);
+    }
+  }
+  .before\:h-5 {
+    &::before {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 5);
+    }
+  }
+  .before\:w-1 {
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 1);
+    }
+  }
+  .before\:w-3 {
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 3);
+    }
+  }
+  .before\:rounded-full {
+    &::before {
+      content: var(--tw-content);
+      border-radius: calc(infinity * 1px);
+    }
+  }
+  .before\:border-s-2 {
+    &::before {
+      content: var(--tw-content);
+      border-inline-start-style: var(--tw-border-style);
+      border-inline-start-width: 2px;
+    }
+  }
+  .before\:border-b-2 {
+    &::before {
+      content: var(--tw-content);
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 2px;
+    }
+  }
+  .before\:border-zinc-200 {
+    &::before {
+      content: var(--tw-content);
+      border-color: var(--color-zinc-200);
+    }
+  }
+  .after\:absolute {
+    &::after {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  .after\:start-0 {
+    &::after {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:top-0 {
+    &::after {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:top-1 {
+    &::after {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 1);
+    }
+  }
+  .after\:top-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      top: calc(1/2 * 100%);
+    }
+  }
+  .after\:bottom-0 {
+    &::after {
+      content: var(--tw-content);
+      bottom: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:left-0 {
+    &::after {
+      content: var(--tw-content);
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:left-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      left: calc(1/2 * 100%);
+    }
+  }
+  .after\:\!hidden {
+    &::after {
+      content: var(--tw-content);
+      display: none !important;
+    }
+  }
+  .after\:block {
+    &::after {
+      content: var(--tw-content);
+      display: block;
+    }
+  }
+  .after\:flex {
+    &::after {
+      content: var(--tw-content);
+      display: flex;
+    }
+  }
+  .after\:size-2 {
+    &::after {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 2);
+      height: calc(var(--spacing) * 2);
+    }
+  }
+  .after\:h-0\.5 {
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 0.5);
+    }
+  }
+  .after\:h-3 {
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 3);
+    }
+  }
+  .after\:h-full {
+    &::after {
+      content: var(--tw-content);
+      height: 100%;
+    }
+  }
+  .after\:w-3 {
+    &::after {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 3);
+    }
+  }
+  .after\:w-full {
+    &::after {
+      content: var(--tw-content);
+      width: 100%;
+    }
+  }
+  .after\:-translate-x-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .after\:-translate-y-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .after\:items-center {
+    &::after {
+      content: var(--tw-content);
+      align-items: center;
+    }
+  }
+  .after\:justify-center {
+    &::after {
+      content: var(--tw-content);
+      justify-content: center;
+    }
+  }
+  .after\:rounded {
+    &::after {
+      content: var(--tw-content);
+      border-radius: 0.25rem;
+    }
+  }
+  .after\:rounded-full {
+    &::after {
+      content: var(--tw-content);
+      border-radius: calc(infinity * 1px);
+    }
+  }
+  .after\:rounded-t-full {
+    &::after {
+      content: var(--tw-content);
+      border-top-left-radius: calc(infinity * 1px);
+      border-top-right-radius: calc(infinity * 1px);
+    }
+  }
+  .after\:\!bg-yellow-500 {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-yellow-500) !important;
+    }
+  }
+  .after\:\!bg-zinc-500 {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-zinc-500) !important;
+    }
+  }
+  .after\:bg-primary {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-primary);
+    }
+  }
+  .after\:bg-white {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-white);
+    }
+  }
+  .after\:text-sm {
+    &::after {
+      content: var(--tw-content);
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+    }
+  }
+  .after\:\!font-normal {
+    &::after {
+      content: var(--tw-content);
+      --tw-font-weight: var(--font-weight-normal) !important;
+      font-weight: var(--font-weight-normal) !important;
+    }
+  }
+  .after\:font-normal {
+    &::after {
+      content: var(--tw-content);
+      --tw-font-weight: var(--font-weight-normal);
+      font-weight: var(--font-weight-normal);
+    }
+  }
+  .after\:text-white {
+    &::after {
+      content: var(--tw-content);
+      color: var(--color-white);
+    }
+  }
+  .after\:opacity-0 {
+    &::after {
+      content: var(--tw-content);
+      opacity: 0%;
+    }
+  }
+  .after\:transition-all {
+    &::after {
+      content: var(--tw-content);
+      transition-property: all;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
+  .after\:duration-300 {
+    &::after {
+      content: var(--tw-content);
+      --tw-duration: 300ms;
+      transition-duration: 300ms;
+    }
+  }
+  .checked\:\!border-yellow-500 {
+    &:checked {
+      border-color: var(--color-yellow-500) !important;
+    }
+  }
+  .checked\:\!border-zinc-500 {
+    &:checked {
+      border-color: var(--color-zinc-500) !important;
+    }
+  }
+  .checked\:border-primary {
+    &:checked {
+      border-color: var(--color-primary);
+    }
+  }
+  .checked\:\!bg-yellow-500 {
+    &:checked {
+      background-color: var(--color-yellow-500) !important;
+    }
+  }
+  .checked\:\!bg-zinc-500 {
+    &:checked {
+      background-color: var(--color-zinc-500) !important;
+    }
+  }
+  .checked\:bg-primary {
+    &:checked {
+      background-color: var(--color-primary);
+    }
+  }
+  .checked\:\!ring-transparent {
+    &:checked {
+      --tw-ring-color: transparent !important;
+    }
+  }
+  .checked\:ring-transparent {
+    &:checked {
+      --tw-ring-color: transparent;
+    }
+  }
+  .checked\:after\:\!bg-white {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-white) !important;
+      }
+    }
+  }
+  .checked\:after\:bg-white {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-white);
+      }
+    }
+  }
+  .checked\:after\:opacity-100 {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        opacity: 100%;
+      }
+    }
+  }
+  .indeterminate\:border-primary {
+    &:indeterminate {
+      border-color: var(--color-primary);
+    }
+  }
+  .indeterminate\:bg-primary {
+    &:indeterminate {
+      background-color: var(--color-primary);
+    }
+  }
+  .indeterminate\:ring-primary\/20 {
+    &:indeterminate {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .indeterminate\:after\:\!opacity-100 {
+    &:indeterminate {
+      &::after {
+        content: var(--tw-content);
+        opacity: 100% !important;
+      }
+    }
+  }
+  .focus-within\:ring-primary\/20 {
+    &:focus-within {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .hover\:-translate-y-1 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-translate-y: calc(var(--spacing) * -1);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .hover\:-translate-y-2 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-translate-y: calc(var(--spacing) * -2);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .hover\:\!border-primary {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary) !important;
+      }
+    }
+  }
+  .hover\:\!border-yellow-500 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-yellow-500) !important;
+      }
+    }
+  }
+  .hover\:\!border-zinc-400 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-400) !important;
+      }
+    }
+  }
+  .hover\:\!border-zinc-500 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-500) !important;
+      }
+    }
+  }
+  .hover\:border-current {
+    &:hover {
+      @media (hover: hover) {
+        border-color: currentcolor;
+      }
+    }
+  }
+  .hover\:border-primary {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary);
+      }
+    }
+  }
+  .hover\:border-red-600 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-red-600);
+      }
+    }
+  }
+  .hover\:border-zinc-400 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-400);
+      }
+    }
+  }
+  .hover\:\!bg-zinc-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-100) !important;
+      }
+    }
+  }
+  .hover\:bg-amber-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-amber-500);
+      }
+    }
+  }
+  .hover\:bg-amber-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-amber-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-amber-600);
+      }
+    }
+  }
+  .hover\:bg-green-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-green-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-green-600);
+      }
+    }
+  }
+  .hover\:bg-lime-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-lime-600);
+      }
+    }
+  }
+  .hover\:bg-primary {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary);
+      }
+    }
+  }
+  .hover\:bg-primary-deep {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-deep);
+      }
+    }
+  }
+  .hover\:bg-primary-subtle {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-subtle);
+      }
+    }
+  }
+  .hover\:bg-purple-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-purple-600);
+      }
+    }
+  }
+  .hover\:bg-red-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-500);
+      }
+    }
+  }
+  .hover\:bg-red-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-red-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-600);
+      }
+    }
+  }
+  .hover\:bg-sky-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-sky-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-sky-600);
+      }
+    }
+  }
+  .hover\:bg-zinc-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-50);
+      }
+    }
+  }
+  .hover\:bg-zinc-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-100);
+      }
+    }
+  }
+  .hover\:bg-zinc-200 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-200);
+      }
+    }
+  }
+  .hover\:bg-zinc-300 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-300);
+      }
+    }
+  }
+  .hover\:bg-zinc-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-500);
+      }
+    }
+  }
+  .hover\:bg-zinc-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-600);
+      }
+    }
+  }
+  .hover\:bg-zinc-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-700);
+      }
+    }
+  }
+  .hover\:bg-zinc-800 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-800);
+      }
+    }
+  }
+  .hover\:\!text-primary {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary) !important;
+      }
+    }
+  }
+  .hover\:text-black {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-black);
+      }
+    }
+  }
+  .hover\:text-current {
+    &:hover {
+      @media (hover: hover) {
+        color: currentcolor;
+      }
+    }
+  }
+  .hover\:text-primary {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+  }
+  .hover\:text-primary-deep {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary-deep);
+      }
+    }
+  }
+  .hover\:text-red-500 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-red-500);
+      }
+    }
+  }
+  .hover\:text-white {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
+  .hover\:text-zinc-700 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-zinc-700);
+      }
+    }
+  }
+  .hover\:text-zinc-800 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-zinc-800);
+      }
+    }
+  }
+  .hover\:no-underline {
+    &:hover {
+      @media (hover: hover) {
+        text-decoration-line: none;
+      }
+    }
+  }
+  .hover\:underline {
+    &:hover {
+      @media (hover: hover) {
+        text-decoration-line: underline;
+      }
+    }
+  }
+  .hover\:shadow-2xl {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .hover\:shadow-xl {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .hover\:ring-2 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .hover\:\!ring-primary {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: var(--color-primary) !important;
+      }
+    }
+  }
+  .hover\:\!ring-yellow-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent) !important;
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent) !important;
+        }
+      }
+    }
+  }
+  .hover\:\!ring-zinc-500\/20 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: color-mix(in srgb, #4D5472 20%, transparent) !important;
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-zinc-500) 20%, transparent) !important;
+        }
+      }
+    }
+  }
+  .hover\:ring-primary {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: var(--color-primary);
+      }
+    }
+  }
+  .hover\:ring-primary\/20 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:after\:bg-zinc-200 {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-zinc-200);
+        }
+      }
+    }
+  }
+  .focus\:border-primary {
+    &:focus {
+      border-color: var(--color-primary);
+    }
+  }
+  .focus\:bg-white {
+    &:focus {
+      background-color: var(--color-white);
+    }
+  }
+  .focus\:ring-2 {
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .focus\:shadow-primary {
+    &:focus {
+      --tw-shadow-color: #636DFF;
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-shadow-color: color-mix(in oklab, var(--color-primary) var(--tw-shadow-alpha), transparent);
+      }
+    }
+  }
+  .focus\:ring-primary\/20 {
+    &:focus {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .focus\:\!outline-0 {
+    &:focus {
+      outline-style: var(--tw-outline-style) !important;
+      outline-width: 0px !important;
+    }
+  }
+  .focus\:outline-0 {
+    &:focus {
+      outline-style: var(--tw-outline-style);
+      outline-width: 0px;
+    }
+  }
+  .disabled\:\!pointer-events-none {
+    &:disabled {
+      pointer-events: none !important;
+    }
+  }
+  .disabled\:pointer-events-none {
+    &:disabled {
+      pointer-events: none;
+    }
+  }
+  .disabled\:\!cursor-not-allowed {
+    &:disabled {
+      cursor: not-allowed !important;
+    }
+  }
+  .disabled\:opacity-50 {
+    &:disabled {
+      opacity: 50%;
+    }
+  }
+  .disabled\:opacity-60 {
+    &:disabled {
+      opacity: 60%;
+    }
+  }
+  .sm\:relative {
+    @media (width >= 40rem) {
+      position: relative;
+    }
+  }
+  .sm\:left-auto {
+    @media (width >= 40rem) {
+      left: auto;
+    }
+  }
+  .sm\:order-1 {
+    @media (width >= 40rem) {
+      order: 1;
+    }
+  }
+  .sm\:order-last {
+    @media (width >= 40rem) {
+      order: 9999;
+    }
+  }
+  .sm\:ms-6 {
+    @media (width >= 40rem) {
+      margin-inline-start: calc(var(--spacing) * 6);
+    }
+  }
+  .sm\:ms-auto {
+    @media (width >= 40rem) {
+      margin-inline-start: auto;
+    }
+  }
+  .sm\:me-3 {
+    @media (width >= 40rem) {
+      margin-inline-end: calc(var(--spacing) * 3);
+    }
+  }
+  .sm\:-mb-8 {
+    @media (width >= 40rem) {
+      margin-bottom: calc(var(--spacing) * -8);
+    }
+  }
+  .sm\:mb-0 {
+    @media (width >= 40rem) {
+      margin-bottom: calc(var(--spacing) * 0);
+    }
+  }
+  .sm\:block {
+    @media (width >= 40rem) {
+      display: block;
+    }
+  }
+  .sm\:w-1\/5 {
+    @media (width >= 40rem) {
+      width: calc(1/5 * 100%);
+    }
+  }
+  .sm\:w-4\/5 {
+    @media (width >= 40rem) {
+      width: calc(4/5 * 100%);
+    }
+  }
+  .sm\:w-6\/12 {
+    @media (width >= 40rem) {
+      width: calc(6/12 * 100%);
+    }
+  }
+  .sm\:w-8\/12 {
+    @media (width >= 40rem) {
+      width: calc(8/12 * 100%);
+    }
+  }
+  .sm\:w-48 {
+    @media (width >= 40rem) {
+      width: calc(var(--spacing) * 48);
+    }
+  }
+  .sm\:w-56 {
+    @media (width >= 40rem) {
+      width: calc(var(--spacing) * 56);
+    }
+  }
+  .sm\:w-96 {
+    @media (width >= 40rem) {
+      width: calc(var(--spacing) * 96);
+    }
+  }
+  .sm\:w-auto {
+    @media (width >= 40rem) {
+      width: auto;
+    }
+  }
+  .sm\:min-w-48 {
+    @media (width >= 40rem) {
+      min-width: calc(var(--spacing) * 48);
+    }
+  }
+  .sm\:grid-cols-2 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .sm\:grid-cols-3 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .sm\:flex-row {
+    @media (width >= 40rem) {
+      flex-direction: row;
+    }
+  }
+  .sm\:items-center {
+    @media (width >= 40rem) {
+      align-items: center;
+    }
+  }
+  .sm\:items-end {
+    @media (width >= 40rem) {
+      align-items: flex-end;
+    }
+  }
+  .sm\:justify-between {
+    @media (width >= 40rem) {
+      justify-content: space-between;
+    }
+  }
+  .sm\:justify-end {
+    @media (width >= 40rem) {
+      justify-content: flex-end;
+    }
+  }
+  .sm\:gap-0 {
+    @media (width >= 40rem) {
+      gap: calc(var(--spacing) * 0);
+    }
+  }
+  .sm\:gap-3\.5 {
+    @media (width >= 40rem) {
+      gap: calc(var(--spacing) * 3.5);
+    }
+  }
+  .sm\:p-6 {
+    @media (width >= 40rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
+  .sm\:pe-12 {
+    @media (width >= 40rem) {
+      padding-inline-end: calc(var(--spacing) * 12);
+    }
+  }
+  .sm\:pt-3 {
+    @media (width >= 40rem) {
+      padding-top: calc(var(--spacing) * 3);
+    }
+  }
+  .sm\:pl-11 {
+    @media (width >= 40rem) {
+      padding-left: calc(var(--spacing) * 11);
+    }
+  }
+  .sm\:text-end {
+    @media (width >= 40rem) {
+      text-align: end;
+    }
+  }
+  .sm\:text-lg {
+    @media (width >= 40rem) {
+      font-size: var(--text-lg);
+      line-height: var(--tw-leading, var(--text-lg--line-height));
+    }
+  }
+  .md\:order-1 {
+    @media (width >= 48rem) {
+      order: 1;
+    }
+  }
+  .md\:order-last {
+    @media (width >= 48rem) {
+      order: 9999;
+    }
+  }
+  .md\:col-span-3 {
+    @media (width >= 48rem) {
+      grid-column: span 3 / span 3;
+    }
+  }
+  .md\:col-span-4 {
+    @media (width >= 48rem) {
+      grid-column: span 4 / span 4;
+    }
+  }
+  .md\:col-span-5 {
+    @media (width >= 48rem) {
+      grid-column: span 5 / span 5;
+    }
+  }
+  .md\:col-span-6 {
+    @media (width >= 48rem) {
+      grid-column: span 6 / span 6;
+    }
+  }
+  .md\:col-span-7 {
+    @media (width >= 48rem) {
+      grid-column: span 7 / span 7;
+    }
+  }
+  .md\:col-span-8 {
+    @media (width >= 48rem) {
+      grid-column: span 8 / span 8;
+    }
+  }
+  .md\:col-span-9 {
+    @media (width >= 48rem) {
+      grid-column: span 9 / span 9;
+    }
+  }
+  .md\:mb-0 {
+    @media (width >= 48rem) {
+      margin-bottom: calc(var(--spacing) * 0);
+    }
+  }
+  .md\:flex {
+    @media (width >= 48rem) {
+      display: flex;
+    }
+  }
+  .md\:w-3\/12 {
+    @media (width >= 48rem) {
+      width: calc(3/12 * 100%);
+    }
+  }
+  .md\:w-5\/12 {
+    @media (width >= 48rem) {
+      width: calc(5/12 * 100%);
+    }
+  }
+  .md\:w-6\/12 {
+    @media (width >= 48rem) {
+      width: calc(6/12 * 100%);
+    }
+  }
+  .md\:w-7\/12 {
+    @media (width >= 48rem) {
+      width: calc(7/12 * 100%);
+    }
+  }
+  .md\:w-\[80\%\] {
+    @media (width >= 48rem) {
+      width: 80%;
+    }
+  }
+  .md\:min-w-\[80\%\] {
+    @media (width >= 48rem) {
+      min-width: 80%;
+    }
+  }
+  .md\:grid-cols-2 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .md\:grid-cols-3 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .md\:grid-cols-4 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  .md\:grid-cols-12 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
+  .md\:grid-cols-13 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(13, minmax(0, 1fr));
+    }
+  }
+  .md\:flex-row {
+    @media (width >= 48rem) {
+      flex-direction: row;
+    }
+  }
+  .md\:items-center {
+    @media (width >= 48rem) {
+      align-items: center;
+    }
+  }
+  .md\:justify-between {
+    @media (width >= 48rem) {
+      justify-content: space-between;
+    }
+  }
+  .md\:justify-center {
+    @media (width >= 48rem) {
+      justify-content: center;
+    }
+  }
+  .md\:justify-end {
+    @media (width >= 48rem) {
+      justify-content: flex-end;
+    }
+  }
+  .md\:gap-6 {
+    @media (width >= 48rem) {
+      gap: calc(var(--spacing) * 6);
+    }
+  }
+  .md\:border-x {
+    @media (width >= 48rem) {
+      border-inline-style: var(--tw-border-style);
+      border-inline-width: 1px;
+    }
+  }
+  .md\:border-y-0 {
+    @media (width >= 48rem) {
+      border-block-style: var(--tw-border-style);
+      border-block-width: 0px;
+    }
+  }
+  .md\:p-6 {
+    @media (width >= 48rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
+  .md\:px-8 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 8);
+    }
+  }
+  .md\:py-4 {
+    @media (width >= 48rem) {
+      padding-block: calc(var(--spacing) * 4);
+    }
+  }
+  .md\:pe-4 {
+    @media (width >= 48rem) {
+      padding-inline-end: calc(var(--spacing) * 4);
+    }
+  }
+  .md\:pe-12 {
+    @media (width >= 48rem) {
+      padding-inline-end: calc(var(--spacing) * 12);
+    }
+  }
+  .md\:text-start {
+    @media (width >= 48rem) {
+      text-align: start;
+    }
+  }
+  .lg\:invisible {
+    @media (width >= 64rem) {
+      visibility: hidden;
+    }
+  }
+  .lg\:visible {
+    @media (width >= 64rem) {
+      visibility: visible;
+    }
+  }
+  .lg\:absolute {
+    @media (width >= 64rem) {
+      position: absolute;
+    }
+  }
+  .lg\:relative {
+    @media (width >= 64rem) {
+      position: relative;
+    }
+  }
+  .lg\:start-full {
+    @media (width >= 64rem) {
+      inset-inline-start: 100%;
+    }
+  }
+  .lg\:end-auto {
+    @media (width >= 64rem) {
+      inset-inline-end: auto;
+    }
+  }
+  .lg\:order-last {
+    @media (width >= 64rem) {
+      order: 9999;
+    }
+  }
+  .lg\:col-span-3 {
+    @media (width >= 64rem) {
+      grid-column: span 3 / span 3;
+    }
+  }
+  .lg\:col-span-4 {
+    @media (width >= 64rem) {
+      grid-column: span 4 / span 4;
+    }
+  }
+  .lg\:col-span-8 {
+    @media (width >= 64rem) {
+      grid-column: span 8 / span 8;
+    }
+  }
+  .lg\:col-span-9 {
+    @media (width >= 64rem) {
+      grid-column: span 9 / span 9;
+    }
+  }
+  .lg\:mx-64 {
+    @media (width >= 64rem) {
+      margin-inline: calc(var(--spacing) * 64);
+    }
+  }
+  .lg\:\!ms-18 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 18) !important;
+    }
+  }
+  .lg\:ms-3\.5 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 3.5);
+    }
+  }
+  .lg\:ms-8 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 8);
+    }
+  }
+  .lg\:ms-24 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 24);
+    }
+  }
+  .lg\:ms-64 {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 64);
+    }
+  }
+  .lg\:ms-auto {
+    @media (width >= 64rem) {
+      margin-inline-start: auto;
+    }
+  }
+  .lg\:mt-0 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:mt-1 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 1);
+    }
+  }
+  .lg\:mt-1\.5 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 1.5);
+    }
+  }
+  .lg\:mt-2 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 2);
+    }
+  }
+  .lg\:mt-4\.5 {
+    @media (width >= 64rem) {
+      margin-top: calc(var(--spacing) * 4.5);
+    }
+  }
+  .lg\:mb-16 {
+    @media (width >= 64rem) {
+      margin-bottom: calc(var(--spacing) * 16);
+    }
+  }
+  .lg\:\!flex {
+    @media (width >= 64rem) {
+      display: flex !important;
+    }
+  }
+  .lg\:block {
+    @media (width >= 64rem) {
+      display: block;
+    }
+  }
+  .lg\:flex {
+    @media (width >= 64rem) {
+      display: flex;
+    }
+  }
+  .lg\:hidden {
+    @media (width >= 64rem) {
+      display: none;
+    }
+  }
+  .lg\:h-60 {
+    @media (width >= 64rem) {
+      height: calc(var(--spacing) * 60);
+    }
+  }
+  .lg\:h-auto {
+    @media (width >= 64rem) {
+      height: auto;
+    }
+  }
+  .lg\:w-36 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 36);
+    }
+  }
+  .lg\:w-auto {
+    @media (width >= 64rem) {
+      width: auto;
+    }
+  }
+  .lg\:min-w-48 {
+    @media (width >= 64rem) {
+      min-width: calc(var(--spacing) * 48);
+    }
+  }
+  .lg\:flex-grow {
+    @media (width >= 64rem) {
+      flex-grow: 1;
+    }
+  }
+  .lg\:basis-auto {
+    @media (width >= 64rem) {
+      flex-basis: auto;
+    }
+  }
+  .lg\:translate-y-3 {
+    @media (width >= 64rem) {
+      --tw-translate-y: calc(var(--spacing) * 3);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .lg\:grid-cols-3 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  .lg\:grid-cols-4 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  .lg\:grid-cols-5 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
+  .lg\:grid-cols-12 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
+  .lg\:flex-row {
+    @media (width >= 64rem) {
+      flex-direction: row;
+    }
+  }
+  .lg\:items-center {
+    @media (width >= 64rem) {
+      align-items: center;
+    }
+  }
+  .lg\:justify-end {
+    @media (width >= 64rem) {
+      justify-content: flex-end;
+    }
+  }
+  .lg\:gap-4 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 4);
+    }
+  }
+  .lg\:gap-5 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 5);
+    }
+  }
+  .lg\:gap-6 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 6);
+    }
+  }
+  .lg\:gap-8 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 8);
+    }
+  }
+  .lg\:gap-10 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 10);
+    }
+  }
+  .lg\:overflow-visible {
+    @media (width >= 64rem) {
+      overflow: visible;
+    }
+  }
+  .lg\:\!overflow-x-hidden {
+    @media (width >= 64rem) {
+      overflow-x: hidden !important;
+    }
+  }
+  .lg\:rounded-md {
+    @media (width >= 64rem) {
+      border-radius: var(--radius-md);
+    }
+  }
+  .lg\:\!bg-transparent {
+    @media (width >= 64rem) {
+      background-color: transparent !important;
+    }
+  }
+  .lg\:bg-white {
+    @media (width >= 64rem) {
+      background-color: var(--color-white);
+    }
+  }
+  .lg\:\!p-3 {
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 3) !important;
+    }
+  }
+  .lg\:p-0 {
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:p-6 {
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
+  .lg\:px-4 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+  }
+  .lg\:px-6 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 6);
+    }
+  }
+  .lg\:px-8 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 8);
+    }
+  }
+  .lg\:px-12 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 12);
+    }
+  }
+  .lg\:py-0 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:py-4 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 4);
+    }
+  }
+  .lg\:py-5 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 5);
+    }
+  }
+  .lg\:py-12 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 12);
+    }
+  }
+  .lg\:py-16 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 16);
+    }
+  }
+  .lg\:ps-3 {
+    @media (width >= 64rem) {
+      padding-inline-start: calc(var(--spacing) * 3);
+    }
+  }
+  .lg\:pe-2 {
+    @media (width >= 64rem) {
+      padding-inline-end: calc(var(--spacing) * 2);
+    }
+  }
+  .lg\:pt-0 {
+    @media (width >= 64rem) {
+      padding-top: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:pb-0 {
+    @media (width >= 64rem) {
+      padding-bottom: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:text-2xl {
+    @media (width >= 64rem) {
+      font-size: var(--text-2xl);
+      line-height: var(--tw-leading, var(--text-2xl--line-height));
+    }
+  }
+  .lg\:text-3xl {
+    @media (width >= 64rem) {
+      font-size: var(--text-3xl);
+      line-height: var(--tw-leading, var(--text-3xl--line-height));
+    }
+  }
+  .lg\:text-4xl {
+    @media (width >= 64rem) {
+      font-size: var(--text-4xl);
+      line-height: var(--tw-leading, var(--text-4xl--line-height));
+    }
+  }
+  .lg\:text-base {
+    @media (width >= 64rem) {
+      font-size: var(--text-base);
+      line-height: var(--tw-leading, var(--text-base--line-height));
+    }
+  }
+  .lg\:opacity-0 {
+    @media (width >= 64rem) {
+      opacity: 0%;
+    }
+  }
+  .lg\:shadow-dropdown {
+    @media (width >= 64rem) {
+      --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .lg\:shadow-xl {
+    @media (width >= 64rem) {
+      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .lg\:transition-transform {
+    @media (width >= 64rem) {
+      transition-property: transform, translate, scale, rotate;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
+  .lg\:after\:absolute {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        position: absolute;
+      }
+    }
+  }
+  .lg\:after\:start-0 {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        inset-inline-start: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .lg\:after\:bottom-0 {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        bottom: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .lg\:after\:h-0\.75 {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        height: calc(var(--spacing) * 0.75);
+      }
+    }
+  }
+  .lg\:after\:w-full {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        width: 100%;
+      }
+    }
+  }
+  .lg\:after\:rounded-t-xl {
+    @media (width >= 64rem) {
+      &::after {
+        content: var(--tw-content);
+        border-top-left-radius: var(--radius-xl);
+        border-top-right-radius: var(--radius-xl);
+      }
+    }
+  }
+  .lg\:hover\:bg-white {
+    @media (width >= 64rem) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-white);
+        }
+      }
+    }
+  }
+  .xl\:max-w-\[450px\] {
+    @media (width >= 80rem) {
+      max-width: 450px;
+    }
+  }
+  .\32 xl\:max-w-\[720px\] {
+    @media (width >= 96rem) {
+      max-width: 720px;
+    }
+  }
+  .ltr\:right-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 0);
+    }
+  }
+  .ltr\:right-2 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 2);
+    }
+  }
+  .ltr\:right-3 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 3);
+    }
+  }
+  .ltr\:right-4 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 4);
+    }
+  }
+  .ltr\:right-5 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      right: calc(var(--spacing) * 5);
+    }
+  }
+  .ltr\:left-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  .ltr\:left-3 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      left: calc(var(--spacing) * 3);
+    }
+  }
+  .ltr\:ml-auto {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      margin-left: auto;
+    }
+  }
+  .ltr\:-translate-x-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      --tw-translate-x: calc(var(--spacing) * -0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .ltr\:-translate-x-full {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      --tw-translate-x: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .ltr\:translate-x-full {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      --tw-translate-x: 100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .ltr\:\!pl-9 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      padding-left: calc(var(--spacing) * 9) !important;
+    }
+  }
+  .ltr\:text-left {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      text-align: left;
+    }
+  }
+  .ltr\:before\:rounded-bl-md {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      &::before {
+        content: var(--tw-content);
+        border-bottom-left-radius: var(--radius-md);
+      }
+    }
+  }
+  .ltr\:after\:left-1 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      &::after {
+        content: var(--tw-content);
+        left: calc(var(--spacing) * 1);
+      }
+    }
+  }
+  .ltr\:checked\:after\:translate-x-3 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      &:checked {
+        &::after {
+          content: var(--tw-content);
+          --tw-translate-x: calc(var(--spacing) * 3);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .ltr\:sm\:right-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      @media (width >= 40rem) {
+        right: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .ltr\:lg\:right-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      @media (width >= 64rem) {
+        right: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .ltr\:lg\:-translate-x-0 {
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      @media (width >= 64rem) {
+        --tw-translate-x: calc(var(--spacing) * -0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .rtl\:right-3 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      right: calc(var(--spacing) * 3);
+    }
+  }
+  .rtl\:left-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  .rtl\:left-2 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 2);
+    }
+  }
+  .rtl\:left-3 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 3);
+    }
+  }
+  .rtl\:left-4 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 4);
+    }
+  }
+  .rtl\:left-5 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      left: calc(var(--spacing) * 5);
+    }
+  }
+  .rtl\:mr-auto {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      margin-right: auto;
+    }
+  }
+  .rtl\:-translate-x-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-translate-x: calc(var(--spacing) * -0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .rtl\:-translate-x-full {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-translate-x: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .rtl\:translate-x-full {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-translate-x: 100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .rtl\:rotate-180 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      rotate: 180deg;
+    }
+  }
+  .rtl\:\!pr-9 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      padding-right: calc(var(--spacing) * 9) !important;
+    }
+  }
+  .rtl\:\!text-right {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      text-align: right !important;
+    }
+  }
+  .rtl\:text-right {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      text-align: right;
+    }
+  }
+  .rtl\:before\:rounded-br-md {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      &::before {
+        content: var(--tw-content);
+        border-bottom-right-radius: var(--radius-md);
+      }
+    }
+  }
+  .rtl\:after\:right-1 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      &::after {
+        content: var(--tw-content);
+        right: calc(var(--spacing) * 1);
+      }
+    }
+  }
+  .rtl\:checked\:after\:-translate-x-3 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      &:checked {
+        &::after {
+          content: var(--tw-content);
+          --tw-translate-x: calc(var(--spacing) * -3);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .rtl\:sm\:left-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      @media (width >= 40rem) {
+        left: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .rtl\:lg\:left-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      @media (width >= 64rem) {
+        left: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .rtl\:lg\:translate-x-0 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      @media (width >= 64rem) {
+        --tw-translate-x: calc(var(--spacing) * 0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .dark\:hidden {
+    &:where(.dark, .dark *) {
+      display: none;
+    }
+  }
+  .dark\:divide-zinc-700 {
+    &:where(.dark, .dark *) {
+      :where(& > :not(:last-child)) {
+        border-color: var(--color-zinc-700);
+      }
+    }
+  }
+  .dark\:divide-zinc-800 {
+    &:where(.dark, .dark *) {
+      :where(& > :not(:last-child)) {
+        border-color: var(--color-zinc-800);
+      }
+    }
+  }
+  .dark\:divide-zinc-900 {
+    &:where(.dark, .dark *) {
+      :where(& > :not(:last-child)) {
+        border-color: var(--color-zinc-900);
+      }
+    }
+  }
+  .dark\:\!border-white\/5 {
+    &:where(.dark, .dark *) {
+      border-color: color-mix(in srgb, #fff 5%, transparent) !important;
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
+      }
+    }
+  }
+  .dark\:\!border-zinc-600 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-600) !important;
+    }
+  }
+  .dark\:\!border-zinc-700 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-700) !important;
+    }
+  }
+  .dark\:\!border-zinc-800 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-800) !important;
+    }
+  }
+  .dark\:border-white\/3 {
+    &:where(.dark, .dark *) {
+      border-color: color-mix(in srgb, #fff 3%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 3%, transparent);
+      }
+    }
+  }
+  .dark\:border-white\/5 {
+    &:where(.dark, .dark *) {
+      border-color: color-mix(in srgb, #fff 5%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
+      }
+    }
+  }
+  .dark\:border-white\/10 {
+    &:where(.dark, .dark *) {
+      border-color: color-mix(in srgb, #fff 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+      }
+    }
+  }
+  .dark\:border-zinc-600 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-600);
+    }
+  }
+  .dark\:border-zinc-700 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-700);
+    }
+  }
+  .dark\:border-zinc-800 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-800);
+    }
+  }
+  .dark\:border-zinc-900 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-900);
+    }
+  }
+  .dark\:border-zinc-950 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-950);
+    }
+  }
+  .dark\:\!bg-white\/10 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, #fff 10%, transparent) !important;
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
+      }
+    }
+  }
+  .dark\:\!bg-zinc-600 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-600) !important;
+    }
+  }
+  .dark\:\!bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-700) !important;
+    }
+  }
+  .dark\:\!bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-800) !important;
+    }
+  }
+  .dark\:\!bg-zinc-900 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-900) !important;
+    }
+  }
+  .dark\:bg-orange-950 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-orange-950);
+    }
+  }
+  .dark\:bg-transparent {
+    &:where(.dark, .dark *) {
+      background-color: transparent;
+    }
+  }
+  .dark\:bg-white\/3 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, #fff 3%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
+      }
+    }
+  }
+  .dark\:bg-zinc-400 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-400);
+    }
+  }
+  .dark\:bg-zinc-600 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-600);
+    }
+  }
+  .dark\:bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-700);
+    }
+  }
+  .dark\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-800);
+    }
+  }
+  .dark\:bg-zinc-900 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-900);
+    }
+  }
+  .dark\:bg-zinc-950 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-950);
+    }
+  }
+  .dark\:from-zinc-900 {
+    &:where(.dark, .dark *) {
+      --tw-gradient-from: var(--color-zinc-900);
+      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    }
+  }
+  .dark\:\!fill-zinc-300 {
+    &:where(.dark, .dark *) {
+      fill: var(--color-zinc-300) !important;
+    }
+  }
+  .dark\:\!stroke-zinc-300 {
+    &:where(.dark, .dark *) {
+      stroke: var(--color-zinc-300) !important;
+    }
+  }
+  .dark\:\!text-white {
+    &:where(.dark, .dark *) {
+      color: var(--color-white) !important;
+    }
+  }
+  .dark\:\!text-zinc-300 {
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-300) !important;
+    }
+  }
+  .dark\:text-blue-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-blue-200);
+    }
+  }
+  .dark\:text-green-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-green-200);
+    }
+  }
+  .dark\:text-primary {
+    &:where(.dark, .dark *) {
+      color: var(--color-primary);
+    }
+  }
+  .dark\:text-red-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-red-200);
+    }
+  }
+  .dark\:text-white {
+    &:where(.dark, .dark *) {
+      color: var(--color-white);
+    }
+  }
+  .dark\:text-white\/70 {
+    &:where(.dark, .dark *) {
+      color: color-mix(in srgb, #fff 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--color-white) 70%, transparent);
+      }
+    }
+  }
+  .dark\:text-yellow-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-yellow-200);
+    }
+  }
+  .dark\:text-zinc-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-200);
+    }
+  }
+  .dark\:text-zinc-300 {
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-300);
+    }
+  }
+  .dark\:text-zinc-400 {
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-400);
+    }
+  }
+  .dark\:\!outline-zinc-800 {
+    &:where(.dark, .dark *) {
+      outline-color: var(--color-zinc-800) !important;
+    }
+  }
+  .dark\:before\:border-zinc-700 {
+    &:where(.dark, .dark *) {
+      &::before {
+        content: var(--tw-content);
+        border-color: var(--color-zinc-700);
+      }
+    }
+  }
+  .dark\:hover\:\!border-zinc-600 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-zinc-600) !important;
+        }
+      }
+    }
+  }
+  .dark\:hover\:border-primary {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-primary);
+        }
+      }
+    }
+  }
+  .dark\:hover\:border-zinc-600 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-zinc-600);
+        }
+      }
+    }
+  }
+  .dark\:hover\:\!bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-700) !important;
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-zinc-600 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-600);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-700);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-800);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-zinc-950 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-950);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-primary {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-primary);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-white {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-white);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-zinc-100 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-zinc-100);
+        }
+      }
+    }
+  }
+  .dark\:hover\:after\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          &::after {
+            content: var(--tw-content);
+            background-color: var(--color-zinc-800);
+          }
+        }
+      }
+    }
+  }
+  .dark\:focus\:border-primary {
+    &:where(.dark, .dark *) {
+      &:focus {
+        border-color: var(--color-primary);
+      }
+    }
+  }
+  .dark\:focus\:bg-zinc-900 {
+    &:where(.dark, .dark *) {
+      &:focus {
+        background-color: var(--color-zinc-900);
+      }
+    }
+  }
+  .dark\:lg\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      @media (width >= 64rem) {
+        background-color: var(--color-zinc-800);
+      }
+    }
+  }
+  .lg\:dark\:hover\:bg-zinc-800 {
+    @media (width >= 64rem) {
+      &:where(.dark, .dark *) {
+        &:hover {
+          @media (hover: hover) {
+            background-color: var(--color-zinc-800);
+          }
+        }
+      }
+    }
+  }
+  .print\:hidden {
+    @media print {
+      display: none;
+    }
+  }
+  .\[\&\.active\,\&\.show\]\:text-zinc-800 {
+    &.active,&.show {
+      color: var(--color-zinc-800);
+    }
+  }
+  .\[\&\.active\,\&\.show\]\:after\:bg-primary {
+    &.active,&.show {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary);
+      }
+    }
+  }
+  .dark\:\[\&\.active\,\&\.show\]\:text-white {
+    &:where(.dark, .dark *) {
+      &.active,&.show {
+        color: var(--color-white);
+      }
+    }
+  }
+  .\[\&\.show\]\:block {
+    &.show {
+      display: block;
+    }
+  }
+  .\[\&\.show\]\:flex {
+    &.show {
+      display: flex;
+    }
+  }
+  .lg\:\[\&\.show\]\:visible {
+    @media (width >= 64rem) {
+      &.show {
+        visibility: visible;
+      }
+    }
+  }
+  .lg\:\[\&\.show\]\:translate-y-0 {
+    @media (width >= 64rem) {
+      &.show {
+        --tw-translate-y: calc(var(--spacing) * 0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .lg\:\[\&\.show\]\:opacity-100 {
+    @media (width >= 64rem) {
+      &.show {
+        opacity: 100%;
+      }
+    }
+  }
+  .\[\.active\]\:pointer-events-none {
+    &:is(.active) {
+      pointer-events: none;
+    }
+  }
+  .\[\.active\]\:border-primary {
+    &:is(.active) {
+      border-color: var(--color-primary);
+    }
+  }
+  .\[\.active\]\:bg-primary {
+    &:is(.active) {
+      background-color: var(--color-primary);
+    }
+  }
+  .\[\.active\]\:bg-primary-subtle {
+    &:is(.active) {
+      background-color: var(--color-primary-subtle);
+    }
+  }
+  .\[\.active\]\:bg-white {
+    &:is(.active) {
+      background-color: var(--color-white);
+    }
+  }
+  .\[\.active\]\:bg-zinc-100 {
+    &:is(.active) {
+      background-color: var(--color-zinc-100);
+    }
+  }
+  .\[\.active\]\:bg-zinc-200 {
+    &:is(.active) {
+      background-color: var(--color-zinc-200);
+    }
+  }
+  .\[\.active\]\:font-semibold {
+    &:is(.active) {
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+    }
+  }
+  .\[\.active\]\:text-orange-500 {
+    &:is(.active) {
+      color: var(--color-orange-500);
+    }
+  }
+  .\[\.active\]\:text-primary {
+    &:is(.active) {
+      color: var(--color-primary);
+    }
+  }
+  .\[\.active\]\:text-white {
+    &:is(.active) {
+      color: var(--color-white);
+    }
+  }
+  .\[\.active\]\:text-zinc-800 {
+    &:is(.active) {
+      color: var(--color-zinc-800);
+    }
+  }
+  .\[\.active\]\:shadow-xs {
+    &:is(.active) {
+      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .\[\.active\]\:ring-primary\/2 {
+    &:is(.active) {
+      --tw-ring-color: color-mix(in srgb, #636DFF 2%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 2%, transparent);
+      }
+    }
+  }
+  .\[\.active\]\:ring-transparent {
+    &:is(.active) {
+      --tw-ring-color: transparent;
+    }
+  }
+  .\[\.active\]\:after\:bg-primary {
+    &:is(.active) {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary);
+      }
+    }
+  }
+  .dark\:\[\.active\]\:bg-zinc-700 {
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        background-color: var(--color-zinc-700);
+      }
+    }
+  }
+  .dark\:\[\.active\]\:bg-zinc-800 {
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        background-color: var(--color-zinc-800);
+      }
+    }
+  }
+  .dark\:\[\.active\]\:bg-zinc-900 {
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        background-color: var(--color-zinc-900);
+      }
+    }
+  }
+  .dark\:\[\.active\]\:text-white {
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        color: var(--color-white);
+      }
+    }
+  }
+  .\[\.disabled\]\:pointer-events-none {
+    &:is(.disabled) {
+      pointer-events: none;
+    }
+  }
+  .\[\.disabled\]\:opacity-50 {
+    &:is(.disabled) {
+      opacity: 50%;
+    }
+  }
+  .\[\.disabled\]\:opacity-70 {
+    &:is(.disabled) {
+      opacity: 70%;
+    }
+  }
+  .\[\.show\]\:translate-x-0 {
+    &:is(.show) {
+      --tw-translate-x: calc(var(--spacing) * 0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .\[\.show\]\:translate-y-0 {
+    &:is(.show) {
+      --tw-translate-y: calc(var(--spacing) * 0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .\[\.show\]\:opacity-100 {
+    &:is(.show) {
+      opacity: 100%;
+    }
+  }
+}
+html,body {
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    text-align: left;
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    text-align: right;
+  }
+}
+body {
+  --tw-font-weight: var(--font-weight-normal);
+  font-weight: var(--font-weight-normal);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+a,button {
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &:focus {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+  }
+}
+.text-muted {
+  color: var(--color-zinc-500);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-400);
+  }
+}
+small {
+  font-size: 90%;
+}
+h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  --tw-tracking: var(--tracking-normal);
+  letter-spacing: var(--tracking-normal);
+  color: var(--color-zinc-900);
+  &:where(.dark, .dark *) {
+    color: var(--color-white);
+  }
+}
+.overflow-y-auto,.overflow-x-auto,.hljs,.ts-dropdown-content {
+  scrollbar-width: thin;
+}
+.sidebar-link {
+  position: relative;
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+  align-items: center;
+  border-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 2);
+  padding-block: calc(var(--spacing) * 1);
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+  --tw-font-weight: var(--font-weight-normal);
+  font-weight: var(--font-weight-normal);
+  white-space: nowrap;
+  color: var(--color-zinc-900);
+  text-transform: capitalize;
+  &::before {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  &::before {
+    content: var(--tw-content);
+    inset-inline-start: calc(var(--spacing) * 0);
+  }
+  &::before {
+    content: var(--tw-content);
+    height: calc(var(--spacing) * 5);
+  }
+  &::before {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 1);
+  }
+  &::before {
+    content: var(--tw-content);
+    border-radius: calc(infinity * 1px);
+  }
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-zinc-100);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300);
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-800);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
+  &:is(.active) {
+    background-color: var(--color-zinc-100);
+  }
+  &:is(.active) {
+    color: var(--color-primary);
+  }
+  &:is(.active) {
+    &::before {
+      content: var(--tw-content);
+      background-color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:is(.active) {
+      background-color: var(--color-zinc-800);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:is(.active) {
+      color: var(--color-white);
+    }
+  }
+  .sidebar-link-arrow {
+    margin-inline-end: calc(var(--spacing) * 1);
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    --tw-duration: 100ms;
+    transition-duration: 100ms;
+  }
+  .sidebar-text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  &[aria-expanded=true]:not(.active) {
+    background-color: var(--color-zinc-100);
+    color: var(--color-primary);
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-800);
+    }
+    &:where(.dark, .dark *) {
+      color: var(--color-white);
+    }
+    .sidebar-link-arrow {
+      rotate: 180deg;
+    }
+  }
+  .sidebar-icon {
+    display: flex;
+    width: calc(var(--spacing) * 8);
+    height: calc(var(--spacing) * 8);
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+    --tw-leading: 1;
+    line-height: 1;
+    opacity: 60%;
+  }
+  .sidebar-text {
+    margin-inline-start: calc(var(--spacing) * 1);
+  }
+  .sidebar-link-arrow {
+    margin-inline-start: auto;
+  }
+  &.active:not([aria-expanded=false]) {
+    .sidebar-link-arrow {
+      rotate: 180deg;
+    }
+  }
+  &.active,&:hover,&[aria-expanded=true] {
+    .sidebar-icon {
+      opacity: 100%;
+    }
+  }
+}
+.sidebar-collapse {
+  width: 100%;
+  padding-inline-start: calc(var(--spacing) * 5.5);
+  .sidebar-collapse-item {
+    position: relative;
+    display: flex;
+    align-items: center;
+    border-start-end-radius: var(--radius-md);
+    border-end-end-radius: var(--radius-md);
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 2px;
+    border-color: var(--color-zinc-200);
+    padding-block: calc(var(--spacing) * 1.5);
+    padding-inline-start: calc(var(--spacing) * 6);
+    padding-inline-end: calc(var(--spacing) * 3);
+    color: var(--color-zinc-600);
+    &::before {
+      content: var(--tw-content);
+      position: absolute;
+    }
+    &::before {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 0);
+    }
+    &::before {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 1.75);
+    }
+    &::before {
+      content: var(--tw-content);
+      margin-inline-start: calc(var(--spacing) * -0.5);
+    }
+    &::before {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 3);
+    }
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 3);
+    }
+    &::before {
+      content: var(--tw-content);
+      border-inline-start-style: var(--tw-border-style);
+      border-inline-start-width: 2px;
+    }
+    &::before {
+      content: var(--tw-content);
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 2px;
+    }
+    &::before {
+      content: var(--tw-content);
+      border-color: var(--color-zinc-200);
+    }
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-100);
+      }
+    }
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+      &::before {
+        content: var(--tw-content);
+        border-bottom-left-radius: var(--radius-md);
+      }
+    }
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      &::before {
+        content: var(--tw-content);
+        border-bottom-right-radius: var(--radius-md);
+      }
+    }
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-700);
+    }
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-400);
+    }
+    &:where(.dark, .dark *) {
+      &::before {
+        content: var(--tw-content);
+        border-color: var(--color-zinc-700);
+      }
+    }
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-zinc-800);
+        }
+      }
+    }
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-white);
+        }
+      }
+    }
+    &:is(.active) {
+      color: var(--color-primary);
+    }
+    &:where(.dark, .dark *) {
+      &:is(.active) {
+        color: var(--color-white);
+      }
+    }
+    .sidebar-collapse-item-arrow {
+      transition-property: transform, translate, scale, rotate;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+      --tw-duration: 100ms;
+      transition-duration: 100ms;
+    }
+    &.active:not([aria-expanded=false]) {
+      .sidebar-collapse-item-arrow {
+        rotate: 180deg;
+      }
+    }
+    &[aria-expanded=true] {
+      background-color: var(--color-zinc-100);
+      color: var(--color-primary);
+      &:where(.dark, .dark *) {
+        background-color: var(--color-zinc-800);
+      }
+      &:where(.dark, .dark *) {
+        color: var(--color-white);
+      }
+      .sidebar-collapse-item-arrow {
+        rotate: 180deg;
+      }
+    }
+  }
+  .sidebar-collapse-level-1 .sidebar-collapse {
+    padding-inline-start: calc(var(--spacing) * 6);
+  }
+}
+input:checked~.sidebar-label>span {
+  border-color: var(--color-primary);
+  color: var(--color-primary);
+}
+.is-sidebar-mini {
+  .app-content {
+    @media (width >= 64rem) {
+      margin-inline-start: calc(var(--spacing) * 18) !important;
+    }
+  }
+  .app-sidebar .overflow-y-auto {
+    @media (width >= 64rem) {
+      overflow-x: hidden !important;
+    }
+  }
+  .app-sidebar:not(:hover) {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 18);
+    }
+    .sidebar-text,.btn-sidebar-min,.badge,.sidebar-link-arrow,.sidebar-collapse,.sidebar-title,.user-text,.logo-text,.sidebar-cta {
+      @media (width >= 64rem) {
+        display: none;
+      }
+    }
+    .sidebar-link {
+      justify-content: center;
+    }
+  }
+  .app-sidebar:hover {
+    @media (width >= 64rem) {
+      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+}
+.is-app-sidebar {
+  .app-sidebar {
+    --tw-translate-x: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.header-horizontal .navbar-nav {
+  .dropdown-menu {
+    z-index: 50;
+    width: 100%;
+    padding: calc(var(--spacing) * 1);
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    @media (width >= 64rem) {
+      visibility: hidden;
+    }
+    @media (width >= 64rem) {
+      position: absolute;
+    }
+    @media (width >= 64rem) {
+      display: block;
+    }
+    @media (width >= 64rem) {
+      min-width: calc(var(--spacing) * 48);
+    }
+    @media (width >= 64rem) {
+      --tw-translate-y: calc(var(--spacing) * 3);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 3) !important;
+    }
+    @media (width >= 64rem) {
+      opacity: 0%;
+    }
+    @media (width >= 64rem) {
+      --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+    @media (width >= 64rem) {
+      transition-property: transform, translate, scale, rotate;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+    @media (width >= 64rem) {
+      &.show {
+        visibility: visible;
+      }
+    }
+    @media (width >= 64rem) {
+      &.show {
+        --tw-translate-y: calc(var(--spacing) * 0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+    @media (width >= 64rem) {
+      &.show {
+        opacity: 100%;
+      }
+    }
+  }
+}
+.navbar-link {
+  position: relative;
+  display: flex;
+  align-items: center;
+  border-radius: var(--radius-lg);
+  padding-inline: calc(var(--spacing) * 1);
+  padding-block: calc(var(--spacing) * 2);
+  --tw-font-weight: var(--font-weight-normal);
+  font-weight: var(--font-weight-normal);
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-zinc-800);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-zinc-200);
+      }
+    }
+  }
+  @media (width >= 64rem) {
+    padding-block: calc(var(--spacing) * 5);
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 0);
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      bottom: calc(var(--spacing) * 0);
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 0.75);
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      width: 100%;
+    }
+  }
+  @media (width >= 64rem) {
+    &::after {
+      content: var(--tw-content);
+      border-top-left-radius: var(--radius-xl);
+      border-top-right-radius: var(--radius-xl);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-zinc-100);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-zinc-800);
+        }
+      }
+    }
+  }
+  &.active,&.show {
+    color: var(--color-zinc-800);
+  }
+  &.active,&.show {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &.active,&.show {
+      color: var(--color-white);
+    }
+  }
+}
+.navbar-arrow {
+  opacity: 50%;
+}
+.navbar-link>.navbar-arrow {
+  margin-inline-start: calc(var(--spacing) * 1);
+  transform-origin: center;
+  rotate: 180deg;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
+.navbar-link.show .navbar-arrow {
+  rotate: 0deg;
+}
+.dropdown-menu .navbar-arrow {
+  margin-inline-start: calc(var(--spacing) * 1);
+  transform-origin: center;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  @media (width >= 64rem) {
+    margin-inline-start: auto;
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    rotate: 180deg;
+  }
+}
+.app-sidebar-compact .app-menu {
+  scrollbar-width: none;
+}
+.app-sidebar .app-menu::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+}
+.sidebar-compact-link {
+  color: var(--color-zinc-600);
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-primary-subtle);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300);
+  }
+  &:is(.active) {
+    background-color: var(--color-primary);
+  }
+  &:is(.active) {
+    color: var(--color-white);
+  }
+  .sidebar-icon {
+    margin-bottom: calc(var(--spacing) * 0.5);
+    font-size: 18px;
+    --tw-leading: 1;
+    line-height: 1;
+  }
+}
+.sidebar-compact-link .sidebar-text {
+  margin-top: calc(var(--spacing) * 0.5);
+  display: block;
+  font-size: 8px;
+  --tw-leading: 1.2;
+  line-height: 1.2;
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+}
+.apps-scrollbar,.overflow-y-auto,.overflow-x-auto,pre code.hljs,.ts-dropdown-content,.datatable-container {
+  scrollbar-color: var(--color-zinc-300) transparent;
+}
+.dark {
+  .apps-scrollbar,.overflow-y-auto,.overflow-x-auto,pre code.hljs,.ts-dropdown-content,.datatable-container {
+    scrollbar-color: var(--color-zinc-700) transparent;
+  }
+}
+.simplebar-scrollbar:before {
+  background-color: var(--color-zinc-400) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700) !important;
+  }
+}
+[dir="rtl"] .app-sidebar .simplebar-vertical.simplebar-track {
+  right: auto !important;
+  left: calc(var(--spacing) * 0) !important;
+}
+.modal {
+  position: fixed;
+  top: calc(var(--spacing) * 0);
+  left: calc(var(--spacing) * 0);
+  z-index: 1055;
+  display: none;
+  height: 100%;
+  width: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  opacity: 0%;
+  transition-property: opacity;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 150ms;
+  transition-duration: 150ms;
+  --tw-ease: linear;
+  transition-timing-function: linear;
+  &:is(.show) {
+    opacity: 100%;
+  }
+}
+.modal-dialog {
+  pointer-events: none;
+  position: relative;
+  margin: calc(var(--spacing) * 4);
+  margin-inline: auto;
+  transform-origin: center;
+  --tw-translate-y: calc(var(--spacing) * -5);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+  --tw-ease: var(--ease-out);
+  transition-timing-function: var(--ease-out);
+}
+.modal.show .modal-dialog {
+  --tw-translate-y: calc(var(--spacing) * 0);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.modal-content {
+  pointer-events: auto;
+  display: flex;
+  flex-direction: column;
+  border-radius: var(--radius-2xl);
+  background-color: var(--color-white);
+  outline-style: var(--tw-outline-style);
+  outline-width: 0px;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-900);
+  }
+}
+.modal-backdrop,.offcanvas-backdrop {
+  position: fixed;
+  top: calc(var(--spacing) * 0);
+  left: calc(var(--spacing) * 0);
+  z-index: 1050;
+  height: 100%;
+  width: 100%;
+  background-color: var(--color-black);
+  opacity: 0%;
+  transition-property: opacity;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 150ms;
+  transition-duration: 150ms;
+  --tw-ease: linear;
+  transition-timing-function: linear;
+  &:is(.show) {
+    opacity: 50%;
+  }
+}
+.offcanvas {
+  visibility: hidden;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+  --tw-ease: var(--ease-in-out);
+  transition-timing-function: var(--ease-in-out);
+}
+.offcanvas.show:not(.hiding), .offcanvas.showing {
+  --tw-translate-y: calc(var(--spacing) * -0);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    --tw-translate-x: calc(var(--spacing) * -0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    --tw-translate-x: calc(var(--spacing) * -0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
+  visibility: visible;
+}
+.dropdown-menu {
+  z-index: 55;
+  display: none;
+  border-radius: var(--radius-lg);
+  background-color: var(--color-white);
+  padding: calc(var(--spacing) * 1);
+  --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  --tw-backdrop-blur: blur(var(--blur-sm));
+  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800);
+  }
+  &.show {
+    display: block;
+  }
+}
+.dropdown-item {
+  display: flex;
+  align-items: center;
+  border-radius: var(--radius-lg);
+  padding-inline: calc(var(--spacing) * 3);
+  padding-block: calc(var(--spacing) * 2);
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-zinc-100);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-700);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
+  &:is(.active) {
+    pointer-events: none;
+  }
+  &:is(.active) {
+    color: var(--color-primary);
+  }
+  &:where(.dark, .dark *) {
+    &:is(.active) {
+      color: var(--color-white);
+    }
+  }
+}
+.dropdown-icon {
+  margin-inline-end: calc(var(--spacing) * 2);
+  vertical-align: middle;
+  font-size: .9375rem;
+  --tw-leading: 1;
+  line-height: 1;
+  opacity: 75%;
+}
+.nav-underline {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+  border-color: var(--color-zinc-200);
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800);
+  }
+  .nav-link {
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: calc(var(--spacing) * 2);
+    border-color: transparent;
+    padding-block: calc(var(--spacing) * 2);
+    color: var(--color-zinc-500);
+    &::after {
+      content: var(--tw-content);
+      position: absolute;
+    }
+    &::after {
+      content: var(--tw-content);
+      bottom: calc(var(--spacing) * 0);
+    }
+    &::after {
+      content: var(--tw-content);
+      left: calc(var(--spacing) * 0);
+    }
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 0.5);
+    }
+    &::after {
+      content: var(--tw-content);
+      width: 100%;
+    }
+    &::after {
+      content: var(--tw-content);
+      border-top-left-radius: calc(infinity * 1px);
+      border-top-right-radius: calc(infinity * 1px);
+    }
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-400);
+    }
+    &:is(.active) {
+      color: var(--color-primary);
+    }
+    &:is(.active) {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary);
+      }
+    }
+  }
+}
+.nav-fill {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--spacing) * 2);
+  .nav-link {
+    display: flex;
+    align-items: center;
+    gap: calc(var(--spacing) * 1.5);
+    border-radius: var(--radius-md);
+    padding-inline: calc(var(--spacing) * 3);
+    padding-block: calc(var(--spacing) * 1.5);
+    &:hover {
+      background-color: var(--color-primary-subtle);
+      color: var(--color-primary);
+    }
+    &.active {
+      background-color: var(--color-primary);
+      color: var(--color-white);
+    }
+  }
+}
+.nav-horizontal {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  overflow-y: hidden;
+  .nav-link {
+    flex-shrink: 0;
+  }
+}
+.collapse {
+  visibility: visible;
+}
+.collapse:not(.show) {
+  display: none;
+}
+.collapsing {
+  height: calc(var(--spacing) * 0);
+  overflow: hidden;
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+  transition: height .35s ease;
+}
+.collapse-arrow {
+  opacity: 75%;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 200ms;
+  transition-duration: 200ms;
+}
+[aria-expanded="true"] .collapse-arrow {
+  rotate: 180deg;
+}
+[aria-expanded="true"] .show-more {
+  display: none;
+}
+.show-less {
+  display: none;
+  color: var(--color-zinc-400);
+}
+[aria-expanded="true"] .show-less {
+  display: inline-flex;
+}
+.tab-content>.tab-pane {
+  display: none;
+}
+.tab-pane.fade:not(.show) {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+.tab-pane.show {
+  opacity: 1;
+  transform: unset !important;
+  transition: all ease-out .2s .1s;
+}
+.tab-content>.active {
+  display: block;
+}
+.btn {
+  display: inline-flex;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 3.5);
+  padding-block: calc(var(--spacing) * 2);
+  font-size: var(--text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height));
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  text-transform: capitalize;
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &.btn-lg {
+    border-radius: var(--radius-lg);
+    padding-inline: calc(var(--spacing) * 5);
+    padding-block: calc(var(--spacing) * 3);
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  &.btn-sm {
+    border-radius: var(--radius-md);
+    padding-inline: calc(var(--spacing) * 2.5);
+    padding-block: calc(var(--spacing) * 1.75);
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+}
+.btn-default {
+  cursor: pointer;
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-zinc-200);
+  background-color: var(--color-white);
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-primary);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700);
+  }
+  &:where(.dark, .dark *) {
+    background-color: transparent;
+  }
+  &:is(.active) {
+    border-color: var(--color-primary);
+  }
+  &:is(.active) {
+    background-color: var(--color-white);
+  }
+  &:is(.active) {
+    color: var(--color-primary);
+  }
+  &:is(.active) {
+    --tw-ring-color: color-mix(in srgb, #636DFF 2%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 2%, transparent);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:is(.active) {
+      background-color: var(--color-zinc-900);
+    }
+  }
+}
+.input {
+  display: block;
+  width: 100%;
+  border-radius: var(--radius-md);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-zinc-300);
+  background-color: var(--color-white);
+  padding-inline: calc(var(--spacing) * 3.5);
+  padding-block: calc(var(--spacing) * 2);
+  font-size: var(--text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height));
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &::placeholder {
+    color: var(--color-zinc-400);
+  }
+  &:focus-within {
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-zinc-400);
+    }
+  }
+  &:focus {
+    border-color: var(--color-primary);
+  }
+  &:focus {
+    background-color: var(--color-white);
+  }
+  &:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  &:focus {
+    --tw-shadow-color: #636DFF;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, var(--color-primary) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  &:focus {
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+  &:focus {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+  }
+  &:disabled {
+    pointer-events: none;
+  }
+  &:disabled {
+    opacity: 60%;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700);
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-900);
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-600);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:focus {
+      border-color: var(--color-primary);
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:focus {
+      background-color: var(--color-zinc-900);
+    }
+  }
+}
+.input.input-lg {
+  border-radius: var(--radius-lg);
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 3);
+  font-size: var(--text-lg);
+  line-height: var(--tw-leading, var(--text-lg--line-height));
+}
+.input.input-sm {
+  border-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 2.5);
+  padding-block: calc(var(--spacing) * 1.5);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+}
+.input-switch {
+  position: relative;
+  height: calc(var(--spacing) * 5);
+  width: calc(var(--spacing) * 8);
+  cursor: pointer;
+  appearance: none;
+  border-radius: calc(infinity * 1px);
+  background-color: var(--color-primary-subtle);
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  --tw-duration: 100ms;
+  transition-duration: 100ms;
+  &::after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  &::after {
+    content: var(--tw-content);
+    top: calc(var(--spacing) * 1);
+  }
+  &::after {
+    content: var(--tw-content);
+    display: block;
+  }
+  &::after {
+    content: var(--tw-content);
+    height: calc(var(--spacing) * 3);
+  }
+  &::after {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 3);
+  }
+  &::after {
+    content: var(--tw-content);
+    border-radius: calc(infinity * 1px);
+  }
+  &::after {
+    content: var(--tw-content);
+    background-color: var(--color-primary);
+  }
+  &::after {
+    content: var(--tw-content);
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+  &:checked {
+    background-color: var(--color-primary);
+  }
+  &:checked {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-white);
+    }
+  }
+  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    &::after {
+      content: var(--tw-content);
+      left: calc(var(--spacing) * 1);
+    }
+  }
+  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        --tw-translate-x: calc(var(--spacing) * 3);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    &::after {
+      content: var(--tw-content);
+      right: calc(var(--spacing) * 1);
+    }
+  }
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    &:checked {
+      &::after {
+        content: var(--tw-content);
+        --tw-translate-x: calc(var(--spacing) * -3);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700);
+  }
+}
+.input-radio,.input-checkbox {
+  position: relative;
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 4);
+  appearance: none;
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-zinc-300);
+  background-color: var(--color-zinc-50);
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  --tw-ring-color: transparent;
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &::after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  &::after {
+    content: var(--tw-content);
+    display: block;
+  }
+  &::after {
+    content: var(--tw-content);
+    opacity: 0%;
+  }
+  &:checked {
+    border-color: var(--color-primary);
+  }
+  &:checked {
+    background-color: var(--color-primary);
+  }
+  &:checked {
+    --tw-ring-color: transparent;
+  }
+  &:checked {
+    &::after {
+      content: var(--tw-content);
+      opacity: 100%;
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-primary);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  &:disabled {
+    pointer-events: none;
+  }
+  &:disabled {
+    cursor: not-allowed !important;
+  }
+  &:disabled {
+    opacity: 60%;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-600);
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800);
+  }
+}
+.input-radio {
+  border-radius: calc(infinity * 1px);
+  &::after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  &::after {
+    content: var(--tw-content);
+    top: calc(1/2 * 100%);
+  }
+  &::after {
+    content: var(--tw-content);
+    left: calc(1/2 * 100%);
+  }
+  &::after {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  &::after {
+    content: var(--tw-content);
+    border-radius: calc(infinity * 1px);
+  }
+  &::after {
+    content: var(--tw-content);
+    background-color: var(--color-white);
+  }
+  &::after {
+    content: var(--tw-content);
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+}
+.input-checkbox {
+  overflow: hidden;
+  border-radius: var(--radius-sm);
+  &::after {
+    content: var(--tw-content);
+    inset-inline-start: calc(var(--spacing) * 0);
+  }
+  &::after {
+    content: var(--tw-content);
+    top: calc(var(--spacing) * 0);
+  }
+  &::after {
+    content: var(--tw-content);
+    display: flex;
+  }
+  &::after {
+    content: var(--tw-content);
+    height: 100%;
+  }
+  &::after {
+    content: var(--tw-content);
+    width: 100%;
+  }
+  &::after {
+    content: var(--tw-content);
+    align-items: center;
+  }
+  &::after {
+    content: var(--tw-content);
+    justify-content: center;
+  }
+  &::after {
+    content: var(--tw-content);
+    border-radius: 0.25rem;
+  }
+  &::after {
+    content: var(--tw-content);
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-font-weight: var(--font-weight-normal) !important;
+    font-weight: var(--font-weight-normal) !important;
+  }
+  &::after {
+    content: var(--tw-content);
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
+  &::after {
+    content: var(--tw-content);
+    color: var(--color-white);
+  }
+  &::after {
+    content: var(--tw-content);
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  &:indeterminate {
+    border-color: var(--color-primary);
+  }
+  &:indeterminate {
+    background-color: var(--color-primary);
+  }
+  &:indeterminate {
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+  &:indeterminate {
+    &::after {
+      content: var(--tw-content);
+      opacity: 100% !important;
+    }
+  }
+}
+.input-checkbox:after {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+.input-checkbox:indeterminate:after {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+.floating-label {
+  input {
+    display: block;
+    width: 100%;
+    border-radius: var(--radius-md);
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+    border-color: var(--color-zinc-300);
+    background-color: transparent;
+    padding-inline: calc(var(--spacing) * 3);
+    padding-block: calc(var(--spacing) * 2);
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    &:focus {
+      border-color: var(--color-primary);
+    }
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+    &:focus {
+      --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-700);
+    }
+  }
+  label {
+    pointer-events: none;
+    position: absolute;
+    inset-inline-start: calc(var(--spacing) * 3);
+    top: calc(var(--spacing) * 2);
+    transform-origin: 0 0;
+    background-color: var(--color-white);
+    padding-inline: calc(var(--spacing) * 1);
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+    &:where(.dark, .dark *) {
+      background-color: var(--color-zinc-900);
+    }
+  }
+}
+.floating-label input:focus + label, .floating-label input:not(:placeholder-shown) + label {
+  transform: scale(1);
+  inset-inline-start: calc(var(--spacing) * 2);
+  top: calc(var(--spacing) * -2.25);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  color: var(--color-primary);
+}
+.floating-label.floating-label-lg {
+  input {
+    border-radius: var(--radius-lg);
+    padding-inline: calc(var(--spacing) * 4);
+    padding-block: calc(var(--spacing) * 2.5);
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  label {
+    inset-inline-start: calc(var(--spacing) * 4);
+    top: calc(var(--spacing) * 2.5);
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  input:focus + label,input:not(:placeholder-shown) + label {
+    inset-inline-start: calc(var(--spacing) * 3);
+    top: calc(var(--spacing) * -2.75);
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+}
+.just-validate-error-label {
+  margin-top: calc(var(--spacing) * 1);
+  font-size: var(--text-xs);
+  line-height: var(--tw-leading, var(--text-xs--line-height));
+  color: var(--color-red-500) !important;
+}
+.input.just-validate-error-field {
+  border-color: var(--color-red-500);
+  background-color: transparent;
+  --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+  }
+}
+.input.just-validate-success-field {
+  border-color: var(--color-green-500);
+  background-color: transparent;
+  --tw-ring-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+  }
+}
+.input-checkbox.just-validate-error-field,.input-radio.just-validate-error-field {
+  border-color: var(--color-red-500) !important;
+  --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+  }
+}
+.input-checkbox.just-validate-success-field:checked,.input-radio.just-validate-success-field:checked {
+  border-color: var(--color-green-500) !important;
+  background-color: var(--color-green-500);
+  --tw-ring-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+  }
+}
+.ts-control {
+  border-radius: var(--radius-md) !important;
+  border-width: 0px !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 1px !important;
+  border-color: var(--color-zinc-300) !important;
+  background-color: var(--color-white) !important;
+  padding-inline: calc(var(--spacing) * 3.5) !important;
+  padding-block: calc(var(--spacing) * 2) !important;
+  font-size: var(--text-base) !important;
+  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+  --tw-leading: var(--leading-normal) !important;
+  line-height: var(--leading-normal) !important;
+  color: var(--color-zinc-700) !important;
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-zinc-400) !important;
+    }
+  }
+  &:focus {
+    outline-style: var(--tw-outline-style) !important;
+    outline-width: 0px !important;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700) !important;
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-900) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300) !important;
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-zinc-600) !important;
+      }
+    }
+  }
+}
+.ts-wrapper.multi.has-items .ts-control {
+  padding-inline: calc(var(--spacing) * 2.5) !important;
+  padding-block: calc(var(--spacing) * 2) !important;
+}
+.focus {
+  .ts-control {
+    border-color: var(--color-primary) !important;
+    background-color: transparent !important;
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+    --tw-ring-color: color-mix(in srgb, #636DFF 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important;
+    }
+  }
+}
+.ts-wrapper.multi .ts-control>div {
+  margin: calc(var(--spacing) * 0.25) !important;
+  border-radius: var(--radius-md) !important;
+  background-color: var(--color-zinc-200) !important;
+  padding-inline: calc(var(--spacing) * 2.5) !important;
+  padding-block: calc(var(--spacing) * 1) !important;
+  font-size: var(--text-xs) !important;
+  line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
+  color: var(--color-zinc-700) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-white) !important;
+  }
+}
+.ts-control input {
+  color: currentcolor !important;
+}
+.ts-dropdown {
+  position: absolute;
+  margin-top: calc(var(--spacing) * 2) !important;
+  border-radius: var(--radius-md) !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 0px !important;
+  background-color: var(--color-white) !important;
+  padding: calc(var(--spacing) * 2) !important;
+  --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+}
+.ts-dropdown {
+  .option {
+    border-radius: var(--radius-md) !important;
+    padding-inline: calc(var(--spacing) * 4);
+    padding-block: calc(var(--spacing) * 2.5);
+    &:where(.dark, .dark *) {
+      color: var(--color-zinc-300) !important;
+    }
+    &.active {
+      background-color: var(--color-zinc-100) !important;
+      color: var(--color-primary) !important;
+      &:where(.dark, .dark *) {
+        background-color: var(--color-zinc-700) !important;
+      }
+      &:where(.dark, .dark *) {
+        color: var(--color-white) !important;
+      }
+    }
+  }
+}
+.ts-wrapper.single .ts-control:after {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  content: "";
+  z-index: 2;
+  width: 1rem;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  position: absolute;
+  inset-inline-end: calc(var(--spacing) * 2);
+  top: calc(var(--spacing) * 0);
+  display: block;
+  height: 100%;
+  opacity: 50%;
+}
+.t-select-sm {
+  .ts-control {
+    border-radius: var(--radius-md) !important;
+    padding-inline: calc(var(--spacing) * 3) !important;
+    padding-block: calc(var(--spacing) * 1.5) !important;
+    font-size: var(--text-sm) !important;
+    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+    &:after {
+      width: calc(var(--spacing) * 3) !important;
+    }
+    input {
+      font-size: var(--text-sm) !important;
+      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+    }
+  }
+  .ts-dropdown {
+    border-radius: var(--radius-md) !important;
+  }
+  .ts-dropdown .option {
+    border-radius: var(--radius-md) !important;
+    padding-inline: calc(var(--spacing) * 2) !important;
+    padding-block: calc(var(--spacing) * 2) !important;
+    font-size: var(--text-sm) !important;
+    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  }
+}
+.t-select-lg {
+  .ts-control {
+    border-radius: var(--radius-lg) !important;
+    padding-inline: calc(var(--spacing) * 4) !important;
+    padding-block: calc(var(--spacing) * 3) !important;
+    font-size: var(--text-lg) !important;
+    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+    &:after {
+      width: calc(var(--spacing) * 4) !important;
+    }
+  }
+  .ts-dropdown {
+    border-radius: var(--radius-lg) !important;
+  }
+  .ts-dropdown .option {
+    border-radius: var(--radius-xl) !important;
+    padding-inline: calc(var(--spacing) * 3) !important;
+    padding-block: calc(var(--spacing) * 2.5) !important;
+    font-size: var(--text-lg) !important;
+    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+  }
+}
+.badge {
+  display: inline-flex;
+  align-items: center;
+  border-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 2);
+  padding-block: calc(var(--spacing) * 1);
+  font-size: var(--text-xs);
+  line-height: var(--tw-leading, var(--text-xs--line-height));
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+}
+.mask {
+  -webkit-mask-position: 50%;
+  mask-position: 50%;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+}
+.mask.squircle {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' viewbox='0 0 200 200'%3E%3Cpath fill='%23000' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' viewbox='0 0 200 200'%3E%3Cpath fill='%23000' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z'/%3E%3C/svg%3E");
+}
+.mask.triangle {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='207' height='207' fill='none' viewbox='0 0 207 207'%3E%3Cpath fill='%23000' d='M138.648 181.408C47.268 232.569 1.327 206.607.824 103.52.324.432 46.014-25.148 137.896 26.777c91.882 51.925 92.133 103.469.753 154.631h-.001z'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='207' height='207' fill='none' viewbox='0 0 207 207'%3E%3Cpath fill='%23000' d='M138.648 181.408C47.268 232.569 1.327 206.607.824 103.52.324.432 46.014-25.148 137.896 26.777c91.882 51.925 92.133 103.469.753 154.631h-.001z'/%3E%3C/svg%3E");
+}
+.mask.diamond {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='227' fill='none' viewbox='0 0 227 227'%3E%3Cpath fill='%23000' d='M42.71 42.71c-56.568 56.57-56.568 84.853 0 141.422 56.57 56.569 84.853 56.569 141.422 0s56.569-84.853 0-141.421c-56.569-56.569-84.853-56.569-141.421 0z'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='227' fill='none' viewbox='0 0 227 227'%3E%3Cpath fill='%23000' d='M42.71 42.71c-56.568 56.57-56.568 84.853 0 141.422 56.57 56.569 84.853 56.569 141.422 0s56.569-84.853 0-141.421c-56.569-56.569-84.853-56.569-141.421 0z'/%3E%3C/svg%3E");
+}
+.mask.hexagon {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201' fill='none' viewbox='0 0 182 201'%3E%3Cpath fill='%23000' d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0l-61.86-35.945C6.151 157.44.3 145.737.3 136.54V65.486z'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201' fill='none' viewbox='0 0 182 201'%3E%3Cpath fill='%23000' d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0l-61.86-35.945C6.151 157.44.3 145.737.3 136.54V65.486z'/%3E%3C/svg%3E");
+}
+.timeline {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+.timeline-item {
+  display: flex;
+  min-height: 70px;
+}
+.timeline-item-wrapper {
+  display: flex;
+  flex: auto;
+}
+.timeline-item-media {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.timeline-item-media-content {
+  margin-block: calc(var(--spacing) * 2);
+}
+.timeline-connect {
+  height: 100%;
+  width: calc(var(--spacing) * 0.5);
+  background-color: var(--color-zinc-100);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800);
+  }
+}
+.timeline-item-content {
+  margin-inline-start: calc(var(--spacing) * 4);
+  width: 100%;
+  padding-top: calc(var(--spacing) * 1);
+  padding-bottom: calc(var(--spacing) * 1.5);
+}
+.tlm .tlm-item:last-child .tlm-content {
+  padding-bottom: calc(var(--spacing) * 0);
+}
+.card-arrow>span {
+  transform-origin: center;
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
+.card-arrow[aria-expanded=true]>span {
+  rotate: 180deg;
+}
+.check-task {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary);
+    }
+  }
+}
+.task-completed {
+  .task-title,.task-date {
+    text-decoration-line: line-through;
+    opacity: 50%;
+  }
+  .check-task {
+    color: var(--color-primary);
+  }
+}
+.theme-switcher {
+  .theme-check {
+    opacity: 0%;
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+  &.active {
+    .theme-check {
+      opacity: 100%;
+    }
+  }
+}
+.table-default {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: var(--text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height));
+}
+.table-default th {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+  border-color: color-mix(in srgb, #4D5472 10%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent);
+  }
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 3);
+  text-align: start;
+  vertical-align: middle;
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800);
+  }
+}
+.table-default tr td {
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 3);
+  text-align: left;
+  vertical-align: middle;
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    text-align: right;
+  }
+}
+.table-default.table-compact tr td {
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 2);
+  text-align: left;
+  vertical-align: middle;
+}
+.table-default.table-compact th {
+  padding-inline: calc(var(--spacing) * 4);
+  padding-block: calc(var(--spacing) * 2);
+}
+.table-default th {
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-zinc-500);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-400);
+  }
+}
+.table-basic th {
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-zinc-500);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-400);
+  }
+}
+.table-default tbody {
+  width: 100%;
+  :where(& > :not(:last-child)) {
+    --tw-divide-y-reverse: 0;
+    border-bottom-style: var(--tw-border-style);
+    border-top-style: var(--tw-border-style);
+    border-top-width: calc(1px * var(--tw-divide-y-reverse));
+    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  }
+  :where(& > :not(:last-child)) {
+    border-color: color-mix(in srgb, #4D5472 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent);
+    }
+  }
+  &:where(.dark, .dark *) {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-zinc-800);
+    }
+  }
+}
+.table-hover>tbody>tr:hover {
+  background-color: var(--color-zinc-50);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-950);
+  }
+}
+.table-striped>tbody>tr:nth-child(even) {
+  background-color: var(--color-zinc-50);
+  &:where(.dark, .dark *) {
+    background-color: color-mix(in srgb, #fff 3%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
+    }
+  }
+}
+.pagination {
+  .page-link {
+    display: flex;
+    height: calc(var(--spacing) * 8);
+    cursor: pointer;
+    align-items: center;
+    border-radius: var(--radius-lg);
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+    border-color: var(--color-zinc-200);
+    padding-inline: calc(var(--spacing) * 3);
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    --tw-ring-color: transparent;
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary);
+      }
+    }
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary);
+      }
+    }
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: var(--color-primary);
+      }
+    }
+    &:disabled {
+      pointer-events: none;
+    }
+    &:disabled {
+      opacity: 50%;
+    }
+    &:where(.dark, .dark *) {
+      border-color: var(--color-zinc-800);
+    }
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-primary);
+        }
+      }
+    }
+    &:is(.active) {
+      border-color: var(--color-primary);
+    }
+    &:is(.active) {
+      background-color: var(--color-primary);
+    }
+    &:is(.active) {
+      color: var(--color-white);
+    }
+    &:is(.active) {
+      --tw-ring-color: transparent;
+    }
+  }
+}
+.tooltip {
+  z-index: 55;
+  max-width: calc(var(--spacing) * 44);
+  text-align: center;
+}
+.tooltip-inner {
+  border-radius: var(--radius-md);
+  background-color: var(--color-zinc-700);
+  padding-inline: calc(var(--spacing) * 2);
+  padding-block: calc(var(--spacing) * 1);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  color: var(--color-white);
+  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.popover {
+  z-index: 55;
+  max-width: 270px;
+  border-radius: var(--radius-md);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-zinc-100);
+  background-color: var(--color-white);
+  --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.03));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-900);
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-950);
+  }
+}
+.popover-header {
+  border-top-left-radius: var(--radius-md);
+  border-top-right-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 3);
+  padding-top: calc(var(--spacing) * 3);
+}
+.popover-body {
+  padding: calc(var(--spacing) * 3);
+}
+.ql-container {
+  font-size: var(--text-base) !important;
+  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+}
+.ql-toolbar.ql-snow,.ql-container.ql-snow {
+  border-color: var(--color-zinc-300) !important;
+  background-color: var(--color-white) !important;
+  font-family: var(--font-theme) !important;
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700) !important;
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-900) !important;
+  }
+}
+.ql-toolbar.ql-snow {
+  border-top-left-radius: var(--radius-md);
+  border-top-right-radius: var(--radius-md);
+  padding-inline: calc(var(--spacing) * 2) !important;
+  padding-top: calc(var(--spacing) * 2) !important;
+  padding-bottom: calc(var(--spacing) * 2) !important;
+}
+.ql-container.ql-snow {
+  border-bottom-right-radius: var(--radius-md);
+  border-bottom-left-radius: var(--radius-md);
+}
+.ql-editor {
+  min-height: calc(var(--spacing) * 24);
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    text-align: right !important;
+  }
+}
+.ql-snow .ql-stroke {
+  stroke: var(--color-zinc-700) !important;
+  &:where(.dark, .dark *) {
+    stroke: var(--color-zinc-300) !important;
+  }
+}
+.ql-snow .ql-fill {
+  fill: var(--color-zinc-700) !important;
+  &:where(.dark, .dark *) {
+    fill: var(--color-zinc-300) !important;
+  }
+}
+.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke {
+  stroke: var(--color-primary) !important;
+}
+.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill {
+  fill: var(--color-primary) !important;
+}
+.unread {
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-zinc-900);
+  &:where(.dark, .dark *) {
+    color: var(--color-white);
+  }
+}
+.sidebar-secondary {
+  z-index: 20;
+}
+.sidebar-secondary-overlay {
+  z-index: 10;
+  display: none;
+}
+.layout_secondary.is-sidebar .sidebar-secondary {
+  --tw-translate-x: calc(var(--spacing) * -0) !important;
+  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.wizard-icon {
+  background-color: var(--color-zinc-100);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700);
+  }
+}
+.wizard-step {
+  cursor: pointer;
+  opacity: 85%;
+}
+.wizard-step.active {
+  opacity: 100%;
+}
+.wizard-step.active .wizard-icon {
+  background-color: var(--color-primary);
+  color: var(--color-white);
+}
+.wizard-step.disabled {
+  pointer-events: none;
+  cursor: default;
+  opacity: 50%;
+}
+.wizard-panel:not(.active) {
+  display: none;
+}
+div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-primary) !important;
+}
+div:where(.swal2-container) .swal2-icon-success div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-green-500) !important;
+}
+div:where(.swal2-container) .swal2-icon-error div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-red-500) !important;
+}
+div:where(.swal2-container) .swal2-icon-warning div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-amber-500) !important;
+}
+div:where(.swal2-container) .swal2-icon-info div:where(.swal2-timer-progress-bar) {
+  background-color: var(--color-sky-500) !important;
+}
+.swal2-html-container {
+  font-size: var(--text-base) !important;
+  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+}
+div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
+  background-color: var(--color-green-500) !important;
+}
+div:where(.swal2-icon).swal2-success .swal2-success-ring {
+  border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent) !important;
+  }
+}
+div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
+  background-color: var(--color-red-500) !important;
+}
+div:where(.swal2-icon).swal2-error {
+  border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent) !important;
+  }
+}
+.swal2-toast button:where(.swal2-close) {
+  font-size: var(--text-xl) !important;
+  line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
+}
+.swal2-toast {
+  padding: calc(var(--spacing) * 4) !important;
+}
+.swal2-toast button:where(.swal2-close) {
+  position: absolute !important;
+  inset-inline-end: calc(var(--spacing) * 0);
+  top: calc(var(--spacing) * 0);
+  margin-inline-end: calc(var(--spacing) * -3) !important;
+  margin-top: calc(var(--spacing) * -3) !important;
+  width: calc(var(--spacing) * 8) !important;
+  height: calc(var(--spacing) * 8) !important;
+}
+div:where(.swal2-container) button:where(.swal2-close) {
+  border-radius: var(--radius-lg) !important;
+  color: var(--color-zinc-400) !important;
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-zinc-100) !important;
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary) !important;
+    }
+  }
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-zinc-700) !important;
+      }
+    }
+  }
+}
+.swal2-toast {
+  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+}
+.swal2-toast h2:where(.swal2-title) {
+  margin: calc(var(--spacing) * 0) !important;
+  font-size: var(--text-lg) !important;
+  line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+}
+.swal2-toast div:where(.swal2-html-container) {
+  margin: calc(var(--spacing) * 0) !important;
+  font-size: var(--text-sm) !important;
+  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+}
+.swal2-toast .swal2-icon {
+  margin-inline-start: calc(var(--spacing) * 0) !important;
+  margin-inline-end: calc(var(--spacing) * 4) !important;
+}
+div:where(.swal2-container) h2:where(.swal2-title) {
+  font-size: var(--text-2xl) !important;
+  line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
+}
+div:where(.swal2-container) div:where(.swal2-popup) {
+  color: var(--color-zinc-700) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300) !important;
+  }
+}
+.sortable-ghost {
+  background-color: var(--color-zinc-200);
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700);
+  }
+}
+.jvm-tooltip {
+  background-color: var(--color-primary) !important;
+  padding-inline: calc(var(--spacing) * 2) !important;
+  padding-block: calc(var(--spacing) * 1) !important;
+  font-size: var(--text-sm) !important;
+  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+}
+.fc-toolbar-title {
+  font-size: var(--text-xl) !important;
+  line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
+}
+.fc-button {
+  margin-inline-start: calc(var(--spacing) * 1) !important;
+  border-radius: var(--radius-lg) !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 1px !important;
+  border-color: var(--color-zinc-200) !important;
+  background-color: transparent !important;
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+  color: var(--color-zinc-700) !important;
+  text-transform: capitalize !important;
+  --tw-shadow: 0 0 #0000 !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-primary) !important;
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary) !important;
+    }
+  }
+  &:disabled {
+    pointer-events: none !important;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-300) !important;
+  }
+}
+.fc-theme-standard td, .fc-theme-standard th,.fc-theme-standard .fc-scrollgrid {
+  border-color: var(--color-zinc-200) !important;
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800) !important;
+  }
+}
+.fc .fc-daygrid-day.fc-day-today {
+  background-color: color-mix(in srgb, #636DFF 10%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
+  }
+}
+.fc-h-event {
+  padding-inline: calc(var(--spacing) * 2) !important;
+  padding-block: calc(var(--spacing) * 0.5) !important;
+}
+.fc .fc-scrollgrid-section-sticky > * {
+  background-color: var(--color-zinc-100) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+}
+.daterangepicker {
+  margin-top: calc(var(--spacing) * 2) !important;
+  border-radius: var(--radius-lg) !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 0px !important;
+  font-family: var(--font-sans) !important;
+  --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(19, 21, 35, 0.08)), 0 16px 32px var(--tw-shadow-color, rgba(19, 21, 35, 0.12)), 0 24px 48px var(--tw-shadow-color, rgba(19, 21, 35, 0.08));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  &::before {
+    content: var(--tw-content);
+    display: none !important;
+  }
+  &::after {
+    content: var(--tw-content);
+    display: none !important;
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+}
+.daterangepicker .calendar-table th {
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+}
+.daterangepicker.show-calendar .drp-buttons {
+  display: flex !important;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  gap: calc(var(--spacing) * 2);
+}
+.daterangepicker .ranges {
+  margin-block: calc(var(--spacing) * 2) !important;
+}
+.daterangepicker.show-ranges.ltr .drp-calendar.left,.daterangepicker .drp-buttons {
+  border-color: var(--color-zinc-200) !important;
+  &:where(.dark, .dark *) {
+    border-color: color-mix(in srgb, #fff 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
+    }
+  }
+}
+.daterangepicker .drp-buttons .btn {
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+  &.btn-primary {
+    background-color: var(--color-primary);
+    color: var(--color-white);
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-deep);
+      }
+    }
+  }
+}
+.daterangepicker .calendar-table {
+  &:where(.dark, .dark *) {
+    border-color: color-mix(in srgb, #fff 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
+    }
+  }
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700) !important;
+  }
+}
+.daterangepicker td.active, .daterangepicker td.active:hover {
+  background-color: var(--color-primary) !important;
+}
+.daterangepicker .ranges li:not(.active):hover {
+  background-color: var(--color-zinc-100) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-700) !important;
+  }
+}
+.daterangepicker td.available:hover, .daterangepicker th.available:hover {
+  background-color: var(--color-zinc-200) !important;
+  &:where(.dark, .dark *) {
+    background-color: color-mix(in srgb, #fff 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
+    }
+  }
+}
+.daterangepicker .ranges li.active {
+  background-color: var(--color-primary) !important;
+}
+.daterangepicker td.off {
+  background-color: transparent !important;
+  color: var(--color-zinc-400) !important;
+}
+.daterangepicker td.in-range {
+  background-color: var(--color-zinc-100) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-600) !important;
+  }
+  &:where(.dark, .dark *) {
+    color: var(--color-white) !important;
+  }
+}
+.daterangepicker td.end-date {
+  background-color: var(--color-primary) !important;
+  color: var(--color-white) !important;
+}
+.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
+  border-color: var(--color-zinc-400) !important;
+}
+table.dataTable thead th, table.dataTable tfoot th {
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+}
+table.dataTable > thead > tr > th, table.dataTable > thead > tr > td,table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td {
+  padding-inline: calc(var(--spacing) * 4) !important;
+}
+.dt-scroll-body {
+  scrollbar-width: thin;
+  scrollbar-color: var(--color-zinc-300) transparent;
+}
+.dark .dt-scroll-body {
+  scrollbar-color: var(--color-zinc-700) transparent;
+}
+table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
+  border-color: color-mix(in srgb, #4D5472 10%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent) !important;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800) !important;
+  }
+}
+table.dataTable > tbody > tr.selected > * {
+  background-color: var(--color-zinc-50) !important;
+  color: inherit !important;
+  --tw-shadow: 0 0 #0000 !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  &:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800) !important;
+  }
+}
+table.dataTable > tbody > tr.selected a {
+  color: inherit !important;
+}
+.dt-select-checkbox {
+  position: relative;
+  width: calc(var(--spacing) * 4) !important;
+  height: calc(var(--spacing) * 4) !important;
+  border-radius: 0.25rem !important;
+  border-color: var(--color-zinc-300) !important;
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  --tw-ring-color: transparent;
+  outline-style: var(--tw-outline-style) !important;
+  outline-width: 0px !important;
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-primary) !important;
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      --tw-ring-color: var(--color-primary) !important;
+    }
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-600) !important;
+  }
+  &:after {
+    position: absolute;
+    inset-inline-start: calc(var(--spacing) * 0) !important;
+    top: calc(var(--spacing) * 0) !important;
+    margin: calc(var(--spacing) * 0) !important;
+    height: 100% !important;
+    width: 100% !important;
+  }
+  &:checked {
+    border-color: var(--color-primary) !important;
+    color: var(--color-primary) !important;
+    --tw-ring-color: var(--color-primary);
+  }
+}
+.dt-info {
+  padding-inline-start: calc(var(--spacing) * 4);
+  padding-top: calc(var(--spacing) * 4);
+  font-size: var(--text-sm) !important;
+  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  color: var(--color-zinc-400) !important;
+  @media (width >= 40rem) {
+    margin-bottom: calc(var(--spacing) * -8);
+  }
+}
+.dt-paging {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-block: calc(var(--spacing) * 4);
+  padding-inline-end: calc(var(--spacing) * 4);
+}
+.dt-paging-button {
+  border-color: var(--color-zinc-200) !important;
+  background-image: none !important;
+  padding-inline: calc(var(--spacing) * 3) !important;
+  padding-block: calc(var(--spacing) * 1) !important;
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-700) !important;
+  }
+}
+div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
+  border-color: var(--color-primary) !important;
+  background-color: var(--color-primary) !important;
+  color: var(--color-white) !important;
+}
+div.dt-container .dt-paging .dt-paging-button:hover {
+  border-color: var(--color-primary) !important;
+  color: var(--color-primary) !important;
+}
+div.dt-container .dt-paging .dt-paging-button:active {
+  --tw-shadow: 0 0 #0000 !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+}
+div.dt-container.dt-empty-footer .dt-scroll-body,html.dark .dt-container.dt-empty-footer table.dataTable,div.dt-container.dt-empty-footer tbody > tr:last-child > * {
+  border-color: color-mix(in srgb, #4D5472 10%, transparent) !important;
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent) !important;
+  }
+  &:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800) !important;
+  }
+}
+div.dt-container .dt-paging .dt-paging-button {
+  border-radius: var(--radius-md) !important;
+}
+div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
+  pointer-events: none !important;
+  color: inherit !important;
+  opacity: 50% !important;
+}
+table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover {
+  outline-color: var(--color-zinc-100) !important;
+  &:where(.dark, .dark *) {
+    outline-color: var(--color-zinc-800) !important;
+  }
+}
+.dataTable tbody tr td.sorting_1 {
+  background-color: color-mix(in srgb, #4D5472 1%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-zinc-500) 1%, transparent);
+  }
+  &:where(.dark, .dark *) {
+    background-color: color-mix(in srgb, #fff 3%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
+    }
+  }
+}
+table.dataTable input.dt-select-checkbox:checked:after {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+.code-snippet pre,.code-snippet pre code {
+  --tw-leading: var(--leading-normal);
+  line-height: var(--leading-normal);
+}
+.hljs {
+  direction: ltr !important;
+  font-family: var(--font-mono);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  color: var(--color-zinc-600);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-400);
+  }
+}
+.hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
+  color: var(--color-green-600);
+}
+.hljs-name, .hljs-quote, .hljs-selector-pseudo, .hljs-selector-tag {
+  color: var(--color-zinc-700);
+  &:where(.dark, .dark *) {
+    color: var(--color-zinc-200);
+  }
+}
+.hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-variable {
+  color: var(--color-orange-600);
+}
+.hljs-comment {
+  opacity: 75%;
+}
+.icon-in-css {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m5 13l4 4L19 7'/%3E%3C/svg%3E");
+  background-color: currentcolor;
+  mask-image: var(--svg);
+  mask-size: 100%;
+  mask-repeat: no-repeat;
+}
+.swiper-pagination-bullet {
+  width: calc(var(--spacing) * 2.5) !important;
+  height: calc(var(--spacing) * 2.5) !important;
+  border-style: var(--tw-border-style) !important;
+  border-width: 2px !important;
+  border-color: var(--color-primary-subtle) !important;
+  background-color: transparent !important;
+  opacity: 100% !important;
+}
+.swiper-pagination-bullet-active {
+  border-color: var(--color-primary) !important;
+  background-color: var(--color-primary) !important;
+}
+[dir="rtl"] .swiper-wrapper {
+  direction: ltr !important;
+}
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-space-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-divide-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-content {
+  syntax: "*";
+  initial-value: "";
+  inherits: false;
+}
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes ping {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+  }
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-space-y-reverse: 0;
+      --tw-space-x-reverse: 0;
+      --tw-divide-x-reverse: 0;
+      --tw-border-style: solid;
+      --tw-divide-y-reverse: 0;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-content: "";
+    }
+  }
+}
+/*# sourceMappingURL=style.css.map */
diff --git a/www/raven-demo/customer-create.html b/www/raven-demo/customer-create.html
new file mode 100644
index 0000000..1b34754
--- /dev/null
+++ b/www/raven-demo/customer-create.html
@@ -0,0 +1,1112 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item active">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item customers_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item customers_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item customers_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item customers_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+<!--:page header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Create</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center">
+                    <a href="index.html" class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">
+                        Dashboard</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Customers</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Create</span></li>
+            </ol>
+        </div>
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                <div class="md:col-span-7">
+                    <!--:Card:-->
+                     
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                       <div class="p-4 pb-0">
+                        <h5 class="text-lg">Overview</h5>
+                        <p class="text-zinc-400">Basic details of customer</p>
+                       </div>
+                        <div class="p-4">
+                            <div class="flex flex-wrap -mx-2">
+                                <div class="w-full px-2 sm:w-6/12 mb-4">
+                                    <label class="mb-1 block">Name</label>
+                                    <input type="text" class="input" placeholder="Name">
+                                </div>
+                                <div class="w-full px-2 sm:w-6/12 mb-4">
+                                    <label class="mb-1 block">Username</label>
+                                    <input type="text" class="input" placeholder="@username">
+                                </div>
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Email</label>
+                                    <input type="email" class="input" placeholder="Email">
+                                </div>
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Phone</label>
+                                    <input type="text" class="input" placeholder="Phone">
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                       <div class="p-4 pb-0">
+                        <h5 class="text-lg">Address</h5>
+                        <p class="text-zinc-400">Address of customer</p>
+                       </div>
+                        <div class="p-4">
+                            <div class="flex flex-wrap -mx-2">
+                                <div class="w-full px-2 sm:w-6/12 mb-4">
+                                    <label class="mb-1 block">Country</label>
+                                    <div>
+                                        <div class="relative">
+                                            <select class="js-select"
+                                                placeholder="Select a country">
+                                                <option value="Scotland">Scotland</option>
+                                                <option value="India">India</option>
+                                                <option value="USA" selected>United States</option>
+                                                <option value="Australia">Australia</option>
+                                                <option value="France">France</option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Address</label>
+                                    <input type="text" class="input" placeholder="Address">
+                                </div>
+                                <div class="w-full sm:w-6/12 px-2 mb-4 sm:mb-0">
+                                    <label class="mb-1 block">City</label>
+                                    <input type="email" class="input" placeholder="City">
+                                </div>
+                                <div class="w-full sm:w-6/12 px-2">
+                                    <label class="mb-1 block">Postal code</label>
+                                    <input type="text" class="input" placeholder="Postal code">
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="md:col-span-5">
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                        <div class="p-4 pb-0">
+                        <h5 class="text-lg">Image</h5>
+                        <p class="text-zinc-400">Avatar image of customer</p>
+                       </div>
+                        <div class="p-4">
+                            <div class="flex flex-col items-center gap-1.5">
+                                <div
+                                    class="size-24 flex items-center justify-center shadow-lg border-4 border-white dark:border-zinc-900 mb-5 rounded-full bg-zinc-200 dark:bg-zinc-700">
+                                    <span class="icon-[iconoir--media-image-plus] text-lg"></span>
+                                </div>
+                                <div class="flex items-center gap-2.5">
+                                    <label for="upload_profile">
+                                        <input type="file" id="upload_profile" class="appearance-none hidden">
+                                        <button type="button"
+                                            class="btn bg-primary hover:bg-primary-deep text-white">Upload
+                                            Image</button>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                        <div class="p-4 pb-0">
+                        <h5 class="text-lg">Tags</h5>
+                        <p class="text-zinc-400">Customer account tags</p>
+                       </div>
+                        <div class="p-4 flex flex-col space-y-4">
+                            <select class="js-select" multiple>
+                                <option value="Inactive">Inactive</option>
+                                <option value="New" selected>New</option>
+                                <option value="Pro">Pro</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!--:Page footer:-->
+            <div
+                class="flex items-center justify-end gap-2.5 mb-4">
+                <button type="submit"
+                    class="btn border border-red-500 text-red-500 hover:bg-red-500 hover:text-white"><span
+                        class="icon-[lucide--trash] text-lg me-1 leading-none"></span> Discard</button>
+                <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep"><span
+                        class="icon-[lucide--upload] text-lg me-1 leading-none"></span> Submit</button>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Page scripts:-->
+           <script src="vendor/js/tom-select.complete.min.js"></script>
+  <script>
+    document.querySelectorAll('.js-select').forEach(select => {
+      new TomSelect(select, {
+        
+        create: true
+      });
+    });
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/customer-details.html b/www/raven-demo/customer-details.html
new file mode 100644
index 0000000..729e808
--- /dev/null
+++ b/www/raven-demo/customer-details.html
@@ -0,0 +1,1103 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item active">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item customers_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item customers_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item customers_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item customers_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Dashboard</a></li>
+               <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><a href="customer-list.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Customers</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Caleb Michael Stone</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                <div class="md:col-span-4">
+                    <!--:Card:-->
+                    <div
+                        class="flex flex-col h-full rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 lg:p-6 relative">
+                       <a data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Edit User" href="customer-edit.html"
+                        class="btn btn-default size-8 !p-0 ml-auto !rounded-full">
+                        <span class="icon-[lucide--edit] text-lg"></span>
+                       </a>
+                        <div class="text-center mb-5">
+                            <img src="images/avatars/thumb-1.jpg" class="w-24 rounded-full block mx-auto mb-5">
+                            <h5 class="text-lg">Caleb Michael Stone</h5>
+                        </div>
+                        <div class="flex flex-col pt-5">
+                            <span class="mb-1 text-muted">Email</span>
+                            <h5>caleb.stone@gmail.com</h5>
+                        </div>
+                        <div class="flex flex-col pt-5">
+                            <span class="mb-1 text-muted">Phone</span>
+                            <h5>+01 1234567890</h5>
+                        </div>
+                        <div class="flex flex-col pt-5">
+                            <span class="mb-1 text-muted">Location</span>
+                            <h5>Edinburgh, Scotland</h5>
+                        </div>
+                        <div class="flex flex-col pt-5">
+                            <span class="mb-1 text-muted">Last active</span>
+                            <h5>23h ago</h5>
+                        </div>
+                        <div class="flex flex-col pt-5">
+                            <span class="mb-2 text-muted">Social</span>
+                            <div class="flex flex-wrap items-center gap-1">
+                                <a href="#!"
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                    <span class="icon-[iconoir--facebook] text-lg"></span>
+                                </a>
+                                <a href="#!"
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                    <span class="icon-[iconoir--x] text-lg"></span>
+                                </a>
+                                <a href="#!"
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                     <span class="icon-[iconoir--linkedin] text-lg"></span>
+                                </a>
+                                <a href="#!"
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                     <span class="icon-[iconoir--discord] text-lg"></span>
+                                </a>
+                            </div>
+                        </div>
+                        <div class="flex flex-col pt-5 gap-1">
+                            <a href="#!" class="btn bg-primary hover:bg-primary-deep text-white">
+                                <span class="icon-[lucide--message-circle-more] text-lg me-2"></span>Send
+                                Message</a>
+                            <a href="#!"
+                                class="btn border border-red-500 hover:border-red-600 text-red-500 hover:bg-red-500 hover:text-white">
+                                <span class="icon-[lucide--trash] text-lg me-2"></span>
+                                Delete</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="md:col-span-8">
+                    <!--:Card:-->
+                    <div
+                        class="flex flex-col h-full rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 lg:p-6">
+                        <h5 class="text-lg mb-2">Purchase history</h5>
+                        <div class="overflow-x-auto mb-7">
+                            <table class="w-full">
+                            <tbody class="divide-y whitespace-nowrap divide-zinc-200 dark:divide-zinc-800">
+                                <tr>
+                                    <td class="p-4">Ace pro Plan</td>
+                                    <td class="p-4">
+                                        <div class="flex items-center">
+                                            <span class="size-2 bg-blue-500 rounded-full me-1"></span> Upcoming
+                                        </div>
+                                    </td>
+                                    <td class="p-4">13-06-2025</td>
+                                    <td class="p-4">$49</td>
+                                </tr>
+                                <tr>
+                                    <td class="p-4">Ace pro Plan</td>
+                                    <td class="p-4">
+                                        <div class="flex items-center">
+                                            <span class="size-2 bg-green-500 rounded-full me-1"></span> Paid
+                                        </div>
+                                    </td>
+                                    <td class="p-4">12-05-2025</td>
+                                    <td class="p-4">$49</td>
+                                </tr>
+                                <tr>
+                                    <td class="p-4">Ace pro Plan</td>
+                                    <td class="p-4">
+                                        <div class="flex items-center">
+                                            <span class="size-2 bg-green-500 rounded-full me-1"></span> Paid
+                                        </div>
+                                    </td>
+                                    <td class="p-4">11-04-2025</td>
+                                    <td class="p-4">$49</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        </div>
+                        <h5 class="text-lg mb-5">Address book</h5>
+                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                            <div class="p-4 rounded-lg border border-zinc-200 dark:border-zinc-800">
+                                <h6 class="mb-2 text-lg">Billing Address</h6>
+                                <p>
+                                    123 Lorem Street<br>
+                                    Edinburgh<br>
+                                    00001<br>
+                                    Scotland
+                                </p>
+                            </div>
+                            <div class="p-4 rounded-lg border border-zinc-200 dark:border-zinc-800">
+                                <h6 class="mb-2 text-lg">Delivery Address</h6>
+                                <p>
+                                    123 Lorem Street<br>
+                                    Edinburgh<br>
+                                    00001<br>
+                                    Scotland
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/customer-edit.html b/www/raven-demo/customer-edit.html
new file mode 100644
index 0000000..4919ad2
--- /dev/null
+++ b/www/raven-demo/customer-edit.html
@@ -0,0 +1,1147 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <!--:Page styles:-->
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item active">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item customers_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item customers_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item customers_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item customers_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+<!--:page header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Edit</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center">
+                    <a href="index.html" class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">
+                        Dashboard</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">customers</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Caleb Michael Stone</span></li>
+            </ol>
+        </div>
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8">
+            <div class="grid grid-cols-1 md:grid-cols-12 mb-4 gap-4">
+                <div class="md:col-span-7">
+                     <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                       <div class="p-4 pb-0">
+                       
+                     <h5 class="text-lg">Overview</h5>
+                     <p class="text-zinc-400">Basic details about customer</p>
+                       </div>
+                        <div class="p-4">
+                            <div class="flex flex-wrap -mx-2">
+                                <div class="w-full px-2 sm:w-6/12 mb-4">
+                                    <label class="mb-1 block">Name</label>
+                                    <input type="text" class="input" value="Caleb Michael Stone">
+                                </div>
+                                <div class="w-full px-2 sm:w-6/12 mb-4">
+                                    <label class="mb-1 block">Username</label>
+                                    <input type="text" class="input" value="@clmstone">
+                                </div>
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Email</label>
+                                    <input type="email" class="input" value="caleb.stone@gmail.com">
+                                </div>
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Phone</label>
+                                    <input type="text" class="input" value="+91 1234567890">
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                        <div class="p-4 pb-0">
+                     <h5 class="text-lg">Address</h5>
+                     <p class="text-zinc-400">Edit the address details of customer</p>
+                        </div>
+                        <div class="p-4">
+                            <div class="flex flex-wrap -mx-2">
+                                <div class="w-full px-2 sm:w-6/12 mb-4">
+                                    <label class="mb-1 block">Country</label>
+                                    <div>
+                                        <div class="relative">
+                                            <select class="js-select"
+                                                placeholder="Select a country">
+                                                <option value="United States" selected>Scotland</option>
+                                                <option value="India">India</option>
+                                                <option value="USA">United States</option>
+                                                <option value="Australia">Australia</option>
+                                                <option value="France">France</option>
+                                                
+                                            </select>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Address</label>
+                                    <input type="text" class="input" value="123, Lorem Street">
+                                </div>
+                                <div class="w-full sm:w-6/12 px-2 mb-4 sm:mb-0">
+                                    <label class="mb-1 block">City</label>
+                                    <input type="email" class="input" value="Edinburgh">
+                                </div>
+                                <div class="w-full sm:w-6/12 px-2">
+                                    <label class="mb-1 block">Postal code</label>
+                                    <input type="text" class="input" value="00001">
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="md:col-span-5">
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                        <div class="p-4 pb-0">
+                       
+                     <h5 class="text-lg">Image</h5>
+                     <p class="text-zinc-400">Customer avatar</p>
+                       </div>
+                        <div class="p-4">
+                            <div class="flex flex-col items-center gap-1.5">
+                                <img src="images/avatars/thumb-2.jpg"
+                                    class="size-24 border-4 border-white dark:border-zinc-800 mb-5 shadow-lg shrink-0 rounded-full">
+                                <div class="flex items-center gap-2.5">
+                                    <label for="upload_profile">
+                                        <input type="file" id="upload_profile" class="appearance-none hidden">
+                                        <button type="button"
+                                            class="btn bg-primary hover:bg-primary-deep text-white">Change
+                                            Image</button>
+                                    </label>
+                                    <button type="button"
+                                        class="btn btn-default">Remove</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                      <div class="p-4 pb-0">
+                       
+                     <h5 class="text-lg">Account</h5>
+                     <p class="text-zinc-400">Customer account actions</p>
+                       </div>
+                        <div class="p-4 flex flex-col space-y-2 divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                            <div class="flex justify-between items-center gap-3.5 pb-2">
+                                <label for="account_banned">
+                                    <span class="h5 block">Banned</span>
+                                    <span class="text-muted">Ban this account</span>
+                                </label>
+                                <input type="checkbox" class="input-switch" id="account_banned">
+                            </div>
+                            <div class="flex justify-between items-center gap-3.5 pb-2">
+                                <label for="account_suspend">
+                                    <span class="h5 block">Suspend</span>
+                                    <span class="text-muted">Suspend this account</span>
+                                </label>
+                                <input type="checkbox" class="input-switch" id="account_suspend">
+                            </div>
+                            <div class="flex justify-between items-center gap-3.5">
+                                <label for="account_block">
+                                    <span class="h5 block">Block</span>
+                                    <span class="text-muted">Block this account permanentaly</span>
+                                </label>
+                                <input type="checkbox" class="input-switch" id="account_block">
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                       <div class="p-4 pb-0">
+                       
+                     <h5 class="text-lg">Tags</h5>
+                     <p class="text-zinc-400">Customer account tags</p>
+                       </div>
+                        <div class="p-4 relative z-1 flex flex-col">
+                            <select class="js-select" multiple>
+                                <option value="Inactive">Inactive</option>
+                                <option value="New" selected>New</option>
+                                <option value="Pro">Pro</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!--:Page footer:-->
+            <div
+                class=" pb-4 flex items-center justify-end gap-2">
+                 <button type="submit"
+                    class="btn border border-red-500 text-red-500 hover:bg-red-500 hover:text-white"><span
+                        class="icon-[lucide--trash] text-lg me-1 leading-none"></span> Delete</button>
+                <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep"><span
+                        class="icon-[lucide--upload] text-lg me-1 leading-none"></span> Save</button>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Page scripts:-->
+        <script src="vendor/js/tom-select.complete.min.js"></script>
+  <script>
+    document.querySelectorAll('.js-select').forEach(select => {
+      new TomSelect(select, {
+        
+        create: true
+      });
+    });
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/customer-list.html b/www/raven-demo/customer-list.html
new file mode 100644
index 0000000..716c33b
--- /dev/null
+++ b/www/raven-demo/customer-list.html
@@ -0,0 +1,1615 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdn.datatables.net/2.3.3/css/dataTables.dataTables.css">
+    <link rel="stylesheet" href="https://cdn.datatables.net/select/3.0.1/css/select.dataTables.css">
+    <link href="vendor/css/tom-select.min.css" rel="stylesheet">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item active">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item customers_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item customers_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item customers_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item customers_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+<!--:page header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Customers</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center">
+                    <a href="index.html" class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">
+                        Dashboard</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Customers</span></li>
+            </ol>
+        </div>
+        <!--:Page content:-->
+        <div class="content flex-grow lg:px-4">
+            <div class="grid grid-cols-1 px-4">
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                    <div class="flex flex-wrap gap-2 items-center p-4 border-b border-zinc-500/10 dark:border-zinc-800">
+                        <!--:Table:-->
+                        <div class="flex-grow">
+                            <div class="relative">
+                                <input type="search" class="input !ps-9" name="customerSearch" id="customerSearch"
+                                placeholder="Search customer">
+                                 <span class="iconify icon-[lucide--search] pointer-events-none absolute start-0 top-0 h-full flex items-center justify-center ms-3 text-muted"></span>
+                            </div>
+                        </div>
+                        <div class="flex items-center flex-wrap justify-end gap-2">
+                            <button id="deleteBtn" class="btn bg-red-500 text-white hover:bg-red-600"
+                                style="display: none;">Delete</button>
+                            <div class="flex-grow w-56 sm:w-auto">
+                                <select id="statusFilter" class="js-select w-full sm:w-56">
+                                <option value="" selected>All</option>
+                                <option value="Active">Active</option>
+                                <option value="Suspended">Suspended</option>
+                                <option value="Pending">Pending</option>
+                                <option value="Blocked">Blocked</option>
+                            </select>
+                            </div>
+                            <div class="flex items-center gap-2">
+                                <div class="relative">
+                                <button data-bs-toggle="dropdown" type="button" class="btn bg-sky-500 text-white hover:bg-sky-600">
+                                <span class="icon-[lucide--download] text-lg me-1"></span>
+                                Download <span class="icon-[lucide--chevron-down] ms-1"></span></button>
+                                <div class="dropdown-menu w-48 z-50 absolute !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--copy] dropdown-icon"></span> Copy Json
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--printer] dropdown-icon"></span> Print
+                                    </a>
+                                     <a href="#!" class="dropdown-item">
+                                        <img src="images/files/excel.svg" class="h-4 me-2" alt=""> Download Exel
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <img src="images/files/csv.svg" class="h-4 me-2" alt=""> Download .CSV
+                                    </a>
+                                     <a href="#!" class="dropdown-item">
+                                        <img src="images/files/pdf.svg" class="h-4 w-auto me-2" alt=""> Download .PDF
+                                    </a>
+                                </div>
+                            </div>
+                            <a href="customer-create.html"
+                                class="btn bg-primary shrink-0 text-white hover:bg-primary-deep">
+                                <span class="icon-[lucide--user-plus] text-lg me-1"></span>
+                                Create New</a>
+                            </div>
+                        </div>
+                    </div>
+
+                    <table id="table_customers" class="table-default">
+                        <thead>
+                            <tr>
+                                <th>
+                                </th>
+                                <th class="text-nowrap">
+                                    <div class="flex items-center">
+                                        Name
+                                    </div>
+                                </th>
+                                <th class="text-nowrap">
+                                    <div class="flex items-center">
+                                        Email
+                                    </div>
+                                </th>
+                                <th class="text-nowrap">
+                                    <div class="flex items-center">
+                                        Location
+                                    </div>
+                                </th>
+                                <th class="text-nowrap">
+                                    <div class="flex items-center">
+                                        Status
+                                    </div>
+                                </th>
+                                <th class="text-nowrap">
+                                    <div class="flex items-center">
+                                        Spent
+                                    </div>
+                                </th>
+                                <th class="text-nowrap" data-orderable="false">
+
+                                </th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-4.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Caleb Michael Stone</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">caleb.stone@gmail.com</td>
+                                <td class="whitespace-nowrap">Edinburgh, Scotland</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$73,210</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <span
+                                            class="size-6 flex items-center justify-center rounded-full bg-yellow-500/30 text-yellow-600 text-xs font-semibold me-2 shrink-0 leading-none">N</span>
+                                        <h6>Nathaniel Jameson</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">nathaniel@jameson.com</td>
+                                <td class="whitespace-nowrap">Paris, France</td>
+                                <td><span class="badge bg-red-500/10  text-red-500">Blocked</span>
+                                </td>
+                                <td>$134,319</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-3.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Elias Matthew Carter</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">elias.matthew@cartermail.com</td>
+                                <td class="whitespace-nowrap">Auckland, New Zealand</td>
+                                <td><span class="badge bg-zinc-400/20 text-muted">Suspended</span>
+                                </td>
+                                <td>$59,430</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-6.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Andrew Noel Harding</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">andrew.harding@outlook.com</td>
+                                <td class="whitespace-nowrap">Dublin, Ireland</td>
+                                <td><span class="badge bg-red-500/10  text-red-500">Blocked</span>
+                                </td>
+                                <td>$49,700</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-2.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Gabriel Thomas Wells</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">gabriel.wells@outlook.com</td>
+                                <td class="whitespace-nowrap">Austin, USA</td>
+                                <td><span
+                                        class="badge badge-outline !border-yellow-500/10 !bg-yellow-500/20 text-yellow-500">Pending</span>
+                                </td>
+                                <td>$18,920</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <span
+                                            class="size-6 flex items-center justify-center rounded-full bg-green-500/30 text-green-500 text-xs font-semibold me-2 shrink-0 leading-none">P</span>
+                                        <h6>Peter Brown</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">peter@brown.com</td>
+                                <td class="whitespace-nowrap">Delhi, India</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$111,342</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <span
+                                            class="size-6 flex items-center justify-center rounded-full bg-red-500/30 text-red-500 text-xs font-semibold me-2 shrink-0 leading-none">N</span>
+                                        <h6>Natalia</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">natalia@doe.com</td>
+                                <td class="whitespace-nowrap">San Fransisco, USA</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$212,987</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-7.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Isaac Benjamin Cross</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">isaacbenjamin@cross.com</td>
+                                <td class="whitespace-nowrap">Copenhagen, Denmark</td>
+                                <td><span class="badge bg-red-500/10  text-red-500">Blocked</span>
+                                </td>
+                                <td>$134,319</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <span
+                                            class="size-6 flex items-center justify-center rounded-full bg-primary-subtle text-primary text-xs font-semibold me-2 shrink-0 leading-none">T</span>
+                                        <h6>Theodore Paul Ramsey</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">theodore.ramsey@domain.com</td>
+                                <td class="whitespace-nowrap">Lisbon, Portugal</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$105,800</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-4.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Rebecca Taylor</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">rebecca@taylor.com</td>
+                                <td class="whitespace-nowrap">Madrid, Spain</td>
+                                <td><span
+                                        class="badge badge-outline !border-yellow-500/10 !bg-yellow-500/20 text-yellow-500">
+                                        Pending</span>
+                                </td>
+                                <td>$58,493</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-6.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Lucas Jeremiah Ford</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">lucas.ford@mailhost.com</td>
+                                <td class="whitespace-nowrap">Oslo, Norway</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$81,600</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <span
+                                            class="size-6 flex items-center justify-center rounded-full bg-zinc-500/30 text-zinc-500 text-xs font-semibold me-2 shrink-0 leading-none">M</span>
+                                        <h6>Micah Steven Langford</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">micah.langford@domain.com</td>
+                                <td class="whitespace-nowrap">Cape Town, South Africa</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$76,420</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-5.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Joshua Emmanuel Blake</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">joshua.blake@ymail.com</td>
+                                <td class="whitespace-nowrap">Vancouver, Canada</td>
+                                <td><span class="badge bg-red-500/10  text-red-500">Blocked</span>
+                                </td>
+                                <td>$134,319</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-7.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Adam Milne</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">adam@milne.com</td>
+                                <td class="whitespace-nowrap">New York, USA</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$134,319</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-1.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Elizabeth Wilson</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">elizabeth@wilson.com</td>
+                                <td class="whitespace-nowrap">Porto, Portugal</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$93,820</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-7.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Samuel Jordan Pierce</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">samuel.pierce@protonmail.com</td>
+                                <td class="whitespace-nowrap">Melbourne, Australia</td>
+                                <td><span class="badge bg-zinc-400/20 text-muted">Suspended</span>
+                                </td>
+                                <td>$65,390</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <img src="images/avatars/thumb-6.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                        <h6>Thomas Davis</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">thomas@davis.com</td>
+                                <td class="whitespace-nowrap">Milan, Italy</td>
+                                <td><span class="badge bg-green-500/10  text-green-500">Active</span>
+                                </td>
+                                <td>$234,569</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>
+
+                                </td>
+                                <td class="font-semibold text-zinc-900 whitespace-nowrap dark:text-white">
+                                    <div class="flex flex-nowrap items-center">
+                                        <span
+                                            class="size-6 flex items-center justify-center rounded-full bg-red-500/30 text-red-500 text-xs font-semibold me-2 shrink-0 leading-none">S</span>
+                                        <h6>Seth Alexander Monroe</h6>
+                                    </div>
+                                </td>
+                                <td class="whitespace-nowrap">seth.monroe@mailbox.com</td>
+                                <td class="whitespace-nowrap">Prague, Czech Republic</td>
+                                <td><span class="badge bg-zinc-400/20 text-muted">Suspended</span>
+                                </td>
+                                <td>$31,250</td>
+                                <td>
+                                    <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                        <a href="customer-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Edit"><span class="icon-[lucide--edit] text-lg"></span></a>
+                                        <a href="customer-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                            data-bs-placement="top" class="btn !p-1.5 hover:!text-primary"
+                                            data-bs-title="Details"><span class="icon-[lucide--eye] text-lg"></span></a>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+    <script src="vendor/js/jquery.min.js"></script>
+    <script src="https://cdn.datatables.net/2.3.3/js/dataTables.js"></script>
+    <script src="https://cdn.datatables.net/select/3.0.1/js/dataTables.select.js"></script>
+    <script src="https://cdn.datatables.net/select/3.0.1/js/select.dataTables.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const table = new DataTable('#table_customers', {
+                lengthChange: false,
+                pageLength: 9,
+                scrollX: true,
+                dom: 'lrtip',
+                columnDefs: [
+                    {
+                        orderable: false,
+                        searchable: false,
+                        render: DataTable.render.select(),
+                        targets: 0,
+                    }
+                ],
+                select: {
+                    style: 'os',
+                    selector: 'td:first-child',
+                    headerCheckbox: false
+                },
+                order: [[1, 'asc']],
+            });
+            const searchInput = document.getElementById('customerSearch');
+            searchInput.addEventListener('input', e => {
+                table.search(e.target.value).draw();
+            });
+            table.on('draw', () => {
+                const rowCount = table.rows({ search: 'applied' }).count();
+                if (rowCount === 0) {
+                    searchInput.setAttribute('disabled', 'disabled');
+                } else {
+                    searchInput.removeAttribute('disabled');
+                }
+            });
+            const deleteBtn = document.getElementById("deleteBtn");
+            table.on('select deselect', function () {
+                const selectedRows = table.rows({ selected: true }).count();
+                if (selectedRows > 0) {
+                    deleteBtn.style.display = "inline-block";
+                } else {
+                    deleteBtn.style.display = "none";
+                }
+            });
+            deleteBtn.addEventListener('click', () => {
+                table.rows({ selected: true }).remove().draw();
+                deleteBtn.style.display = 'none'; // hide button after delete
+            });
+            document.getElementById('statusFilter').addEventListener('change', function () {
+                table.columns(4).search(this.value).draw();
+            });
+        });
+    </script>
+
+    <!--:Select:-->
+    <script src="vendor/js/tom-select.complete.min.js"></script>
+    <script>
+        document.querySelectorAll('.js-select').forEach(select => {
+            new TomSelect(select, {
+                create: false,
+                allowEmptyOption: true
+            });
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/demos.html b/www/raven-demo/demos.html
new file mode 100644
index 0000000..a38d895
--- /dev/null
+++ b/www/raven-demo/demos.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body data-bs-spy="scroll" data-bs-target="#appLandingNavbar" data-bs-root-margin="00px 0px -40%"
+    data-bs-smooth-scroll="true" tabindex="0"
+    class="font-theme flex flex-col h-full text-base font-normal bg-white dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+
+
+
+    <section id="demoSection" class="relative bg-zinc-200 dark:bg-zinc-950">
+        <div class="max-w-5xl px-4 lg:px-8 mx-auto py-12 lg:py-16 text-center">
+            <div>
+                <h2 class="text-xl lg:text-4xl mb-4 text-center !font-bold">Quick start with pre-made demos</h2>
+                <p class="sm:text-lg max-w-xl mx-auto lg:px-12 text-center mb-9 lg:mb-16">
+                    Raven is Fast, responsive, and beautifully crafted admin dashboard template with TailwindCSS 4
+                </p>
+            </div>
+            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-12">
+                <a href="index.html" target="_blank"
+                    class="text-center shadow-card block bg-white dark:bg-zinc-800 rounded-xl transition-all duration-200 hover:-translate-y-2">
+                    <img src="images/demos/dashboard.png" class="max-w-full rounded-md block">
+                    <div class="p-4">
+                        <h5 class="mb-1 inline-block text-lg text-center">Main Admin Dashboard</h5>
+                        <p class="px-2">7 Dashboards + Multiple Layouts + RTL & Dark Mode.</p>
+                    </div>
+                </a>
+                <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                    class="text-center shadow-card block bg-white dark:bg-zinc-800 rounded-xl transition-all duration-200 hover:-translate-y-2">
+                    <img src="images/demos/landing.png" class="max-w-full rounded-md block">
+                    <div class="p-4">
+                        <h5 class="mb-1 text-lg text-center">Landing page</h5>
+                        <p class="px-2">Simple & beautifully designed landing page with modern animations and smooth scroll.</p>
+                    </div>
+                </a>
+                <a href="https://raven-nextjs.vercel.app/dashboard" target="_blank"
+                    class="text-center shadow-card block bg-white dark:bg-zinc-800 rounded-xl transition-all duration-200 hover:-translate-y-2">
+                    <img src="images/demos/nextjs.png" class="max-w-full rounded-md block">
+                    <div class="p-4">
+                        <h5 class="mb-1 inline-block text-lg text-center">Starter kits</h5>
+                        <p class="px-4">
+                            Now featuring starter versions for both <strong>Next.js 16.x</strong> and <strong>Angular 20.x</strong>, Experience how the Raven starter kits deliver a clean, modern foundation.
+                        </p>
+                    </div>
+                </a>
+            </div>
+            <div class="flex items-center justify-center max-w-md mx-auto px-4">
+                <p class="px-5">
+                    ✨ Stay tuned - exciting new pages, demos, and features are on the way.
+                </p>
+            </div>
+        </div>
+    </section>
+
+    <section id="package" class="relative bg-white dark:bg-zinc-900">
+        <div class="max-w-4xl px-4 lg:px-8 mx-auto py-12 lg:py-16">
+            <div class=" text-center">
+                <h2 class="text-xl lg:text-3xl mb-3 text-center">Package</h2>
+                <p class="max-w-md text-muted mx-auto text-center mb-9">
+                    With single purchase, you will get
+                </p>
+            </div>
+            <ul class="flex flex-col items-center gap-4">
+                <li class="flex items-center gap-3">
+                    <span class="icon-[lucide--check] text-green-500"></span>
+                    <div class="flex-grow">
+                        Full HTML main demo with all pages, components, and layouts
+                    </div>
+                </li>
+                <li class="flex items-center gap-3">
+                    <span class="icon-[lucide--check] text-green-500"></span>
+                    <div class="flex-grow">
+                        Angular 20.x starter version of main demo
+                    </div>
+                </li>
+                <li class="flex items-center gap-3">
+                    <span class="icon-[lucide--check] text-green-500"></span>
+                    <div class="flex-grow">
+                        Next.js 16.x starter version of main demo
+                    </div>
+                </li>
+                <li class="flex items-center gap-3">
+                    <span class="icon-[lucide--check] text-green-500"></span>
+                    <div class="flex-grow">
+                        Beautifully designed landing page
+                    </div>
+                </li>
+                <li class="flex items-center gap-3">
+                    <span class="icon-[lucide--check] text-green-500"></span>
+                    <div class="flex-grow">
+                        Demo 2 - Starter kit with different layout style.
+                    </div>
+                </li>
+                <li class="flex items-center gap-3">
+                    <span class="icon-[lucide--check] text-green-500"></span>
+                    <div class="flex-grow">
+                        Lifetime free updates and support
+                    </div>
+                </li>
+            </ul>
+
+        </div>
+    </section>
+
+
+    <footer class="py-4 px-4 text-center">
+        <span class="text-sm text-muted">&copy; Copyright <span id="year"></span>. Raven by <a target="_blank"
+                href="https://wrapmarket.com/shop/design_mylife">creativeDM</a></span>
+    </footer>
+
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <script>
+        document.getElementById("year").textContent = new Date().getFullYear();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/docs-changelog.html b/www/raven-demo/docs-changelog.html
new file mode 100644
index 0000000..ffd6e72
--- /dev/null
+++ b/www/raven-demo/docs-changelog.html
@@ -0,0 +1,1268 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item @@page_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item @@page_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item @@page_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item @@page_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl">Documentation</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
+                    <div class="md:col-span-4 lg:col-span-3 mb-4">
+                        <!--:Navbar:-->
+                        <nav class="flex flex-col space-y-0.5">
+                            <a href="docs.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Intro & Setup
+                            </a>
+                            <a href="docs-structure.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Structure
+                            </a>
+                            <a href="docs-customization.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Customization
+                            </a>
+                            <a href="docs-credits.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Credits
+                            </a>
+                            <a href="docs-changelog.html"
+                                class="px-3 py-2 rounded-lg flex items-center active [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Changelog
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9 mb-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Changelog</h5>
+                            </div>
+
+                            <div class="p-4">
+                                <div class="flex flex-col">
+                                    <ul class="pl-4">
+                                        <li>V2.8.5 - 17 Oct 2025 <span
+                                                class="badge bg-primary-subtle text-primary">Current</span>
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added - NextJs 16.x starter kit</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                     <ul class="pl-4">
+                                        <li>V2.8.4 - 08 Oct 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Fixed - Modal & offcanvas show hide animations</li>
+                                                <li>Added - Restaurant dashboard demo</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.8.3 - 07 Oct 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Upgraded - Tailwindcss v4.1.14</li>
+                                                <li>Improved - Landing page </li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.8.2 - 24 Sep 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added - Landing page demo</li>
+                                                <li>Added - new sidebar dark option for light mode </li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                     <ul class="pl-4">
+                                        <li>V2.8.1 - 18 Sep 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added - Education dashboard and course pages</li>
+                                                <li>Added - new layout style - combo </li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                      <ul class="pl-4">
+                                        <li>V2.8 - 09 Sep 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added - Separate demo 2</li>
+                                                <li>Added - timeline page </li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.7 - 06 Sep 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added - social dashboard</li>
+                                                <li>Added - step wizards</li>
+                                                <li>Added - cleave inputs</li>
+                                                <li>Added - create app</li>
+                                                <li>Added - Modal examples page</li>
+                                                <li>Added - Authentication side layouts</li>
+                                                <li>Updated - Project tasks page</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.6 - 02 Sep 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added - Mask images - Check avatars page</li>
+                                                <li>Added - Sweet Alerts-Toast notifications</li>
+                                                <li>Added - Sortablejs demo component page</li>
+                                                <li>Added - Text divider component page</li>
+                                                <li>Updated - Form inputs redesigned</li>
+                                                <li>Removed - Notfy.js - Replaced with Sweet alerts</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.5 - 29 Aug 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added Profile pages - profile and profile about</li>
+                                                <li>Added Datatables v2.3.x - replaced with simple-datatables</li>
+                                                <li>Added navs component with auto scroll to active</li>
+                                                <li>Nuxt & Sevelte starter versions on hold for now</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.4 - 23 Aug 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added Horizontal layout</li>
+                                                <li>Added new offcanvas demos - top, bottom, large</li>
+                                                <li>Upgraded to Tailwindcss - v4.1.8 -> v4.1.12</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.3.2 - 21 Aug 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added Svelte 5.x starter version</li>
+                                                <li>Updated sidebar scroll - auto scroll to current active page link
+                                                </li>
+                                                <li>Fixed - Sidebar scroll alignment in RTL mode</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.3.1 - 19 Aug 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added input floating label</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.3.0 - 16 Aug 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added Nuxt 4.0.x starter version</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.2.0 - 13 Aug 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added angular 20.x starter version</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.1 - 011 Aug 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Added new Jobs dashboard</li>
+                                                <li>Added new app API</li>
+                                                <li>Added new Widgets cards</li>
+                                                <li>Added header shadow on scroll</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V2.0 - 02 Aug 2025
+                                            <ul class="list-disc pl-4 pt-2">
+                                                <li>Layouts redesigned</li>
+                                                <li>Added - Forms validation</li>
+                                                <li>Added - Simple scrollbar</li>
+                                                <li>Replaced - Apexcharts with Echarts</li>
+                                                <li>Replaced - Flatpickr with Date range picker</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.5 - 19 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Extended - Analytics, and Ecommerce dashboard</li>
+                                                <li>Added - Notifications notyf Js</li>
+                                                <li>Added - Page Invoice</li>
+                                                <li>Added - Page search results</li>
+                                                <li>Added - Component tooltips & popovers</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.4 - 17 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Updated - Ecommerce dashboard</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.3 - 14 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Added help center pages</li>
+                                                <li>Added footer</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.2.2 - 12 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Added new widget cards</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.2.1 - 11 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.2 - 10 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Added RTL support</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.1.1 - 08 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Added new dashboard - Education</li>
+                                                <li>Customized sidebar wide - to collapsible</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.1 - 05 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Added new app - File manager</li>
+                                                <li>Added new layout - sidebar wide</li>
+                                                <li>Added new chart widget cards</li>
+                                                <li>Minor bug fixes</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                    <div class="my-4 h-0.5 bg-zinc-100 dark:bg-zinc-800"></div>
+                                    <ul class="pl-4">
+                                        <li>V1.0 - 03 July 2025
+                                            <ul class="list-disc pl-4">
+                                                <li>Initial release</li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/docs-credits.html b/www/raven-demo/docs-credits.html
new file mode 100644
index 0000000..55bb119
--- /dev/null
+++ b/www/raven-demo/docs-credits.html
@@ -0,0 +1,1073 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item @@page_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item @@page_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item @@page_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item @@page_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl">Documentation</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
+                    <div class="md:col-span-4 lg:col-span-3 mb-4">
+                        <!--:Navbar:-->
+                        <nav class="flex flex-col space-y-0.5">
+                            <a href="docs.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+
+                                Intro & Setup
+                            </a>
+                            <a href="docs-structure.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Structure
+                            </a>
+                            <a href="docs-customization.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Customization
+                            </a>
+                            <a href="docs-credits.html"
+                                class="px-3 py-2 rounded-lg flex items-center active [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Credits
+                            </a>
+                            <a href="docs-changelog.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Changelog
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9 mb-4">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Credits</h5>
+                                <p>Thank you to the following plugins for make this theme more powerfull</p>
+                            </div>
+
+                            <div class="p-4">
+                                <div class="flex flex-col">
+                                    <table class="table-default">
+                                        <tbody>
+                                            <tr>
+                                                <td><a href="https://tailwindcss.com/" target="_blank" class="text-primary hover:underline">
+                                                        TailwindCss
+                                                    </a></td>
+                                                <td>Built on Tailwindcss4</td>
+                                            </tr>
+                                            <tr>
+                                                <td><a href="https://angular.dev/overview" target="_blank" class="text-primary hover:underline">
+                                                        Angular
+                                                    </a></td>
+                                                <td>version 20.1.x</td>
+                                            </tr>
+                                            <tr>
+                                                <td><a href="https://getbootstrap.com/" target="_blank" class="text-primary hover:underline">
+                                                        BootstrapJs Only
+                                                    </a></td>
+                                                <td> Required for Collapse, Tabs, and Dropdown</td>
+                                            </tr>
+                                             <tr>
+                                                <td><a href="https://iconify.design/" target="_blank" class="text-primary hover:underline">
+                                                        Iconify
+                                                    </a></td>
+                                                <td> 200000+ Icons</td>
+                                            </tr>
+                                             <tr>
+                                                <td><a href="https://gulpjs.com/" target="_blank" class="text-primary hover:underline">
+                                                      Gulp
+                                                    </a></td>
+                                                <td> Used for html/css/js automation</td>
+                                            </tr>
+                                            <tr>
+                                                <td><a href="https://sortablejs.github.io/Sortable/" target="_blank" class="text-primary hover:underline">
+                                                      SortableJs
+                                                    </a></td>
+                                                <td></td>
+                                            </tr>
+                                            <tr>
+                                                <td><a href="https://jvm-docs.vercel.app/" target="_blank" class="text-primary hover:underline">
+                                                      Js Vector Map
+                                                    </a></td>
+                                                <td></td>
+                                            </tr>
+                                             <tr>
+                                                <td><a href="https://echarts.apache.org/en/index.html" target="_blank" class="text-primary hover:underline">
+                                                     Echarts
+                                                    </a></td>
+                                                <td></td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/docs-customization.html b/www/raven-demo/docs-customization.html
new file mode 100644
index 0000000..ee4fa60
--- /dev/null
+++ b/www/raven-demo/docs-customization.html
@@ -0,0 +1,1037 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item @@page_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item @@page_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item @@page_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item @@page_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl">Documentation</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div
+                class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
+                    <div class="md:col-span-4 lg:col-span-3 mb-4">
+                        <!--:Navbar:-->
+                         <nav class="flex flex-col space-y-0.5">
+                            <a href="docs.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                               
+                                Intro & Setup
+                            </a>
+                            <a href="docs-structure.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Structure
+                            </a>
+                            <a href="docs-customization.html"
+                                class="px-3 py-2 rounded-lg flex items-center active [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                               Customization
+                            </a>
+                            <a href="docs-credits.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Credits
+                            </a>
+                            <a href="docs-changelog.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Changelog
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9 mb-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Customization</h5>
+                                <p>Customize the Raven's look and feel</p>
+                            </div>
+
+                            <div class="p-4">
+                               <h5 class="text-lg">Fonts</h5>
+                                <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Import Google font of your choice in &lt;head&gt;&lt;/head&gt;:--&gt;
+&lt;link rel="preconnect" href="https://fonts.googleapis.com"&gt;
+&lt;link rel="preconnect" href="https://fonts.gstatic.com" crossorigin&gt;
+&lt;link href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"&gt;
+                                
+&lt;!--:Update the font variable in css file:--&gt;
+--font-theme: "Inter", "system-ui", "sans-serif","Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+</code></pre>
+<div class="py-2"></div>
+<h5 class="text-lg">Primary theme Color</h5>
+<p>Open Css file and update the color values</p>
+<pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Change the values according to your brand color:--&gt;
+--color-primary:#42C088  [Main color];
+--color-primary-deep:#32B379  [:Hover];
+--color-primary-subtle:#42C0881f  [Light, Keep the last 2 digits 1F with main color, or add your own primary dark];
+</code></pre>
+                            </div>
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+<!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/docs-structure.html b/www/raven-demo/docs-structure.html
new file mode 100644
index 0000000..f3ed001
--- /dev/null
+++ b/www/raven-demo/docs-structure.html
@@ -0,0 +1,1044 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item @@page_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item @@page_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item @@page_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item @@page_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl">Documentation</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div
+                class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
+                    <div class="md:col-span-4 lg:col-span-3 mb-4">
+                        <!--:Navbar:-->
+                         <nav class="flex flex-col space-y-0.5">
+                            <a href="docs.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                               
+                                Intro & Setup
+                            </a>
+                            <a href="docs-structure.html"
+                                class="px-3 py-2 rounded-lg flex items-center active [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Structure
+                            </a>
+                            <a href="docs-customization.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                               Customization
+                            </a>
+                            <a href="docs-credits.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Credits
+                            </a>
+                            <a href="docs-changelog.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Changelog
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9 mb-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Folder structure 📂</h5>
+                                <p>Understand folder structure of Raven and everything contains with description.</p>
+                            </div>
+
+                            <div class="p-4">
+                                 <p>Extract download folder - open code/ folder and you will find</p>
+                           
+                               <pre class="docs-code"><code class="html hljs language-xml" data-highlighted="yes">
+📦full-demos/main
+├── 📂 dist                           &gt; Contain template static &amp; generated assets
+│&nbsp;&nbsp; ├── 📂 css                          &gt; Compiled css file
+│&nbsp;&nbsp; ├── 📂 images                       &gt; Images (jpeg/png)
+│&nbsp;&nbsp; ├── 📂 js                           &gt; Compiled JS files
+│&nbsp;&nbsp; ├── 📂 vendor                       &gt; Third party plugins Css/Js files
+│&nbsp;&nbsp; ├── 📄 .html                        &gt; Compiled Html files
+├── 📂 src                            &gt; src files
+│&nbsp;&nbsp; ├── 📂 css                        &gt; src css files
+│&nbsp;&nbsp; ├── 📂 html                       &gt; src Html files
+│&nbsp;&nbsp; ├── 📂 js                         &gt; src js files compiled to theme.js
+├── 📄 postcss.config.js                 &gt; postcss config file
+├── 📄 tailwind.config.js                &gt; Template build config file
+├── 📄 gulpfile.js                       &gt; Gulpfile
+├── 📄 package.json                      &gt; Installed dependencies
+
+📦starter-kits/angular-20-starter - Angular starter
+📦starter-kits/demo2 - demo 2 starter kit
+📄docs.html - redirect to documentation
+</code></pre>
+<div class="pt-4">
+
+</div>
+                            </div>
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+<!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/docs.html b/www/raven-demo/docs.html
new file mode 100644
index 0000000..59f1b14
--- /dev/null
+++ b/www/raven-demo/docs.html
@@ -0,0 +1,1054 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item @@page_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item @@page_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item @@page_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item @@page_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl">Documentation</h2>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div
+                class="w-full flex-grow">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
+                    <div class="md:col-span-4 lg:col-span-3 mb-4">
+                        <!--:Navbar:-->
+                         <nav class="flex flex-col space-y-0.5">
+                            <a href="docs.html"
+                                class="px-3 py-2 rounded-lg flex items-center active [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                               
+                                Intro & Setup
+                            </a>
+                            <a href="docs-structure.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Structure
+                            </a>
+                            <a href="docs-customization.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                               Customization
+                            </a>
+                            <a href="docs-credits.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Credits
+                            </a>
+                            <a href="docs-changelog.html"
+                                class="px-3 py-2 rounded-lg flex items-center [.active]:bg-primary-subtle dark:[.active]:bg-zinc-800 [.active]:text-primary hover:bg-primary-subtle hover:text-primary dark:hover:bg-zinc-800">
+                                Changelog
+                            </a>
+                        </nav>
+                    </div>
+                    <div class="md:col-span-8 lg:col-span-9 mb-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Rapidly build stunning Web Apps with Raven 🚀</h5>
+                                <p>Developer friendly, Highly customizable & Carefully crafted HTML Admin Dashboard Template.</p>
+                            </div>
+
+                            <div class="p-4">
+                                <h5 class="text-lg mb-2">Installation & Setup</h5>
+                                <div class="rounded-lg bg-cyan-500/20 text-cyan-700 px-4 py-2 mb-4" role="alert">
+                                    Info: Please note, the use of Node, Gulp and their advanced settings are totally optional. You can use and customize the template without using them too.
+                                </div>
+                                <ul class="list-decimal pl-4 space-y-3">
+                                   <li>
+              First of all, make sure you have installed
+              <a href="https://nodejs.org/en/" target="_blank" class="text-primary"><strong>Node</strong></a> (LTS). If Node.js is already installed in your system, make sure the installed version is <code>LTS</code> and jump to step 2.
+            </li>
+            
+            <li>
+             Install the Gulp CLI: Open Terminal/Command Prompt and run the following command and wait until it finishes. If you have already installed Gulp CLI, you can skip this step.
+               <div class="relative px-4 pb-2 mt-2 bg-zinc-50 dark:bg-zinc-800 rounded-lg">
+                <pre class="mt-0 !p-0"><code class="mt-0 hljs !p-0 !pb-2 !bg-transparent">
+npm install --global gulp-cli
+</code></pre>
+               </div>
+            </li>
+            <li>
+              Navigate to the Raven root directory and run following command to install our local dependencies listed in package.json.
+               <div class="relative px-4 pb-2 mt-2 bg-zinc-50 dark:bg-zinc-800 rounded-lg">
+                <pre class="mt-0 !p-0"><code class="mt-0 hljs !p-0 !pb-2 !bg-transparent">
+npm install
+</code></pre>
+               </div>
+            </li>
+            <li>
+                Now, you are ready to run <code class="px-1 py-0.5 rounded bg-zinc-500 text-white leading-none">npm</code> tasks, below command will start the server and watch the code using <a href="https://browsersync.io/" target="_blank" class="text-primary"><strong>browsersync</strong></a>.
+                 Open <a href="http://localhost:3000/" class="text-primary" name="robots" content="noindex"><strong>http://localhost:3000/</strong></a> to check your development 🚀
+               <div class="relative px-4 pb-2 mt-2 bg-zinc-50 dark:bg-zinc-800 rounded-lg">
+                <pre class="mt-0 !p-0"><code class="mt-0 hljs !p-0 !pb-2 !bg-transparent">
+npx gulp
+</code></pre>
+               </div>
+            </li>
+                                </ul>
+                            </div>
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+<!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/education-course-details.html b/www/raven-demo/education-course-details.html
new file mode 100644
index 0000000..2fb8c67
--- /dev/null
+++ b/www/raven-demo/education-course-details.html
@@ -0,0 +1,1479 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdn.plyr.io/3.8.3/plyr.css" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item active">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item app_education_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item app_education_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item app_education_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item app_education_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow pt-4 px-4 lg:px-8">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+
+                <div class="md:col-span-8">
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="p-4">
+                           <div class="mb-4">
+                             <h5 class="text-2xl mb-1">
+                                Web Design – Basic to Advance
+                            </h5>
+                            <p class="mb-2">Learn modern web design from scratch to professional level</p>
+                            <span class="shrink-0 badge bg-amber-500/10 text-amber-500">UI UX</span>
+                           </div>
+                            <!--:Video player:-->
+                            <div class="cursor-pointer rounded-xl overflow-hidden shadow-card mb-6">
+                                <video class="w-full"
+                                    poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg"
+                                    id="plyr-video-player" playsinline controls>
+                                    <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4"
+                                        type="video/mp4" />
+                                </video>
+                            </div>
+                            <!--:Meta:-->
+                            <div class="flex items-center gap-2 mb-4">
+                                <button type="button"
+                                    class="flex cursor-pointer items-center gap-1 badge bg-primary-subtle text-primary hover:bg-primary hover:text-white !text-sm">
+                                    <span class="icon-[lucide--share]"></span> Share
+                                </button>
+                                <button type="button"
+                                    class="flex cursor-pointer items-center gap-1 badge bg-primary-subtle text-primary hover:bg-primary hover:text-white !text-sm">
+                                    <span class="icon-[lucide--bookmark-plus]"></span> Bookmark
+                                </button>
+                            </div>
+                            <div class="mb-6">
+                                <h6 class="mb-2 text-lg">About this course</h6>
+                                <p class="mb-2">
+                                    This course covers everything you need to become a professional web designer. From
+                                    HTML, CSS, JavaScript fundamentals to advanced responsive design, UI/UX best
+                                    practices, and hands-on projects. Perfect for beginners and those looking to upgrade
+                                    their skills ipsum dolor sit amet.
+                                </p>
+                                <p>
+                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+                                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                                    irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+                                    pariatur.
+                                </p>
+                            </div>
+                            <div class="mb-6">
+                                <h6 class="mb-2 text-lg">Course in numbers</h6>
+                                <ul class="gap-2 flex flex-col">
+                                    <li class="flex items-center gap-2">
+                                        <span class="icon-[lucide--check]"></span>
+                                        <div class="flex items-center gap-1">Skill levels : <h6>Beginners</h6>
+                                        </div>
+                                    </li>
+                                    <li class="flex items-center gap-2">
+                                        <span class="icon-[lucide--users]"></span>
+                                        <div class="flex items-center gap-1">Students : <h6>4938</h6>
+                                        </div>
+                                    </li>
+                                    <li class="flex items-center gap-2">
+                                        <span class="icon-[lucide--video]"></span>
+                                        <div class="flex items-center gap-1">Lectures : <h6>44</h6>
+                                        </div>
+                                    </li>
+                                    <li class="flex items-center gap-2">
+                                        <span class="icon-[lucide--globe]"></span>
+                                        <div class="flex items-center gap-1">Language : <h6>English</h6>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div>
+                                <h6 class="mb-2 text-lg">What You’ll Learn</h6>
+                                <ul class="list-disc ps-4 gap-2 flex flex-col">
+                                    <li>Understand HTML5, CSS3, and JavaScript basics</li>
+                                    <li>Build modern responsive websites</li>
+                                    <li>Learn Flexbox & CSS Grid for layouts</li>
+                                    <li>Apply UI/UX principles in real projects</li>
+                                    <li>Work with design tools like Figma</li>
+                                    <li>Build a complete portfolio website</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="p-4">
+                            <h5 class="text-lg mb-4">
+                                Instructor
+                            </h5>
+                            <div class="flex items-center gap-4">
+                                <img src="images/avatars/thumb-2.jpg" alt="" class="size-16 rounded-full shrink-0">
+                                <div class="flex-grow">
+                                    <h6>Emily doe</h6>
+                                    <p class="text-zinc-400 mb-1">Front end developer</p>
+                                    <span class="flex items-center gap-1">
+                                        <span class="icon-[tabler--star-filled] text-amber-500"></span>
+                                        4.7 (3.5K)
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="md:col-span-4">
+                    <h5 class="text-lg mb-2">Requirements</h5>
+                    <!--:Card:-->
+                    <div class="rounded-xl p-4 bg-white dark:bg-zinc-900 shadow-card mb-4">
+                        <ul class="ps-4 list-disc flex flex-col gap-2">
+                            <li>
+                                No coding or design experience necessary
+                            </li>
+                            <li>
+                                Any computer works - Windows, macOS or Linux
+                            </li>
+                            <li>
+                                You don’t need to buy any software - we will use the best free code editor in the world
+                            </li>
+                        </ul>
+                    </div>
+                    <h5 class="text-lg mb-2">Course content</h5>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <ul id="course_content" class="px-4 divide-y divide-zinc-200 dark:divide-zinc-800">
+                            <li>
+                                <!--:Collapse item:-->
+                                <div class="collapse-item">
+                                    <button class="flex w-full items-center justify-between cursor-pointer py-2.5"
+                                        type="button" data-bs-toggle="collapse" data-bs-target="#contentWelcome"
+                                        aria-expanded="true" aria-controls="contentWelcome">
+                                        <div class="flex-grow overflow-hidden">
+                                            <h5 class="flex-grow truncate text-start">Welcome and first steps</h5>
+                                            <p class="text-sm text-zinc-400 text-start">7 lessons</p>
+                                        </div>
+                                        <span
+                                            class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-4 flex items-center justify-center"></span>
+                                    </button>
+                                    <div id="contentWelcome" class="collapse show" data-bs-parent="#course_content">
+                                        <div class="pb-4">
+                                            <ul class="flex flex-col gap-3.5">
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Course Structure and Projects</span>
+                                                        <span class="text-zinc-400 text-sm">05:34</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--file]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Read Before You Start!</span>
+                                                        <span class="text-zinc-400 text-sm">00:48</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">A High-Level Overview of Web
+                                                            Development</span>
+                                                        <span class="text-zinc-400 text-sm">11:01</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Setting Up Our Code Editor</span>
+                                                        <span class="text-zinc-400 text-sm">08:52</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Your Very First Webpage!</span>
+                                                        <span class="text-zinc-400 text-sm">09:55</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Downloading Course Material</span>
+                                                        <span class="text-zinc-400 text-sm">04:21</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Watch Before You Start!</span>
+                                                        <span class="text-zinc-400 text-sm">05:22</span>
+                                                    </div>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                            <li>
+                                <!--:Collapse item:-->
+                                <div class="collapse-item">
+                                    <button class="flex w-full items-center justify-between cursor-pointer py-2.5"
+                                        type="button" data-bs-toggle="collapse" data-bs-target="#contentHtml"
+                                        aria-expanded="true" aria-controls="contentHtml">
+                                        <div class="flex-grow overflow-hidden">
+                                            <h5 class="flex-grow truncate text-start">HTML Fundamentals</h5>
+                                            <p class="text-sm text-zinc-400 text-start">12 lessons</p>
+                                        </div>
+                                        <span
+                                            class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-4 flex items-center justify-center"></span>
+                                    </button>
+                                    <div id="contentHtml" class="collapse" data-bs-parent="#course_content">
+                                        <div class="pb-4">
+                                            <ul class="flex flex-col gap-3.5">
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Section Intro</span>
+                                                        <span class="text-zinc-400 text-sm">00:34</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--file]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Introduction to HTML</span>
+                                                        <span class="text-zinc-400 text-sm">00:48</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">HTML Document Structure</span>
+                                                        <span class="text-zinc-400 text-sm">11:01</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Text Elements</span>
+                                                        <span class="text-zinc-400 text-sm">22:52</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Images and Attributes</span>
+                                                        <span class="text-zinc-400 text-sm">12:55</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Hyperlinks</span>
+                                                        <span class="text-zinc-400 text-sm">04:21</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Structuring our Page</span>
+                                                        <span class="text-zinc-400 text-sm">05:22</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Installing Additional VS Code Extensions</span>
+                                                        <span class="text-zinc-400 text-sm">07:17</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">CHALLENGE #1</span>
+                                                        <span class="text-zinc-400 text-sm">11:10</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">CHALLENGE #2</span>
+                                                        <span class="text-zinc-400 text-sm">09:00</span>
+                                                    </div>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                            <li>
+                                <!--:Collapse item:-->
+                                <div class="collapse-item">
+                                    <button class="flex w-full items-center justify-between cursor-pointer py-2.5"
+                                        type="button" data-bs-toggle="collapse" data-bs-target="#contentCss"
+                                        aria-expanded="true" aria-controls="contentCss">
+                                        <div class="flex-grow overflow-hidden">
+                                            <h5 class="flex-grow truncate text-start">CSS Fundamentals</h5>
+                                            <p class="text-sm text-zinc-400 text-start">14 lessons</p>
+                                        </div>
+                                        <span
+                                            class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-4 flex items-center justify-center"></span>
+                                    </button>
+                                    <div id="contentCss" class="collapse" data-bs-parent="#course_content">
+                                        <div class="pb-4">
+                                            <ul class="flex flex-col gap-3.5">
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Section Intro</span>
+                                                        <span class="text-zinc-400 text-sm">00:34</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--file]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Introduction to CSS</span>
+                                                        <span class="text-zinc-400 text-sm">00:48</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Inline, Internal and External CSS</span>
+                                                        <span class="text-zinc-400 text-sm">11:01</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Styling Text</span>
+                                                        <span class="text-zinc-400 text-sm">22:52</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Combining Selectors</span>
+                                                        <span class="text-zinc-400 text-sm">12:55</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Class and ID Selectors</span>
+                                                        <span class="text-zinc-400 text-sm">04:21</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Working With Colors</span>
+                                                        <span class="text-zinc-400 text-sm">05:22</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Pseudo-classes</span>
+                                                        <span class="text-zinc-400 text-sm">07:17</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Using Chrome DevTools</span>
+                                                        <span class="text-zinc-400 text-sm">04:11</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">Using Margins and Paddings</span>
+                                                        <span class="text-zinc-400 text-sm">05:10</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">CHALLENGE #1</span>
+                                                        <span class="text-zinc-400 text-sm">09:00</span>
+                                                    </div>
+                                                </li>
+                                                <!--:Lecture:-->
+                                                <li class="flex items-start gap-3.5">
+                                                    <a href="#!"
+                                                        class="shrink-0 mt-1 size-8 flex items-center justify-center rounded-md bg-primary-subtle text-primary hover:bg-primary hover:text-white">
+                                                        <span class="icon-[lucide--play]"></span>
+                                                    </a>
+                                                    <div class="flex-grow">
+                                                        <span class="block">CHALLENGE #2</span>
+                                                        <span class="text-zinc-400 text-sm">11:00</span>
+                                                    </div>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Video player:-->
+    <script src="https://cdn.plyr.io/3.8.3/plyr.js"></script>
+    <script>
+        const player = new Plyr('#player');
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/education-courses.html b/www/raven-demo/education-courses.html
new file mode 100644
index 0000000..c3d8aa1
--- /dev/null
+++ b/www/raven-demo/education-courses.html
@@ -0,0 +1,1180 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 show">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item active">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item app_education_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item app_education_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item app_education_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item app_education_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">My Courses</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Education</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Courses</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Action card:-->
+            <div class="rounded-xl flex flex-wrap gap-4 bg-white dark:bg-zinc-900 shadow-card mb-4 p-4">
+                <div class="flex-grow">
+                    <form>
+                        <div class="relative">
+                            <input type="text" class="input !pr-12" placeholder="Search course...">
+                            <button type="submit"
+                                class="btn bg-primary hover:bg-primary-deep text-white !p-0 size-7 rounded-full flex items-center justify-center absolute end-1 top-1/2 -translate-y-1/2">
+                                <span class="icon-[lucide--search]"></span>
+                            </button>
+                        </div>
+                    </form>
+                </div>
+                <div class="relative shrink-0">
+                    <button data-bs-auto-close="outside" data-bs-toggle="dropdown" type="button"
+                        class="btn btn-default gap-2" aria-expanded="false">
+                        <span class="icon-[lucide--sliders-horizontal]"></span> Filter
+                    </button>
+                    <div class="dropdown-menu absolute !end-0 !start-auto top-full min-w-44 !p-4 !mt-1">
+                        <div class="flex flex-col space-y-3">
+
+                            <label for="course_uiux" class="flex items-center cursor-pointer gap-2">
+                                <input type="checkbox" class="input-checkbox" id="course_uiux">
+                                <span>UI UX design</span>
+                            </label>
+
+                            <label for="course_development" class="flex items-center cursor-pointer gap-2">
+                                <input type="checkbox" class="input-checkbox" id="course_development">
+                                <span>Development</span>
+                            </label>
+                            <label for="course_ai" class="flex items-center cursor-pointer gap-2">
+                                <input type="checkbox" class="input-checkbox" id="course_ai">
+                                <span>AI</span>
+                            </label>
+                            <label for="course_photography" class="flex items-center cursor-pointer gap-2">
+                                <input type="checkbox" class="input-checkbox" id="course_photography">
+                                <span>Photography</span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-3 sm:grid-cols-2 gap-4 mb-4">
+                <!--:Course card:-->
+                <div class="rounded-xl p-2 bg-white dark:bg-zinc-900 shadow-card">
+                    <a href="#!">
+                        <img src="images/projects/2.jpg" class="max-w-full rounded-xl mb-4" alt="">
+                    </a>
+                    <div class="flex items-center justify-between gap-3.5 px-4 pb-4">
+                        <span class="shrink-0 badge bg-amber-500/10 text-amber-500">UI UX</span>
+                        <div class="flex items-center gap-2 divide-x divide-zinc-200 dark:divide-zinc-800">
+                            <span class="flex items-center gap-1 pe-2">
+                                4.4
+                                <span class="icon-[tabler--star-filled] text-amber-500"></span>
+                            </span>
+                            <span class="flex items-center gap-1">
+                                249
+                                <span class="icon-[lucide--users] text-primary leading-none"></span>
+                            </span>
+                        </div>
+                    </div>
+                    <div class="px-4 pb-4">
+                        <a href="education-course-details.html"
+                            class="text-lg font-semibold block mb-2 text-zinc-900 dark:text-white">Prototype in
+                            figma</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <!--progress-->
+                        <div class="mb-4">
+                            <div class="flex items-center gap-1 mb-2">
+                                <span class="icon-[lucide--history]"></span>
+                                2h 25m
+                            </div>
+                            <div class="h-1.5 bg-zinc-500/20 rounded-full flex-grow">
+                                <div class="progress-bg h-1.5 bg-zinc-500 rounded-full" style="width: 60%;"></div>
+                            </div>
+                        </div>
+                        <div class="flex flex-col gap-2">
+                            <button type="button" class="btn bg-zinc-100 dark:bg-zinc-700 hover:bg-zinc-200 dark:hover:bg-zinc-600 dark:hover:text-white">Start over</button>
+                            <button type="button"
+                                class="btn bg-primary text-white hover:bg-primary-deep">Resume</button>
+                        </div>
+                    </div>
+                </div>
+                <!--:Course card:-->
+                <div class="rounded-xl p-2 bg-white dark:bg-zinc-900 shadow-card">
+                    <a href="#!">
+                        <img src="images/projects/3.jpg" class="max-w-full rounded-xl mb-4" alt="">
+                    </a>
+                    <div class="flex items-center justify-between gap-3.5 px-4 pb-4">
+                        <span class="shrink-0 badge bg-sky-500/10 text-sky-500">Development</span>
+                        <div class="flex items-center gap-2 divide-x divide-zinc-200 dark:divide-zinc-800">
+                            <span class="flex items-center gap-1 pe-2">
+                                4.7
+                                <span class="icon-[tabler--star-filled] text-amber-500"></span>
+                            </span>
+                            <span class="flex items-center gap-1">
+                                146
+                                <span class="icon-[lucide--users] text-primary leading-none"></span>
+                            </span>
+                        </div>
+                    </div>
+                    <div class="px-4 pb-4">
+                        <a href="education-course-details.html"
+                            class="text-lg font-semibold block mb-2 text-zinc-900 dark:text-white">
+                            Python development</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <!--progress-->
+                        <div class="mb-4">
+                            <div class="flex items-center gap-1 mb-2">
+                                <span class="icon-[lucide--history]"></span>
+                                6h 25m
+                            </div>
+                            <div class="h-1.5 bg-zinc-500/20 rounded-full flex-grow">
+                                <div class="progress-bg h-1.5 bg-zinc-500 rounded-full" style="width: 75%;"></div>
+                            </div>
+                        </div>
+                        <div class="flex flex-col gap-2">
+                           <button type="button" class="btn bg-zinc-100 dark:bg-zinc-700 hover:bg-zinc-200 dark:hover:bg-zinc-600 dark:hover:text-white">Start over</button>
+                            <button type="button"
+                                class="btn bg-primary text-white hover:bg-primary-deep">Resume</button>
+                        </div>
+                    </div>
+                </div>
+                <!--:Course card:-->
+                <div class="rounded-xl p-2 bg-white dark:bg-zinc-900 shadow-card">
+                    <a href="#!">
+                        <img src="images/projects/4.jpg" class="max-w-full rounded-xl mb-4" alt="">
+                    </a>
+                    <div class="flex items-center justify-between gap-3.5 px-4 pb-4">
+                        <span class="shrink-0 badge bg-green-500/10 text-green-500">AI</span>
+                        <div class="flex items-center gap-2 divide-x divide-zinc-200 dark:divide-zinc-800">
+                            <span class="flex items-center gap-1 pe-2">
+                                4.9
+                                <span class="icon-[tabler--star-filled] text-amber-500"></span>
+                            </span>
+                            <span class="flex items-center gap-1">
+                                98
+                                <span class="icon-[lucide--users] text-primary leading-none"></span>
+                            </span>
+                        </div>
+                    </div>
+                    <div class="px-4 pb-4">
+                        <a href="education-course-details.html"
+                            class="text-lg font-semibold block mb-2 text-zinc-900 dark:text-white">
+                            AI masterclass
+                        </a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <!--progress-->
+                        <div class="mb-4">
+                            <div class="flex items-center gap-1 mb-2">
+                                <span class="icon-[lucide--history]"></span>
+                                1h 25h
+                            </div>
+                            <div class="h-1.5 bg-zinc-500/20 rounded-full flex-grow">
+                                <div class="progress-bg h-1.5 bg-zinc-500 rounded-full" style="width: 40%;"></div>
+                            </div>
+                        </div>
+                        <div class="flex flex-col gap-2">
+                            <button type="button" class="btn bg-zinc-100 dark:bg-zinc-700 hover:bg-zinc-200 dark:hover:bg-zinc-600 dark:hover:text-white">Start over</button>
+                            <button type="button"
+                                class="btn bg-primary text-white hover:bg-primary-deep">Resume</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-4">
+                <!--:Course card:-->
+                <div class="rounded-xl p-4 lg:p-6 bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="flex items-center gap-4">
+                        <div class="flex-grow md:pe-12">
+                            <h5 class="text-lg mb-0.5">Earn a Certificate</h5>
+                            <p class="mb-4">Get the right professional certificate program for you.</p>
+                        <a href="#!" class="btn btn-sm bg-zinc-700 text-white hover:bg-zinc-800">View programs</a>
+                        </div>
+                         <div class="shrink-0 w-24">
+                            <img src="images/illustrations/trophy.png" alt="" class="max-w-full">
+                        </div>
+                    </div>
+                </div>
+                <!--:Course card:-->
+                <div class="rounded-xl p-4 lg:p-6 bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="flex items-center gap-4">
+                        <div class="flex-grow md:pe-12">
+                            <h5 class="text-lg mb-0.5">Top Rated Courses</h5>
+                            <p class="mb-4">Enroll now in the most popular and best rated courses.</p>
+                        <a href="#!" class="btn btn-sm bg-zinc-700 text-white hover:bg-zinc-800">View Courses</a>
+                        </div>
+                         <div class="shrink-0 w-24">
+                            <img src="images/illustrations/courses.png" alt="" class="max-w-full">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/forms-autosize.html b/www/raven-demo/forms-autosize.html
new file mode 100644
index 0000000..c5b929f
--- /dev/null
+++ b/www/raven-demo/forms-autosize.html
@@ -0,0 +1,1017 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item forms_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item forms_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item forms_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item forms_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item active">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Autosize</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Forms</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Autosize</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Autosize textarea
+                    </h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-col max-w-2xl gap-2">
+                        
+                            <textarea id="descStandalone" rows="5" placeholder="Add description here" class="input"></textarea>
+                        
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Textarea:--&gt;
+&lt;textarea id="descStandalone" rows="5" placeholder="Add description here" class="input mb-3"&gt;&lt;/textarea&gt;
+
+&lt;!--:Script required:--&gt;
+&lt;script src="vendor/js/autosize.min.js"&gt;&lt;/script&gt;
+ &lt;script&gt;
+  autosize(document.querySelectorAll('textarea'));
+ &lt;/script>
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+     <!--:Page scripts:-->
+    <script src="vendor/js/autosize.min.js"></script>
+    <script>
+        autosize(document.querySelectorAll('textarea'));
+    </script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/forms-cleave-js.html b/www/raven-demo/forms-cleave-js.html
new file mode 100644
index 0000000..d02a430
--- /dev/null
+++ b/www/raven-demo/forms-cleave-js.html
@@ -0,0 +1,1035 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item forms_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item forms_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item forms_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item forms_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item active">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Cleave</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Forms</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Cleave</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Cleave
+                    </h5>
+                    <p>Format input text content automatically, <a class="text-primary border-b border-dashed hover:text-current" href="https://nosir.github.io/cleave.js/" target="_blank">Offical Docs</a></p>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-col max-w-2xl gap-2">
+                        <input type="text" class="input" placeholder="Try Credit/Debit Card number" id="cardNumber">
+                        <input type="text" class="input" placeholder="MM/YY" id="cardExpiry">
+                        <input type="text" class="input" placeholder="123" id="cardCVV">
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+
+&lt;!--:Script required:--&gt;
+&lt;script src="vendor/js/cleave.min.js"&gt;&lt;/script&gt;
+
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+     <!--:Page scripts:-->
+    <script src="vendor/js/cleave.min.js"></script>
+    <script>
+        new Cleave('#cardNumber', {
+      creditCard: true,
+      onCreditCardTypeChanged: function (type) {
+        console.log('Detected card type:', type);
+        // you could show a logo here dynamically
+      }
+    });
+     // Expiry date formatting (MM/YY)
+    new Cleave('#cardExpiry', {
+      date: true,
+      datePattern: ['m', 'y']
+    });
+
+    // CVV - numeric only
+    new Cleave('#cardCVV', {
+      numeral: true,
+      numeralPositiveOnly: true,
+      numeralIntegerScale: 3 // allows 3 or 4 digits
+    });
+    </script>
+     
+
+
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/forms-input.html b/www/raven-demo/forms-input.html
new file mode 100644
index 0000000..d1c076b
--- /dev/null
+++ b/www/raven-demo/forms-input.html
@@ -0,0 +1,1162 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item forms_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item forms_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item forms_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item forms_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item active">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Input</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Forms</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Input</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Floating labels
+                    </h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-col max-w-sm gap-2">
+                        
+                        <div class="flex flex-col gap-4">
+                            <!--:Floating input wrapper:-->
+                            <div class="floating-label relative">
+                                <input type="text" id="fname" class="peer" placeholder="" />
+                                <label for="fname">Default</label>
+                            </div>
+                            <!--:Floating input wrapper:-->
+                            <div class="floating-label floating-label-lg relative">
+                                <input type="text" id="fname2" class="peer" placeholder="" />
+                                <label for="fname2">Large</label>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--:Floating input wrapper:--&gt;
+&lt;div class="floating-label relative"&gt;
+  &lt;input type="text" id="fname" class="peer" placeholder="" /&gt;
+  &lt;label for="fname">Default&lt;/label&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Sizing</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-col max-w-sm gap-2">
+                        <input type="text" class="input input-sm" placeholder="Input Small">
+                        <input type="text" class="input" placeholder="Input Default">
+                        <input type="text" class="input input-lg" placeholder="Input Large">
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;input type="text" class="input input-sm" placeholder="Input Small"&gt;
+&lt;input type="text" class="input" placeholder="Input Default"&gt;
+&lt;input type="text" class="input input-lg" placeholder="Input Large"&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Icon</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-col max-w-sm gap-2">
+                        <div class="relative">
+                            <input type="text" class="input input-sm !pl-8 peer" name="input-sm"
+                                placeholder="Input Default">
+                            <span
+                                class="icon-[lucide--circle-user] pointer-events-none absolute text-base left-3 top-1/2 -translate-y-1/2 text-zinc-400 peer-focus:text-primary"></span>
+                        </div>
+                        <div class="relative">
+                            <input type="text" class="input !pl-9 peer" name="input-default"
+                                placeholder="Input Default">
+                            <span
+                                class="icon-[lucide--circle-user] pointer-events-none absolute text-lg left-3 top-1/2 -translate-y-1/2 text-zinc-400 peer-focus:text-primary"></span>
+                        </div>
+                        <div class="relative">
+                            <input type="text" class="input input-lg !pl-10 peer" name="input-lg"
+                                placeholder="Input Default">
+                            <span
+                                class="icon-[lucide--circle-user] pointer-events-none absolute text-xl left-3 top-1/2 -translate-y-1/2 text-zinc-400 peer-focus:text-primary"></span>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--Small--&gt;
+&lt;div class="relative"&gt;
+    &lt;input type="text" class="input input-sm !pl-8 peer" name="input-sm" placeholder="Input Default"&gt;
+    &lt;span class="icon-[lucide--circle-user] pointer-events-none absolute text-base left-3 top-1/2 -translate-y-1/2 text-zinc-400 peer-focus:text-primary"&gt;&lt;/span&gt;
+&lt;/div&gt;
+
+&lt;!--Default--&gt;
+&lt;div class="relative"&gt;
+    &lt;input type="text" class="input !pl-9 peer" name="input-default" placeholder="Input Default"&gt;
+    &lt;span class="icon-[lucide--circle-user] pointer-events-none absolute text-lg left-3 top-1/2 -translate-y-1/2 text-zinc-400 peer-focus:text-primary"&gt;&lt;/span&gt;
+&lt;/div&gt;
+
+&lt;!--Large--&gt;
+&lt;div class="relative"&gt;
+    &lt;input type="text" class="input input-lg !pl-10 peer" name="input-lg" placeholder="Input Default"&gt;
+    &lt;span class="icon-[lucide--circle-user] pointer-events-none absolute text-xl left-3 top-1/2 -translate-y-1/2 text-zinc-400 peer-focus:text-primary"&gt;&lt;/span&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Disabled & readonly</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-col max-w-sm gap-2">
+                        <input type="text" class="input" placeholder="Input Disabled" disabled>
+                        <input type="text" class="input pointer-events-none" placeholder="Input Readonly" readonly>
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;input type="text" class="input" placeholder="Input Disabled" disabled&gt;
+&lt;input type="text" class="input pointer-events-none" placeholder="Input Readonly" readonly&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Form text examples</h5>
+                </div>
+                <div class="p-4">
+                    <div class="flex flex-col max-w-sm gap-2">
+                        <label for="userName1" class="block mb-0.5">Username</label>
+                        <input type="email" id="userName1" class="input">
+                        <!--:form text:-->
+                        <p class="mt-0.5 text-xs text-zinc-400">Must be 6–20 characters, letters and numbers only.</p>
+                    </div>
+                    <hr class="border-zinc-200 my-4">
+                    <div class="flex flex-col max-w-sm gap-2">
+                        <label for="userName1" class="block mb-0.5">Username</label>
+                        <input type="email" id="userName1" class="input just-validate-error-field"
+                            placeholder="Username">
+                        <!--:form text:-->
+                        <p class="mt-0.5 text-xs just-validate-error-label">Must be 6–20 characters, letters and numbers
+                            only.</p>
+                    </div>
+                    <hr class="border-zinc-200 my-4">
+                    <div class="flex flex-col max-w-sm gap-2">
+                        <div class="mb-0 5 flex items-center gap-2">
+                            <label for="username" class="block">Username</label>
+                            <span class="block cursor-pointer leading-none" data-bs-toggle="popover"
+                                data-bs-placement="right"
+                                data-bs-content="Must be 6–20 characters, letters and numbers only.">
+                                <span class="icon-[lucide--info]"></span>
+                            </span>
+                        </div>
+                        <input type="text" id="username" class="input">
+                    </div>
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+ &lt;label for="userName1" class="block mb-0.5"&gt;Username &lt;/label&gt;
+ &lt;input type="email" id="userName1" class="input"&gt;
+  &lt;!--:form text:--&gt;
+ &lt;p class="mt-0.5 text-xs text-zinc-400"&gt;Must be 6–20 characters, letters and numbers only. &lt;/p&gt;
+
+ &lt;div class="mb-0 5 flex items-center gap-2"&gt;
+  &lt;label for="username" class="block"&gt;Username &lt;/label&gt;
+  &lt;span class="block cursor-pointer leading-none" data-bs-toggle="popover"
+     data-bs-placement="right" data-bs-content="Must be 6–20 characters, letters and numbers only."&gt;
+     &lt;span class="icon-[lucide--info]"> &lt;/span&gt;
+   &lt;/span>
+ &lt;/div>
+ &lt;input type="text" id="username" class="input">
+</code></pre>
+                </div>
+            </div>
+
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/forms-radio-checkbox.html b/www/raven-demo/forms-radio-checkbox.html
new file mode 100644
index 0000000..9fafeef
--- /dev/null
+++ b/www/raven-demo/forms-radio-checkbox.html
@@ -0,0 +1,1236 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item forms_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item forms_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item forms_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item forms_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item active">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Radio & checkbox</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Forms</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Radio & checkbox</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="px-4 pt-4">
+                        <h5 class="text-lg">Checkbox</h5>
+                    </div>
+                    <div class="p-4">
+                        <div class="max-w-sm gap-2">
+                            <input type="checkbox" class="input-checkbox" name="inputCheckbox">
+                            <br>
+                            <label for="checkedLabel" class="inline-flex items-center gap-2">
+                                <input checked type="checkbox" class="input-checkbox" id="checkedLabel"
+                                    name="inputCheckbox">
+                                <span>Checked</span>
+                            </label>
+                            <br>
+                            <label for="checkLabel" class="inline-flex items-center gap-2">
+                                <input type="checkbox" class="input-checkbox" id="checkLabel">
+                                <span>With label</span>
+                            </label>
+                            <br>
+                            <label for="checkDisabled"
+                                class="inline-flex mb-4 pointer-events-none opacity-60 items-center gap-2">
+                                <input disabled type="checkbox" class="input-checkbox" id="checkDisabled">
+                                <span>Disabled</span>
+                            </label>
+                            <br>
+                            <small class="font-mono text-sm block mb-2">Custom Color</small>
+                            <input type="checkbox" name="customCCheckbox"
+                                class="input-checkbox hover:!ring-yellow-500/20 hover:!border-yellow-500 checked:!ring-transparent checked:!bg-yellow-500 checked:!border-yellow-500">
+                            <input type="checkbox" name="customCCheckbox"
+                                class="input-checkbox hover:!ring-zinc-500/20 hover:!border-zinc-500 checked:!ring-transparent checked:!bg-zinc-500 checked:!border-zinc-500">
+                        </div>
+                    </div>
+                    <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                        <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;input type="checkbox" class="input-checkbox" placeholder="Input Default"&gt;
+
+&lt;label for="checkedLabel" class="inline-flex items-center gap-2"&gt;
+    &lt;input checked type="checkbox" class="input-checkbox" id="checkedLabel" name="inputCheckbox"&gt;
+    &lt;span&gt;Checked&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;label for="checkLabel" class="inline-flex items-center gap-2"&gt;
+    &lt;input type="checkbox" class="input-checkbox" id="checkLabel" name="inputCheckbox"&gt;
+    &lt;span&gt;With label&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;label for="checkDisabled" class="inline-flex pointer-events-none opacity-60 items-center gap-2"&gt;
+    &lt;input disabled type="checkbox" class="input-checkbox" id="checkDisabled" name="inputCheckbox"&gt;
+    &lt;span&gt;Disabled&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;!--Custom Color--&gt;
+&lt;input type="checkbox" name="customCCheckbox" class="input-checkbox hover:!ring-yellow-500/20 hover:!border-yellow-500 checked:!ring-transparent checked:!bg-yellow-500 checked:!border-yellow-500"&gt;
+&lt;input type="checkbox" name="customCCheckbox" class="input-checkbox hover:!ring-zinc-500/20 hover:!border-zinc-500 checked:!ring-transparent checked:!bg-zinc-500 checked:!border-zinc-500"&gt;
+</code></pre>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="px-4 pt-4">
+                        <h5 class="text-lg">Radio</h5>
+                    </div>
+                    <div class="p-4">
+                        <div class="max-w-sm gap-2">
+                            <input type="radio" class="input-radio" name="inputRadio">
+                            <br>
+                            <label for="radioChecked" class="inline-flex items-center gap-2">
+                                <input checked type="radio" class="input-radio" id="radioChecked" name="inputRadio">
+                                <span>Checked</span>
+                            </label>
+                            <br>
+                            <label for="radioLabel" class="inline-flex items-center gap-2">
+                                <input type="radio" class="input-radio" id="radioLabel" name="inputRadio">
+                                <span>With label</span>
+                            </label>
+                            <br>
+                            <label for="radioDisabled"
+                                class="inline-flex mb-4 pointer-events-none opacity-60 items-center gap-2">
+                                <input disabled type="radio" class="input-radio" id="radioDisabled" name="inputRadio">
+                                <span>Disabled</span>
+                            </label>
+                            <br>
+                            <small class="font-mono text-sm block mb-2">Custom Color</small>
+                            <input type="radio" name="customCRadio"
+                                class="input-radio hover:!ring-yellow-500/20 hover:!border-yellow-500 checked:!ring-transparent checked:!bg-yellow-500 checked:!border-yellow-500 me-2">
+                            <input type="radio" name="customCRadio"
+                                class="input-radio hover:!ring-zinc-500/20 hover:!border-zinc-500 checked:!ring-transparent checked:!bg-zinc-500 checked:!border-zinc-500">
+                        </div>
+                    </div>
+                    <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                        <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;input type="radio" class="input-radio" name="inputRadio"&gt;
+
+&lt;label for="radioChecked" class="inline-flex items-center gap-2"&gt;
+    &lt;input checked type="radio" class="input-radio" id="radioChecked" name="inputRadio"&gt;
+    &lt;span&gt;Checked&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;label for="radioLabel" class="inline-flex items-center gap-2"&gt;
+    &lt;input type="radio" class="input-radio" id="radioLabel" name="inputRadio"&gt;
+    &lt;span&gt;With label&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;label for="radioDisabled" class="inline-flex pointer-events-none opacity-60 items-center gap-2"&gt;
+    &lt;input disabled type="radio" class="input-radio" id="radioDisabled" name="inputRadio"&gt;
+    &lt;span&gt;Disabled&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;!--Custom Color--&gt;
+&lt;input type="radio" name="customCRadio" class="input-radio hover:!ring-yellow-500/20 hover:!border-yellow-500 checked:!ring-transparent checked:!bg-yellow-500 checked:!border-yellow-500"&gt;
+&lt;input type="radio" name="customCRadio" class="input-radio hover:!ring-zinc-500/20 hover:!border-zinc-500 checked:!ring-transparent checked:!bg-zinc-500 checked:!border-zinc-500"&gt; 
+</code></pre>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="px-4 pt-4">
+                        <h5 class="text-lg">Switch Checkbox</h5>
+                    </div>
+                    <div class="p-4">
+                        <div class="max-w-sm gap-2">
+                            <input type="checkbox" class="input-switch">
+                            <br>
+                            <label for="switchChecked" class="inline-flex items-center gap-2">
+                                <input checked type="checkbox" class="input-switch" id="switchChecked">
+                                <span>Checked</span>
+                            </label>
+                            <br>
+                            <label for="switchLabel" class="inline-flex items-center gap-2">
+                                <input type="checkbox" class="input-switch" id="switchLabel">
+                                <span>With label</span>
+                            </label>
+                            <br>
+                            <label for="switchDisabled"
+                                class="inline-flex mb-4 pointer-events-none opacity-60 items-center gap-2">
+                                <input disabled type="checkbox" class="input-switch" id="switchDisabled">
+                                <span>Disabled</span>
+                            </label>
+                            <br>
+                            <small class="font-mono text-sm block mb-2">Custom Color</small>
+                            <input type="checkbox"
+                                class="input-switch after:!bg-yellow-500 checked:!bg-yellow-500 checked:after:!bg-white">
+                            <input type="checkbox"
+                                class="input-switch after:!bg-zinc-500 checked:!bg-zinc-500 checked:after:!bg-white">
+                        </div>
+                    </div>
+                    <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                        <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;input type="checkbox" class="input-switch"&gt;
+
+&lt;label for="switchChecked" class="inline-flex items-center gap-2"&gt;
+    &lt;input checked type="checkbox" class="input-switch" id="switchChecked"&gt;
+    &lt;span&gt;Checked&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;label for="switchLabel" class="inline-flex items-center gap-2"&gt;
+    &lt;input type="checkbox" class="input-switch" id="switchLabel"&gt;
+    &lt;span&gt;With label&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;label for="switchDisabled" class="inline-flex pointer-events-none opacity-60 items-center gap-2"&gt;
+    &lt;input disabled type="checkbox" class="input-switch" id="switchDisabled"&gt;
+    &lt;span&gt;Disabled&lt;/span&gt;
+&lt;/label&gt;
+
+&lt;!--Custom Color--&gt;
+&lt;input type="checkbox" class="input-switch after:!bg-yellow-500 checked:!bg-yellow-500 checked:after:!bg-white"&gt;
+&lt;input type="checkbox" class="input-switch after:!bg-zinc-500 checked:!bg-zinc-500 checked:after:!bg-white"&gt;
+</code></pre>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="px-4 pt-4">
+                        <h5 class="text-lg">Advanced</h5>
+                    </div>
+                    <div class="p-4">
+                        <div class="max-w-sm gap-2">
+                            <small class="text-mono block mb-2">Change utility to make it Radio or Checkbox</small>
+                            <label for="cUpdates" class="flex cursor-pointer items-center gap-3.5">
+                                <input type="checkbox" id="cUpdates" class="input-switch">
+                                <span class="flex-grow flex flex-col leading-tight">
+                                    <span class="text-lg font-semibold mb-0">News & updates</span>
+                                    <span class="text-sm">Excepteur sint occaecat cupidatat non proident</span>
+                                </span>
+                            </label>
+                        </div>
+                    </div>
+                    <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                        <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;label for="cUpdates" class="flex cursor-pointer items-center gap-3.5"&gt;
+    &lt;input type="checkbox" id="cUpdates" class="input-switch"&gt;
+    &lt;span class="flex-grow flex flex-col leading-tight"&gt;
+        &lt;span class="text-lg font-semibold mb-0"&gt;News & updates&lt;/span&gt;
+        &lt;span class="text-sm"&gt;Excepteur sint occaecat cupidatat non proident&lt;/span&gt;
+    &lt;/span&gt;
+&lt;/label&gt;
+</code></pre>
+                    </div>
+
+                    <div class="border-t flex flex-col gap-2 border-zinc-200 dark:border-zinc-900 py-4 px-4">
+                        <!-- Plan A -->
+                        <div class="relative p-4 rounded-lg flex items-center gap-3.5">
+                            <input type="radio" name="plan" id="planA" class="peer input-radio" checked>
+                            <label for="planA"
+                                class="absolute inset-0 w-full h-full border border-zinc-200 dark:border-zinc-700 rounded-lg p-4 cursor-pointer peer-checked:border-primary peer-checked:ring-1 peer-checked:ring-primary/20 transition-all"></label>
+                            <div>
+                                <h3 class="text-lg">Plan A</h3>
+                                <p class="text-xl font-semibold mb-1">$9/month</p>
+                                <p class="text-zinc-400">Basic features for individuals getting started.</p>
+                            </div>
+                        </div>
+                        <!-- Plan A -->
+                        <div class="relative p-4 rounded-lg flex items-center gap-3.5">
+                            <input type="radio" name="plan" id="planB" class="peer input-radio">
+                            <label for="planB"
+                                class="absolute inset-0 w-full h-full border border-zinc-200 dark:border-zinc-700 rounded-lg p-4 cursor-pointer peer-checked:border-primary peer-checked:ring-1 peer-checked:ring-primary/20 transition-all"></label>
+                            <div>
+                                <h3 class="text-lg">Plan B</h3>
+                                <p class="text-xl font-semibold mb-1">$29/month</p>
+                                <p class="text-zinc-400">Team plan for small businesses.</p>
+                            </div>
+                        </div>
+                            <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!-- Plan A --&gt;
+&lt;div class="relative p-4 rounded-lg flex items-center gap-3.5"&gt;
+    &lt;input type="radio" name="plan" id="planA" class="peer input-radio" checked&gt;
+    &lt;label for="planA" class="absolute inset-0 w-full h-full border border-zinc-200 dark:border-zinc-700 rounded-lg p-4 cursor-pointer peer-checked:border-primary peer-checked:ring-1 peer-checked:ring-primary transition-all"&gt;&lt;/label&gt;
+    &lt;div&gt;
+        &lt;h3 class="text-lg"&gt;Plan A&lt;/h3&gt;
+        &lt;p class="text-xl font-semibold mb-1"&gt;$9/month&lt;/p&gt;
+        &lt;p class="text-zinc-400"&gt;Basic features for individuals getting started.&lt;/p&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+&lt;!-- Plan A --&gt;
+&lt;div class="relative p-4 rounded-lg flex items-center gap-3.5"&gt;
+    &lt;input type="radio" name="plan" id="planB" class="peer input-radio"&gt;
+    &lt;label for="planB" class="absolute inset-0 w-full h-full border border-zinc-200 dark:border-zinc-700 rounded-lg p-4 cursor-pointer peer-checked:border-primary peer-checked:ring-1 peer-checked:ring-primary transition-all"&gt;&lt;/label&gt;
+    &lt;div&gt;
+        &lt;h3 class="text-lg"&gt;Plan B&lt;/h3&gt;
+        &lt;p class="text-xl font-semibold mb-1"&gt;$29/month&lt;/p&gt;
+        &lt;p class="text-zinc-400"&gt;Team plan for small businesses.&lt;/p&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</code></pre>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/forms-select.html b/www/raven-demo/forms-select.html
new file mode 100644
index 0000000..92dc21c
--- /dev/null
+++ b/www/raven-demo/forms-select.html
@@ -0,0 +1,1133 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item forms_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item forms_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item forms_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item forms_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item active">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Select</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Forms</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Select</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Tom select</h5>
+                    <a class="text-sm text-primary" href="https://tom-select.js.org/" target="_blank">Tom select</a>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-md">
+                        <span class="font-mono text-sm mb-1 block">Basic example</span>
+                        <select class="js-select">
+                            <option value="a" selected>Plan A</option>
+                            <option value="b">Plan B</option>
+                            <option value="c">Plan C</option>
+                            <option value="d">Plan D</option>
+                        </select>
+                        <div class="py-2"></div>
+                        <span class="font-mono text-sm mb-1 block">Multiple + Create new tag</span>
+                        <select class="js-select" multiple>
+                            <option value="a" selected>Plan A</option>
+                            <option value="b">Plan B</option>
+                            <option value="c">Plan C</option>
+                            <option value="d">Plan D</option>
+                        </select>
+                        <div class="py-2"></div>
+                         <span class="font-mono text-sm mb-1 block">Small size example</span>
+                        <select class="js-select t-select-sm">
+                            <option value="a" selected>Plan A</option>
+                            <option value="b">Plan B</option>
+                            <option value="c">Plan C</option>
+                            <option value="d">Plan D</option>
+                        </select>
+                        <div class="py-2"></div>
+                         <span class="font-mono text-sm mb-1 block">Large size example</span>
+                        <select class="js-select t-select-lg">
+                            <option value="a" selected>Plan A</option>
+                            <option value="b">Plan B</option>
+                            <option value="c">Plan C</option>
+                            <option value="d">Plan D</option>
+                        </select>
+                    </div>
+
+                </div>
+                <div class="px-4 leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--Css / Js Required--&gt;
+&lt;link href="vendor/css/tom-select.min.css" rel="stylesheet"&gt;
+&lt;script src="vendor/js/tom-select.complete.min.js"&gt;&lt;/script&gt;
+</code></pre>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4">
+                    <h5 class="text-lg">Default select</h5>
+                </div>
+                <div class="p-4">
+                    <div class="max-w-md">
+                        <span class="font-mono text-sm mb-1 block">Small</span>
+                        <div class="relative mb-4">
+                            <select class="input input-sm appearance-none">
+                                <option selected disabled>Select an option</option>
+                                <option value="a">Plan A</option>
+                                <option value="b">Plan B</option>
+                                <option value="c">Plan C</option>
+                                <option value="d">Plan D</option>
+                            </select>
+                            <span
+                                class="icon-[lucide--chevron-down] opacity-50 pointer-events-none absolute end-2 top-1/2 -translate-y-1/2"></span>
+                        </div>
+                        <span class="font-mono text-sm mb-1 block">Default</span>
+                        <div class="relative mb-4">
+                            <select class="input appearance-none">
+                                <option selected disabled>Select an option</option>
+                                <option value="a">Plan A</option>
+                                <option value="b">Plan B</option>
+                                <option value="c">Plan C</option>
+                                <option value="d">Plan D</option>
+                            </select>
+                            <span
+                                class="icon-[lucide--chevron-down] text-lg opacity-50 pointer-events-none absolute end-2 top-1/2 -translate-y-1/2"></span>
+                        </div>
+                        <span class="font-mono text-sm mb-1 block">Large</span>
+                        <div class="relative">
+                            <select class="input input-lg appearance-none">
+                                <option selected disabled>Select an option</option>
+                                <option value="a">Plan A</option>
+                                <option value="b">Plan B</option>
+                                <option value="c">Plan C</option>
+                                <option value="d">Plan D</option>
+                            </select>
+                            <span
+                                class="icon-[lucide--chevron-down] text-lg opacity-50 pointer-events-none absolute end-2 top-1/2 -translate-y-1/2"></span>
+                        </div>
+                    </div>
+
+                </div>
+                <div
+                    class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;!--Small--&gt;
+&lt;div class="relative"&gt;
+    &lt;select class="input input-sm appearance-none"&gt;
+        &lt;option selected disabled&gt;Select an option&lt;/option&gt;
+        &lt;option value="a"&gt;Plan A&lt;/option&gt;
+        ...
+    &lt;/select&gt;
+    &lt;span class="icon-[lucide--chevron-down] opacity-50 pointer-events-none absolute end-2 top-1/2 -translate-y-1/2"&gt;&lt;/span&gt;
+&lt;/div&gt;
+
+&lt;!--Default--&gt;
+&lt;div class="relative"&gt;
+    &lt;select class="input appearance-none"&gt;
+        &lt;option selected disabled&gt;Select an option&lt;/option&gt;
+        &lt;option value="a"&gt;Plan A&lt;/option&gt;
+        ...
+    &lt;/select&gt;
+    &lt;span class="icon-[lucide--chevron-down] text-lg opacity-50 pointer-events-none absolute end-2 top-1/2 -translate-y-1/2"&gt;&lt;/span&gt;
+&lt;/div&gt;
+
+&lt;!--Large--&gt;
+&lt;div class="relative"&gt;
+    &lt;select class="input input-lg appearance-none"&gt;
+        &lt;option selected disabled&gt;Select an option&lt;/option&gt;
+        &lt;option value="a"&gt;Plan A&lt;/option&gt;
+        ...
+    &lt;/select&gt;
+    &lt;span class="icon-[lucide--chevron-down] text-lg opacity-50 pointer-events-none absolute end-2 top-1/2 -translate-y-1/2"&gt;&lt;/span&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+           
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+    <!--Tom select-->
+    <script src="vendor/js/tom-select.complete.min.js"></script>
+    <script>
+       //Tom select
+document.querySelectorAll('.js-select').forEach(select => {
+    new TomSelect(select, {
+        create: true,
+    });
+});
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/forms-validation.html b/www/raven-demo/forms-validation.html
new file mode 100644
index 0000000..30c268e
--- /dev/null
+++ b/www/raven-demo/forms-validation.html
@@ -0,0 +1,1283 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item forms_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item forms_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item forms_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item forms_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item active">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Form Validation</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Forms</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Validation</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-center justify-between">
+                    <h5 class="text-lg">Example</h5>
+                    <a href="https://just-validate.dev/examples" target="_blank" class="border-b border-dashed text-primary">Just Validate</a>
+                </div>
+                <div class="p-4">
+                    <form id="advanced-usage_form" autocomplete="off" novalidate="novalidate">
+  <div class="mb-4">
+    <label class="block text-sm mb-1" for="advanced-usage_password">Password</label>
+    <div class="input-wrapper">
+      <input
+        id="advanced-usage_password"
+        class="input"
+        autocomplete="off"
+        type="password"
+        placeholder="Enter password"
+      />
+    </div>
+  </div>
+  <div class="mb-4">
+    <label class="block text-sm mb-1" for="advanced-usage_repeat-password"
+      >Repeat password</label
+    >
+    <div class="input-wrapper">
+      <input
+        id="advanced-usage_repeat-password"
+        class="input"
+        autocomplete="off"
+        type="password"
+        placeholder="Repeat password"
+      />
+    </div>
+  </div>
+  <div class="mb-4">
+    <label class="block text-sm mb-1" for="advanced-usage_message">Message</label>
+    <div class="input-wrapper">
+      <textarea
+        id="advanced-usage_message"
+        class="input textarea"
+        placeholder="Enter message"
+      ></textarea>
+    </div>
+  </div>
+  <div class="mb-4">
+    <label class="block text-sm mb-1" for="advanced-usage_favorite_animal_select"
+      >Select you favorite animal</label
+    >
+    <div class="relative">
+      <select class="input appearance-none" id="advanced-usage_favorite_animal_select">
+        <option value="">--Please select an option--</option>
+        <option value="Dog">Dog</option>
+        <option value="Cat">Cat</option>
+        <option value="Hamster">Hamster</option>
+        <option value="Parrot">Parrot</option>
+        <option value="Spider">Spider</option>
+        <option value="Goldfish">Goldfish</option>
+      </select>
+      <span class="icon-[lucide--chevron-down] opacity-50 pointer-events-none absolute end-2 top-1/2 -translate-y-1/2 text-lg opacity-60"></span>
+    </div>
+  </div>
+  <div class="mb-4">
+    <div class="label mb-2">You should give us your consent</div>
+    <div class="mb-4">
+      <div class="flex">
+        <input
+          type="checkbox"
+          id="advanced-usage_consent_checkbox"
+          class="input-checkbox"
+        /><label
+          class="block text-sm mb-1 ms-2 pb-0"
+          for="advanced-usage_consent_checkbox"
+          >I agree to provide the information</label
+        >
+      </div>
+      <div id="advanced-usage_consent_checkbox-errors-container"></div>
+    </div>
+  </div>
+  <div
+    class="mb-4"
+    id="advanced-usage_communication_checkbox_group"
+  >
+    <div class="label mb-2">Please select at least 1 option</div>
+    <div class="control-wrapper">
+      <div class="flex">
+        <input
+          type="checkbox"
+          id="advanced-usage_communication_checkbox_group_1"
+          class="input-checkbox"
+          name="communication_checkbox_group"
+        /><label
+          class="block text-sm mb-1 ms-2 pb-0"
+          for="advanced-usage_communication_checkbox_group_1"
+          >I'd like to receive news by email</label
+        >
+      </div>
+      <div
+        id="advanced-usage_communication_checkbox_group_1-errors-container"
+      ></div>
+    </div>
+    <div class="control-wrapper">
+      <div class="flex">
+        <input
+          type="checkbox"
+          id="advanced-usage_communication_checkbox_group_2"
+          class="input-checkbox"
+          name="communication_checkbox_group"
+        /><label
+          class="block text-sm mb-1 ms-2 pb-0"
+          for="advanced-usage_communication_checkbox_group_2"
+          >I'd like to receive news by post</label
+        >
+      </div>
+      <div
+        id="advanced-usage_communication_checkbox_group_2-errors-container"
+      ></div>
+    </div>
+    <div class="control-wrapper">
+      <div class="flex">
+        <input
+          type="checkbox"
+          id="advanced-usage_communication_checkbox_group_3"
+          class="input-checkbox"
+          name="communication_checkbox_group"
+        /><label
+          class="block text-sm mb-1 ms-2 pb-0"
+          for="advanced-usage_communication_checkbox_group_3"
+          >I'd like to receive news by text phone</label
+        >
+      </div>
+      <div
+        id="advanced-usage_communication_checkbox_group_3-errors-container"
+      ></div>
+    </div>
+  </div>
+  <div class="mb-4">
+    <div class="label mb-2">
+      Please select the preferred way for communication
+    </div>
+    <div id="advanced-usage_communication_radio_group">
+      <div class="control-wrapper">
+        <label class="block text-sm mb-1 flex"
+          ><input
+            type="radio"
+            id="advanced-usage_communication_radio_group_1"
+            class="input-radio"
+            name="communication_radio_group"
+          />
+          <span class="ms-2">Email</span></label
+        >
+      </div>
+      <div class="control-wrapper">
+        <label class="block text-sm mb-1 flex"
+          ><input
+            type="radio"
+            id="advanced-usage_communication_radio_group_2"
+            class="input-radio"
+            name="communication_radio_group"
+          />
+          <span class="ms-2">Text message</span></label
+        >
+      </div>
+    </div>
+  </div>
+  <div class="mb-4">
+    <label class="block text-sm mb-1" for="advanced-usage_input_number"
+      >Input any number</label
+    >
+    <div class="input-wrapper">
+      <input
+        id="advanced-usage_input_number"
+        class="input"
+        autocomplete="off"
+        type="text"
+        placeholder="Input any number"
+      />
+    </div>
+  </div>
+  <div class="mb-4">
+    <label class="block text-sm mb-1" for="advanced-usage_input_integer_number"
+      >Input an integer number</label
+    >
+    <div class="input-wrapper">
+      <input
+        id="advanced-usage_input_integer_number"
+        class="input"
+        autocomplete="off"
+        type="text"
+        placeholder="Input an integer number"
+      />
+    </div>
+  </div>
+  <div class="mb-4">
+    <label class="block text-sm mb-1" for="advanced-usage_input_number_between"
+      >Input a number between 10 and 20</label
+    >
+    <div class="input-wrapper">
+      <input
+        id="advanced-usage_input_number_between"
+        class="input"
+        autocomplete="off"
+        type="text"
+        placeholder="Input a number between 10 and 20"
+      />
+    </div>
+  </div>
+  <div class="mb-4">
+    <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep">Submit</button>
+  </div>
+</form>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <script src="vendor/js/just-validate.production.min.js"></script>
+    <script>
+const validator = new JustValidate('#advanced-usage_form');
+
+validator
+  .addField('#advanced-usage_password', [
+    {
+      rule: 'required',
+    },
+  ])
+  .addField('#advanced-usage_repeat-password', [
+    {
+      rule: 'required',
+    },
+    {
+      validator: (value, fields) => {
+        if (
+          fields['#advanced-usage_password'] &&
+          fields['#advanced-usage_password'].elem
+        ) {
+          const repeatPasswordValue =
+            fields['#advanced-usage_password'].elem.value;
+
+          return value === repeatPasswordValue;
+        }
+
+        return true;
+      },
+      errorMessage: 'Passwords should be the same',
+    },
+  ])
+.addField('#advanced-usage_message', [
+  {
+    validator: (value) => {
+      return value !== undefined && value.length > 3;
+    },
+    errorMessage: 'Message should be more than 3 letters.',
+  },
+])
+  .addField(
+    '#advanced-usage_consent_checkbox',
+    [
+      {
+        rule: 'required',
+      },
+    ],
+    {
+      errorsContainer: '#advanced-usage_consent_checkbox-errors-container',
+    }
+  )
+  .addField('#advanced-usage_favorite_animal_select', [
+    {
+      rule: 'required',
+    },
+  ])
+  .addRequiredGroup(
+    '#advanced-usage_communication_checkbox_group',
+    'You should select at least one communication channel'
+  )
+  .addRequiredGroup('#advanced-usage_communication_radio_group')
+  .addField('#advanced-usage_input_number', [
+    {
+      rule: 'required',
+    },
+    {
+      rule: 'number',
+    },
+  ])
+  .addField('#advanced-usage_input_integer_number', [
+    {
+      rule: 'required',
+    },
+    {
+      rule: 'integer',
+    },
+  ])
+  .addField('#advanced-usage_input_number_between', [
+    {
+      rule: 'required',
+    },
+    {
+      rule: 'minNumber',
+      value: 10,
+    },
+    {
+      rule: 'maxNumber',
+      value: 20,
+    },
+  ]);
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/graphs-echarts.html b/www/raven-demo/graphs-echarts.html
new file mode 100644
index 0000000..9812d67
--- /dev/null
+++ b/www/raven-demo/graphs-echarts.html
@@ -0,0 +1,1048 @@
+
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <title>Raven - Admin Dashboard</title>
+     <link rel="icon" href="images/favicon.png" type="image/png">
+     <!--Simplebar-->
+     <link rel="stylesheet" href="vendor/css/simplebar.css">
+     <!--:Fonts:-->
+     <link rel="preconnect" href="https://fonts.googleapis.com">
+     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+     <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+     <!--:Main Style:-->
+     <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item graphs_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item graphs_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item graphs_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item graphs_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item active">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl flex items-center leading-none mb-3"><a href="https://echarts.apache.org/en/index.html" target="_blank" class="inline-flex items-center gap-2 hover:!text-primary">
+                Echarts <span class="icon-[lucide--external-link] text-base"></span></a>
+            </h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Graphs</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Echarts</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Mix</h5>
+                   </div>
+                <div class="p-4" dir="ltr">
+                  <div id="chart_mix" class="h-80 w-full"></div>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Area</h5>
+                   </div>
+                <div class="p-4" dir="ltr">
+                  <div id="chart_area" class="h-80 w-full"></div>
+                </div>
+            </div>
+            <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Bar</h5>
+                   </div>
+                <div class="p-4" dir="ltr">
+                  <div id="chart_bar" class="h-80 w-full"></div>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Line</h5>
+                   </div>
+                <div class="p-4" dir="ltr">
+                  <div id="chart_line" class="h-80 w-full"></div>
+                </div>
+            </div>
+            
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+            
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Pie</h5>
+                   </div>
+                <div class="p-4" dir="ltr">
+                  <div id="chart_pie" class="h-80 w-full"></div>
+                </div>
+            </div>
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Polar</h5>
+                   </div>
+                <div class="p-4" dir="ltr">
+                  <div id="chart_polar" class="h-80 w-full"></div>
+                </div>
+            </div>
+        </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+      <!--:Echarts:-->
+      <script src="vendor/js/echarts.min.js"></script>
+      <script src="js/demo-echarts.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/graphs-map.html b/www/raven-demo/graphs-map.html
new file mode 100644
index 0000000..554a6d8
--- /dev/null
+++ b/www/raven-demo/graphs-map.html
@@ -0,0 +1,1095 @@
+
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page css:-->
+    <link href="vendor/css/jsvectormap.min.css" rel="stylesheet">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item graphs_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item graphs_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item graphs_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item graphs_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item active">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Map</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Graphs</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Map</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+             <!--:Card:-->
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="px-4 pt-4 flex items-end gap-3.5">
+                    <h5 class="text-lg">Example</h5>
+                    <a class="text-sm text-primary" href="https://jvm-docs.vercel.app/" target="_blank">JsVectorMap</a>
+                </div>
+                <div class="p-4">
+                   <div class="max-w-md">
+                     <!--:Map:-->
+                    <div id="world-map-markers" class="w-full min-h-[230px]"></div>
+                   </div>
+                </div>
+                <div class="px-4 leading-none max-h-[50vh] overflow-y-auto code-snippet pb-2 border-t border-zinc-100 dark:border-zinc-900">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt!--:Map css:--&gt;
+&lt;link href="vendor/css/jsvectormap.min.css" rel="stylesheet"&gt;
+
+&lt;!--:Map HTML:--&gt;
+&lt;div id="world-map-markers" class="w-full min-h-[230px]"&gt;&lt;/div&gt;
+
+&lt;!--:Map Js:--&gt;
+&lt;script src="vendor/js/jsvectormap.min.js"&gt;&lt;/script&gt;
+&lt;script src="vendor/js/world.js"&gt;&lt;/script&gt;
+&lt;script&gt;
+    new jsVectorMap({
+        map: "world",
+        selector: "#world-map-markers",
+        zoomOnScroll: false,
+        zoomButtons: false,
+        zoomAnimate: false,
+        panOnDrag: false,
+        backgroundColor: "transparent",
+        regionStyle: {
+            initial: {
+                fill: "var(--color-primary-subtle)"
+            },
+        },
+        markers: [
+            { coords: [40.71, -74], name: "New York" },
+            { coords: [35.68, 139.69], name: "Tokyo" },
+            { coords: [28.61, 77.20], name: "Delhi" },
+            { coords: [40.42, -3.70], name: "Madrid" }
+        ],
+        markerStyle: {
+            initial: {
+                r: 6,
+                fill: "var(--color-primary)",
+                "fill-opacity": 0.9,
+                stroke: "var(--color-primary-subtle)",
+                "stroke-width": 3,
+                "stroke-opacity": 0.6
+            },
+            hover: {
+                fill: "var(--color-primary-deep)",
+                "fill-opacity": 1,
+                "stroke-width": 0
+            }
+        }
+    });
+&lt;/script&gt;
+</code></pre>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+
+      <!--:Map:-->
+    <script src="vendor/js/jsvectormap.min.js"></script>
+    <script src="vendor/js/world.js"></script>
+    <script>
+        new jsVectorMap({
+            map: "world",
+            selector: "#world-map-markers",
+            zoomOnScroll: false,
+            zoomButtons: false,
+            zoomAnimate: false,
+            panOnDrag: false,
+            backgroundColor: "transparent",
+
+            regionStyle: {
+                initial: {
+                    fill: "var(--color-primary-subtle)"
+                },
+            },
+            markers: [
+                { coords: [40.71, -74], name: "New York" },
+                { coords: [35.68, 139.69], name: "Tokyo" },
+                { coords: [28.61, 77.20], name: "Delhi" },
+                { coords: [40.42, -3.70], name: "Madrid" }
+            ],
+
+            markerStyle: {
+                initial: {
+                    r: 6,
+                    fill: "var(--color-primary)",
+                    "fill-opacity": 0.9,
+                    stroke: "var(--color-primary-subtle)",
+                    "stroke-width": 3,
+                    "stroke-opacity": 0.6
+                },
+                hover: {
+                    fill: "var(--color-primary-deep)",
+                    "fill-opacity": 1,
+                    "stroke-width": 0
+                }
+            }
+        });
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/images/avatars/thumb-1.jpg b/www/raven-demo/images/avatars/thumb-1.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/www/raven-demo/images/avatars/thumb-1.jpg differ
diff --git a/www/raven-demo/images/avatars/thumb-10.jpg b/www/raven-demo/images/avatars/thumb-10.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/www/raven-demo/images/avatars/thumb-10.jpg differ
diff --git a/www/raven-demo/images/avatars/thumb-2.jpg b/www/raven-demo/images/avatars/thumb-2.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/www/raven-demo/images/avatars/thumb-2.jpg differ
diff --git a/www/raven-demo/images/avatars/thumb-3.jpg b/www/raven-demo/images/avatars/thumb-3.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/www/raven-demo/images/avatars/thumb-3.jpg differ
diff --git a/www/raven-demo/images/avatars/thumb-4.jpg b/www/raven-demo/images/avatars/thumb-4.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/www/raven-demo/images/avatars/thumb-4.jpg differ
diff --git a/www/raven-demo/images/avatars/thumb-5.jpg b/www/raven-demo/images/avatars/thumb-5.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/www/raven-demo/images/avatars/thumb-5.jpg differ
diff --git a/www/raven-demo/images/avatars/thumb-6.jpg b/www/raven-demo/images/avatars/thumb-6.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/www/raven-demo/images/avatars/thumb-6.jpg differ
diff --git a/www/raven-demo/images/avatars/thumb-7.jpg b/www/raven-demo/images/avatars/thumb-7.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/www/raven-demo/images/avatars/thumb-7.jpg differ
diff --git a/www/raven-demo/images/avatars/thumb-8.jpg b/www/raven-demo/images/avatars/thumb-8.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/www/raven-demo/images/avatars/thumb-8.jpg differ
diff --git a/www/raven-demo/images/avatars/thumb-9.jpg b/www/raven-demo/images/avatars/thumb-9.jpg
new file mode 100644
index 0000000..6634745
Binary files /dev/null and b/www/raven-demo/images/avatars/thumb-9.jpg differ
diff --git a/www/raven-demo/images/bg-cover-2.jpg b/www/raven-demo/images/bg-cover-2.jpg
new file mode 100644
index 0000000..6549e2d
Binary files /dev/null and b/www/raven-demo/images/bg-cover-2.jpg differ
diff --git a/www/raven-demo/images/bg-cover.jpg b/www/raven-demo/images/bg-cover.jpg
new file mode 100644
index 0000000..6549e2d
Binary files /dev/null and b/www/raven-demo/images/bg-cover.jpg differ
diff --git a/www/raven-demo/images/brands/apple-black.svg b/www/raven-demo/images/brands/apple-black.svg
new file mode 100644
index 0000000..6ff4c4b
--- /dev/null
+++ b/www/raven-demo/images/brands/apple-black.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.9954 12.6879C18.0263 16.0172 20.915 17.1251 20.947 17.1393C20.9225 17.2173 20.4854 18.7181 19.4251 20.2682C18.5084 21.6085 17.5571 22.9437 16.0585 22.9714C14.586 22.9985 14.1124 22.0979 12.4289 22.0979C10.7459 22.0979 10.2198 22.9437 8.82587 22.9985C7.37932 23.0533 6.27775 21.5493 5.35356 20.214C3.465 17.4827 2.02175 12.4959 3.95967 9.12967C4.92239 7.45801 6.64284 6.39944 8.51023 6.3723C9.9307 6.34519 11.2714 7.3283 12.1398 7.3283C13.0077 7.3283 14.6369 6.14603 16.3498 6.31966C17.0668 6.34952 19.0796 6.60941 20.372 8.50192C20.2679 8.56651 17.9704 9.90449 17.9954 12.6879ZM15.2279 4.51263C15.9959 3.58268 16.5128 2.2881 16.3717 1C15.2648 1.04451 13.9262 1.73794 13.1321 2.66738C12.4205 3.49044 11.7974 4.8078 11.9655 6.07041C13.1994 6.16591 14.4599 5.44317 15.2279 4.51263Z" fill="black"/>
+</svg>
diff --git a/www/raven-demo/images/brands/apple-white.svg b/www/raven-demo/images/brands/apple-white.svg
new file mode 100644
index 0000000..b270c92
--- /dev/null
+++ b/www/raven-demo/images/brands/apple-white.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.9954 12.6879C18.0263 16.0172 20.915 17.1251 20.947 17.1393C20.9225 17.2173 20.4854 18.7181 19.4251 20.2682C18.5084 21.6085 17.5571 22.9437 16.0585 22.9714C14.586 22.9985 14.1124 22.0979 12.4289 22.0979C10.7459 22.0979 10.2198 22.9437 8.82587 22.9985C7.37932 23.0533 6.27775 21.5493 5.35356 20.214C3.465 17.4827 2.02175 12.4959 3.95967 9.12967C4.92239 7.45801 6.64284 6.39944 8.51023 6.3723C9.9307 6.34519 11.2714 7.3283 12.1398 7.3283C13.0077 7.3283 14.6369 6.14603 16.3498 6.31966C17.0668 6.34952 19.0796 6.60941 20.372 8.50192C20.2679 8.56651 17.9704 9.90449 17.9954 12.6879ZM15.2279 4.51263C15.9959 3.58268 16.5128 2.2881 16.3717 1C15.2648 1.04451 13.9262 1.73794 13.1321 2.66738C12.4205 3.49044 11.7974 4.8078 11.9655 6.07041C13.1994 6.16591 14.4599 5.44317 15.2279 4.51263Z" fill="white"/>
+</svg>
diff --git a/www/raven-demo/images/brands/behance.svg b/www/raven-demo/images/brands/behance.svg
new file mode 100644
index 0000000..4567523
--- /dev/null
+++ b/www/raven-demo/images/brands/behance.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#0863FF" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M42.672 26.006h12.711v-3.642H42.672v3.642zm3.011 7.946c-.81.824-1.32 1.94-1.53 3.35h9.887c-.105-1.504-.618-2.64-1.527-3.422-.92-.777-2.052-1.164-3.407-1.164-1.467 0-2.613.412-3.423 1.236zm8.58-4.889c1.532.674 2.794 1.743 3.787 3.202.906 1.286 1.487 2.779 1.753 4.474.155.991.217 2.428.191 4.296H44.012c.096 2.17.853 3.692 2.298 4.564.874.543 1.927.815 3.163.815 1.301 0 2.365-.33 3.18-.99.45-.36.845-.856 1.183-1.49h5.857c-.156 1.28-.867 2.586-2.126 3.911C55.603 49.948 52.851 51 49.315 51c-2.92 0-5.497-.885-7.724-2.662-2.238-1.773-3.35-4.663-3.35-8.661 0-3.75 1.007-6.627 3.02-8.629 2.018-1.996 4.628-3.001 7.843-3.001 1.91 0 3.629.34 5.159 1.016zm-36.35 8.317v7.804h7.202c1.287 0 2.291-.173 3.005-.515 1.301-.64 1.95-1.855 1.95-3.653 0-1.526-.626-2.57-1.887-3.14-.706-.318-1.697-.485-2.967-.496h-7.303zm0-11.299v6.457h7.213c1.284 0 2.331-.242 3.138-.727.802-.484 1.205-1.342 1.205-2.567 0-1.367-.53-2.266-1.591-2.706-.92-.304-2.089-.457-3.508-.457h-6.457zm16.109-1.963c.906 1.245 1.36 2.732 1.36 4.466 0 1.785-.454 3.224-1.372 4.31-.513.607-1.267 1.164-2.263 1.665 1.513.546 2.653 1.406 3.429 2.584.768 1.175 1.154 2.606 1.154 4.288 0 1.734-.44 3.29-1.323 4.666a8.132 8.132 0 01-2.1 2.303c-.946.715-2.06 1.202-3.35 1.47-1.29.264-2.684.392-4.191.392H12V21h14.334c3.618.053 6.178 1.091 7.688 3.118z"/></g></svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/brands/dribbble.svg b/www/raven-demo/images/brands/dribbble.svg
new file mode 100644
index 0000000..dc0f888
--- /dev/null
+++ b/www/raven-demo/images/brands/dribbble.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#EC4989" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M47.455 52.999c-.21-1.237-1.302-7.253-3.991-14.638 6.618-1.059 12.35.756 12.774.894-.912 5.712-4.183 10.636-8.783 13.744zM36 56.498a20.416 20.416 0 01-13.059-4.699c.271.22.46.359.46.359s3.93-8.568 16.085-12.804c.045-.017.093-.028.138-.042 2.885 7.492 4.073 13.768 4.378 15.56A20.43 20.43 0 0136 56.498zm-20.498-20.5c0-.217.01-.431.016-.646.365.009 10.491.237 21.044-2.92a67.612 67.612 0 011.662 3.485c-.27.073-.539.155-.807.245-11.06 3.573-16.671 13.523-16.671 13.523s.008.009.008.012a20.417 20.417 0 01-5.252-13.698zm11.752-18.532c.274.364 4.064 5.503 7.612 11.808-9.842 2.616-18.385 2.511-18.924 2.503 1.33-6.35 5.594-11.613 11.312-14.31zM31.09 16.1l-.002.006s-.026.006-.062.011c.022-.005.042-.008.064-.017zm18.447 4.521c-.05.077-2.969 4.521-10.708 7.42-3.502-6.438-7.352-11.551-7.66-11.958a20.498 20.498 0 014.832-.578c5.188 0 9.927 1.936 13.536 5.116zm6.955 15.174c-.297-.065-7.234-1.557-14.276-.671-.146-.35-.29-.703-.443-1.056a61.6 61.6 0 00-1.363-2.974c8.094-3.305 11.38-8.054 11.42-8.11a20.415 20.415 0 014.662 12.811zm3.023-4.625a24.084 24.084 0 00-1.403-4.512 23.714 23.714 0 00-2.213-4.075 23.986 23.986 0 00-6.48-6.48 23.928 23.928 0 00-4.076-2.215A24.047 24.047 0 0036.001 12a24.081 24.081 0 00-9.344 1.888A24.06 24.06 0 0016.1 22.583 23.877 23.877 0 0012 35.999c-.001 1.63.163 3.256.484 4.837a23.76 23.76 0 001.403 4.506 23.765 23.765 0 002.213 4.081 24.462 24.462 0 002.927 3.55 24.046 24.046 0 007.629 5.139 23.618 23.618 0 004.51 1.397c1.58.327 3.206.491 4.834.491a23.87 23.87 0 004.832-.491 23.637 23.637 0 004.51-1.397A23.914 23.914 0 0049.42 55.9a24.368 24.368 0 003.553-2.927 24.28 24.28 0 002.927-3.55 23.965 23.965 0 003.615-8.587 24.283 24.283 0 000-9.666z"/></g></svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/brands/duolingo.svg b/www/raven-demo/images/brands/duolingo.svg
new file mode 100644
index 0000000..64ff666
--- /dev/null
+++ b/www/raven-demo/images/brands/duolingo.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.18824 1H18.8144C21.126 1 22.9992 2.87334 22.9992 5.1869V18.8131C22.9992 21.1246 21.126 23 18.8123 23H5.18824C2.87459 22.9979 1.00134 21.1246 1.00134 18.811V5.1869C1.00134 2.87325 2.87468 1 5.18824 1Z" fill="#50C800"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23 15.2105V8.8475C22.7519 8.24403 22.3877 7.69514 21.9281 7.23197C21.9689 6.54881 21.8163 5.85711 21.4619 5.24055C21.2299 4.83667 20.6692 4.77868 20.3556 5.12669L19.6445 5.91509C19.6402 5.91298 19.6359 5.91298 19.6316 5.91087C19.724 5.1911 19.6015 4.44792 19.2492 3.78411C19.0301 3.37161 18.5554 3.29857 18.2288 3.63365L14.8131 7.09453C14.7745 7.13105 14.7336 7.16967 14.695 7.20839C14.6928 7.2105 14.6885 7.21261 14.6864 7.21481C13.202 8.55959 10.8883 8.61546 9.47473 7.38024C9.38616 7.28343 9.29369 7.19026 9.19756 7.10095L5.77557 3.63585C5.44894 3.30069 4.97423 3.37381 4.75513 3.78631C4.40492 4.44792 4.28032 5.18687 4.3706 5.90224C4.36409 5.90436 4.35767 5.90436 4.35125 5.90656L3.64872 5.12669C3.33512 4.77868 2.77444 4.83667 2.54029 5.24055C2.19229 5.84417 2.03971 6.52091 2.07191 7.19114C1.61935 7.63785 1.25562 8.16634 1 8.74859V15.3114C1.77125 17.0709 3.52844 18.3018 5.57142 18.3018H5.79052C7.81635 18.3018 9.5607 17.0924 10.3405 15.3566C11.0903 15.3523 11.6337 15.3502 11.9711 15.3502C12.7014 15.348 13.2707 15.348 13.6789 15.348C14.4565 17.0881 16.2052 18.3018 18.2331 18.3018H18.3877C20.4695 18.3018 22.2524 17.0236 23 15.2105Z" fill="#8EE000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.8808 7.5307C7.79699 7.5307 9.35233 9.08375 9.35233 11.0022V13.0581C9.35233 14.9743 7.7991 16.5296 5.8808 16.5296C3.96452 16.5296 2.40918 14.9765 2.40918 13.0581V11.0022C2.40918 9.08384 3.96452 7.5307 5.8808 7.5307ZM18.0763 7.5307C19.9925 7.5307 21.5479 9.08375 21.5479 11.0022V13.0581C21.5479 14.9743 19.9946 16.5296 18.0763 16.5296C16.1601 16.5296 14.6047 14.9765 14.6047 13.0581V11.0022C14.6047 9.08384 16.1579 7.5307 18.0763 7.5307Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.41567 9.52417C7.32436 9.52417 8.06332 10.261 8.06332 11.1719V12.9313C8.06332 13.84 7.32647 14.5789 6.41567 14.5789C5.50699 14.5789 4.76794 13.8421 4.76794 12.9313V11.1719C4.76794 10.261 5.50699 9.52417 6.41567 9.52417Z" fill="#4B4B4B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0013 13.5182C13.0431 13.5182 13.8874 14.3625 13.8874 15.4043V16.0596C13.8874 17.1015 13.0431 17.9457 12.0013 17.9457C10.9594 17.9457 10.1151 17.1015 10.1151 16.0596V15.4043C10.1151 14.3625 10.9594 13.5182 12.0013 13.5182Z" fill="#F48000"/>
+<path d="M9.39746 15.5848C9.62298 14.3819 10.7379 13.5139 12.072 13.5139C13.2857 13.5139 14.3835 14.4033 14.6047 15.5848V15.6815C14.6047 15.7567 14.5789 15.7867 14.5102 15.7782L12.0742 16.2121H11.9302L9.49196 15.776C9.42324 15.7846 9.39746 15.7545 9.39746 15.6794V15.5848Z" fill="#FFC200"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6016 13.9306C11.729 13.8999 11.8595 13.884 11.9905 13.8834C12.1301 13.8834 12.272 13.9006 12.4116 13.9371C12.5493 13.9726 12.6713 14.0528 12.7584 14.1652C12.8455 14.2776 12.8927 14.4157 12.8927 14.5579C12.8928 14.6138 12.8818 14.6691 12.8604 14.7207C12.8391 14.7724 12.8078 14.8193 12.7683 14.8588C12.7287 14.8983 12.6818 14.9296 12.6302 14.951C12.5786 14.9723 12.5233 14.9833 12.4674 14.9833H11.5351C11.4792 14.9833 11.4239 14.9723 11.3723 14.951C11.3207 14.9296 11.2737 14.8983 11.2342 14.8588C11.1947 14.8193 11.1634 14.7724 11.142 14.7207C11.1207 14.6691 11.1097 14.6138 11.1098 14.5579C11.1076 14.2615 11.3117 14.0015 11.6016 13.9306Z" fill="#FFE747"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5413 9.52417C18.4501 9.52417 19.189 10.261 19.189 11.1719V12.9313C19.189 13.84 18.4522 14.5789 17.5413 14.5789C16.6326 14.5789 15.8937 13.8421 15.8937 12.9313V11.1719C15.8958 10.261 16.6326 9.52417 17.5413 9.52417Z" fill="#4B4B4B"/>
+<path d="M5.0237 11.522C5.61105 11.522 6.08708 11.0478 6.08708 10.4629C6.08708 9.87806 5.61105 9.40387 5.0237 9.40387C4.43645 9.40387 3.96033 9.87806 3.96033 10.4629C3.96033 11.0478 4.43645 11.522 5.0237 11.522ZM15.9883 11.522C16.5756 11.522 17.0517 11.0478 17.0517 10.4629C17.0517 9.87806 16.5756 9.40387 15.9883 9.40387C15.401 9.40387 14.925 9.87806 14.925 10.4629C14.925 11.0478 15.401 11.522 15.9883 11.522Z" fill="white"/>
+</svg>
diff --git a/www/raven-demo/images/brands/email.svg b/www/raven-demo/images/brands/email.svg
new file mode 100644
index 0000000..dbb3b3e
--- /dev/null
+++ b/www/raven-demo/images/brands/email.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#000" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M18 26.162v20.386c0 1.109.812 2.007 1.93 2.007h31.815c1.117 0 1.93-.909 1.93-2.007V26.162c0-1.217-.727-2.162-1.93-2.162H19.93c-1.25 0-1.93.969-1.93 2.162m2.933 1.776c0-.491.298-.772.773-.772.293 0 11.854 7.325 12.554 7.755l1.81 1.125c.573-.384 1.15-.713 1.744-1.111 1.213-.776 12.011-7.77 12.308-7.77.477 0 .773.282.773.773 0 .52-1.002 1.037-1.655 1.435-4.1 2.5-8.2 5.224-12.26 7.816-.237.16-.695.503-1.04.45-.382-.059-12.146-7.617-14.287-8.875-.321-.19-.72-.363-.72-.826"/></g></svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/brands/equacoin.svg b/www/raven-demo/images/brands/equacoin.svg
new file mode 100644
index 0000000..2a82a8d
--- /dev/null
+++ b/www/raven-demo/images/brands/equacoin.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="#F68922"/>
+<path d="M11.7197 7.53422C11.7197 7.53422 8.35662 8.02467 7.86618 11.738C7.86618 11.738 7.34631 15.8949 11.6223 17.0166C11.9185 17.0941 12.2234 17.1332 12.5296 17.1329H12.7398C12.9554 17.1329 13.169 17.1752 13.3682 17.2577C13.5675 17.3402 13.7485 17.4611 13.901 17.6135C14.0536 17.766 14.1745 17.947 14.2571 18.1462C14.3396 18.3454 14.3821 18.5589 14.3821 18.7745C14.3838 19.1883 14.2286 19.5873 13.9477 19.8911C13.6669 20.195 13.2813 20.3811 12.8687 20.4119C10.7668 20.5521 7.94535 19.5277 6.11459 17.0629C6.11459 17.0629 2.52943 11.9419 6.43688 7.23715C7.36109 6.11701 8.56333 5.2593 9.92325 4.74989C11.5291 4.15295 13.8811 3.769 15.9235 5.36225C15.9235 5.36225 18.656 7.46416 17.2547 10.8973C17.2547 10.8973 16.2738 13.6298 12.9108 13.84L12.4434 13.814C12.2225 13.8085 12.0053 13.7557 11.8064 13.6592C11.6076 13.5627 11.4317 13.4248 11.2906 13.2547C11.1495 13.0846 11.0464 12.8862 10.9883 12.6729C10.9303 12.4597 10.9185 12.2365 10.9539 12.0183C11.0116 11.6634 11.1911 11.3397 11.4615 11.1027C11.7319 10.8656 12.0763 10.7301 12.4357 10.7193L12.9108 10.6871C12.9108 10.6871 14.5222 10.617 14.3821 8.72531C14.3821 8.72531 14.242 7.04378 11.7197 7.53422Z" fill="#2A2460"/>
+</svg>
diff --git a/www/raven-demo/images/brands/evernote.svg b/www/raven-demo/images/brands/evernote.svg
new file mode 100644
index 0000000..0cefc37
--- /dev/null
+++ b/www/raven-demo/images/brands/evernote.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15000_4306)">
+<path d="M4.64015 5.26105H6.70642C6.76301 5.26093 6.81723 5.2384 6.85726 5.19841C6.89728 5.15842 6.91985 5.1042 6.92002 5.04762C6.92002 5.04681 6.895 3.27681 6.895 2.78514V2.77913C6.895 2.37516 6.97963 2.02285 7.12777 1.72723L7.1981 1.59485C7.18909 1.59653 7.18084 1.60102 7.17455 1.60768L3.16253 5.58608C3.15518 5.59215 3.14994 5.60039 3.14758 5.60963C3.23058 5.56854 3.34412 5.51217 3.36004 5.50519C3.7091 5.34731 4.13288 5.26105 4.64015 5.26105Z" fill="#74BB44"/>
+<path d="M20.7066 4.82784C20.5425 3.95007 20.0203 3.51736 19.5483 3.34713C19.0394 3.1631 18.0066 2.9724 16.7098 2.81972C15.666 2.6966 14.4392 2.70667 13.6982 2.72925C13.6093 2.12013 13.1821 1.56365 12.704 1.37101C11.4308 0.858702 9.46234 0.982473 8.95751 1.12395C8.55582 1.23635 8.11141 1.46619 7.86435 1.82045C7.69851 2.05743 7.59098 2.36053 7.59017 2.78431C7.59017 3.02406 7.59683 3.58882 7.603 4.0909C7.60885 4.5941 7.61584 5.04452 7.61584 5.04777C7.61553 5.26347 7.52969 5.47025 7.37713 5.62275C7.22458 5.77524 7.01777 5.861 6.80206 5.86122H4.73693C4.29658 5.86122 3.95986 5.93513 3.70274 6.05191C3.44528 6.16886 3.26288 6.32642 3.12432 6.51289C2.84868 6.8829 2.80076 7.33982 2.8019 7.80632C2.8019 7.80632 2.8058 8.18722 2.89757 8.92481C2.97408 9.49527 3.59293 13.4816 4.18077 14.694C4.40866 15.1654 4.56069 15.3624 5.00819 15.5703C6.00583 15.9975 8.2844 16.4728 9.3527 16.6089C10.4186 16.7453 11.0878 17.0319 11.4864 16.1958C11.4877 16.1932 11.5665 15.9882 11.6743 15.6851C12.0206 14.6365 12.0689 13.7056 12.0689 13.0323C12.0689 12.9636 12.1694 12.9607 12.1694 13.0323C12.1694 13.5079 12.0783 15.1907 13.3496 15.6418C13.8517 15.8195 14.8924 15.9783 15.9506 16.1024C16.9068 16.2127 17.6007 16.5886 17.6007 19.0427C17.6007 20.5355 17.2872 20.74 15.6482 20.74C14.3193 20.74 13.8127 20.7742 13.8127 19.7193C13.8127 18.8657 14.6567 18.9553 15.282 18.9553C15.5616 18.9553 15.3585 18.7478 15.3585 18.221C15.3585 17.6968 15.6867 17.3942 15.3764 17.3868C13.214 17.327 11.9413 17.3842 11.9413 20.0891C11.9413 22.5442 12.8808 23.0002 15.9506 23.0002C18.357 23.0002 19.2047 22.9216 20.1986 19.8383C20.3953 19.2297 20.8713 17.3725 21.1586 14.2535C21.3404 12.2819 20.9867 6.32983 20.7066 4.82784ZM16.5113 11.4063C16.2141 11.396 15.9282 11.4147 15.6616 11.4576C15.7368 10.8517 15.9868 10.1075 16.8732 10.1386C17.8544 10.1726 17.9915 11.0999 17.9949 11.7277C17.5814 11.5435 17.0693 11.4259 16.5113 11.4063Z" fill="#74BB44"/>
+</g>
+<defs>
+<clipPath id="clip0_15000_4306">
+<rect width="18.4096" height="22" fill="white" transform="translate(2.80005 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/www/raven-demo/images/brands/facebook.svg b/www/raven-demo/images/brands/facebook.svg
new file mode 100644
index 0000000..e22599c
--- /dev/null
+++ b/www/raven-demo/images/brands/facebook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><rect width="72" height="72" fill="#4460A0" rx="8"/><path fill="#FFF" d="M60.464 13.417v9.31l-5.526.015c-4.331 0-5.166 2.058-5.166 5.066v6.662H60.09l-1.338 10.42h-8.98V72H39.01V44.889H30V34.47h9.01v-7.684C39.01 17.864 44.448 13 52.42 13c3.8 0 7.08.288 8.044.417z"/></g></svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/brands/figma.svg b/www/raven-demo/images/brands/figma.svg
new file mode 100644
index 0000000..35e2bb2
--- /dev/null
+++ b/www/raven-demo/images/brands/figma.svg
@@ -0,0 +1,14 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_12720_25198)">
+<path d="M8.33818 23C10.3622 23 12.0048 21.3573 12.0048 19.3333V15.6667H8.33818C6.31418 15.6667 4.67151 17.3093 4.67151 19.3333C4.67151 21.3573 6.31418 23 8.33818 23Z" fill="#0ACF83"/>
+<path d="M4.67151 12C4.67151 9.97598 6.31418 8.33331 8.33818 8.33331H12.0048V15.6666H8.33818C6.31418 15.6666 4.67151 14.024 4.67151 12Z" fill="#A259FF"/>
+<path d="M4.67151 4.6667C4.67151 2.6427 6.31418 1.00003 8.33818 1.00003H12.0048V8.33336H8.33818C6.31418 8.33336 4.67151 6.6907 4.67151 4.6667Z" fill="#F24E1E"/>
+<path d="M12.0049 1.00003H15.6716C17.6956 1.00003 19.3382 2.6427 19.3382 4.6667C19.3382 6.6907 17.6956 8.33336 15.6716 8.33336H12.0049V1.00003Z" fill="#FF7262"/>
+<path d="M19.3382 12C19.3382 14.024 17.6956 15.6666 15.6716 15.6666C13.6476 15.6666 12.0049 14.024 12.0049 12C12.0049 9.97598 13.6476 8.33331 15.6716 8.33331C17.6956 8.33331 19.3382 9.97598 19.3382 12Z" fill="#1ABCFE"/>
+</g>
+<defs>
+<clipPath id="clip0_12720_25198">
+<rect width="14.6696" height="22" fill="white" transform="translate(4.67004 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/www/raven-demo/images/brands/gitlab.svg b/www/raven-demo/images/brands/gitlab.svg
new file mode 100644
index 0000000..850651a
--- /dev/null
+++ b/www/raven-demo/images/brands/gitlab.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9999 22.9903L16.0507 9.46848H7.94897L11.9998 22.9903H11.9999Z" fill="#E24329"/>
+<path d="M12 22.9902L7.94903 9.46838H2.27197L12 22.9902Z" fill="#FC6D26"/>
+<path d="M2.27203 9.46838L1.04106 13.5776C0.986322 13.7603 0.986315 13.9571 1.04103 14.1398C1.09575 14.3225 1.20239 14.4817 1.34566 14.5946L12 22.9903L2.27194 9.46848L2.27203 9.46838Z" fill="#FCA326"/>
+<path d="M2.27197 9.46843H7.94904L5.50936 1.32428C5.38381 0.905206 4.8372 0.905299 4.71173 1.32428L2.27197 9.46843Z" fill="#E24329"/>
+<path d="M12 22.9902L16.0508 9.46838H21.728L11.9999 22.9902H12Z" fill="#FC6D26"/>
+<path d="M21.728 9.46838L22.959 13.5776C23.0137 13.7603 23.0137 13.9571 22.9589 14.1398C22.9042 14.3225 22.7976 14.4817 22.6543 14.5946L12 22.9903L21.728 9.46848V9.46838Z" fill="#FCA326"/>
+<path d="M21.7281 9.46843H16.0509L18.4907 1.32428C18.6162 0.905206 19.1628 0.905299 19.2883 1.32428L21.7281 9.46843Z" fill="#E24329"/>
+</svg>
diff --git a/www/raven-demo/images/brands/google-analytics.svg b/www/raven-demo/images/brands/google-analytics.svg
new file mode 100644
index 0000000..3c8b0dd
--- /dev/null
+++ b/www/raven-demo/images/brands/google-analytics.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.9999 20.2469C23.009 21.7574 21.6605 22.9873 19.9893 22.9955C19.8651 22.9964 19.7399 22.9901 19.6167 22.9765C18.0658 22.7692 16.9297 21.5502 16.9677 20.1347V3.86058C16.9307 2.44331 18.0698 1.22425 19.6217 1.01881C21.2817 0.843233 22.7855 1.91659 22.9799 3.41621C22.9939 3.52663 23.0009 3.63704 22.9999 3.74836V20.2469Z" fill="#F9AB00"/>
+<path d="M4.01661 17.55C5.68271 17.55 7.03322 18.7699 7.03322 20.275C7.03322 21.78 5.68271 23 4.01661 23C2.35051 23 1 21.78 1 20.275C1 18.7699 2.35051 17.55 4.01661 17.55ZM11.9534 9.29162C10.2793 9.37488 8.98084 10.6428 9.01991 12.1569V19.4758C9.01991 21.4624 9.98771 22.6679 11.4053 22.9249C13.0414 23.2244 14.6354 22.2696 14.967 20.7917C15.008 20.6107 15.0281 20.427 15.0271 20.2424V12.0302C15.0301 10.5197 13.6776 9.29343 12.0055 9.29071C11.9884 9.29071 11.9704 9.29071 11.9534 9.29162Z" fill="#E37400"/>
+</svg>
diff --git a/www/raven-demo/images/brands/google-webdev.svg b/www/raven-demo/images/brands/google-webdev.svg
new file mode 100644
index 0000000..f032308
--- /dev/null
+++ b/www/raven-demo/images/brands/google-webdev.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15000_4362)">
+<path d="M20.4775 16.4367H13.0452C12.9253 16.4367 12.809 16.477 12.7151 16.5521L7.17643 20.9557C7.03331 21.0693 7.11381 21.2983 7.29718 21.2983H20.5625C21.8738 21.2983 23.0527 20.1211 22.9606 18.7051C22.8765 17.4135 21.7763 16.4367 20.4775 16.4367Z" fill="#00C9DB"/>
+<path d="M14.4647 11.8399C14.4647 11.8337 14.4638 11.8274 14.463 11.8203C14.4218 11.1566 14.1096 10.5116 13.5425 10.0689L4.91963 3.21348C3.86681 2.39055 2.3435 2.57571 1.51699 3.62584C0.690478 4.67687 0.874743 6.19482 1.92666 7.01775L8.17826 11.9875L1.92666 16.9573C0.874743 17.7794 0.690478 19.2982 1.51699 20.3483C2.3435 21.3985 3.86681 21.5836 4.91963 20.7607L13.5434 13.9044C14.1105 13.4617 14.4227 12.8167 14.4638 12.153C14.4647 12.1468 14.4647 12.1405 14.4656 12.1333C14.4683 12.0841 14.4692 12.0358 14.4692 11.9866C14.4692 11.9383 14.4674 11.8891 14.4647 11.8399Z" fill="#0D55FF"/>
+<path d="M23 18.867C23 20.2097 21.9096 21.2974 20.5625 21.2974C19.2172 21.2974 18.1268 20.2088 18.1268 18.867C18.1268 17.5253 19.2172 16.4367 20.5625 16.4367C21.9096 16.4367 23 17.5253 23 18.867Z" fill="#7000F2"/>
+</g>
+<defs>
+<clipPath id="clip0_15000_4362">
+<rect width="22" height="18.5983" fill="white" transform="translate(1 2.70001)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/www/raven-demo/images/brands/google.svg b/www/raven-demo/images/brands/google.svg
new file mode 100644
index 0000000..add03bd
--- /dev/null
+++ b/www/raven-demo/images/brands/google.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 12.27C24 11.48 23.9284 10.73 23.8058 9.99998H12.2605V14.51H18.871C18.5747 15.99 17.7062 17.24 16.4189 18.09V21.09H20.3627C22.6717 19 24 15.92 24 12.27Z" fill="#4285F4"/>
+<path d="M12.2606 24C15.571 24 18.3398 22.92 20.3628 21.09L16.419 18.09C15.3156 18.81 13.9158 19.25 12.2606 19.25C9.06269 19.25 6.35515 17.14 5.38453 14.29H1.31812V17.38C3.33089 21.3 7.46882 24 12.2606 24Z" fill="#34A853"/>
+<path d="M5.38442 14.2901C5.12899 13.5701 4.99617 12.8001 4.99617 12.0001C4.99617 11.2001 5.13921 10.4301 5.38442 9.71009V6.62009H1.31801C0.480203 8.24009 0 10.0601 0 12.0001C0 13.9401 0.480203 15.7601 1.31801 17.3801L5.38442 14.2901Z" fill="#FBBC05"/>
+<path d="M12.2606 4.74998C14.0691 4.74998 15.6834 5.35999 16.9605 6.54999L20.4548 3.12999C18.3398 1.18999 15.571 -1.52588e-05 12.2606 -1.52588e-05C7.46882 -1.52588e-05 3.33089 2.69999 1.31812 6.61999L5.38453 9.70999C6.35515 6.85999 9.06269 4.74998 12.2606 4.74998Z" fill="#EA4335"/>
+</svg>
diff --git a/www/raven-demo/images/brands/inferno.svg b/www/raven-demo/images/brands/inferno.svg
new file mode 100644
index 0000000..ea5ecf2
--- /dev/null
+++ b/www/raven-demo/images/brands/inferno.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15000_4304)">
+<path d="M8.36643 5.85776L8.09061 6.04078C5.81726 7.52768 4.61942 9.64347 4.59205 12.3525C4.55682 15.8171 6.99797 18.8306 10.3749 19.6059C14.7339 20.6068 19.0479 17.4468 19.3985 12.9962C19.6758 9.47599 17.2956 6.31355 13.9372 5.22034C13.4308 4.6557 12.9709 2.75801 13.7713 1.89364C17.0718 2.62708 19.5463 4.31239 21.1417 7.02672C24.6301 12.9617 21.4941 20.6979 14.868 22.5457C8.71281 24.2622 2.48494 20.2046 1.56442 13.8783C0.542916 7.9795 4.70792 2.73195 10.5843 1.84998C9.21334 3.08983 8.47991 4.7925 8.36643 5.85776Z" fill="#494949"/>
+<path d="M16.2627 10.8801C16.7373 9.99577 16.7158 9.07087 16.4463 8.13513C16.3801 7.90487 16.2422 7.51004 16.1492 7.25191C17.7357 8.42435 19.0906 11.2435 18.4019 14.0451C17.7639 16.6408 15.2761 18.7315 12.7098 18.9733C9.40482 19.2845 6.83513 17.3041 5.86797 14.8965C4.83662 12.3297 5.66252 9.17284 7.43509 7.60118C6.56774 9.34744 6.83621 10.7337 7.19061 11.251C7.58454 11.826 8.2117 12.1241 8.82381 11.9538C9.46726 11.7749 9.96093 11.1991 9.94977 10.4651C9.94233 9.97501 9.8549 9.42229 9.66162 8.98072C8.51473 6.36083 9.47073 3.99808 11.3206 2.37092C11.8576 1.89866 12.4818 1.44543 13.2765 1.00006C12.4033 2.23991 12.255 3.75054 12.9184 5.1563C13.3075 5.92232 13.8059 6.72234 14.2457 7.4614C15.0361 8.78975 15.5209 10.1555 15.311 11.74C15.3086 11.7575 15.9397 11.4955 16.2627 10.8801Z" fill="#FB3239"/>
+</g>
+<defs>
+<clipPath id="clip0_15000_4304">
+<rect width="21.1728" height="22" fill="white" transform="translate(1.41003 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/www/raven-demo/images/brands/instagram.svg b/www/raven-demo/images/brands/instagram.svg
new file mode 100644
index 0000000..d5ec612
--- /dev/null
+++ b/www/raven-demo/images/brands/instagram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="72" viewBox="0 0 72 72"><defs><pattern id="instagram-b" width="100%" height="100%" x="0%"><use transform="scale(.14343)" xlink:href="#instagram-a"/></pattern><image id="instagram-a" width="502" height="502" xlink:href="data:image/png;base64,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"/></defs><g fill="none" fill-rule="evenodd"><path fill="url(#instagram-b)" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M36 12c6.518 0 7.335.028 9.895.144 2.555.117 4.3.523 5.826 1.116 1.578.613 2.917 1.434 4.25 2.768 1.335 1.334 2.156 2.673 2.77 4.251.592 1.527.998 3.271 1.115 5.826.116 2.56.144 3.377.144 9.895s-.028 7.335-.144 9.895c-.117 2.555-.523 4.3-1.116 5.826-.613 1.578-1.434 2.917-2.768 4.25-1.334 1.335-2.673 2.156-4.251 2.77-1.527.592-3.271.998-5.826 1.115-2.56.116-3.377.144-9.895.144s-7.335-.028-9.895-.144c-2.555-.117-4.3-.523-5.826-1.116-1.578-.613-2.917-1.434-4.25-2.768-1.335-1.334-2.156-2.673-2.769-4.251-.593-1.527-1-3.271-1.116-5.826C12.028 43.335 12 42.518 12 36s.028-7.335.144-9.895c.117-2.555.523-4.3 1.116-5.826.613-1.578 1.434-2.917 2.768-4.25 1.334-1.335 2.673-2.156 4.251-2.769 1.527-.593 3.271-1 5.826-1.116C28.665 12.028 29.482 12 36 12zm0 4.324c-6.408 0-7.167.025-9.698.14-2.34.107-3.61.498-4.457.827-1.12.435-1.92.955-2.76 1.795-.839.84-1.359 1.64-1.794 2.76-.33.845-.72 2.116-.827 4.456-.115 2.53-.14 3.29-.14 9.698s.025 7.167.14 9.698c.107 2.34.498 3.61.827 4.457.435 1.12.955 1.92 1.795 2.76.84.839 1.64 1.359 2.76 1.794.845.33 2.116.72 4.456.827 2.53.115 3.29.14 9.698.14 6.409 0 7.168-.025 9.698-.14 2.34-.107 3.61-.498 4.457-.827 1.12-.435 1.92-.955 2.76-1.795.839-.84 1.359-1.64 1.794-2.76.33-.845.72-2.116.827-4.456.115-2.53.14-3.29.14-9.698s-.025-7.167-.14-9.698c-.107-2.34-.498-3.61-.827-4.457-.435-1.12-.955-1.92-1.795-2.76-.84-.839-1.64-1.359-2.76-1.794-.845-.33-2.116-.72-4.456-.827-2.53-.115-3.29-.14-9.698-.14zm0 7.352c6.807 0 12.324 5.517 12.324 12.324 0 6.807-5.517 12.324-12.324 12.324-6.807 0-12.324-5.517-12.324-12.324 0-6.807 5.517-12.324 12.324-12.324zM36 44a8 8 0 100-16 8 8 0 000 16zm15.691-20.811a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0z"/></g></svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/brands/jira.svg b/www/raven-demo/images/brands/jira.svg
new file mode 100644
index 0000000..06ed453
--- /dev/null
+++ b/www/raven-demo/images/brands/jira.svg
@@ -0,0 +1,20 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15000_4309)">
+<path d="M22.1324 11.3915L12.7781 2.03721L11.8717 1.1308L4.83002 8.1725L1.61001 11.3915C1.44917 11.5532 1.35889 11.772 1.35889 12C1.35889 12.2281 1.44917 12.4468 1.61001 12.6085L8.04323 19.0417L11.8717 22.8692L18.9124 15.8275L19.0221 15.7188L22.1324 12.6133C22.2131 12.5333 22.277 12.4382 22.3207 12.3333C22.3643 12.2285 22.3868 12.116 22.3868 12.0024C22.3868 11.8889 22.3643 11.7764 22.3207 11.6716C22.277 11.5667 22.2131 11.4715 22.1324 11.3915ZM11.8717 15.2142L8.65753 12L11.8717 8.78583L15.0849 12L11.8717 15.2142Z" fill="#2684FF"/>
+<path d="M11.8717 8.78581C10.8608 7.77519 10.291 6.4056 10.2866 4.9762C10.2823 3.5468 10.8437 2.17376 11.8484 1.15698L4.81543 8.18704L8.64295 12.0146L11.8717 8.78581Z" fill="url(#paint0_linear_15000_4309)"/>
+<path d="M15.0936 11.9913L11.8717 15.2142C12.8864 16.2291 13.4564 17.6056 13.4564 19.0407C13.4564 20.4759 12.8864 21.8523 11.8717 22.8673L18.9241 15.8188L15.0936 11.9913Z" fill="url(#paint1_linear_15000_4309)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_15000_4309" x1="11.2962" y1="5.53378" x2="6.8078" y2="10.0212" gradientUnits="userSpaceOnUse">
+<stop offset="0.18" stop-color="#0052CC"/>
+<stop offset="1" stop-color="#2684FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_15000_4309" x1="12.485" y1="18.4274" x2="16.9647" y2="13.9487" gradientUnits="userSpaceOnUse">
+<stop offset="0.18" stop-color="#0052CC"/>
+<stop offset="1" stop-color="#2684FF"/>
+</linearGradient>
+<clipPath id="clip0_15000_4309">
+<rect width="20.7768" height="22" fill="white" transform="translate(1.60999 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/www/raven-demo/images/brands/linkedin.svg b/www/raven-demo/images/brands/linkedin.svg
new file mode 100644
index 0000000..e3fefb0
--- /dev/null
+++ b/www/raven-demo/images/brands/linkedin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#007EBB" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M62 62H51.316V43.802c0-4.99-1.896-7.777-5.845-7.777-4.296 0-6.54 2.901-6.54 7.777V62H28.632V27.333H38.93v4.67s3.096-5.729 10.453-5.729c7.353 0 12.617 4.49 12.617 13.777V62zM16.35 22.794c-3.508 0-6.35-2.864-6.35-6.397C10 12.864 12.842 10 16.35 10c3.507 0 6.347 2.864 6.347 6.397 0 3.533-2.84 6.397-6.348 6.397zM11.032 62h10.736V27.333H11.033V62z"/></g></svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/brands/mailchimp.svg b/www/raven-demo/images/brands/mailchimp.svg
new file mode 100644
index 0000000..34a05a4
--- /dev/null
+++ b/www/raven-demo/images/brands/mailchimp.svg
@@ -0,0 +1,18 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.9887 20.9812C20.9189 21.051 20.8317 21.0858 20.7271 21.0858C20.6224 21.0858 20.5352 21.051 20.4655 20.9812C20.3957 20.9114 20.3608 20.8242 20.3608 20.7196C20.3608 20.6149 20.3957 20.519 20.4742 20.4493C20.544 20.3795 20.6312 20.3533 20.7271 20.3533C20.8317 20.3533 20.9189 20.3882 20.9887 20.458C21.0585 20.5277 21.0934 20.6149 21.0934 20.7196C21.1021 20.8242 21.0672 20.9114 20.9887 20.9812ZM20.5178 20.5016C20.4568 20.5626 20.4306 20.6324 20.4306 20.7109C20.4306 20.7981 20.4568 20.8678 20.5178 20.9289C20.5788 20.9899 20.6486 21.0161 20.7358 21.0161C20.823 21.0161 20.8928 20.9899 20.9538 20.9289C21.0149 20.8678 21.041 20.7981 21.041 20.7109C21.041 20.6324 21.0149 20.5539 20.9538 20.5016C20.8928 20.4405 20.823 20.4056 20.7358 20.4056C20.6486 20.4144 20.5788 20.4405 20.5178 20.5016ZM20.8492 20.9027C20.8143 20.9289 20.7794 20.9376 20.7445 20.9376C20.6922 20.9376 20.6399 20.9202 20.5963 20.8766C20.5527 20.833 20.5352 20.7806 20.5352 20.7196C20.5352 20.6585 20.5527 20.6062 20.5876 20.5626C20.6224 20.519 20.6748 20.5016 20.7358 20.5016C20.7707 20.5016 20.8056 20.5103 20.8405 20.5277C20.8841 20.5539 20.9189 20.5975 20.9277 20.6673H20.8317C20.823 20.6411 20.8143 20.6149 20.7969 20.6062C20.7794 20.5975 20.762 20.5888 20.7445 20.5888C20.7184 20.5888 20.6922 20.5975 20.6748 20.6237C20.6573 20.6498 20.6486 20.6847 20.6486 20.7283C20.6486 20.7719 20.6573 20.8068 20.6748 20.8242C20.6922 20.8417 20.7184 20.8591 20.7445 20.8591C20.7707 20.8591 20.7881 20.8504 20.8056 20.8417L20.8317 20.7893H20.9189C20.9102 20.8417 20.8841 20.8766 20.8492 20.9027ZM21.7735 17.0308C21.7735 16.9959 21.7648 16.9611 21.7648 16.9262C21.7648 16.9 21.7561 16.8826 21.7561 16.8651C21.7474 16.8128 21.7387 16.7692 21.7212 16.7169C21.6863 16.621 21.634 16.525 21.5643 16.4466C21.4945 16.3681 21.416 16.307 21.3375 16.2634C21.2503 16.2198 21.1631 16.1937 21.0934 16.1762C21.0672 16.1762 21.0497 16.1675 21.0323 16.1675C21.1282 15.7489 21.0061 15.4263 20.9277 15.278L20.9451 15.2606C21.0497 15.1559 21.137 15.06 21.2154 14.9641L21.2329 14.9466C21.2939 14.8594 21.3288 14.7722 21.355 14.6937C21.3724 14.624 21.3898 14.5629 21.3898 14.5019V14.4496V14.4147V14.3362C21.3811 14.2054 21.3637 14.0397 21.2765 13.8566C21.2329 13.7694 21.1718 13.6734 21.0934 13.5862C21.0149 13.499 20.9189 13.4206 20.8056 13.3595C20.7969 13.3508 20.7881 13.3508 20.7794 13.3421C20.544 13.002 20.2823 12.7316 20.0469 12.5311C19.9248 12.4264 19.8114 12.3392 19.7155 12.2695C19.6196 12.1997 19.5411 12.1474 19.4975 12.1125C19.3929 12.034 19.3144 11.9904 19.2795 11.973C19.1923 11.9206 19.1312 11.877 19.0964 11.8509C19.0702 11.8247 19.0528 11.816 19.044 11.8073C19.044 11.8073 19.044 11.7985 19.0353 11.7811C19.0266 11.7549 19.0266 11.7201 19.0266 11.659C19.0266 11.5718 19.0266 11.441 19.0353 11.2666C19.0528 10.9875 19.0789 10.6126 19.1138 10.0981C19.1225 9.93237 19.1225 9.7754 19.1225 9.63587C19.1138 9.40042 19.0789 9.19113 19.0353 8.99928C19.0266 8.95568 19.0092 8.91207 19.0004 8.86847C18.9917 8.83359 18.983 8.81615 18.9743 8.79871C18.9656 8.77255 18.9568 8.74638 18.9394 8.7115C18.9307 8.69406 18.9307 8.67662 18.9132 8.65918C18.8958 8.61558 18.8784 8.57198 18.8522 8.52837L18.8435 8.51965L18.8348 8.49349L18.826 8.47605C18.7824 8.39757 18.7301 8.3278 18.6778 8.26676C18.6516 8.14467 18.608 7.97026 18.5295 7.76969C18.4598 7.59528 18.3726 7.40343 18.2418 7.21158C18.1982 7.14182 18.1458 7.08078 18.0935 7.01973L18.111 7.00229C18.1371 6.97613 18.7475 6.33081 19.2359 5.49365C20.1341 3.93269 19.8376 2.98216 19.4277 2.45893L19.419 2.44149L19.4103 2.42405C19.0179 1.98802 18.4772 1.72641 17.8232 1.6392C16.4541 1.46479 14.9018 2.14499 14.492 2.33684L13.742 1.51712C13.6722 1.44735 13.6025 1.37759 13.524 1.32527C13.4455 1.27294 13.3583 1.22062 13.2711 1.17702C13.0967 1.09853 12.9048 1.04621 12.6955 1.02005C12.2857 0.967727 11.8148 1.02005 11.309 1.15086C10.5503 1.34271 9.70442 1.72641 8.81493 2.25836C7.92545 2.79031 7.00108 3.47922 6.10287 4.29895C5.00409 5.29308 4.09716 6.34826 3.43441 7.35983C3.10303 7.8569 2.83269 8.34524 2.63212 8.81615C2.43155 9.27833 2.30074 9.72308 2.24842 10.1242C2.21354 10.4207 2.21354 10.6998 2.27458 10.9527C2.30074 11.066 2.33563 11.1707 2.38795 11.2753C2.44899 11.4061 2.52748 11.5282 2.6234 11.6329L3.39952 12.4439L3.48673 12.5311L3.47801 12.5398L3.45185 12.5921C3.43441 12.6183 3.42569 12.6444 3.40824 12.6619L3.38208 12.7142C3.37336 12.7404 3.35592 12.7665 3.3472 12.7927L3.32104 12.845C3.31232 12.8712 3.29488 12.8973 3.28616 12.9235C3.27744 12.9409 3.26872 12.9584 3.26872 12.9758L3.24256 13.0543C3.23383 13.0717 3.23383 13.0892 3.22511 13.1066C3.21639 13.1328 3.20767 13.1589 3.19895 13.1938C3.19895 13.2025 3.19023 13.2113 3.19023 13.22C3.19023 13.2287 3.18151 13.2374 3.18151 13.2461C3.17279 13.2723 3.16407 13.3072 3.15535 13.3333C3.15535 13.3508 3.14663 13.3682 3.14663 13.3857C3.14663 13.3944 3.13791 13.4118 3.13791 13.4206C3.13791 13.438 3.12919 13.4554 3.12919 13.4729C3.12919 13.4903 3.12047 13.5078 3.12047 13.5252C3.11175 13.5601 3.11175 13.595 3.10303 13.6386C3.10303 13.6473 3.10303 13.656 3.09431 13.6734V13.6822C3.09431 13.7083 3.08559 13.7345 3.08559 13.7519C3.08559 13.7868 3.07687 13.8304 3.07687 13.8653V14.3013C3.07687 14.3188 3.07687 14.3362 3.08559 14.3536C3.08559 14.3711 3.08559 14.3972 3.09431 14.4234V14.4496C3.09431 14.467 3.10303 14.4932 3.10303 14.5106C3.10303 14.5281 3.11175 14.5455 3.11175 14.5717C3.11175 14.5804 3.11175 14.5891 3.12047 14.5978C3.12047 14.6065 3.12919 14.624 3.12919 14.6327V14.6501C3.12919 14.6676 3.13791 14.685 3.14663 14.7199C3.14663 14.7286 3.14663 14.7286 3.15535 14.7373C3.16407 14.7548 3.16407 14.7722 3.16407 14.7809L3.17279 14.7984C3.17279 14.8071 3.17279 14.8071 3.18151 14.8158L3.19023 14.8333V14.8594C3.19023 14.8682 3.19023 14.8682 3.19895 14.8769L3.20767 14.8943C3.20767 14.9118 3.21639 14.9205 3.21639 14.9379C3.22511 14.9554 3.22511 14.9728 3.23383 15.0077V14.999V15.0077C3.23383 15.0164 3.23383 15.0164 3.24256 15.0251C3.25128 15.0513 3.26 15.0687 3.26 15.0774C3.26872 15.0949 3.27744 15.1123 3.28616 15.1472L3.29488 15.1559C3.3036 15.1734 3.3036 15.1908 3.31232 15.1995L3.32104 15.217C3.32104 15.2257 3.32976 15.2344 3.32976 15.2431C3.32976 15.2519 3.33848 15.2693 3.3472 15.278L3.35592 15.2955C3.36464 15.3042 3.36464 15.3216 3.37336 15.3303C3.38208 15.3391 3.38208 15.3478 3.38208 15.3565C3.3908 15.3739 3.39952 15.3914 3.40824 15.4175L3.41696 15.4263C3.42569 15.435 3.42569 15.4437 3.43441 15.4524C3.44313 15.4611 3.44313 15.4786 3.45185 15.4873C3.46057 15.496 3.46929 15.5135 3.47801 15.5396L3.48673 15.5483C3.49545 15.5571 3.49545 15.5658 3.50417 15.5745C3.51289 15.592 3.52161 15.6007 3.52161 15.6094C3.53033 15.6181 3.53905 15.6356 3.54777 15.653V15.6617C3.55649 15.6704 3.55649 15.6792 3.56521 15.6879C3.57393 15.7053 3.58265 15.714 3.59137 15.7228C3.60009 15.7315 3.60882 15.7489 3.62626 15.7751C3.63498 15.7838 3.6437 15.7925 3.6437 15.8012C3.65242 15.8187 3.66114 15.8274 3.66986 15.8361C3.67858 15.8448 3.6873 15.8623 3.69602 15.8797C3.70474 15.8884 3.71346 15.9059 3.72218 15.9146C3.7309 15.932 3.73962 15.9408 3.75706 15.9495L3.78322 15.9757L3.79194 15.9844C3.80939 16.0018 3.81811 16.0193 3.83555 16.0367L3.85299 16.0541L3.87915 16.0803L3.93147 16.1326L3.94891 16.1501L3.97507 16.1762L3.9838 16.1849C4.00124 16.2024 4.0274 16.2198 4.04484 16.246L4.05356 16.2547C4.06228 16.2634 4.071 16.2634 4.07972 16.2809C4.10588 16.307 4.13204 16.3245 4.1582 16.3506L4.17565 16.3594L4.18437 16.3681L4.20181 16.3768C4.22797 16.3942 4.24541 16.4117 4.27157 16.4291L4.28029 16.4378C4.28901 16.4466 4.29773 16.4466 4.29773 16.4466L4.31517 16.464C4.33261 16.4814 4.35005 16.4902 4.3675 16.5076L4.38494 16.5163L4.40238 16.5338L4.4111 16.5425C4.42854 16.5512 4.4547 16.5686 4.47214 16.5774C4.48086 16.5861 4.48958 16.5948 4.50702 16.5948L4.52446 16.6035L4.53318 16.6122H4.54191C4.57679 16.6297 4.60295 16.6471 4.62911 16.6646L4.64655 16.6733L4.7512 16.7256H4.75992L4.77736 16.7343L4.82968 16.7605C4.8384 16.7605 4.84712 16.7692 4.85584 16.7692C4.86456 16.7779 4.87328 16.7779 4.89072 16.7867H4.89944C4.91689 16.7954 4.93433 16.8041 4.95177 16.8041H4.96049C4.97793 16.8128 4.99537 16.8215 5.02153 16.8303H5.03025L5.04769 16.839C5.05641 16.839 5.06513 16.8477 5.07385 16.8477H5.08257C5.10874 16.8564 5.1349 16.8651 5.16978 16.8739H5.1785C5.2221 16.8913 5.2657 16.9 5.30931 16.9087H5.31803C5.35291 16.9175 5.39651 16.9262 5.43139 16.9349H5.46627C5.50116 16.9436 5.53604 16.9523 5.57092 16.9523H5.6058C5.63196 16.9523 5.6494 16.9611 5.67557 16.9611C5.67557 16.9698 5.68429 16.9785 5.68429 16.9872C5.74533 17.1529 5.80637 17.3186 5.87614 17.4756C6.90515 20.3272 9.75674 22.5422 13.0095 22.952C16.2622 23.3532 19.7417 21.1905 21.1544 18.2691C21.2154 18.1558 21.2678 18.0511 21.3201 17.9378C21.4596 17.7895 21.573 17.6413 21.6427 17.4843C21.7561 17.3884 21.7823 17.1965 21.7735 17.0308ZM3.71346 15.8972H3.72218H3.71346Z" fill="#664F44"/>
+<path d="M18.9919 2.76413C18.8349 2.58972 18.6518 2.45892 18.4512 2.36299C18.4163 2.34555 18.3814 2.33683 18.3378 2.32811C18.3204 2.31939 18.303 2.30195 18.2855 2.29323C18.1111 2.22346 17.928 2.17986 17.7361 2.1537C16.7943 2.03161 15.713 2.38043 15.1025 2.62461C15.0677 2.64205 15.0328 2.65077 14.9979 2.66821C14.9456 2.69437 14.8932 2.71181 14.8409 2.73797C14.7537 2.77285 14.6665 2.81646 14.5706 2.86006C14.5531 2.86878 14.5444 2.86878 14.527 2.8775L14.3613 2.68565L14.2828 2.59844L14.2131 2.51996L14.1869 2.48508L13.5503 1.75256L13.498 1.69152L13.4282 1.61303H13.4195L13.2364 1.65663L13.0271 1.70024C12.9137 1.64791 12.7742 1.61303 12.6172 1.58687C12.3033 1.54327 11.9021 1.58687 11.4487 1.70024C10.9952 1.8136 10.4807 2.01417 9.94002 2.28451C8.84996 2.82518 7.64654 3.65362 6.478 4.71752C6.06813 5.08378 5.69315 5.46748 5.34434 5.84246C5.00424 6.20872 4.69902 6.5837 4.41997 6.94124C3.85314 7.68248 3.42583 8.39756 3.14678 9.04287C2.96365 9.47017 2.85028 9.86259 2.80668 10.2027C2.7718 10.4469 2.78052 10.6649 2.82412 10.8393C2.84156 10.9003 2.859 10.9439 2.87644 10.9963C2.92005 11.1009 2.97237 11.1881 3.04213 11.2666L3.74849 12.0078L3.82697 12.0863L3.8357 12.0776C3.85314 12.0514 3.8793 12.0253 3.90546 12.0078L3.91418 11.9991L3.94034 11.9729C3.95778 11.9468 3.98394 11.9293 4.00138 11.9032C4.01882 11.8857 4.02755 11.877 4.04499 11.8683C4.06243 11.8596 4.07115 11.8421 4.08859 11.8334L4.10603 11.816C4.12347 11.8073 4.13219 11.7898 4.14963 11.7811C4.16707 11.7637 4.19323 11.7462 4.21068 11.7288C4.2194 11.7201 4.23684 11.7113 4.24556 11.7026H4.25428C4.28044 11.6852 4.29788 11.6677 4.32404 11.6503C4.34148 11.6416 4.3502 11.6328 4.36764 11.6154C4.39381 11.598 4.41125 11.5805 4.43741 11.5631C4.45485 11.5544 4.46357 11.5456 4.48101 11.5369C4.50717 11.5195 4.53333 11.502 4.55949 11.4933C4.57693 11.4846 4.58566 11.4759 4.6031 11.4672C4.62926 11.4497 4.65542 11.441 4.68158 11.4236C4.69902 11.4148 4.70774 11.4061 4.72518 11.3974L4.74262 11.3887C4.76878 11.38 4.78623 11.3625 4.81239 11.3538C4.82111 11.3451 4.83855 11.3451 4.84727 11.3364C4.86471 11.3276 4.88215 11.3189 4.90831 11.3102L4.96064 11.284L4.97808 11.2753L5.10888 11.223C5.12632 11.2143 5.13504 11.2143 5.15249 11.2055C5.16993 11.1968 5.17865 11.1968 5.19609 11.1881L5.21353 11.1794C5.22225 11.1794 5.23097 11.1707 5.23969 11.1707C5.25713 11.1619 5.27457 11.1619 5.30073 11.1532H5.31817C5.34434 11.1445 5.36178 11.1445 5.38794 11.1358C5.40538 11.1271 5.43154 11.1271 5.44898 11.1183C5.47514 11.1096 5.5013 11.1096 5.52747 11.1009C5.53619 11.1009 5.54491 11.0922 5.56235 11.0922C5.57107 11.0922 5.58851 11.0922 5.59723 11.0835C5.62339 11.0747 5.64955 11.0747 5.67571 11.0747C5.70187 11.0747 5.71932 11.066 5.74548 11.066C5.76292 11.066 5.78036 11.0573 5.7978 11.0573H5.86756C5.95477 11.0573 6.05941 11.0573 6.16406 11.066H6.1815C6.28615 11.0747 6.40823 11.0922 6.53032 11.1183C6.55648 11.1271 6.59136 11.1271 6.61752 11.1358C6.62624 11.1271 6.62624 11.1096 6.63496 11.1009C6.70473 10.9875 6.76577 10.8654 6.83554 10.7521C7.22796 10.098 7.64654 9.5225 8.07384 9.01671C8.22209 8.8423 8.37034 8.68533 8.51859 8.52836C9.13774 7.88305 9.75689 7.38598 10.315 7.00228C10.4371 6.91508 10.5679 6.83659 10.6813 6.75811C10.847 6.65346 11.0039 6.56626 11.1522 6.47905C11.2743 6.40929 11.3876 6.34825 11.501 6.29592C11.6841 6.2 11.8498 6.12151 11.9981 6.06047L12.1289 6.00815C12.1899 5.98199 12.2509 5.95582 12.3033 5.93838C12.2597 5.92966 12.2073 5.92966 12.1637 5.92966H11.9893C11.9457 5.92966 11.8934 5.92966 11.8498 5.93838C11.7626 5.9471 11.6667 5.95582 11.5707 5.96455C11.5359 5.97327 11.5097 5.97327 11.4748 5.98199C11.7103 5.8599 11.9457 5.7727 12.1637 5.70293C12.312 5.65933 12.4602 5.62445 12.5998 5.59829C12.7916 5.5634 12.9747 5.53724 13.1404 5.52852C13.2538 5.5198 13.3584 5.5198 13.4544 5.5198C13.5503 5.5198 13.6462 5.52852 13.7247 5.52852C14.0125 5.54596 14.1869 5.58957 14.1869 5.58957C14.1433 5.52852 14.091 5.48492 14.0386 5.44132C13.934 5.36283 13.8206 5.31051 13.716 5.26691C13.6724 5.24947 13.6375 5.24075 13.6026 5.22331C13.5765 5.21458 13.5503 5.20586 13.5329 5.20586C13.5852 5.19714 13.6288 5.18842 13.6724 5.18842C13.7247 5.1797 13.7683 5.1797 13.8206 5.17098C14.2305 5.1361 14.5968 5.17098 14.8671 5.21459C15.1897 5.27563 15.3903 5.35411 15.3903 5.35411C15.3467 5.26691 15.2769 5.18842 15.1985 5.11866C15.1461 5.07506 15.0851 5.03146 15.0328 4.99657C15.1461 5.02273 15.2421 5.0489 15.3467 5.08378C15.6083 5.16226 15.8263 5.25819 16.0007 5.33667L16.1577 5.41516C16.1752 5.42388 16.1839 5.4326 16.1926 5.4326C16.3496 5.5198 16.4368 5.58084 16.4368 5.58084C16.4106 5.48492 16.3583 5.39771 16.2885 5.31923C16.2711 5.30179 16.2536 5.27563 16.2362 5.25819H16.2449C16.2536 5.25819 16.2624 5.26691 16.2798 5.26691C16.2885 5.26691 16.306 5.27563 16.3234 5.28435C16.3932 5.31051 16.4978 5.35411 16.6199 5.41516C16.6286 5.41516 16.6286 5.42388 16.6373 5.42388L16.6897 5.45004C16.7333 5.4762 16.7769 5.49364 16.8205 5.52852L16.9513 5.60701C16.9774 5.62445 16.9949 5.63317 17.021 5.65061C17.0646 5.68549 17.117 5.72037 17.1606 5.76397C17.2129 5.80758 17.2565 5.85118 17.3001 5.89478L17.3263 5.92094C17.3611 5.95582 17.396 5.99071 17.4222 6.02559C17.4832 6.09535 17.5356 6.17384 17.5879 6.25232C17.6489 6.34825 17.6925 6.46161 17.7361 6.57498C17.7361 6.5837 17.7361 6.59242 17.7448 6.59242C17.771 6.56626 17.8233 6.51393 17.8844 6.44417C18.3902 5.85118 19.9075 3.93268 18.9919 2.76413Z" fill="#132134"/>
+<path d="M21.2504 17.0919C21.2504 17.0919 21.2678 16.9611 21.1981 16.839C21.1981 16.8302 21.1893 16.8215 21.1893 16.8215L21.1806 16.8128L21.1545 16.7866C21.137 16.7692 21.1196 16.7518 21.0934 16.7343C21.0847 16.7256 21.0672 16.7169 21.0498 16.7082C21.0062 16.6907 20.9626 16.6733 20.9016 16.6646C20.858 16.6558 20.8144 16.6558 20.762 16.6558H20.6923V16.6733C20.6923 16.682 20.701 16.6907 20.701 16.7082C20.701 16.7169 20.701 16.7256 20.7097 16.7256C20.7184 16.7518 20.7271 16.7954 20.7359 16.8302C20.7359 16.8302 20.7359 16.839 20.7271 16.8564V16.8651C20.701 16.9262 20.6312 17.0657 20.4743 17.2401C20.4481 17.275 20.4219 17.3011 20.3871 17.336C19.951 17.7895 19.0092 18.4261 17.021 18.7836C16.3495 18.8796 15.7216 18.8883 15.1984 18.8185C14.4135 18.7226 13.8293 18.4697 13.5502 18.1296C13.524 18.1034 13.5066 18.0686 13.4804 18.0424C13.463 18.0162 13.4543 17.9988 13.4368 17.9726C13.4281 17.9639 13.4281 17.9552 13.4194 17.9465C13.306 17.7372 13.2537 17.5104 13.2537 17.2924C13.2537 17.0221 13.3409 16.7692 13.4804 16.5773C13.5938 16.4204 13.7421 16.2983 13.9252 16.246C14.0124 16.2198 14.1083 16.2024 14.2042 16.2111C14.2217 16.2111 14.2478 16.2111 14.2827 16.2198C14.3438 16.2285 14.4397 16.2373 14.5531 16.2547C14.5618 16.2547 14.5792 16.2547 14.5879 16.2634C14.9629 16.307 15.5559 16.3681 16.271 16.3245C17.5791 16.246 19.297 15.8361 20.858 14.4234V14.4147C20.8667 14.2926 20.8492 14.0833 20.701 13.9176C20.6748 13.8914 20.6487 13.8653 20.6138 13.8391C20.5963 13.8217 20.5702 13.813 20.5527 13.7955C20.5266 13.7868 20.5091 13.7694 20.4917 13.7606L20.4132 13.7083V13.6996C20.4045 13.6822 20.3958 13.6647 20.3783 13.6473C19.9772 13.0368 19.4191 12.6793 19.1923 12.5136C19.0877 12.4351 19.0179 12.4002 19.0179 12.4002C18.5383 12.1038 18.4685 12.0078 18.5121 11.2143C18.5296 10.9265 18.5558 10.5515 18.5906 10.037C18.5906 9.96724 18.5994 9.90619 18.5994 9.84515V9.80155V9.59226C18.5994 9.54865 18.5906 9.50505 18.5906 9.47017C18.5906 9.45273 18.5906 9.43529 18.5819 9.41785C18.5732 9.37424 18.5732 9.33064 18.5645 9.28704C18.5645 9.2696 18.5558 9.24344 18.5558 9.226C18.5558 9.19984 18.547 9.18239 18.5383 9.15623C18.5296 9.13879 18.5296 9.11263 18.5209 9.09519C18.5121 9.06903 18.5034 9.04287 18.5034 9.01671C18.5034 9.00798 18.4947 8.99926 18.4947 8.99054C18.4947 8.98182 18.486 8.9731 18.486 8.96438V8.95566L18.4773 8.9295C18.4685 8.91206 18.4598 8.89462 18.4598 8.87718V8.86846L18.4511 8.85102L18.4424 8.83358C18.4249 8.79869 18.4162 8.76381 18.3988 8.73765L18.3901 8.71149C18.3726 8.68533 18.3552 8.65045 18.3377 8.62428L18.329 8.61556L18.3203 8.60684C18.3029 8.5894 18.2941 8.57196 18.2767 8.55452L18.2593 8.52836C18.2418 8.5022 18.2244 8.48476 18.2069 8.46732V8.39755C18.1982 8.36267 18.1895 8.31907 18.1808 8.27547C18.1808 8.26675 18.1721 8.2493 18.1721 8.24058V8.23186C18.1721 8.21442 18.1633 8.2057 18.1633 8.18826C18.1546 8.15338 18.1459 8.1185 18.1284 8.08362C18.1284 8.0749 18.1197 8.05745 18.1197 8.04873L18.0936 7.97025C18.0848 7.95281 18.0848 7.93537 18.0761 7.92665C18.0674 7.90049 18.0587 7.87432 18.0412 7.84816L18.0151 7.79584C18.0064 7.76968 17.9889 7.74352 17.9802 7.71736L17.954 7.66503C17.9366 7.63887 17.9279 7.61271 17.9104 7.58655L17.8843 7.53423C17.8668 7.50806 17.8494 7.4819 17.832 7.44702C17.8232 7.42958 17.8145 7.42086 17.8058 7.40342C17.7971 7.3947 17.7884 7.37726 17.7796 7.36854C17.7535 7.34238 17.736 7.31621 17.7099 7.29005L17.6924 7.28133C17.6575 7.24645 17.6314 7.21157 17.5965 7.18541L17.5878 7.17669C17.5703 7.16797 17.5529 7.15053 17.5442 7.1418H17.5355C17.518 7.13308 17.5093 7.12436 17.4919 7.11564L17.4831 7.10692C17.4657 7.0982 17.4395 7.08076 17.4047 7.06332C17.3959 7.0546 17.3785 7.0546 17.361 7.04588C17.2826 7.01972 17.1866 6.98484 17.0646 6.94995C17.0558 6.94995 17.0471 6.94995 17.0384 6.94123C16.9425 6.91507 16.8291 6.88891 16.707 6.87147C16.6634 6.86275 16.6285 6.86275 16.5849 6.85403C16.5675 6.85403 16.55 6.85403 16.5239 6.84531H16.4977C16.4018 6.83659 16.3146 6.82787 16.2187 6.82787H16.2099C16.0879 6.82787 15.9658 6.83659 15.8524 6.86275C15.8786 6.81915 15.9571 6.76682 16.0268 6.72322C16.1227 6.6709 16.2099 6.63602 16.2099 6.63602C16.1576 6.63602 16.1053 6.64474 16.053 6.65346C16.0355 6.65346 16.0181 6.66218 16.0007 6.66218C15.9919 6.66218 15.9745 6.66218 15.9658 6.6709H15.9571C15.9483 6.6709 15.9396 6.6709 15.9309 6.67962C15.6606 6.74066 15.3989 6.83659 15.2507 6.89763L15.1984 6.92379H15.1897C15.1722 6.92379 15.1635 6.92379 15.146 6.93251C15.2507 6.73194 15.4077 6.6273 15.5297 6.57497C15.5472 6.56625 15.5734 6.55753 15.5908 6.54881C15.5995 6.54881 15.5995 6.54881 15.6082 6.54009C15.6257 6.53137 15.6431 6.53137 15.6518 6.52265C15.678 6.51393 15.6954 6.51393 15.6954 6.51393H15.5559C15.2594 6.54881 14.9891 6.64474 14.7623 6.77555C14.6054 6.86275 14.4659 6.95868 14.3438 7.0546C14.3089 7.06332 14.2827 7.07204 14.2478 7.07204C13.9165 7.1418 13.5415 7.22901 13.1491 7.3511C13.0008 7.3947 12.8526 7.44702 12.7043 7.49934C12.591 7.54295 12.4689 7.58655 12.3555 7.63015C12.2683 7.66503 12.1898 7.69992 12.1026 7.7348C11.5009 8.00513 10.8992 8.36267 10.4021 8.8423L10.3498 8.89462L10.219 9.02543L10.1667 9.07775C10.1492 9.10391 10.1231 9.13007 10.1056 9.14751C10.0097 9.25216 9.92249 9.36552 9.83529 9.48761C9.77424 9.57482 9.7132 9.67074 9.66088 9.76667L9.65216 9.77539C9.53879 9.97596 9.43414 10.1852 9.35566 10.4207C9.31206 10.5341 9.27718 10.6562 9.24229 10.7782C9.23357 10.8131 9.22485 10.8393 9.21613 10.8742L9.20741 10.8916C9.17253 11.0224 9.14637 11.1619 9.12893 11.3015C9.12893 11.3276 9.12021 11.3538 9.12021 11.3887C9.11149 11.4584 9.10277 11.5282 9.10277 11.6067C9.09405 11.6764 9.09405 11.7375 9.09405 11.8073V12.0776C9.09405 12.1561 9.09405 12.2346 9.10277 12.313V12.3218C9.10277 12.4002 9.11149 12.4787 9.12021 12.5659C9.12021 12.6008 9.12893 12.6357 9.12893 12.6706V12.6967C9.12893 12.7142 9.12893 12.7316 9.13765 12.7578C9.14637 12.845 9.16381 12.9409 9.17253 13.0368C9.17253 13.063 9.18125 13.0892 9.18125 13.1153C9.19869 13.1938 9.20741 13.281 9.22485 13.3595C9.22485 13.3595 9.20741 13.2549 9.21613 13.0979C9.21613 13.063 9.22485 13.0194 9.22485 12.9845C9.23357 12.8973 9.25101 12.7927 9.2859 12.6967L9.31206 12.6183C9.31206 12.6095 9.32078 12.6008 9.3295 12.5834C9.34694 12.5398 9.3731 12.4875 9.39926 12.4438C9.40798 12.4787 9.40798 12.5136 9.4167 12.5398V13.002C9.42542 13.2985 9.45158 13.656 9.51263 13.9612C9.51263 13.9612 9.52135 13.4118 9.61727 13.3421C9.61727 13.3421 9.78296 14.3711 9.93121 14.7548C9.94865 14.8071 9.97481 14.842 9.99225 14.8681V14.7635L9.97481 14.1967V14.1356C10.0882 14.3711 10.219 14.6065 10.3672 14.8594C10.4108 14.9292 10.4457 14.9989 10.4893 15.0687C10.2103 15.3129 9.94865 15.6704 9.7568 16.089C9.73064 16.1588 9.69576 16.2285 9.6696 16.2983C9.65216 16.3419 9.64344 16.3768 9.62599 16.4204C9.62599 16.4291 9.61727 16.4465 9.61727 16.4553C9.60855 16.4814 9.59983 16.5163 9.59111 16.5425C9.59111 16.5599 9.58239 16.5686 9.58239 16.5861C9.57367 16.6122 9.56495 16.6471 9.55623 16.6733C9.55623 16.6907 9.54751 16.6994 9.54751 16.7169L9.52135 16.8477C9.51263 16.8913 9.50391 16.9349 9.50391 16.9785C9.50391 16.9959 9.50391 17.0047 9.49519 17.0221C9.49519 17.057 9.48647 17.0831 9.48647 17.118C9.48647 17.1355 9.48647 17.1529 9.47775 17.1703C9.47775 17.2052 9.46903 17.2314 9.46903 17.2663V17.5715C9.46903 17.6064 9.46903 17.6412 9.47775 17.6848V17.711C9.47775 17.7546 9.48647 17.7982 9.49519 17.8505C9.49519 17.868 9.49519 17.8767 9.50391 17.8941C9.50391 17.929 9.51263 17.9552 9.52135 17.9901C9.52135 18.0075 9.53007 18.0249 9.53007 18.0424C9.53879 18.0686 9.53879 18.1034 9.54751 18.1296C9.54751 18.147 9.55623 18.1645 9.55623 18.1819C9.56495 18.2081 9.57367 18.2342 9.57367 18.2691C9.58239 18.2866 9.58239 18.304 9.59111 18.3302C9.59983 18.3563 9.60855 18.3912 9.61727 18.4174C9.62599 18.4348 9.62599 18.4523 9.63471 18.4697C9.64344 18.4959 9.65216 18.5307 9.66088 18.5569C9.6696 18.5743 9.6696 18.5918 9.67832 18.6092C9.68704 18.6441 9.70448 18.679 9.7132 18.7051C9.72192 18.7226 9.72192 18.7313 9.73064 18.7487L9.86145 19.0365C9.87017 19.054 9.87889 19.0627 9.88761 19.0801L9.93993 19.1848C9.94865 19.2022 9.95737 19.2197 9.97481 19.2371C9.99225 19.2633 10.0097 19.2981 10.0271 19.3243C10.0359 19.3417 10.0533 19.3592 10.062 19.3766C10.0795 19.4028 10.0969 19.4377 10.1231 19.4638C10.1405 19.4813 10.1492 19.4987 10.1667 19.5249C10.1841 19.551 10.2103 19.5859 10.2277 19.6121C10.2451 19.6295 10.2539 19.647 10.2713 19.6731C10.2975 19.6993 10.3149 19.7342 10.3411 19.7603C10.3585 19.7778 10.3672 19.7952 10.3847 19.8126C10.4108 19.8475 10.437 19.8737 10.4719 19.9086L10.5155 19.9522C10.5591 19.9958 10.6027 20.0481 10.6463 20.0917C10.6463 20.0917 10.6201 20.0568 10.5852 19.9871C10.5765 19.9783 10.5678 19.9609 10.5678 19.9435L10.5416 19.8911C10.5329 19.8737 10.5242 19.8562 10.5155 19.8301C10.4457 19.6731 10.3847 19.4464 10.3934 19.2022L10.4719 19.3069C10.498 19.3679 10.5416 19.4464 10.5852 19.5336C10.6027 19.5598 10.6201 19.5946 10.6288 19.6208C10.6986 19.7429 10.7684 19.8824 10.8556 20.0132C10.9602 20.1789 11.0649 20.3359 11.1782 20.4841C11.1782 20.4841 11.0474 20.2051 11.0038 20.0219C10.9951 19.9696 10.9864 19.926 10.9951 19.8998C11.0038 19.9086 11.0125 19.926 11.03 19.9347C11.0387 19.9434 11.0474 19.9609 11.0649 19.9696C11.0823 19.9958 11.1085 20.0307 11.1434 20.0743L11.1608 20.0917C11.1782 20.1091 11.187 20.1353 11.2044 20.1527C11.2218 20.1789 11.2393 20.2051 11.2654 20.2312C11.4486 20.4667 11.7015 20.7806 11.8759 20.9463C11.9369 20.9986 11.9892 21.0422 12.0241 21.0597L11.7712 20.6062C12.3468 21.0771 14.7362 21.6788 17.082 21.0073C17.3698 20.9289 17.6488 20.8242 17.9279 20.7021C18.0936 20.6324 18.2593 20.5452 18.4249 20.458L18.4511 20.4405C18.5645 20.3795 18.6778 20.3097 18.7912 20.2399C18.8784 20.1876 18.9656 20.1266 19.0441 20.0743C19.1836 19.9783 19.3232 19.8737 19.4627 19.7603C19.4714 19.7516 19.4801 19.7429 19.4888 19.7429C19.6196 19.6295 19.7505 19.5074 19.8638 19.3853C20.0208 19.2197 20.1603 19.054 20.2824 18.8883L20.2911 18.8796C20.326 18.836 20.3522 18.8011 20.3783 18.7575L20.3871 18.7487C20.3958 18.7313 20.4045 18.7226 20.4132 18.7051C20.4568 18.6441 20.4917 18.5918 20.5353 18.5307C20.544 18.5133 20.5527 18.5046 20.5615 18.4871C20.5789 18.4523 20.5963 18.4261 20.6225 18.3912C20.6399 18.365 20.6487 18.3476 20.6661 18.3214C20.6835 18.2953 20.701 18.2691 20.7097 18.243C20.7359 18.1994 20.762 18.147 20.7882 18.1034L20.8144 18.0511L20.8667 17.9465L20.8928 17.8941L20.9016 17.8767C20.919 17.8331 20.9452 17.7895 20.9626 17.7459V17.7372C21.0411 17.6674 21.0934 17.5976 21.1457 17.5366C21.1545 17.5279 21.1632 17.5192 21.1632 17.5104C21.2155 17.3448 21.2504 17.2139 21.2504 17.0919ZM7.21914 15.4001C7.21914 15.3914 7.21915 15.3826 7.21042 15.3652C7.18426 15.217 7.1581 15.06 7.14938 14.903V14.8681C7.12322 14.8769 7.09706 14.9117 7.06218 14.9553C7.05346 14.9728 7.03602 14.9902 7.02729 15.0164C6.94881 15.1646 6.87905 15.3739 6.87905 15.3739C6.88777 15.3042 6.89649 15.2344 6.89649 15.1646V15.1385C6.90521 15.0687 6.91393 14.9902 6.92265 14.9205V14.8943C6.93137 14.8071 6.94881 14.7286 6.96625 14.6501C6.96625 14.6414 6.96625 14.6327 6.97497 14.6152V14.6065C6.97497 14.5978 6.97497 14.5891 6.98369 14.5804C6.98369 14.5629 6.99241 14.5542 6.99241 14.5368C7.00113 14.4757 7.01857 14.4147 7.02729 14.3536C7.03602 14.3013 7.04474 14.249 7.05346 14.2054V14.1879C7.05346 14.1792 7.05346 14.1705 7.06218 14.1705V14.1531C7.06218 14.1443 7.0709 14.1269 7.0709 14.1182C7.0709 14.1095 7.0709 14.1007 7.07962 14.092C7.07962 14.0746 7.08834 14.0571 7.08834 14.0484C7.08834 14.0397 7.09706 14.0223 7.09706 14.0135C7.09706 13.9961 7.10578 13.9787 7.10578 13.9699C7.10578 13.9612 7.10578 13.9525 7.1145 13.9438C7.1145 13.935 7.1145 13.9263 7.12322 13.9263C7.12322 13.9089 7.13194 13.9002 7.13194 13.8914V13.8653L7.1145 13.8827C7.09706 13.8914 7.08834 13.9089 7.0709 13.9176L7.05346 13.935C7.03602 13.9525 7.01857 13.9699 7.00985 13.9874L7.00113 13.9961L6.94881 14.0746L6.94009 14.0833C6.94009 14.092 6.93137 14.092 6.93137 14.1007L6.90521 14.1531V14.1705C6.89649 14.1967 6.87905 14.2228 6.87033 14.249C6.84416 14.3187 6.818 14.3885 6.80056 14.4496C6.79184 14.467 6.79184 14.4932 6.78312 14.5019C6.7744 14.5368 6.76568 14.5716 6.76568 14.5804V14.5891V14.5804C6.76568 14.5542 6.76568 14.5368 6.7744 14.5106C6.7744 14.467 6.78312 14.4147 6.78312 14.3711C6.78312 14.3362 6.79184 14.2926 6.80056 14.2577C6.80056 14.249 6.80056 14.2315 6.80928 14.2228C6.80928 14.2054 6.818 14.1879 6.818 14.1705C6.818 14.1531 6.82672 14.1356 6.82672 14.1182V14.092C6.82672 14.0746 6.83544 14.0484 6.83544 14.031V13.9874V13.9699C6.83544 13.9612 6.83544 13.9525 6.84417 13.9438C6.85289 13.9176 6.86161 13.8827 6.86161 13.8566V13.8478C6.87033 13.8304 6.87033 13.8042 6.87905 13.7868V13.7781C6.88777 13.7345 6.90521 13.6909 6.91393 13.6473V13.6298C6.91393 13.6211 6.91393 13.6124 6.92265 13.6037C6.94009 13.5339 6.96625 13.4641 6.98369 13.4031V13.3944C7.00113 13.3421 7.02729 13.281 7.04474 13.2287V13.22C7.05346 13.1938 7.06218 13.1764 7.0709 13.1502C7.08834 13.1153 7.09706 13.0804 7.1145 13.0456C7.1145 13.0368 7.12322 13.0194 7.14066 12.9845C7.14938 12.9758 7.14938 12.9584 7.1581 12.9496C7.16682 12.9322 7.17554 12.9148 7.18426 12.8886L7.19298 12.8712L7.34123 12.6008C7.34995 12.5921 7.34995 12.5747 7.35867 12.5659V12.5572L7.36739 12.5398C7.38483 12.5136 7.40228 12.4787 7.41972 12.4526C7.44588 12.409 7.46332 12.3654 7.48948 12.3305C7.53308 12.252 7.56796 12.1822 7.59413 12.1474C7.60285 12.1212 7.61157 12.1125 7.62029 12.1038C7.61157 12.1038 7.56796 12.0689 7.4982 12.0253C7.411 11.9729 7.28891 11.9032 7.14066 11.8334C7.08834 11.8073 7.04474 11.7898 6.99241 11.7637C6.93137 11.7375 6.86161 11.7113 6.79184 11.6852C6.7744 11.6764 6.75696 11.6764 6.73952 11.6677C6.67848 11.6503 6.62615 11.6328 6.56511 11.6154C6.52151 11.6067 6.47791 11.598 6.44302 11.5892C6.40814 11.5805 6.37326 11.5805 6.33838 11.5718C6.32094 11.5718 6.3035 11.5718 6.28606 11.5631C6.26861 11.5631 6.25117 11.5631 6.23373 11.5544C6.19013 11.5544 6.13781 11.5456 6.0942 11.5456H6.02444C5.9198 11.5456 5.82387 11.5544 5.72795 11.5718H5.7105C5.53609 11.598 5.37041 11.6416 5.20472 11.7026C5.15239 11.7201 5.10007 11.7462 5.03903 11.7724C5.02159 11.7811 5.01287 11.7898 4.99543 11.7898L4.9431 11.816C4.78613 11.8945 4.63789 11.9991 4.49836 12.1125H4.48964C4.36755 12.2084 4.26291 12.3218 4.16698 12.4351L4.0885 12.5398C4.05362 12.5834 4.02745 12.627 4.00129 12.6706C3.94897 12.7491 3.89665 12.8363 3.85304 12.9235C3.8356 12.9584 3.81816 12.9845 3.80944 13.0194C3.80944 13.0281 3.80072 13.0281 3.80072 13.0368C3.71352 13.2461 3.64375 13.4641 3.61759 13.6996C3.60887 13.7432 3.60887 13.7868 3.60015 13.8391V13.8566C3.60015 13.8914 3.59143 13.9263 3.59143 13.9699V14.1269C3.59143 14.1618 3.59143 14.1967 3.60015 14.2315V14.2751C3.60015 14.3013 3.60887 14.3275 3.60887 14.3536V14.3624C3.60887 14.3798 3.60887 14.3885 3.61759 14.406C3.61759 14.4321 3.62631 14.4583 3.62631 14.4757C3.62631 14.4932 3.63503 14.5106 3.63503 14.528C3.64375 14.5542 3.64375 14.5716 3.65247 14.5978C3.65247 14.6152 3.66119 14.6327 3.66991 14.6501V14.6588L3.67864 14.6763V14.6937L3.68736 14.7112C3.69608 14.7286 3.69608 14.7461 3.7048 14.7635C3.71352 14.7809 3.71352 14.8071 3.72224 14.8245C3.73096 14.842 3.73968 14.8594 3.73968 14.8856L3.7484 14.903C3.75712 14.9205 3.75712 14.9292 3.76584 14.9466C3.77456 14.9641 3.78328 14.9815 3.792 15.0077L3.81816 15.06C3.82688 15.0687 3.82688 15.0774 3.8356 15.0862C3.84432 15.0949 3.84432 15.1036 3.85304 15.1123L3.87921 15.1646C3.88793 15.1821 3.89665 15.2082 3.91409 15.2257C3.92281 15.2431 3.93153 15.2606 3.94025 15.2693C3.94897 15.2867 3.96641 15.3129 3.97513 15.3303C3.98385 15.3478 3.99257 15.3565 4.00129 15.3739C4.01001 15.3914 4.02745 15.4175 4.04489 15.435C4.05362 15.4524 4.06234 15.4611 4.07106 15.4699C4.0885 15.4873 4.09722 15.5135 4.11466 15.5309C4.12338 15.5396 4.1321 15.5571 4.14082 15.5658C4.15826 15.5832 4.1757 15.6094 4.19314 15.6268C4.20186 15.6355 4.21058 15.6443 4.2193 15.6617C4.23675 15.6791 4.25419 15.7053 4.27163 15.7227L4.29779 15.7489C4.31523 15.7663 4.33267 15.7925 4.35883 15.8099L4.38499 15.8361L4.44604 15.8972C4.45476 15.9059 4.46348 15.9146 4.4722 15.9146C4.48964 15.932 4.5158 15.9495 4.54196 15.9756C4.55068 15.9844 4.5594 15.9844 4.56812 15.9931C4.59428 16.0105 4.61173 16.028 4.63789 16.0454C4.64661 16.0541 4.65533 16.0541 4.65533 16.0628L4.73381 16.1152L4.75125 16.1239L4.82974 16.1762L4.84718 16.1849C4.87334 16.2024 4.90822 16.2198 4.93438 16.2373L4.95182 16.246C4.97799 16.2634 5.01287 16.2809 5.03903 16.2896L5.05647 16.2983C5.09135 16.3157 5.11751 16.3245 5.15239 16.3419L5.16111 16.3506C5.196 16.3681 5.23088 16.3768 5.25704 16.3942H5.26576C5.30064 16.4029 5.33552 16.4204 5.37041 16.4291H5.37913C5.39657 16.4378 5.41401 16.4378 5.43145 16.4465C5.44889 16.4553 5.46633 16.4553 5.49249 16.464H5.50121C5.53609 16.4727 5.5797 16.4814 5.61458 16.4901C5.64946 16.4989 5.69306 16.5076 5.72795 16.5076C5.85003 16.525 5.97212 16.5337 6.0942 16.5425H6.18141C6.22501 16.5425 6.25989 16.5425 6.3035 16.5337C6.35582 16.525 6.41686 16.525 6.47791 16.5163C6.53023 16.5076 6.58255 16.4989 6.62615 16.4901C6.70464 16.4727 6.78312 16.4553 6.85289 16.4291C7.07962 16.3681 7.27147 16.2809 7.39355 16.1849C7.39355 16.1849 7.31507 15.8361 7.25403 15.4873C7.23659 15.4699 7.22787 15.435 7.21914 15.4001Z" fill="#90694C"/>
+<path d="M12.8176 2.44148L12.7914 2.09267L12.9658 1.70896L13.0356 1.69152C12.9222 1.6392 12.7827 1.60432 12.6257 1.57816C12.3118 1.53456 11.9107 1.57816 11.4572 1.69152C11.0037 1.80489 10.4892 2.00546 9.94857 2.2758C8.85851 2.81646 7.65508 3.64491 6.48654 4.70881C6.07668 5.07507 5.7017 5.45877 5.35288 5.83375C5.01278 6.20001 4.70757 6.57499 4.42851 6.93252C3.86168 7.67376 3.43438 8.38884 3.15532 9.03416C2.97219 9.46146 2.85883 9.85388 2.81522 10.194C2.78034 10.4382 2.78906 10.6562 2.83267 10.8306C2.85011 10.8916 2.86755 10.9352 2.88499 10.9875C2.92859 11.0922 2.98091 11.1794 3.05068 11.2579L3.75704 11.9991L3.83552 12.0776L3.84424 12.0689C3.86168 12.0427 3.88784 12.0166 3.914 11.9991L3.92272 11.9904L3.94889 11.9642C3.96633 11.9381 3.99249 11.9206 4.00993 11.8945C4.02737 11.877 4.03609 11.8683 4.05353 11.8596C4.07097 11.8509 4.07969 11.8334 4.09713 11.8247L4.11457 11.8073C4.13202 11.7985 4.14074 11.7811 4.15818 11.7724C4.17562 11.7549 4.20178 11.7375 4.21922 11.7201C4.22794 11.7113 4.24538 11.7026 4.2541 11.6939H4.26282C4.28898 11.6765 4.30642 11.659 4.33259 11.6416C4.35003 11.6329 4.35875 11.6241 4.37619 11.6067C4.40235 11.5893 4.41979 11.5718 4.44595 11.5544C4.46339 11.5457 4.47211 11.5369 4.48955 11.5282C4.51572 11.5108 4.54188 11.4933 4.56804 11.4846C4.58548 11.4759 4.5942 11.4672 4.61164 11.4584C4.6378 11.441 4.66396 11.4323 4.69013 11.4148C4.70757 11.4061 4.71629 11.3974 4.73373 11.3887L4.75117 11.38C4.91686 10.9178 5.16975 10.4033 5.50113 9.88004C5.90227 9.23473 6.41678 8.55453 7.02721 7.87434C7.41091 7.44703 7.82949 7.01973 8.28296 6.60987C8.86723 6.07792 9.46894 5.59829 10.0619 5.17971C10.4631 4.90066 10.8555 4.64776 11.2392 4.42975C11.2741 4.41231 11.309 4.38615 11.3526 4.36871C11.4572 4.30766 11.5531 4.25534 11.6578 4.20302C11.8758 4.08965 12.0938 3.98501 12.3031 3.8978L12.1984 3.77572L12.181 3.75827L12.0502 3.61003L11.3264 2.73798L11.3351 2.11011L11.3264 2.10139L11.8409 1.94442L12.8176 2.44148Z" fill="#2F83C1"/>
+<path d="M21.2504 17.0919C21.2504 17.0919 21.2679 16.9611 21.1981 16.839C21.1981 16.8302 21.1894 16.8215 21.1894 16.8215L21.1807 16.8128L21.1545 16.7866C21.1371 16.7692 21.1196 16.7518 21.0935 16.7343C21.0848 16.7256 21.0673 16.7169 21.0499 16.7082C21.0063 16.6907 20.9627 16.6733 20.9016 16.6646C20.858 16.6558 20.8144 16.6558 20.7621 16.6558H20.6923V16.6733C20.6923 16.682 20.7011 16.6907 20.7011 16.7082C20.7011 16.7169 20.701 16.7256 20.7098 16.7256C20.7185 16.7518 20.7272 16.7954 20.7359 16.8302C20.7359 16.8302 20.7359 16.839 20.7272 16.8564V16.8651C20.7011 16.9262 20.6313 17.0657 20.4743 17.2401C20.4482 17.275 20.422 17.3012 20.3871 17.336C19.9511 17.7895 19.0093 18.4261 17.021 18.7836C16.3495 18.8796 15.7217 18.8883 15.1984 18.8185C14.4136 18.7226 13.8293 18.4697 13.5503 18.1296C13.5241 18.1034 13.5067 18.0686 13.4805 18.0424C13.4631 18.0162 13.4543 17.9988 13.4369 17.9726C13.4282 17.9639 13.4282 17.9552 13.4195 17.9465C13.3061 17.7372 13.2538 17.5104 13.2538 17.2924C13.2538 17.0221 13.341 16.7692 13.4805 16.5774C13.5939 16.4204 13.7421 16.2983 13.9252 16.246C14.0125 16.2198 14.1084 16.2024 14.2043 16.2111C14.2217 16.2111 14.2479 16.2111 14.2828 16.2198C14.3438 16.2285 14.4398 16.2373 14.5531 16.2547C14.5618 16.2547 14.5793 16.2547 14.588 16.2634C14.963 16.307 15.556 16.3681 16.2711 16.3245C17.5791 16.246 19.2971 15.8361 20.858 14.4234V14.4147C20.8667 14.2926 20.8493 14.0833 20.7011 13.9176C20.6749 13.8914 20.6487 13.8653 20.6138 13.8391C20.5964 13.8217 20.5702 13.813 20.5528 13.7955C20.5266 13.7868 20.5092 13.7694 20.4918 13.7606L20.4133 13.7083V13.6996C20.4046 13.6822 20.3958 13.6647 20.3784 13.6473C19.9773 13.0368 19.4191 12.6793 19.1924 12.5136C19.0878 12.4351 19.018 12.4002 19.018 12.4002C18.5384 12.1038 18.4686 12.0078 18.5122 11.2143C18.5297 10.9265 18.5558 10.5515 18.5907 10.037C18.5907 9.96724 18.5994 9.90619 18.5994 9.84515V9.80155V9.59226C18.5994 9.54866 18.5907 9.50505 18.5907 9.47017C18.5907 9.45273 18.5907 9.43529 18.582 9.41785C18.5733 9.37425 18.5733 9.33064 18.5645 9.28704C18.5645 9.2696 18.5558 9.24344 18.5558 9.226C18.5558 9.19984 18.5471 9.1824 18.5384 9.15623C18.5297 9.13879 18.5297 9.11263 18.5209 9.09519C18.5122 9.06903 18.5035 9.04287 18.5035 9.01671C18.5035 9.00799 18.4948 8.99927 18.4948 8.99054C18.4948 8.98182 18.4861 8.9731 18.4861 8.96438V8.95566L18.4773 8.9295C18.4686 8.91206 18.4599 8.89462 18.4599 8.87718V8.86846L18.4512 8.85102L18.4424 8.83358C18.425 8.7987 18.4163 8.76381 18.3988 8.73765L18.3901 8.71149C18.3727 8.68533 18.3552 8.65045 18.3378 8.62429L18.3291 8.61557L18.3204 8.60684C18.3029 8.5894 18.2942 8.57196 18.2768 8.55452L18.2593 8.52836C18.2419 8.5022 18.2244 8.48476 18.207 8.46732L18.1372 8.39755C18.1111 8.38011 18.0849 8.36267 18.0587 8.35395C18.05 8.34523 18.0413 8.34523 18.0326 8.34523L17.9803 8.31907C17.9715 8.31907 17.9628 8.31035 17.9541 8.31035C17.9367 8.30163 17.9192 8.30163 17.9105 8.29291C17.9018 8.29291 17.8931 8.28419 17.8756 8.28419C17.8582 8.28419 17.8495 8.27547 17.832 8.27547H17.6402C17.6314 8.27547 17.6227 8.27547 17.614 8.28419C17.6053 8.28419 17.5966 8.28419 17.5878 8.29291C17.5704 8.29291 17.553 8.30163 17.5268 8.31035H17.5094C17.457 8.32779 17.4134 8.34523 17.3611 8.36267L17.3437 8.37139C17.3262 8.38011 17.3088 8.38883 17.2826 8.39755L17.2565 8.40627L17.2041 8.43244L17.178 8.44988L17.1257 8.47604L17.0995 8.49348C17.0821 8.5022 17.0646 8.51964 17.0472 8.52836L17.0297 8.53708C17.0123 8.55452 16.9861 8.56324 16.9687 8.58068L16.96 8.5894C16.9338 8.60684 16.9164 8.62429 16.8902 8.63301C16.8466 8.65917 16.803 8.69405 16.7594 8.72021C16.7245 8.74637 16.6896 8.77253 16.646 8.79869L16.6286 8.80742C16.5937 8.83358 16.5501 8.85974 16.5152 8.87718L16.4978 8.8859C16.4629 8.91206 16.4193 8.9295 16.3844 8.95566L16.367 8.96438C16.3321 8.99055 16.2885 9.00799 16.2449 9.02543L16.2275 9.03415C16.1838 9.05159 16.149 9.06903 16.1054 9.08647L16.0879 9.09519C16.0443 9.11263 16.0007 9.12135 15.9571 9.13879H15.9484C15.9048 9.14751 15.8525 9.15623 15.8089 9.16495C15.7304 9.17367 15.6432 9.1824 15.5647 9.1824C15.4339 9.1824 15.3031 9.17367 15.1636 9.15623L15.0327 9.13007C15.0153 9.13007 14.9979 9.12135 14.9891 9.12135C14.8758 9.09519 14.7537 9.06903 14.6403 9.04287C14.588 9.03415 14.5444 9.01671 14.4921 9.00799C14.4136 8.99055 14.3351 8.9731 14.2479 8.95566C14.2305 8.95566 14.213 8.94694 14.2043 8.94694C14.1956 8.94694 14.1781 8.93822 14.1694 8.93822C14.152 8.93822 14.1345 8.9295 14.1171 8.9295C14.0997 8.9295 14.0822 8.92078 14.0648 8.92078H14.0473C14.0299 8.92078 14.0125 8.91206 14.0037 8.91206C13.9689 8.90334 13.934 8.89462 13.8904 8.89462C13.8816 8.89462 13.8642 8.89462 13.8555 8.8859C13.8293 8.8859 13.8032 8.87718 13.777 8.87718C13.7596 8.87718 13.7508 8.87718 13.7334 8.86846C13.7072 8.86846 13.6898 8.85974 13.6636 8.85974H13.2625C13.2189 8.85974 13.184 8.86846 13.1404 8.86846H13.1055C13.0794 8.86846 13.0532 8.87718 13.027 8.87718H13.0183C13.0009 8.87718 12.9922 8.8859 12.9747 8.8859C12.9486 8.89462 12.9224 8.89462 12.8962 8.90334C12.8788 8.90334 12.8614 8.91206 12.8526 8.91206C12.8265 8.92078 12.8003 8.9295 12.7741 8.9295C12.7567 8.9295 12.748 8.93822 12.7305 8.94694C12.7044 8.95566 12.6695 8.96438 12.6433 8.9731C12.6259 8.98182 12.6172 8.98182 12.6085 8.99054C12.5649 9.00799 12.5213 9.02543 12.4864 9.04287C12.155 9.23472 11.8672 9.49633 11.6492 9.79283C11.5707 9.89747 11.501 10.0021 11.4399 10.1068C11.3702 10.2201 11.3178 10.3422 11.2655 10.4643C11.2481 10.4992 11.2393 10.5341 11.2219 10.569C11.2045 10.63 11.1783 10.691 11.1609 10.7521C11.1609 10.7608 11.1609 10.7695 11.1521 10.7695C11.1347 10.8393 11.1173 10.909 11.0998 10.9875C11.0824 11.066 11.0737 11.1358 11.0649 11.2143C11.0562 11.2579 11.0562 11.2927 11.0562 11.3364C11.0475 11.4497 11.0475 11.5544 11.0562 11.6677V11.6939C11.0562 11.7201 11.0562 11.7462 11.0649 11.7811C11.0737 11.8596 11.0824 11.9381 11.0998 12.0165C11.1085 12.0427 11.1173 12.0689 11.1173 12.1038C11.126 12.1299 11.126 12.1561 11.1347 12.1822C11.187 12.3828 11.2655 12.5659 11.3614 12.7229C11.719 13.3421 12.312 13.717 12.748 13.9176C12.9137 13.9874 13.0881 14.0571 13.2712 14.1182L13.2538 14.1356C13.2189 14.1443 13.184 14.1531 13.1404 14.1618C13.0794 14.1792 13.0009 14.2054 12.9224 14.2315C12.8352 14.2577 12.7305 14.3013 12.6259 14.3449C12.3468 14.4583 12.0329 14.624 11.7539 14.8507C11.719 14.8769 11.6841 14.9117 11.6492 14.9379C11.5882 14.9902 11.5358 15.0425 11.4835 15.1036L11.4661 15.121L11.4399 15.1472C11.4225 15.1734 11.3963 15.1908 11.3789 15.217L11.3527 15.2431C11.3265 15.278 11.3004 15.3129 11.2829 15.3478C11.2568 15.3826 11.2393 15.4175 11.2132 15.4524C11.0475 15.7402 10.9516 16.089 10.9777 16.5076V16.4901C10.9777 16.4814 10.9777 16.4727 10.9865 16.464V16.4553C10.9865 16.4465 10.9952 16.4378 10.9952 16.4204V16.4117C10.9952 16.4029 11.0039 16.3855 11.0039 16.3681C11.0039 16.3506 11.0126 16.3419 11.0213 16.3245V16.3157C11.0301 16.2983 11.0301 16.2809 11.0388 16.2634V16.2547C11.0475 16.2373 11.0475 16.2198 11.0562 16.2024V16.1937C11.0649 16.1762 11.0737 16.1588 11.0824 16.1326L11.0911 16.1239C11.0998 16.1064 11.1085 16.0803 11.126 16.0628C11.1434 16.028 11.1609 16.0018 11.1783 15.9669C11.187 15.9582 11.1957 15.9408 11.2045 15.932L11.2132 15.9233L11.2655 15.8448C11.2829 15.8274 11.3004 15.8012 11.3178 15.7838L11.3353 15.7663C11.3527 15.7489 11.3614 15.7315 11.3789 15.7227L11.3963 15.7053C11.4138 15.6879 11.4399 15.6704 11.4574 15.6443C11.4574 15.6443 11.0824 16.4989 11.2481 17.1703V17.1616V17.1442V17.118V17.0831V17.0395C11.2481 17.0221 11.2481 17.0047 11.2568 16.9872C11.2568 16.9698 11.2568 16.9523 11.2655 16.9349V16.9262C11.2655 16.9087 11.2742 16.8826 11.2742 16.8651V16.8477C11.2829 16.8215 11.2829 16.8041 11.2917 16.7779V16.7692C11.3004 16.743 11.3091 16.7169 11.3091 16.6994C11.3091 16.6907 11.3178 16.682 11.3178 16.6733L11.3265 16.6558C11.3353 16.6384 11.344 16.6122 11.3527 16.5948C11.3614 16.5686 11.3789 16.5425 11.3963 16.5163C11.3963 16.5076 11.405 16.4989 11.405 16.4989L11.4574 16.4204C11.4574 16.4204 11.4399 16.6297 11.4399 16.8826C11.4399 16.9262 11.4399 16.9611 11.4486 17.0047C11.4486 17.0308 11.4486 17.057 11.4574 17.0831C11.4748 16.8128 11.5271 16.5599 11.5969 16.3245C11.5271 16.5599 11.4748 16.8128 11.4574 17.0831C11.4486 17.2575 11.4486 17.432 11.4661 17.6151C11.4922 17.9203 11.5707 18.2517 11.7015 18.5918C11.7015 18.5918 11.5794 18.1994 11.7539 17.8069L11.8062 17.9116C11.8236 18.0249 11.8411 18.1906 11.8759 18.3738C11.9108 18.679 12.0503 19.5946 12.6782 20.2312C12.6782 20.2312 12.4428 19.926 12.4777 19.5336C12.5038 19.5859 12.53 19.6295 12.5474 19.6731C12.6521 19.8737 12.8614 20.2399 13.0968 20.5016C13.0968 20.5016 12.9137 20.144 12.9573 20.0655C12.9573 20.0655 13.5677 20.8242 13.7596 20.894L13.5067 20.4754L13.4979 20.4667C14.3787 21.112 15.5996 21.3474 17.0995 20.9289C17.3611 20.8591 17.6227 20.7632 17.9018 20.6498C18.0675 20.58 18.2332 20.4928 18.3988 20.4056L18.425 20.3882C18.5384 20.3272 18.6517 20.2574 18.7651 20.1876C18.8523 20.1353 18.9395 20.0743 19.018 20.0219C19.1575 19.926 19.2971 19.8214 19.4366 19.708C19.4453 19.6993 19.454 19.6906 19.4627 19.6906C19.5936 19.5772 19.7244 19.4551 19.8377 19.333C19.9947 19.1673 20.1342 19.0016 20.2563 18.836L20.265 18.8272C20.2999 18.7836 20.3261 18.7487 20.3522 18.7051L20.361 18.6964C20.3697 18.679 20.3784 18.6703 20.3871 18.6528C20.4307 18.5918 20.4656 18.5395 20.5092 18.4784C20.5179 18.461 20.5266 18.4523 20.5354 18.4348C20.5528 18.3999 20.5702 18.3738 20.5964 18.3389C20.6138 18.3127 20.6226 18.2953 20.64 18.2691C20.6574 18.243 20.6749 18.2168 20.6836 18.1906C20.7098 18.147 20.7359 18.0947 20.7621 18.0511L20.7883 17.9988L20.8406 17.8941L20.8667 17.8418L20.8755 17.8244C20.8929 17.7808 20.9191 17.7372 20.9365 17.6936V17.6849C21.015 17.6151 21.0673 17.5453 21.1196 17.4843C21.1284 17.4756 21.1371 17.4668 21.1371 17.4581C21.2156 17.3448 21.2504 17.2139 21.2504 17.0919ZM7.14945 14.8681C7.12328 14.8769 7.09712 14.9117 7.06224 14.9553C7.05352 14.9728 7.03608 14.9902 7.02736 15.0164C6.94887 15.1646 6.87911 15.3739 6.87911 15.3739C6.88783 15.3042 6.89655 15.2344 6.89655 15.1646V15.1385C6.90527 15.0687 6.91399 14.9902 6.92271 14.9205V14.8943C6.93143 14.8071 6.94887 14.7286 6.96632 14.6501C6.96632 14.6414 6.96632 14.6327 6.97504 14.6152V14.6065C6.97504 14.5978 6.97504 14.5891 6.98376 14.5804C6.98376 14.5629 6.99248 14.5542 6.99248 14.5368C7.0012 14.4757 7.01864 14.4147 7.02736 14.3536C7.03608 14.3013 7.0448 14.249 7.05352 14.2054V14.1879C7.05352 14.1792 7.05352 14.1705 7.06224 14.1705V14.1531C7.06224 14.1443 7.07096 14.1269 7.07096 14.1182C7.07096 14.1095 7.07096 14.1007 7.07968 14.092C7.07968 14.0746 7.0884 14.0571 7.0884 14.0484C7.0884 14.0397 7.09712 14.0223 7.09712 14.0135C7.09712 13.9961 7.10584 13.9787 7.10584 13.9699C7.10584 13.9612 7.10584 13.9525 7.11456 13.9438C7.11456 13.9351 7.11456 13.9263 7.12328 13.9263C7.12328 13.9089 7.132 13.9002 7.132 13.8914V13.8653L7.11456 13.8827C7.09712 13.8914 7.0884 13.9089 7.07096 13.9176L7.05352 13.935C7.03608 13.9525 7.01864 13.9699 7.00992 13.9874L7.0012 13.9961L6.94887 14.0746L6.94015 14.0833C6.94015 14.092 6.93143 14.092 6.93143 14.1007L6.90527 14.1531V14.1705C6.89655 14.1967 6.87911 14.2228 6.87039 14.249C6.84423 14.3188 6.81807 14.3885 6.80063 14.4496C6.79191 14.467 6.79191 14.4932 6.78319 14.5019C6.77447 14.5368 6.76574 14.5716 6.76574 14.5804V14.5891V14.5804C6.76574 14.5542 6.76574 14.5368 6.77447 14.5106C6.77447 14.467 6.78319 14.4147 6.78319 14.3711C6.78319 14.3362 6.79191 14.2926 6.80063 14.2577C6.80063 14.249 6.80063 14.2315 6.80935 14.2228C6.80935 14.2054 6.81807 14.1879 6.81807 14.1705C6.81807 14.1531 6.82679 14.1356 6.82679 14.1182V14.092C6.82679 14.0746 6.83551 14.0484 6.83551 14.031V13.9874V13.9699C6.83551 13.9612 6.83551 13.9525 6.84423 13.9438C6.85295 13.9176 6.86167 13.8827 6.86167 13.8566V13.8478C6.87039 13.8304 6.87039 13.8042 6.87911 13.7868V13.7781C6.88783 13.7345 6.90527 13.6909 6.91399 13.6473V13.6298C6.91399 13.6211 6.91399 13.6124 6.92271 13.6037C6.94015 13.5339 6.96632 13.4641 6.98376 13.4031V13.3944C7.0012 13.3421 7.02736 13.281 7.0448 13.2287V13.22C7.05352 13.1938 7.06224 13.1764 7.07096 13.1502C7.0884 13.1153 7.09712 13.0804 7.11456 13.0456C7.11456 13.0368 7.12328 13.0194 7.14072 12.9845C7.14945 12.9758 7.14945 12.9584 7.15817 12.9496C7.16689 12.9322 7.17561 12.9148 7.18433 12.8886L7.19305 12.8712C7.18433 12.8624 7.16689 12.8624 7.15817 12.8537H7.14945L7.132 12.845C7.05352 12.8101 6.96632 12.7752 6.87911 12.7491H6.86167C6.80063 12.7316 6.7483 12.7229 6.68726 12.7142C6.65238 12.7142 6.6175 12.7055 6.58262 12.7055H6.49541C6.45181 12.7055 6.40821 12.7142 6.3646 12.7142C6.34716 12.7142 6.33844 12.7142 6.321 12.7229C6.30356 12.7229 6.2774 12.7316 6.25996 12.7316C6.25124 12.7316 6.24252 12.7316 6.2338 12.7403C6.21636 12.7403 6.20764 12.7491 6.19019 12.7491C6.16403 12.7578 6.12915 12.7665 6.10299 12.7752C6.09427 12.7752 6.07683 12.7839 6.06811 12.7839C6.03323 12.8014 5.98962 12.8101 5.95474 12.8276C5.9373 12.8363 5.92858 12.845 5.91114 12.845L5.85882 12.8712L5.84138 12.8799C5.82393 12.8886 5.80649 12.8973 5.78905 12.9148C5.77161 12.9235 5.75417 12.9322 5.73673 12.9496C5.71929 12.9584 5.70185 12.9758 5.68441 12.9845C5.67569 12.9932 5.65825 13.002 5.64953 13.0107C5.62336 13.0368 5.58848 13.063 5.56232 13.0892L5.51872 13.1328C5.49256 13.1589 5.47512 13.1851 5.44895 13.2113L5.44023 13.22C5.43151 13.2374 5.41407 13.2461 5.40535 13.2636L5.37919 13.2897C5.33559 13.3508 5.29199 13.4205 5.2571 13.4903C5.24838 13.499 5.24838 13.5077 5.23966 13.5165C5.22222 13.5514 5.2135 13.5862 5.19606 13.6211C5.18734 13.6386 5.18734 13.6473 5.17862 13.6647C5.1699 13.6996 5.15246 13.7345 5.14374 13.7781V13.813C5.13502 13.8391 5.13502 13.8653 5.1263 13.8914C5.1263 13.9089 5.1263 13.9176 5.11758 13.935C5.11758 13.9525 5.11758 13.9612 5.10886 13.9787V14.0135C5.10886 14.0571 5.10014 14.1007 5.10886 14.1443C5.10886 14.1792 5.10886 14.2141 5.11758 14.249V14.2664C5.11758 14.2839 5.1263 14.3013 5.1263 14.3188C5.13502 14.3885 5.15246 14.4496 5.1699 14.5193C5.18734 14.5716 5.20478 14.6152 5.22222 14.6588C5.2571 14.7461 5.30071 14.8245 5.35303 14.903C5.45767 15.06 5.5972 15.1995 5.76289 15.3042C5.8501 15.3652 5.95474 15.4088 6.05939 15.4437C6.15531 15.4786 6.25996 15.5047 6.37332 15.5135C6.39949 15.5135 6.42565 15.5222 6.44309 15.5222H6.55645C6.59134 15.5222 6.62622 15.5135 6.6611 15.5135C6.67854 15.5135 6.7047 15.5135 6.72214 15.5047C6.77447 15.496 6.81807 15.4873 6.87039 15.4786H6.87911C6.89655 15.4699 6.91399 15.4699 6.94015 15.4611C7.0012 15.4437 7.06224 15.4175 7.11456 15.3914L7.12328 15.3826C7.14072 15.3739 7.15817 15.3652 7.16689 15.3652C7.14072 15.217 7.11456 15.06 7.10584 14.903C7.14945 14.8856 7.14945 14.8769 7.14945 14.8681Z" fill="#FCE9CD"/>
+<path d="M13.0358 2.54613L13.0619 2.56357L13.0358 2.54613Z" fill="#4D9ED7"/>
+<path d="M20.7185 16.7343C20.7185 16.7256 20.7185 16.7169 20.7097 16.7169C20.701 16.6994 20.701 16.6907 20.701 16.682C20.6574 16.5425 20.6051 16.4378 20.5528 16.3593C20.4917 16.2634 20.4394 16.2111 20.4394 16.2111L20.4656 16.1065C20.4743 16.0628 20.483 16.0192 20.483 15.9756C20.5179 15.6617 20.4394 15.4175 20.3696 15.278C20.3609 15.2518 20.3522 15.2344 20.3435 15.217C20.2911 15.2518 20.2475 15.2867 20.1952 15.3216C19.2534 15.9582 18.1982 16.3681 17.0559 16.5425C16.271 16.6646 15.4426 16.6733 14.5792 16.5686L14.5967 16.5774C14.5967 16.5774 14.0735 16.6471 13.9339 17.1442L13.9427 17.1529L13.899 17.4843C13.9165 17.9378 14.1171 18.2168 14.3525 18.3651C14.5967 18.461 14.8932 18.5307 15.2246 18.5743C15.7914 18.6441 16.4541 18.6267 17.1169 18.522C18.0064 18.3999 19.2621 17.929 20.1603 17.3186C20.3609 17.1791 20.5528 17.0308 20.7097 16.8826L20.7185 16.8739L20.7272 16.8651C20.7272 16.8041 20.7185 16.7692 20.7185 16.7343Z" fill="white"/>
+<path d="M19.0179 12.4264C18.5383 12.1299 18.4685 12.034 18.5121 11.2404C18.5296 10.9526 18.5557 10.5777 18.5906 10.0632C18.5906 9.9934 18.5993 9.93235 18.5993 9.87131V9.82771V9.61842C18.5993 9.57481 18.5906 9.53121 18.5906 9.49633C18.5906 9.47889 18.5906 9.46145 18.5819 9.44401C18.5732 9.4004 18.5732 9.3568 18.5644 9.3132C18.5644 9.29576 18.5557 9.2696 18.5557 9.25216C18.5557 9.226 18.547 9.20855 18.5383 9.18239C18.5296 9.16495 18.5296 9.13879 18.5208 9.12135C18.4511 9.0167 18.3726 8.9295 18.2767 8.85102L18.2592 8.83357L18.2418 8.82485H18.2331C18.2156 8.81613 18.2069 8.80741 18.1895 8.79869C18.172 8.78997 18.1546 8.78125 18.1459 8.77253C18.0063 8.68533 17.8406 8.633 17.6749 8.60684C17.579 8.5894 17.4831 8.5894 17.3872 8.5894C17.3436 8.5894 17.2912 8.59812 17.2476 8.59812C17.1256 8.61556 17.0035 8.64172 16.8727 8.67661C16.8291 8.70277 16.7855 8.73765 16.7419 8.76381C16.707 8.78997 16.6721 8.81613 16.6285 8.84229L16.6111 8.85102C16.5762 8.87718 16.5326 8.90334 16.4977 8.92078L16.4802 8.9295C16.4454 8.95566 16.4018 8.9731 16.3669 8.99926L16.3494 9.00798C16.3146 9.03415 16.271 9.05159 16.2274 9.06903L16.2099 9.07775C16.1663 9.09519 16.1314 9.11263 16.0878 9.13007L16.0704 9.13879C16.0268 9.15623 15.9832 9.16495 15.9396 9.18239H15.9309C15.8873 9.19111 15.8349 9.19983 15.7913 9.20855C15.7128 9.21727 15.6256 9.226 15.5472 9.226C15.4163 9.226 15.2855 9.21727 15.146 9.19983L15.0152 9.17367C14.9978 9.17367 14.9803 9.16495 14.9716 9.16495C14.8582 9.13879 14.7362 9.11263 14.6228 9.08647C14.5705 9.07775 14.5269 9.06031 14.4745 9.05159C14.3961 9.03415 14.3176 9.0167 14.2304 8.99926C14.2129 8.99926 14.1955 8.99054 14.1868 8.99054C14.117 8.99054 14.0472 8.99926 13.9862 9.00798H13.9688C13.7682 9.03415 13.5763 9.07775 13.3758 9.14751C13.367 9.14751 13.3583 9.15623 13.3409 9.15623C13.306 9.16495 13.2798 9.18239 13.245 9.19111C13.2013 9.20855 13.1665 9.226 13.1229 9.24344C12.8351 9.36552 12.5648 9.53993 12.3031 9.75794C12.1985 9.84515 12.1026 9.94107 12.0066 10.037C11.8671 10.1852 11.745 10.3422 11.6317 10.5079C11.6229 10.5166 11.6229 10.5253 11.6142 10.5341C11.5532 10.6213 11.5009 10.7172 11.4573 10.8044C11.4398 10.8393 11.4224 10.8742 11.4049 10.9003V10.909C11.3526 11.0224 11.309 11.1271 11.2741 11.2404C11.2741 11.2491 11.2741 11.2579 11.2654 11.2579C11.2567 11.2753 11.2567 11.2927 11.248 11.3102C11.2305 11.3625 11.2131 11.4148 11.2044 11.4672C11.1869 11.5195 11.1782 11.5718 11.1695 11.6328C11.1695 11.6416 11.1608 11.659 11.1608 11.6677C11.152 11.7026 11.152 11.7375 11.1433 11.7637C11.1259 11.8857 11.1172 12.0078 11.1084 12.1299V12.2171C11.1608 12.4177 11.2392 12.6008 11.3352 12.7578C11.6927 13.3769 12.2857 13.7519 12.7217 13.9525C12.8874 14.0223 13.0618 14.092 13.245 14.1531L13.2537 14.1618L13.2624 14.1531C13.2886 14.1356 13.306 14.1182 13.3322 14.1007C13.3409 14.092 13.3496 14.092 13.3583 14.0833L13.4368 14.031C13.4455 14.0223 13.4542 14.0223 13.463 14.0135L13.5414 13.9612C13.5502 13.9525 13.5589 13.9525 13.5676 13.9438C13.5938 13.9263 13.6199 13.9089 13.6548 13.8914C13.6635 13.8827 13.6723 13.8827 13.681 13.874C13.7071 13.8566 13.742 13.8391 13.7682 13.8217C13.7769 13.813 13.7856 13.813 13.7943 13.8042C13.8205 13.7868 13.8554 13.7694 13.8815 13.7519C13.8903 13.7432 13.9077 13.7432 13.9164 13.7345C13.9426 13.717 13.9775 13.6996 14.0036 13.6822C14.0124 13.6734 14.0298 13.6647 14.0385 13.6647C14.0647 13.6473 14.0996 13.6298 14.1344 13.6124C14.1519 13.6037 14.1606 13.5949 14.178 13.5949C14.2129 13.5775 14.2391 13.5601 14.274 13.5513C14.2914 13.5426 14.3001 13.5339 14.3176 13.5339C14.3525 13.5165 14.3786 13.5077 14.4135 13.4903L14.4658 13.4641C14.5007 13.4467 14.5269 13.438 14.5617 13.4205C14.5792 13.4118 14.5966 13.4031 14.6228 13.3944C14.6577 13.3857 14.6838 13.3682 14.7187 13.3595C14.7362 13.3508 14.7623 13.3421 14.7798 13.3333C14.8146 13.3246 14.8408 13.3072 14.8757 13.2985C14.9018 13.2897 14.9193 13.281 14.9454 13.2723C14.9803 13.2636 15.0065 13.2461 15.0414 13.2374L15.1199 13.2112C15.146 13.2025 15.1809 13.1938 15.2071 13.1764C15.2332 13.1676 15.2681 13.1589 15.2943 13.1502C15.3204 13.1415 15.3553 13.1328 15.3815 13.124C15.4163 13.1153 15.4512 13.1066 15.4774 13.0979C15.5036 13.0892 15.5297 13.0804 15.5646 13.0717C15.5995 13.063 15.6344 13.0543 15.678 13.0368C15.6954 13.0281 15.7128 13.0281 15.7303 13.0194C15.8698 12.6619 16.2971 11.7724 17.0209 11.6764C17.0994 11.6677 17.1692 11.659 17.2389 11.659H17.2912C17.2825 11.6067 17.2738 11.5544 17.2738 11.4933C17.2476 11.1096 17.3697 10.787 17.5354 10.7782C17.6662 10.7695 17.7709 10.9614 17.7883 11.0224C17.8406 11.1358 17.8755 11.284 17.8842 11.4497C17.893 11.598 17.8755 11.7375 17.8494 11.8596C17.8668 11.877 17.8755 11.8945 17.893 11.9032C18.0586 12.1125 18.0848 12.3915 18.0761 12.6008C18.1371 12.5921 18.2069 12.5921 18.2767 12.5834C18.2941 12.5834 18.3115 12.5834 18.329 12.5747H18.3639C18.4423 12.5659 18.5296 12.5572 18.6168 12.5572C18.8086 12.5398 19.0005 12.5311 19.201 12.5223C19.0877 12.4613 19.0179 12.4264 19.0179 12.4264ZM20.8405 17.7982C20.5265 18.0773 20.1952 18.304 19.8638 18.4871C19.6981 18.5743 19.5324 18.6528 19.3754 18.7226C19.0179 18.8796 18.6778 18.9842 18.3726 19.0627C17.7011 19.2284 17.2389 19.2284 17.2389 19.2284C17.6052 19.4289 18.0674 19.4289 18.3813 19.4028C18.5993 19.3853 18.7476 19.3417 18.7476 19.3417C18.7388 19.4725 18.7214 19.5946 18.704 19.7167C18.6778 19.8475 18.6429 19.9609 18.5993 20.0655V20.0743C18.547 20.2051 18.4772 20.3184 18.4075 20.4231C18.3987 20.4318 18.39 20.4492 18.3813 20.458L18.4075 20.4405C18.5208 20.3795 18.6342 20.3097 18.7476 20.2399C18.8348 20.1876 18.922 20.1266 19.0005 20.0743C19.14 19.9783 19.2795 19.8737 19.419 19.7603C19.4278 19.7516 19.4365 19.7429 19.4452 19.7429C19.576 19.6295 19.7068 19.5074 19.8202 19.3853C19.9772 19.2196 20.1167 19.054 20.2388 18.8883L20.2475 18.8796C20.2824 18.8359 20.3085 18.8011 20.3347 18.7575L20.3434 18.7487C20.3521 18.7313 20.3609 18.7226 20.3696 18.7051C20.4132 18.6441 20.4481 18.5918 20.4917 18.5307C20.5004 18.5133 20.5091 18.5046 20.5178 18.4871C20.5353 18.4522 20.5527 18.4261 20.5789 18.3912C20.5963 18.365 20.605 18.3476 20.6225 18.3214C20.6399 18.2953 20.6573 18.2691 20.6661 18.243C20.6922 18.1994 20.7184 18.147 20.7446 18.1034L20.7707 18.0511L20.823 17.9465L20.8492 17.8941L20.8579 17.8767C20.8754 17.8331 20.9015 17.7895 20.919 17.7459C20.8841 17.7546 20.8666 17.7721 20.8405 17.7982ZM12.8874 14.2839C12.8002 14.31 12.6956 14.3536 12.5909 14.3972C12.3119 14.5106 11.9979 14.6763 11.7189 14.903C11.684 14.9292 11.6491 14.9641 11.6142 14.9902C11.5532 15.0425 11.5009 15.0949 11.4485 15.1559L11.4311 15.1734L11.4049 15.1995C11.3875 15.2257 11.3613 15.2431 11.3439 15.2693L11.3177 15.2954C11.2916 15.3303 11.2654 15.3652 11.248 15.4001C11.2218 15.435 11.2044 15.4698 11.1782 15.5047C11.0125 15.7925 10.9166 16.1413 10.9427 16.5599V16.5425C10.9427 16.5337 10.9427 16.525 10.9515 16.5163V16.5076C10.9515 16.4989 10.9602 16.4901 10.9602 16.4727V16.464C10.9602 16.4553 10.9689 16.4378 10.9689 16.4204C10.9689 16.4029 10.9776 16.3942 10.9864 16.3768V16.3681C10.9951 16.3506 10.9951 16.3332 11.0038 16.3157V16.307C11.0125 16.2896 11.0125 16.2721 11.0212 16.2547V16.246C11.03 16.2285 11.0387 16.2111 11.0474 16.1849L11.0561 16.1762C11.0648 16.1588 11.0736 16.1326 11.091 16.1152C11.1084 16.0803 11.1259 16.0541 11.1433 16.0192C11.152 16.0105 11.1608 15.9931 11.1695 15.9844L11.1782 15.9756L11.2305 15.8972C11.248 15.8797 11.2654 15.8535 11.2828 15.8361L11.3003 15.8187C11.3177 15.8012 11.3264 15.7838 11.3439 15.7751L11.3613 15.7576C11.3788 15.7402 11.4049 15.7227 11.4224 15.6966C11.4224 15.6966 11.0474 16.5512 11.2131 17.2227V17.2139V17.1965V17.1703V17.1355V17.0919C11.2131 17.0744 11.2131 17.057 11.2218 17.0395C11.2218 17.0221 11.2218 17.0047 11.2305 16.9872V16.9785C11.2305 16.961 11.2392 16.9349 11.2392 16.9174V16.9C11.248 16.8738 11.248 16.8564 11.2567 16.8302V16.8215C11.2654 16.7954 11.2741 16.7692 11.2741 16.7518C11.2741 16.743 11.2828 16.7343 11.2828 16.7256L11.2916 16.7082C11.3003 16.6907 11.309 16.6646 11.3177 16.6471C11.3264 16.621 11.3439 16.5948 11.3613 16.5686C11.3613 16.5599 11.3701 16.5512 11.3701 16.5512L11.4224 16.4727C11.4224 16.4727 11.4049 16.682 11.4049 16.9349C11.4049 16.9785 11.4049 17.0134 11.4137 17.057C11.4137 17.0831 11.4137 17.1093 11.4224 17.1355C11.4398 16.8651 11.4921 16.6122 11.5619 16.3768C11.5793 16.3157 11.6055 16.246 11.6229 16.1849C11.6229 16.1762 11.6317 16.1675 11.6317 16.1588C11.6578 16.0977 11.6753 16.0454 11.7014 15.9844C11.7101 15.9756 11.7101 15.9669 11.7189 15.9495C11.745 15.8972 11.7712 15.8361 11.7974 15.7838C11.8061 15.7751 11.8061 15.7663 11.8061 15.7576C11.8671 15.6443 11.9282 15.5396 11.9892 15.4437C11.9979 15.435 11.9979 15.4262 12.0066 15.4175C12.0328 15.3826 12.059 15.3478 12.0851 15.3042C12.0938 15.2954 12.0938 15.2867 12.1026 15.278C12.1113 15.2693 12.1113 15.2606 12.12 15.2518C12.1549 15.2082 12.1811 15.1646 12.2159 15.121C12.2247 15.1123 12.2247 15.1036 12.2334 15.1036C12.2683 15.06 12.3031 15.0164 12.338 14.9815C12.3816 14.9292 12.4252 14.8856 12.4688 14.8333C12.5037 14.7984 12.5299 14.7635 12.5648 14.7373L12.5996 14.7024C12.6694 14.6327 12.7392 14.5629 12.8089 14.5019C13.0008 14.3275 13.1577 14.2141 13.2101 14.1792C13.1752 14.1879 13.1403 14.1967 13.0967 14.2054C13.0444 14.2315 12.9746 14.2577 12.8874 14.2839Z" fill="#F2D2AC"/>
+<path d="M17.9104 12.3915C17.9104 12.3915 17.9104 12.3741 17.9017 12.3392C17.8668 12.2171 17.7447 11.9206 17.2651 11.9642C16.7593 12.0165 16.5849 12.4264 16.5413 12.5659C16.5326 12.5921 16.5326 12.6095 16.5326 12.6095L16.55 12.6183C16.6111 12.5659 16.7332 12.5659 16.8465 12.6444C16.8988 12.6793 16.9337 12.7142 16.9686 12.7578C17.0122 12.8275 17.0209 12.8973 16.9948 12.9496L16.9686 12.9758C16.9686 12.9758 16.986 12.9845 17.0209 12.9932C17.1605 13.0368 17.5529 13.1153 17.7622 12.845C17.7709 12.8275 17.7796 12.8188 17.7883 12.8014C17.7447 12.7839 17.7273 12.7229 17.7273 12.6444C17.7273 12.6095 17.736 12.5747 17.7447 12.5311C17.7709 12.4264 17.8494 12.3654 17.9104 12.3915ZM15.3902 16.1239C15.0588 16.1936 14.771 16.246 14.553 16.2809C14.5618 16.2809 14.5792 16.2809 14.5879 16.2896C14.9629 16.3332 15.5559 16.3942 16.271 16.3506C17.579 16.2721 19.297 15.8623 20.8579 14.4496V14.4408C20.8667 14.3187 20.8492 14.1095 20.701 13.9438C20.6748 13.9176 20.6486 13.8914 20.6138 13.8653C20.605 13.8653 20.605 13.8566 20.5963 13.8566C20.5527 13.8304 20.5178 13.813 20.483 13.7868L20.4045 13.7345V13.7258C20.3085 13.8653 20.1952 13.9961 20.0731 14.1182C20.0295 14.1618 19.9859 14.2054 19.9336 14.249C19.5063 14.6327 18.9482 14.9641 18.3464 15.2257C17.3523 15.6617 16.2361 15.9495 15.3902 16.1239ZM7.1232 13.8478C7.10576 13.8566 7.09704 13.874 7.0796 13.8827L7.06216 13.9002C7.04472 13.9176 7.02727 13.935 7.01855 13.9525L7.00983 13.9612L6.95751 14.0397L6.94879 14.0484C6.94879 14.0571 6.94007 14.0571 6.94007 14.0659L6.91391 14.1182V14.1356C6.90519 14.1618 6.88775 14.1879 6.87903 14.2141C6.85286 14.2839 6.8267 14.3536 6.80926 14.4147C6.80054 14.4321 6.80054 14.4583 6.79182 14.467C6.7831 14.5019 6.77438 14.5368 6.77438 14.5455V14.5542V14.5455C6.77438 14.5193 6.77438 14.5019 6.7831 14.4757C6.7831 14.4321 6.79182 14.3798 6.79182 14.3362C6.79182 14.3013 6.80054 14.2577 6.80926 14.2228C6.80926 14.2141 6.80926 14.1967 6.81798 14.1879C6.81798 14.1705 6.8267 14.1531 6.8267 14.1356C6.8267 14.1182 6.83542 14.1007 6.83542 14.0833V14.0571C6.83542 14.0397 6.84414 14.0135 6.84414 13.9961V13.9525V13.935C6.84414 13.9263 6.84414 13.9176 6.85286 13.9089C6.86159 13.8827 6.87031 13.8478 6.87031 13.8217V13.813C6.87903 13.7955 6.87903 13.7694 6.88775 13.7519V13.7432C6.89647 13.6996 6.91391 13.656 6.92263 13.6124V13.595C6.92263 13.5862 6.92263 13.5775 6.93135 13.5688C6.94879 13.499 6.97495 13.4293 6.99239 13.3682V13.3595C7.00983 13.3072 7.03599 13.2461 7.05344 13.1938V13.1851C7.06216 13.1589 7.07088 13.1415 7.0796 13.1153C7.09704 13.0804 7.10576 13.0456 7.1232 13.0107C7.1232 13.002 7.13192 12.9845 7.14936 12.9496C7.15808 12.9409 7.15808 12.9235 7.1668 12.9148C7.17552 12.8973 7.18424 12.8799 7.19296 12.8537L7.20168 12.8363C7.19296 12.8275 7.17552 12.8276 7.1668 12.8188H7.15808L7.14064 12.8101C7.06216 12.7752 6.97495 12.7403 6.88775 12.7142H6.87031C6.80926 12.6967 6.75694 12.688 6.6959 12.6793C6.66101 12.6793 6.62613 12.6706 6.59125 12.6706H6.50405C6.46044 12.6706 6.41684 12.6793 6.37324 12.6793C6.3558 12.6793 6.34708 12.6793 6.32964 12.688C6.3122 12.688 6.28603 12.6967 6.26859 12.6967C6.25987 12.6967 6.25115 12.6967 6.24243 12.7055C6.22499 12.7055 6.21627 12.7142 6.19883 12.7142C6.17267 12.7229 6.13779 12.7316 6.11163 12.7403C6.1029 12.7403 6.08546 12.7491 6.07674 12.7491C6.04186 12.7665 5.99826 12.7752 5.96338 12.7927C5.94594 12.8014 5.93722 12.8101 5.91977 12.8101L5.86745 12.8363L5.85001 12.845C5.83257 12.8537 5.81513 12.8624 5.79769 12.8799C5.78025 12.8886 5.76281 12.8973 5.74537 12.9148C5.72792 12.9235 5.71048 12.9409 5.69304 12.9496C5.68432 12.9584 5.66688 12.9671 5.65816 12.9758C5.632 13.002 5.59712 13.0281 5.57096 13.0543L5.52735 13.0979C5.50119 13.124 5.48375 13.1502 5.45759 13.1764L5.44887 13.1851C5.44015 13.2025 5.42271 13.2113 5.41399 13.2287L5.38783 13.2549C5.34422 13.3159 5.30062 13.3857 5.26574 13.4554C5.25702 13.4641 5.25702 13.4729 5.2483 13.4816C5.23086 13.5165 5.22214 13.5513 5.2047 13.5862C5.19598 13.6037 5.19598 13.6124 5.18726 13.6298C5.18726 13.6386 5.19598 13.6473 5.19598 13.656C5.2047 13.6909 5.21342 13.717 5.22214 13.7519V13.7694C5.23086 13.7955 5.2483 13.8304 5.25702 13.8566C5.2919 13.9438 5.32678 14.0223 5.37039 14.092C5.37911 14.1007 5.37911 14.1095 5.38783 14.1182V14.1269L5.39655 14.1356C5.42271 14.1879 5.44887 14.2315 5.47503 14.2664C5.51863 14.3275 5.55352 14.3711 5.57968 14.406L5.59712 14.4234C5.59712 14.4321 5.60584 14.4321 5.60584 14.4321L5.62328 14.4496C5.62328 14.4321 5.61456 14.4147 5.61456 14.406C5.5884 14.2926 5.57968 14.1879 5.57968 14.0746V14.0571C5.57968 13.9874 5.57968 13.9176 5.5884 13.8566L5.61456 13.935C5.62328 13.9699 5.64072 14.0048 5.64944 14.0397V14.0571C5.70176 14.2054 5.76281 14.3275 5.82385 14.4234C5.89361 14.5455 5.95466 14.624 5.99826 14.6763C6.00698 14.685 6.0157 14.6937 6.0157 14.7024L6.03314 14.7199C6.00698 14.5978 5.98954 14.4844 5.98954 14.3711V14.2577C5.98954 14.2054 5.98954 14.1618 5.99826 14.1182C6.0157 14.1967 6.04186 14.2751 6.06802 14.3449V14.3536C6.16395 14.6065 6.27731 14.7897 6.3558 14.903L6.36452 14.9117C6.38196 14.9292 6.39068 14.9466 6.3994 14.9641C6.40812 14.9728 6.41684 14.9815 6.41684 14.9902L6.43428 15.0077L6.443 15.0164V14.9989C6.443 14.9815 6.43428 14.9641 6.43428 14.9466C6.42556 14.8856 6.41684 14.8245 6.40812 14.7722C6.40812 14.7373 6.3994 14.6937 6.3994 14.6588V14.5542V14.5368V14.467C6.3994 14.4234 6.40812 14.3711 6.40812 14.3275C6.41684 14.3536 6.42556 14.3885 6.43428 14.4147C6.443 14.4321 6.45172 14.4583 6.46044 14.4757V14.4844L6.46916 14.4932C6.47788 14.5193 6.48661 14.5455 6.49533 14.5629C6.51277 14.6065 6.53021 14.6501 6.55637 14.685C6.58253 14.7373 6.59997 14.7809 6.62613 14.8158C6.64357 14.842 6.65229 14.8594 6.66101 14.8769C6.67846 14.903 6.6959 14.9292 6.70462 14.9466C6.72206 14.9641 6.73078 14.9815 6.7395 14.9989L6.74822 15.0077C6.75694 15.0251 6.77438 15.0338 6.7831 15.0513C6.79182 15.06 6.80054 15.0687 6.80054 15.0774C6.81798 15.0949 6.8267 15.1123 6.83542 15.1123L6.84414 15.121V15.0949C6.85286 15.0251 6.86159 14.9466 6.87031 14.8769V14.8507C6.87903 14.7635 6.89647 14.685 6.91391 14.6065C6.91391 14.5978 6.91391 14.5891 6.92263 14.5716V14.5629C6.92263 14.5542 6.92263 14.5455 6.93135 14.5368C6.93135 14.5193 6.94007 14.5106 6.94007 14.4932C6.94879 14.4321 6.96623 14.3711 6.97495 14.31C6.98367 14.2577 6.99239 14.2054 7.00111 14.1618V14.1443C7.00111 14.1356 7.00111 14.1269 7.00983 14.1269V14.1095C7.00983 14.1007 7.01855 14.0833 7.01855 14.0746C7.01855 14.0659 7.01855 14.0571 7.02727 14.0484C7.02727 14.031 7.03599 14.0135 7.03599 14.0048C7.03599 13.9961 7.04472 13.9787 7.04472 13.9699C7.04472 13.9525 7.05344 13.935 7.05344 13.9263C7.05344 13.9176 7.05344 13.9089 7.06216 13.9002C7.06216 13.8914 7.06216 13.8827 7.07088 13.8827C7.07088 13.8653 7.0796 13.8566 7.0796 13.8478V13.8217L7.1232 13.8478ZM17.6924 17.493C17.8145 17.4494 17.9191 17.4145 18.0063 17.3796C18.172 17.3099 18.2592 17.2575 18.2592 17.2401C18.2505 17.2227 18.1546 17.2314 17.9802 17.275C17.893 17.2924 17.7883 17.3099 17.6575 17.3448C17.5965 17.3622 17.5267 17.3709 17.457 17.3796C17.3872 17.3884 17.3087 17.4058 17.2302 17.4145C17.0733 17.4407 16.8988 17.4581 16.707 17.4756L16.4192 17.5017C16.3233 17.5104 16.2186 17.5104 16.114 17.5192C15.6954 17.5279 15.2332 17.5104 14.7623 17.4232C14.5182 17.3796 14.1781 17.2663 13.9426 17.1355L13.9339 17.1267C14.0734 16.6297 14.5966 16.5599 14.5966 16.5599L14.5792 16.5512H14.553C14.4746 16.5425 14.4135 16.5337 14.3525 16.525C14.3089 16.5163 14.274 16.5163 14.2478 16.5076C14.2217 16.5076 14.1955 16.4989 14.1868 16.4989C13.8728 16.4814 13.6984 16.743 13.6461 16.8564L13.6199 16.9087C13.5763 17.0134 13.5415 17.1267 13.5327 17.2575C13.5153 17.493 13.5763 17.7459 13.7595 17.9639C13.8816 18.1122 14.0909 18.243 14.3612 18.3476C14.1257 18.1994 13.9164 17.9116 13.9077 17.4668C14.1781 17.5802 14.4833 17.65 14.7187 17.6936C15.2158 17.7895 15.7041 17.7982 16.1314 17.7721C16.2361 17.7633 16.3495 17.7546 16.4454 17.7459C16.55 17.7285 16.6459 17.7197 16.7419 17.711C16.9337 17.6761 17.0994 17.65 17.2651 17.6151C17.3436 17.5976 17.4221 17.5802 17.4918 17.554C17.5703 17.5366 17.6314 17.5192 17.6924 17.493Z" fill="#F2D2AC"/>
+<path d="M17.2825 11.6677C17.5441 11.6765 17.7185 11.7549 17.8406 11.877C17.8668 11.7637 17.8842 11.6241 17.8755 11.4672C17.8668 11.3015 17.8319 11.1532 17.7796 11.0399C17.7621 10.9701 17.6575 10.787 17.5267 10.7957C17.361 10.8044 17.2389 11.1271 17.2651 11.5108C17.2651 11.5631 17.2738 11.6154 17.2825 11.6677ZM17.7185 12.6532C17.7185 12.7229 17.7447 12.784 17.7796 12.8101C17.8406 12.845 17.9191 12.7752 17.954 12.6619C17.954 12.6532 17.9627 12.6444 17.9627 12.6357C17.9889 12.5311 17.9627 12.4264 17.9017 12.4003C17.8406 12.3654 17.7621 12.4351 17.7273 12.5485C17.7273 12.5834 17.7185 12.6183 17.7185 12.6532ZM16.5326 12.845C16.5587 12.8886 16.6023 12.9322 16.6546 12.9671C16.768 13.0369 16.8901 13.0456 16.9599 12.9845L16.986 12.9584C17.0122 12.906 17.0035 12.8363 16.9599 12.7665C16.9337 12.7229 16.8901 12.6793 16.8378 12.6532C16.7244 12.5834 16.6023 12.5747 16.5413 12.627C16.5326 12.6357 16.5238 12.6444 16.5151 12.6619C16.489 12.7055 16.4977 12.7752 16.5326 12.845ZM20.8666 14.4409C20.8579 14.4409 20.8579 14.4409 20.8666 14.4409V14.4409ZM20.7271 16.8564C20.5614 17.0134 20.3783 17.1616 20.169 17.3012C19.2708 17.9116 18.015 18.3912 17.1255 18.5046C16.4541 18.6092 15.8 18.6267 15.2332 18.5569C14.9018 18.5133 14.6141 18.4435 14.3612 18.3476C14.0908 18.243 13.8815 18.1122 13.7594 17.9639C13.5763 17.7459 13.524 17.4843 13.5327 17.2576C13.5414 17.1355 13.5676 17.0134 13.6199 16.9087L13.6461 16.8564C13.7071 16.7431 13.8728 16.4727 14.1868 16.4989C14.1955 16.4989 14.2216 16.4989 14.2478 16.5076C14.274 16.5076 14.3176 16.5163 14.3524 16.525C14.4135 16.5338 14.4745 16.5425 14.553 16.5512H14.5792C15.4425 16.6558 16.2709 16.6471 17.0558 16.525C18.1982 16.3506 19.2533 15.9408 20.1952 15.3042C20.2475 15.2693 20.2911 15.2344 20.3434 15.1995L20.8579 14.4321C19.2969 15.8536 17.579 16.2634 16.2709 16.3419C15.5559 16.3855 14.9629 16.3332 14.5879 16.2809C14.5705 16.2809 14.5617 16.2809 14.553 16.2721C14.4396 16.2547 14.3524 16.246 14.2827 16.2373C14.2478 16.2373 14.2216 16.2285 14.2042 16.2285C14.1083 16.2198 14.0123 16.2373 13.9251 16.2634C13.7507 16.3158 13.5938 16.4378 13.4804 16.5948C13.3409 16.7867 13.2537 17.0483 13.2537 17.3099C13.2537 17.5279 13.306 17.7546 13.4194 17.9639C13.4281 17.9726 13.4281 17.9814 13.4368 17.9901C13.4542 18.0162 13.463 18.0337 13.4804 18.0598C13.4978 18.086 13.524 18.1209 13.5502 18.147C13.8205 18.4871 14.4135 18.7313 15.1983 18.836C15.7303 18.9057 16.3494 18.897 17.0209 18.8011C19.0092 18.4435 19.951 17.7982 20.387 17.3535C20.4219 17.3186 20.448 17.2924 20.4742 17.2576C20.6312 17.0744 20.7009 16.9349 20.7271 16.8826V16.8739C20.7358 16.8564 20.7358 16.8477 20.7358 16.8477L20.7271 16.8564Z" fill="#664F44"/>
+<path d="M14.4048 9.96725C14.3438 9.93237 14.274 9.90621 14.2043 9.88876C14.1607 9.88004 14.1171 9.87132 14.0647 9.8626C14.0473 9.8626 14.0299 9.8626 14.0124 9.85388C13.777 9.83644 13.5764 9.87132 13.5764 9.87132C13.5328 9.88004 13.4892 9.88876 13.4543 9.90621C13.1404 10.0021 12.9224 10.1678 12.7654 10.3597C12.6433 10.5166 12.5561 10.6823 12.5125 10.848C12.5038 10.8655 12.5038 10.8742 12.5038 10.8916C12.4951 10.9352 12.4776 10.9788 12.4689 11.0137C12.4427 11.1532 12.4253 11.2753 12.4253 11.38C12.4253 11.5195 12.434 11.6067 12.434 11.6067C12.4863 11.4846 12.5474 11.38 12.6084 11.2753C12.7567 11.0224 12.9136 10.8131 13.0793 10.6474C13.3933 10.3248 13.7159 10.1504 13.9601 10.0632C14.2217 9.97597 14.4048 9.96725 14.4048 9.96725ZM18.1808 9.52251L18.1721 9.50506C18.1372 9.46146 18.0936 9.41786 18.0413 9.38298C17.9192 9.30449 17.7535 9.26089 17.5268 9.30449C17.5268 9.30449 17.2564 9.36554 17.0995 9.54867C17.0995 9.54867 17.5704 9.3481 18.0762 9.70563C18.1198 9.74052 18.1721 9.7754 18.2157 9.819C18.2593 9.8626 18.3116 9.90621 18.3552 9.96725C18.3552 9.96725 18.3378 9.74924 18.207 9.55739C18.1982 9.53995 18.1895 9.53123 18.1808 9.52251Z" fill="#E9B784"/>
+<path d="M14.4658 12.9933C14.6489 12.9409 14.8408 12.8886 15.0588 12.8363C15.0937 12.6706 15.1024 12.47 15.0762 12.252C15.0152 11.7462 14.7885 11.3538 14.5617 11.38C14.335 11.4061 14.2042 11.8422 14.2652 12.3479C14.3001 12.6096 14.3699 12.8363 14.4658 12.9933Z" fill="#664F44"/>
+<path d="M13.4281 1.5956L12.9572 1.70024L13.0532 2.55485L11.8061 1.91825L11.2916 2.07522L11.3003 2.08394L12.8177 3.8106L12.8351 3.80187L12.8526 3.79315C12.8962 3.76699 12.9485 3.73211 12.9921 3.70595C13.0096 3.69723 13.027 3.68851 13.0444 3.67107C13.1142 3.62747 13.184 3.58386 13.2537 3.54898L12.6084 2.80774L13.6462 3.31353C13.681 3.29609 13.7072 3.27865 13.7421 3.26121L13.6462 2.51997L14.1171 3.06936H14.1258C14.1694 3.05191 14.2043 3.02575 14.2479 3.00831L14.2653 2.99959L14.2827 2.99087C14.2915 2.99087 14.3002 2.98215 14.3002 2.98215L14.3525 2.95599C14.3525 2.95599 14.3612 2.95599 14.3612 2.94727C14.4136 2.92111 14.4746 2.89495 14.5269 2.86878L13.4281 1.5956Z" fill="#FFD250"/>
+<path d="M12.9659 1.7264V1.70024V1.7264ZM12.9659 1.70024L13.0356 1.6828C12.9223 1.63047 12.7827 1.59559 12.6258 1.56943C12.3118 1.52583 11.9107 1.56943 11.4572 1.6828C11.0038 1.79616 10.4893 1.99673 9.94859 2.26707C8.85853 2.80774 7.65511 3.63618 6.48657 4.70008C6.0767 5.06634 5.70172 5.45004 5.35291 5.82502L6.76562 7.56911C7.14932 7.15053 7.55918 6.73195 8.01265 6.32208C8.61436 5.7727 9.22479 5.28435 9.8265 4.86577C10.4108 4.4559 10.995 4.10709 11.5444 3.82803L11.3003 2.71181L11.309 2.08394L11.3003 2.07522L11.8148 1.91825L12.8176 2.43276L12.7915 2.08394L12.9659 1.70024Z" fill="#4D9ED7"/>
+<path d="M12.9659 1.70024L12.7915 2.08394L12.8177 2.44148L13.0619 2.56357L12.9659 1.70024ZM12.6084 2.80774L13.6549 3.32225L13.2537 3.54898L12.6084 2.80774ZM13.6549 2.51996L13.7508 3.2612L14.1258 3.06935L13.6549 2.51996Z" fill="#132134"/>
+<path d="M17.5966 2.24964H17.7884C17.9628 2.24964 18.1285 2.2758 18.2855 2.31068C18.2942 2.31068 18.3029 2.31068 18.3117 2.3194H18.3204L18.3378 2.32812H18.3553C18.3378 2.3194 18.3204 2.30196 18.3029 2.29324C18.1285 2.22347 17.9454 2.17987 17.7535 2.15371C16.8117 2.03162 15.7304 2.38044 15.12 2.62462C15.0851 2.64206 15.0502 2.65078 15.0153 2.66822C14.963 2.69438 14.9107 2.71182 14.8584 2.73798C14.7711 2.77286 14.6839 2.81647 14.588 2.86007C14.5706 2.86879 14.5619 2.86879 14.5444 2.87751C14.4921 2.90367 14.431 2.92983 14.3787 2.95599C14.3787 2.95599 14.37 2.95599 14.37 2.96471L14.3177 2.99088C14.309 2.99088 14.3002 2.9996 14.3002 2.9996H14.2654L14.2566 3.00832C14.213 3.02576 14.1782 3.0432 14.1346 3.06936H14.1258C14.1171 3.07808 14.1084 3.07808 14.0997 3.0868H14.091C14.0822 3.0868 14.0735 3.09552 14.0735 3.09552C14.0125 3.1304 13.9514 3.15656 13.8904 3.19145C13.8468 3.21761 13.8032 3.23505 13.7596 3.26121H13.7509C13.716 3.27865 13.6898 3.29609 13.6549 3.31353C13.5503 3.36586 13.4544 3.4269 13.3497 3.48794C13.341 3.49666 13.3323 3.49666 13.3148 3.50538C13.3061 3.5141 13.2974 3.5141 13.2887 3.52282C13.2799 3.53154 13.2712 3.53154 13.2625 3.54027L13.2538 3.54899C13.184 3.59259 13.1143 3.62747 13.0445 3.67107C13.0271 3.67979 13.0096 3.68851 12.9922 3.70595C12.9486 3.73212 12.8962 3.767 12.8526 3.79316L12.8352 3.80188L12.8178 3.8106L12.4253 4.07221C12.2073 4.22046 11.998 4.36871 11.7887 4.52568C11.7626 4.54312 11.7364 4.56928 11.7103 4.58672C11.1609 4.99658 10.6376 5.44133 10.1319 5.89479C9.59991 6.38314 9.0854 6.8802 8.60578 7.38599C8.34416 7.64761 8.11743 7.88306 7.94302 8.07491C7.57676 8.46733 7.37619 8.7115 7.38491 8.72022C7.38491 8.72022 7.41979 8.69406 7.48084 8.63302C7.43723 8.68534 7.38491 8.74638 7.34131 8.79871C8.14359 7.9441 9.02436 7.07205 9.97489 6.25233C10.5504 5.75526 11.1522 5.27564 11.7713 4.83089C12.0416 4.63904 12.3207 4.44719 12.5998 4.26406C12.687 4.20302 12.7829 4.1507 12.8701 4.08965C12.9137 4.06349 12.9573 4.03733 13.0096 4.01117C13.0358 3.99373 13.0619 3.97629 13.0881 3.96757C13.1404 3.94141 13.184 3.90652 13.2363 3.88036C13.2799 3.8542 13.3323 3.82804 13.3759 3.79316C13.402 3.77572 13.4282 3.767 13.4544 3.74956L13.6375 3.64491C13.6724 3.62747 13.7072 3.60131 13.7421 3.58387C13.8555 3.52282 13.9689 3.46178 14.091 3.40074C14.0997 3.39202 14.1084 3.39202 14.1171 3.3833L14.1694 3.35714C14.1956 3.34842 14.213 3.33097 14.2392 3.32225C14.2479 3.31353 14.2566 3.31353 14.2654 3.30481L14.3177 3.27865C14.3177 3.27865 14.3264 3.27865 14.3264 3.26993H14.3351C14.3874 3.24377 14.4398 3.21761 14.4834 3.20017C14.4921 3.20017 14.5008 3.19145 14.5095 3.18273L14.5619 3.15656C14.6229 3.1304 14.6752 3.10424 14.7363 3.07808C14.7537 3.06936 14.7711 3.06064 14.7799 3.05192C14.7886 3.05192 14.7973 3.0432 14.806 3.0432C14.8235 3.03448 14.8409 3.02576 14.8584 3.02576C14.9281 2.9996 14.9892 2.96471 15.0589 2.93855C15.12 2.91239 15.1723 2.88623 15.2333 2.86007C15.5647 2.72054 15.8699 2.60718 16.1577 2.51125C16.6984 2.363 17.178 2.26708 17.5966 2.24964Z" fill="white"/>
+</svg>
diff --git a/www/raven-demo/images/brands/tiktok.svg b/www/raven-demo/images/brands/tiktok.svg
new file mode 100644
index 0000000..1924ad7
--- /dev/null
+++ b/www/raven-demo/images/brands/tiktok.svg
@@ -0,0 +1,3 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M450.287 0H61.7143C28.2363 0 1 27.2363 1 60.7143V449.287C1 482.764 28.2363 510 61.7143 510H450.287C483.764 510 511 482.764 511 449.287V60.7143C511 27.2363 483.764 0 450.287 0ZM401.788 222.494C399.002 222.763 396.206 222.907 393.408 222.919C378.303 222.921 363.432 219.161 350.141 211.979C336.854 204.796 325.559 194.417 317.286 181.779V321.87C317.286 342.349 311.212 362.369 299.834 379.396C288.457 396.423 272.288 409.695 253.367 417.532C234.448 425.368 213.628 427.419 193.543 423.423C173.458 419.429 155.008 409.567 140.527 395.085C126.047 380.606 116.185 362.156 112.19 342.071C108.195 321.986 110.245 301.167 118.082 282.248C125.919 263.327 139.191 247.155 156.218 235.778C173.245 224.402 193.264 218.329 213.742 218.329C215.905 218.329 218.017 218.523 220.142 218.656V269.681C218.017 269.426 215.928 269.037 213.742 269.037C199.727 269.037 186.286 274.605 176.375 284.515C166.465 294.425 160.897 307.868 160.897 321.882C160.897 335.898 166.465 349.341 176.375 359.251C186.286 369.161 199.727 374.729 213.742 374.729C242.935 374.729 268.713 351.731 268.713 322.538L269.223 84.6115H318.037C320.269 105.821 329.883 125.572 345.201 140.411C360.52 155.25 380.565 164.232 401.837 165.786V222.494" fill="black"/>
+</svg>
diff --git a/www/raven-demo/images/brands/visa.svg b/www/raven-demo/images/brands/visa.svg
new file mode 100644
index 0000000..f497767
--- /dev/null
+++ b/www/raven-demo/images/brands/visa.svg
@@ -0,0 +1,17 @@
+<svg width="50" height="16" viewBox="0 0 50 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.3333 15.4857L20.8729 1.19995H24.8412L22.3809 15.4857H18.3333Z" fill="#3C58BF"/>
+<path d="M18.3333 15.4857L21.5872 1.19995H24.8412L22.3809 15.4857H18.3333Z" fill="#293688"/>
+<path d="M36.746 1.35867C35.9524 1.04121 34.6825 0.723755 33.0952 0.723755C29.127 0.723755 26.2698 2.70788 26.2698 5.56502C26.2698 7.70788 28.2539 8.81899 29.8412 9.53328C31.4285 10.2476 31.9047 10.7238 31.9047 11.3587C31.9047 12.3111 30.6349 12.7872 29.5238 12.7872C27.9365 12.7872 27.0635 12.5491 25.7143 11.9936L25.1587 11.7555L24.6031 15.0095C25.5555 15.4063 27.3016 15.8031 29.127 15.8031C33.3333 15.8031 36.1111 13.819 36.1111 10.8031C36.1111 9.13645 35.0793 7.86661 32.6984 6.83486C31.2698 6.12058 30.3968 5.72375 30.3968 5.00947C30.3968 4.37455 31.1111 3.73963 32.6984 3.73963C34.0476 3.73963 35 3.97772 35.7143 4.29518L36.1111 4.45391L36.746 1.35867Z" fill="#3C58BF"/>
+<path d="M36.746 1.35867C35.9524 1.04121 34.6825 0.723755 33.0952 0.723755C29.127 0.723755 26.9841 2.70788 26.9841 5.56502C26.9841 7.70788 28.2539 8.81899 29.8412 9.53328C31.4285 10.2476 31.9047 10.7238 31.9047 11.3587C31.9047 12.3111 30.6349 12.7872 29.5238 12.7872C27.9365 12.7872 27.0635 12.5491 25.7143 11.9936L25.1587 11.7555L24.6031 15.0095C25.5555 15.4063 27.3016 15.8031 29.127 15.8031C33.3333 15.8031 36.1111 13.819 36.1111 10.8031C36.1111 9.13645 35.0793 7.86661 32.6984 6.83486C31.2698 6.12058 30.3968 5.72375 30.3968 5.00947C30.3968 4.37455 31.1111 3.73963 32.6984 3.73963C34.0476 3.73963 35 3.97772 35.7143 4.29518L36.1111 4.45391L36.746 1.35867Z" fill="#293688"/>
+<path d="M43.5714 1.19995C42.619 1.19995 41.9047 1.27932 41.5079 2.2317L35.5555 15.4857H39.8413L40.6349 13.1047H45.7143L46.1905 15.4857H50L46.6666 1.19995H43.5714ZM41.746 10.7238C41.9841 10.0095 43.3333 6.51741 43.3333 6.51741C43.3333 6.51741 43.6508 5.6444 43.8889 5.08884L44.127 6.43805C44.127 6.43805 44.9206 10.0095 45.0793 10.8031H41.746V10.7238Z" fill="#3C58BF"/>
+<path d="M44.5238 1.19995C43.5714 1.19995 42.8571 1.27932 42.4603 2.2317L35.5555 15.4857H39.8413L40.6349 13.1047H45.7143L46.1905 15.4857H50L46.6666 1.19995H44.5238ZM41.746 10.7238C42.0635 9.93011 43.3333 6.51741 43.3333 6.51741C43.3333 6.51741 43.6508 5.6444 43.8889 5.08884L44.127 6.43805C44.127 6.43805 44.9206 10.0095 45.0793 10.8031H41.746V10.7238Z" fill="#293688"/>
+<path d="M11.0317 11.2001L10.6349 9.13656C9.92061 6.75561 7.61903 4.13656 5.07935 2.86672L8.65077 15.5651H12.9365L19.3651 1.27942H15.0793L11.0317 11.2001Z" fill="#3C58BF"/>
+<path d="M11.0317 11.2001L10.6349 9.13656C9.92061 6.75561 7.61903 4.13656 5.07935 2.86672L8.65077 15.5651H12.9365L19.3651 1.27942H15.873L11.0317 11.2001Z" fill="#293688"/>
+<path d="M0 1.19995L0.714285 1.35868C5.79365 2.54916 9.28571 5.56503 10.6349 9.13646L9.20635 2.39043C8.96825 1.43805 8.25397 1.19995 7.38095 1.19995H0Z" fill="#FFBC00"/>
+<path d="M0 1.19995C5.07936 2.39043 9.28571 5.48567 10.6349 9.05709L9.28571 3.42217C9.04762 2.46979 8.25397 1.91424 7.38095 1.91424L0 1.19995Z" fill="#F7981D"/>
+<path d="M0 1.19995C5.07936 2.39043 9.28571 5.48567 10.6349 9.05709L9.68254 5.96185C9.44444 5.00947 9.12698 4.05709 8.01587 3.66027L0 1.19995Z" fill="#ED7C00"/>
+<path d="M15 10.7237L12.3015 8.02533L11.0317 11.0412L10.7142 9.05707C9.99996 6.67612 7.69837 4.05707 5.15869 2.78723L8.73012 15.4856H13.0158L15 10.7237Z" fill="#051244"/>
+<path d="M22.3809 15.4857L18.9682 11.9937L18.3333 15.4857H22.3809Z" fill="#051244"/>
+<path d="M31.5079 10.5651C31.8254 10.8825 31.9841 11.1206 31.9047 11.4381C31.9047 12.3905 30.6349 12.8667 29.5238 12.8667C27.9365 12.8667 27.0635 12.6286 25.7143 12.073L25.1587 11.8349L24.6031 15.0889C25.5555 15.4857 27.3016 15.8825 29.127 15.8825C31.6666 15.8825 33.7301 15.1682 34.9206 13.8984L31.5079 10.5651Z" fill="#051244"/>
+<path d="M36.1111 15.4856H39.8412L40.6349 13.1046H45.7143L46.1904 15.4856H50L48.6508 9.69192L43.8889 5.08875L44.127 6.35858C44.127 6.35858 44.9206 9.93001 45.0793 10.7237H41.746C42.0635 9.93001 43.3333 6.51732 43.3333 6.51732C43.3333 6.51732 43.6508 5.6443 43.8889 5.08875" fill="#051244"/>
+</svg>
diff --git a/www/raven-demo/images/brands/whatsapp.svg b/www/raven-demo/images/brands/whatsapp.svg
new file mode 100644
index 0000000..3fb811b
--- /dev/null
+++ b/www/raven-demo/images/brands/whatsapp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#01E675" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M35.993 12h.014C49.237 12 60 22.766 60 36S49.238 60 36.007 60a23.81 23.81 0 01-13.203-3.964l-9.224 2.948 2.99-8.917A23.824 23.824 0 0112 36c0-13.235 10.762-24 23.993-24zm-6.7 12.19c-.466-1.114-.818-1.156-1.523-1.185a13.55 13.55 0 00-.804-.027c-.918 0-1.877.268-2.455.86-.705.72-2.454 2.398-2.454 5.841s2.51 6.773 2.849 7.239c.353.465 4.895 7.632 11.947 10.553 5.515 2.286 7.152 2.074 8.407 1.806 1.834-.395 4.133-1.75 4.711-3.386.579-1.637.579-3.034.41-3.33-.17-.296-.636-.465-1.34-.818-.706-.353-4.134-2.046-4.783-2.272-.634-.24-1.24-.155-1.72.522-.677.946-1.34 1.905-1.876 2.483-.423.452-1.115.509-1.693.268-.776-.324-2.948-1.086-5.628-3.47-2.074-1.849-3.484-4.148-3.893-4.84-.41-.705-.042-1.114.282-1.495.353-.438.691-.748 1.044-1.157.352-.41.55-.621.776-1.1.24-.466.07-.946-.1-1.3-.168-.352-1.579-3.795-2.157-5.191z"/></g></svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/brands/x.svg b/www/raven-demo/images/brands/x.svg
new file mode 100644
index 0000000..2f1f5c1
--- /dev/null
+++ b/www/raven-demo/images/brands/x.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="none" viewBox="0 0 512 512" id="twitter"><g clip-path="url(#clip0_84_15697)"><rect width="512" height="512" fill="#000" rx="60"></rect><path fill="#fff" d="M355.904 100H408.832L293.2 232.16L429.232 412H322.72L239.296 302.928L143.84 412H90.8805L214.56 270.64L84.0645 100H193.28L268.688 199.696L355.904 100ZM337.328 380.32H366.656L177.344 130.016H145.872L337.328 380.32Z"></path></g><defs><clipPath id="clip0_84_15697"><rect width="512" height="512" fill="#fff"></rect></clipPath></defs></svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/brands/youtube.svg b/www/raven-demo/images/brands/youtube.svg
new file mode 100644
index 0000000..57cbfda
--- /dev/null
+++ b/www/raven-demo/images/brands/youtube.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path fill="#FF0002" d="M8 72h56a8 8 0 008-8V8a8 8 0 00-8-8H8a8 8 0 00-8 8v56a8 8 0 008 8z"/><path fill="#FFF" d="M31.044 42.27l-.002-13.582 12.97 6.814-12.968 6.768zM59.52 26.334s-.47-3.33-1.908-4.798c-1.826-1.926-3.872-1.935-4.809-2.047C46.086 19 36.011 19 36.011 19h-.022s-10.075 0-16.792.49c-.939.111-2.983.12-4.81 2.046-1.439 1.467-1.907 4.798-1.907 4.798S12 30.247 12 34.158v3.668c0 3.912.48 7.823.48 7.823s.468 3.331 1.906 4.798c1.828 1.926 4.226 1.866 5.294 2.067C23.52 52.885 36 53 36 53s10.086-.015 16.803-.505c.938-.113 2.983-.122 4.809-2.048 1.438-1.467 1.908-4.798 1.908-4.798s.48-3.91.48-7.823v-3.668c0-3.911-.48-7.824-.48-7.824z"/></g></svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/countries/BR.png b/www/raven-demo/images/countries/BR.png
new file mode 100644
index 0000000..b4aaae1
Binary files /dev/null and b/www/raven-demo/images/countries/BR.png differ
diff --git a/www/raven-demo/images/countries/ES.png b/www/raven-demo/images/countries/ES.png
new file mode 100644
index 0000000..809c5d8
Binary files /dev/null and b/www/raven-demo/images/countries/ES.png differ
diff --git a/www/raven-demo/images/countries/GR.png b/www/raven-demo/images/countries/GR.png
new file mode 100644
index 0000000..5579209
Binary files /dev/null and b/www/raven-demo/images/countries/GR.png differ
diff --git a/www/raven-demo/images/countries/IN.png b/www/raven-demo/images/countries/IN.png
new file mode 100644
index 0000000..6af86b3
Binary files /dev/null and b/www/raven-demo/images/countries/IN.png differ
diff --git a/www/raven-demo/images/countries/JP.png b/www/raven-demo/images/countries/JP.png
new file mode 100644
index 0000000..d74bc82
Binary files /dev/null and b/www/raven-demo/images/countries/JP.png differ
diff --git a/www/raven-demo/images/countries/UK.png b/www/raven-demo/images/countries/UK.png
new file mode 100644
index 0000000..437fd80
Binary files /dev/null and b/www/raven-demo/images/countries/UK.png differ
diff --git a/www/raven-demo/images/countries/US.png b/www/raven-demo/images/countries/US.png
new file mode 100644
index 0000000..348017b
Binary files /dev/null and b/www/raven-demo/images/countries/US.png differ
diff --git a/www/raven-demo/images/demos/dashboard.png b/www/raven-demo/images/demos/dashboard.png
new file mode 100644
index 0000000..cc80f3b
Binary files /dev/null and b/www/raven-demo/images/demos/dashboard.png differ
diff --git a/www/raven-demo/images/demos/landing.png b/www/raven-demo/images/demos/landing.png
new file mode 100644
index 0000000..7f12a16
Binary files /dev/null and b/www/raven-demo/images/demos/landing.png differ
diff --git a/www/raven-demo/images/demos/nextjs.png b/www/raven-demo/images/demos/nextjs.png
new file mode 100644
index 0000000..220ded0
Binary files /dev/null and b/www/raven-demo/images/demos/nextjs.png differ
diff --git a/www/raven-demo/images/favicon.png b/www/raven-demo/images/favicon.png
new file mode 100644
index 0000000..63d76e5
Binary files /dev/null and b/www/raven-demo/images/favicon.png differ
diff --git a/www/raven-demo/images/files/ai.svg b/www/raven-demo/images/files/ai.svg
new file mode 100644
index 0000000..80970d9
--- /dev/null
+++ b/www/raven-demo/images/files/ai.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.63197 1H13.993L20.2241 7.50095V20.1381C20.2241 21.7188 18.9428 23 17.3621 23H6.63197C5.05121 23 3.77002 21.7188 3.77002 20.1381V3.86195C3.77002 2.28122 5.05121 1 6.63197 1Z" fill="#FF6600"/>
+<path opacity="0.302" fill-rule="evenodd" clip-rule="evenodd" d="M13.984 1V7.44756H20.224L13.984 1Z" fill="white"/>
+<path d="M9.00155 17.4155H10.1137C10.1434 17.4155 10.17 17.3947 10.176 17.368L10.5022 16.1966H11.7627L12.1126 17.368C12.1215 17.3947 12.1482 17.4155 12.1779 17.4155H13.3316C13.3701 17.4155 13.3998 17.3858 13.3998 17.3502C13.3998 17.3384 13.3968 17.3295 13.3939 17.3206L11.9228 12.5813C11.9139 12.5546 11.8902 12.5368 11.8605 12.5368H10.4518C10.4221 12.5368 10.3955 12.5546 10.3895 12.5813L8.93628 17.3295C8.93036 17.3502 8.93628 17.371 8.94815 17.3888C8.96005 17.4036 8.98081 17.4155 9.00155 17.4155ZM14.417 13.5481C14.7907 13.5481 15.0606 13.296 15.0606 12.9461C15.0517 12.5872 14.7907 12.3381 14.423 12.3381C14.2361 12.3381 14.07 12.4033 13.9544 12.519C13.8476 12.6287 13.7913 12.783 13.7942 12.9461C13.7913 13.1062 13.8476 13.2545 13.9574 13.3642C14.07 13.4829 14.2332 13.5481 14.417 13.5481ZM13.8891 13.8388C13.8506 13.8388 13.8209 13.8684 13.8209 13.904V17.3502C13.8209 17.3858 13.8506 17.4155 13.8891 17.4155H14.9598C14.9953 17.4155 15.025 17.3858 15.025 17.3502V13.904C15.025 13.8684 14.9953 13.8388 14.9598 13.8388H13.8891ZM11.567 15.2623H10.695L10.953 14.337C10.9975 14.1709 11.042 13.9752 11.0865 13.7854C11.0954 13.7409 11.1043 13.6994 11.1161 13.6549C11.1725 13.8832 11.2348 14.1294 11.297 14.34L11.567 15.2623Z" fill="white"/>
+</svg>
diff --git a/www/raven-demo/images/files/csv.svg b/www/raven-demo/images/files/csv.svg
new file mode 100644
index 0000000..f0d0335
--- /dev/null
+++ b/www/raven-demo/images/files/csv.svg
@@ -0,0 +1,14 @@
+<svg width="400" height="461" viewBox="0 0 400 461" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M342.544 460.526H57.4563C39.2545 460.526 24.5615 445.833 24.5615 427.632V32.8947C24.5615 14.693 39.2545 0 57.4563 0H265.79L375.439 109.649V427.632C375.439 445.833 360.746 460.526 342.544 460.526Z" fill="#E7EAF3"/>
+<path d="M375.439 109.649H265.79V0L375.439 109.649Z" fill="#F8FAFD"/>
+<path d="M265.79 109.649L375.439 219.298V109.649H265.79Z" fill="#BDC5D1"/>
+<path d="M387.5 389.035H12.5C5.70175 389.035 0 383.553 0 376.535V272.807C0 266.009 5.48246 260.307 12.5 260.307H387.5C394.298 260.307 400 265.79 400 272.807V376.535C400 383.553 394.298 389.035 387.5 389.035Z" fill="#377DFF"/>
+<path d="M91.7529 306.759C91.7529 305.748 92.0236 304.984 92.565 304.467C93.1064 303.95 93.8944 303.691 94.929 303.691C95.9275 303.691 96.6975 303.956 97.2388 304.485C97.7922 305.015 98.0689 305.772 98.0689 306.759C98.0689 307.709 97.7922 308.461 97.2388 309.015C96.6854 309.556 95.9155 309.827 94.929 309.827C93.9184 309.827 93.1365 309.562 92.5831 309.033C92.0296 308.491 91.7529 307.733 91.7529 306.759ZM114.707 287.233C112.602 287.233 110.972 288.028 109.817 289.616C108.662 291.192 108.084 293.393 108.084 296.22C108.084 302.103 110.292 305.045 114.707 305.045C116.56 305.045 118.803 304.581 121.438 303.655V308.347C119.273 309.249 116.855 309.7 114.184 309.7C110.346 309.7 107.411 308.539 105.377 306.218C103.344 303.884 102.328 300.539 102.328 296.184C102.328 293.441 102.827 291.041 103.826 288.984C104.824 286.915 106.256 285.333 108.12 284.238C109.997 283.131 112.193 282.578 114.707 282.578C117.27 282.578 119.844 283.197 122.431 284.436L120.626 288.984C119.64 288.515 118.647 288.106 117.649 287.757C116.65 287.408 115.67 287.233 114.707 287.233ZM142.642 302.013C142.642 304.395 141.782 306.272 140.061 307.643C138.353 309.015 135.971 309.7 132.915 309.7C130.1 309.7 127.61 309.171 125.444 308.112V302.915C127.225 303.709 128.729 304.269 129.956 304.593C131.195 304.918 132.326 305.081 133.348 305.081C134.575 305.081 135.514 304.846 136.163 304.377C136.825 303.908 137.156 303.21 137.156 302.284C137.156 301.766 137.012 301.309 136.723 300.912C136.434 300.503 136.007 300.112 135.442 299.739C134.888 299.366 133.751 298.771 132.031 297.953C130.419 297.195 129.21 296.467 128.404 295.769C127.598 295.071 126.954 294.259 126.473 293.333C125.992 292.407 125.751 291.324 125.751 290.085C125.751 287.751 126.539 285.916 128.115 284.581C129.703 283.245 131.893 282.578 134.684 282.578C136.055 282.578 137.36 282.74 138.6 283.065C139.851 283.39 141.156 283.847 142.516 284.436L140.711 288.785C139.303 288.208 138.136 287.805 137.21 287.576C136.296 287.348 135.393 287.233 134.503 287.233C133.445 287.233 132.632 287.48 132.067 287.973C131.502 288.467 131.219 289.11 131.219 289.904C131.219 290.398 131.333 290.831 131.562 291.204C131.79 291.564 132.151 291.919 132.645 292.268C133.15 292.605 134.335 293.219 136.2 294.109C138.666 295.288 140.356 296.473 141.27 297.664C142.185 298.843 142.642 300.293 142.642 302.013ZM162.474 282.957H168.122L159.154 309.339H153.054L144.104 282.957H149.752L154.714 298.656C154.991 299.583 155.274 300.666 155.563 301.905C155.863 303.132 156.05 303.986 156.122 304.467C156.254 303.36 156.705 301.423 157.475 298.656L162.474 282.957Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="400" height="460.526" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/www/raven-demo/images/files/doc.svg b/www/raven-demo/images/files/doc.svg
new file mode 100644
index 0000000..2449548
--- /dev/null
+++ b/www/raven-demo/images/files/doc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#4a81f4" d="M652.52 792.45h192s50.06.1 49-59.26 0-210.58 0-210.58H785.16l-1-114.16H652.52s-45.94 1.52-46.52 53 0 284.71 0 284.71 4.19 44.97 46.52 46.29z" transform="translate(-605.74 -408.45)"></path><path fill="#759ff7" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="#fff" d="M825.17 582.35h-20.59c-7 0-12.68 4.47-12.68 10s5.68 10 12.68 10h20.59c7 0 12.68-4.48 12.68-10s-5.68-10-12.68-10zM754.87 582.35H674c-7 0-12.68 4.47-12.68 10s5.68 10 12.68 10h80.85c7 0 12.68-4.48 12.68-10s-5.66-10-12.66-10zM826.17 633.06H674c-7 0-12.68 4.48-12.68 10s5.68 10 12.68 10h152.17c7 0 12.68-4.48 12.68-10s-5.68-10-12.68-10zM826.17 683.78H674c-7 0-12.68 4.47-12.68 10s5.68 10 12.68 10h152.17c7 0 12.68-4.48 12.68-10s-5.68-10-12.68-10z" transform="translate(-605.74 -408.45)"></path></svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/files/excel.svg b/www/raven-demo/images/files/excel.svg
new file mode 100644
index 0000000..16eb8f5
--- /dev/null
+++ b/www/raven-demo/images/files/excel.svg
@@ -0,0 +1,13 @@
+<svg width="400" height="397" viewBox="0 0 400 397" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M250.405 24.8H118.134C113.75 24.8 109.546 26.5415 106.446 29.6413C103.346 32.7411 101.605 36.9454 101.605 41.3292V111.6L250.405 198.4L324.805 229.797L399.205 198.4V111.6L250.405 24.8Z" fill="#21A366"/>
+<path d="M101.605 111.6H250.405V198.4H101.605V111.6Z" fill="#107C41"/>
+<path d="M382.675 24.8H250.405V111.6H399.205V41.3292C399.205 36.9454 397.463 32.7411 394.363 29.6413C391.263 26.5415 387.059 24.8 382.675 24.8V24.8Z" fill="#33C481"/>
+<path d="M250.405 198.4H101.605V355.471C101.605 359.855 103.346 364.059 106.446 367.159C109.546 370.259 113.75 372 118.134 372H382.676C387.059 372 391.264 370.259 394.363 367.159C397.463 364.059 399.205 359.855 399.205 355.471V285.2L250.405 198.4Z" fill="#185C37"/>
+<path d="M250.405 198.4H399.205V285.2H250.405V198.4Z" fill="#107C41"/>
+<path opacity="0.1" d="M209.076 86.8H101.605V322.4H209.076C213.455 322.387 217.652 320.641 220.749 317.544C223.846 314.447 225.592 310.251 225.605 305.871V103.329C225.592 98.9494 223.846 94.7527 220.749 91.6557C217.652 88.5587 213.455 86.8131 209.076 86.8V86.8Z" fill="black"/>
+<path opacity="0.2" d="M196.676 99.2H101.605V334.8H196.676C201.055 334.787 205.252 333.041 208.349 329.944C211.446 326.847 213.192 322.651 213.205 318.271V115.729C213.192 111.349 211.446 107.153 208.349 104.056C205.252 100.959 201.055 99.2131 196.676 99.2V99.2Z" fill="black"/>
+<path opacity="0.2" d="M196.676 99.2H101.605V310H196.676C201.055 309.987 205.252 308.241 208.349 305.144C211.446 302.047 213.192 297.851 213.205 293.471V115.729C213.192 111.349 211.446 107.153 208.349 104.056C205.252 100.959 201.055 99.2131 196.676 99.2V99.2Z" fill="black"/>
+<path opacity="0.2" d="M184.276 99.2H101.605V310H184.276C188.655 309.987 192.852 308.241 195.949 305.144C199.046 302.047 200.792 297.851 200.805 293.471V115.729C200.792 111.349 199.046 107.153 195.949 104.056C192.852 100.959 188.655 99.2131 184.276 99.2V99.2Z" fill="black"/>
+<path d="M18.934 99.2H184.276C188.659 99.2 192.864 100.941 195.964 104.041C199.063 107.141 200.805 111.345 200.805 115.729V281.071C200.805 285.455 199.063 289.659 195.964 292.759C192.864 295.859 188.659 297.6 184.276 297.6H18.934C14.5502 297.6 10.3459 295.859 7.24608 292.759C4.14625 289.659 2.40479 285.455 2.40479 281.071L2.40479 115.729C2.40479 111.345 4.14625 107.141 7.24608 104.041C10.3459 100.941 14.5502 99.2 18.934 99.2V99.2Z" fill="#107C41"/>
+<path d="M46.2139 260.4L86.3403 198.226L49.5867 136.4H79.1607L99.2239 175.919C101.067 179.664 102.336 182.458 103.031 184.301H103.291C104.614 181.309 105.998 178.399 107.445 175.572L128.885 136.4H156.028L118.332 197.879L156.983 260.4H128.091L104.915 217C103.824 215.151 102.898 213.209 102.15 211.197H101.803C101.127 213.165 100.228 215.05 99.1247 216.814L75.2795 260.4H46.2139Z" fill="white"/>
+</svg>
diff --git a/www/raven-demo/images/files/fig.svg b/www/raven-demo/images/files/fig.svg
new file mode 100644
index 0000000..e8df179
--- /dev/null
+++ b/www/raven-demo/images/files/fig.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#2b2b32" d="M652.52 792.45h192s50.06.1 49-59.26 0-210.58 0-210.58H785.16l-1-114.16H652.52s-45.94 1.52-46.52 53 0 284.71 0 284.71 4.19 44.97 46.52 46.29z" transform="translate(-605.74 -408.45)"></path><path fill="#4c4c54" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="#1abcfe" fill-rule="evenodd" d="M749.08 649.62a32.53 32.53 0 1132.53 32.53 32.52 32.52 0 01-32.53-32.53z" transform="translate(-605.74 -408.45)"></path><path fill="#0acf83" fill-rule="evenodd" d="M684 714.68a32.52 32.52 0 0132.53-32.53h32.53v32.53a32.53 32.53 0 01-65.06 0z" transform="translate(-605.74 -408.45)"></path><path fill="#ff7262" fill-rule="evenodd" d="M749.08 552v65.06h32.53a32.53 32.53 0 000-65.06z" transform="translate(-605.74 -408.45)"></path><path fill="#f24e1e" fill-rule="evenodd" d="M684 584.56a32.52 32.52 0 0032.53 32.53h32.53V552h-32.51A32.52 32.52 0 00684 584.56z" transform="translate(-605.74 -408.45)"></path><path fill="#a259ff" fill-rule="evenodd" d="M684 649.62a32.52 32.52 0 0032.53 32.53h32.53v-65.06h-32.51A32.52 32.52 0 00684 649.62z" transform="translate(-605.74 -408.45)"></path></svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/files/jpg.svg b/www/raven-demo/images/files/jpg.svg
new file mode 100644
index 0000000..cc3d99d
--- /dev/null
+++ b/www/raven-demo/images/files/jpg.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#00cc69" d="M652.52 792.45h192s50.06.1 49-59.26 0-210.58 0-210.58H785.16l-1-114.16H652.52s-45.94 1.52-46.52 53 0 284.71 0 284.71 4.19 44.97 46.52 46.29z" transform="translate(-605.74 -408.45)"></path><path fill="#49db95" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="10" d="M167.31 283.05l-16.14-15.67c-7.79-7.56-11.69-11.34-16.16-12.72a19.68 19.68 0 00-12 .13c-4.44 1.47-8.25 5.34-15.87 13.06l-38.67 37.4m98.89-22.2l3.3-3.2c7.8-7.57 11.7-11.36 16.17-12.74a19.67 19.67 0 0112.07.14c4.44 1.48 8.25 5.35 15.87 13.09l8.09 8m-55.5-5.27l38.81 38.08m0 0a135 135 0 01-14.27.41H99c-10.83 0-16.25 0-20.39-2.07a19.08 19.08 0 01-8.46-8.28 17.19 17.19 0 01-1.68-5.94m137.7 15.88a18.44 18.44 0 006.13-1.66 19.06 19.06 0 008.45-8.28c2.11-4 2.11-9.35 2.11-20v-2.9M68.42 305.25a124.38 124.38 0 01-.43-14v-90.97c0-10.61 0-15.91 2.11-20a19.18 19.18 0 018.46-8.28c4.14-2.06 9.56-2.06 20.39-2.06h92.9c10.84 0 16.26 0 20.4 2.06a19.16 19.16 0 018.45 8.28c2.11 4.06 2.11 9.36 2.11 20v88m-29-71a19.35 19.35 0 11-19.35-18.94 19.15 19.15 0 0119.32 18.99z"></path></svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/files/js.svg b/www/raven-demo/images/files/js.svg
new file mode 100644
index 0000000..4d0299d
--- /dev/null
+++ b/www/raven-demo/images/files/js.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.62841 1H13.9912L20.2218 7.50365V20.1336C20.2218 21.7153 18.9452 23 17.3634 23H6.62841C5.05468 23 3.77002 21.7153 3.77002 20.1336V3.85839C3.76999 2.28466 5.05468 1 6.62841 1Z" fill="#E0C600"/>
+<path opacity="0.302" fill-rule="evenodd" clip-rule="evenodd" d="M13.9832 1V7.44744H20.2218L13.9832 1Z" fill="white"/>
+<path d="M9.03717 15.9423C9.12548 15.9584 9.21382 15.9664 9.30213 15.9664C9.67147 15.9664 9.85615 15.7898 9.85615 15.4445V12.4577H10.9321V15.5088C10.9321 15.9825 10.8116 16.3438 10.5708 16.5927C10.3379 16.8336 10.0087 16.9621 9.59119 16.9621C9.42258 16.9621 9.23789 16.946 9.03717 16.9059V15.9423ZM13.2124 16.9781C12.7627 16.9781 12.3613 16.8416 12.024 16.5686C11.6868 16.2876 11.5021 15.9503 11.478 15.5409L12.4576 15.2598C12.4817 15.4766 12.57 15.6613 12.7226 15.8058C12.8832 15.9503 13.0598 16.0226 13.2605 16.0226C13.4291 16.0226 13.5576 15.9825 13.662 15.9102C13.7664 15.8379 13.8145 15.7496 13.8145 15.6292C13.8145 15.5328 13.7744 15.4445 13.6941 15.3803C13.6138 15.308 13.5094 15.2518 13.381 15.2117C13.2525 15.1715 13.108 15.1233 12.9474 15.0832C12.7868 15.043 12.6262 14.9868 12.4656 14.9146C12.3131 14.8503 12.1686 14.77 12.0401 14.6737C11.9116 14.5854 11.8072 14.4489 11.7189 14.2802C11.6386 14.1116 11.5985 13.9189 11.5985 13.6941C11.5985 13.3248 11.7591 13.0196 12.0722 12.7788C12.3853 12.5299 12.7627 12.4094 13.2043 12.4094C13.6379 12.4094 14.0233 12.5138 14.3525 12.7306C14.6737 12.9394 14.8744 13.2204 14.9547 13.5657L13.935 13.9912C13.8868 13.7985 13.8065 13.6459 13.6781 13.5335C13.5496 13.4211 13.389 13.3649 13.2043 13.3649C13.0598 13.3649 12.9474 13.397 12.8591 13.4532C12.7788 13.5094 12.7386 13.5897 12.7386 13.6861C12.7386 13.7824 12.7948 13.8547 12.9073 13.9189C13.0116 13.9751 13.1481 14.0233 13.3167 14.0474C13.4773 14.0715 13.654 14.1197 13.8467 14.1839C14.0393 14.2481 14.216 14.3284 14.3846 14.4167C14.5452 14.5131 14.6817 14.6656 14.7941 14.8664C14.9065 15.0671 14.9547 15.308 14.9547 15.597C14.9547 16.0065 14.7941 16.3437 14.4729 16.6007C14.1518 16.8496 13.7343 16.9781 13.2124 16.9781Z" fill="white"/>
+</svg>
diff --git a/www/raven-demo/images/files/pdf.svg b/www/raven-demo/images/files/pdf.svg
new file mode 100644
index 0000000..7cf2a0a
--- /dev/null
+++ b/www/raven-demo/images/files/pdf.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.63408 1H13.9894L20.2233 7.49776V20.1359C20.2233 21.7191 18.9424 23 17.3647 23H6.63408C5.05087 23 3.77002 21.7191 3.77002 20.1359V3.86406C3.76999 2.28086 5.05085 1 6.63408 1Z" fill="#E5252A"/>
+<path opacity="0.302" fill-rule="evenodd" clip-rule="evenodd" d="M13.984 1V7.44828H20.2234L13.984 1Z" fill="white"/>
+<path d="M6.953 17.4148V13.3963H8.66265C9.08595 13.3963 9.42129 13.5117 9.67416 13.7481C9.92703 13.979 10.0535 14.2924 10.0535 14.6827C10.0535 15.073 9.92703 15.3863 9.67416 15.6172C9.42129 15.8536 9.08595 15.969 8.66265 15.969H7.98099V17.4148H6.953ZM7.98099 15.095H8.54721C8.70113 15.095 8.82207 15.062 8.90454 14.985C8.98699 14.9136 9.03099 14.8146 9.03099 14.6827C9.03099 14.5508 8.98702 14.4518 8.90454 14.3803C8.8221 14.3034 8.70115 14.2704 8.54721 14.2704H7.98099V15.095ZM10.4767 17.4148V13.3963H11.9005C12.1809 13.3963 12.4448 13.4348 12.6921 13.5172C12.9395 13.5997 13.1649 13.7152 13.3628 13.8746C13.5607 14.0285 13.7201 14.2374 13.8356 14.5013C13.9455 14.7651 14.006 15.0675 14.006 15.4083C14.006 15.7436 13.9455 16.046 13.8356 16.3098C13.7201 16.5737 13.5607 16.7826 13.3628 16.9365C13.1649 17.0959 12.9395 17.2114 12.6921 17.2938C12.4448 17.3763 12.1809 17.4148 11.9005 17.4148H10.4767ZM11.4827 16.5407H11.7796C11.939 16.5407 12.0874 16.5243 12.2249 16.4858C12.3568 16.4473 12.4832 16.3868 12.6042 16.3044C12.7196 16.2219 12.8131 16.1064 12.879 15.9525C12.945 15.7986 12.978 15.6172 12.978 15.4083C12.978 15.1939 12.945 15.0125 12.879 14.8586C12.8131 14.7047 12.7196 14.5892 12.6042 14.5068C12.4832 14.4243 12.3568 14.3638 12.2249 14.3254C12.0874 14.2869 11.939 14.2704 11.7796 14.2704H11.4827V16.5407ZM14.5227 17.4148V13.3963H17.3813V14.2704H15.5507V14.9135H17.013V15.7821H15.5507V17.4148H14.5227Z" fill="white"/>
+</svg>
diff --git a/www/raven-demo/images/files/pptx.svg b/www/raven-demo/images/files/pptx.svg
new file mode 100644
index 0000000..6d7d627
--- /dev/null
+++ b/www/raven-demo/images/files/pptx.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#ff6523" d="M648.34 792.45h192s50.07.1 49-59.26 0-210.58 0-210.58H781l-1-114.16H648.34s-45.93 1.52-46.51 53 0 284.71 0 284.71 4.17 44.97 46.51 46.29z" transform="translate(-601.57 -408.45)"></path><path fill="#ff9456" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="#fff" d="M663.58 618.5h13.85V692h-13.85zm6.32 31.64h23.5a8.3 8.3 0 004.37-1.14 7.79 7.79 0 003-3.21 10.23 10.23 0 001.06-4.75 10.79 10.79 0 00-1-4.83 7.66 7.66 0 00-2.93-3.23 8.44 8.44 0 00-4.43-1.14H669.9V618.5h23.15a25.26 25.26 0 0112.11 2.8 20 20 0 018.11 7.91 25.68 25.68 0 010 23.63 19.9 19.9 0 01-8.11 7.87 25.49 25.49 0 01-12.11 2.78H669.9zM727 618.5h13.85V692H727zm6.32 31.64h23.5a8.3 8.3 0 004.37-1.14 7.79 7.79 0 003-3.21 10.23 10.23 0 001.06-4.75 10.79 10.79 0 00-1-4.83 7.66 7.66 0 00-2.93-3.23 8.44 8.44 0 00-4.43-1.14h-23.5V618.5h23.15a25.26 25.26 0 0112.11 2.8 20 20 0 018.11 7.91 25.68 25.68 0 010 23.63 19.9 19.9 0 01-8.11 7.87 25.49 25.49 0 01-12.11 2.78h-23.2zM787.42 618.5h53.89v13.34h-53.89zm20 6h13.85V692h-13.83z" transform="translate(-601.57 -408.45)"></path></svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/files/xlsx.svg b/www/raven-demo/images/files/xlsx.svg
new file mode 100644
index 0000000..ae891ef
--- /dev/null
+++ b/www/raven-demo/images/files/xlsx.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 287.82 384" width="40" height="40"><path fill="#00a971" d="M652.52 792.45h192s50.06.1 49-59.26 0-210.58 0-210.58H785.16l-1-114.16H652.52s-45.94 1.52-46.52 53 0 284.71 0 284.71 4.19 44.97 46.52 46.29z" transform="translate(-605.74 -408.45)"></path><path fill="#3dbe93" d="M178.39 0L287.82 114.16 179.42 114.16 178.39 0z"></path><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="10" d="M143.91 228.27v92.93m-83.65-46.47h167.29M60.26 228.27h167.29M90.01 321.2h107.8c10.41 0 15.62 0 19.59-2a18.58 18.58 0 008.12-8.12c2-4 2-9.18 2-19.59v-89.25c0-10.4 0-15.61-2-19.58a18.55 18.55 0 00-8.12-8.13c-4-2-9.18-2-19.59-2H90.01c-10.41 0-15.61 0-19.59 2a18.6 18.6 0 00-8.12 8.13c-2 4-2 9.18-2 19.58v89.22c0 10.41 0 15.61 2 19.59a18.63 18.63 0 008.12 8.12c3.98 2.03 9.18 2.03 19.59 2.03z"></path></svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/illustrations/1.svg b/www/raven-demo/images/illustrations/1.svg
new file mode 100644
index 0000000..b550350
--- /dev/null
+++ b/www/raven-demo/images/illustrations/1.svg
@@ -0,0 +1,137 @@
+<svg width="2177" height="1511" viewBox="0 0 2177 1511" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M905.56 1221.95L658.37 896.261C657.04 894.491 655.06 893.321 652.87 893.001C650.68 892.691 648.45 893.261 646.68 894.591L588.524 938.651C587.647 939.311 586.908 940.13 586.349 941.08C585.791 942.02 585.423 943.061 585.268 944.151C585.113 945.241 585.173 946.341 585.445 947.401C585.718 948.471 586.196 949.461 586.854 950.341L834.04 1276.03C838.71 1282.17 845.63 1286.2 853.27 1287.25C860.92 1288.29 868.66 1286.26 874.81 1281.61L899.86 1262.63C906.01 1257.97 910.05 1251.05 911.1 1243.41C912.15 1235.76 910.12 1228.01 905.46 1221.86L905.56 1221.95Z" fill="#900EFF"/>
+<path d="M687.87 789.02C674.51 714.5 637.61 628.15 583.915 545.89C530.219 463.63 466.017 395.07 403.134 352.88C338.231 309.31 281.828 298.79 244.333 323.27C206.837 347.76 193.759 403.61 207.589 480.57C220.95 555.09 257.845 641.44 311.541 723.71C365.238 805.99 429.44 874.52 492.305 916.72C534.294 944.91 572.708 959.26 604.76 959.26C622.26 959.26 637.88 954.99 651.12 946.33C688.57 921.85 701.63 865.98 687.87 789.02Z" fill="#900EFF"/>
+<path d="M662.23 927.801L255.824 325.591C254.615 323.801 252.757 322.541 250.642 322.091C248.527 321.641 246.319 322.031 244.483 323.171L201.208 350.241C200.265 350.841 199.451 351.611 198.812 352.531C198.174 353.441 197.725 354.471 197.492 355.561C197.258 356.651 197.245 357.781 197.453 358.871C197.661 359.971 198.086 361.011 198.703 361.941L608.12 967.811C608.75 968.761 609.57 969.561 610.53 970.171C611.48 970.791 612.56 971.201 613.68 971.391C614.13 971.451 614.58 971.491 615.03 971.491C616.84 971.491 618.6 970.901 620.04 969.821L660.34 939.121C662.05 937.831 663.19 935.941 663.54 933.831C663.89 931.731 663.42 929.571 662.23 927.801Z" fill="#900EFF"/>
+<path d="M538.519 581.83C648.32 750.02 679.47 924.14 608.1 970.72C536.732 1017.3 389.873 918.72 280.091 750.52C170.31 582.32 132.731 404.79 204.098 358.29C275.465 311.8 428.721 413.63 538.519 581.83Z" fill="#FFF5D7"/>
+<path d="M566.311 990.64C534.26 990.64 495.846 976.28 453.841 948.1C390.992 905.9 326.79 837.35 273.093 755.1C218.912 672.09 180.865 585.2 165.967 510.43C150.351 432.13 162.276 375.61 199.521 351.29C237.067 326.79 294.605 337.93 361.53 382.58C426.533 426 491.804 495.1 545.517 577.25C599.23 659.41 636.13 745.94 649.47 820.4C663.23 897.36 650.17 953.23 612.73 977.72C599.41 986.35 583.815 990.64 566.311 990.64ZM245.335 355.4C231.171 355.4 218.795 358.74 208.59 365.27C177.442 385.62 168.088 436.01 182.285 507.24C196.782 579.98 233.977 664.77 287.006 746.08C339.516 826.51 402.048 893.37 463.094 934.34C521.3 973.26 572.457 984.01 603.56 963.7C634.66 943.39 645.31 892.25 633.04 823.41C620.09 751.04 584.049 666.89 531.538 586.46C479.027 506.02 415.443 438.68 352.277 396.52C311.708 369.4 274.68 355.4 245.335 355.4Z" fill="#900EFF"/>
+<path d="M593.21 938.93C647.62 903.31 612.3 753.12 514.325 603.49C416.35 453.85 292.818 361.431 238.409 397.051C184.001 432.681 219.319 582.86 317.294 732.5C415.27 882.13 538.802 974.56 593.21 938.93Z" fill="#FFDB8F"/>
+<path d="M558.462 952.681C531.471 952.681 497.65 938.1 459.787 909.69C407.176 870.22 351.976 808.311 304.459 735.371C256.943 662.441 222.353 586.99 207.388 522.94C191.789 456.13 199.371 408.801 228.767 389.611C258.162 370.421 304.593 382.481 359.425 423.701C412.036 463.181 467.236 525.081 514.853 598.021C562.47 670.951 596.88 746.4 611.91 810.451C627.52 877.26 619.92 924.611 590.53 943.781C580.954 949.851 569.796 952.951 558.462 952.681ZM260.884 397.511C252.783 397.271 244.791 399.42 237.903 403.69C215.155 418.52 209.96 460.641 223.656 519.231C238.186 581.431 271.841 654.991 318.422 726.341C365.004 797.691 418.784 858.001 469.942 896.351C518.076 932.461 558.712 944.651 581.46 929.751C604.21 914.851 609.39 872.801 595.69 814.211C581.159 752.011 547.505 678.451 500.924 607.101C454.342 535.751 400.562 475.341 349.471 437.011C314.714 411.021 283.899 397.511 260.884 397.511Z" fill="#900EFF"/>
+<path d="M345.762 479.029C343.614 478.499 341.341 478.839 339.443 479.979C337.545 481.119 336.177 482.959 335.641 485.109L300.918 624.069C300.382 626.219 300.722 628.489 301.862 630.389C303.002 632.289 304.849 633.659 306.997 634.189C307.658 634.359 308.337 634.439 309.018 634.439C310.881 634.439 312.69 633.819 314.158 632.669C315.626 631.529 316.668 629.919 317.119 628.109L351.842 489.149C352.377 487.009 352.037 484.729 350.897 482.839C349.757 480.939 347.91 479.569 345.762 479.029Z" fill="#900EFF"/>
+<path d="M419.602 549.5C417.451 548.97 415.179 549.32 413.284 550.46C411.389 551.61 410.027 553.46 409.497 555.61L361.062 752.16C360.533 754.31 360.879 756.58 362.026 758.48C363.172 760.37 365.024 761.73 367.175 762.26C367.83 762.43 368.503 762.51 369.179 762.51C371.046 762.51 372.859 761.88 374.327 760.73C375.796 759.58 376.835 757.96 377.279 756.15L425.715 559.6C426.244 557.45 425.897 555.18 424.751 553.28C423.605 551.39 421.752 550.03 419.602 549.5Z" fill="#900EFF"/>
+<path d="M480.146 693.131C477.998 692.601 475.728 692.951 473.833 694.091C471.938 695.231 470.575 697.081 470.042 699.231L433.298 848.041C432.766 850.191 433.111 852.471 434.256 854.361C435.4 856.261 437.252 857.621 439.402 858.151C441.553 858.691 443.827 858.341 445.723 857.201C447.62 856.051 448.984 854.201 449.515 852.051L486.259 703.241C486.789 701.091 486.442 698.811 485.296 696.921C484.149 695.021 482.297 693.661 480.146 693.131Z" fill="#900EFF"/>
+<mask id="mask0_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1221" y="811" width="318" height="691">
+<path d="M1538.24 889.429L1509.23 1501.87H1221.69V1476.25L1350.88 1383.91L1433.34 872.239C1435.84 860.039 1441.19 848.599 1448.93 838.849C1456.68 829.099 1466.62 821.309 1477.93 816.109C1504.51 804.179 1535.52 808.379 1538.24 889.429Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_75_205)">
+<path d="M1538.24 889.429L1509.23 1501.87H1221.69V1476.25L1350.88 1383.91L1433.34 872.239C1435.84 860.039 1441.19 848.599 1448.93 838.849C1456.68 829.099 1466.62 821.309 1477.93 816.109C1504.51 804.179 1535.52 808.379 1538.24 889.429Z" fill="#FFF5D7"/>
+<path d="M1407.45 1032.87C1407.45 1032.87 1509.23 1291.56 1509.23 1383.91C1509.23 1476.25 1529.41 988.959 1529.41 988.959L1407.7 999.499L1407.45 1032.87Z" fill="#FFDB8F"/>
+</g>
+<path d="M1509.23 1510.22H1221.69C1219.48 1510.22 1217.35 1509.34 1215.79 1507.78C1214.22 1506.21 1213.34 1504.09 1213.34 1501.87V1476.25C1213.34 1474.92 1213.66 1473.61 1214.26 1472.43C1214.87 1471.25 1215.75 1470.23 1216.83 1469.45L1343.18 1379.13L1425.02 870.91C1425.01 870.77 1425.01 870.64 1425.02 870.51C1427.81 857.03 1433.73 844.39 1442.3 833.62C1450.87 822.85 1461.85 814.24 1474.36 808.49C1491.28 800.89 1505.89 800.81 1517.78 808.24C1535.57 819.33 1544.92 845.79 1546.41 889.15V889.83L1517.38 1502.27C1517.28 1504.38 1516.38 1506.38 1514.87 1507.85C1513.36 1509.33 1511.34 1510.17 1509.23 1510.22ZM1230.04 1493.52H1501.27L1529.89 889.38C1528.22 843.73 1517.72 827.78 1509.13 822.42C1502.22 818.11 1492.86 818.55 1481.36 823.73C1471.26 828.38 1462.41 835.34 1455.49 844.04C1448.58 852.74 1443.81 862.95 1441.56 873.83L1359.12 1385.28C1358.95 1386.36 1358.57 1387.41 1357.99 1388.35C1357.42 1389.29 1356.67 1390.11 1355.78 1390.75L1230.09 1480.59L1230.04 1493.52Z" fill="#900EFF"/>
+<path d="M1509.22 1467.9H1221.69C1217.08 1467.9 1213.34 1471.64 1213.34 1476.25V1501.87C1213.34 1506.48 1217.08 1510.22 1221.69 1510.22H1509.22C1513.83 1510.22 1517.57 1506.48 1517.57 1501.87V1476.25C1517.57 1471.64 1513.83 1467.9 1509.22 1467.9Z" fill="#900EFF"/>
+<path d="M1405 1430.86C1405.4 1431.06 1405.79 1431.3 1406.16 1431.57C1402.82 1428.8 1378.39 1402.06 1357.09 1378.33C1355.72 1376.8 1353.83 1375.83 1351.79 1375.6C1349.75 1375.38 1347.69 1375.91 1346.02 1377.11L1323.64 1393.11C1322.48 1393.94 1321.56 1395.05 1320.95 1396.34C1320.34 1397.63 1320.07 1399.05 1320.17 1400.47C1320.27 1401.89 1320.73 1403.26 1321.5 1404.46C1322.28 1405.65 1323.35 1406.63 1324.61 1407.29C1351.98 1421.7 1392.95 1443.33 1396.96 1445.49C1397.18 1445.62 1397.36 1445.7 1397.53 1445.79C1398.51 1446.32 1399.6 1446.65 1400.71 1446.75C1401.82 1446.86 1402.95 1446.74 1404.01 1446.4C1405.08 1446.06 1406.07 1445.51 1406.92 1444.79C1407.77 1444.06 1408.46 1443.17 1408.96 1442.17C1409.46 1441.17 1409.76 1440.08 1409.83 1438.97C1409.9 1437.85 1409.74 1436.73 1409.37 1435.67C1409 1434.62 1408.43 1433.65 1407.67 1432.82C1406.92 1431.99 1406.01 1431.33 1405 1430.86Z" fill="#900EFF"/>
+<path d="M1466.22 1027.17L1039.56 825.481C1033.86 822.471 1028.82 818.371 1024.71 813.401C1020.6 808.441 1017.51 802.721 1015.61 796.571C1013.71 790.411 1013.05 783.941 1013.65 777.531C1014.26 771.111 1016.12 764.881 1019.13 759.191L1183.45 448.531C1186.45 442.841 1190.55 437.791 1195.51 433.691C1200.47 429.581 1206.19 426.491 1212.35 424.591C1218.5 422.691 1224.97 422.031 1231.38 422.631C1237.8 423.231 1244.03 425.101 1249.72 428.111L1647.04 661.181C1658.53 667.271 1667.14 677.661 1670.97 690.091C1674.8 702.521 1673.54 715.961 1667.47 727.461L1532.51 1006.74C1526.43 1018.24 1516.03 1026.85 1503.6 1030.68C1491.17 1034.52 1477.72 1033.25 1466.22 1027.17Z" fill="#FFDB8F"/>
+<path d="M1489.09 1041.23C1479.82 1041.23 1470.7 1038.96 1462.5 1034.64L1035.98 833.031L1035.65 832.861C1028.99 829.341 1023.08 824.541 1018.27 818.731C1013.47 812.931 1009.85 806.231 1007.63 799.031C1005.41 791.831 1004.63 784.261 1005.34 776.751C1006.04 769.251 1008.22 761.961 1011.75 755.301L1176.06 444.641C1183.19 431.201 1195.36 421.131 1209.9 416.651C1224.44 412.171 1240.17 413.641 1253.63 420.741L1253.94 420.911L1651.11 653.901C1664.48 661.051 1674.48 673.181 1678.95 687.671C1683.41 702.161 1681.96 717.821 1674.93 731.251L1540.03 1010.37C1539.99 1010.47 1539.95 1010.56 1539.9 1010.65C1535 1019.88 1527.68 1027.6 1518.73 1032.99C1509.78 1038.37 1499.54 1041.22 1489.09 1041.23ZM1043.3 818.011L1469.8 1019.62L1470.13 1019.79C1479.65 1024.82 1490.78 1025.87 1501.07 1022.72C1511.37 1019.57 1519.99 1012.46 1525.07 1002.97L1659.95 723.811L1660.08 723.551C1665.11 714.001 1666.16 702.861 1662.98 692.551C1659.81 682.241 1652.67 673.611 1643.15 668.551L1642.81 668.361L1245.66 435.391C1236.12 430.411 1225.01 429.411 1214.74 432.601C1204.46 435.791 1195.87 442.911 1190.83 452.411L1026.51 763.061C1021.48 772.581 1020.42 783.701 1023.57 794.001C1026.71 804.301 1033.81 812.931 1043.3 818.011Z" fill="#900EFF"/>
+<path d="M1630.89 648.871L1615.41 638.641C1614.43 637.991 1613.34 637.561 1612.19 637.371C1611.04 637.171 1609.86 637.221 1608.73 637.511C1607.6 637.791 1606.55 638.321 1605.63 639.041C1604.71 639.761 1603.96 640.661 1603.41 641.691L1414.57 998.781C1413.57 1000.67 1413.33 1002.87 1413.91 1004.94C1414.49 1007 1415.83 1008.76 1417.67 1009.85L1446.38 1026.97C1447.67 1027.75 1449.15 1028.16 1450.66 1028.16C1452.23 1028.16 1453.77 1027.71 1455.1 1026.88C1456.43 1026.04 1457.49 1024.85 1458.17 1023.43L1633.79 659.461C1634.67 657.651 1634.86 655.571 1634.33 653.621C1633.79 651.681 1632.57 649.991 1630.89 648.871Z" fill="#900EFF"/>
+<path d="M1371.84 1044.67C1361.75 1044.66 1351.82 1042.18 1342.92 1037.44L886.95 796.27C879.75 792.46 873.37 787.279 868.18 780.999C862.98 774.729 859.07 767.499 856.67 759.709C854.28 751.929 853.44 743.749 854.2 735.639C854.97 727.529 857.32 719.649 861.13 712.459L1063.41 329.979C1071.1 315.449 1084.26 304.559 1099.98 299.719C1115.7 294.869 1132.7 296.47 1147.24 304.16L1603.2 545.319C1617.74 553.009 1628.62 566.169 1633.47 581.889C1638.31 597.609 1636.71 614.61 1629.02 629.15L1426.74 1011.62C1422.95 1018.83 1417.77 1025.22 1411.49 1030.41C1405.22 1035.61 1397.97 1039.51 1390.18 1041.88C1384.24 1043.72 1378.06 1044.66 1371.84 1044.67ZM1118.19 313.649C1113.66 313.659 1109.16 314.34 1104.83 315.67C1099.14 317.41 1093.84 320.26 1089.26 324.06C1084.67 327.86 1080.88 332.53 1078.11 337.8L875.8 720.259C870.19 730.879 869.02 743.3 872.56 754.78C876.1 766.27 884.05 775.879 894.67 781.499L1350.63 1022.68C1355.89 1025.47 1361.66 1027.2 1367.59 1027.76C1373.52 1028.32 1379.5 1027.71 1385.2 1025.95C1390.89 1024.2 1396.18 1021.33 1400.77 1017.53C1405.36 1013.73 1409.15 1009.06 1411.93 1003.79L1614.19 621.31C1619.8 610.69 1620.96 598.27 1617.42 586.79C1613.88 575.3 1605.93 565.689 1595.31 560.069L1139.32 319.009C1132.82 315.519 1125.57 313.679 1118.19 313.649Z" fill="#900EFF"/>
+<path d="M1312.52 710.44C1311.85 709.27 1310.91 708.29 1309.79 707.57C1308.66 706.84 1307.37 706.4 1306.04 706.28L889.96 668.72C888.32 668.57 886.67 668.91 885.23 669.69C883.78 670.48 882.6 671.67 881.83 673.13L861.03 712.46C853.36 727 851.77 743.99 856.61 759.7C861.45 775.42 872.33 788.57 886.85 796.27C887.38 796.56 887.94 796.78 888.52 796.94C896.06 799.04 1043.7 839.78 1139.2 839.78C1159.83 839.78 1178.05 837.87 1191.88 833.26C1270.71 807.04 1311.18 721.74 1312.87 718.12C1313.43 716.9 1313.69 715.57 1313.63 714.24C1313.57 712.9 1313.19 711.6 1312.52 710.44Z" fill="#900EFF"/>
+<mask id="mask1_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1793" y="132" width="376" height="448">
+<path d="M1793.92 298.97C1793.92 298.97 1866.43 247.745 1880.66 216.445C1894.89 185.146 1933.28 123.95 1974.53 133.921C2015.78 143.892 2025.92 192.278 2025.92 192.278C2025.92 192.278 2079.77 166.64 2108.21 196.52C2136.65 226.4 2104.22 300.46 2104.22 300.46C2104.22 300.46 2157.98 303.23 2166.52 344.5C2175.05 385.77 2152.3 409.95 2098.26 425.6C2044.21 441.25 1994.44 425.6 1994.44 425.6C1994.44 425.6 2035.67 465.44 2020.04 525.21C2004.41 584.99 1950.48 590.82 1937.67 565.3C1924.86 539.78 1904.83 485.45 1870.71 474.07C1836.59 462.7 1812.4 474.07 1812.4 474.07C1812.4 474.07 1857.87 402.89 1793.92 298.97Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_75_205)">
+<path d="M1793.92 298.97C1793.92 298.97 1866.43 247.745 1880.66 216.445C1894.89 185.146 1933.28 123.95 1974.53 133.921C2015.78 143.892 2025.92 192.278 2025.92 192.278C2025.92 192.278 2079.77 166.64 2108.21 196.52C2136.65 226.4 2104.22 300.46 2104.22 300.46C2104.22 300.46 2157.98 303.23 2166.52 344.5C2175.05 385.77 2152.3 409.95 2098.26 425.6C2044.21 441.25 1994.44 425.6 1994.44 425.6C1994.44 425.6 2035.67 465.44 2020.04 525.21C2004.41 584.99 1950.48 590.82 1937.67 565.3C1924.86 539.78 1904.83 485.45 1870.71 474.07C1836.59 462.7 1812.4 474.07 1812.4 474.07C1812.4 474.07 1857.87 402.89 1793.92 298.97Z" fill="#FFF5D7"/>
+<path d="M2003.16 150.287L1981.09 235.032L2023.33 183.557L2003.16 150.287Z" fill="#FFDB8F"/>
+<path d="M2119.7 239.075L2100.04 300.5L2042.59 321.72C2042.59 321.72 2118.17 232.995 2115.09 206.974C2112.02 180.952 2119.7 239.075 2119.7 239.075Z" fill="#FFDB8F"/>
+<path d="M2003.17 559.401C2003.17 559.401 2012.33 522.461 1990.23 483.961C1968.13 445.461 1971.86 423.311 1990.23 422.381C2008.6 421.441 2045.78 502.901 2046.41 509.231C2047.05 515.561 2003.17 559.401 2003.17 559.401Z" fill="#FFDB8F"/>
+</g>
+<path d="M1963.76 588C1948.73 588 1936.2 580.98 1930.2 568.99C1928.22 565.01 1926.06 560.37 1923.77 555.46C1911.76 529.57 1893.71 490.47 1868.07 481.97C1837.46 471.77 1816.16 481.5 1815.96 481.6C1814.32 482.38 1812.47 482.61 1810.7 482.24C1808.92 481.87 1807.31 480.94 1806.11 479.58C1804.91 478.21 1804.19 476.5 1804.06 474.69C1803.92 472.88 1804.38 471.07 1805.36 469.55C1805.46 469.41 1816 452.39 1818.95 423.62C1821.69 397.04 1818.33 354.6 1786.8 303.36C1785.68 301.55 1785.3 299.391 1785.73 297.311C1786.15 295.221 1787.35 293.38 1789.09 292.16C1808.75 278.28 1862.18 237.039 1873.07 213.005C1890.12 175.459 1931.09 114.848 1976.48 125.821C2010.87 134.172 2025.82 165.154 2031.35 181.088C2049.2 174.674 2089.26 164.503 2114.26 190.775C2139.63 217.498 2124.05 271.08 2115.93 293.61C2133.87 296.95 2167.54 307.96 2174.75 342.83C2186.88 401.47 2138.26 422.75 2100.63 433.64C2067.01 443.37 2035.26 441.6 2014.85 438.51C2023.06 451.61 2028.49 466.25 2030.79 481.53C2033.09 496.81 2032.21 512.41 2028.21 527.33C2017.47 568.4 1990.58 585.44 1969 587.7C1967.26 587.89 1965.51 587.99 1963.76 588ZM1840.45 460.63C1851.64 460.66 1862.75 462.51 1873.35 466.11C1905.74 476.91 1925.71 519.95 1938.92 548.43C1941.16 553.22 1943.26 557.77 1945.15 561.52C1948.63 568.49 1957.08 572.16 1967.18 571.11C1983.2 569.44 2003.36 555.96 2011.96 523.14C2026.12 469.04 1990.25 433.15 1988.58 431.65C1987.22 430.34 1986.34 428.61 1986.09 426.74C1985.85 424.87 1986.24 422.97 1987.21 421.35C1988.17 419.73 1989.66 418.49 1991.43 417.82C1993.19 417.16 1995.13 417.11 1996.93 417.69C1997.4 417.84 2045.1 432.35 2095.92 417.69C2147.7 402.66 2165.72 382.03 2158.33 346.29C2151.22 311.93 2104.22 308.92 2103.75 308.89C2102.4 308.82 2101.1 308.42 2099.93 307.73C2098.77 307.04 2097.8 306.08 2097.09 304.93C2096.38 303.78 2095.97 302.48 2095.87 301.13C2095.78 299.78 2096.01 298.44 2096.55 297.2C2104.91 278.01 2122.29 223.544 2102.15 202.383C2078.25 177.33 2029.98 199.694 2029.5 199.928C2028.36 200.457 2027.11 200.723 2025.86 200.705C2024.6 200.687 2023.36 200.386 2022.24 199.825C2021.12 199.263 2020.13 198.455 2019.37 197.46C2018.6 196.466 2018.06 195.311 2017.8 194.082C2017.8 193.681 2008.12 150.657 1972.61 142.139C1940.27 134.323 1904.48 184.412 1888.32 220.003C1875.74 247.662 1823.38 287.85 1805.06 301.34C1835.62 354.09 1838.59 398.21 1835.5 426.44C1834.22 438.41 1831.5 450.19 1827.4 461.51C1831.73 460.91 1836.08 460.62 1840.45 460.63Z" fill="#900EFF"/>
+<path d="M2006 388.57H2005.86C2004.77 388.56 2003.68 388.32 2002.68 387.89C2001.67 387.45 2000.76 386.82 2000 386.03C1999.23 385.25 1998.63 384.32 1998.23 383.3C1997.83 382.28 1997.63 381.19 1997.65 380.09C1998.98 298.87 1919.46 242.45 1918.66 241.899C1916.84 240.634 1915.6 238.699 1915.21 236.519C1914.82 234.339 1915.31 232.093 1916.57 230.274C1917.84 228.456 1919.77 227.214 1921.95 226.823C1924.13 226.431 1926.38 226.922 1928.2 228.187C1931.79 230.675 2015.83 290.12 2014.35 380.37C2014.31 382.56 2013.41 384.65 2011.85 386.18C2010.29 387.72 2008.19 388.58 2006 388.57Z" fill="#900EFF"/>
+<path d="M2037.31 335.9C2035.38 335.89 2033.51 335.21 2032.02 333.98C2030.53 332.75 2029.51 331.04 2029.14 329.14C2028.77 327.24 2029.08 325.27 2030 323.57C2030.92 321.87 2032.4 320.541 2034.19 319.811L2101 292.76C2103.05 291.94 2105.33 291.97 2107.36 292.84C2109.39 293.71 2110.99 295.34 2111.82 297.39C2112.64 299.43 2112.63 301.72 2111.77 303.75C2110.92 305.79 2109.3 307.4 2107.26 308.24L2040.35 335.3C2039.39 335.69 2038.35 335.89 2037.31 335.9Z" fill="#900EFF"/>
+<path d="M1980.38 253.341C1978.78 253.34 1977.21 252.879 1975.86 252.014C1974.52 251.149 1973.45 249.916 1972.78 248.461C1972.12 247.006 1971.89 245.391 1972.11 243.807C1972.34 242.224 1973.02 240.738 1974.06 239.528L2019.61 186.867C2021.08 185.262 2023.11 184.292 2025.28 184.165C2027.45 184.037 2029.59 184.763 2031.24 186.186C2032.88 187.609 2033.91 189.618 2034.09 191.785C2034.28 193.952 2033.61 196.107 2032.23 197.79L1986.69 250.535C1985.9 251.426 1984.92 252.137 1983.84 252.621C1982.75 253.105 1981.57 253.35 1980.38 253.341Z" fill="#900EFF"/>
+<mask id="mask2_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1375" y="314" width="435" height="222">
+<path d="M1379.64 406.959L1471.52 384.27L1755.85 314.02L1809.57 360.28L1793.92 471.319L1567.59 535.37L1375.15 431.209L1379.64 406.959Z" fill="white"/>
+</mask>
+<g mask="url(#mask2_75_205)">
+<path d="M1379.64 406.959L1471.52 384.27L1755.85 314.02L1809.57 360.28L1793.92 471.319L1567.59 535.37L1375.15 431.209L1379.64 406.959Z" fill="#FFF5D7"/>
+<path d="M1769.92 486.47C1769.4 486.46 1768.9 486.41 1768.4 486.32C1766.22 485.91 1764.3 484.66 1763.05 482.84C1761.79 481.01 1761.31 478.77 1761.71 476.59C1778.8 383.52 1737.13 322.47 1736.66 321.87C1735.43 320.06 1734.96 317.83 1735.35 315.68C1735.75 313.52 1736.97 311.6 1738.77 310.34C1740.56 309.08 1742.78 308.58 1744.94 308.94C1747.1 309.3 1749.04 310.49 1750.32 312.27C1752.23 314.95 1796.5 379.31 1778.1 479.62C1777.75 481.53 1776.74 483.27 1775.24 484.52C1773.75 485.77 1771.86 486.46 1769.92 486.47Z" fill="#FFDB8F"/>
+<path d="M1719.44 499.391C1718.1 499.391 1716.79 499.071 1715.6 498.461C1714.41 497.841 1713.39 496.951 1712.62 495.851C1711.84 494.761 1711.35 493.501 1711.17 492.171C1710.99 490.851 1711.13 489.501 1711.58 488.241C1725.34 449.521 1723.88 412.641 1707.23 378.621C1699.93 363.481 1689.84 349.861 1677.49 338.471C1676.64 337.771 1675.95 336.911 1675.44 335.941C1674.93 334.961 1674.61 333.901 1674.51 332.811C1674.41 331.721 1674.53 330.621 1674.85 329.571C1675.18 328.521 1675.71 327.551 1676.41 326.701C1677.11 325.861 1677.97 325.161 1678.94 324.651C1679.92 324.141 1680.98 323.831 1682.07 323.731C1683.16 323.631 1684.26 323.741 1685.31 324.071C1686.36 324.401 1687.33 324.921 1688.18 325.631C1688.96 326.291 1707.67 342.031 1721.85 370.621C1734.94 397.031 1746.5 439.831 1727.28 493.901C1726.69 495.511 1725.62 496.901 1724.22 497.881C1722.82 498.861 1721.15 499.391 1719.44 499.391Z" fill="#FFDB8F"/>
+<path d="M1610.8 531.5C1609.43 531.49 1608.08 531.16 1606.87 530.51C1605.67 529.87 1604.64 528.94 1603.87 527.81C1603.11 526.67 1602.64 525.37 1602.5 524.01C1602.35 522.65 1602.55 521.27 1603.06 520C1618.48 481.86 1616.42 444.71 1596.82 409.62C1587.83 393.51 1575.97 379.18 1561.84 367.32C1560.08 365.97 1558.93 363.98 1558.64 361.78C1558.35 359.59 1558.94 357.37 1560.29 355.61C1561.64 353.85 1563.63 352.7 1565.82 352.41C1568.02 352.12 1570.24 352.71 1572 354.05C1587.8 367.09 1601.05 382.95 1611.06 400.82C1626.51 428.24 1640.36 472.25 1618.55 526.18C1617.94 527.74 1616.87 529.09 1615.49 530.03C1614.11 530.98 1612.47 531.49 1610.8 531.5Z" fill="#FFDB8F"/>
+<path d="M1482.71 499.39C1481.93 499.4 1481.15 499.28 1480.41 499.06C1479.35 498.75 1478.37 498.25 1477.51 497.56C1476.65 496.88 1475.94 496.03 1475.41 495.07C1474.88 494.11 1474.54 493.06 1474.42 491.97C1474.3 490.88 1474.39 489.77 1474.69 488.72C1490.79 432.9 1455.75 394.29 1454.25 392.67C1452.8 391.04 1452.05 388.91 1452.14 386.73C1452.24 384.56 1453.19 382.51 1454.78 381.02C1456.37 379.53 1458.48 378.72 1460.66 378.77C1462.84 378.81 1464.91 379.71 1466.44 381.26C1468.21 383.15 1509.53 428.19 1490.74 493.36C1490.24 495.1 1489.18 496.63 1487.73 497.72C1486.29 498.81 1484.52 499.4 1482.71 499.39Z" fill="#FFDB8F"/>
+<path d="M1497.66 494.651C1497.25 494.651 1496.85 494.611 1496.45 494.551C1494.26 494.231 1492.29 493.061 1490.97 491.281C1489.64 489.511 1489.07 487.28 1489.39 485.09C1498.41 422.83 1467.56 390.261 1466.26 388.911C1464.85 387.311 1464.1 385.22 1464.18 383.09C1464.26 380.96 1465.15 378.93 1466.67 377.44C1468.2 375.94 1470.23 375.081 1472.37 375.041C1474.5 375.001 1476.57 375.78 1478.15 377.22C1479.72 378.79 1516.18 416.62 1505.92 487.45C1505.65 489.44 1504.66 491.27 1503.14 492.6C1501.62 493.92 1499.67 494.651 1497.66 494.651Z" fill="#900EFF"/>
+<path d="M1629.82 522.09C1628.98 522.09 1628.15 521.96 1627.35 521.71C1625.23 521.05 1623.46 519.59 1622.43 517.63C1621.4 515.67 1621.18 513.38 1621.84 511.27C1649.36 421.98 1580.25 363.27 1579.55 362.62C1578.68 361.93 1577.96 361.07 1577.43 360.09C1576.9 359.12 1576.57 358.05 1576.46 356.95C1576.35 355.84 1576.46 354.73 1576.78 353.67C1577.1 352.61 1577.64 351.62 1578.35 350.77C1579.05 349.91 1579.93 349.21 1580.91 348.7C1581.89 348.19 1582.97 347.87 1584.07 347.78C1585.18 347.69 1586.29 347.82 1587.35 348.16C1588.4 348.5 1589.38 349.05 1590.22 349.78C1604.59 362.73 1616.6 378.08 1625.71 395.14C1635.86 413.43 1642.16 433.61 1644.24 454.42C1646.31 475.24 1644.1 496.26 1637.75 516.2C1637.23 517.89 1636.18 519.38 1634.75 520.44C1633.33 521.5 1631.6 522.08 1629.82 522.09Z" fill="#900EFF"/>
+<path d="M1735.94 494.651C1734.65 494.651 1733.38 494.351 1732.22 493.771C1731.07 493.201 1730.06 492.361 1729.28 491.341C1728.51 490.311 1727.98 489.111 1727.74 487.841C1727.5 486.571 1727.56 485.271 1727.91 484.031C1756.3 383.451 1691.17 336.261 1690.53 335.801C1688.76 334.511 1687.56 332.571 1687.2 330.411C1686.84 328.251 1687.35 326.031 1688.61 324.241C1689.87 322.451 1691.78 321.221 1693.94 320.831C1696.1 320.431 1698.32 320.901 1700.13 322.141C1700.92 322.691 1719.66 336.061 1734.36 363.391C1747.82 388.441 1760.39 430.381 1743.98 488.551C1743.48 490.311 1742.43 491.851 1740.98 492.951C1739.53 494.051 1737.76 494.651 1735.94 494.651Z" fill="#900EFF"/>
+</g>
+<path d="M1567.59 543.721C1566.2 543.721 1564.83 543.381 1563.61 542.721L1371.16 438.571C1369.61 437.721 1368.36 436.411 1367.6 434.821C1366.84 433.221 1366.61 431.431 1366.93 429.701L1371.43 405.431C1371.72 403.851 1372.46 402.391 1373.56 401.221C1374.66 400.061 1376.08 399.231 1377.64 398.851L1753.85 305.921C1755.14 305.601 1756.49 305.601 1757.79 305.911C1759.09 306.221 1760.29 306.841 1761.3 307.711L1815.01 353.951C1816.07 354.871 1816.89 356.031 1817.38 357.341C1817.87 358.651 1818.03 360.071 1817.83 361.451L1802.18 472.491C1801.96 474.091 1801.27 475.591 1800.2 476.811C1799.14 478.031 1797.74 478.911 1796.19 479.351L1569.86 543.401C1569.12 543.611 1568.36 543.721 1567.59 543.721ZM1384.45 426.811L1568.57 526.451L1786.4 464.801L1800.66 363.671L1753.66 323.211L1386.87 413.781L1384.45 426.811Z" fill="#900EFF"/>
+<path d="M1748.42 301.609C1767.84 332.139 1800.45 397.609 1781.71 471.069C1780.96 473.969 1781.01 477.009 1781.84 479.889C1782.66 482.759 1784.24 485.369 1786.41 487.429C1788.58 489.499 1791.25 490.949 1794.17 491.629C1797.08 492.309 1800.13 492.209 1802.99 491.329L1804.96 490.709C1807.38 489.939 1809.59 488.649 1811.45 486.909C1813.3 485.179 1814.74 483.049 1815.66 480.689C1851.49 390.709 1803.57 308.359 1784.25 280.529C1782.22 277.589 1779.3 275.369 1775.91 274.209C1772.53 273.049 1768.87 273.009 1765.46 274.079L1757.67 276.489C1755.2 277.249 1752.93 278.569 1751.04 280.349C1749.16 282.129 1747.72 284.319 1746.82 286.759C1745.93 289.189 1745.6 291.789 1745.88 294.369C1746.16 296.949 1747.03 299.419 1748.42 301.609Z" fill="#FFF5D7"/>
+<path d="M1797.87 500.459C1794.04 500.429 1790.27 499.529 1786.84 497.829C1783.41 496.129 1780.42 493.669 1778.08 490.639C1775.74 487.609 1774.12 484.079 1773.35 480.329C1772.57 476.579 1772.66 472.699 1773.61 468.989C1791.39 399.309 1761.05 337.049 1741.37 306.079C1739.3 302.819 1738.01 299.119 1737.61 295.279C1737.2 291.429 1737.68 287.549 1739.02 283.919C1740.36 280.289 1742.51 277.019 1745.32 274.359C1748.13 271.709 1751.51 269.729 1755.2 268.589L1762.98 266.169C1768.09 264.559 1773.58 264.639 1778.64 266.379C1783.7 268.119 1788.07 271.429 1791.11 275.839C1813.11 307.569 1860.31 391.229 1823.41 483.839C1822.03 487.359 1819.87 490.509 1817.11 493.079C1814.34 495.649 1811.03 497.569 1807.43 498.689L1805.47 499.289C1803.01 500.059 1800.45 500.459 1797.87 500.459ZM1770.47 281.669C1769.61 281.659 1768.75 281.789 1767.93 282.049L1760.14 284.469C1758.9 284.849 1757.77 285.519 1756.82 286.409C1755.88 287.299 1755.15 288.399 1754.7 289.619C1754.25 290.829 1754.08 292.139 1754.22 293.429C1754.35 294.719 1754.78 295.969 1755.47 297.069C1776.6 330.269 1809.13 397.279 1789.79 473.049C1789.38 474.529 1789.39 476.089 1789.81 477.559C1790.23 479.039 1791.05 480.359 1792.18 481.399C1793.27 482.449 1794.62 483.179 1796.09 483.529C1797.56 483.869 1799.09 483.799 1800.53 483.339L1802.5 482.739C1803.72 482.359 1804.83 481.709 1805.77 480.839C1806.7 479.979 1807.44 478.909 1807.91 477.729C1841.8 392.649 1797.89 314.899 1777.41 285.419C1776.65 284.289 1775.61 283.349 1774.4 282.709C1773.19 282.069 1771.84 281.729 1770.47 281.729V281.669Z" fill="#900EFF"/>
+<path d="M709.26 679.29L1065.65 764.47C1117.84 776.39 1168.1 732.99 1177.9 667.6L1237.84 345.25C1247.63 279.81 1213.28 217.099 1161.02 205.174L798.02 165.039C745.82 153.131 695.57 196.522 685.76 261.91L632.5 539.16C622.7 604.62 657 667.38 709.26 679.29Z" fill="#FFF5D7"/>
+<path d="M1082.9 774.79C1076.49 774.8 1070.11 774.08 1063.86 772.65L707.43 687.47C651.17 674.61 613.9 607.57 624.3 538.02C624.29 537.91 624.29 537.8 624.3 537.69L677.53 260.56C683.29 222.391 702.4 189.722 729.97 170.916C751.05 156.519 775.69 151.509 799.4 156.786L1161.98 196.871C1162.3 196.91 1162.62 196.966 1162.94 197.038C1219.2 209.882 1256.47 276.92 1246.09 346.49V346.79L1186.13 668.95C1180.39 707.13 1161.28 739.82 1133.69 758.64C1118.78 769.03 1101.07 774.66 1082.9 774.79ZM640.73 540.61C631.67 601.67 663.22 660.21 711.12 671.15H711.2L1067.58 756.33C1087.06 760.78 1106.7 756.78 1124.29 744.79C1148.07 728.56 1164.61 699.95 1169.65 666.29V665.99L1229.54 343.88C1238.6 283 1207.28 224.629 1159.61 213.422L797.05 173.338C796.73 173.305 796.42 173.255 796.11 173.188C776.55 168.711 756.91 172.703 739.33 184.712C715.54 200.946 699.01 229.556 693.96 263.21V263.54L640.73 540.61Z" fill="#900EFF"/>
+<path d="M1177.9 667.58L1237.84 345.23C1246.39 288.05 1221.23 232.929 1179.9 212.002L1180.94 212.52L1235.89 247.978C1271.35 266.35 1380.66 328.6 1373.56 376L1315.54 688.84C1308.38 736.24 1241.57 768.52 1203.04 770.13L1095.03 765.52C1130.52 754.35 1170.72 715.56 1177.9 667.58Z" fill="#FFDB8F"/>
+<path d="M1203.04 778.48H1202.69L1094.68 773.87C1092.72 773.78 1090.85 773.01 1089.41 771.68C1087.96 770.36 1087.03 768.57 1086.77 766.62C1086.51 764.68 1086.95 762.71 1088 761.05C1089.05 759.4 1090.65 758.17 1092.52 757.57C1125.26 747.27 1163.05 710.32 1169.65 666.36V666.06L1229.54 343.95C1236.41 297.87 1219.89 251.905 1189.46 228.088L1176.71 219.871L1176.06 219.537C1174.08 218.543 1172.58 216.802 1171.88 214.699C1171.19 212.596 1171.35 210.302 1172.35 208.322C1173.34 206.342 1175.08 204.838 1177.19 204.141C1179.29 203.444 1181.58 203.611 1183.56 204.605L1184.75 205.207L1185 205.357C1189.86 207.919 1194.48 210.898 1198.83 214.259L1240.03 240.832C1255.06 248.682 1292.83 269.23 1325.71 294.6C1366.41 325.94 1385.27 353.77 1381.75 377.32C1381.75 377.41 1381.75 377.51 1381.75 377.6L1323.77 690.23C1315.99 741.39 1247.31 776.64 1203.39 778.47L1203.04 778.48ZM1127.44 758.54L1203.04 761.76C1240.93 760.09 1301.19 728.26 1307.27 687.61V687.32L1365.33 374.7C1369.91 342.66 1301.86 291.77 1232.13 255.5C1245.95 283.71 1250.82 315.48 1246.09 346.54V346.84L1186.13 668.97C1180.32 707.45 1155.14 739.6 1127.44 758.54Z" fill="#900EFF"/>
+<path d="M993.78 698.141C948.02 698.141 916.75 668.511 915.4 667.211C913.8 665.671 912.88 663.571 912.84 661.351C912.79 659.131 913.63 656.991 915.17 655.401C916.71 653.801 918.82 652.881 921.03 652.841C923.25 652.791 925.39 653.631 926.99 655.171C927.44 655.601 957.05 683.251 997.85 681.341C1027.7 679.971 1056.58 663.501 1083.67 632.391C1084.39 631.561 1085.27 630.881 1086.25 630.401C1087.23 629.911 1088.3 629.621 1089.39 629.541C1090.49 629.471 1091.58 629.611 1092.62 629.961C1093.66 630.311 1094.62 630.861 1095.45 631.581C1096.28 632.301 1096.96 633.181 1097.44 634.161C1097.93 635.141 1098.22 636.211 1098.3 637.301C1098.37 638.401 1098.23 639.491 1097.88 640.531C1097.53 641.571 1096.98 642.531 1096.26 643.361C1065.98 678.101 1033.06 696.471 998.39 698.031C996.83 698.101 995.29 698.141 993.78 698.141Z" fill="#900EFF"/>
+<path d="M1008.54 54.4562L1156.39 145.882C1158.11 146.938 1160.04 147.634 1162.04 147.93C1164.04 148.226 1166.08 148.114 1168.04 147.603C1169.99 147.091 1171.83 146.19 1173.43 144.953C1175.03 143.716 1176.36 142.169 1177.35 140.404L1187.07 123.702C1189.18 120.114 1189.82 115.847 1188.85 111.798C1187.88 107.748 1185.38 104.232 1181.88 101.989L1034.08 10.5632C1032.36 9.50724 1030.43 8.81127 1028.43 8.51527C1026.43 8.21927 1024.39 8.33024 1022.43 8.84224C1020.48 9.35424 1018.64 10.2553 1017.04 11.4923C1015.44 12.7293 1014.11 14.2763 1013.12 16.0413L1003.38 32.7432C1001.27 36.3282 1000.63 40.5912 1001.59 44.6392C1002.55 48.6862 1005.04 52.2052 1008.54 54.4562Z" fill="#FFF5D7"/>
+<path d="M1164.12 156.47C1159.82 156.465 1155.61 155.256 1151.96 152.979L1004.15 61.5531C998.82 58.1541 995.01 52.8251 993.51 46.6811C992.02 40.5361 992.96 34.0521 996.13 28.5841L1005.85 11.8821C1007.43 9.12012 1009.56 6.70607 1012.09 4.78507C1014.63 2.86507 1017.53 1.47811 1020.62 0.708109C1023.62 -0.0568905 1026.75 -0.203897 1029.82 0.276103C1032.88 0.755103 1035.81 1.85111 1038.44 3.49711L1186.23 94.9231C1191.57 98.3201 1195.39 103.648 1196.88 109.792C1198.38 115.937 1197.44 122.423 1194.27 127.893L1184.53 144.595C1182.48 148.196 1179.51 151.19 1175.92 153.275C1172.34 155.36 1168.27 156.462 1164.12 156.47ZM1026.25 16.7091C1025.68 16.7021 1025.12 16.7701 1024.58 16.9091C1023.66 17.1461 1022.81 17.5631 1022.06 18.1371C1021.31 18.7111 1020.68 19.4291 1020.22 20.2491L1010.5 36.9511C1009.48 38.6501 1009.15 40.6781 1009.59 42.6111C1010.03 44.5431 1011.2 46.2321 1012.85 47.3231L1160.66 138.749C1161.4 139.216 1162.23 139.526 1163.09 139.661C1163.95 139.796 1164.83 139.753 1165.67 139.534C1166.59 139.298 1167.45 138.88 1168.2 138.307C1168.95 137.733 1169.58 137.015 1170.05 136.194L1179.77 119.492C1180.79 117.789 1181.11 115.757 1180.67 113.821C1180.23 111.885 1179.06 110.195 1177.4 109.103L1029.6 17.6771C1028.6 17.0521 1027.43 16.7161 1026.25 16.7091Z" fill="#900EFF"/>
+<path d="M1164.12 156.468C1159.82 156.463 1155.61 155.254 1151.96 152.977L1004.15 61.551C998.82 58.152 995.01 52.8229 993.51 46.6789C992.02 40.5339 992.96 34.0499 996.13 28.5819L1005.85 11.8799C1008 8.19194 1011.09 5.14292 1014.81 3.04492C1016.4 2.15492 1018.25 1.81194 1020.05 2.06994C1021.86 2.32794 1023.54 3.17094 1024.82 4.47094C1026.1 5.77194 1026.92 7.45691 1027.16 9.26891C1027.39 11.0799 1027.03 12.9189 1026.11 14.5019L1018.61 27.4459C1017.6 29.1469 1017.27 31.1759 1017.71 33.1089C1018.16 35.0419 1019.33 36.7289 1020.99 37.8179L1168.78 129.261C1169.78 129.884 1170.93 130.223 1172.11 130.241C1173.29 130.259 1174.44 129.954 1175.46 129.361C1177.06 128.459 1178.91 128.107 1180.73 128.361C1182.54 128.615 1184.23 129.46 1185.51 130.766C1186.8 132.071 1187.63 133.765 1187.86 135.585C1188.09 137.405 1187.71 139.25 1186.79 140.835L1184.56 144.643C1182.51 148.244 1179.54 151.238 1175.96 153.324C1172.37 155.409 1168.3 156.511 1164.15 156.518L1164.12 156.468Z" fill="#900EFF"/>
+<path d="M746.84 75.166L899.53 63.6749C901.29 63.5669 903 63.0919 904.57 62.2809C906.13 61.4699 907.51 60.3399 908.61 58.9659C909.71 57.5909 910.51 56.0009 910.96 54.2979C911.41 52.5949 911.5 50.8169 911.22 49.0779L908.9 32.3759C908.37 28.7329 906.49 25.423 903.63 23.098C900.78 20.773 897.16 19.6019 893.48 19.8159L740.8 31.3069C739.04 31.4149 737.32 31.8899 735.76 32.7009C734.19 33.5119 732.82 34.6419 731.72 36.0159C730.62 37.3909 729.81 38.981 729.36 40.684C728.91 42.387 728.83 44.1649 729.1 45.9039L731.44 62.606C731.97 66.247 733.85 69.5569 736.7 71.8829C739.55 74.2079 743.17 75.38 746.84 75.166Z" fill="#FFF5D7"/>
+<path d="M745.84 83.5136C740.32 83.4356 735.02 81.4016 730.86 77.7736C726.71 74.1456 723.98 69.1596 723.16 63.7046L720.84 47.0036C720.41 44.1156 720.58 41.1706 721.34 38.3536C722.11 35.5366 723.45 32.9086 725.28 30.6356C727.08 28.3986 729.33 26.5586 731.88 25.2306C734.43 23.9036 737.23 23.1166 740.09 22.9186L892.8 11.4286C898.58 11.0976 904.28 12.9386 908.77 16.5906C913.27 20.2426 916.24 25.4426 917.1 31.1696L919.42 47.8716C919.86 50.7356 919.7 53.6586 918.95 56.4576C918.2 59.2556 916.88 61.8686 915.07 64.1306C913.26 66.3936 911 68.2566 908.44 69.6036C905.87 70.9506 903.05 71.7516 900.16 71.9556L747.46 83.5136C746.93 83.5136 746.37 83.5136 745.84 83.5136ZM894.45 28.0466H894.05L741.35 39.5376C740.75 39.5706 740.18 39.7246 739.65 39.9926C739.12 40.2596 738.65 40.6336 738.27 41.0906C737.89 41.5926 737.61 42.1696 737.45 42.7836C737.3 43.3986 737.27 44.0396 737.37 44.6646L739.71 61.3666C739.94 62.9066 740.73 64.3066 741.93 65.3016C743.13 66.2966 744.65 66.8156 746.21 66.7616L898.91 55.2706C899.5 55.2416 900.08 55.0886 900.61 54.8216C901.14 54.5536 901.61 54.1776 901.99 53.7176C902.37 53.2156 902.65 52.6386 902.81 52.0236C902.96 51.4086 902.99 50.7686 902.89 50.1436L900.55 33.4416C900.32 31.9756 899.58 30.6376 898.47 29.6556C897.36 28.6736 895.94 28.1106 894.45 28.0636V28.0466Z" fill="#900EFF"/>
+<path d="M745.84 83.5173C740.32 83.4393 735.02 81.4053 730.86 77.7773C726.71 74.1493 723.98 69.1633 723.16 63.7083L720.84 47.0063C720.28 43.1153 720.8 39.1443 722.36 35.5323C723.08 33.8613 724.33 32.4723 725.91 31.5763C727.5 30.6803 729.33 30.3263 731.13 30.5683C732.94 30.8103 734.61 31.6353 735.9 32.9173C737.2 34.1993 738.03 35.8683 738.29 37.6703L740.09 50.6143C740.33 52.1553 741.12 53.5563 742.33 54.5503C743.53 55.5453 745.05 56.0643 746.61 56.0093L899.3 44.5183C900.08 44.4853 900.85 44.2293 901.49 43.7793C902.14 43.3303 902.65 42.7063 902.95 41.9793C903.67 40.3013 904.92 38.9043 906.51 38.0033C908.1 37.1023 909.94 36.7473 911.75 36.9913C913.56 37.2353 915.24 38.0663 916.53 39.3563C917.82 40.6463 918.66 42.3253 918.9 44.1343L919.42 47.9423C919.86 50.8063 919.7 53.7293 918.95 56.5273C918.2 59.3263 916.88 61.9383 915.07 64.2013C913.26 66.4643 911 68.3273 908.44 69.6743C905.87 71.0203 903.05 71.8213 900.17 72.0263L747.46 83.5173C746.93 83.5173 746.37 83.5173 745.84 83.5173Z" fill="#900EFF"/>
+<path d="M727.72 502.9C709.11 462.97 701.1 409.65 708.09 352.72C715.09 295.78 735.82 246.11 763.53 212.038L770.74 153.498L858.76 164.655C928.11 173.457 973.09 271.9 959.22 384.57C945.36 497.24 877.88 581.42 808.54 572.61C804.73 572.13 800.97 571.37 797.28 570.33L720.62 560.61L727.72 502.9Z" fill="#900EFF"/>
+<path d="M818.49 581.6C814.81 581.6 811.14 581.37 807.49 580.9C803.49 580.38 799.53 579.6 795.64 578.54L719.57 568.89C717.38 568.61 715.39 567.48 714.03 565.73C712.68 563.99 712.07 561.78 712.34 559.59L719.15 504.24C699.83 461.43 692.96 407.37 699.81 351.7C706.66 296.03 726.43 245.325 755.53 208.664L762.46 152.462C762.74 150.301 763.85 148.335 765.56 146.984C766.43 146.313 767.43 145.82 768.49 145.533C769.55 145.247 770.65 145.172 771.74 145.314L859.76 156.487C896.29 161.114 927.52 188.037 947.75 232.314C967.34 275.22 974.35 329.7 967.46 385.7C958.4 459.19 926.85 523.44 883.08 557.5C862.62 573.33 840.47 581.6 818.49 581.6ZM729.97 553.37L798.45 562.04C798.85 562.1 799.25 562.19 799.64 562.29C802.92 563.21 806.27 563.9 809.66 564.33C830.69 567 852.58 560.04 872.94 544.29C912.69 513.36 942.6 451.81 950.99 383.62C957.52 330.65 950.99 279.36 932.62 239.212C914.9 200.413 888.31 176.897 857.74 173.022L778.02 162.918L771.83 213.14C771.64 214.701 771.01 216.178 770.02 217.399C742.05 251.788 722.99 300.24 716.41 353.82C709.83 407.4 716.53 459.13 735.3 499.46C735.97 500.87 736.22 502.45 736.02 504L729.97 553.37Z" fill="#900EFF"/>
+<path d="M899.43 375.82C912.85 263.11 857.76 163.888 776.39 154.2C695.02 144.511 618.17 228.024 604.75 340.73C591.33 453.44 646.42 552.66 727.79 562.35C809.16 572.04 886.01 488.53 899.43 375.82Z" fill="#FFF5D7"/>
+<path d="M740.8 571.49C735.83 571.49 730.86 571.18 725.93 570.56C683.89 565.23 647.3 537.81 622.93 493.35C599.03 449.77 589.68 394.81 596.61 338.6C604.96 271.11 636.56 209.999 681.27 175.293C711.33 151.91 744.85 141.789 778.26 146.031C820.3 151.359 856.89 178.784 881.26 223.244C905.16 266.82 914.51 321.79 907.6 377.99C899.25 445.46 867.63 506.59 822.92 541.3C797.3 561.19 769.21 571.49 740.8 571.49ZM763.48 161.798C738.77 161.798 714.12 170.884 691.52 188.521C650.32 220.572 620.96 277.46 613.18 340.72C599.9 448.65 651.41 544.35 728.04 554.07C756.93 557.75 786.19 548.78 812.66 528.19C853.95 496.09 883.23 439.2 891.01 376.03C904.37 268.11 852.78 172.403 776.15 162.683C771.95 162.121 767.72 161.826 763.48 161.798Z" fill="#900EFF"/>
+<path d="M839.35 223.662C852.13 257.32 857.17 298.82 851.78 342.66C839.32 443.94 775.85 519.29 710.05 510.93C681.99 507.38 658.02 489.22 640.75 461.6C657.45 505.71 687.52 536.35 724.9 541.1C790.7 549.45 854.15 474.11 866.63 372.81C873.78 314.74 862.6 260.74 839.35 223.662Z" fill="#FFDB8F"/>
+<path d="M734.88 550.06C731.19 550.07 727.5 549.84 723.84 549.38C689.12 544.97 659.26 520.45 639.73 480.35C620.79 441.42 613.79 392.13 620.02 341.57C627.96 277.09 656.52 220.052 696.42 189.02C719.9 170.765 745.72 162.815 771.09 166.038C805.82 170.364 835.71 194.949 855.2 235.067C874.13 273.98 881.14 323.27 874.91 373.84C866.98 438.31 838.4 495.35 798.5 526.38C778.44 542 756.65 550.06 734.88 550.06ZM636.59 343.61C624.7 440.18 664.79 525.04 725.93 532.81C746.81 535.45 768.35 528.67 788.25 513.2C824.72 484.81 850.93 431.97 858.39 371.79C870.29 275.23 830.22 190.356 769.06 182.606C748.18 179.951 726.63 186.732 706.74 202.198C670.26 230.591 644.07 283.44 636.59 343.61Z" fill="#900EFF"/>
+<mask id="mask3_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="911" y="187" width="257" height="420">
+<path d="M933.94 536.52C915.33 496.59 907.3 443.28 914.31 386.34C921.33 329.4 942.02 279.73 969.74 245.659L976.96 187.068L1064.98 198.225C1134.32 207.027 1179.3 305.48 1165.42 418.14C1151.54 530.79 1084.1 615.04 1014.76 606.29C1010.95 605.8 1007.19 605.04 1003.5 604.01L926.84 594.29L933.94 536.52Z" fill="white"/>
+</mask>
+<g mask="url(#mask3_75_205)">
+<path d="M933.94 536.52C915.33 496.59 907.3 443.28 914.31 386.34C921.33 329.4 942.02 279.73 969.74 245.659L976.96 187.068L1064.98 198.225C1134.32 207.027 1179.3 305.48 1165.42 418.14C1151.54 530.79 1084.1 615.04 1014.76 606.29C1010.95 605.8 1007.19 605.04 1003.5 604.01L926.84 594.29L933.94 536.52Z" fill="#FFF5D7"/>
+<path d="M1158.23 353.77C1158.23 353.77 1159.04 453.979 1041.86 571.209C983.59 629.549 983.91 590.939 1003.45 603.959C1003.45 603.959 1046.87 621.37 1084.05 584.49C1209.83 459.729 1184.5 389.54 1158.23 353.77Z" fill="#FFDB8F"/>
+</g>
+<path d="M1024.71 615.22C1021.03 615.22 1017.35 614.98 1013.7 614.52C1009.71 614.01 1005.75 613.22 1001.86 612.16L925.79 602.53C923.59 602.25 921.59 601.11 920.23 599.37C918.87 597.62 918.26 595.4 918.54 593.21L925.35 537.81C906.03 495.05 899.18 440.94 906.03 385.32C912.87 329.7 932.58 278.93 961.74 242.283L968.66 186.098C968.94 183.893 970.08 181.888 971.83 180.519C973.58 179.168 975.8 178.568 978 178.849L1066.03 190.006C1100.52 194.382 1130.65 219.001 1150.89 259.32C1151.89 261.3 1152.05 263.59 1151.36 265.7C1151.01 266.74 1150.47 267.7 1149.75 268.53C1149.03 269.36 1148.16 270.04 1147.18 270.53C1146.2 271.03 1145.13 271.32 1144.03 271.4C1142.94 271.48 1141.84 271.34 1140.8 271C1138.7 270.3 1136.96 268.8 1135.96 266.82C1118.29 231.627 1092.72 210.232 1063.93 206.574L984.21 196.553L978.03 246.792C977.84 248.348 977.21 249.818 976.22 251.035C948.23 285.32 929.24 333.78 922.56 387.36C915.88 440.93 922.68 492.66 941.47 533C942.14 534.41 942.39 535.99 942.19 537.54L936.11 586.99L1004.58 595.68C1004.99 595.72 1005.38 595.8 1005.77 595.91C1009.06 596.83 1012.41 597.51 1015.79 597.95C1036.84 600.62 1058.72 593.66 1079.07 577.91C1118.83 546.99 1148.72 485.43 1157.12 417.25C1159.59 397.49 1160.18 377.54 1158.91 357.66C1158.76 355.44 1159.5 353.26 1160.97 351.59C1162.43 349.92 1164.49 348.9 1166.71 348.76C1168.92 348.61 1171.11 349.35 1172.78 350.81C1174.45 352.28 1175.47 354.34 1175.61 356.56C1176.94 377.46 1176.31 398.44 1173.72 419.22C1164.67 492.71 1133.12 556.96 1089.35 591.02C1068.82 606.97 1046.69 615.22 1024.71 615.22Z" fill="#900EFF"/>
+<path d="M1105.64 409.471C1119.06 296.761 1063.97 197.538 982.6 187.849C901.23 178.16 824.38 261.671 810.96 374.381C797.54 487.091 852.63 586.311 934 596.001C1015.38 605.691 1092.22 522.171 1105.64 409.471Z" fill="#FFF5D7"/>
+<path d="M947.01 605.12C942.04 605.12 937.08 604.81 932.15 604.18C890.09 598.85 853.52 571.43 829.13 526.97C805.25 483.39 795.9 428.43 802.81 372.23C811.16 304.73 842.78 243.622 887.49 208.916C917.55 185.533 951.07 175.412 984.48 179.654C1026.52 184.982 1063.09 212.407 1087.48 256.87C1111.38 300.44 1120.73 355.41 1113.8 411.61C1105.45 479.1 1073.85 540.21 1029.14 574.92C1003.53 594.83 975.42 605.12 947.01 605.12ZM819.4 374.26C806.1 482.19 857.63 577.89 934.25 587.61C963.15 591.27 992.41 582.34 1018.88 561.74C1060.17 529.63 1089.45 472.74 1097.23 409.57C1110.51 301.64 1058.98 205.943 982.37 196.222C953.48 192.548 924.22 201.5 897.73 222.094C856.46 254.211 827.18 311.1 819.4 374.26Z" fill="#900EFF"/>
+<path d="M1046.32 256.43C1059.12 290.1 1064.16 331.59 1058.77 375.43C1046.29 476.71 982.84 552.05 917.02 543.72C888.96 540.14 865.01 522.01 847.72 494.36C864.42 538.49 894.49 569.12 931.86 573.87C997.67 582.22 1061.12 506.87 1073.6 405.59C1080.75 347.5 1069.54 293.51 1046.32 256.43Z" fill="#FFDB8F"/>
+<path d="M940.62 583.64C936.89 583.64 933.17 583.4 929.48 582.92C894.6 578.51 864.59 553.98 844.97 513.86C825.91 474.93 818.84 425.62 825.07 375.05C832.99 310.73 861.55 253.793 901.48 222.728C925.12 204.356 951.14 196.339 976.64 199.579C1011.5 204.005 1041.51 228.54 1061.15 268.66C1080.19 307.59 1087.26 356.89 1081.05 407.47C1073.13 471.79 1044.55 528.72 1004.62 559.79C984.49 575.5 962.55 583.64 940.62 583.64ZM965.67 215.58C947.45 215.58 928.93 222.511 911.77 235.906C875.26 264.3 849.07 317.08 841.63 377.09C829.73 473.66 870.02 558.57 931.55 566.35C952.63 569.02 974.34 562.19 994.38 546.61C1030.89 518.22 1057.1 465.44 1064.53 405.43C1076.42 308.86 1036.14 223.947 974.61 216.147C971.63 215.775 968.64 215.585 965.64 215.58H965.67Z" fill="#900EFF"/>
+<path d="M945.24 355.961C928.93 352.431 911.96 355.961 896.17 366.281C872.44 381.731 854.12 411.091 847.15 444.781C835.19 502.781 859.63 557.361 901.65 566.431C905.71 567.311 909.84 567.751 913.99 567.751C927.12 567.531 939.9 563.471 950.74 556.061C974.47 540.611 992.79 511.251 999.74 477.561C1011.7 419.611 987.25 365.041 945.24 355.961Z" fill="#900EFF"/>
+<path d="M737.17 310.211C720.84 306.681 703.87 310.211 688.1 320.531C664.37 335.981 646.05 365.341 639.08 399.031C627.12 457.021 651.56 511.601 693.58 520.691C697.64 521.561 701.77 522.001 705.92 522.001C719.05 521.781 731.82 517.721 742.67 510.311C766.4 494.861 784.72 465.501 791.67 431.811C803.58 373.881 779.13 319.291 737.17 310.211Z" fill="#900EFF"/>
+<mask id="mask4_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="565" y="914" width="375" height="299">
+<path d="M872.84 969.971C872.84 969.971 824.15 970.901 816.24 964.361C808.32 957.811 730.64 906.791 698.32 914.871C666 922.951 668.91 936.131 668.91 936.131L704.57 978.491L606.9 973.731C575.497 972.171 554.569 1006.81 571.622 1033.24C572.006 1033.82 572.39 1034.39 572.791 1034.91C591.53 1061.19 604.12 1063.93 604.12 1063.93C604.12 1063.93 600.13 1102.15 620.83 1122.92C641.52 1143.7 664.08 1147.43 664.08 1147.43C664.08 1147.43 666.74 1190.63 696.55 1206.62C726.36 1222.6 824.04 1205.58 858.96 1186.33C880.58 1174.2 900.22 1158.82 917.18 1140.75L939.15 1075.86L872.84 969.971Z" fill="white"/>
+</mask>
+<g mask="url(#mask4_75_205)">
+<path d="M872.84 969.971C872.84 969.971 824.15 970.901 816.24 964.361C808.32 957.811 730.64 906.791 698.32 914.871C666 922.951 668.91 936.131 668.91 936.131L704.57 978.491L606.9 973.731C575.497 972.171 554.569 1006.81 571.622 1033.24C572.006 1033.82 572.39 1034.39 572.791 1034.91C591.53 1061.19 604.12 1063.93 604.12 1063.93C604.12 1063.93 600.13 1102.15 620.83 1122.92C641.52 1143.7 664.08 1147.43 664.08 1147.43C664.08 1147.43 666.74 1190.63 696.55 1206.62C726.36 1222.6 824.04 1205.58 858.96 1186.33C880.58 1174.2 900.22 1158.82 917.18 1140.75L939.15 1075.86L872.84 969.971Z" fill="#FFF5D7"/>
+<path d="M696.79 918.891C696.79 918.891 728.42 968.361 743.55 968.361C758.68 968.361 704.62 973.511 704.62 973.511L664.13 933.421L696.79 918.891Z" fill="#FFDB8F"/>
+<path d="M571.639 983.75C571.639 983.75 614.73 1057.75 642.65 1058.9C670.58 1060.06 694.6 1055.03 693.78 1058.9C692.96 1062.78 596.76 1060.21 596.76 1060.21C596.76 1060.21 546.068 1005.46 571.639 983.75Z" fill="#FFDB8F"/>
+<path d="M607.15 1073.71C607.15 1073.71 645.56 1121.52 690.47 1123.89C735.38 1126.27 748.53 1124.66 748.71 1126.85C748.9 1129.04 686.21 1157.3 645.03 1147.69C603.84 1138.09 607.15 1073.71 607.15 1073.71Z" fill="#FFDB8F"/>
+<path d="M669.88 1156.5C669.88 1156.5 714.37 1185.01 771.19 1180.75C828.01 1176.49 907.31 1147.69 907.31 1147.69C907.31 1147.69 753.91 1257.39 748.65 1258.34C743.38 1259.3 636.91 1233.72 638.41 1226.16C639.92 1218.59 669.88 1156.5 669.88 1156.5Z" fill="#FFDB8F"/>
+</g>
+<path d="M735.2 1221.38C717.55 1221.38 702.31 1219.19 692.61 1214C665.89 1199.7 658.47 1167.65 656.45 1154.12C640.76 1149.18 626.51 1140.49 614.93 1128.8C596.76 1110.6 595.17 1081.77 595.46 1069.19C588.976 1065.55 578.62 1057.5 565.96 1039.73C560.132 1031.5 556.719 1021.8 556.106 1011.72C555.701 1005.62 556.595 999.5 558.728 993.77C560.861 988.04 564.186 982.82 568.482 978.47C572.911 973.96 578.244 970.44 584.13 968.13C590.02 965.83 596.32 964.8 602.64 965.11L685.88 969.23L662.5 941.54C661.62 940.52 661.02 939.3 660.73 937.98C659.94 934.44 657.99 916.37 696.25 906.8C711.95 902.88 736.84 909.59 770.22 926.73C795.13 939.52 816.64 953.98 821.38 957.83C826.31 960.62 851.8 962.05 872.66 961.65C874.1 961.63 875.52 961.97 876.79 962.66C878.06 963.35 879.12 964.35 879.89 965.58L946.2 1071.52C946.85 1072.56 947.27 1073.74 947.41 1074.97C947.55 1076.2 947.43 1077.44 947.03 1078.61L925.05 1143.5C924.69 1144.56 924.13 1145.54 923.38 1146.37C905.79 1165.17 885.4 1181.13 862.94 1193.69C836.81 1208.09 778.68 1221.38 735.2 1221.38ZM606.03 1055.78C607.04 1055.95 608 1056.32 608.87 1056.87C609.74 1057.42 610.49 1058.13 611.08 1058.96C611.67 1059.8 612.09 1060.74 612.32 1061.74C612.54 1062.74 612.57 1063.78 612.39 1064.79C612.39 1065.1 609.05 1099.36 626.76 1117C645.13 1135.37 665.3 1139.18 665.5 1139.21C667.36 1139.53 669.05 1140.46 670.3 1141.86C671.56 1143.27 672.3 1145.05 672.42 1146.92C672.42 1147.29 675.22 1185.72 700.51 1199.27C726.26 1213.08 819.78 1198.42 854.92 1179.03C875.21 1167.6 893.71 1153.26 909.84 1136.45L929.98 1076.98L868.18 978.44C848.49 978.62 819.09 977.68 810.83 970.84C799.44 961.4 726.73 916.41 700.26 923.02C685.61 926.68 679.7 931.37 677.83 933.91L710.88 973.16C711.93 974.4 712.6 975.93 712.79 977.54C712.99 979.16 712.71 980.79 711.99 982.25C711.26 983.71 710.13 984.93 708.73 985.75C707.32 986.57 705.71 986.97 704.08 986.89L601.69 981.88C597.73 981.67 593.78 982.31 590.09 983.75C586.403 985.19 583.062 987.4 580.291 990.23C577.635 992.89 575.581 996.08 574.27 999.61C572.959 1003.13 572.421 1006.89 572.691 1010.64C573.095 1017.64 575.444 1024.39 579.472 1030.13C594.47 1050.97 604.68 1055.28 606.03 1055.78Z" fill="#900EFF"/>
+<path d="M639.92 1073.94C622.85 1073.94 607.13 1072.87 597.19 1069.98C595.06 1069.36 593.26 1067.91 592.19 1065.96C591.13 1064.02 590.88 1061.72 591.5 1059.59C592.12 1057.46 593.56 1055.66 595.51 1054.59C597.46 1053.52 599.75 1053.27 601.89 1053.89C628.49 1061.63 708.21 1053.73 717.38 1051.17C719.37 1050.32 721.61 1050.28 723.64 1051.05C725.66 1051.82 727.3 1053.35 728.22 1055.31C729.14 1057.27 729.26 1059.51 728.56 1061.56C727.86 1063.61 726.39 1065.3 724.46 1066.29C719.4 1068.93 676.56 1073.94 639.92 1073.94Z" fill="#900EFF"/>
+<path d="M669.23 1156.03C667.22 1156.04 665.21 1155.94 663.22 1155.74C662.09 1155.68 660.99 1155.39 659.98 1154.89C658.97 1154.39 658.07 1153.69 657.33 1152.83C656.6 1151.98 656.05 1150.98 655.71 1149.9C655.38 1148.83 655.26 1147.69 655.37 1146.57C655.49 1145.45 655.82 1144.36 656.37 1143.37C656.91 1142.39 657.65 1141.52 658.54 1140.82C659.43 1140.13 660.45 1139.62 661.54 1139.33C662.63 1139.05 663.77 1138.98 664.89 1139.14C686.46 1141.38 735.03 1125.38 751.95 1119.1C752.98 1118.71 754.07 1118.53 755.17 1118.57C756.26 1118.61 757.34 1118.86 758.34 1119.31C759.34 1119.76 760.24 1120.41 760.99 1121.21C761.74 1122.01 762.32 1122.95 762.71 1123.98C763.09 1125 763.27 1126.1 763.24 1127.19C763.2 1128.29 762.95 1129.37 762.5 1130.37C762.04 1131.36 761.4 1132.26 760.6 1133.01C759.8 1133.76 758.86 1134.35 757.83 1134.73C755.43 1135.6 700.73 1156.03 669.23 1156.03Z" fill="#900EFF"/>
+<path d="M710.45 987.09C708.36 987.09 706.24 987.09 704.09 986.92C702.99 986.86 701.91 986.58 700.93 986.11C699.94 985.63 699.05 984.96 698.32 984.14C697.59 983.33 697.02 982.37 696.66 981.33C696.3 980.3 696.14 979.2 696.2 978.1C696.26 977.01 696.54 975.93 697.02 974.94C697.49 973.95 698.16 973.07 698.98 972.33C699.8 971.6 700.75 971.04 701.79 970.68C702.83 970.31 703.92 970.16 705.02 970.22C722.14 970.94 739.2 967.77 754.91 960.93C756.9 959.96 759.2 959.82 761.3 960.55C763.39 961.27 765.11 962.8 766.08 964.79C767.05 966.78 767.19 969.08 766.47 971.18C765.74 973.27 764.22 974.99 762.22 975.96C745.92 983.22 728.29 987.01 710.45 987.09Z" fill="#900EFF"/>
+<mask id="mask5_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="922" y="760" width="511" height="372">
+<path d="M922.09 951.061C922.09 951.061 1144.13 894.031 1260.14 824.551C1376.15 755.071 1378.29 748.121 1414.17 774.741C1450.04 801.361 1437.23 883.051 1347.89 943.881C1258.55 1004.71 953.38 1131.78 953.38 1131.78L922.09 951.061Z" fill="white"/>
+</mask>
+<g mask="url(#mask5_75_205)">
+<path d="M922.09 951.061C922.09 951.061 1144.13 894.031 1260.14 824.551C1376.15 755.071 1378.29 748.121 1414.17 774.741C1450.04 801.361 1437.23 883.051 1347.89 943.881C1258.55 1004.71 953.38 1131.78 953.38 1131.78L922.09 951.061Z" fill="#FFF5D7"/>
+<path d="M1087.01 1081.19C1085.69 1081.19 1084.38 1080.88 1083.21 1080.27C1082.03 1079.67 1081.01 1078.8 1080.24 1077.73C1079.46 1076.66 1078.95 1075.42 1078.75 1074.11C1078.55 1072.81 1078.66 1071.47 1079.08 1070.21C1110.07 976.33 1035.12 921.35 1034.35 920.8C1032.59 919.49 1031.42 917.55 1031.08 915.39C1030.74 913.22 1031.26 911.01 1032.54 909.23C1033.81 907.45 1035.73 906.25 1037.89 905.87C1040.05 905.49 1042.27 905.98 1044.07 907.22C1059.65 919.34 1072.78 934.32 1082.77 951.35C1098.35 977.57 1113.11 1020.39 1094.94 1075.46C1094.39 1077.13 1093.33 1078.58 1091.9 1079.61C1090.48 1080.64 1088.77 1081.19 1087.01 1081.19Z" fill="#FFDB8F"/>
+<path d="M1265.69 999.65H1264.95C1263.86 999.56 1262.79 999.25 1261.82 998.75C1260.84 998.25 1259.97 997.56 1259.27 996.72C1258.56 995.88 1258.02 994.91 1257.69 993.87C1257.35 992.82 1257.23 991.72 1257.32 990.63C1266.29 882.4 1200.78 863.19 1200.13 863.01C1197.99 862.42 1196.18 861.01 1195.08 859.09C1193.98 857.17 1193.69 854.88 1194.28 852.75C1194.86 850.61 1196.27 848.79 1198.2 847.69C1200.12 846.6 1202.4 846.31 1204.54 846.89C1205.38 847.13 1225.42 852.8 1243.89 874C1260.49 893.04 1279.18 928.98 1273.95 992.01C1273.77 994.09 1272.83 996.02 1271.3 997.43C1269.77 998.84 1267.77 999.63 1265.69 999.65Z" fill="#FFDB8F"/>
+<path d="M1392.15 919.19C1390.96 919.2 1389.77 918.96 1388.68 918.47C1387.59 917.98 1386.61 917.27 1385.82 916.37C1385.03 915.48 1384.44 914.42 1384.09 913.28C1383.74 912.13 1383.64 910.93 1383.8 909.74C1388.14 877.02 1379.34 847.31 1357.66 821.45C1347.82 809.64 1336.05 799.57 1322.86 791.67C1320.91 790.62 1319.46 788.84 1318.82 786.72C1318.19 784.6 1318.42 782.31 1319.47 780.36C1320.53 778.41 1322.31 776.96 1324.43 776.32C1326.55 775.69 1328.84 775.92 1330.79 776.98C1345.73 785.72 1359.05 796.96 1370.17 810.21C1394.94 839.51 1405.43 874.68 1400.49 911.93C1400.22 913.95 1399.23 915.8 1397.69 917.14C1396.16 918.48 1394.19 919.21 1392.15 919.19Z" fill="#FFDB8F"/>
+<path d="M975.52 1130.73C974.2 1130.72 972.9 1130.41 971.72 1129.81C970.54 1129.2 969.53 1128.33 968.75 1127.26C967.98 1126.18 967.47 1124.94 967.28 1123.63C967.08 1122.33 967.19 1120.99 967.61 1119.74C992.49 1044.71 928.99 953.231 928.34 952.321C927.14 950.501 926.69 948.291 927.09 946.161C927.49 944.021 928.7 942.121 930.48 940.871C932.26 939.611 934.46 939.101 936.61 939.441C938.76 939.791 940.69 940.951 941.99 942.701C944.83 946.701 1011.02 1041.92 983.46 1125C982.91 1126.66 981.84 1128.12 980.42 1129.14C978.99 1130.17 977.28 1130.73 975.52 1130.73Z" fill="#FFDB8F"/>
+<path d="M1076.1 1087.3C1074.78 1087.3 1073.48 1086.99 1072.3 1086.39C1071.12 1085.79 1070.1 1084.91 1069.33 1083.84C1068.56 1082.77 1068.05 1081.53 1067.84 1080.23C1067.64 1078.92 1067.75 1077.58 1068.17 1076.33C1099.17 982.451 1024.21 927.451 1023.46 926.911C1022.55 926.281 1021.77 925.481 1021.17 924.541C1020.57 923.611 1020.16 922.571 1019.97 921.471C1019.78 920.381 1019.81 919.261 1020.06 918.181C1020.3 917.101 1020.76 916.081 1021.41 915.181C1022.05 914.281 1022.87 913.511 1023.82 912.931C1024.76 912.351 1025.81 911.961 1026.91 911.791C1028 911.621 1029.12 911.661 1030.2 911.931C1031.28 912.201 1032.29 912.671 1033.18 913.331C1048.75 925.461 1061.88 940.441 1071.88 957.461C1087.46 983.681 1102.21 1026.51 1084.04 1081.57C1083.48 1083.24 1082.42 1084.69 1081 1085.72C1079.57 1086.75 1077.86 1087.3 1076.1 1087.3Z" fill="#900EFF"/>
+<path d="M1252.61 1005.23H1251.91C1250.81 1005.14 1249.75 1004.83 1248.77 1004.33C1247.8 1003.83 1246.93 1003.14 1246.22 1002.3C1245.51 1001.46 1244.98 1000.49 1244.64 999.451C1244.31 998.401 1244.18 997.301 1244.27 996.211C1253.26 888.711 1189.79 869.321 1187.04 868.501C1184.98 867.851 1183.25 866.421 1182.22 864.521C1181.19 862.621 1180.94 860.401 1181.51 858.311C1182.09 856.231 1183.45 854.451 1185.32 853.351C1187.18 852.251 1189.39 851.921 1191.5 852.421C1192.35 852.641 1212.39 858.321 1230.86 879.511C1247.45 898.571 1266.14 934.491 1260.93 997.531C1260.76 999.621 1259.81 1001.58 1258.27 1003C1256.73 1004.43 1254.71 1005.22 1252.61 1005.23Z" fill="#900EFF"/>
+<path d="M1380.19 926.411C1379.83 926.431 1379.46 926.431 1379.09 926.411C1377.99 926.271 1376.93 925.921 1375.96 925.371C1375 924.821 1374.15 924.081 1373.48 923.201C1372.8 922.311 1372.31 921.311 1372.03 920.231C1371.75 919.161 1371.69 918.041 1371.84 916.941C1376.19 884.221 1367.38 854.511 1345.7 828.651C1335.84 816.841 1324.05 806.771 1310.83 798.871C1308.88 797.821 1307.43 796.041 1306.8 793.921C1306.16 791.791 1306.4 789.511 1307.45 787.561C1308.5 785.611 1310.28 784.161 1312.41 783.521C1314.53 782.891 1316.82 783.121 1318.76 784.181C1333.67 792.931 1346.97 804.171 1358.08 817.411C1382.92 846.791 1393.41 881.871 1388.54 919.141C1388.28 921.171 1387.28 923.021 1385.75 924.361C1384.21 925.701 1382.23 926.431 1380.19 926.411Z" fill="#900EFF"/>
+</g>
+<path d="M953.38 1140.13C951.41 1140.13 949.5 1139.43 947.99 1138.16C946.49 1136.9 945.48 1135.14 945.14 1133.19L913.88 952.48C913.52 950.41 913.95 948.28 915.09 946.52C916.23 944.75 917.99 943.48 920.02 942.96C922.23 942.39 1142.16 885.44 1255.85 817.38C1267.94 810.13 1278.8 803.57 1288.57 797.65C1373.61 746.21 1382.52 740.87 1419.14 768.04C1433.76 778.9 1441.56 797.05 1441.11 819.18C1440.67 839.98 1433.04 862.61 1418.99 884.65C1403.39 909.16 1381.05 931.42 1352.59 950.78C1263.56 1011.37 969.08 1134.28 956.58 1139.51C955.57 1139.92 954.48 1140.13 953.38 1140.13ZM931.66 957.19L959.84 1120C1012.44 1097.85 1264.5 990.56 1343.22 936.96C1402.14 896.88 1423.8 849.65 1424.44 818.83C1424.77 802.26 1419.43 788.99 1409.2 781.45C1382.1 761.41 1381.58 760.94 1297.3 811.93C1287.5 817.86 1276.63 824.44 1264.52 831.69C1159.31 894.68 971.9 946.47 931.63 957.19H931.66Z" fill="#900EFF"/>
+<path d="M944.28 1168.99C999.39 1063.6 932.85 962.269 907.38 929.499C904.92 926.419 901.45 924.309 897.59 923.529C893.72 922.759 889.7 923.389 886.25 925.289L870.04 934.289C867.97 935.449 866.18 937.019 864.78 938.919C863.37 940.819 862.39 942.999 861.9 945.309C861.4 947.619 861.41 950.009 861.91 952.319C862.41 954.629 863.4 956.799 864.81 958.699C888.67 990.529 937.58 1069.58 913.53 1156.96C912.68 1160.11 912.77 1163.44 913.8 1166.54C914.83 1169.63 916.75 1172.35 919.31 1174.36C921.88 1176.38 924.98 1177.59 928.24 1177.84C931.49 1178.1 934.74 1177.4 937.59 1175.82C940.43 1174.24 942.76 1171.86 944.28 1168.99Z" fill="#FFF5D7"/>
+<path d="M929.48 1186.37C923.89 1186.35 918.47 1184.45 914.09 1180.96C910.19 1177.96 907.29 1173.86 905.75 1169.19C904.21 1164.51 904.12 1159.49 905.48 1154.76C928.71 1070.33 880.09 993.02 858.13 963.71C856 960.86 854.5 957.58 853.74 954.11C852.98 950.63 852.97 947.031 853.71 943.551C854.45 940.071 855.93 936.791 858.05 933.931C860.16 931.071 862.87 928.69 865.98 926.96L882.19 917.96C887.38 915.06 893.44 914.131 899.26 915.311C905.08 916.501 910.29 919.74 913.93 924.44C926.89 941.14 950.67 975.681 964.03 1019.64C980.55 1074.07 976.39 1125.63 951.66 1172.91C949.53 1176.97 946.33 1180.37 942.42 1182.75C938.5 1185.13 934.01 1186.4 929.43 1186.42L929.48 1186.37ZM894.4 931.45C892.98 931.46 891.59 931.821 890.34 932.511L874.14 941.511C873.11 942.081 872.22 942.87 871.51 943.82C870.81 944.76 870.32 945.85 870.08 947C869.83 948.16 869.83 949.35 870.08 950.5C870.34 951.65 870.83 952.741 871.54 953.681C894.92 984.971 946.81 1067.64 921.64 1159.12C921.21 1160.68 921.26 1162.34 921.77 1163.89C922.28 1165.43 923.23 1166.79 924.51 1167.79C925.79 1168.79 927.34 1169.4 928.96 1169.52C930.58 1169.65 932.2 1169.3 933.62 1168.5C935.05 1167.7 936.21 1166.5 936.96 1165.05C988.9 1065.75 929.03 970.791 900.87 934.561C900.09 933.581 899.1 932.79 897.97 932.25C896.84 931.71 895.6 931.44 894.35 931.45H894.4Z" fill="#900EFF"/>
+<mask id="mask6_75_205" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1509" y="687" width="293" height="815">
+<path d="M1676.59 703.689C1688.24 716.309 1695.61 732.299 1697.63 749.369C1707.42 827.869 1801.03 1474.83 1801.03 1474.83V1485.99C1801.03 1490.2 1799.36 1494.24 1796.38 1497.22C1793.4 1500.2 1789.36 1501.87 1785.15 1501.87H1520.07C1517.2 1501.87 1514.44 1500.73 1512.41 1498.7C1510.37 1496.66 1509.23 1493.91 1509.23 1491.03V1476.25L1588.73 1393.99C1588.73 1393.99 1597.08 856.699 1592.36 799.939C1585.81 721.609 1632.14 656.269 1676.59 703.689Z" fill="white"/>
+</mask>
+<g mask="url(#mask6_75_205)">
+<path d="M1676.59 703.689C1688.24 716.309 1695.61 732.299 1697.63 749.369C1707.42 827.869 1801.03 1474.83 1801.03 1474.83V1485.99C1801.03 1490.2 1799.36 1494.24 1796.38 1497.22C1793.4 1500.2 1789.36 1501.87 1785.15 1501.87H1520.07C1517.2 1501.87 1514.44 1500.73 1512.41 1498.7C1510.37 1496.66 1509.23 1493.91 1509.23 1491.03V1476.25L1588.73 1393.99C1588.73 1393.99 1597.08 856.699 1592.36 799.939C1585.81 721.609 1632.14 656.269 1676.59 703.689Z" fill="#FFF5D7"/>
+<path d="M1686.12 677.029C1686.12 677.029 1661.4 754.409 1636.72 953.919C1609.61 1173.16 1588.73 1393.99 1588.73 1393.99L1567.25 689.789L1686.12 677.029Z" fill="#FFDB8F"/>
+</g>
+<path d="M1785.15 1510.23H1520.07C1514.98 1510.22 1510.1 1508.2 1506.51 1504.6C1502.91 1501 1500.89 1496.12 1500.88 1491.03V1476.25C1500.88 1474.09 1501.72 1472 1503.22 1470.44L1580.43 1390.56C1581.13 1345.26 1588.5 854.04 1584.04 800.65C1579.55 746.98 1599.07 696.33 1629.5 682.81C1639.77 678.26 1660.35 674.15 1682.68 697.98C1695.57 711.87 1703.7 729.51 1705.88 748.34C1715.55 825.85 1808.33 1467.17 1809.26 1473.63C1809.29 1474.03 1809.29 1474.43 1809.26 1474.83V1485.99C1809.26 1492.4 1806.72 1498.54 1802.2 1503.08C1797.68 1507.62 1791.55 1510.19 1785.15 1510.23ZM1517.58 1479.63V1491.03C1517.58 1491.69 1517.85 1492.33 1518.31 1492.79C1518.78 1493.26 1519.41 1493.52 1520.07 1493.52H1785.15C1787.14 1493.52 1789.06 1492.72 1790.47 1491.31C1791.88 1489.9 1792.68 1487.99 1792.68 1485.99V1475.44C1789.34 1452.5 1698.9 827.04 1689.33 750.41C1687.58 735.08 1680.98 720.72 1670.49 709.4C1658.8 696.98 1647.34 693.17 1636.28 698.08C1615.41 707.35 1596.37 747.73 1600.68 799.26C1605.4 855.78 1597.43 1372.13 1597.08 1394.11C1597.05 1396.24 1596.22 1398.27 1594.75 1399.79L1517.58 1479.63Z" fill="#900EFF"/>
+<path d="M1801.08 1467.9H1509.23C1507.02 1467.9 1504.89 1468.78 1503.33 1470.35C1501.76 1471.91 1500.88 1474.04 1500.88 1476.25V1491.03C1500.89 1496.12 1502.91 1501 1506.51 1504.6C1510.1 1508.2 1514.98 1510.22 1520.07 1510.22H1785.15C1791.57 1510.22 1797.73 1507.66 1802.27 1503.12C1806.82 1498.57 1809.37 1492.42 1809.38 1485.99V1476.25C1809.38 1474.05 1808.51 1471.93 1806.95 1470.37C1805.4 1468.8 1803.29 1467.92 1801.08 1467.9Z" fill="#900EFF"/>
+<path d="M1652.33 1418.5C1652.13 1416.6 1651.28 1414.82 1649.92 1413.47C1648.56 1412.12 1646.77 1411.28 1644.87 1411.08C1639.69 1409.41 1614.52 1397.49 1592.46 1386.52C1590.87 1385.73 1589.07 1385.46 1587.32 1385.76C1585.58 1386.06 1583.97 1386.91 1582.74 1388.19L1561.18 1410.48C1560.05 1411.64 1559.29 1413.1 1558.97 1414.68C1558.66 1416.26 1558.81 1417.9 1559.41 1419.4C1560.01 1420.9 1561.03 1422.19 1562.35 1423.12C1563.67 1424.05 1565.23 1424.58 1566.84 1424.65L1643.37 1427.72H1644.2C1644.86 1427.71 1645.51 1427.61 1646.14 1427.42C1648.06 1426.92 1649.75 1425.74 1650.88 1424.1C1652.02 1422.47 1652.53 1420.48 1652.33 1418.5Z" fill="#900EFF"/>
+<path d="M1769.71 1493.52H8.71902C6.50402 1493.52 4.38003 1494.4 2.81403 1495.97C1.24803 1497.53 0.368042 1499.66 0.368042 1501.87C0.368042 1504.09 1.24803 1506.21 2.81403 1507.78C4.38003 1509.34 6.50402 1510.22 8.71902 1510.22H1769.71C1771.93 1510.22 1774.05 1509.34 1775.62 1507.78C1777.19 1506.21 1778.07 1504.09 1778.07 1501.87C1778.07 1499.66 1777.19 1497.53 1775.62 1495.97C1774.05 1494.4 1771.93 1493.52 1769.71 1493.52Z" fill="#900EFF"/>
+<path d="M319.24 988.199H132.781C128.169 988.199 124.43 991.939 124.43 996.549V1501.87C124.43 1506.48 128.169 1510.22 132.781 1510.22H319.24C323.852 1510.22 327.591 1506.48 327.591 1501.87V996.549C327.591 991.939 323.852 988.199 319.24 988.199Z" fill="#900EFF"/>
+<path d="M609.62 1201.72H423.16C418.547 1201.72 414.809 1205.46 414.809 1210.07V1501.87C414.809 1506.48 418.547 1510.22 423.16 1510.22H609.62C614.23 1510.22 617.97 1506.48 617.97 1501.87V1210.07C617.97 1205.46 614.23 1201.72 609.62 1201.72Z" fill="#900EFF"/>
+<path d="M895.72 1326.98H709.26C704.65 1326.98 700.91 1330.72 700.91 1335.34V1501.87C700.91 1506.48 704.65 1510.22 709.26 1510.22H895.72C900.33 1510.22 904.07 1506.48 904.07 1501.87V1335.34C904.07 1330.72 900.33 1326.98 895.72 1326.98Z" fill="#900EFF"/>
+<path d="M66.224 1037.79L132.781 996.551V1501.87H66.224V1037.79Z" fill="#FFF5D7"/>
+<path d="M132.781 1510.22H66.2241C64.0091 1510.22 61.8851 1509.34 60.3191 1507.77C58.7531 1506.21 57.873 1504.08 57.873 1501.87V1037.79C57.874 1036.37 58.2381 1034.97 58.9301 1033.73C59.6231 1032.49 60.6221 1031.44 61.8311 1030.69L128.388 989.461C129.653 988.671 131.104 988.241 132.59 988.211C134.077 988.181 135.546 988.541 136.845 989.261C138.144 989.991 139.226 991.041 139.98 992.331C140.733 993.611 141.131 995.071 141.132 996.551V1501.87C141.132 1504.08 140.252 1506.21 138.686 1507.77C137.12 1509.34 134.996 1510.22 132.781 1510.22ZM74.5751 1493.52H124.43V1011.55L74.5751 1042.45V1493.52Z" fill="#900EFF"/>
+<path d="M356.603 1251.31L423.159 1210.07V1501.87H356.603V1251.31Z" fill="#FFF5D7"/>
+<path d="M423.177 1510.22H356.603C354.388 1510.22 352.264 1509.34 350.698 1507.77C349.132 1506.21 348.252 1504.08 348.252 1501.87V1251.34C348.253 1249.92 348.617 1248.52 349.309 1247.28C350.002 1246.03 351.001 1244.99 352.21 1244.24L418.751 1203.01C420.016 1202.22 421.468 1201.78 422.957 1201.75C424.446 1201.71 425.918 1202.08 427.219 1202.8C428.521 1203.52 429.605 1204.58 430.36 1205.87C431.115 1207.15 431.512 1208.61 431.511 1210.1V1501.9C431.502 1504.11 430.621 1506.22 429.059 1507.78C427.497 1509.34 425.383 1510.21 423.177 1510.22ZM364.97 1493.52H414.826V1225.07L364.954 1255.98L364.97 1493.52Z" fill="#900EFF"/>
+<path d="M709.26 1335.34V1501.87H642.72V1376.57L709.26 1335.34Z" fill="#FFF5D7"/>
+<path d="M709.26 1510.22H642.71C640.49 1510.22 638.37 1509.34 636.8 1507.78C635.23 1506.21 634.35 1504.09 634.35 1501.87V1376.61C634.36 1375.18 634.72 1373.79 635.41 1372.54C636.1 1371.3 637.1 1370.26 638.31 1369.51L704.87 1328.27C706.13 1327.49 707.58 1327.06 709.07 1327.03C710.56 1326.99 712.03 1327.36 713.33 1328.08C714.63 1328.8 715.71 1329.86 716.46 1331.14C717.21 1332.42 717.61 1333.88 717.61 1335.37V1501.9C717.6 1504.11 716.72 1506.23 715.16 1507.79C713.59 1509.35 711.47 1510.22 709.26 1510.22ZM651.06 1493.52H700.91V1350.34L651.06 1381.25V1493.52Z" fill="#900EFF"/>
+</svg>
diff --git a/www/raven-demo/images/illustrations/analytic.png b/www/raven-demo/images/illustrations/analytic.png
new file mode 100644
index 0000000..9b7b412
Binary files /dev/null and b/www/raven-demo/images/illustrations/analytic.png differ
diff --git a/www/raven-demo/images/illustrations/courses.png b/www/raven-demo/images/illustrations/courses.png
new file mode 100644
index 0000000..4d049e2
Binary files /dev/null and b/www/raven-demo/images/illustrations/courses.png differ
diff --git a/www/raven-demo/images/illustrations/education.svg b/www/raven-demo/images/illustrations/education.svg
new file mode 100644
index 0000000..1f33030
--- /dev/null
+++ b/www/raven-demo/images/illustrations/education.svg
@@ -0,0 +1,201 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="512" height="512">
+<g>
+	<path style="fill:#FFFFFF;" d="M483.327,160.005c11.034-10.276,19.367-23.228,24.101-37.457c3.034-9.123,4.572-18.671,4.572-28.379   c0-49.574-40.332-89.905-89.906-89.905c-36.832,0-69.818,22.921-83.364,56.23c-14.733-5.401-29.931-9.166-45.479-11.268   c2.662-3.851,3.197-8.978,1.041-13.477c-2.225-4.569-6.943-7.52-12.021-7.52c-1.419,0-2.971,0.261-4.334,0.724l-0.058,0.02   l-117.9,6.001c-5.775,0.294-10.639,4.411-11.885,10.056c-0.338,1.538-0.386,3.086-0.173,4.578c-1.908-1.07-4.072-1.644-6.287-1.644   c-1.147,0-2.307,0.152-3.452,0.472l-24.672,6.889L97.006,29.616c-2.411-3.757-6.525-5.904-10.804-5.904   c-1.381,0-2.781,0.223-4.146,0.689c-5.591,1.909-9.156,7.385-8.642,13.269l3.015,34.401L54.733,86.16   c-4.755,3.088-6.921,8.926-5.331,14.367c1.59,5.441,6.56,9.196,12.229,9.237l19.377,0.142l0.068,0.457   C60.555,121.55,45.793,147.658,44.343,178.6c-0.285,2.366-0.315,4.797-0.09,7.176c0.236,11.703,2.365,22.772,6.009,32.674   c-1.638,7.424-2.905,14.948-3.762,22.533c-2.602,1.95-4.443,4.87-4.982,8.259l-5.937,37.313l-26.911,9.237   c-5.362,1.841-8.881,6.979-8.661,12.643c0.222,5.664,4.132,10.512,9.62,11.929l21.025,5.426l-2.511,25.834   c-0.58,5.963,3.041,11.534,8.725,13.424c1.335,0.445,2.701,0.658,4.049,0.658c4.392,0,8.601-2.263,10.978-6.183l8.343-13.755   c6.055,15.382,13.846,30.029,23.255,43.703c-5.243,5.382-13.036,16.665-11.613,35.282c0.769,10.163,3.251,17.959,5.972,23.667   c-3.734,5.629-6.949,13.796-5.955,24.687c1.916,21.262,13.987,30.984,15.357,32.023c2.232,1.69,4.954,2.605,7.754,2.605h361.736   c7.089,0,12.838-5.748,12.838-12.838v-98.521c0-5.786-3.83-10.679-9.091-12.281v-23.502c0.477-0.986,0.945-1.972,1.402-2.954   l21.141-2.276c6.172-0.664,10.984-5.652,11.429-11.843c0.445-6.193-3.604-11.815-9.618-13.358l-11.504-2.948   c3.797-12.978,6.373-26.3,7.702-39.835l4.983,0.307c0.265,0.015,0.529,0.023,0.79,0.023c5.317,0,10.123-3.293,12.012-8.322   c1.983-5.276,0.293-11.229-4.168-14.674l-12.821-9.904c-0.426-8.571-1.352-17.133-2.768-25.566l5.002-13.322   c2.077-5.531,0.111-11.761-4.76-15.102c-2.198-1.507-4.733-2.248-7.257-2.248c-0.154,0-0.309,0.002-0.464,0.008   c-2.635-8.165-5.75-16.17-9.333-23.97c7.468-3.742,14.43-8.525,20.581-14.175C483.007,160.298,483.168,160.153,483.327,160.005z"/>
+	<g>
+		<g>
+			<circle style="fill:#BD6EEB;" cx="262.515" cy="265.736" r="205.672"/>
+		</g>
+		<g>
+			<g>
+				<path style="fill:#FFF3EA;" d="M431.86,199.411c0,8.273-6.706,14.979-14.979,14.979c-8.273,0-14.979-6.706-14.979-14.979      c0-8.272,6.706-14.979,14.979-14.979C425.154,184.432,431.86,191.138,431.86,199.411z"/>
+			</g>
+			<g>
+				<path style="fill:#512651;" d="M290.51,93.757c-5.4,0-9.792-4.393-9.792-9.793c0-5.4,4.393-9.792,9.792-9.792      c5.4,0,9.792,4.393,9.792,9.792C300.303,89.364,295.91,93.757,290.51,93.757z M290.51,74.725c-5.095,0-9.239,4.145-9.239,9.239      c0,5.095,4.144,9.239,9.239,9.239c5.095,0,9.239-4.145,9.239-9.239C299.75,78.87,295.605,74.725,290.51,74.725z"/>
+			</g>
+			<g>
+				<path style="fill:#FFF3EA;" d="M88.8,220.169c0,5.255-4.26,9.516-9.516,9.516c-5.256,0-9.516-4.26-9.516-9.516      c0-5.256,4.261-9.516,9.516-9.516C84.54,210.653,88.8,214.914,88.8,220.169z"/>
+			</g>
+			<g>
+				<path style="fill:#512651;" d="M416.882,331.204c-8.412,0-15.256-6.844-15.256-15.255c0-8.412,6.844-15.255,15.256-15.255      c8.412,0,15.255,6.844,15.255,15.255C432.137,324.361,425.294,331.204,416.882,331.204z M416.882,301.247      c-8.107,0-14.703,6.596-14.703,14.702c0,8.107,6.596,14.702,14.703,14.702c8.106,0,14.702-6.596,14.702-14.702      C431.584,307.843,424.988,301.247,416.882,301.247z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<path style="fill:#7182FF;" d="M446.562,346.062v54.816H102.497c0,0-6.29-5.991-8.9-20.133       c-0.428-2.225-0.728-4.643-0.92-7.274c-1.412-19.406,9.82-27.408,9.82-27.408H446.562z"/>
+				</g>
+				<g>
+					<rect x="124.342" y="346.062" style="fill:#FFB289;" width="11.254" height="54.816"/>
+				</g>
+				<g>
+					<rect x="146.615" y="346.062" style="fill:#FFB289;" width="11.233" height="54.816"/>
+				</g>
+				<g>
+					<rect x="401.545" y="346.062" style="fill:#FFB289;" width="11.233" height="54.816"/>
+				</g>
+				<g>
+					
+						<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -211.8972 240.3328)" style="fill:#FFB289;" cx="184.159" cy="375.949" rx="16.752" ry="16.752"/>
+				</g>
+			</g>
+			<g style="opacity:0.16;">
+				<path style="fill:#512651;" d="M446.562,346.062v34.682H93.596c-0.428-2.225-0.728-4.643-0.92-7.274      c-1.412-19.406,9.82-27.408,9.82-27.408H446.562z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<path style="fill:#FF8C9D;" d="M455.653,396.378v54.816H93.916c0,0-8.863-8.023-10.325-27.408      c-1.485-19.406,10.325-27.408,10.325-27.408H455.653z"/>
+			</g>
+			<g>
+				<ellipse style="fill:#FFF3EA;" cx="129.969" cy="426.267" rx="16.011" ry="16.752"/>
+			</g>
+			<g>
+				<rect x="176.292" y="416.347" style="fill:#FFF3EA;" width="207.501" height="18.209"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<path style="fill:#FFB289;" d="M455.653,449.011v45.887H93.916c0,0-8.863-6.716-10.325-22.944      c-1.485-16.245,10.325-22.943,10.325-22.943H455.653z"/>
+			</g>
+			<g>
+				<rect x="176.292" y="465.727" style="fill:#FFF3EA;" width="207.501" height="15.243"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<g>
+						<path style="fill:#512651;" d="M92.553,130.405v221.472l302-31.32V102.456c0-7.601-6.567-13.537-14.129-12.772        l-276.325,27.949C97.543,118.296,92.553,123.816,92.553,130.405z"/>
+					</g>
+				</g>
+				<g>
+					<g>
+						<polygon style="fill:#FFF3EA;" points="101.68,130.234 101.68,343.911 385.427,315.199 385.427,102.23       "/>
+					</g>
+					<g>
+						<polygon style="fill:#512651;" points="92.553,351.878 232.007,369.359 480.567,342.6 394.553,320.558       "/>
+					</g>
+					<g>
+						<g>
+							<path style="fill:#7182FF;" d="M188.92,186.847c-6.591-5.363-16.026-6.909-24.058-4.133         c-8.031,2.775-14.447,9.706-16.806,17.869c-2.36,8.163-0.684,17.345,4.227,24.279c-5.34,8.233-10.071,19.923-8.785,29.651         c1.286,9.729,8.568,19.048,18.286,20.41c2.902,0.407,5.851,0.117,8.767-0.173c2.511,7.932,11.006,13.86,19.085,15.849         c8.079,1.988,16.916-0.014,23.739-4.775c6.823-4.761,11.66-12.108,13.988-20.096c4.253,5.765,9.851,11.336,16.511,13.976         c7.677,3.043,16.702,1.996,23.841-2.154c7.139-4.15,12.399-11.192,15.029-19.02c7.761,9.049,20.834,12.16,32.347,9.066         c11.513-3.094,20.837-13.181,23.018-24.901c-0.14,0.761,8.025-0.77,8.757-0.969c4.504-1.228,8.213-4.863,10.581-8.808         c7.479-12.461,5.091-32.248-6.801-41.307c-2.031-1.547-4.286-2.811-6.69-3.679c-0.567-0.205-7.123-1.832-7.152-1.33         c0.455-7.893-4.298-15.98-10.914-20.307c-6.617-4.326-14.888-5.607-22.756-4.835c-4.2,0.412-8.545,1.478-11.667,4.318         c-6.324-9.905-20.307-13.139-31.359-9.146c-11.052,3.993-19.241,13.745-24.049,24.468c-0.649-3.853-3.915-7.353-7.175-9.508         c-6.857-4.533-15.824-5.715-23.621-3.112C197.464,171.084,191.679,179.104,188.92,186.847z"/>
+						</g>
+						<g>
+							<g>
+								<g>
+									<path style="fill:#FFF3EA;" d="M198.253,208.335l19.612,31.606c0.819,1.279,1.263,2.258,1.334,2.935           c0.15,1.43-0.867,2.848-3.052,4.241c-1.282,0.817-2.381,1.276-3.295,1.374c-0.638,0.067-1.223-0.055-1.757-0.362           c-0.537-0.302-0.932-0.643-1.195-1.017c-0.262-0.377-0.632-0.938-1.111-1.696l-3.783-6.116l-16.528,1.737l-2.426,6.769           c-0.316,0.84-0.561,1.447-0.744,1.832c-0.181,0.379-0.499,0.784-0.957,1.212c-0.458,0.436-1.005,0.681-1.643,0.748           c-0.915,0.095-2.084-0.121-3.507-0.658c-2.425-0.869-3.71-2.022-3.86-3.452c-0.072-0.678,0.158-1.729,0.693-3.148           l12.605-35.053c0.342-0.963,0.931-1.767,1.769-2.421c0.833-0.649,1.752-1.027,2.746-1.133           C195.3,205.508,197,206.377,198.253,208.335z M194.924,223.165l-3.076,8.588l7.934-0.835L194.924,223.165z"/>
+								</g>
+							</g>
+							<g>
+								<g>
+									<path style="fill:#FFF3EA;" d="M266.622,219.718c2.638,2.537,4.14,5.539,4.504,8.999c0.339,3.988-0.649,7.412-2.963,10.265           c-2.413,3.07-5.508,4.803-9.287,5.201l-15.694,1.649c-1.035,0.107-1.9,0.1-2.6-0.03c-0.694-0.128-1.237-0.311-1.626-0.551           c-0.385-0.242-0.698-0.628-0.936-1.169c-0.237-0.538-0.387-0.991-0.445-1.372c-0.061-0.376-0.128-0.941-0.208-1.697           l-3.482-33.119c-0.1-0.954-0.144-1.652-0.131-2.098c0.015-0.442,0.147-0.98,0.404-1.611           c0.255-0.632,0.749-1.103,1.479-1.422c0.731-0.321,1.733-0.544,3.007-0.677l15.036-1.581           c3.661-0.385,6.858,0.566,9.592,2.85c2.858,2.32,4.478,5.285,4.858,8.904C268.405,214.883,267.903,217.375,266.622,219.718           z M260.496,229.17c-0.097-0.913-0.284-1.639-0.561-2.172c-0.277-0.536-0.687-0.881-1.225-1.051           c-0.542-0.162-1.013-0.254-1.417-0.272s-1.004,0.015-1.8,0.1c-1.551,0.163-2.716,0.004-3.489-0.481           c-0.774-0.482-1.257-1.616-1.444-3.407c-0.175-1.668,0.075-2.823,0.752-3.457c0.677-0.633,1.873-1.042,3.583-1.22           c0.515-0.056,0.911-0.116,1.186-0.185c0.275-0.069,0.57-0.21,0.89-0.427c0.318-0.214,0.525-0.538,0.622-0.969           c0.095-0.432,0.105-1.008,0.03-1.725c-0.135-1.274-0.548-2.072-1.249-2.401c-0.698-0.328-1.704-0.423-3.017-0.285           l-8.353,0.878l2.377,22.613l9.786-1.028c0.398-0.043,0.734-0.106,1.006-0.193c0.271-0.09,0.646-0.271,1.12-0.542           c0.474-0.268,0.816-0.729,1.031-1.376C260.537,230.926,260.596,230.124,260.496,229.17z"/>
+								</g>
+							</g>
+							<g>
+								<g>
+									<path style="fill:#FFF3EA;" d="M317.906,226.139l0.331-0.273c1.268-0.938,2.181-1.438,2.738-1.499           c1.234-0.13,2.685,0.849,4.35,2.927c1.021,1.298,1.577,2.386,1.67,3.259c0.082,0.795-0.114,1.499-0.591,2.113           c-0.479,0.616-1.221,1.298-2.231,2.045c-0.33,0.276-0.804,0.647-1.421,1.116c-0.614,0.469-1.901,1.124-3.864,1.977           c-1.961,0.848-3.958,1.377-5.987,1.589c-1.75,0.185-3.616,0.132-5.596-0.164c-1.981-0.296-4.059-0.92-6.231-1.877           c-2.173-0.958-4.163-2.198-5.973-3.715c-1.808-1.519-3.379-3.548-4.711-6.081c-1.332-2.535-2.162-5.376-2.494-8.52           c-0.322-3.06-0.1-5.909,0.669-8.546c0.769-2.633,1.872-4.861,3.31-6.683c1.438-1.819,3.132-3.406,5.082-4.756           c1.949-1.353,3.882-2.381,5.801-3.084c1.916-0.706,3.789-1.156,5.62-1.348c1.87-0.195,3.799-0.102,5.789,0.269           c1.991,0.374,3.514,0.807,4.573,1.298l1.518,0.686c0.764,0.365,1.348,0.67,1.759,0.929c0.409,0.26,0.81,0.632,1.201,1.113           c0.393,0.479,0.621,1.017,0.683,1.62c0.104,0.994-0.199,2.107-0.914,3.35c-1.325,2.313-2.605,3.532-3.836,3.663           c-0.716,0.075-1.776-0.255-3.181-0.994c-1.814-1.174-4.112-1.619-6.898-1.324c-1.234,0.127-2.483,0.491-3.747,1.086           c-1.264,0.596-2.456,1.396-3.577,2.398c-1.124,1.002-1.999,2.342-2.627,4.017c-0.63,1.672-0.837,3.507-0.629,5.497           c0.213,2.026,0.801,3.794,1.763,5.301c0.963,1.511,2.109,2.645,3.436,3.412c1.328,0.767,2.672,1.298,4.029,1.596           c1.36,0.302,2.635,0.388,3.829,0.263c1.233-0.13,2.379-0.41,3.441-0.849c1.06-0.43,1.812-0.831,2.257-1.2L317.906,226.139z           "/>
+								</g>
+							</g>
+						</g>
+					</g>
+				</g>
+			</g>
+			<g>
+				<path style="fill:#FFF3EA;" d="M92.553,352.016c-0.07,0-0.131-0.053-0.137-0.124c-0.009-0.076,0.047-0.144,0.123-0.152      l302-31.32c0.072-0.012,0.145,0.048,0.151,0.124c0.009,0.076-0.046,0.144-0.123,0.152l-302,31.32      C92.563,352.016,92.557,352.016,92.553,352.016z"/>
+			</g>
+			<g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M232.39,365.135l-105.825-13.12c-0.07-0.009-0.122-0.069-0.121-0.139       c0.001-0.071,0.054-0.129,0.124-0.136l264.942-26.212c0.02-0.002,0.032,0,0.048,0.003l64.13,15.842       c0.065,0.016,0.109,0.077,0.105,0.144c-0.004,0.067-0.057,0.121-0.124,0.128L232.39,365.135z M127.831,351.894l104.561,12.966       l222.461-23.407l-63.34-15.647L127.831,351.894z"/>
+				</g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M147.202,354.483c-0.07,0-0.131-0.053-0.137-0.124c-0.009-0.076,0.048-0.144,0.123-0.152       l255.247-25.766c0.087-0.01,0.144,0.048,0.151,0.124c0.009,0.076-0.047,0.144-0.123,0.152l-255.247,25.766       C147.211,354.483,147.207,354.483,147.202,354.483z"/>
+				</g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M167.006,356.668c-0.07,0-0.131-0.053-0.137-0.124c-0.009-0.076,0.046-0.144,0.123-0.152       l245.549-25.402c0.073-0.015,0.145,0.048,0.151,0.124c0.009,0.076-0.046,0.144-0.123,0.152L167.02,356.668       C167.015,356.668,167.01,356.668,167.006,356.668z"/>
+				</g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M188.856,359.399c-0.07,0-0.13-0.052-0.137-0.124c-0.009-0.076,0.046-0.144,0.122-0.152       l235.717-25.128c0.086-0.01,0.144,0.047,0.152,0.123c0.009,0.076-0.046,0.144-0.122,0.152l-235.717,25.128       C188.866,359.399,188.86,359.399,188.856,359.399z"/>
+				</g>
+				<g>
+					<path style="fill:#FFF3EA;" d="M210.434,362.131c-0.07,0-0.13-0.052-0.137-0.123c-0.009-0.076,0.046-0.144,0.122-0.153       l225.884-25.128c0.079-0.004,0.145,0.046,0.152,0.123c0.009,0.076-0.046,0.144-0.122,0.153L210.449,362.13       C210.444,362.131,210.44,362.131,210.434,362.131z"/>
+				</g>
+			</g>
+			<g style="opacity:0.34;">
+				<polygon style="fill:#FFF3EA;" points="101.68,130.234 385.697,315.104 101.68,343.911     "/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<path style="fill:#FFB289;" d="M498.07,94.169c0,8.494-1.369,16.668-3.915,24.327c-4.129,12.41-11.318,23.407-20.668,32.115      c-0.021,0-0.021,0-0.021,0c-13.757,12.816-32.201,20.647-52.462,20.647c-20.133,0-38.448-7.702-52.184-20.347      c-0.021,0-0.021,0-0.021,0c-8.901-8.216-15.876-18.507-20.133-30.082c-3.081-8.301-4.75-17.288-4.75-26.659      c0-42.556,34.511-77.067,77.089-77.067C463.559,17.101,498.07,51.613,498.07,94.169z"/>
+			</g>
+			<g>
+				<g>
+					<g>
+						<path style="fill:#512651;" d="M389.369,102.673c0,4.073-3.302,7.375-7.375,7.375c-4.073,0-7.375-3.302-7.375-7.375        c0-4.073,3.302-7.375,7.375-7.375C386.067,95.298,389.369,98.6,389.369,102.673z"/>
+					</g>
+					<g>
+						<circle style="fill:#512651;" cx="459.993" cy="102.673" r="7.375"/>
+					</g>
+				</g>
+				<g>
+					<path style="fill:#512651;" d="M421.383,127.917c-0.762,0-1.524-0.032-2.285-0.096c-6.603-0.559-15.707-4.552-19.512-10.267       c-0.143-0.214-0.085-0.504,0.13-0.647c0.212-0.141,0.504-0.085,0.646,0.13c3.65,5.48,12.432,9.314,18.815,9.855       c9.687,0.821,19.98-4.125,24.448-11.759c0.131-0.223,0.414-0.297,0.638-0.167c0.223,0.13,0.297,0.416,0.167,0.638       C440.066,123.059,430.821,127.917,421.383,127.917z"/>
+				</g>
+			</g>
+			<g>
+				<path style="fill:#FF8C9D;" d="M387.176,130.542c0,10.591-8.066,19.299-18.358,20.369c-0.021,0-0.021,0-0.021,0      c-8.901-8.216-15.876-18.507-20.133-30.082c3.444-6.419,10.249-10.784,18.037-10.784      C377.997,110.044,387.176,119.223,387.176,130.542z"/>
+			</g>
+			<g>
+				<path style="fill:#FF8C9D;" d="M494.154,118.496c-4.129,12.41-11.318,23.407-20.668,32.115c-0.021,0-0.021,0-0.021,0      c-9.35-1.926-16.368-10.184-16.368-20.069c0-11.318,9.179-20.497,20.497-20.497      C484.398,110.044,490.432,113.361,494.154,118.496z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<path style="fill:#512651;" d="M195.637,91.222c-0.085,0-0.169-0.039-0.224-0.113c-0.09-0.123-0.064-0.296,0.059-0.387       c1.151-0.845,2.252-1.757,3.271-2.708c0.115-0.104,0.288-0.098,0.391,0.013c0.105,0.112,0.098,0.287-0.013,0.392       c-1.036,0.966-2.153,1.892-3.321,2.749C195.751,91.204,195.694,91.222,195.637,91.222z"/>
+				</g>
+				<g>
+					<path style="fill:#512651;" d="M111.382,349.947h-0.011c-0.553-0.034-1.129-0.078-1.693-0.133c-0.011,0-0.011,0-0.011,0       c-0.144-0.022-0.243-0.133-0.243-0.276c0-0.011,0-0.022,0-0.033c0.011-0.144,0.155-0.254,0.298-0.244l0.011,0.034v-0.034       c0.532,0.055,1.074,0.089,1.671,0.133c0.144,0.011,0.265,0.133,0.254,0.287C111.648,349.825,111.525,349.947,111.382,349.947z        M105.308,349.161c-0.011,0-0.032,0-0.055,0c-1.438-0.288-2.887-0.653-4.326-1.084c-0.121-0.044-0.199-0.144-0.199-0.266       c0-0.033,0-0.055,0.011-0.089c0.044-0.144,0.2-0.221,0.344-0.177c1.438,0.431,2.876,0.785,4.282,1.062       c0.154,0.033,0.243,0.177,0.22,0.332C105.552,349.073,105.441,349.161,105.308,349.161z M96.823,346.617       c-0.044,0-0.077-0.011-0.11-0.022c-1.349-0.542-2.711-1.161-4.06-1.847c-0.011,0-0.011,0-0.011-0.011       c-0.089-0.044-0.145-0.144-0.145-0.244c0-0.033,0.012-0.077,0.034-0.122c0.067-0.121,0.232-0.188,0.365-0.121       c1.305,0.663,2.656,1.272,4.027,1.825c0.145,0.055,0.211,0.221,0.156,0.365C97.033,346.55,96.934,346.617,96.823,346.617z        M88.901,342.612c-0.055,0-0.099-0.011-0.144-0.044c-1.25-0.763-2.5-1.593-3.716-2.478c-0.067-0.044-0.111-0.133-0.111-0.221       c0-0.056,0.012-0.111,0.055-0.166c0.078-0.122,0.266-0.144,0.388-0.055c1.184,0.863,2.422,1.682,3.673,2.456       c0.066,0.033,0.11,0.099,0.121,0.166c0.023,0.077,0,0.155-0.034,0.21C89.079,342.568,88.99,342.612,88.901,342.612z        M81.711,337.402c-0.066,0-0.121-0.022-0.176-0.066c-1.106-0.93-2.213-1.947-3.297-2.998c-0.055-0.056-0.078-0.122-0.089-0.199       c0-0.077,0.034-0.144,0.089-0.199c0.099-0.099,0.287-0.111,0.387,0c1.063,1.04,2.157,2.036,3.264,2.976       c0.122,0.1,0.133,0.277,0.034,0.387C81.866,337.368,81.788,337.402,81.711,337.402z M75.372,331.184       c-0.078,0-0.154-0.034-0.199-0.089c-0.974-1.106-1.925-2.257-2.833-3.44c-0.044-0.056-0.055-0.111-0.055-0.166       c0-0.088,0.034-0.177,0.11-0.221c0.111-0.099,0.299-0.066,0.388,0.044c0.874,1.161,1.825,2.312,2.798,3.418       c0.101,0.111,0.089,0.288-0.022,0.387C75.505,331.162,75.438,331.184,75.372,331.184z M69.995,324.137       c-0.089,0-0.177-0.055-0.232-0.133c-0.41-0.63-0.83-1.294-1.227-1.958c-0.344-0.575-0.698-1.184-1.074-1.848c0,0,0,0,0-0.011       c-0.022-0.034-0.032-0.078-0.032-0.122c0-0.11,0.044-0.199,0.132-0.254c0.133-0.066,0.31-0.022,0.388,0.111       c0.365,0.664,0.718,1.272,1.062,1.847c0.399,0.653,0.796,1.294,1.216,1.936c0.044,0.066,0.056,0.133,0.044,0.21       c-0.022,0.066-0.066,0.133-0.121,0.177C70.106,324.115,70.05,324.137,69.995,324.137z M65.658,316.393       c-0.11,0-0.209-0.055-0.254-0.155c-0.642-1.339-1.25-2.71-1.803-4.071l-0.012-0.011c0-0.033-0.011-0.066-0.011-0.099       c0-0.111,0.067-0.21,0.166-0.254c0.144-0.056,0.298,0.011,0.365,0.144c0,0.011,0,0.011,0,0.011       c0.011,0.011,0.011,0.022,0.011,0.033c0.564,1.361,1.161,2.711,1.792,4.005c0.066,0.144,0,0.31-0.133,0.376       C65.736,316.393,65.703,316.393,65.658,316.393z M62.284,308.184c-0.11,0-0.222-0.078-0.255-0.188       c-0.475-1.35-0.929-2.788-1.349-4.249c-0.011-0.022-0.011-0.055-0.011-0.077c0-0.121,0.089-0.221,0.199-0.266       c0.144-0.033,0.299,0.044,0.343,0.189l0,0c0.011,0.011,0.011,0.022,0.011,0.022c0.41,1.416,0.851,2.832,1.328,4.204       c0.044,0.144-0.033,0.299-0.166,0.354C62.35,308.184,62.318,308.184,62.284,308.184z M59.829,299.655       c-0.133,0-0.244-0.089-0.277-0.21c-0.321-1.394-0.631-2.854-0.918-4.359c0-0.022,0-0.033,0-0.056       c0-0.133,0.089-0.243,0.222-0.265c0.154-0.034,0.298,0.077,0.321,0.221c0.277,1.471,0.586,2.921,0.917,4.326       c0.023,0.077,0,0.155-0.032,0.21c-0.044,0.066-0.099,0.111-0.177,0.133C59.861,299.655,59.85,299.655,59.829,299.655z        M58.18,290.926c-0.133,0-0.255-0.099-0.277-0.232c-0.211-1.46-0.387-2.954-0.542-4.425c0,0,0-0.011,0-0.022       c0-0.144,0.111-0.266,0.255-0.277s0.277,0.099,0.298,0.244c0.156,1.515,0.344,2.998,0.542,4.403       c0.022,0.144-0.078,0.287-0.232,0.309C58.202,290.926,58.191,290.926,58.18,290.926z M57.284,282.097h-0.012       c-0.154,0-0.277-0.111-0.287-0.254c-0.099-1.494-0.166-2.987-0.211-4.447v-0.011c0-0.155,0.122-0.277,0.266-0.277h0.011       c0.145,0,0.266,0.122,0.277,0.265c0.044,1.527,0.122,3.009,0.211,4.425C57.549,281.954,57.439,282.087,57.284,282.097       L57.284,282.097z M56.985,273.225c-0.154,0-0.287-0.122-0.287-0.277c0.011-1.438,0.034-2.943,0.077-4.447       c0-0.155,0.122-0.265,0.276-0.265h0.012c0.144,0,0.265,0.122,0.265,0.277c-0.043,1.571-0.066,3.02-0.066,4.436       C57.262,273.103,57.129,273.225,56.985,273.225z M57.251,264.352c0,0-0.011-0.011-0.023-0.011       c-0.066,0-0.133-0.034-0.188-0.089c-0.044-0.056-0.077-0.122-0.066-0.199c0.089-1.571,0.21-3.02,0.342-4.436       c0.011-0.155,0.144-0.266,0.299-0.254c0.144,0.022,0.254,0.132,0.254,0.277c0,0.011,0,0.022,0,0.033       c-0.144,1.405-0.254,2.899-0.342,4.414C57.517,264.231,57.395,264.352,57.251,264.352z M58.102,255.513       c-0.011,0-0.022,0-0.032-0.011c-0.078-0.011-0.145-0.044-0.189-0.099c-0.043-0.066-0.055-0.133-0.055-0.21       c0.211-1.483,0.454-2.965,0.73-4.392c0.023-0.144,0.177-0.254,0.321-0.222c0.133,0.022,0.232,0.133,0.232,0.266       c0,0.022,0,0.044-0.011,0.055c0,0.011,0,0.011,0,0.022c-0.266,1.372-0.509,2.844-0.72,4.348       C58.357,255.413,58.246,255.513,58.102,255.513z M59.795,246.795c-0.022,0-0.044,0-0.066-0.011       c-0.078-0.011-0.133-0.067-0.177-0.133c-0.034-0.055-0.044-0.133-0.023-0.199c0.388-1.527,0.797-2.932,1.25-4.281       c0.044-0.144,0.211-0.221,0.344-0.177c0.121,0.044,0.199,0.144,0.199,0.266c0,0.022-0.011,0.055-0.011,0.077       c0,0,0,0-0.011,0.011c0,0.011,0,0.022-0.012,0.033c-0.453,1.372-0.862,2.799-1.227,4.204       C60.038,246.707,59.917,246.795,59.795,246.795z M62.594,238.377c-0.033,0-0.067-0.011-0.099-0.022       c-0.078-0.033-0.133-0.077-0.155-0.155c-0.034-0.066-0.022-0.144,0-0.21c0.078-0.177,0.155-0.354,0.232-0.531       c0.521-1.195,1.085-2.378,1.682-3.496c0.066-0.133,0.232-0.189,0.365-0.122c0.089,0.044,0.155,0.144,0.155,0.244       c0,0.044-0.011,0.089-0.034,0.133c-0.597,1.128-1.151,2.29-1.659,3.463c-0.055,0.111-0.099,0.232-0.154,0.343l-0.078,0.188       C62.804,238.31,62.705,238.377,62.594,238.377z M87.829,237.503c-0.011,0-0.022,0-0.022,0       c-1.494-0.133-2.966-0.442-4.404-0.918c-0.11-0.044-0.188-0.144-0.188-0.265c0-0.033,0-0.066,0.011-0.089       c0.044-0.133,0.211-0.221,0.354-0.177c1.394,0.465,2.832,0.763,4.271,0.896c0.155,0.022,0.265,0.155,0.254,0.31       C88.094,237.392,87.972,237.503,87.829,237.503z M92.254,237.381c-0.133,0-0.254-0.099-0.277-0.232c0-0.011,0-0.022,0-0.033       v-0.011c0-0.133,0.099-0.254,0.232-0.277c1.482-0.232,2.877-0.675,4.149-1.294c0.133-0.066,0.299-0.011,0.365,0.132       c0.067,0.133,0.011,0.299-0.122,0.365c-1.327,0.642-2.766,1.096-4.303,1.339C92.287,237.381,92.265,237.381,92.254,237.381z        M79.454,234.77c-0.043,0-0.099-0.022-0.144-0.044c-1.25-0.719-2.477-1.593-3.661-2.567c-0.067-0.055-0.099-0.132-0.099-0.221       c0-0.056,0.022-0.122,0.055-0.166c0.099-0.121,0.287-0.132,0.399-0.044c1.151,0.962,2.367,1.814,3.584,2.522       c0.067,0.033,0.111,0.099,0.133,0.166c0.023,0.078,0.011,0.144-0.022,0.21C79.643,234.715,79.554,234.77,79.454,234.77z        M100.042,233.453c-0.066,0-0.133-0.033-0.188-0.077s-0.089-0.121-0.089-0.188c0-0.077,0.023-0.144,0.078-0.199       c0.973-1.04,1.77-2.257,2.367-3.618c0.055-0.144,0.221-0.21,0.365-0.144c0.067,0.022,0.11,0.077,0.144,0.144       c0.023,0.078,0.023,0.144-0.011,0.21c-0.608,1.416-1.438,2.689-2.467,3.784C100.186,233.42,100.12,233.453,100.042,233.453z        M66.754,230.544c-0.055,0-0.11-0.022-0.155-0.044c-0.067-0.044-0.111-0.111-0.122-0.177c-0.011-0.078,0-0.155,0.044-0.211       c0.83-1.261,1.715-2.478,2.633-3.606c0.089-0.121,0.277-0.133,0.387-0.044c0.067,0.055,0.1,0.133,0.1,0.21       c0,0.066-0.023,0.133-0.056,0.177c-0.929,1.139-1.803,2.334-2.599,3.562C66.931,230.5,66.842,230.544,66.754,230.544z        M72.606,229.161c-0.078,0-0.144-0.033-0.199-0.089c-0.963-1.029-1.925-2.179-2.866-3.429c-0.032-0.044-0.055-0.1-0.055-0.166       c0-0.088,0.044-0.166,0.111-0.221c0.11-0.089,0.298-0.066,0.387,0.055c0.929,1.228,1.881,2.368,2.821,3.385       c0.055,0.055,0.078,0.122,0.078,0.199c0,0.077-0.034,0.144-0.089,0.199C72.739,229.139,72.672,229.161,72.606,229.161z        M103.472,225.455h-0.012c-0.144-0.011-0.265-0.132-0.265-0.277v-0.011c0.011-0.188,0.022-0.354,0.022-0.52       c0-1.317-0.243-2.567-0.72-3.706c-0.022-0.066-0.022-0.144,0-0.211c0.034-0.066,0.089-0.121,0.156-0.154       c0.133-0.056,0.298,0.011,0.365,0.154c0.497,1.206,0.752,2.523,0.752,3.916c0,0.188-0.011,0.365-0.022,0.542       C103.749,225.345,103.627,225.455,103.472,225.455z M72.34,223.663c-0.078,0-0.144-0.033-0.199-0.089       c-0.111-0.1-0.099-0.277,0-0.387c1.062-1.051,2.19-2.047,3.352-2.965c0.121-0.088,0.298-0.067,0.387,0.056       c0.044,0.044,0.055,0.099,0.066,0.166c0,0.089-0.044,0.166-0.11,0.222c-1.14,0.885-2.246,1.87-3.297,2.909       C72.484,223.629,72.418,223.663,72.34,223.663z M67.218,222.114c-0.089,0-0.177-0.044-0.232-0.122       c-0.785-1.228-1.549-2.511-2.279-3.816c0-0.011,0-0.011,0-0.011c-0.023-0.044-0.034-0.089-0.034-0.133       c-0.011-0.099,0.044-0.199,0.133-0.243c0.133-0.078,0.309-0.022,0.387,0.111c0.697,1.272,1.461,2.544,2.257,3.794       c0.089,0.122,0.044,0.299-0.078,0.377C67.329,222.103,67.274,222.114,67.218,222.114z M79.333,218.22       c-0.099,0-0.188-0.055-0.243-0.132c-0.033-0.066-0.044-0.144-0.033-0.21c0.022-0.078,0.066-0.133,0.133-0.177       c1.106-0.653,2.245-1.239,3.408-1.748c0.188-0.089,0.387-0.166,0.586-0.254l0,0c0.144-0.055,0.31,0.011,0.365,0.155       c0.012,0.033,0.023,0.066,0.023,0.099c0,0.111-0.067,0.21-0.166,0.254l0,0c-0.011,0.011-0.022,0.011-0.034,0.011       c-0.188,0.077-0.364,0.155-0.553,0.232c-1.139,0.509-2.268,1.084-3.351,1.726C79.421,218.209,79.377,218.22,79.333,218.22z        M100.175,217.545c-0.066,0-0.122-0.022-0.177-0.066c-1.039-0.907-2.301-1.615-3.75-2.102       c-0.078-0.022-0.133-0.066-0.166-0.133c-0.034-0.066-0.034-0.144-0.011-0.21c0.044-0.144,0.199-0.221,0.342-0.177       c1.516,0.509,2.854,1.25,3.95,2.201c0.055,0.055,0.089,0.122,0.089,0.199c0.011,0.077-0.022,0.144-0.066,0.188       C100.33,217.512,100.264,217.545,100.175,217.545z M87.552,214.989c-0.133,0-0.254-0.099-0.277-0.221       c-0.011-0.078,0-0.144,0.044-0.21c0.044-0.066,0.099-0.1,0.177-0.122c1.294-0.232,2.578-0.354,3.817-0.354       c0.21,0,0.442,0,0.663,0.011c0.144,0,0.266,0.122,0.266,0.277v0.011c0,0.155-0.122,0.265-0.277,0.265h-0.011       c-0.255-0.011-0.454-0.011-0.642-0.011c-1.218,0-2.468,0.122-3.718,0.343C87.586,214.989,87.563,214.989,87.552,214.989z        M62.948,214.348c-0.11,0-0.21-0.066-0.254-0.166c-0.62-1.339-1.206-2.721-1.737-4.104c-0.011-0.033-0.022-0.066-0.022-0.099       c0-0.111,0.077-0.221,0.177-0.254c0.144-0.056,0.309,0.022,0.364,0.155c0.532,1.383,1.106,2.754,1.716,4.071       c0.066,0.133,0.011,0.299-0.133,0.365C63.026,214.337,62.981,214.348,62.948,214.348z M59.762,206.062       c-0.121,0-0.232-0.077-0.265-0.199c-0.432-1.394-0.83-2.843-1.184-4.292c-0.011-0.022-0.011-0.044-0.011-0.066       c0-0.133,0.089-0.243,0.21-0.265c0.156-0.034,0.299,0.055,0.332,0.199c0.354,1.439,0.753,2.876,1.184,4.271       c0.044,0.144-0.034,0.299-0.188,0.343C59.817,206.062,59.784,206.062,59.762,206.062z M57.671,197.433       c-0.133,0-0.255-0.089-0.277-0.221c-0.255-1.438-0.465-2.921-0.642-4.403c0-0.011,0-0.011,0-0.011c0-0.011,0-0.022,0-0.033       c-0.011-0.144,0.099-0.254,0.243-0.277c0.156-0.011,0.289,0.099,0.31,0.244c0.166,1.515,0.387,2.987,0.642,4.381       c0.022,0.144-0.078,0.287-0.232,0.321C57.705,197.433,57.682,197.433,57.671,197.433z M56.643,188.615       c-0.145,0-0.266-0.111-0.266-0.266c-0.089-1.438-0.122-2.876-0.122-4.27v-0.177c0-0.011,0-0.011,0-0.022       c0.011-0.144,0.133-0.254,0.277-0.254s0.266,0.121,0.277,0.265v0.011c0,0.011,0,0.022,0,0.033v0.144       c0,1.416,0.034,2.843,0.111,4.248c0.011,0.077-0.012,0.144-0.067,0.199c-0.044,0.056-0.121,0.089-0.188,0.089       C56.664,188.615,56.654,188.615,56.643,188.615z M56.664,179.743h-0.011c-0.156-0.011-0.266-0.144-0.266-0.299       c0.099-1.494,0.232-2.987,0.399-4.436l0,0c0.022-0.155,0.144-0.254,0.309-0.244c0.145,0.022,0.244,0.144,0.244,0.277v0.033       c-0.177,1.471-0.31,2.954-0.399,4.404C56.93,179.632,56.808,179.743,56.664,179.743z M57.705,170.925c-0.023,0-0.034,0-0.056,0       c-0.144-0.033-0.243-0.177-0.22-0.32c0.254-1.461,0.564-2.932,0.896-4.37c0.034-0.144,0.199-0.232,0.332-0.21       c0.122,0.033,0.211,0.144,0.222,0.265c0,0.022-0.011,0.044-0.011,0.078c-0.332,1.427-0.631,2.887-0.885,4.325       C57.948,170.826,57.838,170.925,57.705,170.925z M59.729,162.286c-0.023,0-0.044,0-0.078-0.011       c-0.144-0.044-0.222-0.199-0.177-0.343c0.399-1.372,0.863-2.799,1.383-4.237c0.044-0.144,0.211-0.21,0.354-0.166       c0.11,0.044,0.177,0.144,0.177,0.255c0,0.034,0,0.066-0.012,0.1c-0.497,1.394-0.963,2.799-1.371,4.204       C59.962,162.208,59.85,162.286,59.729,162.286z M62.749,153.933c-0.044,0-0.078,0-0.11-0.022       c-0.144-0.055-0.211-0.221-0.144-0.365c0.586-1.372,1.216-2.721,1.869-4.038l0.011-0.011c0.067-0.122,0.232-0.177,0.365-0.111       c0.089,0.044,0.156,0.144,0.156,0.255c-0.012,0.044-0.012,0.077-0.034,0.111c-0.663,1.339-1.294,2.688-1.858,4.016       C62.96,153.866,62.859,153.933,62.749,153.933z M66.72,146.001c-0.044,0-0.099-0.011-0.133-0.033       c-0.133-0.078-0.176-0.255-0.099-0.387c0.067-0.121,0.133-0.244,0.211-0.365c0.686-1.161,1.404-2.312,2.135-3.418       c0.078-0.122,0.255-0.155,0.376-0.078c0.078,0.056,0.133,0.133,0.133,0.232c0,0.056-0.022,0.111-0.044,0.155       c-0.73,1.095-1.449,2.246-2.124,3.396c-0.034,0.056-0.066,0.122-0.099,0.177c-0.044,0.067-0.078,0.122-0.11,0.188       C66.908,145.946,66.82,146.001,66.72,146.001z M71.61,138.588c-0.066,0-0.121-0.011-0.165-0.044       c-0.122-0.1-0.144-0.266-0.055-0.387c0.862-1.173,1.791-2.357,2.754-3.507c0.099-0.111,0.277-0.133,0.388-0.034       c0.066,0.056,0.099,0.133,0.099,0.21c0,0.066-0.023,0.122-0.055,0.166c0,0.011,0,0.011,0,0.011       c-0.012,0.011-0.023,0.022-0.023,0.022c-0.929,1.117-1.847,2.279-2.721,3.452C71.777,138.555,71.699,138.588,71.61,138.588z        M77.285,131.774c-0.066,0-0.132-0.033-0.188-0.078c-0.055-0.044-0.089-0.122-0.089-0.188c0-0.077,0.023-0.144,0.078-0.199       c1.007-1.084,2.047-2.158,3.109-3.186c0.11-0.099,0.287-0.099,0.398,0.011c0.044,0.044,0.078,0.122,0.078,0.188       c0,0.077-0.034,0.144-0.089,0.199c-1.051,1.018-2.091,2.09-3.097,3.164C77.441,131.74,77.363,131.774,77.285,131.774z        M83.658,125.589c-0.078,0-0.156-0.033-0.211-0.088c-0.099-0.122-0.089-0.299,0.023-0.399c1.117-0.962,2.268-1.925,3.429-2.843       c0.122-0.099,0.298-0.077,0.387,0.044c0.044,0.055,0.056,0.111,0.056,0.177c0,0.077-0.034,0.155-0.1,0.21       c-1.161,0.918-2.3,1.87-3.396,2.832C83.791,125.567,83.724,125.589,83.658,125.589z M90.617,120.08       c-0.089,0-0.166-0.044-0.221-0.11c-0.044-0.067-0.055-0.133-0.044-0.211c0.011-0.066,0.044-0.132,0.11-0.177       c1.161-0.83,2.401-1.671,3.684-2.5c0.133-0.077,0.299-0.033,0.388,0.089c0.022,0.044,0.044,0.099,0.044,0.155       c-0.012,0.089-0.056,0.177-0.133,0.221c-1.25,0.808-2.478,1.638-3.662,2.489C90.738,120.069,90.683,120.08,90.617,120.08z        M98.085,115.279c-0.1,0-0.188-0.055-0.244-0.133c-0.032-0.066-0.044-0.144-0.022-0.21c0.022-0.077,0.066-0.133,0.133-0.177       c1.271-0.73,2.589-1.449,3.904-2.135c0.133-0.066,0.31-0.011,0.377,0.121c0.011,0.034,0.022,0.078,0.022,0.133       c0,0.099-0.055,0.188-0.144,0.232c-1.328,0.697-2.644,1.416-3.883,2.135C98.184,115.268,98.14,115.279,98.085,115.279z        M105.972,111.197c-0.111,0-0.211-0.066-0.255-0.155c-0.055-0.144,0-0.31,0.144-0.376c1.339-0.608,2.711-1.206,4.083-1.759       c0.144-0.056,0.31,0.011,0.365,0.155c0.011,0.034,0.011,0.066,0.011,0.1c0,0.11-0.055,0.21-0.154,0.254       c-0.012,0-0.012,0-0.012,0c-0.011,0-0.022,0.011-0.032,0.011c-1.328,0.542-2.689,1.129-4.028,1.748       C106.049,111.185,106.017,111.197,105.972,111.197z M114.203,107.856c-0.121,0-0.22-0.066-0.265-0.177       c-0.023-0.077-0.023-0.144,0.011-0.21c0.033-0.066,0.089-0.122,0.154-0.144c1.406-0.498,2.821-0.963,4.237-1.394       c0.133-0.033,0.299,0.044,0.344,0.188c0.011,0.033,0.011,0.055,0.011,0.088c0,0.111-0.078,0.221-0.2,0.255       c-1.405,0.431-2.821,0.896-4.204,1.383C114.259,107.856,114.236,107.856,114.203,107.856z M122.7,105.289       c-0.133,0-0.244-0.089-0.277-0.21c-0.034-0.155,0.055-0.299,0.21-0.343c1.427-0.354,2.888-0.697,4.337-0.996h0.012       c0.155-0.022,0.287,0.078,0.309,0.222c0.011,0.022,0.011,0.033,0.011,0.055c0,0.133-0.088,0.244-0.22,0.277       c-1.45,0.288-2.899,0.631-4.315,0.985C122.744,105.278,122.721,105.289,122.7,105.289z M131.395,103.497       c-0.133,0-0.254-0.099-0.277-0.232c-0.011-0.066,0.012-0.144,0.044-0.199c0.044-0.066,0.111-0.099,0.188-0.111       c1.018-0.166,2.035-0.309,2.998-0.431c0.509-0.056,0.973-0.111,1.416-0.166c0.144-0.011,0.287,0.1,0.299,0.244       c0,0.011,0,0.022,0,0.033c0,0.144-0.1,0.254-0.244,0.277c-0.41,0.044-0.841,0.1-1.404,0.166       c-1.018,0.132-2.025,0.265-2.976,0.42C131.417,103.497,131.406,103.497,131.395,103.497z M140.212,102.501       c-0.145,0-0.266-0.111-0.277-0.266c-0.012-0.066,0.022-0.144,0.066-0.199c0.044-0.056,0.11-0.089,0.188-0.089       c1.372-0.111,2.821-0.199,4.436-0.288c0.156-0.011,0.288,0.1,0.299,0.254v0.022c0,0.144-0.122,0.266-0.266,0.277       c-1.615,0.089-3.064,0.177-4.425,0.288h-0.011H140.212z M149.084,102.003c-0.154,0-0.276-0.122-0.276-0.265       c-0.011-0.155,0.099-0.288,0.255-0.288c0.752-0.033,1.493-0.067,2.234-0.099c0.741-0.022,1.472-0.056,2.213-0.089l0,0       c0.155,0,0.277,0.121,0.287,0.265v0.022c-0.011,0.144-0.121,0.266-0.265,0.266c-0.542,0.022-1.074,0.044-1.604,0.066       C150.987,101.926,150.036,101.959,149.084,102.003L149.084,102.003z M157.968,101.616h-0.011c-0.156,0-0.277-0.111-0.288-0.265       c0-0.144,0.111-0.277,0.266-0.288c1.626-0.089,3.065-0.177,4.425-0.277c0.166,0,0.287,0.111,0.299,0.266v0.011       c0,0.144-0.111,0.266-0.255,0.277C160.922,101.45,159.428,101.539,157.968,101.616L157.968,101.616z M166.808,100.952       c-0.145,0-0.266-0.11-0.277-0.243c-0.012-0.155,0.099-0.288,0.243-0.31c0.42-0.044,0.83-0.088,1.272-0.144       c1.062-0.122,2.113-0.265,3.12-0.42c0.177-0.022,0.299,0.089,0.321,0.244c0,0.011,0,0.022,0,0.033       c0,0.144-0.099,0.254-0.232,0.277c-0.996,0.155-2.046,0.287-3.142,0.42c-0.475,0.056-0.863,0.1-1.273,0.144       C166.83,100.952,166.819,100.952,166.808,100.952z M175.581,99.603c-0.133,0-0.243-0.089-0.266-0.221       c-0.033-0.155,0.055-0.299,0.211-0.332c1.46-0.299,2.899-0.652,4.292-1.04c0.144-0.033,0.309,0.055,0.342,0.199       c0.011,0.022,0.011,0.044,0.011,0.066c0,0.133-0.077,0.244-0.199,0.276c-1.36,0.377-2.821,0.73-4.337,1.051       C175.614,99.603,175.602,99.603,175.581,99.603z M184.132,97.224c-0.121,0-0.22-0.078-0.265-0.188       c-0.056-0.144,0.022-0.299,0.165-0.354c1.406-0.509,2.777-1.062,4.093-1.67c0.133-0.056,0.298,0.011,0.365,0.144       c0.066,0.133,0,0.299-0.133,0.365c-1.294,0.586-2.688,1.161-4.138,1.682C184.188,97.213,184.165,97.224,184.132,97.224z"/>
+				</g>
+				<g>
+					<path style="fill:#512651;" d="M113.833,350.013c-0.822,0-1.646-0.024-2.464-0.071c-0.152-0.009-0.269-0.14-0.26-0.293       c0.009-0.152,0.143-0.26,0.293-0.26c1.412,0.082,2.84,0.092,4.251,0.031c0.145-0.003,0.281,0.111,0.288,0.265       c0.007,0.152-0.111,0.282-0.265,0.288C115.065,350,114.449,350.013,113.833,350.013z"/>
+				</g>
+			</g>
+			<g>
+				<g>
+					<polygon style="fill:#FFA9DD;" points="159.539,47.794 200.328,69.281 193.044,92.588 211.618,86.033 215.624,116.26        281.177,41.603      "/>
+				</g>
+				<g>
+					<path style="fill:#512651;" d="M211.617,86.31c-0.091,0-0.18-0.045-0.233-0.128c-0.082-0.129-0.044-0.3,0.084-0.382       l67.613-43.187l-78.664,26.93c-0.14,0.051-0.302-0.027-0.351-0.172c-0.05-0.145,0.027-0.302,0.172-0.352l80.85-27.678       c0.131-0.044,0.278,0.015,0.339,0.142c0.06,0.126,0.017,0.278-0.1,0.354l-69.56,44.43       C211.72,86.296,211.668,86.31,211.617,86.31z"/>
+				</g>
+			</g>
+		</g>
+		<g>
+			<g>
+				<polygon style="fill:#FFB289;" points="45.955,296.191 53.103,251.26 66.889,292.107 104.672,291.085 75.569,312.019       83.738,345.718 58.719,321.721 39.828,352.866 43.402,316.104 11.745,307.935     "/>
+			</g>
+			<g>
+				<polygon style="fill:#FFB289;" points="437.007,241.693 470.961,211.409 455.806,251.768 485.719,274.873 449.936,272.682       434.952,303.952 430.749,269.541 396.417,281.719 422.436,255.503 403.081,229.154     "/>
+			</g>
+			<g>
+				<polygon style="fill:#FFB289;" points="88.8,78.637 85.11,36.551 106.737,70.238 140.542,60.801 119.045,86.219 134,114.734       106.054,98.756 96.057,131.072 90.989,97.15 60.631,96.927     "/>
+			</g>
+		</g>
+	</g>
+</g>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</svg>
diff --git a/www/raven-demo/images/illustrations/multi.svg b/www/raven-demo/images/illustrations/multi.svg
new file mode 100644
index 0000000..e2850d1
--- /dev/null
+++ b/www/raven-demo/images/illustrations/multi.svg
@@ -0,0 +1,612 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="844px" height="599px" viewBox="0 0 844 599" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.1 (55044) - http://www.bohemiancoding.com/sketch -->
+    <title>Process</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="0.776 0.446 91.551 0.446 91.551 10.592 0.776 10.592"></polygon>
+        <path d="M466.235,268.554 L0.473,268.554 L0.473,22.728 C0.473,10.522 10.367,0.627 22.574,0.627 L444.135,0.627 C456.341,0.627 466.235,10.522 466.235,22.728 L466.235,268.554" id="path-3"></path>
+        <linearGradient x1="78.5137044%" y1="1.38567595%" x2="25.6910182%" y2="95.987937%" id="linearGradient-5">
+            <stop stop-color="#23BECD" offset="0%"></stop>
+            <stop stop-color="#50E797" offset="100%"></stop>
+        </linearGradient>
+        <path d="M47.268,263.398 L0.945,263.398 L0.945,0.369 L43.624,0.369 C45.637,0.369 47.268,2.001 47.268,4.013 L47.268,263.398" id="path-6"></path>
+        <linearGradient x1="0%" y1="49.9998099%" x2="99.9997841%" y2="49.9998099%" id="linearGradient-8">
+            <stop stop-color="#29B9B4" offset="0%"></stop>
+            <stop stop-color="#21B8BC" offset="100%"></stop>
+        </linearGradient>
+        <path d="M318.109,0.627 L22.574,0.627 C10.367,0.627 0.473,10.522 0.473,22.728 L0.473,223.432 L318.109,0.627" id="path-9"></path>
+        <path d="M41.771,4.273 C41.818,3.049 41.815,1.836 41.795,0.627 L22.574,0.627 C10.367,0.627 0.473,10.522 0.473,22.728 L0.473,66.374 C24.035,55.245 40.732,31.636 41.771,4.273" id="path-11"></path>
+        <linearGradient x1="95.1452229%" y1="-4.94775427%" x2="-28.7852462%" y2="92.5319786%" id="linearGradient-13">
+            <stop stop-color="#50D6B5" offset="0%"></stop>
+            <stop stop-color="#49D4AC" offset="100%"></stop>
+        </linearGradient>
+        <path d="M466.235,0.554 L0.473,0.554 L0.473,54.656 C0.473,61.327 5.881,66.736 12.553,66.736 L445.047,66.736 C456.749,66.736 466.235,57.249 466.235,45.547 L466.235,0.554" id="path-14"></path>
+        <linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="linearGradient-16">
+            <stop stop-color="#9DA7B3" offset="0%"></stop>
+            <stop stop-color="#EAEBED" offset="100%"></stop>
+        </linearGradient>
+        <path d="M59.434,160.553 L59.434,15.583 C59.434,7.341 52.752,0.659 44.51,0.659 L0.086,0.659 L0.086,160.553 L59.434,160.553" id="path-17"></path>
+        <linearGradient x1="50%" y1="0.783644164%" x2="50%" y2="107.249178%" id="linearGradient-19">
+            <stop stop-color="#29B9B4" offset="0%"></stop>
+            <stop stop-color="#29B9B4" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.945,0.553 L0.945,37.976 C0.945,40.97 3.373,43.398 6.368,43.398 L41.94,43.398 C44.883,43.398 47.268,41.013 47.268,38.071 L47.268,0.553 L0.945,0.553" id="path-20"></path>
+        <linearGradient x1="7.95069404%" y1="15.229315%" x2="199.183343%" y2="159.591551%" id="linearGradient-22">
+            <stop stop-color="#9DA7B3" offset="0%"></stop>
+            <stop stop-color="#EAEBED" offset="100%"></stop>
+        </linearGradient>
+        <path d="M34.135,0.625 L18,0.625 C7.555,9.107 0.878,22.045 0.878,36.548 C0.878,62.096 21.589,82.807 47.137,82.807 C50.252,82.807 53.293,82.495 56.235,81.907 L56.235,22.726 C56.235,10.52 46.341,0.625 34.135,0.625" id="path-23"></path>
+        <path d="M300.254,200.784 L268.773,0.134 L15.377,0.134 C7.186,0.134 0.546,6.774 0.546,14.965 L0.546,302.203 C0.546,310.395 7.186,317.034 15.377,317.034 L253.489,317.034 C279.316,317.034 300.254,296.098 300.254,270.271 C300.254,244.443 300.254,200.784 300.254,200.784" id="path-25"></path>
+        <linearGradient x1="0%" y1="49.9999684%" x2="99.9996663%" y2="49.9999684%" id="linearGradient-27">
+            <stop stop-color="#46A1FF" offset="0%"></stop>
+            <stop stop-color="#572FF0" offset="100%"></stop>
+        </linearGradient>
+        <path d="M81.247,9.605 L60.951,9.605 C58.5,9.605 56.513,7.618 56.513,5.167 C56.513,2.716 58.5,0.729 60.951,0.729 L81.247,0.729 C83.698,0.729 85.684,2.716 85.684,5.167 C85.684,7.618 83.698,9.605 81.247,9.605 Z M126.913,9.605 L106.616,9.605 C104.166,9.605 102.179,7.618 102.179,5.167 C102.179,2.716 104.166,0.729 106.616,0.729 L126.913,0.729 C129.364,0.729 131.351,2.716 131.351,5.167 C131.351,7.618 129.364,9.605 126.913,9.605 Z M172.578,9.605 L152.283,9.605 C149.832,9.605 147.845,7.618 147.845,5.167 C147.845,2.716 149.832,0.729 152.283,0.729 L172.578,0.729 C175.03,0.729 177.016,2.716 177.016,5.167 C177.016,7.618 175.03,9.605 172.578,9.605 Z M218.244,9.605 L197.949,9.605 C195.497,9.605 193.511,7.618 193.511,5.167 C193.511,2.716 195.497,0.729 197.949,0.729 L218.244,0.729 C220.696,0.729 222.682,2.716 222.682,5.167 C222.682,7.618 220.696,9.605 218.244,9.605 Z M15.285,9.715 C13.095,9.715 11.189,8.094 10.892,5.863 C10.568,3.433 12.275,1.201 14.704,0.878 C15.444,0.78 16.2,0.729 16.951,0.729 L35.581,0.729 C38.032,0.729 40.019,2.716 40.019,5.167 C40.019,7.618 38.032,9.605 35.581,9.605 L16.951,9.605 C16.59,9.605 16.229,9.628 15.877,9.676 C15.679,9.702 15.48,9.715 15.285,9.715 Z M4.512,49.829 C2.061,49.829 0.075,47.843 0.075,45.391 L0.075,25.095 C0.075,22.644 2.061,20.657 4.512,20.657 C6.963,20.657 8.95,22.644 8.95,25.095 L8.95,45.391 C8.95,47.843 6.963,49.829 4.512,49.829 Z M4.512,95.495 C2.061,95.495 0.075,93.508 0.075,91.057 L0.075,70.761 C0.075,68.31 2.061,66.323 4.512,66.323 C6.963,66.323 8.95,68.31 8.95,70.761 L8.95,91.057 C8.95,93.508 6.963,95.495 4.512,95.495 Z M4.512,141.16 C2.061,141.16 0.075,139.172 0.075,136.722 L0.075,116.426 C0.075,113.976 2.061,111.989 4.512,111.989 C6.963,111.989 8.95,113.976 8.95,116.426 L8.95,136.722 C8.95,139.172 6.963,141.16 4.512,141.16 Z M4.512,186.826 C2.061,186.826 0.075,184.839 0.075,182.389 L0.075,162.092 C0.075,159.642 2.061,157.655 4.512,157.655 C6.963,157.655 8.95,159.642 8.95,162.092 L8.95,182.389 C8.95,184.839 6.963,186.826 4.512,186.826 Z M4.512,232.492 C2.061,232.492 0.075,230.505 0.075,228.055 L0.075,207.759 C0.075,205.309 2.061,203.322 4.512,203.322 C6.963,203.322 8.95,205.309 8.95,207.759 L8.95,228.055 C8.95,230.505 6.963,232.492 4.512,232.492 Z M254.073,247.946 C253.632,247.946 253.183,247.879 252.74,247.741 C250.402,247.004 249.103,244.513 249.838,242.175 C250.897,238.81 251.433,235.293 251.433,231.726 L251.433,223.385 C251.433,220.935 253.42,218.948 255.871,218.948 C258.323,218.948 260.309,220.935 260.309,223.385 L260.309,231.726 C260.309,236.199 259.635,240.609 258.305,244.837 C257.709,246.734 255.959,247.946 254.073,247.946 Z M12.703,274.643 C12.2,274.643 11.688,274.556 11.187,274.374 C4.54,271.958 0.075,265.581 0.075,258.508 L0.075,253.425 C0.075,250.974 2.061,248.987 4.512,248.987 C6.963,248.987 8.95,250.974 8.95,253.425 L8.95,258.508 C8.95,261.864 11.068,264.887 14.22,266.033 C16.524,266.87 17.712,269.416 16.875,271.721 C16.219,273.524 14.516,274.643 12.703,274.643 Z M220.635,275.185 C218.384,275.185 216.456,273.48 216.225,271.193 C215.979,268.755 217.756,266.578 220.195,266.332 C226.179,265.728 231.933,263.558 236.836,260.058 C238.83,258.635 241.601,259.097 243.026,261.09 C244.45,263.085 243.988,265.857 241.993,267.282 C235.835,271.679 228.606,274.404 221.086,275.163 C220.934,275.178 220.784,275.185 220.635,275.185 Z M58.282,275.385 L37.985,275.385 C35.534,275.385 33.547,273.397 33.547,270.947 C33.547,268.496 35.534,266.509 37.985,266.509 L58.282,266.509 C60.732,266.509 62.719,268.496 62.719,270.947 C62.719,273.397 60.732,275.385 58.282,275.385 Z M103.947,275.385 L83.651,275.385 C81.2,275.385 79.214,273.397 79.214,270.947 C79.214,268.496 81.2,266.509 83.651,266.509 L103.947,266.509 C106.398,266.509 108.385,268.496 108.385,270.947 C108.385,273.397 106.398,275.385 103.947,275.385 Z M149.613,275.385 L129.317,275.385 C126.866,275.385 124.879,273.397 124.879,270.947 C124.879,268.496 126.866,266.509 129.317,266.509 L149.613,266.509 C152.064,266.509 154.051,268.496 154.051,270.947 C154.051,273.397 152.064,275.385 149.613,275.385 Z M195.279,275.385 L174.983,275.385 C172.532,275.385 170.545,273.397 170.545,270.947 C170.545,268.496 172.532,266.509 174.983,266.509 L195.279,266.509 C197.729,266.509 199.716,268.496 199.716,270.947 C199.716,273.397 197.729,275.385 195.279,275.385 Z" id="path-28"></path>
+        <linearGradient x1="-0.000384269542%" y1="50%" x2="100%" y2="50%" id="linearGradient-30">
+            <stop stop-color="#B5D9FF" offset="0%"></stop>
+            <stop stop-color="#9980F6" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.489,0.369 L0.489,270.506 C26.316,270.506 47.254,291.443 47.254,317.271 L47.254,47.134 C47.254,21.306 26.316,0.369 0.489,0.369" id="path-31"></path>
+        <linearGradient x1="0%" y1="50%" x2="99.9991447%" y2="50%" id="linearGradient-33">
+            <stop stop-color="#398AFC" offset="0%"></stop>
+            <stop stop-color="#E4ABFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M13.071,263.421 L6.388,263.421 C3.313,263.421 0.819,260.928 0.819,257.853 L0.819,5.962 C0.819,2.886 3.313,0.392 6.388,0.392 L13.071,0.392 L13.071,263.421" id="path-34"></path>
+        <linearGradient x1="50%" y1="100.499185%" x2="50%" y2="-16.3088481%" id="linearGradient-36">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-37" points="0.096 0.801 22.142 0.801 22.142 6.962 0.096 6.962"></polygon>
+        <linearGradient x1="50%" y1="3854.39052%" x2="50%" y2="-572.829086%" id="linearGradient-39">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-40" points="0.61 0.727 13.142 0.727 13.142 6.888 0.61 6.888"></polygon>
+        <linearGradient x1="50%" y1="3595.89352%" x2="50%" y2="-831.326083%" id="linearGradient-42">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-43" points="0.096 0.653 22.142 0.653 22.142 6.814 0.096 6.814"></polygon>
+        <linearGradient x1="50%" y1="3337.39653%" x2="50%" y2="-1089.82308%" id="linearGradient-45">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-46" points="0.61 0.578 13.142 0.578 13.142 6.74 0.61 6.74"></polygon>
+        <linearGradient x1="50%" y1="3078.4161%" x2="50%" y2="-1348.08504%" id="linearGradient-48">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-49" points="0.096 0.504 22.142 0.504 22.142 6.665 0.096 6.665"></polygon>
+        <linearGradient x1="50%" y1="2820.35384%" x2="50%" y2="-1606.76838%" id="linearGradient-51">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-52" points="0.61 0.43 13.142 0.43 13.142 6.591 0.61 6.591"></polygon>
+        <linearGradient x1="50%" y1="2561.85684%" x2="50%" y2="-1865.26538%" id="linearGradient-54">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="2303.37608%" x2="50%" y2="-2123.74615%" id="linearGradient-55">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-56" points="0.61 0.281 13.142 0.281 13.142 6.442 0.61 6.442"></polygon>
+        <linearGradient x1="50%" y1="2044.89531%" x2="50%" y2="-2382.22691%" id="linearGradient-58">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="1786.39831%" x2="50%" y2="-2640.72391%" id="linearGradient-59">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-60" points="0.61 0.133 13.142 0.133 13.142 6.294 0.61 6.294"></polygon>
+        <linearGradient x1="50%" y1="1527.93378%" x2="50%" y2="-2899.28583%" id="linearGradient-62">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="1269.45301%" x2="50%" y2="-3157.7666%" id="linearGradient-63">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-64" points="0.61 0.984 13.142 0.984 13.142 7.145 0.61 7.145"></polygon>
+        <linearGradient x1="50%" y1="1010.95601%" x2="50%" y2="-3416.26359%" id="linearGradient-66">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="752.353132%" x2="50%" y2="-3674.148%" id="linearGradient-67">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-68" points="0.61 0.835 13.142 0.835 13.142 6.996 0.61 6.996"></polygon>
+        <linearGradient x1="50%" y1="493.962019%" x2="50%" y2="-3933.25759%" id="linearGradient-70">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="235.465022%" x2="50%" y2="-4191.75459%" id="linearGradient-71">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M29.756,0.356 L0.974,0.356 C2.445,5.065 4.658,9.443 7.461,13.372 L29.756,13.372 C33.35,13.372 36.263,10.458 36.263,6.864 C36.263,3.27 33.35,0.356 29.756,0.356" id="path-72"></path>
+        <linearGradient x1="68.6276177%" y1="3.36432084%" x2="-8.86253507%" y2="148.050092%" id="linearGradient-74">
+            <stop stop-color="#B8C0C8" offset="0%"></stop>
+            <stop stop-color="#EAEBED" offset="100%"></stop>
+        </linearGradient>
+        <path d="M152.634,40.978 L143.001,40.978 C140.746,40.978 138.919,42.806 138.919,45.061 C138.919,47.316 140.746,49.144 143.001,49.144 L152.634,49.144 C154.889,49.144 156.717,47.316 156.717,45.061 C156.717,42.806 154.889,40.978 152.634,40.978 Z M124.338,40.978 L112.674,40.978 C110.419,40.978 108.591,42.806 108.591,45.061 C108.591,47.316 110.419,49.144 112.674,49.144 L124.338,49.144 C126.593,49.144 128.421,47.316 128.421,45.061 C128.421,42.806 126.593,40.978 124.338,40.978 Z M16.637,40.978 L4.973,40.978 C2.718,40.978 0.89,42.806 0.89,45.061 C0.89,47.316 2.718,49.144 4.973,49.144 L16.637,49.144 C18.892,49.144 20.72,47.316 20.72,45.061 C20.72,42.806 18.892,40.978 16.637,40.978 Z M49.016,45.061 C49.016,42.806 47.189,40.978 44.934,40.978 L35.3,40.978 C33.046,40.978 31.218,42.806 31.218,45.061 C31.218,47.316 33.046,49.144 35.3,49.144 L44.934,49.144 C47.189,49.144 49.016,47.316 49.016,45.061 Z M79.18,22.97 C81.435,22.97 83.263,21.142 83.263,18.887 L83.263,4.921 C83.263,2.666 81.435,0.838 79.18,0.838 C76.926,0.838 75.098,2.666 75.098,4.921 L75.098,18.887 C75.098,21.142 76.926,22.97 79.18,22.97 Z M120.488,86.823 C115.928,91.382 110.74,95.08 105.128,97.867 L94.364,70.724 C93.533,68.628 91.162,67.602 89.064,68.434 C86.969,69.265 85.943,71.637 86.774,73.734 L97.575,100.973 C91.718,102.909 85.529,103.932 79.18,103.932 C72.862,103.932 66.696,102.923 60.788,100.962 L71.586,73.734 C72.417,71.637 71.391,69.265 69.296,68.434 C67.199,67.601 64.827,68.628 63.996,70.724 L51.688,101.763 C51.682,101.776 51.674,101.785 51.669,101.798 C51.663,101.814 51.661,101.83 51.655,101.846 L35.615,142.295 C34.783,144.391 35.809,146.764 37.906,147.596 C38.399,147.791 38.908,147.884 39.409,147.884 C41.034,147.884 42.57,146.908 43.205,145.305 L57.774,108.565 C64.645,110.9 71.824,112.097 79.18,112.097 C86.577,112.097 93.784,110.882 100.591,108.577 L115.155,145.305 C115.79,146.908 117.326,147.884 118.951,147.884 C119.451,147.884 119.961,147.79 120.454,147.596 C122.551,146.764 123.576,144.391 122.745,142.295 L108.15,105.49 C114.78,102.281 120.899,97.956 126.261,92.595 C127.856,91.001 127.856,88.415 126.262,86.823 C124.668,85.229 122.083,85.228 120.488,86.823 Z M79.18,34.492 C85.007,34.492 89.748,39.234 89.748,45.061 C89.748,50.888 85.007,55.629 79.18,55.629 C73.353,55.629 68.612,50.888 68.612,45.061 C68.612,39.234 73.353,34.492 79.18,34.492 Z M79.18,63.794 C89.51,63.794 97.913,55.39 97.913,45.061 C97.913,34.731 89.51,26.327 79.18,26.327 C68.851,26.327 60.447,34.731 60.447,45.061 C60.447,55.39 68.851,63.794 79.18,63.794 Z" id="path-75"></path>
+        <linearGradient x1="-10.7786199%" y1="50.9350815%" x2="137.074448%" y2="49.0614502%" id="linearGradient-77">
+            <stop stop-color="#B5D9FF" offset="0%"></stop>
+            <stop stop-color="#9980F6" offset="100%"></stop>
+        </linearGradient>
+        <path d="M63.943,11.044 L63.943,51.6 C63.943,58.252 58.551,63.643 51.9,63.643 L11.343,63.643 C4.671,63.643 -0.339,69.751 0.968,76.293 C6.999,106.488 34.204,129.041 66.445,127.816 C99.73,126.552 126.851,99.43 128.116,66.146 C129.34,33.905 106.786,6.7 76.592,0.669 C70.05,-0.638 63.943,4.372 63.943,11.044" id="path-78"></path>
+        <linearGradient x1="85.8712764%" y1="87.8090595%" x2="14.8511939%" y2="12.9961631%" id="linearGradient-80">
+            <stop stop-color="#39B8FC" offset="0%"></stop>
+            <stop stop-color="#E4ABFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M53.280802,0.711 L53.462822,0.711 C59.0818396,0.760942468 63.845,5.43136374 63.845,11.313 L63.845,55.088 C63.845,59.964 59.892,63.916 55.017,63.916 L11.241,63.916 C4.638,63.916 -0.439,57.911 0.837,51.432 C5.852,25.978 25.907,5.923 51.361,0.908 C52.0074853,0.780678625 52.6492512,0.716610107 53.280803,0.710999991 L53.280802,0.711 Z" id="path-81"></path>
+        <linearGradient x1="11.8054525%" y1="5.28269275%" x2="19.2985823%" y2="5.28269275%" id="linearGradient-83">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M94.235,45.547 L94.235,0.553 L72.309,0.553 C67.753,8.963 64.775,18.354 63.828,28.344 C60.633,27.779 57.349,27.467 53.992,27.467 C28.879,27.467 7.624,43.978 0.484,66.736 L73.047,66.736 C75.972,66.736 78.76,66.143 81.295,65.071 C88.899,61.854 94.235,54.324 94.235,45.547" id="path-84"></path>
+        <linearGradient x1="47.343495%" y1="96.817914%" x2="77.2525093%" y2="-16.8342324%" id="linearGradient-86">
+            <stop stop-color="#9FC5E2" offset="0%"></stop>
+            <stop stop-color="#A8CFEB" offset="100%"></stop>
+        </linearGradient>
+        <path d="M122.566,0.66 L0.546,0.66 L0.546,30.776 L21.187,30.776 C24.668,30.776 26.082,35.255 23.233,37.254 L0.546,53.167 L0.546,92.191 L124.102,5.523 C126.241,4.022 125.179,0.66 122.566,0.66" id="path-87"></path>
+        <linearGradient x1="-20.9327691%" y1="66.1830418%" x2="108.291775%" y2="-33.7226732%" id="linearGradient-89">
+            <stop stop-color="#348BFD" offset="0%"></stop>
+            <stop stop-color="#386AF9" offset="100%"></stop>
+        </linearGradient>
+        <path d="M115.654,37.911 L36.293,93.578 C33.881,95.271 30.561,93.544 30.561,90.598 L30.561,37.002 C30.561,33.847 33.119,31.289 36.274,31.289 L113.563,31.289 C117.121,31.289 118.567,35.868 115.654,37.911 Z M217.2,0.503 L7.701,0.503 C3.458,0.503 0.018,3.943 0.018,8.186 L0.018,153.659 C0.018,155.872 2.51,157.168 4.322,155.898 L218.769,5.474 C220.956,3.94 219.871,0.503 217.2,0.503 Z" id="path-90"></path>
+        <linearGradient x1="50.4414866%" y1="-2.60688316%" x2="41.2204131%" y2="120.091743%" id="linearGradient-92">
+            <stop stop-color="#FFE13E" offset="0%"></stop>
+            <stop stop-color="#FFAC45" offset="100%"></stop>
+        </linearGradient>
+        <path d="M164.076,12.238 L169.846,12.238 L169.846,0.503 L164.076,0.503 L164.076,12.238 Z M134.251,12.238 L140.02,12.238 L140.02,0.503 L134.251,0.503 L134.251,12.238 Z M149.164,21.147 L154.933,21.147 L154.933,0.503 L149.164,0.503 L149.164,21.147 Z M104.425,12.238 L110.194,12.238 L110.194,0.503 L104.425,0.503 L104.425,12.238 Z M119.338,21.147 L125.107,21.147 L125.107,0.503 L119.338,0.503 L119.338,21.147 Z M89.512,21.147 L95.281,21.147 L95.281,0.503 L89.512,0.503 L89.512,21.147 Z M74.599,12.238 L80.368,12.238 L80.368,0.503 L74.599,0.503 L74.599,12.238 Z M44.773,12.238 L50.542,12.238 L50.542,0.503 L44.773,0.503 L44.773,12.238 Z M59.686,21.147 L65.455,21.147 L65.455,0.503 L59.686,0.503 L59.686,21.147 Z M14.948,12.238 L20.717,12.238 L20.717,0.503 L14.948,0.503 L14.948,12.238 Z M0.035,21.147 L5.804,21.147 L5.804,0.503 L0.035,0.503 L0.035,21.147 Z M29.86,21.147 L35.63,21.147 L35.63,0.503 L29.86,0.503 L29.86,21.147 Z" id="path-93"></path>
+        <linearGradient x1="-0.000412223001%" y1="50%" x2="99.9995878%" y2="50%" id="linearGradient-95">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M99.768,49.713 C99.768,77.146 77.529,99.385 50.096,99.385 C22.663,99.385 0.424,77.146 0.424,49.713 C0.424,22.28 22.663,0.04 50.096,0.04 C77.529,0.04 99.768,22.28 99.768,49.713" id="path-96"></path>
+        <linearGradient x1="120.873933%" y1="22.712366%" x2="-9.31108069%" y2="72.8365796%" id="linearGradient-98">
+            <stop stop-color="#FFDD5E" offset="0%"></stop>
+            <stop stop-color="#FFAC45" offset="100%"></stop>
+        </linearGradient>
+        <path d="M63.119,29.476 C63.119,13.592 50.243,0.716 34.359,0.716 L7.039,0.716 C2.9,6.307 0.45,13.223 0.45,20.713 C0.45,39.295 15.513,54.359 34.096,54.359 C46.469,54.359 57.273,47.677 63.119,37.728 L63.119,29.476" id="path-99"></path>
+        <path d="M55.411,55.541 C48.689,62.262 37.791,62.262 31.07,55.541 L5.524,29.995 C-1.197,23.274 -1.197,12.376 5.524,5.655 C12.246,-1.067 23.144,-1.067 29.866,5.655 L55.411,31.2 C62.133,37.921 62.133,48.819 55.411,55.541" id="path-101"></path>
+        <linearGradient x1="-9.24332054%" y1="64.1147607%" x2="109.243571%" y2="35.8863232%" id="linearGradient-103">
+            <stop stop-color="#E4ABFF" offset="0%"></stop>
+            <stop stop-color="#39B8FC" offset="100%"></stop>
+        </linearGradient>
+        <path d="M16.638,18.223 C20.026,18.223 22.771,15.477 22.771,12.09 L22.771,6.73 C22.771,3.343 20.026,0.597 16.638,0.597 C13.251,0.597 10.505,3.343 10.505,6.73 L10.505,12.09 C10.505,15.477 13.251,18.223 16.638,18.223 Z M16.638,21.286 C7.969,21.286 0.941,28.314 0.941,36.983 L0.941,45.391 C5.433,48.394 10.829,50.151 16.638,50.151 C22.447,50.151 27.844,48.394 32.335,45.391 L32.335,36.983 C32.335,28.314 25.307,21.286 16.638,21.286 Z" id="path-104"></path>
+        <linearGradient x1="-35.5768618%" y1="103.446543%" x2="211.550296%" y2="-31.1425919%" id="linearGradient-106">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M33.4034064,69.94 C15.1447005,68.8737292 0.668,53.7292335 0.668,35.203 C0.668,15.987 16.246,0.407 35.464,0.407 L366.658,0.407 C385.876,0.407 401.455,15.987 401.455,35.203 C401.455,53.7292335 386.97737,68.8737292 368.718597,69.94 L33.4034064,69.94 Z" id="path-107"></path>
+        <linearGradient x1="23.4201061%" y1="76.8205821%" x2="66.9159437%" y2="114.435943%" id="linearGradient-109">
+            <stop stop-color="#ACD3F6" offset="0%"></stop>
+            <stop stop-color="#D5EDFD" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.612,0.407 L0.612,41.794 C0.612,45.452 3.577,48.417 7.235,48.417 L152.248,48.417 C155.906,48.417 158.871,45.452 158.871,41.794 L158.871,0.407 L0.612,0.407" id="path-110"></path>
+        <linearGradient x1="48.5697496%" y1="14.3967923%" x2="53.7850612%" y2="121.103312%" id="linearGradient-112">
+            <stop stop-color="#85C2F8" offset="0%"></stop>
+            <stop stop-color="#8BC6F9" offset="100%"></stop>
+        </linearGradient>
+        <path d="M152.451,98.203 L7.439,98.203 C3.781,98.203 0.815,95.239 0.815,91.58 L0.815,7.481 C0.815,3.823 3.781,0.858 7.439,0.858 L152.451,0.858 C156.109,0.858 159.075,3.823 159.075,7.481 L159.075,91.58 C159.075,95.239 156.109,98.203 152.451,98.203" id="path-113"></path>
+        <linearGradient x1="39.3586503%" y1="31.3524064%" x2="106.746493%" y2="149.441677%" id="linearGradient-115">
+            <stop stop-color="#FFF6C2" offset="0%"></stop>
+            <stop stop-color="#FFC833" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.815,21.78 C19.194,-1.93 37.584,-7.941 57.525,15.119 C81.481,42.825 92.542,58.535 107.488,43.577 C122.514,28.539 138.971,33.79 159.075,65.299 L159.075,69.58 C159.075,73.239 156.109,76.203 152.451,76.203 L7.439,76.203 C3.781,76.203 0.815,73.239 0.815,69.58 L0.815,21.78" id="path-116"></path>
+        <linearGradient x1="0%" y1="50.00045%" x2="100%" y2="50.00045%" id="linearGradient-118">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M33.824,17.384 C33.824,26.527 26.412,33.938 17.269,33.938 C8.127,33.938 0.716,26.527 0.716,17.384 C0.716,8.241 8.127,0.829 17.269,0.829 C26.412,0.829 33.824,8.241 33.824,17.384" id="path-119"></path>
+        <linearGradient x1="-148.755588%" y1="-24.6186837%" x2="127.508759%" y2="79.0984325%" id="linearGradient-121">
+            <stop stop-color="#FF4A91" offset="0%"></stop>
+            <stop stop-color="#FA9A58" offset="100%"></stop>
+        </linearGradient>
+        <path d="M109.603,28.999 L87.676,28.999 C50.555,28.999 33.996,15.738 26.217,1.705 C24.938,-0.6 21.619,-0.475 20.49,1.907 C15.739,11.927 15.375,21.721 16.724,29.996 C7.113,32.891 0.109,41.802 0.109,52.357 L0.109,81.781 C0.109,94.681 10.566,105.139 23.467,105.139 L109.603,105.139 C122.504,105.139 132.962,94.681 132.962,81.781 L132.962,52.357 C132.962,39.456 122.504,28.999 109.603,28.999" id="path-122"></path>
+        <linearGradient x1="10.527425%" y1="102.935502%" x2="83.4761729%" y2="12.1889106%" id="linearGradient-124">
+            <stop stop-color="#FFE13E" offset="0%"></stop>
+            <stop stop-color="#FFAC45" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.06,113.161127 L0.06,50.6838732 C0.924586087,38.5714504 11.025328,29.014 23.358,29.014 L106.627,29.014 C143.747,29.014 160.306,15.752 168.086,1.72 C169.364,-0.586 172.683,-0.462 173.812,1.921 C178.563,11.942 178.928,21.736 177.578,30.011 C187.189,32.906 194.194,41.817 194.194,52.371 L194.194,111.474 C194.194,124.374 183.736,134.831 170.836,134.831 L23.358,134.831 C11.025328,134.831 0.924586087,125.27355 0.06,113.161127 Z" id="path-125"></path>
+        <path d="M53.556,38.249 L75.962,38.249 L75.962,27.357 C75.962,14.456 65.504,3.999 52.603,3.999 L30.676,3.999 C18.535,3.999 8.606,2.574 0.453,0.174 C7.953,22.31 28.887,38.249 53.556,38.249" id="path-127"></path>
+        <linearGradient x1="38.8152406%" y1="87.3749179%" x2="66.596962%" y2="-5.46369009%" id="linearGradient-129">
+            <stop stop-color="#B8A843" offset="0%"></stop>
+            <stop stop-color="#B8A344" offset="100%"></stop>
+        </linearGradient>
+        <path d="M210.918,89.164 C211.971,84.223 212.536,79.102 212.536,73.848 C212.536,33.433 179.773,0.67 139.358,0.67 C101.303,0.67 70.042,29.724 66.521,66.859 C63.326,66.293 60.044,65.981 56.685,65.981 C25.718,65.981 0.613,91.085 0.613,122.053 C0.613,153.022 25.718,178.125 56.685,178.125 C81.12,178.125 186.531,178.125 208.034,178.125 C232.628,178.125 252.566,158.188 252.566,133.593 C252.566,109.969 234.167,90.652 210.918,89.164" id="path-130"></path>
+        <linearGradient x1="50.0001984%" y1="102.403426%" x2="50.0001984%" y2="-31.2924403%" id="linearGradient-132">
+            <stop stop-color="#39B8FC" offset="0%"></stop>
+            <stop stop-color="#E4ABFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M119.03,0.887 L0.363,84.125 C38.738,84.125 83.793,84.125 97.034,84.125 C121.628,84.125 141.566,64.188 141.566,39.593 C141.566,23.002 132.485,8.546 119.03,0.887" id="path-133"></path>
+        <linearGradient x1="46.6470259%" y1="96.2985656%" x2="71.8307685%" y2="-47.3990245%" id="linearGradient-135">
+            <stop stop-color="#6DB4FD" offset="0%"></stop>
+            <stop stop-color="#E4ABFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M72.406,36.425 C72.406,56.392 56.22,72.579 36.252,72.579 C16.285,72.579 0.097,56.392 0.097,36.425 C0.097,16.457 16.285,0.271 36.252,0.271 C56.22,0.271 72.406,16.457 72.406,36.425" id="path-136"></path>
+        <linearGradient x1="120.87292%" y1="22.71118%" x2="-9.31059757%" y2="72.8359241%" id="linearGradient-138">
+            <stop stop-color="#FFDD5E" offset="0%"></stop>
+            <stop stop-color="#FFAC45" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.196,11.403 C10.002,-0.56 35.254,3.719 46.264,0.061 L46.264,8.915 C46.264,20.37 37.438,29.884 26.015,30.751 C16.042,31.509 5.692,33.112 0.196,39.817 L0.196,11.403" id="path-139"></path>
+        <linearGradient x1="90.9937484%" y1="50%" x2="-14.8547799%" y2="50%" id="linearGradient-141">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#EAEBED" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Process" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-3" transform="translate(409.000000, 478.000000)">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <g id="Clip-2"></g>
+            <polygon id="Fill-1" mask="url(#mask-2)" points="0.776 10.592 91.551 10.592 91.551 0.446 0.776 0.446"></polygon>
+        </g>
+        <polygon id="Fill-4" points="376.741 478.446 484.112 478.446 484.112 411.339 376.741 411.339"></polygon>
+        <g id="Group-8" transform="translate(200.000000, 87.000000)">
+            <mask id="mask-4" fill="white">
+                <use xlink:href="#path-3"></use>
+            </mask>
+            <g id="Clip-7"></g>
+            <path d="M466.235,268.554 L0.473,268.554 L0.473,22.728 C0.473,10.522 10.367,0.627 22.574,0.627 L444.135,0.627 C456.341,0.627 466.235,10.522 466.235,22.728 L466.235,268.554" id="Fill-6" fill="url(#linearGradient-5)" mask="url(#mask-4)"></path>
+        </g>
+        <g id="Group-11" transform="translate(515.000000, 135.000000)">
+            <mask id="mask-7" fill="white">
+                <use xlink:href="#path-6"></use>
+            </mask>
+            <g id="Clip-10"></g>
+            <path d="M47.268,263.398 L0.945,263.398 L0.945,0.369 L43.624,0.369 C45.637,0.369 47.268,2.001 47.268,4.013 L47.268,263.398" id="Fill-9" fill="url(#linearGradient-8)" mask="url(#mask-7)"></path>
+        </g>
+        <path d="M666.235,357.996 L666.235,330.729 C656.421,337.73 648.427,347.103 643.044,357.996 L666.235,357.996" id="Fill-12" fill="#25B5BB"></path>
+        <g id="Group-15" transform="translate(200.000000, 87.000000)">
+            <mask id="mask-10" fill="white">
+                <use xlink:href="#path-9"></use>
+            </mask>
+            <g id="Clip-14"></g>
+            <path d="M318.109,0.627 L22.574,0.627 C10.367,0.627 0.473,10.522 0.473,22.728 L0.473,223.432 L318.109,0.627" id="Fill-13" mask="url(#mask-10)"></path>
+        </g>
+        <g id="Group-18" transform="translate(200.000000, 87.000000)">
+            <mask id="mask-12" fill="white">
+                <use xlink:href="#path-11"></use>
+            </mask>
+            <g id="Clip-17"></g>
+            <path d="M41.771,4.273 C41.818,3.049 41.815,1.836 41.795,0.627 L22.574,0.627 C10.367,0.627 0.473,10.522 0.473,22.728 L0.473,66.374 C24.035,55.245 40.732,31.636 41.771,4.273" id="Fill-16" fill="url(#linearGradient-13)" mask="url(#mask-12)"></path>
+        </g>
+        <g id="Group-21" transform="translate(200.000000, 355.000000)">
+            <mask id="mask-15" fill="white">
+                <use xlink:href="#path-14"></use>
+            </mask>
+            <g id="Clip-20"></g>
+            <path d="M466.235,0.554 L0.473,0.554 L0.473,54.656 C0.473,61.327 5.881,66.736 12.553,66.736 L445.047,66.736 C456.749,66.736 466.235,57.249 466.235,45.547 L466.235,0.554" id="Fill-19" fill="url(#linearGradient-16)" mask="url(#mask-15)"></path>
+        </g>
+        <polygon id="Fill-22" fill="#90B5D2" points="397.086 421.736 456.434 421.736 456.434 354.915 397.086 354.915"></polygon>
+        <g id="Group-25" transform="translate(397.000000, 195.000000)">
+            <mask id="mask-18" fill="white">
+                <use xlink:href="#path-17"></use>
+            </mask>
+            <g id="Clip-24"></g>
+            <path d="M59.434,160.553 L59.434,15.583 C59.434,7.341 52.752,0.659 44.51,0.659 L0.086,0.659 L0.086,160.553 L59.434,160.553" id="Fill-23" fill="url(#linearGradient-19)" mask="url(#mask-18)"></path>
+        </g>
+        <g id="Group-28" transform="translate(515.000000, 355.000000)">
+            <mask id="mask-21" fill="white">
+                <use xlink:href="#path-20"></use>
+            </mask>
+            <g id="Clip-27"></g>
+            <path d="M0.945,0.553 L0.945,37.976 C0.945,40.97 3.373,43.398 6.368,43.398 L41.94,43.398 C44.883,43.398 47.268,41.013 47.268,38.071 L47.268,0.553 L0.945,0.553" id="Fill-26" fill="url(#linearGradient-22)" mask="url(#mask-21)"></path>
+        </g>
+        <g id="Group-31" transform="translate(610.000000, 81.000000)">
+            <mask id="mask-24" fill="white">
+                <use xlink:href="#path-23"></use>
+            </mask>
+            <g id="Clip-30"></g>
+            <path d="M34.135,0.625 L18,0.625 C7.555,9.107 0.878,22.045 0.878,36.548 C0.878,62.096 21.589,82.807 47.137,82.807 C50.252,82.807 53.293,82.495 56.235,81.907 L56.235,22.726 C56.235,10.52 46.341,0.625 34.135,0.625" id="Fill-29" mask="url(#mask-24)"></path>
+        </g>
+        <g id="Group-34" transform="translate(141.000000, 182.000000)">
+            <mask id="mask-26" fill="white">
+                <use xlink:href="#path-25"></use>
+            </mask>
+            <g id="Clip-33"></g>
+            <path d="M300.254,200.784 L268.773,0.134 L15.377,0.134 C7.186,0.134 0.546,6.774 0.546,14.965 L0.546,302.203 C0.546,310.395 7.186,317.034 15.377,317.034 L253.489,317.034 C279.316,317.034 300.254,296.098 300.254,270.271 C300.254,244.443 300.254,200.784 300.254,200.784" id="Fill-32" fill="url(#linearGradient-27)" mask="url(#mask-26)"></path>
+        </g>
+        <g id="Group-37" transform="translate(162.000000, 203.000000)">
+            <mask id="mask-29" fill="white">
+                <use xlink:href="#path-28"></use>
+            </mask>
+            <g id="Clip-36"></g>
+            <path d="M81.247,9.605 L60.951,9.605 C58.5,9.605 56.513,7.618 56.513,5.167 C56.513,2.716 58.5,0.729 60.951,0.729 L81.247,0.729 C83.698,0.729 85.684,2.716 85.684,5.167 C85.684,7.618 83.698,9.605 81.247,9.605 Z M126.913,9.605 L106.616,9.605 C104.166,9.605 102.179,7.618 102.179,5.167 C102.179,2.716 104.166,0.729 106.616,0.729 L126.913,0.729 C129.364,0.729 131.351,2.716 131.351,5.167 C131.351,7.618 129.364,9.605 126.913,9.605 Z M172.578,9.605 L152.283,9.605 C149.832,9.605 147.845,7.618 147.845,5.167 C147.845,2.716 149.832,0.729 152.283,0.729 L172.578,0.729 C175.03,0.729 177.016,2.716 177.016,5.167 C177.016,7.618 175.03,9.605 172.578,9.605 Z M218.244,9.605 L197.949,9.605 C195.497,9.605 193.511,7.618 193.511,5.167 C193.511,2.716 195.497,0.729 197.949,0.729 L218.244,0.729 C220.696,0.729 222.682,2.716 222.682,5.167 C222.682,7.618 220.696,9.605 218.244,9.605 Z M15.285,9.715 C13.095,9.715 11.189,8.094 10.892,5.863 C10.568,3.433 12.275,1.201 14.704,0.878 C15.444,0.78 16.2,0.729 16.951,0.729 L35.581,0.729 C38.032,0.729 40.019,2.716 40.019,5.167 C40.019,7.618 38.032,9.605 35.581,9.605 L16.951,9.605 C16.59,9.605 16.229,9.628 15.877,9.676 C15.679,9.702 15.48,9.715 15.285,9.715 Z M4.512,49.829 C2.061,49.829 0.075,47.843 0.075,45.391 L0.075,25.095 C0.075,22.644 2.061,20.657 4.512,20.657 C6.963,20.657 8.95,22.644 8.95,25.095 L8.95,45.391 C8.95,47.843 6.963,49.829 4.512,49.829 Z M4.512,95.495 C2.061,95.495 0.075,93.508 0.075,91.057 L0.075,70.761 C0.075,68.31 2.061,66.323 4.512,66.323 C6.963,66.323 8.95,68.31 8.95,70.761 L8.95,91.057 C8.95,93.508 6.963,95.495 4.512,95.495 Z M4.512,141.16 C2.061,141.16 0.075,139.172 0.075,136.722 L0.075,116.426 C0.075,113.976 2.061,111.989 4.512,111.989 C6.963,111.989 8.95,113.976 8.95,116.426 L8.95,136.722 C8.95,139.172 6.963,141.16 4.512,141.16 Z M4.512,186.826 C2.061,186.826 0.075,184.839 0.075,182.389 L0.075,162.092 C0.075,159.642 2.061,157.655 4.512,157.655 C6.963,157.655 8.95,159.642 8.95,162.092 L8.95,182.389 C8.95,184.839 6.963,186.826 4.512,186.826 Z M4.512,232.492 C2.061,232.492 0.075,230.505 0.075,228.055 L0.075,207.759 C0.075,205.309 2.061,203.322 4.512,203.322 C6.963,203.322 8.95,205.309 8.95,207.759 L8.95,228.055 C8.95,230.505 6.963,232.492 4.512,232.492 Z M254.073,247.946 C253.632,247.946 253.183,247.879 252.74,247.741 C250.402,247.004 249.103,244.513 249.838,242.175 C250.897,238.81 251.433,235.293 251.433,231.726 L251.433,223.385 C251.433,220.935 253.42,218.948 255.871,218.948 C258.323,218.948 260.309,220.935 260.309,223.385 L260.309,231.726 C260.309,236.199 259.635,240.609 258.305,244.837 C257.709,246.734 255.959,247.946 254.073,247.946 Z M12.703,274.643 C12.2,274.643 11.688,274.556 11.187,274.374 C4.54,271.958 0.075,265.581 0.075,258.508 L0.075,253.425 C0.075,250.974 2.061,248.987 4.512,248.987 C6.963,248.987 8.95,250.974 8.95,253.425 L8.95,258.508 C8.95,261.864 11.068,264.887 14.22,266.033 C16.524,266.87 17.712,269.416 16.875,271.721 C16.219,273.524 14.516,274.643 12.703,274.643 Z M220.635,275.185 C218.384,275.185 216.456,273.48 216.225,271.193 C215.979,268.755 217.756,266.578 220.195,266.332 C226.179,265.728 231.933,263.558 236.836,260.058 C238.83,258.635 241.601,259.097 243.026,261.09 C244.45,263.085 243.988,265.857 241.993,267.282 C235.835,271.679 228.606,274.404 221.086,275.163 C220.934,275.178 220.784,275.185 220.635,275.185 Z M58.282,275.385 L37.985,275.385 C35.534,275.385 33.547,273.397 33.547,270.947 C33.547,268.496 35.534,266.509 37.985,266.509 L58.282,266.509 C60.732,266.509 62.719,268.496 62.719,270.947 C62.719,273.397 60.732,275.385 58.282,275.385 Z M103.947,275.385 L83.651,275.385 C81.2,275.385 79.214,273.397 79.214,270.947 C79.214,268.496 81.2,266.509 83.651,266.509 L103.947,266.509 C106.398,266.509 108.385,268.496 108.385,270.947 C108.385,273.397 106.398,275.385 103.947,275.385 Z M149.613,275.385 L129.317,275.385 C126.866,275.385 124.879,273.397 124.879,270.947 C124.879,268.496 126.866,266.509 129.317,266.509 L149.613,266.509 C152.064,266.509 154.051,268.496 154.051,270.947 C154.051,273.397 152.064,275.385 149.613,275.385 Z M195.279,275.385 L174.983,275.385 C172.532,275.385 170.545,273.397 170.545,270.947 C170.545,268.496 172.532,266.509 174.983,266.509 L195.279,266.509 C197.729,266.509 199.716,268.496 199.716,270.947 C199.716,273.397 197.729,275.385 195.279,275.385 Z" id="Fill-35" fill="url(#linearGradient-30)" mask="url(#mask-29)"></path>
+        </g>
+        <g id="Group-40" transform="translate(394.000000, 135.000000)">
+            <mask id="mask-32" fill="white">
+                <use xlink:href="#path-31"></use>
+            </mask>
+            <g id="Clip-39"></g>
+            <path d="M0.489,0.369 L0.489,270.506 C26.316,270.506 47.254,291.443 47.254,317.271 L47.254,47.134 C47.254,21.306 26.316,0.369 0.489,0.369" id="Fill-38" fill="url(#linearGradient-33)" mask="url(#mask-32)"></path>
+        </g>
+        <path d="M550.573,393.421 L515.388,393.421 C512.313,393.421 509.819,390.928 509.819,387.853 L509.819,135.962 C509.819,132.886 512.313,130.392 515.388,130.392 L550.573,130.392 C553.649,130.392 556.142,132.886 556.142,135.962 L556.142,387.853 C556.142,390.928 553.649,393.421 550.573,393.421" id="Fill-41" fill="#FFFFFF"></path>
+        <g id="Group-44" transform="translate(509.000000, 130.000000)">
+            <mask id="mask-35" fill="white">
+                <use xlink:href="#path-34"></use>
+            </mask>
+            <g id="Clip-43"></g>
+            <path d="M13.071,263.421 L6.388,263.421 C3.313,263.421 0.819,260.928 0.819,257.853 L0.819,5.962 C0.819,2.886 3.313,0.392 6.388,0.392 L13.071,0.392 L13.071,263.421" id="Fill-42" fill="url(#linearGradient-36)" mask="url(#mask-35)"></path>
+        </g>
+        <g id="Group-47" transform="translate(534.000000, 144.000000)">
+            <mask id="mask-38" fill="white">
+                <use xlink:href="#path-37"></use>
+            </mask>
+            <g id="Clip-46"></g>
+            <polygon id="Fill-45" fill="url(#linearGradient-39)" mask="url(#mask-38)" points="0.096 6.962 22.142 6.962 22.142 0.801 0.096 0.801"></polygon>
+        </g>
+        <g id="Group-50" transform="translate(543.000000, 160.000000)">
+            <mask id="mask-41" fill="white">
+                <use xlink:href="#path-40"></use>
+            </mask>
+            <g id="Clip-49"></g>
+            <polygon id="Fill-48" fill="url(#linearGradient-42)" mask="url(#mask-41)" points="0.61 6.888 13.142 6.888 13.142 0.727 0.61 0.727"></polygon>
+        </g>
+        <g id="Group-53" transform="translate(534.000000, 176.000000)">
+            <mask id="mask-44" fill="white">
+                <use xlink:href="#path-43"></use>
+            </mask>
+            <g id="Clip-52"></g>
+            <polygon id="Fill-51" fill="url(#linearGradient-45)" mask="url(#mask-44)" points="0.096 6.814 22.142 6.814 22.142 0.653 0.096 0.653"></polygon>
+        </g>
+        <g id="Group-56" transform="translate(543.000000, 192.000000)">
+            <mask id="mask-47" fill="white">
+                <use xlink:href="#path-46"></use>
+            </mask>
+            <g id="Clip-55"></g>
+            <polygon id="Fill-54" fill="url(#linearGradient-48)" mask="url(#mask-47)" points="0.61 6.74 13.142 6.74 13.142 0.578 0.61 0.578"></polygon>
+        </g>
+        <g id="Group-59" transform="translate(534.000000, 208.000000)">
+            <mask id="mask-50" fill="white">
+                <use xlink:href="#path-49"></use>
+            </mask>
+            <g id="Clip-58"></g>
+            <polygon id="Fill-57" fill="url(#linearGradient-51)" mask="url(#mask-50)" points="0.096 6.665 22.142 6.665 22.142 0.504 0.096 0.504"></polygon>
+        </g>
+        <g id="Group-62" transform="translate(543.000000, 224.000000)">
+            <mask id="mask-53" fill="white">
+                <use xlink:href="#path-52"></use>
+            </mask>
+            <g id="Clip-61"></g>
+            <polygon id="Fill-60" fill="url(#linearGradient-54)" mask="url(#mask-53)" points="0.61 6.591 13.142 6.591 13.142 0.43 0.61 0.43"></polygon>
+        </g>
+        <polygon id="Fill-63" fill="url(#linearGradient-55)" points="534.096 246.516 556.142 246.516 556.142 240.355 534.096 240.355"></polygon>
+        <g id="Group-67" transform="translate(543.000000, 256.000000)">
+            <mask id="mask-57" fill="white">
+                <use xlink:href="#path-56"></use>
+            </mask>
+            <g id="Clip-66"></g>
+            <polygon id="Fill-65" fill="url(#linearGradient-58)" mask="url(#mask-57)" points="0.61 6.442 13.142 6.442 13.142 0.281 0.61 0.281"></polygon>
+        </g>
+        <polygon id="Fill-68" fill="url(#linearGradient-59)" points="534.096 278.368 556.142 278.368 556.142 272.207 534.096 272.207"></polygon>
+        <g id="Group-72" transform="translate(543.000000, 288.000000)">
+            <mask id="mask-61" fill="white">
+                <use xlink:href="#path-60"></use>
+            </mask>
+            <g id="Clip-71"></g>
+            <polygon id="Fill-70" fill="url(#linearGradient-62)" mask="url(#mask-61)" points="0.61 6.294 13.142 6.294 13.142 0.133 0.61 0.133"></polygon>
+        </g>
+        <polygon id="Fill-73" fill="url(#linearGradient-63)" points="534.096 310.219 556.142 310.219 556.142 304.058 534.096 304.058"></polygon>
+        <g id="Group-77" transform="translate(543.000000, 319.000000)">
+            <mask id="mask-65" fill="white">
+                <use xlink:href="#path-64"></use>
+            </mask>
+            <g id="Clip-76"></g>
+            <polygon id="Fill-75" fill="url(#linearGradient-66)" mask="url(#mask-65)" points="0.61 7.145 13.142 7.145 13.142 0.984 0.61 0.984"></polygon>
+        </g>
+        <polygon id="Fill-78" fill="url(#linearGradient-67)" points="534.096 342.071 556.142 342.071 556.142 335.909 534.096 335.909"></polygon>
+        <g id="Group-82" transform="translate(543.000000, 351.000000)">
+            <mask id="mask-69" fill="white">
+                <use xlink:href="#path-68"></use>
+            </mask>
+            <g id="Clip-81"></g>
+            <polygon id="Fill-80" fill="url(#linearGradient-70)" mask="url(#mask-69)" points="0.61 6.996 13.142 6.996 13.142 0.835 0.61 0.835"></polygon>
+        </g>
+        <polygon id="Fill-83" fill="url(#linearGradient-71)" points="534.096 373.922 556.142 373.922 556.142 367.761 534.096 367.761"></polygon>
+        <path d="M362.717,131.88 L307.871,131.88 C305.07,131.88 302.799,129.609 302.799,126.808 C302.799,124.007 305.07,121.736 307.871,121.736 L362.717,121.736 C365.517,121.736 367.788,124.007 367.788,126.808 C367.788,129.609 365.517,131.88 362.717,131.88" id="Fill-85" fill="#FFFFFF"></path>
+        <path d="M329.135,151.705 L307.871,151.705 C305.07,151.705 302.799,149.434 302.799,146.634 C302.799,143.833 305.07,141.562 307.871,141.562 L329.135,141.562 C331.936,141.562 334.206,143.833 334.206,146.634 C334.206,149.434 331.936,151.705 329.135,151.705" id="Fill-86" fill="#FFFFFF"></path>
+        <path d="M641.756,144.372 L585.092,144.372 C581.497,144.372 578.584,141.458 578.584,137.864 C578.584,134.27 581.497,131.356 585.092,131.356 L641.756,131.356 C645.35,131.356 648.263,134.27 648.263,137.864 C648.263,141.458 645.35,144.372 641.756,144.372" id="Fill-87" fill="#FFFFFF"></path>
+        <g id="Group-90" transform="translate(612.000000, 131.000000)">
+            <mask id="mask-73" fill="white">
+                <use xlink:href="#path-72"></use>
+            </mask>
+            <g id="Clip-89"></g>
+            <path d="M29.756,0.356 L0.974,0.356 C2.445,5.065 4.658,9.443 7.461,13.372 L29.756,13.372 C33.35,13.372 36.263,10.458 36.263,6.864 C36.263,3.27 33.35,0.356 29.756,0.356" id="Fill-88" fill="url(#linearGradient-74)" mask="url(#mask-73)"></path>
+        </g>
+        <path d="M624.402,172.764 L585.092,172.764 C581.497,172.764 578.584,169.85 578.584,166.256 C578.584,162.662 581.497,159.748 585.092,159.748 L624.402,159.748 C627.997,159.748 630.91,162.662 630.91,166.256 C630.91,169.85 627.997,172.764 624.402,172.764" id="Fill-91" fill="#FFFFFF"></path>
+        <path d="M599.718,229.55 L585.092,229.55 C581.497,229.55 578.584,226.636 578.584,223.042 C578.584,219.448 581.497,216.533 585.092,216.533 L599.718,216.533 C603.312,216.533 606.225,219.448 606.225,223.042 C606.225,226.636 603.312,229.55 599.718,229.55" id="Fill-92" fill="#FF528D"></path>
+        <path d="M641.756,229.55 L619.01,229.55 C615.415,229.55 612.502,226.636 612.502,223.042 C612.502,219.448 615.415,216.533 619.01,216.533 L641.756,216.533 C645.35,216.533 648.263,219.448 648.263,223.042 C648.263,226.636 645.35,229.55 641.756,229.55" id="Fill-93" fill="#FFFFFF"></path>
+        <path d="M610.877,201.157 L585.092,201.157 C581.497,201.157 578.584,198.243 578.584,194.649 C578.584,191.055 581.497,188.141 585.092,188.141 L610.877,188.141 C614.471,188.141 617.385,191.055 617.385,194.649 C617.385,198.243 614.471,201.157 610.877,201.157" id="Fill-94" fill="#FFFFFF"></path>
+        <path d="M641.756,201.157 L635.149,201.157 C631.555,201.157 628.64,198.243 628.64,194.649 C628.64,191.055 631.555,188.141 635.149,188.141 L641.756,188.141 C645.35,188.141 648.263,191.055 648.263,194.649 C648.263,198.243 645.35,201.157 641.756,201.157" id="Fill-95" fill="#385BFF"></path>
+        <g id="Group-98" transform="translate(206.000000, 258.000000)">
+            <mask id="mask-76" fill="white">
+                <use xlink:href="#path-75"></use>
+            </mask>
+            <g id="Clip-97"></g>
+            <path d="M152.634,40.978 L143.001,40.978 C140.746,40.978 138.919,42.806 138.919,45.061 C138.919,47.316 140.746,49.144 143.001,49.144 L152.634,49.144 C154.889,49.144 156.717,47.316 156.717,45.061 C156.717,42.806 154.889,40.978 152.634,40.978 Z M124.338,40.978 L112.674,40.978 C110.419,40.978 108.591,42.806 108.591,45.061 C108.591,47.316 110.419,49.144 112.674,49.144 L124.338,49.144 C126.593,49.144 128.421,47.316 128.421,45.061 C128.421,42.806 126.593,40.978 124.338,40.978 Z M16.637,40.978 L4.973,40.978 C2.718,40.978 0.89,42.806 0.89,45.061 C0.89,47.316 2.718,49.144 4.973,49.144 L16.637,49.144 C18.892,49.144 20.72,47.316 20.72,45.061 C20.72,42.806 18.892,40.978 16.637,40.978 Z M49.016,45.061 C49.016,42.806 47.189,40.978 44.934,40.978 L35.3,40.978 C33.046,40.978 31.218,42.806 31.218,45.061 C31.218,47.316 33.046,49.144 35.3,49.144 L44.934,49.144 C47.189,49.144 49.016,47.316 49.016,45.061 Z M79.18,22.97 C81.435,22.97 83.263,21.142 83.263,18.887 L83.263,4.921 C83.263,2.666 81.435,0.838 79.18,0.838 C76.926,0.838 75.098,2.666 75.098,4.921 L75.098,18.887 C75.098,21.142 76.926,22.97 79.18,22.97 Z M120.488,86.823 C115.928,91.382 110.74,95.08 105.128,97.867 L94.364,70.724 C93.533,68.628 91.162,67.602 89.064,68.434 C86.969,69.265 85.943,71.637 86.774,73.734 L97.575,100.973 C91.718,102.909 85.529,103.932 79.18,103.932 C72.862,103.932 66.696,102.923 60.788,100.962 L71.586,73.734 C72.417,71.637 71.391,69.265 69.296,68.434 C67.199,67.601 64.827,68.628 63.996,70.724 L51.688,101.763 C51.682,101.776 51.674,101.785 51.669,101.798 C51.663,101.814 51.661,101.83 51.655,101.846 L35.615,142.295 C34.783,144.391 35.809,146.764 37.906,147.596 C38.399,147.791 38.908,147.884 39.409,147.884 C41.034,147.884 42.57,146.908 43.205,145.305 L57.774,108.565 C64.645,110.9 71.824,112.097 79.18,112.097 C86.577,112.097 93.784,110.882 100.591,108.577 L115.155,145.305 C115.79,146.908 117.326,147.884 118.951,147.884 C119.451,147.884 119.961,147.79 120.454,147.596 C122.551,146.764 123.576,144.391 122.745,142.295 L108.15,105.49 C114.78,102.281 120.899,97.956 126.261,92.595 C127.856,91.001 127.856,88.415 126.262,86.823 C124.668,85.229 122.083,85.228 120.488,86.823 Z M79.18,34.492 C85.007,34.492 89.748,39.234 89.748,45.061 C89.748,50.888 85.007,55.629 79.18,55.629 C73.353,55.629 68.612,50.888 68.612,45.061 C68.612,39.234 73.353,34.492 79.18,34.492 Z M79.18,63.794 C89.51,63.794 97.913,55.39 97.913,45.061 C97.913,34.731 89.51,26.327 79.18,26.327 C68.851,26.327 60.447,34.731 60.447,45.061 C60.447,55.39 68.851,63.794 79.18,63.794 Z" id="Fill-96" fill="url(#linearGradient-77)" mask="url(#mask-76)"></path>
+        </g>
+        <path d="M290.925,137.864 C290.925,153.486 278.261,166.151 262.638,166.151 C247.016,166.151 234.351,153.486 234.351,137.864 C234.351,122.241 247.016,109.577 262.638,109.577 C278.261,109.577 290.925,122.241 290.925,137.864" id="Fill-99" fill="#FFFFFF"></path>
+        <g id="Group-102" transform="translate(109.000000, 10.000000)">
+            <mask id="mask-79" fill="white">
+                <use xlink:href="#path-78"></use>
+            </mask>
+            <g id="Clip-101"></g>
+            <path d="M63.943,11.044 L63.943,51.6 C63.943,58.252 58.551,63.643 51.9,63.643 L11.343,63.643 C4.671,63.643 -0.339,69.751 0.968,76.293 C6.999,106.488 34.204,129.041 66.445,127.816 C99.73,126.552 126.851,99.43 128.116,66.146 C129.34,33.905 106.786,6.7 76.592,0.669 C70.05,-0.638 63.943,4.372 63.943,11.044" id="Fill-100" fill="url(#linearGradient-80)" mask="url(#mask-79)"></path>
+        </g>
+        <g id="Group-105" transform="translate(99.000000, 0.000000)">
+            <mask id="mask-82" fill="white">
+                <use xlink:href="#path-81"></use>
+            </mask>
+            <g id="Clip-104"></g>
+            <polygon id="Fill-103" fill="url(#linearGradient-83)" mask="url(#mask-82)" points="-98.94 598.94 744.566 598.94 744.566 0.711 -98.94 0.711"></polygon>
+        </g>
+        <g id="Group-108" transform="translate(572.000000, 355.000000)">
+            <mask id="mask-85" fill="white">
+                <use xlink:href="#path-84"></use>
+            </mask>
+            <g id="Clip-107"></g>
+            <path d="M94.235,45.547 L94.235,0.553 L72.309,0.553 C67.753,8.963 64.775,18.354 63.828,28.344 C60.633,27.779 57.349,27.467 53.992,27.467 C28.879,27.467 7.624,43.978 0.484,66.736 L73.047,66.736 C75.972,66.736 78.76,66.143 81.295,65.071 C88.899,61.854 94.235,54.324 94.235,45.547" id="Fill-106" fill="url(#linearGradient-86)" mask="url(#mask-85)"></path>
+        </g>
+        <g id="Group-111" transform="translate(141.000000, 259.000000)">
+            <mask id="mask-88" fill="white">
+                <use xlink:href="#path-87"></use>
+            </mask>
+            <g id="Clip-110"></g>
+            <path d="M122.566,0.66 L0.546,0.66 L0.546,30.776 L21.187,30.776 C24.668,30.776 26.082,35.255 23.233,37.254 L0.546,53.167 L0.546,92.191 L124.102,5.523 C126.241,4.022 125.179,0.66 122.566,0.66" id="Fill-109" fill="url(#linearGradient-89)" mask="url(#mask-88)"></path>
+        </g>
+        <path d="M166.512,314.989 C164.061,314.989 162.075,316.976 162.075,319.426 L162.075,336.791 L170.95,330.566 L170.95,319.426 C170.95,316.976 168.963,314.989 166.512,314.989" id="Fill-112" fill="#80B2FD"></path>
+        <g id="Group-115" transform="translate(31.000000, 242.000000)">
+            <mask id="mask-91" fill="white">
+                <use xlink:href="#path-90"></use>
+            </mask>
+            <g id="Clip-114"></g>
+            <path d="M115.654,37.911 L36.293,93.578 C33.881,95.271 30.561,93.544 30.561,90.598 L30.561,37.002 C30.561,33.847 33.119,31.289 36.274,31.289 L113.563,31.289 C117.121,31.289 118.567,35.868 115.654,37.911 Z M217.2,0.503 L7.701,0.503 C3.458,0.503 0.018,3.943 0.018,8.186 L0.018,153.659 C0.018,155.872 2.51,157.168 4.322,155.898 L218.769,5.474 C220.956,3.94 219.871,0.503 217.2,0.503 Z" id="Fill-113" fill="url(#linearGradient-92)" mask="url(#mask-91)"></path>
+        </g>
+        <g id="Group-118" transform="translate(60.000000, 242.000000)">
+            <mask id="mask-94" fill="white">
+                <use xlink:href="#path-93"></use>
+            </mask>
+            <g id="Clip-117"></g>
+            <path d="M164.076,12.238 L169.846,12.238 L169.846,0.503 L164.076,0.503 L164.076,12.238 Z M134.251,12.238 L140.02,12.238 L140.02,0.503 L134.251,0.503 L134.251,12.238 Z M149.164,21.147 L154.933,21.147 L154.933,0.503 L149.164,0.503 L149.164,21.147 Z M104.425,12.238 L110.194,12.238 L110.194,0.503 L104.425,0.503 L104.425,12.238 Z M119.338,21.147 L125.107,21.147 L125.107,0.503 L119.338,0.503 L119.338,21.147 Z M89.512,21.147 L95.281,21.147 L95.281,0.503 L89.512,0.503 L89.512,21.147 Z M74.599,12.238 L80.368,12.238 L80.368,0.503 L74.599,0.503 L74.599,12.238 Z M44.773,12.238 L50.542,12.238 L50.542,0.503 L44.773,0.503 L44.773,12.238 Z M59.686,21.147 L65.455,21.147 L65.455,0.503 L59.686,0.503 L59.686,21.147 Z M14.948,12.238 L20.717,12.238 L20.717,0.503 L14.948,0.503 L14.948,12.238 Z M0.035,21.147 L5.804,21.147 L5.804,0.503 L0.035,0.503 L0.035,21.147 Z M29.86,21.147 L35.63,21.147 L35.63,0.503 L29.86,0.503 L29.86,21.147 Z" id="Fill-116" fill="url(#linearGradient-95)" mask="url(#mask-94)"></path>
+        </g>
+        <path d="M719.865,149.995 C717.492,152.368 713.643,152.368 711.27,149.995 L691.229,129.954 C688.856,127.58 688.856,123.733 691.229,121.359 C693.602,118.986 697.45,118.986 699.824,121.359 L719.865,141.4 C722.238,143.774 722.238,147.621 719.865,149.995" id="Fill-119" fill="#385BFF"></path>
+        <g id="Group-122" transform="translate(613.000000, 43.000000)">
+            <mask id="mask-97" fill="white">
+                <use xlink:href="#path-96"></use>
+            </mask>
+            <g id="Clip-121"></g>
+            <path d="M99.768,49.713 C99.768,77.146 77.529,99.385 50.096,99.385 C22.663,99.385 0.424,77.146 0.424,49.713 C0.424,22.28 22.663,0.04 50.096,0.04 C77.529,0.04 99.768,22.28 99.768,49.713" id="Fill-120" fill="url(#linearGradient-98)" mask="url(#mask-97)"></path>
+        </g>
+        <path d="M696.742,92.713 C696.742,111.295 681.678,126.359 663.096,126.359 C644.513,126.359 629.45,111.295 629.45,92.713 C629.45,74.131 644.513,59.067 663.096,59.067 C681.678,59.067 696.742,74.131 696.742,92.713" id="Fill-123" fill="#FFFFFF"></path>
+        <g id="Group-126" transform="translate(629.000000, 72.000000)">
+            <mask id="mask-100" fill="white">
+                <use xlink:href="#path-99"></use>
+            </mask>
+            <g id="Clip-125"></g>
+            <path d="M63.119,29.476 C63.119,13.592 50.243,0.716 34.359,0.716 L7.039,0.716 C2.9,6.307 0.45,13.223 0.45,20.713 C0.45,39.295 15.513,54.359 34.096,54.359 C46.469,54.359 57.273,47.677 63.119,37.728 L63.119,29.476" id="Fill-124" mask="url(#mask-100)"></path>
+        </g>
+        <g id="Group-129" transform="translate(704.000000, 134.000000)">
+            <mask id="mask-102" fill="white">
+                <use xlink:href="#path-101"></use>
+            </mask>
+            <g id="Clip-128"></g>
+            <path d="M55.411,55.541 C48.689,62.262 37.791,62.262 31.07,55.541 L5.524,29.995 C-1.197,23.274 -1.197,12.376 5.524,5.655 C12.246,-1.067 23.144,-1.067 29.866,5.655 L55.411,31.2 C62.133,37.921 62.133,48.819 55.411,55.541" id="Fill-127" fill="url(#linearGradient-103)" mask="url(#mask-102)"></path>
+        </g>
+        <g id="Group-132" transform="translate(246.000000, 116.000000)">
+            <mask id="mask-105" fill="white">
+                <use xlink:href="#path-104"></use>
+            </mask>
+            <g id="Clip-131"></g>
+            <path d="M16.638,18.223 C20.026,18.223 22.771,15.477 22.771,12.09 L22.771,6.73 C22.771,3.343 20.026,0.597 16.638,0.597 C13.251,0.597 10.505,3.343 10.505,6.73 L10.505,12.09 C10.505,15.477 13.251,18.223 16.638,18.223 Z M16.638,21.286 C7.969,21.286 0.941,28.314 0.941,36.983 L0.941,45.391 C5.433,48.394 10.829,50.151 16.638,50.151 C22.447,50.151 27.844,48.394 32.335,45.391 L32.335,36.983 C32.335,28.314 25.307,21.286 16.638,21.286 Z" id="Fill-130" fill="url(#linearGradient-106)" mask="url(#mask-105)"></path>
+        </g>
+        <path d="M193.977,451.687 C195.326,443.41 194.962,433.617 190.212,423.596 C189.082,421.214 185.763,421.089 184.485,423.395 C178.141,434.837 165.954,445.765 141.546,449.409 L141.546,484.203 C141.546,492.395 148.186,499.034 156.377,499.034 L210.593,499.034 L210.593,474.047 C210.593,463.492 203.588,454.581 193.977,451.687" id="Fill-133" fill="#3679FC"></path>
+        <g id="Group-136" transform="translate(166.000000, 529.000000)">
+            <mask id="mask-108" fill="white">
+                <use xlink:href="#path-107"></use>
+            </mask>
+            <g id="Clip-135"></g>
+            <polygon id="Fill-134" fill="url(#linearGradient-109)" mask="url(#mask-108)" points="-165.94 69.94 677.566 69.94 677.566 -528.289 -165.94 -528.289"></polygon>
+        </g>
+        <path d="M566.778,557.364 C563.6,541.422 549.534,529.407 532.658,529.407 L512.157,529.407 L512.157,534.006 C512.157,546.906 522.615,557.364 535.515,557.364 L566.778,557.364" id="Fill-137" fill="#95CEFC"></path>
+        <g id="Group-140" transform="translate(259.000000, 529.000000)">
+            <mask id="mask-111" fill="white">
+                <use xlink:href="#path-110"></use>
+            </mask>
+            <g id="Clip-139"></g>
+            <path d="M0.612,0.407 L0.612,41.794 C0.612,45.452 3.577,48.417 7.235,48.417 L152.248,48.417 C155.906,48.417 158.871,45.452 158.871,41.794 L158.871,0.407 L0.612,0.407" id="Fill-138" fill="url(#linearGradient-112)" mask="url(#mask-111)"></path>
+        </g>
+        <g id="Group-143" transform="translate(241.000000, 466.000000)">
+            <mask id="mask-114" fill="white">
+                <use xlink:href="#path-113"></use>
+            </mask>
+            <g id="Clip-142"></g>
+            <path d="M152.451,98.203 L7.439,98.203 C3.781,98.203 0.815,95.239 0.815,91.58 L0.815,7.481 C0.815,3.823 3.781,0.858 7.439,0.858 L152.451,0.858 C156.109,0.858 159.075,3.823 159.075,7.481 L159.075,91.58 C159.075,95.239 156.109,98.203 152.451,98.203" id="Fill-141" fill="url(#linearGradient-115)" mask="url(#mask-114)"></path>
+        </g>
+        <g id="Group-146" transform="translate(241.000000, 488.000000)">
+            <mask id="mask-117" fill="white">
+                <use xlink:href="#path-116"></use>
+            </mask>
+            <g id="Clip-145"></g>
+            <path d="M0.815,21.78 C19.194,-1.93 37.584,-7.941 57.525,15.119 C81.481,42.825 92.542,58.535 107.488,43.577 C122.514,28.539 138.971,33.79 159.075,65.299 L159.075,69.58 C159.075,73.239 156.109,76.203 152.451,76.203 L7.439,76.203 C3.781,76.203 0.815,73.239 0.815,69.58 L0.815,21.78" id="Fill-144" fill="url(#linearGradient-118)" mask="url(#mask-117)"></path>
+        </g>
+        <g id="Group-149" transform="translate(348.000000, 477.000000)">
+            <mask id="mask-120" fill="white">
+                <use xlink:href="#path-119"></use>
+            </mask>
+            <g id="Clip-148"></g>
+            <path d="M33.824,17.384 C33.824,26.527 26.412,33.938 17.269,33.938 C8.127,33.938 0.716,26.527 0.716,17.384 C0.716,8.241 8.127,0.829 17.269,0.829 C26.412,0.829 33.824,8.241 33.824,17.384" id="Fill-147" fill="url(#linearGradient-121)" mask="url(#mask-120)"></path>
+        </g>
+        <path d="M201.464,529.407 C183.066,529.407 168.013,543.689 166.762,561.77 L187.235,561.77 C200.135,561.77 210.593,551.312 210.593,538.411 L210.593,529.407 L201.464,529.407" id="Fill-150" fill="#80BEF7"></path>
+        <path d="M525.117,560.801 C525.117,568.149 519.16,574.106 511.812,574.106 C504.464,574.106 498.508,568.149 498.508,560.801 C498.508,553.453 504.464,547.496 511.812,547.496 C519.16,547.496 525.117,553.453 525.117,560.801 Z" id="Stroke-151" stroke="#FFFFFF" stroke-width="4"></path>
+        <path d="M531.222,582.746 C530.573,582.746 529.925,582.499 529.43,582.003 L519.427,572.001 C518.436,571.011 518.436,569.406 519.427,568.415 C520.418,567.425 522.022,567.425 523.013,568.415 L533.015,578.417 C534.006,579.408 534.006,581.013 533.015,582.003 C532.519,582.499 531.871,582.746 531.222,582.746" id="Fill-152" fill="#FFFFFF"></path>
+        <g id="Group-155" transform="translate(518.000000, 436.000000)">
+            <mask id="mask-123" fill="white">
+                <use xlink:href="#path-122"></use>
+            </mask>
+            <g id="Clip-154"></g>
+            <path d="M109.603,28.999 L87.676,28.999 C50.555,28.999 33.996,15.738 26.217,1.705 C24.938,-0.6 21.619,-0.475 20.49,1.907 C15.739,11.927 15.375,21.721 16.724,29.996 C7.113,32.891 0.109,41.802 0.109,52.357 L0.109,81.781 C0.109,94.681 10.566,105.139 23.467,105.139 L109.603,105.139 C122.504,105.139 132.962,94.681 132.962,81.781 L132.962,52.357 C132.962,39.456 122.504,28.999 109.603,28.999" id="Fill-153" fill="url(#linearGradient-124)" mask="url(#mask-123)"></path>
+        </g>
+        <g id="Group-158" transform="translate(0.000000, 411.000000)">
+            <mask id="mask-126" fill="white">
+                <use xlink:href="#path-125"></use>
+            </mask>
+            <g id="Clip-157"></g>
+            <polygon id="Fill-156" mask="url(#mask-126)" points="0.06 187.94 843.566 187.94 843.566 -410.289 0.06 -410.289"></polygon>
+        </g>
+        <path d="M117.949,507.953 L70.933,507.953 C66.713,507.953 63.292,511.376 63.292,515.595 C63.292,519.815 66.713,523.238 70.933,523.238 L117.949,523.238 C122.169,523.238 125.591,519.815 125.591,515.595 C125.591,511.376 122.169,507.953 117.949,507.953 Z M47.331,507.953 L28.523,507.953 C24.302,507.953 20.882,511.376 20.882,515.595 C20.882,519.815 24.302,523.238 28.523,523.238 L47.331,523.238 C51.552,523.238 54.973,519.815 54.973,515.595 C54.973,511.376 51.552,507.953 47.331,507.953 Z M66.688,489.434 C66.688,485.214 63.267,481.792 59.047,481.792 L28.523,481.792 C24.302,481.792 20.882,485.214 20.882,489.434 C20.882,493.654 24.302,497.075 28.523,497.075 L59.047,497.075 C63.267,497.075 66.688,493.654 66.688,489.434 Z" id="Fill-159" fill="#FFFFFF"></path>
+        <g id="Group-162" transform="translate(575.000000, 461.000000)">
+            <mask id="mask-128" fill="white">
+                <use xlink:href="#path-127"></use>
+            </mask>
+            <g id="Clip-161"></g>
+            <path d="M53.556,38.249 L75.962,38.249 L75.962,27.357 C75.962,14.456 65.504,3.999 52.603,3.999 L30.676,3.999 C18.535,3.999 8.606,2.574 0.453,0.174 C7.953,22.31 28.887,38.249 53.556,38.249" id="Fill-160" fill="url(#linearGradient-129)" mask="url(#mask-128)"></path>
+        </g>
+        <g id="Group-165" transform="translate(591.000000, 309.000000)">
+            <mask id="mask-131" fill="white">
+                <use xlink:href="#path-130"></use>
+            </mask>
+            <g id="Clip-164"></g>
+            <path d="M210.918,89.164 C211.971,84.223 212.536,79.102 212.536,73.848 C212.536,33.433 179.773,0.67 139.358,0.67 C101.303,0.67 70.042,29.724 66.521,66.859 C63.326,66.293 60.044,65.981 56.685,65.981 C25.718,65.981 0.613,91.085 0.613,122.053 C0.613,153.022 25.718,178.125 56.685,178.125 C81.12,178.125 186.531,178.125 208.034,178.125 C232.628,178.125 252.566,158.188 252.566,133.593 C252.566,109.969 234.167,90.652 210.918,89.164" id="Fill-163" fill="url(#linearGradient-132)" mask="url(#mask-131)"></path>
+        </g>
+        <g id="Group-168" transform="translate(702.000000, 403.000000)">
+            <mask id="mask-134" fill="white">
+                <use xlink:href="#path-133"></use>
+            </mask>
+            <g id="Clip-167"></g>
+            <path d="M119.03,0.887 L0.363,84.125 C38.738,84.125 83.793,84.125 97.034,84.125 C121.628,84.125 141.566,64.188 141.566,39.593 C141.566,23.002 132.485,8.546 119.03,0.887" id="Fill-166" fill="url(#linearGradient-135)" mask="url(#mask-134)"></path>
+        </g>
+        <path d="M799.033,487.125 C800.812,487.125 802.563,487.009 804.288,486.807 C799.487,472.472 785.959,462.139 770.008,462.139 C753.939,462.139 740.326,472.625 735.62,487.125 C763.656,487.125 789.534,487.125 799.033,487.125" id="Fill-169" fill="#57A4FE"></path>
+        <g id="Group-172" transform="translate(746.000000, 452.000000)">
+            <mask id="mask-137" fill="white">
+                <use xlink:href="#path-136"></use>
+            </mask>
+            <g id="Clip-171"></g>
+            <path d="M72.406,36.425 C72.406,56.392 56.22,72.579 36.252,72.579 C16.285,72.579 0.097,56.392 0.097,36.425 C0.097,16.457 16.285,0.271 36.252,0.271 C56.22,0.271 72.406,16.457 72.406,36.425" id="Fill-170" fill="url(#linearGradient-138)" mask="url(#mask-137)"></path>
+        </g>
+        <path d="M782.252,513.698 C778.751,513.698 775.912,510.861 775.912,507.359 L775.912,469.491 C775.912,465.99 778.751,463.152 782.252,463.152 C785.754,463.152 788.592,465.99 788.592,469.491 L788.592,507.359 C788.592,510.861 785.754,513.698 782.252,513.698" id="Fill-173" fill="#FFFFFF"></path>
+        <path d="M801.185,494.765 L763.318,494.765 C759.817,494.765 756.978,491.927 756.978,488.425 C756.978,484.923 759.817,482.085 763.318,482.085 L801.185,482.085 C804.687,482.085 807.525,484.923 807.525,488.425 C807.525,491.927 804.687,494.765 801.185,494.765" id="Fill-174" fill="#FFFFFF"></path>
+        <path d="M725.264,424.193 C729.997,434.97 722.43,448.714 708.364,454.891 C694.297,461.068 679.057,457.338 674.325,446.561 C669.593,435.783 677.159,422.039 691.225,415.863 C705.292,409.686 720.532,413.415 725.264,424.193" id="Fill-175" fill="#FFFFFF"></path>
+        <polygon id="Fill-176" fill="#FFFFFF" points="716.196 432.626 726.6 432.626 726.6 356.403 716.196 356.403"></polygon>
+        <g id="Group-179" transform="translate(716.000000, 345.000000)">
+            <mask id="mask-140" fill="white">
+                <use xlink:href="#path-139"></use>
+            </mask>
+            <g id="Clip-178"></g>
+            <path d="M0.196,11.403 C10.002,-0.56 35.254,3.719 46.264,0.061 L46.264,8.915 C46.264,20.37 37.438,29.884 26.015,30.751 C16.042,31.509 5.692,33.112 0.196,39.817 L0.196,11.403" id="Fill-177" fill="url(#linearGradient-141)" mask="url(#mask-140)"></path>
+        </g>
+        <path d="M577.352,500.163 C580.102,497.413 580.101,492.955 577.352,490.205 L576.893,489.746 C574.143,486.997 569.685,486.997 566.935,489.746 L546.865,509.818 L546.877,509.83 C546.708,510.024 546.567,510.25 546.492,510.525 L543.531,521.39 C543.171,522.714 544.385,523.928 545.709,523.568 L556.574,520.607 C556.849,520.531 557.075,520.392 557.268,520.222 L557.281,520.235 L577.352,500.163" id="Fill-180" fill="#FFFFFF"></path>
+        <path d="M587.305,490.21 C585.507,492.008 582.593,492.008 580.795,490.21 L576.888,486.305 C575.091,484.507 575.091,481.592 576.888,479.794 C578.686,477.996 581.6,477.996 583.398,479.794 L587.305,483.7 C589.102,485.498 589.102,488.412 587.305,490.21" id="Fill-181" fill="#FFFFFF"></path>
+        <path d="M578.269,511.908 L573.803,511.908 C570.565,511.908 567.941,514.533 567.941,517.77 C567.941,521.007 570.565,523.632 573.803,523.632 L578.269,523.632 C581.508,523.632 584.132,521.007 584.132,517.77 C584.132,514.533 581.508,511.908 578.269,511.908" id="Fill-182" fill="#FFFFFF"></path>
+        <path d="M619.742,511.908 L596.375,511.908 C593.138,511.908 590.513,514.533 590.513,517.77 C590.513,521.007 593.138,523.632 596.375,523.632 L619.742,523.632 C622.979,523.632 625.603,521.007 625.603,517.77 C625.603,514.533 622.979,511.908 619.742,511.908" id="Fill-183" fill="#FFFFFF"></path>
+        <path d="M662.287,117.401 C646.309,117.401 632.942,106.26 629.507,91.324 C629.488,91.787 629.45,92.245 629.45,92.713 C629.45,111.295 644.513,126.359 663.096,126.359 C675.469,126.359 686.273,119.677 692.119,109.728 C692.119,109.728 692.11,107.108 692.095,104.51 C692.087,103.087 690.268,102.486 689.428,103.634 C683.305,111.98 673.431,117.401 662.287,117.401" id="Fill-184" fill="#19B0C3"></path>
+        <path d="M210.411,469.509 L200.431,469.509 C197.98,469.509 195.993,471.496 195.993,473.947 C195.993,476.397 197.98,478.385 200.431,478.385 L211.038,478.385 L211.038,474.852 C211.038,473.012 210.813,471.226 210.411,469.509" id="Fill-185" fill="#80B2FD"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/illustrations/trophy.png b/www/raven-demo/images/illustrations/trophy.png
new file mode 100644
index 0000000..466ecd6
Binary files /dev/null and b/www/raven-demo/images/illustrations/trophy.png differ
diff --git a/www/raven-demo/images/illustrations/wallet.png b/www/raven-demo/images/illustrations/wallet.png
new file mode 100644
index 0000000..4eff175
Binary files /dev/null and b/www/raven-demo/images/illustrations/wallet.png differ
diff --git a/www/raven-demo/images/products/1.png b/www/raven-demo/images/products/1.png
new file mode 100644
index 0000000..3fe1fa0
Binary files /dev/null and b/www/raven-demo/images/products/1.png differ
diff --git a/www/raven-demo/images/products/2.png b/www/raven-demo/images/products/2.png
new file mode 100644
index 0000000..9d977e5
Binary files /dev/null and b/www/raven-demo/images/products/2.png differ
diff --git a/www/raven-demo/images/products/3.png b/www/raven-demo/images/products/3.png
new file mode 100644
index 0000000..ccb46b8
Binary files /dev/null and b/www/raven-demo/images/products/3.png differ
diff --git a/www/raven-demo/images/products/4.png b/www/raven-demo/images/products/4.png
new file mode 100644
index 0000000..d68c6f0
Binary files /dev/null and b/www/raven-demo/images/products/4.png differ
diff --git a/www/raven-demo/images/products/5.png b/www/raven-demo/images/products/5.png
new file mode 100644
index 0000000..3106b91
Binary files /dev/null and b/www/raven-demo/images/products/5.png differ
diff --git a/www/raven-demo/images/products/6.png b/www/raven-demo/images/products/6.png
new file mode 100644
index 0000000..ff98f55
Binary files /dev/null and b/www/raven-demo/images/products/6.png differ
diff --git a/www/raven-demo/images/products/7.png b/www/raven-demo/images/products/7.png
new file mode 100644
index 0000000..61f5311
Binary files /dev/null and b/www/raven-demo/images/products/7.png differ
diff --git a/www/raven-demo/images/products/single1.png b/www/raven-demo/images/products/single1.png
new file mode 100644
index 0000000..6bef411
Binary files /dev/null and b/www/raven-demo/images/products/single1.png differ
diff --git a/www/raven-demo/images/products/single2.png b/www/raven-demo/images/products/single2.png
new file mode 100644
index 0000000..fd24da2
Binary files /dev/null and b/www/raven-demo/images/products/single2.png differ
diff --git a/www/raven-demo/images/products/single3.png b/www/raven-demo/images/products/single3.png
new file mode 100644
index 0000000..c0d4ac4
Binary files /dev/null and b/www/raven-demo/images/products/single3.png differ
diff --git a/www/raven-demo/images/projects/1.jpg b/www/raven-demo/images/projects/1.jpg
new file mode 100644
index 0000000..122cb43
Binary files /dev/null and b/www/raven-demo/images/projects/1.jpg differ
diff --git a/www/raven-demo/images/projects/2.jpg b/www/raven-demo/images/projects/2.jpg
new file mode 100644
index 0000000..122cb43
Binary files /dev/null and b/www/raven-demo/images/projects/2.jpg differ
diff --git a/www/raven-demo/images/projects/3.jpg b/www/raven-demo/images/projects/3.jpg
new file mode 100644
index 0000000..122cb43
Binary files /dev/null and b/www/raven-demo/images/projects/3.jpg differ
diff --git a/www/raven-demo/images/projects/4.jpg b/www/raven-demo/images/projects/4.jpg
new file mode 100644
index 0000000..122cb43
Binary files /dev/null and b/www/raven-demo/images/projects/4.jpg differ
diff --git a/www/raven-demo/images/restaurant/burger.png b/www/raven-demo/images/restaurant/burger.png
new file mode 100644
index 0000000..2fc227b
Binary files /dev/null and b/www/raven-demo/images/restaurant/burger.png differ
diff --git a/www/raven-demo/images/restaurant/food/burger.png b/www/raven-demo/images/restaurant/food/burger.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/www/raven-demo/images/restaurant/food/burger.png differ
diff --git a/www/raven-demo/images/restaurant/food/burito.png b/www/raven-demo/images/restaurant/food/burito.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/www/raven-demo/images/restaurant/food/burito.png differ
diff --git a/www/raven-demo/images/restaurant/food/chips.png b/www/raven-demo/images/restaurant/food/chips.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/www/raven-demo/images/restaurant/food/chips.png differ
diff --git a/www/raven-demo/images/restaurant/food/coffee.png b/www/raven-demo/images/restaurant/food/coffee.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/www/raven-demo/images/restaurant/food/coffee.png differ
diff --git a/www/raven-demo/images/restaurant/food/donut.png b/www/raven-demo/images/restaurant/food/donut.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/www/raven-demo/images/restaurant/food/donut.png differ
diff --git a/www/raven-demo/images/restaurant/food/french-fries.png b/www/raven-demo/images/restaurant/food/french-fries.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/www/raven-demo/images/restaurant/food/french-fries.png differ
diff --git a/www/raven-demo/images/restaurant/food/fried-chicken.png b/www/raven-demo/images/restaurant/food/fried-chicken.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/www/raven-demo/images/restaurant/food/fried-chicken.png differ
diff --git a/www/raven-demo/images/restaurant/food/hotdogs.png b/www/raven-demo/images/restaurant/food/hotdogs.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/www/raven-demo/images/restaurant/food/hotdogs.png differ
diff --git a/www/raven-demo/images/restaurant/food/noodles.png b/www/raven-demo/images/restaurant/food/noodles.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/www/raven-demo/images/restaurant/food/noodles.png differ
diff --git a/www/raven-demo/images/restaurant/food/nugget.png b/www/raven-demo/images/restaurant/food/nugget.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/www/raven-demo/images/restaurant/food/nugget.png differ
diff --git a/www/raven-demo/images/restaurant/food/onion-ring.png b/www/raven-demo/images/restaurant/food/onion-ring.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/www/raven-demo/images/restaurant/food/onion-ring.png differ
diff --git a/www/raven-demo/images/restaurant/food/pizza.png b/www/raven-demo/images/restaurant/food/pizza.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/www/raven-demo/images/restaurant/food/pizza.png differ
diff --git a/www/raven-demo/images/restaurant/food/popcorn.png b/www/raven-demo/images/restaurant/food/popcorn.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/www/raven-demo/images/restaurant/food/popcorn.png differ
diff --git a/www/raven-demo/images/restaurant/food/sandwich.png b/www/raven-demo/images/restaurant/food/sandwich.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/www/raven-demo/images/restaurant/food/sandwich.png differ
diff --git a/www/raven-demo/images/restaurant/food/soda.png b/www/raven-demo/images/restaurant/food/soda.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/www/raven-demo/images/restaurant/food/soda.png differ
diff --git a/www/raven-demo/images/restaurant/food/taco.png b/www/raven-demo/images/restaurant/food/taco.png
new file mode 100644
index 0000000..83d3d22
Binary files /dev/null and b/www/raven-demo/images/restaurant/food/taco.png differ
diff --git a/www/raven-demo/images/restaurant/icons/appetizer.png b/www/raven-demo/images/restaurant/icons/appetizer.png
new file mode 100644
index 0000000..7f7709d
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/appetizer.png differ
diff --git a/www/raven-demo/images/restaurant/icons/apron.png b/www/raven-demo/images/restaurant/icons/apron.png
new file mode 100644
index 0000000..f302d33
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/apron.png differ
diff --git a/www/raven-demo/images/restaurant/icons/chef.png b/www/raven-demo/images/restaurant/icons/chef.png
new file mode 100644
index 0000000..78c1408
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/chef.png differ
diff --git a/www/raven-demo/images/restaurant/icons/chicken.png b/www/raven-demo/images/restaurant/icons/chicken.png
new file mode 100644
index 0000000..20649b1
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/chicken.png differ
diff --git a/www/raven-demo/images/restaurant/icons/cocktail.png b/www/raven-demo/images/restaurant/icons/cocktail.png
new file mode 100644
index 0000000..ed3f063
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/cocktail.png differ
diff --git a/www/raven-demo/images/restaurant/icons/coffee_cup.png b/www/raven-demo/images/restaurant/icons/coffee_cup.png
new file mode 100644
index 0000000..0dc575f
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/coffee_cup.png differ
diff --git a/www/raven-demo/images/restaurant/icons/cutlery.png b/www/raven-demo/images/restaurant/icons/cutlery.png
new file mode 100644
index 0000000..8068a07
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/cutlery.png differ
diff --git a/www/raven-demo/images/restaurant/icons/dinner_table.png b/www/raven-demo/images/restaurant/icons/dinner_table.png
new file mode 100644
index 0000000..fca294d
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/dinner_table.png differ
diff --git a/www/raven-demo/images/restaurant/icons/discount.png b/www/raven-demo/images/restaurant/icons/discount.png
new file mode 100644
index 0000000..1ef9c4b
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/discount.png differ
diff --git a/www/raven-demo/images/restaurant/icons/fish.png b/www/raven-demo/images/restaurant/icons/fish.png
new file mode 100644
index 0000000..f7f3236
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/fish.png differ
diff --git a/www/raven-demo/images/restaurant/icons/food-canceled.svg b/www/raven-demo/images/restaurant/icons/food-canceled.svg
new file mode 100644
index 0000000..55758f8
--- /dev/null
+++ b/www/raven-demo/images/restaurant/icons/food-canceled.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><g><path d="m287.629 169.848h-31.002v-60.848c0-3.5-2.848-6.347-6.348-6.347h-98.09c-3.5 0-6.347 2.847-6.347 6.347v60.848h-31.002v-60.848c0-20.594 16.754-37.348 37.348-37.348h98.09c20.594 0 37.349 16.754 37.349 37.348l7.375 29.935z" fill="#6c7fd8"/></g><g><path d="m250.28 71.652h-17.174c20.594 0 37.349 16.754 37.349 37.348v60.848h17.174l7.375-30.913-7.375-29.935c0-20.594-16.755-37.348-37.349-37.348z" fill="#4f66d0"/></g><path d="m378.751 457.436v-.365c0-10.044-.747-20.075-2.236-30.008l-37.297-248.899c-1.512-10.679-10.653-18.617-21.438-18.617h-232.121c-10.757 0-19.883 7.898-21.428 18.544l-38.167 248.619c-1.561 10.168-2.345 20.44-2.345 30.726l177.516 21.68z" fill="#f6a96c"/><path d="m378.754 457.071v.361l-28.865 3.53-7.212-3.53v-.361c0-10.044-.742-20.078-2.236-30.009l-37.292-248.902c-1.514-10.673-10.652-18.615-21.438-18.615h36.067c10.786 0 19.924 7.943 21.438 18.615l37.303 248.902c1.483 9.931 2.235 19.964 2.235 30.009z" fill="#ea9b58"/><g><g><path d="m151.49 403.917c-4.267 0-7.726-3.459-7.726-7.726v-175.399c0-4.267 3.459-7.726 7.726-7.726s7.726 3.459 7.726 7.726v175.398c0 4.268-3.459 7.727-7.726 7.727z" fill="#e2dee2"/></g></g><g><g><path d="m250.98 403.917c-4.267 0-7.726-3.459-7.726-7.726v-104.86c0-4.267 3.459-7.726 7.726-7.726s7.726 3.459 7.726 7.726v104.859c0 4.268-3.459 7.727-7.726 7.727z" fill="#e2dee2"/></g></g><g><path d="m250.98 299.058c-19.619 0-35.523-15.904-35.523-35.523v-14.947c0-19.619 15.904-35.523 35.523-35.523 19.619 0 35.523 15.904 35.523 35.523v14.947c0 19.619-15.905 35.523-35.523 35.523z" fill="#f3f0f3"/></g><path d="m23.719 457.436h355.032v32.912c0 11.958-9.694 21.652-21.652 21.652h-311.728c-11.958 0-21.652-9.694-21.652-21.652z" fill="#ea9b58"/><path d="m342.679 457.436v32.912c0 11.958-9.694 21.652-21.652 21.652h36.072c11.958 0 21.652-9.694 21.652-21.652v-32.912z" fill="#d88a55"/><path d="m468.88 184.862h-161.85c-10.715 0-19.401-8.686-19.401-19.401v-146.06c0-10.715 8.686-19.401 19.401-19.401h161.85c10.715 0 19.401 8.686 19.401 19.401v146.061c0 10.714-8.686 19.4-19.401 19.4z" fill="#fe646f"/><path d="m468.88 0h-25.774c10.715 0 19.401 8.686 19.401 19.401v146.061c0 10.715-8.686 19.401-19.401 19.401h25.774c10.715 0 19.401-8.686 19.401-19.401v-146.061c0-10.715-8.686-19.401-19.401-19.401z" fill="#fd4755"/><path d="m419.385 94.787c-1.308-1.298-1.308-3.41 0-4.718l19.46-19.46c4.203-4.203 4.203-11.002 0-15.206l-13.866-13.866c-4.193-4.193-11.002-4.193-15.195 0l-5.934 5.934-13.536 13.536c-1.303 1.303-3.415 1.303-4.717 0l-19.468-19.468c-4.198-4.198-11.004-4.198-15.201 0l-13.865 13.865c-4.198 4.198-4.198 11.004 0 15.201l19.468 19.468c1.303 1.303 1.303 3.415 0 4.717l-19.468 19.468c-4.198 4.198-4.198 11.004 0 15.201l13.865 13.865c4.198 4.198 11.004 4.198 15.201 0l19.468-19.468c1.303-1.303 3.415-1.303 4.717 0l13.536 13.529 5.934 5.934c4.193 4.203 11.002 4.203 15.195 0l13.866-13.856c4.203-4.203 4.203-11.013 0-15.206z" fill="#f3f0f3"/><g><g><path d="m151.49 299.058c-20.327 0-36.865-16.538-36.865-36.866v-41.4c0-4.267 3.459-7.726 7.726-7.726s7.726 3.459 7.726 7.726v41.4c0 11.807 9.606 21.413 21.412 21.413 11.807 0 21.413-9.606 21.413-21.413v-41.4c0-4.267 3.459-7.726 7.726-7.726s7.726 3.459 7.726 7.726v41.4c.002 20.328-16.536 36.866-36.864 36.866z" fill="#f3f0f3"/></g></g></g></svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/restaurant/icons/food-delivery.svg b/www/raven-demo/images/restaurant/icons/food-delivery.svg
new file mode 100644
index 0000000..9a97367
--- /dev/null
+++ b/www/raven-demo/images/restaurant/icons/food-delivery.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m154.239 227.157v-4.86c0-88.715 71.918-160.632 160.633-160.632 10.706 0 21.164 1.057 31.285 3.055v36.262l-109.205 140.106h-48.879z" fill="#fbc700"/><circle cx="314.872" cy="31.086" fill="#ff5595" r="31.086"/><path d="m346.156 64.72c-73.738 14.558-129.348 79.569-129.348 157.578v4.86l20.144 13.931h215.851l22.702-13.931v-4.86c0-78.009-55.611-143.021-129.349-157.578z" fill="#ffd500"/><path d="m203.492 273.516h-62.569c-12.749 0-23.179-10.431-23.179-23.179s10.431-23.179 23.179-23.179h62.569l10.335 8.609v27.643z" fill="#ffd500"/><g><path d="m184.706 43.585h-105.079c-4.267 0-7.726-3.459-7.726-7.726s3.459-7.726 7.726-7.726h105.08c4.267 0 7.726 3.459 7.726 7.726s-3.46 7.726-7.727 7.726z" fill="#60b9fe"/></g><g><path d="m154.239 92.705h-74.612c-4.267 0-7.726-3.459-7.726-7.726s3.459-7.726 7.726-7.726h74.612c4.267 0 7.726 3.459 7.726 7.726s-3.459 7.726-7.726 7.726z" fill="#60b9fe"/></g><g><path d="m137.833 141.823h-58.206c-4.267 0-7.726-3.459-7.726-7.726 0-4.268 3.459-7.726 7.726-7.726h58.206c4.267 0 7.726 3.459 7.726 7.726s-3.459 7.726-7.726 7.726z" fill="#60b9fe"/></g><g><path d="m124.955 190.941h-45.328c-4.267 0-7.726-3.459-7.726-7.726 0-4.268 3.459-7.726 7.726-7.726h45.328c4.267 0 7.726 3.459 7.726 7.726.001 4.267-3.459 7.726-7.726 7.726z" fill="#60b9fe"/></g><g><path d="m131.471 466.983c-3.776.869-7.548 1.896-11.292 3.116l-108.921 41.352c-5.437 2.065-11.258-1.952-11.258-7.767v-104.231c0-3.741 2.5-7.02 6.106-8.012l31.331-8.614c9.207-2.531 17.874-6.689 25.685-12.18 11.941-8.393 24.684-15.67 38.105-21.675 7.6-3.402 13.769-5.832 20.031-7.574l14.03 15.46 15.488 79.993z" fill="#ffb1a0"/></g><path d="m450.216 378.669c-11.751-24.539-38.797-12.939-41.068-12.09l-113.51 33.581c-.563.167-1.093-.335-.953-.905 1.232-4.996 4.115-23.151-16.306-31.301-65.972-26.336-73.839-30.79-90.536-31.055l-.002-.002c-36.32.121-51.712.366-66.583 4.5-15.563 14.725-25.275 35.571-25.275 58.688 0 27.828 14.072 52.369 35.487 66.897 20.312-4.676 40.761-4.199 57.666 2.547l42.574 16.996c9.306 3.208 30.684 8.202 52.868-3.169.011-.005.018-.008.018-.008 2.069-.915 20.89-9.241 44.491-19.68l29.163-12.9c35.935-15.895 72.074-31.881 74.974-33.163 4.502-2.309 27.131-15.885 16.992-38.936z" fill="#ffcebe"/><path d="m295.637 400.161c-.399.118-.777-.102-.916-.441-1.404 3.526-6.183 12.329-18.133 9.401-21.312-5.22-72.089-17.449-72.599-17.572-4.148-1.001-8.322 1.553-9.321 5.703-.999 4.148 1.554 8.322 5.703 9.321.51.123 51.258 12.344 72.54 17.558 3.065.751 5.925 1.09 8.587 1.09 16.808 0 25.72-13.502 28.374-22.005l3.3-8.241z" fill="#ffb1a0"/><g><path d="m488.821 227.157h-285.329c-12.749 0-23.179 10.431-23.179 23.179s10.431 23.179 23.179 23.179h285.328c12.749 0 23.179-10.431 23.179-23.179s-10.43-23.179-23.178-23.179z" fill="#ffeb7e"/></g></g></svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/restaurant/icons/food-payment.svg b/www/raven-demo/images/restaurant/icons/food-payment.svg
new file mode 100644
index 0000000..6af865a
--- /dev/null
+++ b/www/raven-demo/images/restaurant/icons/food-payment.svg
@@ -0,0 +1 @@
+<svg height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="delivery_food_pay_hand_money" data-name="delivery, food, pay, hand, money"><circle cx="28" cy="29" fill="#ff9811" r="2"/><path d="m13 7h30v16h-30z" fill="#91dc5a"/><path d="m39.86 50.26a2.013 2.013 0 0 1 -1 1.74l-12.4 7.73a1.923 1.923 0 0 1 -1 .27h-12.85a1.965 1.965 0 0 1 -1.11-.34l-2.5-1.66v-6l3.47-2.6a1.969 1.969 0 0 1 1.2-.4h4.86a1.974 1.974 0 0 1 .89.21l1.58.79h8a2 2 0 0 1 1.73 1 1.965 1.965 0 0 1 .26.93l2.7-1.56.31-.18 2.86-1.65a1.988 1.988 0 0 1 2.73.73 2.088 2.088 0 0 1 .27.99z" fill="#ffbcab"/><path d="m29.2 53.99a1.978 1.978 0 0 0 1.21-.58 1.953 1.953 0 0 0 .59-1.33v-.08c0-.024-.009-.046-.01-.07a2.137 2.137 0 0 0 -.062-.409 1.948 1.948 0 0 1 -.518.889 1.978 1.978 0 0 1 -1.21.58 1.275 1.275 0 0 1 -.2.01h-7v1h7a1.275 1.275 0 0 0 .2-.01z" fill="#ff9478"/><g fill="#4e901e"><path d="m43 18a5 5 0 0 0 -5 5h5z"/><path d="m13 12a5 5 0 0 0 5-5h-5z"/><path d="m43 12a5 5 0 0 1 -5-5h5z"/><path d="m18 23a5 5 0 0 0 -5-5v5z"/></g><path d="m9 58v-6-3h-6v12h6z" fill="#006df0"/><path d="m55 5v7.987 2.013h6v-12h-6z" fill="#006df0"/><path d="m17 41a2 2 0 0 0 2 2h18a2 2 0 0 0 0-4h-18a2 2 0 0 0 -2 2z" fill="#ffa733"/><path d="m28 30a9 9 0 0 0 -9 9h18a9 9 0 0 0 -9-9z" fill="#ffc477"/><path d="m29.326 30.108a9 9 0 0 1 4.674 7.892h-14.941a8.935 8.935 0 0 0 -.059 1h18a8.995 8.995 0 0 0 -7.674-8.892z" fill="#ffb655"/><path d="m22.236 47h11.528a2 2 0 0 0 1.789-1.106l1.447-2.894h-18l1.447 2.894a2 2 0 0 0 1.789 1.106z" fill="#ffc477"/><path d="m36.5 44 .5-1h-18l.5 1z" fill="#ffb655"/><path d="m22 14h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" fill="#f1f2f2"/><path d="m36 14h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" fill="#f1f2f2"/><path d="m29 21v-1.1c1.741-.327 3-1.477 3-2.9 0-1.682-1.757-3-4-3-1.221 0-2-.592-2-1s.779-1 2-1 2 .592 2 1a1 1 0 0 0 2 0c0-1.421-1.259-2.571-3-2.9v-1.1a1 1 0 0 0 -2 0v1.1c-1.741.327-3 1.477-3 2.9 0 1.682 1.757 3 4 3 1.221 0 2 .592 2 1s-.779 1-2 1-2-.592-2-1a1 1 0 0 0 -2 0c0 1.421 1.259 2.571 3 2.9v1.1a1 1 0 0 0 2 0z" fill="#f1f2f2"/><path d="m28 34a5.021 5.021 0 0 1 4.329 2.5 1 1 0 0 0 .866.5.987.987 0 0 0 .5-.135 1 1 0 0 0 .365-1.365 7.027 7.027 0 0 0 -6.06-3.5 1 1 0 0 0 0 2z" fill="#ffa733"/><path d="m43 10-2.66 2.66a1.983 1.983 0 0 1 -1.41.58 2 2 0 0 1 -1.42-3.41l2.83-2.83h-10.17l4.45-3.56a1.986 1.986 0 0 1 1.25-.44h14.66a1.974 1.974 0 0 1 .89.21l3.58 1.79v7.99l-2 .01-1.57.94a7.978 7.978 0 0 1 -7.13.55l-1.3-.59z" fill="#ffbcab"/><path d="m43 13.9 1 .454v-5.354l-1 1z" fill="#ff9478"/></g></svg>
\ No newline at end of file
diff --git a/www/raven-demo/images/restaurant/icons/food.png b/www/raven-demo/images/restaurant/icons/food.png
new file mode 100644
index 0000000..da451c7
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/food.png differ
diff --git a/www/raven-demo/images/restaurant/icons/food_delivery.png b/www/raven-demo/images/restaurant/icons/food_delivery.png
new file mode 100644
index 0000000..1c9655c
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/food_delivery.png differ
diff --git a/www/raven-demo/images/restaurant/icons/fork.png b/www/raven-demo/images/restaurant/icons/fork.png
new file mode 100644
index 0000000..e24d0d1
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/fork.png differ
diff --git a/www/raven-demo/images/restaurant/icons/hamburger.png b/www/raven-demo/images/restaurant/icons/hamburger.png
new file mode 100644
index 0000000..91e084e
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/hamburger.png differ
diff --git a/www/raven-demo/images/restaurant/icons/ice_cream.png b/www/raven-demo/images/restaurant/icons/ice_cream.png
new file mode 100644
index 0000000..1d3243f
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/ice_cream.png differ
diff --git a/www/raven-demo/images/restaurant/icons/ingredients.png b/www/raven-demo/images/restaurant/icons/ingredients.png
new file mode 100644
index 0000000..d869120
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/ingredients.png differ
diff --git a/www/raven-demo/images/restaurant/icons/location.png b/www/raven-demo/images/restaurant/icons/location.png
new file mode 100644
index 0000000..c12dbc9
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/location.png differ
diff --git a/www/raven-demo/images/restaurant/icons/map.png b/www/raven-demo/images/restaurant/icons/map.png
new file mode 100644
index 0000000..9354654
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/map.png differ
diff --git a/www/raven-demo/images/restaurant/icons/meat.png b/www/raven-demo/images/restaurant/icons/meat.png
new file mode 100644
index 0000000..c22170d
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/meat.png differ
diff --git a/www/raven-demo/images/restaurant/icons/menu.png b/www/raven-demo/images/restaurant/icons/menu.png
new file mode 100644
index 0000000..ec206c6
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/menu.png differ
diff --git a/www/raven-demo/images/restaurant/icons/menu_2.png b/www/raven-demo/images/restaurant/icons/menu_2.png
new file mode 100644
index 0000000..17e8834
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/menu_2.png differ
diff --git a/www/raven-demo/images/restaurant/icons/milkshake.png b/www/raven-demo/images/restaurant/icons/milkshake.png
new file mode 100644
index 0000000..af5871e
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/milkshake.png differ
diff --git a/www/raven-demo/images/restaurant/icons/no_smoking.png b/www/raven-demo/images/restaurant/icons/no_smoking.png
new file mode 100644
index 0000000..e882216
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/no_smoking.png differ
diff --git a/www/raven-demo/images/restaurant/icons/noodles.png b/www/raven-demo/images/restaurant/icons/noodles.png
new file mode 100644
index 0000000..9f17eb9
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/noodles.png differ
diff --git a/www/raven-demo/images/restaurant/icons/online_menu.png b/www/raven-demo/images/restaurant/icons/online_menu.png
new file mode 100644
index 0000000..a67c593
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/online_menu.png differ
diff --git a/www/raven-demo/images/restaurant/icons/orange_juice.png b/www/raven-demo/images/restaurant/icons/orange_juice.png
new file mode 100644
index 0000000..d0e8cf8
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/orange_juice.png differ
diff --git a/www/raven-demo/images/restaurant/icons/order.png b/www/raven-demo/images/restaurant/icons/order.png
new file mode 100644
index 0000000..9131590
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/order.png differ
diff --git a/www/raven-demo/images/restaurant/icons/pan.png b/www/raven-demo/images/restaurant/icons/pan.png
new file mode 100644
index 0000000..d1a2424
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/pan.png differ
diff --git a/www/raven-demo/images/restaurant/icons/pizza.png b/www/raven-demo/images/restaurant/icons/pizza.png
new file mode 100644
index 0000000..0fc2ca5
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/pizza.png differ
diff --git a/www/raven-demo/images/restaurant/icons/plate.png b/www/raven-demo/images/restaurant/icons/plate.png
new file mode 100644
index 0000000..9037b27
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/plate.png differ
diff --git a/www/raven-demo/images/restaurant/icons/pos.png b/www/raven-demo/images/restaurant/icons/pos.png
new file mode 100644
index 0000000..e8624c6
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/pos.png differ
diff --git a/www/raven-demo/images/restaurant/icons/receipt.png b/www/raven-demo/images/restaurant/icons/receipt.png
new file mode 100644
index 0000000..7a3f6f5
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/receipt.png differ
diff --git a/www/raven-demo/images/restaurant/icons/recipe.png b/www/raven-demo/images/restaurant/icons/recipe.png
new file mode 100644
index 0000000..70b8a91
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/recipe.png differ
diff --git a/www/raven-demo/images/restaurant/icons/reserved.png b/www/raven-demo/images/restaurant/icons/reserved.png
new file mode 100644
index 0000000..9e21bf0
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/reserved.png differ
diff --git a/www/raven-demo/images/restaurant/icons/restaurant.png b/www/raven-demo/images/restaurant/icons/restaurant.png
new file mode 100644
index 0000000..ddbc7d9
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/restaurant.png differ
diff --git a/www/raven-demo/images/restaurant/icons/salad.png b/www/raven-demo/images/restaurant/icons/salad.png
new file mode 100644
index 0000000..a87495d
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/salad.png differ
diff --git a/www/raven-demo/images/restaurant/icons/seasoning.png b/www/raven-demo/images/restaurant/icons/seasoning.png
new file mode 100644
index 0000000..4af680c
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/seasoning.png differ
diff --git a/www/raven-demo/images/restaurant/icons/signboard.png b/www/raven-demo/images/restaurant/icons/signboard.png
new file mode 100644
index 0000000..a7ead14
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/signboard.png differ
diff --git a/www/raven-demo/images/restaurant/icons/smartphone.png b/www/raven-demo/images/restaurant/icons/smartphone.png
new file mode 100644
index 0000000..6bbffb0
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/smartphone.png differ
diff --git a/www/raven-demo/images/restaurant/icons/soup.png b/www/raven-demo/images/restaurant/icons/soup.png
new file mode 100644
index 0000000..fba647c
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/soup.png differ
diff --git a/www/raven-demo/images/restaurant/icons/star.png b/www/raven-demo/images/restaurant/icons/star.png
new file mode 100644
index 0000000..b92b395
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/star.png differ
diff --git a/www/raven-demo/images/restaurant/icons/stew.png b/www/raven-demo/images/restaurant/icons/stew.png
new file mode 100644
index 0000000..81a35b4
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/stew.png differ
diff --git a/www/raven-demo/images/restaurant/icons/sushi.png b/www/raven-demo/images/restaurant/icons/sushi.png
new file mode 100644
index 0000000..1defb77
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/sushi.png differ
diff --git a/www/raven-demo/images/restaurant/icons/table.png b/www/raven-demo/images/restaurant/icons/table.png
new file mode 100644
index 0000000..023c056
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/table.png differ
diff --git a/www/raven-demo/images/restaurant/icons/table_2.png b/www/raven-demo/images/restaurant/icons/table_2.png
new file mode 100644
index 0000000..f144094
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/table_2.png differ
diff --git a/www/raven-demo/images/restaurant/icons/table_3.png b/www/raven-demo/images/restaurant/icons/table_3.png
new file mode 100644
index 0000000..ea9e6dc
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/table_3.png differ
diff --git a/www/raven-demo/images/restaurant/icons/take_away.png b/www/raven-demo/images/restaurant/icons/take_away.png
new file mode 100644
index 0000000..40330a4
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/take_away.png differ
diff --git a/www/raven-demo/images/restaurant/icons/waiter.png b/www/raven-demo/images/restaurant/icons/waiter.png
new file mode 100644
index 0000000..80b1d7d
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/waiter.png differ
diff --git a/www/raven-demo/images/restaurant/icons/wifi.png b/www/raven-demo/images/restaurant/icons/wifi.png
new file mode 100644
index 0000000..b06839b
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/wifi.png differ
diff --git a/www/raven-demo/images/restaurant/icons/wine_bottle.png b/www/raven-demo/images/restaurant/icons/wine_bottle.png
new file mode 100644
index 0000000..5ea0641
Binary files /dev/null and b/www/raven-demo/images/restaurant/icons/wine_bottle.png differ
diff --git a/www/raven-demo/images/restaurant/popular1.jpg b/www/raven-demo/images/restaurant/popular1.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/www/raven-demo/images/restaurant/popular1.jpg differ
diff --git a/www/raven-demo/images/restaurant/popular2.jpg b/www/raven-demo/images/restaurant/popular2.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/www/raven-demo/images/restaurant/popular2.jpg differ
diff --git a/www/raven-demo/images/restaurant/popular3.jpg b/www/raven-demo/images/restaurant/popular3.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/www/raven-demo/images/restaurant/popular3.jpg differ
diff --git a/www/raven-demo/images/restaurant/popular4.jpg b/www/raven-demo/images/restaurant/popular4.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/www/raven-demo/images/restaurant/popular4.jpg differ
diff --git a/www/raven-demo/images/restaurant/popular5.jpg b/www/raven-demo/images/restaurant/popular5.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/www/raven-demo/images/restaurant/popular5.jpg differ
diff --git a/www/raven-demo/images/restaurant/popular6.jpg b/www/raven-demo/images/restaurant/popular6.jpg
new file mode 100644
index 0000000..deb1804
Binary files /dev/null and b/www/raven-demo/images/restaurant/popular6.jpg differ
diff --git a/www/raven-demo/index-ecommerce.html b/www/raven-demo/index-ecommerce.html
new file mode 100644
index 0000000..4d982ba
--- /dev/null
+++ b/www/raven-demo/index-ecommerce.html
@@ -0,0 +1,1615 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page css:-->
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <link href="vendor/css/jsvectormap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="vendor/css/sweetalert2.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item ecommerce_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item ecommerce_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item ecommerce_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item ecommerce_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content relative lg:px-4 flex-grow">
+            <!--:Prelaoder:-->
+            <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+                <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+                    <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+                </div>
+            </div>
+            <div class="px-4 pt-4">
+                <div class="grid grid-cols-1 md:grid-cols-13 gap-4 mb-4">
+                    <div class="md:col-span-5">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl w-full h-full bg-white dark:bg-zinc-900 shadow-card overflow-hidden p-4">
+                            <div class="flex items-center w-full">
+
+
+                                <div class="flex-grow">
+                                    <h2 class="text-lg mb-3 text-black dark:text-white">
+                                        Welcome back, Emily!👋
+                                    </h2>
+                                    <div class="flex items-center gap-3.5">
+                                        <div class="flex-grow">
+                                            <h5 class="text-xl mb-1">$887,654</h5>
+                                            <p class="text-sm text-muted mb-0">Current balance</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="shrink-0 ms-4 sm:ms-6">
+                                    <img class="w-16 h-auto" src="images/illustrations/wallet.png" alt="">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl w-full h-full bg-white dark:bg-zinc-900 shadow-card p-4 overflow-hidden">
+                            <!--:Card:-->
+                            <div class="flex items-center gap-3.5">
+                                <div
+                                    class="flex items-center justify-center size-12 rounded-full shrink-0 bg-cyan-500/10 text-cyan-500">
+                                    <span class="icon-[lucide--users] text-2xl"></span>
+                                </div>
+                                <div class="flex-grow">
+                                    <p class="mb-2">Total customers</p>
+                                    <h5 class="text-2xl mb-1">423.84K</h5>
+                                    <span>
+                                        <span class="text-green-500">+4.5%</span>
+                                        <span class="text-sm text-muted">This month</span>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl w-full h-full bg-white dark:bg-zinc-900 shadow-card p-4 overflow-hidden">
+                            <!--:Card:-->
+                            <div class="flex items-center gap-3.5">
+                                <div
+                                    class="flex items-center justify-center size-12 rounded-full shrink-0 bg-amber-500/10 text-amber-500">
+                                    <span class="icon-[lucide--shopping-bag] text-2xl"></span>
+                                </div>
+                                <div class="flex-grow">
+                                    <p class="mb-2">Total orders</p>
+                                    <h5 class="text-2xl mb-1">622.35K</h5>
+                                    <span>
+                                        <span class="text-green-500">+2.5%</span>
+                                        <span class="text-sm text-muted">This month</span>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                    <div class="col-span-12">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden   h-full">
+                            <div class="flex items-center justify-between px-4 py-4">
+                                <h5 class="text-lg">Earnings</h5>
+                                <nav class="flex nav items-center gap-1" role="tablist">
+                                    <button
+                                        class="px-2 py-1 block rounded-md hover:bg-primary-subtle hover:text-primary cursor-pointer [.active]:bg-primary [.active]:text-white"
+                                        type="button" data-bs-toggle="tab" data-bs-target="#t1" aria-selected="true"
+                                        role="tab">1M</button>
+                                    <button
+                                        class="px-2 py-1 block rounded-md hover:bg-primary-subtle hover:text-primary cursor-pointer [.active]:bg-primary [.active]:text-white"
+                                        type="button" data-bs-toggle="tab" data-bs-target="#t2" aria-selected="false"
+                                        tabindex="-1" role="tab">3M</button>
+                                    <button
+                                        class="px-2 py-1 block rounded-md hover:bg-primary-subtle hover:text-primary cursor-pointer [.active]:bg-primary [.active]:text-white"
+                                        type="button" data-bs-toggle="tab" data-bs-target="#t3" aria-selected="false"
+                                        tabindex="-1" role="tab">6M</button>
+                                    <button
+                                        class="px-2 py-1 block rounded-md hover:bg-primary-subtle hover:text-primary cursor-pointer [.active]:bg-primary [.active]:text-white active"
+                                        type="button" data-bs-toggle="tab" data-bs-target="#t3" aria-selected="false"
+                                        tabindex="-1" role="tab">1Y</button>
+                                </nav>
+                            </div>
+                            <div class="p-4 relative" dir="ltr">
+                                <div
+                                    class="max-w-[240px] rounded-xl flex flex-col bg-white dark:bg-zinc-800 text-sm shadow-card px-4 py-2 absolute left-6 top-4 z-10">
+                                    <span class="text-primary text-xl font-semibold">$948.55K</span>
+                                    <span class="text-sm text-muted">Earnings this year</span>
+                                </div>
+                                <div class="h-80 w-full" id="chart_earnings"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 px-4 md:grid-cols-12 gap-4 mb-4">
+                <div class="md:col-span-4 order-last">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                        <div class="flex justify-between items-center px-4 py-4">
+                            <h5 class="text-lg">
+                                Projection vs Actual
+                            </h5>
+                        </div>
+                        <div class="p-4 pt-0">
+                            <div dir="ltr">
+                                <!--:Chart:-->
+                                <div id="chart_pie_projection" class="w-full h-56"></div>
+                            </div>
+                            <div class="flex flex-wrap gap-2.5 mt-4">
+                                <div class="flex-grow text-center">
+                                    <span class="text-amber-500 text-sm">Projection</span>
+                                    <h5 class="text-lg">948.3K</h5>
+                                </div>
+                                <div class="flex-grow text-center">
+                                    <span class="text-primary text-sm">Actual</span>
+                                    <h5 class="text-lg">935.5K</h5>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden mb-4">
+                        <div class="flex justify-between items-center px-4 py-4">
+                            <h5 class="text-lg">
+                                Customer growth
+                            </h5>
+                        </div>
+                        <div class="p-4 pt-0">
+                            <div class="flex mb-2 items-end justify-between">
+                                <h3 class="text-2xl">74%</h3>
+                                <span class="text-sm text-muted flex items-center gap-1">
+                                    <span class="text-green-500 flex items-center gap-1">
+                                        <span class="icon-[lucide--arrow-up-right]"></span>
+                                        2.5%</span> vs last month
+                                </span>
+                            </div>
+                            <!--:Progress:-->
+                            <div class="progress mb-4 h-2 rounded-lg w-full bg-primary/20" role="progressbar"
+                                aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
+                                <div class="progress-bar bg-primary rounded-lg h-2" style="width: 85%">
+                                </div>
+                            </div>
+                            <div class="flex items-center gap-2">
+                                <span class="icon-[lucide--users] text-lg"></span>
+                                <span>
+                                    <span>293,493</span>
+                                    <small class="opacity-75">(+3829)</small>
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex justify-between items-center px-4 pt-4">
+                            <h5 class="text-lg">
+                                Top cities
+                            </h5>
+                            <div class="relative">
+                                <select name="location-report" class="js-select t-select-sm min-w-24">
+                                    <option value="cities" selected>Cities</option>
+                                    <option value="Countries">Countries</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="p-4">
+                            <!--:Map:-->
+                            <div id="world-map-markers" class="h-72 w-full mb-4"></div>
+                            <div class="flex flex-col space-y-1">
+                                <div>
+                                    <span class="text-sm leading-none">New York</span>
+                                    <div class="flex items-center gap-3.5">
+                                        <!--:Progress:-->
+                                        <div class="progress flex-grow h-1 rounded-lg w-full bg-primary/20"
+                                            role="progressbar" aria-label="Basic example" aria-valuenow="0"
+                                            aria-valuemin="0" aria-valuemax="100">
+                                            <div class="progress-bar bg-primary rounded-lg h-1" style="width: 65%">
+                                            </div>
+                                        </div>
+                                        <span class="shrink-0 text-sm">
+                                            137K
+                                        </span>
+                                    </div>
+                                </div>
+                                <div>
+                                    <span class="text-sm leading-none">Madrid</span>
+                                    <div class="flex items-center gap-3.5">
+                                        <!--:Progress:-->
+                                        <div class="progress flex-grow h-1 rounded-lg w-full bg-primary/20"
+                                            role="progressbar" aria-label="Basic example" aria-valuenow="0"
+                                            aria-valuemin="0" aria-valuemax="100">
+                                            <div class="progress-bar bg-primary rounded-lg h-1" style="width: 55%">
+                                            </div>
+                                        </div>
+                                        <span class="shrink-0 text-sm">
+                                            122K
+                                        </span>
+                                    </div>
+                                </div>
+                                <div>
+                                    <span class="text-sm leading-none">New Delhi</span>
+                                    <div class="flex items-center gap-3.5">
+                                        <!--:Progress:-->
+                                        <div class="progress flex-grow h-1 rounded-lg w-full bg-primary/20"
+                                            role="progressbar" aria-label="Basic example" aria-valuenow="0"
+                                            aria-valuemin="0" aria-valuemax="100">
+                                            <div class="progress-bar bg-primary rounded-lg h-1" style="width: 45%">
+                                            </div>
+                                        </div>
+                                        <span class="shrink-0 text-sm">
+                                            119K
+                                        </span>
+                                    </div>
+                                </div>
+                                <div>
+                                    <span class="text-sm leading-none">Tokyo</span>
+                                    <div class="flex items-center gap-3.5">
+                                        <!--:Progress:-->
+                                        <div class="progress flex-grow h-1 rounded-lg w-full bg-primary/20"
+                                            role="progressbar" aria-label="Basic example" aria-valuenow="0"
+                                            aria-valuemin="0" aria-valuemax="100">
+                                            <div class="progress-bar bg-primary rounded-lg h-1" style="width: 35%">
+                                            </div>
+                                        </div>
+                                        <span class="shrink-0 text-sm">
+                                            87K
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="md:col-span-8">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden mb-4">
+                        <div class="px-4 pt-4 flex flex-col gap-3 sm:flex-row items-start justify-between">
+                            <div class="flex-grow">
+                                <h3 class="text-lg mb-1">Visitors / Sales</h3>
+                                <span class="text-sm text-muted flex items-center gap-2">
+                                    <span class="text-green-500 flex items-center gap-1"><span
+                                            class="icon-[lucide--chevron-up] text-lg leading-none"></span>
+                                        2.5%</span> vs last year
+                                </span>
+                            </div>
+                            <div class="relative">
+                                <select name="select-report" class="js-select t-select-sm min-w-20">
+                                    <option value="2025" selected>2025</option>
+                                    <option value="2024">2024</option>
+                                    <option value="2023">2023</option>
+                                    <option value="2022">2022</option>
+                                </select>
+                            </div>
+                        </div>
+
+                        <div class="overflow-hidden p-4" dir="ltr">
+                            <div class="h-80 w-full" id="chart_visitors_sales"></div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex justify-between items-center px-4 py-4">
+                            <h5 class="text-lg">Top products</h5>
+                            <div class="shrink-0">
+                                <a href="#!" class="border-b border-dashed text-primary hover:text-current">
+                                    View all</a>
+                            </div>
+                        </div>
+                        <div class="overflow-x-auto px-4">
+                            <table id="table_products" class="table-default whitespace-nowrap">
+                            <thead>
+                                <tr>
+                                    <th>
+                                        <div class="flex items-center">
+                                            Product
+                                        </div>
+                                    </th>
+                                    <th>
+                                         Price
+                                    </th>
+                                    <th>
+                                        Sales
+                                    </th>
+                                    <th data-orderable="false">
+
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/1.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <h6>Android black watch</h6>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td>$149 </td>
+                                    <td>
+                                      3282
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/2.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <h6>Golden earbuds</h6>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td>$149 </td>
+                                    <td>
+                                      1943
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/3.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <h6>Waterproof backpack</h6>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td>$129 </td>
+                                    <td>
+                                        9282
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/4.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <h6>Wireless headphones</h6>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td>$99 </td>
+                                    <td>
+                                      2129
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/5.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <h6>Google Mini</h6>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td>$299 </td>
+                                    <td>
+                                      6345
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/6.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <h6>Apple earpods pro</h6>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td>$249 </td>
+                                    <td>
+                                        1394
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 mb-4 px-4">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="flex justify-between items-center px-4 py-4">
+                        <h5 class="text-lg">Orders</h5>
+                        <div class="shrink-0">
+                            <a href="#!" class="border-b border-dashed text-primary hover:text-current">
+                                View orders</a>
+                        </div>
+                    </div>
+                    <div class="overflow-x-auto px-4">
+                        <table class="table-default whitespace-nowrap">
+                            <thead class="border-t border-zinc-500/10 dark:border-zinc-800">
+                                <tr>
+                                    <th>
+                                        Order
+                                    </th>
+                                    <th>
+                                        Status
+                                    </th>
+                                    <th>
+                                        Date
+                                    </th>
+                                    <th>
+                                        Customer
+                                    </th>
+                                    <th>
+                                        Amount spent
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>
+                                        <a href="#!" class="hover:text-primary">#ORD39291</a>
+                                    </td>
+                                    <td>
+                                        <span class="flex items-center gap-2">
+                                            <span class="size-1.5 rounded-full bg-green-500"></span>
+                                            <span class="text-green-500">Paid</span>
+                                        </span>
+                                    </td>
+                                    <td>05/05/2025</td>
+                                    <td>Adam Milne</td>
+                                    <td>
+                                        <h5>$185</h5>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <a href="#!" class="hover:text-primary">#ORD22473</a>
+                                    </td>
+                                    <td>
+                                        <span class="flex items-center gap-2">
+                                            <span class="size-1.5 rounded-full bg-green-500"></span>
+                                            <span class="text-green-500">Paid</span>
+                                        </span>
+                                    </td>
+                                    <td>29/12/2024</td>
+                                    <td>Sophia Bennett</td>
+                                    <td>
+                                        <h5>$248</h5>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <a href="#!" class="hover:text-primary">#ORD64738</a>
+                                    </td>
+                                    <td>
+                                        <span class="flex items-center gap-2">
+                                            <span class="size-1.5 rounded-full bg-green-500"></span>
+                                            <span class="text-green-500">Paid</span>
+                                        </span>
+                                    </td>
+                                    <td>16/07/2025</td>
+                                    <td>Ava Reynolds</td>
+                                    <td>
+                                        <h5>$532</h5>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <a href="#!" class="hover:text-primary">#ORD48274</a>
+                                    </td>
+                                    <td>
+                                        <span class="flex items-center gap-2">
+                                            <span class="size-1.5 rounded-full bg-red-500"></span>
+                                            <span class="text-red-500">Failed</span>
+                                        </span>
+                                    </td>
+                                    <td>22/06/2025</td>
+                                    <td>Noah Carter</td>
+                                    <td>
+                                        <h5>$493</h5>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <a href="#!" class="hover:text-primary">#ORD39291</a>
+                                    </td>
+                                    <td>
+                                        <span class="flex items-center gap-2">
+                                            <span class="size-1.5 rounded-full bg-amber-500"></span>
+                                            <span class="text-amber-500">Pending</span>
+                                        </span>
+                                    </td>
+                                    <td>10/05/2025</td>
+                                    <td>Ethan Walker</td>
+                                    <td>
+                                        <h5>$156</h5>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <a href="#!" class="hover:text-primary">#ORD58392</a>
+                                    </td>
+                                    <td>
+                                        <span class="flex items-center gap-2">
+                                            <span class="size-1.5 rounded-full bg-green-500"></span>
+                                            <span class="text-green-500">Paid</span>
+                                        </span>
+                                    </td>
+                                    <td>16/07/2025</td>
+                                    <td>Adam Milne</td>
+                                    <td>
+                                        <h5>$392</h5>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Dashboard script:-->
+    <script src="vendor/js/echarts.min.js"></script>
+    <script src="vendor/js/jsvectormap.min.js"></script>
+    <script src="vendor/js/world.js"></script>
+    <script src="vendor/js/sweetalert2.all.min.js"></script>
+    <script src="vendor/js/tom-select.complete.min.js"></script>
+    <script src="js/dashboard-ecommerce.js" type="text/javascript"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/index-education.html b/www/raven-demo/index-education.html
new file mode 100644
index 0000000..07678a3
--- /dev/null
+++ b/www/raven-demo/index-education.html
@@ -0,0 +1,1391 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300 text-left rtl:text-right">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item education_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item education_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item education_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item education_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content relative flex-grow pt-4 lg:px-4">
+            <!--:Prelaoder:-->
+            <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+                <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+                    <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+                </div>
+            </div>
+            <div class="px-4 grid grid-cols-1 lg:grid-cols-12 gap-4">
+                <div class="lg:col-span-8">
+
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 lg:p-6 overflow-hidden mb-4">
+                        <div class="flex items-center flex-wrap sm:gap-0 gap-4">
+                            <div class="w-full sm:w-4/5 sm:pe-12 order-last sm:order-1">
+                                <h5 class="text-xl mb-2">Welcome back, <span
+                                        class="text-2xl text-zinc-400">John👋🏻</span></h5>
+                                <p class="mb-4">Let's keep your learning journey going. You are just one step closer to
+                                    your goals!</p>
+                                <div class="flex flex-wrap items-center gap-3 lg:gap-6">
+                                    <a href="#!" class="btn btn-default">Resume last course</a>
+                                    <a href="#!" class="text-primary border-b border-dashed hover:text-current">Explore
+                                        courses</a>
+                                </div>
+                            </div>
+                            <div class="shrink-0 w-full sm:w-1/5 order-1 sm:order-last">
+                                <img src="images/illustrations/education.svg" class="max-w-full w-24 sm:w-48 block h-auto"
+                                    alt="">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl flex items-center gap-4 bg-white dark:bg-zinc-900 shadow-card p-4 overflow-hidden">
+                            <!--:Icon:-->
+                            <div
+                                class="shrink-0 flex items-center justify-center size-12 rounded-lg bg-green-500/10 text-green-500">
+                                <span class="icon-[lucide--monitor-play] text-2xl"></span>
+                            </div>
+                            <div class="flex-grow">
+                                <h4 class="text-2xl">349</h4>
+                                <p>Hours spent</p>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl flex items-center gap-4 bg-white dark:bg-zinc-900 shadow-card p-4 overflow-hidden">
+                            <!--:Icon:-->
+                            <div
+                                class="shrink-0 flex items-center justify-center size-12 rounded-lg bg-amber-500/10 text-amber-500">
+                                <span class="icon-[lucide--lightbulb] text-2xl"></span>
+                            </div>
+                            <div class="flex-grow">
+                                <h4 class="text-2xl">88%</h4>
+                                <p>Test results</p>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl flex items-center gap-4 bg-white dark:bg-zinc-900 shadow-card p-4 overflow-hidden">
+                            <!--:Icon:-->
+                            <div
+                                class="shrink-0 flex items-center justify-center size-12 rounded-lg bg-purple-500/10 text-purple-500">
+                                <span class="icon-[lucide--book-open-check] text-2xl"></span>
+                            </div>
+                            <div class="flex-grow">
+                                <h4 class="text-2xl">16</h4>
+                                <p>Course completed</p>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex items-center justify-between p-4">
+                            <h5 class="text-lg">Topics you're interested in</h5>
+                            <a href="#!" class="btn btn-sm btn-default">Manage</a>
+                        </div>
+                        <div dir="ltr" class="p-4">
+                            <div id="chart_topics" class="w-full h-78"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="lg:col-span-4">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden mb-4">
+                        <div class="p-4 pb-0 flex items-center justify-between">
+                            <div class="flex-grow">
+                                <h5 class="text-lg">Time Spendings</h5>
+                                <p>Weekly report</p>
+                            </div>
+                            <span class="badge shrink-0 bg-green-500/10 text-green-500">+22%</span>
+                        </div>
+                        <div class="p-4 pb-0">
+                            <h3 class="text-3xl">
+                                <span>312</span><span class="text-zinc-400">H</span>
+                                <span>47</span><span class="text-zinc-400">M</span>
+                            </h3>
+                        </div>
+                        <div class="p-4" dir="ltr">
+                            <div id="chart_weekly_report" class="h-40"></div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden mb-4">
+                        <div class="flex items-center justify-between p-4 pb-0">
+                            <h5 class="text-lg">Top Tutors</h5>
+                            <a href="#!" class="btn btn-sm btn-default">View All</a>
+                        </div>
+                        <ul class="px-4 divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <img src="images/avatars/thumb-1.jpg" class="size-10 rounded-full" alt="">
+                                </a>
+                                <div class="flex-grow overflow-hidden">
+                                    <h6 class="mb-1"><a href="#!">Emily Doe</a></h6>
+                                    <p class="text-zinc-400 truncate">UI UX Developer</p>
+                                </div>
+                                <div class="shrink-0">
+                                    <h5 class="text-lg">23</h5>
+                                    <span class="text-sm text-zinc-400">Courses</span>
+                                </div>
+                            </li>
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <img src="images/avatars/thumb-9.jpg" class="size-10 rounded-full" alt="">
+                                </a>
+                                <div class="flex-grow overflow-hidden">
+                                    <h6 class="mb-1"><a href="#!">Emily Doe</a></h6>
+                                    <p class="text-zinc-400 truncate">Animations</p>
+                                </div>
+                                <div class="shrink-0">
+                                    <h5 class="text-lg">31</h5>
+                                    <span class="text-sm text-zinc-400">Courses</span>
+                                </div>
+                            </li>
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <img src="images/avatars/thumb-3.jpg" class="size-10 rounded-full" alt="">
+                                </a>
+                                <div class="flex-grow overflow-hidden">
+                                    <h6 class="mb-1"><a href="#!">Emily Doe</a></h6>
+                                    <p class="text-zinc-400 truncate">Python developer</p>
+                                </div>
+                                <div class="shrink-0">
+                                    <h5 class="text-lg">17</h5>
+                                    <span class="text-sm text-zinc-400">Courses</span>
+                                </div>
+                            </li>
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <img src="images/avatars/thumb-8.jpg" class="size-10 rounded-full" alt="">
+                                </a>
+                                <div class="flex-grow">
+                                    <h6 class="mb-1"><a href="#!">Emily Doe</a></h6>
+                                    <p class="text-zinc-400 truncate">React developer</p>
+                                </div>
+                                <div class="shrink-0 overflow-hidden">
+                                    <h5 class="text-lg">23</h5>
+                                    <span class="text-sm text-zinc-400">Courses</span>
+                                </div>
+                            </li>
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <img src="images/avatars/thumb-2.jpg" class="size-10 rounded-full" alt="">
+                                </a>
+                                <div class="flex-grow overflow-hidden">
+                                    <h6 class="mb-1"><a href="#!">Emily Doe</a></h6>
+                                    <p class="text-zinc-400 truncate">Wordpress developer goes godow here</p>
+                                </div>
+                                <div class="shrink-0">
+                                    <h5 class="text-lg">7</h5>
+                                    <span class="text-sm text-zinc-400">Courses</span>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4 grid grid-cols-1 lg:grid-cols-12 mb-4 gap-4">
+                <div class="lg:col-span-4">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex items-center justify-between p-4 pb-2">
+                            <h5 class="text-lg">Top courses</h5>
+                            <a href="#!" class="btn btn-sm btn-default">View All</a>
+                        </div>
+                        <ul class="px-4 divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                            <!--:List item:-->
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <img src="images/brands/figma.svg" class="w-10 h-auto">
+                                </a>
+                                <div class="flex-grow">
+                                    <h6 class="mb-0.5"><a href="#!">Prototype in Figma</a></h6>
+                                    <p class="text-zinc-400 flex items-center gap-1">
+                                        <span class="icon-[lucide--eye]"></span> 12.5K views
+                                    </p>
+                                </div>
+                            </li>
+                            <!--:List item:-->
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <div
+                                        class="shrink-0 flex items-center justify-center size-10 rounded-lg bg-sky-500/10 text-sky-500">
+                                        <span class="icon-[lucide--palette] text-2xl"></span>
+                                    </div>
+                                </a>
+                                <div class="flex-grow">
+                                    <h6 class="mb-0.5"><a href="#!">Design system</a></h6>
+                                    <p class="text-zinc-400 flex items-center gap-1">
+                                        <span class="icon-[lucide--eye]"></span> 11.25K views
+                                    </p>
+                                </div>
+                            </li>
+                            <!--:List item:-->
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <div
+                                        class="shrink-0 flex items-center justify-center size-10 rounded-lg bg-blue-500/10 text-blue-500">
+                                        <span class="icon-[tabler--brand-python] text-2xl"></span>
+                                    </div>
+                                </a>
+                                <div class="flex-grow">
+                                    <h6 class="mb-0.5"><a href="#!">Python development</a></h6>
+                                    <p class="text-zinc-400 flex items-center gap-1">
+                                        <span class="icon-[lucide--eye]"></span> 10.7K views
+                                    </p>
+                                </div>
+                            </li>
+                            <!--:List item:-->
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <div
+                                        class="shrink-0 flex items-center justify-center size-10 rounded-lg bg-primary/10 text-primary">
+                                        <span class="icon-[tabler--brand-react] text-2xl"></span>
+                                    </div>
+                                </a>
+                                <div class="flex-grow">
+                                    <h6 class="mb-0.5"><a href="#!">React development</a></h6>
+                                    <p class="text-zinc-400 flex items-center gap-1">
+                                        <span class="icon-[lucide--eye]"></span> 9.5K views
+                                    </p>
+                                </div>
+                            </li>
+                            <!--:List item:-->
+                            <li class="py-3 flex items-center gap-3.5">
+                                <a href="#!" class="shrink-0">
+                                    <div
+                                        class="shrink-0 flex items-center justify-center size-10 rounded-lg bg-amber-500/10 text-amber-500">
+                                        <span class="icon-[tabler--brand-html5] text-2xl"></span>
+                                    </div>
+                                </a>
+                                <div class="flex-grow">
+                                    <h6 class="mb-0.5"><a href="#!">Basic html css</a></h6>
+                                    <p class="text-zinc-400 flex items-center gap-1">
+                                        <span class="icon-[lucide--eye]"></span> 5.5K views
+                                    </p>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="lg:col-span-8">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex items-center justify-between p-4 pb-2">
+                            <h5 class="text-lg">Your courses</h5>
+                            <a href="#!" class="btn btn-sm btn-default">Manage</a>
+                        </div>
+                        <div class="overflow-x-auto px-4">
+                            <table class="table-default">
+                                <thead>
+                                    <tr>
+                                        <th>Course name</th>
+                                        <th class="whitespace-nowrap">Time spend</th>
+                                        <th class="whitespace-nowrap">Progress</th>
+                                        <th class="whitespace-nowrap">Summary</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td class="min-w-64">
+                                            <div class="flex gap-3.5">
+                                                <a href="#!" class="shrink-0">
+                                                   <img src="images/projects/2.jpg" class="rounded-lg w-14 h-auto" alt="">
+                                                </a>
+                                                <div class="flex-grow">
+                                                    <h6 class="mb-1.5"><a href="#!">Prototype in Figma</a></h6>
+                                                    <div class="flex items-center gap-2">
+                                                        <img src="images/avatars/thumb-1.jpg"
+                                                            class="size-6 rounded-full shrink-0" alt="">
+                                                        <p>Emily doe</p>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </td>
+                                        <td>3h 23m</td>
+                                        <td class="min-w-40">
+                                            <div class="flex items-center gap-3.5">
+                                                <div class="h-1.5 bg-sky-500/10 rounded-full flex-grow">
+                                                    <div class="progress-bg h-1.5 bg-blue-500 rounded-full"
+                                                        style="width: 60%;"></div>
+                                                </div>
+                                                <span class="font-semibold">60%</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-4">
+                                                <div class="flex flex-col gap-1">
+                                                    <span class="icon-[lucide--users] text-xl text-sky-500"></span>
+                                                    <span>345</span>
+                                                </div>
+                                                <div class="flex flex-col gap-1">
+                                                    <span class="icon-[lucide--video] text-xl text-red-500"></span>
+                                                    <span>22</span>
+                                                </div>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                      <tr>
+                                        <td class="min-w-64">
+                                            <div class="flex gap-3.5">
+                                                <a href="#!" class="shrink-0">
+                                                   <img src="images/projects/4.jpg" class="rounded-lg w-14 h-auto" alt="">
+                                                </a>
+                                                <div class="flex-grow">
+                                                    <h6 class="mb-1.5"><a href="#!">AI masterclass</a></h6>
+                                                    <div class="flex items-center gap-2">
+                                                        <img src="images/avatars/thumb-5.jpg"
+                                                            class="size-6 rounded-full shrink-0" alt="">
+                                                        <p>Nikita Yo</p>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </td>
+                                        <td>4h 11m</td>
+                                        <td class="min-w-40">
+                                            <div class="flex items-center gap-3.5">
+                                                <div class="h-1.5 bg-green-500/10 rounded-full flex-grow">
+                                                    <div class="progress-bg h-1.5 bg-green-500 rounded-full"
+                                                        style="width: 75%;"></div>
+                                                </div>
+                                                <span class="font-semibold">75%</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-4">
+                                                <div class="flex flex-col gap-1">
+                                                    <span class="icon-[lucide--users] text-xl text-sky-500"></span>
+                                                    <span>1.3K</span>
+                                                </div>
+                                                <div class="flex flex-col gap-1">
+                                                    <span class="icon-[lucide--video] text-xl text-red-500"></span>
+                                                    <span>22</span>
+                                                </div>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                      <tr>
+                                        <td class="min-w-64">
+                                            <div class="flex gap-3.5">
+                                                <a href="#!" class="shrink-0">
+                                                   <img src="images/projects/3.jpg" class="rounded-lg w-14 h-auto" alt="">
+                                                </a>
+                                                <div class="flex-grow">
+                                                    <h6 class="mb-1.5"><a href="#!">Paython development</a></h6>
+                                                    <div class="flex items-center gap-2">
+                                                        <img src="images/avatars/thumb-7.jpg"
+                                                            class="size-6 rounded-full shrink-0" alt="">
+                                                        <p>John smith</p>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </td>
+                                        <td>1h 48m</td>
+                                        <td class="min-w-40">
+                                            <div class="flex items-center gap-3.5">
+                                                <div class="h-1.5 bg-amber-500/10 rounded-full flex-grow">
+                                                    <div class="progress-bg h-1.5 bg-amber-500 rounded-full"
+                                                        style="width: 40%;"></div>
+                                                </div>
+                                                <span class="font-semibold">40%</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-4">
+                                                <div class="flex flex-col gap-1">
+                                                    <span class="icon-[lucide--users] text-xl text-sky-500"></span>
+                                                    <span>87</span>
+                                                </div>
+                                                <div class="flex flex-col gap-1">
+                                                    <span class="icon-[lucide--video] text-xl text-red-500"></span>
+                                                    <span>44</span>
+                                                </div>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+    <!--:Dashboard scripts:-->
+    <script src="vendor/js/echarts.min.js"></script>
+    <script src="js/dashboard-education.js" type="text/javascript"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/index-jobs.html b/www/raven-demo/index-jobs.html
new file mode 100644
index 0000000..3d19fba
--- /dev/null
+++ b/www/raven-demo/index-jobs.html
@@ -0,0 +1,1266 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300 text-left rtl:text-right">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item jobs_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item jobs_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item jobs_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item jobs_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content relative flex-grow pt-4 lg:px-4">
+            <!--:Prelaoder:-->
+            <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+                <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+                    <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+                </div>
+            </div>
+            <div class="px-4 grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                <div class="md:col-span-4">
+                    <div class="grid grid-cols-1 gap-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-primary shadow-card overflow-hidden p-4 relative">
+                            <div class="relative">
+                                <h2 class="text-lg !text-white font-semibold mb-1">Welcome back Emily!👋</h2>
+                                <p class="mb-3 text-white/60">You're viewing the jobs portal dashboard</p>
+                                <button type="button" class="border-b border-dashed text-white cursor-pointer">Post New
+                                    Job</button>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="flex items-center rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden p-4 relative">
+                            <div class="flex-grow">
+                                <h5 class="text-2xl mb-1">2239</h5>
+                                <p class="mb-2">Jobs posted</p>
+                                <span class="text-sm text-muted italic flex items-center gap-1">
+                                    <span class="text-green-500 flex items-center gap-1">
+                                        <span class="icon-[lucide--arrow-up-right]"></span>
+                                        2.5%</span> vs last year
+                                </span>
+                            </div>
+                            <div
+                                class="shrink-0 bg-amber-500/10 text-amber-500 rounded-full size-12 flex items-center justify-center">
+                                <span class="icon-[lucide--briefcase-business] text-2xl"></span>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="flex items-center rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden p-4 relative">
+                            <div class="flex-grow">
+                                <h5 class="text-2xl mb-1">33.5K</h5>
+                                <p class="mb-2">Applications received</p>
+                                <span class="text-sm text-muted italic flex items-center gap-1">
+                                    <span class="text-green-500 flex items-center gap-1">
+                                        <span class="icon-[lucide--arrow-up-right]"></span>
+                                        7.5%</span> vs last year
+                                </span>
+                            </div>
+                            <div
+                                class="shrink-0 bg-primary-subtle text-primary rounded-full size-12 flex items-center justify-center">
+                                <span class="icon-[lucide--file-check] text-2xl"></span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="md:col-span-8">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="px-4 py-4 flex items-center justify-between">
+                            <h3 class="text-lg">Overview</h3>
+                            <nav class="flex nav gap-3 nav-underline items-center gap-1" role="tablist">
+                                <button class="nav-link active" type="button" data-bs-toggle="tab" data-bs-target="#t1"
+                                    aria-selected="false" role="tab" tabindex="-1">This year</button>
+                                <button class="nav-link" type="button" data-bs-toggle="tab" data-bs-target="#t2"
+                                    aria-selected="false" tabindex="-1" role="tab">Last year</button>
+                            </nav>
+                        </div>
+                        <div class="p-4" dir="ltr">
+                            <div id="chart_jobs" class="w-full h-70"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4 grid grid-cols-1 gap-4 mb-4">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <h5 class="text-lg">
+                            Applicants summary
+                        </h5>
+                    </div>
+                    <div class="p-4">
+                        <div class="flex flex-wrap items-start justify-between">
+                            <div>
+                                <h3 class="text-3xl mb-1">33.5K</h3>
+                                <p class="text-zinc-400">Total applications received</p>
+                            </div>
+                            <!--:Legend:-->
+                            <div class="flex flex-wrap gap-3 pt-4">
+                                <span class="badge bg-primary-subtle text-primary">
+                                    Full time
+                                </span>
+                                <span class="badge bg-blue-500/10 text-blue-500">
+                                    Part time
+                                </span>
+                                <span class="badge bg-sky-500/10 text-sky-500">
+                                    Remote
+                                </span>
+                                <span class="badge bg-amber-500/10 text-amber-500">
+                                    Internship
+                                </span>
+                                <span class="badge bg-red-500/10 text-red-500">
+                                    Contract
+                                </span>
+                            </div>
+                        </div>
+                        <div class="h-10"></div>
+                        <div class="flex items-center pb-4">
+                            <!--:Bar:-->
+                            <div class="progress h-4 flex-grow" style="width: 40%;" role="progressbar"
+                                aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" data-bs-toggle="tooltip"
+                                data-bs-placement="top" aria-label="Full time" data-bs-original-title="Full time">
+                                <div
+                                    class="progress-bar rounded-s-lg overflow-visible bg-primary border-end border-white dark:border-zinc-900 border-2 text-start">
+                                    <span class="text-muted relative -top-6 block pointer-events-none">9.1k</span>
+                                </div>
+                            </div>
+                            <!--:Bar:-->
+                            <div class="progress h-4 flex-grow" style="width: 20%;" role="progressbar"
+                                aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" data-bs-toggle="tooltip"
+                                data-bs-placement="top" aria-label="Part time" data-bs-original-title="Part time">
+                                <div
+                                    class="progress-bar overflow-visible bg-blue-500 border-end border-white dark:border-zinc-900 border-2 text-start">
+                                    <span class="text-muted relative -top-6 block pointer-events-none">8.3k</span>
+                                </div>
+                            </div>
+                            <!--:Bar:-->
+                            <div class="progress h-4 flex-grow" style="width: 19%;" role="progressbar"
+                                aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" data-bs-toggle="tooltip"
+                                data-bs-placement="top" aria-label="Remote" data-bs-original-title="Remote">
+                                <div
+                                    class="progress-bar overflow-visible bg-sky-500 border-end border-white dark:border-zinc-900 border-2 text-start">
+                                    <span class="text-muted relative -top-6 block pointer-events-none">7.3k</span>
+                                </div>
+                            </div>
+                            <!--:Bar:-->
+                            <div class="progress h-4 flex-grow" style="width: 12%;" role="progressbar"
+                                aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" data-bs-toggle="tooltip"
+                                data-bs-placement="top" aria-label="Internship" data-bs-original-title="Internship">
+                                <div
+                                    class="progress-bar overflow-visible bg-amber-500 border-end border-white dark:border-zinc-900 border-2 text-start">
+                                    <span class="text-muted relative -top-6 block pointer-events-none">5.8k</span>
+                                </div>
+                            </div>
+                            <!--:Bar:-->
+                            <div class="progress h-4 flex-grow" style="width: 9%;" role="progressbar" aria-valuenow="50"
+                                aria-valuemin="0" aria-valuemax="100" data-bs-toggle="tooltip" data-bs-placement="top"
+                                aria-label="Contract" data-bs-original-title="Contract">
+                                <div
+                                    class="progress-bar rounded-e-lg overflow-visible bg-red-500 border-end border-white dark:border-zinc-900 border-2 text-start">
+                                    <span class="text-muted relative -top-6 block pointer-events-none">2.8k</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4 grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                <div class="md:col-span-7">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden relative">
+                        <div class="px-4 py-4 flex items-center justify-between">
+                            <h5 class="text-lg">
+                                Recent applications
+                            </h5>
+                            <a href="#!" class="border-b border-dashed text-primary hover:text-current">View all</a>
+                        </div>
+                        <div class="overflow-x-auto px-4">
+                            <table class="table-default whitespace-nowrap">
+                                <thead class="border-t border-zinc-500/10 dark:border-zinc-800">
+                                    <tr>
+                                        <th>#</th>
+                                        <th>Date</th>
+                                        <th class="min-w-36">Name</th>
+                                        <th>Position</th>
+                                        <th>Status</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td>1</td>
+                                        <td>2025-08-07</td>
+                                        <td>
+                                            <div class="flex items-center gap-2">
+                                                <img src="images/avatars/thumb-9.jpg" alt="John Doe"
+                                                    class="w-6 h-6 block rounded-full">
+                                                <span class="truncate">John Doe</span>
+                                            </div>
+                                        </td>
+                                        <td>Frontend Developer</td>
+                                        <td><span class="badge bg-amber-500/10 text-amber-500">Pending</span></td>
+                                    </tr>
+                                    <tr>
+                                        <td>2</td>
+                                        <td>2025-08-06</td>
+                                        <td>
+                                            <div class="flex items-center gap-2">
+                                                <img src="images/avatars/thumb-2.jpg" alt="Sarah Lee"
+                                                    class="w-6 h-6 block rounded-full">
+                                                <span class="truncate">Sarah Lee</span>
+                                            </div>
+                                        </td>
+                                        <td>UI/UX Designer</td>
+                                        <td><span class="badge bg-lime-500/10 text-lime-500">Interview</span></td>
+                                    </tr>
+                                    <tr>
+                                        <td>3</td>
+                                        <td>2025-08-05</td>
+                                        <td>
+                                            <div class="flex items-center gap-2">
+                                                <img src="images/avatars/thumb-8.jpg" alt="Mark Evans"
+                                                    class="w-6 h-6 block rounded-full">
+                                                <span class="truncate">Mark Evans</span>
+                                            </div>
+                                        </td>
+                                        <td>Backend Engineer</td>
+                                        <td><span class="badge bg-blue-500/10 text-blue-500">Shortlisted</span></td>
+                                    </tr>
+                                    <tr>
+                                        <td>4</td>
+                                        <td>2025-08-04</td>
+                                        <td>
+                                            <div class="flex items-center gap-2">
+                                                <img src="images/avatars/thumb-4.jpg" alt="Emily Stone"
+                                                    class="w-6 h-6 block rounded-full">
+                                                <span class="truncate">Emily Stone</span>
+                                            </div>
+                                        </td>
+                                        <td>QA Tester</td>
+                                        <td><span class="badge bg-red-500/10 text-red-500">Rejected</span></td>
+                                    </tr>
+                                    <tr>
+                                        <td>5</td>
+                                        <td>2025-08-03</td>
+                                        <td>
+                                            <div class="flex items-center gap-2">
+                                                <img src="images/avatars/thumb-6.jpg" alt="Chris Paul"
+                                                    class="w-6 h-6 block rounded-full">
+                                                <span class="truncate">Chris Paul</span>
+                                            </div>
+                                        </td>
+                                        <td>DevOps Engineer</td>
+                                        <td><span class="badge bg-lime-500/10 text-lime-500">Interview</span></td>
+                                    </tr>
+                                    <tr>
+                                        <td>6</td>
+                                        <td>2025-08-02</td>
+                                        <td>
+                                            <div class="flex items-center gap-2">
+                                                <img src="images/avatars/thumb-3.jpg" alt="Linda Ray"
+                                                    class="w-6 h-6 block rounded-full">
+                                                <span class="truncate"> Linda Ray</span>
+                                            </div>
+                                        </td>
+                                        <td>Product Manager</td>
+                                        <td><span class="badge bg-amber-500/10 text-amber-500">Pending</span></td>
+                                    </tr>
+
+                                </tbody>
+                            </table>
+
+                        </div>
+                    </div>
+                </div>
+                <div class="md:col-span-5">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden relative">
+                        <div class="px-4 py-4 flex items-center justify-between">
+                            <h5 class="text-lg">
+                                Impression
+                            </h5>
+                        </div>
+                        <div class="px-4 pb-4" dir="ltr">
+                            <div id="chart_impression" class="w-full h-80"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+    <!--:Dashboard scripts:-->
+    <script src="vendor/js/echarts.min.js"></script>
+    <script src="js/dashboard-jobs.js" type="text/javascript"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/index-marketing.html b/www/raven-demo/index-marketing.html
new file mode 100644
index 0000000..817b10f
--- /dev/null
+++ b/www/raven-demo/index-marketing.html
@@ -0,0 +1,1395 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300 text-left rtl:text-right">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item marketing_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item marketing_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item marketing_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item marketing_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 pt-4 pb-4 flex flex-col sm:flex-row sm:items-center">
+            <div class="flex-grow mb-3 sm:mb-0">
+                <h2 class="text-xl font-semibold mb-1 text-black dark:text-white">Marketing</h2>
+                <p>You're viewing the main digital marketing summary</p>
+            </div>
+            <div class="shrink-0">
+                <button type="button" class="btn bg-primary text-white hover:bg-primary-deep">Create
+                    Campaign</button>
+            </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content relative lg:px-4 flex-grow">
+            <!--:Prelaoder:-->
+            <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+                <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+                    <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+                </div>
+            </div>
+            <div class="px-4">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden mb-4">
+                    <div class="px-4 py-4 flex items-center justify-between">
+                        <h3 class="text-lg">Ads performance</h3>
+                        <!--:Relative:-->
+                        <div class="relative">
+                            <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown"
+                                aria-expanded="false">
+                                <span class="icon-[lucide--more-vertical] text-lg"></span>
+                            </button>
+                            <div class="dropdown-menu z-50 absolute min-w-32 top-full !end-0 !start-auto">
+                                <a href="#!" class="dropdown-item">
+                                    Weekly
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    Monthly
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    Yearly
+                                </a>
+                                <hr class="my-2 border-zinc-200 dark:border-white/5">
+                                <a href="#!" class="dropdown-item">
+                                    <span class="icon-[tabler--reload] dropdown-icon"></span>
+                                    Refresh
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="p-4" dir="ltr">
+                        <div id="chart_visitor" class="w-full h-80"></div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4">
+                <div class="mb-4 p-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="mb-2.5 flex items-center justify-between">
+                        <h5 class="text-lg">KPI summary</h5>
+                    </div>
+                    <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
+
+                        <!--:Card:-->
+                        <div class="overflow-hidden p-4 bg-zinc-50 dark:bg-white/3 rounded-xl">
+                            <div
+                                class="flex items-center justify-center mb-3 size-10 flex rounded-full shrink-0 bg-yellow-500 text-white">
+                                <span class="icon-[lucide--dollar-sign] text-xl"></span>
+                            </div>
+                            <p class="mb-2">Total spend</p>
+                            <h5 class="text-xl mb-2">394,858</h5>
+                            <span class="text-sm text-muted flex items-center gap-1"><span
+                                    class="text-green-500">+5%</span>vs last
+                                period</span>
+                        </div>
+                        <!--:Card:-->
+                        <div class="overflow-hidden p-4 bg-zinc-50 dark:bg-white/3 rounded-xl">
+                            <div
+                                class="flex items-center justify-center mb-3 size-10 flex rounded-full shrink-0 bg-primary text-white">
+                                <span class="icon-[lucide--refresh-ccw-dot] text-xl"></span>
+                            </div>
+                            <p class="mb-2">ROI</p>
+                            <h5 class="text-xl mb-2">67%</h5>
+                            <span class="text-sm text-muted flex items-center gap-1"><span
+                                    class="text-green-500">+2.3%</span>vs
+                                last period</span>
+                        </div>
+                        <!--:Card:-->
+                        <div class="overflow-hidden p-4 bg-zinc-50 dark:bg-white/3 rounded-xl">
+                            <div
+                                class="flex items-center justify-center mb-3 size-10 flex rounded-full shrink-0 bg-blue-500 text-white">
+                                <span class="icon-[lucide--percent] text-xl"></span>
+                            </div>
+                            <p class="mb-2">Conversion rates</p>
+                            <h5 class="text-xl mb-2">6.5%</h5>
+                            <span class="text-sm text-muted flex items-center gap-1"><span
+                                    class="text-green-500">+0.8%</span>vs
+                                last period</span>
+                        </div>
+                        <!--:Card:-->
+                        <div class="overflow-hidden p-4 bg-zinc-50 dark:bg-white/3 rounded-xl">
+                            <div
+                                class="flex items-center justify-center mb-3 size-10 flex rounded-full shrink-0 bg-red-500 text-white">
+                                <span class="icon-[lucide--magnet] text-xl"></span>
+                            </div>
+                            <p class="mb-2">Total lead</p>
+                            <h5 class="text-xl mb-2">3829</h5>
+                            <span class="text-sm text-muted flex items-center gap-1"><span
+                                    class="text-green-500">+1.3%</span>vs
+                                last period</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 px-4 md:grid-cols-12 gap-4 mb-4">
+                <div class="md:col-span-6">
+                    <!--:card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex justify-between items-center px-4 py-4">
+                            <h5 class="text-lg">
+                                Lead conversion
+                            </h5>
+                        </div>
+                        <div class="flex px-4 items-center gap-4">
+                            <div class="flex-grow text-muted flex items-center gap-2 bg-zinc-100 dark:bg-zinc-800 rounded-md px-3">
+                                Current rate <span class="text-green-500 text-lg font-semibold">6%</span>
+                            </div>
+                            <div class="flex-grow text-muted flex items-center gap-2">
+                                Target rate <span class="text-lg font-semibold">9.5%</span>
+                            </div>
+                        </div>
+                        <div class="py-4 px-4" dir="ltr">
+                            <div id="chart_lead" class="w-full h-64"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="md:col-span-6">
+                    <!--:card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex justify-between items-center px-4 py-4">
+                            <h5 class="text-lg">
+                                Top channel
+                            </h5>
+                            <button type="button" class="btn btn-sm btn-default">
+                                Export Data
+                            </button>
+                        </div>
+                        <div class="p-4 pt-0 flex items-center gap-2">
+                            <p class="text-muted">Visitors</p>
+                            <div class="flex items-center gap-1">
+                                <h3 class="text-lg font-semibold">79,328</h3>
+                                <span class="text-green-500 text-sm">+5.4%</span>
+                            </div>
+                        </div>
+                        <div class="overflow-x-auto px-4">
+                            <table class="table-default">
+                                <thead class="border-t border-zinc-500/10 dark:border-zinc-800">
+                                    <tr>
+                                        <th class="whitespace-nowrap">Channel</th>
+                                        <th class="whitespace-nowrap">Percentage
+                                        </th>
+                                        <th class="whitespace-nowrap">Total</th>
+                                    </tr>
+                                </thead>
+                                <tbody class="divide-y divide-zinc-100 dark:divide-zinc-900">
+                                    <tr>
+                                        <td>
+                                            <div class="flex items-center gap-2"><span>
+                                                    <img alt="" class="w-5" src="images/brands/google.svg"></span>
+                                                <div class="font-semibold">Google</div>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            50%
+                                        </td>
+                                        <td>
+                                            39483
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <div class="flex items-center gap-2"><span>
+                                                    <img alt="" class="w-5" src="images/brands/youtube.svg"></span>
+                                                <div class="font-semibold">Youtube</div>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            30%
+                                        </td>
+                                        <td>
+                                            36382
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <div class="flex items-center gap-2"><span>
+                                                    <img alt="" class="w-5" src="images/brands/instagram.svg"></span>
+                                                <div class="font-semibold">Instagram</div>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            15%
+                                        </td>
+                                        <td>
+                                            21829
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <div class="flex items-center gap-2"><span>
+                                                    <img alt="" class="w-5" src="images/brands/linkedin.svg"></span>
+                                                <div class="font-semibold">Linkedin</div>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            10%
+                                        </td>
+                                        <td>
+                                            18372
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <div class="flex items-center gap-2"><span>
+                                                    <img alt="" class="w-5 bg-white rounded"
+                                                        src="images/brands/tiktok.svg"></span>
+                                                <div class="font-semibold">Tiktok</div>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            5%
+                                        </td>
+                                        <td>
+                                            12938
+                                        </td>
+                                    </tr>
+
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4 mb-4">
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="flex justify-between items-center px-4 py-4">
+                        <h5 class="text-lg">
+                            Campaigns
+                        </h5>
+                        <button type="button" class="btn btn-sm btn-default">
+                            Create campaign
+                        </button>
+                    </div>
+                    <div class="overflow-x-auto px-4">
+                        <table class="table-default">
+                            <thead class="border-t border-zinc-500/10 dark:border-zinc-800">
+                                <tr>
+                                    <th></th>
+                                    <th>Creator</th>
+                                    <th>Campaign</th>
+                                    <th>Status</th>
+                                    <th>Budget</th>
+                                    <th>Conversions</th>
+                                    <th>Start</th>
+                                    <th>End</th>
+                                </tr>
+                            </thead>
+                            <tbody
+                                class="divide-y divide-zinc-200 dark:divide-zinc-900 border-t border-zinc-200 dark:border-zinc-800">
+                                <tr>
+                                    <td>
+                                        <input type="checkbox" checked="" id="camp1"
+                                            class="input-switch disabled:opacity-50 disabled:pointer-events-none"
+                                            disabled="">
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <div class="flex items-center">
+                                            <span data-bs-toggle="tooltip" data-bs-title="Nikita Miller">
+                                                <img alt="" src="images/avatars/thumb-1.jpg"
+                                                    class="size-8 rounded-full shrink-0">
+                                            </span>
+                                        </div>
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <div class="flex items-center gap-2">
+                                            <img alt="" src="images/brands/facebook.svg"
+                                                class="size-8 rounded-full me-2 shrink-0">
+                                            <div>
+                                                <h6 class="leading-tight">Summer Sale 2025</h6>
+                                                <p class="text-sm">Promotional</p>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <span
+                                            class="badge !inline-flex items-center bg-green-500/10 text-green-500 gap-1">
+                                            <span class="size-1.5 rounded-full bg-green-500 block"></span> Completed
+                                        </span>
+                                    </td>
+                                    <td class="whitespace-nowrap">$25K</td>
+                                    <td>45%</td>
+                                    <td class="whitespace-nowrap">July 12, 2025</td>
+                                    <td class="whitespace-nowrap">July 19, 2025</td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <input type="checkbox" checked="" id="camp2"
+                                            class="input-switch disabled:opacity-50 disabled:pointer-events-none">
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <div class="flex items-center">
+                                            <span data-bs-toggle="tooltip" data-bs-title="John Doe">
+                                                <img alt="" src="images/avatars/thumb-9.jpg"
+                                                    class="size-8 rounded-full shrink-0">
+                                            </span>
+                                        </div>
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <div class="flex items-center gap-2">
+                                            <img alt="" src="images/brands/instagram.svg"
+                                                class="size-8 rounded-full me-2 shrink-0">
+                                            <div>
+                                                <h6 class="leading-tight">Brand Awareness</h6>
+                                                <p class="text-sm">Promotional</p>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <span class="badge inline-flex items-center bg-sky-500/10 text-sky-500 gap-1">
+                                            <span class="size-1.5 rounded-full bg-blue-500 block"></span> Active
+                                        </span>
+                                    </td>
+                                    <td class="whitespace-nowrap">$10K</td>
+                                    <td>45%</td>
+                                    <td class="whitespace-nowrap">July 12, 2025</td>
+                                    <td class="whitespace-nowrap">July 19, 2025</td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <input type="checkbox" id="camp3"
+                                            class="input-switch disabled:opacity-50 disabled:pointer-events-none">
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <div class="flex items-center">
+                                            <span data-bs-toggle="tooltip" data-bs-title="David Rya">
+                                                <img alt="" src="images/avatars/thumb-8.jpg"
+                                                    class="size-8 rounded-full shrink-0">
+                                            </span>
+                                        </div>
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <div class="flex items-center gap-2">
+                                            <img alt="" src="images/brands/dribbble.svg"
+                                                class="size-8 rounded-full me-2 shrink-0">
+                                            <div>
+                                                <h6 class="leading-tight">Branding Rollout</h6>
+                                                <p class="text-sm">Launch</p>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <span class="badge bg-zinc-300/20 text-muted !inline-flex items-center gap-1">
+                                            <span class="size-1.5 rounded-full bg-zinc-200 block"></span> Disabled
+                                        </span>
+                                    </td>
+                                    <td class="whitespace-nowrap">$15K</td>
+                                    <td>45%</td>
+                                    <td class="whitespace-nowrap">July 17, 2025</td>
+                                    <td class="whitespace-nowrap">July 24, 2025</td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <input type="checkbox" checked="" id="camp4"
+                                            class="input-switch disabled:opacity-50 disabled:pointer-events-none">
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <div class="flex items-center">
+                                            <span data-bs-toggle="tooltip" data-bs-title="Maria">
+                                                <img alt="" src="images/avatars/thumb-4.jpg"
+                                                    class="size-8 rounded-full shrink-0">
+                                            </span>
+                                        </div>
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <div class="flex items-center gap-2">
+                                            <img alt="" src="images/brands/youtube.svg"
+                                                class="size-8 rounded-full me-2 shrink-0">
+                                            <div>
+                                                <h6 class="leading-tight">Product sale</h6>
+                                                <p class="text-sm">Promotional</p>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td class="whitespace-nowrap">
+                                        <span class="badge inline-flex items-center bg-sky-500/10 text-sky-500 gap-1">
+                                            <span class="size-1.5 rounded-full bg-blue-500 block"></span> Active
+                                        </span>
+                                    </td>
+                                    <td class="whitespace-nowrap">$25K</td>
+                                    <td>65%</td>
+                                    <td class="whitespace-nowrap">June 10, 2025</td>
+                                    <td class="whitespace-nowrap">June 24, 2025</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+    <!--:Dashboard scripts:-->
+    <script src="vendor/js/echarts.min.js"></script>
+    <script src="js/dashboard-marketing.js" type="text/javascript"></script>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/index-restaurant.html b/www/raven-demo/index-restaurant.html
new file mode 100644
index 0000000..fa32013
--- /dev/null
+++ b/www/raven-demo/index-restaurant.html
@@ -0,0 +1,997 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+    <!--:Page css:-->
+    <link rel="stylesheet" href="vendor/css/sweetalert2.min.css">
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <link href="vendor/css/jsvectormap.min.css" rel="stylesheet">
+    <link rel="stylesheet" type="text/css" href="vendor/css/daterangepicker.css" />
+    <link rel="stylesheet" href="vendor/css/swiper-bundle.min.css">
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300 text-left rtl:text-right">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <div class="flex-grow logo-text ms-3">
+                        <h5 class="text-xl font-display leading-none">Raven</h5>
+                        <small class="opacity-50 text-xs">Restaurant</small>
+                    </div>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <a href="index-restaurant.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                             <span class="icon-[ph--chart-donut-duotone]"></span>
+                         </span>
+                        <span class="sidebar-text">Dashboard</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cOrders"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[ph--shopping-cart-duotone]"></span>
+                            </span>
+                            <span class="sidebar-text">Orders</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cOrders"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item @@orders_ongoing">Ongoing </a>
+                                <a href="#!" class="sidebar-collapse-item @@app_inbox">Completed</a>
+                                <a href="#!" class="sidebar-collapse-item @@app_chat">Canceled</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#menuManagement"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[ph--book-open-text-duotone]"></span>
+                            </span>
+                            <span class="sidebar-text">Menu Management</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="menuManagement"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item @@menuManagement_add_edit">Add/Edit Items </a>
+                                <a href="#!" class="sidebar-collapse-item @@menuManagement_categories">Categories</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cInventory"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[ph--storefront-duotone]"></span>
+                            </span>
+                            <span class="sidebar-text">Inventory</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cInventory"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item @@inventory_stock">Stock Levels</a>
+                                <a href="#!" class="sidebar-collapse-item @@inventory_expiry_alerts">Expiry Alerts</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[ph--users-three-duotone]"></span>
+                        </span>
+                        <span class="sidebar-text">Customers</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[ph--receipt-duotone]"></span>
+                        </span>
+                        <span class="sidebar-text">Transactions</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[ph--calendar-check-duotone]"></span>
+                        </span>
+                        <span class="sidebar-text">Reservations</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                       <span class="icon-[ph--chef-hat-duotone]"></span>  
+                        </span>
+                        <span class="sidebar-text">Staff</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[ph--user-circle-gear-duotone]"></span>
+                        </span>
+                        <span class="sidebar-text">Settings</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[ph--bell-simple-slash-duotone]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[ph--align-left-duotone]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-12">
+                    <div class="p-4 rounded-xl bg-zinc-800">
+                        <img src="images/restaurant/burger.png" alt="" class="w-32 relative -mt-12 mx-auto block">
+                        <h5 class="p-3 !text-white mb-2">
+                           Organize your food menu through link below
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary gap-1">
+                        Add Menu <span class="icon-[lucide--plus] text-base"></span>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </aside>
+
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-2">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+           <!--:Notifications:-->
+            <div class="sm:relative">
+              <button data-bs-auto-close="outside" type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                data-bs-toggle="dropdown" data-bs-display="static">
+                <span class="icon-[lucide--bell] text-lg"></span>
+                <!--:Notification badge with animation:-->
+                <span class="absolute right-1 top-1 flex size-2">
+                  <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                  <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                </span>
+              </button>
+              <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                <div class="px-3 pt-3 flex justify-between items-center">
+                  <h5 class="text-lg">Notifications</h5>
+                  <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                    <span class="icon-[lucide--mail-open]"></span>
+                  </button>
+                </div>
+                <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                  <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center shrink-0">
+                      📦
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal">
+                        <h6>
+                             New Online Order Received!
+                        </h6>
+                        <span class="text-sm">
+                            Order #8421 — 2x Chicken Biryani, 1x Coke
+                        </span>
+                        <span class="block">
+                            Total: $26.50
+                        </span>
+                      </div>
+                      <span class="text-zinc-400 text-sm">2 mins ago</span>
+                    </div>
+                  </a>
+                   <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center shrink-0">
+                      🔔
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal">
+                        <h6>
+                            Dine-In Order Added
+                        </h6>
+                        <span class="text-sm">
+                            Table #6 placed a new order
+                        </span>
+                        <span class="block">
+                            Total: $48.00
+                        </span>
+                      </div>
+                      <span class="text-zinc-400 text-sm">4 mins ago</span>
+                    </div>
+                  </a>
+                   <!--:Notification item:-->
+                  <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-700 flex">
+                    <span class="size-8 rounded-full bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center shrink-0">
+                      🚚
+                    </span>
+                    <div class="flex-grow">
+                      <div class="leading-normal">
+                        <h6>
+                            Order #8395 Out for Delivery
+                        </h6>
+                        <span class="text-sm">
+                            Rider: John M.  ETA: 15 mins
+                        </span>
+                      </div>
+                      <span class="text-zinc-400 text-sm">5 mins ago</span>
+                    </div>
+                  </a>
+                </div>
+                <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                  <a href="#!"
+                    class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                    All</a>
+                </div>
+              </div>
+            </div>
+    
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+
+            <!--:User/Admin:-->
+            <div class="sm:relative">
+              <button data-bs-auto-close="outside" type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                data-bs-toggle="dropdown" data-bs-display="static">
+               <img src="images/avatars/thumb-1.jpg" class="w-6 shrink-0 rounded-md shrink-0" alt="">
+              </button>
+              <div class="dropdown-menu absolute w-36 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+               <div class="p-3 space-y-0.5">
+                        <a href="account-profile.html" class="dropdown-item">
+                            <span class="dropdown-icon">
+                                <span class="icon-[lucide--user]"></span>
+                            </span>Profile</a>
+                        <a href="account-settings.html" class="dropdown-item">
+                            <span class="dropdown-icon">
+                                <span class="icon-[lucide--settings]"></span>
+                            </span>Settings</a>
+                        <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                        <a href="auth-signin.html" class="dropdown-item">
+                            <span class="dropdown-icon">
+                                <span class="icon-[lucide--log-out]"></span>
+                            </span>Sign out</a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto overflow-hidden bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search food..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Trending items</h5>
+                <div class="flex items-center flex-wrap gap-2 px-4 pb-4">
+                    <a href="#!" class="btn btn-sm btn-default">
+                       <img src="images/restaurant/food/pizza.png" class="w-8 rounded-full me-2" alt="">
+                        Pizza
+                    </a>
+                    <a href="#!" class="btn btn-sm btn-default">
+                       <img src="images/restaurant/food/french-fries.png" class="w-8 rounded-full me-2" alt="">
+                        French Fries
+                    </a>
+                    <a href="#!" class="btn btn-sm btn-default">
+                       <img src="images/restaurant/food/donut.png" class="w-8 rounded-full me-2" alt="">
+                        Donut
+                    </a>
+                    <a href="#!" class="btn btn-sm btn-default">
+                       <img src="images/restaurant/food/taco.png" class="w-8 rounded-full me-2" alt="">
+                        Taco
+                    </a>
+                    <a href="#!" class="btn btn-sm btn-default">
+                       <img src="images/restaurant/food/coffee.png" class="w-8 rounded-full me-2" alt="">
+                        Coffee
+                    </a>
+                    <a href="#!" class="btn btn-sm btn-default">
+                       <img src="images/restaurant/food/burger.png" class="w-8 rounded-full me-2" alt="">
+                        Burger
+                    </a>
+                    <a href="#!" class="btn btn-sm btn-default">
+                       <img src="images/restaurant/food/hotdogs.png" class="w-8 rounded-full me-2" alt="">
+                        Hotdogs
+                    </a>
+                    <a href="#!" class="btn btn-sm btn-default">
+                       <img src="images/restaurant/food/chips.png" class="w-8 rounded-full me-2" alt="">
+                        Chips
+                    </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 pt-4 pb-4 flex flex-col sm:flex-row sm:items-center">
+            <div class="flex-grow mb-3 sm:mb-0">
+                <h2 class="text-xl font-semibold text-black dark:text-white">Welcome back Emily!</h2>
+            </div>
+            <div class="flex flex-col">
+                <small class="text-muted block mb-1">Data showing for</small>
+                <div class="inline-flex w-auto max-w-xs dark:bg-zinc-900 items-center gap-1 cursor-pointer text-sm"
+                    id="reportrange">
+                    <i class="icon-[lucide--calendar-days]"></i>
+                    <span></span><i class="icon-[lucide--chevron-down]"></i>
+                </div>
+            </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow relative">
+            <!--:Prelaoder:-->
+            <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+                <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+                    <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+                </div>
+            </div>
+
+            <div class="px-4 grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
+                <!--:card:-->
+                <div class="rounded-xl relative p-4 bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <span class="absolute end-0 top-0 me-2 mt-2 inline-flex items-center text-green-500 text-xs gap-1">
+                        <span class="icon-[lucide--trending-up]"></span>
+                        <span>13%</span>
+                    </span>
+                    <div class="flex items-center gap-5">
+                        <div class="w-16 shrink-0 flex items-center justify-center">
+                            <img src="images/restaurant/icons/food-delivery.svg" class="w-12" alt="">
+                        </div>
+                        <div class="flex-grow">
+                            <h4 class="text-2xl">23</h4>
+                            <p>Total orders</p>
+                        </div>
+                    </div>
+                </div>
+                <!--:card:-->
+                <div class="rounded-xl relative p-4 bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <span class="absolute end-0 top-0 me-2 mt-2 inline-flex items-center text-green-500 text-xs gap-1">
+                        <span class="icon-[lucide--trending-up]"></span>
+                        <span>22%</span>
+                    </span>
+                    <div class="flex items-center gap-5">
+                        <div class="w-16 shrink-0 flex items-center justify-center">
+                            <img src="images/restaurant/icons/food-payment.svg" class="w-12" alt="">
+                        </div>
+                        <div class="flex-grow">
+                            <h4 class="text-2xl">$3278</h4>
+                            <p>Revenue generated</p>
+                        </div>
+                    </div>
+                </div>
+                <!--:card:-->
+                <div class="rounded-xl relative p-4 bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <span class="absolute end-0 top-0 me-2 mt-2 inline-flex items-center text-red-500 text-xs gap-1">
+                        <span class="icon-[lucide--trending-down]"></span>
+                        <span>2%</span>
+                    </span>
+                    <div class="flex items-center gap-5">
+                        <div class="w-16 shrink-0 flex items-center justify-center">
+                            <img src="images/restaurant/icons/food-canceled.svg" class="w-12" alt="">
+                        </div>
+                        <div class="flex-grow">
+                            <h4 class="text-2xl">7</h4>
+                            <p>Order canceled</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="px-4 mb-4 gap-4 grid grid-cols-1 md:grid-cols-12">
+                <div class="md:col-span-7 lg:col-span-8">
+                    <div class="rounded-xl relative bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex items-center px-4 pt-4 gap-4 justify-between">
+                            <div class="flex-grow">
+                                <h5 class="text-lg">Orders flow</h5>
+                            </div>
+                            <nav class="flex nav items-center gap-1" role="tablist">
+                                    <button class="px-2 py-1 text-sm block rounded-md hover:bg-primary-subtle hover:text-primary cursor-pointer [.active]:bg-primary [.active]:text-white active" type="button" data-bs-toggle="tab" data-bs-target="#t1" aria-selected="true" role="tab">Daily</button>
+                                    <button class="px-2 py-1 text-sm block rounded-md hover:bg-primary-subtle hover:text-primary cursor-pointer [.active]:bg-primary [.active]:text-white" type="button" data-bs-toggle="tab" data-bs-target="#t2" aria-selected="false" role="tab" tabindex="-1">Weekly</button>
+                                    <button class="px-2 py-1 text-sm block rounded-md hover:bg-primary-subtle hover:text-primary cursor-pointer [.active]:bg-primary [.active]:text-white" type="button" data-bs-toggle="tab" data-bs-target="#t3" aria-selected="false" role="tab" tabindex="-1">Monthly</button>
+                                  </nav>
+                        </div>
+                        <div class="p-4" dir="ltr">
+                            <div id="chart_orders" class="w-full h-76"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="md:col-span-5 lg:col-span-4">
+                    <div class="rounded-xl relative bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex items-center px-4 pt-4 gap-4 justify-between">
+                            <div class="flex-grow">
+                                <h5 class="text-lg">Ongoing orders</h5>
+                                <div class="inline-flex items-center gap-2 bg-red-500/10 text-red-500 badge">
+                                    <span class="relative flex size-2">
+                                        <span
+                                            class="absolute inline-flex h-full w-full animate-ping rounded-full bg-red-400"></span>
+                                        <span class="relative inline-flex size-2 rounded-full bg-red-500"></span>
+                                    </span>
+                                    <span class="text-xs">Live</span>
+                                </div>
+                            </div>
+                            <div class="shrink-0">
+                                <div class="flex flex-col shrink-0">
+                                    <div class="swiper-orders-next text-lg leading-none cursor-pointer">
+                                        <span class="icon-[lucide--chevron-up]"></span>
+                                    </div>
+                                    <div class="swiper-orders-prev text-lg leading-none cursor-pointer">
+                                        <span class="icon-[lucide--chevron-down]"></span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="p-4">
+                            <div class="swiper swiper-orders" style="height:280px;">
+                                <div class="swiper-wrapper">
+                                    <div class="swiper-slide">
+                                        <!--:Order:-->
+                                        <div class="flex items-center gap-4">
+                                            <img src="images/restaurant/popular4.jpg" alt="Burger"
+                                                class="w-16 h-16 rounded-xl bg-zinc-100 dark:bg-zinc-700 skrink-0" />
+                                            <div class="flex-1">
+                                                <h4>Cheese Burger
+                                                    Combo</h4>
+                                                <p class="text-sm text-zinc-400">Order #8421 • Emma Johnson</p>
+                                                <div class="flex justify-between items-center mt-2">
+                                                    <span class="text-sm text-zinc-400">$18.50</span>
+                                                    <span class="badge bg-green-500/10 text-green-500">Preparing</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="swiper-slide">
+                                        <!--:Order:-->
+                                        <div class="flex items-center gap-4">
+                                            <img src="images/restaurant/popular6.jpg" alt="Burger"
+                                                class="w-16 h-16 rounded-xl bg-zinc-100 dark:bg-zinc-700 skrink-0" />
+                                            <div class="flex-1">
+                                                <h4>
+                                                    Margherita Pizza
+                                                </h4>
+                                                <p class="text-sm text-zinc-400">Order #8427 • Olivia Brown</p>
+                                                <div class="flex justify-between items-center mt-2">
+                                                    <span class="text-sm text-zinc-400">$16.75</span>
+                                                    <span class="badge bg-sky-500/10 text-sky-500">Ready for
+                                                        Pickup</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="swiper-slide">
+                                        <!--:Order:-->
+                                        <div class="flex items-center gap-4">
+                                            <img src="images/restaurant/popular5.jpg" alt="Burger"
+                                                class="w-16 h-16 rounded-xl bg-zinc-100 dark:bg-zinc-700 skrink-0" />
+                                            <div class="flex-1">
+                                                <h4>
+                                                    Fried Chicken
+                                                </h4>
+                                                <p class="text-sm text-zinc-400">Order #8429 • Sophia Patel</p>
+                                                <div class="flex justify-between items-center mt-2">
+                                                    <span class="text-sm text-zinc-400">$20.50</span>
+                                                    <span class="badge bg-red-500/10 text-red-500">Out for
+                                                        Delivery</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="swiper-slide">
+                                        <!--:Order:-->
+                                        <div class="flex items-center gap-4">
+                                            <img src="images/restaurant/food/taco.png" alt="Burger"
+                                                class="w-16 h-16 rounded-xl bg-zinc-100 dark:bg-zinc-700 p-1.5 skrink-0" />
+                                            <div class="flex-1">
+                                                <h4>
+                                                    Taco 3x
+                                                </h4>
+                                                <p class="text-sm text-zinc-400">Order #8430 • Liam Carter</p>
+                                                <div class="flex justify-between items-center mt-2">
+                                                    <span class="text-sm text-zinc-400">$9.50</span>
+                                                    <span class="badge bg-green-500/10 text-green-500">Preparing</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="swiper-slide">
+                                        <!--:Order:-->
+                                        <div class="flex items-center gap-4">
+                                            <img src="images/restaurant/food/coffee.png" alt="Burger"
+                                                class="w-16 h-16 rounded-xl bg-zinc-100 dark:bg-zinc-700 p-1.5 skrink-0" />
+                                            <div class="flex-1">
+                                                <h4>
+                                                    Cold Coffee
+                                                </h4>
+                                                <p class="text-sm text-zinc-400">Order #8430 • Celina Jetly</p>
+                                                <div class="flex justify-between items-center mt-2">
+                                                    <span class="text-sm text-zinc-400">$5.50</span>
+                                                    <span class="badge bg-sky-500/10 text-sky-500">Ready For
+                                                        Pickup</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4 grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                <div class="rounded-xl relative bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="px-4 pt-4 flex justify-between items-center">
+                        <h5 class="mb-0 text-lg">Best selling items</h5>
+                        <a href="#!" class="border-b border-dashed text-primary hover:text-current cursor-pointer">View
+                            All</a>
+                    </div>
+                    <div class="px-4 pt-4 divide-y divide-zinc-200 dark:divide-zinc-800">
+                        <a href="#!" class="flex items-center gap-5 py-3">
+                            <img src="images/restaurant/popular1.jpg" class="w-20 rounded-xl shrink-0" alt="">
+                            <div class="flex-grow">
+                                <h5 class="mb-1">Babka Cake with Chocolate</h5>
+                                <p class="flex items-center gap-1 mb-2">
+                                    <span class="icon-[lucide--shopping-cart]"></span> 589
+                                </p>
+                                <p class="flex items-center text-amber-500">
+                                    <span class="text-lg">★★★★☆</span>
+                                    <span class="text-zinc-400 text-sm">(389)</span>
+                                </p>
+                            </div>
+                        </a>
+                        <a href="#!" class="flex items-center gap-5 py-3">
+                            <img src="images/restaurant/popular2.jpg" class="w-20 rounded-xl shrink-0" alt="">
+                            <div class="flex-grow">
+                                <h5 class="mb-1">Vegetable salad</h5>
+                                <p class="flex items-center gap-1 mb-2">
+                                    <span class="icon-[lucide--shopping-cart]"></span> 453
+                                </p>
+                                <p class="flex items-center text-amber-500">
+                                    <span class="text-lg">★★★★☆</span>
+                                    <span class="text-zinc-400 text-sm">(321)</span>
+                                </p>
+                            </div>
+                        </a>
+                        <a href="#!" class="flex items-center gap-5 py-3">
+                            <img src="images/restaurant/popular4.jpg" class="w-20 rounded-xl shrink-0" alt="">
+                            <div class="flex-grow">
+                                <h5 class="mb-1">Mushroom Swiss Burger</h5>
+                                <p class="flex items-center gap-1 mb-2">
+                                    <span class="icon-[lucide--shopping-cart]"></span> 421
+                                </p>
+                                <p class="flex items-center text-amber-500">
+                                    <span class="text-lg">★★★★☆</span>
+                                    <span class="text-zinc-400 text-sm">(304)</span>
+                                </p>
+                            </div>
+                        </a>
+                        <a href="#!" class="flex items-center gap-5 py-3">
+                            <img src="images/restaurant/popular5.jpg" class="w-20 rounded-xl shrink-0" alt="">
+                            <div class="flex-grow">
+                                <h5 class="mb-1">Grilled Steaks with Potatoes</h5>
+                                <p class="flex items-center gap-1 mb-2">
+                                    <span class="icon-[lucide--shopping-cart]"></span> 408
+                                </p>
+                                <p class="flex items-center text-amber-500">
+                                    <span class="text-lg">★★★★☆</span>
+                                    <span class="text-zinc-400 text-sm">(294)</span>
+                                </p>
+                            </div>
+                        </a>
+                    </div>
+                </div>
+                <div class="rounded-xl relative bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="px-4 pt-4 flex justify-between items-center">
+                        <h5 class="mb-0 text-lg">Latest reviews</h5>
+                        <a href="#!" class="border-b border-dashed text-primary hover:text-current cursor-pointer">View
+                            All</a>
+                    </div>
+                    <ul class="divide-y pt-4 px-4 pb-1 divide-zinc-200 dark:divide-zinc-800">
+                        <li class="py-3">
+                            <div class="flex items-center gap-3 mb-3">
+                                <img src="images/avatars/thumb-2.jpg" alt="user"
+                                    class="size-8 rounded-full object-cover" />
+                                <div class="flex-grow">
+                                    <h4 class="mb-1">Liam Carter</h4>
+                                    <p class="text-xs text-zinc-400">Oct 27, 2025</p>
+                                </div>
+                                <span class="text-amber-500">★★★★☆</span>
+                            </div>
+                            <p class="leading-relaxed">
+                                Loved the pizza! Crispy crust and cheesy topping were perfect. Could use a little more
+                                spice
+                                next time.
+                            </p>
+                            <p class="text-xs text-zinc-400 mt-2">Ordered: Margherita Pizza</p>
+                        </li>
+                        <li class="py-3">
+                            <div class="flex items-center gap-3 mb-3">
+                                <img src="images/avatars/thumb-3.jpg" alt="user"
+                                    class="size-8 rounded-full object-cover" />
+                                <div class="flex-grow">
+                                    <h4 class="mb-1">Sophia Patel</h4>
+                                    <p class="text-xs text-zinc-400">Oct 25, 2025</p>
+                                </div>
+                                <span class="text-amber-500">★★★★★</span>
+                            </div>
+                            <p class="leading-relaxed">
+                                Best dining experience I’ve had recently. The ambiance was cozy and the staff were super
+                                friendly!
+                            </p>
+                            <p class="text-xs text-zinc-400 mt-2">Dine-in Experience</p>
+                        </li>
+                        <li class="py-3">
+                            <div class="flex items-center gap-3 mb-3">
+                                <img src="images/avatars/thumb-8.jpg" alt="user"
+                                    class="size-8 rounded-full object-cover" />
+                                <div class="flex-grow">
+                                    <h4 class="mb-1">Ethan Brooks</h4>
+                                    <p class="text-xs text-zinc-400">Oct 23, 2025</p>
+                                </div>
+                                <span class="text-amber-500">★★★☆☆</span>
+                            </div>
+                            <p class="leading-relaxed">
+                                The pasta was good but arrived slightly cold. Customer service handled it well and
+                                offered a replacement.
+                            </p>
+                            <p class="text-xs text-zinc-400 mt-2">Ordered: Alfredo Pasta</p>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="px-4 grid grid-cols-1 gap-4">
+                <div class="rounded-xl relative bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="px-4 pt-4 flex justify-between items-center">
+                        <h5 class="mb-0 text-lg">Inventory</h5>
+                        <a href="#!" class="border-b border-dashed text-primary hover:text-current cursor-pointer">View
+                            All</a>
+                    </div>
+                    <div class="px-4 pt-4 overflow-x-auto">
+                        <table class="table-default whitespace-nowrap mb-0">
+                            <thead>
+                                <tr>
+                                    <th scope="col">Item</th>
+                                    <th scope="col">Category</th>
+                                    <th scope="col">Stock</th>
+                                    <th scope="col">Unit Price</th>
+                                    <th scope="col">Status</th>
+                                    <th scope="col">Last Updated</th>
+                                    <th></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td><h6>Cheddar Cheese</h6></td>
+                                    <td>Dairy</td>
+                                    <td>24 kg</td>
+                                    <td>$5.50 /kg</td>
+                                    <td><span class="badge bg-green-500/10 text-green-500">In Stock</span></td>
+                                    <td>Nov 3, 2025</td>
+                                    <td class="text-end"><button type="button" class="btn btn-sm bg-zinc-700 text-white hover:bg-zinc-800 disabled:pointer-events-none disabled:opacity-50" disabled>Order</button></td>
+                                </tr>
+                                <tr>
+                                    <td><h6>Beef Patties</h6></td>
+                                    <td>Meat</td>
+                                    <td>8 kg</td>
+                                    <td>$9.75 /kg</td>
+                                    <td><span class="badge bg-amber-500/10 text-amber-500">Low Stock</span></td>
+                                    <td>Nov 2, 2025</td>
+                                    <td class="text-end"><button type="button" class="btn btn-sm bg-zinc-700 text-white hover:bg-zinc-800 disabled:pointer-events-none disabled:opacity-50">Order</button></td>
+                                </tr>
+                                <tr>
+                                    <td><h6>Tomato Sauce</h6></td>
+                                    <td>Condiments</td>
+                                    <td>18 L</td>
+                                    <td>$3.20 /L</td>
+                                    <td><span class="badge bg-green-500/10 text-green-500">In Stock</span></td>
+                                    <td>Nov 1, 2025</td>
+                                    <td class="text-end"><button type="button" class="btn btn-sm bg-zinc-700 text-white hover:bg-zinc-800 disabled:pointer-events-none disabled:opacity-50" disabled>Order</button></td>
+                                </tr>
+                                <tr>
+                                    <td><h6>Burger Buns</h6></td>
+                                    <td>Bakery</td>
+                                    <td>60 pcs</td>
+                                    <td>$0.80 /pc</td>
+                                    <td><span class="badge bg-red-500/10 text-red-500">Out of Stock</span></td>
+                                    <td>Oct 31, 2025</td>
+                                    <td class="text-end"><button type="button" class="btn btn-sm bg-zinc-700 text-white hover:bg-zinc-800 disabled:pointer-events-none disabled:opacity-50">Order</button></td>
+                                </tr>
+                                <tr>
+                                    <td><h6>Fresh Lettuce</h6></td>
+                                    <td>Vegetables</td>
+                                    <td>12 kg</td>
+                                    <td>$2.50 /kg</td>
+                                    <td><span class="badge bg-green-500/10 text-green-500">In Stock</span></td>
+                                    <td>Nov 3, 2025</td>
+                                    <td class="text-end"><button type="button" class="btn btn-sm bg-zinc-700 text-white hover:bg-zinc-800 disabled:pointer-events-none disabled:opacity-50" disabled>Order</button></td>
+                                </tr>
+                            </tbody>
+                        </table>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+    <!--:Dashboard scripts:-->
+    <script type="text/javascript" src="vendor/js/sweetalert2.all.min.js"></script>
+    <script type="text/javascript" src="vendor/js/echarts.min.js"></script>
+    <script type="text/javascript" src="js/dashboard-restaurant.js"></script>
+
+
+    <!--:Dashboard data range picker:-->
+    <script type="text/javascript" src="vendor/js/jquery.min.js"></script>
+    <script type="text/javascript" src="vendor/js/moment.min.js"></script>
+    <script type="text/javascript" src="vendor/js/daterangepicker.js"></script>
+    <script type="text/javascript">
+        $(function () {
+
+            var start = moment().subtract(0, 'days');
+            var end = moment();
+
+            function cb(start, end) {
+                $('#reportrange span').html(start.format('MMM D, YY') + ' - ' + end.format('MMM D, YY'));
+            }
+
+            $('#reportrange').daterangepicker({
+                startDate: start,
+                endDate: end,
+                ranges: {
+                    'Today': [moment(), moment()],
+                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+                    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                    'This Month': [moment().startOf('month'), moment().endOf('month')],
+                    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+                }
+            }, cb);
+
+            cb(start, end);
+
+        });
+    </script>
+
+    <script src="vendor/js/swiper-bundle.min.js"></script>
+    <script>
+        const verticalSwiper = new Swiper(".swiper-orders", {
+            direction: "vertical",
+            slidesPerView: 3,
+            spaceBetween: 10,
+            loop: true,
+            mousewheel: false,
+            pagination: {
+                el: ".swiper-pagination",
+                clickable: true,
+            },
+            navigation: {
+                nextEl: ".swiper-orders-next",
+                prevEl: ".swiper-orders-prev",
+            },
+        });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/index-social.html b/www/raven-demo/index-social.html
new file mode 100644
index 0000000..6db5a3d
--- /dev/null
+++ b/www/raven-demo/index-social.html
@@ -0,0 +1,1518 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+    <!--:Page css:-->
+    <link rel="stylesheet" href="vendor/css/sweetalert2.min.css">
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <link rel="stylesheet" type="text/css" href="vendor/css/daterangepicker.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300 text-left rtl:text-right">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item social_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item social_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item social_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item social_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 pt-4 pb-4 flex flex-col sm:flex-row gap-4 sm:items-center">
+            <div class="flex-grow flex items-center">
+                <div class="relative p-1 shadow-card rounded-lg bg-white dark:bg-zinc-900">
+                    <button data-bs-toggle="dropdown" type="button"
+                        class="btn !rounded-lg bg-white dark:bg-zinc-900 dar:bg-zinc-800 dark:hover:bg-zinc-700 hover:bg-zinc-100">
+                        <img src="images/brands/instagram.svg" class="size-5 me-3" alt="instagram">
+                        <span>Instagram</span>
+                        <span class="icon-[lucide--chevrons-down-up] ms-2"></span>
+                    </button>
+                    <!--:Dropdown:-->
+                    <div class="dropdown-menu absolute min-w-48 z-50 !mt-1.5 top-full">
+                        <a href="#!" class="dropdown-item active group">
+                            <img src="images/brands/instagram.svg" class="size-5 me-3" alt="instagram">
+                            <span>Instagram</span>
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group">
+                            <img src="images/brands/x.svg" class="size-5 me-3" alt="instagram">
+                            <span>X(twitter)</span>
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group">
+                            <img src="images/brands/facebook.svg" class="size-5 me-3" alt="instagram">
+                            <span>Facebook</span>
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group">
+                            <img src="images/brands/linkedin.svg" class="size-5 me-3" alt="instagram">
+                            <span>Linkedin</span>
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                    </div>
+                </div>
+            </div>
+            <!--:Calendar:-->
+            <div class="inline-flex w-auto max-w-xs items-center gap-1 cursor-pointer text-sm"
+                    id="reportrange">
+                    <i class="icon-[lucide--calendar-days] text-muted"></i>
+                    <span></span><i class="icon-[lucide--chevron-down]"></i>
+                </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content relative lg:px-4 flex-grow">
+            <!--:Prelaoder:-->
+            <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+                <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+                    <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+                </div>
+            </div>
+            <div class="px-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4 mb-4">
+                <!--:Card:-->
+                <div class="p-4 gap-2.5 rounded-xl shadow-card bg-white dark:bg-zinc-900">
+                    <div class="flex flex-col">
+                        <div class="flex items-center justify-between mb-3">
+                            <!--:Icon:-->
+                            <div
+                                class="size-10 rounded-lg bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center">
+                                <span class="icon-[lucide--user-check] text-xl"></span>
+                            </div>
+                            <span class="badge bg-green-500/10 text-green-500">+1.2%</span>
+                        </div>
+                        <div class="flex-grow">
+                            <h5 class="text-2xl mb-1">2.5M</h5>
+                            <p class="text-muted text-sm">Total followers</p>
+                        </div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="p-4 gap-2.5 rounded-xl shadow-card bg-white dark:bg-zinc-900">
+                    <div class="flex flex-col">
+                        <div class="flex items-center justify-between mb-3">
+                            <!--:Icon:-->
+                            <div
+                                class="size-10 rounded-lg bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center">
+                                <span class="icon-[lucide--eye] text-xl"></span>
+                            </div>
+                            <span class="badge bg-red-500/10 text-red-500">-0.7%</span>
+                        </div>
+                        <div class="flex-grow">
+                            <h5 class="text-2xl mb-1">14.5M</h5>
+                            <p class="text-muted text-sm">Total views</p>
+                        </div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="p-4 gap-2.5 rounded-xl shadow-card bg-white dark:bg-zinc-900">
+                    <div class="flex flex-col">
+                        <div class="flex items-center justify-between mb-3">
+                            <!--:Icon:-->
+                            <div
+                                class="size-10 rounded-lg bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center">
+                                <span class="icon-[lucide--images] text-xl"></span>
+                            </div>
+                            <span class="badge bg-green-500/10 text-green-500">+3.5%</span>
+                        </div>
+                        <div class="flex-grow">
+                            <h5 class="text-2xl mb-1">1.3K</h5>
+                            <p class="text-muted text-sm">Total posts</p>
+                        </div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="p-4 gap-2.5 rounded-xl shadow-card bg-white dark:bg-zinc-900">
+                    <div class="flex flex-col">
+                        <div class="flex items-center justify-between mb-3">
+                            <!--:Icon:-->
+                            <div
+                                class="size-10 rounded-lg bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center">
+                                <span class="icon-[lucide--users] text-xl"></span>
+                            </div>
+                            <span class="badge bg-red-500/10 text-red-500">-0.7%</span>
+                        </div>
+                        <div class="flex-grow">
+                            <h5 class="text-2xl mb-1">1.25M</h5>
+                            <p class="text-muted text-sm">Profile visitors</p>
+                        </div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="p-4 gap-2.5 rounded-xl shadow-card bg-white dark:bg-zinc-900">
+                    <div class="flex flex-col">
+                        <div class="flex items-center justify-between mb-3">
+                            <!--:Icon:-->
+                            <div
+                                class="size-10 rounded-lg bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center">
+                                <span class="icon-[lucide--dollar-sign] text-xl"></span>
+                            </div>
+                            <span class="badge bg-red-500/10 text-red-500">-4%</span>
+                        </div>
+                        <div class="flex-grow">
+                            <h5 class="text-2xl mb-1">$245</h5>
+                            <p class="text-muted text-sm">Spent on Ads</p>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+            <div class="px-4 grid grid-cols-1 md:grid-cols-12 gap-4">
+                <div class="md:col-span-4">
+                    <!--:Card:-->
+                    <div class="rounded-xl alert fade show bg-white dark:bg-zinc-900 shadow-card p-4 lg:p-6 text-center mb-4 relative overflow-hidden">
+                        <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5 absolute end-0 top-0 mt-3 me-3" data-bs-dismiss="alert">
+                            <span class="icon-[lucide--x]"></span>
+                        </button>
+                        <img src="images/illustrations/multi.svg" alt="" class="block mb-6 w-36 h-auto mx-auto">
+                        <h5 class="mb-4 leading-tight">Reach more people with your most liked post in the last 28 days.
+                        </h5>
+                        <div class="flex items-center flex-wrap justify-center gap-4">
+                            <button type="button" class="btn bg-primary text-white hover:bg-primary-deep">Create
+                                Ad</button>
+
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                        <div class="flex items-center justify-between p-4">
+                            <h5 class="text-lg">Followers by age</h5>
+                            <button aria-expanded="true"
+                                    class="card-arrow btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    data-bs-toggle="collapse" data-bs-target="#cardByAge">
+                                    <span class="icon-[lucide--chevron-up]"></span>
+                                </button>
+                        </div>
+                        <div class="collapse show" id="cardByAge">
+                            <div class="p-4 pt-0">
+                            <div class="mb-3">
+                                <span class="text-sm leading-none">18-30</span>
+                                <div class="flex items-center gap-3.5">
+                                    <!--:Progress:-->
+                                    <div class="progress flex items-center flex-grow px-1 h-2 rounded-full w-full bg-primary/10"
+                                        role="progressbar" aria-label="Basic example" aria-valuenow="65"
+                                        aria-valuemin="0" aria-valuemax="100">
+                                        <div class="progress-bar bg-primary rounded-full h-1" style="width: 65%">
+                                        </div>
+                                    </div>
+                                    <span class="shrink-0 text-sm">
+                                        65%
+                                    </span>
+                                </div>
+                            </div>
+
+                            <div class="mb-3">
+                                <span class="text-sm leading-none">31-45</span>
+                                <div class="flex items-center gap-3.5">
+                                    <!--:Progress:-->
+                                    <div class="progress flex items-center flex-grow px-1 h-2 rounded-full w-full bg-primary/10"
+                                        role="progressbar" aria-label="Basic example" aria-valuenow="30"
+                                        aria-valuemin="0" aria-valuemax="100">
+                                        <div class="progress-bar bg-primary rounded-full h-1" style="width: 30%">
+                                        </div>
+                                    </div>
+                                    <span class="shrink-0 text-sm">
+                                        30%
+                                    </span>
+                                </div>
+                            </div>
+                            <div>
+                                <span class="text-sm leading-none">46-60</span>
+                                <div class="flex items-center gap-3.5">
+                                    <!--:Progress:-->
+                                    <div class="progress flex items-center flex-grow px-1 h-2 rounded-full w-full bg-primary/10"
+                                        role="progressbar" aria-label="Basic example" aria-valuenow="5"
+                                        aria-valuemin="0" aria-valuemax="100">
+                                        <div class="progress-bar bg-primary rounded-full h-1" style="width: 5%">
+                                        </div>
+                                    </div>
+                                    <span class="shrink-0 text-sm">
+                                        5%
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                        </div>
+                        
+                    </div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative overflow-hidden">
+                         <!--:Card refresher:-->
+                                <div class="card-overlay rounded-b-xl absolute inset-0 p-4 bg-zinc-900/10 backdrop-blur-xs flex items-center justify-center z-[1]"
+                                    style="display: none;">
+                                    <!--:Spinner:-->
+                                    <svg class="animate-spin size-5 text-primary"
+                                        xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                                        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"
+                                            stroke-width="4"></circle>
+                                        <path class="" fill="currentColor"
+                                            d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
+                                        </path>
+                                    </svg>
+                                </div>
+                        <div class="flex items-center justify-between p-4">
+                            <h5 class="text-lg">Recent activity</h5>
+                            <div class="flex items-center gap-1">
+                                <button aria-expanded="true"
+                                    class="card-arrow btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    data-bs-toggle="collapse" data-bs-target="#cardActivity">
+                                    <span class="icon-[lucide--chevron-up]"></span>
+                                </button>
+                                <button data-refresh
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                    <span class="icon-[tabler--reload]"></span>
+                                </button>
+                            </div>
+                        </div>
+                        <div class="collapse show" id="cardActivity">
+                            <div class="p-4 pt-0 relative">
+                               
+                                <!--:Activity timeline:-->
+                                <!--:Timeline mini:-->
+                               <ul class="tlm">
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                             <span class="size-4 block rounded-full bg-red-500">
+                                                <img src="images/avatars/thumb-9.jpg" class="w-full rounded-full h-auto shrink-0">
+                                            </span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-3"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                         <p>
+                                           <a href="#!" class="text-primary">@adamsi493</a> started following you
+                                        </p>
+                                        <small class="text-muted">10-09-2025 13:47</small>
+                                    </div>
+                                </li>
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                             <span class="size-4 block rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center">
+                                                <span class="icon-[lucide--thumbs-up] text-sm"></span>
+                                            </span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-3"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                        <p>
+                                           <a href="#!" class="text-primary">@mullterth</a> liked your post
+                                        </p>
+                                        <small class="text-muted">08-09-2025 17:44</small>
+                                    </div>
+                                </li>
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                            <span class="size-4 block rounded-full bg-red-500">
+                                                <img src="images/avatars/thumb-8.jpg" class="w-full rounded-full h-auto shrink-0">
+                                            </span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-3"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                        <p>
+                                           <a href="#!" class="text-primary">@salamance165</a> started following you
+                                        </p>
+                                        <small class="text-muted">07-09-2025 18:05</small>
+                                    </div>
+                                </li>
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                            <span class="size-4 block rounded-full bg-red-500">
+                                                <img src="images/avatars/thumb-3.jpg" class="w-full rounded-full h-auto shrink-0">
+                                            </span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-3"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                        <p>
+                                           <a href="#!" class="text-primary">@monikabut392</a> started following you
+                                        </p>
+                                        <small class="text-muted">03-09-2025 18:05</small>
+                                    </div>
+                                </li>
+                                <!--:Tlm item:-->
+                                <li class="tlm-item flex items-start relative">
+                                    <div class="tlm-timeline w-6">
+                                         <!--:tlm-icon:-->
+                                        <span class="tml-icon size-6 bg-white dark:bg-zinc-900 rounded-full flex items-center justify-center">
+                                            <span class="size-4 block rounded-full bg-white dark:bg-zinc-900 flex items-center justify-center">
+                                                <span class="icon-[lucide--message-circle-more] text-sm"></span>
+                                            </span>
+                                        </span>
+                                        <!--:Line:-->
+                                        <span class="tml-line block bottom-0 absolute border-s border-zinc-200 dark:border-zinc-800 w-px top-6 start-3"></span>
+                                    </div>
+                                    <div class="tlm-content pb-4 ps-2">
+                                        <p>
+                                           <a href="#!" class="text-primary">@chrisgyle</a> mentioned in a comment
+                                        </p>
+                                        <small class="text-muted">01-09-2025 18:05</small>
+                                    </div>
+                                </li>
+                               </ul>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="md:col-span-8">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden mb-4">
+                        <div class="flex items-center justify-between px-4 py-4">
+                            <h5 class="text-lg">Views</h5>
+                            <!--:Card-Dropdown:-->
+                            <div class="relative">
+                                <button
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                    <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-36 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--download] dropdown-icon"></span> Export data
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--expand] dropdown-icon"></span> Fullscreen
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--share] dropdown-icon"></span> Share
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex px-4 text-sm text-muted flex-wrap gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-primary"></span> Followers
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-pink-500"></span> Non-followers
+                            </div>
+                        </div>
+                        <div class="py-4 pe-4" dir="ltr">
+                            <div id="chart_social_views" class="w-full h-82"></div>
+                        </div>
+                    </div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex items-center justify-between px-4 py-4">
+                            <h5 class="text-lg">Popular posts</h5>
+                            <button aria-expanded="true"
+                                    class="card-arrow btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    data-bs-toggle="collapse" data-bs-target="#cardPopularPosts">
+                                    <span class="icon-[lucide--chevron-up] text-lg"></span>
+                                </button>
+                        </div>
+                        <div class="collapse show" id="cardPopularPosts">
+<div class="overflow-x-auto px-4">
+                            <table class="table-default">
+                                <thead>
+                                    <th>Your top posts</th>
+                                    <th><span class="icon-[lucide--chart-no-axes-column]"></span> Views</th>
+                                    <th><span class="icon-[lucide--heart]"></span>Likes</th>
+                                    <th><span class="icon-[lucide--share]"></span>Shares</th>
+                                    <th></th>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td>
+                                            <div class="flex items-start gap-3.5">
+                                                <img src="images/avatars/thumb-1.jpg"
+                                                    class="w-20 h-auto rounded-lg shrink-0">
+                                                <div class="flex-grow min-w-64">
+                                                    <p>
+                                                        Happiness on your face when you train on your own pitch with <a
+                                                            href="#!" class="text-primary">#teamusa</a>! ❤️😍🙏🏻
+                                                        <a href="#!" class="text-primary">#happiness</a> <a href="#!"
+                                                            class="text-primary">#mood</a>
+                                                    </p>
+                                                    <small class="text-zinc-400">20 September 2025</small>
+                                                </div>
+                                            </div>
+                                        </td>
+                                        <td>1.5M</td>
+                                        <td>766K</td>
+                                        <td>38K</td>
+                                        <td>
+                                            <a href="#!" class="hover:text-primary">
+                                                <span class="icon-[lucide--external-link]"></span>
+                                            </a>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <div class="flex items-start gap-3.5">
+                                                <img src="images/avatars/thumb-3.jpg"
+                                                    class="w-20 rounded-lg h-auto shrink-0">
+                                                <div class="flex-grow min-w-64">
+                                                    <p>
+                                                        Beauty with a golden heart 💕 <a href="#!"
+                                                            class="text-primary">#beauty</a>
+                                                        <a href="#!" class="text-primary">#happiness</a> <a href="#!"
+                                                            class="text-primary">#mood</a>
+                                                    </p>
+                                                    <small class="text-zinc-400">01 September 2025</small>
+                                                </div>
+                                            </div>
+                                        </td>
+                                        <td>1.25M</td>
+                                        <td>465K</td>
+                                        <td>31K</td>
+                                        <td>
+                                            <a href="#!" class="hover:text-primary">
+                                                <span class="icon-[lucide--external-link]"></span>
+                                            </a>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <div class="flex items-start gap-3.5">
+                                                <img src="images/avatars/thumb-4.jpg"
+                                                    class="w-20 rounded-lg h-auto shrink-0">
+                                                <div class="flex-grow min-w-64">
+                                                    <p>
+                                                        Killing it as always 😍 <a href="#!"
+                                                            class="text-primary">#mondaywibes</a>
+                                                    </p>
+                                                    <small class="text-zinc-400">23 Aug 2025</small>
+                                                </div>
+                                            </div>
+                                        </td>
+                                        <td>877k</td>
+                                        <td>266K</td>
+                                        <td>21K</td>
+                                        <td>
+                                            <a href="#!" class="hover:text-primary">
+                                                <span class="icon-[lucide--external-link]"></span>
+                                            </a>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                        </div>
+                        
+                    </div>
+                </div>
+
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+    <!--:Dashboard scripts:-->
+    <script src="vendor/js/sweetalert2.all.min.js"></script>
+    <script src="vendor/js/echarts.min.js"></script>
+    <script src="js/dashboard-social.js" type="text/javascript"></script>
+
+
+    <!--:Dashboard data range picker:-->
+    <script type="text/javascript" src="vendor/js/jquery.min.js"></script>
+    <script type="text/javascript" src="vendor/js/moment.min.js"></script>
+    <script type="text/javascript" src="vendor/js/daterangepicker.js"></script>
+    <script type="text/javascript">
+        $(function () {
+
+            var start = moment().subtract(29, 'days');
+            var end = moment();
+
+            function cb(start, end) {
+                $('#reportrange span').html(start.format('MMM D, YY') + ' - ' + end.format('MMM D, YY'));
+            }
+
+            $('#reportrange').daterangepicker({
+                startDate: start,
+                endDate: end,
+                ranges: {
+                    'Today': [moment(), moment()],
+                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+                    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                    'This Month': [moment().startOf('month'), moment().endOf('month')],
+                    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+                }
+            }, cb);
+
+            cb(start, end);
+
+        });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/index.html b/www/raven-demo/index.html
new file mode 100644
index 0000000..b809f91
--- /dev/null
+++ b/www/raven-demo/index.html
@@ -0,0 +1,1602 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+    <!--:Page css:-->
+    <link rel="stylesheet" href="vendor/css/sweetalert2.min.css">
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <link rel="stylesheet" type="text/css" href="vendor/css/daterangepicker.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300 text-left rtl:text-right">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item analytic_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item analytic_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item analytic_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item analytic_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 shrink-0 px-4 lg:px-8 z-50 sticky top-0 app-header">
+          <div class="relative py-4 lg:py-0 flex flex-wrap items-center justify-center">
+            <div class="shrink-0 flex items-center space-x-1">
+              <!--:Sidebar toggler:-->
+              <button type="button" data-toggle="app_sidebar"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+                <span class="icon-[iconoir--menu] text-lg"></span>
+              </button>
+               <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+            </div>
+            <div class="flex items-center space-x-1 shrink-0 ms-auto lg:order-last">
+              <button type="button" data-bs-toggle="collapse" data-bs-target="#appNavbar" aria-label="toggle navbar" class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+                            <span class="icon-[lucide--text-align-center] text-lg"></span>
+                        </button>
+              <!--:TLang:-->
+                <!--:Theme Lang switcher:-->
+                  <div class="relative">
+                    <button data-bs-auto-close="outside" type="button"
+                      class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                      data-bs-toggle="dropdown" data-bs-display="static">
+                      <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                    </button>
+                    <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                      <a href="#!" class="dropdown-item active group gap-2.5">
+                          <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                          <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                      </a>
+                      <a href="#!" class="dropdown-item group gap-2.5">
+                          <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                          <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                      </a>
+                      <a href="#!" class="dropdown-item group gap-2.5">
+                          <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                          <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                      </a>
+                    </div>
+                  </div>
+
+              <!--:Notifications:-->
+                  <div class="sm:relative">
+                    <button data-bs-auto-close="outside" type="button"
+                      class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                      data-bs-toggle="dropdown" data-bs-display="static">
+                      <span class="icon-[lucide--bell] text-lg"></span>
+                      <!--:Notification badge with animation:-->
+                      <span class="absolute right-1 top-1 flex size-2">
+                        <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                        <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                      </span>
+                    </button>
+                    <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                      <div class="px-3 pt-3 flex justify-between items-center">
+                        <h5 class="text-lg">Notifications</h5>
+                        <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                          <span class="icon-[lucide--mail-open]"></span>
+                        </button>
+                      </div>
+                      <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                            <span class="icon-[lucide--database] text-lg"></span>
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                            <small class="text-muted">Just now</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                            <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                            <small class="text-muted">1h</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                           <span class="icon-[lucide--check] text-lg"></span>
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal">Backup completed successfully</div>
+                            <small class="text-muted">2h</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                           <span class="icon-[lucide--user] text-lg"></span>
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal">Profile updated successfully</div>
+                            <small class="text-muted">3h</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                            <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                            <div><span
+                                class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                            </div>
+                            <small class="text-muted">2d</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                            <span class="icon-[lucide--component] text-lg"></span>
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal">API updated</div>
+                            <small class="text-muted">3d</small>
+                          </div>
+                        </a>
+                      </div>
+                      <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                        <a href="#!"
+                          class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                          All</a>
+                      </div>
+                    </div>
+                  </div>
+
+              <!--:Apps:-->
+                  <div class="lg:relative hidden lg:block">
+                    <button data-bs-auto-close="outside" type="button"
+                      class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                      data-bs-toggle="dropdown" data-bs-display="static">
+                      <span class="icon-[lucide--component] text-lg"></span>
+                    </button>
+                    <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                      <div class="flex flex-wrap p-2">
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>Mailchimp</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span class="truncate block">Analytics</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>WebDev</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>Jira</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>Gitlab</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>Evernote</span>
+                          </a>
+                        </div>
+                      </div>
+                      <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                        <a href="#!"
+                          class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                          All</a>
+                      </div>
+                    </div>
+                  </div>
+              <!--:Theme color switcher:-->
+              <div class="relative">
+                <button type="button"
+                  class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                  data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                  <span class="icon-[lucide--settings] text-lg"></span>
+                </button>
+                <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                  <div class="mb-3 px-3 pt-2">
+                    <h5>Theme</h5>
+                  </div>
+
+                  <div class="flex flex-wrap px-3 pb-2 gap-2">
+                    <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                      <span class="flex items-center justify-center size-7 rounded-full text-white"
+                        style="background-color: #636DFF;">
+                        <span class="icon-[lucide--check] theme-check text-lg"></span>
+                      </span>
+                    </button>
+                    <button id="navyTheme" class="theme-switcher cursor-pointer">
+                      <span class="flex items-center justify-center size-7 rounded-full text-white"
+                        style="background-color: #0E6DD9;">
+                        <span class="icon-[lucide--check] theme-check text-lg"></span>
+                      </span>
+                    </button>
+                    <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                      <span class="flex items-center justify-center size-7 rounded-full text-white"
+                        style="background-color: #049772;">
+                        <span class="icon-[lucide--check] theme-check text-lg"></span>
+                      </span>
+                    </button>
+                    <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                      <span class="flex items-center justify-center size-7 rounded-full text-white"
+                        style="background-color: #D300C5;">
+                        <span class="icon-[lucide--check] theme-check text-lg"></span>
+                      </span>
+                    </button>
+                  </div>
+                  <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <label class="flex items-center cursor-pointer dropdown-item">
+                      <span class="icon-[lucide--sun-moon] me-1"></span>
+                      <span class="flex-grow text-sm me-2">Dark mode</span>
+                      <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                    </label>
+                  </div>
+                  <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                      <span class="text-sm">Enable RTL</span>
+                      <input type="checkbox" class="input-switch" id="toggleRTL" />
+                    </label>
+      
+                  </div>
+                  <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                          <h5 class="px-3 mb-2">Sidebar</h5>
+                          <div class="radio-group flex items-center">
+                              <div class="radio-option flex-grow">
+                                  <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                  <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                    <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                      <span class="w-6 h-full bg-white rounded-sm"></span>
+                                    </span>
+                                    <span class="block text-sm text-zinc-400">
+                                      Light
+                                    </span>
+                                  </label>
+                              </div>
+                              <div class="radio-option flex-grow">
+                                  <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                  <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                     <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                       <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                    </span>
+                                    <span class="block text-sm text-zinc-400">
+                                      Dark
+                                    </span>
+                                  </label>
+                              </div>
+                          </div>
+                      </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="collapse lg:ms-8 navbar-collapse w-full lg:flex-grow lg:w-auto lg:visible flex flex-wrap lg:justify-end items-center !visible lg:!flex lg:basis-auto basis-full lg:pt-0 lg:!bg-transparent"
+              id="appNavbar">
+              <div
+                class="navbar-nav p-4 lg:p-0 relative mt-2 lg:mt-0 flex flex-col lg:gap-4 gap-0.5 lg:flex-row lg:items-center bg-white dark:bg-zinc-950 lg:!bg-transparent w-full overflow-y-auto lg:overflow-visible lg:h-auto max-h-[80vh]">
+                <a href="#!" class="navbar-link">
+                  Guide
+                </a>
+                 <a href="#!" class="navbar-link">
+                  Config
+                </a>
+                <div class="relative">
+                  <a data-bs-display="static" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="#"
+                    class="navbar-link ">
+                    Resourses <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                  </a>
+                  <div class="dropdown-menu lg:absolute !top-full lg:mt-1 w-full lg:w-36 z-50">
+           
+                    <a href="#!" class="dropdown-item">Blog</a>
+                    <a href="#!" class="dropdown-item ">About</a>
+                    <a href="#!" class="dropdown-item">Team</a>
+                    <a href="#!" class="dropdown-item">Releases</a>
+                    <hr class="border-zinc-200 dark:border-zinc-800 my-2">
+                    <a href="#!" class="dropdown-item gap-2">BlueSky<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">Mastodon<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">X<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">Discord chat<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">Changelog<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">Contributing<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                  </div>
+                </div>
+                <div class="relative">
+                  <a data-bs-display="static" data-bs-toggle="dropdown" href="#" class="navbar-link ">
+                    Versions <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                  </a>
+                  <div class="dropdown-menu lg:absolute !top-full lg:mt-1 w-full lg:w-36 z-50">
+                    <a href="#!" class="dropdown-item gap-2">V5 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">V4 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">V3 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">V2 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">V1 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 pt-4 pb-4 flex flex-col sm:flex-row sm:items-center">
+            <div class="flex-grow mb-3 sm:mb-0">
+                <h2 class="text-xl font-semibold text-black dark:text-white">Welcome back Emily!</h2>
+            </div>
+            <div class="flex flex-col">
+                <small class="text-muted block mb-1">Data showing for</small>
+                <div class="inline-flex w-auto max-w-xs dark:bg-zinc-900 items-center gap-1 cursor-pointer text-sm"
+                    id="reportrange">
+                    <i class="icon-[lucide--calendar-days]"></i>
+                    <span></span><i class="icon-[lucide--chevron-down]"></i>
+                </div>
+            </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow relative">
+            <!--:Prelaoder:-->
+            <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+                <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+                    <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+                </div>
+            </div>
+            <div class="px-4 mb-4 grid grid-cols-1 md:grid-cols-3 gap-4">
+                <!--:Card:-->
+                <div class="rounded-xl p-4 bg-white dark:bg-zinc-900 shadow-card flex items-center">
+                    <div class="shrink-0 w-3/5">
+                        <p class="mb-2">Weekly sales</p>
+                        <h4 class="text-2xl mb-1">$59K</h4>
+                        <span class="text-sm">
+                            <span class="text-green-500">+5.5%</span>
+                            <span class="text-muted">vs last period</span></span>
+                    </div>
+                    <div class="ps-3 w-2/5">
+                        <div id="chart_tiny_weekly_sales" class="h-20 w-full"></div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl p-4 bg-white dark:bg-zinc-900 shadow-card flex items-center">
+                    <div class="shrink-0 w-3/5">
+                        <p class="mb-2">Bounce rate</p>
+                        <h4 class="text-2xl mb-1">47%</h4>
+                        <span class="text-sm">
+                            <span class="text-green-500">+2.5%</span>
+                            <span class="text-muted">vs last period</span></span>
+                    </div>
+                    <div class="ps-3 w-2/5">
+                        <div id="chart_tiny_weekly_bounce_rate" class="h-20 w-full"></div>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl p-4 bg-white dark:bg-zinc-900 shadow-card flex items-center">
+                    <div class="shrink-0 w-3/5">
+                        <p class="mb-2">Bandwidth saved</p>
+                        <h4 class="text-2xl mb-1">82%</h4>
+                        <span class="text-sm">
+                            <span class="text-red-500">-0.5%</span>
+                            <span class="text-muted">vs last period</span></span>
+                    </div>
+                    <div class="ps-3 w-2/5 flex justify-end">
+                        <!--:Progress Circle:-->
+                        <div class="relative w-16 h-16" data-progress="82" data-show-value="true">
+                            <!-- Background circle -->
+                            <svg class="w-16 h-16 transform -rotate-90" viewBox="0 0 100 100">
+                                <circle class="text-primary-subtle" stroke-width="6" stroke="currentColor"
+                                    fill="transparent" r="45" cx="50" cy="50" />
+                                <circle class="text-primary progress-ring" stroke-width="6" stroke="currentColor"
+                                    fill="transparent" r="45" cx="50" cy="50" stroke-linecap="round"
+                                    style="stroke-dasharray: 282.6; stroke-dashoffset: 282.6; transition: stroke-dashoffset 1s ease;" />
+                            </svg>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4 mb-4 grid grid-cols-1 lg:grid-cols-12 gap-4">
+                <div class="lg:col-span-8">
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex items-center justify-between px-4 py-4">
+                            <h5 class="text-lg">Visitors report</h5>
+                            <!--:Card-Dropdown:-->
+                            <div class="relative">
+                                <button
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                    <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-36 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--download] dropdown-icon"></span> Export data
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--expand] dropdown-icon"></span> Fullscreen
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--share] dropdown-icon"></span> Share
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex px-4 text-sm text-muted flex-wrap gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-primary"></span> Organic
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-rose-500"></span> Referral
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-amber-500"></span> Ads
+                            </div>
+                        </div>
+                        <div class="py-4 pe-4" dir="ltr">
+                            <div id="chart_visitor" class="w-full h-64"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="lg:col-span-4">
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="flex items-center justify-between px-4 pt-4">
+                            <h5 class="text-lg">Top countries</h5>
+                        </div>
+                        <div class="pt-0 px-4 flex items-center justify-center" dir="ltr">
+                            <div id="chart_pie_countries" class="w-full mx-auto h-72"></div>
+                        </div>
+                        <div class="p-4 pt-0 flex justify-center text-sm text-muted flex-wrap gap-4">
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-primary"></span> India
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-sky-500"></span> USA
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-yellow-500"></span> UK
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="size-2 rounded-full bg-orange-500"></span> France
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4 px-4">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="items-center px-4 py-4 flex items-center justify-between">
+                        <h5 class="text-lg">
+                            Top pages
+                        </h5>
+                        <button type="button"
+                            class="border-b border-dashed text-primary hover:text-current cursor-pointer">
+                            Export data
+                        </button>
+                    </div>
+                    <div class="overflow-x-auto px-4">
+                        <table class="table-default">
+                            <thead class="border-t border-zinc-500/10 dark:border-zinc-800">
+                                <tr>
+                                    <th class="whitespace-nowrap">Page url</th>
+                                    <th class="whitespace-nowrap">
+                                        <div class="flex justify-end">Views</div>
+                                    </th>
+                                    <th class="whitespace-nowrap">
+                                        <div class="flex justify-end">Unique visitors</div>
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>
+                                        <div class="heading-text">/dashboard</div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>6465</span><span
+                                                class="flex items-center text-green-500"><span>+</span><span>1.7%</span></span>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>1078</span><span
+                                                class="flex items-center text-green-500"><span>+</span><span>1.2%</span></span>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="heading-text">/affiliate</div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>3687</span><span
+                                                class="flex items-center text-green-500"><span>+</span><span>1.4%</span></span>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>801</span><span
+                                                class="flex items-center text-green-500"><span>+</span><span>0.9%</span></span>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="heading-text">/contract</div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>2918</span><span
+                                                class="flex items-center text-green-500"><span>+</span><span>2.6%</span></span>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>655</span><span
+                                                class="flex items-center text-green-500"><span>+</span><span>1.4%</span></span>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="heading-text">/products</div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>4882</span><span
+                                                class="flex items-center text-red-500"><span></span><span>-0.7%</span></span>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>936</span><span
+                                                class="flex items-center text-red-500"><span></span><span>-0.3%</span></span>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="heading-text">/sign-in</div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>1527</span><span
+                                                class="flex items-center text-green-500"><span>+</span><span>1.1%</span></span>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>389</span><span
+                                                class="flex items-center text-green-500"><span>+</span><span>0.8%</span></span>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="heading-text">/about</div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>2103</span><span
+                                                class="flex items-center text-red-500"><span></span><span>-0.9%</span></span>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-2"><span>450</span><span
+                                                class="flex items-center text-red-500"><span></span><span>-1.5%</span></span>
+                                        </div>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="flex justify-between items-center px-4 py-4">
+                        <h5 class="text-lg">
+                            Top channel
+                        </h5>
+                        <button type="button"
+                            class="border-b border-dashed text-primary hover:text-current cursor-pointer">
+                            Export data
+                        </button>
+                    </div>
+                    <div class="px-4 pb-4">
+                        <p class="text-muted mb-1">Visitors</p>
+                        <div class="flex items-end gap-3">
+                            <h3 class="text-lg font-semibold">79,328</h3> <span class="text-green-500">5.4%</span>
+                        </div>
+                    </div>
+                    <div class="overflow-x-auto px-4">
+                        <table class="table-default">
+                            <thead class="border-t border-zinc-500/10 dark:border-zinc-800">
+                                <tr>
+                                    <th class="whitespace-nowrap">Channel</th>
+                                    <th class="whitespace-nowrap">Percentage
+                                    </th>
+                                    <th class="whitespace-nowrap">
+                                        <div class="flex justify-end">Total</div>
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody class="divide-y divide-zinc-100 dark:divide-zinc-900">
+                                <tr>
+                                    <td>
+                                        <div class="flex items-center gap-2"><span>
+                                                <img alt="" class="min-w-5 max-w-5 h-auto shrink-0"
+                                                    src="images/brands/google.svg"></span>
+                                            <div class="font-semibold">Google</div>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        50%
+                                    </td>
+                                    <td class="!text-end">
+                                        39483
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="flex items-center gap-2"><span>
+                                                <img alt="" class="min-w-5 max-w-5 h-auto shrink-0"
+                                                    src="images/brands/youtube.svg"></span>
+                                            <div class="font-semibold">Youtube</div>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        30%
+                                    </td>
+                                    <td class="!text-end">
+                                        36382
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="flex items-center gap-2"><span>
+                                                <img alt="" class="min-w-5 max-w-5 h-auto shrink-0"
+                                                    src="images/brands/instagram.svg"></span>
+                                            <div class="font-semibold">Instagram</div>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        15%
+                                    </td>
+                                    <td class="!text-end">
+                                        21829
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="flex items-center gap-2"><span>
+                                                <img alt="" class="min-w-5 max-w-5 h-auto shrink-0"
+                                                    src="images/brands/linkedin.svg"></span>
+                                            <div class="font-semibold">Linkedin</div>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        10%
+                                    </td>
+                                    <td class="!text-end">
+                                        18372
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+                                        <div class="flex items-center gap-2"><span>
+                                                <img alt="" class="min-w-5 max-w-5 h-auto shrink-0 bg-white rounded"
+                                                    src="images/brands/tiktok.svg"></span>
+                                            <div class="font-semibold">Tiktok</div>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        5%
+                                    </td>
+                                    <td class="!text-end">
+                                        12938
+                                    </td>
+                                </tr>
+
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-4 px-4 mb-4">
+                <div class="md:col-span-8">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="px-4 py-4 flex items-center justify-between">
+                            <h5 class="text-lg">Traffic overview</h5>
+                            <!--:Button:-->
+                            <div class="relative">
+                                <button
+                                    class="border-b border-dashed text-primary hover:text-current cursor-pointer">Export
+                                    data</button>
+                            </div>
+                        </div>
+                        <div class="overflow-x-auto px-4">
+                            <table class="table-default whitespace-nowrap">
+                                <thead class="border-t border-zinc-500/10 dark:border-zinc-800">
+                                    <tr>
+                                        <th class="whitespace-nowrap">Source</th>
+                                        <th class="whitespace-nowrap">Visitors</th>
+                                        <th class="whitespace-nowrap">Unique</th>
+                                        <th class="whitespace-nowrap">Bounce Rate</th>
+                                        <th class="whitespace-nowrap">Avg. Session Duration</th>
+                                        <th class="whitespace-nowrap">Progress to Goal (%)</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td>
+                                            <h5 class="font-semibold">Direct</h5>
+                                        </td>
+                                        <td>1500</td>
+                                        <td>1200</td>
+                                        <td>40%</td>
+                                        <td>00:03:45</td>
+                                        <td class="min-w-32">
+                                            <div class="flex items-center gap-3.5">
+                                                <div class="h-1.5 bg-sky-500/10 rounded-full flex-grow">
+                                                    <div class="progress-bg h-1.5 bg-blue-500 rounded-full"
+                                                        style="width: 60%;"></div>
+                                                </div>
+                                                <span class="font-semibold">60%</span>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <h5 class="font-semibold">Referral</h5>
+                                        </td>
+                                        <td>4500</td>
+                                        <td>1400</td>
+                                        <td>60%</td>
+                                        <td>00:04:45</td>
+                                        <td class="min-w-32">
+                                            <div class="flex items-center gap-3.5">
+                                                <div class="h-1.5 bg-red-500/10 rounded-full flex-grow">
+                                                    <div class="progress-bg h-1.5 bg-red-500 rounded-full"
+                                                        style="width: 30%;"></div>
+                                                </div>
+                                                <span class="font-semibold">30%</span>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <h5 class="font-semibold">Social Media
+                                            </h5>
+                                        </td>
+                                        <td>5600</td>
+                                        <td>1870</td>
+                                        <td>20%</td>
+                                        <td>00:02:55</td>
+                                        <td class="min-w-32">
+                                            <div class="flex items-center gap-3.5">
+                                                <div class="h-1.5 bg-orange-500/20 rounded-full flex-grow">
+                                                    <div class="progress-bg h-1.5 bg-orange-500 rounded-full"
+                                                        style="width: 50%;"></div>
+                                                </div>
+                                                <span class="font-semibold">50%</span>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <h5 class="font-semibold">Email Campaign</h5>
+                                        </td>
+                                        <td>2345</td>
+                                        <td>1234</td>
+                                        <td>35%</td>
+                                        <td>00:05:45</td>
+                                        <td class="min-w-32">
+                                            <div class="flex items-center gap-3.5">
+                                                <div class="h-1.5 bg-green-500/20 rounded-full flex-grow">
+                                                    <div class="progress-bg h-1.5 bg-green-500 rounded-full"
+                                                        style="width: 85%;"></div>
+                                                </div>
+                                                <span class="font-semibold">85%</span>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <h5 class="font-semibold">Google search</h5>
+                                        </td>
+                                        <td>1453</td>
+                                        <td>1109</td>
+                                        <td>42%</td>
+                                        <td>00:02:25</td>
+                                        <td class="min-w-32">
+                                            <div class="flex items-center gap-3.5">
+                                                <div class="h-1.5 bg-green-500/20 rounded-full flex-grow">
+                                                    <div class="progress-bg h-1.5 bg-green-500 rounded-full"
+                                                        style="width: 90%;"></div>
+                                                </div>
+                                                <span class="font-semibold">90%</span>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+                <div class="md:col-span-4">
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                        <div class="flex justify-between items-center px-4 py-4">
+                            <h5 class="text-lg">
+                                Distribution
+                            </h5>
+                            <!--:Card-Dropdown:-->
+                            <div class="relative">
+                                <button
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                    <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-36 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        Dropdown item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        Another item
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        One more item
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex items-center justify-center" dir="ltr">
+                            <div id="chart_polar" class="w-full h-70"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+
+    <!--:Dashboard scripts:-->
+    <script src="vendor/js/sweetalert2.all.min.js"></script>
+    <script src="vendor/js/echarts.min.js"></script>
+    <script src="js/dashboard-analytic.js" type="text/javascript"></script>
+
+
+    <!--:Dashboard data range picker:-->
+    <script type="text/javascript" src="vendor/js/jquery.min.js"></script>
+    <script type="text/javascript" src="vendor/js/moment.min.js"></script>
+    <script type="text/javascript" src="vendor/js/daterangepicker.js"></script>
+    <script type="text/javascript">
+        $(function () {
+
+            var start = moment().subtract(29, 'days');
+            var end = moment();
+
+            function cb(start, end) {
+                $('#reportrange span').html(start.format('MMM D, YY') + ' - ' + end.format('MMM D, YY'));
+            }
+
+            $('#reportrange').daterangepicker({
+                startDate: start,
+                endDate: end,
+                ranges: {
+                    'Today': [moment(), moment()],
+                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+                    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                    'This Month': [moment().startOf('month'), moment().endOf('month')],
+                    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+                }
+            }, cb);
+
+            cb(start, end);
+
+        });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/js/app-api.js b/www/raven-demo/js/app-api.js
new file mode 100644
index 0000000..86b6673
--- /dev/null
+++ b/www/raven-demo/js/app-api.js
@@ -0,0 +1,134 @@
+
+
+const charts = [];
+function getOptionApi(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                const value = params[0].value;
+                return `${params[0].axisValue}<br/><span>${value}</span>`;
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '10px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['00:00', '01:15', '02:30', '03:45', '05:00', '06:15', '07:30', '08:45', '10:00', '11:15', '12:30', '13:45', '15:00', '16:15', '17:30', '18:45', '20:00', '21:15', '22:30', '23:45'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                padding: [0, 0, 0, 5],
+                showMaxLabel: false,
+                color: textColor,
+                fontFamily: 'inherit',
+                
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: textColor,
+                 formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor } }
+        },
+        series: [
+            {
+                type: 'line',
+                data: [300, 580, 450, 660, 570, 730, 650, 800, 700, 860, 680, 890, 770, 1100, 800, 1250, 900, 1440, 1050, 1700],
+                symbol: 'none',
+                smooth: true,
+                areaStyle: {
+                    color: {
+                        type: 'linear',
+                        x: 0,
+                        y: 0,
+                        x2: 0,
+                        y2: 1,
+                        colorStops: [{
+                            offset: 0,
+                            color: 'var(--color-primary-subtle)'
+                        }, {
+                            offset: 1,
+                            color: 'rgba(0,0,0,0)'
+                        }]
+                    }
+                },
+                lineStyle: {
+                    color: 'var(--color-primary)',
+                    width: 2
+                },
+                emphasis: {
+                    disabled: true
+                },
+            }
+        ]
+    };
+}
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+// Initialize all charts
+initChart(document.getElementById('chart_api'), getOptionApi);
\ No newline at end of file
diff --git a/www/raven-demo/js/dashboard-analytic.js b/www/raven-demo/js/dashboard-analytic.js
new file mode 100644
index 0000000..3ec43a0
--- /dev/null
+++ b/www/raven-demo/js/dashboard-analytic.js
@@ -0,0 +1,429 @@
+//dashboard analytic charts
+
+const charts = [];
+function getOptionTinyBounceArea(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'line' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: { color: textColor,fontWeight:400, },
+            formatter: function (params) {
+                const value = params[0].value;
+                return `${params[0].axisValue}<br/><span>${value}%</span>`;
+            }
+        },
+        grid: {
+            left: 0,
+            right: 0,
+            top: 10,
+            bottom: 0,
+            containLabel: false
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+            boundaryGap: false,
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: { show: false }
+        },
+        yAxis: {
+            type: 'value',
+            axisLine: { show: false },
+            axisTick: { show: false },
+            splitLine: { show: false },
+            axisLabel: { show: false }
+        },
+        series: [
+            {
+                type: 'line',
+                data: [13, 31, 56, 24, 59, 41, 58],
+                symbol: 'none',
+                smooth: true,
+                // areaStyle: {
+                //     color: {
+                //         type: 'linear',
+                //         x: 0,
+                //         y: 0,
+                //         x2: 0,
+                //         y2: 1,
+                //         colorStops: [{
+                //             offset: 0,
+                //             color: 'var(--color-primary-subtle)'
+                //         }, {
+                //             offset: 1,
+                //             color: 'rgba(0,0,0,0)'
+                //         }]
+                //     }
+                // },
+                lineStyle: {
+                    color: 'var(--color-primary)',
+                    width: 2
+                },
+                emphasis: {
+                    disabled:true
+                },
+            }
+        ]
+    };
+}
+function getOptionTinyBar(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400,
+            }
+        },
+        grid: {
+            left: 0,
+            right: 0,
+            top: 10,
+            bottom: 0,
+            containLabel: false
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: { show: false }
+        },
+        yAxis: {
+            type: 'value',
+            axisLine: { show: false },
+            axisTick: { show: false },
+            splitLine: { show: false },
+            axisLabel: { show: false }
+        },
+        series: [
+            {
+                type: 'bar',
+                data: [320, 452, 301, 334, 390, 330, 410],
+                barWidth: '30%',
+                itemStyle: {
+                    color: 'var(--color-primary)',
+                    borderRadius: [4, 4, 4, 4]
+                },
+                emphasis: {
+                    itemStyle: {
+                        color: 'var(--color-primary)',
+                    },
+                }
+            }
+        ]
+    };
+}
+function getOptionLine(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400,
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '20px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor,type: 'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { 
+                lineStyle: 
+                { 
+                    color: gridColor,
+                    type: 'dashed'
+                 } 
+                }
+        },
+        series: [
+            {
+                name: 'Organic',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                  disabled:true
+                },
+                lineStyle: { color: 'var(--color-primary)' },
+                itemStyle: { color: 'var(--color-primary)' },
+                data: [87000, 57000, 74000, 98000, 74000, 44000, 62000, 49000, 82000, 56000, 47000, 54000]
+            },
+            {
+                name: 'Referral',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                     disabled:true
+                },
+                lineStyle: { color: 'var(--color-rose-500)' },
+                itemStyle: { color: 'var(--color-rose-500)' },
+                data: [35000, 41000, 62000, 42000, 14000, 18000, 29000, 37000, 36000, 5100, 32000, 34000]
+            },
+            {
+                name: 'Ads',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                lineStyle: { color: 'var(--color-yellow-500)', type: 'dashed' },
+                itemStyle: { color: 'var(--color-yellow-500)' },
+                emphasis: {
+                    disabled:true
+                },
+                data: [45000, 52000, 38000, 24000, 33000, 24000, 21000, 19000, 64000, 84000, 16000, 18000]
+            }
+        ]
+    };
+}
+function getOptionPie(isDark) {
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'item',
+            formatter: '{b}: {c}k ({d}%)',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            textStyle: {
+                fontFamily: 'inherit',fontWeight:400,
+                color: isDark ? 'var(--color-zinc-100)' : 'var(--color-zinc-600)'
+            }
+        },
+        legend: {
+            show: false,
+            top: '0px',
+            textStyle: {
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)',
+                fontFamily: 'inherit',
+            },
+            itemGap: 20,
+        },
+        series: [{
+            name: 'Visitors',
+            type: 'pie',
+            radius: ['70%', '90%'],
+            avoidLabelOverlap: false,
+            selectedMode: false,
+            startAngle: 90,
+            label: {
+                fontFamily: 'inherit',
+                show: true,
+                position: 'center',
+                formatter: '1.5M',
+                fontSize: 36,
+                fontWeight: 'var(--font-semibold)',
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)',
+            },
+            emphasis: { disabled: true },
+            labelLine: { show: false },
+            itemStyle: {
+                borderRadius: 6,
+                borderColor: isDark ? 'var(--color-zinc-900)' : '#fff',
+                borderWidth: 6
+            },
+            data: [
+                { value: 58, name: 'India', itemStyle: { color: 'var(--color-primary)' } },
+                { value: 44, name: 'USA', itemStyle: { color: 'var(--color-sky-500)' } },
+                { value: 31, name: 'UK', itemStyle: { color: 'var(--color-yellow-500)' } },
+                { value: 23, name: 'France', itemStyle: { color: 'var(--color-orange-500)' } }
+            ]
+        }]
+    };
+}
+function getOptionPolar(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,
+                fontWeight:400
+            },
+            formatter: (params) => {
+        const value = params.name === 'Visitors' ? `${params.value}k` : `$${params.value}k`;
+        return `${params.name}: ${value}`;
+    },
+        },
+        polar: {
+            radius: [30, '70%']
+        },
+        radiusAxis: {
+            max: 40,
+            splitLine: {
+                lineStyle: {
+                    color: gridColor,
+                    width: 1
+                }
+            },
+            axisLine: {
+                show: false
+            },
+            axisLabel: {
+                show: false
+            },
+            axisTick: {
+                show: false
+            }
+        },
+        angleAxis: {
+            type: 'category',
+            data: ['Visitors', 'Sales', 'Profit', 'Expanses'],
+            startAngle: 75,
+            axisLine: {
+                lineStyle: {
+                    color: gridColor
+                }
+            },
+            axisLabel: {
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)',
+                margin: 4,
+                align: 'center',
+                verticalAlign: 'top',
+                fontSize:'12px',
+            fontFamily:'inherit',
+            }
+        },
+        series: {
+            type: 'bar',
+            data: [37, 23, 14, 7],
+            coordinateSystem: 'polar',
+
+            label: {
+                show: false,
+                position: 'middle',
+                formatter: '{b}: {c}'
+            },
+            itemStyle: {
+                color: function (params) {
+                    const colors = [
+                        'var(--color-sky-500)',
+                        'var(--color-amber-500)',
+                        'var(--color-primary)',
+                        'var(--color-rose-500)'
+                    ];
+                    return colors[params.dataIndex % colors.length];
+                },
+            },
+            emphasis: {
+                disabled: true
+            }
+        },
+    };
+}
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_visitor'), getOptionLine);
+initChart(document.getElementById('chart_pie_countries'), getOptionPie);
+initChart(document.getElementById('chart_tiny_weekly_sales'), getOptionTinyBar);
+initChart(document.getElementById('chart_tiny_weekly_bounce_rate'), getOptionTinyBounceArea);
+initChart(document.getElementById('chart_polar'), getOptionPolar);
+
+
+
+//Toast
+window.onload = function() {
+    Swal.fire({
+      toast: true,
+      position: 'top',
+      showConfirmButton: false,
+      timer: 4000,
+      timerProgressBar: true,
+      showCloseButton: true,
+      closeButtonHtml: '<span class="icon-[lucide--x]"></span>',
+      title:`<div class="flex items-start gap-3.5"><span class=""text-xl">✨</span><div class="flex-grow"><h5 class="text-base">Welcome to Raven Admin</h5><p class="text-sm font-normal">Manage smarter with a clean, modern admin system built for speed, and clarity</p><a href="https://wrapmarket.com/item/raven-tailwindcss-admin-template-ui-kit-WB0B6DKC2/?via=wb_rakesh" class="text-primary text-sm">Purchase here <span class="icon-[lucide--external-link] ms-1"></span></a></div></div>`
+    });
+  };
\ No newline at end of file
diff --git a/www/raven-demo/js/dashboard-ecommerce.js b/www/raven-demo/js/dashboard-ecommerce.js
new file mode 100644
index 0000000..582b7ae
--- /dev/null
+++ b/www/raven-demo/js/dashboard-ecommerce.js
@@ -0,0 +1,370 @@
+//Echarts for commerce dashboard
+const charts = [];
+function getOptionEarnings(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                const value = params[0].value;
+                return `${params[0].axisValue}<br/><span>$${value} USD</span>`;
+            }
+        },
+        grid: {
+            right: '35px',
+            left: '10px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor,type:'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                padding: [0, 0, 0, 0],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color:  isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                type: 'line',
+                data: [27000, 51000, 44000, 68000, 52000, 74000, 59000, 82000, 64000, 87000, 72000, 94000],
+                symbol: 'none',
+                smooth: true,
+                areaStyle: {
+                    color: {
+                        type: 'linear',
+                        x: 0,
+                        y: 0,
+                        x2: 0,
+                        y2: 1,
+                        colorStops: [{
+                            offset: 0,
+                            color: 'var(--color-primary-subtle)'
+                        }, {
+                            offset: 1,
+                            color: 'rgba(0,0,0,0)'
+                        }]
+                    }
+                },
+                lineStyle: {
+                    color: 'var(--color-primary)',
+                    width: 2
+                },
+                emphasis: {
+                    disabled: true
+                },
+            }
+        ]
+    };
+}
+
+function getOptionVisitorsVsSales(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400
+            },
+            formatter: function (params) {
+                let tooltip = `${params[0].axisValue}<br/>`;
+                params.forEach(p => {
+                    const valueInK = (p.value / 1000).toFixed(1);
+                    tooltip += `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:8px;height:8px;background-color:${p.color}"></span> ${p.seriesName}: ${valueInK}k<br/>`;
+                });
+                return tooltip;
+            }
+        },
+        grid: {
+            left: '0px',
+            right: '40px',
+            bottom: '60px',
+            top: '3%'
+        },
+        legend: {
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor,type:'dashed' } },
+            axisLabel: {
+                fontSize: 11,
+                fontFamily: 'inherit',
+                color:  isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                padding: [0, 0, 0, 0]
+            }
+        },
+        yAxis: {
+            type: 'value',
+            position: 'right',
+             axisTick: 'none',
+            axisLine: { show: false },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color:  isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                name: 'Visitors',
+                type: 'bar',
+                stack: 'total',
+                barWidth: '35%',
+                data: [100000, 120000, 90000, 150000, 130000, 160000, 140000, 180000, 150000, 200000, 170000, 210000],
+                itemStyle: {
+                    borderRadius: [10, 10, 10, 10],
+                    color:'var(--color-amber-500)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+            },
+            {
+                name: 'Sales',
+                type: 'bar',
+                stack: 'total',
+                barWidth: '35%',
+                data: [40000, 70000, 60000, 100000, 90000, 120000, 110000, 140000, 120000, 160000, 150000, 170000],
+                itemStyle: {
+                    barGap: '10%',
+                    borderRadius: [10, 10, 10, 10],
+                    color: 'var(--color-primary)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+            }
+        ]
+    };
+}
+function getOptionProjection(isDark) {
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'item',
+            formatter: '{b}: {c}k ({d}%)',
+            backgroundColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+            textStyle: {
+                fontFamily: 'inherit',
+                color: isDark ? 'var(--color-zinc-100)' : 'var(--color-zinc-600)'
+            }
+        },
+        legend: {
+            show: false,
+            top: '0px',
+            textStyle: {
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)',
+                fontFamily: 'inherit',
+            },
+            itemGap: 20,
+        },
+        series: [{
+            name: 'Visitors',
+            type: 'pie',
+            radius: ['70%', '90%'],
+            avoidLabelOverlap: false,
+            selectedMode: false,
+            startAngle: 90,
+            label: {
+                fontFamily: 'inherit',
+                show: true,
+                position: 'center',
+                formatter: '-12k',
+                fontSize: 36,
+                fontWeight: 'var(--font-semibold)',
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)',
+            },
+            emphasis: { disabled: true },
+            labelLine: { show: false },
+            itemStyle: {
+                borderRadius: 6,
+                borderColor: isDark ? 'var(--color-zinc-900)' : '#fff',
+                borderWidth: 6
+            },
+            data: [
+                {
+                    value: 93, name: 'Projection',
+                    itemStyle: {
+                        color: 'var(--color-amber-500)',
+                    }
+                },
+                {
+                    value: 81, name: 'Actual',
+                    itemStyle: {
+                        color: 'var(--color-primary)'
+                    }
+                },
+            ]
+        }]
+    };
+}
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+initChart(document.getElementById('chart_earnings'), getOptionEarnings);
+initChart(document.getElementById('chart_visitors_sales'), getOptionVisitorsVsSales);
+initChart(document.getElementById('chart_pie_projection'), getOptionProjection);
+
+
+//Map
+const markers = [
+  { coords: [40.71, -74], name: "New York", Sales: '137K' },
+  { coords: [35.68, 139.69], name: "Tokyo", Sales: '122K' },
+  { coords: [28.61, 77.20], name: "Delhi", Sales: '119K' },
+  { coords: [40.42, -3.70], name: "Madrid", Sales: '87K' }
+];
+const map = new jsVectorMap({
+    map: "world",
+    selector: "#world-map-markers",
+    zoomOnScroll: false,
+    zoomButtons: false,
+    zoomAnimate: false,
+    panOnDrag: false,
+    backgroundColor: "transparent",
+
+    regionStyle: {
+        initial: {
+            fill: "var(--color-primary-subtle)"
+        },
+         hover: {
+    fill: "var(--color-primary)",
+  },
+    },
+    markers: markers,
+
+    markerStyle: {
+        initial: {
+            r: 6,
+            fill: "var(--color-primary)",
+            "fill-opacity": 0.9,
+            stroke: "var(--color-primary-subtle)",
+            "stroke-width": 3,
+            "stroke-opacity": 0.6
+        },
+        hover: {
+            fill: "var(--color-primary-deep)",
+            "fill-opacity": 1,
+            "stroke-width": 0
+        }
+    },
+    onMarkerTooltipShow(event, tooltip, index) {
+    const marker = markers[index];
+    const html = `
+      <h5 class="!text-white/70 px-2 pt-1 text-xs">${marker.name}</h5>
+      <p class="font-semibold px-2">${marker.Sales} Sales</p>
+    `;
+    tooltip.text(html, true);
+  }
+});
+
+
+//Tom select
+document.querySelectorAll('.js-select').forEach(select => {
+    new TomSelect(select, {
+        maxItems: 1,
+        create: false,
+        searchField: [],
+        controlInput: null
+    });
+});
+
+//Toast
+window.onload = function() {
+    Swal.fire({
+      toast: true,
+      position: 'top',
+      showConfirmButton: false,
+      timer: 4000,
+      timerProgressBar: true,
+      showCloseButton: true,
+      closeButtonHtml: '<span class="icon-[lucide--x]"></span>',
+      title:`<div class="flex items-start gap-3.5"><span class="icon-[lucide--triangle-alert] text-xl text-amber-500 mt-2"></span><div class="flex-grow"><h5 class="text-base">Attention required!</h5><p class="text-muted text-sm font-normal"> Your free trail ends in next 3 days.</p><a href="account-pricing.html" class="text-primary text-sm">Upgrade here <span class="icon-[lucide--external-link] ms-1"></span></a></div></div>`
+    });
+  };
\ No newline at end of file
diff --git a/www/raven-demo/js/dashboard-education.js b/www/raven-demo/js/dashboard-education.js
new file mode 100644
index 0000000..5fa7056
--- /dev/null
+++ b/www/raven-demo/js/dashboard-education.js
@@ -0,0 +1,191 @@
+//dashboard charts
+
+const charts = [];
+
+function getOptionTopics(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400
+            },
+              formatter: function (params) {
+        let result = '';
+        params.forEach(function (item) {
+            result += item.marker + ' ' + item.seriesName + ': ' + item.value + '%<br/>';
+        });
+        return result;
+    }
+        },
+        grid: {
+            right: '40px',
+            left: '70px',
+            bottom: '30px',
+            top: '0'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'value',
+            boundaryGap: true,
+            
+            axisLine: {lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, 0],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            },
+            splitLine: {show:false, lineStyle: { color: gridColor } }
+        },
+        yAxis: {
+            position: 'left',
+            axisTick: 'none',
+            type: 'category',
+            data: ['UI design', 'React', 'Angular', 'Python', 'Animation', 'Svelte'],
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel:{
+                padding: [0, 0, 0,0],
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            },
+            splitLine: {show:true, lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [{
+          name: 'Your interest rate is',
+          type: 'bar',
+          data: [80, 60, 55, 50, 40, 25],
+          barWidth: '50%',
+          label: {
+    show: true,
+    position: 'right',
+    formatter: '{c}%',
+    color: isDark ? 'var(--color-zinc-200)' : 'var(--color-zinc-700)',
+    fontFamily: 'inherit',
+    fontSize: 12
+  },
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: function(params) {
+        const colors = [
+            'var(--color-primary)',
+            'var(--color-amber-500)',
+            'var(--color-sky-500)',
+            'var(--color-cyan-500)',
+            'var(--color-green-500)',
+            'var(--color-purple-500)'
+        ];
+        return colors[params.dataIndex];
+    },
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }],
+    };
+}
+function getOptionWeeklyReport(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400,
+            }
+        },
+        grid: {
+            left: 0,
+            right: 0,
+            top: 10,
+            bottom: 0,
+            containLabel: false
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Week1', 'Week2', 'Week3', 'Week4', 'Week5', 'Week6', 'Week7', 'Week8', 'Week9', 'Week10'],
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: { show: false }
+        },
+        yAxis: {
+            type: 'value',
+            axisLine: { show: false },
+            axisTick: { show: false },
+            splitLine: { show: false },
+            axisLabel: { show: false }
+        },
+        series: [
+            {
+                type: 'bar',
+                data: [24, 40, 31, 28, 38, 18, 24, 19, 14, 28],
+                barWidth: '30%',
+                itemStyle: {
+                    color: 'var(--color-primary)',
+                    borderRadius: [4, 4, 4, 4]
+                },
+                emphasis: {
+                    itemStyle: {
+                        color: 'var(--color-primary)',
+                    },
+                }
+            }
+        ]
+    };
+}
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_topics'), getOptionTopics);
+initChart(document.getElementById('chart_weekly_report'), getOptionWeeklyReport);
diff --git a/www/raven-demo/js/dashboard-jobs.js b/www/raven-demo/js/dashboard-jobs.js
new file mode 100644
index 0000000..c03f70a
--- /dev/null
+++ b/www/raven-demo/js/dashboard-jobs.js
@@ -0,0 +1,208 @@
+const charts = [];
+
+function getOptionJobs(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400
+            },
+        },
+        grid: {
+            left: '0px',
+            right: '40px',
+            bottom: '60px',
+            top: '3%'
+        },
+        legend: {
+            bottom: 0,
+            itemGap: 30,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor, type: 'dashed' } },
+            axisLabel: {
+                fontSize: 11,
+                fontFamily: 'inherit',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                padding: [0, 0, 0, 0]
+            }
+        },
+        yAxis: {
+            type: 'value',
+            position: 'right',
+            axisLine: { show: false },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                data: [78, 123, 78, 61, 29, 64, 77, 59, 105, 138, 78, 89],
+                name: 'Applications',
+                type: 'bar',
+                stack: false,
+                barWidth: '25%',
+                itemStyle: {
+                    barGap: '0',
+                    borderRadius: [2, 2, 2, 2],
+                    color: 'var(--color-primary)',
+                    borderWidth: 1,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                },
+            },
+            {
+                data: [25, 22, 16, 19, 16, 14, 23, 16, 17, 21, 12, 28],
+                name: 'Jobs posted',
+                type: 'bar',
+                stack: false,
+                barWidth: '25%',
+                itemStyle: {
+                    barGap: '0',
+                    borderRadius: [2, 2, 2, 2],
+                    color: 'var(--color-amber-500)',
+                    borderWidth: 1,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                },
+            },
+        ]
+    };
+}
+function getOptionImpression(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'item',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,
+                fontWeight: 400,
+            },
+             formatter: function(params) {
+    const value = params.value;
+    const name = params.name;
+    const color = params.color || '#999';
+    
+    return `
+      <div style="font-family: inherit; font-size: 14px;">
+        <div style="margin-bottom: 4px;">${name}</div>
+        <div style="color: ${color}; font-weight: 500;">
+          ${value}k
+        </div>
+      </div>
+    `;
+  }
+        },
+        series: [
+            {
+                name: 'Impression',
+                type: 'funnel',
+                left: '0%',
+                top: 0,
+                bottom: 0,
+                width: '100%',
+                min: 0,
+                max: 100,
+                minSize: '0%',
+                maxSize: '100%',
+                sort: 'descending',
+                gap: 2,
+                label: {
+        show: true,
+        position: 'inside',
+        color: '#fff',
+        fontSize: 14,
+        fontWeight: 'normal',
+        fontFamily:'inherit',
+      },
+                labelLine: {
+                    length: 10,
+                    lineStyle: {
+                        width: 1,
+                        type: 'solid'
+                    }
+                },
+                itemStyle: {
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                    borderWidth: 1
+                },
+                emphasis: {
+                    disabled: true
+                },
+                data: [
+                    { value: 360, name: 'Direct',itemStyle:{color: 'var(--color-primary)'} },
+                    { value: 120, name: 'Search',itemStyle:{color: 'var(--color-blue-500)'} },
+                    { value: 70, name: 'Social',itemStyle:{color: 'var(--color-lime-500)'} },
+                    { value: 40, name: 'Ads',itemStyle:{color: 'var(--color-amber-500)'} },
+                ]
+            }
+        ]
+    }
+}
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_jobs'), getOptionJobs);
+initChart(document.getElementById('chart_impression'), getOptionImpression);
\ No newline at end of file
diff --git a/www/raven-demo/js/dashboard-marketing.js b/www/raven-demo/js/dashboard-marketing.js
new file mode 100644
index 0000000..790ddf7
--- /dev/null
+++ b/www/raven-demo/js/dashboard-marketing.js
@@ -0,0 +1,257 @@
+//dashboard charts
+
+const charts = [];
+
+function getOptionAds(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,
+                fontWeight:400
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '0px',
+            bottom: '30px',
+            top: '40px'
+        },
+        legend: {
+            show: true,
+            top: 0,
+            itemGap: 40,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: true,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor, type: 'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, -10],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-sm)',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            
+            {
+                name: 'Campaign',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: true,
+                emphasis: {
+                   disabled:true
+                },
+                lineStyle: { color: 'var(--color-yellow-500)' },
+                itemStyle: { color: 'var(--color-yellow-500)' },
+                data: [1200, 1020, 900, 1070, 1700, 1440, 1620, 1900, 1340, 1670, 950, 820]
+            },
+            {
+                name: 'Emails',
+                type: 'bar',
+                barWidth: '40%',
+                data: [453, 846, 699, 759, 1210, 1880, 930, 1170, 710, 620, 1190, 870],
+                itemStyle: {
+                    borderRadius: [10, 10, 10, 10],
+                    color: 'var(--color-primary)',
+                },
+                emphasis: {
+                    disabled: true
+                },
+            },
+             
+        ]
+    };
+}
+
+function getOptionLead(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '0px',
+            bottom: '30px',
+            top: '0'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'value',
+            boundaryGap: true,
+            
+            axisLine: {lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, 0],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            },
+            splitLine: {show:false, lineStyle: { color: gridColor } }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'category',
+            data: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E', 'Team F'],
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel:{
+                padding: [0, 0, 0, -15],
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            },
+            splitLine: {show:true, lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [{
+          name: 'Campaigns',
+          type: 'bar',
+          stack: 'total',
+          data: [1405, 1300, 1620, 1430, 1500, 1520],
+          barWidth: '50%',
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: 'var(--color-primary)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }, {
+          name: 'Lead',
+          type: 'bar',
+          stack: 'total',
+          data: [320, 302, 301, 334, 340, 390],
+          barWidth: '50%',
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: 'var(--color-amber-500)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }, {
+          name: 'Opportunity',
+          type: 'bar',
+          stack: 'total',
+          data: [220, 182, 351, 234, 290, 300],
+          barWidth: '50%',
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: 'var(--color-sky-500)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }, {
+          name: 'Deal',
+          type: 'bar',
+          stack: 'total',
+          data: [120, 182, 191, 134, 190, 170],
+          barWidth: '50%',
+          itemStyle: {
+                    borderRadius: [3, 3, 3, 3],
+                    color: 'var(--color-cyan-500)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+        }],
+    };
+}
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_visitor'), getOptionAds);
+initChart(document.getElementById('chart_lead'), getOptionLead);
\ No newline at end of file
diff --git a/www/raven-demo/js/dashboard-restaurant.js b/www/raven-demo/js/dashboard-restaurant.js
new file mode 100644
index 0000000..107a4ed
--- /dev/null
+++ b/www/raven-demo/js/dashboard-restaurant.js
@@ -0,0 +1,119 @@
+const charts = [];
+function getOptionOrders(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-700)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,
+                fontWeight:400
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '0px',
+            bottom: '30px',
+            top: '40px'
+        },
+        legend: {
+            show: true,
+            top: 0,
+            itemGap: 40,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: true,
+            data: ['09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00'],
+            axisLine: { lineStyle: { color: gridColor, type: 'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, -10],
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-sm)',
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-400)'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            
+            {
+                name: 'Orders',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 8,
+                showSymbol: true,
+                emphasis: {
+                   disabled:true
+                },
+                lineStyle: { color: 'var(--color-primary)' },
+                itemStyle: { color: 'var(--color-primary)' },
+                data: [3, 7, 12, 16, 11, 18, 9, 14, 7, 24, 14, 6]
+            },
+             
+        ]
+    };
+}
+
+
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_orders'), getOptionOrders);
\ No newline at end of file
diff --git a/www/raven-demo/js/dashboard-social.js b/www/raven-demo/js/dashboard-social.js
new file mode 100644
index 0000000..1ef81ed
--- /dev/null
+++ b/www/raven-demo/js/dashboard-social.js
@@ -0,0 +1,134 @@
+const charts = [];
+function getOptionLine(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-white)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor,fontWeight:400,
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '20px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Sep 1', 'Sep 2', 'Sep 3', 'Sep 4', 'Sep 5', 'Sep 6', 'Sep 7', 'Sep 8', 'Sep 9', 'Sep 10', 'Sep 11', 'Sep 12'],
+            axisLine: { lineStyle: { color: gridColor,type: 'dashed' } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                
+                showMaxLabel: false,
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: isDark ? 'var(--color-zinc-500)' : 'var(--color-zinc-400)',
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { 
+                lineStyle: 
+                { 
+                    color: gridColor,
+                    type: 'dashed'
+                 } 
+                }
+        },
+        series: [
+            {
+                name: 'Followers',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                  disabled:true
+                },
+                lineStyle: { color: 'var(--color-primary)' },
+                itemStyle: { color: 'var(--color-primary)' },
+                data: [87000, 57000, 74000, 98000, 74000, 44000, 62000, 49000, 82000, 56000, 47000, 54000]
+            },
+            {
+                name: 'Non-followers',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                     disabled:true
+                },
+                lineStyle: { color: 'var(--color-pink-500)', type:'dashed' },
+                itemStyle: { color: 'var(--color-pink-500)' },
+                data: [35000, 41000, 62000, 42000, 14000, 18000, 29000, 37000, 36000, 5100, 32000, 34000]
+            }
+        ]
+    };
+}
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+
+
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+
+// Initialize all charts
+initChart(document.getElementById('chart_social_views'), getOptionLine);
diff --git a/www/raven-demo/js/demo-echarts.js b/www/raven-demo/js/demo-echarts.js
new file mode 100644
index 0000000..1102ef6
--- /dev/null
+++ b/www/raven-demo/js/demo-echarts.js
@@ -0,0 +1,570 @@
+//ChartsDemo
+
+const charts = [];
+function getOptionArea(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                const value = params[0].value;
+                return `${params[0].axisValue}<br/><span>$${value} USD</span>`;
+            }
+        },
+        grid: {
+            right: '35px',
+            left: '10px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                padding: [0, 0, 0, 5],
+                showMaxLabel: false,
+                color: textColor,
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: textColor,
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                type: 'line',
+                data: [27000, 51000, 44000, 68000, 52000, 74000, 59000, 82000, 64000, 87000, 72000, 94000],
+                symbol: 'none',
+                smooth: true,
+                areaStyle: {
+                    color: {
+                        type: 'linear',
+                        x: 0,
+                        y: 0,
+                        x2: 0,
+                        y2: 1,
+                        colorStops: [{
+                            offset: 0,
+                            color: 'var(--color-primary-subtle)'
+                        }, {
+                            offset: 1,
+                            color: 'rgba(0,0,0,0)'
+                        }]
+                    }
+                },
+                lineStyle: {
+                    color: 'var(--color-primary)',
+                    width: 2
+                },
+                emphasis: {
+                    disabled: true
+                },
+            }
+        ]
+    };
+}
+function getOptionLine(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '20px',
+            bottom: '30px',
+            top: '3%'
+        },
+        legend: {
+            show: false,
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 11,
+                padding: [0, 0, 0, 5],
+                showMaxLabel: false,
+                color: textColor,
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: textColor,
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                name: 'Organic',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                    lineStyle: { color: 'var(--color-primary)' },
+                    itemStyle: { color: 'var(--color-primary)' },
+                },
+                lineStyle: { color: 'var(--color-primary)' },
+                itemStyle: { color: 'var(--color-primary)' },
+                data: [87000, 57000, 74000, 98000, 74000, 44000, 62000, 49000, 82000, 56000, 47000, 54000]
+            },
+            {
+                name: 'Referral',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                emphasis: {
+                    lineStyle: { color: 'var(--color-sky-500)' },
+                    itemStyle: { color: 'var(--color-sky-500)' },
+                },
+                lineStyle: { color: 'var(--color-sky-500)' },
+                itemStyle: { color: 'var(--color-sky-500)' },
+                data: [35000, 41000, 62000, 42000, 14000, 18000, 29000, 37000, 36000, 5100, 32000, 34000]
+            },
+            {
+                name: 'Ads',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: false,
+                lineStyle: { color: 'var(--color-yellow-500)', type: 'dashed' },
+                itemStyle: { color: 'var(--color-yellow-500)' },
+                emphasis: {
+                    lineStyle: { color: 'var(--color-yellow-500)' },
+                    itemStyle: { color: 'var(--color-yellow-500)' },
+                },
+                data: [45000, 52000, 38000, 24000, 33000, 24000, 21000, 19000, 64000, 84000, 16000, 18000]
+            }
+        ]
+    };
+}
+
+function getOptionBar(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                let tooltip = `${params[0].axisValue}<br/>`;
+                params.forEach(p => {
+                    const valueInK = (p.value / 1000).toFixed(1);
+                    tooltip += `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:8px;height:8px;background-color:${p.color}"></span> ${p.seriesName}: ${valueInK}k<br/>`;
+                });
+                return tooltip;
+            }
+        },
+        grid: {
+            left: '0px',
+            right: '40px',
+            bottom: '60px',
+            top: '3%'
+        },
+        legend: {
+            bottom: 0,
+            itemGap: 20,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                fontSize: 11,
+                fontFamily: 'inherit',
+                color: textColor,
+                padding: [0, 0, 0, 5]
+            }
+        },
+        yAxis: {
+            type: 'value',
+            position: 'right',
+            axisLine: { show: false },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-xs)',
+                color: textColor,
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+            {
+                name: 'Visitors',
+                type: 'bar',
+                stack: 'total',
+                barWidth: '40%',
+                data: [100000, 120000, 90000, 150000, 130000, 160000, 140000, 180000, 150000, 200000, 170000, 210000],
+                itemStyle: {
+                    borderRadius: [10, 10, 10, 10],
+                    color: isDark ? 'var(--color-zinc-600)' : 'var(--color-zinc-300)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+            },
+            {
+                name: 'Sales',
+                type: 'bar',
+                stack: 'total',
+                barWidth: '40%',
+                data: [40000, 70000, 60000, 100000, 90000, 120000, 110000, 140000, 120000, 160000, 150000, 170000],
+                itemStyle: {
+                    barGap: '10%',
+                    borderRadius: [10, 10, 10, 10],
+                    color: 'var(--color-primary)',
+                    borderWidth: 2,
+                    borderColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-white)',
+                },
+                emphasis: {
+                    disabled: true
+                }
+            }
+        ]
+    };
+}
+function getOptionPolar(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            },
+            formatter: function (params) {
+                return `${params.name}: $${params.value}k`;
+            },
+        },
+        polar: {
+            radius: [30, '80%']
+        },
+        radiusAxis: {
+            max: 40,
+            splitLine: {
+                lineStyle: {
+                    color: gridColor,
+                    width: 1
+                }
+            },
+            axisLine: {
+                show: false
+            },
+            axisLabel: {
+                show: false
+            },
+            axisTick: {
+                show: false
+            }
+        },
+        angleAxis: {
+            type: 'category',
+            data: ['Visitors', 'Sales', 'Profit', 'Expanses'],
+            startAngle: 75,
+            axisLine: {
+                lineStyle: {
+                    color: gridColor
+                }
+            },
+            axisLabel: {
+                color: textColor,
+                
+            fontFamily:'inherit',
+            }
+        },
+        series: {
+            type: 'bar',
+            data: [37, 23, 14, 7],
+            coordinateSystem: 'polar',
+
+            label: {
+                show: false,
+                position: 'middle',
+                formatter: '{b}: {c}'
+            },
+            itemStyle: {
+                color: function (params) {
+                    const colors = [
+                        'var(--color-sky-500)',
+                        'var(--color-amber-500)',
+                        'var(--color-primary)',
+                        'var(--color-rose-500)'
+                    ];
+                    return colors[params.dataIndex % colors.length];
+                },
+            },
+            emphasis: {
+                disabled: true
+            }
+        },
+    };
+}
+function getOptionPie(isDark) {
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'item',
+            formatter: '{b}: {c}k ({d}%)',
+            backgroundColor: isDark ? 'var(--color-zinc-900)' : 'var(--color-zinc-50)',
+            textStyle: {
+                fontFamily: 'inherit',
+                color: isDark ? 'var(--color-zinc-100)' : 'var(--color-zinc-600)'
+            }
+        },
+        legend: {
+            show: false,
+            top: '0px',
+            textStyle: {
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)',
+                fontFamily: 'inherit',
+            },
+            itemGap: 20,
+        },
+        series: [{
+            name: 'Visitors',
+            type: 'pie',
+            radius: ['70%', '90%'],
+            avoidLabelOverlap: false,
+            selectedMode: false,
+            startAngle: 90,
+            label: {
+                fontFamily: 'inherit',
+                show: true,
+                position: 'center',
+                formatter: '-12k',
+                fontSize: 36,
+                fontWeight: 'var(--font-semibold)',
+                color: isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-600)',
+            },
+            emphasis: { disabled: true },
+            labelLine: { show: false },
+            itemStyle: {
+                borderRadius: 12,
+                borderColor: isDark ? 'var(--color-zinc-900)' : '#fff',
+                borderWidth: 6
+            },
+            data: [
+                {
+                    value: 93, name: 'Projection',
+                    itemStyle: {
+                        color: isDark ? 'var(--color-zinc-600)' : 'var(--color-zinc-300)',
+                    }
+                },
+                {
+                    value: 81, name: 'Actual',
+                    itemStyle: {
+                        color: 'var(--color-primary)'
+                    }
+                },
+            ]
+        }]
+    };
+}
+function getOptionMix(isDark) {
+    const gridColor = isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-200)';
+    const textColor = isDark ? 'var(--color-zinc-300)' : 'var(--color-zinc-500)';
+
+    return {
+        backgroundColor: 'transparent',
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: isDark ? 'var(--color-zinc-800)' : 'var(--color-zinc-50)',
+            borderColor: gridColor,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        grid: {
+            right: '40px',
+            left: '0px',
+            bottom: '30px',
+            top: '40px'
+        },
+        legend: {
+            show: true,
+            top: 0,
+            itemGap: 30,
+            textStyle: {
+                fontFamily: 'inherit',
+                color: textColor
+            }
+        },
+        xAxis: {
+            type: 'category',
+            boundaryGap: true,
+            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+            axisLine: { lineStyle: { color: gridColor } },
+            axisLabel: {
+                align: 'left',
+                fontSize: 'var(--text-sm)',
+                padding: [0, 0, 0, -10],
+                showMaxLabel: false,
+                color: textColor,
+                fontFamily: 'inherit',
+            }
+        },
+        yAxis: {
+            position: 'right',
+            axisTick: 'none',
+            type: 'value',
+            axisLine: { show: false, lineStyle: { color: gridColor, type: 'dashed' } },
+            axisLabel: {
+                fontFamily: 'inherit',
+                fontSize: 'var(--text-sm)',
+                color: textColor,
+                formatter: value => value / 1000 + 'k'
+            },
+            splitLine: { lineStyle: { color: gridColor, type: 'dashed' } }
+        },
+        series: [
+
+            {
+                name: 'Campaign',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 7,
+                showSymbol: true,
+                emphasis: {
+                    disabled: true
+                },
+                lineStyle: { color: 'var(--color-yellow-500)' },
+                itemStyle: { color: 'var(--color-yellow-500)' },
+                data: [1200, 1020, 900, 1070, 1700, 1440, 1620, 1900, 1340, 1670, 950, 820]
+            },
+            {
+                name: 'Emails',
+                type: 'bar',
+                barWidth: '40%',
+                data: [453, 846, 699, 759, 1210, 1880, 930, 1170, 710, 620, 1190, 870],
+                itemStyle: {
+                    borderRadius: [10, 10, 10, 10],
+                    color: 'var(--color-primary)',
+                },
+                emphasis: {
+                    disabled: true
+                },
+            },
+
+        ]
+    };
+}
+
+function initChart(el, getOptionFn) {
+    const chart = echarts.init(el, null, { renderer: 'svg' });
+    charts.push({ chart, getOptionFn, el });
+
+    chart.setOption(getOptionFn(isDarkMode()));
+    // ResizeObserver
+    if (window.ResizeObserver) {
+        const resizeObserver = new ResizeObserver(() => chart.resize());
+        resizeObserver.observe(el);
+    }
+}
+
+function isDarkMode() {
+    return document.documentElement.classList.contains('dark');
+}
+
+function rerenderAll() {
+    const isDark = isDarkMode();
+    charts.forEach(({ chart, getOptionFn }) => {
+        chart.setOption(getOptionFn(isDark));
+    });
+}
+// Rerender on theme change
+const themeObserver = new MutationObserver(rerenderAll);
+themeObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['class']
+});
+
+// Rerender on window resize (fallback)
+window.addEventListener('resize', () => {
+    charts.forEach(({ chart }) => chart.resize());
+});
+initChart(document.getElementById('chart_area'), getOptionArea);
+initChart(document.getElementById('chart_bar'), getOptionBar);
+initChart(document.getElementById('chart_pie'), getOptionPie);
+initChart(document.getElementById('chart_polar'), getOptionPolar);
+initChart(document.getElementById('chart_mix'), getOptionMix);
+initChart(document.getElementById('chart_line'), getOptionLine);
diff --git a/www/raven-demo/js/theme.js b/www/raven-demo/js/theme.js
new file mode 100644
index 0000000..66ba223
--- /dev/null
+++ b/www/raven-demo/js/theme.js
@@ -0,0 +1,2 @@
+!function i(o,r,s){function a(t,e){if(!r[t]){if(!o[t]){var n="function"==typeof require&&require;if(!e&&n)return n(t,!0);if(l)return l(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}n=r[t]={exports:{}},o[t][0].call(n.exports,function(e){return a(o[t][1][e]||e)},n,n.exports,i,o,r,s)}return r[t].exports}for(var l="function"==typeof require&&require,e=0;e<s.length;e++)a(s[e]);return a}({1:[function(e,t,n){function ko(e,t,n,i){var o=r(s(1&i?e.prototype:e),t,n);return 2&i&&"function"==typeof o?function(e){return o.apply(n,e)}:o}function r(){return(r="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,n){var i=((e,t)=>{for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=s(e)););return e})(e,t);if(i)return(i=Object.getOwnPropertyDescriptor(i,t)).get?i.get.call(arguments.length<3?e:n):i.value}).apply(null,arguments)}function Eo(e,t,n){return t=s(t),xo(e,i()?Reflect.construct(t,n||[],s(e).constructor):t.apply(e,n))}function xo(e,t){if(t&&("object"==No(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");t=e;if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function i(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(i=function(){return!!e})()}function s(e){return(s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Ao(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&o(e,t)}function o(e,t){return(o=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function a(t,e){var n,i=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),i.push.apply(i,n)),i}function Oo(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?a(Object(n),!0).forEach(function(e){So(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function So(e,t,n){return(t=c(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Lo(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,c(i.key),i)}}function To(e,t,n){return t&&l(e.prototype,t),n&&l(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function c(e){e=((e,t)=>{if("object"!=No(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);if("object"!=No(n=n.call(e,t||"default")))return n;throw new TypeError("@@toPrimitive must return a primitive value.")})(e,"string");return"symbol"==No(e)?e:e+""}function Co(e,t){return(e=>{if(Array.isArray(e))return e})(e)||((e,t)=>{var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,o,r,s,a=[],l=!0,c=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(i=r.call(n)).done)&&(a.push(i.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw o}}return a}})(e,t)||u(e,t)||(()=>{throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")})()}function Mo(e,t){var n,i,o,r,s="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(s)return o=!(i=!0),{s:function(){s=s.call(e)},n:function(){var e=s.next();return i=e.done,e},e:function(e){o=!0,n=e},f:function(){try{i||null==s.return||s.return()}finally{if(o)throw n}}};if(Array.isArray(e)||(s=u(e))||t&&e&&"number"==typeof e.length)return s&&(e=s),r=0,{s:t=function(){},n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function Do(e){return(e=>{if(Array.isArray(e))return f(e)})(e)||(e=>{if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)})(e)||u(e)||(()=>{throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")})()}function u(e,t){var n;if(e)return"string"==typeof e?f(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}function No(e){return(No="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var d;d=function(){function P(e){e.dispatchEvent(new Event(U))}function o(e){return c(e)?e.jquery?e[0]:e:"string"==typeof e&&0<e.length?document.querySelector(K(e)):null}function r(e){if(!c(e)||0===e.getClientRects().length)return!1;var t="visible"===getComputedStyle(e).getPropertyValue("visibility"),n=e.closest("details:not([open])");if(n&&n!==e){e=e.closest("summary");if(e&&e.parentNode!==n)return!1;if(null===e)return!1}return t}function s(e){return!e||e.nodeType!==Node.ELEMENT_NODE||!!e.classList.contains("disabled")||(void 0!==e.disabled?e.disabled:e.hasAttribute("disabled")&&"false"!==e.getAttribute("disabled"))}function W(e){var t;return document.documentElement.attachShadow?"function"==typeof e.getRootNode?(t=e.getRootNode())instanceof ShadowRoot?t:null:e instanceof ShadowRoot?e:e.parentNode?W(e.parentNode):null:null}function z(){}function q(e){e.offsetHeight}function F(){return window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null}function a(){return"rtl"===document.documentElement.dir}function e(i){var e;e=function(){var e,t,n=F();n&&(e=i.NAME,t=n.fn[e],n.fn[e]=i.jQueryInterface,n.fn[e].Constructor=i,n.fn[e].noConflict=function(){return n.fn[e]=t,i.jQueryInterface})},"loading"===document.readyState?(Q.length||document.addEventListener("DOMContentLoaded",function(){for(var e=0,t=Q;e<t.length;e++)(0,t[e])()}),Q.push(e)):e()}function l(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:[],n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:e;return"function"==typeof e?e.call.apply(e,Do(t)):n}function R(t,n){var e,i,o,r,s,a;2<arguments.length&&void 0!==arguments[2]&&!arguments[2]?l(t):(o=5+((e=n)&&(i=(e=window.getComputedStyle(e)).transitionDuration,e=e.transitionDelay,o=Number.parseFloat(i),r=Number.parseFloat(e),o||r)?(i=i.split(",")[0],e=e.split(",")[0],(Number.parseFloat(i)+Number.parseFloat(e))*X):0),s=!1,n.addEventListener(U,a=function(e){e.target===n&&(s=!0,n.removeEventListener(U,a),l(t))}),setTimeout(function(){s||P(n)},o))}function H(e,t,n,i){var o=e.length;return-1===(t=e.indexOf(t))?!n&&i?e[o-1]:e[0]:(t+=n?1:-1,i&&(t=(t+o)%o),e[Math.max(0,Math.min(t,o-1))])}var i=new Map,B=function(e,t,n){i.has(e)||i.set(e,new Map);e=i.get(e);e.has(t)||0===e.size?e.set(t,n):console.error("Bootstrap doesn't allow more than one instance per element. Bound instance: ".concat(Array.from(e.keys())[0],"."))},V=function(e,t){return i.has(e)&&i.get(e).get(t)||null},Y=function(e,t){var n;i.has(e)&&((n=i.get(e)).delete(t),0===n.size)&&i.delete(e)},X=1e3,U="transitionend",K=function(e){return e=e&&window.CSS&&window.CSS.escape?e.replace(/#([^\s"#']+)/g,function(e,t){return"#".concat(CSS.escape(t))}):e},c=function(e){return!(!e||"object"!==No(e))&&void 0!==(e=void 0!==e.jquery?e[0]:e).nodeType},Q=[],$=/[^.]*(?=\..*)\.|.*/,G=/\..*/,Z=/::\d+$/,J={},ee=1,te={mouseenter:"mouseover",mouseleave:"mouseout"},ne=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function ie(e,t){return t&&"".concat(t,"::").concat(ee++)||e.uidEvent||ee++}function oe(e){var t=ie(e);return e.uidEvent=t,J[t]=J[t]||{},J[t]}function re(e,t,n){var i=2<arguments.length&&void 0!==n?n:null;return Object.values(e).find(function(e){return e.callable===t&&e.delegationSelector===i})}function se(e,t,n){var i="string"==typeof t,t=!i&&t||n,n=ce(e);return[i,t,n=ne.has(n)?n:e]}function ae(e,t,n,i,o){var r,s,a,l,c,u,f,d,h,p;"string"==typeof t&&e&&(r=(i=Co(se(t,n,i),3))[0],s=i[1],i=i[2],t in te&&(a=s,s=function(e){if(!e.relatedTarget||e.relatedTarget!==e.delegateTarget&&!e.delegateTarget.contains(e.relatedTarget))return a.call(this,e)}),(c=re(l=(l=oe(e))[i]||(l[i]={}),s,r?n:null))?c.oneOff=c.oneOff&&o:(c=ie(s,t.replace($,"")),(t=r?(d=e,h=n,p=s,function e(t){for(var n=d.querySelectorAll(h),i=t.target;i&&i!==this;i=i.parentNode){var o,r=Mo(n);try{for(r.s();!(o=r.n()).done;){var s=o.value;if(s===i)return ue(t,{delegateTarget:i}),e.oneOff&&m.off(d,t.type,h,p),p.apply(i,[t])}}catch(e){r.e(e)}finally{r.f()}}}):(u=e,f=s,function e(t){return ue(t,{delegateTarget:u}),e.oneOff&&m.off(u,t.type,f),f.apply(u,[t])})).delegationSelector=r?n:null,t.callable=s,t.oneOff=o,l[t.uidEvent=c]=t,e.addEventListener(i,t,r)))}function le(e,t,n,i,o){i=re(t[n],i,o);i&&(e.removeEventListener(n,i,Boolean(o)),delete t[n][i.uidEvent])}function ce(e){return e=e.replace(G,""),te[e]||e}var m={on:function(e,t,n,i){ae(e,t,n,i,!1)},one:function(e,t,n,i){ae(e,t,n,i,!0)},off:function(e,t,n,i){if("string"==typeof t&&e){var i=Co(se(t,n,i),3),o=i[0],r=i[1],s=i[2],a=s!==t,l=oe(e),i=l[s]||{},c=t.startsWith(".");if(void 0!==r)return Object.keys(i).length?void le(e,l,s,r,o?n:null):void 0;if(c)for(var u=0,f=Object.keys(l);u<f.length;u++)for(var d=f[u],h=(w=_=b=y=g=v=m=p=h=void 0,e),p=l,m=d,v=t.slice(1),g=p[m]||{},y=0,b=Object.entries(g);y<b.length;y++){var _=Co(b[y],2),w=_[0],_=_[1];w.includes(v)&&le(h,p,m,_.callable,_.delegationSelector)}for(var k=0,E=Object.entries(i);k<E.length;k++){var x=Co(E[k],2),A=x[0],x=x[1],A=A.replace(Z,"");a&&!t.includes(A)||le(e,l,s,x.callable,x.delegationSelector)}}},trigger:function(e,t,n){var i,o,r,s,a;return"string"==typeof t&&e?(a=F(),s=!(r=o=!(i=null)),t!==ce(t)&&a&&(i=a.Event(t,n),a(e).trigger(i),o=!i.isPropagationStopped(),r=!i.isImmediatePropagationStopped(),s=i.isDefaultPrevented()),a=ue(new Event(t,{bubbles:o,cancelable:!0}),n),s&&a.preventDefault(),r&&e.dispatchEvent(a),a.defaultPrevented&&i&&i.preventDefault(),a):null}};function ue(i,e){for(var o=0,r=Object.entries(1<arguments.length&&void 0!==e?e:{});o<r.length;o++)(()=>{var e=Co(r[o],2),t=e[0],n=e[1];try{i[t]=n}catch(e){Object.defineProperty(i,t,{configurable:!0,get:function(){return n}})}})();return i}function fe(t){if("true"===t)return!0;if("false"===t)return!1;if(t===Number(t).toString())return Number(t);if(""===t||"null"===t)return null;if("string"!=typeof t)return t;try{return JSON.parse(decodeURIComponent(t))}catch(e){return t}}function de(e){return e.replace(/[A-Z]/g,function(e){return"-".concat(e.toLowerCase())})}function he(e){var t=e.getAttribute("data-bs-target");if(!t||"#"===t){e=e.getAttribute("href");if(!e||!e.includes("#")&&!e.startsWith("."))return null;t=(e=e.includes("#")&&!e.startsWith("#")?"#".concat(e.split("#")[1]):e)&&"#"!==e?e.trim():null}return t?t.split(",").map(function(e){return K(e)}).join(","):null}function pe(t){var n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"hide",e="click.dismiss".concat(t.EVENT_KEY),i=t.NAME;m.on(document,e,'[data-bs-dismiss="'.concat(i,'"]'),function(e){["A","AREA"].includes(this.tagName)&&e.preventDefault(),s(this)||(e=u.getElementFromSelector(this)||this.closest(".".concat(i)),t.getOrCreateInstance(e)[n]())})}var me=function(e,t,n){e.setAttribute("data-bs-".concat(de(t)),n)},ve=function(e,t){e.removeAttribute("data-bs-".concat(de(t)))},ge=function(e){if(!e)return{};var t,n={},i=Mo(Object.keys(e.dataset).filter(function(e){return e.startsWith("bs")&&!e.startsWith("bsConfig")}));try{for(i.s();!(t=i.n()).done;){var o=t.value,r=o.replace(/^bs/,"");n[r=r.charAt(0).toLowerCase()+r.slice(1)]=fe(e.dataset[o])}}catch(e){i.e(e)}finally{i.f()}return n},ye=function(e,t){return fe(e.getAttribute("data-bs-".concat(de(t))))},be=(()=>To(function e(){Lo(this,e)},[{key:"_getConfig",value:function(e){return e=this._mergeConfigObj(e),e=this._configAfterMerge(e),this._typeCheckConfig(e),e}},{key:"_configAfterMerge",value:function(e){return e}},{key:"_mergeConfigObj",value:function(e,t){var n=c(t)?ye(t,"config"):{};return Oo(Oo(Oo(Oo({},this.constructor.Default),"object"===No(n)?n:{}),c(t)?ge(t):{}),"object"===No(e)?e:{})}},{key:"_typeCheckConfig",value:function(e){for(var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:this.constructor.DefaultType,n=0,i=Object.entries(t);n<i.length;n++){var o=Co(i[n],2),r=o[0],o=o[1],s=e[r],s=c(s)?"element":null==(s=s)?"".concat(s):Object.prototype.toString.call(s).match(/\s([a-z]+)/i)[1].toLowerCase();if(!new RegExp(o).test(s))throw new TypeError("".concat(this.constructor.NAME.toUpperCase(),': Option "').concat(r,'" provided type "').concat(s,'" but expected type "').concat(o,'".'))}}}],[{key:"Default",get:function(){return{}}},{key:"DefaultType",get:function(){return{}}},{key:"NAME",get:function(){throw new Error('You have to implement the static method "NAME", for each component!')}}]))(),t=(()=>{function i(e,t){var n;return Lo(this,i),n=Eo(this,i),(e=o(e))?(n._element=e,n._config=n._getConfig(t),B(n._element,n.constructor.DATA_KEY,n),n):xo(n)}return Ao(i,be),To(i,[{key:"dispose",value:function(){Y(this._element,this.constructor.DATA_KEY),m.off(this._element,this.constructor.EVENT_KEY);var e,t=Mo(Object.getOwnPropertyNames(this));try{for(t.s();!(e=t.n()).done;)this[e.value]=null}catch(e){t.e(e)}finally{t.f()}}},{key:"_queueCallback",value:function(e,t){R(e,t,!(2<arguments.length&&void 0!==arguments[2])||arguments[2])}},{key:"_getConfig",value:function(e){return e=this._mergeConfigObj(e,this._element),e=this._configAfterMerge(e),this._typeCheckConfig(e),e}}],[{key:"getInstance",value:function(e){return V(o(e),this.DATA_KEY)}},{key:"getOrCreateInstance",value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{};return this.getInstance(e)||new this(e,"object"===No(t)?t:null)}},{key:"VERSION",get:function(){return"5.3.8"}},{key:"DATA_KEY",get:function(){return"bs.".concat(this.NAME)}},{key:"EVENT_KEY",get:function(){return".".concat(this.DATA_KEY)}},{key:"eventName",value:function(e){return"".concat(e).concat(this.EVENT_KEY)}}])})(),u={find:function(e){var t,n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document.documentElement;return(t=[]).concat.apply(t,Do(Element.prototype.querySelectorAll.call(n,e)))},findOne:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document.documentElement;return Element.prototype.querySelector.call(t,e)},children:function(e,t){var n;return(n=[]).concat.apply(n,Do(e.children)).filter(function(e){return e.matches(t)})},parents:function(e,t){for(var n=[],i=e.parentNode.closest(t);i;)n.push(i),i=i.parentNode.closest(t);return n},prev:function(e,t){for(var n=e.previousElementSibling;n;){if(n.matches(t))return[n];n=n.previousElementSibling}return[]},next:function(e,t){for(var n=e.nextElementSibling;n;){if(n.matches(t))return[n];n=n.nextElementSibling}return[]},focusableChildren:function(e){var t=["a","button","input","textarea","select","details","[tabindex]",'[contenteditable="true"]'].map(function(e){return"".concat(e,':not([tabindex^="-"])')}).join(",");return this.find(t,e).filter(function(e){return!s(e)&&r(e)})},getSelectorFromElement:function(e){e=he(e);return e&&u.findOne(e)?e:null},getElementFromSelector:function(e){e=he(e);return e?u.findOne(e):null},getMultipleElementsFromSelector:function(e){e=he(e);return e?u.find(e):[]}},_e=".".concat("bs.alert"),we="close".concat(_e),ke="closed".concat(_e),_e=(()=>{function n(){return Lo(this,n),Eo(this,n,arguments)}return Ao(n,t),To(n,[{key:"close",value:function(){var e,t=this;m.trigger(this._element,we).defaultPrevented||(this._element.classList.remove("show"),e=this._element.classList.contains("fade"),this._queueCallback(function(){return t._destroyElement()},this._element,e))}},{key:"_destroyElement",value:function(){this._element.remove(),m.trigger(this._element,ke),this.dispose()}}],[{key:"NAME",get:function(){return"alert"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t](this)}})}}])})(),n=(pe(_e,"close"),e(_e),".".concat("bs.button")),Ee='[data-bs-toggle="button"]',n="click".concat(n).concat(".data-api"),xe=(()=>{function n(){return Lo(this,n),Eo(this,n,arguments)}return Ao(n,t),To(n,[{key:"toggle",value:function(){this._element.setAttribute("aria-pressed",this._element.classList.toggle("active"))}}],[{key:"NAME",get:function(){return"button"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this);"toggle"===t&&e[t]()})}}])})(),f=(m.on(document,n,Ee,function(e){e.preventDefault();e=e.target.closest(Ee);xe.getOrCreateInstance(e).toggle()}),e(xe),".bs.swipe"),Ae="touchstart".concat(f),Oe="touchmove".concat(f),Se="touchend".concat(f),Le="pointerdown".concat(f),Te="pointerup".concat(f),Ce={endCallback:null,leftCallback:null,rightCallback:null},Me={endCallback:"(function|null)",leftCallback:"(function|null)",rightCallback:"(function|null)"},De=(()=>{function i(e,t){var n;return Lo(this,i),((n=Eo(this,i))._element=e)&&i.isSupported()?(n._config=n._getConfig(t),n._deltaX=0,n._supportPointerEvents=Boolean(window.PointerEvent),n._initEvents(),n):xo(n)}return Ao(i,be),To(i,[{key:"dispose",value:function(){m.off(this._element,f)}},{key:"_start",value:function(e){this._supportPointerEvents?this._eventIsPointerPenTouch(e)&&(this._deltaX=e.clientX):this._deltaX=e.touches[0].clientX}},{key:"_end",value:function(e){this._eventIsPointerPenTouch(e)&&(this._deltaX=e.clientX-this._deltaX),this._handleSwipe(),l(this._config.endCallback)}},{key:"_move",value:function(e){this._deltaX=e.touches&&1<e.touches.length?0:e.touches[0].clientX-this._deltaX}},{key:"_handleSwipe",value:function(){var e=Math.abs(this._deltaX);e<=40||(e=e/this._deltaX,this._deltaX=0,e&&l(0<e?this._config.rightCallback:this._config.leftCallback))}},{key:"_initEvents",value:function(){var t=this;this._supportPointerEvents?(m.on(this._element,Le,function(e){return t._start(e)}),m.on(this._element,Te,function(e){return t._end(e)}),this._element.classList.add("pointer-event")):(m.on(this._element,Ae,function(e){return t._start(e)}),m.on(this._element,Oe,function(e){return t._move(e)}),m.on(this._element,Se,function(e){return t._end(e)}))}},{key:"_eventIsPointerPenTouch",value:function(e){return this._supportPointerEvents&&("pen"===e.pointerType||"touch"===e.pointerType)}}],[{key:"Default",get:function(){return Ce}},{key:"DefaultType",get:function(){return Me}},{key:"NAME",get:function(){return"swipe"}},{key:"isSupported",value:function(){return"ontouchstart"in document.documentElement||0<navigator.maxTouchPoints}}])})(),n=".".concat("bs.carousel"),d=".data-api",Ne="next",je="prev",Ie="left",Pe="right",We="slide".concat(n),ze="slid".concat(n),qe="keydown".concat(n),Fe="mouseenter".concat(n),Re="mouseleave".concat(n),He="dragstart".concat(n),Be="load".concat(n).concat(d),n="click".concat(n).concat(d),Ve="carousel",Ye="active",Xe=".active",Ue=".carousel-item",Ke=So(So({},"ArrowLeft",Pe),"ArrowRight",Ie),Qe={interval:5e3,keyboard:!0,pause:"hover",ride:!1,touch:!0,wrap:!0},$e={interval:"(number|boolean)",keyboard:"boolean",pause:"(string|boolean)",ride:"(boolean|string)",touch:"boolean",wrap:"boolean"},Ge=(()=>{function n(e,t){return Lo(this,n),(e=Eo(this,n,[e,t]))._interval=null,e._activeElement=null,e._isSliding=!1,e.touchTimeout=null,e._swipeHelper=null,e._indicatorsElement=u.findOne(".carousel-indicators",e._element),e._addEventListeners(),e._config.ride===Ve&&e.cycle(),e}return Ao(n,t),To(n,[{key:"next",value:function(){this._slide(Ne)}},{key:"nextWhenVisible",value:function(){!document.hidden&&r(this._element)&&this.next()}},{key:"prev",value:function(){this._slide(je)}},{key:"pause",value:function(){this._isSliding&&P(this._element),this._clearInterval()}},{key:"cycle",value:function(){var e=this;this._clearInterval(),this._updateInterval(),this._interval=setInterval(function(){return e.nextWhenVisible()},this._config.interval)}},{key:"_maybeEnableCycle",value:function(){var e=this;this._config.ride&&(this._isSliding?m.one(this._element,ze,function(){return e.cycle()}):this.cycle())}},{key:"to",value:function(e){var t,n=this,i=this._getItems();e>i.length-1||e<0||(this._isSliding?m.one(this._element,ze,function(){return n.to(e)}):(t=this._getItemIndex(this._getActive()))!==e&&this._slide(t<e?Ne:je,i[e]))}},{key:"dispose",value:function(){this._swipeHelper&&this._swipeHelper.dispose(),ko(n,"dispose",this,3)([])}},{key:"_configAfterMerge",value:function(e){return e.defaultInterval=e.interval,e}},{key:"_addEventListeners",value:function(){var t=this;this._config.keyboard&&m.on(this._element,qe,function(e){return t._keydown(e)}),"hover"===this._config.pause&&(m.on(this._element,Fe,function(){return t.pause()}),m.on(this._element,Re,function(){return t._maybeEnableCycle()})),this._config.touch&&De.isSupported()&&this._addTouchEventListeners()}},{key:"_addTouchEventListeners",value:function(){var e,t=this,n=Mo(u.find(".carousel-item img",this._element));try{for(n.s();!(e=n.n()).done;){var i=e.value;m.on(i,He,function(e){return e.preventDefault()})}}catch(e){n.e(e)}finally{n.f()}this._swipeHelper=new De(this._element,{leftCallback:function(){return t._slide(t._directionToOrder(Ie))},rightCallback:function(){return t._slide(t._directionToOrder(Pe))},endCallback:function(){"hover"===t._config.pause&&(t.pause(),t.touchTimeout&&clearTimeout(t.touchTimeout),t.touchTimeout=setTimeout(function(){return t._maybeEnableCycle()},500+t._config.interval))}})}},{key:"_keydown",value:function(e){var t;/input|textarea/i.test(e.target.tagName)||(t=Ke[e.key])&&(e.preventDefault(),this._slide(this._directionToOrder(t)))}},{key:"_getItemIndex",value:function(e){return this._getItems().indexOf(e)}},{key:"_setActiveIndicatorElement",value:function(e){var t;this._indicatorsElement&&((t=u.findOne(Xe,this._indicatorsElement)).classList.remove(Ye),t.removeAttribute("aria-current"),t=u.findOne('[data-bs-slide-to="'.concat(e,'"]'),this._indicatorsElement))&&(t.classList.add(Ye),t.setAttribute("aria-current","true"))}},{key:"_updateInterval",value:function(){var e=this._activeElement||this._getActive();e&&(e=Number.parseInt(e.getAttribute("data-bs-interval"),10),this._config.interval=e||this._config.defaultInterval)}},{key:"_slide",value:function(t){var n,e,i,o,r,s,a,l=this,c=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null;this._isSliding||(n=this._getActive(),e=t===Ne,(i=c||H(this._getItems(),n,e,this._config.wrap))===n)||(o=this._getItemIndex(i),(r=function(e){return m.trigger(l._element,e,{relatedTarget:i,direction:l._orderToDirection(t),from:l._getItemIndex(n),to:o})})(We).defaultPrevented)||n&&i&&(c=Boolean(this._interval),this.pause(),this._isSliding=!0,this._setActiveIndicatorElement(o),this._activeElement=i,s=e?"carousel-item-start":"carousel-item-end",a=e?"carousel-item-next":"carousel-item-prev",i.classList.add(a),q(i),n.classList.add(s),i.classList.add(s),this._queueCallback(function(){i.classList.remove(s,a),i.classList.add(Ye),n.classList.remove(Ye,a,s),l._isSliding=!1,r(ze)},n,this._isAnimated()),c)&&this.cycle()}},{key:"_isAnimated",value:function(){return this._element.classList.contains("slide")}},{key:"_getActive",value:function(){return u.findOne(".active.carousel-item",this._element)}},{key:"_getItems",value:function(){return u.find(Ue,this._element)}},{key:"_clearInterval",value:function(){this._interval&&(clearInterval(this._interval),this._interval=null)}},{key:"_directionToOrder",value:function(e){return a()?e===Ie?je:Ne:e===Ie?Ne:je}},{key:"_orderToDirection",value:function(e){return a()?e===je?Ie:Pe:e===je?Pe:Ie}}],[{key:"Default",get:function(){return Qe}},{key:"DefaultType",get:function(){return $e}},{key:"NAME",get:function(){return"carousel"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("number"==typeof t)e.to(t);else if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),d=(m.on(document,n,"[data-bs-slide], [data-bs-slide-to]",function(e){var t=u.getElementFromSelector(this);t&&t.classList.contains(Ve)&&(e.preventDefault(),e=Ge.getOrCreateInstance(t),(t=this.getAttribute("data-bs-slide-to"))?e.to(t):"next"===ye(this,"slide")?e.next():e.prev(),e._maybeEnableCycle())}),m.on(window,Be,function(){var e,t=Mo(u.find('[data-bs-ride="carousel"]'));try{for(t.s();!(e=t.n()).done;){var n=e.value;Ge.getOrCreateInstance(n)}}catch(e){t.e(e)}finally{t.f()}}),e(Ge),".".concat("bs.collapse")),Ze="show".concat(d),Je="shown".concat(d),et="hide".concat(d),tt="hidden".concat(d),n="click".concat(d).concat(".data-api"),nt="show",it="collapse",ot="collapsing",rt=":scope .".concat(it," .").concat(it),st='[data-bs-toggle="collapse"]',at={parent:null,toggle:!0},lt={parent:"(null|element)",toggle:"boolean"},ct=(()=>{function l(e,t){var n;Lo(this,l),(n=Eo(this,l,[e,t]))._isTransitioning=!1,n._triggerArray=[];var i,o=Mo(u.find(st));try{for(o.s();!(i=o.n()).done;){var r=i.value,s=u.getSelectorFromElement(r),a=u.find(s).filter(function(e){return e===n._element});null!==s&&a.length&&n._triggerArray.push(r)}}catch(e){o.e(e)}finally{o.f()}return n._initializeChildren(),n._config.parent||n._addAriaAndCollapsedClass(n._triggerArray,n._isShown()),n._config.toggle&&n.toggle(),n}return Ao(l,t),To(l,[{key:"toggle",value:function(){this._isShown()?this.hide():this.show()}},{key:"show",value:function(){var t=this;if(!this._isTransitioning&&!this._isShown()){var e=[];if(!(e=this._config.parent?this._getFirstLevelChildren(".collapse.show, .collapse.collapsing").filter(function(e){return e!==t._element}).map(function(e){return l.getOrCreateInstance(e,{toggle:!1})}):e).length||!e[0]._isTransitioning){var n=m.trigger(this._element,Ze);if(!n.defaultPrevented){var i,o=Mo(e);try{for(o.s();!(i=o.n()).done;)i.value.hide()}catch(e){o.e(e)}finally{o.f()}var r=this._getDimension(),n=(this._element.classList.remove(it),this._element.classList.add(ot),this._element.style[r]=0,this._addAriaAndCollapsedClass(this._triggerArray,!0),this._isTransitioning=!0,r[0].toUpperCase()+r.slice(1)),e="scroll".concat(n);this._queueCallback(function(){t._isTransitioning=!1,t._element.classList.remove(ot),t._element.classList.add(it,nt),t._element.style[r]="",m.trigger(t._element,Je)},this._element,!0),this._element.style[r]="".concat(this._element[e],"px")}}}}},{key:"hide",value:function(){var e=this;if(!this._isTransitioning&&this._isShown()){var t=m.trigger(this._element,et);if(!t.defaultPrevented){var n,t=this._getDimension(),i=(this._element.style[t]="".concat(this._element.getBoundingClientRect()[t],"px"),q(this._element),this._element.classList.add(ot),this._element.classList.remove(it,nt),Mo(this._triggerArray));try{for(i.s();!(n=i.n()).done;){var o=n.value,r=u.getElementFromSelector(o);r&&!this._isShown(r)&&this._addAriaAndCollapsedClass([o],!1)}}catch(e){i.e(e)}finally{i.f()}this._isTransitioning=!0;this._element.style[t]="",this._queueCallback(function(){e._isTransitioning=!1,e._element.classList.remove(ot),e._element.classList.add(it),m.trigger(e._element,tt)},this._element,!0)}}}},{key:"_isShown",value:function(){return(0<arguments.length&&void 0!==arguments[0]?arguments[0]:this._element).classList.contains(nt)}},{key:"_configAfterMerge",value:function(e){return e.toggle=Boolean(e.toggle),e.parent=o(e.parent),e}},{key:"_getDimension",value:function(){return this._element.classList.contains("collapse-horizontal")?"width":"height"}},{key:"_initializeChildren",value:function(){if(this._config.parent){var e,t=Mo(this._getFirstLevelChildren(st));try{for(t.s();!(e=t.n()).done;){var n=e.value,i=u.getElementFromSelector(n);i&&this._addAriaAndCollapsedClass([n],this._isShown(i))}}catch(e){t.e(e)}finally{t.f()}}}},{key:"_getFirstLevelChildren",value:function(e){var t=u.find(rt,this._config.parent);return u.find(e,this._config.parent).filter(function(e){return!t.includes(e)})}},{key:"_addAriaAndCollapsedClass",value:function(e,t){if(e.length){var n,i=Mo(e);try{for(i.s();!(n=i.n()).done;){var o=n.value;o.classList.toggle("collapsed",!t),o.setAttribute("aria-expanded",t)}}catch(e){i.e(e)}finally{i.f()}}}}],[{key:"Default",get:function(){return at}},{key:"DefaultType",get:function(){return lt}},{key:"NAME",get:function(){return"collapse"}},{key:"jQueryInterface",value:function(t){var n={};return"string"==typeof t&&/show|hide/.test(t)&&(n.toggle=!1),this.each(function(){var e=l.getOrCreateInstance(this,n);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),S=(m.on(document,n,st,function(e){("A"===e.target.tagName||e.delegateTarget&&"A"===e.delegateTarget.tagName)&&e.preventDefault();var t,n=Mo(u.getMultipleElementsFromSelector(this));try{for(n.s();!(t=n.n()).done;){var i=t.value;ct.getOrCreateInstance(i,{toggle:!1}).toggle()}}catch(e){n.e(e)}finally{n.f()}}),e(ct),"top"),L="bottom",T="right",C="left",ut="auto",ft=[S,L,T,C],M="start",dt="end",ht="clippingParents",pt="viewport",mt="popper",vt="reference",gt=ft.reduce(function(e,t){return e.concat([t+"-"+M,t+"-"+dt])},[]),yt=[].concat(ft,[ut]).reduce(function(e,t){return e.concat([t,t+"-"+M,t+"-"+dt])},[]),Be="beforeRead",d="afterRead",n="beforeMain",h="afterMain",p="beforeWrite",v="afterWrite",bt=[Be,"read",d,n,"main",h,p,"write",v];function g(e){return e?(e.nodeName||"").toLowerCase():null}function b(e){var t;return null==e?window:"[object Window]"!==e.toString()?(t=e.ownerDocument)&&t.defaultView||window:e}function y(e){return e instanceof b(e).Element||e instanceof Element}function _(e){return e instanceof b(e).HTMLElement||e instanceof HTMLElement}function _t(e){return"undefined"!=typeof ShadowRoot&&(e instanceof b(e).ShadowRoot||e instanceof ShadowRoot)}var wt={name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var o=e.state;Object.keys(o.elements).forEach(function(e){var t=o.styles[e]||{},n=o.attributes[e]||{},i=o.elements[e];_(i)&&g(i)&&(Object.assign(i.style,t),Object.keys(n).forEach(function(e){var t=n[e];!1===t?i.removeAttribute(e):i.setAttribute(e,!0===t?"":t)}))})},effect:function(e){var i=e.state,o={popper:{position:i.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(i.elements.popper.style,o.popper),i.styles=o,i.elements.arrow&&Object.assign(i.elements.arrow.style,o.arrow),function(){Object.keys(i.elements).forEach(function(e){var t=i.elements[e],n=i.attributes[e]||{},e=Object.keys((i.styles.hasOwnProperty(e)?i.styles:o)[e]).reduce(function(e,t){return e[t]="",e},{});_(t)&&g(t)&&(Object.assign(t.style,e),Object.keys(n).forEach(function(e){t.removeAttribute(e)}))})}},requires:["computeStyles"]};function D(e){return e.split("-")[0]}var O=Math.max,kt=Math.min,Et=Math.round;function xt(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function At(){return!/^((?!chrome|android).)*safari/i.test(xt())}function Ot(e,t,n){void 0===t&&(t=!1),void 0===n&&(n=!1);var i=e.getBoundingClientRect(),o=1,r=1;t&&_(e)&&(o=0<e.offsetWidth&&Et(i.width)/e.offsetWidth||1,r=0<e.offsetHeight&&Et(i.height)/e.offsetHeight||1);t=(y(e)?b(e):window).visualViewport,e=!At()&&n,n=(i.left+(e&&t?t.offsetLeft:0))/o,e=(i.top+(e&&t?t.offsetTop:0))/r,t=i.width/o,o=i.height/r;return{width:t,height:o,top:e,right:n+t,bottom:e+o,left:n,x:n,y:e}}function St(e){var t=Ot(e),n=e.offsetWidth,i=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-i)<=1&&(i=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:i}}function Lt(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&_t(n)){var i=t;do{if(i&&e.isSameNode(i))return!0}while(i=i.parentNode||i.host)}return!1}function w(e){return b(e).getComputedStyle(e)}function k(e){return((y(e)?e.ownerDocument:e.document)||window.document).documentElement}function Tt(e){return"html"===g(e)?e:e.assignedSlot||e.parentNode||(_t(e)?e.host:null)||k(e)}function Ct(e){return _(e)&&"fixed"!==w(e).position?e.offsetParent:null}function Mt(e){for(var t,n=b(e),i=Ct(e);i&&(t=i,0<=["table","td","th"].indexOf(g(t)))&&"static"===w(i).position;)i=Ct(i);return(!i||"html"!==g(i)&&("body"!==g(i)||"static"!==w(i).position))&&(i||(e=>{var t=/firefox/i.test(xt()),n=/Trident/i.test(xt());if(!n||!_(e)||"fixed"!==w(e).position){var i=Tt(e);for(_t(i)&&(i=i.host);_(i)&&["html","body"].indexOf(g(i))<0;){var o=w(i);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||t&&"filter"===o.willChange||t&&o.filter&&"none"!==o.filter)return i;i=i.parentNode}}return null})(e))||n}function Dt(e){return 0<=["top","bottom"].indexOf(e)?"x":"y"}function Nt(e,t,n){return O(e,kt(t,n))}function jt(){return{top:0,right:0,bottom:0,left:0}}function It(e){return Object.assign({},jt(),e)}function Pt(n,e){return e.reduce(function(e,t){return e[t]=n,e},{})}var Wt={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,n,i,o,r=e.state,s=e.name,e=e.options,a=r.elements.arrow,l=r.modifiersData.popperOffsets,c=Dt(u=D(r.placement)),u=0<=[C,T].indexOf(u)?"height":"width";a&&l&&(e=e.padding,n=r,n=It("number"!=typeof(e="function"==typeof e?e(Object.assign({},n.rects,{placement:n.placement})):e)?e:Pt(e,ft)),e=St(a),o="y"===c?S:C,i="y"===c?L:T,t=r.rects.reference[u]+r.rects.reference[c]-l[c]-r.rects.popper[u],l=l[c]-r.rects.reference[c],a=(a=Mt(a))?"y"===c?a.clientHeight||0:a.clientWidth||0:0,o=n[o],n=a-e[u]-n[i],o=Nt(o,i=a/2-e[u]/2+(t/2-l/2),n),r.modifiersData[s]=((a={})[c]=o,a.centerOffset=o-i,a))},effect:function(e){var t=e.state;null!=(e=void 0===(e=e.options.element)?"[data-popper-arrow]":e)&&("string"!=typeof e||(e=t.elements.popper.querySelector(e)))&&Lt(t.elements.popper,e)&&(t.elements.arrow=e)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function zt(e){return e.split("-")[1]}var qt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Ft(e){var t,n=e.popper,i=e.popperRect,o=e.placement,r=e.variation,s=e.offsets,a=e.position,l=e.gpuAcceleration,c=e.adaptive,u=e.roundOffsets,e=e.isFixed,f=s.x,f=void 0===f?0:f,d=s.y,d=void 0===d?0:d,h="function"==typeof u?u({x:f,y:d}):{x:f,y:d},h=(f=h.x,d=h.y,s.hasOwnProperty("x")),s=s.hasOwnProperty("y"),p=C,m=S,v=window,g=(c&&(g="clientHeight",t="clientWidth",(y=Mt(n))===b(n)&&"static"!==w(y=k(n)).position&&"absolute"===a&&(g="scrollHeight",t="scrollWidth"),o!==S&&(o!==C&&o!==T||r!==dt)||(m=L,d=(d-((e&&y===v&&v.visualViewport?v.visualViewport.height:y[g])-i.height))*(l?1:-1)),o!==C&&(o!==S&&o!==L||r!==dt)||(p=T,f=(f-((e&&y===v&&v.visualViewport?v.visualViewport.width:y[t])-i.width))*(l?1:-1))),Object.assign({position:a},c&&qt)),y=!0===u?(o={x:f,y:d},r=b(n),e=o.x,o=o.y,r=r.devicePixelRatio||1,{x:Et(e*r)/r||0,y:Et(o*r)/r||0}):{x:f,y:d};return f=y.x,d=y.y,l?Object.assign({},g,((t={})[m]=s?"0":"",t[p]=h?"0":"",t.transform=(v.devicePixelRatio||1)<=1?"translate("+f+"px, "+d+"px)":"translate3d("+f+"px, "+d+"px, 0)",t)):Object.assign({},g,((i={})[m]=s?d+"px":"",i[p]=h?f+"px":"",i.transform="",i))}var E={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,n=void 0===(n=(e=e.options).gpuAcceleration)||n,i=void 0===(i=e.adaptive)||i,e=void 0===(e=e.roundOffsets)||e,n={placement:D(t.placement),variation:zt(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:n,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,Ft(Object.assign({},n,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:i,roundOffsets:e})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,Ft(Object.assign({},n,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:e})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},Rt={passive:!0};var Ht={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,n=e.instance,i=(e=e.options).scroll,o=void 0===i||i,r=void 0===(i=e.resize)||i,s=b(t.elements.popper),a=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&a.forEach(function(e){e.addEventListener("scroll",n.update,Rt)}),r&&s.addEventListener("resize",n.update,Rt),function(){o&&a.forEach(function(e){e.removeEventListener("scroll",n.update,Rt)}),r&&s.removeEventListener("resize",n.update,Rt)}},data:{}},Bt={left:"right",right:"left",bottom:"top",top:"bottom"};function Vt(e){return e.replace(/left|right|bottom|top/g,function(e){return Bt[e]})}var Yt={start:"end",end:"start"};function Xt(e){return e.replace(/start|end/g,function(e){return Yt[e]})}function Ut(e){e=b(e);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Kt(e){return Ot(k(e)).left+Ut(e).scrollLeft}function Qt(e){var e=w(e),t=e.overflow;return/auto|scroll|overlay|hidden/.test(t+e.overflowY+e.overflowX)}function $t(e,t){void 0===t&&(t=[]);var n=function e(t){return 0<=["html","body","#document"].indexOf(g(t))?t.ownerDocument.body:_(t)&&Qt(t)?t:e(Tt(t))}(e),e=n===(null==(e=e.ownerDocument)?void 0:e.body),i=b(n),i=e?[i].concat(i.visualViewport||[],Qt(n)?n:[]):n,n=t.concat(i);return e?n:n.concat($t(Tt(i)))}function Gt(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Zt(e,t,n){return t===pt?Gt((o=n,s=b(i=e),a=k(i),s=s.visualViewport,l=a.clientWidth,a=a.clientHeight,u=c=0,s&&(l=s.width,a=s.height,(r=At())||!r&&"fixed"===o)&&(c=s.offsetLeft,u=s.offsetTop),{width:l,height:a,x:c+Kt(i),y:u})):y(t)?((o=Ot(r=t,!1,"fixed"===(o=n))).top=o.top+r.clientTop,o.left=o.left+r.clientLeft,o.bottom=o.top+r.clientHeight,o.right=o.left+r.clientWidth,o.width=r.clientWidth,o.height=r.clientHeight,o.x=o.left,o.y=o.top,o):Gt((s=k(e),l=k(s),a=Ut(s),c=null==(c=s.ownerDocument)?void 0:c.body,i=O(l.scrollWidth,l.clientWidth,c?c.scrollWidth:0,c?c.clientWidth:0),u=O(l.scrollHeight,l.clientHeight,c?c.scrollHeight:0,c?c.clientHeight:0),s=-a.scrollLeft+Kt(s),a=-a.scrollTop,"rtl"===w(c||l).direction&&(s+=O(l.clientWidth,c?c.clientWidth:0)-i),{width:i,height:u,x:s,y:a}));var i,o,r,s,a,l,c,u}function Jt(n,e,t,i){var o,r="clippingParents"===e?(s=$t(Tt(r=n)),y(o=0<=["absolute","fixed"].indexOf(w(r).position)&&_(r)?Mt(r):r)?s.filter(function(e){return y(e)&&Lt(e,o)&&"body"!==g(e)}):[]):[].concat(e),s=[].concat(r,[t]),e=s[0],t=s.reduce(function(e,t){t=Zt(n,t,i);return e.top=O(t.top,e.top),e.right=kt(t.right,e.right),e.bottom=kt(t.bottom,e.bottom),e.left=O(t.left,e.left),e},Zt(n,e,i));return t.width=t.right-t.left,t.height=t.bottom-t.top,t.x=t.left,t.y=t.top,t}function en(e){var t,n=e.reference,i=e.element,e=e.placement,o=e?D(e):null,e=e?zt(e):null,r=n.x+n.width/2-i.width/2,s=n.y+n.height/2-i.height/2;switch(o){case S:t={x:r,y:n.y-i.height};break;case L:t={x:r,y:n.y+n.height};break;case T:t={x:n.x+n.width,y:s};break;case C:t={x:n.x-i.width,y:s};break;default:t={x:n.x,y:n.y}}var a=o?Dt(o):null;if(null!=a){var l="y"===a?"height":"width";switch(e){case M:t[a]=t[a]-(n[l]/2-i[l]/2);break;case dt:t[a]=t[a]+(n[l]/2-i[l]/2)}}return t}function tn(e,t){var i,t=t=void 0===t?{}:t,n=t.placement,n=void 0===n?e.placement:n,o=t.strategy,o=void 0===o?e.strategy:o,r=t.boundary,r=void 0===r?ht:r,s=t.rootBoundary,s=void 0===s?pt:s,a=t.elementContext,a=void 0===a?mt:a,l=t.altBoundary,l=void 0!==l&&l,t=t.padding,t=void 0===t?0:t,t=It("number"!=typeof t?t:Pt(t,ft)),c=e.rects.popper,l=e.elements[l?a===mt?vt:mt:a],l=Jt(y(l)?l:l.contextElement||k(e.elements.popper),r,s,o),r=Ot(e.elements.reference),s=en({reference:r,element:c,placement:n}),o=Gt(Object.assign({},c,s)),c=a===mt?o:r,u={top:l.top-c.top+t.top,bottom:c.bottom-l.bottom+t.bottom,left:l.left-c.left+t.left,right:c.right-l.right+t.right},s=e.modifiersData.offset;return a===mt&&s&&(i=s[n],Object.keys(u).forEach(function(e){var t=0<=[T,L].indexOf(e)?1:-1,n=0<=[S,L].indexOf(e)?"y":"x";u[e]+=i[n]*t})),u}var nn={name:"flip",enabled:!0,phase:"main",fn:function(e){var f=e.state,t=e.options,e=e.name;if(!f.modifiersData[e]._skip){for(var n=t.mainAxis,i=void 0===n||n,n=t.altAxis,o=void 0===n||n,n=t.fallbackPlacements,d=t.padding,h=t.boundary,p=t.rootBoundary,r=t.altBoundary,s=t.flipVariations,m=void 0===s||s,v=t.allowedAutoPlacements,s=f.options.placement,t=D(s),n=n||(t===s||!m?[Vt(s)]:D(n=s)===ut?[]:(t=Vt(n),[Xt(n),t,Xt(t)])),a=[s].concat(n).reduce(function(e,t){return e.concat(D(t)===ut?(n=f,i=(e=e=void 0===(e={placement:t,boundary:h,rootBoundary:p,padding:d,flipVariations:m,allowedAutoPlacements:v})?{}:e).placement,o=e.boundary,r=e.rootBoundary,s=e.padding,a=e.flipVariations,l=void 0===(e=e.allowedAutoPlacements)?yt:e,c=zt(i),e=c?a?gt:gt.filter(function(e){return zt(e)===c}):ft,u=(i=0===(i=e.filter(function(e){return 0<=l.indexOf(e)})).length?e:i).reduce(function(e,t){return e[t]=tn(n,{placement:t,boundary:o,rootBoundary:r,padding:s})[D(t)],e},{}),Object.keys(u).sort(function(e,t){return u[e]-u[t]})):t);var n,i,o,r,s,a,l,c,u},[]),l=f.rects.reference,c=f.rects.popper,u=new Map,g=!0,y=a[0],b=0;b<a.length;b++){var _=a[b],w=D(_),k=zt(_)===M,E=0<=[S,L].indexOf(w),x=E?"width":"height",A=tn(f,{placement:_,boundary:h,rootBoundary:p,altBoundary:r,padding:d}),E=E?k?T:C:k?L:S,k=(l[x]>c[x]&&(E=Vt(E)),Vt(E)),x=[];if(i&&x.push(A[w]<=0),o&&x.push(A[E]<=0,A[k]<=0),x.every(function(e){return e})){y=_,g=!1;break}u.set(_,x)}if(g)for(var O=m?3:1;0<O;O--)if("break"===(t=>{var e=a.find(function(e){e=u.get(e);if(e)return e.slice(0,t).every(function(e){return e})});if(e)return y=e,"break"})(O))break;f.placement!==y&&(f.modifiersData[e]._skip=!0,f.placement=y,f.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function on(e,t,n){return{top:e.top-t.height-(n=void 0===n?{x:0,y:0}:n).y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function rn(t){return[S,T,L,C].some(function(e){return 0<=t[e]})}var sn={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,e=e.name,n=t.rects.reference,i=t.rects.popper,o=t.modifiersData.preventOverflow,r=tn(t,{elementContext:"reference"}),s=tn(t,{altBoundary:!0}),r=on(r,n),n=on(s,i,o),s=rn(r),i=rn(n);t.modifiersData[e]={referenceClippingOffsets:r,popperEscapeOffsets:n,isReferenceHidden:s,hasPopperEscaped:i},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":i})}};var an={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var s=e.state,t=e.name,a=void 0===(e=e.options.offset)?[0,0]:e,e=yt.reduce(function(e,t){var n,i,o,r;return e[t]=(t=t,n=s.rects,i=a,o=D(t),r=0<=[C,S].indexOf(o)?-1:1,t=(n="function"==typeof i?i(Object.assign({},n,{placement:t})):i)[0]||0,i=(n[1]||0)*r,0<=[C,T].indexOf(o)?{x:i,y:t}:{x:t,y:i}),e},{}),n=(i=e[s.placement]).x,i=i.y;null!=s.modifiersData.popperOffsets&&(s.modifiersData.popperOffsets.x+=n,s.modifiersData.popperOffsets.y+=i),s.modifiersData[t]=e}};var ln={name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state;t.modifiersData[e.name]=en({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})},data:{}};var cn={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t,n,i,o,r,s,a,l,c,u=e.state,f=e.options,e=e.name,d=void 0===(d=f.mainAxis)||d,h=void 0!==(h=f.altAxis)&&h,p=void 0===(p=f.tether)||p,m=void 0===(m=f.tetherOffset)?0:m,f=tn(u,{boundary:f.boundary,rootBoundary:f.rootBoundary,padding:f.padding,altBoundary:f.altBoundary}),v=D(u.placement),g=zt(u.placement),y=!g,b=Dt(v),_="x"===b?"y":"x",w=u.modifiersData.popperOffsets,k=u.rects.reference,E=u.rects.popper,m="number"==typeof(m="function"==typeof m?m(Object.assign({},u.rects,{placement:u.placement})):m)?{mainAxis:m,altAxis:m}:Object.assign({mainAxis:0,altAxis:0},m),x=u.modifiersData.offset?u.modifiersData.offset[u.placement]:null,A={x:0,y:0};w&&(d&&(d="y"===b?"height":"width",s=(a=w[b])+f[n="y"===b?S:C],l=a-f[c="y"===b?L:T],t=p?-E[d]/2:0,o=(g===M?k:E)[d],g=g===M?-E[d]:-k[d],r=u.elements.arrow,r=p&&r?St(r):{width:0,height:0},n=(i=u.modifiersData["arrow#persistent"]?u.modifiersData["arrow#persistent"].padding:jt())[n],i=i[c],c=Nt(0,k[d],r[d]),r=y?k[d]/2-t-c-n-m.mainAxis:o-c-n-m.mainAxis,o=y?-k[d]/2+t+c+i+m.mainAxis:g+c+i+m.mainAxis,y=(n=u.elements.arrow&&Mt(u.elements.arrow))?"y"===b?n.clientTop||0:n.clientLeft||0:0,g=a+o-(t=null!=(d=null==x?void 0:x[b])?d:0),c=Nt(p?kt(s,a+r-t-y):s,a,p?O(l,g):l),w[b]=c,A[b]=c-a),h&&(i="y"==_?"height":"width",o=(n=w[_])+f["x"===b?S:C],d=n-f["x"===b?L:T],r=-1!==[S,C].indexOf(v),y=null!=(t=null==x?void 0:x[_])?t:0,s=r?o:n-k[i]-E[i]-y+m.altAxis,g=r?n+k[i]+E[i]-y-m.altAxis:d,a=p&&r?(l=Nt(l=s,n,c=g),c<l?c:l):Nt(p?s:o,n,p?g:d),w[_]=a,A[_]=a-n),u.modifiersData[e]=A)},requiresIfExists:["offset"]};function un(e,t,n){void 0===n&&(n=!1);var i=_(t),o=_(t)&&(s=(o=t).getBoundingClientRect(),r=Et(s.width)/o.offsetWidth||1,s=Et(s.height)/o.offsetHeight||1,1!==r||1!==s),r=k(t),s=Ot(e,o,n),e={scrollLeft:0,scrollTop:0},a={x:0,y:0};return!i&&n||("body"===g(t)&&!Qt(r)||(e=(i=t)!==b(i)&&_(i)?{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}:Ut(i)),_(t)?((a=Ot(t,!0)).x+=t.clientLeft,a.y+=t.clientTop):r&&(a.x=Kt(r))),{x:s.left+e.scrollLeft-a.x,y:s.top+e.scrollTop-a.y,width:s.width,height:s.height}}function fn(e){var n=new Map,i=new Set,o=[];return e.forEach(function(e){n.set(e.name,e)}),e.forEach(function(e){i.has(e.name)||!function t(e){i.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){i.has(e)||(e=n.get(e))&&t(e)}),o.push(e)}(e)}),o}var dn={placement:"bottom",modifiers:[],strategy:"absolute"};function hn(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return!t.some(function(e){return!(e&&"function"==typeof e.getBoundingClientRect)})}function pn(e){var e=e=void 0===e?{}:e,t=e.defaultModifiers,f=void 0===t?[]:t,t=e.defaultOptions,d=void 0===t?dn:t;return function(i,o,t){void 0===t&&(t=d);var n,r,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},dn,d),modifiersData:{},elements:{reference:i,popper:o},attributes:{},styles:{}},a=[],l=!1,c={state:s,setOptions:function(e){var n,t,e="function"==typeof e?e(s.options):e,e=(u(),s.options=Object.assign({},d,s.options,e),s.scrollParents={reference:y(i)?$t(i):i.contextElement?$t(i.contextElement):[],popper:$t(o)},e=[].concat(f,s.options.modifiers),t=e.reduce(function(e,t){var n=e[t.name];return e[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t,e},{}),e=Object.keys(t).map(function(e){return t[e]}),n=fn(e),bt.reduce(function(e,t){return e.concat(n.filter(function(e){return e.phase===t}))},[]));return s.orderedModifiers=e.filter(function(e){return e.enabled}),s.orderedModifiers.forEach(function(e){var t=e.name,n=e.options,e=e.effect;"function"==typeof e&&(e=e({state:s,name:t,instance:c,options:void 0===n?{}:n}),a.push(e||function(){}))}),c.update()},forceUpdate:function(){if(!l){var e=s.elements,t=e.reference,e=e.popper;if(hn(t,e)){s.rects={reference:un(t,Mt(e),"fixed"===s.options.strategy),popper:St(e)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach(function(e){return s.modifiersData[e.name]=Object.assign({},e.data)});for(var n,i,o,r=0;r<s.orderedModifiers.length;r++)!0===s.reset?(s.reset=!1,r=-1):(i=(n=s.orderedModifiers[r]).fn,o=n.options,"function"==typeof i&&(s=i({state:s,options:void 0===o?{}:o,name:n.name,instance:c})||s))}}},update:(n=function(){return new Promise(function(e){c.forceUpdate(),e(s)})},function(){return r=r||new Promise(function(e){Promise.resolve().then(function(){r=void 0,e(n())})})}),destroy:function(){u(),l=!0}};return hn(i,o)&&c.setOptions(t).then(function(e){!l&&t.onFirstUpdate&&t.onFirstUpdate(e)}),c;function u(){a.forEach(function(e){return e()}),a=[]}}}var mn=pn({defaultModifiers:[Ht,ln,E,wt,an,nn,cn,Wt,sn]}),vn=Object.freeze(Object.defineProperty({__proto__:null,afterMain:h,afterRead:d,afterWrite:v,applyStyles:wt,arrow:Wt,auto:ut,basePlacements:ft,beforeMain:n,beforeRead:Be,beforeWrite:p,bottom:L,clippingParents:ht,computeStyles:E,createPopper:mn,createPopperBase:pn(),createPopperLite:pn({defaultModifiers:[Ht,ln,E,wt]}),detectOverflow:tn,end:dt,eventListeners:Ht,flip:nn,hide:sn,left:C,main:"main",modifierPhases:bt,offset:an,placements:yt,popper:mt,popperGenerator:pn,popperOffsets:ln,preventOverflow:cn,read:"read",reference:vt,right:T,start:M,top:S,variationPlacements:gt,viewport:pt,write:"write"},Symbol.toStringTag,{value:"Module"})),gn="dropdown",h=".".concat("bs.dropdown"),d=".data-api",yn="ArrowDown",bn="hide".concat(h),_n="hidden".concat(h),wn="show".concat(h),kn="shown".concat(h),v="click".concat(h).concat(d),Wt="keydown".concat(h).concat(d),n="keyup".concat(h).concat(d),En="show",x='[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)',xn="".concat(x,".").concat(En),An=".dropdown-menu",On=a()?"top-end":"top-start",Sn=a()?"top-start":"top-end",Ln=a()?"bottom-end":"bottom-start",Tn=a()?"bottom-start":"bottom-end",Cn=a()?"left-start":"right-start",Mn=a()?"right-start":"left-start",Dn={autoClose:!0,boundary:"clippingParents",display:"dynamic",offset:[0,2],popperConfig:null,reference:"toggle"},Nn={autoClose:"(boolean|string)",boundary:"(string|element)",display:"string",offset:"(array|string|function)",popperConfig:"(null|object|function)",reference:"(string|element|object)"},A=(()=>{function a(e,t){return Lo(this,a),(e=Eo(this,a,[e,t]))._popper=null,e._parent=e._element.parentNode,e._menu=u.next(e._element,An)[0]||u.prev(e._element,An)[0]||u.findOne(An,e._parent),e._inNavbar=e._detectNavbar(),e}return Ao(a,t),To(a,[{key:"toggle",value:function(){return this._isShown()?this.hide():this.show()}},{key:"show",value:function(){if(!s(this._element)&&!this._isShown()){var e={relatedTarget:this._element},t=m.trigger(this._element,wn,e);if(!t.defaultPrevented){if(this._createPopper(),"ontouchstart"in document.documentElement&&!this._parent.closest(".navbar-nav")){var n,i=Mo((t=[]).concat.apply(t,Do(document.body.children)));try{for(i.s();!(n=i.n()).done;){var o=n.value;m.on(o,"mouseover",z)}}catch(e){i.e(e)}finally{i.f()}}this._element.focus(),this._element.setAttribute("aria-expanded",!0),this._menu.classList.add(En),this._element.classList.add(En),m.trigger(this._element,kn,e)}}}},{key:"hide",value:function(){var e;!s(this._element)&&this._isShown()&&(e={relatedTarget:this._element},this._completeHide(e))}},{key:"dispose",value:function(){this._popper&&this._popper.destroy(),ko(a,"dispose",this,3)([])}},{key:"update",value:function(){this._inNavbar=this._detectNavbar(),this._popper&&this._popper.update()}},{key:"_completeHide",value:function(e){var t=m.trigger(this._element,bn,e);if(!t.defaultPrevented){if("ontouchstart"in document.documentElement){var n,i=Mo((t=[]).concat.apply(t,Do(document.body.children)));try{for(i.s();!(n=i.n()).done;){var o=n.value;m.off(o,"mouseover",z)}}catch(e){i.e(e)}finally{i.f()}}this._popper&&this._popper.destroy(),this._menu.classList.remove(En),this._element.classList.remove(En),this._element.setAttribute("aria-expanded","false"),ve(this._menu,"popper"),m.trigger(this._element,_n,e)}}},{key:"_getConfig",value:function(e){if("object"!==No((e=ko(a,"_getConfig",this,3)([e])).reference)||c(e.reference)||"function"==typeof e.reference.getBoundingClientRect)return e;throw new TypeError("".concat(gn.toUpperCase(),': Option "reference" provided type "object" without a required "getBoundingClientRect" method.'))}},{key:"_createPopper",value:function(){if(void 0===vn)throw new TypeError("Bootstrap's dropdowns require Popper (https://popper.js.org/docs/v2/)");var e=this._element,t=("parent"===this._config.reference?e=this._parent:c(this._config.reference)?e=o(this._config.reference):"object"===No(this._config.reference)&&(e=this._config.reference),this._getPopperConfig());this._popper=mn(e,this._menu,t)}},{key:"_isShown",value:function(){return this._menu.classList.contains(En)}},{key:"_getPlacement",value:function(){var e,t=this._parent;return t.classList.contains("dropend")?Cn:t.classList.contains("dropstart")?Mn:t.classList.contains("dropup-center")?"top":t.classList.contains("dropdown-center")?"bottom":(e="end"===getComputedStyle(this._menu).getPropertyValue("--bs-position").trim(),t.classList.contains("dropup")?e?Sn:On:e?Tn:Ln)}},{key:"_detectNavbar",value:function(){return null!==this._element.closest(".navbar")}},{key:"_getOffset",value:function(){var t=this,n=this._config.offset;return"string"==typeof n?n.split(",").map(function(e){return Number.parseInt(e,10)}):"function"==typeof n?function(e){return n(e,t._element)}:n}},{key:"_getPopperConfig",value:function(){var e={placement:this._getPlacement(),modifiers:[{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"offset",options:{offset:this._getOffset()}}]};return!this._inNavbar&&"static"!==this._config.display||(me(this._menu,"popper","static"),e.modifiers=[{name:"applyStyles",enabled:!1}]),Oo(Oo({},e),l(this._config.popperConfig,[void 0,e]))}},{key:"_selectMenuItem",value:function(e){var t=e.key,e=e.target,n=u.find(".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",this._menu).filter(r);n.length&&H(n,e,t===yn,!n.includes(e)).focus()}}],[{key:"Default",get:function(){return Dn}},{key:"DefaultType",get:function(){return Nn}},{key:"NAME",get:function(){return gn}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=a.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}},{key:"clearMenus",value:function(e){if(2!==e.button&&("keyup"!==e.type||"Tab"===e.key)){var t,n=Mo(u.find(xn));try{for(n.s();!(t=n.n()).done;){var i,o,r,s=a.getInstance(t.value);s&&!1!==s._config.autoClose&&(o=(i=e.composedPath()).includes(s._menu),i.includes(s._element)||"inside"===s._config.autoClose&&!o||"outside"===s._config.autoClose&&o||s._menu.contains(e.target)&&("keyup"===e.type&&"Tab"===e.key||/input|select|option|textarea|form/i.test(e.target.tagName))||(r={relatedTarget:s._element},"click"===e.type&&(r.clickEvent=e),s._completeHide(r)))}}catch(e){n.e(e)}finally{n.f()}}}},{key:"dataApiKeydownHandler",value:function(e){var t=/input|textarea/i.test(e.target.tagName),n="Escape"===e.key,i=["ArrowUp",yn].includes(e.key);!i&&!n||t&&!n||(e.preventDefault(),t=this.matches(x)?this:u.prev(this,x)[0]||u.next(this,x)[0]||u.findOne(x,e.delegateTarget.parentNode),n=a.getOrCreateInstance(t),i?(e.stopPropagation(),n.show(),n._selectMenuItem(e)):n._isShown()&&(e.stopPropagation(),n.hide(),t.focus()))}}])})(),jn=(m.on(document,Wt,x,A.dataApiKeydownHandler),m.on(document,Wt,An,A.dataApiKeydownHandler),m.on(document,v,A.clearMenus),m.on(document,n,A.clearMenus),m.on(document,v,x,function(e){e.preventDefault(),A.getOrCreateInstance(this).toggle()}),e(A),"backdrop"),In="mousedown.bs.".concat(jn),Pn={className:"modal-backdrop",clickCallback:null,isAnimated:!1,isVisible:!0,rootElement:"body"},Wn={className:"string",clickCallback:"(function|null)",isAnimated:"boolean",isVisible:"boolean",rootElement:"(element|string)"},zn=(()=>{function n(e){var t;return Lo(this,n),(t=Eo(this,n))._config=t._getConfig(e),t._isAppended=!1,t._element=null,t}return Ao(n,be),To(n,[{key:"show",value:function(e){var t;this._config.isVisible?(this._append(),t=this._getElement(),this._config.isAnimated&&q(t),t.classList.add("show"),this._emulateAnimation(function(){l(e)})):l(e)}},{key:"hide",value:function(e){var t=this;this._config.isVisible?(this._getElement().classList.remove("show"),this._emulateAnimation(function(){t.dispose(),l(e)})):l(e)}},{key:"dispose",value:function(){this._isAppended&&(m.off(this._element,In),this._element.remove(),this._isAppended=!1)}},{key:"_getElement",value:function(){var e;return this._element||((e=document.createElement("div")).className=this._config.className,this._config.isAnimated&&e.classList.add("fade"),this._element=e),this._element}},{key:"_configAfterMerge",value:function(e){return e.rootElement=o(e.rootElement),e}},{key:"_append",value:function(){var e,t=this;this._isAppended||(e=this._getElement(),this._config.rootElement.append(e),m.on(e,In,function(){l(t._config.clickCallback)}),this._isAppended=!0)}},{key:"_emulateAnimation",value:function(e){R(e,this._getElement(),this._config.isAnimated)}}],[{key:"Default",get:function(){return Pn}},{key:"DefaultType",get:function(){return Wn}},{key:"NAME",get:function(){return jn}}])})(),qn=".".concat("bs.focustrap"),Fn="focusin".concat(qn),Rn="keydown.tab".concat(qn),Hn="backward",Bn={autofocus:!0,trapElement:null},Vn={autofocus:"boolean",trapElement:"element"},Yn=(()=>{function n(e){var t;return Lo(this,n),(t=Eo(this,n))._config=t._getConfig(e),t._isActive=!1,t._lastTabNavDirection=null,t}return Ao(n,be),To(n,[{key:"activate",value:function(){var t=this;this._isActive||(this._config.autofocus&&this._config.trapElement.focus(),m.off(document,qn),m.on(document,Fn,function(e){return t._handleFocusin(e)}),m.on(document,Rn,function(e){return t._handleKeydown(e)}),this._isActive=!0)}},{key:"deactivate",value:function(){this._isActive&&(this._isActive=!1,m.off(document,qn))}},{key:"_handleFocusin",value:function(e){var t=this._config.trapElement;e.target===document||e.target===t||t.contains(e.target)||(0===(e=u.focusableChildren(t)).length?t:this._lastTabNavDirection===Hn?e[e.length-1]:e[0]).focus()}},{key:"_handleKeydown",value:function(e){"Tab"===e.key&&(this._lastTabNavDirection=e.shiftKey?Hn:"forward")}}],[{key:"Default",get:function(){return Bn}},{key:"DefaultType",get:function(){return Vn}},{key:"NAME",get:function(){return"focustrap"}}])})(),Xn=".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",Un=".sticky-top",Kn="padding-right",Qn="margin-right",$n=(()=>To(function e(){Lo(this,e),this._element=document.body},[{key:"getWidth",value:function(){var e=document.documentElement.clientWidth;return Math.abs(window.innerWidth-e)}},{key:"hide",value:function(){var t=this.getWidth();this._disableOverFlow(),this._setElementAttributes(this._element,Kn,function(e){return e+t}),this._setElementAttributes(Xn,Kn,function(e){return e+t}),this._setElementAttributes(Un,Qn,function(e){return e-t})}},{key:"reset",value:function(){this._resetElementAttributes(this._element,"overflow"),this._resetElementAttributes(this._element,Kn),this._resetElementAttributes(Xn,Kn),this._resetElementAttributes(Un,Qn)}},{key:"isOverflowing",value:function(){return 0<this.getWidth()}},{key:"_disableOverFlow",value:function(){this._saveInitialAttribute(this._element,"overflow"),this._element.style.overflow="hidden"}},{key:"_setElementAttributes",value:function(e,n,i){var o=this,r=this.getWidth();this._applyManipulationCallback(e,function(e){var t;e!==o._element&&window.innerWidth>e.clientWidth+r||(o._saveInitialAttribute(e,n),t=window.getComputedStyle(e).getPropertyValue(n),e.style.setProperty(n,"".concat(i(Number.parseFloat(t)),"px")))})}},{key:"_saveInitialAttribute",value:function(e,t){var n=e.style.getPropertyValue(t);n&&me(e,t,n)}},{key:"_resetElementAttributes",value:function(e,n){this._applyManipulationCallback(e,function(e){var t=ye(e,n);null===t?e.style.removeProperty(n):(ve(e,n),e.style.setProperty(n,t))})}},{key:"_applyManipulationCallback",value:function(e,t){if(c(e))t(e);else{var n,i=Mo(u.find(e,this._element));try{for(i.s();!(n=i.n()).done;)t(n.value)}catch(e){i.e(e)}finally{i.f()}}}}]))(),N=".".concat("bs.modal"),Gn="hide".concat(N),Zn="hidePrevented".concat(N),Jn="hidden".concat(N),ei="show".concat(N),ti="shown".concat(N),ni="resize".concat(N),ii="click.dismiss".concat(N),oi="mousedown.dismiss".concat(N),ri="keydown.dismiss".concat(N),Be="click".concat(N).concat(".data-api"),si="modal-open",ai="modal-static",li={backdrop:!0,focus:!0,keyboard:!0},ci={backdrop:"(boolean|string)",focus:"boolean",keyboard:"boolean"},ui=(()=>{function i(e,t){return Lo(this,i),(e=Eo(this,i,[e,t]))._dialog=u.findOne(".modal-dialog",e._element),e._backdrop=e._initializeBackDrop(),e._focustrap=e._initializeFocusTrap(),e._isShown=!1,e._isTransitioning=!1,e._scrollBar=new $n,e._addEventListeners(),e}return Ao(i,t),To(i,[{key:"toggle",value:function(e){return this._isShown?this.hide():this.show(e)}},{key:"show",value:function(e){var t=this;this._isShown||this._isTransitioning||m.trigger(this._element,ei,{relatedTarget:e}).defaultPrevented||(this._isShown=!0,this._isTransitioning=!0,this._scrollBar.hide(),document.body.classList.add(si),this._adjustDialog(),this._backdrop.show(function(){return t._showElement(e)}))}},{key:"hide",value:function(){var e=this;!this._isShown||this._isTransitioning||m.trigger(this._element,Gn).defaultPrevented||(this._isShown=!1,this._isTransitioning=!0,this._focustrap.deactivate(),this._element.classList.remove("show"),this._queueCallback(function(){return e._hideModal()},this._element,this._isAnimated()))}},{key:"dispose",value:function(){m.off(window,N),m.off(this._dialog,N),this._backdrop.dispose(),this._focustrap.deactivate(),ko(i,"dispose",this,3)([])}},{key:"handleUpdate",value:function(){this._adjustDialog()}},{key:"_initializeBackDrop",value:function(){return new zn({isVisible:Boolean(this._config.backdrop),isAnimated:this._isAnimated()})}},{key:"_initializeFocusTrap",value:function(){return new Yn({trapElement:this._element})}},{key:"_showElement",value:function(e){var t=this,n=(document.body.contains(this._element)||document.body.append(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.scrollTop=0,u.findOne(".modal-body",this._dialog));n&&(n.scrollTop=0),q(this._element),this._element.classList.add("show");this._queueCallback(function(){t._config.focus&&t._focustrap.activate(),t._isTransitioning=!1,m.trigger(t._element,ti,{relatedTarget:e})},this._dialog,this._isAnimated())}},{key:"_addEventListeners",value:function(){var n=this;m.on(this._element,ri,function(e){"Escape"===e.key&&(n._config.keyboard?n.hide():n._triggerBackdropTransition())}),m.on(window,ni,function(){n._isShown&&!n._isTransitioning&&n._adjustDialog()}),m.on(this._element,oi,function(t){m.one(n._element,ii,function(e){n._element===t.target&&n._element===e.target&&("static"===n._config.backdrop?n._triggerBackdropTransition():n._config.backdrop&&n.hide())})})}},{key:"_hideModal",value:function(){var e=this;this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._backdrop.hide(function(){document.body.classList.remove(si),e._resetAdjustments(),e._scrollBar.reset(),m.trigger(e._element,Jn)})}},{key:"_isAnimated",value:function(){return this._element.classList.contains("fade")}},{key:"_triggerBackdropTransition",value:function(){var e,t,n=this;m.trigger(this._element,Zn).defaultPrevented||(e=this._element.scrollHeight>document.documentElement.clientHeight,"hidden"===(t=this._element.style.overflowY))||this._element.classList.contains(ai)||(e||(this._element.style.overflowY="hidden"),this._element.classList.add(ai),this._queueCallback(function(){n._element.classList.remove(ai),n._queueCallback(function(){n._element.style.overflowY=t},n._dialog)},this._dialog),this._element.focus())}},{key:"_adjustDialog",value:function(){var e,t=this._element.scrollHeight>document.documentElement.clientHeight,n=this._scrollBar.getWidth(),i=0<n;i&&!t&&(e=a()?"paddingLeft":"paddingRight",this._element.style[e]="".concat(n,"px")),!i&&t&&(e=a()?"paddingRight":"paddingLeft",this._element.style[e]="".concat(n,"px"))}},{key:"_resetAdjustments",value:function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""}}],[{key:"Default",get:function(){return li}},{key:"DefaultType",get:function(){return ci}},{key:"NAME",get:function(){return"modal"}},{key:"jQueryInterface",value:function(t,n){return this.each(function(){var e=i.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t](n)}})}}])})(),p=(m.on(document,Be,'[data-bs-toggle="modal"]',function(e){var t=this,n=u.getElementFromSelector(this),e=(["A","AREA"].includes(this.tagName)&&e.preventDefault(),m.one(n,ei,function(e){e.defaultPrevented||m.one(n,Jn,function(){r(t)&&t.focus()})}),u.findOne(".modal.show"));e&&ui.getInstance(e).hide(),ui.getOrCreateInstance(n).toggle(this)}),pe(ui),e(ui),".".concat("bs.offcanvas")),E=".data-api",wt="load".concat(p).concat(E),fi="showing",di=".offcanvas.show",hi="show".concat(p),pi="shown".concat(p),mi="hide".concat(p),vi="hidePrevented".concat(p),gi="hidden".concat(p),Ht="resize".concat(p),nn="click".concat(p).concat(E),yi="keydown.dismiss".concat(p),bi={backdrop:!0,keyboard:!0,scroll:!1},_i={backdrop:"(boolean|string)",keyboard:"boolean",scroll:"boolean"},j=(()=>{function n(e,t){return Lo(this,n),(e=Eo(this,n,[e,t]))._isShown=!1,e._backdrop=e._initializeBackDrop(),e._focustrap=e._initializeFocusTrap(),e._addEventListeners(),e}return Ao(n,t),To(n,[{key:"toggle",value:function(e){return this._isShown?this.hide():this.show(e)}},{key:"show",value:function(e){var t=this;this._isShown||m.trigger(this._element,hi,{relatedTarget:e}).defaultPrevented||(this._isShown=!0,this._backdrop.show(),this._config.scroll||(new $n).hide(),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.classList.add(fi),this._queueCallback(function(){t._config.scroll&&!t._config.backdrop||t._focustrap.activate(),t._element.classList.add("show"),t._element.classList.remove(fi),m.trigger(t._element,pi,{relatedTarget:e})},this._element,!0))}},{key:"hide",value:function(){var e=this;this._isShown&&!m.trigger(this._element,mi).defaultPrevented&&(this._focustrap.deactivate(),this._element.blur(),this._isShown=!1,this._element.classList.add("hiding"),this._backdrop.hide(),this._queueCallback(function(){e._element.classList.remove("show","hiding"),e._element.removeAttribute("aria-modal"),e._element.removeAttribute("role"),e._config.scroll||(new $n).reset(),m.trigger(e._element,gi)},this._element,!0))}},{key:"dispose",value:function(){this._backdrop.dispose(),this._focustrap.deactivate(),ko(n,"dispose",this,3)([])}},{key:"_initializeBackDrop",value:function(){var e=this,t=Boolean(this._config.backdrop);return new zn({className:"offcanvas-backdrop",isVisible:t,isAnimated:!0,rootElement:this._element.parentNode,clickCallback:t?function(){"static"===e._config.backdrop?m.trigger(e._element,vi):e.hide()}:null})}},{key:"_initializeFocusTrap",value:function(){return new Yn({trapElement:this._element})}},{key:"_addEventListeners",value:function(){var t=this;m.on(this._element,yi,function(e){"Escape"===e.key&&(t._config.keyboard?t.hide():m.trigger(t._element,vi))})}}],[{key:"Default",get:function(){return bi}},{key:"DefaultType",get:function(){return _i}},{key:"NAME",get:function(){return"offcanvas"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t](this)}})}}])})(),sn=(m.on(document,nn,'[data-bs-toggle="offcanvas"]',function(e){var t=this,n=u.getElementFromSelector(this);["A","AREA"].includes(this.tagName)&&e.preventDefault(),s(this)||(m.one(n,gi,function(){r(t)&&t.focus()}),(e=u.findOne(di))&&e!==n&&j.getInstance(e).hide(),j.getOrCreateInstance(n).toggle(this))}),m.on(window,wt,function(){var e,t=Mo(u.find(di));try{for(t.s();!(e=t.n()).done;){var n=e.value;j.getOrCreateInstance(n).show()}}catch(e){t.e(e)}finally{t.f()}}),m.on(window,Ht,function(){var e,t=Mo(u.find("[aria-modal][class*=show][class*=offcanvas-]"));try{for(t.s();!(e=t.n()).done;){var n=e.value;"fixed"!==getComputedStyle(n).position&&j.getOrCreateInstance(n).hide()}}catch(e){t.e(e)}finally{t.f()}}),pe(j),e(j),{"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],dd:[],div:[],dl:[],dt:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]}),wi=new Set(["background","cite","href","itemtype","longdesc","poster","src","xlink:href"]),ki=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i;function Ei(e,t,n){if(!e.length)return e;if(n&&"function"==typeof n)return n(e);var i,n=(new window.DOMParser).parseFromString(e,"text/html"),o=Mo((e=[]).concat.apply(e,Do(n.body.querySelectorAll("*"))));try{for(o.s();!(i=o.n()).done;){var r,s=i.value,a=s.nodeName.toLowerCase();if(Object.keys(t).includes(a)){var l,c=(r=[]).concat.apply(r,Do(s.attributes)),u=[].concat(t["*"]||[],t[a]||[]),f=Mo(c);try{for(f.s();!(l=f.n()).done;){var d=l.value;((e,t)=>{var n=e.nodeName.toLowerCase();return t.includes(n)?!wi.has(n)||Boolean(ki.test(e.nodeValue)):t.filter(function(e){return e instanceof RegExp}).some(function(e){return e.test(n)})})(d,u)||s.removeAttribute(d.nodeName)}}catch(e){f.e(e)}finally{f.f()}}else s.remove()}}catch(e){o.e(e)}finally{o.f()}return n.body.innerHTML}var xi={allowList:sn,content:{},extraClass:"",html:!1,sanitize:!0,sanitizeFn:null,template:"<div></div>"},Ai={allowList:"object",content:"object",extraClass:"(string|function)",html:"boolean",sanitize:"boolean",sanitizeFn:"(null|function)",template:"string"},Oi={entry:"(string|element|function|null)",selector:"(string|element)"},Si=(()=>{function r(e){var t;return Lo(this,r),(t=Eo(this,r))._config=t._getConfig(e),t}return Ao(r,be),To(r,[{key:"getContent",value:function(){var t=this;return Object.values(this._config.content).map(function(e){return t._resolvePossibleFunction(e)}).filter(Boolean)}},{key:"hasContent",value:function(){return 0<this.getContent().length}},{key:"changeContent",value:function(e){return this._checkContent(e),this._config.content=Oo(Oo({},this._config.content),e),this}},{key:"toHtml",value:function(){var e=document.createElement("div");e.innerHTML=this._maybeSanitize(this._config.template);for(var t=0,n=Object.entries(this._config.content);t<n.length;t++){var i=Co(n[t],2),o=i[0];this._setContent(e,i[1],o)}var r,s=e.children[0],a=this._resolvePossibleFunction(this._config.extraClass);return a&&(r=s.classList).add.apply(r,Do(a.split(" "))),s}},{key:"_typeCheckConfig",value:function(e){ko(r,"_typeCheckConfig",this,3)([e]),this._checkContent(e.content)}},{key:"_checkContent",value:function(e){for(var t=0,n=Object.entries(e);t<n.length;t++){var i=Co(n[t],2),o=i[0],i=i[1];ko(r,"_typeCheckConfig",this,3)([{selector:o,entry:i},Oi])}}},{key:"_setContent",value:function(e,t,n){n=u.findOne(n,e);n&&((t=this._resolvePossibleFunction(t))?c(t)?this._putElementInTemplate(o(t),n):this._config.html?n.innerHTML=this._maybeSanitize(t):n.textContent=t:n.remove())}},{key:"_maybeSanitize",value:function(e){return this._config.sanitize?Ei(e,this._config.allowList,this._config.sanitizeFn):e}},{key:"_resolvePossibleFunction",value:function(e){return l(e,[void 0,this])}},{key:"_putElementInTemplate",value:function(e,t){this._config.html?(t.innerHTML="",t.append(e)):t.textContent=e.textContent}}],[{key:"Default",get:function(){return xi}},{key:"DefaultType",get:function(){return Ai}},{key:"NAME",get:function(){return"TemplateFactory"}}])})(),Li=new Set(["sanitize","allowList","sanitizeFn"]),Ti="fade",Ci="show",Mi=".".concat("modal"),Di="hide.bs.modal",Ni="hover",ji="focus",Ii="click",Pi={AUTO:"auto",TOP:"top",RIGHT:a()?"left":"right",BOTTOM:"bottom",LEFT:a()?"right":"left"},Wi={allowList:sn,animation:!0,boundary:"clippingParents",container:!1,customClass:"",delay:0,fallbackPlacements:["top","right","bottom","left"],html:!1,offset:[0,6],placement:"top",popperConfig:null,sanitize:!0,sanitizeFn:null,selector:!1,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',title:"",trigger:"hover focus"},zi={allowList:"object",animation:"boolean",boundary:"(string|element)",container:"(string|element|boolean)",customClass:"(string|function)",delay:"(number|object)",fallbackPlacements:"array",html:"boolean",offset:"(array|string|function)",placement:"(string|function)",popperConfig:"(null|object|function)",sanitize:"boolean",sanitizeFn:"(null|function)",selector:"(string|boolean)",template:"string",title:"(string|element|function)",trigger:"string"},qi=(()=>{function n(e,t){if(Lo(this,n),void 0===vn)throw new TypeError("Bootstrap's tooltips require Popper (https://popper.js.org/docs/v2/)");return(e=Eo(this,n,[e,t]))._isEnabled=!0,e._timeout=0,e._isHovered=null,e._activeTrigger={},e._popper=null,e._templateFactory=null,e._newContent=null,e.tip=null,e._setListeners(),e._config.selector||e._fixTitle(),e}return Ao(n,t),To(n,[{key:"enable",value:function(){this._isEnabled=!0}},{key:"disable",value:function(){this._isEnabled=!1}},{key:"toggleEnabled",value:function(){this._isEnabled=!this._isEnabled}},{key:"toggle",value:function(){this._isEnabled&&(this._isShown()?this._leave():this._enter())}},{key:"dispose",value:function(){clearTimeout(this._timeout),m.off(this._element.closest(Mi),Di,this._hideModalHandler),this._element.getAttribute("data-bs-original-title")&&this._element.setAttribute("title",this._element.getAttribute("data-bs-original-title")),this._disposePopper(),ko(n,"dispose",this,3)([])}},{key:"show",value:function(){var e=this;if("none"===this._element.style.display)throw new Error("Please use show on visible elements");if(this._isWithContent()&&this._isEnabled){var t=m.trigger(this._element,this.constructor.eventName("show")),n=(W(this._element)||this._element.ownerDocument.documentElement).contains(this._element);if(!t.defaultPrevented&&n){this._disposePopper();t=this._getTipElement(),n=(this._element.setAttribute("aria-describedby",t.getAttribute("id")),this._config.container);if(this._element.ownerDocument.documentElement.contains(this.tip)||(n.append(t),m.trigger(this._element,this.constructor.eventName("inserted"))),this._popper=this._createPopper(t),t.classList.add(Ci),"ontouchstart"in document.documentElement){var i,o=Mo((n=[]).concat.apply(n,Do(document.body.children)));try{for(o.s();!(i=o.n()).done;){var r=i.value;m.on(r,"mouseover",z)}}catch(e){o.e(e)}finally{o.f()}}this._queueCallback(function(){m.trigger(e._element,e.constructor.eventName("shown")),!1===e._isHovered&&e._leave(),e._isHovered=!1},this.tip,this._isAnimated())}}}},{key:"hide",value:function(){var e=this;if(this._isShown()){var t=m.trigger(this._element,this.constructor.eventName("hide"));if(!t.defaultPrevented){if(this._getTipElement().classList.remove(Ci),"ontouchstart"in document.documentElement){var n,i=Mo((t=[]).concat.apply(t,Do(document.body.children)));try{for(i.s();!(n=i.n()).done;){var o=n.value;m.off(o,"mouseover",z)}}catch(e){i.e(e)}finally{i.f()}}this._activeTrigger[Ii]=!1,this._activeTrigger[ji]=!1,this._activeTrigger[Ni]=!1,this._isHovered=null;this._queueCallback(function(){e._isWithActiveTrigger()||(e._isHovered||e._disposePopper(),e._element.removeAttribute("aria-describedby"),m.trigger(e._element,e.constructor.eventName("hidden")))},this.tip,this._isAnimated())}}}},{key:"update",value:function(){this._popper&&this._popper.update()}},{key:"_isWithContent",value:function(){return Boolean(this._getTitle())}},{key:"_getTipElement",value:function(){return this.tip||(this.tip=this._createTipElement(this._newContent||this._getContentForTemplate())),this.tip}},{key:"_createTipElement",value:function(e){e=this._getTemplateFactory(e).toHtml();if(!e)return null;e.classList.remove(Ti,Ci),e.classList.add("bs-".concat(this.constructor.NAME,"-auto"));var t=(e=>{for(;e+=Math.floor(1e6*Math.random()),document.getElementById(e););return e})(this.constructor.NAME).toString();return e.setAttribute("id",t),this._isAnimated()&&e.classList.add(Ti),e}},{key:"setContent",value:function(e){this._newContent=e,this._isShown()&&(this._disposePopper(),this.show())}},{key:"_getTemplateFactory",value:function(e){return this._templateFactory?this._templateFactory.changeContent(e):this._templateFactory=new Si(Oo(Oo({},this._config),{},{content:e,extraClass:this._resolvePossibleFunction(this._config.customClass)})),this._templateFactory}},{key:"_getContentForTemplate",value:function(){return So({},".tooltip-inner",this._getTitle())}},{key:"_getTitle",value:function(){return this._resolvePossibleFunction(this._config.title)||this._element.getAttribute("data-bs-original-title")}},{key:"_initializeOnDelegatedTarget",value:function(e){return this.constructor.getOrCreateInstance(e.delegateTarget,this._getDelegateConfig())}},{key:"_isAnimated",value:function(){return this._config.animation||this.tip&&this.tip.classList.contains(Ti)}},{key:"_isShown",value:function(){return this.tip&&this.tip.classList.contains(Ci)}},{key:"_createPopper",value:function(e){var t=l(this._config.placement,[this,e,this._element]),t=Pi[t.toUpperCase()];return mn(this._element,e,this._getPopperConfig(t))}},{key:"_getOffset",value:function(){var t=this,n=this._config.offset;return"string"==typeof n?n.split(",").map(function(e){return Number.parseInt(e,10)}):"function"==typeof n?function(e){return n(e,t._element)}:n}},{key:"_resolvePossibleFunction",value:function(e){return l(e,[this._element,this._element])}},{key:"_getPopperConfig",value:function(e){var t=this,e={placement:e,modifiers:[{name:"flip",options:{fallbackPlacements:this._config.fallbackPlacements}},{name:"offset",options:{offset:this._getOffset()}},{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"arrow",options:{element:".".concat(this.constructor.NAME,"-arrow")}},{name:"preSetPlacement",enabled:!0,phase:"beforeMain",fn:function(e){t._getTipElement().setAttribute("data-popper-placement",e.state.placement)}}]};return Oo(Oo({},e),l(this._config.popperConfig,[void 0,e]))}},{key:"_setListeners",value:function(){var e,n=this,t=Mo(this._config.trigger.split(" "));try{for(t.s();!(e=t.n()).done;){var i,o,r=e.value;"click"===r?m.on(this._element,this.constructor.eventName("click"),this._config.selector,function(e){e=n._initializeOnDelegatedTarget(e);e._activeTrigger[Ii]=!(e._isShown()&&e._activeTrigger[Ii]),e.toggle()}):"manual"!==r&&(i=r===Ni?this.constructor.eventName("mouseenter"):this.constructor.eventName("focusin"),o=r===Ni?this.constructor.eventName("mouseleave"):this.constructor.eventName("focusout"),m.on(this._element,i,this._config.selector,function(e){var t=n._initializeOnDelegatedTarget(e);t._activeTrigger["focusin"===e.type?ji:Ni]=!0,t._enter()}),m.on(this._element,o,this._config.selector,function(e){var t=n._initializeOnDelegatedTarget(e);t._activeTrigger["focusout"===e.type?ji:Ni]=t._element.contains(e.relatedTarget),t._leave()}))}}catch(e){t.e(e)}finally{t.f()}this._hideModalHandler=function(){n._element&&n.hide()},m.on(this._element.closest(Mi),Di,this._hideModalHandler)}},{key:"_fixTitle",value:function(){var e=this._element.getAttribute("title");e&&(this._element.getAttribute("aria-label")||this._element.textContent.trim()||this._element.setAttribute("aria-label",e),this._element.setAttribute("data-bs-original-title",e),this._element.removeAttribute("title"))}},{key:"_enter",value:function(){var e=this;this._isShown()||this._isHovered?this._isHovered=!0:(this._isHovered=!0,this._setTimeout(function(){e._isHovered&&e.show()},this._config.delay.show))}},{key:"_leave",value:function(){var e=this;this._isWithActiveTrigger()||(this._isHovered=!1,this._setTimeout(function(){e._isHovered||e.hide()},this._config.delay.hide))}},{key:"_setTimeout",value:function(e,t){clearTimeout(this._timeout),this._timeout=setTimeout(e,t)}},{key:"_isWithActiveTrigger",value:function(){return Object.values(this._activeTrigger).includes(!0)}},{key:"_getConfig",value:function(e){for(var t=ge(this._element),n=0,i=Object.keys(t);n<i.length;n++){var o=i[n];Li.has(o)&&delete t[o]}return e=Oo(Oo({},t),"object"===No(e)&&e?e:{}),e=this._mergeConfigObj(e),e=this._configAfterMerge(e),this._typeCheckConfig(e),e}},{key:"_configAfterMerge",value:function(e){return e.container=!1===e.container?document.body:o(e.container),"number"==typeof e.delay&&(e.delay={show:e.delay,hide:e.delay}),"number"==typeof e.title&&(e.title=e.title.toString()),"number"==typeof e.content&&(e.content=e.content.toString()),e}},{key:"_getDelegateConfig",value:function(){for(var e={},t=0,n=Object.entries(this._config);t<n.length;t++){var i=Co(n[t],2),o=i[0],i=i[1];this.constructor.Default[o]!==i&&(e[o]=i)}return e.selector=!1,e.trigger="manual",e}},{key:"_disposePopper",value:function(){this._popper&&(this._popper.destroy(),this._popper=null),this.tip&&(this.tip.remove(),this.tip=null)}}],[{key:"Default",get:function(){return Wi}},{key:"DefaultType",get:function(){return zi}},{key:"NAME",get:function(){return"tooltip"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),Fi=(e(qi),Oo(Oo({},qi.Default),{},{content:"",offset:[0,8],placement:"right",template:'<div class="popover" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>',trigger:"click"})),Ri=Oo(Oo({},qi.DefaultType),{},{content:"(null|string|element|function)"}),an=(()=>{function n(){return Lo(this,n),Eo(this,n,arguments)}return Ao(n,qi),To(n,[{key:"_isWithContent",value:function(){return this._getTitle()||this._getContent()}},{key:"_getContentForTemplate",value:function(){return So(So({},".popover-header",this._getTitle()),".popover-body",this._getContent())}},{key:"_getContent",value:function(){return this._resolvePossibleFunction(this._config.content)}}],[{key:"Default",get:function(){return Fi}},{key:"DefaultType",get:function(){return Ri}},{key:"NAME",get:function(){return"popover"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),ln=(e(an),".".concat("bs.scrollspy")),Hi="activate".concat(ln),Bi="click".concat(ln),cn="load".concat(ln).concat(".data-api"),Vi="active",Yi="[href]",h=".nav-link",Xi="".concat(h,", ").concat(".nav-item"," > ").concat(h,", ").concat(".list-group-item"),Ui={offset:null,rootMargin:"0px 0px -25%",smoothScroll:!1,target:null,threshold:[.1,.5,1]},Ki={offset:"(number|null)",rootMargin:"string",smoothScroll:"boolean",target:"element",threshold:"array"},Qi=(()=>{function n(e,t){return Lo(this,n),(e=Eo(this,n,[e,t]))._targetLinks=new Map,e._observableSections=new Map,e._rootElement="visible"===getComputedStyle(e._element).overflowY?null:e._element,e._activeTarget=null,e._observer=null,e._previousScrollData={visibleEntryTop:0,parentScrollTop:0},e.refresh(),e}return Ao(n,t),To(n,[{key:"refresh",value:function(){this._initializeTargetsAndObservables(),this._maybeEnableSmoothScroll(),this._observer?this._observer.disconnect():this._observer=this._getNewObserver();var e,t=Mo(this._observableSections.values());try{for(t.s();!(e=t.n()).done;){var n=e.value;this._observer.observe(n)}}catch(e){t.e(e)}finally{t.f()}}},{key:"dispose",value:function(){this._observer.disconnect(),ko(n,"dispose",this,3)([])}},{key:"_configAfterMerge",value:function(e){return e.target=o(e.target)||document.body,e.rootMargin=e.offset?"".concat(e.offset,"px 0px -30%"):e.rootMargin,"string"==typeof e.threshold&&(e.threshold=e.threshold.split(",").map(function(e){return Number.parseFloat(e)})),e}},{key:"_maybeEnableSmoothScroll",value:function(){var n=this;this._config.smoothScroll&&(m.off(this._config.target,Bi),m.on(this._config.target,Bi,Yi,function(e){var t=n._observableSections.get(e.target.hash);t&&(e.preventDefault(),e=n._rootElement||window,t=t.offsetTop-n._element.offsetTop,e.scrollTo?e.scrollTo({top:t,behavior:"smooth"}):e.scrollTop=t)}))}},{key:"_getNewObserver",value:function(){var t=this,e={root:this._rootElement,threshold:this._config.threshold,rootMargin:this._config.rootMargin};return new IntersectionObserver(function(e){return t._observerCallback(e)},e)}},{key:"_observerCallback",value:function(e){function t(e){i._previousScrollData.visibleEntryTop=e.target.offsetTop,i._process(o(e))}var n,i=this,o=function(e){return i._targetLinks.get("#".concat(e.target.id))},r=(this._rootElement||document.documentElement).scrollTop,s=r>=this._previousScrollData.parentScrollTop,a=(this._previousScrollData.parentScrollTop=r,Mo(e));try{for(a.s();!(n=a.n()).done;){var l=n.value;if(l.isIntersecting){var c=l.target.offsetTop>=this._previousScrollData.visibleEntryTop;if(s&&c){if(t(l),r)continue;return}s||c||t(l)}else this._activeTarget=null,this._clearActiveClass(o(l))}}catch(e){a.e(e)}finally{a.f()}}},{key:"_initializeTargetsAndObservables",value:function(){this._targetLinks=new Map,this._observableSections=new Map;var e,t=Mo(u.find(Yi,this._config.target));try{for(t.s();!(e=t.n()).done;){var n,i=e.value;i.hash&&!s(i)&&(n=u.findOne(decodeURI(i.hash),this._element),r(n))&&(this._targetLinks.set(decodeURI(i.hash),i),this._observableSections.set(i.hash,n))}}catch(e){t.e(e)}finally{t.f()}}},{key:"_process",value:function(e){this._activeTarget!==e&&(this._clearActiveClass(this._config.target),(this._activeTarget=e).classList.add(Vi),this._activateParents(e),m.trigger(this._element,Hi,{relatedTarget:e}))}},{key:"_activateParents",value:function(e){if(e.classList.contains("dropdown-item"))u.findOne(".dropdown-toggle",e.closest(".dropdown")).classList.add(Vi);else{var t,n=Mo(u.parents(e,".nav, .list-group"));try{for(n.s();!(t=n.n()).done;){var i,o=t.value,r=Mo(u.prev(o,Xi));try{for(r.s();!(i=r.n()).done;)i.value.classList.add(Vi)}catch(e){r.e(e)}finally{r.f()}}}catch(e){n.e(e)}finally{n.f()}}}},{key:"_clearActiveClass",value:function(e){e.classList.remove(Vi);var t,n=Mo(u.find("".concat(Yi,".").concat(Vi),e));try{for(n.s();!(t=n.n()).done;)t.value.classList.remove(Vi)}catch(e){n.e(e)}finally{n.f()}}}],[{key:"Default",get:function(){return Ui}},{key:"DefaultType",get:function(){return Ki}},{key:"NAME",get:function(){return"scrollspy"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),d=(m.on(window,cn,function(){var e,t=Mo(u.find('[data-bs-spy="scroll"]'));try{for(t.s();!(e=t.n()).done;){var n=e.value;Qi.getOrCreateInstance(n)}}catch(e){t.e(e)}finally{t.f()}}),e(Qi),".".concat("bs.tab")),$i="hide".concat(d),Gi="hidden".concat(d),Zi="show".concat(d),Ji="shown".concat(d),Wt="click".concat(d),eo="keydown".concat(d),n="load".concat(d),to="ArrowRight",no="ArrowDown",io="Home",I="active",oo="show",ro=".dropdown-toggle",v=":not(".concat(ro,")"),Be=".nav-link".concat(v,", .list-group-item").concat(v,', [role="tab"]').concat(v),E='[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]',so="".concat(Be,", ").concat(E),ao=".".concat(I,'[data-bs-toggle="tab"], .').concat(I,'[data-bs-toggle="pill"], .').concat(I,'[data-bs-toggle="list"]'),lo=(()=>{function i(e){var t;return Lo(this,i),(t=Eo(this,i,[e]))._parent=t._element.closest('.list-group, .nav, [role="tablist"]'),t._parent?(t._setInitialAttributes(t._parent,t._getChildren()),m.on(t._element,eo,function(e){return t._keydown(e)}),t):xo(t)}return Ao(i,t),To(i,[{key:"show",value:function(){var e,t,n=this._element;this._elemIsActive(n)||(t=(e=this._getActiveElem())?m.trigger(e,$i,{relatedTarget:n}):null,m.trigger(n,Zi,{relatedTarget:e}).defaultPrevented)||t&&t.defaultPrevented||(this._deactivate(e,n),this._activate(n,e))}},{key:"_activate",value:function(e,t){var n=this;e&&(e.classList.add(I),this._activate(u.getElementFromSelector(e)),this._queueCallback(function(){"tab"!==e.getAttribute("role")?e.classList.add(oo):(e.removeAttribute("tabindex"),e.setAttribute("aria-selected",!0),n._toggleDropDown(e,!0),m.trigger(e,Ji,{relatedTarget:t}))},e,e.classList.contains("fade")))}},{key:"_deactivate",value:function(e,t){var n=this;e&&(e.classList.remove(I),e.blur(),this._deactivate(u.getElementFromSelector(e)),this._queueCallback(function(){"tab"!==e.getAttribute("role")?e.classList.remove(oo):(e.setAttribute("aria-selected",!1),e.setAttribute("tabindex","-1"),n._toggleDropDown(e,!1),m.trigger(e,Gi,{relatedTarget:t}))},e,e.classList.contains("fade")))}},{key:"_keydown",value:function(e){var t,n;["ArrowLeft",to,"ArrowUp",no,io,"End"].includes(e.key)&&(e.stopPropagation(),e.preventDefault(),n=this._getChildren().filter(function(e){return!s(e)}),n=[io,"End"].includes(e.key)?n[e.key===io?0:n.length-1]:(t=[to,no].includes(e.key),H(n,e.target,t,!0)))&&(n.focus({preventScroll:!0}),i.getOrCreateInstance(n).show())}},{key:"_getChildren",value:function(){return u.find(so,this._parent)}},{key:"_getActiveElem",value:function(){var t=this;return this._getChildren().find(function(e){return t._elemIsActive(e)})||null}},{key:"_setInitialAttributes",value:function(e,t){this._setAttributeIfNotExists(e,"role","tablist");var n,i=Mo(t);try{for(i.s();!(n=i.n()).done;){var o=n.value;this._setInitialAttributesOnChild(o)}}catch(e){i.e(e)}finally{i.f()}}},{key:"_setInitialAttributesOnChild",value:function(e){e=this._getInnerElement(e);var t=this._elemIsActive(e),n=this._getOuterElement(e);e.setAttribute("aria-selected",t),n!==e&&this._setAttributeIfNotExists(n,"role","presentation"),t||e.setAttribute("tabindex","-1"),this._setAttributeIfNotExists(e,"role","tab"),this._setInitialAttributesOnTargetPanel(e)}},{key:"_setInitialAttributesOnTargetPanel",value:function(e){var t=u.getElementFromSelector(e);t&&(this._setAttributeIfNotExists(t,"role","tabpanel"),e.id)&&this._setAttributeIfNotExists(t,"aria-labelledby","".concat(e.id))}},{key:"_toggleDropDown",value:function(e,n){var i=this._getOuterElement(e);i.classList.contains("dropdown")&&((e=function(e,t){e=u.findOne(e,i);e&&e.classList.toggle(t,n)})(ro,I),e(".dropdown-menu",oo),i.setAttribute("aria-expanded",n))}},{key:"_setAttributeIfNotExists",value:function(e,t,n){e.hasAttribute(t)||e.setAttribute(t,n)}},{key:"_elemIsActive",value:function(e){return e.classList.contains(I)}},{key:"_getInnerElement",value:function(e){return e.matches(so)?e:u.findOne(so,e)}},{key:"_getOuterElement",value:function(e){return e.closest(".nav-item, .list-group-item")||e}}],[{key:"NAME",get:function(){return"tab"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=i.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError('No method named "'.concat(t,'"'));e[t]()}})}}])})(),p=(m.on(document,Wt,E,function(e){["A","AREA"].includes(this.tagName)&&e.preventDefault(),s(this)||lo.getOrCreateInstance(this).show()}),m.on(window,n,function(){var e,t=Mo(u.find(ao));try{for(t.s();!(e=t.n()).done;){var n=e.value;lo.getOrCreateInstance(n)}}catch(e){t.e(e)}finally{t.f()}}),e(lo),".".concat("bs.toast")),co="mouseover".concat(p),uo="mouseout".concat(p),fo="focusin".concat(p),ho="focusout".concat(p),po="hide".concat(p),mo="hidden".concat(p),vo="show".concat(p),go="shown".concat(p),yo="show",bo="showing",_o={animation:"boolean",autohide:"boolean",delay:"number"},wo={animation:!0,autohide:!0,delay:5e3},nn=(()=>{function n(e,t){return Lo(this,n),(e=Eo(this,n,[e,t]))._timeout=null,e._hasMouseInteraction=!1,e._hasKeyboardInteraction=!1,e._setListeners(),e}return Ao(n,t),To(n,[{key:"show",value:function(){var e=this;m.trigger(this._element,vo).defaultPrevented||(this._clearTimeout(),this._config.animation&&this._element.classList.add("fade"),this._element.classList.remove("hide"),q(this._element),this._element.classList.add(yo,bo),this._queueCallback(function(){e._element.classList.remove(bo),m.trigger(e._element,go),e._maybeScheduleHide()},this._element,this._config.animation))}},{key:"hide",value:function(){var e=this;this.isShown()&&!m.trigger(this._element,po).defaultPrevented&&(this._element.classList.add(bo),this._queueCallback(function(){e._element.classList.add("hide"),e._element.classList.remove(bo,yo),m.trigger(e._element,mo)},this._element,this._config.animation))}},{key:"dispose",value:function(){this._clearTimeout(),this.isShown()&&this._element.classList.remove(yo),ko(n,"dispose",this,3)([])}},{key:"isShown",value:function(){return this._element.classList.contains(yo)}},{key:"_maybeScheduleHide",value:function(){var e=this;!this._config.autohide||this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout(function(){e.hide()},this._config.delay))}},{key:"_onInteraction",value:function(e,t){switch(e.type){case"mouseover":case"mouseout":this._hasMouseInteraction=t;break;case"focusin":case"focusout":this._hasKeyboardInteraction=t}t?this._clearTimeout():this._element===(e=e.relatedTarget)||this._element.contains(e)||this._maybeScheduleHide()}},{key:"_setListeners",value:function(){var t=this;m.on(this._element,co,function(e){return t._onInteraction(e,!0)}),m.on(this._element,uo,function(e){return t._onInteraction(e,!1)}),m.on(this._element,fo,function(e){return t._onInteraction(e,!0)}),m.on(this._element,ho,function(e){return t._onInteraction(e,!1)})}},{key:"_clearTimeout",value:function(){clearTimeout(this._timeout),this._timeout=null}}],[{key:"Default",get:function(){return wo}},{key:"DefaultType",get:function(){return _o}},{key:"NAME",get:function(){return"toast"}},{key:"jQueryInterface",value:function(t){return this.each(function(){var e=n.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError('No method named "'.concat(t,'"'));e[t](this)}})}}])})();return pe(nn),e(nn),{Alert:_e,Button:xe,Carousel:Ge,Collapse:ct,Dropdown:A,Modal:ui,Offcanvas:j,Popover:an,ScrollSpy:Qi,Tab:lo,Toast:nn,Tooltip:qi}},"object"===(void 0===n?"undefined":No(n))&&void 0!==t?t.exports=d():"function"==typeof define&&define.amd?define(d):("undefined"!=typeof globalThis?globalThis:self).bootstrap=d()},{}],2:[function(e,t,n){e=e("./_root").Symbol;t.exports=e},{"./_root":8}],3:[function(e,t,n){var i=e("./_Symbol"),o=e("./_getRawTag"),r=e("./_objectToString"),s=i?i.toStringTag:void 0;t.exports=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":(s&&s in Object(e)?o:r)(e)}},{"./_Symbol":2,"./_getRawTag":6,"./_objectToString":7}],4:[function(e,t,n){var i=e("./_trimmedEndIndex"),o=/^\s+/;t.exports=function(e){return e&&e.slice(0,i(e)+1).replace(o,"")}},{"./_trimmedEndIndex":9}],5:[function(e,i,t){!function(n){!function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var e="object"==(void 0===n?"undefined":t(n))&&n&&n.Object===Object&&n;i.exports=e}.call(this)}.call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}],6:[function(e,t,n){var e=e("./_Symbol"),i=Object.prototype,r=i.hasOwnProperty,s=i.toString,a=e?e.toStringTag:void 0;t.exports=function(e){var t=r.call(e,a),n=e[a];try{var i=!(e[a]=void 0)}catch(e){}var o=s.call(e);return i&&(t?e[a]=n:delete e[a]),o}},{"./_Symbol":2}],7:[function(e,t,n){var i=Object.prototype.toString;t.exports=function(e){return i.call(e)}},{}],8:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var e=e("./_freeGlobal"),o="object"==("undefined"==typeof self?"undefined":i(self))&&self&&self.Object===Object&&self,e=e||o||Function("return this")();t.exports=e},{"./_freeGlobal":5}],9:[function(e,t,n){var i=/\s/;t.exports=function(e){for(var t=e.length;t--&&i.test(e.charAt(t)););return t}},{}],10:[function(e,t,n){var y=e("./isObject"),b=e("./now"),_=e("./toNumber"),w=Math.max,k=Math.min;t.exports=function(i,n,e){var o,r,s,a,l,c,u=0,f=!1,d=!1,t=!0;if("function"!=typeof i)throw new TypeError("Expected a function");function h(e){var t=o,n=r;return o=r=void 0,u=e,a=i.apply(n,t)}function p(e){var t=e-c;return void 0===c||n<=t||t<0||d&&s<=e-u}function m(){var e,t=b();if(p(t))return v(t);l=setTimeout(m,(e=n-((t=t)-c),d?k(e,s-(t-u)):e))}function v(e){return l=void 0,t&&o?h(e):(o=r=void 0,a)}function g(){var e=b(),t=p(e);if(o=arguments,r=this,c=e,t){if(void 0===l)return u=e=c,l=setTimeout(m,n),f?h(e):a;if(d)return clearTimeout(l),l=setTimeout(m,n),h(c)}return void 0===l&&(l=setTimeout(m,n)),a}return n=_(n)||0,y(e)&&(f=!!e.leading,d="maxWait"in e,s=d?w(_(e.maxWait)||0,n):s,t="trailing"in e?!!e.trailing:t),g.cancel=function(){void 0!==l&&clearTimeout(l),o=c=r=l=void(u=0)},g.flush=function(){return void 0===l?a:v(b())},g}},{"./isObject":11,"./now":14,"./toNumber":16}],11:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}t.exports=function(e){var t=i(e);return null!=e&&("object"==t||"function"==t)}},{}],12:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}t.exports=function(e){return null!=e&&"object"==i(e)}},{}],13:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var o=e("./_baseGetTag"),r=e("./isObjectLike");t.exports=function(e){return"symbol"==i(e)||r(e)&&"[object Symbol]"==o(e)}},{"./_baseGetTag":3,"./isObjectLike":12}],14:[function(e,t,n){var i=e("./_root");t.exports=function(){return i.Date.now()}},{"./_root":8}],15:[function(e,t,n){var r=e("./debounce"),s=e("./isObject");t.exports=function(e,t,n){var i=!0,o=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return s(n)&&(i="leading"in n?!!n.leading:i,o="trailing"in n?!!n.trailing:o),r(e,t,{leading:i,maxWait:t,trailing:o})}},{"./debounce":10,"./isObject":11}],16:[function(e,t,n){var i=e("./_baseTrim"),o=e("./isObject"),r=e("./isSymbol"),s=/^[-+]0x[0-9a-f]+$/i,a=/^0b[01]+$/i,l=/^0o[0-7]+$/i,c=parseInt;t.exports=function(e){if("number"==typeof e)return e;if(r(e))return NaN;if(o(e)&&(t="function"==typeof e.valueOf?e.valueOf():e,e=o(t)?t+"":t),"string"!=typeof e)return 0===e?e:+e;e=i(e);var t=a.test(e);return t||l.test(e)?c(e.slice(2),t?2:8):s.test(e)?NaN:+e}},{"./_baseTrim":4,"./isObject":11,"./isSymbol":13}],17:[function(e,t,n){function w(e){return(w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var i,o;o=function(n,i){var o=function(){return(o=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function e(e){return e&&e.ownerDocument&&e.ownerDocument.defaultView?e.ownerDocument.defaultView:window}function t(e){return e&&e.ownerDocument?e.ownerDocument:document}function r(e){return Array.prototype.reduce.call(e,function(e,t){var n=t.name.match(/data-simplebar-(.+)/);if(n){var i=n[1].replace(/\W+(.)/g,function(e,t){return t.toUpperCase()});switch(t.value){case"true":e[i]=!0;break;case"false":e[i]=!1;break;case void 0:e[i]=!0;break;default:e[i]=t.value}}return e},{})}function s(e,t){e&&(e=e.classList).add.apply(e,t.split(" "))}function a(t,e){t&&e.split(" ").forEach(function(e){t.classList.remove(e)})}function l(e){return".".concat(e.split(" ").join("."))}var c=!("undefined"==typeof window||!window.document||!window.document.createElement),u=Object.freeze({__proto__:null,addClasses:s,canUseDOM:c,classNamesToQuery:l,getElementDocument:t,getElementWindow:e,getOptions:r,removeClasses:a}),f=null,d=null;function h(){if(null===f){if("undefined"==typeof document)return f=0;var e=document.body,t=document.createElement("div"),n=(t.classList.add("simplebar-hide-scrollbar"),e.appendChild(t),t.getBoundingClientRect().right);e.removeChild(t),f=n}return f}c&&window.addEventListener("resize",function(){d!==window.devicePixelRatio&&(d=window.devicePixelRatio,f=null)});var p=e,m=t,v=r,g=s,y=a,b=l;function _(e,t){void 0===t&&(t={});var s=this;if(this.removePreventClickId=null,this.minScrollbarWidth=20,this.stopScrollDelay=175,this.isScrolling=!1,this.isMouseEntering=!1,this.isDragging=!1,this.scrollXTicking=!1,this.scrollYTicking=!1,this.wrapperEl=null,this.contentWrapperEl=null,this.contentEl=null,this.offsetEl=null,this.maskEl=null,this.placeholderEl=null,this.heightAutoObserverWrapperEl=null,this.heightAutoObserverEl=null,this.rtlHelpers=null,this.scrollbarWidth=0,this.resizeObserver=null,this.mutationObserver=null,this.elStyles=null,this.isRtl=null,this.mouseX=0,this.mouseY=0,this.onMouseMove=function(){},this.onWindowResize=function(){},this.onStopScrolling=function(){},this.onMouseEntered=function(){},this.onScroll=function(){var e=p(s.el);s.scrollXTicking||(e.requestAnimationFrame(s.scrollX),s.scrollXTicking=!0),s.scrollYTicking||(e.requestAnimationFrame(s.scrollY),s.scrollYTicking=!0),s.isScrolling||(s.isScrolling=!0,g(s.el,s.classNames.scrolling)),s.showScrollbar("x"),s.showScrollbar("y"),s.onStopScrolling()},this.scrollX=function(){s.axis.x.isOverflowing&&s.positionScrollbar("x"),s.scrollXTicking=!1},this.scrollY=function(){s.axis.y.isOverflowing&&s.positionScrollbar("y"),s.scrollYTicking=!1},this._onStopScrolling=function(){y(s.el,s.classNames.scrolling),s.options.autoHide&&(s.hideScrollbar("x"),s.hideScrollbar("y")),s.isScrolling=!1},this.onMouseEnter=function(){s.isMouseEntering||(g(s.el,s.classNames.mouseEntered),s.showScrollbar("x"),s.showScrollbar("y"),s.isMouseEntering=!0),s.onMouseEntered()},this._onMouseEntered=function(){y(s.el,s.classNames.mouseEntered),s.options.autoHide&&(s.hideScrollbar("x"),s.hideScrollbar("y")),s.isMouseEntering=!1},this._onMouseMove=function(e){s.mouseX=e.clientX,s.mouseY=e.clientY,(s.axis.x.isOverflowing||s.axis.x.forceVisible)&&s.onMouseMoveForAxis("x"),(s.axis.y.isOverflowing||s.axis.y.forceVisible)&&s.onMouseMoveForAxis("y")},this.onMouseLeave=function(){s.onMouseMove.cancel(),(s.axis.x.isOverflowing||s.axis.x.forceVisible)&&s.onMouseLeaveForAxis("x"),(s.axis.y.isOverflowing||s.axis.y.forceVisible)&&s.onMouseLeaveForAxis("y"),s.mouseX=-1,s.mouseY=-1},this._onWindowResize=function(){s.scrollbarWidth=s.getScrollbarWidth(),s.hideNativeScrollbar()},this.onPointerEvent=function(e){var t,n;s.axis.x.track.el&&s.axis.y.track.el&&s.axis.x.scrollbar.el&&s.axis.y.scrollbar.el&&(s.axis.x.track.rect=s.axis.x.track.el.getBoundingClientRect(),s.axis.y.track.rect=s.axis.y.track.el.getBoundingClientRect(),(s.axis.x.isOverflowing||s.axis.x.forceVisible)&&(t=s.isWithinBounds(s.axis.x.track.rect)),(s.axis.y.isOverflowing||s.axis.y.forceVisible)&&(n=s.isWithinBounds(s.axis.y.track.rect)),t||n)&&(e.stopPropagation(),"pointerdown"===e.type)&&"touch"!==e.pointerType&&(t&&(s.axis.x.scrollbar.rect=s.axis.x.scrollbar.el.getBoundingClientRect(),s.isWithinBounds(s.axis.x.scrollbar.rect)?s.onDragStart(e,"x"):s.onTrackClick(e,"x")),n)&&(s.axis.y.scrollbar.rect=s.axis.y.scrollbar.el.getBoundingClientRect(),s.isWithinBounds(s.axis.y.scrollbar.rect)?s.onDragStart(e,"y"):s.onTrackClick(e,"y"))},this.drag=function(e){var t,n,i,o,r;s.draggedAxis&&s.contentWrapperEl&&(t=null!=(t=null==(t=(r=s.axis[s.draggedAxis].track).rect)?void 0:t[s.axis[s.draggedAxis].sizeAttr])?t:0,n=s.axis[s.draggedAxis].scrollbar,i=null!=(i=null==(i=s.contentWrapperEl)?void 0:i[s.axis[s.draggedAxis].scrollSizeAttr])?i:0,o=parseInt(null!=(o=null==(o=s.elStyles)?void 0:o[s.axis[s.draggedAxis].sizeAttr])?o:"0px",10),e.preventDefault(),e.stopPropagation(),e=("y"===s.draggedAxis?e.pageY:e.pageX)-(null!=(e=null==(e=r.rect)?void 0:e[s.axis[s.draggedAxis].offsetAttr])?e:0)-s.axis[s.draggedAxis].dragOffset,r=(e="x"===s.draggedAxis&&s.isRtl?(null!=(r=null==(r=r.rect)?void 0:r[s.axis[s.draggedAxis].sizeAttr])?r:0)-n.size-e:e)/(t-n.size)*(i-o),"x"===s.draggedAxis&&s.isRtl&&(r=null!=(e=_.getRtlHelpers())&&e.isScrollingToNegative?-r:r),s.contentWrapperEl[s.axis[s.draggedAxis].scrollOffsetAttr]=r)},this.onEndDrag=function(e){s.isDragging=!1;var t=m(s.el),n=p(s.el);e.preventDefault(),e.stopPropagation(),y(s.el,s.classNames.dragging),s.onStopScrolling(),t.removeEventListener("mousemove",s.drag,!0),t.removeEventListener("mouseup",s.onEndDrag,!0),s.removePreventClickId=n.setTimeout(function(){t.removeEventListener("click",s.preventClick,!0),t.removeEventListener("dblclick",s.preventClick,!0),s.removePreventClickId=null})},this.preventClick=function(e){e.preventDefault(),e.stopPropagation()},this.el=e,this.options=o(o({},_.defaultOptions),t),this.classNames=o(o({},_.defaultOptions.classNames),t.classNames),this.axis={x:{scrollOffsetAttr:"scrollLeft",sizeAttr:"width",scrollSizeAttr:"scrollWidth",offsetSizeAttr:"offsetWidth",offsetAttr:"left",overflowAttr:"overflowX",dragOffset:0,isOverflowing:!0,forceVisible:!1,track:{size:null,el:null,rect:null,isVisible:!1},scrollbar:{size:null,el:null,rect:null,isVisible:!1}},y:{scrollOffsetAttr:"scrollTop",sizeAttr:"height",scrollSizeAttr:"scrollHeight",offsetSizeAttr:"offsetHeight",offsetAttr:"top",overflowAttr:"overflowY",dragOffset:0,isOverflowing:!0,forceVisible:!1,track:{size:null,el:null,rect:null,isVisible:!1},scrollbar:{size:null,el:null,rect:null,isVisible:!1}}},"object"!==w(this.el)||!this.el.nodeName)throw new Error("Argument passed to SimpleBar must be an HTML element instead of ".concat(this.el));this.onMouseMove=i(this._onMouseMove,64),this.onWindowResize=n(this._onWindowResize,64,{leading:!0}),this.onStopScrolling=n(this._onStopScrolling,this.stopScrollDelay),this.onMouseEntered=n(this._onMouseEntered,this.stopScrollDelay),this.init()}return _.getRtlHelpers=function(){if(!_.rtlHelpers){var e=document.createElement("div"),e=(e.innerHTML='<div class="simplebar-dummy-scrollbar-size"><div></div></div>',e.firstElementChild),t=null==e?void 0:e.firstElementChild;if(!t)return null;document.body.appendChild(e),e.scrollLeft=0;var n=_.getOffset(e),i=_.getOffset(t),t=(e.scrollLeft=-999,_.getOffset(t));document.body.removeChild(e),_.rtlHelpers={isScrollOriginAtZero:n.left!==i.left,isScrollingToNegative:i.left!==t.left}}return _.rtlHelpers},_.prototype.getScrollbarWidth=function(){try{return this.contentWrapperEl&&"none"===getComputedStyle(this.contentWrapperEl,"::-webkit-scrollbar").display||"scrollbarWidth"in document.documentElement.style||"-ms-overflow-style"in document.documentElement.style?0:h()}catch(e){return h()}},_.getOffset=function(e){var t=e.getBoundingClientRect(),n=m(e),e=p(e);return{top:t.top+(e.pageYOffset||n.documentElement.scrollTop),left:t.left+(e.pageXOffset||n.documentElement.scrollLeft)}},_.prototype.init=function(){c&&(this.initDOM(),this.rtlHelpers=_.getRtlHelpers(),this.scrollbarWidth=this.getScrollbarWidth(),this.recalculate(),this.initListeners())},_.prototype.initDOM=function(){var e;this.wrapperEl=this.el.querySelector(b(this.classNames.wrapper)),this.contentWrapperEl=this.options.scrollableNode||this.el.querySelector(b(this.classNames.contentWrapper)),this.contentEl=this.options.contentNode||this.el.querySelector(b(this.classNames.contentEl)),this.offsetEl=this.el.querySelector(b(this.classNames.offset)),this.maskEl=this.el.querySelector(b(this.classNames.mask)),this.placeholderEl=this.findChild(this.wrapperEl,b(this.classNames.placeholder)),this.heightAutoObserverWrapperEl=this.el.querySelector(b(this.classNames.heightAutoObserverWrapperEl)),this.heightAutoObserverEl=this.el.querySelector(b(this.classNames.heightAutoObserverEl)),this.axis.x.track.el=this.findChild(this.el,"".concat(b(this.classNames.track)).concat(b(this.classNames.horizontal))),this.axis.y.track.el=this.findChild(this.el,"".concat(b(this.classNames.track)).concat(b(this.classNames.vertical))),this.axis.x.scrollbar.el=(null==(e=this.axis.x.track.el)?void 0:e.querySelector(b(this.classNames.scrollbar)))||null,this.axis.y.scrollbar.el=(null==(e=this.axis.y.track.el)?void 0:e.querySelector(b(this.classNames.scrollbar)))||null,this.options.autoHide||(g(this.axis.x.scrollbar.el,this.classNames.visible),g(this.axis.y.scrollbar.el,this.classNames.visible))},_.prototype.initListeners=function(){var e,t,n=this,i=p(this.el);this.el.addEventListener("mouseenter",this.onMouseEnter),this.el.addEventListener("pointerdown",this.onPointerEvent,!0),this.el.addEventListener("mousemove",this.onMouseMove),this.el.addEventListener("mouseleave",this.onMouseLeave),null!=(t=this.contentWrapperEl)&&t.addEventListener("scroll",this.onScroll),i.addEventListener("resize",this.onWindowResize),this.contentEl&&(window.ResizeObserver&&(e=!1,t=i.ResizeObserver||ResizeObserver,this.resizeObserver=new t(function(){e&&i.requestAnimationFrame(function(){n.recalculate()})}),this.resizeObserver.observe(this.el),this.resizeObserver.observe(this.contentEl),i.requestAnimationFrame(function(){e=!0})),this.mutationObserver=new i.MutationObserver(function(){i.requestAnimationFrame(function(){n.recalculate()})}),this.mutationObserver.observe(this.contentEl,{childList:!0,subtree:!0,characterData:!0}))},_.prototype.recalculate=function(){var e,t,n,i,o,r,s,a;this.heightAutoObserverEl&&this.contentEl&&this.contentWrapperEl&&this.wrapperEl&&this.placeholderEl&&(a=p(this.el),this.elStyles=a.getComputedStyle(this.el),this.isRtl="rtl"===this.elStyles.direction,a=this.contentEl.offsetWidth,r=this.heightAutoObserverEl.offsetHeight<=1,s=this.heightAutoObserverEl.offsetWidth<=1||0<a,e=this.contentWrapperEl.offsetWidth,t=this.elStyles.overflowX,n=this.elStyles.overflowY,this.contentEl.style.padding="".concat(this.elStyles.paddingTop," ").concat(this.elStyles.paddingRight," ").concat(this.elStyles.paddingBottom," ").concat(this.elStyles.paddingLeft),this.wrapperEl.style.margin="-".concat(this.elStyles.paddingTop," -").concat(this.elStyles.paddingRight," -").concat(this.elStyles.paddingBottom," -").concat(this.elStyles.paddingLeft),i=this.contentEl.scrollHeight,o=this.contentEl.scrollWidth,this.contentWrapperEl.style.height=r?"auto":"100%",this.placeholderEl.style.width=s?"".concat(a||o,"px"):"auto",this.placeholderEl.style.height="".concat(i,"px"),r=this.contentWrapperEl.offsetHeight,this.axis.x.isOverflowing=0!==a&&a<o,this.axis.y.isOverflowing=r<i,this.axis.x.isOverflowing="hidden"!==t&&this.axis.x.isOverflowing,this.axis.y.isOverflowing="hidden"!==n&&this.axis.y.isOverflowing,this.axis.x.forceVisible="x"===this.options.forceVisible||!0===this.options.forceVisible,this.axis.y.forceVisible="y"===this.options.forceVisible||!0===this.options.forceVisible,this.hideNativeScrollbar(),s=this.axis.x.isOverflowing?this.scrollbarWidth:0,a=this.axis.y.isOverflowing?this.scrollbarWidth:0,this.axis.x.isOverflowing=this.axis.x.isOverflowing&&e-a<o,this.axis.y.isOverflowing=this.axis.y.isOverflowing&&r-s<i,this.axis.x.scrollbar.size=this.getScrollbarSize("x"),this.axis.y.scrollbar.size=this.getScrollbarSize("y"),this.axis.x.scrollbar.el&&(this.axis.x.scrollbar.el.style.width="".concat(this.axis.x.scrollbar.size,"px")),this.axis.y.scrollbar.el&&(this.axis.y.scrollbar.el.style.height="".concat(this.axis.y.scrollbar.size,"px")),this.positionScrollbar("x"),this.positionScrollbar("y"),this.toggleTrackVisibility("x"),this.toggleTrackVisibility("y"))},_.prototype.getScrollbarSize=function(e){var t,n;return this.axis[e=void 0===e?"y":e].isOverflowing&&this.contentEl?(t=this.contentEl[this.axis[e].scrollSizeAttr],e=null!=(n=null==(n=this.axis[e].track.el)?void 0:n[this.axis[e].offsetSizeAttr])?n:0,n=Math.max(~~(e/t*e),this.options.scrollbarMinSize),this.options.scrollbarMaxSize?Math.min(n,this.options.scrollbarMaxSize):n):0},_.prototype.positionScrollbar=function(e){var t,n,i,o,r,s=this.axis[e=void 0===e?"y":e].scrollbar;this.axis[e].isOverflowing&&this.contentWrapperEl&&s.el&&this.elStyles&&(t=this.contentWrapperEl[this.axis[e].scrollSizeAttr],n=(null==(n=this.axis[e].track.el)?void 0:n[this.axis[e].offsetSizeAttr])||0,i=parseInt(this.elStyles[this.axis[e].sizeAttr],10),o=this.contentWrapperEl[this.axis[e].scrollOffsetAttr],o="x"===e&&this.isRtl&&null!=(r=_.getRtlHelpers())&&r.isScrollOriginAtZero?-o:o,"x"===e&&this.isRtl&&(o=null!=(r=_.getRtlHelpers())&&r.isScrollingToNegative?o:-o),r=~~((n-s.size)*(o/(t-i))),r="x"===e&&this.isRtl?-r+(n-s.size):r,s.el.style.transform="x"===e?"translate3d(".concat(r,"px, 0, 0)"):"translate3d(0, ".concat(r,"px, 0)"))},_.prototype.toggleTrackVisibility=function(e){var t=this.axis[e=void 0===e?"y":e].track.el,n=this.axis[e].scrollbar.el;t&&n&&this.contentWrapperEl&&(this.axis[e].isOverflowing||this.axis[e].forceVisible?(t.style.visibility="visible",this.contentWrapperEl.style[this.axis[e].overflowAttr]="scroll",this.el.classList.add("".concat(this.classNames.scrollable,"-").concat(e))):(t.style.visibility="hidden",this.contentWrapperEl.style[this.axis[e].overflowAttr]="hidden",this.el.classList.remove("".concat(this.classNames.scrollable,"-").concat(e))),this.axis[e].isOverflowing?n.style.display="block":n.style.display="none")},_.prototype.showScrollbar=function(e){this.axis[e=void 0===e?"y":e].isOverflowing&&!this.axis[e].scrollbar.isVisible&&(g(this.axis[e].scrollbar.el,this.classNames.visible),this.axis[e].scrollbar.isVisible=!0)},_.prototype.hideScrollbar=function(e){void 0===e&&(e="y"),this.isDragging||this.axis[e].isOverflowing&&this.axis[e].scrollbar.isVisible&&(y(this.axis[e].scrollbar.el,this.classNames.visible),this.axis[e].scrollbar.isVisible=!1)},_.prototype.hideNativeScrollbar=function(){this.offsetEl&&(this.offsetEl.style[this.isRtl?"left":"right"]=this.axis.y.isOverflowing||this.axis.y.forceVisible?"-".concat(this.scrollbarWidth,"px"):"0px",this.offsetEl.style.bottom=this.axis.x.isOverflowing||this.axis.x.forceVisible?"-".concat(this.scrollbarWidth,"px"):"0px")},_.prototype.onMouseMoveForAxis=function(e){var t=this.axis[e=void 0===e?"y":e];t.track.el&&t.scrollbar.el&&(t.track.rect=t.track.el.getBoundingClientRect(),t.scrollbar.rect=t.scrollbar.el.getBoundingClientRect(),this.isWithinBounds(t.track.rect)?(this.showScrollbar(e),g(t.track.el,this.classNames.hover),(this.isWithinBounds(t.scrollbar.rect)?g:y)(t.scrollbar.el,this.classNames.hover)):(y(t.track.el,this.classNames.hover),this.options.autoHide&&this.hideScrollbar(e)))},_.prototype.onMouseLeaveForAxis=function(e){y(this.axis[e=void 0===e?"y":e].track.el,this.classNames.hover),y(this.axis[e].scrollbar.el,this.classNames.hover),this.options.autoHide&&this.hideScrollbar(e)},_.prototype.onDragStart=function(e,t){void 0===t&&(t="y"),this.isDragging=!0;var n=m(this.el),i=p(this.el),o=this.axis[t].scrollbar,e="y"===t?e.pageY:e.pageX;this.axis[t].dragOffset=e-((null==(e=o.rect)?void 0:e[this.axis[t].offsetAttr])||0),this.draggedAxis=t,g(this.el,this.classNames.dragging),n.addEventListener("mousemove",this.drag,!0),n.addEventListener("mouseup",this.onEndDrag,!0),null===this.removePreventClickId?(n.addEventListener("click",this.preventClick,!0),n.addEventListener("dblclick",this.preventClick,!0)):(i.clearTimeout(this.removePreventClickId),this.removePreventClickId=null)},_.prototype.onTrackClick=function(e,t){var n,i,o,r,s,a,l=this,c=(void 0===t&&(t="y"),this.axis[t]);this.options.clickOnTrack&&c.scrollbar.el&&this.contentWrapperEl&&(e.preventDefault(),n=p(this.el),this.axis[t].scrollbar.rect=c.scrollbar.el.getBoundingClientRect(),e=null!=(c=null==(e=this.axis[t].scrollbar.rect)?void 0:e[this.axis[t].offsetAttr])?c:0,c=parseInt(null!=(c=null==(c=this.elStyles)?void 0:c[this.axis[t].sizeAttr])?c:"0px",10),i=this.contentWrapperEl[this.axis[t].scrollOffsetAttr],o=("y"===t?this.mouseY-e:this.mouseX-e)<0?-1:1,r=-1===o?i-c:i+c,s=40,(a=function(){l.contentWrapperEl&&(-1===o?r<i&&(i-=s,l.contentWrapperEl[l.axis[t].scrollOffsetAttr]=i,n.requestAnimationFrame(a)):i<r&&(i+=s,l.contentWrapperEl[l.axis[t].scrollOffsetAttr]=i,n.requestAnimationFrame(a)))})())},_.prototype.getContentElement=function(){return this.contentEl},_.prototype.getScrollElement=function(){return this.contentWrapperEl},_.prototype.removeListeners=function(){var e=p(this.el);this.el.removeEventListener("mouseenter",this.onMouseEnter),this.el.removeEventListener("pointerdown",this.onPointerEvent,!0),this.el.removeEventListener("mousemove",this.onMouseMove),this.el.removeEventListener("mouseleave",this.onMouseLeave),this.contentWrapperEl&&this.contentWrapperEl.removeEventListener("scroll",this.onScroll),e.removeEventListener("resize",this.onWindowResize),this.mutationObserver&&this.mutationObserver.disconnect(),this.resizeObserver&&this.resizeObserver.disconnect(),this.onMouseMove.cancel(),this.onWindowResize.cancel(),this.onStopScrolling.cancel(),this.onMouseEntered.cancel()},_.prototype.unMount=function(){this.removeListeners()},_.prototype.isWithinBounds=function(e){return this.mouseX>=e.left&&this.mouseX<=e.left+e.width&&this.mouseY>=e.top&&this.mouseY<=e.top+e.height},_.prototype.findChild=function(e,t){var n=e.matches||e.webkitMatchesSelector||e.mozMatchesSelector||e.msMatchesSelector;return Array.prototype.filter.call(e.children,function(e){return n.call(e,t)})[0]},_.rtlHelpers=null,_.defaultOptions={forceVisible:!1,clickOnTrack:!0,scrollbarMinSize:25,scrollbarMaxSize:0,ariaLabel:"scrollable content",tabIndex:0,classNames:{contentEl:"simplebar-content",contentWrapper:"simplebar-content-wrapper",offset:"simplebar-offset",mask:"simplebar-mask",wrapper:"simplebar-wrapper",placeholder:"simplebar-placeholder",scrollbar:"simplebar-scrollbar",track:"simplebar-track",heightAutoObserverWrapperEl:"simplebar-height-auto-observer-wrapper",heightAutoObserverEl:"simplebar-height-auto-observer",visible:"simplebar-visible",horizontal:"simplebar-horizontal",vertical:"simplebar-vertical",hover:"simplebar-hover",dragging:"simplebar-dragging",scrolling:"simplebar-scrolling",scrollable:"simplebar-scrollable",mouseEntered:"simplebar-mouse-entered"},scrollableNode:null,contentNode:null,autoHide:!0},_.getOptions=v,_.helpers=u,_},"object"===((i=void 0)===n?"undefined":w(n))&&void 0!==t?t.exports=o(e("lodash/debounce.js"),e("lodash/throttle.js")):"function"==typeof define&&define.amd?define(["lodash/debounce.js","lodash/throttle.js"],o):(i="undefined"!=typeof globalThis?globalThis:self).SimpleBarCore=o(i.debounce,i.throttle)},{"lodash/debounce.js":10,"lodash/throttle.js":15}],18:[function(e,t,n){function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var o,r;r=function(e,r){var s=function(e,t){return(s=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)};var t=r.helpers,a=t.getOptions,l=t.addClasses,t=t.canUseDOM,n=(i=>{var e=o,t=i;if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}function o(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=i.apply(this,e)||this;return o.instances.set(e[0],n),n}return s(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n),o.initDOMLoadedElements=function(){document.removeEventListener("DOMContentLoaded",this.initDOMLoadedElements),window.removeEventListener("load",this.initDOMLoadedElements),Array.prototype.forEach.call(document.querySelectorAll("[data-simplebar]"),function(e){"init"===e.getAttribute("data-simplebar")||o.instances.has(e)||new o(e,a(e.attributes))})},o.removeObserver=function(){var e;null!=(e=o.globalObserver)&&e.disconnect()},o.prototype.initDOM=function(){var e,t,n=this;if(!Array.prototype.filter.call(this.el.children,function(e){return e.classList.contains(n.classNames.wrapper)}).length){for(this.wrapperEl=document.createElement("div"),this.contentWrapperEl=document.createElement("div"),this.offsetEl=document.createElement("div"),this.maskEl=document.createElement("div"),this.contentEl=document.createElement("div"),this.placeholderEl=document.createElement("div"),this.heightAutoObserverWrapperEl=document.createElement("div"),this.heightAutoObserverEl=document.createElement("div"),l(this.wrapperEl,this.classNames.wrapper),l(this.contentWrapperEl,this.classNames.contentWrapper),l(this.offsetEl,this.classNames.offset),l(this.maskEl,this.classNames.mask),l(this.contentEl,this.classNames.contentEl),l(this.placeholderEl,this.classNames.placeholder),l(this.heightAutoObserverWrapperEl,this.classNames.heightAutoObserverWrapperEl),l(this.heightAutoObserverEl,this.classNames.heightAutoObserverEl);this.el.firstChild;)this.contentEl.appendChild(this.el.firstChild);this.contentWrapperEl.appendChild(this.contentEl),this.offsetEl.appendChild(this.contentWrapperEl),this.maskEl.appendChild(this.offsetEl),this.heightAutoObserverWrapperEl.appendChild(this.heightAutoObserverEl),this.wrapperEl.appendChild(this.heightAutoObserverWrapperEl),this.wrapperEl.appendChild(this.maskEl),this.wrapperEl.appendChild(this.placeholderEl),this.el.appendChild(this.wrapperEl),null!=(e=this.contentWrapperEl)&&e.setAttribute("tabindex",this.options.tabIndex.toString()),null!=(e=this.contentWrapperEl)&&e.setAttribute("role","region"),null!=(e=this.contentWrapperEl)&&e.setAttribute("aria-label",this.options.ariaLabel)}this.axis.x.track.el&&this.axis.y.track.el||(e=document.createElement("div"),t=document.createElement("div"),l(e,this.classNames.track),l(t,this.classNames.scrollbar),e.appendChild(t),this.axis.x.track.el=e.cloneNode(!0),l(this.axis.x.track.el,this.classNames.horizontal),this.axis.y.track.el=e.cloneNode(!0),l(this.axis.y.track.el,this.classNames.vertical),this.el.appendChild(this.axis.x.track.el),this.el.appendChild(this.axis.y.track.el)),r.prototype.initDOM.call(this),this.el.setAttribute("data-simplebar","init")},o.prototype.unMount=function(){r.prototype.unMount.call(this),o.instances.delete(this.el)},o.initHtmlApi=function(){this.initDOMLoadedElements=this.initDOMLoadedElements.bind(this),"undefined"!=typeof MutationObserver&&(this.globalObserver=new MutationObserver(o.handleMutations),this.globalObserver.observe(document,{childList:!0,subtree:!0})),"complete"===document.readyState||"loading"!==document.readyState&&!document.documentElement.doScroll?window.setTimeout(this.initDOMLoadedElements):(document.addEventListener("DOMContentLoaded",this.initDOMLoadedElements),window.addEventListener("load",this.initDOMLoadedElements))},o.handleMutations=function(e){e.forEach(function(e){e.addedNodes.forEach(function(e){1===e.nodeType&&(e.hasAttribute("data-simplebar")?!o.instances.has(e)&&document.documentElement.contains(e)&&new o(e,a(e.attributes)):e.querySelectorAll("[data-simplebar]").forEach(function(e){"init"!==e.getAttribute("data-simplebar")&&!o.instances.has(e)&&document.documentElement.contains(e)&&new o(e,a(e.attributes))}))}),e.removedNodes.forEach(function(e){var t;1===e.nodeType&&("init"===e.getAttribute("data-simplebar")?document.documentElement.contains(e)||null==(t=o.instances.get(e))||t.unMount():Array.prototype.forEach.call(e.querySelectorAll('[data-simplebar="init"]'),function(e){document.documentElement.contains(e)||null==(e=o.instances.get(e))||e.unMount()}))})})},o.instances=new WeakMap,o})(r);t&&n.initHtmlApi(),e.default=n,Object.defineProperty(e,"__esModule",{value:!0})},"object"===((o=void 0)===n?"undefined":i(n))&&void 0!==t?r(n,e("simplebar-core")):"function"==typeof define&&define.amd?define(["exports","simplebar-core"],r):r((o="undefined"!=typeof globalThis?globalThis:self).SimpleBar={},o.SimpleBar)},{"simplebar-core":17}],19:[function(e,t,n){window.addEventListener("scroll",function(){document.querySelectorAll(".app-header").forEach(function(e){20<window.scrollY?e.classList.add("!shadow-glass"):e.classList.remove("!shadow-glass")})})},{}],20:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var e=document.querySelector('[data-toggle="app_sidebar"]'),t=document.body,n="app-sidebar-backdrop";function i(){var e=document.querySelector(".".concat(n));e&&e.remove()}function o(){var e;t.classList.toggle("is-app-sidebar"),t.classList.contains("is-app-sidebar")?document.querySelector(".".concat(n))||((e=document.createElement("div")).className="fixed inset-0 w-full h-full bg-black/25 z-50 backdrop-blur ".concat(n),e.addEventListener("click",function(){t.classList.remove("is-app-sidebar"),i()}),document.body.appendChild(e)):i()}function r(){1024<=window.innerWidth&&(t.classList.remove("is-app-sidebar"),i())}e&&e.addEventListener("click",function(){window.innerWidth<1024&&o()}),window.addEventListener("resize",r),r()}),document.addEventListener("DOMContentLoaded",function(){function e(e){e.matches||document.body.classList.remove(i)}var t=document.getElementById("isSidebarMini"),n=window.matchMedia("(min-width: 1024px)"),i="is-sidebar-mini";null!=t&&t.addEventListener("click",function(){n.matches&&document.body.classList.toggle(i)});e(n),n.addEventListener("change",e)})},{}],21:[function(e,t,n){function i(e){return(e=>{if(Array.isArray(e))return o(e)})(e)||(e=>{if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)})(e)||((e,t)=>{var n;if(e)return"string"==typeof e?o(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0})(e)||(()=>{throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")})()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}window.bootstrap=e("bootstrap/dist/js/bootstrap.bundle");i(document.querySelectorAll('[data-bs-toggle="popover"]')).map(function(e){return new bootstrap.Popover(e)}),i(document.querySelectorAll('[data-bs-toggle="tooltip"]')).map(function(e){return new bootstrap.Tooltip(e)}),[].slice.call(document.querySelectorAll(".toast")).map(function(e){return new bootstrap.Toast(e)});document.querySelectorAll(".collapse-group .collapse").forEach(function(t){var n=new bootstrap.Collapse(t,{toggle:!1});t.addEventListener("show.bs.collapse",function(e){e.stopPropagation(),t.parentElement.closest(".collapse").querySelectorAll(".collapse").forEach(function(e){e=bootstrap.Collapse.getInstance(e);e!==n&&e.hide()})}),t.addEventListener("hide.bs.collapse",function(e){e.stopPropagation(),t.querySelectorAll(".collapse").forEach(function(e){bootstrap.Collapse.getInstance(e).hide()})})}),document.querySelectorAll(".modal").forEach(function(t){t.addEventListener("shown.bs.modal",function(){var e=t.querySelector("input");e&&e.focus()})})},{"bootstrap/dist/js/bootstrap.bundle":1}],22:[function(e,t,n){document.querySelectorAll("[data-refresh]").forEach(function(e){e.addEventListener("click",function(){var e=document.querySelector(".card-overlay");e&&(e.style.display="flex",setTimeout(function(){e.style.display="none"},3e3))})})},{}],23:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var e=document.querySelector('[data-theme-switch="dark"]'),t=document.documentElement;"dark"===localStorage.getItem("mode")&&(t.classList.add("dark"),e)&&(e.checked=!0),e&&e.addEventListener("change",function(){e.checked?(t.classList.add("dark"),localStorage.setItem("mode","dark")):(t.classList.remove("dark"),localStorage.setItem("mode","light"))})})},{}],24:[function(e,t,n){var i=document.getElementById("preloader");i&&window.addEventListener("load",function(){i.classList.add("hidden")})},{}],25:[function(e,t,n){document.querySelectorAll("[data-progress]").forEach(function(e){var t=parseFloat(e.getAttribute("data-progress")),n="true"===e.getAttribute("data-show-value"),i=e.querySelector(".progress-ring"),o=i.r.baseVal.value,r=2*Math.PI*o,o=(i.style.strokeDasharray="".concat(r),i.style.strokeDashoffset="".concat(r),requestAnimationFrame(function(){i.style.strokeDashoffset=r-t/100*r}),e.querySelector(".value-label"));n&&o&&(o.textContent="".concat(t,"%"),o.classList.remove("hidden"))})},{}],26:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var t=document.getElementById("toggleRTL"),i=document.documentElement;function n(){var n="rtl"===i.getAttribute("dir");document.querySelectorAll(".sidebar-compact-link").forEach(function(e){e.setAttribute("data-bs-offset",n?"-68,-56":"68,-56");var t=bootstrap.Dropdown.getInstance(e);t&&e.classList.contains("show")&&null!=(e=t._popper)&&null!=(t=e.update)&&t.call(e)})}t&&("true"===localStorage.getItem("rtl")?(t.checked=!0,i.setAttribute("dir","rtl")):i.setAttribute("dir","ltr"),n(),t.addEventListener("change",function(){var e=t.checked;i.setAttribute("dir",e?"rtl":"ltr"),localStorage.setItem("rtl",e),n(),setTimeout(function(){location.reload()},100)}))})},{}],27:[function(e,t,n){var r=(e=e("simplebar"))&&e.__esModule?e:{default:e};document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll("[data-simplebar]").forEach(function(e){var t,n,i,o=new r.default(e).getScrollElement(),e=e.querySelector(".app-sidebar .active");e&&(e=(t=e.offsetTop)+e.offsetHeight,i=(n=o.scrollTop)+o.clientHeight,t<n||i<e)&&o.scrollTo({top:t-50,behavior:"smooth"})})}),document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll(".nav-horizontal").forEach(function(n){function e(){var e,t=n.querySelector(".nav-horizontal .nav-link.active");t&&(e=n.getBoundingClientRect(),e=t.getBoundingClientRect().left-e.left-n.clientWidth/2+t.clientWidth/2,n.scrollTo({left:e,behavior:"smooth"}))}e(),new MutationObserver(e).observe(n,{attributes:!0,subtree:!0,attributeFilter:["class"]})})})},{simplebar:18}],28:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var e=document.querySelector('[data-toggle="sidebar_secondary"]'),t=document.querySelector(".layout_secondary"),n="sidebar-secondary-backdrop",i="is-sidebar";function o(){var e=null==t?void 0:t.querySelector(".".concat(n));e&&e.remove()}function r(){var e;t&&(t.classList.toggle(i),t.classList.contains(i)?t&&!document.querySelector(".".concat(n))&&((e=document.createElement("div")).className="absolute inset-0 w-full z-10 h-full bg-black/25 backdrop-blur ".concat(n),e.addEventListener("click",function(){t.classList.remove(i),o()}),t.appendChild(e)):o())}function s(){1024<=window.innerWidth&&t&&(t.classList.remove(i),o())}e&&t&&e.addEventListener("click",function(){window.innerWidth<1024&&r()}),window.addEventListener("resize",s),s()})},{}],29:[function(e,t,n){var i,o,r=document.getElementById("sidebarLight"),s=document.getElementById("sidebarDark"),a=document.querySelector(".app-sidebar");r&&s&&a&&(i=function(e){"dark"===e?a.classList.add("dark","dark:text-zinc-300"):a.classList.remove("dark","dark:text-zinc-300"),localStorage.setItem("sidebarTheme",e)},r.addEventListener("change",function(){this.checked&&i("light")}),s.addEventListener("change",function(){this.checked&&i("dark")}),o=localStorage.getItem("sidebarTheme"))&&("dark"===o?(s.checked=!0,i("dark")):(r.checked=!0,i("light")))},{}],30:[function(e,t,n){function p(e){return(e=>{if(Array.isArray(e))return i(e)})(e)||(e=>{if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)})(e)||((e,t)=>{var n;if(e)return"string"==typeof e?i(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0})(e)||(()=>{throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")})()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}document.querySelectorAll("[data-wizard]").forEach(function(t){t.addEventListener("wizard:finish",function(){window.location.reload()});var a=Array.from(t.querySelectorAll(".wizard-step")),l=Array.from(t.querySelectorAll(".wizard-panel")),c=t.querySelector(".prev-btn"),u=t.querySelector(".next-btn"),f=0,d=new Set([0]),h=null;function i(e){var t,n,i,o,r,s;e!==f&&(t=l[f],n=l[e],f=e,d.add(e),i=e,a.forEach(function(e,t){e.classList.toggle("active",t===i),e.classList.toggle("step-done",t<i),e.classList.toggle("disabled",!d.has(t))}),c&&(c.disabled=0===e),u&&(u.textContent=e===l.length-1?"Finish":"Next"),t&&(e=t.classList.contains("show"),s=(r=t)?(s=(r=getComputedStyle(r)).transitionDuration.split(",").map(function(e){return parseFloat(e)||0}),r=r.transitionDelay.split(",").map(function(e){return parseFloat(e)||0}),s=1e3*Math.max.apply(Math,p(s)),r=1e3*Math.max.apply(Math,p(r)),Math.round(s+r)):0,o=function(){return t.classList.remove("active")},e&&0<s?(t.addEventListener("transitionend",function(e){e.target===t&&o()},{once:!0}),t.classList.remove("show"),setTimeout(function(){t.classList.contains("active")&&o()},s+50)):(t.classList.remove("show"),t.classList.remove("active"))),n.classList.add("active"),h&&(clearTimeout(h),h=null),requestAnimationFrame(function(){h=setTimeout(function(){return n.classList.add("show")},18)}))}u&&u.addEventListener("click",function(){var e;f<l.length-1?(e=f+1,d.add(e),a[e].classList.remove("disabled"),i(e)):t.dispatchEvent(new CustomEvent("wizard:finish",{detail:{index:f}}))}),c&&c.addEventListener("click",function(){0<f&&i(f-1)}),a.forEach(function(t,n){t.addEventListener("click",function(){var e;t.classList.contains("disabled")||(e=n)<0||e>=l.length||a[e].classList.contains("disabled")||i(e)})}),a.forEach(function(e,t){e.classList.toggle("active",0===t),e.classList.toggle("disabled",0<t),e.classList.remove("step-done")}),l.forEach(function(e,t){e.classList.remove("active","show"),0===t&&(e.classList.add("active"),requestAnimationFrame(function(){h=setTimeout(function(){return e.classList.add("show")},18)}))}),c&&(c.disabled=!0),u&&(u.textContent=1<l.length?"Next":"Finish")})},{}],31:[function(e,t,n){document.addEventListener("DOMContentLoaded",function(){var i,e,t,n=document.querySelectorAll(".theme-switcher");function o(e,t,n){var i=document.documentElement;i.style.setProperty("--color-primary",e),i.style.setProperty("--color-primary-deep",t),i.style.setProperty("--color-primary-subtle",n)}function r(t){n.forEach(function(e){e.classList.toggle("active",e===t)})}0!==n.length&&(i={indigo:{primary:"#636DFF",deep:"#5964F7",subtle:"#636DFF1f"},navy:{primary:"#0E6DD9",deep:"#0865D0",subtle:"#0E6DD91f"},emerald:{primary:"#049772",deep:"#018463",subtle:"#0497721f"},purple:{primary:"#D300C5",deep:"#C502B8",subtle:"#D300C51f"}},e=localStorage.getItem("theme")||"indigo",i[e]&&(o((t=i[e]).primary,t.deep,t.subtle),t=document.getElementById(e+"Theme"))&&r(t),n.forEach(function(n){n.addEventListener("click",function(){var e,t=n.id.replace("Theme","").toLowerCase();i[t]&&(o((e=i[t]).primary,e.deep,e.subtle),r(n),localStorage.setItem("theme",t))})}))})},{}],32:[function(e,t,n){e("./custom/bootstrap"),e("./custom/app-sidebar"),e("./custom/app-header"),e("./custom/dark_mode"),e("./custom/scrollbar"),e("./custom/step-wizard"),e("./custom/sidebar-secondary"),e("./custom/theme-colors"),e("./custom/progress"),e("./custom/cards"),e("./custom/sidebar-theme"),e("./custom/rtl"),e("./custom/preloader")},{"./custom/app-header":19,"./custom/app-sidebar":20,"./custom/bootstrap":21,"./custom/cards":22,"./custom/dark_mode":23,"./custom/preloader":24,"./custom/progress":25,"./custom/rtl":26,"./custom/scrollbar":27,"./custom/sidebar-secondary":28,"./custom/sidebar-theme":29,"./custom/step-wizard":30,"./custom/theme-colors":31}]},{},[32]);
+//# sourceMappingURL=theme.js.map
diff --git a/www/raven-demo/layout-combo.html b/www/raven-demo/layout-combo.html
new file mode 100644
index 0000000..0722ab6
--- /dev/null
+++ b/www/raven-demo/layout-combo.html
@@ -0,0 +1,1031 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <title>Raven - Admin Dashboard</title>
+     <link rel="icon" href="images/favicon.png" type="image/png">
+     <!--Simplebar-->
+     <link rel="stylesheet" href="vendor/css/simplebar.css">
+     <!--:Fonts:-->
+     <link rel="preconnect" href="https://fonts.googleapis.com">
+     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+     <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+     <!--:Main Style:-->
+     <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item layouts_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item layouts_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item layouts_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item layouts_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item active">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 shrink-0 px-4 lg:px-8 z-50 sticky top-0 app-header">
+          <div class="relative py-4 lg:py-0 flex flex-wrap items-center justify-center">
+            <div class="shrink-0 flex items-center space-x-1">
+              <!--:Sidebar toggler:-->
+              <button type="button" data-toggle="app_sidebar"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+                <span class="icon-[iconoir--menu] text-lg"></span>
+              </button>
+               <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+            </div>
+            <div class="flex items-center space-x-1 shrink-0 ms-auto lg:order-last">
+              <button type="button" data-bs-toggle="collapse" data-bs-target="#appNavbar" aria-label="toggle navbar" class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+                            <span class="icon-[lucide--text-align-center] text-lg"></span>
+                        </button>
+              <!--:TLang:-->
+                <!--:Theme Lang switcher:-->
+                  <div class="relative">
+                    <button data-bs-auto-close="outside" type="button"
+                      class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                      data-bs-toggle="dropdown" data-bs-display="static">
+                      <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                    </button>
+                    <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                      <a href="#!" class="dropdown-item active group gap-2.5">
+                          <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                          <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                      </a>
+                      <a href="#!" class="dropdown-item group gap-2.5">
+                          <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                          <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                      </a>
+                      <a href="#!" class="dropdown-item group gap-2.5">
+                          <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                          <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                      </a>
+                    </div>
+                  </div>
+
+              <!--:Notifications:-->
+                  <div class="sm:relative">
+                    <button data-bs-auto-close="outside" type="button"
+                      class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                      data-bs-toggle="dropdown" data-bs-display="static">
+                      <span class="icon-[lucide--bell] text-lg"></span>
+                      <!--:Notification badge with animation:-->
+                      <span class="absolute right-1 top-1 flex size-2">
+                        <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                        <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                      </span>
+                    </button>
+                    <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                      <div class="px-3 pt-3 flex justify-between items-center">
+                        <h5 class="text-lg">Notifications</h5>
+                        <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                          <span class="icon-[lucide--mail-open]"></span>
+                        </button>
+                      </div>
+                      <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                            <span class="icon-[lucide--database] text-lg"></span>
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                            <small class="text-muted">Just now</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                            <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                            <small class="text-muted">1h</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                           <span class="icon-[lucide--check] text-lg"></span>
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal">Backup completed successfully</div>
+                            <small class="text-muted">2h</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                           <span class="icon-[lucide--user] text-lg"></span>
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal">Profile updated successfully</div>
+                            <small class="text-muted">3h</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                            <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                            <div><span
+                                class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                            </div>
+                            <small class="text-muted">2d</small>
+                          </div>
+                        </a>
+                        <!--:Notification item:-->
+                        <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                          <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                            <span class="icon-[lucide--component] text-lg"></span>
+                          </span>
+                          <div class="flex-grow">
+                            <div class="leading-normal">API updated</div>
+                            <small class="text-muted">3d</small>
+                          </div>
+                        </a>
+                      </div>
+                      <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                        <a href="#!"
+                          class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                          All</a>
+                      </div>
+                    </div>
+                  </div>
+
+              <!--:Apps:-->
+                  <div class="lg:relative hidden lg:block">
+                    <button data-bs-auto-close="outside" type="button"
+                      class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                      data-bs-toggle="dropdown" data-bs-display="static">
+                      <span class="icon-[lucide--component] text-lg"></span>
+                    </button>
+                    <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                      <div class="flex flex-wrap p-2">
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>Mailchimp</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span class="truncate block">Analytics</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>WebDev</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>Jira</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>Gitlab</span>
+                          </a>
+                        </div>
+                        <div class="text-center w-1/2 p-2">
+                          <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                            <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                            <span>Evernote</span>
+                          </a>
+                        </div>
+                      </div>
+                      <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                        <a href="#!"
+                          class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                          All</a>
+                      </div>
+                    </div>
+                  </div>
+              <!--:Theme color switcher:-->
+              <div class="relative">
+                <button type="button"
+                  class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                  data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                  <span class="icon-[lucide--settings] text-lg"></span>
+                </button>
+                <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                  <div class="mb-3 px-3 pt-2">
+                    <h5>Theme</h5>
+                  </div>
+
+                  <div class="flex flex-wrap px-3 pb-2 gap-2">
+                    <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                      <span class="flex items-center justify-center size-7 rounded-full text-white"
+                        style="background-color: #636DFF;">
+                        <span class="icon-[lucide--check] theme-check text-lg"></span>
+                      </span>
+                    </button>
+                    <button id="navyTheme" class="theme-switcher cursor-pointer">
+                      <span class="flex items-center justify-center size-7 rounded-full text-white"
+                        style="background-color: #0E6DD9;">
+                        <span class="icon-[lucide--check] theme-check text-lg"></span>
+                      </span>
+                    </button>
+                    <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                      <span class="flex items-center justify-center size-7 rounded-full text-white"
+                        style="background-color: #049772;">
+                        <span class="icon-[lucide--check] theme-check text-lg"></span>
+                      </span>
+                    </button>
+                    <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                      <span class="flex items-center justify-center size-7 rounded-full text-white"
+                        style="background-color: #D300C5;">
+                        <span class="icon-[lucide--check] theme-check text-lg"></span>
+                      </span>
+                    </button>
+                  </div>
+                  <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <label class="flex items-center cursor-pointer dropdown-item">
+                      <span class="icon-[lucide--sun-moon] me-1"></span>
+                      <span class="flex-grow text-sm me-2">Dark mode</span>
+                      <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                    </label>
+                  </div>
+                  <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                    <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                      <span class="text-sm">Enable RTL</span>
+                      <input type="checkbox" class="input-switch" id="toggleRTL" />
+                    </label>
+      
+                  </div>
+                  <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                          <h5 class="px-3 mb-2">Sidebar</h5>
+                          <div class="radio-group flex items-center">
+                              <div class="radio-option flex-grow">
+                                  <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                  <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                    <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                      <span class="w-6 h-full bg-white rounded-sm"></span>
+                                    </span>
+                                    <span class="block text-sm text-zinc-400">
+                                      Light
+                                    </span>
+                                  </label>
+                              </div>
+                              <div class="radio-option flex-grow">
+                                  <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                  <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                     <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                       <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                    </span>
+                                    <span class="block text-sm text-zinc-400">
+                                      Dark
+                                    </span>
+                                  </label>
+                              </div>
+                          </div>
+                      </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="collapse lg:ms-8 navbar-collapse w-full lg:flex-grow lg:w-auto lg:visible flex flex-wrap lg:justify-end items-center !visible lg:!flex lg:basis-auto basis-full lg:pt-0 lg:!bg-transparent"
+              id="appNavbar">
+              <div
+                class="navbar-nav p-4 lg:p-0 relative mt-2 lg:mt-0 flex flex-col lg:gap-4 gap-0.5 lg:flex-row lg:items-center bg-white dark:bg-zinc-950 lg:!bg-transparent w-full overflow-y-auto lg:overflow-visible lg:h-auto max-h-[80vh]">
+                <a href="#!" class="navbar-link">
+                  Guide
+                </a>
+                 <a href="#!" class="navbar-link">
+                  Config
+                </a>
+                <div class="relative">
+                  <a data-bs-display="static" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="#"
+                    class="navbar-link ">
+                    Resourses <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                  </a>
+                  <div class="dropdown-menu lg:absolute !top-full lg:mt-1 w-full lg:w-36 z-50">
+           
+                    <a href="#!" class="dropdown-item">Blog</a>
+                    <a href="#!" class="dropdown-item ">About</a>
+                    <a href="#!" class="dropdown-item">Team</a>
+                    <a href="#!" class="dropdown-item">Releases</a>
+                    <hr class="border-zinc-200 dark:border-zinc-800 my-2">
+                    <a href="#!" class="dropdown-item gap-2">BlueSky<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">Mastodon<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">X<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">Discord chat<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">Changelog<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">Contributing<span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                  </div>
+                </div>
+                <div class="relative">
+                  <a data-bs-display="static" data-bs-toggle="dropdown" href="#" class="navbar-link ">
+                    Versions <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                  </a>
+                  <div class="dropdown-menu lg:absolute !top-full lg:mt-1 w-full lg:w-36 z-50">
+                    <a href="#!" class="dropdown-item gap-2">V5 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">V4 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">V3 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">V2 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                    <a href="#!" class="dropdown-item gap-2">V1 Docs <span class="icon-[lucide--arrow-up-right] opacity-50"></span></a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Combo Layout</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Layouts</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Combo</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+           <p>Combo is short form of combined. Menu items on both header and sidebar, Which collapse separetly on small devices!</p>
+           
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/layout-compact.html b/www/raven-demo/layout-compact.html
new file mode 100644
index 0000000..66a2d2e
--- /dev/null
+++ b/www/raven-demo/layout-compact.html
@@ -0,0 +1,684 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <title>Raven - Admin Dashboard</title>
+     <link rel="icon" href="images/favicon.png" type="image/png">
+     <!--Simplebar-->
+     <link rel="stylesheet" href="vendor/css/simplebar.css">
+     <!--:Fonts:-->
+     <link rel="preconnect" href="https://fonts.googleapis.com">
+     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+     <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+     <!--:Main Style:-->
+     <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-950 fixed start-0 transition-all ltr:-translate-x-full rtl:translate-x-full ltr:lg:-translate-x-0 rtl:lg:translate-x-0 top-0 w-24 h-full flex flex-col z-[52] app-sidebar app-sidebar-compact">
+        <div class="shrink-0 h-16 flex items-center justify-center">
+            <a href="index.html" class="flex items-center px-2">
+                <span
+                    class="flex w-10 h-10 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                    <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                </span>
+            </a>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto app-menu">
+            <nav class="flex flex-col space-y-2 px-2 py-2 items-center">
+                <div class="static">
+                    <a data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Boards</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50">
+                        <a href="index.html" class="dropdown-item ">Analytics</a>
+                        <a href="index-ecommerce.html"
+                            class="dropdown-item ">Ecommerce</a>
+                        <a href="index-marketing.html"
+                            class="dropdown-item ">Marketing</a>
+                        <a href="index-social.html"
+                            class="dropdown-item ">Social</a>
+                        <a href="index-jobs.html" class="dropdown-item ">Jobs</a>
+                    </div>
+                </div>
+                <a href="widgets.html"
+                    class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                    <span class="sidebar-icon">
+                        <span class="icon-[lucide--wand-sparkles]"></span>
+                    </span>
+                    <span class="sidebar-text">Widgets</span>
+                </a>
+                <div class="static">
+                    <a data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--component]"></span>
+                        </span>
+                        <span class="sidebar-text">Apps</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50">
+                        <a href="app-inbox.html" class="dropdown-item @@app_inbox">Inbox</a>
+                        <a href="app-chat.html" class="dropdown-item @@app_chat">Chat</a>
+                        <a href="app-calendar.html" class="dropdown-item @@app_calendar">Calendar</a>
+                        <a href="app-file-manager.html" class="dropdown-item @@app_file_manager">File manager</a>
+                        <a href="app-api.html" class="dropdown-item @@app_api">API</a>
+                    </div>
+                </div>
+                <div class="static">
+                    <a data-bs-offset="80,-54" data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--user-cog]"></span>
+                        </span>
+                        <span class="sidebar-text">Account</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50">
+                        <a href="account-profile.html" class="dropdown-item @@account_settings">Profile</a>
+                        <a href="account-settings.html" class="dropdown-item @@account_settings">Settings</a>
+                        <a href="account-activity-log.html" class="dropdown-item @@account_activty">Acitivity log</a>
+                        <a href="account-roles-permissions.html" class="dropdown-item @@account_roles">Roles &
+                            permissions</a>
+                        <a href="account-pricing.html" class="dropdown-item @@account_pricing">Pricing</a>
+                    </div>
+                </div>
+                <div class="static">
+                    <a data-bs-offset="80,-54" data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--folder-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Projects</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50">
+                        <a href="project-scrum-board.html" class="dropdown-item @@project_scrum">Scrum board</a>
+                        <a href="projects-list.html" class="dropdown-item @@projects_list">List</a>
+                        <a href="project-details.html" class="dropdown-item @@project_details">Details</a>
+                        <a href="project-tasks.html" class="dropdown-item @@project_tasks">Tasks</a>
+                    </div>
+                </div>
+                <div class="static">
+                    <a data-bs-offset="80,-54" data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--shirt]"></span>
+                        </span>
+                        <span class="sidebar-text">Products</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50">
+                        <a href="products-list.html" class="dropdown-item @@products_list">List</a>
+                        <a href="product-details.html" class="dropdown-item @@product_details">Details</a>
+                        <a href="product-edit.html" class="dropdown-item @@product_edit">Edit</a>
+                        <a href="product-add.html" class="dropdown-item @@product_add">Add</a>
+                    </div>
+                </div>
+                <div class="static">
+                    <a data-bs-offset="80,-54" data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--users]"></span>
+                        </span>
+                        <span class="sidebar-text">Customers</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50">
+                        <a href="customer-list.html" class="dropdown-item @@customer_list">List</a>
+                        <a href="customer-details.html" class="dropdown-item @@customer_details">Details</a>
+                        <a href="customer-edit.html" class="dropdown-item @@customer_edit">Edit</a>
+                        <a href="customer-create.html" class="dropdown-item @@customer_create">Create</a>
+                    </div>
+                </div>
+                <div class="static">
+                    <a data-bs-offset="80,-54" data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--life-buoy]"></span>
+                        </span>
+                        <span class="sidebar-text">Help center</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50">
+                        <a href="support-hub.html" class="dropdown-item @@support_hub">Support hub</a>
+                        <a href="support-articles.html" class="dropdown-item @@support_articles">Articles</a>
+                        <a href="support-article.html" class="dropdown-item @@support_article">Article</a>
+                        <a href="support-articles-manage.html" class="dropdown-item @@support_articles_manage">Manage
+                            articles</a>
+                    </div>
+                </div>
+                <div class="static">
+                    <a data-bs-offset="80,-54" data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--file-code-2]"></span>
+                        </span>
+                        <span class="sidebar-text">Components</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50 overflow-hidden">
+                        <div class=" max-h-[320px] overflow-y-auto">
+
+                            <span class="block px-2 pt-2 pb-1 text-xs opacity-50">Basic</span>
+                            <a href="component-alert.html" class="dropdown-item @@component_alert">Alert</a>
+                            <a href="component-avatar.html" class="dropdown-item @@component_avatar">Avatar</a>
+                            <a href="component-animation.html" class="dropdown-item @@component_animation">Animation</a>
+                            <a href="component-button.html" class="dropdown-item @@component_button">Button</a>
+                            <a href="component-badge.html" class="dropdown-item @@component_badge">Badge</a>
+                            <a href="component-breadcrum.html" class="dropdown-item @@component_breadcrumb">Breadcrumb</a>
+                            <a href="component-card.html" class="dropdown-item @@component_card">Card</a>
+                            <a href="component-collapse.html" class="dropdown-item @@component_collapse">Collapse</a>
+                            <a href="component-dropdown.html" class="dropdown-item @@component_dropdown">Dropdown</a>
+                            <a href="component-icons.html" class="dropdown-item @@component_icons">Icons</a>
+                            <a href="component-grid.html" class="dropdown-item @@component_grid">Grid</a>
+                            <a href="component-modal.html" class="dropdown-item @@component_modal">Modal</a>
+                            <a href="component-notifications.html"
+                                class="dropdown-item @@component_notifications">Notifications</a>
+                            <a href="component-offcanvas.html" class="dropdown-item @@component_offcanvas">Offcanvas</a>
+                            <a href="component-progress.html" class="dropdown-item @@component_progress">Progress</a>
+                            <a href="component-pagination.html" class="dropdown-item @@component_pagination">Pagination</a>
+                            <a href="component-tabbed-content.html" class="dropdown-item @@component_tabs">Tabbed
+                                Content</a>
+                            <a href="component-table.html" class="dropdown-item @@component_table">Table</a>
+                            <a href="component-typography.html" class="dropdown-item @@component_typography">Typography</a>
+                            <a href="component-tooltip.html" class="dropdown-item @@component_tooltip">Tooltip &
+                                popovers</a>
+
+
+                            <span class="block px-2 pt-2 pb-1 text-xs opacity-50">Graph</span>
+                            <a href="graphs-echarts.html" class="dropdown-item @@graph_chart">Echarts</a>
+                            <a href="graphs-map.html" class="dropdown-item @@grap_map">Map</a>
+
+
+                            <span class="block px-2 pt-2 pb-1 text-xs opacity-50">Forms</span>
+                            <a href="forms-input.html" class="dropdown-item @@form_input">Input</a>
+                            <a href="forms-radio-checkbox.html" class="dropdown-item @@form_radio_checkbox">Radio &
+                                checkbox</a>
+                            <a href="forms-select.html" class="dropdown-item @@form_select">Select</a>
+                            <a href="forms-validation.html" class="dropdown-item @@form_validation">Validation</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="static">
+                    <a data-bs-offset="80,-54" data-bs-boundry="viewport" data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center active">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Layouts</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50">
+                        <a href="layout-default.html" class="dropdown-item @@layout_default">Default</a>
+                        <a href="layout-compact.html" class="dropdown-item active">Compact
+                        </a>
+                        <a href="layout-horizontal.html" class="dropdown-item @@layout_horizontal">Horizontal</a>
+                        <a href="layout-combo.html" class="dropdown-item @@layout_combo">Combo</a>
+                    </div>
+                </div>
+                <div class="static">
+                    <a data-bs-auto-close="outside" data-bs-offset="80,-54" data-bs-boundry="viewport"
+                        data-bs-toggle="dropdown" href="#"
+                        class="w-16 h-14 sidebar-compact-link rounded-lg flex flex-col items-center justify-center ">
+                        <span class="sidebar-icon">
+                            <span class="icon-[lucide--files]"></span>
+                        </span>
+                        <span class="sidebar-text">Pages</span>
+                    </a>
+                    <div class="dropdown-menu w-48 z-50 overflow-hidden">
+                        <div class="max-h-[320px] overflow-y-auto">
+                            <span class="block px-3 py-2 text-sm opacity-50">Extras</span>
+                            <a href="page-invoice.html" class="dropdown-item layouts_invoice">Invoice</a>
+                            <a href="page-search-results.html" class="dropdown-item layouts_search">Search results</a>
+                            <span class="block px-3 py-2 text-sm opacity-50">Misc</span>
+                            <a href="page-blank.html" class="dropdown-item layouts_blank">Blank</a>
+                            <a href="page-error-404.html" class="dropdown-item layouts_404">Error 404</a>
+
+                            <span class="block px-3 py-2 text-sm opacity-50">Authentication</span>
+                            <a href="auth-signin.html" class="dropdown-item">Signin</a>
+                            <a href="auth-signup.html" class="dropdown-item">Signup</a>
+                            <a href="auth-forgot-password.html" class="dropdown-item">Forgot password</a>
+                        </div>
+
+                    </div>
+                </div>
+            </nav>
+        </div>
+        <div class="px-2 py-4 flex flex-col items-center justify-center shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="0,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="w-8 h-8 flex flex-col items-center justify-center">
+                    <img src="images/avatars/thumb-1.jpg" class="w-8 rounded-full" alt="">
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <h6 class="font-semibold">Emily Docker</h6>
+                            <p class="text-xs text-zinc-500">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+    </aside>
+    <main class="flex-1 lg:ms-24 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 py-4 lg:px-8">
+            <h2 class="text-xl mb-2">Compact Layout</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Layouts</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Compact</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+           
+           
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/layout-default.html b/www/raven-demo/layout-default.html
new file mode 100644
index 0000000..704df41
--- /dev/null
+++ b/www/raven-demo/layout-default.html
@@ -0,0 +1,980 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <title>Raven - Admin Dashboard</title>
+     <link rel="icon" href="images/favicon.png" type="image/png">
+     <!--Simplebar-->
+     <link rel="stylesheet" href="vendor/css/simplebar.css">
+     <!--:Fonts:-->
+     <link rel="preconnect" href="https://fonts.googleapis.com">
+     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+     <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+     <!--:Main Style:-->
+     <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item layouts_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item layouts_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item layouts_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item layouts_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item active">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Default Layout</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Layouts</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Default</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+           
+           
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/layout-horizontal.html b/www/raven-demo/layout-horizontal.html
new file mode 100644
index 0000000..b74e3b9
--- /dev/null
+++ b/www/raven-demo/layout-horizontal.html
@@ -0,0 +1,663 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    
+    <!--:Page css:-->
+    <link rel="stylesheet" href="vendor/css/sweetalert2.min.css">
+    <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <link rel="stylesheet" type="text/css" href="vendor/css/daterangepicker.css" />
+     <title>Raven - Admin Dashboard</title>
+     <link rel="icon" href="images/favicon.png" type="image/png">
+     <!--Simplebar-->
+     <link rel="stylesheet" href="vendor/css/simplebar.css">
+     <!--:Fonts:-->
+     <link rel="preconnect" href="https://fonts.googleapis.com">
+     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+     <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+     <!--:Main Style:-->
+     <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <header class="px-4 lg:px-8 z-50 shadow-card fixed w-full start-0 top-0 bg-white dark:bg-zinc-950 header-horizontal">
+        <div class="relative py-3 lg:py-0 flex flex-wrap items-center justify-center">
+            <!--:Navbar brand:-->
+            <a href="index.html" class="flex items-center relative z-[1] me-4">
+                <span
+                    class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                    <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                </span>
+            </a>
+            <div class="flex items-center space-x-1 shrink-0 ms-auto lg:order-last">
+                <!--:Navbar toggler:-->
+                <button type="button" data-bs-toggle="collapse" data-bs-target="#appNavbar" aria-label="toggle navbar"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+                    <span class="icon-[iconoir--menu] text-lg"></span>
+                </button>
+                <!--:Search:-->
+                <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800">
+                    <span class="icon-[lucide--search]"></span>
+                </button>
+                <!--:TLang:-->
+                  <!--:Theme Lang switcher:-->
+                    <div class="relative">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                      </button>
+                      <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                        <a href="#!" class="dropdown-item active group gap-2.5">
+                            <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group gap-2.5">
+                            <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group gap-2.5">
+                            <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                      </div>
+                    </div>
+
+                <!--:Notifications:-->
+                    <div class="sm:relative">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <span class="icon-[lucide--bell] text-lg"></span>
+                        <!--:Notification badge with animation:-->
+                        <span class="absolute right-1 top-1 flex size-2">
+                          <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                          <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                        </span>
+                      </button>
+                      <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                        <div class="px-3 pt-3 flex justify-between items-center">
+                          <h5 class="text-lg">Notifications</h5>
+                          <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                            <span class="icon-[lucide--mail-open]"></span>
+                          </button>
+                        </div>
+                        <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                              <span class="icon-[lucide--database] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                              <small class="text-muted">Just now</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                              <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                              <small class="text-muted">1h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                             <span class="icon-[lucide--check] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">Backup completed successfully</div>
+                              <small class="text-muted">2h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                             <span class="icon-[lucide--user] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">Profile updated successfully</div>
+                              <small class="text-muted">3h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                              <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                              <div><span
+                                  class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                              </div>
+                              <small class="text-muted">2d</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                              <span class="icon-[lucide--component] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">API updated</div>
+                              <small class="text-muted">3d</small>
+                            </div>
+                          </a>
+                        </div>
+                        <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                          <a href="#!"
+                            class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                            All</a>
+                        </div>
+                      </div>
+                    </div>
+
+                <!--:Apps:-->
+                    <div class="lg:relative hidden lg:block">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <span class="icon-[lucide--component] text-lg"></span>
+                      </button>
+                      <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                        <div class="flex flex-wrap p-2">
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Mailchimp</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span class="truncate block">Analytics</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>WebDev</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Jira</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Gitlab</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Evernote</span>
+                            </a>
+                          </div>
+                        </div>
+                        <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                          <a href="#!"
+                            class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                            All</a>
+                        </div>
+                      </div>
+                    </div>
+
+                <div class="relative">
+                  <button type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                    <span class="icon-[lucide--settings] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                    <div class="mb-3 px-3 pt-2">
+                      <h5>Theme</h5>
+                    </div>
+
+                    <div class="flex flex-wrap px-3 pb-2 gap-2">
+                      <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #636DFF;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="navyTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #0E6DD9;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #049772;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #D300C5;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                    </div>
+                    <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                      <label class="flex items-center cursor-pointer dropdown-item">
+                        <span class="icon-[lucide--sun-moon] me-1"></span>
+                        <span class="flex-grow text-sm me-2">Dark mode</span>
+                        <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                      </label>
+                    </div>
+                    <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                      <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                        <span class="text-sm">Enable RTL</span>
+                        <input type="checkbox" class="input-switch" id="toggleRTL" />
+                      </label>
+      
+                    </div>
+                    <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                            <h5 class="px-3 mb-2">Sidebar</h5>
+                            <div class="radio-group flex items-center">
+                                <div class="radio-option flex-grow">
+                                    <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                    <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                      <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                        <span class="w-6 h-full bg-white rounded-sm"></span>
+                                      </span>
+                                      <span class="block text-sm text-zinc-400">
+                                        Light
+                                      </span>
+                                    </label>
+                                </div>
+                                <div class="radio-option flex-grow">
+                                    <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                    <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                       <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                         <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                      </span>
+                                      <span class="block text-sm text-zinc-400">
+                                        Dark
+                                      </span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                  </div>
+                </div>
+                  <!--:User:-->
+                    <div class="relative ms-1">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <img src="images/avatars/thumb-1.jpg" class="size-6 rounded-lg" alt="">
+                      </button>
+                      <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                         <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                                    <img src="images/avatars/thumb-1.jpg" class="w-6 shrink-0 rounded-lg shrink-0" alt="">
+                                    <div class="flex-grow">
+                                        <p class="text-sm text-muted">Signed in as</p>
+                                        <p class="text-sm">emily.d@mail.com</p>
+                                    </div>
+                                    <span class="shrink-0 pl-2">
+                                        <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                                    </span>
+                                </div>
+                                <a href="account-profile.html" class="dropdown-item">
+                                    <span class="dropdown-icon">
+                                        <span class="icon-[lucide--user]"></span>
+                                    </span>Profile</a>
+                                <a href="account-settings.html" class="dropdown-item">
+                                    <span class="dropdown-icon">
+                                        <span class="icon-[lucide--settings]"></span>
+                                    </span>Settings</a>
+                                <hr class="border-zinc-100 dark:border-white/5 my-2">
+                                <a href="auth-signin.html" class="dropdown-item">
+                                    <span class="dropdown-icon">
+                                        <span class="icon-[lucide--log-out]"></span>
+                                    </span>Sign out</a>
+                      </div>
+                    </div>
+            </div>
+            <div class="collapse navbar-collapse w-full lg:flex-grow lg:w-auto lg:visible flex flex-wrap lg:justify-end items-center !visible lg:!flex lg:basis-auto basis-full lg:pt-0 lg:!bg-transparent"
+                id="appNavbar">
+                <div
+                    class="navbar-nav relative mt-4 lg:mt-0 flex flex-col lg:gap-4 gap-0.5 lg:flex-row lg:items-center bg-white dark:bg-zinc-950 lg:!bg-transparent w-full overflow-y-auto lg:overflow-visible lg:h-auto max-h-[80vh]">
+                    <div class="relative">
+                        <a data-bs-display="static" data-bs-toggle="dropdown" href="#"
+                            class="navbar-link active">
+                            Dashboard <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                        </a>
+                        <div class="dropdown-menu lg:absolute w-48 !top-full lg:mt-1.5 z-50">
+                            <a href="index.html" class="dropdown-item active">
+                                <span class="icon-[lucide--file-chart-column] text-lg me-2 text-primary"></span>
+                                Analytics</a>
+                            <a href="index-ecommerce.html" class="dropdown-item @@ecommerce">
+                                <span class="icon-[lucide--shopping-bag] text-lg me-2 text-amber-500"></span> Ecommerce</a>
+                            <a href="index-marketing.html" class="dropdown-item @@marketing">
+                                <span class="icon-[lucide--diamond-percent] text-lg me-2 text-pink-500"></span>
+                                Marketing</a>
+                                <a href="index-social.html" class="dropdown-item @@marketing">
+                                <span class="icon-[lucide--diamond-percent] text-lg me-2 text-orange-500"></span>
+                                Social</a>
+                            <a href="index-jobs.html" class="dropdown-item @@jobs">
+                                <span class="icon-[lucide--briefcase-business] text-lg me-2 text-sky-500"></span> Jobs</a>
+                        </div>
+                    </div>
+                    <a href="widgets.html" class="navbar-link ">
+                        Widgets
+                    </a>
+                    <div class="relative">
+                        <a data-bs-display="static" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="#"
+                            class="navbar-link ">
+                            Apps <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                        </a>
+                        <div class="dropdown-menu lg:absolute !top-full lg:mt-1.5 w-48 z-50">
+                            <div class="relative">
+                                <a href="#" data-bs-display="static" data-bs-toggle="dropdown" data-bs-auto-close="outside"
+                                    class="dropdown-item flex @@app_projects">Projects
+                                    <span class="icon-[lucide--chevron-right] navbar-arrow ms-auto"></span>
+                                </a>
+                                <div class="dropdown-menu lg:start-full lg:end-auto top-0 lg:ms-3.5">
+                                    <a href="project-scrum-board.html" class="dropdown-item @@project_scrum">Scrum board</a>
+                                    <a href="projects-list.html" class="dropdown-item @@projects_list">List</a>
+                                    <a href="project-details.html" class="dropdown-item @@project_details">Details</a>
+                                    <a href="project-tasks.html" class="dropdown-item @@project_tasks">Tasks</a>
+                                </div>
+                            </div>
+                            <div class="relative">
+                                <a href="#" data-bs-display="static" data-bs-toggle="dropdown" data-bs-auto-close="outside"
+                                    class="dropdown-item flex @@app_customers">Customers
+                                    <span class="icon-[lucide--chevron-right] navbar-arrow ms-auto"></span>
+                                </a>
+                                <div class="dropdown-menu lg:start-full lg:end-auto top-0 lg:ms-3.5">
+                                    <a href="customer-list.html" class="dropdown-item @@customer_list">List</a>
+                                    <a href="customer-details.html" class="dropdown-item @@customer_details">Details</a>
+                                    <a href="customer-edit.html" class="dropdown-item @@customer_edit">Edit</a>
+                                    <a href="customer-create.html" class="dropdown-item @@customer_create">Create</a>
+                                </div>
+                            </div>
+                            <div class="relative">
+                                <a href="#" data-bs-display="static" data-bs-toggle="dropdown" data-bs-auto-close="outside"
+                                    class="dropdown-item flex @@app_products">Products
+                                    <span class="icon-[lucide--chevron-right] navbar-arrow ms-auto"></span>
+                                </a>
+                                <div class="dropdown-menu lg:start-full lg:end-auto top-0 lg:ms-3.5">
+                                    <a href="products-list.html" class="dropdown-item @@products_list">List</a>
+                                    <a href="product-details.html" class="dropdown-item @@product_details">Details</a>
+                                    <a href="product-edit.html" class="dropdown-item @@product_edit">Edit</a>
+                                    <a href="product-add.html" class="dropdown-item @@product_add">Add</a>
+                                </div>
+                            </div>
+                            <a href="app-inbox.html" class="dropdown-item @@app_inbox">Inbox</a>
+                            <a href="app-chat.html" class="dropdown-item @@app_chat">Chat</a>
+                            <a href="app-calendar.html" class="dropdown-item @@app_calendar">Calendar</a>
+                            <a href="app-file-manager.html" class="dropdown-item @@app_file_manager">File manager</a>
+                            <a href="app-api.html" class="dropdown-item @@app_api">API</a>
+                        </div>
+                    </div>
+                    <div class="relative">
+                        <a data-bs-display="static" data-bs-toggle="dropdown" href="#"
+                            class="navbar-link ">
+                            Account <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                        </a>
+                        <div class="dropdown-menu lg:absolute !top-full lg:mt-1.5 w-48 z-50">
+                            <a href="account-profile.html" class="dropdown-item @@account_profile">Profile</a>
+                            <a href="account-settings.html" class="dropdown-item @@account_settings">Settings</a>
+                            <a href="account-activity-log.html" class="dropdown-item @@account_activty">Acitivity log</a>
+                            <a href="account-roles-permissions.html" class="dropdown-item @@account_roles">Roles &
+                                permissions</a>
+                            <a href="account-pricing.html" class="dropdown-item @@account_pricing">Pricing</a>
+                        </div>
+                    </div>
+                    <div class="relative">
+                        <a data-bs-display="static" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="#"
+                            class="navbar-link ">
+                            Pages <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                        </a>
+                        <div class="dropdown-menu lg:absolute !top-full lg:mt-1.5 w-48 z-50">
+                            <a href="page-invoice.html" class="dropdown-item dashboards_invoice">Invoice</a>
+                            <a href="page-search-results.html" class="dropdown-item dashboards_search">Search results</a>
+                            <a href="page-blank.html" class="dropdown-item dashboards_blank">Blank</a>
+                            <a href="page-error-404.html" class="dropdown-item dashboards_404">Error 404</a>
+                            <a href="auth-signin.html" class="dropdown-item">Signin</a>
+                            <a href="auth-signup.html" class="dropdown-item">Signup</a>
+                            <a href="auth-forgot-password.html" class="dropdown-item">Forgot password</a>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="#"
+                            class="navbar-link ">
+                            Components <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                        </a>
+                        <div class="dropdown-menu lg:absolute start-0 !top-full lg:mt-2 w-48 z-50">
+                            <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
+                                <div class="md:col-span-6">
+                                    <span class="block px-3 pt-2 pb-1 text-xs opacity-50">Basic</span>
+                                    <div class="grid grid-cols-2 gap-4">
+                                        <div>
+                                            <a href="component-alert.html" class="dropdown-item @@component_alert">Alert</a>
+                                            <a href="component-avatar.html"
+                                                class="dropdown-item @@component_avatar">Avatar</a>
+                                            <a href="component-animation.html"
+                                                class="dropdown-item @@component_animation">Animation</a>
+                                            <a href="component-button.html"
+                                                class="dropdown-item @@component_button">Button</a>
+                                            <a href="component-badge.html" class="dropdown-item @@component_badge">Badge</a>
+                                            <a href="component-breadcrum.html"
+                                                class="dropdown-item @@component_breadcrumb">Breadcrumb</a>
+                                            <a href="component-card.html" class="dropdown-item @@component_card">Card</a>
+                                            <a href="component-collapse.html"
+                                                class="dropdown-item @@component_collapse">Collapse</a>
+                                            <a href="component-dropdown.html"
+                                                class="dropdown-item @@component_dropdown">Dropdown</a>
+                                            <a href="component-icons.html" class="dropdown-item @@component_icons">Icons</a>
+                                            <a href="component-grid.html" class="dropdown-item @@component_grid">Grid</a>
+                                            <a href="component-modal.html" class="dropdown-item @@component_modal">Modal</a>
+                                        </div>
+                                        <div>
+                                            <a href="component-notifications.html"
+                                                class="dropdown-item @@component_notifications">Notifications</a>
+                                            <a href="component-offcanvas.html"
+                                                class="dropdown-item @@component_offcanvas">Offcanvas</a>
+                                            <a href="component-progress.html"
+                                                class="dropdown-item @@component_progress">Progress</a>
+                                            <a href="component-pagination.html"
+                                                class="dropdown-item @@component_pagination">Pagination</a>
+                                            <a href="component-tabbed-content.html"
+                                                class="dropdown-item @@component_tabs">Tabbed Content</a>
+                                            <a href="component-table.html" class="dropdown-item @@component_table">Table</a>
+                                            <a href="component-typography.html"
+                                                class="dropdown-item @@component_typography">Typography</a>
+                                            <a href="component-tooltip.html"
+                                                class="dropdown-item @@component_tooltip">Tooltip & popovers</a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="md:col-span-3">
+                                    <span class="block px-3 pt-2 pb-1 text-xs opacity-50">Graph</span>
+                                    <a href="graphs-echarts.html" class="dropdown-item @@graph_chart">Echarts</a>
+                                    <a href="graphs-map.html" class="dropdown-item @@grap_map">Map</a>
+                                </div>
+                                <div class="md:col-span-3">
+                                    <span class="block px-3 pt-2 pb-1 text-xs opacity-50">Forms</span>
+                                    <a href="forms-input.html" class="dropdown-item @@form_input">Input</a>
+                                    <a href="forms-radio-checkbox.html" class="dropdown-item @@form_radio_checkbox">Radio &
+                                        checkbox</a>
+                                    <a href="forms-select.html" class="dropdown-item @@form_select">Select</a>
+                                    <a href="forms-validation.html" class="dropdown-item @@form_validation">Validation</a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="relative">
+                        <a data-bs-display="static" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="#"
+                            class="navbar-link ">
+                            Layouts <span class="icon-[lucide--chevron-down] navbar-arrow"></span>
+                        </a>
+                        <div class="dropdown-menu lg:absolute !top-full lg:mt-1.5 w-48 z-50">
+                            <a href="layout-default.html" class="dropdown-item @@layout_default">Default</a>
+                            <a href="layout-horizontal.html" class="dropdown-item @@layout_default">Horizontal</a>
+                            <a href="layout-combo.html" class="dropdown-item @@layout_default">Combo</a>
+                            <a href="layout-compact.html" class="dropdown-item @@layout_default">Compact</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </header>
+
+
+
+
+    <!--:Search Modal:-->
+    <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+      tabindex="-1">
+      <div class="modal-dialog relative m-4 pointer-events-none">
+        <!--:Content:-->
+        <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+          <div class="relative">
+            <span
+              class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+              <span class="icon-[lucide--search] text-lg"></span>
+            </span>
+            <button type="button"
+              class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+              data-bs-dismiss="modal">
+              Esc
+            </button>
+            <input name="search" type="text"
+              class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+              autofocus />
+          </div>
+          <!--:Search results:-->
+          <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+            <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+            <ul class="flex flex-col pb-2">
+              <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                <span>Apps</span>
+                <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                <span>Api</span>
+              </li>
+              <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                <span>Dashboard</span>
+                <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                <span>Marketing</span>
+              </li>
+            </ul>
+            <hr class="border-zinc-200 dark:border-zinc-800">
+            <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+            <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+              <li class="flex items-center py-3 justify-between gap-2.5">
+                <div class="flex items-center gap-2.5">
+                  <div class="shrink-0">
+                    <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                  </div>
+                  <div class="flex flex-col gap-0.5">
+                    <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                    <span class="text-sm text-muted">Backend Developer</span>
+                  </div>
+                </div>
+              </li>
+
+              <li class="flex items-center py-3 justify-between gap-2.5">
+                <div class="flex items-center gap-2.5">
+                  <div class="shrink-0">
+                    <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                  </div>
+                  <div class="flex flex-col gap-0.5">
+                    <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                    <span class="text-sm text-muted">Digital Marketer</span>
+                  </div>
+                </div>
+              </li>
+
+              <li class="flex items-center py-3 justify-between gap-2.5">
+                <div class="flex items-center gap-2.5">
+                  <div class="shrink-0">
+                    <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                  </div>
+                  <div class="flex flex-col gap-0.5">
+                    <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                    <span class="text-sm text-muted">Full Stack Developer</span>
+                  </div>
+                </div>
+              </li>
+            </ul>
+            <hr class="border-zinc-200 dark:border-zinc-800">
+            <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+            <ul class="flex flex-col pb-4">
+              <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                              <div class="flex-1 fs-10 title">All customers list</div>
+              </li>
+               <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="badge bg-green-500/20 text-green-500">products:</span>
+                              <div class="flex-1 fs-10 title">Bestselling products</div>
+              </li>
+               <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                              <div class="flex-1 fs-10 title">All upcoming events</div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!--:Header divider:-->
+<div class="min-h-16 relative w-full"></div>
+   <main class="flex-1 flex flex-col app-content">
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 pt-4 pb-4 flex flex-col sm:flex-row sm:items-center">
+            <div class="flex-grow">
+                <h2 class="text-xl font-semibold text-black dark:text-white">Layout Horizontal</h2>
+
+            </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow">
+           
+        </div>
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+   
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/modal-examples.html b/www/raven-demo/modal-examples.html
new file mode 100644
index 0000000..01c6fec
--- /dev/null
+++ b/www/raven-demo/modal-examples.html
@@ -0,0 +1,1692 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item modals_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item modals_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item modals_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item modals_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div class="print:hidden">
+            <div
+              class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+              <div class="shrink-0 flex items-center space-x-1">
+                <!--:Sidebar toggler:-->
+                <button type="button" data-toggle="app_sidebar" 
+                  class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+                  <span class="icon-[iconoir--menu] text-lg"></span>
+                </button>
+                <!--:Search:-->
+                <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                    class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                    <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                    <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+                  </button>
+              </div>
+              <div class="flex items-center space-x-1">
+                <!--:TLang:-->
+                  <!--:Theme Lang switcher:-->
+                    <div class="relative">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                      </button>
+                      <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                        <a href="#!" class="dropdown-item active group gap-2.5">
+                            <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group gap-2.5">
+                            <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group gap-2.5">
+                            <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                      </div>
+                    </div>
+    
+                <!--:Notifications:-->
+                    <div class="sm:relative">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <span class="icon-[lucide--bell] text-lg"></span>
+                        <!--:Notification badge with animation:-->
+                        <span class="absolute right-1 top-1 flex size-2">
+                          <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                          <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                        </span>
+                      </button>
+                      <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                        <div class="px-3 pt-3 flex justify-between items-center">
+                          <h5 class="text-lg">Notifications</h5>
+                          <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                            <span class="icon-[lucide--mail-open]"></span>
+                          </button>
+                        </div>
+                        <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                              <span class="icon-[lucide--database] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                              <small class="text-muted">Just now</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                              <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                              <small class="text-muted">1h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                             <span class="icon-[lucide--check] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">Backup completed successfully</div>
+                              <small class="text-muted">2h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                             <span class="icon-[lucide--user] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">Profile updated successfully</div>
+                              <small class="text-muted">3h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                              <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                              <div><span
+                                  class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                              </div>
+                              <small class="text-muted">2d</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                              <span class="icon-[lucide--component] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">API updated</div>
+                              <small class="text-muted">3d</small>
+                            </div>
+                          </a>
+                        </div>
+                        <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                          <a href="#!"
+                            class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                            All</a>
+                        </div>
+                      </div>
+                    </div>
+    
+                <!--:Apps:-->
+                    <div class="lg:relative hidden lg:block">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <span class="icon-[lucide--component] text-lg"></span>
+                      </button>
+                      <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                        <div class="flex flex-wrap p-2">
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Mailchimp</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span class="truncate block">Analytics</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>WebDev</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Jira</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Gitlab</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Evernote</span>
+                            </a>
+                          </div>
+                        </div>
+                        <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                          <a href="#!"
+                            class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                            All</a>
+                        </div>
+                      </div>
+                    </div>
+                <!--:Theme color switcher:-->
+                <div class="relative">
+                  <button type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                    <span class="icon-[lucide--settings] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                    <div class="mb-3 px-3 pt-2">
+                      <h5>Theme</h5>
+                    </div>
+
+                    <div class="flex flex-wrap px-3 pb-2 gap-2">
+                      <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #636DFF;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="navyTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #0E6DD9;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #049772;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #D300C5;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                    </div>
+                    <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                      <label class="flex items-center cursor-pointer dropdown-item">
+                        <span class="icon-[lucide--sun-moon] me-1"></span>
+                        <span class="flex-grow text-sm me-2">Dark mode</span>
+                        <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                      </label>
+                    </div>
+                    <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                      <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                        <span class="text-sm">Enable RTL</span>
+                        <input type="checkbox" class="input-switch" id="toggleRTL" />
+                      </label>
+      
+                    </div>
+                    <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                            <h5 class="px-3 mb-2">Sidebar</h5>
+                            <div class="radio-group flex items-center">
+                                <div class="radio-option flex-grow">
+                                    <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                    <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                      <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                        <span class="w-6 h-full bg-white rounded-sm"></span>
+                                      </span>
+                                      <span class="block text-sm text-zinc-400">
+                                        Light
+                                      </span>
+                                    </label>
+                                </div>
+                                <div class="radio-option flex-grow">
+                                    <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                    <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                       <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                         <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                      </span>
+                                      <span class="block text-sm text-zinc-400">
+                                        Dark
+                                      </span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+
+            <!--:Search Modal:-->
+            <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+              tabindex="-1">
+              <div class="modal-dialog relative m-4 pointer-events-none">
+                <!--:Content:-->
+                <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                  <div class="relative">
+                    <span
+                      class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                      <span class="icon-[lucide--search] text-lg"></span>
+                    </span>
+                    <button type="button"
+                      class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                      data-bs-dismiss="modal">
+                      Esc
+                    </button>
+                    <input name="search" type="text"
+                      class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                      autofocus />
+                  </div>
+                  <!--:Search results:-->
+                  <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                    <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                    <ul class="flex flex-col pb-2">
+                      <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                        <span>Apps</span>
+                        <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                        <span>Api</span>
+                      </li>
+                      <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                        <span>Dashboard</span>
+                        <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                        <span>Marketing</span>
+                      </li>
+                    </ul>
+                    <hr class="border-zinc-200 dark:border-zinc-800">
+                    <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                    <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                      <li class="flex items-center py-3 justify-between gap-2.5">
+                        <div class="flex items-center gap-2.5">
+                          <div class="shrink-0">
+                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                          </div>
+                          <div class="flex flex-col gap-0.5">
+                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                            <span class="text-sm text-muted">Backend Developer</span>
+                          </div>
+                        </div>
+                      </li>
+
+                      <li class="flex items-center py-3 justify-between gap-2.5">
+                        <div class="flex items-center gap-2.5">
+                          <div class="shrink-0">
+                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                          </div>
+                          <div class="flex flex-col gap-0.5">
+                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                            <span class="text-sm text-muted">Digital Marketer</span>
+                          </div>
+                        </div>
+                      </li>
+
+                      <li class="flex items-center py-3 justify-between gap-2.5">
+                        <div class="flex items-center gap-2.5">
+                          <div class="shrink-0">
+                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                          </div>
+                          <div class="flex flex-col gap-0.5">
+                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                            <span class="text-sm text-muted">Full Stack Developer</span>
+                          </div>
+                        </div>
+                      </li>
+                    </ul>
+                    <hr class="border-zinc-200 dark:border-zinc-800">
+                    <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                    <ul class="flex flex-col pb-4">
+                      <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                      <div class="flex-1 fs-10 title">All customers list</div>
+                      </li>
+                       <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                      <div class="flex-1 fs-10 title">Bestselling products</div>
+                      </li>
+                       <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                      <div class="flex-1 fs-10 title">All upcoming events</div>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </div>
+        </div>
+
+
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Modal examples</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html" class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Modal examples</span></li>
+            </ol>
+        </div>
+        <!--:Page content:-->
+        <div class="content flex-grow lg:px-4">
+            <div class="px-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
+                <!--:Card:-->
+                <div class="rounded-xl p-6 bg-white dark:bg-zinc-900 shadow-card flex flex-col items-center justify-center">
+                    <div class="size-12 flex items-center justify-center rounded-full bg-zinc-100 dark:bg-zinc-800 mb-4">
+                       <span class="icon-[lucide--search] text-xl"></span>
+                    </div>
+                    <h5 class="text-lg mb-3">Modal search</h5>
+                    <button type="button" data-bs-toggle="modal" data-bs-target="#modal_search" class="btn bg-primary text-white hover:bg-primary-deep">Show</button>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl p-6 bg-white dark:bg-zinc-900 shadow-card flex flex-col items-center justify-center">
+                    <div class="size-12 flex items-center justify-center rounded-full bg-zinc-100 dark:bg-zinc-800 mb-4">
+                       <span class="icon-[lucide--users] text-xl"></span>
+                    </div>
+                    <h5 class="text-lg mb-3">Modal contacts list</h5>
+                    <button type="button" data-bs-toggle="modal" data-bs-target="#modalNewChat" class="btn bg-primary text-white hover:bg-primary-deep">Show</button>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl p-6 bg-white dark:bg-zinc-900 shadow-card flex flex-col items-center justify-center">
+                    <div class="size-12 flex items-center justify-center rounded-full bg-zinc-100 dark:bg-zinc-800 mb-4">
+                       <span class="icon-[lucide--user-pen] text-xl"></span>
+                    </div>
+                    <h5 class="text-lg mb-3">Modal edit roles</h5>
+                    <button type="button" data-bs-toggle="modal" data-bs-target="#modalEditRole" class="btn bg-primary text-white hover:bg-primary-deep">Show</button>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl p-6 bg-white dark:bg-zinc-900 shadow-card flex flex-col items-center justify-center">
+                    <div class="size-12 flex items-center justify-center rounded-full bg-zinc-100 dark:bg-zinc-800 mb-4">
+                       <span class="icon-[lucide--clipboard-pen] text-xl"></span>
+                    </div>
+                    <h5 class="text-lg mb-3">Modal new board</h5>
+                    <button type="button" data-bs-toggle="modal" data-bs-target="#modalNewScrumBoard" class="btn bg-primary text-white hover:bg-primary-deep">Show</button>
+                </div>
+                 <!--:Card:-->
+                <div class="rounded-xl p-6 bg-white dark:bg-zinc-900 shadow-card flex flex-col items-center justify-center">
+                    <div class="size-12 flex items-center justify-center rounded-full bg-zinc-100 dark:bg-zinc-800 mb-4">
+                       <span class="icon-[lucide--edit] text-xl"></span>
+                    </div>
+                    <h5 class="text-lg mb-3">Create App</h5>
+                    <button type="button" data-bs-toggle="modal" data-bs-target="#modalCreateApp" class="btn bg-primary text-white hover:bg-primary-deep">Show</button>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Import modals for demo:-->
+       <!--:Modal New chat users list:-->
+          <div id="modalNewChat" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60] hidden [&.show]:flex  overflow-y-auto"
+        tabindex="-1">
+        <div
+          class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+          <div
+            class="modal-content relative max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+            <button type="button"
+                class="absolute ltr:right-2 rtl:left-2 top-2 size-8 !rounded-full btn btn-default !p-0"
+                data-bs-dismiss="modal">
+                <span class="icon-[lucide--x] text-lg"></span>
+              </button>
+            <div class="p-4 lg:p-6">
+              <div class="text-center mb-4">
+                  <h5 class="text-xl text-center mb-1">Contact List</h5>
+              <p>Browse and select contacts to start a conversation</p>
+              </div>
+              <!--:Search:-->
+               <div class="relative mb-4">
+              <span
+                class="pointer-events-none text-lg leading-none absolute ltr:left-3 rtl:right-3 top-1/2 -translate-y-1/2 opacity-50">
+              <span class="icon-[lucide--search]"></span>
+              </span>
+              <input name="search" type="text" class="w-full input ltr:!pl-9 rtl:!pr-9"
+                placeholder="Search..." autofocus />
+            </div>
+              <ul class="flex flex-col gap-y-1 max-h-[320px] overflow-y-auto">
+               <li class="opacity-50">7 Available</li>
+               <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                  <img alt="" src="images/avatars/thumb-5.jpg" class="size-8 shrink-0 rounded-full">
+                  <div class="flex-grow">
+                      <h6>Mary Anderson</h6>
+                      <p>mary@anderson.com</p>
+                  </div>
+               </li>
+               <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                  <img alt="" src="images/avatars/thumb-8.jpg" class="size-8 shrink-0 rounded-full">
+                  <div class="flex-grow">
+                      <h6>Peter Sullivan</h6>
+                      <p>peter@sullivan.com</p>
+                  </div>
+               </li>
+               <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                  <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                  <div class="flex-grow">
+                      <h6>Sarah Bennett</h6>
+                      <p>sarah@bennett.com</p>
+                  </div>
+               </li>
+               <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                  <img alt="" src="images/avatars/thumb-7.jpg" class="size-8 shrink-0 rounded-full">
+                  <div class="flex-grow">
+                      <h6>Matthew Collins</h6>
+                      <p>matthew.collins@gmail.com</p>
+                  </div>
+               </li>
+               <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                  <img alt="" src="images/avatars/thumb-9.jpg" class="size-8 shrink-0 rounded-full">
+                  <div class="flex-grow">
+                      <h6>David Reynolds</h6>
+                      <p>david@reynolds.com</p>
+                  </div>
+               </li>
+               <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                  <img alt="" src="images/avatars/thumb-4.jpg" class="size-8 shrink-0 rounded-full">
+                  <div class="flex-grow">
+                      <h6>Elizabeth Carter</h6>
+                      <p>elizabeth@carter.com</p>
+                  </div>
+               </li>
+               <li class="flex items-center gap-3 cursor-pointer px-4 py-2.5 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                  <img alt="" src="images/avatars/thumb-10.jpg" class="size-8 shrink-0 rounded-full">
+                  <div class="flex-grow">
+                      <h6>Michael Thompson</h6>
+                      <p>michael@thompson.com</p>
+                  </div>
+               </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!--:Modal New chat users list:-->
+      <div id="modalEditRole" role="dialog"
+          class="modal fade fixed w-full h-full left-0 top-0 z-[60] hidden [&.show]:flex  overflow-y-auto" tabindex="-1">
+          <div class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+              <div class="modal-content max-w-4xl mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                  <div class="flex items-center justify-between px-4 py-4">
+                      <div class="flex-grow">
+                          <h5 class="text-lg mb-2">Admin</h5>
+                          <p class="text-muted">Edit roles of Admin</p>
+                      </div>
+                      <button type="button" class=" size-8 rounded-full btn btn-default !p-0" data-bs-dismiss="modal">
+                          <span class="icon-[lucide--x] text-lg"></span>
+                      </button>
+                  </div>
+                  <ul class="flex flex-col divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                      <!--:Role:-->
+                      <li class="px-4 py-3 flex flex-col sm:flex-row sm:items-center gap-3.5">
+                          <div class="flex items-center overflow-hidden gap-3.5 flex-grow">
+                              <div
+                                  class="size-10 shrink-0 rounded-lg flex items-center justify-center border border-zinc-200 dark:border-zinc-800 text-primary">
+                                  <span class="icon-[lucide--user-check] text-xl"></span>
+                              </div>
+                              <div class="flex-grow overflow-hidden">
+                                  <div>
+                                      <h5 class="truncate mb-1">User management</h5>
+                                  <p class="truncate text-sm">Access control for user management</p>
+                                  </div>
+                              </div>
+                          </div>
+                          <div class="flex items-center shrink-0 gap-2 sm:justify-end">
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 active group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Read</button>
+                              </div>
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 active group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Write</button>
+                              </div>
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 active group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Delete</button>
+                              </div>
+                          </div>
+                      </li>
+                      <!--:Role:-->
+                      <li class="px-4 py-3 flex flex-col sm:flex-row sm:items-center gap-3.5">
+                          <div class="flex items-center overflow-hidden gap-3.5 flex-grow">
+                              <div
+                                  class="size-10 shrink-0 rounded-lg flex items-center justify-center border border-zinc-200 dark:border-zinc-800 text-primary">
+                                  <span class="icon-[lucide--file-chart-line] text-xl"></span>
+                              </div>
+                              <div class="flex-grow overflow-hidden">
+                                  <div>
+                                      <h5 class="truncate mb-1">Reports</h5>
+                                  <p class="truncate text-sm">Access control for generating reports</p>
+                                  </div>
+                              </div>
+                          </div>
+                          <div class="flex items-center shrink-0 gap-2 sm:justify-end">
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 active group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Read</button>
+                              </div>
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Write</button>
+                              </div>
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Delete</button>
+                              </div>
+                          </div>
+                      </li>
+                      <!--:Role:-->
+                      <li class="px-4 py-3 flex flex-col sm:flex-row sm:items-center gap-3.5">
+                          <div class="flex items-center overflow-hidden gap-3.5 flex-grow">
+                              <div
+                                  class="size-10 shrink-0 rounded-lg flex items-center justify-center border border-zinc-200 dark:border-zinc-800 text-primary">
+                                  <span class="icon-[lucide--database-backup] text-xl"></span>
+                              </div>
+                              <div class="flex-grow overflow-hidden">
+                                  <div>
+                                      <h5 class="truncate mb-1">System configurations</h5>
+                                  <p class="truncate text-sm">Access control for system settings</p>
+                                  </div>
+                              </div>
+                          </div>
+                          <div class="flex items-center shrink-0 gap-2 sm:justify-end">
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 active group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Read</button>
+                              </div>
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 active group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Write</button>
+                              </div>
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Delete</button>
+                              </div>
+                          </div>
+                      </li>
+                      <!--:Role:-->
+                      <li class="px-4 py-3 flex flex-col sm:flex-row sm:items-center gap-3.5">
+                          <div class="flex items-center overflow-hidden gap-3.5 flex-grow">
+                              <div
+                                  class="size-10 shrink-0 rounded-lg flex items-center justify-center border border-zinc-200 dark:border-zinc-800 text-primary">
+                                  <span class="icon-[lucide--folder-git-2] text-xl"></span>
+                              </div>
+                              <div class="flex-grow overflow-hidden">
+                                  <div>
+                                      <h5 class="truncate mb-1">File management</h5>
+                                  <p class="truncate text-sm">Access control for file management</p>
+                                  </div>
+                              </div>
+                          </div>
+                          <div class="flex items-center shrink-0 gap-2 sm:justify-end">
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 active group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Read</button>
+                              </div>
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Write</button>
+                              </div>
+                              <div>
+                                  <button type="button" data-bs-toggle="button"
+                                      class="btn btn-sm btn-default !py-0 h-8 group"
+                                      for="rRead">
+                                      <span class="icon-[lucide--check] text-lg hidden group-[.active]:block me-1"></span>
+                                      Delete</button>
+                              </div>
+                          </div>
+                      </li>
+                  </ul>
+                  <!--:Footer:-->
+                  <div class="px-4 py-4 flex items-center justify-end gap-2">
+                      <button type="button" class="btn btn-default" data-bs-dismiss="modal">Cancel</button>
+                      <button type="button" class="btn bg-zinc-700 text-white hover:bg-zinc-800">Update</button>
+                  </div>
+              </div>
+          </div>
+      </div>
+       <!--:Modal New chat users list:-->
+          <div id="modalNewScrumBoard" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+        tabindex="-1">
+        <div
+          class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+          <div
+            class="modal-content max-w-[25rem] mx-auto bg-white relative dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+            <button type="button"
+                class="absolute end-2 top-2 btn btn-default !size-8 !p-0 !rounded-full"
+                data-bs-dismiss="modal">
+                <span class="icon-[lucide--x] text-lg"></span>
+              </button>
+            <div class="p-4 lg:p-6">
+              <div class="mb-4">
+                  <h5 class="text-lg mb-1">Add New Board</h5>
+        
+              </div>
+              <!--:Search:-->
+               <div class="flex items-center gap-2">
+              <input name="addBoard" type="text" class="w-full input input-lg"
+                placeholder="Board Title" autofocus />
+                <button type="button" class="btn btn-lg bg-primary hover:bg-primary-deep text-white">Add</button>
+            </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!--:Modal New chat users list:-->
+      <div id="modalCreateApp" role="dialog"
+          class="modal fade fixed w-full h-full left-0 top-0 z-[60] hidden [&.show]:flex  overflow-y-auto" tabindex="-1">
+          <div class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+              <div class="modal-content max-w-4xl mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                  <div class="flex items-center justify-between p-4 lg:pb-0 lg:p-6">
+                      <div class="flex-grow">
+                          <h5 class="text-lg">Create App</h5>
+                      </div>
+                      <button type="button" class=" size-8 rounded-full btn btn-default !p-0" data-bs-dismiss="modal">
+                          <span class="icon-[lucide--x] text-lg"></span>
+                      </button>
+                  </div>
+
+                  <!--:Create app wizard:-->
+                  <div class="wizard grid grid-cols-1 md:grid-cols-12 gap-4 p-4 lg:p-6" data-wizard>
+                      <div class="md:col-span-4">
+                          <!-- Navigation -->
+                          <ul class="flex flex-col flex-nowrap nav-wizard mb-4 gap-4 md:gap-6">
+                              <li class="wizard-step nav-link flex items-center gap-3.5">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--file-chart-column] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Details</h6>
+                                      <p class="text-sm">App details</p>
+                                  </div>
+                              </li>
+                              <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--box] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Frameworks</h6>
+                                      <p class="text-sm">Select app framework</p>
+                                  </div>
+                              </li>
+                              <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--database] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Database</h6>
+                                      <p class="text-sm">Select app database</p>
+                                  </div>
+                              </li>
+                              <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--credit-card] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Billing</h6>
+                                      <p class="text-sm">Provide payment details</p>
+                                  </div>
+                              </li>
+                              <li class="wizard-step nav-link flex items-center gap-3.5 disabled">
+                                  <span class="wizard-icon shrink-0 size-10 flex items-center justify-center rounded-full">
+                                      <span class="icon-[lucide--eye] text-xl"></span>
+                                  </span>
+                                  <div class="flex-grow">
+                                      <h6>Overview & Submit</h6>
+                                      <p class="text-sm">Check before submit</p>
+                                  </div>
+                              </li>
+                          </ul>
+                      </div>
+
+                      <div class="md:col-span-8 flex flex-col h-full">
+                          <!-- Panels -->
+                          <div class="wizard-content">
+                              <!--:Details:-->
+                              <div class="wizard-panel">
+                                  <div class="mb-4">
+                                      <span class="block mb-1">
+                                          App name
+                                      </span>
+                                      <input type="text" class="input" placeholder="App name" />
+                                  </div>
+                                  <div class="mb-4">
+                                      <span class="block mb-3">
+                                          Category
+                                      </span>
+
+                                      <!--:Categories:-->
+                                      <div
+                                          class="flex flex-col gap-2 divide-y divide-zinc-200 dark:divide-zinc-700 divide-dashed">
+                                          <!--:Category:-->
+                                          <div class="flex pb-2 items-center justify-between">
+                                              <label for="catCRM" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-amber-500/10 text-amber-500">
+                                                      <span class="icon-[lucide--file-box] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>CRM App</h6>
+                                                      <p>Scales with any business</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appCat" id="catCRM" class="input-radio" checked>
+                                          </div>
+                                          <!--:Category:-->
+                                          <div class="flex pb-2 items-center justify-between">
+                                              <label for="catEcommerce"
+                                                  class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-green-500/10 text-green-500">
+                                                      <span class="icon-[lucide--shopping-bag] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>eCommerce Platforms</h6>
+                                                      <p>Grow Your Business With App</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appCat" id="catEcommerce" class="input-radio">
+                                          </div>
+                                          <!--:Category:-->
+                                          <div class="flex items-center justify-between">
+                                              <label for="catSocial" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-pink-500/10 text-pink-500">
+                                                      <span class="icon-[lucide--at-sign] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>Social</h6>
+                                                      <p>Track your social accounts</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appCat" id="catSocial" class="input-radio">
+                                          </div>
+                                      </div>
+                                  </div>
+                              </div>
+
+
+                              <!--:Framework:-->
+                              <div class="wizard-panel">
+                                  <span class="block mb-3">
+                                      Select Framework
+                                  </span>
+
+                                  <!--:Frameworks:-->
+                                  <div
+                                      class="flex flex-col gap-2 divide-y divide-zinc-200 dark:divide-zinc-700 divide-dashed">
+                                      <!--:Framework:-->
+                                      <div class="flex pb-2 items-center justify-between">
+                                          <label for="frameworkHTML" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                              <div
+                                                  class="flex items-center justify-center size-12 rounded-lg bg-amber-500/10 text-amber-500">
+                                                  <span class="icon-[tabler--brand-html5] text-xl"></span>
+                                              </div>
+                                              <div class="flex-grow">
+                                                  <h6>HTML5</h6>
+                                                  <p>Progressive Framework</p>
+                                              </div>
+                                          </label>
+                                          <input type="radio" name="appFrameworks" id="frameworkHTML" class="input-radio"
+                                              checked>
+                                      </div>
+                                      <!--:Framework:-->
+                                      <div class="flex pb-2 items-center justify-between">
+                                          <label for="frameworkReact"
+                                              class="flex items-center gap-3 flex-grow cursor-pointer">
+                                              <div
+                                                  class="flex items-center justify-center size-12 rounded-lg bg-sky-500/10 text-sky-500">
+                                                  <span class="icon-[tabler--brand-react] text-xl"></span>
+                                              </div>
+                                              <div class="flex-grow">
+                                                  <h6>React</h6>
+                                                  <p>Create SPA apps</p>
+                                              </div>
+                                          </label>
+                                          <input type="radio" name="appFrameworks" id="frameworkReact" class="input-radio">
+                                      </div>
+                                      <!--:Framework:-->
+                                      <div class="flex pb-2 items-center justify-between">
+                                          <label for="frameworkNG" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                              <div
+                                                  class="flex items-center justify-center size-12 rounded-lg bg-pink-500/10 text-pink-500">
+                                                  <span class="icon-[tabler--brand-angular] text-xl"></span>
+                                              </div>
+                                              <div class="flex-grow">
+                                                  <h6>Angular</h6>
+                                                  <p>Create large apps</p>
+                                              </div>
+                                          </label>
+                                          <input type="radio" name="appFrameworks" id="frameworkNG" class="input-radio">
+                                      </div>
+                                      <!--:Framework:-->
+                                      <div class="flex pb-2 items-center justify-between">
+                                          <label for="frameworkVue" class="flex items-center gap-3 flex-grow cursor-pointer">
+                                              <div
+                                                  class="flex items-center justify-center size-12 rounded-lg bg-green-500/10 text-green-500">
+                                                  <span class="icon-[tabler--brand-vue] text-xl"></span>
+                                              </div>
+                                              <div class="flex-grow">
+                                                  <h6>VueJs</h6>
+                                                  <p>Create vueJs apps</p>
+                                              </div>
+                                          </label>
+                                          <input type="radio" name="appFrameworks" id="frameworkVue" class="input-radio">
+                                      </div>
+                                  </div>
+                              </div>
+
+
+                              <!--:Database:-->
+                              <div class="wizard-panel">
+                                  <div class="mb-4">
+                                      <span class="block mb-1">
+                                          Database name
+                                      </span>
+                                      <input type="text" class="input" placeholder="Database name" />
+                                  </div>
+                                  <div class="mb-4">
+                                      <span class="block mb-3">
+                                          Select Database
+                                      </span>
+
+                                      <!--:Database list:-->
+                                      <div
+                                          class="flex flex-col gap-2 divide-y divide-zinc-200 dark:divide-zinc-700 divide-dashed">
+                                          <!--:database:-->
+                                          <div class="flex pb-2 items-center justify-between">
+                                              <label for="dataBaseFire"
+                                                  class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-orange-500/10 text-orange-500">
+                                                      <span class="icon-[tabler--brand-firebase] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>Firebase</h6>
+                                                      <p>Cloud Firestone</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appDatabase" id="dataBaseFire" class="input-radio">
+                                          </div>
+                                          <!--:database:-->
+                                          <div class="flex pb-2 items-center justify-between">
+                                              <label for="dataBaseAWS"
+                                                  class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-purple-500/10 text-purple-500">
+                                                      <span class="icon-[tabler--brand-aws] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>AWS</h6>
+                                                      <p>Amazon Fast NoSQL Database</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appDatabase" id="dataBaseAWS" class="input-radio">
+                                          </div>
+                                          <!--:database:-->
+                                          <div class="flex items-center justify-between">
+                                              <label for="dataBaseSQL"
+                                                  class="flex items-center gap-3 flex-grow cursor-pointer">
+                                                  <div
+                                                      class="flex items-center justify-center size-12 rounded-lg bg-pink-500/10 text-pink-500">
+                                                      <span class="icon-[lucide--database] text-xl"></span>
+                                                  </div>
+                                                  <div class="flex-grow">
+                                                      <h6>MySQL</h6>
+                                                      <p>Basic MySQL database</p>
+                                                  </div>
+                                              </label>
+                                              <input type="radio" name="appDatabase" id="dataBaseSQL" class="input-radio"
+                                                  checked>
+                                          </div>
+                                      </div>
+                                  </div>
+                              </div>
+
+
+                              <!--:Billing:-->
+                              <div class="wizard-panel">
+                                  <p class="mb-4">Provide payment details below</p>
+                                  <div class="mb-4">
+                                      <span class="block mb-1">
+                                          Card number
+                                      </span>
+                                      <input type="text" class="input" id="cardNumber">
+                                  </div>
+                                  <div class="mb-4 flex flex-wrap -mx-4">
+                                      <div class="w-full mb-4 px-4 md:w-6/12">
+                                          <span class="block mb-1">
+                                              Name on card
+                                          </span>
+                                          <input type="text" placeholder="John Doe" class="input" id="cardHolderName">
+                                      </div>
+                                      <div class="w-full mb-4 px-4 md:w-3/12">
+                                          <span class="block mb-1">
+                                              Expiry date
+                                          </span>
+                                          <input type="text" class="input" placeholder="MM/YY" id="cardExpiry">
+                                      </div>
+                                      <div class="w-full mb-4 px-4 md:w-3/12">
+                                          <span class="block mb-1">
+                                              CVV
+                                          </span>
+                                          <input type="text" class="input" placeholder="123" id="cardCVV">
+                                      </div>
+                                  </div>
+                                  <div class="flex items-center gap-2.5">
+                                      <input type="checkbox" id="savePayment" class="input-switch">
+                                      <label for="savePayment" class="cursor-pointer text-muted">Save this card</label>
+                                  </div>
+                              </div>
+
+                              <!--:Overview & Submit:-->
+                              <div class="wizard-panel">
+                                  <div
+                                      class="flex flex-col gap-4 divide-y divide-zinc-200 dark:divide-zinc-700 divide-dashed">
+                                      <div class="pb-4">
+                                          <p>Review and click on finish to complete your new app create</p>
+                                      </div>
+                                      <div class="pb-4">
+                                          <p class="text-muted text-sm mb-1">App name:</p>
+                                          <h6>Raven Pro</h6>
+                                      </div>
+                                      <div class="pb-4">
+                                          <p class="text-muted text-sm mb-2">Framework:</p>
+                                          <div class="flex items-center gap-3.5">
+                                              <span
+                                                  class="size-8 bg-orange-500/10 text-orange-500 rounded-md flex items-center justify-center shrink-0">
+                                                  <span class="icon-[tabler--brand-angular] text-xl"></span>
+                                              </span>
+                                              <h6>Angular</h6>
+                                          </div>
+                                      </div>
+                                      <div class="pb-4">
+                                          <p class="text-muted text-sm mb-2">Database details:</p>
+                                          <div class="flex items-center gap-3.5">
+                                              <span
+                                                  class="size-8 bg-red-500/10 text-red-500 rounded-md flex items-center justify-center shrink-0">
+                                                  <span class="icon-[tabler--brand-firebase] text-xl"></span>
+                                              </span>
+                                              <h6>Firebase - ravedb</h6>
+                                          </div>
+                                      </div>
+                                      <div class="pb-4">
+                                          <p class="text-muted">
+                                              By clicking on <strong>Finish</strong>, you agree to our
+                                              <a href="#!" class="text-primary border-b border-dashed hover:text-current">
+                                                  Terms &amp; Conditions
+                                              </a>.
+                                          </p>
+                                      </div>
+                                  </div>
+                              </div>
+                          </div>
+
+                          <!-- Actions -->
+                          <div class="wizard-actions pt-4 mt-auto flex items-center justify-between">
+                              <button class="prev-btn btn btn-default disabled:opacity-50 disabled:pointer-events-none"
+                                  disabled>
+                                  Previous</button>
+                              <button class="next-btn btn bg-primary text-white hover:bg-primary-deep">
+                                  Next</button>
+                          </div>
+                      </div>
+                  </div>
+              </div>
+          </div>
+      </div>
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Create app form payment details formatter:-->
+    <script src="vendor/js/cleave.min.js"></script>
+    <script>
+        new Cleave('#cardNumber', {
+      creditCard: true,
+      onCreditCardTypeChanged: function (type) {
+        console.log('Detected card type:', type);
+        // you could show a logo here dynamically
+      }
+    });
+     // Expiry date formatting (MM/YY)
+    new Cleave('#cardExpiry', {
+      date: true,
+      datePattern: ['m', 'y']
+    });
+
+    // CVV - numeric only
+    new Cleave('#cardCVV', {
+      numeral: true,
+      numeralPositiveOnly: true,
+      numeralIntegerScale: 4 // allows 3 or 4 digits
+    });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/page-blank.html b/www/raven-demo/page-blank.html
new file mode 100644
index 0000000..6c34f45
--- /dev/null
+++ b/www/raven-demo/page-blank.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <main class="flex-1 flex flex-col app-content">
+        
+        <!--:Page Header:-->
+        <div class="px-4 pt-4 pb-4 flex flex-col sm:flex-row sm:items-center">
+            <div class="flex-grow mb-3 sm:mb-0">
+                <h2 class="text-xl font-semibold mb-1 text-black dark:text-white">Page Blank</h2>
+                <p class="mb-3">A clean slate to start building your custom page</p>
+                <a href="index.html" class="text-primary border-b border-dashed">Back to Home</a>
+            </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex-grow lg:px-4">
+            <!--:Add content to page blank from here:-->
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/page-error-404.html b/www/raven-demo/page-error-404.html
new file mode 100644
index 0000000..cf0568d
--- /dev/null
+++ b/www/raven-demo/page-error-404.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <main class="flex-1 flex flex-col app-content">
+      
+         <!--:Page content:-->
+        <div class="content flex-grow flex flex-col items-center justify-center">
+            <div class="text-center px-4 py-4">
+                <h2 class="text-6xl mb-2 text-muted">404</h2>
+                <h3 class="text-2xl mb-2">Page Not Found</h3>
+                <p class="mb-5 text-muted">The page you’re looking for doesn’t exist or has been moved.</p>
+                <a href="index.html" class="btn bg-primary text-white hover:bg-primary-deep">Back to Home</a>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/page-invoice.html b/www/raven-demo/page-invoice.html
new file mode 100644
index 0000000..9b57c4e
--- /dev/null
+++ b/www/raven-demo/page-invoice.html
@@ -0,0 +1,1098 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item active">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item pages_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item pages_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item pages_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div class="print:hidden">
+            <div
+              class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+              <div class="shrink-0 flex items-center space-x-1">
+                <!--:Sidebar toggler:-->
+                <button type="button" data-toggle="app_sidebar" 
+                  class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+                  <span class="icon-[iconoir--menu] text-lg"></span>
+                </button>
+                <!--:Search:-->
+                <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                    class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                    <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                    <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+                  </button>
+              </div>
+              <div class="flex items-center space-x-1">
+                <!--:TLang:-->
+                  <!--:Theme Lang switcher:-->
+                    <div class="relative">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                      </button>
+                      <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                        <a href="#!" class="dropdown-item active group gap-2.5">
+                            <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group gap-2.5">
+                            <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                        <a href="#!" class="dropdown-item group gap-2.5">
+                            <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                            <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                        </a>
+                      </div>
+                    </div>
+    
+                <!--:Notifications:-->
+                    <div class="sm:relative">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <span class="icon-[lucide--bell] text-lg"></span>
+                        <!--:Notification badge with animation:-->
+                        <span class="absolute right-1 top-1 flex size-2">
+                          <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                          <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                        </span>
+                      </button>
+                      <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                        <div class="px-3 pt-3 flex justify-between items-center">
+                          <h5 class="text-lg">Notifications</h5>
+                          <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                            <span class="icon-[lucide--mail-open]"></span>
+                          </button>
+                        </div>
+                        <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                              <span class="icon-[lucide--database] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                              <small class="text-muted">Just now</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                              <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                              <small class="text-muted">1h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                             <span class="icon-[lucide--check] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">Backup completed successfully</div>
+                              <small class="text-muted">2h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                             <span class="icon-[lucide--user] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">Profile updated successfully</div>
+                              <small class="text-muted">3h</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                              <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                              <div><span
+                                  class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                              </div>
+                              <small class="text-muted">2d</small>
+                            </div>
+                          </a>
+                          <!--:Notification item:-->
+                          <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                            <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                              <span class="icon-[lucide--component] text-lg"></span>
+                            </span>
+                            <div class="flex-grow">
+                              <div class="leading-normal">API updated</div>
+                              <small class="text-muted">3d</small>
+                            </div>
+                          </a>
+                        </div>
+                        <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                          <a href="#!"
+                            class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                            All</a>
+                        </div>
+                      </div>
+                    </div>
+    
+                <!--:Apps:-->
+                    <div class="lg:relative hidden lg:block">
+                      <button data-bs-auto-close="outside" type="button"
+                        class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                        data-bs-toggle="dropdown" data-bs-display="static">
+                        <span class="icon-[lucide--component] text-lg"></span>
+                      </button>
+                      <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                        <div class="flex flex-wrap p-2">
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Mailchimp</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span class="truncate block">Analytics</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>WebDev</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Jira</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Gitlab</span>
+                            </a>
+                          </div>
+                          <div class="text-center w-1/2 p-2">
+                            <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                              <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                              <span>Evernote</span>
+                            </a>
+                          </div>
+                        </div>
+                        <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                          <a href="#!"
+                            class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                            All</a>
+                        </div>
+                      </div>
+                    </div>
+                <!--:Theme color switcher:-->
+                <div class="relative">
+                  <button type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                    <span class="icon-[lucide--settings] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                    <div class="mb-3 px-3 pt-2">
+                      <h5>Theme</h5>
+                    </div>
+
+                    <div class="flex flex-wrap px-3 pb-2 gap-2">
+                      <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #636DFF;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="navyTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #0E6DD9;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #049772;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                      <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                        <span class="flex items-center justify-center size-7 rounded-full text-white"
+                          style="background-color: #D300C5;">
+                          <span class="icon-[lucide--check] theme-check text-lg"></span>
+                        </span>
+                      </button>
+                    </div>
+                    <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                      <label class="flex items-center cursor-pointer dropdown-item">
+                        <span class="icon-[lucide--sun-moon] me-1"></span>
+                        <span class="flex-grow text-sm me-2">Dark mode</span>
+                        <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                      </label>
+                    </div>
+                    <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                      <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                        <span class="text-sm">Enable RTL</span>
+                        <input type="checkbox" class="input-switch" id="toggleRTL" />
+                      </label>
+      
+                    </div>
+                    <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                            <h5 class="px-3 mb-2">Sidebar</h5>
+                            <div class="radio-group flex items-center">
+                                <div class="radio-option flex-grow">
+                                    <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                    <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                      <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                        <span class="w-6 h-full bg-white rounded-sm"></span>
+                                      </span>
+                                      <span class="block text-sm text-zinc-400">
+                                        Light
+                                      </span>
+                                    </label>
+                                </div>
+                                <div class="radio-option flex-grow">
+                                    <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                    <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                       <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                         <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                      </span>
+                                      <span class="block text-sm text-zinc-400">
+                                        Dark
+                                      </span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+
+            <!--:Search Modal:-->
+            <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+              tabindex="-1">
+              <div class="modal-dialog relative m-4 pointer-events-none">
+                <!--:Content:-->
+                <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+                  <div class="relative">
+                    <span
+                      class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                      <span class="icon-[lucide--search] text-lg"></span>
+                    </span>
+                    <button type="button"
+                      class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                      data-bs-dismiss="modal">
+                      Esc
+                    </button>
+                    <input name="search" type="text"
+                      class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                      autofocus />
+                  </div>
+                  <!--:Search results:-->
+                  <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                    <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                    <ul class="flex flex-col pb-2">
+                      <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                        <span>Apps</span>
+                        <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                        <span>Api</span>
+                      </li>
+                      <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                        <span>Dashboard</span>
+                        <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                        <span>Marketing</span>
+                      </li>
+                    </ul>
+                    <hr class="border-zinc-200 dark:border-zinc-800">
+                    <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                    <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                      <li class="flex items-center py-3 justify-between gap-2.5">
+                        <div class="flex items-center gap-2.5">
+                          <div class="shrink-0">
+                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                          </div>
+                          <div class="flex flex-col gap-0.5">
+                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                            <span class="text-sm text-muted">Backend Developer</span>
+                          </div>
+                        </div>
+                      </li>
+
+                      <li class="flex items-center py-3 justify-between gap-2.5">
+                        <div class="flex items-center gap-2.5">
+                          <div class="shrink-0">
+                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                          </div>
+                          <div class="flex flex-col gap-0.5">
+                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                            <span class="text-sm text-muted">Digital Marketer</span>
+                          </div>
+                        </div>
+                      </li>
+
+                      <li class="flex items-center py-3 justify-between gap-2.5">
+                        <div class="flex items-center gap-2.5">
+                          <div class="shrink-0">
+                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                          </div>
+                          <div class="flex flex-col gap-0.5">
+                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                            <span class="text-sm text-muted">Full Stack Developer</span>
+                          </div>
+                        </div>
+                      </li>
+                    </ul>
+                    <hr class="border-zinc-200 dark:border-zinc-800">
+                    <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                    <ul class="flex flex-col pb-4">
+                      <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                      <div class="flex-1 fs-10 title">All customers list</div>
+                      </li>
+                       <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                      <div class="flex-1 fs-10 title">Bestselling products</div>
+                      </li>
+                       <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                        <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                      <div class="flex-1 fs-10 title">All upcoming events</div>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content flex-grow lg:px-4">
+            <div class="px-4 py-4">
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card"
+                    id="invoicePrint">
+                    <!--Invoive Header-->
+                    <div class="flex sm:justify-between flex-col sm:flex-row p-4 border-b border-zinc-200 dark:border-zinc-800">
+                        <div class="mb-4 sm:mb-0">
+                            <h3 class="mb-3 text-lg">Invoice</h3>
+                            <ul class="list-unstyled table mb-0">
+                                <li
+                                    class="flex items-center border-b border-zinc-200 dark:border-zinc-800 pb-1 mb-1">
+                                    <span class="pe-3 small">Invoice Id :</span>
+                                    <span class="mb-0 flex-grow-1 fw-bold text-end">#9-0004</span>
+                                </li>
+                                <li
+                                    class="flex items-center border-b border-zinc-200 dark:border-zinc-800 pb-1 mb-1">
+                                    <span class="pe-3 small">Invoice Date :</span>
+                                    <span class="mb-0 fw-bold flex-grow-1 text-end">24-Sep-2021</span>
+                                </li>
+                                <li class="flex items-center">
+                                    <span class="pe-3 small">Total Due :</span>
+                                    <span class="mb-0 fw-bold flex-grow-1 text-end">$18,750.00</span>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="sm:ms-auto sm:text-end">
+                            <img src="images/brands/duolingo.svg" class="w-8 mb-2 block sm:ms-auto h-auto" alt="">
+                            <p class="mb-0">
+                                info@duolingo.com
+                            </p>
+                            <hr class="border-zinc-200 my-3 dark:border-zinc-800">
+                            <small class="text-body-secondary">Bill to</small>
+                            <p class="mb-0">
+                                Adam Voges<br>
+                                0123 Lorem Street<br>
+                                Philadelphia, PA 19111<br>
+                                +01 123 456 78
+                            </p>
+                        </div>
+                    </div>
+
+                    <!--Table-->
+                    <div class="overflow-x-auto mb-4">
+                        <table class="w-full table-default border-b border-zinc-200 dark:border-zinc-800">
+                            <thead class="small">
+                                <tr>
+                                    <th style="min-width: 300px;">Description</th>
+                                    <th>Hours</th>
+                                    <th>Rate</th>
+                                    <th class="text-end">Amount</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr class="align-middle">
+                                    <td>
+                                        <h5 class="mb-1">
+                                            Responsive Design
+                                        </h5>
+                                        <p class="small d-print-none mb-0">
+                                            Lorem ipsum is placeholder text commonly used in
+                                            the graphic and other industries.
+                                        </p>
+                                    </td>
+                                    <td class="text-reset">40</td>
+                                    <td class="text-reset">$50.00</td>
+                                    <td class="text-end width-90">$2000.00</td>
+                                </tr>
+                                <tr class="align-middle">
+                                    <td>
+                                        <h5 class="mb-1">
+                                            Logo Design
+                                        </h5>
+                                        <p class="small d-print-none mb-0">
+                                            Lorem ipsum is placeholder text commonly used in
+                                            the graphic and other industries.
+                                        </p>
+                                    </td>
+                                    <td class="text-reset">20</td>
+                                    <td class="text-reset">$30.00</td>
+                                    <td class="text-end width-90">$600.00</td>
+                                </tr>
+                                <tr class="align-middle">
+                                    <td>
+                                        <h5 class="mb-1">
+                                            Prototype &amp; Design
+                                        </h5>
+                                        <p class="small d-print-none mb-0">
+                                            Lorem ipsum is placeholder text commonly used in
+                                            the graphic and other industries.
+                                        </p>
+                                    </td>
+                                    <td class="text-reset">61</td>
+                                    <td class="text-reset">$50.00</td>
+                                    <td class="text-end width-90">$3050.00</td>
+                                </tr>
+                                <tr class="align-middle">
+                                    <td>
+                                        <h5 class="mb-1">
+                                            CMS Development
+                                        </h5>
+                                        <p class="small d-print-none mb-0">
+                                            Lorem ipsum is placeholder text commonly used in
+                                            the graphic and other industries.
+                                        </p>
+                                    </td>
+                                    <td class="text-reset">100</td>
+                                    <td class="text-reset">$90.00</td>
+                                    <td class="text-end width-90">$9000.00</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <!--Table end-->
+                    <div class="my-4 px-4 text-start sm:text-end">
+                        <p class="text-lg font-semibold text-muted">Total:</p>
+                        <div class="space-y-1 pt-2">
+                            <p>Summary : <span class="font-semibold">$7320</span></p>
+                            <p>Discount : <span class="font-semibold">$20</span></p>
+                            <p>Tax : <span class="font-semibold">20%</span></p>
+                            <p class="text-lg text-primary">Total: <span
+                                    class="font-semibold">$8780</span></p>
+                        </div>
+                    </div>
+                    <div class="flex print:hidden pt-0 p-4 justify-between items-center">
+                        <div class="col-auto me-auto">
+                            <a href="#!" class="btn bg-primary text-white hover:bg-primary-deep">Pay Now</a>
+                        </div>
+                        <div class="col-auto">
+                            <a class="btn btn-default" href="javascript:window.print()">
+                                <span class="icon-[lucide--printer] text-lg me-1"></span> print
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/page-search-results.html b/www/raven-demo/page-search-results.html
new file mode 100644
index 0000000..fecd91e
--- /dev/null
+++ b/www/raven-demo/page-search-results.html
@@ -0,0 +1,1097 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item pages_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item active">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item pages_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item pages_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content flex-grow lg:px-4">
+            <div class="px-4 py-4 max-w-4xl mx-auto">
+                
+                <!--:filter nav:-->
+                <nav class="nav-underline flex items-center gap-4 mb-4">
+                    <a href="#!"
+                        class="nav-link active">All</a>
+                    <a href="#!"
+                        class="nav-link">Files</a>
+                    <a href="#!"
+                        class="nav-link">Contacts</a>
+                    <a href="#!"
+                        class="nav-link">Tasks</a>
+                </nav>
+                <!--:Search results:-->
+                <div class="flex flex-col rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                    <div class="px-4 py-3.5">
+                       <span class="text-muted"><span class="font-semibold text-primary">24</span> results found for <span
+                            class="text-primary">'project'</span></span>
+                    </div>
+                    <!--:Result:-->
+                    <a href="#!" class="px-4 py-3.5 group hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                        <div class="flex items-center gap-4">
+                            <img src="images/brands/duolingo.svg" class="shrink-0 rounded-xl w-16" alt="">
+                            <div class="flex-grow overflow-hidden">
+                                <span class="font-semibold group-hover:text-primary flex items-center gap-2 mb-1 truncate">
+                                    <span class="icon-[iconoir--link]"></span> https://loremipsum.com</span>
+
+                                <h5 class="mb-1 truncate">Optimize user experience with powerful search <span
+                                        class="highlight">analytics</span></h5>
+                                <p class="mb-0 truncate opacity-75">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and
+                                    publishing industries for previewing layouts and visual mockups.
+                                </p>
+                            </div>
+                        </div>
+                    </a>
+                    <!--:Result:-->
+                    <a href="#!" class="px-4 py-3.5 group hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                        <div class="flex items-center gap-4">
+                            <img src="images/brands/equacoin.svg" class="shrink-0 rounded-xl w-16" alt="">
+                            <div class="flex-grow overflow-hidden">
+                                <span class="font-semibold group-hover:text-primary flex items-center gap-2 mb-1 truncate">
+                                    <span class="icon-[iconoir--link]"></span> https://loremipsum.com</span>
+
+                                <h5 class="mb-1 truncate">Optimize user experience with powerful search <span
+                                        class="highlight">analytics</span></h5>
+                                <p class="mb-0 truncate opacity-75">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and
+                                    publishing industries for previewing layouts and visual mockups.
+                                </p>
+                            </div>
+                        </div>
+                    </a>
+                    <!--:Result:-->
+                    <a href="#!" class="px-4 py-3.5 group hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                        <div class="flex items-center gap-4">
+                            <img src="images/brands/evernote.svg" class="shrink-0 rounded-xl w-16" alt="">
+                            <div class="flex-grow overflow-hidden">
+                                <span class="font-semibold group-hover:text-primary flex items-center gap-2 mb-1 truncate">
+                                    <span class="icon-[iconoir--link]"></span> https://loremipsum.com</span>
+
+                                <h5 class="mb-1 truncate">Optimize user experience with powerful search <span
+                                        class="highlight">analytics</span></h5>
+                                <p class="mb-0 truncate opacity-75">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and
+                                    publishing industries for previewing layouts and visual mockups.
+                                </p>
+                            </div>
+                        </div>
+                    </a>
+                    <!--:Result:-->
+                    <a href="#!" class="px-4 py-3.5 group hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                        <div class="flex items-center gap-4">
+                            <img src="images/brands/figma.svg" class="shrink-0 rounded-xl w-16" alt="">
+                            <div class="flex-grow overflow-hidden">
+                                <span class="font-semibold group-hover:text-primary flex items-center gap-2 mb-1 truncate">
+                                    <span class="icon-[iconoir--link]"></span> https://loremipsum.com</span>
+
+                                <h5 class="mb-1 truncate">Optimize user experience with powerful search <span
+                                        class="highlight">analytics</span></h5>
+                                <p class="mb-0 truncate opacity-75">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and
+                                    publishing industries for previewing layouts and visual mockups.
+                                </p>
+                            </div>
+                        </div>
+                    </a>
+                    <!--:Result:-->
+                    <a href="#!" class="px-4 py-3.5 group hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                        <div class="flex items-center gap-4">
+                            <img src="images/brands/inferno.svg" class="shrink-0 rounded-xl w-16" alt="">
+                            <div class="flex-grow overflow-hidden">
+                                <span class="font-semibold group-hover:text-primary flex items-center gap-2 mb-1 truncate">
+                                    <span class="icon-[iconoir--link]"></span> https://loremipsum.com</span>
+
+                                <h5 class="mb-1 truncate">Optimize user experience with powerful search <span
+                                        class="highlight">analytics</span></h5>
+                                <p class="mb-0 truncate opacity-75">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and
+                                    publishing industries for previewing layouts and visual mockups.
+                                </p>
+                            </div>
+                        </div>
+                    </a>
+                    <!--:Result:-->
+                    <a href="#!" class="px-4 py-3.5 group hover:bg-zinc-50 dark:hover:bg-zinc-800">
+                        <div class="flex items-center gap-4">
+                            <img src="images/brands/mailchimp.svg" class="shrink-0 rounded-xl w-16" alt="">
+                            <div class="flex-grow overflow-hidden">
+                                <span class="font-semibold group-hover:text-primary flex items-center gap-2 mb-1 truncate">
+                                    <span class="icon-[iconoir--link]"></span> https://loremipsum.com</span>
+
+                                <h5 class="mb-1 truncate">Optimize user experience with powerful search <span
+                                        class="highlight">analytics</span></h5>
+                                <p class="mb-0 truncate opacity-75">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and
+                                    publishing industries for previewing layouts and visual mockups.
+                                </p>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+
+                <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-3.5 pt-4">
+                    <small class="text-muted">Showing 1-6 of 24</small>
+                    <!--:Pagination:-->
+<div aria-label="Page navigation example" class="flex items-center justify-end gap-1 pagination">
+    <button class="page-link" disabled type="button">Previous</button>
+    <button class="page-link active" type="button">1</button>
+    <button class="page-link" type="button">2</button>
+    <button class="page-link" type="button">3</button>
+    <button class="page-link" type="button">Next</button>
+</div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/product-add.html b/www/raven-demo/product-add.html
new file mode 100644
index 0000000..c91b7a5
--- /dev/null
+++ b/www/raven-demo/product-add.html
@@ -0,0 +1,1175 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <!--:Page styles:-->
+     <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item active">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item products_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item products_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item products_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item products_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+<!--:page header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Add Product</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center">
+                    <a href="index.html" class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">
+                        Dashboard</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">products</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Add</span></li>
+            </ol>
+        </div>
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                <div class="md:col-span-7">
+                    <!--:Card:-->
+                     
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                        <div class="p-4 pb-0">
+                            <h5 class="text-lg">Basic Details</h5>
+                            <p class="text-zinc-400">Basic details of product</p>
+                        </div>
+                        <div class="p-4">
+                            <div class="mb-4">
+                                <label class="mb-1 block">Product Name</label>
+                                <input type="text" class="input" placeholder="Name">
+                            </div>
+                            <div class="mb-4">
+                                <label class="mb-1 block">Product ID</label>
+                                <input type="text" class="input" placeholder="ID">
+                            </div>
+                            <div>
+                                <label class="mb-1 block">Description</label>
+                                <div id="editor">
+                                   
+                                </div>
+
+                            </div>
+                        </div>
+
+                    </div>
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                       <div class="p-4 pb-0">
+                            <h5 class="text-lg">Pricing</h5>
+                            <p class="text-zinc-400">Pricing details of product</p>
+                        </div>
+                        <div class="p-4">
+                            <div class="flex flex-wrap -mx-2">
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Price</label>
+                                    <div class="relative">
+                                        <span class="absolute left-4 top-1/2 -translate-y-1/2 pointer-events-none opacity-75">$</span>
+                                        <input type="text" class="input !pl-7" value="299">
+                                    </div>
+                                </div>
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Cost</label>
+                                    <div class="relative">
+                                        <span class="absolute left-4 top-1/2 -translate-y-1/2 pointer-events-none opacity-75">$</span>
+                                        <input type="text" class="input !pl-7" value="199">
+                                    </div>
+                                </div>
+                                <div class="w-full sm:w-6/12 px-2 mb-4 sm:mb-0">
+                                    <label class="mb-1 block">Bulk discount price</label>
+                                    <div class="relative">
+                                        <span class="absolute left-4 top-1/2 -translate-y-1/2 pointer-events-none opacity-75">$</span>
+                                        <input type="text" class="input !pl-7" value="149">
+                                    </div>
+                                </div>
+                                <div class="w-full sm:w-6/12 px-2">
+                                    <label class="mb-1 block">Tax rate(%)</label>
+                                    <input type="text" class="input" value="6">
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="md:col-span-5">
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                         <div class="p-4 pb-0">
+                            <h5 class="text-lg">Product Image</h5>
+                            <p class="text-zinc-400">Choose a product photo or simply drag and drop up to 5 photos here
+                            </p>
+                        </div>
+                        <div class="p-4">
+                            <!-- Dropzone -->
+                            <form action="/upload" class="dropzone flex flex-col" id="my-dropzone">
+                                <div id="image_previews" class="flex flex-wrap -mx-2">
+                                    
+                                </div>
+
+                                <!-- Dropzone Upload Box -->
+                                <div
+                                    class="dz-message w-full bg-zinc-100 dark:bg-zinc-800 p-4 rounded-lg flex flex-col items-center justify-center cursor-pointer">
+                                    <span class="icon-[lucide--upload] text-lg"></span>
+                                    <p class="text-center mt-1 text-sm">
+                                        <span class="text-zinc-800 dark:text-white">Drop
+                                            your image here, or </span><span class="text-primary">Click to browse</span>
+                                    </p>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                        <div class="p-4 pb-0">
+                            <h5 class="text-lg">Attributes</h5>
+                            <p class="text-zinc-400">Attributes of products</p>
+                        </div>
+                        <div class="p-4 flex flex-col space-y-4">
+                            <div class="relative z-[2]">
+                                <label class="mb-2 block">Product tags</label>
+                                <select class="js-select" multiple>
+                                    <option value="Desktop">Desktop</option>
+                                    <option value="Computer">Computer</option>
+                                    <option value="Apple">Apple</option>
+                                    <option value="Mackbook">Mackbook</option>
+                                </select>
+                            </div>
+                            <div>
+                               <label class="mb-2 block">Category</label>
+                                <div class="relative">
+                                    <select class="js-select">
+                                    <option value="Devices" selected>Devices</option>
+                                    <option value="Shoes">Shoes</option>
+                                    <option value="Cloths">Cloths</option>
+                                    <option value="Watches">Watches</option>
+                                </select>
+                                </div>
+                            </div>
+                            <div>
+                                <label class="mb-2 block">Brand Name</label>
+                                <input type="text" placeholder="Brand Name" class="input">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!--:Page footer:-->
+            <div
+                class="pb-4 flex items-center justify-end gap-2.5">
+                <button type="submit"
+                    class="btn border border-red-500 text-red-500 hover:bg-red-500 hover:text-white gap-2"><span
+                        class="icon-[lucide--trash] leading-none">delete</span> Discard</button>
+                <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep gap-2"><span
+                        class="icon-[lucide--upload] leading-none">save</span> Upload</button>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Page scripts:-->
+        <script src="vendor/js/tom-select.complete.min.js"></script>
+  <script>
+    document.querySelectorAll('.js-select').forEach(select => {
+      new TomSelect(select, {
+        
+        create: true
+      });
+    });
+  </script>
+
+    <!--:Editor:-->
+    <script src="vendor/js/quill.js"></script>
+    <script>
+        const quill = new Quill('#editor', {
+            theme: 'snow',
+            modules: {
+                toolbar: [
+                    ['bold', 'italic', 'underline'],        // Custom toolbar options
+                    [{ 'list': 'ordered' }, { 'list': 'bullet' }]
+                ]
+            }
+        });
+    </script>
+
+    <!--:Dropzone file upload:-->
+    <script src="vendor/js/dropzone-min.js"></script>
+    <script>
+        Dropzone.autoDiscover = false;
+
+        const myDropzone = new Dropzone("#my-dropzone", {
+            url: "/upload",
+            maxFilesize: 2, // MB
+            acceptedFiles: "image/*",
+            previewsContainer: "#image_previews",
+            clickable: ".dz-message",
+            previewTemplate: `
+        <div class="dz-preview dz-file-preview relative overflow-hidden w-4/12 px-2 mb-4">
+          <img data-dz-thumbnail class="w-full h-auto rounded-lg p-2 border border-zinc-200 dark:border-zinc-800" />
+          <a data-dz-remove class="dz-remove absolute top-1 right-3 text-white bg-red-500 rounded-full w-6 h-6 flex items-center justify-center text-xs"
+                                            href="javascript:undefined;"><span class="icon-[lucide--x] text-lg"></span></a>
+        </div>
+      `
+        });
+
+        // Optional: Handle removal of default previews
+        document.querySelectorAll('.dz-remove').forEach(btn => {
+            btn.addEventListener('click', function () {
+                this.parentElement.remove();
+            });
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/product-details.html b/www/raven-demo/product-details.html
new file mode 100644
index 0000000..113f82a
--- /dev/null
+++ b/www/raven-demo/product-details.html
@@ -0,0 +1,1126 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item active">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item products_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item products_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item products_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item products_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+               <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><a href="products-list.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Products</a></li>
+                 <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Details</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex-grow flex flex-col px-4 lg:px-8">
+            <div
+                class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 mb-4">
+                <div class="flex flex-wrap -mx-4">
+                    <div class="w-full px-4 md:w-5/12">
+                         <a data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Edit Product"
+                          href="product-edit.html" class="btn btn-default size-8 !p-0 ml-auto !rounded-full">
+                        <span class="icon-[lucide--edit] text-lg"></span>
+                       </a>
+                        <div class="flex flex-col gap-4 sm:w-8/12 mx-auto">
+                            <div>
+                                <img src="images/products/single1.png" class="max-w-full">
+                            </div>
+                            <div>
+                                <img src="images/products/single2.png" class="max-w-full">
+                            </div>
+                            <div>
+                                <img src="images/products/single3.png" class="max-w-full">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="w-full px-4 md:w-7/12">
+                        <div class="flex items-center justify-between mb-4">
+                            <div>
+                                <span
+                                    class="badge bg-green-500/10 text-green-500">In
+                                    Stock</span>
+                            </div>
+                            <div class="flex-grow flex items-center justify-end">
+                                <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                <span class="ms-1"><a href="#!" class="hover:text-primary font-semibold">(859 Reviews)</a>
+                                </span>
+                            </div>
+                        </div>
+                        <h4 class="text-lg mb-3">24" iMac® with Retina 4.5K display - Apple M1 8GB Memory - 256GB SSD -
+                            w/Touch ID (Latest Model) - Blue</h4>
+                        <p class="mb-7">CUPERTINO, CA , The M1 CPU allows Apple to deliver an all-new iMac with a lot
+                            more compact
+                            and impressively thin design. The new iMac delivers tremendous performance in an
+                            11.5-millimeter-thin design with a stunning side profile that almost vanishes. iMac includes
+                            a 24-inch 4.5K Retina display with 11.3 million pixels, 500 nits of brightness, and over a
+                            billion colors, giving a beautiful and vivid viewing experience. It is available in a
+                            variety of striking colors to match a user's own style and brighten any area. A 1080p
+                            FaceTime HD camera, studio-quality mics, and a six-speaker sound system are all included in
+                            the new iMac, making it the greatest camera and audio system ever in a Mac. </p>
+                        <div class="grid grid-cols-2 lg:grid-cols-4 gap-4 mb-7">
+                            <div class="p-3 rounded-lg border border-zinc-200 dark:border-zinc-800 border-dashed">
+                                <small class="opacity-50">Category</small>
+                                <h6>Desktop</h6>
+                            </div>
+                            <div class="p-3 rounded-lg border border-zinc-200 dark:border-zinc-800 border-dashed">
+                                <small class="opacity-50">Stock</small>
+                                <h6>3453</h6>
+                            </div>
+                            <div class="p-3 rounded-lg border border-zinc-200 dark:border-zinc-800 border-dashed">
+                                <small class="opacity-50">Sales</small>
+                                <h6>49382</h6>
+                            </div>
+                            <div class="p-3 rounded-lg border border-zinc-200 dark:border-zinc-800 border-dashed">
+                                <small class="opacity-50">Color</small>
+                                <h6 class="flex items-center"> <span
+                                        class="size-3 rounded-full bg-blue-800 block me-2"></span> Blue</h6>
+                            </div>
+                        </div>
+
+                        <h5 class="text-lg mb-4">Latest reviews</h5>
+                        <!--:Reviews:-->
+                        <ul class="flex flex-col divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                            <!--:Review:-->
+                            <li class="py-4 flex flex-col gap-3">
+                                <div class="flex">
+                                    <img src="images/avatars/thumb-1.jpg" class="size-8 rounded-full me-3">
+                                    <div class="flex-grow">
+                                        <h6 class="leading-none">Lana Rose</h6>
+                                        <small class="opacity-75 leading-none">3d</small>
+                                    </div>
+                                    <div class="shrink-0 gap-2 flex items-center">
+                                        <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Hide" type="button"
+                                          class="btn btn-default size-8 !p-0 ml-auto !rounded-full">
+                                           <span class="icon-[lucide--eye-off] text-lg"></span>
+                                        </button>
+                                         <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Delete" type="button"
+                                          class="btn btn-default size-8 !p-0 ml-auto !rounded-full">
+                                           <span class="icon-[lucide--trash] text-lg"></span>
+                                        </button>
+                                    </div>
+                                </div>
+                                <div>
+                                    <!--:Review Text:-->
+                                    <div class="flex items-center mb-2">
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+
+                                    </div>
+                                    <h6 class="mb-1">Great product, would buy again!</h6>
+                                    <p>"This mackboonk desktop is amazing, the quality is top-notch. Totally worth the
+                                        price and lorem ipsum scally utter shambles blighty squirrel"</p>
+                                </div>
+                            </li>
+                             <!--:Review:-->
+                            <li class="py-4 flex flex-col gap-3">
+                                <div class="flex">
+                                    <img src="images/avatars/thumb-1.jpg" class="size-8 rounded-full me-3">
+                                    <div class="flex-grow">
+                                        <h6 class="leading-none">Lana Rose</h6>
+                                        <small class="opacity-75 leading-none">3d</small>
+                                    </div>
+                                    <div class="shrink-0 gap-2 flex items-center">
+                                         <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Hide" type="button"
+                                          class="btn btn-default size-8 !p-0 ml-auto !rounded-full">
+                                           <span class="icon-[lucide--eye-off] text-lg"></span>
+                                        </button>
+                                         <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Delete" type="button"
+                                          class="btn btn-default size-8 !p-0 ml-auto !rounded-full">
+                                           <span class="icon-[lucide--trash] text-lg"></span>
+                                        </button>
+                                    </div>
+                                </div>
+                                <div>
+                                    <!--:Review Text:-->
+                                    <div class="flex items-center mb-2">
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+                                        <span class="icon-[iconoir--star-solid] text-orange-500"></span>
+
+                                    </div>
+                                    <h6 class="mb-1">Great product, would buy again!</h6>
+                                    <p>"This mackboonk desktop is amazing, the quality is top-notch. Totally worth the
+                                        price and lorem ipsum scally utter shambles blighty squirrel"</p>
+                                </div>
+                            </li>
+                             <!--:Review:-->
+                            <li class="py-4 flex flex-col gap-3">
+                               <div class="text-center">
+                                <button type="button" class="btn bg-primary hover:bg-primary-deep text-white cursor-pointer">Manage Reviews</button>
+                               </div>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/product-edit.html b/www/raven-demo/product-edit.html
new file mode 100644
index 0000000..4e8a9e8
--- /dev/null
+++ b/www/raven-demo/product-edit.html
@@ -0,0 +1,1200 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <!--:Page styles:-->
+     <link rel="stylesheet" href="vendor/css/tom-select.min.css">
+    <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item active">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item products_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item products_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item products_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item products_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+<!--:page header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Edit</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center">
+                    <a href="index.html" class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">
+                        Dashboard</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">products</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Apple Macbook</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                <div class="md:col-span-7">
+                   
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                        <div class="p-4 pb-0">
+                             <h5 class="text-lg">Basic Details</h5>
+                             <p class="text-zinc-400">Basic details of product</p>
+                        </div>
+                         <div class="p-4">
+                            <div class="mb-4">
+                                <label class="mb-1 block">Product Name</label>
+                                <input type="text" class="input" value="Apple Macbook">
+                            </div>
+                            <div class="mb-4">
+                                <label class="mb-1 block">Product ID</label>
+                                <input type="text" class="input" value="#P12345">
+                            </div>
+                            <div>
+                                <label class="mb-1 block">Description</label>
+                                <div id="editor">
+                                    CUPERTINO, CA , The M1 CPU allows Apple to deliver an all-new iMac with a lot more
+                                    compact and impressively thin design. The new iMac delivers tremendous performance
+                                    in an 11.5-millimeter-thin design with a stunning side profile that almost vanishes.
+                                    iMac includes a 24-inch 4.5K Retina display with 11.3 million pixels, 500 nits of
+                                    brightness, and over a billion colors, giving a beautiful and vivid viewing
+                                    experience. It is available in a variety of striking colors to match a user's own
+                                    style and brighten any area. A 1080p FaceTime HD camera, studio-quality mics, and a
+                                    six-speaker sound system are all included in the new iMac, making it the greatest
+                                    camera and audio system ever in a Mac.
+                                </div>
+
+                            </div>
+                        </div>
+
+                    </div>
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                        <div class="p-4 pb-0">
+                             <h5 class="text-lg">Pricing</h5>
+                             <p class="text-zinc-400">Pricing details of product</p>
+                        </div>
+                        <div class="p-4">
+                            <div class="flex flex-wrap -mx-2">
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Price</label>
+                                    <div class="relative">
+                                        <span class="absolute left-4 top-1/2 -translate-y-1/2 pointer-events-none opacity-75">$</span>
+                                        <input type="text" class="input !pl-7" value="299">
+                                    </div>
+                                </div>
+                                <div class="w-full px-2 mb-4">
+                                    <label class="mb-1 block">Cost</label>
+                                    <div class="relative">
+                                        <span class="absolute left-4 top-1/2 -translate-y-1/2 pointer-events-none opacity-75">$</span>
+                                        <input type="text" class="input !pl-7" value="199">
+                                    </div>
+                                </div>
+                                <div class="w-full sm:w-6/12 px-2 mb-4 sm:mb-0">
+                                    <label class="mb-1 block">Bulk discount price</label>
+                                    <div class="relative">
+                                        <span class="absolute left-4 top-1/2 -translate-y-1/2 pointer-events-none opacity-75">$</span>
+                                        <input type="text" class="input !pl-7" value="149">
+                                    </div>
+                                </div>
+                                <div class="w-full sm:w-6/12 px-2">
+                                    <label class="mb-1 block">Tax rate(%)</label>
+                                    <input type="text" class="input" value="6">
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="md:col-span-5">
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4 relative">
+                        <div class="p-4 pb-0">
+                             <h5 class="text-lg">Product Image</h5>
+                             <p class="text-zinc-400">
+                                 Choose a product photo or simply drag and drop up to 5 photos here.
+                            
+                             </p>
+                        </div> 
+                        <div class="p-4">
+                            <!-- Dropzone -->
+                            <form action="/upload" class="dropzone flex flex-col" id="my-dropzone">
+                                <div id="image_previews" class="flex flex-wrap -mx-2">
+                                    <!-- Default Preloaded Images -->
+                                    <div
+                                        class="dz-preview dz-processing dz-image-preview relative overflow-hidden w-4/12 px-2 mb-4">
+                                        <img src="images/products/single1.png" class="w-full h-auto rounded-lg p-2 border border-zinc-200 dark:border-zinc-800" />
+                                        <a class="dz-remove absolute top-1 right-3 text-white bg-red-500 rounded-full w-6 h-6 flex items-center justify-center text-xs"
+                                            href="javascript:undefined;"><span class="icon-[lucide--x] text-lg"></span></a>
+                                    </div>
+                                    <div
+                                        class="dz-preview dz-processing dz-image-preview relative overflow-hidden w-4/12 px-2 mb-4">
+                                        <img src="images/products/single2.png" class="w-full h-auto rounded-lg p-2 border border-zinc-200 dark:border-zinc-800" />
+                                        <a class="dz-remove absolute top-1 right-3 text-white bg-red-500 rounded-full w-6 h-6 flex items-center justify-center text-xs"
+                                            href="javascript:undefined;"><span class="icon-[lucide--x] text-lg"></span></a>
+                                    </div>
+                                    <div
+                                        class="dz-preview dz-processing dz-image-preview relative overflow-hidden w-4/12 px-2 mb-4">
+                                        <img src="images/products/single1.png" class="w-full h-auto rounded-lg p-2 border border-zinc-200 dark:border-zinc-800" />
+                                        <a class="dz-remove absolute top-1 right-3 text-white bg-red-500 rounded-full w-6 h-6 flex items-center justify-center text-xs"
+                                            href="javascript:undefined;"><span class="icon-[lucide--x] text-lg"></span></a>
+                                    </div>
+                                </div>
+
+                                <!-- Dropzone Upload Box -->
+                                <div
+                                    class="dz-message w-full bg-zinc-100 dark:bg-zinc-800 p-4 rounded-lg flex flex-col items-center justify-center cursor-pointer">
+                                    <span class="icon-[lucide--upload] text-lg"></span>
+                                    <p class="text-center mt-1 text-sm">
+                                        <span class="text-zinc-800 dark:text-white">Drop
+                                            your image here, or </span><span class="text-primary">Click to browse</span>
+                                    </p>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+
+                    <!--:Card:-->
+                    <div
+                        class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                       <div class="p-4 pb-0">
+                             <h5 class="text-lg">Attributes</h5>
+                             <p class="text-zinc-400">Product attributes</p>
+                        </div>
+                        <div class="p-4 flex flex-col space-y-4">
+                            <div>
+                                <label class="mb-2 block">Product tags</label>
+                                <select class="js-select" multiple>
+                                    <option value="Desktop" selected>Desktop</option>
+                                    <option value="Computer">Computer</option>
+                                    <option value="Apple" selected>Apple</option>
+                                    <option value="Mackbook">Mackbook</option>
+                                </select>
+                            </div>
+                            <div>
+                                <label class="mb-2 block">Category</label>
+                                 <select class="js-select">
+                                    <option value="Devices" selected>Devices</option>
+                                    <option value="Shoes">Shoes</option>
+                                    <option value="Cloths">Cloths</option>
+                                    <option value="Watches">Watches</option>
+                                </select>
+                            </div>
+                            <div>
+                                <label class="mb-2 block">Brand Name</label>
+                                <input type="text" value="Apple" class="input">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!--:Page footer:-->
+            <div
+                class="pb-4 flex items-center justify-end gap-2.5">
+                <button type="submit"
+                    class="btn border border-red-500 text-red-500 hover:bg-red-500 hover:text-white"><span
+                        class="icon-[lucide--trash] text-lg me-1 leading-none">delete</span> Delete</button>
+                <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep"><span
+                        class="icon-[lucide--upload] text-lg me-1 leading-none">save</span> Save</button>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Page scripts:-->
+    <script src="vendor/js/tom-select.complete.min.js"></script>
+  <script>
+    document.querySelectorAll('.js-select').forEach(select => {
+      new TomSelect(select, {
+        
+        create: true
+      });
+    });
+  </script>
+
+    <!--:Editor:-->
+    <script src="vendor/js/quill.js"></script>
+    <script>
+        const quill = new Quill('#editor', {
+            theme: 'snow',
+            modules: {
+                toolbar: [
+                    ['bold', 'italic', 'underline'],        // Custom toolbar options
+                    [{ 'list': 'ordered' }, { 'list': 'bullet' }]
+                ]
+            }
+        });
+    </script>
+
+    <!--:Dropzone file upload:-->
+    <script src="vendor/js/dropzone-min.js"></script>
+    <script>
+        Dropzone.autoDiscover = false;
+
+        const myDropzone = new Dropzone("#my-dropzone", {
+            url: "/upload",
+            maxFilesize: 2, // MB
+            acceptedFiles: "image/*",
+            previewsContainer: "#image_previews",
+            clickable: ".dz-message",
+            previewTemplate: `
+        <div class="dz-preview dz-file-preview relative overflow-hidden w-4/12 px-2 mb-4">
+          <img data-dz-thumbnail class="w-full h-auto rounded-lg p-2 border border-zinc-200 dark:border-zinc-800" />
+          <a data-dz-remove class="dz-remove absolute top-1 right-3 text-white bg-red-500 rounded-full w-6 h-6 flex items-center justify-center text-xs"
+                                            href="javascript:undefined;"><span class="icon-[lucide--x] text-lg"></span></a>
+        </div>
+      `
+        });
+
+        // Optional: Handle removal of default previews
+        document.querySelectorAll('.dz-remove').forEach(btn => {
+            btn.addEventListener('click', function () {
+                this.parentElement.remove();
+            });
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/products-list.html b/www/raven-demo/products-list.html
new file mode 100644
index 0000000..3ed7cc8
--- /dev/null
+++ b/www/raven-demo/products-list.html
@@ -0,0 +1,1352 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+       <link rel="stylesheet" href="https://cdn.datatables.net/2.3.3/css/dataTables.dataTables.css">
+    <link rel="stylesheet" href="https://cdn.datatables.net/select/3.0.1/css/select.dataTables.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item active">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item products_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item products_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item products_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item products_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+<!--:page header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Products</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center">
+                    <a href="index.html" class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">
+                        Dashboard</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span></li>
+                <li class="flex items-center"><span class="pointer-events-none">Products</span></li>
+            </ol>
+        </div>
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow">
+            <div class="grid grid-cols-1 px-4">
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                     <div class="flex flex-wrap gap-2 items-center p-4 border-b border-zinc-500/10 dark:border-zinc-800">
+                        <div class="flex-grow">
+                            <div class="relative">
+                                <input type="search" class="input !ps-9" name="productSearch" id="productSearch"
+                                placeholder="Search product">
+                                <span class="iconify icon-[lucide--search] pointer-events-none absolute start-0 top-0 h-full flex items-center justify-center ms-3 text-muted"></span>
+                            </div>
+                        </div>
+                        <div class="flex items-center flex-wrap justify-end gap-2">
+                            <button id="deleteBtn" class="btn bg-red-500 text-white hover:bg-red-600 cursor-pointer"
+                                style="display: none;">Delete</button>
+                            <div class="flex items-center gap-2">
+                                <div class="relative">
+                                <button data-bs-toggle="dropdown" type="button" class="btn btn-default">
+                                <span class="icon-[lucide--download] text-lg me-1"></span>
+                                Download <span class="icon-[lucide--chevron-down] ms-1"></span></button>
+                                <div class="dropdown-menu w-48 z-50 absolute !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--copy] dropdown-icon"></span> Copy Json
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--printer] dropdown-icon"></span> Print
+                                    </a>
+                                     <a href="#!" class="dropdown-item">
+                                        <img src="images/files/excel.svg" class="h-4 me-2" alt=""> Download Exel
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <img src="images/files/csv.svg" class="h-4 me-2" alt=""> Download .CSV
+                                    </a>
+                                     <a href="#!" class="dropdown-item">
+                                        <img src="images/files/pdf.svg" class="h-4 w-auto me-2" alt=""> Download .PDF
+                                    </a>
+                                </div>
+                            </div>
+                            <a href="product-add.html"
+                                class="btn bg-primary shrink-0 text-white hover:bg-primary-deep">
+                                <span class="icon-[lucide--plus] text-lg me-1"></span>
+                                Add Product</a>
+                            </div>
+                        </div>
+                    </div>
+                     <table id="table_products" class="table-default">
+                            <thead class="">
+                                <tr>
+                                    <th data-orderable="false">
+
+                                    </th>
+                                    <th>
+                                        <div class="flex items-center">
+                                            Product
+                                        </div>
+                                    </th>
+                                    <th>
+                                        Inventory
+                                    </th>
+                                    <th>
+                                         Price
+                                    </th>
+                                    <th>
+                                        SKU
+                                    </th>
+                                    <th>
+                                        Sales
+                                    </th>
+                                    <th data-orderable="false">
+
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>
+
+                                    </td>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/1.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <a href="product-details.html" class="underline hover:no-underline">Android black watch</a>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        35 in stock for 6 variants
+                                    </td>
+                                    <td>$149 </td>
+                                    <td>SKU-6547183398</td>
+                                    <td>
+                                      3282
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+
+                                    </td>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/2.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <a href="product-details.html" class="underline hover:no-underline">Golden earbuds</a>
+                                            </div>
+                                        </div>
+                                    </td>
+                                     <td>
+                                        25 in stock for 4 variants
+                                    </td>
+                                    <td>$149 </td>
+                                    <td>SKU-5948349134</td>
+                                    <td>
+                                      1943
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+
+                                    </td>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/3.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <a href="product-details.html" class="underline hover:no-underline">Waterproof backpack</a>
+                                            </div>
+                                        </div>
+                                    </td>
+                                     <td>
+                                        15 in stock for 3 variants
+                                    </td>
+                                    <td>$129 </td>
+                                    <td>SKU-4416342823</td>
+                                    <td>
+                                        9282
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+
+                                    </td>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/4.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <a href="product-details.html" class="underline hover:no-underline">Wireless headphones</a>
+                                            </div>
+                                        </div>
+                                    </td>
+                                     <td>
+                                        60 in stock for 5 variants
+                                    </td>
+                                    <td>$99 </td>
+                                    <td>SKU-5340199238</td>
+                                    <td>
+                                      2129
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+
+                                    </td>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/5.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <a href="product-details.html" class="underline hover:no-underline">Google Mini</a>
+                                            </div>
+                                        </div>
+                                    </td>
+                                     <td>
+                                        89 in stock for 3 variants
+                                    </td>
+                                    <td>$299 </td>
+                                    <td>SKU-5340199384</td>
+                                    <td>
+                                      6345
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+
+                                    </td>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/6.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                               <a href="product-details.html" class="underline hover:no-underline">Apple earpods pro</a>
+                                            </div>
+                                        </div>
+                                    </td>
+                                     <td>
+                                        21 in stock for 2 variants
+                                    </td>
+                                    <td>$249 </td>
+                                    <td>SKU-1324535483</td>
+                                    <td>
+                                        1394
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>
+
+                                    </td>
+                                    <td class="whitespace-nowrap dark:text-white">
+                                        <div class="flex flex-nowrap items-center">
+                                            <img src="images/products/7.png"
+                                                class="w-10 shrink-0 me-4 bg-zinc-200 dark:bg-zinc-400 rounded-sm">
+                                            <div class="flex-grow">
+                                                <a href="product-details.html" class="underline hover:no-underline">Tesla robot</a>
+                                            </div>
+                                        </div>
+                                    </td>
+                                     <td>
+                                        8 in stock for 4 variants
+                                    </td>
+                                    <td>$599 </td>
+                                    <td>SKU-8479139139</td>
+                                    <td>
+                                      1282
+                                    </td>
+                                    <td>
+                                        <div class="flex items-center justify-end gap-1 relative z-[1]">
+                                            <a href="product-edit.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Edit">
+                                                <span class="icon-[lucide--edit] text-lg"></span></a>
+                                            <a href="product-details.html" role="tooltip" data-bs-toggle="tooltip"
+                                                data-bs-placement="top"
+                                                class="btn !p-1.5 hover:!text-primary"
+                                                data-bs-title="Details"><span
+                                                    class="icon-[lucide--eye] text-lg"></span></a>
+                                        </div>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+     <script src="vendor/js/jquery.min.js"></script>
+    <script src="https://cdn.datatables.net/2.3.3/js/dataTables.js"></script>
+    <script src="https://cdn.datatables.net/select/3.0.1/js/dataTables.select.js"></script>
+    <script src="https://cdn.datatables.net/select/3.0.1/js/select.dataTables.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const table = new DataTable('#table_products', {
+                lengthChange: false,
+                pageLength: 9,
+                scrollX: true,
+                dom: 'lrtip',
+                columnDefs: [
+                    {
+                        orderable: false,
+                        searchable: false,
+                        render: DataTable.render.select(),
+                        targets: 0,
+                    }
+                ],
+                select: {
+                    style: 'os',
+                    selector: 'td:first-child',
+                    headerCheckbox: false
+                },
+                order: [[1, 'asc']],
+
+            });
+            const searchInput = document.getElementById('productSearch');
+            searchInput.addEventListener('input', e => {
+                table.search(e.target.value).draw();
+            });
+            const deleteBtn = document.getElementById("deleteBtn");
+            table.on('select deselect', function () {
+                const selectedRows = table.rows({ selected: true }).count();
+                if (selectedRows > 0) {
+                    deleteBtn.style.display = "inline-block";
+                } else {
+                    deleteBtn.style.display = "none";
+                }
+            });
+            deleteBtn.addEventListener('click', () => {
+                table.rows({ selected: true }).remove().draw();
+                deleteBtn.style.display = 'none';
+            });
+        });
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/project-details.html b/www/raven-demo/project-details.html
new file mode 100644
index 0000000..acce7ff
--- /dev/null
+++ b/www/raven-demo/project-details.html
@@ -0,0 +1,1500 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item active">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item projects_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item projects_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item projects_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item projects_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Project Details</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow">
+            <div class="px-4">
+                <div class="grid grid-cols-1 lg:grid-cols-12 mb-4 gap-4">
+                    <div class="lg:col-span-8">
+                        <!--:Project card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 mb-4 relative">
+                            <div class="flex items-center gap-3.5">
+                                <div class="w-12 h-12 flex items-center justify-center bg-zinc-200 rounded-lg shrink-0">
+                                    <img src="images/brands/figma.svg" class="w-8 h-auto">
+                                </div>
+                                <div class="flex-grow">
+                                    <h5 class="text-xl">Figma design</h5>
+                                    <span class="leading-none text-sm text-muted">Updated 5 min ago</span>
+                                </div>
+                                <div class="shrink-0">
+                                    <span
+                                        class="badge shrink-0 bg-sky-500/10 text-sky-500">In progress</span>
+                                </div>
+                            </div>
+                            <!--:Description:-->
+                            <hr class="border-zinc-200 dark:border-zinc-800 border-dashed my-5">
+                            <h6 class="text-lg mb-3">Descriptions</h6>
+                            <p class="mb-4">
+                                Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
+                                pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu
+                                aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum
+                                egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper
+                                vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos
+                                himenaeos.
+                            </p>
+                            <p>
+                                Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus
+                                bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut
+                                hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra
+                                inceptos himenaeos.
+                            </p>
+                            <hr class="border-zinc-200 dark:border-zinc-800 border-dashed my-5">
+                            <h6 class="text-lg mb-4">Information</h6>
+                            <div class="grid gap-2 grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
+                                <div class="flex flex-col gap-1">
+                                    <small class="text-muted">Client</small>
+                                    <h6>Acme Agency inc.</h6>
+                                </div>
+                                <div class="flex flex-col gap-1">
+                                    <small class="text-muted">Start date</small>
+                                    <h6>09 Mar 2025</h6>
+                                </div>
+                                <div class="flex flex-col gap-1">
+                                    <small class="text-muted">Budget</small>
+                                    <h6>$35K-40K</h6>
+                                </div>
+                                 <div class="flex flex-col gap-1">
+                                    <small class="text-muted">Created by</small>
+                                    <div class="flex items-center">
+                                        <img src="images/avatars/thumb-5.jpg" class="size-6 rounded-full shrink-0 me-2">
+                                    <h6>Emily Grace</h6>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                          <!--:Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div
+                                class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Recent activity</h5>
+                                <label class="flex items-center text-sm gap-2 cursor-pointer">
+                                    <span class="flex-grow text-muted">Auto refresh</span>
+                                    <input class="input-switch" name="activityRefresh" checked type="checkbox"
+                                        value="1">
+                                </label>
+                            </div>
+                            <div class="p-4">
+                                <span class="font-semibold text-sm block mb-2 text-muted">Today</span>
+                                <!--:Timeline:-->
+                                <ul class="timeline">
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img src="images/avatars/thumb-3.jpg" class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Angelina
+                                                            Gotelli</span><span> has changed </span><span
+                                                            class="font-semibold">#ts-212</span><span>
+                                                            status to </span><span
+                                                            class="font-semibold text-green-500">Completed</span>
+                                                        <span class="block mt-1 text-xs text-muted">10:15
+                                                            AM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img src="images/avatars/thumb-6.jpg" class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Max Alexander</span>
+                                                        comment on your post
+                                                        <a href="#!"
+                                                            class="font-semibold text-primary hover:text-primary-deep">Top
+                                                            10 Tech Trends</a>
+                                                        <span class="text-xs mt-1 text-muted block">11:50
+                                                            AM</span>
+                                                    </p>
+                                                    <div class="p-3 mt-3 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                                                        <p class="mb-2">
+                                                            Lorem ipsum is text commonly used in the print, and
+                                                            publishing industries for previewing layouts and visual
+                                                            mockups
+                                                        </p>
+                                                        <a href="#!"
+                                                            class="hover:text-primary border-b text-sm font-semibold border-dashed">
+                                                            <span class="icon-[lucide--reply]"></span>
+                                                            Reply</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <span
+                                                        class="size-7 flex items-center justify-center rounded-full bg-primary text-white">
+                                                        <span class="icon-[lucide--hash]"></span>
+                                                    </span>
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Eugene
+                                                            Stewart</span><span> added tags </span>
+                                                        <span
+                                                            class="badge bg-sky-500/10 text-sky-500">Tailwindcss</span>
+                                                        <span
+                                                            class="badge bg-red-500/10 text-red-500">Gulp</span>
+
+                                                        <span class="block text-xs mt-1 text-muted">12:50
+                                                            PM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        
+                    </div>
+                    <div class="lg:col-span-4">
+                        
+                      <!--:Tasks:-->
+                        <div class="divide-dashed divide-y divide-zinc-500/10 dark:divide-zinc-800 overflow-hidden rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4" id="task-board">
+                            <!-- Parent Task -->
+                            <div
+                                class="mb-2 pb-2 parent-task group">
+                                <div
+                                    class="flex items-center justify-between px-4 pt-4 pb-2.5">
+                                    <div class="flex items-center">
+                                    <h5 class="text-lg">Today's tasks</h5>
+                                    </div>
+                                    <a href="project-scrum-board.html" class="btn btn-default btn-sm">Scrum board</a>
+                                </div>
+
+                                <!-- Child Tasks List -->
+                                <ul
+                                    class="divide-y px-4 whitespace-nowrap overflow-x-auto divide-zinc-500/10 dark:divide-zinc-800 child-list">
+                                    <!--:Child task item:-->
+                                    <li class="flex items-start py-2.5 child-task min-w-max">
+
+                                        <!--:Drag handler:-->
+                                          <span class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                         <!--:Task desc:-->
+                                        <div class="flex items-center flex-grow px-3">
+                                            <input type="checkbox" id="task1" class="me-2 input-checkbox shrink-0 peer" />
+                                            <label for="task1"
+                                                class="peer-checked:line-through peer-checked:opacity-50">
+                                                Authentication problem
+                                            </label>
+                                        </div>
+                                        <!--:Date/priority/status:-->
+                                        <div class="flex items-center space-x-2 text-sm shrink-0">
+                                            <span class="badge bg-sky-500/10 text-sky-500">In
+                                                Progress</span>
+                                        </div>
+                                    </li>
+                                    <!--:Child task item:-->
+                                    <li class="flex items-start py-2.5 child-task min-w-max">
+
+                                        <!--:Drag handler:-->
+                                          <span class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                         <!--:Task desc:-->
+                                        <div class="flex items-center flex-grow px-3">
+                                            <input type="checkbox" id="task2" class="me-2 input-checkbox shrink-0 peer"/>
+                                            <label for="task2"
+                                                class="peer-checked:line-through peer-checked:opacity-50">
+                                                Bug in search functionality
+                                            </label>
+                                        </div>
+                                        <!--:Date/priority/status:-->
+                                        <div class="flex items-center space-x-2 text-sm shrink-0">
+                                            <span class="badge bg-amber-500/10 text-amber-500">Pending</span>
+                                            
+                                        </div>
+                                    </li>
+                                    <!--:Child task item:-->
+                                    <li class="flex items-start py-2.5 child-task min-w-max">
+
+                                        <!--:Drag handler:-->
+                                          <span class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                         <!--:Task desc:-->
+                                        <div class="flex items-center flex-grow px-3">
+                                            <input type="checkbox" id="task3" class="me-2 input-checkbox shrink-0 peer" />
+                                            <label for="task3"
+                                                class="peer-checked:line-through peer-checked:opacity-50">
+                                                Unable to upload files
+                                            </label>
+                                        </div>
+                                        <!--:Date/priority/status:-->
+                                        <div class="flex items-center space-x-2 text-sm shrink-0">
+                                            <span class="badge bg-sky-500/10 text-sky-500">In
+                                                Progress</span>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div
+                                class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Team memebers</h5>
+                            </div>
+                            <!--:Team list:-->
+                            <ul class="px-4 py-1 divide-y flex flex-col divide-zinc-500/10 dark:divide-zinc-800">
+                                 <li class="flex items-center gap-3.5 py-3">
+                                    <img src="images/avatars/thumb-10.jpg" class="size-8 shrink-0 rounded-full">
+                                    <div class="flex-grow">
+                                        <h6 class="truncate">James Brown</h6>
+                                        <p class="text-sm">Project leader</p>
+                                    </div>
+                                    <div class="shrink-0">
+                                        <button data-bs-toggle="tooltip" data-bs-title="Send message" type="button"
+                                            class="btn btn-default size-7 !p-0 ml-auto">
+                                            <span class="icon-[lucide--message-circle-more]"></span>
+                                        </button>
+                                    </div>
+                                </li>
+                                <li class="flex items-center gap-3.5 py-3">
+                                    <img src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                                    <div class="flex-grow">
+                                        <h6 class="truncate">Emily Grace Johnson</h6>
+                                        <p class="text-sm">Figma designer</p>
+                                    </div>
+                                    <div class="shrink-0">
+                                        <button data-bs-toggle="tooltip" data-bs-title="Send message" type="button"
+                                            class="btn btn-default size-7 !p-0 ml-auto">
+                                            <span class="icon-[lucide--message-circle-more]"></span>
+                                        </button>
+                                    </div>
+                                </li>
+                                  <li class="flex items-center gap-3.5 py-3">
+                                    <img src="images/avatars/thumb-6.jpg" class="size-8 shrink-0 rounded-full">
+                                    <div class="flex-grow">
+                                        <h6 class="truncate">Matthew Thomas Martinez</h6>
+                                        <p class="text-sm">Web developer</p>
+                                    </div>
+                                    <div class="shrink-0">
+                                        <button data-bs-toggle="tooltip" data-bs-title="Send message" type="button"
+                                            class="btn btn-default size-7 !p-0 ml-auto">
+                                            <span class="icon-[lucide--message-circle-more]"></span>
+                                        </button>
+                                    </div>
+                                </li>
+                            </ul>
+                            <div class="px-4 py-2.5">
+                                <a href="#!"
+                                    class="table leading-tight pb-0.5 border-b border-dashed text-primary text-sm hover:text-primary-deep">
+                                    Add New Member</a>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div
+                                class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Files</h5>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button
+                                        class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                        type="button" data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--activity] dropdown-icon"></span>
+                                            Activity
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-200 dark:border-white/3 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--settings] dropdown-icon"></span>
+                                            Settings
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                            <!--:File list:-->
+                            <div class="grid gap-2.5 lg:gap-4 p-4">
+                                <!--:File item:-->
+                                <div class="flex items-center gap-3">
+                                    <div class="flex items-center grow gap-2.5">
+                                        <img class="h-6 w-auto" src="images/files/pdf.svg">
+                                        <div class="flex flex-col">
+                                            <h6 class="cursor-pointer hover:!text-primary transition-all mb-1">
+                                                project-map.pdf
+                                            </h6>
+                                            <span class="text-sm text-muted">
+                                                2.1
+                                                MB 27 Jul 2025 15:17 PM
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <!--:Dropdown:-->
+                                    <div class="relative">
+                                        <button
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            type="button" data-bs-toggle="dropdown">
+                                            <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                        </button>
+                                        <div class="dropdown-menu z-50 absolute min-w-36 top-full">
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--download] dropdown-icon"></span>
+                                                Download
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                Delete
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                Share
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:File item:-->
+                                <div class="flex items-center gap-3">
+                                    <div class="flex items-center grow gap-2.5">
+                                        <img class="h-6 w-auto" src="images/files/ai.svg">
+                                        <div class="flex flex-col">
+                                            <h6 class="cursor-pointer hover:!text-primary transition-all mb-1">
+                                                illustration.ai
+                                            </h6>
+                                            <span class="text-sm text-muted">
+                                                5.5
+                                                MB 27 Jul 2025 15:17 PM
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <!--:Dropdown:-->
+                                    <div class="relative">
+                                        <button
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            type="button" data-bs-toggle="dropdown">
+                                            <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                        </button>
+                                        <div class="dropdown-menu z-50 absolute min-w-36 top-full">
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--download] dropdown-icon"></span>
+                                                Download
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                Delete
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                Share
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:File item:-->
+                                <div class="flex items-center gap-3">
+                                    <div class="flex items-center grow gap-2.5">
+                                        <img class="h-6 w-auto" src="images/files/js.svg">
+                                        <div class="flex flex-col">
+                                            <h6 class="cursor-pointer hover:!text-primary transition-all mb-1">
+                                                dashboard-alt.js
+                                            </h6>
+                                            <span class="text-sm text-muted">
+                                                40
+                                                KB 27 Jul 2025
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <!--:Dropdown:-->
+                                    <div class="relative">
+                                        <button
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            type="button" data-bs-toggle="dropdown">
+                                            <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                        </button>
+                                        <div class="dropdown-menu z-50 absolute min-w-36 top-full">
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--download] dropdown-icon"></span>
+                                                Download
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                Delete
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                Share
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:File item:-->
+                                <div class="flex items-center gap-3">
+                                    <div class="flex items-center grow gap-2.5">
+                                        <img class="h-6 w-auto" src="images/files/doc.svg">
+                                        <div class="flex flex-col">
+                                            <h6 class="cursor-pointer hover:!text-primary transition-all mb-1">
+                                                profile-changes.doc
+                                            </h6>
+                                            <span class="text-sm text-muted">
+                                                1.1
+                                                MB 27 Jul 2025
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <!--:Dropdown:-->
+                                    <div class="relative">
+                                        <button
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            type="button" data-bs-toggle="dropdown">
+                                            <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                        </button>
+                                        <div class="dropdown-menu z-50 absolute min-w-36 top-full">
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--download] dropdown-icon"></span>
+                                                Download
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                Delete
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                Share
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+    <script src="vendor/js/Sortable.min.js"></script>
+    <script>
+        // Parent sorting
+        Sortable.create(document.getElementById('task-board'), {
+            animation: 150,
+            handle: '.drag-handle',
+            ghostClass: 'sortable-ghost',
+            draggable: '.parent-task',
+        });
+
+        // Child sorting per parent task
+        document.querySelectorAll('.child-list').forEach(childList => {
+            Sortable.create(childList, {
+                group: 'nested-tasks',
+                animation: 150,
+                handle: '.drag-handle',
+                ghostClass: 'sortable-ghost',
+                draggable: '.child-task',
+            });
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/project-scrum-board.html b/www/raven-demo/project-scrum-board.html
new file mode 100644
index 0000000..9a63e87
--- /dev/null
+++ b/www/raven-demo/project-scrum-board.html
@@ -0,0 +1,1442 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item active">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item projects_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item projects_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item projects_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item projects_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow flex flex-col pt-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 mb-4 gap-4 px-4">
+                <div class="md:col-span-5">
+                    <h4 class="text-xl">Dueolingo Landing Page</h4>
+                    <p class="text-muted">Figma design</p>
+                </div>
+                <div class="md:col-span-7">
+                    <div class="flex flex-col gap-3.5 md:flex-row md:justify-end md:items-center">
+                        <div class="flex items-center -space-x-3 shrink-0">
+                                <img data-bs-toggle="tooltip" data-bs-title="Emily" src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-zinc-100 dark:border-zinc-950 rounded-full relative">
+                                 <img data-bs-toggle="tooltip" data-bs-title="Nikkita" src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-zinc-100 dark:border-zinc-950 rounded-full relative">
+                                 <img data-bs-toggle="tooltip" data-bs-title="John" src="images/avatars/thumb-9.jpg" class="size-8 border-2 border-zinc-100 dark:border-zinc-950 rounded-full relative">
+                                 <span data-bs-toggle="tooltip" data-bs-title="3 more members" class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-zinc-100 dark:border-zinc-950 rounded-full relative text-xs">+3</span>
+                            </div>
+                            <div class="flex items-center gap-2">
+                                <button type="button" class="btn btn-sm btn-default">
+                                    <span class="icon-[lucide--user-plus] text-lg"></span>
+                                </button>
+                                <button data-bs-toggle="modal" data-bs-target="#modalNewScrumBoard" type="button" class="btn btn-sm btn-default">
+                                    <span class="icon-[lucide--plus] text-lg me-1"></span> New Board
+                                </button>
+                            </div>
+                    </div>
+                </div>
+            </div>
+            <!--:Project card:-->
+            <div class="flex w-full flex-grow p-px space-x-4 flex-nowrap overflow-x-auto px-4 overflow-y-hidden mb-4" id="scrum-board">
+                <!-- Parent Task -->
+                <div
+                    class="w-[300px] min-w-[300px] me-4 drag-handle cursor-grab parent-task group flex flex-col mb-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div
+                        class="flex items-center justify-between px-4 pt-4">
+                        <h3 class="text-lg">To Do</h3>
+                            <!--:Dropdown:-->
+                            <div class="relative">
+                                <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                   <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-32 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                       <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                        Rename
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                        Delete
+                                    </a>
+                                </div>
+                            </div>
+                    </div>
+
+                    <!-- Child Tasks List -->
+                    <ul class="child-list min-h-full flex flex-col space-y-2 p-4">
+                        <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Authentication problem</h5>
+                            <span class="badge bg-sky-500/10 text-sky-500">Low priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-1.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-2.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                        <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Unable to upload file</h5>
+                            <span class="badge bg-red-500/10 text-red-500">High priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-7.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-8.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Improve user experiences</h5>
+                            <span class="badge bg-amber-500/10 text-amber-500">Medium priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-4.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-5.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Authentication problem</h5>
+                            <span class="badge bg-sky-500/10 text-sky-500">Low priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-7.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-6.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+                 <!-- Parent Task -->
+                <div
+                    class="w-[300px] min-w-[300px] drag-handle cursor-grab parent-task group flex flex-col mb-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div
+                        class="flex items-center justify-between px-4 pt-4">
+                        <h3 class="text-lg">In Progress</h3>
+                            <!--:Dropdown:-->
+                            <div class="relative">
+                                <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                   <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-32 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                       <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                        Rename
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                        Delete
+                                    </a>
+                                </div>
+                            </div>
+                    </div>
+
+                    <!-- Child Tasks List -->
+                    <ul class="child-list min-h-full flex flex-col space-y-2 p-4">
+                        <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Unable to upload file</h5>
+                            <span class="badge bg-red-500/10 text-red-500">High priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-7.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-8.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                        
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Authentication problem</h5>
+                            <span class="badge bg-sky-500/10 text-sky-500">Low priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-7.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-6.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Improve user experiences</h5>
+                            <span class="badge bg-amber-500/10 text-amber-500">Medium priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-4.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-5.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                        
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Authentication problem</h5>
+                            <span class="badge bg-sky-500/10 text-sky-500">Low priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-1.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-2.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+                 <!-- Parent Task -->
+                <div
+                    class="w-[300px] min-w-[300px] drag-handle cursor-grab parent-task group flex flex-col mb-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div
+                        class="flex items-center justify-between px-4 pt-4">
+                        <h3 class="text-lg">In Review</h3>
+                            <!--:Dropdown:-->
+                            <div class="relative">
+                                <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                   <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-32 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                       <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                        Rename
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                        Delete
+                                    </a>
+                                </div>
+                            </div>
+                    </div>
+
+                    <!-- Child Tasks List -->
+                    <ul class="child-list min-h-full flex flex-col space-y-2 p-4">
+                        
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Improve user experiences</h5>
+                            <span class="badge bg-amber-500/10 text-amber-500">Medium priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-4.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-5.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                        <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Authentication problem</h5>
+                            <span class="badge bg-sky-500/10 text-sky-500">Low priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-1.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-2.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                        <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Unable to upload file</h5>
+                            <span class="badge bg-red-500/10 text-red-500">High priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-7.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-8.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Authentication problem</h5>
+                            <span class="badge bg-sky-500/10 text-sky-500">Low priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-7.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-6.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+                 <!-- Parent Task -->
+                <div
+                    class="w-[300px] min-w-[300px] drag-handle cursor-grab parent-task group flex flex-col mb-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div
+                        class="flex items-center justify-between px-4 pt-4">
+                        <h3 class="text-lg">Completed</h3>
+                            <!--:Dropdown:-->
+                            <div class="relative">
+                                <button class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                   <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-32 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                       <span class="icon-[lucide--edit] dropdown-icon"></span>
+                                        Rename
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                        Delete
+                                    </a>
+                                </div>
+                            </div>
+                    </div>
+
+                    <!-- Child Tasks List -->
+                    <ul class="child-list min-h-full flex flex-col space-y-2 p-4">
+                        <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Authentication problem</h5>
+                            <span class="badge bg-sky-500/10 text-sky-500">Low priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-1.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-2.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                        <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Unable to upload file</h5>
+                            <span class="badge bg-red-500/10 text-red-500">High priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-7.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-8.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Improve user experiences</h5>
+                            <span class="badge bg-amber-500/10 text-amber-500">Medium priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-4.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-5.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                         <!--:Child task item:-->
+                        <li class="p-4 rounded-lg bg-zinc-50 dark:bg-zinc-800 hover:shadow-xl child-task drag-handle shrink-0 cursor-grab">
+                            <h5 class="mb-2 text-lg"> Authentication problem</h5>
+                            <span class="badge bg-sky-500/10 text-sky-500">Low priority</span>
+                            <div class="pt-4 flex items-center justify-between">
+                                <div class="flex items-center shrink-0">
+                                    <img src="images/avatars/thumb-7.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative">
+                                    <img src="images/avatars/thumb-6.jpg"
+                                        class="size-8 border-2 border-zinc-50 dark:border-zinc-800 rounded-full relative -ms-3">
+                                </div>
+                                <div
+                                    class="inline-flex text-sm items-center text-muted">
+                                    <span class="icon-[lucide--calendar-days] me-1"></span>
+                                    <span>18 Jun</span>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+      <!--:Modal New chat users list:-->
+         <div id="modalNewScrumBoard" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+       tabindex="-1">
+       <div
+         class="modal-dialog relative m-4 min-h-[calc(100%-2rem)] pointer-events-none">
+         <div
+           class="modal-content max-w-[25rem] mx-auto bg-white relative dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+           <button type="button"
+               class="absolute end-2 top-2 btn btn-default !size-8 !p-0 !rounded-full"
+               data-bs-dismiss="modal">
+               <span class="icon-[lucide--x] text-lg"></span>
+             </button>
+           <div class="p-4 lg:p-6">
+             <div class="mb-4">
+                 <h5 class="text-lg mb-1">Add New Board</h5>
+        
+             </div>
+             <!--:Search:-->
+              <div class="flex items-center gap-2">
+             <input name="addBoard" type="text" class="w-full input input-lg"
+               placeholder="Board Title" autofocus />
+               <button type="button" class="btn btn-lg bg-primary hover:bg-primary-deep text-white">Add</button>
+           </div>
+           </div>
+         </div>
+       </div>
+     </div>
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+    <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script>
+    <script>
+        // Parent sorting
+        Sortable.create(document.getElementById('scrum-board'), {
+            animation: 150,
+            handle: '.drag-handle',
+            ghostClass: 'sortable-ghost',
+            draggable: '.parent-task',
+        });
+
+        // Child sorting per parent task
+        document.querySelectorAll('.child-list').forEach(childList => {
+            Sortable.create(childList, {
+                group: 'nested-tasks',
+                animation: 150,
+                handle: '.drag-handle',
+                ghostClass: 'sortable-ghost',
+                draggable: '.child-task',
+            });
+        });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/project-tasks.html b/www/raven-demo/project-tasks.html
new file mode 100644
index 0000000..7e519f9
--- /dev/null
+++ b/www/raven-demo/project-tasks.html
@@ -0,0 +1,1391 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item active">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item projects_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item projects_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item projects_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item projects_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Project</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Tasks</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow">
+            <div class="px-4">
+                <div class="flex flex-col gap-4 mb-4" id="task-board">
+                    <!--:Task parent:-->
+                    <div class="parent-task overflow-hidden rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="flex items-center p-4 pb-2">
+                            <!--:Drag handler:-->
+                            <span class="drag-handle cursor-grab me-2 text-zinc-500 dark:text-zinc-400">
+                                <svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 -960 960 960"
+                                    width="18px" fill="currentColor">
+                                    <path
+                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                </svg>
+                            </span>
+                            <h3 class="text-lg">Bug Fix</h3>
+                        </div>
+                        <!--:Tasks table:-->
+                        <div class="overflow-x-auto">
+                            <table class="table-default whitespace-nowrap">
+                                <tbody class="child-list">
+                                    <tr class="child-task">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                           <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap"> Authentication problem</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                                <img src="images/avatars/thumb-2.jpg"
+                                                    class="size-6 rounded-full shrink-0">
+                                                <span>Emily Docker</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-red-500/10 text-red-500">High</span>
+                                        </td>
+                                        <td> <span class="badge bg-sky-500/10 text-sky-500">
+                                                <span class="icon-[lucide--clock-fading] me-1"></span> In
+                                                Progress</span></td>
+                                        <td class="task-date">20 September</td>
+                                    </tr>
+                                    <tr class="child-task">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                              <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap"> Bug in search functionality</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                                <img src="images/avatars/thumb-7.jpg"
+                                                    class="size-6 rounded-full shrink-0">
+                                                <span>John Doe</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-red-500/10 text-red-500">High</span>
+                                        </td>
+                                        <td> <span class="badge bg-amber-500/10 text-amber-500">
+                                                <span class="icon-[lucide--clock-fading] me-1"></span>
+                                                Pending</span></td>
+                                        <td class="task-date">27 September</td>
+                                    </tr>
+                                    <tr class="child-task task-completed">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                             <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap"> Unable to upload file</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                                <img src="images/avatars/thumb-8.jpg"
+                                                    class="size-6 rounded-full shrink-0">
+                                                <span>Caleb Michael</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-red-500/10 text-red-500">High</span>
+                                        </td>
+                                        <td> <span class="badge bg-green-500/10 text-green-500">
+                                                <span class="icon-[lucide--check] me-1"></span>
+                                                Completed</span></td>
+                                        <td class="task-date">29 September</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+
+                    </div>
+                    <!--:Task parent:-->
+                    <div class="parent-task overflow-hidden rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="flex items-center p-4 pb-2">
+                            <!--:Drag handler:-->
+                            <span class="drag-handle cursor-grab me-2 text-zinc-500 dark:text-zinc-400">
+                                <svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 -960 960 960"
+                                    width="18px" fill="currentColor">
+                                    <path
+                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                </svg>
+                            </span>
+                            <h3 class="text-lg">Development</h3>
+                        </div>
+                        <!--:Tasks table:-->
+                        <div class="overflow-x-auto">
+                            <table class="table-default whitespace-nowrap">
+                                <tbody class="child-list">
+                                    <tr class="child-task">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                             <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap">Performance optimization</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                                <img src="images/avatars/thumb-2.jpg"
+                                                    class="size-6 rounded-full shrink-0">
+                                                <span>Emily Docker</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-red-500/10 text-red-500">High</span>
+                                        </td>
+                                        <td> <span class="badge bg-sky-500/10 text-sky-500">
+                                                <span class="icon-[lucide--clock-fading] me-1"></span> In
+                                                Progress</span></td>
+                                        <td class="task-date">28 September</td>
+                                    </tr>
+                                    <tr class="child-task">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                             <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap">Update user profile page layout</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                                <img src="images/avatars/thumb-7.jpg"
+                                                    class="size-6 rounded-full shrink-0">
+                                                <span>John Doe</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-red-500/10 text-red-500">High</span>
+                                        </td>
+                                        <td> <span class="badge bg-amber-500/10 text-amber-500">
+                                                <span class="icon-[lucide--clock-fading] me-1"></span>
+                                                Pending</span></td>
+                                        <td class="task-date">02 October</td>
+                                    </tr>
+                                    <tr class="child-task">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                             <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap">Payment gateway integration</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                               <span class="size-6 flex items-center justify-center rounded-full bg-red-500/30 text-red-500 text-xs font-semibold shrink-0 leading-none">N</span>
+                                                <span>Natalia</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-orange-500/10 text-orange-500">Medium</span>
+                                        </td>
+                                        <td> <span class="badge bg-amber-500/10 text-amber-500">
+                                                <span class="icon-[lucide--clock-fading] me-1"></span>
+                                                Pending</span></td>
+                                        <td class="task-date">11 October</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+
+                    </div>
+                    <!--:Task parent:-->
+                    <div class="parent-task overflow-hidden rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="flex items-center p-4 pb-2">
+                            <!--:Drag handler:-->
+                            <span class="drag-handle cursor-grab me-2 text-zinc-500 dark:text-zinc-400">
+                                <svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 -960 960 960"
+                                    width="18px" fill="currentColor">
+                                    <path
+                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                </svg>
+                            </span>
+                            <h3 class="text-lg">UI UX</h3>
+                        </div>
+                        <!--:Tasks table:-->
+                        <div class="overflow-x-auto">
+                            <table class="table-default whitespace-nowrap">
+                                <tbody class="child-list">
+                                    <tr class="child-task">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                             <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap"> UI Layout Adjustment for Dashboard</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                                <img src="images/avatars/thumb-6.jpg"
+                                                    class="size-6 rounded-full shrink-0">
+                                                <span>Adam Milne</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-yellow-500/10 text-yellow-500">Low</span>
+                                        </td>
+                                        <td> <span class="badge bg-amber-500/10 text-amber-500">
+                                                <span class="icon-[lucide--clock-fading] me-1"></span>Pending</span></td>
+                                        <td class="task-date">21 September</td>
+                                    </tr>
+                                    <tr class="child-task">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                              <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap"> UX Improvement for Onboarding Process</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                                <img src="images/avatars/thumb-9.jpg"
+                                                    class="size-6 rounded-full shrink-0">
+                                                <span>Samuel Jordan</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-red-500/10 text-red-500">High</span>
+                                        </td>
+                                        <td> <span class="badge bg-amber-500/10 text-amber-500">
+                                                <span class="icon-[lucide--clock-fading] me-1"></span>
+                                                Pending</span></td>
+                                        <td class="task-date">22 September</td>
+                                    </tr>
+                                    <tr class="child-task">
+                                        <td class="!pe-0">
+                                            <!--:Drag handler:-->
+                                            <span
+                                                class="drag-handle shrink-0 cursor-grab text-zinc-500 dark:text-zinc-400">
+                                                <svg xmlns="http://www.w3.org/2000/svg" height="18px"
+                                                    viewBox="0 -960 960 960" width="18px" fill="currentColor">
+                                                    <path
+                                                        d="M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" />
+                                                </svg>
+                                            </span>
+                                        </td>
+                                        <td>
+                                             <button class="check-task cursor-pointer flex items-center justify-center">
+                                                <span class="icon-[lucide--circle-check] text-xl"></span>
+                                                </button>
+                                        </td>
+                                        <td class="max-w-48">
+                                            <h6 class="task-title text-wrap"> UI Element Styling for Product Page</h6>
+                                        </td>
+                                        <td>
+                                            <div class="flex items-center gap-3">
+                                                <img src="images/avatars/thumb-8.jpg"
+                                                    class="size-6 rounded-full shrink-0">
+                                                <span>Caleb Michael</span>
+                                            </div>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-orange-500/10 text-orange-500">Medium</span>
+                                        </td>
+                                        <td> <span class="badge bg-amber-500/10 text-amber-500">
+                                                <span class="icon-[lucide--clock-fading] me-1"></span>
+                                                Pending</span></td>
+                                        <td class="task-date">24 September</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+    <script src="vendor/js/Sortable.min.js"></script>
+    <script>
+        // Parent sorting
+        Sortable.create(document.getElementById('task-board'), {
+            animation: 150,
+            handle: '.drag-handle',
+            ghostClass: 'sortable-ghost',
+            draggable: '.parent-task',
+        });
+
+        // Child sorting per parent task
+        document.querySelectorAll('.child-list').forEach(childList => {
+            Sortable.create(childList, {
+                group: 'nested-tasks',
+                animation: 150,
+                handle: '.drag-handle',
+                ghostClass: 'sortable-ghost',
+                draggable: '.child-task',
+            });
+        });
+
+        //Toggle class task completed
+document.querySelectorAll('.check-task').forEach((checkbox) => {
+    checkbox.addEventListener('click', function () {
+      const tr = this.closest('tr');
+      tr.classList.toggle('task-completed');
+    });
+  });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/projects-list.html b/www/raven-demo/projects-list.html
new file mode 100644
index 0000000..3ca624b
--- /dev/null
+++ b/www/raven-demo/projects-list.html
@@ -0,0 +1,1604 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item active">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item projects_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item projects_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item projects_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item projects_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content lg:px-4 flex-grow">
+            <div class="px-4 py-4">
+                <div class="flex items-center justify-between">
+                    <h4 class="text-xl">Projects</h4>
+                    <div class="shrink-0 flex items-center gap-2">
+                        <button type="button" class="btn bg-primary text-white hover:bg-primary-deep">
+                            Create project</button>
+                        <div class="relative">
+                            <button data-bs-auto-close="outside" data-bs-toggle="dropdown" type="button"
+                                class="btn btn-default">
+                                <span class="icon-[lucide--sliders-horizontal] me-2 text-lg"></span> Filter
+                            </button>
+                            <div class="dropdown-menu absolute !end-0 top-full min-w-36 !p-4 !mt-1">
+                                <div class="flex flex-col gap-y-2">
+
+                                    <label for="project_in_progress" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_in_progress">
+                                        <span>In progress</span>
+                                    </label>
+
+                                    <label for="project_not_started" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_not_started">
+                                        <span>Not started</span>
+                                    </label>
+                                    <label for="project_pending" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_pending">
+                                        <span>Pending</span>
+                                    </label>
+                                    <label for="project_completed" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_completed">
+                                        <span>Completed</span>
+                                    </label>
+                                    <label for="project_cancelled" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_cancelled">
+                                        <span>Cancelled</span>
+                                    </label>
+                                    <label for="project_overdue" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_overdue">
+                                        <span>Overdue</span>
+                                    </label>
+                                    <label for="project_on_hold" class="flex items-center cursor-pointer gap-2">
+                                        <input type="checkbox" class="input-checkbox" id="project_on_hold">
+                                        <span>On hold</span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-4 px-4">
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/figma.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-sky-500/10 text-sky-500">In
+                            Progress</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">App Figma Design</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-orange-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-orange-500" style="width: 25%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-9.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>23</span><span>/</span><span>35</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/jira.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-zinc-500 text-white">
+                        Not Started</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Jira Chatbot</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-zinc-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="2" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-zinc-500" style="width: 2%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative text-xs">NA</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>NA</span><span>/</span><span>NA</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/google-analytics.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-sky-500/10 text-sky-500">In
+                            Progress</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Analytics Integrations</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-sky-500/10" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-blue-500" style="width: 85%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-10.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-8.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-4.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>53</span><span>/</span><span>55</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/inferno.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge bg-zinc-500/20 text-muted">On Hold</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Inferno Redesign</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-orange-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-orange-500" style="width: 25%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-9.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-3.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-5.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>23</span><span>/</span><span>35</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/youtube.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-green-500/10 text-green-500">Completed</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Youtube Channel Promotion</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-green-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-green-500" style="width: 100%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-8.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-7.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-3.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>65</span><span>/</span><span>65</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/equacoin.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-red-500/10 text-red-500">Cancelled</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Equacoin Landing Page</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-green-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-green-500" style="width: 25%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-9.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>23</span><span>/</span><span>35</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                 <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/figma.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-sky-500/10 text-sky-500">In
+                            Progress</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">App Figma Design</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-orange-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-orange-500" style="width: 25%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-9.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>23</span><span>/</span><span>35</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/jira.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-zinc-500 text-white">
+                        Not Started</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Jira Chatbot</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-zinc-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-zinc-500" style="width: 1%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative text-xs">NA</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>NA</span><span>/</span><span>NA</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/google-analytics.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-sky-500/10 text-sky-500">In
+                            Progress</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Analytics Integrations</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-sky-500/10" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-blue-500" style="width: 85%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-10.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-8.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-4.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>53</span><span>/</span><span>55</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/google-webdev.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-orange-500/10 text-orange-500">Overdue</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Google WebDev Integration</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-orange-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-orange-500" style="width: 45%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-9.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-3.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-5.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>23</span><span>/</span><span>35</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/tiktok.svg" class="w-8 h-auto bg-white rounded">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-yellow-500/10 text-yellow-500">Pending</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Tiktok Promotion Banners</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-yellow-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-yellow-500" style="width: 70%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-8.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-7.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-3.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>65</span><span>/</span><span>65</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--:Project card:-->
+                <div
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative">
+                    <div class="px-4 pt-4 flex items-center justify-between">
+                        <div class="shrink-0">
+                            <img src="images/brands/duolingo.svg" class="w-8 h-auto">
+                        </div>
+                        <span
+                            class="badge shrink-0 bg-green-500/10 text-green-500">Completed</span>
+                    </div>
+                    <div class="p-4">
+                        <a href="project-details.html" class="text-lg truncate hover:!text-primary h5 mb-2 block">Dueolingo Landing Page</a>
+                        <p class="line-clamp-2 mb-3">
+                            Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                            industries for previewing layouts and visual mockups.
+                        </p>
+                        <div class="flex items-center gap-5 mb-5">
+                            <span class="text-sm">
+                                Start:
+                                <span class="text-sm font-semibold">
+                                    June 03
+                                </span>
+                            </span>
+                            <span class="text-sm">
+                                End:
+                                <span class="text-sm font-semibold text-current">
+                                    Jul 30
+                                </span>
+                            </span>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="h-1 rounded-full bg-green-500/20" role="progressbar" aria-label="Basic example"
+                            aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
+                            <div class="h-1 rounded-full bg-green-500" style="width: 100%"></div>
+                        </div>
+                        <div class="pt-4 flex items-center justify-between">
+                            <div class="flex items-center shrink-0">
+                                <img src="images/avatars/thumb-1.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                 <img src="images/avatars/thumb-2.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <img src="images/avatars/thumb-9.jpg" class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3">
+                                 <span class="size-8 flex items-center justify-center bg-zinc-500 text-white border-2 border-white dark:border-zinc-900 rounded-full relative -ms-3 text-xs">+3</span>
+                            </div>
+                            <div class="inline-flex items-center px-3 py-1 rounded-full border border-zinc-200 dark:border-zinc-800 text-sm">
+                                <span class="icon-[lucide--square-check-big] text-muted me-1"></span>
+                                <span>23</span><span>/</span><span>35</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/support-article.html b/www/raven-demo/support-article.html
new file mode 100644
index 0000000..bcf079b
--- /dev/null
+++ b/www/raven-demo/support-article.html
@@ -0,0 +1,1147 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link href="vendor/css/choices.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item actives">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item active">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item actives_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item helpCenter_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item helpCenter_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item helpCenter_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item helpCenter_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8 py-4">
+            <div class="lg:px-12 mx-auto lg:py-4">
+                    <h5 class="text-xl mb-4">Welcome to Raven Theme</h5>
+                    <div class="flex items-center gap-3.5 mb-6">
+                        <div class="shrink-0 flex items-center">
+                            <div class="flex items-center -space-x-3">
+                                <img src="images/avatars/thumb-2.jpg"
+                                    class="size-8 rounded-full border-2 border-zinc-50 dark:border-zinc-950" alt="">
+                                <img src="images/avatars/thumb-4.jpg"
+                                    class="size-8 rounded-full border-2 border-zinc-50 dark:border-zinc-950" alt="">
+                            </div>
+                        </div>
+
+                        <div>
+                            <span class="block text-sm text-muted">created by <a href="#!" class="text-primary">Nikita
+                                    miller</a></span>
+                            <ul
+                                class="flex flex-wrap w-full items-center gap-0.5 text-sm md:justify-end md:justify-center text-muted">
+                                <li>Last update : 2d ago</li>
+                                <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                                <li>3 min read</li>
+                                <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                                <li>200 Views</li>
+                                <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                                <li>33 likes</li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div>
+                        <p>
+                            Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
+                            pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu
+                            aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
+                        </p>
+                        <div id="inside" class="pt-6">
+                            <h5 class="mb-2 text-lg">What's inside?</h5>
+                            <p class="mb-2">
+                                Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
+                                pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu
+                                aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum
+                                egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper
+                                vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos
+                                himenaeos.
+                            </p>
+                            <p class="mb-2">
+                                It is a long established fact that a reader will be distracted by the readable content
+                                of a page when looking at its layout. The point of using Lorem Ipsum is that it has a
+                                more-or-less normal distribution of letters, as opposed to using 'Content here, content
+                                here', making it look like readable English. Many desktop publishing packages and web
+                                page editors now use Lorem Ipsum as their default model text, and a search for 'lorem
+                                ipsum' will uncover many web sites still in their infancy.
+                            </p>
+                            <ul class="list-disc ps-4">
+                                <li>Lorem ipsum dolor sit amet consectetur</li>
+                                <li>Quisque faucibus ex sapien</li>
+                                <li>In id cursus mi pretium tellus duis</li>
+                                <li>Tempus leo eu aenean sed diam urna</li>
+                            </ul>
+                        </div>
+                        <div id="installation" class="pt-6">
+                            <h5 class="mb-2 text-lg">Installation</h5>
+                            <p class="mb-2">
+                                It is a long established fact that a reader will be distracted by the readable content
+                                of a page when looking at its layout. The point of using Lorem Ipsum is that it has a
+                                more-or-less normal distribution of letters, as opposed to using 'Content here, content
+                                here', making it look like readable English. Many desktop publishing packages and web
+                                page editors now use Lorem Ipsum as their default model text, and a search for 'lorem
+                                ipsum' will uncover many web sites still in their infancy.
+                            </p>
+                            <p class="mb-2">
+                                Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
+                                pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu
+                                aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum
+                                egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper
+                                vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos
+                                himenaeos.
+                            </p>
+                            <ul class="list-disc ps-4">
+                                <li>Lorem ipsum dolor sit amet consectetur</li>
+                                <li>Quisque faucibus ex sapien</li>
+                                <li>In id cursus mi pretium tellus duis</li>
+                                <li>Tempus leo eu aenean sed diam urna</li>
+                            </ul>
+                        </div>
+                        <div id="customization" class="pt-6">
+                            <h5 class="mb-2 text-lg">Customization</h5>
+                            <p>
+                                Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
+                                pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu
+                                aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum
+                                egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper
+                                vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos
+                                himenaeos.
+                            </p>
+                            <p class="mb-2">
+                                It is a long established fact that a reader will be distracted by the readable content
+                                of a page when looking at its layout. The point of using Lorem Ipsum is that it has a
+                                more-or-less normal distribution of letters, as opposed to using 'Content here, content
+                                here', making it look like readable English. Many desktop publishing packages and web
+                                page editors now use Lorem Ipsum as their default model text, and a search for 'lorem
+                                ipsum' will uncover many web sites still in their infancy.
+                            </p>
+                        </div>
+                        <div id="theming" class="pt-6">
+                            <h5 class="mb-2 text-lg">Theming</h5>
+                            <p class="mb-2">
+                                It is a long established fact that a reader will be distracted by the readable content
+                                of a page when looking at its layout. The point of using Lorem Ipsum is that it has a
+                                more-or-less normal distribution of letters, as opposed to using 'Content here, content
+                                here', making it look like readable English. Many desktop publishing packages and web
+                                page editors now use Lorem Ipsum as their default model text, and a search for 'lorem
+                                ipsum' will uncover many web sites still in their infancy.
+                            </p>
+                            <p>
+                                Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
+                                pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu
+                                aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum
+                                egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper
+                                vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos
+                                himenaeos.
+                            </p>
+                        </div>
+                        <div class="pt-7"></div>
+                        <div
+                            class="flex flex-col sm:flex-row justify-between sm:items-center gap-3.5 p-4 rounded-lg border border-zinc-200 dark:border-zinc-800">
+                            <div>
+                                <h5 class="text-lg">Was this article helpful?</h5>
+                                <p class="text-muted text-sm">33 out of 33 found this helpful</p>
+                            </div>
+                            <div class="flex items-center gap-2">
+                                <div class="flex items-center">
+                                    <input type="radio" name="article_helpful" id="radio_yes" class="hidden peer" />
+
+                                    <label for="radio_yes"
+                                        class="btn btn-default group flex items-center peer-checked:!border-primary peer-checked:!ring-primary peer-checked:!text-primary">
+                                        Yes
+                                    </label>
+                                </div>
+
+                                <div class="flex items-center">
+                                    <input class="hidden peer" type="radio" name="article_helpful" id="radio_no">
+                                    <label for="radio_no" type="button"
+                                        class="btn group btn-default peer-checked:!border-primary peer-checked:!ring-primary peer-checked:!text-primary">
+                                        No</label>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="pt-7"></div>
+                        <h5 class="text-lg mb-2">Comment</h5>
+                        <form>
+                            <textarea class="input mb-3" rows="5" placeholder="Add your comment"></textarea>
+                        <div class="text-end">
+                            <button type="submit" class="btn bg-primary text-white hover:bg-primary-deep">Submit</button>
+                        </div>
+                        </form>
+                    </div>
+                </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Page scripts:-->
+    <script src="vendor/js/autosize.min.js"></script>
+    <script>
+        autosize(document.querySelectorAll('textarea'));
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/support-articles-manage.html b/www/raven-demo/support-articles-manage.html
new file mode 100644
index 0000000..39d0171
--- /dev/null
+++ b/www/raven-demo/support-articles-manage.html
@@ -0,0 +1,1233 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link rel="stylesheet" href="https://cdn.datatables.net/2.3.3/css/dataTables.dataTables.css">
+    <link rel="stylesheet" href="https://cdn.datatables.net/select/3.0.1/css/select.dataTables.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item active">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item helpCenter_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item helpCenter_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item helpCenter_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item helpCenter_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8 py-4">
+            <div class="flex flex-col pb-4 sm:flex-row sm:items-center justify-between gap-3.5">
+                <h5 class="text-lg">Manage Articles</h5>
+            </div>
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                <div
+                    class="flex flex-wrap gap-2 items-center p-4 border-b border-zinc-500/10 dark:border-zinc-800">
+                    <!--:Table:-->
+                    <div class="flex-grow">
+                        <div class="relative">
+                            <input type="search" class="input !ps-9" name="articleSearch" id="articleSearch"
+                            placeholder="Filter articles by title, category">
+                             <span class="iconify icon-[lucide--filter] absolute start-0 top-0 h-full flex items-center justify-center ms-3 text-muted pointer-events-none"></span>
+                        </div>
+                    </div>
+                    <div class="flex items-center flex-wrap justify-end gap-2">
+                        <button id="deleteBtn" class="btn bg-red-500 text-white hover:bg-red-600"
+                            style="display: none;">Delete</button>
+                        <div class="flex items-center gap-2">
+                            <div class="relative">
+                                <button data-bs-toggle="dropdown" type="button"
+                                    class="btn bg-sky-500 text-white hover:bg-sky-600">
+                                    <span class="icon-[lucide--download] text-lg me-1"></span>
+                                    Download <span class="icon-[lucide--chevron-down] ms-1"></span></button>
+                                <div class="dropdown-menu w-48 z-50 absolute !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--copy] dropdown-icon"></span> Copy Json
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--printer] dropdown-icon"></span> Print
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <img src="images/files/excel.svg" class="h-4 me-2" alt=""> Download Exel
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <img src="images/files/csv.svg" class="h-4 me-2" alt=""> Download .CSV
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <img src="images/files/pdf.svg" class="h-4 w-auto me-2" alt=""> Download .PDF
+                                    </a>
+                                </div>
+                            </div>
+                            <a href="#!" class="btn bg-primary shrink-0 text-white hover:bg-primary-deep">
+                                <span class="icon-[lucide--plus] text-lg me-1"></span>
+                                Post New Article</a>
+                        </div>
+                    </div>
+                </div>
+                <table id="table_articles" class="table-default">
+                    <thead>
+                        <tr>
+                            <th data-orderable="false">
+
+                            </th>
+                            <th class="whitespace-nowrap">
+                                Title
+                            </th>
+                            <th>Category</th>
+                            <th data-orderable="false">
+                                Authors
+                            </th>
+                            <th>
+                                Last Update
+                            </th>
+                            <th data-orderable="false" class="text-end">
+                                <div class="flex w-full jusitfy-end">
+                                    Published
+                                </div>
+                            </th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>
+                                <div class="flex items-center gap-3.5">
+                                    <div
+                                        class="size-10 rounded-lg flex items-center justify-center bg-primary-subtle text-primary">
+                                        <span class="icon-[lucide--palette] text-xl"></span>
+                                    </div>
+                                    <div>
+                                        <a href="#!" class="hover:text-primary font-semibold">
+                                            Laboris nisi ut aliquip ex ea commodo
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>
+                                Theming
+                            </td>
+                            <td>
+                                <span class="size-6 rounded-full block flex items-center -space-x-2"
+                                    data-bs-toggle="tooltip" data-bs-title="Nikita Miller">
+                                    <img src="images/avatars/thumb-2.jpg" alt="" class="size-6 rounded-full">
+                                </span>
+                            </td>
+                            <td>Yesterday</td>
+                            <td>
+                                 <input type="checkbox" class="input-switch" checked>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>
+                                <div class="flex items-center gap-3.5">
+                                    <div
+                                        class="size-10 rounded-lg flex items-center justify-center bg-yellow-500/20 text-yellow-500">
+                                        <span class="icon-[lucide--file-stack] text-xl"></span>
+                                    </div>
+                                    <div>
+                                        <a href="#!" class="hover:text-primary font-semibold">
+                                            Quis nostrud exercitation ullamco
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>Survey</td>
+                            <td>
+                                <span class="size-6 rounded-full block flex items-center -space-x-2"
+                                    data-bs-toggle="tooltip" data-bs-title="Nikita Miller, Joshua Little">
+                                    <img src="images/avatars/thumb-2.jpg" alt="" class="size-6 rounded-full">
+                                    <img src="images/avatars/thumb-9.jpg" alt="" class="size-6 rounded-full">
+                                </span>
+                            </td>
+                            <td>2 days ago</td>
+                            <td>
+                               <input type="checkbox" class="input-switch" checked>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>
+                                <div class="flex items-center gap-3.5">
+                                    <div
+                                        class="size-10 rounded-lg flex items-center justify-center bg-pink-500/20 text-pink-500">
+                                        <span class="icon-[lucide--file-chart-column] text-xl"></span>
+                                    </div>
+                                    <div>
+                                        <a href="#!" class="hover:text-primary font-semibold">
+                                            Duis aute irure dolor in reprehenderit
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>Analytics</td>
+                            <td>
+                                <span class="size-6 rounded-full block flex items-center -space-x-2"
+                                    data-bs-toggle="tooltip" data-bs-title="Kim Min-ji">
+                                    <img src="images/avatars/thumb-5.jpg" alt="" class="size-6 rounded-full">
+                                </span>
+                            </td>
+                            <td>4 days ago</td>
+                            <td>
+                                <input type="checkbox" class="input-switch" checked>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+
+                            </td>
+                            <td>
+                                <div class="flex items-center gap-3.5">
+                                    <div
+                                        class="size-10 rounded-lg flex items-center justify-center bg-green-500/20 text-green-500">
+                                        <span class="icon-[lucide--shield-check] text-xl"></span>
+                                    </div>
+                                    <div>
+                                        <a href="#!" class="hover:text-primary font-semibold">
+                                            Excepteur sint occaecat cupidatat non proident
+                                        </a>
+                                    </div>
+                                </div>
+                            </td>
+                            <td>Security</td>
+                            <td>
+                                <span class="size-6 rounded-full block flex items-center -space-x-2"
+                                    data-bs-toggle="tooltip" data-bs-title="Joshua Little">
+                                    <img src="images/avatars/thumb-7.jpg" alt="" class="size-6 rounded-full">
+                                </span>
+                            </td>
+                            <td>1 week ago</td>
+                            <td>
+                                <input type="checkbox" class="input-switch">
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Page scripts:-->
+    <script src="vendor/js/jquery.min.js"></script>
+    <script src="https://cdn.datatables.net/2.3.3/js/dataTables.js"></script>
+    <script src="https://cdn.datatables.net/select/3.0.1/js/dataTables.select.js"></script>
+    <script src="https://cdn.datatables.net/select/3.0.1/js/select.dataTables.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const table = new DataTable('#table_articles', {
+                lengthChange: false,
+                pageLength: 9,
+                scrollX: true,
+                dom: 'lrtip',
+                columnDefs: [
+                    {
+                        orderable: false,
+                        searchable: false,
+                        render: DataTable.render.select(),
+                        targets: 0,
+                    }
+                ],
+                select: {
+                    style: 'os',
+                    selector: 'td:first-child',
+                    headerCheckbox: false
+                },
+                order: [[1, 'asc']],
+            });
+            const searchInput = document.getElementById('articleSearch');
+            searchInput.addEventListener('input', e => {
+                table.search(e.target.value).draw();
+            });
+            table.on('draw', () => {
+                const rowCount = table.rows({ search: 'applied' }).count();
+                if (rowCount === 0) {
+                    searchInput.setAttribute('disabled', 'disabled');
+                } else {
+                    searchInput.removeAttribute('disabled');
+                }
+            });
+            const deleteBtn = document.getElementById("deleteBtn");
+            table.on('select deselect', function () {
+                const selectedRows = table.rows({ selected: true }).count();
+                if (selectedRows > 0) {
+                    deleteBtn.style.display = "inline-block";
+                } else {
+                    deleteBtn.style.display = "none";
+                }
+            });
+            deleteBtn.addEventListener('click', () => {
+                table.rows({ selected: true }).remove().draw();
+                deleteBtn.style.display = 'none'; // hide button after delete
+            });
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/support-articles.html b/www/raven-demo/support-articles.html
new file mode 100644
index 0000000..964bf53
--- /dev/null
+++ b/www/raven-demo/support-articles.html
@@ -0,0 +1,1207 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link href="vendor/css/choices.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item active">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item active_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item helpCenter_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item helpCenter_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item helpCenter_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item helpCenter_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 py-8 lg:py-12 rounded-b-xl bg-gradient-to-t from-white dark:from-zinc-900">
+            <div class="text-center">
+                <h4 class="text-xl lg:text-2xl mb-2">Assistance & Support Center</h4>
+                <p class="max-w-sm mx-auto mb-4">
+                    Search for answers, browse our FAQs, and access support resources all in one place.
+                </p>
+                <form>
+                    <div class="relative max-w-xl mx-auto">
+                        <input type="text"
+                            class="input input-lg !pr-12"
+                            placeholder="Search articles...">
+                        <button type="submit"
+                            class="btn bg-primary hover:bg-primary-deep text-white !p-0 size-7 rounded-full flex items-center justify-center absolute right-3 top-1/2 -translate-y-1/2">
+                            <span class="icon-[lucide--search]"></span>
+                        </button>
+                    </div>
+                </form>
+
+            </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8">
+            <div class="flex items-center pt-6 mb-4 gap-2.5">
+                <a href="support-hub.html" class="btn btn-default !p-0 !rounded-full size-7">
+<span class="icon-[lucide--chevron-left] text-lg"></span>
+                </a>
+                <h5 class="text-xl">Introduction</h5>
+            </div>
+
+            <div class="grid grid-cols-1 mb-4 divide-y divide-zinc-500/10 dark:divide-zinc-800 rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4">
+                <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--monitor-speaker] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg font-semibold !text-current mb-1 group-hover:!text-primary">Things you need to know about configuring
+                            the theme</h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span>2 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Introduction</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 30
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 27
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--monitor-speaker] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg font-semibold !text-current mb-1 group-hover:!text-primary">
+                            Collecting data like a charm
+                        </h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span>3 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Introduction</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 52
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 19
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--monitor-speaker] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg font-semibold !text-current mb-1 group-hover:!text-primary">How to create a survey form</h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span>2 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Introduction</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 37
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 28
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--monitor-speaker] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg font-semibold !text-current mb-1 group-hover:!text-primary">
+                            Precious tips to help you create a better question
+                        </h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span>2 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Introduction</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 28
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 14
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--monitor-speaker] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg font-semibold !text-current mb-1 group-hover:!text-primary">Things you need to know about configuring
+                            the theme</h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span>2 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Introduction</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 15
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 6
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--monitor-speaker] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg font-semibold !text-current mb-1 group-hover:!text-primary">
+                            Collecting data like a charm
+                        </h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span>3 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Introduction</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 37
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 12
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--monitor-speaker] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg font-semibold !text-current mb-1 group-hover:!text-primary">How to create a survey form</h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span>2 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Introduction</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 56
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 22
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/support-hub.html b/www/raven-demo/support-hub.html
new file mode 100644
index 0000000..e11d7cd
--- /dev/null
+++ b/www/raven-demo/support-hub.html
@@ -0,0 +1,1247 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link href="vendor/css/choices.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item active">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item helpCenter_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item helpCenter_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item helpCenter_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item helpCenter_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 py-8 lg:py-12 rounded-b-xl bg-gradient-to-t from-white dark:from-zinc-900">
+            <div class="text-center">
+                <h4 class="text-xl lg:text-2xl mb-2">Assistance & Support Center</h4>
+                <p class="max-w-sm mx-auto text-muted mb-4">
+                    Search for answers, browse our FAQs, and access support resources all in one place.
+                </p>
+                <form>
+                    <div class="relative max-w-xl mx-auto">
+                        <input type="text"
+                            class="input input-lg !pr-12"
+                            placeholder="Search articles...">
+                        <button type="submit"
+                            class="btn bg-primary hover:bg-primary-deep text-white !p-0 size-7 rounded-full flex items-center justify-center absolute right-3 top-1/2 -translate-y-1/2">
+                            <span class="icon-[lucide--search]"></span>
+                        </button>
+                    </div>
+                </form>
+
+            </div>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex-grow px-4 lg:px-8">
+            <h5 class="text-xl pt-6 mb-4">Get started</h5>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span class="icon-[lucide--monitor-speaker] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Introduction</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">3 Articles</p>
+                </a>
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span class="icon-[lucide--settings] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Setup guide</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">5 Articles</p>
+                </a>
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span class="icon-[lucide--stars] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Common features</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">4 Articles</p>
+                </a>
+            </div>
+
+            <h5 class="text-xl pt-6 mb-4">Others</h5>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span
+                            class="icon-[lucide--message-circle-more] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Chatbot</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">3 Articles</p>
+                </a>
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span class="icon-[lucide--file-stack] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Survey</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">5 Articles</p>
+                </a>
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span class="icon-[lucide--shield-check] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Security</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">4 Articles</p>
+                </a>
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span class="icon-[lucide--file-chart-column] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Analytics</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">4 Articles</p>
+                </a>
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span class="icon-[lucide--component] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Integration</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">6 Articles</p>
+                </a>
+                <!--card-->
+                <a href="support-articles.html"
+                    class="rounded-xl bg-white dark:bg-zinc-900 shadow-card hover:shadow-2xl p-4 lg:p-6 transition-all hover:-translate-y-1 transform group">
+                    <!--:Icon:-->
+                    <div class="size-12 mb-4 flex items-center justify-center bg-primary rounded-full">
+                        <span class="icon-[lucide--palette] text-xl text-white"></span>
+                    </div>
+                    <h5 class="text-lg mb-2">Theming</h5>
+                    <p class="mb-3">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
+                    </p>
+                    <p class="font-semibold text-primary">2 Articles</p>
+                </a>
+            </div>
+
+            <h5 class="text-xl pt-6 mb-4">Popular articles</h5>
+
+            <div class="grid grid-cols-1 mb-4 divide-y divide-zinc-500/10 dark:divide-zinc-800 rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4">
+                <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--palette] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg !text-current mb-1 group-hover:!text-primary">Things you need to know about configuring
+                            the theme</h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span class="text-muted">2 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Theme</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 37
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 28
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--file-chart-column] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg !text-current mb-1 group-hover:!text-primary">
+                            Collecting data like a charm
+                        </h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span class="text-muted">3 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Analytic</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 37
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 28
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--file-stack] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg !text-current mb-1 group-hover:!text-primary">How to create a survey form</h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span class="text-muted">2 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Survey</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 37
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 28
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                 <!--card-->
+                <a href="support-article.html" class="flex items-start group py-3">
+                    <!--:Icon:-->
+                    <div
+                        class="size-12 me-4 flex items-center justify-center bg-zinc-100 dark:bg-zinc-800 rounded-lg shrink-0">
+                        <span class="icon-[lucide--file-stack] text-xl"></span>
+                    </div>
+                    <div class="flex-grow pe-3">
+                        <h5 class="text-lg !text-current mb-1 group-hover:!text-primary">
+                            Precious tips to help you create a better question
+                        </h5>
+                        <p class="text-sm flex items-center gap-2">
+                            <span class="text-muted">2 min read</span>
+                            <span class="size-1 rounded-full bg-zinc-200 dark:bg-zinc-800"></span>
+                            <span>Survey</span>
+                        </p>
+                    </div>
+                    <div class="shrink-0">
+                        <div class="flex text-sm items-center gap-3.5">
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--eye]"></span> 37
+                            </div>
+                            <div class="flex items-center gap-1">
+                                <span class="icon-[lucide--message-circle-more]"></span> 28
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/tables-datatables.html b/www/raven-demo/tables-datatables.html
new file mode 100644
index 0000000..02b824a
--- /dev/null
+++ b/www/raven-demo/tables-datatables.html
@@ -0,0 +1,1368 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdn.datatables.net/2.3.3/css/dataTables.dataTables.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item tables_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item tables_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item tables_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item tables_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item active">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">
+                <a href="https://datatables.net/" target="_blank" class="inline-flex items-center gap-2 hover:!text-primary">
+                Datatables <span class="icon-[lucide--external-link] text-base"></span></a>
+            </h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Tables</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Datatables</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                <div class="flex flex-wrap gap-2 items-center px-4 py-2.5 border-b border-zinc-500/10 dark:border-zinc-800">
+                        <!--:Table:-->
+                        <div class="flex-grow">
+                            <input type="search" class="input" name="defaultSearch" id="defaultSearch"
+                                placeholder="Search table">
+                        </div>
+                    </div>
+                <table id="datatable_default" class="table-default whitespace-nowrap">
+                    <thead>
+                        <tr>
+                            <th>Name</th>
+                            <th>Position</th>
+                            <th>Office</th>
+                            <th>Age</th>
+                            <th>Start date</th>
+                            <th>Salary</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>Tiger Nixon</td>
+                            <td>System Architect</td>
+                            <td>Edinburgh</td>
+                            <td>61</td>
+                            <td>2011-04-25</td>
+                            <td>$320,800</td>
+                        </tr>
+                        <tr>
+                            <td>Garrett Winters</td>
+                            <td>Accountant</td>
+                            <td>Tokyo</td>
+                            <td>63</td>
+                            <td>2011-07-25</td>
+                            <td>$170,750</td>
+                        </tr>
+                        <tr>
+                            <td>Ashton Cox</td>
+                            <td>Junior Technical Author</td>
+                            <td>San Francisco</td>
+                            <td>66</td>
+                            <td>2009-01-12</td>
+                            <td>$86,000</td>
+                        </tr>
+                        <tr>
+                            <td>Cedric Kelly</td>
+                            <td>Senior JavaScript Developer</td>
+                            <td>Edinburgh</td>
+                            <td>22</td>
+                            <td>2012-03-29</td>
+                            <td>$433,060</td>
+                        </tr>
+                        <tr>
+                            <td>Airi Satou</td>
+                            <td>Accountant</td>
+                            <td>Tokyo</td>
+                            <td>33</td>
+                            <td>2008-11-28</td>
+                            <td>$162,700</td>
+                        </tr>
+                        <tr>
+                            <td>Brielle Williamson</td>
+                            <td>Integration Specialist</td>
+                            <td>New York</td>
+                            <td>61</td>
+                            <td>2012-12-02</td>
+                            <td>$372,000</td>
+                        </tr>
+                        <tr>
+                            <td>Herrod Chandler</td>
+                            <td>Sales Assistant</td>
+                            <td>San Francisco</td>
+                            <td>59</td>
+                            <td>2012-08-06</td>
+                            <td>$137,500</td>
+                        </tr>
+                        <tr>
+                            <td>Rhona Davidson</td>
+                            <td>Integration Specialist</td>
+                            <td>Tokyo</td>
+                            <td>55</td>
+                            <td>2010-10-14</td>
+                            <td>$327,900</td>
+                        </tr>
+                        <tr>
+                            <td>Colleen Hurst</td>
+                            <td>JavaScript Developer</td>
+                            <td>San Francisco</td>
+                            <td>39</td>
+                            <td>2009-09-15</td>
+                            <td>$205,500</td>
+                        </tr>
+                        <tr>
+                            <td>Sonya Frost</td>
+                            <td>Software Engineer</td>
+                            <td>Edinburgh</td>
+                            <td>23</td>
+                            <td>2008-12-13</td>
+                            <td>$103,600</td>
+                        </tr>
+                        <tr>
+                            <td>Jena Gaines</td>
+                            <td>Office Manager</td>
+                            <td>London</td>
+                            <td>30</td>
+                            <td>2008-12-19</td>
+                            <td>$90,560</td>
+                        </tr>
+                        <tr>
+                            <td>Quinn Flynn</td>
+                            <td>Support Lead</td>
+                            <td>Edinburgh</td>
+                            <td>22</td>
+                            <td>2013-03-03</td>
+                            <td>$342,000</td>
+                        </tr>
+                        <tr>
+                            <td>Charde Marshall</td>
+                            <td>Regional Director</td>
+                            <td>San Francisco</td>
+                            <td>36</td>
+                            <td>2008-10-16</td>
+                            <td>$470,600</td>
+                        </tr>
+                        <tr>
+                            <td>Haley Kennedy</td>
+                            <td>Senior Marketing Designer</td>
+                            <td>London</td>
+                            <td>43</td>
+                            <td>2012-12-18</td>
+                            <td>$313,500</td>
+                        </tr>
+                        <tr>
+                            <td>Tatyana Fitzpatrick</td>
+                            <td>Regional Director</td>
+                            <td>London</td>
+                            <td>19</td>
+                            <td>2010-03-17</td>
+                            <td>$385,750</td>
+                        </tr>
+                        <tr>
+                            <td>Michael Silva</td>
+                            <td>Marketing Designer</td>
+                            <td>London</td>
+                            <td>66</td>
+                            <td>2012-11-27</td>
+                            <td>$198,500</td>
+                        </tr>
+                        <tr>
+                            <td>Paul Byrd</td>
+                            <td>Chief Financial Officer (CFO)</td>
+                            <td>New York</td>
+                            <td>64</td>
+                            <td>2010-06-09</td>
+                            <td>$725,000</td>
+                        </tr>
+                        <tr>
+                            <td>Gloria Little</td>
+                            <td>Systems Administrator</td>
+                            <td>New York</td>
+                            <td>59</td>
+                            <td>2009-04-10</td>
+                            <td>$237,500</td>
+                        </tr>
+                        <tr>
+                            <td>Bradley Greer</td>
+                            <td>Software Engineer</td>
+                            <td>London</td>
+                            <td>41</td>
+                            <td>2012-10-13</td>
+                            <td>$132,000</td>
+                        </tr>
+                        <tr>
+                            <td>Dai Rios</td>
+                            <td>Personnel Lead</td>
+                            <td>Edinburgh</td>
+                            <td>35</td>
+                            <td>2012-09-26</td>
+                            <td>$217,500</td>
+                        </tr>
+                        <tr>
+                            <td>Jenette Caldwell</td>
+                            <td>Development Lead</td>
+                            <td>New York</td>
+                            <td>30</td>
+                            <td>2011-09-03</td>
+                            <td>$345,000</td>
+                        </tr>
+                        <tr>
+                            <td>Yuri Berry</td>
+                            <td>Chief Marketing Officer (CMO)</td>
+                            <td>New York</td>
+                            <td>40</td>
+                            <td>2009-06-25</td>
+                            <td>$675,000</td>
+                        </tr>
+                        <tr>
+                            <td>Caesar Vance</td>
+                            <td>Pre-Sales Support</td>
+                            <td>New York</td>
+                            <td>21</td>
+                            <td>2011-12-12</td>
+                            <td>$106,450</td>
+                        </tr>
+                        <tr>
+                            <td>Doris Wilder</td>
+                            <td>Sales Assistant</td>
+                            <td>Sydney</td>
+                            <td>23</td>
+                            <td>2010-09-20</td>
+                            <td>$85,600</td>
+                        </tr>
+                        <tr>
+                            <td>Angelica Ramos</td>
+                            <td>Chief Executive Officer (CEO)</td>
+                            <td>London</td>
+                            <td>47</td>
+                            <td>2009-10-09</td>
+                            <td>$1,200,000</td>
+                        </tr>
+                        <tr>
+                            <td>Gavin Joyce</td>
+                            <td>Developer</td>
+                            <td>Edinburgh</td>
+                            <td>42</td>
+                            <td>2010-12-22</td>
+                            <td>$92,575</td>
+                        </tr>
+                        <tr>
+                            <td>Jennifer Chang</td>
+                            <td>Regional Director</td>
+                            <td>Singapore</td>
+                            <td>28</td>
+                            <td>2010-11-14</td>
+                            <td>$357,650</td>
+                        </tr>
+                        <tr>
+                            <td>Brenden Wagner</td>
+                            <td>Software Engineer</td>
+                            <td>San Francisco</td>
+                            <td>28</td>
+                            <td>2011-06-07</td>
+                            <td>$206,850</td>
+                        </tr>
+                        <tr>
+                            <td>Fiona Green</td>
+                            <td>Chief Operating Officer (COO)</td>
+                            <td>San Francisco</td>
+                            <td>48</td>
+                            <td>2010-03-11</td>
+                            <td>$850,000</td>
+                        </tr>
+                        <tr>
+                            <td>Shou Itou</td>
+                            <td>Regional Marketing</td>
+                            <td>Tokyo</td>
+                            <td>20</td>
+                            <td>2011-08-14</td>
+                            <td>$163,000</td>
+                        </tr>
+                        <tr>
+                            <td>Michelle House</td>
+                            <td>Integration Specialist</td>
+                            <td>Sydney</td>
+                            <td>37</td>
+                            <td>2011-06-02</td>
+                            <td>$95,400</td>
+                        </tr>
+                        <tr>
+                            <td>Suki Burks</td>
+                            <td>Developer</td>
+                            <td>London</td>
+                            <td>53</td>
+                            <td>2009-10-22</td>
+                            <td>$114,500</td>
+                        </tr>
+                        <tr>
+                            <td>Prescott Bartlett</td>
+                            <td>Technical Author</td>
+                            <td>London</td>
+                            <td>27</td>
+                            <td>2011-05-07</td>
+                            <td>$145,000</td>
+                        </tr>
+                        <tr>
+                            <td>Gavin Cortez</td>
+                            <td>Team Leader</td>
+                            <td>San Francisco</td>
+                            <td>22</td>
+                            <td>2008-10-26</td>
+                            <td>$235,500</td>
+                        </tr>
+                        <tr>
+                            <td>Martena Mccray</td>
+                            <td>Post-Sales support</td>
+                            <td>Edinburgh</td>
+                            <td>46</td>
+                            <td>2011-03-09</td>
+                            <td>$324,050</td>
+                        </tr>
+                        <tr>
+                            <td>Unity Butler</td>
+                            <td>Marketing Designer</td>
+                            <td>San Francisco</td>
+                            <td>47</td>
+                            <td>2009-12-09</td>
+                            <td>$85,675</td>
+                        </tr>
+                        <tr>
+                            <td>Howard Hatfield</td>
+                            <td>Office Manager</td>
+                            <td>San Francisco</td>
+                            <td>51</td>
+                            <td>2008-12-16</td>
+                            <td>$164,500</td>
+                        </tr>
+                        <tr>
+                            <td>Hope Fuentes</td>
+                            <td>Secretary</td>
+                            <td>San Francisco</td>
+                            <td>41</td>
+                            <td>2010-02-12</td>
+                            <td>$109,850</td>
+                        </tr>
+                        <tr>
+                            <td>Vivian Harrell</td>
+                            <td>Financial Controller</td>
+                            <td>San Francisco</td>
+                            <td>62</td>
+                            <td>2009-02-14</td>
+                            <td>$452,500</td>
+                        </tr>
+                        <tr>
+                            <td>Timothy Mooney</td>
+                            <td>Office Manager</td>
+                            <td>London</td>
+                            <td>37</td>
+                            <td>2008-12-11</td>
+                            <td>$136,200</td>
+                        </tr>
+                        <tr>
+                            <td>Jackson Bradshaw</td>
+                            <td>Director</td>
+                            <td>New York</td>
+                            <td>65</td>
+                            <td>2008-09-26</td>
+                            <td>$645,750</td>
+                        </tr>
+                        <tr>
+                            <td>Olivia Liang</td>
+                            <td>Support Engineer</td>
+                            <td>Singapore</td>
+                            <td>64</td>
+                            <td>2011-02-03</td>
+                            <td>$234,500</td>
+                        </tr>
+                        <tr>
+                            <td>Bruno Nash</td>
+                            <td>Software Engineer</td>
+                            <td>London</td>
+                            <td>38</td>
+                            <td>2011-05-03</td>
+                            <td>$163,500</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+
+    <!--:Page scripts:-->
+    <script src="vendor/js/jquery.min.js"></script>
+    <script src="https://cdn.datatables.net/2.3.3/js/dataTables.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const table = new DataTable('#datatable_default', {
+                lengthChange: false,
+                pageLength: 9,
+                scrollX: true,
+                dom: 'lrtip',
+            });
+            const searchInput = document.getElementById('defaultSearch');
+            searchInput.addEventListener('input', e => {
+                table.search(e.target.value).draw();
+            });
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/tables-default.html b/www/raven-demo/tables-default.html
new file mode 100644
index 0000000..a17e4f0
--- /dev/null
+++ b/www/raven-demo/tables-default.html
@@ -0,0 +1,1258 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Code snippet style:-->
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item tables_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item tables_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item tables_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item tables_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link active">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse show">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item active">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h2 class="text-xl mb-2">Table Default</h2>
+            <!--:Breadcrumbs:-->
+            <ol class="flex gap-1 items-center text-sm">
+                <li class="flex items-center"><a href="index.html"
+                        class="text-zinc-400 hover:text-zinc-700 dark:hover:text-white">Home</a></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Tables</span></li>
+                <li class="flex items-center opacity-30 leading-none">
+                    <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
+                </li>
+                <li class="flex items-center"><span class="pointer-events-none">Default</span></li>
+            </ol>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content flex flex-col flex-grow px-4 lg:px-8">
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+
+                <div class="overflow-x-auto">
+                    <table class="table-default whitespace-nowrap border-collapse">
+                        <thead>
+                            <tr>
+                                <th>ID</th>
+                                <th>Name</th>
+                                <th>Email</th>
+                                <th>Role</th>
+                                <th>Status</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>Alice Johnson</td>
+                                <td>alice@example.com</td>
+                                <td>Admin</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                            <tr>
+                                <td>2</td>
+                                <td>Bob Smith</td>
+                                <td>bob@example.com</td>
+                                <td>Editor</td>
+                                <td class="text-red-500">Inactive</td>
+                            </tr>
+                            <tr>
+                                <td>3</td>
+                                <td>Carol Lee</td>
+                                <td>carol@example.com</td>
+                                <td>Viewer</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                            <tr>
+                                <td>4</td>
+                                <td>David Miller</td>
+                                <td>david@example.com</td>
+                                <td>Editor</td>
+                                <td class="text-yellow-500">Pending</td>
+                            </tr>
+                            <tr>
+                                <td>5</td>
+                                <td>Emma Brown</td>
+                                <td>emma@example.com</td>
+                                <td>Admin</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                </div>
+                <div
+                    class="px-4 max-h-[50vh] overflow-y-auto leading-none code-snippet pb-2 border-t border-zinc-200 dark:border-zinc-800">
+                    <pre class="mt-0 !p-0"><code class="language-html mt-0 !p-0 !pb-2 !bg-transparent">
+&lt;div class="overflow-x-auto"&gt;
+    &lt;table class="table-default whitespace-nowrap border-collapse"&gt;
+        &lt;thead&gt;
+            &lt;tr&gt;
+                &lt;th&gt;ID&lt;/th&gt;
+                &lt;th&gt;Name&lt;/th&gt;
+                &lt;th&gt;Email&lt;/th&gt;
+                &lt;th&gt;Role&lt;/th&gt;
+                &lt;th&gt;Status&lt;/th&gt;
+            &lt;/tr&gt;
+        &lt;/thead&gt;
+        &lt;tbody&gt;
+            &lt;tr&gt;
+                &lt;td&gt;1&lt;/td&gt;
+                &lt;td&gt;Alice Johnson&lt;/td&gt;
+                &lt;td&gt;alice@example.com&lt;/td&gt;
+                &lt;td&gt;Admin&lt;/td&gt;
+                &lt;td class="text-green-500"&gt;Active&lt;/td&gt;
+            &lt;/tr&gt;
+            ....
+        &lt;/tbody&gt;
+    &lt;/table&gt;
+&lt;/div&gt;
+</code></pre>
+                </div>
+            </div>
+
+            <div class="py-4">
+                <h5 class="text-lg">Hover</h5>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+
+                <div class="overflow-x-auto">
+                    <table class="table-default table-hover whitespace-nowrap border-collapse">
+                        <thead>
+                            <tr>
+                                <th>ID</th>
+                                <th>Name</th>
+                                <th>Email</th>
+                                <th>Role</th>
+                                <th>Status</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>Alice Johnson</td>
+                                <td>alice@example.com</td>
+                                <td>Admin</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                            <tr>
+                                <td>2</td>
+                                <td>Bob Smith</td>
+                                <td>bob@example.com</td>
+                                <td>Editor</td>
+                                <td class="text-red-500">Inactive</td>
+                            </tr>
+                            <tr>
+                                <td>3</td>
+                                <td>Carol Lee</td>
+                                <td>carol@example.com</td>
+                                <td>Viewer</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                            <tr>
+                                <td>4</td>
+                                <td>David Miller</td>
+                                <td>david@example.com</td>
+                                <td>Editor</td>
+                                <td class="text-yellow-500">Pending</td>
+                            </tr>
+                            <tr>
+                                <td>5</td>
+                                <td>Emma Brown</td>
+                                <td>emma@example.com</td>
+                                <td>Admin</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                </div>
+                <div class="px-4 py-2 leading-none code-snippet border-t border-zinc-200 dark:border-zinc-800">
+                    <span class="text-sm">Add class to table <code
+                            class="px-1 py-0.5 rounded bg-zinc-500 text-white leading-none">table-hover</code></span>
+                </div>
+            </div>
+            <div class="py-4">
+                <h5 class="text-lg">Striped</h5>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+
+                <div class="overflow-x-auto">
+                    <table class="table-default table-striped whitespace-nowrap border-collapse">
+                        <thead>
+                            <tr>
+                                <th>ID</th>
+                                <th>Name</th>
+                                <th>Email</th>
+                                <th>Role</th>
+                                <th>Status</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>Alice Johnson</td>
+                                <td>alice@example.com</td>
+                                <td>Admin</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                            <tr>
+                                <td>2</td>
+                                <td>Bob Smith</td>
+                                <td>bob@example.com</td>
+                                <td>Editor</td>
+                                <td class="text-red-500">Inactive</td>
+                            </tr>
+                            <tr>
+                                <td>3</td>
+                                <td>Carol Lee</td>
+                                <td>carol@example.com</td>
+                                <td>Viewer</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                            <tr>
+                                <td>4</td>
+                                <td>David Miller</td>
+                                <td>david@example.com</td>
+                                <td>Editor</td>
+                                <td class="text-yellow-500">Pending</td>
+                            </tr>
+                            <tr>
+                                <td>5</td>
+                                <td>Emma Brown</td>
+                                <td>emma@example.com</td>
+                                <td>Admin</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                </div>
+                <div class="px-4 py-2 leading-none code-snippet border-t border-zinc-200 dark:border-zinc-800">
+                    <span class="text-sm">Add class to table <code
+                            class="px-1 py-0.5 rounded bg-zinc-500 text-white leading-none">table-striped</code></span>
+                </div>
+            </div>
+
+            <div class="py-4">
+                <h5 class="text-lg">Compact</h5>
+            </div>
+            <!--:Card:-->
+            <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+
+                <div class="overflow-x-auto">
+                    <table class="table-default table-compact whitespace-nowrap border-collapse">
+                        <thead>
+                            <tr>
+                                <th>ID</th>
+                                <th>Name</th>
+                                <th>Email</th>
+                                <th>Role</th>
+                                <th>Status</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>Alice Johnson</td>
+                                <td>alice@example.com</td>
+                                <td>Admin</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                            <tr>
+                                <td>2</td>
+                                <td>Bob Smith</td>
+                                <td>bob@example.com</td>
+                                <td>Editor</td>
+                                <td class="text-red-500">Inactive</td>
+                            </tr>
+                            <tr>
+                                <td>3</td>
+                                <td>Carol Lee</td>
+                                <td>carol@example.com</td>
+                                <td>Viewer</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                            <tr>
+                                <td>4</td>
+                                <td>David Miller</td>
+                                <td>david@example.com</td>
+                                <td>Editor</td>
+                                <td class="text-yellow-500">Pending</td>
+                            </tr>
+                            <tr>
+                                <td>5</td>
+                                <td>Emma Brown</td>
+                                <td>emma@example.com</td>
+                                <td>Admin</td>
+                                <td class="text-green-500">Active</td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                </div>
+                <div class="px-4 py-2 leading-none code-snippet border-t border-zinc-200 dark:border-zinc-800">
+                    <span class="text-sm">Add class to table <code
+                            class="px-1 py-0.5 rounded bg-zinc-500 text-white leading-none">table-compact</code></span>
+                </div>
+            </div>
+            
+        </div>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+    <!--:Code snippet:-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
+    <script>
+        hljs.highlightAll();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/raven-demo/vendor/css/choices.min.css b/www/raven-demo/vendor/css/choices.min.css
new file mode 100644
index 0000000..cf79ea9
--- /dev/null
+++ b/www/raven-demo/vendor/css/choices.min.css
@@ -0,0 +1 @@
+.choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #005f75}.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0-4px 0 8px;padding-left:16px;border-left:1px solid #003642;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#005f75;border:1px solid #004a5c;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#004a5c;border:1px solid #003642}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{display:none;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{display:block}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable[data-select-text],.choices__list[aria-expanded] .choices__item--selectable[data-select-text]{padding-right:100px}.choices__list--dropdown .choices__item--selectable[data-select-text]::after,.choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text],[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}
\ No newline at end of file
diff --git a/www/raven-demo/vendor/css/daterangepicker.css b/www/raven-demo/vendor/css/daterangepicker.css
new file mode 100644
index 0000000..a963804
--- /dev/null
+++ b/www/raven-demo/vendor/css/daterangepicker.css
@@ -0,0 +1,410 @@
+.daterangepicker {
+  position: absolute;
+  color: inherit;
+  background-color: #fff;
+  border-radius: 4px;
+  border: 1px solid #ddd;
+  width: 278px;
+  max-width: none;
+  padding: 0;
+  margin-top: 7px;
+  top: 100px;
+  left: 20px;
+  z-index: 3001;
+  display: none;
+  font-family: arial;
+  font-size: 15px;
+  line-height: 1em;
+}
+
+.daterangepicker:before, .daterangepicker:after {
+  position: absolute;
+  display: inline-block;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: '';
+}
+
+.daterangepicker:before {
+  top: -7px;
+  border-right: 7px solid transparent;
+  border-left: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+}
+
+.daterangepicker:after {
+  top: -6px;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-left: 6px solid transparent;
+}
+
+.daterangepicker.opensleft:before {
+  right: 9px;
+}
+
+.daterangepicker.opensleft:after {
+  right: 10px;
+}
+
+.daterangepicker.openscenter:before {
+  left: 0;
+  right: 0;
+  width: 0;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.daterangepicker.openscenter:after {
+  left: 0;
+  right: 0;
+  width: 0;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.daterangepicker.opensright:before {
+  left: 9px;
+}
+
+.daterangepicker.opensright:after {
+  left: 10px;
+}
+
+.daterangepicker.drop-up {
+  margin-top: -7px;
+}
+
+.daterangepicker.drop-up:before {
+  top: initial;
+  bottom: -7px;
+  border-bottom: initial;
+  border-top: 7px solid #ccc;
+}
+
+.daterangepicker.drop-up:after {
+  top: initial;
+  bottom: -6px;
+  border-bottom: initial;
+  border-top: 6px solid #fff;
+}
+
+.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
+  float: none;
+}
+
+.daterangepicker.single .drp-selected {
+  display: none;
+}
+
+.daterangepicker.show-calendar .drp-calendar {
+  display: block;
+}
+
+.daterangepicker.show-calendar .drp-buttons {
+  display: block;
+}
+
+.daterangepicker.auto-apply .drp-buttons {
+  display: none;
+}
+
+.daterangepicker .drp-calendar {
+  display: none;
+  max-width: 270px;
+}
+
+.daterangepicker .drp-calendar.left {
+  padding: 8px 0 8px 8px;
+}
+
+.daterangepicker .drp-calendar.right {
+  padding: 8px;
+}
+
+.daterangepicker .drp-calendar.single .calendar-table {
+  border: none;
+}
+
+.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
+  color: #fff;
+  border: solid black;
+  border-width: 0 2px 2px 0;
+  border-radius: 0;
+  display: inline-block;
+  padding: 3px;
+}
+
+.daterangepicker .calendar-table .next span {
+  transform: rotate(-45deg);
+  -webkit-transform: rotate(-45deg);
+}
+
+.daterangepicker .calendar-table .prev span {
+  transform: rotate(135deg);
+  -webkit-transform: rotate(135deg);
+}
+
+.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
+  white-space: nowrap;
+  text-align: center;
+  vertical-align: middle;
+  min-width: 32px;
+  width: 32px;
+  height: 24px;
+  line-height: 24px;
+  font-size: 12px;
+  border-radius: 4px;
+  border: 1px solid transparent;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.daterangepicker .calendar-table {
+  border: 1px solid #fff;
+  border-radius: 4px;
+  background-color: #fff;
+}
+
+.daterangepicker .calendar-table table {
+  width: 100%;
+  margin: 0;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+.daterangepicker td.available:hover, .daterangepicker th.available:hover {
+  background-color: #eee;
+  border-color: transparent;
+  color: inherit;
+}
+
+.daterangepicker td.week, .daterangepicker th.week {
+  font-size: 80%;
+  color: #ccc;
+}
+
+.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
+  background-color: #fff;
+  border-color: transparent;
+  color: #999;
+}
+
+.daterangepicker td.in-range {
+  background-color: #ebf4f8;
+  border-color: transparent;
+  color: #000;
+  border-radius: 0;
+}
+
+.daterangepicker td.start-date {
+  border-radius: 4px 0 0 4px;
+}
+
+.daterangepicker td.end-date {
+  border-radius: 0 4px 4px 0;
+}
+
+.daterangepicker td.start-date.end-date {
+  border-radius: 4px;
+}
+
+.daterangepicker td.active, .daterangepicker td.active:hover {
+  background-color: #357ebd;
+  border-color: transparent;
+  color: #fff;
+}
+
+.daterangepicker th.month {
+  width: auto;
+}
+
+.daterangepicker td.disabled, .daterangepicker option.disabled {
+  color: #999;
+  cursor: not-allowed;
+  text-decoration: line-through;
+}
+
+.daterangepicker select.monthselect, .daterangepicker select.yearselect {
+  font-size: 12px;
+  padding: 1px;
+  height: auto;
+  margin: 0;
+  cursor: default;
+}
+
+.daterangepicker select.monthselect {
+  margin-right: 2%;
+  width: 56%;
+}
+
+.daterangepicker select.yearselect {
+  width: 40%;
+}
+
+.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
+  width: 50px;
+  margin: 0 auto;
+  background: #eee;
+  border: 1px solid #eee;
+  padding: 2px;
+  outline: 0;
+  font-size: 12px;
+}
+
+.daterangepicker .calendar-time {
+  text-align: center;
+  margin: 4px auto 0 auto;
+  line-height: 30px;
+  position: relative;
+}
+
+.daterangepicker .calendar-time select.disabled {
+  color: #ccc;
+  cursor: not-allowed;
+}
+
+.daterangepicker .drp-buttons {
+  clear: both;
+  text-align: right;
+  padding: 8px;
+  border-top: 1px solid #ddd;
+  display: none;
+  line-height: 12px;
+  vertical-align: middle;
+}
+
+.daterangepicker .drp-selected {
+  display: inline-block;
+  font-size: 12px;
+  padding-right: 8px;
+}
+
+.daterangepicker .drp-buttons .btn {
+  margin-left: 8px;
+  font-size: 12px;
+  font-weight: bold;
+  padding: 4px 8px;
+}
+
+.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
+  border-right: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
+  border-left: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.rtl .drp-calendar.right {
+  border-right: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.ltr .drp-calendar.left {
+  border-left: 1px solid #ddd;
+}
+
+.daterangepicker .ranges {
+  float: none;
+  text-align: left;
+  margin: 0;
+}
+
+.daterangepicker.show-calendar .ranges {
+  margin-top: 8px;
+}
+
+.daterangepicker .ranges ul {
+  list-style: none;
+  margin: 0 auto;
+  padding: 0;
+  width: 100%;
+}
+
+.daterangepicker .ranges li {
+  font-size: 12px;
+  padding: 8px 12px;
+  cursor: pointer;
+}
+
+.daterangepicker .ranges li:hover {
+  background-color: #eee;
+}
+
+.daterangepicker .ranges li.active {
+  background-color: #08c;
+  color: #fff;
+}
+
+/*  Larger Screen Styling */
+@media (min-width: 564px) {
+  .daterangepicker {
+    width: auto;
+  }
+
+  .daterangepicker .ranges ul {
+    width: 140px;
+  }
+
+  .daterangepicker.single .ranges ul {
+    width: 100%;
+  }
+
+  .daterangepicker.single .drp-calendar.left {
+    clear: none;
+  }
+
+  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
+    float: left;
+  }
+
+  .daterangepicker {
+    direction: ltr;
+    text-align: left;
+  }
+
+  .daterangepicker .drp-calendar.left {
+    clear: left;
+    margin-right: 0;
+  }
+
+  .daterangepicker .drp-calendar.left .calendar-table {
+    border-right: none;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .daterangepicker .drp-calendar.right {
+    margin-left: 0;
+  }
+
+  .daterangepicker .drp-calendar.right .calendar-table {
+    border-left: none;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .daterangepicker .drp-calendar.left .calendar-table {
+    padding-right: 8px;
+  }
+
+  .daterangepicker .ranges, .daterangepicker .drp-calendar {
+    float: left;
+  }
+}
+
+@media (min-width: 730px) {
+  .daterangepicker .ranges {
+    width: auto;
+  }
+
+  .daterangepicker .ranges {
+    float: left;
+  }
+
+  .daterangepicker.rtl .ranges {
+    float: right;
+  }
+
+  .daterangepicker .drp-calendar.left {
+    clear: none !important;
+  }
+}
diff --git a/www/raven-demo/vendor/css/flatpickr.min.css b/www/raven-demo/vendor/css/flatpickr.min.css
new file mode 100644
index 0000000..a10acc6
--- /dev/null
+++ b/www/raven-demo/vendor/css/flatpickr.min.css
@@ -0,0 +1,13 @@
+.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
+      /*rtl:begin:ignore*/left:0/*
+      /*rtl:end:ignore*/}/*
+      /*rtl:begin:ignore*/
+/*
+      /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
+      /*rtl:begin:ignore*/right:0/*
+      /*rtl:end:ignore*/}/*
+      /*rtl:begin:ignore*/
+/*
+      /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
\ No newline at end of file
diff --git a/www/raven-demo/vendor/css/jsvectormap.min.css b/www/raven-demo/vendor/css/jsvectormap.min.css
new file mode 100644
index 0000000..4e8d77c
--- /dev/null
+++ b/www/raven-demo/vendor/css/jsvectormap.min.css
@@ -0,0 +1 @@
+:root{--jvm-border-color: #E5E6E7;--jvm-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--jvm-tooltip-font-size: 0.9rem;--jvm-tooltip-bg-color: #337FFA;--jvm-tooltip-color: #FFF;--jvm-tooltip-padding: 3px 5px;--jvm-tooltip-shadow: var(--jvm-box-shadow);--jvm-tooltip-radius: 3px;--jvm-zoom-btn-bg-color: #292929;--jvm-zoom-btn-color: #FFF;--jvm-zoom-btn-size: 15px;--jvm-zoom-btn-radius: 3px;--jvm-series-container-right: 15px;--jvm-legend-bg-color: #FFF;--jvm-legend-radius: 0.15rem;--jvm-legend-margin-left: 0.75rem;--jvm-legend-padding: 0.6rem;--jvm-legend-title-padding-bottom: 0.5rem;--jvm-legend-title-margin-bottom: 0.575rem;--jvm-legend-tick-margin-top: 0.575rem;--jvm-legend-tick-sample-radius: 0;--jvm-legend-tick-sample-height: 12px;--jvm-legend-tick-sample-width: 30px;--jvm-legend-tick-text-font-size: 12px;--jvm-legend-tick-text-margin-top: 3px}image,text,.jvm-zoom-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jvm-container{position:relative;height:100%;width:100%}.jvm-tooltip{border-radius:var(--jvm-tooltip-radius);background-color:var(--jvm-tooltip-bg-color);color:var(--jvm-tooltip-color);font-size:var(--jvm-tooltip-font-size);box-shadow:var(--jvm-tooltip-shadow);padding:var(--jvm-tooltip-padding);white-space:nowrap;position:absolute;display:none}.jvm-tooltip.active{display:block}.jvm-zoom-btn{background-color:var(--jvm-zoom-btn-bg-color);color:var(--jvm-zoom-btn-color);border-radius:var(--jvm-zoom-btn-radius);height:var(--jvm-zoom-btn-size);width:var(--jvm-zoom-btn-size);box-sizing:border-box;position:absolute;left:10px;line-height:var(--jvm-zoom-btn-size);text-align:center;cursor:pointer}.jvm-zoom-btn.jvm-zoomin{top:var(--jvm-zoom-btn-size)}.jvm-zoom-btn.jvm-zoomout{top:calc(var(--jvm-zoom-btn-size)*2 + var(--jvm-zoom-btn-size)/3)}.jvm-series-container{position:absolute;right:var(--jvm-series-container-right)}.jvm-series-container.jvm-series-h{bottom:15px}.jvm-series-container.jvm-series-v{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.75rem;top:15px}.jvm-legend{background-color:var(--jvm-legend-bg-color);border:1px solid var(--jvm-border-color);margin-left:var(--jvm-legend-margin-left);border-radius:var(--jvm-legend-radius);padding:var(--jvm-legend-padding);box-shadow:var(--jvm-box-shadow)}.jvm-legend-title{line-height:1;border-bottom:1px solid var(--jvm-border-color);padding-bottom:var(--jvm-legend-title-padding-bottom);margin-bottom:var(--jvm-legend-title-margin-bottom);text-align:left}.jvm-legend-tick{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:40px}.jvm-legend-tick:not(:first-child){margin-top:var(--jvm-legend-tick-margin-top)}.jvm-legend-tick-sample{border-radius:var(--jvm-legend-tick-sample-radius);margin-right:.45rem;height:var(--jvm-legend-tick-sample-height);width:var(--jvm-legend-tick-sample-width)}.jvm-legend-tick-text{font-size:var(--jvm-legend-tick-text-font-size);text-align:center;line-height:1}.jvm-line[animation=true]{-webkit-animation:jvm-line-animation 10s linear forwards infinite;animation:jvm-line-animation 10s linear forwards infinite}@-webkit-keyframes jvm-line-animation{from{stroke-dashoffset:250}}@keyframes jvm-line-animation{from{stroke-dashoffset:250}}
\ No newline at end of file
diff --git a/www/raven-demo/vendor/css/notyf.min.css b/www/raven-demo/vendor/css/notyf.min.css
new file mode 100644
index 0000000..dbb5a16
--- /dev/null
+++ b/www/raven-demo/vendor/css/notyf.min.css
@@ -0,0 +1 @@
+@-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}}
\ No newline at end of file
diff --git a/www/raven-demo/vendor/css/sal.css b/www/raven-demo/vendor/css/sal.css
new file mode 100644
index 0000000..fafcdf6
--- /dev/null
+++ b/www/raven-demo/vendor/css/sal.css
@@ -0,0 +1,3 @@
+[data-sal]{transition-delay:0s;transition-delay:var(--sal-delay,0s);transition-duration:.2s;transition-duration:var(--sal-duration,.2s);transition-timing-function:ease;transition-timing-function:var(--sal-easing,ease)}[data-sal][data-sal-duration="200"]{transition-duration:.2s}[data-sal][data-sal-duration="250"]{transition-duration:.25s}[data-sal][data-sal-duration="300"]{transition-duration:.3s}[data-sal][data-sal-duration="350"]{transition-duration:.35s}[data-sal][data-sal-duration="400"]{transition-duration:.4s}[data-sal][data-sal-duration="450"]{transition-duration:.45s}[data-sal][data-sal-duration="500"]{transition-duration:.5s}[data-sal][data-sal-duration="550"]{transition-duration:.55s}[data-sal][data-sal-duration="600"]{transition-duration:.6s}[data-sal][data-sal-duration="650"]{transition-duration:.65s}[data-sal][data-sal-duration="700"]{transition-duration:.7s}[data-sal][data-sal-duration="750"]{transition-duration:.75s}[data-sal][data-sal-duration="800"]{transition-duration:.8s}[data-sal][data-sal-duration="850"]{transition-duration:.85s}[data-sal][data-sal-duration="900"]{transition-duration:.9s}[data-sal][data-sal-duration="950"]{transition-duration:.95s}[data-sal][data-sal-duration="1000"]{transition-duration:1s}[data-sal][data-sal-duration="1050"]{transition-duration:1.05s}[data-sal][data-sal-duration="1100"]{transition-duration:1.1s}[data-sal][data-sal-duration="1150"]{transition-duration:1.15s}[data-sal][data-sal-duration="1200"]{transition-duration:1.2s}[data-sal][data-sal-duration="1250"]{transition-duration:1.25s}[data-sal][data-sal-duration="1300"]{transition-duration:1.3s}[data-sal][data-sal-duration="1350"]{transition-duration:1.35s}[data-sal][data-sal-duration="1400"]{transition-duration:1.4s}[data-sal][data-sal-duration="1450"]{transition-duration:1.45s}[data-sal][data-sal-duration="1500"]{transition-duration:1.5s}[data-sal][data-sal-duration="1550"]{transition-duration:1.55s}[data-sal][data-sal-duration="1600"]{transition-duration:1.6s}[data-sal][data-sal-duration="1650"]{transition-duration:1.65s}[data-sal][data-sal-duration="1700"]{transition-duration:1.7s}[data-sal][data-sal-duration="1750"]{transition-duration:1.75s}[data-sal][data-sal-duration="1800"]{transition-duration:1.8s}[data-sal][data-sal-duration="1850"]{transition-duration:1.85s}[data-sal][data-sal-duration="1900"]{transition-duration:1.9s}[data-sal][data-sal-duration="1950"]{transition-duration:1.95s}[data-sal][data-sal-duration="2000"]{transition-duration:2s}[data-sal][data-sal-delay="50"]{transition-delay:.05s}[data-sal][data-sal-delay="100"]{transition-delay:.1s}[data-sal][data-sal-delay="150"]{transition-delay:.15s}[data-sal][data-sal-delay="200"]{transition-delay:.2s}[data-sal][data-sal-delay="250"]{transition-delay:.25s}[data-sal][data-sal-delay="300"]{transition-delay:.3s}[data-sal][data-sal-delay="350"]{transition-delay:.35s}[data-sal][data-sal-delay="400"]{transition-delay:.4s}[data-sal][data-sal-delay="450"]{transition-delay:.45s}[data-sal][data-sal-delay="500"]{transition-delay:.5s}[data-sal][data-sal-delay="550"]{transition-delay:.55s}[data-sal][data-sal-delay="600"]{transition-delay:.6s}[data-sal][data-sal-delay="650"]{transition-delay:.65s}[data-sal][data-sal-delay="700"]{transition-delay:.7s}[data-sal][data-sal-delay="750"]{transition-delay:.75s}[data-sal][data-sal-delay="800"]{transition-delay:.8s}[data-sal][data-sal-delay="850"]{transition-delay:.85s}[data-sal][data-sal-delay="900"]{transition-delay:.9s}[data-sal][data-sal-delay="950"]{transition-delay:.95s}[data-sal][data-sal-delay="1000"]{transition-delay:1s}[data-sal][data-sal-easing=linear]{transition-timing-function:linear}[data-sal][data-sal-easing=ease]{transition-timing-function:ease}[data-sal][data-sal-easing=ease-in]{transition-timing-function:ease-in}[data-sal][data-sal-easing=ease-out]{transition-timing-function:ease-out}[data-sal][data-sal-easing=ease-in-out]{transition-timing-function:ease-in-out}[data-sal][data-sal-easing=ease-in-cubic]{transition-timing-function:cubic-bezier(.55,.055,.675,.19)}[data-sal][data-sal-easing=ease-out-cubic]{transition-timing-function:cubic-bezier(.215,.61,.355,1)}[data-sal][data-sal-easing=ease-in-out-cubic]{transition-timing-function:cubic-bezier(.645,.045,.355,1)}[data-sal][data-sal-easing=ease-in-circ]{transition-timing-function:cubic-bezier(.6,.04,.98,.335)}[data-sal][data-sal-easing=ease-out-circ]{transition-timing-function:cubic-bezier(.075,.82,.165,1)}[data-sal][data-sal-easing=ease-in-out-circ]{transition-timing-function:cubic-bezier(.785,.135,.15,.86)}[data-sal][data-sal-easing=ease-in-expo]{transition-timing-function:cubic-bezier(.95,.05,.795,.035)}[data-sal][data-sal-easing=ease-out-expo]{transition-timing-function:cubic-bezier(.19,1,.22,1)}[data-sal][data-sal-easing=ease-in-out-expo]{transition-timing-function:cubic-bezier(1,0,0,1)}[data-sal][data-sal-easing=ease-in-quad]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-sal][data-sal-easing=ease-out-quad]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-sal][data-sal-easing=ease-in-out-quad]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-sal][data-sal-easing=ease-in-quart]{transition-timing-function:cubic-bezier(.895,.03,.685,.22)}[data-sal][data-sal-easing=ease-out-quart]{transition-timing-function:cubic-bezier(.165,.84,.44,1)}[data-sal][data-sal-easing=ease-in-out-quart]{transition-timing-function:cubic-bezier(.77,0,.175,1)}[data-sal][data-sal-easing=ease-in-quint]{transition-timing-function:cubic-bezier(.755,.05,.855,.06)}[data-sal][data-sal-easing=ease-out-quint]{transition-timing-function:cubic-bezier(.23,1,.32,1)}[data-sal][data-sal-easing=ease-in-out-quint]{transition-timing-function:cubic-bezier(.86,0,.07,1)}[data-sal][data-sal-easing=ease-in-sine]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-sal][data-sal-easing=ease-out-sine]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-sal][data-sal-easing=ease-in-out-sine]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-sal][data-sal-easing=ease-in-back]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-sal][data-sal-easing=ease-out-back]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-sal][data-sal-easing=ease-in-out-back]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-sal|=fade]{opacity:0;transition-property:opacity}[data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade]{opacity:1}[data-sal|=slide]{opacity:0;transition-property:opacity,transform}[data-sal=slide-up]{transform:translateY(20%)}[data-sal=slide-down]{transform:translateY(-20%)}[data-sal=slide-left]{transform:translateX(20%)}[data-sal=slide-right]{transform:translateX(-20%)}[data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide]{opacity:1;transform:none}[data-sal|=zoom]{opacity:0;transition-property:opacity,transform}[data-sal=zoom-in]{transform:scale(.5)}[data-sal=zoom-out]{transform:scale(1.1)}[data-sal|=zoom].sal-animate,body.sal-disabled [data-sal|=zoom]{opacity:1;transform:none}[data-sal|=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}[data-sal=flip-left]{transform:perspective(2000px) rotateY(-91deg)}[data-sal=flip-right]{transform:perspective(2000px) rotateY(91deg)}[data-sal=flip-up]{transform:perspective(2000px) rotateX(-91deg)}[data-sal=flip-down]{transform:perspective(2000px) rotateX(91deg)}[data-sal|=flip].sal-animate,body.sal-disabled [data-sal|=flip]{transform:none}
+
+/*# sourceMappingURL=sal.css.map*/
\ No newline at end of file
diff --git a/www/raven-demo/vendor/css/simplebar.css b/www/raven-demo/vendor/css/simplebar.css
new file mode 100644
index 0000000..0af2c45
--- /dev/null
+++ b/www/raven-demo/vendor/css/simplebar.css
@@ -0,0 +1,230 @@
+[data-simplebar] {
+  position: relative;
+  flex-direction: column;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-content: flex-start;
+  align-items: flex-start;
+}
+
+.simplebar-wrapper {
+  overflow: hidden;
+  width: inherit;
+  height: inherit;
+  max-width: inherit;
+  max-height: inherit;
+}
+
+.simplebar-mask {
+  direction: inherit;
+  position: absolute;
+  overflow: hidden;
+  padding: 0;
+  margin: 0;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: auto !important;
+  height: auto !important;
+  z-index: 0;
+}
+
+.simplebar-offset {
+  direction: inherit !important;
+  box-sizing: inherit !important;
+  resize: none !important;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  padding: 0;
+  margin: 0;
+  -webkit-overflow-scrolling: touch;
+}
+
+.simplebar-content-wrapper {
+  direction: inherit;
+  box-sizing: border-box !important;
+  position: relative;
+  display: block;
+  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
+  width: auto;
+  max-width: 100%; /* Not required for horizontal scroll to trigger */
+  max-height: 100%; /* Needed for vertical scroll to trigger */
+  overflow: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.simplebar-content-wrapper::-webkit-scrollbar,
+.simplebar-hide-scrollbar::-webkit-scrollbar {
+  display: none;
+  width: 0;
+  height: 0;
+}
+
+.simplebar-content:before,
+.simplebar-content:after {
+  content: ' ';
+  display: table;
+}
+
+.simplebar-placeholder {
+  max-height: 100%;
+  max-width: 100%;
+  width: 100%;
+  pointer-events: none;
+}
+
+.simplebar-height-auto-observer-wrapper {
+  box-sizing: inherit !important;
+  height: 100%;
+  width: 100%;
+  max-width: 1px;
+  position: relative;
+  float: left;
+  max-height: 1px;
+  overflow: hidden;
+  z-index: -1;
+  padding: 0;
+  margin: 0;
+  pointer-events: none;
+  flex-grow: inherit;
+  flex-shrink: 0;
+  flex-basis: 0;
+}
+
+.simplebar-height-auto-observer {
+  box-sizing: inherit;
+  display: block;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 1000%;
+  width: 1000%;
+  min-height: 1px;
+  min-width: 1px;
+  overflow: hidden;
+  pointer-events: none;
+  z-index: -1;
+}
+
+.simplebar-track {
+  z-index: 1;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  overflow: hidden;
+}
+
+[data-simplebar].simplebar-dragging {
+  pointer-events: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+[data-simplebar].simplebar-dragging .simplebar-content {
+  pointer-events: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+[data-simplebar].simplebar-dragging .simplebar-track {
+  pointer-events: all;
+}
+
+.simplebar-scrollbar {
+  position: absolute;
+  left: 0;
+  right: 0;
+  min-height: 10px;
+}
+
+.simplebar-scrollbar:before {
+  position: absolute;
+  content: '';
+  background: black;
+  border-radius: 7px;
+  left: 2px;
+  right: 2px;
+  opacity: 0;
+  transition: opacity 0.2s 0.5s linear;
+}
+
+.simplebar-scrollbar.simplebar-visible:before {
+  opacity: 0.5;
+  transition-delay: 0s;
+  transition-duration: 0s;
+}
+
+.simplebar-track.simplebar-vertical {
+  top: 0;
+  width: 11px;
+}
+
+.simplebar-scrollbar:before {
+  top: 2px;
+  bottom: 2px;
+  left: 2px;
+  right: 2px;
+}
+
+.simplebar-track.simplebar-horizontal {
+  left: 0;
+  height: 11px;
+}
+
+.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
+  right: auto;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  min-height: 0;
+  min-width: 10px;
+  width: auto;
+}
+
+/* Rtl support */
+[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
+  right: auto;
+  left: 0;
+}
+
+.simplebar-dummy-scrollbar-size {
+  direction: rtl;
+  position: fixed;
+  opacity: 0;
+  visibility: hidden;
+  height: 500px;
+  width: 500px;
+  overflow-y: hidden;
+  overflow-x: scroll;
+  -ms-overflow-style: scrollbar !important;
+}
+
+.simplebar-dummy-scrollbar-size > div {
+  width: 200%;
+  height: 200%;
+  margin: 10px 0;
+}
+
+.simplebar-hide-scrollbar {
+  position: fixed;
+  left: 0;
+  visibility: hidden;
+  overflow-y: scroll;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
diff --git a/www/raven-demo/vendor/css/sweetalert2.min.css b/www/raven-demo/vendor/css/sweetalert2.min.css
new file mode 100644
index 0000000..621057c
--- /dev/null
+++ b/www/raven-demo/vendor/css/sweetalert2.min.css
@@ -0,0 +1 @@
+:root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-container-padding: 0.625em;--swal2-backdrop: rgba(0, 0, 0, 0.4);--swal2-backdrop-transition: background-color 0.1s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: 0.3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show 0.3s;--swal2-hide-animation: swal2-hide 0.15s forwards;--swal2-icon-zoom: 1;--swal2-icon-animations: true;--swal2-title-padding: 0.8em 1em 0;--swal2-html-container-padding: 1em 1.6em 0.3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: 0.1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color 0.2s, box-shadow 0.2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px $swal2-outline-color;--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color 0.2s, box-shadow 0.2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: 0.25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: 0.25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: 0.25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show 0.5s;--swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}@media(prefers-color-scheme: dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem;container-name:swal2-popup}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:rgba(0,0,0,0);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:all}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}
diff --git a/www/raven-demo/vendor/css/swiper-bundle.min.css b/www/raven-demo/vendor/css/swiper-bundle.min.css
new file mode 100644
index 0000000..af74a68
--- /dev/null
+++ b/www/raven-demo/vendor/css/swiper-bundle.min.css
@@ -0,0 +1,13 @@
+/**
+ * Swiper 11.2.10
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2025 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: June 28, 2025
+ */
+
+@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
\ No newline at end of file
diff --git a/www/raven-demo/vendor/css/tom-select.min.css b/www/raven-demo/vendor/css/tom-select.min.css
new file mode 100644
index 0000000..6295756
--- /dev/null
+++ b/www/raven-demo/vendor/css/tom-select.min.css
@@ -0,0 +1,2 @@
+.ts-control{border:1px solid #d0d0d0;border-radius:3px;box-shadow:none;box-sizing:border-box;display:flex;flex-wrap:wrap;overflow:hidden;padding:8px;position:relative;width:100%;z-index:1}.ts-wrapper.multi.has-items .ts-control{padding:6px 8px 3px}.full .ts-control{background-color:#fff}.disabled .ts-control,.disabled .ts-control *{cursor:default!important}.focus .ts-control{box-shadow:none}.ts-control>*{display:inline-block;vertical-align:initial}.ts-wrapper.multi .ts-control>div{background:#f2f2f2;border:0 solid #d0d0d0;color:#303030;cursor:pointer;margin:0 3px 3px 0;padding:2px 6px}.ts-wrapper.multi .ts-control>div.active{background:#e8e8e8;border:0 solid #cacaca;color:#303030}.ts-wrapper.multi.disabled .ts-control>div,.ts-wrapper.multi.disabled .ts-control>div.active{background:#fff;border:0 solid #fff;color:#7d7d7d}.ts-control>input{background:none!important;border:0!important;box-shadow:none!important;display:inline-block!important;flex:1 1 auto;line-height:inherit!important;margin:0!important;max-height:none!important;max-width:100%!important;min-height:0!important;min-width:7rem;padding:0!important;text-indent:0!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.ts-control>input::-ms-clear{display:none}.ts-control>input:focus{outline:none!important}.has-items .ts-control>input{margin:0 4px!important}.ts-control.rtl{text-align:right}.ts-control.rtl.single .ts-control:after{left:15px;right:auto}.ts-control.rtl .ts-control>input{margin:0 4px 0 -2px!important}.disabled .ts-control{background-color:#fafafa;opacity:.5}.input-hidden .ts-control>input{left:-10000px;opacity:0;position:absolute}.ts-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:0 0 3px 3px;border-top:0;box-shadow:0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;left:0;margin:.25rem 0 0;position:absolute;top:100%;width:100%;z-index:10}.ts-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.ts-dropdown [data-selectable] .highlight{background:rgba(125,168,208,.2);border-radius:1px}.ts-dropdown .create,.ts-dropdown .no-results,.ts-dropdown .optgroup-header,.ts-dropdown .option{padding:5px 8px}.ts-dropdown .option,.ts-dropdown [data-disabled],.ts-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.ts-dropdown [data-selectable].option{cursor:pointer;opacity:1}.ts-dropdown .optgroup:first-child .optgroup-header{border-top:0}.ts-dropdown .optgroup-header{background:#fff;color:#303030;cursor:default}.ts-dropdown .active{background-color:#f5fafd;color:#495c68}.ts-dropdown .active.create{color:#495c68}.ts-dropdown .create{color:rgba(48,48,48,.5)}.ts-dropdown .spinner{display:inline-block;height:30px;margin:5px 8px;width:30px}.ts-dropdown .spinner:after{animation:lds-dual-ring 1.2s linear infinite;border-color:#d0d0d0 transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:24px;margin:3px;width:24px}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-dropdown-content{max-height:200px;overflow:hidden auto;scroll-behavior:smooth}.ts-wrapper.plugin-drag_drop .ts-dragging{color:transparent!important}.ts-wrapper.plugin-drag_drop .ts-dragging>*{visibility:hidden!important}.plugin-checkbox_options:not(.rtl) .option input{margin-right:.5rem}.plugin-checkbox_options.rtl .option input{margin-left:.5rem}.plugin-clear_button{--ts-pr-clear-button:1em}.plugin-clear_button .clear-button{background:transparent!important;cursor:pointer;margin-right:0!important;opacity:0;position:absolute;right:2px;top:50%;transform:translateY(-50%);transition:opacity .5s}.plugin-clear_button.form-select .clear-button,.plugin-clear_button.single .clear-button{right:max(var(--ts-pr-caret),8px)}.plugin-clear_button.focus.has-items .clear-button,.plugin-clear_button:not(.disabled):hover.has-items .clear-button{opacity:1}.ts-wrapper .dropdown-header{background:color-mix(#fff,#d0d0d0,85%);border-bottom:1px solid #d0d0d0;border-radius:3px 3px 0 0;padding:10px 8px;position:relative}.ts-wrapper .dropdown-header-close{color:#303030;font-size:20px!important;line-height:20px;margin-top:-12px;opacity:.4;position:absolute;right:8px;top:50%}.ts-wrapper .dropdown-header-close:hover{color:#000}.plugin-dropdown_input.focus.dropdown-active .ts-control{border:1px solid #d0d0d0;box-shadow:none}.plugin-dropdown_input .dropdown-input{background:transparent;border:solid #d0d0d0;border-width:0 0 1px;box-shadow:none;display:block;padding:8px;width:100%}.plugin-dropdown_input .items-placeholder{border:0!important;box-shadow:none!important;width:100%}.plugin-dropdown_input.dropdown-active .items-placeholder,.plugin-dropdown_input.has-items .items-placeholder{display:none!important}.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:4px}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-ms-input-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder{color:transparent}.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content{display:flex}.ts-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0;flex-basis:0;flex-grow:1;min-width:0}.ts-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0}.ts-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.ts-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0}.ts-wrapper.plugin-remove_button .item{align-items:center;display:inline-flex}.ts-wrapper.plugin-remove_button .item .remove{border-radius:0 2px 2px 0;box-sizing:border-box;color:inherit;display:inline-block;padding:0 6px;text-decoration:none;vertical-align:middle}.ts-wrapper.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.ts-wrapper.plugin-remove_button.disabled .item .remove:hover{background:none}.ts-wrapper.plugin-remove_button .remove-single{font-size:23px;position:absolute;right:0;top:0}.ts-wrapper.plugin-remove_button:not(.rtl) .item{padding-right:0!important}.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove{border-left:1px solid #d0d0d0;margin-left:6px}.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove{border-left-color:#cacaca}.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove{border-left-color:#fff}.ts-wrapper.plugin-remove_button.rtl .item{padding-left:0!important}.ts-wrapper.plugin-remove_button.rtl .item .remove{border-right:1px solid #d0d0d0;margin-right:6px}.ts-wrapper.plugin-remove_button.rtl .item.active .remove{border-right-color:#cacaca}.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove{border-right-color:#fff}:root{--ts-pr-clear-button:0px;--ts-pr-caret:0px;--ts-pr-min:.75rem}.ts-wrapper.single .ts-control,.ts-wrapper.single .ts-control input{cursor:pointer}.ts-control:not(.rtl){padding-right:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-control.rtl{padding-left:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-wrapper{position:relative}.ts-control,.ts-control input,.ts-dropdown{color:#303030;font-family:inherit;font-size:13px;line-height:18px}.ts-control,.ts-wrapper.single.input-active .ts-control{background:#fff;cursor:text}.ts-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
+/*# sourceMappingURL=tom-select.min.css.map */
\ No newline at end of file
diff --git a/www/raven-demo/vendor/js/Sortable.min.js b/www/raven-demo/vendor/js/Sortable.min.js
new file mode 100644
index 0000000..95423a6
--- /dev/null
+++ b/www/raven-demo/vendor/js/Sortable.min.js
@@ -0,0 +1,2 @@
+/*! Sortable 1.15.6 - MIT | git://github.com/SortableJS/Sortable.git */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Sortable=e()}(this,function(){"use strict";function e(e,t){var n,o=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,n)),o}function I(o){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?e(Object(i),!0).forEach(function(t){var e,n;e=o,t=i[n=t],n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):e(Object(i)).forEach(function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(i,t))})}return o}function o(t){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(){return(a=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,o=arguments[e];for(n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t}).apply(this,arguments)}function i(t,e){if(null==t)return{};var n,o=function(t,e){if(null==t)return{};for(var n,o={},i=Object.keys(t),r=0;r<i.length;r++)n=i[r],0<=e.indexOf(n)||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols)for(var i=Object.getOwnPropertySymbols(t),r=0;r<i.length;r++)n=i[r],0<=e.indexOf(n)||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n]);return o}function r(t){return function(t){if(Array.isArray(t))return l(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return l(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Map"===(n="Object"===n&&t.constructor?t.constructor.name:n)||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function t(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var y=t(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),w=t(/Edge/i),s=t(/firefox/i),u=t(/safari/i)&&!t(/chrome/i)&&!t(/android/i),c=t(/iP(ad|od|hone)/i),n=t(/chrome/i)&&t(/android/i),d={capture:!1,passive:!1};function h(t,e,n){t.addEventListener(e,n,!y&&d)}function p(t,e,n){t.removeEventListener(e,n,!y&&d)}function f(t,e){if(e&&(">"===e[0]&&(e=e.substring(1)),t))try{if(t.matches)return t.matches(e);if(t.msMatchesSelector)return t.msMatchesSelector(e);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(e)}catch(t){return}}function g(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function P(t,e,n,o){if(t){n=n||document;do{if(null!=e&&(">"!==e[0]||t.parentNode===n)&&f(t,e)||o&&t===n)return t}while(t!==n&&(t=g(t)))}return null}var m,v=/\s+/g;function k(t,e,n){var o;t&&e&&(t.classList?t.classList[n?"add":"remove"](e):(o=(" "+t.className+" ").replace(v," ").replace(" "+e+" "," "),t.className=(o+(n?" "+e:"")).replace(v," ")))}function R(t,e,n){var o=t&&t.style;if(o){if(void 0===n)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(n=t.currentStyle),void 0===e?n:n[e];o[e=!(e in o||-1!==e.indexOf("webkit"))?"-webkit-"+e:e]=n+("string"==typeof n?"":"px")}}function b(t,e){var n="";if("string"==typeof t)n=t;else do{var o=R(t,"transform")}while(o&&"none"!==o&&(n=o+" "+n),!e&&(t=t.parentNode));var i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(n)}function D(t,e,n){if(t){var o=t.getElementsByTagName(e),i=0,r=o.length;if(n)for(;i<r;i++)n(o[i],i);return o}return[]}function O(){var t=document.scrollingElement;return t||document.documentElement}function X(t,e,n,o,i){if(t.getBoundingClientRect||t===window){var r,a,l,s,c,u,d=t!==window&&t.parentNode&&t!==O()?(a=(r=t.getBoundingClientRect()).top,l=r.left,s=r.bottom,c=r.right,u=r.height,r.width):(l=a=0,s=window.innerHeight,c=window.innerWidth,u=window.innerHeight,window.innerWidth);if((e||n)&&t!==window&&(i=i||t.parentNode,!y))do{if(i&&i.getBoundingClientRect&&("none"!==R(i,"transform")||n&&"static"!==R(i,"position"))){var h=i.getBoundingClientRect();a-=h.top+parseInt(R(i,"border-top-width")),l-=h.left+parseInt(R(i,"border-left-width")),s=a+r.height,c=l+r.width;break}}while(i=i.parentNode);return o&&t!==window&&(o=(e=b(i||t))&&e.a,t=e&&e.d,e&&(s=(a/=t)+(u/=t),c=(l/=o)+(d/=o))),{top:a,left:l,bottom:s,right:c,width:d,height:u}}}function Y(t,e,n){for(var o=M(t,!0),i=X(t)[e];o;){var r=X(o)[n];if(!("top"===n||"left"===n?r<=i:i<=r))return o;if(o===O())break;o=M(o,!1)}return!1}function B(t,e,n,o){for(var i=0,r=0,a=t.children;r<a.length;){if("none"!==a[r].style.display&&a[r]!==jt.ghost&&(o||a[r]!==jt.dragged)&&P(a[r],n.draggable,t,!1)){if(i===e)return a[r];i++}r++}return null}function F(t,e){for(var n=t.lastElementChild;n&&(n===jt.ghost||"none"===R(n,"display")||e&&!f(n,e));)n=n.previousElementSibling;return n||null}function j(t,e){var n=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===jt.clone||e&&!f(t,e)||n++;return n}function E(t){var e=0,n=0,o=O();if(t)do{var i=b(t),r=i.a,i=i.d}while(e+=t.scrollLeft*r,n+=t.scrollTop*i,t!==o&&(t=t.parentNode));return[e,n]}function M(t,e){if(!t||!t.getBoundingClientRect)return O();var n=t,o=!1;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var i=R(n);if(n.clientWidth<n.scrollWidth&&("auto"==i.overflowX||"scroll"==i.overflowX)||n.clientHeight<n.scrollHeight&&("auto"==i.overflowY||"scroll"==i.overflowY)){if(!n.getBoundingClientRect||n===document.body)return O();if(o||e)return n;o=!0}}}while(n=n.parentNode);return O()}function S(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}function _(e,n){return function(){var t;m||(1===(t=arguments).length?e.call(this,t[0]):e.apply(this,t),m=setTimeout(function(){m=void 0},n))}}function H(t,e,n){t.scrollLeft+=e,t.scrollTop+=n}function C(t){var e=window.Polymer,n=window.jQuery||window.Zepto;return e&&e.dom?e.dom(t).cloneNode(!0):n?n(t).clone(!0)[0]:t.cloneNode(!0)}function T(t,e){R(t,"position","absolute"),R(t,"top",e.top),R(t,"left",e.left),R(t,"width",e.width),R(t,"height",e.height)}function x(t){R(t,"position",""),R(t,"top",""),R(t,"left",""),R(t,"width",""),R(t,"height","")}function L(n,o,i){var r={};return Array.from(n.children).forEach(function(t){var e;P(t,o.draggable,n,!1)&&!t.animated&&t!==i&&(e=X(t),r.left=Math.min(null!==(t=r.left)&&void 0!==t?t:1/0,e.left),r.top=Math.min(null!==(t=r.top)&&void 0!==t?t:1/0,e.top),r.right=Math.max(null!==(t=r.right)&&void 0!==t?t:-1/0,e.right),r.bottom=Math.max(null!==(t=r.bottom)&&void 0!==t?t:-1/0,e.bottom))}),r.width=r.right-r.left,r.height=r.bottom-r.top,r.x=r.left,r.y=r.top,r}var K="Sortable"+(new Date).getTime();function A(){var e,o=[];return{captureAnimationState:function(){o=[],this.options.animation&&[].slice.call(this.el.children).forEach(function(t){var e,n;"none"!==R(t,"display")&&t!==jt.ghost&&(o.push({target:t,rect:X(t)}),e=I({},o[o.length-1].rect),!t.thisAnimationDuration||(n=b(t,!0))&&(e.top-=n.f,e.left-=n.e),t.fromRect=e)})},addAnimationState:function(t){o.push(t)},removeAnimationState:function(t){o.splice(function(t,e){for(var n in t)if(t.hasOwnProperty(n))for(var o in e)if(e.hasOwnProperty(o)&&e[o]===t[n][o])return Number(n);return-1}(o,{target:t}),1)},animateAll:function(t){var c=this;if(!this.options.animation)return clearTimeout(e),void("function"==typeof t&&t());var u=!1,d=0;o.forEach(function(t){var e=0,n=t.target,o=n.fromRect,i=X(n),r=n.prevFromRect,a=n.prevToRect,l=t.rect,s=b(n,!0);s&&(i.top-=s.f,i.left-=s.e),n.toRect=i,n.thisAnimationDuration&&S(r,i)&&!S(o,i)&&(l.top-i.top)/(l.left-i.left)==(o.top-i.top)/(o.left-i.left)&&(t=l,s=r,r=a,a=c.options,e=Math.sqrt(Math.pow(s.top-t.top,2)+Math.pow(s.left-t.left,2))/Math.sqrt(Math.pow(s.top-r.top,2)+Math.pow(s.left-r.left,2))*a.animation),S(i,o)||(n.prevFromRect=o,n.prevToRect=i,e=e||c.options.animation,c.animate(n,l,i,e)),e&&(u=!0,d=Math.max(d,e),clearTimeout(n.animationResetTimer),n.animationResetTimer=setTimeout(function(){n.animationTime=0,n.prevFromRect=null,n.fromRect=null,n.prevToRect=null,n.thisAnimationDuration=null},e),n.thisAnimationDuration=e)}),clearTimeout(e),u?e=setTimeout(function(){"function"==typeof t&&t()},d):"function"==typeof t&&t(),o=[]},animate:function(t,e,n,o){var i,r;o&&(R(t,"transition",""),R(t,"transform",""),i=(r=b(this.el))&&r.a,r=r&&r.d,i=(e.left-n.left)/(i||1),r=(e.top-n.top)/(r||1),t.animatingX=!!i,t.animatingY=!!r,R(t,"transform","translate3d("+i+"px,"+r+"px,0)"),this.forRepaintDummy=t.offsetWidth,R(t,"transition","transform "+o+"ms"+(this.options.easing?" "+this.options.easing:"")),R(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout(function(){R(t,"transition",""),R(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1},o))}}}var N=[],W={initializeByDefault:!0},z={mount:function(e){for(var t in W)!W.hasOwnProperty(t)||t in e||(e[t]=W[t]);N.forEach(function(t){if(t.pluginName===e.pluginName)throw"Sortable: Cannot mount plugin ".concat(e.pluginName," more than once")}),N.push(e)},pluginEvent:function(e,n,o){var t=this;this.eventCanceled=!1,o.cancel=function(){t.eventCanceled=!0};var i=e+"Global";N.forEach(function(t){n[t.pluginName]&&(n[t.pluginName][i]&&n[t.pluginName][i](I({sortable:n},o)),n.options[t.pluginName]&&n[t.pluginName][e]&&n[t.pluginName][e](I({sortable:n},o)))})},initializePlugins:function(n,o,i,t){for(var e in N.forEach(function(t){var e=t.pluginName;(n.options[e]||t.initializeByDefault)&&((t=new t(n,o,n.options)).sortable=n,t.options=n.options,n[e]=t,a(i,t.defaults))}),n.options){var r;n.options.hasOwnProperty(e)&&(void 0!==(r=this.modifyOption(n,e,n.options[e]))&&(n.options[e]=r))}},getEventProperties:function(e,n){var o={};return N.forEach(function(t){"function"==typeof t.eventProperties&&a(o,t.eventProperties.call(n[t.pluginName],e))}),o},modifyOption:function(e,n,o){var i;return N.forEach(function(t){e[t.pluginName]&&t.optionListeners&&"function"==typeof t.optionListeners[n]&&(i=t.optionListeners[n].call(e[t.pluginName],o))}),i}};function G(t){var e=t.sortable,n=t.rootEl,o=t.name,i=t.targetEl,r=t.cloneEl,a=t.toEl,l=t.fromEl,s=t.oldIndex,c=t.newIndex,u=t.oldDraggableIndex,d=t.newDraggableIndex,h=t.originalEvent,p=t.putSortable,f=t.extraEventProperties;if(e=e||n&&n[K]){var g,m=e.options,t="on"+o.charAt(0).toUpperCase()+o.substr(1);!window.CustomEvent||y||w?(g=document.createEvent("Event")).initEvent(o,!0,!0):g=new CustomEvent(o,{bubbles:!0,cancelable:!0}),g.to=a||n,g.from=l||n,g.item=i||n,g.clone=r,g.oldIndex=s,g.newIndex=c,g.oldDraggableIndex=u,g.newDraggableIndex=d,g.originalEvent=h,g.pullMode=p?p.lastPutMode:void 0;var v,b=I(I({},f),z.getEventProperties(o,e));for(v in b)g[v]=b[v];n&&n.dispatchEvent(g),m[t]&&m[t].call(e,g)}}function U(t,e){var n=(o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{}).evt,o=i(o,q);z.pluginEvent.bind(jt)(t,e,I({dragEl:Z,parentEl:$,ghostEl:Q,rootEl:J,nextEl:tt,lastDownEl:et,cloneEl:nt,cloneHidden:ot,dragStarted:mt,putSortable:ct,activeSortable:jt.active,originalEvent:n,oldIndex:it,oldDraggableIndex:at,newIndex:rt,newDraggableIndex:lt,hideGhostForTarget:Xt,unhideGhostForTarget:Yt,cloneNowHidden:function(){ot=!0},cloneNowShown:function(){ot=!1},dispatchSortableEvent:function(t){V({sortable:e,name:t,originalEvent:n})}},o))}var q=["evt"];function V(t){G(I({putSortable:ct,cloneEl:nt,targetEl:Z,rootEl:J,oldIndex:it,oldDraggableIndex:at,newIndex:rt,newDraggableIndex:lt},t))}var Z,$,Q,J,tt,et,nt,ot,it,rt,at,lt,st,ct,ut,dt,ht,pt,ft,gt,mt,vt,bt,yt,wt,Dt=!1,Et=!1,St=[],_t=!1,Ct=!1,Tt=[],xt=!1,Ot=[],Mt="undefined"!=typeof document,At=c,Nt=w||y?"cssFloat":"float",It=Mt&&!n&&!c&&"draggable"in document.createElement("div"),Pt=function(){if(Mt){if(y)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),kt=function(t,e){var n=R(t),o=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),i=B(t,0,e),r=B(t,1,e),a=i&&R(i),l=r&&R(r),s=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+X(i).width,t=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+X(r).width;if("flex"===n.display)return"column"===n.flexDirection||"column-reverse"===n.flexDirection?"vertical":"horizontal";if("grid"===n.display)return n.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(i&&a.float&&"none"!==a.float){e="left"===a.float?"left":"right";return!r||"both"!==l.clear&&l.clear!==e?"horizontal":"vertical"}return i&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||o<=s&&"none"===n[Nt]||r&&"none"===n[Nt]&&o<s+t)?"vertical":"horizontal"},Rt=function(t){function l(r,a){return function(t,e,n,o){var i=t.options.group.name&&e.options.group.name&&t.options.group.name===e.options.group.name;if(null==r&&(a||i))return!0;if(null==r||!1===r)return!1;if(a&&"clone"===r)return r;if("function"==typeof r)return l(r(t,e,n,o),a)(t,e,n,o);e=(a?t:e).options.group.name;return!0===r||"string"==typeof r&&r===e||r.join&&-1<r.indexOf(e)}}var e={},n=t.group;n&&"object"==o(n)||(n={name:n}),e.name=n.name,e.checkPull=l(n.pull,!0),e.checkPut=l(n.put),e.revertClone=n.revertClone,t.group=e},Xt=function(){!Pt&&Q&&R(Q,"display","none")},Yt=function(){!Pt&&Q&&R(Q,"display","")};Mt&&!n&&document.addEventListener("click",function(t){if(Et)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),Et=!1},!0);function Bt(t){if(Z){t=t.touches?t.touches[0]:t;var e=(i=t.clientX,r=t.clientY,St.some(function(t){var e=t[K].options.emptyInsertThreshold;if(e&&!F(t)){var n=X(t),o=i>=n.left-e&&i<=n.right+e,e=r>=n.top-e&&r<=n.bottom+e;return o&&e?a=t:void 0}}),a);if(e){var n,o={};for(n in t)t.hasOwnProperty(n)&&(o[n]=t[n]);o.target=o.rootEl=e,o.preventDefault=void 0,o.stopPropagation=void 0,e[K]._onDragOver(o)}}var i,r,a}function Ft(t){Z&&Z.parentNode[K]._isOutsideThisEl(t.target)}function jt(t,e){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=e=a({},e),t[K]=this;var n,o,i={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return kt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,e){t.setData("Text",e.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==jt.supportPointer&&"PointerEvent"in window&&(!u||c),emptyInsertThreshold:5};for(n in z.initializePlugins(this,t,i),i)n in e||(e[n]=i[n]);for(o in Rt(e),this)"_"===o.charAt(0)&&"function"==typeof this[o]&&(this[o]=this[o].bind(this));this.nativeDraggable=!e.forceFallback&&It,this.nativeDraggable&&(this.options.touchStartThreshold=1),e.supportPointer?h(t,"pointerdown",this._onTapStart):(h(t,"mousedown",this._onTapStart),h(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(h(t,"dragover",this),h(t,"dragenter",this)),St.push(this.el),e.store&&e.store.get&&this.sort(e.store.get(this)||[]),a(this,A())}function Ht(t,e,n,o,i,r,a,l){var s,c,u=t[K],d=u.options.onMove;return!window.CustomEvent||y||w?(s=document.createEvent("Event")).initEvent("move",!0,!0):s=new CustomEvent("move",{bubbles:!0,cancelable:!0}),s.to=e,s.from=t,s.dragged=n,s.draggedRect=o,s.related=i||e,s.relatedRect=r||X(e),s.willInsertAfter=l,s.originalEvent=a,t.dispatchEvent(s),c=d?d.call(u,s,a):c}function Lt(t){t.draggable=!1}function Kt(){xt=!1}function Wt(t){return setTimeout(t,0)}function zt(t){return clearTimeout(t)}jt.prototype={constructor:jt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(vt=null)},_getDirection:function(t,e){return"function"==typeof this.options.direction?this.options.direction.call(this,t,e,Z):this.options.direction},_onTapStart:function(e){if(e.cancelable){var n=this,o=this.el,t=this.options,i=t.preventOnFilter,r=e.type,a=e.touches&&e.touches[0]||e.pointerType&&"touch"===e.pointerType&&e,l=(a||e).target,s=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||l,c=t.filter;if(!function(t){Ot.length=0;var e=t.getElementsByTagName("input"),n=e.length;for(;n--;){var o=e[n];o.checked&&Ot.push(o)}}(o),!Z&&!(/mousedown|pointerdown/.test(r)&&0!==e.button||t.disabled)&&!s.isContentEditable&&(this.nativeDraggable||!u||!l||"SELECT"!==l.tagName.toUpperCase())&&!((l=P(l,t.draggable,o,!1))&&l.animated||et===l)){if(it=j(l),at=j(l,t.draggable),"function"==typeof c){if(c.call(this,e,l,this))return V({sortable:n,rootEl:s,name:"filter",targetEl:l,toEl:o,fromEl:o}),U("filter",n,{evt:e}),void(i&&e.preventDefault())}else if(c=c&&c.split(",").some(function(t){if(t=P(s,t.trim(),o,!1))return V({sortable:n,rootEl:t,name:"filter",targetEl:l,fromEl:o,toEl:o}),U("filter",n,{evt:e}),!0}))return void(i&&e.preventDefault());t.handle&&!P(s,t.handle,o,!1)||this._prepareDragStart(e,a,l)}}},_prepareDragStart:function(t,e,n){var o,i=this,r=i.el,a=i.options,l=r.ownerDocument;n&&!Z&&n.parentNode===r&&(o=X(n),J=r,$=(Z=n).parentNode,tt=Z.nextSibling,et=n,st=a.group,ut={target:jt.dragged=Z,clientX:(e||t).clientX,clientY:(e||t).clientY},ft=ut.clientX-o.left,gt=ut.clientY-o.top,this._lastX=(e||t).clientX,this._lastY=(e||t).clientY,Z.style["will-change"]="all",o=function(){U("delayEnded",i,{evt:t}),jt.eventCanceled?i._onDrop():(i._disableDelayedDragEvents(),!s&&i.nativeDraggable&&(Z.draggable=!0),i._triggerDragStart(t,e),V({sortable:i,name:"choose",originalEvent:t}),k(Z,a.chosenClass,!0))},a.ignore.split(",").forEach(function(t){D(Z,t.trim(),Lt)}),h(l,"dragover",Bt),h(l,"mousemove",Bt),h(l,"touchmove",Bt),a.supportPointer?(h(l,"pointerup",i._onDrop),this.nativeDraggable||h(l,"pointercancel",i._onDrop)):(h(l,"mouseup",i._onDrop),h(l,"touchend",i._onDrop),h(l,"touchcancel",i._onDrop)),s&&this.nativeDraggable&&(this.options.touchStartThreshold=4,Z.draggable=!0),U("delayStart",this,{evt:t}),!a.delay||a.delayOnTouchOnly&&!e||this.nativeDraggable&&(w||y)?o():jt.eventCanceled?this._onDrop():(a.supportPointer?(h(l,"pointerup",i._disableDelayedDrag),h(l,"pointercancel",i._disableDelayedDrag)):(h(l,"mouseup",i._disableDelayedDrag),h(l,"touchend",i._disableDelayedDrag),h(l,"touchcancel",i._disableDelayedDrag)),h(l,"mousemove",i._delayedDragTouchMoveHandler),h(l,"touchmove",i._delayedDragTouchMoveHandler),a.supportPointer&&h(l,"pointermove",i._delayedDragTouchMoveHandler),i._dragStartTimer=setTimeout(o,a.delay)))},_delayedDragTouchMoveHandler:function(t){t=t.touches?t.touches[0]:t;Math.max(Math.abs(t.clientX-this._lastX),Math.abs(t.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){Z&&Lt(Z),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;p(t,"mouseup",this._disableDelayedDrag),p(t,"touchend",this._disableDelayedDrag),p(t,"touchcancel",this._disableDelayedDrag),p(t,"pointerup",this._disableDelayedDrag),p(t,"pointercancel",this._disableDelayedDrag),p(t,"mousemove",this._delayedDragTouchMoveHandler),p(t,"touchmove",this._delayedDragTouchMoveHandler),p(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,e){e=e||"touch"==t.pointerType&&t,!this.nativeDraggable||e?this.options.supportPointer?h(document,"pointermove",this._onTouchMove):h(document,e?"touchmove":"mousemove",this._onTouchMove):(h(Z,"dragend",this),h(J,"dragstart",this._onDragStart));try{document.selection?Wt(function(){document.selection.empty()}):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,e){var n;Dt=!1,J&&Z?(U("dragStarted",this,{evt:e}),this.nativeDraggable&&h(document,"dragover",Ft),n=this.options,t||k(Z,n.dragClass,!1),k(Z,n.ghostClass,!0),jt.active=this,t&&this._appendGhost(),V({sortable:this,name:"start",originalEvent:e})):this._nulling()},_emulateDragOver:function(){if(dt){this._lastX=dt.clientX,this._lastY=dt.clientY,Xt();for(var t=document.elementFromPoint(dt.clientX,dt.clientY),e=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(dt.clientX,dt.clientY))!==e;)e=t;if(Z.parentNode[K]._isOutsideThisEl(t),e)do{if(e[K])if(e[K]._onDragOver({clientX:dt.clientX,clientY:dt.clientY,target:t,rootEl:e})&&!this.options.dragoverBubble)break}while(e=g(t=e));Yt()}},_onTouchMove:function(t){if(ut){var e=this.options,n=e.fallbackTolerance,o=e.fallbackOffset,i=t.touches?t.touches[0]:t,r=Q&&b(Q,!0),a=Q&&r&&r.a,l=Q&&r&&r.d,e=At&&wt&&E(wt),a=(i.clientX-ut.clientX+o.x)/(a||1)+(e?e[0]-Tt[0]:0)/(a||1),l=(i.clientY-ut.clientY+o.y)/(l||1)+(e?e[1]-Tt[1]:0)/(l||1);if(!jt.active&&!Dt){if(n&&Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))<n)return;this._onDragStart(t,!0)}Q&&(r?(r.e+=a-(ht||0),r.f+=l-(pt||0)):r={a:1,b:0,c:0,d:1,e:a,f:l},r="matrix(".concat(r.a,",").concat(r.b,",").concat(r.c,",").concat(r.d,",").concat(r.e,",").concat(r.f,")"),R(Q,"webkitTransform",r),R(Q,"mozTransform",r),R(Q,"msTransform",r),R(Q,"transform",r),ht=a,pt=l,dt=i),t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!Q){var t=this.options.fallbackOnBody?document.body:J,e=X(Z,!0,At,!0,t),n=this.options;if(At){for(wt=t;"static"===R(wt,"position")&&"none"===R(wt,"transform")&&wt!==document;)wt=wt.parentNode;wt!==document.body&&wt!==document.documentElement?(wt===document&&(wt=O()),e.top+=wt.scrollTop,e.left+=wt.scrollLeft):wt=O(),Tt=E(wt)}k(Q=Z.cloneNode(!0),n.ghostClass,!1),k(Q,n.fallbackClass,!0),k(Q,n.dragClass,!0),R(Q,"transition",""),R(Q,"transform",""),R(Q,"box-sizing","border-box"),R(Q,"margin",0),R(Q,"top",e.top),R(Q,"left",e.left),R(Q,"width",e.width),R(Q,"height",e.height),R(Q,"opacity","0.8"),R(Q,"position",At?"absolute":"fixed"),R(Q,"zIndex","100000"),R(Q,"pointerEvents","none"),jt.ghost=Q,t.appendChild(Q),R(Q,"transform-origin",ft/parseInt(Q.style.width)*100+"% "+gt/parseInt(Q.style.height)*100+"%")}},_onDragStart:function(t,e){var n=this,o=t.dataTransfer,i=n.options;U("dragStart",this,{evt:t}),jt.eventCanceled?this._onDrop():(U("setupClone",this),jt.eventCanceled||((nt=C(Z)).removeAttribute("id"),nt.draggable=!1,nt.style["will-change"]="",this._hideClone(),k(nt,this.options.chosenClass,!1),jt.clone=nt),n.cloneId=Wt(function(){U("clone",n),jt.eventCanceled||(n.options.removeCloneOnHide||J.insertBefore(nt,Z),n._hideClone(),V({sortable:n,name:"clone"}))}),e||k(Z,i.dragClass,!0),e?(Et=!0,n._loopId=setInterval(n._emulateDragOver,50)):(p(document,"mouseup",n._onDrop),p(document,"touchend",n._onDrop),p(document,"touchcancel",n._onDrop),o&&(o.effectAllowed="move",i.setData&&i.setData.call(n,o,Z)),h(document,"drop",n),R(Z,"transform","translateZ(0)")),Dt=!0,n._dragStartId=Wt(n._dragStarted.bind(n,e,t)),h(document,"selectstart",n),mt=!0,window.getSelection().removeAllRanges(),u&&R(document.body,"user-select","none"))},_onDragOver:function(n){var o,i,r,t,e,a=this.el,l=n.target,s=this.options,c=s.group,u=jt.active,d=st===c,h=s.sort,p=ct||u,f=this,g=!1;if(!xt){if(void 0!==n.preventDefault&&n.cancelable&&n.preventDefault(),l=P(l,s.draggable,a,!0),O("dragOver"),jt.eventCanceled)return g;if(Z.contains(n.target)||l.animated&&l.animatingX&&l.animatingY||f._ignoreWhileAnimating===l)return A(!1);if(Et=!1,u&&!s.disabled&&(d?h||(i=$!==J):ct===this||(this.lastPutMode=st.checkPull(this,u,Z,n))&&c.checkPut(this,u,Z,n))){if(r="vertical"===this._getDirection(n,l),o=X(Z),O("dragOverValid"),jt.eventCanceled)return g;if(i)return $=J,M(),this._hideClone(),O("revert"),jt.eventCanceled||(tt?J.insertBefore(Z,tt):J.appendChild(Z)),A(!0);var m=F(a,s.draggable);if(m&&(S=n,c=r,x=X(F((E=this).el,E.options.draggable)),E=L(E.el,E.options,Q),!(c?S.clientX>E.right+10||S.clientY>x.bottom&&S.clientX>x.left:S.clientY>E.bottom+10||S.clientX>x.right&&S.clientY>x.top)||m.animated)){if(m&&(t=n,e=r,C=X(B((_=this).el,0,_.options,!0)),_=L(_.el,_.options,Q),e?t.clientX<_.left-10||t.clientY<C.top&&t.clientX<C.right:t.clientY<_.top-10||t.clientY<C.bottom&&t.clientX<C.left)){var v=B(a,0,s,!0);if(v===Z)return A(!1);if(D=X(l=v),!1!==Ht(J,a,Z,o,l,D,n,!1))return M(),a.insertBefore(Z,v),$=a,N(),A(!0)}else if(l.parentNode===a){var b,y,w,D=X(l),E=Z.parentNode!==a,S=(S=Z.animated&&Z.toRect||o,x=l.animated&&l.toRect||D,_=(e=r)?S.left:S.top,t=e?S.right:S.bottom,C=e?S.width:S.height,v=e?x.left:x.top,S=e?x.right:x.bottom,x=e?x.width:x.height,!(_===v||t===S||_+C/2===v+x/2)),_=r?"top":"left",C=Y(l,"top","top")||Y(Z,"top","top"),v=C?C.scrollTop:void 0;if(vt!==l&&(y=D[_],_t=!1,Ct=!S&&s.invertSwap||E),0!==(b=function(t,e,n,o,i,r,a,l){var s=o?t.clientY:t.clientX,c=o?n.height:n.width,t=o?n.top:n.left,o=o?n.bottom:n.right,n=!1;if(!a)if(l&&yt<c*i){if(_t=!_t&&(1===bt?t+c*r/2<s:s<o-c*r/2)?!0:_t)n=!0;else if(1===bt?s<t+yt:o-yt<s)return-bt}else if(t+c*(1-i)/2<s&&s<o-c*(1-i)/2)return function(t){return j(Z)<j(t)?1:-1}(e);if((n=n||a)&&(s<t+c*r/2||o-c*r/2<s))return t+c/2<s?1:-1;return 0}(n,l,D,r,S?1:s.swapThreshold,null==s.invertedSwapThreshold?s.swapThreshold:s.invertedSwapThreshold,Ct,vt===l)))for(var T=j(Z);(w=$.children[T-=b])&&("none"===R(w,"display")||w===Q););if(0===b||w===l)return A(!1);bt=b;var x=(vt=l).nextElementSibling,E=!1,S=Ht(J,a,Z,o,l,D,n,E=1===b);if(!1!==S)return 1!==S&&-1!==S||(E=1===S),xt=!0,setTimeout(Kt,30),M(),E&&!x?a.appendChild(Z):l.parentNode.insertBefore(Z,E?x:l),C&&H(C,0,v-C.scrollTop),$=Z.parentNode,void 0===y||Ct||(yt=Math.abs(y-X(l)[_])),N(),A(!0)}}else{if(m===Z)return A(!1);if((l=m&&a===n.target?m:l)&&(D=X(l)),!1!==Ht(J,a,Z,o,l,D,n,!!l))return M(),m&&m.nextSibling?a.insertBefore(Z,m.nextSibling):a.appendChild(Z),$=a,N(),A(!0)}if(a.contains(Z))return A(!1)}return!1}function O(t,e){U(t,f,I({evt:n,isOwner:d,axis:r?"vertical":"horizontal",revert:i,dragRect:o,targetRect:D,canSort:h,fromSortable:p,target:l,completed:A,onMove:function(t,e){return Ht(J,a,Z,o,t,X(t),n,e)},changed:N},e))}function M(){O("dragOverAnimationCapture"),f.captureAnimationState(),f!==p&&p.captureAnimationState()}function A(t){return O("dragOverCompleted",{insertion:t}),t&&(d?u._hideClone():u._showClone(f),f!==p&&(k(Z,(ct||u).options.ghostClass,!1),k(Z,s.ghostClass,!0)),ct!==f&&f!==jt.active?ct=f:f===jt.active&&ct&&(ct=null),p===f&&(f._ignoreWhileAnimating=l),f.animateAll(function(){O("dragOverAnimationComplete"),f._ignoreWhileAnimating=null}),f!==p&&(p.animateAll(),p._ignoreWhileAnimating=null)),(l===Z&&!Z.animated||l===a&&!l.animated)&&(vt=null),s.dragoverBubble||n.rootEl||l===document||(Z.parentNode[K]._isOutsideThisEl(n.target),t||Bt(n)),!s.dragoverBubble&&n.stopPropagation&&n.stopPropagation(),g=!0}function N(){rt=j(Z),lt=j(Z,s.draggable),V({sortable:f,name:"change",toEl:a,newIndex:rt,newDraggableIndex:lt,originalEvent:n})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){p(document,"mousemove",this._onTouchMove),p(document,"touchmove",this._onTouchMove),p(document,"pointermove",this._onTouchMove),p(document,"dragover",Bt),p(document,"mousemove",Bt),p(document,"touchmove",Bt)},_offUpEvents:function(){var t=this.el.ownerDocument;p(t,"mouseup",this._onDrop),p(t,"touchend",this._onDrop),p(t,"pointerup",this._onDrop),p(t,"pointercancel",this._onDrop),p(t,"touchcancel",this._onDrop),p(document,"selectstart",this)},_onDrop:function(t){var e=this.el,n=this.options;rt=j(Z),lt=j(Z,n.draggable),U("drop",this,{evt:t}),$=Z&&Z.parentNode,rt=j(Z),lt=j(Z,n.draggable),jt.eventCanceled||(_t=Ct=Dt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),zt(this.cloneId),zt(this._dragStartId),this.nativeDraggable&&(p(document,"drop",this),p(e,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),u&&R(document.body,"user-select",""),R(Z,"transform",""),t&&(mt&&(t.cancelable&&t.preventDefault(),n.dropBubble||t.stopPropagation()),Q&&Q.parentNode&&Q.parentNode.removeChild(Q),(J===$||ct&&"clone"!==ct.lastPutMode)&&nt&&nt.parentNode&&nt.parentNode.removeChild(nt),Z&&(this.nativeDraggable&&p(Z,"dragend",this),Lt(Z),Z.style["will-change"]="",mt&&!Dt&&k(Z,(ct||this).options.ghostClass,!1),k(Z,this.options.chosenClass,!1),V({sortable:this,name:"unchoose",toEl:$,newIndex:null,newDraggableIndex:null,originalEvent:t}),J!==$?(0<=rt&&(V({rootEl:$,name:"add",toEl:$,fromEl:J,originalEvent:t}),V({sortable:this,name:"remove",toEl:$,originalEvent:t}),V({rootEl:$,name:"sort",toEl:$,fromEl:J,originalEvent:t}),V({sortable:this,name:"sort",toEl:$,originalEvent:t})),ct&&ct.save()):rt!==it&&0<=rt&&(V({sortable:this,name:"update",toEl:$,originalEvent:t}),V({sortable:this,name:"sort",toEl:$,originalEvent:t})),jt.active&&(null!=rt&&-1!==rt||(rt=it,lt=at),V({sortable:this,name:"end",toEl:$,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){U("nulling",this),J=Z=$=Q=tt=nt=et=ot=ut=dt=mt=rt=lt=it=at=vt=bt=ct=st=jt.dragged=jt.ghost=jt.clone=jt.active=null,Ot.forEach(function(t){t.checked=!0}),Ot.length=ht=pt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":Z&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move");t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,e=[],n=this.el.children,o=0,i=n.length,r=this.options;o<i;o++)P(t=n[o],r.draggable,this.el,!1)&&e.push(t.getAttribute(r.dataIdAttr)||function(t){var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,o=0;for(;n--;)o+=e.charCodeAt(n);return o.toString(36)}(t));return e},sort:function(t,e){var n={},o=this.el;this.toArray().forEach(function(t,e){e=o.children[e];P(e,this.options.draggable,o,!1)&&(n[t]=e)},this),e&&this.captureAnimationState(),t.forEach(function(t){n[t]&&(o.removeChild(n[t]),o.appendChild(n[t]))}),e&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,e){return P(t,e||this.options.draggable,this.el,!1)},option:function(t,e){var n=this.options;if(void 0===e)return n[t];var o=z.modifyOption(this,t,e);n[t]=void 0!==o?o:e,"group"===t&&Rt(n)},destroy:function(){U("destroy",this);var t=this.el;t[K]=null,p(t,"mousedown",this._onTapStart),p(t,"touchstart",this._onTapStart),p(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(p(t,"dragover",this),p(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),function(t){t.removeAttribute("draggable")}),this._onDrop(),this._disableDelayedDragEvents(),St.splice(St.indexOf(this.el),1),this.el=t=null},_hideClone:function(){ot||(U("hideClone",this),jt.eventCanceled||(R(nt,"display","none"),this.options.removeCloneOnHide&&nt.parentNode&&nt.parentNode.removeChild(nt),ot=!0))},_showClone:function(t){"clone"===t.lastPutMode?ot&&(U("showClone",this),jt.eventCanceled||(Z.parentNode!=J||this.options.group.revertClone?tt?J.insertBefore(nt,tt):J.appendChild(nt):J.insertBefore(nt,Z),this.options.group.revertClone&&this.animate(Z,nt),R(nt,"display",""),ot=!1)):this._hideClone()}},Mt&&h(document,"touchmove",function(t){(jt.active||Dt)&&t.cancelable&&t.preventDefault()}),jt.utils={on:h,off:p,css:R,find:D,is:function(t,e){return!!P(t,e,t,!1)},extend:function(t,e){if(t&&e)for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},throttle:_,closest:P,toggleClass:k,clone:C,index:j,nextTick:Wt,cancelNextTick:zt,detectDirection:kt,getChild:B,expando:K},jt.get=function(t){return t[K]},jt.mount=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];(e=e[0].constructor===Array?e[0]:e).forEach(function(t){if(!t.prototype||!t.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));t.utils&&(jt.utils=I(I({},jt.utils),t.utils)),z.mount(t)})},jt.create=function(t,e){return new jt(t,e)};var Gt,Ut,qt,Vt,Zt,$t,Qt=[],Jt=!(jt.version="1.15.6");function te(){Qt.forEach(function(t){clearInterval(t.pid)}),Qt=[]}function ee(){clearInterval($t)}var ne,oe=_(function(n,t,e,o){if(t.scroll){var i,r=(n.touches?n.touches[0]:n).clientX,a=(n.touches?n.touches[0]:n).clientY,l=t.scrollSensitivity,s=t.scrollSpeed,c=O(),u=!1;Ut!==e&&(Ut=e,te(),Gt=t.scroll,i=t.scrollFn,!0===Gt&&(Gt=M(e,!0)));var d=0,h=Gt;do{var p=h,f=X(p),g=f.top,m=f.bottom,v=f.left,b=f.right,y=f.width,w=f.height,D=void 0,E=void 0,S=p.scrollWidth,_=p.scrollHeight,C=R(p),T=p.scrollLeft,f=p.scrollTop,E=p===c?(D=y<S&&("auto"===C.overflowX||"scroll"===C.overflowX||"visible"===C.overflowX),w<_&&("auto"===C.overflowY||"scroll"===C.overflowY||"visible"===C.overflowY)):(D=y<S&&("auto"===C.overflowX||"scroll"===C.overflowX),w<_&&("auto"===C.overflowY||"scroll"===C.overflowY)),T=D&&(Math.abs(b-r)<=l&&T+y<S)-(Math.abs(v-r)<=l&&!!T),f=E&&(Math.abs(m-a)<=l&&f+w<_)-(Math.abs(g-a)<=l&&!!f);if(!Qt[d])for(var x=0;x<=d;x++)Qt[x]||(Qt[x]={});Qt[d].vx==T&&Qt[d].vy==f&&Qt[d].el===p||(Qt[d].el=p,Qt[d].vx=T,Qt[d].vy=f,clearInterval(Qt[d].pid),0==T&&0==f||(u=!0,Qt[d].pid=setInterval(function(){o&&0===this.layer&&jt.active._onTouchMove(Zt);var t=Qt[this.layer].vy?Qt[this.layer].vy*s:0,e=Qt[this.layer].vx?Qt[this.layer].vx*s:0;"function"==typeof i&&"continue"!==i.call(jt.dragged.parentNode[K],e,t,n,Zt,Qt[this.layer].el)||H(Qt[this.layer].el,e,t)}.bind({layer:d}),24))),d++}while(t.bubbleScroll&&h!==c&&(h=M(h,!1)));Jt=u}},30),n=function(t){var e=t.originalEvent,n=t.putSortable,o=t.dragEl,i=t.activeSortable,r=t.dispatchSortableEvent,a=t.hideGhostForTarget,t=t.unhideGhostForTarget;e&&(i=n||i,a(),e=e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e,e=document.elementFromPoint(e.clientX,e.clientY),t(),i&&!i.el.contains(e)&&(r("spill"),this.onSpill({dragEl:o,putSortable:n})))};function ie(){}function re(){}ie.prototype={startIndex:null,dragStart:function(t){t=t.oldDraggableIndex;this.startIndex=t},onSpill:function(t){var e=t.dragEl,n=t.putSortable;this.sortable.captureAnimationState(),n&&n.captureAnimationState();t=B(this.sortable.el,this.startIndex,this.options);t?this.sortable.el.insertBefore(e,t):this.sortable.el.appendChild(e),this.sortable.animateAll(),n&&n.animateAll()},drop:n},a(ie,{pluginName:"revertOnSpill"}),re.prototype={onSpill:function(t){var e=t.dragEl,t=t.putSortable||this.sortable;t.captureAnimationState(),e.parentNode&&e.parentNode.removeChild(e),t.animateAll()},drop:n},a(re,{pluginName:"removeOnSpill"});var ae,le,se,ce,ue,de=[],he=[],pe=!1,fe=!1,ge=!1;function me(n,o){he.forEach(function(t,e){e=o.children[t.sortableIndex+(n?Number(e):0)];e?o.insertBefore(t,e):o.appendChild(t)})}function ve(){de.forEach(function(t){t!==se&&t.parentNode&&t.parentNode.removeChild(t)})}return jt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){t=t.originalEvent;this.sortable.nativeDraggable?h(document,"dragover",this._handleAutoScroll):this.options.supportPointer?h(document,"pointermove",this._handleFallbackAutoScroll):t.touches?h(document,"touchmove",this._handleFallbackAutoScroll):h(document,"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){t=t.originalEvent;this.options.dragOverBubble||t.rootEl||this._handleAutoScroll(t)},drop:function(){this.sortable.nativeDraggable?p(document,"dragover",this._handleAutoScroll):(p(document,"pointermove",this._handleFallbackAutoScroll),p(document,"touchmove",this._handleFallbackAutoScroll),p(document,"mousemove",this._handleFallbackAutoScroll)),ee(),te(),clearTimeout(m),m=void 0},nulling:function(){Zt=Ut=Gt=Jt=$t=qt=Vt=null,Qt.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(e,n){var o,i=this,r=(e.touches?e.touches[0]:e).clientX,a=(e.touches?e.touches[0]:e).clientY,t=document.elementFromPoint(r,a);Zt=e,n||this.options.forceAutoScrollFallback||w||y||u?(oe(e,this.options,t,n),o=M(t,!0),!Jt||$t&&r===qt&&a===Vt||($t&&ee(),$t=setInterval(function(){var t=M(document.elementFromPoint(r,a),!0);t!==o&&(o=t,te()),oe(e,i.options,t,n)},10),qt=r,Vt=a)):this.options.bubbleScroll&&M(t,!0)!==O()?oe(e,this.options,M(t,!1),!1):te()}},a(t,{pluginName:"scroll",initializeByDefault:!0})}),jt.mount(re,ie),jt.mount(new function(){function t(){this.defaults={swapClass:"sortable-swap-highlight"}}return t.prototype={dragStart:function(t){t=t.dragEl;ne=t},dragOverValid:function(t){var e=t.completed,n=t.target,o=t.onMove,i=t.activeSortable,r=t.changed,a=t.cancel;i.options.swap&&(t=this.sortable.el,i=this.options,n&&n!==t&&(t=ne,ne=!1!==o(n)?(k(n,i.swapClass,!0),n):null,t&&t!==ne&&k(t,i.swapClass,!1)),r(),e(!0),a())},drop:function(t){var e,n,o=t.activeSortable,i=t.putSortable,r=t.dragEl,a=i||this.sortable,l=this.options;ne&&k(ne,l.swapClass,!1),ne&&(l.swap||i&&i.options.swap)&&r!==ne&&(a.captureAnimationState(),a!==o&&o.captureAnimationState(),n=ne,t=(e=r).parentNode,l=n.parentNode,t&&l&&!t.isEqualNode(n)&&!l.isEqualNode(e)&&(i=j(e),r=j(n),t.isEqualNode(l)&&i<r&&r++,t.insertBefore(n,t.children[i]),l.insertBefore(e,l.children[r])),a.animateAll(),a!==o&&o.animateAll())},nulling:function(){ne=null}},a(t,{pluginName:"swap",eventProperties:function(){return{swapItem:ne}}})}),jt.mount(new function(){function t(o){for(var t in this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this));o.options.avoidImplicitDeselect||(o.options.supportPointer?h(document,"pointerup",this._deselectMultiDrag):(h(document,"mouseup",this._deselectMultiDrag),h(document,"touchend",this._deselectMultiDrag))),h(document,"keydown",this._checkKeyDown),h(document,"keyup",this._checkKeyUp),this.defaults={selectedClass:"sortable-selected",multiDragKey:null,avoidImplicitDeselect:!1,setData:function(t,e){var n="";de.length&&le===o?de.forEach(function(t,e){n+=(e?", ":"")+t.textContent}):n=e.textContent,t.setData("Text",n)}}}return t.prototype={multiDragKeyDown:!1,isMultiDrag:!1,delayStartGlobal:function(t){t=t.dragEl;se=t},delayEnded:function(){this.isMultiDrag=~de.indexOf(se)},setupClone:function(t){var e=t.sortable,t=t.cancel;if(this.isMultiDrag){for(var n=0;n<de.length;n++)he.push(C(de[n])),he[n].sortableIndex=de[n].sortableIndex,he[n].draggable=!1,he[n].style["will-change"]="",k(he[n],this.options.selectedClass,!1),de[n]===se&&k(he[n],this.options.chosenClass,!1);e._hideClone(),t()}},clone:function(t){var e=t.sortable,n=t.rootEl,o=t.dispatchSortableEvent,t=t.cancel;this.isMultiDrag&&(this.options.removeCloneOnHide||de.length&&le===e&&(me(!0,n),o("clone"),t()))},showClone:function(t){var e=t.cloneNowShown,n=t.rootEl,t=t.cancel;this.isMultiDrag&&(me(!1,n),he.forEach(function(t){R(t,"display","")}),e(),ue=!1,t())},hideClone:function(t){var e=this,n=(t.sortable,t.cloneNowHidden),t=t.cancel;this.isMultiDrag&&(he.forEach(function(t){R(t,"display","none"),e.options.removeCloneOnHide&&t.parentNode&&t.parentNode.removeChild(t)}),n(),ue=!0,t())},dragStartGlobal:function(t){t.sortable;!this.isMultiDrag&&le&&le.multiDrag._deselectMultiDrag(),de.forEach(function(t){t.sortableIndex=j(t)}),de=de.sort(function(t,e){return t.sortableIndex-e.sortableIndex}),ge=!0},dragStarted:function(t){var e,n=this,t=t.sortable;this.isMultiDrag&&(this.options.sort&&(t.captureAnimationState(),this.options.animation&&(de.forEach(function(t){t!==se&&R(t,"position","absolute")}),e=X(se,!1,!0,!0),de.forEach(function(t){t!==se&&T(t,e)}),pe=fe=!0)),t.animateAll(function(){pe=fe=!1,n.options.animation&&de.forEach(function(t){x(t)}),n.options.sort&&ve()}))},dragOver:function(t){var e=t.target,n=t.completed,t=t.cancel;fe&&~de.indexOf(e)&&(n(!1),t())},revert:function(t){var n,o,e=t.fromSortable,i=t.rootEl,r=t.sortable,a=t.dragRect;1<de.length&&(de.forEach(function(t){r.addAnimationState({target:t,rect:fe?X(t):a}),x(t),t.fromRect=a,e.removeAnimationState(t)}),fe=!1,n=!this.options.removeCloneOnHide,o=i,de.forEach(function(t,e){e=o.children[t.sortableIndex+(n?Number(e):0)];e?o.insertBefore(t,e):o.appendChild(t)}))},dragOverCompleted:function(t){var e,n=t.sortable,o=t.isOwner,i=t.insertion,r=t.activeSortable,a=t.parentEl,l=t.putSortable,t=this.options;i&&(o&&r._hideClone(),pe=!1,t.animation&&1<de.length&&(fe||!o&&!r.options.sort&&!l)&&(e=X(se,!1,!0,!0),de.forEach(function(t){t!==se&&(T(t,e),a.appendChild(t))}),fe=!0),o||(fe||ve(),1<de.length?(o=ue,r._showClone(n),r.options.animation&&!ue&&o&&he.forEach(function(t){r.addAnimationState({target:t,rect:ce}),t.fromRect=ce,t.thisAnimationDuration=null})):r._showClone(n)))},dragOverAnimationCapture:function(t){var e=t.dragRect,n=t.isOwner,t=t.activeSortable;de.forEach(function(t){t.thisAnimationDuration=null}),t.options.animation&&!n&&t.multiDrag.isMultiDrag&&(ce=a({},e),e=b(se,!0),ce.top-=e.f,ce.left-=e.e)},dragOverAnimationComplete:function(){fe&&(fe=!1,ve())},drop:function(t){var o,i,r,a,n,e,l,s=t.originalEvent,c=t.rootEl,u=t.parentEl,d=t.sortable,h=t.dispatchSortableEvent,p=t.oldIndex,t=t.putSortable,f=t||this.sortable;s&&(o=this.options,i=u.children,ge||(o.multiDragKey&&!this.multiDragKeyDown&&this._deselectMultiDrag(),k(se,o.selectedClass,!~de.indexOf(se)),~de.indexOf(se)?(de.splice(de.indexOf(se),1),ae=null,G({sortable:d,rootEl:c,name:"deselect",targetEl:se,originalEvent:s})):(de.push(se),G({sortable:d,rootEl:c,name:"select",targetEl:se,originalEvent:s}),s.shiftKey&&ae&&d.el.contains(ae)?(r=j(ae),a=j(se),~r&&~a&&r!==a&&function(){for(var e,t=r<a?(e=r,a):(e=a,r+1),n=o.filter;e<t;e++)~de.indexOf(i[e])||P(i[e],o.draggable,u,!1)&&(n&&("function"==typeof n?n.call(d,s,i[e],d):n.split(",").some(function(t){return P(i[e],t.trim(),u,!1)}))||(k(i[e],o.selectedClass,!0),de.push(i[e]),G({sortable:d,rootEl:c,name:"select",targetEl:i[e],originalEvent:s})))}()):ae=se,le=f)),ge&&this.isMultiDrag&&(fe=!1,(u[K].options.sort||u!==c)&&1<de.length&&(n=X(se),e=j(se,":not(."+this.options.selectedClass+")"),!pe&&o.animation&&(se.thisAnimationDuration=null),f.captureAnimationState(),pe||(o.animation&&(se.fromRect=n,de.forEach(function(t){var e;t.thisAnimationDuration=null,t!==se&&(e=fe?X(t):n,t.fromRect=e,f.addAnimationState({target:t,rect:e}))})),ve(),de.forEach(function(t){i[e]?u.insertBefore(t,i[e]):u.appendChild(t),e++}),p===j(se)&&(l=!1,de.forEach(function(t){t.sortableIndex!==j(t)&&(l=!0)}),l&&(h("update"),h("sort")))),de.forEach(function(t){x(t)}),f.animateAll()),le=f),(c===u||t&&"clone"!==t.lastPutMode)&&he.forEach(function(t){t.parentNode&&t.parentNode.removeChild(t)}))},nullingGlobal:function(){this.isMultiDrag=ge=!1,he.length=0},destroyGlobal:function(){this._deselectMultiDrag(),p(document,"pointerup",this._deselectMultiDrag),p(document,"mouseup",this._deselectMultiDrag),p(document,"touchend",this._deselectMultiDrag),p(document,"keydown",this._checkKeyDown),p(document,"keyup",this._checkKeyUp)},_deselectMultiDrag:function(t){if(!(void 0!==ge&&ge||le!==this.sortable||t&&P(t.target,this.options.draggable,this.sortable.el,!1)||t&&0!==t.button))for(;de.length;){var e=de[0];k(e,this.options.selectedClass,!1),de.shift(),G({sortable:this.sortable,rootEl:this.sortable.el,name:"deselect",targetEl:e,originalEvent:t})}},_checkKeyDown:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!0)},_checkKeyUp:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!1)}},a(t,{pluginName:"multiDrag",utils:{select:function(t){var e=t.parentNode[K];e&&e.options.multiDrag&&!~de.indexOf(t)&&(le&&le!==e&&(le.multiDrag._deselectMultiDrag(),le=e),k(t,e.options.selectedClass,!0),de.push(t))},deselect:function(t){var e=t.parentNode[K],n=de.indexOf(t);e&&e.options.multiDrag&&~n&&(k(t,e.options.selectedClass,!1),de.splice(n,1))}},eventProperties:function(){var n=this,o=[],i=[];return de.forEach(function(t){var e;o.push({multiDragElement:t,index:t.sortableIndex}),e=fe&&t!==se?-1:fe?j(t,":not(."+n.options.selectedClass+")"):j(t),i.push({multiDragElement:t,index:e})}),{items:r(de),clones:[].concat(he),oldIndicies:o,newIndicies:i}},optionListeners:{multiDragKey:function(t){return"ctrl"===(t=t.toLowerCase())?t="Control":1<t.length&&(t=t.charAt(0).toUpperCase()+t.substr(1)),t}}})}),jt});
\ No newline at end of file
diff --git a/www/raven-demo/vendor/js/autosize.min.js b/www/raven-demo/vendor/js/autosize.min.js
new file mode 100644
index 0000000..1b24155
--- /dev/null
+++ b/www/raven-demo/vendor/js/autosize.min.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e||self).autosize=t()}(this,function(){var e=new Map;function t(t){var o=e.get(t);o&&o.destroy()}function o(t){var o=e.get(t);o&&o.update()}var r=null;return"undefined"==typeof window?((r=function(e){return e}).destroy=function(e){return e},r.update=function(e){return e}):((r=function(t,o){return t&&Array.prototype.forEach.call(t.length?t:[t],function(t){return function(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!e.has(t)){var o,r=null,n=window.getComputedStyle(t),i=(o=t.value,function(){s({testForHeightReduction:""===o||!t.value.startsWith(o),restoreTextAlign:null}),o=t.value}),l=function(o){t.removeEventListener("autosize:destroy",l),t.removeEventListener("autosize:update",a),t.removeEventListener("input",i),window.removeEventListener("resize",a),Object.keys(o).forEach(function(e){return t.style[e]=o[e]}),e.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,textAlign:t.style.textAlign,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",l),t.addEventListener("autosize:update",a),t.addEventListener("input",i),window.addEventListener("resize",a),t.style.overflowX="hidden",t.style.wordWrap="break-word",e.set(t,{destroy:l,update:a}),a()}function s(e){var o,i,l=e.restoreTextAlign,a=void 0===l?null:l,d=e.testForHeightReduction,u=void 0===d||d,f=n.overflowY;if(0!==t.scrollHeight&&("vertical"===n.resize?t.style.resize="none":"both"===n.resize&&(t.style.resize="horizontal"),u&&(o=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push([e.parentNode,e.parentNode.scrollTop]),e=e.parentNode;return function(){return t.forEach(function(e){var t=e[0],o=e[1];t.style.scrollBehavior="auto",t.scrollTop=o,t.style.scrollBehavior=null})}}(t),t.style.height=""),i="content-box"===n.boxSizing?t.scrollHeight-(parseFloat(n.paddingTop)+parseFloat(n.paddingBottom)):t.scrollHeight+parseFloat(n.borderTopWidth)+parseFloat(n.borderBottomWidth),"none"!==n.maxHeight&&i>parseFloat(n.maxHeight)?("hidden"===n.overflowY&&(t.style.overflow="scroll"),i=parseFloat(n.maxHeight)):"hidden"!==n.overflowY&&(t.style.overflow="hidden"),t.style.height=i+"px",a&&(t.style.textAlign=a),o&&o(),r!==i&&(t.dispatchEvent(new Event("autosize:resized",{bubbles:!0})),r=i),f!==n.overflow&&!a)){var c=n.textAlign;"hidden"===n.overflow&&(t.style.textAlign="start"===c?"end":"start"),s({restoreTextAlign:c,testForHeightReduction:!0})}}function a(){s({testForHeightReduction:!0,restoreTextAlign:null})}}(t)}),t}).destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],t),e},r.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],o),e}),r});
diff --git a/www/raven-demo/vendor/js/cleave.min.js b/www/raven-demo/vendor/js/cleave.min.js
new file mode 100644
index 0000000..e43189a
--- /dev/null
+++ b/www/raven-demo/vendor/js/cleave.min.js
@@ -0,0 +1,8 @@
+/*!
+ * cleave.js - 1.6.0
+ * https://github.com/nosir/cleave.js
+ * Apache License Version 2.0
+ *
+ * Copyright (C) 2012-2020 Max Huang https://github.com/nosir/
+ */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.Cleave=t():e.Cleave=t()}(this,function(){return function(e){function t(i){if(r[i])return r[i].exports;var n=r[i]={exports:{},id:i,loaded:!1};return e[i].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){(function(t){"use strict";var i=function(e,t){var r=this,n=!1;if("string"==typeof e?(r.element=document.querySelector(e),n=document.querySelectorAll(e).length>1):"undefined"!=typeof e.length&&e.length>0?(r.element=e[0],n=e.length>1):r.element=e,!r.element)throw new Error("[cleave.js] Please check the element");if(n)try{console.warn("[cleave.js] Multiple input fields matched, cleave.js will only take the first one.")}catch(a){}t.initValue=r.element.value,r.properties=i.DefaultProperties.assign({},t),r.init()};i.prototype={init:function(){var e=this,t=e.properties;return t.numeral||t.phone||t.creditCard||t.time||t.date||0!==t.blocksLength||t.prefix?(t.maxLength=i.Util.getMaxLength(t.blocks),e.isAndroid=i.Util.isAndroid(),e.lastInputValue="",e.isBackward="",e.onChangeListener=e.onChange.bind(e),e.onKeyDownListener=e.onKeyDown.bind(e),e.onFocusListener=e.onFocus.bind(e),e.onCutListener=e.onCut.bind(e),e.onCopyListener=e.onCopy.bind(e),e.initSwapHiddenInput(),e.element.addEventListener("input",e.onChangeListener),e.element.addEventListener("keydown",e.onKeyDownListener),e.element.addEventListener("focus",e.onFocusListener),e.element.addEventListener("cut",e.onCutListener),e.element.addEventListener("copy",e.onCopyListener),e.initPhoneFormatter(),e.initDateFormatter(),e.initTimeFormatter(),e.initNumeralFormatter(),void((t.initValue||t.prefix&&!t.noImmediatePrefix)&&e.onInput(t.initValue))):void e.onInput(t.initValue)},initSwapHiddenInput:function(){var e=this,t=e.properties;if(t.swapHiddenInput){var r=e.element.cloneNode(!0);e.element.parentNode.insertBefore(r,e.element),e.elementSwapHidden=e.element,e.elementSwapHidden.type="hidden",e.element=r,e.element.id=""}},initNumeralFormatter:function(){var e=this,t=e.properties;t.numeral&&(t.numeralFormatter=new i.NumeralFormatter(t.numeralDecimalMark,t.numeralIntegerScale,t.numeralDecimalScale,t.numeralThousandsGroupStyle,t.numeralPositiveOnly,t.stripLeadingZeroes,t.prefix,t.signBeforePrefix,t.tailPrefix,t.delimiter))},initTimeFormatter:function(){var e=this,t=e.properties;t.time&&(t.timeFormatter=new i.TimeFormatter(t.timePattern,t.timeFormat),t.blocks=t.timeFormatter.getBlocks(),t.blocksLength=t.blocks.length,t.maxLength=i.Util.getMaxLength(t.blocks))},initDateFormatter:function(){var e=this,t=e.properties;t.date&&(t.dateFormatter=new i.DateFormatter(t.datePattern,t.dateMin,t.dateMax),t.blocks=t.dateFormatter.getBlocks(),t.blocksLength=t.blocks.length,t.maxLength=i.Util.getMaxLength(t.blocks))},initPhoneFormatter:function(){var e=this,t=e.properties;if(t.phone)try{t.phoneFormatter=new i.PhoneFormatter(new t.root.Cleave.AsYouTypeFormatter(t.phoneRegionCode),t.delimiter)}catch(r){throw new Error("[cleave.js] Please include phone-type-formatter.{country}.js lib")}},onKeyDown:function(e){var t=this,r=e.which||e.keyCode;t.lastInputValue=t.element.value,t.isBackward=8===r},onChange:function(e){var t=this,r=t.properties,n=i.Util;t.isBackward=t.isBackward||"deleteContentBackward"===e.inputType;var a=n.getPostDelimiter(t.lastInputValue,r.delimiter,r.delimiters);t.isBackward&&a?r.postDelimiterBackspace=a:r.postDelimiterBackspace=!1,this.onInput(this.element.value)},onFocus:function(){var e=this,t=e.properties;e.lastInputValue=e.element.value,t.prefix&&t.noImmediatePrefix&&!e.element.value&&this.onInput(t.prefix),i.Util.fixPrefixCursor(e.element,t.prefix,t.delimiter,t.delimiters)},onCut:function(e){i.Util.checkFullSelection(this.element.value)&&(this.copyClipboardData(e),this.onInput(""))},onCopy:function(e){i.Util.checkFullSelection(this.element.value)&&this.copyClipboardData(e)},copyClipboardData:function(e){var t=this,r=t.properties,n=i.Util,a=t.element.value,o="";o=r.copyDelimiter?a:n.stripDelimiters(a,r.delimiter,r.delimiters);try{e.clipboardData?e.clipboardData.setData("Text",o):window.clipboardData.setData("Text",o),e.preventDefault()}catch(l){}},onInput:function(e){var t=this,r=t.properties,n=i.Util,a=n.getPostDelimiter(e,r.delimiter,r.delimiters);return r.numeral||!r.postDelimiterBackspace||a||(e=n.headStr(e,e.length-r.postDelimiterBackspace.length)),r.phone?(!r.prefix||r.noImmediatePrefix&&!e.length?r.result=r.phoneFormatter.format(e):r.result=r.prefix+r.phoneFormatter.format(e).slice(r.prefix.length),void t.updateValueState()):r.numeral?(r.prefix&&r.noImmediatePrefix&&0===e.length?r.result="":r.result=r.numeralFormatter.format(e),void t.updateValueState()):(r.date&&(e=r.dateFormatter.getValidatedDate(e)),r.time&&(e=r.timeFormatter.getValidatedTime(e)),e=n.stripDelimiters(e,r.delimiter,r.delimiters),e=n.getPrefixStrippedValue(e,r.prefix,r.prefixLength,r.result,r.delimiter,r.delimiters,r.noImmediatePrefix,r.tailPrefix,r.signBeforePrefix),e=r.numericOnly?n.strip(e,/[^\d]/g):e,e=r.uppercase?e.toUpperCase():e,e=r.lowercase?e.toLowerCase():e,r.prefix&&(r.tailPrefix?e+=r.prefix:e=r.prefix+e,0===r.blocksLength)?(r.result=e,void t.updateValueState()):(r.creditCard&&t.updateCreditCardPropsByValue(e),e=n.headStr(e,r.maxLength),r.result=n.getFormattedValue(e,r.blocks,r.blocksLength,r.delimiter,r.delimiters,r.delimiterLazyShow),void t.updateValueState()))},updateCreditCardPropsByValue:function(e){var t,r=this,n=r.properties,a=i.Util;a.headStr(n.result,4)!==a.headStr(e,4)&&(t=i.CreditCardDetector.getInfo(e,n.creditCardStrictMode),n.blocks=t.blocks,n.blocksLength=n.blocks.length,n.maxLength=a.getMaxLength(n.blocks),n.creditCardType!==t.type&&(n.creditCardType=t.type,n.onCreditCardTypeChanged.call(r,n.creditCardType)))},updateValueState:function(){var e=this,t=i.Util,r=e.properties;if(e.element){var n=e.element.selectionEnd,a=e.element.value,o=r.result;if(n=t.getNextCursorPosition(n,a,o,r.delimiter,r.delimiters),e.isAndroid)return void window.setTimeout(function(){e.element.value=o,t.setSelection(e.element,n,r.document,!1),e.callOnValueChanged()},1);e.element.value=o,r.swapHiddenInput&&(e.elementSwapHidden.value=e.getRawValue()),t.setSelection(e.element,n,r.document,!1),e.callOnValueChanged()}},callOnValueChanged:function(){var e=this,t=e.properties;t.onValueChanged.call(e,{target:{name:e.element.name,value:t.result,rawValue:e.getRawValue()}})},setPhoneRegionCode:function(e){var t=this,r=t.properties;r.phoneRegionCode=e,t.initPhoneFormatter(),t.onChange()},setRawValue:function(e){var t=this,r=t.properties;e=void 0!==e&&null!==e?e.toString():"",r.numeral&&(e=e.replace(".",r.numeralDecimalMark)),r.postDelimiterBackspace=!1,t.element.value=e,t.onInput(e)},getRawValue:function(){var e=this,t=e.properties,r=i.Util,n=e.element.value;return t.rawValueTrimPrefix&&(n=r.getPrefixStrippedValue(n,t.prefix,t.prefixLength,t.result,t.delimiter,t.delimiters,t.noImmediatePrefix,t.tailPrefix,t.signBeforePrefix)),n=t.numeral?t.numeralFormatter.getRawValue(n):r.stripDelimiters(n,t.delimiter,t.delimiters)},getISOFormatDate:function(){var e=this,t=e.properties;return t.date?t.dateFormatter.getISOFormatDate():""},getISOFormatTime:function(){var e=this,t=e.properties;return t.time?t.timeFormatter.getISOFormatTime():""},getFormattedValue:function(){return this.element.value},destroy:function(){var e=this;e.element.removeEventListener("input",e.onChangeListener),e.element.removeEventListener("keydown",e.onKeyDownListener),e.element.removeEventListener("focus",e.onFocusListener),e.element.removeEventListener("cut",e.onCutListener),e.element.removeEventListener("copy",e.onCopyListener)},toString:function(){return"[Cleave Object]"}},i.NumeralFormatter=r(1),i.DateFormatter=r(2),i.TimeFormatter=r(3),i.PhoneFormatter=r(4),i.CreditCardDetector=r(5),i.Util=r(6),i.DefaultProperties=r(7),("object"==typeof t&&t?t:window).Cleave=i,e.exports=i}).call(t,function(){return this}())},function(e,t){"use strict";var r=function(e,t,i,n,a,o,l,s,c,u){var d=this;d.numeralDecimalMark=e||".",d.numeralIntegerScale=t>0?t:0,d.numeralDecimalScale=i>=0?i:2,d.numeralThousandsGroupStyle=n||r.groupStyle.thousand,d.numeralPositiveOnly=!!a,d.stripLeadingZeroes=o!==!1,d.prefix=l||""===l?l:"",d.signBeforePrefix=!!s,d.tailPrefix=!!c,d.delimiter=u||""===u?u:",",d.delimiterRE=u?new RegExp("\\"+u,"g"):""};r.groupStyle={thousand:"thousand",lakh:"lakh",wan:"wan",none:"none"},r.prototype={getRawValue:function(e){return e.replace(this.delimiterRE,"").replace(this.numeralDecimalMark,".")},format:function(e){var t,i,n,a,o=this,l="";switch(e=e.replace(/[A-Za-z]/g,"").replace(o.numeralDecimalMark,"M").replace(/[^\dM-]/g,"").replace(/^\-/,"N").replace(/\-/g,"").replace("N",o.numeralPositiveOnly?"":"-").replace("M",o.numeralDecimalMark),o.stripLeadingZeroes&&(e=e.replace(/^(-)?0+(?=\d)/,"$1")),i="-"===e.slice(0,1)?"-":"",n="undefined"!=typeof o.prefix?o.signBeforePrefix?i+o.prefix:o.prefix+i:i,a=e,e.indexOf(o.numeralDecimalMark)>=0&&(t=e.split(o.numeralDecimalMark),a=t[0],l=o.numeralDecimalMark+t[1].slice(0,o.numeralDecimalScale)),"-"===i&&(a=a.slice(1)),o.numeralIntegerScale>0&&(a=a.slice(0,o.numeralIntegerScale)),o.numeralThousandsGroupStyle){case r.groupStyle.lakh:a=a.replace(/(\d)(?=(\d\d)+\d$)/g,"$1"+o.delimiter);break;case r.groupStyle.wan:a=a.replace(/(\d)(?=(\d{4})+$)/g,"$1"+o.delimiter);break;case r.groupStyle.thousand:a=a.replace(/(\d)(?=(\d{3})+$)/g,"$1"+o.delimiter)}return o.tailPrefix?i+a.toString()+(o.numeralDecimalScale>0?l.toString():"")+o.prefix:n+a.toString()+(o.numeralDecimalScale>0?l.toString():"")}},e.exports=r},function(e,t){"use strict";var r=function(e,t,r){var i=this;i.date=[],i.blocks=[],i.datePattern=e,i.dateMin=t.split("-").reverse().map(function(e){return parseInt(e,10)}),2===i.dateMin.length&&i.dateMin.unshift(0),i.dateMax=r.split("-").reverse().map(function(e){return parseInt(e,10)}),2===i.dateMax.length&&i.dateMax.unshift(0),i.initBlocks()};r.prototype={initBlocks:function(){var e=this;e.datePattern.forEach(function(t){"Y"===t?e.blocks.push(4):e.blocks.push(2)})},getISOFormatDate:function(){var e=this,t=e.date;return t[2]?t[2]+"-"+e.addLeadingZero(t[1])+"-"+e.addLeadingZero(t[0]):""},getBlocks:function(){return this.blocks},getValidatedDate:function(e){var t=this,r="";return e=e.replace(/[^\d]/g,""),t.blocks.forEach(function(i,n){if(e.length>0){var a=e.slice(0,i),o=a.slice(0,1),l=e.slice(i);switch(t.datePattern[n]){case"d":"00"===a?a="01":parseInt(o,10)>3?a="0"+o:parseInt(a,10)>31&&(a="31");break;case"m":"00"===a?a="01":parseInt(o,10)>1?a="0"+o:parseInt(a,10)>12&&(a="12")}r+=a,e=l}}),this.getFixedDateString(r)},getFixedDateString:function(e){var t,r,i,n=this,a=n.datePattern,o=[],l=0,s=0,c=0,u=0,d=0,m=0,p=!1;4===e.length&&"y"!==a[0].toLowerCase()&&"y"!==a[1].toLowerCase()&&(u="d"===a[0]?0:2,d=2-u,t=parseInt(e.slice(u,u+2),10),r=parseInt(e.slice(d,d+2),10),o=this.getFixedDate(t,r,0)),8===e.length&&(a.forEach(function(e,t){switch(e){case"d":l=t;break;case"m":s=t;break;default:c=t}}),m=2*c,u=l<=c?2*l:2*l+2,d=s<=c?2*s:2*s+2,t=parseInt(e.slice(u,u+2),10),r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+4),10),p=4===e.slice(m,m+4).length,o=this.getFixedDate(t,r,i)),4!==e.length||"y"!==a[0]&&"y"!==a[1]||(d="m"===a[0]?0:2,m=2-d,r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+2),10),p=2===e.slice(m,m+2).length,o=[0,r,i]),6!==e.length||"Y"!==a[0]&&"Y"!==a[1]||(d="m"===a[0]?0:4,m=2-.5*d,r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+4),10),p=4===e.slice(m,m+4).length,o=[0,r,i]),o=n.getRangeFixedDate(o),n.date=o;var h=0===o.length?e:a.reduce(function(e,t){switch(t){case"d":return e+(0===o[0]?"":n.addLeadingZero(o[0]));case"m":return e+(0===o[1]?"":n.addLeadingZero(o[1]));case"y":return e+(p?n.addLeadingZeroForYear(o[2],!1):"");case"Y":return e+(p?n.addLeadingZeroForYear(o[2],!0):"")}},"");return h},getRangeFixedDate:function(e){var t=this,r=t.datePattern,i=t.dateMin||[],n=t.dateMax||[];return!e.length||i.length<3&&n.length<3?e:r.find(function(e){return"y"===e.toLowerCase()})&&0===e[2]?e:n.length&&(n[2]<e[2]||n[2]===e[2]&&(n[1]<e[1]||n[1]===e[1]&&n[0]<e[0]))?n:i.length&&(i[2]>e[2]||i[2]===e[2]&&(i[1]>e[1]||i[1]===e[1]&&i[0]>e[0]))?i:e},getFixedDate:function(e,t,r){return e=Math.min(e,31),t=Math.min(t,12),r=parseInt(r||0,10),(t<7&&t%2===0||t>8&&t%2===1)&&(e=Math.min(e,2===t?this.isLeapYear(r)?29:28:30)),[e,t,r]},isLeapYear:function(e){return e%4===0&&e%100!==0||e%400===0},addLeadingZero:function(e){return(e<10?"0":"")+e},addLeadingZeroForYear:function(e,t){return t?(e<10?"000":e<100?"00":e<1e3?"0":"")+e:(e<10?"0":"")+e}},e.exports=r},function(e,t){"use strict";var r=function(e,t){var r=this;r.time=[],r.blocks=[],r.timePattern=e,r.timeFormat=t,r.initBlocks()};r.prototype={initBlocks:function(){var e=this;e.timePattern.forEach(function(){e.blocks.push(2)})},getISOFormatTime:function(){var e=this,t=e.time;return t[2]?e.addLeadingZero(t[0])+":"+e.addLeadingZero(t[1])+":"+e.addLeadingZero(t[2]):""},getBlocks:function(){return this.blocks},getTimeFormatOptions:function(){var e=this;return"12"===String(e.timeFormat)?{maxHourFirstDigit:1,maxHours:12,maxMinutesFirstDigit:5,maxMinutes:60}:{maxHourFirstDigit:2,maxHours:23,maxMinutesFirstDigit:5,maxMinutes:60}},getValidatedTime:function(e){var t=this,r="";e=e.replace(/[^\d]/g,"");var i=t.getTimeFormatOptions();return t.blocks.forEach(function(n,a){if(e.length>0){var o=e.slice(0,n),l=o.slice(0,1),s=e.slice(n);switch(t.timePattern[a]){case"h":parseInt(l,10)>i.maxHourFirstDigit?o="0"+l:parseInt(o,10)>i.maxHours&&(o=i.maxHours+"");break;case"m":case"s":parseInt(l,10)>i.maxMinutesFirstDigit?o="0"+l:parseInt(o,10)>i.maxMinutes&&(o=i.maxMinutes+"")}r+=o,e=s}}),this.getFixedTimeString(r)},getFixedTimeString:function(e){var t,r,i,n=this,a=n.timePattern,o=[],l=0,s=0,c=0,u=0,d=0,m=0;return 6===e.length&&(a.forEach(function(e,t){switch(e){case"s":l=2*t;break;case"m":s=2*t;break;case"h":c=2*t}}),m=c,d=s,u=l,t=parseInt(e.slice(u,u+2),10),r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+2),10),o=this.getFixedTime(i,r,t)),4===e.length&&n.timePattern.indexOf("s")<0&&(a.forEach(function(e,t){switch(e){case"m":s=2*t;break;case"h":c=2*t}}),m=c,d=s,t=0,r=parseInt(e.slice(d,d+2),10),i=parseInt(e.slice(m,m+2),10),o=this.getFixedTime(i,r,t)),n.time=o,0===o.length?e:a.reduce(function(e,t){switch(t){case"s":return e+n.addLeadingZero(o[2]);case"m":return e+n.addLeadingZero(o[1]);case"h":return e+n.addLeadingZero(o[0])}},"")},getFixedTime:function(e,t,r){return r=Math.min(parseInt(r||0,10),60),t=Math.min(t,60),e=Math.min(e,60),[e,t,r]},addLeadingZero:function(e){return(e<10?"0":"")+e}},e.exports=r},function(e,t){"use strict";var r=function(e,t){var r=this;r.delimiter=t||""===t?t:" ",r.delimiterRE=t?new RegExp("\\"+t,"g"):"",r.formatter=e};r.prototype={setFormatter:function(e){this.formatter=e},format:function(e){var t=this;t.formatter.clear(),e=e.replace(/[^\d+]/g,""),e=e.replace(/^\+/,"B").replace(/\+/g,"").replace("B","+"),e=e.replace(t.delimiterRE,"");for(var r,i="",n=!1,a=0,o=e.length;a<o;a++)r=t.formatter.inputDigit(e.charAt(a)),/[\s()-]/g.test(r)?(i=r,n=!0):n||(i=r);return i=i.replace(/[()]/g,""),i=i.replace(/[\s-]/g,t.delimiter)}},e.exports=r},function(e,t){"use strict";var r={blocks:{uatp:[4,5,6],amex:[4,6,5],diners:[4,6,4],discover:[4,4,4,4],mastercard:[4,4,4,4],dankort:[4,4,4,4],instapayment:[4,4,4,4],jcb15:[4,6,5],jcb:[4,4,4,4],maestro:[4,4,4,4],visa:[4,4,4,4],mir:[4,4,4,4],unionPay:[4,4,4,4],general:[4,4,4,4]},re:{uatp:/^(?!1800)1\d{0,14}/,amex:/^3[47]\d{0,13}/,discover:/^(?:6011|65\d{0,2}|64[4-9]\d?)\d{0,12}/,diners:/^3(?:0([0-5]|9)|[689]\d?)\d{0,11}/,mastercard:/^(5[1-5]\d{0,2}|22[2-9]\d{0,1}|2[3-7]\d{0,2})\d{0,12}/,dankort:/^(5019|4175|4571)\d{0,12}/,instapayment:/^63[7-9]\d{0,13}/,jcb15:/^(?:2131|1800)\d{0,11}/,jcb:/^(?:35\d{0,2})\d{0,12}/,maestro:/^(?:5[0678]\d{0,2}|6304|67\d{0,2})\d{0,12}/,mir:/^220[0-4]\d{0,12}/,visa:/^4\d{0,15}/,unionPay:/^(62|81)\d{0,14}/},getStrictBlocks:function(e){var t=e.reduce(function(e,t){return e+t},0);return e.concat(19-t)},getInfo:function(e,t){var i=r.blocks,n=r.re;t=!!t;for(var a in n)if(n[a].test(e)){var o=i[a];return{type:a,blocks:t?this.getStrictBlocks(o):o}}return{type:"unknown",blocks:t?this.getStrictBlocks(i.general):i.general}}};e.exports=r},function(e,t){"use strict";var r={noop:function(){},strip:function(e,t){return e.replace(t,"")},getPostDelimiter:function(e,t,r){if(0===r.length)return e.slice(-t.length)===t?t:"";var i="";return r.forEach(function(t){e.slice(-t.length)===t&&(i=t)}),i},getDelimiterREByDelimiter:function(e){return new RegExp(e.replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1"),"g")},getNextCursorPosition:function(e,t,r,i,n){return t.length===e?r.length:e+this.getPositionOffset(e,t,r,i,n)},getPositionOffset:function(e,t,r,i,n){var a,o,l;return a=this.stripDelimiters(t.slice(0,e),i,n),o=this.stripDelimiters(r.slice(0,e),i,n),l=a.length-o.length,0!==l?l/Math.abs(l):0},stripDelimiters:function(e,t,r){var i=this;if(0===r.length){var n=t?i.getDelimiterREByDelimiter(t):"";return e.replace(n,"")}return r.forEach(function(t){t.split("").forEach(function(t){e=e.replace(i.getDelimiterREByDelimiter(t),"")})}),e},headStr:function(e,t){return e.slice(0,t)},getMaxLength:function(e){return e.reduce(function(e,t){return e+t},0)},getPrefixStrippedValue:function(e,t,r,i,n,a,o,l,s){if(0===r)return e;if(e===t&&""!==e)return"";if(s&&"-"==e.slice(0,1)){var c="-"==i.slice(0,1)?i.slice(1):i;return"-"+this.getPrefixStrippedValue(e.slice(1),t,r,c,n,a,o,l,s)}if(i.slice(0,r)!==t&&!l)return o&&!i&&e?e:"";if(i.slice(-r)!==t&&l)return o&&!i&&e?e:"";var u=this.stripDelimiters(i,n,a);return e.slice(0,r)===t||l?e.slice(-r)!==t&&l?u.slice(0,-r-1):l?e.slice(0,-r):e.slice(r):u.slice(r)},getFirstDiffIndex:function(e,t){for(var r=0;e.charAt(r)===t.charAt(r);)if(""===e.charAt(r++))return-1;return r},getFormattedValue:function(e,t,r,i,n,a){var o="",l=n.length>0,s="";return 0===r?e:(t.forEach(function(t,c){if(e.length>0){var u=e.slice(0,t),d=e.slice(t);s=l?n[a?c-1:c]||s:i,a?(c>0&&(o+=s),o+=u):(o+=u,u.length===t&&c<r-1&&(o+=s)),e=d}}),o)},fixPrefixCursor:function(e,t,r,i){if(e){var n=e.value,a=r||i[0]||" ";if(e.setSelectionRange&&t&&!(t.length+a.length<=n.length)){var o=2*n.length;setTimeout(function(){e.setSelectionRange(o,o)},1)}}},checkFullSelection:function(e){try{var t=window.getSelection()||document.getSelection()||{};return t.toString().length===e.length}catch(r){}return!1},setSelection:function(e,t,r){if(e===this.getActiveElement(r)&&!(e&&e.value.length<=t))if(e.createTextRange){var i=e.createTextRange();i.move("character",t),i.select()}else try{e.setSelectionRange(t,t)}catch(n){console.warn("The input element type does not support selection")}},getActiveElement:function(e){var t=e.activeElement;return t&&t.shadowRoot?this.getActiveElement(t.shadowRoot):t},isAndroid:function(){return navigator&&/android/i.test(navigator.userAgent)},isAndroidBackspaceKeydown:function(e,t){return!!(this.isAndroid()&&e&&t)&&t===e.slice(0,-1)}};e.exports=r},function(e,t){(function(t){"use strict";var r={assign:function(e,r){return e=e||{},r=r||{},e.creditCard=!!r.creditCard,e.creditCardStrictMode=!!r.creditCardStrictMode,e.creditCardType="",e.onCreditCardTypeChanged=r.onCreditCardTypeChanged||function(){},e.phone=!!r.phone,e.phoneRegionCode=r.phoneRegionCode||"AU",e.phoneFormatter={},e.time=!!r.time,e.timePattern=r.timePattern||["h","m","s"],e.timeFormat=r.timeFormat||"24",e.timeFormatter={},e.date=!!r.date,e.datePattern=r.datePattern||["d","m","Y"],e.dateMin=r.dateMin||"",e.dateMax=r.dateMax||"",e.dateFormatter={},e.numeral=!!r.numeral,e.numeralIntegerScale=r.numeralIntegerScale>0?r.numeralIntegerScale:0,e.numeralDecimalScale=r.numeralDecimalScale>=0?r.numeralDecimalScale:2,e.numeralDecimalMark=r.numeralDecimalMark||".",e.numeralThousandsGroupStyle=r.numeralThousandsGroupStyle||"thousand",e.numeralPositiveOnly=!!r.numeralPositiveOnly,e.stripLeadingZeroes=r.stripLeadingZeroes!==!1,e.signBeforePrefix=!!r.signBeforePrefix,e.tailPrefix=!!r.tailPrefix,e.swapHiddenInput=!!r.swapHiddenInput,e.numericOnly=e.creditCard||e.date||!!r.numericOnly,e.uppercase=!!r.uppercase,e.lowercase=!!r.lowercase,e.prefix=e.creditCard||e.date?"":r.prefix||"",e.noImmediatePrefix=!!r.noImmediatePrefix,e.prefixLength=e.prefix.length,e.rawValueTrimPrefix=!!r.rawValueTrimPrefix,e.copyDelimiter=!!r.copyDelimiter,e.initValue=void 0!==r.initValue&&null!==r.initValue?r.initValue.toString():"",e.delimiter=r.delimiter||""===r.delimiter?r.delimiter:r.date?"/":r.time?":":r.numeral?",":(r.phone," "),e.delimiterLength=e.delimiter.length,e.delimiterLazyShow=!!r.delimiterLazyShow,e.delimiters=r.delimiters||[],e.blocks=r.blocks||[],e.blocksLength=e.blocks.length,e.root="object"==typeof t&&t?t:window,e.document=r.document||e.root.document,e.maxLength=0,e.backspace=!1,e.result="",e.onValueChanged=r.onValueChanged||function(){},e}};e.exports=r}).call(t,function(){return this}())}])});
\ No newline at end of file
diff --git a/www/raven-demo/vendor/js/daterangepicker.js b/www/raven-demo/vendor/js/daterangepicker.js
new file mode 100644
index 0000000..4048310
--- /dev/null
+++ b/www/raven-demo/vendor/js/daterangepicker.js
@@ -0,0 +1,1578 @@
+/**
+* @version: 3.1
+* @author: Dan Grossman http://www.dangrossman.info/
+* @copyright: Copyright (c) 2012-2019 Dan Grossman. All rights reserved.
+* @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
+* @website: http://www.daterangepicker.com/
+*/
+// Following the UMD template https://github.com/umdjs/umd/blob/master/templates/returnExportsGlobal.js
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Make globaly available as well
+        define(['moment', 'jquery'], function (moment, jquery) {
+            if (!jquery.fn) jquery.fn = {}; // webpack server rendering
+            if (typeof moment !== 'function' && moment.hasOwnProperty('default')) moment = moment['default']
+            return factory(moment, jquery);
+        });
+    } else if (typeof module === 'object' && module.exports) {
+        // Node / Browserify
+        //isomorphic issue
+        var jQuery = (typeof window != 'undefined') ? window.jQuery : undefined;
+        if (!jQuery) {
+            jQuery = require('jquery');
+            if (!jQuery.fn) jQuery.fn = {};
+        }
+        var moment = (typeof window != 'undefined' && typeof window.moment != 'undefined') ? window.moment : require('moment');
+        module.exports = factory(moment, jQuery);
+    } else {
+        // Browser globals
+        root.daterangepicker = factory(root.moment, root.jQuery);
+    }
+}(this, function(moment, $) {
+    var DateRangePicker = function(element, options, cb) {
+
+        //default settings for options
+        this.parentEl = 'body';
+        this.element = $(element);
+        this.startDate = moment().startOf('day');
+        this.endDate = moment().endOf('day');
+        this.minDate = false;
+        this.maxDate = false;
+        this.maxSpan = false;
+        this.autoApply = false;
+        this.singleDatePicker = false;
+        this.showDropdowns = false;
+        this.minYear = moment().subtract(100, 'year').format('YYYY');
+        this.maxYear = moment().add(100, 'year').format('YYYY');
+        this.showWeekNumbers = false;
+        this.showISOWeekNumbers = false;
+        this.showCustomRangeLabel = true;
+        this.timePicker = false;
+        this.timePicker24Hour = false;
+        this.timePickerIncrement = 1;
+        this.timePickerSeconds = false;
+        this.linkedCalendars = true;
+        this.autoUpdateInput = true;
+        this.alwaysShowCalendars = false;
+        this.ranges = {};
+
+        this.opens = 'right';
+        if (this.element.hasClass('pull-right'))
+            this.opens = 'left';
+
+        this.drops = 'down';
+        if (this.element.hasClass('dropup'))
+            this.drops = 'up';
+
+        this.buttonClasses = 'btn btn-sm';
+        this.applyButtonClasses = 'btn-primary';
+        this.cancelButtonClasses = 'btn-default';
+
+        this.locale = {
+            direction: 'ltr',
+            format: moment.localeData().longDateFormat('L'),
+            separator: ' - ',
+            applyLabel: 'Apply',
+            cancelLabel: 'Cancel',
+            weekLabel: 'W',
+            customRangeLabel: 'Custom Range',
+            daysOfWeek: moment.weekdaysMin(),
+            monthNames: moment.monthsShort(),
+            firstDay: moment.localeData().firstDayOfWeek()
+        };
+
+        this.callback = function() { };
+
+        //some state information
+        this.isShowing = false;
+        this.leftCalendar = {};
+        this.rightCalendar = {};
+
+        //custom options from user
+        if (typeof options !== 'object' || options === null)
+            options = {};
+
+        //allow setting options with data attributes
+        //data-api options will be overwritten with custom javascript options
+        options = $.extend(this.element.data(), options);
+
+        //html template for the picker UI
+        if (typeof options.template !== 'string' && !(options.template instanceof $))
+            options.template =
+            '<div class="daterangepicker">' +
+                '<div class="ranges"></div>' +
+                '<div class="drp-calendar left">' +
+                    '<div class="calendar-table"></div>' +
+                    '<div class="calendar-time"></div>' +
+                '</div>' +
+                '<div class="drp-calendar right">' +
+                    '<div class="calendar-table"></div>' +
+                    '<div class="calendar-time"></div>' +
+                '</div>' +
+                '<div class="drp-buttons">' +
+                    '<span class="drp-selected"></span>' +
+                    '<button class="cancelBtn" type="button"></button>' +
+                    '<button class="applyBtn" disabled="disabled" type="button"></button> ' +
+                '</div>' +
+            '</div>';
+
+        this.parentEl = (options.parentEl && $(options.parentEl).length) ? $(options.parentEl) : $(this.parentEl);
+        this.container = $(options.template).appendTo(this.parentEl);
+
+        //
+        // handle all the possible options overriding defaults
+        //
+
+        if (typeof options.locale === 'object') {
+
+            if (typeof options.locale.direction === 'string')
+                this.locale.direction = options.locale.direction;
+
+            if (typeof options.locale.format === 'string')
+                this.locale.format = options.locale.format;
+
+            if (typeof options.locale.separator === 'string')
+                this.locale.separator = options.locale.separator;
+
+            if (typeof options.locale.daysOfWeek === 'object')
+                this.locale.daysOfWeek = options.locale.daysOfWeek.slice();
+
+            if (typeof options.locale.monthNames === 'object')
+              this.locale.monthNames = options.locale.monthNames.slice();
+
+            if (typeof options.locale.firstDay === 'number')
+              this.locale.firstDay = options.locale.firstDay;
+
+            if (typeof options.locale.applyLabel === 'string')
+              this.locale.applyLabel = options.locale.applyLabel;
+
+            if (typeof options.locale.cancelLabel === 'string')
+              this.locale.cancelLabel = options.locale.cancelLabel;
+
+            if (typeof options.locale.weekLabel === 'string')
+              this.locale.weekLabel = options.locale.weekLabel;
+
+            if (typeof options.locale.customRangeLabel === 'string'){
+                //Support unicode chars in the custom range name.
+                var elem = document.createElement('textarea');
+                elem.innerHTML = options.locale.customRangeLabel;
+                var rangeHtml = elem.value;
+                this.locale.customRangeLabel = rangeHtml;
+            }
+        }
+        this.container.addClass(this.locale.direction);
+
+        if (typeof options.startDate === 'string')
+            this.startDate = moment(options.startDate, this.locale.format);
+
+        if (typeof options.endDate === 'string')
+            this.endDate = moment(options.endDate, this.locale.format);
+
+        if (typeof options.minDate === 'string')
+            this.minDate = moment(options.minDate, this.locale.format);
+
+        if (typeof options.maxDate === 'string')
+            this.maxDate = moment(options.maxDate, this.locale.format);
+
+        if (typeof options.startDate === 'object')
+            this.startDate = moment(options.startDate);
+
+        if (typeof options.endDate === 'object')
+            this.endDate = moment(options.endDate);
+
+        if (typeof options.minDate === 'object')
+            this.minDate = moment(options.minDate);
+
+        if (typeof options.maxDate === 'object')
+            this.maxDate = moment(options.maxDate);
+
+        // sanity check for bad options
+        if (this.minDate && this.startDate.isBefore(this.minDate))
+            this.startDate = this.minDate.clone();
+
+        // sanity check for bad options
+        if (this.maxDate && this.endDate.isAfter(this.maxDate))
+            this.endDate = this.maxDate.clone();
+
+        if (typeof options.applyButtonClasses === 'string')
+            this.applyButtonClasses = options.applyButtonClasses;
+
+        if (typeof options.applyClass === 'string') //backwards compat
+            this.applyButtonClasses = options.applyClass;
+
+        if (typeof options.cancelButtonClasses === 'string')
+            this.cancelButtonClasses = options.cancelButtonClasses;
+
+        if (typeof options.cancelClass === 'string') //backwards compat
+            this.cancelButtonClasses = options.cancelClass;
+
+        if (typeof options.maxSpan === 'object')
+            this.maxSpan = options.maxSpan;
+
+        if (typeof options.dateLimit === 'object') //backwards compat
+            this.maxSpan = options.dateLimit;
+
+        if (typeof options.opens === 'string')
+            this.opens = options.opens;
+
+        if (typeof options.drops === 'string')
+            this.drops = options.drops;
+
+        if (typeof options.showWeekNumbers === 'boolean')
+            this.showWeekNumbers = options.showWeekNumbers;
+
+        if (typeof options.showISOWeekNumbers === 'boolean')
+            this.showISOWeekNumbers = options.showISOWeekNumbers;
+
+        if (typeof options.buttonClasses === 'string')
+            this.buttonClasses = options.buttonClasses;
+
+        if (typeof options.buttonClasses === 'object')
+            this.buttonClasses = options.buttonClasses.join(' ');
+
+        if (typeof options.showDropdowns === 'boolean')
+            this.showDropdowns = options.showDropdowns;
+
+        if (typeof options.minYear === 'number')
+            this.minYear = options.minYear;
+
+        if (typeof options.maxYear === 'number')
+            this.maxYear = options.maxYear;
+
+        if (typeof options.showCustomRangeLabel === 'boolean')
+            this.showCustomRangeLabel = options.showCustomRangeLabel;
+
+        if (typeof options.singleDatePicker === 'boolean') {
+            this.singleDatePicker = options.singleDatePicker;
+            if (this.singleDatePicker)
+                this.endDate = this.startDate.clone();
+        }
+
+        if (typeof options.timePicker === 'boolean')
+            this.timePicker = options.timePicker;
+
+        if (typeof options.timePickerSeconds === 'boolean')
+            this.timePickerSeconds = options.timePickerSeconds;
+
+        if (typeof options.timePickerIncrement === 'number')
+            this.timePickerIncrement = options.timePickerIncrement;
+
+        if (typeof options.timePicker24Hour === 'boolean')
+            this.timePicker24Hour = options.timePicker24Hour;
+
+        if (typeof options.autoApply === 'boolean')
+            this.autoApply = options.autoApply;
+
+        if (typeof options.autoUpdateInput === 'boolean')
+            this.autoUpdateInput = options.autoUpdateInput;
+
+        if (typeof options.linkedCalendars === 'boolean')
+            this.linkedCalendars = options.linkedCalendars;
+
+        if (typeof options.isInvalidDate === 'function')
+            this.isInvalidDate = options.isInvalidDate;
+
+        if (typeof options.isCustomDate === 'function')
+            this.isCustomDate = options.isCustomDate;
+
+        if (typeof options.alwaysShowCalendars === 'boolean')
+            this.alwaysShowCalendars = options.alwaysShowCalendars;
+
+        // update day names order to firstDay
+        if (this.locale.firstDay != 0) {
+            var iterator = this.locale.firstDay;
+            while (iterator > 0) {
+                this.locale.daysOfWeek.push(this.locale.daysOfWeek.shift());
+                iterator--;
+            }
+        }
+
+        var start, end, range;
+
+        //if no start/end dates set, check if an input element contains initial values
+        if (typeof options.startDate === 'undefined' && typeof options.endDate === 'undefined') {
+            if ($(this.element).is(':text')) {
+                var val = $(this.element).val(),
+                    split = val.split(this.locale.separator);
+
+                start = end = null;
+
+                if (split.length == 2) {
+                    start = moment(split[0], this.locale.format);
+                    end = moment(split[1], this.locale.format);
+                } else if (this.singleDatePicker && val !== "") {
+                    start = moment(val, this.locale.format);
+                    end = moment(val, this.locale.format);
+                }
+                if (start !== null && end !== null) {
+                    this.setStartDate(start);
+                    this.setEndDate(end);
+                }
+            }
+        }
+
+        if (typeof options.ranges === 'object') {
+            for (range in options.ranges) {
+
+                if (typeof options.ranges[range][0] === 'string')
+                    start = moment(options.ranges[range][0], this.locale.format);
+                else
+                    start = moment(options.ranges[range][0]);
+
+                if (typeof options.ranges[range][1] === 'string')
+                    end = moment(options.ranges[range][1], this.locale.format);
+                else
+                    end = moment(options.ranges[range][1]);
+
+                // If the start or end date exceed those allowed by the minDate or maxSpan
+                // options, shorten the range to the allowable period.
+                if (this.minDate && start.isBefore(this.minDate))
+                    start = this.minDate.clone();
+
+                var maxDate = this.maxDate;
+                if (this.maxSpan && maxDate && start.clone().add(this.maxSpan).isAfter(maxDate))
+                    maxDate = start.clone().add(this.maxSpan);
+                if (maxDate && end.isAfter(maxDate))
+                    end = maxDate.clone();
+
+                // If the end of the range is before the minimum or the start of the range is
+                // after the maximum, don't display this range option at all.
+                if ((this.minDate && end.isBefore(this.minDate, this.timepicker ? 'minute' : 'day'))
+                  || (maxDate && start.isAfter(maxDate, this.timepicker ? 'minute' : 'day')))
+                    continue;
+
+                //Support unicode chars in the range names.
+                var elem = document.createElement('textarea');
+                elem.innerHTML = range;
+                var rangeHtml = elem.value;
+
+                this.ranges[rangeHtml] = [start, end];
+            }
+
+            var list = '<ul>';
+            for (range in this.ranges) {
+                list += '<li data-range-key="' + range + '">' + range + '</li>';
+            }
+            if (this.showCustomRangeLabel) {
+                list += '<li data-range-key="' + this.locale.customRangeLabel + '">' + this.locale.customRangeLabel + '</li>';
+            }
+            list += '</ul>';
+            this.container.find('.ranges').prepend(list);
+        }
+
+        if (typeof cb === 'function') {
+            this.callback = cb;
+        }
+
+        if (!this.timePicker) {
+            this.startDate = this.startDate.startOf('day');
+            this.endDate = this.endDate.endOf('day');
+            this.container.find('.calendar-time').hide();
+        }
+
+        //can't be used together for now
+        if (this.timePicker && this.autoApply)
+            this.autoApply = false;
+
+        if (this.autoApply) {
+            this.container.addClass('auto-apply');
+        }
+
+        if (typeof options.ranges === 'object')
+            this.container.addClass('show-ranges');
+
+        if (this.singleDatePicker) {
+            this.container.addClass('single');
+            this.container.find('.drp-calendar.left').addClass('single');
+            this.container.find('.drp-calendar.left').show();
+            this.container.find('.drp-calendar.right').hide();
+            if (!this.timePicker && this.autoApply) {
+                this.container.addClass('auto-apply');
+            }
+        }
+
+        if ((typeof options.ranges === 'undefined' && !this.singleDatePicker) || this.alwaysShowCalendars) {
+            this.container.addClass('show-calendar');
+        }
+
+        this.container.addClass('opens' + this.opens);
+
+        //apply CSS classes and labels to buttons
+        this.container.find('.applyBtn, .cancelBtn').addClass(this.buttonClasses);
+        if (this.applyButtonClasses.length)
+            this.container.find('.applyBtn').addClass(this.applyButtonClasses);
+        if (this.cancelButtonClasses.length)
+            this.container.find('.cancelBtn').addClass(this.cancelButtonClasses);
+        this.container.find('.applyBtn').html(this.locale.applyLabel);
+        this.container.find('.cancelBtn').html(this.locale.cancelLabel);
+
+        //
+        // event listeners
+        //
+
+        this.container.find('.drp-calendar')
+            .on('click.daterangepicker', '.prev', $.proxy(this.clickPrev, this))
+            .on('click.daterangepicker', '.next', $.proxy(this.clickNext, this))
+            .on('mousedown.daterangepicker', 'td.available', $.proxy(this.clickDate, this))
+            .on('mouseenter.daterangepicker', 'td.available', $.proxy(this.hoverDate, this))
+            .on('change.daterangepicker', 'select.yearselect', $.proxy(this.monthOrYearChanged, this))
+            .on('change.daterangepicker', 'select.monthselect', $.proxy(this.monthOrYearChanged, this))
+            .on('change.daterangepicker', 'select.hourselect,select.minuteselect,select.secondselect,select.ampmselect', $.proxy(this.timeChanged, this));
+
+        this.container.find('.ranges')
+            .on('click.daterangepicker', 'li', $.proxy(this.clickRange, this));
+
+        this.container.find('.drp-buttons')
+            .on('click.daterangepicker', 'button.applyBtn', $.proxy(this.clickApply, this))
+            .on('click.daterangepicker', 'button.cancelBtn', $.proxy(this.clickCancel, this));
+
+        if (this.element.is('input') || this.element.is('button')) {
+            this.element.on({
+                'click.daterangepicker': $.proxy(this.show, this),
+                'focus.daterangepicker': $.proxy(this.show, this),
+                'keyup.daterangepicker': $.proxy(this.elementChanged, this),
+                'keydown.daterangepicker': $.proxy(this.keydown, this) //IE 11 compatibility
+            });
+        } else {
+            this.element.on('click.daterangepicker', $.proxy(this.toggle, this));
+            this.element.on('keydown.daterangepicker', $.proxy(this.toggle, this));
+        }
+
+        //
+        // if attached to a text input, set the initial value
+        //
+
+        this.updateElement();
+
+    };
+
+    DateRangePicker.prototype = {
+
+        constructor: DateRangePicker,
+
+        setStartDate: function(startDate) {
+            if (typeof startDate === 'string')
+                this.startDate = moment(startDate, this.locale.format);
+
+            if (typeof startDate === 'object')
+                this.startDate = moment(startDate);
+
+            if (!this.timePicker)
+                this.startDate = this.startDate.startOf('day');
+
+            if (this.timePicker && this.timePickerIncrement)
+                this.startDate.minute(Math.round(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+
+            if (this.minDate && this.startDate.isBefore(this.minDate)) {
+                this.startDate = this.minDate.clone();
+                if (this.timePicker && this.timePickerIncrement)
+                    this.startDate.minute(Math.round(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+            }
+
+            if (this.maxDate && this.startDate.isAfter(this.maxDate)) {
+                this.startDate = this.maxDate.clone();
+                if (this.timePicker && this.timePickerIncrement)
+                    this.startDate.minute(Math.floor(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+            }
+
+            if (!this.isShowing)
+                this.updateElement();
+
+            this.updateMonthsInView();
+        },
+
+        setEndDate: function(endDate) {
+            if (typeof endDate === 'string')
+                this.endDate = moment(endDate, this.locale.format);
+
+            if (typeof endDate === 'object')
+                this.endDate = moment(endDate);
+
+            if (!this.timePicker)
+                this.endDate = this.endDate.endOf('day');
+
+            if (this.timePicker && this.timePickerIncrement)
+                this.endDate.minute(Math.round(this.endDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+
+            if (this.endDate.isBefore(this.startDate))
+                this.endDate = this.startDate.clone();
+
+            if (this.maxDate && this.endDate.isAfter(this.maxDate))
+                this.endDate = this.maxDate.clone();
+
+            if (this.maxSpan && this.startDate.clone().add(this.maxSpan).isBefore(this.endDate))
+                this.endDate = this.startDate.clone().add(this.maxSpan);
+
+            this.previousRightTime = this.endDate.clone();
+
+            this.container.find('.drp-selected').html(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
+
+            if (!this.isShowing)
+                this.updateElement();
+
+            this.updateMonthsInView();
+        },
+
+        isInvalidDate: function() {
+            return false;
+        },
+
+        isCustomDate: function() {
+            return false;
+        },
+
+        updateView: function() {
+            if (this.timePicker) {
+                this.renderTimePicker('left');
+                this.renderTimePicker('right');
+                if (!this.endDate) {
+                    this.container.find('.right .calendar-time select').prop('disabled', true).addClass('disabled');
+                } else {
+                    this.container.find('.right .calendar-time select').prop('disabled', false).removeClass('disabled');
+                }
+            }
+            if (this.endDate)
+                this.container.find('.drp-selected').html(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
+            this.updateMonthsInView();
+            this.updateCalendars();
+            this.updateFormInputs();
+        },
+
+        updateMonthsInView: function() {
+            if (this.endDate) {
+
+                //if both dates are visible already, do nothing
+                if (!this.singleDatePicker && this.leftCalendar.month && this.rightCalendar.month &&
+                    (this.startDate.format('YYYY-MM') == this.leftCalendar.month.format('YYYY-MM') || this.startDate.format('YYYY-MM') == this.rightCalendar.month.format('YYYY-MM'))
+                    &&
+                    (this.endDate.format('YYYY-MM') == this.leftCalendar.month.format('YYYY-MM') || this.endDate.format('YYYY-MM') == this.rightCalendar.month.format('YYYY-MM'))
+                    ) {
+                    return;
+                }
+
+                this.leftCalendar.month = this.startDate.clone().date(2);
+                if (!this.linkedCalendars && (this.endDate.month() != this.startDate.month() || this.endDate.year() != this.startDate.year())) {
+                    this.rightCalendar.month = this.endDate.clone().date(2);
+                } else {
+                    this.rightCalendar.month = this.startDate.clone().date(2).add(1, 'month');
+                }
+
+            } else {
+                if (this.leftCalendar.month.format('YYYY-MM') != this.startDate.format('YYYY-MM') && this.rightCalendar.month.format('YYYY-MM') != this.startDate.format('YYYY-MM')) {
+                    this.leftCalendar.month = this.startDate.clone().date(2);
+                    this.rightCalendar.month = this.startDate.clone().date(2).add(1, 'month');
+                }
+            }
+            if (this.maxDate && this.linkedCalendars && !this.singleDatePicker && this.rightCalendar.month > this.maxDate) {
+              this.rightCalendar.month = this.maxDate.clone().date(2);
+              this.leftCalendar.month = this.maxDate.clone().date(2).subtract(1, 'month');
+            }
+        },
+
+        updateCalendars: function() {
+
+            if (this.timePicker) {
+                var hour, minute, second;
+                if (this.endDate) {
+                    hour = parseInt(this.container.find('.left .hourselect').val(), 10);
+                    minute = parseInt(this.container.find('.left .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.left .minuteselect option:last').val(), 10);
+                    }
+                    second = this.timePickerSeconds ? parseInt(this.container.find('.left .secondselect').val(), 10) : 0;
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.left .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                } else {
+                    hour = parseInt(this.container.find('.right .hourselect').val(), 10);
+                    minute = parseInt(this.container.find('.right .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.right .minuteselect option:last').val(), 10);
+                    }
+                    second = this.timePickerSeconds ? parseInt(this.container.find('.right .secondselect').val(), 10) : 0;
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.right .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                }
+                this.leftCalendar.month.hour(hour).minute(minute).second(second);
+                this.rightCalendar.month.hour(hour).minute(minute).second(second);
+            }
+
+            this.renderCalendar('left');
+            this.renderCalendar('right');
+
+            //highlight any predefined range matching the current start and end dates
+            this.container.find('.ranges li').removeClass('active');
+            if (this.endDate == null) return;
+
+            this.calculateChosenLabel();
+        },
+
+        renderCalendar: function(side) {
+
+            //
+            // Build the matrix of dates that will populate the calendar
+            //
+
+            var calendar = side == 'left' ? this.leftCalendar : this.rightCalendar;
+            var month = calendar.month.month();
+            var year = calendar.month.year();
+            var hour = calendar.month.hour();
+            var minute = calendar.month.minute();
+            var second = calendar.month.second();
+            var daysInMonth = moment([year, month]).daysInMonth();
+            var firstDay = moment([year, month, 1]);
+            var lastDay = moment([year, month, daysInMonth]);
+            var lastMonth = moment(firstDay).subtract(1, 'month').month();
+            var lastYear = moment(firstDay).subtract(1, 'month').year();
+            var daysInLastMonth = moment([lastYear, lastMonth]).daysInMonth();
+            var dayOfWeek = firstDay.day();
+
+            //initialize a 6 rows x 7 columns array for the calendar
+            var calendar = [];
+            calendar.firstDay = firstDay;
+            calendar.lastDay = lastDay;
+
+            for (var i = 0; i < 6; i++) {
+                calendar[i] = [];
+            }
+
+            //populate the calendar with date objects
+            var startDay = daysInLastMonth - dayOfWeek + this.locale.firstDay + 1;
+            if (startDay > daysInLastMonth)
+                startDay -= 7;
+
+            if (dayOfWeek == this.locale.firstDay)
+                startDay = daysInLastMonth - 6;
+
+            var curDate = moment([lastYear, lastMonth, startDay, 12, minute, second]);
+
+            var col, row;
+            for (var i = 0, col = 0, row = 0; i < 42; i++, col++, curDate = moment(curDate).add(24, 'hour')) {
+                if (i > 0 && col % 7 === 0) {
+                    col = 0;
+                    row++;
+                }
+                calendar[row][col] = curDate.clone().hour(hour).minute(minute).second(second);
+                curDate.hour(12);
+
+                if (this.minDate && calendar[row][col].format('YYYY-MM-DD') == this.minDate.format('YYYY-MM-DD') && calendar[row][col].isBefore(this.minDate) && side == 'left') {
+                    calendar[row][col] = this.minDate.clone();
+                }
+
+                if (this.maxDate && calendar[row][col].format('YYYY-MM-DD') == this.maxDate.format('YYYY-MM-DD') && calendar[row][col].isAfter(this.maxDate) && side == 'right') {
+                    calendar[row][col] = this.maxDate.clone();
+                }
+
+            }
+
+            //make the calendar object available to hoverDate/clickDate
+            if (side == 'left') {
+                this.leftCalendar.calendar = calendar;
+            } else {
+                this.rightCalendar.calendar = calendar;
+            }
+
+            //
+            // Display the calendar
+            //
+
+            var minDate = side == 'left' ? this.minDate : this.startDate;
+            var maxDate = this.maxDate;
+            var selected = side == 'left' ? this.startDate : this.endDate;
+            var arrow = this.locale.direction == 'ltr' ? {left: 'chevron-left', right: 'chevron-right'} : {left: 'chevron-right', right: 'chevron-left'};
+
+            var html = '<table class="table-condensed">';
+            html += '<thead>';
+            html += '<tr>';
+
+            // add empty cell for week number
+            if (this.showWeekNumbers || this.showISOWeekNumbers)
+                html += '<th></th>';
+
+            if ((!minDate || minDate.isBefore(calendar.firstDay)) && (!this.linkedCalendars || side == 'left')) {
+                html += '<th class="prev available"><span></span></th>';
+            } else {
+                html += '<th></th>';
+            }
+
+            var dateHtml = this.locale.monthNames[calendar[1][1].month()] + calendar[1][1].format(" YYYY");
+
+            if (this.showDropdowns) {
+                var currentMonth = calendar[1][1].month();
+                var currentYear = calendar[1][1].year();
+                var maxYear = (maxDate && maxDate.year()) || (this.maxYear);
+                var minYear = (minDate && minDate.year()) || (this.minYear);
+                var inMinYear = currentYear == minYear;
+                var inMaxYear = currentYear == maxYear;
+
+                var monthHtml = '<select class="monthselect">';
+                for (var m = 0; m < 12; m++) {
+                    if ((!inMinYear || (minDate && m >= minDate.month())) && (!inMaxYear || (maxDate && m <= maxDate.month()))) {
+                        monthHtml += "<option value='" + m + "'" +
+                            (m === currentMonth ? " selected='selected'" : "") +
+                            ">" + this.locale.monthNames[m] + "</option>";
+                    } else {
+                        monthHtml += "<option value='" + m + "'" +
+                            (m === currentMonth ? " selected='selected'" : "") +
+                            " disabled='disabled'>" + this.locale.monthNames[m] + "</option>";
+                    }
+                }
+                monthHtml += "</select>";
+
+                var yearHtml = '<select class="yearselect">';
+                for (var y = minYear; y <= maxYear; y++) {
+                    yearHtml += '<option value="' + y + '"' +
+                        (y === currentYear ? ' selected="selected"' : '') +
+                        '>' + y + '</option>';
+                }
+                yearHtml += '</select>';
+
+                dateHtml = monthHtml + yearHtml;
+            }
+
+            html += '<th colspan="5" class="month">' + dateHtml + '</th>';
+            if ((!maxDate || maxDate.isAfter(calendar.lastDay)) && (!this.linkedCalendars || side == 'right' || this.singleDatePicker)) {
+                html += '<th class="next available"><span></span></th>';
+            } else {
+                html += '<th></th>';
+            }
+
+            html += '</tr>';
+            html += '<tr>';
+
+            // add week number label
+            if (this.showWeekNumbers || this.showISOWeekNumbers)
+                html += '<th class="week">' + this.locale.weekLabel + '</th>';
+
+            $.each(this.locale.daysOfWeek, function(index, dayOfWeek) {
+                html += '<th>' + dayOfWeek + '</th>';
+            });
+
+            html += '</tr>';
+            html += '</thead>';
+            html += '<tbody>';
+
+            //adjust maxDate to reflect the maxSpan setting in order to
+            //grey out end dates beyond the maxSpan
+            if (this.endDate == null && this.maxSpan) {
+                var maxLimit = this.startDate.clone().add(this.maxSpan).endOf('day');
+                if (!maxDate || maxLimit.isBefore(maxDate)) {
+                    maxDate = maxLimit;
+                }
+            }
+
+            for (var row = 0; row < 6; row++) {
+                html += '<tr>';
+
+                // add week number
+                if (this.showWeekNumbers)
+                    html += '<td class="week">' + calendar[row][0].week() + '</td>';
+                else if (this.showISOWeekNumbers)
+                    html += '<td class="week">' + calendar[row][0].isoWeek() + '</td>';
+
+                for (var col = 0; col < 7; col++) {
+
+                    var classes = [];
+
+                    //highlight today's date
+                    if (calendar[row][col].isSame(new Date(), "day"))
+                        classes.push('today');
+
+                    //highlight weekends
+                    if (calendar[row][col].isoWeekday() > 5)
+                        classes.push('weekend');
+
+                    //grey out the dates in other months displayed at beginning and end of this calendar
+                    if (calendar[row][col].month() != calendar[1][1].month())
+                        classes.push('off', 'ends');
+
+                    //don't allow selection of dates before the minimum date
+                    if (this.minDate && calendar[row][col].isBefore(this.minDate, 'day'))
+                        classes.push('off', 'disabled');
+
+                    //don't allow selection of dates after the maximum date
+                    if (maxDate && calendar[row][col].isAfter(maxDate, 'day'))
+                        classes.push('off', 'disabled');
+
+                    //don't allow selection of date if a custom function decides it's invalid
+                    if (this.isInvalidDate(calendar[row][col]))
+                        classes.push('off', 'disabled');
+
+                    //highlight the currently selected start date
+                    if (calendar[row][col].format('YYYY-MM-DD') == this.startDate.format('YYYY-MM-DD'))
+                        classes.push('active', 'start-date');
+
+                    //highlight the currently selected end date
+                    if (this.endDate != null && calendar[row][col].format('YYYY-MM-DD') == this.endDate.format('YYYY-MM-DD'))
+                        classes.push('active', 'end-date');
+
+                    //highlight dates in-between the selected dates
+                    if (this.endDate != null && calendar[row][col] > this.startDate && calendar[row][col] < this.endDate)
+                        classes.push('in-range');
+
+                    //apply custom classes for this date
+                    var isCustom = this.isCustomDate(calendar[row][col]);
+                    if (isCustom !== false) {
+                        if (typeof isCustom === 'string')
+                            classes.push(isCustom);
+                        else
+                            Array.prototype.push.apply(classes, isCustom);
+                    }
+
+                    var cname = '', disabled = false;
+                    for (var i = 0; i < classes.length; i++) {
+                        cname += classes[i] + ' ';
+                        if (classes[i] == 'disabled')
+                            disabled = true;
+                    }
+                    if (!disabled)
+                        cname += 'available';
+
+                    html += '<td class="' + cname.replace(/^\s+|\s+$/g, '') + '" data-title="' + 'r' + row + 'c' + col + '">' + calendar[row][col].date() + '</td>';
+
+                }
+                html += '</tr>';
+            }
+
+            html += '</tbody>';
+            html += '</table>';
+
+            this.container.find('.drp-calendar.' + side + ' .calendar-table').html(html);
+
+        },
+
+        renderTimePicker: function(side) {
+
+            // Don't bother updating the time picker if it's currently disabled
+            // because an end date hasn't been clicked yet
+            if (side == 'right' && !this.endDate) return;
+
+            var html, selected, minDate, maxDate = this.maxDate;
+
+            if (this.maxSpan && (!this.maxDate || this.startDate.clone().add(this.maxSpan).isBefore(this.maxDate)))
+                maxDate = this.startDate.clone().add(this.maxSpan);
+
+            if (side == 'left') {
+                selected = this.startDate.clone();
+                minDate = this.minDate;
+            } else if (side == 'right') {
+                selected = this.endDate.clone();
+                minDate = this.startDate;
+
+                //Preserve the time already selected
+                var timeSelector = this.container.find('.drp-calendar.right .calendar-time');
+                if (timeSelector.html() != '') {
+
+                    selected.hour(!isNaN(selected.hour()) ? selected.hour() : timeSelector.find('.hourselect option:selected').val());
+                    selected.minute(!isNaN(selected.minute()) ? selected.minute() : timeSelector.find('.minuteselect option:selected').val());
+                    selected.second(!isNaN(selected.second()) ? selected.second() : timeSelector.find('.secondselect option:selected').val());
+
+                    if (!this.timePicker24Hour) {
+                        var ampm = timeSelector.find('.ampmselect option:selected').val();
+                        if (ampm === 'PM' && selected.hour() < 12)
+                            selected.hour(selected.hour() + 12);
+                        if (ampm === 'AM' && selected.hour() === 12)
+                            selected.hour(0);
+                    }
+
+                }
+
+                if (selected.isBefore(this.startDate))
+                    selected = this.startDate.clone();
+
+                if (maxDate && selected.isAfter(maxDate))
+                    selected = maxDate.clone();
+
+            }
+
+            //
+            // hours
+            //
+
+            html = '<select class="hourselect">';
+
+            var start = this.timePicker24Hour ? 0 : 1;
+            var end = this.timePicker24Hour ? 23 : 12;
+
+            for (var i = start; i <= end; i++) {
+                var i_in_24 = i;
+                if (!this.timePicker24Hour)
+                    i_in_24 = selected.hour() >= 12 ? (i == 12 ? 12 : i + 12) : (i == 12 ? 0 : i);
+
+                var time = selected.clone().hour(i_in_24);
+                var disabled = false;
+                if (minDate && time.minute(59).isBefore(minDate))
+                    disabled = true;
+                if (maxDate && time.minute(0).isAfter(maxDate))
+                    disabled = true;
+
+                if (i_in_24 == selected.hour() && !disabled) {
+                    html += '<option value="' + i + '" selected="selected">' + i + '</option>';
+                } else if (disabled) {
+                    html += '<option value="' + i + '" disabled="disabled" class="disabled">' + i + '</option>';
+                } else {
+                    html += '<option value="' + i + '">' + i + '</option>';
+                }
+            }
+
+            html += '</select> ';
+
+            //
+            // minutes
+            //
+
+            html += ': <select class="minuteselect">';
+
+            for (var i = 0; i < 60; i += this.timePickerIncrement) {
+                var padded = i < 10 ? '0' + i : i;
+                var time = selected.clone().minute(i);
+
+                var disabled = false;
+                if (minDate && time.second(59).isBefore(minDate))
+                    disabled = true;
+                if (maxDate && time.second(0).isAfter(maxDate))
+                    disabled = true;
+
+                if (selected.minute() == i && !disabled) {
+                    html += '<option value="' + i + '" selected="selected">' + padded + '</option>';
+                } else if (disabled) {
+                    html += '<option value="' + i + '" disabled="disabled" class="disabled">' + padded + '</option>';
+                } else {
+                    html += '<option value="' + i + '">' + padded + '</option>';
+                }
+            }
+
+            html += '</select> ';
+
+            //
+            // seconds
+            //
+
+            if (this.timePickerSeconds) {
+                html += ': <select class="secondselect">';
+
+                for (var i = 0; i < 60; i++) {
+                    var padded = i < 10 ? '0' + i : i;
+                    var time = selected.clone().second(i);
+
+                    var disabled = false;
+                    if (minDate && time.isBefore(minDate))
+                        disabled = true;
+                    if (maxDate && time.isAfter(maxDate))
+                        disabled = true;
+
+                    if (selected.second() == i && !disabled) {
+                        html += '<option value="' + i + '" selected="selected">' + padded + '</option>';
+                    } else if (disabled) {
+                        html += '<option value="' + i + '" disabled="disabled" class="disabled">' + padded + '</option>';
+                    } else {
+                        html += '<option value="' + i + '">' + padded + '</option>';
+                    }
+                }
+
+                html += '</select> ';
+            }
+
+            //
+            // AM/PM
+            //
+
+            if (!this.timePicker24Hour) {
+                html += '<select class="ampmselect">';
+
+                var am_html = '';
+                var pm_html = '';
+
+                if (minDate && selected.clone().hour(12).minute(0).second(0).isBefore(minDate))
+                    am_html = ' disabled="disabled" class="disabled"';
+
+                if (maxDate && selected.clone().hour(0).minute(0).second(0).isAfter(maxDate))
+                    pm_html = ' disabled="disabled" class="disabled"';
+
+                if (selected.hour() >= 12) {
+                    html += '<option value="AM"' + am_html + '>AM</option><option value="PM" selected="selected"' + pm_html + '>PM</option>';
+                } else {
+                    html += '<option value="AM" selected="selected"' + am_html + '>AM</option><option value="PM"' + pm_html + '>PM</option>';
+                }
+
+                html += '</select>';
+            }
+
+            this.container.find('.drp-calendar.' + side + ' .calendar-time').html(html);
+
+        },
+
+        updateFormInputs: function() {
+
+            if (this.singleDatePicker || (this.endDate && (this.startDate.isBefore(this.endDate) || this.startDate.isSame(this.endDate)))) {
+                this.container.find('button.applyBtn').prop('disabled', false);
+            } else {
+                this.container.find('button.applyBtn').prop('disabled', true);
+            }
+
+        },
+
+        move: function() {
+            var parentOffset = { top: 0, left: 0 },
+                containerTop,
+                drops = this.drops;
+
+            var parentRightEdge = $(window).width();
+            if (!this.parentEl.is('body')) {
+                parentOffset = {
+                    top: this.parentEl.offset().top - this.parentEl.scrollTop(),
+                    left: this.parentEl.offset().left - this.parentEl.scrollLeft()
+                };
+                parentRightEdge = this.parentEl[0].clientWidth + this.parentEl.offset().left;
+            }
+
+            switch (drops) {
+            case 'auto':
+                containerTop = this.element.offset().top + this.element.outerHeight() - parentOffset.top;
+                if (containerTop + this.container.outerHeight() >= this.parentEl[0].scrollHeight) {
+                    containerTop = this.element.offset().top - this.container.outerHeight() - parentOffset.top;
+                    drops = 'up';
+                }
+                break;
+            case 'up':
+                containerTop = this.element.offset().top - this.container.outerHeight() - parentOffset.top;
+                break;
+            default:
+                containerTop = this.element.offset().top + this.element.outerHeight() - parentOffset.top;
+                break;
+            }
+
+            // Force the container to it's actual width
+            this.container.css({
+              top: 0,
+              left: 0,
+              right: 'auto'
+            });
+            var containerWidth = this.container.outerWidth();
+
+            this.container.toggleClass('drop-up', drops == 'up');
+
+            if (this.opens == 'left') {
+                var containerRight = parentRightEdge - this.element.offset().left - this.element.outerWidth();
+                if (containerWidth + containerRight > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        right: 'auto',
+                        left: 9
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        right: containerRight,
+                        left: 'auto'
+                    });
+                }
+            } else if (this.opens == 'center') {
+                var containerLeft = this.element.offset().left - parentOffset.left + this.element.outerWidth() / 2
+                                        - containerWidth / 2;
+                if (containerLeft < 0) {
+                    this.container.css({
+                        top: containerTop,
+                        right: 'auto',
+                        left: 9
+                    });
+                } else if (containerLeft + containerWidth > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        left: 'auto',
+                        right: 0
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        left: containerLeft,
+                        right: 'auto'
+                    });
+                }
+            } else {
+                var containerLeft = this.element.offset().left - parentOffset.left;
+                if (containerLeft + containerWidth > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        left: 'auto',
+                        right: 0
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        left: containerLeft,
+                        right: 'auto'
+                    });
+                }
+            }
+        },
+
+        show: function(e) {
+            if (this.isShowing) return;
+
+            // Create a click proxy that is private to this instance of datepicker, for unbinding
+            this._outsideClickProxy = $.proxy(function(e) { this.outsideClick(e); }, this);
+
+            // Bind global datepicker mousedown for hiding and
+            $(document)
+              .on('mousedown.daterangepicker', this._outsideClickProxy)
+              // also support mobile devices
+              .on('touchend.daterangepicker', this._outsideClickProxy)
+              // also explicitly play nice with Bootstrap dropdowns, which stopPropagation when clicking them
+              .on('click.daterangepicker', '[data-toggle=dropdown]', this._outsideClickProxy)
+              // and also close when focus changes to outside the picker (eg. tabbing between controls)
+              .on('focusin.daterangepicker', this._outsideClickProxy);
+
+            // Reposition the picker if the window is resized while it's open
+            $(window).on('resize.daterangepicker', $.proxy(function(e) { this.move(e); }, this));
+
+            this.oldStartDate = this.startDate.clone();
+            this.oldEndDate = this.endDate.clone();
+            this.previousRightTime = this.endDate.clone();
+
+            this.updateView();
+            this.container.show();
+            this.move();
+            this.element.trigger('show.daterangepicker', this);
+            this.isShowing = true;
+        },
+
+        hide: function(e) {
+            if (!this.isShowing) return;
+
+            //incomplete date selection, revert to last values
+            if (!this.endDate) {
+                this.startDate = this.oldStartDate.clone();
+                this.endDate = this.oldEndDate.clone();
+            }
+
+            //if a new date range was selected, invoke the user callback function
+            if (!this.startDate.isSame(this.oldStartDate) || !this.endDate.isSame(this.oldEndDate))
+                this.callback(this.startDate.clone(), this.endDate.clone(), this.chosenLabel);
+
+            //if picker is attached to a text input, update it
+            this.updateElement();
+
+            $(document).off('.daterangepicker');
+            $(window).off('.daterangepicker');
+            this.container.hide();
+            this.element.trigger('hide.daterangepicker', this);
+            this.isShowing = false;
+        },
+
+        toggle: function(e) {
+            if (this.isShowing) {
+                this.hide();
+            } else {
+                this.show();
+            }
+        },
+
+        outsideClick: function(e) {
+            var target = $(e.target);
+            // if the page is clicked anywhere except within the daterangerpicker/button
+            // itself then call this.hide()
+            if (
+                // ie modal dialog fix
+                e.type == "focusin" ||
+                target.closest(this.element).length ||
+                target.closest(this.container).length ||
+                target.closest('.calendar-table').length
+                ) return;
+            this.hide();
+            this.element.trigger('outsideClick.daterangepicker', this);
+        },
+
+        showCalendars: function() {
+            this.container.addClass('show-calendar');
+            this.move();
+            this.element.trigger('showCalendar.daterangepicker', this);
+        },
+
+        hideCalendars: function() {
+            this.container.removeClass('show-calendar');
+            this.element.trigger('hideCalendar.daterangepicker', this);
+        },
+
+        clickRange: function(e) {
+            var label = e.target.getAttribute('data-range-key');
+            this.chosenLabel = label;
+            if (label == this.locale.customRangeLabel) {
+                this.showCalendars();
+            } else {
+                var dates = this.ranges[label];
+                this.startDate = dates[0];
+                this.endDate = dates[1];
+
+                if (!this.timePicker) {
+                    this.startDate.startOf('day');
+                    this.endDate.endOf('day');
+                }
+
+                if (!this.alwaysShowCalendars)
+                    this.hideCalendars();
+                this.clickApply();
+            }
+        },
+
+        clickPrev: function(e) {
+            var cal = $(e.target).parents('.drp-calendar');
+            if (cal.hasClass('left')) {
+                this.leftCalendar.month.subtract(1, 'month');
+                if (this.linkedCalendars)
+                    this.rightCalendar.month.subtract(1, 'month');
+            } else {
+                this.rightCalendar.month.subtract(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        clickNext: function(e) {
+            var cal = $(e.target).parents('.drp-calendar');
+            if (cal.hasClass('left')) {
+                this.leftCalendar.month.add(1, 'month');
+            } else {
+                this.rightCalendar.month.add(1, 'month');
+                if (this.linkedCalendars)
+                    this.leftCalendar.month.add(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        hoverDate: function(e) {
+
+            //ignore dates that can't be selected
+            if (!$(e.target).hasClass('available')) return;
+
+            var title = $(e.target).attr('data-title');
+            var row = title.substr(1, 1);
+            var col = title.substr(3, 1);
+            var cal = $(e.target).parents('.drp-calendar');
+            var date = cal.hasClass('left') ? this.leftCalendar.calendar[row][col] : this.rightCalendar.calendar[row][col];
+
+            //highlight the dates between the start date and the date being hovered as a potential end date
+            var leftCalendar = this.leftCalendar;
+            var rightCalendar = this.rightCalendar;
+            var startDate = this.startDate;
+            if (!this.endDate) {
+                this.container.find('.drp-calendar tbody td').each(function(index, el) {
+
+                    //skip week numbers, only look at dates
+                    if ($(el).hasClass('week')) return;
+
+                    var title = $(el).attr('data-title');
+                    var row = title.substr(1, 1);
+                    var col = title.substr(3, 1);
+                    var cal = $(el).parents('.drp-calendar');
+                    var dt = cal.hasClass('left') ? leftCalendar.calendar[row][col] : rightCalendar.calendar[row][col];
+
+                    if ((dt.isAfter(startDate) && dt.isBefore(date)) || dt.isSame(date, 'day')) {
+                        $(el).addClass('in-range');
+                    } else {
+                        $(el).removeClass('in-range');
+                    }
+
+                });
+            }
+
+        },
+
+        clickDate: function(e) {
+
+            if (!$(e.target).hasClass('available')) return;
+
+            var title = $(e.target).attr('data-title');
+            var row = title.substr(1, 1);
+            var col = title.substr(3, 1);
+            var cal = $(e.target).parents('.drp-calendar');
+            var date = cal.hasClass('left') ? this.leftCalendar.calendar[row][col] : this.rightCalendar.calendar[row][col];
+
+            //
+            // this function needs to do a few things:
+            // * alternate between selecting a start and end date for the range,
+            // * if the time picker is enabled, apply the hour/minute/second from the select boxes to the clicked date
+            // * if autoapply is enabled, and an end date was chosen, apply the selection
+            // * if single date picker mode, and time picker isn't enabled, apply the selection immediately
+            // * if one of the inputs above the calendars was focused, cancel that manual input
+            //
+
+            if (this.endDate || date.isBefore(this.startDate, 'day')) { //picking start
+                if (this.timePicker) {
+                    var hour = parseInt(this.container.find('.left .hourselect').val(), 10);
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.left .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                    var minute = parseInt(this.container.find('.left .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.left .minuteselect option:last').val(), 10);
+                    }
+                    var second = this.timePickerSeconds ? parseInt(this.container.find('.left .secondselect').val(), 10) : 0;
+                    date = date.clone().hour(hour).minute(minute).second(second);
+                }
+                this.endDate = null;
+                this.setStartDate(date.clone());
+            } else if (!this.endDate && date.isBefore(this.startDate)) {
+                //special case: clicking the same date for start/end,
+                //but the time of the end date is before the start date
+                this.setEndDate(this.startDate.clone());
+            } else { // picking end
+                if (this.timePicker) {
+                    var hour = parseInt(this.container.find('.right .hourselect').val(), 10);
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.right .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                    var minute = parseInt(this.container.find('.right .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.right .minuteselect option:last').val(), 10);
+                    }
+                    var second = this.timePickerSeconds ? parseInt(this.container.find('.right .secondselect').val(), 10) : 0;
+                    date = date.clone().hour(hour).minute(minute).second(second);
+                }
+                this.setEndDate(date.clone());
+                if (this.autoApply) {
+                  this.calculateChosenLabel();
+                  this.clickApply();
+                }
+            }
+
+            if (this.singleDatePicker) {
+                this.setEndDate(this.startDate);
+                if (!this.timePicker && this.autoApply)
+                    this.clickApply();
+            }
+
+            this.updateView();
+
+            //This is to cancel the blur event handler if the mouse was in one of the inputs
+            e.stopPropagation();
+
+        },
+
+        calculateChosenLabel: function () {
+            var customRange = true;
+            var i = 0;
+            for (var range in this.ranges) {
+              if (this.timePicker) {
+                    var format = this.timePickerSeconds ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD HH:mm";
+                    //ignore times when comparing dates if time picker seconds is not enabled
+                    if (this.startDate.format(format) == this.ranges[range][0].format(format) && this.endDate.format(format) == this.ranges[range][1].format(format)) {
+                        customRange = false;
+                        this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')').addClass('active').attr('data-range-key');
+                        break;
+                    }
+                } else {
+                    //ignore times when comparing dates if time picker is not enabled
+                    if (this.startDate.format('YYYY-MM-DD') == this.ranges[range][0].format('YYYY-MM-DD') && this.endDate.format('YYYY-MM-DD') == this.ranges[range][1].format('YYYY-MM-DD')) {
+                        customRange = false;
+                        this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')').addClass('active').attr('data-range-key');
+                        break;
+                    }
+                }
+                i++;
+            }
+            if (customRange) {
+                if (this.showCustomRangeLabel) {
+                    this.chosenLabel = this.container.find('.ranges li:last').addClass('active').attr('data-range-key');
+                } else {
+                    this.chosenLabel = null;
+                }
+                this.showCalendars();
+            }
+        },
+
+        clickApply: function(e) {
+            this.hide();
+            this.element.trigger('apply.daterangepicker', this);
+        },
+
+        clickCancel: function(e) {
+            this.startDate = this.oldStartDate;
+            this.endDate = this.oldEndDate;
+            this.hide();
+            this.element.trigger('cancel.daterangepicker', this);
+        },
+
+        monthOrYearChanged: function(e) {
+            var isLeft = $(e.target).closest('.drp-calendar').hasClass('left'),
+                leftOrRight = isLeft ? 'left' : 'right',
+                cal = this.container.find('.drp-calendar.'+leftOrRight);
+
+            // Month must be Number for new moment versions
+            var month = parseInt(cal.find('.monthselect').val(), 10);
+            var year = cal.find('.yearselect').val();
+
+            if (!isLeft) {
+                if (year < this.startDate.year() || (year == this.startDate.year() && month < this.startDate.month())) {
+                    month = this.startDate.month();
+                    year = this.startDate.year();
+                }
+            }
+
+            if (this.minDate) {
+                if (year < this.minDate.year() || (year == this.minDate.year() && month < this.minDate.month())) {
+                    month = this.minDate.month();
+                    year = this.minDate.year();
+                }
+            }
+
+            if (this.maxDate) {
+                if (year > this.maxDate.year() || (year == this.maxDate.year() && month > this.maxDate.month())) {
+                    month = this.maxDate.month();
+                    year = this.maxDate.year();
+                }
+            }
+
+            if (isLeft) {
+                this.leftCalendar.month.month(month).year(year);
+                if (this.linkedCalendars)
+                    this.rightCalendar.month = this.leftCalendar.month.clone().add(1, 'month');
+            } else {
+                this.rightCalendar.month.month(month).year(year);
+                if (this.linkedCalendars)
+                    this.leftCalendar.month = this.rightCalendar.month.clone().subtract(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        timeChanged: function(e) {
+
+            var cal = $(e.target).closest('.drp-calendar'),
+                isLeft = cal.hasClass('left');
+
+            var hour = parseInt(cal.find('.hourselect').val(), 10);
+            var minute = parseInt(cal.find('.minuteselect').val(), 10);
+            if (isNaN(minute)) {
+                minute = parseInt(cal.find('.minuteselect option:last').val(), 10);
+            }
+            var second = this.timePickerSeconds ? parseInt(cal.find('.secondselect').val(), 10) : 0;
+
+            if (!this.timePicker24Hour) {
+                var ampm = cal.find('.ampmselect').val();
+                if (ampm === 'PM' && hour < 12)
+                    hour += 12;
+                if (ampm === 'AM' && hour === 12)
+                    hour = 0;
+            }
+
+            if (isLeft) {
+                var start = this.startDate.clone();
+                start.hour(hour);
+                start.minute(minute);
+                start.second(second);
+                this.setStartDate(start);
+                if (this.singleDatePicker) {
+                    this.endDate = this.startDate.clone();
+                } else if (this.endDate && this.endDate.format('YYYY-MM-DD') == start.format('YYYY-MM-DD') && this.endDate.isBefore(start)) {
+                    this.setEndDate(start.clone());
+                }
+            } else if (this.endDate) {
+                var end = this.endDate.clone();
+                end.hour(hour);
+                end.minute(minute);
+                end.second(second);
+                this.setEndDate(end);
+            }
+
+            //update the calendars so all clickable dates reflect the new time component
+            this.updateCalendars();
+
+            //update the form inputs above the calendars with the new time
+            this.updateFormInputs();
+
+            //re-render the time pickers because changing one selection can affect what's enabled in another
+            this.renderTimePicker('left');
+            this.renderTimePicker('right');
+
+        },
+
+        elementChanged: function() {
+            if (!this.element.is('input')) return;
+            if (!this.element.val().length) return;
+
+            var dateString = this.element.val().split(this.locale.separator),
+                start = null,
+                end = null;
+
+            if (dateString.length === 2) {
+                start = moment(dateString[0], this.locale.format);
+                end = moment(dateString[1], this.locale.format);
+            }
+
+            if (this.singleDatePicker || start === null || end === null) {
+                start = moment(this.element.val(), this.locale.format);
+                end = start;
+            }
+
+            if (!start.isValid() || !end.isValid()) return;
+
+            this.setStartDate(start);
+            this.setEndDate(end);
+            this.updateView();
+        },
+
+        keydown: function(e) {
+            //hide on tab or enter
+            if ((e.keyCode === 9) || (e.keyCode === 13)) {
+                this.hide();
+            }
+
+            //hide on esc and prevent propagation
+            if (e.keyCode === 27) {
+                e.preventDefault();
+                e.stopPropagation();
+
+                this.hide();
+            }
+        },
+
+        updateElement: function() {
+            if (this.element.is('input') && this.autoUpdateInput) {
+                var newValue = this.startDate.format(this.locale.format);
+                if (!this.singleDatePicker) {
+                    newValue += this.locale.separator + this.endDate.format(this.locale.format);
+                }
+                if (newValue !== this.element.val()) {
+                    this.element.val(newValue).trigger('change');
+                }
+            }
+        },
+
+        remove: function() {
+            this.container.remove();
+            this.element.off('.daterangepicker');
+            this.element.removeData();
+        }
+
+    };
+
+    $.fn.daterangepicker = function(options, callback) {
+        var implementOptions = $.extend(true, {}, $.fn.daterangepicker.defaultOptions, options);
+        this.each(function() {
+            var el = $(this);
+            if (el.data('daterangepicker'))
+                el.data('daterangepicker').remove();
+            el.data('daterangepicker', new DateRangePicker(el, implementOptions, callback));
+        });
+        return this;
+    };
+
+    return DateRangePicker;
+
+}));
diff --git a/www/raven-demo/vendor/js/dropzone-min.js b/www/raven-demo/vendor/js/dropzone-min.js
new file mode 100644
index 0000000..cfced12
--- /dev/null
+++ b/www/raven-demo/vendor/js/dropzone-min.js
@@ -0,0 +1,2 @@
+!function(){function e(e){return e&&e.__esModule?e.default:e}function t(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function r(e,t,i){return t&&n(e.prototype,t),i&&n(e,i),e}function a(e){return a=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},a(e)}function o(e,t){return o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},o(e,t)}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}function s(e,i){return!i||"object"!=((n=i)&&n.constructor===Symbol?"symbol":typeof n)&&"function"!=typeof i?t(e):i;var n}var u;function c(e){return Array.isArray(e)||"[object Object]"=={}.toString.call(e)}function d(e){return!e||"object"!=typeof e&&"function"!=typeof e}u=function e(){var t=[].slice.call(arguments),i=!1;"boolean"==typeof t[0]&&(i=t.shift());var n=t[0];if(d(n))throw new Error("extendee must be an object");for(var r=t.slice(1),a=r.length,o=0;o<a;o++){var l=r[o];for(var s in l)if(Object.prototype.hasOwnProperty.call(l,s)){var u=l[s];if(i&&c(u)){var h=Array.isArray(u)?[]:{};n[s]=e(!0,Object.prototype.hasOwnProperty.call(n,s)&&!d(n[s])?n[s]:h,u)}else n[s]=u}}return n};var h=function(){"use strict";function e(){i(this,e)}return r(e,[{key:"on",value:function(e,t){return this._callbacks=this._callbacks||{},this._callbacks[e]||(this._callbacks[e]=[]),this._callbacks[e].push(t),this}},{key:"emit",value:function(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),n=1;n<t;n++)i[n-1]=arguments[n];this._callbacks=this._callbacks||{};var r=this._callbacks[e],a=!0,o=!1,l=void 0;if(r)try{for(var s,u=r[Symbol.iterator]();!(a=(s=u.next()).done);a=!0){var c=s.value;c.apply(this,i)}}catch(e){o=!0,l=e}finally{try{a||null==u.return||u.return()}finally{if(o)throw l}}return this.element&&this.element.dispatchEvent(this.makeEvent("dropzone:"+e,{args:i})),this}},{key:"makeEvent",value:function(e,t){var i={bubbles:!0,cancelable:!0,detail:t};if("function"==typeof window.CustomEvent)return new CustomEvent(e,i);var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,i.bubbles,i.cancelable,i.detail),n}},{key:"off",value:function(e,t){if(!this._callbacks||0===arguments.length)return this._callbacks={},this;var i=this._callbacks[e];if(!i)return this;if(1===arguments.length)return delete this._callbacks[e],this;for(var n=0;n<i.length;n++){var r=i[n];if(r===t){i.splice(n,1);break}}return this}}]),e}();var p={url:null,method:"post",withCredentials:!1,timeout:null,parallelUploads:2,uploadMultiple:!1,chunking:!1,forceChunking:!1,chunkSize:2097152,parallelChunkUploads:!1,retryChunks:!1,retryChunksLimit:3,maxFilesize:256,paramName:"file",createImageThumbnails:!0,maxThumbnailFilesize:10,thumbnailWidth:120,thumbnailHeight:120,thumbnailMethod:"crop",resizeWidth:null,resizeHeight:null,resizeMimeType:null,resizeQuality:.8,resizeMethod:"contain",filesizeBase:1e3,maxFiles:null,headers:null,defaultHeaders:!0,clickable:!0,ignoreHiddenFiles:!0,acceptedFiles:null,acceptedMimeTypes:null,autoProcessQueue:!0,autoQueue:!0,addRemoveLinks:!1,previewsContainer:null,disablePreviews:!1,hiddenInputContainer:"body",capture:null,renameFilename:null,renameFile:null,forceFallback:!1,dictDefaultMessage:"Drop files here to upload",dictFallbackMessage:"Your browser does not support drag'n'drop file uploads.",dictFallbackText:"Please use the fallback form below to upload your files like in the olden days.",dictFileTooBig:"File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",dictInvalidFileType:"You can't upload files of this type.",dictResponseError:"Server responded with {{statusCode}} code.",dictCancelUpload:"Cancel upload",dictUploadCanceled:"Upload canceled.",dictCancelUploadConfirmation:"Are you sure you want to cancel this upload?",dictRemoveFile:"Remove file",dictRemoveFileConfirmation:null,dictMaxFilesExceeded:"You can not upload any more files.",dictFileSizeUnits:{tb:"TB",gb:"GB",mb:"MB",kb:"KB",b:"b"},init:function(){},params:function(e,t,i){if(i)return{dzuuid:i.file.upload.uuid,dzchunkindex:i.index,dztotalfilesize:i.file.size,dzchunksize:this.options.chunkSize,dztotalchunkcount:i.file.upload.totalChunkCount,dzchunkbyteoffset:i.index*this.options.chunkSize}},accept:function(e,t){return t()},chunksUploaded:function(e,t){t()},binaryBody:!1,fallback:function(){var e;this.element.className="".concat(this.element.className," dz-browser-not-supported");var t=!0,i=!1,n=void 0;try{for(var r,a=this.element.getElementsByTagName("div")[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o=r.value;if(/(^| )dz-message($| )/.test(o.className)){e=o,o.className="dz-message";break}}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}e||(e=f.createElement('<div class="dz-message"><span></span></div>'),this.element.appendChild(e));var l=e.getElementsByTagName("span")[0];return l&&(null!=l.textContent?l.textContent=this.options.dictFallbackMessage:null!=l.innerText&&(l.innerText=this.options.dictFallbackMessage)),this.element.appendChild(this.getFallbackForm())},resize:function(e,t,i,n){var r={srcX:0,srcY:0,srcWidth:e.width,srcHeight:e.height},a=e.width/e.height;null==t&&null==i?(t=r.srcWidth,i=r.srcHeight):null==t?t=i*a:null==i&&(i=t/a);var o=(t=Math.min(t,r.srcWidth))/(i=Math.min(i,r.srcHeight));if(r.srcWidth>t||r.srcHeight>i)if("crop"===n)a>o?(r.srcHeight=e.height,r.srcWidth=r.srcHeight*o):(r.srcWidth=e.width,r.srcHeight=r.srcWidth/o);else{if("contain"!==n)throw new Error("Unknown resizeMethod '".concat(n,"'"));a>o?i=t/a:t=i*a}return r.srcX=(e.width-r.srcWidth)/2,r.srcY=(e.height-r.srcHeight)/2,r.trgWidth=t,r.trgHeight=i,r},transformFile:function(e,t){return(this.options.resizeWidth||this.options.resizeHeight)&&e.type.match(/image.*/)?this.resizeImage(e,this.options.resizeWidth,this.options.resizeHeight,this.options.resizeMethod,t):t(e)},previewTemplate:e('<div class="dz-file-preview dz-preview"> <div class="dz-image"><img data-dz-thumbnail=""></div> <div class="dz-details"> <div class="dz-size"><span data-dz-size=""></span></div> <div class="dz-filename"><span data-dz-name=""></span></div> </div> <div class="dz-progress"> <span class="dz-upload" data-dz-uploadprogress=""></span> </div> <div class="dz-error-message"><span data-dz-errormessage=""></span></div> <div class="dz-success-mark"> <svg width="54" height="54" fill="#fff"><path d="m10.207 29.793 4.086-4.086a1 1 0 0 1 1.414 0l5.586 5.586a1 1 0 0 0 1.414 0l15.586-15.586a1 1 0 0 1 1.414 0l4.086 4.086a1 1 0 0 1 0 1.414L22.707 42.293a1 1 0 0 1-1.414 0L10.207 31.207a1 1 0 0 1 0-1.414Z"/></svg> </div> <div class="dz-error-mark"> <svg width="54" height="54" fill="#fff"><path d="m26.293 20.293-7.086-7.086a1 1 0 0 0-1.414 0l-4.586 4.586a1 1 0 0 0 0 1.414l7.086 7.086a1 1 0 0 1 0 1.414l-7.086 7.086a1 1 0 0 0 0 1.414l4.586 4.586a1 1 0 0 0 1.414 0l7.086-7.086a1 1 0 0 1 1.414 0l7.086 7.086a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7.086-7.086a1 1 0 0 1 0-1.414l7.086-7.086a1 1 0 0 0 0-1.414l-4.586-4.586a1 1 0 0 0-1.414 0l-7.086 7.086a1 1 0 0 1-1.414 0Z"/></svg> </div> </div>'),drop:function(e){return this.element.classList.remove("dz-drag-hover")},dragstart:function(e){},dragend:function(e){return this.element.classList.remove("dz-drag-hover")},dragenter:function(e){return this.element.classList.add("dz-drag-hover")},dragover:function(e){return this.element.classList.add("dz-drag-hover")},dragleave:function(e){return this.element.classList.remove("dz-drag-hover")},paste:function(e){},reset:function(){return this.element.classList.remove("dz-started")},addedfile:function(e){if(this.element===this.previewsContainer&&this.element.classList.add("dz-started"),this.previewsContainer&&!this.options.disablePreviews){var t=this;e.previewElement=f.createElement(this.options.previewTemplate.trim()),e.previewTemplate=e.previewElement,this.previewsContainer.appendChild(e.previewElement);var i=!0,n=!1,r=void 0;try{for(var a,o=e.previewElement.querySelectorAll("[data-dz-name]")[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){var l=a.value;l.textContent=e.name}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}var s=!0,u=!1,c=void 0;try{for(var d,h=e.previewElement.querySelectorAll("[data-dz-size]")[Symbol.iterator]();!(s=(d=h.next()).done);s=!0)(l=d.value).innerHTML=this.filesize(e.size)}catch(e){u=!0,c=e}finally{try{s||null==h.return||h.return()}finally{if(u)throw c}}this.options.addRemoveLinks&&(e._removeLink=f.createElement('<a class="dz-remove" href="javascript:undefined;" data-dz-remove>'.concat(this.options.dictRemoveFile,"</a>")),e.previewElement.appendChild(e._removeLink));var p=function(i){var n=t;if(i.preventDefault(),i.stopPropagation(),e.status===f.UPLOADING)return f.confirm(t.options.dictCancelUploadConfirmation,(function(){return n.removeFile(e)}));var r=t;return t.options.dictRemoveFileConfirmation?f.confirm(t.options.dictRemoveFileConfirmation,(function(){return r.removeFile(e)})):t.removeFile(e)},m=!0,v=!1,y=void 0;try{for(var g,b=e.previewElement.querySelectorAll("[data-dz-remove]")[Symbol.iterator]();!(m=(g=b.next()).done);m=!0){g.value.addEventListener("click",p)}}catch(e){v=!0,y=e}finally{try{m||null==b.return||b.return()}finally{if(v)throw y}}}},removedfile:function(e){return null!=e.previewElement&&null!=e.previewElement.parentNode&&e.previewElement.parentNode.removeChild(e.previewElement),this._updateMaxFilesReachedClass()},thumbnail:function(e,t){if(e.previewElement){e.previewElement.classList.remove("dz-file-preview");var i=!0,n=!1,r=void 0;try{for(var a,o=e.previewElement.querySelectorAll("[data-dz-thumbnail]")[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){var l=a.value;l.alt=e.name,l.src=t}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}return setTimeout((function(){return e.previewElement.classList.add("dz-image-preview")}),1)}},error:function(e,t){if(e.previewElement){e.previewElement.classList.add("dz-error"),"string"!=typeof t&&t.error&&(t=t.error);var i=!0,n=!1,r=void 0;try{for(var a,o=e.previewElement.querySelectorAll("[data-dz-errormessage]")[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){a.value.textContent=t}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}}},errormultiple:function(){},processing:function(e){if(e.previewElement&&(e.previewElement.classList.add("dz-processing"),e._removeLink))return e._removeLink.innerHTML=this.options.dictCancelUpload},processingmultiple:function(){},uploadprogress:function(e,t,i){var n=!0,r=!1,a=void 0;if(e.previewElement)try{for(var o,l=e.previewElement.querySelectorAll("[data-dz-uploadprogress]")[Symbol.iterator]();!(n=(o=l.next()).done);n=!0){var s=o.value;"PROGRESS"===s.nodeName?s.value=t:s.style.width="".concat(t,"%")}}catch(e){r=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw a}}},totaluploadprogress:function(){},sending:function(){},sendingmultiple:function(){},success:function(e){if(e.previewElement)return e.previewElement.classList.add("dz-success")},successmultiple:function(){},canceled:function(e){return this.emit("error",e,this.options.dictUploadCanceled)},canceledmultiple:function(){},complete:function(e){if(e._removeLink&&(e._removeLink.innerHTML=this.options.dictRemoveFile),e.previewElement)return e.previewElement.classList.add("dz-complete")},completemultiple:function(){},maxfilesexceeded:function(){},maxfilesreached:function(){},queuecomplete:function(){},addedfiles:function(){}},f=function(n){"use strict";function o(n,r){var l,c,d,h;if(i(this,o),(l=s(this,(c=o,a(c)).call(this))).element=n,l.clickableElements=[],l.listeners=[],l.files=[],"string"==typeof l.element&&(l.element=document.querySelector(l.element)),!l.element||null==l.element.nodeType)throw new Error("Invalid dropzone element.");if(l.element.dropzone)throw new Error("Dropzone already attached.");o.instances.push(t(l)),l.element.dropzone=t(l);var f=null!=(h=o.optionsForElement(l.element))?h:{};if(l.options=e(u)(!0,{},p,f,null!=r?r:{}),l.options.previewTemplate=l.options.previewTemplate.replace(/\n*/g,""),l.options.forceFallback||!o.isBrowserSupported())return s(l,l.options.fallback.call(t(l)));if(null==l.options.url&&(l.options.url=l.element.getAttribute("action")),!l.options.url)throw new Error("No URL provided.");if(l.options.acceptedFiles&&l.options.acceptedMimeTypes)throw new Error("You can't provide both 'acceptedFiles' and 'acceptedMimeTypes'. 'acceptedMimeTypes' is deprecated.");if(l.options.uploadMultiple&&l.options.chunking)throw new Error("You cannot set both: uploadMultiple and chunking.");if(l.options.binaryBody&&l.options.uploadMultiple)throw new Error("You cannot set both: binaryBody and uploadMultiple.");return l.options.acceptedMimeTypes&&(l.options.acceptedFiles=l.options.acceptedMimeTypes,delete l.options.acceptedMimeTypes),null!=l.options.renameFilename&&(l.options.renameFile=function(e){return l.options.renameFilename.call(t(l),e.name,e)}),"string"==typeof l.options.method&&(l.options.method=l.options.method.toUpperCase()),(d=l.getExistingFallback())&&d.parentNode&&d.parentNode.removeChild(d),!1!==l.options.previewsContainer&&(l.options.previewsContainer?l.previewsContainer=o.getElement(l.options.previewsContainer,"previewsContainer"):l.previewsContainer=l.element),l.options.clickable&&(!0===l.options.clickable?l.clickableElements=[l.element]:l.clickableElements=o.getElements(l.options.clickable,"clickable")),l.init(),l}return l(o,n),r(o,[{key:"getAcceptedFiles",value:function(){return this.files.filter((function(e){return e.accepted})).map((function(e){return e}))}},{key:"getRejectedFiles",value:function(){return this.files.filter((function(e){return!e.accepted})).map((function(e){return e}))}},{key:"getFilesWithStatus",value:function(e){return this.files.filter((function(t){return t.status===e})).map((function(e){return e}))}},{key:"getQueuedFiles",value:function(){return this.getFilesWithStatus(o.QUEUED)}},{key:"getUploadingFiles",value:function(){return this.getFilesWithStatus(o.UPLOADING)}},{key:"getAddedFiles",value:function(){return this.getFilesWithStatus(o.ADDED)}},{key:"getActiveFiles",value:function(){return this.files.filter((function(e){return e.status===o.UPLOADING||e.status===o.QUEUED})).map((function(e){return e}))}},{key:"init",value:function(){var e=this,t=this,i=this,n=this,r=this,a=this,l=this,s=this,u=this,c=this,d=this;if("form"===this.element.tagName&&this.element.setAttribute("enctype","multipart/form-data"),this.element.classList.contains("dropzone")&&!this.element.querySelector(".dz-message")&&this.element.appendChild(o.createElement('<div class="dz-default dz-message"><button class="dz-button" type="button">'.concat(this.options.dictDefaultMessage,"</button></div>"))),this.clickableElements.length){var h=this,p=function(){var e=h;h.hiddenFileInput&&h.hiddenFileInput.parentNode.removeChild(h.hiddenFileInput),h.hiddenFileInput=document.createElement("input"),h.hiddenFileInput.setAttribute("type","file"),(null===h.options.maxFiles||h.options.maxFiles>1)&&h.hiddenFileInput.setAttribute("multiple","multiple"),h.hiddenFileInput.className="dz-hidden-input",null!==h.options.acceptedFiles&&h.hiddenFileInput.setAttribute("accept",h.options.acceptedFiles),null!==h.options.capture&&h.hiddenFileInput.setAttribute("capture",h.options.capture),h.hiddenFileInput.setAttribute("tabindex","-1"),h.hiddenFileInput.style.visibility="hidden",h.hiddenFileInput.style.position="absolute",h.hiddenFileInput.style.top="0",h.hiddenFileInput.style.left="0",h.hiddenFileInput.style.height="0",h.hiddenFileInput.style.width="0",o.getElement(h.options.hiddenInputContainer,"hiddenInputContainer").appendChild(h.hiddenFileInput),h.hiddenFileInput.addEventListener("change",(function(){var t=e.hiddenFileInput.files,i=!0,n=!1,r=void 0;if(t.length)try{for(var a,o=t[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){var l=a.value;e.addFile(l)}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}e.emit("addedfiles",t),p()}))};p()}this.URL=null!==window.URL?window.URL:window.webkitURL;var f=!0,m=!1,v=void 0;try{for(var y,g=this.events[Symbol.iterator]();!(f=(y=g.next()).done);f=!0){var b=y.value;this.on(b,this.options[b])}}catch(e){m=!0,v=e}finally{try{f||null==g.return||g.return()}finally{if(m)throw v}}this.on("uploadprogress",(function(){return e.updateTotalUploadProgress()})),this.on("removedfile",(function(){return t.updateTotalUploadProgress()})),this.on("canceled",(function(e){return i.emit("complete",e)})),this.on("complete",(function(e){var t=n;if(0===n.getAddedFiles().length&&0===n.getUploadingFiles().length&&0===n.getQueuedFiles().length)return setTimeout((function(){return t.emit("queuecomplete")}),0)}));var k=function(e){if(function(e){if(e.dataTransfer.types)for(var t=0;t<e.dataTransfer.types.length;t++)if("Files"===e.dataTransfer.types[t])return!0;return!1}(e))return e.stopPropagation(),e.preventDefault?e.preventDefault():e.returnValue=!1};return this.listeners=[{element:this.element,events:{dragstart:function(e){return r.emit("dragstart",e)},dragenter:function(e){return k(e),a.emit("dragenter",e)},dragover:function(e){var t;try{t=e.dataTransfer.effectAllowed}catch(e){}return e.dataTransfer.dropEffect="move"===t||"linkMove"===t?"move":"copy",k(e),l.emit("dragover",e)},dragleave:function(e){return s.emit("dragleave",e)},drop:function(e){return k(e),u.drop(e)},dragend:function(e){return c.emit("dragend",e)}}}],this.clickableElements.forEach((function(e){var t=d;return d.listeners.push({element:e,events:{click:function(i){return(e!==t.element||i.target===t.element||o.elementInside(i.target,t.element.querySelector(".dz-message")))&&t.hiddenFileInput.click(),!0}}})})),this.enable(),this.options.init.call(this)}},{key:"destroy",value:function(){return this.disable(),this.removeAllFiles(!0),(null!=this.hiddenFileInput?this.hiddenFileInput.parentNode:void 0)&&(this.hiddenFileInput.parentNode.removeChild(this.hiddenFileInput),this.hiddenFileInput=null),delete this.element.dropzone,o.instances.splice(o.instances.indexOf(this),1)}},{key:"updateTotalUploadProgress",value:function(){var e,t=0,i=0;if(this.getActiveFiles().length){var n=!0,r=!1,a=void 0;try{for(var o,l=this.getActiveFiles()[Symbol.iterator]();!(n=(o=l.next()).done);n=!0){var s=o.value;t+=s.upload.bytesSent,i+=s.upload.total}}catch(e){r=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw a}}e=100*t/i}else e=100;return this.emit("totaluploadprogress",e,i,t)}},{key:"_getParamName",value:function(e){return"function"==typeof this.options.paramName?this.options.paramName(e):"".concat(this.options.paramName).concat(this.options.uploadMultiple?"[".concat(e,"]"):"")}},{key:"_renameFile",value:function(e){return"function"!=typeof this.options.renameFile?e.name:this.options.renameFile(e)}},{key:"getFallbackForm",value:function(){var e,t;if(e=this.getExistingFallback())return e;var i='<div class="dz-fallback">';this.options.dictFallbackText&&(i+="<p>".concat(this.options.dictFallbackText,"</p>")),i+='<input type="file" name="'.concat(this._getParamName(0),'" ').concat(this.options.uploadMultiple?'multiple="multiple"':void 0,' /><input type="submit" value="Upload!"></div>');var n=o.createElement(i);return"FORM"!==this.element.tagName?(t=o.createElement('<form action="'.concat(this.options.url,'" enctype="multipart/form-data" method="').concat(this.options.method,'"></form>'))).appendChild(n):(this.element.setAttribute("enctype","multipart/form-data"),this.element.setAttribute("method",this.options.method)),null!=t?t:n}},{key:"getExistingFallback",value:function(){var e=function(e){var t=!0,i=!1,n=void 0;try{for(var r,a=e[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o=r.value;if(/(^| )fallback($| )/.test(o.className))return o}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}},t=!0,i=!1,n=void 0;try{for(var r,a=["div","form"][Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o,l=r.value;if(o=e(this.element.getElementsByTagName(l)))return o}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}}},{key:"setupEventListeners",value:function(){return this.listeners.map((function(e){return function(){var t=[];for(var i in e.events){var n=e.events[i];t.push(e.element.addEventListener(i,n,!1))}return t}()}))}},{key:"removeEventListeners",value:function(){return this.listeners.map((function(e){return function(){var t=[];for(var i in e.events){var n=e.events[i];t.push(e.element.removeEventListener(i,n,!1))}return t}()}))}},{key:"disable",value:function(){var e=this;return this.clickableElements.forEach((function(e){return e.classList.remove("dz-clickable")})),this.removeEventListeners(),this.disabled=!0,this.files.map((function(t){return e.cancelUpload(t)}))}},{key:"enable",value:function(){return delete this.disabled,this.clickableElements.forEach((function(e){return e.classList.add("dz-clickable")})),this.setupEventListeners()}},{key:"filesize",value:function(e){var t=0,i="b";if(e>0){for(var n=["tb","gb","mb","kb","b"],r=0;r<n.length;r++){var a=n[r];if(e>=Math.pow(this.options.filesizeBase,4-r)/10){t=e/Math.pow(this.options.filesizeBase,4-r),i=a;break}}t=Math.round(10*t)/10}return"<strong>".concat(t,"</strong> ").concat(this.options.dictFileSizeUnits[i])}},{key:"_updateMaxFilesReachedClass",value:function(){return null!=this.options.maxFiles&&this.getAcceptedFiles().length>=this.options.maxFiles?(this.getAcceptedFiles().length===this.options.maxFiles&&this.emit("maxfilesreached",this.files),this.element.classList.add("dz-max-files-reached")):this.element.classList.remove("dz-max-files-reached")}},{key:"drop",value:function(e){if(e.dataTransfer){this.emit("drop",e);for(var t=[],i=0;i<e.dataTransfer.files.length;i++)t[i]=e.dataTransfer.files[i];if(t.length){var n=e.dataTransfer.items;n&&n.length&&null!=n[0].webkitGetAsEntry?this._addFilesFromItems(n):this.handleFiles(t)}this.emit("addedfiles",t)}}},{key:"paste",value:function(e){if(null!=(t=null!=e?e.clipboardData:void 0,i=function(e){return e.items},null!=t?i(t):void 0)){var t,i;this.emit("paste",e);var n=e.clipboardData.items;return n.length?this._addFilesFromItems(n):void 0}}},{key:"handleFiles",value:function(e){var t=!0,i=!1,n=void 0;try{for(var r,a=e[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o=r.value;this.addFile(o)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}}},{key:"_addFilesFromItems",value:function(e){var t=this;return function(){var i=[],n=!0,r=!1,a=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done);n=!0){var s,u=o.value;null!=u.webkitGetAsEntry&&(s=u.webkitGetAsEntry())?s.isFile?i.push(t.addFile(u.getAsFile())):s.isDirectory?i.push(t._addFilesFromDirectory(s,s.name)):i.push(void 0):null!=u.getAsFile&&(null==u.kind||"file"===u.kind)?i.push(t.addFile(u.getAsFile())):i.push(void 0)}}catch(e){r=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw a}}return i}()}},{key:"_addFilesFromDirectory",value:function(e,t){var i=this,n=e.createReader(),r=function(e){return t=console,i="log",n=function(t){return t.log(e)},null!=t&&"function"==typeof t[i]?n(t,i):void 0;var t,i,n},a=function(){var e=i;return n.readEntries((function(i){if(i.length>0){var n=!0,r=!1,o=void 0;try{for(var l,s=i[Symbol.iterator]();!(n=(l=s.next()).done);n=!0){var u=l.value,c=e;u.isFile?u.file((function(e){if(!c.options.ignoreHiddenFiles||"."!==e.name.substring(0,1))return e.fullPath="".concat(t,"/").concat(e.name),c.addFile(e)})):u.isDirectory&&e._addFilesFromDirectory(u,"".concat(t,"/").concat(u.name))}}catch(e){r=!0,o=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw o}}a()}return null}),r)};return a()}},{key:"accept",value:function(e,t){this.options.maxFilesize&&e.size>1048576*this.options.maxFilesize?t(this.options.dictFileTooBig.replace("{{filesize}}",Math.round(e.size/1024/10.24)/100).replace("{{maxFilesize}}",this.options.maxFilesize)):o.isValidFile(e,this.options.acceptedFiles)?null!=this.options.maxFiles&&this.getAcceptedFiles().length>=this.options.maxFiles?(t(this.options.dictMaxFilesExceeded.replace("{{maxFiles}}",this.options.maxFiles)),this.emit("maxfilesexceeded",e)):this.options.accept.call(this,e,t):t(this.options.dictInvalidFileType)}},{key:"addFile",value:function(e){var t=this;e.upload={uuid:o.uuidv4(),progress:0,total:e.size,bytesSent:0,filename:this._renameFile(e)},this.files.push(e),e.status=o.ADDED,this.emit("addedfile",e),this._enqueueThumbnail(e),this.accept(e,(function(i){i?(e.accepted=!1,t._errorProcessing([e],i)):(e.accepted=!0,t.options.autoQueue&&t.enqueueFile(e)),t._updateMaxFilesReachedClass()}))}},{key:"enqueueFiles",value:function(e){var t=!0,i=!1,n=void 0;try{for(var r,a=e[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var o=r.value;this.enqueueFile(o)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}return null}},{key:"enqueueFile",value:function(e){if(e.status!==o.ADDED||!0!==e.accepted)throw new Error("This file can't be queued because it has already been processed or was rejected.");var t=this;if(e.status=o.QUEUED,this.options.autoProcessQueue)return setTimeout((function(){return t.processQueue()}),0)}},{key:"_enqueueThumbnail",value:function(e){if(this.options.createImageThumbnails&&e.type.match(/image.*/)&&e.size<=1048576*this.options.maxThumbnailFilesize){var t=this;return this._thumbnailQueue.push(e),setTimeout((function(){return t._processThumbnailQueue()}),0)}}},{key:"_processThumbnailQueue",value:function(){var e=this;if(!this._processingThumbnail&&0!==this._thumbnailQueue.length){this._processingThumbnail=!0;var t=this._thumbnailQueue.shift();return this.createThumbnail(t,this.options.thumbnailWidth,this.options.thumbnailHeight,this.options.thumbnailMethod,!0,(function(i){return e.emit("thumbnail",t,i),e._processingThumbnail=!1,e._processThumbnailQueue()}))}}},{key:"removeFile",value:function(e){if(e.status===o.UPLOADING&&this.cancelUpload(e),this.files=m(this.files,e),this.emit("removedfile",e),0===this.files.length)return this.emit("reset")}},{key:"removeAllFiles",value:function(e){null==e&&(e=!1);var t=!0,i=!1,n=void 0;try{for(var r,a=this.files.slice()[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var l=r.value;(l.status!==o.UPLOADING||e)&&this.removeFile(l)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}return null}},{key:"resizeImage",value:function(e,t,i,n,r){var a=this;return this.createThumbnail(e,t,i,n,!0,(function(t,i){if(null==i)return r(e);var n=a.options.resizeMimeType;null==n&&(n=e.type);var l=i.toDataURL(n,a.options.resizeQuality);return"image/jpeg"!==n&&"image/jpg"!==n||(l=g.restore(e.dataURL,l)),r(o.dataURItoBlob(l))}))}},{key:"createThumbnail",value:function(e,t,i,n,r,a){var o=this,l=new FileReader;l.onload=function(){e.dataURL=l.result,"image/svg+xml"!==e.type?o.createThumbnailFromUrl(e,t,i,n,r,a):null!=a&&a(l.result)},l.readAsDataURL(e)}},{key:"displayExistingFile",value:function(e,t,i,n,r){var a=void 0===r||r;if(this.emit("addedfile",e),this.emit("complete",e),a){var o=this;e.dataURL=t,this.createThumbnailFromUrl(e,this.options.thumbnailWidth,this.options.thumbnailHeight,this.options.thumbnailMethod,this.options.fixOrientation,(function(t){o.emit("thumbnail",e,t),i&&i()}),n)}else this.emit("thumbnail",e,t),i&&i()}},{key:"createThumbnailFromUrl",value:function(e,t,i,n,r,a,o){var l=this,s=document.createElement("img");return o&&(s.crossOrigin=o),r="from-image"!=getComputedStyle(document.body).imageOrientation&&r,s.onload=function(){var o=l,u=function(e){return e(1)};return"undefined"!=typeof EXIF&&null!==EXIF&&r&&(u=function(e){return EXIF.getData(s,(function(){return e(EXIF.getTag(this,"Orientation"))}))}),u((function(r){e.width=s.width,e.height=s.height;var l=o.options.resize.call(o,e,t,i,n),u=document.createElement("canvas"),c=u.getContext("2d");switch(u.width=l.trgWidth,u.height=l.trgHeight,r>4&&(u.width=l.trgHeight,u.height=l.trgWidth),r){case 2:c.translate(u.width,0),c.scale(-1,1);break;case 3:c.translate(u.width,u.height),c.rotate(Math.PI);break;case 4:c.translate(0,u.height),c.scale(1,-1);break;case 5:c.rotate(.5*Math.PI),c.scale(1,-1);break;case 6:c.rotate(.5*Math.PI),c.translate(0,-u.width);break;case 7:c.rotate(.5*Math.PI),c.translate(u.height,-u.width),c.scale(-1,1);break;case 8:c.rotate(-.5*Math.PI),c.translate(-u.height,0)}y(c,s,null!=l.srcX?l.srcX:0,null!=l.srcY?l.srcY:0,l.srcWidth,l.srcHeight,null!=l.trgX?l.trgX:0,null!=l.trgY?l.trgY:0,l.trgWidth,l.trgHeight);var d=u.toDataURL("image/png");if(null!=a)return a(d,u)}))},null!=a&&(s.onerror=a),s.src=e.dataURL}},{key:"processQueue",value:function(){var e=this.options.parallelUploads,t=this.getUploadingFiles().length,i=t;if(!(t>=e)){var n=this.getQueuedFiles();if(n.length>0){if(this.options.uploadMultiple)return this.processFiles(n.slice(0,e-t));for(;i<e;){if(!n.length)return;this.processFile(n.shift()),i++}}}}},{key:"processFile",value:function(e){return this.processFiles([e])}},{key:"processFiles",value:function(e){var t=!0,i=!1,n=void 0;try{for(var r,a=e[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){var l=r.value;l.processing=!0,l.status=o.UPLOADING,this.emit("processing",l)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}return this.options.uploadMultiple&&this.emit("processingmultiple",e),this.uploadFiles(e)}},{key:"_getFilesWithXhr",value:function(e){return this.files.filter((function(t){return t.xhr===e})).map((function(e){return e}))}},{key:"cancelUpload",value:function(e){if(e.status===o.UPLOADING){var t=this._getFilesWithXhr(e.xhr),i=!0,n=!1,r=void 0;try{for(var a,l=t[Symbol.iterator]();!(i=(a=l.next()).done);i=!0){(p=a.value).status=o.CANCELED}}catch(e){n=!0,r=e}finally{try{i||null==l.return||l.return()}finally{if(n)throw r}}void 0!==e.xhr&&e.xhr.abort();var s=!0,u=!1,c=void 0;try{for(var d,h=t[Symbol.iterator]();!(s=(d=h.next()).done);s=!0){var p=d.value;this.emit("canceled",p)}}catch(e){u=!0,c=e}finally{try{s||null==h.return||h.return()}finally{if(u)throw c}}this.options.uploadMultiple&&this.emit("canceledmultiple",t)}else e.status!==o.ADDED&&e.status!==o.QUEUED||(e.status=o.CANCELED,this.emit("canceled",e),this.options.uploadMultiple&&this.emit("canceledmultiple",[e]));if(this.options.autoProcessQueue)return this.processQueue()}},{key:"resolveOption",value:function(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),n=1;n<t;n++)i[n-1]=arguments[n];return"function"==typeof e?e.apply(this,i):e}},{key:"uploadFile",value:function(e){return this.uploadFiles([e])}},{key:"uploadFiles",value:function(e){var t=this;this._transformFiles(e,(function(i){if(t.options.chunking){var n=i[0];e[0].upload.chunked=t.options.chunking&&(t.options.forceChunking||n.size>t.options.chunkSize),e[0].upload.totalChunkCount=Math.ceil(n.size/t.options.chunkSize)}if(e[0].upload.chunked){var r=t,a=t,l=e[0];n=i[0];l.upload.chunks=[];var s=function(){for(var t=0;void 0!==l.upload.chunks[t];)t++;if(!(t>=l.upload.totalChunkCount)){0;var i=t*r.options.chunkSize,a=Math.min(i+r.options.chunkSize,n.size),s={name:r._getParamName(0),data:n.webkitSlice?n.webkitSlice(i,a):n.slice(i,a),filename:l.upload.filename,chunkIndex:t};l.upload.chunks[t]={file:l,index:t,dataBlock:s,status:o.UPLOADING,progress:0,retries:0},r._uploadData(e,[s])}};if(l.upload.finishedChunkUpload=function(t,i){var n=a,r=!0;t.status=o.SUCCESS,t.dataBlock=null,t.response=t.xhr.responseText,t.responseHeaders=t.xhr.getAllResponseHeaders(),t.xhr=null;for(var u=0;u<l.upload.totalChunkCount;u++){if(void 0===l.upload.chunks[u])return s();l.upload.chunks[u].status!==o.SUCCESS&&(r=!1)}r&&a.options.chunksUploaded(l,(function(){n._finished(e,i,null)}))},t.options.parallelChunkUploads)for(var u=0;u<l.upload.totalChunkCount;u++)s();else s()}else{var c=[];for(u=0;u<e.length;u++)c[u]={name:t._getParamName(u),data:i[u],filename:e[u].upload.filename};t._uploadData(e,c)}}))}},{key:"_getChunk",value:function(e,t){for(var i=0;i<e.upload.totalChunkCount;i++)if(void 0!==e.upload.chunks[i]&&e.upload.chunks[i].xhr===t)return e.upload.chunks[i]}},{key:"_uploadData",value:function(t,i){var n=this,r=this,a=this,o=this,l=new XMLHttpRequest,s=!0,c=!1,d=void 0;try{for(var h=t[Symbol.iterator]();!(s=(x=h.next()).done);s=!0){(g=x.value).xhr=l}}catch(e){c=!0,d=e}finally{try{s||null==h.return||h.return()}finally{if(c)throw d}}t[0].upload.chunked&&(t[0].upload.chunks[i[0].chunkIndex].xhr=l);var p=this.resolveOption(this.options.method,t,i),f=this.resolveOption(this.options.url,t,i);l.open(p,f,!0),this.resolveOption(this.options.timeout,t)&&(l.timeout=this.resolveOption(this.options.timeout,t)),l.withCredentials=!!this.options.withCredentials,l.onload=function(e){n._finishedUploading(t,l,e)},l.ontimeout=function(){r._handleUploadError(t,l,"Request timedout after ".concat(r.options.timeout/1e3," seconds"))},l.onerror=function(){a._handleUploadError(t,l)},(null!=l.upload?l.upload:l).onprogress=function(e){return o._updateFilesUploadProgress(t,l,e)};var m=this.options.defaultHeaders?{Accept:"application/json","Cache-Control":"no-cache","X-Requested-With":"XMLHttpRequest"}:{};for(var v in this.options.binaryBody&&(m["Content-Type"]=t[0].type),this.options.headers&&e(u)(m,this.options.headers),m){var y=m[v];y&&l.setRequestHeader(v,y)}if(this.options.binaryBody){s=!0,c=!1,d=void 0;try{for(h=t[Symbol.iterator]();!(s=(x=h.next()).done);s=!0){var g=x.value;this.emit("sending",g,l)}}catch(e){c=!0,d=e}finally{try{s||null==h.return||h.return()}finally{if(c)throw d}}this.options.uploadMultiple&&this.emit("sendingmultiple",t,l),this.submitRequest(l,null,t)}else{var b=new FormData;if(this.options.params){var k=this.options.params;for(var w in"function"==typeof k&&(k=k.call(this,t,l,t[0].upload.chunked?this._getChunk(t[0],l):null)),k){var F=k[w];if(Array.isArray(F))for(var E=0;E<F.length;E++)b.append(w,F[E]);else b.append(w,F)}}s=!0,c=!1,d=void 0;try{var x;for(h=t[Symbol.iterator]();!(s=(x=h.next()).done);s=!0){g=x.value;this.emit("sending",g,l,b)}}catch(e){c=!0,d=e}finally{try{s||null==h.return||h.return()}finally{if(c)throw d}}this.options.uploadMultiple&&this.emit("sendingmultiple",t,l,b),this._addFormElementData(b);for(E=0;E<i.length;E++){var z=i[E];b.append(z.name,z.data,z.filename)}this.submitRequest(l,b,t)}}},{key:"_transformFiles",value:function(e,t){for(var i=this,n=function(n){i.options.transformFile.call(i,e[n],(function(i){r[n]=i,++a===e.length&&t(r)}))},r=[],a=0,o=0;o<e.length;o++)n(o)}},{key:"_addFormElementData",value:function(e){var t=!0,i=!1,n=void 0;if("FORM"===this.element.tagName)try{for(var r=this.element.querySelectorAll("input, textarea, select, button")[Symbol.iterator]();!(t=(s=r.next()).done);t=!0){var a=s.value,o=a.getAttribute("name"),l=a.getAttribute("type");if(l&&(l=l.toLowerCase()),null!=o)if("SELECT"===a.tagName&&a.hasAttribute("multiple")){t=!0,i=!1,n=void 0;try{var s;for(r=a.options[Symbol.iterator]();!(t=(s=r.next()).done);t=!0){var u=s.value;u.selected&&e.append(o,u.value)}}catch(e){i=!0,n=e}finally{try{t||null==r.return||r.return()}finally{if(i)throw n}}}else(!l||"checkbox"!==l&&"radio"!==l||a.checked)&&e.append(o,a.value)}}catch(e){i=!0,n=e}finally{try{t||null==r.return||r.return()}finally{if(i)throw n}}}},{key:"_updateFilesUploadProgress",value:function(e,t,i){var n=!0,r=!1,a=void 0;if(e[0].upload.chunked){c=e[0];var o=this._getChunk(c,t);i?(o.progress=100*i.loaded/i.total,o.total=i.total,o.bytesSent=i.loaded):(o.progress=100,o.bytesSent=o.total),c.upload.progress=0,c.upload.total=0,c.upload.bytesSent=0;for(var l=0;l<c.upload.totalChunkCount;l++)c.upload.chunks[l]&&void 0!==c.upload.chunks[l].progress&&(c.upload.progress+=c.upload.chunks[l].progress,c.upload.total+=c.upload.chunks[l].total,c.upload.bytesSent+=c.upload.chunks[l].bytesSent);c.upload.progress=c.upload.progress/c.upload.totalChunkCount,this.emit("uploadprogress",c,c.upload.progress,c.upload.bytesSent)}else try{for(var s,u=e[Symbol.iterator]();!(n=(s=u.next()).done);n=!0){var c;(c=s.value).upload.total&&c.upload.bytesSent&&c.upload.bytesSent==c.upload.total||(i?(c.upload.progress=100*i.loaded/i.total,c.upload.total=i.total,c.upload.bytesSent=i.loaded):(c.upload.progress=100,c.upload.bytesSent=c.upload.total),this.emit("uploadprogress",c,c.upload.progress,c.upload.bytesSent))}}catch(e){r=!0,a=e}finally{try{n||null==u.return||u.return()}finally{if(r)throw a}}}},{key:"_finishedUploading",value:function(e,t,i){var n;if(e[0].status!==o.CANCELED&&4===t.readyState){if("arraybuffer"!==t.responseType&&"blob"!==t.responseType&&(n=t.responseText,t.getResponseHeader("content-type")&&~t.getResponseHeader("content-type").indexOf("application/json")))try{n=JSON.parse(n)}catch(e){i=e,n="Invalid JSON response from server."}this._updateFilesUploadProgress(e,t),200<=t.status&&t.status<300?e[0].upload.chunked?e[0].upload.finishedChunkUpload(this._getChunk(e[0],t),n):this._finished(e,n,i):this._handleUploadError(e,t,n)}}},{key:"_handleUploadError",value:function(e,t,i){if(e[0].status!==o.CANCELED){if(e[0].upload.chunked&&this.options.retryChunks){var n=this._getChunk(e[0],t);if(n.retries++<this.options.retryChunksLimit)return void this._uploadData(e,[n.dataBlock]);console.warn("Retried this chunk too often. Giving up.")}this._errorProcessing(e,i||this.options.dictResponseError.replace("{{statusCode}}",t.status),t)}}},{key:"submitRequest",value:function(e,t,i){if(1==e.readyState)if(this.options.binaryBody)if(i[0].upload.chunked){var n=this._getChunk(i[0],e);e.send(n.dataBlock.data)}else e.send(i[0]);else e.send(t);else console.warn("Cannot send this request because the XMLHttpRequest.readyState is not OPENED.")}},{key:"_finished",value:function(e,t,i){var n=!0,r=!1,a=void 0;try{for(var l,s=e[Symbol.iterator]();!(n=(l=s.next()).done);n=!0){var u=l.value;u.status=o.SUCCESS,this.emit("success",u,t,i),this.emit("complete",u)}}catch(e){r=!0,a=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw a}}if(this.options.uploadMultiple&&(this.emit("successmultiple",e,t,i),this.emit("completemultiple",e)),this.options.autoProcessQueue)return this.processQueue()}},{key:"_errorProcessing",value:function(e,t,i){var n=!0,r=!1,a=void 0;try{for(var l,s=e[Symbol.iterator]();!(n=(l=s.next()).done);n=!0){var u=l.value;u.status=o.ERROR,this.emit("error",u,t,i),this.emit("complete",u)}}catch(e){r=!0,a=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw a}}if(this.options.uploadMultiple&&(this.emit("errormultiple",e,t,i),this.emit("completemultiple",e)),this.options.autoProcessQueue)return this.processQueue()}}],[{key:"initClass",value:function(){this.prototype.Emitter=h,this.prototype.events=["drop","dragstart","dragend","dragenter","dragover","dragleave","addedfile","addedfiles","removedfile","thumbnail","error","errormultiple","processing","processingmultiple","uploadprogress","totaluploadprogress","sending","sendingmultiple","success","successmultiple","canceled","canceledmultiple","complete","completemultiple","reset","maxfilesexceeded","maxfilesreached","queuecomplete"],this.prototype._thumbnailQueue=[],this.prototype._processingThumbnail=!1}},{key:"uuidv4",value:function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)}))}}]),o}(h);f.initClass(),f.options={},f.optionsForElement=function(e){return e.getAttribute("id")?f.options[v(e.getAttribute("id"))]:void 0},f.instances=[],f.forElement=function(e){if("string"==typeof e&&(e=document.querySelector(e)),null==(null!=e?e.dropzone:void 0))throw new Error("No Dropzone found for given element. This is probably because you're trying to access it before Dropzone had the time to initialize. Use the `init` option to setup any additional observers on your Dropzone.");return e.dropzone},f.discover=function(){var e;if(document.querySelectorAll)e=document.querySelectorAll(".dropzone");else{e=[];var t=function(t){return function(){var i=[],n=!0,r=!1,a=void 0;try{for(var o,l=t[Symbol.iterator]();!(n=(o=l.next()).done);n=!0){var s=o.value;/(^| )dropzone($| )/.test(s.className)?i.push(e.push(s)):i.push(void 0)}}catch(e){r=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw a}}return i}()};t(document.getElementsByTagName("div")),t(document.getElementsByTagName("form"))}return function(){var t=[],i=!0,n=!1,r=void 0;try{for(var a,o=e[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){var l=a.value;!1!==f.optionsForElement(l)?t.push(new f(l)):t.push(void 0)}}catch(e){n=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(n)throw r}}return t}()},f.blockedBrowsers=[/opera.*(Macintosh|Windows Phone).*version\/12/i],f.isBrowserSupported=function(){var e=!0;if(window.File&&window.FileReader&&window.FileList&&window.Blob&&window.FormData&&document.querySelector)if("classList"in document.createElement("a")){void 0!==f.blacklistedBrowsers&&(f.blockedBrowsers=f.blacklistedBrowsers);var t=!0,i=!1,n=void 0;try{for(var r,a=f.blockedBrowsers[Symbol.iterator]();!(t=(r=a.next()).done);t=!0){r.value.test(navigator.userAgent)&&(e=!1)}}catch(e){i=!0,n=e}finally{try{t||null==a.return||a.return()}finally{if(i)throw n}}}else e=!1;else e=!1;return e},f.dataURItoBlob=function(e){for(var t=atob(e.split(",")[1]),i=e.split(",")[0].split(":")[1].split(";")[0],n=new ArrayBuffer(t.length),r=new Uint8Array(n),a=0,o=t.length,l=0<=o;l?a<=o:a>=o;l?a++:a--)r[a]=t.charCodeAt(a);return new Blob([n],{type:i})};var m=function(e,t){return e.filter((function(e){return e!==t})).map((function(e){return e}))},v=function(e){return e.replace(/[\-_](\w)/g,(function(e){return e.charAt(1).toUpperCase()}))};f.createElement=function(e){var t=document.createElement("div");return t.innerHTML=e,t.childNodes[0]},f.elementInside=function(e,t){if(e===t)return!0;for(;e=e.parentNode;)if(e===t)return!0;return!1},f.getElement=function(e,t){var i;if("string"==typeof e?i=document.querySelector(e):null!=e.nodeType&&(i=e),null==i)throw new Error("Invalid `".concat(t,"` option provided. Please provide a CSS selector or a plain HTML element."));return i},f.getElements=function(e,t){var i,n;if(e instanceof Array){n=[];try{var r=!0,a=!1,o=void 0;try{for(var l=e[Symbol.iterator]();!(r=(s=l.next()).done);r=!0)i=s.value,n.push(this.getElement(i,t))}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}}catch(e){n=null}}else if("string"==typeof e){n=[];r=!0,a=!1,o=void 0;try{var s;for(l=document.querySelectorAll(e)[Symbol.iterator]();!(r=(s=l.next()).done);r=!0)i=s.value,n.push(i)}catch(e){a=!0,o=e}finally{try{r||null==l.return||l.return()}finally{if(a)throw o}}}else null!=e.nodeType&&(n=[e]);if(null==n||!n.length)throw new Error("Invalid `".concat(t,"` option provided. Please provide a CSS selector, a plain HTML element or a list of those."));return n},f.confirm=function(e,t,i){return window.confirm(e)?t():null!=i?i():void 0},f.isValidFile=function(e,t){if(!t)return!0;t=t.split(",");var i=e.type,n=i.replace(/\/.*$/,""),r=!0,a=!1,o=void 0;try{for(var l,s=t[Symbol.iterator]();!(r=(l=s.next()).done);r=!0){var u=l.value;if("."===(u=u.trim()).charAt(0)){if(-1!==e.name.toLowerCase().indexOf(u.toLowerCase(),e.name.length-u.length))return!0}else if(/\/\*$/.test(u)){if(n===u.replace(/\/.*$/,""))return!0}else if(i===u)return!0}}catch(e){a=!0,o=e}finally{try{r||null==s.return||s.return()}finally{if(a)throw o}}return!1},"undefined"!=typeof jQuery&&null!==jQuery&&(jQuery.fn.dropzone=function(e){return this.each((function(){return new f(this,e)}))}),f.ADDED="added",f.QUEUED="queued",f.ACCEPTED=f.QUEUED,f.UPLOADING="uploading",f.PROCESSING=f.UPLOADING,f.CANCELED="canceled",f.ERROR="error",f.SUCCESS="success";var y=function(e,t,i,n,r,a,o,l,s,u){var c=function(e){e.naturalWidth;var t=e.naturalHeight,i=document.createElement("canvas");i.width=1,i.height=t;var n=i.getContext("2d");n.drawImage(e,0,0);for(var r=n.getImageData(1,0,1,t).data,a=0,o=t,l=t;l>a;)0===r[4*(l-1)+3]?o=l:a=l,l=o+a>>1;var s=l/t;return 0===s?1:s}(t);return e.drawImage(t,i,n,r,a,o,l,s,u/c)},g=function(){"use strict";function e(){i(this,e)}return r(e,null,[{key:"initClass",value:function(){this.KEY_STR="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="}},{key:"encode64",value:function(e){for(var t="",i=void 0,n=void 0,r="",a=void 0,o=void 0,l=void 0,s="",u=0;a=(i=e[u++])>>2,o=(3&i)<<4|(n=e[u++])>>4,l=(15&n)<<2|(r=e[u++])>>6,s=63&r,isNaN(n)?l=s=64:isNaN(r)&&(s=64),t=t+this.KEY_STR.charAt(a)+this.KEY_STR.charAt(o)+this.KEY_STR.charAt(l)+this.KEY_STR.charAt(s),i=n=r="",a=o=l=s="",u<e.length;);return t}},{key:"restore",value:function(e,t){if(!e.match("data:image/jpeg;base64,"))return t;var i=this.decode64(e.replace("data:image/jpeg;base64,","")),n=this.slice2Segments(i),r=this.exifManipulation(t,n);return"data:image/jpeg;base64,".concat(this.encode64(r))}},{key:"exifManipulation",value:function(e,t){var i=this.getExifArray(t),n=this.insertExif(e,i);return new Uint8Array(n)}},{key:"getExifArray",value:function(e){for(var t=void 0,i=0;i<e.length;){if(255===(t=e[i])[0]&225===t[1])return t;i++}return[]}},{key:"insertExif",value:function(e,t){var i=e.replace("data:image/jpeg;base64,",""),n=this.decode64(i),r=n.indexOf(255,3),a=n.slice(0,r),o=n.slice(r),l=a;return l=(l=l.concat(t)).concat(o)}},{key:"slice2Segments",value:function(e){for(var t=0,i=[];;){if(255===e[t]&218===e[t+1])break;if(255===e[t]&216===e[t+1])t+=2;else{var n=t+(256*e[t+2]+e[t+3])+2,r=e.slice(t,n);i.push(r),t=n}if(t>e.length)break}return i}},{key:"decode64",value:function(e){var t=void 0,i=void 0,n="",r=void 0,a=void 0,o="",l=0,s=[];for(/[^A-Za-z0-9\+\/\=]/g.exec(e)&&console.warn("There were invalid base64 characters in the input text.\nValid base64 characters are A-Z, a-z, 0-9, '+', '/',and '='\nExpect errors in decoding."),e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");t=this.KEY_STR.indexOf(e.charAt(l++))<<2|(r=this.KEY_STR.indexOf(e.charAt(l++)))>>4,i=(15&r)<<4|(a=this.KEY_STR.indexOf(e.charAt(l++)))>>2,n=(3&a)<<6|(o=this.KEY_STR.indexOf(e.charAt(l++))),s.push(t),64!==a&&s.push(i),64!==o&&s.push(n),t=i=n="",r=a=o="",l<e.length;);return s}}]),e}();g.initClass();window.Dropzone=f}();
+//# sourceMappingURL=dropzone-min.js.map
diff --git a/www/raven-demo/vendor/js/echarts.min.js b/www/raven-demo/vendor/js/echarts.min.js
new file mode 100644
index 0000000..22b33ff
--- /dev/null
+++ b/www/raven-demo/vendor/js/echarts.min.js
@@ -0,0 +1,45 @@
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).echarts={})}(this,(function(t){"use strict";
+/*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},e(t,n)};function n(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}var i=function(){this.firefox=!1,this.ie=!1,this.edge=!1,this.newEdge=!1,this.weChat=!1},r=new function(){this.browser=new i,this.node=!1,this.wxa=!1,this.worker=!1,this.svgSupported=!1,this.touchEventsSupported=!1,this.pointerEventsSupported=!1,this.domSupported=!1,this.transformSupported=!1,this.transform3dSupported=!1,this.hasGlobalWindow="undefined"!=typeof window};"object"==typeof wx&&"function"==typeof wx.getSystemInfoSync?(r.wxa=!0,r.touchEventsSupported=!0):"undefined"==typeof document&&"undefined"!=typeof self?r.worker=!0:!r.hasGlobalWindow||"Deno"in window||"undefined"!=typeof navigator&&"string"==typeof navigator.userAgent&&navigator.userAgent.indexOf("Node.js")>-1?(r.node=!0,r.svgSupported=!0):function(t,e){var n=e.browser,i=t.match(/Firefox\/([\d.]+)/),r=t.match(/MSIE\s([\d.]+)/)||t.match(/Trident\/.+?rv:(([\d.]+))/),o=t.match(/Edge?\/([\d.]+)/),a=/micromessenger/i.test(t);i&&(n.firefox=!0,n.version=i[1]);r&&(n.ie=!0,n.version=r[1]);o&&(n.edge=!0,n.version=o[1],n.newEdge=+o[1].split(".")[0]>18);a&&(n.weChat=!0);e.svgSupported="undefined"!=typeof SVGRect,e.touchEventsSupported="ontouchstart"in window&&!n.ie&&!n.edge,e.pointerEventsSupported="onpointerdown"in window&&(n.edge||n.ie&&+n.version>=11);var s=e.domSupported="undefined"!=typeof document;if(s){var l=document.documentElement.style;e.transform3dSupported=(n.ie&&"transition"in l||n.edge||"WebKitCSSMatrix"in window&&"m11"in new WebKitCSSMatrix||"MozPerspective"in l)&&!("OTransition"in l),e.transformSupported=e.transform3dSupported||n.ie&&+n.version>=9}}(navigator.userAgent,r);var o="sans-serif",a="12px "+o;var s,l,u=function(t){var e={};if("undefined"==typeof JSON)return e;for(var n=0;n<t.length;n++){var i=String.fromCharCode(n+32),r=(t.charCodeAt(n)-20)/100;e[i]=r}return e}("007LLmW'55;N0500LLLLLLLLLL00NNNLzWW\\\\WQb\\0FWLg\\bWb\\WQ\\WrWWQ000CL5LLFLL0LL**F*gLLLL5F0LF\\FFF5.5N"),c={createCanvas:function(){return"undefined"!=typeof document&&document.createElement("canvas")},measureText:function(t,e){if(!s){var n=c.createCanvas();s=n&&n.getContext("2d")}if(s)return l!==e&&(l=s.font=e||a),s.measureText(t);t=t||"";var i=/((?:\d+)?\.?\d*)px/.exec(e=e||a),r=i&&+i[1]||12,o=0;if(e.indexOf("mono")>=0)o=r*t.length;else for(var h=0;h<t.length;h++){var d=u[t[h]];o+=null==d?r:d*r}return{width:o}},loadImage:function(t,e,n){var i=new Image;return i.onload=e,i.onerror=n,i.src=t,i}};function h(t){for(var e in c)t[e]&&(c[e]=t[e])}var d=B(["Function","RegExp","Date","Error","CanvasGradient","CanvasPattern","Image","Canvas"],(function(t,e){return t["[object "+e+"]"]=!0,t}),{}),p=B(["Int8","Uint8","Uint8Clamped","Int16","Uint16","Int32","Uint32","Float32","Float64"],(function(t,e){return t["[object "+e+"Array]"]=!0,t}),{}),f=Object.prototype.toString,g=Array.prototype,y=g.forEach,v=g.filter,m=g.slice,x=g.map,_=function(){}.constructor,b=_?_.prototype:null,w="__proto__",S=2311;function M(){return S++}function I(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];"undefined"!=typeof console&&console.error.apply(console,t)}function T(t){if(null==t||"object"!=typeof t)return t;var e=t,n=f.call(t);if("[object Array]"===n){if(!dt(t)){e=[];for(var i=0,r=t.length;i<r;i++)e[i]=T(t[i])}}else if(p[n]){if(!dt(t)){var o=t.constructor;if(o.from)e=o.from(t);else{e=new o(t.length);for(i=0,r=t.length;i<r;i++)e[i]=t[i]}}}else if(!d[n]&&!dt(t)&&!J(t))for(var a in e={},t)t.hasOwnProperty(a)&&a!==w&&(e[a]=T(t[a]));return e}function C(t,e,n){if(!q(e)||!q(t))return n?T(e):t;for(var i in e)if(e.hasOwnProperty(i)&&i!==w){var r=t[i],o=e[i];!q(o)||!q(r)||U(o)||U(r)||J(o)||J(r)||K(o)||K(r)||dt(o)||dt(r)?!n&&i in t||(t[i]=T(e[i])):C(r,o,n)}return t}function D(t,e){for(var n=t[0],i=1,r=t.length;i<r;i++)n=C(n,t[i],e);return n}function A(t,e){if(Object.assign)Object.assign(t,e);else for(var n in e)e.hasOwnProperty(n)&&n!==w&&(t[n]=e[n]);return t}function k(t,e,n){for(var i=F(e),r=0,o=i.length;r<o;r++){var a=i[r];(n?null!=e[a]:null==t[a])&&(t[a]=e[a])}return t}var L=c.createCanvas;function P(t,e){if(t){if(t.indexOf)return t.indexOf(e);for(var n=0,i=t.length;n<i;n++)if(t[n]===e)return n}return-1}function O(t,e){var n=t.prototype;function i(){}for(var r in i.prototype=e.prototype,t.prototype=new i,n)n.hasOwnProperty(r)&&(t.prototype[r]=n[r]);t.prototype.constructor=t,t.superClass=e}function R(t,e,n){if(t="prototype"in t?t.prototype:t,e="prototype"in e?e.prototype:e,Object.getOwnPropertyNames)for(var i=Object.getOwnPropertyNames(e),r=0;r<i.length;r++){var o=i[r];"constructor"!==o&&(n?null!=e[o]:null==t[o])&&(t[o]=e[o])}else k(t,e,n)}function N(t){return!!t&&("string"!=typeof t&&"number"==typeof t.length)}function z(t,e,n){if(t&&e)if(t.forEach&&t.forEach===y)t.forEach(e,n);else if(t.length===+t.length)for(var i=0,r=t.length;i<r;i++)e.call(n,t[i],i,t);else for(var o in t)t.hasOwnProperty(o)&&e.call(n,t[o],o,t)}function E(t,e,n){if(!t)return[];if(!e)return at(t);if(t.map&&t.map===x)return t.map(e,n);for(var i=[],r=0,o=t.length;r<o;r++)i.push(e.call(n,t[r],r,t));return i}function B(t,e,n,i){if(t&&e){for(var r=0,o=t.length;r<o;r++)n=e.call(i,n,t[r],r,t);return n}}function V(t,e,n){if(!t)return[];if(!e)return at(t);if(t.filter&&t.filter===v)return t.filter(e,n);for(var i=[],r=0,o=t.length;r<o;r++)e.call(n,t[r],r,t)&&i.push(t[r]);return i}function G(t,e,n){if(t&&e)for(var i=0,r=t.length;i<r;i++)if(e.call(n,t[i],i,t))return t[i]}function F(t){if(!t)return[];if(Object.keys)return Object.keys(t);var e=[];for(var n in t)t.hasOwnProperty(n)&&e.push(n);return e}var W=b&&Y(b.bind)?b.call.bind(b.bind):function(t,e){for(var n=[],i=2;i<arguments.length;i++)n[i-2]=arguments[i];return function(){return t.apply(e,n.concat(m.call(arguments)))}};function H(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return function(){return t.apply(this,e.concat(m.call(arguments)))}}function U(t){return Array.isArray?Array.isArray(t):"[object Array]"===f.call(t)}function Y(t){return"function"==typeof t}function X(t){return"string"==typeof t}function Z(t){return"[object String]"===f.call(t)}function j(t){return"number"==typeof t}function q(t){var e=typeof t;return"function"===e||!!t&&"object"===e}function K(t){return!!d[f.call(t)]}function $(t){return!!p[f.call(t)]}function J(t){return"object"==typeof t&&"number"==typeof t.nodeType&&"object"==typeof t.ownerDocument}function Q(t){return null!=t.colorStops}function tt(t){return null!=t.image}function et(t){return"[object RegExp]"===f.call(t)}function nt(t){return t!=t}function it(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];for(var n=0,i=t.length;n<i;n++)if(null!=t[n])return t[n]}function rt(t,e){return null!=t?t:e}function ot(t,e,n){return null!=t?t:null!=e?e:n}function at(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return m.apply(t,e)}function st(t){if("number"==typeof t)return[t,t,t,t];var e=t.length;return 2===e?[t[0],t[1],t[0],t[1]]:3===e?[t[0],t[1],t[2],t[1]]:t}function lt(t,e){if(!t)throw new Error(e)}function ut(t){return null==t?null:"function"==typeof t.trim?t.trim():t.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"")}var ct="__ec_primitive__";function ht(t){t[ct]=!0}function dt(t){return t[ct]}var pt=function(){function t(){this.data={}}return t.prototype.delete=function(t){var e=this.has(t);return e&&delete this.data[t],e},t.prototype.has=function(t){return this.data.hasOwnProperty(t)},t.prototype.get=function(t){return this.data[t]},t.prototype.set=function(t,e){return this.data[t]=e,this},t.prototype.keys=function(){return F(this.data)},t.prototype.forEach=function(t){var e=this.data;for(var n in e)e.hasOwnProperty(n)&&t(e[n],n)},t}(),ft="function"==typeof Map;var gt=function(){function t(e){var n=U(e);this.data=ft?new Map:new pt;var i=this;function r(t,e){n?i.set(t,e):i.set(e,t)}e instanceof t?e.each(r):e&&z(e,r)}return t.prototype.hasKey=function(t){return this.data.has(t)},t.prototype.get=function(t){return this.data.get(t)},t.prototype.set=function(t,e){return this.data.set(t,e),e},t.prototype.each=function(t,e){this.data.forEach((function(n,i){t.call(e,n,i)}))},t.prototype.keys=function(){var t=this.data.keys();return ft?Array.from(t):t},t.prototype.removeKey=function(t){this.data.delete(t)},t}();function yt(t){return new gt(t)}function vt(t,e){for(var n=new t.constructor(t.length+e.length),i=0;i<t.length;i++)n[i]=t[i];var r=t.length;for(i=0;i<e.length;i++)n[i+r]=e[i];return n}function mt(t,e){var n;if(Object.create)n=Object.create(t);else{var i=function(){};i.prototype=t,n=new i}return e&&A(n,e),n}function xt(t){var e=t.style;e.webkitUserSelect="none",e.userSelect="none",e.webkitTapHighlightColor="rgba(0,0,0,0)",e["-webkit-touch-callout"]="none"}function _t(t,e){return t.hasOwnProperty(e)}function bt(){}var wt=180/Math.PI,St=Number.EPSILON||Math.pow(2,-52),Mt=Object.freeze({__proto__:null,guid:M,logError:I,clone:T,merge:C,mergeAll:D,extend:A,defaults:k,createCanvas:L,indexOf:P,inherits:O,mixin:R,isArrayLike:N,each:z,map:E,reduce:B,filter:V,find:G,keys:F,bind:W,curry:H,isArray:U,isFunction:Y,isString:X,isStringSafe:Z,isNumber:j,isObject:q,isBuiltInObject:K,isTypedArray:$,isDom:J,isGradientObject:Q,isImagePatternObject:tt,isRegExp:et,eqNaN:nt,retrieve:it,retrieve2:rt,retrieve3:ot,slice:at,normalizeCssArray:st,assert:lt,trim:ut,setAsPrimitive:ht,isPrimitive:dt,HashMap:gt,createHashMap:yt,concatArray:vt,createObject:mt,disableUserSelect:xt,hasOwn:_t,noop:bt,RADIAN_TO_DEGREE:wt,EPSILON:St});function It(t,e){return null==t&&(t=0),null==e&&(e=0),[t,e]}function Tt(t,e){return t[0]=e[0],t[1]=e[1],t}function Ct(t){return[t[0],t[1]]}function Dt(t,e,n){return t[0]=e,t[1]=n,t}function At(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t}function kt(t,e,n,i){return t[0]=e[0]+n[0]*i,t[1]=e[1]+n[1]*i,t}function Lt(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t}function Pt(t){return Math.sqrt(Rt(t))}var Ot=Pt;function Rt(t){return t[0]*t[0]+t[1]*t[1]}var Nt=Rt;function zt(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t}function Et(t,e){var n=Pt(e);return 0===n?(t[0]=0,t[1]=0):(t[0]=e[0]/n,t[1]=e[1]/n),t}function Bt(t,e){return Math.sqrt((t[0]-e[0])*(t[0]-e[0])+(t[1]-e[1])*(t[1]-e[1]))}var Vt=Bt;function Gt(t,e){return(t[0]-e[0])*(t[0]-e[0])+(t[1]-e[1])*(t[1]-e[1])}var Ft=Gt;function Wt(t,e,n,i){return t[0]=e[0]+i*(n[0]-e[0]),t[1]=e[1]+i*(n[1]-e[1]),t}function Ht(t,e,n){var i=e[0],r=e[1];return t[0]=n[0]*i+n[2]*r+n[4],t[1]=n[1]*i+n[3]*r+n[5],t}function Ut(t,e,n){return t[0]=Math.min(e[0],n[0]),t[1]=Math.min(e[1],n[1]),t}function Yt(t,e,n){return t[0]=Math.max(e[0],n[0]),t[1]=Math.max(e[1],n[1]),t}var Xt=Object.freeze({__proto__:null,create:It,copy:Tt,clone:Ct,set:Dt,add:At,scaleAndAdd:kt,sub:Lt,len:Pt,length:Ot,lenSquare:Rt,lengthSquare:Nt,mul:function(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t},div:function(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t},dot:function(t,e){return t[0]*e[0]+t[1]*e[1]},scale:zt,normalize:Et,distance:Bt,dist:Vt,distanceSquare:Gt,distSquare:Ft,negate:function(t,e){return t[0]=-e[0],t[1]=-e[1],t},lerp:Wt,applyTransform:Ht,min:Ut,max:Yt}),Zt=function(t,e){this.target=t,this.topTarget=e&&e.topTarget},jt=function(){function t(t){this.handler=t,t.on("mousedown",this._dragStart,this),t.on("mousemove",this._drag,this),t.on("mouseup",this._dragEnd,this)}return t.prototype._dragStart=function(t){for(var e=t.target;e&&!e.draggable;)e=e.parent||e.__hostTarget;e&&(this._draggingTarget=e,e.dragging=!0,this._x=t.offsetX,this._y=t.offsetY,this.handler.dispatchToElement(new Zt(e,t),"dragstart",t.event))},t.prototype._drag=function(t){var e=this._draggingTarget;if(e){var n=t.offsetX,i=t.offsetY,r=n-this._x,o=i-this._y;this._x=n,this._y=i,e.drift(r,o,t),this.handler.dispatchToElement(new Zt(e,t),"drag",t.event);var a=this.handler.findHover(n,i,e).target,s=this._dropTarget;this._dropTarget=a,e!==a&&(s&&a!==s&&this.handler.dispatchToElement(new Zt(s,t),"dragleave",t.event),a&&a!==s&&this.handler.dispatchToElement(new Zt(a,t),"dragenter",t.event))}},t.prototype._dragEnd=function(t){var e=this._draggingTarget;e&&(e.dragging=!1),this.handler.dispatchToElement(new Zt(e,t),"dragend",t.event),this._dropTarget&&this.handler.dispatchToElement(new Zt(this._dropTarget,t),"drop",t.event),this._draggingTarget=null,this._dropTarget=null},t}(),qt=function(){function t(t){t&&(this._$eventProcessor=t)}return t.prototype.on=function(t,e,n,i){this._$handlers||(this._$handlers={});var r=this._$handlers;if("function"==typeof e&&(i=n,n=e,e=null),!n||!t)return this;var o=this._$eventProcessor;null!=e&&o&&o.normalizeQuery&&(e=o.normalizeQuery(e)),r[t]||(r[t]=[]);for(var a=0;a<r[t].length;a++)if(r[t][a].h===n)return this;var s={h:n,query:e,ctx:i||this,callAtLast:n.zrEventfulCallAtLast},l=r[t].length-1,u=r[t][l];return u&&u.callAtLast?r[t].splice(l,0,s):r[t].push(s),this},t.prototype.isSilent=function(t){var e=this._$handlers;return!e||!e[t]||!e[t].length},t.prototype.off=function(t,e){var n=this._$handlers;if(!n)return this;if(!t)return this._$handlers={},this;if(e){if(n[t]){for(var i=[],r=0,o=n[t].length;r<o;r++)n[t][r].h!==e&&i.push(n[t][r]);n[t]=i}n[t]&&0===n[t].length&&delete n[t]}else delete n[t];return this},t.prototype.trigger=function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];if(!this._$handlers)return this;var i=this._$handlers[t],r=this._$eventProcessor;if(i)for(var o=e.length,a=i.length,s=0;s<a;s++){var l=i[s];if(!r||!r.filter||null==l.query||r.filter(t,l.query))switch(o){case 0:l.h.call(l.ctx);break;case 1:l.h.call(l.ctx,e[0]);break;case 2:l.h.call(l.ctx,e[0],e[1]);break;default:l.h.apply(l.ctx,e)}}return r&&r.afterTrigger&&r.afterTrigger(t),this},t.prototype.triggerWithContext=function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];if(!this._$handlers)return this;var i=this._$handlers[t],r=this._$eventProcessor;if(i)for(var o=e.length,a=e[o-1],s=i.length,l=0;l<s;l++){var u=i[l];if(!r||!r.filter||null==u.query||r.filter(t,u.query))switch(o){case 0:u.h.call(a);break;case 1:u.h.call(a,e[0]);break;case 2:u.h.call(a,e[0],e[1]);break;default:u.h.apply(a,e.slice(1,o-1))}}return r&&r.afterTrigger&&r.afterTrigger(t),this},t}(),Kt=Math.log(2);function $t(t,e,n,i,r,o){var a=i+"-"+r,s=t.length;if(o.hasOwnProperty(a))return o[a];if(1===e){var l=Math.round(Math.log((1<<s)-1&~r)/Kt);return t[n][l]}for(var u=i|1<<n,c=n+1;i&1<<c;)c++;for(var h=0,d=0,p=0;d<s;d++){var f=1<<d;f&r||(h+=(p%2?-1:1)*t[n][d]*$t(t,e-1,c,u,r|f,o),p++)}return o[a]=h,h}function Jt(t,e){var n=[[t[0],t[1],1,0,0,0,-e[0]*t[0],-e[0]*t[1]],[0,0,0,t[0],t[1],1,-e[1]*t[0],-e[1]*t[1]],[t[2],t[3],1,0,0,0,-e[2]*t[2],-e[2]*t[3]],[0,0,0,t[2],t[3],1,-e[3]*t[2],-e[3]*t[3]],[t[4],t[5],1,0,0,0,-e[4]*t[4],-e[4]*t[5]],[0,0,0,t[4],t[5],1,-e[5]*t[4],-e[5]*t[5]],[t[6],t[7],1,0,0,0,-e[6]*t[6],-e[6]*t[7]],[0,0,0,t[6],t[7],1,-e[7]*t[6],-e[7]*t[7]]],i={},r=$t(n,8,0,0,0,i);if(0!==r){for(var o=[],a=0;a<8;a++)for(var s=0;s<8;s++)null==o[s]&&(o[s]=0),o[s]+=((a+s)%2?-1:1)*$t(n,7,0===a?1:0,1<<a,1<<s,i)/r*e[a];return function(t,e,n){var i=e*o[6]+n*o[7]+1;t[0]=(e*o[0]+n*o[1]+o[2])/i,t[1]=(e*o[3]+n*o[4]+o[5])/i}}}var Qt="___zrEVENTSAVED",te=[];function ee(t,e,n,i,o){if(e.getBoundingClientRect&&r.domSupported&&!ne(e)){var a=e[Qt]||(e[Qt]={}),s=function(t,e){var n=e.markers;if(n)return n;n=e.markers=[];for(var i=["left","right"],r=["top","bottom"],o=0;o<4;o++){var a=document.createElement("div"),s=o%2,l=(o>>1)%2;a.style.cssText=["position: absolute","visibility: hidden","padding: 0","margin: 0","border-width: 0","user-select: none","width:0","height:0",i[s]+":0",r[l]+":0",i[1-s]+":auto",r[1-l]+":auto",""].join("!important;"),t.appendChild(a),n.push(a)}return e.clearMarkers=function(){z(n,(function(t){t.parentNode&&t.parentNode.removeChild(t)}))},n}(e,a),l=function(t,e,n){for(var i=n?"invTrans":"trans",r=e[i],o=e.srcCoords,a=[],s=[],l=!0,u=0;u<4;u++){var c=t[u].getBoundingClientRect(),h=2*u,d=c.left,p=c.top;a.push(d,p),l=l&&o&&d===o[h]&&p===o[h+1],s.push(t[u].offsetLeft,t[u].offsetTop)}return l&&r?r:(e.srcCoords=a,e[i]=n?Jt(s,a):Jt(a,s))}(s,a,o);if(l)return l(t,n,i),!0}return!1}function ne(t){return"CANVAS"===t.nodeName.toUpperCase()}var ie=/([&<>"'])/g,re={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function oe(t){return null==t?"":(t+"").replace(ie,(function(t,e){return re[e]}))}var ae=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,se=[],le=r.browser.firefox&&+r.browser.version.split(".")[0]<39;function ue(t,e,n,i){return n=n||{},i?ce(t,e,n):le&&null!=e.layerX&&e.layerX!==e.offsetX?(n.zrX=e.layerX,n.zrY=e.layerY):null!=e.offsetX?(n.zrX=e.offsetX,n.zrY=e.offsetY):ce(t,e,n),n}function ce(t,e,n){if(r.domSupported&&t.getBoundingClientRect){var i=e.clientX,o=e.clientY;if(ne(t)){var a=t.getBoundingClientRect();return n.zrX=i-a.left,void(n.zrY=o-a.top)}if(ee(se,t,i,o))return n.zrX=se[0],void(n.zrY=se[1])}n.zrX=n.zrY=0}function he(t){return t||window.event}function de(t,e,n){if(null!=(e=he(e)).zrX)return e;var i=e.type;if(i&&i.indexOf("touch")>=0){var r="touchend"!==i?e.targetTouches[0]:e.changedTouches[0];r&&ue(t,r,e,n)}else{ue(t,e,e,n);var o=function(t){var e=t.wheelDelta;if(e)return e;var n=t.deltaX,i=t.deltaY;if(null==n||null==i)return e;return 3*(0!==i?Math.abs(i):Math.abs(n))*(i>0?-1:i<0?1:n>0?-1:1)}(e);e.zrDelta=o?o/120:-(e.detail||0)/3}var a=e.button;return null==e.which&&void 0!==a&&ae.test(e.type)&&(e.which=1&a?1:2&a?3:4&a?2:0),e}function pe(t,e,n,i){t.addEventListener(e,n,i)}var fe=function(t){t.preventDefault(),t.stopPropagation(),t.cancelBubble=!0};function ge(t){return 2===t.which||3===t.which}var ye=function(){function t(){this._track=[]}return t.prototype.recognize=function(t,e,n){return this._doTrack(t,e,n),this._recognize(t)},t.prototype.clear=function(){return this._track.length=0,this},t.prototype._doTrack=function(t,e,n){var i=t.touches;if(i){for(var r={points:[],touches:[],target:e,event:t},o=0,a=i.length;o<a;o++){var s=i[o],l=ue(n,s,{});r.points.push([l.zrX,l.zrY]),r.touches.push(s)}this._track.push(r)}},t.prototype._recognize=function(t){for(var e in me)if(me.hasOwnProperty(e)){var n=me[e](this._track,t);if(n)return n}},t}();function ve(t){var e=t[1][0]-t[0][0],n=t[1][1]-t[0][1];return Math.sqrt(e*e+n*n)}var me={pinch:function(t,e){var n=t.length;if(n){var i,r=(t[n-1]||{}).points,o=(t[n-2]||{}).points||r;if(o&&o.length>1&&r&&r.length>1){var a=ve(r)/ve(o);!isFinite(a)&&(a=1),e.pinchScale=a;var s=[((i=r)[0][0]+i[1][0])/2,(i[0][1]+i[1][1])/2];return e.pinchX=s[0],e.pinchY=s[1],{type:"pinch",target:t[0].target,event:e}}}}};function xe(){return[1,0,0,1,0,0]}function _e(t){return t[0]=1,t[1]=0,t[2]=0,t[3]=1,t[4]=0,t[5]=0,t}function be(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4],t[5]=e[5],t}function we(t,e,n){var i=e[0]*n[0]+e[2]*n[1],r=e[1]*n[0]+e[3]*n[1],o=e[0]*n[2]+e[2]*n[3],a=e[1]*n[2]+e[3]*n[3],s=e[0]*n[4]+e[2]*n[5]+e[4],l=e[1]*n[4]+e[3]*n[5]+e[5];return t[0]=i,t[1]=r,t[2]=o,t[3]=a,t[4]=s,t[5]=l,t}function Se(t,e,n){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4]+n[0],t[5]=e[5]+n[1],t}function Me(t,e,n,i){void 0===i&&(i=[0,0]);var r=e[0],o=e[2],a=e[4],s=e[1],l=e[3],u=e[5],c=Math.sin(n),h=Math.cos(n);return t[0]=r*h+s*c,t[1]=-r*c+s*h,t[2]=o*h+l*c,t[3]=-o*c+h*l,t[4]=h*(a-i[0])+c*(u-i[1])+i[0],t[5]=h*(u-i[1])-c*(a-i[0])+i[1],t}function Ie(t,e,n){var i=n[0],r=n[1];return t[0]=e[0]*i,t[1]=e[1]*r,t[2]=e[2]*i,t[3]=e[3]*r,t[4]=e[4]*i,t[5]=e[5]*r,t}function Te(t,e){var n=e[0],i=e[2],r=e[4],o=e[1],a=e[3],s=e[5],l=n*a-o*i;return l?(l=1/l,t[0]=a*l,t[1]=-o*l,t[2]=-i*l,t[3]=n*l,t[4]=(i*s-a*r)*l,t[5]=(o*r-n*s)*l,t):null}function Ce(t){var e=[1,0,0,1,0,0];return be(e,t),e}var De=Object.freeze({__proto__:null,create:xe,identity:_e,copy:be,mul:we,translate:Se,rotate:Me,scale:Ie,invert:Te,clone:Ce}),Ae=function(){function t(t,e){this.x=t||0,this.y=e||0}return t.prototype.copy=function(t){return this.x=t.x,this.y=t.y,this},t.prototype.clone=function(){return new t(this.x,this.y)},t.prototype.set=function(t,e){return this.x=t,this.y=e,this},t.prototype.equal=function(t){return t.x===this.x&&t.y===this.y},t.prototype.add=function(t){return this.x+=t.x,this.y+=t.y,this},t.prototype.scale=function(t){this.x*=t,this.y*=t},t.prototype.scaleAndAdd=function(t,e){this.x+=t.x*e,this.y+=t.y*e},t.prototype.sub=function(t){return this.x-=t.x,this.y-=t.y,this},t.prototype.dot=function(t){return this.x*t.x+this.y*t.y},t.prototype.len=function(){return Math.sqrt(this.x*this.x+this.y*this.y)},t.prototype.lenSquare=function(){return this.x*this.x+this.y*this.y},t.prototype.normalize=function(){var t=this.len();return this.x/=t,this.y/=t,this},t.prototype.distance=function(t){var e=this.x-t.x,n=this.y-t.y;return Math.sqrt(e*e+n*n)},t.prototype.distanceSquare=function(t){var e=this.x-t.x,n=this.y-t.y;return e*e+n*n},t.prototype.negate=function(){return this.x=-this.x,this.y=-this.y,this},t.prototype.transform=function(t){if(t){var e=this.x,n=this.y;return this.x=t[0]*e+t[2]*n+t[4],this.y=t[1]*e+t[3]*n+t[5],this}},t.prototype.toArray=function(t){return t[0]=this.x,t[1]=this.y,t},t.prototype.fromArray=function(t){this.x=t[0],this.y=t[1]},t.set=function(t,e,n){t.x=e,t.y=n},t.copy=function(t,e){t.x=e.x,t.y=e.y},t.len=function(t){return Math.sqrt(t.x*t.x+t.y*t.y)},t.lenSquare=function(t){return t.x*t.x+t.y*t.y},t.dot=function(t,e){return t.x*e.x+t.y*e.y},t.add=function(t,e,n){t.x=e.x+n.x,t.y=e.y+n.y},t.sub=function(t,e,n){t.x=e.x-n.x,t.y=e.y-n.y},t.scale=function(t,e,n){t.x=e.x*n,t.y=e.y*n},t.scaleAndAdd=function(t,e,n,i){t.x=e.x+n.x*i,t.y=e.y+n.y*i},t.lerp=function(t,e,n,i){var r=1-i;t.x=r*e.x+i*n.x,t.y=r*e.y+i*n.y},t}(),ke=Math.min,Le=Math.max,Pe=Math.abs,Oe=["x","y"],Re=["width","height"],Ne=new Ae,ze=new Ae,Ee=new Ae,Be=new Ae,Ve=Ze(),Ge=Ve.minTv,Fe=Ve.maxTv,We=[0,0],He=function(){function t(e,n,i,r){t.set(this,e,n,i,r)}return t.set=function(t,e,n,i,r){return i<0&&(e+=i,i=-i),r<0&&(n+=r,r=-r),t.x=e,t.y=n,t.width=i,t.height=r,t},t.prototype.union=function(t){var e=ke(t.x,this.x),n=ke(t.y,this.y);isFinite(this.x)&&isFinite(this.width)?this.width=Le(t.x+t.width,this.x+this.width)-e:this.width=t.width,isFinite(this.y)&&isFinite(this.height)?this.height=Le(t.y+t.height,this.y+this.height)-n:this.height=t.height,this.x=e,this.y=n},t.prototype.applyTransform=function(e){t.applyTransform(this,this,e)},t.prototype.calculateTransform=function(t){var e=this,n=t.width/e.width,i=t.height/e.height,r=[1,0,0,1,0,0];return Se(r,r,[-e.x,-e.y]),Ie(r,r,[n,i]),Se(r,r,[t.x,t.y]),r},t.prototype.intersect=function(e,n,i){return t.intersect(this,e,n,i)},t.intersect=function(e,n,i,r){i&&Ae.set(i,0,0);var o=r&&r.outIntersectRect||null,a=r&&r.clamp;if(o&&(o.x=o.y=o.width=o.height=NaN),!e||!n)return!1;e instanceof t||(e=t.set(Ue,e.x,e.y,e.width,e.height)),n instanceof t||(n=t.set(Ye,n.x,n.y,n.width,n.height));var s=!!i;Ve.reset(r,s);var l=Ve.touchThreshold,u=e.x+l,c=e.x+e.width-l,h=e.y+l,d=e.y+e.height-l,p=n.x+l,f=n.x+n.width-l,g=n.y+l,y=n.y+n.height-l;if(u>c||h>d||p>f||g>y)return!1;var v=!(c<p||f<u||d<g||y<h);return(s||o)&&(We[0]=1/0,We[1]=0,Xe(u,c,p,f,0,s,o,a),Xe(h,d,g,y,1,s,o,a),s&&Ae.copy(i,v?Ve.useDir?Ve.dirMinTv:Ge:Fe)),v},t.contain=function(t,e,n){return e>=t.x&&e<=t.x+t.width&&n>=t.y&&n<=t.y+t.height},t.prototype.contain=function(e,n){return t.contain(this,e,n)},t.prototype.clone=function(){return new t(this.x,this.y,this.width,this.height)},t.prototype.copy=function(e){t.copy(this,e)},t.prototype.plain=function(){return{x:this.x,y:this.y,width:this.width,height:this.height}},t.prototype.isFinite=function(){return isFinite(this.x)&&isFinite(this.y)&&isFinite(this.width)&&isFinite(this.height)},t.prototype.isZero=function(){return 0===this.width||0===this.height},t.create=function(e){return new t(e.x,e.y,e.width,e.height)},t.copy=function(t,e){return t.x=e.x,t.y=e.y,t.width=e.width,t.height=e.height,t},t.applyTransform=function(e,n,i){if(i){if(i[1]<1e-5&&i[1]>-1e-5&&i[2]<1e-5&&i[2]>-1e-5){var r=i[0],o=i[3],a=i[4],s=i[5];return e.x=n.x*r+a,e.y=n.y*o+s,e.width=n.width*r,e.height=n.height*o,e.width<0&&(e.x+=e.width,e.width=-e.width),void(e.height<0&&(e.y+=e.height,e.height=-e.height))}Ne.x=Ee.x=n.x,Ne.y=Be.y=n.y,ze.x=Be.x=n.x+n.width,ze.y=Ee.y=n.y+n.height,Ne.transform(i),Be.transform(i),ze.transform(i),Ee.transform(i),e.x=ke(Ne.x,ze.x,Ee.x,Be.x),e.y=ke(Ne.y,ze.y,Ee.y,Be.y);var l=Le(Ne.x,ze.x,Ee.x,Be.x),u=Le(Ne.y,ze.y,Ee.y,Be.y);e.width=l-e.x,e.height=u-e.y}else e!==n&&t.copy(e,n)},t}(),Ue=new He(0,0,0,0),Ye=new He(0,0,0,0);function Xe(t,e,n,i,r,o,a,s){var l=Pe(e-n),u=Pe(i-t),c=ke(l,u),h=Oe[r],d=Oe[1-r],p=Re[r];e<n||i<t?l<u?(o&&(Fe[h]=-l),s&&(a[h]=e,a[p]=0)):(o&&(Fe[h]=u),s&&(a[h]=t,a[p]=0)):(a&&(a[h]=Le(t,n),a[p]=ke(e,i)-a[h]),o&&(c<We[0]||Ve.useDir)&&(We[0]=ke(c,We[0]),(l<u||!Ve.bidirectional)&&(Ge[h]=l,Ge[d]=0,Ve.useDir&&Ve.calcDirMTV()),(l>=u||!Ve.bidirectional)&&(Ge[h]=-u,Ge[d]=0,Ve.useDir&&Ve.calcDirMTV())))}function Ze(){var t=0,e=new Ae,n=new Ae,i={minTv:new Ae,maxTv:new Ae,useDir:!1,dirMinTv:new Ae,touchThreshold:0,bidirectional:!0,negativeSize:!1,reset:function(r,o){i.touchThreshold=0,r&&null!=r.touchThreshold&&(i.touchThreshold=Le(0,r.touchThreshold)),i.negativeSize=!1,o&&(i.minTv.set(1/0,1/0),i.maxTv.set(0,0),i.useDir=!1,r&&null!=r.direction&&(i.useDir=!0,i.dirMinTv.copy(i.minTv),n.copy(i.minTv),t=r.direction,i.bidirectional=null==r.bidirectional||!!r.bidirectional,i.bidirectional||e.set(Math.cos(t),Math.sin(t))))},calcDirMTV:function(){var o=i.minTv,a=i.dirMinTv,s=o.y*o.y+o.x*o.x,l=Math.sin(t),u=Math.cos(t),c=l*o.y+u*o.x;r(c)?r(o.x)&&r(o.y)&&a.set(0,0):(n.x=s*u/c,n.y=s*l/c,r(n.x)&&r(n.y)?a.set(0,0):(i.bidirectional||e.dot(n)>0)&&n.len()<a.len()&&a.copy(n))}};function r(t){return Pe(t)<1e-10}return i}var je="silent";function qe(){fe(this.event)}var Ke=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.handler=null,e}return n(e,t),e.prototype.dispose=function(){},e.prototype.setCursor=function(){},e}(qt),$e=function(t,e){this.x=t,this.y=e},Je=["click","dblclick","mousewheel","mouseout","mouseup","mousedown","mousemove","contextmenu"],Qe=new He(0,0,0,0),tn=function(t){function e(e,n,i,r,o){var a=t.call(this)||this;return a._hovered=new $e(0,0),a.storage=e,a.painter=n,a.painterRoot=r,a._pointerSize=o,i=i||new Ke,a.proxy=null,a.setHandlerProxy(i),a._draggingMgr=new jt(a),a}return n(e,t),e.prototype.setHandlerProxy=function(t){this.proxy&&this.proxy.dispose(),t&&(z(Je,(function(e){t.on&&t.on(e,this[e],this)}),this),t.handler=this),this.proxy=t},e.prototype.mousemove=function(t){var e=t.zrX,n=t.zrY,i=rn(this,e,n),r=this._hovered,o=r.target;o&&!o.__zr&&(o=(r=this.findHover(r.x,r.y)).target);var a=this._hovered=i?new $e(e,n):this.findHover(e,n),s=a.target,l=this.proxy;l.setCursor&&l.setCursor(s?s.cursor:"default"),o&&s!==o&&this.dispatchToElement(r,"mouseout",t),this.dispatchToElement(a,"mousemove",t),s&&s!==o&&this.dispatchToElement(a,"mouseover",t)},e.prototype.mouseout=function(t){var e=t.zrEventControl;"only_globalout"!==e&&this.dispatchToElement(this._hovered,"mouseout",t),"no_globalout"!==e&&this.trigger("globalout",{type:"globalout",event:t})},e.prototype.resize=function(){this._hovered=new $e(0,0)},e.prototype.dispatch=function(t,e){var n=this[t];n&&n.call(this,e)},e.prototype.dispose=function(){this.proxy.dispose(),this.storage=null,this.proxy=null,this.painter=null},e.prototype.setCursorStyle=function(t){var e=this.proxy;e.setCursor&&e.setCursor(t)},e.prototype.dispatchToElement=function(t,e,n){var i=(t=t||{}).target;if(!i||!i.silent){for(var r="on"+e,o=function(t,e,n){return{type:t,event:n,target:e.target,topTarget:e.topTarget,cancelBubble:!1,offsetX:n.zrX,offsetY:n.zrY,gestureEvent:n.gestureEvent,pinchX:n.pinchX,pinchY:n.pinchY,pinchScale:n.pinchScale,wheelDelta:n.zrDelta,zrByTouch:n.zrByTouch,which:n.which,stop:qe}}(e,t,n);i&&(i[r]&&(o.cancelBubble=!!i[r].call(i,o)),i.trigger(e,o),i=i.__hostTarget?i.__hostTarget:i.parent,!o.cancelBubble););o.cancelBubble||(this.trigger(e,o),this.painter&&this.painter.eachOtherLayer&&this.painter.eachOtherLayer((function(t){"function"==typeof t[r]&&t[r].call(t,o),t.trigger&&t.trigger(e,o)})))}},e.prototype.findHover=function(t,e,n){var i=this.storage.getDisplayList(),r=new $e(t,e);if(nn(i,r,t,e,n),this._pointerSize&&!r.target){for(var o=[],a=this._pointerSize,s=a/2,l=new He(t-s,e-s,a,a),u=i.length-1;u>=0;u--){var c=i[u];c===n||c.ignore||c.ignoreCoarsePointer||c.parent&&c.parent.ignoreCoarsePointer||(Qe.copy(c.getBoundingRect()),c.transform&&Qe.applyTransform(c.transform),Qe.intersect(l)&&o.push(c))}if(o.length)for(var h=Math.PI/12,d=2*Math.PI,p=0;p<s;p+=4)for(var f=0;f<d;f+=h){if(nn(o,r,t+p*Math.cos(f),e+p*Math.sin(f),n),r.target)return r}}return r},e.prototype.processGesture=function(t,e){this._gestureMgr||(this._gestureMgr=new ye);var n=this._gestureMgr;"start"===e&&n.clear();var i=n.recognize(t,this.findHover(t.zrX,t.zrY,null).target,this.proxy.dom);if("end"===e&&n.clear(),i){var r=i.type;t.gestureEvent=r;var o=new $e;o.target=i.target,this.dispatchToElement(o,r,i.event)}},e}(qt);function en(t,e,n){if(t[t.rectHover?"rectContain":"contain"](e,n)){for(var i=t,r=void 0,o=!1;i;){if(i.ignoreClip&&(o=!0),!o){var a=i.getClipPath();if(a&&!a.contain(e,n))return!1}i.silent&&(r=!0);var s=i.__hostTarget;i=s?i.ignoreHostSilent?null:s:i.parent}return!r||je}return!1}function nn(t,e,n,i,r){for(var o=t.length-1;o>=0;o--){var a=t[o],s=void 0;if(a!==r&&!a.ignore&&(s=en(a,n,i))&&(!e.topTarget&&(e.topTarget=a),s!==je)){e.target=a;break}}}function rn(t,e,n){var i=t.painter;return e<0||e>i.getWidth()||n<0||n>i.getHeight()}z(["click","mousedown","mouseup","mousewheel","dblclick","contextmenu"],(function(t){tn.prototype[t]=function(e){var n,i,r=e.zrX,o=e.zrY,a=rn(this,r,o);if("mouseup"===t&&a||(i=(n=this.findHover(r,o)).target),"mousedown"===t)this._downEl=i,this._downPoint=[e.zrX,e.zrY],this._upEl=i;else if("mouseup"===t)this._upEl=i;else if("click"===t){if(this._downEl!==this._upEl||!this._downPoint||Vt(this._downPoint,[e.zrX,e.zrY])>4)return;this._downPoint=null}this.dispatchToElement(n,t,e)}}));function on(t,e,n,i){var r=e+1;if(r===n)return 1;if(i(t[r++],t[e])<0){for(;r<n&&i(t[r],t[r-1])<0;)r++;!function(t,e,n){n--;for(;e<n;){var i=t[e];t[e++]=t[n],t[n--]=i}}(t,e,r)}else for(;r<n&&i(t[r],t[r-1])>=0;)r++;return r-e}function an(t,e,n,i,r){for(i===e&&i++;i<n;i++){for(var o,a=t[i],s=e,l=i;s<l;)r(a,t[o=s+l>>>1])<0?l=o:s=o+1;var u=i-s;switch(u){case 3:t[s+3]=t[s+2];case 2:t[s+2]=t[s+1];case 1:t[s+1]=t[s];break;default:for(;u>0;)t[s+u]=t[s+u-1],u--}t[s]=a}}function sn(t,e,n,i,r,o){var a=0,s=0,l=1;if(o(t,e[n+r])>0){for(s=i-r;l<s&&o(t,e[n+r+l])>0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s),a+=r,l+=r}else{for(s=r+1;l<s&&o(t,e[n+r-l])<=0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s);var u=a;a=r-l,l=r-u}for(a++;a<l;){var c=a+(l-a>>>1);o(t,e[n+c])>0?a=c+1:l=c}return l}function ln(t,e,n,i,r,o){var a=0,s=0,l=1;if(o(t,e[n+r])<0){for(s=r+1;l<s&&o(t,e[n+r-l])<0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s);var u=a;a=r-l,l=r-u}else{for(s=i-r;l<s&&o(t,e[n+r+l])>=0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s),a+=r,l+=r}for(a++;a<l;){var c=a+(l-a>>>1);o(t,e[n+c])<0?l=c:a=c+1}return l}function un(t,e){var n,i,r=7,o=0,a=[];function s(s){var l=n[s],u=i[s],c=n[s+1],h=i[s+1];i[s]=u+h,s===o-3&&(n[s+1]=n[s+2],i[s+1]=i[s+2]),o--;var d=ln(t[c],t,l,u,0,e);l+=d,0!==(u-=d)&&0!==(h=sn(t[l+u-1],t,c,h,h-1,e))&&(u<=h?function(n,i,o,s){var l=0;for(l=0;l<i;l++)a[l]=t[n+l];var u=0,c=o,h=n;if(t[h++]=t[c++],0==--s){for(l=0;l<i;l++)t[h+l]=a[u+l];return}if(1===i){for(l=0;l<s;l++)t[h+l]=t[c+l];return void(t[h+s]=a[u])}var d,p,f,g=r;for(;;){d=0,p=0,f=!1;do{if(e(t[c],a[u])<0){if(t[h++]=t[c++],p++,d=0,0==--s){f=!0;break}}else if(t[h++]=a[u++],d++,p=0,1==--i){f=!0;break}}while((d|p)<g);if(f)break;do{if(0!==(d=ln(t[c],a,u,i,0,e))){for(l=0;l<d;l++)t[h+l]=a[u+l];if(h+=d,u+=d,(i-=d)<=1){f=!0;break}}if(t[h++]=t[c++],0==--s){f=!0;break}if(0!==(p=sn(a[u],t,c,s,0,e))){for(l=0;l<p;l++)t[h+l]=t[c+l];if(h+=p,c+=p,0===(s-=p)){f=!0;break}}if(t[h++]=a[u++],1==--i){f=!0;break}g--}while(d>=7||p>=7);if(f)break;g<0&&(g=0),g+=2}if((r=g)<1&&(r=1),1===i){for(l=0;l<s;l++)t[h+l]=t[c+l];t[h+s]=a[u]}else{if(0===i)throw new Error;for(l=0;l<i;l++)t[h+l]=a[u+l]}}(l,u,c,h):function(n,i,o,s){var l=0;for(l=0;l<s;l++)a[l]=t[o+l];var u=n+i-1,c=s-1,h=o+s-1,d=0,p=0;if(t[h--]=t[u--],0==--i){for(d=h-(s-1),l=0;l<s;l++)t[d+l]=a[l];return}if(1===s){for(p=(h-=i)+1,d=(u-=i)+1,l=i-1;l>=0;l--)t[p+l]=t[d+l];return void(t[h]=a[c])}var f=r;for(;;){var g=0,y=0,v=!1;do{if(e(a[c],t[u])<0){if(t[h--]=t[u--],g++,y=0,0==--i){v=!0;break}}else if(t[h--]=a[c--],y++,g=0,1==--s){v=!0;break}}while((g|y)<f);if(v)break;do{if(0!==(g=i-ln(a[c],t,n,i,i-1,e))){for(i-=g,p=(h-=g)+1,d=(u-=g)+1,l=g-1;l>=0;l--)t[p+l]=t[d+l];if(0===i){v=!0;break}}if(t[h--]=a[c--],1==--s){v=!0;break}if(0!==(y=s-sn(t[u],a,0,s,s-1,e))){for(s-=y,p=(h-=y)+1,d=(c-=y)+1,l=0;l<y;l++)t[p+l]=a[d+l];if(s<=1){v=!0;break}}if(t[h--]=t[u--],0==--i){v=!0;break}f--}while(g>=7||y>=7);if(v)break;f<0&&(f=0),f+=2}(r=f)<1&&(r=1);if(1===s){for(p=(h-=i)+1,d=(u-=i)+1,l=i-1;l>=0;l--)t[p+l]=t[d+l];t[h]=a[c]}else{if(0===s)throw new Error;for(d=h-(s-1),l=0;l<s;l++)t[d+l]=a[l]}}(l,u,c,h))}return n=[],i=[],{mergeRuns:function(){for(;o>1;){var t=o-2;if(t>=1&&i[t-1]<=i[t]+i[t+1]||t>=2&&i[t-2]<=i[t]+i[t-1])i[t-1]<i[t+1]&&t--;else if(i[t]>i[t+1])break;s(t)}},forceMergeRuns:function(){for(;o>1;){var t=o-2;t>0&&i[t-1]<i[t+1]&&t--,s(t)}},pushRun:function(t,e){n[o]=t,i[o]=e,o+=1}}}function cn(t,e,n,i){n||(n=0),i||(i=t.length);var r=i-n;if(!(r<2)){var o=0;if(r<32)an(t,n,i,n+(o=on(t,n,i,e)),e);else{var a=un(t,e),s=function(t){for(var e=0;t>=32;)e|=1&t,t>>=1;return t+e}(r);do{if((o=on(t,n,i,e))<s){var l=r;l>s&&(l=s),an(t,n,n+l,n+o,e),o=l}a.pushRun(n,o),a.mergeRuns(),r-=o,n+=o}while(0!==r);a.forceMergeRuns()}}}var hn=!1;function dn(){hn||(hn=!0,console.warn("z / z2 / zlevel of displayable is invalid, which may cause unexpected errors"))}function pn(t,e){return t.zlevel===e.zlevel?t.z===e.z?t.z2-e.z2:t.z-e.z:t.zlevel-e.zlevel}var fn=function(){function t(){this._roots=[],this._displayList=[],this._displayListLen=0,this.displayableSortFunc=pn}return t.prototype.traverse=function(t,e){for(var n=0;n<this._roots.length;n++)this._roots[n].traverse(t,e)},t.prototype.getDisplayList=function(t,e){e=e||!1;var n=this._displayList;return!t&&n.length||this.updateDisplayList(e),n},t.prototype.updateDisplayList=function(t){this._displayListLen=0;for(var e=this._roots,n=this._displayList,i=0,r=e.length;i<r;i++)this._updateAndAddDisplayable(e[i],null,t);n.length=this._displayListLen,cn(n,pn)},t.prototype._updateAndAddDisplayable=function(t,e,n){if(!t.ignore||n){t.beforeUpdate(),t.update(),t.afterUpdate();var i=t.getClipPath(),r=e&&e.length,o=0,a=t.__clipPaths;if(!t.ignoreClip&&(r||i)){if(a||(a=t.__clipPaths=[]),r)for(var s=0;s<e.length;s++)a[o++]=e[s];for(var l=i,u=t;l;)l.parent=u,l.updateTransform(),a[o++]=l,u=l,l=l.getClipPath()}if(a&&(a.length=o),t.childrenRef){for(var c=t.childrenRef(),h=0;h<c.length;h++){var d=c[h];t.__dirty&&(d.__dirty|=1),this._updateAndAddDisplayable(d,a,n)}t.__dirty=0}else{var p=t;isNaN(p.z)&&(dn(),p.z=0),isNaN(p.z2)&&(dn(),p.z2=0),isNaN(p.zlevel)&&(dn(),p.zlevel=0),this._displayList[this._displayListLen++]=p}var f=t.getDecalElement&&t.getDecalElement();f&&this._updateAndAddDisplayable(f,a,n);var g=t.getTextGuideLine();g&&this._updateAndAddDisplayable(g,a,n);var y=t.getTextContent();y&&this._updateAndAddDisplayable(y,a,n)}},t.prototype.addRoot=function(t){t.__zr&&t.__zr.storage===this||this._roots.push(t)},t.prototype.delRoot=function(t){if(t instanceof Array)for(var e=0,n=t.length;e<n;e++)this.delRoot(t[e]);else{var i=P(this._roots,t);i>=0&&this._roots.splice(i,1)}},t.prototype.delAllRoots=function(){this._roots=[],this._displayList=[],this._displayListLen=0},t.prototype.getRoots=function(){return this._roots},t.prototype.dispose=function(){this._displayList=null,this._roots=null},t}(),gn=r.hasGlobalWindow&&(window.requestAnimationFrame&&window.requestAnimationFrame.bind(window)||window.msRequestAnimationFrame&&window.msRequestAnimationFrame.bind(window)||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame)||function(t){return setTimeout(t,16)},yn={linear:function(t){return t},quadraticIn:function(t){return t*t},quadraticOut:function(t){return t*(2-t)},quadraticInOut:function(t){return(t*=2)<1?.5*t*t:-.5*(--t*(t-2)-1)},cubicIn:function(t){return t*t*t},cubicOut:function(t){return--t*t*t+1},cubicInOut:function(t){return(t*=2)<1?.5*t*t*t:.5*((t-=2)*t*t+2)},quarticIn:function(t){return t*t*t*t},quarticOut:function(t){return 1- --t*t*t*t},quarticInOut:function(t){return(t*=2)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)},quinticIn:function(t){return t*t*t*t*t},quinticOut:function(t){return--t*t*t*t*t+1},quinticInOut:function(t){return(t*=2)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)},sinusoidalIn:function(t){return 1-Math.cos(t*Math.PI/2)},sinusoidalOut:function(t){return Math.sin(t*Math.PI/2)},sinusoidalInOut:function(t){return.5*(1-Math.cos(Math.PI*t))},exponentialIn:function(t){return 0===t?0:Math.pow(1024,t-1)},exponentialOut:function(t){return 1===t?1:1-Math.pow(2,-10*t)},exponentialInOut:function(t){return 0===t?0:1===t?1:(t*=2)<1?.5*Math.pow(1024,t-1):.5*(2-Math.pow(2,-10*(t-1)))},circularIn:function(t){return 1-Math.sqrt(1-t*t)},circularOut:function(t){return Math.sqrt(1- --t*t)},circularInOut:function(t){return(t*=2)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},elasticIn:function(t){var e,n=.1;return 0===t?0:1===t?1:(!n||n<1?(n=1,e=.1):e=.4*Math.asin(1/n)/(2*Math.PI),-n*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/.4))},elasticOut:function(t){var e,n=.1;return 0===t?0:1===t?1:(!n||n<1?(n=1,e=.1):e=.4*Math.asin(1/n)/(2*Math.PI),n*Math.pow(2,-10*t)*Math.sin((t-e)*(2*Math.PI)/.4)+1)},elasticInOut:function(t){var e,n=.1,i=.4;return 0===t?0:1===t?1:(!n||n<1?(n=1,e=.1):e=i*Math.asin(1/n)/(2*Math.PI),(t*=2)<1?n*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/i)*-.5:n*Math.pow(2,-10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/i)*.5+1)},backIn:function(t){var e=1.70158;return t*t*((e+1)*t-e)},backOut:function(t){var e=1.70158;return--t*t*((e+1)*t+e)+1},backInOut:function(t){var e=2.5949095;return(t*=2)<1?t*t*((e+1)*t-e)*.5:.5*((t-=2)*t*((e+1)*t+e)+2)},bounceIn:function(t){return 1-yn.bounceOut(1-t)},bounceOut:function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},bounceInOut:function(t){return t<.5?.5*yn.bounceIn(2*t):.5*yn.bounceOut(2*t-1)+.5}},vn=Math.pow,mn=Math.sqrt,xn=1e-8,_n=1e-4,bn=mn(3),wn=1/3,Sn=It(),Mn=It(),In=It();function Tn(t){return t>-1e-8&&t<xn}function Cn(t){return t>xn||t<-1e-8}function Dn(t,e,n,i,r){var o=1-r;return o*o*(o*t+3*r*e)+r*r*(r*i+3*o*n)}function An(t,e,n,i,r){var o=1-r;return 3*(((e-t)*o+2*(n-e)*r)*o+(i-n)*r*r)}function kn(t,e,n,i,r,o){var a=i+3*(e-n)-t,s=3*(n-2*e+t),l=3*(e-t),u=t-r,c=s*s-3*a*l,h=s*l-9*a*u,d=l*l-3*s*u,p=0;if(Tn(c)&&Tn(h)){if(Tn(s))o[0]=0;else(M=-l/s)>=0&&M<=1&&(o[p++]=M)}else{var f=h*h-4*c*d;if(Tn(f)){var g=h/c,y=-g/2;(M=-s/a+g)>=0&&M<=1&&(o[p++]=M),y>=0&&y<=1&&(o[p++]=y)}else if(f>0){var v=mn(f),m=c*s+1.5*a*(-h+v),x=c*s+1.5*a*(-h-v);(M=(-s-((m=m<0?-vn(-m,wn):vn(m,wn))+(x=x<0?-vn(-x,wn):vn(x,wn))))/(3*a))>=0&&M<=1&&(o[p++]=M)}else{var _=(2*c*s-3*a*h)/(2*mn(c*c*c)),b=Math.acos(_)/3,w=mn(c),S=Math.cos(b),M=(-s-2*w*S)/(3*a),I=(y=(-s+w*(S+bn*Math.sin(b)))/(3*a),(-s+w*(S-bn*Math.sin(b)))/(3*a));M>=0&&M<=1&&(o[p++]=M),y>=0&&y<=1&&(o[p++]=y),I>=0&&I<=1&&(o[p++]=I)}}return p}function Ln(t,e,n,i,r){var o=6*n-12*e+6*t,a=9*e+3*i-3*t-9*n,s=3*e-3*t,l=0;if(Tn(a)){if(Cn(o))(c=-s/o)>=0&&c<=1&&(r[l++]=c)}else{var u=o*o-4*a*s;if(Tn(u))r[0]=-o/(2*a);else if(u>0){var c,h=mn(u),d=(-o-h)/(2*a);(c=(-o+h)/(2*a))>=0&&c<=1&&(r[l++]=c),d>=0&&d<=1&&(r[l++]=d)}}return l}function Pn(t,e,n,i,r,o){var a=(e-t)*r+t,s=(n-e)*r+e,l=(i-n)*r+n,u=(s-a)*r+a,c=(l-s)*r+s,h=(c-u)*r+u;o[0]=t,o[1]=a,o[2]=u,o[3]=h,o[4]=h,o[5]=c,o[6]=l,o[7]=i}function On(t,e,n,i,r,o,a,s,l,u,c){var h,d,p,f,g,y=.005,v=1/0;Sn[0]=l,Sn[1]=u;for(var m=0;m<1;m+=.05)Mn[0]=Dn(t,n,r,a,m),Mn[1]=Dn(e,i,o,s,m),(f=Ft(Sn,Mn))<v&&(h=m,v=f);v=1/0;for(var x=0;x<32&&!(y<_n);x++)d=h-y,p=h+y,Mn[0]=Dn(t,n,r,a,d),Mn[1]=Dn(e,i,o,s,d),f=Ft(Mn,Sn),d>=0&&f<v?(h=d,v=f):(In[0]=Dn(t,n,r,a,p),In[1]=Dn(e,i,o,s,p),g=Ft(In,Sn),p<=1&&g<v?(h=p,v=g):y*=.5);return c&&(c[0]=Dn(t,n,r,a,h),c[1]=Dn(e,i,o,s,h)),mn(v)}function Rn(t,e,n,i,r,o,a,s,l){for(var u=t,c=e,h=0,d=1/l,p=1;p<=l;p++){var f=p*d,g=Dn(t,n,r,a,f),y=Dn(e,i,o,s,f),v=g-u,m=y-c;h+=Math.sqrt(v*v+m*m),u=g,c=y}return h}function Nn(t,e,n,i){var r=1-i;return r*(r*t+2*i*e)+i*i*n}function zn(t,e,n,i){return 2*((1-i)*(e-t)+i*(n-e))}function En(t,e,n){var i=t+n-2*e;return 0===i?.5:(t-e)/i}function Bn(t,e,n,i,r){var o=(e-t)*i+t,a=(n-e)*i+e,s=(a-o)*i+o;r[0]=t,r[1]=o,r[2]=s,r[3]=s,r[4]=a,r[5]=n}function Vn(t,e,n,i,r,o,a,s,l){var u,c=.005,h=1/0;Sn[0]=a,Sn[1]=s;for(var d=0;d<1;d+=.05){Mn[0]=Nn(t,n,r,d),Mn[1]=Nn(e,i,o,d),(y=Ft(Sn,Mn))<h&&(u=d,h=y)}h=1/0;for(var p=0;p<32&&!(c<_n);p++){var f=u-c,g=u+c;Mn[0]=Nn(t,n,r,f),Mn[1]=Nn(e,i,o,f);var y=Ft(Mn,Sn);if(f>=0&&y<h)u=f,h=y;else{In[0]=Nn(t,n,r,g),In[1]=Nn(e,i,o,g);var v=Ft(In,Sn);g<=1&&v<h?(u=g,h=v):c*=.5}}return l&&(l[0]=Nn(t,n,r,u),l[1]=Nn(e,i,o,u)),mn(h)}function Gn(t,e,n,i,r,o,a){for(var s=t,l=e,u=0,c=1/a,h=1;h<=a;h++){var d=h*c,p=Nn(t,n,r,d),f=Nn(e,i,o,d),g=p-s,y=f-l;u+=Math.sqrt(g*g+y*y),s=p,l=f}return u}var Fn=/cubic-bezier\(([0-9,\.e ]+)\)/;function Wn(t){var e=t&&Fn.exec(t);if(e){var n=e[1].split(","),i=+ut(n[0]),r=+ut(n[1]),o=+ut(n[2]),a=+ut(n[3]);if(isNaN(i+r+o+a))return;var s=[];return function(t){return t<=0?0:t>=1?1:kn(0,i,o,1,t,s)&&Dn(0,r,a,1,s[0])}}}var Hn=function(){function t(t){this._inited=!1,this._startTime=0,this._pausedTime=0,this._paused=!1,this._life=t.life||1e3,this._delay=t.delay||0,this.loop=t.loop||!1,this.onframe=t.onframe||bt,this.ondestroy=t.ondestroy||bt,this.onrestart=t.onrestart||bt,t.easing&&this.setEasing(t.easing)}return t.prototype.step=function(t,e){if(this._inited||(this._startTime=t+this._delay,this._inited=!0),!this._paused){var n=this._life,i=t-this._startTime-this._pausedTime,r=i/n;r<0&&(r=0),r=Math.min(r,1);var o=this.easingFunc,a=o?o(r):r;if(this.onframe(a),1===r){if(!this.loop)return!0;var s=i%n;this._startTime=t-s,this._pausedTime=0,this.onrestart()}return!1}this._pausedTime+=e},t.prototype.pause=function(){this._paused=!0},t.prototype.resume=function(){this._paused=!1},t.prototype.setEasing=function(t){this.easing=t,this.easingFunc=Y(t)?t:yn[t]||Wn(t)},t}(),Un=function(t){this.value=t},Yn=function(){function t(){this._len=0}return t.prototype.insert=function(t){var e=new Un(t);return this.insertEntry(e),e},t.prototype.insertEntry=function(t){this.head?(this.tail.next=t,t.prev=this.tail,t.next=null,this.tail=t):this.head=this.tail=t,this._len++},t.prototype.remove=function(t){var e=t.prev,n=t.next;e?e.next=n:this.head=n,n?n.prev=e:this.tail=e,t.next=t.prev=null,this._len--},t.prototype.len=function(){return this._len},t.prototype.clear=function(){this.head=this.tail=null,this._len=0},t}(),Xn=function(){function t(t){this._list=new Yn,this._maxSize=10,this._map={},this._maxSize=t}return t.prototype.put=function(t,e){var n=this._list,i=this._map,r=null;if(null==i[t]){var o=n.len(),a=this._lastRemovedEntry;if(o>=this._maxSize&&o>0){var s=n.head;n.remove(s),delete i[s.key],r=s.value,this._lastRemovedEntry=s}a?a.value=e:a=new Un(e),a.key=t,n.insertEntry(a),i[t]=a}return r},t.prototype.get=function(t){var e=this._map[t],n=this._list;if(null!=e)return e!==n.tail&&(n.remove(e),n.insertEntry(e)),e.value},t.prototype.clear=function(){this._list.clear(),this._map={}},t.prototype.len=function(){return this._list.len()},t}(),Zn={transparent:[0,0,0,0],aliceblue:[240,248,255,1],antiquewhite:[250,235,215,1],aqua:[0,255,255,1],aquamarine:[127,255,212,1],azure:[240,255,255,1],beige:[245,245,220,1],bisque:[255,228,196,1],black:[0,0,0,1],blanchedalmond:[255,235,205,1],blue:[0,0,255,1],blueviolet:[138,43,226,1],brown:[165,42,42,1],burlywood:[222,184,135,1],cadetblue:[95,158,160,1],chartreuse:[127,255,0,1],chocolate:[210,105,30,1],coral:[255,127,80,1],cornflowerblue:[100,149,237,1],cornsilk:[255,248,220,1],crimson:[220,20,60,1],cyan:[0,255,255,1],darkblue:[0,0,139,1],darkcyan:[0,139,139,1],darkgoldenrod:[184,134,11,1],darkgray:[169,169,169,1],darkgreen:[0,100,0,1],darkgrey:[169,169,169,1],darkkhaki:[189,183,107,1],darkmagenta:[139,0,139,1],darkolivegreen:[85,107,47,1],darkorange:[255,140,0,1],darkorchid:[153,50,204,1],darkred:[139,0,0,1],darksalmon:[233,150,122,1],darkseagreen:[143,188,143,1],darkslateblue:[72,61,139,1],darkslategray:[47,79,79,1],darkslategrey:[47,79,79,1],darkturquoise:[0,206,209,1],darkviolet:[148,0,211,1],deeppink:[255,20,147,1],deepskyblue:[0,191,255,1],dimgray:[105,105,105,1],dimgrey:[105,105,105,1],dodgerblue:[30,144,255,1],firebrick:[178,34,34,1],floralwhite:[255,250,240,1],forestgreen:[34,139,34,1],fuchsia:[255,0,255,1],gainsboro:[220,220,220,1],ghostwhite:[248,248,255,1],gold:[255,215,0,1],goldenrod:[218,165,32,1],gray:[128,128,128,1],green:[0,128,0,1],greenyellow:[173,255,47,1],grey:[128,128,128,1],honeydew:[240,255,240,1],hotpink:[255,105,180,1],indianred:[205,92,92,1],indigo:[75,0,130,1],ivory:[255,255,240,1],khaki:[240,230,140,1],lavender:[230,230,250,1],lavenderblush:[255,240,245,1],lawngreen:[124,252,0,1],lemonchiffon:[255,250,205,1],lightblue:[173,216,230,1],lightcoral:[240,128,128,1],lightcyan:[224,255,255,1],lightgoldenrodyellow:[250,250,210,1],lightgray:[211,211,211,1],lightgreen:[144,238,144,1],lightgrey:[211,211,211,1],lightpink:[255,182,193,1],lightsalmon:[255,160,122,1],lightseagreen:[32,178,170,1],lightskyblue:[135,206,250,1],lightslategray:[119,136,153,1],lightslategrey:[119,136,153,1],lightsteelblue:[176,196,222,1],lightyellow:[255,255,224,1],lime:[0,255,0,1],limegreen:[50,205,50,1],linen:[250,240,230,1],magenta:[255,0,255,1],maroon:[128,0,0,1],mediumaquamarine:[102,205,170,1],mediumblue:[0,0,205,1],mediumorchid:[186,85,211,1],mediumpurple:[147,112,219,1],mediumseagreen:[60,179,113,1],mediumslateblue:[123,104,238,1],mediumspringgreen:[0,250,154,1],mediumturquoise:[72,209,204,1],mediumvioletred:[199,21,133,1],midnightblue:[25,25,112,1],mintcream:[245,255,250,1],mistyrose:[255,228,225,1],moccasin:[255,228,181,1],navajowhite:[255,222,173,1],navy:[0,0,128,1],oldlace:[253,245,230,1],olive:[128,128,0,1],olivedrab:[107,142,35,1],orange:[255,165,0,1],orangered:[255,69,0,1],orchid:[218,112,214,1],palegoldenrod:[238,232,170,1],palegreen:[152,251,152,1],paleturquoise:[175,238,238,1],palevioletred:[219,112,147,1],papayawhip:[255,239,213,1],peachpuff:[255,218,185,1],peru:[205,133,63,1],pink:[255,192,203,1],plum:[221,160,221,1],powderblue:[176,224,230,1],purple:[128,0,128,1],red:[255,0,0,1],rosybrown:[188,143,143,1],royalblue:[65,105,225,1],saddlebrown:[139,69,19,1],salmon:[250,128,114,1],sandybrown:[244,164,96,1],seagreen:[46,139,87,1],seashell:[255,245,238,1],sienna:[160,82,45,1],silver:[192,192,192,1],skyblue:[135,206,235,1],slateblue:[106,90,205,1],slategray:[112,128,144,1],slategrey:[112,128,144,1],snow:[255,250,250,1],springgreen:[0,255,127,1],steelblue:[70,130,180,1],tan:[210,180,140,1],teal:[0,128,128,1],thistle:[216,191,216,1],tomato:[255,99,71,1],turquoise:[64,224,208,1],violet:[238,130,238,1],wheat:[245,222,179,1],white:[255,255,255,1],whitesmoke:[245,245,245,1],yellow:[255,255,0,1],yellowgreen:[154,205,50,1]};function jn(t){return(t=Math.round(t))<0?0:t>255?255:t}function qn(t){return t<0?0:t>1?1:t}function Kn(t){var e=t;return e.length&&"%"===e.charAt(e.length-1)?jn(parseFloat(e)/100*255):jn(parseInt(e,10))}function $n(t){var e=t;return e.length&&"%"===e.charAt(e.length-1)?qn(parseFloat(e)/100):qn(parseFloat(e))}function Jn(t,e,n){return n<0?n+=1:n>1&&(n-=1),6*n<1?t+(e-t)*n*6:2*n<1?e:3*n<2?t+(e-t)*(2/3-n)*6:t}function Qn(t,e,n){return t+(e-t)*n}function ti(t,e,n,i,r){return t[0]=e,t[1]=n,t[2]=i,t[3]=r,t}function ei(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t}var ni=new Xn(20),ii=null;function ri(t,e){ii&&ei(ii,e),ii=ni.put(t,ii||e.slice())}function oi(t,e){if(t){e=e||[];var n=ni.get(t);if(n)return ei(e,n);var i=(t+="").replace(/ /g,"").toLowerCase();if(i in Zn)return ei(e,Zn[i]),ri(t,e),e;var r,o=i.length;if("#"===i.charAt(0))return 4===o||5===o?(r=parseInt(i.slice(1,4),16))>=0&&r<=4095?(ti(e,(3840&r)>>4|(3840&r)>>8,240&r|(240&r)>>4,15&r|(15&r)<<4,5===o?parseInt(i.slice(4),16)/15:1),ri(t,e),e):void ti(e,0,0,0,1):7===o||9===o?(r=parseInt(i.slice(1,7),16))>=0&&r<=16777215?(ti(e,(16711680&r)>>16,(65280&r)>>8,255&r,9===o?parseInt(i.slice(7),16)/255:1),ri(t,e),e):void ti(e,0,0,0,1):void 0;var a=i.indexOf("("),s=i.indexOf(")");if(-1!==a&&s+1===o){var l=i.substr(0,a),u=i.substr(a+1,s-(a+1)).split(","),c=1;switch(l){case"rgba":if(4!==u.length)return 3===u.length?ti(e,+u[0],+u[1],+u[2],1):ti(e,0,0,0,1);c=$n(u.pop());case"rgb":return u.length>=3?(ti(e,Kn(u[0]),Kn(u[1]),Kn(u[2]),3===u.length?c:$n(u[3])),ri(t,e),e):void ti(e,0,0,0,1);case"hsla":return 4!==u.length?void ti(e,0,0,0,1):(u[3]=$n(u[3]),ai(u,e),ri(t,e),e);case"hsl":return 3!==u.length?void ti(e,0,0,0,1):(ai(u,e),ri(t,e),e);default:return}}ti(e,0,0,0,1)}}function ai(t,e){var n=(parseFloat(t[0])%360+360)%360/360,i=$n(t[1]),r=$n(t[2]),o=r<=.5?r*(i+1):r+i-r*i,a=2*r-o;return ti(e=e||[],jn(255*Jn(a,o,n+1/3)),jn(255*Jn(a,o,n)),jn(255*Jn(a,o,n-1/3)),1),4===t.length&&(e[3]=t[3]),e}function si(t,e){var n=oi(t);if(n){for(var i=0;i<3;i++)n[i]=e<0?n[i]*(1-e)|0:(255-n[i])*e+n[i]|0,n[i]>255?n[i]=255:n[i]<0&&(n[i]=0);return fi(n,4===n.length?"rgba":"rgb")}}function li(t,e,n){if(e&&e.length&&t>=0&&t<=1){n=n||[];var i=t*(e.length-1),r=Math.floor(i),o=Math.ceil(i),a=e[r],s=e[o],l=i-r;return n[0]=jn(Qn(a[0],s[0],l)),n[1]=jn(Qn(a[1],s[1],l)),n[2]=jn(Qn(a[2],s[2],l)),n[3]=qn(Qn(a[3],s[3],l)),n}}var ui=li;function ci(t,e,n){if(e&&e.length&&t>=0&&t<=1){var i=t*(e.length-1),r=Math.floor(i),o=Math.ceil(i),a=oi(e[r]),s=oi(e[o]),l=i-r,u=fi([jn(Qn(a[0],s[0],l)),jn(Qn(a[1],s[1],l)),jn(Qn(a[2],s[2],l)),qn(Qn(a[3],s[3],l))],"rgba");return n?{color:u,leftIndex:r,rightIndex:o,value:i}:u}}var hi=ci;function di(t,e,n,i){var r=oi(t);if(t)return r=function(t){if(t){var e,n,i=t[0]/255,r=t[1]/255,o=t[2]/255,a=Math.min(i,r,o),s=Math.max(i,r,o),l=s-a,u=(s+a)/2;if(0===l)e=0,n=0;else{n=u<.5?l/(s+a):l/(2-s-a);var c=((s-i)/6+l/2)/l,h=((s-r)/6+l/2)/l,d=((s-o)/6+l/2)/l;i===s?e=d-h:r===s?e=1/3+c-d:o===s&&(e=2/3+h-c),e<0&&(e+=1),e>1&&(e-=1)}var p=[360*e,n,u];return null!=t[3]&&p.push(t[3]),p}}(r),null!=e&&(r[0]=function(t){return(t=Math.round(t))<0?0:t>360?360:t}(Y(e)?e(r[0]):e)),null!=n&&(r[1]=$n(Y(n)?n(r[1]):n)),null!=i&&(r[2]=$n(Y(i)?i(r[2]):i)),fi(ai(r),"rgba")}function pi(t,e){var n=oi(t);if(n&&null!=e)return n[3]=qn(e),fi(n,"rgba")}function fi(t,e){if(t&&t.length){var n=t[0]+","+t[1]+","+t[2];return"rgba"!==e&&"hsva"!==e&&"hsla"!==e||(n+=","+t[3]),e+"("+n+")"}}function gi(t,e){var n=oi(t);return n?(.299*n[0]+.587*n[1]+.114*n[2])*n[3]/255+(1-n[3])*e:0}var yi=new Xn(100);function vi(t){if(X(t)){var e=yi.get(t);return e||(e=si(t,-.1),yi.put(t,e)),e}if(Q(t)){var n=A({},t);return n.colorStops=E(t.colorStops,(function(t){return{offset:t.offset,color:si(t.color,-.1)}})),n}return t}var mi=Object.freeze({__proto__:null,parseCssInt:Kn,parseCssFloat:$n,parse:oi,lift:si,toHex:function(t){var e=oi(t);if(e)return((1<<24)+(e[0]<<16)+(e[1]<<8)+ +e[2]).toString(16).slice(1)},fastLerp:li,fastMapToColor:ui,lerp:ci,mapToColor:hi,modifyHSL:di,modifyAlpha:pi,stringify:fi,lum:gi,random:function(){return fi([Math.round(255*Math.random()),Math.round(255*Math.random()),Math.round(255*Math.random())],"rgb")},liftColor:vi}),xi=Math.round;function _i(t){var e;if(t&&"transparent"!==t){if("string"==typeof t&&t.indexOf("rgba")>-1){var n=oi(t);n&&(t="rgb("+n[0]+","+n[1]+","+n[2]+")",e=n[3])}}else t="none";return{color:t,opacity:null==e?1:e}}var bi=1e-4;function wi(t){return t<bi&&t>-1e-4}function Si(t){return xi(1e3*t)/1e3}function Mi(t){return xi(1e4*t)/1e4}var Ii={left:"start",right:"end",center:"middle",middle:"middle"};function Ti(t){return t&&!!t.image}function Ci(t){return Ti(t)||function(t){return t&&!!t.svgElement}(t)}function Di(t){return"linear"===t.type}function Ai(t){return"radial"===t.type}function ki(t){return t&&("linear"===t.type||"radial"===t.type)}function Li(t){return"url(#"+t+")"}function Pi(t){var e=t.getGlobalScale(),n=Math.max(e[0],e[1]);return Math.max(Math.ceil(Math.log(n)/Math.log(10)),1)}function Oi(t){var e=t.x||0,n=t.y||0,i=(t.rotation||0)*wt,r=rt(t.scaleX,1),o=rt(t.scaleY,1),a=t.skewX||0,s=t.skewY||0,l=[];return(e||n)&&l.push("translate("+e+"px,"+n+"px)"),i&&l.push("rotate("+i+")"),1===r&&1===o||l.push("scale("+r+","+o+")"),(a||s)&&l.push("skew("+xi(a*wt)+"deg, "+xi(s*wt)+"deg)"),l.join(" ")}var Ri=r.hasGlobalWindow&&Y(window.btoa)?function(t){return window.btoa(unescape(encodeURIComponent(t)))}:"undefined"!=typeof Buffer?function(t){return Buffer.from(t).toString("base64")}:function(t){return null},Ni=Array.prototype.slice;function zi(t,e,n){return(e-t)*n+t}function Ei(t,e,n,i){for(var r=e.length,o=0;o<r;o++)t[o]=zi(e[o],n[o],i);return t}function Bi(t,e,n,i){for(var r=e.length,o=0;o<r;o++)t[o]=e[o]+n[o]*i;return t}function Vi(t,e,n,i){for(var r=e.length,o=r&&e[0].length,a=0;a<r;a++){t[a]||(t[a]=[]);for(var s=0;s<o;s++)t[a][s]=e[a][s]+n[a][s]*i}return t}function Gi(t,e){for(var n=t.length,i=e.length,r=n>i?e:t,o=Math.min(n,i),a=r[o-1]||{color:[0,0,0,0],offset:0},s=o;s<Math.max(n,i);s++)r.push({offset:a.offset,color:a.color.slice()})}function Fi(t,e,n){var i=t,r=e;if(i.push&&r.push){var o=i.length,a=r.length;if(o!==a)if(o>a)i.length=a;else for(var s=o;s<a;s++)i.push(1===n?r[s]:Ni.call(r[s]));var l=i[0]&&i[0].length;for(s=0;s<i.length;s++)if(1===n)isNaN(i[s])&&(i[s]=r[s]);else for(var u=0;u<l;u++)isNaN(i[s][u])&&(i[s][u]=r[s][u])}}function Wi(t){if(N(t)){var e=t.length;if(N(t[0])){for(var n=[],i=0;i<e;i++)n.push(Ni.call(t[i]));return n}return Ni.call(t)}return t}function Hi(t){return t[0]=Math.floor(t[0])||0,t[1]=Math.floor(t[1])||0,t[2]=Math.floor(t[2])||0,t[3]=null==t[3]?1:t[3],"rgba("+t.join(",")+")"}function Ui(t){return 4===t||5===t}function Yi(t){return 1===t||2===t}var Xi=[0,0,0,0],Zi=function(){function t(t){this.keyframes=[],this.discrete=!1,this._invalid=!1,this._needsSort=!1,this._lastFr=0,this._lastFrP=0,this.propName=t}return t.prototype.isFinished=function(){return this._finished},t.prototype.setFinished=function(){this._finished=!0,this._additiveTrack&&this._additiveTrack.setFinished()},t.prototype.needsAnimate=function(){return this.keyframes.length>=1},t.prototype.getAdditiveTrack=function(){return this._additiveTrack},t.prototype.addKeyframe=function(t,e,n){this._needsSort=!0;var i=this.keyframes,r=i.length,o=!1,a=6,s=e;if(N(e)){var l=function(t){return N(t&&t[0])?2:1}(e);a=l,(1===l&&!j(e[0])||2===l&&!j(e[0][0]))&&(o=!0)}else if(j(e)&&!nt(e))a=0;else if(X(e))if(isNaN(+e)){var u=oi(e);u&&(s=u,a=3)}else a=0;else if(Q(e)){var c=A({},s);c.colorStops=E(e.colorStops,(function(t){return{offset:t.offset,color:oi(t.color)}})),Di(e)?a=4:Ai(e)&&(a=5),s=c}0===r?this.valType=a:a===this.valType&&6!==a||(o=!0),this.discrete=this.discrete||o;var h={time:t,value:s,rawValue:e,percent:0};return n&&(h.easing=n,h.easingFunc=Y(n)?n:yn[n]||Wn(n)),i.push(h),h},t.prototype.prepare=function(t,e){var n=this.keyframes;this._needsSort&&n.sort((function(t,e){return t.time-e.time}));for(var i=this.valType,r=n.length,o=n[r-1],a=this.discrete,s=Yi(i),l=Ui(i),u=0;u<r;u++){var c=n[u],h=c.value,d=o.value;c.percent=c.time/t,a||(s&&u!==r-1?Fi(h,d,i):l&&Gi(h.colorStops,d.colorStops))}if(!a&&5!==i&&e&&this.needsAnimate()&&e.needsAnimate()&&i===e.valType&&!e._finished){this._additiveTrack=e;var p=n[0].value;for(u=0;u<r;u++)0===i?n[u].additiveValue=n[u].value-p:3===i?n[u].additiveValue=Bi([],n[u].value,p,-1):Yi(i)&&(n[u].additiveValue=1===i?Bi([],n[u].value,p,-1):Vi([],n[u].value,p,-1))}},t.prototype.step=function(t,e){if(!this._finished){this._additiveTrack&&this._additiveTrack._finished&&(this._additiveTrack=null);var n,i,r,o=null!=this._additiveTrack,a=o?"additiveValue":"value",s=this.valType,l=this.keyframes,u=l.length,c=this.propName,h=3===s,d=this._lastFr,p=Math.min;if(1===u)i=r=l[0];else{if(e<0)n=0;else if(e<this._lastFrP){for(n=p(d+1,u-1);n>=0&&!(l[n].percent<=e);n--);n=p(n,u-2)}else{for(n=d;n<u&&!(l[n].percent>e);n++);n=p(n-1,u-2)}r=l[n+1],i=l[n]}if(i&&r){this._lastFr=n,this._lastFrP=e;var f=r.percent-i.percent,g=0===f?1:p((e-i.percent)/f,1);r.easingFunc&&(g=r.easingFunc(g));var y=o?this._additiveValue:h?Xi:t[c];if(!Yi(s)&&!h||y||(y=this._additiveValue=[]),this.discrete)t[c]=g<1?i.rawValue:r.rawValue;else if(Yi(s))1===s?Ei(y,i[a],r[a],g):function(t,e,n,i){for(var r=e.length,o=r&&e[0].length,a=0;a<r;a++){t[a]||(t[a]=[]);for(var s=0;s<o;s++)t[a][s]=zi(e[a][s],n[a][s],i)}}(y,i[a],r[a],g);else if(Ui(s)){var v=i[a],m=r[a],x=4===s;t[c]={type:x?"linear":"radial",x:zi(v.x,m.x,g),y:zi(v.y,m.y,g),colorStops:E(v.colorStops,(function(t,e){var n=m.colorStops[e];return{offset:zi(t.offset,n.offset,g),color:Hi(Ei([],t.color,n.color,g))}})),global:m.global},x?(t[c].x2=zi(v.x2,m.x2,g),t[c].y2=zi(v.y2,m.y2,g)):t[c].r=zi(v.r,m.r,g)}else if(h)Ei(y,i[a],r[a],g),o||(t[c]=Hi(y));else{var _=zi(i[a],r[a],g);o?this._additiveValue=_:t[c]=_}o&&this._addToTarget(t)}}},t.prototype._addToTarget=function(t){var e=this.valType,n=this.propName,i=this._additiveValue;0===e?t[n]=t[n]+i:3===e?(oi(t[n],Xi),Bi(Xi,Xi,i,1),t[n]=Hi(Xi)):1===e?Bi(t[n],t[n],i,1):2===e&&Vi(t[n],t[n],i,1)},t}(),ji=function(){function t(t,e,n,i){this._tracks={},this._trackKeys=[],this._maxTime=0,this._started=0,this._clip=null,this._target=t,this._loop=e,e&&i?I("Can' use additive animation on looped animation."):(this._additiveAnimators=i,this._allowDiscrete=n)}return t.prototype.getMaxTime=function(){return this._maxTime},t.prototype.getDelay=function(){return this._delay},t.prototype.getLoop=function(){return this._loop},t.prototype.getTarget=function(){return this._target},t.prototype.changeTarget=function(t){this._target=t},t.prototype.when=function(t,e,n){return this.whenWithKeys(t,e,F(e),n)},t.prototype.whenWithKeys=function(t,e,n,i){for(var r=this._tracks,o=0;o<n.length;o++){var a=n[o],s=r[a];if(!s){s=r[a]=new Zi(a);var l=void 0,u=this._getAdditiveTrack(a);if(u){var c=u.keyframes,h=c[c.length-1];l=h&&h.value,3===u.valType&&l&&(l=Hi(l))}else l=this._target[a];if(null==l)continue;t>0&&s.addKeyframe(0,Wi(l),i),this._trackKeys.push(a)}s.addKeyframe(t,Wi(e[a]),i)}return this._maxTime=Math.max(this._maxTime,t),this},t.prototype.pause=function(){this._clip.pause(),this._paused=!0},t.prototype.resume=function(){this._clip.resume(),this._paused=!1},t.prototype.isPaused=function(){return!!this._paused},t.prototype.duration=function(t){return this._maxTime=t,this._force=!0,this},t.prototype._doneCallback=function(){this._setTracksFinished(),this._clip=null;var t=this._doneCbs;if(t)for(var e=t.length,n=0;n<e;n++)t[n].call(this)},t.prototype._abortedCallback=function(){this._setTracksFinished();var t=this.animation,e=this._abortedCbs;if(t&&t.removeClip(this._clip),this._clip=null,e)for(var n=0;n<e.length;n++)e[n].call(this)},t.prototype._setTracksFinished=function(){for(var t=this._tracks,e=this._trackKeys,n=0;n<e.length;n++)t[e[n]].setFinished()},t.prototype._getAdditiveTrack=function(t){var e,n=this._additiveAnimators;if(n)for(var i=0;i<n.length;i++){var r=n[i].getTrack(t);r&&(e=r)}return e},t.prototype.start=function(t){if(!(this._started>0)){this._started=1;for(var e=this,n=[],i=this._maxTime||0,r=0;r<this._trackKeys.length;r++){var o=this._trackKeys[r],a=this._tracks[o],s=this._getAdditiveTrack(o),l=a.keyframes,u=l.length;if(a.prepare(i,s),a.needsAnimate())if(!this._allowDiscrete&&a.discrete){var c=l[u-1];c&&(e._target[a.propName]=c.rawValue),a.setFinished()}else n.push(a)}if(n.length||this._force){var h=new Hn({life:i,loop:this._loop,delay:this._delay||0,onframe:function(t){e._started=2;var i=e._additiveAnimators;if(i){for(var r=!1,o=0;o<i.length;o++)if(i[o]._clip){r=!0;break}r||(e._additiveAnimators=null)}for(o=0;o<n.length;o++)n[o].step(e._target,t);var a=e._onframeCbs;if(a)for(o=0;o<a.length;o++)a[o](e._target,t)},ondestroy:function(){e._doneCallback()}});this._clip=h,this.animation&&this.animation.addClip(h),t&&h.setEasing(t)}else this._doneCallback();return this}},t.prototype.stop=function(t){if(this._clip){var e=this._clip;t&&e.onframe(1),this._abortedCallback()}},t.prototype.delay=function(t){return this._delay=t,this},t.prototype.during=function(t){return t&&(this._onframeCbs||(this._onframeCbs=[]),this._onframeCbs.push(t)),this},t.prototype.done=function(t){return t&&(this._doneCbs||(this._doneCbs=[]),this._doneCbs.push(t)),this},t.prototype.aborted=function(t){return t&&(this._abortedCbs||(this._abortedCbs=[]),this._abortedCbs.push(t)),this},t.prototype.getClip=function(){return this._clip},t.prototype.getTrack=function(t){return this._tracks[t]},t.prototype.getTracks=function(){var t=this;return E(this._trackKeys,(function(e){return t._tracks[e]}))},t.prototype.stopTracks=function(t,e){if(!t.length||!this._clip)return!0;for(var n=this._tracks,i=this._trackKeys,r=0;r<t.length;r++){var o=n[t[r]];o&&!o.isFinished()&&(e?o.step(this._target,1):1===this._started&&o.step(this._target,0),o.setFinished())}var a=!0;for(r=0;r<i.length;r++)if(!n[i[r]].isFinished()){a=!1;break}return a&&this._abortedCallback(),a},t.prototype.saveTo=function(t,e,n){if(t){e=e||this._trackKeys;for(var i=0;i<e.length;i++){var r=e[i],o=this._tracks[r];if(o&&!o.isFinished()){var a=o.keyframes,s=a[n?0:a.length-1];s&&(t[r]=Wi(s.rawValue))}}}},t.prototype.__changeFinalValue=function(t,e){e=e||F(t);for(var n=0;n<e.length;n++){var i=e[n],r=this._tracks[i];if(r){var o=r.keyframes;if(o.length>1){var a=o.pop();r.addKeyframe(a.time,t[i]),r.prepare(this._maxTime,r.getAdditiveTrack())}}}},t}();function qi(){return(new Date).getTime()}var Ki,$i,Ji=function(t){function e(e){var n=t.call(this)||this;return n._running=!1,n._time=0,n._pausedTime=0,n._pauseStart=0,n._paused=!1,e=e||{},n.stage=e.stage||{},n}return n(e,t),e.prototype.addClip=function(t){t.animation&&this.removeClip(t),this._head?(this._tail.next=t,t.prev=this._tail,t.next=null,this._tail=t):this._head=this._tail=t,t.animation=this},e.prototype.addAnimator=function(t){t.animation=this;var e=t.getClip();e&&this.addClip(e)},e.prototype.removeClip=function(t){if(t.animation){var e=t.prev,n=t.next;e?e.next=n:this._head=n,n?n.prev=e:this._tail=e,t.next=t.prev=t.animation=null}},e.prototype.removeAnimator=function(t){var e=t.getClip();e&&this.removeClip(e),t.animation=null},e.prototype.update=function(t){for(var e=qi()-this._pausedTime,n=e-this._time,i=this._head;i;){var r=i.next;i.step(e,n)?(i.ondestroy(),this.removeClip(i),i=r):i=r}this._time=e,t||(this.trigger("frame",n),this.stage.update&&this.stage.update())},e.prototype._startLoop=function(){var t=this;this._running=!0,gn((function e(){t._running&&(gn(e),!t._paused&&t.update())}))},e.prototype.start=function(){this._running||(this._time=qi(),this._pausedTime=0,this._startLoop())},e.prototype.stop=function(){this._running=!1},e.prototype.pause=function(){this._paused||(this._pauseStart=qi(),this._paused=!0)},e.prototype.resume=function(){this._paused&&(this._pausedTime+=qi()-this._pauseStart,this._paused=!1)},e.prototype.clear=function(){for(var t=this._head;t;){var e=t.next;t.prev=t.next=t.animation=null,t=e}this._head=this._tail=null},e.prototype.isFinished=function(){return null==this._head},e.prototype.animate=function(t,e){e=e||{},this.start();var n=new ji(t,e.loop);return this.addAnimator(n),n},e}(qt),Qi=r.domSupported,tr=($i={pointerdown:1,pointerup:1,pointermove:1,pointerout:1},{mouse:Ki=["click","dblclick","mousewheel","wheel","mouseout","mouseup","mousedown","mousemove","contextmenu"],touch:["touchstart","touchend","touchmove"],pointer:E(Ki,(function(t){var e=t.replace("mouse","pointer");return $i.hasOwnProperty(e)?e:t}))}),er=["mousemove","mouseup"],nr=["pointermove","pointerup"],ir=!1;function rr(t){var e=t.pointerType;return"pen"===e||"touch"===e}function or(t){t&&(t.zrByTouch=!0)}function ar(t,e){for(var n=e,i=!1;n&&9!==n.nodeType&&!(i=n.domBelongToZr||n!==e&&n===t.painterRoot);)n=n.parentNode;return i}var sr=function(t,e){this.stopPropagation=bt,this.stopImmediatePropagation=bt,this.preventDefault=bt,this.type=e.type,this.target=this.currentTarget=t.dom,this.pointerType=e.pointerType,this.clientX=e.clientX,this.clientY=e.clientY},lr={mousedown:function(t){t=de(this.dom,t),this.__mayPointerCapture=[t.zrX,t.zrY],this.trigger("mousedown",t)},mousemove:function(t){t=de(this.dom,t);var e=this.__mayPointerCapture;!e||t.zrX===e[0]&&t.zrY===e[1]||this.__togglePointerCapture(!0),this.trigger("mousemove",t)},mouseup:function(t){t=de(this.dom,t),this.__togglePointerCapture(!1),this.trigger("mouseup",t)},mouseout:function(t){ar(this,(t=de(this.dom,t)).toElement||t.relatedTarget)||(this.__pointerCapturing&&(t.zrEventControl="no_globalout"),this.trigger("mouseout",t))},wheel:function(t){ir=!0,t=de(this.dom,t),this.trigger("mousewheel",t)},mousewheel:function(t){ir||(t=de(this.dom,t),this.trigger("mousewheel",t))},touchstart:function(t){or(t=de(this.dom,t)),this.__lastTouchMoment=new Date,this.handler.processGesture(t,"start"),lr.mousemove.call(this,t),lr.mousedown.call(this,t)},touchmove:function(t){or(t=de(this.dom,t)),this.handler.processGesture(t,"change"),lr.mousemove.call(this,t)},touchend:function(t){or(t=de(this.dom,t)),this.handler.processGesture(t,"end"),lr.mouseup.call(this,t),+new Date-+this.__lastTouchMoment<300&&lr.click.call(this,t)},pointerdown:function(t){lr.mousedown.call(this,t)},pointermove:function(t){rr(t)||lr.mousemove.call(this,t)},pointerup:function(t){lr.mouseup.call(this,t)},pointerout:function(t){rr(t)||lr.mouseout.call(this,t)}};z(["click","dblclick","contextmenu"],(function(t){lr[t]=function(e){e=de(this.dom,e),this.trigger(t,e)}}));var ur={pointermove:function(t){rr(t)||ur.mousemove.call(this,t)},pointerup:function(t){ur.mouseup.call(this,t)},mousemove:function(t){this.trigger("mousemove",t)},mouseup:function(t){var e=this.__pointerCapturing;this.__togglePointerCapture(!1),this.trigger("mouseup",t),e&&(t.zrEventControl="only_globalout",this.trigger("mouseout",t))}};function cr(t,e){var n=e.domHandlers;r.pointerEventsSupported?z(tr.pointer,(function(i){dr(e,i,(function(e){n[i].call(t,e)}))})):(r.touchEventsSupported&&z(tr.touch,(function(i){dr(e,i,(function(r){n[i].call(t,r),function(t){t.touching=!0,null!=t.touchTimer&&(clearTimeout(t.touchTimer),t.touchTimer=null),t.touchTimer=setTimeout((function(){t.touching=!1,t.touchTimer=null}),700)}(e)}))})),z(tr.mouse,(function(i){dr(e,i,(function(r){r=he(r),e.touching||n[i].call(t,r)}))})))}function hr(t,e){function n(n){dr(e,n,(function(i){i=he(i),ar(t,i.target)||(i=function(t,e){return de(t.dom,new sr(t,e),!0)}(t,i),e.domHandlers[n].call(t,i))}),{capture:!0})}r.pointerEventsSupported?z(nr,n):r.touchEventsSupported||z(er,n)}function dr(t,e,n,i){t.mounted[e]=n,t.listenerOpts[e]=i,pe(t.domTarget,e,n,i)}function pr(t){var e,n,i,r,o=t.mounted;for(var a in o)o.hasOwnProperty(a)&&(e=t.domTarget,n=a,i=o[a],r=t.listenerOpts[a],e.removeEventListener(n,i,r));t.mounted={}}var fr=function(t,e){this.mounted={},this.listenerOpts={},this.touching=!1,this.domTarget=t,this.domHandlers=e},gr=function(t){function e(e,n){var i=t.call(this)||this;return i.__pointerCapturing=!1,i.dom=e,i.painterRoot=n,i._localHandlerScope=new fr(e,lr),Qi&&(i._globalHandlerScope=new fr(document,ur)),cr(i,i._localHandlerScope),i}return n(e,t),e.prototype.dispose=function(){pr(this._localHandlerScope),Qi&&pr(this._globalHandlerScope)},e.prototype.setCursor=function(t){this.dom.style&&(this.dom.style.cursor=t||"default")},e.prototype.__togglePointerCapture=function(t){if(this.__mayPointerCapture=null,Qi&&+this.__pointerCapturing^+t){this.__pointerCapturing=t;var e=this._globalHandlerScope;t?hr(this,e):pr(e)}},e}(qt),yr=1;r.hasGlobalWindow&&(yr=Math.max(window.devicePixelRatio||window.screen&&window.screen.deviceXDPI/window.screen.logicalXDPI||1,1));var vr=yr,mr="#333",xr="#ccc",_r=_e,br=5e-5;function wr(t){return t>br||t<-5e-5}var Sr,Mr=[],Ir=[],Tr=[1,0,0,1,0,0],Cr=Math.abs,Dr=function(){function t(){}var e;return t.prototype.getLocalTransform=function(e){return t.getLocalTransform(this,e)},t.prototype.setPosition=function(t){this.x=t[0],this.y=t[1]},t.prototype.setScale=function(t){this.scaleX=t[0],this.scaleY=t[1]},t.prototype.setSkew=function(t){this.skewX=t[0],this.skewY=t[1]},t.prototype.setOrigin=function(t){this.originX=t[0],this.originY=t[1]},t.prototype.needLocalTransform=function(){return wr(this.rotation)||wr(this.x)||wr(this.y)||wr(this.scaleX-1)||wr(this.scaleY-1)||wr(this.skewX)||wr(this.skewY)},t.prototype.updateTransform=function(){var t=this.parent&&this.parent.transform,e=this.needLocalTransform(),n=this.transform;e||t?(n=n||[1,0,0,1,0,0],e?this.getLocalTransform(n):_r(n),t&&(e?we(n,t,n):be(n,t)),this.transform=n,this._resolveGlobalScaleRatio(n)):n&&(_r(n),this.invTransform=null)},t.prototype._resolveGlobalScaleRatio=function(t){var e=this.globalScaleRatio;if(null!=e&&1!==e){this.getGlobalScale(Mr);var n=Mr[0]<0?-1:1,i=Mr[1]<0?-1:1,r=((Mr[0]-n)*e+n)/Mr[0]||0,o=((Mr[1]-i)*e+i)/Mr[1]||0;t[0]*=r,t[1]*=r,t[2]*=o,t[3]*=o}this.invTransform=this.invTransform||[1,0,0,1,0,0],Te(this.invTransform,t)},t.prototype.getComputedTransform=function(){for(var t=this,e=[];t;)e.push(t),t=t.parent;for(;t=e.pop();)t.updateTransform();return this.transform},t.prototype.setLocalTransform=function(t){if(t){var e=t[0]*t[0]+t[1]*t[1],n=t[2]*t[2]+t[3]*t[3],i=Math.atan2(t[1],t[0]),r=Math.PI/2+i-Math.atan2(t[3],t[2]);n=Math.sqrt(n)*Math.cos(r),e=Math.sqrt(e),this.skewX=r,this.skewY=0,this.rotation=-i,this.x=+t[4],this.y=+t[5],this.scaleX=e,this.scaleY=n,this.originX=0,this.originY=0}},t.prototype.decomposeTransform=function(){if(this.transform){var t=this.parent,e=this.transform;t&&t.transform&&(t.invTransform=t.invTransform||[1,0,0,1,0,0],we(Ir,t.invTransform,e),e=Ir);var n=this.originX,i=this.originY;(n||i)&&(Tr[4]=n,Tr[5]=i,we(Ir,e,Tr),Ir[4]-=n,Ir[5]-=i,e=Ir),this.setLocalTransform(e)}},t.prototype.getGlobalScale=function(t){var e=this.transform;return t=t||[],e?(t[0]=Math.sqrt(e[0]*e[0]+e[1]*e[1]),t[1]=Math.sqrt(e[2]*e[2]+e[3]*e[3]),e[0]<0&&(t[0]=-t[0]),e[3]<0&&(t[1]=-t[1]),t):(t[0]=1,t[1]=1,t)},t.prototype.transformCoordToLocal=function(t,e){var n=[t,e],i=this.invTransform;return i&&Ht(n,n,i),n},t.prototype.transformCoordToGlobal=function(t,e){var n=[t,e],i=this.transform;return i&&Ht(n,n,i),n},t.prototype.getLineScale=function(){var t=this.transform;return t&&Cr(t[0]-1)>1e-10&&Cr(t[3]-1)>1e-10?Math.sqrt(Cr(t[0]*t[3]-t[2]*t[1])):1},t.prototype.copyTransform=function(t){kr(this,t)},t.getLocalTransform=function(t,e){e=e||[];var n=t.originX||0,i=t.originY||0,r=t.scaleX,o=t.scaleY,a=t.anchorX,s=t.anchorY,l=t.rotation||0,u=t.x,c=t.y,h=t.skewX?Math.tan(t.skewX):0,d=t.skewY?Math.tan(-t.skewY):0;if(n||i||a||s){var p=n+a,f=i+s;e[4]=-p*r-h*f*o,e[5]=-f*o-d*p*r}else e[4]=e[5]=0;return e[0]=r,e[3]=o,e[1]=d*r,e[2]=h*o,l&&Me(e,e,l),e[4]+=n+u,e[5]+=i+c,e},t.initDefaultProps=((e=t.prototype).scaleX=e.scaleY=e.globalScaleRatio=1,void(e.x=e.y=e.originX=e.originY=e.skewX=e.skewY=e.rotation=e.anchorX=e.anchorY=0)),t}(),Ar=["x","y","originX","originY","anchorX","anchorY","rotation","scaleX","scaleY","skewX","skewY"];function kr(t,e){for(var n=0;n<Ar.length;n++){var i=Ar[n];t[i]=e[i]}}function Lr(t){Sr||(Sr=new Xn(100)),t=t||a;var e=Sr.get(t);return e||(e={font:t,strWidthCache:new Xn(500),asciiWidthMap:null,asciiWidthMapTried:!1,stWideCharWidth:c.measureText("国",t).width,asciiCharWidth:c.measureText("a",t).width},Sr.put(t,e)),e}var Pr=0,Or=5;function Rr(t,e){return t.asciiWidthMapTried||(t.asciiWidthMap=function(t){if(!(Pr>=Or)){t=t||a;for(var e=[],n=+new Date,i=0;i<=127;i++)e[i]=c.measureText(String.fromCharCode(i),t).width;var r=+new Date-n;return r>16?Pr=Or:r>2&&Pr++,e}}(t.font),t.asciiWidthMapTried=!0),0<=e&&e<=127?null!=t.asciiWidthMap?t.asciiWidthMap[e]:t.asciiCharWidth:t.stWideCharWidth}function Nr(t,e){var n=t.strWidthCache,i=n.get(e);return null==i&&(i=c.measureText(e,t.font).width,n.put(e,i)),i}function zr(t,e,n,i){var r=Nr(Lr(e),t),o=Gr(e),a=Br(0,r,n),s=Vr(0,o,i);return new He(a,s,r,o)}function Er(t,e,n,i){var r=((t||"")+"").split("\n");if(1===r.length)return zr(r[0],e,n,i);for(var o=new He(0,0,0,0),a=0;a<r.length;a++){var s=zr(r[a],e,n,i);0===a?o.copy(s):o.union(s)}return o}function Br(t,e,n,i){return"right"===n?i?t+=e:t-=e:"center"===n&&(i?t+=e/2:t-=e/2),t}function Vr(t,e,n,i){return"middle"===n?i?t+=e/2:t-=e/2:"bottom"===n&&(i?t+=e:t-=e),t}function Gr(t){return Lr(t).stWideCharWidth}function Fr(t,e){return"string"==typeof t?t.lastIndexOf("%")>=0?parseFloat(t)/100*e:parseFloat(t):t}function Wr(t,e,n){var i=e.position||"inside",r=null!=e.distance?e.distance:5,o=n.height,a=n.width,s=o/2,l=n.x,u=n.y,c="left",h="top";if(i instanceof Array)l+=Fr(i[0],n.width),u+=Fr(i[1],n.height),c=null,h=null;else switch(i){case"left":l-=r,u+=s,c="right",h="middle";break;case"right":l+=r+a,u+=s,h="middle";break;case"top":l+=a/2,u-=r,c="center",h="bottom";break;case"bottom":l+=a/2,u+=o+r,c="center";break;case"inside":l+=a/2,u+=s,c="center",h="middle";break;case"insideLeft":l+=r,u+=s,h="middle";break;case"insideRight":l+=a-r,u+=s,c="right",h="middle";break;case"insideTop":l+=a/2,u+=r,c="center";break;case"insideBottom":l+=a/2,u+=o-r,c="center",h="bottom";break;case"insideTopLeft":l+=r,u+=r;break;case"insideTopRight":l+=a-r,u+=r,c="right";break;case"insideBottomLeft":l+=r,u+=o-r,h="bottom";break;case"insideBottomRight":l+=a-r,u+=o-r,c="right",h="bottom"}return(t=t||{}).x=l,t.y=u,t.align=c,t.verticalAlign=h,t}var Hr="__zr_normal__",Ur=Ar.concat(["ignore"]),Yr=B(Ar,(function(t,e){return t[e]=!0,t}),{ignore:!1}),Xr={},Zr=new He(0,0,0,0),jr=[],qr=function(){function t(t){this.id=M(),this.animators=[],this.currentStates=[],this.states={},this._init(t)}return t.prototype._init=function(t){this.attr(t)},t.prototype.drift=function(t,e,n){switch(this.draggable){case"horizontal":e=0;break;case"vertical":t=0}var i=this.transform;i||(i=this.transform=[1,0,0,1,0,0]),i[4]+=t,i[5]+=e,this.decomposeTransform(),this.markRedraw()},t.prototype.beforeUpdate=function(){},t.prototype.afterUpdate=function(){},t.prototype.update=function(){this.updateTransform(),this.__dirty&&this.updateInnerText()},t.prototype.updateInnerText=function(t){var e=this._textContent;if(e&&(!e.ignore||t)){this.textConfig||(this.textConfig={});var n=this.textConfig,i=n.local,r=e.innerTransformable,o=void 0,a=void 0,s=!1;r.parent=i?this:null;var l=!1;r.copyTransform(e);var u=null!=n.position,c=n.autoOverflowArea,h=void 0;if((c||u)&&(h=Zr,n.layoutRect?h.copy(n.layoutRect):h.copy(this.getBoundingRect()),i||h.applyTransform(this.transform)),u){this.calculateTextPosition?this.calculateTextPosition(Xr,n,h):Wr(Xr,n,h),r.x=Xr.x,r.y=Xr.y,o=Xr.align,a=Xr.verticalAlign;var d=n.origin;if(d&&null!=n.rotation){var p=void 0,f=void 0;"center"===d?(p=.5*h.width,f=.5*h.height):(p=Fr(d[0],h.width),f=Fr(d[1],h.height)),l=!0,r.originX=-r.x+p+(i?0:h.x),r.originY=-r.y+f+(i?0:h.y)}}null!=n.rotation&&(r.rotation=n.rotation);var g=n.offset;g&&(r.x+=g[0],r.y+=g[1],l||(r.originX=-g[0],r.originY=-g[1]));var y=this._innerTextDefaultStyle||(this._innerTextDefaultStyle={});if(c){var v=y.overflowRect=y.overflowRect||new He(0,0,0,0);r.getLocalTransform(jr),Te(jr,jr),He.copy(v,h),v.applyTransform(jr)}else y.overflowRect=null;var m=void 0,x=void 0,_=void 0;(null==n.inside?"string"==typeof n.position&&n.position.indexOf("inside")>=0:n.inside)&&this.canBeInsideText()?(m=n.insideFill,x=n.insideStroke,null!=m&&"auto"!==m||(m=this.getInsideTextFill()),null!=x&&"auto"!==x||(x=this.getInsideTextStroke(m),_=!0)):(m=n.outsideFill,x=n.outsideStroke,null!=m&&"auto"!==m||(m=this.getOutsideFill()),null!=x&&"auto"!==x||(x=this.getOutsideStroke(m),_=!0)),(m=m||"#000")===y.fill&&x===y.stroke&&_===y.autoStroke&&o===y.align&&a===y.verticalAlign||(s=!0,y.fill=m,y.stroke=x,y.autoStroke=_,y.align=o,y.verticalAlign=a,e.setDefaultTextStyle(y)),e.__dirty|=1,s&&e.dirtyStyle(!0)}},t.prototype.canBeInsideText=function(){return!0},t.prototype.getInsideTextFill=function(){return"#fff"},t.prototype.getInsideTextStroke=function(t){return"#000"},t.prototype.getOutsideFill=function(){return this.__zr&&this.__zr.isDarkMode()?xr:mr},t.prototype.getOutsideStroke=function(t){var e=this.__zr&&this.__zr.getBackgroundColor(),n="string"==typeof e&&oi(e);n||(n=[255,255,255,1]);for(var i=n[3],r=this.__zr.isDarkMode(),o=0;o<3;o++)n[o]=n[o]*i+(r?0:255)*(1-i);return n[3]=1,fi(n,"rgba")},t.prototype.traverse=function(t,e){},t.prototype.attrKV=function(t,e){"textConfig"===t?this.setTextConfig(e):"textContent"===t?this.setTextContent(e):"clipPath"===t?this.setClipPath(e):"extra"===t?(this.extra=this.extra||{},A(this.extra,e)):this[t]=e},t.prototype.hide=function(){this.ignore=!0,this.markRedraw()},t.prototype.show=function(){this.ignore=!1,this.markRedraw()},t.prototype.attr=function(t,e){if("string"==typeof t)this.attrKV(t,e);else if(q(t))for(var n=F(t),i=0;i<n.length;i++){var r=n[i];this.attrKV(r,t[r])}return this.markRedraw(),this},t.prototype.saveCurrentToNormalState=function(t){this._innerSaveToNormal(t);for(var e=this._normalState,n=0;n<this.animators.length;n++){var i=this.animators[n],r=i.__fromStateTransition;if(!(i.getLoop()||r&&r!==Hr)){var o=i.targetName,a=o?e[o]:e;i.saveTo(a)}}},t.prototype._innerSaveToNormal=function(t){var e=this._normalState;e||(e=this._normalState={}),t.textConfig&&!e.textConfig&&(e.textConfig=this.textConfig),this._savePrimaryToNormal(t,e,Ur)},t.prototype._savePrimaryToNormal=function(t,e,n){for(var i=0;i<n.length;i++){var r=n[i];null==t[r]||r in e||(e[r]=this[r])}},t.prototype.hasState=function(){return this.currentStates.length>0},t.prototype.getState=function(t){return this.states[t]},t.prototype.ensureState=function(t){var e=this.states;return e[t]||(e[t]={}),e[t]},t.prototype.clearStates=function(t){this.useState(Hr,!1,t)},t.prototype.useState=function(t,e,n,i){var r=t===Hr;if(this.hasState()||!r){var o=this.currentStates,a=this.stateTransition;if(!(P(o,t)>=0)||!e&&1!==o.length){var s;if(this.stateProxy&&!r&&(s=this.stateProxy(t)),s||(s=this.states&&this.states[t]),s||r){r||this.saveCurrentToNormalState(s);var l=!!(s&&s.hoverLayer||i);l&&this._toggleHoverLayerFlag(!0),this._applyStateObj(t,s,this._normalState,e,!n&&!this.__inHover&&a&&a.duration>0,a);var u=this._textContent,c=this._textGuide;return u&&u.useState(t,e,n,l),c&&c.useState(t,e,n,l),r?(this.currentStates=[],this._normalState={}):e?this.currentStates.push(t):this.currentStates=[t],this._updateAnimationTargets(),this.markRedraw(),!l&&this.__inHover&&(this._toggleHoverLayerFlag(!1),this.__dirty&=-2),s}I("State "+t+" not exists.")}}},t.prototype.useStates=function(t,e,n){if(t.length){var i=[],r=this.currentStates,o=t.length,a=o===r.length;if(a)for(var s=0;s<o;s++)if(t[s]!==r[s]){a=!1;break}if(a)return;for(s=0;s<o;s++){var l=t[s],u=void 0;this.stateProxy&&(u=this.stateProxy(l,t)),u||(u=this.states[l]),u&&i.push(u)}var c=i[o-1],h=!!(c&&c.hoverLayer||n);h&&this._toggleHoverLayerFlag(!0);var d=this._mergeStates(i),p=this.stateTransition;this.saveCurrentToNormalState(d),this._applyStateObj(t.join(","),d,this._normalState,!1,!e&&!this.__inHover&&p&&p.duration>0,p);var f=this._textContent,g=this._textGuide;f&&f.useStates(t,e,h),g&&g.useStates(t,e,h),this._updateAnimationTargets(),this.currentStates=t.slice(),this.markRedraw(),!h&&this.__inHover&&(this._toggleHoverLayerFlag(!1),this.__dirty&=-2)}else this.clearStates()},t.prototype.isSilent=function(){for(var t=this;t;){if(t.silent)return!0;var e=t.__hostTarget;t=e?t.ignoreHostSilent?null:e:t.parent}return!1},t.prototype._updateAnimationTargets=function(){for(var t=0;t<this.animators.length;t++){var e=this.animators[t];e.targetName&&e.changeTarget(this[e.targetName])}},t.prototype.removeState=function(t){var e=P(this.currentStates,t);if(e>=0){var n=this.currentStates.slice();n.splice(e,1),this.useStates(n)}},t.prototype.replaceState=function(t,e,n){var i=this.currentStates.slice(),r=P(i,t),o=P(i,e)>=0;r>=0?o?i.splice(r,1):i[r]=e:n&&!o&&i.push(e),this.useStates(i)},t.prototype.toggleState=function(t,e){e?this.useState(t,!0):this.removeState(t)},t.prototype._mergeStates=function(t){for(var e,n={},i=0;i<t.length;i++){var r=t[i];A(n,r),r.textConfig&&A(e=e||{},r.textConfig)}return e&&(n.textConfig=e),n},t.prototype._applyStateObj=function(t,e,n,i,r,o){var a=!(e&&i);e&&e.textConfig?(this.textConfig=A({},i?this.textConfig:n.textConfig),A(this.textConfig,e.textConfig)):a&&n.textConfig&&(this.textConfig=n.textConfig);for(var s={},l=!1,u=0;u<Ur.length;u++){var c=Ur[u],h=r&&Yr[c];e&&null!=e[c]?h?(l=!0,s[c]=e[c]):this[c]=e[c]:a&&null!=n[c]&&(h?(l=!0,s[c]=n[c]):this[c]=n[c])}if(!r)for(u=0;u<this.animators.length;u++){var d=this.animators[u],p=d.targetName;d.getLoop()||d.__changeFinalValue(p?(e||n)[p]:e||n)}l&&this._transitionState(t,s,o)},t.prototype._attachComponent=function(t){if((!t.__zr||t.__hostTarget)&&t!==this){var e=this.__zr;e&&t.addSelfToZr(e),t.__zr=e,t.__hostTarget=this}},t.prototype._detachComponent=function(t){t.__zr&&t.removeSelfFromZr(t.__zr),t.__zr=null,t.__hostTarget=null},t.prototype.getClipPath=function(){return this._clipPath},t.prototype.setClipPath=function(t){this._clipPath&&this._clipPath!==t&&this.removeClipPath(),this._attachComponent(t),this._clipPath=t,this.markRedraw()},t.prototype.removeClipPath=function(){var t=this._clipPath;t&&(this._detachComponent(t),this._clipPath=null,this.markRedraw())},t.prototype.getTextContent=function(){return this._textContent},t.prototype.setTextContent=function(t){var e=this._textContent;e!==t&&(e&&e!==t&&this.removeTextContent(),t.innerTransformable=new Dr,this._attachComponent(t),this._textContent=t,this.markRedraw())},t.prototype.setTextConfig=function(t){this.textConfig||(this.textConfig={}),A(this.textConfig,t),this.markRedraw()},t.prototype.removeTextConfig=function(){this.textConfig=null,this.markRedraw()},t.prototype.removeTextContent=function(){var t=this._textContent;t&&(t.innerTransformable=null,this._detachComponent(t),this._textContent=null,this._innerTextDefaultStyle=null,this.markRedraw())},t.prototype.getTextGuideLine=function(){return this._textGuide},t.prototype.setTextGuideLine=function(t){this._textGuide&&this._textGuide!==t&&this.removeTextGuideLine(),this._attachComponent(t),this._textGuide=t,this.markRedraw()},t.prototype.removeTextGuideLine=function(){var t=this._textGuide;t&&(this._detachComponent(t),this._textGuide=null,this.markRedraw())},t.prototype.markRedraw=function(){this.__dirty|=1;var t=this.__zr;t&&(this.__inHover?t.refreshHover():t.refresh()),this.__hostTarget&&this.__hostTarget.markRedraw()},t.prototype.dirty=function(){this.markRedraw()},t.prototype._toggleHoverLayerFlag=function(t){this.__inHover=t;var e=this._textContent,n=this._textGuide;e&&(e.__inHover=t),n&&(n.__inHover=t)},t.prototype.addSelfToZr=function(t){if(this.__zr!==t){this.__zr=t;var e=this.animators;if(e)for(var n=0;n<e.length;n++)t.animation.addAnimator(e[n]);this._clipPath&&this._clipPath.addSelfToZr(t),this._textContent&&this._textContent.addSelfToZr(t),this._textGuide&&this._textGuide.addSelfToZr(t)}},t.prototype.removeSelfFromZr=function(t){if(this.__zr){this.__zr=null;var e=this.animators;if(e)for(var n=0;n<e.length;n++)t.animation.removeAnimator(e[n]);this._clipPath&&this._clipPath.removeSelfFromZr(t),this._textContent&&this._textContent.removeSelfFromZr(t),this._textGuide&&this._textGuide.removeSelfFromZr(t)}},t.prototype.animate=function(t,e,n){var i=t?this[t]:this;var r=new ji(i,e,n);return t&&(r.targetName=t),this.addAnimator(r,t),r},t.prototype.addAnimator=function(t,e){var n=this.__zr,i=this;t.during((function(){i.updateDuringAnimation(e)})).done((function(){var e=i.animators,n=P(e,t);n>=0&&e.splice(n,1)})),this.animators.push(t),n&&n.animation.addAnimator(t),n&&n.wakeUp()},t.prototype.updateDuringAnimation=function(t){this.markRedraw()},t.prototype.stopAnimation=function(t,e){for(var n=this.animators,i=n.length,r=[],o=0;o<i;o++){var a=n[o];t&&t!==a.scope?r.push(a):a.stop(e)}return this.animators=r,this},t.prototype.animateTo=function(t,e,n){Kr(this,t,e,n)},t.prototype.animateFrom=function(t,e,n){Kr(this,t,e,n,!0)},t.prototype._transitionState=function(t,e,n,i){for(var r=Kr(this,e,n,i),o=0;o<r.length;o++)r[o].__fromStateTransition=t},t.prototype.getBoundingRect=function(){return null},t.prototype.getPaintRect=function(){return null},t.initDefaultProps=function(){var e=t.prototype;e.type="element",e.name="",e.ignore=e.silent=e.ignoreHostSilent=e.isGroup=e.draggable=e.dragging=e.ignoreClip=e.__inHover=!1,e.__dirty=1;function n(t,n,i,r){function o(t,e){Object.defineProperty(e,0,{get:function(){return t[i]},set:function(e){t[i]=e}}),Object.defineProperty(e,1,{get:function(){return t[r]},set:function(e){t[r]=e}})}Object.defineProperty(e,t,{get:function(){this[n]||o(this,this[n]=[]);return this[n]},set:function(t){this[i]=t[0],this[r]=t[1],this[n]=t,o(this,t)}})}Object.defineProperty&&(n("position","_legacyPos","x","y"),n("scale","_legacyScale","scaleX","scaleY"),n("origin","_legacyOrigin","originX","originY"))}(),t}();function Kr(t,e,n,i,r){var o=[];Qr(t,"",t,e,n=n||{},i,o,r);var a=o.length,s=!1,l=n.done,u=n.aborted,c=function(){s=!0,--a<=0&&(s?l&&l():u&&u())},h=function(){--a<=0&&(s?l&&l():u&&u())};a||l&&l(),o.length>0&&n.during&&o[0].during((function(t,e){n.during(e)}));for(var d=0;d<o.length;d++){var p=o[d];c&&p.done(c),h&&p.aborted(h),n.force&&p.duration(n.duration),p.start(n.easing)}return o}function $r(t,e,n){for(var i=0;i<n;i++)t[i]=e[i]}function Jr(t,e,n){if(N(e[n]))if(N(t[n])||(t[n]=[]),$(e[n])){var i=e[n].length;t[n].length!==i&&(t[n]=new e[n].constructor(i),$r(t[n],e[n],i))}else{var r=e[n],o=t[n],a=r.length;if(N(r[0]))for(var s=r[0].length,l=0;l<a;l++)o[l]?$r(o[l],r[l],s):o[l]=Array.prototype.slice.call(r[l]);else $r(o,r,a);o.length=r.length}else t[n]=e[n]}function Qr(t,e,n,i,r,o,a,s){for(var l=F(i),u=r.duration,c=r.delay,h=r.additive,d=r.setToFinal,p=!q(o),f=t.animators,g=[],y=0;y<l.length;y++){var v=l[y],m=i[v];if(null!=m&&null!=n[v]&&(p||o[v]))if(!q(m)||N(m)||Q(m))g.push(v);else{if(e){s||(n[v]=m,t.updateDuringAnimation(e));continue}Qr(t,v,n[v],m,r,o&&o[v],a,s)}else s||(n[v]=m,t.updateDuringAnimation(e),g.push(v))}var x=g.length;if(!h&&x)for(var _=0;_<f.length;_++){if((w=f[_]).targetName===e)if(w.stopTracks(g)){var b=P(f,w);f.splice(b,1)}}if(r.force||(g=V(g,(function(t){return e=i[t],r=n[t],!(e===r||N(e)&&N(r)&&function(t,e){var n=t.length;if(n!==e.length)return!1;for(var i=0;i<n;i++)if(t[i]!==e[i])return!1;return!0}(e,r));var e,r})),x=g.length),x>0||r.force&&!a.length){var w,S=void 0,M=void 0,I=void 0;if(s){M={},d&&(S={});for(_=0;_<x;_++){M[v=g[_]]=n[v],d?S[v]=i[v]:n[v]=i[v]}}else if(d){I={};for(_=0;_<x;_++){I[v=g[_]]=Wi(n[v]),Jr(n,i,v)}}(w=new ji(n,!1,!1,h?V(f,(function(t){return t.targetName===e})):null)).targetName=e,r.scope&&(w.scope=r.scope),d&&S&&w.whenWithKeys(0,S,g),I&&w.whenWithKeys(0,I,g),w.whenWithKeys(null==u?500:u,s?M:i,g).delay(c||0),t.addAnimator(w,e),a.push(w)}}R(qr,qt),R(qr,Dr);var to=function(t){function e(e){var n=t.call(this)||this;return n.isGroup=!0,n._children=[],n.attr(e),n}return n(e,t),e.prototype.childrenRef=function(){return this._children},e.prototype.children=function(){return this._children.slice()},e.prototype.childAt=function(t){return this._children[t]},e.prototype.childOfName=function(t){for(var e=this._children,n=0;n<e.length;n++)if(e[n].name===t)return e[n]},e.prototype.childCount=function(){return this._children.length},e.prototype.add=function(t){return t&&t!==this&&t.parent!==this&&(this._children.push(t),this._doAdd(t)),this},e.prototype.addBefore=function(t,e){if(t&&t!==this&&t.parent!==this&&e&&e.parent===this){var n=this._children,i=n.indexOf(e);i>=0&&(n.splice(i,0,t),this._doAdd(t))}return this},e.prototype.replace=function(t,e){var n=P(this._children,t);return n>=0&&this.replaceAt(e,n),this},e.prototype.replaceAt=function(t,e){var n=this._children,i=n[e];if(t&&t!==this&&t.parent!==this&&t!==i){n[e]=t,i.parent=null;var r=this.__zr;r&&i.removeSelfFromZr(r),this._doAdd(t)}return this},e.prototype._doAdd=function(t){t.parent&&t.parent.remove(t),t.parent=this;var e=this.__zr;e&&e!==t.__zr&&t.addSelfToZr(e),e&&e.refresh()},e.prototype.remove=function(t){var e=this.__zr,n=this._children,i=P(n,t);return i<0||(n.splice(i,1),t.parent=null,e&&t.removeSelfFromZr(e),e&&e.refresh()),this},e.prototype.removeAll=function(){for(var t=this._children,e=this.__zr,n=0;n<t.length;n++){var i=t[n];e&&i.removeSelfFromZr(e),i.parent=null}return t.length=0,this},e.prototype.eachChild=function(t,e){for(var n=this._children,i=0;i<n.length;i++){var r=n[i];t.call(e,r,i)}return this},e.prototype.traverse=function(t,e){for(var n=0;n<this._children.length;n++){var i=this._children[n],r=t.call(e,i);i.isGroup&&!r&&i.traverse(t,e)}return this},e.prototype.addSelfToZr=function(e){t.prototype.addSelfToZr.call(this,e);for(var n=0;n<this._children.length;n++){this._children[n].addSelfToZr(e)}},e.prototype.removeSelfFromZr=function(e){t.prototype.removeSelfFromZr.call(this,e);for(var n=0;n<this._children.length;n++){this._children[n].removeSelfFromZr(e)}},e.prototype.getBoundingRect=function(t){for(var e=new He(0,0,0,0),n=t||this._children,i=[],r=null,o=0;o<n.length;o++){var a=n[o];if(!a.ignore&&!a.invisible){var s=a.getBoundingRect(),l=a.getLocalTransform(i);l?(He.applyTransform(e,s,l),(r=r||e.clone()).union(e)):(r=r||s.clone()).union(s)}}return r||e},e}(qr);to.prototype.type="group";
+/*!
+    * ZRender, a high performance 2d drawing library.
+    *
+    * Copyright (c) 2013, Baidu Inc.
+    * All rights reserved.
+    *
+    * LICENSE
+    * https://github.com/ecomfe/zrender/blob/master/LICENSE.txt
+    */
+var eo={},no={};var io,ro=function(){function t(t,e,n){var i=this;this._sleepAfterStill=10,this._stillFrameAccum=0,this._needsRefresh=!0,this._needsRefreshHover=!0,this._darkMode=!1,n=n||{},this.dom=e,this.id=t;var o=new fn,a=n.renderer||"canvas";eo[a]||(a=F(eo)[0]),n.useDirtyRect=null!=n.useDirtyRect&&n.useDirtyRect;var s=new eo[a](e,o,n,t),l=n.ssr||s.ssrOnly;this.storage=o,this.painter=s;var u,c=r.node||r.worker||l?null:new gr(s.getViewportRoot(),s.root),h=n.useCoarsePointer;(null==h||"auto"===h?r.touchEventsSupported:!!h)&&(u=rt(n.pointerSize,44)),this.handler=new tn(o,s,c,s.root,u),this.animation=new Ji({stage:{update:l?null:function(){return i._flush(!0)}}}),l||this.animation.start()}return t.prototype.add=function(t){!this._disposed&&t&&(this.storage.addRoot(t),t.addSelfToZr(this),this.refresh())},t.prototype.remove=function(t){!this._disposed&&t&&(this.storage.delRoot(t),t.removeSelfFromZr(this),this.refresh())},t.prototype.configLayer=function(t,e){this._disposed||(this.painter.configLayer&&this.painter.configLayer(t,e),this.refresh())},t.prototype.setBackgroundColor=function(t){this._disposed||(this.painter.setBackgroundColor&&this.painter.setBackgroundColor(t),this.refresh(),this._backgroundColor=t,this._darkMode=function(t){if(!t)return!1;if("string"==typeof t)return gi(t,1)<.4;if(t.colorStops){for(var e=t.colorStops,n=0,i=e.length,r=0;r<i;r++)n+=gi(e[r].color,1);return(n/=i)<.4}return!1}(t))},t.prototype.getBackgroundColor=function(){return this._backgroundColor},t.prototype.setDarkMode=function(t){this._darkMode=t},t.prototype.isDarkMode=function(){return this._darkMode},t.prototype.refreshImmediately=function(t){this._disposed||(t||this.animation.update(!0),this._needsRefresh=!1,this.painter.refresh(),this._needsRefresh=!1)},t.prototype.refresh=function(){this._disposed||(this._needsRefresh=!0,this.animation.start())},t.prototype.flush=function(){this._disposed||this._flush(!1)},t.prototype._flush=function(t){var e,n=qi();this._needsRefresh&&(e=!0,this.refreshImmediately(t)),this._needsRefreshHover&&(e=!0,this.refreshHoverImmediately());var i=qi();e?(this._stillFrameAccum=0,this.trigger("rendered",{elapsedTime:i-n})):this._sleepAfterStill>0&&(this._stillFrameAccum++,this._stillFrameAccum>this._sleepAfterStill&&this.animation.stop())},t.prototype.setSleepAfterStill=function(t){this._sleepAfterStill=t},t.prototype.wakeUp=function(){this._disposed||(this.animation.start(),this._stillFrameAccum=0)},t.prototype.refreshHover=function(){this._needsRefreshHover=!0},t.prototype.refreshHoverImmediately=function(){this._disposed||(this._needsRefreshHover=!1,this.painter.refreshHover&&"canvas"===this.painter.getType()&&this.painter.refreshHover())},t.prototype.resize=function(t){this._disposed||(t=t||{},this.painter.resize(t.width,t.height),this.handler.resize())},t.prototype.clearAnimation=function(){this._disposed||this.animation.clear()},t.prototype.getWidth=function(){if(!this._disposed)return this.painter.getWidth()},t.prototype.getHeight=function(){if(!this._disposed)return this.painter.getHeight()},t.prototype.setCursorStyle=function(t){this._disposed||this.handler.setCursorStyle(t)},t.prototype.findHover=function(t,e){if(!this._disposed)return this.handler.findHover(t,e)},t.prototype.on=function(t,e,n){return this._disposed||this.handler.on(t,e,n),this},t.prototype.off=function(t,e){this._disposed||this.handler.off(t,e)},t.prototype.trigger=function(t,e){this._disposed||this.handler.trigger(t,e)},t.prototype.clear=function(){if(!this._disposed){for(var t=this.storage.getRoots(),e=0;e<t.length;e++)t[e]instanceof to&&t[e].removeSelfFromZr(this);this.storage.delAllRoots(),this.painter.clear()}},t.prototype.dispose=function(){var t;this._disposed||(this.animation.stop(),this.clear(),this.storage.dispose(),this.painter.dispose(),this.handler.dispose(),this.animation=this.storage=this.painter=this.handler=null,this._disposed=!0,t=this.id,delete no[t])},t}();function oo(t,e){var n=new ro(M(),t,e);return no[n.id]=n,n}function ao(t,e){eo[t]=e}function so(t){if("function"==typeof io)return io(t)}function lo(t){io=t}var uo=Object.freeze({__proto__:null,init:oo,dispose:function(t){t.dispose()},disposeAll:function(){for(var t in no)no.hasOwnProperty(t)&&no[t].dispose();no={}},getInstance:function(t){return no[t]},registerPainter:ao,getElementSSRData:so,registerSSRDataGetter:lo,version:"6.0.0"}),co=1e-4;var ho=Math.min,po=Math.max,fo=Math.abs;function go(t,e,n,i){var r=e[0],o=e[1],a=n[0],s=n[1],l=o-r,u=s-a;if(0===l)return 0===u?a:(a+s)/2;if(i)if(l>0){if(t<=r)return a;if(t>=o)return s}else{if(t>=r)return a;if(t<=o)return s}else{if(t===r)return a;if(t===o)return s}return(t-r)/l*u+a}var yo=function(t,e,n){switch(t){case"center":case"middle":t="50%";break;case"left":case"top":t="0%";break;case"right":case"bottom":t="100%"}return vo(t,e,n)};function vo(t,e,n){return X(t)?(i=t,i.replace(/^\s+|\s+$/g,"")).match(/%$/)?parseFloat(t)/100*e+(n||0):parseFloat(t):null==t?NaN:+t;var i}function mo(t,e,n){return null==e&&(e=10),e=Math.min(Math.max(0,e),20),t=(+t).toFixed(e),n?t:+t}function xo(t){return t.sort((function(t,e){return t-e})),t}function _o(t){if(t=+t,isNaN(t))return 0;if(t>1e-14)for(var e=1,n=0;n<15;n++,e*=10)if(Math.round(t*e)/e===t)return n;return bo(t)}function bo(t){var e=t.toString().toLowerCase(),n=e.indexOf("e"),i=n>0?+e.slice(n+1):0,r=n>0?n:e.length,o=e.indexOf("."),a=o<0?0:r-1-o;return Math.max(0,a-i)}function wo(t,e){var n=Math.log,i=Math.LN10,r=Math.floor(n(t[1]-t[0])/i),o=Math.round(n(fo(e[1]-e[0]))/i),a=Math.min(Math.max(-r+o,0),20);return isFinite(a)?a:20}function So(t,e){var n=B(t,(function(t,e){return t+(isNaN(e)?0:e)}),0);if(0===n)return[];for(var i=Math.pow(10,e),r=E(t,(function(t){return(isNaN(t)?0:t)/n*i*100})),o=100*i,a=E(r,(function(t){return Math.floor(t)})),s=B(a,(function(t,e){return t+e}),0),l=E(r,(function(t,e){return t-a[e]}));s<o;){for(var u=Number.NEGATIVE_INFINITY,c=null,h=0,d=l.length;h<d;++h)l[h]>u&&(u=l[h],c=h);++a[c],l[c]=0,++s}return E(a,(function(t){return t/i}))}function Mo(t,e){var n=Math.max(_o(t),_o(e)),i=t+e;return n>20?i:mo(i,n)}var Io=9007199254740991;function To(t){var e=2*Math.PI;return(t%e+e)%e}function Co(t){return t>-1e-4&&t<co}var Do=/^(?:(\d{4})(?:[-\/](\d{1,2})(?:[-\/](\d{1,2})(?:[T ](\d{1,2})(?::(\d{1,2})(?::(\d{1,2})(?:[.,](\d+))?)?)?(Z|[\+\-]\d\d:?\d\d)?)?)?)?)?$/;function Ao(t){if(t instanceof Date)return t;if(X(t)){var e=Do.exec(t);if(!e)return new Date(NaN);if(e[8]){var n=+e[4]||0;return"Z"!==e[8].toUpperCase()&&(n-=+e[8].slice(0,3)),new Date(Date.UTC(+e[1],+(e[2]||1)-1,+e[3]||1,n,+(e[5]||0),+e[6]||0,e[7]?+e[7].substring(0,3):0))}return new Date(+e[1],+(e[2]||1)-1,+e[3]||1,+e[4]||0,+(e[5]||0),+e[6]||0,e[7]?+e[7].substring(0,3):0)}return null==t?new Date(NaN):new Date(Math.round(t))}function ko(t){return Math.pow(10,Lo(t))}function Lo(t){if(0===t)return 0;var e=Math.floor(Math.log(t)/Math.LN10);return t/Math.pow(10,e)>=10&&e++,e}function Po(t,e){var n=Lo(t),i=Math.pow(10,n),r=t/i;return t=(e?r<1.5?1:r<2.5?2:r<4?3:r<7?5:10:r<1?1:r<2?2:r<3?3:r<5?5:10)*i,n>=-20?+t.toFixed(n<0?-n:0):t}function Oo(t,e){var n=(t.length-1)*e+1,i=Math.floor(n),r=+t[i-1],o=n-i;return o?r+o*(t[i]-r):r}function Ro(t){t.sort((function(t,e){return s(t,e,0)?-1:1}));for(var e=-1/0,n=1,i=0;i<t.length;){for(var r=t[i].interval,o=t[i].close,a=0;a<2;a++)r[a]<=e&&(r[a]=e,o[a]=a?1:1-n),e=r[a],n=o[a];r[0]===r[1]&&o[0]*o[1]!=1?t.splice(i,1):i++}return t;function s(t,e,n){return t.interval[n]<e.interval[n]||t.interval[n]===e.interval[n]&&(t.close[n]-e.close[n]==(n?-1:1)||!n&&s(t,e,1))}}function No(t){var e=parseFloat(t);return e==t&&(0!==e||!X(t)||t.indexOf("x")<=0)?e:NaN}function zo(t){return!isNaN(No(t))}function Eo(){return Math.round(9*Math.random())}function Bo(t,e){return 0===e?t:Bo(e,t%e)}function Vo(t,e){return null==t?e:null==e?t:t*e/Bo(t,e)}var Go={},Fo="undefined"!=typeof console&&console.warn&&console.log;function Wo(t,e,n){if(Fo){if(n){if(Go[e])return;Go[e]=!0}console[t]("[ECharts] "+e)}}function Ho(t,e){Wo("error",t,e)}function Uo(t){0}function Yo(t){throw new Error(t)}function Xo(t,e,n){return(e-t)*n+t}var Zo="series\0",jo="\0_ec_\0";function qo(t){return t instanceof Array?t:null==t?[]:[t]}function Ko(t,e,n){if(t){t[e]=t[e]||{},t.emphasis=t.emphasis||{},t.emphasis[e]=t.emphasis[e]||{};for(var i=0,r=n.length;i<r;i++){var o=n[i];!t.emphasis[e].hasOwnProperty(o)&&t[e].hasOwnProperty(o)&&(t.emphasis[e][o]=t[e][o])}}}var $o=["fontStyle","fontWeight","fontSize","fontFamily","rich","tag","color","textBorderColor","textBorderWidth","width","height","lineHeight","align","verticalAlign","baseline","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY","textShadowColor","textShadowBlur","textShadowOffsetX","textShadowOffsetY","backgroundColor","borderColor","borderWidth","borderRadius","padding"];function Jo(t){return!q(t)||U(t)||t instanceof Date?t:t.value}function Qo(t){return q(t)&&!(t instanceof Array)}function ta(t,e,n){var i="normalMerge"===n,r="replaceMerge"===n,o="replaceAll"===n;t=t||[],e=(e||[]).slice();var a=yt();z(e,(function(t,n){q(t)||(e[n]=null)}));var s,l,u=function(t,e,n){var i=[];if("replaceAll"===n)return i;for(var r=0;r<t.length;r++){var o=t[r];o&&null!=o.id&&e.set(o.id,r),i.push({existing:"replaceMerge"===n||oa(o)?null:o,newOption:null,keyInfo:null,brandNew:null})}return i}(t,a,n);return(i||r)&&function(t,e,n,i){z(i,(function(r,o){if(r&&null!=r.id){var a=na(r.id),s=n.get(a);if(null!=s){var l=t[s];lt(!l.newOption,'Duplicated option on id "'+a+'".'),l.newOption=r,l.existing=e[s],i[o]=null}}}))}(u,t,a,e),i&&function(t,e){z(e,(function(n,i){if(n&&null!=n.name)for(var r=0;r<t.length;r++){var o=t[r].existing;if(!t[r].newOption&&o&&(null==o.id||null==n.id)&&!oa(n)&&!oa(o)&&ea("name",o,n))return t[r].newOption=n,void(e[i]=null)}}))}(u,e),i||r?function(t,e,n){z(e,(function(e){if(e){for(var i,r=0;(i=t[r])&&(i.newOption||oa(i.existing)||i.existing&&null!=e.id&&!ea("id",e,i.existing));)r++;i?(i.newOption=e,i.brandNew=n):t.push({newOption:e,brandNew:n,existing:null,keyInfo:null}),r++}}))}(u,e,r):o&&function(t,e){z(e,(function(e){t.push({newOption:e,brandNew:!0,existing:null,keyInfo:null})}))}(u,e),s=u,l=yt(),z(s,(function(t){var e=t.existing;e&&l.set(e.id,t)})),z(s,(function(t){var e=t.newOption;lt(!e||null==e.id||!l.get(e.id)||l.get(e.id)===t,"id duplicates: "+(e&&e.id)),e&&null!=e.id&&l.set(e.id,t),!t.keyInfo&&(t.keyInfo={})})),z(s,(function(t,e){var n=t.existing,i=t.newOption,r=t.keyInfo;if(q(i)){if(r.name=null!=i.name?na(i.name):n?n.name:Zo+e,n)r.id=na(n.id);else if(null!=i.id)r.id=na(i.id);else{var o=0;do{r.id="\0"+r.name+"\0"+o++}while(l.get(r.id))}l.set(r.id,t)}})),u}function ea(t,e,n){var i=ia(e[t],null),r=ia(n[t],null);return null!=i&&null!=r&&i===r}function na(t){return ia(t,"")}function ia(t,e){return null==t?e:X(t)?t:j(t)||Z(t)?t+"":e}function ra(t){var e=t.name;return!(!e||!e.indexOf(Zo))}function oa(t){return t&&null!=t.id&&0===na(t.id).indexOf(jo)}function aa(t,e){return null!=e.dataIndexInside?e.dataIndexInside:null!=e.dataIndex?U(e.dataIndex)?E(e.dataIndex,(function(e){return t.indexOfRawIndex(e)})):t.indexOfRawIndex(e.dataIndex):null!=e.name?U(e.name)?E(e.name,(function(e){return t.indexOfName(e)})):t.indexOfName(e.name):void 0}function sa(){var t="__ec_inner_"+la++;return function(e){return e[t]||(e[t]={})}}var la=Eo();function ua(t,e,n){var i=ca(e,n),r=i.mainTypeSpecified,o=i.queryOptionMap,a=i.others,s=n?n.defaultMainType:null;return!r&&s&&o.set(s,{}),o.each((function(e,i){var r=pa(t,i,e,{useDefault:s===i,enableAll:!n||null==n.enableAll||n.enableAll,enableNone:!n||null==n.enableNone||n.enableNone});a[i+"Models"]=r.models,a[i+"Model"]=r.models[0]})),a}function ca(t,e){var n;if(X(t)){var i={};i[t+"Index"]=0,n=i}else n=t;var r=yt(),o={},a=!1;return z(n,(function(t,n){if("dataIndex"!==n&&"dataIndexInside"!==n){var i=n.match(/^(\w+)(Index|Id|Name)$/)||[],s=i[1],l=(i[2]||"").toLowerCase();if(s&&l&&!(e&&e.includeMainTypes&&P(e.includeMainTypes,s)<0))a=a||!!s,(r.get(s)||r.set(s,{}))[l]=t}else o[n]=t})),{mainTypeSpecified:a,queryOptionMap:r,others:o}}var ha={useDefault:!0,enableAll:!1,enableNone:!1},da={useDefault:!1,enableAll:!0,enableNone:!0};function pa(t,e,n,i){i=i||ha;var r=n.index,o=n.id,a=n.name,s={models:null,specified:null!=r||null!=o||null!=a};if(!s.specified){var l=void 0;return s.models=i.useDefault&&(l=t.getComponent(e))?[l]:[],s}if("none"===r||!1===r){if(i.enableNone)return s.models=[],s;r=-1}return"all"===r&&(r=i.enableAll?o=a=null:-1),s.models=t.queryComponents({mainType:e,index:r,id:o,name:a}),s}function fa(t,e,n){t.setAttribute?t.setAttribute(e,n):t[e]=n}function ga(t,e){var n=yt(),i=[];return z(t,(function(t){var r=e(t);(n.get(r)||(i.push(r),n.set(r,[]))).push(t)})),{keys:i,buckets:n}}function ya(t,e,n,i,r){var o=null==e||"auto"===e;if(null==i)return i;if(j(i))return mo(f=Xo(n||0,i,r),o?Math.max(_o(n||0),_o(i)):e);if(X(i))return r<1?n:i;for(var a=[],s=n,l=i,u=Math.max(s?s.length:0,l.length),c=0;c<u;++c){var h=t.getDimensionInfo(c);if(h&&"ordinal"===h.type)a[c]=(r<1&&s?s:l)[c];else{var d=s&&s[c]?s[c]:0,p=l[c],f=Xo(d,p,r);a[c]=mo(f,o?Math.max(_o(d),_o(p)):e)}}return a}var va=function(){function t(){}return t.prototype.reset=function(t,e,n,i){return this._list=t,this._step=i=i||1,this._idx=e,this._end=null!=n?n:i>0?t.length:0,this.item=null,this.key=NaN,this},t.prototype.next=function(){return(this._step>0?this._idx<this._end:this._idx>=this._end)&&(this.item=this._list[this._idx],this.key=this._idx=this._idx+this._step,!0)},t}();function ma(t){t.option=t.parentModel=t.ecModel=null}var xa="___EC__COMPONENT__CONTAINER___",_a="___EC__EXTENDED_CLASS___";function ba(t){var e={main:"",sub:""};if(t){var n=t.split(".");e.main=n[0]||"",e.sub=n[1]||""}return e}function wa(t,e){t.$constructor=t,t.extend=function(t){var e,i,r=this;return Y(i=r)&&/^class\s/.test(Function.prototype.toString.call(i))?e=function(t){function e(){return t.apply(this,arguments)||this}return n(e,t),e}(r):(e=function(){(t.$constructor||r).apply(this,arguments)},O(e,this)),A(e.prototype,t),e[_a]=!0,e.extend=this.extend,e.superCall=Ia,e.superApply=Ta,e.superClass=r,e}}function Sa(t,e){t.extend=e.extend}var Ma=Math.round(10*Math.random());function Ia(t,e){for(var n=[],i=2;i<arguments.length;i++)n[i-2]=arguments[i];return this.superClass.prototype[e].apply(t,n)}function Ta(t,e,n){return this.superClass.prototype[e].apply(t,n)}function Ca(t){var e={};t.registerClass=function(t){var n,i=t.type||t.prototype.type;if(i){lt(/^[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)?$/.test(n=i),'componentType "'+n+'" illegal'),t.prototype.type=i;var r=ba(i);if(r.sub){if(r.sub!==xa){var o=function(t){var n=e[t.main];n&&n[xa]||((n=e[t.main]={})[xa]=!0);return n}(r);o[r.sub]=t}}else e[r.main]=t}return t},t.getClass=function(t,n,i){var r=e[t];if(r&&r[xa]&&(r=n?r[n]:null),i&&!r)throw new Error(n?"Component "+t+"."+(n||"")+" is used but not imported.":t+".type should be specified.");return r},t.getClassesByMainType=function(t){var n=ba(t),i=[],r=e[n.main];return r&&r[xa]?z(r,(function(t,e){e!==xa&&i.push(t)})):i.push(r),i},t.hasClass=function(t){var n=ba(t);return!!e[n.main]},t.getAllClassMainTypes=function(){var t=[];return z(e,(function(e,n){t.push(n)})),t},t.hasSubTypes=function(t){var n=ba(t),i=e[n.main];return i&&i[xa]}}function Da(t,e){for(var n=0;n<t.length;n++)t[n][1]||(t[n][1]=t[n][0]);return e=e||!1,function(n,i,r){for(var o={},a=0;a<t.length;a++){var s=t[a][1];if(!(i&&P(i,s)>=0||r&&P(r,s)<0)){var l=n.getShallow(s,e);null!=l&&(o[t[a][0]]=l)}}return o}}var Aa=Da([["fill","color"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["opacity"],["shadowColor"]]),ka=function(){function t(){}return t.prototype.getAreaStyle=function(t,e){return Aa(this,t,e)},t}(),La=new Xn(50);function Pa(t){if("string"==typeof t){var e=La.get(t);return e&&e.image}return t}function Oa(t,e,n,i,r){if(t){if("string"==typeof t){if(e&&e.__zrImageSrc===t||!n)return e;var o=La.get(t),a={hostEl:n,cb:i,cbPayload:r};return o?!Na(e=o.image)&&o.pending.push(a):((e=c.loadImage(t,Ra,Ra)).__zrImageSrc=t,La.put(t,e.__cachedImgObj={image:e,pending:[a]})),e}return t}return e}function Ra(){var t=this.__cachedImgObj;this.onload=this.onerror=this.__cachedImgObj=null;for(var e=0;e<t.pending.length;e++){var n=t.pending[e],i=n.cb;i&&i(this,n.cbPayload),n.hostEl.dirty()}t.pending.length=0}function Na(t){return t&&t.width&&t.height}var za=/\{([a-zA-Z0-9_]+)\|([^}]*)\}/g;function Ea(t,e,n,i,r,o){if(!n)return t.text="",void(t.isTruncated=!1);var a=(e+"").split("\n");o=Ba(n,i,r,o);for(var s=!1,l={},u=0,c=a.length;u<c;u++)Va(l,a[u],o),a[u]=l.textLine,s=s||l.isTruncated;t.text=a.join("\n"),t.isTruncated=s}function Ba(t,e,n,i){var r=A({},i=i||{});n=rt(n,"..."),r.maxIterations=rt(i.maxIterations,2);var o=r.minChar=rt(i.minChar,0),a=r.fontMeasureInfo=Lr(e),s=a.asciiCharWidth;r.placeholder=rt(i.placeholder,"");for(var l=t=Math.max(0,t-1),u=0;u<o&&l>=s;u++)l-=s;var c=Nr(a,n);return c>l&&(n="",c=0),l=t-c,r.ellipsis=n,r.ellipsisWidth=c,r.contentWidth=l,r.containerWidth=t,r}function Va(t,e,n){var i=n.containerWidth,r=n.contentWidth,o=n.fontMeasureInfo;if(!i)return t.textLine="",void(t.isTruncated=!1);var a=Nr(o,e);if(a<=i)return t.textLine=e,void(t.isTruncated=!1);for(var s=0;;s++){if(a<=r||s>=n.maxIterations){e+=n.ellipsis;break}var l=0===s?Ga(e,r,o):a>0?Math.floor(e.length*r/a):0;a=Nr(o,e=e.substr(0,l))}""===e&&(e=n.placeholder),t.textLine=e,t.isTruncated=!0}function Ga(t,e,n){for(var i=0,r=0,o=t.length;r<o&&i<e;r++)i+=Rr(n,t.charCodeAt(r));return r}var Fa=function(){},Wa=function(t){this.tokens=[],t&&(this.tokens=t)},Ha=function(){this.width=0,this.height=0,this.contentWidth=0,this.contentHeight=0,this.outerWidth=0,this.outerHeight=0,this.lines=[],this.isTruncated=!1};function Ua(t,e,n,i,r){var o,a,s=""===e,l=r&&n.rich[r]||{},u=t.lines,c=l.font||n.font,h=!1;if(i){var d=l.padding,p=d?d[1]+d[3]:0;if(null!=l.width&&"auto"!==l.width){var f=Fr(l.width,i.width)+p;u.length>0&&f+i.accumWidth>i.width&&(o=e.split("\n"),h=!0),i.accumWidth=f}else{var g=Za(e,c,i.width,i.breakAll,i.accumWidth);i.accumWidth=g.accumWidth+p,a=g.linesWidths,o=g.lines}}o||(o=e.split("\n"));for(var y=Lr(c),v=0;v<o.length;v++){var m=o[v],x=new Fa;if(x.styleName=r,x.text=m,x.isLineHolder=!m&&!s,"number"==typeof l.width?x.width=l.width:x.width=a?a[v]:Nr(y,m),v||h)u.push(new Wa([x]));else{var _=(u[u.length-1]||(u[0]=new Wa)).tokens,b=_.length;1===b&&_[0].isLineHolder?_[0]=x:(m||!b||s)&&_.push(x)}}}var Ya=B(",&?/;] ".split(""),(function(t,e){return t[e]=!0,t}),{});function Xa(t){return!function(t){var e=t.charCodeAt(0);return e>=32&&e<=591||e>=880&&e<=4351||e>=4608&&e<=5119||e>=7680&&e<=8303}(t)||!!Ya[t]}function Za(t,e,n,i,r){for(var o=[],a=[],s="",l="",u=0,c=0,h=Lr(e),d=0;d<t.length;d++){var p=t.charAt(d);if("\n"!==p){var f=Rr(h,p.charCodeAt(0)),g=!i&&!Xa(p);(o.length?c+f>n:r+c+f>n)?c?(s||l)&&(g?(s||(s=l,l="",c=u=0),o.push(s),a.push(c-u),l+=p,s="",c=u+=f):(l&&(s+=l,l="",u=0),o.push(s),a.push(c),s=p,c=f)):g?(o.push(l),a.push(u),l=p,u=f):(o.push(p),a.push(f)):(c+=f,g?(l+=p,u+=f):(l&&(s+=l,l="",u=0),s+=p))}else l&&(s+=l,c+=u),o.push(s),a.push(c),s="",l="",u=0,c=0}return l&&(s+=l),s&&(o.push(s),a.push(c)),1===o.length&&(c+=r),{accumWidth:c,lines:o,linesWidths:a}}function ja(t,e,n,i,r,o){if(t.baseX=n,t.baseY=i,t.outerWidth=t.outerHeight=null,e){var a=2*e.width,s=2*e.height;He.set(qa,Br(n,a,r),Vr(i,s,o),a,s),He.intersect(e,qa,null,Ka);var l=Ka.outIntersectRect;t.outerWidth=l.width,t.outerHeight=l.height,t.baseX=Br(l.x,l.width,r,!0),t.baseY=Vr(l.y,l.height,o,!0)}}var qa=new He(0,0,0,0),Ka={outIntersectRect:{},clamp:!0};function $a(t){return null!=t?t+="":t=""}function Ja(t,e,n,i){var r=new He(Br(t.x||0,e,t.textAlign),Vr(t.y||0,n,t.textBaseline),e,n),o=null!=i?i:Qa(t)?t.lineWidth:0;return o>0&&(r.x-=o/2,r.y-=o/2,r.width+=o,r.height+=o),r}function Qa(t){var e=t.stroke;return null!=e&&"none"!==e&&t.lineWidth>0}var ts="__zr_style_"+Math.round(10*Math.random()),es={shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,shadowColor:"#000",opacity:1,blend:"source-over"},ns={style:{shadowBlur:!0,shadowOffsetX:!0,shadowOffsetY:!0,shadowColor:!0,opacity:!0}};es[ts]=!0;var is=["z","z2","invisible"],rs=["invisible"],os=function(t){function e(e){return t.call(this,e)||this}var i;return n(e,t),e.prototype._init=function(e){for(var n=F(e),i=0;i<n.length;i++){var r=n[i];"style"===r?this.useStyle(e[r]):t.prototype.attrKV.call(this,r,e[r])}this.style||this.useStyle({})},e.prototype.beforeBrush=function(){},e.prototype.afterBrush=function(){},e.prototype.innerBeforeBrush=function(){},e.prototype.innerAfterBrush=function(){},e.prototype.shouldBePainted=function(t,e,n,i){var r=this.transform;if(this.ignore||this.invisible||0===this.style.opacity||this.culling&&function(t,e,n){as.copy(t.getBoundingRect()),t.transform&&as.applyTransform(t.transform);return ss.width=e,ss.height=n,!as.intersect(ss)}(this,t,e)||r&&!r[0]&&!r[3])return!1;if(n&&this.__clipPaths&&this.__clipPaths.length)for(var o=0;o<this.__clipPaths.length;++o)if(this.__clipPaths[o].isZeroArea())return!1;if(i&&this.parent)for(var a=this.parent;a;){if(a.ignore)return!1;a=a.parent}return!0},e.prototype.contain=function(t,e){return this.rectContain(t,e)},e.prototype.traverse=function(t,e){t.call(e,this)},e.prototype.rectContain=function(t,e){var n=this.transformCoordToLocal(t,e);return this.getBoundingRect().contain(n[0],n[1])},e.prototype.getPaintRect=function(){var t=this._paintRect;if(!this._paintRect||this.__dirty){var e=this.transform,n=this.getBoundingRect(),i=this.style,r=i.shadowBlur||0,o=i.shadowOffsetX||0,a=i.shadowOffsetY||0;t=this._paintRect||(this._paintRect=new He(0,0,0,0)),e?He.applyTransform(t,n,e):t.copy(n),(r||o||a)&&(t.width+=2*r+Math.abs(o),t.height+=2*r+Math.abs(a),t.x=Math.min(t.x,t.x+o-r),t.y=Math.min(t.y,t.y+a-r));var s=this.dirtyRectTolerance;t.isZero()||(t.x=Math.floor(t.x-s),t.y=Math.floor(t.y-s),t.width=Math.ceil(t.width+1+2*s),t.height=Math.ceil(t.height+1+2*s))}return t},e.prototype.setPrevPaintRect=function(t){t?(this._prevPaintRect=this._prevPaintRect||new He(0,0,0,0),this._prevPaintRect.copy(t)):this._prevPaintRect=null},e.prototype.getPrevPaintRect=function(){return this._prevPaintRect},e.prototype.animateStyle=function(t){return this.animate("style",t)},e.prototype.updateDuringAnimation=function(t){"style"===t?this.dirtyStyle():this.markRedraw()},e.prototype.attrKV=function(e,n){"style"!==e?t.prototype.attrKV.call(this,e,n):this.style?this.setStyle(n):this.useStyle(n)},e.prototype.setStyle=function(t,e){return"string"==typeof t?this.style[t]=e:A(this.style,t),this.dirtyStyle(),this},e.prototype.dirtyStyle=function(t){t||this.markRedraw(),this.__dirty|=2,this._rect&&(this._rect=null)},e.prototype.dirty=function(){this.dirtyStyle()},e.prototype.styleChanged=function(){return!!(2&this.__dirty)},e.prototype.styleUpdated=function(){this.__dirty&=-3},e.prototype.createStyle=function(t){return mt(es,t)},e.prototype.useStyle=function(t){t[ts]||(t=this.createStyle(t)),this.__inHover?this.__hoverStyle=t:this.style=t,this.dirtyStyle()},e.prototype.isStyleObject=function(t){return t[ts]},e.prototype._innerSaveToNormal=function(e){t.prototype._innerSaveToNormal.call(this,e);var n=this._normalState;e.style&&!n.style&&(n.style=this._mergeStyle(this.createStyle(),this.style)),this._savePrimaryToNormal(e,n,is)},e.prototype._applyStateObj=function(e,n,i,r,o,a){t.prototype._applyStateObj.call(this,e,n,i,r,o,a);var s,l=!(n&&r);if(n&&n.style?o?r?s=n.style:(s=this._mergeStyle(this.createStyle(),i.style),this._mergeStyle(s,n.style)):(s=this._mergeStyle(this.createStyle(),r?this.style:i.style),this._mergeStyle(s,n.style)):l&&(s=i.style),s)if(o){var u=this.style;if(this.style=this.createStyle(l?{}:u),l)for(var c=F(u),h=0;h<c.length;h++){(p=c[h])in s&&(s[p]=s[p],this.style[p]=u[p])}var d=F(s);for(h=0;h<d.length;h++){var p=d[h];this.style[p]=this.style[p]}this._transitionState(e,{style:s},a,this.getAnimationStyleProps())}else this.useStyle(s);var f=this.__inHover?rs:is;for(h=0;h<f.length;h++){p=f[h];n&&null!=n[p]?this[p]=n[p]:l&&null!=i[p]&&(this[p]=i[p])}},e.prototype._mergeStates=function(e){for(var n,i=t.prototype._mergeStates.call(this,e),r=0;r<e.length;r++){var o=e[r];o.style&&(n=n||{},this._mergeStyle(n,o.style))}return n&&(i.style=n),i},e.prototype._mergeStyle=function(t,e){return A(t,e),t},e.prototype.getAnimationStyleProps=function(){return ns},e.initDefaultProps=((i=e.prototype).type="displayable",i.invisible=!1,i.z=0,i.z2=0,i.zlevel=0,i.culling=!1,i.cursor="pointer",i.rectHover=!1,i.incremental=!1,i._rect=null,i.dirtyRectTolerance=0,void(i.__dirty=3)),e}(qr),as=new He(0,0,0,0),ss=new He(0,0,0,0);var ls=Math.min,us=Math.max,cs=Math.sin,hs=Math.cos,ds=2*Math.PI,ps=It(),fs=It(),gs=It();function ys(t,e,n){if(0!==t.length){for(var i=t[0],r=i[0],o=i[0],a=i[1],s=i[1],l=1;l<t.length;l++)i=t[l],r=ls(r,i[0]),o=us(o,i[0]),a=ls(a,i[1]),s=us(s,i[1]);e[0]=r,e[1]=a,n[0]=o,n[1]=s}}function vs(t,e,n,i,r,o){r[0]=ls(t,n),r[1]=ls(e,i),o[0]=us(t,n),o[1]=us(e,i)}var ms=[],xs=[];function _s(t,e,n,i,r,o,a,s,l,u){var c=Ln,h=Dn,d=c(t,n,r,a,ms);l[0]=1/0,l[1]=1/0,u[0]=-1/0,u[1]=-1/0;for(var p=0;p<d;p++){var f=h(t,n,r,a,ms[p]);l[0]=ls(f,l[0]),u[0]=us(f,u[0])}d=c(e,i,o,s,xs);for(p=0;p<d;p++){var g=h(e,i,o,s,xs[p]);l[1]=ls(g,l[1]),u[1]=us(g,u[1])}l[0]=ls(t,l[0]),u[0]=us(t,u[0]),l[0]=ls(a,l[0]),u[0]=us(a,u[0]),l[1]=ls(e,l[1]),u[1]=us(e,u[1]),l[1]=ls(s,l[1]),u[1]=us(s,u[1])}function bs(t,e,n,i,r,o,a,s){var l=En,u=Nn,c=us(ls(l(t,n,r),1),0),h=us(ls(l(e,i,o),1),0),d=u(t,n,r,c),p=u(e,i,o,h);a[0]=ls(t,r,d),a[1]=ls(e,o,p),s[0]=us(t,r,d),s[1]=us(e,o,p)}function ws(t,e,n,i,r,o,a,s,l){var u=Ut,c=Yt,h=Math.abs(r-o);if(h%ds<1e-4&&h>1e-4)return s[0]=t-n,s[1]=e-i,l[0]=t+n,void(l[1]=e+i);if(ps[0]=hs(r)*n+t,ps[1]=cs(r)*i+e,fs[0]=hs(o)*n+t,fs[1]=cs(o)*i+e,u(s,ps,fs),c(l,ps,fs),(r%=ds)<0&&(r+=ds),(o%=ds)<0&&(o+=ds),r>o&&!a?o+=ds:r<o&&a&&(r+=ds),a){var d=o;o=r,r=d}for(var p=0;p<o;p+=Math.PI/2)p>r&&(gs[0]=hs(p)*n+t,gs[1]=cs(p)*i+e,u(s,gs,s),c(l,gs,l))}var Ss={M:1,L:2,C:3,Q:4,A:5,Z:6,R:7},Ms=[],Is=[],Ts=[],Cs=[],Ds=[],As=[],ks=Math.min,Ls=Math.max,Ps=Math.cos,Os=Math.sin,Rs=Math.abs,Ns=Math.PI,zs=2*Ns,Es="undefined"!=typeof Float32Array,Bs=[];function Vs(t){return Math.round(t/Ns*1e8)/1e8%2*Ns}function Gs(t,e){var n=Vs(t[0]);n<0&&(n+=zs);var i=n-t[0],r=t[1];r+=i,!e&&r-n>=zs?r=n+zs:e&&n-r>=zs?r=n-zs:!e&&n>r?r=n+(zs-Vs(n-r)):e&&n<r&&(r=n-(zs-Vs(r-n))),t[0]=n,t[1]=r}var Fs=function(){function t(t){this.dpr=1,this._xi=0,this._yi=0,this._x0=0,this._y0=0,this._len=0,t&&(this._saveData=!1),this._saveData&&(this.data=[])}var e;return t.prototype.increaseVersion=function(){this._version++},t.prototype.getVersion=function(){return this._version},t.prototype.setScale=function(t,e,n){(n=n||0)>0&&(this._ux=Rs(n/vr/t)||0,this._uy=Rs(n/vr/e)||0)},t.prototype.setDPR=function(t){this.dpr=t},t.prototype.setContext=function(t){this._ctx=t},t.prototype.getContext=function(){return this._ctx},t.prototype.beginPath=function(){return this._ctx&&this._ctx.beginPath(),this.reset(),this},t.prototype.reset=function(){this._saveData&&(this._len=0),this._pathSegLen&&(this._pathSegLen=null,this._pathLen=0),this._version++},t.prototype.moveTo=function(t,e){return this._drawPendingPt(),this.addData(Ss.M,t,e),this._ctx&&this._ctx.moveTo(t,e),this._x0=t,this._y0=e,this._xi=t,this._yi=e,this},t.prototype.lineTo=function(t,e){var n=Rs(t-this._xi),i=Rs(e-this._yi),r=n>this._ux||i>this._uy;if(this.addData(Ss.L,t,e),this._ctx&&r&&this._ctx.lineTo(t,e),r)this._xi=t,this._yi=e,this._pendingPtDist=0;else{var o=n*n+i*i;o>this._pendingPtDist&&(this._pendingPtX=t,this._pendingPtY=e,this._pendingPtDist=o)}return this},t.prototype.bezierCurveTo=function(t,e,n,i,r,o){return this._drawPendingPt(),this.addData(Ss.C,t,e,n,i,r,o),this._ctx&&this._ctx.bezierCurveTo(t,e,n,i,r,o),this._xi=r,this._yi=o,this},t.prototype.quadraticCurveTo=function(t,e,n,i){return this._drawPendingPt(),this.addData(Ss.Q,t,e,n,i),this._ctx&&this._ctx.quadraticCurveTo(t,e,n,i),this._xi=n,this._yi=i,this},t.prototype.arc=function(t,e,n,i,r,o){this._drawPendingPt(),Bs[0]=i,Bs[1]=r,Gs(Bs,o),i=Bs[0];var a=(r=Bs[1])-i;return this.addData(Ss.A,t,e,n,n,i,a,0,o?0:1),this._ctx&&this._ctx.arc(t,e,n,i,r,o),this._xi=Ps(r)*n+t,this._yi=Os(r)*n+e,this},t.prototype.arcTo=function(t,e,n,i,r){return this._drawPendingPt(),this._ctx&&this._ctx.arcTo(t,e,n,i,r),this},t.prototype.rect=function(t,e,n,i){return this._drawPendingPt(),this._ctx&&this._ctx.rect(t,e,n,i),this.addData(Ss.R,t,e,n,i),this},t.prototype.closePath=function(){this._drawPendingPt(),this.addData(Ss.Z);var t=this._ctx,e=this._x0,n=this._y0;return t&&t.closePath(),this._xi=e,this._yi=n,this},t.prototype.fill=function(t){t&&t.fill(),this.toStatic()},t.prototype.stroke=function(t){t&&t.stroke(),this.toStatic()},t.prototype.len=function(){return this._len},t.prototype.setData=function(t){if(this._saveData){var e=t.length;this.data&&this.data.length===e||!Es||(this.data=new Float32Array(e));for(var n=0;n<e;n++)this.data[n]=t[n];this._len=e}},t.prototype.appendPath=function(t){if(this._saveData){t instanceof Array||(t=[t]);for(var e=t.length,n=0,i=this._len,r=0;r<e;r++)n+=t[r].len();var o=this.data;if(Es&&(o instanceof Float32Array||!o)&&(this.data=new Float32Array(i+n),i>0&&o))for(var a=0;a<i;a++)this.data[a]=o[a];for(r=0;r<e;r++){var s=t[r].data;for(a=0;a<s.length;a++)this.data[i++]=s[a]}this._len=i}},t.prototype.addData=function(t,e,n,i,r,o,a,s,l){if(this._saveData){var u=this.data;this._len+arguments.length>u.length&&(this._expandData(),u=this.data);for(var c=0;c<arguments.length;c++)u[this._len++]=arguments[c]}},t.prototype._drawPendingPt=function(){this._pendingPtDist>0&&(this._ctx&&this._ctx.lineTo(this._pendingPtX,this._pendingPtY),this._pendingPtDist=0)},t.prototype._expandData=function(){if(!(this.data instanceof Array)){for(var t=[],e=0;e<this._len;e++)t[e]=this.data[e];this.data=t}},t.prototype.toStatic=function(){if(this._saveData){this._drawPendingPt();var t=this.data;t instanceof Array&&(t.length=this._len,Es&&this._len>11&&(this.data=new Float32Array(t)))}},t.prototype.getBoundingRect=function(){Ts[0]=Ts[1]=Ds[0]=Ds[1]=Number.MAX_VALUE,Cs[0]=Cs[1]=As[0]=As[1]=-Number.MAX_VALUE;var t,e=this.data,n=0,i=0,r=0,o=0;for(t=0;t<this._len;){var a=e[t++],s=1===t;switch(s&&(r=n=e[t],o=i=e[t+1]),a){case Ss.M:n=r=e[t++],i=o=e[t++],Ds[0]=r,Ds[1]=o,As[0]=r,As[1]=o;break;case Ss.L:vs(n,i,e[t],e[t+1],Ds,As),n=e[t++],i=e[t++];break;case Ss.C:_s(n,i,e[t++],e[t++],e[t++],e[t++],e[t],e[t+1],Ds,As),n=e[t++],i=e[t++];break;case Ss.Q:bs(n,i,e[t++],e[t++],e[t],e[t+1],Ds,As),n=e[t++],i=e[t++];break;case Ss.A:var l=e[t++],u=e[t++],c=e[t++],h=e[t++],d=e[t++],p=e[t++]+d;t+=1;var f=!e[t++];s&&(r=Ps(d)*c+l,o=Os(d)*h+u),ws(l,u,c,h,d,p,f,Ds,As),n=Ps(p)*c+l,i=Os(p)*h+u;break;case Ss.R:vs(r=n=e[t++],o=i=e[t++],r+e[t++],o+e[t++],Ds,As);break;case Ss.Z:n=r,i=o}Ut(Ts,Ts,Ds),Yt(Cs,Cs,As)}return 0===t&&(Ts[0]=Ts[1]=Cs[0]=Cs[1]=0),new He(Ts[0],Ts[1],Cs[0]-Ts[0],Cs[1]-Ts[1])},t.prototype._calculateLength=function(){var t=this.data,e=this._len,n=this._ux,i=this._uy,r=0,o=0,a=0,s=0;this._pathSegLen||(this._pathSegLen=[]);for(var l=this._pathSegLen,u=0,c=0,h=0;h<e;){var d=t[h++],p=1===h;p&&(a=r=t[h],s=o=t[h+1]);var f=-1;switch(d){case Ss.M:r=a=t[h++],o=s=t[h++];break;case Ss.L:var g=t[h++],y=(x=t[h++])-o;(Rs(A=g-r)>n||Rs(y)>i||h===e-1)&&(f=Math.sqrt(A*A+y*y),r=g,o=x);break;case Ss.C:var v=t[h++],m=t[h++],x=(g=t[h++],t[h++]),_=t[h++],b=t[h++];f=Rn(r,o,v,m,g,x,_,b,10),r=_,o=b;break;case Ss.Q:f=Gn(r,o,v=t[h++],m=t[h++],g=t[h++],x=t[h++],10),r=g,o=x;break;case Ss.A:var w=t[h++],S=t[h++],M=t[h++],I=t[h++],T=t[h++],C=t[h++],D=C+T;h+=1,p&&(a=Ps(T)*M+w,s=Os(T)*I+S),f=Ls(M,I)*ks(zs,Math.abs(C)),r=Ps(D)*M+w,o=Os(D)*I+S;break;case Ss.R:a=r=t[h++],s=o=t[h++],f=2*t[h++]+2*t[h++];break;case Ss.Z:var A=a-r;y=s-o;f=Math.sqrt(A*A+y*y),r=a,o=s}f>=0&&(l[c++]=f,u+=f)}return this._pathLen=u,u},t.prototype.rebuildPath=function(t,e){var n,i,r,o,a,s,l,u,c,h,d=this.data,p=this._ux,f=this._uy,g=this._len,y=e<1,v=0,m=0,x=0;if(!y||(this._pathSegLen||this._calculateLength(),l=this._pathSegLen,u=e*this._pathLen))t:for(var _=0;_<g;){var b=d[_++],w=1===_;switch(w&&(n=r=d[_],i=o=d[_+1]),b!==Ss.L&&x>0&&(t.lineTo(c,h),x=0),b){case Ss.M:n=r=d[_++],i=o=d[_++],t.moveTo(r,o);break;case Ss.L:a=d[_++],s=d[_++];var S=Rs(a-r),M=Rs(s-o);if(S>p||M>f){if(y){if(v+(j=l[m++])>u){var I=(u-v)/j;t.lineTo(r*(1-I)+a*I,o*(1-I)+s*I);break t}v+=j}t.lineTo(a,s),r=a,o=s,x=0}else{var T=S*S+M*M;T>x&&(c=a,h=s,x=T)}break;case Ss.C:var C=d[_++],D=d[_++],A=d[_++],k=d[_++],L=d[_++],P=d[_++];if(y){if(v+(j=l[m++])>u){Pn(r,C,A,L,I=(u-v)/j,Ms),Pn(o,D,k,P,I,Is),t.bezierCurveTo(Ms[1],Is[1],Ms[2],Is[2],Ms[3],Is[3]);break t}v+=j}t.bezierCurveTo(C,D,A,k,L,P),r=L,o=P;break;case Ss.Q:C=d[_++],D=d[_++],A=d[_++],k=d[_++];if(y){if(v+(j=l[m++])>u){Bn(r,C,A,I=(u-v)/j,Ms),Bn(o,D,k,I,Is),t.quadraticCurveTo(Ms[1],Is[1],Ms[2],Is[2]);break t}v+=j}t.quadraticCurveTo(C,D,A,k),r=A,o=k;break;case Ss.A:var O=d[_++],R=d[_++],N=d[_++],z=d[_++],E=d[_++],B=d[_++],V=d[_++],G=!d[_++],F=N>z?N:z,W=Rs(N-z)>.001,H=E+B,U=!1;if(y)v+(j=l[m++])>u&&(H=E+B*(u-v)/j,U=!0),v+=j;if(W&&t.ellipse?t.ellipse(O,R,N,z,V,E,H,G):t.arc(O,R,F,E,H,G),U)break t;w&&(n=Ps(E)*N+O,i=Os(E)*z+R),r=Ps(H)*N+O,o=Os(H)*z+R;break;case Ss.R:n=r=d[_],i=o=d[_+1],a=d[_++],s=d[_++];var Y=d[_++],X=d[_++];if(y){if(v+(j=l[m++])>u){var Z=u-v;t.moveTo(a,s),t.lineTo(a+ks(Z,Y),s),(Z-=Y)>0&&t.lineTo(a+Y,s+ks(Z,X)),(Z-=X)>0&&t.lineTo(a+Ls(Y-Z,0),s+X),(Z-=Y)>0&&t.lineTo(a,s+Ls(X-Z,0));break t}v+=j}t.rect(a,s,Y,X);break;case Ss.Z:if(y){var j;if(v+(j=l[m++])>u){I=(u-v)/j;t.lineTo(r*(1-I)+n*I,o*(1-I)+i*I);break t}v+=j}t.closePath(),r=n,o=i}}},t.prototype.clone=function(){var e=new t,n=this.data;return e.data=n.slice?n.slice():Array.prototype.slice.call(n),e._len=this._len,e},t.prototype.canSave=function(){return!!this._saveData},t.CMD=Ss,t.initDefaultProps=((e=t.prototype)._saveData=!0,e._ux=0,e._uy=0,e._pendingPtDist=0,void(e._version=0)),t}();function Ws(t,e,n,i,r,o,a){if(0===r)return!1;var s=r,l=0;if(a>e+s&&a>i+s||a<e-s&&a<i-s||o>t+s&&o>n+s||o<t-s&&o<n-s)return!1;if(t===n)return Math.abs(o-t)<=s/2;var u=(l=(e-i)/(t-n))*o-a+(t*i-n*e)/(t-n);return u*u/(l*l+1)<=s/2*s/2}function Hs(t,e,n,i,r,o,a,s,l,u,c){if(0===l)return!1;var h=l;return!(c>e+h&&c>i+h&&c>o+h&&c>s+h||c<e-h&&c<i-h&&c<o-h&&c<s-h||u>t+h&&u>n+h&&u>r+h&&u>a+h||u<t-h&&u<n-h&&u<r-h&&u<a-h)&&On(t,e,n,i,r,o,a,s,u,c,null)<=h/2}function Us(t,e,n,i,r,o,a,s,l){if(0===a)return!1;var u=a;return!(l>e+u&&l>i+u&&l>o+u||l<e-u&&l<i-u&&l<o-u||s>t+u&&s>n+u&&s>r+u||s<t-u&&s<n-u&&s<r-u)&&Vn(t,e,n,i,r,o,s,l,null)<=u/2}var Ys=2*Math.PI;function Xs(t){return(t%=Ys)<0&&(t+=Ys),t}var Zs=2*Math.PI;function js(t,e,n,i,r,o,a,s,l){if(0===a)return!1;var u=a;s-=t,l-=e;var c=Math.sqrt(s*s+l*l);if(c-u>n||c+u<n)return!1;if(Math.abs(i-r)%Zs<1e-4)return!0;if(o){var h=i;i=Xs(r),r=Xs(h)}else i=Xs(i),r=Xs(r);i>r&&(r+=Zs);var d=Math.atan2(l,s);return d<0&&(d+=Zs),d>=i&&d<=r||d+Zs>=i&&d+Zs<=r}function qs(t,e,n,i,r,o){if(o>e&&o>i||o<e&&o<i)return 0;if(i===e)return 0;var a=(o-e)/(i-e),s=i<e?1:-1;1!==a&&0!==a||(s=i<e?.5:-.5);var l=a*(n-t)+t;return l===r?1/0:l>r?s:0}var Ks=Fs.CMD,$s=2*Math.PI;var Js=[-1,-1,-1],Qs=[-1,-1];function tl(t,e,n,i,r,o,a,s,l,u){if(u>e&&u>i&&u>o&&u>s||u<e&&u<i&&u<o&&u<s)return 0;var c,h=kn(e,i,o,s,u,Js);if(0===h)return 0;for(var d=0,p=-1,f=void 0,g=void 0,y=0;y<h;y++){var v=Js[y],m=0===v||1===v?.5:1;Dn(t,n,r,a,v)<l||(p<0&&(p=Ln(e,i,o,s,Qs),Qs[1]<Qs[0]&&p>1&&(c=void 0,c=Qs[0],Qs[0]=Qs[1],Qs[1]=c),f=Dn(e,i,o,s,Qs[0]),p>1&&(g=Dn(e,i,o,s,Qs[1]))),2===p?v<Qs[0]?d+=f<e?m:-m:v<Qs[1]?d+=g<f?m:-m:d+=s<g?m:-m:v<Qs[0]?d+=f<e?m:-m:d+=s<f?m:-m)}return d}function el(t,e,n,i,r,o,a,s){if(s>e&&s>i&&s>o||s<e&&s<i&&s<o)return 0;var l=function(t,e,n,i,r){var o=t-2*e+n,a=2*(e-t),s=t-i,l=0;if(Tn(o))Cn(a)&&(c=-s/a)>=0&&c<=1&&(r[l++]=c);else{var u=a*a-4*o*s;if(Tn(u))(c=-a/(2*o))>=0&&c<=1&&(r[l++]=c);else if(u>0){var c,h=mn(u),d=(-a-h)/(2*o);(c=(-a+h)/(2*o))>=0&&c<=1&&(r[l++]=c),d>=0&&d<=1&&(r[l++]=d)}}return l}(e,i,o,s,Js);if(0===l)return 0;var u=En(e,i,o);if(u>=0&&u<=1){for(var c=0,h=Nn(e,i,o,u),d=0;d<l;d++){var p=0===Js[d]||1===Js[d]?.5:1;Nn(t,n,r,Js[d])<a||(Js[d]<u?c+=h<e?p:-p:c+=o<h?p:-p)}return c}p=0===Js[0]||1===Js[0]?.5:1;return Nn(t,n,r,Js[0])<a?0:o<e?p:-p}function nl(t,e,n,i,r,o,a,s){if((s-=e)>n||s<-n)return 0;var l=Math.sqrt(n*n-s*s);Js[0]=-l,Js[1]=l;var u=Math.abs(i-r);if(u<1e-4)return 0;if(u>=$s-1e-4){i=0,r=$s;var c=o?1:-1;return a>=Js[0]+t&&a<=Js[1]+t?c:0}if(i>r){var h=i;i=r,r=h}i<0&&(i+=$s,r+=$s);for(var d=0,p=0;p<2;p++){var f=Js[p];if(f+t>a){var g=Math.atan2(s,f);c=o?1:-1;g<0&&(g=$s+g),(g>=i&&g<=r||g+$s>=i&&g+$s<=r)&&(g>Math.PI/2&&g<1.5*Math.PI&&(c=-c),d+=c)}}return d}function il(t,e,n,i,r){for(var o,a,s,l,u=t.data,c=t.len(),h=0,d=0,p=0,f=0,g=0,y=0;y<c;){var v=u[y++],m=1===y;switch(v===Ks.M&&y>1&&(n||(h+=qs(d,p,f,g,i,r))),m&&(f=d=u[y],g=p=u[y+1]),v){case Ks.M:d=f=u[y++],p=g=u[y++];break;case Ks.L:if(n){if(Ws(d,p,u[y],u[y+1],e,i,r))return!0}else h+=qs(d,p,u[y],u[y+1],i,r)||0;d=u[y++],p=u[y++];break;case Ks.C:if(n){if(Hs(d,p,u[y++],u[y++],u[y++],u[y++],u[y],u[y+1],e,i,r))return!0}else h+=tl(d,p,u[y++],u[y++],u[y++],u[y++],u[y],u[y+1],i,r)||0;d=u[y++],p=u[y++];break;case Ks.Q:if(n){if(Us(d,p,u[y++],u[y++],u[y],u[y+1],e,i,r))return!0}else h+=el(d,p,u[y++],u[y++],u[y],u[y+1],i,r)||0;d=u[y++],p=u[y++];break;case Ks.A:var x=u[y++],_=u[y++],b=u[y++],w=u[y++],S=u[y++],M=u[y++];y+=1;var I=!!(1-u[y++]);o=Math.cos(S)*b+x,a=Math.sin(S)*w+_,m?(f=o,g=a):h+=qs(d,p,o,a,i,r);var T=(i-x)*w/b+x;if(n){if(js(x,_,w,S,S+M,I,e,T,r))return!0}else h+=nl(x,_,w,S,S+M,I,T,r);d=Math.cos(S+M)*b+x,p=Math.sin(S+M)*w+_;break;case Ks.R:if(f=d=u[y++],g=p=u[y++],o=f+u[y++],a=g+u[y++],n){if(Ws(f,g,o,g,e,i,r)||Ws(o,g,o,a,e,i,r)||Ws(o,a,f,a,e,i,r)||Ws(f,a,f,g,e,i,r))return!0}else h+=qs(o,g,o,a,i,r),h+=qs(f,a,f,g,i,r);break;case Ks.Z:if(n){if(Ws(d,p,f,g,e,i,r))return!0}else h+=qs(d,p,f,g,i,r);d=f,p=g}}return n||(s=p,l=g,Math.abs(s-l)<1e-4)||(h+=qs(d,p,f,g,i,r)||0),0!==h}var rl=k({fill:"#000",stroke:null,strokePercent:1,fillOpacity:1,strokeOpacity:1,lineDashOffset:0,lineWidth:1,lineCap:"butt",miterLimit:10,strokeNoScale:!1,strokeFirst:!1},es),ol={style:k({fill:!0,stroke:!0,strokePercent:!0,fillOpacity:!0,strokeOpacity:!0,lineDashOffset:!0,lineWidth:!0,miterLimit:!0},ns.style)},al=Ar.concat(["invisible","culling","z","z2","zlevel","parent"]),sl=function(t){function e(e){return t.call(this,e)||this}var i;return n(e,t),e.prototype.update=function(){var n=this;t.prototype.update.call(this);var i=this.style;if(i.decal){var r=this._decalEl=this._decalEl||new e;r.buildPath===e.prototype.buildPath&&(r.buildPath=function(t){n.buildPath(t,n.shape)}),r.silent=!0;var o=r.style;for(var a in i)o[a]!==i[a]&&(o[a]=i[a]);o.fill=i.fill?i.decal:null,o.decal=null,o.shadowColor=null,i.strokeFirst&&(o.stroke=null);for(var s=0;s<al.length;++s)r[al[s]]=this[al[s]];r.__dirty|=1}else this._decalEl&&(this._decalEl=null)},e.prototype.getDecalElement=function(){return this._decalEl},e.prototype._init=function(e){var n=F(e);this.shape=this.getDefaultShape();var i=this.getDefaultStyle();i&&this.useStyle(i);for(var r=0;r<n.length;r++){var o=n[r],a=e[o];"style"===o?this.style?A(this.style,a):this.useStyle(a):"shape"===o?A(this.shape,a):t.prototype.attrKV.call(this,o,a)}this.style||this.useStyle({})},e.prototype.getDefaultStyle=function(){return null},e.prototype.getDefaultShape=function(){return{}},e.prototype.canBeInsideText=function(){return this.hasFill()},e.prototype.getInsideTextFill=function(){var t=this.style.fill;if("none"!==t){if(X(t)){var e=gi(t,0);return e>.5?mr:e>.2?"#eee":xr}if(t)return xr}return mr},e.prototype.getInsideTextStroke=function(t){var e=this.style.fill;if(X(e)){var n=this.__zr;if(!(!n||!n.isDarkMode())===gi(t,0)<.4)return e}},e.prototype.buildPath=function(t,e,n){},e.prototype.pathUpdated=function(){this.__dirty&=-5},e.prototype.getUpdatedPathProxy=function(t){return!this.path&&this.createPathProxy(),this.path.beginPath(),this.buildPath(this.path,this.shape,t),this.path},e.prototype.createPathProxy=function(){this.path=new Fs(!1)},e.prototype.hasStroke=function(){var t=this.style,e=t.stroke;return!(null==e||"none"===e||!(t.lineWidth>0))},e.prototype.hasFill=function(){var t=this.style.fill;return null!=t&&"none"!==t},e.prototype.getBoundingRect=function(){var t=this._rect,e=this.style,n=!t;if(n){var i=!1;this.path||(i=!0,this.createPathProxy());var r=this.path;(i||4&this.__dirty)&&(r.beginPath(),this.buildPath(r,this.shape,!1),this.pathUpdated()),t=r.getBoundingRect()}if(this._rect=t,this.hasStroke()&&this.path&&this.path.len()>0){var o=this._rectStroke||(this._rectStroke=t.clone());if(this.__dirty||n){o.copy(t);var a=e.strokeNoScale?this.getLineScale():1,s=e.lineWidth;if(!this.hasFill()){var l=this.strokeContainThreshold;s=Math.max(s,null==l?4:l)}a>1e-10&&(o.width+=s/a,o.height+=s/a,o.x-=s/a/2,o.y-=s/a/2)}return o}return t},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e),i=this.getBoundingRect(),r=this.style;if(t=n[0],e=n[1],i.contain(t,e)){var o=this.path;if(this.hasStroke()){var a=r.lineWidth,s=r.strokeNoScale?this.getLineScale():1;if(s>1e-10&&(this.hasFill()||(a=Math.max(a,this.strokeContainThreshold)),function(t,e,n,i){return il(t,e,!0,n,i)}(o,a/s,t,e)))return!0}if(this.hasFill())return function(t,e,n){return il(t,0,!1,e,n)}(o,t,e)}return!1},e.prototype.dirtyShape=function(){this.__dirty|=4,this._rect&&(this._rect=null),this._decalEl&&this._decalEl.dirtyShape(),this.markRedraw()},e.prototype.dirty=function(){this.dirtyStyle(),this.dirtyShape()},e.prototype.animateShape=function(t){return this.animate("shape",t)},e.prototype.updateDuringAnimation=function(t){"style"===t?this.dirtyStyle():"shape"===t?this.dirtyShape():this.markRedraw()},e.prototype.attrKV=function(e,n){"shape"===e?this.setShape(n):t.prototype.attrKV.call(this,e,n)},e.prototype.setShape=function(t,e){var n=this.shape;return n||(n=this.shape={}),"string"==typeof t?n[t]=e:A(n,t),this.dirtyShape(),this},e.prototype.shapeChanged=function(){return!!(4&this.__dirty)},e.prototype.createStyle=function(t){return mt(rl,t)},e.prototype._innerSaveToNormal=function(e){t.prototype._innerSaveToNormal.call(this,e);var n=this._normalState;e.shape&&!n.shape&&(n.shape=A({},this.shape))},e.prototype._applyStateObj=function(e,n,i,r,o,a){t.prototype._applyStateObj.call(this,e,n,i,r,o,a);var s,l=!(n&&r);if(n&&n.shape?o?r?s=n.shape:(s=A({},i.shape),A(s,n.shape)):(s=A({},r?this.shape:i.shape),A(s,n.shape)):l&&(s=i.shape),s)if(o){this.shape=A({},this.shape);for(var u={},c=F(s),h=0;h<c.length;h++){var d=c[h];"object"==typeof s[d]?this.shape[d]=s[d]:u[d]=s[d]}this._transitionState(e,{shape:u},a)}else this.shape=s,this.dirtyShape()},e.prototype._mergeStates=function(e){for(var n,i=t.prototype._mergeStates.call(this,e),r=0;r<e.length;r++){var o=e[r];o.shape&&(n=n||{},this._mergeStyle(n,o.shape))}return n&&(i.shape=n),i},e.prototype.getAnimationStyleProps=function(){return ol},e.prototype.isZeroArea=function(){return!1},e.extend=function(t){var i=function(e){function i(n){var i=e.call(this,n)||this;return t.init&&t.init.call(i,n),i}return n(i,e),i.prototype.getDefaultStyle=function(){return T(t.style)},i.prototype.getDefaultShape=function(){return T(t.shape)},i}(e);for(var r in t)"function"==typeof t[r]&&(i.prototype[r]=t[r]);return i},e.initDefaultProps=((i=e.prototype).type="path",i.strokeContainThreshold=5,i.segmentIgnoreThreshold=0,i.subPixelOptimize=!1,i.autoBatch=!1,void(i.__dirty=7)),e}(os),ll=k({strokeFirst:!0,font:a,x:0,y:0,textAlign:"left",textBaseline:"top",miterLimit:2},rl),ul=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.hasStroke=function(){return Qa(this.style)},e.prototype.hasFill=function(){var t=this.style.fill;return null!=t&&"none"!==t},e.prototype.createStyle=function(t){return mt(ll,t)},e.prototype.setBoundingRect=function(t){this._rect=t},e.prototype.getBoundingRect=function(){var t,e,n;return this._rect||(this._rect=(t=this.style,e=$a(t.text),n=t.font,Ja(t,Nr(Lr(n),e),Gr(n),null))),this._rect},e.initDefaultProps=void(e.prototype.dirtyRectTolerance=10),e}(os);ul.prototype.type="tspan";var cl=k({x:0,y:0},es),hl={style:k({x:!0,y:!0,width:!0,height:!0,sx:!0,sy:!0,sWidth:!0,sHeight:!0},ns.style)};var dl=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.createStyle=function(t){return mt(cl,t)},e.prototype._getSize=function(t){var e=this.style,n=e[t];if(null!=n)return n;var i,r=(i=e.image)&&"string"!=typeof i&&i.width&&i.height?e.image:this.__image;if(!r)return 0;var o="width"===t?"height":"width",a=e[o];return null==a?r[t]:r[t]/r[o]*a},e.prototype.getWidth=function(){return this._getSize("width")},e.prototype.getHeight=function(){return this._getSize("height")},e.prototype.getAnimationStyleProps=function(){return hl},e.prototype.getBoundingRect=function(){var t=this.style;return this._rect||(this._rect=new He(t.x||0,t.y||0,this.getWidth(),this.getHeight())),this._rect},e}(os);dl.prototype.type="image";var pl=Math.round;function fl(t,e,n){if(e){var i=e.x1,r=e.x2,o=e.y1,a=e.y2;t.x1=i,t.x2=r,t.y1=o,t.y2=a;var s=n&&n.lineWidth;return s?(pl(2*i)===pl(2*r)&&(t.x1=t.x2=yl(i,s,!0)),pl(2*o)===pl(2*a)&&(t.y1=t.y2=yl(o,s,!0)),t):t}}function gl(t,e,n){if(e){var i=e.x,r=e.y,o=e.width,a=e.height;t.x=i,t.y=r,t.width=o,t.height=a;var s=n&&n.lineWidth;return s?(t.x=yl(i,s,!0),t.y=yl(r,s,!0),t.width=Math.max(yl(i+o,s,!1)-t.x,0===o?0:1),t.height=Math.max(yl(r+a,s,!1)-t.y,0===a?0:1),t):t}}function yl(t,e,n){if(!e)return t;var i=pl(2*t);return(i+pl(e))%2==0?i/2:(i+(n?1:-1))/2}var vl=function(){this.x=0,this.y=0,this.width=0,this.height=0},ml={},xl=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new vl},e.prototype.buildPath=function(t,e){var n,i,r,o;if(this.subPixelOptimize){var a=gl(ml,e,this.style);n=a.x,i=a.y,r=a.width,o=a.height,a.r=e.r,e=a}else n=e.x,i=e.y,r=e.width,o=e.height;e.r?function(t,e){var n,i,r,o,a,s=e.x,l=e.y,u=e.width,c=e.height,h=e.r;u<0&&(s+=u,u=-u),c<0&&(l+=c,c=-c),"number"==typeof h?n=i=r=o=h:h instanceof Array?1===h.length?n=i=r=o=h[0]:2===h.length?(n=r=h[0],i=o=h[1]):3===h.length?(n=h[0],i=o=h[1],r=h[2]):(n=h[0],i=h[1],r=h[2],o=h[3]):n=i=r=o=0,n+i>u&&(n*=u/(a=n+i),i*=u/a),r+o>u&&(r*=u/(a=r+o),o*=u/a),i+r>c&&(i*=c/(a=i+r),r*=c/a),n+o>c&&(n*=c/(a=n+o),o*=c/a),t.moveTo(s+n,l),t.lineTo(s+u-i,l),0!==i&&t.arc(s+u-i,l+i,i,-Math.PI/2,0),t.lineTo(s+u,l+c-r),0!==r&&t.arc(s+u-r,l+c-r,r,0,Math.PI/2),t.lineTo(s+o,l+c),0!==o&&t.arc(s+o,l+c-o,o,Math.PI/2,Math.PI),t.lineTo(s,l+n),0!==n&&t.arc(s+n,l+n,n,Math.PI,1.5*Math.PI)}(t,e):t.rect(n,i,r,o)},e.prototype.isZeroArea=function(){return!this.shape.width||!this.shape.height},e}(sl);xl.prototype.type="rect";var _l={fill:"#000"},bl={},wl={style:k({fill:!0,stroke:!0,fillOpacity:!0,strokeOpacity:!0,lineWidth:!0,fontSize:!0,lineHeight:!0,width:!0,height:!0,textShadowColor:!0,textShadowBlur:!0,textShadowOffsetX:!0,textShadowOffsetY:!0,backgroundColor:!0,padding:!0,borderColor:!0,borderWidth:!0,borderRadius:!0},ns.style)},Sl=function(t){function e(e){var n=t.call(this)||this;return n.type="text",n._children=[],n._defaultStyle=_l,n.attr(e),n}return n(e,t),e.prototype.childrenRef=function(){return this._children},e.prototype.update=function(){t.prototype.update.call(this),this.styleChanged()&&this._updateSubTexts();for(var e=0;e<this._children.length;e++){var n=this._children[e];n.zlevel=this.zlevel,n.z=this.z,n.z2=this.z2,n.culling=this.culling,n.cursor=this.cursor,n.invisible=this.invisible}},e.prototype.updateTransform=function(){var e=this.innerTransformable;e?(e.updateTransform(),e.transform&&(this.transform=e.transform)):t.prototype.updateTransform.call(this)},e.prototype.getLocalTransform=function(e){var n=this.innerTransformable;return n?n.getLocalTransform(e):t.prototype.getLocalTransform.call(this,e)},e.prototype.getComputedTransform=function(){return this.__hostTarget&&(this.__hostTarget.getComputedTransform(),this.__hostTarget.updateInnerText(!0)),t.prototype.getComputedTransform.call(this)},e.prototype._updateSubTexts=function(){var t;this._childCursor=0,kl(t=this.style),z(t.rich,kl),this.style.rich?this._updateRichTexts():this._updatePlainTexts(),this._children.length=this._childCursor,this.styleUpdated()},e.prototype.addSelfToZr=function(e){t.prototype.addSelfToZr.call(this,e);for(var n=0;n<this._children.length;n++)this._children[n].__zr=e},e.prototype.removeSelfFromZr=function(e){t.prototype.removeSelfFromZr.call(this,e);for(var n=0;n<this._children.length;n++)this._children[n].__zr=null},e.prototype.getBoundingRect=function(){if(this.styleChanged()&&this._updateSubTexts(),!this._rect){for(var t=new He(0,0,0,0),e=this._children,n=[],i=null,r=0;r<e.length;r++){var o=e[r],a=o.getBoundingRect(),s=o.getLocalTransform(n);s?(t.copy(a),t.applyTransform(s),(i=i||t.clone()).union(t)):(i=i||a.clone()).union(a)}this._rect=i||t}return this._rect},e.prototype.setDefaultTextStyle=function(t){this._defaultStyle=t||_l},e.prototype.setTextContent=function(t){0},e.prototype._mergeStyle=function(t,e){if(!e)return t;var n=e.rich,i=t.rich||n&&{};return A(t,e),n&&i?(this._mergeRich(i,n),t.rich=i):i&&(t.rich=i),t},e.prototype._mergeRich=function(t,e){for(var n=F(e),i=0;i<n.length;i++){var r=n[i];t[r]=t[r]||{},A(t[r],e[r])}},e.prototype.getAnimationStyleProps=function(){return wl},e.prototype._getOrCreateChild=function(t){var e=this._children[this._childCursor];return e&&e instanceof t||(e=new t),this._children[this._childCursor++]=e,e.__zr=this.__zr,e.parent=this,e},e.prototype._updatePlainTexts=function(){var t=this.style,e=t.font||a,n=t.padding,i=this._defaultStyle,r=t.x||0,o=t.y||0,s=t.align||i.align||"left",l=t.verticalAlign||i.verticalAlign||"top";ja(bl,i.overflowRect,r,o,s,l),r=bl.baseX,o=bl.baseY;var u=function(t,e,n,i){var r=$a(t),o=e.overflow,a=e.padding,s=a?a[1]+a[3]:0,l=a?a[0]+a[2]:0,u=e.font,c="truncate"===o,h=Gr(u),d=rt(e.lineHeight,h),p="truncate"===e.lineOverflow,f=!1,g=e.width;null==g&&null!=n&&(g=n-s);var y,v=e.height;null==v&&null!=i&&(v=i-l);var m=(y=null==g||"break"!==o&&"breakAll"!==o?r?r.split("\n"):[]:r?Za(r,e.font,g,"breakAll"===o,0).lines:[]).length*d;if(null==v&&(v=m),m>v&&p){var x=Math.floor(v/d);f=f||y.length>x,m=(y=y.slice(0,x)).length*d}if(r&&c&&null!=g)for(var _=Ba(g,u,e.ellipsis,{minChar:e.truncateMinChar,placeholder:e.placeholder}),b={},w=0;w<y.length;w++)Va(b,y[w],_),y[w]=b.textLine,f=f||b.isTruncated;var S=v,M=0,I=Lr(u);for(w=0;w<y.length;w++)M=Math.max(Nr(I,y[w]),M);null==g&&(g=M);var T=g;return{lines:y,height:v,outerWidth:T+=s,outerHeight:S+=l,lineHeight:d,calculatedLineHeight:h,contentWidth:M,contentHeight:m,width:g,isTruncated:f}}(Rl(t),t,bl.outerWidth,bl.outerHeight),c=Nl(t),h=!!t.backgroundColor,d=u.outerHeight,p=u.outerWidth,f=u.lines,g=u.lineHeight;this.isTruncated=!!u.isTruncated;var y=r,v=Vr(o,u.contentHeight,l);if(c||n){var m=Br(r,p,s),x=Vr(o,d,l);c&&this._renderBackground(t,t,m,x,p,d)}v+=g/2,n&&(y=Ol(r,s,n),"top"===l?v+=n[0]:"bottom"===l&&(v-=n[2]));for(var _=0,b=!1,w=!1,S=(Pl("fill"in t?t.fill:(w=!0,i.fill))),M=(Ll("stroke"in t?t.stroke:h||i.autoStroke&&!w?null:(_=2,b=!0,i.stroke))),I=t.textShadowBlur>0,T=0;T<f.length;T++){var C=this._getOrCreateChild(ul),D=C.createStyle();C.useStyle(D),D.text=f[T],D.x=y,D.y=v,s&&(D.textAlign=s),D.textBaseline="middle",D.opacity=t.opacity,D.strokeFirst=!0,I&&(D.shadowBlur=t.textShadowBlur||0,D.shadowColor=t.textShadowColor||"transparent",D.shadowOffsetX=t.textShadowOffsetX||0,D.shadowOffsetY=t.textShadowOffsetY||0),D.stroke=M,D.fill=S,M&&(D.lineWidth=t.lineWidth||_,D.lineDash=t.lineDash,D.lineDashOffset=t.lineDashOffset||0),D.font=e,Dl(D,t),v+=g,C.setBoundingRect(Ja(D,u.contentWidth,u.calculatedLineHeight,b?0:null))}},e.prototype._updateRichTexts=function(){var t=this.style,e=this._defaultStyle,n=t.align||e.align,i=t.verticalAlign||e.verticalAlign,r=t.x||0,o=t.y||0;ja(bl,e.overflowRect,r,o,n,i),r=bl.baseX,o=bl.baseY;var a=function(t,e,n,i,r){var o=new Ha,a=$a(t);if(!a)return o;var s=e.padding,l=s?s[1]+s[3]:0,u=s?s[0]+s[2]:0,c=e.width;null==c&&null!=n&&(c=n-l);var h=e.height;null==h&&null!=i&&(h=i-u);for(var d,p=e.overflow,f="break"!==p&&"breakAll"!==p||null==c?null:{width:c,accumWidth:0,breakAll:"breakAll"===p},g=za.lastIndex=0;null!=(d=za.exec(a));){var y=d.index;y>g&&Ua(o,a.substring(g,y),e,f),Ua(o,d[2],e,f,d[1]),g=za.lastIndex}g<a.length&&Ua(o,a.substring(g,a.length),e,f);var v=[],m=0,x=0,_="truncate"===p,b="truncate"===e.lineOverflow,w={};function S(t,e,n){t.width=e,t.lineHeight=n,m+=n,x=Math.max(x,e)}t:for(var M=0;M<o.lines.length;M++){for(var I=o.lines[M],T=0,C=0,D=0;D<I.tokens.length;D++){var A=(G=I.tokens[D]).styleName&&e.rich[G.styleName]||{},k=G.textPadding=A.padding,L=k?k[1]+k[3]:0,P=G.font=A.font||e.font;G.contentHeight=Gr(P);var O=rt(A.height,G.contentHeight);if(G.innerHeight=O,k&&(O+=k[0]+k[2]),G.height=O,G.lineHeight=ot(A.lineHeight,e.lineHeight,O),G.align=A&&A.align||r,G.verticalAlign=A&&A.verticalAlign||"middle",b&&null!=h&&m+G.lineHeight>h){var R=o.lines.length;D>0?(I.tokens=I.tokens.slice(0,D),S(I,C,T),o.lines=o.lines.slice(0,M+1)):o.lines=o.lines.slice(0,M),o.isTruncated=o.isTruncated||o.lines.length<R;break t}var N=A.width,z=null==N||"auto"===N;if("string"==typeof N&&"%"===N.charAt(N.length-1))G.percentWidth=N,v.push(G),G.contentWidth=Nr(Lr(P),G.text);else{if(z){var E=A.backgroundColor,B=E&&E.image;B&&Na(B=Pa(B))&&(G.width=Math.max(G.width,B.width*O/B.height))}var V=_&&null!=c?c-C:null;null!=V&&V<G.width?!z||V<L?(G.text="",G.width=G.contentWidth=0):(Ea(w,G.text,V-L,P,e.ellipsis,{minChar:e.truncateMinChar}),G.text=w.text,o.isTruncated=o.isTruncated||w.isTruncated,G.width=G.contentWidth=Nr(Lr(P),G.text)):G.contentWidth=Nr(Lr(P),G.text)}G.width+=L,C+=G.width,A&&(T=Math.max(T,G.lineHeight))}S(I,C,T)}for(o.outerWidth=o.width=rt(c,x),o.outerHeight=o.height=rt(h,m),o.contentHeight=m,o.contentWidth=x,o.outerWidth+=l,o.outerHeight+=u,M=0;M<v.length;M++){var G,F=(G=v[M]).percentWidth;G.width=parseInt(F,10)/100*o.width}return o}(Rl(t),t,bl.outerWidth,bl.outerHeight,n),s=a.width,l=a.outerWidth,u=a.outerHeight,c=t.padding;this.isTruncated=!!a.isTruncated;var h=Br(r,l,n),d=Vr(o,u,i),p=h,f=d;c&&(p+=c[3],f+=c[0]);var g=p+s;Nl(t)&&this._renderBackground(t,t,h,d,l,u);for(var y=!!t.backgroundColor,v=0;v<a.lines.length;v++){for(var m=a.lines[v],x=m.tokens,_=x.length,b=m.lineHeight,w=m.width,S=0,M=p,I=g,T=_-1,C=void 0;S<_&&(!(C=x[S]).align||"left"===C.align);)this._placeToken(C,t,b,f,M,"left",y),w-=C.width,M+=C.width,S++;for(;T>=0&&"right"===(C=x[T]).align;)this._placeToken(C,t,b,f,I,"right",y),w-=C.width,I-=C.width,T--;for(M+=(s-(M-p)-(g-I)-w)/2;S<=T;)C=x[S],this._placeToken(C,t,b,f,M+C.width/2,"center",y),M+=C.width,S++;f+=b}},e.prototype._placeToken=function(t,e,n,i,r,o,s){var l=e.rich[t.styleName]||{};l.text=t.text;var u=t.verticalAlign,c=i+n/2;"top"===u?c=i+t.height/2:"bottom"===u&&(c=i+n-t.height/2),!t.isLineHolder&&Nl(l)&&this._renderBackground(l,e,"right"===o?r-t.width:"center"===o?r-t.width/2:r,c-t.height/2,t.width,t.height);var h=!!l.backgroundColor,d=t.textPadding;d&&(r=Ol(r,o,d),c-=t.height/2-d[0]-t.innerHeight/2);var p=this._getOrCreateChild(ul),f=p.createStyle();p.useStyle(f);var g=this._defaultStyle,y=!1,v=0,m=!1,x=Pl("fill"in l?l.fill:"fill"in e?e.fill:(y=!0,g.fill)),_=Ll("stroke"in l?l.stroke:"stroke"in e?e.stroke:h||s||g.autoStroke&&!y?null:(v=2,m=!0,g.stroke)),b=l.textShadowBlur>0||e.textShadowBlur>0;f.text=t.text,f.x=r,f.y=c,b&&(f.shadowBlur=l.textShadowBlur||e.textShadowBlur||0,f.shadowColor=l.textShadowColor||e.textShadowColor||"transparent",f.shadowOffsetX=l.textShadowOffsetX||e.textShadowOffsetX||0,f.shadowOffsetY=l.textShadowOffsetY||e.textShadowOffsetY||0),f.textAlign=o,f.textBaseline="middle",f.font=t.font||a,f.opacity=ot(l.opacity,e.opacity,1),Dl(f,l),_&&(f.lineWidth=ot(l.lineWidth,e.lineWidth,v),f.lineDash=rt(l.lineDash,e.lineDash),f.lineDashOffset=e.lineDashOffset||0,f.stroke=_),x&&(f.fill=x),p.setBoundingRect(Ja(f,t.contentWidth,t.contentHeight,m?0:null))},e.prototype._renderBackground=function(t,e,n,i,r,o){var a,s,l,u=t.backgroundColor,c=t.borderWidth,h=t.borderColor,d=u&&u.image,p=u&&!d,f=t.borderRadius,g=this;if(p||t.lineHeight||c&&h){(a=this._getOrCreateChild(xl)).useStyle(a.createStyle()),a.style.fill=null;var y=a.shape;y.x=n,y.y=i,y.width=r,y.height=o,y.r=f,a.dirtyShape()}if(p)(l=a.style).fill=u||null,l.fillOpacity=rt(t.fillOpacity,1);else if(d){(s=this._getOrCreateChild(dl)).onload=function(){g.dirtyStyle()};var v=s.style;v.image=u.image,v.x=n,v.y=i,v.width=r,v.height=o}c&&h&&((l=a.style).lineWidth=c,l.stroke=h,l.strokeOpacity=rt(t.strokeOpacity,1),l.lineDash=t.borderDash,l.lineDashOffset=t.borderDashOffset||0,a.strokeContainThreshold=0,a.hasFill()&&a.hasStroke()&&(l.strokeFirst=!0,l.lineWidth*=2));var m=(a||s).style;m.shadowBlur=t.shadowBlur||0,m.shadowColor=t.shadowColor||"transparent",m.shadowOffsetX=t.shadowOffsetX||0,m.shadowOffsetY=t.shadowOffsetY||0,m.opacity=ot(t.opacity,e.opacity,1)},e.makeFont=function(t){var e="";return Al(t)&&(e=[t.fontStyle,t.fontWeight,Cl(t.fontSize),t.fontFamily||"sans-serif"].join(" ")),e&&ut(e)||t.textFont||t.font},e}(os),Ml={left:!0,right:1,center:1},Il={top:1,bottom:1,middle:1},Tl=["fontStyle","fontWeight","fontSize","fontFamily"];function Cl(t){return"string"!=typeof t||-1===t.indexOf("px")&&-1===t.indexOf("rem")&&-1===t.indexOf("em")?isNaN(+t)?"12px":t+"px":t}function Dl(t,e){for(var n=0;n<Tl.length;n++){var i=Tl[n],r=e[i];null!=r&&(t[i]=r)}}function Al(t){return null!=t.fontSize||t.fontFamily||t.fontWeight}function kl(t){if(t){t.font=Sl.makeFont(t);var e=t.align;"middle"===e&&(e="center"),t.align=null==e||Ml[e]?e:"left";var n=t.verticalAlign;"center"===n&&(n="middle"),t.verticalAlign=null==n||Il[n]?n:"top",t.padding&&(t.padding=st(t.padding))}}function Ll(t,e){return null==t||e<=0||"transparent"===t||"none"===t?null:t.image||t.colorStops?"#000":t}function Pl(t){return null==t||"none"===t?null:t.image||t.colorStops?"#000":t}function Ol(t,e,n){return"right"===e?t-n[1]:"center"===e?t+n[3]/2-n[1]/2:t+n[3]}function Rl(t){var e=t.text;return null!=e&&(e+=""),e}function Nl(t){return!!(t.backgroundColor||t.lineHeight||t.borderWidth&&t.borderColor)}var zl=sa(),El=function(t,e,n,i){if(i){var r=zl(i);r.dataIndex=n,r.dataType=e,r.seriesIndex=t,r.ssrType="chart","group"===i.type&&i.traverse((function(i){var r=zl(i);r.seriesIndex=t,r.dataIndex=n,r.dataType=e,r.ssrType="chart"}))}},Bl=1,Vl={},Gl=sa(),Fl=sa(),Wl=["emphasis","blur","select"],Hl=["normal","emphasis","blur","select"],Ul=10,Yl="highlight",Xl="downplay",Zl="select",jl="unselect",ql="toggleSelect",Kl="selectchanged";function $l(t){return null!=t&&"none"!==t}function Jl(t,e,n){t.onHoverStateChange&&(t.hoverState||0)!==n&&t.onHoverStateChange(e),t.hoverState=n}function Ql(t){Jl(t,"emphasis",2)}function tu(t){2===t.hoverState&&Jl(t,"normal",0)}function eu(t){Jl(t,"blur",1)}function nu(t){1===t.hoverState&&Jl(t,"normal",0)}function iu(t){t.selected=!0}function ru(t){t.selected=!1}function ou(t,e,n){e(t,n)}function au(t,e,n){ou(t,e,n),t.isGroup&&t.traverse((function(t){ou(t,e,n)}))}function su(t,e){switch(e){case"emphasis":t.hoverState=2;break;case"normal":t.hoverState=0;break;case"blur":t.hoverState=1;break;case"select":t.selected=!0}}function lu(t,e){var n=this.states[t];if(this.style){if("emphasis"===t)return function(t,e,n,i){var r=n&&P(n,"select")>=0,o=!1;if(t instanceof sl){var a=Gl(t),s=r&&a.selectFill||a.normalFill,l=r&&a.selectStroke||a.normalStroke;if($l(s)||$l(l)){var u=(i=i||{}).style||{};"inherit"===u.fill?(o=!0,i=A({},i),(u=A({},u)).fill=s):!$l(u.fill)&&$l(s)?(o=!0,i=A({},i),(u=A({},u)).fill=vi(s)):!$l(u.stroke)&&$l(l)&&(o||(i=A({},i),u=A({},u)),u.stroke=vi(l)),i.style=u}}if(i&&null==i.z2){o||(i=A({},i));var c=t.z2EmphasisLift;i.z2=t.z2+(null!=c?c:Ul)}return i}(this,0,e,n);if("blur"===t)return function(t,e,n){var i=P(t.currentStates,e)>=0,r=t.style.opacity,o=i?null:function(t,e,n,i){for(var r=t.style,o={},a=0;a<e.length;a++){var s=e[a],l=r[s];o[s]=null==l?i&&i[s]:l}for(a=0;a<t.animators.length;a++){var u=t.animators[a];u.__fromStateTransition&&u.__fromStateTransition.indexOf(n)<0&&"style"===u.targetName&&u.saveTo(o,e)}return o}(t,["opacity"],e,{opacity:1}),a=(n=n||{}).style||{};return null==a.opacity&&(n=A({},n),a=A({opacity:i?r:.1*o.opacity},a),n.style=a),n}(this,t,n);if("select"===t)return function(t,e,n){if(n&&null==n.z2){n=A({},n);var i=t.z2SelectLift;n.z2=t.z2+(null!=i?i:9)}return n}(this,0,n)}return n}function uu(t){t.stateProxy=lu;var e=t.getTextContent(),n=t.getTextGuideLine();e&&(e.stateProxy=lu),n&&(n.stateProxy=lu)}function cu(t,e){!mu(t,e)&&!t.__highByOuter&&au(t,Ql)}function hu(t,e){!mu(t,e)&&!t.__highByOuter&&au(t,tu)}function du(t,e){t.__highByOuter|=1<<(e||0),au(t,Ql)}function pu(t,e){!(t.__highByOuter&=~(1<<(e||0)))&&au(t,tu)}function fu(t){au(t,eu)}function gu(t){au(t,nu)}function yu(t){au(t,iu)}function vu(t){au(t,ru)}function mu(t,e){return t.__highDownSilentOnTouch&&e.zrByTouch}function xu(t){var e=t.getModel(),n=[],i=[];e.eachComponent((function(e,r){var o=Fl(r),a="series"===e,s=a?t.getViewOfSeriesModel(r):t.getViewOfComponentModel(r);!a&&i.push(s),o.isBlured&&(s.group.traverse((function(t){nu(t)})),a&&n.push(r)),o.isBlured=!1})),z(i,(function(t){t&&t.toggleBlurSeries&&t.toggleBlurSeries(n,!1,e)}))}function _u(t,e,n,i){var r=i.getModel();function o(t,e){for(var n=0;n<e.length;n++){var i=t.getItemGraphicEl(e[n]);i&&gu(i)}}if(n=n||"coordinateSystem",null!=t&&e&&"none"!==e){var a=r.getSeriesByIndex(t),s=a.coordinateSystem;s&&s.master&&(s=s.master);var l=[];r.eachSeries((function(t){var r=a===t,u=t.coordinateSystem;if(u&&u.master&&(u=u.master),!("series"===n&&!r||"coordinateSystem"===n&&!(u&&s?u===s:r)||"series"===e&&r)){if(i.getViewOfSeriesModel(t).group.traverse((function(t){t.__highByOuter&&r&&"self"===e||eu(t)})),N(e))o(t.getData(),e);else if(q(e))for(var c=F(e),h=0;h<c.length;h++)o(t.getData(c[h]),e[c[h]]);l.push(t),Fl(t).isBlured=!0}})),r.eachComponent((function(t,e){if("series"!==t){var n=i.getViewOfComponentModel(e);n&&n.toggleBlurSeries&&n.toggleBlurSeries(l,!0,r)}}))}}function bu(t,e,n){if(null!=t&&null!=e){var i=n.getModel().getComponent(t,e);if(i){Fl(i).isBlured=!0;var r=n.getViewOfComponentModel(i);r&&r.focusBlurEnabled&&r.group.traverse((function(t){eu(t)}))}}}function wu(t,e,n,i){var r={focusSelf:!1,dispatchers:null};if(null==t||"series"===t||null==e||null==n)return r;var o=i.getModel().getComponent(t,e);if(!o)return r;var a=i.getViewOfComponentModel(o);if(!a||!a.findHighDownDispatchers)return r;for(var s,l=a.findHighDownDispatchers(n),u=0;u<l.length;u++)if("self"===zl(l[u]).focus){s=!0;break}return{focusSelf:s,dispatchers:l}}function Su(t){z(t.getAllData(),(function(e){var n=e.data,i=e.type;n.eachItemGraphicEl((function(e,n){t.isSelected(n,i)?yu(e):vu(e)}))}))}function Mu(t){var e=[];return t.eachSeries((function(t){z(t.getAllData(),(function(n){n.data;var i=n.type,r=t.getSelectedDataIndices();if(r.length>0){var o={dataIndex:r,seriesIndex:t.seriesIndex};null!=i&&(o.dataType=i),e.push(o)}}))})),e}function Iu(t,e,n){Lu(t,!0),au(t,uu),Cu(t,e,n)}function Tu(t,e,n,i){i?function(t){Lu(t,!1)}(t):Iu(t,e,n)}function Cu(t,e,n){var i=zl(t);null!=e?(i.focus=e,i.blurScope=n):i.focus&&(i.focus=null)}var Du=["emphasis","blur","select"],Au={itemStyle:"getItemStyle",lineStyle:"getLineStyle",areaStyle:"getAreaStyle"};function ku(t,e,n,i){n=n||"itemStyle";for(var r=0;r<Du.length;r++){var o=Du[r],a=e.getModel([o,n]);t.ensureState(o).style=i?i(a):a[Au[n]]()}}function Lu(t,e){var n=!1===e,i=t;t.highDownSilentOnTouch&&(i.__highDownSilentOnTouch=t.highDownSilentOnTouch),n&&!i.__highDownDispatcher||(i.__highByOuter=i.__highByOuter||0,i.__highDownDispatcher=!n)}function Pu(t){return!(!t||!t.__highDownDispatcher)}function Ou(t){var e=t.type;return e===Zl||e===jl||e===ql}function Ru(t){var e=t.type;return e===Yl||e===Xl}var Nu=Fs.CMD,zu=[[],[],[]],Eu=Math.sqrt,Bu=Math.atan2;function Vu(t,e){if(e){var n,i,r,o,a,s,l=t.data,u=t.len(),c=Nu.M,h=Nu.C,d=Nu.L,p=Nu.R,f=Nu.A,g=Nu.Q;for(r=0,o=0;r<u;){switch(n=l[r++],o=r,i=0,n){case c:case d:i=1;break;case h:i=3;break;case g:i=2;break;case f:var y=e[4],v=e[5],m=Eu(e[0]*e[0]+e[1]*e[1]),x=Eu(e[2]*e[2]+e[3]*e[3]),_=Bu(-e[1]/x,e[0]/m);l[r]*=m,l[r++]+=y,l[r]*=x,l[r++]+=v,l[r++]*=m,l[r++]*=x,l[r++]+=_,l[r++]+=_,o=r+=2;break;case p:s[0]=l[r++],s[1]=l[r++],Ht(s,s,e),l[o++]=s[0],l[o++]=s[1],s[0]+=l[r++],s[1]+=l[r++],Ht(s,s,e),l[o++]=s[0],l[o++]=s[1]}for(a=0;a<i;a++){var b=zu[a];b[0]=l[r++],b[1]=l[r++],Ht(b,b,e),l[o++]=b[0],l[o++]=b[1]}}t.increaseVersion()}}var Gu=Math.sqrt,Fu=Math.sin,Wu=Math.cos,Hu=Math.PI;function Uu(t){return Math.sqrt(t[0]*t[0]+t[1]*t[1])}function Yu(t,e){return(t[0]*e[0]+t[1]*e[1])/(Uu(t)*Uu(e))}function Xu(t,e){return(t[0]*e[1]<t[1]*e[0]?-1:1)*Math.acos(Yu(t,e))}function Zu(t,e,n,i,r,o,a,s,l,u,c){var h=l*(Hu/180),d=Wu(h)*(t-n)/2+Fu(h)*(e-i)/2,p=-1*Fu(h)*(t-n)/2+Wu(h)*(e-i)/2,f=d*d/(a*a)+p*p/(s*s);f>1&&(a*=Gu(f),s*=Gu(f));var g=(r===o?-1:1)*Gu((a*a*(s*s)-a*a*(p*p)-s*s*(d*d))/(a*a*(p*p)+s*s*(d*d)))||0,y=g*a*p/s,v=g*-s*d/a,m=(t+n)/2+Wu(h)*y-Fu(h)*v,x=(e+i)/2+Fu(h)*y+Wu(h)*v,_=Xu([1,0],[(d-y)/a,(p-v)/s]),b=[(d-y)/a,(p-v)/s],w=[(-1*d-y)/a,(-1*p-v)/s],S=Xu(b,w);if(Yu(b,w)<=-1&&(S=Hu),Yu(b,w)>=1&&(S=0),S<0){var M=Math.round(S/Hu*1e6)/1e6;S=2*Hu+M%2*Hu}c.addData(u,m,x,a,s,_,S,h,o)}var ju=/([mlvhzcqtsa])([^mlvhzcqtsa]*)/gi,qu=/-?([0-9]*\.)?[0-9]+([eE]-?[0-9]+)?/g;var Ku=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.applyTransform=function(t){},e}(sl);function $u(t){return null!=t.setData}function Ju(t,e){var n=function(t){var e=new Fs;if(!t)return e;var n,i=0,r=0,o=i,a=r,s=Fs.CMD,l=t.match(ju);if(!l)return e;for(var u=0;u<l.length;u++){for(var c=l[u],h=c.charAt(0),d=void 0,p=c.match(qu)||[],f=p.length,g=0;g<f;g++)p[g]=parseFloat(p[g]);for(var y=0;y<f;){var v=void 0,m=void 0,x=void 0,_=void 0,b=void 0,w=void 0,S=void 0,M=i,I=r,T=void 0,C=void 0;switch(h){case"l":i+=p[y++],r+=p[y++],d=s.L,e.addData(d,i,r);break;case"L":i=p[y++],r=p[y++],d=s.L,e.addData(d,i,r);break;case"m":i+=p[y++],r+=p[y++],d=s.M,e.addData(d,i,r),o=i,a=r,h="l";break;case"M":i=p[y++],r=p[y++],d=s.M,e.addData(d,i,r),o=i,a=r,h="L";break;case"h":i+=p[y++],d=s.L,e.addData(d,i,r);break;case"H":i=p[y++],d=s.L,e.addData(d,i,r);break;case"v":r+=p[y++],d=s.L,e.addData(d,i,r);break;case"V":r=p[y++],d=s.L,e.addData(d,i,r);break;case"C":d=s.C,e.addData(d,p[y++],p[y++],p[y++],p[y++],p[y++],p[y++]),i=p[y-2],r=p[y-1];break;case"c":d=s.C,e.addData(d,p[y++]+i,p[y++]+r,p[y++]+i,p[y++]+r,p[y++]+i,p[y++]+r),i+=p[y-2],r+=p[y-1];break;case"S":v=i,m=r,T=e.len(),C=e.data,n===s.C&&(v+=i-C[T-4],m+=r-C[T-3]),d=s.C,M=p[y++],I=p[y++],i=p[y++],r=p[y++],e.addData(d,v,m,M,I,i,r);break;case"s":v=i,m=r,T=e.len(),C=e.data,n===s.C&&(v+=i-C[T-4],m+=r-C[T-3]),d=s.C,M=i+p[y++],I=r+p[y++],i+=p[y++],r+=p[y++],e.addData(d,v,m,M,I,i,r);break;case"Q":M=p[y++],I=p[y++],i=p[y++],r=p[y++],d=s.Q,e.addData(d,M,I,i,r);break;case"q":M=p[y++]+i,I=p[y++]+r,i+=p[y++],r+=p[y++],d=s.Q,e.addData(d,M,I,i,r);break;case"T":v=i,m=r,T=e.len(),C=e.data,n===s.Q&&(v+=i-C[T-4],m+=r-C[T-3]),i=p[y++],r=p[y++],d=s.Q,e.addData(d,v,m,i,r);break;case"t":v=i,m=r,T=e.len(),C=e.data,n===s.Q&&(v+=i-C[T-4],m+=r-C[T-3]),i+=p[y++],r+=p[y++],d=s.Q,e.addData(d,v,m,i,r);break;case"A":x=p[y++],_=p[y++],b=p[y++],w=p[y++],S=p[y++],Zu(M=i,I=r,i=p[y++],r=p[y++],w,S,x,_,b,d=s.A,e);break;case"a":x=p[y++],_=p[y++],b=p[y++],w=p[y++],S=p[y++],Zu(M=i,I=r,i+=p[y++],r+=p[y++],w,S,x,_,b,d=s.A,e)}}"z"!==h&&"Z"!==h||(d=s.Z,e.addData(d),i=o,r=a),n=d}return e.toStatic(),e}(t),i=A({},e);return i.buildPath=function(t){var e,i=$u(t);i&&t.canSave()?(t.appendPath(n),(e=t.getContext())&&t.rebuildPath(e,1)):(e=i?t.getContext():t)&&n.rebuildPath(e,1)},i.applyTransform=function(t){Vu(n,t),this.dirtyShape()},i}function Qu(t,e){return new Ku(Ju(t,e))}function tc(t,e){e=e||{};var n=new sl;return t.shape&&n.setShape(t.shape),n.setStyle(t.style),e.bakeTransform?Vu(n.path,t.getComputedTransform()):e.toLocal?n.setLocalTransform(t.getComputedTransform()):n.copyTransform(t),n.buildPath=t.buildPath,n.applyTransform=n.applyTransform,n.z=t.z,n.z2=t.z2,n.zlevel=t.zlevel,n}var ec=function(){this.cx=0,this.cy=0,this.r=0},nc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new ec},e.prototype.buildPath=function(t,e){t.moveTo(e.cx+e.r,e.cy),t.arc(e.cx,e.cy,e.r,0,2*Math.PI)},e}(sl);nc.prototype.type="circle";var ic=function(){this.cx=0,this.cy=0,this.rx=0,this.ry=0},rc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new ic},e.prototype.buildPath=function(t,e){var n=.5522848,i=e.cx,r=e.cy,o=e.rx,a=e.ry,s=o*n,l=a*n;t.moveTo(i-o,r),t.bezierCurveTo(i-o,r-l,i-s,r-a,i,r-a),t.bezierCurveTo(i+s,r-a,i+o,r-l,i+o,r),t.bezierCurveTo(i+o,r+l,i+s,r+a,i,r+a),t.bezierCurveTo(i-s,r+a,i-o,r+l,i-o,r),t.closePath()},e}(sl);rc.prototype.type="ellipse";var oc=Math.PI,ac=2*oc,sc=Math.sin,lc=Math.cos,uc=Math.acos,cc=Math.atan2,hc=Math.abs,dc=Math.sqrt,pc=Math.max,fc=Math.min,gc=1e-4;function yc(t,e,n,i,r,o,a){var s=t-n,l=e-i,u=(a?o:-o)/dc(s*s+l*l),c=u*l,h=-u*s,d=t+c,p=e+h,f=n+c,g=i+h,y=(d+f)/2,v=(p+g)/2,m=f-d,x=g-p,_=m*m+x*x,b=r-o,w=d*g-f*p,S=(x<0?-1:1)*dc(pc(0,b*b*_-w*w)),M=(w*x-m*S)/_,I=(-w*m-x*S)/_,T=(w*x+m*S)/_,C=(-w*m+x*S)/_,D=M-y,A=I-v,k=T-y,L=C-v;return D*D+A*A>k*k+L*L&&(M=T,I=C),{cx:M,cy:I,x0:-c,y0:-h,x1:M*(r/b-1),y1:I*(r/b-1)}}function vc(t,e){var n,i=pc(e.r,0),r=pc(e.r0||0,0),o=i>0;if(o||r>0){if(o||(i=r,r=0),r>i){var a=i;i=r,r=a}var s=e.startAngle,l=e.endAngle;if(!isNaN(s)&&!isNaN(l)){var u=e.cx,c=e.cy,h=!!e.clockwise,d=hc(l-s),p=d>ac&&d%ac;if(p>gc&&(d=p),i>gc)if(d>ac-gc)t.moveTo(u+i*lc(s),c+i*sc(s)),t.arc(u,c,i,s,l,!h),r>gc&&(t.moveTo(u+r*lc(l),c+r*sc(l)),t.arc(u,c,r,l,s,h));else{var f=void 0,g=void 0,y=void 0,v=void 0,m=void 0,x=void 0,_=void 0,b=void 0,w=void 0,S=void 0,M=void 0,I=void 0,T=void 0,C=void 0,D=void 0,A=void 0,k=i*lc(s),L=i*sc(s),P=r*lc(l),O=r*sc(l),R=d>gc;if(R){var N=e.cornerRadius;N&&(n=function(t){var e;if(U(t)){var n=t.length;if(!n)return t;e=1===n?[t[0],t[0],0,0]:2===n?[t[0],t[0],t[1],t[1]]:3===n?t.concat(t[2]):t}else e=[t,t,t,t];return e}(N),f=n[0],g=n[1],y=n[2],v=n[3]);var z=hc(i-r)/2;if(m=fc(z,y),x=fc(z,v),_=fc(z,f),b=fc(z,g),M=w=pc(m,x),I=S=pc(_,b),(w>gc||S>gc)&&(T=i*lc(l),C=i*sc(l),D=r*lc(s),A=r*sc(s),d<oc)){var E=function(t,e,n,i,r,o,a,s){var l=n-t,u=i-e,c=a-r,h=s-o,d=h*l-c*u;if(!(d*d<gc))return[t+(d=(c*(e-o)-h*(t-r))/d)*l,e+d*u]}(k,L,D,A,T,C,P,O);if(E){var B=k-E[0],V=L-E[1],G=T-E[0],F=C-E[1],W=1/sc(uc((B*G+V*F)/(dc(B*B+V*V)*dc(G*G+F*F)))/2),H=dc(E[0]*E[0]+E[1]*E[1]);M=fc(w,(i-H)/(W+1)),I=fc(S,(r-H)/(W-1))}}}if(R)if(M>gc){var Y=fc(y,M),X=fc(v,M),Z=yc(D,A,k,L,i,Y,h),j=yc(T,C,P,O,i,X,h);t.moveTo(u+Z.cx+Z.x0,c+Z.cy+Z.y0),M<w&&Y===X?t.arc(u+Z.cx,c+Z.cy,M,cc(Z.y0,Z.x0),cc(j.y0,j.x0),!h):(Y>0&&t.arc(u+Z.cx,c+Z.cy,Y,cc(Z.y0,Z.x0),cc(Z.y1,Z.x1),!h),t.arc(u,c,i,cc(Z.cy+Z.y1,Z.cx+Z.x1),cc(j.cy+j.y1,j.cx+j.x1),!h),X>0&&t.arc(u+j.cx,c+j.cy,X,cc(j.y1,j.x1),cc(j.y0,j.x0),!h))}else t.moveTo(u+k,c+L),t.arc(u,c,i,s,l,!h);else t.moveTo(u+k,c+L);if(r>gc&&R)if(I>gc){Y=fc(f,I),Z=yc(P,O,T,C,r,-(X=fc(g,I)),h),j=yc(k,L,D,A,r,-Y,h);t.lineTo(u+Z.cx+Z.x0,c+Z.cy+Z.y0),I<S&&Y===X?t.arc(u+Z.cx,c+Z.cy,I,cc(Z.y0,Z.x0),cc(j.y0,j.x0),!h):(X>0&&t.arc(u+Z.cx,c+Z.cy,X,cc(Z.y0,Z.x0),cc(Z.y1,Z.x1),!h),t.arc(u,c,r,cc(Z.cy+Z.y1,Z.cx+Z.x1),cc(j.cy+j.y1,j.cx+j.x1),h),Y>0&&t.arc(u+j.cx,c+j.cy,Y,cc(j.y1,j.x1),cc(j.y0,j.x0),!h))}else t.lineTo(u+P,c+O),t.arc(u,c,r,l,s,h);else t.lineTo(u+P,c+O)}else t.moveTo(u,c);t.closePath()}}}var mc=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0,this.cornerRadius=0},xc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new mc},e.prototype.buildPath=function(t,e){vc(t,e)},e.prototype.isZeroArea=function(){return this.shape.startAngle===this.shape.endAngle||this.shape.r===this.shape.r0},e}(sl);xc.prototype.type="sector";var _c=function(){this.cx=0,this.cy=0,this.r=0,this.r0=0},bc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new _c},e.prototype.buildPath=function(t,e){var n=e.cx,i=e.cy,r=2*Math.PI;t.moveTo(n+e.r,i),t.arc(n,i,e.r,0,r,!1),t.moveTo(n+e.r0,i),t.arc(n,i,e.r0,0,r,!0)},e}(sl);function wc(t,e,n){var i=e.smooth,r=e.points;if(r&&r.length>=2){if(i){var o=function(t,e,n,i){var r,o,a,s,l=[],u=[],c=[],h=[];if(i){a=[1/0,1/0],s=[-1/0,-1/0];for(var d=0,p=t.length;d<p;d++)Ut(a,a,t[d]),Yt(s,s,t[d]);Ut(a,a,i[0]),Yt(s,s,i[1])}for(d=0,p=t.length;d<p;d++){var f=t[d];if(n)r=t[d?d-1:p-1],o=t[(d+1)%p];else{if(0===d||d===p-1){l.push(Ct(t[d]));continue}r=t[d-1],o=t[d+1]}Lt(u,o,r),zt(u,u,e);var g=Bt(f,r),y=Bt(f,o),v=g+y;0!==v&&(g/=v,y/=v),zt(c,u,-g),zt(h,u,y);var m=At([],f,c),x=At([],f,h);i&&(Yt(m,m,a),Ut(m,m,s),Yt(x,x,a),Ut(x,x,s)),l.push(m),l.push(x)}return n&&l.push(l.shift()),l}(r,i,n,e.smoothConstraint);t.moveTo(r[0][0],r[0][1]);for(var a=r.length,s=0;s<(n?a:a-1);s++){var l=o[2*s],u=o[2*s+1],c=r[(s+1)%a];t.bezierCurveTo(l[0],l[1],u[0],u[1],c[0],c[1])}}else{t.moveTo(r[0][0],r[0][1]);s=1;for(var h=r.length;s<h;s++)t.lineTo(r[s][0],r[s][1])}n&&t.closePath()}}bc.prototype.type="ring";var Sc=function(){this.points=null,this.smooth=0,this.smoothConstraint=null},Mc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new Sc},e.prototype.buildPath=function(t,e){wc(t,e,!0)},e}(sl);Mc.prototype.type="polygon";var Ic=function(){this.points=null,this.percent=1,this.smooth=0,this.smoothConstraint=null},Tc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Ic},e.prototype.buildPath=function(t,e){wc(t,e,!1)},e}(sl);Tc.prototype.type="polyline";var Cc={},Dc=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.percent=1},Ac=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Dc},e.prototype.buildPath=function(t,e){var n,i,r,o;if(this.subPixelOptimize){var a=fl(Cc,e,this.style);n=a.x1,i=a.y1,r=a.x2,o=a.y2}else n=e.x1,i=e.y1,r=e.x2,o=e.y2;var s=e.percent;0!==s&&(t.moveTo(n,i),s<1&&(r=n*(1-s)+r*s,o=i*(1-s)+o*s),t.lineTo(r,o))},e.prototype.pointAt=function(t){var e=this.shape;return[e.x1*(1-t)+e.x2*t,e.y1*(1-t)+e.y2*t]},e}(sl);Ac.prototype.type="line";var kc=[],Lc=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.cpx1=0,this.cpy1=0,this.percent=1};function Pc(t,e,n){var i=t.cpx2,r=t.cpy2;return null!=i||null!=r?[(n?An:Dn)(t.x1,t.cpx1,t.cpx2,t.x2,e),(n?An:Dn)(t.y1,t.cpy1,t.cpy2,t.y2,e)]:[(n?zn:Nn)(t.x1,t.cpx1,t.x2,e),(n?zn:Nn)(t.y1,t.cpy1,t.y2,e)]}var Oc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Lc},e.prototype.buildPath=function(t,e){var n=e.x1,i=e.y1,r=e.x2,o=e.y2,a=e.cpx1,s=e.cpy1,l=e.cpx2,u=e.cpy2,c=e.percent;0!==c&&(t.moveTo(n,i),null==l||null==u?(c<1&&(Bn(n,a,r,c,kc),a=kc[1],r=kc[2],Bn(i,s,o,c,kc),s=kc[1],o=kc[2]),t.quadraticCurveTo(a,s,r,o)):(c<1&&(Pn(n,a,l,r,c,kc),a=kc[1],l=kc[2],r=kc[3],Pn(i,s,u,o,c,kc),s=kc[1],u=kc[2],o=kc[3]),t.bezierCurveTo(a,s,l,u,r,o)))},e.prototype.pointAt=function(t){return Pc(this.shape,t,!1)},e.prototype.tangentAt=function(t){var e=Pc(this.shape,t,!0);return Et(e,e)},e}(sl);Oc.prototype.type="bezier-curve";var Rc=function(){this.cx=0,this.cy=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0},Nc=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Rc},e.prototype.buildPath=function(t,e){var n=e.cx,i=e.cy,r=Math.max(e.r,0),o=e.startAngle,a=e.endAngle,s=e.clockwise,l=Math.cos(o),u=Math.sin(o);t.moveTo(l*r+n,u*r+i),t.arc(n,i,r,o,a,!s)},e}(sl);Nc.prototype.type="arc";var zc=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="compound",e}return n(e,t),e.prototype._updatePathDirty=function(){for(var t=this.shape.paths,e=this.shapeChanged(),n=0;n<t.length;n++)e=e||t[n].shapeChanged();e&&this.dirtyShape()},e.prototype.beforeBrush=function(){this._updatePathDirty();for(var t=this.shape.paths||[],e=this.getGlobalScale(),n=0;n<t.length;n++)t[n].path||t[n].createPathProxy(),t[n].path.setScale(e[0],e[1],t[n].segmentIgnoreThreshold)},e.prototype.buildPath=function(t,e){for(var n=e.paths||[],i=0;i<n.length;i++)n[i].buildPath(t,n[i].shape,!0)},e.prototype.afterBrush=function(){for(var t=this.shape.paths||[],e=0;e<t.length;e++)t[e].pathUpdated()},e.prototype.getBoundingRect=function(){return this._updatePathDirty.call(this),sl.prototype.getBoundingRect.call(this)},e}(sl),Ec=function(){function t(t){this.colorStops=t||[]}return t.prototype.addColorStop=function(t,e){this.colorStops.push({offset:t,color:e})},t}(),Bc=function(t){function e(e,n,i,r,o,a){var s=t.call(this,o)||this;return s.x=null==e?0:e,s.y=null==n?0:n,s.x2=null==i?1:i,s.y2=null==r?0:r,s.type="linear",s.global=a||!1,s}return n(e,t),e}(Ec),Vc=function(t){function e(e,n,i,r,o){var a=t.call(this,r)||this;return a.x=null==e?.5:e,a.y=null==n?.5:n,a.r=null==i?.5:i,a.type="radial",a.global=o||!1,a}return n(e,t),e}(Ec),Gc=Math.min,Fc=Math.max,Wc=Math.abs,Hc=[0,0],Uc=[0,0],Yc=Ze(),Xc=Yc.minTv,Zc=Yc.maxTv,jc=function(){function t(t,e){this._corners=[],this._axes=[],this._origin=[0,0];for(var n=0;n<4;n++)this._corners[n]=new Ae;for(n=0;n<2;n++)this._axes[n]=new Ae;t&&this.fromBoundingRect(t,e)}return t.prototype.fromBoundingRect=function(t,e){var n=this._corners,i=this._axes,r=t.x,o=t.y,a=r+t.width,s=o+t.height;if(n[0].set(r,o),n[1].set(a,o),n[2].set(a,s),n[3].set(r,s),e)for(var l=0;l<4;l++)n[l].transform(e);Ae.sub(i[0],n[1],n[0]),Ae.sub(i[1],n[3],n[0]),i[0].normalize(),i[1].normalize();for(l=0;l<2;l++)this._origin[l]=i[l].dot(n[0])},t.prototype.intersect=function(t,e,n){var i=!0,r=!e;return e&&Ae.set(e,0,0),Yc.reset(n,!r),!this._intersectCheckOneSide(this,t,r,1)&&(i=!1,r)||!this._intersectCheckOneSide(t,this,r,-1)&&(i=!1,r)||r||Yc.negativeSize||Ae.copy(e,i?Yc.useDir?Yc.dirMinTv:Xc:Zc),i},t.prototype._intersectCheckOneSide=function(t,e,n,i){for(var r=!0,o=0;o<2;o++){var a=t._axes[o];if(t._getProjMinMaxOnAxis(o,t._corners,Hc),t._getProjMinMaxOnAxis(o,e._corners,Uc),Yc.negativeSize||Hc[1]<Uc[0]||Hc[0]>Uc[1]){if(r=!1,Yc.negativeSize||n)return r;var s=Wc(Uc[0]-Hc[1]),l=Wc(Hc[0]-Uc[1]);Gc(s,l)>Zc.len()&&(s<l?Ae.scale(Zc,a,-s*i):Ae.scale(Zc,a,l*i))}else if(!n){s=Wc(Uc[0]-Hc[1]),l=Wc(Hc[0]-Uc[1]);(Yc.useDir||Gc(s,l)<Xc.len())&&((s<l||!Yc.bidirectional)&&(Ae.scale(Xc,a,s*i),Yc.useDir&&Yc.calcDirMTV()),(s>=l||!Yc.bidirectional)&&(Ae.scale(Xc,a,-l*i),Yc.useDir&&Yc.calcDirMTV()))}}return r},t.prototype._getProjMinMaxOnAxis=function(t,e,n){for(var i=this._axes[t],r=this._origin,o=e[0].dot(i)+r[t],a=o,s=o,l=1;l<e.length;l++){var u=e[l].dot(i)+r[t];a=Gc(u,a),s=Fc(u,s)}n[0]=a+Yc.touchThreshold,n[1]=s-Yc.touchThreshold,Yc.negativeSize=n[1]<n[0]},t}(),qc=[],Kc=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.notClear=!0,e.incremental=!0,e._displayables=[],e._temporaryDisplayables=[],e._cursor=0,e}return n(e,t),e.prototype.traverse=function(t,e){t.call(e,this)},e.prototype.useStyle=function(){this.style={}},e.prototype.getCursor=function(){return this._cursor},e.prototype.innerAfterBrush=function(){this._cursor=this._displayables.length},e.prototype.clearDisplaybles=function(){this._displayables=[],this._temporaryDisplayables=[],this._cursor=0,this.markRedraw(),this.notClear=!1},e.prototype.clearTemporalDisplayables=function(){this._temporaryDisplayables=[]},e.prototype.addDisplayable=function(t,e){e?this._temporaryDisplayables.push(t):this._displayables.push(t),this.markRedraw()},e.prototype.addDisplayables=function(t,e){e=e||!1;for(var n=0;n<t.length;n++)this.addDisplayable(t[n],e)},e.prototype.getDisplayables=function(){return this._displayables},e.prototype.getTemporalDisplayables=function(){return this._temporaryDisplayables},e.prototype.eachPendingDisplayable=function(t){for(var e=this._cursor;e<this._displayables.length;e++)t&&t(this._displayables[e]);for(e=0;e<this._temporaryDisplayables.length;e++)t&&t(this._temporaryDisplayables[e])},e.prototype.update=function(){this.updateTransform();for(var t=this._cursor;t<this._displayables.length;t++){(e=this._displayables[t]).parent=this,e.update(),e.parent=null}for(t=0;t<this._temporaryDisplayables.length;t++){var e;(e=this._temporaryDisplayables[t]).parent=this,e.update(),e.parent=null}},e.prototype.getBoundingRect=function(){if(!this._rect){for(var t=new He(1/0,1/0,-1/0,-1/0),e=0;e<this._displayables.length;e++){var n=this._displayables[e],i=n.getBoundingRect().clone();n.needLocalTransform()&&i.applyTransform(n.getLocalTransform(qc)),t.union(i)}this._rect=t}return this._rect},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e);if(this.getBoundingRect().contain(n[0],n[1]))for(var i=0;i<this._displayables.length;i++){if(this._displayables[i].contain(t,e))return!0}return!1},e}(os),$c=sa();function Jc(t,e,n,i,r){var o;if(e&&e.ecModel){var a=e.ecModel.getUpdatePayload();o=a&&a.animation}var s="update"===t;if(e&&e.isAnimationEnabled()){var l=void 0,u=void 0,c=void 0;return i?(l=rt(i.duration,200),u=rt(i.easing,"cubicOut"),c=0):(l=e.getShallow(s?"animationDurationUpdate":"animationDuration"),u=e.getShallow(s?"animationEasingUpdate":"animationEasing"),c=e.getShallow(s?"animationDelayUpdate":"animationDelay")),o&&(null!=o.duration&&(l=o.duration),null!=o.easing&&(u=o.easing),null!=o.delay&&(c=o.delay)),Y(c)&&(c=c(n,r)),Y(l)&&(l=l(n)),{duration:l||0,delay:c,easing:u}}return null}function Qc(t,e,n,i,r,o,a){var s,l=!1;Y(r)?(a=o,o=r,r=null):q(r)&&(o=r.cb,a=r.during,l=r.isFrom,s=r.removeOpt,r=r.dataIndex);var u="leave"===t;u||e.stopAnimation("leave");var c=Jc(t,i,r,u?s||{}:null,i&&i.getAnimationDelayParams?i.getAnimationDelayParams(e,r):null);if(c&&c.duration>0){var h={duration:c.duration,delay:c.delay||0,easing:c.easing,done:o,force:!!o||!!a,setToFinal:!u,scope:t,during:a};l?e.animateFrom(n,h):e.animateTo(n,h)}else e.stopAnimation(),!l&&e.attr(n),a&&a(1),o&&o()}function th(t,e,n,i,r,o){Qc("update",t,e,n,i,r,o)}function eh(t,e,n,i,r,o){Qc("enter",t,e,n,i,r,o)}function nh(t){if(!t.__zr)return!0;for(var e=0;e<t.animators.length;e++){if("leave"===t.animators[e].scope)return!0}return!1}function ih(t,e,n,i,r,o){nh(t)||Qc("leave",t,e,n,i,r,o)}function rh(t,e,n,i){t.removeTextContent(),t.removeTextGuideLine(),ih(t,{style:{opacity:0}},e,n,i)}function oh(t,e,n){function i(){t.parent&&t.parent.remove(t)}t.isGroup?t.traverse((function(t){t.isGroup||rh(t,e,n,i)})):rh(t,e,n,i)}function ah(t){$c(t).oldStyle=t.style}var sh={},lh=["x","y"],uh=["width","height"];function ch(t){return sl.extend(t)}var hh=function(t,e){var i=Ju(t,e);return function(t){function e(e){var n=t.call(this,e)||this;return n.applyTransform=i.applyTransform,n.buildPath=i.buildPath,n}return n(e,t),e}(Ku)};function dh(t,e){return hh(t,e)}function ph(t,e){sh[t]=e}function fh(t){if(sh.hasOwnProperty(t))return sh[t]}function gh(t,e,n,i){var r=Qu(t,e);return n&&("center"===i&&(n=vh(n,r.getBoundingRect())),xh(r,n)),r}function yh(t,e,n){var i=new dl({style:{image:t,x:e.x,y:e.y,width:e.width,height:e.height},onload:function(t){if("center"===n){var r={width:t.width,height:t.height};i.setStyle(vh(e,r))}}});return i}function vh(t,e){var n,i=e.width/e.height,r=t.height*i;return n=r<=t.width?t.height:(r=t.width)/i,{x:t.x+t.width/2-r/2,y:t.y+t.height/2-n/2,width:r,height:n}}var mh=function(t,e){for(var n=[],i=t.length,r=0;r<i;r++){var o=t[r];n.push(o.getUpdatedPathProxy(!0))}var a=new sl(e);return a.createPathProxy(),a.buildPath=function(t){if($u(t)){t.appendPath(n);var e=t.getContext();e&&t.rebuildPath(e,1)}},a};function xh(t,e){if(t.applyTransform){var n=t.getBoundingRect().calculateTransform(e);t.applyTransform(n)}}function _h(t,e){return fl(t,t,{lineWidth:e}),t}var bh=yl;function wh(t,e){for(var n=_e([]);t&&t!==e;)we(n,t.getLocalTransform(),n),t=t.parent;return n}function Sh(t,e,n){return e&&!N(e)&&(e=Dr.getLocalTransform(e)),n&&(e=Te([],e)),Ht([],t,e)}function Mh(t,e,n){var i=0===e[4]||0===e[5]||0===e[0]?1:fo(2*e[4]/e[0]),r=0===e[4]||0===e[5]||0===e[2]?1:fo(2*e[4]/e[2]),o=["left"===t?-i:"right"===t?i:0,"top"===t?-r:"bottom"===t?r:0];return o=Sh(o,e,n),fo(o[0])>fo(o[1])?o[0]>0?"right":"left":o[1]>0?"bottom":"top"}function Ih(t){return!t.isGroup}function Th(t,e,n){if(t&&e){var i,r=(i={},t.traverse((function(t){Ih(t)&&t.anid&&(i[t.anid]=t)})),i);e.traverse((function(t){if(Ih(t)&&t.anid){var e=r[t.anid];if(e){var i=o(t);t.attr(o(e)),th(t,i,n,zl(t).dataIndex)}}}))}function o(t){var e={x:t.x,y:t.y,rotation:t.rotation};return function(t){return null!=t.shape}(t)&&(e.shape=T(t.shape)),e}}function Ch(t,e){return E(t,(function(t){var n=t[0];n=po(n,e.x),n=ho(n,e.x+e.width);var i=t[1];return i=po(i,e.y),[n,i=ho(i,e.y+e.height)]}))}function Dh(t,e){var n=po(t.x,e.x),i=ho(t.x+t.width,e.x+e.width),r=po(t.y,e.y),o=ho(t.y+t.height,e.y+e.height);if(i>=n&&o>=r)return{x:n,y:r,width:i-n,height:o-r}}function Ah(t,e,n){var i=A({rectHover:!0},e),r=i.style={strokeNoScale:!0};if(n=n||{x:-1,y:-1,width:2,height:2},t)return 0===t.indexOf("image://")?(r.image=t.slice(8),k(r,n),new dl(i)):gh(t.replace("path://",""),i,n,"center")}function kh(t,e,n,i,r){for(var o=0,a=r[r.length-1];o<r.length;o++){var s=r[o];if(Lh(t,e,n,i,s[0],s[1],a[0],a[1]))return!0;a=s}}function Lh(t,e,n,i,r,o,a,s){var l,u=n-t,c=i-e,h=a-r,d=s-o,p=Ph(h,d,u,c);if((l=p)<=1e-6&&l>=-1e-6)return!1;var f=t-r,g=e-o,y=Ph(f,g,u,c)/p;if(y<0||y>1)return!1;var v=Ph(f,g,h,d)/p;return!(v<0||v>1)}function Ph(t,e,n,i){return t*i-n*e}function Oh(t,e,n,i,r){return null==e||(j(e)?Rh[0]=Rh[1]=Rh[2]=Rh[3]=e:(Rh[0]=e[0],Rh[1]=e[1],Rh[2]=e[2],Rh[3]=e[3]),i&&(Rh[0]=po(0,Rh[0]),Rh[1]=po(0,Rh[1]),Rh[2]=po(0,Rh[2]),Rh[3]=po(0,Rh[3])),n&&(Rh[0]=-Rh[0],Rh[1]=-Rh[1],Rh[2]=-Rh[2],Rh[3]=-Rh[3]),Nh(t,Rh,"x","width",3,1,r&&r[0]||0),Nh(t,Rh,"y","height",0,2,r&&r[1]||0)),t}var Rh=[0,0,0,0];function Nh(t,e,n,i,r,o,a){var s=e[o]+e[r],l=t[i];t[i]+=s,a=po(0,ho(a,l)),t[i]<a?(t[i]=a,t[n]+=e[r]>=0?-e[r]:e[o]>=0?l+e[o]:fo(s)>1e-8?(l-a)*e[r]/s:0):t[n]-=e[r]}function zh(t){var e=t.itemTooltipOption,n=t.componentModel,i=t.itemName,r=X(e)?{formatter:e}:e,o=n.mainType,a=n.componentIndex,s={componentType:o,name:i,$vars:["name"]};s[o+"Index"]=a;var l=t.formatterParamsExtra;l&&z(F(l),(function(t){_t(s,t)||(s[t]=l[t],s.$vars.push(t))}));var u=zl(t.el);u.componentMainType=o,u.componentIndex=a,u.tooltipConfig={name:i,option:k({content:i,encodeHTMLContent:!0,formatterParams:s},r)}}function Eh(t,e){var n;t.isGroup&&(n=e(t)),n||t.traverse(e)}function Bh(t,e){if(t)if(U(t))for(var n=0;n<t.length;n++)Eh(t[n],e);else Eh(t,e)}function Vh(t){return!t||fo(t[1])<Gh&&fo(t[2])<Gh||fo(t[0])<Gh&&fo(t[3])<Gh}var Gh=1e-5;function Fh(t,e){return t?He.copy(t,e):e.clone()}function Wh(t,e){return e?be(t||[1,0,0,1,0,0],e):void 0}function Hh(t){return{z:t.get("z")||0,zlevel:t.get("zlevel")||0}}function Uh(t){var e=-1/0,n=1/0;function i(t){if(t&&!t.isGroup){var e=t.currentStates;if(e.length)for(var n=0;n<e.length;n++)r(t.states[e[n]]);r(t)}}function r(t){if(t){var i=t.z2;i>e&&(e=i),i<n&&(n=i)}}return Eh(t,(function(t){i(t),i(t.getTextContent()),i(t.getTextGuideLine())})),n>e&&(n=e=0),{min:n,max:e}}function Yh(t,e,n){Xh(t,e,n,-1/0)}function Xh(t,e,n,i){if(t.ignoreModelZ)return i;var r=t.getTextContent(),o=t.getTextGuideLine();if(t.isGroup)for(var a=t.childrenRef(),s=0;s<a.length;s++)i=po(Xh(a[s],e,n,i),i);else t.z=e,t.zlevel=n,i=po(t.z2||0,i);if(r&&(r.z=e,r.zlevel=n,isFinite(i)&&(r.z2=i+2)),o){var l=t.textGuideLineConfig;o.z=e,o.zlevel=n,isFinite(i)&&(o.z2=i+(l&&l.showAbove?1:-1))}return i}ph("circle",nc),ph("ellipse",rc),ph("sector",xc),ph("ring",bc),ph("polygon",Mc),ph("polyline",Tc),ph("rect",xl),ph("line",Ac),ph("bezierCurve",Oc),ph("arc",Nc);var Zh=Object.freeze({__proto__:null,updateProps:th,initProps:eh,removeElement:ih,removeElementWithFadeOut:oh,isElementRemoved:nh,XY:lh,WH:uh,extendShape:ch,extendPath:dh,registerShape:ph,getShapeClass:fh,makePath:gh,makeImage:yh,mergePath:mh,resizePath:xh,subPixelOptimizeLine:_h,subPixelOptimizeRect:function(t,e){return gl(t,t,e),t},subPixelOptimize:bh,getTransform:wh,applyTransform:Sh,transformDirection:Mh,groupTransition:Th,clipPointsByRect:Ch,clipRectByRect:Dh,createIcon:Ah,linePolygonIntersect:kh,lineLineIntersect:Lh,expandOrShrinkRect:Oh,setTooltipConfig:zh,traverseElements:Bh,isBoundingRectAxisAligned:Vh,ensureCopyRect:Fh,ensureCopyTransform:Wh,retrieveZInfo:Hh,calcZ2Range:Uh,traverseUpdateZ:Yh,Group:to,Image:dl,Text:Sl,Circle:nc,Ellipse:rc,Sector:xc,Ring:bc,Polygon:Mc,Polyline:Tc,Rect:xl,Line:Ac,BezierCurve:Oc,Arc:Nc,IncrementalDisplayable:Kc,CompoundPath:zc,LinearGradient:Bc,RadialGradient:Vc,BoundingRect:He,OrientedBoundingRect:jc,Point:Ae,Path:sl}),jh={};function qh(t,e){for(var n=0;n<Wl.length;n++){var i=Wl[n],r=e[i],o=t.ensureState(i);o.style=o.style||{},o.style.text=r}var a=t.currentStates.slice();t.clearStates(!0),t.setStyle({text:e.normal}),t.useStates(a,!0)}function Kh(t,e,n){var i,r=t.labelFetcher,o=t.labelDataIndex,a=t.labelDimIndex,s=e.normal;r&&(i=r.getFormattedLabel(o,"normal",null,a,s&&s.get("formatter"),null!=n?{interpolatedValue:n}:null)),null==i&&(i=Y(t.defaultText)?t.defaultText(o,t,n):t.defaultText);for(var l={normal:i},u=0;u<Wl.length;u++){var c=Wl[u],h=e[c];l[c]=rt(r?r.getFormattedLabel(o,c,null,a,h&&h.get("formatter")):null,i)}return l}function $h(t,e,n,i){n=n||jh;for(var r=t instanceof Sl,o=!1,a=0;a<Hl.length;a++){if((d=e[Hl[a]])&&d.getShallow("show")){o=!0;break}}var s=r?t:t.getTextContent();if(o){r||(s||(s=new Sl,t.setTextContent(s)),t.stateProxy&&(s.stateProxy=t.stateProxy));var l=Kh(n,e),u=e.normal,c=!!u.getShallow("show"),h=Qh(u,i&&i.normal,n,!1,!r);h.text=l.normal,r||t.setTextConfig(td(u,n,!1));for(a=0;a<Wl.length;a++){var d,p=Wl[a];if(d=e[p]){var f=s.ensureState(p),g=!!rt(d.getShallow("show"),c);if(g!==c&&(f.ignore=!g),f.style=Qh(d,i&&i[p],n,!0,!r),f.style.text=l[p],!r)t.ensureState(p).textConfig=td(d,n,!0)}}s.silent=!!u.getShallow("silent"),null!=s.style.x&&(h.x=s.style.x),null!=s.style.y&&(h.y=s.style.y),s.ignore=!c,s.useStyle(h),s.dirty(),n.enableTextSetter&&(ad(s).setLabelText=function(t){var i=Kh(n,e,t);qh(s,i)})}else s&&(s.ignore=!0);t.dirty()}function Jh(t,e){e=e||"label";for(var n={normal:t.getModel(e)},i=0;i<Wl.length;i++){var r=Wl[i];n[r]=t.getModel([r,e])}return n}function Qh(t,e,n,i,r){var o={};return function(t,e,n,i,r){n=n||jh;var o,a=e.ecModel,s=a&&a.option.textStyle,l=function(t){var e;for(;t&&t!==t.ecModel;){var n=(t.option||jh).rich;if(n){e=e||{};for(var i=F(n),r=0;r<i.length;r++){e[i[r]]=1}}t=t.parentModel}return e}(e);if(l){o={};var u="richInheritPlainLabel",c=rt(e.get(u),a?a.get(u):void 0);for(var h in l)if(l.hasOwnProperty(h)){var d=e.getModel(["rich",h]);rd(o[h]={},d,s,e,c,n,i,r,!1,!0)}}o&&(t.rich=o);var p=e.get("overflow");p&&(t.overflow=p);var f=e.get("lineOverflow");f&&(t.lineOverflow=f);var g=t,y=e.get("minMargin");if(null!=y)y=j(y)?y/2:0,g.margin=[y,y,y,y],g.__marginType=hd.minMargin;else{var v=e.get("textMargin");null!=v&&(g.margin=st(v),g.__marginType=hd.textMargin)}rd(t,e,s,null,null,n,i,r,!0,!1)}(o,t,n,i,r),e&&A(o,e),o}function td(t,e,n){e=e||{};var i,r={},o=t.getShallow("rotate"),a=rt(t.getShallow("distance"),n?null:5),s=t.getShallow("offset");return"outside"===(i=t.getShallow("position")||(n?null:"inside"))&&(i=e.defaultOutsidePosition||"top"),null!=i&&(r.position=i),null!=s&&(r.offset=s),null!=o&&(o*=Math.PI/180,r.rotation=o),null!=a&&(r.distance=a),r.outsideFill="inherit"===t.get("color")?e.inheritColor||null:"auto",null!=e.autoOverflowArea&&(r.autoOverflowArea=e.autoOverflowArea),null!=e.layoutRect&&(r.layoutRect=e.layoutRect),r}var ed=["fontStyle","fontWeight","fontSize","fontFamily","textShadowColor","textShadowBlur","textShadowOffsetX","textShadowOffsetY"],nd=["align","lineHeight","width","height","tag","verticalAlign","ellipsis"],id=["padding","borderWidth","borderRadius","borderDashOffset","backgroundColor","borderColor","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"];function rd(t,e,n,i,r,o,a,s,l,u){n=!a&&n||jh;var c=o&&o.inheritColor,h=e.getShallow("color"),d=e.getShallow("textBorderColor"),p=rt(e.getShallow("opacity"),n.opacity);"inherit"!==h&&"auto"!==h||(h=c||null),"inherit"!==d&&"auto"!==d||(d=c||null),s||(h=h||n.color,d=d||n.textBorderColor),null!=h&&(t.fill=h),null!=d&&(t.stroke=d);var f=rt(e.getShallow("textBorderWidth"),n.textBorderWidth);null!=f&&(t.lineWidth=f);var g=rt(e.getShallow("textBorderType"),n.textBorderType);null!=g&&(t.lineDash=g);var y=rt(e.getShallow("textBorderDashOffset"),n.textBorderDashOffset);null!=y&&(t.lineDashOffset=y),a||null!=p||u||(p=o&&o.defaultOpacity),null!=p&&(t.opacity=p),a||s||null==t.fill&&o.inheritColor&&(t.fill=o.inheritColor);for(var v=0;v<ed.length;v++){var m=ed[v];null!=(_=!1!==r&&i?ot(e.getShallow(m),i.getShallow(m),n[m]):rt(e.getShallow(m),n[m]))&&(t[m]=_)}for(v=0;v<nd.length;v++){m=nd[v];null!=(_=e.getShallow(m))&&(t[m]=_)}if(null==t.verticalAlign){var x=e.getShallow("baseline");null!=x&&(t.verticalAlign=x)}if(!l||!o.disableBox){for(v=0;v<id.length;v++){var _;m=id[v];null!=(_=e.getShallow(m))&&(t[m]=_)}var b=e.getShallow("borderType");null!=b&&(t.borderDash=b),"auto"!==t.backgroundColor&&"inherit"!==t.backgroundColor||!c||(t.backgroundColor=c),"auto"!==t.borderColor&&"inherit"!==t.borderColor||!c||(t.borderColor=c)}}function od(t,e){var n=e&&e.getModel("textStyle");return ut([t.fontStyle||n&&n.getShallow("fontStyle")||"",t.fontWeight||n&&n.getShallow("fontWeight")||"",(t.fontSize||n&&n.getShallow("fontSize")||12)+"px",t.fontFamily||n&&n.getShallow("fontFamily")||"sans-serif"].join(" "))}var ad=sa();function sd(t,e,n,i){if(t){var r=ad(t);r.prevValue=r.value,r.value=n;var o=e.normal;r.valueAnimation=o.get("valueAnimation"),r.valueAnimation&&(r.precision=o.get("precision"),r.defaultInterpolatedText=i,r.statesModels=e)}}function ld(t,e,n,i,r){var o=ad(t);if(o.valueAnimation&&o.prevValue!==o.value){var a=o.defaultInterpolatedText,s=rt(o.interpolatedValue,o.prevValue),l=o.value;t.percent=0,(null==o.prevValue?eh:th)(t,{percent:1},i,e,null,(function(i){var u=ya(n,o.precision,s,l,i);o.interpolatedValue=1===i?null:u;var c=Kh({labelDataIndex:e,labelFetcher:r,defaultText:a?a(u):u+""},o.statesModels,u);qh(t,c)}))}}var ud,cd,hd={minMargin:1,textMargin:2},dd=["textStyle","color"],pd=["fontStyle","fontWeight","fontSize","fontFamily","padding","lineHeight","rich","width","height","overflow"],fd=new Sl,gd=function(){function t(){}return t.prototype.getTextColor=function(t){var e=this.ecModel;return this.getShallow("color")||(!t&&e?e.get(dd):null)},t.prototype.getFont=function(){return od({fontStyle:this.getShallow("fontStyle"),fontWeight:this.getShallow("fontWeight"),fontSize:this.getShallow("fontSize"),fontFamily:this.getShallow("fontFamily")},this.ecModel)},t.prototype.getTextRect=function(t){for(var e={text:t,verticalAlign:this.getShallow("verticalAlign")||this.getShallow("baseline")},n=0;n<pd.length;n++)e[pd[n]]=this.getShallow(pd[n]);return fd.useStyle(e),fd.update(),fd.getBoundingRect()},t}(),yd=[["lineWidth","width"],["stroke","color"],["opacity"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["shadowColor"],["lineDash","type"],["lineDashOffset","dashOffset"],["lineCap","cap"],["lineJoin","join"],["miterLimit"]],vd=Da(yd),md=function(){function t(){}return t.prototype.getLineStyle=function(t){return vd(this,t)},t}(),xd=[["fill","color"],["stroke","borderColor"],["lineWidth","borderWidth"],["opacity"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["shadowColor"],["lineDash","borderType"],["lineDashOffset","borderDashOffset"],["lineCap","borderCap"],["lineJoin","borderJoin"],["miterLimit","borderMiterLimit"]],_d=Da(xd),bd=function(){function t(){}return t.prototype.getItemStyle=function(t,e){return _d(this,t,e)},t}(),wd=function(){function t(t,e,n){this.parentModel=e,this.ecModel=n,this.option=t}return t.prototype.init=function(t,e,n){for(var i=[],r=3;r<arguments.length;r++)i[r-3]=arguments[r]},t.prototype.mergeOption=function(t,e){C(this.option,t,!0)},t.prototype.get=function(t,e){return null==t?this.option:this._doGet(this.parsePath(t),!e&&this.parentModel)},t.prototype.getShallow=function(t,e){var n=this.option,i=null==n?n:n[t];if(null==i&&!e){var r=this.parentModel;r&&(i=r.getShallow(t))}return i},t.prototype.getModel=function(e,n){var i=null!=e,r=i?this.parsePath(e):null;return new t(i?this._doGet(r):this.option,n=n||this.parentModel&&this.parentModel.getModel(this.resolveParentPath(r)),this.ecModel)},t.prototype.isEmpty=function(){return null==this.option},t.prototype.restoreData=function(){},t.prototype.clone=function(){return new(0,this.constructor)(T(this.option))},t.prototype.parsePath=function(t){return"string"==typeof t?t.split("."):t},t.prototype.resolveParentPath=function(t){return t},t.prototype.isAnimationEnabled=function(){if(!r.node&&this.option){if(null!=this.option.animation)return!!this.option.animation;if(this.parentModel)return this.parentModel.isAnimationEnabled()}},t.prototype._doGet=function(t,e){var n=this.option;if(!t)return n;for(var i=0;i<t.length&&(!t[i]||null!=(n=n&&"object"==typeof n?n[t[i]]:null));i++);return null==n&&e&&(n=e._doGet(this.resolveParentPath(t),e.parentModel)),n},t}();wa(wd),ud=wd,cd=["__\0is_clz",Ma++].join("_"),ud.prototype[cd]=!0,ud.isInstance=function(t){return!(!t||!t[cd])},R(wd,md),R(wd,bd),R(wd,ka),R(wd,gd);var Sd=Math.round(10*Math.random());function Md(t){return[t||"",Sd++].join("_")}function Id(t,e){return C(C({},t,!0),e,!0)}var Td="ZH",Cd="EN",Dd=Cd,Ad={},kd={},Ld=r.domSupported&&(document.documentElement.lang||navigator.language||navigator.browserLanguage||Dd).toUpperCase().indexOf(Td)>-1?Td:Dd;function Pd(t,e){t=t.toUpperCase(),kd[t]=new wd(e),Ad[t]=e}function Od(t){return kd[t]}Pd(Cd,{time:{month:["January","February","March","April","May","June","July","August","September","October","November","December"],monthAbbr:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],dayOfWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayOfWeekAbbr:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]},legend:{selector:{all:"All",inverse:"Inv"}},toolbox:{brush:{title:{rect:"Box Select",polygon:"Lasso Select",lineX:"Horizontally Select",lineY:"Vertically Select",keep:"Keep Selections",clear:"Clear Selections"}},dataView:{title:"Data View",lang:["Data View","Close","Refresh"]},dataZoom:{title:{zoom:"Zoom",back:"Zoom Reset"}},magicType:{title:{line:"Switch to Line Chart",bar:"Switch to Bar Chart",stack:"Stack",tiled:"Tile"}},restore:{title:"Restore"},saveAsImage:{title:"Save as Image",lang:["Right Click to Save Image"]}},series:{typeNames:{pie:"Pie chart",bar:"Bar chart",line:"Line chart",scatter:"Scatter plot",effectScatter:"Ripple scatter plot",radar:"Radar chart",tree:"Tree",treemap:"Treemap",boxplot:"Boxplot",candlestick:"Candlestick",k:"K line chart",heatmap:"Heat map",map:"Map",parallel:"Parallel coordinate map",lines:"Line graph",graph:"Relationship graph",sankey:"Sankey diagram",funnel:"Funnel chart",gauge:"Gauge",pictorialBar:"Pictorial bar",themeRiver:"Theme River Map",sunburst:"Sunburst",custom:"Custom chart",chart:"Chart"}},aria:{general:{withTitle:'This is a chart about "{title}"',withoutTitle:"This is a chart"},series:{single:{prefix:"",withName:" with type {seriesType} named {seriesName}.",withoutName:" with type {seriesType}."},multiple:{prefix:". It consists of {seriesCount} series count.",withName:" The {seriesId} series is a {seriesType} representing {seriesName}.",withoutName:" The {seriesId} series is a {seriesType}.",separator:{middle:"",end:""}}},data:{allData:"The data is as follows: ",partialData:"The first {displayCnt} items are: ",withName:"the data for {name} is {value}",withoutName:"{value}",separator:{middle:", ",end:". "}}}}),Pd(Td,{time:{month:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],monthAbbr:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],dayOfWeek:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],dayOfWeekAbbr:["日","一","二","三","四","五","六"]},legend:{selector:{all:"全选",inverse:"反选"}},toolbox:{brush:{title:{rect:"矩形选择",polygon:"圈选",lineX:"横向选择",lineY:"纵向选择",keep:"保持选择",clear:"清除选择"}},dataView:{title:"数据视图",lang:["数据视图","关闭","刷新"]},dataZoom:{title:{zoom:"区域缩放",back:"区域缩放还原"}},magicType:{title:{line:"切换为折线图",bar:"切换为柱状图",stack:"切换为堆叠",tiled:"切换为平铺"}},restore:{title:"还原"},saveAsImage:{title:"保存为图片",lang:["右键另存为图片"]}},series:{typeNames:{pie:"饼图",bar:"柱状图",line:"折线图",scatter:"散点图",effectScatter:"涟漪散点图",radar:"雷达图",tree:"树图",treemap:"矩形树图",boxplot:"箱型图",candlestick:"K线图",k:"K线图",heatmap:"热力图",map:"地图",parallel:"平行坐标图",lines:"线图",graph:"关系图",sankey:"桑基图",funnel:"漏斗图",gauge:"仪表盘图",pictorialBar:"象形柱图",themeRiver:"主题河流图",sunburst:"旭日图",custom:"自定义图表",chart:"图表"}},aria:{general:{withTitle:"这是一个关于“{title}”的图表。",withoutTitle:"这是一个图表，"},series:{single:{prefix:"",withName:"图表类型是{seriesType}，表示{seriesName}。",withoutName:"图表类型是{seriesType}。"},multiple:{prefix:"它由{seriesCount}个图表系列组成。",withName:"第{seriesId}个系列是一个表示{seriesName}的{seriesType}，",withoutName:"第{seriesId}个系列是一个{seriesType}，",separator:{middle:"；",end:"。"}}},data:{allData:"其数据是——",partialData:"其中，前{displayCnt}项是——",withName:"{name}的数据是{value}",withoutName:"{value}",separator:{middle:"，",end:""}}}});var Rd=null;function Nd(){return Rd}var zd=1e3,Ed=6e4,Bd=36e5,Vd=864e5,Gd=31536e6,Fd={year:/({yyyy}|{yy})/,month:/({MMMM}|{MMM}|{MM}|{M})/,day:/({dd}|{d})/,hour:/({HH}|{H}|{hh}|{h})/,minute:/({mm}|{m})/,second:/({ss}|{s})/,millisecond:/({SSS}|{S})/},Wd={year:"{yyyy}",month:"{MMM}",day:"{d}",hour:"{HH}:{mm}",minute:"{HH}:{mm}",second:"{HH}:{mm}:{ss}",millisecond:"{HH}:{mm}:{ss} {SSS}"},Hd="{yyyy}-{MM}-{dd}",Ud={year:"{yyyy}",month:"{yyyy}-{MM}",day:Hd,hour:Hd+" "+Wd.hour,minute:Hd+" "+Wd.minute,second:Hd+" "+Wd.second,millisecond:"{yyyy}-{MM}-{dd} {HH}:{mm}:{ss} {SSS}"},Yd=["year","month","day","hour","minute","second","millisecond"],Xd=["year","half-year","quarter","month","week","half-week","day","half-day","quarter-day","hour","minute","second","millisecond"];function Zd(t){return X(t)||Y(t)?t:function(t){t=t||{};var e={},n=!0;return z(Yd,(function(e){n&&(n=null==t[e])})),z(Yd,(function(i,r){var o=t[i];e[i]={};for(var a=null,s=r;s>=0;s--){var l=Yd[s],u=q(o)&&!U(o)?o[l]:o,c=void 0;U(u)?a=(c=u.slice())[0]||"":X(u)?c=[a=u]:(null==a?a=Wd[i]:Fd[l].test(a)||(a=e[l][l][0]+" "+a),c=[a],n&&(c[1]="{primary|"+a+"}")),e[i][l]=c}})),e}(t)}function jd(t,e){return"0000".substr(0,e-(t+="").length)+t}function qd(t){switch(t){case"half-year":case"quarter":return"month";case"week":case"half-week":return"day";case"half-day":case"quarter-day":return"hour";default:return t}}function Kd(t){return t===qd(t)}function $d(t,e,n,i){var r=Ao(t),o=r[tp(n)](),a=r[ep(n)]()+1,s=Math.floor((a-1)/3)+1,l=r[np(n)](),u=r["get"+(n?"UTC":"")+"Day"](),c=r[ip(n)](),h=(c-1)%12+1,d=r[rp(n)](),p=r[op(n)](),f=r[ap(n)](),g=c>=12?"pm":"am",y=g.toUpperCase(),v=(i instanceof wd?i:Od(i||Ld)||kd[Dd]).getModel("time"),m=v.get("month"),x=v.get("monthAbbr"),_=v.get("dayOfWeek"),b=v.get("dayOfWeekAbbr");return(e||"").replace(/{a}/g,g+"").replace(/{A}/g,y+"").replace(/{yyyy}/g,o+"").replace(/{yy}/g,jd(o%100+"",2)).replace(/{Q}/g,s+"").replace(/{MMMM}/g,m[a-1]).replace(/{MMM}/g,x[a-1]).replace(/{MM}/g,jd(a,2)).replace(/{M}/g,a+"").replace(/{dd}/g,jd(l,2)).replace(/{d}/g,l+"").replace(/{eeee}/g,_[u]).replace(/{ee}/g,b[u]).replace(/{e}/g,u+"").replace(/{HH}/g,jd(c,2)).replace(/{H}/g,c+"").replace(/{hh}/g,jd(h+"",2)).replace(/{h}/g,h+"").replace(/{mm}/g,jd(d,2)).replace(/{m}/g,d+"").replace(/{ss}/g,jd(p,2)).replace(/{s}/g,p+"").replace(/{SSS}/g,jd(f,3)).replace(/{S}/g,f+"")}function Jd(t,e){var n=Ao(t),i=n[ep(e)]()+1,r=n[np(e)](),o=n[ip(e)](),a=n[rp(e)](),s=n[op(e)](),l=0===n[ap(e)](),u=l&&0===s,c=u&&0===a,h=c&&0===o,d=h&&1===r;return d&&1===i?"year":d?"month":h?"day":c?"hour":u?"minute":l?"second":"millisecond"}function Qd(t,e,n){switch(e){case"year":t[lp(n)](0);case"month":t[up(n)](1);case"day":t[cp(n)](0);case"hour":t[hp(n)](0);case"minute":t[dp(n)](0);case"second":t[pp(n)](0)}return t}function tp(t){return t?"getUTCFullYear":"getFullYear"}function ep(t){return t?"getUTCMonth":"getMonth"}function np(t){return t?"getUTCDate":"getDate"}function ip(t){return t?"getUTCHours":"getHours"}function rp(t){return t?"getUTCMinutes":"getMinutes"}function op(t){return t?"getUTCSeconds":"getSeconds"}function ap(t){return t?"getUTCMilliseconds":"getMilliseconds"}function sp(t){return t?"setUTCFullYear":"setFullYear"}function lp(t){return t?"setUTCMonth":"setMonth"}function up(t){return t?"setUTCDate":"setDate"}function cp(t){return t?"setUTCHours":"setHours"}function hp(t){return t?"setUTCMinutes":"setMinutes"}function dp(t){return t?"setUTCSeconds":"setSeconds"}function pp(t){return t?"setUTCMilliseconds":"setMilliseconds"}function fp(t){if(!zo(t))return X(t)?t:"-";var e=(t+"").split(".");return e[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g,"$1,")+(e.length>1?"."+e[1]:"")}function gp(t,e){return t=(t||"").toLowerCase().replace(/-(.)/g,(function(t,e){return e.toUpperCase()})),e&&t&&(t=t.charAt(0).toUpperCase()+t.slice(1)),t}var yp=st;function vp(t,e,n){function i(t){return t&&ut(t)?t:"-"}function r(t){return!(null==t||isNaN(t)||!isFinite(t))}var o="time"===e,a=t instanceof Date;if(o||a){var s=o?Ao(t):t;if(!isNaN(+s))return $d(s,"{yyyy}-{MM}-{dd} {HH}:{mm}:{ss}",n);if(a)return"-"}if("ordinal"===e)return Z(t)?i(t):j(t)&&r(t)?t+"":"-";var l=No(t);return r(l)?fp(l):Z(t)?i(t):"boolean"==typeof t?t+"":"-"}var mp=["a","b","c","d","e","f","g"],xp=function(t,e){return"{"+t+(null==e?"":e)+"}"};function _p(t,e,n){U(e)||(e=[e]);var i=e.length;if(!i)return"";for(var r=e[0].$vars||[],o=0;o<r.length;o++){var a=mp[o];t=t.replace(xp(a),xp(a,0))}for(var s=0;s<i;s++)for(var l=0;l<r.length;l++){var u=e[s][r[l]];t=t.replace(xp(mp[l],s),n?oe(u):u)}return t}function bp(t,e){var n=X(t)?{color:t,extraCssText:e}:t||{},i=n.color,r=n.type;e=n.extraCssText;var o=n.renderMode||"html";return i?"html"===o?"subItem"===r?'<span style="display:inline-block;vertical-align:middle;margin-right:8px;margin-left:3px;border-radius:4px;width:4px;height:4px;background-color:'+oe(i)+";"+(e||"")+'"></span>':'<span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:'+oe(i)+";"+(e||"")+'"></span>':{renderMode:o,content:"{"+(n.markerId||"markerX")+"|}  ",style:"subItem"===r?{width:4,height:4,borderRadius:2,backgroundColor:i}:{width:10,height:10,borderRadius:5,backgroundColor:i}}:""}function wp(t,e){return e=e||"transparent",X(t)?t:q(t)&&t.colorStops&&(t.colorStops[0]||{}).color||e}function Sp(t,e){if("_blank"===e||"blank"===e){var n=window.open();n.opener=null,n.location.href=t}else window.open(t,e)}var Mp={},Ip={},Tp=function(){function t(){this._normalMasterList=[],this._nonSeriesBoxMasterList=[]}return t.prototype.create=function(t,e){function n(n,i){var r=[];return z(n,(function(n,i){var o=n.create(t,e);r=r.concat(o||[])})),r}this._nonSeriesBoxMasterList=n(Mp,!0),this._normalMasterList=n(Ip,!1)},t.prototype.update=function(t,e){z(this._normalMasterList,(function(n){n.update&&n.update(t,e)}))},t.prototype.getCoordinateSystems=function(){return this._normalMasterList.concat(this._nonSeriesBoxMasterList)},t.register=function(t,e){"matrix"!==t&&"calendar"!==t?Ip[t]=e:Mp[t]=e},t.get=function(t){return Ip[t]||Mp[t]},t}();var Cp=1,Dp=2;var Ap=yt();var kp=0,Lp=1,Pp=2;function Op(t,e){var n=t.getShallow("coordinateSystem"),i=t.getShallow("coordinateSystemUsage",!0),r=kp;if(n){var o="series"===t.mainType;null==i&&(i=o?"data":"box"),"data"===i?(r=Lp,o||(r=kp)):"box"===i&&(r=Pp,o||function(t){return!!Mp[t]}(n)||(r=kp))}return{coordSysType:n,kind:r}}function Rp(t){var e=t.targetModel,n=t.coordSysType,i=t.coordSysProvider,r=t.isDefaultDataCoordSys;t.allowNotFound;var o=Op(e),a=o.kind,s=o.coordSysType;if(r&&a!==Lp&&(a=Lp,s=n),a===kp||s!==n)return!1;var l=i(n,e);return!!l&&(a===Lp?e.coordinateSystem=l:e.boxCoordinateSystem=l,!0)}var Np=function(t,e){var n=e.getReferringComponents(t,ha).models[0];return n&&n.coordinateSystem},zp=z,Ep=["left","right","top","bottom","width","height"],Bp=[["width","left","right"],["height","top","bottom"]];function Vp(t,e,n,i,r){var o=0,a=0;null==i&&(i=1/0),null==r&&(r=1/0);var s=0;e.eachChild((function(l,u){var c,h,d=l.getBoundingRect(),p=e.childAt(u+1),f=p&&p.getBoundingRect();if("horizontal"===t){var g=d.width+(f?-f.x+d.x:0);(c=o+g)>i||l.newline?(o=0,c=g,a+=s+n,s=d.height):s=Math.max(s,d.height)}else{var y=d.height+(f?-f.y+d.y:0);(h=a+y)>r||l.newline?(o+=s+n,a=0,h=y,s=d.width):s=Math.max(s,d.width)}l.newline||(l.x=o,l.y=a,l.markRedraw(),"horizontal"===t?o=c+n:a=h+n)}))}var Gp=Vp;H(Vp,"vertical"),H(Vp,"horizontal");function Fp(t,e){return{left:t.getShallow("left",e),top:t.getShallow("top",e),right:t.getShallow("right",e),bottom:t.getShallow("bottom",e),width:t.getShallow("width",e),height:t.getShallow("height",e)}}function Wp(t,e){var n=function(t,e){var n,i,r=Xp(t,e,{enableLayoutOnlyByCenter:!0}),o=t.getBoxLayoutParams();if(r.type===Yp.point)i=r.refPoint,n=Hp(o,{width:e.getWidth(),height:e.getHeight()});else{var a=t.get("center"),s=U(a)?a:[a,a];n=Hp(o,r.refContainer),i=r.boxCoordFrom===Dp?r.refPoint:[yo(s[0],n.width)+n.x,yo(s[1],n.height)+n.y]}return{viewRect:n,center:i}}(t,e),i=n.viewRect,r=n.center,o=t.get("radius");U(o)||(o=[0,o]);var a=yo(i.width,e.getWidth()),s=yo(i.height,e.getHeight()),l=Math.min(a,s),u=yo(o[0],l/2),c=yo(o[1],l/2);return{cx:r[0],cy:r[1],r0:u,r:c,viewRect:i}}function Hp(t,e,n){n=yp(n||0);var i=e.width,r=e.height,o=yo(t.left,i),a=yo(t.top,r),s=yo(t.right,i),l=yo(t.bottom,r),u=yo(t.width,i),c=yo(t.height,r),h=n[2]+n[0],d=n[1]+n[3],p=t.aspect;switch(isNaN(u)&&(u=i-s-d-o),isNaN(c)&&(c=r-l-h-a),null!=p&&(isNaN(u)&&isNaN(c)&&(p>i/r?u=.8*i:c=.8*r),isNaN(u)&&(u=p*c),isNaN(c)&&(c=u/p)),isNaN(o)&&(o=i-s-u-d),isNaN(a)&&(a=r-l-c-h),t.left||t.right){case"center":o=i/2-u/2-n[3];break;case"right":o=i-u-d}switch(t.top||t.bottom){case"middle":case"center":a=r/2-c/2-n[0];break;case"bottom":a=r-c-h}o=o||0,a=a||0,isNaN(u)&&(u=i-d-o-(s||0)),isNaN(c)&&(c=r-h-a-(l||0));var f=new He((e.x||0)+o+n[3],(e.y||0)+a+n[0],u,c);return f.margin=n,f}function Up(t,e,n){var i=t.getShallow("preserveAspect",!0);if(!i)return e;var r=e.width/e.height;if(Math.abs(Math.atan(n)-Math.atan(r))<1e-9)return e;var o=t.getShallow("preserveAspectAlign",!0),a=t.getShallow("preserveAspectVerticalAlign",!0),s={width:e.width,height:e.height},l="cover"===i;return r>n&&!l||r<n&&l?(s.width=e.height*n,"left"===o?s.left=0:"right"===o?s.right=0:s.left="center"):(s.height=e.width/n,"top"===a?s.top=0:"bottom"===a?s.bottom=0:s.top="middle"),Hp(s,e)}var Yp={rect:1,point:2};function Xp(t,e,n){var i,r,o,a,s=t.boxCoordinateSystem;if(s){var l=function(t){var e=t.getShallow("coord",!0),n=Cp;if(null==e){var i=Ap.get(t.type);i&&i.getCoord2&&(n=Dp,e=i.getCoord2(t))}return{coord:e,from:n}}(t),u=l.coord,c=l.from;if(s.dataToLayout){o=Yp.rect,a=c;var h=s.dataToLayout(u);i=h.contentRect||h.rect}else n&&n.enableLayoutOnlyByCenter&&s.dataToPoint&&(o=Yp.point,a=c,r=s.dataToPoint(u))}return null==o&&(o=Yp.rect),o===Yp.rect&&(i||(i={x:0,y:0,width:e.getWidth(),height:e.getHeight()}),r=[i.x+i.width/2,i.y+i.height/2]),{type:o,refContainer:i,refPoint:r,boxCoordFrom:a}}function Zp(t,e,n,i,r,o){var a,s=!r||!r.hv||r.hv[0],l=!r||!r.hv||r.hv[1],u=r&&r.boundingMode||"all";if((o=o||t).x=t.x,o.y=t.y,!s&&!l)return!1;if("raw"===u)a="group"===t.type?new He(0,0,+e.width||0,+e.height||0):t.getBoundingRect();else if(a=t.getBoundingRect(),t.needLocalTransform()){var c=t.getLocalTransform();(a=a.clone()).applyTransform(c)}var h=Hp(k({width:a.width,height:a.height},e),n,i),d=s?h.x-a.x:0,p=l?h.y-a.y:0;return"raw"===u?(o.x=d,o.y=p):(o.x+=d,o.y+=p),o===t&&t.markRedraw(),!0}function jp(t){var e=t.layoutMode||t.constructor.layoutMode;return q(e)?e:e?{type:e}:null}function qp(t,e,n){var i=n&&n.ignoreSize;!U(i)&&(i=[i,i]);var r=a(Bp[0],0),o=a(Bp[1],1);function a(n,r){var o={},a=0,l={},u=0;if(zp(n,(function(e){l[e]=t[e]})),zp(n,(function(t){_t(e,t)&&(o[t]=l[t]=e[t]),s(o,t)&&a++,s(l,t)&&u++})),i[r])return s(e,n[1])?l[n[2]]=null:s(e,n[2])&&(l[n[1]]=null),l;if(2!==u&&a){if(a>=2)return o;for(var c=0;c<n.length;c++){var h=n[c];if(!_t(o,h)&&_t(t,h)){o[h]=t[h];break}}return o}return l}function s(t,e){return null!=t[e]&&"auto"!==t[e]}function l(t,e,n){zp(t,(function(t){e[t]=n[t]}))}l(Bp[0],t,r),l(Bp[1],t,o)}function Kp(t){return $p({},t)}function $p(t,e){return e&&t&&zp(Ep,(function(n){_t(e,n)&&(t[n]=e[n])})),t}var Jp=sa(),Qp=function(t){function e(e,n,i){var r=t.call(this,e,n,i)||this;return r.uid=Md("ec_cpt_model"),r}var i;return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n)},e.prototype.mergeDefaultAndTheme=function(t,e){var n=jp(this),i=n?Kp(t):{};C(t,e.getTheme().get(this.mainType)),C(t,this.getDefaultOption()),n&&qp(t,i,n)},e.prototype.mergeOption=function(t,e){C(this.option,t,!0);var n=jp(this);n&&qp(this.option,t,n)},e.prototype.optionUpdated=function(t,e){},e.prototype.getDefaultOption=function(){var t=this.constructor;if(!function(t){return!(!t||!t[_a])}(t))return t.defaultOption;var e=Jp(this);if(!e.defaultOption){for(var n=[],i=t;i;){var r=i.prototype.defaultOption;r&&n.push(r),i=i.superClass}for(var o={},a=n.length-1;a>=0;a--)o=C(o,n[a],!0);e.defaultOption=o}return e.defaultOption},e.prototype.getReferringComponents=function(t,e){var n=t+"Index",i=t+"Id";return pa(this.ecModel,t,{index:this.get(n,!0),id:this.get(i,!0)},e)},e.prototype.getBoxLayoutParams=function(){return Fp(this,!1)},e.prototype.getZLevelKey=function(){return""},e.prototype.setZLevel=function(t){this.option.zlevel=t},e.protoInitialize=((i=e.prototype).type="component",i.id="",i.name="",i.mainType="",i.subType="",void(i.componentIndex=0)),e}(wd);Sa(Qp,wd),Ca(Qp),function(t){var e={};t.registerSubTypeDefaulter=function(t,n){var i=ba(t);e[i.main]=n},t.determineSubType=function(n,i){var r=i.type;if(!r){var o=ba(n).main;t.hasSubTypes(n)&&e[o]&&(r=e[o](i))}return r}}(Qp),function(t,e){function n(t,e){return t[e]||(t[e]={predecessor:[],successor:[]}),t[e]}t.topologicalTravel=function(t,i,r,o){if(t.length){var a=function(t){var i={},r=[];return z(t,(function(o){var a=n(i,o),s=function(t,e){var n=[];return z(t,(function(t){P(e,t)>=0&&n.push(t)})),n}(a.originalDeps=e(o),t);a.entryCount=s.length,0===a.entryCount&&r.push(o),z(s,(function(t){P(a.predecessor,t)<0&&a.predecessor.push(t);var e=n(i,t);P(e.successor,t)<0&&e.successor.push(o)}))})),{graph:i,noEntryList:r}}(i),s=a.graph,l=a.noEntryList,u={};for(z(t,(function(t){u[t]=!0}));l.length;){var c=l.pop(),h=s[c],d=!!u[c];d&&(r.call(o,c,h.originalDeps.slice()),delete u[c]),z(h.successor,d?f:p)}z(u,(function(){var t="";throw new Error(t)}))}function p(t){s[t].entryCount--,0===s[t].entryCount&&l.push(t)}function f(t){u[t]=!0,p(t)}}}(Qp,(function(t){var e=[];z(Qp.getClassesByMainType(t),(function(t){e=e.concat(t.dependencies||t.prototype.dependencies||[])})),e=E(e,(function(t){return ba(t).main})),"dataset"!==t&&P(e,"dataset")<=0&&e.unshift("dataset");return e}));var tf={color:{},darkColor:{},size:{}},ef=tf.color={theme:["#5070dd","#b6d634","#505372","#ff994d","#0ca8df","#ffd10a","#fb628b","#785db0","#3fbe95"],neutral00:"#fff",neutral05:"#f4f7fd",neutral10:"#e8ebf0",neutral15:"#dbdee4",neutral20:"#cfd2d7",neutral25:"#c3c5cb",neutral30:"#b7b9be",neutral35:"#aaacb2",neutral40:"#9ea0a5",neutral45:"#929399",neutral50:"#86878c",neutral55:"#797b7f",neutral60:"#6d6e73",neutral65:"#616266",neutral70:"#54555a",neutral75:"#48494d",neutral80:"#3c3c41",neutral85:"#303034",neutral90:"#232328",neutral95:"#17171b",neutral99:"#000",accent05:"#eff1f9",accent10:"#e0e4f2",accent15:"#d0d6ec",accent20:"#c0c9e6",accent25:"#b1bbdf",accent30:"#a1aed9",accent35:"#91a0d3",accent40:"#8292cc",accent45:"#7285c6",accent50:"#6578ba",accent55:"#5c6da9",accent60:"#536298",accent65:"#4a5787",accent70:"#404c76",accent75:"#374165",accent80:"#2e3654",accent85:"#252b43",accent90:"#1b2032",accent95:"#121521",transparent:"rgba(0,0,0,0)",highlight:"rgba(255,231,130,0.8)"};for(var nf in A(ef,{primary:ef.neutral80,secondary:ef.neutral70,tertiary:ef.neutral60,quaternary:ef.neutral50,disabled:ef.neutral20,border:ef.neutral30,borderTint:ef.neutral20,borderShade:ef.neutral40,background:ef.neutral05,backgroundTint:"rgba(234,237,245,0.5)",backgroundTransparent:"rgba(255,255,255,0)",backgroundShade:ef.neutral10,shadow:"rgba(0,0,0,0.2)",shadowTint:"rgba(129,130,136,0.2)",axisLine:ef.neutral70,axisLineTint:ef.neutral40,axisTick:ef.neutral70,axisTickMinor:ef.neutral60,axisLabel:ef.neutral70,axisSplitLine:ef.neutral15,axisMinorSplitLine:ef.neutral05}),ef)if(ef.hasOwnProperty(nf)){var rf=ef[nf];"theme"===nf?tf.darkColor.theme=ef.theme.slice():"highlight"===nf?tf.darkColor.highlight="rgba(255,231,130,0.4)":0===nf.indexOf("accent")?tf.darkColor[nf]=di(rf,null,(function(t){return.5*t}),(function(t){return Math.min(1,1.3-t)})):tf.darkColor[nf]=di(rf,null,(function(t){return.9*t}),(function(t){return 1-Math.pow(t,1.5)}))}tf.size={xxs:2,xs:5,s:10,m:15,l:20,xl:30,xxl:40,xxxl:50};var of="";"undefined"!=typeof navigator&&(of=navigator.platform||"");var af="rgba(0, 0, 0, 0.2)",sf=tf.color.theme[0],lf=di(sf,null,null,.9),uf={darkMode:"auto",colorBy:"series",color:tf.color.theme,gradientColor:[lf,sf],aria:{decal:{decals:[{color:af,dashArrayX:[1,0],dashArrayY:[2,5],symbolSize:1,rotation:Math.PI/6},{color:af,symbol:"circle",dashArrayX:[[8,8],[0,8,8,0]],dashArrayY:[6,0],symbolSize:.8},{color:af,dashArrayX:[1,0],dashArrayY:[4,3],rotation:-Math.PI/4},{color:af,dashArrayX:[[6,6],[0,6,6,0]],dashArrayY:[6,0]},{color:af,dashArrayX:[[1,0],[1,6]],dashArrayY:[1,0,6,0],rotation:Math.PI/4},{color:af,symbol:"triangle",dashArrayX:[[9,9],[0,9,9,0]],dashArrayY:[7,2],symbolSize:.75}]}},textStyle:{fontFamily:of.match(/^Win/)?"Microsoft YaHei":"sans-serif",fontSize:12,fontStyle:"normal",fontWeight:"normal"},blendMode:null,stateAnimation:{duration:300,easing:"cubicOut"},animation:"auto",animationDuration:1e3,animationDurationUpdate:500,animationEasing:"cubicInOut",animationEasingUpdate:"cubicInOut",animationThreshold:2e3,progressiveThreshold:3e3,progressive:400,hoverLayerThreshold:3e3,useUTC:!1},cf=yt(["tooltip","label","itemName","itemId","itemGroupId","itemChildGroupId","seriesName"]),hf="original",df="arrayRows",pf="objectRows",ff="keyedColumns",gf="typedArray",yf="unknown",vf="column",mf="row",xf=1,_f=2,bf=3,wf=sa();function Sf(t,e,n){var i={},r=If(e);if(!r||!t)return i;var o,a,s=[],l=[],u=e.ecModel,c=wf(u).datasetMap,h=r.uid+"_"+n.seriesLayoutBy;z(t=t.slice(),(function(e,n){var r=q(e)?e:t[n]={name:e};"ordinal"===r.type&&null==o&&(o=n,a=f(r)),i[r.name]=[]}));var d=c.get(h)||c.set(h,{categoryWayDim:a,valueWayDim:0});function p(t,e,n){for(var i=0;i<n;i++)t.push(e+i)}function f(t){var e=t.dimsDef;return e?e.length:1}return z(t,(function(t,e){var n=t.name,r=f(t);if(null==o){var a=d.valueWayDim;p(i[n],a,r),p(l,a,r),d.valueWayDim+=r}else if(o===e)p(i[n],0,r),p(s,0,r);else{a=d.categoryWayDim;p(i[n],a,r),p(l,a,r),d.categoryWayDim+=r}})),s.length&&(i.itemName=s),l.length&&(i.seriesName=l),i}function Mf(t,e,n){var i={};if(!If(t))return i;var r,o=e.sourceFormat,a=e.dimensionsDefine;o!==pf&&o!==ff||z(a,(function(t,e){"name"===(q(t)?t.name:t)&&(r=e)}));var s=function(){for(var t={},i={},s=[],l=0,u=Math.min(5,n);l<u;l++){var c=Cf(e.data,o,e.seriesLayoutBy,a,e.startIndex,l);s.push(c);var h=c===bf;if(h&&null==t.v&&l!==r&&(t.v=l),(null==t.n||t.n===t.v||!h&&s[t.n]===bf)&&(t.n=l),d(t)&&s[t.n]!==bf)return t;h||(c===_f&&null==i.v&&l!==r&&(i.v=l),null!=i.n&&i.n!==i.v||(i.n=l))}function d(t){return null!=t.v&&null!=t.n}return d(t)?t:d(i)?i:null}();if(s){i.value=[s.v];var l=null!=r?r:s.n;i.itemName=[l],i.seriesName=[l]}return i}function If(t){if(!t.get("data",!0))return pa(t.ecModel,"dataset",{index:t.get("datasetIndex",!0),id:t.get("datasetId",!0)},ha).models[0]}function Tf(t,e){return Cf(t.data,t.sourceFormat,t.seriesLayoutBy,t.dimensionsDefine,t.startIndex,e)}function Cf(t,e,n,i,r,o){var a,s,l;if($(t))return bf;if(i){var u=i[o];q(u)?(s=u.name,l=u.type):X(u)&&(s=u)}if(null!=l)return"ordinal"===l?xf:bf;if(e===df){var c=t;if(n===mf){for(var h=c[o],d=0;d<(h||[]).length&&d<5;d++)if(null!=(a=m(h[r+d])))return a}else for(d=0;d<c.length&&d<5;d++){var p=c[r+d];if(p&&null!=(a=m(p[o])))return a}}else if(e===pf){var f=t;if(!s)return bf;for(d=0;d<f.length&&d<5;d++){if((y=f[d])&&null!=(a=m(y[s])))return a}}else if(e===ff){if(!s)return bf;if(!(h=t[s])||$(h))return bf;for(d=0;d<h.length&&d<5;d++)if(null!=(a=m(h[d])))return a}else if(e===hf){var g=t;for(d=0;d<g.length&&d<5;d++){var y,v=Jo(y=g[d]);if(!U(v))return bf;if(null!=(a=m(v[o])))return a}}function m(t){var e=X(t);return null!=t&&Number.isFinite(Number(t))&&""!==t?e?_f:bf:e&&"-"!==t?xf:void 0}return bf}var Df=yt();var Af,kf,Lf,Pf=sa(),Of=sa(),Rf=function(){function t(){}return t.prototype.getColorFromPalette=function(t,e,n){var i=qo(this.get("color",!0)),r=this.get("colorLayer",!0);return zf(this,Pf,i,r,t,e,n)},t.prototype.clearColorPalette=function(){!function(t,e){e(t).paletteIdx=0,e(t).paletteNameMap={}}(this,Pf)},t}();function Nf(t,e,n,i){var r=qo(t.get(["aria","decal","decals"]));return zf(t,Of,r,null,e,n,i)}function zf(t,e,n,i,r,o,a){var s=e(o=o||t),l=s.paletteIdx||0,u=s.paletteNameMap=s.paletteNameMap||{};if(u.hasOwnProperty(r))return u[r];var c=null!=a&&i?function(t,e){for(var n=t.length,i=0;i<n;i++)if(t[i].length>e)return t[i];return t[n-1]}(i,a):n;if((c=c||n)&&c.length){var h=c[l];return r&&(u[r]=h),s.paletteIdx=(l+1)%c.length,h}}var Ef="\0_ec_inner";var Bf=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.init=function(t,e,n,i,r,o){i=i||{},this.option=null,this._theme=new wd(i),this._locale=new wd(r),this._optionManager=o},e.prototype.setOption=function(t,e,n){var i=Ff(e);this._optionManager.setOption(t,n,i),this._resetOption(null,i)},e.prototype.resetOption=function(t,e){return this._resetOption(t,Ff(e))},e.prototype._resetOption=function(t,e){var n=!1,i=this._optionManager;if(!t||"recreate"===t){var r=i.mountOption("recreate"===t);0,this.option&&"recreate"!==t?(this.restoreData(),this._mergeOption(r,e)):Lf(this,r),n=!0}if("timeline"!==t&&"media"!==t||this.restoreData(),!t||"recreate"===t||"timeline"===t){var o=i.getTimelineOption(this);o&&(n=!0,this._mergeOption(o,e))}if(!t||"recreate"===t||"media"===t){var a=i.getMediaOption(this);a.length&&z(a,(function(t){n=!0,this._mergeOption(t,e)}),this)}return n},e.prototype.mergeOption=function(t){this._mergeOption(t,null)},e.prototype._mergeOption=function(t,e){var n=this.option,i=this._componentsMap,r=this._componentsCount,o=[],a=yt(),s=e&&e.replaceMergeMainTypeMap;wf(this).datasetMap=yt(),z(t,(function(t,e){null!=t&&(Qp.hasClass(e)?e&&(o.push(e),a.set(e,!0)):n[e]=null==n[e]?T(t):C(n[e],t,!0))})),s&&s.each((function(t,e){Qp.hasClass(e)&&!a.get(e)&&(o.push(e),a.set(e,!0))})),Qp.topologicalTravel(o,Qp.getAllClassMainTypes(),(function(e){var o=function(t,e,n){var i=Df.get(e);if(!i)return n;var r=i(t);return r?n.concat(r):n}(this,e,qo(t[e])),a=i.get(e),l=a?s&&s.get(e)?"replaceMerge":"normalMerge":"replaceAll",u=ta(a,o,l);(function(t,e,n){z(t,(function(t){var i=t.newOption;q(i)&&(t.keyInfo.mainType=e,t.keyInfo.subType=function(t,e,n,i){return e.type?e.type:n?n.subType:i.determineSubType(t,e)}(e,i,t.existing,n))}))})(u,e,Qp),n[e]=null,i.set(e,null),r.set(e,0);var c,h=[],d=[],p=0;z(u,(function(t,n){var i=t.existing,r=t.newOption;if(r){var o="series"===e,a=Qp.getClass(e,t.keyInfo.subType,!o);if(!a)return;if("tooltip"===e){if(c)return void 0;c=!0}if(i&&i.constructor===a)i.name=t.keyInfo.name,i.mergeOption(r,this),i.optionUpdated(r,!1);else{var s=A({componentIndex:n},t.keyInfo);A(i=new a(r,this,this,s),s),t.brandNew&&(i.__requireNewView=!0),i.init(r,this,this),i.optionUpdated(null,!0)}}else i&&(i.mergeOption({},this),i.optionUpdated({},!1));i?(h.push(i.option),d.push(i),p++):(h.push(void 0),d.push(void 0))}),this),n[e]=h,i.set(e,d),r.set(e,p),"series"===e&&Af(this)}),this),this._seriesIndices||Af(this)},e.prototype.getOption=function(){var t=T(this.option);return z(t,(function(e,n){if(Qp.hasClass(n)){for(var i=qo(e),r=i.length,o=!1,a=r-1;a>=0;a--)i[a]&&!oa(i[a])?o=!0:(i[a]=null,!o&&r--);i.length=r,t[n]=i}})),delete t[Ef],t},e.prototype.setTheme=function(t){this._theme=new wd(t),this._resetOption("recreate",null)},e.prototype.getTheme=function(){return this._theme},e.prototype.getLocaleModel=function(){return this._locale},e.prototype.setUpdatePayload=function(t){this._payload=t},e.prototype.getUpdatePayload=function(){return this._payload},e.prototype.getComponent=function(t,e){var n=this._componentsMap.get(t);if(n){var i=n[e||0];if(i)return i;if(null==e)for(var r=0;r<n.length;r++)if(n[r])return n[r]}},e.prototype.queryComponents=function(t){var e=t.mainType;if(!e)return[];var n,i=t.index,r=t.id,o=t.name,a=this._componentsMap.get(e);return a&&a.length?(null!=i?(n=[],z(qo(i),(function(t){a[t]&&n.push(a[t])}))):n=null!=r?Vf("id",r,a):null!=o?Vf("name",o,a):V(a,(function(t){return!!t})),Gf(n,t)):[]},e.prototype.findComponents=function(t){var e,n,i,r,o,a=t.query,s=t.mainType,l=(n=s+"Index",i=s+"Id",r=s+"Name",!(e=a)||null==e[n]&&null==e[i]&&null==e[r]?null:{mainType:s,index:e[n],id:e[i],name:e[r]}),u=l?this.queryComponents(l):V(this._componentsMap.get(s),(function(t){return!!t}));return o=Gf(u,t),t.filter?V(o,t.filter):o},e.prototype.eachComponent=function(t,e,n){var i=this._componentsMap;if(Y(t)){var r=e,o=t;i.each((function(t,e){for(var n=0;t&&n<t.length;n++){var i=t[n];i&&o.call(r,e,i,i.componentIndex)}}))}else for(var a=X(t)?i.get(t):q(t)?this.findComponents(t):null,s=0;a&&s<a.length;s++){var l=a[s];l&&e.call(n,l,l.componentIndex)}},e.prototype.getSeriesByName=function(t){var e=ia(t,null);return V(this._componentsMap.get("series"),(function(t){return!!t&&null!=e&&t.name===e}))},e.prototype.getSeriesByIndex=function(t){return this._componentsMap.get("series")[t]},e.prototype.getSeriesByType=function(t){return V(this._componentsMap.get("series"),(function(e){return!!e&&e.subType===t}))},e.prototype.getSeries=function(){return V(this._componentsMap.get("series"),(function(t){return!!t}))},e.prototype.getSeriesCount=function(){return this._componentsCount.get("series")},e.prototype.eachSeries=function(t,e){kf(this),z(this._seriesIndices,(function(n){var i=this._componentsMap.get("series")[n];t.call(e,i,n)}),this)},e.prototype.eachRawSeries=function(t,e){z(this._componentsMap.get("series"),(function(n){n&&t.call(e,n,n.componentIndex)}))},e.prototype.eachSeriesByType=function(t,e,n){kf(this),z(this._seriesIndices,(function(i){var r=this._componentsMap.get("series")[i];r.subType===t&&e.call(n,r,i)}),this)},e.prototype.eachRawSeriesByType=function(t,e,n){return z(this.getSeriesByType(t),e,n)},e.prototype.isSeriesFiltered=function(t){return kf(this),null==this._seriesIndicesMap.get(t.componentIndex)},e.prototype.getCurrentSeriesIndices=function(){return(this._seriesIndices||[]).slice()},e.prototype.filterSeries=function(t,e){kf(this);var n=[];z(this._seriesIndices,(function(i){var r=this._componentsMap.get("series")[i];t.call(e,r,i)&&n.push(i)}),this),this._seriesIndices=n,this._seriesIndicesMap=yt(n)},e.prototype.restoreData=function(t){Af(this);var e=this._componentsMap,n=[];e.each((function(t,e){Qp.hasClass(e)&&n.push(e)})),Qp.topologicalTravel(n,Qp.getAllClassMainTypes(),(function(n){z(e.get(n),(function(e){!e||"series"===n&&function(t,e){if(e){var n=e.seriesIndex,i=e.seriesId,r=e.seriesName;return null!=n&&t.componentIndex!==n||null!=i&&t.id!==i||null!=r&&t.name!==r}}(e,t)||e.restoreData()}))}))},e.internalField=(Af=function(t){var e=t._seriesIndices=[];z(t._componentsMap.get("series"),(function(t){t&&e.push(t.componentIndex)})),t._seriesIndicesMap=yt(e)},kf=function(t){},void(Lf=function(t,e){t.option={},t.option[Ef]=1,t._componentsMap=yt({series:[]}),t._componentsCount=yt();var n=e.aria;q(n)&&null==n.enabled&&(n.enabled=!0),function(t,e){var n=t.color&&!t.colorLayer;z(e,(function(e,i){"colorLayer"===i&&n||"color"===i&&t.color||Qp.hasClass(i)||("object"==typeof e?t[i]=t[i]?C(t[i],e,!1):T(e):null==t[i]&&(t[i]=e))}))}(e,t._theme.option),C(e,uf,!1),t._mergeOption(e,null)})),e}(wd);function Vf(t,e,n){if(U(e)){var i=yt();return z(e,(function(t){null!=t&&(null!=ia(t,null)&&i.set(t,!0))})),V(n,(function(e){return e&&i.get(e[t])}))}var r=ia(e,null);return V(n,(function(e){return e&&null!=r&&e[t]===r}))}function Gf(t,e){return e.hasOwnProperty("subType")?V(t,(function(t){return t&&t.subType===e.subType})):t}function Ff(t){var e=yt();return t&&z(qo(t.replaceMerge),(function(t){e.set(t,!0)})),{replaceMergeMainTypeMap:e}}R(Bf,Rf);var Wf=["getDom","getZr","getWidth","getHeight","getDevicePixelRatio","dispatchAction","isSSR","isDisposed","on","off","getDataURL","getConnectedDataURL","getOption","getId","updateLabelLayout"],Hf=function(t){z(Wf,(function(e){this[e]=W(t[e],t)}),this)},Uf=/^(min|max)?(.+)$/,Yf=function(){function t(t){this._timelineOptions=[],this._mediaList=[],this._currentMediaIndices=[],this._api=t}return t.prototype.setOption=function(t,e,n){t&&(z(qo(t.series),(function(t){t&&t.data&&$(t.data)&&ht(t.data)})),z(qo(t.dataset),(function(t){t&&t.source&&$(t.source)&&ht(t.source)}))),t=T(t);var i=this._optionBackup,r=function(t,e,n){var i,r,o=[],a=t.baseOption,s=t.timeline,l=t.options,u=t.media,c=!!t.media,h=!!(l||s||a&&a.timeline);a?(r=a).timeline||(r.timeline=s):((h||c)&&(t.options=t.media=null),r=t);c&&U(u)&&z(u,(function(t){t&&t.option&&(t.query?o.push(t):i||(i=t))}));function d(t){z(e,(function(e){e(t,n)}))}return d(r),z(l,(function(t){return d(t)})),z(o,(function(t){return d(t.option)})),{baseOption:r,timelineOptions:l||[],mediaDefault:i,mediaList:o}}(t,e,!i);this._newBaseOption=r.baseOption,i?(r.timelineOptions.length&&(i.timelineOptions=r.timelineOptions),r.mediaList.length&&(i.mediaList=r.mediaList),r.mediaDefault&&(i.mediaDefault=r.mediaDefault)):this._optionBackup=r},t.prototype.mountOption=function(t){var e=this._optionBackup;return this._timelineOptions=e.timelineOptions,this._mediaList=e.mediaList,this._mediaDefault=e.mediaDefault,this._currentMediaIndices=[],T(t?e.baseOption:this._newBaseOption)},t.prototype.getTimelineOption=function(t){var e,n=this._timelineOptions;if(n.length){var i=t.getComponent("timeline");i&&(e=T(n[i.getCurrentIndex()]))}return e},t.prototype.getMediaOption=function(t){var e,n,i=this._api.getWidth(),r=this._api.getHeight(),o=this._mediaList,a=this._mediaDefault,s=[],l=[];if(!o.length&&!a)return l;for(var u=0,c=o.length;u<c;u++)Xf(o[u].query,i,r)&&s.push(u);return!s.length&&a&&(s=[-1]),s.length&&(e=s,n=this._currentMediaIndices,e.join(",")!==n.join(","))&&(l=E(s,(function(t){return T(-1===t?a.option:o[t].option)}))),this._currentMediaIndices=s,l},t}();function Xf(t,e,n){var i={width:e,height:n,aspectratio:e/n},r=!0;return z(t,(function(t,e){var n=e.match(Uf);if(n&&n[1]&&n[2]){var o=n[1],a=n[2].toLowerCase();(function(t,e,n){return"min"===n?t>=e:"max"===n?t<=e:t===e})(i[a],t,o)||(r=!1)}})),r}var Zf=z,jf=q,qf=["areaStyle","lineStyle","nodeStyle","linkStyle","chordStyle","label","labelLine"];function Kf(t){var e=t&&t.itemStyle;if(e)for(var n=0,i=qf.length;n<i;n++){var r=qf[n],o=e.normal,a=e.emphasis;o&&o[r]&&(t[r]=t[r]||{},t[r].normal?C(t[r].normal,o[r]):t[r].normal=o[r],o[r]=null),a&&a[r]&&(t[r]=t[r]||{},t[r].emphasis?C(t[r].emphasis,a[r]):t[r].emphasis=a[r],a[r]=null)}}function $f(t,e,n){if(t&&t[e]&&(t[e].normal||t[e].emphasis)){var i=t[e].normal,r=t[e].emphasis;i&&(n?(t[e].normal=t[e].emphasis=null,k(t[e],i)):t[e]=i),r&&(t.emphasis=t.emphasis||{},t.emphasis[e]=r,r.focus&&(t.emphasis.focus=r.focus),r.blurScope&&(t.emphasis.blurScope=r.blurScope))}}function Jf(t){$f(t,"itemStyle"),$f(t,"lineStyle"),$f(t,"areaStyle"),$f(t,"label"),$f(t,"labelLine"),$f(t,"upperLabel"),$f(t,"edgeLabel")}function Qf(t,e){var n=jf(t)&&t[e],i=jf(n)&&n.textStyle;if(i){0;for(var r=0,o=$o.length;r<o;r++){var a=$o[r];i.hasOwnProperty(a)&&(n[a]=i[a])}}}function tg(t){t&&(Jf(t),Qf(t,"label"),t.emphasis&&Qf(t.emphasis,"label"))}function eg(t){return U(t)?t:t?[t]:[]}function ng(t){return(U(t)?t[0]:t)||{}}function ig(t,e){Zf(eg(t.series),(function(t){jf(t)&&function(t){if(jf(t)){Kf(t),Jf(t),Qf(t,"label"),Qf(t,"upperLabel"),Qf(t,"edgeLabel"),t.emphasis&&(Qf(t.emphasis,"label"),Qf(t.emphasis,"upperLabel"),Qf(t.emphasis,"edgeLabel"));var e=t.markPoint;e&&(Kf(e),tg(e));var n=t.markLine;n&&(Kf(n),tg(n));var i=t.markArea;i&&tg(i);var r=t.data;if("graph"===t.type){r=r||t.nodes;var o=t.links||t.edges;if(o&&!$(o))for(var a=0;a<o.length;a++)tg(o[a]);z(t.categories,(function(t){Jf(t)}))}if(r&&!$(r))for(a=0;a<r.length;a++)tg(r[a]);if((e=t.markPoint)&&e.data){var s=e.data;for(a=0;a<s.length;a++)tg(s[a])}if((n=t.markLine)&&n.data){var l=n.data;for(a=0;a<l.length;a++)U(l[a])?(tg(l[a][0]),tg(l[a][1])):tg(l[a])}"gauge"===t.type?(Qf(t,"axisLabel"),Qf(t,"title"),Qf(t,"detail")):"treemap"===t.type?($f(t.breadcrumb,"itemStyle"),z(t.levels,(function(t){Jf(t)}))):"tree"===t.type&&Jf(t.leaves)}}(t)}));var n=["xAxis","yAxis","radiusAxis","angleAxis","singleAxis","parallelAxis","radar"];e&&n.push("valueAxis","categoryAxis","logAxis","timeAxis"),Zf(n,(function(e){Zf(eg(t[e]),(function(t){t&&(Qf(t,"axisLabel"),Qf(t.axisPointer,"label"))}))})),Zf(eg(t.parallel),(function(t){var e=t&&t.parallelAxisDefault;Qf(e,"axisLabel"),Qf(e&&e.axisPointer,"label")})),Zf(eg(t.calendar),(function(t){$f(t,"itemStyle"),Qf(t,"dayLabel"),Qf(t,"monthLabel"),Qf(t,"yearLabel")})),Zf(eg(t.radar),(function(t){Qf(t,"name"),t.name&&null==t.axisName&&(t.axisName=t.name,delete t.name),null!=t.nameGap&&null==t.axisNameGap&&(t.axisNameGap=t.nameGap,delete t.nameGap)})),Zf(eg(t.geo),(function(t){jf(t)&&(tg(t),Zf(eg(t.regions),(function(t){tg(t)})))})),Zf(eg(t.timeline),(function(t){tg(t),$f(t,"label"),$f(t,"itemStyle"),$f(t,"controlStyle",!0);var e=t.data;U(e)&&z(e,(function(t){q(t)&&($f(t,"label"),$f(t,"itemStyle"))}))})),Zf(eg(t.toolbox),(function(t){$f(t,"iconStyle"),Zf(t.feature,(function(t){$f(t,"iconStyle")}))})),Qf(ng(t.axisPointer),"label"),Qf(ng(t.tooltip).axisPointer,"label")}function rg(t){t&&z(og,(function(e){e[0]in t&&!(e[1]in t)&&(t[e[1]]=t[e[0]])}))}var og=[["x","left"],["y","top"],["x2","right"],["y2","bottom"]],ag=["grid","geo","parallel","legend","toolbox","title","visualMap","dataZoom","timeline"],sg=[["borderRadius","barBorderRadius"],["borderColor","barBorderColor"],["borderWidth","barBorderWidth"]];function lg(t){var e=t&&t.itemStyle;if(e)for(var n=0;n<sg.length;n++){var i=sg[n][1],r=sg[n][0];null!=e[i]&&(e[r]=e[i])}}function ug(t){t&&"edge"===t.alignTo&&null!=t.margin&&null==t.edgeDistance&&(t.edgeDistance=t.margin)}function cg(t){t&&t.downplay&&!t.blur&&(t.blur=t.downplay)}function hg(t,e){if(t)for(var n=0;n<t.length;n++)e(t[n]),t[n]&&hg(t[n].children,e)}function dg(t,e){ig(t,e),t.series=qo(t.series),z(t.series,(function(t){if(q(t)){var e=t.type;if("line"===e)null!=t.clipOverflow&&(t.clip=t.clipOverflow);else if("pie"===e||"gauge"===e){if(null!=t.clockWise&&(t.clockwise=t.clockWise),ug(t.label),(r=t.data)&&!$(r))for(var n=0;n<r.length;n++)ug(r[n]);null!=t.hoverOffset&&(t.emphasis=t.emphasis||{},(t.emphasis.scaleSize=null)&&(t.emphasis.scaleSize=t.hoverOffset))}else if("gauge"===e){var i=function(t,e){for(var n=e.split(","),i=t,r=0;r<n.length&&null!=(i=i&&i[n[r]]);r++);return i}(t,"pointer.color");null!=i&&function(t,e,n,i){for(var r,o=e.split(","),a=t,s=0;s<o.length-1;s++)null==a[r=o[s]]&&(a[r]={}),a=a[r];(i||null==a[o[s]])&&(a[o[s]]=n)}(t,"itemStyle.color",i)}else if("bar"===e){var r;if(lg(t),lg(t.backgroundStyle),lg(t.emphasis),(r=t.data)&&!$(r))for(n=0;n<r.length;n++)"object"==typeof r[n]&&(lg(r[n]),lg(r[n]&&r[n].emphasis))}else if("sunburst"===e){var o=t.highlightPolicy;o&&(t.emphasis=t.emphasis||{},t.emphasis.focus||(t.emphasis.focus=o)),cg(t),hg(t.data,cg)}else"graph"===e||"sankey"===e?function(t){t&&null!=t.focusNodeAdjacency&&(t.emphasis=t.emphasis||{},null==t.emphasis.focus&&(t.emphasis.focus="adjacency"))}(t):"map"===e&&(t.mapType&&!t.map&&(t.map=t.mapType),t.mapLocation&&k(t,t.mapLocation));null!=t.hoverAnimation&&(t.emphasis=t.emphasis||{},t.emphasis&&null==t.emphasis.scale&&(t.emphasis.scale=t.hoverAnimation)),rg(t)}})),t.dataRange&&(t.visualMap=t.dataRange),z(ag,(function(e){var n=t[e];n&&(U(n)||(n=[n]),z(n,(function(t){rg(t)})))}))}var pg,fg,gg,yg,vg,mg,xg=function(t){this.data=t.data||(t.sourceFormat===ff?{}:[]),this.sourceFormat=t.sourceFormat||yf,this.seriesLayoutBy=t.seriesLayoutBy||vf,this.startIndex=t.startIndex||0,this.dimensionsDetectedCount=t.dimensionsDetectedCount,this.metaRawOption=t.metaRawOption;var e=this.dimensionsDefine=t.dimensionsDefine;if(e)for(var n=0;n<e.length;n++){var i=e[n];null==i.type&&Tf(this,n)===xf&&(i.type="ordinal")}};function _g(t){return t instanceof xg}function bg(t,e,n){n=n||Sg(t);var i=e.seriesLayoutBy,r=function(t,e,n,i,r){var o,a;if(!t)return{dimensionsDefine:Mg(r),startIndex:a,dimensionsDetectedCount:o};if(e===df){var s=t;"auto"===i||null==i?Ig((function(t){null!=t&&"-"!==t&&(X(t)?null==a&&(a=1):a=0)}),n,s,10):a=j(i)?i:i?1:0,r||1!==a||(r=[],Ig((function(t,e){r[e]=null!=t?t+"":""}),n,s,1/0)),o=r?r.length:n===mf?s.length:s[0]?s[0].length:null}else if(e===pf)r||(r=function(t){var e,n=0;for(;n<t.length&&!(e=t[n++]););if(e)return F(e)}(t));else if(e===ff)r||(r=[],z(t,(function(t,e){r.push(e)})));else if(e===hf){var l=Jo(t[0]);o=U(l)&&l.length||1}return{startIndex:a,dimensionsDefine:Mg(r),dimensionsDetectedCount:o}}(t,n,i,e.sourceHeader,e.dimensions);return new xg({data:t,sourceFormat:n,seriesLayoutBy:i,dimensionsDefine:r.dimensionsDefine,startIndex:r.startIndex,dimensionsDetectedCount:r.dimensionsDetectedCount,metaRawOption:T(e)})}function wg(t){return new xg({data:t,sourceFormat:$(t)?gf:hf})}function Sg(t){var e=yf;if($(t))e=gf;else if(U(t)){0===t.length&&(e=df);for(var n=0,i=t.length;n<i;n++){var r=t[n];if(null!=r){if(U(r)||$(r)){e=df;break}if(q(r)){e=pf;break}}}}else if(q(t))for(var o in t)if(_t(t,o)&&N(t[o])){e=ff;break}return e}function Mg(t){if(t){var e=yt();return E(t,(function(t,n){var i={name:(t=q(t)?t:{name:t}).name,displayName:t.displayName,type:t.type};if(null==i.name)return i;i.name+="",null==i.displayName&&(i.displayName=i.name);var r=e.get(i.name);return r?i.name+="-"+r.count++:e.set(i.name,{count:1}),i}))}}function Ig(t,e,n,i){if(e===mf)for(var r=0;r<n.length&&r<i;r++)t(n[r]?n[r][0]:null,r);else{var o=n[0]||[];for(r=0;r<o.length&&r<i;r++)t(o[r],r)}}function Tg(t){var e=t.sourceFormat;return e===pf||e===ff}var Cg=function(){function t(t,e){var n=_g(t)?t:wg(t);this._source=n;var i=this._data=n.data,r=n.sourceFormat;n.seriesLayoutBy;r===gf&&(this._offset=0,this._dimSize=e,this._data=i),mg(this,i,n)}var e;return t.prototype.getSource=function(){return this._source},t.prototype.count=function(){return 0},t.prototype.getItem=function(t,e){},t.prototype.appendData=function(t){},t.prototype.clean=function(){},t.protoInitialize=((e=t.prototype).pure=!1,void(e.persistent=!0)),t.internalField=function(){var t;mg=function(t,r,o){var a=o.sourceFormat,s=o.seriesLayoutBy,l=o.startIndex,u=o.dimensionsDefine,c=vg[Bg(a,s)];if(A(t,c),a===gf)t.getItem=e,t.count=i,t.fillStorage=n;else{var h=Lg(a,s);t.getItem=W(h,null,r,l,u);var d=Rg(a,s);t.count=W(d,null,r,l,u)}};var e=function(t,e){t-=this._offset,e=e||[];for(var n=this._data,i=this._dimSize,r=i*t,o=0;o<i;o++)e[o]=n[r+o];return e},n=function(t,e,n,i){for(var r=this._data,o=this._dimSize,a=0;a<o;a++){for(var s=i[a],l=null==s[0]?1/0:s[0],u=null==s[1]?-1/0:s[1],c=e-t,h=n[a],d=0;d<c;d++){var p=r[d*o+a];h[t+d]=p,p<l&&(l=p),p>u&&(u=p)}s[0]=l,s[1]=u}},i=function(){return this._data?this._data.length/this._dimSize:0};function r(t){for(var e=0;e<t.length;e++)this._data.push(t[e])}(t={})[df+"_"+vf]={pure:!0,appendData:r},t[df+"_"+mf]={pure:!0,appendData:function(){throw new Error('Do not support appendData when set seriesLayoutBy: "row".')}},t[pf]={pure:!0,appendData:r},t[ff]={pure:!0,appendData:function(t){var e=this._data;z(t,(function(t,n){for(var i=e[n]||(e[n]=[]),r=0;r<(t||[]).length;r++)i.push(t[r])}))}},t[hf]={appendData:r},t[gf]={persistent:!1,pure:!0,appendData:function(t){this._data=t},clean:function(){this._offset+=this.count(),this._data=null}},vg=t}(),t}(),Dg=function(t){U(t)||Ho("series.data or dataset.source must be an array.")},Ag=((pg={})[df+"_"+vf]=Dg,pg[df+"_"+mf]=Dg,pg[pf]=Dg,pg[ff]=function(t,e){for(var n=0;n<e.length;n++){null==e[n].name&&Ho("dimension name must not be null/undefined.")}},pg[hf]=Dg,function(t,e,n,i){return t[i]}),kg=((fg={})[df+"_"+vf]=function(t,e,n,i){return t[i+e]},fg[df+"_"+mf]=function(t,e,n,i,r){i+=e;for(var o=r||[],a=t,s=0;s<a.length;s++){var l=a[s];o[s]=l?l[i]:null}return o},fg[pf]=Ag,fg[ff]=function(t,e,n,i,r){for(var o=r||[],a=0;a<n.length;a++){var s=n[a].name,l=null!=s?t[s]:null;o[a]=l?l[i]:null}return o},fg[hf]=Ag,fg);function Lg(t,e){var n=kg[Bg(t,e)];return n}var Pg=function(t,e,n){return t.length},Og=((gg={})[df+"_"+vf]=function(t,e,n){return Math.max(0,t.length-e)},gg[df+"_"+mf]=function(t,e,n){var i=t[0];return i?Math.max(0,i.length-e):0},gg[pf]=Pg,gg[ff]=function(t,e,n){var i=n[0].name,r=null!=i?t[i]:null;return r?r.length:0},gg[hf]=Pg,gg);function Rg(t,e){var n=Og[Bg(t,e)];return n}var Ng=function(t,e,n){return t[e]},zg=((yg={})[df]=Ng,yg[pf]=function(t,e,n){return t[n]},yg[ff]=Ng,yg[hf]=function(t,e,n){var i=Jo(t);return i instanceof Array?i[e]:i},yg[gf]=Ng,yg);function Eg(t){var e=zg[t];return e}function Bg(t,e){return t===df?t+"_"+e:t}function Vg(t,e,n){if(t){var i=t.getRawDataItem(e);if(null!=i){var r=t.getStore(),o=r.getSource().sourceFormat;if(null!=n){var a=t.getDimensionIndex(n),s=r.getDimensionProperty(a);return Eg(o)(i,a,s)}var l=i;return o===hf&&(l=Jo(i)),l}}}var Gg=/\{@(.+?)\}/g,Fg=function(){function t(){}return t.prototype.getDataParams=function(t,e){var n=this.getData(e),i=this.getRawValue(t,e),r=n.getRawIndex(t),o=n.getName(t),a=n.getRawDataItem(t),s=n.getItemVisual(t,"style"),l=s&&s[n.getItemVisual(t,"drawType")||"fill"],u=s&&s.stroke,c=this.mainType,h="series"===c,d=n.userOutput&&n.userOutput.get();return{componentType:c,componentSubType:this.subType,componentIndex:this.componentIndex,seriesType:h?this.subType:null,seriesIndex:this.seriesIndex,seriesId:h?this.id:null,seriesName:h?this.name:null,name:o,dataIndex:r,data:a,dataType:e,value:i,color:l,borderColor:u,dimensionNames:d?d.fullDimensions:null,encode:d?d.encode:null,$vars:["seriesName","name","value"]}},t.prototype.getFormattedLabel=function(t,e,n,i,r,o){e=e||"normal";var a=this.getData(n),s=this.getDataParams(t,n);(o&&(s.value=o.interpolatedValue),null!=i&&U(s.value)&&(s.value=s.value[i]),r)||(r=a.getItemModel(t).get("normal"===e?["label","formatter"]:[e,"label","formatter"]));return Y(r)?(s.status=e,s.dimensionIndex=i,r(s)):X(r)?_p(r,s).replace(Gg,(function(e,n){var i=n.length,r=n;"["===r.charAt(0)&&"]"===r.charAt(i-1)&&(r=+r.slice(1,i-1));var s=Vg(a,t,r);if(o&&U(o.interpolatedValue)){var l=a.getDimensionIndex(r);l>=0&&(s=o.interpolatedValue[l])}return null!=s?s+"":""})):void 0},t.prototype.getRawValue=function(t,e){return Vg(this.getData(e),t)},t.prototype.formatTooltip=function(t,e,n){},t}();function Wg(t){var e,n;return q(t)?t.type&&(n=t):e=t,{text:e,frag:n}}function Hg(t){return new Ug(t)}var Ug=function(){function t(t){t=t||{},this._reset=t.reset,this._plan=t.plan,this._count=t.count,this._onDirty=t.onDirty,this._dirty=!0}return t.prototype.perform=function(t){var e,n=this._upstream,i=t&&t.skip;if(this._dirty&&n){var r=this.context;r.data=r.outputData=n.context.outputData}this.__pipeline&&(this.__pipeline.currentTask=this),this._plan&&!i&&(e=this._plan(this.context));var o,a=c(this._modBy),s=this._modDataCount||0,l=c(t&&t.modBy),u=t&&t.modDataCount||0;function c(t){return!(t>=1)&&(t=1),t}a===l&&s===u||(e="reset"),(this._dirty||"reset"===e)&&(this._dirty=!1,o=this._doReset(i)),this._modBy=l,this._modDataCount=u;var h=t&&t.step;if(this._dueEnd=n?n._outputDueEnd:this._count?this._count(this.context):1/0,this._progress){var d=this._dueIndex,p=Math.min(null!=h?this._dueIndex+h:1/0,this._dueEnd);if(!i&&(o||d<p)){var f=this._progress;if(U(f))for(var g=0;g<f.length;g++)this._doProgress(f[g],d,p,l,u);else this._doProgress(f,d,p,l,u)}this._dueIndex=p;var y=null!=this._settedOutputEnd?this._settedOutputEnd:p;0,this._outputDueEnd=y}else this._dueIndex=this._outputDueEnd=null!=this._settedOutputEnd?this._settedOutputEnd:this._dueEnd;return this.unfinished()},t.prototype.dirty=function(){this._dirty=!0,this._onDirty&&this._onDirty(this.context)},t.prototype._doProgress=function(t,e,n,i,r){Yg.reset(e,n,i,r),this._callingProgress=t,this._callingProgress({start:e,end:n,count:n-e,next:Yg.next},this.context)},t.prototype._doReset=function(t){var e,n;this._dueIndex=this._outputDueEnd=this._dueEnd=0,this._settedOutputEnd=null,!t&&this._reset&&((e=this._reset(this.context))&&e.progress&&(n=e.forceFirstProgress,e=e.progress),U(e)&&!e.length&&(e=null)),this._progress=e,this._modBy=this._modDataCount=null;var i=this._downstream;return i&&i.dirty(),n},t.prototype.unfinished=function(){return this._progress&&this._dueIndex<this._dueEnd},t.prototype.pipe=function(t){(this._downstream!==t||this._dirty)&&(this._downstream=t,t._upstream=this,t.dirty())},t.prototype.dispose=function(){this._disposed||(this._upstream&&(this._upstream._downstream=null),this._downstream&&(this._downstream._upstream=null),this._dirty=!1,this._disposed=!0)},t.prototype.getUpstream=function(){return this._upstream},t.prototype.getDownstream=function(){return this._downstream},t.prototype.setOutputEnd=function(t){this._outputDueEnd=this._settedOutputEnd=t},t}(),Yg=function(){var t,e,n,i,r,o={reset:function(l,u,c,h){e=l,t=u,n=c,i=h,r=Math.ceil(i/n),o.next=n>1&&i>0?s:a}};return o;function a(){return e<t?e++:null}function s(){var o=e%r*n+Math.ceil(e/r),a=e>=t?null:o<i?o:e;return e++,a}}();function Xg(t,e){var n=e&&e.type;return"ordinal"===n?t:("time"!==n||j(t)||null==t||"-"===t||(t=+Ao(t)),null==t||""===t?NaN:Number(t))}var Zg=yt({number:function(t){return parseFloat(t)},time:function(t){return+Ao(t)},trim:function(t){return X(t)?ut(t):t}});function jg(t){return Zg.get(t)}var qg={lt:function(t,e){return t<e},lte:function(t,e){return t<=e},gt:function(t,e){return t>e},gte:function(t,e){return t>=e}},Kg=function(){function t(t,e){if(!j(e)){var n="";0,Yo(n)}this._opFn=qg[t],this._rvalFloat=No(e)}return t.prototype.evaluate=function(t){return j(t)?this._opFn(t,this._rvalFloat):this._opFn(No(t),this._rvalFloat)},t}(),$g=function(){function t(t,e){var n="desc"===t;this._resultLT=n?1:-1,null==e&&(e=n?"min":"max"),this._incomparable="min"===e?-1/0:1/0}return t.prototype.evaluate=function(t,e){var n=j(t)?t:No(t),i=j(e)?e:No(e),r=isNaN(n),o=isNaN(i);if(r&&(n=this._incomparable),o&&(i=this._incomparable),r&&o){var a=X(t),s=X(e);a&&(n=s?t:0),s&&(i=a?e:0)}return n<i?this._resultLT:n>i?-this._resultLT:0},t}(),Jg=function(){function t(t,e){this._rval=e,this._isEQ=t,this._rvalTypeof=typeof e,this._rvalFloat=No(e)}return t.prototype.evaluate=function(t){var e=t===this._rval;if(!e){var n=typeof t;n===this._rvalTypeof||"number"!==n&&"number"!==this._rvalTypeof||(e=No(t)===this._rvalFloat)}return this._isEQ?e:!e},t}();function Qg(t,e){return"eq"===t||"ne"===t?new Jg("eq"===t,e):_t(qg,t)?new Kg(t,e):null}var ty=function(){function t(){}return t.prototype.getRawData=function(){throw new Error("not supported")},t.prototype.getRawDataItem=function(t){throw new Error("not supported")},t.prototype.cloneRawData=function(){},t.prototype.getDimensionInfo=function(t){},t.prototype.cloneAllDimensionInfo=function(){},t.prototype.count=function(){},t.prototype.retrieveValue=function(t,e){},t.prototype.retrieveValueFromItem=function(t,e){},t.prototype.convertValue=function(t,e){return Xg(t,e)},t}();function ey(t){var e=t.sourceFormat;if(!sy(e)){var n="";0,Yo(n)}return t.data}function ny(t){var e=t.sourceFormat,n=t.data;if(!sy(e)){var i="";0,Yo(i)}if(e===df){for(var r=[],o=0,a=n.length;o<a;o++)r.push(n[o].slice());return r}if(e===pf){for(r=[],o=0,a=n.length;o<a;o++)r.push(A({},n[o]));return r}}function iy(t,e,n){if(null!=n)return j(n)||!isNaN(n)&&!_t(e,n)?t[n]:_t(e,n)?e[n]:void 0}function ry(t){return T(t)}var oy=yt();function ay(t,e,n,i){var r="";e.length||Yo(r),q(t)||Yo(r);var o=t.type,a=oy.get(o);a||Yo(r);var s=E(e,(function(t){return function(t,e){var n=new ty,i=t.data,r=n.sourceFormat=t.sourceFormat,o=t.startIndex,a="";t.seriesLayoutBy!==vf&&Yo(a);var s=[],l={},u=t.dimensionsDefine;if(u)z(u,(function(t,e){var n=t.name,i={index:e,name:n,displayName:t.displayName};if(s.push(i),null!=n){var r="";_t(l,n)&&Yo(r),l[n]=i}}));else for(var c=0;c<t.dimensionsDetectedCount;c++)s.push({index:c});var h=Lg(r,vf);e.__isBuiltIn&&(n.getRawDataItem=function(t){return h(i,o,s,t)},n.getRawData=W(ey,null,t)),n.cloneRawData=W(ny,null,t);var d=Rg(r,vf);n.count=W(d,null,i,o,s);var p=Eg(r);n.retrieveValue=function(t,e){var n=h(i,o,s,t);return f(n,e)};var f=n.retrieveValueFromItem=function(t,e){if(null!=t){var n=s[e];return n?p(t,e,n.name):void 0}};return n.getDimensionInfo=W(iy,null,s,l),n.cloneAllDimensionInfo=W(ry,null,s),n}(t,a)})),l=qo(a.transform({upstream:s[0],upstreamList:s,config:T(t.config)}));return E(l,(function(t,n){var i,r="";q(t)||Yo(r),t.data||Yo(r),sy(Sg(t.data))||Yo(r);var o=e[0];if(o&&0===n&&!t.dimensions){var a=o.startIndex;a&&(t.data=o.data.slice(0,a).concat(t.data)),i={seriesLayoutBy:vf,sourceHeader:a,dimensions:o.metaRawOption.dimensions}}else i={seriesLayoutBy:vf,sourceHeader:0,dimensions:t.dimensions};return bg(t.data,i,null)}))}function sy(t){return t===df||t===pf}var ly,uy="undefined",cy=typeof Uint32Array===uy?Array:Uint32Array,hy=typeof Uint16Array===uy?Array:Uint16Array,dy=typeof Int32Array===uy?Array:Int32Array,py=typeof Float64Array===uy?Array:Float64Array,fy={float:py,int:dy,ordinal:Array,number:Array,time:py};function gy(t){return t>65535?cy:hy}function yy(t,e,n,i,r){var o=fy[n||"float"];if(r){var a=t[e],s=a&&a.length;if(s!==i){for(var l=new o(i),u=0;u<s;u++)l[u]=a[u];t[e]=l}}else t[e]=new o(i)}var vy=function(){function t(){this._chunks=[],this._rawExtent=[],this._extent=[],this._count=0,this._rawCount=0,this._calcDimNameToIdx=yt()}return t.prototype.initData=function(t,e,n){this._provider=t,this._chunks=[],this._indices=null,this.getRawIndex=this._getRawIdxIdentity;var i=t.getSource(),r=this.defaultDimValueGetter=ly[i.sourceFormat];this._dimValueGetter=n||r,this._rawExtent=[];Tg(i);this._dimensions=E(e,(function(t){return{type:t.type,property:t.property}})),this._initDataFromProvider(0,t.count())},t.prototype.getProvider=function(){return this._provider},t.prototype.getSource=function(){return this._provider.getSource()},t.prototype.ensureCalculationDimension=function(t,e){var n=this._calcDimNameToIdx,i=this._dimensions,r=n.get(t);if(null!=r){if(i[r].type===e)return r}else r=i.length;return i[r]={type:e},n.set(t,r),this._chunks[r]=new fy[e||"float"](this._rawCount),this._rawExtent[r]=[1/0,-1/0],r},t.prototype.collectOrdinalMeta=function(t,e){var n=this._chunks[t],i=this._dimensions[t],r=this._rawExtent,o=i.ordinalOffset||0,a=n.length;0===o&&(r[t]=[1/0,-1/0]);for(var s=r[t],l=o;l<a;l++){var u=n[l]=e.parseAndCollect(n[l]);isNaN(u)||(s[0]=Math.min(u,s[0]),s[1]=Math.max(u,s[1]))}i.ordinalMeta=e,i.ordinalOffset=a,i.type="ordinal"},t.prototype.getOrdinalMeta=function(t){return this._dimensions[t].ordinalMeta},t.prototype.getDimensionProperty=function(t){var e=this._dimensions[t];return e&&e.property},t.prototype.appendData=function(t){var e=this._provider,n=this.count();e.appendData(t);var i=e.count();return e.persistent||(i+=n),n<i&&this._initDataFromProvider(n,i,!0),[n,i]},t.prototype.appendValues=function(t,e){for(var n=this._chunks,i=this._dimensions,r=i.length,o=this._rawExtent,a=this.count(),s=a+Math.max(t.length,e||0),l=0;l<r;l++){yy(n,l,(p=i[l]).type,s,!0)}for(var u=[],c=a;c<s;c++)for(var h=c-a,d=0;d<r;d++){var p=i[d],f=ly.arrayRows.call(this,t[h]||u,p.property,h,d);n[d][c]=f;var g=o[d];f<g[0]&&(g[0]=f),f>g[1]&&(g[1]=f)}return this._rawCount=this._count=s,{start:a,end:s}},t.prototype._initDataFromProvider=function(t,e,n){for(var i=this._provider,r=this._chunks,o=this._dimensions,a=o.length,s=this._rawExtent,l=E(o,(function(t){return t.property})),u=0;u<a;u++){var c=o[u];s[u]||(s[u]=[1/0,-1/0]),yy(r,u,c.type,e,n)}if(i.fillStorage)i.fillStorage(t,e,r,s);else for(var h=[],d=t;d<e;d++){h=i.getItem(d,h);for(var p=0;p<a;p++){var f=r[p],g=this._dimValueGetter(h,l[p],d,p);f[d]=g;var y=s[p];g<y[0]&&(y[0]=g),g>y[1]&&(y[1]=g)}}!i.persistent&&i.clean&&i.clean(),this._rawCount=this._count=e,this._extent=[]},t.prototype.count=function(){return this._count},t.prototype.get=function(t,e){if(!(e>=0&&e<this._count))return NaN;var n=this._chunks[t];return n?n[this.getRawIndex(e)]:NaN},t.prototype.getValues=function(t,e){var n=[],i=[];if(null==e){e=t,t=[];for(var r=0;r<this._dimensions.length;r++)i.push(r)}else i=t;r=0;for(var o=i.length;r<o;r++)n.push(this.get(i[r],e));return n},t.prototype.getByRawIndex=function(t,e){if(!(e>=0&&e<this._rawCount))return NaN;var n=this._chunks[t];return n?n[e]:NaN},t.prototype.getSum=function(t){var e=0;if(this._chunks[t])for(var n=0,i=this.count();n<i;n++){var r=this.get(t,n);isNaN(r)||(e+=r)}return e},t.prototype.getMedian=function(t){var e=[];this.each([t],(function(t){isNaN(t)||e.push(t)}));var n=e.sort((function(t,e){return t-e})),i=this.count();return 0===i?0:i%2==1?n[(i-1)/2]:(n[i/2]+n[i/2-1])/2},t.prototype.indexOfRawIndex=function(t){if(t>=this._rawCount||t<0)return-1;if(!this._indices)return t;var e=this._indices,n=e[t];if(null!=n&&n<this._count&&n===t)return t;for(var i=0,r=this._count-1;i<=r;){var o=(i+r)/2|0;if(e[o]<t)i=o+1;else{if(!(e[o]>t))return o;r=o-1}}return-1},t.prototype.getIndices=function(){var t,e=this._indices;if(e){var n=e.constructor,i=this._count;if(n===Array){t=new n(i);for(var r=0;r<i;r++)t[r]=e[r]}else t=new n(e.buffer,0,i)}else{t=new(n=gy(this._rawCount))(this.count());for(r=0;r<t.length;r++)t[r]=r}return t},t.prototype.filter=function(t,e){if(!this._count)return this;for(var n=this.clone(),i=n.count(),r=new(gy(n._rawCount))(i),o=[],a=t.length,s=0,l=t[0],u=n._chunks,c=0;c<i;c++){var h=void 0,d=n.getRawIndex(c);if(0===a)h=e(c);else if(1===a){h=e(u[l][d],c)}else{for(var p=0;p<a;p++)o[p]=u[t[p]][d];o[p]=c,h=e.apply(null,o)}h&&(r[s++]=d)}return s<i&&(n._indices=r),n._count=s,n._extent=[],n._updateGetRawIdx(),n},t.prototype.selectRange=function(t){var e=this.clone(),n=e._count;if(!n)return this;var i=F(t),r=i.length;if(!r)return this;var o=e.count(),a=new(gy(e._rawCount))(o),s=0,l=i[0],u=t[l][0],c=t[l][1],h=e._chunks,d=!1;if(!e._indices){var p=0;if(1===r){for(var f=h[i[0]],g=0;g<n;g++){((x=f[g])>=u&&x<=c||isNaN(x))&&(a[s++]=p),p++}d=!0}else if(2===r){f=h[i[0]];var y=h[i[1]],v=t[i[1]][0],m=t[i[1]][1];for(g=0;g<n;g++){var x=f[g],_=y[g];(x>=u&&x<=c||isNaN(x))&&(_>=v&&_<=m||isNaN(_))&&(a[s++]=p),p++}d=!0}}if(!d)if(1===r)for(g=0;g<o;g++){var b=e.getRawIndex(g);((x=h[i[0]][b])>=u&&x<=c||isNaN(x))&&(a[s++]=b)}else for(g=0;g<o;g++){for(var w=!0,S=(b=e.getRawIndex(g),0);S<r;S++){var M=i[S];((x=h[M][b])<t[M][0]||x>t[M][1])&&(w=!1)}w&&(a[s++]=e.getRawIndex(g))}return s<o&&(e._indices=a),e._count=s,e._extent=[],e._updateGetRawIdx(),e},t.prototype.map=function(t,e){var n=this.clone(t);return this._updateDims(n,t,e),n},t.prototype.modify=function(t,e){this._updateDims(this,t,e)},t.prototype._updateDims=function(t,e,n){for(var i=t._chunks,r=[],o=e.length,a=t.count(),s=[],l=t._rawExtent,u=0;u<e.length;u++)l[e[u]]=[1/0,-1/0];for(var c=0;c<a;c++){for(var h=t.getRawIndex(c),d=0;d<o;d++)s[d]=i[e[d]][h];s[o]=c;var p=n&&n.apply(null,s);if(null!=p){"object"!=typeof p&&(r[0]=p,p=r);for(u=0;u<p.length;u++){var f=e[u],g=p[u],y=l[f],v=i[f];v&&(v[h]=g),g<y[0]&&(y[0]=g),g>y[1]&&(y[1]=g)}}}},t.prototype.lttbDownSample=function(t,e){var n,i,r,o=this.clone([t],!0),a=o._chunks[t],s=this.count(),l=0,u=Math.floor(1/e),c=this.getRawIndex(0),h=new(gy(this._rawCount))(Math.min(2*(Math.ceil(s/u)+2),s));h[l++]=c;for(var d=1;d<s-1;d+=u){for(var p=Math.min(d+u,s-1),f=Math.min(d+2*u,s),g=(f+p)/2,y=0,v=p;v<f;v++){var m=a[I=this.getRawIndex(v)];isNaN(m)||(y+=m)}y/=f-p;var x=d,_=Math.min(d+u,s),b=d-1,w=a[c];n=-1,r=x;var S=-1,M=0;for(v=x;v<_;v++){var I;m=a[I=this.getRawIndex(v)];isNaN(m)?(M++,S<0&&(S=I)):(i=Math.abs((b-g)*(m-w)-(b-v)*(y-w)))>n&&(n=i,r=I)}M>0&&M<_-x&&(h[l++]=Math.min(S,r),r=Math.max(S,r)),h[l++]=r,c=r}return h[l++]=this.getRawIndex(s-1),o._count=l,o._indices=h,o.getRawIndex=this._getRawIdx,o},t.prototype.minmaxDownSample=function(t,e){for(var n=this.clone([t],!0),i=n._chunks,r=Math.floor(1/e),o=i[t],a=this.count(),s=new(gy(this._rawCount))(2*Math.ceil(a/r)),l=0,u=0;u<a;u+=r){var c=u,h=o[this.getRawIndex(c)],d=u,p=o[this.getRawIndex(d)],f=r;u+r>a&&(f=a-u);for(var g=0;g<f;g++){var y=o[this.getRawIndex(u+g)];y<h&&(h=y,c=u+g),y>p&&(p=y,d=u+g)}var v=this.getRawIndex(c),m=this.getRawIndex(d);c<d?(s[l++]=v,s[l++]=m):(s[l++]=m,s[l++]=v)}return n._count=l,n._indices=s,n._updateGetRawIdx(),n},t.prototype.downSample=function(t,e,n,i){for(var r=this.clone([t],!0),o=r._chunks,a=[],s=Math.floor(1/e),l=o[t],u=this.count(),c=r._rawExtent[t]=[1/0,-1/0],h=new(gy(this._rawCount))(Math.ceil(u/s)),d=0,p=0;p<u;p+=s){s>u-p&&(s=u-p,a.length=s);for(var f=0;f<s;f++){var g=this.getRawIndex(p+f);a[f]=l[g]}var y=n(a),v=this.getRawIndex(Math.min(p+i(a,y)||0,u-1));l[v]=y,y<c[0]&&(c[0]=y),y>c[1]&&(c[1]=y),h[d++]=v}return r._count=d,r._indices=h,r._updateGetRawIdx(),r},t.prototype.each=function(t,e){if(this._count)for(var n=t.length,i=this._chunks,r=0,o=this.count();r<o;r++){var a=this.getRawIndex(r);switch(n){case 0:e(r);break;case 1:e(i[t[0]][a],r);break;case 2:e(i[t[0]][a],i[t[1]][a],r);break;default:for(var s=0,l=[];s<n;s++)l[s]=i[t[s]][a];l[s]=r,e.apply(null,l)}}},t.prototype.getDataExtent=function(t){var e=this._chunks[t],n=[1/0,-1/0];if(!e)return n;var i,r=this.count();if(!this._indices)return this._rawExtent[t].slice();if(i=this._extent[t])return i.slice();for(var o=(i=n)[0],a=i[1],s=0;s<r;s++){var l=e[this.getRawIndex(s)];l<o&&(o=l),l>a&&(a=l)}return i=[o,a],this._extent[t]=i,i},t.prototype.getRawDataItem=function(t){var e=this.getRawIndex(t);if(this._provider.persistent)return this._provider.getItem(e);for(var n=[],i=this._chunks,r=0;r<i.length;r++)n.push(i[r][e]);return n},t.prototype.clone=function(e,n){var i,r,o=new t,a=this._chunks,s=e&&B(e,(function(t,e){return t[e]=!0,t}),{});if(s)for(var l=0;l<a.length;l++)o._chunks[l]=s[l]?(i=a[l],r=void 0,(r=i.constructor)===Array?i.slice():new r(i)):a[l];else o._chunks=a;return this._copyCommonProps(o),n||(o._indices=this._cloneIndices()),o._updateGetRawIdx(),o},t.prototype._copyCommonProps=function(t){t._count=this._count,t._rawCount=this._rawCount,t._provider=this._provider,t._dimensions=this._dimensions,t._extent=T(this._extent),t._rawExtent=T(this._rawExtent)},t.prototype._cloneIndices=function(){if(this._indices){var t=this._indices.constructor,e=void 0;if(t===Array){var n=this._indices.length;e=new t(n);for(var i=0;i<n;i++)e[i]=this._indices[i]}else e=new t(this._indices);return e}return null},t.prototype._getRawIdxIdentity=function(t){return t},t.prototype._getRawIdx=function(t){return t<this._count&&t>=0?this._indices[t]:-1},t.prototype._updateGetRawIdx=function(){this.getRawIndex=this._indices?this._getRawIdx:this._getRawIdxIdentity},t.internalField=function(){function t(t,e,n,i){return Xg(t[i],this._dimensions[i])}ly={arrayRows:t,objectRows:function(t,e,n,i){return Xg(t[e],this._dimensions[i])},keyedColumns:t,original:function(t,e,n,i){var r=t&&(null==t.value?t:t.value);return Xg(r instanceof Array?r[i]:r,this._dimensions[i])},typedArray:function(t,e,n,i){return t[i]}}}(),t}(),my=function(){function t(t){this._sourceList=[],this._storeList=[],this._upstreamSignList=[],this._versionSignBase=0,this._dirty=!0,this._sourceHost=t}return t.prototype.dirty=function(){this._setLocalSource([],[]),this._storeList=[],this._dirty=!0},t.prototype._setLocalSource=function(t,e){this._sourceList=t,this._upstreamSignList=e,this._versionSignBase++,this._versionSignBase>9e10&&(this._versionSignBase=0)},t.prototype._getVersionSign=function(){return this._sourceHost.uid+"_"+this._versionSignBase},t.prototype.prepareSource=function(){this._isDirty()&&(this._createSource(),this._dirty=!1)},t.prototype._createSource=function(){this._setLocalSource([],[]);var t,e,n=this._sourceHost,i=this._getUpstreamSourceManagers(),r=!!i.length;if(_y(n)){var o=n,a=void 0,s=void 0,l=void 0;if(r){var u=i[0];u.prepareSource(),a=(l=u.getSource()).data,s=l.sourceFormat,e=[u._getVersionSign()]}else s=$(a=o.get("data",!0))?gf:hf,e=[];var c=this._getSourceMetaRawOption()||{},h=l&&l.metaRawOption||{},d=rt(c.seriesLayoutBy,h.seriesLayoutBy)||null,p=rt(c.sourceHeader,h.sourceHeader),f=rt(c.dimensions,h.dimensions);t=d!==h.seriesLayoutBy||!!p!=!!h.sourceHeader||f?[bg(a,{seriesLayoutBy:d,sourceHeader:p,dimensions:f},s)]:[]}else{var g=n;if(r){var y=this._applyTransform(i);t=y.sourceList,e=y.upstreamSignList}else{t=[bg(g.get("source",!0),this._getSourceMetaRawOption(),null)],e=[]}}this._setLocalSource(t,e)},t.prototype._applyTransform=function(t){var e,n=this._sourceHost,i=n.get("transform",!0),r=n.get("fromTransformResult",!0);if(null!=r){var o="";1!==t.length&&by(o)}var a,s=[],l=[];return z(t,(function(t){t.prepareSource();var e=t.getSource(r||0),n="";null==r||e||by(n),s.push(e),l.push(t._getVersionSign())})),i?e=function(t,e,n){var i=qo(t),r=i.length,o="";r||Yo(o);for(var a=0,s=r;a<s;a++)e=ay(i[a],e),a!==s-1&&(e.length=Math.max(e.length,1));return e}(i,s,n.componentIndex):null!=r&&(e=[(a=s[0],new xg({data:a.data,sourceFormat:a.sourceFormat,seriesLayoutBy:a.seriesLayoutBy,dimensionsDefine:T(a.dimensionsDefine),startIndex:a.startIndex,dimensionsDetectedCount:a.dimensionsDetectedCount}))]),{sourceList:e,upstreamSignList:l}},t.prototype._isDirty=function(){if(this._dirty)return!0;for(var t=this._getUpstreamSourceManagers(),e=0;e<t.length;e++){var n=t[e];if(n._isDirty()||this._upstreamSignList[e]!==n._getVersionSign())return!0}},t.prototype.getSource=function(t){t=t||0;var e=this._sourceList[t];if(!e){var n=this._getUpstreamSourceManagers();return n[0]&&n[0].getSource(t)}return e},t.prototype.getSharedDataStore=function(t){var e=t.makeStoreSchema();return this._innerGetDataStore(e.dimensions,t.source,e.hash)},t.prototype._innerGetDataStore=function(t,e,n){var i=this._storeList,r=i[0];r||(r=i[0]={});var o=r[n];if(!o){var a=this._getUpstreamSourceManagers()[0];_y(this._sourceHost)&&a?o=a._innerGetDataStore(t,e,n):(o=new vy).initData(new Cg(e,t.length),t),r[n]=o}return o},t.prototype._getUpstreamSourceManagers=function(){var t=this._sourceHost;if(_y(t)){var e=If(t);return e?[e.getSourceManager()]:[]}return E(function(t){return t.get("transform",!0)||t.get("fromTransformResult",!0)?pa(t.ecModel,"dataset",{index:t.get("fromDatasetIndex",!0),id:t.get("fromDatasetId",!0)},ha).models:[]}(t),(function(t){return t.getSourceManager()}))},t.prototype._getSourceMetaRawOption=function(){var t,e,n,i=this._sourceHost;if(_y(i))t=i.get("seriesLayoutBy",!0),e=i.get("sourceHeader",!0),n=i.get("dimensions",!0);else if(!this._getUpstreamSourceManagers().length){var r=i;t=r.get("seriesLayoutBy",!0),e=r.get("sourceHeader",!0),n=r.get("dimensions",!0)}return{seriesLayoutBy:t,sourceHeader:e,dimensions:n}},t}();function xy(t){t.option.transform&&ht(t.option.transform)}function _y(t){return"series"===t.mainType}function by(t){throw new Error(t)}function wy(t){var e=t.lineHeight;return null==e?"line-height:1":"line-height:"+oe(e+"")+"px"}function Sy(t,e){var n=t.color||tf.color.tertiary,i=t.fontSize||12,r=t.fontWeight||"400",o=t.color||tf.color.secondary,a=t.fontSize||14,s=t.fontWeight||"900";return"html"===e?{nameStyle:"font-size:"+oe(i+"")+"px;color:"+oe(n)+";font-weight:"+oe(r+""),valueStyle:"font-size:"+oe(a+"")+"px;color:"+oe(o)+";font-weight:"+oe(s+"")}:{nameStyle:{fontSize:i,fill:n,fontWeight:r},valueStyle:{fontSize:a,fill:o,fontWeight:s}}}var My=[0,10,20,30],Iy=["","\n","\n\n","\n\n\n"];function Ty(t,e){return e.type=t,e}function Cy(t){return"section"===t.type}function Dy(t){return Cy(t)?ky:Ly}function Ay(t){if(Cy(t)){var e=0,n=t.blocks.length,i=n>1||n>0&&!t.noHeader;return z(t.blocks,(function(t){var n=Ay(t);n>=e&&(e=n+ +(i&&(!n||Cy(t)&&!t.noHeader)))})),e}return 0}function ky(t,e,n,i){var r,o=e.noHeader,a=(r=Ay(e),{html:My[r],richText:Iy[r]}),s=[],l=e.blocks||[];lt(!l||U(l)),l=l||[];var u=t.orderMode;if(e.sortBlocks&&u){l=l.slice();var c={valueAsc:"asc",valueDesc:"desc"};if(_t(c,u)){var h=new $g(c[u],null);l.sort((function(t,e){return h.evaluate(t.sortParam,e.sortParam)}))}else"seriesDesc"===u&&l.reverse()}z(l,(function(n,r){var o=e.valueFormatter,l=Dy(n)(o?A(A({},t),{valueFormatter:o}):t,n,r>0?a.html:0,i);null!=l&&s.push(l)}));var d="richText"===t.renderMode?s.join(a.richText):Oy(i,s.join(""),o?n:a.html);if(o)return d;var p=vp(e.header,"ordinal",t.useUTC),f=Sy(i,t.renderMode).nameStyle,g=wy(i);return"richText"===t.renderMode?Ry(t,p,f)+a.richText+d:Oy(i,'<div style="'+f+";"+g+';">'+oe(p)+"</div>"+d,n)}function Ly(t,e,n,i){var r=t.renderMode,o=e.noName,a=e.noValue,s=!e.markerType,l=e.name,u=t.useUTC,c=e.valueFormatter||t.valueFormatter||function(t){return E(t=U(t)?t:[t],(function(t,e){return vp(t,U(p)?p[e]:p,u)}))};if(!o||!a){var h=s?"":t.markupStyleCreator.makeTooltipMarker(e.markerType,e.markerColor||tf.color.secondary,r),d=o?"":vp(l,"ordinal",u),p=e.valueType,f=a?[]:c(e.value,e.dataIndex),g=!s||!o,y=!s&&o,v=Sy(i,r),m=v.nameStyle,x=v.valueStyle;return"richText"===r?(s?"":h)+(o?"":Ry(t,d,m))+(a?"":function(t,e,n,i,r){var o=[r],a=i?10:20;return n&&o.push({padding:[0,0,0,a],align:"right"}),t.markupStyleCreator.wrapRichTextStyle(U(e)?e.join("  "):e,o)}(t,f,g,y,x)):Oy(i,(s?"":h)+(o?"":function(t,e,n){return'<span style="'+n+";"+(e?"margin-left:2px":"")+'">'+oe(t)+"</span>"}(d,!s,m))+(a?"":function(t,e,n,i){var r=n?"10px":"20px",o=e?"float:right;margin-left:"+r:"";return t=U(t)?t:[t],'<span style="'+o+";"+i+'">'+E(t,(function(t){return oe(t)})).join("&nbsp;&nbsp;")+"</span>"}(f,g,y,x)),n)}}function Py(t,e,n,i,r,o){if(t)return Dy(t)({useUTC:r,renderMode:n,orderMode:i,markupStyleCreator:e,valueFormatter:t.valueFormatter},t,0,o)}function Oy(t,e,n){return'<div style="'+("margin: "+n+"px 0 0")+";"+wy(t)+';">'+e+'<div style="clear:both"></div></div>'}function Ry(t,e,n){return t.markupStyleCreator.wrapRichTextStyle(e,n)}function Ny(t,e){return wp(t.getData().getItemVisual(e,"style")[t.visualDrawType])}function zy(t,e){var n=t.get("padding");return null!=n?n:"richText"===e?[8,10]:10}var Ey=function(){function t(){this.richTextStyles={},this._nextStyleNameId=Eo()}return t.prototype._generateStyleName=function(){return"__EC_aUTo_"+this._nextStyleNameId++},t.prototype.makeTooltipMarker=function(t,e,n){var i="richText"===n?this._generateStyleName():null,r=bp({color:e,type:t,renderMode:n,markerId:i});return X(r)?r:(this.richTextStyles[i]=r.style,r.content)},t.prototype.wrapRichTextStyle=function(t,e){var n={};U(e)?z(e,(function(t){return A(n,t)})):A(n,e);var i=this._generateStyleName();return this.richTextStyles[i]=n,"{"+i+"|"+t+"}"},t}();function By(t){var e,n,i,r,o=t.series,a=t.dataIndex,s=t.multipleSeries,l=o.getData(),u=l.mapDimensionsAll("defaultedTooltip"),c=u.length,h=o.getRawValue(a),d=U(h),p=Ny(o,a);if(c>1||d&&!c){var f=function(t,e,n,i,r){var o=e.getData(),a=B(t,(function(t,e,n){var i=o.getDimensionInfo(n);return t||i&&!1!==i.tooltip&&null!=i.displayName}),!1),s=[],l=[],u=[];function c(t,e){var n=o.getDimensionInfo(e);n&&!1!==n.otherDims.tooltip&&(a?u.push(Ty("nameValue",{markerType:"subItem",markerColor:r,name:n.displayName,value:t,valueType:n.type})):(s.push(t),l.push(n.type)))}return i.length?z(i,(function(t){c(Vg(o,n,t),t)})):z(t,c),{inlineValues:s,inlineValueTypes:l,blocks:u}}(h,o,a,u,p);e=f.inlineValues,n=f.inlineValueTypes,i=f.blocks,r=f.inlineValues[0]}else if(c){var g=l.getDimensionInfo(u[0]);r=e=Vg(l,a,u[0]),n=g.type}else r=e=d?h[0]:h;var y=ra(o),v=y&&o.name||"",m=l.getName(a),x=s?v:m;return Ty("section",{header:v,noHeader:s||!y,sortParam:r,blocks:[Ty("nameValue",{markerType:"item",markerColor:p,name:x,noName:!ut(x),value:e,valueType:n,dataIndex:a})].concat(i||[])})}var Vy=sa();function Gy(t,e){return t.getName(e)||t.getId(e)}var Fy="__universalTransitionEnabled",Wy=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e._selectedDataIndicesMap={},e}var i;return n(e,t),e.prototype.init=function(t,e,n){this.seriesIndex=this.componentIndex,this.dataTask=Hg({count:Uy,reset:Yy}),this.dataTask.context={model:this},this.mergeDefaultAndTheme(t,n),(Vy(this).sourceManager=new my(this)).prepareSource();var i=this.getInitialData(t,n);Zy(i,this),this.dataTask.context.data=i,Vy(this).dataBeforeProcessed=i,Hy(this),this._initSelectedMapFromData(i)},e.prototype.mergeDefaultAndTheme=function(t,e){var n=jp(this),i=n?Kp(t):{},r=this.subType;Qp.hasClass(r)&&(r+="Series"),C(t,e.getTheme().get(this.subType)),C(t,this.getDefaultOption()),Ko(t,"label",["show"]),this.fillDataTextStyle(t.data),n&&qp(t,i,n)},e.prototype.mergeOption=function(t,e){t=C(this.option,t,!0),this.fillDataTextStyle(t.data);var n=jp(this);n&&qp(this.option,t,n);var i=Vy(this).sourceManager;i.dirty(),i.prepareSource();var r=this.getInitialData(t,e);Zy(r,this),this.dataTask.dirty(),this.dataTask.context.data=r,Vy(this).dataBeforeProcessed=r,Hy(this),this._initSelectedMapFromData(r)},e.prototype.fillDataTextStyle=function(t){if(t&&!$(t))for(var e=["show"],n=0;n<t.length;n++)t[n]&&t[n].label&&Ko(t[n],"label",e)},e.prototype.getInitialData=function(t,e){},e.prototype.appendData=function(t){this.getRawData().appendData(t.data)},e.prototype.getData=function(t){var e=qy(this);if(e){var n=e.context.data;return null!=t&&n.getLinkedData?n.getLinkedData(t):n}return Vy(this).data},e.prototype.getAllData=function(){var t=this.getData();return t&&t.getLinkedDataAll?t.getLinkedDataAll():[{data:t}]},e.prototype.setData=function(t){var e=qy(this);if(e){var n=e.context;n.outputData=t,e!==this.dataTask&&(n.data=t)}Vy(this).data=t},e.prototype.getEncode=function(){var t=this.get("encode",!0);if(t)return yt(t)},e.prototype.getSourceManager=function(){return Vy(this).sourceManager},e.prototype.getSource=function(){return this.getSourceManager().getSource()},e.prototype.getRawData=function(){return Vy(this).dataBeforeProcessed},e.prototype.getColorBy=function(){return this.get("colorBy")||"series"},e.prototype.isColorBySeries=function(){return"series"===this.getColorBy()},e.prototype.getBaseAxis=function(){var t=this.coordinateSystem;return t&&t.getBaseAxis&&t.getBaseAxis()},e.prototype.indicesOfNearest=function(t,e,n,i){var r=this.getData(),o=this.coordinateSystem,a=o&&o.getAxis(t);if(!o||!a)return[];var s=a.dataToCoord(n);null==i&&(i=1/0);var l=[],u=1/0,c=-1,h=0;return r.each(e,(function(t,e){var n=a.dataToCoord(t),r=s-n,o=Math.abs(r);o<=i&&((o<u||o===u&&r>=0&&c<0)&&(u=o,c=r,h=0),r===c&&(l[h++]=e))})),l.length=h,l},e.prototype.formatTooltip=function(t,e,n){return By({series:this,dataIndex:t,multipleSeries:e})},e.prototype.isAnimationEnabled=function(){var t=this.ecModel;if(r.node&&(!t||!t.ssr))return!1;var e=this.getShallow("animation");return e&&this.getData().count()>this.getShallow("animationThreshold")&&(e=!1),!!e},e.prototype.restoreData=function(){this.dataTask.dirty()},e.prototype.getColorFromPalette=function(t,e,n){var i=this.ecModel,r=Rf.prototype.getColorFromPalette.call(this,t,e,n);return r||(r=i.getColorFromPalette(t,e,n)),r},e.prototype.coordDimToDataDim=function(t){return this.getRawData().mapDimensionsAll(t)},e.prototype.getProgressive=function(){return this.get("progressive")},e.prototype.getProgressiveThreshold=function(){return this.get("progressiveThreshold")},e.prototype.select=function(t,e){this._innerSelect(this.getData(e),t)},e.prototype.unselect=function(t,e){var n=this.option.selectedMap;if(n){var i=this.option.selectedMode,r=this.getData(e);if("series"===i||"all"===n)return this.option.selectedMap={},void(this._selectedDataIndicesMap={});for(var o=0;o<t.length;o++){var a=Gy(r,t[o]);n[a]=!1,this._selectedDataIndicesMap[a]=-1}}},e.prototype.toggleSelect=function(t,e){for(var n=[],i=0;i<t.length;i++)n[0]=t[i],this.isSelected(t[i],e)?this.unselect(n,e):this.select(n,e)},e.prototype.getSelectedDataIndices=function(){if("all"===this.option.selectedMap)return[].slice.call(this.getData().getIndices());for(var t=this._selectedDataIndicesMap,e=F(t),n=[],i=0;i<e.length;i++){var r=t[e[i]];r>=0&&n.push(r)}return n},e.prototype.isSelected=function(t,e){var n=this.option.selectedMap;if(!n)return!1;var i=this.getData(e);return("all"===n||n[Gy(i,t)])&&!i.getItemModel(t).get(["select","disabled"])},e.prototype.isUniversalTransitionEnabled=function(){if(this[Fy])return!0;var t=this.option.universalTransition;return!!t&&(!0===t||t&&t.enabled)},e.prototype._innerSelect=function(t,e){var n,i,r=this.option,o=r.selectedMode,a=e.length;if(o&&a)if("series"===o)r.selectedMap="all";else if("multiple"===o){q(r.selectedMap)||(r.selectedMap={});for(var s=r.selectedMap,l=0;l<a;l++){var u=e[l];s[h=Gy(t,u)]=!0,this._selectedDataIndicesMap[h]=t.getRawIndex(u)}}else if("single"===o||!0===o){var c=e[a-1],h=Gy(t,c);r.selectedMap=((n={})[h]=!0,n),this._selectedDataIndicesMap=((i={})[h]=t.getRawIndex(c),i)}},e.prototype._initSelectedMapFromData=function(t){if(!this.option.selectedMap){var e=[];t.hasItemOption&&t.each((function(n){var i=t.getRawDataItem(n);i&&i.selected&&e.push(n)})),e.length>0&&this._innerSelect(t,e)}},e.registerClass=function(t){return Qp.registerClass(t)},e.protoInitialize=((i=e.prototype).type="series.__base__",i.seriesIndex=0,i.ignoreStyleOnData=!1,i.hasSymbolVisual=!1,i.defaultSymbol="circle",i.visualStyleAccessPath="itemStyle",void(i.visualDrawType="fill")),e}(Qp);function Hy(t){var e=t.name;ra(t)||(t.name=function(t){var e=t.getRawData(),n=e.mapDimensionsAll("seriesName"),i=[];return z(n,(function(t){var n=e.getDimensionInfo(t);n.displayName&&i.push(n.displayName)})),i.join(" ")}(t)||e)}function Uy(t){return t.model.getRawData().count()}function Yy(t){var e=t.model;return e.setData(e.getRawData().cloneShallow()),Xy}function Xy(t,e){e.outputData&&t.end>e.outputData.count()&&e.model.getRawData().cloneShallow(e.outputData)}function Zy(t,e){z(vt(t.CHANGABLE_METHODS,t.DOWNSAMPLE_METHODS),(function(n){t.wrapMethod(n,H(jy,e))}))}function jy(t,e){var n=qy(t);return n&&n.setOutputEnd((e||this).count()),e}function qy(t){var e=(t.ecModel||{}).scheduler,n=e&&e.getPipeline(t.uid);if(n){var i=n.currentTask;if(i){var r=i.agentStubMap;r&&(i=r.get(t.uid))}return i}}R(Wy,Fg),R(Wy,Rf),Sa(Wy,Qp);var Ky=function(){function t(){this.group=new to,this.uid=Md("viewComponent")}return t.prototype.init=function(t,e){},t.prototype.render=function(t,e,n,i){},t.prototype.dispose=function(t,e){},t.prototype.updateView=function(t,e,n,i){},t.prototype.updateLayout=function(t,e,n,i){},t.prototype.updateVisual=function(t,e,n,i){},t.prototype.toggleBlurSeries=function(t,e,n){},t.prototype.eachRendered=function(t){var e=this.group;e&&e.traverse(t)},t}();function $y(){var t=sa();return function(e){var n=t(e),i=e.pipelineContext,r=!!n.large,o=!!n.progressiveRender,a=n.large=!(!i||!i.large),s=n.progressiveRender=!(!i||!i.progressiveRender);return!(r===a&&o===s)&&"reset"}}wa(Ky),Ca(Ky);var Jy=sa(),Qy=$y(),tv=function(){function t(){this.group=new to,this.uid=Md("viewChart"),this.renderTask=Hg({plan:iv,reset:rv}),this.renderTask.context={view:this}}return t.prototype.init=function(t,e){},t.prototype.render=function(t,e,n,i){0},t.prototype.highlight=function(t,e,n,i){var r=t.getData(i&&i.dataType);r&&nv(r,i,"emphasis")},t.prototype.downplay=function(t,e,n,i){var r=t.getData(i&&i.dataType);r&&nv(r,i,"normal")},t.prototype.remove=function(t,e){this.group.removeAll()},t.prototype.dispose=function(t,e){},t.prototype.updateView=function(t,e,n,i){this.render(t,e,n,i)},t.prototype.updateLayout=function(t,e,n,i){this.render(t,e,n,i)},t.prototype.updateVisual=function(t,e,n,i){this.render(t,e,n,i)},t.prototype.eachRendered=function(t){Bh(this.group,t)},t.markUpdateMethod=function(t,e){Jy(t).updateMethod=e},t.protoInitialize=void(t.prototype.type="chart"),t}();function ev(t,e,n){t&&Pu(t)&&("emphasis"===e?du:pu)(t,n)}function nv(t,e,n){var i=aa(t,e),r=e&&null!=e.highlightKey?function(t){var e=Vl[t];return null==e&&Bl<=32&&(e=Vl[t]=Bl++),e}(e.highlightKey):null;null!=i?z(qo(i),(function(e){ev(t.getItemGraphicEl(e),n,r)})):t.eachItemGraphicEl((function(t){ev(t,n,r)}))}function iv(t){return Qy(t.model)}function rv(t){var e=t.model,n=t.ecModel,i=t.api,r=t.payload,o=e.pipelineContext.progressiveRender,a=t.view,s=r&&Jy(r).updateMethod,l=o?"incrementalPrepareRender":s&&a[s]?s:"render";return"render"!==l&&a[l](e,n,i,r),ov[l]}wa(tv),Ca(tv);var ov={incrementalPrepareRender:{progress:function(t,e){e.view.incrementalRender(t,e.model,e.ecModel,e.api,e.payload)}},render:{forceFirstProgress:!0,progress:function(t,e){e.view.render(e.model,e.ecModel,e.api,e.payload)}}},av="\0__throttleOriginMethod",sv="\0__throttleRate",lv="\0__throttleType";function uv(t,e,n){var i,r,o,a,s,l=0,u=0,c=null;function h(){u=(new Date).getTime(),c=null,t.apply(o,a||[])}e=e||0;var d=function(){for(var t=[],d=0;d<arguments.length;d++)t[d]=arguments[d];i=(new Date).getTime(),o=this,a=t;var p=s||e,f=s||n;s=null,r=i-(f?l:u)-p,clearTimeout(c),f?c=setTimeout(h,p):r>=0?h():c=setTimeout(h,-r),l=i};return d.clear=function(){c&&(clearTimeout(c),c=null)},d.debounceNextCall=function(t){s=t},d}function cv(t,e,n,i){var r=t[e];if(r){var o=r[av]||r,a=r[lv];if(r[sv]!==n||a!==i){if(null==n||!i)return t[e]=o;(r=t[e]=uv(o,n,"debounce"===i))[av]=o,r[lv]=i,r[sv]=n}return r}}function hv(t,e){var n=t[e];n&&n[av]&&(n.clear&&n.clear(),t[e]=n[av])}var dv=sa(),pv={itemStyle:Da(xd,!0),lineStyle:Da(yd,!0)},fv={lineStyle:"stroke",itemStyle:"fill"};function gv(t,e){var n=t.visualStyleMapper||pv[e];return n||(console.warn("Unknown style type '"+e+"'."),pv.itemStyle)}function yv(t,e){var n=t.visualDrawType||fv[e];return n||(console.warn("Unknown style type '"+e+"'."),"fill")}var vv={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){var n=t.getData(),i=t.visualStyleAccessPath||"itemStyle",r=t.getModel(i),o=gv(t,i)(r),a=r.getShallow("decal");a&&(n.setVisual("decal",a),a.dirty=!0);var s=yv(t,i),l=o[s],u=Y(l)?l:null,c="auto"===o.fill||"auto"===o.stroke;if(!o[s]||u||c){var h=t.getColorFromPalette(t.name,null,e.getSeriesCount());o[s]||(o[s]=h,n.setVisual("colorFromPalette",!0)),o.fill="auto"===o.fill||Y(o.fill)?h:o.fill,o.stroke="auto"===o.stroke||Y(o.stroke)?h:o.stroke}if(n.setVisual("style",o),n.setVisual("drawType",s),!e.isSeriesFiltered(t)&&u)return n.setVisual("colorFromPalette",!1),{dataEach:function(e,n){var i=t.getDataParams(n),r=A({},o);r[s]=u(i),e.setItemVisual(n,"style",r)}}}},mv=new wd,xv={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){if(!t.ignoreStyleOnData&&!e.isSeriesFiltered(t)){var n=t.getData(),i=t.visualStyleAccessPath||"itemStyle",r=gv(t,i),o=n.getVisual("drawType");return{dataEach:n.hasItemOption?function(t,e){var n=t.getRawDataItem(e);if(n&&n[i]){mv.option=n[i];var a=r(mv);A(t.ensureUniqueItemVisual(e,"style"),a),mv.option.decal&&(t.setItemVisual(e,"decal",mv.option.decal),mv.option.decal.dirty=!0),o in a&&t.setItemVisual(e,"colorFromPalette",!1)}}:null}}}},_v={performRawSeries:!0,overallReset:function(t){var e=yt();t.eachSeries((function(t){var n=t.getColorBy();if(!t.isColorBySeries()){var i=t.type+"-"+n,r=e.get(i);r||(r={},e.set(i,r)),dv(t).scope=r}})),t.eachSeries((function(e){if(!e.isColorBySeries()&&!t.isSeriesFiltered(e)){var n=e.getRawData(),i={},r=e.getData(),o=dv(e).scope,a=e.visualStyleAccessPath||"itemStyle",s=yv(e,a);r.each((function(t){var e=r.getRawIndex(t);i[e]=t})),n.each((function(t){var a=i[t];if(r.getItemVisual(a,"colorFromPalette")){var l=r.ensureUniqueItemVisual(a,"style"),u=n.getName(t)||t+"",c=n.count();l[s]=e.getColorFromPalette(u,o,c)}}))}}))}},bv=Math.PI;var wv=function(){function t(t,e,n,i){this._stageTaskMap=yt(),this.ecInstance=t,this.api=e,n=this._dataProcessorHandlers=n.slice(),i=this._visualHandlers=i.slice(),this._allHandlers=n.concat(i)}return t.prototype.restoreData=function(t,e){t.restoreData(e),this._stageTaskMap.each((function(t){var e=t.overallTask;e&&e.dirty()}))},t.prototype.getPerformArgs=function(t,e){if(t.__pipeline){var n=this._pipelineMap.get(t.__pipeline.id),i=n.context,r=!e&&n.progressiveEnabled&&(!i||i.progressiveRender)&&t.__idxInPipeline>n.blockIndex?n.step:null,o=i&&i.modDataCount;return{step:r,modBy:null!=o?Math.ceil(o/r):null,modDataCount:o}}},t.prototype.getPipeline=function(t){return this._pipelineMap.get(t)},t.prototype.updateStreamModes=function(t,e){var n=this._pipelineMap.get(t.uid),i=t.getData().count(),r=n.progressiveEnabled&&e.incrementalPrepareRender&&i>=n.threshold,o=t.get("large")&&i>=t.get("largeThreshold"),a="mod"===t.get("progressiveChunkMode")?i:null;t.pipelineContext=n.context={progressiveRender:r,modDataCount:a,large:o}},t.prototype.restorePipelines=function(t){var e=this,n=e._pipelineMap=yt();t.eachSeries((function(t){var i=t.getProgressive(),r=t.uid;n.set(r,{id:r,head:null,tail:null,threshold:t.getProgressiveThreshold(),progressiveEnabled:i&&!(t.preventIncremental&&t.preventIncremental()),blockIndex:-1,step:Math.round(i||700),count:0}),e._pipe(t,t.dataTask)}))},t.prototype.prepareStageTasks=function(){var t=this._stageTaskMap,e=this.api.getModel(),n=this.api;z(this._allHandlers,(function(i){var r=t.get(i.uid)||t.set(i.uid,{}),o="";lt(!(i.reset&&i.overallReset),o),i.reset&&this._createSeriesStageTask(i,r,e,n),i.overallReset&&this._createOverallStageTask(i,r,e,n)}),this)},t.prototype.prepareView=function(t,e,n,i){var r=t.renderTask,o=r.context;o.model=e,o.ecModel=n,o.api=i,r.__block=!t.incrementalPrepareRender,this._pipe(e,r)},t.prototype.performDataProcessorTasks=function(t,e){this._performStageTasks(this._dataProcessorHandlers,t,e,{block:!0})},t.prototype.performVisualTasks=function(t,e,n){this._performStageTasks(this._visualHandlers,t,e,n)},t.prototype._performStageTasks=function(t,e,n,i){i=i||{};var r=!1,o=this;function a(t,e){return t.setDirty&&(!t.dirtyMap||t.dirtyMap.get(e.__pipeline.id))}z(t,(function(t,s){if(!i.visualType||i.visualType===t.visualType){var l=o._stageTaskMap.get(t.uid),u=l.seriesTaskMap,c=l.overallTask;if(c){var h,d=c.agentStubMap;d.each((function(t){a(i,t)&&(t.dirty(),h=!0)})),h&&c.dirty(),o.updatePayload(c,n);var p=o.getPerformArgs(c,i.block);d.each((function(t){t.perform(p)})),c.perform(p)&&(r=!0)}else u&&u.each((function(s,l){a(i,s)&&s.dirty();var u=o.getPerformArgs(s,i.block);u.skip=!t.performRawSeries&&e.isSeriesFiltered(s.context.model),o.updatePayload(s,n),s.perform(u)&&(r=!0)}))}})),this.unfinished=r||this.unfinished},t.prototype.performSeriesTasks=function(t){var e;t.eachSeries((function(t){e=t.dataTask.perform()||e})),this.unfinished=e||this.unfinished},t.prototype.plan=function(){this._pipelineMap.each((function(t){var e=t.tail;do{if(e.__block){t.blockIndex=e.__idxInPipeline;break}e=e.getUpstream()}while(e)}))},t.prototype.updatePayload=function(t,e){"remain"!==e&&(t.context.payload=e)},t.prototype._createSeriesStageTask=function(t,e,n,i){var r=this,o=e.seriesTaskMap,a=e.seriesTaskMap=yt(),s=t.seriesType,l=t.getTargetSeries;function u(e){var s=e.uid,l=a.set(s,o&&o.get(s)||Hg({plan:Cv,reset:Dv,count:Lv}));l.context={model:e,ecModel:n,api:i,useClearVisual:t.isVisual&&!t.isLayout,plan:t.plan,reset:t.reset,scheduler:r},r._pipe(e,l)}t.createOnAllSeries?n.eachRawSeries(u):s?n.eachRawSeriesByType(s,u):l&&l(n,i).each(u)},t.prototype._createOverallStageTask=function(t,e,n,i){var r=this,o=e.overallTask=e.overallTask||Hg({reset:Sv});o.context={ecModel:n,api:i,overallReset:t.overallReset,scheduler:r};var a=o.agentStubMap,s=o.agentStubMap=yt(),l=t.seriesType,u=t.getTargetSeries,c=!0,h=!1,d="";function p(t){var e=t.uid,n=s.set(e,a&&a.get(e)||(h=!0,Hg({reset:Mv,onDirty:Tv})));n.context={model:t,overallProgress:c},n.agent=o,n.__block=c,r._pipe(t,n)}lt(!t.createOnAllSeries,d),l?n.eachRawSeriesByType(l,p):u?u(n,i).each(p):(c=!1,z(n.getSeries(),p)),h&&o.dirty()},t.prototype._pipe=function(t,e){var n=t.uid,i=this._pipelineMap.get(n);!i.head&&(i.head=e),i.tail&&i.tail.pipe(e),i.tail=e,e.__idxInPipeline=i.count++,e.__pipeline=i},t.wrapStageHandler=function(t,e){return Y(t)&&(t={overallReset:t,seriesType:Pv(t)}),t.uid=Md("stageHandler"),e&&(t.visualType=e),t},t}();function Sv(t){t.overallReset(t.ecModel,t.api,t.payload)}function Mv(t){return t.overallProgress&&Iv}function Iv(){this.agent.dirty(),this.getDownstream().dirty()}function Tv(){this.agent&&this.agent.dirty()}function Cv(t){return t.plan?t.plan(t.model,t.ecModel,t.api,t.payload):null}function Dv(t){t.useClearVisual&&t.data.clearAllVisual();var e=t.resetDefines=qo(t.reset(t.model,t.ecModel,t.api,t.payload));return e.length>1?E(e,(function(t,e){return kv(e)})):Av}var Av=kv(0);function kv(t){return function(e,n){var i=n.data,r=n.resetDefines[t];if(r&&r.dataEach)for(var o=e.start;o<e.end;o++)r.dataEach(i,o);else r&&r.progress&&r.progress(e,i)}}function Lv(t){return t.data.count()}function Pv(t){Ov=null;try{t(Rv,Nv)}catch(t){}return Ov}var Ov,Rv={},Nv={};function zv(t,e){for(var n in e.prototype)t[n]=bt}zv(Rv,Bf),zv(Nv,Hf),Rv.eachSeriesByType=Rv.eachRawSeriesByType=function(t){Ov=t},Rv.eachComponent=function(t){"series"===t.mainType&&t.subType&&(Ov=t.subType)};var Ev,Bv=tf.darkColor,Vv=Bv.background,Gv=function(){return{axisLine:{lineStyle:{color:Bv.axisLine}},splitLine:{lineStyle:{color:Bv.axisSplitLine}},splitArea:{areaStyle:{color:[Bv.backgroundTint,Bv.backgroundTransparent]}},minorSplitLine:{lineStyle:{color:Bv.axisMinorSplitLine}},axisLabel:{color:Bv.axisLabel},axisName:{}}},Fv={label:{color:Bv.secondary},itemStyle:{borderColor:Bv.borderTint},dividerLineStyle:{color:Bv.border}},Wv={darkMode:!0,color:Bv.theme,backgroundColor:Vv,axisPointer:{lineStyle:{color:Bv.border},crossStyle:{color:Bv.borderShade},label:{color:Bv.tertiary}},legend:{textStyle:{color:Bv.secondary},pageTextStyle:{color:Bv.tertiary}},textStyle:{color:Bv.secondary},title:{textStyle:{color:Bv.primary},subtextStyle:{color:Bv.quaternary}},toolbox:{iconStyle:{borderColor:Bv.accent50}},tooltip:{backgroundColor:Bv.neutral20,defaultBorderColor:Bv.border,textStyle:{color:Bv.tertiary}},dataZoom:{borderColor:Bv.accent10,textStyle:{color:Bv.tertiary},brushStyle:{color:Bv.backgroundTint},handleStyle:{color:Bv.neutral00,borderColor:Bv.accent20},moveHandleStyle:{color:Bv.accent40},emphasis:{handleStyle:{borderColor:Bv.accent50}},dataBackground:{lineStyle:{color:Bv.accent30},areaStyle:{color:Bv.accent20}},selectedDataBackground:{lineStyle:{color:Bv.accent50},areaStyle:{color:Bv.accent30}}},visualMap:{textStyle:{color:Bv.secondary},handleStyle:{borderColor:Bv.neutral30}},timeline:{lineStyle:{color:Bv.accent10},label:{color:Bv.tertiary},controlStyle:{color:Bv.accent30,borderColor:Bv.accent30}},calendar:{itemStyle:{color:Bv.neutral00,borderColor:Bv.neutral20},dayLabel:{color:Bv.tertiary},monthLabel:{color:Bv.secondary},yearLabel:{color:Bv.secondary}},matrix:{x:Fv,y:Fv,backgroundColor:{borderColor:Bv.axisLine},body:{itemStyle:{borderColor:Bv.borderTint}}},timeAxis:Gv(),logAxis:Gv(),valueAxis:Gv(),categoryAxis:Gv(),line:{symbol:"circle"},graph:{color:Bv.theme},gauge:{title:{color:Bv.secondary},axisLine:{lineStyle:{color:[[1,Bv.neutral05]]}},axisLabel:{color:Bv.axisLabel},detail:{color:Bv.primary}},candlestick:{itemStyle:{color:"#f64e56",color0:"#54ea92",borderColor:"#f64e56",borderColor0:"#54ea92"}},funnel:{itemStyle:{borderColor:Bv.background}},radar:(Ev=Gv(),Ev.axisName={color:Bv.axisLabel},Ev.axisLine.lineStyle.color=Bv.neutral20,Ev),treemap:{breadcrumb:{itemStyle:{color:Bv.neutral20,textStyle:{color:Bv.secondary}},emphasis:{itemStyle:{color:Bv.neutral30}}}},sunburst:{itemStyle:{borderColor:Bv.background}},map:{itemStyle:{borderColor:Bv.border,areaColor:Bv.neutral10},label:{color:Bv.tertiary},emphasis:{label:{color:Bv.primary},itemStyle:{areaColor:Bv.highlight}},select:{label:{color:Bv.primary},itemStyle:{areaColor:Bv.highlight}}},geo:{itemStyle:{borderColor:Bv.border,areaColor:Bv.neutral10},emphasis:{label:{color:Bv.primary},itemStyle:{areaColor:Bv.highlight}},select:{label:{color:Bv.primary},itemStyle:{color:Bv.highlight}}}};Wv.categoryAxis.splitLine.show=!1;var Hv=function(){function t(){}return t.prototype.normalizeQuery=function(t){var e={},n={},i={};if(X(t)){var r=ba(t);e.mainType=r.main||null,e.subType=r.sub||null}else{var o=["Index","Name","Id"],a={name:1,dataIndex:1,dataType:1};z(t,(function(t,r){for(var s=!1,l=0;l<o.length;l++){var u=o[l],c=r.lastIndexOf(u);if(c>0&&c===r.length-u.length){var h=r.slice(0,c);"data"!==h&&(e.mainType=h,e[u.toLowerCase()]=t,s=!0)}}a.hasOwnProperty(r)&&(n[r]=t,s=!0),s||(i[r]=t)}))}return{cptQuery:e,dataQuery:n,otherQuery:i}},t.prototype.filter=function(t,e){var n=this.eventInfo;if(!n)return!0;var i=n.targetEl,r=n.packedEvent,o=n.model,a=n.view;if(!o||!a)return!0;var s=e.cptQuery,l=e.dataQuery;return u(s,o,"mainType")&&u(s,o,"subType")&&u(s,o,"index","componentIndex")&&u(s,o,"name")&&u(s,o,"id")&&u(l,r,"name")&&u(l,r,"dataIndex")&&u(l,r,"dataType")&&(!a.filterForExposedEvent||a.filterForExposedEvent(t,e.otherQuery,i,r));function u(t,e,n,i){return null==t[n]||e[i||n]===t[n]}},t.prototype.afterTrigger=function(){this.eventInfo=null},t}(),Uv=["symbol","symbolSize","symbolRotate","symbolOffset"],Yv=Uv.concat(["symbolKeepAspect"]),Xv={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){var n=t.getData();if(t.legendIcon&&n.setVisual("legendIcon",t.legendIcon),t.hasSymbolVisual){for(var i={},r={},o=!1,a=0;a<Uv.length;a++){var s=Uv[a],l=t.get(s);Y(l)?(o=!0,r[s]=l):i[s]=l}if(i.symbol=i.symbol||t.defaultSymbol,n.setVisual(A({legendIcon:t.legendIcon||i.symbol,symbolKeepAspect:t.get("symbolKeepAspect")},i)),!e.isSeriesFiltered(t)){var u=F(r);return{dataEach:o?function(e,n){for(var i=t.getRawValue(n),o=t.getDataParams(n),a=0;a<u.length;a++){var s=u[a];e.setItemVisual(n,s,r[s](i,o))}}:null}}}}},Zv={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){if(t.hasSymbolVisual&&!e.isSeriesFiltered(t))return{dataEach:t.getData().hasItemOption?function(t,e){for(var n=t.getItemModel(e),i=0;i<Yv.length;i++){var r=Yv[i],o=n.getShallow(r,!0);null!=o&&t.setItemVisual(e,r,o)}}:null}}};function jv(t,e,n){switch(n){case"color":return t.getItemVisual(e,"style")[t.getVisual("drawType")];case"opacity":return t.getItemVisual(e,"style").opacity;case"symbol":case"symbolSize":case"liftZ":return t.getItemVisual(e,n)}}function qv(t,e){switch(e){case"color":return t.getVisual("style")[t.getVisual("drawType")];case"opacity":return t.getVisual("style").opacity;case"symbol":case"symbolSize":case"liftZ":return t.getVisual(e)}}function Kv(t,e,n,i){switch(n){case"color":t.ensureUniqueItemVisual(e,"style")[t.getVisual("drawType")]=i,t.setItemVisual(e,"colorFromPalette",!1);break;case"opacity":t.ensureUniqueItemVisual(e,"style").opacity=i;break;case"symbol":case"symbolSize":case"liftZ":t.setItemVisual(e,n,i)}}function $v(t,e){function n(e,n){var i=[];return e.eachComponent({mainType:"series",subType:t,query:n},(function(t){i.push(t.seriesIndex)})),i}z([[t+"ToggleSelect","toggleSelect"],[t+"Select","select"],[t+"UnSelect","unselect"]],(function(t){e(t[0],(function(e,i,r){e=A({},e),r.dispatchAction(A(e,{type:t[1],seriesIndex:n(i,e)}))}))}))}function Jv(t,e,n,i,r){var o=t+e;n.isSilent(o)||i.eachComponent({mainType:"series",subType:"pie"},(function(t){for(var e=t.seriesIndex,i=t.option.selectedMap,a=r.selected,s=0;s<a.length;s++)if(a[s].seriesIndex===e){var l=t.getData(),u=aa(l,r.fromActionPayload);n.trigger(o,{type:o,seriesId:t.id,name:U(u)?l.getName(u[0]):l.getName(u),selected:X(i)?i:A({},i)})}}))}function Qv(t,e,n){for(var i;t&&(!e(t)||(i=t,!n));)t=t.__hostTarget||t.parent;return i}var tm=Math.round(9*Math.random()),em="function"==typeof Object.defineProperty,nm=function(){function t(){this._id="__ec_inner_"+tm++}return t.prototype.get=function(t){return this._guard(t)[this._id]},t.prototype.set=function(t,e){var n=this._guard(t);return em?Object.defineProperty(n,this._id,{value:e,enumerable:!1,configurable:!0}):n[this._id]=e,this},t.prototype.delete=function(t){return!!this.has(t)&&(delete this._guard(t)[this._id],!0)},t.prototype.has=function(t){return!!this._guard(t)[this._id]},t.prototype._guard=function(t){if(t!==Object(t))throw TypeError("Value of WeakMap is not a non-null object.");return t},t}(),im=sl.extend({type:"triangle",shape:{cx:0,cy:0,width:0,height:0},buildPath:function(t,e){var n=e.cx,i=e.cy,r=e.width/2,o=e.height/2;t.moveTo(n,i-o),t.lineTo(n+r,i+o),t.lineTo(n-r,i+o),t.closePath()}}),rm=sl.extend({type:"diamond",shape:{cx:0,cy:0,width:0,height:0},buildPath:function(t,e){var n=e.cx,i=e.cy,r=e.width/2,o=e.height/2;t.moveTo(n,i-o),t.lineTo(n+r,i),t.lineTo(n,i+o),t.lineTo(n-r,i),t.closePath()}}),om=sl.extend({type:"pin",shape:{x:0,y:0,width:0,height:0},buildPath:function(t,e){var n=e.x,i=e.y,r=e.width/5*3,o=Math.max(r,e.height),a=r/2,s=a*a/(o-a),l=i-o+a+s,u=Math.asin(s/a),c=Math.cos(u)*a,h=Math.sin(u),d=Math.cos(u),p=.6*a,f=.7*a;t.moveTo(n-c,l+s),t.arc(n,l,a,Math.PI-u,2*Math.PI+u),t.bezierCurveTo(n+c-h*p,l+s+d*p,n,i-f,n,i),t.bezierCurveTo(n,i-f,n-c+h*p,l+s+d*p,n-c,l+s),t.closePath()}}),am=sl.extend({type:"arrow",shape:{x:0,y:0,width:0,height:0},buildPath:function(t,e){var n=e.height,i=e.width,r=e.x,o=e.y,a=i/3*2;t.moveTo(r,o),t.lineTo(r+a,o+n),t.lineTo(r,o+n/4*3),t.lineTo(r-a,o+n),t.lineTo(r,o),t.closePath()}}),sm={line:function(t,e,n,i,r){r.x1=t,r.y1=e+i/2,r.x2=t+n,r.y2=e+i/2},rect:function(t,e,n,i,r){r.x=t,r.y=e,r.width=n,r.height=i},roundRect:function(t,e,n,i,r){r.x=t,r.y=e,r.width=n,r.height=i,r.r=Math.min(n,i)/4},square:function(t,e,n,i,r){var o=Math.min(n,i);r.x=t,r.y=e,r.width=o,r.height=o},circle:function(t,e,n,i,r){r.cx=t+n/2,r.cy=e+i/2,r.r=Math.min(n,i)/2},diamond:function(t,e,n,i,r){r.cx=t+n/2,r.cy=e+i/2,r.width=n,r.height=i},pin:function(t,e,n,i,r){r.x=t+n/2,r.y=e+i/2,r.width=n,r.height=i},arrow:function(t,e,n,i,r){r.x=t+n/2,r.y=e+i/2,r.width=n,r.height=i},triangle:function(t,e,n,i,r){r.cx=t+n/2,r.cy=e+i/2,r.width=n,r.height=i}},lm={};z({line:Ac,rect:xl,roundRect:xl,square:xl,circle:nc,diamond:rm,pin:om,arrow:am,triangle:im},(function(t,e){lm[e]=new t}));var um=sl.extend({type:"symbol",shape:{symbolType:"",x:0,y:0,width:0,height:0},calculateTextPosition:function(t,e,n){var i=Wr(t,e,n),r=this.shape;return r&&"pin"===r.symbolType&&"inside"===e.position&&(i.y=n.y+.4*n.height),i},buildPath:function(t,e,n){var i=e.symbolType;if("none"!==i){var r=lm[i];r||(r=lm[i="rect"]),sm[i](e.x,e.y,e.width,e.height,r.shape),r.buildPath(t,r.shape,n)}}});function cm(t,e){if("image"!==this.type){var n=this.style;this.__isEmptyBrush?(n.stroke=t,n.fill=e||tf.color.neutral00,n.lineWidth=2):"line"===this.shape.symbolType?n.stroke=t:n.fill=t,this.markRedraw()}}function hm(t,e,n,i,r,o,a){var s,l=0===t.indexOf("empty");return l&&(t=t.substr(5,1).toLowerCase()+t.substr(6)),(s=0===t.indexOf("image://")?yh(t.slice(8),new He(e,n,i,r),a?"center":"cover"):0===t.indexOf("path://")?gh(t.slice(7),{},new He(e,n,i,r),a?"center":"cover"):new um({shape:{symbolType:t,x:e,y:n,width:i,height:r}})).__isEmptyBrush=l,s.setColor=cm,o&&s.setColor(o),s}function dm(t){return U(t)||(t=[+t,+t]),[t[0]||0,t[1]||0]}function pm(t,e){if(null!=t)return U(t)||(t=[t,t]),[yo(t[0],e[0])||0,yo(rt(t[1],t[0]),e[1])||0]}function fm(t){return isFinite(t)}function gm(t,e,n){for(var i="radial"===e.type?function(t,e,n){var i=n.width,r=n.height,o=Math.min(i,r),a=null==e.x?.5:e.x,s=null==e.y?.5:e.y,l=null==e.r?.5:e.r;return e.global||(a=a*i+n.x,s=s*r+n.y,l*=o),a=fm(a)?a:.5,s=fm(s)?s:.5,l=l>=0&&fm(l)?l:.5,t.createRadialGradient(a,s,0,a,s,l)}(t,e,n):function(t,e,n){var i=null==e.x?0:e.x,r=null==e.x2?1:e.x2,o=null==e.y?0:e.y,a=null==e.y2?0:e.y2;return e.global||(i=i*n.width+n.x,r=r*n.width+n.x,o=o*n.height+n.y,a=a*n.height+n.y),i=fm(i)?i:0,r=fm(r)?r:1,o=fm(o)?o:0,a=fm(a)?a:0,t.createLinearGradient(i,o,r,a)}(t,e,n),r=e.colorStops,o=0;o<r.length;o++)i.addColorStop(r[o].offset,r[o].color);return i}function ym(t){return parseInt(t,10)}function vm(t,e,n){var i=["width","height"][e],r=["clientWidth","clientHeight"][e],o=["paddingLeft","paddingTop"][e],a=["paddingRight","paddingBottom"][e];if(null!=n[i]&&"auto"!==n[i])return parseFloat(n[i]);var s=document.defaultView.getComputedStyle(t);return(t[r]||ym(s[i])||ym(t.style[i]))-(ym(s[o])||0)-(ym(s[a])||0)|0}function mm(t){var e,n,i=t.style,r=i.lineDash&&i.lineWidth>0&&(e=i.lineDash,n=i.lineWidth,e&&"solid"!==e&&n>0?"dashed"===e?[4*n,2*n]:"dotted"===e?[n]:j(e)?[e]:U(e)?e:null:null),o=i.lineDashOffset;if(r){var a=i.strokeNoScale&&t.getLineScale?t.getLineScale():1;a&&1!==a&&(r=E(r,(function(t){return t/a})),o/=a)}return[r,o]}var xm=new Fs(!0);function _m(t){var e=t.stroke;return!(null==e||"none"===e||!(t.lineWidth>0))}function bm(t){return"string"==typeof t&&"none"!==t}function wm(t){var e=t.fill;return null!=e&&"none"!==e}function Sm(t,e){if(null!=e.fillOpacity&&1!==e.fillOpacity){var n=t.globalAlpha;t.globalAlpha=e.fillOpacity*e.opacity,t.fill(),t.globalAlpha=n}else t.fill()}function Mm(t,e){if(null!=e.strokeOpacity&&1!==e.strokeOpacity){var n=t.globalAlpha;t.globalAlpha=e.strokeOpacity*e.opacity,t.stroke(),t.globalAlpha=n}else t.stroke()}function Im(t,e,n){var i=Oa(e.image,e.__image,n);if(Na(i)){var r=t.createPattern(i,e.repeat||"repeat");if("function"==typeof DOMMatrix&&r&&r.setTransform){var o=new DOMMatrix;o.translateSelf(e.x||0,e.y||0),o.rotateSelf(0,0,(e.rotation||0)*wt),o.scaleSelf(e.scaleX||1,e.scaleY||1),r.setTransform(o)}return r}}var Tm=["shadowBlur","shadowOffsetX","shadowOffsetY"],Cm=[["lineCap","butt"],["lineJoin","miter"],["miterLimit",10]];function Dm(t,e,n,i,r){var o=!1;if(!i&&e===(n=n||{}))return!1;if(i||e.opacity!==n.opacity){Lm(t,r),o=!0;var a=Math.max(Math.min(e.opacity,1),0);t.globalAlpha=isNaN(a)?es.opacity:a}(i||e.blend!==n.blend)&&(o||(Lm(t,r),o=!0),t.globalCompositeOperation=e.blend||es.blend);for(var s=0;s<Tm.length;s++){var l=Tm[s];(i||e[l]!==n[l])&&(o||(Lm(t,r),o=!0),t[l]=t.dpr*(e[l]||0))}return(i||e.shadowColor!==n.shadowColor)&&(o||(Lm(t,r),o=!0),t.shadowColor=e.shadowColor||es.shadowColor),o}function Am(t,e,n,i,r){var o=Pm(e,r.inHover),a=i?null:n&&Pm(n,r.inHover)||{};if(o===a)return!1;var s=Dm(t,o,a,i,r);if((i||o.fill!==a.fill)&&(s||(Lm(t,r),s=!0),bm(o.fill)&&(t.fillStyle=o.fill)),(i||o.stroke!==a.stroke)&&(s||(Lm(t,r),s=!0),bm(o.stroke)&&(t.strokeStyle=o.stroke)),(i||o.opacity!==a.opacity)&&(s||(Lm(t,r),s=!0),t.globalAlpha=null==o.opacity?1:o.opacity),e.hasStroke()){var l=o.lineWidth/(o.strokeNoScale&&e.getLineScale?e.getLineScale():1);t.lineWidth!==l&&(s||(Lm(t,r),s=!0),t.lineWidth=l)}for(var u=0;u<Cm.length;u++){var c=Cm[u],h=c[0];(i||o[h]!==a[h])&&(s||(Lm(t,r),s=!0),t[h]=o[h]||c[1])}return s}function km(t,e){var n=e.transform,i=t.dpr||1;n?t.setTransform(i*n[0],i*n[1],i*n[2],i*n[3],i*n[4],i*n[5]):t.setTransform(i,0,0,i,0,0)}function Lm(t,e){e.batchFill&&t.fill(),e.batchStroke&&t.stroke(),e.batchFill="",e.batchStroke=""}function Pm(t,e){return e&&t.__hoverStyle||t.style}function Om(t,e){Rm(t,e,{inHover:!1,viewWidth:0,viewHeight:0},!0)}function Rm(t,e,n,i){var r=e.transform;if(!e.shouldBePainted(n.viewWidth,n.viewHeight,!1,!1))return e.__dirty&=-2,void(e.__isRendered=!1);var o=e.__clipPaths,s=n.prevElClipPaths,l=!1,u=!1;if(s&&!function(t,e){if(t===e||!t&&!e)return!1;if(!t||!e||t.length!==e.length)return!0;for(var n=0;n<t.length;n++)if(t[n]!==e[n])return!0;return!1}(o,s)||(s&&s.length&&(Lm(t,n),t.restore(),u=l=!0,n.prevElClipPaths=null,n.allClipped=!1,n.prevEl=null),o&&o.length&&(Lm(t,n),t.save(),function(t,e,n){for(var i=!1,r=0;r<t.length;r++){var o=t[r];i=i||o.isZeroArea(),km(e,o),e.beginPath(),o.buildPath(e,o.shape),e.clip()}n.allClipped=i}(o,t,n),l=!0),n.prevElClipPaths=o),n.allClipped)e.__isRendered=!1;else{e.beforeBrush&&e.beforeBrush(),e.innerBeforeBrush();var c=n.prevEl;c||(u=l=!0);var h,d,p=e instanceof sl&&e.autoBatch&&function(t){var e=wm(t),n=_m(t);return!(t.lineDash||!(+e^+n)||e&&"string"!=typeof t.fill||n&&"string"!=typeof t.stroke||t.strokePercent<1||t.strokeOpacity<1||t.fillOpacity<1)}(e.style);l||(h=r,d=c.transform,h&&d?h[0]!==d[0]||h[1]!==d[1]||h[2]!==d[2]||h[3]!==d[3]||h[4]!==d[4]||h[5]!==d[5]:h||d)?(Lm(t,n),km(t,e)):p||Lm(t,n);var f=Pm(e,n.inHover);e instanceof sl?(1!==n.lastDrawType&&(u=!0,n.lastDrawType=1),Am(t,e,c,u,n),p&&(n.batchFill||n.batchStroke)||t.beginPath(),function(t,e,n,i){var r,o=_m(n),a=wm(n),s=n.strokePercent,l=s<1,u=!e.path;e.silent&&!l||!u||e.createPathProxy();var c=e.path||xm,h=e.__dirty;if(!i){var d=n.fill,p=n.stroke,f=a&&!!d.colorStops,g=o&&!!p.colorStops,y=a&&!!d.image,v=o&&!!p.image,m=void 0,x=void 0,_=void 0,b=void 0,w=void 0;(f||g)&&(w=e.getBoundingRect()),f&&(m=h?gm(t,d,w):e.__canvasFillGradient,e.__canvasFillGradient=m),g&&(x=h?gm(t,p,w):e.__canvasStrokeGradient,e.__canvasStrokeGradient=x),y&&(_=h||!e.__canvasFillPattern?Im(t,d,e):e.__canvasFillPattern,e.__canvasFillPattern=_),v&&(b=h||!e.__canvasStrokePattern?Im(t,p,e):e.__canvasStrokePattern,e.__canvasStrokePattern=b),f?t.fillStyle=m:y&&(_?t.fillStyle=_:a=!1),g?t.strokeStyle=x:v&&(b?t.strokeStyle=b:o=!1)}var S,M,I=e.getGlobalScale();c.setScale(I[0],I[1],e.segmentIgnoreThreshold),t.setLineDash&&n.lineDash&&(S=(r=mm(e))[0],M=r[1]);var T=!0;(u||4&h)&&(c.setDPR(t.dpr),l?c.setContext(null):(c.setContext(t),T=!1),c.reset(),e.buildPath(c,e.shape,i),c.toStatic(),e.pathUpdated()),T&&c.rebuildPath(t,l?s:1),S&&(t.setLineDash(S),t.lineDashOffset=M),i||(n.strokeFirst?(o&&Mm(t,n),a&&Sm(t,n)):(a&&Sm(t,n),o&&Mm(t,n))),S&&t.setLineDash([])}(t,e,f,p),p&&(n.batchFill=f.fill||"",n.batchStroke=f.stroke||"")):e instanceof ul?(3!==n.lastDrawType&&(u=!0,n.lastDrawType=3),Am(t,e,c,u,n),function(t,e,n){var i,r=n.text;if(null!=r&&(r+=""),r){t.font=n.font||a,t.textAlign=n.textAlign,t.textBaseline=n.textBaseline;var o=void 0,s=void 0;t.setLineDash&&n.lineDash&&(o=(i=mm(e))[0],s=i[1]),o&&(t.setLineDash(o),t.lineDashOffset=s),n.strokeFirst?(_m(n)&&t.strokeText(r,n.x,n.y),wm(n)&&t.fillText(r,n.x,n.y)):(wm(n)&&t.fillText(r,n.x,n.y),_m(n)&&t.strokeText(r,n.x,n.y)),o&&t.setLineDash([])}}(t,e,f)):e instanceof dl?(2!==n.lastDrawType&&(u=!0,n.lastDrawType=2),function(t,e,n,i,r){Dm(t,Pm(e,r.inHover),n&&Pm(n,r.inHover),i,r)}(t,e,c,u,n),function(t,e,n){var i=e.__image=Oa(n.image,e.__image,e,e.onload);if(i&&Na(i)){var r=n.x||0,o=n.y||0,a=e.getWidth(),s=e.getHeight(),l=i.width/i.height;if(null==a&&null!=s?a=s*l:null==s&&null!=a?s=a/l:null==a&&null==s&&(a=i.width,s=i.height),n.sWidth&&n.sHeight){var u=n.sx||0,c=n.sy||0;t.drawImage(i,u,c,n.sWidth,n.sHeight,r,o,a,s)}else if(n.sx&&n.sy){var h=a-(u=n.sx),d=s-(c=n.sy);t.drawImage(i,u,c,h,d,r,o,a,s)}else t.drawImage(i,r,o,a,s)}}(t,e,f)):e.getTemporalDisplayables&&(4!==n.lastDrawType&&(u=!0,n.lastDrawType=4),function(t,e,n){var i=e.getDisplayables(),r=e.getTemporalDisplayables();t.save();var o,a,s={prevElClipPaths:null,prevEl:null,allClipped:!1,viewWidth:n.viewWidth,viewHeight:n.viewHeight,inHover:n.inHover};for(o=e.getCursor(),a=i.length;o<a;o++){(c=i[o]).beforeBrush&&c.beforeBrush(),c.innerBeforeBrush(),Rm(t,c,s,o===a-1),c.innerAfterBrush(),c.afterBrush&&c.afterBrush(),s.prevEl=c}for(var l=0,u=r.length;l<u;l++){var c;(c=r[l]).beforeBrush&&c.beforeBrush(),c.innerBeforeBrush(),Rm(t,c,s,l===u-1),c.innerAfterBrush(),c.afterBrush&&c.afterBrush(),s.prevEl=c}e.clearTemporalDisplayables(),e.notClear=!0,t.restore()}(t,e,n)),p&&i&&Lm(t,n),e.innerAfterBrush(),e.afterBrush&&e.afterBrush(),n.prevEl=e,e.__dirty=0,e.__isRendered=!0}}var Nm=new nm,zm=new Xn(100),Em=["symbol","symbolSize","symbolKeepAspect","color","backgroundColor","dashArrayX","dashArrayY","maxTileWidth","maxTileHeight"];function Bm(t,e){if("none"===t)return null;var n=e.getDevicePixelRatio(),i=e.getZr(),r="svg"===i.painter.type;t.dirty&&Nm.delete(t);var o=Nm.get(t);if(o)return o;var a=k(t,{symbol:"rect",symbolSize:1,symbolKeepAspect:!0,color:"rgba(0, 0, 0, 0.2)",backgroundColor:null,dashArrayX:5,dashArrayY:5,rotation:0,maxTileWidth:512,maxTileHeight:512});"none"===a.backgroundColor&&(a.backgroundColor=null);var s={repeat:"repeat"};return function(t){for(var e,o=[n],s=!0,l=0;l<Em.length;++l){var u=a[Em[l]];if(null!=u&&!U(u)&&!X(u)&&!j(u)&&"boolean"!=typeof u){s=!1;break}o.push(u)}if(s){e=o.join(",")+(r?"-svg":"");var h=zm.get(e);h&&(r?t.svgElement=h:t.image=h)}var d,p=Gm(a.dashArrayX),f=function(t){if(!t||"object"==typeof t&&0===t.length)return[0,0];if(j(t)){var e=Math.ceil(t);return[e,e]}var n=E(t,(function(t){return Math.ceil(t)}));return t.length%2?n.concat(n):n}(a.dashArrayY),g=Vm(a.symbol),y=(b=p,E(b,(function(t){return Fm(t)}))),v=Fm(f),m=!r&&c.createCanvas(),x=r&&{tag:"g",attrs:{},key:"dcl",children:[]},_=function(){for(var t=1,e=0,n=y.length;e<n;++e)t=Vo(t,y[e]);var i=1;for(e=0,n=g.length;e<n;++e)i=Vo(i,g[e].length);t*=i;var r=v*y.length*g.length;return{width:Math.max(1,Math.min(t,a.maxTileWidth)),height:Math.max(1,Math.min(r,a.maxTileHeight))}}();var b;m&&(m.width=_.width*n,m.height=_.height*n,d=m.getContext("2d"));(function(){d&&(d.clearRect(0,0,m.width,m.height),a.backgroundColor&&(d.fillStyle=a.backgroundColor,d.fillRect(0,0,m.width,m.height)));for(var t=0,e=0;e<f.length;++e)t+=f[e];if(t<=0)return;var o=-v,s=0,l=0,u=0;for(;o<_.height;){if(s%2==0){for(var c=l/2%g.length,h=0,y=0,b=0;h<2*_.width;){var w=0;for(e=0;e<p[u].length;++e)w+=p[u][e];if(w<=0)break;if(y%2==0){var S=.5*(1-a.symbolSize),M=h+p[u][y]*S,I=o+f[s]*S,T=p[u][y]*a.symbolSize,C=f[s]*a.symbolSize,D=b/2%g[c].length;A(M,I,T,C,g[c][D])}h+=p[u][y],++b,++y===p[u].length&&(y=0)}++u===p.length&&(u=0)}o+=f[s],++l,++s===f.length&&(s=0)}function A(t,e,o,s,l){var u=r?1:n,c=hm(l,t*u,e*u,o*u,s*u,a.color,a.symbolKeepAspect);if(r){var h=i.painter.renderOneToVNode(c);h&&x.children.push(h)}else Om(d,c)}})(),s&&zm.put(e,m||x);t.image=m,t.svgElement=x,t.svgWidth=_.width,t.svgHeight=_.height}(s),s.rotation=a.rotation,s.scaleX=s.scaleY=r?1:1/n,Nm.set(t,s),t.dirty=!1,s}function Vm(t){if(!t||0===t.length)return[["rect"]];if(X(t))return[[t]];for(var e=!0,n=0;n<t.length;++n)if(!X(t[n])){e=!1;break}if(e)return Vm([t]);var i=[];for(n=0;n<t.length;++n)X(t[n])?i.push([t[n]]):i.push(t[n]);return i}function Gm(t){if(!t||0===t.length)return[[0,0]];if(j(t))return[[r=Math.ceil(t),r]];for(var e=!0,n=0;n<t.length;++n)if(!j(t[n])){e=!1;break}if(e)return Gm([t]);var i=[];for(n=0;n<t.length;++n)if(j(t[n])){var r=Math.ceil(t[n]);i.push([r,r])}else{(r=E(t[n],(function(t){return Math.ceil(t)}))).length%2==1?i.push(r.concat(r)):i.push(r)}return i}function Fm(t){for(var e=0,n=0;n<t.length;++n)e+=t[n];return t.length%2==1?2*e:e}var Wm=new qt,Hm={};function Um(t){return Hm[t]}var Ym={};function Xm(t,e){Ym[t]=e}var Zm=2e3,jm=4500,qm={PROCESSOR:{FILTER:1e3,SERIES_FILTER:800,STATISTIC:5e3},VISUAL:{LAYOUT:1e3,PROGRESSIVE_LAYOUT:1100,GLOBAL:Zm,CHART:3e3,POST_CHART_LAYOUT:4600,COMPONENT:4e3,BRUSH:5e3,CHART_ITEM:jm,ARIA:6e3,DECAL:7e3}},Km="__flagInMainProcess",$m="__mainProcessVersion",Jm="__pendingUpdate",Qm="__needsUpdateStatus",tx=/^[a-zA-Z0-9_]+$/,ex="__connectUpdateStatus";function nx(t){return function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];if(!this.isDisposed())return rx(this,t,e);kx(this.id)}}function ix(t){return function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return rx(this,t,e)}}function rx(t,e,n){return n[0]=n[0]&&n[0].toLowerCase(),qt.prototype[e].apply(t,n)}var ox,ax,sx,lx,ux,cx,hx,dx,px,fx,gx,yx,vx,mx,xx,_x,bx,Sx,Mx,Ix=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e}(qt),Tx=Ix.prototype;Tx.on=ix("on"),Tx.off=ix("off");var Cx=function(t){function e(e,n,i){var r=t.call(this,new Hv)||this;r._chartsViews=[],r._chartsMap={},r._componentsViews=[],r._componentsMap={},r._pendingActions=[],i=i||{},r._dom=e;var o="canvas",a="auto",s=!1;r[$m]=1,i.ssr&&lo((function(t){var e=zl(t),n=e.dataIndex;if(null!=n){var i=yt();return i.set("series_index",e.seriesIndex),i.set("data_index",n),e.ssrType&&i.set("ssr_type",e.ssrType),i}}));var l=r._zr=oo(e,{renderer:i.renderer||o,devicePixelRatio:i.devicePixelRatio,width:i.width,height:i.height,ssr:i.ssr,useDirtyRect:rt(i.useDirtyRect,s),useCoarsePointer:rt(i.useCoarsePointer,a),pointerSize:i.pointerSize});r._ssr=i.ssr,r._throttledZrFlush=uv(W(l.flush,l),17),r._updateTheme(n),r._locale=function(t){if(X(t)){var e=Ad[t.toUpperCase()]||{};return t===Td||t===Cd?T(e):C(T(e),T(Ad[Dd]),!1)}return C(T(t),T(Ad[Dd]),!1)}(i.locale||Ld),r._coordSysMgr=new Tp;var u=r._api=xx(r);function c(t,e){return t.__prio-e.__prio}return cn(zx,c),cn(Rx,c),r._scheduler=new wv(r,u,Rx,zx),r._messageCenter=new Ix,r._initEvents(),r.resize=W(r.resize,r),l.animation.on("frame",r._onframe,r),fx(l,r),gx(l,r),ht(r),r}return n(e,t),e.prototype._onframe=function(){if(!this._disposed){Sx(this);var t=this._scheduler;if(this[Jm]){var e=this[Jm].silent;this[Km]=!0,Mx(this);try{ox(this),lx.update.call(this,null,this[Jm].updateParams)}catch(t){throw this[Km]=!1,this[Jm]=null,t}this._zr.flush(),this[Km]=!1,this[Jm]=null,dx.call(this,e),px.call(this,e)}else if(t.unfinished){var n=1,i=this._model,r=this._api;t.unfinished=!1;do{var o=+new Date;t.performSeriesTasks(i),t.performDataProcessorTasks(i),cx(this,i),t.performVisualTasks(i),mx(this,this._model,r,"remain",{}),n-=+new Date-o}while(n>0&&t.unfinished);t.unfinished||this._zr.flush()}}},e.prototype.getDom=function(){return this._dom},e.prototype.getId=function(){return this.id},e.prototype.getZr=function(){return this._zr},e.prototype.isSSR=function(){return this._ssr},e.prototype.setOption=function(t,e,n){if(!this[Km])if(this._disposed)kx(this.id);else{var i,r,o;if(q(e)&&(n=e.lazyUpdate,i=e.silent,r=e.replaceMerge,o=e.transition,e=e.notMerge),this[Km]=!0,Mx(this),!this._model||e){var a=new Yf(this._api),s=this._theme,l=this._model=new Bf;l.scheduler=this._scheduler,l.ssr=this._ssr,l.init(null,null,null,s,this._locale,a)}this._model.setOption(t,{replaceMerge:r},Nx);var u={seriesTransition:o,optionChanged:!0};if(n)this[Jm]={silent:i,updateParams:u},this[Km]=!1,this.getZr().wakeUp();else{try{ox(this),lx.update.call(this,null,u)}catch(t){throw this[Jm]=null,this[Km]=!1,t}this._ssr||this._zr.flush(),this[Jm]=null,this[Km]=!1,dx.call(this,i),px.call(this,i)}}},e.prototype.setTheme=function(t,e){if(!this[Km])if(this._disposed)kx(this.id);else{var n=this._model;if(n){var i=e&&e.silent,r=null;this[Jm]&&(null==i&&(i=this[Jm].silent),r=this[Jm].updateParams,this[Jm]=null),this[Km]=!0,Mx(this);try{this._updateTheme(t),n.setTheme(this._theme),ox(this),lx.update.call(this,{type:"setTheme"},r)}catch(t){throw this[Km]=!1,t}this[Km]=!1,dx.call(this,i),px.call(this,i)}}},e.prototype._updateTheme=function(t){X(t)&&(t=Ex[t]),t&&((t=T(t))&&dg(t,!0),this._theme=t)},e.prototype.getModel=function(){return this._model},e.prototype.getOption=function(){return this._model&&this._model.getOption()},e.prototype.getWidth=function(){return this._zr.getWidth()},e.prototype.getHeight=function(){return this._zr.getHeight()},e.prototype.getDevicePixelRatio=function(){return this._zr.painter.dpr||r.hasGlobalWindow&&window.devicePixelRatio||1},e.prototype.getRenderedCanvas=function(t){return this.renderToCanvas(t)},e.prototype.renderToCanvas=function(t){t=t||{};var e=this._zr.painter;return e.getRenderedCanvas({backgroundColor:t.backgroundColor||this._model.get("backgroundColor"),pixelRatio:t.pixelRatio||this.getDevicePixelRatio()})},e.prototype.renderToSVGString=function(t){t=t||{};var e=this._zr.painter;return e.renderToString({useViewBox:t.useViewBox})},e.prototype.getSvgDataURL=function(){var t=this._zr;return z(t.storage.getDisplayList(),(function(t){t.stopAnimation(null,!0)})),t.painter.toDataURL()},e.prototype.getDataURL=function(t){if(!this._disposed){var e=(t=t||{}).excludeComponents,n=this._model,i=[],r=this;z(e,(function(t){n.eachComponent({mainType:t},(function(t){var e=r._componentsMap[t.__viewId];e.group.ignore||(i.push(e),e.group.ignore=!0)}))}));var o="svg"===this._zr.painter.getType()?this.getSvgDataURL():this.renderToCanvas(t).toDataURL("image/"+(t&&t.type||"png"));return z(i,(function(t){t.group.ignore=!1})),o}kx(this.id)},e.prototype.getConnectedDataURL=function(t){if(!this._disposed){var e="svg"===t.type,n=this.group,i=Math.min,r=Math.max,o=1/0;if(Gx[n]){var a=o,s=o,l=-1/0,u=-1/0,h=[],d=t&&t.pixelRatio||this.getDevicePixelRatio();z(Vx,(function(o,c){if(o.group===n){var d=e?o.getZr().painter.getSvgDom().innerHTML:o.renderToCanvas(T(t)),p=o.getDom().getBoundingClientRect();a=i(p.left,a),s=i(p.top,s),l=r(p.right,l),u=r(p.bottom,u),h.push({dom:d,left:p.left,top:p.top})}}));var p=(l*=d)-(a*=d),f=(u*=d)-(s*=d),g=c.createCanvas(),y=oo(g,{renderer:e?"svg":"canvas"});if(y.resize({width:p,height:f}),e){var v="";return z(h,(function(t){var e=t.left-a,n=t.top-s;v+='<g transform="translate('+e+","+n+')">'+t.dom+"</g>"})),y.painter.getSvgRoot().innerHTML=v,t.connectedBackgroundColor&&y.painter.setBackgroundColor(t.connectedBackgroundColor),y.refreshImmediately(),y.painter.toDataURL()}return t.connectedBackgroundColor&&y.add(new xl({shape:{x:0,y:0,width:p,height:f},style:{fill:t.connectedBackgroundColor}})),z(h,(function(t){var e=new dl({style:{x:t.left*d-a,y:t.top*d-s,image:t.dom}});y.add(e)})),y.refreshImmediately(),g.toDataURL("image/"+(t&&t.type||"png"))}return this.getDataURL(t)}kx(this.id)},e.prototype.convertToPixel=function(t,e,n){return ux(this,"convertToPixel",t,e,n)},e.prototype.convertToLayout=function(t,e,n){return ux(this,"convertToLayout",t,e,n)},e.prototype.convertFromPixel=function(t,e,n){return ux(this,"convertFromPixel",t,e,n)},e.prototype.containPixel=function(t,e){var n;if(!this._disposed)return z(ua(this._model,t),(function(t,i){i.indexOf("Models")>=0&&z(t,(function(t){var r=t.coordinateSystem;if(r&&r.containPoint)n=n||!!r.containPoint(e);else if("seriesModels"===i){var o=this._chartsMap[t.__viewId];o&&o.containPoint&&(n=n||o.containPoint(e,t))}else 0}),this)}),this),!!n;kx(this.id)},e.prototype.getVisual=function(t,e){var n=ua(this._model,t,{defaultMainType:"series"}),i=n.seriesModel;var r=i.getData(),o=n.hasOwnProperty("dataIndexInside")?n.dataIndexInside:n.hasOwnProperty("dataIndex")?r.indexOfRawIndex(n.dataIndex):null;return null!=o?jv(r,o,e):qv(r,e)},e.prototype.getViewOfComponentModel=function(t){return this._componentsMap[t.__viewId]},e.prototype.getViewOfSeriesModel=function(t){return this._chartsMap[t.__viewId]},e.prototype._initEvents=function(){var t=this;z(Ax,(function(e){var n=function(n){var i,r=t.getModel(),o=n.target,a="globalout"===e;if(a?i={}:o&&Qv(o,(function(t){var e=zl(t);if(e&&null!=e.dataIndex){var n=e.dataModel||r.getSeriesByIndex(e.seriesIndex);return i=n&&n.getDataParams(e.dataIndex,e.dataType,o)||{},!0}if(e.eventData)return i=A({},e.eventData),!0}),!0),i){var s=i.componentType,l=i.componentIndex;"markLine"!==s&&"markPoint"!==s&&"markArea"!==s||(s="series",l=i.seriesIndex);var u=s&&null!=l&&r.getComponent(s,l),c=u&&t["series"===u.mainType?"_chartsMap":"_componentsMap"][u.__viewId];0,i.event=n,i.type=e,t._$eventProcessor.eventInfo={targetEl:o,packedEvent:i,model:u,view:c},t.trigger(e,i)}};n.zrEventfulCallAtLast=!0,t._zr.on(e,n,t)}));var e=this._messageCenter;z(Ox,(function(n,i){e.on(i,(function(e){t.trigger(i,e)}))})),function(t,e,n){t.on("selectchanged",(function(t){var i=n.getModel();t.isFromClick?(Jv("map","selectchanged",e,i,t),Jv("pie","selectchanged",e,i,t)):"select"===t.fromAction?(Jv("map","selected",e,i,t),Jv("pie","selected",e,i,t)):"unselect"===t.fromAction&&(Jv("map","unselected",e,i,t),Jv("pie","unselected",e,i,t))}))}(e,this,this._api)},e.prototype.isDisposed=function(){return this._disposed},e.prototype.clear=function(){this._disposed?kx(this.id):this.setOption({series:[]},!0)},e.prototype.dispose=function(){if(this._disposed)kx(this.id);else{this._disposed=!0,this.getDom()&&fa(this.getDom(),Hx,"");var t=this,e=t._api,n=t._model;z(t._componentsViews,(function(t){t.dispose(n,e)})),z(t._chartsViews,(function(t){t.dispose(n,e)})),t._zr.dispose(),t._dom=t._model=t._chartsMap=t._componentsMap=t._chartsViews=t._componentsViews=t._scheduler=t._api=t._zr=t._throttledZrFlush=t._theme=t._coordSysMgr=t._messageCenter=null,delete Vx[t.id]}},e.prototype.resize=function(t){if(!this[Km])if(this._disposed)kx(this.id);else{this._zr.resize(t);var e=this._model;if(this._loadingFX&&this._loadingFX.resize(),e){var n=e.resetOption("media"),i=t&&t.silent;this[Jm]&&(null==i&&(i=this[Jm].silent),n=!0,this[Jm]=null),this[Km]=!0,Mx(this);try{n&&ox(this),lx.update.call(this,{type:"resize",animation:A({duration:0},t&&t.animation)})}catch(t){throw this[Km]=!1,t}this[Km]=!1,dx.call(this,i),px.call(this,i)}}},e.prototype.showLoading=function(t,e){if(this._disposed)kx(this.id);else if(q(t)&&(e=t,t=""),t=t||"default",this.hideLoading(),Bx[t]){var n=Bx[t](this._api,e),i=this._zr;this._loadingFX=n,i.add(n)}},e.prototype.hideLoading=function(){this._disposed?kx(this.id):(this._loadingFX&&this._zr.remove(this._loadingFX),this._loadingFX=null)},e.prototype.makeActionFromEvent=function(t){var e=A({},t);return e.type=Px[t.type],e},e.prototype.dispatchAction=function(t,e){if(this._disposed)kx(this.id);else if(q(e)||(e={silent:!!e}),Lx[t.type]&&this._model)if(this[Km])this._pendingActions.push(t);else{var n=e.silent;hx.call(this,t,n);var i=e.flush;i?this._zr.flush():!1!==i&&r.browser.weChat&&this._throttledZrFlush(),dx.call(this,n),px.call(this,n)}},e.prototype.updateLabelLayout=function(){Wm.trigger("series:layoutlabels",this._model,this._api,{updatedSeries:[]})},e.prototype.appendData=function(t){if(this._disposed)kx(this.id);else{var e=t.seriesIndex,n=this.getModel().getSeriesByIndex(e);0,n.appendData(t),this._scheduler.unfinished=!0,this.getZr().wakeUp()}},e.internalField=function(){function t(t){t.clearColorPalette(),t.eachSeries((function(t){t.clearColorPalette()}))}function e(t){for(var e=[],n=t.currentStates,i=0;i<n.length;i++){var r=n[i];"emphasis"!==r&&"blur"!==r&&"select"!==r&&e.push(r)}t.selected&&t.states.select&&e.push("select"),2===t.hoverState&&t.states.emphasis?e.push("emphasis"):1===t.hoverState&&t.states.blur&&e.push("blur"),t.useStates(e)}function i(t,e){if(!t.preventAutoZ){var n=Hh(t);e.eachRendered((function(t){return Yh(t,n.z,n.zlevel),!0}))}}function o(t,e){e.eachRendered((function(t){if(!nh(t)){var e=t.getTextContent(),n=t.getTextGuideLine();t.stateTransition&&(t.stateTransition=null),e&&e.stateTransition&&(e.stateTransition=null),n&&n.stateTransition&&(n.stateTransition=null),t.hasState()?(t.prevStates=t.currentStates,t.clearStates()):t.prevStates&&(t.prevStates=null)}}))}function a(t,n){var i=t.getModel("stateAnimation"),r=t.isAnimationEnabled(),o=i.get("duration"),a=o>0?{duration:o,delay:i.get("delay"),easing:i.get("easing")}:null;n.eachRendered((function(t){if(t.states&&t.states.emphasis){if(nh(t))return;if(t instanceof sl&&function(t){var e=Gl(t);e.normalFill=t.style.fill,e.normalStroke=t.style.stroke;var n=t.states.select||{};e.selectFill=n.style&&n.style.fill||null,e.selectStroke=n.style&&n.style.stroke||null}(t),t.__dirty){var n=t.prevStates;n&&t.useStates(n)}if(r){t.stateTransition=a;var i=t.getTextContent(),o=t.getTextGuideLine();i&&(i.stateTransition=a),o&&(o.stateTransition=a)}t.__dirty&&e(t)}}))}ox=function(t){var e=t._scheduler;e.restorePipelines(t._model),e.prepareStageTasks(),ax(t,!0),ax(t,!1),e.plan()},ax=function(t,e){for(var n=t._model,i=t._scheduler,r=e?t._componentsViews:t._chartsViews,o=e?t._componentsMap:t._chartsMap,a=t._zr,s=t._api,l=0;l<r.length;l++)r[l].__alive=!1;function u(t){var l=t.__requireNewView;t.__requireNewView=!1;var u="_ec_"+t.id+"_"+t.type,c=!l&&o[u];if(!c){var h=ba(t.type),d=e?Ky.getClass(h.main,h.sub):tv.getClass(h.sub);0,(c=new d).init(n,s),o[u]=c,r.push(c),a.add(c.group)}t.__viewId=c.__id=u,c.__alive=!0,c.__model=t,c.group.__ecComponentInfo={mainType:t.mainType,index:t.componentIndex},!e&&i.prepareView(c,t,n,s)}e?n.eachComponent((function(t,e){"series"!==t&&u(e)})):n.eachSeries(u);for(l=0;l<r.length;){var c=r[l];c.__alive?l++:(!e&&c.renderTask.dispose(),a.remove(c.group),c.dispose(n,s),r.splice(l,1),o[c.__id]===c&&delete o[c.__id],c.__id=c.group.__ecComponentInfo=null)}},sx=function(t,e,n,i,r){var o=t._model;if(o.setUpdatePayload(n),i){var a={};a[i+"Id"]=n[i+"Id"],a[i+"Index"]=n[i+"Index"],a[i+"Name"]=n[i+"Name"];var s={mainType:i,query:a};r&&(s.subType=r);var l,u=n.excludeSeriesId;null!=u&&(l=yt(),z(qo(u),(function(t){var e=ia(t,null);null!=e&&l.set(e,!0)}))),o&&o.eachComponent(s,(function(e){if(!(l&&null!=l.get(e.id)))if(Ru(n))if(e instanceof Wy)n.type!==Yl||n.notBlur||e.get(["emphasis","disabled"])||function(t,e,n){var i=t.seriesIndex,r=t.getData(e.dataType);if(r){var o=aa(r,e);o=(U(o)?o[0]:o)||0;var a=r.getItemGraphicEl(o);if(!a)for(var s=r.count(),l=0;!a&&l<s;)a=r.getItemGraphicEl(l++);if(a){var u=zl(a);_u(i,u.focus,u.blurScope,n)}else{var c=t.get(["emphasis","focus"]),h=t.get(["emphasis","blurScope"]);null!=c&&_u(i,c,h,n)}}}(e,n,t._api);else{var i=wu(e.mainType,e.componentIndex,n.name,t._api),r=i.focusSelf,o=i.dispatchers;n.type===Yl&&r&&!n.notBlur&&bu(e.mainType,e.componentIndex,t._api),o&&z(o,(function(t){n.type===Yl?du(t):pu(t)}))}else Ou(n)&&e instanceof Wy&&(!function(t,e,n){if(Ou(e)){var i=e.dataType,r=aa(t.getData(i),e);U(r)||(r=[r]),t[e.type===ql?"toggleSelect":e.type===Zl?"select":"unselect"](r,i)}}(e,n,t._api),Su(e),bx(t))}),t),o&&o.eachComponent(s,(function(e){l&&null!=l.get(e.id)||c(t["series"===i?"_chartsMap":"_componentsMap"][e.__viewId])}),t)}else z([].concat(t._componentsViews).concat(t._chartsViews),c);function c(i){i&&i.__alive&&i[e]&&i[e](i.__model,o,t._api,n)}},lx={prepareAndUpdate:function(t){ox(this),lx.update.call(this,t,t&&{optionChanged:null!=t.newOption})},update:function(e,n){var i=this._model,r=this._api,o=this._zr,a=this._coordSysMgr,s=this._scheduler;if(i){i.setUpdatePayload(e),s.restoreData(i,e),s.performSeriesTasks(i),a.create(i,r),s.performDataProcessorTasks(i,e),cx(this,i),a.update(i,r),t(i),s.performVisualTasks(i,e);var l=i.get("backgroundColor")||"transparent";o.setBackgroundColor(l);var u=i.get("darkMode");null!=u&&"auto"!==u&&o.setDarkMode(u),yx(this,i,r,e,n),Wm.trigger("afterupdate",i,r)}},updateTransform:function(e){var n=this,i=this._model,r=this._api;if(i){i.setUpdatePayload(e);var o=[];i.eachComponent((function(t,a){if("series"!==t){var s=n.getViewOfComponentModel(a);if(s&&s.__alive)if(s.updateTransform){var l=s.updateTransform(a,i,r,e);l&&l.update&&o.push(s)}else o.push(s)}}));var a=yt();i.eachSeries((function(t){var o=n._chartsMap[t.__viewId];if(o.updateTransform){var s=o.updateTransform(t,i,r,e);s&&s.update&&a.set(t.uid,1)}else a.set(t.uid,1)})),t(i),this._scheduler.performVisualTasks(i,e,{setDirty:!0,dirtyMap:a}),mx(this,i,r,e,{},a),Wm.trigger("afterupdate",i,r)}},updateView:function(e){var n=this._model;n&&(n.setUpdatePayload(e),tv.markUpdateMethod(e,"updateView"),t(n),this._scheduler.performVisualTasks(n,e,{setDirty:!0}),yx(this,n,this._api,e,{}),Wm.trigger("afterupdate",n,this._api))},updateVisual:function(e){var n=this,i=this._model;i&&(i.setUpdatePayload(e),i.eachSeries((function(t){t.getData().clearAllVisual()})),tv.markUpdateMethod(e,"updateVisual"),t(i),this._scheduler.performVisualTasks(i,e,{visualType:"visual",setDirty:!0}),i.eachComponent((function(t,r){if("series"!==t){var o=n.getViewOfComponentModel(r);o&&o.__alive&&o.updateVisual(r,i,n._api,e)}})),i.eachSeries((function(t){n._chartsMap[t.__viewId].updateVisual(t,i,n._api,e)})),Wm.trigger("afterupdate",i,this._api))},updateLayout:function(t){lx.update.call(this,t)}},ux=function(t,e,n,i,r){if(t._disposed)kx(t.id);else{for(var o,a=t._model,s=t._coordSysMgr.getCoordinateSystems(),l=ua(a,n),u=0;u<s.length;u++){var c=s[u];if(c[e]&&null!=(o=c[e](a,l,i,r)))return o}0}},cx=function(t,e){var n=t._chartsMap,i=t._scheduler;e.eachSeries((function(t){i.updateStreamModes(t,n[t.__viewId])}))},hx=function(t,e){var n=this,i=this.getModel(),r=t.type,o=t.escapeConnect,a=Lx[r],s=(a.update||"update").split(":"),l=s.pop(),u=null!=s[0]&&ba(s[0]);this[Km]=!0,Mx(this);var c=[t],h=!1;t.batch&&(h=!0,c=E(t.batch,(function(e){return(e=k(A({},e),t)).batch=null,e})));var d,p=[],f=[],g=a.nonRefinedEventType,y=Ou(t),v=Ru(t);if(v&&xu(this._api),z(c,(function(e){var r=a.action(e,i,n._api);if(a.refineEvent?f.push(r):d=r,(d=d||A({},e)).type=g,p.push(d),v){var o=ca(t),s=o.queryOptionMap,c=o.mainTypeSpecified?s.keys()[0]:"series";sx(n,l,e,c),bx(n)}else y?(sx(n,l,e,"series"),bx(n)):u&&sx(n,l,e,u.main,u.sub)})),"none"!==l&&!v&&!y&&!u)try{this[Jm]?(ox(this),lx.update.call(this,t),this[Jm]=null):lx[l].call(this,t)}catch(t){throw this[Km]=!1,t}if(d=h?{type:g,escapeConnect:o,batch:p}:p[0],this[Km]=!1,!e){var m=void 0;if(a.refineEvent){var x=a.refineEvent(f,t,i,this._api).eventContent;lt(q(x)),(m=k({type:a.refinedEventType},x)).fromAction=t.type,m.fromActionPayload=t,m.escapeConnect=!0}var _=this._messageCenter;_.trigger(d.type,d),m&&_.trigger(m.type,m)}},dx=function(t){for(var e=this._pendingActions;e.length;){var n=e.shift();hx.call(this,n,t)}},px=function(t){!t&&this.trigger("updated")},fx=function(t,e){t.on("rendered",(function(n){e.trigger("rendered",n),!t.animation.isFinished()||e[Jm]||e._scheduler.unfinished||e._pendingActions.length||e.trigger("finished")}))},gx=function(t,e){t.on("mouseover",(function(t){var n=Qv(t.target,Pu);n&&(!function(t,e,n){var i=zl(t),r=wu(i.componentMainType,i.componentIndex,i.componentHighDownName,n),o=r.dispatchers,a=r.focusSelf;o?(a&&bu(i.componentMainType,i.componentIndex,n),z(o,(function(t){return cu(t,e)}))):(_u(i.seriesIndex,i.focus,i.blurScope,n),"self"===i.focus&&bu(i.componentMainType,i.componentIndex,n),cu(t,e))}(n,t,e._api),bx(e))})).on("mouseout",(function(t){var n=Qv(t.target,Pu);n&&(!function(t,e,n){xu(n);var i=zl(t),r=wu(i.componentMainType,i.componentIndex,i.componentHighDownName,n).dispatchers;r?z(r,(function(t){return hu(t,e)})):hu(t,e)}(n,t,e._api),bx(e))})).on("click",(function(t){var n=Qv(t.target,(function(t){return null!=zl(t).dataIndex}),!0);if(n){var i=n.selected?"unselect":"select",r=zl(n);e._api.dispatchAction({type:i,dataType:r.dataType,dataIndexInside:r.dataIndex,seriesIndex:r.seriesIndex,isFromClick:!0})}}))},yx=function(t,e,n,i,r){!function(t){var e=[],n=[],i=!1;if(t.eachComponent((function(t,r){var o=r.get("zlevel")||0,a=r.get("z")||0,s=r.getZLevelKey();i=i||!!s,("series"===t?n:e).push({zlevel:o,z:a,idx:r.componentIndex,type:t,key:s})})),i){var r,o,a=e.concat(n);cn(a,(function(t,e){return t.zlevel===e.zlevel?t.z-e.z:t.zlevel-e.zlevel})),z(a,(function(e){var n=t.getComponent(e.type,e.idx),i=e.zlevel,a=e.key;null!=r&&(i=Math.max(r,i)),a?(i===r&&a!==o&&i++,o=a):o&&(i===r&&i++,o=""),r=i,n.setZLevel(i)}))}}(e),vx(t,e,n,i,r),z(t._chartsViews,(function(t){t.__alive=!1})),mx(t,e,n,i,r),z(t._chartsViews,(function(t){t.__alive||t.remove(e,n)}))},vx=function(t,e,n,r,s,l){z(l||t._componentsViews,(function(t){var s=t.__model;o(s,t),t.render(s,e,n,r),i(s,t),a(s,t)}))},mx=function(t,e,n,s,l,u){var c=t._scheduler;l=A(l||{},{updatedSeries:e.getSeries()}),Wm.trigger("series:beforeupdate",e,n,l);var h=!1;e.eachSeries((function(e){var n=t._chartsMap[e.__viewId];n.__alive=!0;var i=n.renderTask;c.updatePayload(i,s),o(e,n),u&&u.get(e.uid)&&i.dirty(),i.perform(c.getPerformArgs(i))&&(h=!0),n.group.silent=!!e.get("silent"),function(t,e){var n=t.get("blendMode")||null;e.eachRendered((function(t){t.isGroup||(t.style.blend=n)}))}(e,n),Su(e)})),c.unfinished=h||c.unfinished,Wm.trigger("series:layoutlabels",e,n,l),Wm.trigger("series:transition",e,n,l),e.eachSeries((function(e){var n=t._chartsMap[e.__viewId];i(e,n),a(e,n)})),function(t,e){var n=t._zr,i=n.storage,o=0;i.traverse((function(t){t.isGroup||o++})),o>e.get("hoverLayerThreshold")&&!r.node&&!r.worker&&e.eachSeries((function(e){if(!e.preventUsingHoverLayer){var n=t._chartsMap[e.__viewId];n.__alive&&n.eachRendered((function(t){t.states.emphasis&&(t.states.emphasis.hoverLayer=!0)}))}}))}(t,e),Wm.trigger("series:afterupdate",e,n,l)},bx=function(t){t[Qm]=!0,t.getZr().wakeUp()},Mx=function(t){t[$m]=(t[$m]+1)%1e3},Sx=function(t){t[Qm]&&(t.getZr().storage.traverse((function(t){nh(t)||e(t)})),t[Qm]=!1)},xx=function(t){return new(function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return n(i,e),i.prototype.getCoordinateSystems=function(){return t._coordSysMgr.getCoordinateSystems()},i.prototype.getComponentByElement=function(e){for(;e;){var n=e.__ecComponentInfo;if(null!=n)return t._model.getComponent(n.mainType,n.index);e=e.parent}},i.prototype.enterEmphasis=function(e,n){du(e,n),bx(t)},i.prototype.leaveEmphasis=function(e,n){pu(e,n),bx(t)},i.prototype.enterBlur=function(e){fu(e),bx(t)},i.prototype.leaveBlur=function(e){gu(e),bx(t)},i.prototype.enterSelect=function(e){yu(e),bx(t)},i.prototype.leaveSelect=function(e){vu(e),bx(t)},i.prototype.getModel=function(){return t.getModel()},i.prototype.getViewOfComponentModel=function(e){return t.getViewOfComponentModel(e)},i.prototype.getViewOfSeriesModel=function(e){return t.getViewOfSeriesModel(e)},i.prototype.getMainProcessVersion=function(){return t[$m]},i}(Hf))(t)},_x=function(t){function e(t,e){for(var n=0;n<t.length;n++){t[n][ex]=e}}z(Px,(function(n,i){t._messageCenter.on(i,(function(n){if(Gx[t.group]&&0!==t[ex]){if(n&&n.escapeConnect)return;var i=t.makeActionFromEvent(n),r=[];z(Vx,(function(e){e!==t&&e.group===t.group&&r.push(e)})),e(r,0),z(r,(function(t){1!==t[ex]&&t.dispatchAction(i)})),e(r,2)}}))}))}}(),e}(qt),Dx=Cx.prototype;Dx.on=nx("on"),Dx.off=nx("off"),Dx.one=function(t,e,n){var i=this;Uo(),this.on.call(this,t,(function n(){for(var r=[],o=0;o<arguments.length;o++)r[o]=arguments[o];e&&e.apply&&e.apply(this,r),i.off(t,n)}),n)};var Ax=["click","dblclick","mouseover","mouseout","mousemove","mousedown","mouseup","globalout","contextmenu"];function kx(t){0}var Lx={},Px={},Ox={},Rx=[],Nx=[],zx=[],Ex={},Bx={},Vx={},Gx={},Fx=+new Date-0,Wx=+new Date-0,Hx="_echarts_instance_";function Ux(t){Gx[t]=!1}var Yx=Ux;function Xx(t){return Vx[function(t,e){return t.getAttribute?t.getAttribute(e):t[e]}(t,Hx)]}function Zx(t,e){Ex[t]=e}function jx(t){P(Nx,t)<0&&Nx.push(t)}function qx(t,e){r_(Rx,t,e,2e3)}function Kx(t){Jx("afterinit",t)}function $x(t){Jx("afterupdate",t)}function Jx(t,e){Wm.on(t,e)}function Qx(t,e,n){var i,r,o,a,s;function l(t){return t.toLowerCase()}Y(e)&&(n=e,e=""),q(t)?(i=t.type,r=t.event,a=t.update,s=t.publishNonRefinedEvent,n||(n=t.action),o=t.refineEvent):(i=t,r=e),r=l(r||i);var u=o?l(i):r;Lx[i]||(lt(tx.test(i)&&tx.test(r)),o&&lt(r!==i),Lx[i]={actionType:i,refinedEventType:r,nonRefinedEventType:u,update:a,action:n,refineEvent:o},Ox[r]=1,o&&s&&(Ox[u]=1),Px[u]=i)}function t_(t,e){Tp.register(t,e)}function e_(t,e){r_(zx,t,e,1e3,"layout")}function n_(t,e){r_(zx,t,e,3e3,"visual")}var i_=[];function r_(t,e,n,i,r){if((Y(e)||q(e))&&(n=e,e=i),!(P(i_,n)>=0)){i_.push(n);var o=wv.wrapStageHandler(n,r);o.__prio=e,o.__raw=n,t.push(o)}}function o_(t,e){Bx[t]=e}function a_(t,e,n){var i=Um("registerMap");i&&i(t,e,n)}var s_=function(t){var e=(t=T(t)).type,n="";e||Yo(n);var i=e.split(":");2!==i.length&&Yo(n);var r=!1;"echarts"===i[0]&&(e=i[1],r=!0),t.__isBuiltIn=r,oy.set(e,t)};function l_(t,e,n,i){return{eventContent:{selected:Mu(n),isFromClick:e.isFromClick||!1}}}n_(Zm,vv),n_(jm,xv),n_(jm,_v),n_(Zm,Xv),n_(jm,Zv),n_(7e3,(function(t,e){t.eachRawSeries((function(n){if(!t.isSeriesFiltered(n)){var i=n.getData();i.hasItemVisual()&&i.each((function(t){var n=i.getItemVisual(t,"decal");n&&(i.ensureUniqueItemVisual(t,"style").decal=Bm(n,e))}));var r=i.getVisual("decal");if(r)i.getVisual("style").decal=Bm(r,e)}}))})),jx(dg),qx(900,(function(t){var e=yt();t.eachSeries((function(t){var n=t.get("stack");if(n){var i=e.get(n)||e.set(n,[]),r=t.getData(),o={stackResultDimension:r.getCalculationInfo("stackResultDimension"),stackedOverDimension:r.getCalculationInfo("stackedOverDimension"),stackedDimension:r.getCalculationInfo("stackedDimension"),stackedByDimension:r.getCalculationInfo("stackedByDimension"),isStackedByIndex:r.getCalculationInfo("isStackedByIndex"),data:r,seriesModel:t};if(!o.stackedDimension||!o.isStackedByIndex&&!o.stackedByDimension)return;i.push(o)}})),e.each((function(t){0!==t.length&&("seriesDesc"===(t[0].seriesModel.get("stackOrder")||"seriesAsc")&&t.reverse(),z(t,(function(e,n){e.data.setCalculationInfo("stackedOnSeries",n>0?t[n-1].seriesModel:null)})),function(t){z(t,(function(e,n){var i=[],r=[NaN,NaN],o=[e.stackResultDimension,e.stackedOverDimension],a=e.data,s=e.isStackedByIndex,l=e.seriesModel.get("stackStrategy")||"samesign";a.modify(o,(function(o,u,c){var h,d,p=a.get(e.stackedDimension,c);if(isNaN(p))return r;s?d=a.getRawIndex(c):h=a.get(e.stackedByDimension,c);for(var f=NaN,g=n-1;g>=0;g--){var y=t[g];if(s||(d=y.data.rawIndexOf(y.stackedByDimension,h)),d>=0){var v=y.data.getByRawIndex(y.stackResultDimension,d);if("all"===l||"positive"===l&&v>0||"negative"===l&&v<0||"samesign"===l&&p>=0&&v>0||"samesign"===l&&p<=0&&v<0){p=Mo(p,v),f=v;break}}}return i[0]=p,i[1]=f,i}))}))}(t))}))})),o_("default",(function(t,e){k(e=e||{},{text:"loading",textColor:tf.color.primary,fontSize:12,fontWeight:"normal",fontStyle:"normal",fontFamily:"sans-serif",maskColor:"rgba(255,255,255,0.8)",showSpinner:!0,color:tf.color.theme[0],spinnerRadius:10,lineWidth:5,zlevel:0});var n=new to,i=new xl({style:{fill:e.maskColor},zlevel:e.zlevel,z:1e4});n.add(i);var r,o=new Sl({style:{text:e.text,fill:e.textColor,fontSize:e.fontSize,fontWeight:e.fontWeight,fontStyle:e.fontStyle,fontFamily:e.fontFamily},zlevel:e.zlevel,z:10001}),a=new xl({style:{fill:"none"},textContent:o,textConfig:{position:"right",distance:10},zlevel:e.zlevel,z:10001});return n.add(a),e.showSpinner&&((r=new Nc({shape:{startAngle:-bv/2,endAngle:-bv/2+.1,r:e.spinnerRadius},style:{stroke:e.color,lineCap:"round",lineWidth:e.lineWidth},zlevel:e.zlevel,z:10001})).animateShape(!0).when(1e3,{endAngle:3*bv/2}).start("circularInOut"),r.animateShape(!0).when(1e3,{startAngle:3*bv/2}).delay(300).start("circularInOut"),n.add(r)),n.resize=function(){var n=o.getBoundingRect().width,s=e.showSpinner?e.spinnerRadius:0,l=(t.getWidth()-2*s-(e.showSpinner&&n?10:0)-n)/2-(e.showSpinner&&n?0:5+n/2)+(e.showSpinner?0:n/2)+(n?0:s),u=t.getHeight()/2;e.showSpinner&&r.setShape({cx:l,cy:u}),a.setShape({x:l-s,y:u-s,width:2*s,height:2*s}),i.setShape({x:0,y:0,width:t.getWidth(),height:t.getHeight()})},n.resize(),n})),Qx({type:Yl,event:Yl,update:Yl},bt),Qx({type:Xl,event:Xl,update:Xl},bt),Qx({type:Zl,event:Kl,update:Zl,action:bt,refineEvent:l_,publishNonRefinedEvent:!0}),Qx({type:jl,event:Kl,update:jl,action:bt,refineEvent:l_,publishNonRefinedEvent:!0}),Qx({type:ql,event:Kl,update:ql,action:bt,refineEvent:l_,publishNonRefinedEvent:!0}),Zx("default",{}),Zx("dark",Wv);var u_=[],c_={registerPreprocessor:jx,registerProcessor:qx,registerPostInit:Kx,registerPostUpdate:$x,registerUpdateLifecycle:Jx,registerAction:Qx,registerCoordinateSystem:t_,registerLayout:e_,registerVisual:n_,registerTransform:s_,registerLoading:o_,registerMap:a_,registerImpl:function(t,e){Hm[t]=e},PRIORITY:qm,ComponentModel:Qp,ComponentView:Ky,SeriesModel:Wy,ChartView:tv,registerComponentModel:function(t){Qp.registerClass(t)},registerComponentView:function(t){Ky.registerClass(t)},registerSeriesModel:function(t){Wy.registerClass(t)},registerChartView:function(t){tv.registerClass(t)},registerCustomSeries:function(t,e){Xm(t,e)},registerSubTypeDefaulter:function(t,e){Qp.registerSubTypeDefaulter(t,e)},registerPainter:function(t,e){ao(t,e)}};function h_(t){U(t)?z(t,(function(t){h_(t)})):P(u_,t)>=0||(u_.push(t),Y(t)&&(t={install:t}),t.install(c_))}function d_(t){return null==t?0:t.length||1}function p_(t){return t}var f_=function(){function t(t,e,n,i,r,o){this._old=t,this._new=e,this._oldKeyGetter=n||p_,this._newKeyGetter=i||p_,this.context=r,this._diffModeMultiple="multiple"===o}return t.prototype.add=function(t){return this._add=t,this},t.prototype.update=function(t){return this._update=t,this},t.prototype.updateManyToOne=function(t){return this._updateManyToOne=t,this},t.prototype.updateOneToMany=function(t){return this._updateOneToMany=t,this},t.prototype.updateManyToMany=function(t){return this._updateManyToMany=t,this},t.prototype.remove=function(t){return this._remove=t,this},t.prototype.execute=function(){this[this._diffModeMultiple?"_executeMultiple":"_executeOneToOne"]()},t.prototype._executeOneToOne=function(){var t=this._old,e=this._new,n={},i=new Array(t.length),r=new Array(e.length);this._initIndexMap(t,null,i,"_oldKeyGetter"),this._initIndexMap(e,n,r,"_newKeyGetter");for(var o=0;o<t.length;o++){var a=i[o],s=n[a],l=d_(s);if(l>1){var u=s.shift();1===s.length&&(n[a]=s[0]),this._update&&this._update(u,o)}else 1===l?(n[a]=null,this._update&&this._update(s,o)):this._remove&&this._remove(o)}this._performRestAdd(r,n)},t.prototype._executeMultiple=function(){var t=this._old,e=this._new,n={},i={},r=[],o=[];this._initIndexMap(t,n,r,"_oldKeyGetter"),this._initIndexMap(e,i,o,"_newKeyGetter");for(var a=0;a<r.length;a++){var s=r[a],l=n[s],u=i[s],c=d_(l),h=d_(u);if(c>1&&1===h)this._updateManyToOne&&this._updateManyToOne(u,l),i[s]=null;else if(1===c&&h>1)this._updateOneToMany&&this._updateOneToMany(u,l),i[s]=null;else if(1===c&&1===h)this._update&&this._update(u,l),i[s]=null;else if(c>1&&h>1)this._updateManyToMany&&this._updateManyToMany(u,l),i[s]=null;else if(c>1)for(var d=0;d<c;d++)this._remove&&this._remove(l[d]);else this._remove&&this._remove(l)}this._performRestAdd(o,i)},t.prototype._performRestAdd=function(t,e){for(var n=0;n<t.length;n++){var i=t[n],r=e[i],o=d_(r);if(o>1)for(var a=0;a<o;a++)this._add&&this._add(r[a]);else 1===o&&this._add&&this._add(r);e[i]=null}},t.prototype._initIndexMap=function(t,e,n,i){for(var r=this._diffModeMultiple,o=0;o<t.length;o++){var a="_ec_"+this[i](t[o],o);if(r||(n[o]=a),e){var s=e[a],l=d_(s);0===l?(e[a]=o,r&&n.push(a)):1===l?e[a]=[s,o]:s.push(o)}}},t}(),g_=function(){function t(t,e){this._encode=t,this._schema=e}return t.prototype.get=function(){return{fullDimensions:this._getFullDimensionNames(),encode:this._encode}},t.prototype._getFullDimensionNames=function(){return this._cachedDimNames||(this._cachedDimNames=this._schema?this._schema.makeOutputDimensionNames():[]),this._cachedDimNames},t}();function y_(t,e){return t.hasOwnProperty(e)||(t[e]=[]),t[e]}function v_(t){return"category"===t?"ordinal":"time"===t?"time":"float"}var m_=function(t){this.otherDims={},null!=t&&A(this,t)},x_=sa(),__={float:"f",int:"i",ordinal:"o",number:"n",time:"t"},b_=function(){function t(t){this.dimensions=t.dimensions,this._dimOmitted=t.dimensionOmitted,this.source=t.source,this._fullDimCount=t.fullDimensionCount,this._updateDimOmitted(t.dimensionOmitted)}return t.prototype.isDimensionOmitted=function(){return this._dimOmitted},t.prototype._updateDimOmitted=function(t){this._dimOmitted=t,t&&(this._dimNameMap||(this._dimNameMap=M_(this.source)))},t.prototype.getSourceDimensionIndex=function(t){return rt(this._dimNameMap.get(t),-1)},t.prototype.getSourceDimension=function(t){var e=this.source.dimensionsDefine;if(e)return e[t]},t.prototype.makeStoreSchema=function(){for(var t=this._fullDimCount,e=Tg(this.source),n=!I_(t),i="",r=[],o=0,a=0;o<t;o++){var s=void 0,l=void 0,u=void 0,c=this.dimensions[a];if(c&&c.storeDimIndex===o)s=e?c.name:null,l=c.type,u=c.ordinalMeta,a++;else{var h=this.getSourceDimension(o);h&&(s=e?h.name:null,l=h.type)}r.push({property:s,type:l,ordinalMeta:u}),!e||null==s||c&&c.isCalculationCoord||(i+=n?s.replace(/\`/g,"`1").replace(/\$/g,"`2"):s),i+="$",i+=__[l]||"f",u&&(i+=u.uid),i+="$"}var d=this.source;return{dimensions:r,hash:[d.seriesLayoutBy,d.startIndex,i].join("$$")}},t.prototype.makeOutputDimensionNames=function(){for(var t=[],e=0,n=0;e<this._fullDimCount;e++){var i=void 0,r=this.dimensions[n];if(r&&r.storeDimIndex===e)r.isCalculationCoord||(i=r.name),n++;else{var o=this.getSourceDimension(e);o&&(i=o.name)}t.push(i)}return t},t.prototype.appendCalculationDimension=function(t){this.dimensions.push(t),t.isCalculationCoord=!0,this._fullDimCount++,this._updateDimOmitted(!0)},t}();function w_(t){return t instanceof b_}function S_(t){for(var e=yt(),n=0;n<(t||[]).length;n++){var i=t[n],r=q(i)?i.name:i;null!=r&&null==e.get(r)&&e.set(r,n)}return e}function M_(t){var e=x_(t);return e.dimNameMap||(e.dimNameMap=S_(t.dimensionsDefine))}function I_(t){return t>30}var T_,C_,D_,A_,k_,L_,P_,O_=q,R_=E,N_="undefined"==typeof Int32Array?Array:Int32Array,z_=["hasItemOption","_nameList","_idList","_invertedIndicesMap","_dimSummary","userOutput","_rawData","_dimValueGetter","_nameDimIdx","_idDimIdx","_nameRepeatCount"],E_=["_approximateExtent"],B_=function(){function t(t,e){var n;this.type="list",this._dimOmitted=!1,this._nameList=[],this._idList=[],this._visual={},this._layout={},this._itemVisuals=[],this._itemLayouts=[],this._graphicEls=[],this._approximateExtent={},this._calculationInfo={},this.hasItemOption=!1,this.TRANSFERABLE_METHODS=["cloneShallow","downSample","minmaxDownSample","lttbDownSample","map"],this.CHANGABLE_METHODS=["filterSelf","selectRange"],this.DOWNSAMPLE_METHODS=["downSample","minmaxDownSample","lttbDownSample"];var i=!1;w_(t)?(n=t.dimensions,this._dimOmitted=t.isDimensionOmitted(),this._schema=t):(i=!0,n=t),n=n||["x","y"];for(var r={},o=[],a={},s=!1,l={},u=0;u<n.length;u++){var c=n[u],h=X(c)?new m_({name:c}):c instanceof m_?c:new m_(c),d=h.name;h.type=h.type||"float",h.coordDim||(h.coordDim=d,h.coordDimIndex=0);var p=h.otherDims=h.otherDims||{};o.push(d),r[d]=h,null!=l[d]&&(s=!0),h.createInvertedIndices&&(a[d]=[]);var f=u;j(h.storeDimIndex)&&(f=h.storeDimIndex),0===p.itemName&&(this._nameDimIdx=f),0===p.itemId&&(this._idDimIdx=f),i&&(h.storeDimIndex=u)}if(this.dimensions=o,this._dimInfos=r,this._initGetDimensionInfo(s),this.hostModel=e,this._invertedIndicesMap=a,this._dimOmitted){var g=this._dimIdxToName=yt();z(o,(function(t){g.set(r[t].storeDimIndex,t)}))}}return t.prototype.getDimension=function(t){var e=this._recognizeDimIndex(t);if(null==e)return t;if(e=t,!this._dimOmitted)return this.dimensions[e];var n=this._dimIdxToName.get(e);if(null!=n)return n;var i=this._schema.getSourceDimension(e);return i?i.name:void 0},t.prototype.getDimensionIndex=function(t){var e=this._recognizeDimIndex(t);if(null!=e)return e;if(null==t)return-1;var n=this._getDimInfo(t);return n?n.storeDimIndex:this._dimOmitted?this._schema.getSourceDimensionIndex(t):-1},t.prototype._recognizeDimIndex=function(t){if(j(t)||null!=t&&!isNaN(t)&&!this._getDimInfo(t)&&(!this._dimOmitted||this._schema.getSourceDimensionIndex(t)<0))return+t},t.prototype._getStoreDimIndex=function(t){var e=this.getDimensionIndex(t);return e},t.prototype.getDimensionInfo=function(t){return this._getDimInfo(this.getDimension(t))},t.prototype._initGetDimensionInfo=function(t){var e=this._dimInfos;this._getDimInfo=t?function(t){return e.hasOwnProperty(t)?e[t]:void 0}:function(t){return e[t]}},t.prototype.getDimensionsOnCoord=function(){return this._dimSummary.dataDimsOnCoord.slice()},t.prototype.mapDimension=function(t,e){var n=this._dimSummary;if(null==e)return n.encodeFirstDimNotExtra[t];var i=n.encode[t];return i?i[e]:null},t.prototype.mapDimensionsAll=function(t){return(this._dimSummary.encode[t]||[]).slice()},t.prototype.getStore=function(){return this._store},t.prototype.initData=function(t,e,n){var i,r=this;if(t instanceof vy&&(i=t),!i){var o=this.dimensions,a=_g(t)||N(t)?new Cg(t,o.length):t;i=new vy;var s=R_(o,(function(t){return{type:r._dimInfos[t].type,property:t}}));i.initData(a,s,n)}this._store=i,this._nameList=(e||[]).slice(),this._idList=[],this._nameRepeatCount={},this._doInit(0,i.count()),this._dimSummary=function(t,e){var n={},i=n.encode={},r=yt(),o=[],a=[],s={};z(t.dimensions,(function(e){var n,l=t.getDimensionInfo(e),u=l.coordDim;if(u){var c=l.coordDimIndex;y_(i,u)[c]=e,l.isExtraCoord||(r.set(u,1),"ordinal"!==(n=l.type)&&"time"!==n&&(o[0]=e),y_(s,u)[c]=t.getDimensionIndex(l.name)),l.defaultTooltip&&a.push(e)}cf.each((function(t,e){var n=y_(i,e),r=l.otherDims[e];null!=r&&!1!==r&&(n[r]=l.name)}))}));var l=[],u={};r.each((function(t,e){var n=i[e];u[e]=n[0],l=l.concat(n)})),n.dataDimsOnCoord=l,n.dataDimIndicesOnCoord=E(l,(function(e){return t.getDimensionInfo(e).storeDimIndex})),n.encodeFirstDimNotExtra=u;var c=i.label;c&&c.length&&(o=c.slice());var h=i.tooltip;return h&&h.length?a=h.slice():a.length||(a=o.slice()),i.defaultedLabel=o,i.defaultedTooltip=a,n.userOutput=new g_(s,e),n}(this,this._schema),this.userOutput=this._dimSummary.userOutput},t.prototype.appendData=function(t){var e=this._store.appendData(t);this._doInit(e[0],e[1])},t.prototype.appendValues=function(t,e){var n=this._store.appendValues(t,e&&e.length),i=n.start,r=n.end,o=this._shouldMakeIdFromName();if(this._updateOrdinalMeta(),e)for(var a=i;a<r;a++){var s=a-i;this._nameList[a]=e[s],o&&P_(this,a)}},t.prototype._updateOrdinalMeta=function(){for(var t=this._store,e=this.dimensions,n=0;n<e.length;n++){var i=this._dimInfos[e[n]];i.ordinalMeta&&t.collectOrdinalMeta(i.storeDimIndex,i.ordinalMeta)}},t.prototype._shouldMakeIdFromName=function(){var t=this._store.getProvider();return null==this._idDimIdx&&t.getSource().sourceFormat!==gf&&!t.fillStorage},t.prototype._doInit=function(t,e){if(!(t>=e)){var n=this._store.getProvider();this._updateOrdinalMeta();var i=this._nameList,r=this._idList;if(n.getSource().sourceFormat===hf&&!n.pure)for(var o=[],a=t;a<e;a++){var s=n.getItem(a,o);if(!this.hasItemOption&&Qo(s)&&(this.hasItemOption=!0),s){var l=s.name;null==i[a]&&null!=l&&(i[a]=ia(l,null));var u=s.id;null==r[a]&&null!=u&&(r[a]=ia(u,null))}}if(this._shouldMakeIdFromName())for(a=t;a<e;a++)P_(this,a);T_(this)}},t.prototype.getApproximateExtent=function(t){return this._approximateExtent[t]||this._store.getDataExtent(this._getStoreDimIndex(t))},t.prototype.setApproximateExtent=function(t,e){e=this.getDimension(e),this._approximateExtent[e]=t.slice()},t.prototype.getCalculationInfo=function(t){return this._calculationInfo[t]},t.prototype.setCalculationInfo=function(t,e){O_(t)?A(this._calculationInfo,t):this._calculationInfo[t]=e},t.prototype.getName=function(t){var e=this.getRawIndex(t),n=this._nameList[e];return null==n&&null!=this._nameDimIdx&&(n=D_(this,this._nameDimIdx,e)),null==n&&(n=""),n},t.prototype._getCategory=function(t,e){var n=this._store.get(t,e),i=this._store.getOrdinalMeta(t);return i?i.categories[n]:n},t.prototype.getId=function(t){return C_(this,this.getRawIndex(t))},t.prototype.count=function(){return this._store.count()},t.prototype.get=function(t,e){var n=this._store,i=this._dimInfos[t];if(i)return n.get(i.storeDimIndex,e)},t.prototype.getByRawIndex=function(t,e){var n=this._store,i=this._dimInfos[t];if(i)return n.getByRawIndex(i.storeDimIndex,e)},t.prototype.getIndices=function(){return this._store.getIndices()},t.prototype.getDataExtent=function(t){return this._store.getDataExtent(this._getStoreDimIndex(t))},t.prototype.getSum=function(t){return this._store.getSum(this._getStoreDimIndex(t))},t.prototype.getMedian=function(t){return this._store.getMedian(this._getStoreDimIndex(t))},t.prototype.getValues=function(t,e){var n=this,i=this._store;return U(t)?i.getValues(R_(t,(function(t){return n._getStoreDimIndex(t)})),e):i.getValues(t)},t.prototype.hasValue=function(t){for(var e=this._dimSummary.dataDimIndicesOnCoord,n=0,i=e.length;n<i;n++)if(isNaN(this._store.get(e[n],t)))return!1;return!0},t.prototype.indexOfName=function(t){for(var e=0,n=this._store.count();e<n;e++)if(this.getName(e)===t)return e;return-1},t.prototype.getRawIndex=function(t){return this._store.getRawIndex(t)},t.prototype.indexOfRawIndex=function(t){return this._store.indexOfRawIndex(t)},t.prototype.rawIndexOf=function(t,e){var n=t&&this._invertedIndicesMap[t];var i=n&&n[e];return null==i||isNaN(i)?-1:i},t.prototype.each=function(t,e,n){Y(t)&&(n=e,e=t,t=[]);var i=n||this,r=R_(A_(t),this._getStoreDimIndex,this);this._store.each(r,i?W(e,i):e)},t.prototype.filterSelf=function(t,e,n){Y(t)&&(n=e,e=t,t=[]);var i=n||this,r=R_(A_(t),this._getStoreDimIndex,this);return this._store=this._store.filter(r,i?W(e,i):e),this},t.prototype.selectRange=function(t){var e=this,n={};return z(F(t),(function(i){var r=e._getStoreDimIndex(i);n[r]=t[i]})),this._store=this._store.selectRange(n),this},t.prototype.mapArray=function(t,e,n){Y(t)&&(n=e,e=t,t=[]),n=n||this;var i=[];return this.each(t,(function(){i.push(e&&e.apply(this,arguments))}),n),i},t.prototype.map=function(t,e,n,i){var r=n||i||this,o=R_(A_(t),this._getStoreDimIndex,this),a=L_(this);return a._store=this._store.map(o,r?W(e,r):e),a},t.prototype.modify=function(t,e,n,i){var r=n||i||this;var o=R_(A_(t),this._getStoreDimIndex,this);this._store.modify(o,r?W(e,r):e)},t.prototype.downSample=function(t,e,n,i){var r=L_(this);return r._store=this._store.downSample(this._getStoreDimIndex(t),e,n,i),r},t.prototype.minmaxDownSample=function(t,e){var n=L_(this);return n._store=this._store.minmaxDownSample(this._getStoreDimIndex(t),e),n},t.prototype.lttbDownSample=function(t,e){var n=L_(this);return n._store=this._store.lttbDownSample(this._getStoreDimIndex(t),e),n},t.prototype.getRawDataItem=function(t){return this._store.getRawDataItem(t)},t.prototype.getItemModel=function(t){var e=this.hostModel,n=this.getRawDataItem(t);return new wd(n,e,e&&e.ecModel)},t.prototype.diff=function(t){var e=this;return new f_(t?t.getStore().getIndices():[],this.getStore().getIndices(),(function(e){return C_(t,e)}),(function(t){return C_(e,t)}))},t.prototype.getVisual=function(t){var e=this._visual;return e&&e[t]},t.prototype.setVisual=function(t,e){this._visual=this._visual||{},O_(t)?A(this._visual,t):this._visual[t]=e},t.prototype.getItemVisual=function(t,e){var n=this._itemVisuals[t],i=n&&n[e];return null==i?this.getVisual(e):i},t.prototype.hasItemVisual=function(){return this._itemVisuals.length>0},t.prototype.ensureUniqueItemVisual=function(t,e){var n=this._itemVisuals,i=n[t];i||(i=n[t]={});var r=i[e];return null==r&&(U(r=this.getVisual(e))?r=r.slice():O_(r)&&(r=A({},r)),i[e]=r),r},t.prototype.setItemVisual=function(t,e,n){var i=this._itemVisuals[t]||{};this._itemVisuals[t]=i,O_(e)?A(i,e):i[e]=n},t.prototype.clearAllVisual=function(){this._visual={},this._itemVisuals=[]},t.prototype.setLayout=function(t,e){O_(t)?A(this._layout,t):this._layout[t]=e},t.prototype.getLayout=function(t){return this._layout[t]},t.prototype.getItemLayout=function(t){return this._itemLayouts[t]},t.prototype.setItemLayout=function(t,e,n){this._itemLayouts[t]=n?A(this._itemLayouts[t]||{},e):e},t.prototype.clearItemLayouts=function(){this._itemLayouts.length=0},t.prototype.setItemGraphicEl=function(t,e){var n=this.hostModel&&this.hostModel.seriesIndex;El(n,this.dataType,t,e),this._graphicEls[t]=e},t.prototype.getItemGraphicEl=function(t){return this._graphicEls[t]},t.prototype.eachItemGraphicEl=function(t,e){z(this._graphicEls,(function(n,i){n&&t&&t.call(e,n,i)}))},t.prototype.cloneShallow=function(e){return e||(e=new t(this._schema?this._schema:R_(this.dimensions,this._getDimInfo,this),this.hostModel)),k_(e,this),e._store=this._store,e},t.prototype.wrapMethod=function(t,e){var n=this[t];Y(n)&&(this.__wrappedMethods=this.__wrappedMethods||[],this.__wrappedMethods.push(t),this[t]=function(){var t=n.apply(this,arguments);return e.apply(this,[t].concat(at(arguments)))})},t.internalField=(T_=function(t){var e=t._invertedIndicesMap;z(e,(function(n,i){var r=t._dimInfos[i],o=r.ordinalMeta,a=t._store;if(o){n=e[i]=new N_(o.categories.length);for(var s=0;s<n.length;s++)n[s]=-1;for(s=0;s<a.count();s++)n[a.get(r.storeDimIndex,s)]=s}}))},D_=function(t,e,n){return ia(t._getCategory(e,n),null)},C_=function(t,e){var n=t._idList[e];return null==n&&null!=t._idDimIdx&&(n=D_(t,t._idDimIdx,e)),null==n&&(n="e\0\0"+e),n},A_=function(t){return U(t)||(t=null!=t?[t]:[]),t},L_=function(e){var n=new t(e._schema?e._schema:R_(e.dimensions,e._getDimInfo,e),e.hostModel);return k_(n,e),n},k_=function(t,e){z(z_.concat(e.__wrappedMethods||[]),(function(n){e.hasOwnProperty(n)&&(t[n]=e[n])})),t.__wrappedMethods=e.__wrappedMethods,z(E_,(function(n){t[n]=T(e[n])})),t._calculationInfo=A({},e._calculationInfo)},void(P_=function(t,e){var n=t._nameList,i=t._idList,r=t._nameDimIdx,o=t._idDimIdx,a=n[e],s=i[e];if(null==a&&null!=r&&(n[e]=a=D_(t,r,e)),null==s&&null!=o&&(i[e]=s=D_(t,o,e)),null==s&&null!=a){var l=t._nameRepeatCount,u=l[a]=(l[a]||0)+1;s=a,u>1&&(s+="__ec__"+u),i[e]=s}})),t}();function V_(t,e){_g(t)||(t=wg(t));var n=(e=e||{}).coordDimensions||[],i=e.dimensionsDefine||t.dimensionsDefine||[],r=yt(),o=[],a=function(t,e,n,i){var r=Math.max(t.dimensionsDetectedCount||1,e.length,n.length,i||0);return z(e,(function(t){var e;q(t)&&(e=t.dimsDef)&&(r=Math.max(r,e.length))})),r}(t,n,i,e.dimensionsCount),s=e.canOmitUnusedDimensions&&I_(a),l=i===t.dimensionsDefine,u=l?M_(t):S_(i),c=e.encodeDefine;!c&&e.encodeDefaulter&&(c=e.encodeDefaulter(t,a));for(var h=yt(c),d=new dy(a),p=0;p<d.length;p++)d[p]=-1;function f(t){var e=d[t];if(e<0){var n=i[t],r=q(n)?n:{name:n},a=new m_,s=r.name;null!=s&&null!=u.get(s)&&(a.name=a.displayName=s),null!=r.type&&(a.type=r.type),null!=r.displayName&&(a.displayName=r.displayName);var l=o.length;return d[t]=l,a.storeDimIndex=t,o.push(a),a}return o[e]}if(!s)for(p=0;p<a;p++)f(p);h.each((function(t,e){var n=qo(t).slice();if(1===n.length&&!X(n[0])&&n[0]<0)h.set(e,!1);else{var i=h.set(e,[]);z(n,(function(t,n){var r=X(t)?u.get(t):t;null!=r&&r<a&&(i[n]=r,y(f(r),e,n))}))}}));var g=0;function y(t,e,n){null!=cf.get(e)?t.otherDims[e]=n:(t.coordDim=e,t.coordDimIndex=n,r.set(e,!0))}z(n,(function(t){var e,n,i,r;if(X(t))e=t,r={};else{e=(r=t).name;var o=r.ordinalMeta;r.ordinalMeta=null,(r=A({},r)).ordinalMeta=o,n=r.dimsDef,i=r.otherDims,r.name=r.coordDim=r.coordDimIndex=r.dimsDef=r.otherDims=null}var s=h.get(e);if(!1!==s){if(!(s=qo(s)).length)for(var u=0;u<(n&&n.length||1);u++){for(;g<a&&null!=f(g).coordDim;)g++;g<a&&s.push(g++)}z(s,(function(t,o){var a=f(t);if(l&&null!=r.type&&(a.type=r.type),y(k(a,r),e,o),null==a.name&&n){var s=n[o];!q(s)&&(s={name:s}),a.name=a.displayName=s.name,a.defaultTooltip=s.defaultTooltip}i&&k(a.otherDims,i)}))}}));var v=e.generateCoord,m=e.generateCoordCount,x=null!=m;m=v?m||1:0;var _=v||"value";function b(t){null==t.name&&(t.name=t.coordDim)}if(s)z(o,(function(t){b(t)})),o.sort((function(t,e){return t.storeDimIndex-e.storeDimIndex}));else for(var w=0;w<a;w++){var S=f(w);null==S.coordDim&&(S.coordDim=G_(_,r,x),S.coordDimIndex=0,(!v||m<=0)&&(S.isExtraCoord=!0),m--),b(S),null!=S.type||Tf(t,w)!==xf&&(!S.isExtraCoord||null==S.otherDims.itemName&&null==S.otherDims.seriesName)||(S.type="ordinal")}return function(t){for(var e=yt(),n=0;n<t.length;n++){var i=t[n],r=i.name,o=e.get(r)||0;o>0&&(i.name=r+(o-1)),o++,e.set(r,o)}}(o),new b_({source:t,dimensions:o,fullDimensionCount:a,dimensionOmitted:s})}function G_(t,e,n){if(n||e.hasKey(t)){for(var i=0;e.hasKey(t+i);)i++;t+=i}return e.set(t,!0),t}var F_=function(t){this.coordSysDims=[],this.axisMap=yt(),this.categoryAxisMap=yt(),this.coordSysName=t};var W_={cartesian2d:function(t,e,n,i){var r=t.getReferringComponents("xAxis",ha).models[0],o=t.getReferringComponents("yAxis",ha).models[0];e.coordSysDims=["x","y"],n.set("x",r),n.set("y",o),H_(r)&&(i.set("x",r),e.firstCategoryDimIndex=0),H_(o)&&(i.set("y",o),null==e.firstCategoryDimIndex&&(e.firstCategoryDimIndex=1))},singleAxis:function(t,e,n,i){var r=t.getReferringComponents("singleAxis",ha).models[0];e.coordSysDims=["single"],n.set("single",r),H_(r)&&(i.set("single",r),e.firstCategoryDimIndex=0)},polar:function(t,e,n,i){var r=t.getReferringComponents("polar",ha).models[0],o=r.findAxisModel("radiusAxis"),a=r.findAxisModel("angleAxis");e.coordSysDims=["radius","angle"],n.set("radius",o),n.set("angle",a),H_(o)&&(i.set("radius",o),e.firstCategoryDimIndex=0),H_(a)&&(i.set("angle",a),null==e.firstCategoryDimIndex&&(e.firstCategoryDimIndex=1))},geo:function(t,e,n,i){e.coordSysDims=["lng","lat"]},parallel:function(t,e,n,i){var r=t.ecModel,o=r.getComponent("parallel",t.get("parallelIndex")),a=e.coordSysDims=o.dimensions.slice();z(o.parallelAxisIndex,(function(t,o){var s=r.getComponent("parallelAxis",t),l=a[o];n.set(l,s),H_(s)&&(i.set(l,s),null==e.firstCategoryDimIndex&&(e.firstCategoryDimIndex=o))}))},matrix:function(t,e,n,i){var r=t.getReferringComponents("matrix",ha).models[0];e.coordSysDims=["x","y"];var o=r.getDimensionModel("x"),a=r.getDimensionModel("y");n.set("x",o),n.set("y",a),i.set("x",o),i.set("y",a)}};function H_(t){return"category"===t.get("type")}function U_(t,e,n){var i,r,o,a=(n=n||{}).byIndex,s=n.stackedCoordDimension;!function(t){return!w_(t.schema)}(e)?(r=e.schema,i=r.dimensions,o=e.store):i=e;var l,u,c,h,d=!(!t||!t.get("stack"));if(z(i,(function(t,e){X(t)&&(i[e]=t={name:t}),d&&!t.isExtraCoord&&(a||l||!t.ordinalMeta||(l=t),u||"ordinal"===t.type||"time"===t.type||s&&s!==t.coordDim||(u=t))})),!u||a||l||(a=!0),u){c="__\0ecstackresult_"+t.id,h="__\0ecstackedover_"+t.id,l&&(l.createInvertedIndices=!0);var p=u.coordDim,f=u.type,g=0;z(i,(function(t){t.coordDim===p&&g++}));var y={name:c,coordDim:p,coordDimIndex:g,type:f,isExtraCoord:!0,isCalculationCoord:!0,storeDimIndex:i.length},v={name:h,coordDim:h,coordDimIndex:g+1,type:f,isExtraCoord:!0,isCalculationCoord:!0,storeDimIndex:i.length+1};r?(o&&(y.storeDimIndex=o.ensureCalculationDimension(h,f),v.storeDimIndex=o.ensureCalculationDimension(c,f)),r.appendCalculationDimension(y),r.appendCalculationDimension(v)):(i.push(y),i.push(v))}return{stackedDimension:u&&u.name,stackedByDimension:l&&l.name,isStackedByIndex:a,stackedOverDimension:h,stackResultDimension:c}}function Y_(t,e){return!!e&&e===t.getCalculationInfo("stackedDimension")}function X_(t,e){return Y_(t,e)?t.getCalculationInfo("stackResultDimension"):e}function Z_(t,e,n){n=n||{};var i,r=e.getSourceManager(),o=!1;t?(o=!0,i=wg(t)):o=(i=r.getSource()).sourceFormat===hf;var a=function(t){var e=t.get("coordinateSystem"),n=new F_(e),i=W_[e];if(i)return i(t,n,n.axisMap,n.categoryAxisMap),n}(e),s=function(t,e){var n,i=t.get("coordinateSystem"),r=Tp.get(i);return e&&e.coordSysDims&&(n=E(e.coordSysDims,(function(t){var n={name:t},i=e.axisMap.get(t);if(i){var r=i.get("type");n.type=v_(r)}return n}))),n||(n=r&&(r.getDimensionsInfo?r.getDimensionsInfo():r.dimensions.slice())||["x","y"]),n}(e,a),l=n.useEncodeDefaulter,u=Y(l)?l:l?H(Sf,s,e):null,c=V_(i,{coordDimensions:s,generateCoord:n.generateCoord,encodeDefine:e.getEncode(),encodeDefaulter:u,canOmitUnusedDimensions:!o}),h=function(t,e,n){var i,r;return n&&z(t,(function(t,o){var a=t.coordDim,s=n.categoryAxisMap.get(a);s&&(null==i&&(i=o),t.ordinalMeta=s.getOrdinalMeta(),e&&(t.createInvertedIndices=!0)),null!=t.otherDims.itemName&&(r=!0)})),r||null==i||(t[i].otherDims.itemName=0),i}(c.dimensions,n.createInvertedIndices,a),d=o?null:r.getSharedDataStore(c),p=U_(e,{schema:c,store:d}),f=new B_(c,e);f.setCalculationInfo(p);var g=null!=h&&function(t){if(t.sourceFormat===hf){var e=function(t){var e=0;for(;e<t.length&&null==t[e];)e++;return t[e]}(t.data||[]);return!U(Jo(e))}}(i)?function(t,e,n,i){return i===h?n:this.defaultDimValueGetter(t,e,n,i)}:null;return f.hasItemOption=!1,f.initData(o?i:d,null,g),f}function j_(t){return"interval"===t.type||"log"===t.type}function q_(t,e,n,i,r){var o={},a=o.interval=Po(e/n,!0);null!=i&&a<i&&(a=o.interval=i),null!=r&&a>r&&(a=o.interval=r);var s=o.intervalPrecision=$_(a);return function(t,e){!isFinite(t[0])&&(t[0]=e[0]),!isFinite(t[1])&&(t[1]=e[1]),J_(t,0,e),J_(t,1,e),t[0]>t[1]&&(t[0]=t[1])}(o.niceTickExtent=[mo(Math.ceil(t[0]/a)*a,s),mo(Math.floor(t[1]/a)*a,s)],t),o}function K_(t){var e=Math.pow(10,Lo(t)),n=t/e;return n?2===n?n=3:3===n?n=5:n*=2:n=1,mo(n*e)}function $_(t){return _o(t)+2}function J_(t,e,n){t[e]=Math.max(Math.min(t[e],n[1]),n[0])}function Q_(t,e){return t>=e[0]&&t<=e[1]}var tb=function(){function t(){this.normalize=eb,this.scale=nb}return t.prototype.updateMethods=function(t){t.hasBreaks()?(this.normalize=W(t.normalize,t),this.scale=W(t.scale,t)):(this.normalize=eb,this.scale=nb)},t}();function eb(t,e){return e[1]===e[0]?.5:(t-e[0])/(e[1]-e[0])}function nb(t,e){return t*(e[1]-e[0])+e[0]}function ib(t,e,n){var i=Math.log(t);return[Math.log(n?e[0]:Math.max(0,e[0]))/i,Math.log(n?e[1]:Math.max(0,e[1]))/i]}var rb=function(){function t(t){this._calculator=new tb,this._setting=t||{},this._extent=[1/0,-1/0];var e=Nd();e&&(this._brkCtx=e.createScaleBreakContext(),this._brkCtx.update(this._extent))}return t.prototype.getSetting=function(t){return this._setting[t]},t.prototype._innerUnionExtent=function(t){var e=this._extent;this._innerSetExtent(t[0]<e[0]?t[0]:e[0],t[1]>e[1]?t[1]:e[1])},t.prototype.unionExtentFromData=function(t,e){this._innerUnionExtent(t.getApproximateExtent(e))},t.prototype.getExtent=function(){return this._extent.slice()},t.prototype.setExtent=function(t,e){this._innerSetExtent(t,e)},t.prototype._innerSetExtent=function(t,e){var n=this._extent;isNaN(t)||(n[0]=t),isNaN(e)||(n[1]=e),this._brkCtx&&this._brkCtx.update(n)},t.prototype.setBreaksFromOption=function(t){var e=Nd();e&&this._innerSetBreak(e.parseAxisBreakOption(t,W(this.parse,this)))},t.prototype._innerSetBreak=function(t){this._brkCtx&&(this._brkCtx.setBreaks(t),this._calculator.updateMethods(this._brkCtx),this._brkCtx.update(this._extent))},t.prototype._innerGetBreaks=function(){return this._brkCtx?this._brkCtx.breaks:[]},t.prototype.hasBreaks=function(){return!!this._brkCtx&&this._brkCtx.hasBreaks()},t.prototype._getExtentSpanWithBreaks=function(){return this._brkCtx&&this._brkCtx.hasBreaks()?this._brkCtx.getExtentSpan():this._extent[1]-this._extent[0]},t.prototype.isInExtentRange=function(t){return this._extent[0]<=t&&this._extent[1]>=t},t.prototype.isBlank=function(){return this._isBlank},t.prototype.setBlank=function(t){this._isBlank=t},t}();Ca(rb);var ob=0,ab=function(){function t(t){this.categories=t.categories||[],this._needCollect=t.needCollect,this._deduplication=t.deduplication,this.uid=++ob,this._onCollect=t.onCollect}return t.createByAxisModel=function(e){var n=e.option,i=n.data,r=i&&E(i,sb);return new t({categories:r,needCollect:!r,deduplication:!1!==n.dedplication})},t.prototype.getOrdinal=function(t){return this._getOrCreateMap().get(t)},t.prototype.parseAndCollect=function(t){var e,n=this._needCollect;if(!X(t)&&!n)return t;if(n&&!this._deduplication)return e=this.categories.length,this.categories[e]=t,this._onCollect&&this._onCollect(t,e),e;var i=this._getOrCreateMap();return null==(e=i.get(t))&&(n?(e=this.categories.length,this.categories[e]=t,i.set(t,e),this._onCollect&&this._onCollect(t,e)):e=NaN),e},t.prototype._getOrCreateMap=function(){return this._map||(this._map=yt(this.categories))},t}();function sb(t){return q(t)&&null!=t.value?t.value:t+""}var lb=function(t){function e(e){var n=t.call(this,e)||this;n.type="ordinal";var i=n.getSetting("ordinalMeta");return i||(i=new ab({})),U(i)&&(i=new ab({categories:E(i,(function(t){return q(t)?t.value:t}))})),n._ordinalMeta=i,n._extent=n.getSetting("extent")||[0,i.categories.length-1],n}return n(e,t),e.prototype.parse=function(t){return null==t?NaN:X(t)?this._ordinalMeta.getOrdinal(t):Math.round(t)},e.prototype.contain=function(t){return Q_(t,this._extent)&&t>=0&&t<this._ordinalMeta.categories.length},e.prototype.normalize=function(t){return t=this._getTickNumber(t),this._calculator.normalize(t,this._extent)},e.prototype.scale=function(t){return t=Math.round(this._calculator.scale(t,this._extent)),this.getRawOrdinalNumber(t)},e.prototype.getTicks=function(){for(var t=[],e=this._extent,n=e[0];n<=e[1];)t.push({value:n}),n++;return t},e.prototype.getMinorTicks=function(t){},e.prototype.setSortInfo=function(t){if(null!=t){for(var e=t.ordinalNumbers,n=this._ordinalNumbersByTick=[],i=this._ticksByOrdinalNumber=[],r=0,o=this._ordinalMeta.categories.length,a=Math.min(o,e.length);r<a;++r){var s=e[r];n[r]=s,i[s]=r}for(var l=0;r<o;++r){for(;null!=i[l];)l++;n.push(l),i[l]=r}}else this._ordinalNumbersByTick=this._ticksByOrdinalNumber=null},e.prototype._getTickNumber=function(t){var e=this._ticksByOrdinalNumber;return e&&t>=0&&t<e.length?e[t]:t},e.prototype.getRawOrdinalNumber=function(t){var e=this._ordinalNumbersByTick;return e&&t>=0&&t<e.length?e[t]:t},e.prototype.getLabel=function(t){if(!this.isBlank()){var e=this.getRawOrdinalNumber(t.value),n=this._ordinalMeta.categories[e];return null==n?"":n+""}},e.prototype.count=function(){return this._extent[1]-this._extent[0]+1},e.prototype.isInExtentRange=function(t){return t=this._getTickNumber(t),this._extent[0]<=t&&this._extent[1]>=t},e.prototype.getOrdinalMeta=function(){return this._ordinalMeta},e.prototype.calcNiceTicks=function(){},e.prototype.calcNiceExtent=function(){},e.type="ordinal",e}(rb);rb.registerClass(lb);var ub=mo,cb=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="interval",e._interval=0,e._intervalPrecision=2,e}return n(e,t),e.prototype.parse=function(t){return null==t||""===t?NaN:Number(t)},e.prototype.contain=function(t){return Q_(t,this._extent)},e.prototype.normalize=function(t){return this._calculator.normalize(t,this._extent)},e.prototype.scale=function(t){return this._calculator.scale(t,this._extent)},e.prototype.getInterval=function(){return this._interval},e.prototype.setInterval=function(t){this._interval=t,this._niceExtent=this._extent.slice(),this._intervalPrecision=$_(t)},e.prototype.getTicks=function(t){t=t||{};var e=this._interval,n=this._extent,i=this._niceExtent,r=this._intervalPrecision,o=Nd(),a=[];if(!e)return a;if("only_break"===t.breakTicks&&o)return o.addBreaksToTicks(a,this._brkCtx.breaks,this._extent),a;n[0]<i[0]&&(t.expandToNicedExtent?a.push({value:ub(i[0]-e,r)}):a.push({value:n[0]}));for(var s=function(t,n){return Math.round((n-t)/e)},l=i[0];l<=i[1];){if(a.push({value:l}),l=ub(l+e,r),this._brkCtx){var u=this._brkCtx.calcNiceTickMultiple(l,s);u>=0&&(l=ub(l+u*e,r))}if(a.length>0&&l===a[a.length-1].value)break;if(a.length>1e4)return[]}var c=a.length?a[a.length-1].value:i[1];return n[1]>c&&(t.expandToNicedExtent?a.push({value:ub(c+e,r)}):a.push({value:n[1]})),o&&o.pruneTicksByBreak(t.pruneByBreak,a,this._brkCtx.breaks,(function(t){return t.value}),this._interval,this._extent),"none"!==t.breakTicks&&o&&o.addBreaksToTicks(a,this._brkCtx.breaks,this._extent),a},e.prototype.getMinorTicks=function(t){for(var e=this.getTicks({expandToNicedExtent:!0}),n=[],i=this.getExtent(),r=1;r<e.length;r++){var o=e[r],a=e[r-1];if(!a.break&&!o.break){for(var s=0,l=[],u=(o.value-a.value)/t,c=$_(u);s<t-1;){var h=ub(a.value+(s+1)*u,c);h>i[0]&&h<i[1]&&l.push(h),s++}var d=Nd();d&&d.pruneTicksByBreak("auto",l,this._getNonTransBreaks(),(function(t){return t}),this._interval,i),n.push(l)}}return n},e.prototype._getNonTransBreaks=function(){return this._brkCtx?this._brkCtx.breaks:[]},e.prototype.getLabel=function(t,e){if(null==t)return"";var n=e&&e.precision;return null==n?n=_o(t.value)||0:"auto"===n&&(n=this._intervalPrecision),fp(ub(t.value,n,!0))},e.prototype.calcNiceTicks=function(t,e,n){t=t||5;var i=this._extent.slice(),r=this._getExtentSpanWithBreaks();if(isFinite(r)){r<0&&(r=-r,i.reverse(),this._innerSetExtent(i[0],i[1]),i=this._extent.slice());var o=q_(i,r,t,e,n);this._intervalPrecision=o.intervalPrecision,this._interval=o.interval,this._niceExtent=o.niceTickExtent}},e.prototype.calcNiceExtent=function(t){var e=this._extent.slice();if(e[0]===e[1])if(0!==e[0]){var n=Math.abs(e[0]);t.fixMax||(e[1]+=n/2),e[0]-=n/2}else e[1]=1;var i=e[1]-e[0];isFinite(i)||(e[0]=0,e[1]=1),this._innerSetExtent(e[0],e[1]),e=this._extent.slice(),this.calcNiceTicks(t.splitNumber,t.minInterval,t.maxInterval);var r=this._interval,o=this._intervalPrecision;t.fixMin||(e[0]=ub(Math.floor(e[0]/r)*r,o)),t.fixMax||(e[1]=ub(Math.ceil(e[1]/r)*r,o)),this._innerSetExtent(e[0],e[1])},e.prototype.setNiceExtent=function(t,e){this._niceExtent=[t,e]},e.type="interval",e}(rb);rb.registerClass(cb);var hb="undefined"!=typeof Float32Array,db=hb?Float32Array:Array;function pb(t){return U(t)?hb?new Float32Array(t):t:new db(t)}var fb="__ec_stack_";function gb(t){return t.get("stack")||fb+t.seriesIndex}function yb(t){return t.dim+t.index}function vb(t,e){var n=[];return e.eachSeriesByType(t,(function(t){wb(t)&&n.push(t)})),n}function mb(t){var e=function(t){var e={};z(t,(function(t){var n=t.coordinateSystem.getBaseAxis();if("time"===n.type||"value"===n.type)for(var i=t.getData(),r=n.dim+"_"+n.index,o=i.getDimensionIndex(i.mapDimension(n.dim)),a=i.getStore(),s=0,l=a.count();s<l;++s){var u=a.get(o,s);e[r]?e[r].push(u):e[r]=[u]}}));var n={};for(var i in e)if(e.hasOwnProperty(i)){var r=e[i];if(r){r.sort((function(t,e){return t-e}));for(var o=null,a=1;a<r.length;++a){var s=r[a]-r[a-1];s>0&&(o=null===o?s:Math.min(o,s))}n[i]=o}}return n}(t),n=[];return z(t,(function(t){var i,r=t.coordinateSystem.getBaseAxis(),o=r.getExtent();if("category"===r.type)i=r.getBandWidth();else if("value"===r.type||"time"===r.type){var a=r.dim+"_"+r.index,s=e[a],l=Math.abs(o[1]-o[0]),u=r.scale.getExtent(),c=Math.abs(u[1]-u[0]);i=s?l/c*s:l}else{var h=t.getData();i=Math.abs(o[1]-o[0])/h.count()}var d=yo(t.get("barWidth"),i),p=yo(t.get("barMaxWidth"),i),f=yo(t.get("barMinWidth")||(Sb(t)?.5:1),i),g=t.get("barGap"),y=t.get("barCategoryGap"),v=t.get("defaultBarGap");n.push({bandWidth:i,barWidth:d,barMaxWidth:p,barMinWidth:f,barGap:g,barCategoryGap:y,defaultBarGap:v,axisKey:yb(r),stackId:gb(t)})})),xb(n)}function xb(t){var e={};z(t,(function(t,n){var i=t.axisKey,r=t.bandWidth,o=e[i]||{bandWidth:r,remainedWidth:r,autoWidthCount:0,categoryGap:null,gap:t.defaultBarGap||0,stacks:{}},a=o.stacks;e[i]=o;var s=t.stackId;a[s]||o.autoWidthCount++,a[s]=a[s]||{width:0,maxWidth:0};var l=t.barWidth;l&&!a[s].width&&(a[s].width=l,l=Math.min(o.remainedWidth,l),o.remainedWidth-=l);var u=t.barMaxWidth;u&&(a[s].maxWidth=u);var c=t.barMinWidth;c&&(a[s].minWidth=c);var h=t.barGap;null!=h&&(o.gap=h);var d=t.barCategoryGap;null!=d&&(o.categoryGap=d)}));var n={};return z(e,(function(t,e){n[e]={};var i=t.stacks,r=t.bandWidth,o=t.categoryGap;if(null==o){var a=F(i).length;o=Math.max(35-4*a,15)+"%"}var s=yo(o,r),l=yo(t.gap,1),u=t.remainedWidth,c=t.autoWidthCount,h=(u-s)/(c+(c-1)*l);h=Math.max(h,0),z(i,(function(t){var e=t.maxWidth,n=t.minWidth;if(t.width){i=t.width;e&&(i=Math.min(i,e)),n&&(i=Math.max(i,n)),t.width=i,u-=i+l*i,c--}else{var i=h;e&&e<i&&(i=Math.min(e,u)),n&&n>i&&(i=n),i!==h&&(t.width=i,u-=i+l*i,c--)}})),h=(u-s)/(c+(c-1)*l),h=Math.max(h,0);var d,p=0;z(i,(function(t,e){t.width||(t.width=h),d=t,p+=t.width*(1+l)})),d&&(p-=d.width*l);var f=-p/2;z(i,(function(t,i){n[e][i]=n[e][i]||{bandWidth:r,offset:f,width:t.width},f+=t.width*(1+l)}))})),n}function _b(t,e){var n=vb(t,e),i=mb(n);z(n,(function(t){var e=t.getData(),n=t.coordinateSystem.getBaseAxis(),r=gb(t),o=i[yb(n)][r],a=o.offset,s=o.width;e.setLayout({bandWidth:o.bandWidth,offset:a,size:s})}))}function bb(t){return{seriesType:t,plan:$y(),reset:function(t){if(wb(t)){var e=t.getData(),n=t.coordinateSystem,i=n.getBaseAxis(),r=n.getOtherAxis(i),o=e.getDimensionIndex(e.mapDimension(r.dim)),a=e.getDimensionIndex(e.mapDimension(i.dim)),s=t.get("showBackground",!0),l=e.mapDimension(r.dim),u=e.getCalculationInfo("stackResultDimension"),c=Y_(e,l)&&!!e.getCalculationInfo("stackedOnSeries"),h=r.isHorizontal(),d=function(t,e){var n=e.model.get("startValue");n||(n=0);return e.toGlobalCoord(e.dataToCoord("log"===e.type?n>0?n:1:n))}(0,r),p=Sb(t),f=t.get("barMinHeight")||0,g=u&&e.getDimensionIndex(u),y=e.getLayout("size"),v=e.getLayout("offset");return{progress:function(t,e){for(var i,r=t.count,l=p&&pb(3*r),u=p&&s&&pb(3*r),m=p&&pb(r),x=n.master.getRect(),_=h?x.width:x.height,b=e.getStore(),w=0;null!=(i=t.next());){var S=b.get(c?g:o,i),M=b.get(a,i),I=d,T=void 0;c&&(T=+S-b.get(o,i));var C=void 0,D=void 0,A=void 0,k=void 0;if(h){var L=n.dataToPoint([S,M]);if(c)I=n.dataToPoint([T,M])[0];C=I,D=L[1]+v,A=L[0]-I,k=y,Math.abs(A)<f&&(A=(A<0?-1:1)*f)}else{L=n.dataToPoint([M,S]);if(c)I=n.dataToPoint([M,T])[1];C=L[0]+v,D=I,A=y,k=L[1]-I,Math.abs(k)<f&&(k=(k<=0?-1:1)*f)}p?(l[w]=C,l[w+1]=D,l[w+2]=h?A:k,u&&(u[w]=h?x.x:C,u[w+1]=h?D:x.y,u[w+2]=_),m[i]=i):e.setItemLayout(i,{x:C,y:D,width:A,height:k}),w+=3}p&&e.setLayout({largePoints:l,largeDataIndices:m,largeBackgroundPoints:u,valueAxisHorizontal:h})}}}}}}function wb(t){return t.coordinateSystem&&"cartesian2d"===t.coordinateSystem.type}function Sb(t){return t.pipelineContext&&t.pipelineContext.large}var Mb=function(t){function e(e){var n=t.call(this,e)||this;return n.type="time",n}return n(e,t),e.prototype.getLabel=function(t){var e=this.getSetting("useUTC");return $d(t.value,Ud[function(t){switch(t){case"year":case"month":return"day";case"millisecond":return"millisecond";default:return"second"}}(qd(this._minLevelUnit))]||Ud.second,e,this.getSetting("locale"))},e.prototype.getFormattedLabel=function(t,e,n){var i=this.getSetting("useUTC");return function(t,e,n,i,r){var o=null;if(X(n))o=n;else if(Y(n)){var a={time:t.time,level:t.time.level},s=Nd();s&&s.makeAxisLabelFormatterParamBreak(a,t.break),o=n(t.value,e,a)}else{var l=t.time;if(l){var u=n[l.lowerTimeUnit][l.upperTimeUnit];o=u[Math.min(l.level,u.length-1)]||""}else{var c=Jd(t.value,r);o=n[c][c][0]}}return $d(new Date(t.value),o,r,i)}(t,e,n,this.getSetting("locale"),i)},e.prototype.getTicks=function(t){t=t||{};var e=this._interval,n=this._extent,i=Nd(),r=[];if(!e)return r;var o=this.getSetting("useUTC");if(i&&"only_break"===t.breakTicks)return Nd().addBreaksToTicks(r,this._brkCtx.breaks,this._extent),r;var a=Jd(n[1],o);r.push({value:n[0],time:{level:0,upperTimeUnit:a,lowerTimeUnit:a}});var s=function(t,e,n,i,r,o){var a=1e4,s=Xd,l=0;function u(t,e,n,r,s,u,c){for(var h=function(t,e){var n=new Date(0);n[t](1);var i=n.getTime();n[t](1+e);var r=n.getTime()-i;return function(t,e){return Math.max(0,Math.round((e-t)/r))}}(s,t),d=e,p=new Date(d);d<n&&d<=i[1];){if(c.push({value:d}),l++>a){0;break}if(p[s](p[r]()+t),d=p.getTime(),o){var f=o.calcNiceTickMultiple(d,h);f>0&&(p[s](p[r]()+f*t),d=p.getTime())}}c.push({value:d,notAdd:!0})}function c(t,r,o){var a=[],s=!r.length;if(!Tb(qd(t),i[0],i[1],n)){s&&(r=[{value:Pb(i[0],t,n)},{value:i[1]}]);for(var l=0;l<r.length-1;l++){var c=r[l].value,h=r[l+1].value;if(c!==h){var d=void 0,p=void 0,f=void 0,g=!1;switch(t){case"year":d=Math.max(1,Math.round(e/Vd/365)),p=tp(n),f=sp(n);break;case"half-year":case"quarter":case"month":d=Db(e),p=ep(n),f=lp(n);break;case"week":case"half-week":case"day":d=Cb(e),p=np(n),f=up(n),g=!0;break;case"half-day":case"quarter-day":case"hour":d=Ab(e),p=ip(n),f=cp(n);break;case"minute":d=kb(e,!0),p=rp(n),f=hp(n);break;case"second":d=kb(e,!1),p=op(n),f=dp(n);break;case"millisecond":d=Lb(e),p=ap(n),f=pp(n)}h>=i[0]&&c<=i[1]&&u(d,c,h,p,f,g,a),"year"===t&&o.length>1&&0===l&&o.unshift({value:o[0].value-d})}}for(l=0;l<a.length;l++)o.push(a[l])}}for(var h=[],d=[],p=0,f=0,g=0;g<s.length;++g){var y=qd(s[g]);if(Kd(s[g]))if(c(s[g],h[h.length-1]||[],d),y!==(s[g+1]?qd(s[g+1]):null)){if(d.length){f=p,d.sort((function(t,e){return t.value-e.value}));for(var v=[],m=0;m<d.length;++m){var x=d[m].value;0!==m&&d[m-1].value===x||(v.push(d[m]),x>=i[0]&&x<=i[1]&&p++)}var _=r/e;if(p>1.5*_&&f>_/1.5)break;if(h.push(v),p>_||t===s[g])break}d=[]}}var b=V(E(h,(function(t){return V(t,(function(t){return t.value>=i[0]&&t.value<=i[1]&&!t.notAdd}))})),(function(t){return t.length>0})),w=[],S=b.length-1;for(g=0;g<b.length;++g)for(var M=b[g],I=0;I<M.length;++I){var T=Jd(M[I].value,n);w.push({value:M[I].value,time:{level:S-g,upperTimeUnit:T,lowerTimeUnit:T}})}w.sort((function(t,e){return t.value-e.value}));var C=[];for(g=0;g<w.length;++g)0!==g&&w[g].value===w[g-1].value||C.push(w[g]);return C}(this._minLevelUnit,this._approxInterval,o,n,this._getExtentSpanWithBreaks(),this._brkCtx);r=r.concat(s);var l=Jd(n[1],o);r.push({value:n[1],time:{level:0,upperTimeUnit:l,lowerTimeUnit:l}});var u=this.getSetting("useUTC"),c=Yd.length-1,h=0;return z(r,(function(t){c=Math.min(c,P(Yd,t.time.upperTimeUnit)),h=Math.max(h,t.time.level)})),i&&Nd().pruneTicksByBreak(t.pruneByBreak,r,this._brkCtx.breaks,(function(t){return t.value}),this._approxInterval,this._extent),i&&"none"!==t.breakTicks&&Nd().addBreaksToTicks(r,this._brkCtx.breaks,this._extent,(function(t){for(var e=Math.max(P(Yd,Jd(t.vmin,u)),P(Yd,Jd(t.vmax,u))),n=0,i=0;i<Yd.length;i++)if(!Tb(Yd[i],t.vmin,t.vmax,u)){n=i;break}var r=Math.min(n,c),o=Math.max(r,e);return{level:h,lowerTimeUnit:Yd[o],upperTimeUnit:Yd[r]}})),r},e.prototype.calcNiceExtent=function(t){var e=this.getExtent();if(e[0]===e[1]&&(e[0]-=Vd,e[1]+=Vd),e[1]===-1/0&&e[0]===1/0){var n=new Date;e[1]=+new Date(n.getFullYear(),n.getMonth(),n.getDate()),e[0]=e[1]-Vd}this._innerSetExtent(e[0],e[1]),this.calcNiceTicks(t.splitNumber,t.minInterval,t.maxInterval)},e.prototype.calcNiceTicks=function(t,e,n){t=t||10;var i=this._getExtentSpanWithBreaks();this._approxInterval=i/t,null!=e&&this._approxInterval<e&&(this._approxInterval=e),null!=n&&this._approxInterval>n&&(this._approxInterval=n);var r=Ib.length,o=Math.min(function(t,e,n,i){for(;n<i;){var r=n+i>>>1;t[r][1]<e?n=r+1:i=r}return n}(Ib,this._approxInterval,0,r),r-1);this._interval=Ib[o][1],this._intervalPrecision=$_(this._interval),this._minLevelUnit=Ib[Math.max(o-1,0)][0]},e.prototype.parse=function(t){return j(t)?t:+Ao(t)},e.prototype.contain=function(t){return Q_(t,this._extent)},e.prototype.normalize=function(t){return this._calculator.normalize(t,this._extent)},e.prototype.scale=function(t){return this._calculator.scale(t,this._extent)},e.type="time",e}(cb),Ib=[["second",zd],["minute",Ed],["hour",Bd],["quarter-day",216e5],["half-day",432e5],["day",10368e4],["half-week",3024e5],["week",6048e5],["month",26784e5],["quarter",8208e6],["half-year",Gd/2],["year",Gd]];function Tb(t,e,n,i){return Qd(new Date(e),t,i).getTime()===Qd(new Date(n),t,i).getTime()}function Cb(t,e){return(t/=Vd)>16?16:t>7.5?7:t>3.5?4:t>1.5?2:1}function Db(t){return(t/=2592e6)>6?6:t>3?3:t>2?2:1}function Ab(t){return(t/=Bd)>12?12:t>6?6:t>3.5?4:t>2?2:1}function kb(t,e){return(t/=e?Ed:zd)>30?30:t>20?20:t>15?15:t>10?10:t>5?5:t>2?2:1}function Lb(t){return Po(t,!0)}function Pb(t,e,n){var i=Math.max(0,P(Yd,e)-1);return Qd(new Date(t),Yd[i],n).getTime()}rb.registerClass(Mb);var Ob=mo,Rb=Math.floor,Nb=Math.ceil,zb=Math.pow,Eb=Math.log,Bb=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="log",e.base=10,e._originalScale=new cb,e}return n(e,t),e.prototype.getTicks=function(e){e=e||{};var n=this._extent.slice(),i=this._originalScale.getExtent(),r=t.prototype.getTicks.call(this,e),o=this.base,a=this._originalScale._innerGetBreaks(),s=Nd();return E(r,(function(t){var e,r=t.value,l=null,u=zb(o,r);if(r===n[0]&&this._fixMin?l=i[0]:r===n[1]&&this._fixMax&&(l=i[1]),s){var c=s.getTicksLogTransformBreak(t,o,a,Vb);e=c.vBreak,null==l&&(l=c.brkRoundingCriterion)}return null!=l&&(u=Vb(u,l)),{value:u,break:e}}),this)},e.prototype._getNonTransBreaks=function(){return this._originalScale._innerGetBreaks()},e.prototype.setExtent=function(e,n){this._originalScale.setExtent(e,n);var i=ib(this.base,[e,n]);t.prototype.setExtent.call(this,i[0],i[1])},e.prototype.getExtent=function(){var e=this.base,n=t.prototype.getExtent.call(this);n[0]=zb(e,n[0]),n[1]=zb(e,n[1]);var i=this._originalScale.getExtent();return this._fixMin&&(n[0]=Vb(n[0],i[0])),this._fixMax&&(n[1]=Vb(n[1],i[1])),n},e.prototype.unionExtentFromData=function(t,e){this._originalScale.unionExtentFromData(t,e);var n=ib(this.base,t.getApproximateExtent(e),!0);this._innerUnionExtent(n)},e.prototype.calcNiceTicks=function(t){t=t||10;var e=this._extent.slice(),n=this._getExtentSpanWithBreaks();if(isFinite(n)&&!(n<=0)){var i=ko(n);for(t/n*i<=.5&&(i*=10);!isNaN(i)&&Math.abs(i)<1&&Math.abs(i)>0;)i*=10;var r=[Ob(Nb(e[0]/i)*i),Ob(Rb(e[1]/i)*i)];this._interval=i,this._intervalPrecision=$_(i),this._niceExtent=r}},e.prototype.calcNiceExtent=function(e){t.prototype.calcNiceExtent.call(this,e),this._fixMin=e.fixMin,this._fixMax=e.fixMax},e.prototype.contain=function(e){return e=Eb(e)/Eb(this.base),t.prototype.contain.call(this,e)},e.prototype.normalize=function(e){return e=Eb(e)/Eb(this.base),t.prototype.normalize.call(this,e)},e.prototype.scale=function(e){return e=t.prototype.scale.call(this,e),zb(this.base,e)},e.prototype.setBreaksFromOption=function(t){var e=Nd();if(e){var n=e.logarithmicParseBreaksFromOption(t,this.base,W(this.parse,this)),i=n.parsedOriginal,r=n.parsedLogged;this._originalScale._innerSetBreak(i),this._innerSetBreak(r)}},e.type="log",e}(cb);function Vb(t,e){return Ob(t,_o(e))}rb.registerClass(Bb);var Gb=function(){function t(t,e,n){this._prepareParams(t,e,n)}return t.prototype._prepareParams=function(t,e,n){n[1]<n[0]&&(n=[NaN,NaN]),this._dataMin=n[0],this._dataMax=n[1];var i=this._isOrdinal="ordinal"===t.type;this._needCrossZero="interval"===t.type&&e.getNeedCrossZero&&e.getNeedCrossZero();var r=e.get("min",!0);null==r&&(r=e.get("startValue",!0));var o=this._modelMinRaw=r;Y(o)?this._modelMinNum=Ub(t,o({min:n[0],max:n[1]})):"dataMin"!==o&&(this._modelMinNum=Ub(t,o));var a=this._modelMaxRaw=e.get("max",!0);if(Y(a)?this._modelMaxNum=Ub(t,a({min:n[0],max:n[1]})):"dataMax"!==a&&(this._modelMaxNum=Ub(t,a)),i)this._axisDataLen=e.getCategories().length;else{var s=e.get("boundaryGap"),l=U(s)?s:[s||0,s||0];"boolean"==typeof l[0]||"boolean"==typeof l[1]?this._boundaryGapInner=[0,0]:this._boundaryGapInner=[Fr(l[0],1),Fr(l[1],1)]}},t.prototype.calculate=function(){var t=this._isOrdinal,e=this._dataMin,n=this._dataMax,i=this._axisDataLen,r=this._boundaryGapInner,o=t?null:n-e||Math.abs(e),a="dataMin"===this._modelMinRaw?e:this._modelMinNum,s="dataMax"===this._modelMaxRaw?n:this._modelMaxNum,l=null!=a,u=null!=s;null==a&&(a=t?i?0:NaN:e-r[0]*o),null==s&&(s=t?i?i-1:NaN:n+r[1]*o),(null==a||!isFinite(a))&&(a=NaN),(null==s||!isFinite(s))&&(s=NaN);var c=nt(a)||nt(s)||t&&!i;this._needCrossZero&&(a>0&&s>0&&!l&&(a=0),a<0&&s<0&&!u&&(s=0));var h=this._determinedMin,d=this._determinedMax;return null!=h&&(a=h,l=!0),null!=d&&(s=d,u=!0),{min:a,max:s,minFixed:l,maxFixed:u,isBlank:c}},t.prototype.modifyDataMinMax=function(t,e){this[Wb[t]]=e},t.prototype.setDeterminedMinMax=function(t,e){var n=Fb[t];this[n]=e},t.prototype.freeze=function(){this.frozen=!0},t}(),Fb={min:"_determinedMin",max:"_determinedMax"},Wb={min:"_dataMin",max:"_dataMax"};function Hb(t,e,n){var i=t.rawExtentInfo;return i||(i=new Gb(t,e,n),t.rawExtentInfo=i,i)}function Ub(t,e){return null==e?null:nt(e)?NaN:t.parse(e)}function Yb(t,e){var n=t.type,i=Hb(t,e,t.getExtent()).calculate();t.setBlank(i.isBlank);var r=i.min,o=i.max,a=e.ecModel;if(a&&"time"===n){var s=vb("bar",a),l=!1;if(z(s,(function(t){l=l||t.getBaseAxis()===e.axis})),l){var u=mb(s),c=function(t,e,n,i){var r=n.axis.getExtent(),o=Math.abs(r[1]-r[0]),a=function(t,e,n){if(t&&e){var i=t[yb(e)];return null!=i&&null!=n?i[gb(n)]:i}}(i,n.axis);if(void 0===a)return{min:t,max:e};var s=1/0;z(a,(function(t){s=Math.min(t.offset,s)}));var l=-1/0;z(a,(function(t){l=Math.max(t.offset+t.width,l)})),s=Math.abs(s),l=Math.abs(l);var u=s+l,c=e-t,h=c/(1-(s+l)/o)-c;return e+=h*(l/u),t-=h*(s/u),{min:t,max:e}}(r,o,e,u);r=c.min,o=c.max}}return{extent:[r,o],fixMin:i.minFixed,fixMax:i.maxFixed}}function Xb(t,e){var n=e,i=Yb(t,n),r=i.extent,o=n.get("splitNumber");t instanceof Bb&&(t.base=n.get("logBase"));var a=t.type,s=n.get("interval"),l="interval"===a||"time"===a;t.setBreaksFromOption(ew(n)),t.setExtent(r[0],r[1]),t.calcNiceExtent({splitNumber:o,fixMin:i.fixMin,fixMax:i.fixMax,minInterval:l?n.get("minInterval"):null,maxInterval:l?n.get("maxInterval"):null}),null!=s&&t.setInterval&&t.setInterval(s)}function Zb(t,e){if(e=e||t.get("type"))switch(e){case"category":return new lb({ordinalMeta:t.getOrdinalMeta?t.getOrdinalMeta():t.getCategories(),extent:[1/0,-1/0]});case"time":return new Mb({locale:t.ecModel.getLocaleModel(),useUTC:t.ecModel.get("useUTC")});default:return new(rb.getClass(e)||cb)}}function jb(t){var e=t.getLabelModel().get("formatter");if("time"===t.type){var n=Zd(e);return function(e,i){return t.scale.getFormattedLabel(e,i,n)}}if(X(e))return function(n){var i=t.scale.getLabel(n);return e.replace("{value}",null!=i?i:"")};if(Y(e)){if("category"===t.type)return function(n,i){return e(qb(t,n),n.value-t.scale.getExtent()[0],null)};var i=Nd();return function(n,r){var o=null;return i&&(o=i.makeAxisLabelFormatterParamBreak(o,n.break)),e(qb(t,n),r,o)}}return function(e){return t.scale.getLabel(e)}}function qb(t,e){return"category"===t.type?t.scale.getLabel(e):e.value}function Kb(t){var e=t.get("interval");return null==e?"auto":e}function $b(t){return"category"===t.type&&0===Kb(t.getLabelModel())}function Jb(t,e){var n={};return z(t.mapDimensionsAll(e),(function(e){n[X_(t,e)]=!0})),F(n)}function Qb(t){return"middle"===t||"center"===t}function tw(t){return t.getShallow("show")}function ew(t){var e,n=t.get("breaks",!0);if(null!=n)return Nd()?"x"!==(e=t.axis).dim&&"y"!==e.dim&&"z"!==e.dim&&"single"!==e.dim||"category"===e.type?void 0:n:void 0}var nw=function(){function t(){}return t.prototype.getNeedCrossZero=function(){return!this.option.scale},t.prototype.getCoordSysModel=function(){},t}();var iw={isDimensionStacked:Y_,enableDataStack:U_,getStackedDimension:X_};var rw=Object.freeze({__proto__:null,createList:function(t){return Z_(null,t)},getLayoutRect:Hp,dataStack:iw,createScale:function(t,e){var n=e;e instanceof wd||(n=new wd(e));var i=Zb(n);return i.setExtent(t[0],t[1]),Xb(i,n),i},mixinAxisModelCommonMethods:function(t){R(t,nw)},getECData:zl,createTextStyle:function(t,e){return Qh(t,null,null,"normal"!==(e=e||{}).state)},createDimensions:function(t,e){return V_(t,e).dimensions},createSymbol:hm,enableHoverEmphasis:Iu});function ow(t,e){return Math.abs(t-e)<1e-8}function aw(t,e,n){var i=0,r=t[0];if(!r)return!1;for(var o=1;o<t.length;o++){var a=t[o];i+=qs(r[0],r[1],a[0],a[1],e,n),r=a}var s=t[0];return ow(r[0],s[0])&&ow(r[1],s[1])||(i+=qs(r[0],r[1],s[0],s[1],e,n)),0!==i}var sw=[];function lw(t,e){for(var n=0;n<t.length;n++)Ht(t[n],t[n],e)}function uw(t,e,n,i){for(var r=0;r<t.length;r++){var o=t[r];i&&(o=i.project(o)),o&&isFinite(o[0])&&isFinite(o[1])&&(Ut(e,e,o),Yt(n,n,o))}}var cw=function(){function t(t){this.name=t}return t.prototype.setCenter=function(t){this._center=t},t.prototype.getCenter=function(){var t=this._center;return t||(t=this._center=this.calcCenter()),t},t}(),hw=function(t,e){this.type="polygon",this.exterior=t,this.interiors=e},dw=function(t){this.type="linestring",this.points=t},pw=function(t){function e(e,n,i){var r=t.call(this,e)||this;return r.type="geoJSON",r.geometries=n,r._center=i&&[i[0],i[1]],r}return n(e,t),e.prototype.calcCenter=function(){for(var t,e=this.geometries,n=0,i=0;i<e.length;i++){var r=e[i],o=r.exterior,a=o&&o.length;a>n&&(t=r,n=a)}if(t)return function(t){for(var e=0,n=0,i=0,r=t.length,o=t[r-1][0],a=t[r-1][1],s=0;s<r;s++){var l=t[s][0],u=t[s][1],c=o*u-l*a;e+=c,n+=(o+l)*c,i+=(a+u)*c,o=l,a=u}return e?[n/e/3,i/e/3,e]:[t[0][0]||0,t[0][1]||0]}(t.exterior);var s=this.getBoundingRect();return[s.x+s.width/2,s.y+s.height/2]},e.prototype.getBoundingRect=function(t){var e=this._rect;if(e&&!t)return e;var n=[1/0,1/0],i=[-1/0,-1/0];return z(this.geometries,(function(e){"polygon"===e.type?uw(e.exterior,n,i,t):z(e.points,(function(e){uw(e,n,i,t)}))})),isFinite(n[0])&&isFinite(n[1])&&isFinite(i[0])&&isFinite(i[1])||(n[0]=n[1]=i[0]=i[1]=0),e=new He(n[0],n[1],i[0]-n[0],i[1]-n[1]),t||(this._rect=e),e},e.prototype.contain=function(t){var e=this.getBoundingRect(),n=this.geometries;if(!e.contain(t[0],t[1]))return!1;t:for(var i=0,r=n.length;i<r;i++){var o=n[i];if("polygon"===o.type){var a=o.exterior,s=o.interiors;if(aw(a,t[0],t[1])){for(var l=0;l<(s?s.length:0);l++)if(aw(s[l],t[0],t[1]))continue t;return!0}}}return!1},e.prototype.transformTo=function(t,e,n,i){var r=this.getBoundingRect(),o=r.width/r.height;n?i||(i=n/o):n=o*i;for(var a=new He(t,e,n,i),s=r.calculateTransform(a),l=this.geometries,u=0;u<l.length;u++){var c=l[u];"polygon"===c.type?(lw(c.exterior,s),z(c.interiors,(function(t){lw(t,s)}))):z(c.points,(function(t){lw(t,s)}))}(r=this._rect).copy(a),this._center=[r.x+r.width/2,r.y+r.height/2]},e.prototype.cloneShallow=function(t){null==t&&(t=this.name);var n=new e(t,this.geometries,this._center);return n._rect=this._rect,n.transformTo=null,n},e}(cw),fw=function(t){function e(e,n){var i=t.call(this,e)||this;return i.type="geoSVG",i._elOnlyForCalculate=n,i}return n(e,t),e.prototype.calcCenter=function(){for(var t=this._elOnlyForCalculate,e=t.getBoundingRect(),n=[e.x+e.width/2,e.y+e.height/2],i=_e(sw),r=t;r&&!r.isGeoSVGGraphicRoot;)we(i,r.getLocalTransform(),i),r=r.parent;return Te(i,i),Ht(n,n,i),n},e}(cw);function gw(t,e,n){for(var i=0;i<t.length;i++)t[i]=yw(t[i],e[i],n)}function yw(t,e,n){for(var i=[],r=e[0],o=e[1],a=0;a<t.length;a+=2){var s=t.charCodeAt(a)-64,l=t.charCodeAt(a+1)-64;s=s>>1^-(1&s),l=l>>1^-(1&l),r=s+=r,o=l+=o,i.push([s/n,l/n])}return i}function vw(t,e){return E(V((t=function(t){if(!t.UTF8Encoding)return t;var e=t,n=e.UTF8Scale;return null==n&&(n=1024),z(e.features,(function(t){var e=t.geometry,i=e.encodeOffsets,r=e.coordinates;if(i)switch(e.type){case"LineString":e.coordinates=yw(r,i,n);break;case"Polygon":case"MultiLineString":gw(r,i,n);break;case"MultiPolygon":z(r,(function(t,e){return gw(t,i[e],n)}))}})),e.UTF8Encoding=!1,e}(t)).features,(function(t){return t.geometry&&t.properties&&t.geometry.coordinates.length>0})),(function(t){var n=t.properties,i=t.geometry,r=[];switch(i.type){case"Polygon":var o=i.coordinates;r.push(new hw(o[0],o.slice(1)));break;case"MultiPolygon":z(i.coordinates,(function(t){t[0]&&r.push(new hw(t[0],t.slice(1)))}));break;case"LineString":r.push(new dw([i.coordinates]));break;case"MultiLineString":r.push(new dw(i.coordinates))}var a=new pw(n[e||"name"],r,n.cp);return a.properties=n,a}))}var mw=Object.freeze({__proto__:null,linearMap:go,round:mo,asc:xo,getPrecision:_o,getPrecisionSafe:bo,getPixelPrecision:wo,getPercentWithPrecision:function(t,e,n){return t[e]&&So(t,n)[e]||0},parsePercent:yo,MAX_SAFE_INTEGER:Io,remRadian:To,isRadianAroundZero:Co,parseDate:Ao,quantity:ko,quantityExponent:Lo,nice:Po,quantile:Oo,reformIntervals:Ro,isNumeric:zo,numericToNumber:No}),xw=Object.freeze({__proto__:null,parse:Ao,format:$d,roundTime:Qd}),_w=Object.freeze({__proto__:null,extendShape:ch,extendPath:dh,makePath:gh,makeImage:yh,mergePath:mh,resizePath:xh,createIcon:Ah,updateProps:th,initProps:eh,getTransform:wh,clipPointsByRect:Ch,clipRectByRect:Dh,registerShape:ph,getShapeClass:fh,Group:to,Image:dl,Text:Sl,Circle:nc,Ellipse:rc,Sector:xc,Ring:bc,Polygon:Mc,Polyline:Tc,Rect:xl,Line:Ac,BezierCurve:Oc,Arc:Nc,IncrementalDisplayable:Kc,CompoundPath:zc,LinearGradient:Bc,RadialGradient:Vc,BoundingRect:He}),bw=Object.freeze({__proto__:null,addCommas:fp,toCamelCase:gp,normalizeCssArray:yp,encodeHTML:oe,formatTpl:_p,getTooltipMarker:bp,formatTime:function(t,e,n){"week"!==t&&"month"!==t&&"quarter"!==t&&"half-year"!==t&&"year"!==t||(t="MM-dd\nyyyy");var i=Ao(e),r=n?"getUTC":"get",o=i[r+"FullYear"](),a=i[r+"Month"]()+1,s=i[r+"Date"](),l=i[r+"Hours"](),u=i[r+"Minutes"](),c=i[r+"Seconds"](),h=i[r+"Milliseconds"]();return t=t.replace("MM",jd(a,2)).replace("M",a).replace("yyyy",o).replace("yy",jd(o%100+"",2)).replace("dd",jd(s,2)).replace("d",s).replace("hh",jd(l,2)).replace("h",l).replace("mm",jd(u,2)).replace("m",u).replace("ss",jd(c,2)).replace("s",c).replace("SSS",jd(h,3))},capitalFirst:function(t){return t?t.charAt(0).toUpperCase()+t.substr(1):t},truncateText:function(t,e,n,i,r){var o={};return Ea(o,t,e,n,i,r),o.text},getTextRect:function(t,e,n,i,r,o,a,s){return new Sl({style:{text:t,font:e,align:n,verticalAlign:i,padding:r,rich:o,overflow:a?"truncate":null,lineHeight:s}}).getBoundingRect()}}),ww=Object.freeze({__proto__:null,map:E,each:z,indexOf:P,inherits:O,reduce:B,filter:V,bind:W,curry:H,isArray:U,isString:X,isObject:q,isFunction:Y,extend:A,defaults:k,clone:T,merge:C}),Sw=sa(),Mw=sa(),Iw=1,Tw=2;function Cw(t){return{out:{noPxChangeTryDetermine:[]},kind:t}}function Dw(t,e){var n=E(e,(function(e){return t.scale.parse(e)}));return"time"===t.type&&n.length>0&&(n.sort(),n.unshift(n[0]),n.push(n[n.length-1])),n}function Aw(t,e){var n=t.getLabelModel().get("customValues");if(n){var i=jb(t),r=t.scale.getExtent();return{labels:E(V(Dw(t,n),(function(t){return t>=r[0]&&t<=r[1]})),(function(e){var n={value:e};return{formattedLabel:i(n),rawLabel:t.scale.getLabel(n),tickValue:e,time:void 0,break:void 0}}))}}return"category"===t.type?function(t,e){var n=t.getLabelModel(),i=Lw(t,n,e);return!n.get("show")||t.scale.isBlank()?{labels:[]}:i}(t,e):function(t){var e=t.scale.getTicks(),n=jb(t);return{labels:E(e,(function(e,i){return{formattedLabel:n(e,i),rawLabel:t.scale.getLabel(e),tickValue:e.value,time:e.time,break:e.break}}))}}(t)}function kw(t,e,n){var i=t.getTickModel().get("customValues");if(i){var r=t.scale.getExtent();return{ticks:V(Dw(t,i),(function(t){return t>=r[0]&&t<=r[1]}))}}return"category"===t.type?function(t,e){var n,i,r=Pw(t),o=Kb(e),a=Nw(r,o);if(a)return a;e.get("show")&&!t.scale.isBlank()||(n=[]);if(Y(o))n=Gw(t,o,!0);else if("auto"===o){var s=Lw(t,t.getLabelModel(),Cw(Tw));i=s.labelCategoryInterval,n=E(s.labels,(function(t){return t.tickValue}))}else n=Vw(t,i=o,!0);return zw(r,o,{ticks:n,tickCategoryInterval:i})}(t,e):{ticks:E(t.scale.getTicks(n),(function(t){return t.value}))}}function Lw(t,e,n){var i,r,o=Ow(t),a=Kb(e),s=n.kind===Iw;if(!s){var l=Nw(o,a);if(l)return l}Y(a)?i=Gw(t,a):(r="auto"===a?function(t,e){if(e.kind===Iw){var n=t.calculateCategoryInterval(e);return e.out.noPxChangeTryDetermine.push((function(){return Mw(t).autoInterval=n,!0})),n}var i=Mw(t).autoInterval;return null!=i?i:Mw(t).autoInterval=t.calculateCategoryInterval(e)}(t,n):a,i=Vw(t,r));var u={labels:i,labelCategoryInterval:r};return s?n.out.noPxChangeTryDetermine.push((function(){return zw(o,a,u),!0})):zw(o,a,u),u}var Pw=Rw("axisTick"),Ow=Rw("axisLabel");function Rw(t){return function(e){return Mw(e)[t]||(Mw(e)[t]={list:[]})}}function Nw(t,e){for(var n=0;n<t.list.length;n++)if(t.list[n].key===e)return t.list[n].value}function zw(t,e,n){return t.list.push({key:e,value:n}),n}function Ew(t,e,n){return null==Bw(t,e,n)}function Bw(t,e,n){var i=Sw(t.model),r=t.getExtent(),o=i.lastAutoInterval,a=i.lastTickCount;if(null!=o&&null!=a&&Math.abs(o-e)<=1&&Math.abs(a-n)<=1&&o>e&&i.axisExtent0===r[0]&&i.axisExtent1===r[1])return o;i.lastTickCount=n,i.lastAutoInterval=e,i.axisExtent0=r[0],i.axisExtent1=r[1]}function Vw(t,e,n){var i=jb(t),r=t.scale,o=r.getExtent(),a=t.getLabelModel(),s=[],l=Math.max((e||0)+1,1),u=o[0],c=r.count();0!==u&&l>1&&c/l>2&&(u=Math.round(Math.ceil(u/l)*l));var h=$b(t),d=a.get("showMinLabel")||h,p=a.get("showMaxLabel")||h;d&&u!==o[0]&&g(o[0]);for(var f=u;f<=o[1];f+=l)g(f);function g(t){var e={value:t};s.push(n?t:{formattedLabel:i(e),rawLabel:r.getLabel(e),tickValue:t,time:void 0,break:void 0})}return p&&f-l!==o[1]&&g(o[1]),s}function Gw(t,e,n){var i=t.scale,r=jb(t),o=[];return z(i.getTicks(),(function(t){var a=i.getLabel(t),s=t.value;e(t.value,a)&&o.push(n?s:{formattedLabel:r(t),rawLabel:a,tickValue:s,time:void 0,break:void 0})})),o}var Fw=[0,1],Ww=function(){function t(t,e,n){this.onBand=!1,this.inverse=!1,this.dim=t,this.scale=e,this._extent=n||[0,0]}return t.prototype.contain=function(t){var e=this._extent,n=Math.min(e[0],e[1]),i=Math.max(e[0],e[1]);return t>=n&&t<=i},t.prototype.containData=function(t){return this.scale.contain(this.scale.parse(t))},t.prototype.getExtent=function(){return this._extent.slice()},t.prototype.getPixelPrecision=function(t){return wo(t||this.scale.getExtent(),this._extent)},t.prototype.setExtent=function(t,e){var n=this._extent;n[0]=t,n[1]=e},t.prototype.dataToCoord=function(t,e){var n=this._extent,i=this.scale;return t=i.normalize(i.parse(t)),this.onBand&&"ordinal"===i.type&&Hw(n=n.slice(),i.count()),go(t,Fw,n,e)},t.prototype.coordToData=function(t,e){var n=this._extent,i=this.scale;this.onBand&&"ordinal"===i.type&&Hw(n=n.slice(),i.count());var r=go(t,n,Fw,e);return this.scale.scale(r)},t.prototype.pointToData=function(t,e){},t.prototype.getTicksCoords=function(t){var e=(t=t||{}).tickModel||this.getTickModel(),n=E(kw(this,e,{breakTicks:t.breakTicks,pruneByBreak:t.pruneByBreak}).ticks,(function(t){return{coord:this.dataToCoord("ordinal"===this.scale.type?this.scale.getRawOrdinalNumber(t):t),tickValue:t}}),this);return function(t,e,n,i){var r=e.length;if(!t.onBand||n||!r)return;var o,a,s=t.getExtent();if(1===r)e[0].coord=s[0],e[0].onBand=!0,o=e[1]={coord:s[1],tickValue:e[0].tickValue,onBand:!0};else{var l=e[r-1].tickValue-e[0].tickValue,u=(e[r-1].coord-e[0].coord)/l;z(e,(function(t){t.coord-=u/2,t.onBand=!0}));var c=t.scale.getExtent();a=1+c[1]-e[r-1].tickValue,o={coord:e[r-1].coord+u*a,tickValue:c[1]+1,onBand:!0},e.push(o)}var h=s[0]>s[1];d(e[0].coord,s[0])&&(i?e[0].coord=s[0]:e.shift());i&&d(s[0],e[0].coord)&&e.unshift({coord:s[0],onBand:!0});d(s[1],o.coord)&&(i?o.coord=s[1]:e.pop());i&&d(o.coord,s[1])&&e.push({coord:s[1],onBand:!0});function d(t,e){return t=mo(t),e=mo(e),h?t>e:t<e}}(this,n,e.get("alignWithLabel"),t.clamp),n},t.prototype.getMinorTicksCoords=function(){if("ordinal"===this.scale.type)return[];var t=this.model.getModel("minorTick").get("splitNumber");return t>0&&t<100||(t=5),E(this.scale.getMinorTicks(t),(function(t){return E(t,(function(t){return{coord:this.dataToCoord(t),tickValue:t}}),this)}),this)},t.prototype.getViewLabels=function(t){return Aw(this,t=t||Cw(Tw)).labels},t.prototype.getLabelModel=function(){return this.model.getModel("axisLabel")},t.prototype.getTickModel=function(){return this.model.getModel("axisTick")},t.prototype.getBandWidth=function(){var t=this._extent,e=this.scale.getExtent(),n=e[1]-e[0]+(this.onBand?1:0);0===n&&(n=1);var i=Math.abs(t[1]-t[0]);return Math.abs(i)/n},t.prototype.calculateCategoryInterval=function(t){return function(t,e){var n=e.kind,i=function(t){var e=t.getLabelModel();return{axisRotate:t.getRotate?t.getRotate():t.isHorizontal&&!t.isHorizontal()?90:0,labelRotate:e.get("rotate")||0,font:e.getFont()}}(t),r=jb(t),o=(i.axisRotate-i.labelRotate)/180*Math.PI,a=t.scale,s=a.getExtent(),l=a.count();if(s[1]-s[0]<1)return 0;var u=1;l>40&&(u=Math.max(1,Math.floor(l/40)));for(var c=s[0],h=t.dataToCoord(c+1)-t.dataToCoord(c),d=Math.abs(h*Math.cos(o)),p=Math.abs(h*Math.sin(o)),f=0,g=0;c<=s[1];c+=u){var y,v,m=Er(r({value:c}),i.font,"center","top");y=1.3*m.width,v=1.3*m.height,f=Math.max(f,y,7),g=Math.max(g,v,7)}var x=f/d,_=g/p;isNaN(x)&&(x=1/0),isNaN(_)&&(_=1/0);var b=Math.max(0,Math.floor(Math.min(x,_)));if(n===Iw)return e.out.noPxChangeTryDetermine.push(W(Ew,null,t,b,l)),b;var w=Bw(t,b,l);return null!=w?w:b}(this,t=t||Cw(Tw))},t}();function Hw(t,e){var n=(t[1]-t[0])/e/2;t[0]+=n,t[1]-=n}var Uw=2*Math.PI,Yw=Fs.CMD,Xw=["top","right","bottom","left"];function Zw(t,e,n,i,r){var o=n.width,a=n.height;switch(t){case"top":i.set(n.x+o/2,n.y-e),r.set(0,-1);break;case"bottom":i.set(n.x+o/2,n.y+a+e),r.set(0,1);break;case"left":i.set(n.x-e,n.y+a/2),r.set(-1,0);break;case"right":i.set(n.x+o+e,n.y+a/2),r.set(1,0)}}function jw(t,e,n,i,r,o,a,s,l){a-=t,s-=e;var u=Math.sqrt(a*a+s*s),c=(a/=u)*n+t,h=(s/=u)*n+e;if(Math.abs(i-r)%Uw<1e-4)return l[0]=c,l[1]=h,u-n;if(o){var d=i;i=Xs(r),r=Xs(d)}else i=Xs(i),r=Xs(r);i>r&&(r+=Uw);var p=Math.atan2(s,a);if(p<0&&(p+=Uw),p>=i&&p<=r||p+Uw>=i&&p+Uw<=r)return l[0]=c,l[1]=h,u-n;var f=n*Math.cos(i)+t,g=n*Math.sin(i)+e,y=n*Math.cos(r)+t,v=n*Math.sin(r)+e,m=(f-a)*(f-a)+(g-s)*(g-s),x=(y-a)*(y-a)+(v-s)*(v-s);return m<x?(l[0]=f,l[1]=g,Math.sqrt(m)):(l[0]=y,l[1]=v,Math.sqrt(x))}function qw(t,e,n,i,r,o,a,s){var l=r-t,u=o-e,c=n-t,h=i-e,d=Math.sqrt(c*c+h*h),p=(l*(c/=d)+u*(h/=d))/d;s&&(p=Math.min(Math.max(p,0),1)),p*=d;var f=a[0]=t+p*c,g=a[1]=e+p*h;return Math.sqrt((f-r)*(f-r)+(g-o)*(g-o))}function Kw(t,e,n,i,r,o,a){n<0&&(t+=n,n=-n),i<0&&(e+=i,i=-i);var s=t+n,l=e+i,u=a[0]=Math.min(Math.max(r,t),s),c=a[1]=Math.min(Math.max(o,e),l);return Math.sqrt((u-r)*(u-r)+(c-o)*(c-o))}var $w=[];function Jw(t,e,n){var i=Kw(e.x,e.y,e.width,e.height,t.x,t.y,$w);return n.set($w[0],$w[1]),i}function Qw(t,e,n){for(var i,r,o=0,a=0,s=0,l=0,u=1/0,c=e.data,h=t.x,d=t.y,p=0;p<c.length;){var f=c[p++];1===p&&(s=o=c[p],l=a=c[p+1]);var g=u;switch(f){case Yw.M:o=s=c[p++],a=l=c[p++];break;case Yw.L:g=qw(o,a,c[p],c[p+1],h,d,$w,!0),o=c[p++],a=c[p++];break;case Yw.C:g=On(o,a,c[p++],c[p++],c[p++],c[p++],c[p],c[p+1],h,d,$w),o=c[p++],a=c[p++];break;case Yw.Q:g=Vn(o,a,c[p++],c[p++],c[p],c[p+1],h,d,$w),o=c[p++],a=c[p++];break;case Yw.A:var y=c[p++],v=c[p++],m=c[p++],x=c[p++],_=c[p++],b=c[p++];p+=1;var w=!!(1-c[p++]);i=Math.cos(_)*m+y,r=Math.sin(_)*x+v,p<=1&&(s=i,l=r),g=jw(y,v,x,_,_+b,w,(h-y)*x/m+y,d,$w),o=Math.cos(_+b)*m+y,a=Math.sin(_+b)*x+v;break;case Yw.R:g=Kw(s=o=c[p++],l=a=c[p++],c[p++],c[p++],h,d,$w);break;case Yw.Z:g=qw(o,a,s,l,h,d,$w,!0),o=s,a=l}g<u&&(u=g,n.set($w[0],$w[1]))}return u}var tS=new Ae,eS=new Ae,nS=new Ae,iS=new Ae,rS=new Ae;function oS(t,e){if(t){var n=t.getTextGuideLine(),i=t.getTextContent();if(i&&n){var r=t.textGuideLineConfig||{},o=[[0,0],[0,0],[0,0]],a=r.candidates||Xw,s=i.getBoundingRect().clone();s.applyTransform(i.getComputedTransform());var l=1/0,u=r.anchor,c=t.getComputedTransform(),h=c&&Te([],c),d=e.get("length2")||0;u&&nS.copy(u);for(var p=0;p<a.length;p++){Zw(a[p],0,s,tS,iS),Ae.scaleAndAdd(eS,tS,iS,d),eS.transform(h);var f=t.getBoundingRect(),g=u?u.distance(eS):t instanceof sl?Qw(eS,t.path,nS):Jw(eS,f,nS);g<l&&(l=g,eS.transform(c),nS.transform(c),nS.toArray(o[0]),eS.toArray(o[1]),tS.toArray(o[2]))}lS(o,e.get("minTurnAngle")),n.setShape({points:o})}}}var aS=[],sS=new Ae;function lS(t,e){if(e<=180&&e>0){e=e/180*Math.PI,tS.fromArray(t[0]),eS.fromArray(t[1]),nS.fromArray(t[2]),Ae.sub(iS,tS,eS),Ae.sub(rS,nS,eS);var n=iS.len(),i=rS.len();if(!(n<.001||i<.001)){iS.scale(1/n),rS.scale(1/i);var r=iS.dot(rS);if(Math.cos(e)<r){var o=qw(eS.x,eS.y,nS.x,nS.y,tS.x,tS.y,aS,!1);sS.fromArray(aS),sS.scaleAndAdd(rS,o/Math.tan(Math.PI-e));var a=nS.x!==eS.x?(sS.x-eS.x)/(nS.x-eS.x):(sS.y-eS.y)/(nS.y-eS.y);if(isNaN(a))return;a<0?Ae.copy(sS,eS):a>1&&Ae.copy(sS,nS),sS.toArray(t[1])}}}}function uS(t,e,n){if(n<=180&&n>0){n=n/180*Math.PI,tS.fromArray(t[0]),eS.fromArray(t[1]),nS.fromArray(t[2]),Ae.sub(iS,eS,tS),Ae.sub(rS,nS,eS);var i=iS.len(),r=rS.len();if(!(i<.001||r<.001))if(iS.scale(1/i),rS.scale(1/r),iS.dot(e)<Math.cos(n)){var o=qw(eS.x,eS.y,nS.x,nS.y,tS.x,tS.y,aS,!1);sS.fromArray(aS);var a=Math.PI/2,s=a+Math.acos(rS.dot(e))-n;if(s>=a)Ae.copy(sS,nS);else{sS.scaleAndAdd(rS,o/Math.tan(Math.PI/2-s));var l=nS.x!==eS.x?(sS.x-eS.x)/(nS.x-eS.x):(sS.y-eS.y)/(nS.y-eS.y);if(isNaN(l))return;l<0?Ae.copy(sS,eS):l>1&&Ae.copy(sS,nS)}sS.toArray(t[1])}}}function cS(t,e,n,i){var r="normal"===n,o=r?t:t.ensureState(n);o.ignore=e;var a=i.get("smooth");a&&!0===a&&(a=.3),o.shape=o.shape||{},a>0&&(o.shape.smooth=a);var s=i.getModel("lineStyle").getLineStyle();r?t.useStyle(s):o.style=s}function hS(t,e){var n=e.smooth,i=e.points;if(i)if(t.moveTo(i[0][0],i[0][1]),n>0&&i.length>=3){var r=Vt(i[0],i[1]),o=Vt(i[1],i[2]);if(!r||!o)return t.lineTo(i[1][0],i[1][1]),void t.lineTo(i[2][0],i[2][1]);var a=Math.min(r,o)*n,s=Wt([],i[1],i[0],a/r),l=Wt([],i[1],i[2],a/o),u=Wt([],s,l,.5);t.bezierCurveTo(s[0],s[1],s[0],s[1],u[0],u[1]),t.bezierCurveTo(l[0],l[1],l[0],l[1],i[2][0],i[2][1])}else for(var c=1;c<i.length;c++)t.lineTo(i[c][0],i[c][1])}function dS(t,e,n){var i=t.getTextGuideLine(),r=t.getTextContent();if(r){for(var o=e.normal,a=o.get("show"),s=r.ignore,l=0;l<Hl.length;l++){var u=Hl[l],c=e[u],h="normal"===u;if(c){var d=c.get("show");if((h?s:rt(r.states[u]&&r.states[u].ignore,s))||!rt(d,a)){var p=h?i:i&&i.states[u];p&&(p.ignore=!0),i&&cS(i,!0,u,c);continue}i||(i=new Tc,t.setTextGuideLine(i),h||!s&&a||cS(i,!0,"normal",e.normal),t.stateProxy&&(i.stateProxy=t.stateProxy)),cS(i,!1,u,c)}}if(i){k(i.style,n),i.style.fill=null;var f=o.get("showAbove");(t.textGuideLineConfig=t.textGuideLineConfig||{}).showAbove=f||!1,i.buildPath=hS}}else i&&t.removeTextGuideLine()}function pS(t,e){e=e||"labelLine";for(var n={normal:t.getModel(e)},i=0;i<Wl.length;i++){var r=Wl[i];n[r]=t.getModel([r,e])}return n}var fS=["label","labelLine","layoutOption","priority","defaultAttr","marginForce","minMarginForce","marginDefault","suggestIgnore"];function gS(t,e,n){n=n||3,e?t.dirty|=n:t.dirty&=~n}function yS(t,e){return e=e||3,null==t.dirty||!!(t.dirty&e)}function vS(t){if(t)return yS(t)&&mS(t,t.label,t),t}function mS(t,e,n){var i=e.getComputedTransform();t.transform=Wh(t.transform,i);var r=t.localRect=Fh(t.localRect,e.getBoundingRect()),o=e.style,a=o.margin,s=n&&n.marginForce,l=n&&n.minMarginForce,u=n&&n.marginDefault,c=o.__marginType;null==c&&u&&(a=u,c=hd.textMargin);for(var h=0;h<4;h++)xS[h]=c===hd.minMargin&&l&&null!=l[h]?l[h]:s&&null!=s[h]?s[h]:a?a[h]:0;c===hd.textMargin&&Oh(r,xS,!1,!1);var d=t.rect=Fh(t.rect,r);return i&&d.applyTransform(i),c===hd.minMargin&&Oh(d,xS,!1,!1),t.axisAligned=Vh(i),(t.label=t.label||{}).ignore=e.ignore,gS(t,!1),gS(t,!0,2),t}var xS=[0,0,0,0];function _S(t,e){if(t){t.label.x+=e.x,t.label.y+=e.y,t.label.markRedraw();var n=t.transform;n&&(n[4]+=e.x,n[5]+=e.y);var i=t.rect;i&&(i.x+=e.x,i.y+=e.y);var r=t.obb;r&&r.fromBoundingRect(t.localRect,n)}}function bS(t,e){for(var n=0;n<fS.length;n++){var i=fS[n];null==t[i]&&(t[i]=e[i])}return vS(t)}function wS(t){var e=t.obb;return e&&!yS(t,2)||(t.obb=e=e||new jc,e.fromBoundingRect(t.localRect,t.transform),gS(t,!1,2)),e}function SS(t,e,n,i,r){var o=t.length,a=lh[e],s=uh[e];if(o<2)return!1;t.sort((function(t,e){return t.rect[a]-e.rect[a]}));for(var l,u=0,c=!1,h=0,d=0;d<o;d++){var p=t[d],f=p.rect;(l=f[a]-u)<0&&(f[a]-=l,p.label[a]-=l,c=!0),h+=Math.max(-l,0),u=f[a]+f[s]}h>0&&r&&b(-h/o,0,o);var g,y,v=t[0],m=t[o-1];function x(){g=v.rect[a]-n,y=i-m.rect[a]-m.rect[s]}function _(t,e,n){if(t<0){var i=Math.min(e,-t);if(i>0){b(i*n,0,o);var r=i+t;r<0&&w(-r*n,1)}else w(-t*n,1)}}function b(e,n,i){0!==e&&(c=!0);for(var r=n;r<i;r++){var o=t[r];o.rect[a]+=e,o.label[a]+=e}}function w(e,n){for(var i=[],r=0,l=1;l<o;l++){var u=t[l-1].rect,c=Math.max(t[l].rect[a]-u[a]-u[s],0);i.push(c),r+=c}if(r){var h=Math.min(Math.abs(e)/r,n);if(e>0)for(l=0;l<o-1;l++){b(i[l]*h,0,l+1)}else for(l=o-1;l>0;l--){b(-(i[l-1]*h),l,o)}}}function S(t){var e=t<0?-1:1;t=Math.abs(t);for(var n=Math.ceil(t/(o-1)),i=0;i<o-1;i++)if(e>0?b(n,0,i+1):b(-n,o-i-1,o),(t-=n)<=0)return}return x(),g<0&&w(-g,.8),y<0&&w(y,.8),x(),_(g,y,1),_(y,g,-1),x(),g<0&&S(-g),y<0&&S(y),c}function MS(t){var e=[];function n(t){if(!t.ignore){var e=t.ensureState("emphasis");null==e.ignore&&(e.ignore=!1)}t.ignore=!0}t.sort((function(t,e){return(e.suggestIgnore?1:0)-(t.suggestIgnore?1:0)||e.priority-t.priority}));for(var i=0;i<t.length;i++){var r=vS(t[i]);if(!r.label.ignore){for(var o=r.label,a=r.labelLine,s=!1,l=0;l<e.length;l++)if(IS(r,e[l],null,{touchThreshold:.05})){s=!0;break}s?(n(o),a&&n(a)):e.push(r)}}}function IS(t,e,n,i){return!(!t||!e)&&(!(t.label&&t.label.ignore||e.label&&e.label.ignore)&&(!!t.rect.intersect(e.rect,n,i)&&(!(!t.axisAligned||!e.axisAligned)||wS(t).intersect(wS(e),n,i))))}function TS(t){if(t){for(var e=[],n=0;n<t.length;n++)e.push(t[n].slice());return e}}function CS(t,e){var n=t.label,i=e&&e.getTextGuideLine();return{dataIndex:t.dataIndex,dataType:t.dataType,seriesIndex:t.seriesModel.seriesIndex,text:t.label.style.text,rect:t.hostRect,labelRect:t.rect,align:n.style.align,verticalAlign:n.style.verticalAlign,labelLinePoints:TS(i&&i.shape.points)}}var DS=["align","verticalAlign","width","height","fontSize"],AS=new Dr,kS=sa(),LS=sa();function PS(t,e,n){for(var i=0;i<n.length;i++){var r=n[i];null!=e[r]&&(t[r]=e[r])}}var OS=["x","y","rotation"],RS=function(){function t(){this._labelList=[],this._chartViewList=[]}return t.prototype.clearLabels=function(){this._labelList=[],this._chartViewList=[]},t.prototype._addLabel=function(t,e,n,i,r){var o=i.style,a=i.__hostTarget.textConfig||{},s=i.getComputedTransform(),l=i.getBoundingRect().plain();He.applyTransform(l,l,s),s?AS.setLocalTransform(s):(AS.x=AS.y=AS.rotation=AS.originX=AS.originY=0,AS.scaleX=AS.scaleY=1),AS.rotation=Xs(AS.rotation);var u,c=i.__hostTarget;if(c){u=c.getBoundingRect().plain();var h=c.getComputedTransform();He.applyTransform(u,u,h)}var d=u&&c.getTextGuideLine();this._labelList.push({label:i,labelLine:d,seriesModel:n,dataIndex:t,dataType:e,layoutOptionOrCb:r,layoutOption:null,rect:l,hostRect:u,priority:u?u.width*u.height:0,defaultAttr:{ignore:i.ignore,labelGuideIgnore:d&&d.ignore,x:AS.x,y:AS.y,scaleX:AS.scaleX,scaleY:AS.scaleY,rotation:AS.rotation,style:{x:o.x,y:o.y,align:o.align,verticalAlign:o.verticalAlign,width:o.width,height:o.height,fontSize:o.fontSize},cursor:i.cursor,attachedPos:a.position,attachedRot:a.rotation}})},t.prototype.addLabelsOfSeries=function(t){var e=this;this._chartViewList.push(t);var n=t.__model,i=n.get("labelLayout");(Y(i)||F(i).length)&&t.group.traverse((function(t){if(t.ignore)return!0;var r=t.getTextContent(),o=zl(t);r&&!r.disableLabelLayout&&e._addLabel(o.dataIndex,o.dataType,n,r,i)}))},t.prototype.updateLayoutConfig=function(t){var e=t.getWidth(),n=t.getHeight();function i(t,e){return function(){oS(t,e)}}for(var r=0;r<this._labelList.length;r++){var o=this._labelList[r],a=o.label,s=a.__hostTarget,l=o.defaultAttr,u=void 0;u=(u=Y(o.layoutOptionOrCb)?o.layoutOptionOrCb(CS(o,s)):o.layoutOptionOrCb)||{},o.layoutOption=u;var c=Math.PI/180;s&&s.setTextConfig({local:!1,position:null!=u.x||null!=u.y?null:l.attachedPos,rotation:null!=u.rotate?u.rotate*c:l.attachedRot,offset:[u.dx||0,u.dy||0]});var h=!1;if(null!=u.x?(a.x=yo(u.x,e),a.setStyle("x",0),h=!0):(a.x=l.x,a.setStyle("x",l.style.x)),null!=u.y?(a.y=yo(u.y,n),a.setStyle("y",0),h=!0):(a.y=l.y,a.setStyle("y",l.style.y)),u.labelLinePoints){var d=s.getTextGuideLine();d&&(d.setShape({points:u.labelLinePoints}),h=!1)}kS(a).needsUpdateLabelLine=h,a.rotation=null!=u.rotate?u.rotate*c:l.rotation,a.scaleX=l.scaleX,a.scaleY=l.scaleY;for(var p=0;p<DS.length;p++){var f=DS[p];a.setStyle(f,null!=u[f]?u[f]:l.style[f])}if(u.draggable){if(a.draggable=!0,a.cursor="move",s){var g=o.seriesModel;if(null!=o.dataIndex)g=o.seriesModel.getData(o.dataType).getItemModel(o.dataIndex);a.on("drag",i(s,g.getModel("labelLine")))}}else a.off("drag"),a.cursor=l.cursor}},t.prototype.layout=function(t){var e=t.getWidth(),n=t.getHeight(),i=[];z(this._labelList,(function(t){t.defaultAttr.ignore||i.push(bS({},t))}));var r=V(i,(function(t){return"shiftX"===t.layoutOption.moveOverlap})),o=V(i,(function(t){return"shiftY"===t.layoutOption.moveOverlap}));SS(r,0,0,e),SS(o,1,0,n);var a=V(i,(function(t){return t.layoutOption.hideOverlap}));!function(t){for(var e=0;e<t.length;e++){var n=t[e],i=n.defaultAttr,r=n.labelLine;n.label.attr("ignore",i.ignore),r&&r.attr("ignore",i.labelGuideIgnore)}}(a),MS(a)},t.prototype.processLabelsOverall=function(){var t=this;z(this._chartViewList,(function(e){var n=e.__model,i=e.ignoreLabelLineUpdate,r=n.isAnimationEnabled();e.group.traverse((function(e){if(e.ignore&&!e.forceLabelAnimation)return!0;var o=!i,a=e.getTextContent();!o&&a&&(o=kS(a).needsUpdateLabelLine),o&&t._updateLabelLine(e,n),r&&t._animateLabels(e,n)}))}))},t.prototype._updateLabelLine=function(t,e){var n=t.getTextContent(),i=zl(t),r=i.dataIndex;if(n&&null!=r){var o=e.getData(i.dataType),a=o.getItemModel(r),s={},l=o.getItemVisual(r,"style");if(l){var u=o.getVisual("drawType");s.stroke=l[u]}var c=a.getModel("labelLine");dS(t,pS(a),s),oS(t,c)}},t.prototype._animateLabels=function(t,e){var n=t.getTextContent(),i=t.getTextGuideLine();if(n&&(t.forceLabelAnimation||!n.ignore&&!n.invisible&&!t.disableLabelAnimation&&!nh(t))){var r=(p=kS(n)).oldLayout,o=zl(t),a=o.dataIndex,s={x:n.x,y:n.y,rotation:n.rotation},l=e.getData(o.dataType);if(r){n.attr(r);var u=t.prevStates;u&&(P(u,"select")>=0&&n.attr(p.oldLayoutSelect),P(u,"emphasis")>=0&&n.attr(p.oldLayoutEmphasis)),th(n,s,e,a)}else if(n.attr(s),!ad(n).valueAnimation){var c=rt(n.style.opacity,1);n.style.opacity=0,eh(n,{style:{opacity:c}},e,a)}if(p.oldLayout=s,n.states.select){var h=p.oldLayoutSelect={};PS(h,s,OS),PS(h,n.states.select,OS)}if(n.states.emphasis){var d=p.oldLayoutEmphasis={};PS(d,s,OS),PS(d,n.states.emphasis,OS)}ld(n,a,l,e,e)}if(i&&!i.ignore&&!i.invisible){r=(p=LS(i)).oldLayout;var p,f={points:i.shape.points};r?(i.attr({shape:r}),th(i,{shape:f},e)):(i.setShape(f),i.style.strokePercent=0,eh(i,{style:{strokePercent:1}},e)),p.oldLayout=f}},t}(),NS=sa();var zS=Math.sin,ES=Math.cos,BS=Math.PI,VS=2*Math.PI,GS=180/BS,FS=function(){function t(){}return t.prototype.reset=function(t){this._start=!0,this._d=[],this._str="",this._p=Math.pow(10,t||4)},t.prototype.moveTo=function(t,e){this._add("M",t,e)},t.prototype.lineTo=function(t,e){this._add("L",t,e)},t.prototype.bezierCurveTo=function(t,e,n,i,r,o){this._add("C",t,e,n,i,r,o)},t.prototype.quadraticCurveTo=function(t,e,n,i){this._add("Q",t,e,n,i)},t.prototype.arc=function(t,e,n,i,r,o){this.ellipse(t,e,n,n,0,i,r,o)},t.prototype.ellipse=function(t,e,n,i,r,o,a,s){var l=a-o,u=!s,c=Math.abs(l),h=wi(c-VS)||(u?l>=VS:-l>=VS),d=l>0?l%VS:l%VS+VS,p=!1;p=!!h||!wi(c)&&d>=BS==!!u;var f=t+n*ES(o),g=e+i*zS(o);this._start&&this._add("M",f,g);var y=Math.round(r*GS);if(h){var v=1/this._p,m=(u?1:-1)*(VS-v);this._add("A",n,i,y,1,+u,t+n*ES(o+m),e+i*zS(o+m)),v>.01&&this._add("A",n,i,y,0,+u,f,g)}else{var x=t+n*ES(a),_=e+i*zS(a);this._add("A",n,i,y,+p,+u,x,_)}},t.prototype.rect=function(t,e,n,i){this._add("M",t,e),this._add("l",n,0),this._add("l",0,i),this._add("l",-n,0),this._add("Z")},t.prototype.closePath=function(){this._d.length>0&&this._add("Z")},t.prototype._add=function(t,e,n,i,r,o,a,s,l){for(var u=[],c=this._p,h=1;h<arguments.length;h++){var d=arguments[h];if(isNaN(d))return void(this._invalid=!0);u.push(Math.round(d*c)/c)}this._d.push(t+u.join(" ")),this._start="Z"===t},t.prototype.generateStr=function(){this._str=this._invalid?"":this._d.join(""),this._d=[]},t.prototype.getStr=function(){return this._str},t}(),WS="none",HS=Math.round;var US=["lineCap","miterLimit","lineJoin"],YS=E(US,(function(t){return"stroke-"+t.toLowerCase()}));function XS(t,e,n,i){var r=null==e.opacity?1:e.opacity;if(n instanceof dl)t("opacity",r);else{if(function(t){var e=t.fill;return null!=e&&e!==WS}(e)){var o=_i(e.fill);t("fill",o.color);var a=null!=e.fillOpacity?e.fillOpacity*o.opacity*r:o.opacity*r;(i||a<1)&&t("fill-opacity",a)}else t("fill",WS);if(function(t){var e=t.stroke;return null!=e&&e!==WS}(e)){var s=_i(e.stroke);t("stroke",s.color);var l=e.strokeNoScale?n.getLineScale():1,u=l?(e.lineWidth||0)/l:0,c=null!=e.strokeOpacity?e.strokeOpacity*s.opacity*r:s.opacity*r,h=e.strokeFirst;if((i||1!==u)&&t("stroke-width",u),(i||h)&&t("paint-order",h?"stroke":"fill"),(i||c<1)&&t("stroke-opacity",c),e.lineDash){var d=mm(n),p=d[0],f=d[1];p&&(f=HS(f||0),t("stroke-dasharray",p.join(",")),(f||i)&&t("stroke-dashoffset",f))}else i&&t("stroke-dasharray",WS);for(var g=0;g<US.length;g++){var y=US[g];if(i||e[y]!==rl[y]){var v=e[y]||rl[y];v&&t(YS[g],v)}}}else i&&t("stroke",WS)}}var ZS="http://www.w3.org/2000/svg",jS="http://www.w3.org/1999/xlink",qS="ecmeta_";function KS(t){return document.createElementNS(ZS,t)}function $S(t,e,n,i,r){return{tag:t,attrs:n||{},children:i,text:r,key:e}}function JS(t,e){var n=(e=e||{}).newline?"\n":"";return function t(e){var i=e.children,r=e.tag,o=e.attrs,a=e.text;return function(t,e){var n=[];if(e)for(var i in e){var r=e[i],o=i;!1!==r&&(!0!==r&&null!=r&&(o+='="'+r+'"'),n.push(o))}return"<"+t+" "+n.join(" ")+">"}(r,o)+("style"!==r?oe(a):a||"")+(i?""+n+E(i,(function(e){return t(e)})).join(n)+n:"")+("</"+r+">")}(t)}function QS(t){return{zrId:t,shadowCache:{},patternCache:{},gradientCache:{},clipPathCache:{},defs:{},cssNodes:{},cssAnims:{},cssStyleCache:{},cssAnimIdx:0,shadowIdx:0,gradientIdx:0,patternIdx:0,clipPathIdx:0}}function tM(t,e,n,i){return $S("svg","root",{width:t,height:e,xmlns:ZS,"xmlns:xlink":jS,version:"1.1",baseProfile:"full",viewBox:!!i&&"0 0 "+t+" "+e},n)}var eM=0;function nM(){return eM++}var iM={cubicIn:"0.32,0,0.67,0",cubicOut:"0.33,1,0.68,1",cubicInOut:"0.65,0,0.35,1",quadraticIn:"0.11,0,0.5,0",quadraticOut:"0.5,1,0.89,1",quadraticInOut:"0.45,0,0.55,1",quarticIn:"0.5,0,0.75,0",quarticOut:"0.25,1,0.5,1",quarticInOut:"0.76,0,0.24,1",quinticIn:"0.64,0,0.78,0",quinticOut:"0.22,1,0.36,1",quinticInOut:"0.83,0,0.17,1",sinusoidalIn:"0.12,0,0.39,0",sinusoidalOut:"0.61,1,0.88,1",sinusoidalInOut:"0.37,0,0.63,1",exponentialIn:"0.7,0,0.84,0",exponentialOut:"0.16,1,0.3,1",exponentialInOut:"0.87,0,0.13,1",circularIn:"0.55,0,1,0.45",circularOut:"0,0.55,0.45,1",circularInOut:"0.85,0,0.15,1"},rM="transform-origin";function oM(t,e,n){var i=A({},t.shape);A(i,e),t.buildPath(n,i);var r=new FS;return r.reset(Pi(t)),n.rebuildPath(r,1),r.generateStr(),r.getStr()}function aM(t,e){var n=e.originX,i=e.originY;(n||i)&&(t[rM]=n+"px "+i+"px")}var sM={fill:"fill",opacity:"opacity",lineWidth:"stroke-width",lineDashOffset:"stroke-dashoffset"};function lM(t,e){var n=e.zrId+"-ani-"+e.cssAnimIdx++;return e.cssAnims[n]=t,n}function uM(t){return X(t)?iM[t]?"cubic-bezier("+iM[t]+")":Wn(t)?t:"":""}function cM(t,e,n,i){var r=t.animators,o=r.length,a=[];if(t instanceof zc){var s=function(t,e,n){var i,r,o=t.shape.paths,a={};if(z(o,(function(t){var e=QS(n.zrId);e.animation=!0,cM(t,{},e,!0);var o=e.cssAnims,s=e.cssNodes,l=F(o),u=l.length;if(u){var c=o[r=l[u-1]];for(var h in c){var d=c[h];a[h]=a[h]||{d:""},a[h].d+=d.d||""}for(var p in s){var f=s[p].animation;f.indexOf(r)>=0&&(i=f)}}})),i){e.d=!1;var s=lM(a,n);return i.replace(r,s)}}(t,e,n);if(s)a.push(s);else if(!o)return}else if(!o)return;for(var l={},u=0;u<o;u++){var c=r[u],h=[c.getMaxTime()/1e3+"s"],d=uM(c.getClip().easing),p=c.getDelay();d?h.push(d):h.push("linear"),p&&h.push(p/1e3+"s"),c.getLoop()&&h.push("infinite");var f=h.join(" ");l[f]=l[f]||[f,[]],l[f][1].push(c)}function g(r){var o,a=r[1],s=a.length,l={},u={},c={},h="animation-timing-function";function d(t,e,n){for(var i=t.getTracks(),r=t.getMaxTime(),o=0;o<i.length;o++){var a=i[o];if(a.needsAnimate()){var s=a.keyframes,l=a.propName;if(n&&(l=n(l)),l)for(var u=0;u<s.length;u++){var c=s[u],d=Math.round(c.time/r*100)+"%",p=uM(c.easing),f=c.rawValue;(X(f)||j(f))&&(e[d]=e[d]||{},e[d][l]=c.rawValue,p&&(e[d][h]=p))}}}}for(var p=0;p<s;p++){(S=(w=a[p]).targetName)?"shape"===S&&d(w,u):!i&&d(w,l)}for(var f in l){var g={};kr(g,t),A(g,l[f]);var y=Oi(g),v=l[f][h];c[f]=y?{transform:y}:{},aM(c[f],g),v&&(c[f][h]=v)}var m=!0;for(var f in u){c[f]=c[f]||{};var x=!o;v=u[f][h];x&&(o=new Fs);var _=o.len();o.reset(),c[f].d=oM(t,u[f],o);var b=o.len();if(!x&&_!==b){m=!1;break}v&&(c[f][h]=v)}if(!m)for(var f in c)delete c[f].d;if(!i)for(p=0;p<s;p++){var w,S;"style"===(S=(w=a[p]).targetName)&&d(w,c,(function(t){return sM[t]}))}var M,I=F(c),T=!0;for(p=1;p<I.length;p++){var C=I[p-1],D=I[p];if(c[C][rM]!==c[D][rM]){T=!1;break}M=c[C][rM]}if(T&&M){for(var f in c)c[f][rM]&&delete c[f][rM];e[rM]=M}if(V(I,(function(t){return F(c[t]).length>0})).length)return lM(c,n)+" "+r[0]+" both"}for(var y in l){(s=g(l[y]))&&a.push(s)}if(a.length){var v=n.zrId+"-cls-"+nM();n.cssNodes["."+v]={animation:a.join(",")},e.class=v}}function hM(t,e,n,i){var r=JSON.stringify(t),o=n.cssStyleCache[r];o||(o=n.zrId+"-cls-"+nM(),n.cssStyleCache[r]=o,n.cssNodes["."+o+(i?":hover":"")]=t),e.class=e.class?e.class+" "+o:o}var dM=Math.round;function pM(t){return t&&X(t.src)}function fM(t){return t&&Y(t.toDataURL)}function gM(t,e,n,i){XS((function(r,o){var a="fill"===r||"stroke"===r;a&&ki(o)?TM(e,t,r,i):a&&Ci(o)?CM(n,t,r,i):t[r]=o,a&&i.ssr&&"none"===o&&(t["pointer-events"]="visible")}),e,n,!1),function(t,e,n){var i=t.style;if(function(t){return t&&(t.shadowBlur||t.shadowOffsetX||t.shadowOffsetY)}(i)){var r=function(t){var e=t.style,n=t.getGlobalScale();return[e.shadowColor,(e.shadowBlur||0).toFixed(2),(e.shadowOffsetX||0).toFixed(2),(e.shadowOffsetY||0).toFixed(2),n[0],n[1]].join(",")}(t),o=n.shadowCache,a=o[r];if(!a){var s=t.getGlobalScale(),l=s[0],u=s[1];if(!l||!u)return;var c=i.shadowOffsetX||0,h=i.shadowOffsetY||0,d=i.shadowBlur,p=_i(i.shadowColor),f=p.opacity,g=p.color,y=d/2/l+" "+d/2/u;a=n.zrId+"-s"+n.shadowIdx++,n.defs[a]=$S("filter",a,{id:a,x:"-100%",y:"-100%",width:"300%",height:"300%"},[$S("feDropShadow","",{dx:c/l,dy:h/u,stdDeviation:y,"flood-color":g,"flood-opacity":f})]),o[r]=a}e.filter=Li(a)}}(n,t,i)}function yM(t,e){var n=so(e);n&&(n.each((function(e,n){null!=e&&(t[(qS+n).toLowerCase()]=e+"")})),e.isSilent()&&(t[qS+"silent"]="true"))}function vM(t){return wi(t[0]-1)&&wi(t[1])&&wi(t[2])&&wi(t[3]-1)}function mM(t,e,n){if(e&&(!function(t){return wi(t[4])&&wi(t[5])}(e)||!vM(e))){var i=n?10:1e4;t.transform=vM(e)?"translate("+dM(e[4]*i)/i+" "+dM(e[5]*i)/i+")":function(t){return"matrix("+Si(t[0])+","+Si(t[1])+","+Si(t[2])+","+Si(t[3])+","+Mi(t[4])+","+Mi(t[5])+")"}(e)}}function xM(t,e,n){for(var i=t.points,r=[],o=0;o<i.length;o++)r.push(dM(i[o][0]*n)/n),r.push(dM(i[o][1]*n)/n);e.points=r.join(" ")}function _M(t){return!t.smooth}var bM,wM,SM={circle:[(bM=["cx","cy","r"],wM=E(bM,(function(t){return"string"==typeof t?[t,t]:t})),function(t,e,n){for(var i=0;i<wM.length;i++){var r=wM[i],o=t[r[0]];null!=o&&(e[r[1]]=dM(o*n)/n)}})],polyline:[xM,_M],polygon:[xM,_M]};function MM(t,e){var n=t.style,i=t.shape,r=SM[t.type],o={},a=e.animation,s="path",l=t.style.strokePercent,u=e.compress&&Pi(t)||4;if(!r||e.willUpdate||r[1]&&!r[1](i)||a&&function(t){for(var e=t.animators,n=0;n<e.length;n++)if("shape"===e[n].targetName)return!0;return!1}(t)||l<1){var c=!t.path||t.shapeChanged();t.path||t.createPathProxy();var h=t.path;c&&(h.beginPath(),t.buildPath(h,t.shape),t.pathUpdated());var d=h.getVersion(),p=t,f=p.__svgPathBuilder;p.__svgPathVersion===d&&f&&l===p.__svgPathStrokePercent||(f||(f=p.__svgPathBuilder=new FS),f.reset(u),h.rebuildPath(f,l),f.generateStr(),p.__svgPathVersion=d,p.__svgPathStrokePercent=l),o.d=f.getStr()}else{s=t.type;var g=Math.pow(10,u);r[0](i,o,g)}return mM(o,t.transform),gM(o,n,t,e),yM(o,t),e.animation&&cM(t,o,e),e.emphasis&&function(t,e,n){if(!t.ignore)if(t.isSilent())hM(u={"pointer-events":"none"},e,n,!0);else{var i=t.states.emphasis&&t.states.emphasis.style?t.states.emphasis.style:{},r=i.fill;if(!r){var o=t.style&&t.style.fill,a=t.states.select&&t.states.select.style&&t.states.select.style.fill,s=t.currentStates.indexOf("select")>=0&&a||o;s&&(r=vi(s))}var l=i.lineWidth;l&&(l/=!i.strokeNoScale&&t.transform?t.transform[0]:1);var u={cursor:"pointer"};r&&(u.fill=r),i.stroke&&(u.stroke=i.stroke),l&&(u["stroke-width"]=l),hM(u,e,n,!0)}}(t,o,e),$S(s,t.id+"",o)}function IM(t,e){return t instanceof sl?MM(t,e):t instanceof dl?function(t,e){var n=t.style,i=n.image;if(i&&!X(i)&&(pM(i)?i=i.src:fM(i)&&(i=i.toDataURL())),i){var r=n.x||0,o=n.y||0,a={href:i,width:n.width,height:n.height};return r&&(a.x=r),o&&(a.y=o),mM(a,t.transform),gM(a,n,t,e),yM(a,t),e.animation&&cM(t,a,e),$S("image",t.id+"",a)}}(t,e):t instanceof ul?function(t,e){var n=t.style,i=n.text;if(null!=i&&(i+=""),i&&!isNaN(n.x)&&!isNaN(n.y)){var r=n.font||a,s=n.x||0,l=function(t,e,n){return"top"===n?t+=e/2:"bottom"===n&&(t-=e/2),t}(n.y||0,Gr(r),n.textBaseline),u={"dominant-baseline":"central","text-anchor":Ii[n.textAlign]||n.textAlign};if(Al(n)){var c="",h=n.fontStyle,d=Cl(n.fontSize);if(!parseFloat(d))return;var p=n.fontFamily||o,f=n.fontWeight;c+="font-size:"+d+";font-family:"+p+";",h&&"normal"!==h&&(c+="font-style:"+h+";"),f&&"normal"!==f&&(c+="font-weight:"+f+";"),u.style=c}else u.style="font: "+r;return i.match(/\s/)&&(u["xml:space"]="preserve"),s&&(u.x=s),l&&(u.y=l),mM(u,t.transform),gM(u,n,t,e),yM(u,t),e.animation&&cM(t,u,e),$S("text",t.id+"",u,void 0,i)}}(t,e):void 0}function TM(t,e,n,i){var r,o=t[n],a={gradientUnits:o.global?"userSpaceOnUse":"objectBoundingBox"};if(Di(o))r="linearGradient",a.x1=o.x,a.y1=o.y,a.x2=o.x2,a.y2=o.y2;else{if(!Ai(o))return void 0;r="radialGradient",a.cx=rt(o.x,.5),a.cy=rt(o.y,.5),a.r=rt(o.r,.5)}for(var s=o.colorStops,l=[],u=0,c=s.length;u<c;++u){var h=100*Mi(s[u].offset)+"%",d=_i(s[u].color),p=d.color,f=d.opacity,g={offset:h};g["stop-color"]=p,f<1&&(g["stop-opacity"]=f),l.push($S("stop",u+"",g))}var y=JS($S(r,"",a,l)),v=i.gradientCache,m=v[y];m||(m=i.zrId+"-g"+i.gradientIdx++,v[y]=m,a.id=m,i.defs[m]=$S(r,m,a,l)),e[n]=Li(m)}function CM(t,e,n,i){var r,o=t.style[n],a=t.getBoundingRect(),s={},l=o.repeat,u="no-repeat"===l,c="repeat-x"===l,h="repeat-y"===l;if(Ti(o)){var d=o.imageWidth,p=o.imageHeight,f=void 0,g=o.image;if(X(g)?f=g:pM(g)?f=g.src:fM(g)&&(f=g.toDataURL()),"undefined"==typeof Image){var y="Image width/height must been given explictly in svg-ssr renderer.";lt(d,y),lt(p,y)}else if(null==d||null==p){var v=function(t,e){if(t){var n=t.elm,i=d||e.width,r=p||e.height;"pattern"===t.tag&&(c?(r=1,i/=a.width):h&&(i=1,r/=a.height)),t.attrs.width=i,t.attrs.height=r,n&&(n.setAttribute("width",i),n.setAttribute("height",r))}},m=Oa(f,null,t,(function(t){u||v(w,t),v(r,t)}));m&&m.width&&m.height&&(d=d||m.width,p=p||m.height)}r=$S("image","img",{href:f,width:d,height:p}),s.width=d,s.height=p}else o.svgElement&&(r=T(o.svgElement),s.width=o.svgWidth,s.height=o.svgHeight);if(r){var x,_;u?x=_=1:c?(_=1,x=s.width/a.width):h?(x=1,_=s.height/a.height):s.patternUnits="userSpaceOnUse",null==x||isNaN(x)||(s.width=x),null==_||isNaN(_)||(s.height=_);var b=Oi(o);b&&(s.patternTransform=b);var w=$S("pattern","",s,[r]),S=JS(w),M=i.patternCache,I=M[S];I||(I=i.zrId+"-p"+i.patternIdx++,M[S]=I,s.id=I,w=i.defs[I]=$S("pattern",I,s,[r])),e[n]=Li(I)}}function DM(t,e,n){var i=n.clipPathCache,r=n.defs,o=i[t.id];if(!o){var a={id:o=n.zrId+"-c"+n.clipPathIdx++};i[t.id]=o,r[o]=$S("clipPath",o,a,[MM(t,n)])}e["clip-path"]=Li(o)}function AM(t){return document.createTextNode(t)}function kM(t,e,n){t.insertBefore(e,n)}function LM(t,e){t.removeChild(e)}function PM(t,e){t.appendChild(e)}function OM(t){return t.parentNode}function RM(t){return t.nextSibling}function NM(t,e){t.textContent=e}var zM=$S("","");function EM(t){return void 0===t}function BM(t){return void 0!==t}function VM(t,e,n){for(var i={},r=e;r<=n;++r){var o=t[r].key;void 0!==o&&(i[o]=r)}return i}function GM(t,e){var n=t.key===e.key;return t.tag===e.tag&&n}function FM(t){var e,n=t.children,i=t.tag;if(BM(i)){var r=t.elm=KS(i);if(UM(zM,t),U(n))for(e=0;e<n.length;++e){var o=n[e];null!=o&&PM(r,FM(o))}else BM(t.text)&&!q(t.text)&&PM(r,AM(t.text))}else t.elm=AM(t.text);return t.elm}function WM(t,e,n,i,r){for(;i<=r;++i){var o=n[i];null!=o&&kM(t,FM(o),e)}}function HM(t,e,n,i){for(;n<=i;++n){var r=e[n];if(null!=r)if(BM(r.tag))LM(OM(r.elm),r.elm);else LM(t,r.elm)}}function UM(t,e){var n,i=e.elm,r=t&&t.attrs||{},o=e.attrs||{};if(r!==o){for(n in o){var a=o[n];r[n]!==a&&(!0===a?i.setAttribute(n,""):!1===a?i.removeAttribute(n):"style"===n?i.style.cssText=a:120!==n.charCodeAt(0)?i.setAttribute(n,a):"xmlns:xlink"===n||"xmlns"===n?i.setAttributeNS("http://www.w3.org/2000/xmlns/",n,a):58===n.charCodeAt(3)?i.setAttributeNS("http://www.w3.org/XML/1998/namespace",n,a):58===n.charCodeAt(5)?i.setAttributeNS(jS,n,a):i.setAttribute(n,a))}for(n in r)n in o||i.removeAttribute(n)}}function YM(t,e){var n=e.elm=t.elm,i=t.children,r=e.children;t!==e&&(UM(t,e),EM(e.text)?BM(i)&&BM(r)?i!==r&&function(t,e,n){for(var i,r,o,a=0,s=0,l=e.length-1,u=e[0],c=e[l],h=n.length-1,d=n[0],p=n[h];a<=l&&s<=h;)null==u?u=e[++a]:null==c?c=e[--l]:null==d?d=n[++s]:null==p?p=n[--h]:GM(u,d)?(YM(u,d),u=e[++a],d=n[++s]):GM(c,p)?(YM(c,p),c=e[--l],p=n[--h]):GM(u,p)?(YM(u,p),kM(t,u.elm,RM(c.elm)),u=e[++a],p=n[--h]):GM(c,d)?(YM(c,d),kM(t,c.elm,u.elm),c=e[--l],d=n[++s]):(EM(i)&&(i=VM(e,a,l)),EM(r=i[d.key])||(o=e[r]).tag!==d.tag?kM(t,FM(d),u.elm):(YM(o,d),e[r]=void 0,kM(t,o.elm,u.elm)),d=n[++s]);(a<=l||s<=h)&&(a>l?WM(t,null==n[h+1]?null:n[h+1].elm,n,s,h):HM(t,e,a,l))}(n,i,r):BM(r)?(BM(t.text)&&NM(n,""),WM(n,null,r,0,r.length-1)):BM(i)?HM(n,i,0,i.length-1):BM(t.text)&&NM(n,""):t.text!==e.text&&(BM(i)&&HM(n,i,0,i.length-1),NM(n,e.text)))}var XM=0,ZM=function(){function t(t,e,n){if(this.type="svg",this.refreshHover=jM("refreshHover"),this.configLayer=jM("configLayer"),this.storage=e,this._opts=n=A({},n),this.root=t,this._id="zr"+XM++,this._oldVNode=tM(n.width,n.height),t&&!n.ssr){var i=this._viewport=document.createElement("div");i.style.cssText="position:relative;overflow:hidden";var r=this._svgDom=this._oldVNode.elm=KS("svg");UM(null,this._oldVNode),i.appendChild(r),t.appendChild(i)}this.resize(n.width,n.height)}return t.prototype.getType=function(){return this.type},t.prototype.getViewportRoot=function(){return this._viewport},t.prototype.getViewportRootOffset=function(){var t=this.getViewportRoot();if(t)return{offsetLeft:t.offsetLeft||0,offsetTop:t.offsetTop||0}},t.prototype.getSvgDom=function(){return this._svgDom},t.prototype.refresh=function(){if(this.root){var t=this.renderToVNode({willUpdate:!0});t.attrs.style="position:absolute;left:0;top:0;user-select:none",function(t,e){if(GM(t,e))YM(t,e);else{var n=t.elm,i=OM(n);FM(e),null!==i&&(kM(i,e.elm,RM(n)),HM(i,[t],0,0))}}(this._oldVNode,t),this._oldVNode=t}},t.prototype.renderOneToVNode=function(t){return IM(t,QS(this._id))},t.prototype.renderToVNode=function(t){t=t||{};var e=this.storage.getDisplayList(!0),n=this._width,i=this._height,r=QS(this._id);r.animation=t.animation,r.willUpdate=t.willUpdate,r.compress=t.compress,r.emphasis=t.emphasis,r.ssr=this._opts.ssr;var o=[],a=this._bgVNode=function(t,e,n,i){var r;if(n&&"none"!==n)if(r=$S("rect","bg",{width:t,height:e,x:"0",y:"0"}),ki(n))TM({fill:n},r.attrs,"fill",i);else if(Ci(n))CM({style:{fill:n},dirty:bt,getBoundingRect:function(){return{width:t,height:e}}},r.attrs,"fill",i);else{var o=_i(n),a=o.color,s=o.opacity;r.attrs.fill=a,s<1&&(r.attrs["fill-opacity"]=s)}return r}(n,i,this._backgroundColor,r);a&&o.push(a);var s=t.compress?null:this._mainVNode=$S("g","main",{},[]);this._paintList(e,r,s?s.children:o),s&&o.push(s);var l=E(F(r.defs),(function(t){return r.defs[t]}));if(l.length&&o.push($S("defs","defs",{},l)),t.animation){var u=function(t,e,n){var i=(n=n||{}).newline?"\n":"",r=" {"+i,o=i+"}",a=E(F(t),(function(e){return e+r+E(F(t[e]),(function(n){return n+":"+t[e][n]+";"})).join(i)+o})).join(i),s=E(F(e),(function(t){return"@keyframes "+t+r+E(F(e[t]),(function(n){return n+r+E(F(e[t][n]),(function(i){var r=e[t][n][i];return"d"===i&&(r='path("'+r+'")'),i+":"+r+";"})).join(i)+o})).join(i)+o})).join(i);return a||s?["<![CDATA[",a,s,"]]>"].join(i):""}(r.cssNodes,r.cssAnims,{newline:!0});if(u){var c=$S("style","stl",{},[],u);o.push(c)}}return tM(n,i,o,t.useViewBox)},t.prototype.renderToString=function(t){return t=t||{},JS(this.renderToVNode({animation:rt(t.cssAnimation,!0),emphasis:rt(t.cssEmphasis,!0),willUpdate:!1,compress:!0,useViewBox:rt(t.useViewBox,!0)}),{newline:!0})},t.prototype.setBackgroundColor=function(t){this._backgroundColor=t},t.prototype.getSvgRoot=function(){return this._mainVNode&&this._mainVNode.elm},t.prototype._paintList=function(t,e,n){for(var i,r,o=t.length,a=[],s=0,l=0,u=0;u<o;u++){var c=t[u];if(!c.invisible){var h=c.__clipPaths,d=h&&h.length||0,p=r&&r.length||0,f=void 0;for(f=Math.max(d-1,p-1);f>=0&&(!h||!r||h[f]!==r[f]);f--);for(var g=p-1;g>f;g--)i=a[--s-1];for(var y=f+1;y<d;y++){var v={};DM(h[y],v,e);var m=$S("g","clip-g-"+l++,v,[]);(i?i.children:n).push(m),a[s++]=m,i=m}r=h;var x=IM(c,e);x&&(i?i.children:n).push(x)}}},t.prototype.resize=function(t,e){var n=this._opts,i=this.root,r=this._viewport;if(null!=t&&(n.width=t),null!=e&&(n.height=e),i&&r&&(r.style.display="none",t=vm(i,0,n),e=vm(i,1,n),r.style.display=""),this._width!==t||this._height!==e){if(this._width=t,this._height=e,r){var o=r.style;o.width=t+"px",o.height=e+"px"}if(Ci(this._backgroundColor))this.refresh();else{var a=this._svgDom;a&&(a.setAttribute("width",t),a.setAttribute("height",e));var s=this._bgVNode&&this._bgVNode.elm;s&&(s.setAttribute("width",t),s.setAttribute("height",e))}}},t.prototype.getWidth=function(){return this._width},t.prototype.getHeight=function(){return this._height},t.prototype.dispose=function(){this.root&&(this.root.innerHTML=""),this._svgDom=this._viewport=this.storage=this._oldVNode=this._bgVNode=this._mainVNode=null},t.prototype.clear=function(){this._svgDom&&(this._svgDom.innerHTML=null),this._oldVNode=null},t.prototype.toDataURL=function(t){var e=this.renderToString(),n="data:image/svg+xml;";return t?(e=Ri(e))&&n+"base64,"+e:n+"charset=UTF-8,"+encodeURIComponent(e)},t}();function jM(t){return function(){0}}function qM(t,e,n){var i=c.createCanvas(),r=e.getWidth(),o=e.getHeight(),a=i.style;return a&&(a.position="absolute",a.left="0",a.top="0",a.width=r+"px",a.height=o+"px",i.setAttribute("data-zr-dom-id",t)),i.width=r*n,i.height=o*n,i}var KM=function(t){function e(e,n,i){var r,o=t.call(this)||this;o.motionBlur=!1,o.lastFrameAlpha=.7,o.dpr=1,o.virtual=!1,o.config={},o.incremental=!1,o.zlevel=0,o.maxRepaintRectCount=5,o.__dirty=!0,o.__firstTimePaint=!0,o.__used=!1,o.__drawIndex=0,o.__startIndex=0,o.__endIndex=0,o.__prevStartIndex=null,o.__prevEndIndex=null,i=i||vr,"string"==typeof e?r=qM(e,n,i):q(e)&&(e=(r=e).id),o.id=e,o.dom=r;var a=r.style;return a&&(xt(r),r.onselectstart=function(){return!1},a.padding="0",a.margin="0",a.borderWidth="0"),o.painter=n,o.dpr=i,o}return n(e,t),e.prototype.getElementCount=function(){return this.__endIndex-this.__startIndex},e.prototype.afterBrush=function(){this.__prevStartIndex=this.__startIndex,this.__prevEndIndex=this.__endIndex},e.prototype.initContext=function(){this.ctx=this.dom.getContext("2d"),this.ctx.dpr=this.dpr},e.prototype.setUnpainted=function(){this.__firstTimePaint=!0},e.prototype.createBackBuffer=function(){var t=this.dpr;this.domBack=qM("back-"+this.id,this.painter,t),this.ctxBack=this.domBack.getContext("2d"),1!==t&&this.ctxBack.scale(t,t)},e.prototype.createRepaintRects=function(t,e,n,i){if(this.__firstTimePaint)return this.__firstTimePaint=!1,null;var r,o=[],a=this.maxRepaintRectCount,s=!1,l=new He(0,0,0,0);function u(t){if(t.isFinite()&&!t.isZero())if(0===o.length){(e=new He(0,0,0,0)).copy(t),o.push(e)}else{for(var e,n=!1,i=1/0,r=0,u=0;u<o.length;++u){var c=o[u];if(c.intersect(t)){var h=new He(0,0,0,0);h.copy(c),h.union(t),o[u]=h,n=!0;break}if(s){l.copy(t),l.union(c);var d=t.width*t.height,p=c.width*c.height,f=l.width*l.height-d-p;f<i&&(i=f,r=u)}}if(s&&(o[r].union(t),n=!0),!n)(e=new He(0,0,0,0)).copy(t),o.push(e);s||(s=o.length>=a)}}for(var c=this.__startIndex;c<this.__endIndex;++c){if(p=t[c]){var h=p.shouldBePainted(n,i,!0,!0);(f=p.__isRendered&&(1&p.__dirty||!h)?p.getPrevPaintRect():null)&&u(f);var d=h&&(1&p.__dirty||!p.__isRendered)?p.getPaintRect():null;d&&u(d)}}for(c=this.__prevStartIndex;c<this.__prevEndIndex;++c){var p,f;h=(p=e[c])&&p.shouldBePainted(n,i,!0,!0);if(p&&(!h||!p.__zr)&&p.__isRendered)(f=p.getPrevPaintRect())&&u(f)}do{r=!1;for(c=0;c<o.length;)if(o[c].isZero())o.splice(c,1);else{for(var g=c+1;g<o.length;)o[c].intersect(o[g])?(r=!0,o[c].union(o[g]),o.splice(g,1)):g++;c++}}while(r);return this._paintRects=o,o},e.prototype.debugGetPaintRects=function(){return(this._paintRects||[]).slice()},e.prototype.resize=function(t,e){var n=this.dpr,i=this.dom,r=i.style,o=this.domBack;r&&(r.width=t+"px",r.height=e+"px"),i.width=t*n,i.height=e*n,o&&(o.width=t*n,o.height=e*n,1!==n&&this.ctxBack.scale(n,n))},e.prototype.clear=function(t,e,n){var i=this.dom,r=this.ctx,o=i.width,a=i.height;e=e||this.clearColor;var s=this.motionBlur&&!t,l=this.lastFrameAlpha,u=this.dpr,c=this;s&&(this.domBack||this.createBackBuffer(),this.ctxBack.globalCompositeOperation="copy",this.ctxBack.drawImage(i,0,0,o/u,a/u));var h=this.domBack;function d(t,n,i,o){if(r.clearRect(t,n,i,o),e&&"transparent"!==e){var a=void 0;if(Q(e))a=(e.global||e.__width===i&&e.__height===o)&&e.__canvasGradient||gm(r,e,{x:0,y:0,width:i,height:o}),e.__canvasGradient=a,e.__width=i,e.__height=o;else tt(e)&&(e.scaleX=e.scaleX||u,e.scaleY=e.scaleY||u,a=Im(r,e,{dirty:function(){c.setUnpainted(),c.painter.refresh()}}));r.save(),r.fillStyle=a||e,r.fillRect(t,n,i,o),r.restore()}s&&(r.save(),r.globalAlpha=l,r.drawImage(h,t,n,i,o),r.restore())}!n||s?d(0,0,o,a):n.length&&z(n,(function(t){d(t.x*u,t.y*u,t.width*u,t.height*u)}))},e}(qt),$M=1e5,JM=314159,QM=.01;var tI=function(){function t(t,e,n,i){this.type="canvas",this._zlevelList=[],this._prevDisplayList=[],this._layers={},this._layerConfig={},this._needsManuallyCompositing=!1,this.type="canvas";var r=!t.nodeName||"CANVAS"===t.nodeName.toUpperCase();this._opts=n=A({},n||{}),this.dpr=n.devicePixelRatio||vr,this._singleCanvas=r,this.root=t,t.style&&(xt(t),t.innerHTML=""),this.storage=e;var o=this._zlevelList;this._prevDisplayList=[];var a=this._layers;if(r){var s=t,l=s.width,u=s.height;null!=n.width&&(l=n.width),null!=n.height&&(u=n.height),this.dpr=n.devicePixelRatio||1,s.width=l*this.dpr,s.height=u*this.dpr,this._width=l,this._height=u;var c=new KM(s,this,this.dpr);c.__builtin__=!0,c.initContext(),a[314159]=c,c.zlevel=JM,o.push(JM),this._domRoot=t}else{this._width=vm(t,0,n),this._height=vm(t,1,n);var h=this._domRoot=function(t,e){var n=document.createElement("div");return n.style.cssText=["position:relative","width:"+t+"px","height:"+e+"px","padding:0","margin:0","border-width:0"].join(";")+";",n}(this._width,this._height);t.appendChild(h)}}return t.prototype.getType=function(){return"canvas"},t.prototype.isSingleCanvas=function(){return this._singleCanvas},t.prototype.getViewportRoot=function(){return this._domRoot},t.prototype.getViewportRootOffset=function(){var t=this.getViewportRoot();if(t)return{offsetLeft:t.offsetLeft||0,offsetTop:t.offsetTop||0}},t.prototype.refresh=function(t){var e=this.storage.getDisplayList(!0),n=this._prevDisplayList,i=this._zlevelList;this._redrawId=Math.random(),this._paintList(e,n,t,this._redrawId);for(var r=0;r<i.length;r++){var o=i[r],a=this._layers[o];if(!a.__builtin__&&a.refresh){var s=0===r?this._backgroundColor:null;a.refresh(s)}}return this._opts.useDirtyRect&&(this._prevDisplayList=e.slice()),this},t.prototype.refreshHover=function(){this._paintHoverList(this.storage.getDisplayList(!1))},t.prototype._paintHoverList=function(t){var e=t.length,n=this._hoverlayer;if(n&&n.clear(),e){for(var i,r={inHover:!0,viewWidth:this._width,viewHeight:this._height},o=0;o<e;o++){var a=t[o];a.__inHover&&(n||(n=this._hoverlayer=this.getLayer($M)),i||(i=n.ctx).save(),Rm(i,a,r,o===e-1))}i&&i.restore()}},t.prototype.getHoverLayer=function(){return this.getLayer($M)},t.prototype.paintOne=function(t,e){Om(t,e)},t.prototype._paintList=function(t,e,n,i){if(this._redrawId===i){n=n||!1,this._updateLayerStatus(t);var r=this._doPaintList(t,e,n),o=r.finished,a=r.needsRefreshHover;if(this._needsManuallyCompositing&&this._compositeManually(),a&&this._paintHoverList(t),o)this.eachLayer((function(t){t.afterBrush&&t.afterBrush()}));else{var s=this;gn((function(){s._paintList(t,e,n,i)}))}}},t.prototype._compositeManually=function(){var t=this.getLayer(JM).ctx,e=this._domRoot.width,n=this._domRoot.height;t.clearRect(0,0,e,n),this.eachBuiltinLayer((function(i){i.virtual&&t.drawImage(i.dom,0,0,e,n)}))},t.prototype._doPaintList=function(t,e,n){for(var i=this,o=[],a=this._opts.useDirtyRect,s=0;s<this._zlevelList.length;s++){var l=this._zlevelList[s],u=this._layers[l];u.__builtin__&&u!==this._hoverlayer&&(u.__dirty||n)&&o.push(u)}for(var c=!0,h=!1,d=function(r){var s,l=o[r],u=l.ctx,d=a&&l.createRepaintRects(t,e,p._width,p._height),f=n?l.__startIndex:l.__drawIndex,g=!n&&l.incremental&&Date.now,y=g&&Date.now(),v=l.zlevel===p._zlevelList[0]?p._backgroundColor:null;if(l.__startIndex===l.__endIndex)l.clear(!1,v,d);else if(f===l.__startIndex){var m=t[f];m.incremental&&m.notClear&&!n||l.clear(!1,v,d)}-1===f&&(console.error("For some unknown reason. drawIndex is -1"),f=l.__startIndex);var x=function(e){var n={inHover:!1,allClipped:!1,prevEl:null,viewWidth:i._width,viewHeight:i._height};for(s=f;s<l.__endIndex;s++){var r=t[s];if(r.__inHover&&(h=!0),i._doPaintEl(r,l,a,e,n,s===l.__endIndex-1),g)if(Date.now()-y>15)break}n.prevElClipPaths&&u.restore()};if(d)if(0===d.length)s=l.__endIndex;else for(var _=p.dpr,b=0;b<d.length;++b){var w=d[b];u.save(),u.beginPath(),u.rect(w.x*_,w.y*_,w.width*_,w.height*_),u.clip(),x(w),u.restore()}else u.save(),x(),u.restore();l.__drawIndex=s,l.__drawIndex<l.__endIndex&&(c=!1)},p=this,f=0;f<o.length;f++)d(f);return r.wxa&&z(this._layers,(function(t){t&&t.ctx&&t.ctx.draw&&t.ctx.draw()})),{finished:c,needsRefreshHover:h}},t.prototype._doPaintEl=function(t,e,n,i,r,o){var a=e.ctx;if(n){var s=t.getPaintRect();(!i||s&&s.intersect(i))&&(Rm(a,t,r,o),t.setPrevPaintRect(s))}else Rm(a,t,r,o)},t.prototype.getLayer=function(t,e){this._singleCanvas&&!this._needsManuallyCompositing&&(t=JM);var n=this._layers[t];return n||((n=new KM("zr_"+t,this,this.dpr)).zlevel=t,n.__builtin__=!0,this._layerConfig[t]?C(n,this._layerConfig[t],!0):this._layerConfig[t-QM]&&C(n,this._layerConfig[t-QM],!0),e&&(n.virtual=e),this.insertLayer(t,n),n.initContext()),n},t.prototype.insertLayer=function(t,e){var n=this._layers,i=this._zlevelList,r=i.length,o=this._domRoot,a=null,s=-1;if(!n[t]&&function(t){return!!t&&(!!t.__builtin__||"function"==typeof t.resize&&"function"==typeof t.refresh)}(e)){if(r>0&&t>i[0]){for(s=0;s<r-1&&!(i[s]<t&&i[s+1]>t);s++);a=n[i[s]]}if(i.splice(s+1,0,t),n[t]=e,!e.virtual)if(a){var l=a.dom;l.nextSibling?o.insertBefore(e.dom,l.nextSibling):o.appendChild(e.dom)}else o.firstChild?o.insertBefore(e.dom,o.firstChild):o.appendChild(e.dom);e.painter||(e.painter=this)}},t.prototype.eachLayer=function(t,e){for(var n=this._zlevelList,i=0;i<n.length;i++){var r=n[i];t.call(e,this._layers[r],r)}},t.prototype.eachBuiltinLayer=function(t,e){for(var n=this._zlevelList,i=0;i<n.length;i++){var r=n[i],o=this._layers[r];o.__builtin__&&t.call(e,o,r)}},t.prototype.eachOtherLayer=function(t,e){for(var n=this._zlevelList,i=0;i<n.length;i++){var r=n[i],o=this._layers[r];o.__builtin__||t.call(e,o,r)}},t.prototype.getLayers=function(){return this._layers},t.prototype._updateLayerStatus=function(t){function e(t){o&&(o.__endIndex!==t&&(o.__dirty=!0),o.__endIndex=t)}if(this.eachBuiltinLayer((function(t,e){t.__dirty=t.__used=!1})),this._singleCanvas)for(var n=1;n<t.length;n++){if((s=t[n]).zlevel!==t[n-1].zlevel||s.incremental){this._needsManuallyCompositing=!0;break}}var i,r,o=null,a=0;for(r=0;r<t.length;r++){var s,l=(s=t[r]).zlevel,u=void 0;i!==l&&(i=l,a=0),s.incremental?((u=this.getLayer(l+.001,this._needsManuallyCompositing)).incremental=!0,a=1):u=this.getLayer(l+(a>0?QM:0),this._needsManuallyCompositing),u.__builtin__||I("ZLevel "+l+" has been used by unkown layer "+u.id),u!==o&&(u.__used=!0,u.__startIndex!==r&&(u.__dirty=!0),u.__startIndex=r,u.incremental?u.__drawIndex=-1:u.__drawIndex=r,e(r),o=u),1&s.__dirty&&!s.__inHover&&(u.__dirty=!0,u.incremental&&u.__drawIndex<0&&(u.__drawIndex=r))}e(r),this.eachBuiltinLayer((function(t,e){!t.__used&&t.getElementCount()>0&&(t.__dirty=!0,t.__startIndex=t.__endIndex=t.__drawIndex=0),t.__dirty&&t.__drawIndex<0&&(t.__drawIndex=t.__startIndex)}))},t.prototype.clear=function(){return this.eachBuiltinLayer(this._clearLayer),this},t.prototype._clearLayer=function(t){t.clear()},t.prototype.setBackgroundColor=function(t){this._backgroundColor=t,z(this._layers,(function(t){t.setUnpainted()}))},t.prototype.configLayer=function(t,e){if(e){var n=this._layerConfig;n[t]?C(n[t],e,!0):n[t]=e;for(var i=0;i<this._zlevelList.length;i++){var r=this._zlevelList[i];if(r===t||r===t+QM)C(this._layers[r],n[t],!0)}}},t.prototype.delLayer=function(t){var e=this._layers,n=this._zlevelList,i=e[t];i&&(i.dom.parentNode.removeChild(i.dom),delete e[t],n.splice(P(n,t),1))},t.prototype.resize=function(t,e){if(this._domRoot.style){var n=this._domRoot;n.style.display="none";var i=this._opts,r=this.root;if(null!=t&&(i.width=t),null!=e&&(i.height=e),t=vm(r,0,i),e=vm(r,1,i),n.style.display="",this._width!==t||e!==this._height){for(var o in n.style.width=t+"px",n.style.height=e+"px",this._layers)this._layers.hasOwnProperty(o)&&this._layers[o].resize(t,e);this.refresh(!0)}this._width=t,this._height=e}else{if(null==t||null==e)return;this._width=t,this._height=e,this.getLayer(JM).resize(t,e)}return this},t.prototype.clearLayer=function(t){var e=this._layers[t];e&&e.clear()},t.prototype.dispose=function(){this.root.innerHTML="",this.root=this.storage=this._domRoot=this._layers=null},t.prototype.getRenderedCanvas=function(t){if(t=t||{},this._singleCanvas&&!this._compositeManually)return this._layers[314159].dom;var e=new KM("image",this,t.pixelRatio||this.dpr);e.initContext(),e.clear(!1,t.backgroundColor||this._backgroundColor);var n=e.ctx;if(t.pixelRatio<=this.dpr){this.refresh();var i=e.dom.width,r=e.dom.height;this.eachLayer((function(t){t.__builtin__?n.drawImage(t.dom,0,0,i,r):t.renderToCanvas&&(n.save(),t.renderToCanvas(n),n.restore())}))}else for(var o={inHover:!1,viewWidth:this._width,viewHeight:this._height},a=this.storage.getDisplayList(!0),s=0,l=a.length;s<l;s++){var u=a[s];Rm(n,u,o,s===l-1)}return e.dom},t.prototype.getWidth=function(){return this._width},t.prototype.getHeight=function(){return this._height},t}();var eI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.getInitialData=function(t){return Z_(null,this,{useEncodeDefaulter:!0})},e.prototype.getLegendIcon=function(t){var e=new to,n=hm("line",0,t.itemHeight/2,t.itemWidth,0,t.lineStyle.stroke,!1);e.add(n),n.setStyle(t.lineStyle);var i=this.getData().getVisual("symbol"),r=this.getData().getVisual("symbolRotate"),o="none"===i?"circle":i,a=.8*t.itemHeight,s=hm(o,(t.itemWidth-a)/2,(t.itemHeight-a)/2,a,a,t.itemStyle.fill);e.add(s),s.setStyle(t.itemStyle);var l="inherit"===t.iconRotate?r:t.iconRotate||0;return s.rotation=l*Math.PI/180,s.setOrigin([t.itemWidth/2,t.itemHeight/2]),o.indexOf("empty")>-1&&(s.style.stroke=s.style.fill,s.style.fill=tf.color.neutral00,s.style.lineWidth=2),e},e.type="series.line",e.dependencies=["grid","polar"],e.defaultOption={z:3,coordinateSystem:"cartesian2d",legendHoverLink:!0,clip:!0,label:{position:"top"},endLabel:{show:!1,valueAnimation:!0,distance:8},lineStyle:{width:2,type:"solid"},emphasis:{scale:!0},step:!1,smooth:!1,smoothMonotone:null,symbol:"emptyCircle",symbolSize:6,symbolRotate:null,showSymbol:!0,showAllSymbol:"auto",connectNulls:!1,sampling:"none",animationEasing:"linear",progressive:0,hoverLayerThreshold:1/0,universalTransition:{divideShape:"clone"},triggerLineEvent:!1},e}(Wy);function nI(t,e){var n=t.mapDimensionsAll("defaultedLabel"),i=n.length;if(1===i){var r=Vg(t,e,n[0]);return null!=r?r+"":null}if(i){for(var o=[],a=0;a<n.length;a++)o.push(Vg(t,e,n[a]));return o.join(" ")}}function iI(t,e){var n=t.mapDimensionsAll("defaultedLabel");if(!U(e))return e+"";for(var i=[],r=0;r<n.length;r++){var o=t.getDimensionIndex(n[r]);o>=0&&i.push(e[o])}return i.join(" ")}var rI=function(t){function e(e,n,i,r){var o=t.call(this)||this;return o.updateData(e,n,i,r),o}return n(e,t),e.prototype._createSymbol=function(t,e,n,i,r,o){this.removeAll();var a=hm(t,-1,-1,2,2,null,o);a.attr({z2:rt(r,100),culling:!0,scaleX:i[0]/2,scaleY:i[1]/2}),a.drift=oI,this._symbolType=t,this.add(a)},e.prototype.stopSymbolAnimation=function(t){this.childAt(0).stopAnimation(null,t)},e.prototype.getSymbolType=function(){return this._symbolType},e.prototype.getSymbolPath=function(){return this.childAt(0)},e.prototype.highlight=function(){du(this.childAt(0))},e.prototype.downplay=function(){pu(this.childAt(0))},e.prototype.setZ=function(t,e){var n=this.childAt(0);n.zlevel=t,n.z=e},e.prototype.setDraggable=function(t,e){var n=this.childAt(0);n.draggable=t,n.cursor=!e&&t?"move":n.cursor},e.prototype.updateData=function(t,n,i,r){this.silent=!1;var o=t.getItemVisual(n,"symbol")||"circle",a=t.hostModel,s=e.getSymbolSize(t,n),l=e.getSymbolZ2(t,n),u=o!==this._symbolType,c=r&&r.disableAnimation;if(u){var h=t.getItemVisual(n,"symbolKeepAspect");this._createSymbol(o,t,n,s,l,h)}else{(p=this.childAt(0)).silent=!1;var d={scaleX:s[0]/2,scaleY:s[1]/2};c?p.attr(d):th(p,d,a,n),ah(p)}if(this._updateCommon(t,n,s,i,r),u){var p=this.childAt(0);if(!c){d={scaleX:this._sizeX,scaleY:this._sizeY,style:{opacity:p.style.opacity}};p.scaleX=p.scaleY=0,p.style.opacity=0,eh(p,d,a,n)}}c&&this.childAt(0).stopAnimation("leave")},e.prototype._updateCommon=function(t,e,n,i,r){var o,a,s,l,u,c,h,d,p,f=this.childAt(0),g=t.hostModel;if(i&&(o=i.emphasisItemStyle,a=i.blurItemStyle,s=i.selectItemStyle,l=i.focus,u=i.blurScope,h=i.labelStatesModels,d=i.hoverScale,p=i.cursorStyle,c=i.emphasisDisabled),!i||t.hasItemOption){var y=i&&i.itemModel?i.itemModel:t.getItemModel(e),v=y.getModel("emphasis");o=v.getModel("itemStyle").getItemStyle(),s=y.getModel(["select","itemStyle"]).getItemStyle(),a=y.getModel(["blur","itemStyle"]).getItemStyle(),l=v.get("focus"),u=v.get("blurScope"),c=v.get("disabled"),h=Jh(y),d=v.getShallow("scale"),p=y.getShallow("cursor")}var m=t.getItemVisual(e,"symbolRotate");f.attr("rotation",(m||0)*Math.PI/180||0);var x=pm(t.getItemVisual(e,"symbolOffset"),n);x&&(f.x=x[0],f.y=x[1]),p&&f.attr("cursor",p);var _=t.getItemVisual(e,"style"),b=_.fill;if(f instanceof dl){var w=f.style;f.useStyle(A({image:w.image,x:w.x,y:w.y,width:w.width,height:w.height},_))}else f.__isEmptyBrush?f.useStyle(A({},_)):f.useStyle(_),f.style.decal=null,f.setColor(b,r&&r.symbolInnerColor),f.style.strokeNoScale=!0;var S=t.getItemVisual(e,"liftZ"),M=this._z2;null!=S?null==M&&(this._z2=f.z2,f.z2+=S):null!=M&&(f.z2=M,this._z2=null);var I=r&&r.useNameLabel;$h(f,h,{labelFetcher:g,labelDataIndex:e,defaultText:function(e){return I?t.getName(e):nI(t,e)},inheritColor:b,defaultOpacity:_.opacity}),this._sizeX=n[0]/2,this._sizeY=n[1]/2;var T=f.ensureState("emphasis");T.style=o,f.ensureState("select").style=s,f.ensureState("blur").style=a;var C=null==d||!0===d?Math.max(1.1,3/this._sizeY):isFinite(d)&&d>0?+d:1;T.scaleX=this._sizeX*C,T.scaleY=this._sizeY*C,this.setSymbolScale(1),Tu(this,l,u,c)},e.prototype.setSymbolScale=function(t){this.scaleX=this.scaleY=t},e.prototype.fadeOut=function(t,e,n){var i=this.childAt(0),r=zl(this).dataIndex,o=n&&n.animation;if(this.silent=i.silent=!0,n&&n.fadeLabel){var a=i.getTextContent();a&&ih(a,{style:{opacity:0}},e,{dataIndex:r,removeOpt:o,cb:function(){i.removeTextContent()}})}else i.removeTextContent();ih(i,{style:{opacity:0},scaleX:0,scaleY:0},e,{dataIndex:r,cb:t,removeOpt:o})},e.getSymbolSize=function(t,e){return dm(t.getItemVisual(e,"symbolSize"))},e.getSymbolZ2=function(t,e){return t.getItemVisual(e,"z2")},e}(to);function oI(t,e){this.parent.drift(t,e)}function aI(t,e,n,i){return e&&!isNaN(e[0])&&!isNaN(e[1])&&!(i.isIgnore&&i.isIgnore(n))&&!(i.clipShape&&!i.clipShape.contain(e[0],e[1]))&&"none"!==t.getItemVisual(n,"symbol")}function sI(t){return null==t||q(t)||(t={isIgnore:t}),t||{}}function lI(t){var e=t.hostModel,n=e.getModel("emphasis");return{emphasisItemStyle:n.getModel("itemStyle").getItemStyle(),blurItemStyle:e.getModel(["blur","itemStyle"]).getItemStyle(),selectItemStyle:e.getModel(["select","itemStyle"]).getItemStyle(),focus:n.get("focus"),blurScope:n.get("blurScope"),emphasisDisabled:n.get("disabled"),hoverScale:n.get("scale"),labelStatesModels:Jh(e),cursorStyle:e.get("cursor")}}var uI=function(){function t(t){this.group=new to,this._SymbolCtor=t||rI}return t.prototype.updateData=function(t,e){this._progressiveEls=null,e=sI(e);var n=this.group,i=t.hostModel,r=this._data,o=this._SymbolCtor,a=e.disableAnimation,s=lI(t),l={disableAnimation:a},u=e.getSymbolPoint||function(e){return t.getItemLayout(e)};r||n.removeAll(),t.diff(r).add((function(i){var r=u(i);if(aI(t,r,i,e)){var a=new o(t,i,s,l);a.setPosition(r),t.setItemGraphicEl(i,a),n.add(a)}})).update((function(c,h){var d=r.getItemGraphicEl(h),p=u(c);if(aI(t,p,c,e)){var f=t.getItemVisual(c,"symbol")||"circle",g=d&&d.getSymbolType&&d.getSymbolType();if(!d||g&&g!==f)n.remove(d),(d=new o(t,c,s,l)).setPosition(p);else{d.updateData(t,c,s,l);var y={x:p[0],y:p[1]};a?d.attr(y):th(d,y,i)}n.add(d),t.setItemGraphicEl(c,d)}else n.remove(d)})).remove((function(t){var e=r.getItemGraphicEl(t);e&&e.fadeOut((function(){n.remove(e)}),i)})).execute(),this._getSymbolPoint=u,this._data=t},t.prototype.updateLayout=function(){var t=this,e=this._data;e&&e.eachItemGraphicEl((function(e,n){var i=t._getSymbolPoint(n);e.setPosition(i),e.markRedraw()}))},t.prototype.incrementalPrepareUpdate=function(t){this._seriesScope=lI(t),this._data=null,this.group.removeAll()},t.prototype.incrementalUpdate=function(t,e,n){function i(t){t.isGroup||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}this._progressiveEls=[],n=sI(n);for(var r=t.start;r<t.end;r++){var o=e.getItemLayout(r);if(aI(e,o,r,n)){var a=new this._SymbolCtor(e,r,this._seriesScope);a.traverse(i),a.setPosition(o),this.group.add(a),e.setItemGraphicEl(r,a),this._progressiveEls.push(a)}}},t.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},t.prototype.remove=function(t){var e=this.group,n=this._data;n&&t?n.eachItemGraphicEl((function(t){t.fadeOut((function(){e.remove(t)}),n.hostModel)})):e.removeAll()},t}();function cI(t,e,n){var i=t.getBaseAxis(),r=t.getOtherAxis(i),o=function(t,e){var n=0,i=t.scale.getExtent();"start"===e?n=i[0]:"end"===e?n=i[1]:j(e)&&!isNaN(e)?n=e:i[0]>0?n=i[0]:i[1]<0&&(n=i[1]);return n}(r,n),a=i.dim,s=r.dim,l=e.mapDimension(s),u=e.mapDimension(a),c="x"===s||"radius"===s?1:0,h=E(t.dimensions,(function(t){return e.mapDimension(t)})),d=!1,p=e.getCalculationInfo("stackResultDimension");return Y_(e,h[0])&&(d=!0,h[0]=p),Y_(e,h[1])&&(d=!0,h[1]=p),{dataDimsForPoint:h,valueStart:o,valueAxisDim:s,baseAxisDim:a,stacked:!!d,valueDim:l,baseDim:u,baseDataOffset:c,stackedOverDimension:e.getCalculationInfo("stackedOverDimension")}}function hI(t,e,n,i){var r=NaN;t.stacked&&(r=n.get(n.getCalculationInfo("stackedOverDimension"),i)),isNaN(r)&&(r=t.valueStart);var o=t.baseDataOffset,a=[];return a[o]=n.get(t.baseDim,i),a[1-o]=r,e.dataToPoint(a)}var dI=Math.min,pI=Math.max;function fI(t,e){return isNaN(t)||isNaN(e)}function gI(t,e,n,i,r,o,a,s,l){for(var u,c,h,d,p,f,g=n,y=0;y<i;y++){var v=e[2*g],m=e[2*g+1];if(g>=r||g<0)break;if(fI(v,m)){if(l){g+=o;continue}break}if(g===n)t[o>0?"moveTo":"lineTo"](v,m),h=v,d=m;else{var x=v-u,_=m-c;if(x*x+_*_<.5){g+=o;continue}if(a>0){for(var b=g+o,w=e[2*b],S=e[2*b+1];w===v&&S===m&&y<i;)y++,g+=o,w=e[2*(b+=o)],S=e[2*b+1],x=(v=e[2*g])-u,_=(m=e[2*g+1])-c;var M=y+1;if(l)for(;fI(w,S)&&M<i;)M++,w=e[2*(b+=o)],S=e[2*b+1];var I=.5,T=0,C=0,D=void 0,A=void 0;if(M>=i||fI(w,S))p=v,f=m;else{T=w-u,C=S-c;var k=v-u,L=w-v,P=m-c,O=S-m,R=void 0,N=void 0;if("x"===s){var z=T>0?1:-1;p=v-z*(R=Math.abs(k))*a,f=m,D=v+z*(N=Math.abs(L))*a,A=m}else if("y"===s){var E=C>0?1:-1;p=v,f=m-E*(R=Math.abs(P))*a,D=v,A=m+E*(N=Math.abs(O))*a}else R=Math.sqrt(k*k+P*P),p=v-T*a*(1-(I=(N=Math.sqrt(L*L+O*O))/(N+R))),f=m-C*a*(1-I),A=m+C*a*I,D=dI(D=v+T*a*I,pI(w,v)),A=dI(A,pI(S,m)),D=pI(D,dI(w,v)),f=m-(C=(A=pI(A,dI(S,m)))-m)*R/N,p=dI(p=v-(T=D-v)*R/N,pI(u,v)),f=dI(f,pI(c,m)),D=v+(T=v-(p=pI(p,dI(u,v))))*N/R,A=m+(C=m-(f=pI(f,dI(c,m))))*N/R}t.bezierCurveTo(h,d,p,f,v,m),h=D,d=A}else t.lineTo(v,m)}u=v,c=m,g+=o}return y}var yI=function(){this.smooth=0,this.smoothConstraint=!0},vI=function(t){function e(e){var n=t.call(this,e)||this;return n.type="ec-polyline",n}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:tf.color.neutral99,fill:null}},e.prototype.getDefaultShape=function(){return new yI},e.prototype.buildPath=function(t,e){var n=e.points,i=0,r=n.length/2;if(e.connectNulls){for(;r>0&&fI(n[2*r-2],n[2*r-1]);r--);for(;i<r&&fI(n[2*i],n[2*i+1]);i++);}for(;i<r;)i+=gI(t,n,i,r,r,1,e.smooth,e.smoothMonotone,e.connectNulls)+1},e.prototype.getPointOn=function(t,e){this.path||(this.createPathProxy(),this.buildPath(this.path,this.shape));for(var n,i,r=this.path.data,o=Fs.CMD,a="x"===e,s=[],l=0;l<r.length;){var u=void 0,c=void 0,h=void 0,d=void 0,p=void 0,f=void 0,g=void 0;switch(r[l++]){case o.M:n=r[l++],i=r[l++];break;case o.L:if(u=r[l++],c=r[l++],(g=a?(t-n)/(u-n):(t-i)/(c-i))<=1&&g>=0){var y=a?(c-i)*g+i:(u-n)*g+n;return a?[t,y]:[y,t]}n=u,i=c;break;case o.C:u=r[l++],c=r[l++],h=r[l++],d=r[l++],p=r[l++],f=r[l++];var v=a?kn(n,u,h,p,t,s):kn(i,c,d,f,t,s);if(v>0)for(var m=0;m<v;m++){var x=s[m];if(x<=1&&x>=0){y=a?Dn(i,c,d,f,x):Dn(n,u,h,p,x);return a?[t,y]:[y,t]}}n=p,i=f}}},e}(sl),mI=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e}(yI),xI=function(t){function e(e){var n=t.call(this,e)||this;return n.type="ec-polygon",n}return n(e,t),e.prototype.getDefaultShape=function(){return new mI},e.prototype.buildPath=function(t,e){var n=e.points,i=e.stackedOnPoints,r=0,o=n.length/2,a=e.smoothMonotone;if(e.connectNulls){for(;o>0&&fI(n[2*o-2],n[2*o-1]);o--);for(;r<o&&fI(n[2*r],n[2*r+1]);r++);}for(;r<o;){var s=gI(t,n,r,o,o,1,e.smooth,a,e.connectNulls);gI(t,i,r+s-1,s,o,-1,e.stackedOnSmooth,a,e.connectNulls),r+=s+1,t.closePath()}},e}(sl);function _I(t,e,n,i,r){var o=t.getArea(),a=o.x,s=o.y,l=o.width,u=o.height,c=n.get(["lineStyle","width"])||0;a-=c/2,s-=c/2,l+=c,u+=c,l=Math.ceil(l),a!==Math.floor(a)&&(a=Math.floor(a),l++);var h=new xl({shape:{x:a,y:s,width:l,height:u}});if(e){var d=t.getBaseAxis(),p=d.isHorizontal(),f=d.inverse;p?(f&&(h.shape.x+=l),h.shape.width=0):(f||(h.shape.y+=u),h.shape.height=0);var g=Y(r)?function(t){r(t,h)}:null;eh(h,{shape:{width:l,height:u,x:a,y:s}},n,null,i,g)}return h}function bI(t,e,n){var i=t.getArea(),r=mo(i.r0,1),o=mo(i.r,1),a=new xc({shape:{cx:mo(t.cx,1),cy:mo(t.cy,1),r0:r,r:o,startAngle:i.startAngle,endAngle:i.endAngle,clockwise:i.clockwise}});e&&("angle"===t.getBaseAxis().dim?a.shape.endAngle=i.startAngle:a.shape.r=r,eh(a,{shape:{endAngle:i.endAngle,r:o}},n));return a}function wI(t,e,n,i,r){return t?"polar"===t.type?bI(t,e,n):"cartesian2d"===t.type?_I(t,e,n,i,r):null:null}function SI(t,e){return t.type===e}function MI(t,e){if(t.length===e.length){for(var n=0;n<t.length;n++)if(t[n]!==e[n])return;return!0}}function II(t){for(var e=1/0,n=1/0,i=-1/0,r=-1/0,o=0;o<t.length;){var a=t[o++],s=t[o++];isNaN(a)||(e=Math.min(a,e),i=Math.max(a,i)),isNaN(s)||(n=Math.min(s,n),r=Math.max(s,r))}return[[e,n],[i,r]]}function TI(t,e){var n=II(t),i=n[0],r=n[1],o=II(e),a=o[0],s=o[1];return Math.max(Math.abs(i[0]-a[0]),Math.abs(i[1]-a[1]),Math.abs(r[0]-s[0]),Math.abs(r[1]-s[1]))}function CI(t){return j(t)?t:t?.5:0}function DI(t,e,n,i,r){var o=n.getBaseAxis(),a="x"===o.dim||"radius"===o.dim?0:1,s=[],l=0,u=[],c=[],h=[],d=[];if(r){for(l=0;l<t.length;l+=2){var p=e||t;isNaN(p[l])||isNaN(p[l+1])||d.push(t[l],t[l+1])}t=d}for(l=0;l<t.length-2;l+=2)switch(h[0]=t[l+2],h[1]=t[l+3],c[0]=t[l],c[1]=t[l+1],s.push(c[0],c[1]),i){case"end":u[a]=h[a],u[1-a]=c[1-a],s.push(u[0],u[1]);break;case"middle":var f=(c[a]+h[a])/2,g=[];u[a]=g[a]=f,u[1-a]=c[1-a],g[1-a]=h[1-a],s.push(u[0],u[1]),s.push(g[0],g[1]);break;default:u[a]=c[a],u[1-a]=h[1-a],s.push(u[0],u[1])}return s.push(t[l++],t[l++]),s}function AI(t,e,n){var i=t.getVisual("visualMeta");if(i&&i.length&&t.count()&&"cartesian2d"===e.type){for(var r,o,a=i.length-1;a>=0;a--){var s=t.getDimensionInfo(i[a].dimension);if("x"===(r=s&&s.coordDim)||"y"===r){o=i[a];break}}if(o){var l=e.getAxis(r),u=E(o.stops,(function(t){return{coord:l.toGlobalCoord(l.dataToCoord(t.value)),color:t.color}})),c=u.length,h=o.outerColors.slice();c&&u[0].coord>u[c-1].coord&&(u.reverse(),h.reverse());var d=function(t,e){var n,i,r=[],o=t.length;function a(t,e,n){var i=t.coord;return{coord:n,color:ci((n-i)/(e.coord-i),[t.color,e.color])}}for(var s=0;s<o;s++){var l=t[s],u=l.coord;if(u<0)n=l;else{if(u>e){i?r.push(a(i,l,e)):n&&r.push(a(n,l,0),a(n,l,e));break}n&&(r.push(a(n,l,0)),n=null),r.push(l),i=l}}return r}(u,"x"===r?n.getWidth():n.getHeight()),p=d.length;if(!p&&c)return u[0].coord<0?h[1]?h[1]:u[c-1].color:h[0]?h[0]:u[0].color;var f=d[0].coord-10,g=d[p-1].coord+10,y=g-f;if(y<.001)return"transparent";z(d,(function(t){t.offset=(t.coord-f)/y})),d.push({offset:p?d[p-1].offset:.5,color:h[1]||"transparent"}),d.unshift({offset:p?d[0].offset:.5,color:h[0]||"transparent"});var v=new Bc(0,0,0,0,d,!0);return v[r]=f,v[r+"2"]=g,v}}}function kI(t,e,n){var i=t.get("showAllSymbol"),r="auto"===i;if(!i||r){var o=n.getAxesByScale("ordinal")[0];if(o&&(!r||!function(t,e){var n=t.getExtent(),i=Math.abs(n[1]-n[0])/t.scale.count();isNaN(i)&&(i=0);for(var r=e.count(),o=Math.max(1,Math.round(r/5)),a=0;a<r;a+=o)if(1.5*rI.getSymbolSize(e,a)[t.isHorizontal()?1:0]>i)return!1;return!0}(o,e))){var a=e.mapDimension(o.dim),s={};return z(o.getViewLabels(),(function(t){var e=o.scale.getRawOrdinalNumber(t.tickValue);s[e]=1})),function(t){return!s.hasOwnProperty(e.get(a,t))}}}}function LI(t,e){return[t[2*e],t[2*e+1]]}function PI(t){if(t.get(["endLabel","show"]))return!0;for(var e=0;e<Wl.length;e++)if(t.get([Wl[e],"endLabel","show"]))return!0;return!1}function OI(t,e,n,i){if(SI(e,"cartesian2d")){var r=i.getModel("endLabel"),o=r.get("valueAnimation"),a=i.getData(),s={lastFrameIndex:0},l=PI(i)?function(n,i){t._endLabelOnDuring(n,i,a,s,o,r,e)}:null,u=e.getBaseAxis().isHorizontal(),c=_I(e,n,i,(function(){var e=t._endLabel;e&&n&&null!=s.originalX&&e.attr({x:s.originalX,y:s.originalY})}),l);if(!i.get("clip",!0)){var h=c.shape,d=Math.max(h.width,h.height);u?(h.y-=d,h.height+=2*d):(h.x-=d,h.width+=2*d)}return l&&l(1,c),c}return bI(e,n,i)}var RI=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.init=function(){var t=new to,e=new uI;this.group.add(e.group),this._symbolDraw=e,this._lineGroup=t,this._changePolyState=W(this._changePolyState,this)},e.prototype.render=function(t,e,n){var i=t.coordinateSystem,r=this.group,o=t.getData(),a=t.getModel("lineStyle"),s=t.getModel("areaStyle"),l=o.getLayout("points")||[],u="polar"===i.type,c=this._coordSys,h=this._symbolDraw,d=this._polyline,p=this._polygon,f=this._lineGroup,g=!e.ssr&&t.get("animation"),y=!s.isEmpty(),v=s.get("origin"),m=cI(i,o,v),x=y&&function(t,e,n){if(!n.valueDim)return[];for(var i=e.count(),r=pb(2*i),o=0;o<i;o++){var a=hI(n,t,e,o);r[2*o]=a[0],r[2*o+1]=a[1]}return r}(i,o,m),_=t.get("showSymbol"),b=t.get("connectNulls"),w=_&&!u&&kI(t,o,i),S=this._data;S&&S.eachItemGraphicEl((function(t,e){t.__temp&&(r.remove(t),S.setItemGraphicEl(e,null))})),_||h.remove(),r.add(f);var M,I=!u&&t.get("step");i&&i.getArea&&t.get("clip",!0)&&(null!=(M=i.getArea()).width?(M.x-=.1,M.y-=.1,M.width+=.2,M.height+=.2):M.r0&&(M.r0-=.5,M.r+=.5)),this._clipShapeForSymbol=M;var T=AI(o,i,n)||o.getVisual("style")[o.getVisual("drawType")];if(d&&c.type===i.type&&I===this._step){y&&!p?p=this._newPolygon(l,x):p&&!y&&(f.remove(p),p=this._polygon=null),u||this._initOrUpdateEndLabel(t,i,wp(T));var C=f.getClipPath();if(C)eh(C,{shape:OI(this,i,!1,t).shape},t);else f.setClipPath(OI(this,i,!0,t));_&&h.updateData(o,{isIgnore:w,clipShape:M,disableAnimation:!0,getSymbolPoint:function(t){return[l[2*t],l[2*t+1]]}}),MI(this._stackedOnPoints,x)&&MI(this._points,l)||(g?this._doUpdateAnimation(o,x,i,n,I,v,b):(I&&(x&&(x=DI(x,l,i,I,b)),l=DI(l,null,i,I,b)),d.setShape({points:l}),p&&p.setShape({points:l,stackedOnPoints:x})))}else _&&h.updateData(o,{isIgnore:w,clipShape:M,disableAnimation:!0,getSymbolPoint:function(t){return[l[2*t],l[2*t+1]]}}),g&&this._initSymbolLabelAnimation(o,i,M),I&&(x&&(x=DI(x,l,i,I,b)),l=DI(l,null,i,I,b)),d=this._newPolyline(l),y?p=this._newPolygon(l,x):p&&(f.remove(p),p=this._polygon=null),u||this._initOrUpdateEndLabel(t,i,wp(T)),f.setClipPath(OI(this,i,!0,t));var D=t.getModel("emphasis"),A=D.get("focus"),L=D.get("blurScope"),P=D.get("disabled");(d.useStyle(k(a.getLineStyle(),{fill:"none",stroke:T,lineJoin:"bevel"})),ku(d,t,"lineStyle"),d.style.lineWidth>0&&"bolder"===t.get(["emphasis","lineStyle","width"]))&&(d.getState("emphasis").style.lineWidth=+d.style.lineWidth+1);zl(d).seriesIndex=t.seriesIndex,Tu(d,A,L,P);var O=CI(t.get("smooth")),R=t.get("smoothMonotone");if(d.setShape({smooth:O,smoothMonotone:R,connectNulls:b}),p){var N=o.getCalculationInfo("stackedOnSeries"),z=0;p.useStyle(k(s.getAreaStyle(),{fill:T,opacity:.7,lineJoin:"bevel",decal:o.getVisual("style").decal})),N&&(z=CI(N.get("smooth"))),p.setShape({smooth:O,stackedOnSmooth:z,smoothMonotone:R,connectNulls:b}),ku(p,t,"areaStyle"),zl(p).seriesIndex=t.seriesIndex,Tu(p,A,L,P)}var E=this._changePolyState;o.eachItemGraphicEl((function(t){t&&(t.onHoverStateChange=E)})),this._polyline.onHoverStateChange=E,this._data=o,this._coordSys=i,this._stackedOnPoints=x,this._points=l,this._step=I,this._valueOrigin=v,t.get("triggerLineEvent")&&(this.packEventData(t,d),p&&this.packEventData(t,p))},e.prototype.packEventData=function(t,e){zl(e).eventData={componentType:"series",componentSubType:"line",componentIndex:t.componentIndex,seriesIndex:t.seriesIndex,seriesName:t.name,seriesType:"line"}},e.prototype.highlight=function(t,e,n,i){var r=t.getData(),o=aa(r,i);if(this._changePolyState("emphasis"),!(o instanceof Array)&&null!=o&&o>=0){var a=r.getLayout("points"),s=r.getItemGraphicEl(o);if(!s){var l=a[2*o],u=a[2*o+1];if(isNaN(l)||isNaN(u))return;if(this._clipShapeForSymbol&&!this._clipShapeForSymbol.contain(l,u))return;var c=t.get("zlevel")||0,h=t.get("z")||0;(s=new rI(r,o)).x=l,s.y=u,s.setZ(c,h);var d=s.getSymbolPath().getTextContent();d&&(d.zlevel=c,d.z=h,d.z2=this._polyline.z2+1),s.__temp=!0,r.setItemGraphicEl(o,s),s.stopSymbolAnimation(!0),this.group.add(s)}s.highlight()}else tv.prototype.highlight.call(this,t,e,n,i)},e.prototype.downplay=function(t,e,n,i){var r=t.getData(),o=aa(r,i);if(this._changePolyState("normal"),null!=o&&o>=0){var a=r.getItemGraphicEl(o);a&&(a.__temp?(r.setItemGraphicEl(o,null),this.group.remove(a)):a.downplay())}else tv.prototype.downplay.call(this,t,e,n,i)},e.prototype._changePolyState=function(t){var e=this._polygon;su(this._polyline,t),e&&su(e,t)},e.prototype._newPolyline=function(t){var e=this._polyline;return e&&this._lineGroup.remove(e),e=new vI({shape:{points:t},segmentIgnoreThreshold:2,z2:10}),this._lineGroup.add(e),this._polyline=e,e},e.prototype._newPolygon=function(t,e){var n=this._polygon;return n&&this._lineGroup.remove(n),n=new xI({shape:{points:t,stackedOnPoints:e},segmentIgnoreThreshold:2}),this._lineGroup.add(n),this._polygon=n,n},e.prototype._initSymbolLabelAnimation=function(t,e,n){var i,r,o=e.getBaseAxis(),a=o.inverse;"cartesian2d"===e.type?(i=o.isHorizontal(),r=!1):"polar"===e.type&&(i="angle"===o.dim,r=!0);var s=t.hostModel,l=s.get("animationDuration");Y(l)&&(l=l(null));var u=s.get("animationDelay")||0,c=Y(u)?u(null):u;t.eachItemGraphicEl((function(t,o){var s=t;if(s){var h=[t.x,t.y],d=void 0,p=void 0,f=void 0;if(n)if(r){var g=n,y=e.pointToCoord(h);i?(d=g.startAngle,p=g.endAngle,f=-y[1]/180*Math.PI):(d=g.r0,p=g.r,f=y[0])}else{var v=n;i?(d=v.x,p=v.x+v.width,f=t.x):(d=v.y+v.height,p=v.y,f=t.y)}var m=p===d?0:(f-d)/(p-d);a&&(m=1-m);var x=Y(u)?u(o):l*m+c,_=s.getSymbolPath(),b=_.getTextContent();s.attr({scaleX:0,scaleY:0}),s.animateTo({scaleX:1,scaleY:1},{duration:200,setToFinal:!0,delay:x}),b&&b.animateFrom({style:{opacity:0}},{duration:300,delay:x}),_.disableLabelAnimation=!0}}))},e.prototype._initOrUpdateEndLabel=function(t,e,n){var i=t.getModel("endLabel");if(PI(t)){var r=t.getData(),o=this._polyline,a=r.getLayout("points");if(!a)return o.removeTextContent(),void(this._endLabel=null);var s=this._endLabel;s||((s=this._endLabel=new Sl({z2:200})).ignoreClip=!0,o.setTextContent(this._endLabel),o.disableLabelAnimation=!0);var l=function(t){for(var e,n,i=t.length/2;i>0&&(e=t[2*i-2],n=t[2*i-1],isNaN(e)||isNaN(n));i--);return i-1}(a);l>=0&&($h(o,Jh(t,"endLabel"),{inheritColor:n,labelFetcher:t,labelDataIndex:l,defaultText:function(t,e,n){return null!=n?iI(r,n):nI(r,t)},enableTextSetter:!0},function(t,e){var n=e.getBaseAxis(),i=n.isHorizontal(),r=n.inverse,o=i?r?"right":"left":"center",a=i?"middle":r?"top":"bottom";return{normal:{align:t.get("align")||o,verticalAlign:t.get("verticalAlign")||a}}}(i,e)),o.textConfig.position=null)}else this._endLabel&&(this._polyline.removeTextContent(),this._endLabel=null)},e.prototype._endLabelOnDuring=function(t,e,n,i,r,o,a){var s=this._endLabel,l=this._polyline;if(s){t<1&&null==i.originalX&&(i.originalX=s.x,i.originalY=s.y);var u=n.getLayout("points"),c=n.hostModel,h=c.get("connectNulls"),d=o.get("precision"),p=o.get("distance")||0,f=a.getBaseAxis(),g=f.isHorizontal(),y=f.inverse,v=e.shape,m=y?g?v.x:v.y+v.height:g?v.x+v.width:v.y,x=(g?p:0)*(y?-1:1),_=(g?0:-p)*(y?-1:1),b=g?"x":"y",w=function(t,e,n){for(var i,r,o=t.length/2,a="x"===n?0:1,s=0,l=-1,u=0;u<o;u++)if(r=t[2*u+a],!isNaN(r)&&!isNaN(t[2*u+1-a]))if(0!==u){if(i<=e&&r>=e||i>=e&&r<=e){l=u;break}s=u,i=r}else i=r;return{range:[s,l],t:(e-i)/(r-i)}}(u,m,b),S=w.range,M=S[1]-S[0],I=void 0;if(M>=1){if(M>1&&!h){var T=LI(u,S[0]);s.attr({x:T[0]+x,y:T[1]+_}),r&&(I=c.getRawValue(S[0]))}else{(T=l.getPointOn(m,b))&&s.attr({x:T[0]+x,y:T[1]+_});var C=c.getRawValue(S[0]),D=c.getRawValue(S[1]);r&&(I=ya(n,d,C,D,w.t))}i.lastFrameIndex=S[0]}else{var A=1===t||i.lastFrameIndex>0?S[0]:0;T=LI(u,A);r&&(I=c.getRawValue(A)),s.attr({x:T[0]+x,y:T[1]+_})}if(r){var k=ad(s);"function"==typeof k.setLabelText&&k.setLabelText(I)}}},e.prototype._doUpdateAnimation=function(t,e,n,i,r,o,a){var s=this._polyline,l=this._polygon,u=t.hostModel,c=function(t,e,n,i,r,o,a,s){for(var l=function(t,e){var n=[];return e.diff(t).add((function(t){n.push({cmd:"+",idx:t})})).update((function(t,e){n.push({cmd:"=",idx:e,idx1:t})})).remove((function(t){n.push({cmd:"-",idx:t})})).execute(),n}(t,e),u=[],c=[],h=[],d=[],p=[],f=[],g=[],y=cI(r,e,a),v=t.getLayout("points")||[],m=e.getLayout("points")||[],x=0;x<l.length;x++){var _=l[x],b=!0,w=void 0,S=void 0;switch(_.cmd){case"=":w=2*_.idx,S=2*_.idx1;var M=v[w],I=v[w+1],T=m[S],C=m[S+1];(isNaN(M)||isNaN(I))&&(M=T,I=C),u.push(M,I),c.push(T,C),h.push(n[w],n[w+1]),d.push(i[S],i[S+1]),g.push(e.getRawIndex(_.idx1));break;case"+":var D=_.idx,A=y.dataDimsForPoint,k=r.dataToPoint([e.get(A[0],D),e.get(A[1],D)]);S=2*D,u.push(k[0],k[1]),c.push(m[S],m[S+1]);var L=hI(y,r,e,D);h.push(L[0],L[1]),d.push(i[S],i[S+1]),g.push(e.getRawIndex(D));break;case"-":b=!1}b&&(p.push(_),f.push(f.length))}f.sort((function(t,e){return g[t]-g[e]}));var P=u.length,O=pb(P),R=pb(P),N=pb(P),z=pb(P),E=[];for(x=0;x<f.length;x++){var B=f[x],V=2*x,G=2*B;O[V]=u[G],O[V+1]=u[G+1],R[V]=c[G],R[V+1]=c[G+1],N[V]=h[G],N[V+1]=h[G+1],z[V]=d[G],z[V+1]=d[G+1],E[x]=p[B]}return{current:O,next:R,stackedOnCurrent:N,stackedOnNext:z,status:E}}(this._data,t,this._stackedOnPoints,e,this._coordSys,0,this._valueOrigin),h=c.current,d=c.stackedOnCurrent,p=c.next,f=c.stackedOnNext;if(r&&(d=DI(c.stackedOnCurrent,c.current,n,r,a),h=DI(c.current,null,n,r,a),f=DI(c.stackedOnNext,c.next,n,r,a),p=DI(c.next,null,n,r,a)),TI(h,p)>3e3||l&&TI(d,f)>3e3)return s.stopAnimation(),s.setShape({points:p}),void(l&&(l.stopAnimation(),l.setShape({points:p,stackedOnPoints:f})));s.shape.__points=c.current,s.shape.points=h;var g={shape:{points:p}};c.current!==h&&(g.shape.__points=c.next),s.stopAnimation(),th(s,g,u),l&&(l.setShape({points:h,stackedOnPoints:d}),l.stopAnimation(),th(l,{shape:{stackedOnPoints:f}},u),s.shape.points!==l.shape.points&&(l.shape.points=s.shape.points));for(var y=[],v=c.status,m=0;m<v.length;m++){if("="===v[m].cmd){var x=t.getItemGraphicEl(v[m].idx1);x&&y.push({el:x,ptIdx:m})}}s.animators&&s.animators.length&&s.animators[0].during((function(){l&&l.dirtyShape();for(var t=s.shape.__points,e=0;e<y.length;e++){var n=y[e].el,i=2*y[e].ptIdx;n.x=t[i],n.y=t[i+1],n.markRedraw()}}))},e.prototype.remove=function(t){var e=this.group,n=this._data;this._lineGroup.removeAll(),this._symbolDraw.remove(!0),n&&n.eachItemGraphicEl((function(t,i){t.__temp&&(e.remove(t),n.setItemGraphicEl(i,null))})),this._polyline=this._polygon=this._coordSys=this._points=this._stackedOnPoints=this._endLabel=this._data=null},e.type="line",e}(tv);function NI(t,e){return{seriesType:t,plan:$y(),reset:function(t){var n=t.getData(),i=t.coordinateSystem,r=t.pipelineContext,o=e||r.large;if(i){var a=E(i.dimensions,(function(t){return n.mapDimension(t)})).slice(0,2),s=a.length,l=n.getCalculationInfo("stackResultDimension");Y_(n,a[0])&&(a[0]=l),Y_(n,a[1])&&(a[1]=l);var u=n.getStore(),c=n.getDimensionIndex(a[0]),h=n.getDimensionIndex(a[1]);return s&&{progress:function(t,e){for(var n=t.end-t.start,r=o&&pb(n*s),a=[],l=[],d=t.start,p=0;d<t.end;d++){var f=void 0;if(1===s){var g=u.get(c,d);f=i.dataToPoint(g,null,l)}else a[0]=u.get(c,d),a[1]=u.get(h,d),f=i.dataToPoint(a,null,l);o?(r[p++]=f[0],r[p++]=f[1]):e.setItemLayout(d,f.slice())}o&&e.setLayout("points",r)}}}}}}var zI={average:function(t){for(var e=0,n=0,i=0;i<t.length;i++)isNaN(t[i])||(e+=t[i],n++);return 0===n?NaN:e/n},sum:function(t){for(var e=0,n=0;n<t.length;n++)e+=t[n]||0;return e},max:function(t){for(var e=-1/0,n=0;n<t.length;n++)t[n]>e&&(e=t[n]);return isFinite(e)?e:NaN},min:function(t){for(var e=1/0,n=0;n<t.length;n++)t[n]<e&&(e=t[n]);return isFinite(e)?e:NaN},nearest:function(t){return t[0]}},EI=function(t){return Math.round(t.length/2)};function BI(t){return{seriesType:t,reset:function(t,e,n){var i=t.getData(),r=t.get("sampling"),o=t.coordinateSystem,a=i.count();if(a>10&&"cartesian2d"===o.type&&r){var s=o.getBaseAxis(),l=o.getOtherAxis(s),u=s.getExtent(),c=n.getDevicePixelRatio(),h=Math.abs(u[1]-u[0])*(c||1),d=Math.round(a/h);if(isFinite(d)&&d>1){"lttb"===r?t.setData(i.lttbDownSample(i.mapDimension(l.dim),1/d)):"minmax"===r&&t.setData(i.minmaxDownSample(i.mapDimension(l.dim),1/d));var p=void 0;X(r)?p=zI[r]:Y(r)&&(p=r),p&&t.setData(i.downSample(i.mapDimension(l.dim),1/d,p,EI))}}}}}var VI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{useEncodeDefaulter:!0})},e.prototype.getMarkerPosition=function(t,e,n){var i=this.coordinateSystem;if(i&&i.clampData){var r=i.clampData(t),o=i.dataToPoint(r);if(n)z(i.getAxes(),(function(t,n){if("category"===t.type&&null!=e){var i=t.getTicksCoords(),a=t.getTickModel().get("alignWithLabel"),s=r[n],l="x1"===e[n]||"y1"===e[n];if(l&&!a&&(s+=1),i.length<2)return;if(2===i.length)return void(o[n]=t.toGlobalCoord(t.getExtent()[l?1:0]));for(var u=void 0,c=void 0,h=1,d=0;d<i.length;d++){var p=i[d].coord,f=d===i.length-1?i[d-1].tickValue+h:i[d].tickValue;if(f===s){c=p;break}if(f<s)u=p;else if(null!=u&&f>s){c=(p+u)/2;break}1===d&&(h=f-i[0].tickValue)}null==c&&(u?u&&(c=i[i.length-1].coord):c=i[0].coord),o[n]=t.toGlobalCoord(c)}}));else{var a=this.getData(),s=a.getLayout("offset"),l=a.getLayout("size"),u=i.getBaseAxis().isHorizontal()?0:1;o[u]+=s+l/2}return o}return[NaN,NaN]},e.type="series.__base_bar__",e.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,barMinHeight:0,barMinAngle:0,large:!1,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod",defaultBarGap:"10%"},e}(Wy);Wy.registerClass(VI);var GI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(){return Z_(null,this,{useEncodeDefaulter:!0,createInvertedIndices:!!this.get("realtimeSort",!0)||null})},e.prototype.getProgressive=function(){return!!this.get("large")&&this.get("progressive")},e.prototype.getProgressiveThreshold=function(){var t=this.get("progressiveThreshold"),e=this.get("largeThreshold");return e>t&&(t=e),t},e.prototype.brushSelector=function(t,e,n){return n.rect(e.getItemLayout(t))},e.type="series.bar",e.dependencies=["grid","polar"],e.defaultOption=Id(VI.defaultOption,{clip:!0,roundCap:!1,showBackground:!1,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:tf.color.primary,borderWidth:2}},realtimeSort:!1}),e}(VI),FI=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0},WI=function(t){function e(e){var n=t.call(this,e)||this;return n.type="sausage",n}return n(e,t),e.prototype.getDefaultShape=function(){return new FI},e.prototype.buildPath=function(t,e){var n=e.cx,i=e.cy,r=Math.max(e.r0||0,0),o=Math.max(e.r,0),a=.5*(o-r),s=r+a,l=e.startAngle,u=e.endAngle,c=e.clockwise,h=2*Math.PI,d=c?u-l<h:l-u<h;d||(l=u-(c?h:-h));var p=Math.cos(l),f=Math.sin(l),g=Math.cos(u),y=Math.sin(u);d?(t.moveTo(p*r+n,f*r+i),t.arc(p*s+n,f*s+i,a,-Math.PI+l,l,!c)):t.moveTo(p*o+n,f*o+i),t.arc(n,i,o,l,u,!c),t.arc(g*s+n,y*s+i,a,u-2*Math.PI,u-Math.PI,!c),0!==r&&t.arc(n,i,r,u,l,c)},e}(sl);function HI(t,e,n){return e*Math.sin(t)*(n?-1:1)}function UI(t,e,n){return e*Math.cos(t)*(n?1:-1)}function YI(t,e,n){var i=t.get("borderRadius");if(null==i)return n?{cornerRadius:0}:null;U(i)||(i=[i,i,i,i]);var r=Math.abs(e.r||0-e.r0||0);return{cornerRadius:E(i,(function(t){return Fr(t,r)}))}}var XI=Math.max,ZI=Math.min;var jI=function(t){function e(){var n=t.call(this)||this;return n.type=e.type,n._isFirstFrame=!0,n}return n(e,t),e.prototype.render=function(t,e,n,i){this._model=t,this._removeOnRenderedListener(n),this._updateDrawMode(t);var r=t.get("coordinateSystem");("cartesian2d"===r||"polar"===r)&&(this._progressiveEls=null,this._isLargeDraw?this._renderLarge(t,e,n):this._renderNormal(t,e,n,i))},e.prototype.incrementalPrepareRender=function(t){this._clear(),this._updateDrawMode(t),this._updateLargeClip(t)},e.prototype.incrementalRender=function(t,e){this._progressiveEls=[],this._incrementalRenderLarge(t,e)},e.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},e.prototype._updateDrawMode=function(t){var e=t.pipelineContext.large;null!=this._isLargeDraw&&e===this._isLargeDraw||(this._isLargeDraw=e,this._clear())},e.prototype._renderNormal=function(t,e,n,i){var r,o=this.group,a=t.getData(),s=this._data,l=t.coordinateSystem,u=l.getBaseAxis();"cartesian2d"===l.type?r=u.isHorizontal():"polar"===l.type&&(r="angle"===u.dim);var c=t.isAnimationEnabled()?t:null,h=function(t,e){var n=t.get("realtimeSort",!0),i=e.getBaseAxis();0;if(n&&"category"===i.type&&"cartesian2d"===e.type)return{baseAxis:i,otherAxis:e.getOtherAxis(i)}}(t,l);h&&this._enableRealtimeSort(h,a,n);var d=t.get("clip",!0)||h,p=function(t,e){var n=t.getArea&&t.getArea();if(SI(t,"cartesian2d")){var i=t.getBaseAxis();if("category"!==i.type||!i.onBand){var r=e.getLayout("bandWidth");i.isHorizontal()?(n.x-=r,n.width+=2*r):(n.y-=r,n.height+=2*r)}}return n}(l,a);o.removeClipPath();var f=t.get("roundCap",!0),g=t.get("showBackground",!0),y=t.getModel("backgroundStyle"),v=y.get("borderRadius")||0,m=[],x=this._backgroundEls,_=i&&i.isInitSort,b=i&&"changeAxisOrder"===i.type;function w(t){var e=nT[l.type](a,t);if(!e)return null;var n=function(t,e,n){var i="polar"===t.type?xc:xl;return new i({shape:uT(e,n,t),silent:!0,z2:0})}(l,r,e);return n.useStyle(y.getItemStyle()),"cartesian2d"===l.type?n.setShape("r",v):n.setShape("cornerRadius",v),m[t]=n,n}a.diff(s).add((function(e){var n=a.getItemModel(e),i=nT[l.type](a,e,n);if(i&&(g&&w(e),a.hasValue(e)&&eT[l.type](i))){var s=!1;d&&(s=qI[l.type](p,i));var y=KI[l.type](t,a,e,i,r,c,u.model,!1,f);h&&(y.forceLabelAnimation=!0),rT(y,a,e,n,i,t,r,"polar"===l.type),_?y.attr({shape:i}):h?$I(h,c,y,i,e,r,!1,!1):eh(y,{shape:i},t,e),a.setItemGraphicEl(e,y),o.add(y),y.ignore=s}})).update((function(e,n){var i=a.getItemModel(e),S=nT[l.type](a,e,i);if(S){if(g){var M=void 0;0===x.length?M=w(n):((M=x[n]).useStyle(y.getItemStyle()),"cartesian2d"===l.type?M.setShape("r",v):M.setShape("cornerRadius",v),m[e]=M);var I=nT[l.type](a,e);th(M,{shape:uT(r,I,l)},c,e)}var T=s.getItemGraphicEl(n);if(a.hasValue(e)&&eT[l.type](S)){var C=!1;if(d&&(C=qI[l.type](p,S))&&o.remove(T),T&&("sector"===T.type&&f||"sausage"===T.type&&!f)&&(T&&oh(T,t,n),T=null),T?ah(T):T=KI[l.type](t,a,e,S,r,c,u.model,!0,f),h&&(T.forceLabelAnimation=!0),b){var D=T.getTextContent();if(D){var A=ad(D);null!=A.prevValue&&(A.prevValue=A.value)}}else rT(T,a,e,i,S,t,r,"polar"===l.type);_?T.attr({shape:S}):h?$I(h,c,T,S,e,r,!0,b):th(T,{shape:S},t,e,null),a.setItemGraphicEl(e,T),T.ignore=C,o.add(T)}else o.remove(T)}})).remove((function(e){var n=s.getItemGraphicEl(e);n&&oh(n,t,e)})).execute();var S=this._backgroundGroup||(this._backgroundGroup=new to);S.removeAll();for(var M=0;M<m.length;++M)S.add(m[M]);o.add(S),this._backgroundEls=m,this._data=a},e.prototype._renderLarge=function(t,e,n){this._clear(),sT(t,this.group),this._updateLargeClip(t)},e.prototype._incrementalRenderLarge=function(t,e){this._removeBackground(),sT(e,this.group,this._progressiveEls,!0)},e.prototype._updateLargeClip=function(t){var e=t.get("clip",!0)&&wI(t.coordinateSystem,!1,t),n=this.group;e?n.setClipPath(e):n.removeClipPath()},e.prototype._enableRealtimeSort=function(t,e,n){var i=this;if(e.count()){var r=t.baseAxis;if(this._isFirstFrame)this._dispatchInitSort(e,t,n),this._isFirstFrame=!1;else{var o=function(t){var n=e.getItemGraphicEl(t),i=n&&n.shape;return i&&Math.abs(r.isHorizontal()?i.height:i.width)||0};this._onRendered=function(){i._updateSortWithinSameData(e,o,r,n)},n.getZr().on("rendered",this._onRendered)}}},e.prototype._dataSort=function(t,e,n){var i=[];return t.each(t.mapDimension(e.dim),(function(t,e){var r=n(e);r=null==r?NaN:r,i.push({dataIndex:e,mappedValue:r,ordinalNumber:t})})),i.sort((function(t,e){return e.mappedValue-t.mappedValue})),{ordinalNumbers:E(i,(function(t){return t.ordinalNumber}))}},e.prototype._isOrderChangedWithinSameData=function(t,e,n){for(var i=n.scale,r=t.mapDimension(n.dim),o=Number.MAX_VALUE,a=0,s=i.getOrdinalMeta().categories.length;a<s;++a){var l=t.rawIndexOf(r,i.getRawOrdinalNumber(a)),u=l<0?Number.MIN_VALUE:e(t.indexOfRawIndex(l));if(u>o)return!0;o=u}return!1},e.prototype._isOrderDifferentInView=function(t,e){for(var n=e.scale,i=n.getExtent(),r=Math.max(0,i[0]),o=Math.min(i[1],n.getOrdinalMeta().categories.length-1);r<=o;++r)if(t.ordinalNumbers[r]!==n.getRawOrdinalNumber(r))return!0},e.prototype._updateSortWithinSameData=function(t,e,n,i){if(this._isOrderChangedWithinSameData(t,e,n)){var r=this._dataSort(t,n,e);this._isOrderDifferentInView(r,n)&&(this._removeOnRenderedListener(i),i.dispatchAction({type:"changeAxisOrder",componentType:n.dim+"Axis",axisId:n.index,sortInfo:r}))}},e.prototype._dispatchInitSort=function(t,e,n){var i=e.baseAxis,r=this._dataSort(t,i,(function(n){return t.get(t.mapDimension(e.otherAxis.dim),n)}));n.dispatchAction({type:"changeAxisOrder",componentType:i.dim+"Axis",isInitSort:!0,axisId:i.index,sortInfo:r})},e.prototype.remove=function(t,e){this._clear(this._model),this._removeOnRenderedListener(e)},e.prototype.dispose=function(t,e){this._removeOnRenderedListener(e)},e.prototype._removeOnRenderedListener=function(t){this._onRendered&&(t.getZr().off("rendered",this._onRendered),this._onRendered=null)},e.prototype._clear=function(t){var e=this.group,n=this._data;t&&t.isAnimationEnabled()&&n&&!this._isLargeDraw?(this._removeBackground(),this._backgroundEls=[],n.eachItemGraphicEl((function(e){oh(e,t,zl(e).dataIndex)}))):e.removeAll(),this._data=null,this._isFirstFrame=!0},e.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup),this._backgroundGroup=null},e.type="bar",e}(tv),qI={cartesian2d:function(t,e){var n=e.width<0?-1:1,i=e.height<0?-1:1;n<0&&(e.x+=e.width,e.width=-e.width),i<0&&(e.y+=e.height,e.height=-e.height);var r=t.x+t.width,o=t.y+t.height,a=XI(e.x,t.x),s=ZI(e.x+e.width,r),l=XI(e.y,t.y),u=ZI(e.y+e.height,o),c=s<a,h=u<l;return e.x=c&&a>r?s:a,e.y=h&&l>o?u:l,e.width=c?0:s-a,e.height=h?0:u-l,n<0&&(e.x+=e.width,e.width=-e.width),i<0&&(e.y+=e.height,e.height=-e.height),c||h},polar:function(t,e){var n=e.r0<=e.r?1:-1;if(n<0){var i=e.r;e.r=e.r0,e.r0=i}var r=ZI(e.r,t.r),o=XI(e.r0,t.r0);e.r=r,e.r0=o;var a=r-o<0;if(n<0){i=e.r;e.r=e.r0,e.r0=i}return a}},KI={cartesian2d:function(t,e,n,i,r,o,a,s,l){var u=new xl({shape:A({},i),z2:1});(u.__dataIndex=n,u.name="item",o)&&(u.shape[r?"height":"width"]=0);return u},polar:function(t,e,n,i,r,o,a,s,l){var u=!r&&l?WI:xc,c=new u({shape:i,z2:1});c.name="item";var h,d,p=iT(r);if(c.calculateTextPosition=(h=p,d=({isRoundCap:u===WI}||{}).isRoundCap,function(t,e,n){var i=e.position;if(!i||i instanceof Array)return Wr(t,e,n);var r=h(i),o=null!=e.distance?e.distance:5,a=this.shape,s=a.cx,l=a.cy,u=a.r,c=a.r0,p=(u+c)/2,f=a.startAngle,g=a.endAngle,y=(f+g)/2,v=d?Math.abs(u-c)/2:0,m=Math.cos,x=Math.sin,_=s+u*m(f),b=l+u*x(f),w="left",S="top";switch(r){case"startArc":_=s+(c-o)*m(y),b=l+(c-o)*x(y),w="center",S="top";break;case"insideStartArc":_=s+(c+o)*m(y),b=l+(c+o)*x(y),w="center",S="bottom";break;case"startAngle":_=s+p*m(f)+HI(f,o+v,!1),b=l+p*x(f)+UI(f,o+v,!1),w="right",S="middle";break;case"insideStartAngle":_=s+p*m(f)+HI(f,-o+v,!1),b=l+p*x(f)+UI(f,-o+v,!1),w="left",S="middle";break;case"middle":_=s+p*m(y),b=l+p*x(y),w="center",S="middle";break;case"endArc":_=s+(u+o)*m(y),b=l+(u+o)*x(y),w="center",S="bottom";break;case"insideEndArc":_=s+(u-o)*m(y),b=l+(u-o)*x(y),w="center",S="top";break;case"endAngle":_=s+p*m(g)+HI(g,o+v,!0),b=l+p*x(g)+UI(g,o+v,!0),w="left",S="middle";break;case"insideEndAngle":_=s+p*m(g)+HI(g,-o+v,!0),b=l+p*x(g)+UI(g,-o+v,!0),w="right",S="middle";break;default:return Wr(t,e,n)}return(t=t||{}).x=_,t.y=b,t.align=w,t.verticalAlign=S,t}),o){var f=r?"r":"endAngle",g={};c.shape[f]=r?i.r0:i.startAngle,g[f]=i[f],(s?th:eh)(c,{shape:g},o)}return c}};function $I(t,e,n,i,r,o,a,s){var l,u;o?(u={x:i.x,width:i.width},l={y:i.y,height:i.height}):(u={y:i.y,height:i.height},l={x:i.x,width:i.width}),s||(a?th:eh)(n,{shape:l},e,r,null),(a?th:eh)(n,{shape:u},e?t.baseAxis.model:null,r)}function JI(t,e){for(var n=0;n<e.length;n++)if(!isFinite(t[e[n]]))return!0;return!1}var QI=["x","y","width","height"],tT=["cx","cy","r","startAngle","endAngle"],eT={cartesian2d:function(t){return!JI(t,QI)},polar:function(t){return!JI(t,tT)}},nT={cartesian2d:function(t,e,n){var i=t.getItemLayout(e);if(!i)return null;var r=n?function(t,e){var n=t.get(["itemStyle","borderColor"]);if(!n||"none"===n)return 0;var i=t.get(["itemStyle","borderWidth"])||0,r=isNaN(e.width)?Number.MAX_VALUE:Math.abs(e.width),o=isNaN(e.height)?Number.MAX_VALUE:Math.abs(e.height);return Math.min(i,r,o)}(n,i):0,o=i.width>0?1:-1,a=i.height>0?1:-1;return{x:i.x+o*r/2,y:i.y+a*r/2,width:i.width-o*r,height:i.height-a*r}},polar:function(t,e,n){var i=t.getItemLayout(e);return{cx:i.cx,cy:i.cy,r0:i.r0,r:i.r,startAngle:i.startAngle,endAngle:i.endAngle,clockwise:i.clockwise}}};function iT(t){return function(t){var e=t?"Arc":"Angle";return function(t){switch(t){case"start":case"insideStart":case"end":case"insideEnd":return t+e;default:return t}}}(t)}function rT(t,e,n,i,r,o,a,s){var l=e.getItemVisual(n,"style");if(s){if(!o.get("roundCap")){var u=t.shape;A(u,YI(i.getModel("itemStyle"),u,!0)),t.setShape(u)}}else{var c=i.get(["itemStyle","borderRadius"])||0;t.setShape("r",c)}t.useStyle(l);var h=i.getShallow("cursor");h&&t.attr("cursor",h);var d=s?a?r.r>=r.r0?"endArc":"startArc":r.endAngle>=r.startAngle?"endAngle":"startAngle":a?r.height>=0?"bottom":"top":r.width>=0?"right":"left",p=Jh(i);$h(t,p,{labelFetcher:o,labelDataIndex:n,defaultText:nI(o.getData(),n),inheritColor:l.fill,defaultOpacity:l.opacity,defaultOutsidePosition:d});var f=t.getTextContent();if(s&&f){var g=i.get(["label","position"]);t.textConfig.inside="middle"===g||null,function(t,e,n,i){if(j(i))t.setTextConfig({rotation:i});else if(U(e))t.setTextConfig({rotation:0});else{var r,o=t.shape,a=o.clockwise?o.startAngle:o.endAngle,s=o.clockwise?o.endAngle:o.startAngle,l=(a+s)/2,u=n(e);switch(u){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":r=l;break;case"startAngle":case"insideStartAngle":r=a;break;case"endAngle":case"insideEndAngle":r=s;break;default:return void t.setTextConfig({rotation:0})}var c=1.5*Math.PI-r;"middle"===u&&c>Math.PI/2&&c<1.5*Math.PI&&(c-=Math.PI),t.setTextConfig({rotation:c})}}(t,"outside"===g?d:g,iT(a),i.get(["label","rotate"]))}sd(f,p,o.getRawValue(n),(function(t){return iI(e,t)}));var y=i.getModel(["emphasis"]);Tu(t,y.get("focus"),y.get("blurScope"),y.get("disabled")),ku(t,i),function(t){return null!=t.startAngle&&null!=t.endAngle&&t.startAngle===t.endAngle}(r)&&(t.style.fill="none",t.style.stroke="none",z(t.states,(function(t){t.style&&(t.style.fill=t.style.stroke="none")})))}var oT=function(){},aT=function(t){function e(e){var n=t.call(this,e)||this;return n.type="largeBar",n}return n(e,t),e.prototype.getDefaultShape=function(){return new oT},e.prototype.buildPath=function(t,e){for(var n=e.points,i=this.baseDimIdx,r=1-this.baseDimIdx,o=[],a=[],s=this.barWidth,l=0;l<n.length;l+=3)a[i]=s,a[r]=n[l+2],o[i]=n[l+i],o[r]=n[l+r],t.rect(o[0],o[1],a[0],a[1])},e}(sl);function sT(t,e,n,i){var r=t.getData(),o=r.getLayout("valueAxisHorizontal")?1:0,a=r.getLayout("largeDataIndices"),s=r.getLayout("size"),l=t.getModel("backgroundStyle"),u=r.getLayout("largeBackgroundPoints");if(u){var c=new aT({shape:{points:u},incremental:!!i,silent:!0,z2:0});c.baseDimIdx=o,c.largeDataIndices=a,c.barWidth=s,c.useStyle(l.getItemStyle()),e.add(c),n&&n.push(c)}var h=new aT({shape:{points:r.getLayout("largePoints")},incremental:!!i,ignoreCoarsePointer:!0,z2:1});h.baseDimIdx=o,h.largeDataIndices=a,h.barWidth=s,e.add(h),h.useStyle(r.getVisual("style")),h.style.stroke=null,zl(h).seriesIndex=t.seriesIndex,t.get("silent")||(h.on("mousedown",lT),h.on("mousemove",lT)),n&&n.push(h)}var lT=uv((function(t){var e=function(t,e,n){for(var i=t.baseDimIdx,r=1-i,o=t.shape.points,a=t.largeDataIndices,s=[],l=[],u=t.barWidth,c=0,h=o.length/3;c<h;c++){var d=3*c;if(l[i]=u,l[r]=o[d+2],s[i]=o[d+i],s[r]=o[d+r],l[r]<0&&(s[r]+=l[r],l[r]=-l[r]),e>=s[0]&&e<=s[0]+l[0]&&n>=s[1]&&n<=s[1]+l[1])return a[c]}return-1}(this,t.offsetX,t.offsetY);zl(this).dataIndex=e>=0?e:null}),30,!1);function uT(t,e,n){if(SI(n,"cartesian2d")){var i=e,r=n.getArea();return{x:t?i.x:r.x,y:t?r.y:i.y,width:t?i.width:r.width,height:t?r.height:i.height}}var o=e;return{cx:(r=n.getArea()).cx,cy:r.cy,r0:t?r.r0:o.r0,r:t?r.r:o.r,startAngle:t?o.startAngle:0,endAngle:t?o.endAngle:2*Math.PI}}var cT=2*Math.PI,hT=Math.PI/180;function dT(t,e,n){e.eachSeriesByType(t,(function(t){var e=t.getData(),i=e.mapDimension("value"),r=Wp(t,n),o=r.cx,a=r.cy,s=r.r,l=r.r0,u=r.viewRect,c=-t.get("startAngle")*hT,h=t.get("endAngle"),d=t.get("padAngle")*hT;h="auto"===h?c-cT:-h*hT;var p=t.get("minAngle")*hT+d,f=0;e.each(i,(function(t){!isNaN(t)&&f++}));var g=e.getSum(i),y=Math.PI/(g||f)*2,v=t.get("clockwise"),m=t.get("roseType"),x=t.get("stillShowZeroSum"),_=e.getDataExtent(i);_[0]=0;var b=v?1:-1,w=[c,h],S=b*d/2;Gs(w,!v),c=w[0],h=w[1];var M=pT(t);M.startAngle=c,M.endAngle=h,M.clockwise=v,M.cx=o,M.cy=a,M.r=s,M.r0=l;var I=Math.abs(h-c),T=I,C=0,D=c;if(e.setLayout({viewRect:u,r:s}),e.each(i,(function(t,n){var i;if(isNaN(t))e.setItemLayout(n,{angle:NaN,startAngle:NaN,endAngle:NaN,clockwise:v,cx:o,cy:a,r0:l,r:m?NaN:s});else{(i="area"!==m?0===g&&x?y:t*y:I/f)<p?(i=p,T-=p):C+=t;var r=D+b*i,u=0,c=0;d>i?c=u=D+b*i/2:(u=D+S,c=r-S),e.setItemLayout(n,{angle:i,startAngle:u,endAngle:c,clockwise:v,cx:o,cy:a,r0:l,r:m?go(t,_,[l,s]):s}),D=r}})),T<cT&&f)if(T<=.001){var A=I/f;e.each(i,(function(t,n){if(!isNaN(t)){var i=e.getItemLayout(n);i.angle=A;var r=0,o=0;A<d?o=r=c+b*(n+.5)*A:(r=c+b*n*A+S,o=c+b*(n+1)*A-S),i.startAngle=r,i.endAngle=o}}))}else y=T/C,D=c,e.each(i,(function(t,n){if(!isNaN(t)){var i=e.getItemLayout(n),r=i.angle===p?p:t*y,o=0,a=0;r<d?a=o=D+b*r/2:(o=D+S,a=D+b*r-S),i.startAngle=o,i.endAngle=a,D+=b*r}}))}))}var pT=sa();function fT(t){return{seriesType:t,reset:function(t,e){var n=e.findComponents({mainType:"legend"});if(n&&n.length){var i=t.getData();i.filterSelf((function(t){for(var e=i.getName(t),r=0;r<n.length;r++)if(!n[r].isSelected(e))return!1;return!0}))}}}}var gT=Math.PI/180;function yT(t,e,n,i,r,o,a,s,l,u){if(!(t.length<2)){for(var c=t.length,h=0;h<c;h++)if("outer"===t[h].position&&"labelLine"===t[h].labelAlignTo){var d=t[h].label.x-u;t[h].linePoints[1][0]+=d,t[h].label.x=u}SS(t,1,l,l+a)&&function(t){for(var o={list:[],maxY:0},a={list:[],maxY:0},s=0;s<t.length;s++)if("none"===t[s].labelAlignTo){var l=t[s],u=l.label.y>n?a:o,c=Math.abs(l.label.y-n);if(c>=u.maxY){var h=l.label.x-e-l.len2*r,d=i+l.len,f=Math.abs(h)<d?Math.sqrt(c*c/(1-h*h/d/d)):d;u.rB=f,u.maxY=c}u.list.push(l)}p(o),p(a)}(t)}function p(t){for(var o=t.rB,a=o*o,s=0;s<t.list.length;s++){var l=t.list[s],u=Math.abs(l.label.y-n),c=i+l.len,h=c*c,d=Math.sqrt(Math.abs((1-u*u/a)*h)),p=e+(d+l.len2)*r,f=p-l.label.x;vT(l,l.targetTextWidth-f*r,!0),l.label.x=p}}}function vT(t,e,n){if(null==t.labelStyleWidth){var i=t.label,r=i.style,o=t.rect,a=r.backgroundColor,s=r.padding,l=s?s[1]+s[3]:0,u=r.overflow,c=o.width+(a?0:l);if(e<c||n){if(u&&u.match("break")){i.setStyle("backgroundColor",null),i.setStyle("width",e-l);var h=i.getBoundingRect();i.setStyle("width",Math.ceil(h.width)),i.setStyle("backgroundColor",a)}else{var d=e-l,p=e<c?d:n?d>t.unconstrainedWidth?null:d:null;i.setStyle("width",p)}mT(o,i)}}}function mT(t,e){_T.rect=t,mS(_T,e,xT)}var xT={minMarginForce:[null,0,null,0],marginDefault:[1,0,1,0]},_T={};function bT(t){return"center"===t.position}function wT(t){var e,n,i=t.getData(),r=[],o=!1,a=(t.get("minShowLabelAngle")||0)*gT,s=i.getLayout("viewRect"),l=i.getLayout("r"),u=s.width,c=s.x,h=s.y,d=s.height;function p(t){t.ignore=!0}i.each((function(t){var s=i.getItemGraphicEl(t),h=s.shape,f=s.getTextContent(),g=s.getTextGuideLine(),y=i.getItemModel(t),v=y.getModel("label"),m=v.get("position")||y.get(["emphasis","label","position"]),x=v.get("distanceToLabelLine"),_=v.get("alignTo"),b=yo(v.get("edgeDistance"),u),w=v.get("bleedMargin");null==w&&(w=Math.min(u,d)>200?10:2);var S=y.getModel("labelLine"),M=S.get("length");M=yo(M,u);var I=S.get("length2");if(I=yo(I,u),Math.abs(h.endAngle-h.startAngle)<a)return z(f.states,p),f.ignore=!0,void(g&&(z(g.states,p),g.ignore=!0));if(function(t){if(!t.ignore)return!0;for(var e in t.states)if(!1===t.states[e].ignore)return!0;return!1}(f)){var T,C,D,A,k=(h.startAngle+h.endAngle)/2,L=Math.cos(k),P=Math.sin(k);e=h.cx,n=h.cy;var O="inside"===m||"inner"===m;if("center"===m)T=h.cx,C=h.cy,A="center";else{var R=(O?(h.r+h.r0)/2*L:h.r*L)+e,N=(O?(h.r+h.r0)/2*P:h.r*P)+n;if(T=R+3*L,C=N+3*P,!O){var E=R+L*(M+l-h.r),B=N+P*(M+l-h.r),V=E+(L<0?-1:1)*I;T="edge"===_?L<0?c+b:c+u-b:V+(L<0?-x:x),C=B,D=[[R,N],[E,B],[V,B]]}A=O?"center":"edge"===_?L>0?"right":"left":L>0?"left":"right"}var G=Math.PI,F=0,W=v.get("rotate");if(j(W))F=W*(G/180);else if("center"===m)F=0;else if("radial"===W||!0===W){F=L<0?-k+G:-k}else if("tangential"===W&&"outside"!==m&&"outer"!==m){var H=Math.atan2(L,P);H<0&&(H=2*G+H),P>0&&(H=G+H),F=H-G}if(o=!!F,f.x=T,f.y=C,f.rotation=F,f.setStyle({verticalAlign:"middle"}),O){f.setStyle({align:A});var U=f.states.select;U&&(U.x+=f.x,U.y+=f.y)}else{var Y=new He(0,0,0,0);mT(Y,f),r.push({label:f,labelLine:g,position:m,len:M,len2:I,minTurnAngle:S.get("minTurnAngle"),maxSurfaceAngle:S.get("maxSurfaceAngle"),surfaceNormal:new Ae(L,P),linePoints:D,textAlign:A,labelDistance:x,labelAlignTo:_,edgeDistance:b,bleedMargin:w,rect:Y,unconstrainedWidth:Y.width,labelStyleWidth:f.style.width})}s.setTextConfig({inside:O})}})),!o&&t.get("avoidLabelOverlap")&&function(t,e,n,i,r,o,a,s){for(var l=[],u=[],c=Number.MAX_VALUE,h=-Number.MAX_VALUE,d=0;d<t.length;d++){var p=t[d].label;bT(t[d])||(p.x<e?(c=Math.min(c,p.x),l.push(t[d])):(h=Math.max(h,p.x),u.push(t[d])))}for(d=0;d<t.length;d++)if(!bT(y=t[d])&&y.linePoints){if(null!=y.labelStyleWidth)continue;p=y.label;var f=y.linePoints,g=void 0;g="edge"===y.labelAlignTo?p.x<e?f[2][0]-y.labelDistance-a-y.edgeDistance:a+r-y.edgeDistance-f[2][0]-y.labelDistance:"labelLine"===y.labelAlignTo?p.x<e?c-a-y.bleedMargin:a+r-h-y.bleedMargin:p.x<e?p.x-a-y.bleedMargin:a+r-p.x-y.bleedMargin,y.targetTextWidth=g,vT(y,g,!1)}for(yT(u,e,n,i,1,0,o,0,s,h),yT(l,e,n,i,-1,0,o,0,s,c),d=0;d<t.length;d++){var y;if(!bT(y=t[d])&&y.linePoints){p=y.label,f=y.linePoints;var v="edge"===y.labelAlignTo,m=p.style.padding,x=m?m[1]+m[3]:0,_=p.style.backgroundColor?0:x,b=y.rect.width+_,w=f[1][0]-f[2][0];v?p.x<e?f[2][0]=a+y.edgeDistance+b+y.labelDistance:f[2][0]=a+r-y.edgeDistance-b-y.labelDistance:(p.x<e?f[2][0]=p.x+y.labelDistance:f[2][0]=p.x-y.labelDistance,f[1][0]=f[2][0]+w),f[1][1]=f[2][1]=p.y}}}(r,e,n,l,u,d,c,h);for(var f=0;f<r.length;f++){var g=r[f],y=g.label,v=g.labelLine,m=isNaN(y.x)||isNaN(y.y);if(y){y.setStyle({align:g.textAlign}),m&&(z(y.states,p),y.ignore=!0);var x=y.states.select;x&&(x.x+=y.x,x.y+=y.y)}if(v){var _=g.linePoints;m||!_?(z(v.states,p),v.ignore=!0):(lS(_,g.minTurnAngle),uS(_,g.surfaceNormal,g.maxSurfaceAngle),v.setShape({points:_}),y.__hostTarget.textGuideLineConfig={anchor:new Ae(_[0][0],_[0][1])})}}}var ST=function(t){function e(e,n,i){var r=t.call(this)||this;r.z2=2;var o=new Sl;return r.setTextContent(o),r.updateData(e,n,i,!0),r}return n(e,t),e.prototype.updateData=function(t,e,n,i){var r=this,o=t.hostModel,a=t.getItemModel(e),s=a.getModel("emphasis"),l=t.getItemLayout(e),u=A(YI(a.getModel("itemStyle"),l,!0),l);if(isNaN(u.startAngle))r.setShape(u);else{if(i){r.setShape(u);var c=o.getShallow("animationType");o.ecModel.ssr?(eh(r,{scaleX:0,scaleY:0},o,{dataIndex:e,isFrom:!0}),r.originX=u.cx,r.originY=u.cy):"scale"===c?(r.shape.r=l.r0,eh(r,{shape:{r:l.r}},o,e)):null!=n?(r.setShape({startAngle:n,endAngle:n}),eh(r,{shape:{startAngle:l.startAngle,endAngle:l.endAngle}},o,e)):(r.shape.endAngle=l.startAngle,th(r,{shape:{endAngle:l.endAngle}},o,e))}else ah(r),th(r,{shape:u},o,e);r.useStyle(t.getItemVisual(e,"style")),ku(r,a);var h=(l.startAngle+l.endAngle)/2,d=o.get("selectedOffset"),p=Math.cos(h)*d,f=Math.sin(h)*d,g=a.getShallow("cursor");g&&r.attr("cursor",g),this._updateLabel(o,t,e),r.ensureState("emphasis").shape=A({r:l.r+(s.get("scale")&&s.get("scaleSize")||0)},YI(s.getModel("itemStyle"),l)),A(r.ensureState("select"),{x:p,y:f,shape:YI(a.getModel(["select","itemStyle"]),l)}),A(r.ensureState("blur"),{shape:YI(a.getModel(["blur","itemStyle"]),l)});var y=r.getTextGuideLine(),v=r.getTextContent();y&&A(y.ensureState("select"),{x:p,y:f}),A(v.ensureState("select"),{x:p,y:f}),Tu(this,s.get("focus"),s.get("blurScope"),s.get("disabled"))}},e.prototype._updateLabel=function(t,e,n){var i=this,r=e.getItemModel(n),o=r.getModel("labelLine"),a=e.getItemVisual(n,"style"),s=a&&a.fill,l=a&&a.opacity;$h(i,Jh(r),{labelFetcher:e.hostModel,labelDataIndex:n,inheritColor:s,defaultOpacity:l,defaultText:t.getFormattedLabel(n,"normal")||e.getName(n)});var u=i.getTextContent();i.setTextConfig({position:null,rotation:null}),u.attr({z2:10});var c=r.get(["label","position"]);if("outside"!==c&&"outer"!==c)i.removeTextGuideLine();else{var h=this.getTextGuideLine();h||(h=new Tc,this.setTextGuideLine(h)),dS(this,pS(r),{stroke:s,opacity:ot(o.get(["lineStyle","opacity"]),l,1)})}},e}(xc),MT=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.ignoreLabelLineUpdate=!0,e}return n(e,t),e.prototype.render=function(t,e,n,i){var r,o=t.getData(),a=this._data,s=this.group;if(!a&&o.count()>0){for(var l=o.getItemLayout(0),u=1;isNaN(l&&l.startAngle)&&u<o.count();++u)l=o.getItemLayout(u);l&&(r=l.startAngle)}if(this._emptyCircleSector&&s.remove(this._emptyCircleSector),0===o.count()&&t.get("showEmptyCircle")){var c=pT(t),h=new xc({shape:T(c)});h.useStyle(t.getModel("emptyCircleStyle").getItemStyle()),this._emptyCircleSector=h,s.add(h)}o.diff(a).add((function(t){var e=new ST(o,t,r);o.setItemGraphicEl(t,e),s.add(e)})).update((function(t,e){var n=a.getItemGraphicEl(e);n.updateData(o,t,r),n.off("click"),s.add(n),o.setItemGraphicEl(t,n)})).remove((function(e){oh(a.getItemGraphicEl(e),t,e)})).execute(),wT(t),"expansion"!==t.get("animationTypeUpdate")&&(this._data=o)},e.prototype.dispose=function(){},e.prototype.containPoint=function(t,e){var n=e.getData().getItemLayout(0);if(n){var i=t[0]-n.cx,r=t[1]-n.cy,o=Math.sqrt(i*i+r*r);return o<=n.r&&o>=n.r0}},e.type="pie",e}(tv);function IT(t,e,n){e=U(e)&&{coordDimensions:e}||A({encodeDefine:t.getEncode()},e);var i=t.getSource(),r=V_(i,e).dimensions,o=new B_(r,t);return o.initData(i,n),o}var TT,CT=function(){function t(t,e){this._getDataWithEncodedVisual=t,this._getRawData=e}return t.prototype.getAllNames=function(){var t=this._getRawData();return t.mapArray(t.getName)},t.prototype.containName=function(t){return this._getRawData().indexOfName(t)>=0},t.prototype.indexOfName=function(t){return this._getDataWithEncodedVisual().indexOfName(t)},t.prototype.getItemVisual=function(t,e){return this._getDataWithEncodedVisual().getItemVisual(t,e)},t}(),DT=sa(),AT=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this)),this._defaultLabelLine(e)},e.prototype.mergeOption=function(){t.prototype.mergeOption.apply(this,arguments)},e.prototype.getInitialData=function(){return IT(this,{coordDimensions:["value"],encodeDefaulter:H(Mf,this)})},e.prototype.getDataParams=function(e){var n=this.getData(),i=DT(n),r=i.seats;if(!r){var o=[];n.each(n.mapDimension("value"),(function(t){o.push(t)})),r=i.seats=So(o,n.hostModel.get("percentPrecision"))}var a=t.prototype.getDataParams.call(this,e);return a.percent=r[e]||0,a.$vars.push("percent"),a},e.prototype._defaultLabelLine=function(t){Ko(t,"labelLine",["show"]);var e=t.labelLine,n=t.emphasis.labelLine;e.show=e.show&&t.label.show,n.show=n.show&&t.emphasis.label.show},e.type="series.pie",e.defaultOption={z:2,legendHoverLink:!0,colorBy:"data",center:["50%","50%"],radius:[0,"50%"],clockwise:!0,startAngle:90,endAngle:"auto",padAngle:0,minAngle:0,minShowLabelAngle:0,selectedOffset:10,percentPrecision:2,stillShowZeroSum:!0,coordinateSystemUsage:"box",left:0,top:0,right:0,bottom:0,width:null,height:null,label:{rotate:0,show:!0,overflow:"truncate",position:"outer",alignTo:"none",edgeDistance:"25%",distanceToLabelLine:5},labelLine:{show:!0,length:15,length2:30,smooth:!1,minTurnAngle:90,maxSurfaceAngle:90,lineStyle:{width:1,type:"solid"}},itemStyle:{borderWidth:1,borderJoin:"round"},showEmptyCircle:!0,emptyCircleStyle:{color:"lightgray",opacity:1},labelLayout:{hideOverlap:!0},emphasis:{scale:!0,scaleSize:5},avoidLabelOverlap:!0,animationType:"expansion",animationDuration:1e3,animationTypeUpdate:"transition",animationEasingUpdate:"cubicInOut",animationDurationUpdate:500,animationEasing:"cubicInOut"},e}(Wy);TT={fullType:AT.type,getCoord2:function(t){return t.getShallow("center")}},Ap.set(TT.fullType,{getCoord2:void 0}).getCoord2=TT.getCoord2;var kT=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{useEncodeDefaulter:!0})},e.prototype.getProgressive=function(){var t=this.option.progressive;return null==t?this.option.large?5e3:this.get("progressive"):t},e.prototype.getProgressiveThreshold=function(){var t=this.option.progressiveThreshold;return null==t?this.option.large?1e4:this.get("progressiveThreshold"):t},e.prototype.brushSelector=function(t,e,n){return n.point(e.getItemLayout(t))},e.prototype.getZLevelKey=function(){return this.getData().count()>this.getProgressiveThreshold()?this.id:""},e.type="series.scatter",e.dependencies=["grid","polar","geo","singleAxis","calendar","matrix"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,legendHoverLink:!0,symbolSize:10,large:!1,largeThreshold:2e3,itemStyle:{opacity:.8},emphasis:{scale:!0},clip:!0,select:{itemStyle:{borderColor:tf.color.primary}},universalTransition:{divideShape:"clone"}},e}(Wy),LT=function(){},PT=function(t){function e(e){var n=t.call(this,e)||this;return n._off=0,n.hoverDataIdx=-1,n}return n(e,t),e.prototype.getDefaultShape=function(){return new LT},e.prototype.reset=function(){this.notClear=!1,this._off=0},e.prototype.buildPath=function(t,e){var n,i=e.points,r=e.size,o=this.symbolProxy,a=o.shape,s=t.getContext?t.getContext():t,l=s&&r[0]<4,u=this.softClipShape;if(l)this._ctx=s;else{for(this._ctx=null,n=this._off;n<i.length;){var c=i[n++],h=i[n++];isNaN(c)||isNaN(h)||(u&&!u.contain(c,h)||(a.x=c-r[0]/2,a.y=h-r[1]/2,a.width=r[0],a.height=r[1],o.buildPath(t,a,!0)))}this.incremental&&(this._off=n,this.notClear=!0)}},e.prototype.afterBrush=function(){var t,e=this.shape,n=e.points,i=e.size,r=this._ctx,o=this.softClipShape;if(r){for(t=this._off;t<n.length;){var a=n[t++],s=n[t++];isNaN(a)||isNaN(s)||(o&&!o.contain(a,s)||r.fillRect(a-i[0]/2,s-i[1]/2,i[0],i[1]))}this.incremental&&(this._off=t,this.notClear=!0)}},e.prototype.findDataIndex=function(t,e){for(var n=this.shape,i=n.points,r=n.size,o=Math.max(r[0],4),a=Math.max(r[1],4),s=i.length/2-1;s>=0;s--){var l=2*s,u=i[l]-o/2,c=i[l+1]-a/2;if(t>=u&&e>=c&&t<=u+o&&e<=c+a)return s}return-1},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e),i=this.getBoundingRect();return t=n[0],e=n[1],i.contain(t,e)?(this.hoverDataIdx=this.findDataIndex(t,e))>=0:(this.hoverDataIdx=-1,!1)},e.prototype.getBoundingRect=function(){var t=this._rect;if(!t){for(var e=this.shape,n=e.points,i=e.size,r=i[0],o=i[1],a=1/0,s=1/0,l=-1/0,u=-1/0,c=0;c<n.length;){var h=n[c++],d=n[c++];a=Math.min(h,a),l=Math.max(h,l),s=Math.min(d,s),u=Math.max(d,u)}t=this._rect=new He(a-r/2,s-o/2,l-a+r,u-s+o)}return t},e}(sl),OT=function(){function t(){this.group=new to}return t.prototype.updateData=function(t,e){this._clear();var n=this._create();n.setShape({points:t.getLayout("points")}),this._setCommon(n,t,e)},t.prototype.updateLayout=function(t){var e=t.getLayout("points");this.group.eachChild((function(t){if(null!=t.startIndex){var n=2*(t.endIndex-t.startIndex),i=4*t.startIndex*2;e=new Float32Array(e.buffer,i,n)}t.setShape("points",e),t.reset()}))},t.prototype.incrementalPrepareUpdate=function(t){this._clear()},t.prototype.incrementalUpdate=function(t,e,n){var i=this._newAdded[0],r=e.getLayout("points"),o=i&&i.shape.points;if(o&&o.length<2e4){var a=o.length,s=new Float32Array(a+r.length);s.set(o),s.set(r,a),i.endIndex=t.end,i.setShape({points:s})}else{this._newAdded=[];var l=this._create();l.startIndex=t.start,l.endIndex=t.end,l.incremental=!0,l.setShape({points:r}),this._setCommon(l,e,n)}},t.prototype.eachRendered=function(t){this._newAdded[0]&&t(this._newAdded[0])},t.prototype._create=function(){var t=new PT({cursor:"default"});return t.ignoreCoarsePointer=!0,this.group.add(t),this._newAdded.push(t),t},t.prototype._setCommon=function(t,e,n){var i=e.hostModel;n=n||{};var r=e.getVisual("symbolSize");t.setShape("size",r instanceof Array?r:[r,r]),t.softClipShape=n.clipShape||null,t.symbolProxy=hm(e.getVisual("symbol"),0,0,0,0),t.setColor=t.symbolProxy.setColor;var o=t.shape.size[0]<4;t.useStyle(i.getModel("itemStyle").getItemStyle(o?["color","shadowBlur","shadowColor"]:["color"]));var a=e.getVisual("style"),s=a&&a.fill;s&&t.setColor(s);var l=zl(t);l.seriesIndex=i.seriesIndex,t.on("mousemove",(function(e){l.dataIndex=null;var n=t.hoverDataIdx;n>=0&&(l.dataIndex=n+(t.startIndex||0))}))},t.prototype.remove=function(){this._clear()},t.prototype._clear=function(){this._newAdded=[],this.group.removeAll()},t}(),RT=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData();this._updateSymbolDraw(i,t).updateData(i,{clipShape:this._getClipShape(t)}),this._finished=!0},e.prototype.incrementalPrepareRender=function(t,e,n){var i=t.getData();this._updateSymbolDraw(i,t).incrementalPrepareUpdate(i),this._finished=!1},e.prototype.incrementalRender=function(t,e,n){this._symbolDraw.incrementalUpdate(t,e.getData(),{clipShape:this._getClipShape(e)}),this._finished=t.end===e.getData().count()},e.prototype.updateTransform=function(t,e,n){var i=t.getData();if(this.group.dirty(),!this._finished||i.count()>1e4)return{update:!0};var r=NI("").reset(t,e,n);r.progress&&r.progress({start:0,end:i.count(),count:i.count()},i),this._symbolDraw.updateLayout(i)},e.prototype.eachRendered=function(t){this._symbolDraw&&this._symbolDraw.eachRendered(t)},e.prototype._getClipShape=function(t){if(t.get("clip",!0)){var e=t.coordinateSystem;return e&&e.getArea&&e.getArea(.1)}},e.prototype._updateSymbolDraw=function(t,e){var n=this._symbolDraw,i=e.pipelineContext.large;return n&&i===this._isLargeDraw||(n&&n.remove(),n=this._symbolDraw=i?new OT:new uI,this._isLargeDraw=i,this.group.removeAll()),this.group.add(n.group),n},e.prototype.remove=function(t,e){this._symbolDraw&&this._symbolDraw.remove(!0),this._symbolDraw=null},e.prototype.dispose=function(){},e.type="scatter",e}(tv),NT={left:0,right:0,top:0,bottom:0},zT=["25%","25%"],ET=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.mergeDefaultAndTheme=function(e,n){var i=Kp(e.outerBounds);t.prototype.mergeDefaultAndTheme.apply(this,arguments),i&&e.outerBounds&&qp(e.outerBounds,i)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.apply(this,arguments),this.option.outerBounds&&e.outerBounds&&qp(this.option.outerBounds,e.outerBounds)},e.type="grid",e.dependencies=["xAxis","yAxis"],e.layoutMode="box",e.defaultOption={show:!1,z:0,left:"15%",top:65,right:"10%",bottom:80,containLabel:!1,outerBoundsMode:"auto",outerBounds:NT,outerBoundsContain:"all",outerBoundsClampWidth:zT[0],outerBoundsClampHeight:zT[1],backgroundColor:tf.color.transparent,borderWidth:1,borderColor:tf.color.neutral30},e}(Qp),BT=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getCoordSysModel=function(){return this.getReferringComponents("grid",ha).models[0]},e.type="cartesian2dAxis",e}(Qp);R(BT,nw);var VT={show:!0,z:0,inverse:!1,name:"",nameLocation:"end",nameRotate:null,nameTruncate:{maxWidth:null,ellipsis:"...",placeholder:"."},nameTextStyle:{},nameGap:15,silent:!1,triggerEvent:!1,tooltip:{show:!1},axisPointer:{},axisLine:{show:!0,onZero:!0,onZeroAxisIndex:null,lineStyle:{color:tf.color.axisLine,width:1,type:"solid"},symbol:["none","none"],symbolSize:[10,15],breakLine:!0},axisTick:{show:!0,inside:!1,length:5,lineStyle:{width:1}},axisLabel:{show:!0,inside:!1,rotate:0,showMinLabel:null,showMaxLabel:null,margin:8,fontSize:12,color:tf.color.axisLabel,textMargin:[0,3]},splitLine:{show:!0,showMinLine:!0,showMaxLine:!0,lineStyle:{color:tf.color.axisSplitLine,width:1,type:"solid"}},splitArea:{show:!1,areaStyle:{color:[tf.color.backgroundTint,tf.color.backgroundTransparent]}},breakArea:{show:!0,itemStyle:{color:tf.color.neutral00,borderColor:tf.color.border,borderWidth:1,borderType:[3,3],opacity:.6},zigzagAmplitude:4,zigzagMinSpan:4,zigzagMaxSpan:20,zigzagZ:100,expandOnClick:!0},breakLabelLayout:{moveOverlap:"auto"}},GT=C({boundaryGap:!0,deduplication:null,jitter:0,jitterOverlap:!0,jitterMargin:2,splitLine:{show:!1},axisTick:{alignWithLabel:!1,interval:"auto",show:"auto"},axisLabel:{interval:"auto"}},VT),FT=C({boundaryGap:[0,0],axisLine:{show:"auto"},axisTick:{show:"auto"},splitNumber:5,minorTick:{show:!1,splitNumber:5,length:3,lineStyle:{}},minorSplitLine:{show:!1,lineStyle:{color:tf.color.axisMinorSplitLine,width:1}}},VT),WT={category:GT,value:FT,time:C({splitNumber:6,axisLabel:{showMinLabel:!1,showMaxLabel:!1,rich:{primary:{fontWeight:"bold"}}},splitLine:{show:!1}},FT),log:k({logBase:10},FT)},HT={value:1,category:1,time:1,log:1},UT=null;function YT(){return UT}function XT(t,e,i,r){z(HT,(function(o,a){var s=C(C({},WT[a],!0),r,!0),l=function(t){function i(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e+"Axis."+a,n}return n(i,t),i.prototype.mergeDefaultAndTheme=function(t,e){var n=jp(this),i=n?Kp(t):{};C(t,e.getTheme().get(a+"Axis")),C(t,this.getDefaultOption()),t.type=ZT(t),n&&qp(t,i,n)},i.prototype.optionUpdated=function(){"category"===this.option.type&&(this.__ordinalMeta=ab.createByAxisModel(this))},i.prototype.getCategories=function(t){var e=this.option;if("category"===e.type)return t?e.data:this.__ordinalMeta.categories},i.prototype.getOrdinalMeta=function(){return this.__ordinalMeta},i.prototype.updateAxisBreaks=function(t){var e=YT();return e?e.updateModelAxisBreak(this,t):{breaks:[]}},i.type=e+"Axis."+a,i.defaultOption=s,i}(i);t.registerComponentModel(l)})),t.registerSubTypeDefaulter(e+"Axis",ZT)}function ZT(t){return t.type||(t.data?"category":"value")}var jT=function(){function t(t){this.type="cartesian",this._dimList=[],this._axes={},this.name=t||""}return t.prototype.getAxis=function(t){return this._axes[t]},t.prototype.getAxes=function(){return E(this._dimList,(function(t){return this._axes[t]}),this)},t.prototype.getAxesByScale=function(t){return t=t.toLowerCase(),V(this.getAxes(),(function(e){return e.scale.type===t}))},t.prototype.addAxis=function(t){var e=t.dim;this._axes[e]=t,this._dimList.push(e)},t}(),qT=["x","y"];function KT(t){return("interval"===t.type||"time"===t.type)&&!t.hasBreaks()}var $T=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="cartesian2d",e.dimensions=qT,e}return n(e,t),e.prototype.calcAffineTransform=function(){this._transform=this._invTransform=null;var t=this.getAxis("x").scale,e=this.getAxis("y").scale;if(KT(t)&&KT(e)){var n=t.getExtent(),i=e.getExtent(),r=this.dataToPoint([n[0],i[0]]),o=this.dataToPoint([n[1],i[1]]),a=n[1]-n[0],s=i[1]-i[0];if(a&&s){var l=(o[0]-r[0])/a,u=(o[1]-r[1])/s,c=r[0]-n[0]*l,h=r[1]-i[0]*u,d=this._transform=[l,0,0,u,c,h];this._invTransform=Te([],d)}}},e.prototype.getBaseAxis=function(){return this.getAxesByScale("ordinal")[0]||this.getAxesByScale("time")[0]||this.getAxis("x")},e.prototype.containPoint=function(t){var e=this.getAxis("x"),n=this.getAxis("y");return e.contain(e.toLocalCoord(t[0]))&&n.contain(n.toLocalCoord(t[1]))},e.prototype.containData=function(t){return this.getAxis("x").containData(t[0])&&this.getAxis("y").containData(t[1])},e.prototype.containZone=function(t,e){var n=this.dataToPoint(t),i=this.dataToPoint(e),r=this.getArea(),o=new He(n[0],n[1],i[0]-n[0],i[1]-n[1]);return r.intersect(o)},e.prototype.dataToPoint=function(t,e,n){n=n||[];var i=t[0],r=t[1];if(this._transform&&null!=i&&isFinite(i)&&null!=r&&isFinite(r))return Ht(n,t,this._transform);var o=this.getAxis("x"),a=this.getAxis("y");return n[0]=o.toGlobalCoord(o.dataToCoord(i,e)),n[1]=a.toGlobalCoord(a.dataToCoord(r,e)),n},e.prototype.clampData=function(t,e){var n=this.getAxis("x").scale,i=this.getAxis("y").scale,r=n.getExtent(),o=i.getExtent(),a=n.parse(t[0]),s=i.parse(t[1]);return(e=e||[])[0]=Math.min(Math.max(Math.min(r[0],r[1]),a),Math.max(r[0],r[1])),e[1]=Math.min(Math.max(Math.min(o[0],o[1]),s),Math.max(o[0],o[1])),e},e.prototype.pointToData=function(t,e,n){if(n=n||[],this._invTransform)return Ht(n,t,this._invTransform);var i=this.getAxis("x"),r=this.getAxis("y");return n[0]=i.coordToData(i.toLocalCoord(t[0]),e),n[1]=r.coordToData(r.toLocalCoord(t[1]),e),n},e.prototype.getOtherAxis=function(t){return this.getAxis("x"===t.dim?"y":"x")},e.prototype.getArea=function(t){t=t||0;var e=this.getAxis("x").getGlobalExtent(),n=this.getAxis("y").getGlobalExtent(),i=Math.min(e[0],e[1])-t,r=Math.min(n[0],n[1])-t,o=Math.max(e[0],e[1])-i+t,a=Math.max(n[0],n[1])-r+t;return new He(i,r,o,a)},e}(jT),JT=function(t){function e(e,n,i,r,o){var a=t.call(this,e,n,i)||this;return a.index=0,a.type=r||"value",a.position=o||"bottom",a}return n(e,t),e.prototype.isHorizontal=function(){var t=this.position;return"top"===t||"bottom"===t},e.prototype.getGlobalExtent=function(t){var e=this.getExtent();return e[0]=this.toGlobalCoord(e[0]),e[1]=this.toGlobalCoord(e[1]),t&&e[0]>e[1]&&e.reverse(),e},e.prototype.pointToData=function(t,e){return this.coordToData(this.toLocalCoord(t["x"===this.dim?0:1]),e)},e.prototype.setCategorySortInfo=function(t){if("category"!==this.type)return!1;this.model.option.categorySortInfo=t,this.scale.setSortInfo(t)},e}(Ww),QT="expandAxisBreak",tC="collapseAxisBreak",eC="toggleAxisBreak",nC="axisbreakchanged",iC={type:QT,event:nC,update:"update",refineEvent:aC},rC={type:tC,event:nC,update:"update",refineEvent:aC},oC={type:eC,event:nC,update:"update",refineEvent:aC};function aC(t,e,n,i){var r=[];return z(t,(function(t){r=r.concat(t.eventBreaks)})),{eventContent:{breaks:r}}}var sC=Math.PI,lC=[[1,2,1,2],[5,3,5,3],[8,3,8,3]],uC=[[0,1,0,1],[0,3,0,3],[0,3,0,3]],cC=sa(),hC=sa(),dC=function(){function t(t){this.recordMap={},this.resolveAxisNameOverlap=t}return t.prototype.ensureRecord=function(t){var e=t.axis.dim,n=t.componentIndex,i=this.recordMap,r=i[e]||(i[e]=[]);return r[n]||(r[n]={ready:{}})},t}();var pC=[1,0,0,1,0,0],fC=new He(0,0,0,0),gC=function(t,e,n,i,r,o){if(Qb(t.nameLocation)){var a=o.stOccupiedRect;a&&yC(function(t,e,n){return t.transform=Wh(t.transform,n),t.localRect=Fh(t.localRect,e),t.rect=Fh(t.rect,e),n&&t.rect.applyTransform(n),t.axisAligned=Vh(n),t.obb=void 0,(t.label=t.label||{}).ignore=!1,t}({},a,o.transGroup.transform),i,r)}else vC(o.labelInfoList,o.dirVec,i,r)};function yC(t,e,n){var i=new Ae;IS(t,e,i,{direction:Math.atan2(n.y,n.x),bidirectional:!1,touchThreshold:.05})&&_S(e,i)}function vC(t,e,n,i){for(var r=Ae.dot(i,e)>=0,o=0,a=t.length;o<a;o++){var s=t[r?o:a-1-o];s.label.ignore||yC(s,n,i)}}var mC=function(){function t(t,e,n,i){this.group=new to,this._axisModel=t,this._api=e,this._local={},this._shared=i||new dC(gC),this._resetCfgDetermined(n)}return t.prototype.updateCfg=function(t){var e=this._cfg.raw;e.position=t.position,e.labelOffset=t.labelOffset,this._resetCfgDetermined(e)},t.prototype.__getRawCfg=function(){return this._cfg.raw},t.prototype._resetCfgDetermined=function(t){var e=this._axisModel,n=e.getDefaultOption?e.getDefaultOption():{},i=rt(t.axisName,e.get("name")),r=e.get("nameMoveOverlap");null!=r&&"auto"!==r||(r=rt(t.defaultNameMoveOverlap,!0));var o={raw:t,position:t.position,rotation:t.rotation,nameDirection:rt(t.nameDirection,1),tickDirection:rt(t.tickDirection,1),labelDirection:rt(t.labelDirection,1),labelOffset:rt(t.labelOffset,0),silent:rt(t.silent,!0),axisName:i,nameLocation:ot(e.get("nameLocation"),n.nameLocation,"end"),shouldNameMoveOverlap:AC(i)&&r,optionHideOverlap:e.get(["axisLabel","hideOverlap"]),showMinorTicks:e.get(["minorTick","show"])};this._cfg=o;var a=new to({x:o.position[0],y:o.position[1],rotation:o.rotation});a.updateTransform(),this._transformGroup=a;var s=this._shared.ensureRecord(e);s.transGroup=this._transformGroup,s.dirVec=new Ae(Math.cos(-o.rotation),Math.sin(-o.rotation))},t.prototype.build=function(t,e){var n=this;return t||(t={axisLine:!0,axisTickLabelEstimate:!1,axisTickLabelDetermine:!0,axisName:!0}),z(xC,(function(i){t[i]&&_C[i](n._cfg,n._local,n._shared,n._axisModel,n.group,n._transformGroup,n._api,e||{})})),this},t.innerTextLayout=function(t,e,n){var i,r,o=To(e-t);return Co(o)?(r=n>0?"top":"bottom",i="center"):Co(o-sC)?(r=n>0?"bottom":"top",i="center"):(r="middle",i=o>0&&o<sC?n>0?"right":"left":n>0?"left":"right"),{rotation:o,textAlign:i,textVerticalAlign:r}},t.makeAxisEventDataBase=function(t){var e={componentType:t.mainType,componentIndex:t.componentIndex};return e[t.mainType+"Index"]=t.componentIndex,e},t.isLabelSilent=function(t){var e=t.get("tooltip");return t.get("silent")||!(t.get("triggerEvent")||e&&e.show)},t}(),xC=["axisLine","axisTickLabelEstimate","axisTickLabelDetermine","axisName"],_C={axisLine:function(t,e,n,i,r,o,a){var s=i.get(["axisLine","show"]);if("auto"===s&&(s=!0,null!=t.raw.axisLineAutoShow&&(s=!!t.raw.axisLineAutoShow)),s){var l=i.axis.getExtent(),u=o.transform,c=[l[0],0],h=[l[1],0],d=c[0]>h[0];u&&(Ht(c,c,u),Ht(h,h,u));var p=A({lineCap:"round"},i.getModel(["axisLine","lineStyle"]).getLineStyle()),f={strokeContainThreshold:t.raw.strokeContainThreshold||5,silent:!0,z2:1,style:p};if(i.get(["axisLine","breakLine"])&&i.axis.scale.hasBreaks())YT().buildAxisBreakLine(i,r,o,f);else{var g=new Ac(A({shape:{x1:c[0],y1:c[1],x2:h[0],y2:h[1]}},f));_h(g.shape,g.style.lineWidth),g.anid="line",r.add(g)}var y=i.get(["axisLine","symbol"]);if(null!=y){var v=i.get(["axisLine","symbolSize"]);X(y)&&(y=[y,y]),(X(v)||j(v))&&(v=[v,v]);var m=pm(i.get(["axisLine","symbolOffset"])||0,v),x=v[0],_=v[1];z([{rotate:t.rotation+Math.PI/2,offset:m[0],r:0},{rotate:t.rotation-Math.PI/2,offset:m[1],r:Math.sqrt((c[0]-h[0])*(c[0]-h[0])+(c[1]-h[1])*(c[1]-h[1]))}],(function(e,n){if("none"!==y[n]&&null!=y[n]){var i=hm(y[n],-x/2,-_/2,x,_,p.stroke,!0),o=e.r+e.offset,a=d?h:c;i.attr({rotation:e.rotate,x:a[0]+o*Math.cos(t.rotation),y:a[1]-o*Math.sin(t.rotation),silent:!0,z2:11}),r.add(i)}}))}}},axisTickLabelEstimate:function(t,e,n,i,r,o,a,s){MC(e,r,s)&&bC(t,e,n,i,r,o,a,Iw)},axisTickLabelDetermine:function(t,e,n,i,r,o,a,s){MC(e,r,s)&&bC(t,e,n,i,r,o,a,Tw);var l=function(t,e,n,i){var r=i.axis,o=i.getModel("axisTick"),a=o.get("show");"auto"===a&&(a=!0,null!=t.raw.axisTickAutoShow&&(a=!!t.raw.axisTickAutoShow));if(!a||r.scale.isBlank())return[];for(var s=o.getModel("lineStyle"),l=t.tickDirection*o.get("length"),u=SC(r.getTicksCoords(),n.transform,l,k(s.getLineStyle(),{stroke:i.get(["axisLine","lineStyle","color"])}),"ticks"),c=0;c<u.length;c++)e.add(u[c]);return u}(t,r,o,i);!function(t,e,n){if(t.showMinorTicks)return;z(e,(function(t){if(t&&t.label.ignore)for(var e=0;e<n.length;e++){var i=n[e],r=hC(i),o=cC(t.label);if(null!=r.tickValue&&!r.onBand&&r.tickValue===o.tickValue)return void wC(i)}}))}(t,e.labelLayoutList,l),function(t,e,n,i,r){var o=i.axis,a=i.getModel("minorTick");if(!t.showMinorTicks||o.scale.isBlank())return;var s=o.getMinorTicksCoords();if(!s.length)return;for(var l=a.getModel("lineStyle"),u=r*a.get("length"),c=k(l.getLineStyle(),k(i.getModel("axisTick").getLineStyle(),{stroke:i.get(["axisLine","lineStyle","color"])})),h=0;h<s.length;h++)for(var d=SC(s[h],n.transform,u,c,"minorticks_"+h),p=0;p<d.length;p++)e.add(d[p])}(t,r,o,i,t.tickDirection)},axisName:function(t,e,n,i,r,o,a,s){var l=n.ensureRecord(i);e.nameEl&&(r.remove(e.nameEl),e.nameEl=l.nameLayout=l.nameLocation=null);var u=t.axisName;if(AC(u)){var c=t.nameLocation,h=t.nameDirection,d=i.getModel("nameTextStyle"),p=i.get("nameGap")||0,f=i.axis.getExtent(),g=i.axis.inverse?-1:1,y=new Ae(0,0),v=new Ae(0,0);"start"===c?(y.x=f[0]-g*p,v.x=-g):"end"===c?(y.x=f[1]+g*p,v.x=g):(y.x=(f[0]+f[1])/2,y.y=t.labelOffset+h*p,v.y=h);var m=[1,0,0,1,0,0];v.transform(Me(m,m,t.rotation));var x,_,b=i.get("nameRotate");null!=b&&(b=b*sC/180),Qb(c)?x=mC.innerTextLayout(t.rotation,null!=b?b:t.rotation,h):(x=function(t,e,n,i){var r,o,a=To(n-t),s=i[0]>i[1],l="start"===e&&!s||"start"!==e&&s;Co(a-sC/2)?(o=l?"bottom":"top",r="center"):Co(a-1.5*sC)?(o=l?"top":"bottom",r="center"):(o="middle",r=a<1.5*sC&&a>sC/2?l?"left":"right":l?"right":"left");return{rotation:a,textAlign:r,textVerticalAlign:o}}(t.rotation,c,b||0,f),null!=(_=t.raw.axisNameAvailableWidth)&&(_=Math.abs(_/Math.sin(x.rotation)),!isFinite(_)&&(_=null)));var w=d.getFont(),S=i.get("nameTruncate",!0)||{},M=S.ellipsis,I=it(t.raw.nameTruncateMaxWidth,S.maxWidth,_),T=s.nameMarginLevel||0,C=new Sl({x:y.x,y:y.y,rotation:x.rotation,silent:mC.isLabelSilent(i),style:Qh(d,{text:u,font:w,overflow:"truncate",width:I,ellipsis:M,fill:d.getTextColor()||i.get(["axisLine","lineStyle","color"]),align:d.get("align")||x.textAlign,verticalAlign:d.get("verticalAlign")||x.textVerticalAlign}),z2:1});if(zh({el:C,componentModel:i,itemName:u}),C.__fullText=u,C.anid="name",i.get("triggerEvent")){var D=mC.makeAxisEventDataBase(i);D.targetType="axisName",D.name=u,zl(C).eventData=D}o.add(C),C.updateTransform(),e.nameEl=C;var A=l.nameLayout=vS({label:C,priority:C.z2,defaultAttr:{ignore:C.ignore},marginDefault:Qb(c)?lC[T]:uC[T]});if(l.nameLocation=c,r.add(C),C.decomposeTransform(),t.shouldNameMoveOverlap&&A){var k=n.ensureRecord(i);0,n.resolveAxisNameOverlap(t,n,i,A,v,k)}}}};function bC(t,e,n,i,r,o,a,s){IC(e)||function(t,e,n,i,r,o){var a=r.axis,s=it(t.raw.axisLabelShow,r.get(["axisLabel","show"])),l=new to;n.add(l);var u=Cw(i);if(!s||a.scale.isBlank())return void TC(e,[],l,u);var c=r.getModel("axisLabel"),h=a.getViewLabels(u),d=(it(t.raw.labelRotate,c.get("rotate"))||0)*sC/180,p=mC.innerTextLayout(t.rotation,d,t.labelDirection),f=r.getCategories&&r.getCategories(!0),g=[],y=r.get("triggerEvent"),v=1/0,m=-1/0;z(h,(function(t,e){var n,i="ordinal"===a.scale.type?a.scale.getRawOrdinalNumber(t.tickValue):t.tickValue,s=t.formattedLabel,u=t.rawLabel,d=c;if(f&&f[i]){var x=f[i];q(x)&&x.textStyle&&(d=new wd(x.textStyle,c,r.ecModel))}var _=d.getTextColor()||r.get(["axisLine","lineStyle","color"]),b=d.getShallow("align",!0)||p.textAlign,w=rt(d.getShallow("alignMinLabel",!0),b),S=rt(d.getShallow("alignMaxLabel",!0),b),M=d.getShallow("verticalAlign",!0)||d.getShallow("baseline",!0)||p.textVerticalAlign,I=rt(d.getShallow("verticalAlignMinLabel",!0),M),T=rt(d.getShallow("verticalAlignMaxLabel",!0),M),C=10+((null===(n=t.time)||void 0===n?void 0:n.level)||0);v=Math.min(v,C),m=Math.max(m,C);var D=new Sl({x:0,y:0,rotation:0,silent:mC.isLabelSilent(r),z2:C,style:Qh(d,{text:s,align:0===e?w:e===h.length-1?S:b,verticalAlign:0===e?I:e===h.length-1?T:M,fill:Y(_)?_("category"===a.type?u:"value"===a.type?i+"":i,e):_})});D.anid="label_"+i;var A=cC(D);if(A.break=t.break,A.tickValue=i,A.layoutRotation=p.rotation,zh({el:D,componentModel:r,itemName:s,formatterParamsExtra:{isTruncated:function(){return D.isTruncated},value:u,tickIndex:e}}),y){var k=mC.makeAxisEventDataBase(r);k.targetType="axisLabel",k.value=u,k.tickIndex=e,t.break&&(k.break={start:t.break.parsedBreak.vmin,end:t.break.parsedBreak.vmax}),"category"===a.type&&(k.dataIndex=i),zl(D).eventData=k,t.break&&function(t,e,n,i){n.on("click",(function(n){var r={type:QT,breaks:[{start:i.parsedBreak.breakOption.start,end:i.parsedBreak.breakOption.end}]};r[t.axis.dim+"AxisIndex"]=t.componentIndex,e.dispatchAction(r)}))}(r,o,D,t.break)}g.push(D),l.add(D)}));var x=E(g,(function(t){return{label:t,priority:cC(t).break?t.z2+(m-v+1):t.z2,defaultAttr:{ignore:t.ignore}}}));TC(e,x,l,u)}(t,e,r,s,i,a);var l=e.labelLayoutList;!function(t,e,n,i){var r=e.get(["axisLabel","margin"]);z(n,(function(n,o){var a=vS(n);if(a){var s=a.label,l=cC(s);a.suggestIgnore=s.ignore,s.ignore=!1,kr(CC,DC),CC.x=e.axis.dataToCoord(l.tickValue),CC.y=t.labelOffset+t.labelDirection*r,CC.rotation=l.layoutRotation,i.add(CC),CC.updateTransform(),i.remove(CC),CC.decomposeTransform(),kr(s,CC),s.markRedraw(),gS(a,!0),vS(a)}}))}(t,i,l,o),function(t,e,n){var i=Nd();if(!i)return;var r=i.retrieveAxisBreakPairs(n,(function(t){return t&&cC(t.label).break}),!0),o=t.get(["breakLabelLayout","moveOverlap"],!0);!0!==o&&"auto"!==o||z(r,(function(i){YT().adjustBreakLabelPair(t.axis.inverse,e,[vS(n[i[0]]),vS(n[i[1]])])}))}(i,t.rotation,l);var u=t.optionHideOverlap;!function(t,e,n){if($b(t.axis))return;function i(t,i,r){var o=vS(e[i]),a=vS(e[r]);if(o&&a)if(!1===t||o.suggestIgnore)wC(o.label);else if(a.suggestIgnore)wC(a.label);else{var s=.1;if(!n){var l=[0,0,0,0];o=bS({marginForce:l},o),a=bS({marginForce:l},a)}IS(o,a,null,{touchThreshold:s})&&wC(t?a.label:o.label)}}var r=t.get(["axisLabel","showMinLabel"]),o=t.get(["axisLabel","showMaxLabel"]),a=e.length;i(r,0,1),i(o,a-1,a-2)}(i,l,u),u&&MS(V(l,(function(t){return t&&!t.label.ignore}))),function(t,e,n,i){var r,o=n.axis,a=e.ensureRecord(n),s=[],l=AC(t.axisName)&&Qb(t.nameLocation);z(i,(function(t){var e=vS(t);if(e&&!e.label.ignore){s.push(e);var n=a.transGroup;l&&(n.transform?Te(pC,n.transform):_e(pC),e.transform&&we(pC,pC,e.transform),He.copy(fC,e.localRect),fC.applyTransform(pC),r?r.union(fC):He.copy(r=new He(0,0,0,0),fC))}}));var u=Math.abs(a.dirVec.x)>.1?"x":"y",c=a.transGroup[u];if(s.sort((function(t,e){return Math.abs(t.label[u]-c)-Math.abs(e.label[u]-c)})),l&&r){var h=o.getExtent(),d=Math.min(h[0],h[1]),p=Math.max(h[0],h[1])-d;r.union(new He(d,0,p,1))}a.stOccupiedRect=r,a.labelInfoList=s}(t,n,i,l)}function wC(t){t&&(t.ignore=!0)}function SC(t,e,n,i,r){for(var o=[],a=[],s=[],l=0;l<t.length;l++){var u=t[l].coord;a[0]=u,a[1]=0,s[0]=u,s[1]=n,e&&(Ht(a,a,e),Ht(s,s,e));var c=new Ac({shape:{x1:a[0],y1:a[1],x2:s[0],y2:s[1]},style:i,z2:2,autoBatch:!0,silent:!0});_h(c.shape,c.style.lineWidth),c.anid=r+"_"+t[l].tickValue,o.push(c);var h=hC(c);h.onBand=!!t[l].onBand,h.tickValue=t[l].tickValue}return o}function MC(t,e,n){if(IC(t)){var i=t.axisLabelsCreationContext;0;var r=i.out.noPxChangeTryDetermine;if(n.noPxChange){for(var o=!0,a=0;a<r.length;a++)o=o&&r[a]();if(o)return!1}r.length&&(e.remove(t.labelGroup),TC(t,null,null,null))}return!0}function IC(t){return!!t.labelLayoutList}function TC(t,e,n,i){t.labelLayoutList=e,t.labelGroup=n,t.axisLabelsCreationContext=i}var CC=new xl,DC=new xl;function AC(t){return!!t}function kC(t,e,n){n=n||{};var i=e.axis,r={},o=i.getAxesOnZeroOf()[0],a=i.position,s=o?"onZero":a,l=i.dim,u=[t.x,t.x+t.width,t.y,t.y+t.height],c={left:0,right:1,top:0,bottom:1,onZero:2},h=e.get("offset")||0,d="x"===l?[u[2]-h,u[3]+h]:[u[0]-h,u[1]+h];if(o){var p=o.toGlobalCoord(o.dataToCoord(0));d[c.onZero]=Math.max(Math.min(p,d[1]),d[0])}r.position=["y"===l?d[c[s]]:u[0],"x"===l?d[c[s]]:u[3]],r.rotation=Math.PI/2*("x"===l?0:1);r.labelDirection=r.tickDirection=r.nameDirection={top:-1,bottom:1,left:-1,right:1}[a],r.labelOffset=o?d[c[a]]-d[c.onZero]:0,e.get(["axisTick","inside"])&&(r.tickDirection=-r.tickDirection),it(n.labelInside,e.get(["axisLabel","inside"]))&&(r.labelDirection=-r.labelDirection);var f=e.get(["axisLabel","rotate"]);return r.labelRotate="top"===s?-f:f,r.z2=1,r}function LC(t){var e={xAxisModel:null,yAxisModel:null};return z(e,(function(n,i){var r=i.replace(/Model$/,""),o=t.getReferringComponents(r,ha).models[0];e[i]=o})),e}function PC(t,e,n){var i=cb.prototype,r=i.getTicks.call(n),o=i.getTicks.call(n,{expandToNicedExtent:!0}),a=r.length-1,s=i.getInterval.call(n),l=Yb(t,e),u=l.extent,c=l.fixMin,h=l.fixMax;"log"===t.type&&(u=ib(t.base,u,!0)),t.setBreaksFromOption(ew(e)),t.setExtent(u[0],u[1]),t.calcNiceExtent({splitNumber:a,fixMin:c,fixMax:h});var d=i.getExtent.call(t);c&&(u[0]=d[0]),h&&(u[1]=d[1]);var p=i.getInterval.call(t),f=u[0],g=u[1];if(c&&h)p=(g-f)/a;else if(c)for(g=u[0]+p*a;g<u[1]&&isFinite(g)&&isFinite(u[1]);)p=K_(p),g=u[0]+p*a;else if(h)for(f=u[1]-p*a;f>u[0]&&isFinite(f)&&isFinite(u[0]);)p=K_(p),f=u[1]-p*a;else{t.getTicks().length-1>a&&(p=K_(p));var y=p*a;(f=mo((g=Math.ceil(u[1]/p)*p)-y))<0&&u[0]>=0?(f=0,g=mo(y)):g>0&&u[1]<=0&&(g=0,f=-mo(y))}var v=(r[0].value-o[0].value)/s,m=(r[a].value-o[a].value)/s;i.setExtent.call(t,f+p*v,g+p*m),i.setInterval.call(t,p),(v||m)&&i.setNiceExtent.call(t,f+p,g-p)}var OC,RC=[[3,1],[0,2]],NC=function(){function t(t,e,n){this.type="grid",this._coordsMap={},this._coordsList=[],this._axesMap={},this._axesList=[],this.axisPointerEnabled=!0,this.dimensions=qT,this._initCartesian(t,e,n),this.model=t}return t.prototype.getRect=function(){return this._rect},t.prototype.update=function(t,e){var n=this._axesMap;function i(t){var e,n=F(t),i=n.length;if(i){for(var r=[],o=i-1;o>=0;o--){var a=t[+n[o]],s=a.model,l=a.scale;j_(l)&&s.get("alignTicks")&&null==s.get("interval")?r.push(a):(Xb(l,s),j_(l)&&(e=a))}r.length&&(e||Xb((e=r.pop()).scale,e.model),z(r,(function(t){PC(t.scale,t.model,e.scale)})))}}this._updateScale(t,this.model),i(n.x),i(n.y);var r={};z(n.x,(function(t){EC(n,"y",t,r)})),z(n.y,(function(t){EC(n,"x",t,r)})),this.resize(this.model,e)},t.prototype.resize=function(t,e,n){var i=Xp(t,e),r=this._rect=Hp(t.getBoxLayoutParams(),i.refContainer),o=this._axesMap,a=this._coordsList,s=t.get("containLabel");if(VC(o,r),!n){var l=function(t,e,n,i,r){var o=new dC(HC);return z(n,(function(n){return z(n,(function(n){if(tw(n.model)){var a=!i;n.axisBuilder=function(t,e,n,i,r,o){for(var a=kC(t,n),s=!1,l=!1,u=0;u<e.length;u++)j_(e[u].getOtherAxis(n.axis).scale)&&(s=l=!0,"category"===n.axis.type&&n.axis.onBand&&(l=!1));return a.axisLineAutoShow=s,a.axisTickAutoShow=l,a.defaultNameMoveOverlap=o,new mC(n,i,a,r)}(t,e,n.model,r,o,a)}}))})),o}(r,a,o,s,e),u=void 0;if(s)OC?(OC(this._axesList,r),VC(o,r)):u=FC(r.clone(),"axisLabel",null,r,o,l,i);else{var c=function(t,e,n){var i,r=t.get("outerBoundsMode",!0);"same"===r?i=e.clone():null!=r&&"auto"!==r||(i=Hp(t.get("outerBounds",!0)||NT,n.refContainer));var o,a=t.get("outerBoundsContain",!0);o=null==a||"auto"===a||P(["all","axisLabel"],a)<0?"all":a;var s=[vo(rt(t.get("outerBoundsClampWidth",!0),zT[0]),e.width),vo(rt(t.get("outerBoundsClampHeight",!0),zT[1]),e.height)];return{outerBoundsRect:i,parsedOuterBoundsContain:o,outerBoundsClamp:s}}(t,r,i),h=c.outerBoundsRect,d=c.parsedOuterBoundsContain,p=c.outerBoundsClamp;h&&(u=FC(h,d,p,r,o,l,i))}WC(r,o,Tw,null,u,i)}z(this._coordsList,(function(t){t.calcAffineTransform()}))},t.prototype.getAxis=function(t,e){var n=this._axesMap[t];if(null!=n)return n[e||0]},t.prototype.getAxes=function(){return this._axesList.slice()},t.prototype.getCartesian=function(t,e){if(null!=t&&null!=e){var n="x"+t+"y"+e;return this._coordsMap[n]}q(t)&&(e=t.yAxisIndex,t=t.xAxisIndex);for(var i=0,r=this._coordsList;i<r.length;i++)if(r[i].getAxis("x").index===t||r[i].getAxis("y").index===e)return r[i]},t.prototype.getCartesians=function(){return this._coordsList.slice()},t.prototype.convertToPixel=function(t,e,n){var i=this._findConvertTarget(e);return i.cartesian?i.cartesian.dataToPoint(n):i.axis?i.axis.toGlobalCoord(i.axis.dataToCoord(n)):null},t.prototype.convertFromPixel=function(t,e,n){var i=this._findConvertTarget(e);return i.cartesian?i.cartesian.pointToData(n):i.axis?i.axis.coordToData(i.axis.toLocalCoord(n)):null},t.prototype._findConvertTarget=function(t){var e,n,i=t.seriesModel,r=t.xAxisModel||i&&i.getReferringComponents("xAxis",ha).models[0],o=t.yAxisModel||i&&i.getReferringComponents("yAxis",ha).models[0],a=t.gridModel,s=this._coordsList;if(i)P(s,e=i.coordinateSystem)<0&&(e=null);else if(r&&o)e=this.getCartesian(r.componentIndex,o.componentIndex);else if(r)n=this.getAxis("x",r.componentIndex);else if(o)n=this.getAxis("y",o.componentIndex);else if(a){a.coordinateSystem===this&&(e=this._coordsList[0])}return{cartesian:e,axis:n}},t.prototype.containPoint=function(t){var e=this._coordsList[0];if(e)return e.containPoint(t)},t.prototype._initCartesian=function(t,e,n){var i=this,r=this,o={left:!1,right:!1,top:!1,bottom:!1},a={x:{},y:{}},s={x:0,y:0};if(e.eachComponent("xAxis",l("x"),this),e.eachComponent("yAxis",l("y"),this),!s.x||!s.y)return this._axesMap={},void(this._axesList=[]);function l(e){return function(n,i){if(zC(n,t)){var l=n.get("position");"x"===e?"top"!==l&&"bottom"!==l&&(l=o.bottom?"top":"bottom"):"left"!==l&&"right"!==l&&(l=o.left?"right":"left"),o[l]=!0;var u=new JT(e,Zb(n),[0,0],n.get("type"),l),c="category"===u.type;u.onBand=c&&n.get("boundaryGap"),u.inverse=n.get("inverse"),n.axis=u,u.model=n,u.grid=r,u.index=i,r._axesList.push(u),a[e][i]=u,s[e]++}}}this._axesMap=a,z(a.x,(function(e,n){z(a.y,(function(r,o){var a="x"+n+"y"+o,s=new $T(a);s.master=i,s.model=t,i._coordsMap[a]=s,i._coordsList.push(s),s.addAxis(e),s.addAxis(r)}))}))},t.prototype._updateScale=function(t,e){function n(t,e){z(Jb(t,e.dim),(function(n){e.scale.unionExtentFromData(t,n)}))}z(this._axesList,(function(t){if(t.scale.setExtent(1/0,-1/0),"category"===t.type){var e=t.model.get("categorySortInfo");t.scale.setSortInfo(e)}})),t.eachSeries((function(t){if(function(t){return t.coordinateSystem&&"cartesian2d"===t.coordinateSystem.type}(t)){var i=LC(t),r=i.xAxisModel,o=i.yAxisModel;if(!zC(r,e)||!zC(o,e))return;var a=this.getCartesian(r.componentIndex,o.componentIndex),s=t.getData(),l=a.getAxis("x"),u=a.getAxis("y");n(s,l),n(s,u)}}),this)},t.prototype.getTooltipAxes=function(t){var e=[],n=[];return z(this.getCartesians(),(function(i){var r=null!=t&&"auto"!==t?i.getAxis(t):i.getBaseAxis(),o=i.getOtherAxis(r);P(e,r)<0&&e.push(r),P(n,o)<0&&n.push(o)})),{baseAxes:e,otherAxes:n}},t.create=function(e,n){var i=[];return e.eachComponent("grid",(function(r,o){var a=new t(r,e,n);a.name="grid_"+o,a.resize(r,n,!0),r.coordinateSystem=a,i.push(a)})),e.eachSeries((function(t){Rp({targetModel:t,coordSysType:"cartesian2d",coordSysProvider:function(){var e=LC(t),n=e.xAxisModel,i=e.yAxisModel,r=n.getCoordSysModel();0;return r.coordinateSystem.getCartesian(n.componentIndex,i.componentIndex)}})})),i},t.dimensions=qT,t}();function zC(t,e){return t.getCoordSysModel()===e}function EC(t,e,n,i){n.getAxesOnZeroOf=function(){return r?[r]:[]};var r,o=t[e],a=n.model,s=a.get(["axisLine","onZero"]),l=a.get(["axisLine","onZeroAxisIndex"]);if(s){if(null!=l)BC(o[l])&&(r=o[l]);else for(var u in o)if(o.hasOwnProperty(u)&&BC(o[u])&&!i[c(o[u])]){r=o[u];break}r&&(i[c(r)]=!0)}function c(t){return t.dim+"_"+t.index}}function BC(t){return t&&"category"!==t.type&&"time"!==t.type&&function(t){var e=t.scale.getExtent(),n=e[0],i=e[1];return!(n>0&&i>0||n<0&&i<0)}(t)}function VC(t,e){z(t.x,(function(t){return GC(t,e.x,e.width)})),z(t.y,(function(t){return GC(t,e.y,e.height)}))}function GC(t,e,n){var i=[0,n],r=t.inverse?1:0;t.setExtent(i[r],i[1-r]),function(t,e){var n=t.getExtent(),i=n[0]+n[1];t.toGlobalCoord="x"===t.dim?function(t){return t+e}:function(t){return i-t+e},t.toLocalCoord="x"===t.dim?function(t){return t-e}:function(t){return i-t+e}}(t,e)}function FC(t,e,n,i,r,o,a){WC(i,r,Iw,e,!1,a);var s=[0,0,0,0];u(0),u(1),c(i,0,NaN),c(i,1,NaN);var l=null==G(s,(function(t){return t>0}));return Oh(i,s,!0,!0,n),VC(r,i),l;function u(t){z(r[lh[t]],(function(e){if(tw(e.model)){var n=o.ensureRecord(e.model),i=n.labelInfoList;if(i)for(var r=0;r<i.length;r++){var a=i[r],s=e.scale.normalize(cC(a.label).tickValue);s=1===t?1-s:s,c(a.rect,t,s),c(a.rect,1-t,NaN)}var l=n.nameLayout;if(l){s=Qb(n.nameLocation)?.5:NaN;c(l.rect,t,s),c(l.rect,1-t,NaN)}}}))}function c(e,n,i){var r=t[lh[n]]-e[lh[n]],o=e[uh[n]]+e[lh[n]]-(t[uh[n]]+t[lh[n]]);r=h(r,1-i),o=h(o,i);var a=RC[n][0],l=RC[n][1];s[a]=po(s[a],r),s[l]=po(s[l],o)}function h(t,e){return t>0&&!nt(e)&&e>1e-4&&(t/=e),t}}function WC(t,e,n,i,r,o){var a=n===Tw;z(e,(function(e){return z(e,(function(e){tw(e.model)&&(!function(t,e,n){var i=kC(e,n);t.updateCfg(i)}(e.axisBuilder,t,e.model),e.axisBuilder.build(a?{axisTickLabelDetermine:!0}:{axisTickLabelEstimate:!0},{noPxChange:r}))}))}));var s={x:0,y:0};function l(e){s[lh[1-e]]=t[uh[e]]<=.5*o.refContainer[uh[e]]?0:1-e==1?2:1}l(0),l(1),z(e,(function(t,e){return z(t,(function(t){tw(t.model)&&(("all"===i||a)&&t.axisBuilder.build({axisName:!0},{nameMarginLevel:s[e]}),a&&t.axisBuilder.build({axisLine:!0}))}))}))}var HC=function(t,e,n,i,r,o){var a="x"===n.axis.dim?"y":"x";gC(t,0,0,i,r,o),Qb(t.nameLocation)||z(e.recordMap[a],(function(t){t&&t.labelInfoList&&t.dirVec&&vC(t.labelInfoList,t.dirVec,i,r)}))};function UC(t,e){var n={axesInfo:{},seriesInvolved:!1,coordSysAxesInfo:{},coordSysMap:{}};return function(t,e,n){var i=e.getComponent("tooltip"),r=e.getComponent("axisPointer"),o=r.get("link",!0)||[],a=[];z(n.getCoordinateSystems(),(function(n){if(n.axisPointerEnabled){var s=qC(n.model),l=t.coordSysAxesInfo[s]={};t.coordSysMap[s]=n;var u=n.model.getModel("tooltip",i);if(z(n.getAxes(),H(p,!1,null)),n.getTooltipAxes&&i&&u.get("show")){var c="axis"===u.get("trigger"),h="cross"===u.get(["axisPointer","type"]),d=n.getTooltipAxes(u.get(["axisPointer","axis"]));(c||h)&&z(d.baseAxes,H(p,!h||"cross",c)),h&&z(d.otherAxes,H(p,"cross",!1))}}function p(i,s,c){var h=c.model.getModel("axisPointer",r),d=h.get("show");if(d&&("auto"!==d||i||jC(h))){null==s&&(s=h.get("triggerTooltip")),h=i?function(t,e,n,i,r,o){var a=e.getModel("axisPointer"),s={};z(["type","snap","lineStyle","shadowStyle","label","animation","animationDurationUpdate","animationEasingUpdate","z"],(function(t){s[t]=T(a.get(t))})),s.snap="category"!==t.type&&!!o,"cross"===a.get("type")&&(s.type="line");var l=s.label||(s.label={});if(null==l.show&&(l.show=!1),"cross"===r){var u=a.get(["label","show"]);if(l.show=null==u||u,!o){var c=s.lineStyle=a.get("crossStyle");c&&k(l,c.textStyle)}}return t.model.getModel("axisPointer",new wd(s,n,i))}(c,u,r,e,i,s):h;var p=h.get("snap"),f=h.get("triggerEmphasis"),g=qC(c.model),y=s||p||"category"===c.type,v=t.axesInfo[g]={key:g,axis:c,coordSys:n,axisPointerModel:h,triggerTooltip:s,triggerEmphasis:f,involveSeries:y,snap:p,useHandle:jC(h),seriesModels:[],linkGroup:null};l[g]=v,t.seriesInvolved=t.seriesInvolved||y;var m=function(t,e){for(var n=e.model,i=e.dim,r=0;r<t.length;r++){var o=t[r]||{};if(YC(o[i+"AxisId"],n.id)||YC(o[i+"AxisIndex"],n.componentIndex)||YC(o[i+"AxisName"],n.name))return r}}(o,c);if(null!=m){var x=a[m]||(a[m]={axesInfo:{}});x.axesInfo[g]=v,x.mapper=o[m].mapper,v.linkGroup=x}}}}))}(n,t,e),n.seriesInvolved&&function(t,e){e.eachSeries((function(e){var n=e.coordinateSystem,i=e.get(["tooltip","trigger"],!0),r=e.get(["tooltip","show"],!0);n&&n.model&&"none"!==i&&!1!==i&&"item"!==i&&!1!==r&&!1!==e.get(["axisPointer","show"],!0)&&z(t.coordSysAxesInfo[qC(n.model)],(function(t){var i=t.axis;n.getAxis(i.dim)===i&&(t.seriesModels.push(e),null==t.seriesDataCount&&(t.seriesDataCount=0),t.seriesDataCount+=e.getData().count())}))}))}(n,t),n}function YC(t,e){return"all"===t||U(t)&&P(t,e)>=0||t===e}function XC(t){var e=ZC(t);if(e){var n=e.axisPointerModel,i=e.axis.scale,r=n.option,o=n.get("status"),a=n.get("value");null!=a&&(a=i.parse(a));var s=jC(n);null==o&&(r.status=s?"show":"hide");var l=i.getExtent().slice();l[0]>l[1]&&l.reverse(),(null==a||a>l[1])&&(a=l[1]),a<l[0]&&(a=l[0]),r.value=a,s&&(r.status=e.axis.scale.isBlank()?"hide":"show")}}function ZC(t){var e=(t.ecModel.getComponent("axisPointer")||{}).coordSysAxesInfo;return e&&e.axesInfo[qC(t)]}function jC(t){return!!t.get(["handle","show"])}function qC(t){return t.type+"||"+t.id}var KC={},$C=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(e,n,i,r){this.axisPointerClass&&XC(e),t.prototype.render.apply(this,arguments),this._doUpdateAxisPointerClass(e,i,!0)},e.prototype.updateAxisPointer=function(t,e,n,i){this._doUpdateAxisPointerClass(t,n,!1)},e.prototype.remove=function(t,e){var n=this._axisPointer;n&&n.remove(e)},e.prototype.dispose=function(e,n){this._disposeAxisPointer(n),t.prototype.dispose.apply(this,arguments)},e.prototype._doUpdateAxisPointerClass=function(t,n,i){var r=e.getAxisPointerClass(this.axisPointerClass);if(r){var o=function(t){var e=ZC(t);return e&&e.axisPointerModel}(t);o?(this._axisPointer||(this._axisPointer=new r)).render(t,o,n,i):this._disposeAxisPointer(n)}},e.prototype._disposeAxisPointer=function(t){this._axisPointer&&this._axisPointer.dispose(t),this._axisPointer=null},e.registerAxisPointerClass=function(t,e){KC[t]=e},e.getAxisPointerClass=function(t){return t&&KC[t]},e.type="axis",e}(Ky),JC=sa();function QC(t,e,n,i){var r=n.axis;if(!r.scale.isBlank()){var o=n.getModel("splitArea"),a=o.getModel("areaStyle"),s=a.get("color"),l=i.coordinateSystem.getRect(),u=r.getTicksCoords({tickModel:o,clamp:!0,breakTicks:"none",pruneByBreak:"preserve_extent_bound"});if(u.length){var c=s.length,h=JC(t).splitAreaColors,d=yt(),p=0;if(h)for(var f=0;f<u.length;f++){var g=h.get(u[f].tickValue);if(null!=g){p=(g+(c-1)*f)%c;break}}var y=r.toGlobalCoord(u[0].coord),v=a.getAreaStyle();s=U(s)?s:[s];for(f=1;f<u.length;f++){var m=r.toGlobalCoord(u[f].coord),x=void 0,_=void 0,b=void 0,w=void 0;r.isHorizontal()?(x=y,_=l.y,b=m-x,w=l.height,y=x+b):(x=l.x,_=y,b=l.width,y=_+(w=m-_));var S=u[f-1].tickValue;null!=S&&d.set(S,p),e.add(new xl({anid:null!=S?"area_"+S:null,shape:{x:x,y:_,width:b,height:w},style:k({fill:s[p]},v),autoBatch:!0,silent:!0})),p=(p+1)%c}JC(t).splitAreaColors=d}}}function tD(t){JC(t).splitAreaColors=null}var eD=["splitArea","splitLine","minorSplitLine","breakArea"],nD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="CartesianAxisPointer",n}return n(e,t),e.prototype.render=function(e,n,i,r){this.group.removeAll();var o=this._axisGroup;(this._axisGroup=new to,this.group.add(this._axisGroup),tw(e))&&(this._axisGroup.add(e.axis.axisBuilder.group),z(eD,(function(t){e.get([t,"show"])&&iD[t](this,this._axisGroup,e,e.getCoordSysModel(),i)}),this),r&&"changeAxisOrder"===r.type&&r.isInitSort||Th(o,this._axisGroup,e),t.prototype.render.call(this,e,n,i,r))},e.prototype.remove=function(){tD(this)},e.type="cartesianAxis",e}($C),iD={splitLine:function(t,e,n,i,r){var o=n.axis;if(!o.scale.isBlank()){var a=n.getModel("splitLine"),s=a.getModel("lineStyle"),l=s.get("color"),u=!1!==a.get("showMinLine"),c=!1!==a.get("showMaxLine");l=U(l)?l:[l];for(var h=i.coordinateSystem.getRect(),d=o.isHorizontal(),p=0,f=o.getTicksCoords({tickModel:a,breakTicks:"none",pruneByBreak:"preserve_extent_bound"}),g=[],y=[],v=s.getLineStyle(),m=0;m<f.length;m++){var x=o.toGlobalCoord(f[m].coord);if((0!==m||u)&&(m!==f.length-1||c)){var _=f[m].tickValue;d?(g[0]=x,g[1]=h.y,y[0]=x,y[1]=h.y+h.height):(g[0]=h.x,g[1]=x,y[0]=h.x+h.width,y[1]=x);var b=p++%l.length,w=new Ac({anid:null!=_?"line_"+_:null,autoBatch:!0,shape:{x1:g[0],y1:g[1],x2:y[0],y2:y[1]},style:k({stroke:l[b]},v),silent:!0});_h(w.shape,v.lineWidth),e.add(w)}}}},minorSplitLine:function(t,e,n,i,r){var o=n.axis,a=n.getModel("minorSplitLine").getModel("lineStyle"),s=i.coordinateSystem.getRect(),l=o.isHorizontal(),u=o.getMinorTicksCoords();if(u.length)for(var c=[],h=[],d=a.getLineStyle(),p=0;p<u.length;p++)for(var f=0;f<u[p].length;f++){var g=o.toGlobalCoord(u[p][f].coord);l?(c[0]=g,c[1]=s.y,h[0]=g,h[1]=s.y+s.height):(c[0]=s.x,c[1]=g,h[0]=s.x+s.width,h[1]=g);var y=new Ac({anid:"minor_line_"+u[p][f].tickValue,autoBatch:!0,shape:{x1:c[0],y1:c[1],x2:h[0],y2:h[1]},style:d,silent:!0});_h(y.shape,d.lineWidth),e.add(y)}},splitArea:function(t,e,n,i,r){QC(t,e,n,i)},breakArea:function(t,e,n,i,r){var o=YT(),a=n.axis.scale;o&&"ordinal"!==a.type&&o.rectCoordBuildBreakAxis(e,t,n,i.coordinateSystem.getRect(),r)}},rD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="xAxis",e}(nD),oD=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type=rD.type,e}return n(e,t),e.type="yAxis",e}(nD),aD=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="grid",e}return n(e,t),e.prototype.render=function(t,e){this.group.removeAll(),t.get("show")&&this.group.add(new xl({shape:t.coordinateSystem.getRect(),style:k({fill:t.get("backgroundColor")},t.getItemStyle()),silent:!0,z2:-1}))},e.type="grid",e}(Ky),sD={offset:0};function lD(t){t.registerComponentView(aD),t.registerComponentModel(ET),t.registerCoordinateSystem("cartesian2d",NC),XT(t,"x",BT,sD),XT(t,"y",BT,sD),t.registerComponentView(rD),t.registerComponentView(oD),t.registerPreprocessor((function(t){t.xAxis&&t.yAxis&&!t.grid&&(t.grid={})}))}var uD=sa();function cD(t,e,n,i){if(t instanceof JT){var r=t.scale.type;if("category"!==r&&"ordinal"!==r)return n}var o=t.model,a=o.get("jitter"),s=o.get("jitterOverlap"),l=o.get("jitterMargin")||0,u="ordinal"===t.scale.type?t.getBandWidth():null;return a>0?s?hD(n,a,u,i):function(t,e,n,i,r,o){var a=uD(t);a.items||(a.items=[]);var s=a.items,l=dD(s,e,n,i,r,o,1),u=dD(s,e,n,i,r,o,-1),c=Math.abs(l-n)<Math.abs(u-n)?l:u,h="ordinal"===t.scale.type?t.getBandWidth():null,d=Math.abs(c-n);if(d>r/2||h&&d>h/2-i)return hD(n,r,h,i);return s.push({fixedCoord:e,floatCoord:c,r:i}),c}(t,e,n,i,a,l):n}function hD(t,e,n,i){if(null===n)return t+(Math.random()-.5)*e;var r=n-2*i,o=Math.min(Math.max(0,e),r);return t+(Math.random()-.5)*o}function dD(t,e,n,i,r,o,a){for(var s=n,l=0;l<t.length;l++){var u=t[l],c=e-u.fixedCoord,h=s-u.floatCoord,d=c*c+h*h,p=i+u.r+o;if(d<p*p){var f=u.floatCoord+Math.sqrt(p*p-c*c)*a;if(Math.abs(f-n)>r/2)return Number.MAX_VALUE;if(1===a&&f>s||-1===a&&f<s){s=f,l=-1;continue}}}return s}function pD(t){t.eachSeriesByType("scatter",(function(t){var e=t.coordinateSystem;if(e&&("cartesian2d"===e.type||"single"===e.type)){var n=e.getBaseAxis?e.getBaseAxis():null,i=n&&function(t,e){var n=t.coordinateSystem,i=n&&n.type,r=n&&n.getBaseAxis&&n.getBaseAxis(),o=r&&r.scale&&r.scale.type,a="cartesian2d"===i&&"ordinal"===o||"single"===i,s=e.model.get("jitter")>0;return a&&s}(t,n);if(i){var r=t.getData();r.each((function(t){var e=n.dim,i=n.orient,o="horizontal"===i&&"category"!==n.type||"vertical"===i&&"category"===n.type,a=r.getItemLayout(t),s=r.getItemVisual(t,"symbolSize"),l=s instanceof Array?(s[1]+s[0])/2:s;if("y"===e||"single"===e&&o){var u=cD(n,a[0],a[1],l/2);r.setItemLayout(t,[a[0],u])}else if("x"===e||"single"===e&&!o){u=cD(n,a[1],a[0],l/2);r.setItemLayout(t,[u,a[1]])}}))}}}))}function fD(t){t.eachSeriesByType("radar",(function(t){var e=t.getData(),n=[],i=t.coordinateSystem;if(i){var r=i.getIndicatorAxes();z(r,(function(t,o){e.each(e.mapDimension(r[o].dim),(function(t,e){n[e]=n[e]||[];var r=i.dataToPoint(t,o);n[e][o]=gD(r)?r:yD(i)}))})),e.each((function(t){var r=G(n[t],(function(t){return gD(t)}))||yD(i);n[t].push(r.slice()),e.setItemLayout(t,n[t])}))}}))}function gD(t){return!isNaN(t[0])&&!isNaN(t[1])}function yD(t){return[t.cx,t.cy]}function vD(t){var e=t.polar;if(e){U(e)||(e=[e]);var n=[];z(e,(function(e,i){e.indicator?(e.type&&!e.shape&&(e.shape=e.type),t.radar=t.radar||[],U(t.radar)||(t.radar=[t.radar]),t.radar.push(e)):n.push(e)})),t.polar=n}z(t.series,(function(t){t&&"radar"===t.type&&t.polarIndex&&(t.radarIndex=t.polarIndex)}))}var mD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.coordinateSystem,r=this.group,o=t.getData(),a=this._data;function s(t,e){var n=t.getItemVisual(e,"symbol")||"circle";if("none"!==n){var i=dm(t.getItemVisual(e,"symbolSize")),r=hm(n,-1,-1,2,2),o=t.getItemVisual(e,"symbolRotate")||0;return r.attr({style:{strokeNoScale:!0},z2:100,scaleX:i[0]/2,scaleY:i[1]/2,rotation:o*Math.PI/180||0}),r}}function l(e,n,i,r,o,a){i.removeAll();for(var l=0;l<n.length-1;l++){var u=s(r,o);u&&(u.__dimIdx=l,e[l]?(u.setPosition(e[l]),Zh[a?"initProps":"updateProps"](u,{x:n[l][0],y:n[l][1]},t,o)):u.setPosition(n[l]),i.add(u))}}function u(t){return E(t,(function(t){return[i.cx,i.cy]}))}o.diff(a).add((function(e){var n=o.getItemLayout(e);if(n){var i=new Mc,r=new Tc,a={shape:{points:n}};i.shape.points=u(n),r.shape.points=u(n),eh(i,a,t,e),eh(r,a,t,e);var s=new to,c=new to;s.add(r),s.add(i),s.add(c),l(r.shape.points,n,c,o,e,!0),o.setItemGraphicEl(e,s)}})).update((function(e,n){var i=a.getItemGraphicEl(n),r=i.childAt(0),s=i.childAt(1),u=i.childAt(2),c={shape:{points:o.getItemLayout(e)}};c.shape.points&&(l(r.shape.points,c.shape.points,u,o,e,!1),ah(s),ah(r),th(r,c,t),th(s,c,t),o.setItemGraphicEl(e,i))})).remove((function(t){r.remove(a.getItemGraphicEl(t))})).execute(),o.eachItemGraphicEl((function(t,e){var n=o.getItemModel(e),i=t.childAt(0),a=t.childAt(1),s=t.childAt(2),l=o.getItemVisual(e,"style"),u=l.fill;r.add(t),i.useStyle(k(n.getModel("lineStyle").getLineStyle(),{fill:"none",stroke:u})),ku(i,n,"lineStyle"),ku(a,n,"areaStyle");var c=n.getModel("areaStyle"),h=c.isEmpty()&&c.parentModel.isEmpty();a.ignore=h,z(["emphasis","select","blur"],(function(t){var e=n.getModel([t,"areaStyle"]),r=e.isEmpty()&&e.parentModel.isEmpty();a.ensureState(t).ignore=r&&h;var o=n.getModel([t,"lineStyle"]).getLineStyle();i.ensureState(t).style=o;var l=e.getAreaStyle();a.ensureState(t).style=l;var u=n.getModel([t,"itemStyle"]).getItemStyle();s.eachChild((function(e){e.ensureState(t).style=T(u)}))})),a.useStyle(k(n.getModel("areaStyle").getAreaStyle(),{fill:u,opacity:.7,decal:l.decal}));var d=n.getModel("emphasis");s.eachChild((function(t){if(t instanceof dl){var i=t.style;t.useStyle(A({image:i.image,x:i.x,y:i.y,width:i.width,height:i.height},l))}else t.useStyle(l),t.setColor(u),t.style.strokeNoScale=!0;var r=o.getStore().get(o.getDimensionIndex(t.__dimIdx),e);(null==r||isNaN(r))&&(r=""),$h(t,Jh(n),{labelFetcher:o.hostModel,labelDataIndex:e,labelDimIndex:t.__dimIdx,defaultText:r,inheritColor:u,defaultOpacity:l.opacity})})),Tu(t,d.get("focus"),d.get("blurScope"),d.get("disabled"))})),this._data=o},e.prototype.remove=function(){this.group.removeAll(),this._data=null},e.type="radar",e}(tv),xD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this))},e.prototype.getInitialData=function(t,e){return IT(this,{generateCoord:"indicator_",generateCoordCount:1/0})},e.prototype.formatTooltip=function(t,e,n){var i=this.getData(),r=this.coordinateSystem.getIndicatorAxes(),o=this.getData().getName(t),a=""===o?this.name:o,s=Ny(this,t);return Ty("section",{header:a,sortBlocks:!0,blocks:E(r,(function(e){var n=i.get(i.mapDimension(e.dim),t);return Ty("nameValue",{markerType:"subItem",markerColor:s,name:e.name,value:n,sortParam:n})}))})},e.prototype.getTooltipPosition=function(t){if(null!=t)for(var e=this.getData(),n=this.coordinateSystem,i=e.getValues(E(n.dimensions,(function(t){return e.mapDimension(t)})),t),r=0,o=i.length;r<o;r++)if(!isNaN(i[r])){var a=n.getIndicatorAxes();return n.coordToPoint(a[r].dataToCoord(i[r]),r)}},e.type="series.radar",e.dependencies=["radar"],e.defaultOption={z:2,colorBy:"data",coordinateSystem:"radar",legendHoverLink:!0,radarIndex:0,lineStyle:{width:2,type:"solid",join:"round"},label:{position:"top"},symbolSize:8},e}(Wy),_D=WT.value;function bD(t,e){return k({show:e},t)}var wD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){var t=this.get("boundaryGap"),e=this.get("splitNumber"),n=this.get("scale"),i=this.get("axisLine"),r=this.get("axisTick"),o=this.get("axisLabel"),a=this.get("axisName"),s=this.get(["axisName","show"]),l=this.get(["axisName","formatter"]),u=this.get("axisNameGap"),c=this.get("triggerEvent"),h=E(this.get("indicator")||[],(function(h){null!=h.max&&h.max>0&&!h.min?h.min=0:null!=h.min&&h.min<0&&!h.max&&(h.max=0);var d=a;null!=h.color&&(d=k({color:h.color},a));var p=C(T(h),{boundaryGap:t,splitNumber:e,scale:n,axisLine:i,axisTick:r,axisLabel:o,name:h.text,showName:s,nameLocation:"end",nameGap:u,nameTextStyle:d,triggerEvent:c},!1);if(X(l)){var f=p.name;p.name=l.replace("{value}",null!=f?f:"")}else Y(l)&&(p.name=l(p.name,p));var g=new wd(p,null,this.ecModel);return R(g,nw.prototype),g.mainType="radar",g.componentIndex=this.componentIndex,g}),this);this._indicatorModels=h},e.prototype.getIndicatorModels=function(){return this._indicatorModels},e.type="radar",e.defaultOption={z:0,center:["50%","50%"],radius:"50%",startAngle:90,axisName:{show:!0,color:tf.color.axisLabel},boundaryGap:[0,0],splitNumber:5,axisNameGap:15,scale:!1,shape:"polygon",axisLine:C({lineStyle:{color:tf.color.neutral20}},_D.axisLine),axisLabel:bD(_D.axisLabel,!1),axisTick:bD(_D.axisTick,!1),splitLine:bD(_D.splitLine,!0),splitArea:bD(_D.splitArea,!0),indicator:[]},e}(Qp),SD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this.group.removeAll(),this._buildAxes(t,n),this._buildSplitLineAndArea(t)},e.prototype._buildAxes=function(t,e){var n=t.coordinateSystem;z(E(n.getIndicatorAxes(),(function(t){var i=t.model.get("showName")?t.name:"";return new mC(t.model,e,{axisName:i,position:[n.cx,n.cy],rotation:t.angle,labelDirection:-1,tickDirection:-1,nameDirection:1})})),(function(t){t.build(),this.group.add(t.group)}),this)},e.prototype._buildSplitLineAndArea=function(t){var e=t.coordinateSystem,n=e.getIndicatorAxes();if(n.length){var i=t.get("shape"),r=t.getModel("splitLine"),o=t.getModel("splitArea"),a=r.getModel("lineStyle"),s=o.getModel("areaStyle"),l=r.get("show"),u=o.get("show"),c=a.get("color"),h=s.get("color"),d=U(c)?c:[c],p=U(h)?h:[h],f=[],g=[];if("circle"===i)for(var y=n[0].getTicksCoords(),v=e.cx,m=e.cy,x=0;x<y.length;x++){if(l)f[C(f,d,x)].push(new nc({shape:{cx:v,cy:m,r:y[x].coord}}));if(u&&x<y.length-1)g[C(g,p,x)].push(new bc({shape:{cx:v,cy:m,r0:y[x].coord,r:y[x+1].coord}}))}else{var _,b=E(n,(function(t,n){var i=t.getTicksCoords();return _=null==_?i.length-1:Math.min(i.length-1,_),E(i,(function(t){return e.coordToPoint(t.coord,n)}))})),w=[];for(x=0;x<=_;x++){for(var S=[],M=0;M<n.length;M++)S.push(b[M][x]);if(S[0]&&S.push(S[0].slice()),l)f[C(f,d,x)].push(new Tc({shape:{points:S}}));if(u&&w)g[C(g,p,x-1)].push(new Mc({shape:{points:S.concat(w)}}));w=S.slice().reverse()}}var I=a.getLineStyle(),T=s.getAreaStyle();z(g,(function(t,e){this.group.add(mh(t,{style:k({stroke:"none",fill:p[e%p.length]},T),silent:!0}))}),this),z(f,(function(t,e){this.group.add(mh(t,{style:k({fill:"none",stroke:d[e%d.length]},I),silent:!0}))}),this)}function C(t,e,n){var i=n%e.length;return t[i]=t[i]||[],i}},e.type="radar",e}(Ky),MD=function(t){function e(e,n,i){var r=t.call(this,e,n,i)||this;return r.type="value",r.angle=0,r.name="",r}return n(e,t),e}(Ww),ID=function(){function t(t,e,n){this.dimensions=[],this._model=t,this._indicatorAxes=E(t.getIndicatorModels(),(function(t,e){var n="indicator_"+e,i=new MD(n,new cb);return i.name=t.get("name"),i.model=t,t.axis=i,this.dimensions.push(n),i}),this),this.resize(t,n)}return t.prototype.getIndicatorAxes=function(){return this._indicatorAxes},t.prototype.dataToPoint=function(t,e){var n=this._indicatorAxes[e];return this.coordToPoint(n.dataToCoord(t),e)},t.prototype.coordToPoint=function(t,e){var n=this._indicatorAxes[e].angle;return[this.cx+t*Math.cos(n),this.cy-t*Math.sin(n)]},t.prototype.pointToData=function(t){var e=t[0]-this.cx,n=t[1]-this.cy,i=Math.sqrt(e*e+n*n);e/=i,n/=i;for(var r,o=Math.atan2(-n,e),a=1/0,s=-1,l=0;l<this._indicatorAxes.length;l++){var u=this._indicatorAxes[l],c=Math.abs(o-u.angle);c<a&&(r=u,s=l,a=c)}return[s,+(r&&r.coordToData(i))]},t.prototype.resize=function(t,e){var n=Xp(t,e).refContainer,i=t.get("center"),r=Math.min(n.width,n.height)/2;this.cx=yo(i[0],n.width)+n.x,this.cy=yo(i[1],n.height)+n.y,this.startAngle=t.get("startAngle")*Math.PI/180;var o=t.get("radius");(X(o)||j(o))&&(o=[0,o]),this.r0=yo(o[0],r),this.r=yo(o[1],r),z(this._indicatorAxes,(function(t,e){t.setExtent(this.r0,this.r);var n=this.startAngle+e*Math.PI*2/this._indicatorAxes.length;n=Math.atan2(Math.sin(n),Math.cos(n)),t.angle=n}),this)},t.prototype.update=function(t,e){var n=this._indicatorAxes,i=this._model;z(n,(function(t){t.scale.setExtent(1/0,-1/0)})),t.eachSeriesByType("radar",(function(e,r){if("radar"===e.get("coordinateSystem")&&t.getComponent("radar",e.get("radarIndex"))===i){var o=e.getData();z(n,(function(t){t.scale.unionExtentFromData(o,o.mapDimension(t.dim))}))}}),this);var r=i.get("splitNumber"),o=new cb;o.setExtent(0,r),o.setInterval(1),z(n,(function(t,e){PC(t.scale,t.model,o)}))},t.prototype.convertToPixel=function(t,e,n){return console.warn("Not implemented."),null},t.prototype.convertFromPixel=function(t,e,n){return console.warn("Not implemented."),null},t.prototype.containPoint=function(t){return console.warn("Not implemented."),!1},t.create=function(e,n){var i=[];return e.eachComponent("radar",(function(r){var o=new t(r,e,n);i.push(o),r.coordinateSystem=o})),e.eachSeriesByType("radar",(function(t){"radar"===t.get("coordinateSystem")&&(t.coordinateSystem=i[t.get("radarIndex")||0])})),i},t.dimensions=[],t}();function TD(t){t.registerCoordinateSystem("radar",ID),t.registerComponentModel(wD),t.registerComponentView(SD),t.registerVisual({seriesType:"radar",reset:function(t){var e=t.getData();e.each((function(t){e.setItemVisual(t,"legendIcon","roundRect")})),e.setVisual("legendIcon","roundRect")}})}var CD=sa();function DD(t,e){return!!CD(t)[e]}Qx({type:"takeGlobalCursor",event:"globalCursorTaken",update:"update"},bt);var AD={axisPointer:1,tooltip:1,brush:1};function kD(t,e,n){var i=e.getComponentByElement(t.topTarget);if(!i||i===n||AD.hasOwnProperty(i.mainType))return!1;var r=i.coordinateSystem;if(!r||r.model===n)return!1;var o=Hh(i),a=Hh(n);return!((o.zlevel-a.zlevel||o.z-a.z)<=0)}var LD=function(t){function e(e){var n=t.call(this)||this;n._zr=e;var i=W(n._mousedownHandler,n),r=W(n._mousemoveHandler,n),o=W(n._mouseupHandler,n),a=W(n._mousewheelHandler,n),s=W(n._pinchHandler,n);return n.enable=function(t,n){var l=n.zInfo,u=Hh(l.component),c=u.z,h=u.zlevel,d={component:l.component,z:c,zlevel:h,z2:rt(l.z2,-1/0)},p=A({},n.triggerInfo);this._opt=k(A({},n),{zoomOnMouseWheel:!0,moveOnMouseMove:!0,moveOnMouseWheel:!1,preventDefaultMouseMove:!0,zInfoParsed:d,triggerInfo:p}),null==t&&(t=!0),this._enabled&&this._controlType===t||(this._enabled=!0,this.disable(),!0!==t&&"move"!==t&&"pan"!==t||(zD(e,"mousedown",i,d),zD(e,"mousemove",r,d),zD(e,"mouseup",o,d)),!0!==t&&"scale"!==t&&"zoom"!==t||(zD(e,"mousewheel",a,d),zD(e,"pinch",s,d)))},n.disable=function(){this._enabled=!1,ED(e,"mousedown",i),ED(e,"mousemove",r),ED(e,"mouseup",o),ED(e,"mousewheel",a),ED(e,"pinch",s)},n}return n(e,t),e.prototype.isDragging=function(){return this._dragging},e.prototype.isPinching=function(){return this._pinching},e.prototype._checkPointer=function(t,e,n){var i=this._opt,r=i.zInfoParsed;if(kD(t,i.api,r.component))return!1;var o=i.triggerInfo,a=!1;return"global"===o.roamTrigger&&(a=!0),a||(a=o.isInSelf(t,e,n)),a&&o.isInClip&&!o.isInClip(t,e,n)&&(a=!1),a},e.prototype._decideCursorStyle=function(t,e,n,i){var r=t.target;return!r&&this._checkPointer(t,e,n)?"grab":i?r&&r.cursor||"default":void 0},e.prototype.dispose=function(){this.disable()},e.prototype._mousedownHandler=function(t){if(!ge(t)&&!PD(t)){for(var e=t.target;e;){if(e.draggable)return;e=e.__hostTarget||e.parent}var n=t.offsetX,i=t.offsetY;this._checkPointer(t,n,i)&&(this._x=n,this._y=i,this._dragging=!0)}},e.prototype._mousemoveHandler=function(t){var e=this._zr;if("pinch"!==t.gestureEvent&&!DD(e,"globalPan")&&!PD(t)){var n=t.offsetX,i=t.offsetY;if(this._dragging&&GD("moveOnMouseMove",t,this._opt)){e.setCursorStyle("grabbing");var r=this._x,o=this._y,a=n-r,s=i-o;this._x=n,this._y=i,this._opt.preventDefaultMouseMove&&fe(t.event),t.__ecRoamConsumed=!0,VD(this,"pan","moveOnMouseMove",t,{dx:a,dy:s,oldX:r,oldY:o,newX:n,newY:i,isAvailableBehavior:null})}else{var l=this._decideCursorStyle(t,n,i,!1);l&&e.setCursorStyle(l)}}},e.prototype._mouseupHandler=function(t){if(!PD(t)){var e=this._zr;if(!ge(t)){this._dragging=!1;var n=this._decideCursorStyle(t,t.offsetX,t.offsetY,!0);n&&e.setCursorStyle(n)}}},e.prototype._mousewheelHandler=function(t){if(!PD(t)){var e=GD("zoomOnMouseWheel",t,this._opt),n=GD("moveOnMouseWheel",t,this._opt),i=t.wheelDelta,r=Math.abs(i),o=t.offsetX,a=t.offsetY;if(0!==i&&(e||n)){if(e){var s=r>3?1.4:r>1?1.2:1.1,l=i>0?s:1/s;this._checkTriggerMoveZoom(this,"zoom","zoomOnMouseWheel",t,{scale:l,originX:o,originY:a,isAvailableBehavior:null})}if(n){var u=Math.abs(i),c=(i>0?1:-1)*(u>3?.4:u>1?.15:.05);this._checkTriggerMoveZoom(this,"scrollMove","moveOnMouseWheel",t,{scrollDelta:c,originX:o,originY:a,isAvailableBehavior:null})}}}},e.prototype._pinchHandler=function(t){if(!DD(this._zr,"globalPan")&&!PD(t)){var e=t.pinchScale>1?1.1:1/1.1;this._checkTriggerMoveZoom(this,"zoom",null,t,{scale:e,originX:t.pinchX,originY:t.pinchY,isAvailableBehavior:null})}},e.prototype._checkTriggerMoveZoom=function(t,e,n,i,r){t._checkPointer(i,r.originX,r.originY)&&(fe(i.event),i.__ecRoamConsumed=!0,VD(t,e,n,i,r))},e}(qt);function PD(t){return t.__ecRoamConsumed}var OD,RD=sa();function ND(t){var e=RD(t);return e.roam=e.roam||{},e.uniform=e.uniform||{},e}function zD(t,e,n,i){for(var r=ND(t).roam,o=r[e]=r[e]||[],a=0;a<o.length;a++){var s=o[a].zInfoParsed;if((s.zlevel-i.zlevel||s.z-i.z||s.z2-i.z2)<=0)break}o.splice(a,0,{listener:n,zInfoParsed:i}),function(t,e){var n=ND(t);n.uniform[e]||t.on(e,n.uniform[e]=function(t){var i=n.roam[e];if(i)for(var r=0;r<i.length;r++)i[r].listener(t)})}(t,e)}function ED(t,e,n){for(var i=ND(t).roam[e]||[],r=0;r<i.length;r++)if(i[r].listener===n)return i.splice(r,1),void(i.length||BD(t,e))}function BD(t,e){var n=ND(t).uniform;n[e]&&(t.off(e,n[e]),n[e]=null)}function VD(t,e,n,i,r){r.isAvailableBehavior=W(GD,null,n,i),t.trigger(e,r)}function GD(t,e,n){var i=n[t];return!t||i&&(!X(i)||e.event[i+"Key"])}function FD(t,e,n){var i=t.target;i.x+=e,i.y+=n,i.dirty()}function WD(t,e,n,i){var r=t.target,o=t.zoomLimit,a=t.zoom=t.zoom||1,s=(a=ZD(a*=e,o))/t.zoom;t.zoom=a,XD(r,n,i,s),r.dirty()}function HD(t,e,n,i,r,o){var a=new He(0,0,0,0);i.enable(t.get("roam"),{api:e,zInfo:{component:t},triggerInfo:{roamTrigger:t.get("roamTrigger"),isInSelf:function(t,e,i){return a.copy(n.getBoundingRect()),a.applyTransform(n.getComputedTransform()),a.contain(e,i)},isInClip:function(t,e,n){return!o||o.contain(e,n)}}}),r.zoomLimit=t.get("scaleLimit");var s=t.coordinateSystem;r.zoom=s?s.getZoom():1;var l=t.subType+"Roam";i.off("pan").off("zoom").on("pan",(function(n){FD(r,n.dx,n.dy),e.dispatchAction({seriesId:t.id,type:l,dx:n.dx,dy:n.dy})})).on("zoom",(function(n){WD(r,n.scale,n.originX,n.originY),e.dispatchAction({seriesId:t.id,type:l,zoom:n.scale,originX:n.originX,originY:n.originY}),e.updateLabelLayout()}))}function UD(t,e){return t.pointToProjected?t.pointToProjected(e):t.pointToData(e)}function YD(t,e,n){var i=t.getZoom(),r=t.getCenter(),o=e.zoom,a=t.projectedToPoint?t.projectedToPoint(r):t.dataToPoint(r);return null!=e.dx&&null!=e.dy&&(a[0]-=e.dx,a[1]-=e.dy,t.setCenter(UD(t,a))),null!=o&&(o=ZD(i*o,n)/i,XD(t,e.originX,e.originY,o),t.updateTransform(),t.setCenter(UD(t,a)),t.setZoom(o*i)),{center:t.getCenter(),zoom:t.getZoom()}}function XD(t,e,n,i){t.x-=(e-t.x)*(i-1),t.y-=(n-t.y)*(i-1),t.scaleX*=i,t.scaleY*=i}function ZD(t,e){if(e){var n=e.min||0,i=e.max||1/0;t=Math.max(Math.min(i,t),n)}return t}function jD(t){X(t)&&(t=(new DOMParser).parseFromString(t,"text/xml"));var e=t;for(9===e.nodeType&&(e=e.firstChild);"svg"!==e.nodeName.toLowerCase()||1!==e.nodeType;)e=e.nextSibling;return e}var qD={fill:"fill",stroke:"stroke","stroke-width":"lineWidth",opacity:"opacity","fill-opacity":"fillOpacity","stroke-opacity":"strokeOpacity","stroke-dasharray":"lineDash","stroke-dashoffset":"lineDashOffset","stroke-linecap":"lineCap","stroke-linejoin":"lineJoin","stroke-miterlimit":"miterLimit","font-family":"fontFamily","font-size":"fontSize","font-style":"fontStyle","font-weight":"fontWeight","text-anchor":"textAlign",visibility:"visibility",display:"display"},KD=F(qD),$D={"alignment-baseline":"textBaseline","stop-color":"stopColor"},JD=F($D),QD=function(){function t(){this._defs={},this._root=null}return t.prototype.parse=function(t,e){e=e||{};var n=jD(t);this._defsUsePending=[];var i=new to;this._root=i;var r=[],o=n.getAttribute("viewBox")||"",a=parseFloat(n.getAttribute("width")||e.width),s=parseFloat(n.getAttribute("height")||e.height);isNaN(a)&&(a=null),isNaN(s)&&(s=null),oA(n,i,null,!0,!1);for(var l,u,c=n.firstChild;c;)this._parseNode(c,i,r,null,!1,!1),c=c.nextSibling;if(function(t,e){for(var n=0;n<e.length;n++){var i=e[n];i[0].style[i[1]]=t[i[2]]}}(this._defs,this._defsUsePending),this._defsUsePending=[],o){var h=uA(o);h.length>=4&&(l={x:parseFloat(h[0]||0),y:parseFloat(h[1]||0),width:parseFloat(h[2]),height:parseFloat(h[3])})}if(l&&null!=a&&null!=s&&(u=fA(l,{x:0,y:0,width:a,height:s}),!e.ignoreViewBox)){var d=i;(i=new to).add(d),d.scaleX=d.scaleY=u.scale,d.x=u.x,d.y=u.y}return e.ignoreRootClip||null==a||null==s||i.setClipPath(new xl({shape:{x:0,y:0,width:a,height:s}})),{root:i,width:a,height:s,viewBoxRect:l,viewBoxTransform:u,named:r}},t.prototype._parseNode=function(t,e,n,i,r,o){var a,s=t.nodeName.toLowerCase(),l=i;if("defs"===s&&(r=!0),"text"===s&&(o=!0),"defs"===s||"switch"===s)a=e;else{if(!r){var u=OD[s];if(u&&_t(OD,s)){a=u.call(this,t,e);var c=t.getAttribute("name");if(c){var h={name:c,namedFrom:null,svgNodeTagLower:s,el:a};n.push(h),"g"===s&&(l=h)}else i&&n.push({name:i.name,namedFrom:i,svgNodeTagLower:s,el:a});e.add(a)}}var d=tA[s];if(d&&_t(tA,s)){var p=d.call(this,t),f=t.getAttribute("id");f&&(this._defs[f]=p)}}if(a&&a.isGroup)for(var g=t.firstChild;g;)1===g.nodeType?this._parseNode(g,a,n,l,r,o):3===g.nodeType&&o&&this._parseText(g,a),g=g.nextSibling},t.prototype._parseText=function(t,e){var n=new ul({style:{text:t.textContent},silent:!0,x:this._textX||0,y:this._textY||0});iA(e,n),oA(t,n,this._defsUsePending,!1,!1),function(t,e){var n=e.__selfStyle;if(n){var i=n.textBaseline,r=i;i&&"auto"!==i?"baseline"===i?r="alphabetic":"before-edge"===i||"text-before-edge"===i?r="top":"after-edge"===i||"text-after-edge"===i?r="bottom":"central"!==i&&"mathematical"!==i||(r="middle"):r="alphabetic",t.style.textBaseline=r}var o=e.__inheritedStyle;if(o){var a=o.textAlign,s=a;a&&("middle"===a&&(s="center"),t.style.textAlign=s)}}(n,e);var i=n.style,r=i.fontSize;r&&r<9&&(i.fontSize=9,n.scaleX*=r/9,n.scaleY*=r/9);var o=(i.fontSize||i.fontFamily)&&[i.fontStyle,i.fontWeight,(i.fontSize||12)+"px",i.fontFamily||"sans-serif"].join(" ");i.font=o;var a=n.getBoundingRect();return this._textX+=a.width,e.add(n),n},t.internalField=void(OD={g:function(t,e){var n=new to;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n},rect:function(t,e){var n=new xl;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setShape({x:parseFloat(t.getAttribute("x")||"0"),y:parseFloat(t.getAttribute("y")||"0"),width:parseFloat(t.getAttribute("width")||"0"),height:parseFloat(t.getAttribute("height")||"0")}),n.silent=!0,n},circle:function(t,e){var n=new nc;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setShape({cx:parseFloat(t.getAttribute("cx")||"0"),cy:parseFloat(t.getAttribute("cy")||"0"),r:parseFloat(t.getAttribute("r")||"0")}),n.silent=!0,n},line:function(t,e){var n=new Ac;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setShape({x1:parseFloat(t.getAttribute("x1")||"0"),y1:parseFloat(t.getAttribute("y1")||"0"),x2:parseFloat(t.getAttribute("x2")||"0"),y2:parseFloat(t.getAttribute("y2")||"0")}),n.silent=!0,n},ellipse:function(t,e){var n=new rc;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setShape({cx:parseFloat(t.getAttribute("cx")||"0"),cy:parseFloat(t.getAttribute("cy")||"0"),rx:parseFloat(t.getAttribute("rx")||"0"),ry:parseFloat(t.getAttribute("ry")||"0")}),n.silent=!0,n},polygon:function(t,e){var n,i=t.getAttribute("points");i&&(n=rA(i));var r=new Mc({shape:{points:n||[]},silent:!0});return iA(e,r),oA(t,r,this._defsUsePending,!1,!1),r},polyline:function(t,e){var n,i=t.getAttribute("points");i&&(n=rA(i));var r=new Tc({shape:{points:n||[]},silent:!0});return iA(e,r),oA(t,r,this._defsUsePending,!1,!1),r},image:function(t,e){var n=new dl;return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.setStyle({image:t.getAttribute("xlink:href")||t.getAttribute("href"),x:+t.getAttribute("x"),y:+t.getAttribute("y"),width:+t.getAttribute("width"),height:+t.getAttribute("height")}),n.silent=!0,n},text:function(t,e){var n=t.getAttribute("x")||"0",i=t.getAttribute("y")||"0",r=t.getAttribute("dx")||"0",o=t.getAttribute("dy")||"0";this._textX=parseFloat(n)+parseFloat(r),this._textY=parseFloat(i)+parseFloat(o);var a=new to;return iA(e,a),oA(t,a,this._defsUsePending,!1,!0),a},tspan:function(t,e){var n=t.getAttribute("x"),i=t.getAttribute("y");null!=n&&(this._textX=parseFloat(n)),null!=i&&(this._textY=parseFloat(i));var r=t.getAttribute("dx")||"0",o=t.getAttribute("dy")||"0",a=new to;return iA(e,a),oA(t,a,this._defsUsePending,!1,!0),this._textX+=parseFloat(r),this._textY+=parseFloat(o),a},path:function(t,e){var n=Qu(t.getAttribute("d")||"");return iA(e,n),oA(t,n,this._defsUsePending,!1,!1),n.silent=!0,n}}),t}(),tA={lineargradient:function(t){var e=parseInt(t.getAttribute("x1")||"0",10),n=parseInt(t.getAttribute("y1")||"0",10),i=parseInt(t.getAttribute("x2")||"10",10),r=parseInt(t.getAttribute("y2")||"0",10),o=new Bc(e,n,i,r);return eA(t,o),nA(t,o),o},radialgradient:function(t){var e=parseInt(t.getAttribute("cx")||"0",10),n=parseInt(t.getAttribute("cy")||"0",10),i=parseInt(t.getAttribute("r")||"0",10),r=new Vc(e,n,i);return eA(t,r),nA(t,r),r}};function eA(t,e){"userSpaceOnUse"===t.getAttribute("gradientUnits")&&(e.global=!0)}function nA(t,e){for(var n=t.firstChild;n;){if(1===n.nodeType&&"stop"===n.nodeName.toLocaleLowerCase()){var i=n.getAttribute("offset"),r=void 0;r=i&&i.indexOf("%")>0?parseInt(i,10)/100:i?parseFloat(i):0;var o={};pA(n,o,o);var a=o.stopColor||n.getAttribute("stop-color")||"#000000",s=o.stopOpacity||n.getAttribute("stop-opacity");if(s){var l=oi(a);l&&l[3]&&(l[3]*=$n(s),a=fi(l,"rgba"))}e.colorStops.push({offset:r,color:a})}n=n.nextSibling}}function iA(t,e){t&&t.__inheritedStyle&&(e.__inheritedStyle||(e.__inheritedStyle={}),k(e.__inheritedStyle,t.__inheritedStyle))}function rA(t){for(var e=uA(t),n=[],i=0;i<e.length;i+=2){var r=parseFloat(e[i]),o=parseFloat(e[i+1]);n.push([r,o])}return n}function oA(t,e,n,i,r){var o=e,a=o.__inheritedStyle=o.__inheritedStyle||{},s={};1===t.nodeType&&(function(t,e){var n=t.getAttribute("transform");if(n){n=n.replace(/,/g," ");var i=[],r=null;n.replace(cA,(function(t,e,n){return i.push(e,n),""}));for(var o=i.length-1;o>0;o-=2){var a=i[o],s=i[o-1],l=uA(a);switch(r=r||[1,0,0,1,0,0],s){case"translate":Se(r,r,[parseFloat(l[0]),parseFloat(l[1]||"0")]);break;case"scale":Ie(r,r,[parseFloat(l[0]),parseFloat(l[1]||l[0])]);break;case"rotate":Me(r,r,-parseFloat(l[0])*hA,[parseFloat(l[1]||"0"),parseFloat(l[2]||"0")]);break;case"skewX":we(r,[1,0,Math.tan(parseFloat(l[0])*hA),1,0,0],r);break;case"skewY":we(r,[1,Math.tan(parseFloat(l[0])*hA),0,1,0,0],r);break;case"matrix":r[0]=parseFloat(l[0]),r[1]=parseFloat(l[1]),r[2]=parseFloat(l[2]),r[3]=parseFloat(l[3]),r[4]=parseFloat(l[4]),r[5]=parseFloat(l[5])}}e.setLocalTransform(r)}}(t,e),pA(t,a,s),i||function(t,e,n){for(var i=0;i<KD.length;i++){var r=KD[i];null!=(o=t.getAttribute(r))&&(e[qD[r]]=o)}for(i=0;i<JD.length;i++){var o;r=JD[i];null!=(o=t.getAttribute(r))&&(n[$D[r]]=o)}}(t,a,s)),o.style=o.style||{},null!=a.fill&&(o.style.fill=sA(o,"fill",a.fill,n)),null!=a.stroke&&(o.style.stroke=sA(o,"stroke",a.stroke,n)),z(["lineWidth","opacity","fillOpacity","strokeOpacity","miterLimit","fontSize"],(function(t){null!=a[t]&&(o.style[t]=parseFloat(a[t]))})),z(["lineDashOffset","lineCap","lineJoin","fontWeight","fontFamily","fontStyle","textAlign"],(function(t){null!=a[t]&&(o.style[t]=a[t])})),r&&(o.__selfStyle=s),a.lineDash&&(o.style.lineDash=E(uA(a.lineDash),(function(t){return parseFloat(t)}))),"hidden"!==a.visibility&&"collapse"!==a.visibility||(o.invisible=!0),"none"===a.display&&(o.ignore=!0)}var aA=/^url\(\s*#(.*?)\)/;function sA(t,e,n,i){var r=n&&n.match(aA);if(!r)return"none"===n&&(n=null),n;var o=ut(r[1]);i.push([t,e,o])}var lA=/-?([0-9]*\.)?[0-9]+([eE]-?[0-9]+)?/g;function uA(t){return t.match(lA)||[]}var cA=/(translate|scale|rotate|skewX|skewY|matrix)\(([\-\s0-9\.eE,]*)\)/g,hA=Math.PI/180;var dA=/([^\s:;]+)\s*:\s*([^:;]+)/g;function pA(t,e,n){var i,r=t.getAttribute("style");if(r)for(dA.lastIndex=0;null!=(i=dA.exec(r));){var o=i[1],a=_t(qD,o)?qD[o]:null;a&&(e[a]=i[2]);var s=_t($D,o)?$D[o]:null;s&&(n[s]=i[2])}}function fA(t,e){var n=e.width/t.width,i=e.height/t.height,r=Math.min(n,i);return{scale:r,x:-(t.x+t.width/2)*r+(e.x+e.width/2),y:-(t.y+t.height/2)*r+(e.y+e.height/2)}}var gA=yt(["rect","circle","line","ellipse","polygon","polyline","path","text","tspan","g"]),yA=function(){function t(t,e){this.type="geoSVG",this._usedGraphicMap=yt(),this._freedGraphics=[],this._mapName=t,this._parsedXML=jD(e)}return t.prototype.load=function(){var t=this._firstGraphic;if(!t){t=this._firstGraphic=this._buildGraphic(this._parsedXML),this._freedGraphics.push(t),this._boundingRect=this._firstGraphic.boundingRect.clone();var e=function(t){var e=[],n=yt();return z(t,(function(t){if(null==t.namedFrom){var i=new fw(t.name,t.el);e.push(i),n.set(t.name,i)}})),{regions:e,regionsMap:n}}(t.named),n=e.regions,i=e.regionsMap;this._regions=n,this._regionsMap=i}return{boundingRect:this._boundingRect,regions:this._regions,regionsMap:this._regionsMap}},t.prototype._buildGraphic=function(t){var e,n;try{e=t&&function(t,e){return(new QD).parse(t,e)}(t,{ignoreViewBox:!0,ignoreRootClip:!0})||{},lt(null!=(n=e.root))}catch(t){throw new Error("Invalid svg format\n"+t.message)}var i=new to;i.add(n),i.isGeoSVGGraphicRoot=!0;var r=e.width,o=e.height,a=e.viewBoxRect,s=this._boundingRect;if(!s){var l=void 0,u=void 0,c=void 0,h=void 0;if(null!=r?(l=0,c=r):a&&(l=a.x,c=a.width),null!=o?(u=0,h=o):a&&(u=a.y,h=a.height),null==l||null==u){var d=n.getBoundingRect();null==l&&(l=d.x,c=d.width),null==u&&(u=d.y,h=d.height)}s=this._boundingRect=new He(l,u,c,h)}if(a){var p=fA(a,s);n.scaleX=n.scaleY=p.scale,n.x=p.x,n.y=p.y}i.setClipPath(new xl({shape:s.plain()}));var f=[];return z(e.named,(function(t){var e;null!=gA.get(t.svgNodeTagLower)&&(f.push(t),(e=t.el).silent=!1,e.isGroup&&e.traverse((function(t){t.silent=!1})))})),{root:i,boundingRect:s,named:f}},t.prototype.useGraphic=function(t){var e=this._usedGraphicMap,n=e.get(t);return n||(n=this._freedGraphics.pop()||this._buildGraphic(this._parsedXML),e.set(t,n),n)},t.prototype.freeGraphic=function(t){var e=this._usedGraphicMap,n=e.get(t);n&&(e.removeKey(t),this._freedGraphics.push(n))},t}();for(var vA=[126,25],mA="南海诸岛",xA=[[[0,3.5],[7,11.2],[15,11.9],[30,7],[42,.7],[52,.7],[56,7.7],[59,.7],[64,.7],[64,0],[5,0],[0,3.5]],[[13,16.1],[19,14.7],[16,21.7],[11,23.1],[13,16.1]],[[12,32.2],[14,38.5],[15,38.5],[13,32.2],[12,32.2]],[[16,47.6],[12,53.2],[13,53.2],[18,47.6],[16,47.6]],[[6,64.4],[8,70],[9,70],[8,64.4],[6,64.4]],[[23,82.6],[29,79.8],[30,79.8],[25,82.6],[23,82.6]],[[37,70.7],[43,62.3],[44,62.3],[39,70.7],[37,70.7]],[[48,51.1],[51,45.5],[53,45.5],[50,51.1],[48,51.1]],[[51,35],[51,28.7],[53,28.7],[53,35],[51,35]],[[52,22.4],[55,17.5],[56,17.5],[53,22.4],[52,22.4]],[[58,12.6],[62,7],[63,7],[60,12.6],[58,12.6]],[[0,3.5],[0,93.1],[64,93.1],[64,0],[63,0],[63,92.4],[1,92.4],[1,3.5],[0,3.5]]],_A=0;_A<xA.length;_A++)for(var bA=0;bA<xA[_A].length;bA++)xA[_A][bA][0]/=10.5,xA[_A][bA][1]/=-14,xA[_A][bA][0]+=vA[0],xA[_A][bA][1]+=vA[1];var wA={"南海诸岛":[32,80],"广东":[0,-10],"香港":[10,5],"澳门":[-10,10],"天津":[5,5]};var SA=[[[123.45165252685547,25.73527164402261],[123.49731445312499,25.73527164402261],[123.49731445312499,25.750734064600884],[123.45165252685547,25.750734064600884],[123.45165252685547,25.73527164402261]]];var MA=function(){function t(t,e,n){var i;this.type="geoJSON",this._parsedMap=yt(),this._mapName=t,this._specialAreas=n,this._geoJSON=X(i=e)?"undefined"!=typeof JSON&&JSON.parse?JSON.parse(i):new Function("return ("+i+");")():i}return t.prototype.load=function(t,e){e=e||"name";var n=this._parsedMap.get(e);if(!n){var i=this._parseToRegions(e);n=this._parsedMap.set(e,{regions:i,boundingRect:IA(i)})}var r=yt(),o=[];return z(n.regions,(function(e){var n=e.name;t&&_t(t,n)&&(e=e.cloneShallow(n=t[n])),o.push(e),r.set(n,e)})),{regions:o,boundingRect:n.boundingRect||new He(0,0,0,0),regionsMap:r}},t.prototype._parseToRegions=function(t){var e,n=this._mapName,i=this._geoJSON;try{e=i?vw(i,t):[]}catch(t){throw new Error("Invalid geoJson format\n"+t.message)}return function(t,e){if("china"===t){for(var n=0;n<e.length;n++)if(e[n].name===mA)return;e.push(new pw(mA,E(xA,(function(t){return{type:"polygon",exterior:t}})),vA))}}(n,e),z(e,(function(t){var e=t.name;!function(t,e){if("china"===t){var n=wA[e.name];if(n){var i=e.getCenter();i[0]+=n[0]/10.5,i[1]+=-n[1]/14,e.setCenter(i)}}}(n,t),function(t,e){"china"===t&&"台湾"===e.name&&e.geometries.push({type:"polygon",exterior:SA[0]})}(n,t);var i=this._specialAreas&&this._specialAreas[e];i&&t.transformTo(i.left,i.top,i.width,i.height)}),this),e},t.prototype.getMapForUser=function(){return{geoJson:this._geoJSON,geoJSON:this._geoJSON,specialAreas:this._specialAreas}},t}();function IA(t){for(var e,n=0;n<t.length;n++){var i=t[n].getBoundingRect();(e=e||i.clone()).union(i)}return e}var TA=yt(),CA=function(t,e,n){if(e.svg){var i=new yA(t,e.svg);TA.set(t,i)}else{var r=e.geoJson||e.geoJSON;r&&!e.features?n=e.specialAreas:r=e;i=new MA(t,r,n);TA.set(t,i)}},DA=function(t){return TA.get(t)},AA=function(t){var e=TA.get(t);return e&&"geoJSON"===e.type&&e.getMapForUser()},kA=function(t,e,n){var i=TA.get(t);if(i)return i.load(e,n)},LA=["rect","circle","line","ellipse","polygon","polyline","path"],PA=yt(LA),OA=yt(LA.concat(["g"])),RA=yt(LA.concat(["g"])),NA=sa();function zA(t){var e=t.getItemStyle(),n=t.get("areaColor");return null!=n&&(e.fill=n),e}function EA(t){var e=t.style;e&&(e.stroke=e.stroke||e.fill,e.fill=null)}var BA=function(){function t(t){var e=this.group=new to,n=this._transformGroup=new to;e.add(n),this.uid=Md("ec_map_draw"),this._controller=new LD(t.getZr()),this._controllerHost={target:n},n.add(this._regionsGroup=new to),n.add(this._svgGroup=new to)}return t.prototype.draw=function(t,e,n,i,r){var o="geo"===t.mainType,a=t.getData&&t.getData();o&&e.eachComponent({mainType:"series",subType:"map"},(function(e){a||e.getHostGeoModel()!==t||(a=e.getData())}));var s,l=t.coordinateSystem,u=this._regionsGroup,c=this._transformGroup,h=l.getTransformInfo(),d=h.raw,p=h.roam,f=!u.childAt(0)||r;t.getShallow("clip",!0)?(s=l.getViewRect().clone(),this.group.setClipPath(new xl({shape:s.clone()}))):this.group.removeClipPath(),f?(c.x=p.x,c.y=p.y,c.scaleX=p.scaleX,c.scaleY=p.scaleY,c.dirty()):th(c,p,t);var g=a&&a.getVisual("visualMeta")&&a.getVisual("visualMeta").length>0,y={api:n,geo:l,mapOrGeoModel:t,data:a,isVisualEncodedByVisualMap:g,isGeo:o,transformInfoRaw:d};"geoJSON"===l.resourceType?this._buildGeoJSON(y):"geoSVG"===l.resourceType&&this._buildSVG(y),this._updateController(t,s,e,n),this._updateMapSelectHandler(t,u,n,i)},t.prototype._buildGeoJSON=function(t){var e=this._regionsGroupByName=yt(),n=yt(),i=this._regionsGroup,r=t.transformInfoRaw,o=t.mapOrGeoModel,a=t.data,s=t.geo.projection,l=s&&s.stream;function u(t,e){return e&&(t=e(t)),t&&[t[0]*r.scaleX+r.x,t[1]*r.scaleY+r.y]}function c(t){for(var e=[],n=!l&&s&&s.project,i=0;i<t.length;++i){var r=u(t[i],n);r&&e.push(r)}return e}function h(t){return{shape:{points:c(t)}}}i.removeAll(),z(t.geo.regions,(function(r){var c=r.name,d=e.get(c),p=n.get(c)||{},f=p.dataIdx,g=p.regionModel;if(!d){d=e.set(c,new to),i.add(d),f=a?a.indexOfName(c):null;var y=(g=t.isGeo?o.getRegionModel(c):a?a.getItemModel(f):null).get("silent",!0);null!=y&&(d.silent=y),n.set(c,{dataIdx:f,regionModel:g})}var v=[],m=[];z(r.geometries,(function(t){if("polygon"===t.type){var e=[t.exterior].concat(t.interiors||[]);l&&(e=UA(e,l)),z(e,(function(t){v.push(new Mc(h(t)))}))}else{var n=t.points;l&&(n=UA(n,l,!0)),z(n,(function(t){m.push(new Tc(h(t)))}))}}));var x=u(r.getCenter(),s&&s.project);function _(e,n){if(e.length){var i=new zc({culling:!0,segmentIgnoreThreshold:1,shape:{paths:e}});d.add(i),VA(t,i,f,g),GA(t,i,c,g,o,f,x),n&&(EA(i),z(i.states,EA))}}_(v),_(m,!0)})),e.each((function(e,i){var r=n.get(i),a=r.dataIdx,s=r.regionModel;FA(t,e,i,s,o,a),WA(t,e,i,s,o),HA(t,e,i,s,o)}),this)},t.prototype._buildSVG=function(t){var e=t.geo.map,n=t.transformInfoRaw;this._svgGroup.x=n.x,this._svgGroup.y=n.y,this._svgGroup.scaleX=n.scaleX,this._svgGroup.scaleY=n.scaleY,this._svgResourceChanged(e)&&(this._freeSVG(),this._useSVG(e));var i=this._svgDispatcherMap=yt(),r=!1;z(this._svgGraphicRecord.named,(function(e){var n=e.name,o=t.mapOrGeoModel,a=t.data,s=e.svgNodeTagLower,l=e.el,u=a?a.indexOfName(n):null,c=o.getRegionModel(n);null!=PA.get(s)&&l instanceof os&&VA(t,l,u,c),l instanceof os&&(l.culling=!0);var h=c.get("silent",!0);(null!=h&&(l.silent=h),l.z2EmphasisLift=0,e.namedFrom)||(null!=RA.get(s)&&GA(t,l,n,c,o,u,null),FA(t,l,n,c,o,u),WA(t,l,n,c,o),null!=OA.get(s)&&("self"===HA(t,l,n,c,o)&&(r=!0),(i.get(n)||i.set(n,[])).push(l)))}),this),this._enableBlurEntireSVG(r,t)},t.prototype._enableBlurEntireSVG=function(t,e){if(t&&e.isGeo){var n=e.mapOrGeoModel.getModel(["blur","itemStyle"]).getItemStyle().opacity;this._svgGraphicRecord.root.traverse((function(t){if(!t.isGroup){uu(t);var e=t.ensureState("blur").style||{};null==e.opacity&&null!=n&&(e.opacity=n),t.ensureState("emphasis")}}))}},t.prototype.remove=function(){this._regionsGroup.removeAll(),this._regionsGroupByName=null,this._svgGroup.removeAll(),this._freeSVG(),this._controller.dispose(),this._controllerHost=null},t.prototype.findHighDownDispatchers=function(t,e){if(null==t)return[];var n=e.coordinateSystem;if("geoJSON"===n.resourceType){var i=this._regionsGroupByName;if(i){var r=i.get(t);return r?[r]:[]}}else if("geoSVG"===n.resourceType)return this._svgDispatcherMap&&this._svgDispatcherMap.get(t)||[]},t.prototype._svgResourceChanged=function(t){return this._svgMapName!==t},t.prototype._useSVG=function(t){var e=DA(t);if(e&&"geoSVG"===e.type){var n=e.useGraphic(this.uid);this._svgGroup.add(n.root),this._svgGraphicRecord=n,this._svgMapName=t}},t.prototype._freeSVG=function(){var t=this._svgMapName;if(null!=t){var e=DA(t);e&&"geoSVG"===e.type&&e.freeGraphic(this.uid),this._svgGraphicRecord=null,this._svgDispatcherMap=null,this._svgGroup.removeAll(),this._svgMapName=null}},t.prototype._updateController=function(t,e,n,i){var r=t.coordinateSystem,o=this._controller,a=this._controllerHost;a.zoomLimit=t.get("scaleLimit"),a.zoom=r.getZoom(),o.enable(t.get("roam")||!1,{api:i,zInfo:{component:t},triggerInfo:{roamTrigger:t.get("roamTrigger"),isInSelf:function(t,e,n){return r.containPoint([e,n])},isInClip:function(t,n,i){return!e||e.contain(n,i)}}});var s=t.mainType;function l(){var e={type:"geoRoam",componentType:s};return e[s+"Id"]=t.id,e}o.off("pan").on("pan",(function(t){this._mouseDownFlag=!1,FD(a,t.dx,t.dy),i.dispatchAction(A(l(),{dx:t.dx,dy:t.dy,animation:{duration:0}}))}),this),o.off("zoom").on("zoom",(function(t){this._mouseDownFlag=!1,WD(a,t.scale,t.originX,t.originY),i.dispatchAction(A(l(),{totalZoom:a.zoom,zoom:t.scale,originX:t.originX,originY:t.originY,animation:{duration:0}}))}),this)},t.prototype.resetForLabelLayout=function(){this.group.traverse((function(t){var e=t.getTextContent();e&&(e.ignore=NA(e).ignore)}))},t.prototype._updateMapSelectHandler=function(t,e,n,i){var r=this;e.off("mousedown"),e.off("click"),t.get("selectedMode")&&(e.on("mousedown",(function(){r._mouseDownFlag=!0})),e.on("click",(function(t){r._mouseDownFlag&&(r._mouseDownFlag=!1)})))},t}();function VA(t,e,n,i){var r=i.getModel("itemStyle"),o=i.getModel(["emphasis","itemStyle"]),a=i.getModel(["blur","itemStyle"]),s=i.getModel(["select","itemStyle"]),l=zA(r),u=zA(o),c=zA(s),h=zA(a),d=t.data;if(d){var p=d.getItemVisual(n,"style"),f=d.getItemVisual(n,"decal");t.isVisualEncodedByVisualMap&&p.fill&&(l.fill=p.fill),f&&(l.decal=Bm(f,t.api))}e.setStyle(l),e.style.strokeNoScale=!0,e.ensureState("emphasis").style=u,e.ensureState("select").style=c,e.ensureState("blur").style=h,uu(e)}function GA(t,e,n,i,r,o,a){var s=t.data,l=t.isGeo,u=s&&isNaN(s.get(s.mapDimension("value"),o)),c=s&&s.getItemLayout(o);if(l||u||c&&c.showLabel){var h=l?n:o,d=void 0;(!s||o>=0)&&(d=r);var p=a?{normal:{align:"center",verticalAlign:"middle"}}:null;$h(e,Jh(i),{labelFetcher:d,labelDataIndex:h,defaultText:n},p);var f=e.getTextContent();if(f&&(NA(f).ignore=f.ignore,e.textConfig&&a)){var g=e.getBoundingRect().clone();e.textConfig.layoutRect=g,e.textConfig.position=[(a[0]-g.x)/g.width*100+"%",(a[1]-g.y)/g.height*100+"%"]}e.disableLabelAnimation=!0}else e.removeTextContent(),e.removeTextConfig(),e.disableLabelAnimation=null}function FA(t,e,n,i,r,o){t.data?t.data.setItemGraphicEl(o,e):zl(e).eventData={componentType:"geo",componentIndex:r.componentIndex,geoIndex:r.componentIndex,name:n,region:i&&i.option||{}}}function WA(t,e,n,i,r){t.data||zh({el:e,componentModel:r,itemName:n,itemTooltipOption:i.get("tooltip")})}function HA(t,e,n,i,r){e.highDownSilentOnTouch=!!r.get("selectedMode");var o=i.getModel("emphasis"),a=o.get("focus");return Tu(e,a,o.get("blurScope"),o.get("disabled")),t.isGeo&&function(t,e,n){var i=zl(t);i.componentMainType=e.mainType,i.componentIndex=e.componentIndex,i.componentHighDownName=n}(e,r,n),a}function UA(t,e,n){var i,r=[];function o(){i=[]}function a(){i.length&&(r.push(i),i=[])}var s=e({polygonStart:o,polygonEnd:a,lineStart:o,lineEnd:a,point:function(t,e){isFinite(t)&&isFinite(e)&&i.push([t,e])},sphere:function(){}});return!n&&s.polygonStart(),z(t,(function(t){s.lineStart();for(var e=0;e<t.length;e++)s.point(t[e][0],t[e][1]);s.lineEnd()})),!n&&s.polygonEnd(),r}var YA=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){if(!i||"mapToggleSelect"!==i.type||i.from!==this.uid){var r=this.group;if(r.removeAll(),!t.getHostGeoModel()){if(this._mapDraw&&i&&"geoRoam"===i.type&&this._mapDraw.resetForLabelLayout(),i&&"geoRoam"===i.type&&"series"===i.componentType&&i.seriesId===t.id)(o=this._mapDraw)&&r.add(o.group);else if(t.needsDrawMap){var o=this._mapDraw||new BA(n);r.add(o.group),o.draw(t,e,n,this,i),this._mapDraw=o}else this._mapDraw&&this._mapDraw.remove(),this._mapDraw=null;t.get("showLegendSymbol")&&e.getComponent("legend")&&this._renderSymbols(t,e,n)}}},e.prototype.remove=function(){this._mapDraw&&this._mapDraw.remove(),this._mapDraw=null,this.group.removeAll()},e.prototype.dispose=function(){this._mapDraw&&this._mapDraw.remove(),this._mapDraw=null},e.prototype._renderSymbols=function(t,e,n){var i=t.originalData,r=this.group;i.each(i.mapDimension("value"),(function(e,n){if(!isNaN(e)){var o=i.getItemLayout(n);if(o&&o.point){var a=o.point,s=o.offset,l=new nc({style:{fill:t.getData().getVisual("style").fill},shape:{cx:a[0]+9*s,cy:a[1],r:3},silent:!0,z2:8+(s?0:11)});if(!s){var u=t.mainSeries.getData(),c=i.getName(n),h=u.indexOfName(c),d=i.getItemModel(n),p=d.getModel("label"),f=u.getItemGraphicEl(h);$h(l,Jh(d),{labelFetcher:{getFormattedLabel:function(e,n){return t.getFormattedLabel(h,n)}},defaultText:c}),l.disableLabelAnimation=!0,p.get("position")||l.setTextConfig({position:"bottom"}),f.onHoverStateChange=function(t){su(l,t)}}r.add(l)}}}))},e.type="map",e}(tv),XA=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.needsDrawMap=!1,n.seriesGroup=[],n.getTooltipPosition=function(t){if(null!=t){var e=this.getData().getName(t),n=this.coordinateSystem,i=n.getRegion(e);return i&&n.dataToPoint(i.getCenter())}},n}return n(e,t),e.prototype.getInitialData=function(t){for(var e=IT(this,{coordDimensions:["value"],encodeDefaulter:H(Mf,this)}),n=yt(),i=[],r=0,o=e.count();r<o;r++){var a=e.getName(r);n.set(a,r)}return z(kA(this.getMapType(),this.option.nameMap,this.option.nameProperty).regions,(function(t){var r,o=t.name,a=n.get(o),s=t.properties&&t.properties.echartsStyle;null==a?(r={name:o},i.push(r)):r=e.getRawDataItem(a),s&&C(r,s)})),e.appendData(i),e},e.prototype.getHostGeoModel=function(){if(Op(this).kind!==Pp)return this.getReferringComponents("geo",{useDefault:!1,enableAll:!1,enableNone:!1}).models[0]},e.prototype.getMapType=function(){return(this.getHostGeoModel()||this).option.map},e.prototype.getRawValue=function(t){var e=this.getData();return e.get(e.mapDimension("value"),t)},e.prototype.getRegionModel=function(t){var e=this.getData();return e.getItemModel(e.indexOfName(t))},e.prototype.formatTooltip=function(t,e,n){for(var i=this.getData(),r=this.getRawValue(t),o=i.getName(t),a=this.seriesGroup,s=[],l=0;l<a.length;l++){var u=a[l].originalData.indexOfName(o),c=i.mapDimension("value");isNaN(a[l].originalData.get(c,u))||s.push(a[l].name)}return Ty("section",{header:s.join(", "),noHeader:!s.length,blocks:[Ty("nameValue",{name:o,value:r})]})},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.getLegendIcon=function(t){var e=t.icon||"roundRect",n=hm(e,0,0,t.itemWidth,t.itemHeight,t.itemStyle.fill);return n.setStyle(t.itemStyle),n.style.stroke="none",e.indexOf("empty")>-1&&(n.style.stroke=n.style.fill,n.style.fill=tf.color.neutral00,n.style.lineWidth=2),n},e.type="series.map",e.dependencies=["geo"],e.layoutMode="box",e.defaultOption={z:2,coordinateSystem:"geo",map:"",left:"center",top:"center",aspectScale:null,showLegendSymbol:!0,boundingCoords:null,center:null,zoom:1,scaleLimit:null,selectedMode:!0,label:{show:!1,color:tf.color.tertiary},itemStyle:{borderWidth:.5,borderColor:tf.color.border,areaColor:tf.color.background},emphasis:{label:{show:!0,color:tf.color.primary},itemStyle:{areaColor:tf.color.highlight}},select:{label:{show:!0,color:tf.color.primary},itemStyle:{color:tf.color.highlight}},nameProperty:"name"},e}(Wy);function ZA(t){var e={};t.eachSeriesByType("map",(function(t){var n=t.getHostGeoModel(),i=n?"o"+n.id:"i"+t.getMapType();(e[i]=e[i]||[]).push(t)})),z(e,(function(t,e){for(var n,i,r,o=(n=E(t,(function(t){return t.getData()})),i=t[0].get("mapValueCalculation"),r={},z(n,(function(t){t.each(t.mapDimension("value"),(function(e,n){var i="ec-"+t.getName(n);r[i]=r[i]||[],isNaN(e)||r[i].push(e)}))})),n[0].map(n[0].mapDimension("value"),(function(t,e){for(var o="ec-"+n[0].getName(e),a=0,s=1/0,l=-1/0,u=r[o].length,c=0;c<u;c++)s=Math.min(s,r[o][c]),l=Math.max(l,r[o][c]),a+=r[o][c];return 0===u?NaN:"min"===i?s:"max"===i?l:"average"===i?a/u:a}))),a=0;a<t.length;a++)t[a].originalData=t[a].getData();for(a=0;a<t.length;a++)t[a].seriesGroup=t,t[a].needsDrawMap=0===a&&!t[a].getHostGeoModel(),t[a].setData(o.cloneShallow()),t[a].mainSeries=t[0]}))}function jA(t){var e={};t.eachSeriesByType("map",(function(n){var i=n.getMapType();if(!n.getHostGeoModel()&&!e[i]){var r={};z(n.seriesGroup,(function(e){var n=e.coordinateSystem,i=e.originalData;e.get("showLegendSymbol")&&t.getComponent("legend")&&i.each(i.mapDimension("value"),(function(t,e){var o=i.getName(e),a=n.getRegion(o);if(a&&!isNaN(t)){var s=r[o]||0,l=n.dataToPoint(a.getCenter());r[o]=s+1,i.setItemLayout(e,{point:l,offset:s})}}))}));var o=n.getData();o.each((function(t){var e=o.getName(t),n=o.getItemLayout(t)||{};n.showLabel=!r[e],o.setItemLayout(t,n)})),e[i]=!0}}))}var qA=Ht,KA=function(t){function e(e,n){var i=t.call(this)||this;return i.type="view",i.dimensions=["x","y"],i._roamTransformable=new Dr,i._rawTransformable=new Dr,i.name=e,i._opt=n,i}return n(e,t),e.prototype.setBoundingRect=function(t,e,n,i){return this._rect=new He(t,e,n,i),this._updateCenterAndZoom(),this._rect},e.prototype.getBoundingRect=function(){return this._rect},e.prototype.setViewRect=function(t,e,n,i){this._transformTo(t,e,n,i),this._viewRect=new He(t,e,n,i)},e.prototype._transformTo=function(t,e,n,i){var r=this.getBoundingRect(),o=this._rawTransformable;o.transform=r.calculateTransform(new He(t,e,n,i));var a=o.parent;o.parent=null,o.decomposeTransform(),o.parent=a,this._updateTransform()},e.prototype.setCenter=function(t){var e=this._opt;e&&e.api&&e.ecModel&&e.ecModel.getShallow("legacyViewCoordSysCenterBase")&&t&&(t=[yo(t[0],e.api.getWidth()),yo(t[1],e.api.getWidth())]),this._centerOption=T(t),this._updateCenterAndZoom()},e.prototype.setZoom=function(t){this._zoom=ZD(t||1,this.zoomLimit),this._updateCenterAndZoom()},e.prototype.getDefaultCenter=function(){var t=this.getBoundingRect();return[t.x+t.width/2,t.y+t.height/2]},e.prototype.getCenter=function(){return this._center||this.getDefaultCenter()},e.prototype.getZoom=function(){return this._zoom||1},e.prototype.getRoamTransform=function(){return this._roamTransformable.getLocalTransform()},e.prototype._updateCenterAndZoom=function(){var t=this._centerOption,e=this._rect;t&&e&&(this._center=[yo(t[0],e.width,e.x),yo(t[1],e.height,e.y)]);var n=this._rawTransformable.getLocalTransform(),i=this._roamTransformable,r=this.getDefaultCenter(),o=this.getCenter(),a=this.getZoom();o=Ht([],o,n),r=Ht([],r,n),i.originX=o[0],i.originY=o[1],i.x=r[0]-o[0],i.y=r[1]-o[1],i.scaleX=i.scaleY=a,this._updateTransform()},e.prototype._updateTransform=function(){var t=this._roamTransformable,e=this._rawTransformable;e.parent=t,t.updateTransform(),e.updateTransform(),be(this.transform||(this.transform=[]),e.transform||[1,0,0,1,0,0]),this._rawTransform=e.getLocalTransform(),this.invTransform=this.invTransform||[],Te(this.invTransform,this.transform),this.decomposeTransform()},e.prototype.getTransformInfo=function(){var t=this._rawTransformable,e=this._roamTransformable,n=new Dr;return n.transform=e.transform,n.decomposeTransform(),{roam:{x:n.x,y:n.y,scaleX:n.scaleX,scaleY:n.scaleY},raw:{x:t.x,y:t.y,scaleX:t.scaleX,scaleY:t.scaleY}}},e.prototype.getViewRect=function(){return this._viewRect},e.prototype.getViewRectAfterRoam=function(){var t=this.getBoundingRect().clone();return t.applyTransform(this.transform),t},e.prototype.dataToPoint=function(t,e,n){var i=e?this._rawTransform:this.transform;return n=n||[],i?qA(n,t,i):Tt(n,t)},e.prototype.pointToData=function(t,e,n){n=n||[];var i=this.invTransform;return i?qA(n,t,i):(n[0]=t[0],n[1]=t[1],n)},e.prototype.convertToPixel=function(t,e,n){var i=$A(e);return i===this?i.dataToPoint(n):null},e.prototype.convertFromPixel=function(t,e,n){var i=$A(e);return i===this?i.pointToData(n):null},e.prototype.containPoint=function(t){return this.getViewRectAfterRoam().contain(t[0],t[1])},e.dimensions=["x","y"],e}(Dr);function $A(t){var e=t.seriesModel;return e?e.coordinateSystem:null}var JA={geoJSON:{aspectScale:.75,invertLongitute:!0},geoSVG:{aspectScale:1,invertLongitute:!1}},QA=["lng","lat"],tk=function(t){function e(e,n,i){var r=t.call(this,e,{api:i.api,ecModel:i.ecModel})||this;r.dimensions=QA,r.type="geo",r._nameCoordMap=yt(),r.map=n;var o,a=i.projection,s=kA(n,i.nameMap,i.nameProperty),l=DA(n),u=(r.resourceType=l?l.type:null,r.regions=s.regions),c=JA[l.type];if(r._regionsMap=s.regionsMap,r.regions=s.regions,r.projection=a,a)for(var h=0;h<u.length;h++){var d=u[h].getBoundingRect(a);(o=o||d.clone()).union(d)}else o=s.boundingRect;return r.setBoundingRect(o.x,o.y,o.width,o.height),r.aspectScale=a?1:rt(i.aspectScale,c.aspectScale),r._invertLongitute=!a&&c.invertLongitute,r}return n(e,t),e.prototype._transformTo=function(t,e,n,i){var r=this.getBoundingRect(),o=this._invertLongitute;r=r.clone(),o&&(r.y=-r.y-r.height);var a=this._rawTransformable;a.transform=r.calculateTransform(new He(t,e,n,i));var s=a.parent;a.parent=null,a.decomposeTransform(),a.parent=s,o&&(a.scaleY=-a.scaleY),this._updateTransform()},e.prototype.getRegion=function(t){return this._regionsMap.get(t)},e.prototype.getRegionByCoord=function(t){for(var e=this.regions,n=0;n<e.length;n++){var i=e[n];if("geoJSON"===i.type&&i.contain(t))return e[n]}},e.prototype.addGeoCoord=function(t,e){this._nameCoordMap.set(t,e)},e.prototype.getGeoCoord=function(t){var e=this._regionsMap.get(t);return this._nameCoordMap.get(t)||e&&e.getCenter()},e.prototype.dataToPoint=function(t,e,n){if(X(t)&&(t=this.getGeoCoord(t)),t){var i=this.projection;return i&&(t=i.project(t)),t&&this.projectedToPoint(t,e,n)}},e.prototype.pointToData=function(t,e,n){var i=this.projection;return i&&(t=i.unproject(t)),t&&this.pointToProjected(t,n)},e.prototype.pointToProjected=function(e,n){return t.prototype.pointToData.call(this,e,0,n)},e.prototype.projectedToPoint=function(e,n,i){return t.prototype.dataToPoint.call(this,e,n,i)},e.prototype.convertToPixel=function(t,e,n){var i=ek(e);return i===this?i.dataToPoint(n):null},e.prototype.convertFromPixel=function(t,e,n){var i=ek(e);return i===this?i.pointToData(n):null},e}(KA);function ek(t){var e=t.geoModel,n=t.seriesModel;return e?e.coordinateSystem:n?n.coordinateSystem||(n.getReferringComponents("geo",ha).models[0]||{}).coordinateSystem:null}function nk(t,e){var n=t.get("boundingCoords");if(null!=n){var i=n[0],r=n[1];if(isFinite(i[0])&&isFinite(i[1])&&isFinite(r[0])&&isFinite(r[1])){var o=this.projection;if(o){var a=i[0],s=i[1],l=r[0],u=r[1];i=[1/0,1/0],r=[-1/0,-1/0];var c=function(t,e,n,a){for(var s=n-t,l=a-e,u=0;u<=100;u++){var c=u/100,h=o.project([t+s*c,e+l*c]);Ut(i,i,h),Yt(r,r,h)}};c(a,s,l,s),c(l,s,l,u),c(l,u,a,u),c(a,u,l,s)}this.setBoundingRect(i[0],i[1],r[0]-i[0],r[1]-i[1])}else 0}var h,d,p,f=this.getBoundingRect(),g=t.get("layoutCenter"),y=t.get("layoutSize"),v=Xp(t,e).refContainer,m=f.width/f.height*this.aspectScale,x=!1;if(g&&y&&(h=[yo(g[0],v.width)+v.x,yo(g[1],v.height)+v.y],d=yo(y,Math.min(v.width,v.height)),isNaN(h[0])||isNaN(h[1])||isNaN(d)||(x=!0)),x)p={},m>1?(p.width=d,p.height=d/m):(p.height=d,p.width=d*m),p.y=h[1]-p.height/2,p.x=h[0]-p.width/2;else{var _=t.getBoxLayoutParams();_.aspect=m,p=Up(t,p=Hp(_,v),m)}this.setViewRect(p.x,p.y,p.width,p.height),this.setCenter(t.get("center")),this.setZoom(t.get("zoom"))}R(tk,KA);var ik=function(){function t(){this.dimensions=QA}return t.prototype.create=function(t,e){var n=[];function i(t){return{nameProperty:t.get("nameProperty"),aspectScale:t.get("aspectScale"),projection:t.get("projection")}}t.eachComponent("geo",(function(r,o){var a=r.get("map"),s=new tk(a+o,a,A({nameMap:r.get("nameMap"),api:e,ecModel:t},i(r)));s.zoomLimit=r.get("scaleLimit"),n.push(s),r.coordinateSystem=s,s.model=r,s.resize=nk,s.resize(r,e)})),t.eachSeries((function(t){Rp({targetModel:t,coordSysType:"geo",coordSysProvider:function(){var e="map"===t.subType?t.getHostGeoModel():t.getReferringComponents("geo",ha).models[0];return e&&e.coordinateSystem},allowNotFound:!0})}));var r={};return t.eachSeriesByType("map",(function(t){if(!t.getHostGeoModel()){var e=t.getMapType();r[e]=r[e]||[],r[e].push(t)}})),z(r,(function(r,o){var a=E(r,(function(t){return t.get("nameMap")})),s=new tk(o,o,A({nameMap:D(a),api:e,ecModel:t},i(r[0])));s.zoomLimit=it.apply(null,E(r,(function(t){return t.get("scaleLimit")}))),n.push(s),s.resize=nk,s.resize(r[0],e),z(r,(function(t){t.coordinateSystem=s,function(t,e){z(e.get("geoCoord"),(function(e,n){t.addGeoCoord(n,e)}))}(s,t)}))})),n},t.prototype.getFilledRegions=function(t,e,n,i){for(var r=(t||[]).slice(),o=yt(),a=0;a<r.length;a++)o.set(r[a].name,r[a]);return z(kA(e,n,i).regions,(function(t){var e=t.name,n=o.get(e),i=t.properties&&t.properties.echartsStyle;n||(n={name:e},r.push(n)),i&&C(n,i)})),r},t}(),rk=new ik,ok=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n);var i=DA(t.map);if(i&&"geoJSON"===i.type){var r=t.itemStyle=t.itemStyle||{};"color"in r||(r.color=t.defaultItemStyleColor||tf.color.backgroundTint)}Ko(t,"label",["show"])},e.prototype.optionUpdated=function(){var t=this,e=this.option;e.regions=rk.getFilledRegions(e.regions,e.map,e.nameMap,e.nameProperty);var n={};this._optionModelMap=B(e.regions||[],(function(e,i){var r=i.name;return r&&(e.set(r,new wd(i,t,t.ecModel)),i.selected&&(n[r]=!0)),e}),yt()),e.selectedMap||(e.selectedMap=n)},e.prototype.getRegionModel=function(t){return this._optionModelMap.get(t)||new wd(null,this,this.ecModel)},e.prototype.getFormattedLabel=function(t,e){var n=this.getRegionModel(t),i="normal"===e?n.get(["label","formatter"]):n.get(["emphasis","label","formatter"]),r={name:t};return Y(i)?(r.status=e,i(r)):X(i)?i.replace("{a}",null!=t?t:""):void 0},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.select=function(t){var e=this.option,n=e.selectedMode;n&&("multiple"!==n&&(e.selectedMap=null),(e.selectedMap||(e.selectedMap={}))[t]=!0)},e.prototype.unSelect=function(t){var e=this.option.selectedMap;e&&(e[t]=!1)},e.prototype.toggleSelected=function(t){this[this.isSelected(t)?"unSelect":"select"](t)},e.prototype.isSelected=function(t){var e=this.option.selectedMap;return!(!e||!e[t])},e.type="geo",e.layoutMode="box",e.defaultOption={z:0,show:!0,left:"center",top:"center",aspectScale:null,silent:!1,map:"",boundingCoords:null,center:null,zoom:1,scaleLimit:null,label:{show:!1,color:tf.color.tertiary},itemStyle:{borderWidth:.5,borderColor:tf.color.border},emphasis:{label:{show:!0,color:tf.color.primary},itemStyle:{color:tf.color.highlight}},select:{label:{show:!0,color:tf.color.primary},itemStyle:{color:tf.color.highlight}},regions:[]},e}(Qp),ak=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.focusBlurEnabled=!0,n}return n(e,t),e.prototype.init=function(t,e){this._api=e},e.prototype.render=function(t,e,n,i){if(this._model=t,!t.get("show"))return this._mapDraw&&this._mapDraw.remove(),void(this._mapDraw=null);this._mapDraw||(this._mapDraw=new BA(n));var r=this._mapDraw;r.draw(t,e,n,this,i),r.group.on("click",this._handleRegionClick,this),r.group.silent=t.get("silent"),this.group.add(r.group),this.updateSelectStatus(t,e,n)},e.prototype._handleRegionClick=function(t){var e;Qv(t.target,(function(t){return null!=(e=zl(t).eventData)}),!0),e&&this._api.dispatchAction({type:"geoToggleSelect",geoId:this._model.id,name:e.name})},e.prototype.updateSelectStatus=function(t,e,n){var i=this;this._mapDraw.group.traverse((function(t){var e=zl(t).eventData;if(e)return i._model.isSelected(e.name)?n.enterSelect(t):n.leaveSelect(t),!0}))},e.prototype.findHighDownDispatchers=function(t){return this._mapDraw&&this._mapDraw.findHighDownDispatchers(t,this._model)},e.prototype.dispose=function(){this._mapDraw&&this._mapDraw.remove()},e.type="geo",e}(Ky);function sk(t,e,n){CA(t,e,n)}function lk(t){function e(e,n){n.update="geo:updateSelectStatus",t.registerAction(n,(function(t,n){var i={},r=[];return n.eachComponent({mainType:"geo",query:t},(function(n){n[e](t.name),z(n.coordinateSystem.regions,(function(t){i[t.name]=n.isSelected(t.name)||!1}));var o=[];z(i,(function(t,e){i[e]&&o.push(e)})),r.push({geoIndex:n.componentIndex,name:o})})),{selected:i,allSelected:r,name:t.name}}))}t.registerCoordinateSystem("geo",rk),t.registerComponentModel(ok),t.registerComponentView(ak),t.registerImpl("registerMap",sk),t.registerImpl("getMap",(function(t){return AA(t)})),e("toggleSelected",{type:"geoToggleSelect",event:"geoselectchanged"}),e("select",{type:"geoSelect",event:"geoselected"}),e("unSelect",{type:"geoUnSelect",event:"geounselected"}),t.registerAction({type:"geoRoam",event:"geoRoam",update:"updateTransform"},(function(t,e,n){var i=t.componentType;i||(null!=t.geoId?i="geo":null!=t.seriesId&&(i="series")),i||(i="series"),e.eachComponent({mainType:i,query:t},(function(e){var n=e.coordinateSystem;if("geo"===n.type){var r=YD(n,t,e.get("scaleLimit"));e.setCenter&&e.setCenter(r.center),e.setZoom&&e.setZoom(r.zoom),"series"===i&&z(e.seriesGroup,(function(t){t.setCenter(r.center),t.setZoom(r.zoom)}))}}))}))}function uk(t,e){var n=t.isExpand?t.children:[],i=t.parentNode.children,r=t.hierNode.i?i[t.hierNode.i-1]:null;if(n.length){!function(t){var e=t.children,n=e.length,i=0,r=0;for(;--n>=0;){var o=e[n];o.hierNode.prelim+=i,o.hierNode.modifier+=i,r+=o.hierNode.change,i+=o.hierNode.shift+r}}(t);var o=(n[0].hierNode.prelim+n[n.length-1].hierNode.prelim)/2;r?(t.hierNode.prelim=r.hierNode.prelim+e(t,r),t.hierNode.modifier=t.hierNode.prelim-o):t.hierNode.prelim=o}else r&&(t.hierNode.prelim=r.hierNode.prelim+e(t,r));t.parentNode.hierNode.defaultAncestor=function(t,e,n,i){if(e){for(var r=t,o=t,a=o.parentNode.children[0],s=e,l=r.hierNode.modifier,u=o.hierNode.modifier,c=a.hierNode.modifier,h=s.hierNode.modifier;s=pk(s),o=fk(o),s&&o;){r=pk(r),a=fk(a),r.hierNode.ancestor=t;var d=s.hierNode.prelim+h-o.hierNode.prelim-u+i(s,o);d>0&&(yk(gk(s,t,n),t,d),u+=d,l+=d),h+=s.hierNode.modifier,u+=o.hierNode.modifier,l+=r.hierNode.modifier,c+=a.hierNode.modifier}s&&!pk(r)&&(r.hierNode.thread=s,r.hierNode.modifier+=h-l),o&&!fk(a)&&(a.hierNode.thread=o,a.hierNode.modifier+=u-c,n=t)}return n}(t,r,t.parentNode.hierNode.defaultAncestor||i[0],e)}function ck(t){var e=t.hierNode.prelim+t.parentNode.hierNode.modifier;t.setLayout({x:e},!0),t.hierNode.modifier+=t.parentNode.hierNode.modifier}function hk(t){return arguments.length?t:vk}function dk(t,e){return t-=Math.PI/2,{x:e*Math.cos(t),y:e*Math.sin(t)}}function pk(t){var e=t.children;return e.length&&t.isExpand?e[e.length-1]:t.hierNode.thread}function fk(t){var e=t.children;return e.length&&t.isExpand?e[0]:t.hierNode.thread}function gk(t,e,n){return t.hierNode.ancestor.parentNode===e.parentNode?t.hierNode.ancestor:n}function yk(t,e,n){var i=n/(e.hierNode.i-t.hierNode.i);e.hierNode.change-=i,e.hierNode.shift+=n,e.hierNode.modifier+=n,e.hierNode.prelim+=n,t.hierNode.change+=i}function vk(t,e){return t.parentNode===e.parentNode?1:2}var mk=function(){this.parentPoint=[],this.childPoints=[]},xk=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:tf.color.neutral99,fill:null}},e.prototype.getDefaultShape=function(){return new mk},e.prototype.buildPath=function(t,e){var n=e.childPoints,i=n.length,r=e.parentPoint,o=n[0],a=n[i-1];if(1===i)return t.moveTo(r[0],r[1]),void t.lineTo(o[0],o[1]);var s=e.orient,l="TB"===s||"BT"===s?0:1,u=1-l,c=yo(e.forkPosition,1),h=[];h[l]=r[l],h[u]=r[u]+(a[u]-r[u])*c,t.moveTo(r[0],r[1]),t.lineTo(h[0],h[1]),t.moveTo(o[0],o[1]),h[l]=o[l],t.lineTo(h[0],h[1]),h[l]=a[l],t.lineTo(h[0],h[1]),t.lineTo(a[0],a[1]);for(var d=1;d<i-1;d++){var p=n[d];t.moveTo(p[0],p[1]),h[l]=p[l],t.lineTo(h[0],h[1])}},e}(sl),_k=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._mainGroup=new to,n}return n(e,t),e.prototype.init=function(t,e){this._controller=new LD(e.getZr()),this._controllerHost={target:this.group},this.group.add(this._mainGroup)},e.prototype.render=function(t,e,n){var i=t.getData(),r=t.layoutInfo,o=this._mainGroup;"radial"===t.get("layout")?(o.x=r.x+r.width/2,o.y=r.y+r.height/2):(o.x=r.x,o.y=r.y),this._updateViewCoordSys(t,n),this._updateController(t,null,e,n);var a=this._data;i.diff(a).add((function(e){bk(i,e)&&wk(i,e,null,o,t)})).update((function(e,n){var r=a.getItemGraphicEl(n);bk(i,e)?wk(i,e,r,o,t):r&&Ik(a,n,r,o,t)})).remove((function(e){var n=a.getItemGraphicEl(e);n&&Ik(a,e,n,o,t)})).execute(),this._nodeScaleRatio=t.get("nodeScaleRatio"),this._updateNodeAndLinkScale(t),!0===t.get("expandAndCollapse")&&i.eachItemGraphicEl((function(e,i){e.off("click").on("click",(function(){n.dispatchAction({type:"treeExpandAndCollapse",seriesId:t.id,dataIndex:i})}))})),this._data=i},e.prototype._updateViewCoordSys=function(t,e){var n=t.getData(),i=[];n.each((function(t){var e=n.getItemLayout(t);!e||isNaN(e.x)||isNaN(e.y)||i.push([+e.x,+e.y])}));var r=[],o=[];ys(i,r,o);var a=this._min,s=this._max;o[0]-r[0]==0&&(r[0]=a?a[0]:r[0]-1,o[0]=s?s[0]:o[0]+1),o[1]-r[1]==0&&(r[1]=a?a[1]:r[1]-1,o[1]=s?s[1]:o[1]+1);var l=t.coordinateSystem=new KA(null,{api:e,ecModel:t.ecModel});l.zoomLimit=t.get("scaleLimit"),l.setBoundingRect(r[0],r[1],o[0]-r[0],o[1]-r[1]),l.setCenter(t.get("center")),l.setZoom(t.get("zoom")),this.group.attr({x:l.x,y:l.y,scaleX:l.scaleX,scaleY:l.scaleY}),this._min=r,this._max=o},e.prototype._updateController=function(t,e,n,i){var r=this;HD(t,i,this.group,this._controller,this._controllerHost,e),this._controller.on("zoom",(function(e){r._updateNodeAndLinkScale(t)}))},e.prototype._updateNodeAndLinkScale=function(t){var e=t.getData(),n=this._getNodeGlobalScale(t);e.eachItemGraphicEl((function(t,e){t.setSymbolScale(n)}))},e.prototype._getNodeGlobalScale=function(t){var e=t.coordinateSystem;if("view"!==e.type)return 1;var n=this._nodeScaleRatio,i=e.scaleX||1;return((e.getZoom()-1)*n+1)/i},e.prototype.dispose=function(){this._controller&&this._controller.dispose(),this._controllerHost=null},e.prototype.remove=function(){this._mainGroup.removeAll(),this._data=null},e.type="tree",e}(tv);function bk(t,e){var n=t.getItemLayout(e);return n&&!isNaN(n.x)&&!isNaN(n.y)}function wk(t,e,n,i,r){var o=!n,a=t.tree.getNodeByDataIndex(e),s=a.getModel(),l=a.getVisual("style").fill,u=!1===a.isExpand&&0!==a.children.length?l:tf.color.neutral00,c=t.tree.root,h=a.parentNode===c?a:a.parentNode||a,d=t.getItemGraphicEl(h.dataIndex),p=h.getLayout(),f=d?{x:d.__oldX,y:d.__oldY,rawX:d.__radialOldRawX,rawY:d.__radialOldRawY}:p,g=a.getLayout();o?((n=new rI(t,e,null,{symbolInnerColor:u,useNameLabel:!0})).x=f.x,n.y=f.y):n.updateData(t,e,null,{symbolInnerColor:u,useNameLabel:!0}),n.__radialOldRawX=n.__radialRawX,n.__radialOldRawY=n.__radialRawY,n.__radialRawX=g.rawX,n.__radialRawY=g.rawY,i.add(n),t.setItemGraphicEl(e,n),n.__oldX=n.x,n.__oldY=n.y,th(n,{x:g.x,y:g.y},r);var y=n.getSymbolPath();if("radial"===r.get("layout")){var v=c.children[0],m=v.getLayout(),x=v.children.length,_=void 0,b=void 0;if(g.x===m.x&&!0===a.isExpand&&v.children.length){var w={x:(v.children[0].getLayout().x+v.children[x-1].getLayout().x)/2,y:(v.children[0].getLayout().y+v.children[x-1].getLayout().y)/2};(_=Math.atan2(w.y-m.y,w.x-m.x))<0&&(_=2*Math.PI+_),(b=w.x<m.x)&&(_-=Math.PI)}else(_=Math.atan2(g.y-m.y,g.x-m.x))<0&&(_=2*Math.PI+_),0===a.children.length||0!==a.children.length&&!1===a.isExpand?(b=g.x<m.x)&&(_-=Math.PI):(b=g.x>m.x)||(_-=Math.PI);var S=b?"left":"right",M=s.getModel("label"),I=M.get("rotate"),T=I*(Math.PI/180),C=y.getTextContent();C&&(y.setTextConfig({position:M.get("position")||S,rotation:null==I?-_:T,origin:"center"}),C.setStyle("verticalAlign","middle"))}var D=s.get(["emphasis","focus"]),A="relative"===D?vt(a.getAncestorsIndices(),a.getDescendantIndices()):"ancestor"===D?a.getAncestorsIndices():"descendant"===D?a.getDescendantIndices():null;A&&(zl(n).focus=A),function(t,e,n,i,r,o,a,s){var l=e.getModel(),u=t.get("edgeShape"),c=t.get("layout"),h=t.getOrient(),d=t.get(["lineStyle","curveness"]),p=t.get("edgeForkPosition"),f=l.getModel("lineStyle").getLineStyle(),g=i.__edge;if("curve"===u)e.parentNode&&e.parentNode!==n&&(g||(g=i.__edge=new Oc({shape:Tk(c,h,d,r,r)})),th(g,{shape:Tk(c,h,d,o,a)},t));else if("polyline"===u)if("orthogonal"===c){if(e!==n&&e.children&&0!==e.children.length&&!0===e.isExpand){for(var y=e.children,v=[],m=0;m<y.length;m++){var x=y[m].getLayout();v.push([x.x,x.y])}g||(g=i.__edge=new xk({shape:{parentPoint:[a.x,a.y],childPoints:[[a.x,a.y]],orient:h,forkPosition:p}})),th(g,{shape:{parentPoint:[a.x,a.y],childPoints:v}},t)}}else 0;g&&("polyline"!==u||e.isExpand)&&(g.useStyle(k({strokeNoScale:!0,fill:null},f)),ku(g,l,"lineStyle"),uu(g),s.add(g))}(r,a,c,n,f,p,g,i),n.__edge&&(n.onHoverStateChange=function(e){if("blur"!==e){var i=a.parentNode&&t.getItemGraphicEl(a.parentNode.dataIndex);i&&1===i.hoverState||su(n.__edge,e)}})}function Sk(t,e,n,i,r){var o=Mk(e.tree.root,t),a=o.source,s=o.sourceLayout,l=e.getItemGraphicEl(t.dataIndex);if(l){var u=e.getItemGraphicEl(a.dataIndex).__edge,c=l.__edge||(!1===a.isExpand||1===a.children.length?u:void 0),h=i.get("edgeShape"),d=i.get("layout"),p=i.get("orient"),f=i.get(["lineStyle","curveness"]);c&&("curve"===h?ih(c,{shape:Tk(d,p,f,s,s),style:{opacity:0}},i,{cb:function(){n.remove(c)},removeOpt:r}):"polyline"===h&&"orthogonal"===i.get("layout")&&ih(c,{shape:{parentPoint:[s.x,s.y],childPoints:[[s.x,s.y]]},style:{opacity:0}},i,{cb:function(){n.remove(c)},removeOpt:r}))}}function Mk(t,e){for(var n,i=e.parentNode===t?e:e.parentNode||e;null==(n=i.getLayout());)i=i.parentNode===t?i:i.parentNode||i;return{source:i,sourceLayout:n}}function Ik(t,e,n,i,r){var o=t.tree.getNodeByDataIndex(e),a=Mk(t.tree.root,o).sourceLayout,s={duration:r.get("animationDurationUpdate"),easing:r.get("animationEasingUpdate")};ih(n,{x:a.x+1,y:a.y+1},r,{cb:function(){i.remove(n),t.setItemGraphicEl(e,null)},removeOpt:s}),n.fadeOut(null,t.hostModel,{fadeLabel:!0,animation:s}),o.children.forEach((function(e){Sk(e,t,i,r,s)})),Sk(o,t,i,r,s)}function Tk(t,e,n,i,r){var o,a,s,l,u,c,h,d;if("radial"===t){u=i.rawX,h=i.rawY,c=r.rawX,d=r.rawY;var p=dk(u,h),f=dk(u,h+(d-h)*n),g=dk(c,d+(h-d)*n),y=dk(c,d);return{x1:p.x||0,y1:p.y||0,x2:y.x||0,y2:y.y||0,cpx1:f.x||0,cpy1:f.y||0,cpx2:g.x||0,cpy2:g.y||0}}return u=i.x,h=i.y,c=r.x,d=r.y,"LR"!==e&&"RL"!==e||(o=u+(c-u)*n,a=h,s=c+(u-c)*n,l=d),"TB"!==e&&"BT"!==e||(o=u,a=h+(d-h)*n,s=c,l=d+(h-d)*n),{x1:u,y1:h,x2:c,y2:d,cpx1:o,cpy1:a,cpx2:s,cpy2:l}}var Ck=sa();function Dk(t){var e=t.mainData,n=t.datas;n||(n={main:e},t.datasAttr={main:"data"}),t.datas=t.mainData=null,Rk(e,n,t),z(n,(function(n){z(e.TRANSFERABLE_METHODS,(function(e){n.wrapMethod(e,H(Ak,t))}))})),e.wrapMethod("cloneShallow",H(Lk,t)),z(e.CHANGABLE_METHODS,(function(n){e.wrapMethod(n,H(kk,t))})),lt(n[e.dataType]===e)}function Ak(t,e){if(Ck(i=this).mainData===i){var n=A({},Ck(this).datas);n[this.dataType]=e,Rk(e,n,t)}else Nk(e,this.dataType,Ck(this).mainData,t);var i;return e}function kk(t,e){return t.struct&&t.struct.update(),e}function Lk(t,e){return z(Ck(e).datas,(function(n,i){n!==e&&Nk(n.cloneShallow(),i,e,t)})),e}function Pk(t){var e=Ck(this).mainData;return null==t||null==e?e:Ck(e).datas[t]}function Ok(){var t=Ck(this).mainData;return null==t?[{data:t}]:E(F(Ck(t).datas),(function(e){return{type:e,data:Ck(t).datas[e]}}))}function Rk(t,e,n){Ck(t).datas={},z(e,(function(e,i){Nk(e,i,t,n)}))}function Nk(t,e,n,i){Ck(n).datas[e]=t,Ck(t).mainData=n,t.dataType=e,i.struct&&(t[i.structAttr]=i.struct,i.struct[i.datasAttr[e]]=t),t.getLinkedData=Pk,t.getLinkedDataAll=Ok}var zk=function(){function t(t,e){this.depth=0,this.height=0,this.dataIndex=-1,this.children=[],this.viewChildren=[],this.isExpand=!1,this.name=t||"",this.hostTree=e}return t.prototype.isRemoved=function(){return this.dataIndex<0},t.prototype.eachNode=function(t,e,n){Y(t)&&(n=e,e=t,t=null),X(t=t||{})&&(t={order:t});var i,r=t.order||"preorder",o=this[t.attr||"children"];"preorder"===r&&(i=e.call(n,this));for(var a=0;!i&&a<o.length;a++)o[a].eachNode(t,e,n);"postorder"===r&&e.call(n,this)},t.prototype.updateDepthAndHeight=function(t){var e=0;this.depth=t;for(var n=0;n<this.children.length;n++){var i=this.children[n];i.updateDepthAndHeight(t+1),i.height>e&&(e=i.height)}this.height=e+1},t.prototype.getNodeById=function(t){if(this.getId()===t)return this;for(var e=0,n=this.children,i=n.length;e<i;e++){var r=n[e].getNodeById(t);if(r)return r}},t.prototype.contains=function(t){if(t===this)return!0;for(var e=0,n=this.children,i=n.length;e<i;e++){var r=n[e].contains(t);if(r)return r}},t.prototype.getAncestors=function(t){for(var e=[],n=t?this:this.parentNode;n;)e.push(n),n=n.parentNode;return e.reverse(),e},t.prototype.getAncestorsIndices=function(){for(var t=[],e=this;e;)t.push(e.dataIndex),e=e.parentNode;return t.reverse(),t},t.prototype.getDescendantIndices=function(){var t=[];return this.eachNode((function(e){t.push(e.dataIndex)})),t},t.prototype.getValue=function(t){var e=this.hostTree.data;return e.getStore().get(e.getDimensionIndex(t||"value"),this.dataIndex)},t.prototype.setLayout=function(t,e){this.dataIndex>=0&&this.hostTree.data.setItemLayout(this.dataIndex,t,e)},t.prototype.getLayout=function(){return this.hostTree.data.getItemLayout(this.dataIndex)},t.prototype.getModel=function(t){if(!(this.dataIndex<0))return this.hostTree.data.getItemModel(this.dataIndex).getModel(t)},t.prototype.getLevelModel=function(){return(this.hostTree.levelModels||[])[this.depth]},t.prototype.setVisual=function(t,e){this.dataIndex>=0&&this.hostTree.data.setItemVisual(this.dataIndex,t,e)},t.prototype.getVisual=function(t){return this.hostTree.data.getItemVisual(this.dataIndex,t)},t.prototype.getRawIndex=function(){return this.hostTree.data.getRawIndex(this.dataIndex)},t.prototype.getId=function(){return this.hostTree.data.getId(this.dataIndex)},t.prototype.getChildIndex=function(){if(this.parentNode){for(var t=this.parentNode.children,e=0;e<t.length;++e)if(t[e]===this)return e;return-1}return-1},t.prototype.isAncestorOf=function(t){for(var e=t.parentNode;e;){if(e===this)return!0;e=e.parentNode}return!1},t.prototype.isDescendantOf=function(t){return t!==this&&t.isAncestorOf(this)},t}(),Ek=function(){function t(t){this.type="tree",this._nodes=[],this.hostModel=t}return t.prototype.eachNode=function(t,e,n){this.root.eachNode(t,e,n)},t.prototype.getNodeByDataIndex=function(t){var e=this.data.getRawIndex(t);return this._nodes[e]},t.prototype.getNodeById=function(t){return this.root.getNodeById(t)},t.prototype.update=function(){for(var t=this.data,e=this._nodes,n=0,i=e.length;n<i;n++)e[n].dataIndex=-1;for(n=0,i=t.count();n<i;n++)e[t.getRawIndex(n)].dataIndex=n},t.prototype.clearLayouts=function(){this.data.clearItemLayouts()},t.createTree=function(e,n,i){var r=new t(n),o=[],a=1;!function t(e,n){var i=e.value;a=Math.max(a,U(i)?i.length:1),o.push(e);var s=new zk(ia(e.name,""),r);n?function(t,e){var n=e.children;if(t.parentNode===e)return;n.push(t),t.parentNode=e}(s,n):r.root=s,r._nodes.push(s);var l=e.children;if(l)for(var u=0;u<l.length;u++)t(l[u],s)}(e),r.root.updateDepthAndHeight(0);var s=V_(o,{coordDimensions:["value"],dimensionsCount:a}).dimensions,l=new B_(s,n);return l.initData(o),i&&i(l),Dk({mainData:l,struct:r,structAttr:"tree"}),r.update(),r},t}();function Bk(t,e,n){if(t&&P(e,t.type)>=0){var i=n.getData().tree.root,r=t.targetNode;if(X(r)&&(r=i.getNodeById(r)),r&&i.contains(r))return{node:r};var o=t.targetNodeId;if(null!=o&&(r=i.getNodeById(o)))return{node:r}}}function Vk(t){for(var e=[];t;)(t=t.parentNode)&&e.push(t);return e.reverse()}function Gk(t,e){return P(Vk(t),e)>=0}function Fk(t,e){for(var n=[];t;){var i=t.dataIndex;n.push({name:t.name,dataIndex:i,value:e.getRawValue(i)}),t=t.parentNode}return n.reverse(),n}var Wk=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.hasSymbolVisual=!0,e.ignoreStyleOnData=!0,e}return n(e,t),e.prototype.getInitialData=function(t){var e={name:t.name,children:t.data},n=t.leaves||{},i=new wd(n,this,this.ecModel),r=Ek.createTree(e,this,(function(t){t.wrapMethod("getItemModel",(function(t,e){var n=r.getNodeByDataIndex(e);return n&&n.children.length&&n.isExpand||(t.parentModel=i),t}))}));var o=0;r.eachNode("preorder",(function(t){t.depth>o&&(o=t.depth)}));var a=t.expandAndCollapse&&t.initialTreeDepth>=0?t.initialTreeDepth:o;return r.root.eachNode("preorder",(function(t){var e=t.hostTree.data.getRawDataItem(t.dataIndex);t.isExpand=e&&null!=e.collapsed?!e.collapsed:t.depth<=a})),r.data},e.prototype.getOrient=function(){var t=this.get("orient");return"horizontal"===t?t="LR":"vertical"===t&&(t="TB"),t},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.formatTooltip=function(t,e,n){for(var i=this.getData().tree,r=i.root.children[0],o=i.getNodeByDataIndex(t),a=o.getValue(),s=o.name;o&&o!==r;)s=o.parentNode.name+"."+s,o=o.parentNode;return Ty("nameValue",{name:s,value:a,noValue:isNaN(a)||null==a})},e.prototype.getDataParams=function(e){var n=t.prototype.getDataParams.apply(this,arguments),i=this.getData().tree.getNodeByDataIndex(e);return n.treeAncestors=Fk(i,this),n.collapsed=!i.isExpand,n},e.type="series.tree",e.layoutMode="box",e.defaultOption={z:2,coordinateSystemUsage:"box",left:"12%",top:"12%",right:"12%",bottom:"12%",layout:"orthogonal",edgeShape:"curve",edgeForkPosition:"50%",roam:!1,roamTrigger:"global",nodeScaleRatio:.4,center:null,zoom:1,orient:"LR",symbol:"emptyCircle",symbolSize:7,expandAndCollapse:!0,initialTreeDepth:2,lineStyle:{color:tf.color.borderTint,width:1.5,curveness:.5},itemStyle:{color:"lightsteelblue",borderWidth:1.5},label:{show:!0},animationEasing:"linear",animationDuration:700,animationDurationUpdate:500},e}(Wy);function Hk(t,e){for(var n,i=[t];n=i.pop();)if(e(n),n.isExpand){var r=n.children;if(r.length)for(var o=r.length-1;o>=0;o--)i.push(r[o])}}function Uk(t,e){t.eachSeriesByType("tree",(function(t){!function(t,e){var n=Xp(t,e).refContainer,i=Hp(t.getBoxLayoutParams(),n);t.layoutInfo=i;var r=t.get("layout"),o=0,a=0,s=null;"radial"===r?(o=2*Math.PI,a=Math.min(i.height,i.width)/2,s=hk((function(t,e){return(t.parentNode===e.parentNode?1:2)/t.depth}))):(o=i.width,a=i.height,s=hk());var l=t.getData().tree.root,u=l.children[0];if(u){!function(t){var e=t;e.hierNode={defaultAncestor:null,ancestor:e,prelim:0,modifier:0,change:0,shift:0,i:0,thread:null};for(var n,i,r=[e];n=r.pop();)if(i=n.children,n.isExpand&&i.length)for(var o=i.length-1;o>=0;o--){var a=i[o];a.hierNode={defaultAncestor:null,ancestor:a,prelim:0,modifier:0,change:0,shift:0,i:o,thread:null},r.push(a)}}(l),function(t,e,n){for(var i,r=[t],o=[];i=r.pop();)if(o.push(i),i.isExpand){var a=i.children;if(a.length)for(var s=0;s<a.length;s++)r.push(a[s])}for(;i=o.pop();)e(i,n)}(u,uk,s),l.hierNode.modifier=-u.hierNode.prelim,Hk(u,ck);var c=u,h=u,d=u;Hk(u,(function(t){var e=t.getLayout().x;e<c.getLayout().x&&(c=t),e>h.getLayout().x&&(h=t),t.depth>d.depth&&(d=t)}));var p=c===h?1:s(c,h)/2,f=p-c.getLayout().x,g=0,y=0,v=0,m=0;if("radial"===r)g=o/(h.getLayout().x+p+f),y=a/(d.depth-1||1),Hk(u,(function(t){v=(t.getLayout().x+f)*g,m=(t.depth-1)*y;var e=dk(v,m);t.setLayout({x:e.x,y:e.y,rawX:v,rawY:m},!0)}));else{var x=t.getOrient();"RL"===x||"LR"===x?(y=a/(h.getLayout().x+p+f),g=o/(d.depth-1||1),Hk(u,(function(t){m=(t.getLayout().x+f)*y,v="LR"===x?(t.depth-1)*g:o-(t.depth-1)*g,t.setLayout({x:v,y:m},!0)}))):"TB"!==x&&"BT"!==x||(g=o/(h.getLayout().x+p+f),y=a/(d.depth-1||1),Hk(u,(function(t){v=(t.getLayout().x+f)*g,m="TB"===x?(t.depth-1)*y:a-(t.depth-1)*y,t.setLayout({x:v,y:m},!0)})))}}}(t,e)}))}function Yk(t){t.eachSeriesByType("tree",(function(t){var e=t.getData();e.tree.eachNode((function(t){var n=t.getModel().getModel("itemStyle").getItemStyle();A(e.ensureUniqueItemVisual(t.dataIndex,"style"),n)}))}))}var Xk=["treemapZoomToNode","treemapRender","treemapMove"];function Zk(t){var e=t.getData().tree,n={};e.eachNode((function(e){for(var i=e;i&&i.depth>1;)i=i.parentNode;var r=Nf(t.ecModel,i.name||i.dataIndex+"",n);e.setVisual("decal",r)}))}var jk=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.preventUsingHoverLayer=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){var n={name:t.name,children:t.data};qk(n);var i=t.levels||[],r=this.designatedVisualItemStyle={},o=new wd({itemStyle:r},this,e);i=t.levels=function(t,e){var n,i,r=qo(e.get("color")),o=qo(e.get(["aria","decal","decals"]));if(!r)return;t=t||[],z(t,(function(t){var e=new wd(t),r=e.get("color"),o=e.get("decal");(e.get(["itemStyle","color"])||r&&"none"!==r)&&(n=!0),(e.get(["itemStyle","decal"])||o&&"none"!==o)&&(i=!0)}));var a=t[0]||(t[0]={});n||(a.color=r.slice());!i&&o&&(a.decal=o.slice());return t}(i,e);var a=E(i||[],(function(t){return new wd(t,o,e)}),this),s=Ek.createTree(n,this,(function(t){t.wrapMethod("getItemModel",(function(t,e){var n=s.getNodeByDataIndex(e),i=n?a[n.depth]:null;return t.parentModel=i||o,t}))}));return s.data},e.prototype.optionUpdated=function(){this.resetViewRoot()},e.prototype.formatTooltip=function(t,e,n){var i=this.getData(),r=this.getRawValue(t);return Ty("nameValue",{name:i.getName(t),value:r})},e.prototype.getDataParams=function(e){var n=t.prototype.getDataParams.apply(this,arguments),i=this.getData().tree.getNodeByDataIndex(e);return n.treeAncestors=Fk(i,this),n.treePathInfo=n.treeAncestors,n},e.prototype.setLayoutInfo=function(t){this.layoutInfo=this.layoutInfo||{},A(this.layoutInfo,t)},e.prototype.mapIdToIndex=function(t){var e=this._idIndexMap;e||(e=this._idIndexMap=yt(),this._idIndexMapCount=0);var n=e.get(t);return null==n&&e.set(t,n=this._idIndexMapCount++),n},e.prototype.getViewRoot=function(){return this._viewRoot},e.prototype.resetViewRoot=function(t){t?this._viewRoot=t:t=this._viewRoot;var e=this.getRawData().tree.root;t&&(t===e||e.contains(t))||(this._viewRoot=e)},e.prototype.enableAriaDecal=function(){Zk(this)},e.type="series.treemap",e.layoutMode="box",e.defaultOption={progressive:0,coordinateSystemUsage:"box",left:tf.size.l,top:tf.size.xxxl,right:tf.size.l,bottom:tf.size.xxxl,sort:!0,clipWindow:"origin",squareRatio:.5*(1+Math.sqrt(5)),leafDepth:null,drillDownIcon:"▶",zoomToNodeRatio:.1024,scaleLimit:{max:5,min:.2},roam:!0,roamTrigger:"global",nodeClick:"zoomToNode",animation:!0,animationDurationUpdate:900,animationEasing:"quinticInOut",breadcrumb:{show:!0,height:22,left:"center",bottom:tf.size.m,emptyItemWidth:25,itemStyle:{color:tf.color.backgroundShade,textStyle:{color:tf.color.secondary}},emphasis:{itemStyle:{color:tf.color.background}}},label:{show:!0,distance:0,padding:5,position:"inside",color:tf.color.neutral00,overflow:"truncate"},upperLabel:{show:!1,position:[0,"50%"],height:20,overflow:"truncate",verticalAlign:"middle"},itemStyle:{color:null,colorAlpha:null,colorSaturation:null,borderWidth:0,gapWidth:0,borderColor:tf.color.neutral00,borderColorSaturation:null},emphasis:{upperLabel:{show:!0,position:[0,"50%"],overflow:"truncate",verticalAlign:"middle"}},visualDimension:0,visualMin:null,visualMax:null,color:[],colorAlpha:null,colorSaturation:null,colorMappingBy:"index",visibleMin:10,childrenVisibleMin:null,levels:[]},e}(Wy);function qk(t){var e=0;z(t.children,(function(t){qk(t);var n=t.value;U(n)&&(n=n[0]),e+=n}));var n=t.value;U(n)&&(n=n[0]),(null==n||isNaN(n))&&(n=e),n<0&&(n=0),U(t.value)?t.value[0]=n:t.value=n}var Kk=function(){function t(t){this.group=new to,t.add(this.group)}return t.prototype.render=function(t,e,n,i){var r=t.getModel("breadcrumb"),o=this.group;if(o.removeAll(),r.get("show")&&n){var a=r.getModel("itemStyle"),s=r.getModel("emphasis"),l=a.getModel("textStyle"),u=s.getModel(["itemStyle","textStyle"]),c=Xp(t,e).refContainer,h={left:r.get("left"),right:r.get("right"),top:r.get("top"),bottom:r.get("bottom")},d={emptyItemWidth:r.get("emptyItemWidth"),totalWidth:0,renderList:[]},p=Hp(h,c);this._prepare(n,d,l),this._renderContent(t,d,p,a,s,l,u,i),Zp(o,h,c)}},t.prototype._prepare=function(t,e,n){for(var i=t;i;i=i.parentNode){var r=ia(i.getModel().get("name"),""),o=n.getTextRect(r),a=Math.max(o.width+16,e.emptyItemWidth);e.totalWidth+=a+8,e.renderList.push({node:i,text:r,width:a})}},t.prototype._renderContent=function(t,e,n,i,r,o,a,s){for(var l=0,u=e.emptyItemWidth,c=t.get(["breadcrumb","height"]),h=e.totalWidth,d=e.renderList,p=r.getModel("itemStyle").getItemStyle(),f=d.length-1;f>=0;f--){var g=d[f],y=g.node,v=g.width,m=g.text;h>n.width&&(h-=v-u,v=u,m=null);var x=new Mc({shape:{points:$k(l,0,v,c,f===d.length-1,0===f)},style:k(i.getItemStyle(),{lineJoin:"bevel"}),textContent:new Sl({style:Qh(o,{text:m})}),textConfig:{position:"inside"},z2:1e5,onclick:H(s,y)});x.disableLabelAnimation=!0,x.getTextContent().ensureState("emphasis").style=Qh(a,{text:m}),x.ensureState("emphasis").style=p,Tu(x,r.get("focus"),r.get("blurScope"),r.get("disabled")),this.group.add(x),Jk(x,t,y),l+=v+8}},t.prototype.remove=function(){this.group.removeAll()},t}();function $k(t,e,n,i,r,o){var a=[[r?t:t-5,e],[t+n,e],[t+n,e+i],[r?t:t-5,e+i]];return!o&&a.splice(2,0,[t+n+5,e+i/2]),!r&&a.push([t,e+i/2]),a}function Jk(t,e,n){zl(t).eventData={componentType:"series",componentSubType:"treemap",componentIndex:e.componentIndex,seriesIndex:e.seriesIndex,seriesName:e.name,seriesType:"treemap",selfType:"breadcrumb",nodeData:{dataIndex:n&&n.dataIndex,name:n&&n.name},treePathInfo:n&&Fk(n,e)}}var Qk=function(){function t(){this._storage=[],this._elExistsMap={}}return t.prototype.add=function(t,e,n,i,r){return!this._elExistsMap[t.id]&&(this._elExistsMap[t.id]=!0,this._storage.push({el:t,target:e,duration:n,delay:i,easing:r}),!0)},t.prototype.finished=function(t){return this._finishedCallback=t,this},t.prototype.start=function(){for(var t=this,e=this._storage.length,n=function(){--e<=0&&(t._storage.length=0,t._elExistsMap={},t._finishedCallback&&t._finishedCallback())},i=0,r=this._storage.length;i<r;i++){var o=this._storage[i];o.el.animateTo(o.target,{duration:o.duration,delay:o.delay,easing:o.easing,setToFinal:!0,done:n,aborted:n})}return this},t}();var tL=to,eL=xl,nL="label",iL="upperLabel",rL=Da([["fill","color"],["stroke","strokeColor"],["lineWidth","strokeWidth"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["shadowColor"]]),oL=function(t){var e=rL(t);return e.stroke=e.fill=e.lineWidth=null,e},aL=sa(),sL=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._state="ready",n._storage={nodeGroup:[],background:[],content:[]},n}return n(e,t),e.prototype.render=function(t,e,n,i){if(!(P(e.findComponents({mainType:"series",subType:"treemap",query:i}),t)<0)){this.seriesModel=t,this.api=n,this.ecModel=e;var r=Bk(i,["treemapZoomToNode","treemapRootToNode"],t),o=i&&i.type,a=t.layoutInfo,s=!this._oldTree,l=this._storage,u="treemapRootToNode"===o&&r&&l?{rootNodeGroup:l.nodeGroup[r.node.getRawIndex()],direction:i.direction}:null,c=this._giveContainerGroup(a),h=t.get("animation"),d=this._doRender(c,t,u);!h||s||o&&"treemapZoomToNode"!==o&&"treemapRootToNode"!==o?d.renderFinally():this._doAnimation(c,d,t,u),this._resetController(n),this._renderBreadcrumb(t,n,r)}},e.prototype._giveContainerGroup=function(t){var e=this._containerGroup;return e||(e=this._containerGroup=new tL,this._initEvents(e),this.group.add(e)),e.x=t.x,e.y=t.y,e},e.prototype._doRender=function(t,e,n){var i=e.getData().tree,r=this._oldTree,o={nodeGroup:[],background:[],content:[]},a={nodeGroup:[],background:[],content:[]},s=this._storage,l=[];function u(t,i,r,u){return function(t,e,n,i,r,o,a,s,l,u){if(!a)return;var c=a.getLayout(),h=t.getData(),d=a.getModel();if(h.setItemGraphicEl(a.dataIndex,null),!c||!c.isInView)return;var p=c.width,f=c.height,g=c.borderWidth,y=c.invisible,v=a.getRawIndex(),m=s&&s.getRawIndex(),x=a.viewChildren,_=c.upperHeight,b=x&&x.length,w=d.getModel("itemStyle"),S=d.getModel(["emphasis","itemStyle"]),M=d.getModel(["blur","itemStyle"]),I=d.getModel(["select","itemStyle"]),T=w.get("borderRadius")||0,C=W("nodeGroup",tL);if(!C)return;if(l.add(C),C.x=c.x||0,C.y=c.y||0,C.markRedraw(),aL(C).nodeWidth=p,aL(C).nodeHeight=f,c.isAboveViewRoot)return C;var D=W("background",eL,u,20);D&&E(C,D,b&&c.upperLabelHeight);var k=d.getModel("emphasis"),L=k.get("focus"),P=k.get("blurScope"),O=k.get("disabled"),R="ancestor"===L?a.getAncestorsIndices():"descendant"===L?a.getDescendantIndices():L;if(b)Pu(C)&&Lu(C,!1),D&&(Lu(D,!O),h.setItemGraphicEl(a.dataIndex,D),Cu(D,R,P));else{var N=W("content",eL,u,30);N&&B(C,N),D.disableMorphing=!0,D&&Pu(D)&&Lu(D,!1),Lu(C,!O),h.setItemGraphicEl(a.dataIndex,C);var z=d.getShallow("cursor");z&&N.attr("cursor",z),Cu(C,R,P)}return C;function E(e,n,i){var r=zl(n);if(r.dataIndex=a.dataIndex,r.seriesIndex=t.seriesIndex,n.setShape({x:0,y:0,width:p,height:f,r:T}),y)V(n);else{n.invisible=!1;var o=a.getVisual("style"),s=o.stroke,l=oL(w);l.fill=s;var u=rL(S);u.fill=S.get("borderColor");var c=rL(M);c.fill=M.get("borderColor");var h=rL(I);if(h.fill=I.get("borderColor"),i){var d=p-2*g;G(n,s,o.opacity,{x:g,y:0,width:d,height:_})}else n.removeTextContent();n.setStyle(l),n.ensureState("emphasis").style=u,n.ensureState("blur").style=c,n.ensureState("select").style=h,uu(n)}e.add(n)}function B(e,n){var i=zl(n);i.dataIndex=a.dataIndex,i.seriesIndex=t.seriesIndex;var r=Math.max(p-2*g,0),o=Math.max(f-2*g,0);if(n.culling=!0,n.setShape({x:g,y:g,width:r,height:o,r:T}),y)V(n);else{n.invisible=!1;var s=a.getVisual("style"),l=s.fill,u=oL(w);u.fill=l,u.decal=s.decal;var c=rL(S),h=rL(M),d=rL(I);G(n,l,s.opacity,null),n.setStyle(u),n.ensureState("emphasis").style=c,n.ensureState("blur").style=h,n.ensureState("select").style=d,uu(n)}e.add(n)}function V(t){!t.invisible&&o.push(t)}function G(e,n,i,r){var o=d.getModel(r?iL:nL),s=ia(d.get("name"),null),l=o.getShallow("show");$h(e,Jh(d,r?iL:nL),{defaultText:l?s:null,inheritColor:n,defaultOpacity:i,labelFetcher:t,labelDataIndex:a.dataIndex});var u=e.getTextContent();if(u){var h=u.style,p=st(h.padding||0);r&&(e.setTextConfig({layoutRect:r}),u.disableLabelLayout=!0),u.beforeUpdate=function(){var t=Math.max((r?r.width:e.shape.width)-p[1]-p[3],0),n=Math.max((r?r.height:e.shape.height)-p[0]-p[2],0);h.width===t&&h.height===n||u.setStyle({width:t,height:n})},h.truncateMinChar=2,h.lineOverflow="truncate",F(h,r,c);var f=u.getState("emphasis");F(f?f.style:null,r,c)}}function F(e,n,i){var r=e?e.text:null;if(!n&&i.isLeafRoot&&null!=r){var o=t.get("drillDownIcon",!0);e.text=o?o+" "+r:r}}function W(t,i,o,a){var s=null!=m&&n[t][m],l=r[t];return s?(n[t][m]=null,H(l,s)):y||((s=new i)instanceof os&&(s.z2=function(t,e){return 100*t+e}(o,a)),U(l,s)),e[t][v]=s}function H(t,e){var n=t[v]={};e instanceof tL?(n.oldX=e.x,n.oldY=e.y):n.oldShape=A({},e.shape)}function U(t,e){var n=t[v]={},o=a.parentNode,s=e instanceof to;if(o&&(!i||"drillDown"===i.direction)){var l=0,u=0,c=r.background[o.getRawIndex()];!i&&c&&c.oldShape&&(l=c.oldShape.width,u=c.oldShape.height),s?(n.oldX=0,n.oldY=u):n.oldShape={x:l,y:u,width:0,height:0}}n.fadein=!s}}(e,a,s,n,o,l,t,i,r,u)}!function t(e,n,i,r,o){r?(n=e,z(e,(function(t,e){!t.isRemoved()&&s(e,e)}))):new f_(n,e,a,a).add(s).update(s).remove(H(s,null)).execute();function a(t){return t.getId()}function s(a,s){var l=null!=a?e[a]:null,c=null!=s?n[s]:null,h=u(l,c,i,o);h&&t(l&&l.viewChildren||[],c&&c.viewChildren||[],h,r,o+1)}}(i.root?[i.root]:[],r&&r.root?[r.root]:[],t,i===r||!r,0);var c=function(t){var e={nodeGroup:[],background:[],content:[]};return t&&z(t,(function(t,n){var i=e[n];z(t,(function(t){t&&(i.push(t),aL(t).willDelete=!0)}))})),e}(s);if(this._oldTree=i,this._storage=a,this._controllerHost){var h=this.seriesModel.layoutInfo,d=i.root.getLayout();d.width===h.width&&d.height===h.height&&(this._controllerHost.zoom=1)}return{lastsForAnimation:o,willDeleteEls:c,renderFinally:function(){z(c,(function(t){z(t,(function(t){t.parent&&t.parent.remove(t)}))})),z(l,(function(t){t.invisible=!0,t.dirty()}))}}},e.prototype._doAnimation=function(t,e,n,i){var r=n.get("animationDurationUpdate"),o=n.get("animationEasing"),a=(Y(r)?0:r)||0,s=(Y(o)?null:o)||"cubicOut",l=new Qk;z(e.willDeleteEls,(function(t,e){z(t,(function(t,n){if(!t.invisible){var r,o=t.parent,u=aL(o);if(i&&"drillDown"===i.direction)r=o===i.rootNodeGroup?{shape:{x:0,y:0,width:u.nodeWidth,height:u.nodeHeight},style:{opacity:0}}:{style:{opacity:0}};else{var c=0,h=0;u.willDelete||(c=u.nodeWidth/2,h=u.nodeHeight/2),r="nodeGroup"===e?{x:c,y:h,style:{opacity:0}}:{shape:{x:c,y:h,width:0,height:0},style:{opacity:0}}}r&&l.add(t,r,a,0,s)}}))})),z(this._storage,(function(t,n){z(t,(function(t,i){var r=e.lastsForAnimation[n][i],o={};r&&(t instanceof to?null!=r.oldX&&(o.x=t.x,o.y=t.y,t.x=r.oldX,t.y=r.oldY):(r.oldShape&&(o.shape=A({},t.shape),t.setShape(r.oldShape)),r.fadein?(t.setStyle("opacity",0),o.style={opacity:1}):1!==t.style.opacity&&(o.style={opacity:1})),l.add(t,o,a,0,s))}))}),this),this._state="animating",l.finished(W((function(){this._state="ready",e.renderFinally()}),this)).start()},e.prototype._resetController=function(t){var e=this,n=this._controller,i=this._controllerHost;i||(this._controllerHost={target:this.group},i=this._controllerHost);var r=this.seriesModel;n||((n=this._controller=new LD(t.getZr())).on("pan",W(this._onPan,this)),n.on("zoom",W(this._onZoom,this))),n.enable(r.get("roam"),{api:t,zInfo:{component:r},triggerInfo:{roamTrigger:r.get("roamTrigger"),isInSelf:function(t,n,i){var r=e._containerGroup;return!!r&&r.getBoundingRect().contain(n-r.x,i-r.y)}}}),i.zoomLimit=r.get("scaleLimit"),i.zoom=r.get("zoom")},e.prototype._clearController=function(){var t=this._controller;this._controllerHost=null,t&&(t.dispose(),t=null)},e.prototype._onPan=function(t){if("animating"!==this._state&&(Math.abs(t.dx)>3||Math.abs(t.dy)>3)){var e=this.seriesModel.getData().tree.root;if(!e)return;var n=e.getLayout();if(!n)return;this.api.dispatchAction({type:"treemapMove",from:this.uid,seriesId:this.seriesModel.id,rootRect:{x:n.x+t.dx,y:n.y+t.dy,width:n.width,height:n.height}})}},e.prototype._onZoom=function(t){var e=t.originX,n=t.originY,i=t.scale;if("animating"!==this._state){var r=this.seriesModel.getData().tree.root;if(!r)return;var o=r.getLayout();if(!o)return;var a,s=new He(o.x,o.y,o.width,o.height),l=this._controllerHost;a=l.zoomLimit;var u=l.zoom=l.zoom||1;if(u*=i,a){var c=a.min||0,h=a.max||1/0;u=Math.max(Math.min(h,u),c)}var d=u/l.zoom;l.zoom=u;var p=this.seriesModel.layoutInfo,f=[1,0,0,1,0,0];Se(f,f,[-(e-=p.x),-(n-=p.y)]),Ie(f,f,[d,d]),Se(f,f,[e,n]),s.applyTransform(f),this.api.dispatchAction({type:"treemapRender",from:this.uid,seriesId:this.seriesModel.id,rootRect:{x:s.x,y:s.y,width:s.width,height:s.height}})}},e.prototype._initEvents=function(t){var e=this;t.on("click",(function(t){if("ready"===e._state){var n=e.seriesModel.get("nodeClick",!0);if(n){var i=e.findTarget(t.offsetX,t.offsetY);if(i){var r=i.node;if(r.getLayout().isLeafRoot)e._rootToNode(i);else if("zoomToNode"===n)e._zoomToNode(i);else if("link"===n){var o=r.hostTree.data.getItemModel(r.dataIndex),a=o.get("link",!0),s=o.get("target",!0)||"blank";a&&Sp(a,s)}}}}}),this)},e.prototype._renderBreadcrumb=function(t,e,n){var i=this;n||(n=null!=t.get("leafDepth",!0)?{node:t.getViewRoot()}:this.findTarget(e.getWidth()/2,e.getHeight()/2))||(n={node:t.getData().tree.root}),(this._breadcrumb||(this._breadcrumb=new Kk(this.group))).render(t,e,n.node,(function(e){"animating"!==i._state&&(Gk(t.getViewRoot(),e)?i._rootToNode({node:e}):i._zoomToNode({node:e}))}))},e.prototype.remove=function(){this._clearController(),this._containerGroup&&this._containerGroup.removeAll(),this._storage={nodeGroup:[],background:[],content:[]},this._state="ready",this._breadcrumb&&this._breadcrumb.remove()},e.prototype.dispose=function(){this._clearController()},e.prototype._zoomToNode=function(t){this.api.dispatchAction({type:"treemapZoomToNode",from:this.uid,seriesId:this.seriesModel.id,targetNode:t.node})},e.prototype._rootToNode=function(t){this.api.dispatchAction({type:"treemapRootToNode",from:this.uid,seriesId:this.seriesModel.id,targetNode:t.node})},e.prototype.findTarget=function(t,e){var n;return this.seriesModel.getViewRoot().eachNode({attr:"viewChildren",order:"preorder"},(function(i){var r=this._storage.background[i.getRawIndex()];if(r){var o=r.transformCoordToLocal(t,e),a=r.shape;if(!(a.x<=o[0]&&o[0]<=a.x+a.width&&a.y<=o[1]&&o[1]<=a.y+a.height))return!1;n={node:i,offsetX:o[0],offsetY:o[1]}}}),this),n},e.type="treemap",e}(tv);var lL=z,uL=q,cL=-1,hL=function(){function t(e){var n=e.mappingMethod,i=e.type,r=this.option=T(e);this.type=i,this.mappingMethod=n,this._normalizeData=bL[n];var o=t.visualHandlers[i];this.applyVisual=o.applyVisual,this.getColorMapper=o.getColorMapper,this._normalizedToVisual=o._normalizedToVisual[n],"piecewise"===n?(dL(r),function(t){var e=t.pieceList;t.hasSpecialVisual=!1,z(e,(function(e,n){e.originIndex=n,null!=e.visual&&(t.hasSpecialVisual=!0)}))}(r)):"category"===n?r.categories?function(t){var e=t.categories,n=t.categoryMap={},i=t.visual;if(lL(e,(function(t,e){n[t]=e})),!U(i)){var r=[];q(i)?lL(i,(function(t,e){var i=n[e];r[null!=i?i:cL]=t})):r[-1]=i,i=_L(t,r)}for(var o=e.length-1;o>=0;o--)null==i[o]&&(delete n[e[o]],e.pop())}(r):dL(r,!0):(lt("linear"!==n||r.dataExtent),dL(r))}return t.prototype.mapValueToVisual=function(t){var e=this._normalizeData(t);return this._normalizedToVisual(e,t)},t.prototype.getNormalizer=function(){return W(this._normalizeData,this)},t.listVisualTypes=function(){return F(t.visualHandlers)},t.isValidType=function(e){return t.visualHandlers.hasOwnProperty(e)},t.eachVisual=function(t,e,n){q(t)?z(t,e,n):e.call(n,t)},t.mapVisual=function(e,n,i){var r,o=U(e)?[]:q(e)?{}:(r=!0,null);return t.eachVisual(e,(function(t,e){var a=n.call(i,t,e);r?o=a:o[e]=a})),o},t.retrieveVisuals=function(e){var n,i={};return e&&lL(t.visualHandlers,(function(t,r){e.hasOwnProperty(r)&&(i[r]=e[r],n=!0)})),n?i:null},t.prepareVisualTypes=function(t){if(U(t))t=t.slice();else{if(!uL(t))return[];var e=[];lL(t,(function(t,n){e.push(n)})),t=e}return t.sort((function(t,e){return"color"===e&&"color"!==t&&0===t.indexOf("color")?1:-1})),t},t.dependsOn=function(t,e){return"color"===e?!(!t||0!==t.indexOf(e)):t===e},t.findPieceIndex=function(t,e,n){for(var i,r=1/0,o=0,a=e.length;o<a;o++){var s=e[o].value;if(null!=s){if(s===t||X(s)&&s===t+"")return o;n&&h(s,o)}}for(o=0,a=e.length;o<a;o++){var l=e[o],u=l.interval,c=l.close;if(u){if(u[0]===-1/0){if(wL(c[1],t,u[1]))return o}else if(u[1]===1/0){if(wL(c[0],u[0],t))return o}else if(wL(c[0],u[0],t)&&wL(c[1],t,u[1]))return o;n&&h(u[0],o),n&&h(u[1],o)}}if(n)return t===1/0?e.length-1:t===-1/0?0:i;function h(e,n){var o=Math.abs(e-t);o<r&&(r=o,i=n)}},t.visualHandlers={color:{applyVisual:gL("color"),getColorMapper:function(){var t=this.option;return W("category"===t.mappingMethod?function(t,e){return!e&&(t=this._normalizeData(t)),yL.call(this,t)}:function(e,n,i){var r=!!i;return!n&&(e=this._normalizeData(e)),i=li(e,t.parsedVisual,i),r?i:fi(i,"rgba")},this)},_normalizedToVisual:{linear:function(t){return fi(li(t,this.option.parsedVisual),"rgba")},category:yL,piecewise:function(t,e){var n=xL.call(this,e);return null==n&&(n=fi(li(t,this.option.parsedVisual),"rgba")),n},fixed:vL}},colorHue:pL((function(t,e){return di(t,e)})),colorSaturation:pL((function(t,e){return di(t,null,e)})),colorLightness:pL((function(t,e){return di(t,null,null,e)})),colorAlpha:pL((function(t,e){return pi(t,e)})),decal:{applyVisual:gL("decal"),_normalizedToVisual:{linear:null,category:yL,piecewise:null,fixed:null}},opacity:{applyVisual:gL("opacity"),_normalizedToVisual:mL([0,1])},liftZ:{applyVisual:gL("liftZ"),_normalizedToVisual:{linear:vL,category:vL,piecewise:vL,fixed:vL}},symbol:{applyVisual:function(t,e,n){n("symbol",this.mapValueToVisual(t))},_normalizedToVisual:{linear:fL,category:yL,piecewise:function(t,e){var n=xL.call(this,e);return null==n&&(n=fL.call(this,t)),n},fixed:vL}},symbolSize:{applyVisual:gL("symbolSize"),_normalizedToVisual:mL([0,1])}},t}();function dL(t,e){var n=t.visual,i=[];q(n)?lL(n,(function(t){i.push(t)})):null!=n&&i.push(n);e||1!==i.length||{color:1,symbol:1}.hasOwnProperty(t.type)||(i[1]=i[0]),_L(t,i)}function pL(t){return{applyVisual:function(e,n,i){var r=this.mapValueToVisual(e);i("color",t(n("color"),r))},_normalizedToVisual:mL([0,1])}}function fL(t){var e=this.option.visual;return e[Math.round(go(t,[0,1],[0,e.length-1],!0))]||{}}function gL(t){return function(e,n,i){i(t,this.mapValueToVisual(e))}}function yL(t){var e=this.option.visual;return e[this.option.loop&&t!==cL?t%e.length:t]}function vL(){return this.option.visual[0]}function mL(t){return{linear:function(e){return go(e,t,this.option.visual,!0)},category:yL,piecewise:function(e,n){var i=xL.call(this,n);return null==i&&(i=go(e,t,this.option.visual,!0)),i},fixed:vL}}function xL(t){var e=this.option,n=e.pieceList;if(e.hasSpecialVisual){var i=n[hL.findPieceIndex(t,n)];if(i&&i.visual)return i.visual[this.type]}}function _L(t,e){return t.visual=e,"color"===t.type&&(t.parsedVisual=E(e,(function(t){var e=oi(t);return e||[0,0,0,1]}))),e}var bL={linear:function(t){return go(t,this.option.dataExtent,[0,1],!0)},piecewise:function(t){var e=this.option.pieceList,n=hL.findPieceIndex(t,e,!0);if(null!=n)return go(n,[0,e.length-1],[0,1],!0)},category:function(t){var e=this.option.categories?this.option.categoryMap[t]:t;return null==e?cL:e},fixed:bt};function wL(t,e,n){return t?e<=n:e<n}var SL=sa(),ML={seriesType:"treemap",reset:function(t){var e=t.getData().tree.root;e.isRemoved()||IL(e,{},t.getViewRoot().getAncestors(),t)}};function IL(t,e,n,i){var r=t.getModel(),o=t.getLayout(),a=t.hostTree.data;if(o&&!o.invisible&&o.isInView){var s,l=r.getModel("itemStyle"),u=function(t,e,n){var i=A({},e),r=n.designatedVisualItemStyle;return z(["color","colorAlpha","colorSaturation"],(function(n){r[n]=e[n];var o=t.get(n);r[n]=null,null!=o&&(i[n]=o)})),i}(l,e,i),c=a.ensureUniqueItemVisual(t.dataIndex,"style"),h=l.get("borderColor"),d=l.get("borderColorSaturation");null!=d&&(h=function(t,e){return null!=e?di(e,null,null,t):null}(d,s=TL(u))),c.stroke=h;var p=t.viewChildren;if(p&&p.length){var f=function(t,e,n,i,r,o){if(!o||!o.length)return;var a=DL(e,"color")||null!=r.color&&"none"!==r.color&&(DL(e,"colorAlpha")||DL(e,"colorSaturation"));if(!a)return;var s=e.get("visualMin"),l=e.get("visualMax"),u=n.dataExtent.slice();null!=s&&s<u[0]&&(u[0]=s),null!=l&&l>u[1]&&(u[1]=l);var c=e.get("colorMappingBy"),h={type:a.name,dataExtent:u,visual:a.range};"color"!==h.type||"index"!==c&&"id"!==c?h.mappingMethod="linear":(h.mappingMethod="category",h.loop=!0);var d=new hL(h);return SL(d).drColorMappingBy=c,d}(0,r,o,0,u,p);z(p,(function(t,e){if(t.depth>=n.length||t===n[t.depth]){var o=function(t,e,n,i,r,o){var a=A({},e);if(r){var s=r.type,l="color"===s&&SL(r).drColorMappingBy,u="index"===l?i:"id"===l?o.mapIdToIndex(n.getId()):n.getValue(t.get("visualDimension"));a[s]=r.mapValueToVisual(u)}return a}(r,u,t,e,f,i);IL(t,o,n,i)}}))}else s=TL(u),c.fill=s}}function TL(t){var e=CL(t,"color");if(e){var n=CL(t,"colorAlpha"),i=CL(t,"colorSaturation");return i&&(e=di(e,null,null,i)),n&&(e=pi(e,n)),e}}function CL(t,e){var n=t[e];if(null!=n&&"none"!==n)return n}function DL(t,e){var n=t.get(e);return U(n)&&n.length?{name:e,range:n}:null}var AL=Math.max,kL=Math.min,LL=it,PL=z,OL=["itemStyle","borderWidth"],RL=["itemStyle","gapWidth"],NL=["upperLabel","show"],zL=["upperLabel","height"],EL={seriesType:"treemap",reset:function(t,e,n,i){var r=t.option,o=Xp(t,n).refContainer,a=Hp(t.getBoxLayoutParams(),o),s=r.size||[],l=yo(LL(a.width,s[0]),o.width),u=yo(LL(a.height,s[1]),o.height),c=i&&i.type,h=Bk(i,["treemapZoomToNode","treemapRootToNode"],t),d="treemapRender"===c||"treemapMove"===c?i.rootRect:null,p=t.getViewRoot(),f=Vk(p);if("treemapMove"!==c){var g="treemapZoomToNode"===c?function(t,e,n,i,r){var o,a=(e||{}).node,s=[i,r];if(!a||a===n)return s;var l=i*r,u=l*t.option.zoomToNodeRatio;for(;o=a.parentNode;){for(var c=0,h=o.children,d=0,p=h.length;d<p;d++)c+=h[d].getValue();var f=a.getValue();if(0===f)return s;u*=c/f;var g=o.getModel(),y=g.get(OL);(u+=4*y*y+(3*y+Math.max(y,WL(g)))*Math.pow(u,.5))>Io&&(u=Io),a=o}u<l&&(u=l);var v=Math.pow(u/l,.5);return[i*v,r*v]}(t,h,p,l,u):d?[d.width,d.height]:[l,u],y=r.sort;y&&"asc"!==y&&"desc"!==y&&(y="desc");var v={squareRatio:r.squareRatio,sort:y,leafDepth:r.leafDepth};p.hostTree.clearLayouts();var m={x:0,y:0,width:g[0],height:g[1],area:g[0]*g[1]};p.setLayout(m),BL(p,v,!1,0),m=p.getLayout(),PL(f,(function(t,e){var n=(f[e+1]||p).getValue();t.setLayout(A({dataExtent:[n,n],borderWidth:0,upperHeight:0},m))}))}var x=t.getData().tree.root;x.setLayout(function(t,e,n){if(e)return{x:e.x,y:e.y};var i={x:0,y:0};if(!n)return i;var r=n.node,o=r.getLayout();if(!o)return i;var a=[o.width/2,o.height/2],s=r;for(;s;){var l=s.getLayout();a[0]+=l.x,a[1]+=l.y,s=s.parentNode}return{x:t.width/2-a[0],y:t.height/2-a[1]}}(a,d,h),!0),t.setLayoutInfo(a),FL(x,new He(-a.x,-a.y,n.getWidth(),n.getHeight()),f,p,0)}};function BL(t,e,n,i){var r,o;if(!t.isRemoved()){var a=t.getLayout();r=a.width,o=a.height;var s=t.getModel(),l=s.get(OL),u=s.get(RL)/2,c=WL(s),h=Math.max(l,c),d=l-u,p=h-u;t.setLayout({borderWidth:l,upperHeight:h,upperLabelHeight:c},!0);var f=(r=AL(r-2*d,0))*(o=AL(o-d-p,0)),g=function(t,e,n,i,r,o){var a=t.children||[],s=i.sort;"asc"!==s&&"desc"!==s&&(s=null);var l=null!=i.leafDepth&&i.leafDepth<=o;if(r&&!l)return t.viewChildren=[];a=V(a,(function(t){return!t.isRemoved()})),function(t,e){e&&t.sort((function(t,n){var i="asc"===e?t.getValue()-n.getValue():n.getValue()-t.getValue();return 0===i?"asc"===e?t.dataIndex-n.dataIndex:n.dataIndex-t.dataIndex:i}))}(a,s);var u=function(t,e,n){for(var i=0,r=0,o=e.length;r<o;r++)i+=e[r].getValue();var a,s=t.get("visualDimension");e&&e.length?"value"===s&&n?(a=[e[e.length-1].getValue(),e[0].getValue()],"asc"===n&&a.reverse()):(a=[1/0,-1/0],PL(e,(function(t){var e=t.getValue(s);e<a[0]&&(a[0]=e),e>a[1]&&(a[1]=e)}))):a=[NaN,NaN];return{sum:i,dataExtent:a}}(e,a,s);if(0===u.sum)return t.viewChildren=[];if(u.sum=function(t,e,n,i,r){if(!i)return n;for(var o=t.get("visibleMin"),a=r.length,s=a,l=a-1;l>=0;l--){var u=r["asc"===i?a-l-1:l].getValue();u/n*e<o&&(s=l,n-=u)}return"asc"===i?r.splice(0,a-s):r.splice(s,a-s),n}(e,n,u.sum,s,a),0===u.sum)return t.viewChildren=[];for(var c=0,h=a.length;c<h;c++){var d=a[c].getValue()/u.sum*n;a[c].setLayout({area:d})}l&&(a.length&&t.setLayout({isLeafRoot:!0},!0),a.length=0);return t.viewChildren=a,t.setLayout({dataExtent:u.dataExtent},!0),a}(t,s,f,e,n,i);if(g.length){var y={x:d,y:p,width:r,height:o},v=kL(r,o),m=1/0,x=[];x.area=0;for(var _=0,b=g.length;_<b;){var w=g[_];x.push(w),x.area+=w.getLayout().area;var S=VL(x,v,e.squareRatio);S<=m?(_++,m=S):(x.area-=x.pop().getLayout().area,GL(x,v,y,u,!1),v=kL(y.width,y.height),x.length=x.area=0,m=1/0)}if(x.length&&GL(x,v,y,u,!0),!n){var M=s.get("childrenVisibleMin");null!=M&&f<M&&(n=!0)}for(_=0,b=g.length;_<b;_++)BL(g[_],e,n,i+1)}}}function VL(t,e,n){for(var i=0,r=1/0,o=0,a=void 0,s=t.length;o<s;o++)(a=t[o].getLayout().area)&&(a<r&&(r=a),a>i&&(i=a));var l=t.area*t.area,u=e*e*n;return l?AL(u*i/l,l/(u*r)):1/0}function GL(t,e,n,i,r){var o=e===n.width?0:1,a=1-o,s=["x","y"],l=["width","height"],u=n[s[o]],c=e?t.area/e:0;(r||c>n[l[a]])&&(c=n[l[a]]);for(var h=0,d=t.length;h<d;h++){var p=t[h],f={},g=c?p.getLayout().area/c:0,y=f[l[a]]=AL(c-2*i,0),v=n[s[o]]+n[l[o]]-u,m=h===d-1||v<g?v:g,x=f[l[o]]=AL(m-2*i,0);f[s[a]]=n[s[a]]+kL(i,y/2),f[s[o]]=u+kL(i,x/2),u+=m,p.setLayout(f,!0)}n[s[a]]+=c,n[l[a]]-=c}function FL(t,e,n,i,r){var o=t.getLayout(),a=n[r],s=a&&a===t;if(!(a&&!s||r===n.length&&t!==i)){t.setLayout({isInView:!0,invisible:!s&&!e.intersect(o),isAboveViewRoot:s},!0);var l=new He(e.x-o.x,e.y-o.y,e.width,e.height);PL(t.viewChildren||[],(function(t){FL(t,l,n,i,r+1)}))}}function WL(t){return t.get(NL)?t.get(zL):0}function HL(t){var e=t.findComponents({mainType:"legend"});e&&e.length&&t.eachSeriesByType("graph",(function(t){var n=t.getCategoriesData(),i=t.getGraph().data,r=n.mapArray(n.getName);i.filterSelf((function(t){var n=i.getItemModel(t).getShallow("category");if(null!=n){j(n)&&(n=r[n]);for(var o=0;o<e.length;o++)if(!e[o].isSelected(n))return!1}return!0}))}))}function UL(t){var e={};t.eachSeriesByType("graph",(function(t){var n=t.getCategoriesData(),i=t.getData(),r={};n.each((function(i){var o=n.getName(i);r["ec-"+o]=i;var a=n.getItemModel(i),s=a.getModel("itemStyle").getItemStyle();s.fill||(s.fill=t.getColorFromPalette(o,e)),n.setItemVisual(i,"style",s);for(var l=["symbol","symbolSize","symbolKeepAspect"],u=0;u<l.length;u++){var c=a.getShallow(l[u],!0);null!=c&&n.setItemVisual(i,l[u],c)}})),n.count()&&i.each((function(t){var e=i.getItemModel(t).getShallow("category");if(null!=e){X(e)&&(e=r["ec-"+e]);var o=n.getItemVisual(e,"style");A(i.ensureUniqueItemVisual(t,"style"),o);for(var a=["symbol","symbolSize","symbolKeepAspect"],s=0;s<a.length;s++)i.setItemVisual(t,a[s],n.getItemVisual(e,a[s]))}}))}))}function YL(t){return t instanceof Array||(t=[t,t]),t}function XL(t){t.eachSeriesByType("graph",(function(t){var e=t.getGraph(),n=t.getEdgeData(),i=YL(t.get("edgeSymbol")),r=YL(t.get("edgeSymbolSize"));n.setVisual("fromSymbol",i&&i[0]),n.setVisual("toSymbol",i&&i[1]),n.setVisual("fromSymbolSize",r&&r[0]),n.setVisual("toSymbolSize",r&&r[1]),n.setVisual("style",t.getModel("lineStyle").getLineStyle()),n.each((function(t){var i=n.getItemModel(t),r=e.getEdgeByIndex(t),o=YL(i.getShallow("symbol",!0)),a=YL(i.getShallow("symbolSize",!0)),s=i.getModel("lineStyle").getLineStyle(),l=n.ensureUniqueItemVisual(t,"style");switch(A(l,s),l.stroke){case"source":var u=r.node1.getVisual("style");l.stroke=u&&u.fill;break;case"target":u=r.node2.getVisual("style");l.stroke=u&&u.fill}o[0]&&r.setVisual("fromSymbol",o[0]),o[1]&&r.setVisual("toSymbol",o[1]),a[0]&&r.setVisual("fromSymbolSize",a[0]),a[1]&&r.setVisual("toSymbolSize",a[1])}))}))}var ZL="--\x3e",jL=function(t){return t.get("autoCurveness")||null},qL=function(t,e){var n=jL(t),i=20,r=[];if(j(n))i=n;else if(U(n))return void(t.__curvenessList=n);e>i&&(i=e);var o=i%2?i+2:i+3;r=[];for(var a=0;a<o;a++)r.push((a%2?a+1:a)/10*(a%2?-1:1));t.__curvenessList=r},KL=function(t,e,n){var i=[t.id,t.dataIndex].join("."),r=[e.id,e.dataIndex].join(".");return[n.uid,i,r].join(ZL)},$L=function(t){var e=t.split(ZL);return[e[0],e[2],e[1]].join(ZL)},JL=function(t,e){var n=e.__edgeMap;return n[t]?n[t].length:0};function QL(t,e,n,i){var r=jL(e),o=U(r);if(!r)return null;var a=function(t,e){var n=KL(t.node1,t.node2,e);return e.__edgeMap[n]}(t,e);if(!a)return null;for(var s=-1,l=0;l<a.length;l++)if(a[l]===n){s=l;break}var u=function(t,e){return JL(KL(t.node1,t.node2,e),e)+JL(KL(t.node2,t.node1,e),e)}(t,e);qL(e,u),t.lineStyle=t.lineStyle||{};var c=KL(t.node1,t.node2,e),h=e.__curvenessList,d=o||u%2?0:1;if(a.isForward)return h[d+s];var p=$L(c),f=JL(p,e),g=h[s+f+d];return i?o?r&&0===r[0]?(f+d)%2?g:-g:((f%2?0:1)+d)%2?g:-g:(f+d)%2?g:-g:h[s+f+d]}function tP(t){var e=t.coordinateSystem;if(!e||"view"===e.type){var n=t.getGraph();n.eachNode((function(t){var e=t.getModel();t.setLayout([+e.get("x"),+e.get("y")])})),eP(n,t)}}function eP(t,e){t.eachEdge((function(t,n){var i=ot(t.getModel().get(["lineStyle","curveness"]),-QL(t,e,n,!0),0),r=Ct(t.node1.getLayout()),o=Ct(t.node2.getLayout()),a=[r,o];+i&&a.push([(r[0]+o[0])/2-(r[1]-o[1])*i,(r[1]+o[1])/2-(o[0]-r[0])*i]),t.setLayout(a)}))}function nP(t,e){t.eachSeriesByType("graph",(function(t){var e=t.get("layout"),n=t.coordinateSystem;if(n&&"view"!==n.type){var i=t.getData(),r=[];z(n.dimensions,(function(t){r=r.concat(i.mapDimensionsAll(t))}));for(var o=0;o<i.count();o++){for(var a=[],s=!1,l=0;l<r.length;l++){var u=i.get(r[l],o);isNaN(u)||(s=!0),a.push(u)}s?i.setItemLayout(o,n.dataToPoint(a)):i.setItemLayout(o,[NaN,NaN])}eP(i.graph,t)}else e&&"none"!==e||tP(t)}))}function iP(t){var e=t.coordinateSystem;if("view"!==e.type)return 1;var n=t.option.nodeScaleRatio,i=e.scaleX;return((e.getZoom()-1)*n+1)/i}function rP(t){var e=t.getVisual("symbolSize");return e instanceof Array&&(e=(e[0]+e[1])/2),+e}var oP=Math.PI,aP=[];function sP(t,e,n,i){var r=t.coordinateSystem;if(!r||"view"===r.type){var o=r.getBoundingRect(),a=t.getData(),s=a.graph,l=o.width/2+o.x,u=o.height/2+o.y,c=Math.min(o.width,o.height)/2,h=a.count();if(a.setLayout({cx:l,cy:u}),h){if(n){var d=r.pointToData(i),p=d[0],f=d[1],g=[p-l,f-u];Et(g,g),zt(g,g,c),n.setLayout([l+g[0],u+g[1]],!0),uP(n,t.get(["circular","rotateLabel"]),l,u)}lP[e](t,s,a,c,l,u,h),s.eachEdge((function(e,n){var i,r=ot(e.getModel().get(["lineStyle","curveness"]),QL(e,t,n),0),o=Ct(e.node1.getLayout()),a=Ct(e.node2.getLayout()),s=(o[0]+a[0])/2,c=(o[1]+a[1])/2;+r&&(i=[l*(r*=3)+s*(1-r),u*r+c*(1-r)]),e.setLayout([o,a,i])}))}}}var lP={value:function(t,e,n,i,r,o,a){var s=0,l=n.getSum("value"),u=2*Math.PI/(l||a);e.eachNode((function(t){var e=t.getValue("value"),n=u*(l?e:1)/2;s+=n,t.setLayout([i*Math.cos(s)+r,i*Math.sin(s)+o]),s+=n}))},symbolSize:function(t,e,n,i,r,o,a){var s=0;aP.length=a;var l=iP(t);e.eachNode((function(t){var e=rP(t);isNaN(e)&&(e=2),e<0&&(e=0),e*=l;var n=Math.asin(e/2/i);isNaN(n)&&(n=oP/2),aP[t.dataIndex]=n,s+=2*n}));var u=(2*oP-s)/a/2,c=0;e.eachNode((function(t){var e=u+aP[t.dataIndex];c+=e,(!t.getLayout()||!t.getLayout().fixed)&&t.setLayout([i*Math.cos(c)+r,i*Math.sin(c)+o]),c+=e}))}};function uP(t,e,n,i){var r=t.getGraphicEl();if(r){var o=t.getModel().get(["label","rotate"])||0,a=r.getSymbolPath();if(e){var s=t.getLayout(),l=Math.atan2(s[1]-i,s[0]-n);l<0&&(l=2*Math.PI+l);var u=s[0]<n;u&&(l-=Math.PI);var c=u?"left":"right";a.setTextConfig({rotation:-l,position:c,origin:"center"});var h=a.ensureState("emphasis");A(h.textConfig||(h.textConfig={}),{position:c})}else a.setTextConfig({rotation:o*=Math.PI/180})}}function cP(t){t.eachSeriesByType("graph",(function(t){"circular"===t.get("layout")&&sP(t,"symbolSize")}))}var hP=kt;function dP(t){t.eachSeriesByType("graph",(function(t){var e=t.coordinateSystem;if(!e||"view"===e.type)if("force"===t.get("layout")){var n=t.preservedPoints||{},i=t.getGraph(),r=i.data,o=i.edgeData,a=t.getModel("force"),s=a.get("initLayout");t.preservedPoints?r.each((function(t){var e=r.getId(t);r.setItemLayout(t,n[e]||[NaN,NaN])})):s&&"none"!==s?"circular"===s&&sP(t,"value"):tP(t);var l=r.getDataExtent("value"),u=o.getDataExtent("value"),c=a.get("repulsion"),h=a.get("edgeLength"),d=U(c)?c:[c,c],p=U(h)?h:[h,h];p=[p[1],p[0]];var f=r.mapArray("value",(function(t,e){var n=r.getItemLayout(e),i=go(t,l,d);return isNaN(i)&&(i=(d[0]+d[1])/2),{w:i,rep:i,fixed:r.getItemModel(e).get("fixed"),p:!n||isNaN(n[0])||isNaN(n[1])?null:n}})),g=o.mapArray("value",(function(e,n){var r=i.getEdgeByIndex(n),o=go(e,u,p);isNaN(o)&&(o=(p[0]+p[1])/2);var a=r.getModel(),s=ot(r.getModel().get(["lineStyle","curveness"]),-QL(r,t,n,!0),0);return{n1:f[r.node1.dataIndex],n2:f[r.node2.dataIndex],d:o,curveness:s,ignoreForceLayout:a.get("ignoreForceLayout")}})),y=e.getBoundingRect(),v=function(t,e,n){for(var i=t,r=e,o=n.rect,a=o.width,s=o.height,l=[o.x+a/2,o.y+s/2],u=null==n.gravity?.1:n.gravity,c=0;c<i.length;c++){var h=i[c];h.p||(h.p=It(a*(Math.random()-.5)+l[0],s*(Math.random()-.5)+l[1])),h.pp=Ct(h.p),h.edges=null}var d,p,f=null==n.friction?.6:n.friction,g=f;return{warmUp:function(){g=.8*f},setFixed:function(t){i[t].fixed=!0},setUnfixed:function(t){i[t].fixed=!1},beforeStep:function(t){d=t},afterStep:function(t){p=t},step:function(t){d&&d(i,r);for(var e=[],n=i.length,o=0;o<r.length;o++){var a=r[o];if(!a.ignoreForceLayout){var s=a.n1;Lt(e,(y=a.n2).p,s.p);var c=Pt(e)-a.d,h=y.w/(s.w+y.w);isNaN(h)&&(h=0),Et(e,e),!s.fixed&&hP(s.p,s.p,e,h*c*g),!y.fixed&&hP(y.p,y.p,e,-(1-h)*c*g)}}for(o=0;o<n;o++)(x=i[o]).fixed||(Lt(e,l,x.p),hP(x.p,x.p,e,u*g));for(o=0;o<n;o++){s=i[o];for(var f=o+1;f<n;f++){var y;Lt(e,(y=i[f]).p,s.p),0===(c=Pt(e))&&(Dt(e,Math.random()-.5,Math.random()-.5),c=1);var v=(s.rep+y.rep)/c/c;!s.fixed&&hP(s.pp,s.pp,e,v),!y.fixed&&hP(y.pp,y.pp,e,-v)}}var m=[];for(o=0;o<n;o++){var x;(x=i[o]).fixed||(Lt(m,x.p,x.pp),hP(x.p,x.p,m,g),Tt(x.pp,x.p))}var _=(g*=.992)<.01;p&&p(i,r,_),t&&t(_)}}}(f,g,{rect:y,gravity:a.get("gravity"),friction:a.get("friction")});v.beforeStep((function(t,e){for(var n=0,r=t.length;n<r;n++)t[n].fixed&&Tt(t[n].p,i.getNodeByIndex(n).getLayout())})),v.afterStep((function(t,e,o){for(var a=0,s=t.length;a<s;a++)t[a].fixed||i.getNodeByIndex(a).setLayout(t[a].p),n[r.getId(a)]=t[a].p;for(a=0,s=e.length;a<s;a++){var l=e[a],u=i.getEdgeByIndex(a),c=l.n1.p,h=l.n2.p,d=u.getLayout();(d=d?d.slice():[])[0]=d[0]||[],d[1]=d[1]||[],Tt(d[0],c),Tt(d[1],h),+l.curveness&&(d[2]=[(c[0]+h[0])/2-(c[1]-h[1])*l.curveness,(c[1]+h[1])/2-(h[0]-c[0])*l.curveness]),u.setLayout(d)}})),t.forceLayout=v,t.preservedPoints=n,v.step()}else t.forceLayout=null}))}function pP(t,e){var n=[];return t.eachSeriesByType("graph",(function(i){Rp({targetModel:i,coordSysType:"view",coordSysProvider:function(){var r=i.getData(),o=r.mapArray((function(t){var e=r.getItemModel(t);return[+e.get("x"),+e.get("y")]})),a=[],s=[];ys(o,a,s),s[0]-a[0]==0&&(s[0]+=1,a[0]-=1);s[1]-a[1]==0&&(s[1]+=1,a[1]-=1);var l=(s[0]-a[0])/(s[1]-a[1]),u=function(t,e,n){var i=Xp(t,e),r=A(t.getBoxLayoutParams(),{aspect:n});return Up(t,Hp(r,i.refContainer),n)}(i,e,l);isNaN(l)&&(a=[u.x,u.y],s=[u.x+u.width,u.y+u.height]);var c=s[0]-a[0],h=s[1]-a[1],d=new KA(null,{api:e,ecModel:t});return d.zoomLimit=i.get("scaleLimit"),d.setBoundingRect(a[0],a[1],c,h),d.setViewRect(u.x,u.y,u.width,u.height),d.setCenter(i.get("center")),d.setZoom(i.get("zoom")),n.push(d),d},isDefaultDataCoordSys:!0})})),n}var fP=Ac.prototype,gP=Oc.prototype,yP=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.percent=1};!function(t){function e(){return null!==t&&t.apply(this,arguments)||this}n(e,t)}(yP);function vP(t){return isNaN(+t.cpx1)||isNaN(+t.cpy1)}var mP=function(t){function e(e){var n=t.call(this,e)||this;return n.type="ec-line",n}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:tf.color.neutral99,fill:null}},e.prototype.getDefaultShape=function(){return new yP},e.prototype.buildPath=function(t,e){vP(e)?fP.buildPath.call(this,t,e):gP.buildPath.call(this,t,e)},e.prototype.pointAt=function(t){return vP(this.shape)?fP.pointAt.call(this,t):gP.pointAt.call(this,t)},e.prototype.tangentAt=function(t){var e=this.shape,n=vP(e)?[e.x2-e.x1,e.y2-e.y1]:gP.tangentAt.call(this,t);return Et(n,n)},e}(sl),xP=["fromSymbol","toSymbol"];function _P(t){return"_"+t+"Type"}function bP(t,e,n){var i=e.getItemVisual(n,t);if(!i||"none"===i)return i;var r=e.getItemVisual(n,t+"Size"),o=e.getItemVisual(n,t+"Rotate"),a=e.getItemVisual(n,t+"Offset"),s=e.getItemVisual(n,t+"KeepAspect"),l=dm(r);return i+l+pm(a||0,l)+(o||"")+(s||"")}function wP(t,e,n){var i=e.getItemVisual(n,t);if(i&&"none"!==i){var r=e.getItemVisual(n,t+"Size"),o=e.getItemVisual(n,t+"Rotate"),a=e.getItemVisual(n,t+"Offset"),s=e.getItemVisual(n,t+"KeepAspect"),l=dm(r),u=pm(a||0,l),c=hm(i,-l[0]/2+u[0],-l[1]/2+u[1],l[0],l[1],null,s);return c.__specifiedRotation=null==o||isNaN(o)?void 0:+o*Math.PI/180||0,c.name=t,c}}function SP(t,e){t.x1=e[0][0],t.y1=e[0][1],t.x2=e[1][0],t.y2=e[1][1],t.percent=1;var n=e[2];n?(t.cpx1=n[0],t.cpy1=n[1]):(t.cpx1=NaN,t.cpy1=NaN)}var MP=function(t){function e(e,n,i){var r=t.call(this)||this;return r._createLine(e,n,i),r}return n(e,t),e.prototype._createLine=function(t,e,n){var i=t.hostModel,r=t.getItemLayout(e),o=t.getItemVisual(e,"z2"),a=function(t){var e=new mP({name:"line",subPixelOptimize:!0});return SP(e.shape,t),e}(r);a.shape.percent=0,eh(a,{z2:rt(o,0),shape:{percent:1}},i,e),this.add(a),z(xP,(function(n){var i=wP(n,t,e);this.add(i),this[_P(n)]=bP(n,t,e)}),this),this._updateCommonStl(t,e,n)},e.prototype.updateData=function(t,e,n){var i=t.hostModel,r=this.childOfName("line"),o=t.getItemLayout(e),a={shape:{}};SP(a.shape,o),th(r,a,i,e),z(xP,(function(n){var i=bP(n,t,e),r=_P(n);if(this[r]!==i){this.remove(this.childOfName(n));var o=wP(n,t,e);this.add(o)}this[r]=i}),this),this._updateCommonStl(t,e,n)},e.prototype.getLinePath=function(){return this.childAt(0)},e.prototype._updateCommonStl=function(t,e,n){var i=t.hostModel,r=this.childOfName("line"),o=n&&n.emphasisLineStyle,a=n&&n.blurLineStyle,s=n&&n.selectLineStyle,l=n&&n.labelStatesModels,u=n&&n.emphasisDisabled,c=n&&n.focus,h=n&&n.blurScope;if(!n||t.hasItemOption){var d=t.getItemModel(e),p=d.getModel("emphasis");o=p.getModel("lineStyle").getLineStyle(),a=d.getModel(["blur","lineStyle"]).getLineStyle(),s=d.getModel(["select","lineStyle"]).getLineStyle(),u=p.get("disabled"),c=p.get("focus"),h=p.get("blurScope"),l=Jh(d)}var f=t.getItemVisual(e,"style"),g=f.stroke;r.useStyle(f),r.style.fill=null,r.style.strokeNoScale=!0,r.ensureState("emphasis").style=o,r.ensureState("blur").style=a,r.ensureState("select").style=s,z(xP,(function(t){var e=this.childOfName(t);if(e){e.setColor(g),e.style.opacity=f.opacity;for(var n=0;n<Wl.length;n++){var i=Wl[n],o=r.getState(i);if(o){var a=o.style||{},s=e.ensureState(i),l=s.style||(s.style={});null!=a.stroke&&(l[e.__isEmptyBrush?"stroke":"fill"]=a.stroke),null!=a.opacity&&(l.opacity=a.opacity)}}e.markRedraw()}}),this);var y=i.getRawValue(e);$h(this,l,{labelDataIndex:e,labelFetcher:{getFormattedLabel:function(e,n){return i.getFormattedLabel(e,n,t.dataType)}},inheritColor:g||tf.color.neutral99,defaultOpacity:f.opacity,defaultText:(null==y?t.getName(e):isFinite(y)?mo(y):y)+""});var v=this.getTextContent();if(v){var m=l.normal;v.__align=v.style.align,v.__verticalAlign=v.style.verticalAlign,v.__position=m.get("position")||"middle";var x=m.get("distance");U(x)||(x=[x,x]),v.__labelDistance=x}this.setTextConfig({position:null,local:!0,inside:!1}),Tu(this,c,h,u)},e.prototype.highlight=function(){du(this)},e.prototype.downplay=function(){pu(this)},e.prototype.updateLayout=function(t,e){this.setLinePoints(t.getItemLayout(e))},e.prototype.setLinePoints=function(t){var e=this.childOfName("line");SP(e.shape,t),e.dirty()},e.prototype.beforeUpdate=function(){var t=this,e=t.childOfName("fromSymbol"),n=t.childOfName("toSymbol"),i=t.getTextContent();if(e||n||i&&!i.ignore){for(var r=1,o=this.parent;o;)o.scaleX&&(r/=o.scaleX),o=o.parent;var a=t.childOfName("line");if(this.__dirty||a.__dirty){var s=a.shape.percent,l=a.pointAt(0),u=a.pointAt(s),c=Lt([],u,l);if(Et(c,c),e&&(e.setPosition(l),S(e,0),e.scaleX=e.scaleY=r*s,e.markRedraw()),n&&(n.setPosition(u),S(n,1),n.scaleX=n.scaleY=r*s,n.markRedraw()),i&&!i.ignore){i.x=i.y=0,i.originX=i.originY=0;var h=void 0,d=void 0,p=i.__labelDistance,f=p[0]*r,g=p[1]*r,y=s/2,v=a.tangentAt(y),m=[v[1],-v[0]],x=a.pointAt(y);m[1]>0&&(m[0]=-m[0],m[1]=-m[1]);var _=v[0]<0?-1:1;if("start"!==i.__position&&"end"!==i.__position){var b=-Math.atan2(v[1],v[0]);u[0]<l[0]&&(b=Math.PI+b),i.rotation=b}var w=void 0;switch(i.__position){case"insideStartTop":case"insideMiddleTop":case"insideEndTop":case"middle":w=-g,d="bottom";break;case"insideStartBottom":case"insideMiddleBottom":case"insideEndBottom":w=g,d="top";break;default:w=0,d="middle"}switch(i.__position){case"end":i.x=c[0]*f+u[0],i.y=c[1]*g+u[1],h=c[0]>.8?"left":c[0]<-.8?"right":"center",d=c[1]>.8?"top":c[1]<-.8?"bottom":"middle";break;case"start":i.x=-c[0]*f+l[0],i.y=-c[1]*g+l[1],h=c[0]>.8?"right":c[0]<-.8?"left":"center",d=c[1]>.8?"bottom":c[1]<-.8?"top":"middle";break;case"insideStartTop":case"insideStart":case"insideStartBottom":i.x=f*_+l[0],i.y=l[1]+w,h=v[0]<0?"right":"left",i.originX=-f*_,i.originY=-w;break;case"insideMiddleTop":case"insideMiddle":case"insideMiddleBottom":case"middle":i.x=x[0],i.y=x[1]+w,h="center",i.originY=-w;break;case"insideEndTop":case"insideEnd":case"insideEndBottom":i.x=-f*_+u[0],i.y=u[1]+w,h=v[0]>=0?"right":"left",i.originX=f*_,i.originY=-w}i.scaleX=i.scaleY=r,i.setStyle({verticalAlign:i.__verticalAlign||d,align:i.__align||h})}}}function S(t,e){var n=t.__specifiedRotation;if(null==n){var i=a.tangentAt(e);t.attr("rotation",(1===e?-1:1)*Math.PI/2-Math.atan2(i[1],i[0]))}else t.attr("rotation",n)}},e}(to),IP=function(){function t(t){this.group=new to,this._LineCtor=t||MP}return t.prototype.updateData=function(t){var e=this;this._progressiveEls=null;var n=this,i=n.group,r=n._lineData;n._lineData=t,r||i.removeAll();var o=TP(t);t.diff(r).add((function(n){e._doAdd(t,n,o)})).update((function(n,i){e._doUpdate(r,t,i,n,o)})).remove((function(t){i.remove(r.getItemGraphicEl(t))})).execute()},t.prototype.updateLayout=function(){var t=this._lineData;t&&t.eachItemGraphicEl((function(e,n){e.updateLayout(t,n)}),this)},t.prototype.incrementalPrepareUpdate=function(t){this._seriesScope=TP(t),this._lineData=null,this.group.removeAll()},t.prototype.incrementalUpdate=function(t,e){function n(t){t.isGroup||function(t){return t.animators&&t.animators.length>0}(t)||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}this._progressiveEls=[];for(var i=t.start;i<t.end;i++){if(DP(e.getItemLayout(i))){var r=new this._LineCtor(e,i,this._seriesScope);r.traverse(n),this.group.add(r),e.setItemGraphicEl(i,r),this._progressiveEls.push(r)}}},t.prototype.remove=function(){this.group.removeAll()},t.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},t.prototype._doAdd=function(t,e,n){if(DP(t.getItemLayout(e))){var i=new this._LineCtor(t,e,n);t.setItemGraphicEl(e,i),this.group.add(i)}},t.prototype._doUpdate=function(t,e,n,i,r){var o=t.getItemGraphicEl(n);DP(e.getItemLayout(i))?(o?o.updateData(e,i,r):o=new this._LineCtor(e,i,r),e.setItemGraphicEl(i,o),this.group.add(o)):this.group.remove(o)},t}();function TP(t){var e=t.hostModel,n=e.getModel("emphasis");return{lineStyle:e.getModel("lineStyle").getLineStyle(),emphasisLineStyle:n.getModel(["lineStyle"]).getLineStyle(),blurLineStyle:e.getModel(["blur","lineStyle"]).getLineStyle(),selectLineStyle:e.getModel(["select","lineStyle"]).getLineStyle(),emphasisDisabled:n.get("disabled"),blurScope:n.get("blurScope"),focus:n.get("focus"),labelStatesModels:Jh(e)}}function CP(t){return isNaN(t[0])||isNaN(t[1])}function DP(t){return t&&!CP(t[0])&&!CP(t[1])}var AP=[],kP=[],LP=[],PP=Nn,OP=Ft,RP=Math.abs;function NP(t,e,n){for(var i,r=t[0],o=t[1],a=t[2],s=1/0,l=n*n,u=.1,c=.1;c<=.9;c+=.1){AP[0]=PP(r[0],o[0],a[0],c),AP[1]=PP(r[1],o[1],a[1],c),(p=RP(OP(AP,e)-l))<s&&(s=p,i=c)}for(var h=0;h<32;h++){var d=i+u;kP[0]=PP(r[0],o[0],a[0],i),kP[1]=PP(r[1],o[1],a[1],i),LP[0]=PP(r[0],o[0],a[0],d),LP[1]=PP(r[1],o[1],a[1],d);var p=OP(kP,e)-l;if(RP(p)<.01)break;var f=OP(LP,e)-l;u/=2,p<0?f>=0?i+=u:i-=u:f>=0?i-=u:i+=u}return i}function zP(t,e){var n=[],i=Bn,r=[[],[],[]],o=[[],[]],a=[];e/=2,t.eachEdge((function(t,s){var l=t.getLayout(),u=t.getVisual("fromSymbol"),c=t.getVisual("toSymbol");l.__original||(l.__original=[Ct(l[0]),Ct(l[1])],l[2]&&l.__original.push(Ct(l[2])));var h=l.__original;if(null!=l[2]){if(Tt(r[0],h[0]),Tt(r[1],h[2]),Tt(r[2],h[1]),u&&"none"!==u){var d=rP(t.node1),p=NP(r,h[0],d*e);i(r[0][0],r[1][0],r[2][0],p,n),r[0][0]=n[3],r[1][0]=n[4],i(r[0][1],r[1][1],r[2][1],p,n),r[0][1]=n[3],r[1][1]=n[4]}if(c&&"none"!==c){d=rP(t.node2),p=NP(r,h[1],d*e);i(r[0][0],r[1][0],r[2][0],p,n),r[1][0]=n[1],r[2][0]=n[2],i(r[0][1],r[1][1],r[2][1],p,n),r[1][1]=n[1],r[2][1]=n[2]}Tt(l[0],r[0]),Tt(l[1],r[2]),Tt(l[2],r[1])}else{if(Tt(o[0],h[0]),Tt(o[1],h[1]),Lt(a,o[1],o[0]),Et(a,a),u&&"none"!==u){d=rP(t.node1);kt(o[0],o[0],a,d*e)}if(c&&"none"!==c){d=rP(t.node2);kt(o[1],o[1],a,-d*e)}Tt(l[0],o[0]),Tt(l[1],o[1])}}))}var EP=sa();function BP(t,e){t&&(EP(t).bridge=e)}function VP(t){return"view"===t.type}var GP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){var n=new uI,i=new IP,r=this.group,o=new to;this._controller=new LD(e.getZr()),this._controllerHost={target:o},o.add(n.group),o.add(i.group),r.add(o),this._symbolDraw=n,this._lineDraw=i,this._mainGroup=o,this._firstRender=!0},e.prototype.render=function(t,e,n){var i=this,r=t.coordinateSystem,o=!1;this._model=t,this._api=n,this._active=!0;var a=this._getThumbnailInfo();a&&a.bridge.reset(n);var s=this._symbolDraw,l=this._lineDraw;if(VP(r)){var u={x:r.x,y:r.y,scaleX:r.scaleX,scaleY:r.scaleY};this._firstRender?this._mainGroup.attr(u):th(this._mainGroup,u,t)}zP(t.getGraph(),iP(t));var c=t.getData();s.updateData(c);var h=t.getEdgeData();l.updateData(h),this._updateNodeAndLinkScale(),this._updateController(null,t,n),clearTimeout(this._layoutTimeout);var d=t.forceLayout,p=t.get(["force","layoutAnimation"]);d&&(o=!0,this._startForceLayoutIteration(d,n,p));var f=t.get("layout");c.graph.eachNode((function(e){var r=e.dataIndex,o=e.getGraphicEl(),a=e.getModel();if(o){o.off("drag").off("dragend");var s=a.get("draggable");s&&o.on("drag",(function(a){switch(f){case"force":d.warmUp(),!i._layouting&&i._startForceLayoutIteration(d,n,p),d.setFixed(r),c.setItemLayout(r,[o.x,o.y]);break;case"circular":c.setItemLayout(r,[o.x,o.y]),e.setLayout({fixed:!0},!0),sP(t,"symbolSize",e,[a.offsetX,a.offsetY]),i.updateLayout(t);break;default:c.setItemLayout(r,[o.x,o.y]),eP(t.getGraph(),t),i.updateLayout(t)}})).on("dragend",(function(){d&&d.setUnfixed(r)})),o.setDraggable(s,!!a.get("cursor")),"adjacency"===a.get(["emphasis","focus"])&&(zl(o).focus=e.getAdjacentDataIndices())}})),c.graph.eachEdge((function(t){var e=t.getGraphicEl(),n=t.getModel().get(["emphasis","focus"]);e&&"adjacency"===n&&(zl(e).focus={edge:[t.dataIndex],node:[t.node1.dataIndex,t.node2.dataIndex]})}));var g="circular"===t.get("layout")&&t.get(["circular","rotateLabel"]),y=c.getLayout("cx"),v=c.getLayout("cy");c.graph.eachNode((function(t){uP(t,g,y,v)})),this._firstRender=!1,o||this._renderThumbnail(t,n,this._symbolDraw,this._lineDraw)},e.prototype.dispose=function(){this.remove(),this._controller&&this._controller.dispose(),this._controllerHost=null},e.prototype._startForceLayoutIteration=function(t,e,n){var i=this,r=!1;!function o(){t.step((function(t){i.updateLayout(i._model),!t&&r||(r=!0,i._renderThumbnail(i._model,e,i._symbolDraw,i._lineDraw)),(i._layouting=!t)&&(n?i._layoutTimeout=setTimeout(o,16):o())}))}()},e.prototype._updateController=function(t,e,n){var i=this._controller,r=this._controllerHost,o=e.coordinateSystem;VP(o)?(i.enable(e.get("roam"),{api:n,zInfo:{component:e},triggerInfo:{roamTrigger:e.get("roamTrigger"),isInSelf:function(t,e,n){return o.containPoint([e,n])},isInClip:function(e,n,i){return!t||t.contain(n,i)}}}),r.zoomLimit=e.get("scaleLimit"),r.zoom=o.getZoom(),i.off("pan").off("zoom").on("pan",(function(t){n.dispatchAction({seriesId:e.id,type:"graphRoam",dx:t.dx,dy:t.dy})})).on("zoom",(function(t){n.dispatchAction({seriesId:e.id,type:"graphRoam",zoom:t.scale,originX:t.originX,originY:t.originY})}))):i.disable()},e.prototype.updateViewOnPan=function(t,e,n){this._active&&(FD(this._controllerHost,n.dx,n.dy),this._updateThumbnailWindow())},e.prototype.updateViewOnZoom=function(t,e,n){this._active&&(WD(this._controllerHost,n.zoom,n.originX,n.originY),this._updateNodeAndLinkScale(),zP(t.getGraph(),iP(t)),this._lineDraw.updateLayout(),e.updateLabelLayout(),this._updateThumbnailWindow())},e.prototype._updateNodeAndLinkScale=function(){var t=this._model,e=t.getData(),n=iP(t);e.eachItemGraphicEl((function(t,e){t&&t.setSymbolScale(n)}))},e.prototype.updateLayout=function(t){this._active&&(zP(t.getGraph(),iP(t)),this._symbolDraw.updateLayout(),this._lineDraw.updateLayout())},e.prototype.remove=function(){this._active=!1,clearTimeout(this._layoutTimeout),this._layouting=!1,this._layoutTimeout=null,this._symbolDraw&&this._symbolDraw.remove(),this._lineDraw&&this._lineDraw.remove(),this._controller&&this._controller.disable()},e.prototype._getThumbnailInfo=function(){var t=this._model,e=t.coordinateSystem;if("view"===e.type){var n=function(t){if(t)return EP(t).bridge}(t);if(n)return{bridge:n,coordSys:e}}},e.prototype._updateThumbnailWindow=function(){var t=this._getThumbnailInfo();t&&t.bridge.updateWindow(t.coordSys.transform,this._api)},e.prototype._renderThumbnail=function(t,e,n,i){var r=this._getThumbnailInfo();if(r){var o=new to,a=n.group.children(),s=i.group.children(),l=new to,u=new to;o.add(u),o.add(l);for(var c=0;c<a.length;c++){var h=(v=a[c]).children()[0],d=v.x,p=v.y,f=A(T(h.shape),{width:h.scaleX,height:h.scaleY,x:d-h.scaleX/2,y:p-h.scaleY/2}),g=T(h.style),y=new h.constructor({shape:f,style:g,z2:151});u.add(y)}for(c=0;c<s.length;c++){var v,m=(v=s[c]).children()[0],x=(g=T(m.style),f=T(m.shape),new mP({style:g,shape:f,z2:151}));l.add(x)}r.bridge.renderContent({api:e,roamType:t.get("roam"),viewportRect:null,group:o,targetTrans:r.coordSys.transform})}},e.type="graph",e}(tv);function FP(t){return"_EC_"+t}var WP=function(){function t(t){this.type="graph",this.nodes=[],this.edges=[],this._nodesMap={},this._edgesMap={},this._directed=t||!1}return t.prototype.isDirected=function(){return this._directed},t.prototype.addNode=function(t,e){t=null==t?""+e:""+t;var n=this._nodesMap;if(!n[FP(t)]){var i=new HP(t,e);return i.hostGraph=this,this.nodes.push(i),n[FP(t)]=i,i}},t.prototype.getNodeByIndex=function(t){var e=this.data.getRawIndex(t);return this.nodes[e]},t.prototype.getNodeById=function(t){return this._nodesMap[FP(t)]},t.prototype.addEdge=function(t,e,n){var i=this._nodesMap,r=this._edgesMap;if(j(t)&&(t=this.nodes[t]),j(e)&&(e=this.nodes[e]),t instanceof HP||(t=i[FP(t)]),e instanceof HP||(e=i[FP(e)]),t&&e){var o=t.id+"-"+e.id,a=new UP(t,e,n);return a.hostGraph=this,this._directed&&(t.outEdges.push(a),e.inEdges.push(a)),t.edges.push(a),t!==e&&e.edges.push(a),this.edges.push(a),r[o]=a,a}},t.prototype.getEdgeByIndex=function(t){var e=this.edgeData.getRawIndex(t);return this.edges[e]},t.prototype.getEdge=function(t,e){t instanceof HP&&(t=t.id),e instanceof HP&&(e=e.id);var n=this._edgesMap;return this._directed?n[t+"-"+e]:n[t+"-"+e]||n[e+"-"+t]},t.prototype.eachNode=function(t,e){for(var n=this.nodes,i=n.length,r=0;r<i;r++)n[r].dataIndex>=0&&t.call(e,n[r],r)},t.prototype.eachEdge=function(t,e){for(var n=this.edges,i=n.length,r=0;r<i;r++)n[r].dataIndex>=0&&n[r].node1.dataIndex>=0&&n[r].node2.dataIndex>=0&&t.call(e,n[r],r)},t.prototype.breadthFirstTraverse=function(t,e,n,i){if(e instanceof HP||(e=this._nodesMap[FP(e)]),e){for(var r="out"===n?"outEdges":"in"===n?"inEdges":"edges",o=0;o<this.nodes.length;o++)this.nodes[o].__visited=!1;if(!t.call(i,e,null))for(var a=[e];a.length;){var s=a.shift(),l=s[r];for(o=0;o<l.length;o++){var u=l[o],c=u.node1===s?u.node2:u.node1;if(!c.__visited){if(t.call(i,c,s))return;a.push(c),c.__visited=!0}}}}},t.prototype.update=function(){for(var t=this.data,e=this.edgeData,n=this.nodes,i=this.edges,r=0,o=n.length;r<o;r++)n[r].dataIndex=-1;for(r=0,o=t.count();r<o;r++)n[t.getRawIndex(r)].dataIndex=r;e.filterSelf((function(t){var n=i[e.getRawIndex(t)];return n.node1.dataIndex>=0&&n.node2.dataIndex>=0}));for(r=0,o=i.length;r<o;r++)i[r].dataIndex=-1;for(r=0,o=e.count();r<o;r++)i[e.getRawIndex(r)].dataIndex=r},t.prototype.clone=function(){for(var e=new t(this._directed),n=this.nodes,i=this.edges,r=0;r<n.length;r++)e.addNode(n[r].id,n[r].dataIndex);for(r=0;r<i.length;r++){var o=i[r];e.addEdge(o.node1.id,o.node2.id,o.dataIndex)}return e},t}(),HP=function(){function t(t,e){this.inEdges=[],this.outEdges=[],this.edges=[],this.dataIndex=-1,this.id=null==t?"":t,this.dataIndex=null==e?-1:e}return t.prototype.degree=function(){return this.edges.length},t.prototype.inDegree=function(){return this.inEdges.length},t.prototype.outDegree=function(){return this.outEdges.length},t.prototype.getModel=function(t){if(!(this.dataIndex<0))return this.hostGraph.data.getItemModel(this.dataIndex).getModel(t)},t.prototype.getAdjacentDataIndices=function(){for(var t={edge:[],node:[]},e=0;e<this.edges.length;e++){var n=this.edges[e];n.dataIndex<0||(t.edge.push(n.dataIndex),t.node.push(n.node1.dataIndex,n.node2.dataIndex))}return t},t.prototype.getTrajectoryDataIndices=function(){for(var t=yt(),e=yt(),n=0,i=this.edges.length;n<i;n++){var r=this.edges[n];if(!(r.dataIndex<0)){t.set(r.dataIndex,!0);for(var o=[r.node1],a=[r.node2],s=0;s<o.length;){var l=o[s];s++,e.set(l.dataIndex,!0);for(var u=l.inEdges,c=0,h=u.length,d=void 0,p=void 0;c<h;c++)(p=(d=u[c]).dataIndex)>=0&&!t.hasKey(p)&&(t.set(p,!0),o.push(d.node1))}for(s=0;s<a.length;){var f=a[s];s++,e.set(f.dataIndex,!0);for(var g=f.outEdges,y=(c=0,g.length),v=void 0,m=void 0;c<y;c++)(m=(v=g[c]).dataIndex)>=0&&!t.hasKey(m)&&(t.set(m,!0),a.push(v.node2))}}}return{edge:t.keys(),node:e.keys()}},t}(),UP=function(){function t(t,e,n){this.dataIndex=-1,this.node1=t,this.node2=e,this.dataIndex=null==n?-1:n}return t.prototype.getModel=function(t){if(!(this.dataIndex<0))return this.hostGraph.edgeData.getItemModel(this.dataIndex).getModel(t)},t.prototype.getAdjacentDataIndices=function(){return{edge:[this.dataIndex],node:[this.node1.dataIndex,this.node2.dataIndex]}},t.prototype.getTrajectoryDataIndices=function(){var t=yt(),e=yt();t.set(this.dataIndex,!0);for(var n=[this.node1],i=[this.node2],r=0;r<n.length;){var o=n[r];r++,e.set(o.dataIndex,!0);for(var a=0,s=o.inEdges.length,l=void 0,u=void 0;a<s;a++)(u=(l=o.inEdges[a]).dataIndex)>=0&&!t.hasKey(u)&&(t.set(u,!0),n.push(l.node1))}for(r=0;r<i.length;){var c=i[r];r++,e.set(c.dataIndex,!0);a=0,s=c.outEdges.length;for(var h=void 0,d=void 0;a<s;a++)(d=(h=c.outEdges[a]).dataIndex)>=0&&!t.hasKey(d)&&(t.set(d,!0),i.push(h.node2))}return{edge:t.keys(),node:e.keys()}},t}();function YP(t,e){return{getValue:function(n){var i=this[t][e];return i.getStore().get(i.getDimensionIndex(n||"value"),this.dataIndex)},setVisual:function(n,i){this.dataIndex>=0&&this[t][e].setItemVisual(this.dataIndex,n,i)},getVisual:function(n){return this[t][e].getItemVisual(this.dataIndex,n)},setLayout:function(n,i){this.dataIndex>=0&&this[t][e].setItemLayout(this.dataIndex,n,i)},getLayout:function(){return this[t][e].getItemLayout(this.dataIndex)},getGraphicEl:function(){return this[t][e].getItemGraphicEl(this.dataIndex)},getRawIndex:function(){return this[t][e].getRawIndex(this.dataIndex)}}}function XP(t,e,n,i,r){for(var o=new WP(i),a=0;a<t.length;a++)o.addNode(it(t[a].id,t[a].name,a),a);var s=[],l=[],u=0;for(a=0;a<e.length;a++){var c=e[a],h=c.source,d=c.target;o.addEdge(h,d,u)&&(l.push(c),s.push(it(ia(c.id,null),h+" > "+d)),u++)}var p,f=n.get("coordinateSystem");if("cartesian2d"===f||"polar"===f||"matrix"===f)p=Z_(t,n);else{var g=Tp.get(f),y=g&&g.dimensions||[];P(y,"value")<0&&y.concat(["value"]);var v=V_(t,{coordDimensions:y,encodeDefine:n.getEncode()}).dimensions;(p=new B_(v,n)).initData(t)}var m=new B_(["value"],n);return m.initData(l,s),r&&r(p,m),Dk({mainData:p,struct:o,structAttr:"graph",datas:{node:p,edge:m},datasAttr:{node:"data",edge:"edgeData"}}),o.update(),o}R(HP,YP("hostGraph","data")),R(UP,YP("hostGraph","edgeData"));var ZP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments);var n=this;function i(){return n._categoriesData}this.legendVisualProvider=new CT(i,i),this.fillDataTextStyle(e.edges||e.links),this._updateCategoriesData()},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),this.fillDataTextStyle(e.edges||e.links),this._updateCategoriesData()},e.prototype.mergeDefaultAndTheme=function(e){t.prototype.mergeDefaultAndTheme.apply(this,arguments),Ko(e,"edgeLabel",["show"])},e.prototype.getInitialData=function(t,e){var n,i=t.edges||t.links||[],r=t.data||t.nodes||[],o=this;if(r&&i){jL(n=this)&&(n.__curvenessList=[],n.__edgeMap={},qL(n));var a=XP(r,i,this,!0,(function(t,e){t.wrapMethod("getItemModel",(function(t){var e=o._categoriesModels[t.getShallow("category")];return e&&(e.parentModel=t.parentModel,t.parentModel=e),t}));var n=wd.prototype.getModel;function i(t,e){var i=n.call(this,t,e);return i.resolveParentPath=r,i}function r(t){if(t&&("label"===t[0]||"label"===t[1])){var e=t.slice();return"label"===t[0]?e[0]="edgeLabel":"label"===t[1]&&(e[1]="edgeLabel"),e}return t}e.wrapMethod("getItemModel",(function(t){return t.resolveParentPath=r,t.getModel=i,t}))}));return z(a.edges,(function(t){!function(t,e,n,i){if(jL(n)){var r=KL(t,e,n),o=n.__edgeMap,a=o[$L(r)];o[r]&&!a?o[r].isForward=!0:a&&o[r]&&(a.isForward=!0,o[r].isForward=!1),o[r]=o[r]||[],o[r].push(i)}}(t.node1,t.node2,this,t.dataIndex)}),this),a.data}},e.prototype.getGraph=function(){return this.getData().graph},e.prototype.getEdgeData=function(){return this.getGraph().edgeData},e.prototype.getCategoriesData=function(){return this._categoriesData},e.prototype.formatTooltip=function(t,e,n){if("edge"===n){var i=this.getData(),r=this.getDataParams(t,n),o=i.graph.getEdgeByIndex(t),a=i.getName(o.node1.dataIndex),s=i.getName(o.node2.dataIndex),l=[];return null!=a&&l.push(a),null!=s&&l.push(s),Ty("nameValue",{name:l.join(" > "),value:r.value,noValue:null==r.value})}return By({series:this,dataIndex:t,multipleSeries:e})},e.prototype._updateCategoriesData=function(){var t=E(this.option.categories||[],(function(t){return null!=t.value?t:A({value:0},t)})),e=new B_(["value"],this);e.initData(t),this._categoriesData=e,this._categoriesModels=e.mapArray((function(t){return e.getItemModel(t)}))},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.isAnimationEnabled=function(){return t.prototype.isAnimationEnabled.call(this)&&!("force"===this.get("layout")&&this.get(["force","layoutAnimation"]))},e.type="series.graph",e.dependencies=["grid","polar","geo","singleAxis","calendar"],e.defaultOption={z:2,coordinateSystem:"view",legendHoverLink:!0,layout:null,circular:{rotateLabel:!1},force:{initLayout:null,repulsion:[0,50],gravity:.1,friction:.6,edgeLength:30,layoutAnimation:!0},left:"center",top:"center",symbol:"circle",symbolSize:10,edgeSymbol:["none","none"],edgeSymbolSize:10,edgeLabel:{position:"middle",distance:5},draggable:!1,roam:!1,center:null,zoom:1,nodeScaleRatio:.6,label:{show:!1,formatter:"{b}"},itemStyle:{},lineStyle:{color:tf.color.neutral50,width:1,opacity:.5},emphasis:{scale:!0,label:{show:!0}},select:{itemStyle:{borderColor:tf.color.primary}}},e}(Wy);var jP=function(t){function e(e,n,i){var r=t.call(this)||this;zl(r).dataType="node",r.z2=2;var o=new Sl;return r.setTextContent(o),r.updateData(e,n,i,!0),r}return n(e,t),e.prototype.updateData=function(t,e,n,i){var r=this,o=t.graph.getNodeByIndex(e),a=t.hostModel,s=o.getModel(),l=s.getModel("emphasis"),u=t.getItemLayout(e),c=A(YI(s.getModel("itemStyle"),u,!0),u),h=this;if(isNaN(c.startAngle))h.setShape(c);else{i?h.setShape(c):th(h,{shape:c},a,e);var d=A(YI(s.getModel("itemStyle"),u,!0),u);r.setShape(d),r.useStyle(t.getItemVisual(e,"style")),ku(r,s),this._updateLabel(a,s,o),t.setItemGraphicEl(e,h),ku(h,s,"itemStyle");var p=l.get("focus");Tu(this,"adjacency"===p?o.getAdjacentDataIndices():p,l.get("blurScope"),l.get("disabled"))}},e.prototype._updateLabel=function(t,e,n){var i=this.getTextContent(),r=n.getLayout(),o=(r.startAngle+r.endAngle)/2,a=Math.cos(o),s=Math.sin(o),l=e.getModel("label");i.ignore=!l.get("show");var u=Jh(e),c=n.getVisual("style");$h(i,u,{labelFetcher:{getFormattedLabel:function(n,i,r,o,a,s){return t.getFormattedLabel(n,i,"node",o,ot(a,u.normal&&u.normal.get("formatter"),e.get("name")),s)}},labelDataIndex:n.dataIndex,defaultText:n.dataIndex+"",inheritColor:c.fill,defaultOpacity:c.opacity,defaultOutsidePosition:"startArc"});var h,d=l.get("position")||"outside",p=l.get("distance")||0;h="outside"===d?r.r+p:(r.r+r.r0)/2,this.textConfig={inside:"outside"!==d};var f="outside"!==d?l.get("align")||"center":a>0?"left":"right",g="outside"!==d?l.get("verticalAlign")||"middle":s>0?"top":"bottom";i.attr({x:a*h+r.cx,y:s*h+r.cy,rotation:0,style:{align:f,verticalAlign:g}})},e}(xc),qP=function(t){function e(e,n,i,r){var o=t.call(this)||this;return zl(o).dataType="edge",o.updateData(e,n,i,r,!0),o}return n(e,t),e.prototype.buildPath=function(t,e){t.moveTo(e.s1[0],e.s1[1]);var n=.7,i=e.clockwise;t.arc(e.cx,e.cy,e.r,e.sStartAngle,e.sEndAngle,!i),t.bezierCurveTo((e.cx-e.s2[0])*n+e.s2[0],(e.cy-e.s2[1])*n+e.s2[1],(e.cx-e.t1[0])*n+e.t1[0],(e.cy-e.t1[1])*n+e.t1[1],e.t1[0],e.t1[1]),t.arc(e.cx,e.cy,e.r,e.tStartAngle,e.tEndAngle,!i),t.bezierCurveTo((e.cx-e.t2[0])*n+e.t2[0],(e.cy-e.t2[1])*n+e.t2[1],(e.cx-e.s1[0])*n+e.s1[0],(e.cy-e.s1[1])*n+e.s1[1],e.s1[0],e.s1[1]),t.closePath()},e.prototype.updateData=function(t,e,n,i,r){var o=t.hostModel,a=e.graph.getEdgeByIndex(n),s=a.getLayout(),l=a.node1.getModel(),u=e.getItemModel(a.dataIndex),c=u.getModel("lineStyle"),h=u.getModel("emphasis"),d=h.get("focus"),p=A(YI(l.getModel("itemStyle"),s,!0),s),f=this;isNaN(p.sStartAngle)||isNaN(p.tStartAngle)?f.setShape(p):(r?(f.setShape(p),KP(f,a,t,c)):(ah(f),KP(f,a,t,c),th(f,{shape:p},o,n)),Tu(this,"adjacency"===d?a.getAdjacentDataIndices():d,h.get("blurScope"),h.get("disabled")),ku(f,u,"lineStyle"),e.setItemGraphicEl(a.dataIndex,f))},e}(sl);function KP(t,e,n,i){var r=e.node1,o=e.node2,a=t.style;switch(t.setStyle(i.getLineStyle()),i.get("color")){case"source":a.fill=n.getItemVisual(r.dataIndex,"style").fill,a.decal=r.getVisual("style").decal;break;case"target":a.fill=n.getItemVisual(o.dataIndex,"style").fill,a.decal=o.getVisual("style").decal;break;case"gradient":var s=n.getItemVisual(r.dataIndex,"style").fill,l=n.getItemVisual(o.dataIndex,"style").fill;if(X(s)&&X(l)){var u=t.shape,c=(u.s1[0]+u.s2[0])/2,h=(u.s1[1]+u.s2[1])/2,d=(u.t1[0]+u.t2[0])/2,p=(u.t1[1]+u.t2[1])/2;a.fill=new Bc(c,h,d,p,[{offset:0,color:s},{offset:1,color:l}],!0)}}}var $P=Math.PI/180,JP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){},e.prototype.render=function(t,e,n){var i=t.getData(),r=this._data,o=this.group,a=-t.get("startAngle")*$P;if(i.diff(r).add((function(t){if(i.getItemLayout(t)){var e=new jP(i,t,a);zl(e).dataIndex=t,o.add(e)}})).update((function(e,n){var s=r.getItemGraphicEl(n);i.getItemLayout(e)?(s?s.updateData(i,e,a):s=new jP(i,e,a),o.add(s)):s&&oh(s,t,n)})).remove((function(e){var n=r.getItemGraphicEl(e);n&&oh(n,t,e)})).execute(),!r){var s=t.get("center");this.group.scaleX=.01,this.group.scaleY=.01,this.group.originX=yo(s[0],n.getWidth()),this.group.originY=yo(s[1],n.getHeight()),eh(this.group,{scaleX:1,scaleY:1},t)}this._data=i,this.renderEdges(t,a)},e.prototype.renderEdges=function(t,e){var n=t.getData(),i=t.getEdgeData(),r=this._edgeData,o=this.group;i.diff(r).add((function(t){var r=new qP(n,i,t,e);zl(r).dataIndex=t,o.add(r)})).update((function(t,a){var s=r.getItemGraphicEl(a);s.updateData(n,i,t,e),o.add(s)})).remove((function(e){var n=r.getItemGraphicEl(e);n&&oh(n,t,e)})).execute(),this._edgeData=i},e.prototype.dispose=function(){},e.type="chord",e}(tv),QP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.fillDataTextStyle(e.edges||e.links),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this))},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),this.fillDataTextStyle(e.edges||e.links)},e.prototype.getInitialData=function(t,e){var n=t.edges||t.links||[],i=t.data||t.nodes||[];if(i&&n)return XP(i,n,this,!0,(function(t,e){var n=wd.prototype.getModel;function i(t,e){var i=n.call(this,t,e);return i.resolveParentPath=r,i}function r(t){if(t&&("label"===t[0]||"label"===t[1])){var e=t.slice();return"label"===t[0]?e[0]="edgeLabel":"label"===t[1]&&(e[1]="edgeLabel"),e}return t}e.wrapMethod("getItemModel",(function(t){return t.resolveParentPath=r,t.getModel=i,t}))})).data},e.prototype.getGraph=function(){return this.getData().graph},e.prototype.getEdgeData=function(){return this.getGraph().edgeData},e.prototype.formatTooltip=function(t,e,n){var i=this.getDataParams(t,n);if("edge"===n){var r=this.getData(),o=r.graph.getEdgeByIndex(t),a=r.getName(o.node1.dataIndex),s=r.getName(o.node2.dataIndex),l=[];return null!=a&&l.push(a),null!=s&&l.push(s),Ty("nameValue",{name:l.join(" > "),value:i.value,noValue:null==i.value})}return Ty("nameValue",{name:i.name,value:i.value,noValue:null==i.value})},e.prototype.getDataParams=function(e,n){var i=t.prototype.getDataParams.call(this,e,n);if("node"===n){var r=this.getData(),o=this.getGraph().getNodeByIndex(e);if(null==i.name&&(i.name=r.getName(e)),null==i.value){var a=o.getLayout().value;i.value=a}}return i},e.type="series.chord",e.defaultOption={z:2,coordinateSystem:"none",legendHoverLink:!0,colorBy:"data",left:0,top:0,right:0,bottom:0,width:null,height:null,center:["50%","50%"],radius:["70%","80%"],clockwise:!0,startAngle:90,endAngle:"auto",minAngle:0,padAngle:3,itemStyle:{borderRadius:[0,0,5,5]},lineStyle:{width:0,color:"source",opacity:.2},label:{show:!0,position:"outside",distance:5},emphasis:{focus:"adjacency",lineStyle:{opacity:.5}}},e}(Wy),tO=Math.PI/180;function eO(t,e){t.eachSeriesByType("chord",(function(t){!function(t,e){var n=t.getData(),i=n.graph,r=t.getEdgeData();if(!r.count())return;var o=Wp(t,e),a=o.cx,s=o.cy,l=o.r,u=o.r0,c=Math.max((t.get("padAngle")||0)*tO,0),h=Math.max((t.get("minAngle")||0)*tO,0),d=-t.get("startAngle")*tO,p=d+2*Math.PI,f=t.get("clockwise"),g=f?1:-1,y=[d,p];Gs(y,!f);var v=y[0],m=y[1]-v,x=0===n.getSum("value")&&0===r.getSum("value"),_=[],b=0;i.eachEdge((function(t){var e=x?1:t.getValue("value");x&&(e>0||h)&&(b+=2);var n=t.node1.dataIndex,i=t.node2.dataIndex;_[n]=(_[n]||0)+e,_[i]=(_[i]||0)+e}));var w=0;if(i.eachNode((function(t){var e=t.getValue("value");isNaN(e)||(_[t.dataIndex]=Math.max(e,_[t.dataIndex]||0)),!x&&(_[t.dataIndex]>0||h)&&b++,w+=_[t.dataIndex]||0})),0===b||0===w)return;c*b>=Math.abs(m)&&(c=Math.max(0,(Math.abs(m)-h*b)/b));(c+h)*b>=Math.abs(m)&&(h=(Math.abs(m)-c*b)/b);var S=(m-c*b*g)/w,M=0,I=0,T=0;i.eachNode((function(t){var e=_[t.dataIndex]||0,n=S*(w?e:1)*g;Math.abs(n)<h?M+=h-Math.abs(n):(I+=Math.abs(n)-h,T+=Math.abs(n)),t.setLayout({angle:n,value:e})}));var C=!1;if(M>I){var D=M/I;i.eachNode((function(t){var e=t.getLayout().angle;Math.abs(e)>=h?t.setLayout({angle:e*D,ratio:D},!0):t.setLayout({angle:h,ratio:0===h?1:e/h},!0)}))}else i.eachNode((function(t){if(!C){var e=t.getLayout().angle;e-Math.min(e/T,1)*M<h&&(C=!0)}}));var A=M;i.eachNode((function(t){if(!(A<=0)){var e=t.getLayout().angle;if(e>h&&h>0){var n=C?1:Math.min(e/T,1),i=e-h,r=Math.min(i,Math.min(A,M*n));A-=r,t.setLayout({angle:e-r,ratio:(e-r)/e},!0)}else h>0&&t.setLayout({angle:h,ratio:0===e?1:h/e},!0)}}));var k=v,L=[];i.eachNode((function(t){var e=Math.max(t.getLayout().angle,h);t.setLayout({cx:a,cy:s,r0:u,r:l,startAngle:k,endAngle:k+e*g,clockwise:f},!0),L[t.dataIndex]=k,k+=(e+c)*g})),i.eachEdge((function(t){var e=x?1:t.getValue("value"),n=S*(w?e:1)*g,i=t.node1.dataIndex,r=L[i]||0,o=r+Math.abs((t.node1.getLayout().ratio||1)*n)*g,l=[a+u*Math.cos(r),s+u*Math.sin(r)],c=[a+u*Math.cos(o),s+u*Math.sin(o)],h=t.node2.dataIndex,d=L[h]||0,p=d+Math.abs((t.node2.getLayout().ratio||1)*n)*g,y=[a+u*Math.cos(d),s+u*Math.sin(d)],v=[a+u*Math.cos(p),s+u*Math.sin(p)];t.setLayout({s1:l,s2:c,sStartAngle:r,sEndAngle:o,t1:y,t2:v,tStartAngle:d,tEndAngle:p,cx:a,cy:s,r:u,value:e,clockwise:f}),L[i]=o,L[h]=p}))}(t,e)}))}var nO=function(){this.angle=0,this.width=10,this.r=10,this.x=0,this.y=0},iO=function(t){function e(e){var n=t.call(this,e)||this;return n.type="pointer",n}return n(e,t),e.prototype.getDefaultShape=function(){return new nO},e.prototype.buildPath=function(t,e){var n=Math.cos,i=Math.sin,r=e.r,o=e.width,a=e.angle,s=e.x-n(a)*o*(o>=r/3?1:2),l=e.y-i(a)*o*(o>=r/3?1:2);a=e.angle-Math.PI/2,t.moveTo(s,l),t.lineTo(e.x+n(a)*o,e.y+i(a)*o),t.lineTo(e.x+n(e.angle)*r,e.y+i(e.angle)*r),t.lineTo(e.x-n(a)*o,e.y-i(a)*o),t.lineTo(s,l)},e}(sl);function rO(t,e){var n=null==t?"":t+"";return e&&(X(e)?n=e.replace("{value}",n):Y(e)&&(n=e(t))),n}var oO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this.group.removeAll();var i=t.get(["axisLine","lineStyle","color"]),r=function(t,e){var n=t.get("center"),i=e.getWidth(),r=e.getHeight(),o=Math.min(i,r);return{cx:yo(n[0],e.getWidth()),cy:yo(n[1],e.getHeight()),r:yo(t.get("radius"),o/2)}}(t,n);this._renderMain(t,e,n,i,r),this._data=t.getData()},e.prototype.dispose=function(){},e.prototype._renderMain=function(t,e,n,i,r){var o=this.group,a=t.get("clockwise"),s=-t.get("startAngle")/180*Math.PI,l=-t.get("endAngle")/180*Math.PI,u=t.getModel("axisLine"),c=u.get("roundCap")?WI:xc,h=u.get("show"),d=u.getModel("lineStyle"),p=d.get("width"),f=[s,l];Gs(f,!a);for(var g=(l=f[1])-(s=f[0]),y=s,v=[],m=0;h&&m<i.length;m++){var x=new c({shape:{startAngle:y,endAngle:l=s+g*Math.min(Math.max(i[m][0],0),1),cx:r.cx,cy:r.cy,clockwise:a,r0:r.r-p,r:r.r},silent:!0});x.setStyle({fill:i[m][1]}),x.setStyle(d.getLineStyle(["color","width"])),v.push(x),y=l}v.reverse(),z(v,(function(t){return o.add(t)}));var _=function(t){if(t<=0)return i[0][1];var e;for(e=0;e<i.length;e++)if(i[e][0]>=t&&(0===e?0:i[e-1][0])<t)return i[e][1];return i[e-1][1]};this._renderTicks(t,e,n,_,r,s,l,a,p),this._renderTitleAndDetail(t,e,n,_,r),this._renderAnchor(t,r),this._renderPointer(t,e,n,_,r,s,l,a,p)},e.prototype._renderTicks=function(t,e,n,i,r,o,a,s,l){for(var u,c,h=this.group,d=r.cx,p=r.cy,f=r.r,g=+t.get("min"),y=+t.get("max"),v=t.getModel("splitLine"),m=t.getModel("axisTick"),x=t.getModel("axisLabel"),_=t.get("splitNumber"),b=m.get("splitNumber"),w=yo(v.get("length"),f),S=yo(m.get("length"),f),M=o,I=(a-o)/_,T=I/b,C=v.getModel("lineStyle").getLineStyle(),D=m.getModel("lineStyle").getLineStyle(),A=v.get("distance"),k=0;k<=_;k++){if(u=Math.cos(M),c=Math.sin(M),v.get("show")){var L=new Ac({shape:{x1:u*(f-(P=A?A+l:l))+d,y1:c*(f-P)+p,x2:u*(f-w-P)+d,y2:c*(f-w-P)+p},style:C,silent:!0});"auto"===C.stroke&&L.setStyle({stroke:i(k/_)}),h.add(L)}if(x.get("show")){var P=x.get("distance")+A,O=rO(mo(k/_*(y-g)+g),x.get("formatter")),R=i(k/_),N=u*(f-w-P)+d,z=c*(f-w-P)+p,E=x.get("rotate"),B=0;"radial"===E?(B=-M+2*Math.PI)>Math.PI/2&&(B+=Math.PI):"tangential"===E?B=-M-Math.PI/2:j(E)&&(B=E*Math.PI/180),0===B?h.add(new Sl({style:Qh(x,{text:O,x:N,y:z,verticalAlign:c<-.8?"top":c>.8?"bottom":"middle",align:u<-.4?"left":u>.4?"right":"center"},{inheritColor:R}),silent:!0})):h.add(new Sl({style:Qh(x,{text:O,x:N,y:z,verticalAlign:"middle",align:"center"},{inheritColor:R}),silent:!0,originX:N,originY:z,rotation:B}))}if(m.get("show")&&k!==_){P=(P=m.get("distance"))?P+l:l;for(var V=0;V<=b;V++){u=Math.cos(M),c=Math.sin(M);var G=new Ac({shape:{x1:u*(f-P)+d,y1:c*(f-P)+p,x2:u*(f-S-P)+d,y2:c*(f-S-P)+p},silent:!0,style:D});"auto"===D.stroke&&G.setStyle({stroke:i((k+V/b)/_)}),h.add(G),M+=T}M-=T}else M+=I}},e.prototype._renderPointer=function(t,e,n,i,r,o,a,s,l){var u=this.group,c=this._data,h=this._progressEls,d=[],p=t.get(["pointer","show"]),f=t.getModel("progress"),g=f.get("show"),y=t.getData(),v=y.mapDimension("value"),m=+t.get("min"),x=+t.get("max"),_=[m,x],b=[o,a];function w(e,n){var i,o=y.getItemModel(e).getModel("pointer"),a=yo(o.get("width"),r.r),s=yo(o.get("length"),r.r),l=t.get(["pointer","icon"]),u=o.get("offsetCenter"),c=yo(u[0],r.r),h=yo(u[1],r.r),d=o.get("keepAspect");return(i=l?hm(l,c-a/2,h-s,a,s,null,d):new iO({shape:{angle:-Math.PI/2,width:a,r:s,x:c,y:h}})).rotation=-(n+Math.PI/2),i.x=r.cx,i.y=r.cy,i}function S(t,e){var n=f.get("roundCap")?WI:xc,i=f.get("overlap"),a=i?f.get("width"):l/y.count(),u=i?r.r-a:r.r-(t+1)*a,c=i?r.r:r.r-t*a,h=new n({shape:{startAngle:o,endAngle:e,cx:r.cx,cy:r.cy,clockwise:s,r0:u,r:c}});return i&&(h.z2=go(y.get(v,t),[m,x],[100,0],!0)),h}(g||p)&&(y.diff(c).add((function(e){var n=y.get(v,e);if(p){var i=w(e,o);eh(i,{rotation:-((isNaN(+n)?b[0]:go(n,_,b,!0))+Math.PI/2)},t),u.add(i),y.setItemGraphicEl(e,i)}if(g){var r=S(e,o),a=f.get("clip");eh(r,{shape:{endAngle:go(n,_,b,a)}},t),u.add(r),El(t.seriesIndex,y.dataType,e,r),d[e]=r}})).update((function(e,n){var i=y.get(v,e);if(p){var r=c.getItemGraphicEl(n),a=r?r.rotation:o,s=w(e,a);s.rotation=a,th(s,{rotation:-((isNaN(+i)?b[0]:go(i,_,b,!0))+Math.PI/2)},t),u.add(s),y.setItemGraphicEl(e,s)}if(g){var l=h[n],m=S(e,l?l.shape.endAngle:o),x=f.get("clip");th(m,{shape:{endAngle:go(i,_,b,x)}},t),u.add(m),El(t.seriesIndex,y.dataType,e,m),d[e]=m}})).execute(),y.each((function(t){var e=y.getItemModel(t),n=e.getModel("emphasis"),r=n.get("focus"),o=n.get("blurScope"),a=n.get("disabled");if(p){var s=y.getItemGraphicEl(t),l=y.getItemVisual(t,"style"),u=l.fill;if(s instanceof dl){var c=s.style;s.useStyle(A({image:c.image,x:c.x,y:c.y,width:c.width,height:c.height},l))}else s.useStyle(l),"pointer"!==s.type&&s.setColor(u);s.setStyle(e.getModel(["pointer","itemStyle"]).getItemStyle()),"auto"===s.style.fill&&s.setStyle("fill",i(go(y.get(v,t),_,[0,1],!0))),s.z2EmphasisLift=0,ku(s,e),Tu(s,r,o,a)}if(g){var h=d[t];h.useStyle(y.getItemVisual(t,"style")),h.setStyle(e.getModel(["progress","itemStyle"]).getItemStyle()),h.z2EmphasisLift=0,ku(h,e),Tu(h,r,o,a)}})),this._progressEls=d)},e.prototype._renderAnchor=function(t,e){var n=t.getModel("anchor");if(n.get("show")){var i=n.get("size"),r=n.get("icon"),o=n.get("offsetCenter"),a=n.get("keepAspect"),s=hm(r,e.cx-i/2+yo(o[0],e.r),e.cy-i/2+yo(o[1],e.r),i,i,null,a);s.z2=n.get("showAbove")?1:0,s.setStyle(n.getModel("itemStyle").getItemStyle()),this.group.add(s)}},e.prototype._renderTitleAndDetail=function(t,e,n,i,r){var o=this,a=t.getData(),s=a.mapDimension("value"),l=+t.get("min"),u=+t.get("max"),c=new to,h=[],d=[],p=t.isAnimationEnabled(),f=t.get(["pointer","showAbove"]);a.diff(this._data).add((function(t){h[t]=new Sl({silent:!0}),d[t]=new Sl({silent:!0})})).update((function(t,e){h[t]=o._titleEls[e],d[t]=o._detailEls[e]})).execute(),a.each((function(e){var n=a.getItemModel(e),o=a.get(s,e),g=new to,y=i(go(o,[l,u],[0,1],!0)),v=n.getModel("title");if(v.get("show")){var m=v.get("offsetCenter"),x=r.cx+yo(m[0],r.r),_=r.cy+yo(m[1],r.r);(D=h[e]).attr({z2:f?0:2,style:Qh(v,{x:x,y:_,text:a.getName(e),align:"center",verticalAlign:"middle"},{inheritColor:y})}),g.add(D)}var b=n.getModel("detail");if(b.get("show")){var w=b.get("offsetCenter"),S=r.cx+yo(w[0],r.r),M=r.cy+yo(w[1],r.r),I=yo(b.get("width"),r.r),T=yo(b.get("height"),r.r),C=t.get(["progress","show"])?a.getItemVisual(e,"style").fill:y,D=d[e],A=b.get("formatter");D.attr({z2:f?0:2,style:Qh(b,{x:S,y:M,text:rO(o,A),width:isNaN(I)?null:I,height:isNaN(T)?null:T,align:"center",verticalAlign:"middle"},{inheritColor:C})}),sd(D,{normal:b},o,(function(t){return rO(t,A)})),p&&ld(D,e,a,t,{getFormattedLabel:function(t,e,n,i,r,a){return rO(a?a.interpolatedValue:o,A)}}),g.add(D)}c.add(g)})),this.group.add(c),this._titleEls=h,this._detailEls=d},e.type="gauge",e}(tv),aO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.visualStyleAccessPath="itemStyle",n}return n(e,t),e.prototype.getInitialData=function(t,e){return IT(this,["value"])},e.type="series.gauge",e.defaultOption={z:2,colorBy:"data",center:["50%","50%"],legendHoverLink:!0,radius:"75%",startAngle:225,endAngle:-45,clockwise:!0,min:0,max:100,splitNumber:10,axisLine:{show:!0,roundCap:!1,lineStyle:{color:[[1,tf.color.neutral10]],width:10}},progress:{show:!1,overlap:!0,width:10,roundCap:!1,clip:!0},splitLine:{show:!0,length:10,distance:10,lineStyle:{color:tf.color.axisTick,width:3,type:"solid"}},axisTick:{show:!0,splitNumber:5,length:6,distance:10,lineStyle:{color:tf.color.axisTickMinor,width:1,type:"solid"}},axisLabel:{show:!0,distance:15,color:tf.color.axisLabel,fontSize:12,rotate:0},pointer:{icon:null,offsetCenter:[0,0],show:!0,showAbove:!0,length:"60%",width:6,keepAspect:!1},anchor:{show:!1,showAbove:!1,size:6,icon:"circle",offsetCenter:[0,0],keepAspect:!1,itemStyle:{color:tf.color.neutral00,borderWidth:0,borderColor:tf.color.theme[0]}},title:{show:!0,offsetCenter:[0,"20%"],color:tf.color.secondary,fontSize:16,valueAnimation:!1},detail:{show:!0,backgroundColor:tf.color.transparent,borderWidth:0,borderColor:tf.color.neutral40,width:100,height:null,padding:[5,10],offsetCenter:[0,"40%"],color:tf.color.primary,fontSize:30,fontWeight:"bold",lineHeight:30,valueAnimation:!1}},e}(Wy);var sO=["itemStyle","opacity"],lO=function(t){function e(e,n){var i=t.call(this)||this,r=i,o=new Tc,a=new Sl;return r.setTextContent(a),i.setTextGuideLine(o),i.updateData(e,n,!0),i}return n(e,t),e.prototype.updateData=function(t,e,n){var i=this,r=t.hostModel,o=t.getItemModel(e),a=t.getItemLayout(e),s=o.getModel("emphasis"),l=o.get(sO);l=null==l?1:l,n||ah(i),i.useStyle(t.getItemVisual(e,"style")),i.style.lineJoin="round",n?(i.setShape({points:a.points}),i.style.opacity=0,eh(i,{style:{opacity:l}},r,e)):th(i,{style:{opacity:l},shape:{points:a.points}},r,e),ku(i,o),this._updateLabel(t,e),Tu(this,s.get("focus"),s.get("blurScope"),s.get("disabled"))},e.prototype._updateLabel=function(t,e){var n=this,i=this.getTextGuideLine(),r=n.getTextContent(),o=t.hostModel,a=t.getItemModel(e),s=t.getItemLayout(e).label,l=t.getItemVisual(e,"style"),u=l.fill;$h(r,Jh(a),{labelFetcher:t.hostModel,labelDataIndex:e,defaultOpacity:l.opacity,defaultText:t.getName(e)},{normal:{align:s.textAlign,verticalAlign:s.verticalAlign}});var c="inherit"===a.getModel("label").get("color")?u:null;n.setTextConfig({local:!0,inside:!!s.inside,insideStroke:c,outsideFill:c});var h=s.linePoints;i.setShape({points:h}),n.textGuideLineConfig={anchor:h?new Ae(h[0][0],h[0][1]):null},th(r,{style:{x:s.x,y:s.y}},o,e),r.attr({rotation:s.rotation,originX:s.x,originY:s.y,z2:10}),dS(n,pS(a),{stroke:u})},e}(Mc),uO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.ignoreLabelLineUpdate=!0,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this._data,o=this.group;i.diff(r).add((function(t){var e=new lO(i,t);i.setItemGraphicEl(t,e),o.add(e)})).update((function(t,e){var n=r.getItemGraphicEl(e);n.updateData(i,t),o.add(n),i.setItemGraphicEl(t,n)})).remove((function(e){oh(r.getItemGraphicEl(e),t,e)})).execute(),this._data=i},e.prototype.remove=function(){this.group.removeAll(),this._data=null},e.prototype.dispose=function(){},e.type="funnel",e}(tv),cO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this)),this._defaultLabelLine(e)},e.prototype.getInitialData=function(t,e){return IT(this,{coordDimensions:["value"],encodeDefaulter:H(Mf,this)})},e.prototype._defaultLabelLine=function(t){Ko(t,"labelLine",["show"]);var e=t.labelLine,n=t.emphasis.labelLine;e.show=e.show&&t.label.show,n.show=n.show&&t.emphasis.label.show},e.prototype.getDataParams=function(e){var n=this.getData(),i=t.prototype.getDataParams.call(this,e),r=n.mapDimension("value"),o=n.getSum(r);return i.percent=o?+(n.get(r,e)/o*100).toFixed(2):0,i.$vars.push("percent"),i},e.type="series.funnel",e.defaultOption={coordinateSystemUsage:"box",z:2,legendHoverLink:!0,colorBy:"data",left:80,top:60,right:80,bottom:65,minSize:"0%",maxSize:"100%",sort:"descending",orient:"vertical",gap:0,funnelAlign:"center",label:{show:!0,position:"outer"},labelLine:{show:!0,length:20,lineStyle:{width:1}},itemStyle:{borderColor:tf.color.neutral00,borderWidth:1},emphasis:{label:{show:!0}},select:{itemStyle:{borderColor:tf.color.primary}}},e}(Wy);function hO(t,e){t.eachSeriesByType("funnel",(function(t){var n=t.getData(),i=n.mapDimension("value"),r=t.get("sort"),o=Xp(t,e),a=Hp(t.getBoxLayoutParams(),o.refContainer),s=t.get("orient"),l=a.width,u=a.height,c=function(t,e){for(var n=t.mapDimension("value"),i=t.mapArray(n,(function(t){return t})),r=[],o="ascending"===e,a=0,s=t.count();a<s;a++)r[a]=a;return Y(e)?r.sort(e):"none"!==e&&r.sort((function(t,e){return o?i[t]-i[e]:i[e]-i[t]})),r}(n,r),h=a.x,d=a.y,p="horizontal"===s?[yo(t.get("minSize"),u),yo(t.get("maxSize"),u)]:[yo(t.get("minSize"),l),yo(t.get("maxSize"),l)],f=n.getDataExtent(i),g=t.get("min"),y=t.get("max");null==g&&(g=Math.min(f[0],0)),null==y&&(y=f[1]);var v=t.get("funnelAlign"),m=t.get("gap"),x=(("horizontal"===s?l:u)-m*(n.count()-1))/n.count(),_=function(t,e){if("horizontal"===s){var r=go(n.get(i,t)||0,[g,y],p,!0),o=void 0;switch(v){case"top":o=d;break;case"center":o=d+(u-r)/2;break;case"bottom":o=d+(u-r)}return[[e,o],[e,o+r]]}var a,c=go(n.get(i,t)||0,[g,y],p,!0);switch(v){case"left":a=h;break;case"center":a=h+(l-c)/2;break;case"right":a=h+l-c}return[[a,e],[a+c,e]]};"ascending"===r&&(x=-x,m=-m,"horizontal"===s?h+=l:d+=u,c=c.reverse());for(var b=0;b<c.length;b++){var w=c[b],S=c[b+1],M=n.getItemModel(w);if("horizontal"===s){var I=M.get(["itemStyle","width"]);null==I?I=x:(I=yo(I,l),"ascending"===r&&(I=-I));var T=_(w,h),C=_(S,h+I);h+=I+m,n.setItemLayout(w,{points:T.concat(C.slice().reverse())})}else{var D=M.get(["itemStyle","height"]);null==D?D=x:(D=yo(D,u),"ascending"===r&&(D=-D));T=_(w,d),C=_(S,d+D);d+=D+m,n.setItemLayout(w,{points:T.concat(C.slice().reverse())})}}!function(t){var e=t.hostModel.get("orient");t.each((function(n){var i,r,o,a,s=t.getItemModel(n),l=s.getModel("label").get("position"),u=s.getModel("labelLine"),c=t.getItemLayout(n),h=c.points,d="inner"===l||"inside"===l||"center"===l||"insideLeft"===l||"insideRight"===l;if(d)"insideLeft"===l?(r=(h[0][0]+h[3][0])/2+5,o=(h[0][1]+h[3][1])/2,i="left"):"insideRight"===l?(r=(h[1][0]+h[2][0])/2-5,o=(h[1][1]+h[2][1])/2,i="right"):(r=(h[0][0]+h[1][0]+h[2][0]+h[3][0])/4,o=(h[0][1]+h[1][1]+h[2][1]+h[3][1])/4,i="center"),a=[[r,o],[r,o]];else{var p=void 0,f=void 0,g=void 0,y=void 0,v=u.get("length");"left"===l?(p=(h[3][0]+h[0][0])/2,f=(h[3][1]+h[0][1])/2,r=(g=p-v)-5,i="right"):"right"===l?(p=(h[1][0]+h[2][0])/2,f=(h[1][1]+h[2][1])/2,r=(g=p+v)+5,i="left"):"top"===l?(p=(h[3][0]+h[0][0])/2,o=(y=(f=(h[3][1]+h[0][1])/2)-v)-5,i="center"):"bottom"===l?(p=(h[1][0]+h[2][0])/2,o=(y=(f=(h[1][1]+h[2][1])/2)+v)+5,i="center"):"rightTop"===l?(p="horizontal"===e?h[3][0]:h[1][0],f="horizontal"===e?h[3][1]:h[1][1],"horizontal"===e?(o=(y=f-v)-5,i="center"):(r=(g=p+v)+5,i="top")):"rightBottom"===l?(p=h[2][0],f=h[2][1],"horizontal"===e?(o=(y=f+v)+5,i="center"):(r=(g=p+v)+5,i="bottom")):"leftTop"===l?(p=h[0][0],f="horizontal"===e?h[0][1]:h[1][1],"horizontal"===e?(o=(y=f-v)-5,i="center"):(r=(g=p-v)-5,i="right")):"leftBottom"===l?(p="horizontal"===e?h[1][0]:h[3][0],f="horizontal"===e?h[1][1]:h[2][1],"horizontal"===e?(o=(y=f+v)+5,i="center"):(r=(g=p-v)-5,i="right")):(p=(h[1][0]+h[2][0])/2,f=(h[1][1]+h[2][1])/2,"horizontal"===e?(o=(y=f+v)+5,i="center"):(r=(g=p+v)+5,i="left")),"horizontal"===e?r=g=p:o=y=f,a=[[p,f],[g,y]]}c.label={linePoints:a,x:r,y:o,verticalAlign:"middle",textAlign:i,inside:d}}))}(n)}))}var dO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._dataGroup=new to,n._initialized=!1,n}return n(e,t),e.prototype.init=function(){this.group.add(this._dataGroup)},e.prototype.render=function(t,e,n,i){this._progressiveEls=null;var r=this._dataGroup,o=t.getData(),a=this._data,s=t.coordinateSystem,l=s.dimensions,u=gO(t);if(o.diff(a).add((function(t){yO(fO(o,r,t,l,s),o,t,u)})).update((function(e,n){var i=a.getItemGraphicEl(n),r=pO(o,e,l,s);o.setItemGraphicEl(e,i),th(i,{shape:{points:r}},t,e),ah(i),yO(i,o,e,u)})).remove((function(t){var e=a.getItemGraphicEl(t);r.remove(e)})).execute(),!this._initialized){this._initialized=!0;var c=function(t,e,n){var i=t.model,r=t.getRect(),o=new xl({shape:{x:r.x,y:r.y,width:r.width,height:r.height}}),a="horizontal"===i.get("layout")?"width":"height";return o.setShape(a,0),eh(o,{shape:{width:r.width,height:r.height}},e,n),o}(s,t,(function(){setTimeout((function(){r.removeClipPath()}))}));r.setClipPath(c)}this._data=o},e.prototype.incrementalPrepareRender=function(t,e,n){this._initialized=!0,this._data=null,this._dataGroup.removeAll()},e.prototype.incrementalRender=function(t,e,n){for(var i=e.getData(),r=e.coordinateSystem,o=r.dimensions,a=gO(e),s=this._progressiveEls=[],l=t.start;l<t.end;l++){var u=fO(i,this._dataGroup,l,o,r);u.incremental=!0,yO(u,i,l,a),s.push(u)}},e.prototype.remove=function(){this._dataGroup&&this._dataGroup.removeAll(),this._data=null},e.type="parallel",e}(tv);function pO(t,e,n,i){for(var r,o=[],a=0;a<n.length;a++){var s=n[a],l=t.get(t.mapDimension(s),e);r=l,("category"===i.getAxis(s).type?null==r:null==r||isNaN(r))||o.push(i.dataToPoint(l,s))}return o}function fO(t,e,n,i,r){var o=pO(t,n,i,r),a=new Tc({shape:{points:o},z2:10});return e.add(a),t.setItemGraphicEl(n,a),a}function gO(t){var e=t.get("smooth",!0);return!0===e&&(e=.3),nt(e=No(e))&&(e=0),{smooth:e}}function yO(t,e,n,i){t.useStyle(e.getItemVisual(n,"style")),t.style.fill=null,t.setShape("smooth",i.smooth);var r=e.getItemModel(n),o=r.getModel("emphasis");ku(t,r,"lineStyle"),Tu(t,o.get("focus"),o.get("blurScope"),o.get("disabled"))}var vO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.visualStyleAccessPath="lineStyle",n.visualDrawType="stroke",n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{useEncodeDefaulter:W(mO,null,this)})},e.prototype.getRawIndicesByActiveState=function(t){var e=this.coordinateSystem,n=this.getData(),i=[];return e.eachActiveState(n,(function(e,r){t===e&&i.push(n.getRawIndex(r))})),i},e.type="series.parallel",e.dependencies=["parallel"],e.defaultOption={z:2,coordinateSystem:"parallel",parallelIndex:0,label:{show:!1},inactiveOpacity:.05,activeOpacity:1,lineStyle:{width:1,opacity:.45,type:"solid"},emphasis:{label:{show:!1}},progressive:500,smooth:!1,animationEasing:"linear"},e}(Wy);function mO(t){var e=t.ecModel.getComponent("parallel",t.get("parallelIndex"));if(e){var n={};return z(e.dimensions,(function(t){var e=+t.replace("dim","");n[t]=e})),n}}var xO=["lineStyle","opacity"],_O={seriesType:"parallel",reset:function(t,e){var n=t.coordinateSystem,i={normal:t.get(["lineStyle","opacity"]),active:t.get("activeOpacity"),inactive:t.get("inactiveOpacity")};return{progress:function(t,e){n.eachActiveState(e,(function(t,n){var r=i[t];if("normal"===t&&e.hasItemOption){var o=e.getItemModel(n).get(xO,!0);null!=o&&(r=o)}e.ensureUniqueItemVisual(n,"style").opacity=r}),t.start,t.end)}}}};function bO(t){!function(t){if(t.parallel)return;var e=!1;z(t.series,(function(t){t&&"parallel"===t.type&&(e=!0)})),e&&(t.parallel=[{}])}(t),function(t){var e=qo(t.parallelAxis);z(e,(function(e){if(q(e)){var n=e.parallelIndex||0,i=qo(t.parallel)[n];i&&i.parallelAxisDefault&&C(e,i.parallelAxisDefault,!1)}}))}(t)}var wO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this._model=t,this._api=n,this._handlers||(this._handlers={},z(SO,(function(t,e){n.getZr().on(e,this._handlers[e]=W(t,this))}),this)),cv(this,"_throttledDispatchExpand",t.get("axisExpandRate"),"fixRate")},e.prototype.dispose=function(t,e){hv(this,"_throttledDispatchExpand"),z(this._handlers,(function(t,n){e.getZr().off(n,t)})),this._handlers=null},e.prototype._throttledDispatchExpand=function(t){this._dispatchExpand(t)},e.prototype._dispatchExpand=function(t){t&&this._api.dispatchAction(A({type:"parallelAxisExpand"},t))},e.type="parallel",e}(Ky),SO={mousedown:function(t){MO(this,"click")&&(this._mouseDownPoint=[t.offsetX,t.offsetY])},mouseup:function(t){var e=this._mouseDownPoint;if(MO(this,"click")&&e){var n=[t.offsetX,t.offsetY];if(Math.pow(e[0]-n[0],2)+Math.pow(e[1]-n[1],2)>5)return;var i=this._model.coordinateSystem.getSlidedAxisExpandWindow([t.offsetX,t.offsetY]);"none"!==i.behavior&&this._dispatchExpand({axisExpandWindow:i.axisExpandWindow})}this._mouseDownPoint=null},mousemove:function(t){if(!this._mouseDownPoint&&MO(this,"mousemove")){var e=this._model,n=e.coordinateSystem.getSlidedAxisExpandWindow([t.offsetX,t.offsetY]),i=n.behavior;"jump"===i&&this._throttledDispatchExpand.debounceNextCall(e.get("axisExpandDebounce")),this._throttledDispatchExpand("none"===i?null:{axisExpandWindow:n.axisExpandWindow,animation:"jump"===i?null:{duration:0}})}}};function MO(t,e){var n=t._model;return n.get("axisExpandable")&&n.get("axisExpandTriggerOn")===e}var IO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){t.prototype.init.apply(this,arguments),this.mergeOption({})},e.prototype.mergeOption=function(t){var e=this.option;t&&C(e,t,!0),this._initDimensions()},e.prototype.contains=function(t,e){var n=t.get("parallelIndex");return null!=n&&e.getComponent("parallel",n)===this},e.prototype.setAxisExpand=function(t){z(["axisExpandable","axisExpandCenter","axisExpandCount","axisExpandWidth","axisExpandWindow"],(function(e){t.hasOwnProperty(e)&&(this.option[e]=t[e])}),this)},e.prototype._initDimensions=function(){var t=this.dimensions=[],e=this.parallelAxisIndex=[];z(V(this.ecModel.queryComponents({mainType:"parallelAxis"}),(function(t){return(t.get("parallelIndex")||0)===this.componentIndex}),this),(function(n){t.push("dim"+n.get("dim")),e.push(n.componentIndex)}))},e.type="parallel",e.dependencies=["parallelAxis"],e.layoutMode="box",e.defaultOption={z:0,left:80,top:60,right:80,bottom:60,layout:"horizontal",axisExpandable:!1,axisExpandCenter:null,axisExpandCount:0,axisExpandWidth:50,axisExpandRate:17,axisExpandDebounce:50,axisExpandSlideTriggerArea:[-.15,.05,.4],axisExpandTriggerOn:"click",parallelAxisDefault:null},e}(Qp),TO=function(t){function e(e,n,i,r,o){var a=t.call(this,e,n,i)||this;return a.type=r||"value",a.axisIndex=o,a}return n(e,t),e.prototype.isHorizontal=function(){return"horizontal"!==this.coordinateSystem.getModel().get("layout")},e}(Ww);function CO(t,e,n,i,r,o){t=t||0;var a=n[1]-n[0];if(null!=r&&(r=AO(r,[0,a])),null!=o&&(o=Math.max(o,null!=r?r:0)),"all"===i){var s=Math.abs(e[1]-e[0]);s=AO(s,[0,a]),r=o=AO(s,[r,o]),i=0}e[0]=AO(e[0],n),e[1]=AO(e[1],n);var l=DO(e,i);e[i]+=t;var u,c=r||0,h=n.slice();return l.sign<0?h[0]+=c:h[1]-=c,e[i]=AO(e[i],h),u=DO(e,i),null!=r&&(u.sign!==l.sign||u.span<r)&&(e[1-i]=e[i]+l.sign*r),u=DO(e,i),null!=o&&u.span>o&&(e[1-i]=e[i]+u.sign*o),e}function DO(t,e){var n=t[e]-t[1-e];return{span:Math.abs(n),sign:n>0?-1:n<0?1:e?-1:1}}function AO(t,e){return Math.min(null!=e[1]?e[1]:1/0,Math.max(null!=e[0]?e[0]:-1/0,t))}var kO=z,LO=Math.min,PO=Math.max,OO=Math.floor,RO=Math.ceil,NO=mo,zO=Math.PI,EO=function(){function t(t,e,n){this.type="parallel",this._axesMap=yt(),this._axesLayout={},this.dimensions=t.dimensions,this._model=t,this._init(t,e,n)}return t.prototype._init=function(t,e,n){var i=t.dimensions,r=t.parallelAxisIndex;kO(i,(function(t,n){var i=r[n],o=e.getComponent("parallelAxis",i),a=this._axesMap.set(t,new TO(t,Zb(o),[0,0],o.get("type"),i)),s="category"===a.type;a.onBand=s&&o.get("boundaryGap"),a.inverse=o.get("inverse"),o.axis=a,a.model=o,a.coordinateSystem=o.coordinateSystem=this}),this)},t.prototype.update=function(t,e){this._updateAxesFromSeries(this._model,t)},t.prototype.containPoint=function(t){var e=this._makeLayoutInfo(),n=e.axisBase,i=e.layoutBase,r=e.pixelDimIndex,o=t[1-r],a=t[r];return o>=n&&o<=n+e.axisLength&&a>=i&&a<=i+e.layoutLength},t.prototype.getModel=function(){return this._model},t.prototype._updateAxesFromSeries=function(t,e){e.eachSeries((function(n){if(t.contains(n,e)){var i=n.getData();kO(this.dimensions,(function(t){var e=this._axesMap.get(t);e.scale.unionExtentFromData(i,i.mapDimension(t)),Xb(e.scale,e.model)}),this)}}),this)},t.prototype.resize=function(t,e){var n=Xp(t,e).refContainer;this._rect=Hp(t.getBoxLayoutParams(),n),this._layoutAxes()},t.prototype.getRect=function(){return this._rect},t.prototype._makeLayoutInfo=function(){var t,e=this._model,n=this._rect,i=["x","y"],r=["width","height"],o=e.get("layout"),a="horizontal"===o?0:1,s=n[r[a]],l=[0,s],u=this.dimensions.length,c=BO(e.get("axisExpandWidth"),l),h=BO(e.get("axisExpandCount")||0,[0,u]),d=e.get("axisExpandable")&&u>3&&u>h&&h>1&&c>0&&s>0,p=e.get("axisExpandWindow");p?(t=BO(p[1]-p[0],l),p[1]=p[0]+t):(t=BO(c*(h-1),l),(p=[c*(e.get("axisExpandCenter")||OO(u/2))-t/2])[1]=p[0]+t);var f=(s-t)/(u-h);f<3&&(f=0);var g=[OO(NO(p[0]/c,1))+1,RO(NO(p[1]/c,1))-1],y=f/c*p[0];return{layout:o,pixelDimIndex:a,layoutBase:n[i[a]],layoutLength:s,axisBase:n[i[1-a]],axisLength:n[r[1-a]],axisExpandable:d,axisExpandWidth:c,axisCollapseWidth:f,axisExpandWindow:p,axisCount:u,winInnerIndices:g,axisExpandWindow0Pos:y}},t.prototype._layoutAxes=function(){var t=this._rect,e=this._axesMap,n=this.dimensions,i=this._makeLayoutInfo(),r=i.layout;e.each((function(t){var e=[0,i.axisLength],n=t.inverse?1:0;t.setExtent(e[n],e[1-n])})),kO(n,(function(e,n){var o=(i.axisExpandable?GO:VO)(n,i),a={horizontal:{x:o.position,y:i.axisLength},vertical:{x:0,y:o.position}},s={horizontal:zO/2,vertical:0},l=[a[r].x+t.x,a[r].y+t.y],u=s[r],c=[1,0,0,1,0,0];Me(c,c,u),Se(c,c,l),this._axesLayout[e]={position:l,rotation:u,transform:c,axisNameAvailableWidth:o.axisNameAvailableWidth,axisLabelShow:o.axisLabelShow,nameTruncateMaxWidth:o.nameTruncateMaxWidth,tickDirection:1,labelDirection:1}}),this)},t.prototype.getAxis=function(t){return this._axesMap.get(t)},t.prototype.dataToPoint=function(t,e){return this.axisCoordToPoint(this._axesMap.get(e).dataToCoord(t),e)},t.prototype.eachActiveState=function(t,e,n,i){null==n&&(n=0),null==i&&(i=t.count());var r=this._axesMap,o=this.dimensions,a=[],s=[];z(o,(function(e){a.push(t.mapDimension(e)),s.push(r.get(e).model)}));for(var l=this.hasAxisBrushed(),u=n;u<i;u++){var c=void 0;if(l){c="active";for(var h=t.getValues(a,u),d=0,p=o.length;d<p;d++){if("inactive"===s[d].getActiveState(h[d])){c="inactive";break}}}else c="normal";e(c,u)}},t.prototype.hasAxisBrushed=function(){for(var t=this.dimensions,e=this._axesMap,n=!1,i=0,r=t.length;i<r;i++)"normal"!==e.get(t[i]).model.getActiveState()&&(n=!0);return n},t.prototype.axisCoordToPoint=function(t,e){return Sh([t,0],this._axesLayout[e].transform)},t.prototype.getAxisLayout=function(t){return T(this._axesLayout[t])},t.prototype.getSlidedAxisExpandWindow=function(t){var e=this._makeLayoutInfo(),n=e.pixelDimIndex,i=e.axisExpandWindow.slice(),r=i[1]-i[0],o=[0,e.axisExpandWidth*(e.axisCount-1)];if(!this.containPoint(t))return{behavior:"none",axisExpandWindow:i};var a,s=t[n]-e.layoutBase-e.axisExpandWindow0Pos,l="slide",u=e.axisCollapseWidth,c=this._model.get("axisExpandSlideTriggerArea"),h=null!=c[0];if(u)h&&u&&s<r*c[0]?(l="jump",a=s-r*c[2]):h&&u&&s>r*(1-c[0])?(l="jump",a=s-r*(1-c[2])):(a=s-r*c[1])>=0&&(a=s-r*(1-c[1]))<=0&&(a=0),(a*=e.axisExpandWidth/u)?CO(a,i,o,"all"):l="none";else{var d=i[1]-i[0];(i=[PO(0,o[1]*s/d-d/2)])[1]=LO(o[1],i[0]+d),i[0]=i[1]-d}return{axisExpandWindow:i,behavior:l}},t}();function BO(t,e){return LO(PO(t,e[0]),e[1])}function VO(t,e){var n=e.layoutLength/(e.axisCount-1);return{position:n*t,axisNameAvailableWidth:n,axisLabelShow:!0}}function GO(t,e){var n,i,r=e.layoutLength,o=e.axisExpandWidth,a=e.axisCount,s=e.axisCollapseWidth,l=e.winInnerIndices,u=s,c=!1;return t<l[0]?(n=t*s,i=s):t<=l[1]?(n=e.axisExpandWindow0Pos+t*o-e.axisExpandWindow[0],u=o,c=!0):(n=r-(a-1-t)*s,i=s),{position:n,axisNameAvailableWidth:u,axisLabelShow:c,nameTruncateMaxWidth:i}}var FO={create:function(t,e){var n=[];return t.eachComponent("parallel",(function(i,r){var o=new EO(i,t,e);o.name="parallel_"+r,o.resize(i,e),i.coordinateSystem=o,o.model=i,n.push(o)})),t.eachSeries((function(t){if("parallel"===t.get("coordinateSystem")){var e=t.getReferringComponents("parallel",ha).models[0];t.coordinateSystem=e.coordinateSystem}})),n}},WO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.activeIntervals=[],n}return n(e,t),e.prototype.getAreaSelectStyle=function(){return Da([["fill","color"],["lineWidth","borderWidth"],["stroke","borderColor"],["width","width"],["opacity","opacity"]])(this.getModel("areaSelectStyle"))},e.prototype.setActiveIntervals=function(t){var e=this.activeIntervals=T(t);if(e)for(var n=e.length-1;n>=0;n--)xo(e[n])},e.prototype.getActiveState=function(t){var e=this.activeIntervals;if(!e.length)return"normal";if(null==t||isNaN(+t))return"inactive";if(1===e.length){var n=e[0];if(n[0]<=t&&t<=n[1])return"active"}else for(var i=0,r=e.length;i<r;i++)if(e[i][0]<=t&&t<=e[i][1])return"active";return"inactive"},e}(Qp);R(WO,nw);var HO=!0,UO=Math.min,YO=Math.max,XO=Math.pow,ZO="globalPan",jO={w:[0,0],e:[0,1],n:[1,0],s:[1,1]},qO={w:"ew",e:"ew",n:"ns",s:"ns",ne:"nesw",sw:"nesw",nw:"nwse",se:"nwse"},KO={brushStyle:{lineWidth:2,stroke:tf.color.backgroundTint,fill:tf.color.borderTint},transformable:!0,brushMode:"single",removeOnClick:!1},$O=0,JO=function(t){function e(e){var n=t.call(this)||this;return n._track=[],n._covers=[],n._handlers={},n._zr=e,n.group=new to,n._uid="brushController_"+$O++,z(IR,(function(t,e){this._handlers[e]=W(t,this)}),n),n}return n(e,t),e.prototype.enableBrush=function(t){return this._brushType&&this._doDisableBrush(),t.brushType&&this._doEnableBrush(t),this},e.prototype._doEnableBrush=function(t){var e=this._zr;this._enableGlobalPan||function(t,e,n){CD(t)[e]=n}(e,ZO,this._uid),z(this._handlers,(function(t,n){e.on(n,t)})),this._brushType=t.brushType,this._brushOption=C(T(KO),t,!0)},e.prototype._doDisableBrush=function(){var t=this._zr;!function(t,e,n){var i=CD(t);i[e]===n&&(i[e]=null)}(t,ZO,this._uid),z(this._handlers,(function(e,n){t.off(n,e)})),this._brushType=this._brushOption=null},e.prototype.setPanels=function(t){if(t&&t.length){var e=this._panels={};z(t,(function(t){e[t.panelId]=T(t)}))}else this._panels=null;return this},e.prototype.mount=function(t){t=t||{},this._enableGlobalPan=t.enableGlobalPan;var e=this.group;return this._zr.add(e),e.attr({x:t.x||0,y:t.y||0,rotation:t.rotation||0,scaleX:t.scaleX||1,scaleY:t.scaleY||1}),this._transform=e.getLocalTransform(),this},e.prototype.updateCovers=function(t){t=E(t,(function(t){return C(T(KO),t,!0)}));var e=this._covers,n=this._covers=[],i=this,r=this._creatingCover;return new f_(e,t,(function(t,e){return o(t.__brushOption,e)}),o).add(a).update(a).remove((function(t){e[t]!==r&&i.group.remove(e[t])})).execute(),this;function o(t,e){return(null!=t.id?t.id:"\0-brush-index-"+e)+"-"+t.brushType}function a(o,a){var s=t[o];if(null!=a&&e[a]===r)n[o]=e[a];else{var l=n[o]=null!=a?(e[a].__brushOption=s,e[a]):tR(i,QO(i,s));iR(i,l)}}},e.prototype.unmount=function(){return this.enableBrush(!1),sR(this),this._zr.remove(this.group),this},e.prototype.dispose=function(){this.unmount(),this.off()},e}(qt);function QO(t,e){var n=CR[e.brushType].createCover(t,e);return n.__brushOption=e,nR(n,e),t.group.add(n),n}function tR(t,e){var n=rR(e);return n.endCreating&&(n.endCreating(t,e),nR(e,e.__brushOption)),e}function eR(t,e){var n=e.__brushOption;rR(e).updateCoverShape(t,e,n.range,n)}function nR(t,e){var n=e.z;null==n&&(n=1e4),t.traverse((function(t){t.z=n,t.z2=n}))}function iR(t,e){rR(e).updateCommon(t,e),eR(t,e)}function rR(t){return CR[t.__brushOption.brushType]}function oR(t,e,n){var i,r=t._panels;if(!r)return HO;var o=t._transform;return z(r,(function(t){t.isTargetByCursor(e,n,o)&&(i=t)})),i}function aR(t,e){var n=t._panels;if(!n)return HO;var i=e.__brushOption.panelId;return null!=i?n[i]:HO}function sR(t){var e=t._covers,n=e.length;return z(e,(function(e){t.group.remove(e)}),t),e.length=0,!!n}function lR(t,e){var n=E(t._covers,(function(t){var e=t.__brushOption,n=T(e.range);return{brushType:e.brushType,panelId:e.panelId,range:n}}));t.trigger("brush",{areas:n,isEnd:!!e.isEnd,removeOnClick:!!e.removeOnClick})}function uR(t){var e=t.length-1;return e<0&&(e=0),[t[0],t[e]]}function cR(t,e,n,i){var r=new to;return r.add(new xl({name:"main",style:fR(n),silent:!0,draggable:!0,cursor:"move",drift:H(vR,t,e,r,["n","s","w","e"]),ondragend:H(lR,e,{isEnd:!0})})),z(i,(function(n){r.add(new xl({name:n.join(""),style:{opacity:0},draggable:!0,silent:!0,invisible:!0,drift:H(vR,t,e,r,n),ondragend:H(lR,e,{isEnd:!0})}))})),r}function hR(t,e,n,i){var r=i.brushStyle.lineWidth||0,o=YO(r,6),a=n[0][0],s=n[1][0],l=a-r/2,u=s-r/2,c=n[0][1],h=n[1][1],d=c-o+r/2,p=h-o+r/2,f=c-a,g=h-s,y=f+r,v=g+r;pR(t,e,"main",a,s,f,g),i.transformable&&(pR(t,e,"w",l,u,o,v),pR(t,e,"e",d,u,o,v),pR(t,e,"n",l,u,y,o),pR(t,e,"s",l,p,y,o),pR(t,e,"nw",l,u,o,o),pR(t,e,"ne",d,u,o,o),pR(t,e,"sw",l,p,o,o),pR(t,e,"se",d,p,o,o))}function dR(t,e){var n=e.__brushOption,i=n.transformable,r=e.childAt(0);r.useStyle(fR(n)),r.attr({silent:!i,cursor:i?"move":"default"}),z([["w"],["e"],["n"],["s"],["s","e"],["s","w"],["n","e"],["n","w"]],(function(n){var r=e.childOfName(n.join("")),o=1===n.length?yR(t,n[0]):function(t,e){var n=[yR(t,e[0]),yR(t,e[1])];return("e"===n[0]||"w"===n[0])&&n.reverse(),n.join("")}(t,n);r&&r.attr({silent:!i,invisible:!i,cursor:i?qO[o]+"-resize":null})}))}function pR(t,e,n,i,r,o,a){var s=e.childOfName(n);s&&s.setShape(function(t){var e=UO(t[0][0],t[1][0]),n=UO(t[0][1],t[1][1]),i=YO(t[0][0],t[1][0]),r=YO(t[0][1],t[1][1]);return{x:e,y:n,width:i-e,height:r-n}}(_R(t,e,[[i,r],[i+o,r+a]])))}function fR(t){return k({strokeNoScale:!0},t.brushStyle)}function gR(t,e,n,i){var r=[UO(t,n),UO(e,i)],o=[YO(t,n),YO(e,i)];return[[r[0],o[0]],[r[1],o[1]]]}function yR(t,e){var n=Mh({w:"left",e:"right",n:"top",s:"bottom"}[e],function(t){return wh(t.group)}(t));return{left:"w",right:"e",top:"n",bottom:"s"}[n]}function vR(t,e,n,i,r,o){var a=n.__brushOption,s=t.toRectRange(a.range),l=xR(e,r,o);z(i,(function(t){var e=jO[t];s[e[0]][e[1]]+=l[e[0]]})),a.range=t.fromRectRange(gR(s[0][0],s[1][0],s[0][1],s[1][1])),iR(e,n),lR(e,{isEnd:!1})}function mR(t,e,n,i){var r=e.__brushOption.range,o=xR(t,n,i);z(r,(function(t){t[0]+=o[0],t[1]+=o[1]})),iR(t,e),lR(t,{isEnd:!1})}function xR(t,e,n){var i=t.group,r=i.transformCoordToLocal(e,n),o=i.transformCoordToLocal(0,0);return[r[0]-o[0],r[1]-o[1]]}function _R(t,e,n){var i=aR(t,e);return i&&i!==HO?i.clipPath(n,t._transform):T(n)}function bR(t){var e=t.event;e.preventDefault&&e.preventDefault()}function wR(t,e,n){return t.childOfName("main").contain(e,n)}function SR(t,e,n,i){var r,o=t._creatingCover,a=t._creatingPanel,s=t._brushOption;if(t._track.push(n.slice()),function(t){var e=t._track;if(!e.length)return!1;var n=e[e.length-1],i=e[0],r=n[0]-i[0],o=n[1]-i[1];return XO(r*r+o*o,.5)>6}(t)||o){if(a&&!o){"single"===s.brushMode&&sR(t);var l=T(s);l.brushType=MR(l.brushType,a),l.panelId=a===HO?null:a.panelId,o=t._creatingCover=QO(t,l),t._covers.push(o)}if(o){var u=CR[MR(t._brushType,a)];o.__brushOption.range=u.getCreatingRange(_R(t,o,t._track)),i&&(tR(t,o),u.updateCommon(t,o)),eR(t,o),r={isEnd:i}}}else i&&"single"===s.brushMode&&s.removeOnClick&&oR(t,e,n)&&sR(t)&&(r={isEnd:i,removeOnClick:!0});return r}function MR(t,e){return"auto"===t?e.defaultBrushType:t}var IR={mousedown:function(t){if(this._dragging)TR(this,t);else if(!t.target||!t.target.draggable){bR(t);var e=this.group.transformCoordToLocal(t.offsetX,t.offsetY);this._creatingCover=null,(this._creatingPanel=oR(this,t,e))&&(this._dragging=!0,this._track=[e.slice()])}},mousemove:function(t){var e=t.offsetX,n=t.offsetY,i=this.group.transformCoordToLocal(e,n);if(function(t,e,n){if(t._brushType&&!function(t,e,n){var i=t._zr;return e<0||e>i.getWidth()||n<0||n>i.getHeight()}(t,e.offsetX,e.offsetY)){var i=t._zr,r=t._covers,o=oR(t,e,n);if(!t._dragging)for(var a=0;a<r.length;a++){var s=r[a].__brushOption;if(o&&(o===HO||s.panelId===o.panelId)&&CR[s.brushType].contain(r[a],n[0],n[1]))return}o&&i.setCursorStyle("crosshair")}}(this,t,i),this._dragging){bR(t);var r=SR(this,t,i,!1);r&&lR(this,r)}},mouseup:function(t){TR(this,t)}};function TR(t,e){if(t._dragging){bR(e);var n=e.offsetX,i=e.offsetY,r=t.group.transformCoordToLocal(n,i),o=SR(t,e,r,!0);t._dragging=!1,t._track=[],t._creatingCover=null,o&&lR(t,o)}}var CR={lineX:DR(0),lineY:DR(1),rect:{createCover:function(t,e){function n(t){return t}return cR({toRectRange:n,fromRectRange:n},t,e,[["w"],["e"],["n"],["s"],["s","e"],["s","w"],["n","e"],["n","w"]])},getCreatingRange:function(t){var e=uR(t);return gR(e[1][0],e[1][1],e[0][0],e[0][1])},updateCoverShape:function(t,e,n,i){hR(t,e,n,i)},updateCommon:dR,contain:wR},polygon:{createCover:function(t,e){var n=new to;return n.add(new Tc({name:"main",style:fR(e),silent:!0})),n},getCreatingRange:function(t){return t},endCreating:function(t,e){e.remove(e.childAt(0)),e.add(new Mc({name:"main",draggable:!0,drift:H(mR,t,e),ondragend:H(lR,t,{isEnd:!0})}))},updateCoverShape:function(t,e,n,i){e.childAt(0).setShape({points:_R(t,e,n)})},updateCommon:dR,contain:wR}};function DR(t){return{createCover:function(e,n){return cR({toRectRange:function(e){var n=[e,[0,100]];return t&&n.reverse(),n},fromRectRange:function(e){return e[t]}},e,n,[[["w"],["e"]],[["n"],["s"]]][t])},getCreatingRange:function(e){var n=uR(e);return[UO(n[0][t],n[1][t]),YO(n[0][t],n[1][t])]},updateCoverShape:function(e,n,i,r){var o,a=aR(e,n);if(a!==HO&&a.getLinearBrushOtherExtent)o=a.getLinearBrushOtherExtent(t);else{var s=e._zr;o=[0,[s.getWidth(),s.getHeight()][1-t]]}var l=[i,o];t&&l.reverse(),hR(e,n,l,r)},updateCommon:dR,contain:wR}}function AR(t){return t=PR(t),function(e){return Ch(e,t)}}function kR(t,e){return t=PR(t),function(n){var i=null!=e?e:n,r=i?t.width:t.height,o=i?t.x:t.y;return[o,o+(r||0)]}}function LR(t,e,n){var i=PR(t);return function(t,r){return i.contain(r[0],r[1])&&!kD(t,e,n)}}function PR(t){return He.create(t)}var OR=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e,n){t.prototype.init.apply(this,arguments),(this._brushController=new JO(n.getZr())).on("brush",W(this._onBrush,this))},e.prototype.render=function(t,e,n,i){if(!function(t,e,n){return n&&"axisAreaSelect"===n.type&&e.findComponents({mainType:"parallelAxis",query:n})[0]===t}(t,e,i)){this.axisModel=t,this.api=n,this.group.removeAll();var r=this._axisGroup;if(this._axisGroup=new to,this.group.add(this._axisGroup),t.get("show")){var o=function(t,e){return e.getComponent("parallel",t.get("parallelIndex"))}(t,e),a=o.coordinateSystem,s=t.getAreaSelectStyle(),l=s.width,u=t.axis.dim,c=A({strokeContainThreshold:l},a.getAxisLayout(u)),h=new mC(t,n,c);h.build(),this._axisGroup.add(h.group),this._refreshBrushController(c,s,t,o,l,n),Th(r,this._axisGroup,t)}}},e.prototype._refreshBrushController=function(t,e,n,i,r,o){var a=n.axis.getExtent(),s=a[1]-a[0],l=Math.min(30,.1*Math.abs(s)),u=He.create({x:a[0],y:-r/2,width:s,height:r});u.x-=l,u.width+=2*l,this._brushController.mount({enableGlobalPan:!0,rotation:t.rotation,x:t.position[0],y:t.position[1]}).setPanels([{panelId:"pl",clipPath:AR(u),isTargetByCursor:LR(u,o,i),getLinearBrushOtherExtent:kR(u,0)}]).enableBrush({brushType:"lineX",brushStyle:e,removeOnClick:!0}).updateCovers(function(t){var e=t.axis;return E(t.activeIntervals,(function(t){return{brushType:"lineX",panelId:"pl",range:[e.dataToCoord(t[0],!0),e.dataToCoord(t[1],!0)]}}))}(n))},e.prototype._onBrush=function(t){var e=t.areas,n=this.axisModel,i=n.axis,r=E(e,(function(t){return[i.coordToData(t.range[0],!0),i.coordToData(t.range[1],!0)]}));(!n.option.realtime===t.isEnd||t.removeOnClick)&&this.api.dispatchAction({type:"axisAreaSelect",parallelAxisId:n.id,intervals:r})},e.prototype.dispose=function(){this._brushController.dispose()},e.type="parallelAxis",e}(Ky);var RR={type:"axisAreaSelect",event:"axisAreaSelected"};var NR={type:"value",areaSelectStyle:{width:20,borderWidth:1,borderColor:"rgba(160,197,232)",color:"rgba(160,197,232)",opacity:.3},realtime:!0,z:10};function zR(t){t.registerComponentView(wO),t.registerComponentModel(IO),t.registerCoordinateSystem("parallel",FO),t.registerPreprocessor(bO),t.registerComponentModel(WO),t.registerComponentView(OR),XT(t,"parallel",WO,NR),function(t){t.registerAction(RR,(function(t,e){e.eachComponent({mainType:"parallelAxis",query:t},(function(e){e.axis.model.setActiveIntervals(t.intervals)}))})),t.registerAction("parallelAxisExpand",(function(t,e){e.eachComponent({mainType:"parallel",query:t},(function(e){e.setAxisExpand(t)}))}))}(t)}var ER=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.cpx1=0,this.cpy1=0,this.cpx2=0,this.cpy2=0,this.extent=0},BR=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new ER},e.prototype.buildPath=function(t,e){var n=e.extent;t.moveTo(e.x1,e.y1),t.bezierCurveTo(e.cpx1,e.cpy1,e.cpx2,e.cpy2,e.x2,e.y2),"vertical"===e.orient?(t.lineTo(e.x2+n,e.y2),t.bezierCurveTo(e.cpx2+n,e.cpy2,e.cpx1+n,e.cpy1,e.x1+n,e.y1)):(t.lineTo(e.x2,e.y2+n),t.bezierCurveTo(e.cpx2,e.cpy2+n,e.cpx1,e.cpy1+n,e.x1,e.y1+n)),t.closePath()},e.prototype.highlight=function(){du(this)},e.prototype.downplay=function(){pu(this)},e}(sl),VR=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._mainGroup=new to,n._focusAdjacencyDisabled=!1,n}return n(e,t),e.prototype.init=function(t,e){this._controller=new LD(e.getZr()),this._controllerHost={target:this.group},this.group.add(this._mainGroup)},e.prototype.render=function(t,e,n){var i=this,r=t.getGraph(),o=this._mainGroup,a=t.layoutInfo,s=a.width,l=a.height,u=t.getData(),c=t.getData("edge"),h=t.get("orient");this._model=t,o.removeAll(),o.x=a.x,o.y=a.y,this._updateViewCoordSys(t,n),HD(t,n,o,this._controller,this._controllerHost,null),r.eachEdge((function(e){var n=new BR,i=zl(n);i.dataIndex=e.dataIndex,i.seriesIndex=t.seriesIndex,i.dataType="edge";var r,a,u,d,p,f,g,y,v=e.getModel(),m=v.getModel("lineStyle"),x=m.get("curveness"),_=e.node1.getLayout(),b=e.node1.getModel(),w=b.get("localX"),S=b.get("localY"),M=e.node2.getLayout(),I=e.node2.getModel(),T=I.get("localX"),C=I.get("localY"),D=e.getLayout();n.shape.extent=Math.max(1,D.dy),n.shape.orient=h,"vertical"===h?(r=(null!=w?w*s:_.x)+D.sy,a=(null!=S?S*l:_.y)+_.dy,u=(null!=T?T*s:M.x)+D.ty,p=r,f=a*(1-x)+(d=null!=C?C*l:M.y)*x,g=u,y=a*x+d*(1-x)):(r=(null!=w?w*s:_.x)+_.dx,a=(null!=S?S*l:_.y)+D.sy,p=r*(1-x)+(u=null!=T?T*s:M.x)*x,f=a,g=r*x+u*(1-x),y=d=(null!=C?C*l:M.y)+D.ty),n.setShape({x1:r,y1:a,x2:u,y2:d,cpx1:p,cpy1:f,cpx2:g,cpy2:y}),n.useStyle(m.getItemStyle()),GR(n.style,h,e);var A=""+v.get("value"),k=Jh(v,"edgeLabel");$h(n,k,{labelFetcher:{getFormattedLabel:function(e,n,i,r,o,a){return t.getFormattedLabel(e,n,"edge",r,ot(o,k.normal&&k.normal.get("formatter"),A),a)}},labelDataIndex:e.dataIndex,defaultText:A}),n.setTextConfig({position:"inside"});var L=v.getModel("emphasis");ku(n,v,"lineStyle",(function(t){var n=t.getItemStyle();return GR(n,h,e),n})),o.add(n),c.setItemGraphicEl(e.dataIndex,n);var P=L.get("focus");Tu(n,"adjacency"===P?e.getAdjacentDataIndices():"trajectory"===P?e.getTrajectoryDataIndices():P,L.get("blurScope"),L.get("disabled"))})),r.eachNode((function(e){var n=e.getLayout(),i=e.getModel(),r=i.get("localX"),a=i.get("localY"),c=i.getModel("emphasis"),h=i.get(["itemStyle","borderRadius"])||0,d=new xl({shape:{x:null!=r?r*s:n.x,y:null!=a?a*l:n.y,width:n.dx,height:n.dy,r:h},style:i.getModel("itemStyle").getItemStyle(),z2:10});$h(d,Jh(i),{labelFetcher:{getFormattedLabel:function(e,n){return t.getFormattedLabel(e,n,"node")}},labelDataIndex:e.dataIndex,defaultText:e.id}),d.disableLabelAnimation=!0,d.setStyle("fill",e.getVisual("color")),d.setStyle("decal",e.getVisual("style").decal),ku(d,i),o.add(d),u.setItemGraphicEl(e.dataIndex,d),zl(d).dataType="node";var p=c.get("focus");Tu(d,"adjacency"===p?e.getAdjacentDataIndices():"trajectory"===p?e.getTrajectoryDataIndices():p,c.get("blurScope"),c.get("disabled"))})),u.eachItemGraphicEl((function(e,r){u.getItemModel(r).get("draggable")&&(e.drift=function(e,o){i._focusAdjacencyDisabled=!0,this.shape.x+=e,this.shape.y+=o,this.dirty(),n.dispatchAction({type:"dragNode",seriesId:t.id,dataIndex:u.getRawIndex(r),localX:this.shape.x/s,localY:this.shape.y/l})},e.ondragend=function(){i._focusAdjacencyDisabled=!1},e.draggable=!0,e.cursor="move")})),!this._data&&t.isAnimationEnabled()&&o.setClipPath(function(t,e,n){var i=new xl({shape:{x:t.x-10,y:t.y-10,width:0,height:t.height+20}});return eh(i,{shape:{width:t.width+20}},e,n),i}(o.getBoundingRect(),t,(function(){o.removeClipPath()}))),this._data=t.getData()},e.prototype.dispose=function(){this._controller&&this._controller.dispose(),this._controllerHost=null},e.prototype._updateViewCoordSys=function(t,e){var n=t.layoutInfo,i=n.width,r=n.height,o=t.coordinateSystem=new KA(null,{api:e,ecModel:t.ecModel});o.zoomLimit=t.get("scaleLimit"),o.setBoundingRect(0,0,i,r),o.setCenter(t.get("center")),o.setZoom(t.get("zoom")),this._controllerHost.target.attr({x:o.x,y:o.y,scaleX:o.scaleX,scaleY:o.scaleY})},e.type="sankey",e}(tv);function GR(t,e,n){switch(t.fill){case"source":t.fill=n.node1.getVisual("color"),t.decal=n.node1.getVisual("style").decal;break;case"target":t.fill=n.node2.getVisual("color"),t.decal=n.node2.getVisual("style").decal;break;case"gradient":var i=n.node1.getVisual("color"),r=n.node2.getVisual("color");X(i)&&X(r)&&(t.fill=new Bc(0,0,+("horizontal"===e),+("vertical"===e),[{color:i,offset:0},{color:r,offset:1}]))}}var FR=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(t,e){var n=t.edges||t.links||[],i=t.data||t.nodes||[],r=t.levels||[];this.levelModels=[];for(var o=this.levelModels,a=0;a<r.length;a++)null!=r[a].depth&&r[a].depth>=0&&(o[r[a].depth]=new wd(r[a],this,e));var s=XP(i,n,this,!0,(function(t,e){t.wrapMethod("getItemModel",(function(t,e){var n=t.parentModel,i=n.getData().getItemLayout(e);if(i){var r=i.depth,o=n.levelModels[r];o&&(t.parentModel=o)}return t})),e.wrapMethod("getItemModel",(function(t,e){var n=t.parentModel,i=n.getGraph().getEdgeByIndex(e).node1.getLayout();if(i){var r=i.depth,o=n.levelModels[r];o&&(t.parentModel=o)}return t}))}));return s.data},e.prototype.setNodePosition=function(t,e){var n=(this.option.data||this.option.nodes)[t];n.localX=e[0],n.localY=e[1]},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.getGraph=function(){return this.getData().graph},e.prototype.getEdgeData=function(){return this.getGraph().edgeData},e.prototype.formatTooltip=function(t,e,n){function i(t){return isNaN(t)||null==t}if("edge"===n){var r=this.getDataParams(t,n),o=r.data,a=r.value;return Ty("nameValue",{name:o.source+" -- "+o.target,value:a,noValue:i(a)})}var s=this.getGraph().getNodeByIndex(t).getLayout().value,l=this.getDataParams(t,n).data.name;return Ty("nameValue",{name:null!=l?l+"":null,value:s,noValue:i(s)})},e.prototype.optionUpdated=function(){},e.prototype.getDataParams=function(e,n){var i=t.prototype.getDataParams.call(this,e,n);if(null==i.value&&"node"===n){var r=this.getGraph().getNodeByIndex(e).getLayout().value;i.value=r}return i},e.type="series.sankey",e.layoutMode="box",e.defaultOption={z:2,coordinateSystemUsage:"box",left:"5%",top:"5%",right:"20%",bottom:"5%",orient:"horizontal",nodeWidth:20,nodeGap:8,draggable:!0,layoutIterations:32,roam:!1,roamTrigger:"global",center:null,zoom:1,label:{show:!0,position:"right",fontSize:12},edgeLabel:{show:!1,fontSize:12},levels:[],nodeAlign:"justify",lineStyle:{color:tf.color.neutral50,opacity:.2,curveness:.5},emphasis:{label:{show:!0},lineStyle:{opacity:.5}},select:{itemStyle:{borderColor:tf.color.primary}},animationEasing:"linear",animationDuration:1e3},e}(Wy);function WR(t,e){t.eachSeriesByType("sankey",(function(t){var n=t.get("nodeWidth"),i=t.get("nodeGap"),r=Xp(t,e).refContainer,o=Hp(t.getBoxLayoutParams(),r);t.layoutInfo=o;var a=o.width,s=o.height,l=t.getGraph(),u=l.nodes,c=l.edges;!function(t){z(t,(function(t){var e=JR(t.outEdges,$R),n=JR(t.inEdges,$R),i=t.getValue()||0,r=Math.max(e,n,i);t.setLayout({value:r},!0)}))}(u),function(t,e,n,i,r,o,a,s,l){(function(t,e,n,i,r,o,a){for(var s=[],l=[],u=[],c=[],h=0,d=0;d<e.length;d++)s[d]=1;for(d=0;d<t.length;d++)l[d]=t[d].inEdges.length,0===l[d]&&u.push(t[d]);var p=-1;for(;u.length;){for(var f=0;f<u.length;f++){var g=u[f],y=g.hostGraph.data.getRawDataItem(g.dataIndex),v=null!=y.depth&&y.depth>=0;v&&y.depth>p&&(p=y.depth),g.setLayout({depth:v?y.depth:h},!0),"vertical"===o?g.setLayout({dy:n},!0):g.setLayout({dx:n},!0);for(var m=0;m<g.outEdges.length;m++){var x=g.outEdges[m];s[e.indexOf(x)]=0;var _=x.node2;0==--l[t.indexOf(_)]&&c.indexOf(_)<0&&c.push(_)}}++h,u=c,c=[]}for(d=0;d<s.length;d++)if(1===s[d])throw new Error("Sankey is a DAG, the original data has cycle!");var b=p>h-1?p:h-1;a&&"left"!==a&&function(t,e,n,i){if("right"===e){for(var r=[],o=t,a=0;o.length;){for(var s=0;s<o.length;s++){var l=o[s];l.setLayout({skNodeHeight:a},!0);for(var u=0;u<l.inEdges.length;u++){var c=l.inEdges[u];r.indexOf(c.node1)<0&&r.push(c.node1)}}o=r,r=[],++a}z(t,(function(t){HR(t)||t.setLayout({depth:Math.max(0,i-t.getLayout().skNodeHeight)},!0)}))}else"justify"===e&&function(t,e){z(t,(function(t){HR(t)||t.outEdges.length||t.setLayout({depth:e},!0)}))}(t,i)}(t,a,0,b);var w="vertical"===o?(r-n)/b:(i-n)/b;!function(t,e,n){z(t,(function(t){var i=t.getLayout().depth*e;"vertical"===n?t.setLayout({y:i},!0):t.setLayout({x:i},!0)}))}(t,w,o)})(t,e,n,r,o,s,l),function(t,e,n,i,r,o,a){var s=function(t,e){var n=[],i="vertical"===e?"y":"x",r=ga(t,(function(t){return t.getLayout()[i]}));return r.keys.sort((function(t,e){return t-e})),z(r.keys,(function(t){n.push(r.buckets.get(t))})),n}(t,a);(function(t,e,n,i,r,o){var a=1/0;z(t,(function(t){var e=t.length,s=0;z(t,(function(t){s+=t.getLayout().value}));var l="vertical"===o?(i-(e-1)*r)/s:(n-(e-1)*r)/s;l<a&&(a=l)})),z(t,(function(t){z(t,(function(t,e){var n=t.getLayout().value*a;"vertical"===o?(t.setLayout({x:e},!0),t.setLayout({dx:n},!0)):(t.setLayout({y:e},!0),t.setLayout({dy:n},!0))}))})),z(e,(function(t){var e=+t.getValue()*a;t.setLayout({dy:e},!0)}))})(s,e,n,i,r,a),UR(s,r,n,i,a);for(var l=1;o>0;o--)YR(s,l*=.99,a),UR(s,r,n,i,a),QR(s,l,a),UR(s,r,n,i,a)}(t,e,o,r,i,a,s),function(t,e){var n="vertical"===e?"x":"y";z(t,(function(t){t.outEdges.sort((function(t,e){return t.node2.getLayout()[n]-e.node2.getLayout()[n]})),t.inEdges.sort((function(t,e){return t.node1.getLayout()[n]-e.node1.getLayout()[n]}))})),z(t,(function(t){var e=0,n=0;z(t.outEdges,(function(t){t.setLayout({sy:e},!0),e+=t.getLayout().dy})),z(t.inEdges,(function(t){t.setLayout({ty:n},!0),n+=t.getLayout().dy}))}))}(t,s)}(u,c,n,i,a,s,0!==V(u,(function(t){return 0===t.getLayout().value})).length?0:t.get("layoutIterations"),t.get("orient"),t.get("nodeAlign"))}))}function HR(t){var e=t.hostGraph.data.getRawDataItem(t.dataIndex);return null!=e.depth&&e.depth>=0}function UR(t,e,n,i,r){var o="vertical"===r?"x":"y";z(t,(function(t){var a,s,l;t.sort((function(t,e){return t.getLayout()[o]-e.getLayout()[o]}));for(var u=0,c=t.length,h="vertical"===r?"dx":"dy",d=0;d<c;d++)(l=u-(s=t[d]).getLayout()[o])>0&&(a=s.getLayout()[o]+l,"vertical"===r?s.setLayout({x:a},!0):s.setLayout({y:a},!0)),u=s.getLayout()[o]+s.getLayout()[h]+e;if((l=u-e-("vertical"===r?i:n))>0){a=s.getLayout()[o]-l,"vertical"===r?s.setLayout({x:a},!0):s.setLayout({y:a},!0),u=a;for(d=c-2;d>=0;--d)(l=(s=t[d]).getLayout()[o]+s.getLayout()[h]+e-u)>0&&(a=s.getLayout()[o]-l,"vertical"===r?s.setLayout({x:a},!0):s.setLayout({y:a},!0)),u=s.getLayout()[o]}}))}function YR(t,e,n){z(t.slice().reverse(),(function(t){z(t,(function(t){if(t.outEdges.length){var i=JR(t.outEdges,XR,n)/JR(t.outEdges,$R);if(isNaN(i)){var r=t.outEdges.length;i=r?JR(t.outEdges,ZR,n)/r:0}if("vertical"===n){var o=t.getLayout().x+(i-KR(t,n))*e;t.setLayout({x:o},!0)}else{var a=t.getLayout().y+(i-KR(t,n))*e;t.setLayout({y:a},!0)}}}))}))}function XR(t,e){return KR(t.node2,e)*t.getValue()}function ZR(t,e){return KR(t.node2,e)}function jR(t,e){return KR(t.node1,e)*t.getValue()}function qR(t,e){return KR(t.node1,e)}function KR(t,e){return"vertical"===e?t.getLayout().x+t.getLayout().dx/2:t.getLayout().y+t.getLayout().dy/2}function $R(t){return t.getValue()}function JR(t,e,n){for(var i=0,r=t.length,o=-1;++o<r;){var a=+e(t[o],n);isNaN(a)||(i+=a)}return i}function QR(t,e,n){z(t,(function(t){z(t,(function(t){if(t.inEdges.length){var i=JR(t.inEdges,jR,n)/JR(t.inEdges,$R);if(isNaN(i)){var r=t.inEdges.length;i=r?JR(t.inEdges,qR,n)/r:0}if("vertical"===n){var o=t.getLayout().x+(i-KR(t,n))*e;t.setLayout({x:o},!0)}else{var a=t.getLayout().y+(i-KR(t,n))*e;t.setLayout({y:a},!0)}}}))}))}function tN(t){t.eachSeriesByType("sankey",(function(t){var e=t.getGraph(),n=e.nodes,i=e.edges;if(n.length){var r=1/0,o=-1/0;z(n,(function(t){var e=t.getLayout().value;e<r&&(r=e),e>o&&(o=e)})),z(n,(function(e){var n=new hL({type:"color",mappingMethod:"linear",dataExtent:[r,o],visual:t.get("color")}).mapValueToVisual(e.getLayout().value),i=e.getModel().get(["itemStyle","color"]);null!=i?(e.setVisual("color",i),e.setVisual("style",{fill:i})):(e.setVisual("color",n),e.setVisual("style",{fill:n}))}))}i.length&&z(i,(function(t){var e=t.getModel().get("lineStyle");t.setVisual("style",e)}))}))}var eN=function(){function t(){}return t.prototype._hasEncodeRule=function(t){var e=this.getEncode();return e&&null!=e.get(t)},t.prototype.getInitialData=function(t,e){var n,i,r=e.getComponent("xAxis",this.get("xAxisIndex")),o=e.getComponent("yAxis",this.get("yAxisIndex")),a=r.get("type"),s=o.get("type");"category"===a?(t.layout="horizontal",n=r.getOrdinalMeta(),i=!this._hasEncodeRule("x")):"category"===s?(t.layout="vertical",n=o.getOrdinalMeta(),i=!this._hasEncodeRule("y")):t.layout=t.layout||"horizontal";var l=["x","y"],u="horizontal"===t.layout?0:1,c=this._baseAxisDim=l[u],h=l[1-u],d=[r,o],p=d[u].get("type"),f=d[1-u].get("type"),g=t.data;if(g&&i){var y=[];z(g,(function(t,e){var n;U(t)?(n=t.slice(),t.unshift(e)):U(t.value)?((n=A({},t)).value=n.value.slice(),t.value.unshift(e)):n=t,y.push(n)})),t.data=y}var v=this.defaultValueDimensions,m=[{name:c,type:v_(p),ordinalMeta:n,otherDims:{tooltip:!1,itemName:0},dimsDef:["base"]},{name:h,type:v_(f),dimsDef:v.slice()}];return IT(this,{coordDimensions:m,dimensionsCount:v.length+1,encodeDefaulter:H(Sf,m,this)})},t.prototype.getBaseAxis=function(){var t=this._baseAxisDim;return this.ecModel.getComponent(t+"Axis",this.get(t+"AxisIndex")).axis},t}(),nN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.defaultValueDimensions=[{name:"min",defaultTooltip:!0},{name:"Q1",defaultTooltip:!0},{name:"median",defaultTooltip:!0},{name:"Q3",defaultTooltip:!0},{name:"max",defaultTooltip:!0}],n.visualDrawType="stroke",n}return n(e,t),e.type="series.boxplot",e.dependencies=["xAxis","yAxis","grid"],e.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,layout:null,boxWidth:[7,50],itemStyle:{color:tf.color.neutral00,borderWidth:1},emphasis:{scale:!0,itemStyle:{borderWidth:2,shadowBlur:5,shadowOffsetX:1,shadowOffsetY:1,shadowColor:tf.color.shadow}},animationDuration:800},e}(Wy);R(nN,eN,!0);var iN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this.group,o=this._data;this._data||r.removeAll();var a="horizontal"===t.get("layout")?1:0;i.diff(o).add((function(t){if(i.hasValue(t)){var e=aN(i.getItemLayout(t),i,t,a,!0);i.setItemGraphicEl(t,e),r.add(e)}})).update((function(t,e){var n=o.getItemGraphicEl(e);if(i.hasValue(t)){var s=i.getItemLayout(t);n?(ah(n),sN(s,n,i,t)):n=aN(s,i,t,a),r.add(n),i.setItemGraphicEl(t,n)}else r.remove(n)})).remove((function(t){var e=o.getItemGraphicEl(t);e&&r.remove(e)})).execute(),this._data=i},e.prototype.remove=function(t){var e=this.group,n=this._data;this._data=null,n&&n.eachItemGraphicEl((function(t){t&&e.remove(t)}))},e.type="boxplot",e}(tv),rN=function(){},oN=function(t){function e(e){var n=t.call(this,e)||this;return n.type="boxplotBoxPath",n}return n(e,t),e.prototype.getDefaultShape=function(){return new rN},e.prototype.buildPath=function(t,e){var n=e.points,i=0;for(t.moveTo(n[i][0],n[i][1]),i++;i<4;i++)t.lineTo(n[i][0],n[i][1]);for(t.closePath();i<n.length;i++)t.moveTo(n[i][0],n[i][1]),i++,t.lineTo(n[i][0],n[i][1])},e}(sl);function aN(t,e,n,i,r){var o=t.ends,a=new oN({shape:{points:r?lN(o,i,t):o}});return sN(t,a,e,n,r),a}function sN(t,e,n,i,r){var o=n.hostModel;(0,Zh[r?"initProps":"updateProps"])(e,{shape:{points:t.ends}},o,i),e.useStyle(n.getItemVisual(i,"style")),e.style.strokeNoScale=!0,e.z2=100;var a=n.getItemModel(i),s=a.getModel("emphasis");ku(e,a),Tu(e,s.get("focus"),s.get("blurScope"),s.get("disabled"))}function lN(t,e,n){return E(t,(function(t){return(t=t.slice())[e]=n.initBaseline,t}))}var uN=z;function cN(t){var e=function(t){var e=[],n=[];return t.eachSeriesByType("boxplot",(function(t){var i=t.getBaseAxis(),r=P(n,i);r<0&&(r=n.length,n[r]=i,e[r]={axis:i,seriesModels:[]}),e[r].seriesModels.push(t)})),e}(t);uN(e,(function(t){var e=t.seriesModels;e.length&&(!function(t){var e,n=t.axis,i=t.seriesModels,r=i.length,o=t.boxWidthList=[],a=t.boxOffsetList=[],s=[];if("category"===n.type)e=n.getBandWidth();else{var l=0;uN(i,(function(t){l=Math.max(l,t.getData().count())}));var u=n.getExtent();e=Math.abs(u[1]-u[0])/l}uN(i,(function(t){var n=t.get("boxWidth");U(n)||(n=[n,n]),s.push([yo(n[0],e)||0,yo(n[1],e)||0])}));var c=.8*e-2,h=c/r*.3,d=(c-h*(r-1))/r,p=d/2-c/2;uN(i,(function(t,e){a.push(p),p+=h+d,o.push(Math.min(Math.max(d,s[e][0]),s[e][1]))}))}(t),uN(e,(function(e,n){!function(t,e,n){var i=t.coordinateSystem,r=t.getData(),o=n/2,a="horizontal"===t.get("layout")?0:1,s=1-a,l=["x","y"],u=r.mapDimension(l[a]),c=r.mapDimensionsAll(l[s]);if(null==u||c.length<5)return;for(var h=0;h<r.count();h++){var d=r.get(u,h),p=x(d,c[2],h),f=x(d,c[0],h),g=x(d,c[1],h),y=x(d,c[3],h),v=x(d,c[4],h),m=[];_(m,g,!1),_(m,y,!0),m.push(f,g,v,y),b(m,f),b(m,v),b(m,p),r.setItemLayout(h,{initBaseline:p[s],ends:m})}function x(t,n,o){var l,u=r.get(n,o),c=[];return c[a]=t,c[s]=u,isNaN(t)||isNaN(u)?l=[NaN,NaN]:(l=i.dataToPoint(c))[a]+=e,l}function _(t,e,n){var i=e.slice(),r=e.slice();i[a]+=o,r[a]-=o,n?t.push(i,r):t.push(r,i)}function b(t,e){var n=e.slice(),i=e.slice();n[a]-=o,i[a]+=o,t.push(n,i)}}(e,t.boxOffsetList[n],t.boxWidthList[n])})))}))}var hN={type:"echarts:boxplot",transform:function(t){var e=t.upstream;if(e.sourceFormat!==df){var n="";0,Yo(n)}var i=function(t,e){for(var n=[],i=[],r=(e=e||{}).boundIQR,o="none"===r||0===r,a=0;a<t.length;a++){var s=xo(t[a].slice()),l=Oo(s,.25),u=Oo(s,.5),c=Oo(s,.75),h=s[0],d=s[s.length-1],p=(null==r?1.5:r)*(c-l),f=o?h:Math.max(h,l-p),g=o?d:Math.min(d,c+p),y=e.itemNameFormatter,v=Y(y)?y({value:a}):X(y)?y.replace("{value}",a+""):a+"";n.push([v,f,l,u,c,g]);for(var m=0;m<s.length;m++){var x=s[m];if(x<f||x>g){var _=[v,x];i.push(_)}}}return{boxData:n,outliers:i}}(e.getRawData(),t.config);return[{dimensions:["ItemName","Low","Q1","Q2","Q3","High"],data:i.boxData},{data:i.outliers}]}};var dN=["itemStyle","borderColor"],pN=["itemStyle","borderColor0"],fN=["itemStyle","borderColorDoji"],gN=["itemStyle","color"],yN=["itemStyle","color0"];function vN(t,e){return e.get(t>0?gN:yN)}function mN(t,e){return e.get(0===t?fN:t>0?dN:pN)}var xN={seriesType:"candlestick",plan:$y(),performRawSeries:!0,reset:function(t,e){if(!e.isSeriesFiltered(t))return!t.pipelineContext.large&&{progress:function(t,e){for(var n;null!=(n=t.next());){var i=e.getItemModel(n),r=e.getItemLayout(n).sign,o=i.getItemStyle();o.fill=vN(r,i),o.stroke=mN(r,i)||o.fill,A(e.ensureUniqueItemVisual(n,"style"),o)}}}}},_N=["color","borderColor"],bN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this.group.removeClipPath(),this._progressiveEls=null,this._updateDrawMode(t),this._isLargeDraw?this._renderLarge(t):this._renderNormal(t)},e.prototype.incrementalPrepareRender=function(t,e,n){this._clear(),this._updateDrawMode(t)},e.prototype.incrementalRender=function(t,e,n,i){this._progressiveEls=[],this._isLargeDraw?this._incrementalRenderLarge(t,e):this._incrementalRenderNormal(t,e)},e.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},e.prototype._updateDrawMode=function(t){var e=t.pipelineContext.large;null!=this._isLargeDraw&&e===this._isLargeDraw||(this._isLargeDraw=e,this._clear())},e.prototype._renderNormal=function(t){var e=t.getData(),n=this._data,i=this.group,r=e.getLayout("isSimpleBox"),o=t.get("clip",!0),a=t.coordinateSystem,s=a.getArea&&a.getArea();this._data||i.removeAll(),e.diff(n).add((function(n){if(e.hasValue(n)){var a=e.getItemLayout(n);if(o&&IN(s,a))return;var l=MN(a,n,!0);eh(l,{shape:{points:a.ends}},t,n),TN(l,e,n,r),i.add(l),e.setItemGraphicEl(n,l)}})).update((function(a,l){var u=n.getItemGraphicEl(l);if(e.hasValue(a)){var c=e.getItemLayout(a);o&&IN(s,c)?i.remove(u):(u?(th(u,{shape:{points:c.ends}},t,a),ah(u)):u=MN(c),TN(u,e,a,r),i.add(u),e.setItemGraphicEl(a,u))}else i.remove(u)})).remove((function(t){var e=n.getItemGraphicEl(t);e&&i.remove(e)})).execute(),this._data=e},e.prototype._renderLarge=function(t){this._clear(),kN(t,this.group);var e=t.get("clip",!0)?wI(t.coordinateSystem,!1,t):null;e?this.group.setClipPath(e):this.group.removeClipPath()},e.prototype._incrementalRenderNormal=function(t,e){for(var n,i=e.getData(),r=i.getLayout("isSimpleBox");null!=(n=t.next());){var o=MN(i.getItemLayout(n));TN(o,i,n,r),o.incremental=!0,this.group.add(o),this._progressiveEls.push(o)}},e.prototype._incrementalRenderLarge=function(t,e){kN(e,this.group,this._progressiveEls,!0)},e.prototype.remove=function(t){this._clear()},e.prototype._clear=function(){this.group.removeAll(),this._data=null},e.type="candlestick",e}(tv),wN=function(){},SN=function(t){function e(e){var n=t.call(this,e)||this;return n.type="normalCandlestickBox",n}return n(e,t),e.prototype.getDefaultShape=function(){return new wN},e.prototype.buildPath=function(t,e){var n=e.points;this.__simpleBox?(t.moveTo(n[4][0],n[4][1]),t.lineTo(n[6][0],n[6][1])):(t.moveTo(n[0][0],n[0][1]),t.lineTo(n[1][0],n[1][1]),t.lineTo(n[2][0],n[2][1]),t.lineTo(n[3][0],n[3][1]),t.closePath(),t.moveTo(n[4][0],n[4][1]),t.lineTo(n[5][0],n[5][1]),t.moveTo(n[6][0],n[6][1]),t.lineTo(n[7][0],n[7][1]))},e}(sl);function MN(t,e,n){var i=t.ends;return new SN({shape:{points:n?CN(i,t):i},z2:100})}function IN(t,e){for(var n=!0,i=0;i<e.ends.length;i++)if(t.contain(e.ends[i][0],e.ends[i][1])){n=!1;break}return n}function TN(t,e,n,i){var r=e.getItemModel(n);t.useStyle(e.getItemVisual(n,"style")),t.style.strokeNoScale=!0,t.__simpleBox=i,ku(t,r);var o=e.getItemLayout(n).sign;z(t.states,(function(t,e){var n=r.getModel(e),i=vN(o,n),a=mN(o,n)||i,s=t.style||(t.style={});i&&(s.fill=i),a&&(s.stroke=a)}));var a=r.getModel("emphasis");Tu(t,a.get("focus"),a.get("blurScope"),a.get("disabled"))}function CN(t,e){return E(t,(function(t){return(t=t.slice())[1]=e.initBaseline,t}))}var DN=function(){},AN=function(t){function e(e){var n=t.call(this,e)||this;return n.type="largeCandlestickBox",n}return n(e,t),e.prototype.getDefaultShape=function(){return new DN},e.prototype.buildPath=function(t,e){for(var n=e.points,i=0;i<n.length;)if(this.__sign===n[i++]){var r=n[i++];t.moveTo(r,n[i++]),t.lineTo(r,n[i++])}else i+=3},e}(sl);function kN(t,e,n,i){var r=t.getData().getLayout("largePoints"),o=new AN({shape:{points:r},__sign:1,ignoreCoarsePointer:!0});e.add(o);var a=new AN({shape:{points:r},__sign:-1,ignoreCoarsePointer:!0});e.add(a);var s=new AN({shape:{points:r},__sign:0,ignoreCoarsePointer:!0});e.add(s),LN(1,o,t),LN(-1,a,t),LN(0,s,t),i&&(o.incremental=!0,a.incremental=!0),n&&n.push(o,a)}function LN(t,e,n,i){var r=mN(t,n)||vN(t,n),o=n.getModel("itemStyle").getItemStyle(_N);e.useStyle(o),e.style.fill=null,e.style.stroke=r}var PN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.defaultValueDimensions=[{name:"open",defaultTooltip:!0},{name:"close",defaultTooltip:!0},{name:"lowest",defaultTooltip:!0},{name:"highest",defaultTooltip:!0}],n}return n(e,t),e.prototype.getShadowDim=function(){return"open"},e.prototype.brushSelector=function(t,e,n){var i=e.getItemLayout(t);return i&&n.rect(i.brushRect)},e.type="series.candlestick",e.dependencies=["xAxis","yAxis","grid"],e.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,layout:null,clip:!0,itemStyle:{color:"#eb5454",color0:"#47b262",borderColor:"#eb5454",borderColor0:"#47b262",borderColorDoji:null,borderWidth:1},emphasis:{itemStyle:{borderWidth:2}},barMaxWidth:null,barMinWidth:null,barWidth:null,large:!0,largeThreshold:600,progressive:3e3,progressiveThreshold:1e4,progressiveChunkMode:"mod",animationEasing:"linear",animationDuration:300},e}(Wy);function ON(t){t&&U(t.series)&&z(t.series,(function(t){q(t)&&"k"===t.type&&(t.type="candlestick")}))}R(PN,eN,!0);var RN={seriesType:"candlestick",plan:$y(),reset:function(t){var e=t.coordinateSystem,n=t.getData(),i=function(t,e){var n,i=t.getBaseAxis(),r="category"===i.type?i.getBandWidth():(n=i.getExtent(),Math.abs(n[1]-n[0])/e.count()),o=yo(rt(t.get("barMaxWidth"),r),r),a=yo(rt(t.get("barMinWidth"),1),r),s=t.get("barWidth");return null!=s?yo(s,r):Math.max(Math.min(r/2,o),a)}(t,n),r=["x","y"],o=n.getDimensionIndex(n.mapDimension(r[0])),a=E(n.mapDimensionsAll(r[1]),n.getDimensionIndex,n),s=a[0],l=a[1],u=a[2],c=a[3];if(n.setLayout({candleWidth:i,isSimpleBox:i<=1.3}),!(o<0||a.length<4))return{progress:t.pipelineContext.large?function(n,i){var r,a,h=pb(4*n.count),d=0,p=[],f=[],g=i.getStore(),y=!!t.get(["itemStyle","borderColorDoji"]);for(;null!=(a=n.next());){var v=g.get(o,a),m=g.get(s,a),x=g.get(l,a),_=g.get(u,a),b=g.get(c,a);isNaN(v)||isNaN(_)||isNaN(b)?(h[d++]=NaN,d+=3):(h[d++]=NN(g,a,m,x,l,y),p[0]=v,p[1]=_,r=e.dataToPoint(p,null,f),h[d++]=r?r[0]:NaN,h[d++]=r?r[1]:NaN,p[1]=b,r=e.dataToPoint(p,null,f),h[d++]=r?r[1]:NaN)}i.setLayout("largePoints",h)}:function(t,n){var r,a=n.getStore();for(;null!=(r=t.next());){var h=a.get(o,r),d=a.get(s,r),p=a.get(l,r),f=a.get(u,r),g=a.get(c,r),y=Math.min(d,p),v=Math.max(d,p),m=M(y,h),x=M(v,h),_=M(f,h),b=M(g,h),w=[];I(w,x,0),I(w,m,1),w.push(C(b),C(x),C(_),C(m));var S=!!n.getItemModel(r).get(["itemStyle","borderColorDoji"]);n.setItemLayout(r,{sign:NN(a,r,d,p,l,S),initBaseline:d>p?x[1]:m[1],ends:w,brushRect:T(f,g,h)})}function M(t,n){var i=[];return i[0]=n,i[1]=t,isNaN(n)||isNaN(t)?[NaN,NaN]:e.dataToPoint(i)}function I(t,e,n){var r=e.slice(),o=e.slice();r[0]=bh(r[0]+i/2,1,!1),o[0]=bh(o[0]-i/2,1,!0),n?t.push(r,o):t.push(o,r)}function T(t,e,n){var r=M(t,n),o=M(e,n);return r[0]-=i/2,o[0]-=i/2,{x:r[0],y:r[1],width:i,height:o[1]-r[1]}}function C(t){return t[0]=bh(t[0],1),t}}}}};function NN(t,e,n,i,r,o){return n>i?-1:n<i?1:o?0:e>0?t.get(r,e-1)<=i?1:-1:1}function zN(t,e){var n=e.rippleEffectColor||e.color;t.eachChild((function(t){t.attr({z:e.z,zlevel:e.zlevel,style:{stroke:"stroke"===e.brushType?n:null,fill:"fill"===e.brushType?n:null}})}))}var EN=function(t){function e(e,n){var i=t.call(this)||this,r=new rI(e,n),o=new to;return i.add(r),i.add(o),i.updateData(e,n),i}return n(e,t),e.prototype.stopEffectAnimation=function(){this.childAt(1).removeAll()},e.prototype.startEffectAnimation=function(t){for(var e=t.symbolType,n=t.color,i=t.rippleNumber,r=this.childAt(1),o=0;o<i;o++){var a=hm(e,-1,-1,2,2,n);a.attr({style:{strokeNoScale:!0},z2:99,silent:!0,scaleX:.5,scaleY:.5});var s=-o/i*t.period+t.effectOffset;a.animate("",!0).when(t.period,{scaleX:t.rippleScale/2,scaleY:t.rippleScale/2}).delay(s).start(),a.animateStyle(!0).when(t.period,{opacity:0}).delay(s).start(),r.add(a)}zN(r,t)},e.prototype.updateEffectAnimation=function(t){for(var e=this._effectCfg,n=this.childAt(1),i=["symbolType","period","rippleScale","rippleNumber"],r=0;r<i.length;r++){var o=i[r];if(e[o]!==t[o])return this.stopEffectAnimation(),void this.startEffectAnimation(t)}zN(n,t)},e.prototype.highlight=function(){du(this)},e.prototype.downplay=function(){pu(this)},e.prototype.getSymbolType=function(){var t=this.childAt(0);return t&&t.getSymbolType()},e.prototype.updateData=function(t,e){var n=this,i=t.hostModel;this.childAt(0).updateData(t,e);var r=this.childAt(1),o=t.getItemModel(e),a=t.getItemVisual(e,"symbol"),s=dm(t.getItemVisual(e,"symbolSize")),l=t.getItemVisual(e,"style"),u=l&&l.fill,c=o.getModel("emphasis");r.setScale(s),r.traverse((function(t){t.setStyle("fill",u)}));var h=pm(t.getItemVisual(e,"symbolOffset"),s);h&&(r.x=h[0],r.y=h[1]);var d=t.getItemVisual(e,"symbolRotate");r.rotation=(d||0)*Math.PI/180||0;var p={};p.showEffectOn=i.get("showEffectOn"),p.rippleScale=o.get(["rippleEffect","scale"]),p.brushType=o.get(["rippleEffect","brushType"]),p.period=1e3*o.get(["rippleEffect","period"]),p.effectOffset=e/t.count(),p.z=i.getShallow("z")||0,p.zlevel=i.getShallow("zlevel")||0,p.symbolType=a,p.color=u,p.rippleEffectColor=o.get(["rippleEffect","color"]),p.rippleNumber=o.get(["rippleEffect","number"]),"render"===p.showEffectOn?(this._effectCfg?this.updateEffectAnimation(p):this.startEffectAnimation(p),this._effectCfg=p):(this._effectCfg=null,this.stopEffectAnimation(),this.onHoverStateChange=function(t){"emphasis"===t?"render"!==p.showEffectOn&&n.startEffectAnimation(p):"normal"===t&&"render"!==p.showEffectOn&&n.stopEffectAnimation()}),this._effectCfg=p,Tu(this,c.get("focus"),c.get("blurScope"),c.get("disabled"))},e.prototype.fadeOut=function(t){t&&t()},e}(to),BN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){this._symbolDraw=new uI(EN)},e.prototype.render=function(t,e,n){var i=t.getData(),r=this._symbolDraw;r.updateData(i,{clipShape:this._getClipShape(t)}),this.group.add(r.group)},e.prototype._getClipShape=function(t){var e=t.coordinateSystem,n=e&&e.getArea&&e.getArea();return t.get("clip",!0)?n:null},e.prototype.updateTransform=function(t,e,n){var i=t.getData();this.group.dirty();var r=NI("").reset(t,e,n);r.progress&&r.progress({start:0,end:i.count(),count:i.count()},i),this._symbolDraw.updateLayout()},e.prototype._updateGroupTransform=function(t){var e=t.coordinateSystem;e&&e.getRoamTransform&&(this.group.transform=Ce(e.getRoamTransform()),this.group.decomposeTransform())},e.prototype.remove=function(t,e){this._symbolDraw&&this._symbolDraw.remove(!0)},e.type="effectScatter",e}(tv),VN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{useEncodeDefaulter:!0})},e.prototype.brushSelector=function(t,e,n){return n.point(e.getItemLayout(t))},e.type="series.effectScatter",e.dependencies=["grid","polar"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,legendHoverLink:!0,effectType:"ripple",progressive:0,showEffectOn:"render",clip:!0,rippleEffect:{period:4,scale:2.5,brushType:"fill",number:3},universalTransition:{divideShape:"clone"},symbolSize:10},e}(Wy);var GN=function(t){function e(e,n,i){var r=t.call(this)||this;return r.add(r.createLine(e,n,i)),r._updateEffectSymbol(e,n),r}return n(e,t),e.prototype.createLine=function(t,e,n){return new MP(t,e,n)},e.prototype._updateEffectSymbol=function(t,e){var n=t.getItemModel(e).getModel("effect"),i=n.get("symbolSize"),r=n.get("symbol");U(i)||(i=[i,i]);var o=t.getItemVisual(e,"style"),a=n.get("color")||o&&o.stroke,s=this.childAt(1);this._symbolType!==r&&(this.remove(s),(s=hm(r,-.5,-.5,1,1,a)).z2=100,s.culling=!0,this.add(s)),s&&(s.setStyle("shadowColor",a),s.setStyle(n.getItemStyle(["color"])),s.scaleX=i[0],s.scaleY=i[1],s.setColor(a),this._symbolType=r,this._symbolScale=i,this._updateEffectAnimation(t,n,e))},e.prototype._updateEffectAnimation=function(t,e,n){var i=this.childAt(1);if(i){var r=t.getItemLayout(n),o=1e3*e.get("period"),a=e.get("loop"),s=e.get("roundTrip"),l=e.get("constantSpeed"),u=it(e.get("delay"),(function(e){return e/t.count()*o/3}));if(i.ignore=!0,this._updateAnimationPoints(i,r),l>0&&(o=this._getLineLength(i)/l*1e3),o!==this._period||a!==this._loop||s!==this._roundTrip){i.stopAnimation();var c=void 0;c=Y(u)?u(n):u,i.__t>0&&(c=-o*i.__t),this._animateSymbol(i,o,c,a,s)}this._period=o,this._loop=a,this._roundTrip=s}},e.prototype._animateSymbol=function(t,e,n,i,r){if(e>0){t.__t=0;var o=this,a=t.animate("",i).when(r?2*e:e,{__t:r?2:1}).delay(n).during((function(){o._updateSymbolPosition(t)}));i||a.done((function(){o.remove(t)})),a.start()}},e.prototype._getLineLength=function(t){return Vt(t.__p1,t.__cp1)+Vt(t.__cp1,t.__p2)},e.prototype._updateAnimationPoints=function(t,e){t.__p1=e[0],t.__p2=e[1],t.__cp1=e[2]||[(e[0][0]+e[1][0])/2,(e[0][1]+e[1][1])/2]},e.prototype.updateData=function(t,e,n){this.childAt(0).updateData(t,e,n),this._updateEffectSymbol(t,e)},e.prototype._updateSymbolPosition=function(t){var e=t.__p1,n=t.__p2,i=t.__cp1,r=t.__t<1?t.__t:2-t.__t,o=[t.x,t.y],a=o.slice(),s=Nn,l=zn;o[0]=s(e[0],i[0],n[0],r),o[1]=s(e[1],i[1],n[1],r);var u=t.__t<1?l(e[0],i[0],n[0],r):l(n[0],i[0],e[0],1-r),c=t.__t<1?l(e[1],i[1],n[1],r):l(n[1],i[1],e[1],1-r);t.rotation=-Math.atan2(c,u)-Math.PI/2,"line"!==this._symbolType&&"rect"!==this._symbolType&&"roundRect"!==this._symbolType||(void 0!==t.__lastT&&t.__lastT<t.__t?(t.scaleY=1.05*Vt(a,o),1===r&&(o[0]=a[0]+(o[0]-a[0])/2,o[1]=a[1]+(o[1]-a[1])/2)):1===t.__lastT?t.scaleY=2*Vt(e,o):t.scaleY=this._symbolScale[1]),t.__lastT=t.__t,t.ignore=!1,t.x=o[0],t.y=o[1]},e.prototype.updateLayout=function(t,e){this.childAt(0).updateLayout(t,e);var n=t.getItemModel(e).getModel("effect");this._updateEffectAnimation(t,n,e)},e}(to),FN=function(t){function e(e,n,i){var r=t.call(this)||this;return r._createPolyline(e,n,i),r}return n(e,t),e.prototype._createPolyline=function(t,e,n){var i=t.getItemLayout(e),r=new Tc({shape:{points:i}});this.add(r),this._updateCommonStl(t,e,n)},e.prototype.updateData=function(t,e,n){var i=t.hostModel;th(this.childAt(0),{shape:{points:t.getItemLayout(e)}},i,e),this._updateCommonStl(t,e,n)},e.prototype._updateCommonStl=function(t,e,n){var i=this.childAt(0),r=t.getItemModel(e),o=n&&n.emphasisLineStyle,a=n&&n.focus,s=n&&n.blurScope,l=n&&n.emphasisDisabled;if(!n||t.hasItemOption){var u=r.getModel("emphasis");o=u.getModel("lineStyle").getLineStyle(),l=u.get("disabled"),a=u.get("focus"),s=u.get("blurScope")}i.useStyle(t.getItemVisual(e,"style")),i.style.fill=null,i.style.strokeNoScale=!0,i.ensureState("emphasis").style=o,Tu(this,a,s,l)},e.prototype.updateLayout=function(t,e){this.childAt(0).setShape("points",t.getItemLayout(e))},e}(to),WN=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e._lastFrame=0,e._lastFramePercent=0,e}return n(e,t),e.prototype.createLine=function(t,e,n){return new FN(t,e,n)},e.prototype._updateAnimationPoints=function(t,e){this._points=e;for(var n=[0],i=0,r=1;r<e.length;r++){var o=e[r-1],a=e[r];i+=Vt(o,a),n.push(i)}if(0!==i){for(r=0;r<n.length;r++)n[r]/=i;this._offsets=n,this._length=i}else this._length=0},e.prototype._getLineLength=function(){return this._length},e.prototype._updateSymbolPosition=function(t){var e=t.__t<1?t.__t:2-t.__t,n=this._points,i=this._offsets,r=n.length;if(i){var o,a=this._lastFrame;if(e<this._lastFramePercent){for(o=Math.min(a+1,r-1);o>=0&&!(i[o]<=e);o--);o=Math.min(o,r-2)}else{for(o=a;o<r&&!(i[o]>e);o++);o=Math.min(o-1,r-2)}var s=(e-i[o])/(i[o+1]-i[o]),l=n[o],u=n[o+1];t.x=l[0]*(1-s)+s*u[0],t.y=l[1]*(1-s)+s*u[1];var c=t.__t<1?u[0]-l[0]:l[0]-u[0],h=t.__t<1?u[1]-l[1]:l[1]-u[1];t.rotation=-Math.atan2(h,c)-Math.PI/2,this._lastFrame=o,this._lastFramePercent=e,t.ignore=!1}},e}(GN),HN=function(){this.polyline=!1,this.curveness=0,this.segs=[]},UN=function(t){function e(e){var n=t.call(this,e)||this;return n._off=0,n.hoverDataIdx=-1,n}return n(e,t),e.prototype.reset=function(){this.notClear=!1,this._off=0},e.prototype.getDefaultStyle=function(){return{stroke:tf.color.neutral99,fill:null}},e.prototype.getDefaultShape=function(){return new HN},e.prototype.buildPath=function(t,e){var n,i=e.segs,r=e.curveness;if(e.polyline)for(n=this._off;n<i.length;){var o=i[n++];if(o>0){t.moveTo(i[n++],i[n++]);for(var a=1;a<o;a++)t.lineTo(i[n++],i[n++])}}else for(n=this._off;n<i.length;){var s=i[n++],l=i[n++],u=i[n++],c=i[n++];if(t.moveTo(s,l),r>0){var h=(s+u)/2-(l-c)*r,d=(l+c)/2-(u-s)*r;t.quadraticCurveTo(h,d,u,c)}else t.lineTo(u,c)}this.incremental&&(this._off=n,this.notClear=!0)},e.prototype.findDataIndex=function(t,e){var n=this.shape,i=n.segs,r=n.curveness,o=this.style.lineWidth;if(n.polyline)for(var a=0,s=0;s<i.length;){var l=i[s++];if(l>0)for(var u=i[s++],c=i[s++],h=1;h<l;h++){if(Ws(u,c,d=i[s++],p=i[s++],o,t,e))return a}a++}else for(a=0,s=0;s<i.length;){u=i[s++],c=i[s++];var d=i[s++],p=i[s++];if(r>0){if(Us(u,c,(u+d)/2-(c-p)*r,(c+p)/2-(d-u)*r,d,p,o,t,e))return a}else if(Ws(u,c,d,p,o,t,e))return a;a++}return-1},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e),i=this.getBoundingRect();return t=n[0],e=n[1],i.contain(t,e)?(this.hoverDataIdx=this.findDataIndex(t,e))>=0:(this.hoverDataIdx=-1,!1)},e.prototype.getBoundingRect=function(){var t=this._rect;if(!t){for(var e=this.shape.segs,n=1/0,i=1/0,r=-1/0,o=-1/0,a=0;a<e.length;){var s=e[a++],l=e[a++];n=Math.min(s,n),r=Math.max(s,r),i=Math.min(l,i),o=Math.max(l,o)}t=this._rect=new He(n,i,r,o)}return t},e}(sl),YN=function(){function t(){this.group=new to}return t.prototype.updateData=function(t){this._clear();var e=this._create();e.setShape({segs:t.getLayout("linesPoints")}),this._setCommon(e,t)},t.prototype.incrementalPrepareUpdate=function(t){this.group.removeAll(),this._clear()},t.prototype.incrementalUpdate=function(t,e){var n=this._newAdded[0],i=e.getLayout("linesPoints"),r=n&&n.shape.segs;if(r&&r.length<2e4){var o=r.length,a=new Float32Array(o+i.length);a.set(r),a.set(i,o),n.setShape({segs:a})}else{this._newAdded=[];var s=this._create();s.incremental=!0,s.setShape({segs:i}),this._setCommon(s,e),s.__startIndex=t.start}},t.prototype.remove=function(){this._clear()},t.prototype.eachRendered=function(t){this._newAdded[0]&&t(this._newAdded[0])},t.prototype._create=function(){var t=new UN({cursor:"default",ignoreCoarsePointer:!0});return this._newAdded.push(t),this.group.add(t),t},t.prototype._setCommon=function(t,e,n){var i=e.hostModel;t.setShape({polyline:i.get("polyline"),curveness:i.get(["lineStyle","curveness"])}),t.useStyle(i.getModel("lineStyle").getLineStyle()),t.style.strokeNoScale=!0;var r=e.getVisual("style");r&&r.stroke&&t.setStyle("stroke",r.stroke),t.setStyle("fill",null);var o=zl(t);o.seriesIndex=i.seriesIndex,t.on("mousemove",(function(e){o.dataIndex=null;var n=t.hoverDataIdx;n>0&&(o.dataIndex=n+t.__startIndex)}))},t.prototype._clear=function(){this._newAdded=[],this.group.removeAll()},t}(),XN={seriesType:"lines",plan:$y(),reset:function(t){var e=t.coordinateSystem;if(e){var n=t.get("polyline"),i=t.pipelineContext.large;return{progress:function(r,o){var a=[];if(i){var s=void 0,l=r.end-r.start;if(n){for(var u=0,c=r.start;c<r.end;c++)u+=t.getLineCoordsCount(c);s=new Float32Array(l+2*u)}else s=new Float32Array(4*l);var h=0,d=[];for(c=r.start;c<r.end;c++){var p=t.getLineCoords(c,a);n&&(s[h++]=p);for(var f=0;f<p;f++)d=e.dataToPoint(a[f],!1,d),s[h++]=d[0],s[h++]=d[1]}o.setLayout("linesPoints",s)}else for(c=r.start;c<r.end;c++){var g=o.getItemModel(c),y=(p=t.getLineCoords(c,a),[]);if(n)for(var v=0;v<p;v++)y.push(e.dataToPoint(a[v]));else{y[0]=e.dataToPoint(a[0]),y[1]=e.dataToPoint(a[1]);var m=g.get(["lineStyle","curveness"]);+m&&(y[2]=[(y[0][0]+y[1][0])/2-(y[0][1]-y[1][1])*m,(y[0][1]+y[1][1])/2-(y[1][0]-y[0][0])*m])}o.setItemLayout(c,y)}}}}}},ZN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this._updateLineDraw(i,t),o=t.get("zlevel"),a=t.get(["effect","trailLength"]),s=n.getZr(),l="svg"===s.painter.getType();l||s.painter.getLayer(o).clear(!0),null==this._lastZlevel||l||s.configLayer(this._lastZlevel,{motionBlur:!1}),this._showEffect(t)&&a>0&&(l||s.configLayer(o,{motionBlur:!0,lastFrameAlpha:Math.max(Math.min(a/10+.9,1),0)})),r.updateData(i);var u=t.get("clip",!0)&&wI(t.coordinateSystem,!1,t);u?this.group.setClipPath(u):this.group.removeClipPath(),this._lastZlevel=o,this._finished=!0},e.prototype.incrementalPrepareRender=function(t,e,n){var i=t.getData();this._updateLineDraw(i,t).incrementalPrepareUpdate(i),this._clearLayer(n),this._finished=!1},e.prototype.incrementalRender=function(t,e,n){this._lineDraw.incrementalUpdate(t,e.getData()),this._finished=t.end===e.getData().count()},e.prototype.eachRendered=function(t){this._lineDraw&&this._lineDraw.eachRendered(t)},e.prototype.updateTransform=function(t,e,n){var i=t.getData(),r=t.pipelineContext;if(!this._finished||r.large||r.progressiveRender)return{update:!0};var o=XN.reset(t,e,n);o.progress&&o.progress({start:0,end:i.count(),count:i.count()},i),this._lineDraw.updateLayout(),this._clearLayer(n)},e.prototype._updateLineDraw=function(t,e){var n=this._lineDraw,i=this._showEffect(e),r=!!e.get("polyline"),o=e.pipelineContext.large;return n&&i===this._hasEffet&&r===this._isPolyline&&o===this._isLargeDraw||(n&&n.remove(),n=this._lineDraw=o?new YN:new IP(r?i?WN:FN:i?GN:MP),this._hasEffet=i,this._isPolyline=r,this._isLargeDraw=o),this.group.add(n.group),n},e.prototype._showEffect=function(t){return!!t.get(["effect","show"])},e.prototype._clearLayer=function(t){var e=t.getZr();"svg"===e.painter.getType()||null==this._lastZlevel||e.painter.getLayer(this._lastZlevel).clear(!0)},e.prototype.remove=function(t,e){this._lineDraw&&this._lineDraw.remove(),this._lineDraw=null,this._clearLayer(e)},e.prototype.dispose=function(t,e){this.remove(t,e)},e.type="lines",e}(tv),jN="undefined"==typeof Uint32Array?Array:Uint32Array,qN="undefined"==typeof Float64Array?Array:Float64Array;function KN(t){var e=t.data;e&&e[0]&&e[0][0]&&e[0][0].coord&&(t.data=E(e,(function(t){var e={coords:[t[0].coord,t[1].coord]};return t[0].name&&(e.fromName=t[0].name),t[1].name&&(e.toName=t[1].name),D([e,t[0],t[1]])})))}var $N=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.visualStyleAccessPath="lineStyle",n.visualDrawType="stroke",n}return n(e,t),e.prototype.init=function(e){e.data=e.data||[],KN(e);var n=this._processFlatCoordsArray(e.data);this._flatCoords=n.flatCoords,this._flatCoordsOffset=n.flatCoordsOffset,n.flatCoords&&(e.data=new Float32Array(n.count)),t.prototype.init.apply(this,arguments)},e.prototype.mergeOption=function(e){if(KN(e),e.data){var n=this._processFlatCoordsArray(e.data);this._flatCoords=n.flatCoords,this._flatCoordsOffset=n.flatCoordsOffset,n.flatCoords&&(e.data=new Float32Array(n.count))}t.prototype.mergeOption.apply(this,arguments)},e.prototype.appendData=function(t){var e=this._processFlatCoordsArray(t.data);e.flatCoords&&(this._flatCoords?(this._flatCoords=vt(this._flatCoords,e.flatCoords),this._flatCoordsOffset=vt(this._flatCoordsOffset,e.flatCoordsOffset)):(this._flatCoords=e.flatCoords,this._flatCoordsOffset=e.flatCoordsOffset),t.data=new Float32Array(e.count)),this.getRawData().appendData(t.data)},e.prototype._getCoordsFromItemModel=function(t){var e=this.getData().getItemModel(t),n=e.option instanceof Array?e.option:e.getShallow("coords");return n},e.prototype.getLineCoordsCount=function(t){return this._flatCoordsOffset?this._flatCoordsOffset[2*t+1]:this._getCoordsFromItemModel(t).length},e.prototype.getLineCoords=function(t,e){if(this._flatCoordsOffset){for(var n=this._flatCoordsOffset[2*t],i=this._flatCoordsOffset[2*t+1],r=0;r<i;r++)e[r]=e[r]||[],e[r][0]=this._flatCoords[n+2*r],e[r][1]=this._flatCoords[n+2*r+1];return i}var o=this._getCoordsFromItemModel(t);for(r=0;r<o.length;r++)e[r]=e[r]||[],e[r][0]=o[r][0],e[r][1]=o[r][1];return o.length},e.prototype._processFlatCoordsArray=function(t){var e=0;if(this._flatCoords&&(e=this._flatCoords.length),j(t[0])){for(var n=t.length,i=new jN(n),r=new qN(n),o=0,a=0,s=0,l=0;l<n;){s++;var u=t[l++];i[a++]=o+e,i[a++]=u;for(var c=0;c<u;c++){var h=t[l++],d=t[l++];r[o++]=h,r[o++]=d}}return{flatCoordsOffset:new Uint32Array(i.buffer,0,a),flatCoords:r,count:s}}return{flatCoordsOffset:null,flatCoords:null,count:t.length}},e.prototype.getInitialData=function(t,e){var n=new B_(["value"],this);return n.hasItemOption=!1,n.initData(t.data,[],(function(t,e,i,r){if(t instanceof Array)return NaN;n.hasItemOption=!0;var o=t.value;return null!=o?o instanceof Array?o[r]:o:void 0})),n},e.prototype.formatTooltip=function(t,e,n){var i=this.getData().getItemModel(t),r=i.get("name");if(r)return r;var o=i.get("fromName"),a=i.get("toName"),s=[];return null!=o&&s.push(o),null!=a&&s.push(a),Ty("nameValue",{name:s.join(" > ")})},e.prototype.preventIncremental=function(){return!!this.get(["effect","show"])},e.prototype.getProgressive=function(){var t=this.option.progressive;return null==t?this.option.large?1e4:this.get("progressive"):t},e.prototype.getProgressiveThreshold=function(){var t=this.option.progressiveThreshold;return null==t?this.option.large?2e4:this.get("progressiveThreshold"):t},e.prototype.getZLevelKey=function(){var t=this.getModel("effect"),e=t.get("trailLength");return this.getData().count()>this.getProgressiveThreshold()?this.id:t.get("show")&&e>0?e+"":""},e.type="series.lines",e.dependencies=["grid","polar","geo","calendar"],e.defaultOption={coordinateSystem:"geo",z:2,legendHoverLink:!0,xAxisIndex:0,yAxisIndex:0,symbol:["none","none"],symbolSize:[10,10],geoIndex:0,effect:{show:!1,period:4,constantSpeed:0,symbol:"circle",symbolSize:3,loop:!0,trailLength:.2},large:!1,largeThreshold:2e3,polyline:!1,clip:!0,label:{show:!1,position:"end"},lineStyle:{opacity:.5}},e}(Wy);function JN(t){return t instanceof Array||(t=[t,t]),t}var QN={seriesType:"lines",reset:function(t){var e=JN(t.get("symbol")),n=JN(t.get("symbolSize")),i=t.getData();return i.setVisual("fromSymbol",e&&e[0]),i.setVisual("toSymbol",e&&e[1]),i.setVisual("fromSymbolSize",n&&n[0]),i.setVisual("toSymbolSize",n&&n[1]),{dataEach:i.hasItemOption?function(t,e){var n=t.getItemModel(e),i=JN(n.getShallow("symbol",!0)),r=JN(n.getShallow("symbolSize",!0));i[0]&&t.setItemVisual(e,"fromSymbol",i[0]),i[1]&&t.setItemVisual(e,"toSymbol",i[1]),r[0]&&t.setItemVisual(e,"fromSymbolSize",r[0]),r[1]&&t.setItemVisual(e,"toSymbolSize",r[1])}:null}}};var tz=function(){function t(){this.blurSize=30,this.pointSize=20,this.maxOpacity=1,this.minOpacity=0,this._gradientPixels={inRange:null,outOfRange:null};var t=c.createCanvas();this.canvas=t}return t.prototype.update=function(t,e,n,i,r,o){var a=this._getBrush(),s=this._getGradient(r,"inRange"),l=this._getGradient(r,"outOfRange"),u=this.pointSize+this.blurSize,c=this.canvas,h=c.getContext("2d"),d=t.length;c.width=e,c.height=n;for(var p=0;p<d;++p){var f=t[p],g=f[0],y=f[1],v=i(f[2]);h.globalAlpha=v,h.drawImage(a,g-u,y-u)}if(!c.width||!c.height)return c;for(var m=h.getImageData(0,0,c.width,c.height),x=m.data,_=0,b=x.length,w=this.minOpacity,S=this.maxOpacity-w;_<b;){v=x[_+3]/256;var M=4*Math.floor(255*v);if(v>0){var I=o(v)?s:l;v>0&&(v=v*S+w),x[_++]=I[M],x[_++]=I[M+1],x[_++]=I[M+2],x[_++]=I[M+3]*v*256}else _+=4}return h.putImageData(m,0,0),c},t.prototype._getBrush=function(){var t=this._brushCanvas||(this._brushCanvas=c.createCanvas()),e=this.pointSize+this.blurSize,n=2*e;t.width=n,t.height=n;var i=t.getContext("2d");return i.clearRect(0,0,n,n),i.shadowOffsetX=n,i.shadowBlur=this.blurSize,i.shadowColor=tf.color.neutral99,i.beginPath(),i.arc(-e,e,this.pointSize,0,2*Math.PI,!0),i.closePath(),i.fill(),t},t.prototype._getGradient=function(t,e){for(var n=this._gradientPixels,i=n[e]||(n[e]=new Uint8ClampedArray(1024)),r=[0,0,0,0],o=0,a=0;a<256;a++)t[e](a/255,!0,r),i[o++]=r[0],i[o++]=r[1],i[o++]=r[2],i[o++]=r[3];return i},t}();function ez(t){var e=t.dimensions;return"lng"===e[0]&&"lat"===e[1]}var nz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i;e.eachComponent("visualMap",(function(e){e.eachTargetSeries((function(n){n===t&&(i=e)}))})),this._progressiveEls=null,this.group.removeAll();var r=t.coordinateSystem;"cartesian2d"===r.type||"calendar"===r.type||"matrix"===r.type?this._renderOnGridLike(t,n,0,t.getData().count()):ez(r)&&this._renderOnGeo(r,t,i,n)},e.prototype.incrementalPrepareRender=function(t,e,n){this.group.removeAll()},e.prototype.incrementalRender=function(t,e,n,i){var r=e.coordinateSystem;r&&(ez(r)?this.render(e,n,i):(this._progressiveEls=[],this._renderOnGridLike(e,i,t.start,t.end,!0)))},e.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},e.prototype._renderOnGridLike=function(t,e,n,i,r){var o,a,s,l,u=t.coordinateSystem,c=SI(u,"cartesian2d"),h=SI(u,"matrix");if(c){var d=u.getAxis("x"),p=u.getAxis("y");0,o=d.getBandWidth()+.5,a=p.getBandWidth()+.5,s=d.scale.getExtent(),l=p.scale.getExtent()}for(var f=this.group,g=t.getData(),y=t.getModel(["emphasis","itemStyle"]).getItemStyle(),v=t.getModel(["blur","itemStyle"]).getItemStyle(),m=t.getModel(["select","itemStyle"]).getItemStyle(),x=t.get(["itemStyle","borderRadius"]),_=Jh(t),b=t.getModel("emphasis"),w=b.get("focus"),S=b.get("blurScope"),M=b.get("disabled"),I=c||h?[g.mapDimension("x"),g.mapDimension("y"),g.mapDimension("value")]:[g.mapDimension("time"),g.mapDimension("value")],T=n;T<i;T++){var C=void 0,D=g.getItemVisual(T,"style");if(c){var A=g.get(I[0],T),k=g.get(I[1],T);if(isNaN(g.get(I[2],T))||isNaN(A)||isNaN(k)||A<s[0]||A>s[1]||k<l[0]||k>l[1])continue;var L=u.dataToPoint([A,k]);C=new xl({shape:{x:L[0]-o/2,y:L[1]-a/2,width:o,height:a},style:D})}else if(h){if(nt((P=u.dataToLayout([g.get(I[0],T),g.get(I[1],T)]).rect).x))continue;C=new xl({z2:1,shape:P,style:D})}else{if(isNaN(g.get(I[1],T)))continue;var P,O=u.dataToLayout([g.get(I[0],T)]);if(nt((P=O.contentRect||O.rect).x)||nt(P.y))continue;C=new xl({z2:1,shape:P,style:D})}if(g.hasItemOption){var R=g.getItemModel(T),N=R.getModel("emphasis");y=N.getModel("itemStyle").getItemStyle(),v=R.getModel(["blur","itemStyle"]).getItemStyle(),m=R.getModel(["select","itemStyle"]).getItemStyle(),x=R.get(["itemStyle","borderRadius"]),w=N.get("focus"),S=N.get("blurScope"),M=N.get("disabled"),_=Jh(R)}C.shape.r=x;var z=t.getRawValue(T),E="-";z&&null!=z[2]&&(E=z[2]+""),$h(C,_,{labelFetcher:t,labelDataIndex:T,defaultOpacity:D.opacity,defaultText:E}),C.ensureState("emphasis").style=y,C.ensureState("blur").style=v,C.ensureState("select").style=m,Tu(C,w,S,M),C.incremental=r,r&&(C.states.emphasis.hoverLayer=!0),f.add(C),g.setItemGraphicEl(T,C),this._progressiveEls&&this._progressiveEls.push(C)}},e.prototype._renderOnGeo=function(t,e,n,i){var r=n.targetVisuals.inRange,o=n.targetVisuals.outOfRange,a=e.getData(),s=this._hmLayer||this._hmLayer||new tz;s.blurSize=e.get("blurSize"),s.pointSize=e.get("pointSize"),s.minOpacity=e.get("minOpacity"),s.maxOpacity=e.get("maxOpacity");var l=t.getViewRect().clone(),u=t.getRoamTransform();l.applyTransform(u);var c=Math.max(l.x,0),h=Math.max(l.y,0),d=Math.min(l.width+l.x,i.getWidth()),p=Math.min(l.height+l.y,i.getHeight()),f=d-c,g=p-h,y=[a.mapDimension("lng"),a.mapDimension("lat"),a.mapDimension("value")],v=a.mapArray(y,(function(e,n,i){var r=t.dataToPoint([e,n]);return r[0]-=c,r[1]-=h,r.push(i),r})),m=n.getExtent(),x="visualMap.continuous"===n.type?function(t,e){var n=t[1]-t[0];return e=[(e[0]-t[0])/n,(e[1]-t[0])/n],function(t){return t>=e[0]&&t<=e[1]}}(m,n.option.range):function(t,e,n){var i=t[1]-t[0],r=(e=E(e,(function(e){return{interval:[(e.interval[0]-t[0])/i,(e.interval[1]-t[0])/i]}}))).length,o=0;return function(t){var i;for(i=o;i<r;i++)if((a=e[i].interval)[0]<=t&&t<=a[1]){o=i;break}if(i===r)for(i=o-1;i>=0;i--){var a;if((a=e[i].interval)[0]<=t&&t<=a[1]){o=i;break}}return i>=0&&i<r&&n[i]}}(m,n.getPieceList(),n.option.selected);s.update(v,f,g,r.color.getNormalizer(),{inRange:r.color.getColorMapper(),outOfRange:o.color.getColorMapper()},x);var _=new dl({style:{width:f,height:g,x:c,y:h,image:s.canvas},silent:!0});this.group.add(_)},e.type="heatmap",e}(tv),iz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(t,e){return Z_(null,this,{generateCoord:"value"})},e.prototype.preventIncremental=function(){var t=Tp.get(this.get("coordinateSystem"));if(t&&t.dimensions)return"lng"===t.dimensions[0]&&"lat"===t.dimensions[1]},e.type="series.heatmap",e.dependencies=["grid","geo","calendar","matrix"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,geoIndex:0,blurSize:30,pointSize:20,maxOpacity:1,minOpacity:0,select:{itemStyle:{borderColor:tf.color.primary}}},e}(Wy);var rz=["itemStyle","borderWidth"],oz=[{xy:"x",wh:"width",index:0,posDesc:["left","right"]},{xy:"y",wh:"height",index:1,posDesc:["top","bottom"]}],az=new nc,sz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=this.group,r=t.getData(),o=this._data,a=t.coordinateSystem,s=a.getBaseAxis().isHorizontal(),l=a.master.getRect(),u={ecSize:{width:n.getWidth(),height:n.getHeight()},seriesModel:t,coordSys:a,coordSysExtent:[[l.x,l.x+l.width],[l.y,l.y+l.height]],isHorizontal:s,valueDim:oz[+s],categoryDim:oz[1-+s]};r.diff(o).add((function(t){if(r.hasValue(t)){var e=gz(r,t),n=lz(r,t,e,u),o=mz(r,u,n);r.setItemGraphicEl(t,o),i.add(o),Sz(o,u,n)}})).update((function(t,e){var n=o.getItemGraphicEl(e);if(r.hasValue(t)){var a=gz(r,t),s=lz(r,t,a,u),l=_z(r,s);n&&l!==n.__pictorialShapeStr&&(i.remove(n),r.setItemGraphicEl(t,null),n=null),n?function(t,e,n){var i=n.animationModel,r=n.dataIndex,o=t.__pictorialBundle;th(o,{x:n.bundlePosition[0],y:n.bundlePosition[1]},i,r),n.symbolRepeat?hz(t,e,n,!0):dz(t,e,n,!0);pz(t,n,!0),fz(t,e,n,!0)}(n,u,s):n=mz(r,u,s,!0),r.setItemGraphicEl(t,n),n.__pictorialSymbolMeta=s,i.add(n),Sz(n,u,s)}else i.remove(n)})).remove((function(t){var e=o.getItemGraphicEl(t);e&&xz(o,t,e.__pictorialSymbolMeta.animationModel,e)})).execute();var c=t.get("clip",!0)?wI(t.coordinateSystem,!1,t):null;return c?i.setClipPath(c):i.removeClipPath(),this._data=r,this.group},e.prototype.remove=function(t,e){var n=this.group,i=this._data;t.get("animation")?i&&i.eachItemGraphicEl((function(e){xz(i,zl(e).dataIndex,t,e)})):n.removeAll()},e.type="pictorialBar",e}(tv);function lz(t,e,n,i){var r=t.getItemLayout(e),o=n.get("symbolRepeat"),a=n.get("symbolClip"),s=n.get("symbolPosition")||"start",l=(n.get("symbolRotate")||0)*Math.PI/180||0,u=n.get("symbolPatternSize")||2,c=n.isAnimationEnabled(),h={dataIndex:e,layout:r,itemModel:n,symbolType:t.getItemVisual(e,"symbol")||"circle",style:t.getItemVisual(e,"style"),symbolClip:a,symbolRepeat:o,symbolRepeatDirection:n.get("symbolRepeatDirection"),symbolPatternSize:u,rotation:l,animationModel:c?n:null,hoverScale:c&&n.get(["emphasis","scale"]),z2:n.getShallow("z",!0)||0};!function(t,e,n,i,r){var o,a=i.valueDim,s=t.get("symbolBoundingData"),l=i.coordSys.getOtherAxis(i.coordSys.getBaseAxis()),u=l.toGlobalCoord(l.dataToCoord(0)),c=1-+(n[a.wh]<=0);if(U(s)){var h=[uz(l,s[0])-u,uz(l,s[1])-u];h[1]<h[0]&&h.reverse(),o=h[c]}else o=null!=s?uz(l,s)-u:e?i.coordSysExtent[a.index][c]-u:n[a.wh];r.boundingLength=o,e&&(r.repeatCutLength=n[a.wh]);var d="x"===a.xy,p=l.inverse;r.pxSign=d&&!p||!d&&p?o>=0?1:-1:o>0?1:-1}(n,o,r,i,h),function(t,e,n,i,r,o,a,s,l,u){var c,h=l.valueDim,d=l.categoryDim,p=Math.abs(n[d.wh]),f=t.getItemVisual(e,"symbolSize");c=U(f)?f.slice():null==f?["100%","100%"]:[f,f];c[d.index]=yo(c[d.index],p),c[h.index]=yo(c[h.index],i?p:Math.abs(o)),u.symbolSize=c;var g=u.symbolScale=[c[0]/s,c[1]/s];g[h.index]*=(l.isHorizontal?-1:1)*a}(t,e,r,o,0,h.boundingLength,h.pxSign,u,i,h),function(t,e,n,i,r){var o=t.get(rz)||0;o&&(az.attr({scaleX:e[0],scaleY:e[1],rotation:n}),az.updateTransform(),o/=az.getLineScale(),o*=e[i.valueDim.index]);r.valueLineWidth=o||0}(n,h.symbolScale,l,i,h);var d=h.symbolSize,p=pm(n.get("symbolOffset"),d);return function(t,e,n,i,r,o,a,s,l,u,c,h){var d=c.categoryDim,p=c.valueDim,f=h.pxSign,g=Math.max(e[p.index]+s,0),y=g;if(i){var v=Math.abs(l),m=it(t.get("symbolMargin"),"15%")+"",x=!1;m.lastIndexOf("!")===m.length-1&&(x=!0,m=m.slice(0,m.length-1));var _=yo(m,e[p.index]),b=Math.max(g+2*_,0),w=x?0:2*_,S=zo(i),M=S?i:Mz((v+w)/b);b=g+2*(_=(v-M*g)/2/(x?M:Math.max(M-1,1))),w=x?0:2*_,S||"fixed"===i||(M=u?Mz((Math.abs(u)+w)/b):0),y=M*b-w,h.repeatTimes=M,h.symbolMargin=_}var I=f*(y/2),T=h.pathPosition=[];T[d.index]=n[d.wh]/2,T[p.index]="start"===a?I:"end"===a?l-I:l/2,o&&(T[0]+=o[0],T[1]+=o[1]);var C=h.bundlePosition=[];C[d.index]=n[d.xy],C[p.index]=n[p.xy];var D=h.barRectShape=A({},n);D[p.wh]=f*Math.max(Math.abs(n[p.wh]),Math.abs(T[p.index]+I)),D[d.wh]=n[d.wh];var k=h.clipShape={};k[d.xy]=-n[d.xy],k[d.wh]=c.ecSize[d.wh],k[p.xy]=0,k[p.wh]=n[p.wh]}(n,d,r,o,0,p,s,h.valueLineWidth,h.boundingLength,h.repeatCutLength,i,h),h}function uz(t,e){return t.toGlobalCoord(t.dataToCoord(t.scale.parse(e)))}function cz(t){var e=t.symbolPatternSize,n=hm(t.symbolType,-e/2,-e/2,e,e);return n.attr({culling:!0}),"image"!==n.type&&n.setStyle({strokeNoScale:!0}),n}function hz(t,e,n,i){var r=t.__pictorialBundle,o=n.symbolSize,a=n.valueLineWidth,s=n.pathPosition,l=e.valueDim,u=n.repeatTimes||0,c=0,h=o[e.valueDim.index]+a+2*n.symbolMargin;for(bz(t,(function(t){t.__pictorialAnimationIndex=c,t.__pictorialRepeatTimes=u,c<u?wz(t,null,f(c),n,i):wz(t,null,{scaleX:0,scaleY:0},n,i,(function(){r.remove(t)})),c++}));c<u;c++){var d=cz(n);d.__pictorialAnimationIndex=c,d.__pictorialRepeatTimes=u,r.add(d);var p=f(c);wz(d,{x:p.x,y:p.y,scaleX:0,scaleY:0},{scaleX:p.scaleX,scaleY:p.scaleY,rotation:p.rotation},n,i)}function f(t){var e=s.slice(),i=n.pxSign,r=t;return("start"===n.symbolRepeatDirection?i>0:i<0)&&(r=u-1-t),e[l.index]=h*(r-u/2+.5)+s[l.index],{x:e[0],y:e[1],scaleX:n.symbolScale[0],scaleY:n.symbolScale[1],rotation:n.rotation}}}function dz(t,e,n,i){var r=t.__pictorialBundle,o=t.__pictorialMainPath;o?wz(o,null,{x:n.pathPosition[0],y:n.pathPosition[1],scaleX:n.symbolScale[0],scaleY:n.symbolScale[1],rotation:n.rotation},n,i):(o=t.__pictorialMainPath=cz(n),r.add(o),wz(o,{x:n.pathPosition[0],y:n.pathPosition[1],scaleX:0,scaleY:0,rotation:n.rotation},{scaleX:n.symbolScale[0],scaleY:n.symbolScale[1]},n,i))}function pz(t,e,n){var i=A({},e.barRectShape),r=t.__pictorialBarRect;r?wz(r,null,{shape:i},e,n):((r=t.__pictorialBarRect=new xl({z2:2,shape:i,silent:!0,style:{stroke:"transparent",fill:"transparent",lineWidth:0}})).disableMorphing=!0,t.add(r))}function fz(t,e,n,i){if(n.symbolClip){var r=t.__pictorialClipPath,o=A({},n.clipShape),a=e.valueDim,s=n.animationModel,l=n.dataIndex;if(r)th(r,{shape:o},s,l);else{o[a.wh]=0,r=new xl({shape:o}),t.__pictorialBundle.setClipPath(r),t.__pictorialClipPath=r;var u={};u[a.wh]=n.clipShape[a.wh],Zh[i?"updateProps":"initProps"](r,{shape:u},s,l)}}}function gz(t,e){var n=t.getItemModel(e);return n.getAnimationDelayParams=yz,n.isAnimationEnabled=vz,n}function yz(t){return{index:t.__pictorialAnimationIndex,count:t.__pictorialRepeatTimes}}function vz(){return this.parentModel.isAnimationEnabled()&&!!this.getShallow("animation")}function mz(t,e,n,i){var r=new to,o=new to;return r.add(o),r.__pictorialBundle=o,o.x=n.bundlePosition[0],o.y=n.bundlePosition[1],n.symbolRepeat?hz(r,e,n):dz(r,0,n),pz(r,n,i),fz(r,e,n,i),r.__pictorialShapeStr=_z(t,n),r.__pictorialSymbolMeta=n,r}function xz(t,e,n,i){var r=i.__pictorialBarRect;r&&r.removeTextContent();var o=[];bz(i,(function(t){o.push(t)})),i.__pictorialMainPath&&o.push(i.__pictorialMainPath),i.__pictorialClipPath&&(n=null),z(o,(function(t){ih(t,{scaleX:0,scaleY:0},n,e,(function(){i.parent&&i.parent.remove(i)}))})),t.setItemGraphicEl(e,null)}function _z(t,e){return[t.getItemVisual(e.dataIndex,"symbol")||"none",!!e.symbolRepeat,!!e.symbolClip].join(":")}function bz(t,e,n){z(t.__pictorialBundle.children(),(function(i){i!==t.__pictorialBarRect&&e.call(n,i)}))}function wz(t,e,n,i,r,o){e&&t.attr(e),i.symbolClip&&!r?n&&t.attr(n):n&&Zh[r?"updateProps":"initProps"](t,n,i.animationModel,i.dataIndex,o)}function Sz(t,e,n){var i=n.dataIndex,r=n.itemModel,o=r.getModel("emphasis"),a=o.getModel("itemStyle").getItemStyle(),s=r.getModel(["blur","itemStyle"]).getItemStyle(),l=r.getModel(["select","itemStyle"]).getItemStyle(),u=r.getShallow("cursor"),c=o.get("focus"),h=o.get("blurScope"),d=o.get("scale");bz(t,(function(t){if(t instanceof dl){var e=t.style;t.useStyle(A({image:e.image,x:e.x,y:e.y,width:e.width,height:e.height},n.style))}else t.useStyle(n.style);var i=t.ensureState("emphasis");i.style=a,d&&(i.scaleX=1.1*t.scaleX,i.scaleY=1.1*t.scaleY),t.ensureState("blur").style=s,t.ensureState("select").style=l,u&&(t.cursor=u),t.z2=n.z2}));var p=e.valueDim.posDesc[+(n.boundingLength>0)],f=t.__pictorialBarRect;f.ignoreClip=!0,$h(f,Jh(r),{labelFetcher:e.seriesModel,labelDataIndex:i,defaultText:nI(e.seriesModel.getData(),i),inheritColor:n.style.fill,defaultOpacity:n.style.opacity,defaultOutsidePosition:p}),Tu(t,c,h,o.get("disabled"))}function Mz(t){var e=Math.round(t);return Math.abs(t-e)<1e-4?e:Math.ceil(t)}var Iz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n.defaultSymbol="roundRect",n}return n(e,t),e.prototype.getInitialData=function(e){return e.stack=null,t.prototype.getInitialData.apply(this,arguments)},e.type="series.pictorialBar",e.dependencies=["grid"],e.defaultOption=Id(VI.defaultOption,{symbol:"circle",symbolSize:null,symbolRotate:null,symbolPosition:null,symbolOffset:null,symbolMargin:null,symbolRepeat:!1,symbolRepeatDirection:"end",symbolClip:!1,symbolBoundingData:null,symbolPatternSize:400,barGap:"-100%",clip:!1,progressive:0,emphasis:{scale:!1},select:{itemStyle:{borderColor:tf.color.primary}}}),e}(VI);var Tz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._layers=[],n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this,o=this.group,a=t.getLayerSeries(),s=i.getLayout("layoutInfo"),l=s.rect,u=s.boundaryGap;function c(t){return t.name}o.x=0,o.y=l.y+u[0];var h=new f_(this._layersSeries||[],a,c,c),d=[];function p(e,n,s){var l=r._layers;if("remove"!==e){for(var u,c,h=[],p=[],f=a[n].indices,g=0;g<f.length;g++){var y=i.getItemLayout(f[g]),v=y.x,m=y.y0,x=y.y;h.push(v,m),p.push(v,m+x),u=i.getItemVisual(f[g],"style")}var _=i.getItemLayout(f[0]),b=t.getModel("label").get("margin"),w=t.getModel("emphasis");if("add"===e){var S=d[n]=new to;c=new xI({shape:{points:h,stackedOnPoints:p,smooth:.4,stackedOnSmooth:.4,smoothConstraint:!1},z2:0}),S.add(c),o.add(S),t.isAnimationEnabled()&&c.setClipPath(function(t,e,n){var i=new xl({shape:{x:t.x-10,y:t.y-10,width:0,height:t.height+20}});return eh(i,{shape:{x:t.x-50,width:t.width+100,height:t.height+20}},e,n),i}(c.getBoundingRect(),t,(function(){c.removeClipPath()})))}else{S=l[s];c=S.childAt(0),o.add(S),d[n]=S,th(c,{shape:{points:h,stackedOnPoints:p}},t),ah(c)}$h(c,Jh(t),{labelDataIndex:f[g-1],defaultText:i.getName(f[g-1]),inheritColor:u.fill},{normal:{verticalAlign:"middle"}}),c.setTextConfig({position:null,local:!0});var M=c.getTextContent();M&&(M.x=_.x-b,M.y=_.y0+_.y/2),c.useStyle(u),i.setItemGraphicEl(n,c),ku(c,t),Tu(c,w.get("focus"),w.get("blurScope"),w.get("disabled"))}else o.remove(l[n])}h.add(W(p,this,"add")).update(W(p,this,"update")).remove(W(p,this,"remove")).execute(),this._layersSeries=a,this._layers=d},e.type="themeRiver",e}(tv);var Cz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new CT(W(this.getData,this),W(this.getRawData,this))},e.prototype.fixData=function(t){var e=t.length,n={},i=ga(t,(function(t){return n.hasOwnProperty(t[0]+"")||(n[t[0]+""]=-1),t[2]})),r=[];i.buckets.each((function(t,e){r.push({name:e,dataList:t})}));for(var o=r.length,a=0;a<o;++a){for(var s=r[a].name,l=0;l<r[a].dataList.length;++l){var u=r[a].dataList[l][0]+"";n[u]=a}for(var u in n)n.hasOwnProperty(u)&&n[u]!==a&&(n[u]=a,t[e]=[u,0,s],e++)}return t},e.prototype.getInitialData=function(t,e){for(var n=this.getReferringComponents("singleAxis",ha).models[0].get("type"),i=V(t.data,(function(t){return void 0!==t[2]})),r=this.fixData(i||[]),o=[],a=this.nameMap=yt(),s=0,l=0;l<r.length;++l)o.push(r[l][2]),a.get(r[l][2])||(a.set(r[l][2],s),s++);var u=V_(r,{coordDimensions:["single"],dimensionsDefine:[{name:"time",type:v_(n)},{name:"value",type:"float"},{name:"name",type:"ordinal"}],encodeDefine:{single:0,value:1,itemName:2}}).dimensions,c=new B_(u,this);return c.initData(r),c},e.prototype.getLayerSeries=function(){for(var t=this.getData(),e=t.count(),n=[],i=0;i<e;++i)n[i]=i;var r=t.mapDimension("single"),o=ga(n,(function(e){return t.get("name",e)})),a=[];return o.buckets.each((function(e,n){e.sort((function(e,n){return t.get(r,e)-t.get(r,n)})),a.push({name:n,indices:e})})),a},e.prototype.getAxisTooltipData=function(t,e,n){U(t)||(t=t?[t]:[]);for(var i,r=this.getData(),o=this.getLayerSeries(),a=[],s=o.length,l=0;l<s;++l){for(var u=Number.MAX_VALUE,c=-1,h=o[l].indices.length,d=0;d<h;++d){var p=r.get(t[0],o[l].indices[d]),f=Math.abs(p-e);f<=u&&(i=p,u=f,c=o[l].indices[d])}a.push(c)}return{dataIndices:a,nestestValue:i}},e.prototype.formatTooltip=function(t,e,n){var i=this.getData();return Ty("nameValue",{name:i.getName(t),value:i.get(i.mapDimension("value"),t)})},e.type="series.themeRiver",e.dependencies=["singleAxis"],e.defaultOption={z:2,colorBy:"data",coordinateSystem:"singleAxis",boundaryGap:["10%","10%"],singleAxisIndex:0,animationEasing:"linear",label:{margin:4,show:!0,position:"left",fontSize:11},emphasis:{label:{show:!0}}},e}(Wy);function Dz(t,e){t.eachSeriesByType("themeRiver",(function(t){var e=t.getData(),n=t.coordinateSystem,i={},r=n.getRect();i.rect=r;var o=t.get("boundaryGap"),a=n.getAxis();(i.boundaryGap=o,"horizontal"===a.orient)?(o[0]=yo(o[0],r.height),o[1]=yo(o[1],r.height),Az(e,t,r.height-o[0]-o[1])):(o[0]=yo(o[0],r.width),o[1]=yo(o[1],r.width),Az(e,t,r.width-o[0]-o[1]));e.setLayout("layoutInfo",i)}))}function Az(t,e,n){if(t.count())for(var i,r=e.coordinateSystem,o=e.getLayerSeries(),a=t.mapDimension("single"),s=t.mapDimension("value"),l=E(o,(function(e){return E(e.indices,(function(e){var n=r.dataToPoint(t.get(a,e));return n[1]=t.get(s,e),n}))})),u=function(t){for(var e=t.length,n=t[0].length,i=[],r=[],o=0,a=0;a<n;++a){for(var s=0,l=0;l<e;++l)s+=t[l][a][1];s>o&&(o=s),i.push(s)}for(var u=0;u<n;++u)r[u]=(o-i[u])/2;o=0;for(var c=0;c<n;++c){var h=i[c]+r[c];h>o&&(o=h)}return{y0:r,max:o}}(l),c=u.y0,h=n/u.max,d=o.length,p=o[0].indices.length,f=0;f<p;++f){i=c[f]*h,t.setItemLayout(o[0].indices[f],{layerIndex:0,x:l[0][f][0],y0:i,y:l[0][f][1]*h});for(var g=1;g<d;++g)i+=l[g-1][f][1]*h,t.setItemLayout(o[g].indices[f],{layerIndex:g,x:l[g][f][0],y0:i,y:l[g][f][1]*h})}}var kz=function(t){function e(e,n,i,r){var o=t.call(this)||this;o.z2=2,o.textConfig={inside:!0},zl(o).seriesIndex=n.seriesIndex;var a=new Sl({z2:4,silent:e.getModel().get(["label","silent"])});return o.setTextContent(a),o.updateData(!0,e,n,i,r),o}return n(e,t),e.prototype.updateData=function(t,e,n,i,r){this.node=e,e.piece=this,n=n||this._seriesModel,i=i||this._ecModel;var o=this;zl(o).dataIndex=e.dataIndex;var a=e.getModel(),s=a.getModel("emphasis"),l=e.getLayout(),u=A({},l);u.label=null;var c=e.getVisual("style");c.lineJoin="bevel";var h=e.getVisual("decal");h&&(c.decal=Bm(h,r));var d=YI(a.getModel("itemStyle"),u,!0);A(u,d),z(Wl,(function(t){var e=o.ensureState(t),n=a.getModel([t,"itemStyle"]);e.style=n.getItemStyle();var i=YI(n,u);i&&(e.shape=i)})),t?(o.setShape(u),o.shape.r=l.r0,eh(o,{shape:{r:l.r}},n,e.dataIndex)):(th(o,{shape:u},n),ah(o)),o.useStyle(c),this._updateLabel(n);var p=a.getShallow("cursor");p&&o.attr("cursor",p),this._seriesModel=n||this._seriesModel,this._ecModel=i||this._ecModel;var f=s.get("focus");Tu(this,"relative"===f?vt(e.getAncestorsIndices(),e.getDescendantIndices()):"ancestor"===f?e.getAncestorsIndices():"descendant"===f?e.getDescendantIndices():f,s.get("blurScope"),s.get("disabled"))},e.prototype._updateLabel=function(t){var e=this,n=this.node.getModel(),i=n.getModel("label"),r=this.node.getLayout(),o=r.endAngle-r.startAngle,a=(r.startAngle+r.endAngle)/2,s=Math.cos(a),l=Math.sin(a),u=this,c=u.getTextContent(),h=this.node.dataIndex,d=i.get("minAngle")/180*Math.PI,p=i.get("show")&&!(null!=d&&Math.abs(o)<d);function f(t,e){var n=t.get(e);return null==n?i.get(e):n}c.ignore=!p,z(Hl,(function(i){var d="normal"===i?n.getModel("label"):n.getModel([i,"label"]),p="normal"===i,g=p?c:c.ensureState(i),y=t.getFormattedLabel(h,i);p&&(y=y||e.node.name),g.style=Qh(d,{},null,"normal"!==i,!0),y&&(g.style.text=y);var v=d.get("show");null==v||p||(g.ignore=!v);var m,x=f(d,"position"),_=p?u:u.states[i],b=_.style.fill;_.textConfig={outsideFill:"inherit"===d.get("color")?b:null,inside:"outside"!==x};var w=f(d,"distance")||0,S=f(d,"align"),M=f(d,"rotate"),I=.5*Math.PI,T=1.5*Math.PI,C=Xs("tangential"===M?Math.PI/2-a:a),D=C>I&&!Co(C-I)&&C<T;"outside"===x?(m=r.r+w,S=D?"right":"left"):S&&"center"!==S?"left"===S?(m=r.r0+w,S=D?"right":"left"):"right"===S&&(m=r.r-w,S=D?"left":"right"):(m=o===2*Math.PI&&0===r.r0?0:(r.r+r.r0)/2,S="center"),g.style.align=S,g.style.verticalAlign=f(d,"verticalAlign")||"middle",g.x=m*s+r.cx,g.y=m*l+r.cy;var A=0;"radial"===M?A=Xs(-a)+(D?Math.PI:0):"tangential"===M?A=Xs(Math.PI/2-a)+(D?Math.PI:0):j(M)&&(A=M*Math.PI/180),g.rotation=Xs(A)})),c.dirtyStyle()},e}(xc),Lz="sunburstRootToNode",Pz="sunburstHighlight";var Oz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){var r=this;this.seriesModel=t,this.api=n,this.ecModel=e;var o=t.getData(),a=o.tree.root,s=t.getViewRoot(),l=this.group,u=t.get("renderLabelForZeroData"),c=[];s.eachNode((function(t){c.push(t)}));var h=this._oldChildren||[];!function(i,r){if(0===i.length&&0===r.length)return;function s(t){return t.getId()}function c(s,c){!function(i,r){u||!i||i.getValue()||(i=null);if(i!==a&&r!==a)if(r&&r.piece)i?(r.piece.updateData(!1,i,t,e,n),o.setItemGraphicEl(i.dataIndex,r.piece)):function(t){if(!t)return;t.piece&&(l.remove(t.piece),t.piece=null)}(r);else if(i){var s=new kz(i,t,e,n);l.add(s),o.setItemGraphicEl(i.dataIndex,s)}}(null==s?null:i[s],null==c?null:r[c])}new f_(r,i,s,s).add(c).update(c).remove(H(c,null)).execute()}(c,h),function(i,o){o.depth>0?(r.virtualPiece?r.virtualPiece.updateData(!1,i,t,e,n):(r.virtualPiece=new kz(i,t,e,n),l.add(r.virtualPiece)),o.piece.off("click"),r.virtualPiece.on("click",(function(t){r._rootToNode(o.parentNode)}))):r.virtualPiece&&(l.remove(r.virtualPiece),r.virtualPiece=null)}(a,s),this._initEvents(),this._oldChildren=c},e.prototype._initEvents=function(){var t=this;this.group.off("click"),this.group.on("click",(function(e){var n=!1;t.seriesModel.getViewRoot().eachNode((function(i){if(!n&&i.piece&&i.piece===e.target){var r=i.getModel().get("nodeClick");if("rootToNode"===r)t._rootToNode(i);else if("link"===r){var o=i.getModel(),a=o.get("link");if(a)Sp(a,o.get("target",!0)||"_blank")}n=!0}}))}))},e.prototype._rootToNode=function(t){t!==this.seriesModel.getViewRoot()&&this.api.dispatchAction({type:Lz,from:this.uid,seriesId:this.seriesModel.id,targetNode:t})},e.prototype.containPoint=function(t,e){var n=e.getData().getItemLayout(0);if(n){var i=t[0]-n.cx,r=t[1]-n.cy,o=Math.sqrt(i*i+r*r);return o<=n.r&&o>=n.r0}},e.type="sunburst",e}(tv),Rz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.ignoreStyleOnData=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){var n={name:t.name,children:t.data};Nz(n);var i=this._levelModels=E(t.levels||[],(function(t){return new wd(t,this,e)}),this),r=Ek.createTree(n,this,(function(t){t.wrapMethod("getItemModel",(function(t,e){var n=r.getNodeByDataIndex(e),o=i[n.depth];return o&&(t.parentModel=o),t}))}));return r.data},e.prototype.optionUpdated=function(){this.resetViewRoot()},e.prototype.getDataParams=function(e){var n=t.prototype.getDataParams.apply(this,arguments),i=this.getData().tree.getNodeByDataIndex(e);return n.treePathInfo=Fk(i,this),n},e.prototype.getLevelModel=function(t){return this._levelModels&&this._levelModels[t.depth]},e.prototype.getViewRoot=function(){return this._viewRoot},e.prototype.resetViewRoot=function(t){t?this._viewRoot=t:t=this._viewRoot;var e=this.getRawData().tree.root;t&&(t===e||e.contains(t))||(this._viewRoot=e)},e.prototype.enableAriaDecal=function(){Zk(this)},e.type="series.sunburst",e.defaultOption={z:2,center:["50%","50%"],radius:[0,"75%"],clockwise:!0,startAngle:90,minAngle:0,stillShowZeroSum:!0,nodeClick:"rootToNode",renderLabelForZeroData:!1,label:{rotate:"radial",show:!0,opacity:1,align:"center",position:"inside",distance:5,silent:!0},itemStyle:{borderWidth:1,borderColor:"white",borderType:"solid",shadowBlur:0,shadowColor:"rgba(0, 0, 0, 0.2)",shadowOffsetX:0,shadowOffsetY:0,opacity:1},emphasis:{focus:"descendant"},blur:{itemStyle:{opacity:.2},label:{opacity:.1}},animationType:"expansion",animationDuration:1e3,animationDurationUpdate:500,data:[],sort:"desc"},e}(Wy);function Nz(t){var e=0;z(t.children,(function(t){Nz(t);var n=t.value;U(n)&&(n=n[0]),e+=n}));var n=t.value;U(n)&&(n=n[0]),(null==n||isNaN(n))&&(n=e),n<0&&(n=0),U(t.value)?t.value[0]=n:t.value=n}var zz=Math.PI/180;function Ez(t,e,n){e.eachSeriesByType(t,(function(t){var e=t.get("center"),i=t.get("radius");U(i)||(i=[0,i]),U(e)||(e=[e,e]);var r=n.getWidth(),o=n.getHeight(),a=Math.min(r,o),s=yo(e[0],r),l=yo(e[1],o),u=yo(i[0],a/2),c=yo(i[1],a/2),h=-t.get("startAngle")*zz,d=t.get("minAngle")*zz,p=t.getData().tree.root,f=t.getViewRoot(),g=f.depth,y=t.get("sort");null!=y&&Bz(f,y);var v=0;z(f.children,(function(t){!isNaN(t.getValue())&&v++}));var m=f.getValue(),x=Math.PI/(m||v)*2,_=f.depth>0,b=f.height-(_?-1:1),w=(c-u)/(b||1),S=t.get("clockwise"),M=t.get("stillShowZeroSum"),I=S?1:-1,T=function(e,n){if(e){var i=n;if(e!==p){var r=e.getValue(),o=0===m&&M?x:r*x;o<d&&(o=d),i=n+I*o;var c=e.depth-g-(_?-1:1),h=u+w*c,f=u+w*(c+1),y=t.getLevelModel(e);if(y){var v=y.get("r0",!0),b=y.get("r",!0),C=y.get("radius",!0);null!=C&&(v=C[0],b=C[1]),null!=v&&(h=yo(v,a/2)),null!=b&&(f=yo(b,a/2))}e.setLayout({angle:o,startAngle:n,endAngle:i,clockwise:S,cx:s,cy:l,r0:h,r:f})}if(e.children&&e.children.length){var D=0;z(e.children,(function(t){D+=T(t,n+D)}))}return i-n}};if(_){var C=u,D=u+w,A=2*Math.PI;p.setLayout({angle:A,startAngle:h,endAngle:h+A,clockwise:S,cx:s,cy:l,r0:C,r:D})}T(f,h)}))}function Bz(t,e){var n=t.children||[];t.children=function(t,e){if(Y(e)){var n=E(t,(function(t,e){var n=t.getValue();return{params:{depth:t.depth,height:t.height,dataIndex:t.dataIndex,getValue:function(){return n}},index:e}}));return n.sort((function(t,n){return e(t.params,n.params)})),E(n,(function(e){return t[e.index]}))}var i="asc"===e;return t.sort((function(t,e){var n=(t.getValue()-e.getValue())*(i?1:-1);return 0===n?(t.dataIndex-e.dataIndex)*(i?-1:1):n}))}(n,e),n.length&&z(t.children,(function(t){Bz(t,e)}))}function Vz(t){var e={};t.eachSeriesByType("sunburst",(function(t){var n=t.getData(),i=n.tree;i.eachNode((function(r){var o=r.getModel().getModel("itemStyle").getItemStyle();o.fill||(o.fill=function(t,n,i){if(0===t.depth)return tf.color.neutral50;for(var r=t;r&&r.depth>1;)r=r.parentNode;var o=n.getColorFromPalette(r.name||r.dataIndex+"",e);return t.depth>1&&X(o)&&(o=si(o,(t.depth-1)/(i-1)*.5)),o}(r,t,i.root.height)),A(n.ensureUniqueItemVisual(r.dataIndex,"style"),o)}))}))}var Gz={color:"fill",borderColor:"stroke"},Fz={symbol:1,symbolSize:1,symbolKeepAspect:1,legendIcon:1,visualMeta:1,liftZ:1,decal:1},Wz=sa(),Hz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){this.currentZLevel=this.get("zlevel",!0),this.currentZ=this.get("z",!0)},e.prototype.getInitialData=function(t,e){return Z_(null,this)},e.prototype.getDataParams=function(e,n,i){var r=t.prototype.getDataParams.call(this,e,n);return i&&(r.info=Wz(i).info),r},e.type="series.custom",e.dependencies=["grid","polar","geo","singleAxis","calendar","matrix"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,legendHoverLink:!0,clip:!1},e}(Wy);function Uz(t,e){return e=e||[0,0],E(["x","y"],(function(n,i){var r=this.getAxis(n),o=e[i],a=t[i]/2;return"category"===r.type?r.getBandWidth():Math.abs(r.dataToCoord(o-a)-r.dataToCoord(o+a))}),this)}function Yz(t,e){return e=e||[0,0],E([0,1],(function(n){var i=e[n],r=t[n]/2,o=[],a=[];return o[n]=i-r,a[n]=i+r,o[1-n]=a[1-n]=e[1-n],Math.abs(this.dataToPoint(o)[n]-this.dataToPoint(a)[n])}),this)}function Xz(t,e){var n=this.getAxis(),i=e instanceof Array?e[0]:e,r=(t instanceof Array?t[0]:t)/2;return"category"===n.type?n.getBandWidth():Math.abs(n.dataToCoord(i-r)-n.dataToCoord(i+r))}function Zz(t,e){return e=e||[0,0],E(["Radius","Angle"],(function(n,i){var r=this["get"+n+"Axis"](),o=e[i],a=t[i]/2,s="category"===r.type?r.getBandWidth():Math.abs(r.dataToCoord(o-a)-r.dataToCoord(o+a));return"Angle"===n&&(s=s*Math.PI/180),s}),this)}function jz(t,e,n,i){return t&&(t.legacy||!1!==t.legacy&&!n&&!i&&"tspan"!==e&&("text"===e||_t(t,"text")))}function qz(t,e,n){var i,r,o,a=t;if("text"===e)o=a;else{o={},_t(a,"text")&&(o.text=a.text),_t(a,"rich")&&(o.rich=a.rich),_t(a,"textFill")&&(o.fill=a.textFill),_t(a,"textStroke")&&(o.stroke=a.textStroke),_t(a,"fontFamily")&&(o.fontFamily=a.fontFamily),_t(a,"fontSize")&&(o.fontSize=a.fontSize),_t(a,"fontStyle")&&(o.fontStyle=a.fontStyle),_t(a,"fontWeight")&&(o.fontWeight=a.fontWeight),r={type:"text",style:o,silent:!0},i={};var s=_t(a,"textPosition");n?i.position=s?a.textPosition:"inside":s&&(i.position=a.textPosition),_t(a,"textPosition")&&(i.position=a.textPosition),_t(a,"textOffset")&&(i.offset=a.textOffset),_t(a,"textRotation")&&(i.rotation=a.textRotation),_t(a,"textDistance")&&(i.distance=a.textDistance)}return Kz(o,t),z(o.rich,(function(t){Kz(t,t)})),{textConfig:i,textContent:r}}function Kz(t,e){e&&(e.font=e.textFont||e.font,_t(e,"textStrokeWidth")&&(t.lineWidth=e.textStrokeWidth),_t(e,"textAlign")&&(t.align=e.textAlign),_t(e,"textVerticalAlign")&&(t.verticalAlign=e.textVerticalAlign),_t(e,"textLineHeight")&&(t.lineHeight=e.textLineHeight),_t(e,"textWidth")&&(t.width=e.textWidth),_t(e,"textHeight")&&(t.height=e.textHeight),_t(e,"textBackgroundColor")&&(t.backgroundColor=e.textBackgroundColor),_t(e,"textPadding")&&(t.padding=e.textPadding),_t(e,"textBorderColor")&&(t.borderColor=e.textBorderColor),_t(e,"textBorderWidth")&&(t.borderWidth=e.textBorderWidth),_t(e,"textBorderRadius")&&(t.borderRadius=e.textBorderRadius),_t(e,"textBoxShadowColor")&&(t.shadowColor=e.textBoxShadowColor),_t(e,"textBoxShadowBlur")&&(t.shadowBlur=e.textBoxShadowBlur),_t(e,"textBoxShadowOffsetX")&&(t.shadowOffsetX=e.textBoxShadowOffsetX),_t(e,"textBoxShadowOffsetY")&&(t.shadowOffsetY=e.textBoxShadowOffsetY))}function $z(t,e,n){var i=t;i.textPosition=i.textPosition||n.position||"inside",null!=n.offset&&(i.textOffset=n.offset),null!=n.rotation&&(i.textRotation=n.rotation),null!=n.distance&&(i.textDistance=n.distance);var r=i.textPosition.indexOf("inside")>=0,o=t.fill||tf.color.neutral99;Jz(i,e);var a=null==i.textFill;return r?a&&(i.textFill=n.insideFill||tf.color.neutral00,!i.textStroke&&n.insideStroke&&(i.textStroke=n.insideStroke),!i.textStroke&&(i.textStroke=o),null==i.textStrokeWidth&&(i.textStrokeWidth=2)):(a&&(i.textFill=t.fill||n.outsideFill||tf.color.neutral00),!i.textStroke&&n.outsideStroke&&(i.textStroke=n.outsideStroke)),i.text=e.text,i.rich=e.rich,z(e.rich,(function(t){Jz(t,t)})),i}function Jz(t,e){e&&(_t(e,"fill")&&(t.textFill=e.fill),_t(e,"stroke")&&(t.textStroke=e.fill),_t(e,"lineWidth")&&(t.textStrokeWidth=e.lineWidth),_t(e,"font")&&(t.font=e.font),_t(e,"fontStyle")&&(t.fontStyle=e.fontStyle),_t(e,"fontWeight")&&(t.fontWeight=e.fontWeight),_t(e,"fontSize")&&(t.fontSize=e.fontSize),_t(e,"fontFamily")&&(t.fontFamily=e.fontFamily),_t(e,"align")&&(t.textAlign=e.align),_t(e,"verticalAlign")&&(t.textVerticalAlign=e.verticalAlign),_t(e,"lineHeight")&&(t.textLineHeight=e.lineHeight),_t(e,"width")&&(t.textWidth=e.width),_t(e,"height")&&(t.textHeight=e.height),_t(e,"backgroundColor")&&(t.textBackgroundColor=e.backgroundColor),_t(e,"padding")&&(t.textPadding=e.padding),_t(e,"borderColor")&&(t.textBorderColor=e.borderColor),_t(e,"borderWidth")&&(t.textBorderWidth=e.borderWidth),_t(e,"borderRadius")&&(t.textBorderRadius=e.borderRadius),_t(e,"shadowColor")&&(t.textBoxShadowColor=e.shadowColor),_t(e,"shadowBlur")&&(t.textBoxShadowBlur=e.shadowBlur),_t(e,"shadowOffsetX")&&(t.textBoxShadowOffsetX=e.shadowOffsetX),_t(e,"shadowOffsetY")&&(t.textBoxShadowOffsetY=e.shadowOffsetY),_t(e,"textShadowColor")&&(t.textShadowColor=e.textShadowColor),_t(e,"textShadowBlur")&&(t.textShadowBlur=e.textShadowBlur),_t(e,"textShadowOffsetX")&&(t.textShadowOffsetX=e.textShadowOffsetX),_t(e,"textShadowOffsetY")&&(t.textShadowOffsetY=e.textShadowOffsetY))}var Qz={position:["x","y"],scale:["scaleX","scaleY"],origin:["originX","originY"]},tE=F(Qz),eE=(B(Ar,(function(t,e){return t[e]=1,t}),{}),Ar.join(", "),["","style","shape","extra"]),nE=sa();function iE(t,e,n,i,r){var o=t+"Animation",a=Jc(t,i,r)||{},s=nE(e).userDuring;return a.duration>0&&(a.during=s?W(cE,{el:e,userDuring:s}):null,a.setToFinal=!0,a.scope=t),A(a,n[o]),a}function rE(t,e,n,i){var r=(i=i||{}).dataIndex,o=i.isInit,a=i.clearStyle,s=n.isAnimationEnabled(),l=nE(t),u=e.style;l.userDuring=e.during;var c={},h={};if(function(t,e,n){for(var i=0;i<tE.length;i++){var r=tE[i],o=Qz[r],a=e[r];a&&(n[o[0]]=a[0],n[o[1]]=a[1])}for(i=0;i<Ar.length;i++){var s=Ar[i];null!=e[s]&&(n[s]=e[s])}}(0,e,h),"compound"===t.type)for(var d=t.shape.paths,p=e.shape.paths,f=0;f<p.length;f++){dE("shape",p[f],d[f])}else dE("shape",e,h),dE("extra",e,h);if(!o&&s&&(function(t,e,n){for(var i=e.transition,r=sE(i)?Ar:qo(i||[]),o=0;o<r.length;o++){var a=r[o];if("style"!==a&&"shape"!==a&&"extra"!==a){var s=t[a];0,n[a]=s}}}(t,e,c),hE("shape",t,e,c),hE("extra",t,e,c),function(t,e,n,i){if(!n)return;var r,o=t.style;if(o){var a=n.transition,s=e.transition;if(a&&!sE(a)){var l=qo(a);!r&&(r=i.style={});for(var u=0;u<l.length;u++){var c=o[f=l[u]];r[f]=c}}else if(t.getAnimationStyleProps&&(sE(s)||sE(a)||P(s,"style")>=0)){var h=t.getAnimationStyleProps(),d=h?h.style:null;if(d){!r&&(r=i.style={});var p=F(n);for(u=0;u<p.length;u++){var f;if(d[f=p[u]]){c=o[f];r[f]=c}}}}}}(t,e,u,c)),h.style=u,function(t,e,n){var i=e.style;if(!t.isGroup&&i){if(n){t.useStyle({});for(var r=t.animators,o=0;o<r.length;o++){var a=r[o];"style"===a.targetName&&a.changeTarget(t.style)}}t.setStyle(i)}e&&(e.style=null,e&&t.attr(e),e.style=i)}(t,h,a),function(t,e){_t(e,"silent")&&(t.silent=e.silent),_t(e,"ignore")&&(t.ignore=e.ignore),t instanceof os&&_t(e,"invisible")&&(t.invisible=e.invisible);t instanceof sl&&_t(e,"autoBatch")&&(t.autoBatch=e.autoBatch)}(t,e),s)if(o){var g={};z(eE,(function(t){var n=t?e[t]:e;n&&n.enterFrom&&(t&&(g[t]=g[t]||{}),A(t?g[t]:g,n.enterFrom))}));var y=iE("enter",t,e,n,r);y.duration>0&&t.animateFrom(g,y)}else!function(t,e,n,i,r){if(r){var o=iE("update",t,e,i,n);o.duration>0&&t.animateFrom(r,o)}}(t,e,r||0,n,c);oE(t,e),u?t.dirty():t.markRedraw()}function oE(t,e){for(var n=nE(t).leaveToProps,i=0;i<eE.length;i++){var r=eE[i],o=r?e[r]:e;o&&o.leaveTo&&(n||(n=nE(t).leaveToProps={}),r&&(n[r]=n[r]||{}),A(r?n[r]:n,o.leaveTo))}}function aE(t,e,n,i){if(t){var r=t.parent,o=nE(t).leaveToProps;if(o){var a=iE("update",t,e,n,0);a.done=function(){r&&r.remove(t),i&&i()},t.animateTo(o,a)}else r&&r.remove(t),i&&i()}}function sE(t){return"all"===t}var lE={},uE={setTransform:function(t,e){return lE.el[t]=e,this},getTransform:function(t){return lE.el[t]},setShape:function(t,e){var n=lE.el;return(n.shape||(n.shape={}))[t]=e,n.dirtyShape&&n.dirtyShape(),this},getShape:function(t){var e=lE.el.shape;if(e)return e[t]},setStyle:function(t,e){var n=lE.el,i=n.style;return i&&(i[t]=e,n.dirtyStyle&&n.dirtyStyle()),this},getStyle:function(t){var e=lE.el.style;if(e)return e[t]},setExtra:function(t,e){return(lE.el.extra||(lE.el.extra={}))[t]=e,this},getExtra:function(t){var e=lE.el.extra;if(e)return e[t]}};function cE(){var t=this,e=t.el;if(e){var n=nE(e).userDuring,i=t.userDuring;n===i?(lE.el=e,i(uE)):t.el=t.userDuring=null}}function hE(t,e,n,i){var r=n[t];if(r){var o,a=e[t];if(a){var s=n.transition,l=r.transition;if(l)if(!o&&(o=i[t]={}),sE(l))A(o,a);else for(var u=qo(l),c=0;c<u.length;c++){var h=a[p=u[c]];o[p]=h}else if(sE(s)||P(s,t)>=0){!o&&(o=i[t]={});var d=F(a);for(c=0;c<d.length;c++){var p;h=a[p=d[c]];pE(r[p],h)&&(o[p]=h)}}}}}function dE(t,e,n){var i=e[t];if(i)for(var r=n[t]={},o=F(i),a=0;a<o.length;a++){var s=o[a];r[s]=Wi(i[s])}}function pE(t,e){return N(t)?t!==e:null!=t&&isFinite(t)}var fE=sa(),gE=["percent","easing","shape","style","extra"];function yE(t){t.stopAnimation("keyframe"),t.attr(fE(t))}function vE(t,e,n){if(n.isAnimationEnabled()&&e)if(U(e))z(e,(function(e){vE(t,e,n)}));else{var i=e.keyframes,r=e.duration;if(n&&null==r){var o=Jc("enter",n,0);r=o&&o.duration}if(i&&r){var a=fE(t);z(eE,(function(n){if(!n||t[n]){var o;i.sort((function(t,e){return t.percent-e.percent})),z(i,(function(i){var s=t.animators,l=n?i[n]:i;if(l){var u=F(l);if(n||(u=V(u,(function(t){return P(gE,t)<0}))),u.length){o||((o=t.animate(n,e.loop,!0)).scope="keyframe");for(var c=0;c<s.length;c++)s[c]!==o&&s[c].targetName===o.targetName&&s[c].stopTracks(u);n&&(a[n]=a[n]||{});var h=n?a[n]:a;z(u,(function(e){h[e]=((n?t[n]:t)||{})[e]})),o.whenWithKeys(r*i.percent,l,u,i.easing)}}})),o&&o.delay(e.delay||0).duration(r).start(e.easing)}}))}}}var mE="emphasis",xE="normal",_E="blur",bE="select",wE=[xE,mE,_E,bE],SE={normal:["itemStyle"],emphasis:[mE,"itemStyle"],blur:[_E,"itemStyle"],select:[bE,"itemStyle"]},ME={normal:["label"],emphasis:[mE,"label"],blur:[_E,"label"],select:[bE,"label"]},IE=["x","y"],TE={normal:{},emphasis:{},blur:{},select:{}},CE={cartesian2d:function(t){var e=t.master.getRect();return{coordSys:{type:"cartesian2d",x:e.x,y:e.y,width:e.width,height:e.height},api:{coord:function(e){return t.dataToPoint(e)},size:W(Uz,t)}}},geo:function(t){var e=t.getBoundingRect();return{coordSys:{type:"geo",x:e.x,y:e.y,width:e.width,height:e.height,zoom:t.getZoom()},api:{coord:function(e){return t.dataToPoint(e)},size:W(Yz,t)}}},single:function(t){var e=t.getRect();return{coordSys:{type:"singleAxis",x:e.x,y:e.y,width:e.width,height:e.height},api:{coord:function(e){return t.dataToPoint(e)},size:W(Xz,t)}}},polar:function(t){var e=t.getRadiusAxis(),n=t.getAngleAxis(),i=e.getExtent();return i[0]>i[1]&&i.reverse(),{coordSys:{type:"polar",cx:t.cx,cy:t.cy,r:i[1],r0:i[0]},api:{coord:function(i){var r=e.dataToRadius(i[0]),o=n.dataToAngle(i[1]),a=t.coordToPoint([r,o]);return a.push(r,o*Math.PI/180),a},size:W(Zz,t)}}},calendar:function(t){var e=t.getRect(),n=t.getRangeInfo();return{coordSys:{type:"calendar",x:e.x,y:e.y,width:e.width,height:e.height,cellWidth:t.getCellWidth(),cellHeight:t.getCellHeight(),rangeInfo:{start:n.start,end:n.end,weeks:n.weeks,dayCount:n.allDay}},api:{coord:function(e,n){return t.dataToPoint(e,n)},layout:function(e,n){return t.dataToLayout(e,n)}}}},matrix:function(t){var e=t.getRect();return{coordSys:{type:"matrix",x:e.x,y:e.y,width:e.width,height:e.height},api:{coord:function(e,n){return t.dataToPoint(e,n)},layout:function(e,n){return t.dataToLayout(e,n)}}}}};function DE(t){return t instanceof sl}function AE(t){return t instanceof os}var kE=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){this._progressiveEls=null;var r=this._data,o=t.getData(),a=this.group,s=NE(t,o,e,n);r||a.removeAll(),o.diff(r).add((function(e){EE(n,null,e,s(e,i),t,a,o)})).remove((function(e){var n=r.getItemGraphicEl(e);n&&aE(n,Wz(n).option,t)})).update((function(e,l){var u=r.getItemGraphicEl(l);EE(n,u,e,s(e,i),t,a,o)})).execute();var l=t.get("clip",!0)?wI(t.coordinateSystem,!1,t):null;l?a.setClipPath(l):a.removeClipPath(),this._data=o},e.prototype.incrementalPrepareRender=function(t,e,n){this.group.removeAll(),this._data=null},e.prototype.incrementalRender=function(t,e,n,i,r){var o=e.getData(),a=NE(e,o,n,i),s=this._progressiveEls=[];function l(t){t.isGroup||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}for(var u=t.start;u<t.end;u++){var c=EE(null,null,u,a(u,r),e,this.group,o);c&&(c.traverse(l),s.push(c))}},e.prototype.eachRendered=function(t){Bh(this._progressiveEls||this.group,t)},e.prototype.filterForExposedEvent=function(t,e,n,i){var r=e.element;if(null==r||n.name===r)return!0;for(;(n=n.__hostTarget||n.parent)&&n!==this.group;)if(n.name===r)return!0;return!1},e.type="custom",e}(tv);function LE(t){var e,n=t.type;if("path"===n){var i=null!=(o=t.shape).width&&null!=o.height?{x:o.x||0,y:o.y||0,width:o.width,height:o.height}:null,r=ZE(o);e=gh(r,null,i,o.layout||"center"),Wz(e).customPathData=r}else if("image"===n)e=new dl({}),Wz(e).customImagePath=t.style.image;else if("text"===n)e=new Sl({});else if("group"===n)e=new to;else if("compoundPath"===n){var o;if(!(o=t.shape)||!o.paths)0,Yo("");var a=E(o.paths,(function(t){if("path"===t.type)return gh(t.shape.pathData,t,null);var e=fh(t.type);if(!e){var n="";0,Yo(n)}return new e}));e=new zc({shape:{paths:a}})}else{var s=fh(n);if(!s)0,Yo("");e=new s}return Wz(e).customGraphicType=n,e.name=t.name,e.z2EmphasisLift=1,e.z2SelectLift=1,e}function PE(t,e,n,i,r,o,a){yE(e);var s=r&&r.normal.cfg;s&&e.setTextConfig(s),i&&null==i.transition&&(i.transition=IE);var l=i&&i.style;if(l){if("text"===e.type){var u=l;_t(u,"textFill")&&(u.fill=u.textFill),_t(u,"textStroke")&&(u.stroke=u.textStroke)}var c=void 0,h=DE(e)?l.decal:null;t&&h&&(h.dirty=!0,c=Bm(h,t)),l.__decalPattern=c}AE(e)&&(l&&(c=l.__decalPattern)&&(l.decal=c));rE(e,i,o,{dataIndex:n,isInit:a,clearStyle:!0}),vE(e,i.keyframeAnimation,o)}function OE(t,e,n,i,r){var o=e.isGroup?null:e,a=r&&r[t].cfg;if(o){var s=o.ensureState(t);if(!1===i){var l=o.getState(t);l&&(l.style=null)}else s.style=i||null;a&&(s.textConfig=a),uu(o)}}function RE(t,e,n){var i=n===xE,r=i?e:FE(e,n),o=r?r.z2:null;null!=o&&((i?t:t.ensureState(n)).z2=o||0)}function NE(t,e,n,i){var r=t.get("renderItem");if("string"==typeof r){var o=Ym[r];o&&(r=o)}var a=t.coordinateSystem,s={};a&&(s=a.prepareCustoms?a.prepareCustoms(a):CE[a.type](a));for(var l,u,c=k({getWidth:i.getWidth,getHeight:i.getHeight,getZr:i.getZr,getDevicePixelRatio:i.getDevicePixelRatio,value:function(t,n){return null==n&&(n=l),e.getStore().get(e.getDimensionIndex(t||0),n)},style:function(n,i){0;null==i&&(i=l);var r=e.getItemVisual(i,"style"),o=r&&r.fill,a=r&&r.opacity,s=x(i,xE).getItemStyle();null!=o&&(s.fill=o),null!=a&&(s.opacity=a);var u={inheritColor:X(o)?o:tf.color.neutral99},c=_(i,xE),h=Qh(c,null,u,!1,!0);h.text=c.getShallow("show")?rt(t.getFormattedLabel(i,xE),nI(e,i)):null;var d=td(c,u,!1);return w(n,s),s=$z(s,h,d),n&&b(s,n),s.legacy=!0,s},ordinalRawValue:function(t,n){null==n&&(n=l),t=t||0;var i=e.getDimensionInfo(t);if(!i){var r=e.getDimensionIndex(t);return r>=0?e.getStore().get(r,n):void 0}var o=e.get(i.name,n),a=i&&i.ordinalMeta;return a?a.categories[o]:o},styleEmphasis:function(n,i){0;null==i&&(i=l);var r=x(i,mE).getItemStyle(),o=_(i,mE),a=Qh(o,null,null,!0,!0);a.text=o.getShallow("show")?ot(t.getFormattedLabel(i,mE),t.getFormattedLabel(i,xE),nI(e,i)):null;var s=td(o,null,!0);return w(n,r),r=$z(r,a,s),n&&b(r,n),r.legacy=!0,r},visual:function(t,n){if(null==n&&(n=l),_t(Gz,t)){var i=e.getItemVisual(n,"style");return i?i[Gz[t]]:null}if(_t(Fz,t))return e.getItemVisual(n,t)},barLayout:function(t){if("cartesian2d"===a.type){return function(t){var e=[],n=t.axis,i="axis0";if("category"===n.type){for(var r=n.getBandWidth(),o=0;o<t.count;o++)e.push(k({bandWidth:r,axisKey:i,stackId:fb+o},t));var a=xb(e),s=[];for(o=0;o<t.count;o++){var l=a[i][fb+o];l.offsetCenter=l.offset+l.width/2,s.push(l)}return s}}(k({axis:a.getBaseAxis()},t))}},currentSeriesIndices:function(){return n.getCurrentSeriesIndices()},font:function(t){return od(t,n)}},s.api||{}),h={context:{},seriesId:t.id,seriesName:t.name,seriesIndex:t.seriesIndex,coordSys:s.coordSys,dataInsideLength:e.count(),encode:zE(t.getData()),itemPayload:t.get("itemPayload")||{}},d={},p={},f={},g={},y=0;y<wE.length;y++){var v=wE[y];f[v]=t.getModel(SE[v]),g[v]=t.getModel(ME[v])}function m(t){return t===l?u||(u=e.getItemModel(t)):e.getItemModel(t)}function x(t,n){return e.hasItemOption?t===l?d[n]||(d[n]=m(t).getModel(SE[n])):m(t).getModel(SE[n]):f[n]}function _(t,n){return e.hasItemOption?t===l?p[n]||(p[n]=m(t).getModel(ME[n])):m(t).getModel(ME[n]):g[n]}return function(t,n){return l=t,u=null,d={},p={},r&&r(k({dataIndexInside:t,dataIndex:e.getRawIndex(t),actionType:n?n.type:null},h),c)};function b(t,e){for(var n in e)_t(e,n)&&(t[n]=e[n])}function w(t,e){t&&(t.textFill&&(e.textFill=t.textFill),t.textPosition&&(e.textPosition=t.textPosition))}}function zE(t){var e={};return z(t.dimensions,(function(n){var i=t.getDimensionInfo(n);if(!i.isExtraCoord){var r=i.coordDim;(e[r]=e[r]||[])[i.coordDimIndex]=t.getDimensionIndex(n)}})),e}function EE(t,e,n,i,r,o,a){if(i){var s=BE(t,e,n,i,r,o);return s&&a.setItemGraphicEl(n,s),s&&Tu(s,i.focus,i.blurScope,i.emphasisDisabled),s}o.remove(e)}function BE(t,e,n,i,r,o){var a=-1,s=e;e&&VE(e,i,r)&&(a=P(o.childrenRef(),e),e=null);var l,u,c=!e,h=e;h?h.clearStates():(h=LE(i),s&&(l=s,(u=h).copyTransform(l),AE(u)&&AE(l)&&(u.setStyle(l.style),u.z=l.z,u.z2=l.z2,u.zlevel=l.zlevel,u.invisible=l.invisible,u.ignore=l.ignore,DE(u)&&DE(l)&&u.setShape(l.shape)))),!1===i.morph?h.disableMorphing=!0:h.disableMorphing&&(h.disableMorphing=!1),i.tooltipDisabled&&(h.tooltipDisabled=!0),TE.normal.cfg=TE.normal.conOpt=TE.emphasis.cfg=TE.emphasis.conOpt=TE.blur.cfg=TE.blur.conOpt=TE.select.cfg=TE.select.conOpt=null,TE.isLegacy=!1,function(t,e,n,i,r,o){if(t.isGroup||"compoundPath"===t.type)return;GE(n,null,o),GE(n,mE,o);var a=o.normal.conOpt,s=o.emphasis.conOpt,l=o.blur.conOpt,u=o.select.conOpt;if(null!=a||null!=s||null!=u||null!=l){var c=t.getTextContent();if(!1===a)c&&t.removeTextContent();else{a=o.normal.conOpt=a||{type:"text"},c?c.clearStates():(c=LE(a),t.setTextContent(c)),PE(null,c,e,a,null,i,r);for(var h=a&&a.style,d=0;d<wE.length;d++){var p=wE[d];if(p!==xE){var f=o[p].conOpt;OE(p,c,0,WE(a,f,p),null)}}h?c.dirty():c.markRedraw()}}}(h,n,i,r,c,TE),function(t,e,n,i,r){var o=n.clipPath;if(!1===o)t&&t.getClipPath()&&t.removeClipPath();else if(o){var a=t.getClipPath();a&&VE(a,o,i)&&(a=null),a||(a=LE(o),t.setClipPath(a)),PE(null,a,e,o,null,i,r)}}(h,n,i,r,c),PE(t,h,n,i,TE,r,c),_t(i,"info")&&(Wz(h).info=i.info);for(var d=0;d<wE.length;d++){var p=wE[d];if(p!==xE){var f=FE(i,p);OE(p,h,0,WE(i,f,p),TE)}}return function(t,e,n){if(!t.isGroup){var i=t,r=n.currentZ,o=n.currentZLevel;i.z=r,i.zlevel=o;var a=e.z2;null!=a&&(i.z2=a||0);for(var s=0;s<wE.length;s++)RE(i,e,wE[s])}}(h,i,r),"group"===i.type&&function(t,e,n,i,r){var o=i.children,a=o?o.length:0,s=i.$mergeChildren,l="byName"===s||i.diffChildrenByName,u=!1===s;if(!a&&!l&&!u)return;if(l)return c={api:t,oldChildren:e.children()||[],newChildren:o||[],dataIndex:n,seriesModel:r,group:e},void new f_(c.oldChildren,c.newChildren,UE,UE,c).add(YE).update(YE).remove(XE).execute();var c;u&&e.removeAll();for(var h=0;h<a;h++){var d=o[h],p=e.childAt(h);d?(null==d.ignore&&(d.ignore=!1),BE(t,p,n,d,r,e)):p.ignore=!0}for(var f=e.childCount()-1;f>=h;f--){var g=e.childAt(f);HE(e,g,r)}}(t,h,n,i,r),a>=0?o.replaceAt(h,a):o.add(h),h}function VE(t,e,n){var i,r=Wz(t),o=e.type,a=e.shape,s=e.style;return n.isUniversalTransitionEnabled()||null!=o&&o!==r.customGraphicType||"path"===o&&((i=a)&&(_t(i,"pathData")||_t(i,"d")))&&ZE(a)!==r.customPathData||"image"===o&&_t(s,"image")&&s.image!==r.customImagePath}function GE(t,e,n){var i=e?FE(t,e):t,r=e?WE(t,i,mE):t.style,o=t.type,a=i?i.textConfig:null,s=t.textContent,l=s?e?FE(s,e):s:null;if(r&&(n.isLegacy||jz(r,o,!!a,!!l))){n.isLegacy=!0;var u=qz(r,o,!e);!a&&u.textConfig&&(a=u.textConfig),!l&&u.textContent&&(l=u.textContent)}if(!e&&l){var c=l;!c.type&&(c.type="text")}var h=e?n[e]:n.normal;h.cfg=a,h.conOpt=l}function FE(t,e){return e?t?t[e]:null:t}function WE(t,e,n){var i=e&&e.style;return null==i&&n===mE&&t&&(i=t.styleEmphasis),i}function HE(t,e,n){e&&aE(e,Wz(t).option,n)}function UE(t,e){var n=t&&t.name;return null!=n?n:"e\0\0"+e}function YE(t,e){var n=this.context,i=null!=t?n.newChildren[t]:null,r=null!=e?n.oldChildren[e]:null;BE(n.api,r,n.dataIndex,i,n.seriesModel,n.group)}function XE(t){var e=this.context,n=e.oldChildren[t];n&&aE(n,Wz(n).option,e.seriesModel)}function ZE(t){return t&&(t.pathData||t.d)}var jE=sa(),qE=T,KE=W,$E=function(){function t(){this._dragging=!1,this.animationThreshold=15}return t.prototype.render=function(t,e,n,i){var r=e.get("value"),o=e.get("status");if(this._axisModel=t,this._axisPointerModel=e,this._api=n,i||this._lastValue!==r||this._lastStatus!==o){this._lastValue=r,this._lastStatus=o;var a=this._group,s=this._handle;if(!o||"hide"===o)return a&&a.hide(),void(s&&s.hide());a&&a.show(),s&&s.show();var l={};this.makeElOption(l,r,t,e,n);var u=l.graphicKey;u!==this._lastGraphicKey&&this.clear(n),this._lastGraphicKey=u;var c=this._moveAnimation=this.determineAnimation(t,e);if(a){var h=H(JE,e,c);this.updatePointerEl(a,l,h),this.updateLabelEl(a,l,h,e)}else a=this._group=new to,this.createPointerEl(a,l,t,e),this.createLabelEl(a,l,t,e),n.getZr().add(a);nB(a,e,!0),this._renderHandle(r)}},t.prototype.remove=function(t){this.clear(t)},t.prototype.dispose=function(t){this.clear(t)},t.prototype.determineAnimation=function(t,e){var n=e.get("animation"),i=t.axis,r="category"===i.type,o=e.get("snap");if(!o&&!r)return!1;if("auto"===n||null==n){var a=this.animationThreshold;if(r&&i.getBandWidth()>a)return!0;if(o){var s=ZC(t).seriesDataCount,l=i.getExtent();return Math.abs(l[0]-l[1])/s>a}return!1}return!0===n},t.prototype.makeElOption=function(t,e,n,i,r){},t.prototype.createPointerEl=function(t,e,n,i){var r=e.pointer;if(r){var o=jE(t).pointerEl=new Zh[r.type](qE(e.pointer));t.add(o)}},t.prototype.createLabelEl=function(t,e,n,i){if(e.label){var r=jE(t).labelEl=new Sl(qE(e.label));t.add(r),tB(r,i)}},t.prototype.updatePointerEl=function(t,e,n){var i=jE(t).pointerEl;i&&e.pointer&&(i.setStyle(e.pointer.style),n(i,{shape:e.pointer.shape}))},t.prototype.updateLabelEl=function(t,e,n,i){var r=jE(t).labelEl;r&&(r.setStyle(e.label.style),n(r,{x:e.label.x,y:e.label.y}),tB(r,i))},t.prototype._renderHandle=function(t){if(!this._dragging&&this.updateHandleTransform){var e,n=this._axisPointerModel,i=this._api.getZr(),r=this._handle,o=n.getModel("handle"),a=n.get("status");if(!o.get("show")||!a||"hide"===a)return r&&i.remove(r),void(this._handle=null);this._handle||(e=!0,r=this._handle=Ah(o.get("icon"),{cursor:"move",draggable:!0,onmousemove:function(t){fe(t.event)},onmousedown:KE(this._onHandleDragMove,this,0,0),drift:KE(this._onHandleDragMove,this),ondragend:KE(this._onHandleDragEnd,this)}),i.add(r)),nB(r,n,!1),r.setStyle(o.getItemStyle(null,["color","borderColor","borderWidth","opacity","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"]));var s=o.get("size");U(s)||(s=[s,s]),r.scaleX=s[0]/2,r.scaleY=s[1]/2,cv(this,"_doDispatchAxisPointer",o.get("throttle")||0,"fixRate"),this._moveHandleToValue(t,e)}},t.prototype._moveHandleToValue=function(t,e){JE(this._axisPointerModel,!e&&this._moveAnimation,this._handle,eB(this.getHandleTransform(t,this._axisModel,this._axisPointerModel)))},t.prototype._onHandleDragMove=function(t,e){var n=this._handle;if(n){this._dragging=!0;var i=this.updateHandleTransform(eB(n),[t,e],this._axisModel,this._axisPointerModel);this._payloadInfo=i,n.stopAnimation(),n.attr(eB(i)),jE(n).lastProp=null,this._doDispatchAxisPointer()}},t.prototype._doDispatchAxisPointer=function(){if(this._handle){var t=this._payloadInfo,e=this._axisModel;this._api.dispatchAction({type:"updateAxisPointer",x:t.cursorPoint[0],y:t.cursorPoint[1],tooltipOption:t.tooltipOption,axesInfo:[{axisDim:e.axis.dim,axisIndex:e.componentIndex}]})}},t.prototype._onHandleDragEnd=function(){if(this._dragging=!1,this._handle){var t=this._axisPointerModel.get("value");this._moveHandleToValue(t),this._api.dispatchAction({type:"hideTip"})}},t.prototype.clear=function(t){this._lastValue=null,this._lastStatus=null;var e=t.getZr(),n=this._group,i=this._handle;e&&n&&(this._lastGraphicKey=null,n&&e.remove(n),i&&e.remove(i),this._group=null,this._handle=null,this._payloadInfo=null),hv(this,"_doDispatchAxisPointer")},t.prototype.doClear=function(){},t.prototype.buildLabel=function(t,e,n){return{x:t[n=n||0],y:t[1-n],width:e[n],height:e[1-n]}},t}();function JE(t,e,n,i){QE(jE(n).lastProp,i)||(jE(n).lastProp=i,e?th(n,i,t):(n.stopAnimation(),n.attr(i)))}function QE(t,e){if(q(t)&&q(e)){var n=!0;return z(e,(function(e,i){n=n&&QE(t[i],e)})),!!n}return t===e}function tB(t,e){t[e.get(["label","show"])?"show":"hide"]()}function eB(t){return{x:t.x||0,y:t.y||0,rotation:t.rotation||0}}function nB(t,e,n){var i=e.get("z"),r=e.get("zlevel");t&&t.traverse((function(t){"group"!==t.type&&(null!=i&&(t.z=i),null!=r&&(t.zlevel=r),t.silent=n)}))}function iB(t){var e,n=t.get("type"),i=t.getModel(n+"Style");return"line"===n?(e=i.getLineStyle()).fill=null:"shadow"===n&&((e=i.getAreaStyle()).stroke=null),e}function rB(t,e,n,i,r){var o=oB(n.get("value"),e.axis,e.ecModel,n.get("seriesDataIndices"),{precision:n.get(["label","precision"]),formatter:n.get(["label","formatter"])}),a=n.getModel("label"),s=yp(a.get("padding")||0),l=a.getFont(),u=Er(o,l),c=r.position,h=u.width+s[1]+s[3],d=u.height+s[0]+s[2],p=r.align;"right"===p&&(c[0]-=h),"center"===p&&(c[0]-=h/2);var f=r.verticalAlign;"bottom"===f&&(c[1]-=d),"middle"===f&&(c[1]-=d/2),function(t,e,n,i){var r=i.getWidth(),o=i.getHeight();t[0]=Math.min(t[0]+e,r)-e,t[1]=Math.min(t[1]+n,o)-n,t[0]=Math.max(t[0],0),t[1]=Math.max(t[1],0)}(c,h,d,i);var g=a.get("backgroundColor");g&&"auto"!==g||(g=e.get(["axisLine","lineStyle","color"])),t.label={x:c[0],y:c[1],style:Qh(a,{text:o,font:l,fill:a.getTextColor(),padding:s,backgroundColor:g}),z2:10}}function oB(t,e,n,i,r){t=e.scale.parse(t);var o=e.scale.getLabel({value:t},{precision:r.precision}),a=r.formatter;if(a){var s={value:qb(e,{value:t}),axisDimension:e.dim,axisIndex:e.index,seriesData:[]};z(i,(function(t){var e=n.getSeriesByIndex(t.seriesIndex),i=t.dataIndexInside,r=e&&e.getDataParams(i);r&&s.seriesData.push(r)})),X(a)?o=a.replace("{value}",o):Y(a)&&(o=a(s))}return o}function aB(t,e,n){var i=[1,0,0,1,0,0];return Me(i,i,n.rotation),Se(i,i,n.position),Sh([t.dataToCoord(e),(n.labelOffset||0)+(n.labelDirection||1)*(n.labelMargin||0)],i)}function sB(t,e,n,i,r,o){var a=mC.innerTextLayout(n.rotation,0,n.labelDirection);n.labelMargin=r.get(["label","margin"]),rB(e,i,r,o,{position:aB(i.axis,t,n),align:a.textAlign,verticalAlign:a.textVerticalAlign})}function lB(t,e,n){return{x1:t[n=n||0],y1:t[1-n],x2:e[n],y2:e[1-n]}}function uB(t,e,n){return{x:t[n=n||0],y:t[1-n],width:e[n],height:e[1-n]}}function cB(t,e,n,i,r,o){return{cx:t,cy:e,r0:n,r:i,startAngle:r,endAngle:o,clockwise:!0}}var hB=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.makeElOption=function(t,e,n,i,r){var o=n.axis,a=o.grid,s=i.get("type"),l=dB(a,o).getOtherAxis(o).getGlobalExtent(),u=o.toGlobalCoord(o.dataToCoord(e,!0));if(s&&"none"!==s){var c=iB(i),h=pB[s](o,u,l);h.style=c,t.graphicKey=h.type,t.pointer=h}sB(e,t,kC(a.getRect(),n),n,i,r)},e.prototype.getHandleTransform=function(t,e,n){var i=kC(e.axis.grid.getRect(),e,{labelInside:!1});i.labelMargin=n.get(["handle","margin"]);var r=aB(e.axis,t,i);return{x:r[0],y:r[1],rotation:i.rotation+(i.labelDirection<0?Math.PI:0)}},e.prototype.updateHandleTransform=function(t,e,n,i){var r=n.axis,o=r.grid,a=r.getGlobalExtent(!0),s=dB(o,r).getOtherAxis(r).getGlobalExtent(),l="x"===r.dim?0:1,u=[t.x,t.y];u[l]+=e[l],u[l]=Math.min(a[1],u[l]),u[l]=Math.max(a[0],u[l]);var c=(s[1]+s[0])/2,h=[c,c];h[l]=u[l];return{x:u[0],y:u[1],rotation:t.rotation,cursorPoint:h,tooltipOption:[{verticalAlign:"middle"},{align:"center"}][l]}},e}($E);function dB(t,e){var n={};return n[e.dim+"AxisIndex"]=e.index,t.getCartesian(n)}var pB={line:function(t,e,n){return{type:"Line",subPixelOptimize:!0,shape:lB([e,n[0]],[e,n[1]],fB(t))}},shadow:function(t,e,n){var i=Math.max(1,t.getBandWidth()),r=n[1]-n[0];return{type:"Rect",shape:uB([e-i/2,n[0]],[i,r],fB(t))}}};function fB(t){return"x"===t.dim?0:1}var gB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="axisPointer",e.defaultOption={show:"auto",z:50,type:"line",snap:!1,triggerTooltip:!0,triggerEmphasis:!0,value:null,status:null,link:[],animation:null,animationDurationUpdate:200,lineStyle:{color:tf.color.border,width:1,type:"dashed"},shadowStyle:{color:tf.color.shadowTint},label:{show:!0,formatter:null,precision:"auto",margin:3,color:tf.color.neutral00,padding:[5,7,5,7],backgroundColor:tf.color.accent60,borderColor:null,borderWidth:0,borderRadius:3},handle:{show:!1,icon:"M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7v-1.2h6.6z M13.3,22H6.7v-1.2h6.6z M13.3,19.6H6.7v-1.2h6.6z",size:45,margin:50,color:tf.color.accent40,throttle:40}},e}(Qp),yB=sa(),vB=z;function mB(t,e,n){if(!r.node){var i=e.getZr();yB(i).records||(yB(i).records={}),function(t,e){if(yB(t).initialized)return;function n(n,i){t.on(n,(function(n){var r=function(t){var e={showTip:[],hideTip:[]},n=function(i){var r=e[i.type];r?r.push(i):(i.dispatchAction=n,t.dispatchAction(i))};return{dispatchAction:n,pendings:e}}(e);vB(yB(t).records,(function(t){t&&i(t,n,r.dispatchAction)})),function(t,e){var n,i=t.showTip.length,r=t.hideTip.length;i?n=t.showTip[i-1]:r&&(n=t.hideTip[r-1]);n&&(n.dispatchAction=null,e.dispatchAction(n))}(r.pendings,e)}))}yB(t).initialized=!0,n("click",H(_B,"click")),n("mousemove",H(_B,"mousemove")),n("globalout",xB)}(i,e),(yB(i).records[t]||(yB(i).records[t]={})).handler=n}}function xB(t,e,n){t.handler("leave",null,n)}function _B(t,e,n,i){e.handler(t,n,i)}function bB(t,e){if(!r.node){var n=e.getZr();(yB(n).records||{})[t]&&(yB(n).records[t]=null)}}var wB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=e.getComponent("tooltip"),r=t.get("triggerOn")||i&&i.get("triggerOn")||"mousemove|click";mB("axisPointer",n,(function(t,e,n){"none"!==r&&("leave"===t||r.indexOf(t)>=0)&&n({type:"updateAxisPointer",currTrigger:t,x:e&&e.offsetX,y:e&&e.offsetY})}))},e.prototype.remove=function(t,e){bB("axisPointer",e)},e.prototype.dispose=function(t,e){bB("axisPointer",e)},e.type="axisPointer",e}(Ky);function SB(t,e){var n,i=[],r=t.seriesIndex;if(null==r||!(n=e.getSeriesByIndex(r)))return{point:[]};var o=n.getData(),a=aa(o,t);if(null==a||a<0||U(a))return{point:[]};var s=o.getItemGraphicEl(a),l=n.coordinateSystem;if(n.getTooltipPosition)i=n.getTooltipPosition(a)||[];else if(l&&l.dataToPoint)if(t.isStacked){var u=l.getBaseAxis(),c=l.getOtherAxis(u).dim,h=u.dim,d="x"===c||"radius"===c?1:0,p=o.mapDimension(h),f=[];f[d]=o.get(p,a),f[1-d]=o.get(o.getCalculationInfo("stackResultDimension"),a),i=l.dataToPoint(f)||[]}else i=l.dataToPoint(o.getValues(E(l.dimensions,(function(t){return o.mapDimension(t)})),a))||[];else if(s){var g=s.getBoundingRect().clone();g.applyTransform(s.transform),i=[g.x+g.width/2,g.y+g.height/2]}return{point:i,el:s}}var MB=sa();function IB(t,e,n){var i=t.currTrigger,r=[t.x,t.y],o=t,a=t.dispatchAction||W(n.dispatchAction,n),s=e.getComponent("axisPointer").coordSysAxesInfo;if(s){kB(r)&&(r=SB({seriesIndex:o.seriesIndex,dataIndex:o.dataIndex},e).point);var l=kB(r),u=o.axesInfo,c=s.axesInfo,h="leave"===i||kB(r),d={},p={},f={list:[],map:{}},g={showPointer:H(CB,p),showTooltip:H(DB,f)};z(s.coordSysMap,(function(t,e){var n=l||t.containPoint(r);z(s.coordSysAxesInfo[e],(function(t,e){var i=t.axis,o=function(t,e){for(var n=0;n<(t||[]).length;n++){var i=t[n];if(e.axis.dim===i.axisDim&&e.axis.model.componentIndex===i.axisIndex)return i}}(u,t);if(!h&&n&&(!u||o)){var a=o&&o.value;null!=a||l||(a=i.pointToData(r)),null!=a&&TB(t,a,g,!1,d)}}))}));var y={};return z(c,(function(t,e){var n=t.linkGroup;n&&!p[e]&&z(n.axesInfo,(function(e,i){var r=p[i];if(e!==t&&r){var o=r.value;n.mapper&&(o=t.axis.scale.parse(n.mapper(o,AB(e),AB(t)))),y[t.key]=o}}))})),z(y,(function(t,e){TB(c[e],t,g,!0,d)})),function(t,e,n){var i=n.axesInfo=[];z(e,(function(e,n){var r=e.axisPointerModel.option,o=t[n];o?(!e.useHandle&&(r.status="show"),r.value=o.value,r.seriesDataIndices=(o.payloadBatch||[]).slice()):!e.useHandle&&(r.status="hide"),"show"===r.status&&i.push({axisDim:e.axis.dim,axisIndex:e.axis.model.componentIndex,value:r.value})}))}(p,c,d),function(t,e,n,i){if(kB(e)||!t.list.length)return void i({type:"hideTip"});var r=((t.list[0].dataByAxis[0]||{}).seriesDataIndices||[])[0]||{};i({type:"showTip",escapeConnect:!0,x:e[0],y:e[1],tooltipOption:n.tooltipOption,position:n.position,dataIndexInside:r.dataIndexInside,dataIndex:r.dataIndex,seriesIndex:r.seriesIndex,dataByCoordSys:t.list})}(f,r,t,a),function(t,e,n){var i=n.getZr(),r="axisPointerLastHighlights",o=MB(i)[r]||{},a=MB(i)[r]={};z(t,(function(t,e){var n=t.axisPointerModel.option;"show"===n.status&&t.triggerEmphasis&&z(n.seriesDataIndices,(function(t){var e=t.seriesIndex+" | "+t.dataIndex;a[e]=t}))}));var s=[],l=[];z(o,(function(t,e){!a[e]&&l.push(t)})),z(a,(function(t,e){!o[e]&&s.push(t)})),l.length&&n.dispatchAction({type:"downplay",escapeConnect:!0,notBlur:!0,batch:l}),s.length&&n.dispatchAction({type:"highlight",escapeConnect:!0,notBlur:!0,batch:s})}(c,0,n),d}}function TB(t,e,n,i,r){var o=t.axis;if(!o.scale.isBlank()&&o.containData(e))if(t.involveSeries){var a=function(t,e){var n=e.axis,i=n.dim,r=t,o=[],a=Number.MAX_VALUE,s=-1;return z(e.seriesModels,(function(e,l){var u,c,h=e.getData().mapDimensionsAll(i);if(e.getAxisTooltipData){var d=e.getAxisTooltipData(h,t,n);c=d.dataIndices,u=d.nestestValue}else{if(!(c=e.indicesOfNearest(i,h[0],t,"category"===n.type?.5:null)).length)return;u=e.getData().get(h[0],c[0])}if(null!=u&&isFinite(u)){var p=t-u,f=Math.abs(p);f<=a&&((f<a||p>=0&&s<0)&&(a=f,s=p,r=u,o.length=0),z(c,(function(t){o.push({seriesIndex:e.seriesIndex,dataIndexInside:t,dataIndex:e.getData().getRawIndex(t)})})))}})),{payloadBatch:o,snapToValue:r}}(e,t),s=a.payloadBatch,l=a.snapToValue;s[0]&&null==r.seriesIndex&&A(r,s[0]),!i&&t.snap&&o.containData(l)&&null!=l&&(e=l),n.showPointer(t,e,s),n.showTooltip(t,a,l)}else n.showPointer(t,e)}function CB(t,e,n,i){t[e.key]={value:n,payloadBatch:i}}function DB(t,e,n,i){var r=n.payloadBatch,o=e.axis,a=o.model,s=e.axisPointerModel;if(e.triggerTooltip&&r.length){var l=e.coordSys.model,u=qC(l),c=t.map[u];c||(c=t.map[u]={coordSysId:l.id,coordSysIndex:l.componentIndex,coordSysType:l.type,coordSysMainType:l.mainType,dataByAxis:[]},t.list.push(c)),c.dataByAxis.push({axisDim:o.dim,axisIndex:a.componentIndex,axisType:a.type,axisId:a.id,value:i,valueLabelOpt:{precision:s.get(["label","precision"]),formatter:s.get(["label","formatter"])},seriesDataIndices:r.slice()})}}function AB(t){var e=t.axis.model,n={},i=n.axisDim=t.axis.dim;return n.axisIndex=n[i+"AxisIndex"]=e.componentIndex,n.axisName=n[i+"AxisName"]=e.name,n.axisId=n[i+"AxisId"]=e.id,n}function kB(t){return!t||null==t[0]||isNaN(t[0])||null==t[1]||isNaN(t[1])}function LB(t){$C.registerAxisPointerClass("CartesianAxisPointer",hB),t.registerComponentModel(gB),t.registerComponentView(wB),t.registerPreprocessor((function(t){if(t){(!t.axisPointer||0===t.axisPointer.length)&&(t.axisPointer={});var e=t.axisPointer.link;e&&!U(e)&&(t.axisPointer.link=[e])}})),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,(function(t,e){t.getComponent("axisPointer").coordSysAxesInfo=UC(t,e)})),t.registerAction({type:"updateAxisPointer",event:"updateAxisPointer",update:":updateAxisPointer"},IB)}var PB=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.makeElOption=function(t,e,n,i,r){var o=n.axis;"angle"===o.dim&&(this.animationThreshold=Math.PI/18);var a=o.polar,s=a.getOtherAxis(o).getExtent(),l=o.dataToCoord(e),u=i.get("type");if(u&&"none"!==u){var c=iB(i),h=OB[u](o,a,l,s);h.style=c,t.graphicKey=h.type,t.pointer=h}var d=function(t,e,n,i,r){var o=e.axis,a=o.dataToCoord(t),s=i.getAngleAxis().getExtent()[0];s=s/180*Math.PI;var l,u,c,h=i.getRadiusAxis().getExtent();if("radius"===o.dim){var d=[1,0,0,1,0,0];Me(d,d,s),Se(d,d,[i.cx,i.cy]),l=Sh([a,-r],d);var p=e.getModel("axisLabel").get("rotate")||0,f=mC.innerTextLayout(s,p*Math.PI/180,-1);u=f.textAlign,c=f.textVerticalAlign}else{var g=h[1];l=i.coordToPoint([g+r,a]);var y=i.cx,v=i.cy;u=Math.abs(l[0]-y)/g<.3?"center":l[0]>y?"left":"right",c=Math.abs(l[1]-v)/g<.3?"middle":l[1]>v?"top":"bottom"}return{position:l,align:u,verticalAlign:c}}(e,n,0,a,i.get(["label","margin"]));rB(t,n,i,r,d)},e}($E);var OB={line:function(t,e,n,i){return"angle"===t.dim?{type:"Line",shape:lB(e.coordToPoint([i[0],n]),e.coordToPoint([i[1],n]))}:{type:"Circle",shape:{cx:e.cx,cy:e.cy,r:n}}},shadow:function(t,e,n,i){var r=Math.max(1,t.getBandWidth()),o=Math.PI/180;return"angle"===t.dim?{type:"Sector",shape:cB(e.cx,e.cy,i[0],i[1],(-n-r/2)*o,(r/2-n)*o)}:{type:"Sector",shape:cB(e.cx,e.cy,n-r/2,n+r/2,0,2*Math.PI)}}},RB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.findAxisModel=function(t){var e;return this.ecModel.eachComponent(t,(function(t){t.getCoordSysModel()===this&&(e=t)}),this),e},e.type="polar",e.dependencies=["radiusAxis","angleAxis"],e.defaultOption={z:0,center:["50%","50%"],radius:"80%"},e}(Qp),NB=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getCoordSysModel=function(){return this.getReferringComponents("polar",ha).models[0]},e.type="polarAxis",e}(Qp);R(NB,nw);var zB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="angleAxis",e}(NB),EB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="radiusAxis",e}(NB),BB=function(t){function e(e,n){return t.call(this,"radius",e,n)||this}return n(e,t),e.prototype.pointToData=function(t,e){return this.polar.pointToData(t,e)["radius"===this.dim?0:1]},e}(Ww);BB.prototype.dataToRadius=Ww.prototype.dataToCoord,BB.prototype.radiusToData=Ww.prototype.coordToData;var VB=sa(),GB=function(t){function e(e,n){return t.call(this,"angle",e,n||[0,360])||this}return n(e,t),e.prototype.pointToData=function(t,e){return this.polar.pointToData(t,e)["radius"===this.dim?0:1]},e.prototype.calculateCategoryInterval=function(){var t=this,e=t.getLabelModel(),n=t.scale,i=n.getExtent(),r=n.count();if(i[1]-i[0]<1)return 0;var o=i[0],a=t.dataToCoord(o+1)-t.dataToCoord(o),s=Math.abs(a),l=Er(null==o?"":o+"",e.getFont(),"center","top"),u=Math.max(l.height,7)/s;isNaN(u)&&(u=1/0);var c=Math.max(0,Math.floor(u)),h=VB(t.model),d=h.lastAutoInterval,p=h.lastTickCount;return null!=d&&null!=p&&Math.abs(d-c)<=1&&Math.abs(p-r)<=1&&d>c?c=d:(h.lastTickCount=r,h.lastAutoInterval=c),c},e}(Ww);GB.prototype.dataToAngle=Ww.prototype.dataToCoord,GB.prototype.angleToData=Ww.prototype.coordToData;var FB=["radius","angle"],WB=function(){function t(t){this.dimensions=FB,this.type="polar",this.cx=0,this.cy=0,this._radiusAxis=new BB,this._angleAxis=new GB,this.axisPointerEnabled=!0,this.name=t||"",this._radiusAxis.polar=this._angleAxis.polar=this}return t.prototype.containPoint=function(t){var e=this.pointToCoord(t);return this._radiusAxis.contain(e[0])&&this._angleAxis.contain(e[1])},t.prototype.containData=function(t){return this._radiusAxis.containData(t[0])&&this._angleAxis.containData(t[1])},t.prototype.getAxis=function(t){return this["_"+t+"Axis"]},t.prototype.getAxes=function(){return[this._radiusAxis,this._angleAxis]},t.prototype.getAxesByScale=function(t){var e=[],n=this._angleAxis,i=this._radiusAxis;return n.scale.type===t&&e.push(n),i.scale.type===t&&e.push(i),e},t.prototype.getAngleAxis=function(){return this._angleAxis},t.prototype.getRadiusAxis=function(){return this._radiusAxis},t.prototype.getOtherAxis=function(t){var e=this._angleAxis;return t===e?this._radiusAxis:e},t.prototype.getBaseAxis=function(){return this.getAxesByScale("ordinal")[0]||this.getAxesByScale("time")[0]||this.getAngleAxis()},t.prototype.getTooltipAxes=function(t){var e=null!=t&&"auto"!==t?this.getAxis(t):this.getBaseAxis();return{baseAxes:[e],otherAxes:[this.getOtherAxis(e)]}},t.prototype.dataToPoint=function(t,e,n){return this.coordToPoint([this._radiusAxis.dataToRadius(t[0],e),this._angleAxis.dataToAngle(t[1],e)],n)},t.prototype.pointToData=function(t,e,n){n=n||[];var i=this.pointToCoord(t);return n[0]=this._radiusAxis.radiusToData(i[0],e),n[1]=this._angleAxis.angleToData(i[1],e),n},t.prototype.pointToCoord=function(t){var e=t[0]-this.cx,n=t[1]-this.cy,i=this.getAngleAxis(),r=i.getExtent(),o=Math.min(r[0],r[1]),a=Math.max(r[0],r[1]);i.inverse?o=a-360:a=o+360;var s=Math.sqrt(e*e+n*n);e/=s,n/=s;for(var l=Math.atan2(-n,e)/Math.PI*180,u=l<o?1:-1;l<o||l>a;)l+=360*u;return[s,l]},t.prototype.coordToPoint=function(t,e){e=e||[];var n=t[0],i=t[1]/180*Math.PI;return e[0]=Math.cos(i)*n+this.cx,e[1]=-Math.sin(i)*n+this.cy,e},t.prototype.getArea=function(){var t=this.getAngleAxis(),e=this.getRadiusAxis().getExtent().slice();e[0]>e[1]&&e.reverse();var n=t.getExtent(),i=Math.PI/180,r=1e-4;return{cx:this.cx,cy:this.cy,r0:e[0],r:e[1],startAngle:-n[0]*i,endAngle:-n[1]*i,clockwise:t.inverse,contain:function(t,e){var n=t-this.cx,i=e-this.cy,o=n*n+i*i,a=this.r,s=this.r0;return a!==s&&o-r<=a*a&&o+r>=s*s},x:this.cx-e[1],y:this.cy-e[1],width:2*e[1],height:2*e[1]}},t.prototype.convertToPixel=function(t,e,n){return HB(e)===this?this.dataToPoint(n):null},t.prototype.convertFromPixel=function(t,e,n){return HB(e)===this?this.pointToData(n):null},t}();function HB(t){var e=t.seriesModel,n=t.polarModel;return n&&n.coordinateSystem||e&&e.coordinateSystem}function UB(t,e){var n=this,i=n.getAngleAxis(),r=n.getRadiusAxis();if(i.scale.setExtent(1/0,-1/0),r.scale.setExtent(1/0,-1/0),t.eachSeries((function(t){if(t.coordinateSystem===n){var e=t.getData();z(Jb(e,"radius"),(function(t){r.scale.unionExtentFromData(e,t)})),z(Jb(e,"angle"),(function(t){i.scale.unionExtentFromData(e,t)}))}})),Xb(i.scale,i.model),Xb(r.scale,r.model),"category"===i.type&&!i.onBand){var o=i.getExtent(),a=360/i.scale.count();i.inverse?o[1]+=a:o[1]-=a,i.setExtent(o[0],o[1])}}function YB(t,e){var n;if(t.type=e.get("type"),t.scale=Zb(e),t.onBand=e.get("boundaryGap")&&"category"===t.type,t.inverse=e.get("inverse"),function(t){return"angleAxis"===t.mainType}(e)){t.inverse=t.inverse!==e.get("clockwise");var i=e.get("startAngle"),r=null!==(n=e.get("endAngle"))&&void 0!==n?n:i+(t.inverse?-360:360);t.setExtent(i,r)}e.axis=t,t.model=e}var XB={dimensions:FB,create:function(t,e){var n=[];return t.eachComponent("polar",(function(t,i){var r=new WB(i+"");r.update=UB;var o=r.getRadiusAxis(),a=r.getAngleAxis(),s=t.findAxisModel("radiusAxis"),l=t.findAxisModel("angleAxis");YB(o,s),YB(a,l),function(t,e,n){var i=e.get("center"),r=Xp(e,n).refContainer;t.cx=yo(i[0],r.width)+r.x,t.cy=yo(i[1],r.height)+r.y;var o=t.getRadiusAxis(),a=Math.min(r.width,r.height)/2,s=e.get("radius");null==s?s=[0,"100%"]:U(s)||(s=[0,s]);var l=[yo(s[0],a),yo(s[1],a)];o.inverse?o.setExtent(l[1],l[0]):o.setExtent(l[0],l[1])}(r,t,e),n.push(r),t.coordinateSystem=r,r.model=t})),t.eachSeries((function(t){if("polar"===t.get("coordinateSystem")){var e=t.getReferringComponents("polar",ha).models[0];0,t.coordinateSystem=e.coordinateSystem}})),n}},ZB=["axisLine","axisLabel","axisTick","minorTick","splitLine","minorSplitLine","splitArea"];function jB(t,e,n){e[1]>e[0]&&(e=e.slice().reverse());var i=t.coordToPoint([e[0],n]),r=t.coordToPoint([e[1],n]);return{x1:i[0],y1:i[1],x2:r[0],y2:r[1]}}function qB(t){return t.getRadiusAxis().inverse?0:1}function KB(t){var e=t[0],n=t[t.length-1];e&&n&&Math.abs(Math.abs(e.coord-n.coord)-360)<1e-4&&t.pop()}var $B=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="PolarAxisPointer",n}return n(e,t),e.prototype.render=function(t,e){if(this.group.removeAll(),t.get("show")){var n=t.axis,i=n.polar,r=i.getRadiusAxis().getExtent(),o=n.getTicksCoords({breakTicks:"none"}),a=n.getMinorTicksCoords(),s=E(n.getViewLabels(),(function(t){t=T(t);var e=n.scale,i="ordinal"===e.type?e.getRawOrdinalNumber(t.tickValue):t.tickValue;return t.coord=n.dataToCoord(i),t}));KB(s),KB(o),z(ZB,(function(e){!t.get([e,"show"])||n.scale.isBlank()&&"axisLine"!==e||JB[e](this.group,t,i,o,a,r,s)}),this)}},e.type="angleAxis",e}($C),JB={axisLine:function(t,e,n,i,r,o){var a,s=e.getModel(["axisLine","lineStyle"]),l=n.getAngleAxis(),u=Math.PI/180,c=l.getExtent(),h=qB(n),d=h?0:1,p=360===Math.abs(c[1]-c[0])?"Circle":"Arc";(a=0===o[d]?new Zh[p]({shape:{cx:n.cx,cy:n.cy,r:o[h],startAngle:-c[0]*u,endAngle:-c[1]*u,clockwise:l.inverse},style:s.getLineStyle(),z2:1,silent:!0}):new bc({shape:{cx:n.cx,cy:n.cy,r:o[h],r0:o[d]},style:s.getLineStyle(),z2:1,silent:!0})).style.fill=null,t.add(a)},axisTick:function(t,e,n,i,r,o){var a=e.getModel("axisTick"),s=(a.get("inside")?-1:1)*a.get("length"),l=o[qB(n)],u=E(i,(function(t){return new Ac({shape:jB(n,[l,l+s],t.coord)})}));t.add(mh(u,{style:k(a.getModel("lineStyle").getLineStyle(),{stroke:e.get(["axisLine","lineStyle","color"])})}))},minorTick:function(t,e,n,i,r,o){if(r.length){for(var a=e.getModel("axisTick"),s=e.getModel("minorTick"),l=(a.get("inside")?-1:1)*s.get("length"),u=o[qB(n)],c=[],h=0;h<r.length;h++)for(var d=0;d<r[h].length;d++)c.push(new Ac({shape:jB(n,[u,u+l],r[h][d].coord)}));t.add(mh(c,{style:k(s.getModel("lineStyle").getLineStyle(),k(a.getLineStyle(),{stroke:e.get(["axisLine","lineStyle","color"])}))}))}},axisLabel:function(t,e,n,i,r,o,a){var s=e.getCategories(!0),l=e.getModel("axisLabel"),u=l.get("margin"),c=e.get("triggerEvent");z(a,(function(i,r){var a=l,h=i.tickValue,d=o[qB(n)],p=n.coordToPoint([d+u,i.coord]),f=n.cx,g=n.cy,y=Math.abs(p[0]-f)/d<.3?"center":p[0]>f?"left":"right",v=Math.abs(p[1]-g)/d<.3?"middle":p[1]>g?"top":"bottom";if(s&&s[h]){var m=s[h];q(m)&&m.textStyle&&(a=new wd(m.textStyle,l,l.ecModel))}var x=new Sl({silent:mC.isLabelSilent(e),style:Qh(a,{x:p[0],y:p[1],fill:a.getTextColor()||e.get(["axisLine","lineStyle","color"]),text:i.formattedLabel,align:y,verticalAlign:v})});if(t.add(x),zh({el:x,componentModel:e,itemName:i.formattedLabel,formatterParamsExtra:{isTruncated:function(){return x.isTruncated},value:i.rawLabel,tickIndex:r}}),c){var _=mC.makeAxisEventDataBase(e);_.targetType="axisLabel",_.value=i.rawLabel,zl(x).eventData=_}}),this)},splitLine:function(t,e,n,i,r,o){var a=e.getModel("splitLine").getModel("lineStyle"),s=a.get("color"),l=0;s=s instanceof Array?s:[s];for(var u=[],c=0;c<i.length;c++){var h=l++%s.length;u[h]=u[h]||[],u[h].push(new Ac({shape:jB(n,o,i[c].coord)}))}for(c=0;c<u.length;c++)t.add(mh(u[c],{style:k({stroke:s[c%s.length]},a.getLineStyle()),silent:!0,z:e.get("z")}))},minorSplitLine:function(t,e,n,i,r,o){if(r.length){for(var a=e.getModel("minorSplitLine").getModel("lineStyle"),s=[],l=0;l<r.length;l++)for(var u=0;u<r[l].length;u++)s.push(new Ac({shape:jB(n,o,r[l][u].coord)}));t.add(mh(s,{style:a.getLineStyle(),silent:!0,z:e.get("z")}))}},splitArea:function(t,e,n,i,r,o){if(i.length){var a=e.getModel("splitArea").getModel("areaStyle"),s=a.get("color"),l=0;s=s instanceof Array?s:[s];for(var u=[],c=Math.PI/180,h=-i[0].coord*c,d=Math.min(o[0],o[1]),p=Math.max(o[0],o[1]),f=e.get("clockwise"),g=1,y=i.length;g<=y;g++){var v=g===y?i[0].coord:i[g].coord,m=l++%s.length;u[m]=u[m]||[],u[m].push(new xc({shape:{cx:n.cx,cy:n.cy,r0:d,r:p,startAngle:h,endAngle:-v*c,clockwise:f},silent:!0})),h=-v*c}for(g=0;g<u.length;g++)t.add(mh(u[g],{style:k({fill:s[g%s.length]},a.getAreaStyle()),silent:!0}))}}},QB=["splitLine","splitArea","minorSplitLine"],tV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="PolarAxisPointer",n}return n(e,t),e.prototype.render=function(t,e,n){if(this.group.removeAll(),t.get("show")){var i=this._axisGroup,r=this._axisGroup=new to;this.group.add(r);var o=t.axis,a=o.polar,s=a.getAngleAxis(),l=o.getTicksCoords(),u=o.getMinorTicksCoords(),c=s.getExtent()[0],h=o.getExtent(),d=function(t,e,n){return{position:[t.cx,t.cy],rotation:n/180*Math.PI,labelDirection:-1,tickDirection:-1,nameDirection:1,labelRotate:e.getModel("axisLabel").get("rotate"),z2:1}}(a,t,c),p=new mC(t,n,d);p.build(),r.add(p.group),Th(i,r,t),z(QB,(function(e){t.get([e,"show"])&&!o.scale.isBlank()&&eV[e](this.group,t,a,c,h,l,u)}),this)}},e.type="radiusAxis",e}($C),eV={splitLine:function(t,e,n,i,r,o){var a=e.getModel("splitLine").getModel("lineStyle"),s=a.get("color"),l=0,u=n.getAngleAxis(),c=Math.PI/180,h=u.getExtent(),d=360===Math.abs(h[1]-h[0])?"Circle":"Arc";s=s instanceof Array?s:[s];for(var p=[],f=0;f<o.length;f++){var g=l++%s.length;p[g]=p[g]||[],p[g].push(new Zh[d]({shape:{cx:n.cx,cy:n.cy,r:Math.max(o[f].coord,0),startAngle:-h[0]*c,endAngle:-h[1]*c,clockwise:u.inverse}}))}for(f=0;f<p.length;f++)t.add(mh(p[f],{style:k({stroke:s[f%s.length],fill:null},a.getLineStyle()),silent:!0}))},minorSplitLine:function(t,e,n,i,r,o,a){if(a.length){for(var s=e.getModel("minorSplitLine").getModel("lineStyle"),l=[],u=0;u<a.length;u++)for(var c=0;c<a[u].length;c++)l.push(new nc({shape:{cx:n.cx,cy:n.cy,r:a[u][c].coord}}));t.add(mh(l,{style:k({fill:null},s.getLineStyle()),silent:!0}))}},splitArea:function(t,e,n,i,r,o){if(o.length){var a=e.getModel("splitArea").getModel("areaStyle"),s=a.get("color"),l=0;s=s instanceof Array?s:[s];for(var u=[],c=o[0].coord,h=1;h<o.length;h++){var d=l++%s.length;u[d]=u[d]||[],u[d].push(new xc({shape:{cx:n.cx,cy:n.cy,r0:c,r:o[h].coord,startAngle:0,endAngle:2*Math.PI},silent:!0})),c=o[h].coord}for(h=0;h<u.length;h++)t.add(mh(u[h],{style:k({fill:s[h%s.length]},a.getAreaStyle()),silent:!0}))}}};function nV(t){return t.get("stack")||"__ec_stack_"+t.seriesIndex}function iV(t,e){return e.dim+t.model.componentIndex}function rV(t,e,n){var i={},r=function(t){var e={};z(t,(function(t,n){var i=t.getData(),r=t.coordinateSystem,o=r.getBaseAxis(),a=iV(r,o),s=o.getExtent(),l="category"===o.type?o.getBandWidth():Math.abs(s[1]-s[0])/i.count(),u=e[a]||{bandWidth:l,remainedWidth:l,autoWidthCount:0,categoryGap:"20%",gap:"30%",stacks:{}},c=u.stacks;e[a]=u;var h=nV(t);c[h]||u.autoWidthCount++,c[h]=c[h]||{width:0,maxWidth:0};var d=yo(t.get("barWidth"),l),p=yo(t.get("barMaxWidth"),l),f=t.get("barGap"),g=t.get("barCategoryGap");d&&!c[h].width&&(d=Math.min(u.remainedWidth,d),c[h].width=d,u.remainedWidth-=d),p&&(c[h].maxWidth=p),null!=f&&(u.gap=f),null!=g&&(u.categoryGap=g)}));var n={};return z(e,(function(t,e){n[e]={};var i=t.stacks,r=t.bandWidth,o=yo(t.categoryGap,r),a=yo(t.gap,1),s=t.remainedWidth,l=t.autoWidthCount,u=(s-o)/(l+(l-1)*a);u=Math.max(u,0),z(i,(function(t,e){var n=t.maxWidth;n&&n<u&&(n=Math.min(n,s),t.width&&(n=Math.min(n,t.width)),s-=n,t.width=n,l--)})),u=(s-o)/(l+(l-1)*a),u=Math.max(u,0);var c,h=0;z(i,(function(t,e){t.width||(t.width=u),c=t,h+=t.width*(1+a)})),c&&(h-=c.width*a);var d=-h/2;z(i,(function(t,i){n[e][i]=n[e][i]||{offset:d,width:t.width},d+=t.width*(1+a)}))})),n}(V(e.getSeriesByType(t),(function(t){return!e.isSeriesFiltered(t)&&t.coordinateSystem&&"polar"===t.coordinateSystem.type})));e.eachSeriesByType(t,(function(t){if("polar"===t.coordinateSystem.type){var e=t.getData(),n=t.coordinateSystem,o=n.getBaseAxis(),a=iV(n,o),s=nV(t),l=r[a][s],u=l.offset,c=l.width,h=n.getOtherAxis(o),d=t.coordinateSystem.cx,p=t.coordinateSystem.cy,f=t.get("barMinHeight")||0,g=t.get("barMinAngle")||0;i[s]=i[s]||[];for(var y=e.mapDimension(h.dim),v=e.mapDimension(o.dim),m=Y_(e,y),x="radius"!==o.dim||!t.get("roundCap",!0),_=h.model.get("startValue"),b=h.dataToCoord(_||0),w=0,S=e.count();w<S;w++){var M=e.get(y,w),I=e.get(v,w),T=M>=0?"p":"n",C=b;m&&(i[s][I]||(i[s][I]={p:b,n:b}),C=i[s][I][T]);var D=void 0,A=void 0,k=void 0,L=void 0;if("radius"===h.dim){var P=h.dataToCoord(M)-b,O=o.dataToCoord(I);Math.abs(P)<f&&(P=(P<0?-1:1)*f),D=C,A=C+P,L=(k=O-u)-c,m&&(i[s][I][T]=A)}else{var R=h.dataToCoord(M,x)-b,N=o.dataToCoord(I);Math.abs(R)<g&&(R=(R<0?-1:1)*g),A=(D=N+u)+c,k=C,L=C+R,m&&(i[s][I][T]=L)}e.setItemLayout(w,{cx:d,cy:p,r0:D,r:A,startAngle:-k*Math.PI/180,endAngle:-L*Math.PI/180,clockwise:k>=L})}}}))}var oV={startAngle:90,clockwise:!0,splitNumber:12,axisLabel:{rotate:0}},aV={splitNumber:5},sV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="polar",e}(Ky);function lV(t,e){e=e||{};var n=t.coordinateSystem,i=t.axis,r={},o=i.position,a=i.orient,s=n.getRect(),l=[s.x,s.x+s.width,s.y,s.y+s.height],u={horizontal:{top:l[2],bottom:l[3]},vertical:{left:l[0],right:l[1]}};r.position=["vertical"===a?u.vertical[o]:l[0],"horizontal"===a?u.horizontal[o]:l[3]];r.rotation=Math.PI/2*{horizontal:0,vertical:1}[a];r.labelDirection=r.tickDirection=r.nameDirection={top:-1,bottom:1,right:1,left:-1}[o],t.get(["axisTick","inside"])&&(r.tickDirection=-r.tickDirection),it(e.labelInside,t.get(["axisLabel","inside"]))&&(r.labelDirection=-r.labelDirection);var c=t.get(["axisLabel","rotate"]);return r.labelRotate="top"===o?-c:c,r.z2=1,r}var uV=["splitArea","splitLine","breakArea"],cV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="SingleAxisPointer",n}return n(e,t),e.prototype.render=function(e,n,i,r){var o=this.group;o.removeAll();var a=this._axisGroup;this._axisGroup=new to;var s=lV(e),l=new mC(e,i,s);l.build(),o.add(this._axisGroup),o.add(l.group),z(uV,(function(t){e.get([t,"show"])&&hV[t](this,this.group,this._axisGroup,e,i)}),this),Th(a,this._axisGroup,e),t.prototype.render.call(this,e,n,i,r)},e.prototype.remove=function(){tD(this)},e.type="singleAxis",e}($C),hV={splitLine:function(t,e,n,i,r){var o=i.axis;if(!o.scale.isBlank()){var a=i.getModel("splitLine"),s=a.getModel("lineStyle"),l=s.get("color");l=l instanceof Array?l:[l];for(var u=s.get("width"),c=i.coordinateSystem.getRect(),h=o.isHorizontal(),d=[],p=0,f=o.getTicksCoords({tickModel:a,breakTicks:"none",pruneByBreak:"preserve_extent_bound"}),g=[],y=[],v=0;v<f.length;++v){var m=o.toGlobalCoord(f[v].coord);h?(g[0]=m,g[1]=c.y,y[0]=m,y[1]=c.y+c.height):(g[0]=c.x,g[1]=m,y[0]=c.x+c.width,y[1]=m);var x=new Ac({shape:{x1:g[0],y1:g[1],x2:y[0],y2:y[1]},silent:!0});_h(x.shape,u);var _=p++%l.length;d[_]=d[_]||[],d[_].push(x)}var b=s.getLineStyle(["color"]);for(v=0;v<d.length;++v)e.add(mh(d[v],{style:k({stroke:l[v%l.length]},b),silent:!0}))}},splitArea:function(t,e,n,i,r){QC(t,n,i,i)},breakArea:function(t,e,n,i,r){var o=YT(),a=i.axis.scale;o&&"ordinal"!==a.type&&o.rectCoordBuildBreakAxis(e,t,i,i.coordinateSystem.getRect(),r)}},dV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getCoordSysModel=function(){return this},e.type="singleAxis",e.layoutMode="box",e.defaultOption={left:"5%",top:"5%",right:"5%",bottom:"5%",type:"value",position:"bottom",orient:"horizontal",axisLine:{show:!0,lineStyle:{width:1,type:"solid"}},tooltip:{show:!0},axisTick:{show:!0,length:6,lineStyle:{width:1}},axisLabel:{show:!0,interval:"auto"},splitLine:{show:!0,lineStyle:{type:"dashed",opacity:.2}},jitter:0,jitterOverlap:!0,jitterMargin:2},e}(Qp);R(dV,nw.prototype);var pV=function(t){function e(e,n,i,r,o){var a=t.call(this,e,n,i)||this;return a.type=r||"value",a.position=o||"bottom",a}return n(e,t),e.prototype.isHorizontal=function(){var t=this.position;return"top"===t||"bottom"===t},e.prototype.pointToData=function(t,e){return this.coordinateSystem.pointToData(t)[0]},e}(Ww),fV=["single"],gV=function(){function t(t,e,n){this.type="single",this.dimension="single",this.dimensions=fV,this.axisPointerEnabled=!0,this.model=t,this._init(t,e,n)}return t.prototype._init=function(t,e,n){var i=this.dimension,r=new pV(i,Zb(t),[0,0],t.get("type"),t.get("position")),o="category"===r.type;r.onBand=o&&t.get("boundaryGap"),r.inverse=t.get("inverse"),r.orient=t.get("orient"),t.axis=r,r.model=t,r.coordinateSystem=this,this._axis=r},t.prototype.update=function(t,e){t.eachSeries((function(t){if(t.coordinateSystem===this){var e=t.getData();z(e.mapDimensionsAll(this.dimension),(function(t){this._axis.scale.unionExtentFromData(e,t)}),this),Xb(this._axis.scale,this._axis.model)}}),this)},t.prototype.resize=function(t,e){var n=Xp(t,e).refContainer;this._rect=Hp(t.getBoxLayoutParams(),n),this._adjustAxis()},t.prototype.getRect=function(){return this._rect},t.prototype._adjustAxis=function(){var t=this._rect,e=this._axis,n=e.isHorizontal(),i=n?[0,t.width]:[0,t.height],r=e.inverse?1:0;e.setExtent(i[r],i[1-r]),this._updateAxisTransform(e,n?t.x:t.y)},t.prototype._updateAxisTransform=function(t,e){var n=t.getExtent(),i=n[0]+n[1],r=t.isHorizontal();t.toGlobalCoord=r?function(t){return t+e}:function(t){return i-t+e},t.toLocalCoord=r?function(t){return t-e}:function(t){return i-t+e}},t.prototype.getAxis=function(){return this._axis},t.prototype.getBaseAxis=function(){return this._axis},t.prototype.getAxes=function(){return[this._axis]},t.prototype.getTooltipAxes=function(){return{baseAxes:[this.getAxis()],otherAxes:[]}},t.prototype.containPoint=function(t){var e=this.getRect(),n=this.getAxis();return"horizontal"===n.orient?n.contain(n.toLocalCoord(t[0]))&&t[1]>=e.y&&t[1]<=e.y+e.height:n.contain(n.toLocalCoord(t[1]))&&t[0]>=e.y&&t[0]<=e.y+e.height},t.prototype.pointToData=function(t,e,n){n=n||[];var i=this.getAxis();return n[0]=i.coordToData(i.toLocalCoord(t["horizontal"===i.orient?0:1])),n},t.prototype.dataToPoint=function(t,e,n){var i=this.getAxis(),r=this.getRect();n=n||[];var o="horizontal"===i.orient?0:1;return t instanceof Array&&(t=t[0]),n[o]=i.toGlobalCoord(i.dataToCoord(+t)),n[1-o]=0===o?r.y+r.height/2:r.x+r.width/2,n},t.prototype.convertToPixel=function(t,e,n){return yV(e)===this?this.dataToPoint(n):null},t.prototype.convertFromPixel=function(t,e,n){return yV(e)===this?this.pointToData(n):null},t}();function yV(t){var e=t.seriesModel,n=t.singleAxisModel;return n&&n.coordinateSystem||e&&e.coordinateSystem}var vV={create:function(t,e){var n=[];return t.eachComponent("singleAxis",(function(i,r){var o=new gV(i,t,e);o.name="single_"+r,o.resize(i,e),i.coordinateSystem=o,n.push(o)})),t.eachSeries((function(t){if("singleAxis"===t.get("coordinateSystem")){var e=t.getReferringComponents("singleAxis",ha).models[0];t.coordinateSystem=e&&e.coordinateSystem}})),n},dimensions:fV},mV=["x","y"],xV=["width","height"],_V=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.makeElOption=function(t,e,n,i,r){var o=n.axis,a=o.coordinateSystem,s=SV(a,1-wV(o)),l=a.dataToPoint(e)[0],u=i.get("type");if(u&&"none"!==u){var c=iB(i),h=bV[u](o,l,s);h.style=c,t.graphicKey=h.type,t.pointer=h}sB(e,t,lV(n),n,i,r)},e.prototype.getHandleTransform=function(t,e,n){var i=lV(e,{labelInside:!1});i.labelMargin=n.get(["handle","margin"]);var r=aB(e.axis,t,i);return{x:r[0],y:r[1],rotation:i.rotation+(i.labelDirection<0?Math.PI:0)}},e.prototype.updateHandleTransform=function(t,e,n,i){var r=n.axis,o=r.coordinateSystem,a=wV(r),s=SV(o,a),l=[t.x,t.y];l[a]+=e[a],l[a]=Math.min(s[1],l[a]),l[a]=Math.max(s[0],l[a]);var u=SV(o,1-a),c=(u[1]+u[0])/2,h=[c,c];return h[a]=l[a],{x:l[0],y:l[1],rotation:t.rotation,cursorPoint:h,tooltipOption:{verticalAlign:"middle"}}},e}($E),bV={line:function(t,e,n){return{type:"Line",subPixelOptimize:!0,shape:lB([e,n[0]],[e,n[1]],wV(t))}},shadow:function(t,e,n){var i=t.getBandWidth(),r=n[1]-n[0];return{type:"Rect",shape:uB([e-i/2,n[0]],[i,r],wV(t))}}};function wV(t){return t.isHorizontal()?0:1}function SV(t,e){var n=t.getRect();return[n[mV[e]],n[mV[e]]+n[xV[e]]]}var MV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="single",e}(Ky);var IV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e,n,i){var r=Kp(e);t.prototype.init.apply(this,arguments),TV(e,r)},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),TV(this.option,e)},e.prototype.getCellSize=function(){return this.option.cellSize},e.type="calendar",e.layoutMode="box",e.defaultOption={z:2,left:80,top:60,cellSize:20,orient:"horizontal",splitLine:{show:!0,lineStyle:{color:tf.color.axisLine,width:1,type:"solid"}},itemStyle:{color:tf.color.neutral00,borderWidth:1,borderColor:tf.color.neutral10},dayLabel:{show:!0,firstDay:0,position:"start",margin:tf.size.s,color:tf.color.secondary},monthLabel:{show:!0,position:"start",margin:tf.size.s,align:"center",formatter:null,color:tf.color.secondary},yearLabel:{show:!0,position:null,margin:tf.size.xl,formatter:null,color:tf.color.quaternary,fontFamily:"sans-serif",fontWeight:"bolder",fontSize:20}},e}(Qp);function TV(t,e){var n,i=t.cellSize;1===(n=U(i)?i:t.cellSize=[i,i]).length&&(n[1]=n[0]);var r=E([0,1],(function(t){return function(t,e){return null!=t[Bp[e][0]]||null!=t[Bp[e][1]]&&null!=t[Bp[e][2]]}(e,t)&&(n[t]="auto"),null!=n[t]&&"auto"!==n[t]}));qp(t,e,{type:"box",ignoreSize:r})}var CV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=this.group;i.removeAll();var r=t.coordinateSystem,o=r.getRangeInfo(),a=r.getOrient(),s=e.getLocaleModel();this._renderDayRect(t,o,i),this._renderLines(t,o,a,i),this._renderYearText(t,o,a,i),this._renderMonthText(t,s,a,i),this._renderWeekText(t,s,o,a,i)},e.prototype._renderDayRect=function(t,e,n){for(var i=t.coordinateSystem,r=t.getModel("itemStyle").getItemStyle(),o=i.getCellWidth(),a=i.getCellHeight(),s=e.start.time;s<=e.end.time;s=i.getNextNDay(s,1).time){var l=i.dataToCalendarLayout([s],!1).tl,u=new xl({shape:{x:l[0],y:l[1],width:o,height:a},cursor:"default",style:r});n.add(u)}},e.prototype._renderLines=function(t,e,n,i){var r=this,o=t.coordinateSystem,a=t.getModel(["splitLine","lineStyle"]).getLineStyle(),s=t.get(["splitLine","show"]),l=a.lineWidth;this._tlpoints=[],this._blpoints=[],this._firstDayOfMonth=[],this._firstDayPoints=[];for(var u=e.start,c=0;u.time<=e.end.time;c++){d(u.formatedDate),0===c&&(u=o.getDateInfo(e.start.y+"-"+e.start.m));var h=u.date;h.setMonth(h.getMonth()+1),u=o.getDateInfo(h)}function d(e){r._firstDayOfMonth.push(o.getDateInfo(e)),r._firstDayPoints.push(o.dataToCalendarLayout([e],!1).tl);var l=r._getLinePointsOfOneWeek(t,e,n);r._tlpoints.push(l[0]),r._blpoints.push(l[l.length-1]),s&&r._drawSplitline(l,a,i)}d(o.getNextNDay(e.end.time,1).formatedDate),s&&this._drawSplitline(r._getEdgesPoints(r._tlpoints,l,n),a,i),s&&this._drawSplitline(r._getEdgesPoints(r._blpoints,l,n),a,i)},e.prototype._getEdgesPoints=function(t,e,n){var i=[t[0].slice(),t[t.length-1].slice()],r="horizontal"===n?0:1;return i[0][r]=i[0][r]-e/2,i[1][r]=i[1][r]+e/2,i},e.prototype._drawSplitline=function(t,e,n){var i=new Tc({z2:20,shape:{points:t},style:e});n.add(i)},e.prototype._getLinePointsOfOneWeek=function(t,e,n){for(var i=t.coordinateSystem,r=i.getDateInfo(e),o=[],a=0;a<7;a++){var s=i.getNextNDay(r.time,a),l=i.dataToCalendarLayout([s.time],!1);o[2*s.day]=l.tl,o[2*s.day+1]=l["horizontal"===n?"bl":"tr"]}return o},e.prototype._formatterLabel=function(t,e){return X(t)&&t?(n=t,z(e,(function(t,e){n=n.replace("{"+e+"}",i?oe(t):t)})),n):Y(t)?t(e):e.nameMap;var n,i},e.prototype._yearTextPositionControl=function(t,e,n,i,r){var o=e[0],a=e[1],s=["center","bottom"];"bottom"===i?(a+=r,s=["center","top"]):"left"===i?o-=r:"right"===i?(o+=r,s=["center","top"]):a-=r;var l=0;return"left"!==i&&"right"!==i||(l=Math.PI/2),{rotation:l,x:o,y:a,style:{align:s[0],verticalAlign:s[1]}}},e.prototype._renderYearText=function(t,e,n,i){var r=t.getModel("yearLabel");if(r.get("show")){var o=r.get("margin"),a=r.get("position");a||(a="horizontal"!==n?"top":"left");var s=[this._tlpoints[this._tlpoints.length-1],this._blpoints[0]],l=(s[0][0]+s[1][0])/2,u=(s[0][1]+s[1][1])/2,c="horizontal"===n?0:1,h={top:[l,s[c][1]],bottom:[l,s[1-c][1]],left:[s[1-c][0],u],right:[s[c][0],u]},d=e.start.y;+e.end.y>+e.start.y&&(d=d+"-"+e.end.y);var p=r.get("formatter"),f={start:e.start.y,end:e.end.y,nameMap:d},g=this._formatterLabel(p,f),y=new Sl({z2:30,style:Qh(r,{text:g}),silent:r.get("silent")});y.attr(this._yearTextPositionControl(y,h[a],n,a,o)),i.add(y)}},e.prototype._monthTextPositionControl=function(t,e,n,i,r){var o="left",a="top",s=t[0],l=t[1];return"horizontal"===n?(l+=r,e&&(o="center"),"start"===i&&(a="bottom")):(s+=r,e&&(a="middle"),"start"===i&&(o="right")),{x:s,y:l,align:o,verticalAlign:a}},e.prototype._renderMonthText=function(t,e,n,i){var r=t.getModel("monthLabel");if(r.get("show")){var o=r.get("nameMap"),a=r.get("margin"),s=r.get("position"),l=r.get("align"),u=[this._tlpoints,this._blpoints];o&&!X(o)||(o&&(e=Od(o)||e),o=e.get(["time","monthAbbr"])||[]);var c="start"===s?0:1,h="horizontal"===n?0:1;a="start"===s?-a:a;for(var d="center"===l,p=r.get("silent"),f=0;f<u[c].length-1;f++){var g=u[c][f].slice(),y=this._firstDayOfMonth[f];if(d){var v=this._firstDayPoints[f];g[h]=(v[h]+u[0][f+1][h])/2}var m=r.get("formatter"),x=o[+y.m-1],_={yyyy:y.y,yy:(y.y+"").slice(2),MM:y.m,M:+y.m,nameMap:x},b=this._formatterLabel(m,_),w=new Sl({z2:30,style:A(Qh(r,{text:b}),this._monthTextPositionControl(g,d,n,s,a)),silent:p});i.add(w)}}},e.prototype._weekTextPositionControl=function(t,e,n,i,r){var o="center",a="middle",s=t[0],l=t[1],u="start"===n;return"horizontal"===e?(s=s+i+(u?1:-1)*r[0]/2,o=u?"right":"left"):(l=l+i+(u?1:-1)*r[1]/2,a=u?"bottom":"top"),{x:s,y:l,align:o,verticalAlign:a}},e.prototype._renderWeekText=function(t,e,n,i,r){var o=t.getModel("dayLabel");if(o.get("show")){var a=t.coordinateSystem,s=o.get("position"),l=o.get("nameMap"),u=o.get("margin"),c=a.getFirstDayOfWeek();if(!l||X(l))l&&(e=Od(l)||e),l=e.get(["time","dayOfWeekShort"])||E(e.get(["time","dayOfWeekAbbr"]),(function(t){return t[0]}));var h=a.getNextNDay(n.end.time,7-n.lweek).time,d=[a.getCellWidth(),a.getCellHeight()];u=yo(u,Math.min(d[1],d[0])),"start"===s&&(h=a.getNextNDay(n.start.time,-(7+n.fweek)).time,u=-u);for(var p=o.get("silent"),f=0;f<7;f++){var g,y=a.getNextNDay(h,f),v=a.dataToCalendarLayout([y.time],!1).center;g=Math.abs((f+c)%7);var m=new Sl({z2:30,style:A(Qh(o,{text:l[g]}),this._weekTextPositionControl(v,i,s,u,d)),silent:p});r.add(m)}}},e.type="calendar",e}(Ky),DV=864e5,AV=function(){function t(e,n,i){this.type="calendar",this.dimensions=t.dimensions,this.getDimensionsInfo=t.getDimensionsInfo,this._model=e,this._update(n,i)}return t.getDimensionsInfo=function(){return[{name:"time",type:"time"},"value"]},t.prototype.getRangeInfo=function(){return this._rangeInfo},t.prototype.getModel=function(){return this._model},t.prototype.getRect=function(){return this._rect},t.prototype.getCellWidth=function(){return this._sw},t.prototype.getCellHeight=function(){return this._sh},t.prototype.getOrient=function(){return this._orient},t.prototype.getFirstDayOfWeek=function(){return this._firstDayOfWeek},t.prototype.getDateInfo=function(t){var e=(t=Ao(t)).getFullYear(),n=t.getMonth()+1,i=n<10?"0"+n:""+n,r=t.getDate(),o=r<10?"0"+r:""+r,a=t.getDay();return{y:e+"",m:i,d:o,day:a=Math.abs((a+7-this.getFirstDayOfWeek())%7),time:t.getTime(),formatedDate:e+"-"+i+"-"+o,date:t}},t.prototype.getNextNDay=function(t,e){return 0===(e=e||0)||(t=new Date(this.getDateInfo(t).time)).setDate(t.getDate()+e),this.getDateInfo(t)},t.prototype._update=function(t,e){this._firstDayOfWeek=+this._model.getModel("dayLabel").get("firstDay"),this._orient=this._model.get("orient"),this._lineWidth=this._model.getModel("itemStyle").getItemStyle().lineWidth||0,this._rangeInfo=this._getRangeInfo(this._initRangeOption());var n=this._rangeInfo.weeks||1,i=["width","height"],r=this._model.getCellSize().slice(),o=this._model.getBoxLayoutParams(),a="horizontal"===this._orient?[n,7]:[7,n];z([0,1],(function(t){u(r,t)&&(o[i[t]]=r[t]*a[t])}));var s={width:e.getWidth(),height:e.getHeight()},l=this._rect=Hp(o,s);function u(t,e){return null!=t[e]&&"auto"!==t[e]}z([0,1],(function(t){u(r,t)||(r[t]=l[i[t]]/a[t])})),this._sw=r[0],this._sh=r[1]},t.prototype.dataToPoint=function(t,e,n){n=n||[],U(t)&&(t=t[0]),null==e&&(e=!0);var i=this.getDateInfo(t),r=this._rangeInfo,o=i.formatedDate;if(e&&!(i.time>=r.start.time&&i.time<r.end.time+DV))return n[0]=n[1]=NaN,n;var a=i.day,s=this._getRangeInfo([r.start.time,o]).nthWeek;return"vertical"===this._orient?(n[0]=this._rect.x+a*this._sw+this._sw/2,n[1]=this._rect.y+s*this._sh+this._sh/2):(n[0]=this._rect.x+s*this._sw+this._sw/2,n[1]=this._rect.y+a*this._sh+this._sh/2),n},t.prototype.pointToData=function(t){var e=this.pointToDate(t);return e&&e.time},t.prototype.dataToLayout=function(t,e,n){var i=(n=n||{}).rect=n.rect||{},r=n.contentRect=n.contentRect||{},o=this.dataToPoint(t,e);return i.x=o[0]-this._sw/2,i.y=o[1]-this._sh/2,i.width=this._sw,i.height=this._sh,He.copy(r,i),Oh(r,this._lineWidth/2,!0,!0),n},t.prototype.dataToCalendarLayout=function(t,e){var n=this.dataToPoint(t,e);return{center:n,tl:[n[0]-this._sw/2,n[1]-this._sh/2],tr:[n[0]+this._sw/2,n[1]-this._sh/2],br:[n[0]+this._sw/2,n[1]+this._sh/2],bl:[n[0]-this._sw/2,n[1]+this._sh/2]}},t.prototype.pointToDate=function(t){var e=Math.floor((t[0]-this._rect.x)/this._sw)+1,n=Math.floor((t[1]-this._rect.y)/this._sh)+1,i=this._rangeInfo.range;return"vertical"===this._orient?this._getDateByWeeksAndDay(n,e-1,i):this._getDateByWeeksAndDay(e,n-1,i)},t.prototype.convertToPixel=function(t,e,n){var i=kV(e);return i===this?i.dataToPoint(n):null},t.prototype.convertToLayout=function(t,e,n){var i=kV(e);return i===this?i.dataToLayout(n):null},t.prototype.convertFromPixel=function(t,e,n){var i=kV(e);return i===this?i.pointToData(n):null},t.prototype.containPoint=function(t){return console.warn("Not implemented."),!1},t.prototype._initRangeOption=function(){var t,e=this._model.get("range");if(U(e)&&1===e.length&&(e=e[0]),U(e))t=e;else{var n=e.toString();if(/^\d{4}$/.test(n)&&(t=[n+"-01-01",n+"-12-31"]),/^\d{4}[\/|-]\d{1,2}$/.test(n)){var i=this.getDateInfo(n),r=i.date;r.setMonth(r.getMonth()+1);var o=this.getNextNDay(r,-1);t=[i.formatedDate,o.formatedDate]}/^\d{4}[\/|-]\d{1,2}[\/|-]\d{1,2}$/.test(n)&&(t=[n,n])}if(!t)return e;var a=this._getRangeInfo(t);return a.start.time>a.end.time&&t.reverse(),t},t.prototype._getRangeInfo=function(t){var e,n=[this.getDateInfo(t[0]),this.getDateInfo(t[1])];n[0].time>n[1].time&&(e=!0,n.reverse());var i=Math.floor(n[1].time/DV)-Math.floor(n[0].time/DV)+1,r=new Date(n[0].time),o=r.getDate(),a=n[1].date.getDate();r.setDate(o+i-1);var s=r.getDate();if(s!==a)for(var l=r.getTime()-n[1].time>0?1:-1;(s=r.getDate())!==a&&(r.getTime()-n[1].time)*l>0;)i-=l,r.setDate(s-l);var u=Math.floor((i+n[0].day+6)/7),c=e?1-u:u-1;return e&&n.reverse(),{range:[n[0].formatedDate,n[1].formatedDate],start:n[0],end:n[1],allDay:i,weeks:u,nthWeek:c,fweek:n[0].day,lweek:n[1].day}},t.prototype._getDateByWeeksAndDay=function(t,e,n){var i=this._getRangeInfo(n);if(t>i.weeks||0===t&&e<i.fweek||t===i.weeks&&e>i.lweek)return null;var r=7*(t-1)-i.fweek+e,o=new Date(i.start.time);return o.setDate(+i.start.d+r),this.getDateInfo(o)},t.create=function(e,n){var i=[];return e.eachComponent("calendar",(function(r){var o=new t(r,e,n);i.push(o),r.coordinateSystem=o})),e.eachComponent((function(t,e){Rp({targetModel:e,coordSysType:"calendar",coordSysProvider:Np})})),i},t.dimensions=["time","value"],t}();function kV(t){var e=t.calendarModel,n=t.seriesModel;return e?e.coordinateSystem:n?n.coordinateSystem:null}var LV=1,PV=2,OV=3,RV={none:0,all:1,body:2,corner:3};function NV(t,e,n){var i=e[lh[n]].getCell(t);return!i&&j(t)&&t<0&&(i=e[lh[1-n]].getUnitLayoutInfo(n,Math.round(t))),i}function zV(t){var e=t||[];return e[0]=e[0]||[],e[1]=e[1]||[],e[0][0]=e[0][1]=e[1][0]=e[1][1]=NaN,e}function EV(t,e,n,i,r){BV(t[0],e,r,n,i,0),BV(t[1],e,r,n,i,1)}function BV(t,e,n,i,r,o){t[0]=1/0,t[1]=-1/0;var a=i[o],s=U(a)?a:[a],l=s.length,u=!!n;if(l>=1?(VV(t,e,s,u,r,o,0),l>1&&VV(t,e,s,u,r,o,l-1)):t[0]=t[1]=NaN,u){var c=-r[lh[1-o]].getLocatorCount(o),h=r[lh[o]].getLocatorCount(o)-1;n===RV.body?c=po(0,c):n===RV.corner&&(h=ho(-1,h)),h<c&&(c=h=NaN),nt(t[0])&&(t[0]=c),nt(t[1])&&(t[1]=h),t[0]=po(ho(t[0],h),c),t[1]=po(ho(t[1],h),c)}}function VV(t,e,n,i,r,o,a){var s=NV(n[a],r,o);if(s){var l,u=s.id[lh[o]],c=u,h=!(l=s)||l.type!==PV&&l.type!==OV?null:l;h&&(c+=h.span[lh[o]]-1),t[0]=ho(t[0],u,c),t[1]=po(t[1],u,c)}else t[0]=t[1]=NaN}function GV(t,e){return nt(t[e][0])||nt(t[e][1])}function FV(t,e,n,i){e=e||WV;for(var r=0;r<i;r++)e[r]=!1;for(;;){var o=!1;for(r=0;r<i;r++){var a=n[r];!e[r]&&a.cellMergeOwner&&HV(t,a.locatorRange)&&(e[r]=!0,o=!0)}if(!o)break}}var WV=[];function HV(t,e){return!(!UV(t[0],e[0])||!UV(t[1],e[1]))&&(t[0][0]=ho(t[0][0],e[0][0]),t[0][1]=po(t[0][1],e[0][1]),t[1][0]=ho(t[1][0],e[1][0]),t[1][1]=po(t[1][1],e[1][1]),!0)}function UV(t,e){return t[1]>=e[0]&&t[0]<=e[1]}function YV(t,e){t.id.set(e[0][0],e[1][0]),t.span.set(e[0][1]-t.id.x+1,e[1][1]-t.id.y+1)}function XV(t,e,n,i){var r=NV(e[i][0],n,i),o=NV(e[i][1],n,i);t[lh[i]]=t[uh[i]]=NaN,r&&o&&(t[lh[i]]=r.xy,t[uh[i]]=o.xy+o.wh-r.xy)}function ZV(t,e,n,i){return t[lh[e]]=n,t[lh[1-e]]=i,t}var jV=function(){function t(t,e){this._cells=[],this._levels=[],this.dim=t,this.dimIdx="x"===t?0:1,this._model=e,this._uniqueValueGen=function(t){var e=t.toUpperCase(),n=new RegExp("^"+e+"([0-9]+)$"),i=0;function r(t){var e;null!=t&&(e=t.match(n))&&(i=po(i,+e[1]+1))}function o(){return""+e+i++}function a(t,e){for(var n=yt(),i=0;i<t.length;i++){var r=t[i];null!=r&&null==n.get(r)||(t[i]=r=o(),e[i].option=k({value:r},e[i].option)),n.set(r,!0)}}return{calcDupBase:r,ensureValueUnique:a}}(t);var n=e.get("data",!0);null==n||U(n)||(n=[]),n?this._initByDimModelData(n):this._initBySeriesData()}return t.prototype._initByDimModelData=function(t){var e=this,n=e._cells,i=e._levels,r=[],o=0;return e._leavesCount=function t(n,a,s){var l=0;if(!n)return l;return z(n,(function(n,u){var c;X(n)?c={value:n}:q(n)?(c=n,null==n.value||X(n.value)||(!0,c={value:null})):c={value:null};var h={type:OV,ordinal:NaN,level:s,firstLeafLocator:a,id:new Ae,span:ZV(new Ae,e.dimIdx,1,1),option:c,xy:NaN,wh:NaN,dim:e,rect:{x:NaN,y:NaN,width:NaN,height:NaN}};o++,(r[a]||(r[a]=[])).push(h),i[s]||(i[s]={type:LV,xy:NaN,wh:NaN,option:null,id:new Ae,dim:e});var d=t(c.children,a,s+1),p=Math.max(1,d);h.span[lh[e.dimIdx]]=p,l+=p,a+=p})),l}(t,0,0),void function(){var t=[];for(;n.length<o;)for(var i=0;i<r.length;i++){var a=r[i].pop();if(a){a.ordinal=t.length;var s=a.option.value;t.push(s),n.push(a),e._uniqueValueGen.calcDupBase(s)}}e._uniqueValueGen.ensureValueUnique(t,n);var l=e._ordinalMeta=new ab({categories:t,needCollect:!1,deduplication:!1});e._scale=new lb({ordinalMeta:l});for(var u=0;u<e._leavesCount;u++){var c=e._cells[u];c.type=PV,c.span[lh[1-e.dimIdx]]=e._levels.length-c.level}e._initCellsId(),e._initLevelIdOptions()}()},t.prototype._initBySeriesData=function(){var t=this;t._leavesCount=0,t._levels=[{type:LV,xy:NaN,wh:NaN,option:null,id:new Ae,dim:t}],t._initLevelIdOptions();var e=t._ordinalMeta=new ab({needCollect:!0,deduplication:!0,onCollect:function(e,n){var i=t._cells[n]={type:PV,ordinal:n,level:0,firstLeafLocator:n,id:new Ae,span:ZV(new Ae,t.dimIdx,1,1),option:{value:e+""},xy:NaN,wh:NaN,dim:t,rect:{x:NaN,y:NaN,width:NaN,height:NaN}};t._leavesCount++,t._setCellId(i)}});t._scale=new lb({ordinalMeta:e})},t.prototype._setCellId=function(t){var e=this._levels.length,n=this.dimIdx;ZV(t.id,n,t.firstLeafLocator,t.level-e)},t.prototype._initCellsId=function(){var t=this._levels.length,e=this.dimIdx;z(this._cells,(function(n){ZV(n.id,e,n.firstLeafLocator,n.level-t)}))},t.prototype._initLevelIdOptions=function(){var t=this._levels.length,e=this.dimIdx,n=this._model.get("levels",!0);n=U(n)?n:[],z(this._levels,(function(i,r){ZV(i.id,e,0,r-t),i.option=n[r]}))},t.prototype.shouldShow=function(){return!!this._model.getShallow("show",!0)},t.prototype.resetLayoutIterator=function(t,e,n,i){if(t=t||new va,e===this.dimIdx){var r=this._leavesCount,o=null!=n?Math.max(0,n):0;i=null!=i?Math.min(i,r):r,t.reset(this._cells,o,o+i)}else{r=this._levels.length,o=null!=n?Math.max(0,n+r):0;i=null!=i?Math.min(i,r):r,t.reset(this._levels,o,o+i)}return t},t.prototype.resetCellIterator=function(t){return(t||new va).reset(this._cells,0)},t.prototype.resetLevelIterator=function(t){return(t||new va).reset(this._levels,0)},t.prototype.getLayout=function(t,e,n){var i=this.getUnitLayoutInfo(e,n);t[lh[e]]=i?i.xy:NaN,t[uh[e]]=i?i.wh:NaN},t.prototype.getUnitLayoutInfo=function(t,e){return t===this.dimIdx?e<this._leavesCount?this._cells[e]:void 0:this._levels[e+this._levels.length]},t.prototype.getCell=function(t){var e=this._scale.parse(t);return nt(e)?void 0:this._cells[e]},t.prototype.getLocatorCount=function(t){return t===this.dimIdx?this._leavesCount:this._levels.length},t.prototype.getOrdinalMeta=function(){return this._ordinalMeta},t}();var qV=function(){function t(t,e,n){this._model=e,this._dims=n,this._kind=t,this._cellMergeOwnerList=[]}return t.prototype._ensureCellMap=function(){var t=this,e=t._cellMap;return e||(e=t._cellMap=yt(),function(){var e=[],i=t._model.getShallow("data");i&&!U(i)&&(i=null);z(i,(function(n,i){if(q(n)&&U(n.coord)){var r=zV([]),o=null;if(EV(r,o,n.coord,t._dims,n.coordClamp?RV[t._kind]:RV.none),!GV(r,0)&&!GV(r,1)){var a=n&&n.mergeCells,s={id:new Ae,span:new Ae,locatorRange:r,option:n,cellMergeOwner:a};YV(s,r),e.push(s)}}}));for(var r=[],o=0;o<e.length;o++){var a=e[o];if(a.cellMergeOwner){var s=a.locatorRange;FV(s,r,e,o);for(var l=0;l<o;l++)r[l]&&(e[l].cellMergeOwner=!1);if(s[0][0]!==a.id.x||s[1][0]!==a.id.y){a.cellMergeOwner=!1;var u=A({},a.option);u.coord=null;var c={id:new Ae,span:new Ae,locatorRange:s,option:u,cellMergeOwner:!0};YV(c,s),e.push(c)}}}z(e,(function(e){var i=n(e.id.x,e.id.y);if(e.cellMergeOwner&&(i.cellMergeOwner=!0,i.span=e.span,i.locatorRange=e.locatorRange,i.spanRect={x:NaN,y:NaN,width:NaN,height:NaN},t._cellMergeOwnerList.push(i)),e.cellMergeOwner||e.option)for(var r=0;r<e.span.y;r++)for(var o=0;o<e.span.x;o++){var a=n(e.id.x+o,e.id.y+r);a.option=e.option,e.cellMergeOwner&&(a.inSpanOf=i)}}))}()),e;function n(t,n){var i=$V(t,n),r=e.get(i);return r||(r=e.set(i,{id:new Ae(t,n),option:null,inSpanOf:null,span:null,spanRect:null,locatorRange:null,cellMergeOwner:!1})),r}},t.prototype.getCell=function(t){return this._ensureCellMap().get($V(t[0],t[1]))},t.prototype.travelExistingCells=function(t){this._ensureCellMap().each(t)},t.prototype.expandRangeByCellMerge=function(t){if(!GV(t,0)&&!GV(t,1)&&t[0][0]===t[0][1]&&t[1][0]===t[1][1]){KV[0]=t[0][0],KV[1]=t[1][0];var e=this.getCell(KV),n=e&&e.inSpanOf;if(n)return void function(t,e){t[0][0]=e[0][0],t[0][1]=e[0][1],t[1][0]=e[1][0],t[1][1]=e[1][1]}(t,n.locatorRange)}var i=this._cellMergeOwnerList;FV(t,null,i,i.length)},t}(),KV=[];function $V(t,e){return t+"|"+e}var JV={show:!0,color:tf.color.secondary,overflow:"break",lineOverflow:"truncate",padding:[2,3,2,3],distance:0};function QV(t){return{color:"none",borderWidth:1,borderColor:t?"none":tf.color.borderTint}}var tG={show:!0,label:JV,itemStyle:QV(!1),silent:void 0,dividerLineStyle:{width:1,color:tf.color.border}},eG={z:-50,left:"10%",top:"10%",right:"10%",bottom:"10%",x:tG,y:tG,body:{label:JV,itemStyle:QV(!1),silent:void 0},corner:{label:JV,itemStyle:QV(!0),silent:void 0},backgroundStyle:{color:"none",borderColor:tf.color.axisLine,borderWidth:1}},nG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){var t=this._dimModels={x:new iG(this.get("x",!0)||{}),y:new iG(this.get("y",!0)||{})};t.x.option.type=t.y.option.type="category";var e={x:t.x.dim=new jV("x",t.x),y:t.y.dim=new jV("y",t.y)};this._body=new qV("body",new wd(this.getShallow("body")),e),this._corner=new qV("corner",new wd(this.getShallow("corner")),e)},e.prototype.getDimensionModel=function(t){return this._dimModels[t]},e.prototype.getBody=function(){return this._body},e.prototype.getCorner=function(){return this._corner},e.type="matrix",e.layoutMode="box",e.defaultOption=eG,e}(Qp),iG=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getOrdinalMeta=function(){return this.dim.getOrdinalMeta()},e}(wd),rG=Math.round,oG={normal:25,special:100},aG={normal:50,special:125},sG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e){this.group.removeAll();var n=this.group,i=t.coordinateSystem.getRect(),r=t.getDimensionModel("x"),o=t.getDimensionModel("y"),a=r.dim,s=o.dim;!function(t,e,n){function i(i){var r=e.getDimensionModel(lh[i]),o=r.dim;if(o.shouldShow())for(var a=r.getModel("itemStyle"),s=r.getModel("label"),l=e.getShallow("tooltip",!0),u=[],c=o.resetCellIterator();c.next();){var h=c.item,d={};He.copy(d,h.rect),Dt(u,h.id.x,h.id.y),lG(u,e,t,n,h.option,a,s,r,d,h.option.value,aG,l)}}i(0),i(1)}(n,t,e),function(t,e,n,i,r){o("body",e.getBody(),n,i),n.shouldShow()&&i.shouldShow()&&o("corner",e.getCorner(),i,n);function o(n,i,o,a){var s=new wd(e.getShallow(n,!0)),l=s.getModel("itemStyle"),u=s.getModel("label"),c=new va,h=new va,d=[],p=e.getShallow("tooltip",!0);for(a.resetLayoutIterator(h,1);h.next();)for(o.resetLayoutIterator(c,0);c.next();){var f=c.item,g=h.item;Dt(d,f.id.x,g.id.y);var y=i.getCell(d);if(!y||!y.inSpanOf||y.inSpanOf===y){var v={};y&&y.span?He.copy(v,y.spanRect):(f.dim.getLayout(v,0,d[0]),g.dim.getLayout(v,1,d[1]));var m=y?y.option:null;lG(d,e,t,r,m,l,u,s,v,m?m.value:null,oG,p)}}}}(n,t,a,s,e);var l=rt(t.getShallow("borderZ2",!0),99),u=l-1,c=t.getModel("backgroundStyle").getItemStyle(["borderWidth"]);c.lineWidth=0;var h=t.getModel("backgroundStyle").getItemStyle(["color","decal","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"]);h.fill="none";var d=pG(i.clone(),c,0),p=pG(i.clone(),h,l);d.silent=!0,p.silent=!0,n.add(d),n.add(p);var f=a.getUnitLayoutInfo(0,0),g=s.getUnitLayoutInfo(1,0);f&&g&&(a.shouldShow()&&n.add(fG({x1:i.x,y1:g.xy,x2:i.x+i.width,y2:g.xy},r.getModel("dividerLineStyle").getLineStyle(),u)),s.shouldShow()&&n.add(fG({x1:f.xy,y1:i.y,x2:f.xy,y2:i.y+i.height},o.getModel("dividerLineStyle").getLineStyle(),u)))},e.type="matrix",e}(Ky);function lG(t,e,n,i,r,o,a,s,l,u,c,h){var d;cG.option=r?r.itemStyle:null,cG.parentModel=o,uG.option=r,uG.parentModel=s;var p=rt(uG.getShallow("z2"),r&&r.itemStyle?c.special:c.normal),f=h&&h.show,g=pG(l,cG.getItemStyle(),p);n.add(g);var y,v=uG.get("cursor");if(null!=v&&g.attr("cursor",v),null!=u){var m=u+"";if(hG.option=r?r.label:null,hG.parentModel=a,hG.ecModel=i,$h(g,{normal:hG},{defaultText:m,autoOverflowArea:!0,layoutRect:T(g.shape)}),y=g.getTextContent()){y.z2=p+1;var x=y.style;if(x&&x.overflow&&"none"!==x.overflow&&x.lineOverflow){var _={};He.copy(_,l),Oh(_,((null===(d=g.style)||void 0===d?void 0:d.lineWidth)||0)/2,!0,!0),g.updateInnerText(),y.getLocalTransform(dG),Te(dG,dG),He.applyTransform(_,_,dG),y.setClipPath(new xl({shape:_}))}}zh({el:g,componentModel:e,itemName:m,itemTooltipOption:h,formatterParamsExtra:{xyLocator:t.slice()}})}if(y){var b=hG.get("silent");null==b&&(b=!f),y.silent=b,y.ignoreHostSilent=!0}var w=uG.get("silent");null==w&&(w=!g.style||"none"===g.style.fill||!g.style.fill),g.silent=w,ma(uG),ma(cG),ma(hG)}var uG=new wd,cG=new wd,hG=new wd,dG=[];function pG(t,e,n){var i=e.lineWidth;if(i){var r=t.x+t.width,o=t.y+t.height;t.x=yl(t.x,i,!0),t.y=yl(t.y,i,!0),t.width=yl(r,i,!0)-t.x,t.height=yl(o,i,!0)-t.y}return new xl({shape:t,style:e,z2:n})}function fG(t,e,n){var i=e.lineWidth;return i&&(rG(2*t.x1)===rG(2*t.x2)&&(t.x1=t.x2=yl(t.x1,i,!0)),rG(2*t.y1)===rG(2*t.y2)&&(t.y1=t.y2=yl(t.y1,i,!0))),new Ac({shape:t,style:e,silent:!0,z2:n})}var gG=function(){function t(e,n,i){this.dimensions=t.dimensions,this.type="matrix",this._model=e;var r=this._dimModels={x:e.getDimensionModel("x"),y:e.getDimensionModel("y")};this._dims={x:r.x.dim,y:r.y.dim},this._resize(e,i)}return t.getDimensionsInfo=function(){return[{name:"x",type:"ordinal"},{name:"y",type:"ordinal"},{name:"value"}]},t.create=function(e,n){var i=[];return e.eachComponent("matrix",(function(r){var o=new t(r,e,n);i.push(o),r.coordinateSystem=o})),e.eachComponent((function(t,e){Rp({targetModel:e,coordSysType:"matrix",coordSysProvider:Np})})),i},t.prototype.getRect=function(){return this._rect},t.prototype._resize=function(t,e){var n=this._dims,i=this._dimModels,r=this._rect=Hp(t.getBoxLayoutParams(),{width:e.getWidth(),height:e.getHeight()});xG(i,n,r,0),xG(i,n,r,1),_G(0,n),_G(1,n),bG(this._model.getBody(),n),bG(this._model.getCorner(),n)},t.prototype.dataToPoint=function(t,e,n){return n=n||[],this.dataToLayout(t,e,yG),n[0]=yG.rect.x+yG.rect.width/2,n[1]=yG.rect.y+yG.rect.height/2,n},t.prototype.dataToLayout=function(t,e,n){var i=this._dims,r=(n=n||{}).rect=n.rect||{};r.x=r.y=r.width=r.height=NaN;var o=n.matrixXYLocatorRange=zV(n.matrixXYLocatorRange);return U(t)?(EV(o,null,t,i,rt(e&&e.clamp,RV.none)),e&&e.ignoreMergeCells||(e&&e.clamp===RV.corner||this._model.getBody().expandRangeByCellMerge(o),e&&e.clamp===RV.body||this._model.getCorner().expandRangeByCellMerge(o)),XV(r,o,i,0),XV(r,o,i,1),n):n},t.prototype.pointToData=function(t,e,n){var i=this._dims;return CG(TG,0,i,t,e&&e.clamp),CG(TG,1,i,t,e&&e.clamp),(n=n||[])[0]=n[1]=NaN,TG.y===IG.inCorner&&TG.x===IG.inBody?DG(TG,n,0,i):TG.x===IG.inCorner&&TG.y===IG.inBody?DG(TG,n,1,i):(AG(TG,n,0,i),AG(TG,n,1,i)),n},t.prototype.convertToPixel=function(t,e,n,i){var r=MG(e);return r===this?r.dataToPoint(n,i):void 0},t.prototype.convertToLayout=function(t,e,n,i){var r=MG(e);return r===this?r.dataToLayout(n,i):void 0},t.prototype.convertFromPixel=function(t,e,n,i){var r=MG(e);return r===this?r.pointToData(n,i):void 0},t.prototype.containPoint=function(t){return this._rect.contain(t[0],t[1])},t.dimensions=["x","y","value"],t}(),yG={rect:{x:NaN,y:NaN,width:NaN,height:NaN}},vG=new va,mG=new va;function xG(t,e,n,i){for(var r=1-i,o=e[lh[i]],a=e[lh[r]],s=a.shouldShow(),l=o.resetCellIterator();l.next();)l.item.wh=l.item.xy=NaN;for(var u=a.resetLayoutIterator(null,i);u.next();)u.item.wh=u.item.xy=NaN;for(var c=n[uh[i]],h=o.getLocatorCount(i)+a.getLocatorCount(i),d=new wd,p=a.resetLevelIterator();p.next();)d.option=p.item.option,d.parentModel=t[lh[r]],y(p.item,s?d.get("levelSize"):0);for(var f=new wd,g=o.resetCellIterator();g.next();)g.item.type===PV&&(f.option=g.item.option,f.parentModel=void 0,y(g.item,f.get("size")));function y(t,e){var r=function(t,e,n){var i=vo(t,n[uh[e]]);return SG(i,n[uh[e]])}(e,i,n);nt(r)||(t.wh=SG(r,c),c=SG(c-t.wh),h--)}var v=h?c/h:0,m=!h&&c>=1,x=n[lh[i]],_=o.getLocatorCount(i)-1,b=new va;for(a.resetLayoutIterator(b,i);b.next();)w(b.item);for(o.resetLayoutIterator(b,i);b.next();)w(b.item);function w(t){nt(t.wh)&&(t.wh=v),t.xy=x,t.id[lh[i]]!==_||m||(t.wh=n[lh[i]]+n[uh[i]]-t.xy),x+=t.wh}}function _G(t,e){for(var n=e[lh[t]].resetCellIterator();n.next();){var i=n.item;wG(i.rect,t,i.id,i.span,e),wG(i.rect,1-t,i.id,i.span,e),i.type===OV&&(i.xy=i.rect[lh[t]],i.wh=i.rect[uh[t]])}}function bG(t,e){t.travelExistingCells((function(t){var n=t.span;if(n){var i=t.spanRect,r=t.id;wG(i,0,r,n,e),wG(i,1,r,n,e)}}))}function wG(t,e,n,i,r){t[uh[e]]=0;var o=n[lh[e]]<0?r[lh[1-e]]:r[lh[e]],a=o.getUnitLayoutInfo(e,n[lh[e]]);if(t[lh[e]]=a.xy,t[uh[e]]=a.wh,i[lh[e]]>1){var s=o.getUnitLayoutInfo(e,n[lh[e]]+i[lh[e]]-1);t[uh[e]]=s.xy+s.wh-a.xy}}function SG(t,e){return Math.max(Math.min(t,rt(e,1/0)),0)}function MG(t){var e=t.matrixModel,n=t.seriesModel;return e?e.coordinateSystem:n?n.coordinateSystem:null}var IG={inBody:1,inCorner:2,outside:3},TG={x:null,y:null,point:[]};function CG(t,e,n,i,r){var o=n[lh[e]],a=n[lh[1-e]],s=o.getUnitLayoutInfo(e,o.getLocatorCount(e)-1),l=o.getUnitLayoutInfo(e,0),u=a.getUnitLayoutInfo(e,-a.getLocatorCount(e)),c=a.shouldShow()?a.getUnitLayoutInfo(e,-1):null,h=t.point[e]=i[e];if(l||c)if(r!==RV.body)if(r!==RV.corner){var d=l?l.xy:c?c.xy+c.wh:NaN,p=u?u.xy:d,f=s?s.xy+s.wh:d;if(h<p){if(!r)return void(t[lh[e]]=IG.outside);h=p}else if(h>f){if(!r)return void(t[lh[e]]=IG.outside);h=f}t.point[e]=h,t[lh[e]]=d<=h&&h<=f?IG.inBody:p<=h&&h<=d?IG.inCorner:IG.outside}else c?(t[lh[e]]=IG.inCorner,h=ho(c.xy+c.wh,po(u.xy,h)),t.point[e]=h):t[lh[e]]=IG.outside;else l?(t[lh[e]]=IG.inBody,h=ho(s.xy+s.wh,po(l.xy,h)),t.point[e]=h):t[lh[e]]=IG.outside;else t[lh[e]]=IG.outside}function DG(t,e,n,i){var r=1-n;if(t[lh[n]]!==IG.outside)for(i[lh[n]].resetCellIterator(mG);mG.next();){var o=mG.item;if(kG(t.point[n],o.rect,n)&&kG(t.point[r],o.rect,r))return e[n]=o.ordinal,void(e[r]=o.id[lh[r]])}}function AG(t,e,n,i){var r,o;if(t[lh[n]]!==IG.outside)for((t[lh[n]]===IG.inCorner?i[lh[1-n]]:i[lh[n]]).resetLayoutIterator(vG,n);vG.next();)if(r=t.point[n],(o=vG.item).xy<=r&&r<=o.xy+o.wh)return void(e[n]=vG.item.id[lh[n]])}function kG(t,e,n){return e[lh[n]]<=t&&t<=e[lh[n]]+e[uh[n]]}function LG(t,e){var n;return z(e,(function(e){null!=t[e]&&"auto"!==t[e]&&(n=!0)})),n}var PG=["transition","enterFrom","leaveTo"],OG=PG.concat(["enterAnimation","updateAnimation","leaveAnimation"]);function RG(t,e,n){if(n&&(!t[n]&&e[n]&&(t[n]={}),t=t[n],e=e[n]),t&&e)for(var i=n?PG:OG,r=0;r<i.length;r++){var o=i[r];null==t[o]&&null!=e[o]&&(t[o]=e[o])}}var NG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.preventAutoZ=!0,n}return n(e,t),e.prototype.mergeOption=function(e,n){var i=this.option.elements;this.option.elements=null,t.prototype.mergeOption.call(this,e,n),this.option.elements=i},e.prototype.optionUpdated=function(t,e){var n=this.option,i=(e?n:t).elements,r=n.elements=e?[]:n.elements,o=[];this._flatten(i,o,null);var a=ta(r,o,"normalMerge"),s=this._elOptionsToUpdate=[];z(a,(function(t,e){var n=t.newOption;n&&(s.push(n),function(t,e){var n=t.existing;if(e.id=t.keyInfo.id,!e.type&&n&&(e.type=n.type),null==e.parentId){var i=e.parentOption;i?e.parentId=i.id:n&&(e.parentId=n.parentId)}e.parentOption=null}(t,n),function(t,e,n){var i=A({},n),r=t[e],o=n.$action||"merge";"merge"===o?r?(C(r,i,!0),qp(r,i,{ignoreSize:!0}),$p(n,r),RG(n,r),RG(n,r,"shape"),RG(n,r,"style"),RG(n,r,"extra"),n.clipPath=r.clipPath):t[e]=i:"replace"===o?t[e]=i:"remove"===o&&r&&(t[e]=null)}(r,e,n),function(t,e){if(t&&(t.hv=e.hv=[LG(e,["left","right"]),LG(e,["top","bottom"])],"group"===t.type)){var n=t,i=e;null==n.width&&(n.width=i.width=0),null==n.height&&(n.height=i.height=0)}}(r[e],n))}),this),n.elements=V(r,(function(t){return t&&delete t.$action,null!=t}))},e.prototype._flatten=function(t,e,n){z(t,(function(t){if(t){n&&(t.parentOption=n),e.push(t);var i=t.children;i&&i.length&&this._flatten(i,e,t),delete t.children}}),this)},e.prototype.useElOptionsToUpdate=function(){var t=this._elOptionsToUpdate;return this._elOptionsToUpdate=null,t},e.type="graphic",e.defaultOption={elements:[]},e}(Qp),zG={path:null,compoundPath:null,group:to,image:dl,text:Sl},EG=sa(),BG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){this._elMap=yt()},e.prototype.render=function(t,e,n){t!==this._lastGraphicModel&&this._clear(),this._lastGraphicModel=t,this._updateElements(t),this._relocate(t,n)},e.prototype._updateElements=function(t){var e=t.useElOptionsToUpdate();if(e){var n=this._elMap,i=this.group,r=t.get("z"),o=t.get("zlevel");z(e,(function(e){var a=ia(e.id,null),s=null!=a?n.get(a):null,l=ia(e.parentId,null),u=null!=l?n.get(l):i,c=e.type,h=e.style;"text"===c&&h&&e.hv&&e.hv[1]&&(h.textVerticalAlign=h.textBaseline=h.verticalAlign=h.align=null);var d=e.textContent,p=e.textConfig;if(h&&jz(h,c,!!p,!!d)){var f=qz(h,c,!0);!p&&f.textConfig&&(p=e.textConfig=f.textConfig),!d&&f.textContent&&(d=f.textContent)}var g=function(t){return t=A({},t),z(["id","parentId","$action","hv","bounding","textContent","clipPath"].concat(Ep),(function(e){delete t[e]})),t}(e);var y=e.$action||"merge",v="merge"===y,m="replace"===y;if(v){var x=s;(T=!s)?x=GG(a,u,e.type,n):(x&&(EG(x).isNew=!1),yE(x)),x&&(rE(x,g,t,{isInit:T}),WG(x,e,r,o))}else if(m){FG(s,e,n,t);var _=GG(a,u,e.type,n);_&&(rE(_,g,t,{isInit:!0}),WG(_,e,r,o))}else"remove"===y&&(oE(s,e),FG(s,e,n,t));var b=n.get(a);if(b&&d)if(v){var w=b.getTextContent();w?w.attr(d):b.setTextContent(new Sl(d))}else m&&b.setTextContent(new Sl(d));if(b){var S=e.clipPath;if(S){var M=S.type,I=void 0,T=!1;if(v){var C=b.getClipPath();I=(T=!C||EG(C).type!==M)?VG(M):C}else m&&(T=!0,I=VG(M));b.setClipPath(I),rE(I,S,t,{isInit:T}),vE(I,S.keyframeAnimation,t)}var D=EG(b);b.setTextConfig(p),D.option=e,function(t,e,n){var i=zl(t).eventData;t.silent||t.ignore||i||(i=zl(t).eventData={componentType:"graphic",componentIndex:e.componentIndex,name:t.name});i&&(i.info=n.info)}(b,t,e),zh({el:b,componentModel:t,itemName:b.name,itemTooltipOption:e.tooltip}),vE(b,e.keyframeAnimation,t)}}))}},e.prototype._relocate=function(t,e){for(var n=t.option.elements,i=this.group,r=this._elMap,o=e.getWidth(),a=e.getHeight(),s=["x","y"],l=0;l<n.length;l++){if((f=null!=(p=ia((d=n[l]).id,null))?r.get(p):null)&&f.isGroup){var u=(g=f.parent)===i,c=EG(f),h=EG(g);c.width=yo(c.option.width,u?o:h.width)||0,c.height=yo(c.option.height,u?a:h.height)||0}}for(l=n.length-1;l>=0;l--){var d,p,f;if(f=null!=(p=ia((d=n[l]).id,null))?r.get(p):null){var g=f.parent,y=(h=EG(g),{}),v=Zp(f,d,g===i?{width:o,height:a}:{width:h.width,height:h.height},null,{hv:d.hv,boundingMode:d.bounding},y);if(!EG(f).isNew&&v){for(var m=d.transition,x={},_=0;_<s.length;_++){var b=s[_],w=y[b];m&&(sE(m)||P(m,b)>=0)?x[b]=w:f[b]=w}th(f,x,t,0)}else f.attr(y)}}},e.prototype._clear=function(){var t=this,e=this._elMap;e.each((function(n){FG(n,EG(n).option,e,t._lastGraphicModel)})),this._elMap=yt()},e.prototype.dispose=function(){this._clear()},e.type="graphic",e}(Ky);function VG(t){var e=_t(zG,t)?zG[t]:fh(t);var n=new e({});return EG(n).type=t,n}function GG(t,e,n,i){var r=VG(n);return e.add(r),i.set(t,r),EG(r).id=t,EG(r).isNew=!0,r}function FG(t,e,n,i){t&&t.parent&&("group"===t.type&&t.traverse((function(t){FG(t,e,n,i)})),aE(t,e,i),n.removeKey(EG(t).id))}function WG(t,e,n,i){t.isGroup||z([["cursor",os.prototype.cursor],["zlevel",i||0],["z",n||0],["z2",0]],(function(n){var i=n[0];_t(e,i)?t[i]=rt(e[i],n[1]):null==t[i]&&(t[i]=n[1])})),z(F(e),(function(n){if(0===n.indexOf("on")){var i=e[n];t[n]=Y(i)?i:null}})),_t(e,"draggable")&&(t.draggable=e.draggable),null!=e.name&&(t.name=e.name),null!=e.id&&(t.id=e.id)}var HG=["x","y","radius","angle","single"],UG=["cartesian2d","polar","singleAxis"];function YG(t){return t+"Axis"}function XG(t,e){var n,i=yt(),r=[],o=yt();t.eachComponent({mainType:"dataZoom",query:e},(function(t){o.get(t.uid)||s(t)}));do{n=!1,t.eachComponent("dataZoom",a)}while(n);function a(t){!o.get(t.uid)&&function(t){var e=!1;return t.eachTargetAxis((function(t,n){var r=i.get(t);r&&r[n]&&(e=!0)})),e}(t)&&(s(t),n=!0)}function s(t){o.set(t.uid,!0),r.push(t),t.eachTargetAxis((function(t,e){(i.get(t)||i.set(t,[]))[e]=!0}))}return r}function ZG(t){var e=t.ecModel,n={infoList:[],infoMap:yt()};return t.eachTargetAxis((function(t,i){var r=e.getComponent(YG(t),i);if(r){var o=r.getCoordSysModel();if(o){var a=o.uid,s=n.infoMap.get(a);s||(s={model:o,axisModels:[]},n.infoList.push(s),n.infoMap.set(a,s)),s.axisModels.push(r)}}})),n}var jG=function(){function t(){this.indexList=[],this.indexMap=[]}return t.prototype.add=function(t){this.indexMap[t]||(this.indexList.push(t),this.indexMap[t]=!0)},t}(),qG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._autoThrottle=!0,n._noTarget=!0,n._rangePropMode=["percent","percent"],n}return n(e,t),e.prototype.init=function(t,e,n){var i=KG(t);this.settledOption=i,this.mergeDefaultAndTheme(t,n),this._doInit(i)},e.prototype.mergeOption=function(t){var e=KG(t);C(this.option,t,!0),C(this.settledOption,e,!0),this._doInit(e)},e.prototype._doInit=function(t){var e=this.option;this._setDefaultThrottle(t),this._updateRangeUse(t);var n=this.settledOption;z([["start","startValue"],["end","endValue"]],(function(t,i){"value"===this._rangePropMode[i]&&(e[t[0]]=n[t[0]]=null)}),this),this._resetTarget()},e.prototype._resetTarget=function(){var t=this.get("orient",!0),e=this._targetAxisInfoMap=yt();this._fillSpecifiedTargetAxis(e)?this._orient=t||this._makeAutoOrientByTargetAxis():(this._orient=t||"horizontal",this._fillAutoTargetAxisByOrient(e,this._orient)),this._noTarget=!0,e.each((function(t){t.indexList.length&&(this._noTarget=!1)}),this)},e.prototype._fillSpecifiedTargetAxis=function(t){var e=!1;return z(HG,(function(n){var i=this.getReferringComponents(YG(n),da);if(i.specified){e=!0;var r=new jG;z(i.models,(function(t){r.add(t.componentIndex)})),t.set(n,r)}}),this),e},e.prototype._fillAutoTargetAxisByOrient=function(t,e){var n=this.ecModel,i=!0;if(i){var r="vertical"===e?"y":"x";o(n.findComponents({mainType:r+"Axis"}),r)}i&&o(n.findComponents({mainType:"singleAxis",filter:function(t){return t.get("orient",!0)===e}}),"single");function o(e,n){var r=e[0];if(r){var o=new jG;if(o.add(r.componentIndex),t.set(n,o),i=!1,"x"===n||"y"===n){var a=r.getReferringComponents("grid",ha).models[0];a&&z(e,(function(t){r.componentIndex!==t.componentIndex&&a===t.getReferringComponents("grid",ha).models[0]&&o.add(t.componentIndex)}))}}}i&&z(HG,(function(e){if(i){var r=n.findComponents({mainType:YG(e),filter:function(t){return"category"===t.get("type",!0)}});if(r[0]){var o=new jG;o.add(r[0].componentIndex),t.set(e,o),i=!1}}}),this)},e.prototype._makeAutoOrientByTargetAxis=function(){var t;return this.eachTargetAxis((function(e){!t&&(t=e)}),this),"y"===t?"vertical":"horizontal"},e.prototype._setDefaultThrottle=function(t){if(t.hasOwnProperty("throttle")&&(this._autoThrottle=!1),this._autoThrottle){var e=this.ecModel.option;this.option.throttle=e.animation&&e.animationDurationUpdate>0?100:20}},e.prototype._updateRangeUse=function(t){var e=this._rangePropMode,n=this.get("rangeMode");z([["start","startValue"],["end","endValue"]],(function(i,r){var o=null!=t[i[0]],a=null!=t[i[1]];o&&!a?e[r]="percent":!o&&a?e[r]="value":n?e[r]=n[r]:o&&(e[r]="percent")}))},e.prototype.noTarget=function(){return this._noTarget},e.prototype.getFirstTargetAxisModel=function(){var t;return this.eachTargetAxis((function(e,n){null==t&&(t=this.ecModel.getComponent(YG(e),n))}),this),t},e.prototype.eachTargetAxis=function(t,e){this._targetAxisInfoMap.each((function(n,i){z(n.indexList,(function(n){t.call(e,i,n)}))}))},e.prototype.getAxisProxy=function(t,e){var n=this.getAxisModel(t,e);if(n)return n.__dzAxisProxy},e.prototype.getAxisModel=function(t,e){var n=this._targetAxisInfoMap.get(t);if(n&&n.indexMap[e])return this.ecModel.getComponent(YG(t),e)},e.prototype.setRawRange=function(t){var e=this.option,n=this.settledOption;z([["start","startValue"],["end","endValue"]],(function(i){null==t[i[0]]&&null==t[i[1]]||(e[i[0]]=n[i[0]]=t[i[0]],e[i[1]]=n[i[1]]=t[i[1]])}),this),this._updateRangeUse(t)},e.prototype.setCalculatedRange=function(t){var e=this.option;z(["start","startValue","end","endValue"],(function(n){e[n]=t[n]}))},e.prototype.getPercentRange=function(){var t=this.findRepresentativeAxisProxy();if(t)return t.getDataPercentWindow()},e.prototype.getValueRange=function(t,e){if(null!=t||null!=e)return this.getAxisProxy(t,e).getDataValueWindow();var n=this.findRepresentativeAxisProxy();return n?n.getDataValueWindow():void 0},e.prototype.findRepresentativeAxisProxy=function(t){if(t)return t.__dzAxisProxy;for(var e,n=this._targetAxisInfoMap.keys(),i=0;i<n.length;i++)for(var r=n[i],o=this._targetAxisInfoMap.get(r),a=0;a<o.indexList.length;a++){var s=this.getAxisProxy(r,o.indexList[a]);if(s.hostedBy(this))return s;e||(e=s)}return e},e.prototype.getRangePropMode=function(){return this._rangePropMode.slice()},e.prototype.getOrient=function(){return this._orient},e.type="dataZoom",e.dependencies=["xAxis","yAxis","radiusAxis","angleAxis","singleAxis","series","toolbox"],e.defaultOption={z:4,filterMode:"filter",start:0,end:100},e}(Qp);function KG(t){var e={};return z(["start","end","startValue","endValue","throttle"],(function(n){t.hasOwnProperty(n)&&(e[n]=t[n])})),e}var $G=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.select",e}(qG),JG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){this.dataZoomModel=t,this.ecModel=e,this.api=n},e.type="dataZoom",e}(Ky),QG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.select",e}(JG),tF=z,eF=xo,nF=function(){function t(t,e,n,i){this._dimName=t,this._axisIndex=e,this.ecModel=i,this._dataZoomModel=n}return t.prototype.hostedBy=function(t){return this._dataZoomModel===t},t.prototype.getDataValueWindow=function(){return this._valueWindow.slice()},t.prototype.getDataPercentWindow=function(){return this._percentWindow.slice()},t.prototype.getTargetSeriesModels=function(){var t=[];return this.ecModel.eachSeries((function(e){if(function(t){var e=t.get("coordinateSystem");return P(UG,e)>=0}(e)){var n=YG(this._dimName),i=e.getReferringComponents(n,ha).models[0];i&&this._axisIndex===i.componentIndex&&t.push(e)}}),this),t},t.prototype.getAxisModel=function(){return this.ecModel.getComponent(this._dimName+"Axis",this._axisIndex)},t.prototype.getMinMaxSpan=function(){return T(this._minMaxSpan)},t.prototype.calculateDataWindow=function(t){var e,n=this._dataExtent,i=this.getAxisModel().axis.scale,r=this._dataZoomModel.getRangePropMode(),o=[0,100],a=[],s=[];tF(["start","end"],(function(l,u){var c=t[l],h=t[l+"Value"];"percent"===r[u]?(null==c&&(c=o[u]),h=i.parse(go(c,o,n))):(e=!0,c=go(h=null==h?n[u]:i.parse(h),n,o)),s[u]=null==h||isNaN(h)?n[u]:h,a[u]=null==c||isNaN(c)?o[u]:c})),eF(s),eF(a);var l=this._minMaxSpan;function u(t,e,n,r,o){var a=o?"Span":"ValueSpan";CO(0,t,n,"all",l["min"+a],l["max"+a]);for(var s=0;s<2;s++)e[s]=go(t[s],n,r,!0),o&&(e[s]=i.parse(e[s]))}return e?u(s,a,n,o,!1):u(a,s,o,n,!0),{valueWindow:s,percentWindow:a}},t.prototype.reset=function(t){if(t===this._dataZoomModel){var e=this.getTargetSeriesModels();this._dataExtent=function(t,e,n){var i=[1/0,-1/0];tF(n,(function(t){!function(t,e,n){e&&z(Jb(e,n),(function(n){var i=e.getApproximateExtent(n);i[0]<t[0]&&(t[0]=i[0]),i[1]>t[1]&&(t[1]=i[1])}))}(i,t.getData(),e)}));var r=t.getAxisModel(),o=Hb(r.axis.scale,r,i).calculate();return[o.min,o.max]}(this,this._dimName,e),this._updateMinMaxSpan();var n=this.calculateDataWindow(t.settledOption);this._valueWindow=n.valueWindow,this._percentWindow=n.percentWindow,this._setAxisModel()}},t.prototype.filterData=function(t,e){if(t===this._dataZoomModel){var n=this._dimName,i=this.getTargetSeriesModels(),r=t.get("filterMode"),o=this._valueWindow;"none"!==r&&tF(i,(function(t){var e=t.getData(),i=e.mapDimensionsAll(n);if(i.length){if("weakFilter"===r){var a=e.getStore(),s=E(i,(function(t){return e.getDimensionIndex(t)}),e);e.filterSelf((function(t){for(var e,n,r,l=0;l<i.length;l++){var u=a.get(s[l],t),c=!isNaN(u),h=u<o[0],d=u>o[1];if(c&&!h&&!d)return!0;c&&(r=!0),h&&(e=!0),d&&(n=!0)}return r&&e&&n}))}else tF(i,(function(n){if("empty"===r)t.setData(e=e.map(n,(function(t){return function(t){return t>=o[0]&&t<=o[1]}(t)?t:NaN})));else{var i={};i[n]=o,e.selectRange(i)}}));tF(i,(function(t){e.setApproximateExtent(o,t)}))}}))}},t.prototype._updateMinMaxSpan=function(){var t=this._minMaxSpan={},e=this._dataZoomModel,n=this._dataExtent;tF(["min","max"],(function(i){var r=e.get(i+"Span"),o=e.get(i+"ValueSpan");null!=o&&(o=this.getAxisModel().axis.scale.parse(o)),null!=o?r=go(n[0]+o,n,[0,100],!0):null!=r&&(o=go(r,[0,100],n,!0)-n[0]),t[i+"Span"]=r,t[i+"ValueSpan"]=o}),this)},t.prototype._setAxisModel=function(){var t=this.getAxisModel(),e=this._percentWindow,n=this._valueWindow;if(e){var i=wo(n,[0,500]);i=Math.min(i,20);var r=t.axis.scale.rawExtentInfo;0!==e[0]&&r.setDeterminedMinMax("min",+n[0].toFixed(i)),100!==e[1]&&r.setDeterminedMinMax("max",+n[1].toFixed(i)),r.freeze()}},t}();var iF={getTargetSeries:function(t){function e(e){t.eachComponent("dataZoom",(function(n){n.eachTargetAxis((function(i,r){var o=t.getComponent(YG(i),r);e(i,r,o,n)}))}))}e((function(t,e,n,i){n.__dzAxisProxy=null}));var n=[];e((function(e,i,r,o){r.__dzAxisProxy||(r.__dzAxisProxy=new nF(e,i,o,t),n.push(r.__dzAxisProxy))}));var i=yt();return z(n,(function(t){z(t.getTargetSeriesModels(),(function(t){i.set(t.uid,t)}))})),i},overallReset:function(t,e){t.eachComponent("dataZoom",(function(t){t.eachTargetAxis((function(e,n){t.getAxisProxy(e,n).reset(t)})),t.eachTargetAxis((function(n,i){t.getAxisProxy(n,i).filterData(t,e)}))})),t.eachComponent("dataZoom",(function(t){var e=t.findRepresentativeAxisProxy();if(e){var n=e.getDataPercentWindow(),i=e.getDataValueWindow();t.setCalculatedRange({start:n[0],end:n[1],startValue:i[0],endValue:i[1]})}}))}};var rF=!1;function oF(t){rF||(rF=!0,t.registerProcessor(t.PRIORITY.PROCESSOR.FILTER,iF),function(t){t.registerAction("dataZoom",(function(t,e){z(XG(e,t),(function(e){e.setRawRange({start:t.start,end:t.end,startValue:t.startValue,endValue:t.endValue})}))}))}(t),t.registerSubTypeDefaulter("dataZoom",(function(){return"slider"})))}function aF(t){t.registerComponentModel($G),t.registerComponentView(QG),oF(t)}var sF=function(){},lF={};function uF(t,e){lF[t]=e}function cF(t){return lF[t]}var hF=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){t.prototype.optionUpdated.apply(this,arguments);var e=this.ecModel;z(this.option.feature,(function(t,n){var i=cF(n);i&&(i.getDefaultOption&&(i.defaultOption=i.getDefaultOption(e)),C(t,i.defaultOption))}))},e.type="toolbox",e.layoutMode={type:"box",ignoreSize:!0},e.defaultOption={show:!0,z:6,orient:"horizontal",left:"right",top:"top",backgroundColor:"transparent",borderColor:tf.color.border,borderRadius:0,borderWidth:0,padding:tf.size.m,itemSize:15,itemGap:tf.size.s,showTitle:!0,iconStyle:{borderColor:tf.color.accent50,color:"none"},emphasis:{iconStyle:{borderColor:tf.color.accent50}},tooltip:{show:!1,position:"bottom"}},e}(Qp);function dF(t,e){var n=yp(e.get("padding")),i=e.getItemStyle(["color","opacity"]);return i.fill=e.get("backgroundColor"),new xl({shape:{x:t.x-n[3],y:t.y-n[0],width:t.width+n[1]+n[3],height:t.height+n[0]+n[2],r:e.get("borderRadius")},style:i,silent:!0,z2:-1})}var pF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(t,e,n,i){var r=this.group;if(r.removeAll(),t.get("show")){var o=+t.get("itemSize"),a="vertical"===t.get("orient"),s=t.get("feature")||{},l=this._features||(this._features={}),u=[];z(s,(function(t,e){u.push(e)})),new f_(this._featureNames||[],u).add(f).update(f).remove(H(f,null)).execute(),this._featureNames=u;var c=Xp(t,n).refContainer,h=t.getBoxLayoutParams(),d=t.get("padding"),p=Hp(h,c,d);Gp(t.get("orient"),r,t.get("itemGap"),p.width,p.height),Zp(r,h,c,d),r.add(dF(r.getBoundingRect(),t)),a||r.eachChild((function(t){var e=t.__title,i=t.ensureState("emphasis"),a=i.textConfig||(i.textConfig={}),s=t.getTextContent(),l=s&&s.ensureState("emphasis");if(l&&!Y(l)&&e){var u=l.style||(l.style={}),c=Er(e,Sl.makeFont(u)),h=t.x+r.x,d=!1;t.y+r.y+o+c.height>n.getHeight()&&(a.position="top",d=!0);var p=d?-5-c.height:o+10;h+c.width/2>n.getWidth()?(a.position=["100%",p],u.align="right"):h-c.width/2<0&&(a.position=[0,p],u.align="left")}}))}function f(c,h){var d,p=u[c],f=u[h],g=s[p],y=new wd(g,t,t.ecModel);if(i&&null!=i.newTitle&&i.featureName===p&&(g.title=i.newTitle),p&&!f){if(function(t){return 0===t.indexOf("my")}(p))d={onclick:y.option.onclick,featureName:p};else{var v=cF(p);if(!v)return;d=new v}l[p]=d}else if(!(d=l[f]))return;d.uid=Md("toolbox-feature"),d.model=y,d.ecModel=e,d.api=n;var m=d instanceof sF;p||!f?!y.get("show")||m&&d.unusable?m&&d.remove&&d.remove(e,n):(!function(i,s,l){var u,c,h=i.getModel("iconStyle"),d=i.getModel(["emphasis","iconStyle"]),p=s instanceof sF&&s.getIcons?s.getIcons():i.get("icon"),f=i.get("title")||{};X(p)?(u={})[l]=p:u=p;X(f)?(c={})[l]=f:c=f;var g=i.iconPaths={};z(u,(function(l,u){var p=Ah(l,{},{x:-o/2,y:-o/2,width:o,height:o});p.setStyle(h.getItemStyle()),p.ensureState("emphasis").style=d.getItemStyle();var f=new Sl({style:{text:c[u],align:d.get("textAlign"),borderRadius:d.get("textBorderRadius"),padding:d.get("textPadding"),fill:null,font:od({fontStyle:d.get("textFontStyle"),fontFamily:d.get("textFontFamily"),fontSize:d.get("textFontSize"),fontWeight:d.get("textFontWeight")},e)},ignore:!0});p.setTextContent(f),zh({el:p,componentModel:t,itemName:u,formatterParamsExtra:{title:c[u]}}),p.__title=c[u],p.on("mouseover",(function(){var e=d.getItemStyle(),i=a?null==t.get("right")&&"right"!==t.get("left")?"right":"left":null==t.get("bottom")&&"bottom"!==t.get("top")?"bottom":"top";f.setStyle({fill:d.get("textFill")||e.fill||e.stroke||tf.color.neutral99,backgroundColor:d.get("textBackgroundColor")}),p.setTextConfig({position:d.get("textPosition")||i}),f.ignore=!t.get("showTitle"),n.enterEmphasis(this)})).on("mouseout",(function(){"emphasis"!==i.get(["iconStatus",u])&&n.leaveEmphasis(this),f.hide()})),("emphasis"===i.get(["iconStatus",u])?du:pu)(p),r.add(p),p.on("click",W(s.onclick,s,e,n,u)),g[u]=p}))}(y,d,p),y.setIconStatus=function(t,e){var n=this.option,i=this.iconPaths;n.iconStatus=n.iconStatus||{},n.iconStatus[t]=e,i[t]&&("emphasis"===e?du:pu)(i[t])},d instanceof sF&&d.render&&d.render(y,e,n,i)):m&&d.dispose&&d.dispose(e,n)}},e.prototype.updateView=function(t,e,n,i){z(this._features,(function(t){t instanceof sF&&t.updateView&&t.updateView(t.model,e,n,i)}))},e.prototype.remove=function(t,e){z(this._features,(function(n){n instanceof sF&&n.remove&&n.remove(t,e)})),this.group.removeAll()},e.prototype.dispose=function(t,e){z(this._features,(function(n){n instanceof sF&&n.dispose&&n.dispose(t,e)}))},e.type="toolbox",e}(Ky);var fF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.onclick=function(t,e){var n=this.model,i=n.get("name")||t.get("title.0.text")||"echarts",o="svg"===e.getZr().painter.getType(),a=o?"svg":n.get("type",!0)||"png",s=e.getConnectedDataURL({type:a,backgroundColor:n.get("backgroundColor",!0)||t.get("backgroundColor")||tf.color.neutral00,connectedBackgroundColor:n.get("connectedBackgroundColor"),excludeComponents:n.get("excludeComponents"),pixelRatio:n.get("pixelRatio")}),l=r.browser;if("function"!=typeof MouseEvent||!l.newEdge&&(l.ie||l.edge))if(window.navigator.msSaveOrOpenBlob||o){var u=s.split(","),c=u[0].indexOf("base64")>-1,h=o?decodeURIComponent(u[1]):u[1];c&&(h=window.atob(h));var d=i+"."+a;if(window.navigator.msSaveOrOpenBlob){for(var p=h.length,f=new Uint8Array(p);p--;)f[p]=h.charCodeAt(p);var g=new Blob([f]);window.navigator.msSaveOrOpenBlob(g,d)}else{var y=document.createElement("iframe");document.body.appendChild(y);var v=y.contentWindow,m=v.document;m.open("image/svg+xml","replace"),m.write(h),m.close(),v.focus(),m.execCommand("SaveAs",!0,d),document.body.removeChild(y)}}else{var x=n.get("lang"),_='<body style="margin:0;"><img src="'+s+'" style="max-width:100%;" title="'+(x&&x[0]||"")+'" /></body>',b=window.open();b.document.write(_),b.document.title=i}else{var w=document.createElement("a");w.download=i+"."+a,w.target="_blank",w.href=s;var S=new MouseEvent("click",{view:document.defaultView,bubbles:!0,cancelable:!1});w.dispatchEvent(S)}},e.getDefaultOption=function(t){return{show:!0,icon:"M4.7,22.9L29.3,45.5L54.7,23.4M4.6,43.6L4.6,58L53.8,58L53.8,43.6M29.2,45.1L29.2,0",title:t.getLocaleModel().get(["toolbox","saveAsImage","title"]),type:"png",connectedBackgroundColor:tf.color.neutral00,name:"",excludeComponents:["toolbox"],lang:t.getLocaleModel().get(["toolbox","saveAsImage","lang"])}},e}(sF),gF="__ec_magicType_stack__",yF=[["line","bar"],["stack"]],vF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getIcons=function(){var t=this.model,e=t.get("icon"),n={};return z(t.get("type"),(function(t){e[t]&&(n[t]=e[t])})),n},e.getDefaultOption=function(t){return{show:!0,type:[],icon:{line:"M4.1,28.9h7.1l9.3-22l7.4,38l9.7-19.7l3,12.8h14.9M4.1,58h51.4",bar:"M6.7,22.9h10V48h-10V22.9zM24.9,13h10v35h-10V13zM43.2,2h10v46h-10V2zM3.1,58h53.7",stack:"M8.2,38.4l-8.4,4.1l30.6,15.3L60,42.5l-8.1-4.1l-21.5,11L8.2,38.4z M51.9,30l-8.1,4.2l-13.4,6.9l-13.9-6.9L8.2,30l-8.4,4.2l8.4,4.2l22.2,11l21.5-11l8.1-4.2L51.9,30z M51.9,21.7l-8.1,4.2L35.7,30l-5.3,2.8L24.9,30l-8.4-4.1l-8.3-4.2l-8.4,4.2L8.2,30l8.3,4.2l13.9,6.9l13.4-6.9l8.1-4.2l8.1-4.1L51.9,21.7zM30.4,2.2L-0.2,17.5l8.4,4.1l8.3,4.2l8.4,4.2l5.5,2.7l5.3-2.7l8.1-4.2l8.1-4.2l8.1-4.1L30.4,2.2z"},title:t.getLocaleModel().get(["toolbox","magicType","title"]),option:{},seriesIndex:{}}},e.prototype.onclick=function(t,e,n){var i=this.model,r=i.get(["seriesIndex",n]);if(mF[n]){var o,a={series:[]};z(yF,(function(t){P(t,n)>=0&&z(t,(function(t){i.setIconStatus(t,"normal")}))})),i.setIconStatus(n,"emphasis"),t.eachComponent({mainType:"series",query:null==r?null:{seriesIndex:r}},(function(t){var e=t.subType,r=t.id,o=mF[n](e,r,t,i);o&&(k(o,t.option),a.series.push(o));var s=t.coordinateSystem;if(s&&"cartesian2d"===s.type&&("line"===n||"bar"===n)){var l=s.getAxesByScale("ordinal")[0];if(l){var u=l.dim+"Axis",c=t.getReferringComponents(u,ha).models[0].componentIndex;a[u]=a[u]||[];for(var h=0;h<=c;h++)a[u][c]=a[u][c]||{};a[u][c].boundaryGap="bar"===n}}}));var s=n;"stack"===n&&(o=C({stack:i.option.title.tiled,tiled:i.option.title.stack},i.option.title),"emphasis"!==i.get(["iconStatus",n])&&(s="tiled")),e.dispatchAction({type:"changeMagicType",currentType:s,newOption:a,newTitle:o,featureName:"magicType"})}},e}(sF),mF={line:function(t,e,n,i){if("bar"===t)return C({id:e,type:"line",data:n.get("data"),stack:n.get("stack"),markPoint:n.get("markPoint"),markLine:n.get("markLine")},i.get(["option","line"])||{},!0)},bar:function(t,e,n,i){if("line"===t)return C({id:e,type:"bar",data:n.get("data"),stack:n.get("stack"),markPoint:n.get("markPoint"),markLine:n.get("markLine")},i.get(["option","bar"])||{},!0)},stack:function(t,e,n,i){var r=n.get("stack")===gF;if("line"===t||"bar"===t)return i.setIconStatus("stack",r?"normal":"emphasis"),C({id:e,stack:r?"":gF},i.get(["option","stack"])||{},!0)}};Qx({type:"changeMagicType",event:"magicTypeChanged",update:"prepareAndUpdate"},(function(t,e){e.mergeOption(t.newOption)}));var xF=new Array(60).join("-"),_F="\t";function bF(t){return t.replace(/^\s\s*/,"").replace(/\s\s*$/,"")}var wF=new RegExp("[\t]+","g");function SF(t,e){var n=t.split(new RegExp("\n*"+xF+"\n*","g")),i={series:[]};return z(n,(function(t,n){if(function(t){if(t.slice(0,t.indexOf("\n")).indexOf(_F)>=0)return!0}(t)){var r=function(t){for(var e=t.split(/\n+/g),n=[],i=E(bF(e.shift()).split(wF),(function(t){return{name:t,data:[]}})),r=0;r<e.length;r++){var o=bF(e[r]).split(wF);n.push(o.shift());for(var a=0;a<o.length;a++)i[a]&&(i[a].data[r]=o[a])}return{series:i,categories:n}}(t),o=e[n],a=o.axisDim+"Axis";o&&(i[a]=i[a]||[],i[a][o.axisIndex]={data:r.categories},i.series=i.series.concat(r.series))}else{r=function(t){for(var e=t.split(/\n+/g),n=bF(e.shift()),i=[],r=0;r<e.length;r++){var o=bF(e[r]);if(o){var a=o.split(wF),s="",l=void 0,u=!1;isNaN(a[0])?(u=!0,s=a[0],a=a.slice(1),i[r]={name:s,value:[]},l=i[r].value):l=i[r]=[];for(var c=0;c<a.length;c++)l.push(+a[c]);1===l.length&&(u?i[r].value=l[0]:i[r]=l[0])}}return{name:n,data:i}}(t);i.series.push(r)}})),i}var MF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.onclick=function(t,e){setTimeout((function(){e.dispatchAction({type:"hideTip"})}));var n=e.getDom(),i=this.model;this._dom&&n.removeChild(this._dom);var r=document.createElement("div");r.style.cssText="position:absolute;top:0;bottom:0;left:0;right:0;padding:5px",r.style.backgroundColor=i.get("backgroundColor")||tf.color.neutral00;var o=document.createElement("h4"),a=i.get("lang")||[];o.innerHTML=a[0]||i.get("title"),o.style.cssText="margin:10px 20px",o.style.color=i.get("textColor");var s=document.createElement("div"),l=document.createElement("textarea");s.style.cssText="overflow:auto";var u=i.get("optionToContent"),c=i.get("contentToOption"),h=function(t){var e,n,i,r=function(t){var e={},n=[],i=[];return t.eachRawSeries((function(t){var r=t.coordinateSystem;if(!r||"cartesian2d"!==r.type&&"polar"!==r.type)n.push(t);else{var o=r.getBaseAxis();if("category"===o.type){var a=o.dim+"_"+o.index;e[a]||(e[a]={categoryAxis:o,valueAxis:r.getOtherAxis(o),series:[]},i.push({axisDim:o.dim,axisIndex:o.index})),e[a].series.push(t)}else n.push(t)}})),{seriesGroupByCategoryAxis:e,other:n,meta:i}}(t);return{value:V([(n=r.seriesGroupByCategoryAxis,i=[],z(n,(function(t,e){var n=t.categoryAxis,r=t.valueAxis.dim,o=[" "].concat(E(t.series,(function(t){return t.name}))),a=[n.model.getCategories()];z(t.series,(function(t){var e=t.getRawData();a.push(t.getRawData().mapArray(e.mapDimension(r),(function(t){return t})))}));for(var s=[o.join(_F)],l=0;l<a[0].length;l++){for(var u=[],c=0;c<a.length;c++)u.push(a[c][l]);s.push(u.join(_F))}i.push(s.join("\n"))})),i.join("\n\n"+xF+"\n\n")),(e=r.other,E(e,(function(t){var e=t.getRawData(),n=[t.name],i=[];return e.each(e.dimensions,(function(){for(var t=arguments.length,r=arguments[t-1],o=e.getName(r),a=0;a<t-1;a++)i[a]=arguments[a];n.push((o?o+_F:"")+i.join(_F))})),n.join("\n")})).join("\n\n"+xF+"\n\n"))],(function(t){return!!t.replace(/[\n\t\s]/g,"")})).join("\n\n"+xF+"\n\n"),meta:r.meta}}(t);if(Y(u)){var d=u(e.getOption());X(d)?s.innerHTML=d:J(d)&&s.appendChild(d)}else{l.readOnly=i.get("readOnly");var p=l.style;p.cssText="display:block;width:100%;height:100%;font-family:monospace;font-size:14px;line-height:1.6rem;resize:none;box-sizing:border-box;outline:none",p.color=i.get("textColor"),p.borderColor=i.get("textareaBorderColor"),p.backgroundColor=i.get("textareaColor"),l.value=h.value,s.appendChild(l)}var f=h.meta,g=document.createElement("div");g.style.cssText="position:absolute;bottom:5px;left:0;right:0";var y="float:right;margin-right:20px;border:none;cursor:pointer;padding:2px 5px;font-size:12px;border-radius:3px",v=document.createElement("div"),m=document.createElement("div");y+=";background-color:"+i.get("buttonColor"),y+=";color:"+i.get("buttonTextColor");var x=this;function _(){n.removeChild(r),x._dom=null}pe(v,"click",_),pe(m,"click",(function(){if(null==c&&null!=u||null!=c&&null==u)_();else{var t;try{t=Y(c)?c(s,e.getOption()):SF(l.value,f)}catch(t){throw _(),new Error("Data view format error "+t)}t&&e.dispatchAction({type:"changeDataView",newOption:t}),_()}})),v.innerHTML=a[1],m.innerHTML=a[2],m.style.cssText=v.style.cssText=y,!i.get("readOnly")&&g.appendChild(m),g.appendChild(v),r.appendChild(o),r.appendChild(s),r.appendChild(g),s.style.height=n.clientHeight-80+"px",n.appendChild(r),this._dom=r},e.prototype.remove=function(t,e){this._dom&&e.getDom().removeChild(this._dom)},e.prototype.dispose=function(t,e){this.remove(t,e)},e.getDefaultOption=function(t){return{show:!0,readOnly:!1,optionToContent:null,contentToOption:null,icon:"M17.5,17.3H33 M17.5,17.3H33 M45.4,29.5h-28 M11.5,2v56H51V14.8L38.4,2H11.5z M38.4,2.2v12.7H51 M45.4,41.7h-28",title:t.getLocaleModel().get(["toolbox","dataView","title"]),lang:t.getLocaleModel().get(["toolbox","dataView","lang"]),backgroundColor:tf.color.background,textColor:tf.color.primary,textareaColor:tf.color.background,textareaBorderColor:tf.color.border,buttonColor:tf.color.accent50,buttonTextColor:tf.color.neutral00}},e}(sF);function IF(t,e){return E(t,(function(t,n){var i=e&&e[n];if(q(i)&&!U(i)){q(t)&&!U(t)||(t={value:t});var r=null!=i.name&&null==t.name;return t=k(t,i),r&&delete t.name,t}return t}))}Qx({type:"changeDataView",event:"dataViewChanged",update:"prepareAndUpdate"},(function(t,e){var n=[];z(t.newOption.series,(function(t){var i=e.getSeriesByName(t.name)[0];if(i){var r=i.get("data");n.push({name:t.name,data:IF(t.data,r)})}else n.push(A({type:"scatter"},t))})),e.mergeOption(k({series:n},t.newOption))}));var TF=z,CF=sa();function DF(t){var e=CF(t);return e.snapshots||(e.snapshots=[{}]),e.snapshots}var AF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.onclick=function(t,e){!function(t){CF(t).snapshots=null}(t),e.dispatchAction({type:"restore",from:this.uid})},e.getDefaultOption=function(t){return{show:!0,icon:"M3.8,33.4 M47,18.9h9.8V8.7 M56.3,20.1 C52.1,9,40.5,0.6,26.8,2.1C12.6,3.7,1.6,16.2,2.1,30.6 M13,41.1H3.1v10.2 M3.7,39.9c4.2,11.1,15.8,19.5,29.5,18 c14.2-1.6,25.2-14.1,24.7-28.5",title:t.getLocaleModel().get(["toolbox","restore","title"])}},e}(sF);Qx({type:"restore",event:"restore",update:"prepareAndUpdate"},(function(t,e){e.resetOption("recreate")}));var kF=["grid","xAxis","yAxis","geo","graph","polar","radiusAxis","angleAxis","bmap"],LF=function(){function t(t,e,n){var i=this;this._targetInfoList=[];var r=OF(e,t);z(RF,(function(t,e){(!n||!n.include||P(n.include,e)>=0)&&t(r,i._targetInfoList)}))}return t.prototype.setOutputRanges=function(t,e){return this.matchOutputRanges(t,e,(function(t,e,n){if((t.coordRanges||(t.coordRanges=[])).push(e),!t.coordRange){t.coordRange=e;var i=EF[t.brushType](0,n,e);t.__rangeOffset={offset:VF[t.brushType](i.values,t.range,[1,1]),xyMinMax:i.xyMinMax}}})),t},t.prototype.matchOutputRanges=function(t,e,n){z(t,(function(t){var i=this.findTargetInfo(t,e);i&&!0!==i&&z(i.coordSyses,(function(i){var r=EF[t.brushType](1,i,t.range,!0);n(t,r.values,i,e)}))}),this)},t.prototype.setInputRanges=function(t,e){z(t,(function(t){var n,i,r,o,a,s=this.findTargetInfo(t,e);if(t.range=t.range||[],s&&!0!==s){t.panelId=s.panelId;var l=EF[t.brushType](0,s.coordSys,t.coordRange),u=t.__rangeOffset;t.range=u?VF[t.brushType](l.values,u.offset,(n=l.xyMinMax,i=u.xyMinMax,r=FF(n),o=FF(i),a=[r[0]/o[0],r[1]/o[1]],isNaN(a[0])&&(a[0]=1),isNaN(a[1])&&(a[1]=1),a)):l.values}}),this)},t.prototype.makePanelOpts=function(t,e){return E(this._targetInfoList,(function(n){var i=n.getPanelRect();return{panelId:n.panelId,defaultBrushType:e?e(n):null,clipPath:AR(i),isTargetByCursor:LR(i,t,n.coordSysModel),getLinearBrushOtherExtent:kR(i)}}))},t.prototype.controlSeries=function(t,e,n){var i=this.findTargetInfo(t,n);return!0===i||i&&P(i.coordSyses,e.coordinateSystem)>=0},t.prototype.findTargetInfo=function(t,e){for(var n=this._targetInfoList,i=OF(e,t),r=0;r<n.length;r++){var o=n[r],a=t.panelId;if(a){if(o.panelId===a)return o}else for(var s=0;s<NF.length;s++)if(NF[s](i,o))return o}return!0},t}();function PF(t){return t[0]>t[1]&&t.reverse(),t}function OF(t,e){return ua(t,e,{includeMainTypes:kF})}var RF={grid:function(t,e){var n=t.xAxisModels,i=t.yAxisModels,r=t.gridModels,o=yt(),a={},s={};(n||i||r)&&(z(n,(function(t){var e=t.axis.grid.model;o.set(e.id,e),a[e.id]=!0})),z(i,(function(t){var e=t.axis.grid.model;o.set(e.id,e),s[e.id]=!0})),z(r,(function(t){o.set(t.id,t),a[t.id]=!0,s[t.id]=!0})),o.each((function(t){var r=t.coordinateSystem,o=[];z(r.getCartesians(),(function(t,e){(P(n,t.getAxis("x").model)>=0||P(i,t.getAxis("y").model)>=0)&&o.push(t)})),e.push({panelId:"grid--"+t.id,gridModel:t,coordSysModel:t,coordSys:o[0],coordSyses:o,getPanelRect:zF.grid,xAxisDeclared:a[t.id],yAxisDeclared:s[t.id]})})))},geo:function(t,e){z(t.geoModels,(function(t){var n=t.coordinateSystem;e.push({panelId:"geo--"+t.id,geoModel:t,coordSysModel:t,coordSys:n,coordSyses:[n],getPanelRect:zF.geo})}))}},NF=[function(t,e){var n=t.xAxisModel,i=t.yAxisModel,r=t.gridModel;return!r&&n&&(r=n.axis.grid.model),!r&&i&&(r=i.axis.grid.model),r&&r===e.gridModel},function(t,e){var n=t.geoModel;return n&&n===e.geoModel}],zF={grid:function(){return this.coordSys.master.getRect().clone()},geo:function(){var t=this.coordSys,e=t.getBoundingRect().clone();return e.applyTransform(wh(t)),e}},EF={lineX:H(BF,0),lineY:H(BF,1),rect:function(t,e,n,i){var r=t?e.pointToData([n[0][0],n[1][0]],i):e.dataToPoint([n[0][0],n[1][0]],i),o=t?e.pointToData([n[0][1],n[1][1]],i):e.dataToPoint([n[0][1],n[1][1]],i),a=[PF([r[0],o[0]]),PF([r[1],o[1]])];return{values:a,xyMinMax:a}},polygon:function(t,e,n,i){var r=[[1/0,-1/0],[1/0,-1/0]];return{values:E(n,(function(n){var o=t?e.pointToData(n,i):e.dataToPoint(n,i);return r[0][0]=Math.min(r[0][0],o[0]),r[1][0]=Math.min(r[1][0],o[1]),r[0][1]=Math.max(r[0][1],o[0]),r[1][1]=Math.max(r[1][1],o[1]),o})),xyMinMax:r}}};function BF(t,e,n,i){var r=n.getAxis(["x","y"][t]),o=PF(E([0,1],(function(t){return e?r.coordToData(r.toLocalCoord(i[t]),!0):r.toGlobalCoord(r.dataToCoord(i[t]))}))),a=[];return a[t]=o,a[1-t]=[NaN,NaN],{values:o,xyMinMax:a}}var VF={lineX:H(GF,0),lineY:H(GF,1),rect:function(t,e,n){return[[t[0][0]-n[0]*e[0][0],t[0][1]-n[0]*e[0][1]],[t[1][0]-n[1]*e[1][0],t[1][1]-n[1]*e[1][1]]]},polygon:function(t,e,n){return E(t,(function(t,i){return[t[0]-n[0]*e[i][0],t[1]-n[1]*e[i][1]]}))}};function GF(t,e,n,i){return[e[0]-i[t]*n[0],e[1]-i[t]*n[1]]}function FF(t){return t?[t[0][1]-t[0][0],t[1][1]-t[1][0]]:[NaN,NaN]}var WF,HF,UF=z,YF=jo+"toolbox-dataZoom_",XF=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(t,e,n,i){this._brushController||(this._brushController=new JO(n.getZr()),this._brushController.on("brush",W(this._onBrush,this)).mount()),function(t,e,n,i,r){var o=n._isZoomActive;i&&"takeGlobalCursor"===i.type&&(o="dataZoomSelect"===i.key&&i.dataZoomSelectActive);n._isZoomActive=o,t.setIconStatus("zoom",o?"emphasis":"normal");var a=new LF(jF(t),e,{include:["grid"]}),s=a.makePanelOpts(r,(function(t){return t.xAxisDeclared&&!t.yAxisDeclared?"lineX":!t.xAxisDeclared&&t.yAxisDeclared?"lineY":"rect"}));n._brushController.setPanels(s).enableBrush(!(!o||!s.length)&&{brushType:"auto",brushStyle:t.getModel("brushStyle").getItemStyle()})}(t,e,this,i,n),function(t,e){t.setIconStatus("back",function(t){return DF(t).length}(e)>1?"emphasis":"normal")}(t,e)},e.prototype.onclick=function(t,e,n){ZF[n].call(this)},e.prototype.remove=function(t,e){this._brushController&&this._brushController.unmount()},e.prototype.dispose=function(t,e){this._brushController&&this._brushController.dispose()},e.prototype._onBrush=function(t){var e=t.areas;if(t.isEnd&&e.length){var n={},i=this.ecModel;this._brushController.updateCovers([]),new LF(jF(this.model),i,{include:["grid"]}).matchOutputRanges(e,i,(function(t,e,n){if("cartesian2d"===n.type){var i=t.brushType;"rect"===i?(r("x",n,e[0]),r("y",n,e[1])):r({lineX:"x",lineY:"y"}[i],n,e)}})),function(t,e){var n=DF(t);TF(e,(function(e,i){for(var r=n.length-1;r>=0&&!n[r][i];r--);if(r<0){var o=t.queryComponents({mainType:"dataZoom",subType:"select",id:i})[0];if(o){var a=o.getPercentRange();n[0][i]={dataZoomId:i,start:a[0],end:a[1]}}}})),n.push(e)}(i,n),this._dispatchZoomAction(n)}function r(t,e,r){var o=e.getAxis(t),a=o.model,s=function(t,e,n){var i;return n.eachComponent({mainType:"dataZoom",subType:"select"},(function(n){n.getAxisModel(t,e.componentIndex)&&(i=n)})),i}(t,a,i),l=s.findRepresentativeAxisProxy(a).getMinMaxSpan();null==l.minValueSpan&&null==l.maxValueSpan||(r=CO(0,r.slice(),o.scale.getExtent(),0,l.minValueSpan,l.maxValueSpan)),s&&(n[s.id]={dataZoomId:s.id,startValue:r[0],endValue:r[1]})}},e.prototype._dispatchZoomAction=function(t){var e=[];UF(t,(function(t,n){e.push(T(t))})),e.length&&this.api.dispatchAction({type:"dataZoom",from:this.uid,batch:e})},e.getDefaultOption=function(t){return{show:!0,filterMode:"filter",icon:{zoom:"M0,13.5h26.9 M13.5,26.9V0 M32.1,13.5H58V58H13.5 V32.1",back:"M22,1.4L9.9,13.5l12.3,12.3 M10.3,13.5H54.9v44.6 H10.3v-26"},title:t.getLocaleModel().get(["toolbox","dataZoom","title"]),brushStyle:{borderWidth:0,color:tf.color.backgroundTint}}},e}(sF),ZF={zoom:function(){var t=!this._isZoomActive;this.api.dispatchAction({type:"takeGlobalCursor",key:"dataZoomSelect",dataZoomSelectActive:t})},back:function(){this._dispatchZoomAction(function(t){var e=DF(t),n=e[e.length-1];e.length>1&&e.pop();var i={};return TF(n,(function(t,n){for(var r=e.length-1;r>=0;r--)if(t=e[r][n]){i[n]=t;break}})),i}(this.ecModel))}};function jF(t){var e={xAxisIndex:t.get("xAxisIndex",!0),yAxisIndex:t.get("yAxisIndex",!0),xAxisId:t.get("xAxisId",!0),yAxisId:t.get("yAxisId",!0)};return null==e.xAxisIndex&&null==e.xAxisId&&(e.xAxisIndex="all"),null==e.yAxisIndex&&null==e.yAxisId&&(e.yAxisIndex="all"),e}WF="dataZoom",HF=function(t){var e=t.getComponent("toolbox",0),n=["feature","dataZoom"];if(e&&null!=e.get(n)){var i=e.getModel(n),r=[],o=ua(t,jF(i));return UF(o.xAxisModels,(function(t){return a(t,"xAxis","xAxisIndex")})),UF(o.yAxisModels,(function(t){return a(t,"yAxis","yAxisIndex")})),r}function a(t,e,n){var o=t.componentIndex,a={type:"select",$fromToolbox:!0,filterMode:i.get("filterMode",!0)||"filter",id:YF+e+o};a[n]=o,r.push(a)}},lt(null==Df.get(WF)&&HF),Df.set(WF,HF);var qF=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="tooltip",e.dependencies=["axisPointer"],e.defaultOption={z:60,show:!0,showContent:!0,trigger:"item",triggerOn:"mousemove|click",alwaysShowContent:!1,renderMode:"auto",confine:null,showDelay:0,hideDelay:100,transitionDuration:.4,displayTransition:!0,enterable:!1,backgroundColor:tf.color.neutral00,shadowBlur:10,shadowColor:"rgba(0, 0, 0, .2)",shadowOffsetX:1,shadowOffsetY:2,borderRadius:4,borderWidth:1,defaultBorderColor:tf.color.border,padding:null,extraCssText:"",axisPointer:{type:"line",axis:"auto",animation:"auto",animationDurationUpdate:200,animationEasingUpdate:"exponentialOut",crossStyle:{color:tf.color.borderShade,width:1,type:"dashed",textStyle:{}}},textStyle:{color:tf.color.tertiary,fontSize:14}},e}(Qp);function KF(t){var e=t.get("confine");return null!=e?!!e:"richText"===t.get("renderMode")}function $F(t){if(r.domSupported)for(var e=document.documentElement.style,n=0,i=t.length;n<i;n++)if(t[n]in e)return t[n]}var JF=$F(["transform","webkitTransform","OTransform","MozTransform","msTransform"]);function QF(t,e){if(!t)return e;e=gp(e,!0);var n=t.indexOf(e);return(t=-1===n?e:"-"+t.slice(0,n)+"-"+e).toLowerCase()}var tW=QF($F(["webkitTransition","transition","OTransition","MozTransition","msTransition"]),"transition"),eW=QF(JF,"transform"),nW="position:absolute;display:block;border-style:solid;white-space:nowrap;z-index:9999999;"+(r.transform3dSupported?"will-change:transform;":"");function iW(t,e,n){var i=t.toFixed(0)+"px",o=e.toFixed(0)+"px";if(!r.transformSupported)return n?"top:"+o+";left:"+i+";":[["top",o],["left",i]];var a=r.transform3dSupported,s="translate"+(a?"3d":"")+"("+i+","+o+(a?",0":"")+")";return n?"top:0;left:0;"+eW+":"+s+";":[["top",0],["left",0],[JF,s]]}function rW(t,e,n,i){var o=[],a=t.get("transitionDuration"),s=t.get("backgroundColor"),l=t.get("shadowBlur"),u=t.get("shadowColor"),c=t.get("shadowOffsetX"),h=t.get("shadowOffsetY"),d=t.getModel("textStyle"),p=zy(t,"html"),f=c+"px "+h+"px "+l+"px "+u;return o.push("box-shadow:"+f),e&&a>0&&o.push(function(t,e,n){var i="cubic-bezier(0.23,1,0.32,1)",o="",a="";return n&&(a="opacity"+(o=" "+t/2+"s "+i)+",visibility"+o),e||(o=" "+t+"s "+i,a+=(a.length?",":"")+(r.transformSupported?""+eW+o:",left"+o+",top"+o)),tW+":"+a}(a,n,i)),s&&o.push("background-color:"+s),z(["width","color","radius"],(function(e){var n="border-"+e,i=gp(n),r=t.get(i);null!=r&&o.push(n+":"+r+("color"===e?"":"px"))})),o.push(function(t){var e=[],n=t.get("fontSize"),i=t.getTextColor();i&&e.push("color:"+i),e.push("font:"+t.getFont());var r=rt(t.get("lineHeight"),Math.round(3*n/2));n&&e.push("line-height:"+r+"px");var o=t.get("textShadowColor"),a=t.get("textShadowBlur")||0,s=t.get("textShadowOffsetX")||0,l=t.get("textShadowOffsetY")||0;return o&&a&&e.push("text-shadow:"+s+"px "+l+"px "+a+"px "+o),z(["decoration","align"],(function(n){var i=t.get(n);i&&e.push("text-"+n+":"+i)})),e.join(";")}(d)),null!=p&&o.push("padding:"+yp(p).join("px ")+"px"),o.join(";")+";"}function oW(t,e,n,i,r){var o=e&&e.painter;if(n){var a=o&&o.getViewportRoot();a&&function(t,e,n,i,r){ee(te,e,i,r,!0)&&ee(t,n,te[0],te[1])}(t,a,n,i,r)}else{t[0]=i,t[1]=r;var s=o&&o.getViewportRootOffset();s&&(t[0]+=s.offsetLeft,t[1]+=s.offsetTop)}t[2]=t[0]/e.getWidth(),t[3]=t[1]/e.getHeight()}var aW=function(){function t(t,e){if(this._show=!1,this._styleCoord=[0,0,0,0],this._enterable=!0,this._alwaysShowContent=!1,this._firstShow=!0,this._longHide=!0,r.wxa)return null;var n=document.createElement("div");n.domBelongToZr=!0,this.el=n;var i=this._zr=t.getZr(),o=e.appendTo,a=o&&(X(o)?document.querySelector(o):J(o)?o:Y(o)&&o(t.getDom()));oW(this._styleCoord,i,a,t.getWidth()/2,t.getHeight()/2),(a||t.getDom()).appendChild(n),this._api=t,this._container=a;var s=this;n.onmouseenter=function(){s._enterable&&(clearTimeout(s._hideTimeout),s._show=!0),s._inContent=!0},n.onmousemove=function(t){if(t=t||window.event,!s._enterable){var e=i.handler;de(i.painter.getViewportRoot(),t,!0),e.dispatch("mousemove",t)}},n.onmouseleave=function(){s._inContent=!1,s._enterable&&s._show&&s.hideLater(s._hideDelay)}}return t.prototype.update=function(t){if(!this._container){var e=this._api.getDom(),n=(o="position",(a=(r=e).currentStyle||document.defaultView&&document.defaultView.getComputedStyle(r))?o?a[o]:a:null),i=e.style;"absolute"!==i.position&&"absolute"!==n&&(i.position="relative")}var r,o,a,s=t.get("alwaysShowContent");s&&this._moveIfResized(),this._alwaysShowContent=s,this._enableDisplayTransition=t.get("displayTransition")&&t.get("transitionDuration")>0,this.el.className=t.get("className")||""},t.prototype.show=function(t,e){clearTimeout(this._hideTimeout),clearTimeout(this._longHideTimeout);var n=this.el,i=n.style,r=this._styleCoord;n.innerHTML?i.cssText=nW+rW(t,!this._firstShow,this._longHide,this._enableDisplayTransition)+iW(r[0],r[1],!0)+"border-color:"+wp(e)+";"+(t.get("extraCssText")||"")+";pointer-events:"+(this._enterable?"auto":"none"):i.display="none",this._show=!0,this._firstShow=!1,this._longHide=!1},t.prototype.setContent=function(t,e,n,i,r){var o=this.el;if(null!=t){var a="";if(X(r)&&"item"===n.get("trigger")&&!KF(n)&&(a=function(t,e,n){if(!X(n)||"inside"===n)return"";var i=t.get("backgroundColor"),r=t.get("borderWidth");e=wp(e);var o,a,s="left"===(o=n)?"right":"right"===o?"left":"top"===o?"bottom":"top",l=Math.max(1.5*Math.round(r),6),u="",c=eW+":";P(["left","right"],s)>-1?(u+="top:50%",c+="translateY(-50%) rotate("+(a="left"===s?-225:-45)+"deg)"):(u+="left:50%",c+="translateX(-50%) rotate("+(a="top"===s?225:45)+"deg)");var h=a*Math.PI/180,d=l+r,p=d*Math.abs(Math.cos(h))+d*Math.abs(Math.sin(h)),f=e+" solid "+r+"px;";return'<div style="'+["position:absolute;width:"+l+"px;height:"+l+"px;z-index:-1;",(u+=";"+s+":-"+Math.round(100*((p-Math.SQRT2*r)/2+Math.SQRT2*r-(p-d)/2))/100+"px")+";"+c+";","border-bottom:"+f,"border-right:"+f,"background-color:"+i+";"].join("")+'"></div>'}(n,i,r)),X(t))o.innerHTML=t+a;else if(t){o.innerHTML="",U(t)||(t=[t]);for(var s=0;s<t.length;s++)J(t[s])&&t[s].parentNode!==o&&o.appendChild(t[s]);if(a&&o.childNodes.length){var l=document.createElement("div");l.innerHTML=a,o.appendChild(l)}}}else o.innerHTML=""},t.prototype.setEnterable=function(t){this._enterable=t},t.prototype.getSize=function(){var t=this.el;return t?[t.offsetWidth,t.offsetHeight]:[0,0]},t.prototype.moveTo=function(t,e){if(this.el){var n=this._styleCoord;if(oW(n,this._zr,this._container,t,e),null!=n[0]&&null!=n[1]){var i=this.el.style;z(iW(n[0],n[1]),(function(t){i[t[0]]=t[1]}))}}},t.prototype._moveIfResized=function(){var t=this._styleCoord[2],e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())},t.prototype.hide=function(){var t=this,e=this.el.style;this._enableDisplayTransition?(e.visibility="hidden",e.opacity="0"):e.display="none",r.transform3dSupported&&(e.willChange=""),this._show=!1,this._longHideTimeout=setTimeout((function(){return t._longHide=!0}),500)},t.prototype.hideLater=function(t){!this._show||this._inContent&&this._enterable||this._alwaysShowContent||(t?(this._hideDelay=t,this._show=!1,this._hideTimeout=setTimeout(W(this.hide,this),t)):this.hide())},t.prototype.isShow=function(){return this._show},t.prototype.dispose=function(){clearTimeout(this._hideTimeout),clearTimeout(this._longHideTimeout);var t=this._zr;!function(t,e){function n(t){var e=t[Qt];e&&(e.clearMarkers&&e.clearMarkers(),delete t[Qt])}t&&n(t),e&&n(e)}(t&&t.painter&&t.painter.getViewportRoot(),this._container);var e=this.el;if(e){e.onmouseenter=e.onmousemove=e.onmouseleave=null;var n=e.parentNode;n&&n.removeChild(e)}this.el=this._container=null},t}(),sW=function(){function t(t){this._show=!1,this._styleCoord=[0,0,0,0],this._alwaysShowContent=!1,this._enterable=!0,this._zr=t.getZr(),cW(this._styleCoord,this._zr,t.getWidth()/2,t.getHeight()/2)}return t.prototype.update=function(t){var e=t.get("alwaysShowContent");e&&this._moveIfResized(),this._alwaysShowContent=e},t.prototype.show=function(){this._hideTimeout&&clearTimeout(this._hideTimeout),this.el.show(),this._show=!0},t.prototype.setContent=function(t,e,n,i,r){var o=this;q(t)&&Yo(""),this.el&&this._zr.remove(this.el);var a=n.getModel("textStyle");this.el=new Sl({style:{rich:e.richTextStyles,text:t,lineHeight:22,borderWidth:1,borderColor:i,textShadowColor:a.get("textShadowColor"),fill:n.get(["textStyle","color"]),padding:zy(n,"richText"),verticalAlign:"top",align:"left"},z:n.get("z")}),z(["backgroundColor","borderRadius","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"],(function(t){o.el.style[t]=n.get(t)})),z(["textShadowBlur","textShadowOffsetX","textShadowOffsetY"],(function(t){o.el.style[t]=a.get(t)||0})),this._zr.add(this.el);var s=this;this.el.on("mouseover",(function(){s._enterable&&(clearTimeout(s._hideTimeout),s._show=!0),s._inContent=!0})),this.el.on("mouseout",(function(){s._enterable&&s._show&&s.hideLater(s._hideDelay),s._inContent=!1}))},t.prototype.setEnterable=function(t){this._enterable=t},t.prototype.getSize=function(){var t=this.el,e=this.el.getBoundingRect(),n=uW(t.style);return[e.width+n.left+n.right,e.height+n.top+n.bottom]},t.prototype.moveTo=function(t,e){var n=this.el;if(n){var i=this._styleCoord;cW(i,this._zr,t,e),t=i[0],e=i[1];var r=n.style,o=lW(r.borderWidth||0),a=uW(r);n.x=t+o+a.left,n.y=e+o+a.top,n.markRedraw()}},t.prototype._moveIfResized=function(){var t=this._styleCoord[2],e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())},t.prototype.hide=function(){this.el&&this.el.hide(),this._show=!1},t.prototype.hideLater=function(t){!this._show||this._inContent&&this._enterable||this._alwaysShowContent||(t?(this._hideDelay=t,this._show=!1,this._hideTimeout=setTimeout(W(this.hide,this),t)):this.hide())},t.prototype.isShow=function(){return this._show},t.prototype.dispose=function(){this._zr.remove(this.el)},t}();function lW(t){return Math.max(0,t)}function uW(t){var e=lW(t.shadowBlur||0),n=lW(t.shadowOffsetX||0),i=lW(t.shadowOffsetY||0);return{left:lW(e-n),right:lW(e+n),top:lW(e-i),bottom:lW(e+i)}}function cW(t,e,n,i){t[0]=n,t[1]=i,t[2]=t[0]/e.getWidth(),t[3]=t[1]/e.getHeight()}var hW=new xl({shape:{x:-1,y:-1,width:2,height:2}}),dW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){if(!r.node&&e.getDom()){var n,i=t.getComponent("tooltip"),o=this._renderMode="auto"===(n=i.get("renderMode"))?r.domSupported?"html":"richText":n||"html";this._tooltipContent="richText"===o?new sW(e):new aW(e,{appendTo:i.get("appendToBody",!0)?"body":i.get("appendTo",!0)})}},e.prototype.render=function(t,e,n){if(!r.node&&n.getDom()){this.group.removeAll(),this._tooltipModel=t,this._ecModel=e,this._api=n;var i=this._tooltipContent;i.update(t),i.setEnterable(t.get("enterable")),this._initGlobalListener(),this._keepShow(),"richText"!==this._renderMode&&t.get("transitionDuration")?cv(this,"_updatePosition",50,"fixRate"):hv(this,"_updatePosition")}},e.prototype._initGlobalListener=function(){var t=this._tooltipModel.get("triggerOn");mB("itemTooltip",this._api,W((function(e,n,i){"none"!==t&&(t.indexOf(e)>=0?this._tryShow(n,i):"leave"===e&&this._hide(i))}),this))},e.prototype._keepShow=function(){var t=this._tooltipModel,e=this._ecModel,n=this._api,i=t.get("triggerOn");if(null!=this._lastX&&null!=this._lastY&&"none"!==i&&"click"!==i){var r=this;clearTimeout(this._refreshUpdateTimeout),this._refreshUpdateTimeout=setTimeout((function(){!n.isDisposed()&&r.manuallyShowTip(t,e,n,{x:r._lastX,y:r._lastY,dataByCoordSys:r._lastDataByCoordSys})}))}},e.prototype.manuallyShowTip=function(t,e,n,i){if(i.from!==this.uid&&!r.node&&n.getDom()){var o=fW(i,n);this._ticket="";var a=i.dataByCoordSys,s=function(t,e,n){var i=ca(t).queryOptionMap,r=i.keys()[0];if(!r||"series"===r)return;var o=pa(e,r,i.get(r),{useDefault:!1,enableAll:!1,enableNone:!1}),a=o.models[0];if(!a)return;var s,l=n.getViewOfComponentModel(a);if(l.group.traverse((function(e){var n=zl(e).tooltipConfig;if(n&&n.name===t.name)return s=e,!0})),s)return{componentMainType:r,componentIndex:a.componentIndex,el:s}}(i,e,n);if(s){var l=s.el.getBoundingRect().clone();l.applyTransform(s.el.transform),this._tryShow({offsetX:l.x+l.width/2,offsetY:l.y+l.height/2,target:s.el,position:i.position,positionDefault:"bottom"},o)}else if(i.tooltip&&null!=i.x&&null!=i.y){var u=hW;u.x=i.x,u.y=i.y,u.update(),zl(u).tooltipConfig={name:null,option:i.tooltip},this._tryShow({offsetX:i.x,offsetY:i.y,target:u},o)}else if(a)this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,dataByCoordSys:a,tooltipOption:i.tooltipOption},o);else if(null!=i.seriesIndex){if(this._manuallyAxisShowTip(t,e,n,i))return;var c=SB(i,e),h=c.point[0],d=c.point[1];null!=h&&null!=d&&this._tryShow({offsetX:h,offsetY:d,target:c.el,position:i.position,positionDefault:"bottom"},o)}else null!=i.x&&null!=i.y&&(n.dispatchAction({type:"updateAxisPointer",x:i.x,y:i.y}),this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,target:n.getZr().findHover(i.x,i.y).target},o))}},e.prototype.manuallyHideTip=function(t,e,n,i){var r=this._tooltipContent;this._tooltipModel&&r.hideLater(this._tooltipModel.get("hideDelay")),this._lastX=this._lastY=this._lastDataByCoordSys=null,i.from!==this.uid&&this._hide(fW(i,n))},e.prototype._manuallyAxisShowTip=function(t,e,n,i){var r=i.seriesIndex,o=i.dataIndex,a=e.getComponent("axisPointer").coordSysAxesInfo;if(null!=r&&null!=o&&null!=a){var s=e.getSeriesByIndex(r);if(s)if("axis"===pW([s.getData().getItemModel(o),s,(s.coordinateSystem||{}).model],this._tooltipModel).get("trigger"))return n.dispatchAction({type:"updateAxisPointer",seriesIndex:r,dataIndex:o,position:i.position}),!0}},e.prototype._tryShow=function(t,e){var n=t.target;if(this._tooltipModel){this._lastX=t.offsetX,this._lastY=t.offsetY;var i=t.dataByCoordSys;if(i&&i.length)this._showAxisTooltip(i,t);else if(n){var r,o;if("legend"===zl(n).ssrType)return;this._lastDataByCoordSys=null,Qv(n,(function(t){if(t.tooltipDisabled)return r=o=null,!0;r||o||(null!=zl(t).dataIndex?r=t:null!=zl(t).tooltipConfig&&(o=t))}),!0),r?this._showSeriesItemTooltip(t,r,e):o?this._showComponentItemTooltip(t,o,e):this._hide(e)}else this._lastDataByCoordSys=null,this._hide(e)}},e.prototype._showOrMove=function(t,e){var n=t.get("showDelay");e=W(e,this),clearTimeout(this._showTimout),n>0?this._showTimout=setTimeout(e,n):e()},e.prototype._showAxisTooltip=function(t,e){var n=this._ecModel,i=this._tooltipModel,r=[e.offsetX,e.offsetY],o=pW([e.tooltipOption],i),a=this._renderMode,s=[],l=Ty("section",{blocks:[],noHeader:!0}),u=[],c=new Ey;z(t,(function(t){z(t.dataByAxis,(function(t){var e=n.getComponent(t.axisDim+"Axis",t.axisIndex),r=t.value;if(e&&null!=r){var o=oB(r,e.axis,n,t.seriesDataIndices,t.valueLabelOpt),h=Ty("section",{header:o,noHeader:!ut(o),sortBlocks:!0,blocks:[]});l.blocks.push(h),z(t.seriesDataIndices,(function(l){var d=n.getSeriesByIndex(l.seriesIndex),p=l.dataIndexInside,f=d.getDataParams(p);if(!(f.dataIndex<0)){f.axisDim=t.axisDim,f.axisIndex=t.axisIndex,f.axisType=t.axisType,f.axisId=t.axisId,f.axisValue=qb(e.axis,{value:r}),f.axisValueLabel=o,f.marker=c.makeTooltipMarker("item",wp(f.color),a);var g=Wg(d.formatTooltip(p,!0,null)),y=g.frag;if(y){var v=pW([d],i).get("valueFormatter");h.blocks.push(v?A({valueFormatter:v},y):y)}g.text&&u.push(g.text),s.push(f)}}))}}))})),l.blocks.reverse(),u.reverse();var h=e.position,d=o.get("order"),p=Py(l,c,a,d,n.get("useUTC"),o.get("textStyle"));p&&u.unshift(p);var f="richText"===a?"\n\n":"<br/>",g=u.join(f);this._showOrMove(o,(function(){this._updateContentNotChangedOnAxis(t,s)?this._updatePosition(o,h,r[0],r[1],this._tooltipContent,s):this._showTooltipContent(o,g,s,Math.random()+"",r[0],r[1],h,null,c)}))},e.prototype._showSeriesItemTooltip=function(t,e,n){var i=this._ecModel,r=zl(e),o=r.seriesIndex,a=i.getSeriesByIndex(o),s=r.dataModel||a,l=r.dataIndex,u=r.dataType,c=s.getData(u),h=this._renderMode,d=t.positionDefault,p=pW([c.getItemModel(l),s,a&&(a.coordinateSystem||{}).model],this._tooltipModel,d?{position:d}:null),f=p.get("trigger");if(null==f||"item"===f){var g=s.getDataParams(l,u),y=new Ey;g.marker=y.makeTooltipMarker("item",wp(g.color),h);var v=Wg(s.formatTooltip(l,!1,u)),m=p.get("order"),x=p.get("valueFormatter"),_=v.frag,b=_?Py(x?A({valueFormatter:x},_):_,y,h,m,i.get("useUTC"),p.get("textStyle")):v.text,w="item_"+s.name+"_"+l;this._showOrMove(p,(function(){this._showTooltipContent(p,b,g,w,t.offsetX,t.offsetY,t.position,t.target,y)})),n({type:"showTip",dataIndexInside:l,dataIndex:c.getRawIndex(l),seriesIndex:o,from:this.uid})}},e.prototype._showComponentItemTooltip=function(t,e,n){var i="html"===this._renderMode,r=zl(e),o=r.tooltipConfig.option||{},a=o.encodeHTMLContent;if(X(o)){o={content:o,formatter:o},a=!0}a&&i&&o.content&&((o=T(o)).content=oe(o.content));var s=[o],l=this._ecModel.getComponent(r.componentMainType,r.componentIndex);l&&s.push(l),s.push({formatter:o.content});var u=t.positionDefault,c=pW(s,this._tooltipModel,u?{position:u}:null),h=c.get("content"),d=Math.random()+"",p=new Ey;this._showOrMove(c,(function(){var n=T(c.get("formatterParams")||{});this._showTooltipContent(c,h,n,d,t.offsetX,t.offsetY,t.position,e,p)})),n({type:"showTip",from:this.uid})},e.prototype._showTooltipContent=function(t,e,n,i,r,o,a,s,l){if(this._ticket="",t.get("showContent")&&t.get("show")){var u=this._tooltipContent;u.setEnterable(t.get("enterable"));var c=t.get("formatter");a=a||t.get("position");var h=e,d=this._getNearestPoint([r,o],n,t.get("trigger"),t.get("borderColor"),t.get("defaultBorderColor",!0)).color;if(c)if(X(c)){var p=t.ecModel.get("useUTC"),f=U(n)?n[0]:n;h=c,f&&f.axisType&&f.axisType.indexOf("time")>=0&&(h=$d(f.axisValue,h,p)),h=_p(h,n,!0)}else if(Y(c)){var g=W((function(e,i){e===this._ticket&&(u.setContent(i,l,t,d,a),this._updatePosition(t,a,r,o,u,n,s))}),this);this._ticket=i,h=c(n,i,g)}else h=c;u.setContent(h,l,t,d,a),u.show(t,d),this._updatePosition(t,a,r,o,u,n,s)}},e.prototype._getNearestPoint=function(t,e,n,i,r){return"axis"===n||U(e)?{color:i||r}:U(e)?void 0:{color:i||e.color||e.borderColor}},e.prototype._updatePosition=function(t,e,n,i,r,o,a){var s=this._api.getWidth(),l=this._api.getHeight();e=e||t.get("position");var u=r.getSize(),c=t.get("align"),h=t.get("verticalAlign"),d=a&&a.getBoundingRect().clone();if(a&&d.applyTransform(a.transform),Y(e)&&(e=e([n,i],o,r.el,d,{viewSize:[s,l],contentSize:u.slice()})),U(e))n=yo(e[0],s),i=yo(e[1],l);else if(q(e)){var p=e;p.width=u[0],p.height=u[1];var f=Hp(p,{width:s,height:l});n=f.x,i=f.y,c=null,h=null}else if(X(e)&&a){var g=function(t,e,n,i){var r=n[0],o=n[1],a=Math.ceil(Math.SQRT2*i)+8,s=0,l=0,u=e.width,c=e.height;switch(t){case"inside":s=e.x+u/2-r/2,l=e.y+c/2-o/2;break;case"top":s=e.x+u/2-r/2,l=e.y-o-a;break;case"bottom":s=e.x+u/2-r/2,l=e.y+c+a;break;case"left":s=e.x-r-a,l=e.y+c/2-o/2;break;case"right":s=e.x+u+a,l=e.y+c/2-o/2}return[s,l]}(e,d,u,t.get("borderWidth"));n=g[0],i=g[1]}else{g=function(t,e,n,i,r,o,a){var s=n.getSize(),l=s[0],u=s[1];null!=o&&(t+l+o+2>i?t-=l+o:t+=o);null!=a&&(e+u+a>r?e-=u+a:e+=a);return[t,e]}(n,i,r,s,l,c?null:20,h?null:20);n=g[0],i=g[1]}if(c&&(n-=gW(c)?u[0]/2:"right"===c?u[0]:0),h&&(i-=gW(h)?u[1]/2:"bottom"===h?u[1]:0),KF(t)){g=function(t,e,n,i,r){var o=n.getSize(),a=o[0],s=o[1];return t=Math.min(t+a,i)-a,e=Math.min(e+s,r)-s,t=Math.max(t,0),e=Math.max(e,0),[t,e]}(n,i,r,s,l);n=g[0],i=g[1]}r.moveTo(n,i)},e.prototype._updateContentNotChangedOnAxis=function(t,e){var n=this._lastDataByCoordSys,i=this._cbParamsList,r=!!n&&n.length===t.length;return r&&z(n,(function(n,o){var a=n.dataByAxis||[],s=(t[o]||{}).dataByAxis||[];(r=r&&a.length===s.length)&&z(a,(function(t,n){var o=s[n]||{},a=t.seriesDataIndices||[],l=o.seriesDataIndices||[];(r=r&&t.value===o.value&&t.axisType===o.axisType&&t.axisId===o.axisId&&a.length===l.length)&&z(a,(function(t,e){var n=l[e];r=r&&t.seriesIndex===n.seriesIndex&&t.dataIndex===n.dataIndex})),i&&z(t.seriesDataIndices,(function(t){var n=t.seriesIndex,o=e[n],a=i[n];o&&a&&a.data!==o.data&&(r=!1)}))}))})),this._lastDataByCoordSys=t,this._cbParamsList=e,!!r},e.prototype._hide=function(t){this._lastDataByCoordSys=null,t({type:"hideTip",from:this.uid})},e.prototype.dispose=function(t,e){!r.node&&e.getDom()&&(hv(this,"_updatePosition"),this._tooltipContent.dispose(),bB("itemTooltip",e))},e.type="tooltip",e}(Ky);function pW(t,e,n){var i,r=e.ecModel;n?(i=new wd(n,r,r),i=new wd(e.option,i,r)):i=e;for(var o=t.length-1;o>=0;o--){var a=t[o];a&&(a instanceof wd&&(a=a.get("tooltip",!0)),X(a)&&(a={formatter:a}),a&&(i=new wd(a,i,r)))}return i}function fW(t,e){return t.dispatchAction||W(e.dispatchAction,e)}function gW(t){return"center"===t||"middle"===t}var yW=["rect","polygon","keep","clear"];function vW(t,e){var n=qo(t?t.brush:[]);if(n.length){var i=[];z(n,(function(t){var e=t.hasOwnProperty("toolbox")?t.toolbox:[];e instanceof Array&&(i=i.concat(e))}));var r=t&&t.toolbox;U(r)&&(r=r[0]),r||(r={feature:{}},t.toolbox=[r]);var o=r.feature||(r.feature={}),a=o.brush||(o.brush={}),s=a.type||(a.type=[]);s.push.apply(s,i),function(t){var e={};z(t,(function(t){e[t]=1})),t.length=0,z(e,(function(e,n){t.push(n)}))}(s),e&&!s.length&&s.push.apply(s,yW)}}var mW=z;function xW(t){if(t)for(var e in t)if(t.hasOwnProperty(e))return!0}function _W(t,e,n){var i={};return mW(e,(function(e){var r,o=i[e]=((r=function(){}).prototype.__hidden=r.prototype,new r);mW(t[e],(function(t,i){if(hL.isValidType(i)){var r={type:i,visual:t};n&&n(r,e),o[i]=new hL(r),"opacity"===i&&((r=T(r)).type="colorAlpha",o.__hidden.__alphaForOpacity=new hL(r))}}))})),i}function bW(t,e,n){var i;z(n,(function(t){e.hasOwnProperty(t)&&xW(e[t])&&(i=!0)})),i&&z(n,(function(n){e.hasOwnProperty(n)&&xW(e[n])?t[n]=T(e[n]):delete t[n]}))}var wW={lineX:SW(0),lineY:SW(1),rect:{point:function(t,e,n){return t&&n.boundingRect.contain(t[0],t[1])},rect:function(t,e,n){return t&&n.boundingRect.intersect(t)}},polygon:{point:function(t,e,n){return t&&n.boundingRect.contain(t[0],t[1])&&aw(n.range,t[0],t[1])},rect:function(t,e,n){var i=n.range;if(!t||i.length<=1)return!1;var r=t.x,o=t.y,a=t.width,s=t.height,l=i[0];return!!(aw(i,r,o)||aw(i,r+a,o)||aw(i,r,o+s)||aw(i,r+a,o+s)||He.create(t).contain(l[0],l[1])||kh(r,o,r+a,o,i)||kh(r,o,r,o+s,i)||kh(r+a,o,r+a,o+s,i)||kh(r,o+s,r+a,o+s,i))||void 0}}};function SW(t){var e=["x","y"],n=["width","height"];return{point:function(e,n,i){if(e){var r=i.range;return MW(e[t],r)}},rect:function(i,r,o){if(i){var a=o.range,s=[i[e[t]],i[e[t]]+i[n[t]]];return s[1]<s[0]&&s.reverse(),MW(s[0],a)||MW(s[1],a)||MW(a[0],s)||MW(a[1],s)}}}}function MW(t,e){return e[0]<=t&&t<=e[1]}var IW=["inBrush","outOfBrush"],TW="__ecBrushSelect",CW="__ecInBrushSelectEvent";function DW(t){t.eachComponent({mainType:"brush"},(function(e){(e.brushTargetManager=new LF(e.option,t)).setInputRanges(e.areas,t)}))}function AW(t,e,n){var i,r,o=[];t.eachComponent({mainType:"brush"},(function(t){n&&"takeGlobalCursor"===n.type&&t.setBrushOption("brush"===n.key?n.brushOption:{brushType:!1})})),DW(t),t.eachComponent({mainType:"brush"},(function(e,n){var a={brushId:e.id,brushIndex:n,brushName:e.name,areas:T(e.areas),selected:[]};o.push(a);var s=e.option,l=s.brushLink,u=[],c=[],h=[],d=!1;n||(i=s.throttleType,r=s.throttleDelay);var p=E(e.areas,(function(t){var e=PW[t.brushType],n=k({boundingRect:e?e(t):void 0},t);return n.selectors=function(t){var e=t.brushType,n={point:function(i){return wW[e].point(i,n,t)},rect:function(i){return wW[e].rect(i,n,t)}};return n}(n),n})),f=_W(e.option,IW,(function(t){t.mappingMethod="fixed"}));function g(t){return"all"===l||!!u[t]}function y(t){return!!t.length}U(l)&&z(l,(function(t){u[t]=1})),t.eachSeries((function(n,i){var r=h[i]=[];"parallel"===n.subType?function(t,e){var n=t.coordinateSystem;d=d||n.hasAxisBrushed(),g(e)&&n.eachActiveState(t.getData(),(function(t,e){"active"===t&&(c[e]=1)}))}(n,i):function(n,i,r){if(!n.brushSelector||function(t,e){var n=t.option.seriesIndex;return null!=n&&"all"!==n&&(U(n)?P(n,e)<0:e!==n)}(e,i))return;if(z(p,(function(i){e.brushTargetManager.controlSeries(i,n,t)&&r.push(i),d=d||y(r)})),g(i)&&y(r)){var o=n.getData();o.each((function(t){LW(n,r,o,t)&&(c[t]=1)}))}}(n,i,r)})),t.eachSeries((function(t,e){var n={seriesId:t.id,seriesIndex:e,seriesName:t.name,dataIndex:[]};a.selected.push(n);var i=h[e],r=t.getData(),o=g(e)?function(t){return c[t]?(n.dataIndex.push(r.getRawIndex(t)),"inBrush"):"outOfBrush"}:function(e){return LW(t,i,r,e)?(n.dataIndex.push(r.getRawIndex(e)),"inBrush"):"outOfBrush"};(g(e)?d:y(i))&&function(t,e,n,i,r,o){var a,s={};function l(t){return jv(n,a,t)}function u(t,e){Kv(n,a,t,e)}function c(t,c){a=null==o?t:c;var h=n.getRawDataItem(a);if(!h||!1!==h.visualMap)for(var d=i.call(r,t),p=e[d],f=s[d],g=0,y=f.length;g<y;g++){var v=f[g];p[v]&&p[v].applyVisual(t,l,u)}}z(t,(function(t){var n=hL.prepareVisualTypes(e[t]);s[t]=n})),null==o?n.each(c):n.each([o],c)}(IW,f,r,o)}))})),function(t,e,n,i,r){if(!r)return;var o=t.getZr();if(o[CW])return;o[TW]||(o[TW]=kW);var a=cv(o,TW,n,e);a(t,i)}(e,i,r,o,n)}function kW(t,e){if(!t.isDisposed()){var n=t.getZr();n[CW]=!0,t.dispatchAction({type:"brushSelect",batch:e}),n[CW]=!1}}function LW(t,e,n,i){for(var r=0,o=e.length;r<o;r++){var a=e[r];if(t.brushSelector(i,n,a.selectors,a))return!0}}var PW={rect:function(t){return OW(t.range)},polygon:function(t){for(var e,n=t.range,i=0,r=n.length;i<r;i++){e=e||[[1/0,-1/0],[1/0,-1/0]];var o=n[i];o[0]<e[0][0]&&(e[0][0]=o[0]),o[0]>e[0][1]&&(e[0][1]=o[0]),o[1]<e[1][0]&&(e[1][0]=o[1]),o[1]>e[1][1]&&(e[1][1]=o[1])}return e&&OW(e)}};function OW(t){return new He(t[0][0],t[1][0],t[0][1]-t[0][0],t[1][1]-t[1][0])}var RW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){this.ecModel=t,this.api=e,this.model,(this._brushController=new JO(e.getZr())).on("brush",W(this._onBrush,this)).mount()},e.prototype.render=function(t,e,n,i){this.model=t,this._updateController(t,e,n,i)},e.prototype.updateTransform=function(t,e,n,i){DW(e),this._updateController(t,e,n,i)},e.prototype.updateVisual=function(t,e,n,i){this.updateTransform(t,e,n,i)},e.prototype.updateView=function(t,e,n,i){this._updateController(t,e,n,i)},e.prototype._updateController=function(t,e,n,i){(!i||i.$from!==t.id)&&this._brushController.setPanels(t.brushTargetManager.makePanelOpts(n)).enableBrush(t.brushOption).updateCovers(t.areas.slice())},e.prototype.dispose=function(){this._brushController.dispose()},e.prototype._onBrush=function(t){var e=this.model.id,n=this.model.brushTargetManager.setOutputRanges(t.areas,this.ecModel);(!t.isEnd||t.removeOnClick)&&this.api.dispatchAction({type:"brush",brushId:e,areas:T(n),$from:e}),t.isEnd&&this.api.dispatchAction({type:"brushEnd",brushId:e,areas:T(n),$from:e})},e.type="brush",e}(Ky),NW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.areas=[],n.brushOption={},n}return n(e,t),e.prototype.optionUpdated=function(t,e){var n=this.option;!e&&bW(n,t,["inBrush","outOfBrush"]);var i=n.inBrush=n.inBrush||{};n.outOfBrush=n.outOfBrush||{color:this.option.defaultOutOfBrushColor},i.hasOwnProperty("liftZ")||(i.liftZ=5)},e.prototype.setAreas=function(t){t&&(this.areas=E(t,(function(t){return zW(this.option,t)}),this))},e.prototype.setBrushOption=function(t){this.brushOption=zW(this.option,t),this.brushType=this.brushOption.brushType},e.type="brush",e.dependencies=["geo","grid","xAxis","yAxis","parallel","series"],e.defaultOption={seriesIndex:"all",brushType:"rect",brushMode:"single",transformable:!0,brushStyle:{borderWidth:1,color:tf.color.backgroundTint,borderColor:tf.color.borderTint},throttleType:"fixRate",throttleDelay:0,removeOnClick:!0,z:1e4,defaultOutOfBrushColor:tf.color.disabled},e}(Qp);function zW(t,e){return C({brushType:t.brushType,brushMode:t.brushMode,transformable:t.transformable,brushStyle:new wd(t.brushStyle).getItemStyle(),removeOnClick:t.removeOnClick,z:t.z},e,!0)}var EW=["rect","polygon","lineX","lineY","keep","clear"],BW=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(t,e,n){var i,r,o;e.eachComponent({mainType:"brush"},(function(t){i=t.brushType,r=t.brushOption.brushMode||"single",o=o||!!t.areas.length})),this._brushType=i,this._brushMode=r,z(t.get("type",!0),(function(e){t.setIconStatus(e,("keep"===e?"multiple"===r:"clear"===e?o:e===i)?"emphasis":"normal")}))},e.prototype.updateView=function(t,e,n){this.render(t,e,n)},e.prototype.getIcons=function(){var t=this.model,e=t.get("icon",!0),n={};return z(t.get("type",!0),(function(t){e[t]&&(n[t]=e[t])})),n},e.prototype.onclick=function(t,e,n){var i=this._brushType,r=this._brushMode;"clear"===n?(e.dispatchAction({type:"axisAreaSelect",intervals:[]}),e.dispatchAction({type:"brush",command:"clear",areas:[]})):e.dispatchAction({type:"takeGlobalCursor",key:"brush",brushOption:{brushType:"keep"===n?i:i!==n&&n,brushMode:"keep"===n?"multiple"===r?"single":"multiple":r}})},e.getDefaultOption=function(t){return{show:!0,type:EW.slice(),icon:{rect:"M7.3,34.7 M0.4,10V-0.2h9.8 M89.6,10V-0.2h-9.8 M0.4,60v10.2h9.8 M89.6,60v10.2h-9.8 M12.3,22.4V10.5h13.1 M33.6,10.5h7.8 M49.1,10.5h7.8 M77.5,22.4V10.5h-13 M12.3,31.1v8.2 M77.7,31.1v8.2 M12.3,47.6v11.9h13.1 M33.6,59.5h7.6 M49.1,59.5 h7.7 M77.5,47.6v11.9h-13",polygon:"M55.2,34.9c1.7,0,3.1,1.4,3.1,3.1s-1.4,3.1-3.1,3.1 s-3.1-1.4-3.1-3.1S53.5,34.9,55.2,34.9z M50.4,51c1.7,0,3.1,1.4,3.1,3.1c0,1.7-1.4,3.1-3.1,3.1c-1.7,0-3.1-1.4-3.1-3.1 C47.3,52.4,48.7,51,50.4,51z M55.6,37.1l1.5-7.8 M60.1,13.5l1.6-8.7l-7.8,4 M59,19l-1,5.3 M24,16.1l6.4,4.9l6.4-3.3 M48.5,11.6 l-5.9,3.1 M19.1,12.8L9.7,5.1l1.1,7.7 M13.4,29.8l1,7.3l6.6,1.6 M11.6,18.4l1,6.1 M32.8,41.9 M26.6,40.4 M27.3,40.2l6.1,1.6 M49.9,52.1l-5.6-7.6l-4.9-1.2",lineX:"M15.2,30 M19.7,15.6V1.9H29 M34.8,1.9H40.4 M55.3,15.6V1.9H45.9 M19.7,44.4V58.1H29 M34.8,58.1H40.4 M55.3,44.4 V58.1H45.9 M12.5,20.3l-9.4,9.6l9.6,9.8 M3.1,29.9h16.5 M62.5,20.3l9.4,9.6L62.3,39.7 M71.9,29.9H55.4",lineY:"M38.8,7.7 M52.7,12h13.2v9 M65.9,26.6V32 M52.7,46.3h13.2v-9 M24.9,12H11.8v9 M11.8,26.6V32 M24.9,46.3H11.8v-9 M48.2,5.1l-9.3-9l-9.4,9.2 M38.9-3.9V12 M48.2,53.3l-9.3,9l-9.4-9.2 M38.9,62.3V46.4",keep:"M4,10.5V1h10.3 M20.7,1h6.1 M33,1h6.1 M55.4,10.5V1H45.2 M4,17.3v6.6 M55.6,17.3v6.6 M4,30.5V40h10.3 M20.7,40 h6.1 M33,40h6.1 M55.4,30.5V40H45.2 M21,18.9h62.9v48.6H21V18.9z",clear:"M22,14.7l30.9,31 M52.9,14.7L22,45.7 M4.7,16.8V4.2h13.1 M26,4.2h7.8 M41.6,4.2h7.8 M70.3,16.8V4.2H57.2 M4.7,25.9v8.6 M70.3,25.9v8.6 M4.7,43.2v12.6h13.1 M26,55.8h7.8 M41.6,55.8h7.8 M70.3,43.2v12.6H57.2"},title:t.getLocaleModel().get(["toolbox","brush","title"])}},e}(sF);var VW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.layoutMode={type:"box",ignoreSize:!0},n}return n(e,t),e.type="title",e.defaultOption={z:6,show:!0,text:"",target:"blank",subtext:"",subtarget:"blank",left:"center",top:tf.size.m,backgroundColor:tf.color.transparent,borderColor:tf.color.primary,borderWidth:0,padding:5,itemGap:10,textStyle:{fontSize:18,fontWeight:"bold",color:tf.color.primary},subtextStyle:{fontSize:12,color:tf.color.quaternary}},e}(Qp),GW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){if(this.group.removeAll(),t.get("show")){var i=this.group,r=t.getModel("textStyle"),o=t.getModel("subtextStyle"),a=t.get("textAlign"),s=rt(t.get("textBaseline"),t.get("textVerticalAlign")),l=new Sl({style:Qh(r,{text:t.get("text"),fill:r.getTextColor()},{disableBox:!0}),z2:10}),u=l.getBoundingRect(),c=t.get("subtext"),h=new Sl({style:Qh(o,{text:c,fill:o.getTextColor(),y:u.height+t.get("itemGap"),verticalAlign:"top"},{disableBox:!0}),z2:10}),d=t.get("link"),p=t.get("sublink"),f=t.get("triggerEvent",!0);l.silent=!d&&!f,h.silent=!p&&!f,d&&l.on("click",(function(){Sp(d,"_"+t.get("target"))})),p&&h.on("click",(function(){Sp(p,"_"+t.get("subtarget"))})),zl(l).eventData=zl(h).eventData=f?{componentType:"title",componentIndex:t.componentIndex}:null,i.add(l),c&&i.add(h);var g=i.getBoundingRect(),y=t.getBoxLayoutParams();y.width=g.width,y.height=g.height;var v=Hp(y,Xp(t,n).refContainer,t.get("padding"));a||("middle"===(a=t.get("left")||t.get("right"))&&(a="center"),"right"===a?v.x+=v.width:"center"===a&&(v.x+=v.width/2)),s||("center"===(s=t.get("top")||t.get("bottom"))&&(s="middle"),"bottom"===s?v.y+=v.height:"middle"===s&&(v.y+=v.height/2),s=s||"top"),i.x=v.x,i.y=v.y,i.markRedraw();var m={align:a,verticalAlign:s};l.setStyle(m),h.setStyle(m),g=i.getBoundingRect();var x=v.margin,_=t.getItemStyle(["color","opacity"]);_.fill=t.get("backgroundColor");var b=new xl({shape:{x:g.x-x[3],y:g.y-x[0],width:g.width+x[1]+x[3],height:g.height+x[0]+x[2],r:t.get("borderRadius")},style:_,subPixelOptimize:!0,silent:!0});i.add(b)}},e.type="title",e}(Ky);var FW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.layoutMode="box",n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n),this._initData()},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),this._initData()},e.prototype.setCurrentIndex=function(t){null==t&&(t=this.option.currentIndex);var e=this._data.count();this.option.loop?t=(t%e+e)%e:(t>=e&&(t=e-1),t<0&&(t=0)),this.option.currentIndex=t},e.prototype.getCurrentIndex=function(){return this.option.currentIndex},e.prototype.isIndexMax=function(){return this.getCurrentIndex()>=this._data.count()-1},e.prototype.setPlayState=function(t){this.option.autoPlay=!!t},e.prototype.getPlayState=function(){return!!this.option.autoPlay},e.prototype._initData=function(){var t,e=this.option,n=e.data||[],i=e.axisType,r=this._names=[];"category"===i?(t=[],z(n,(function(e,n){var i,o=ia(Jo(e),"");q(e)?(i=T(e)).value=n:i=n,t.push(i),r.push(o)}))):t=n;var o={category:"ordinal",time:"time",value:"number"}[i]||"number";(this._data=new B_([{name:"value",type:o}],this)).initData(t,r)},e.prototype.getData=function(){return this._data},e.prototype.getCategories=function(){if("category"===this.get("axisType"))return this._names.slice()},e.type="timeline",e.defaultOption={z:4,show:!0,axisType:"time",realtime:!0,left:"20%",top:null,right:"20%",bottom:0,width:null,height:40,padding:tf.size.m,controlPosition:"left",autoPlay:!1,rewind:!1,loop:!0,playInterval:2e3,currentIndex:0,itemStyle:{},label:{color:tf.color.secondary},data:[]},e}(Qp),WW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="timeline.slider",e.defaultOption=Id(FW.defaultOption,{backgroundColor:"rgba(0,0,0,0)",borderColor:tf.color.border,borderWidth:0,orient:"horizontal",inverse:!1,tooltip:{trigger:"item"},symbol:"circle",symbolSize:12,lineStyle:{show:!0,width:2,color:tf.color.accent10},label:{position:"auto",show:!0,interval:"auto",rotate:0,color:tf.color.tertiary},itemStyle:{color:tf.color.accent20,borderWidth:0},checkpointStyle:{symbol:"circle",symbolSize:15,color:tf.color.accent50,borderColor:tf.color.accent50,borderWidth:0,shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,shadowColor:"rgba(0, 0, 0, 0)",animation:!0,animationDuration:300,animationEasing:"quinticInOut"},controlStyle:{show:!0,showPlayBtn:!0,showPrevBtn:!0,showNextBtn:!0,itemSize:24,itemGap:12,position:"left",playIcon:"path://M15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0ZM15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM11.5 10.6699C11.5 9.90014 12.3333 9.41887 13 9.80371L20.5 14.1338C21.1667 14.5187 21.1667 15.4813 20.5 15.8662L13 20.1963C12.3333 20.5811 11.5 20.0999 11.5 19.3301V10.6699Z",stopIcon:"path://M15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0ZM15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM11.5 10C12.3284 10 13 10.6716 13 11.5V18.5C13 19.3284 12.3284 20 11.5 20C10.6716 20 10 19.3284 10 18.5V11.5C10 10.6716 10.6716 10 11.5 10ZM18.5 10C19.3284 10 20 10.6716 20 11.5V18.5C20 19.3284 19.3284 20 18.5 20C17.6716 20 17 19.3284 17 18.5V11.5C17 10.6716 17.6716 10 18.5 10Z",nextIcon:"path://M0.838834 18.7383C0.253048 18.1525 0.253048 17.2028 0.838834 16.617L7.55635 9.89949L0.838834 3.18198C0.253048 2.59619 0.253048 1.64645 0.838834 1.06066C1.42462 0.474874 2.37437 0.474874 2.96015 1.06066L10.7383 8.83883L10.8412 8.95277C11.2897 9.50267 11.2897 10.2963 10.8412 10.8462L10.7383 10.9602L2.96015 18.7383C2.37437 19.3241 1.42462 19.3241 0.838834 18.7383Z",prevIcon:"path://M10.9602 1.06066C11.5459 1.64645 11.5459 2.59619 10.9602 3.18198L4.24264 9.89949L10.9602 16.617C11.5459 17.2028 11.5459 18.1525 10.9602 18.7383C10.3744 19.3241 9.42462 19.3241 8.83883 18.7383L1.06066 10.9602L0.957771 10.8462C0.509245 10.2963 0.509245 9.50267 0.957771 8.95277L1.06066 8.83883L8.83883 1.06066C9.42462 0.474874 10.3744 0.474874 10.9602 1.06066Z",prevBtnSize:18,nextBtnSize:18,color:tf.color.accent50,borderColor:tf.color.accent50,borderWidth:0},emphasis:{label:{show:!0,color:tf.color.accent60},itemStyle:{color:tf.color.accent60,borderColor:tf.color.accent60},controlStyle:{color:tf.color.accent70,borderColor:tf.color.accent70}},progress:{lineStyle:{color:tf.color.accent30},itemStyle:{color:tf.color.accent40}},data:[]}),e}(FW);R(WW,Fg.prototype);var HW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="timeline",e}(Ky),UW=function(t){function e(e,n,i,r){var o=t.call(this,e,n,i)||this;return o.type=r||"value",o}return n(e,t),e.prototype.getLabelModel=function(){return this.model.getModel("label")},e.prototype.isHorizontal=function(){return"horizontal"===this.model.get("orient")},e}(Ww),YW=Math.PI,XW=sa(),ZW=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){this.api=e},e.prototype.render=function(t,e,n){if(this.model=t,this.api=n,this.ecModel=e,this.group.removeAll(),t.get("show",!0)){var i=this._layout(t,n),r=this._createGroup("_mainGroup"),o=this._createGroup("_labelGroup"),a=this._axis=this._createAxis(i,t);t.formatTooltip=function(t){return Ty("nameValue",{noName:!0,value:a.scale.getLabel({value:t})})},z(["AxisLine","AxisTick","Control","CurrentPointer"],(function(e){this["_render"+e](i,r,a,t)}),this),this._renderAxisLabel(i,o,a,t),this._position(i,t)}this._doPlayStop(),this._updateTicksStatus()},e.prototype.remove=function(){this._clearTimer(),this.group.removeAll()},e.prototype.dispose=function(){this._clearTimer()},e.prototype._layout=function(t,e){var n,i,r,o,a=t.get(["label","position"]),s=t.get("orient"),l=function(t,e){return Hp(t.getBoxLayoutParams(),Xp(t,e).refContainer,t.get("padding"))}(t,e),u={horizontal:"center",vertical:(n=null==a||"auto"===a?"horizontal"===s?l.y+l.height/2<e.getHeight()/2?"-":"+":l.x+l.width/2<e.getWidth()/2?"+":"-":X(a)?{horizontal:{top:"-",bottom:"+"},vertical:{left:"-",right:"+"}}[s][a]:a)>=0||"+"===n?"left":"right"},c={horizontal:n>=0||"+"===n?"top":"bottom",vertical:"middle"},h={horizontal:0,vertical:YW/2},d="vertical"===s?l.height:l.width,p=t.getModel("controlStyle"),f=p.get("show",!0),g=f?p.get("itemSize"):0,y=f?p.get("itemGap"):0,v=g+y,m=t.get(["label","rotate"])||0;m=m*YW/180;var x=p.get("position",!0),_=f&&p.get("showPlayBtn",!0),b=f&&p.get("showPrevBtn",!0),w=f&&p.get("showNextBtn",!0),S=0,M=d;"left"===x||"bottom"===x?(_&&(i=[0,0],S+=v),b&&(r=[S,0],S+=v),w&&(o=[M-g,0],M-=v)):(_&&(i=[M-g,0],M-=v),b&&(r=[0,0],S+=v),w&&(o=[M-g,0],M-=v));var I=[S,M];return t.get("inverse")&&I.reverse(),{viewRect:l,mainLength:d,orient:s,rotation:h[s],labelRotation:m,labelPosOpt:n,labelAlign:t.get(["label","align"])||u[s],labelBaseline:t.get(["label","verticalAlign"])||t.get(["label","baseline"])||c[s],playPosition:i,prevBtnPosition:r,nextBtnPosition:o,axisExtent:I,controlSize:g,controlGap:y}},e.prototype._position=function(t,e){var n=this._mainGroup,i=this._labelGroup,r=t.viewRect;if("vertical"===t.orient){var o=[1,0,0,1,0,0],a=r.x,s=r.y+r.height;Se(o,o,[-a,-s]),Me(o,o,-YW/2),Se(o,o,[a,s]),(r=r.clone()).applyTransform(o)}var l=y(r),u=y(n.getBoundingRect()),c=y(i.getBoundingRect()),h=[n.x,n.y],d=[i.x,i.y];d[0]=h[0]=l[0][0];var p,f=t.labelPosOpt;null==f||X(f)?(v(h,u,l,1,p="+"===f?0:1),v(d,c,l,1,1-p)):(v(h,u,l,1,p=f>=0?0:1),d[1]=h[1]+f);function g(t){t.originX=l[0][0]-t.x,t.originY=l[1][0]-t.y}function y(t){return[[t.x,t.x+t.width],[t.y,t.y+t.height]]}function v(t,e,n,i,r){t[i]+=n[i][r]-e[i][r]}n.setPosition(h),i.setPosition(d),n.rotation=i.rotation=t.rotation,g(n),g(i)},e.prototype._createAxis=function(t,e){var n=e.getData(),i=e.get("axisType"),r=function(t,e){if(e=e||t.get("type"),e)switch(e){case"category":return new lb({ordinalMeta:t.getCategories(),extent:[1/0,-1/0]});case"time":return new Mb({locale:t.ecModel.getLocaleModel(),useUTC:t.ecModel.get("useUTC")});default:return new cb}}(e,i);r.getTicks=function(){return n.mapArray(["value"],(function(t){return{value:t}}))};var o=n.getDataExtent("value");r.setExtent(o[0],o[1]),r.calcNiceTicks();var a=new UW("value",r,t.axisExtent,i);return a.model=e,a},e.prototype._createGroup=function(t){var e=this[t]=new to;return this.group.add(e),e},e.prototype._renderAxisLine=function(t,e,n,i){var r=n.getExtent();if(i.get(["lineStyle","show"])){var o=new Ac({shape:{x1:r[0],y1:0,x2:r[1],y2:0},style:A({lineCap:"round"},i.getModel("lineStyle").getLineStyle()),silent:!0,z2:1});e.add(o);var a=this._progressLine=new Ac({shape:{x1:r[0],x2:this._currentPointer?this._currentPointer.x:r[0],y1:0,y2:0},style:k({lineCap:"round",lineWidth:o.style.lineWidth},i.getModel(["progress","lineStyle"]).getLineStyle()),silent:!0,z2:1});e.add(a)}},e.prototype._renderAxisTick=function(t,e,n,i){var r=this,o=i.getData(),a=n.scale.getTicks();this._tickSymbols=[],z(a,(function(t){var a=n.dataToCoord(t.value),s=o.getItemModel(t.value),l=s.getModel("itemStyle"),u=s.getModel(["emphasis","itemStyle"]),c=s.getModel(["progress","itemStyle"]),h={x:a,y:0,onclick:W(r._changeTimeline,r,t.value)},d=jW(s,l,e,h);d.ensureState("emphasis").style=u.getItemStyle(),d.ensureState("progress").style=c.getItemStyle(),Iu(d);var p=zl(d);s.get("tooltip")?(p.dataIndex=t.value,p.dataModel=i):p.dataIndex=p.dataModel=null,r._tickSymbols.push(d)}))},e.prototype._renderAxisLabel=function(t,e,n,i){var r=this;if(n.getLabelModel().get("show")){var o=i.getData(),a=n.getViewLabels();this._tickLabels=[],z(a,(function(i){var a=i.tickValue,s=o.getItemModel(a),l=s.getModel("label"),u=s.getModel(["emphasis","label"]),c=s.getModel(["progress","label"]),h=n.dataToCoord(i.tickValue),d=new Sl({x:h,y:0,rotation:t.labelRotation-t.rotation,onclick:W(r._changeTimeline,r,a),silent:!1,style:Qh(l,{text:i.formattedLabel,align:t.labelAlign,verticalAlign:t.labelBaseline})});d.ensureState("emphasis").style=Qh(u),d.ensureState("progress").style=Qh(c),e.add(d),Iu(d),XW(d).dataIndex=a,r._tickLabels.push(d)}))}},e.prototype._renderControl=function(t,e,n,i){var r=t.controlSize,o=t.rotation,a=i.getModel("controlStyle").getItemStyle(),s=i.getModel(["emphasis","controlStyle"]).getItemStyle(),l=i.getPlayState(),u=i.get("inverse",!0);function c(t,n,l,u){if(t){var c=Fr(rt(i.get(["controlStyle",n+"BtnSize"]),r),r),h=function(t,e,n,i){var r=i.style,o=Ah(t.get(["controlStyle",e]),i||{},new He(n[0],n[1],n[2],n[3]));r&&o.setStyle(r);return o}(i,n+"Icon",[0,-c/2,c,c],{x:t[0],y:t[1],originX:r/2,originY:0,rotation:u?-o:0,rectHover:!0,style:a,onclick:l});h.ensureState("emphasis").style=s,e.add(h),Iu(h)}}c(t.nextBtnPosition,"next",W(this._changeTimeline,this,u?"-":"+")),c(t.prevBtnPosition,"prev",W(this._changeTimeline,this,u?"+":"-")),c(t.playPosition,l?"stop":"play",W(this._handlePlayClick,this,!l),!0)},e.prototype._renderCurrentPointer=function(t,e,n,i){var r=i.getData(),o=i.getCurrentIndex(),a=r.getItemModel(o).getModel("checkpointStyle"),s=this,l={onCreate:function(t){t.draggable=!0,t.drift=W(s._handlePointerDrag,s),t.ondragend=W(s._handlePointerDragend,s),qW(t,s._progressLine,o,n,i,!0)},onUpdate:function(t){qW(t,s._progressLine,o,n,i)}};this._currentPointer=jW(a,a,this._mainGroup,{},this._currentPointer,l)},e.prototype._handlePlayClick=function(t){this._clearTimer(),this.api.dispatchAction({type:"timelinePlayChange",playState:t,from:this.uid})},e.prototype._handlePointerDrag=function(t,e,n){this._clearTimer(),this._pointerChangeTimeline([n.offsetX,n.offsetY])},e.prototype._handlePointerDragend=function(t){this._pointerChangeTimeline([t.offsetX,t.offsetY],!0)},e.prototype._pointerChangeTimeline=function(t,e){var n=this._toAxisCoord(t)[0],i=xo(this._axis.getExtent().slice());n>i[1]&&(n=i[1]),n<i[0]&&(n=i[0]),this._currentPointer.x=n,this._currentPointer.markRedraw();var r=this._progressLine;r&&(r.shape.x2=n,r.dirty());var o=this._findNearestTick(n),a=this.model;(e||o!==a.getCurrentIndex()&&a.get("realtime"))&&this._changeTimeline(o)},e.prototype._doPlayStop=function(){var t=this;this._clearTimer(),this.model.getPlayState()&&(this._timer=setTimeout((function(){var e=t.model;t._changeTimeline(e.getCurrentIndex()+(e.get("rewind",!0)?-1:1))}),this.model.get("playInterval")))},e.prototype._toAxisCoord=function(t){return Sh(t,this._mainGroup.getLocalTransform(),!0)},e.prototype._findNearestTick=function(t){var e,n=this.model.getData(),i=1/0,r=this._axis;return n.each(["value"],(function(n,o){var a=r.dataToCoord(n),s=Math.abs(a-t);s<i&&(i=s,e=o)})),e},e.prototype._clearTimer=function(){this._timer&&(clearTimeout(this._timer),this._timer=null)},e.prototype._changeTimeline=function(t){var e=this.model.getCurrentIndex();"+"===t?t=e+1:"-"===t&&(t=e-1),this.api.dispatchAction({type:"timelineChange",currentIndex:t,from:this.uid})},e.prototype._updateTicksStatus=function(){var t=this.model.getCurrentIndex(),e=this._tickSymbols,n=this._tickLabels;if(e)for(var i=0;i<e.length;i++)e&&e[i]&&e[i].toggleState("progress",i<t);if(n)for(i=0;i<n.length;i++)n&&n[i]&&n[i].toggleState("progress",XW(n[i]).dataIndex<=t)},e.type="timeline.slider",e}(HW);function jW(t,e,n,i,r,o){var a=e.get("color");r?(r.setColor(a),n.add(r),o&&o.onUpdate(r)):((r=hm(t.get("symbol"),-1,-1,2,2,a)).setStyle("strokeNoScale",!0),n.add(r),o&&o.onCreate(r));var s=e.getItemStyle(["color"]);r.setStyle(s),i=C({rectHover:!0,z2:100},i,!0);var l=dm(t.get("symbolSize"));i.scaleX=l[0]/2,i.scaleY=l[1]/2;var u=pm(t.get("symbolOffset"),l);u&&(i.x=(i.x||0)+u[0],i.y=(i.y||0)+u[1]);var c=t.get("symbolRotate");return i.rotation=(c||0)*Math.PI/180||0,r.attr(i),r.updateTransform(),r}function qW(t,e,n,i,r,o){if(!t.dragging){var a=r.getModel("checkpointStyle"),s=i.dataToCoord(r.getData().get("value",n));if(o||!a.get("animation",!0))t.attr({x:s,y:0}),e&&e.attr({shape:{x2:s}});else{var l={duration:a.get("animationDuration",!0),easing:a.get("animationEasing",!0)};t.stopAnimation(null,!0),t.animateTo({x:s,y:0},l),e&&e.animateTo({shape:{x2:s}},l)}}}function KW(t){var e=t&&t.timeline;U(e)||(e=e?[e]:[]),z(e,(function(t){t&&function(t){var e=t.type,n={number:"value",time:"time"};n[e]&&(t.axisType=n[e],delete t.type);if($W(t),JW(t,"controlPosition")){var i=t.controlStyle||(t.controlStyle={});JW(i,"position")||(i.position=t.controlPosition),"none"!==i.position||JW(i,"show")||(i.show=!1,delete i.position),delete t.controlPosition}z(t.data||[],(function(t){q(t)&&!U(t)&&(!JW(t,"value")&&JW(t,"name")&&(t.value=t.name),$W(t))}))}(t)}))}function $W(t){var e=t.itemStyle||(t.itemStyle={}),n=e.emphasis||(e.emphasis={}),i=t.label||t.label||{},r=i.normal||(i.normal={}),o={normal:1,emphasis:1};z(i,(function(t,e){o[e]||JW(r,e)||(r[e]=t)})),n.label&&!JW(i,"emphasis")&&(i.emphasis=n.label,delete n.label)}function JW(t,e){return t.hasOwnProperty(e)}function QW(t,e){if(!t)return!1;for(var n=U(t)?t:[t],i=0;i<n.length;i++)if(n[i]&&n[i][e])return!0;return!1}function tH(t){Ko(t,"label",["show"])}var eH=sa(),nH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.createdBySelf=!1,n.preventAutoZ=!0,n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n),this._mergeOption(t,n,!1,!0)},e.prototype.isAnimationEnabled=function(){if(r.node)return!1;var t=this.__hostSeries;return this.getShallow("animation")&&t&&t.isAnimationEnabled()},e.prototype.mergeOption=function(t,e){this._mergeOption(t,e,!1,!1)},e.prototype._mergeOption=function(t,e,n,i){var r=this.mainType;n||e.eachSeries((function(t){var n=t.get(this.mainType,!0),o=eH(t)[r];n&&n.data?(o?o._mergeOption(n,e,!0):(i&&tH(n),z(n.data,(function(t){t instanceof Array?(tH(t[0]),tH(t[1])):tH(t)})),A(o=this.createMarkerModelFromSeries(n,this,e),{mainType:this.mainType,seriesIndex:t.seriesIndex,name:t.name,createdBySelf:!0}),o.__hostSeries=t),eH(t)[r]=o):eH(t)[r]=null}),this)},e.prototype.formatTooltip=function(t,e,n){var i=this.getData(),r=this.getRawValue(t),o=i.getName(t);return Ty("section",{header:this.name,blocks:[Ty("nameValue",{name:o,value:r,noName:!o,noValue:null==r})]})},e.prototype.getData=function(){return this._data},e.prototype.setData=function(t){this._data=t},e.prototype.getDataParams=function(t,e){var n=Fg.prototype.getDataParams.call(this,t,e),i=this.__hostSeries;return i&&(n.seriesId=i.id,n.seriesName=i.name,n.seriesType=i.subType),n},e.getMarkerModelFromSeries=function(t,e){return eH(t)[e]},e.type="marker",e.dependencies=["series","grid","polar","geo"],e}(Qp);R(nH,Fg.prototype);var iH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.createMarkerModelFromSeries=function(t,n,i){return new e(t,n,i)},e.type="markPoint",e.defaultOption={z:5,symbol:"pin",symbolSize:50,tooltip:{trigger:"item"},label:{show:!0,position:"inside"},itemStyle:{borderWidth:2},emphasis:{label:{show:!0}}},e}(nH);function rH(t){return!(isNaN(parseFloat(t.x))&&isNaN(parseFloat(t.y)))}function oH(t,e,n,i,r,o,a){var s=[],l=Y_(e,r)?e.getCalculationInfo("stackResultDimension"):r,u=hH(e,l,t),c=e.hostModel.indicesOfNearest(n,l,u)[0];s[o]=e.get(i,c),s[a]=e.get(l,c);var h=e.get(r,c),d=_o(e.get(r,c));return(d=Math.min(d,20))>=0&&(s[a]=+s[a].toFixed(d)),[s,h]}var aH={min:H(oH,"min"),max:H(oH,"max"),average:H(oH,"average"),median:H(oH,"median")};function sH(t,e){if(e){var n=t.getData(),i=t.coordinateSystem,r=i&&i.dimensions;if(!function(t){return!isNaN(parseFloat(t.x))&&!isNaN(parseFloat(t.y))}(e)&&!U(e.coord)&&U(r)){var o=lH(e,n,i,t);if((e=T(e)).type&&aH[e.type]&&o.baseAxis&&o.valueAxis){var a=P(r,o.baseAxis.dim),s=P(r,o.valueAxis.dim),l=aH[e.type](n,o.valueAxis.dim,o.baseDataDim,o.valueDataDim,a,s);e.coord=l[0],e.value=l[1]}else e.coord=[null!=e.xAxis?e.xAxis:e.radiusAxis,null!=e.yAxis?e.yAxis:e.angleAxis]}if(null!=e.coord&&U(r))for(var u=e.coord,c=0;c<2;c++)aH[u[c]]&&(u[c]=hH(n,n.mapDimension(r[c]),u[c]));else{e.coord=[];var h=t.getBaseAxis();if(h&&e.type&&aH[e.type]){var d=i.getOtherAxis(h);d&&(e.value=hH(n,n.mapDimension(d.dim),e.type))}}return e}}function lH(t,e,n,i){var r={};return null!=t.valueIndex||null!=t.valueDim?(r.valueDataDim=null!=t.valueIndex?e.getDimension(t.valueIndex):t.valueDim,r.valueAxis=n.getAxis(function(t,e){var n=t.getData().getDimensionInfo(e);return n&&n.coordDim}(i,r.valueDataDim)),r.baseAxis=n.getOtherAxis(r.valueAxis),r.baseDataDim=e.mapDimension(r.baseAxis.dim)):(r.baseAxis=i.getBaseAxis(),r.valueAxis=n.getOtherAxis(r.baseAxis),r.baseDataDim=e.mapDimension(r.baseAxis.dim),r.valueDataDim=e.mapDimension(r.valueAxis.dim)),r}function uH(t,e){return!(t&&t.containData&&e.coord&&!rH(e))||t.containData(e.coord)}function cH(t,e){return t?function(t,n,i,r){return Xg(r<2?t.coord&&t.coord[r]:t.value,e[r])}:function(t,n,i,r){return Xg(t.value,e[r])}}function hH(t,e,n){if("average"===n){var i=0,r=0;return t.each(e,(function(t,e){isNaN(t)||(i+=t,r++)})),i/r}return"median"===n?t.getMedian(e):t.getDataExtent(e)["max"===n?1:0]}var dH=sa(),pH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){this.markerGroupMap=yt()},e.prototype.render=function(t,e,n){var i=this,r=this.markerGroupMap;r.each((function(t){dH(t).keep=!1})),e.eachSeries((function(t){var r=nH.getMarkerModelFromSeries(t,i.type);r&&i.renderSeries(t,r,e,n)})),r.each((function(t){!dH(t).keep&&i.group.remove(t.group)})),function(t,e,n){t.eachSeries((function(t){var i=nH.getMarkerModelFromSeries(t,n),r=e.get(t.id);if(i&&r&&r.group){var o=Hh(i),a=o.z,s=o.zlevel;Yh(r.group,a,s)}}))}(e,r,this.type)},e.prototype.markKeep=function(t){dH(t).keep=!0},e.prototype.toggleBlurSeries=function(t,e){var n=this;z(t,(function(t){var i=nH.getMarkerModelFromSeries(t,n.type);i&&i.getData().eachItemGraphicEl((function(t){t&&(e?fu(t):gu(t))}))}))},e.type="marker",e}(Ky);function fH(t,e,n){var i=e.coordinateSystem,r=n.getWidth(),o=n.getHeight(),a=i&&i.getArea&&i.getArea();t.each((function(n){var s,l=t.getItemModel(n),u="coordinate"===l.get("relativeTo"),c=u?a?a.width:0:r,h=u?a?a.height:0:o,d=u&&a?a.x:0,p=u&&a?a.y:0,f=yo(l.get("x"),c)+d,g=yo(l.get("y"),h)+p;if(isNaN(f)||isNaN(g)){if(e.getMarkerPosition)s=e.getMarkerPosition(t.getValues(t.dimensions,n));else if(i){var y=t.get(i.dimensions[0],n),v=t.get(i.dimensions[1],n);s=i.dataToPoint([y,v])}}else s=[f,g];isNaN(f)||(s[0]=f),isNaN(g)||(s[1]=g),t.setItemLayout(n,s)}))}var gH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.updateTransform=function(t,e,n){e.eachSeries((function(t){var e=nH.getMarkerModelFromSeries(t,"markPoint");e&&(fH(e.getData(),t,n),this.markerGroupMap.get(t.id).updateLayout())}),this)},e.prototype.renderSeries=function(t,e,n,i){var r=t.coordinateSystem,o=t.id,a=t.getData(),s=this.markerGroupMap,l=s.get(o)||s.set(o,new uI),u=function(t,e,n){var i;i=t?E(t&&t.dimensions,(function(t){return A(A({},e.getData().getDimensionInfo(e.getData().mapDimension(t))||{}),{name:t,ordinalMeta:null})})):[{name:"value",type:"float"}];var r=new B_(i,n),o=E(n.get("data"),H(sH,e));t&&(o=V(o,H(uH,t)));var a=cH(!!t,i);return r.initData(o,null,a),r}(r,t,e);e.setData(u),fH(e.getData(),t,i),u.each((function(t){var n=u.getItemModel(t),i=n.getShallow("symbol"),r=n.getShallow("symbolSize"),o=n.getShallow("symbolRotate"),s=n.getShallow("symbolOffset"),l=n.getShallow("symbolKeepAspect");if(Y(i)||Y(r)||Y(o)||Y(s)){var c=e.getRawValue(t),h=e.getDataParams(t);Y(i)&&(i=i(c,h)),Y(r)&&(r=r(c,h)),Y(o)&&(o=o(c,h)),Y(s)&&(s=s(c,h))}var d=n.getModel("itemStyle").getItemStyle(),p=n.get("z2"),f=qv(a,"color");d.fill||(d.fill=f),u.setItemVisual(t,{z2:rt(p,0),symbol:i,symbolSize:r,symbolRotate:o,symbolOffset:s,symbolKeepAspect:l,style:d})})),l.updateData(u),this.group.add(l.group),u.eachItemGraphicEl((function(t){t.traverse((function(t){zl(t).dataModel=e}))})),this.markKeep(l),l.group.silent=e.get("silent")||t.get("silent")},e.type="markPoint",e}(pH);var yH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.createMarkerModelFromSeries=function(t,n,i){return new e(t,n,i)},e.type="markLine",e.defaultOption={z:5,symbol:["circle","arrow"],symbolSize:[8,16],symbolOffset:0,precision:2,tooltip:{trigger:"item"},label:{show:!0,position:"end",distance:5},lineStyle:{type:"dashed"},emphasis:{label:{show:!0},lineStyle:{width:3}},animationEasing:"linear"},e}(nH),vH=sa(),mH=function(t,e,n,i){var r,o=t.getData();if(U(i))r=i;else{var a=i.type;if("min"===a||"max"===a||"average"===a||"median"===a||null!=i.xAxis||null!=i.yAxis){var s=void 0,l=void 0;if(null!=i.yAxis||null!=i.xAxis)s=e.getAxis(null!=i.yAxis?"y":"x"),l=it(i.yAxis,i.xAxis);else{var u=lH(i,o,e,t);s=u.valueAxis,l=hH(o,X_(o,u.valueDataDim),a)}var c="x"===s.dim?0:1,h=1-c,d=T(i),p={coord:[]};d.type=null,d.coord=[],d.coord[h]=-1/0,p.coord[h]=1/0;var f=n.get("precision");f>=0&&j(l)&&(l=+l.toFixed(Math.min(f,20))),d.coord[c]=p.coord[c]=l,r=[d,p,{type:a,valueIndex:i.valueIndex,value:l}]}else r=[]}var g=[sH(t,r[0]),sH(t,r[1]),A({},r[2])];return g[2].type=g[2].type||null,C(g[2],g[0]),C(g[2],g[1]),g};function xH(t){return!isNaN(t)&&!isFinite(t)}function _H(t,e,n,i){var r=1-t,o=i.dimensions[t];return xH(e[r])&&xH(n[r])&&e[t]===n[t]&&i.getAxis(o).containData(e[t])}function bH(t,e){if("cartesian2d"===t.type){var n=e[0].coord,i=e[1].coord;if(n&&i&&(_H(1,n,i,t)||_H(0,n,i,t)))return!0}return uH(t,e[0])&&uH(t,e[1])}function wH(t,e,n,i,r){var o,a=i.coordinateSystem,s=t.getItemModel(e),l=yo(s.get("x"),r.getWidth()),u=yo(s.get("y"),r.getHeight());if(isNaN(l)||isNaN(u)){if(i.getMarkerPosition)o=i.getMarkerPosition(t.getValues(t.dimensions,e));else{var c=a.dimensions,h=t.get(c[0],e),d=t.get(c[1],e);o=a.dataToPoint([h,d])}if(SI(a,"cartesian2d")){var p=a.getAxis("x"),f=a.getAxis("y");c=a.dimensions;xH(t.get(c[0],e))?o[0]=p.toGlobalCoord(p.getExtent()[n?0:1]):xH(t.get(c[1],e))&&(o[1]=f.toGlobalCoord(f.getExtent()[n?0:1]))}isNaN(l)||(o[0]=l),isNaN(u)||(o[1]=u)}else o=[l,u];t.setItemLayout(e,o)}var SH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.updateTransform=function(t,e,n){e.eachSeries((function(t){var e=nH.getMarkerModelFromSeries(t,"markLine");if(e){var i=e.getData(),r=vH(e).from,o=vH(e).to;r.each((function(e){wH(r,e,!0,t,n),wH(o,e,!1,t,n)})),i.each((function(t){i.setItemLayout(t,[r.getItemLayout(t),o.getItemLayout(t)])})),this.markerGroupMap.get(t.id).updateLayout()}}),this)},e.prototype.renderSeries=function(t,e,n,i){var r=t.coordinateSystem,o=t.id,a=t.getData(),s=this.markerGroupMap,l=s.get(o)||s.set(o,new IP);this.group.add(l.group);var u=function(t,e,n){var i;i=t?E(t&&t.dimensions,(function(t){return A(A({},e.getData().getDimensionInfo(e.getData().mapDimension(t))||{}),{name:t,ordinalMeta:null})})):[{name:"value",type:"float"}];var r=new B_(i,n),o=new B_(i,n),a=new B_([],n),s=E(n.get("data"),H(mH,e,t,n));t&&(s=V(s,H(bH,t)));var l=cH(!!t,i);return r.initData(E(s,(function(t){return t[0]})),null,l),o.initData(E(s,(function(t){return t[1]})),null,l),a.initData(E(s,(function(t){return t[2]}))),a.hasItemOption=!0,{from:r,to:o,line:a}}(r,t,e),c=u.from,h=u.to,d=u.line;vH(e).from=c,vH(e).to=h,e.setData(d);var p=e.get("symbol"),f=e.get("symbolSize"),g=e.get("symbolRotate"),y=e.get("symbolOffset");function v(e,n,r){var o=e.getItemModel(n);wH(e,n,r,t,i);var s=o.getModel("itemStyle").getItemStyle();null==s.fill&&(s.fill=qv(a,"color")),e.setItemVisual(n,{symbolKeepAspect:o.get("symbolKeepAspect"),symbolOffset:rt(o.get("symbolOffset",!0),y[r?0:1]),symbolRotate:rt(o.get("symbolRotate",!0),g[r?0:1]),symbolSize:rt(o.get("symbolSize"),f[r?0:1]),symbol:rt(o.get("symbol",!0),p[r?0:1]),style:s})}U(p)||(p=[p,p]),U(f)||(f=[f,f]),U(g)||(g=[g,g]),U(y)||(y=[y,y]),u.from.each((function(t){v(c,t,!0),v(h,t,!1)})),d.each((function(t){var e=d.getItemModel(t),n=e.getModel("lineStyle").getLineStyle();d.setItemLayout(t,[c.getItemLayout(t),h.getItemLayout(t)]);var i=e.get("z2");null==n.stroke&&(n.stroke=c.getItemVisual(t,"style").fill),d.setItemVisual(t,{z2:rt(i,0),fromSymbolKeepAspect:c.getItemVisual(t,"symbolKeepAspect"),fromSymbolOffset:c.getItemVisual(t,"symbolOffset"),fromSymbolRotate:c.getItemVisual(t,"symbolRotate"),fromSymbolSize:c.getItemVisual(t,"symbolSize"),fromSymbol:c.getItemVisual(t,"symbol"),toSymbolKeepAspect:h.getItemVisual(t,"symbolKeepAspect"),toSymbolOffset:h.getItemVisual(t,"symbolOffset"),toSymbolRotate:h.getItemVisual(t,"symbolRotate"),toSymbolSize:h.getItemVisual(t,"symbolSize"),toSymbol:h.getItemVisual(t,"symbol"),style:n})})),l.updateData(d),u.line.eachItemGraphicEl((function(t){zl(t).dataModel=e,t.traverse((function(t){zl(t).dataModel=e}))})),this.markKeep(l),l.group.silent=e.get("silent")||t.get("silent")},e.type="markLine",e}(pH);var MH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.createMarkerModelFromSeries=function(t,n,i){return new e(t,n,i)},e.type="markArea",e.defaultOption={z:1,tooltip:{trigger:"item"},animation:!1,label:{show:!0,position:"top"},itemStyle:{borderWidth:0},emphasis:{label:{show:!0,position:"top"}}},e}(nH),IH=sa(),TH=function(t,e,n,i){var r=i[0],o=i[1];if(r&&o){var a=sH(t,r),s=sH(t,o),l=a.coord,u=s.coord;l[0]=it(l[0],-1/0),l[1]=it(l[1],-1/0),u[0]=it(u[0],1/0),u[1]=it(u[1],1/0);var c=D([{},a,s]);return c.coord=[a.coord,s.coord],c.x0=a.x,c.y0=a.y,c.x1=s.x,c.y1=s.y,c}};function CH(t){return!isNaN(t)&&!isFinite(t)}function DH(t,e,n,i){var r=1-t;return CH(e[r])&&CH(n[r])}function AH(t,e){var n=e.coord[0],i=e.coord[1],r={coord:n,x:e.x0,y:e.y0},o={coord:i,x:e.x1,y:e.y1};return SI(t,"cartesian2d")?!(!n||!i||!DH(1,n,i)&&!DH(0,n,i))||function(t,e,n){return!(t&&t.containZone&&e.coord&&n.coord&&!rH(e)&&!rH(n))||t.containZone(e.coord,n.coord)}(t,r,o):uH(t,r)||uH(t,o)}function kH(t,e,n,i,r){var o,a=i.coordinateSystem,s=t.getItemModel(e),l=yo(s.get(n[0]),r.getWidth()),u=yo(s.get(n[1]),r.getHeight());if(isNaN(l)||isNaN(u)){if(i.getMarkerPosition){var c=t.getValues(["x0","y0"],e),h=t.getValues(["x1","y1"],e),d=a.clampData(c),p=a.clampData(h),f=[];"x0"===n[0]?f[0]=d[0]>p[0]?h[0]:c[0]:f[0]=d[0]>p[0]?c[0]:h[0],"y0"===n[1]?f[1]=d[1]>p[1]?h[1]:c[1]:f[1]=d[1]>p[1]?c[1]:h[1],o=i.getMarkerPosition(f,n,!0)}else{var g=[m=t.get(n[0],e),x=t.get(n[1],e)];a.clampData&&a.clampData(g,g),o=a.dataToPoint(g,!0)}if(SI(a,"cartesian2d")){var y=a.getAxis("x"),v=a.getAxis("y"),m=t.get(n[0],e),x=t.get(n[1],e);CH(m)?o[0]=y.toGlobalCoord(y.getExtent()["x0"===n[0]?0:1]):CH(x)&&(o[1]=v.toGlobalCoord(v.getExtent()["y0"===n[1]?0:1]))}isNaN(l)||(o[0]=l),isNaN(u)||(o[1]=u)}else o=[l,u];return o}var LH=[["x0","y0"],["x1","y0"],["x1","y1"],["x0","y1"]],PH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.updateTransform=function(t,e,n){e.eachSeries((function(t){var e=nH.getMarkerModelFromSeries(t,"markArea");if(e){var i=e.getData();i.each((function(e){var r=E(LH,(function(r){return kH(i,e,r,t,n)}));i.setItemLayout(e,r),i.getItemGraphicEl(e).setShape("points",r)}))}}),this)},e.prototype.renderSeries=function(t,e,n,i){var r=t.coordinateSystem,o=t.id,a=t.getData(),s=this.markerGroupMap,l=s.get(o)||s.set(o,{group:new to});this.group.add(l.group),this.markKeep(l);var u=function(t,e,n){var i,r,o=["x0","y0","x1","y1"];if(t){var a=E(t&&t.dimensions,(function(t){var n=e.getData();return A(A({},n.getDimensionInfo(n.mapDimension(t))||{}),{name:t,ordinalMeta:null})}));r=E(o,(function(t,e){return{name:t,type:a[e%2].type}})),i=new B_(r,n)}else i=new B_(r=[{name:"value",type:"float"}],n);var s=E(n.get("data"),H(TH,e,t,n));t&&(s=V(s,H(AH,t)));var l=t?function(t,e,n,i){return Xg(t.coord[Math.floor(i/2)][i%2],r[i])}:function(t,e,n,i){return Xg(t.value,r[i])};return i.initData(s,null,l),i.hasItemOption=!0,i}(r,t,e);e.setData(u),u.each((function(e){var n=E(LH,(function(n){return kH(u,e,n,t,i)})),o=r.getAxis("x").scale,s=r.getAxis("y").scale,l=o.getExtent(),c=s.getExtent(),h=[o.parse(u.get("x0",e)),o.parse(u.get("x1",e))],d=[s.parse(u.get("y0",e)),s.parse(u.get("y1",e))];xo(h),xo(d);var p=!!(l[0]>h[1]||l[1]<h[0]||c[0]>d[1]||c[1]<d[0]);u.setItemLayout(e,{points:n,allClipped:p});var f=u.getItemModel(e),g=f.getModel("itemStyle").getItemStyle(),y=f.get("z2"),v=qv(a,"color");g.fill||(g.fill=v,X(g.fill)&&(g.fill=pi(g.fill,.4))),g.stroke||(g.stroke=v),u.setItemVisual(e,"style",g),u.setItemVisual(e,"z2",rt(y,0))})),u.diff(IH(l).data).add((function(t){var e=u.getItemLayout(t),n=u.getItemVisual(t,"z2");if(!e.allClipped){var i=new Mc({z2:rt(n,0),shape:{points:e.points}});u.setItemGraphicEl(t,i),l.group.add(i)}})).update((function(t,n){var i=IH(l).data.getItemGraphicEl(n),r=u.getItemLayout(t),o=u.getItemVisual(t,"z2");r.allClipped?i&&l.group.remove(i):(i?th(i,{z2:rt(o,0),shape:{points:r.points}},e,t):i=new Mc({shape:{points:r.points}}),u.setItemGraphicEl(t,i),l.group.add(i))})).remove((function(t){var e=IH(l).data.getItemGraphicEl(t);l.group.remove(e)})).execute(),u.eachItemGraphicEl((function(t,n){var i=u.getItemModel(n),r=u.getItemVisual(n,"style");t.useStyle(u.getItemVisual(n,"style")),$h(t,Jh(i),{labelFetcher:e,labelDataIndex:n,defaultText:u.getName(n)||"",inheritColor:X(r.fill)?pi(r.fill,1):tf.color.neutral99}),ku(t,i),Tu(t,null,null,i.get(["emphasis","disabled"])),zl(t).dataModel=e})),IH(l).data=u,l.group.silent=e.get("silent")||t.get("silent")},e.type="markArea",e}(pH);var OH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.layoutMode={type:"box",ignoreSize:!0},n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n),t.selected=t.selected||{},this._updateSelector(t)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.call(this,e,n),this._updateSelector(e)},e.prototype._updateSelector=function(t){var e=t.selector,n=this.ecModel;!0===e&&(e=t.selector=["all","inverse"]),U(e)&&z(e,(function(t,i){X(t)&&(t={type:t}),e[i]=C(t,function(t,e){return"all"===e?{type:"all",title:t.getLocaleModel().get(["legend","selector","all"])}:"inverse"===e?{type:"inverse",title:t.getLocaleModel().get(["legend","selector","inverse"])}:void 0}(n,t.type))}))},e.prototype.optionUpdated=function(){this._updateData(this.ecModel);var t=this._data;if(t[0]&&"single"===this.get("selectedMode")){for(var e=!1,n=0;n<t.length;n++){var i=t[n].get("name");if(this.isSelected(i)){this.select(i),e=!0;break}}!e&&this.select(t[0].get("name"))}},e.prototype._updateData=function(t){var e=[],n=[];t.eachRawSeries((function(i){var r,o=i.name;if(n.push(o),i.legendVisualProvider){var a=i.legendVisualProvider.getAllNames();t.isSeriesFiltered(i)||(n=n.concat(a)),a.length?e=e.concat(a):r=!0}else r=!0;r&&ra(i)&&e.push(i.name)})),this._availableNames=n;var i=this.get("data")||e,r=yt(),o=E(i,(function(t){return(X(t)||j(t))&&(t={name:t}),r.get(t.name)?null:(r.set(t.name,!0),new wd(t,this,this.ecModel))}),this);this._data=V(o,(function(t){return!!t}))},e.prototype.getData=function(){return this._data},e.prototype.select=function(t){var e=this.option.selected;"single"===this.get("selectedMode")&&z(this._data,(function(t){e[t.get("name")]=!1}));e[t]=!0},e.prototype.unSelect=function(t){"single"!==this.get("selectedMode")&&(this.option.selected[t]=!1)},e.prototype.toggleSelected=function(t){var e=this.option.selected;e.hasOwnProperty(t)||(e[t]=!0),this[e[t]?"unSelect":"select"](t)},e.prototype.allSelect=function(){var t=this._data,e=this.option.selected;z(t,(function(t){e[t.get("name",!0)]=!0}))},e.prototype.inverseSelect=function(){var t=this._data,e=this.option.selected;z(t,(function(t){var n=t.get("name",!0);e.hasOwnProperty(n)||(e[n]=!0),e[n]=!e[n]}))},e.prototype.isSelected=function(t){var e=this.option.selected;return!(e.hasOwnProperty(t)&&!e[t])&&P(this._availableNames,t)>=0},e.prototype.getOrient=function(){return"vertical"===this.get("orient")?{index:1,name:"vertical"}:{index:0,name:"horizontal"}},e.type="legend.plain",e.dependencies=["series"],e.defaultOption={z:4,show:!0,orient:"horizontal",left:"center",bottom:tf.size.m,align:"auto",backgroundColor:tf.color.transparent,borderColor:tf.color.border,borderRadius:0,borderWidth:0,padding:5,itemGap:8,itemWidth:25,itemHeight:14,symbolRotate:"inherit",symbolKeepAspect:!0,inactiveColor:tf.color.disabled,inactiveBorderColor:tf.color.disabled,inactiveBorderWidth:"auto",itemStyle:{color:"inherit",opacity:"inherit",borderColor:"inherit",borderWidth:"auto",borderCap:"inherit",borderJoin:"inherit",borderDashOffset:"inherit",borderMiterLimit:"inherit"},lineStyle:{width:"auto",color:"inherit",inactiveColor:tf.color.disabled,inactiveWidth:2,opacity:"inherit",type:"inherit",cap:"inherit",join:"inherit",dashOffset:"inherit",miterLimit:"inherit"},textStyle:{color:tf.color.secondary},selectedMode:!0,selector:!1,selectorLabel:{show:!0,borderRadius:10,padding:[3,5,3,5],fontSize:12,fontFamily:"sans-serif",color:tf.color.tertiary,borderWidth:1,borderColor:tf.color.border},emphasis:{selectorLabel:{show:!0,color:tf.color.quaternary}},selectorPosition:"auto",selectorItemGap:7,selectorButtonGap:10,tooltip:{show:!1},triggerEvent:!1},e}(Qp),RH=H,NH=z,zH=to,EH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.newlineDisabled=!1,n}return n(e,t),e.prototype.init=function(){this.group.add(this._contentGroup=new zH),this.group.add(this._selectorGroup=new zH),this._isFirstRender=!0},e.prototype.getContentGroup=function(){return this._contentGroup},e.prototype.getSelectorGroup=function(){return this._selectorGroup},e.prototype.render=function(t,e,n){var i=this._isFirstRender;if(this._isFirstRender=!1,this.resetInner(),t.get("show",!0)){var r=t.get("align"),o=t.get("orient");r&&"auto"!==r||(r="right"===t.get("left")&&"vertical"===o?"right":"left");var a=t.get("selector",!0),s=t.get("selectorPosition",!0);!a||s&&"auto"!==s||(s="horizontal"===o?"end":"start"),this.renderInner(r,t,e,n,a,o,s);var l=Xp(t,n).refContainer,u=t.getBoxLayoutParams(),c=t.get("padding"),h=Hp(u,l,c),d=this.layoutInner(t,r,h,i,a,s),p=Hp(k({width:d.width,height:d.height},u),l,c);this.group.x=p.x-d.x,this.group.y=p.y-d.y,this.group.markRedraw(),this.group.add(this._backgroundEl=dF(d,t))}},e.prototype.resetInner=function(){this.getContentGroup().removeAll(),this._backgroundEl&&this.group.remove(this._backgroundEl),this.getSelectorGroup().removeAll()},e.prototype.renderInner=function(t,e,n,i,r,o,a){var s=this.getContentGroup(),l=yt(),u=e.get("selectedMode"),c=e.get("triggerEvent"),h=[];n.eachRawSeries((function(t){!t.get("legendHoverLink")&&h.push(t.id)})),NH(e.getData(),(function(r,o){var a=this,d=r.get("name");if(!this.newlineDisabled&&(""===d||"\n"===d)){var p=new zH;return p.newline=!0,void s.add(p)}var f=n.getSeriesByName(d)[0];if(!l.get(d)){if(f){var g=f.getData(),y=g.getVisual("legendLineStyle")||{},v=g.getVisual("legendIcon"),m=g.getVisual("style"),x=this._createItem(f,d,o,r,e,t,y,m,v,u,i);x.on("click",RH(BH,d,null,i,h)).on("mouseover",RH(GH,f.name,null,i,h)).on("mouseout",RH(FH,f.name,null,i,h)),n.ssr&&x.eachChild((function(t){var e=zl(t);e.seriesIndex=f.seriesIndex,e.dataIndex=o,e.ssrType="legend"})),c&&x.eachChild((function(t){a.packEventData(t,e,f,o,d)})),l.set(d,!0)}else n.eachRawSeries((function(a){var s=this;if(!l.get(d)&&a.legendVisualProvider){var p=a.legendVisualProvider;if(!p.containName(d))return;var f=p.indexOfName(d),g=p.getItemVisual(f,"style"),y=p.getItemVisual(f,"legendIcon"),v=oi(g.fill);v&&0===v[3]&&(v[3]=.2,g=A(A({},g),{fill:fi(v,"rgba")}));var m=this._createItem(a,d,o,r,e,t,{},g,y,u,i);m.on("click",RH(BH,null,d,i,h)).on("mouseover",RH(GH,null,d,i,h)).on("mouseout",RH(FH,null,d,i,h)),n.ssr&&m.eachChild((function(t){var e=zl(t);e.seriesIndex=a.seriesIndex,e.dataIndex=o,e.ssrType="legend"})),c&&m.eachChild((function(t){s.packEventData(t,e,a,o,d)})),l.set(d,!0)}}),this);0}}),this),r&&this._createSelector(r,e,i,o,a)},e.prototype.packEventData=function(t,e,n,i,r){var o={componentType:"legend",componentIndex:e.componentIndex,dataIndex:i,value:r,seriesIndex:n.seriesIndex};zl(t).eventData=o},e.prototype._createSelector=function(t,e,n,i,r){var o=this.getSelectorGroup();NH(t,(function(t){var i=t.type,r=new Sl({style:{x:0,y:0,align:"center",verticalAlign:"middle"},onclick:function(){n.dispatchAction({type:"all"===i?"legendAllSelect":"legendInverseSelect",legendId:e.id})}});o.add(r),$h(r,{normal:e.getModel("selectorLabel"),emphasis:e.getModel(["emphasis","selectorLabel"])},{defaultText:t.title}),Iu(r)}))},e.prototype._createItem=function(t,e,n,i,r,o,a,s,l,u,c){var h=t.visualDrawType,d=r.get("itemWidth"),p=r.get("itemHeight"),f=r.isSelected(e),g=i.get("symbolRotate"),y=i.get("symbolKeepAspect"),v=i.get("icon"),m=function(t,e,n,i,r,o,a){function s(t,e){"auto"===t.lineWidth&&(t.lineWidth=e.lineWidth>0?2:0),NH(t,(function(n,i){"inherit"===t[i]&&(t[i]=e[i])}))}var l=e.getModel("itemStyle"),u=l.getItemStyle(),c=0===t.lastIndexOf("empty",0)?"fill":"stroke",h=l.getShallow("decal");u.decal=h&&"inherit"!==h?Bm(h,a):i.decal,"inherit"===u.fill&&(u.fill=i[r]);"inherit"===u.stroke&&(u.stroke=i[c]);"inherit"===u.opacity&&(u.opacity=("fill"===r?i:n).opacity);s(u,i);var d=e.getModel("lineStyle"),p=d.getLineStyle();if(s(p,n),"auto"===u.fill&&(u.fill=i.fill),"auto"===u.stroke&&(u.stroke=i.fill),"auto"===p.stroke&&(p.stroke=i.fill),!o){var f=e.get("inactiveBorderWidth"),g=u[c];u.lineWidth="auto"===f?i.lineWidth>0&&g?2:0:u.lineWidth,u.fill=e.get("inactiveColor"),u.stroke=e.get("inactiveBorderColor"),p.stroke=d.get("inactiveColor"),p.lineWidth=d.get("inactiveWidth")}return{itemStyle:u,lineStyle:p}}(l=v||l||"roundRect",i,a,s,h,f,c),x=new zH,_=i.getModel("textStyle");if(!Y(t.getLegendIcon)||v&&"inherit"!==v){var b="inherit"===v&&t.getData().getVisual("symbol")?"inherit"===g?t.getData().getVisual("symbolRotate"):g:0;x.add(function(t){var e=t.icon||"roundRect",n=hm(e,0,0,t.itemWidth,t.itemHeight,t.itemStyle.fill,t.symbolKeepAspect);n.setStyle(t.itemStyle),n.rotation=(t.iconRotate||0)*Math.PI/180,n.setOrigin([t.itemWidth/2,t.itemHeight/2]),e.indexOf("empty")>-1&&(n.style.stroke=n.style.fill,n.style.fill=tf.color.neutral00,n.style.lineWidth=2);return n}({itemWidth:d,itemHeight:p,icon:l,iconRotate:b,itemStyle:m.itemStyle,lineStyle:m.lineStyle,symbolKeepAspect:y}))}else x.add(t.getLegendIcon({itemWidth:d,itemHeight:p,icon:l,iconRotate:g,itemStyle:m.itemStyle,lineStyle:m.lineStyle,symbolKeepAspect:y}));var w="left"===o?d+5:-5,S=o,M=r.get("formatter"),I=e;X(M)&&M?I=M.replace("{name}",null!=e?e:""):Y(M)&&(I=M(e));var T=f?_.getTextColor():i.get("inactiveColor");x.add(new Sl({style:Qh(_,{text:I,x:w,y:p/2,fill:T,align:S,verticalAlign:"middle"},{inheritColor:T})}));var C=new xl({shape:x.getBoundingRect(),style:{fill:"transparent"}}),D=i.getModel("tooltip");return D.get("show")&&zh({el:C,componentModel:r,itemName:e,itemTooltipOption:D.option}),x.add(C),x.eachChild((function(t){t.silent=!0})),C.silent=!u,this.getContentGroup().add(x),Iu(x),x.__legendDataIndex=n,x},e.prototype.layoutInner=function(t,e,n,i,r,o){var a=this.getContentGroup(),s=this.getSelectorGroup();Gp(t.get("orient"),a,t.get("itemGap"),n.width,n.height);var l=a.getBoundingRect(),u=[-l.x,-l.y];if(s.markRedraw(),a.markRedraw(),r){Gp("horizontal",s,t.get("selectorItemGap",!0));var c=s.getBoundingRect(),h=[-c.x,-c.y],d=t.get("selectorButtonGap",!0),p=t.getOrient().index,f=0===p?"width":"height",g=0===p?"height":"width",y=0===p?"y":"x";"end"===o?h[p]+=l[f]+d:u[p]+=c[f]+d,h[1-p]+=l[g]/2-c[g]/2,s.x=h[0],s.y=h[1],a.x=u[0],a.y=u[1];var v={x:0,y:0};return v[f]=l[f]+d+c[f],v[g]=Math.max(l[g],c[g]),v[y]=Math.min(0,c[y]+h[1-p]),v}return a.x=u[0],a.y=u[1],this.group.getBoundingRect()},e.prototype.remove=function(){this.getContentGroup().removeAll(),this._isFirstRender=!0},e.type="legend.plain",e}(Ky);function BH(t,e,n,i){FH(t,e,n,i),n.dispatchAction({type:"legendToggleSelect",name:null!=t?t:e}),GH(t,e,n,i)}function VH(t){for(var e,n=t.getZr().storage.getDisplayList(),i=0,r=n.length;i<r&&!(e=n[i].states.emphasis);)i++;return e&&e.hoverLayer}function GH(t,e,n,i){VH(n)||n.dispatchAction({type:"highlight",seriesName:t,name:e,excludeSeriesId:i})}function FH(t,e,n,i){VH(n)||n.dispatchAction({type:"downplay",seriesName:t,name:e,excludeSeriesId:i})}function WH(t){var e=t.findComponents({mainType:"legend"});e&&e.length&&t.filterSeries((function(t){for(var n=0;n<e.length;n++)if(!e[n].isSelected(t.name))return!1;return!0}))}function HH(t,e,n){var i="allSelect"===t||"inverseSelect"===t,r={},o=[];n.eachComponent({mainType:"legend",query:e},(function(n){i?n[t]():n[t](e.name),UH(n,r),o.push(n.componentIndex)}));var a={};return n.eachComponent("legend",(function(t){z(r,(function(e,n){t[e?"select":"unSelect"](n)})),UH(t,a)})),i?{selected:a,legendIndex:o}:{name:e.name,selected:a}}function UH(t,e){var n=e||{};return z(t.getData(),(function(e){var i=e.get("name");if("\n"!==i&&""!==i){var r=t.isSelected(i);_t(n,i)?n[i]=n[i]&&r:n[i]=r}})),n}function YH(t){t.registerComponentModel(OH),t.registerComponentView(EH),t.registerProcessor(t.PRIORITY.PROCESSOR.SERIES_FILTER,WH),t.registerSubTypeDefaulter("legend",(function(){return"plain"})),function(t){t.registerAction("legendToggleSelect","legendselectchanged",H(HH,"toggleSelected")),t.registerAction("legendAllSelect","legendselectall",H(HH,"allSelect")),t.registerAction("legendInverseSelect","legendinverseselect",H(HH,"inverseSelect")),t.registerAction("legendSelect","legendselected",H(HH,"select")),t.registerAction("legendUnSelect","legendunselected",H(HH,"unSelect"))}(t)}var XH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.setScrollDataIndex=function(t){this.option.scrollDataIndex=t},e.prototype.init=function(e,n,i){var r=Kp(e);t.prototype.init.call(this,e,n,i),ZH(this,e,r)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.call(this,e,n),ZH(this,this.option,e)},e.type="legend.scroll",e.defaultOption=Id(OH.defaultOption,{scrollDataIndex:0,pageButtonItemGap:5,pageButtonGap:null,pageButtonPosition:"end",pageFormatter:"{current}/{total}",pageIcons:{horizontal:["M0,0L12,-10L12,10z","M0,0L-12,-10L-12,10z"],vertical:["M0,0L20,0L10,-20z","M0,0L20,0L10,20z"]},pageIconColor:tf.color.accent50,pageIconInactiveColor:tf.color.accent10,pageIconSize:15,pageTextStyle:{color:tf.color.tertiary},animationDurationUpdate:800}),e}(OH);function ZH(t,e,n){var i=[1,1];i[t.getOrient().index]=0,qp(e,n,{type:"box",ignoreSize:!!i})}var jH=to,qH=["width","height"],KH=["x","y"],$H=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.newlineDisabled=!0,n._currentIndex=0,n}return n(e,t),e.prototype.init=function(){t.prototype.init.call(this),this.group.add(this._containerGroup=new jH),this._containerGroup.add(this.getContentGroup()),this.group.add(this._controllerGroup=new jH)},e.prototype.resetInner=function(){t.prototype.resetInner.call(this),this._controllerGroup.removeAll(),this._containerGroup.removeClipPath(),this._containerGroup.__rectSize=null},e.prototype.renderInner=function(e,n,i,r,o,a,s){var l=this;t.prototype.renderInner.call(this,e,n,i,r,o,a,s);var u=this._controllerGroup,c=n.get("pageIconSize",!0),h=U(c)?c:[c,c];p("pagePrev",0);var d=n.getModel("pageTextStyle");function p(t,e){var i=t+"DataIndex",o=Ah(n.get("pageIcons",!0)[n.getOrient().name][e],{onclick:W(l._pageGo,l,i,n,r)},{x:-h[0]/2,y:-h[1]/2,width:h[0],height:h[1]});o.name=t,u.add(o)}u.add(new Sl({name:"pageText",style:{text:"xx/xx",fill:d.getTextColor(),font:d.getFont(),verticalAlign:"middle",align:"center"},silent:!0})),p("pageNext",1)},e.prototype.layoutInner=function(t,e,n,i,r,o){var a=this.getSelectorGroup(),s=t.getOrient().index,l=qH[s],u=KH[s],c=qH[1-s],h=KH[1-s];r&&Gp("horizontal",a,t.get("selectorItemGap",!0));var d=t.get("selectorButtonGap",!0),p=a.getBoundingRect(),f=[-p.x,-p.y],g=T(n);r&&(g[l]=n[l]-p[l]-d);var y=this._layoutContentAndController(t,i,g,s,l,c,h,u);if(r){if("end"===o)f[s]+=y[l]+d;else{var v=p[l]+d;f[s]-=v,y[u]-=v}y[l]+=p[l]+d,f[1-s]+=y[h]+y[c]/2-p[c]/2,y[c]=Math.max(y[c],p[c]),y[h]=Math.min(y[h],p[h]+f[1-s]),a.x=f[0],a.y=f[1],a.markRedraw()}return y},e.prototype._layoutContentAndController=function(t,e,n,i,r,o,a,s){var l=this.getContentGroup(),u=this._containerGroup,c=this._controllerGroup;Gp(t.get("orient"),l,t.get("itemGap"),i?n.width:null,i?null:n.height),Gp("horizontal",c,t.get("pageButtonItemGap",!0));var h=l.getBoundingRect(),d=c.getBoundingRect(),p=this._showController=h[r]>n[r],f=[-h.x,-h.y];e||(f[i]=l[s]);var g=[0,0],y=[-d.x,-d.y],v=rt(t.get("pageButtonGap",!0),t.get("itemGap",!0));p&&("end"===t.get("pageButtonPosition",!0)?y[i]+=n[r]-d[r]:g[i]+=d[r]+v);y[1-i]+=h[o]/2-d[o]/2,l.setPosition(f),u.setPosition(g),c.setPosition(y);var m={x:0,y:0};if(m[r]=p?n[r]:h[r],m[o]=Math.max(h[o],d[o]),m[a]=Math.min(0,d[a]+y[1-i]),u.__rectSize=n[r],p){var x={x:0,y:0};x[r]=Math.max(n[r]-d[r]-v,0),x[o]=m[o],u.setClipPath(new xl({shape:x})),u.__rectSize=x[r]}else c.eachChild((function(t){t.attr({invisible:!0,silent:!0})}));var _=this._getPageInfo(t);return null!=_.pageIndex&&th(l,{x:_.contentPosition[0],y:_.contentPosition[1]},p?t:null),this._updatePageInfoView(t,_),m},e.prototype._pageGo=function(t,e,n){var i=this._getPageInfo(e)[t];null!=i&&n.dispatchAction({type:"legendScroll",scrollDataIndex:i,legendId:e.id})},e.prototype._updatePageInfoView=function(t,e){var n=this._controllerGroup;z(["pagePrev","pageNext"],(function(i){var r=null!=e[i+"DataIndex"],o=n.childOfName(i);o&&(o.setStyle("fill",r?t.get("pageIconColor",!0):t.get("pageIconInactiveColor",!0)),o.cursor=r?"pointer":"default")}));var i=n.childOfName("pageText"),r=t.get("pageFormatter"),o=e.pageIndex,a=null!=o?o+1:0,s=e.pageCount;i&&r&&i.setStyle("text",X(r)?r.replace("{current}",null==a?"":a+"").replace("{total}",null==s?"":s+""):r({current:a,total:s}))},e.prototype._getPageInfo=function(t){var e=t.get("scrollDataIndex",!0),n=this.getContentGroup(),i=this._containerGroup.__rectSize,r=t.getOrient().index,o=qH[r],a=KH[r],s=this._findTargetItemIndex(e),l=n.children(),u=l[s],c=l.length,h=c?1:0,d={contentPosition:[n.x,n.y],pageCount:h,pageIndex:h-1,pagePrevDataIndex:null,pageNextDataIndex:null};if(!u)return d;var p=m(u);d.contentPosition[r]=-p.s;for(var f=s+1,g=p,y=p,v=null;f<=c;++f)(!(v=m(l[f]))&&y.e>g.s+i||v&&!x(v,g.s))&&(g=y.i>g.i?y:v)&&(null==d.pageNextDataIndex&&(d.pageNextDataIndex=g.i),++d.pageCount),y=v;for(f=s-1,g=p,y=p,v=null;f>=-1;--f)(v=m(l[f]))&&x(y,v.s)||!(g.i<y.i)||(y=g,null==d.pagePrevDataIndex&&(d.pagePrevDataIndex=g.i),++d.pageCount,++d.pageIndex),g=v;return d;function m(t){if(t){var e=t.getBoundingRect(),n=e[a]+t[a];return{s:n,e:n+e[o],i:t.__legendDataIndex}}}function x(t,e){return t.e>=e&&t.s<=e+i}},e.prototype._findTargetItemIndex=function(t){return this._showController?(this.getContentGroup().eachChild((function(i,r){var o=i.__legendDataIndex;null==n&&null!=o&&(n=r),o===t&&(e=r)})),null!=e?e:n):0;var e,n},e.type="legend.scroll",e}(EH);function JH(t){h_(YH),t.registerComponentModel(XH),t.registerComponentView($H),function(t){t.registerAction("legendScroll","legendscroll",(function(t,e){var n=t.scrollDataIndex;null!=n&&e.eachComponent({mainType:"legend",subType:"scroll",query:t},(function(t){t.setScrollDataIndex(n)}))}))}(t)}var QH=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.inside",e.defaultOption=Id(qG.defaultOption,{disabled:!1,zoomLock:!1,zoomOnMouseWheel:!0,moveOnMouseMove:!0,moveOnMouseWheel:!1,preventDefaultMouseMove:!0}),e}(qG),tU=sa();function eU(t,e,n){tU(t).coordSysRecordMap.each((function(t){var i=t.dataZoomInfoMap.get(e.uid);i&&(i.getRange=n)}))}function nU(t,e){if(e){t.removeKey(e.model.uid);var n=e.controller;n&&n.dispose()}}function iU(t,e){t.isDisposed()||t.dispatchAction({type:"dataZoom",animation:{easing:"cubicOut",duration:100},batch:e})}function rU(t,e,n,i){return t.coordinateSystem.containPoint([n,i])}function oU(t){t.registerProcessor(t.PRIORITY.PROCESSOR.FILTER,(function(t,e){var n=tU(e),i=n.coordSysRecordMap||(n.coordSysRecordMap=yt());i.each((function(t){t.dataZoomInfoMap=null})),t.eachComponent({mainType:"dataZoom",subType:"inside"},(function(t){z(ZG(t).infoList,(function(n){var r=n.model.uid,o=i.get(r)||i.set(r,function(t,e){var n={model:e,containsPoint:H(rU,e),dispatchAction:H(iU,t),dataZoomInfoMap:null,controller:null},i=n.controller=new LD(t.getZr());return z(["pan","zoom","scrollMove"],(function(t){i.on(t,(function(e){var i=[];n.dataZoomInfoMap.each((function(r){if(e.isAvailableBehavior(r.model.option)){var o=(r.getRange||{})[t],a=o&&o(r.dzReferCoordSysInfo,n.model.mainType,n.controller,e);!r.model.get("disabled",!0)&&a&&i.push({dataZoomId:r.model.id,start:a[0],end:a[1]})}})),i.length&&n.dispatchAction(i)}))})),n}(e,n.model));(o.dataZoomInfoMap||(o.dataZoomInfoMap=yt())).set(t.uid,{dzReferCoordSysInfo:n,model:t,getRange:null})}))})),i.each((function(t){var n,r=t.controller,o=t.dataZoomInfoMap;if(o){var a=o.keys()[0];null!=a&&(n=o.get(a))}if(n){var s=function(t,e,n){var i,r="type_",o={type_true:2,type_move:1,type_false:0,type_undefined:-1},a=!0;return t.each((function(t){var e=t.model,n=!e.get("disabled",!0)&&(!e.get("zoomLock",!0)||"move");o[r+n]>o[r+i]&&(i=n),a=a&&e.get("preventDefaultMouseMove",!0)})),{controlType:i,opt:{zoomOnMouseWheel:!0,moveOnMouseMove:!0,moveOnMouseWheel:!0,preventDefaultMouseMove:!!a,api:n,zInfo:{component:e.model},triggerInfo:{roamTrigger:null,isInSelf:e.containsPoint}}}}(o,t,e);r.enable(s.controlType,s.opt),cv(t,"dispatchAction",n.model.get("throttle",!0),"fixRate")}else nU(i,t)}))}))}var aU=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="dataZoom.inside",e}return n(e,t),e.prototype.render=function(e,n,i){t.prototype.render.apply(this,arguments),e.noTarget()?this._clear():(this.range=e.getPercentRange(),eU(i,e,{pan:W(sU.pan,this),zoom:W(sU.zoom,this),scrollMove:W(sU.scrollMove,this)}))},e.prototype.dispose=function(){this._clear(),t.prototype.dispose.apply(this,arguments)},e.prototype._clear=function(){!function(t,e){for(var n=tU(t).coordSysRecordMap,i=n.keys(),r=0;r<i.length;r++){var o=i[r],a=n.get(o),s=a.dataZoomInfoMap;if(s){var l=e.uid;s.get(l)&&(s.removeKey(l),s.keys().length||nU(n,a))}}}(this.api,this.dataZoomModel),this.range=null},e.type="dataZoom.inside",e}(JG),sU={zoom:function(t,e,n,i){var r=this.range,o=r.slice(),a=t.axisModels[0];if(a){var s=uU[e](null,[i.originX,i.originY],a,n,t),l=(s.signal>0?s.pixelStart+s.pixelLength-s.pixel:s.pixel-s.pixelStart)/s.pixelLength*(o[1]-o[0])+o[0],u=Math.max(1/i.scale,0);o[0]=(o[0]-l)*u+l,o[1]=(o[1]-l)*u+l;var c=this.dataZoomModel.findRepresentativeAxisProxy().getMinMaxSpan();return CO(0,o,[0,100],0,c.minSpan,c.maxSpan),this.range=o,r[0]!==o[0]||r[1]!==o[1]?o:void 0}},pan:lU((function(t,e,n,i,r,o){var a=uU[i]([o.oldX,o.oldY],[o.newX,o.newY],e,r,n);return a.signal*(t[1]-t[0])*a.pixel/a.pixelLength})),scrollMove:lU((function(t,e,n,i,r,o){return uU[i]([0,0],[o.scrollDelta,o.scrollDelta],e,r,n).signal*(t[1]-t[0])*o.scrollDelta}))};function lU(t){return function(e,n,i,r){var o=this.range,a=o.slice(),s=e.axisModels[0];if(s)return CO(t(a,s,e,n,i,r),a,[0,100],"all"),this.range=a,o[0]!==a[0]||o[1]!==a[1]?a:void 0}}var uU={grid:function(t,e,n,i,r){var o=n.axis,a={},s=r.model.coordinateSystem.getRect();return t=t||[0,0],"x"===o.dim?(a.pixel=e[0]-t[0],a.pixelLength=s.width,a.pixelStart=s.x,a.signal=o.inverse?1:-1):(a.pixel=e[1]-t[1],a.pixelLength=s.height,a.pixelStart=s.y,a.signal=o.inverse?-1:1),a},polar:function(t,e,n,i,r){var o=n.axis,a={},s=r.model.coordinateSystem,l=s.getRadiusAxis().getExtent(),u=s.getAngleAxis().getExtent();return t=t?s.pointToCoord(t):[0,0],e=s.pointToCoord(e),"radiusAxis"===n.mainType?(a.pixel=e[0]-t[0],a.pixelLength=l[1]-l[0],a.pixelStart=l[0],a.signal=o.inverse?1:-1):(a.pixel=e[1]-t[1],a.pixelLength=u[1]-u[0],a.pixelStart=u[0],a.signal=o.inverse?-1:1),a},singleAxis:function(t,e,n,i,r){var o=n.axis,a=r.model.coordinateSystem.getRect(),s={};return t=t||[0,0],"horizontal"===o.orient?(s.pixel=e[0]-t[0],s.pixelLength=a.width,s.pixelStart=a.x,s.signal=o.inverse?1:-1):(s.pixel=e[1]-t[1],s.pixelLength=a.height,s.pixelStart=a.y,s.signal=o.inverse?-1:1),s}};function cU(t){oF(t),t.registerComponentModel(QH),t.registerComponentView(aU),oU(t)}var hU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.slider",e.layoutMode="box",e.defaultOption=Id(qG.defaultOption,{show:!0,right:"ph",top:"ph",width:"ph",height:"ph",left:null,bottom:null,borderColor:tf.color.accent10,borderRadius:0,backgroundColor:tf.color.transparent,dataBackground:{lineStyle:{color:tf.color.accent30,width:.5},areaStyle:{color:tf.color.accent20,opacity:.2}},selectedDataBackground:{lineStyle:{color:tf.color.accent40,width:.5},areaStyle:{color:tf.color.accent20,opacity:.3}},fillerColor:"rgba(135,175,274,0.2)",handleIcon:"path://M-9.35,34.56V42m0-40V9.5m-2,0h4a2,2,0,0,1,2,2v21a2,2,0,0,1-2,2h-4a2,2,0,0,1-2-2v-21A2,2,0,0,1-11.35,9.5Z",handleSize:"100%",handleStyle:{color:tf.color.neutral00,borderColor:tf.color.accent20},moveHandleSize:7,moveHandleIcon:"path://M-320.9-50L-320.9-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-348-41-339-50-320.9-50z M-212.3-50L-212.3-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-239.4-41-230.4-50-212.3-50z M-103.7-50L-103.7-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-130.9-41-121.8-50-103.7-50z",moveHandleStyle:{color:tf.color.accent40,opacity:.5},showDetail:!0,showDataShadow:"auto",realtime:!0,zoomLock:!1,textStyle:{color:tf.color.tertiary},brushSelect:!0,brushStyle:{color:tf.color.accent30,opacity:.3},emphasis:{handleLabel:{show:!0},handleStyle:{borderColor:tf.color.accent40},moveHandleStyle:{opacity:.8}},defaultLocationEdgeGap:15}),e}(qG),dU=xl,pU="horizontal",fU="vertical",gU=["line","bar","candlestick","scatter"],yU={easing:"cubicOut",duration:100,delay:0},vU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._displayables={},n}return n(e,t),e.prototype.init=function(t,e){this.api=e,this._onBrush=W(this._onBrush,this),this._onBrushEnd=W(this._onBrushEnd,this)},e.prototype.render=function(e,n,i,r){if(t.prototype.render.apply(this,arguments),cv(this,"_dispatchZoomAction",e.get("throttle"),"fixRate"),this._orient=e.getOrient(),!1!==e.get("show")){if(e.noTarget())return this._clear(),void this.group.removeAll();r&&"dataZoom"===r.type&&r.from===this.uid||this._buildView(),this._updateView()}else this.group.removeAll()},e.prototype.dispose=function(){this._clear(),t.prototype.dispose.apply(this,arguments)},e.prototype._clear=function(){hv(this,"_dispatchZoomAction");var t=this.api.getZr();t.off("mousemove",this._onBrush),t.off("mouseup",this._onBrushEnd)},e.prototype._buildView=function(){var t=this.group;t.removeAll(),this._brushing=!1,this._displayables.brushRect=null,this._resetLocation(),this._resetInterval();var e=this._displayables.sliderGroup=new to;this._renderBackground(),this._renderHandle(),this._renderDataShadow(),t.add(e),this._positionGroup()},e.prototype._resetLocation=function(){var t=this.dataZoomModel,e=this.api,n=t.get("brushSelect")?7:0,i=Xp(t,e).refContainer,r=this._findCoordRect(),o=t.get("defaultLocationEdgeGap",!0)||0,a=this._orient===pU?{right:i.width-r.x-r.width,top:i.height-30-o-n,width:r.width,height:30}:{right:o,top:r.y,width:30,height:r.height},s=Kp(t.option);z(["right","top","width","height"],(function(t){"ph"===s[t]&&(s[t]=a[t])}));var l=Hp(s,i);this._location={x:l.x,y:l.y},this._size=[l.width,l.height],this._orient===fU&&this._size.reverse()},e.prototype._positionGroup=function(){var t=this.group,e=this._location,n=this._orient,i=this.dataZoomModel.getFirstTargetAxisModel(),r=i&&i.get("inverse"),o=this._displayables.sliderGroup,a=(this._dataShadowInfo||{}).otherAxisInverse;o.attr(n!==pU||r?n===pU&&r?{scaleY:a?1:-1,scaleX:-1}:n!==fU||r?{scaleY:a?-1:1,scaleX:-1,rotation:Math.PI/2}:{scaleY:a?-1:1,scaleX:1,rotation:Math.PI/2}:{scaleY:a?1:-1,scaleX:1});var s=t.getBoundingRect([o]);t.x=e.x-s.x,t.y=e.y-s.y,t.markRedraw()},e.prototype._getViewExtent=function(){return[0,this._size[0]]},e.prototype._renderBackground=function(){var t=this.dataZoomModel,e=this._size,n=this._displayables.sliderGroup,i=t.get("brushSelect");n.add(new dU({silent:!0,shape:{x:0,y:0,width:e[0],height:e[1]},style:{fill:t.get("backgroundColor")},z2:-40}));var r=new dU({shape:{x:0,y:0,width:e[0],height:e[1]},style:{fill:"transparent"},z2:0,onclick:W(this._onClickPanel,this)}),o=this.api.getZr();i?(r.on("mousedown",this._onBrushStart,this),r.cursor="crosshair",o.on("mousemove",this._onBrush),o.on("mouseup",this._onBrushEnd)):(o.off("mousemove",this._onBrush),o.off("mouseup",this._onBrushEnd)),n.add(r)},e.prototype._renderDataShadow=function(){var t=this._dataShadowInfo=this._prepareDataShadowInfo();if(this._displayables.dataShadowSegs=[],t){var e=this._size,n=this._shadowSize||[],i=t.series,r=i.getRawData(),o=i.getShadowDim&&i.getShadowDim(),a=o&&r.getDimensionInfo(o)?i.getShadowDim():t.otherDim;if(null!=a){var s=this._shadowPolygonPts,l=this._shadowPolylinePts;if(r!==this._shadowData||a!==this._shadowDim||e[0]!==n[0]||e[1]!==n[1]){var u=r.getDataExtent(t.thisDim),c=r.getDataExtent(a),h=.3*(c[1]-c[0]);c=[c[0]-h,c[1]+h];var d,p=[0,e[1]],f=[0,e[0]],g=[[e[0],0],[0,0]],y=[],v=f[1]/Math.max(1,r.count()-1),m=e[0]/(u[1]-u[0]),x="time"===t.thisAxis.type,_=-v,b=Math.round(r.count()/e[0]);r.each([t.thisDim,a],(function(t,e,n){if(b>0&&n%b)x||(_+=v);else{_=x?(+t-u[0])*m:_+v;var i=null==e||isNaN(e)||""===e,r=i?0:go(e,c,p,!0);i&&!d&&n?(g.push([g[g.length-1][0],0]),y.push([y[y.length-1][0],0])):!i&&d&&(g.push([_,0]),y.push([_,0])),i||(g.push([_,r]),y.push([_,r])),d=i}})),s=this._shadowPolygonPts=g,l=this._shadowPolylinePts=y}this._shadowData=r,this._shadowDim=a,this._shadowSize=[e[0],e[1]];for(var w=this.dataZoomModel,S=0;S<3;S++){var M=I(1===S);this._displayables.sliderGroup.add(M),this._displayables.dataShadowSegs.push(M)}}}function I(t){var e=w.getModel(t?"selectedDataBackground":"dataBackground"),n=new to,i=new Mc({shape:{points:s},segmentIgnoreThreshold:1,style:e.getModel("areaStyle").getAreaStyle(),silent:!0,z2:-20}),r=new Tc({shape:{points:l},segmentIgnoreThreshold:1,style:e.getModel("lineStyle").getLineStyle(),silent:!0,z2:-19});return n.add(i),n.add(r),n}},e.prototype._prepareDataShadowInfo=function(){var t=this.dataZoomModel,e=t.get("showDataShadow");if(!1!==e){var n,i=this.ecModel;return t.eachTargetAxis((function(r,o){z(t.getAxisProxy(r,o).getTargetSeriesModels(),(function(t){if(!(n||!0!==e&&P(gU,t.get("type"))<0)){var a,s=i.getComponent(YG(r),o).axis,l=function(t){var e={x:"y",y:"x",radius:"angle",angle:"radius"};return e[t]}(r),u=t.coordinateSystem;null!=l&&u.getOtherAxis&&(a=u.getOtherAxis(s).inverse),l=t.getData().mapDimension(l);var c=t.getData().mapDimension(r);n={thisAxis:s,series:t,thisDim:c,otherDim:l,otherAxisInverse:a}}}),this)}),this),n}},e.prototype._renderHandle=function(){var t=this.group,e=this._displayables,n=e.handles=[null,null],i=e.handleLabels=[null,null],r=this._displayables.sliderGroup,o=this._size,a=this.dataZoomModel,s=this.api,l=a.get("borderRadius")||0,u=a.get("brushSelect"),c=e.filler=new dU({silent:u,style:{fill:a.get("fillerColor")},textConfig:{position:"inside"}});r.add(c),r.add(new dU({silent:!0,subPixelOptimize:!0,shape:{x:0,y:0,width:o[0],height:o[1],r:l},style:{stroke:a.get("dataBackgroundColor")||a.get("borderColor"),lineWidth:1,fill:tf.color.transparent}})),z([0,1],(function(e){var o=a.get("handleIcon");!lm[o]&&o.indexOf("path://")<0&&o.indexOf("image://")<0&&(o="path://"+o);var s,l=hm(o,-1,0,2,2,null,!0);l.attr({cursor:(s=this._orient,"vertical"===s?"ns-resize":"ew-resize"),draggable:!0,drift:W(this._onDragMove,this,e),ondragend:W(this._onDragEnd,this),onmouseover:W(this._showDataInfo,this,!0),onmouseout:W(this._showDataInfo,this,!1),z2:5});var u=l.getBoundingRect(),c=a.get("handleSize");this._handleHeight=yo(c,this._size[1]),this._handleWidth=u.width/u.height*this._handleHeight,l.setStyle(a.getModel("handleStyle").getItemStyle()),l.style.strokeNoScale=!0,l.rectHover=!0,l.ensureState("emphasis").style=a.getModel(["emphasis","handleStyle"]).getItemStyle(),Iu(l);var h=a.get("handleColor");null!=h&&(l.style.fill=h),r.add(n[e]=l);var d=a.getModel("textStyle"),p=(a.get("handleLabel")||{}).show||!1;t.add(i[e]=new Sl({silent:!0,invisible:!p,style:Qh(d,{x:0,y:0,text:"",verticalAlign:"middle",align:"center",fill:d.getTextColor(),font:d.getFont()}),z2:10}))}),this);var h=c;if(u){var d=yo(a.get("moveHandleSize"),o[1]),p=e.moveHandle=new xl({style:a.getModel("moveHandleStyle").getItemStyle(),silent:!0,shape:{r:[0,0,2,2],y:o[1]-.5,height:d}}),f=.8*d,g=e.moveHandleIcon=hm(a.get("moveHandleIcon"),-f/2,-f/2,f,f,tf.color.neutral00,!0);g.silent=!0,g.y=o[1]+d/2-.5,p.ensureState("emphasis").style=a.getModel(["emphasis","moveHandleStyle"]).getItemStyle();var y=Math.min(o[1]/2,Math.max(d,10));(h=e.moveZone=new xl({invisible:!0,shape:{y:o[1]-y,height:d+y}})).on("mouseover",(function(){s.enterEmphasis(p)})).on("mouseout",(function(){s.leaveEmphasis(p)})),r.add(p),r.add(g),r.add(h)}h.attr({draggable:!0,cursor:"default",drift:W(this._onDragMove,this,"all"),ondragstart:W(this._showDataInfo,this,!0),ondragend:W(this._onDragEnd,this),onmouseover:W(this._showDataInfo,this,!0),onmouseout:W(this._showDataInfo,this,!1)})},e.prototype._resetInterval=function(){var t=this._range=this.dataZoomModel.getPercentRange(),e=this._getViewExtent();this._handleEnds=[go(t[0],[0,100],e,!0),go(t[1],[0,100],e,!0)]},e.prototype._updateInterval=function(t,e){var n=this.dataZoomModel,i=this._handleEnds,r=this._getViewExtent(),o=n.findRepresentativeAxisProxy().getMinMaxSpan(),a=[0,100];CO(e,i,r,n.get("zoomLock")?"all":t,null!=o.minSpan?go(o.minSpan,a,r,!0):null,null!=o.maxSpan?go(o.maxSpan,a,r,!0):null);var s=this._range,l=this._range=xo([go(i[0],r,a,!0),go(i[1],r,a,!0)]);return!s||s[0]!==l[0]||s[1]!==l[1]},e.prototype._updateView=function(t){var e=this._displayables,n=this._handleEnds,i=xo(n.slice()),r=this._size;z([0,1],(function(t){var i=e.handles[t],o=this._handleHeight;i.attr({scaleX:o/2,scaleY:o/2,x:n[t]+(t?-1:1),y:r[1]/2-o/2})}),this),e.filler.setShape({x:i[0],y:0,width:i[1]-i[0],height:r[1]});var o={x:i[0],width:i[1]-i[0]};e.moveHandle&&(e.moveHandle.setShape(o),e.moveZone.setShape(o),e.moveZone.getBoundingRect(),e.moveHandleIcon&&e.moveHandleIcon.attr("x",o.x+o.width/2));for(var a=e.dataShadowSegs,s=[0,i[0],i[1],r[0]],l=0;l<a.length;l++){var u=a[l],c=u.getClipPath();c||(c=new xl,u.setClipPath(c)),c.setShape({x:s[l],y:0,width:s[l+1]-s[l],height:r[1]})}this._updateDataInfo(t)},e.prototype._updateDataInfo=function(t){var e=this.dataZoomModel,n=this._displayables,i=n.handleLabels,r=this._orient,o=["",""];if(e.get("showDetail")){var a=e.findRepresentativeAxisProxy();if(a){var s=a.getAxisModel().axis,l=this._range,u=t?a.calculateDataWindow({start:l[0],end:l[1]}).valueWindow:a.getDataValueWindow();o=[this._formatLabel(u[0],s),this._formatLabel(u[1],s)]}}var c=xo(this._handleEnds.slice());function h(t){var e=wh(n.handles[t].parent,this.group),a=Mh(0===t?"right":"left",e),s=this._handleWidth/2+5,l=Sh([c[t]+(0===t?-s:s),this._size[1]/2],e);i[t].setStyle({x:l[0],y:l[1],verticalAlign:r===pU?"middle":a,align:r===pU?a:"center",text:o[t]})}h.call(this,0),h.call(this,1)},e.prototype._formatLabel=function(t,e){var n=this.dataZoomModel,i=n.get("labelFormatter"),r=n.get("labelPrecision");null!=r&&"auto"!==r||(r=e.getPixelPrecision());var o=null==t||isNaN(t)?"":"category"===e.type||"time"===e.type?e.scale.getLabel({value:Math.round(t)}):t.toFixed(Math.min(r,20));return Y(i)?i(t,o):X(i)?i.replace("{value}",o):o},e.prototype._showDataInfo=function(t){var e=(this.dataZoomModel.get("handleLabel")||{}).show||!1,n=this.dataZoomModel.getModel(["emphasis","handleLabel"]).get("show")||!1,i=t||this._dragging?n:e,r=this._displayables,o=r.handleLabels;o[0].attr("invisible",!i),o[1].attr("invisible",!i),r.moveHandle&&this.api[i?"enterEmphasis":"leaveEmphasis"](r.moveHandle,1)},e.prototype._onDragMove=function(t,e,n,i){this._dragging=!0,fe(i.event);var r=Sh([e,n],this._displayables.sliderGroup.getLocalTransform(),!0),o=this._updateInterval(t,r[0]),a=this.dataZoomModel.get("realtime");this._updateView(!a),o&&a&&this._dispatchZoomAction(!0)},e.prototype._onDragEnd=function(){this._dragging=!1,this._showDataInfo(!1),!this.dataZoomModel.get("realtime")&&this._dispatchZoomAction(!1)},e.prototype._onClickPanel=function(t){var e=this._size,n=this._displayables.sliderGroup.transformCoordToLocal(t.offsetX,t.offsetY);if(!(n[0]<0||n[0]>e[0]||n[1]<0||n[1]>e[1])){var i=this._handleEnds,r=(i[0]+i[1])/2,o=this._updateInterval("all",n[0]-r);this._updateView(),o&&this._dispatchZoomAction(!1)}},e.prototype._onBrushStart=function(t){var e=t.offsetX,n=t.offsetY;this._brushStart=new Ae(e,n),this._brushing=!0,this._brushStartTime=+new Date},e.prototype._onBrushEnd=function(t){if(this._brushing){var e=this._displayables.brushRect;if(this._brushing=!1,e){e.attr("ignore",!0);var n=e.shape;if(!(+new Date-this._brushStartTime<200&&Math.abs(n.width)<5)){var i=this._getViewExtent(),r=[0,100],o=this._handleEnds=[n.x,n.x+n.width],a=this.dataZoomModel.findRepresentativeAxisProxy().getMinMaxSpan();CO(0,o,i,0,null!=a.minSpan?go(a.minSpan,r,i,!0):null,null!=a.maxSpan?go(a.maxSpan,r,i,!0):null),this._range=xo([go(o[0],i,r,!0),go(o[1],i,r,!0)]),this._updateView(),this._dispatchZoomAction(!1)}}}},e.prototype._onBrush=function(t){this._brushing&&(fe(t.event),this._updateBrushRect(t.offsetX,t.offsetY))},e.prototype._updateBrushRect=function(t,e){var n=this._displayables,i=this.dataZoomModel,r=n.brushRect;r||(r=n.brushRect=new dU({silent:!0,style:i.getModel("brushStyle").getItemStyle()}),n.sliderGroup.add(r)),r.attr("ignore",!1);var o=this._brushStart,a=this._displayables.sliderGroup,s=a.transformCoordToLocal(t,e),l=a.transformCoordToLocal(o.x,o.y),u=this._size;s[0]=Math.max(Math.min(u[0],s[0]),0),r.setShape({x:l[0],y:0,width:s[0]-l[0],height:u[1]})},e.prototype._dispatchZoomAction=function(t){var e=this._range;this.api.dispatchAction({type:"dataZoom",from:this.uid,dataZoomId:this.dataZoomModel.id,animation:t?yU:null,start:e[0],end:e[1]})},e.prototype._findCoordRect=function(){var t,e=ZG(this.dataZoomModel).infoList;if(!t&&e.length){var n=e[0].model.coordinateSystem;t=n.getRect&&n.getRect()}if(!t){var i=this.api.getWidth(),r=this.api.getHeight();t={x:.2*i,y:.2*r,width:.6*i,height:.6*r}}return t},e.type="dataZoom.slider",e}(JG);function mU(t){t.registerComponentModel(hU),t.registerComponentView(vU),oF(t)}var xU=function(t,e,n){var i=T((_U[t]||{})[e]);return n&&U(i)?i[i.length-1]:i},_U={color:{active:["#006edd","#e0ffff"],inactive:[tf.color.transparent]},colorHue:{active:[0,360],inactive:[0,0]},colorSaturation:{active:[.3,1],inactive:[0,0]},colorLightness:{active:[.9,.5],inactive:[0,0]},colorAlpha:{active:[.3,1],inactive:[0,0]},opacity:{active:[.3,1],inactive:[0,0]},symbol:{active:["circle","roundRect","diamond"],inactive:["none"]},symbolSize:{active:[10,50],inactive:[0,0]}},bU=hL.mapVisual,wU=hL.eachVisual,SU=U,MU=z,IU=xo,TU=go,CU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.stateList=["inRange","outOfRange"],n.replacableOptionKeys=["inRange","outOfRange","target","controller","color"],n.layoutMode={type:"box",ignoreSize:!0},n.dataBound=[-1/0,1/0],n.targetVisuals={},n.controllerVisuals={},n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n)},e.prototype.optionUpdated=function(t,e){var n=this.option;!e&&bW(n,t,this.replacableOptionKeys),this.textStyleModel=this.getModel("textStyle"),this.resetItemSize(),this.completeVisualOption()},e.prototype.resetVisual=function(t){var e=this.stateList;t=W(t,this),this.controllerVisuals=_W(this.option.controller,e,t),this.targetVisuals=_W(this.option.target,e,t)},e.prototype.getItemSymbol=function(){return null},e.prototype.getTargetSeriesIndices=function(){var t=this.option.seriesId,e=this.option.seriesIndex;return null==e&&null==t&&(e="all"),E(pa(this.ecModel,"series",{index:e,id:t},{useDefault:!1,enableAll:!0,enableNone:!1}).models,(function(t){return t.componentIndex}))},e.prototype.eachTargetSeries=function(t,e){z(this.getTargetSeriesIndices(),(function(n){var i=this.ecModel.getSeriesByIndex(n);i&&t.call(e,i)}),this)},e.prototype.isTargetSeries=function(t){var e=!1;return this.eachTargetSeries((function(n){n===t&&(e=!0)})),e},e.prototype.formatValueText=function(t,e,n){var i,r=this.option,o=r.precision,a=this.dataBound,s=r.formatter;n=n||["<",">"],U(t)&&(t=t.slice(),i=!0);var l=e?t:i?[u(t[0]),u(t[1])]:u(t);return X(s)?s.replace("{value}",i?l[0]:l).replace("{value2}",i?l[1]:l):Y(s)?i?s(t[0],t[1]):s(t):i?t[0]===a[0]?n[0]+" "+l[1]:t[1]===a[1]?n[1]+" "+l[0]:l[0]+" - "+l[1]:l;function u(t){return t===a[0]?"min":t===a[1]?"max":(+t).toFixed(Math.min(o,20))}},e.prototype.resetExtent=function(){var t=this.option,e=IU([t.min,t.max]);this._dataExtent=e},e.prototype.getDataDimensionIndex=function(t){var e=this.option.dimension;if(null!=e)return t.getDimensionIndex(e);for(var n=t.dimensions,i=n.length-1;i>=0;i--){var r=n[i],o=t.getDimensionInfo(r);if(!o.isCalculationCoord)return o.storeDimIndex}},e.prototype.getExtent=function(){return this._dataExtent.slice()},e.prototype.completeVisualOption=function(){var t=this.ecModel,e=this.option,n={inRange:e.inRange,outOfRange:e.outOfRange},i=e.target||(e.target={}),r=e.controller||(e.controller={});C(i,n),C(r,n);var o=this.isCategory();function a(n){SU(e.color)&&!n.inRange&&(n.inRange={color:e.color.slice().reverse()}),n.inRange=n.inRange||{color:t.get("gradientColor")}}a.call(this,i),a.call(this,r),function(t,e,n){var i=t[e],r=t[n];i&&!r&&(r=t[n]={},MU(i,(function(t,e){if(hL.isValidType(e)){var n=xU(e,"inactive",o);null!=n&&(r[e]=n,"color"!==e||r.hasOwnProperty("opacity")||r.hasOwnProperty("colorAlpha")||(r.opacity=[0,0]))}})))}.call(this,i,"inRange","outOfRange"),function(t){var e=(t.inRange||{}).symbol||(t.outOfRange||{}).symbol,n=(t.inRange||{}).symbolSize||(t.outOfRange||{}).symbolSize,i=this.get("inactiveColor"),r=this.getItemSymbol()||"roundRect";MU(this.stateList,(function(a){var s=this.itemSize,l=t[a];l||(l=t[a]={color:o?i:[i]}),null==l.symbol&&(l.symbol=e&&T(e)||(o?r:[r])),null==l.symbolSize&&(l.symbolSize=n&&T(n)||(o?s[0]:[s[0],s[0]])),l.symbol=bU(l.symbol,(function(t){return"none"===t?r:t}));var u=l.symbolSize;if(null!=u){var c=-1/0;wU(u,(function(t){t>c&&(c=t)})),l.symbolSize=bU(u,(function(t){return TU(t,[0,c],[0,s[0]],!0)}))}}),this)}.call(this,r)},e.prototype.resetItemSize=function(){this.itemSize=[parseFloat(this.get("itemWidth")),parseFloat(this.get("itemHeight"))]},e.prototype.isCategory=function(){return!!this.option.categories},e.prototype.setSelected=function(t){},e.prototype.getSelected=function(){return null},e.prototype.getValueState=function(t){return null},e.prototype.getVisualMeta=function(t){return null},e.type="visualMap",e.dependencies=["series"],e.defaultOption={show:!0,z:4,min:0,max:200,left:0,right:null,top:null,bottom:0,itemWidth:null,itemHeight:null,inverse:!1,orient:"vertical",backgroundColor:tf.color.transparent,borderColor:tf.color.borderTint,contentColor:tf.color.theme[0],inactiveColor:tf.color.disabled,borderWidth:0,padding:tf.size.m,textGap:10,precision:0,textStyle:{color:tf.color.secondary}},e}(Qp),DU=[20,140],AU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(e,n){t.prototype.optionUpdated.apply(this,arguments),this.resetExtent(),this.resetVisual((function(t){t.mappingMethod="linear",t.dataExtent=this.getExtent()})),this._resetRange()},e.prototype.resetItemSize=function(){t.prototype.resetItemSize.apply(this,arguments);var e=this.itemSize;(null==e[0]||isNaN(e[0]))&&(e[0]=DU[0]),(null==e[1]||isNaN(e[1]))&&(e[1]=DU[1])},e.prototype._resetRange=function(){var t=this.getExtent(),e=this.option.range;!e||e.auto?(t.auto=1,this.option.range=t):U(e)&&(e[0]>e[1]&&e.reverse(),e[0]=Math.max(e[0],t[0]),e[1]=Math.min(e[1],t[1]))},e.prototype.completeVisualOption=function(){t.prototype.completeVisualOption.apply(this,arguments),z(this.stateList,(function(t){var e=this.option.controller[t].symbolSize;e&&e[0]!==e[1]&&(e[0]=e[1]/3)}),this)},e.prototype.setSelected=function(t){this.option.range=t.slice(),this._resetRange()},e.prototype.getSelected=function(){var t=this.getExtent(),e=xo((this.get("range")||[]).slice());return e[0]>t[1]&&(e[0]=t[1]),e[1]>t[1]&&(e[1]=t[1]),e[0]<t[0]&&(e[0]=t[0]),e[1]<t[0]&&(e[1]=t[0]),e},e.prototype.getValueState=function(t){var e=this.option.range,n=this.getExtent(),i=rt(this.option.unboundedRange,!0);return(i&&e[0]<=n[0]||e[0]<=t)&&(i&&e[1]>=n[1]||t<=e[1])?"inRange":"outOfRange"},e.prototype.findTargetDataIndices=function(t){var e=[];return this.eachTargetSeries((function(n){var i=[],r=n.getData();r.each(this.getDataDimensionIndex(r),(function(e,n){t[0]<=e&&e<=t[1]&&i.push(n)}),this),e.push({seriesId:n.id,dataIndex:i})}),this),e},e.prototype.getVisualMeta=function(t){var e=kU(this,"outOfRange",this.getExtent()),n=kU(this,"inRange",this.option.range.slice()),i=[];function r(e,n){i.push({value:e,color:t(e,n)})}for(var o=0,a=0,s=n.length,l=e.length;a<l&&(!n.length||e[a]<=n[0]);a++)e[a]<n[o]&&r(e[a],"outOfRange");for(var u=1;o<s;o++,u=0)u&&i.length&&r(n[o],"outOfRange"),r(n[o],"inRange");for(u=1;a<l;a++)(!n.length||n[n.length-1]<e[a])&&(u&&(i.length&&r(i[i.length-1].value,"outOfRange"),u=0),r(e[a],"outOfRange"));var c=i.length;return{stops:i,outerColors:[c?i[0].color:"transparent",c?i[c-1].color:"transparent"]}},e.type="visualMap.continuous",e.defaultOption=Id(CU.defaultOption,{align:"auto",calculable:!1,hoverLink:!0,realtime:!0,handleIcon:"path://M-11.39,9.77h0a3.5,3.5,0,0,1-3.5,3.5h-22a3.5,3.5,0,0,1-3.5-3.5h0a3.5,3.5,0,0,1,3.5-3.5h22A3.5,3.5,0,0,1-11.39,9.77Z",handleSize:"120%",handleStyle:{borderColor:tf.color.neutral00,borderWidth:1},indicatorIcon:"circle",indicatorSize:"50%",indicatorStyle:{borderColor:tf.color.neutral00,borderWidth:2,shadowBlur:2,shadowOffsetX:1,shadowOffsetY:1,shadowColor:tf.color.shadow}}),e}(CU);function kU(t,e,n){if(n[0]===n[1])return n.slice();for(var i=(n[1]-n[0])/200,r=n[0],o=[],a=0;a<=200&&r<n[1];a++)o.push(r),r+=i;return o.push(n[1]),o}var LU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.autoPositionValues={left:1,right:1,top:1,bottom:1},n}return n(e,t),e.prototype.init=function(t,e){this.ecModel=t,this.api=e},e.prototype.render=function(t,e,n,i){this.visualMapModel=t,!1!==t.get("show")?this.doRender(t,e,n,i):this.group.removeAll()},e.prototype.renderBackground=function(t){var e=this.visualMapModel,n=yp(e.get("padding")||0),i=t.getBoundingRect();t.add(new xl({z2:-1,silent:!0,shape:{x:i.x-n[3],y:i.y-n[0],width:i.width+n[3]+n[1],height:i.height+n[0]+n[2]},style:{fill:e.get("backgroundColor"),stroke:e.get("borderColor"),lineWidth:e.get("borderWidth")}}))},e.prototype.getControllerVisual=function(t,e,n){var i=(n=n||{}).forceState,r=this.visualMapModel,o={};if("color"===e){var a=r.get("contentColor");o.color=a}function s(t){return o[t]}function l(t,e){o[t]=e}var u=r.controllerVisuals[i||r.getValueState(t)];return z(hL.prepareVisualTypes(u),(function(i){var r=u[i];n.convertOpacityToAlpha&&"opacity"===i&&(i="colorAlpha",r=u.__alphaForOpacity),hL.dependsOn(i,e)&&r&&r.applyVisual(t,s,l)})),o[e]},e.prototype.positionGroup=function(t){var e=this.visualMapModel,n=Xp(e,this.api).refContainer;Zp(t,e.getBoxLayoutParams(),n)},e.prototype.doRender=function(t,e,n,i){},e.type="visualMap",e}(Ky),PU=[["left","right","width"],["top","bottom","height"]];function OU(t,e,n){var i=t.option,r=i.align;if(null!=r&&"auto"!==r)return r;for(var o={width:e.getWidth(),height:e.getHeight()},a="horizontal"===i.orient?1:0,s=PU[a],l=[0,null,10],u={},c=0;c<3;c++)u[PU[1-a][c]]=l[c],u[s[c]]=2===c?n[0]:i[s[c]];var h=[["x","width",3],["y","height",0]][a],d=Hp(u,o,i.padding);return s[(d.margin[h[2]]||0)+d[h[0]]+.5*d[h[1]]<.5*o[h[1]]?0:1]}function RU(t,e){return z(t||[],(function(t){null!=t.dataIndex&&(t.dataIndexInside=t.dataIndex,t.dataIndex=null),t.highlightKey="visualMap"+(e?e.componentIndex:"")})),t}var NU=go,zU=z,EU=Math.min,BU=Math.max,VU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._shapes={},n._dataInterval=[],n._handleEnds=[],n._hoverLinkDataIndices=[],n}return n(e,t),e.prototype.init=function(e,n){t.prototype.init.call(this,e,n),this._hoverLinkFromSeriesMouseOver=W(this._hoverLinkFromSeriesMouseOver,this),this._hideIndicator=W(this._hideIndicator,this)},e.prototype.doRender=function(t,e,n,i){i&&"selectDataRange"===i.type&&i.from===this.uid||this._buildView()},e.prototype._buildView=function(){this.group.removeAll();var t=this.visualMapModel,e=this.group;this._orient=t.get("orient"),this._useHandle=t.get("calculable"),this._resetInterval(),this._renderBar(e);var n=t.get("text");this._renderEndsText(e,n,0),this._renderEndsText(e,n,1),this._updateView(!0),this.renderBackground(e),this._updateView(),this._enableHoverLinkToSeries(),this._enableHoverLinkFromSeries(),this.positionGroup(e)},e.prototype._renderEndsText=function(t,e,n){if(e){var i=e[1-n];i=null!=i?i+"":"";var r=this.visualMapModel,o=r.get("textGap"),a=r.itemSize,s=this._shapes.mainGroup,l=this._applyTransform([a[0]/2,0===n?-o:a[1]+o],s),u=this._applyTransform(0===n?"bottom":"top",s),c=this._orient,h=this.visualMapModel.textStyleModel;this.group.add(new Sl({style:Qh(h,{x:l[0],y:l[1],verticalAlign:h.get("verticalAlign")||("horizontal"===c?"middle":u),align:h.get("align")||("horizontal"===c?u:"center"),text:i})}))}},e.prototype._renderBar=function(t){var e=this.visualMapModel,n=this._shapes,i=e.itemSize,r=this._orient,o=this._useHandle,a=OU(e,this.api,i),s=n.mainGroup=this._createBarGroup(a),l=new to;s.add(l),l.add(n.outOfRange=GU()),l.add(n.inRange=GU(null,o?WU(this._orient):null,W(this._dragHandle,this,"all",!1),W(this._dragHandle,this,"all",!0))),l.setClipPath(new xl({shape:{x:0,y:0,width:i[0],height:i[1],r:3}}));var u=e.textStyleModel.getTextRect("国"),c=BU(u.width,u.height);o&&(n.handleThumbs=[],n.handleLabels=[],n.handleLabelPoints=[],this._createHandle(e,s,0,i,c,r),this._createHandle(e,s,1,i,c,r)),this._createIndicator(e,s,i,c,r),t.add(s)},e.prototype._createHandle=function(t,e,n,i,r,o){var a=W(this._dragHandle,this,n,!1),s=W(this._dragHandle,this,n,!0),l=Fr(t.get("handleSize"),i[0]),u=hm(t.get("handleIcon"),-l/2,-l/2,l,l,null,!0),c=WU(this._orient);u.attr({cursor:c,draggable:!0,drift:a,ondragend:s,onmousemove:function(t){fe(t.event)}}),u.x=i[0]/2,u.useStyle(t.getModel("handleStyle").getItemStyle()),u.setStyle({strokeNoScale:!0,strokeFirst:!0}),u.style.lineWidth*=2,u.ensureState("emphasis").style=t.getModel(["emphasis","handleStyle"]).getItemStyle(),Lu(u,!0),e.add(u);var h=this.visualMapModel.textStyleModel,d=new Sl({cursor:c,draggable:!0,drift:a,onmousemove:function(t){fe(t.event)},ondragend:s,style:Qh(h,{x:0,y:0,text:""})});d.ensureState("blur").style={opacity:.1},d.stateTransition={duration:200},this.group.add(d);var p=[l,0],f=this._shapes;f.handleThumbs[n]=u,f.handleLabelPoints[n]=p,f.handleLabels[n]=d},e.prototype._createIndicator=function(t,e,n,i,r){var o=Fr(t.get("indicatorSize"),n[0]),a=hm(t.get("indicatorIcon"),-o/2,-o/2,o,o,null,!0);a.attr({cursor:"move",invisible:!0,silent:!0,x:n[0]/2});var s=t.getModel("indicatorStyle").getItemStyle();if(a instanceof dl){var l=a.style;a.useStyle(A({image:l.image,x:l.x,y:l.y,width:l.width,height:l.height},s))}else a.useStyle(s);e.add(a);var u=this.visualMapModel.textStyleModel,c=new Sl({silent:!0,invisible:!0,style:Qh(u,{x:0,y:0,text:""})});this.group.add(c);var h=[("horizontal"===r?i/2:6)+n[0]/2,0],d=this._shapes;d.indicator=a,d.indicatorLabel=c,d.indicatorLabelPoint=h,this._firstShowIndicator=!0},e.prototype._dragHandle=function(t,e,n,i){if(this._useHandle){if(this._dragging=!e,!e){var r=this._applyTransform([n,i],this._shapes.mainGroup,!0);this._updateInterval(t,r[1]),this._hideIndicator(),this._updateView()}e===!this.visualMapModel.get("realtime")&&this.api.dispatchAction({type:"selectDataRange",from:this.uid,visualMapId:this.visualMapModel.id,selected:this._dataInterval.slice()}),e?!this._hovering&&this._clearHoverLinkToSeries():FU(this.visualMapModel)&&this._doHoverLinkToSeries(this._handleEnds[t],!1)}},e.prototype._resetInterval=function(){var t=this.visualMapModel,e=this._dataInterval=t.getSelected(),n=t.getExtent(),i=[0,t.itemSize[1]];this._handleEnds=[NU(e[0],n,i,!0),NU(e[1],n,i,!0)]},e.prototype._updateInterval=function(t,e){e=e||0;var n=this.visualMapModel,i=this._handleEnds,r=[0,n.itemSize[1]];CO(e,i,r,t,0);var o=n.getExtent();this._dataInterval=[NU(i[0],r,o,!0),NU(i[1],r,o,!0)]},e.prototype._updateView=function(t){var e=this.visualMapModel,n=e.getExtent(),i=this._shapes,r=[0,e.itemSize[1]],o=t?r:this._handleEnds,a=this._createBarVisual(this._dataInterval,n,o,"inRange"),s=this._createBarVisual(n,n,r,"outOfRange");i.inRange.setStyle({fill:a.barColor}).setShape("points",a.barPoints),i.outOfRange.setStyle({fill:s.barColor}).setShape("points",s.barPoints),this._updateHandle(o,a)},e.prototype._createBarVisual=function(t,e,n,i){var r={forceState:i,convertOpacityToAlpha:!0},o=this._makeColorGradient(t,r),a=[this.getControllerVisual(t[0],"symbolSize",r),this.getControllerVisual(t[1],"symbolSize",r)],s=this._createBarPoints(n,a);return{barColor:new Bc(0,0,0,1,o),barPoints:s,handlesColor:[o[0].color,o[o.length-1].color]}},e.prototype._makeColorGradient=function(t,e){var n=[],i=(t[1]-t[0])/100;n.push({color:this.getControllerVisual(t[0],"color",e),offset:0});for(var r=1;r<100;r++){var o=t[0]+i*r;if(o>t[1])break;n.push({color:this.getControllerVisual(o,"color",e),offset:r/100})}return n.push({color:this.getControllerVisual(t[1],"color",e),offset:1}),n},e.prototype._createBarPoints=function(t,e){var n=this.visualMapModel.itemSize;return[[n[0]-e[0],t[0]],[n[0],t[0]],[n[0],t[1]],[n[0]-e[1],t[1]]]},e.prototype._createBarGroup=function(t){var e=this._orient,n=this.visualMapModel.get("inverse");return new to("horizontal"!==e||n?"horizontal"===e&&n?{scaleX:"bottom"===t?-1:1,rotation:-Math.PI/2}:"vertical"!==e||n?{scaleX:"left"===t?1:-1}:{scaleX:"left"===t?1:-1,scaleY:-1}:{scaleX:"bottom"===t?1:-1,rotation:Math.PI/2})},e.prototype._updateHandle=function(t,e){if(this._useHandle){var n=this._shapes,i=this.visualMapModel,r=n.handleThumbs,o=n.handleLabels,a=i.itemSize,s=i.getExtent(),l=this._applyTransform("left",n.mainGroup);zU([0,1],(function(u){var c=r[u];c.setStyle("fill",e.handlesColor[u]),c.y=t[u];var h=NU(t[u],[0,a[1]],s,!0),d=this.getControllerVisual(h,"symbolSize");c.scaleX=c.scaleY=d/a[0],c.x=a[0]-d/2;var p=Sh(n.handleLabelPoints[u],wh(c,this.group));if("horizontal"===this._orient){var f="left"===l||"top"===l?(a[0]-d)/2:(a[0]-d)/-2;p[1]+=f}o[u].setStyle({x:p[0],y:p[1],text:i.formatValueText(this._dataInterval[u]),verticalAlign:"middle",align:"vertical"===this._orient?this._applyTransform("left",n.mainGroup):"center"})}),this)}},e.prototype._showIndicator=function(t,e,n,i){var r=this.visualMapModel,o=r.getExtent(),a=r.itemSize,s=[0,a[1]],l=this._shapes,u=l.indicator;if(u){u.attr("invisible",!1);var c=this.getControllerVisual(t,"color",{convertOpacityToAlpha:!0}),h=this.getControllerVisual(t,"symbolSize"),d=NU(t,o,s,!0),p=a[0]-h/2,f={x:u.x,y:u.y};u.y=d,u.x=p;var g=Sh(l.indicatorLabelPoint,wh(u,this.group)),y=l.indicatorLabel;y.attr("invisible",!1);var v=this._applyTransform("left",l.mainGroup),m="horizontal"===this._orient;y.setStyle({text:(n||"")+r.formatValueText(e),verticalAlign:m?v:"middle",align:m?"center":v});var x={x:p,y:d,style:{fill:c}},_={style:{x:g[0],y:g[1]}};if(r.ecModel.isAnimationEnabled()&&!this._firstShowIndicator){var b={duration:100,easing:"cubicInOut",additive:!0};u.x=f.x,u.y=f.y,u.animateTo(x,b),y.animateTo(_,b)}else u.attr(x),y.attr(_);this._firstShowIndicator=!1;var w=this._shapes.handleLabels;if(w)for(var S=0;S<w.length;S++)this.api.enterBlur(w[S])}},e.prototype._enableHoverLinkToSeries=function(){var t=this;this._shapes.mainGroup.on("mousemove",(function(e){if(t._hovering=!0,!t._dragging){var n=t.visualMapModel.itemSize,i=t._applyTransform([e.offsetX,e.offsetY],t._shapes.mainGroup,!0,!0);i[1]=EU(BU(0,i[1]),n[1]),t._doHoverLinkToSeries(i[1],0<=i[0]&&i[0]<=n[0])}})).on("mouseout",(function(){t._hovering=!1,!t._dragging&&t._clearHoverLinkToSeries()}))},e.prototype._enableHoverLinkFromSeries=function(){var t=this.api.getZr();this.visualMapModel.option.hoverLink?(t.on("mouseover",this._hoverLinkFromSeriesMouseOver,this),t.on("mouseout",this._hideIndicator,this)):this._clearHoverLinkFromSeries()},e.prototype._doHoverLinkToSeries=function(t,e){var n=this.visualMapModel,i=n.itemSize;if(n.option.hoverLink){var r=[0,i[1]],o=n.getExtent();t=EU(BU(r[0],t),r[1]);var a=function(t,e,n){var i=6,r=t.get("hoverLinkDataSize");r&&(i=NU(r,e,n,!0)/2);return i}(n,o,r),s=[t-a,t+a],l=NU(t,r,o,!0),u=[NU(s[0],r,o,!0),NU(s[1],r,o,!0)];s[0]<r[0]&&(u[0]=-1/0),s[1]>r[1]&&(u[1]=1/0),e&&(u[0]===-1/0?this._showIndicator(l,u[1],"< ",a):u[1]===1/0?this._showIndicator(l,u[0],"> ",a):this._showIndicator(l,l,"≈ ",a));var c=this._hoverLinkDataIndices,h=[];(e||FU(n))&&(h=this._hoverLinkDataIndices=n.findTargetDataIndices(u));var d=function(t,e){var n={},i={};return r(t||[],n),r(e||[],i,n),[o(n),o(i)];function r(t,e,n){for(var i=0,r=t.length;i<r;i++){var o=ia(t[i].seriesId,null);if(null==o)return;for(var a=qo(t[i].dataIndex),s=n&&n[o],l=0,u=a.length;l<u;l++){var c=a[l];s&&s[c]?s[c]=null:(e[o]||(e[o]={}))[c]=1}}}function o(t,e){var n=[];for(var i in t)if(t.hasOwnProperty(i)&&null!=t[i])if(e)n.push(+i);else{var r=o(t[i],!0);r.length&&n.push({seriesId:i,dataIndex:r})}return n}}(c,h);this._dispatchHighDown("downplay",RU(d[0],n)),this._dispatchHighDown("highlight",RU(d[1],n))}},e.prototype._hoverLinkFromSeriesMouseOver=function(t){var e;if(Qv(t.target,(function(t){var n=zl(t);if(null!=n.dataIndex)return e=n,!0}),!0),e){var n=this.ecModel.getSeriesByIndex(e.seriesIndex),i=this.visualMapModel;if(i.isTargetSeries(n)){var r=n.getData(e.dataType),o=r.getStore().get(i.getDataDimensionIndex(r),e.dataIndex);isNaN(o)||this._showIndicator(o,o)}}},e.prototype._hideIndicator=function(){var t=this._shapes;t.indicator&&t.indicator.attr("invisible",!0),t.indicatorLabel&&t.indicatorLabel.attr("invisible",!0);var e=this._shapes.handleLabels;if(e)for(var n=0;n<e.length;n++)this.api.leaveBlur(e[n])},e.prototype._clearHoverLinkToSeries=function(){this._hideIndicator();var t=this._hoverLinkDataIndices;this._dispatchHighDown("downplay",RU(t,this.visualMapModel)),t.length=0},e.prototype._clearHoverLinkFromSeries=function(){this._hideIndicator();var t=this.api.getZr();t.off("mouseover",this._hoverLinkFromSeriesMouseOver),t.off("mouseout",this._hideIndicator)},e.prototype._applyTransform=function(t,e,n,i){var r=wh(e,i?null:this.group);return U(t)?Sh(t,r,n):Mh(t,r,n)},e.prototype._dispatchHighDown=function(t,e){e&&e.length&&this.api.dispatchAction({type:t,batch:e})},e.prototype.dispose=function(){this._clearHoverLinkFromSeries(),this._clearHoverLinkToSeries()},e.type="visualMap.continuous",e}(LU);function GU(t,e,n,i){return new Mc({shape:{points:t},draggable:!!n,cursor:e,drift:n,onmousemove:function(t){fe(t.event)},ondragend:i})}function FU(t){var e=t.get("hoverLinkOnHandle");return!!(null==e?t.get("realtime"):e)}function WU(t){return"vertical"===t?"ns-resize":"ew-resize"}var HU={type:"selectDataRange",event:"dataRangeSelected",update:"update"},UU=function(t,e){e.eachComponent({mainType:"visualMap",query:t},(function(e){e.setSelected(t.selected)}))},YU=[{createOnAllSeries:!0,reset:function(t,e){var n=[];return e.eachComponent("visualMap",(function(e){var i,r,o,a,s,l=t.pipelineContext;!e.isTargetSeries(t)||l&&l.large||n.push((i=e.stateList,r=e.targetVisuals,o=W(e.getValueState,e),a=e.getDataDimensionIndex(t.getData()),s={},z(i,(function(t){var e=hL.prepareVisualTypes(r[t]);s[t]=e})),{progress:function(t,e){var n,i;function l(t){return jv(e,i,t)}function u(t,n){Kv(e,i,t,n)}null!=a&&(n=e.getDimensionIndex(a));for(var c=e.getStore();null!=(i=t.next());){var h=e.getRawDataItem(i);if(!h||!1!==h.visualMap)for(var d=null!=a?c.get(n,i):i,p=o(d),f=r[p],g=s[p],y=0,v=g.length;y<v;y++){var m=g[y];f[m]&&f[m].applyVisual(d,l,u)}}}}))})),n}},{createOnAllSeries:!0,reset:function(t,e){var n=t.getData(),i=[];e.eachComponent("visualMap",(function(e){if(e.isTargetSeries(t)){var r=e.getVisualMeta(W(XU,null,t,e))||{stops:[],outerColors:[]},o=e.getDataDimensionIndex(n);o>=0&&(r.dimension=o,i.push(r))}})),t.getData().setVisual("visualMeta",i)}}];function XU(t,e,n,i){for(var r=e.targetVisuals[i],o=hL.prepareVisualTypes(r),a={color:qv(t.getData(),"color")},s=0,l=o.length;s<l;s++){var u=o[s],c=r["opacity"===u?"__alphaForOpacity":u];c&&c.applyVisual(n,h,d)}return a.color;function h(t){return a[t]}function d(t,e){a[t]=e}}var ZU=z;function jU(t){var e=t&&t.visualMap;U(e)||(e=e?[e]:[]),ZU(e,(function(t){if(t){qU(t,"splitList")&&!qU(t,"pieces")&&(t.pieces=t.splitList,delete t.splitList);var e=t.pieces;e&&U(e)&&ZU(e,(function(t){q(t)&&(qU(t,"start")&&!qU(t,"min")&&(t.min=t.start),qU(t,"end")&&!qU(t,"max")&&(t.max=t.end))}))}}))}function qU(t,e){return t&&t.hasOwnProperty&&t.hasOwnProperty(e)}var KU=!1;function $U(t){KU||(KU=!0,t.registerSubTypeDefaulter("visualMap",(function(t){return t.categories||(t.pieces?t.pieces.length>0:t.splitNumber>0)&&!t.calculable?"piecewise":"continuous"})),t.registerAction(HU,UU),z(YU,(function(e){t.registerVisual(t.PRIORITY.VISUAL.COMPONENT,e)})),t.registerPreprocessor(jU))}function JU(t){t.registerComponentModel(AU),t.registerComponentView(VU),$U(t)}var QU=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._pieceList=[],n}return n(e,t),e.prototype.optionUpdated=function(e,n){t.prototype.optionUpdated.apply(this,arguments),this.resetExtent();var i=this._mode=this._determineMode();this._pieceList=[],tY[this._mode].call(this,this._pieceList),this._resetSelected(e,n);var r=this.option.categories;this.resetVisual((function(t,e){"categories"===i?(t.mappingMethod="category",t.categories=T(r)):(t.dataExtent=this.getExtent(),t.mappingMethod="piecewise",t.pieceList=E(this._pieceList,(function(t){return t=T(t),"inRange"!==e&&(t.visual=null),t})))}))},e.prototype.completeVisualOption=function(){var e=this.option,n={},i=hL.listVisualTypes(),r=this.isCategory();function o(t,e,n){return t&&t[e]&&t[e].hasOwnProperty(n)}z(e.pieces,(function(t){z(i,(function(e){t.hasOwnProperty(e)&&(n[e]=1)}))})),z(n,(function(t,n){var i=!1;z(this.stateList,(function(t){i=i||o(e,t,n)||o(e.target,t,n)}),this),!i&&z(this.stateList,(function(t){(e[t]||(e[t]={}))[n]=xU(n,"inRange"===t?"active":"inactive",r)}))}),this),t.prototype.completeVisualOption.apply(this,arguments)},e.prototype._resetSelected=function(t,e){var n=this.option,i=this._pieceList,r=(e?n:t).selected||{};if(n.selected=r,z(i,(function(t,e){var n=this.getSelectedMapKey(t);r.hasOwnProperty(n)||(r[n]=!0)}),this),"single"===n.selectedMode){var o=!1;z(i,(function(t,e){var n=this.getSelectedMapKey(t);r[n]&&(o?r[n]=!1:o=!0)}),this)}},e.prototype.getItemSymbol=function(){return this.get("itemSymbol")},e.prototype.getSelectedMapKey=function(t){return"categories"===this._mode?t.value+"":t.index+""},e.prototype.getPieceList=function(){return this._pieceList},e.prototype._determineMode=function(){var t=this.option;return t.pieces&&t.pieces.length>0?"pieces":this.option.categories?"categories":"splitNumber"},e.prototype.setSelected=function(t){this.option.selected=T(t)},e.prototype.getValueState=function(t){var e=hL.findPieceIndex(t,this._pieceList);return null!=e&&this.option.selected[this.getSelectedMapKey(this._pieceList[e])]?"inRange":"outOfRange"},e.prototype.findTargetDataIndices=function(t){var e=[],n=this._pieceList;return this.eachTargetSeries((function(i){var r=[],o=i.getData();o.each(this.getDataDimensionIndex(o),(function(e,i){hL.findPieceIndex(e,n)===t&&r.push(i)}),this),e.push({seriesId:i.id,dataIndex:r})}),this),e},e.prototype.getRepresentValue=function(t){var e;if(this.isCategory())e=t.value;else if(null!=t.value)e=t.value;else{var n=t.interval||[];e=n[0]===-1/0&&n[1]===1/0?0:(n[0]+n[1])/2}return e},e.prototype.getVisualMeta=function(t){if(!this.isCategory()){var e=[],n=["",""],i=this,r=this._pieceList.slice();if(r.length){var o=r[0].interval[0];o!==-1/0&&r.unshift({interval:[-1/0,o]}),(o=r[r.length-1].interval[1])!==1/0&&r.push({interval:[o,1/0]})}else r.push({interval:[-1/0,1/0]});var a=-1/0;return z(r,(function(t){var e=t.interval;e&&(e[0]>a&&s([a,e[0]],"outOfRange"),s(e.slice()),a=e[1])}),this),{stops:e,outerColors:n}}function s(r,o){var a=i.getRepresentValue({interval:r});o||(o=i.getValueState(a));var s=t(a,o);r[0]===-1/0?n[0]=s:r[1]===1/0?n[1]=s:e.push({value:r[0],color:s},{value:r[1],color:s})}},e.type="visualMap.piecewise",e.defaultOption=Id(CU.defaultOption,{selected:null,minOpen:!1,maxOpen:!1,align:"auto",itemWidth:20,itemHeight:14,itemSymbol:"roundRect",pieces:null,categories:null,splitNumber:5,selectedMode:"multiple",itemGap:10,hoverLink:!0}),e}(CU),tY={splitNumber:function(t){var e=this.option,n=Math.min(e.precision,20),i=this.getExtent(),r=e.splitNumber;r=Math.max(parseInt(r,10),1),e.splitNumber=r;for(var o=(i[1]-i[0])/r;+o.toFixed(n)!==o&&n<5;)n++;e.precision=n,o=+o.toFixed(n),e.minOpen&&t.push({interval:[-1/0,i[0]],close:[0,0]});for(var a=0,s=i[0];a<r;s+=o,a++){var l=a===r-1?i[1]:s+o;t.push({interval:[s,l],close:[1,1]})}e.maxOpen&&t.push({interval:[i[1],1/0],close:[0,0]}),Ro(t),z(t,(function(t,e){t.index=e,t.text=this.formatValueText(t.interval)}),this)},categories:function(t){var e=this.option;z(e.categories,(function(e){t.push({text:this.formatValueText(e,!0),value:e})}),this),eY(e,t)},pieces:function(t){var e=this.option;z(e.pieces,(function(e,n){q(e)||(e={value:e});var i={text:"",index:n};if(null!=e.label&&(i.text=e.label),e.hasOwnProperty("value")){var r=i.value=e.value;i.interval=[r,r],i.close=[1,1]}else{for(var o=i.interval=[],a=i.close=[0,0],s=[1,0,1],l=[-1/0,1/0],u=[],c=0;c<2;c++){for(var h=[["gte","gt","min"],["lte","lt","max"]][c],d=0;d<3&&null==o[c];d++)o[c]=e[h[d]],a[c]=s[d],u[c]=2===d;null==o[c]&&(o[c]=l[c])}u[0]&&o[1]===1/0&&(a[0]=0),u[1]&&o[0]===-1/0&&(a[1]=0),o[0]===o[1]&&a[0]&&a[1]&&(i.value=o[0])}i.visual=hL.retrieveVisuals(e),t.push(i)}),this),eY(e,t),Ro(t),z(t,(function(t){var e=t.close,n=[["<","≤"][e[1]],[">","≥"][e[0]]];t.text=t.text||this.formatValueText(null!=t.value?t.value:t.interval,!1,n)}),this)}};function eY(t,e){var n=t.inverse;("vertical"===t.orient?!n:n)&&e.reverse()}var nY=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.doRender=function(){var t=this.group;t.removeAll();var e=this.visualMapModel,n=e.get("textGap"),i=e.textStyleModel,r=this._getItemAlign(),o=e.itemSize,a=this._getViewData(),s=a.endsText,l=it(e.get("showLabel",!0),!s),u=!e.get("selectedMode");s&&this._renderEndsText(t,s[0],o,l,r),z(a.viewPieceList,(function(a){var s=a.piece,c=new to;c.onclick=W(this._onItemClick,this,s),this._enableHoverLink(c,a.indexInModelPieceList);var h=e.getRepresentValue(s);if(this._createItemSymbol(c,h,[0,0,o[0],o[1]],u),l){var d=this.visualMapModel.getValueState(h),p=i.get("align")||r;c.add(new Sl({style:Qh(i,{x:"right"===p?-n:o[0]+n,y:o[1]/2,text:s.text,verticalAlign:i.get("verticalAlign")||"middle",align:p,opacity:rt(i.get("opacity"),"outOfRange"===d?.5:1)}),silent:u}))}t.add(c)}),this),s&&this._renderEndsText(t,s[1],o,l,r),Gp(e.get("orient"),t,e.get("itemGap")),this.renderBackground(t),this.positionGroup(t)},e.prototype._enableHoverLink=function(t,e){var n=this;t.on("mouseover",(function(){return i("highlight")})).on("mouseout",(function(){return i("downplay")}));var i=function(t){var i=n.visualMapModel;i.option.hoverLink&&n.api.dispatchAction({type:t,batch:RU(i.findTargetDataIndices(e),i)})}},e.prototype._getItemAlign=function(){var t=this.visualMapModel,e=t.option;if("vertical"===e.orient)return OU(t,this.api,t.itemSize);var n=e.align;return n&&"auto"!==n||(n="left"),n},e.prototype._renderEndsText=function(t,e,n,i,r){if(e){var o=new to,a=this.visualMapModel.textStyleModel;o.add(new Sl({style:Qh(a,{x:i?"right"===r?n[0]:0:n[0]/2,y:n[1]/2,verticalAlign:"middle",align:i?r:"center",text:e})})),t.add(o)}},e.prototype._getViewData=function(){var t=this.visualMapModel,e=E(t.getPieceList(),(function(t,e){return{piece:t,indexInModelPieceList:e}})),n=t.get("text"),i=t.get("orient"),r=t.get("inverse");return("horizontal"===i?r:!r)?e.reverse():n&&(n=n.slice().reverse()),{viewPieceList:e,endsText:n}},e.prototype._createItemSymbol=function(t,e,n,i){var r=hm(this.getControllerVisual(e,"symbol"),n[0],n[1],n[2],n[3],this.getControllerVisual(e,"color"));r.silent=i,t.add(r)},e.prototype._onItemClick=function(t){var e=this.visualMapModel,n=e.option,i=n.selectedMode;if(i){var r=T(n.selected),o=e.getSelectedMapKey(t);"single"===i||!0===i?(r[o]=!0,z(r,(function(t,e){r[e]=e===o}))):r[o]=!r[o],this.api.dispatchAction({type:"selectDataRange",from:this.uid,visualMapId:this.visualMapModel.id,selected:r})}},e.type="visualMap.piecewise",e}(LU);function iY(t){t.registerComponentModel(QU),t.registerComponentView(nY),$U(t)}var rY=function(){function t(t){this._thumbnailModel=t}return t.prototype.reset=function(t){this._renderVersion=t.getMainProcessVersion()},t.prototype.renderContent=function(t){var e=t.api.getViewOfComponentModel(this._thumbnailModel);e&&(t.group.silent=!0,e.renderContent({group:t.group,targetTrans:t.targetTrans,z2Range:Uh(t.group),roamType:t.roamType,viewportRect:t.viewportRect,renderVersion:this._renderVersion}))},t.prototype.updateWindow=function(t,e){var n=e.getViewOfComponentModel(this._thumbnailModel);n&&n.updateWindow({targetTrans:t,renderVersion:this._renderVersion})},t}(),oY=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.preventAutoZ=!0,n}return n(e,t),e.prototype.optionUpdated=function(t,e){this._updateBridge()},e.prototype._updateBridge=function(){var t=this._birdge=this._birdge||new rY(this);(this._target=null,this.ecModel.eachSeries((function(t){BP(t,null)})),this.shouldShow())&&BP(this.getTarget().baseMapProvider,t)},e.prototype.shouldShow=function(){return this.getShallow("show",!0)},e.prototype.getBridge=function(){return this._birdge},e.prototype.getTarget=function(){if(this._target)return this._target;var t=this.getReferringComponents("series",{useDefault:!1,enableAll:!1,enableNone:!1}).models[0];return t?"graph"!==t.subType&&(t=null):t=this.ecModel.queryComponents({mainType:"series",subType:"graph"})[0],this._target={baseMapProvider:t},this._target},e.type="thumbnail",e.layoutMode="box",e.dependencies=["series","geo"],e.defaultOption={show:!0,right:1,bottom:1,height:"25%",width:"25%",itemStyle:{borderColor:tf.color.border,borderWidth:2},windowStyle:{borderWidth:1,color:tf.color.neutral30,borderColor:tf.color.neutral40,opacity:.3},z:10},e}(Qp),aY=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){if(this._api=n,this._model=t,this._coordSys||(this._coordSys=new KA),this._isEnabled()){this._renderVersion=n.getMainProcessVersion();var i=this.group;i.removeAll();var r=t.getModel("itemStyle"),o=r.getItemStyle();null==o.fill&&(o.fill=e.get("backgroundColor")||tf.color.neutral00);var a=Xp(t,n).refContainer,s=Hp(Fp(t,!0),a),l=o.lineWidth||0,u=this._contentRect=Oh(s.clone(),l/2,!0,!0),c=new to;i.add(c),c.setClipPath(new xl({shape:u.plain()}));var h=this._targetGroup=new to;c.add(h);var d=s.plain();d.r=r.getShallow("borderRadius",!0),i.add(this._bgRect=new xl({style:o,shape:d,silent:!1,cursor:"grab"}));var p=t.getModel("windowStyle"),f=p.getShallow("borderRadius",!0);c.add(this._windowRect=new xl({shape:{x:0,y:0,width:0,height:0,r:f},style:p.getItemStyle(),silent:!1,cursor:"grab"})),this._dealRenderContent(),this._dealUpdateWindow(),lY(t,this)}else this._clear()},e.prototype.renderContent=function(t){this._bridgeRendered=t,this._isEnabled()&&(this._dealRenderContent(),this._dealUpdateWindow(),lY(this._model,this))},e.prototype._dealRenderContent=function(){var t=this._bridgeRendered;if(t&&t.renderVersion===this._renderVersion){var e=this._targetGroup,n=this._coordSys,i=this._contentRect;if(e.removeAll(),t){var r=t.group,o=r.getBoundingRect();e.add(r),this._bgRect.z2=t.z2Range.min-10,n.setBoundingRect(o.x,o.y,o.width,o.height);var a=Hp({left:"center",top:"center",aspect:o.width/o.height},i);n.setViewRect(a.x,a.y,a.width,a.height),r.attr(n.getTransformInfo().raw),this._windowRect.z2=t.z2Range.max+10,this._resetRoamController(t.roamType)}}},e.prototype.updateWindow=function(t){var e=this._bridgeRendered;e&&e.renderVersion===t.renderVersion&&(e.targetTrans=t.targetTrans),this._isEnabled()&&this._dealUpdateWindow()},e.prototype._dealUpdateWindow=function(){var t=this._bridgeRendered;if(t&&t.renderVersion===this._renderVersion){var e=Te([],t.targetTrans),n=we([],this._coordSys.transform,e);this._transThisToTarget=Te([],n);var i=t.viewportRect;(i=i?i.clone():new He(0,0,this._api.getWidth(),this._api.getHeight())).applyTransform(n);var r=this._windowRect,o=r.shape.r;r.setShape(k({r:o},i))}},e.prototype._resetRoamController=function(t){var e=this,n=this._api,i=this._roamController;i||(i=this._roamController=new LD(n.getZr())),t&&this._isEnabled()?(i.enable(t,{api:n,zInfo:{component:this._model},triggerInfo:{roamTrigger:null,isInSelf:function(t,n,i){return e._contentRect.contain(n,i)}}}),i.off("pan").off("zoom").on("pan",W(this._onPan,this)).on("zoom",W(this._onZoom,this))):i.disable()},e.prototype._onPan=function(t){var e=this._transThisToTarget;if(this._isEnabled()&&e){var n=Ht([],[t.oldX,t.oldY],e),i=Ht([],[t.oldX-t.dx,t.oldY-t.dy],e);this._api.dispatchAction(sY(this._model.getTarget().baseMapProvider,{dx:i[0]-n[0],dy:i[1]-n[1]}))}},e.prototype._onZoom=function(t){var e=this._transThisToTarget;if(this._isEnabled()&&e){var n=Ht([],[t.originX,t.originY],e);this._api.dispatchAction(sY(this._model.getTarget().baseMapProvider,{zoom:1/t.scale,originX:n[0],originY:n[1]}))}},e.prototype._isEnabled=function(){var t=this._model;return!(!t||!t.shouldShow())&&!!t.getTarget().baseMapProvider},e.prototype._clear=function(){this.group.removeAll(),this._bridgeRendered=null,this._roamController&&this._roamController.disable()},e.prototype.remove=function(){this._clear()},e.prototype.dispose=function(){this._clear()},e.type="thumbnail",e}(Ky);function sY(t,e){var n={type:"series"===t.mainType?t.subType+"Roam":t.mainType+"Roam"};return n[t.mainType+"Id"]=t.id,A(n,e),n}function lY(t,e){var n=Hh(t);Yh(e.group,n.z,n.zlevel)}var uY={label:{enabled:!0},decal:{show:!1}},cY=sa(),hY={};function dY(t,e){var n=t.getModel("aria");if(n.get("enabled")){var i=T(uY);C(i.label,t.getLocaleModel().get("aria"),!1),C(n.option,i,!1),function(){if(n.getModel("decal").get("show")){var e=yt();t.eachSeries((function(t){if(!t.isColorBySeries()){var n=e.get(t.type);n||(n={},e.set(t.type,n)),cY(t).scope=n}})),t.eachRawSeries((function(e){if(!t.isSeriesFiltered(e))if(Y(e.enableAriaDecal))e.enableAriaDecal();else{var n=e.getData();if(e.isColorBySeries()){var i=Nf(e.ecModel,e.name,hY,t.getSeriesCount()),r=n.getVisual("decal");n.setVisual("decal",u(r,i))}else{var o=e.getRawData(),a={},s=cY(e).scope;n.each((function(t){var e=n.getRawIndex(t);a[e]=t}));var l=o.count();o.each((function(t){var i=a[t],r=o.getName(t)||t+"",c=Nf(e.ecModel,r,s,l),h=n.getItemVisual(i,"decal");n.setItemVisual(i,"decal",u(h,c))}))}}function u(t,e){var n=t?A(A({},e),t):e;return n.dirty=!0,n}}))}}(),function(){var i=e.getZr().dom;if(!i)return;var o=t.getLocaleModel().get("aria"),a=n.getModel("label");if(a.option=k(a.option,o),!a.get("enabled"))return;if(i.setAttribute("role","img"),a.get("description"))return void i.setAttribute("aria-label",a.get("description"));var s,l=t.getSeriesCount(),u=a.get(["data","maxCount"])||10,c=a.get(["series","maxCount"])||10,h=Math.min(l,c);if(l<1)return;var d=function(){var e=t.get("title");e&&e.length&&(e=e[0]);return e&&e.text}();s=d?r(a.get(["general","withTitle"]),{title:d}):a.get(["general","withoutTitle"]);var p=[];s+=r(l>1?a.get(["series","multiple","prefix"]):a.get(["series","single","prefix"]),{seriesCount:l}),t.eachSeries((function(e,n){if(n<h){var i=void 0,o=e.get("name")?"withName":"withoutName";i=r(i=l>1?a.get(["series","multiple",o]):a.get(["series","single",o]),{seriesId:e.seriesIndex,seriesName:e.get("name"),seriesType:(_=e.subType,b=t.getLocaleModel().get(["series","typeNames"]),b[_]||b.chart)});var s=e.getData();if(s.count()>u)i+=r(a.get(["data","partialData"]),{displayCnt:u});else i+=a.get(["data","allData"]);for(var c=a.get(["data","separator","middle"]),d=a.get(["data","separator","end"]),f=a.get(["data","excludeDimensionId"]),g=[],y=0;y<s.count();y++)if(y<u){var v=s.getName(y),m=f?V(s.getValues(y),(function(t,e){return-1===P(f,e)})):s.getValues(y),x=a.get(["data",v?"withName":"withoutName"]);g.push(r(x,{name:v,value:m.join(c)}))}i+=g.join(c)+d,p.push(i)}var _,b}));var f=a.getModel(["series","multiple","separator"]),g=f.get("middle"),y=f.get("end");s+=p.join(g)+y,i.setAttribute("aria-label",s)}()}function r(t,e){if(!X(t))return t;var n=t;return z(e,(function(t,e){n=n.replace(new RegExp("\\{\\s*"+e+"\\s*\\}","g"),t)})),n}}function pY(t){if(t&&t.aria){var e=t.aria;null!=e.show&&(e.enabled=e.show),e.label=e.label||{},z(["description","general","series","data"],(function(t){null!=e[t]&&(e.label[t]=e[t])}))}}var fY={value:"eq","<":"lt","<=":"lte",">":"gt",">=":"gte","=":"eq","!=":"ne","<>":"ne"},gY=function(){function t(t){if(null==(this._condVal=X(t)?new RegExp(t):et(t)?t:null)){var e="";0,Yo(e)}}return t.prototype.evaluate=function(t){var e=typeof t;return X(e)?this._condVal.test(t):!!j(e)&&this._condVal.test(t+"")},t}(),yY=function(){function t(){}return t.prototype.evaluate=function(){return this.value},t}(),vY=function(){function t(){}return t.prototype.evaluate=function(){for(var t=this.children,e=0;e<t.length;e++)if(!t[e].evaluate())return!1;return!0},t}(),mY=function(){function t(){}return t.prototype.evaluate=function(){for(var t=this.children,e=0;e<t.length;e++)if(t[e].evaluate())return!0;return!1},t}(),xY=function(){function t(){}return t.prototype.evaluate=function(){return!this.child.evaluate()},t}(),_Y=function(){function t(){}return t.prototype.evaluate=function(){for(var t=!!this.valueParser,e=(0,this.getValue)(this.valueGetterParam),n=t?this.valueParser(e):null,i=0;i<this.subCondList.length;i++)if(!this.subCondList[i].evaluate(t?n:e))return!1;return!0},t}();function bY(t,e){if(!0===t||!1===t){var n=new yY;return n.value=t,n}var i="";return SY(t)||Yo(i),t.and?wY("and",t,e):t.or?wY("or",t,e):t.not?function(t,e){var n=t.not,i="";0;SY(n)||Yo(i);var r=new xY;r.child=bY(n,e),r.child||Yo(i);return r}(t,e):function(t,e){for(var n="",i=e.prepareGetValue(t),r=[],o=F(t),a=t.parser,s=a?jg(a):null,l=0;l<o.length;l++){var u=o[l];if("parser"!==u&&!e.valueGetterAttrMap.get(u)){var c=_t(fY,u)?fY[u]:u,h=t[u],d=s?s(h):h,p=Qg(c,d)||"reg"===c&&new gY(d);p||Yo(n),r.push(p)}}r.length||Yo(n);var f=new _Y;return f.valueGetterParam=i,f.valueParser=s,f.getValue=e.getValue,f.subCondList=r,f}(t,e)}function wY(t,e,n){var i=e[t],r="";U(i)||Yo(r),i.length||Yo(r);var o="and"===t?new vY:new mY;return o.children=E(i,(function(t){return bY(t,n)})),o.children.length||Yo(r),o}function SY(t){return q(t)&&!N(t)}var MY=function(){function t(t,e){this._cond=bY(t,e)}return t.prototype.evaluate=function(){return this._cond.evaluate()},t}();var IY={type:"echarts:filter",transform:function(t){for(var e,n,i,r=t.upstream,o=(n=t.config,i={valueGetterAttrMap:yt({dimension:!0}),prepareGetValue:function(t){var e="",n=t.dimension;_t(t,"dimension")||Yo(e);var i=r.getDimensionInfo(n);return i||Yo(e),{dimIdx:i.index}},getValue:function(t){return r.retrieveValueFromItem(e,t.dimIdx)}},new MY(n,i)),a=[],s=0,l=r.count();s<l;s++)e=r.getRawDataItem(s),o.evaluate()&&a.push(e);return{data:a}}};var TY={type:"echarts:sort",transform:function(t){var e=t.upstream,n=t.config,i="",r=qo(n);r.length||Yo(i);var o=[];z(r,(function(t){var n=t.dimension,r=t.order,a=t.parser,s=t.incomparable;if(null==n&&Yo(i),"asc"!==r&&"desc"!==r&&Yo(i),s&&"min"!==s&&"max"!==s){var l="";0,Yo(l)}if("asc"!==r&&"desc"!==r){var u="";0,Yo(u)}var c=e.getDimensionInfo(n);c||Yo(i);var h=a?jg(a):null;a&&!h&&Yo(i),o.push({dimIdx:c.index,parser:h,comparator:new $g(r,s)})}));var a=e.sourceFormat;a!==df&&a!==pf&&Yo(i);for(var s=[],l=0,u=e.count();l<u;l++)s.push(e.getRawDataItem(l));return s.sort((function(t,n){for(var i=0;i<o.length;i++){var r=o[i],a=e.retrieveValueFromItem(t,r.dimIdx),s=e.retrieveValueFromItem(n,r.dimIdx);r.parser&&(a=r.parser(a),s=r.parser(s));var l=r.comparator.evaluate(a,s);if(0!==l)return l}return 0})),{data:s}}};var CY=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="dataset",e}return n(e,t),e.prototype.init=function(e,n,i){t.prototype.init.call(this,e,n,i),this._sourceManager=new my(this),xy(this)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.call(this,e,n),xy(this)},e.prototype.optionUpdated=function(){this._sourceManager.dirty()},e.prototype.getSourceManager=function(){return this._sourceManager},e.type="dataset",e.defaultOption={seriesLayoutBy:vf},e}(Qp),DY=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="dataset",e}return n(e,t),e.type="dataset",e}(Ky);var AY=Fs.CMD;function kY(t,e){return Math.abs(t-e)<1e-5}function LY(t){var e,n,i,r,o,a=t.data,s=t.len(),l=[],u=0,c=0,h=0,d=0;function p(t,n){e&&e.length>2&&l.push(e),e=[t,n]}function f(t,n,i,r){kY(t,i)&&kY(n,r)||e.push(t,n,i,r,i,r)}function g(t,n,i,r,o,a){var s=Math.abs(n-t),l=4*Math.tan(s/4)/3,u=n<t?-1:1,c=Math.cos(t),h=Math.sin(t),d=Math.cos(n),p=Math.sin(n),f=c*o+i,g=h*a+r,y=d*o+i,v=p*a+r,m=o*l*u,x=a*l*u;e.push(f-m*h,g+x*c,y+m*p,v-x*d,y,v)}for(var y=0;y<s;){var v=a[y++],m=1===y;switch(m&&(h=u=a[y],d=c=a[y+1],v!==AY.L&&v!==AY.C&&v!==AY.Q||(e=[h,d])),v){case AY.M:u=h=a[y++],c=d=a[y++],p(h,d);break;case AY.L:f(u,c,n=a[y++],i=a[y++]),u=n,c=i;break;case AY.C:e.push(a[y++],a[y++],a[y++],a[y++],u=a[y++],c=a[y++]);break;case AY.Q:n=a[y++],i=a[y++],r=a[y++],o=a[y++],e.push(u+2/3*(n-u),c+2/3*(i-c),r+2/3*(n-r),o+2/3*(i-o),r,o),u=r,c=o;break;case AY.A:var x=a[y++],_=a[y++],b=a[y++],w=a[y++],S=a[y++],M=a[y++]+S;y+=1;var I=!a[y++];n=Math.cos(S)*b+x,i=Math.sin(S)*w+_,m?p(h=n,d=i):f(u,c,n,i),u=Math.cos(M)*b+x,c=Math.sin(M)*w+_;for(var T=(I?-1:1)*Math.PI/2,C=S;I?C>M:C<M;C+=T){g(C,I?Math.max(C+T,M):Math.min(C+T,M),x,_,b,w)}break;case AY.R:h=u=a[y++],d=c=a[y++],n=h+a[y++],i=d+a[y++],p(n,d),f(n,d,n,i),f(n,i,h,i),f(h,i,h,d),f(h,d,n,d);break;case AY.Z:e&&f(u,c,h,d),u=h,c=d}}return e&&e.length>2&&l.push(e),l}function PY(t,e,n,i,r,o,a,s,l,u){if(kY(t,n)&&kY(e,i)&&kY(r,a)&&kY(o,s))l.push(a,s);else{var c=2/u,h=c*c,d=a-t,p=s-e,f=Math.sqrt(d*d+p*p);d/=f,p/=f;var g=n-t,y=i-e,v=r-a,m=o-s,x=g*g+y*y,_=v*v+m*m;if(x<h&&_<h)l.push(a,s);else{var b=d*g+p*y,w=-d*v-p*m;if(x-b*b<h&&b>=0&&_-w*w<h&&w>=0)l.push(a,s);else{var S=[],M=[];Pn(t,n,r,a,.5,S),Pn(e,i,o,s,.5,M),PY(S[0],M[0],S[1],M[1],S[2],M[2],S[3],M[3],l,u),PY(S[4],M[4],S[5],M[5],S[6],M[6],S[7],M[7],l,u)}}}}function OY(t,e,n){var i=t[e],r=t[1-e],o=Math.abs(i/r),a=Math.ceil(Math.sqrt(o*n)),s=Math.floor(n/a);0===s&&(s=1,a=n);for(var l=[],u=0;u<a;u++)l.push(s);var c=n-a*s;if(c>0)for(u=0;u<c;u++)l[u%a]+=1;return l}function RY(t,e,n){for(var i=t.r0,r=t.r,o=t.startAngle,a=t.endAngle,s=Math.abs(a-o),l=s*r,u=r-i,c=l>Math.abs(u),h=OY([l,u],c?0:1,e),d=(c?s:u)/h.length,p=0;p<h.length;p++)for(var f=(c?u:s)/h[p],g=0;g<h[p];g++){var y={};c?(y.startAngle=o+d*p,y.endAngle=o+d*(p+1),y.r0=i+f*g,y.r=i+f*(g+1)):(y.startAngle=o+f*g,y.endAngle=o+f*(g+1),y.r0=i+d*p,y.r=i+d*(p+1)),y.clockwise=t.clockwise,y.cx=t.cx,y.cy=t.cy,n.push(y)}}function NY(t,e,n,i){return t*i-n*e}function zY(t,e,n,i,r,o,a,s){var l=n-t,u=i-e,c=a-r,h=s-o,d=NY(c,h,l,u);if(Math.abs(d)<1e-6)return null;var p=NY(t-r,e-o,c,h)/d;return p<0||p>1?null:new Ae(p*l+t,p*u+e)}function EY(t,e,n){var i=new Ae;Ae.sub(i,n,e),i.normalize();var r=new Ae;return Ae.sub(r,t,e),r.dot(i)}function BY(t,e){var n=t[t.length-1];n&&n[0]===e[0]&&n[1]===e[1]||t.push(e)}function VY(t){var e=t.points,n=[],i=[];ys(e,n,i);var r=new He(n[0],n[1],i[0]-n[0],i[1]-n[1]),o=r.width,a=r.height,s=r.x,l=r.y,u=new Ae,c=new Ae;return o>a?(u.x=c.x=s+o/2,u.y=l,c.y=l+a):(u.y=c.y=l+a/2,u.x=s,c.x=s+o),function(t,e,n){for(var i=t.length,r=[],o=0;o<i;o++){var a=t[o],s=t[(o+1)%i],l=zY(a[0],a[1],s[0],s[1],e.x,e.y,n.x,n.y);l&&r.push({projPt:EY(l,e,n),pt:l,idx:o})}if(r.length<2)return[{points:t},{points:t}];r.sort((function(t,e){return t.projPt-e.projPt}));var u=r[0],c=r[r.length-1];if(c.idx<u.idx){var h=u;u=c,c=h}var d=[u.pt.x,u.pt.y],p=[c.pt.x,c.pt.y],f=[d],g=[p];for(o=u.idx+1;o<=c.idx;o++)BY(f,t[o].slice());for(BY(f,p),BY(f,d),o=c.idx+1;o<=u.idx+i;o++)BY(g,t[o%i].slice());return BY(g,d),BY(g,p),[{points:f},{points:g}]}(e,u,c)}function GY(t,e,n,i){if(1===n)i.push(e);else{var r=Math.floor(n/2),o=t(e);GY(t,o[0],r,i),GY(t,o[1],n-r,i)}return i}function FY(t,e){e.setStyle(t.style),e.z=t.z,e.z2=t.z2,e.zlevel=t.zlevel}function WY(t,e){var n,i=[],r=t.shape;switch(t.type){case"rect":!function(t,e,n){for(var i=t.width,r=t.height,o=i>r,a=OY([i,r],o?0:1,e),s=o?"width":"height",l=o?"height":"width",u=o?"x":"y",c=o?"y":"x",h=t[s]/a.length,d=0;d<a.length;d++)for(var p=t[l]/a[d],f=0;f<a[d];f++){var g={};g[u]=d*h,g[c]=f*p,g[s]=h,g[l]=p,g.x+=t.x,g.y+=t.y,n.push(g)}}(r,e,i),n=xl;break;case"sector":RY(r,e,i),n=xc;break;case"circle":RY({r0:0,r:r.r,startAngle:0,endAngle:2*Math.PI,cx:r.cx,cy:r.cy},e,i),n=xc;break;default:var o=t.getComputedTransform(),a=o?Math.sqrt(Math.max(o[0]*o[0]+o[1]*o[1],o[2]*o[2]+o[3]*o[3])):1,s=E(function(t,e){var n=LY(t),i=[];e=e||1;for(var r=0;r<n.length;r++){var o=n[r],a=[],s=o[0],l=o[1];a.push(s,l);for(var u=2;u<o.length;){var c=o[u++],h=o[u++],d=o[u++],p=o[u++],f=o[u++],g=o[u++];PY(s,l,c,h,d,p,f,g,a,e),s=f,l=g}i.push(a)}return i}(t.getUpdatedPathProxy(),a),(function(t){return function(t){for(var e=[],n=0;n<t.length;)e.push([t[n++],t[n++]]);return e}(t)})),l=s.length;if(0===l)GY(VY,{points:s[0]},e,i);else if(l===e)for(var u=0;u<l;u++)i.push({points:s[u]});else{var c=0,h=E(s,(function(t){var e=[],n=[];ys(t,e,n);var i=(n[1]-e[1])*(n[0]-e[0]);return c+=i,{poly:t,area:i}}));h.sort((function(t,e){return e.area-t.area}));var d=e;for(u=0;u<l;u++){var p=h[u];if(d<=0)break;var f=u===l-1?d:Math.ceil(p.area/c*e);f<0||(GY(VY,{points:p.poly},f,i),d-=f)}}n=Mc}if(!n)return function(t,e){for(var n=[],i=0;i<e;i++)n.push(tc(t));return n}(t,e);var g=[];for(u=0;u<i.length;u++){var y=new n;y.setShape(i[u]),FY(t,y),g.push(y)}return g}function HY(t,e){var n=t.length,i=e.length;if(n===i)return[t,e];for(var r=[],o=[],a=n<i?t:e,s=Math.min(n,i),l=Math.abs(i-n)/6,u=(s-2)/6,c=Math.ceil(l/u)+1,h=[a[0],a[1]],d=l,p=2;p<s;){var f=a[p-2],g=a[p-1],y=a[p++],v=a[p++],m=a[p++],x=a[p++],_=a[p++],b=a[p++];if(d<=0)h.push(y,v,m,x,_,b);else{for(var w=Math.min(d,c-1)+1,S=1;S<=w;S++){var M=S/w;Pn(f,y,m,_,M,r),Pn(g,v,x,b,M,o),f=r[3],g=o[3],h.push(r[1],o[1],r[2],o[2],f,g),y=r[5],v=o[5],m=r[6],x=o[6]}d-=w-1}}return a===t?[h,e]:[t,h]}function UY(t,e){for(var n=t.length,i=t[n-2],r=t[n-1],o=[],a=0;a<e.length;)o[a++]=i,o[a++]=r;return o}function YY(t){for(var e=0,n=0,i=0,r=t.length,o=0,a=r-2;o<r;a=o,o+=2){var s=t[a],l=t[a+1],u=t[o],c=t[o+1],h=s*c-u*l;e+=h,n+=(s+u)*h,i+=(l+c)*h}return 0===e?[t[0]||0,t[1]||0]:[n/e/3,i/e/3,e]}function XY(t,e,n,i){for(var r=(t.length-2)/6,o=1/0,a=0,s=t.length,l=s-2,u=0;u<r;u++){for(var c=6*u,h=0,d=0;d<s;d+=2){var p=0===d?c:(c+d-2)%l+2,f=t[p]-n[0],g=t[p+1]-n[1],y=e[d]-i[0]-f,v=e[d+1]-i[1]-g;h+=y*y+v*v}h<o&&(o=h,a=u)}return a}function ZY(t){for(var e=[],n=t.length,i=0;i<n;i+=2)e[i]=t[n-i-2],e[i+1]=t[n-i-1];return e}function jY(t){return t.__isCombineMorphing}var qY="__mOriginal_";function KY(t,e,n){var i=qY+e,r=t[i]||t[e];t[i]||(t[i]=t[e]);var o=n.replace,a=n.after,s=n.before;t[e]=function(){var t,e=arguments;return s&&s.apply(this,e),t=o?o.apply(this,e):r.apply(this,e),a&&a.apply(this,e),t}}function $Y(t,e){var n=qY+e;t[n]&&(t[e]=t[n],t[n]=null)}function JY(t,e){for(var n=0;n<t.length;n++)for(var i=t[n],r=0;r<i.length;){var o=i[r],a=i[r+1];i[r++]=e[0]*o+e[2]*a+e[4],i[r++]=e[1]*o+e[3]*a+e[5]}}function QY(t,e){var n=t.getUpdatedPathProxy(),i=e.getUpdatedPathProxy(),r=function(t,e){for(var n,i,r,o=[],a=[],s=0;s<Math.max(t.length,e.length);s++){var l=t[s],u=e[s],c=void 0,h=void 0;l?u?(i=c=(n=HY(l,u))[0],r=h=n[1]):(h=UY(r||l,l),c=l):(c=UY(i||u,u),h=u),o.push(c),a.push(h)}return[o,a]}(LY(n),LY(i)),o=r[0],a=r[1],s=t.getComputedTransform(),l=e.getComputedTransform();s&&JY(o,s),l&&JY(a,l),KY(e,"updateTransform",{replace:function(){this.transform=null}}),e.transform=null;var u=function(t,e,n,i){for(var r,o=[],a=0;a<t.length;a++){var s=t[a],l=e[a],u=YY(s),c=YY(l);null==r&&(r=u[2]<0!=c[2]<0);var h=[],d=[],p=0,f=1/0,g=[],y=s.length;r&&(s=ZY(s));for(var v=6*XY(s,l,u,c),m=y-2,x=0;x<m;x+=2){var _=(v+x)%m+2;h[x+2]=s[_]-u[0],h[x+3]=s[_+1]-u[1]}if(h[0]=s[v]-u[0],h[1]=s[v+1]-u[1],n>0)for(var b=i/n,w=-i/2;w<=i/2;w+=b){var S=Math.sin(w),M=Math.cos(w),I=0;for(x=0;x<s.length;x+=2){var T=h[x],C=h[x+1],D=l[x]-c[0],A=l[x+1]-c[1],k=D*M-A*S,L=D*S+A*M;g[x]=k,g[x+1]=L;var P=k-T,O=L-C;I+=P*P+O*O}if(I<f){f=I,p=w;for(var R=0;R<g.length;R++)d[R]=g[R]}}else for(var N=0;N<y;N+=2)d[N]=l[N]-c[0],d[N+1]=l[N+1]-c[1];o.push({from:h,to:d,fromCp:u,toCp:c,rotation:-p})}return o}(o,a,10,Math.PI),c=[];KY(e,"buildPath",{replace:function(t){for(var n=e.__morphT,i=1-n,r=[],o=0;o<u.length;o++){var a=u[o],s=a.from,l=a.to,h=a.rotation*n,d=a.fromCp,p=a.toCp,f=Math.sin(h),g=Math.cos(h);Wt(r,d,p,n);for(var y=0;y<s.length;y+=2){var v=s[y],m=s[y+1],x=v*i+(S=l[y])*n,_=m*i+(M=l[y+1])*n;c[y]=x*g-_*f+r[0],c[y+1]=x*f+_*g+r[1]}var b=c[0],w=c[1];t.moveTo(b,w);for(y=2;y<s.length;){var S=c[y++],M=c[y++],I=c[y++],T=c[y++],C=c[y++],D=c[y++];b===S&&w===M&&I===C&&T===D?t.lineTo(C,D):t.bezierCurveTo(S,M,I,T,C,D),b=C,w=D}}}})}function tX(t,e,n){if(!t||!e)return e;var i=n.done,r=n.during;return QY(t,e),e.__morphT=0,e.animateTo({__morphT:1},k({during:function(t){e.dirtyShape(),r&&r(t)},done:function(){$Y(e,"buildPath"),$Y(e,"updateTransform"),e.__morphT=-1,e.createPathProxy(),e.dirtyShape(),i&&i()}},n)),e}function eX(t,e,n,i,r,o){t=r===n?0:Math.round(32767*(t-n)/(r-n)),e=o===i?0:Math.round(32767*(e-i)/(o-i));for(var a,s=0,l=32768;l>0;l/=2){var u=0,c=0;(t&l)>0&&(u=1),(e&l)>0&&(c=1),s+=l*l*(3*u^c),0===c&&(1===u&&(t=l-1-t,e=l-1-e),a=t,t=e,e=a)}return s}function nX(t){var e=1/0,n=1/0,i=-1/0,r=-1/0,o=E(t,(function(t){var o=t.getBoundingRect(),a=t.getComputedTransform(),s=o.x+o.width/2+(a?a[4]:0),l=o.y+o.height/2+(a?a[5]:0);return e=Math.min(s,e),n=Math.min(l,n),i=Math.max(s,i),r=Math.max(l,r),[s,l]}));return E(o,(function(o,a){return{cp:o,z:eX(o[0],o[1],e,n,i,r),path:t[a]}})).sort((function(t,e){return t.z-e.z})).map((function(t){return t.path}))}function iX(t){return WY(t.path,t.count)}function rX(t){return U(t[0])}function oX(t,e){for(var n=[],i=t.length,r=0;r<i;r++)n.push({one:t[r],many:[]});for(r=0;r<e.length;r++){var o=e[r].length,a=void 0;for(a=0;a<o;a++)n[a%i].many.push(e[r][a])}var s=0;for(r=i-1;r>=0;r--)if(!n[r].many.length){var l=n[s].many;if(l.length<=1){if(!s)return n;s=0}o=l.length;var u=Math.ceil(o/2);n[r].many=l.slice(u,o),n[s].many=l.slice(0,u),s++}return n}var aX={clone:function(t){for(var e=[],n=1-Math.pow(1-t.path.style.opacity,1/t.count),i=0;i<t.count;i++){var r=tc(t.path);r.setStyle("opacity",n),e.push(r)}return e},split:null};function sX(t,e,n,i,r,o){if(t.length&&e.length){var a=Jc("update",i,r);if(a&&a.duration>0){var s,l,u=i.getModel("universalTransition").get("delay"),c=Object.assign({setToFinal:!0},a);rX(t)&&(s=t,l=e),rX(e)&&(s=e,l=t);for(var h=s?s===t:t.length>e.length,d=s?oX(l,s):oX(h?e:t,[h?t:e]),p=0,f=0;f<d.length;f++)p+=d[f].many.length;var g=0;for(f=0;f<d.length;f++)y(d[f],h,g,p),g+=d[f].many.length}}function y(t,e,i,r,a){var s=t.many,l=t.one;if(1!==s.length||a)for(var h=k({dividePath:aX[n],individualDelay:u&&function(t,e,n,o){return u(t+i,r)}},c),d=e?function(t,e,n){var i=[];!function t(e){for(var n=0;n<e.length;n++){var r=e[n];jY(r)?t(r.childrenRef()):r instanceof sl&&i.push(r)}}(t);var r=i.length;if(!r)return{fromIndividuals:[],toIndividuals:[],count:0};var o=(n.dividePath||iX)({path:e,count:r});if(o.length!==r)return console.error("Invalid morphing: unmatched splitted path"),{fromIndividuals:[],toIndividuals:[],count:0};i=nX(i),o=nX(o);for(var a=n.done,s=n.during,l=n.individualDelay,u=new Dr,c=0;c<r;c++){var h=i[c],d=o[c];d.parent=e,d.copyTransform(u),l||QY(h,d)}function p(t){for(var e=0;e<o.length;e++)o[e].addSelfToZr(t)}function f(){e.__isCombineMorphing=!1,e.__morphT=-1,e.childrenRef=null,$Y(e,"addSelfToZr"),$Y(e,"removeSelfFromZr")}e.__isCombineMorphing=!0,e.childrenRef=function(){return o},KY(e,"addSelfToZr",{after:function(t){p(t)}}),KY(e,"removeSelfFromZr",{after:function(t){for(var e=0;e<o.length;e++)o[e].removeSelfFromZr(t)}});var g=o.length;if(l){var y=g,v=function(){0==--y&&(f(),a&&a())};for(c=0;c<g;c++){var m=l?k({delay:(n.delay||0)+l(c,g,i[c],o[c]),done:v},n):n;tX(i[c],o[c],m)}}else e.__morphT=0,e.animateTo({__morphT:1},k({during:function(t){for(var n=0;n<g;n++){var i=o[n];i.__morphT=e.__morphT,i.dirtyShape()}s&&s(t)},done:function(){f();for(var e=0;e<t.length;e++)$Y(t[e],"updateTransform");a&&a()}},n));return e.__zr&&p(e.__zr),{fromIndividuals:i,toIndividuals:o,count:g}}(s,l,h):function(t,e,n){var i=e.length,r=[],o=n.dividePath||iX;if(jY(t)){!function t(e){for(var n=0;n<e.length;n++){var i=e[n];jY(i)?t(i.childrenRef()):i instanceof sl&&r.push(i)}}(t.childrenRef());var a=r.length;if(a<i)for(var s=0,l=a;l<i;l++)r.push(tc(r[s++%a]));r.length=i}else{r=o({path:t,count:i});var u=t.getComputedTransform();for(l=0;l<r.length;l++)r[l].setLocalTransform(u);if(r.length!==i)return console.error("Invalid morphing: unmatched splitted path"),{fromIndividuals:[],toIndividuals:[],count:0}}r=nX(r),e=nX(e);var c=n.individualDelay;for(l=0;l<i;l++){var h=c?k({delay:(n.delay||0)+c(l,i,r[l],e[l])},n):n;tX(r[l],e[l],h)}return{fromIndividuals:r,toIndividuals:e,count:e.length}}(l,s,h),p=d.fromIndividuals,f=d.toIndividuals,g=p.length,v=0;v<g;v++){m=u?k({delay:u(v,g)},c):c;o(p[v],f[v],e?s[v]:t.one,e?t.one:s[v],m)}else{var m,x=e?s[0]:l,_=e?l:s[0];if(jY(x))y({many:[x],one:_},!0,i,r,!0);else tX(x,_,m=u?k({delay:u(i,r)},c):c),o(x,_,x,_,m)}}}function lX(t){if(!t)return[];if(U(t)){for(var e=[],n=0;n<t.length;n++)e.push(lX(t[n]));return e}var i=[];return t.traverse((function(t){t instanceof sl&&!t.disableMorphing&&!t.invisible&&!t.ignore&&i.push(t)})),i}var uX=sa();function cX(t,e,n,i){var r=function(t,e){for(var n=t.dimensions,i=0;i<n.length;i++){var r=t.getDimensionInfo(n[i]);if(r&&0===r.otherDims[e])return n[i]}}(t,i?"itemChildGroupId":"itemGroupId");if(r){var o=function(t,e,n){var i=t.getDimensionInfo(n),r=i&&i.ordinalMeta;if(i){var o=t.get(i.name,e);return r&&r.categories[o]||o+""}}(t,e,r);return o}var a=t.getRawDataItem(e),s=i?"childGroupId":"groupId";return a&&a[s]?a[s]+"":i?void 0:n||t.getId(e)}function hX(t){var e=[];return z(t,(function(t){var n=t.data,i=t.dataGroupId;if(!(n.count()>1e4))for(var r=n.getIndices(),o=0;o<r.length;o++)e.push({data:n,groupId:cX(n,o,i,!1),childGroupId:cX(n,o,i,!0),divide:t.divide,dataIndex:o})})),e}function dX(t,e,n){t.traverse((function(t){t instanceof sl&&eh(t,{style:{opacity:0}},e,{dataIndex:n,isFrom:!0})}))}function pX(t){if(t.parent){var e=t.getComputedTransform();t.setLocalTransform(e),t.parent.remove(t)}}function fX(t){t.stopAnimation(),t.isGroup&&t.traverse((function(t){t.stopAnimation()}))}function gX(t,e,n){var i=Jc("update",n,e);i&&t.traverse((function(t){if(t instanceof os){var e=function(t){return $c(t).oldStyle}(t);e&&t.animateFrom({style:e},i)}}))}function yX(t,e,n){var i=hX(t),r=hX(e);function o(t,e,n,i,r){(n||t)&&e.animateFrom({style:n&&n!==t?A(A({},n.style),t.style):t.style},r)}var a=!1,s=0,l=yt(),u=yt();i.forEach((function(t){t.groupId&&l.set(t.groupId,!0),t.childGroupId&&u.set(t.childGroupId,!0)}));for(var c=0;c<r.length;c++){var h=r[c].groupId;if(u.get(h)){s=1;break}var d=r[c].childGroupId;if(d&&l.get(d)){s=2;break}}function p(t,e){return function(n){var i=n.data,r=n.dataIndex;return e?i.getId(r):t?1===s?n.childGroupId:n.groupId:2===s?n.childGroupId:n.groupId}}var f=function(t,e){var n=t.length;if(n!==e.length)return!1;for(var i=0;i<n;i++){var r=t[i],o=e[i];if(r.data.getId(r.dataIndex)!==o.data.getId(o.dataIndex))return!1}return!0}(i,r),g={};if(!f)for(c=0;c<r.length;c++){var y=r[c],v=y.data.getItemGraphicEl(y.dataIndex);v&&(g[v.id]=!0)}function m(t,e){var n=i[e],s=r[t],l=s.data.hostModel,u=n.data.getItemGraphicEl(n.dataIndex),c=s.data.getItemGraphicEl(s.dataIndex);u!==c?u&&g[u.id]||c&&(fX(c),u?(fX(u),pX(u),a=!0,sX(lX(u),lX(c),s.divide,l,t,o)):dX(c,l,t)):c&&gX(c,s.dataIndex,l)}new f_(i,r,p(!0,f),p(!1,f),null,"multiple").update(m).updateManyToOne((function(t,e){var n=r[t],s=n.data,l=s.hostModel,u=s.getItemGraphicEl(n.dataIndex),c=V(E(e,(function(t){return i[t].data.getItemGraphicEl(i[t].dataIndex)})),(function(t){return t&&t!==u&&!g[t.id]}));u&&(fX(u),c.length?(z(c,(function(t){fX(t),pX(t)})),a=!0,sX(lX(c),lX(u),n.divide,l,t,o)):dX(u,l,n.dataIndex))})).updateOneToMany((function(t,e){var n=i[e],s=n.data.getItemGraphicEl(n.dataIndex);if(!s||!g[s.id]){var l=V(E(t,(function(t){return r[t].data.getItemGraphicEl(r[t].dataIndex)})),(function(t){return t&&t!==s})),u=r[t[0]].data.hostModel;l.length&&(z(l,(function(t){return fX(t)})),s?(fX(s),pX(s),a=!0,sX(lX(s),lX(l),n.divide,u,t[0],o)):z(l,(function(e){return dX(e,u,t[0])})))}})).updateManyToMany((function(t,e){new f_(e,t,(function(t){return i[t].data.getId(i[t].dataIndex)}),(function(t){return r[t].data.getId(r[t].dataIndex)})).update((function(n,i){m(t[n],e[i])})).execute()})).execute(),a&&z(e,(function(t){var e=t.data.hostModel,i=e&&n.getViewOfSeriesModel(e),r=Jc("update",e,0);i&&e.isAnimationEnabled()&&r&&r.duration>0&&i.group.traverse((function(t){t instanceof sl&&!t.animators.length&&t.animateFrom({style:{opacity:0}},r)}))}))}function vX(t){var e=t.getModel("universalTransition").get("seriesKey");return e||t.id}function mX(t){return U(t)?t.sort().join(","):t}function xX(t){if(t.hostModel)return t.hostModel.getModel("universalTransition").get("divideShape")}function _X(t,e){for(var n=0;n<t.length;n++){if(null!=e.seriesIndex&&e.seriesIndex===t[n].seriesIndex||null!=e.seriesId&&e.seriesId===t[n].id)return n}}var bX=function(){function t(){this.breaks=[],this._elapsedExtent=[1/0,-1/0]}return t.prototype.setBreaks=function(t){this.breaks=t.breaks},t.prototype.update=function(t){!function(t,e){var n=0,i={tpAbs:{span:0,val:0},tpPrct:{span:0,val:0}},r=function(){return{has:!1,span:NaN,inExtFrac:NaN,val:NaN}},o={S:{tpAbs:r(),tpPrct:r()},E:{tpAbs:r(),tpPrct:r()}};z(t.breaks,(function(t){var r=t.gapParsed;"tpPrct"===r.type&&(n+=r.val);var a=CX(t,e);if(a){var s=a.vmin!==t.vmin,l=a.vmax!==t.vmax,u=a.vmax-a.vmin;if(s&&l);else if(s||l){var c=s?"S":"E";o[c][r.type].has=!0,o[c][r.type].span=u,o[c][r.type].inExtFrac=u/(t.vmax-t.vmin),o[c][r.type].val=r.val}else i[r.type].span+=u,i[r.type].val+=r.val}}));var a=n*(e[1]-e[0]+0+(i.tpAbs.val-i.tpAbs.span)+(o.S.tpAbs.has?(o.S.tpAbs.val-o.S.tpAbs.span)*o.S.tpAbs.inExtFrac:0)+(o.E.tpAbs.has?(o.E.tpAbs.val-o.E.tpAbs.span)*o.E.tpAbs.inExtFrac:0)-i.tpPrct.span-(o.S.tpPrct.has?o.S.tpPrct.span*o.S.tpPrct.inExtFrac:0)-(o.E.tpPrct.has?o.E.tpPrct.span*o.E.tpPrct.inExtFrac:0))/(1-i.tpPrct.val-(o.S.tpPrct.has?o.S.tpPrct.val*o.S.tpPrct.inExtFrac:0)-(o.E.tpPrct.has?o.E.tpPrct.val*o.E.tpPrct.inExtFrac:0));z(t.breaks,(function(t){var e=t.gapParsed;"tpPrct"===e.type&&(t.gapReal=0!==n?Math.max(a,0)*e.val/n:0),"tpAbs"===e.type&&(t.gapReal=e.val),null==t.gapReal&&(t.gapReal=0)}))}(this,t);var e=this._elapsedExtent;e[0]=this.elapse(t[0]),e[1]=this.elapse(t[1])},t.prototype.hasBreaks=function(){return!!this.breaks.length},t.prototype.calcNiceTickMultiple=function(t,e){for(var n=0;n<this.breaks.length;n++){var i=this.breaks[n];if(i.vmin<t&&t<i.vmax){var r=e(t,i.vmax);return r}}return 0},t.prototype.getExtentSpan=function(){return this._elapsedExtent[1]-this._elapsedExtent[0]},t.prototype.normalize=function(t){var e=this._elapsedExtent[1]-this._elapsedExtent[0];return 0===e?.5:(this.elapse(t)-this._elapsedExtent[0])/e},t.prototype.scale=function(t){return this.unelapse(t*(this._elapsedExtent[1]-this._elapsedExtent[0])+this._elapsedExtent[0])},t.prototype.elapse=function(t){for(var e=SX,n=MX,i=!0,r=0;r<this.breaks.length;r++){var o=this.breaks[r];if(t<=o.vmax){t>o.vmin?e+=o.vmin-n+(t-o.vmin)/(o.vmax-o.vmin)*o.gapReal:e+=t-n,n=o.vmax,i=!1;break}e+=o.vmin-n+o.gapReal,n=o.vmax}return i&&(e+=t-n),e},t.prototype.unelapse=function(t){for(var e=SX,n=MX,i=!0,r=0,o=0;o<this.breaks.length;o++){var a=this.breaks[o],s=e+a.vmin-n,l=s+a.gapReal;if(t<=l){r=t>s?a.vmin+(t-s)/(l-s)*(a.vmax-a.vmin):n+t-e,n=a.vmax,i=!1;break}e=l,n=a.vmax}return i&&(r=n+t-e),r},t}();function wX(){return new bX}var SX=0,MX=0;function IX(t,e,n,i,r,o){"no"!==t&&z(n,(function(n){var a=CX(n,o);if(a)for(var s=e.length-1;s>=0;s--){var l=e[s],u=i(l),c=3*r/4;u>a.vmin-c&&u<a.vmax+c&&("preserve_extent_bound"!==t||u!==o[0]&&u!==o[1])&&e.splice(s,1)}}))}function TX(t,e,n,i){z(e,(function(e){var r=CX(e,n);r&&(t.push({value:r.vmin,break:{type:"vmin",parsedBreak:r},time:i?i(r):void 0}),t.push({value:r.vmax,break:{type:"vmax",parsedBreak:r},time:i?i(r):void 0}))})),e.length&&t.sort((function(t,e){return t.value-e.value}))}function CX(t,e){var n=Math.max(t.vmin,e[0]),i=Math.min(t.vmax,e[1]);return n<i||n===i&&n>e[0]&&n<e[1]?{vmin:n,vmax:i,breakOption:t.breakOption,gapParsed:t.gapParsed,gapReal:t.gapReal}:null}function DX(t,e,n){var i=[];if(!t)return{breaks:i};z(t,(function(t){if(t&&null!=t.start&&null!=t.end&&!t.isExpanded){var r={breakOption:T(t),vmin:e(t.start),vmax:e(t.end),gapParsed:{type:"tpAbs",val:0},gapReal:null};if(null!=t.gap){var o=!1;if(X(t.gap)){var a=ut(t.gap);if(a.match(/%$/)){var s=parseFloat(a)/100;(function(t,e){return t>=0&&t<.99999})(s)||(s=0),r.gapParsed.type="tpPrct",r.gapParsed.val=s,o=!0}}if(!o){var l=e(t.gap);(!isFinite(l)||l<0)&&(l=0),r.gapParsed.type="tpAbs",r.gapParsed.val=l}}if(r.vmin===r.vmax&&(r.gapParsed.type="tpAbs",r.gapParsed.val=0),n&&n.noNegative&&z(["vmin","vmax"],(function(t){r[t]<0&&(r[t]=0)})),r.vmin>r.vmax){var u=r.vmax;r.vmax=r.vmin,r.vmin=u}i.push(r)}})),i.sort((function(t,e){return t.vmin-e.vmin}));var r=-1/0;return z(i,(function(t,e){r>t.vmin&&(i[e]=null),r=t.vmax})),{breaks:i.filter((function(t){return!!t}))}}function AX(t,e){return kX(e)===kX(t)}function kX(t){return t.start+"_\0_"+t.end}function LX(t,e,n){var i=[];z(t,(function(t,n){var r=e(t);r&&"vmin"===r.type&&i.push([n])})),z(t,(function(n,r){var o=e(n);if(o&&"vmax"===o.type){var a=G(i,(function(n){return AX(e(t[n[0]]).parsedBreak.breakOption,o.parsedBreak.breakOption)}));a&&a.push(r)}}));var r=[];return z(i,(function(e){2===e.length&&r.push(n?e:[t[e[0]],t[e[1]]])})),r}function PX(t,e,n,i){var r,o;if(t.break){var a=t.break.parsedBreak,s=G(n,(function(e){return AX(e.breakOption,t.break.parsedBreak.breakOption)})),l=i(Math.pow(e,a.vmin),s.vmin),u=i(Math.pow(e,a.vmax),s.vmax),c={type:a.gapParsed.type,val:"tpAbs"===a.gapParsed.type?mo(Math.pow(e,a.vmin+a.gapParsed.val))-l:a.gapParsed.val};r={type:t.break.type,parsedBreak:{breakOption:a.breakOption,vmin:l,vmax:u,gapParsed:c,gapReal:a.gapReal}},o=s[t.break.type]}return{brkRoundingCriterion:o,vBreak:r}}function OX(t,e,n){var i={noNegative:!0},r=DX(t,n,i),o=DX(t,n,i),a=Math.log(e);return o.breaks=E(o.breaks,(function(t){var e=Math.log(t.vmin)/a;return{vmin:e,vmax:Math.log(t.vmax)/a,gapParsed:{type:t.gapParsed.type,val:"tpAbs"===t.gapParsed.type?Math.log(t.vmin+t.gapParsed.val)/a-e:t.gapParsed.val},gapReal:t.gapReal,breakOption:t.breakOption}})),{parsedOriginal:r,parsedLogged:o}}var RX={vmin:"start",vmax:"end"};function NX(t,e){return e&&((t=t||{}).break={type:RX[e.type],start:e.parsedBreak.vmin,end:e.parsedBreak.vmax}),t}function zX(){var t;t={createScaleBreakContext:wX,pruneTicksByBreak:IX,addBreaksToTicks:TX,parseAxisBreakOption:DX,identifyAxisBreak:AX,serializeAxisBreakIdentifier:kX,retrieveAxisBreakPairs:LX,getTicksLogTransformBreak:PX,logarithmicParseBreaksFromOption:OX,makeAxisLabelFormatterParamBreak:NX},Rd||(Rd=t)}var EX=sa();function BX(t,e,n,i,r){var o=n.axis;if(!o.scale.isBlank()&&Nd()){var a=Nd().retrieveAxisBreakPairs(o.scale.getTicks({breakTicks:"only_break"}),(function(t){return t.break}),!1);if(a.length){var s=n.getModel("breakArea"),l=s.get("zigzagAmplitude"),u=s.get("zigzagMinSpan"),c=s.get("zigzagMaxSpan");u=Math.max(2,u||0),c=Math.max(u,c||0);var h=s.get("expandOnClick"),d=s.get("zigzagZ"),p=s.getModel("itemStyle").getItemStyle(),f=p.stroke,g=p.lineWidth,y=p.lineDash,v=p.fill,m=new to({ignoreModelZ:!0}),x=o.isHorizontal(),_=EX(e).visualList||(EX(e).visualList=[]);z(_,(function(t){return t.shouldRemove=!0}));for(var b=function(t){var e=a[t][0].break.parsedBreak,s=[];s[0]=o.toGlobalCoord(o.dataToCoord(e.vmin,!0)),s[1]=o.toGlobalCoord(o.dataToCoord(e.vmax,!0)),s[1]<s[0]&&s.reverse();var b=function(t,e){var n=G(t,(function(t){return Nd().identifyAxisBreak(t.parsedBreak.breakOption,e.breakOption)}));return n||t.push(n={zigzagRandomList:[],parsedBreak:e,shouldRemove:!1}),n}(_,e);b.shouldRemove=!1;var w=new to;!function(t,e,n,r,o,a){var s={stroke:f,lineWidth:g,lineDash:y,fill:"none"},h=o?0:1,m=1-h,x=i[lh[m]]+i[uh[m]];function _(t){var e=[],n=[];e[h]=n[h]=t,e[m]=i[lh[m]],n[m]=x;var r={x1:e[0],y1:e[1],x2:n[0],y2:n[1]};return fl(r,r,{lineWidth:1}),e[0]=r.x1,e[1]=r.y1,e[h]}n=_(n),r=_(r);for(var b=[],w=[],S=!0,M=i[lh[m]],I=0;;I++){var T=M===i[lh[m]],C=M>=x;C&&(M=x);var D=[],A=[];D[h]=n,A[h]=r,T||C||(D[h]+=S?-l:l,A[h]-=S?l:-l),D[m]=M,A[m]=M,b.push(D),w.push(A);var k=void 0;if(I<t.length?k=t[I]:(k=Math.random(),t.push(k)),M+=k*(c-u)+u,S=!S,C)break}var L=Nd().serializeAxisBreakIdentifier(a.breakOption);if(e.add(new Tc({anid:"break_a_"+L,shape:{points:b},style:s,z:d})),0!==a.gapReal){e.add(new Tc({anid:"break_b_"+L,shape:{points:w},style:s,z:d}));var P=w.slice();P.reverse();var O=b.concat(P);e.add(new Mc({anid:"break_c_"+L,shape:{points:O},style:{fill:v,opacity:p.opacity},z:d}))}}(b.zigzagRandomList,w,s[0],s[1],x,e),h&&w.on("click",(function(){var t={type:QT,breaks:[{start:e.breakOption.start,end:e.breakOption.end}]};t[o.dim+"AxisIndex"]=n.componentIndex,r.dispatchAction(t)})),w.silent=!h,m.add(w)},w=0;w<a.length;w++)b(w);t.add(m),function(t){for(var e=t.length-1;e>=0;e--)t[e].shouldRemove&&t.splice(e,1)}(_)}}}function VX(t,e,n,i){var r=t.axis,o=n.transform;lt(i.style);var a=r.getExtent();r.inverse&&(a=a.slice()).reverse();var s=E(Nd().retrieveAxisBreakPairs(r.scale.getTicks({breakTicks:"only_break"}),(function(t){return t.break}),!1),(function(t){var e=t[0].break.parsedBreak,n=[r.dataToCoord(e.vmin,!0),r.dataToCoord(e.vmax,!0)];return n[0]>n[1]&&n.reverse(),{coordPair:n,brkId:Nd().serializeAxisBreakIdentifier(e.breakOption)}}));s.sort((function(t,e){return t.coordPair[0]-e.coordPair[0]}));for(var l=a[0],u=null,c=0;c<s.length;c++){var h=s[c],d=Math.max(h.coordPair[0],a[0]),p=Math.min(h.coordPair[1],a[1]);l<=d&&f(l,d,u,h),l=p,u=h}function f(t,n,r,a){function s(t,e){o&&(Ht(t,t,o),Ht(e,e,o))}function l(t,e){var n={x1:t[0],y1:t[1],x2:e[0],y2:e[1]};fl(n,n,i.style),t[0]=n.x1,t[1]=n.y1,e[0]=n.x2,e[1]=n.y2}var u=[t,0],c=[n,0],h=[t,5],d=[n,5];s(u,h),l(u,h),s(c,d),l(c,d),l(u,c);var p=new Ac(A({shape:{x1:u[0],y1:u[1],x2:c[0],y2:c[1]}},i));e.add(p),p.anid="breakLine_"+(r?r.brkId:"\0")+"_\0_"+(a?a.brkId:"\0")}l<=a[1]&&f(l,a[1],u,null)}function GX(t,e,n){if(!G(n,(function(t){return!t}))){var i=new Ae;if(IS(n[0],n[1],i,{direction:-(t?e+Math.PI:e),touchThreshold:0,bidirectional:!1})){var r=[1,0,0,1,0,0];Me(r,r,-e);var o=E(n,(function(t){return t.transform?we([1,0,0,1,0,0],r,t.transform):r})),a=.5;if(g(0)||g(1)){var s=E(n,(function(t,e){var n=t.localRect.clone();return n.applyTransform(o[e]),n})),l=new Ae;l.copy(n[0].label).add(n[1].label).scale(.5),l.transform(r);var u=i.clone().transform(r),c=(s[0].x+s[1].x+(u.x>=0?s[0].width:s[1].width)+u.x)/2-l.x,h=Math.min(c,c-u.x),d=Math.max(c,c-u.x);a=(c-(d<0?d:h>0?h:0))/u.x}var p=new Ae,f=new Ae;Ae.scale(p,i,-a),Ae.scale(f,i,1-a),_S(n[0],p),_S(n[1],f)}}function g(t){var e=n[0].localRect,i=new Ae(e[uh[t]]*o[0][0],e[uh[t]]*o[0][1]);return Math.abs(i.y)<1e-5}}function FX(t,e){var n={breaks:[]};return z(e.breaks,(function(i){if(i){var r=G(t.get("breaks",!0),(function(t){return Nd().identifyAxisBreak(t,i)}));if(r){var o=e.type,a={isExpanded:!!r.isExpanded};r.isExpanded=o===QT||o!==tC&&(o===eC?!r.isExpanded:r.isExpanded),n.breaks.push({start:r.start,end:r.end,isExpanded:!!r.isExpanded,old:a})}}})),n}function WX(){var t;t={adjustBreakLabelPair:GX,buildAxisBreakLine:VX,rectCoordBuildBreakAxis:BX,updateModelAxisBreak:FX},UT||(UT=t)}function HX(t,e){z(t,(function(t){if(!t.model.get(["axisLabel","inside"])){var n=function(t){var e,n,i=t.model,r=t.scale;if(!i.get(["axisLabel","show"])||r.isBlank())return;var o=r.getExtent();n=r instanceof lb?r.count():(e=r.getTicks()).length;var a,s=t.getLabelModel(),l=jb(t),u=1;n>40&&(u=Math.ceil(n/40));for(var c=0;c<n;c+=u){var h=l(e?e[c]:{value:o[0]+c},c),d=p(s.getTextRect(h),s.get("rotate")||0);a?a.union(d):a=d}return a;function p(t,e){var n=e*Math.PI/180,i=t.width,r=t.height,o=i*Math.abs(Math.cos(n))+Math.abs(r*Math.sin(n)),a=i*Math.abs(Math.sin(n))+Math.abs(r*Math.cos(n));return new He(t.x,t.y,o,a)}}(t);if(n){var i=t.isHorizontal()?"height":"width",r=t.model.get(["axisLabel","margin"]);e[i]-=n[i]+r,"top"===t.position?e.y+=n.height+r:"left"===t.position&&(e.x+=n.width+r)}}}))}h_([function(t){t.registerPainter("canvas",tI)}]),h_([function(t){t.registerPainter("svg",ZM)}]),h_([function(t){t.registerChartView(RI),t.registerSeriesModel(eI),t.registerLayout(NI("line",!0)),t.registerVisual({seriesType:"line",reset:function(t){var e=t.getData(),n=t.getModel("lineStyle").getLineStyle();n&&!n.stroke&&(n.stroke=e.getVisual("style").fill),e.setVisual("legendLineStyle",n)}}),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,BI("line"))},function(t){t.registerChartView(jI),t.registerSeriesModel(GI),t.registerLayout(t.PRIORITY.VISUAL.LAYOUT,H(_b,"bar")),t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,bb("bar")),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,BI("bar")),t.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(t,e){var n=t.componentType||"series";e.eachComponent({mainType:n,query:t},(function(e){t.sortInfo&&e.axis.setCategorySortInfo(t.sortInfo)}))}))},function(t){t.registerChartView(MT),t.registerSeriesModel(AT),$v("pie",t.registerAction),t.registerLayout(H(dT,"pie")),t.registerProcessor(fT("pie")),t.registerProcessor(function(t){return{seriesType:t,reset:function(t,e){var n=t.getData();n.filterSelf((function(t){var e=n.mapDimension("value"),i=n.get(e,t);return!(j(i)&&!isNaN(i)&&i<0)}))}}}("pie"))},function(t){h_(lD),t.registerSeriesModel(kT),t.registerChartView(RT),t.registerLayout(NI("scatter"))},function(t){h_(TD),t.registerChartView(mD),t.registerSeriesModel(xD),t.registerLayout(fD),t.registerProcessor(fT("radar")),t.registerPreprocessor(vD)},function(t){h_(lk),t.registerChartView(YA),t.registerSeriesModel(XA),t.registerLayout(jA),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,ZA),$v("map",t.registerAction)},function(t){t.registerChartView(_k),t.registerSeriesModel(Wk),t.registerLayout(Uk),t.registerVisual(Yk),function(t){t.registerAction({type:"treeExpandAndCollapse",event:"treeExpandAndCollapse",update:"update"},(function(t,e){e.eachComponent({mainType:"series",subType:"tree",query:t},(function(e){var n=t.dataIndex,i=e.getData().tree.getNodeByDataIndex(n);i.isExpand=!i.isExpand}))})),t.registerAction({type:"treeRoam",event:"treeRoam",update:"none"},(function(t,e,n){e.eachComponent({mainType:"series",subType:"tree",query:t},(function(e){var n=YD(e.coordinateSystem,t,e.get("scaleLimit"));e.setCenter(n.center),e.setZoom(n.zoom)}))}))}(t)},function(t){t.registerSeriesModel(jk),t.registerChartView(sL),t.registerVisual(ML),t.registerLayout(EL),function(t){for(var e=0;e<Xk.length;e++)t.registerAction({type:Xk[e],update:"updateView"},bt);t.registerAction({type:"treemapRootToNode",update:"updateView"},(function(t,e){e.eachComponent({mainType:"series",subType:"treemap",query:t},(function(e,n){var i=Bk(t,["treemapZoomToNode","treemapRootToNode"],e);if(i){var r=e.getViewRoot();r&&(t.direction=Gk(r,i.node)?"rollUp":"drillDown"),e.resetViewRoot(i.node)}}))}))}(t)},function(t){t.registerChartView(GP),t.registerSeriesModel(ZP),t.registerProcessor(HL),t.registerVisual(UL),t.registerVisual(XL),t.registerLayout(nP),t.registerLayout(t.PRIORITY.VISUAL.POST_CHART_LAYOUT,cP),t.registerLayout(dP),t.registerCoordinateSystem("graphView",{dimensions:KA.dimensions,create:pP}),t.registerAction({type:"focusNodeAdjacency",event:"focusNodeAdjacency",update:"series:focusNodeAdjacency"},bt),t.registerAction({type:"unfocusNodeAdjacency",event:"unfocusNodeAdjacency",update:"series:unfocusNodeAdjacency"},bt),t.registerAction({type:"graphRoam",event:"graphRoam",update:"none"},(function(t,e,n){e.eachComponent({mainType:"series",query:t},(function(e){var i=n.getViewOfSeriesModel(e);i&&(null!=t.dx&&null!=t.dy&&i.updateViewOnPan(e,n,t),null!=t.zoom&&null!=t.originX&&null!=t.originY&&i.updateViewOnZoom(e,n,t));var r=YD(e.coordinateSystem,t,e.get("scaleLimit"));e.setCenter&&e.setCenter(r.center),e.setZoom&&e.setZoom(r.zoom)}))}))},function(t){t.registerChartView(JP),t.registerSeriesModel(QP),t.registerLayout(t.PRIORITY.VISUAL.POST_CHART_LAYOUT,eO),t.registerProcessor(fT("chord"))},function(t){t.registerChartView(oO),t.registerSeriesModel(aO)},function(t){t.registerChartView(uO),t.registerSeriesModel(cO),t.registerLayout(hO),t.registerProcessor(fT("funnel"))},function(t){h_(zR),t.registerChartView(dO),t.registerSeriesModel(vO),t.registerVisual(t.PRIORITY.VISUAL.BRUSH,_O)},function(t){t.registerChartView(VR),t.registerSeriesModel(FR),t.registerLayout(WR),t.registerVisual(tN),t.registerAction({type:"dragNode",event:"dragnode",update:"update"},(function(t,e){e.eachComponent({mainType:"series",subType:"sankey",query:t},(function(e){e.setNodePosition(t.dataIndex,[t.localX,t.localY])}))})),t.registerAction({type:"sankeyRoam",event:"sankeyRoam",update:"none"},(function(t,e,n){e.eachComponent({mainType:"series",subType:"sankey",query:t},(function(e){var n=YD(e.coordinateSystem,t,e.get("scaleLimit"));e.setCenter(n.center),e.setZoom(n.zoom)}))}))},function(t){t.registerSeriesModel(nN),t.registerChartView(iN),t.registerLayout(cN),t.registerTransform(hN)},function(t){t.registerChartView(bN),t.registerSeriesModel(PN),t.registerPreprocessor(ON),t.registerVisual(xN),t.registerLayout(RN)},function(t){t.registerChartView(BN),t.registerSeriesModel(VN),t.registerLayout(NI("effectScatter"))},function(t){t.registerChartView(ZN),t.registerSeriesModel($N),t.registerLayout(XN),t.registerVisual(QN)},function(t){t.registerChartView(nz),t.registerSeriesModel(iz)},function(t){t.registerChartView(sz),t.registerSeriesModel(Iz),t.registerLayout(t.PRIORITY.VISUAL.LAYOUT,H(_b,"pictorialBar")),t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,bb("pictorialBar"))},function(t){t.registerChartView(Tz),t.registerSeriesModel(Cz),t.registerLayout(Dz),t.registerProcessor(fT("themeRiver"))},function(t){t.registerChartView(Oz),t.registerSeriesModel(Rz),t.registerLayout(H(Ez,"sunburst")),t.registerProcessor(H(fT,"sunburst")),t.registerVisual(Vz),function(t){t.registerAction({type:Lz,update:"updateView"},(function(t,e){e.eachComponent({mainType:"series",subType:"sunburst",query:t},(function(e,n){var i=Bk(t,[Lz],e);if(i){var r=e.getViewRoot();r&&(t.direction=Gk(r,i.node)?"rollUp":"drillDown"),e.resetViewRoot(i.node)}}))})),t.registerAction({type:Pz,update:"none"},(function(t,e,n){t=A({},t),e.eachComponent({mainType:"series",subType:"sunburst",query:t},(function(e){var n=Bk(t,[Pz],e);n&&(t.dataIndex=n.node.dataIndex)})),n.dispatchAction(A(t,{type:"highlight"}))})),t.registerAction({type:"sunburstUnhighlight",update:"updateView"},(function(t,e,n){t=A({},t),n.dispatchAction(A(t,{type:"downplay"}))}))}(t)},function(t){t.registerChartView(kE),t.registerSeriesModel(Hz)}]),h_((function(t){h_(lD),h_(LB)})),h_((function(t){h_(LB),$C.registerAxisPointerClass("PolarAxisPointer",PB),t.registerCoordinateSystem("polar",XB),t.registerComponentModel(RB),t.registerComponentView(sV),XT(t,"angle",zB,oV),XT(t,"radius",EB,aV),t.registerComponentView($B),t.registerComponentView(tV),t.registerLayout(H(rV,"bar"))})),h_(lk),h_((function(t){h_(LB),$C.registerAxisPointerClass("SingleAxisPointer",_V),t.registerComponentView(MV),t.registerComponentView(cV),t.registerComponentModel(dV),XT(t,"single",dV,dV.defaultOption),t.registerCoordinateSystem("single",vV)})),h_(zR),h_((function(t){t.registerComponentModel(IV),t.registerComponentView(CV),t.registerCoordinateSystem("calendar",AV)})),h_((function(t){t.registerComponentModel(nG),t.registerComponentView(sG),t.registerCoordinateSystem("matrix",gG)})),h_((function(t){t.registerComponentModel(NG),t.registerComponentView(BG),t.registerPreprocessor((function(t){var e=t.graphic;U(e)?e[0]&&e[0].elements?t.graphic=[t.graphic[0]]:t.graphic=[{elements:e}]:e&&!e.elements&&(t.graphic=[{elements:[e]}])}))})),h_((function(t){t.registerComponentModel(hF),t.registerComponentView(pF),uF("saveAsImage",fF),uF("magicType",vF),uF("dataView",MF),uF("dataZoom",XF),uF("restore",AF),h_(aF)})),h_((function(t){h_(LB),t.registerComponentModel(qF),t.registerComponentView(dW),t.registerAction({type:"showTip",event:"showTip",update:"tooltip:manuallyShowTip"},bt),t.registerAction({type:"hideTip",event:"hideTip",update:"tooltip:manuallyHideTip"},bt)})),h_(LB),h_((function(t){t.registerComponentView(RW),t.registerComponentModel(NW),t.registerPreprocessor(vW),t.registerVisual(t.PRIORITY.VISUAL.BRUSH,AW),t.registerAction({type:"brush",event:"brush",update:"updateVisual"},(function(t,e){e.eachComponent({mainType:"brush",query:t},(function(e){e.setAreas(t.areas)}))})),t.registerAction({type:"brushSelect",event:"brushSelected",update:"none"},bt),t.registerAction({type:"brushEnd",event:"brushEnd",update:"none"},bt),uF("brush",BW)})),h_((function(t){t.registerComponentModel(VW),t.registerComponentView(GW)})),h_((function(t){t.registerComponentModel(WW),t.registerComponentView(ZW),t.registerSubTypeDefaulter("timeline",(function(){return"slider"})),function(t){t.registerAction({type:"timelineChange",event:"timelineChanged",update:"prepareAndUpdate"},(function(t,e,n){var i=e.getComponent("timeline");return i&&null!=t.currentIndex&&(i.setCurrentIndex(t.currentIndex),!i.get("loop",!0)&&i.isIndexMax()&&i.getPlayState()&&(i.setPlayState(!1),n.dispatchAction({type:"timelinePlayChange",playState:!1,from:t.from}))),e.resetOption("timeline",{replaceMerge:i.get("replaceMerge",!0)}),k({currentIndex:i.option.currentIndex},t)})),t.registerAction({type:"timelinePlayChange",event:"timelinePlayChanged",update:"update"},(function(t,e){var n=e.getComponent("timeline");n&&null!=t.playState&&n.setPlayState(t.playState)}))}(t),t.registerPreprocessor(KW)})),h_((function(t){t.registerComponentModel(iH),t.registerComponentView(gH),t.registerPreprocessor((function(t){QW(t.series,"markPoint")&&(t.markPoint=t.markPoint||{})}))})),h_((function(t){t.registerComponentModel(yH),t.registerComponentView(SH),t.registerPreprocessor((function(t){QW(t.series,"markLine")&&(t.markLine=t.markLine||{})}))})),h_((function(t){t.registerComponentModel(MH),t.registerComponentView(PH),t.registerPreprocessor((function(t){QW(t.series,"markArea")&&(t.markArea=t.markArea||{})}))})),h_((function(t){h_(YH),h_(JH)})),h_((function(t){h_(cU),h_(mU)})),h_(cU),h_(mU),h_((function(t){h_(JU),h_(iY)})),h_(JU),h_(iY),h_((function(t){t.registerComponentModel(oY),t.registerComponentView(aY)})),h_((function(t){t.registerPreprocessor(pY),t.registerVisual(t.PRIORITY.VISUAL.ARIA,dY)})),h_((function(t){t.registerTransform(IY),t.registerTransform(TY)})),h_((function(t){t.registerComponentModel(CY),t.registerComponentView(DY)})),h_((function(t){t.registerUpdateLifecycle("series:beforeupdate",(function(t,e,n){z(qo(n.seriesTransition),(function(t){z(qo(t.to),(function(t){for(var e=n.updatedSeries,i=0;i<e.length;i++)(null!=t.seriesIndex&&t.seriesIndex===e[i].seriesIndex||null!=t.seriesId&&t.seriesId===e[i].id)&&(e[i][Fy]=!0)}))}))})),t.registerUpdateLifecycle("series:transition",(function(t,e,n){var i=uX(e);if(i.oldSeries&&n.updatedSeries&&n.optionChanged){var r=n.seriesTransition;if(r)z(qo(r),(function(t){!function(t,e,n,i){var r=[],o=[];z(qo(t.from),(function(t){var n=_X(e.oldSeries,t);n>=0&&r.push({dataGroupId:e.oldDataGroupIds[n],data:e.oldData[n],divide:xX(e.oldData[n]),groupIdDim:t.dimension})})),z(qo(t.to),(function(t){var i=_X(n.updatedSeries,t);if(i>=0){var r=n.updatedSeries[i].getData();o.push({dataGroupId:e.oldDataGroupIds[i],data:r,divide:xX(r),groupIdDim:t.dimension})}})),r.length>0&&o.length>0&&yX(r,o,i)}(t,i,n,e)}));else{var o=function(t,e){var n=yt(),i=yt(),r=yt();return z(t.oldSeries,(function(e,n){var o=t.oldDataGroupIds[n],a=t.oldData[n],s=vX(e),l=mX(s);i.set(l,{dataGroupId:o,data:a}),U(s)&&z(s,(function(t){r.set(t,{key:l,dataGroupId:o,data:a})}))})),z(e.updatedSeries,(function(t){if(t.isUniversalTransitionEnabled()&&t.isAnimationEnabled()){var e=t.get("dataGroupId"),o=t.getData(),a=vX(t),s=mX(a),l=i.get(s);if(l)n.set(s,{oldSeries:[{dataGroupId:l.dataGroupId,divide:xX(l.data),data:l.data}],newSeries:[{dataGroupId:e,divide:xX(o),data:o}]});else if(U(a)){var u=[];z(a,(function(t){var e=i.get(t);e.data&&u.push({dataGroupId:e.dataGroupId,divide:xX(e.data),data:e.data})})),u.length&&n.set(s,{oldSeries:u,newSeries:[{dataGroupId:e,data:o,divide:xX(o)}]})}else{var c=r.get(a);if(c){var h=n.get(c.key);h||(h={oldSeries:[{dataGroupId:c.dataGroupId,data:c.data,divide:xX(c.data)}],newSeries:[]},n.set(c.key,h)),h.newSeries.push({dataGroupId:e,data:o,divide:xX(o)})}}}})),n}(i,n);z(o.keys(),(function(t){var n=o.get(t);yX(n.oldSeries,n.newSeries,e)}))}z(n.updatedSeries,(function(t){t[Fy]&&(t[Fy]=!1)}))}for(var a=t.getSeries(),s=i.oldSeries=[],l=i.oldDataGroupIds=[],u=i.oldData=[],c=0;c<a.length;c++){var h=a[c].getData();h.count()<1e4&&(s.push(a[c]),l.push(a[c].get("dataGroupId")),u.push(h))}}))})),h_((function(t){t.registerUpdateLifecycle("series:beforeupdate",(function(t,e,n){var i=NS(e).labelManager;i||(i=NS(e).labelManager=new RS),i.clearLabels()})),t.registerUpdateLifecycle("series:layoutlabels",(function(t,e,n){var i=NS(e).labelManager;n.updatedSeries.forEach((function(t){i.addLabelsOfSeries(e.getViewOfSeriesModel(t))})),i.updateLayoutConfig(e),i.layout(e),i.processLabelsOverall()}))})),h_((function(t){!function(t){function e(t,e){var n=[],i=ua(e,t);function r(e,r){z(i[e],(function(e){z(e.updateAxisBreaks(t).breaks,(function(t){var i;n.push(k(((i={})[r]=e.componentIndex,i),t))}))}))}return r("xAxisModels","xAxisIndex"),r("yAxisModels","yAxisIndex"),r("singleAxisModels","singleAxisIndex"),{eventBreaks:n}}t.registerAction(iC,e),t.registerAction(rC,e),t.registerAction(oC,e)}(t),zX(),WX()})),h_((function(){OC=HX})),h_((function(t){t.registerLayout(t.PRIORITY.VISUAL.POST_CHART_LAYOUT,pD)})),t.Axis=Ww,t.ChartView=tv,t.ComponentModel=Qp,t.ComponentView=Ky,t.List=B_,t.Model=wd,t.PRIORITY=qm,t.SeriesModel=Wy,t.color=mi,t.connect=function(t){if(U(t)){var e=t;t=null,z(e,(function(e){null!=e.group&&(t=e.group)})),t=t||"g_"+Wx++,z(e,(function(e){e.group=t}))}return Gx[t]=!0,t},t.dataTool={},t.dependencies={zrender:"6.0.0"},t.disConnect=Yx,t.disconnect=Ux,t.dispose=function(t){X(t)?t=Vx[t]:t instanceof Cx||(t=Xx(t)),t instanceof Cx&&!t.isDisposed()&&t.dispose()},t.env=r,t.extendChartView=function(t){var e=tv.extend(t);return tv.registerClass(e),e},t.extendComponentModel=function(t){var e=Qp.extend(t);return Qp.registerClass(e),e},t.extendComponentView=function(t){var e=Ky.extend(t);return Ky.registerClass(e),e},t.extendSeriesModel=function(t){var e=Wy.extend(t);return Wy.registerClass(e),e},t.format=bw,t.getCoordinateSystemDimensions=function(t){var e=Tp.get(t);if(e)return e.getDimensionsInfo?e.getDimensionsInfo():e.dimensions.slice()},t.getInstanceByDom=Xx,t.getInstanceById=function(t){return Vx[t]},t.getMap=function(t){var e=Um("getMap");return e&&e(t)},t.graphic=_w,t.helper=rw,t.init=function(t,e,n){var i=!(n&&n.ssr);if(i){0;var r=Xx(t);if(r)return r;0}var o=new Cx(t,e,n);return o.id="ec_"+Fx++,Vx[o.id]=o,i&&fa(t,Hx,o.id),_x(o),Wm.trigger("afterinit",o),o},t.innerDrawElementOnCanvas=Om,t.matrix=De,t.number=mw,t.parseGeoJSON=vw,t.parseGeoJson=vw,t.registerAction=Qx,t.registerCoordinateSystem=t_,t.registerCustomSeries=function(t,e){Xm(t,e)},t.registerLayout=e_,t.registerLoading=o_,t.registerLocale=Pd,t.registerMap=a_,t.registerPostInit=Kx,t.registerPostUpdate=$x,t.registerPreprocessor=jx,t.registerProcessor=qx,t.registerTheme=Zx,t.registerTransform=s_,t.registerUpdateLifecycle=Jx,t.registerVisual=n_,t.setCanvasCreator=function(t){h({createCanvas:t})},t.setPlatformAPI=h,t.throttle=uv,t.time=xw,t.use=h_,t.util=ww,t.vector=Xt,t.version="6.0.0",t.zrUtil=Mt,t.zrender=uo,Object.defineProperty(t,"__esModule",{value:!0})}));
diff --git a/www/raven-demo/vendor/js/jquery.min.js b/www/raven-demo/vendor/js/jquery.min.js
new file mode 100644
index 0000000..7f37b5d
--- /dev/null
+++ b/www/raven-demo/vendor/js/jquery.min.js
@@ -0,0 +1,2 @@
+/*! jQuery v3.7.1 | (c) OpenJS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(ie,e){"use strict";var oe=[],r=Object.getPrototypeOf,ae=oe.slice,g=oe.flat?function(e){return oe.flat.call(e)}:function(e){return oe.concat.apply([],e)},s=oe.push,se=oe.indexOf,n={},i=n.toString,ue=n.hasOwnProperty,o=ue.toString,a=o.call(Object),le={},v=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},y=function(e){return null!=e&&e===e.window},C=ie.document,u={type:!0,src:!0,nonce:!0,noModule:!0};function m(e,t,n){var r,i,o=(n=n||C).createElement("script");if(o.text=e,t)for(r in u)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[i.call(e)]||"object":typeof e}var t="3.7.1",l=/HTML$/i,ce=function(e,t){return new ce.fn.init(e,t)};function c(e){var t=!!e&&"length"in e&&e.length,n=x(e);return!v(e)&&!y(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}function fe(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}ce.fn=ce.prototype={jquery:t,constructor:ce,length:0,toArray:function(){return ae.call(this)},get:function(e){return null==e?ae.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=ce.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return ce.each(this,e)},map:function(n){return this.pushStack(ce.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(ae.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(ce.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(ce.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:s,sort:oe.sort,splice:oe.splice},ce.extend=ce.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||v(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e)r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(ce.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||ce.isPlainObject(n)?n:{},i=!1,a[t]=ce.extend(l,o,r)):void 0!==r&&(a[t]=r));return a},ce.extend({expando:"jQuery"+(t+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,n;return!(!e||"[object Object]"!==i.call(e))&&(!(t=r(e))||"function"==typeof(n=ue.call(t,"constructor")&&t.constructor)&&o.call(n)===a)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t,n){m(e,{nonce:t&&t.nonce},n)},each:function(e,t){var n,r=0;if(c(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},text:function(e){var t,n="",r=0,i=e.nodeType;if(!i)while(t=e[r++])n+=ce.text(t);return 1===i||11===i?e.textContent:9===i?e.documentElement.textContent:3===i||4===i?e.nodeValue:n},makeArray:function(e,t){var n=t||[];return null!=e&&(c(Object(e))?ce.merge(n,"string"==typeof e?[e]:e):s.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:se.call(t,e,n)},isXMLDoc:function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!l.test(t||n&&n.nodeName||"HTML")},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,a=[];if(c(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&a.push(i);return g(a)},guid:1,support:le}),"function"==typeof Symbol&&(ce.fn[Symbol.iterator]=oe[Symbol.iterator]),ce.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase()});var pe=oe.pop,de=oe.sort,he=oe.splice,ge="[\\x20\\t\\r\\n\\f]",ve=new RegExp("^"+ge+"+|((?:^|[^\\\\])(?:\\\\.)*)"+ge+"+$","g");ce.contains=function(e,t){var n=t&&t.parentNode;return e===n||!(!n||1!==n.nodeType||!(e.contains?e.contains(n):e.compareDocumentPosition&&16&e.compareDocumentPosition(n)))};var f=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\x80-\uFFFF\w-]/g;function p(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e}ce.escapeSelector=function(e){return(e+"").replace(f,p)};var ye=C,me=s;!function(){var e,b,w,o,a,T,r,C,d,i,k=me,S=ce.expando,E=0,n=0,s=W(),c=W(),u=W(),h=W(),l=function(e,t){return e===t&&(a=!0),0},f="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",t="(?:\\\\[\\da-fA-F]{1,6}"+ge+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",p="\\["+ge+"*("+t+")(?:"+ge+"*([*^$|!~]?=)"+ge+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+t+"))|)"+ge+"*\\]",g=":("+t+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+p+")*)|.*)\\)|)",v=new RegExp(ge+"+","g"),y=new RegExp("^"+ge+"*,"+ge+"*"),m=new RegExp("^"+ge+"*([>+~]|"+ge+")"+ge+"*"),x=new RegExp(ge+"|>"),j=new RegExp(g),A=new RegExp("^"+t+"$"),D={ID:new RegExp("^#("+t+")"),CLASS:new RegExp("^\\.("+t+")"),TAG:new RegExp("^("+t+"|[*])"),ATTR:new RegExp("^"+p),PSEUDO:new RegExp("^"+g),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+ge+"*(even|odd|(([+-]|)(\\d*)n|)"+ge+"*(?:([+-]|)"+ge+"*(\\d+)|))"+ge+"*\\)|)","i"),bool:new RegExp("^(?:"+f+")$","i"),needsContext:new RegExp("^"+ge+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+ge+"*((?:-\\d)?\\d*)"+ge+"*\\)|)(?=[^-]|$)","i")},N=/^(?:input|select|textarea|button)$/i,q=/^h\d$/i,L=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,H=/[+~]/,O=new RegExp("\\\\[\\da-fA-F]{1,6}"+ge+"?|\\\\([^\\r\\n\\f])","g"),P=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},M=function(){V()},R=J(function(e){return!0===e.disabled&&fe(e,"fieldset")},{dir:"parentNode",next:"legend"});try{k.apply(oe=ae.call(ye.childNodes),ye.childNodes),oe[ye.childNodes.length].nodeType}catch(e){k={apply:function(e,t){me.apply(e,ae.call(t))},call:function(e){me.apply(e,ae.call(arguments,1))}}}function I(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(V(e),e=e||T,C)){if(11!==p&&(u=L.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return k.call(n,a),n}else if(f&&(a=f.getElementById(i))&&I.contains(e,a)&&a.id===i)return k.call(n,a),n}else{if(u[2])return k.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&e.getElementsByClassName)return k.apply(n,e.getElementsByClassName(i)),n}if(!(h[t+" "]||d&&d.test(t))){if(c=t,f=e,1===p&&(x.test(t)||m.test(t))){(f=H.test(t)&&U(e.parentNode)||e)==e&&le.scope||((s=e.getAttribute("id"))?s=ce.escapeSelector(s):e.setAttribute("id",s=S)),o=(l=Y(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+Q(l[o]);c=l.join(",")}try{return k.apply(n,f.querySelectorAll(c)),n}catch(e){h(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return re(t.replace(ve,"$1"),e,n,r)}function W(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function F(e){return e[S]=!0,e}function $(e){var t=T.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function B(t){return function(e){return fe(e,"input")&&e.type===t}}function _(t){return function(e){return(fe(e,"input")||fe(e,"button"))&&e.type===t}}function z(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&R(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function X(a){return F(function(o){return o=+o,F(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function U(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}function V(e){var t,n=e?e.ownerDocument||e:ye;return n!=T&&9===n.nodeType&&n.documentElement&&(r=(T=n).documentElement,C=!ce.isXMLDoc(T),i=r.matches||r.webkitMatchesSelector||r.msMatchesSelector,r.msMatchesSelector&&ye!=T&&(t=T.defaultView)&&t.top!==t&&t.addEventListener("unload",M),le.getById=$(function(e){return r.appendChild(e).id=ce.expando,!T.getElementsByName||!T.getElementsByName(ce.expando).length}),le.disconnectedMatch=$(function(e){return i.call(e,"*")}),le.scope=$(function(){return T.querySelectorAll(":scope")}),le.cssHas=$(function(){try{return T.querySelector(":has(*,:jqfake)"),!1}catch(e){return!0}}),le.getById?(b.filter.ID=function(e){var t=e.replace(O,P);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(O,P);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):t.querySelectorAll(e)},b.find.CLASS=function(e,t){if("undefined"!=typeof t.getElementsByClassName&&C)return t.getElementsByClassName(e)},d=[],$(function(e){var t;r.appendChild(e).innerHTML="<a id='"+S+"' href='' disabled='disabled'></a><select id='"+S+"-\r\\' disabled='disabled'><option selected=''></option></select>",e.querySelectorAll("[selected]").length||d.push("\\["+ge+"*(?:value|"+f+")"),e.querySelectorAll("[id~="+S+"-]").length||d.push("~="),e.querySelectorAll("a#"+S+"+*").length||d.push(".#.+[+~]"),e.querySelectorAll(":checked").length||d.push(":checked"),(t=T.createElement("input")).setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),r.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&d.push(":enabled",":disabled"),(t=T.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||d.push("\\["+ge+"*name"+ge+"*="+ge+"*(?:''|\"\")")}),le.cssHas||d.push(":has"),d=d.length&&new RegExp(d.join("|")),l=function(e,t){if(e===t)return a=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!le.sortDetached&&t.compareDocumentPosition(e)===n?e===T||e.ownerDocument==ye&&I.contains(ye,e)?-1:t===T||t.ownerDocument==ye&&I.contains(ye,t)?1:o?se.call(o,e)-se.call(o,t):0:4&n?-1:1)}),T}for(e in I.matches=function(e,t){return I(e,null,null,t)},I.matchesSelector=function(e,t){if(V(e),C&&!h[t+" "]&&(!d||!d.test(t)))try{var n=i.call(e,t);if(n||le.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){h(t,!0)}return 0<I(t,T,null,[e]).length},I.contains=function(e,t){return(e.ownerDocument||e)!=T&&V(e),ce.contains(e,t)},I.attr=function(e,t){(e.ownerDocument||e)!=T&&V(e);var n=b.attrHandle[t.toLowerCase()],r=n&&ue.call(b.attrHandle,t.toLowerCase())?n(e,t,!C):void 0;return void 0!==r?r:e.getAttribute(t)},I.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},ce.uniqueSort=function(e){var t,n=[],r=0,i=0;if(a=!le.sortStable,o=!le.sortStable&&ae.call(e,0),de.call(e,l),a){while(t=e[i++])t===e[i]&&(r=n.push(i));while(r--)he.call(e,n[r],1)}return o=null,e},ce.fn.uniqueSort=function(){return this.pushStack(ce.uniqueSort(ae.apply(this)))},(b=ce.expr={cacheLength:50,createPseudo:F,match:D,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(O,P),e[3]=(e[3]||e[4]||e[5]||"").replace(O,P),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||I.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&I.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return D.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&j.test(n)&&(t=Y(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(O,P).toLowerCase();return"*"===e?function(){return!0}:function(e){return fe(e,t)}},CLASS:function(e){var t=s[e+" "];return t||(t=new RegExp("(^|"+ge+")"+e+"("+ge+"|$)"))&&s(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=I.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1<t.indexOf(i):"$="===r?i&&t.slice(-i.length)===i:"~="===r?-1<(" "+t.replace(v," ")+" ").indexOf(i):"|="===r&&(t===i||t.slice(0,i.length+1)===i+"-"))}},CHILD:function(d,e,t,h,g){var v="nth"!==d.slice(0,3),y="last"!==d.slice(-4),m="of-type"===e;return 1===h&&0===g?function(e){return!!e.parentNode}:function(e,t,n){var r,i,o,a,s,u=v!==y?"nextSibling":"previousSibling",l=e.parentNode,c=m&&e.nodeName.toLowerCase(),f=!n&&!m,p=!1;if(l){if(v){while(u){o=e;while(o=o[u])if(m?fe(o,c):1===o.nodeType)return!1;s=u="only"===d&&!s&&"nextSibling"}return!0}if(s=[y?l.firstChild:l.lastChild],y&&f){p=(a=(r=(i=l[S]||(l[S]={}))[d]||[])[0]===E&&r[1])&&r[2],o=a&&l.childNodes[a];while(o=++a&&o&&o[u]||(p=a=0)||s.pop())if(1===o.nodeType&&++p&&o===e){i[d]=[E,a,p];break}}else if(f&&(p=a=(r=(i=e[S]||(e[S]={}))[d]||[])[0]===E&&r[1]),!1===p)while(o=++a&&o&&o[u]||(p=a=0)||s.pop())if((m?fe(o,c):1===o.nodeType)&&++p&&(f&&((i=o[S]||(o[S]={}))[d]=[E,p]),o===e))break;return(p-=g)===h||p%h==0&&0<=p/h}}},PSEUDO:function(e,o){var t,a=b.pseudos[e]||b.setFilters[e.toLowerCase()]||I.error("unsupported pseudo: "+e);return a[S]?a(o):1<a.length?(t=[e,e,"",o],b.setFilters.hasOwnProperty(e.toLowerCase())?F(function(e,t){var n,r=a(e,o),i=r.length;while(i--)e[n=se.call(e,r[i])]=!(t[n]=r[i])}):function(e){return a(e,0,t)}):a}},pseudos:{not:F(function(e){var r=[],i=[],s=ne(e.replace(ve,"$1"));return s[S]?F(function(e,t,n,r){var i,o=s(e,null,r,[]),a=e.length;while(a--)(i=o[a])&&(e[a]=!(t[a]=i))}):function(e,t,n){return r[0]=e,s(r,null,n,i),r[0]=null,!i.pop()}}),has:F(function(t){return function(e){return 0<I(t,e).length}}),contains:F(function(t){return t=t.replace(O,P),function(e){return-1<(e.textContent||ce.text(e)).indexOf(t)}}),lang:F(function(n){return A.test(n||"")||I.error("unsupported lang: "+n),n=n.replace(O,P).toLowerCase(),function(e){var t;do{if(t=C?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=ie.location&&ie.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===r},focus:function(e){return e===function(){try{return T.activeElement}catch(e){}}()&&T.hasFocus()&&!!(e.type||e.href||~e.tabIndex)},enabled:z(!1),disabled:z(!0),checked:function(e){return fe(e,"input")&&!!e.checked||fe(e,"option")&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!b.pseudos.empty(e)},header:function(e){return q.test(e.nodeName)},input:function(e){return N.test(e.nodeName)},button:function(e){return fe(e,"input")&&"button"===e.type||fe(e,"button")},text:function(e){var t;return fe(e,"input")&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:X(function(){return[0]}),last:X(function(e,t){return[t-1]}),eq:X(function(e,t,n){return[n<0?n+t:n]}),even:X(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:X(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:X(function(e,t,n){var r;for(r=n<0?n+t:t<n?t:n;0<=--r;)e.push(r);return e}),gt:X(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=b.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})b.pseudos[e]=B(e);for(e in{submit:!0,reset:!0})b.pseudos[e]=_(e);function G(){}function Y(e,t){var n,r,i,o,a,s,u,l=c[e+" "];if(l)return t?0:l.slice(0);a=e,s=[],u=b.preFilter;while(a){for(o in n&&!(r=y.exec(a))||(r&&(a=a.slice(r[0].length)||a),s.push(i=[])),n=!1,(r=m.exec(a))&&(n=r.shift(),i.push({value:n,type:r[0].replace(ve," ")}),a=a.slice(n.length)),b.filter)!(r=D[o].exec(a))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?I.error(e):c(e,s).slice(0)}function Q(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function J(a,e,t){var s=e.dir,u=e.next,l=u||s,c=t&&"parentNode"===l,f=n++;return e.first?function(e,t,n){while(e=e[s])if(1===e.nodeType||c)return a(e,t,n);return!1}:function(e,t,n){var r,i,o=[E,f];if(n){while(e=e[s])if((1===e.nodeType||c)&&a(e,t,n))return!0}else while(e=e[s])if(1===e.nodeType||c)if(i=e[S]||(e[S]={}),u&&fe(e,u))e=e[s]||e;else{if((r=i[l])&&r[0]===E&&r[1]===f)return o[2]=r[2];if((i[l]=o)[2]=a(e,t,n))return!0}return!1}}function K(i){return 1<i.length?function(e,t,n){var r=i.length;while(r--)if(!i[r](e,t,n))return!1;return!0}:i[0]}function Z(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function ee(d,h,g,v,y,e){return v&&!v[S]&&(v=ee(v)),y&&!y[S]&&(y=ee(y,e)),F(function(e,t,n,r){var i,o,a,s,u=[],l=[],c=t.length,f=e||function(e,t,n){for(var r=0,i=t.length;r<i;r++)I(e,t[r],n);return n}(h||"*",n.nodeType?[n]:n,[]),p=!d||!e&&h?f:Z(f,u,d,n,r);if(g?g(p,s=y||(e?d:c||v)?[]:t,n,r):s=p,v){i=Z(s,l),v(i,[],n,r),o=i.length;while(o--)(a=i[o])&&(s[l[o]]=!(p[l[o]]=a))}if(e){if(y||d){if(y){i=[],o=s.length;while(o--)(a=s[o])&&i.push(p[o]=a);y(null,s=[],i,r)}o=s.length;while(o--)(a=s[o])&&-1<(i=y?se.call(e,a):u[o])&&(e[i]=!(t[i]=a))}}else s=Z(s===t?s.splice(c,s.length):s),y?y(null,t,s,r):k.apply(t,s)})}function te(e){for(var i,t,n,r=e.length,o=b.relative[e[0].type],a=o||b.relative[" "],s=o?1:0,u=J(function(e){return e===i},a,!0),l=J(function(e){return-1<se.call(i,e)},a,!0),c=[function(e,t,n){var r=!o&&(n||t!=w)||((i=t).nodeType?u(e,t,n):l(e,t,n));return i=null,r}];s<r;s++)if(t=b.relative[e[s].type])c=[J(K(c),t)];else{if((t=b.filter[e[s].type].apply(null,e[s].matches))[S]){for(n=++s;n<r;n++)if(b.relative[e[n].type])break;return ee(1<s&&K(c),1<s&&Q(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace(ve,"$1"),t,s<n&&te(e.slice(s,n)),n<r&&te(e=e.slice(n)),n<r&&Q(e))}c.push(t)}return K(c)}function ne(e,t){var n,v,y,m,x,r,i=[],o=[],a=u[e+" "];if(!a){t||(t=Y(e)),n=t.length;while(n--)(a=te(t[n]))[S]?i.push(a):o.push(a);(a=u(e,(v=o,m=0<(y=i).length,x=0<v.length,r=function(e,t,n,r,i){var o,a,s,u=0,l="0",c=e&&[],f=[],p=w,d=e||x&&b.find.TAG("*",i),h=E+=null==p?1:Math.random()||.1,g=d.length;for(i&&(w=t==T||t||i);l!==g&&null!=(o=d[l]);l++){if(x&&o){a=0,t||o.ownerDocument==T||(V(o),n=!C);while(s=v[a++])if(s(o,t||T,n)){k.call(r,o);break}i&&(E=h)}m&&((o=!s&&o)&&u--,e&&c.push(o))}if(u+=l,m&&l!==u){a=0;while(s=y[a++])s(c,f,t,n);if(e){if(0<u)while(l--)c[l]||f[l]||(f[l]=pe.call(r));f=Z(f)}k.apply(r,f),i&&!e&&0<f.length&&1<u+y.length&&ce.uniqueSort(r)}return i&&(E=h,w=p),c},m?F(r):r))).selector=e}return a}function re(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,c=!r&&Y(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(a=o[0]).type&&9===t.nodeType&&C&&b.relative[o[1].type]){if(!(t=(b.find.ID(a.matches[0].replace(O,P),t)||[])[0]))return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}i=D.needsContext.test(e)?0:o.length;while(i--){if(a=o[i],b.relative[s=a.type])break;if((u=b.find[s])&&(r=u(a.matches[0].replace(O,P),H.test(o[0].type)&&U(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&Q(o)))return k.apply(n,r),n;break}}}return(l||ne(e,c))(r,t,!C,n,!t||H.test(e)&&U(t.parentNode)||t),n}G.prototype=b.filters=b.pseudos,b.setFilters=new G,le.sortStable=S.split("").sort(l).join("")===S,V(),le.sortDetached=$(function(e){return 1&e.compareDocumentPosition(T.createElement("fieldset"))}),ce.find=I,ce.expr[":"]=ce.expr.pseudos,ce.unique=ce.uniqueSort,I.compile=ne,I.select=re,I.setDocument=V,I.tokenize=Y,I.escape=ce.escapeSelector,I.getText=ce.text,I.isXML=ce.isXMLDoc,I.selectors=ce.expr,I.support=ce.support,I.uniqueSort=ce.uniqueSort}();var d=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&ce(e).is(n))break;r.push(e)}return r},h=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},b=ce.expr.match.needsContext,w=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function T(e,n,r){return v(n)?ce.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?ce.grep(e,function(e){return e===n!==r}):"string"!=typeof n?ce.grep(e,function(e){return-1<se.call(n,e)!==r}):ce.filter(n,e,r)}ce.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?ce.find.matchesSelector(r,e)?[r]:[]:ce.find.matches(e,ce.grep(t,function(e){return 1===e.nodeType}))},ce.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(ce(e).filter(function(){for(t=0;t<r;t++)if(ce.contains(i[t],this))return!0}));for(n=this.pushStack([]),t=0;t<r;t++)ce.find(e,i[t],n);return 1<r?ce.uniqueSort(n):n},filter:function(e){return this.pushStack(T(this,e||[],!1))},not:function(e){return this.pushStack(T(this,e||[],!0))},is:function(e){return!!T(this,"string"==typeof e&&b.test(e)?ce(e):e||[],!1).length}});var k,S=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(ce.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||k,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:S.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof ce?t[0]:t,ce.merge(this,ce.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:C,!0)),w.test(r[1])&&ce.isPlainObject(t))for(r in t)v(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=C.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):v(e)?void 0!==n.ready?n.ready(e):e(ce):ce.makeArray(e,this)}).prototype=ce.fn,k=ce(C);var E=/^(?:parents|prev(?:Until|All))/,j={children:!0,contents:!0,next:!0,prev:!0};function A(e,t){while((e=e[t])&&1!==e.nodeType);return e}ce.fn.extend({has:function(e){var t=ce(e,this),n=t.length;return this.filter(function(){for(var e=0;e<n;e++)if(ce.contains(this,t[e]))return!0})},closest:function(e,t){var n,r=0,i=this.length,o=[],a="string"!=typeof e&&ce(e);if(!b.test(e))for(;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?-1<a.index(n):1===n.nodeType&&ce.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(1<o.length?ce.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?se.call(ce(e),this[0]):se.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(ce.uniqueSort(ce.merge(this.get(),ce(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),ce.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return d(e,"parentNode")},parentsUntil:function(e,t,n){return d(e,"parentNode",n)},next:function(e){return A(e,"nextSibling")},prev:function(e){return A(e,"previousSibling")},nextAll:function(e){return d(e,"nextSibling")},prevAll:function(e){return d(e,"previousSibling")},nextUntil:function(e,t,n){return d(e,"nextSibling",n)},prevUntil:function(e,t,n){return d(e,"previousSibling",n)},siblings:function(e){return h((e.parentNode||{}).firstChild,e)},children:function(e){return h(e.firstChild)},contents:function(e){return null!=e.contentDocument&&r(e.contentDocument)?e.contentDocument:(fe(e,"template")&&(e=e.content||e),ce.merge([],e.childNodes))}},function(r,i){ce.fn[r]=function(e,t){var n=ce.map(this,i,e);return"Until"!==r.slice(-5)&&(t=e),t&&"string"==typeof t&&(n=ce.filter(t,n)),1<this.length&&(j[r]||ce.uniqueSort(n),E.test(r)&&n.reverse()),this.pushStack(n)}});var D=/[^\x20\t\r\n\f]+/g;function N(e){return e}function q(e){throw e}function L(e,t,n,r){var i;try{e&&v(i=e.promise)?i.call(e).done(t).fail(n):e&&v(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}ce.Callbacks=function(r){var e,n;r="string"==typeof r?(e=r,n={},ce.each(e.match(D)||[],function(e,t){n[t]=!0}),n):ce.extend({},r);var i,t,o,a,s=[],u=[],l=-1,c=function(){for(a=a||r.once,o=i=!0;u.length;l=-1){t=u.shift();while(++l<s.length)!1===s[l].apply(t[0],t[1])&&r.stopOnFalse&&(l=s.length,t=!1)}r.memory||(t=!1),i=!1,a&&(s=t?[]:"")},f={add:function(){return s&&(t&&!i&&(l=s.length-1,u.push(t)),function n(e){ce.each(e,function(e,t){v(t)?r.unique&&f.has(t)||s.push(t):t&&t.length&&"string"!==x(t)&&n(t)})}(arguments),t&&!i&&c()),this},remove:function(){return ce.each(arguments,function(e,t){var n;while(-1<(n=ce.inArray(t,s,n)))s.splice(n,1),n<=l&&l--}),this},has:function(e){return e?-1<ce.inArray(e,s):0<s.length},empty:function(){return s&&(s=[]),this},disable:function(){return a=u=[],s=t="",this},disabled:function(){return!s},lock:function(){return a=u=[],t||i||(s=t=""),this},locked:function(){return!!a},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],u.push(t),i||c()),this},fire:function(){return f.fireWith(this,arguments),this},fired:function(){return!!o}};return f},ce.extend({Deferred:function(e){var o=[["notify","progress",ce.Callbacks("memory"),ce.Callbacks("memory"),2],["resolve","done",ce.Callbacks("once memory"),ce.Callbacks("once memory"),0,"resolved"],["reject","fail",ce.Callbacks("once memory"),ce.Callbacks("once memory"),1,"rejected"]],i="pending",a={state:function(){return i},always:function(){return s.done(arguments).fail(arguments),this},"catch":function(e){return a.then(null,e)},pipe:function(){var i=arguments;return ce.Deferred(function(r){ce.each(o,function(e,t){var n=v(i[t[4]])&&i[t[4]];s[t[1]](function(){var e=n&&n.apply(this,arguments);e&&v(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments)})}),i=null}).promise()},then:function(t,n,r){var u=0;function l(i,o,a,s){return function(){var n=this,r=arguments,e=function(){var e,t;if(!(i<u)){if((e=a.apply(n,r))===o.promise())throw new TypeError("Thenable self-resolution");t=e&&("object"==typeof e||"function"==typeof e)&&e.then,v(t)?s?t.call(e,l(u,o,N,s),l(u,o,q,s)):(u++,t.call(e,l(u,o,N,s),l(u,o,q,s),l(u,o,N,o.notifyWith))):(a!==N&&(n=void 0,r=[e]),(s||o.resolveWith)(n,r))}},t=s?e:function(){try{e()}catch(e){ce.Deferred.exceptionHook&&ce.Deferred.exceptionHook(e,t.error),u<=i+1&&(a!==q&&(n=void 0,r=[e]),o.rejectWith(n,r))}};i?t():(ce.Deferred.getErrorHook?t.error=ce.Deferred.getErrorHook():ce.Deferred.getStackHook&&(t.error=ce.Deferred.getStackHook()),ie.setTimeout(t))}}return ce.Deferred(function(e){o[0][3].add(l(0,e,v(r)?r:N,e.notifyWith)),o[1][3].add(l(0,e,v(t)?t:N)),o[2][3].add(l(0,e,v(n)?n:q))}).promise()},promise:function(e){return null!=e?ce.extend(e,a):a}},s={};return ce.each(o,function(e,t){var n=t[2],r=t[5];a[t[1]]=n.add,r&&n.add(function(){i=r},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),s[t[0]]=function(){return s[t[0]+"With"](this===s?void 0:this,arguments),this},s[t[0]+"With"]=n.fireWith}),a.promise(s),e&&e.call(s,s),s},when:function(e){var n=arguments.length,t=n,r=Array(t),i=ae.call(arguments),o=ce.Deferred(),a=function(t){return function(e){r[t]=this,i[t]=1<arguments.length?ae.call(arguments):e,--n||o.resolveWith(r,i)}};if(n<=1&&(L(e,o.done(a(t)).resolve,o.reject,!n),"pending"===o.state()||v(i[t]&&i[t].then)))return o.then();while(t--)L(i[t],a(t),o.reject);return o.promise()}});var H=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;ce.Deferred.exceptionHook=function(e,t){ie.console&&ie.console.warn&&e&&H.test(e.name)&&ie.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},ce.readyException=function(e){ie.setTimeout(function(){throw e})};var O=ce.Deferred();function P(){C.removeEventListener("DOMContentLoaded",P),ie.removeEventListener("load",P),ce.ready()}ce.fn.ready=function(e){return O.then(e)["catch"](function(e){ce.readyException(e)}),this},ce.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--ce.readyWait:ce.isReady)||(ce.isReady=!0)!==e&&0<--ce.readyWait||O.resolveWith(C,[ce])}}),ce.ready.then=O.then,"complete"===C.readyState||"loading"!==C.readyState&&!C.documentElement.doScroll?ie.setTimeout(ce.ready):(C.addEventListener("DOMContentLoaded",P),ie.addEventListener("load",P));var M=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===x(n))for(s in i=!0,n)M(e,t,s,n[s],!0,o,a);else if(void 0!==r&&(i=!0,v(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(ce(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},R=/^-ms-/,I=/-([a-z])/g;function W(e,t){return t.toUpperCase()}function F(e){return e.replace(R,"ms-").replace(I,W)}var $=function(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType};function B(){this.expando=ce.expando+B.uid++}B.uid=1,B.prototype={cache:function(e){var t=e[this.expando];return t||(t={},$(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,n){var r,i=this.cache(e);if("string"==typeof t)i[F(t)]=n;else for(r in t)i[F(r)]=t[r];return i},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][F(t)]},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t)},remove:function(e,t){var n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(F):(t=F(t))in r?[t]:t.match(D)||[]).length;while(n--)delete r[t[n]]}(void 0===t||ce.isEmptyObject(r))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){var t=e[this.expando];return void 0!==t&&!ce.isEmptyObject(t)}};var _=new B,z=new B,X=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,U=/[A-Z]/g;function V(e,t,n){var r,i;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(U,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:X.test(i)?JSON.parse(i):i)}catch(e){}z.set(e,t,n)}else n=void 0;return n}ce.extend({hasData:function(e){return z.hasData(e)||_.hasData(e)},data:function(e,t,n){return z.access(e,t,n)},removeData:function(e,t){z.remove(e,t)},_data:function(e,t,n){return _.access(e,t,n)},_removeData:function(e,t){_.remove(e,t)}}),ce.fn.extend({data:function(n,e){var t,r,i,o=this[0],a=o&&o.attributes;if(void 0===n){if(this.length&&(i=z.get(o),1===o.nodeType&&!_.get(o,"hasDataAttrs"))){t=a.length;while(t--)a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=F(r.slice(5)),V(o,r,i[r]));_.set(o,"hasDataAttrs",!0)}return i}return"object"==typeof n?this.each(function(){z.set(this,n)}):M(this,function(e){var t;if(o&&void 0===e)return void 0!==(t=z.get(o,n))?t:void 0!==(t=V(o,n))?t:void 0;this.each(function(){z.set(this,n,e)})},null,e,1<arguments.length,null,!0)},removeData:function(e){return this.each(function(){z.remove(this,e)})}}),ce.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=_.get(e,t),n&&(!r||Array.isArray(n)?r=_.access(e,t,ce.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=ce.queue(e,t),r=n.length,i=n.shift(),o=ce._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){ce.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return _.get(e,n)||_.access(e,n,{empty:ce.Callbacks("once memory").add(function(){_.remove(e,[t+"queue",n])})})}}),ce.fn.extend({queue:function(t,n){var e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?ce.queue(this[0],t):void 0===n?this:this.each(function(){var e=ce.queue(this,t,n);ce._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&ce.dequeue(this,t)})},dequeue:function(e){return this.each(function(){ce.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=ce.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=void 0),e=e||"fx";while(a--)(n=_.get(o[a],e+"queueHooks"))&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}});var G=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,Y=new RegExp("^(?:([+-])=|)("+G+")([a-z%]*)$","i"),Q=["Top","Right","Bottom","Left"],J=C.documentElement,K=function(e){return ce.contains(e.ownerDocument,e)},Z={composed:!0};J.getRootNode&&(K=function(e){return ce.contains(e.ownerDocument,e)||e.getRootNode(Z)===e.ownerDocument});var ee=function(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&K(e)&&"none"===ce.css(e,"display")};function te(e,t,n,r){var i,o,a=20,s=r?function(){return r.cur()}:function(){return ce.css(e,t,"")},u=s(),l=n&&n[3]||(ce.cssNumber[t]?"":"px"),c=e.nodeType&&(ce.cssNumber[t]||"px"!==l&&+u)&&Y.exec(ce.css(e,t));if(c&&c[3]!==l){u/=2,l=l||c[3],c=+u||1;while(a--)ce.style(e,t,c+l),(1-o)*(1-(o=s()/u||.5))<=0&&(a=0),c/=o;c*=2,ce.style(e,t,c+l),n=n||[]}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}var ne={};function re(e,t){for(var n,r,i,o,a,s,u,l=[],c=0,f=e.length;c<f;c++)(r=e[c]).style&&(n=r.style.display,t?("none"===n&&(l[c]=_.get(r,"display")||null,l[c]||(r.style.display="")),""===r.style.display&&ee(r)&&(l[c]=(u=a=o=void 0,a=(i=r).ownerDocument,s=i.nodeName,(u=ne[s])||(o=a.body.appendChild(a.createElement(s)),u=ce.css(o,"display"),o.parentNode.removeChild(o),"none"===u&&(u="block"),ne[s]=u)))):"none"!==n&&(l[c]="none",_.set(r,"display",n)));for(c=0;c<f;c++)null!=l[c]&&(e[c].style.display=l[c]);return e}ce.fn.extend({show:function(){return re(this,!0)},hide:function(){return re(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){ee(this)?ce(this).show():ce(this).hide()})}});var xe,be,we=/^(?:checkbox|radio)$/i,Te=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,Ce=/^$|^module$|\/(?:java|ecma)script/i;xe=C.createDocumentFragment().appendChild(C.createElement("div")),(be=C.createElement("input")).setAttribute("type","radio"),be.setAttribute("checked","checked"),be.setAttribute("name","t"),xe.appendChild(be),le.checkClone=xe.cloneNode(!0).cloneNode(!0).lastChild.checked,xe.innerHTML="<textarea>x</textarea>",le.noCloneChecked=!!xe.cloneNode(!0).lastChild.defaultValue,xe.innerHTML="<option></option>",le.option=!!xe.lastChild;var ke={thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};function Se(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&fe(e,t)?ce.merge([e],n):n}function Ee(e,t){for(var n=0,r=e.length;n<r;n++)_.set(e[n],"globalEval",!t||_.get(t[n],"globalEval"))}ke.tbody=ke.tfoot=ke.colgroup=ke.caption=ke.thead,ke.th=ke.td,le.option||(ke.optgroup=ke.option=[1,"<select multiple='multiple'>","</select>"]);var je=/<|&#?\w+;/;function Ae(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d<h;d++)if((o=e[d])||0===o)if("object"===x(o))ce.merge(p,o.nodeType?[o]:o);else if(je.test(o)){a=a||f.appendChild(t.createElement("div")),s=(Te.exec(o)||["",""])[1].toLowerCase(),u=ke[s]||ke._default,a.innerHTML=u[1]+ce.htmlPrefilter(o)+u[2],c=u[0];while(c--)a=a.lastChild;ce.merge(p,a.childNodes),(a=f.firstChild).textContent=""}else p.push(t.createTextNode(o));f.textContent="",d=0;while(o=p[d++])if(r&&-1<ce.inArray(o,r))i&&i.push(o);else if(l=K(o),a=Se(f.appendChild(o),"script"),l&&Ee(a),n){c=0;while(o=a[c++])Ce.test(o.type||"")&&n.push(o)}return f}var De=/^([^.]*)(?:\.(.+)|)/;function Ne(){return!0}function qe(){return!1}function Le(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Le(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=qe;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return ce().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=ce.guid++)),e.each(function(){ce.event.add(this,t,i,r,n)})}function He(e,r,t){t?(_.set(e,r,!1),ce.event.add(e,r,{namespace:!1,handler:function(e){var t,n=_.get(this,r);if(1&e.isTrigger&&this[r]){if(n)(ce.event.special[r]||{}).delegateType&&e.stopPropagation();else if(n=ae.call(arguments),_.set(this,r,n),this[r](),t=_.get(this,r),_.set(this,r,!1),n!==t)return e.stopImmediatePropagation(),e.preventDefault(),t}else n&&(_.set(this,r,ce.event.trigger(n[0],n.slice(1),this)),e.stopPropagation(),e.isImmediatePropagationStopped=Ne)}})):void 0===_.get(e,r)&&ce.event.add(e,r,Ne)}ce.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=_.get(t);if($(t)){n.handler&&(n=(o=n).handler,i=o.selector),i&&ce.find.matchesSelector(J,i),n.guid||(n.guid=ce.guid++),(u=v.events)||(u=v.events=Object.create(null)),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof ce&&ce.event.triggered!==e.type?ce.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(D)||[""]).length;while(l--)d=g=(s=De.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=ce.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=ce.event.special[d]||{},c=ce.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&ce.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),ce.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=_.hasData(e)&&_.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(D)||[""]).length;while(l--)if(d=g=(s=De.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=ce.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||ce.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)ce.event.remove(e,d+t[l],n,r,!0);ce.isEmptyObject(u)&&_.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=new Array(arguments.length),u=ce.event.fix(e),l=(_.get(this,"events")||Object.create(null))[u.type]||[],c=ce.event.special[u.type]||{};for(s[0]=u,t=1;t<arguments.length;t++)s[t]=arguments[t];if(u.delegateTarget=this,!c.preDispatch||!1!==c.preDispatch.call(this,u)){a=ce.event.handlers.call(this,u,l),t=0;while((i=a[t++])&&!u.isPropagationStopped()){u.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!u.isImmediatePropagationStopped())u.rnamespace&&!1!==o.namespace&&!u.rnamespace.test(o.namespace)||(u.handleObj=o,u.data=o.data,void 0!==(r=((ce.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s))&&!1===(u.result=r)&&(u.preventDefault(),u.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,u),u.result}},handlers:function(e,t){var n,r,i,o,a,s=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n<u;n++)void 0===a[i=(r=t[n]).selector+" "]&&(a[i]=r.needsContext?-1<ce(i,this).index(l):ce.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u<t.length&&s.push({elem:l,handlers:t.slice(u)}),s},addProp:function(t,e){Object.defineProperty(ce.Event.prototype,t,{enumerable:!0,configurable:!0,get:v(e)?function(){if(this.originalEvent)return e(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[t]},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e})}})},fix:function(e){return e[ce.expando]?e:new ce.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){var t=this||e;return we.test(t.type)&&t.click&&fe(t,"input")&&He(t,"click",!0),!1},trigger:function(e){var t=this||e;return we.test(t.type)&&t.click&&fe(t,"input")&&He(t,"click"),!0},_default:function(e){var t=e.target;return we.test(t.type)&&t.click&&fe(t,"input")&&_.get(t,"click")||fe(t,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}},ce.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)},ce.Event=function(e,t){if(!(this instanceof ce.Event))return new ce.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?Ne:qe,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&ce.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[ce.expando]=!0},ce.Event.prototype={constructor:ce.Event,isDefaultPrevented:qe,isPropagationStopped:qe,isImmediatePropagationStopped:qe,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=Ne,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=Ne,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=Ne,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},ce.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,"char":!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:!0},ce.event.addProp),ce.each({focus:"focusin",blur:"focusout"},function(r,i){function o(e){if(C.documentMode){var t=_.get(this,"handle"),n=ce.event.fix(e);n.type="focusin"===e.type?"focus":"blur",n.isSimulated=!0,t(e),n.target===n.currentTarget&&t(n)}else ce.event.simulate(i,e.target,ce.event.fix(e))}ce.event.special[r]={setup:function(){var e;if(He(this,r,!0),!C.documentMode)return!1;(e=_.get(this,i))||this.addEventListener(i,o),_.set(this,i,(e||0)+1)},trigger:function(){return He(this,r),!0},teardown:function(){var e;if(!C.documentMode)return!1;(e=_.get(this,i)-1)?_.set(this,i,e):(this.removeEventListener(i,o),_.remove(this,i))},_default:function(e){return _.get(e.target,r)},delegateType:i},ce.event.special[i]={setup:function(){var e=this.ownerDocument||this.document||this,t=C.documentMode?this:e,n=_.get(t,i);n||(C.documentMode?this.addEventListener(i,o):e.addEventListener(r,o,!0)),_.set(t,i,(n||0)+1)},teardown:function(){var e=this.ownerDocument||this.document||this,t=C.documentMode?this:e,n=_.get(t,i)-1;n?_.set(t,i,n):(C.documentMode?this.removeEventListener(i,o):e.removeEventListener(r,o,!0),_.remove(t,i))}}}),ce.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){ce.event.special[e]={delegateType:i,bindType:i,handle:function(e){var t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||ce.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t}}}),ce.fn.extend({on:function(e,t,n,r){return Le(this,e,t,n,r)},one:function(e,t,n,r){return Le(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,ce(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=qe),this.each(function(){ce.event.remove(this,e,n,t)})}});var Oe=/<script|<style|<link/i,Pe=/checked\s*(?:[^=]|=\s*.checked.)/i,Me=/^\s*<!\[CDATA\[|\]\]>\s*$/g;function Re(e,t){return fe(e,"table")&&fe(11!==t.nodeType?t:t.firstChild,"tr")&&ce(e).children("tbody")[0]||e}function Ie(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function We(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Fe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(_.hasData(e)&&(s=_.get(e).events))for(i in _.remove(t,"handle events"),s)for(n=0,r=s[i].length;n<r;n++)ce.event.add(t,i,s[i][n]);z.hasData(e)&&(o=z.access(e),a=ce.extend({},o),z.set(t,a))}}function $e(n,r,i,o){r=g(r);var e,t,a,s,u,l,c=0,f=n.length,p=f-1,d=r[0],h=v(d);if(h||1<f&&"string"==typeof d&&!le.checkClone&&Pe.test(d))return n.each(function(e){var t=n.eq(e);h&&(r[0]=d.call(this,e,t.html())),$e(t,r,i,o)});if(f&&(t=(e=Ae(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(s=(a=ce.map(Se(e,"script"),Ie)).length;c<f;c++)u=e,c!==p&&(u=ce.clone(u,!0,!0),s&&ce.merge(a,Se(u,"script"))),i.call(n[c],u,c);if(s)for(l=a[a.length-1].ownerDocument,ce.map(a,We),c=0;c<s;c++)u=a[c],Ce.test(u.type||"")&&!_.access(u,"globalEval")&&ce.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?ce._evalUrl&&!u.noModule&&ce._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")},l):m(u.textContent.replace(Me,""),u,l))}return n}function Be(e,t,n){for(var r,i=t?ce.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||ce.cleanData(Se(r)),r.parentNode&&(n&&K(r)&&Ee(Se(r,"script")),r.parentNode.removeChild(r));return e}ce.extend({htmlPrefilter:function(e){return e},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=K(e);if(!(le.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||ce.isXMLDoc(e)))for(a=Se(c),r=0,i=(o=Se(e)).length;r<i;r++)s=o[r],u=a[r],void 0,"input"===(l=u.nodeName.toLowerCase())&&we.test(s.type)?u.checked=s.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=s.defaultValue);if(t)if(n)for(o=o||Se(e),a=a||Se(c),r=0,i=o.length;r<i;r++)Fe(o[r],a[r]);else Fe(e,c);return 0<(a=Se(c,"script")).length&&Ee(a,!f&&Se(e,"script")),c},cleanData:function(e){for(var t,n,r,i=ce.event.special,o=0;void 0!==(n=e[o]);o++)if($(n)){if(t=n[_.expando]){if(t.events)for(r in t.events)i[r]?ce.event.remove(n,r):ce.removeEvent(n,r,t.handle);n[_.expando]=void 0}n[z.expando]&&(n[z.expando]=void 0)}}}),ce.fn.extend({detach:function(e){return Be(this,e,!0)},remove:function(e){return Be(this,e)},text:function(e){return M(this,function(e){return void 0===e?ce.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return $e(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||Re(this,e).appendChild(e)})},prepend:function(){return $e(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Re(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return $e(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return $e(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(ce.cleanData(Se(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return ce.clone(this,e,t)})},html:function(e){return M(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!Oe.test(e)&&!ke[(Te.exec(e)||["",""])[1].toLowerCase()]){e=ce.htmlPrefilter(e);try{for(;n<r;n++)1===(t=this[n]||{}).nodeType&&(ce.cleanData(Se(t,!1)),t.innerHTML=e);t=0}catch(e){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var n=[];return $e(this,arguments,function(e){var t=this.parentNode;ce.inArray(this,n)<0&&(ce.cleanData(Se(this)),t&&t.replaceChild(e,this))},n)}}),ce.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,a){ce.fn[e]=function(e){for(var t,n=[],r=ce(e),i=r.length-1,o=0;o<=i;o++)t=o===i?this:this.clone(!0),ce(r[o])[a](t),s.apply(n,t.get());return this.pushStack(n)}});var _e=new RegExp("^("+G+")(?!px)[a-z%]+$","i"),ze=/^--/,Xe=function(e){var t=e.ownerDocument.defaultView;return t&&t.opener||(t=ie),t.getComputedStyle(e)},Ue=function(e,t,n){var r,i,o={};for(i in t)o[i]=e.style[i],e.style[i]=t[i];for(i in r=n.call(e),t)e.style[i]=o[i];return r},Ve=new RegExp(Q.join("|"),"i");function Ge(e,t,n){var r,i,o,a,s=ze.test(t),u=e.style;return(n=n||Xe(e))&&(a=n.getPropertyValue(t)||n[t],s&&a&&(a=a.replace(ve,"$1")||void 0),""!==a||K(e)||(a=ce.style(e,t)),!le.pixelBoxStyles()&&_e.test(a)&&Ve.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=n.width,u.width=r,u.minWidth=i,u.maxWidth=o)),void 0!==a?a+"":a}function Ye(e,t){return{get:function(){if(!e())return(this.get=t).apply(this,arguments);delete this.get}}}!function(){function e(){if(l){u.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",l.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",J.appendChild(u).appendChild(l);var e=ie.getComputedStyle(l);n="1%"!==e.top,s=12===t(e.marginLeft),l.style.right="60%",o=36===t(e.right),r=36===t(e.width),l.style.position="absolute",i=12===t(l.offsetWidth/3),J.removeChild(u),l=null}}function t(e){return Math.round(parseFloat(e))}var n,r,i,o,a,s,u=C.createElement("div"),l=C.createElement("div");l.style&&(l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",le.clearCloneStyle="content-box"===l.style.backgroundClip,ce.extend(le,{boxSizingReliable:function(){return e(),r},pixelBoxStyles:function(){return e(),o},pixelPosition:function(){return e(),n},reliableMarginLeft:function(){return e(),s},scrollboxSize:function(){return e(),i},reliableTrDimensions:function(){var e,t,n,r;return null==a&&(e=C.createElement("table"),t=C.createElement("tr"),n=C.createElement("div"),e.style.cssText="position:absolute;left:-11111px;border-collapse:separate",t.style.cssText="box-sizing:content-box;border:1px solid",t.style.height="1px",n.style.height="9px",n.style.display="block",J.appendChild(e).appendChild(t).appendChild(n),r=ie.getComputedStyle(t),a=parseInt(r.height,10)+parseInt(r.borderTopWidth,10)+parseInt(r.borderBottomWidth,10)===t.offsetHeight,J.removeChild(e)),a}}))}();var Qe=["Webkit","Moz","ms"],Je=C.createElement("div").style,Ke={};function Ze(e){var t=ce.cssProps[e]||Ke[e];return t||(e in Je?e:Ke[e]=function(e){var t=e[0].toUpperCase()+e.slice(1),n=Qe.length;while(n--)if((e=Qe[n]+t)in Je)return e}(e)||e)}var et=/^(none|table(?!-c[ea]).+)/,tt={position:"absolute",visibility:"hidden",display:"block"},nt={letterSpacing:"0",fontWeight:"400"};function rt(e,t,n){var r=Y.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t}function it(e,t,n,r,i,o){var a="width"===t?1:0,s=0,u=0,l=0;if(n===(r?"border":"content"))return 0;for(;a<4;a+=2)"margin"===n&&(l+=ce.css(e,n+Q[a],!0,i)),r?("content"===n&&(u-=ce.css(e,"padding"+Q[a],!0,i)),"margin"!==n&&(u-=ce.css(e,"border"+Q[a]+"Width",!0,i))):(u+=ce.css(e,"padding"+Q[a],!0,i),"padding"!==n?u+=ce.css(e,"border"+Q[a]+"Width",!0,i):s+=ce.css(e,"border"+Q[a]+"Width",!0,i));return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))||0),u+l}function ot(e,t,n){var r=Xe(e),i=(!le.boxSizingReliable()||n)&&"border-box"===ce.css(e,"boxSizing",!1,r),o=i,a=Ge(e,t,r),s="offset"+t[0].toUpperCase()+t.slice(1);if(_e.test(a)){if(!n)return a;a="auto"}return(!le.boxSizingReliable()&&i||!le.reliableTrDimensions()&&fe(e,"tr")||"auto"===a||!parseFloat(a)&&"inline"===ce.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===ce.css(e,"boxSizing",!1,r),(o=s in e)&&(a=e[s])),(a=parseFloat(a)||0)+it(e,t,n||(i?"border":"content"),o,r,a)+"px"}function at(e,t,n,r,i){return new at.prototype.init(e,t,n,r,i)}ce.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Ge(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,aspectRatio:!0,borderImageSlice:!0,columnCount:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,scale:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeMiterlimit:!0,strokeOpacity:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=F(t),u=ze.test(t),l=e.style;if(u||(t=Ze(s)),a=ce.cssHooks[t]||ce.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"===(o=typeof n)&&(i=Y.exec(n))&&i[1]&&(n=te(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(ce.cssNumber[s]?"":"px")),le.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=F(t);return ze.test(t)||(t=Ze(s)),(a=ce.cssHooks[t]||ce.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=Ge(e,t,r)),"normal"===i&&t in nt&&(i=nt[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),ce.each(["height","width"],function(e,u){ce.cssHooks[u]={get:function(e,t,n){if(t)return!et.test(ce.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?ot(e,u,n):Ue(e,tt,function(){return ot(e,u,n)})},set:function(e,t,n){var r,i=Xe(e),o=!le.scrollboxSize()&&"absolute"===i.position,a=(o||n)&&"border-box"===ce.css(e,"boxSizing",!1,i),s=n?it(e,u,n,a,i):0;return a&&o&&(s-=Math.ceil(e["offset"+u[0].toUpperCase()+u.slice(1)]-parseFloat(i[u])-it(e,u,"border",!1,i)-.5)),s&&(r=Y.exec(t))&&"px"!==(r[3]||"px")&&(e.style[u]=t,t=ce.css(e,u)),rt(0,t,s)}}}),ce.cssHooks.marginLeft=Ye(le.reliableMarginLeft,function(e,t){if(t)return(parseFloat(Ge(e,"marginLeft"))||e.getBoundingClientRect().left-Ue(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),ce.each({margin:"",padding:"",border:"Width"},function(i,o){ce.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++)n[i+Q[t]+o]=r[t]||r[t-2]||r[0];return n}},"margin"!==i&&(ce.cssHooks[i+o].set=rt)}),ce.fn.extend({css:function(e,t){return M(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=Xe(e),i=t.length;a<i;a++)o[t[a]]=ce.css(e,t[a],!1,r);return o}return void 0!==n?ce.style(e,t,n):ce.css(e,t)},e,t,1<arguments.length)}}),((ce.Tween=at).prototype={constructor:at,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||ce.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(ce.cssNumber[n]?"":"px")},cur:function(){var e=at.propHooks[this.prop];return e&&e.get?e.get(this):at.propHooks._default.get(this)},run:function(e){var t,n=at.propHooks[this.prop];return this.options.duration?this.pos=t=ce.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):at.propHooks._default.set(this),this}}).init.prototype=at.prototype,(at.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=ce.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){ce.fx.step[e.prop]?ce.fx.step[e.prop](e):1!==e.elem.nodeType||!ce.cssHooks[e.prop]&&null==e.elem.style[Ze(e.prop)]?e.elem[e.prop]=e.now:ce.style(e.elem,e.prop,e.now+e.unit)}}}).scrollTop=at.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},ce.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},ce.fx=at.prototype.init,ce.fx.step={};var st,ut,lt,ct,ft=/^(?:toggle|show|hide)$/,pt=/queueHooks$/;function dt(){ut&&(!1===C.hidden&&ie.requestAnimationFrame?ie.requestAnimationFrame(dt):ie.setTimeout(dt,ce.fx.interval),ce.fx.tick())}function ht(){return ie.setTimeout(function(){st=void 0}),st=Date.now()}function gt(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=Q[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function vt(e,t,n){for(var r,i=(yt.tweeners[t]||[]).concat(yt.tweeners["*"]),o=0,a=i.length;o<a;o++)if(r=i[o].call(n,t,e))return r}function yt(o,e,t){var n,a,r=0,i=yt.prefilters.length,s=ce.Deferred().always(function(){delete u.elem}),u=function(){if(a)return!1;for(var e=st||ht(),t=Math.max(0,l.startTime+l.duration-e),n=1-(t/l.duration||0),r=0,i=l.tweens.length;r<i;r++)l.tweens[r].run(n);return s.notifyWith(o,[l,n,t]),n<1&&i?t:(i||s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l]),!1)},l=s.promise({elem:o,props:ce.extend({},e),opts:ce.extend(!0,{specialEasing:{},easing:ce.easing._default},t),originalProperties:e,originalOptions:t,startTime:st||ht(),duration:t.duration,tweens:[],createTween:function(e,t){var n=ce.Tween(o,l.opts,e,t,l.opts.specialEasing[e]||l.opts.easing);return l.tweens.push(n),n},stop:function(e){var t=0,n=e?l.tweens.length:0;if(a)return this;for(a=!0;t<n;t++)l.tweens[t].run(1);return e?(s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l,e])):s.rejectWith(o,[l,e]),this}}),c=l.props;for(!function(e,t){var n,r,i,o,a;for(n in e)if(i=t[r=F(n)],o=e[n],Array.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),(a=ce.cssHooks[r])&&"expand"in a)for(n in o=a.expand(o),delete e[r],o)n in e||(e[n]=o[n],t[n]=i);else t[r]=i}(c,l.opts.specialEasing);r<i;r++)if(n=yt.prefilters[r].call(l,o,c,l.opts))return v(n.stop)&&(ce._queueHooks(l.elem,l.opts.queue).stop=n.stop.bind(n)),n;return ce.map(c,vt,l),v(l.opts.start)&&l.opts.start.call(o,l),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always),ce.fx.timer(ce.extend(u,{elem:o,anim:l,queue:l.opts.queue})),l}ce.Animation=ce.extend(yt,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return te(n.elem,e,Y.exec(t),n),n}]},tweener:function(e,t){v(e)?(t=e,e=["*"]):e=e.match(D);for(var n,r=0,i=e.length;r<i;r++)n=e[r],yt.tweeners[n]=yt.tweeners[n]||[],yt.tweeners[n].unshift(t)},prefilters:[function(e,t,n){var r,i,o,a,s,u,l,c,f="width"in t||"height"in t,p=this,d={},h=e.style,g=e.nodeType&&ee(e),v=_.get(e,"fxshow");for(r in n.queue||(null==(a=ce._queueHooks(e,"fx")).unqueued&&(a.unqueued=0,s=a.empty.fire,a.empty.fire=function(){a.unqueued||s()}),a.unqueued++,p.always(function(){p.always(function(){a.unqueued--,ce.queue(e,"fx").length||a.empty.fire()})})),t)if(i=t[r],ft.test(i)){if(delete t[r],o=o||"toggle"===i,i===(g?"hide":"show")){if("show"!==i||!v||void 0===v[r])continue;g=!0}d[r]=v&&v[r]||ce.style(e,r)}if((u=!ce.isEmptyObject(t))||!ce.isEmptyObject(d))for(r in f&&1===e.nodeType&&(n.overflow=[h.overflow,h.overflowX,h.overflowY],null==(l=v&&v.display)&&(l=_.get(e,"display")),"none"===(c=ce.css(e,"display"))&&(l?c=l:(re([e],!0),l=e.style.display||l,c=ce.css(e,"display"),re([e]))),("inline"===c||"inline-block"===c&&null!=l)&&"none"===ce.css(e,"float")&&(u||(p.done(function(){h.display=l}),null==l&&(c=h.display,l="none"===c?"":c)),h.display="inline-block")),n.overflow&&(h.overflow="hidden",p.always(function(){h.overflow=n.overflow[0],h.overflowX=n.overflow[1],h.overflowY=n.overflow[2]})),u=!1,d)u||(v?"hidden"in v&&(g=v.hidden):v=_.access(e,"fxshow",{display:l}),o&&(v.hidden=!g),g&&re([e],!0),p.done(function(){for(r in g||re([e]),_.remove(e,"fxshow"),d)ce.style(e,r,d[r])})),u=vt(g?v[r]:0,r,p),r in v||(v[r]=u.start,g&&(u.end=u.start,u.start=0))}],prefilter:function(e,t){t?yt.prefilters.unshift(e):yt.prefilters.push(e)}}),ce.speed=function(e,t,n){var r=e&&"object"==typeof e?ce.extend({},e):{complete:n||!n&&t||v(e)&&e,duration:e,easing:n&&t||t&&!v(t)&&t};return ce.fx.off?r.duration=0:"number"!=typeof r.duration&&(r.duration in ce.fx.speeds?r.duration=ce.fx.speeds[r.duration]:r.duration=ce.fx.speeds._default),null!=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function(){v(r.old)&&r.old.call(this),r.queue&&ce.dequeue(this,r.queue)},r},ce.fn.extend({fadeTo:function(e,t,n,r){return this.filter(ee).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(t,e,n,r){var i=ce.isEmptyObject(t),o=ce.speed(e,n,r),a=function(){var e=yt(this,ce.extend({},t),o);(i||_.get(this,"finish"))&&e.stop(!0)};return a.finish=a,i||!1===o.queue?this.each(a):this.queue(o.queue,a)},stop:function(i,e,o){var a=function(e){var t=e.stop;delete e.stop,t(o)};return"string"!=typeof i&&(o=e,e=i,i=void 0),e&&this.queue(i||"fx",[]),this.each(function(){var e=!0,t=null!=i&&i+"queueHooks",n=ce.timers,r=_.get(this);if(t)r[t]&&r[t].stop&&a(r[t]);else for(t in r)r[t]&&r[t].stop&&pt.test(t)&&a(r[t]);for(t=n.length;t--;)n[t].elem!==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));!e&&o||ce.dequeue(this,i)})},finish:function(a){return!1!==a&&(a=a||"fx"),this.each(function(){var e,t=_.get(this),n=t[a+"queue"],r=t[a+"queueHooks"],i=ce.timers,o=n?n.length:0;for(t.finish=!0,ce.queue(this,a,[]),r&&r.stop&&r.stop.call(this,!0),e=i.length;e--;)i[e].elem===this&&i[e].queue===a&&(i[e].anim.stop(!0),i.splice(e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].finish.call(this);delete t.finish})}}),ce.each(["toggle","show","hide"],function(e,r){var i=ce.fn[r];ce.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?i.apply(this,arguments):this.animate(gt(r,!0),e,t,n)}}),ce.each({slideDown:gt("show"),slideUp:gt("hide"),slideToggle:gt("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,r){ce.fn[e]=function(e,t,n){return this.animate(r,e,t,n)}}),ce.timers=[],ce.fx.tick=function(){var e,t=0,n=ce.timers;for(st=Date.now();t<n.length;t++)(e=n[t])()||n[t]!==e||n.splice(t--,1);n.length||ce.fx.stop(),st=void 0},ce.fx.timer=function(e){ce.timers.push(e),ce.fx.start()},ce.fx.interval=13,ce.fx.start=function(){ut||(ut=!0,dt())},ce.fx.stop=function(){ut=null},ce.fx.speeds={slow:600,fast:200,_default:400},ce.fn.delay=function(r,e){return r=ce.fx&&ce.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){var n=ie.setTimeout(e,r);t.stop=function(){ie.clearTimeout(n)}})},lt=C.createElement("input"),ct=C.createElement("select").appendChild(C.createElement("option")),lt.type="checkbox",le.checkOn=""!==lt.value,le.optSelected=ct.selected,(lt=C.createElement("input")).value="t",lt.type="radio",le.radioValue="t"===lt.value;var mt,xt=ce.expr.attrHandle;ce.fn.extend({attr:function(e,t){return M(this,ce.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){ce.removeAttr(this,e)})}}),ce.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?ce.prop(e,t,n):(1===o&&ce.isXMLDoc(e)||(i=ce.attrHooks[t.toLowerCase()]||(ce.expr.match.bool.test(t)?mt:void 0)),void 0!==n?null===n?void ce.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=ce.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!le.radioValue&&"radio"===t&&fe(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(D);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),mt={set:function(e,t,n){return!1===t?ce.removeAttr(e,n):e.setAttribute(n,n),n}},ce.each(ce.expr.match.bool.source.match(/\w+/g),function(e,t){var a=xt[t]||ce.find.attr;xt[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=xt[o],xt[o]=r,r=null!=a(e,t,n)?o:null,xt[o]=i),r}});var bt=/^(?:input|select|textarea|button)$/i,wt=/^(?:a|area)$/i;function Tt(e){return(e.match(D)||[]).join(" ")}function Ct(e){return e.getAttribute&&e.getAttribute("class")||""}function kt(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(D)||[]}ce.fn.extend({prop:function(e,t){return M(this,ce.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[ce.propFix[e]||e]})}}),ce.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&ce.isXMLDoc(e)||(t=ce.propFix[t]||t,i=ce.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=ce.find.attr(e,"tabindex");return t?parseInt(t,10):bt.test(e.nodeName)||wt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),le.optSelected||(ce.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),ce.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){ce.propFix[this.toLowerCase()]=this}),ce.fn.extend({addClass:function(t){var e,n,r,i,o,a;return v(t)?this.each(function(e){ce(this).addClass(t.call(this,e,Ct(this)))}):(e=kt(t)).length?this.each(function(){if(r=Ct(this),n=1===this.nodeType&&" "+Tt(r)+" "){for(o=0;o<e.length;o++)i=e[o],n.indexOf(" "+i+" ")<0&&(n+=i+" ");a=Tt(n),r!==a&&this.setAttribute("class",a)}}):this},removeClass:function(t){var e,n,r,i,o,a;return v(t)?this.each(function(e){ce(this).removeClass(t.call(this,e,Ct(this)))}):arguments.length?(e=kt(t)).length?this.each(function(){if(r=Ct(this),n=1===this.nodeType&&" "+Tt(r)+" "){for(o=0;o<e.length;o++){i=e[o];while(-1<n.indexOf(" "+i+" "))n=n.replace(" "+i+" "," ")}a=Tt(n),r!==a&&this.setAttribute("class",a)}}):this:this.attr("class","")},toggleClass:function(t,n){var e,r,i,o,a=typeof t,s="string"===a||Array.isArray(t);return v(t)?this.each(function(e){ce(this).toggleClass(t.call(this,e,Ct(this),n),n)}):"boolean"==typeof n&&s?n?this.addClass(t):this.removeClass(t):(e=kt(t),this.each(function(){if(s)for(o=ce(this),i=0;i<e.length;i++)r=e[i],o.hasClass(r)?o.removeClass(r):o.addClass(r);else void 0!==t&&"boolean"!==a||((r=Ct(this))&&_.set(this,"__className__",r),this.setAttribute&&this.setAttribute("class",r||!1===t?"":_.get(this,"__className__")||""))}))},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&-1<(" "+Tt(Ct(n))+" ").indexOf(t))return!0;return!1}});var St=/\r/g;ce.fn.extend({val:function(n){var r,e,i,t=this[0];return arguments.length?(i=v(n),this.each(function(e){var t;1===this.nodeType&&(null==(t=i?n.call(this,e,ce(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=ce.map(t,function(e){return null==e?"":e+""})),(r=ce.valHooks[this.type]||ce.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t))})):t?(r=ce.valHooks[t.type]||ce.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(St,""):null==e?"":e:void 0}}),ce.extend({valHooks:{option:{get:function(e){var t=ce.find.attr(e,"value");return null!=t?t:Tt(ce.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!fe(n.parentNode,"optgroup"))){if(t=ce(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=ce.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-1<ce.inArray(ce.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),ce.each(["radio","checkbox"],function(){ce.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<ce.inArray(ce(e).val(),t)}},le.checkOn||(ce.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var Et=ie.location,jt={guid:Date.now()},At=/\?/;ce.parseXML=function(e){var t,n;if(!e||"string"!=typeof e)return null;try{t=(new ie.DOMParser).parseFromString(e,"text/xml")}catch(e){}return n=t&&t.getElementsByTagName("parsererror")[0],t&&!n||ce.error("Invalid XML: "+(n?ce.map(n.childNodes,function(e){return e.textContent}).join("\n"):e)),t};var Dt=/^(?:focusinfocus|focusoutblur)$/,Nt=function(e){e.stopPropagation()};ce.extend(ce.event,{trigger:function(e,t,n,r){var i,o,a,s,u,l,c,f,p=[n||C],d=ue.call(e,"type")?e.type:e,h=ue.call(e,"namespace")?e.namespace.split("."):[];if(o=f=a=n=n||C,3!==n.nodeType&&8!==n.nodeType&&!Dt.test(d+ce.event.triggered)&&(-1<d.indexOf(".")&&(d=(h=d.split(".")).shift(),h.sort()),u=d.indexOf(":")<0&&"on"+d,(e=e[ce.expando]?e:new ce.Event(d,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:ce.makeArray(t,[e]),c=ce.event.special[d]||{},r||!c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!y(n)){for(s=c.delegateType||d,Dt.test(s+d)||(o=o.parentNode);o;o=o.parentNode)p.push(o),a=o;a===(n.ownerDocument||C)&&p.push(a.defaultView||a.parentWindow||ie)}i=0;while((o=p[i++])&&!e.isPropagationStopped())f=o,e.type=1<i?s:c.bindType||d,(l=(_.get(o,"events")||Object.create(null))[e.type]&&_.get(o,"handle"))&&l.apply(o,t),(l=u&&o[u])&&l.apply&&$(o)&&(e.result=l.apply(o,t),!1===e.result&&e.preventDefault());return e.type=d,r||e.isDefaultPrevented()||c._default&&!1!==c._default.apply(p.pop(),t)||!$(n)||u&&v(n[d])&&!y(n)&&((a=n[u])&&(n[u]=null),ce.event.triggered=d,e.isPropagationStopped()&&f.addEventListener(d,Nt),n[d](),e.isPropagationStopped()&&f.removeEventListener(d,Nt),ce.event.triggered=void 0,a&&(n[u]=a)),e.result}},simulate:function(e,t,n){var r=ce.extend(new ce.Event,n,{type:e,isSimulated:!0});ce.event.trigger(r,null,t)}}),ce.fn.extend({trigger:function(e,t){return this.each(function(){ce.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return ce.event.trigger(e,t,n,!0)}});var qt=/\[\]$/,Lt=/\r?\n/g,Ht=/^(?:submit|button|image|reset|file)$/i,Ot=/^(?:input|select|textarea|keygen)/i;function Pt(n,e,r,i){var t;if(Array.isArray(e))ce.each(e,function(e,t){r||qt.test(n)?i(n,t):Pt(n+"["+("object"==typeof t&&null!=t?e:"")+"]",t,r,i)});else if(r||"object"!==x(e))i(n,e);else for(t in e)Pt(n+"["+t+"]",e[t],r,i)}ce.param=function(e,t){var n,r=[],i=function(e,t){var n=v(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if(Array.isArray(e)||e.jquery&&!ce.isPlainObject(e))ce.each(e,function(){i(this.name,this.value)});else for(n in e)Pt(n,e[n],t,i);return r.join("&")},ce.fn.extend({serialize:function(){return ce.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=ce.prop(this,"elements");return e?ce.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!ce(this).is(":disabled")&&Ot.test(this.nodeName)&&!Ht.test(e)&&(this.checked||!we.test(e))}).map(function(e,t){var n=ce(this).val();return null==n?null:Array.isArray(n)?ce.map(n,function(e){return{name:t.name,value:e.replace(Lt,"\r\n")}}):{name:t.name,value:n.replace(Lt,"\r\n")}}).get()}});var Mt=/%20/g,Rt=/#.*$/,It=/([?&])_=[^&]*/,Wt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Ft=/^(?:GET|HEAD)$/,$t=/^\/\//,Bt={},_t={},zt="*/".concat("*"),Xt=C.createElement("a");function Ut(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var n,r=0,i=e.toLowerCase().match(D)||[];if(v(t))while(n=i[r++])"+"===n[0]?(n=n.slice(1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t)}}function Vt(t,i,o,a){var s={},u=t===_t;function l(e){var r;return s[e]=!0,ce.each(t[e]||[],function(e,t){var n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:(i.dataTypes.unshift(n),l(n),!1)}),r}return l(i.dataTypes[0])||!s["*"]&&l("*")}function Gt(e,t){var n,r,i=ce.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&ce.extend(!0,e,r),e}Xt.href=Et.href,ce.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Et.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(Et.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":zt,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":ce.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?Gt(Gt(e,ce.ajaxSettings),t):Gt(ce.ajaxSettings,e)},ajaxPrefilter:Ut(Bt),ajaxTransport:Ut(_t),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0),t=t||{};var c,f,p,n,d,r,h,g,i,o,v=ce.ajaxSetup({},t),y=v.context||v,m=v.context&&(y.nodeType||y.jquery)?ce(y):ce.event,x=ce.Deferred(),b=ce.Callbacks("once memory"),w=v.statusCode||{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(h){if(!n){n={};while(t=Wt.exec(p))n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+" "]||[]).concat(t[2])}t=n[e.toLowerCase()+" "]}return null==t?null:t.join(", ")},getAllResponseHeaders:function(){return h?p:null},setRequestHeader:function(e,t){return null==h&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||e,a[e]=t),this},overrideMimeType:function(e){return null==h&&(v.mimeType=e),this},statusCode:function(e){var t;if(e)if(h)T.always(e[T.status]);else for(t in e)w[t]=[w[t],e[t]];return this},abort:function(e){var t=e||u;return c&&c.abort(t),l(0,t),this}};if(x.promise(T),v.url=((e||v.url||Et.href)+"").replace($t,Et.protocol+"//"),v.type=t.method||t.type||v.method||v.type,v.dataTypes=(v.dataType||"*").toLowerCase().match(D)||[""],null==v.crossDomain){r=C.createElement("a");try{r.href=v.url,r.href=r.href,v.crossDomain=Xt.protocol+"//"+Xt.host!=r.protocol+"//"+r.host}catch(e){v.crossDomain=!0}}if(v.data&&v.processData&&"string"!=typeof v.data&&(v.data=ce.param(v.data,v.traditional)),Vt(Bt,v,t,T),h)return T;for(i in(g=ce.event&&v.global)&&0==ce.active++&&ce.event.trigger("ajaxStart"),v.type=v.type.toUpperCase(),v.hasContent=!Ft.test(v.type),f=v.url.replace(Rt,""),v.hasContent?v.data&&v.processData&&0===(v.contentType||"").indexOf("application/x-www-form-urlencoded")&&(v.data=v.data.replace(Mt,"+")):(o=v.url.slice(f.length),v.data&&(v.processData||"string"==typeof v.data)&&(f+=(At.test(f)?"&":"?")+v.data,delete v.data),!1===v.cache&&(f=f.replace(It,"$1"),o=(At.test(f)?"&":"?")+"_="+jt.guid+++o),v.url=f+o),v.ifModified&&(ce.lastModified[f]&&T.setRequestHeader("If-Modified-Since",ce.lastModified[f]),ce.etag[f]&&T.setRequestHeader("If-None-Match",ce.etag[f])),(v.data&&v.hasContent&&!1!==v.contentType||t.contentType)&&T.setRequestHeader("Content-Type",v.contentType),T.setRequestHeader("Accept",v.dataTypes[0]&&v.accepts[v.dataTypes[0]]?v.accepts[v.dataTypes[0]]+("*"!==v.dataTypes[0]?", "+zt+"; q=0.01":""):v.accepts["*"]),v.headers)T.setRequestHeader(i,v.headers[i]);if(v.beforeSend&&(!1===v.beforeSend.call(y,T,v)||h))return T.abort();if(u="abort",b.add(v.complete),T.done(v.success),T.fail(v.error),c=Vt(_t,v,t,T)){if(T.readyState=1,g&&m.trigger("ajaxSend",[T,v]),h)return T;v.async&&0<v.timeout&&(d=ie.setTimeout(function(){T.abort("timeout")},v.timeout));try{h=!1,c.send(a,l)}catch(e){if(h)throw e;l(-1,e)}}else l(-1,"No Transport");function l(e,t,n,r){var i,o,a,s,u,l=t;h||(h=!0,d&&ie.clearTimeout(d),c=void 0,p=r||"",T.readyState=0<e?4:0,i=200<=e&&e<300||304===e,n&&(s=function(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}(v,T,n)),!i&&-1<ce.inArray("script",v.dataTypes)&&ce.inArray("json",v.dataTypes)<0&&(v.converters["text script"]=function(){}),s=function(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}(v,s,T,i),i?(v.ifModified&&((u=T.getResponseHeader("Last-Modified"))&&(ce.lastModified[f]=u),(u=T.getResponseHeader("etag"))&&(ce.etag[f]=u)),204===e||"HEAD"===v.type?l="nocontent":304===e?l="notmodified":(l=s.state,o=s.data,i=!(a=s.error))):(a=l,!e&&l||(l="error",e<0&&(e=0))),T.status=e,T.statusText=(t||l)+"",i?x.resolveWith(y,[o,l,T]):x.rejectWith(y,[T,l,a]),T.statusCode(w),w=void 0,g&&m.trigger(i?"ajaxSuccess":"ajaxError",[T,v,i?o:a]),b.fireWith(y,[T,l]),g&&(m.trigger("ajaxComplete",[T,v]),--ce.active||ce.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return ce.get(e,t,n,"json")},getScript:function(e,t){return ce.get(e,void 0,t,"script")}}),ce.each(["get","post"],function(e,i){ce[i]=function(e,t,n,r){return v(t)&&(r=r||n,n=t,t=void 0),ce.ajax(ce.extend({url:e,type:i,dataType:r,data:t,success:n},ce.isPlainObject(e)&&e))}}),ce.ajaxPrefilter(function(e){var t;for(t in e.headers)"content-type"===t.toLowerCase()&&(e.contentType=e.headers[t]||"")}),ce._evalUrl=function(e,t,n){return ce.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(e){ce.globalEval(e,t,n)}})},ce.fn.extend({wrapAll:function(e){var t;return this[0]&&(v(e)&&(e=e.call(this[0])),t=ce(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(n){return v(n)?this.each(function(e){ce(this).wrapInner(n.call(this,e))}):this.each(function(){var e=ce(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var n=v(t);return this.each(function(e){ce(this).wrapAll(n?t.call(this,e):t)})},unwrap:function(e){return this.parent(e).not("body").each(function(){ce(this).replaceWith(this.childNodes)}),this}}),ce.expr.pseudos.hidden=function(e){return!ce.expr.pseudos.visible(e)},ce.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},ce.ajaxSettings.xhr=function(){try{return new ie.XMLHttpRequest}catch(e){}};var Yt={0:200,1223:204},Qt=ce.ajaxSettings.xhr();le.cors=!!Qt&&"withCredentials"in Qt,le.ajax=Qt=!!Qt,ce.ajaxTransport(function(i){var o,a;if(le.cors||Qt&&!i.crossDomain)return{send:function(e,t){var n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields)for(n in i.xhrFields)r[n]=i.xhrFields[n];for(n in i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest"),e)r.setRequestHeader(n,e[n]);o=function(e){return function(){o&&(o=a=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"===e?r.abort():"error"===e?"number"!=typeof r.status?t(0,"error"):t(r.status,r.statusText):t(Yt[r.status]||r.status,r.statusText,"text"!==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:{text:r.responseText},r.getAllResponseHeaders()))}},r.onload=o(),a=r.onerror=r.ontimeout=o("error"),void 0!==r.onabort?r.onabort=a:r.onreadystatechange=function(){4===r.readyState&&ie.setTimeout(function(){o&&a()})},o=o("abort");try{r.send(i.hasContent&&i.data||null)}catch(e){if(o)throw e}},abort:function(){o&&o()}}}),ce.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),ce.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return ce.globalEval(e),e}}}),ce.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),ce.ajaxTransport("script",function(n){var r,i;if(n.crossDomain||n.scriptAttrs)return{send:function(e,t){r=ce("<script>").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),C.head.appendChild(r[0])},abort:function(){i&&i()}}});var Jt,Kt=[],Zt=/(=)\?(?=&|$)|\?\?/;ce.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Kt.pop()||ce.expando+"_"+jt.guid++;return this[e]=!0,e}}),ce.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Zt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Zt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=v(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Zt,"$1"+r):!1!==e.jsonp&&(e.url+=(At.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||ce.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=ie[r],ie[r]=function(){o=arguments},n.always(function(){void 0===i?ce(ie).removeProp(r):ie[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Kt.push(r)),o&&v(i)&&i(o[0]),o=i=void 0}),"script"}),le.createHTMLDocument=((Jt=C.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===Jt.childNodes.length),ce.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(le.createHTMLDocument?((r=(t=C.implementation.createHTMLDocument("")).createElement("base")).href=C.location.href,t.head.appendChild(r)):t=C),o=!n&&[],(i=w.exec(e))?[t.createElement(i[1])]:(i=Ae([e],t,o),o&&o.length&&ce(o).remove(),ce.merge([],i.childNodes)));var r,i,o},ce.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1<s&&(r=Tt(e.slice(s)),e=e.slice(0,s)),v(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),0<a.length&&ce.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?ce("<div>").append(ce.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},ce.expr.pseudos.animated=function(t){return ce.grep(ce.timers,function(e){return t===e.elem}).length},ce.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=ce.css(e,"position"),c=ce(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=ce.css(e,"top"),u=ce.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),v(t)&&(t=t.call(e,n,ce.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},ce.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){ce.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===ce.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===ce.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=ce(e).offset()).top+=ce.css(e,"borderTopWidth",!0),i.left+=ce.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-ce.css(r,"marginTop",!0),left:t.left-i.left-ce.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===ce.css(e,"position"))e=e.offsetParent;return e||J})}}),ce.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;ce.fn[t]=function(e){return M(this,function(e,t,n){var r;if(y(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),ce.each(["top","left"],function(e,n){ce.cssHooks[n]=Ye(le.pixelPosition,function(e,t){if(t)return t=Ge(e,n),_e.test(t)?ce(e).position()[n]+"px":t})}),ce.each({Height:"height",Width:"width"},function(a,s){ce.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){ce.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return M(this,function(e,t,n){var r;return y(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?ce.css(e,t,i):ce.style(e,t,n,i)},s,n?e:void 0,n)}})}),ce.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){ce.fn[t]=function(e){return this.on(t,e)}}),ce.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.on("mouseenter",e).on("mouseleave",t||e)}}),ce.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){ce.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n)}});var en=/^[\s\uFEFF\xA0]+|([^\s\uFEFF\xA0])[\s\uFEFF\xA0]+$/g;ce.proxy=function(e,t){var n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),v(e))return r=ae.call(arguments,2),(i=function(){return e.apply(t||this,r.concat(ae.call(arguments)))}).guid=e.guid=e.guid||ce.guid++,i},ce.holdReady=function(e){e?ce.readyWait++:ce.ready(!0)},ce.isArray=Array.isArray,ce.parseJSON=JSON.parse,ce.nodeName=fe,ce.isFunction=v,ce.isWindow=y,ce.camelCase=F,ce.type=x,ce.now=Date.now,ce.isNumeric=function(e){var t=ce.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e))},ce.trim=function(e){return null==e?"":(e+"").replace(en,"$1")},"function"==typeof define&&define.amd&&define("jquery",[],function(){return ce});var tn=ie.jQuery,nn=ie.$;return ce.noConflict=function(e){return ie.$===ce&&(ie.$=nn),e&&ie.jQuery===ce&&(ie.jQuery=tn),ce},"undefined"==typeof e&&(ie.jQuery=ie.$=ce),ce});
diff --git a/www/raven-demo/vendor/js/jsvectormap.min.js b/www/raven-demo/vendor/js/jsvectormap.min.js
new file mode 100644
index 0000000..68edce6
--- /dev/null
+++ b/www/raven-demo/vendor/js/jsvectormap.min.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).jsVectorMap=e()}(this,(function(){"use strict";var t=function(t){return function(t){return!!t&&"object"==typeof t}(t)&&!function(t){var i=Object.prototype.toString.call(t);return"[object RegExp]"===i||"[object Date]"===i||function(t){return t instanceof Node}(t)||function(t){return t.$$typeof===e}(t)}(t)};var e="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function i(t,e){return!1!==e.clone&&e.isMergeableObject(t)?o((i=t,Array.isArray(i)?[]:{}),t,e):t;var i}function s(t,e,s){return t.concat(e).map((function(t){return i(t,s)}))}function n(t){return Object.keys(t).concat(function(t){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t).filter((function(e){return t.propertyIsEnumerable(e)})):[]}(t))}function r(t,e){try{return e in t}catch(t){return!1}}function a(t,e,s){var a={};return s.isMergeableObject(t)&&n(t).forEach((function(e){a[e]=i(t[e],s)})),n(e).forEach((function(n){(function(t,e){return r(t,e)&&!(Object.hasOwnProperty.call(t,e)&&Object.propertyIsEnumerable.call(t,e))})(t,n)||(r(t,n)&&s.isMergeableObject(e[n])?a[n]=function(t,e){if(!e.customMerge)return o;var i=e.customMerge(t);return"function"==typeof i?i:o}(n,s)(t[n],e[n],s):a[n]=i(e[n],s))})),a}var o=function(e,n,r){(r=r||{}).arrayMerge=r.arrayMerge||s,r.isMergeableObject=r.isMergeableObject||t,r.cloneUnlessOtherwiseSpecified=i;var o=Array.isArray(n);return o===Array.isArray(e)?o?r.arrayMerge(e,n,r):a(e,n,r):i(n,r)},h=function(t){return"object"==typeof t&&void 0!==t.nodeType?t:"string"==typeof t?document.querySelector(t):null},l=function(t,e,i,s){void 0===s&&(s=!1);var n=document.createElement(t);return i&&(n[s?"innerHTML":"textContent"]=i),e&&(n.className=e),n},c=function(t){t.parentNode.removeChild(t)},u=function(t,e,i){return void 0===i&&(i=!1),i?o(t,e):Object.assign(t,e)},p=function(t,e){return t.toLowerCase()+":to:"+e.toLowerCase()},d=function(t,e){Object.assign(t.prototype,e)},f={},m=1,g={on:function(t,e,i,s){void 0===s&&(s={});var n="jvm:"+e+"::"+m++;f[n]={selector:t,handler:i},i._uid=n,t.addEventListener(e,i,s)},delegate:function(t,e,i,s){(e=e.split(" ")).forEach((function(e){g.on(t,e,(function(t){var e=t.target;e.matches(i)&&s.call(e,t)}))}))},off:function(t,e,i){var s=e.split(":")[1];t.removeEventListener(s,i),delete f[i._uid]},flush:function(){Object.keys(f).forEach((function(t){g.off(f[t].selector,t,f[t].handler)}))},getEventRegistry:function(){return f}};var v={onLoaded:"map:loaded",onViewportChange:"viewport:changed",onRegionClick:"region:clicked",onMarkerClick:"marker:clicked",onRegionSelected:"region:selected",onMarkerSelected:"marker:selected",onRegionTooltipShow:"region.tooltip:show",onMarkerTooltipShow:"marker.tooltip:show",onDestroyed:"map:destroyed"},_=function(t,e,i){var s=h(e),n=-1===s.getAttribute("class").indexOf("jvm-region")?"marker":"region",r="region"===n,a=r?s.getAttribute("data-code"):s.getAttribute("data-index"),o=r?v.onRegionSelected:v.onMarkerSelected;return i&&(o=r?v.onRegionTooltipShow:v.onMarkerTooltipShow),{type:n,code:a,event:o,element:r?t.regions[a].element:t._markers[a].element,tooltipText:r?t._mapData.paths[a].name||"":t._markers[a].config.name||""}};function y(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,s=Array(e);i<e;i++)s[i]=t[i];return s}function b(t,e){for(var i=0;i<e.length;i++){var s=e[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,j(s.key),s)}}function S(t,e){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(i)return(i=i.call(t)).next.bind(i);if(Array.isArray(t)||(i=function(t,e){if(t){if("string"==typeof t)return y(t,e);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?y(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){i&&(t=i);var s=0;return function(){return s>=t.length?{done:!0}:{done:!1,value:t[s++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(){return w=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var s in i)({}).hasOwnProperty.call(i,s)&&(t[s]=i[s])}return t},w.apply(null,arguments)}function k(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,x(t,e)}function M(t,e){if(null==t)return{};var i={};for(var s in t)if({}.hasOwnProperty.call(t,s)){if(-1!==e.indexOf(s))continue;i[s]=t[s]}return i}function x(t,e){return x=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},x(t,e)}function j(t){var e=function(t,e){if("object"!=typeof t||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var s=i.call(t,e||"default");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:e+""}var C=function(){function t(){}return t.prototype.dispose=function(){this._tooltip?c(this._tooltip):this.shape.remove();for(var t,e=S(Object.getOwnPropertyNames(this));!(t=e()).done;){this[t.value]=null}},t}(),L={getLabelText:function(t,e){if(e){if("function"==typeof e.render){var i=[];return"marker"===this.constructor.Name&&i.push(this.getConfig()),i.push(t),e.render.apply(this,i)}return t}},getLabelOffsets:function(t,e){return"function"==typeof e.offsets?e.offsets(t):Array.isArray(e.offsets)?e.offsets[t]:[0,0]},setStyle:function(t,e){this.shape.setStyle(t,e)},remove:function(){this.shape.remove(),this.label&&this.label.remove()},hover:function(t){this._setStatus("isHovered",t)},select:function(t){this._setStatus("isSelected",t)},_setStatus:function(t,e){this.shape[t]=e,this.shape.updateStyle(),this[t]=e,this.label&&(this.label[t]=e,this.label.updateStyle())}},O=function(t){function e(e){var i,s=e.map,n=e.code,r=e.path,a=e.style,o=e.label,h=e.labelStyle,l=e.labelsGroup;(i=t.call(this)||this)._map=s,i.shape=i._createRegion(r,n,a);var c=i.getLabelText(n,o);if(o&&c){var u=i.shape.getBBox(),p=i.getLabelOffsets(n,o);i.labelX=u.x+u.width/2+p[0],i.labelY=u.y+u.height/2+p[1],i.label=i._map.canvas.createText({text:c,textAnchor:"middle",alignmentBaseline:"central",dataCode:n,x:i.labelX,y:i.labelY},h,l),i.label.addClass("jvm-region jvm-element")}return i}k(e,t);var i=e.prototype;return i._createRegion=function(t,e,i){return(t=this._map.canvas.createPath({d:t,dataCode:e},i)).addClass("jvm-region jvm-element"),t},i.updateLabelPosition=function(){this.label&&this.label.set({x:this.labelX*this._map.scale+this._map.transX*this._map.scale,y:this.labelY*this._map.scale+this._map.transY*this._map.scale})},e}(C);d(O,L);var A=function(t){function e(e,i){var s;return(s=t.call(this)||this)._options=e,s._style={initial:i},s._draw(),s}k(e,t);var i=e.prototype;return i.setStyle=function(t,e){this.shape.setStyle(t,e)},i.getConfig=function(){return this._options.config},i._draw=function(){var t=this._options,e=t.index,i=t.group,s=t.map,n={d:this._getDAttribute(),fill:"none",dataIndex:e};this.shape=s.canvas.createPath(n,this._style,i),this.shape.addClass("jvm-line")},i._getDAttribute=function(){var t=this._options,e=t.x1,i=t.y1,s=t.x2,n=t.y2,r=t.curvature;return"M"+e+","+i+this._getQCommand(e,i,s,n,r)+s+","+n},i._getQCommand=function(t,e,i,s,n){return n?" Q"+((t+i)/2+n*(s-e))+","+((e+s)/2-n*(i-t))+" ":" "},e}(C),X=["curvature"],Y=["curvature"];var T="jvm-",E=T+"element "+T+"marker",P=T+"element "+T+"label",z=function(t){function e(e,i){var s;return(s=t.call(this)||this)._options=e,s._style=i,s._labelX=null,s._labelY=null,s._offsets=null,s._isImage=!!i.initial.image,s._draw(),s._options.label&&s._drawLabel(),s._isImage&&s.updateLabelPosition(),s}k(e,t);var i,s,n,r=e.prototype;return r.getConfig=function(){return this._options.config},r.updateLabelPosition=function(){var t=this._options.map;this.label&&this.label.set({x:this._labelX*t.scale+this._offsets[0]+t.transX*t.scale+5+(this._isImage?(this.shape.width||0)/2:this.shape.node.r.baseVal.value),y:this._labelY*t.scale+t.transY*this._options.map.scale+this._offsets[1]})},r._draw=function(){var t=this._options,e=t.index,i=t.map,s=t.group,n=t.cx,r=t.cy,a=this._isImage?"createImage":"createCircle";this.shape=i.canvas[a]({dataIndex:e,cx:n,cy:r},this._style,s),this.shape.addClass(E)},r._drawLabel=function(){var t=this._options,e=t.index,i=t.map,s=t.label,n=t.labelsGroup,r=t.cx,a=t.cy,o=t.config,h=t.isRecentlyCreated,l=this.getLabelText(e,s);this._labelX=r/i.scale-i.transX,this._labelY=a/i.scale-i.transY,this._offsets=h&&o.offsets?o.offsets:this.getLabelOffsets(e,s),this.label=i.canvas.createText({text:l,dataIndex:e,x:this._labelX,y:this._labelY,dy:"0.6ex"},i.params.markerLabelStyle,n),this.label.addClass(P),h&&this.updateLabelPosition()},i=e,n=[{key:"Name",get:function(){return"marker"}}],(s=null)&&b(i.prototype,s),n&&b(i,n),Object.defineProperty(i,"prototype",{writable:!1}),i}(C);d(z,L);var R=function(){function t(t){void 0===t&&(t={}),this._options=t,this._map=this._options.map,this._series=this._options.series,this._body=l("div","jvm-legend"),this._options.cssClass&&this._body.setAttribute("class",this._options.cssClass),t.vertical?this._map.legendVertical.appendChild(this._body):this._map.legendHorizontal.appendChild(this._body),this.render()}return t.prototype.render=function(){var t,e=this._series.scale.getTicks();if(this._body.innderHTML="",this._options.title){var i=l("div","jvm-legend-title",this._options.title);this._body.appendChild(i)}for(var s=0;s<e.length;s++){var n=l("div","jvm-legend-tick"),r=l("div","jvm-legend-tick-sample");switch(this._series.config.attribute){case"fill":t=e[s].value,/\.(jpg|gif|png)$/.test(t)?r.style.background="url("+e[s].value+")":r.style.background=e[s].value;break;case"stroke":r.style.background=e[s].value;break;case"image":r.style.background="url("+("object"==typeof e[s].value?e[s].value.url:e[s].value)+") no-repeat center center",r.style.backgroundSize="cover"}n.appendChild(r);var a=e[s].label;this._options.labelRender&&(a=this._options.labelRender(a));var o=l("div","jvm-legend-tick-text",a);n.appendChild(o),this._body.appendChild(n)}},t}(),D=function(){function t(t){this._scale=t}var e=t.prototype;return e.getValue=function(t){return this._scale[t]},e.getTicks=function(){var t=[];for(var e in this._scale)t.push({label:e,value:this._scale[e]});return t},t}(),I=function(){function t(t,e,i){void 0===t&&(t={}),this._map=i,this._elements=e,this._values=t.values||{},this.config=t,this.config.attribute=t.attribute||"fill",t.attributes&&this.setAttributes(t.attributes),"object"==typeof t.scale&&(this.scale=new D(t.scale)),this.config.legend&&(this.legend=new R(u({map:this._map,series:this},this.config.legend))),this.setValues(this._values)}var e=t.prototype;return e.setValues=function(t){var e={};for(var i in t)t[i]&&(e[i]=this.scale.getValue(t[i]));this.setAttributes(e)},e.setAttributes=function(t){for(var e in t)this._elements[e]&&this._elements[e].element.setStyle(this.config.attribute,t[e])},e.clear=function(){var t,e={};for(t in this._values)this._elements[t]&&(e[t]=this._elements[t].element.shape.style.initial[this.config.attribute]);this.setAttributes(e),this._values={}},t}();var H={mill:function(t,e,i){return{x:this.radius*(e-i)*this.radDeg,y:-this.radius*Math.log(Math.tan((45+.4*t)*this.radDeg))/.8}},merc:function(t,e,i){return{x:this.radius*(e-i)*this.radDeg,y:-this.radius*Math.log(Math.tan(Math.PI/4+t*Math.PI/360))}},aea:function(t,e,i){var s=i*this.radDeg,n=29.5*this.radDeg,r=45.5*this.radDeg,a=t*this.radDeg,o=e*this.radDeg,h=(Math.sin(n)+Math.sin(r))/2,l=Math.cos(n)*Math.cos(n)+2*h*Math.sin(n),c=h*(o-s),u=Math.sqrt(l-2*h*Math.sin(a))/h,p=Math.sqrt(l-2*h*Math.sin(0))/h;return{x:u*Math.sin(c)*this.radius,y:-(p-u*Math.cos(c))*this.radius}},lcc:function(t,e,i){var s=i*this.radDeg,n=e*this.radDeg,r=33*this.radDeg,a=45*this.radDeg,o=t*this.radDeg,h=Math.log(Math.cos(r)*(1/Math.cos(a)))/Math.log(Math.tan(Math.PI/4+a/2)*(1/Math.tan(Math.PI/4+r/2))),l=Math.cos(r)*Math.pow(Math.tan(Math.PI/4+r/2),h)/h,c=l*Math.pow(1/Math.tan(Math.PI/4+o/2),h),u=l*Math.pow(1/Math.tan(Math.PI/4+0),h);return{x:c*Math.sin(h*(n-s))*this.radius,y:-(u-c*Math.cos(h*(n-s)))*this.radius}}};H.degRad=180/Math.PI,H.radDeg=Math.PI/180,H.radius=6381372;var V={_setupContainerEvents:function(){var t,e,i=this,s=this,n=!1;this.params.draggable&&(g.on(this.container,"mousemove",(function(i){if(!n)return!1;s.transX-=(t-i.pageX)/s.scale,s.transY-=(e-i.pageY)/s.scale,s._applyTransform(),t=i.pageX,e=i.pageY})),g.on(this.container,"mousedown",(function(i){return n=!0,t=i.pageX,e=i.pageY,!1})),g.on(document.body,"mouseup",(function(){n=!1}))),this.params.zoomOnScroll&&g.on(this.container,"wheel",(function(t){var e=75*((t.deltaY||-t.wheelDelta||t.detail)>>10||1),n=i.container.getBoundingClientRect(),r=t.pageX-n.left-window.scrollX,a=t.pageY-n.top-window.scrollY,o=Math.pow(1+s.params.zoomOnScrollSpeed/1e3,-1.5*e);s.tooltip&&s._tooltip.hide(),s._setScale(s.scale*o,r,a),t.preventDefault()}))},_setupElementEvents:function(){var t,e,i,s=this,n=this.container;g.on(n,"mousemove",(function(s){Math.abs(t-s.pageX)+Math.abs(e-s.pageY)>2&&(i=!0)})),g.delegate(n,"mousedown",".jvm-element",(function(s){t=s.pageX,e=s.pageY,i=!1})),g.delegate(n,"mouseover mouseout",".jvm-element",(function(t){var e=_(s,this,!0),i=s.params.showTooltip;"mouseover"===t.type?(e.element.hover(!0),i&&(s._tooltip.text(e.tooltipText),s._emit(e.event,[t,s._tooltip,e.code]),t.defaultPrevented||s._tooltip.show())):(e.element.hover(!1),i&&s._tooltip.hide())})),g.delegate(n,"mouseup",".jvm-element",(function(t){var e=_(s,this);if(!i&&("region"===e.type&&s.params.regionsSelectable||"marker"===e.type&&s.params.markersSelectable)){var n=e.element;s.params[e.type+"sSelectableOne"]&&("region"===e.type?s.clearSelectedRegions():s.clearSelectedMarkers()),e.element.isSelected?n.select(!1):n.select(!0),s._emit(e.event,[e.code,n.isSelected,"region"===e.type?s.getSelectedRegions():s.getSelectedMarkers()])}})),g.delegate(n,"click",".jvm-element",(function(t){var e=_(s,this),i=e.type,n=e.code;s._emit("region"===i?v.onRegionClick:v.onMarkerClick,[t,n])}))},_setupZoomButtons:function(){var t=this,e=this.params.zoomInButton,i=this.params.zoomOutButton,s=function(t){return"string"==typeof t?document.querySelector(t):t},n=e?s(e):l("div","jvm-zoom-btn jvm-zoomin","&#43;",!0),r=i?s(i):l("div","jvm-zoom-btn jvm-zoomout","&#x2212",!0);e||this.container.appendChild(n),i||this.container.appendChild(r);var a=function(e){return void 0===e&&(e=!0),function(){return t._setScale(e?t.scale*t.params.zoomStep:t.scale/t.params.zoomStep,t._width/2,t._height/2,!1,t.params.zoomAnimate)}};g.on(n,"click",a()),g.on(r,"click",a(!1))},_setupContainerTouchEvents:function(){var t,e,i,s,n,r,a,o=this,h=function(h){var l,c,u,p,d=h.touches;if("touchstart"==h.type&&(a=0),1==d.length){var f;if(1==a)u=o.transX,p=o.transY,o.transX-=(i-d[0].pageX)/o.scale,o.transY-=(s-d[0].pageY)/o.scale,null==(f=o._tooltip)||f.hide(),o._applyTransform(),u==o.transX&&p==o.transY||h.preventDefault();i=d[0].pageX,s=d[0].pageY}else if(2==d.length)if(2==a){var m;c=Math.sqrt(Math.pow(d[0].pageX-d[1].pageX,2)+Math.pow(d[0].pageY-d[1].pageY,2))/e,o._setScale(t*c,n,r),null==(m=o._tooltip)||m.hide(),h.preventDefault()}else{var g=o.container.getBoundingClientRect();l={top:g.top+window.scrollY,left:g.left+window.scrollX},n=d[0].pageX>d[1].pageX?d[1].pageX+(d[0].pageX-d[1].pageX)/2:d[0].pageX+(d[1].pageX-d[0].pageX)/2,r=d[0].pageY>d[1].pageY?d[1].pageY+(d[0].pageY-d[1].pageY)/2:d[0].pageY+(d[1].pageY-d[0].pageY)/2,n-=l.left,r-=l.top,t=o.scale,e=Math.sqrt(Math.pow(d[0].pageX-d[1].pageX,2)+Math.pow(d[0].pageY-d[1].pageY,2))}a=d.length};g.on(o.container,"touchstart",h),g.on(o.container,"touchmove",h)},_createRegions:function(){for(var t in this._regionLabelsGroup=this._regionLabelsGroup||this.canvas.createGroup("jvm-regions-labels-group"),this._mapData.paths){var e=new O({map:this,code:t,path:this._mapData.paths[t].path,style:u({},this.params.regionStyle),labelStyle:this.params.regionLabelStyle,labelsGroup:this._regionLabelsGroup,label:this.params.labels&&this.params.labels.regions});this.regions[t]={config:this._mapData.paths[t],element:e}}},_createLines:function(t){var e=!1,i=!1,s=this.params.lineStyle,n=s.curvature,r=M(s,X);for(var a in t){for(var o=t[a],h=0,l=Object.values(this._markers);h<l.length;h++){var c=l[h].config;c.name===o.from&&(e=this.getMarkerPosition(c)),c.name===o.to&&(i=this.getMarkerPosition(c))}if(!1!==e&&!1!==i){var d=o.style||{},f=d.curvature,m=M(d,Y);this._lines[p(o.from,o.to)]=new A({index:a,map:this,group:this._linesGroup,config:o,x1:e.x,y1:e.y,x2:i.x,y2:i.y,curvature:0==f?0:f||n},u(r,m,!0))}}},_createMarkers:function(t,e){var i=this;void 0===t&&(t={}),void 0===e&&(e=!1);var s=function(){var s=t[n],r=i.getMarkerPosition(s),a=s.coords.join(":");if(!r)return 0;if(e){if(Object.keys(i._markers).filter((function(t){return i._markers[t]._uid===a})).length)return 0;n=Object.keys(i._markers).length}var o=new z({index:n,map:i,label:i.params.labels&&i.params.labels.markers,labelsGroup:i._markerLabelsGroup,cx:r.x,cy:r.y,group:i._markersGroup,config:s,isRecentlyCreated:e},u(i.params.markerStyle,w({},s.style||{}),!0));i._markers[n]&&i.removeMarkers([n]),i._markers[n]={_uid:a,config:s,element:o}};for(var n in t)s()},_createSeries:function(){for(var t in this.series={markers:[],regions:[]},this.params.series)for(var e=0;e<this.params.series[t].length;e++)this.series[t][e]=new I(this.params.series[t][e],"markers"===t?this._markers:this.regions,this)},_applyTransform:function(){var t,e,i,s;this._defaultWidth*this.scale<=this._width?(t=(this._width-this._defaultWidth*this.scale)/(2*this.scale),i=(this._width-this._defaultWidth*this.scale)/(2*this.scale)):(t=0,i=(this._width-this._defaultWidth*this.scale)/this.scale),this._defaultHeight*this.scale<=this._height?(e=(this._height-this._defaultHeight*this.scale)/(2*this.scale),s=(this._height-this._defaultHeight*this.scale)/(2*this.scale)):(e=0,s=(this._height-this._defaultHeight*this.scale)/this.scale),this.transY>e?this.transY=e:this.transY<s&&(this.transY=s),this.transX>t?this.transX=t:this.transX<i&&(this.transX=i),this.canvas.applyTransformParams(this.scale,this.transX,this.transY),this._markers&&this._repositionMarkers(),this._lines&&this._repositionLines(),this._repositionLabels()},_resize:function(){var t=this._baseScale;this._width/this._height>this._defaultWidth/this._defaultHeight?(this._baseScale=this._height/this._defaultHeight,this._baseTransX=Math.abs(this._width-this._defaultWidth*this._baseScale)/(2*this._baseScale)):(this._baseScale=this._width/this._defaultWidth,this._baseTransY=Math.abs(this._height-this._defaultHeight*this._baseScale)/(2*this._baseScale)),this.scale*=this._baseScale/t,this.transX*=this._baseScale/t,this.transY*=this._baseScale/t},_setScale:function(t,e,i,s,n){var r,a,o,h,l,c,u,p,d,f,m=this,g=0,_=Math.abs(Math.round(60*(t-this.scale)/Math.max(t,this.scale)));t>this.params.zoomMax*this._baseScale?t=this.params.zoomMax*this._baseScale:t<this.params.zoomMin*this._baseScale&&(t=this.params.zoomMin*this._baseScale),void 0!==e&&void 0!==i&&(r=t/this.scale,s?(d=e+this._defaultWidth*(this._width/(this._defaultWidth*t))/2,f=i+this._defaultHeight*(this._height/(this._defaultHeight*t))/2):(d=this.transX-(r-1)/t*e,f=this.transY-(r-1)/t*i)),n&&_>0?(o=this.scale,h=(t-o)/_,l=this.transX*this.scale,u=this.transY*this.scale,c=(d*t-l)/_,p=(f*t-u)/_,a=setInterval((function(){g+=1,m.scale=o+h*g,m.transX=(l+c*g)/m.scale,m.transY=(u+p*g)/m.scale,m._applyTransform(),g==_&&(clearInterval(a),m._emit(v.onViewportChange,[m.scale,m.transX,m.transY]))}),10)):(this.transX=d,this.transY=f,this.scale=t,this._applyTransform(),this._emit(v.onViewportChange,[this.scale,this.transX,this.transY]))},setFocus:function(t){var e=this;void 0===t&&(t={});var i,s=[];if(t.region?s.push(t.region):t.regions&&(s=t.regions),s.length)return s.forEach((function(t){if(e.regions[t]){var s=e.regions[t].element.shape.getBBox();s&&(i=void 0===i?s:{x:Math.min(i.x,s.x),y:Math.min(i.y,s.y),width:Math.max(i.x+i.width,s.x+s.width)-Math.min(i.x,s.x),height:Math.max(i.y+i.height,s.y+s.height)-Math.min(i.y,s.y)})}})),this._setScale(Math.min(this._width/i.width,this._height/i.height),-(i.x+i.width/2),-(i.y+i.height/2),!0,t.animate);if(t.coords){var n=this.coordsToPoint(t.coords[0],t.coords[1]),r=this.transX-n.x/this.scale,a=this.transY-n.y/this.scale;return this._setScale(t.scale*this._baseScale,r,a,!0,t.animate)}},updateSize:function(){this._width=this.container.offsetWidth,this._height=this.container.offsetHeight,this._resize(),this.canvas.setSize(this._width,this._height),this._applyTransform()},coordsToPoint:function(t,e){var i=st.maps[this.params.map].projection,s=H[i.type](t,e,i.centralMeridian),n=s.x,r=s.y,a=this.getInsetForPoint(n,r);if(!a)return!1;var o=a.bbox;return n=(n-o[0].x)/(o[1].x-o[0].x)*a.width*this.scale,r=(r-o[0].y)/(o[1].y-o[0].y)*a.height*this.scale,{x:n+this.transX*this.scale+a.left*this.scale,y:r+this.transY*this.scale+a.top*this.scale}},getInsetForPoint:function(t,e){for(var i=st.maps[this.params.map].insets,s=0;s<i.length;s++){var n=i[s].bbox,r=n[0],a=n[1];if(t>r.x&&t<a.x&&e>r.y&&e<a.y)return i[s]}},getMarkerPosition:function(t){var e=t.coords;return st.maps[this.params.map].projection?this.coordsToPoint.apply(this,e):{x:e[0]*this.scale+this.transX*this.scale,y:e[1]*this.scale+this.transY*this.scale}},_repositionLines:function(){var t=this,e=this.params.lineStyle.curvature;Object.values(this._lines).forEach((function(i){var s=Object.values(t._markers).find((function(t){return t.config.name===i.getConfig().from})),n=Object.values(t._markers).find((function(t){return t.config.name===i.getConfig().to}));if(s&&n){var r=t.getMarkerPosition(s.config),a=r.x,o=r.y,h=t.getMarkerPosition(n.config),l=h.x,c=h.y,u=0==i._options.curvature?0:i._options.curvature||e,p=(a+l)/2+u*(c-o),d=(o+c)/2-u*(l-a);i.setStyle({d:"M"+a+","+o+" Q"+p+","+d+" "+l+","+c})}}))},_repositionMarkers:function(){for(var t in this._markers){var e=this.getMarkerPosition(this._markers[t].config);!1!==e&&this._markers[t].element.setStyle({cx:e.x,cy:e.y})}},_repositionLabels:function(){var t=this.params.labels;if(t){if(t.regions)for(var e in this.regions)this.regions[e].element.updateLabelPosition();if(t.markers)for(var i in this._markers)this._markers[i].element.updateLabelPosition()}}},B=function(){function t(t,e){this.node=this._createElement(t),e&&this.set(e)}var e=t.prototype;return e._createElement=function(t){return document.createElementNS("http://www.w3.org/2000/svg",t)},e.addClass=function(t){this.node.setAttribute("class",t)},e.getBBox=function(){return this.node.getBBox()},e.set=function(t,e){if("object"==typeof t)for(var i in t)this.applyAttr(i,t[i]);else this.applyAttr(t,e)},e.get=function(t){return this.style.initial[t]},e.applyAttr=function(t,e){this.node.setAttribute(t.replace(/[\w]([A-Z])/g,(function(t){return t[0]+"-"+t[1]})).toLowerCase(),e)},e.remove=function(){c(this.node)},t}(),G=function(t){function e(e,i,s){var n;return void 0===s&&(s={}),(n=t.call(this,e,i)||this).isHovered=!1,n.isSelected=!1,n.style=s,n.style.current={},n.updateStyle(),n}k(e,t);var i=e.prototype;return i.setStyle=function(t,e){var i;"object"==typeof t?u(this.style.current,t):u(this.style.current,((i={})[t]=e,i));this.updateStyle()},i.updateStyle=function(){var t={};u(t,this.style.initial),u(t,this.style.current),this.isHovered&&u(t,this.style.hover),this.isSelected&&(u(t,this.style.selected),this.isHovered&&u(t,this.style.selectedHover)),this.set(t)},e}(B),W=function(t){function e(e,i){return t.call(this,"text",e,i)||this}return k(e,t),e.prototype.applyAttr=function(e,i){"text"===e?this.node.textContent=i:t.prototype.applyAttr.call(this,e,i)},e}(G),N=function(t){function e(e,i){return t.call(this,"image",e,i)||this}return k(e,t),e.prototype.applyAttr=function(e,i){var s;"image"===e?("object"==typeof i?(s=i.url,this.offset=i.offset||[0,0]):(s=i,this.offset=[0,0]),this.node.setAttributeNS("http://www.w3.org/1999/xlink","href",s),this.width=23,this.height=23,this.applyAttr("width",this.width),this.applyAttr("height",this.height),this.applyAttr("x",this.cx-this.width/2+this.offset[0]),this.applyAttr("y",this.cy-this.height/2+this.offset[1])):"cx"==e?(this.cx=i,this.width&&this.applyAttr("x",i-this.width/2+this.offset[0])):"cy"==e?(this.cy=i,this.height&&this.applyAttr("y",i-this.height/2+this.offset[1])):t.prototype.applyAttr.apply(this,arguments)},e}(G),F=function(t){function e(e){var i;return(i=t.call(this,"svg")||this)._container=e,i._defsElement=new B("defs"),i._rootElement=new B("g",{id:"jvm-regions-group"}),i.node.appendChild(i._defsElement.node),i.node.appendChild(i._rootElement.node),i._container.appendChild(i.node),i}k(e,t);var i=e.prototype;return i.setSize=function(t,e){this.node.setAttribute("width",t),this.node.setAttribute("height",e)},i.applyTransformParams=function(t,e,i){this._rootElement.node.setAttribute("transform","scale("+t+") translate("+e+", "+i+")")},i.createPath=function(t,e,i){var s=new G("path",t,e);return s.node.setAttribute("fill-rule","evenodd"),this._add(s,i)},i.createCircle=function(t,e,i){var s=new G("circle",t,e);return this._add(s,i)},i.createLine=function(t,e,i){var s=new G("line",t,e);return this._add(s,i)},i.createText=function(t,e,i){var s=new W(t,e);return this._add(s,i)},i.createImage=function(t,e,i){var s=new N(t,e);return this._add(s,i)},i.createGroup=function(t){var e=new B("g");return this.node.appendChild(e.node),t&&(e.node.id=t),e.canvas=this,e},i._add=function(t,e){return(e=e||this._rootElement).node.appendChild(t.node),t},e}(B),q=function(t){function e(e){var i;i=t.call(this)||this;var s=l("div","jvm-tooltip");return i._map=e,i._tooltip=document.body.appendChild(s),i._bindEventListeners(),i||function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(i)}k(e,t);var i=e.prototype;return i._bindEventListeners=function(){var t=this;g.on(this._map.container,"mousemove",(function(e){if(t._tooltip.classList.contains("active")){var i,s,n=(i=t._map.container,s="#jvm-regions-group",Element.prototype.querySelector.call(i,s)).getBoundingClientRect(),r=t._tooltip.getBoundingClientRect(),a=r.height,o=r.width,h=e.clientY<=n.top+a+5,l=e.pageY-a-5,c=e.pageX-o-5;h&&(l+=a+5,c-=10),e.clientX<n.left+o+5&&(c=e.pageX+5+2,h&&(c+=10)),t.css({top:l+"px",left:c+"px"})}}))},i.getElement=function(){return this._tooltip},i.show=function(){this._tooltip.classList.add("active")},i.hide=function(){this._tooltip.classList.remove("active")},i.text=function(t,e){void 0===e&&(e=!1);var i=e?"innerHTML":"textContent";if(!t)return this._tooltip[i];this._tooltip[i]=t},i.css=function(t){for(var e in t)this._tooltip.style[e]=t[e];return this},e}(C),U=function(){function t(t,e){var i=t.scale,s=t.values;this._scale=i,this._values=s,this._fromColor=this.hexToRgb(i[0]),this._toColor=this.hexToRgb(i[1]),this._map=e,this.setMinMaxValues(s),this.visualize()}var e=t.prototype;return e.setMinMaxValues=function(t){for(var e in this.min=Number.MAX_VALUE,this.max=0,t)(e=parseFloat(t[e]))>this.max&&(this.max=e),e<this.min&&(this.min=e)},e.visualize=function(){var t,e={};for(var i in this._values)t=parseFloat(this._values[i]),isNaN(t)||(e[i]=this.getValue(t));this.setAttributes(e)},e.setAttributes=function(t){for(var e in t)this._map.regions[e]&&this._map.regions[e].element.setStyle("fill",t[e])},e.getValue=function(t){if(this.min===this.max)return"#"+this._toColor.join("");for(var e,i="#",s=0;s<3;s++)i+=(1===(e=Math.round(this._fromColor[s]+(this._toColor[s]-this._fromColor[s])*((t-this.min)/(this.max-this.min))).toString(16)).length?"0":"")+e;return i},e.hexToRgb=function(t){var e=0,i=0,s=0;return 4==t.length?(e="0x"+t[1]+t[1],i="0x"+t[2]+t[2],s="0x"+t[3]+t[3]):7==t.length&&(e="0x"+t[1]+t[2],i="0x"+t[3]+t[4],s="0x"+t[5]+t[6]),[parseInt(e),parseInt(i),parseInt(s)]},t}(),Q="jvm-",$=Q+"container",Z=Q+"markers-group",J=Q+"markers-labels-group",K=Q+"lines-group",tt=Q+"series-container",et=tt+" "+Q+"series-h",it=tt+" "+Q+"series-v",st=function(){function t(e){var i=this;if(void 0===e&&(e={}),this.params=u(t.defaults,e,!0),!t.maps[this.params.map])throw new Error("Attempt to use map which was not loaded: "+e.map);this.regions={},this.scale=1,this.transX=0,this.transY=0,this._mapData=t.maps[this.params.map],this._markers={},this._lines={},this._defaultWidth=this._mapData.width,this._defaultHeight=this._mapData.height,this._height=0,this._width=0,this._baseScale=1,this._baseTransX=0,this._baseTransY=0,"loading"!==document.readyState?this._init():window.addEventListener("DOMContentLoaded",(function(){return i._init()}))}var e=t.prototype;return e._init=function(){var t=this.params;this.container=h(t.selector),this.container.classList.add($),this.canvas=new F(this.container),this.setBackgroundColor(t.backgroundColor),this._createRegions(),this.updateSize(),t.lines&&(this._linesGroup=this.canvas.createGroup(K)),t.markers&&(this._markersGroup=this.canvas.createGroup(Z),this._markerLabelsGroup=this.canvas.createGroup(J)),this._createMarkers(t.markers),this._createLines(t.lines||{}),this._repositionLabels(),this._setupContainerEvents(),this._setupElementEvents(),t.zoomButtons&&this._setupZoomButtons(),t.showTooltip&&(this._tooltip=new q(this)),t.selectedRegions&&this._setSelected("regions",t.selectedRegions),t.selectedMarkers&&this._setSelected("_markers",t.selectedMarkers),t.focusOn&&this.setFocus(t.focusOn),t.visualizeData&&(this.dataVisualization=new U(t.visualizeData,this)),t.bindTouchEvents&&("ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch)&&this._setupContainerTouchEvents(),t.series&&(this.container.appendChild(this.legendHorizontal=l("div",et)),this.container.appendChild(this.legendVertical=l("div",it)),this._createSeries()),this._emit(v.onLoaded,[this])},e.setBackgroundColor=function(t){this.container.style.backgroundColor=t},e.getSelectedRegions=function(){return this._getSelected("regions")},e.clearSelectedRegions=function(t){var e=this;void 0===t&&(t=void 0),(t=this._normalizeRegions(t)||this._getSelected("regions")).forEach((function(t){e.regions[t].element.select(!1)}))},e.setSelectedRegions=function(t){this.clearSelectedRegions(),this._setSelected("regions",this._normalizeRegions(t))},e.getSelectedMarkers=function(){return this._getSelected("_markers")},e.clearSelectedMarkers=function(){this._clearSelected("_markers")},e.setSelectedMarkers=function(t){this._setSelected("_markers",t)},e.addMarkers=function(t){t=Array.isArray(t)?t:[t],this._createMarkers(t,!0)},e.removeMarkers=function(t){var e=this;t||(t=Object.keys(this._markers)),t.forEach((function(t){e._markers[t].element.remove(),delete e._markers[t]}))},e.addLine=function(t,e,i){void 0===i&&(i={}),console.warn("`addLine` method is deprecated, please use `addLines` instead."),this._createLines([{from:t,to:e,style:i}],this._markers,!0)},e.addLines=function(t){var e=this._getLinesAsUids();Array.isArray(t)||(t=[t]),this._createLines(t.filter((function(t){return!(e.indexOf(p(t.from,t.to))>-1)})),!0)},e.removeLines=function(t){var e=this;(t=Array.isArray(t)?t.map((function(t){return p(t.from,t.to)})):this._getLinesAsUids()).forEach((function(t){e._lines[t].dispose(),delete e._lines[t]}))},e.removeLine=function(t,e){console.warn("`removeLine` method is deprecated, please use `removeLines` instead.");var i=p(t,e);this._lines.hasOwnProperty(i)&&(this._lines[i].element.remove(),delete this._lines[i])},e.reset=function(){for(var t in this.series)for(var e=0;e<this.series[t].length;e++)this.series[t][e].clear();this.legendHorizontal&&(c(this.legendHorizontal),this.legendHorizontal=null),this.legendVertical&&(c(this.legendVertical),this.legendVertical=null),this.scale=this._baseScale,this.transX=this._baseTransX,this.transY=this._baseTransY,this._applyTransform(),this.clearSelectedMarkers(),this.clearSelectedRegions(),this.removeMarkers()},e.destroy=function(t){var e=this;void 0===t&&(t=!0),g.flush(),this._tooltip.dispose(),this._emit(v.onDestroyed),t&&Object.keys(this).forEach((function(t){try{delete e[t]}catch(t){}}))},e.extend=function(e,i){if("function"==typeof this[e])throw new Error("The method ["+e+"] does already exist, please use another name.");t.prototype[e]=i},e._emit=function(t,e){for(var i in v)v[i]===t&&"function"==typeof this.params[i]&&this.params[i].apply(this,e)},e._getSelected=function(t){var e=[];for(var i in this[t])this[t][i].element.isSelected&&e.push(i);return e},e._setSelected=function(t,e){var i=this;e.forEach((function(e){i[t][e]&&i[t][e].element.select(!0)}))},e._clearSelected=function(t){var e=this;this._getSelected(t).forEach((function(i){e[t][i].element.select(!1)}))},e._getLinesAsUids=function(){return Object.keys(this._lines)},e._normalizeRegions=function(t){return"string"==typeof t?[t]:t},t}();st.maps={},st.defaults={map:"world",backgroundColor:"transparent",draggable:!0,zoomButtons:!0,zoomOnScroll:!0,zoomOnScrollSpeed:3,zoomMax:12,zoomMin:1,zoomAnimate:!0,showTooltip:!0,zoomStep:1.5,bindTouchEvents:!0,lineStyle:{curvature:0,stroke:"#808080",strokeWidth:1,strokeLinecap:"round"},markersSelectable:!1,markersSelectableOne:!1,markerStyle:{initial:{r:7,fill:"#374151",fillOpacity:1,stroke:"#FFF",strokeWidth:5,strokeOpacity:.5},hover:{fill:"#3cc0ff",cursor:"pointer"},selected:{fill:"blue"},selectedHover:{}},markerLabelStyle:{initial:{fontFamily:"Verdana",fontSize:12,fontWeight:500,cursor:"default",fill:"#374151"},hover:{cursor:"pointer"},selected:{},selectedHover:{}},regionsSelectable:!1,regionsSelectableOne:!1,regionStyle:{initial:{fill:"#dee2e8",fillOpacity:1,stroke:"none",strokeWidth:0},hover:{fillOpacity:.7,cursor:"pointer"},selected:{fill:"#9ca3af"},selectedHover:{}},regionLabelStyle:{initial:{fontFamily:"Verdana",fontSize:"12",fontWeight:"bold",cursor:"default",fill:"#35373e"},hover:{cursor:"pointer"}}},Object.assign(st.prototype,V);var nt=function(){function t(t){if(void 0===t&&(t={}),!t.selector)throw new Error("Selector is not given.");return new st(t)}return t.addMap=function(t,e){st.maps[t]=e},t}();return window.jsVectorMap=nt}));
diff --git a/www/raven-demo/vendor/js/just-validate.production.min.js b/www/raven-demo/vendor/js/just-validate.production.min.js
new file mode 100644
index 0000000..1bab58f
--- /dev/null
+++ b/www/raven-demo/vendor/js/just-validate.production.min.js
@@ -0,0 +1 @@
+var __defProp=Object.defineProperty,__defNormalProp=(e,i,t)=>i in e?__defProp(e,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[i]=t,__publicField=(e,i,t)=>(__defNormalProp(e,"symbol"!=typeof i?i+"":i,t),t);!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(e="undefined"!=typeof globalThis?globalThis:e||self).JustValidate=i()}(this,(function(){"use strict";const e=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,i=/^-?[0-9]\d*$/,t=/^(?=.*[A-Za-z])(?=.*\d).{8,}$/,s=/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/,l=e=>"string"!=typeof e||""===e;var r=(e=>(e.Required="required",e.Email="email",e.MinLength="minLength",e.MaxLength="maxLength",e.Password="password",e.Number="number",e.Integer="integer",e.MaxNumber="maxNumber",e.MinNumber="minNumber",e.StrongPassword="strongPassword",e.CustomRegexp="customRegexp",e.MinFilesCount="minFilesCount",e.MaxFilesCount="maxFilesCount",e.Files="files",e))(r||{}),o=(e=>(e.Required="required",e))(o||{}),a=(e=>(e.Label="label",e.LabelArrow="labelArrow",e))(a||{});const n=[{key:r.Required,dict:{en:"The field is required"}},{key:r.Email,dict:{en:"Email has invalid format"}},{key:r.MaxLength,dict:{en:"The field must contain a maximum of :value characters"}},{key:r.MinLength,dict:{en:"The field must contain a minimum of :value characters"}},{key:r.Password,dict:{en:"Password must contain minimum eight characters, at least one letter and one number"}},{key:r.StrongPassword,dict:{en:"Password should contain minimum eight characters, at least one uppercase letter, one lowercase letter, one number and one special character"}},{key:r.Number,dict:{en:"Value should be a number"}},{key:r.MaxNumber,dict:{en:"Number should be less or equal than :value"}},{key:r.MinNumber,dict:{en:"Number should be more or equal than :value"}},{key:r.MinFilesCount,dict:{en:"Files count should be more or equal than :value"}},{key:r.MaxFilesCount,dict:{en:"Files count should be less or equal than :value"}},{key:r.Files,dict:{en:"Uploaded files have one or several invalid properties (extension/size/type etc)."}}],d=e=>"object"==typeof e&&null!==e&&"then"in e&&"function"==typeof e.then,c=e=>Array.isArray(e)?e.filter((e=>e.length>0)):"string"==typeof e&&e.trim()?[...e.split(" ").filter((e=>e.length>0))]:[],u=e=>e instanceof Element||e instanceof HTMLDocument,h={errorFieldStyle:{color:"#b81111",border:"1px solid #B81111"},errorFieldCssClass:"just-validate-error-field",successFieldCssClass:"just-validate-success-field",errorLabelStyle:{color:"#b81111"},errorLabelCssClass:"just-validate-error-label",successLabelCssClass:"just-validate-success-label",focusInvalidField:!0,lockForm:!0,testingMode:!1,validateBeforeSubmitting:!1,submitFormAutomatically:!1};return class{constructor(e,i,t){__publicField(this,"form",null),__publicField(this,"fields",{}),__publicField(this,"groupFields",{}),__publicField(this,"errors",{}),__publicField(this,"isValid",!1),__publicField(this,"isSubmitted",!1),__publicField(this,"globalConfig",h),__publicField(this,"errorLabels",{}),__publicField(this,"successLabels",{}),__publicField(this,"eventListeners",[]),__publicField(this,"dictLocale",n),__publicField(this,"currentLocale","en"),__publicField(this,"customStyleTags",{}),__publicField(this,"onSuccessCallback"),__publicField(this,"onFailCallback"),__publicField(this,"onValidateCallback"),__publicField(this,"tooltips",[]),__publicField(this,"lastScrollPosition"),__publicField(this,"isScrollTick"),__publicField(this,"fieldIds",new Map),__publicField(this,"getKeyByFieldSelector",(e=>this.fieldIds.get(e))),__publicField(this,"getFieldSelectorByKey",(e=>{for(const[i,t]of this.fieldIds)if(e===t)return i})),__publicField(this,"getCompatibleFields",(()=>{const e={};return Object.keys(this.fields).forEach((i=>{let t=i;const s=this.getFieldSelectorByKey(i);"string"==typeof s&&(t=s),e[t]={...this.fields[i]}})),e})),__publicField(this,"setKeyByFieldSelector",(e=>{if(this.fieldIds.has(e))return this.fieldIds.get(e);const i=String(this.fieldIds.size+1);return this.fieldIds.set(e,i),i})),__publicField(this,"refreshAllTooltips",(()=>{this.tooltips.forEach((e=>{e.refresh()}))})),__publicField(this,"handleDocumentScroll",(()=>{this.lastScrollPosition=window.scrollY,this.isScrollTick||(window.requestAnimationFrame((()=>{this.refreshAllTooltips(),this.isScrollTick=!1})),this.isScrollTick=!0)})),__publicField(this,"formSubmitHandler",(e=>{e.preventDefault(),this.isSubmitted=!0,this.validateHandler(e)})),__publicField(this,"handleFieldChange",(e=>{let i;for(const t in this.fields){if(this.fields[t].elem===e){i=t;break}}i&&(this.fields[i].touched=!0,this.validateField(i,!0))})),__publicField(this,"handleGroupChange",(e=>{let i;for(const t in this.groupFields){if(this.groupFields[t].elems.find((i=>i===e))){i=t;break}}i&&(this.groupFields[i].touched=!0,this.validateGroup(i,!0))})),__publicField(this,"handlerChange",(e=>{e.target&&(this.handleFieldChange(e.target),this.handleGroupChange(e.target),this.renderErrors())})),this.initialize(e,i,t)}initialize(e,i,t){if(this.form=null,this.errors={},this.isValid=!1,this.isSubmitted=!1,this.globalConfig=h,this.errorLabels={},this.successLabels={},this.eventListeners=[],this.customStyleTags={},this.tooltips=[],this.currentLocale="en","string"==typeof e){const i=document.querySelector(e);if(!i)throw Error(`Form with ${e} selector not found! Please check the form selector`);this.setForm(i)}else{if(!(e instanceof HTMLFormElement))throw Error("Form selector is not valid. Please specify a string selector or a DOM element.");this.setForm(e)}if(this.globalConfig={...h,...i},t&&(this.dictLocale=[...t,...n]),this.isTooltip()){const e=document.createElement("style");e.textContent=".just-validate-error-label[data-tooltip=true]{position:fixed;padding:4px 8px;background:#423f3f;color:#fff;white-space:nowrap;z-index:10;border-radius:4px;transform:translateY(-5px)}.just-validate-error-label[data-tooltip=true]:before{content:'';width:0;height:0;border-left:solid 5px transparent;border-right:solid 5px transparent;border-bottom:solid 5px #423f3f;position:absolute;z-index:3;display:block;bottom:-5px;transform:rotate(180deg);left:calc(50% - 5px)}.just-validate-error-label[data-tooltip=true][data-direction=left]{transform:translateX(-5px)}.just-validate-error-label[data-tooltip=true][data-direction=left]:before{right:-7px;bottom:auto;left:auto;top:calc(50% - 2px);transform:rotate(90deg)}.just-validate-error-label[data-tooltip=true][data-direction=right]{transform:translateX(5px)}.just-validate-error-label[data-tooltip=true][data-direction=right]:before{right:auto;bottom:auto;left:-7px;top:calc(50% - 2px);transform:rotate(-90deg)}.just-validate-error-label[data-tooltip=true][data-direction=bottom]{transform:translateY(5px)}.just-validate-error-label[data-tooltip=true][data-direction=bottom]:before{right:auto;bottom:auto;left:calc(50% - 5px);top:-5px;transform:rotate(0)}",this.customStyleTags[a.Label]=document.head.appendChild(e),this.addListener("scroll",document,this.handleDocumentScroll)}}getLocalisedString(e,i,t){var s;const l=null!=t?t:e;let o=null==(s=this.dictLocale.find((e=>e.key===l)))?void 0:s.dict[this.currentLocale];if(o||t&&(o=t),o&&void 0!==i)switch(e){case r.MaxLength:case r.MinLength:case r.MaxNumber:case r.MinNumber:case r.MinFilesCount:case r.MaxFilesCount:o=o.replace(":value",String(i))}return o||t||"Value is incorrect"}getFieldErrorMessage(e,i){const t="function"==typeof e.errorMessage?e.errorMessage(this.getElemValue(i),this.fields):e.errorMessage;return this.getLocalisedString(e.rule,e.value,t)}getFieldSuccessMessage(e,i){const t="function"==typeof e?e(this.getElemValue(i),this.fields):e;return this.getLocalisedString(void 0,void 0,t)}getGroupErrorMessage(e){return this.getLocalisedString(e.rule,void 0,e.errorMessage)}getGroupSuccessMessage(e){if(e.successMessage)return this.getLocalisedString(void 0,void 0,e.successMessage)}setFieldInvalid(e,i){this.fields[e].isValid=!1,this.fields[e].errorMessage=this.getFieldErrorMessage(i,this.fields[e].elem)}setFieldValid(e,i){this.fields[e].isValid=!0,void 0!==i&&(this.fields[e].successMessage=this.getFieldSuccessMessage(i,this.fields[e].elem))}setGroupInvalid(e,i){this.groupFields[e].isValid=!1,this.groupFields[e].errorMessage=this.getGroupErrorMessage(i)}setGroupValid(e,i){this.groupFields[e].isValid=!0,this.groupFields[e].successMessage=this.getGroupSuccessMessage(i)}getElemValue(e){switch(e.type){case"checkbox":return e.checked;case"file":return e.files;default:return e.value}}validateGroupRule(e,i,t){if(t.rule===o.Required)i.every((e=>!e.checked))?this.setGroupInvalid(e,t):this.setGroupValid(e,t)}validateFieldRule(o,a,n,c=!1){const u=n.value,h=this.getElemValue(a);if(n.plugin){n.plugin(h,this.getCompatibleFields())||this.setFieldInvalid(o,n)}else{switch(n.rule){case r.Required:(e=>{let i=e;return"string"==typeof e&&(i=e.trim()),!i})(h)&&this.setFieldInvalid(o,n);break;case r.Email:if(l(h))break;f=h,e.test(f)||this.setFieldInvalid(o,n);break;case r.MaxLength:if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(l(h))break;((e,i)=>e.length>i)(h,u)&&this.setFieldInvalid(o,n);break;case r.MinLength:if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(l(h))break;((e,i)=>e.length<i)(h,u)&&this.setFieldInvalid(o,n);break;case r.Password:if(l(h))break;(e=>t.test(e))(h)||this.setFieldInvalid(o,n);break;case r.StrongPassword:if(l(h))break;(e=>s.test(e))(h)||this.setFieldInvalid(o,n);break;case r.Number:if(l(h))break;(e=>"string"==typeof e&&!isNaN(+e)&&!isNaN(parseFloat(e)))(h)||this.setFieldInvalid(o,n);break;case r.Integer:if(l(h))break;(e=>i.test(e))(h)||this.setFieldInvalid(o,n);break;case r.MaxNumber:{if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] field should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(l(h))break;const e=+h;(Number.isNaN(e)||((e,i)=>e>i)(e,u))&&this.setFieldInvalid(o,n);break}case r.MinNumber:{if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] field should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(l(h))break;const e=+h;(Number.isNaN(e)||((e,i)=>e<i)(e,u))&&this.setFieldInvalid(o,n);break}case r.CustomRegexp:{if(void 0===u)return console.error(`Value for ${n.rule} rule for [${o}] field is not defined. This field will be always invalid.`),void this.setFieldInvalid(o,n);let e;try{e=new RegExp(u)}catch(b){console.error(`Value for ${n.rule} rule for [${o}] should be a valid regexp. This field will be always invalid.`),this.setFieldInvalid(o,n);break}const i=String(h);""===i||e.test(i)||this.setFieldInvalid(o,n);break}case r.MinFilesCount:if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. This field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] field should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(Number.isFinite(null==h?void 0:h.length)&&h.length<u){this.setFieldInvalid(o,n);break}break;case r.MaxFilesCount:if(void 0===u){console.error(`Value for ${n.rule} rule for [${o}] field is not defined. This field will be always invalid.`),this.setFieldInvalid(o,n);break}if("number"!=typeof u){console.error(`Value for ${n.rule} rule for [${o}] field should be a number. The field will be always invalid.`),this.setFieldInvalid(o,n);break}if(Number.isFinite(null==h?void 0:h.length)&&h.length>u){this.setFieldInvalid(o,n);break}break;case r.Files:{if(void 0===u)return console.error(`Value for ${n.rule} rule for [${o}] field is not defined. This field will be always invalid.`),void this.setFieldInvalid(o,n);if("object"!=typeof u)return console.error(`Value for ${n.rule} rule for [${o}] field should be an object. This field will be always invalid.`),void this.setFieldInvalid(o,n);const e=u.files;if("object"!=typeof e)return console.error(`Value for ${n.rule} rule for [${o}] field should be an object with files array. This field will be always invalid.`),void this.setFieldInvalid(o,n);const i=(e,i)=>{const t=Number.isFinite(i.minSize)&&e.size<i.minSize,s=Number.isFinite(i.maxSize)&&e.size>i.maxSize,l=Array.isArray(i.names)&&!i.names.includes(e.name),r=Array.isArray(i.extensions)&&!i.extensions.includes(e.name.split(".")[e.name.split(".").length-1]),o=Array.isArray(i.types)&&!i.types.includes(e.type);return t||s||l||r||o};if("object"==typeof h&&null!==h)for(let t=0,s=h.length;t<s;++t){const s=h.item(t);if(!s){this.setFieldInvalid(o,n);break}if(i(s,e)){this.setFieldInvalid(o,n);break}}break}default:{if("function"!=typeof n.validator)return console.error(`Validator for custom rule for [${o}] field should be a function. This field will be always invalid.`),void this.setFieldInvalid(o,n);const e=n.validator(h,this.getCompatibleFields());if("boolean"!=typeof e&&"function"!=typeof e&&console.error(`Validator return value for [${o}] field should be boolean or function. It will be cast to boolean.`),"function"==typeof e){if(!c){this.fields[o].asyncCheckPending=!1;const i=e();return d(i)?i.then((e=>{e||this.setFieldInvalid(o,n)})).catch((()=>{this.setFieldInvalid(o,n)})):(console.error(`Validator function for custom rule for [${o}] field should return a Promise. This field will be always invalid.`),void this.setFieldInvalid(o,n))}this.fields[o].asyncCheckPending=!0}e||this.setFieldInvalid(o,n)}}var f}}isFormValid(){let e=!0;for(let i=0,t=Object.values(this.fields).length;i<t;++i){const t=Object.values(this.fields)[i];if(void 0===t.isValid){e=void 0;break}if(!1===t.isValid){e=!1;break}}for(let i=0,t=Object.values(this.groupFields).length;i<t;++i){const t=Object.values(this.groupFields)[i];if(void 0===t.isValid){e=void 0;break}if(!1===t.isValid){e=!1;break}}return e}validateField(e,i=!1){var t;const s=this.fields[e];s.isValid=!0;const l=[];return[...s.rules].reverse().forEach((t=>{const r=this.validateFieldRule(e,s.elem,t,i);d(r)&&l.push(r)})),s.isValid&&this.setFieldValid(e,null==(t=s.config)?void 0:t.successMessage),Promise.allSettled(l).finally((()=>{var e;i&&(null==(e=this.onValidateCallback)||e.call(this,{isValid:this.isFormValid(),isSubmitted:this.isSubmitted,fields:this.getCompatibleFields(),groups:{...this.groupFields}}))}))}revalidateField(e){if("string"!=typeof e&&!u(e))throw Error("Field selector is not valid. Please specify a string selector or a valid DOM element.");const i=this.getKeyByFieldSelector(e);return i&&this.fields[i]?new Promise((e=>{this.validateField(i,!0).finally((()=>{this.clearFieldStyle(i),this.clearFieldLabel(i),this.renderFieldError(i,!0),e(!!this.fields[i].isValid)}))})):(console.error("Field not found. Check the field selector."),Promise.reject())}revalidateGroup(e){if("string"!=typeof e&&!u(e))throw Error("Group selector is not valid. Please specify a string selector or a valid DOM element.");const i=this.getKeyByFieldSelector(e);return i&&this.groupFields[i]?new Promise((e=>{this.validateGroup(i).finally((()=>{this.clearFieldLabel(i),this.renderGroupError(i,!0),e(!!this.groupFields[i].isValid)}))})):(console.error("Group not found. Check the group selector."),Promise.reject())}validateGroup(e,i=!1){const t=this.groupFields[e],s=[];return[...t.rules].reverse().forEach((i=>{const l=this.validateGroupRule(e,t.elems,i);d(l)&&s.push(l)})),Promise.allSettled(s).finally((()=>{var e;i&&(null==(e=this.onValidateCallback)||e.call(this,{isValid:this.isFormValid(),isSubmitted:this.isSubmitted,fields:this.getCompatibleFields(),groups:{...this.groupFields}}))}))}focusInvalidField(){for(const e in this.fields){const i=this.fields[e];if(!i.isValid){setTimeout((()=>i.elem.focus()),0);break}}}afterSubmitValidation(e=!1){this.renderErrors(e),this.globalConfig.focusInvalidField&&this.focusInvalidField()}validate(e=!1){return new Promise((i=>{const t=[];Object.keys(this.fields).forEach((e=>{const i=this.validateField(e);d(i)&&t.push(i)})),Object.keys(this.groupFields).forEach((e=>{const i=this.validateGroup(e);d(i)&&t.push(i)})),Promise.allSettled(t).then((()=>{var s;this.afterSubmitValidation(e),null==(s=this.onValidateCallback)||s.call(this,{isValid:this.isFormValid(),isSubmitted:this.isSubmitted,fields:this.getCompatibleFields(),groups:{...this.groupFields}}),i(!!t.length)}))}))}revalidate(){return new Promise((e=>{this.validateHandler(void 0,!0).finally((()=>{this.globalConfig.focusInvalidField&&this.focusInvalidField(),e(this.isValid)}))}))}validateHandler(e,i=!1){return this.globalConfig.lockForm&&this.lockForm(),this.validate(i).finally((()=>{var i,t,s;this.globalConfig.lockForm&&this.unlockForm(),this.isValid?(null==(i=this.onSuccessCallback)||i.call(this,e),this.globalConfig.submitFormAutomatically&&(null==(t=null==e?void 0:e.currentTarget)||t.submit())):null==(s=this.onFailCallback)||s.call(this,this.getCompatibleFields(),this.groupFields)}))}setForm(e){this.form=e,this.form.setAttribute("novalidate","novalidate"),this.removeListener("submit",this.form,this.formSubmitHandler),this.addListener("submit",this.form,this.formSubmitHandler)}addListener(e,i,t){i.addEventListener(e,t),this.eventListeners.push({type:e,elem:i,func:t})}removeListener(e,i,t){i.removeEventListener(e,t),this.eventListeners=this.eventListeners.filter((t=>t.type!==e||t.elem!==i))}addField(e,i,t){if("string"!=typeof e&&!u(e))throw Error("Field selector is not valid. Please specify a string selector or a valid DOM element.");let s;if(s="string"==typeof e?this.form.querySelector(e):e,!s)throw Error("Field doesn't exist in the DOM! Please check the field selector.");if(!Array.isArray(i)||!i.length)throw Error("Rules argument should be an array and should contain at least 1 element.");i.forEach((e=>{if(!("rule"in e||"validator"in e||"plugin"in e))throw Error("Rules argument must contain at least one rule or validator property.");if(!(e.validator||e.plugin||e.rule&&Object.values(r).includes(e.rule)))throw Error(`Rule should be one of these types: ${Object.values(r).join(", ")}. Provided value: ${e.rule}`)}));const l=this.setKeyByFieldSelector(e);return this.fields[l]={elem:s,rules:i,isValid:void 0,touched:!1,config:t},this.setListeners(s),(this.isSubmitted||this.globalConfig.validateBeforeSubmitting)&&this.validateField(l),this}removeField(e){if("string"!=typeof e&&!u(e))throw Error("Field selector is not valid. Please specify a string selector or a valid DOM element.");const i=this.getKeyByFieldSelector(e);if(!i||!this.fields[i])return console.error("Field not found. Check the field selector."),this;const t=this.getListenerType(this.fields[i].elem.type);return this.removeListener(t,this.fields[i].elem,this.handlerChange),this.clearErrors(),delete this.fields[i],this}removeGroup(e){if("string"!=typeof e)throw Error("Group selector is not valid. Please specify a string selector.");const i=this.getKeyByFieldSelector(e);return i&&this.groupFields[i]?(this.groupFields[i].elems.forEach((e=>{const i=this.getListenerType(e.type);this.removeListener(i,e,this.handlerChange)})),this.clearErrors(),delete this.groupFields[i],this):(console.error("Group not found. Check the group selector."),this)}addRequiredGroup(e,i,t,s){if("string"!=typeof e&&!u(e))throw Error("Group selector is not valid. Please specify a string selector or a valid DOM element.");let l;if(l="string"==typeof e?this.form.querySelector(e):e,!l)throw Error("Group selector not found! Please check the group selector.");const r=l.querySelectorAll("input"),a=Array.from(r).filter((e=>{const i=((e,i)=>{const t=[...i].reverse();for(let s=0,l=t.length;s<l;++s){const i=t[s];for(const t in e){const s=e[t];if(s.groupElem===i)return[t,s]}}return null})(this.groupFields,(e=>{let i=e;const t=[];for(;i;)t.unshift(i),i=i.parentNode;return t})(e));return!i||i[1].elems.find((i=>i!==e))})),n=this.setKeyByFieldSelector(e);return this.groupFields[n]={rules:[{rule:o.Required,errorMessage:i,successMessage:s}],groupElem:l,elems:a,touched:!1,isValid:void 0,config:t},r.forEach((e=>{this.setListeners(e)})),this}getListenerType(e){switch(e){case"checkbox":case"select-one":case"file":case"radio":return"change";default:return"input"}}setListeners(e){const i=this.getListenerType(e.type);this.removeListener(i,e,this.handlerChange),this.addListener(i,e,this.handlerChange)}clearFieldLabel(e){var i,t;null==(i=this.errorLabels[e])||i.remove(),null==(t=this.successLabels[e])||t.remove()}clearFieldStyle(e){var i,t,s,l;const r=this.fields[e],o=(null==(i=r.config)?void 0:i.errorFieldStyle)||this.globalConfig.errorFieldStyle;Object.keys(o).forEach((e=>{r.elem.style[e]=""}));const a=(null==(t=r.config)?void 0:t.successFieldStyle)||this.globalConfig.successFieldStyle||{};Object.keys(a).forEach((e=>{r.elem.style[e]=""})),r.elem.classList.remove(...c((null==(s=r.config)?void 0:s.errorFieldCssClass)||this.globalConfig.errorFieldCssClass),...c((null==(l=r.config)?void 0:l.successFieldCssClass)||this.globalConfig.successFieldCssClass))}clearErrors(){var e,i;Object.keys(this.errorLabels).forEach((e=>this.errorLabels[e].remove())),Object.keys(this.successLabels).forEach((e=>this.successLabels[e].remove()));for(const t in this.fields)this.clearFieldStyle(t);for(const t in this.groupFields){const s=this.groupFields[t],l=(null==(e=s.config)?void 0:e.errorFieldStyle)||this.globalConfig.errorFieldStyle;Object.keys(l).forEach((e=>{s.elems.forEach((i=>{var t;i.style[e]="",i.classList.remove(...c((null==(t=s.config)?void 0:t.errorFieldCssClass)||this.globalConfig.errorFieldCssClass))}))}));const r=(null==(i=s.config)?void 0:i.successFieldStyle)||this.globalConfig.successFieldStyle||{};Object.keys(r).forEach((e=>{s.elems.forEach((i=>{var t;i.style[e]="",i.classList.remove(...c((null==(t=s.config)?void 0:t.successFieldCssClass)||this.globalConfig.successFieldCssClass))}))}))}this.tooltips=[]}isTooltip(){return!!this.globalConfig.tooltip}lockForm(){const e=this.form.querySelectorAll("input, textarea, button, select");for(let i=0,t=e.length;i<t;++i)e[i].setAttribute("data-just-validate-fallback-disabled",e[i].disabled?"true":"false"),e[i].setAttribute("disabled","disabled"),e[i].style.pointerEvents="none",e[i].style.webkitFilter="grayscale(100%)",e[i].style.filter="grayscale(100%)"}unlockForm(){const e=this.form.querySelectorAll("input, textarea, button, select");for(let i=0,t=e.length;i<t;++i)"true"!==e[i].getAttribute("data-just-validate-fallback-disabled")&&e[i].removeAttribute("disabled"),e[i].style.pointerEvents="",e[i].style.webkitFilter="",e[i].style.filter=""}renderTooltip(e,i,t){var s;const{top:l,left:r,width:o,height:a}=e.getBoundingClientRect(),n=i.getBoundingClientRect(),d=t||(null==(s=this.globalConfig.tooltip)?void 0:s.position);switch(d){case"left":i.style.top=l+a/2-n.height/2+"px",i.style.left=r-n.width-5+"px";break;case"top":i.style.top=l-n.height-5+"px",i.style.left=r+o/2-n.width/2+"px";break;case"right":i.style.top=l+a/2-n.height/2+"px",i.style.left=`${r+o+5}px`;break;case"bottom":i.style.top=`${l+a+5}px`,i.style.left=r+o/2-n.width/2+"px"}i.dataset.direction=d;return{refresh:()=>{this.renderTooltip(e,i,t)}}}createErrorLabelElem(e,i,t){const s=document.createElement("div");s.innerHTML=i;const l=this.isTooltip()?null==t?void 0:t.errorLabelStyle:(null==t?void 0:t.errorLabelStyle)||this.globalConfig.errorLabelStyle;return Object.assign(s.style,l),s.classList.add(...c((null==t?void 0:t.errorLabelCssClass)||this.globalConfig.errorLabelCssClass),"just-validate-error-label"),this.isTooltip()&&(s.dataset.tooltip="true"),this.globalConfig.testingMode&&(s.dataset.testId=`error-label-${e}`),this.errorLabels[e]=s,s}createSuccessLabelElem(e,i,t){if(void 0===i)return null;const s=document.createElement("div");s.innerHTML=i;const l=(null==t?void 0:t.successLabelStyle)||this.globalConfig.successLabelStyle;return Object.assign(s.style,l),s.classList.add(...c((null==t?void 0:t.successLabelCssClass)||this.globalConfig.successLabelCssClass),"just-validate-success-label"),this.globalConfig.testingMode&&(s.dataset.testId=`success-label-${e}`),this.successLabels[e]=s,s}renderErrorsContainer(e,i){const t=i||this.globalConfig.errorsContainer;if("string"==typeof t){const i=this.form.querySelector(t);if(i)return i.appendChild(e),!0;console.error(`Error container with ${t} selector not found. Errors will be rendered as usual`)}return t instanceof Element?(t.appendChild(e),!0):(void 0!==t&&console.error("Error container not found. It should be a string or existing Element. Errors will be rendered as usual"),!1)}renderGroupLabel(e,i,t,s){if(!s){if(this.renderErrorsContainer(i,t))return}e.appendChild(i)}renderFieldLabel(e,i,t,s){var l,r,o,a,n,d,c;if(!s){if(this.renderErrorsContainer(i,t))return}if("checkbox"===e.type||"radio"===e.type){const t=document.querySelector(`label[for="${e.getAttribute("id")}"]`);"label"===(null==(r=null==(l=e.parentElement)?void 0:l.tagName)?void 0:r.toLowerCase())?null==(a=null==(o=e.parentElement)?void 0:o.parentElement)||a.appendChild(i):t?null==(n=t.parentElement)||n.appendChild(i):null==(d=e.parentElement)||d.appendChild(i)}else null==(c=e.parentElement)||c.appendChild(i)}showLabels(e,i){Object.keys(e).forEach(((t,s)=>{const l=e[t],r=this.getKeyByFieldSelector(t);if(!r||!this.fields[r])return void console.error("Field not found. Check the field selector.");const o=this.fields[r];o.isValid=!i,this.clearFieldStyle(r),this.clearFieldLabel(r),this.renderFieldError(r,!1,l),0===s&&this.globalConfig.focusInvalidField&&setTimeout((()=>o.elem.focus()),0)}))}showErrors(e){if("object"!=typeof e)throw Error("[showErrors]: Errors should be an object with key: value format");this.showLabels(e,!0)}showSuccessLabels(e){if("object"!=typeof e)throw Error("[showSuccessLabels]: Labels should be an object with key: value format");this.showLabels(e,!1)}renderFieldError(e,i=!1,t){var s,l,r,o,a,n;const d=this.fields[e];if(!1===d.isValid&&(this.isValid=!1),void 0===d.isValid||!i&&!this.isSubmitted&&!d.touched&&void 0===t)return;if(d.isValid){if(!d.asyncCheckPending){const i=this.createSuccessLabelElem(e,void 0!==t?t:d.successMessage,d.config);i&&this.renderFieldLabel(d.elem,i,null==(s=d.config)?void 0:s.errorsContainer,!0),d.elem.classList.add(...c((null==(l=d.config)?void 0:l.successFieldCssClass)||this.globalConfig.successFieldCssClass))}return}d.elem.classList.add(...c((null==(r=d.config)?void 0:r.errorFieldCssClass)||this.globalConfig.errorFieldCssClass));const u=this.createErrorLabelElem(e,void 0!==t?t:d.errorMessage,d.config);this.renderFieldLabel(d.elem,u,null==(o=d.config)?void 0:o.errorsContainer),this.isTooltip()&&this.tooltips.push(this.renderTooltip(d.elem,u,null==(n=null==(a=d.config)?void 0:a.tooltip)?void 0:n.position))}renderGroupError(e,i=!0){var t,s,l,r;const o=this.groupFields[e];if(!1===o.isValid&&(this.isValid=!1),void 0===o.isValid||!i&&!this.isSubmitted&&!o.touched)return;if(o.isValid){o.elems.forEach((e=>{var i,t;Object.assign(e.style,(null==(i=o.config)?void 0:i.successFieldStyle)||this.globalConfig.successFieldStyle),e.classList.add(...c((null==(t=o.config)?void 0:t.successFieldCssClass)||this.globalConfig.successFieldCssClass))}));const i=this.createSuccessLabelElem(e,o.successMessage,o.config);return void(i&&this.renderGroupLabel(o.groupElem,i,null==(t=o.config)?void 0:t.errorsContainer,!0))}this.isValid=!1,o.elems.forEach((e=>{var i,t;Object.assign(e.style,(null==(i=o.config)?void 0:i.errorFieldStyle)||this.globalConfig.errorFieldStyle),e.classList.add(...c((null==(t=o.config)?void 0:t.errorFieldCssClass)||this.globalConfig.errorFieldCssClass))}));const a=this.createErrorLabelElem(e,o.errorMessage,o.config);this.renderGroupLabel(o.groupElem,a,null==(s=o.config)?void 0:s.errorsContainer),this.isTooltip()&&this.tooltips.push(this.renderTooltip(o.groupElem,a,null==(r=null==(l=o.config)?void 0:l.tooltip)?void 0:r.position))}renderErrors(e=!1){if(this.isSubmitted||e||this.globalConfig.validateBeforeSubmitting){this.clearErrors(),this.isValid=!0;for(const e in this.groupFields)this.renderGroupError(e);for(const e in this.fields)this.renderFieldError(e)}}destroy(){this.eventListeners.forEach((e=>{this.removeListener(e.type,e.elem,e.func)})),Object.keys(this.customStyleTags).forEach((e=>{this.customStyleTags[e].remove()})),this.clearErrors(),this.globalConfig.lockForm&&this.unlockForm()}refresh(){this.destroy(),this.form?(this.initialize(this.form,this.globalConfig),Object.keys(this.fields).forEach((e=>{const i=this.getFieldSelectorByKey(e);i&&this.addField(i,[...this.fields[e].rules],this.fields[e].config)}))):console.error("Cannot initialize the library! Form is not defined")}setCurrentLocale(e){"string"==typeof e||void 0===e?(this.currentLocale=e,this.isSubmitted&&this.validate()):console.error("Current locale should be a string")}onSuccess(e){return this.onSuccessCallback=e,this}onFail(e){return this.onFailCallback=e,this}onValidate(e){return this.onValidateCallback=e,this}}}));
diff --git a/www/raven-demo/vendor/js/moment.min.js b/www/raven-demo/vendor/js/moment.min.js
new file mode 100644
index 0000000..8b80f20
--- /dev/null
+++ b/www/raven-demo/vendor/js/moment.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.moment=t()}(this,function(){"use strict";var H;function _(){return H.apply(null,arguments)}function y(e){return e instanceof Array||"[object Array]"===Object.prototype.toString.call(e)}function F(e){return null!=e&&"[object Object]"===Object.prototype.toString.call(e)}function c(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function L(e){if(Object.getOwnPropertyNames)return 0===Object.getOwnPropertyNames(e).length;for(var t in e)if(c(e,t))return;return 1}function g(e){return void 0===e}function w(e){return"number"==typeof e||"[object Number]"===Object.prototype.toString.call(e)}function V(e){return e instanceof Date||"[object Date]"===Object.prototype.toString.call(e)}function G(e,t){for(var n=[],s=e.length,i=0;i<s;++i)n.push(t(e[i],i));return n}function E(e,t){for(var n in t)c(t,n)&&(e[n]=t[n]);return c(t,"toString")&&(e.toString=t.toString),c(t,"valueOf")&&(e.valueOf=t.valueOf),e}function l(e,t,n,s){return Wt(e,t,n,s,!0).utc()}function p(e){return null==e._pf&&(e._pf={empty:!1,unusedTokens:[],unusedInput:[],overflow:-2,charsLeftOver:0,nullInput:!1,invalidEra:null,invalidMonth:null,invalidFormat:!1,userInvalidated:!1,iso:!1,parsedDateParts:[],era:null,meridiem:null,rfc2822:!1,weekdayMismatch:!1}),e._pf}function A(e){var t,n,s=e._d&&!isNaN(e._d.getTime());return s&&(t=p(e),n=j.call(t.parsedDateParts,function(e){return null!=e}),s=t.overflow<0&&!t.empty&&!t.invalidEra&&!t.invalidMonth&&!t.invalidWeekday&&!t.weekdayMismatch&&!t.nullInput&&!t.invalidFormat&&!t.userInvalidated&&(!t.meridiem||t.meridiem&&n),e._strict)&&(s=s&&0===t.charsLeftOver&&0===t.unusedTokens.length&&void 0===t.bigHour),null!=Object.isFrozen&&Object.isFrozen(e)?s:(e._isValid=s,e._isValid)}function I(e){var t=l(NaN);return null!=e?E(p(t),e):p(t).userInvalidated=!0,t}var j=Array.prototype.some||function(e){for(var t=Object(this),n=t.length>>>0,s=0;s<n;s++)if(s in t&&e.call(this,t[s],s,t))return!0;return!1},Z=_.momentProperties=[],z=!1;function q(e,t){var n,s,i,r=Z.length;if(g(t._isAMomentObject)||(e._isAMomentObject=t._isAMomentObject),g(t._i)||(e._i=t._i),g(t._f)||(e._f=t._f),g(t._l)||(e._l=t._l),g(t._strict)||(e._strict=t._strict),g(t._tzm)||(e._tzm=t._tzm),g(t._isUTC)||(e._isUTC=t._isUTC),g(t._offset)||(e._offset=t._offset),g(t._pf)||(e._pf=p(t)),g(t._locale)||(e._locale=t._locale),0<r)for(n=0;n<r;n++)g(i=t[s=Z[n]])||(e[s]=i);return e}function $(e){q(this,e),this._d=new Date(null!=e._d?e._d.getTime():NaN),this.isValid()||(this._d=new Date(NaN)),!1===z&&(z=!0,_.updateOffset(this),z=!1)}function k(e){return e instanceof $||null!=e&&null!=e._isAMomentObject}function B(e){!1===_.suppressDeprecationWarnings&&"undefined"!=typeof console&&console.warn&&console.warn("Deprecation warning: "+e)}function e(r,a){var o=!0;return E(function(){if(null!=_.deprecationHandler&&_.deprecationHandler(null,r),o){for(var e,t,n=[],s=arguments.length,i=0;i<s;i++){if(e="","object"==typeof arguments[i]){for(t in e+="\n["+i+"] ",arguments[0])c(arguments[0],t)&&(e+=t+": "+arguments[0][t]+", ");e=e.slice(0,-2)}else e=arguments[i];n.push(e)}B(r+"\nArguments: "+Array.prototype.slice.call(n).join("")+"\n"+(new Error).stack),o=!1}return a.apply(this,arguments)},a)}var J={};function Q(e,t){null!=_.deprecationHandler&&_.deprecationHandler(e,t),J[e]||(B(t),J[e]=!0)}function a(e){return"undefined"!=typeof Function&&e instanceof Function||"[object Function]"===Object.prototype.toString.call(e)}function X(e,t){var n,s=E({},e);for(n in t)c(t,n)&&(F(e[n])&&F(t[n])?(s[n]={},E(s[n],e[n]),E(s[n],t[n])):null!=t[n]?s[n]=t[n]:delete s[n]);for(n in e)c(e,n)&&!c(t,n)&&F(e[n])&&(s[n]=E({},s[n]));return s}function K(e){null!=e&&this.set(e)}_.suppressDeprecationWarnings=!1,_.deprecationHandler=null;var ee=Object.keys||function(e){var t,n=[];for(t in e)c(e,t)&&n.push(t);return n};function r(e,t,n){var s=""+Math.abs(e);return(0<=e?n?"+":"":"-")+Math.pow(10,Math.max(0,t-s.length)).toString().substr(1)+s}var te=/(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|N{1,5}|YYYYYY|YYYYY|YYYY|YY|y{2,4}|yo?|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,ne=/(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,se={},ie={};function s(e,t,n,s){var i="string"==typeof s?function(){return this[s]()}:s;e&&(ie[e]=i),t&&(ie[t[0]]=function(){return r(i.apply(this,arguments),t[1],t[2])}),n&&(ie[n]=function(){return this.localeData().ordinal(i.apply(this,arguments),e)})}function re(e,t){return e.isValid()?(t=ae(t,e.localeData()),se[t]=se[t]||function(s){for(var e,i=s.match(te),t=0,r=i.length;t<r;t++)ie[i[t]]?i[t]=ie[i[t]]:i[t]=(e=i[t]).match(/\[[\s\S]/)?e.replace(/^\[|\]$/g,""):e.replace(/\\/g,"");return function(e){for(var t="",n=0;n<r;n++)t+=a(i[n])?i[n].call(e,s):i[n];return t}}(t),se[t](e)):e.localeData().invalidDate()}function ae(e,t){var n=5;function s(e){return t.longDateFormat(e)||e}for(ne.lastIndex=0;0<=n&&ne.test(e);)e=e.replace(ne,s),ne.lastIndex=0,--n;return e}var oe={D:"date",dates:"date",date:"date",d:"day",days:"day",day:"day",e:"weekday",weekdays:"weekday",weekday:"weekday",E:"isoWeekday",isoweekdays:"isoWeekday",isoweekday:"isoWeekday",DDD:"dayOfYear",dayofyears:"dayOfYear",dayofyear:"dayOfYear",h:"hour",hours:"hour",hour:"hour",ms:"millisecond",milliseconds:"millisecond",millisecond:"millisecond",m:"minute",minutes:"minute",minute:"minute",M:"month",months:"month",month:"month",Q:"quarter",quarters:"quarter",quarter:"quarter",s:"second",seconds:"second",second:"second",gg:"weekYear",weekyears:"weekYear",weekyear:"weekYear",GG:"isoWeekYear",isoweekyears:"isoWeekYear",isoweekyear:"isoWeekYear",w:"week",weeks:"week",week:"week",W:"isoWeek",isoweeks:"isoWeek",isoweek:"isoWeek",y:"year",years:"year",year:"year"};function o(e){return"string"==typeof e?oe[e]||oe[e.toLowerCase()]:void 0}function ue(e){var t,n,s={};for(n in e)c(e,n)&&(t=o(n))&&(s[t]=e[n]);return s}var le={date:9,day:11,weekday:11,isoWeekday:11,dayOfYear:4,hour:13,millisecond:16,minute:14,month:8,quarter:7,second:15,weekYear:1,isoWeekYear:1,week:5,isoWeek:5,year:1};var de=/\d/,t=/\d\d/,he=/\d{3}/,ce=/\d{4}/,fe=/[+-]?\d{6}/,n=/\d\d?/,me=/\d\d\d\d?/,_e=/\d\d\d\d\d\d?/,ye=/\d{1,3}/,ge=/\d{1,4}/,we=/[+-]?\d{1,6}/,pe=/\d+/,ke=/[+-]?\d+/,Me=/Z|[+-]\d\d:?\d\d/gi,ve=/Z|[+-]\d\d(?::?\d\d)?/gi,i=/[0-9]{0,256}['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFF07\uFF10-\uFFEF]{1,256}|[\u0600-\u06FF\/]{1,256}(\s*?[\u0600-\u06FF]{1,256}){1,2}/i,u=/^[1-9]\d?/,d=/^([1-9]\d|\d)/;function h(e,n,s){Ye[e]=a(n)?n:function(e,t){return e&&s?s:n}}function De(e,t){return c(Ye,e)?Ye[e](t._strict,t._locale):new RegExp(f(e.replace("\\","").replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,function(e,t,n,s,i){return t||n||s||i})))}function f(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}function m(e){return e<0?Math.ceil(e)||0:Math.floor(e)}function M(e){var e=+e,t=0;return t=0!=e&&isFinite(e)?m(e):t}var Ye={},Se={};function v(e,n){var t,s,i=n;for("string"==typeof e&&(e=[e]),w(n)&&(i=function(e,t){t[n]=M(e)}),s=e.length,t=0;t<s;t++)Se[e[t]]=i}function Oe(e,i){v(e,function(e,t,n,s){n._w=n._w||{},i(e,n._w,n,s)})}function be(e){return e%4==0&&e%100!=0||e%400==0}var D=0,Y=1,S=2,O=3,b=4,T=5,Te=6,xe=7,Ne=8;function We(e){return be(e)?366:365}s("Y",0,0,function(){var e=this.year();return e<=9999?r(e,4):"+"+e}),s(0,["YY",2],0,function(){return this.year()%100}),s(0,["YYYY",4],0,"year"),s(0,["YYYYY",5],0,"year"),s(0,["YYYYYY",6,!0],0,"year"),h("Y",ke),h("YY",n,t),h("YYYY",ge,ce),h("YYYYY",we,fe),h("YYYYYY",we,fe),v(["YYYYY","YYYYYY"],D),v("YYYY",function(e,t){t[D]=2===e.length?_.parseTwoDigitYear(e):M(e)}),v("YY",function(e,t){t[D]=_.parseTwoDigitYear(e)}),v("Y",function(e,t){t[D]=parseInt(e,10)}),_.parseTwoDigitYear=function(e){return M(e)+(68<M(e)?1900:2e3)};var x,Pe=Re("FullYear",!0);function Re(t,n){return function(e){return null!=e?(Ue(this,t,e),_.updateOffset(this,n),this):Ce(this,t)}}function Ce(e,t){if(!e.isValid())return NaN;var n=e._d,s=e._isUTC;switch(t){case"Milliseconds":return s?n.getUTCMilliseconds():n.getMilliseconds();case"Seconds":return s?n.getUTCSeconds():n.getSeconds();case"Minutes":return s?n.getUTCMinutes():n.getMinutes();case"Hours":return s?n.getUTCHours():n.getHours();case"Date":return s?n.getUTCDate():n.getDate();case"Day":return s?n.getUTCDay():n.getDay();case"Month":return s?n.getUTCMonth():n.getMonth();case"FullYear":return s?n.getUTCFullYear():n.getFullYear();default:return NaN}}function Ue(e,t,n){var s,i,r;if(e.isValid()&&!isNaN(n)){switch(s=e._d,i=e._isUTC,t){case"Milliseconds":return i?s.setUTCMilliseconds(n):s.setMilliseconds(n);case"Seconds":return i?s.setUTCSeconds(n):s.setSeconds(n);case"Minutes":return i?s.setUTCMinutes(n):s.setMinutes(n);case"Hours":return i?s.setUTCHours(n):s.setHours(n);case"Date":return i?s.setUTCDate(n):s.setDate(n);case"FullYear":break;default:return}t=n,r=e.month(),e=29!==(e=e.date())||1!==r||be(t)?e:28,i?s.setUTCFullYear(t,r,e):s.setFullYear(t,r,e)}}function He(e,t){var n;return isNaN(e)||isNaN(t)?NaN:(n=(t%(n=12)+n)%n,e+=(t-n)/12,1==n?be(e)?29:28:31-n%7%2)}x=Array.prototype.indexOf||function(e){for(var t=0;t<this.length;++t)if(this[t]===e)return t;return-1},s("M",["MM",2],"Mo",function(){return this.month()+1}),s("MMM",0,0,function(e){return this.localeData().monthsShort(this,e)}),s("MMMM",0,0,function(e){return this.localeData().months(this,e)}),h("M",n,u),h("MM",n,t),h("MMM",function(e,t){return t.monthsShortRegex(e)}),h("MMMM",function(e,t){return t.monthsRegex(e)}),v(["M","MM"],function(e,t){t[Y]=M(e)-1}),v(["MMM","MMMM"],function(e,t,n,s){s=n._locale.monthsParse(e,s,n._strict);null!=s?t[Y]=s:p(n).invalidMonth=e});var Fe="January_February_March_April_May_June_July_August_September_October_November_December".split("_"),Le="Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),Ve=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?/,Ge=i,Ee=i;function Ae(e,t){if(e.isValid()){if("string"==typeof t)if(/^\d+$/.test(t))t=M(t);else if(!w(t=e.localeData().monthsParse(t)))return;var n=(n=e.date())<29?n:Math.min(n,He(e.year(),t));e._isUTC?e._d.setUTCMonth(t,n):e._d.setMonth(t,n)}}function Ie(e){return null!=e?(Ae(this,e),_.updateOffset(this,!0),this):Ce(this,"Month")}function je(){function e(e,t){return t.length-e.length}for(var t,n,s=[],i=[],r=[],a=0;a<12;a++)n=l([2e3,a]),t=f(this.monthsShort(n,"")),n=f(this.months(n,"")),s.push(t),i.push(n),r.push(n),r.push(t);s.sort(e),i.sort(e),r.sort(e),this._monthsRegex=new RegExp("^("+r.join("|")+")","i"),this._monthsShortRegex=this._monthsRegex,this._monthsStrictRegex=new RegExp("^("+i.join("|")+")","i"),this._monthsShortStrictRegex=new RegExp("^("+s.join("|")+")","i")}function Ze(e,t,n,s,i,r,a){var o;return e<100&&0<=e?(o=new Date(e+400,t,n,s,i,r,a),isFinite(o.getFullYear())&&o.setFullYear(e)):o=new Date(e,t,n,s,i,r,a),o}function ze(e){var t;return e<100&&0<=e?((t=Array.prototype.slice.call(arguments))[0]=e+400,t=new Date(Date.UTC.apply(null,t)),isFinite(t.getUTCFullYear())&&t.setUTCFullYear(e)):t=new Date(Date.UTC.apply(null,arguments)),t}function qe(e,t,n){n=7+t-n;return n-(7+ze(e,0,n).getUTCDay()-t)%7-1}function $e(e,t,n,s,i){var r,t=1+7*(t-1)+(7+n-s)%7+qe(e,s,i),n=t<=0?We(r=e-1)+t:t>We(e)?(r=e+1,t-We(e)):(r=e,t);return{year:r,dayOfYear:n}}function Be(e,t,n){var s,i,r=qe(e.year(),t,n),r=Math.floor((e.dayOfYear()-r-1)/7)+1;return r<1?s=r+N(i=e.year()-1,t,n):r>N(e.year(),t,n)?(s=r-N(e.year(),t,n),i=e.year()+1):(i=e.year(),s=r),{week:s,year:i}}function N(e,t,n){var s=qe(e,t,n),t=qe(e+1,t,n);return(We(e)-s+t)/7}s("w",["ww",2],"wo","week"),s("W",["WW",2],"Wo","isoWeek"),h("w",n,u),h("ww",n,t),h("W",n,u),h("WW",n,t),Oe(["w","ww","W","WW"],function(e,t,n,s){t[s.substr(0,1)]=M(e)});function Je(e,t){return e.slice(t,7).concat(e.slice(0,t))}s("d",0,"do","day"),s("dd",0,0,function(e){return this.localeData().weekdaysMin(this,e)}),s("ddd",0,0,function(e){return this.localeData().weekdaysShort(this,e)}),s("dddd",0,0,function(e){return this.localeData().weekdays(this,e)}),s("e",0,0,"weekday"),s("E",0,0,"isoWeekday"),h("d",n),h("e",n),h("E",n),h("dd",function(e,t){return t.weekdaysMinRegex(e)}),h("ddd",function(e,t){return t.weekdaysShortRegex(e)}),h("dddd",function(e,t){return t.weekdaysRegex(e)}),Oe(["dd","ddd","dddd"],function(e,t,n,s){s=n._locale.weekdaysParse(e,s,n._strict);null!=s?t.d=s:p(n).invalidWeekday=e}),Oe(["d","e","E"],function(e,t,n,s){t[s]=M(e)});var Qe="Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),Xe="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),Ke="Su_Mo_Tu_We_Th_Fr_Sa".split("_"),et=i,tt=i,nt=i;function st(){function e(e,t){return t.length-e.length}for(var t,n,s,i=[],r=[],a=[],o=[],u=0;u<7;u++)s=l([2e3,1]).day(u),t=f(this.weekdaysMin(s,"")),n=f(this.weekdaysShort(s,"")),s=f(this.weekdays(s,"")),i.push(t),r.push(n),a.push(s),o.push(t),o.push(n),o.push(s);i.sort(e),r.sort(e),a.sort(e),o.sort(e),this._weekdaysRegex=new RegExp("^("+o.join("|")+")","i"),this._weekdaysShortRegex=this._weekdaysRegex,this._weekdaysMinRegex=this._weekdaysRegex,this._weekdaysStrictRegex=new RegExp("^("+a.join("|")+")","i"),this._weekdaysShortStrictRegex=new RegExp("^("+r.join("|")+")","i"),this._weekdaysMinStrictRegex=new RegExp("^("+i.join("|")+")","i")}function it(){return this.hours()%12||12}function rt(e,t){s(e,0,0,function(){return this.localeData().meridiem(this.hours(),this.minutes(),t)})}function at(e,t){return t._meridiemParse}s("H",["HH",2],0,"hour"),s("h",["hh",2],0,it),s("k",["kk",2],0,function(){return this.hours()||24}),s("hmm",0,0,function(){return""+it.apply(this)+r(this.minutes(),2)}),s("hmmss",0,0,function(){return""+it.apply(this)+r(this.minutes(),2)+r(this.seconds(),2)}),s("Hmm",0,0,function(){return""+this.hours()+r(this.minutes(),2)}),s("Hmmss",0,0,function(){return""+this.hours()+r(this.minutes(),2)+r(this.seconds(),2)}),rt("a",!0),rt("A",!1),h("a",at),h("A",at),h("H",n,d),h("h",n,u),h("k",n,u),h("HH",n,t),h("hh",n,t),h("kk",n,t),h("hmm",me),h("hmmss",_e),h("Hmm",me),h("Hmmss",_e),v(["H","HH"],O),v(["k","kk"],function(e,t,n){e=M(e);t[O]=24===e?0:e}),v(["a","A"],function(e,t,n){n._isPm=n._locale.isPM(e),n._meridiem=e}),v(["h","hh"],function(e,t,n){t[O]=M(e),p(n).bigHour=!0}),v("hmm",function(e,t,n){var s=e.length-2;t[O]=M(e.substr(0,s)),t[b]=M(e.substr(s)),p(n).bigHour=!0}),v("hmmss",function(e,t,n){var s=e.length-4,i=e.length-2;t[O]=M(e.substr(0,s)),t[b]=M(e.substr(s,2)),t[T]=M(e.substr(i)),p(n).bigHour=!0}),v("Hmm",function(e,t,n){var s=e.length-2;t[O]=M(e.substr(0,s)),t[b]=M(e.substr(s))}),v("Hmmss",function(e,t,n){var s=e.length-4,i=e.length-2;t[O]=M(e.substr(0,s)),t[b]=M(e.substr(s,2)),t[T]=M(e.substr(i))});i=Re("Hours",!0);var ot,ut={calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},longDateFormat:{LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},invalidDate:"Invalid date",ordinal:"%d",dayOfMonthOrdinalParse:/\d{1,2}/,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",w:"a week",ww:"%d weeks",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},months:Fe,monthsShort:Le,week:{dow:0,doy:6},weekdays:Qe,weekdaysMin:Ke,weekdaysShort:Xe,meridiemParse:/[ap]\.?m?\.?/i},W={},lt={};function dt(e){return e&&e.toLowerCase().replace("_","-")}function ht(e){for(var t,n,s,i,r=0;r<e.length;){for(t=(i=dt(e[r]).split("-")).length,n=(n=dt(e[r+1]))?n.split("-"):null;0<t;){if(s=ct(i.slice(0,t).join("-")))return s;if(n&&n.length>=t&&function(e,t){for(var n=Math.min(e.length,t.length),s=0;s<n;s+=1)if(e[s]!==t[s])return s;return n}(i,n)>=t-1)break;t--}r++}return ot}function ct(t){var e,n;if(void 0===W[t]&&"undefined"!=typeof module&&module&&module.exports&&(n=t)&&n.match("^[^/\\\\]*$"))try{e=ot._abbr,require("./locale/"+t),ft(e)}catch(e){W[t]=null}return W[t]}function ft(e,t){return e&&((t=g(t)?P(e):mt(e,t))?ot=t:"undefined"!=typeof console&&console.warn&&console.warn("Locale "+e+" not found. Did you forget to load it?")),ot._abbr}function mt(e,t){if(null===t)return delete W[e],null;var n,s=ut;if(t.abbr=e,null!=W[e])Q("defineLocaleOverride","use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info."),s=W[e]._config;else if(null!=t.parentLocale)if(null!=W[t.parentLocale])s=W[t.parentLocale]._config;else{if(null==(n=ct(t.parentLocale)))return lt[t.parentLocale]||(lt[t.parentLocale]=[]),lt[t.parentLocale].push({name:e,config:t}),null;s=n._config}return W[e]=new K(X(s,t)),lt[e]&&lt[e].forEach(function(e){mt(e.name,e.config)}),ft(e),W[e]}function P(e){var t;if(!(e=e&&e._locale&&e._locale._abbr?e._locale._abbr:e))return ot;if(!y(e)){if(t=ct(e))return t;e=[e]}return ht(e)}function _t(e){var t=e._a;return t&&-2===p(e).overflow&&(t=t[Y]<0||11<t[Y]?Y:t[S]<1||t[S]>He(t[D],t[Y])?S:t[O]<0||24<t[O]||24===t[O]&&(0!==t[b]||0!==t[T]||0!==t[Te])?O:t[b]<0||59<t[b]?b:t[T]<0||59<t[T]?T:t[Te]<0||999<t[Te]?Te:-1,p(e)._overflowDayOfYear&&(t<D||S<t)&&(t=S),p(e)._overflowWeeks&&-1===t&&(t=xe),p(e)._overflowWeekday&&-1===t&&(t=Ne),p(e).overflow=t),e}var yt=/^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,gt=/^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d|))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,wt=/Z|[+-]\d\d(?::?\d\d)?/,pt=[["YYYYYY-MM-DD",/[+-]\d{6}-\d\d-\d\d/],["YYYY-MM-DD",/\d{4}-\d\d-\d\d/],["GGGG-[W]WW-E",/\d{4}-W\d\d-\d/],["GGGG-[W]WW",/\d{4}-W\d\d/,!1],["YYYY-DDD",/\d{4}-\d{3}/],["YYYY-MM",/\d{4}-\d\d/,!1],["YYYYYYMMDD",/[+-]\d{10}/],["YYYYMMDD",/\d{8}/],["GGGG[W]WWE",/\d{4}W\d{3}/],["GGGG[W]WW",/\d{4}W\d{2}/,!1],["YYYYDDD",/\d{7}/],["YYYYMM",/\d{6}/,!1],["YYYY",/\d{4}/,!1]],kt=[["HH:mm:ss.SSSS",/\d\d:\d\d:\d\d\.\d+/],["HH:mm:ss,SSSS",/\d\d:\d\d:\d\d,\d+/],["HH:mm:ss",/\d\d:\d\d:\d\d/],["HH:mm",/\d\d:\d\d/],["HHmmss.SSSS",/\d\d\d\d\d\d\.\d+/],["HHmmss,SSSS",/\d\d\d\d\d\d,\d+/],["HHmmss",/\d\d\d\d\d\d/],["HHmm",/\d\d\d\d/],["HH",/\d\d/]],Mt=/^\/?Date\((-?\d+)/i,vt=/^(?:(Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\s)?(\d{1,2})\s(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s(\d{2,4})\s(\d\d):(\d\d)(?::(\d\d))?\s(?:(UT|GMT|[ECMP][SD]T)|([Zz])|([+-]\d{4}))$/,Dt={UT:0,GMT:0,EDT:-240,EST:-300,CDT:-300,CST:-360,MDT:-360,MST:-420,PDT:-420,PST:-480};function Yt(e){var t,n,s,i,r,a,o=e._i,u=yt.exec(o)||gt.exec(o),o=pt.length,l=kt.length;if(u){for(p(e).iso=!0,t=0,n=o;t<n;t++)if(pt[t][1].exec(u[1])){i=pt[t][0],s=!1!==pt[t][2];break}if(null==i)e._isValid=!1;else{if(u[3]){for(t=0,n=l;t<n;t++)if(kt[t][1].exec(u[3])){r=(u[2]||" ")+kt[t][0];break}if(null==r)return void(e._isValid=!1)}if(s||null==r){if(u[4]){if(!wt.exec(u[4]))return void(e._isValid=!1);a="Z"}e._f=i+(r||"")+(a||""),xt(e)}else e._isValid=!1}}else e._isValid=!1}function St(e,t,n,s,i,r){e=[function(e){e=parseInt(e,10);{if(e<=49)return 2e3+e;if(e<=999)return 1900+e}return e}(e),Le.indexOf(t),parseInt(n,10),parseInt(s,10),parseInt(i,10)];return r&&e.push(parseInt(r,10)),e}function Ot(e){var t,n,s=vt.exec(e._i.replace(/\([^()]*\)|[\n\t]/g," ").replace(/(\s\s+)/g," ").replace(/^\s\s*/,"").replace(/\s\s*$/,""));s?(t=St(s[4],s[3],s[2],s[5],s[6],s[7]),function(e,t,n){if(!e||Xe.indexOf(e)===new Date(t[0],t[1],t[2]).getDay())return 1;p(n).weekdayMismatch=!0,n._isValid=!1}(s[1],t,e)&&(e._a=t,e._tzm=(t=s[8],n=s[9],s=s[10],t?Dt[t]:n?0:60*(((t=parseInt(s,10))-(n=t%100))/100)+n),e._d=ze.apply(null,e._a),e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),p(e).rfc2822=!0)):e._isValid=!1}function bt(e,t,n){return null!=e?e:null!=t?t:n}function Tt(e){var t,n,s,i,r,a,o,u,l,d,h,c=[];if(!e._d){for(s=e,i=new Date(_.now()),n=s._useUTC?[i.getUTCFullYear(),i.getUTCMonth(),i.getUTCDate()]:[i.getFullYear(),i.getMonth(),i.getDate()],e._w&&null==e._a[S]&&null==e._a[Y]&&(null!=(i=(s=e)._w).GG||null!=i.W||null!=i.E?(u=1,l=4,r=bt(i.GG,s._a[D],Be(R(),1,4).year),a=bt(i.W,1),((o=bt(i.E,1))<1||7<o)&&(d=!0)):(u=s._locale._week.dow,l=s._locale._week.doy,h=Be(R(),u,l),r=bt(i.gg,s._a[D],h.year),a=bt(i.w,h.week),null!=i.d?((o=i.d)<0||6<o)&&(d=!0):null!=i.e?(o=i.e+u,(i.e<0||6<i.e)&&(d=!0)):o=u),a<1||a>N(r,u,l)?p(s)._overflowWeeks=!0:null!=d?p(s)._overflowWeekday=!0:(h=$e(r,a,o,u,l),s._a[D]=h.year,s._dayOfYear=h.dayOfYear)),null!=e._dayOfYear&&(i=bt(e._a[D],n[D]),(e._dayOfYear>We(i)||0===e._dayOfYear)&&(p(e)._overflowDayOfYear=!0),d=ze(i,0,e._dayOfYear),e._a[Y]=d.getUTCMonth(),e._a[S]=d.getUTCDate()),t=0;t<3&&null==e._a[t];++t)e._a[t]=c[t]=n[t];for(;t<7;t++)e._a[t]=c[t]=null==e._a[t]?2===t?1:0:e._a[t];24===e._a[O]&&0===e._a[b]&&0===e._a[T]&&0===e._a[Te]&&(e._nextDay=!0,e._a[O]=0),e._d=(e._useUTC?ze:Ze).apply(null,c),r=e._useUTC?e._d.getUTCDay():e._d.getDay(),null!=e._tzm&&e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),e._nextDay&&(e._a[O]=24),e._w&&void 0!==e._w.d&&e._w.d!==r&&(p(e).weekdayMismatch=!0)}}function xt(e){if(e._f===_.ISO_8601)Yt(e);else if(e._f===_.RFC_2822)Ot(e);else{e._a=[],p(e).empty=!0;for(var t,n,s,i,r,a=""+e._i,o=a.length,u=0,l=ae(e._f,e._locale).match(te)||[],d=l.length,h=0;h<d;h++)n=l[h],(t=(a.match(De(n,e))||[])[0])&&(0<(s=a.substr(0,a.indexOf(t))).length&&p(e).unusedInput.push(s),a=a.slice(a.indexOf(t)+t.length),u+=t.length),ie[n]?(t?p(e).empty=!1:p(e).unusedTokens.push(n),s=n,r=e,null!=(i=t)&&c(Se,s)&&Se[s](i,r._a,r,s)):e._strict&&!t&&p(e).unusedTokens.push(n);p(e).charsLeftOver=o-u,0<a.length&&p(e).unusedInput.push(a),e._a[O]<=12&&!0===p(e).bigHour&&0<e._a[O]&&(p(e).bigHour=void 0),p(e).parsedDateParts=e._a.slice(0),p(e).meridiem=e._meridiem,e._a[O]=function(e,t,n){if(null==n)return t;return null!=e.meridiemHour?e.meridiemHour(t,n):null!=e.isPM?((e=e.isPM(n))&&t<12&&(t+=12),t=e||12!==t?t:0):t}(e._locale,e._a[O],e._meridiem),null!==(o=p(e).era)&&(e._a[D]=e._locale.erasConvertYear(o,e._a[D])),Tt(e),_t(e)}}function Nt(e){var t,n,s,i=e._i,r=e._f;if(e._locale=e._locale||P(e._l),null===i||void 0===r&&""===i)return I({nullInput:!0});if("string"==typeof i&&(e._i=i=e._locale.preparse(i)),k(i))return new $(_t(i));if(V(i))e._d=i;else if(y(r)){var a,o,u,l,d,h,c=e,f=!1,m=c._f.length;if(0===m)p(c).invalidFormat=!0,c._d=new Date(NaN);else{for(l=0;l<m;l++)d=0,h=!1,a=q({},c),null!=c._useUTC&&(a._useUTC=c._useUTC),a._f=c._f[l],xt(a),A(a)&&(h=!0),d=(d+=p(a).charsLeftOver)+10*p(a).unusedTokens.length,p(a).score=d,f?d<u&&(u=d,o=a):(null==u||d<u||h)&&(u=d,o=a,h)&&(f=!0);E(c,o||a)}}else if(r)xt(e);else if(g(r=(i=e)._i))i._d=new Date(_.now());else V(r)?i._d=new Date(r.valueOf()):"string"==typeof r?(n=i,null!==(t=Mt.exec(n._i))?n._d=new Date(+t[1]):(Yt(n),!1===n._isValid&&(delete n._isValid,Ot(n),!1===n._isValid)&&(delete n._isValid,n._strict?n._isValid=!1:_.createFromInputFallback(n)))):y(r)?(i._a=G(r.slice(0),function(e){return parseInt(e,10)}),Tt(i)):F(r)?(t=i)._d||(s=void 0===(n=ue(t._i)).day?n.date:n.day,t._a=G([n.year,n.month,s,n.hour,n.minute,n.second,n.millisecond],function(e){return e&&parseInt(e,10)}),Tt(t)):w(r)?i._d=new Date(r):_.createFromInputFallback(i);return A(e)||(e._d=null),e}function Wt(e,t,n,s,i){var r={};return!0!==t&&!1!==t||(s=t,t=void 0),!0!==n&&!1!==n||(s=n,n=void 0),(F(e)&&L(e)||y(e)&&0===e.length)&&(e=void 0),r._isAMomentObject=!0,r._useUTC=r._isUTC=i,r._l=n,r._i=e,r._f=t,r._strict=s,(i=new $(_t(Nt(i=r))))._nextDay&&(i.add(1,"d"),i._nextDay=void 0),i}function R(e,t,n,s){return Wt(e,t,n,s,!1)}_.createFromInputFallback=e("value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.",function(e){e._d=new Date(e._i+(e._useUTC?" UTC":""))}),_.ISO_8601=function(){},_.RFC_2822=function(){};me=e("moment().min is deprecated, use moment.max instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=R.apply(null,arguments);return this.isValid()&&e.isValid()?e<this?this:e:I()}),_e=e("moment().max is deprecated, use moment.min instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=R.apply(null,arguments);return this.isValid()&&e.isValid()?this<e?this:e:I()});function Pt(e,t){var n,s;if(!(t=1===t.length&&y(t[0])?t[0]:t).length)return R();for(n=t[0],s=1;s<t.length;++s)t[s].isValid()&&!t[s][e](n)||(n=t[s]);return n}var Rt=["year","quarter","month","week","day","hour","minute","second","millisecond"];function Ct(e){var e=ue(e),t=e.year||0,n=e.quarter||0,s=e.month||0,i=e.week||e.isoWeek||0,r=e.day||0,a=e.hour||0,o=e.minute||0,u=e.second||0,l=e.millisecond||0;this._isValid=function(e){var t,n,s=!1,i=Rt.length;for(t in e)if(c(e,t)&&(-1===x.call(Rt,t)||null!=e[t]&&isNaN(e[t])))return!1;for(n=0;n<i;++n)if(e[Rt[n]]){if(s)return!1;parseFloat(e[Rt[n]])!==M(e[Rt[n]])&&(s=!0)}return!0}(e),this._milliseconds=+l+1e3*u+6e4*o+1e3*a*60*60,this._days=+r+7*i,this._months=+s+3*n+12*t,this._data={},this._locale=P(),this._bubble()}function Ut(e){return e instanceof Ct}function Ht(e){return e<0?-1*Math.round(-1*e):Math.round(e)}function Ft(e,n){s(e,0,0,function(){var e=this.utcOffset(),t="+";return e<0&&(e=-e,t="-"),t+r(~~(e/60),2)+n+r(~~e%60,2)})}Ft("Z",":"),Ft("ZZ",""),h("Z",ve),h("ZZ",ve),v(["Z","ZZ"],function(e,t,n){n._useUTC=!0,n._tzm=Vt(ve,e)});var Lt=/([\+\-]|\d\d)/gi;function Vt(e,t){var t=(t||"").match(e);return null===t?null:0===(t=60*(e=((t[t.length-1]||[])+"").match(Lt)||["-",0,0])[1]+M(e[2]))?0:"+"===e[0]?t:-t}function Gt(e,t){var n;return t._isUTC?(t=t.clone(),n=(k(e)||V(e)?e:R(e)).valueOf()-t.valueOf(),t._d.setTime(t._d.valueOf()+n),_.updateOffset(t,!1),t):R(e).local()}function Et(e){return-Math.round(e._d.getTimezoneOffset())}function At(){return!!this.isValid()&&this._isUTC&&0===this._offset}_.updateOffset=function(){};var It=/^(-|\+)?(?:(\d*)[. ])?(\d+):(\d+)(?::(\d+)(\.\d*)?)?$/,jt=/^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;function C(e,t){var n,s=e;return Ut(e)?s={ms:e._milliseconds,d:e._days,M:e._months}:w(e)||!isNaN(+e)?(s={},t?s[t]=+e:s.milliseconds=+e):(t=It.exec(e))?(n="-"===t[1]?-1:1,s={y:0,d:M(t[S])*n,h:M(t[O])*n,m:M(t[b])*n,s:M(t[T])*n,ms:M(Ht(1e3*t[Te]))*n}):(t=jt.exec(e))?(n="-"===t[1]?-1:1,s={y:Zt(t[2],n),M:Zt(t[3],n),w:Zt(t[4],n),d:Zt(t[5],n),h:Zt(t[6],n),m:Zt(t[7],n),s:Zt(t[8],n)}):null==s?s={}:"object"==typeof s&&("from"in s||"to"in s)&&(t=function(e,t){var n;if(!e.isValid()||!t.isValid())return{milliseconds:0,months:0};t=Gt(t,e),e.isBefore(t)?n=zt(e,t):((n=zt(t,e)).milliseconds=-n.milliseconds,n.months=-n.months);return n}(R(s.from),R(s.to)),(s={}).ms=t.milliseconds,s.M=t.months),n=new Ct(s),Ut(e)&&c(e,"_locale")&&(n._locale=e._locale),Ut(e)&&c(e,"_isValid")&&(n._isValid=e._isValid),n}function Zt(e,t){e=e&&parseFloat(e.replace(",","."));return(isNaN(e)?0:e)*t}function zt(e,t){var n={};return n.months=t.month()-e.month()+12*(t.year()-e.year()),e.clone().add(n.months,"M").isAfter(t)&&--n.months,n.milliseconds=+t-+e.clone().add(n.months,"M"),n}function qt(s,i){return function(e,t){var n;return null===t||isNaN(+t)||(Q(i,"moment()."+i+"(period, number) is deprecated. Please use moment()."+i+"(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info."),n=e,e=t,t=n),$t(this,C(e,t),s),this}}function $t(e,t,n,s){var i=t._milliseconds,r=Ht(t._days),t=Ht(t._months);e.isValid()&&(s=null==s||s,t&&Ae(e,Ce(e,"Month")+t*n),r&&Ue(e,"Date",Ce(e,"Date")+r*n),i&&e._d.setTime(e._d.valueOf()+i*n),s)&&_.updateOffset(e,r||t)}C.fn=Ct.prototype,C.invalid=function(){return C(NaN)};Fe=qt(1,"add"),Qe=qt(-1,"subtract");function Bt(e){return"string"==typeof e||e instanceof String}function Jt(e){return k(e)||V(e)||Bt(e)||w(e)||function(t){var e=y(t),n=!1;e&&(n=0===t.filter(function(e){return!w(e)&&Bt(t)}).length);return e&&n}(e)||function(e){var t,n,s=F(e)&&!L(e),i=!1,r=["years","year","y","months","month","M","days","day","d","dates","date","D","hours","hour","h","minutes","minute","m","seconds","second","s","milliseconds","millisecond","ms"],a=r.length;for(t=0;t<a;t+=1)n=r[t],i=i||c(e,n);return s&&i}(e)||null==e}function Qt(e,t){var n,s;return e.date()<t.date()?-Qt(t,e):-((n=12*(t.year()-e.year())+(t.month()-e.month()))+(t-(s=e.clone().add(n,"months"))<0?(t-s)/(s-e.clone().add(n-1,"months")):(t-s)/(e.clone().add(1+n,"months")-s)))||0}function Xt(e){return void 0===e?this._locale._abbr:(null!=(e=P(e))&&(this._locale=e),this)}_.defaultFormat="YYYY-MM-DDTHH:mm:ssZ",_.defaultFormatUtc="YYYY-MM-DDTHH:mm:ss[Z]";Ke=e("moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.",function(e){return void 0===e?this.localeData():this.locale(e)});function Kt(){return this._locale}var en=126227808e5;function tn(e,t){return(e%t+t)%t}function nn(e,t,n){return e<100&&0<=e?new Date(e+400,t,n)-en:new Date(e,t,n).valueOf()}function sn(e,t,n){return e<100&&0<=e?Date.UTC(e+400,t,n)-en:Date.UTC(e,t,n)}function rn(e,t){return t.erasAbbrRegex(e)}function an(){for(var e,t,n,s=[],i=[],r=[],a=[],o=this.eras(),u=0,l=o.length;u<l;++u)e=f(o[u].name),t=f(o[u].abbr),n=f(o[u].narrow),i.push(e),s.push(t),r.push(n),a.push(e),a.push(t),a.push(n);this._erasRegex=new RegExp("^("+a.join("|")+")","i"),this._erasNameRegex=new RegExp("^("+i.join("|")+")","i"),this._erasAbbrRegex=new RegExp("^("+s.join("|")+")","i"),this._erasNarrowRegex=new RegExp("^("+r.join("|")+")","i")}function on(e,t){s(0,[e,e.length],0,t)}function un(e,t,n,s,i){var r;return null==e?Be(this,s,i).year:(r=N(e,s,i),function(e,t,n,s,i){e=$e(e,t,n,s,i),t=ze(e.year,0,e.dayOfYear);return this.year(t.getUTCFullYear()),this.month(t.getUTCMonth()),this.date(t.getUTCDate()),this}.call(this,e,t=r<t?r:t,n,s,i))}s("N",0,0,"eraAbbr"),s("NN",0,0,"eraAbbr"),s("NNN",0,0,"eraAbbr"),s("NNNN",0,0,"eraName"),s("NNNNN",0,0,"eraNarrow"),s("y",["y",1],"yo","eraYear"),s("y",["yy",2],0,"eraYear"),s("y",["yyy",3],0,"eraYear"),s("y",["yyyy",4],0,"eraYear"),h("N",rn),h("NN",rn),h("NNN",rn),h("NNNN",function(e,t){return t.erasNameRegex(e)}),h("NNNNN",function(e,t){return t.erasNarrowRegex(e)}),v(["N","NN","NNN","NNNN","NNNNN"],function(e,t,n,s){s=n._locale.erasParse(e,s,n._strict);s?p(n).era=s:p(n).invalidEra=e}),h("y",pe),h("yy",pe),h("yyy",pe),h("yyyy",pe),h("yo",function(e,t){return t._eraYearOrdinalRegex||pe}),v(["y","yy","yyy","yyyy"],D),v(["yo"],function(e,t,n,s){var i;n._locale._eraYearOrdinalRegex&&(i=e.match(n._locale._eraYearOrdinalRegex)),n._locale.eraYearOrdinalParse?t[D]=n._locale.eraYearOrdinalParse(e,i):t[D]=parseInt(e,10)}),s(0,["gg",2],0,function(){return this.weekYear()%100}),s(0,["GG",2],0,function(){return this.isoWeekYear()%100}),on("gggg","weekYear"),on("ggggg","weekYear"),on("GGGG","isoWeekYear"),on("GGGGG","isoWeekYear"),h("G",ke),h("g",ke),h("GG",n,t),h("gg",n,t),h("GGGG",ge,ce),h("gggg",ge,ce),h("GGGGG",we,fe),h("ggggg",we,fe),Oe(["gggg","ggggg","GGGG","GGGGG"],function(e,t,n,s){t[s.substr(0,2)]=M(e)}),Oe(["gg","GG"],function(e,t,n,s){t[s]=_.parseTwoDigitYear(e)}),s("Q",0,"Qo","quarter"),h("Q",de),v("Q",function(e,t){t[Y]=3*(M(e)-1)}),s("D",["DD",2],"Do","date"),h("D",n,u),h("DD",n,t),h("Do",function(e,t){return e?t._dayOfMonthOrdinalParse||t._ordinalParse:t._dayOfMonthOrdinalParseLenient}),v(["D","DD"],S),v("Do",function(e,t){t[S]=M(e.match(n)[0])});ge=Re("Date",!0);s("DDD",["DDDD",3],"DDDo","dayOfYear"),h("DDD",ye),h("DDDD",he),v(["DDD","DDDD"],function(e,t,n){n._dayOfYear=M(e)}),s("m",["mm",2],0,"minute"),h("m",n,d),h("mm",n,t),v(["m","mm"],b);var ln,ce=Re("Minutes",!1),we=(s("s",["ss",2],0,"second"),h("s",n,d),h("ss",n,t),v(["s","ss"],T),Re("Seconds",!1));for(s("S",0,0,function(){return~~(this.millisecond()/100)}),s(0,["SS",2],0,function(){return~~(this.millisecond()/10)}),s(0,["SSS",3],0,"millisecond"),s(0,["SSSS",4],0,function(){return 10*this.millisecond()}),s(0,["SSSSS",5],0,function(){return 100*this.millisecond()}),s(0,["SSSSSS",6],0,function(){return 1e3*this.millisecond()}),s(0,["SSSSSSS",7],0,function(){return 1e4*this.millisecond()}),s(0,["SSSSSSSS",8],0,function(){return 1e5*this.millisecond()}),s(0,["SSSSSSSSS",9],0,function(){return 1e6*this.millisecond()}),h("S",ye,de),h("SS",ye,t),h("SSS",ye,he),ln="SSSS";ln.length<=9;ln+="S")h(ln,pe);function dn(e,t){t[Te]=M(1e3*("0."+e))}for(ln="S";ln.length<=9;ln+="S")v(ln,dn);fe=Re("Milliseconds",!1),s("z",0,0,"zoneAbbr"),s("zz",0,0,"zoneName");u=$.prototype;function hn(e){return e}u.add=Fe,u.calendar=function(e,t){1===arguments.length&&(arguments[0]?Jt(arguments[0])?(e=arguments[0],t=void 0):function(e){for(var t=F(e)&&!L(e),n=!1,s=["sameDay","nextDay","lastDay","nextWeek","lastWeek","sameElse"],i=0;i<s.length;i+=1)n=n||c(e,s[i]);return t&&n}(arguments[0])&&(t=arguments[0],e=void 0):t=e=void 0);var e=e||R(),n=Gt(e,this).startOf("day"),n=_.calendarFormat(this,n)||"sameElse",t=t&&(a(t[n])?t[n].call(this,e):t[n]);return this.format(t||this.localeData().calendar(n,this,R(e)))},u.clone=function(){return new $(this)},u.diff=function(e,t,n){var s,i,r;if(!this.isValid())return NaN;if(!(s=Gt(e,this)).isValid())return NaN;switch(i=6e4*(s.utcOffset()-this.utcOffset()),t=o(t)){case"year":r=Qt(this,s)/12;break;case"month":r=Qt(this,s);break;case"quarter":r=Qt(this,s)/3;break;case"second":r=(this-s)/1e3;break;case"minute":r=(this-s)/6e4;break;case"hour":r=(this-s)/36e5;break;case"day":r=(this-s-i)/864e5;break;case"week":r=(this-s-i)/6048e5;break;default:r=this-s}return n?r:m(r)},u.endOf=function(e){var t,n;if(void 0!==(e=o(e))&&"millisecond"!==e&&this.isValid()){switch(n=this._isUTC?sn:nn,e){case"year":t=n(this.year()+1,0,1)-1;break;case"quarter":t=n(this.year(),this.month()-this.month()%3+3,1)-1;break;case"month":t=n(this.year(),this.month()+1,1)-1;break;case"week":t=n(this.year(),this.month(),this.date()-this.weekday()+7)-1;break;case"isoWeek":t=n(this.year(),this.month(),this.date()-(this.isoWeekday()-1)+7)-1;break;case"day":case"date":t=n(this.year(),this.month(),this.date()+1)-1;break;case"hour":t=this._d.valueOf(),t+=36e5-tn(t+(this._isUTC?0:6e4*this.utcOffset()),36e5)-1;break;case"minute":t=this._d.valueOf(),t+=6e4-tn(t,6e4)-1;break;case"second":t=this._d.valueOf(),t+=1e3-tn(t,1e3)-1;break}this._d.setTime(t),_.updateOffset(this,!0)}return this},u.format=function(e){return e=e||(this.isUtc()?_.defaultFormatUtc:_.defaultFormat),e=re(this,e),this.localeData().postformat(e)},u.from=function(e,t){return this.isValid()&&(k(e)&&e.isValid()||R(e).isValid())?C({to:this,from:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()},u.fromNow=function(e){return this.from(R(),e)},u.to=function(e,t){return this.isValid()&&(k(e)&&e.isValid()||R(e).isValid())?C({from:this,to:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()},u.toNow=function(e){return this.to(R(),e)},u.get=function(e){return a(this[e=o(e)])?this[e]():this},u.invalidAt=function(){return p(this).overflow},u.isAfter=function(e,t){return e=k(e)?e:R(e),!(!this.isValid()||!e.isValid())&&("millisecond"===(t=o(t)||"millisecond")?this.valueOf()>e.valueOf():e.valueOf()<this.clone().startOf(t).valueOf())},u.isBefore=function(e,t){return e=k(e)?e:R(e),!(!this.isValid()||!e.isValid())&&("millisecond"===(t=o(t)||"millisecond")?this.valueOf()<e.valueOf():this.clone().endOf(t).valueOf()<e.valueOf())},u.isBetween=function(e,t,n,s){return e=k(e)?e:R(e),t=k(t)?t:R(t),!!(this.isValid()&&e.isValid()&&t.isValid())&&("("===(s=s||"()")[0]?this.isAfter(e,n):!this.isBefore(e,n))&&(")"===s[1]?this.isBefore(t,n):!this.isAfter(t,n))},u.isSame=function(e,t){var e=k(e)?e:R(e);return!(!this.isValid()||!e.isValid())&&("millisecond"===(t=o(t)||"millisecond")?this.valueOf()===e.valueOf():(e=e.valueOf(),this.clone().startOf(t).valueOf()<=e&&e<=this.clone().endOf(t).valueOf()))},u.isSameOrAfter=function(e,t){return this.isSame(e,t)||this.isAfter(e,t)},u.isSameOrBefore=function(e,t){return this.isSame(e,t)||this.isBefore(e,t)},u.isValid=function(){return A(this)},u.lang=Ke,u.locale=Xt,u.localeData=Kt,u.max=_e,u.min=me,u.parsingFlags=function(){return E({},p(this))},u.set=function(e,t){if("object"==typeof e)for(var n=function(e){var t,n=[];for(t in e)c(e,t)&&n.push({unit:t,priority:le[t]});return n.sort(function(e,t){return e.priority-t.priority}),n}(e=ue(e)),s=n.length,i=0;i<s;i++)this[n[i].unit](e[n[i].unit]);else if(a(this[e=o(e)]))return this[e](t);return this},u.startOf=function(e){var t,n;if(void 0!==(e=o(e))&&"millisecond"!==e&&this.isValid()){switch(n=this._isUTC?sn:nn,e){case"year":t=n(this.year(),0,1);break;case"quarter":t=n(this.year(),this.month()-this.month()%3,1);break;case"month":t=n(this.year(),this.month(),1);break;case"week":t=n(this.year(),this.month(),this.date()-this.weekday());break;case"isoWeek":t=n(this.year(),this.month(),this.date()-(this.isoWeekday()-1));break;case"day":case"date":t=n(this.year(),this.month(),this.date());break;case"hour":t=this._d.valueOf(),t-=tn(t+(this._isUTC?0:6e4*this.utcOffset()),36e5);break;case"minute":t=this._d.valueOf(),t-=tn(t,6e4);break;case"second":t=this._d.valueOf(),t-=tn(t,1e3);break}this._d.setTime(t),_.updateOffset(this,!0)}return this},u.subtract=Qe,u.toArray=function(){var e=this;return[e.year(),e.month(),e.date(),e.hour(),e.minute(),e.second(),e.millisecond()]},u.toObject=function(){var e=this;return{years:e.year(),months:e.month(),date:e.date(),hours:e.hours(),minutes:e.minutes(),seconds:e.seconds(),milliseconds:e.milliseconds()}},u.toDate=function(){return new Date(this.valueOf())},u.toISOString=function(e){var t;return this.isValid()?(t=(e=!0!==e)?this.clone().utc():this).year()<0||9999<t.year()?re(t,e?"YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYYYY-MM-DD[T]HH:mm:ss.SSSZ"):a(Date.prototype.toISOString)?e?this.toDate().toISOString():new Date(this.valueOf()+60*this.utcOffset()*1e3).toISOString().replace("Z",re(t,"Z")):re(t,e?"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYY-MM-DD[T]HH:mm:ss.SSSZ"):null},u.inspect=function(){var e,t,n;return this.isValid()?(t="moment",e="",this.isLocal()||(t=0===this.utcOffset()?"moment.utc":"moment.parseZone",e="Z"),t="["+t+'("]',n=0<=this.year()&&this.year()<=9999?"YYYY":"YYYYYY",this.format(t+n+"-MM-DD[T]HH:mm:ss.SSS"+(e+'[")]'))):"moment.invalid(/* "+this._i+" */)"},"undefined"!=typeof Symbol&&null!=Symbol.for&&(u[Symbol.for("nodejs.util.inspect.custom")]=function(){return"Moment<"+this.format()+">"}),u.toJSON=function(){return this.isValid()?this.toISOString():null},u.toString=function(){return this.clone().locale("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")},u.unix=function(){return Math.floor(this.valueOf()/1e3)},u.valueOf=function(){return this._d.valueOf()-6e4*(this._offset||0)},u.creationData=function(){return{input:this._i,format:this._f,locale:this._locale,isUTC:this._isUTC,strict:this._strict}},u.eraName=function(){for(var e,t=this.localeData().eras(),n=0,s=t.length;n<s;++n){if(e=this.clone().startOf("day").valueOf(),t[n].since<=e&&e<=t[n].until)return t[n].name;if(t[n].until<=e&&e<=t[n].since)return t[n].name}return""},u.eraNarrow=function(){for(var e,t=this.localeData().eras(),n=0,s=t.length;n<s;++n){if(e=this.clone().startOf("day").valueOf(),t[n].since<=e&&e<=t[n].until)return t[n].narrow;if(t[n].until<=e&&e<=t[n].since)return t[n].narrow}return""},u.eraAbbr=function(){for(var e,t=this.localeData().eras(),n=0,s=t.length;n<s;++n){if(e=this.clone().startOf("day").valueOf(),t[n].since<=e&&e<=t[n].until)return t[n].abbr;if(t[n].until<=e&&e<=t[n].since)return t[n].abbr}return""},u.eraYear=function(){for(var e,t,n=this.localeData().eras(),s=0,i=n.length;s<i;++s)if(e=n[s].since<=n[s].until?1:-1,t=this.clone().startOf("day").valueOf(),n[s].since<=t&&t<=n[s].until||n[s].until<=t&&t<=n[s].since)return(this.year()-_(n[s].since).year())*e+n[s].offset;return this.year()},u.year=Pe,u.isLeapYear=function(){return be(this.year())},u.weekYear=function(e){return un.call(this,e,this.week(),this.weekday()+this.localeData()._week.dow,this.localeData()._week.dow,this.localeData()._week.doy)},u.isoWeekYear=function(e){return un.call(this,e,this.isoWeek(),this.isoWeekday(),1,4)},u.quarter=u.quarters=function(e){return null==e?Math.ceil((this.month()+1)/3):this.month(3*(e-1)+this.month()%3)},u.month=Ie,u.daysInMonth=function(){return He(this.year(),this.month())},u.week=u.weeks=function(e){var t=this.localeData().week(this);return null==e?t:this.add(7*(e-t),"d")},u.isoWeek=u.isoWeeks=function(e){var t=Be(this,1,4).week;return null==e?t:this.add(7*(e-t),"d")},u.weeksInYear=function(){var e=this.localeData()._week;return N(this.year(),e.dow,e.doy)},u.weeksInWeekYear=function(){var e=this.localeData()._week;return N(this.weekYear(),e.dow,e.doy)},u.isoWeeksInYear=function(){return N(this.year(),1,4)},u.isoWeeksInISOWeekYear=function(){return N(this.isoWeekYear(),1,4)},u.date=ge,u.day=u.days=function(e){var t,n,s;return this.isValid()?(t=Ce(this,"Day"),null!=e?(n=e,s=this.localeData(),e="string"!=typeof n?n:isNaN(n)?"number"==typeof(n=s.weekdaysParse(n))?n:null:parseInt(n,10),this.add(e-t,"d")):t):null!=e?this:NaN},u.weekday=function(e){var t;return this.isValid()?(t=(this.day()+7-this.localeData()._week.dow)%7,null==e?t:this.add(e-t,"d")):null!=e?this:NaN},u.isoWeekday=function(e){var t,n;return this.isValid()?null!=e?(t=e,n=this.localeData(),n="string"==typeof t?n.weekdaysParse(t)%7||7:isNaN(t)?null:t,this.day(this.day()%7?n:n-7)):this.day()||7:null!=e?this:NaN},u.dayOfYear=function(e){var t=Math.round((this.clone().startOf("day")-this.clone().startOf("year"))/864e5)+1;return null==e?t:this.add(e-t,"d")},u.hour=u.hours=i,u.minute=u.minutes=ce,u.second=u.seconds=we,u.millisecond=u.milliseconds=fe,u.utcOffset=function(e,t,n){var s,i=this._offset||0;if(!this.isValid())return null!=e?this:NaN;if(null==e)return this._isUTC?i:Et(this);if("string"==typeof e){if(null===(e=Vt(ve,e)))return this}else Math.abs(e)<16&&!n&&(e*=60);return!this._isUTC&&t&&(s=Et(this)),this._offset=e,this._isUTC=!0,null!=s&&this.add(s,"m"),i!==e&&(!t||this._changeInProgress?$t(this,C(e-i,"m"),1,!1):this._changeInProgress||(this._changeInProgress=!0,_.updateOffset(this,!0),this._changeInProgress=null)),this},u.utc=function(e){return this.utcOffset(0,e)},u.local=function(e){return this._isUTC&&(this.utcOffset(0,e),this._isUTC=!1,e)&&this.subtract(Et(this),"m"),this},u.parseZone=function(){var e;return null!=this._tzm?this.utcOffset(this._tzm,!1,!0):"string"==typeof this._i&&(null!=(e=Vt(Me,this._i))?this.utcOffset(e):this.utcOffset(0,!0)),this},u.hasAlignedHourOffset=function(e){return!!this.isValid()&&(e=e?R(e).utcOffset():0,(this.utcOffset()-e)%60==0)},u.isDST=function(){return this.utcOffset()>this.clone().month(0).utcOffset()||this.utcOffset()>this.clone().month(5).utcOffset()},u.isLocal=function(){return!!this.isValid()&&!this._isUTC},u.isUtcOffset=function(){return!!this.isValid()&&this._isUTC},u.isUtc=At,u.isUTC=At,u.zoneAbbr=function(){return this._isUTC?"UTC":""},u.zoneName=function(){return this._isUTC?"Coordinated Universal Time":""},u.dates=e("dates accessor is deprecated. Use date instead.",ge),u.months=e("months accessor is deprecated. Use month instead",Ie),u.years=e("years accessor is deprecated. Use year instead",Pe),u.zone=e("moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/",function(e,t){return null!=e?(this.utcOffset(e="string"!=typeof e?-e:e,t),this):-this.utcOffset()}),u.isDSTShifted=e("isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information",function(){var e,t;return g(this._isDSTShifted)&&(q(e={},this),(e=Nt(e))._a?(t=(e._isUTC?l:R)(e._a),this._isDSTShifted=this.isValid()&&0<function(e,t,n){for(var s=Math.min(e.length,t.length),i=Math.abs(e.length-t.length),r=0,a=0;a<s;a++)(n&&e[a]!==t[a]||!n&&M(e[a])!==M(t[a]))&&r++;return r+i}(e._a,t.toArray())):this._isDSTShifted=!1),this._isDSTShifted});d=K.prototype;function cn(e,t,n,s){var i=P(),s=l().set(s,t);return i[n](s,e)}function fn(e,t,n){if(w(e)&&(t=e,e=void 0),e=e||"",null!=t)return cn(e,t,n,"month");for(var s=[],i=0;i<12;i++)s[i]=cn(e,i,n,"month");return s}function mn(e,t,n,s){t=("boolean"==typeof e?w(t)&&(n=t,t=void 0):(t=e,e=!1,w(n=t)&&(n=t,t=void 0)),t||"");var i,r=P(),a=e?r._week.dow:0,o=[];if(null!=n)return cn(t,(n+a)%7,s,"day");for(i=0;i<7;i++)o[i]=cn(t,(i+a)%7,s,"day");return o}d.calendar=function(e,t,n){return a(e=this._calendar[e]||this._calendar.sameElse)?e.call(t,n):e},d.longDateFormat=function(e){var t=this._longDateFormat[e],n=this._longDateFormat[e.toUpperCase()];return t||!n?t:(this._longDateFormat[e]=n.match(te).map(function(e){return"MMMM"===e||"MM"===e||"DD"===e||"dddd"===e?e.slice(1):e}).join(""),this._longDateFormat[e])},d.invalidDate=function(){return this._invalidDate},d.ordinal=function(e){return this._ordinal.replace("%d",e)},d.preparse=hn,d.postformat=hn,d.relativeTime=function(e,t,n,s){var i=this._relativeTime[n];return a(i)?i(e,t,n,s):i.replace(/%d/i,e)},d.pastFuture=function(e,t){return a(e=this._relativeTime[0<e?"future":"past"])?e(t):e.replace(/%s/i,t)},d.set=function(e){var t,n;for(n in e)c(e,n)&&(a(t=e[n])?this[n]=t:this["_"+n]=t);this._config=e,this._dayOfMonthOrdinalParseLenient=new RegExp((this._dayOfMonthOrdinalParse.source||this._ordinalParse.source)+"|"+/\d{1,2}/.source)},d.eras=function(e,t){for(var n,s=this._eras||P("en")._eras,i=0,r=s.length;i<r;++i){switch(typeof s[i].since){case"string":n=_(s[i].since).startOf("day"),s[i].since=n.valueOf();break}switch(typeof s[i].until){case"undefined":s[i].until=1/0;break;case"string":n=_(s[i].until).startOf("day").valueOf(),s[i].until=n.valueOf();break}}return s},d.erasParse=function(e,t,n){var s,i,r,a,o,u=this.eras();for(e=e.toUpperCase(),s=0,i=u.length;s<i;++s)if(r=u[s].name.toUpperCase(),a=u[s].abbr.toUpperCase(),o=u[s].narrow.toUpperCase(),n)switch(t){case"N":case"NN":case"NNN":if(a===e)return u[s];break;case"NNNN":if(r===e)return u[s];break;case"NNNNN":if(o===e)return u[s];break}else if(0<=[r,a,o].indexOf(e))return u[s]},d.erasConvertYear=function(e,t){var n=e.since<=e.until?1:-1;return void 0===t?_(e.since).year():_(e.since).year()+(t-e.offset)*n},d.erasAbbrRegex=function(e){return c(this,"_erasAbbrRegex")||an.call(this),e?this._erasAbbrRegex:this._erasRegex},d.erasNameRegex=function(e){return c(this,"_erasNameRegex")||an.call(this),e?this._erasNameRegex:this._erasRegex},d.erasNarrowRegex=function(e){return c(this,"_erasNarrowRegex")||an.call(this),e?this._erasNarrowRegex:this._erasRegex},d.months=function(e,t){return e?(y(this._months)?this._months:this._months[(this._months.isFormat||Ve).test(t)?"format":"standalone"])[e.month()]:y(this._months)?this._months:this._months.standalone},d.monthsShort=function(e,t){return e?(y(this._monthsShort)?this._monthsShort:this._monthsShort[Ve.test(t)?"format":"standalone"])[e.month()]:y(this._monthsShort)?this._monthsShort:this._monthsShort.standalone},d.monthsParse=function(e,t,n){var s,i;if(this._monthsParseExact)return function(e,t,n){var s,i,r,e=e.toLocaleLowerCase();if(!this._monthsParse)for(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[],s=0;s<12;++s)r=l([2e3,s]),this._shortMonthsParse[s]=this.monthsShort(r,"").toLocaleLowerCase(),this._longMonthsParse[s]=this.months(r,"").toLocaleLowerCase();return n?"MMM"===t?-1!==(i=x.call(this._shortMonthsParse,e))?i:null:-1!==(i=x.call(this._longMonthsParse,e))?i:null:"MMM"===t?-1!==(i=x.call(this._shortMonthsParse,e))||-1!==(i=x.call(this._longMonthsParse,e))?i:null:-1!==(i=x.call(this._longMonthsParse,e))||-1!==(i=x.call(this._shortMonthsParse,e))?i:null}.call(this,e,t,n);for(this._monthsParse||(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[]),s=0;s<12;s++){if(i=l([2e3,s]),n&&!this._longMonthsParse[s]&&(this._longMonthsParse[s]=new RegExp("^"+this.months(i,"").replace(".","")+"$","i"),this._shortMonthsParse[s]=new RegExp("^"+this.monthsShort(i,"").replace(".","")+"$","i")),n||this._monthsParse[s]||(i="^"+this.months(i,"")+"|^"+this.monthsShort(i,""),this._monthsParse[s]=new RegExp(i.replace(".",""),"i")),n&&"MMMM"===t&&this._longMonthsParse[s].test(e))return s;if(n&&"MMM"===t&&this._shortMonthsParse[s].test(e))return s;if(!n&&this._monthsParse[s].test(e))return s}},d.monthsRegex=function(e){return this._monthsParseExact?(c(this,"_monthsRegex")||je.call(this),e?this._monthsStrictRegex:this._monthsRegex):(c(this,"_monthsRegex")||(this._monthsRegex=Ee),this._monthsStrictRegex&&e?this._monthsStrictRegex:this._monthsRegex)},d.monthsShortRegex=function(e){return this._monthsParseExact?(c(this,"_monthsRegex")||je.call(this),e?this._monthsShortStrictRegex:this._monthsShortRegex):(c(this,"_monthsShortRegex")||(this._monthsShortRegex=Ge),this._monthsShortStrictRegex&&e?this._monthsShortStrictRegex:this._monthsShortRegex)},d.week=function(e){return Be(e,this._week.dow,this._week.doy).week},d.firstDayOfYear=function(){return this._week.doy},d.firstDayOfWeek=function(){return this._week.dow},d.weekdays=function(e,t){return t=y(this._weekdays)?this._weekdays:this._weekdays[e&&!0!==e&&this._weekdays.isFormat.test(t)?"format":"standalone"],!0===e?Je(t,this._week.dow):e?t[e.day()]:t},d.weekdaysMin=function(e){return!0===e?Je(this._weekdaysMin,this._week.dow):e?this._weekdaysMin[e.day()]:this._weekdaysMin},d.weekdaysShort=function(e){return!0===e?Je(this._weekdaysShort,this._week.dow):e?this._weekdaysShort[e.day()]:this._weekdaysShort},d.weekdaysParse=function(e,t,n){var s,i;if(this._weekdaysParseExact)return function(e,t,n){var s,i,r,e=e.toLocaleLowerCase();if(!this._weekdaysParse)for(this._weekdaysParse=[],this._shortWeekdaysParse=[],this._minWeekdaysParse=[],s=0;s<7;++s)r=l([2e3,1]).day(s),this._minWeekdaysParse[s]=this.weekdaysMin(r,"").toLocaleLowerCase(),this._shortWeekdaysParse[s]=this.weekdaysShort(r,"").toLocaleLowerCase(),this._weekdaysParse[s]=this.weekdays(r,"").toLocaleLowerCase();return n?"dddd"===t?-1!==(i=x.call(this._weekdaysParse,e))?i:null:"ddd"===t?-1!==(i=x.call(this._shortWeekdaysParse,e))?i:null:-1!==(i=x.call(this._minWeekdaysParse,e))?i:null:"dddd"===t?-1!==(i=x.call(this._weekdaysParse,e))||-1!==(i=x.call(this._shortWeekdaysParse,e))||-1!==(i=x.call(this._minWeekdaysParse,e))?i:null:"ddd"===t?-1!==(i=x.call(this._shortWeekdaysParse,e))||-1!==(i=x.call(this._weekdaysParse,e))||-1!==(i=x.call(this._minWeekdaysParse,e))?i:null:-1!==(i=x.call(this._minWeekdaysParse,e))||-1!==(i=x.call(this._weekdaysParse,e))||-1!==(i=x.call(this._shortWeekdaysParse,e))?i:null}.call(this,e,t,n);for(this._weekdaysParse||(this._weekdaysParse=[],this._minWeekdaysParse=[],this._shortWeekdaysParse=[],this._fullWeekdaysParse=[]),s=0;s<7;s++){if(i=l([2e3,1]).day(s),n&&!this._fullWeekdaysParse[s]&&(this._fullWeekdaysParse[s]=new RegExp("^"+this.weekdays(i,"").replace(".","\\.?")+"$","i"),this._shortWeekdaysParse[s]=new RegExp("^"+this.weekdaysShort(i,"").replace(".","\\.?")+"$","i"),this._minWeekdaysParse[s]=new RegExp("^"+this.weekdaysMin(i,"").replace(".","\\.?")+"$","i")),this._weekdaysParse[s]||(i="^"+this.weekdays(i,"")+"|^"+this.weekdaysShort(i,"")+"|^"+this.weekdaysMin(i,""),this._weekdaysParse[s]=new RegExp(i.replace(".",""),"i")),n&&"dddd"===t&&this._fullWeekdaysParse[s].test(e))return s;if(n&&"ddd"===t&&this._shortWeekdaysParse[s].test(e))return s;if(n&&"dd"===t&&this._minWeekdaysParse[s].test(e))return s;if(!n&&this._weekdaysParse[s].test(e))return s}},d.weekdaysRegex=function(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||st.call(this),e?this._weekdaysStrictRegex:this._weekdaysRegex):(c(this,"_weekdaysRegex")||(this._weekdaysRegex=et),this._weekdaysStrictRegex&&e?this._weekdaysStrictRegex:this._weekdaysRegex)},d.weekdaysShortRegex=function(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||st.call(this),e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex):(c(this,"_weekdaysShortRegex")||(this._weekdaysShortRegex=tt),this._weekdaysShortStrictRegex&&e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex)},d.weekdaysMinRegex=function(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||st.call(this),e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex):(c(this,"_weekdaysMinRegex")||(this._weekdaysMinRegex=nt),this._weekdaysMinStrictRegex&&e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex)},d.isPM=function(e){return"p"===(e+"").toLowerCase().charAt(0)},d.meridiem=function(e,t,n){return 11<e?n?"pm":"PM":n?"am":"AM"},ft("en",{eras:[{since:"0001-01-01",until:1/0,offset:1,name:"Anno Domini",narrow:"AD",abbr:"AD"},{since:"0000-12-31",until:-1/0,offset:1,name:"Before Christ",narrow:"BC",abbr:"BC"}],dayOfMonthOrdinalParse:/\d{1,2}(th|st|nd|rd)/,ordinal:function(e){var t=e%10;return e+(1===M(e%100/10)?"th":1==t?"st":2==t?"nd":3==t?"rd":"th")}}),_.lang=e("moment.lang is deprecated. Use moment.locale instead.",ft),_.langData=e("moment.langData is deprecated. Use moment.localeData instead.",P);var _n=Math.abs;function yn(e,t,n,s){t=C(t,n);return e._milliseconds+=s*t._milliseconds,e._days+=s*t._days,e._months+=s*t._months,e._bubble()}function gn(e){return e<0?Math.floor(e):Math.ceil(e)}function wn(e){return 4800*e/146097}function pn(e){return 146097*e/4800}function kn(e){return function(){return this.as(e)}}de=kn("ms"),t=kn("s"),ye=kn("m"),he=kn("h"),Fe=kn("d"),_e=kn("w"),me=kn("M"),Qe=kn("Q"),i=kn("y"),ce=de;function Mn(e){return function(){return this.isValid()?this._data[e]:NaN}}var we=Mn("milliseconds"),fe=Mn("seconds"),ge=Mn("minutes"),Pe=Mn("hours"),d=Mn("days"),vn=Mn("months"),Dn=Mn("years");var Yn=Math.round,Sn={ss:44,s:45,m:45,h:22,d:26,w:null,M:11};function On(e,t,n,s){var i=C(e).abs(),r=Yn(i.as("s")),a=Yn(i.as("m")),o=Yn(i.as("h")),u=Yn(i.as("d")),l=Yn(i.as("M")),d=Yn(i.as("w")),i=Yn(i.as("y")),r=(r<=n.ss?["s",r]:r<n.s&&["ss",r])||(a<=1?["m"]:a<n.m&&["mm",a])||(o<=1?["h"]:o<n.h&&["hh",o])||(u<=1?["d"]:u<n.d&&["dd",u]);return(r=(r=null!=n.w?r||(d<=1?["w"]:d<n.w&&["ww",d]):r)||(l<=1?["M"]:l<n.M&&["MM",l])||(i<=1?["y"]:["yy",i]))[2]=t,r[3]=0<+e,r[4]=s,function(e,t,n,s,i){return i.relativeTime(t||1,!!n,e,s)}.apply(null,r)}var bn=Math.abs;function Tn(e){return(0<e)-(e<0)||+e}function xn(){var e,t,n,s,i,r,a,o,u,l,d;return this.isValid()?(e=bn(this._milliseconds)/1e3,t=bn(this._days),n=bn(this._months),(o=this.asSeconds())?(s=m(e/60),i=m(s/60),e%=60,s%=60,r=m(n/12),n%=12,a=e?e.toFixed(3).replace(/\.?0+$/,""):"",u=Tn(this._months)!==Tn(o)?"-":"",l=Tn(this._days)!==Tn(o)?"-":"",d=Tn(this._milliseconds)!==Tn(o)?"-":"",(o<0?"-":"")+"P"+(r?u+r+"Y":"")+(n?u+n+"M":"")+(t?l+t+"D":"")+(i||s||e?"T":"")+(i?d+i+"H":"")+(s?d+s+"M":"")+(e?d+a+"S":"")):"P0D"):this.localeData().invalidDate()}var U=Ct.prototype;return U.isValid=function(){return this._isValid},U.abs=function(){var e=this._data;return this._milliseconds=_n(this._milliseconds),this._days=_n(this._days),this._months=_n(this._months),e.milliseconds=_n(e.milliseconds),e.seconds=_n(e.seconds),e.minutes=_n(e.minutes),e.hours=_n(e.hours),e.months=_n(e.months),e.years=_n(e.years),this},U.add=function(e,t){return yn(this,e,t,1)},U.subtract=function(e,t){return yn(this,e,t,-1)},U.as=function(e){if(!this.isValid())return NaN;var t,n,s=this._milliseconds;if("month"===(e=o(e))||"quarter"===e||"year"===e)switch(t=this._days+s/864e5,n=this._months+wn(t),e){case"month":return n;case"quarter":return n/3;case"year":return n/12}else switch(t=this._days+Math.round(pn(this._months)),e){case"week":return t/7+s/6048e5;case"day":return t+s/864e5;case"hour":return 24*t+s/36e5;case"minute":return 1440*t+s/6e4;case"second":return 86400*t+s/1e3;case"millisecond":return Math.floor(864e5*t)+s;default:throw new Error("Unknown unit "+e)}},U.asMilliseconds=de,U.asSeconds=t,U.asMinutes=ye,U.asHours=he,U.asDays=Fe,U.asWeeks=_e,U.asMonths=me,U.asQuarters=Qe,U.asYears=i,U.valueOf=ce,U._bubble=function(){var e=this._milliseconds,t=this._days,n=this._months,s=this._data;return 0<=e&&0<=t&&0<=n||e<=0&&t<=0&&n<=0||(e+=864e5*gn(pn(n)+t),n=t=0),s.milliseconds=e%1e3,e=m(e/1e3),s.seconds=e%60,e=m(e/60),s.minutes=e%60,e=m(e/60),s.hours=e%24,t+=m(e/24),n+=e=m(wn(t)),t-=gn(pn(e)),e=m(n/12),n%=12,s.days=t,s.months=n,s.years=e,this},U.clone=function(){return C(this)},U.get=function(e){return e=o(e),this.isValid()?this[e+"s"]():NaN},U.milliseconds=we,U.seconds=fe,U.minutes=ge,U.hours=Pe,U.days=d,U.weeks=function(){return m(this.days()/7)},U.months=vn,U.years=Dn,U.humanize=function(e,t){var n,s;return this.isValid()?(n=!1,s=Sn,"object"==typeof e&&(t=e,e=!1),"boolean"==typeof e&&(n=e),"object"==typeof t&&(s=Object.assign({},Sn,t),null!=t.s)&&null==t.ss&&(s.ss=t.s-1),e=this.localeData(),t=On(this,!n,s,e),n&&(t=e.pastFuture(+this,t)),e.postformat(t)):this.localeData().invalidDate()},U.toISOString=xn,U.toString=xn,U.toJSON=xn,U.locale=Xt,U.localeData=Kt,U.toIsoString=e("toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)",xn),U.lang=Ke,s("X",0,0,"unix"),s("x",0,0,"valueOf"),h("x",ke),h("X",/[+-]?\d+(\.\d{1,3})?/),v("X",function(e,t,n){n._d=new Date(1e3*parseFloat(e))}),v("x",function(e,t,n){n._d=new Date(M(e))}),_.version="2.30.1",H=R,_.fn=u,_.min=function(){return Pt("isBefore",[].slice.call(arguments,0))},_.max=function(){return Pt("isAfter",[].slice.call(arguments,0))},_.now=function(){return Date.now?Date.now():+new Date},_.utc=l,_.unix=function(e){return R(1e3*e)},_.months=function(e,t){return fn(e,t,"months")},_.isDate=V,_.locale=ft,_.invalid=I,_.duration=C,_.isMoment=k,_.weekdays=function(e,t,n){return mn(e,t,n,"weekdays")},_.parseZone=function(){return R.apply(null,arguments).parseZone()},_.localeData=P,_.isDuration=Ut,_.monthsShort=function(e,t){return fn(e,t,"monthsShort")},_.weekdaysMin=function(e,t,n){return mn(e,t,n,"weekdaysMin")},_.defineLocale=mt,_.updateLocale=function(e,t){var n,s;return null!=t?(s=ut,null!=W[e]&&null!=W[e].parentLocale?W[e].set(X(W[e]._config,t)):(t=X(s=null!=(n=ct(e))?n._config:s,t),null==n&&(t.abbr=e),(s=new K(t)).parentLocale=W[e],W[e]=s),ft(e)):null!=W[e]&&(null!=W[e].parentLocale?(W[e]=W[e].parentLocale,e===ft()&&ft(e)):null!=W[e]&&delete W[e]),W[e]},_.locales=function(){return ee(W)},_.weekdaysShort=function(e,t,n){return mn(e,t,n,"weekdaysShort")},_.normalizeUnits=o,_.relativeTimeRounding=function(e){return void 0===e?Yn:"function"==typeof e&&(Yn=e,!0)},_.relativeTimeThreshold=function(e,t){return void 0!==Sn[e]&&(void 0===t?Sn[e]:(Sn[e]=t,"s"===e&&(Sn.ss=t-1),!0))},_.calendarFormat=function(e,t){return(e=e.diff(t,"days",!0))<-6?"sameElse":e<-1?"lastWeek":e<0?"lastDay":e<1?"sameDay":e<2?"nextDay":e<7?"nextWeek":"sameElse"},_.prototype=u,_.HTML5_FMT={DATETIME_LOCAL:"YYYY-MM-DDTHH:mm",DATETIME_LOCAL_SECONDS:"YYYY-MM-DDTHH:mm:ss",DATETIME_LOCAL_MS:"YYYY-MM-DDTHH:mm:ss.SSS",DATE:"YYYY-MM-DD",TIME:"HH:mm",TIME_SECONDS:"HH:mm:ss",TIME_MS:"HH:mm:ss.SSS",WEEK:"GGGG-[W]WW",MONTH:"YYYY-MM"},_});
+//# sourceMappingURL=moment.min.js.map
\ No newline at end of file
diff --git a/www/raven-demo/vendor/js/quill.js b/www/raven-demo/vendor/js/quill.js
new file mode 100644
index 0000000..aeddaa1
--- /dev/null
+++ b/www/raven-demo/vendor/js/quill.js
@@ -0,0 +1,3 @@
+/*! For license information please see quill.js.LICENSE.txt */
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.Quill=e():t.Quill=e()}(self,(function(){return function(){var t={9698:function(t,e,n){"use strict";n.d(e,{Ay:function(){return c},Ji:function(){return d},mG:function(){return h},zo:function(){return u}});var r=n(6003),i=n(5232),s=n.n(i),o=n(3036),l=n(4850),a=n(5508);class c extends r.BlockBlot{cache={};delta(){return null==this.cache.delta&&(this.cache.delta=h(this)),this.cache.delta}deleteAt(t,e){super.deleteAt(t,e),this.cache={}}formatAt(t,e,n,i){e<=0||(this.scroll.query(n,r.Scope.BLOCK)?t+e===this.length()&&this.format(n,i):super.formatAt(t,Math.min(e,this.length()-t-1),n,i),this.cache={})}insertAt(t,e,n){if(null!=n)return super.insertAt(t,e,n),void(this.cache={});if(0===e.length)return;const r=e.split("\n"),i=r.shift();i.length>0&&(t<this.length()-1||null==this.children.tail?super.insertAt(Math.min(t,this.length()-1),i):this.children.tail.insertAt(this.children.tail.length(),i),this.cache={});let s=this;r.reduce(((t,e)=>(s=s.split(t,!0),s.insertAt(0,e),e.length)),t+i.length)}insertBefore(t,e){const{head:n}=this.children;super.insertBefore(t,e),n instanceof o.A&&n.remove(),this.cache={}}length(){return null==this.cache.length&&(this.cache.length=super.length()+1),this.cache.length}moveChildren(t,e){super.moveChildren(t,e),this.cache={}}optimize(t){super.optimize(t),this.cache={}}path(t){return super.path(t,!0)}removeChild(t){super.removeChild(t),this.cache={}}split(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(e&&(0===t||t>=this.length()-1)){const e=this.clone();return 0===t?(this.parent.insertBefore(e,this),this):(this.parent.insertBefore(e,this.next),e)}const n=super.split(t,e);return this.cache={},n}}c.blotName="block",c.tagName="P",c.defaultChild=o.A,c.allowedChildren=[o.A,l.A,r.EmbedBlot,a.A];class u extends r.EmbedBlot{attach(){super.attach(),this.attributes=new r.AttributorStore(this.domNode)}delta(){return(new(s())).insert(this.value(),{...this.formats(),...this.attributes.values()})}format(t,e){const n=this.scroll.query(t,r.Scope.BLOCK_ATTRIBUTE);null!=n&&this.attributes.attribute(n,e)}formatAt(t,e,n,r){this.format(n,r)}insertAt(t,e,n){if(null!=n)return void super.insertAt(t,e,n);const r=e.split("\n"),i=r.pop(),s=r.map((t=>{const e=this.scroll.create(c.blotName);return e.insertAt(0,t),e})),o=this.split(t);s.forEach((t=>{this.parent.insertBefore(t,o)})),i&&this.parent.insertBefore(this.scroll.create("text",i),o)}}function h(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return t.descendants(r.LeafBlot).reduce(((t,n)=>0===n.length()?t:t.insert(n.value(),d(n,{},e))),new(s())).insert("\n",d(t))}function d(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return null==t?e:("formats"in t&&"function"==typeof t.formats&&(e={...e,...t.formats()},n&&delete e["code-token"]),null==t.parent||"scroll"===t.parent.statics.blotName||t.parent.statics.scope!==t.statics.scope?e:d(t.parent,e,n))}u.scope=r.Scope.BLOCK_BLOT},3036:function(t,e,n){"use strict";var r=n(6003);class i extends r.EmbedBlot{static value(){}optimize(){(this.prev||this.next)&&this.remove()}length(){return 0}value(){return""}}i.blotName="break",i.tagName="BR",e.A=i},580:function(t,e,n){"use strict";var r=n(6003);class i extends r.ContainerBlot{}e.A=i},4541:function(t,e,n){"use strict";var r=n(6003),i=n(5508);class s extends r.EmbedBlot{static blotName="cursor";static className="ql-cursor";static tagName="span";static CONTENTS="\ufeff";static value(){}constructor(t,e,n){super(t,e),this.selection=n,this.textNode=document.createTextNode(s.CONTENTS),this.domNode.appendChild(this.textNode),this.savedLength=0}detach(){null!=this.parent&&this.parent.removeChild(this)}format(t,e){if(0!==this.savedLength)return void super.format(t,e);let n=this,i=0;for(;null!=n&&n.statics.scope!==r.Scope.BLOCK_BLOT;)i+=n.offset(n.parent),n=n.parent;null!=n&&(this.savedLength=s.CONTENTS.length,n.optimize(),n.formatAt(i,s.CONTENTS.length,t,e),this.savedLength=0)}index(t,e){return t===this.textNode?0:super.index(t,e)}length(){return this.savedLength}position(){return[this.textNode,this.textNode.data.length]}remove(){super.remove(),this.parent=null}restore(){if(this.selection.composing||null==this.parent)return null;const t=this.selection.getNativeRange();for(;null!=this.domNode.lastChild&&this.domNode.lastChild!==this.textNode;)this.domNode.parentNode.insertBefore(this.domNode.lastChild,this.domNode);const e=this.prev instanceof i.A?this.prev:null,n=e?e.length():0,r=this.next instanceof i.A?this.next:null,o=r?r.text:"",{textNode:l}=this,a=l.data.split(s.CONTENTS).join("");let c;if(l.data=s.CONTENTS,e)c=e,(a||r)&&(e.insertAt(e.length(),a+o),r&&r.remove());else if(r)c=r,r.insertAt(0,a);else{const t=document.createTextNode(a);c=this.scroll.create(t),this.parent.insertBefore(c,this)}if(this.remove(),t){const i=(t,i)=>e&&t===e.domNode?i:t===l?n+i-1:r&&t===r.domNode?n+a.length+i:null,s=i(t.start.node,t.start.offset),o=i(t.end.node,t.end.offset);if(null!==s&&null!==o)return{startNode:c.domNode,startOffset:s,endNode:c.domNode,endOffset:o}}return null}update(t,e){if(t.some((t=>"characterData"===t.type&&t.target===this.textNode))){const t=this.restore();t&&(e.range=t)}}optimize(t){super.optimize(t);let{parent:e}=this;for(;e;){if("A"===e.domNode.tagName){this.savedLength=s.CONTENTS.length,e.isolate(this.offset(e),this.length()).unwrap(),this.savedLength=0;break}e=e.parent}}value(){return""}}e.A=s},746:function(t,e,n){"use strict";var r=n(6003),i=n(5508);const s="\ufeff";class o extends r.EmbedBlot{constructor(t,e){super(t,e),this.contentNode=document.createElement("span"),this.contentNode.setAttribute("contenteditable","false"),Array.from(this.domNode.childNodes).forEach((t=>{this.contentNode.appendChild(t)})),this.leftGuard=document.createTextNode(s),this.rightGuard=document.createTextNode(s),this.domNode.appendChild(this.leftGuard),this.domNode.appendChild(this.contentNode),this.domNode.appendChild(this.rightGuard)}index(t,e){return t===this.leftGuard?0:t===this.rightGuard?1:super.index(t,e)}restore(t){let e,n=null;const r=t.data.split(s).join("");if(t===this.leftGuard)if(this.prev instanceof i.A){const t=this.prev.length();this.prev.insertAt(t,r),n={startNode:this.prev.domNode,startOffset:t+r.length}}else e=document.createTextNode(r),this.parent.insertBefore(this.scroll.create(e),this),n={startNode:e,startOffset:r.length};else t===this.rightGuard&&(this.next instanceof i.A?(this.next.insertAt(0,r),n={startNode:this.next.domNode,startOffset:r.length}):(e=document.createTextNode(r),this.parent.insertBefore(this.scroll.create(e),this.next),n={startNode:e,startOffset:r.length}));return t.data=s,n}update(t,e){t.forEach((t=>{if("characterData"===t.type&&(t.target===this.leftGuard||t.target===this.rightGuard)){const n=this.restore(t.target);n&&(e.range=n)}}))}}e.A=o},4850:function(t,e,n){"use strict";var r=n(6003),i=n(3036),s=n(5508);class o extends r.InlineBlot{static allowedChildren=[o,i.A,r.EmbedBlot,s.A];static order=["cursor","inline","link","underline","strike","italic","bold","script","code"];static compare(t,e){const n=o.order.indexOf(t),r=o.order.indexOf(e);return n>=0||r>=0?n-r:t===e?0:t<e?-1:1}formatAt(t,e,n,i){if(o.compare(this.statics.blotName,n)<0&&this.scroll.query(n,r.Scope.BLOT)){const r=this.isolate(t,e);i&&r.wrap(n,i)}else super.formatAt(t,e,n,i)}optimize(t){if(super.optimize(t),this.parent instanceof o&&o.compare(this.statics.blotName,this.parent.statics.blotName)>0){const t=this.parent.isolate(this.offset(),this.length());this.moveChildren(t),t.wrap(this)}}}e.A=o},5508:function(t,e,n){"use strict";n.d(e,{A:function(){return i},X:function(){return o}});var r=n(6003);class i extends r.TextBlot{}const s={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function o(t){return t.replace(/[&<>"']/g,(t=>s[t]))}},3729:function(t,e,n){"use strict";n.d(e,{default:function(){return R}});var r=n(6142),i=n(9698),s=n(3036),o=n(580),l=n(4541),a=n(746),c=n(4850),u=n(6003),h=n(5232),d=n.n(h),f=n(5374);function p(t){return t instanceof i.Ay||t instanceof i.zo}function g(t){return"function"==typeof t.updateContent}class m extends u.ScrollBlot{static blotName="scroll";static className="ql-editor";static tagName="DIV";static defaultChild=i.Ay;static allowedChildren=[i.Ay,i.zo,o.A];constructor(t,e,n){let{emitter:r}=n;super(t,e),this.emitter=r,this.batch=!1,this.optimize(),this.enable(),this.domNode.addEventListener("dragstart",(t=>this.handleDragStart(t)))}batchStart(){Array.isArray(this.batch)||(this.batch=[])}batchEnd(){if(!this.batch)return;const t=this.batch;this.batch=!1,this.update(t)}emitMount(t){this.emitter.emit(f.A.events.SCROLL_BLOT_MOUNT,t)}emitUnmount(t){this.emitter.emit(f.A.events.SCROLL_BLOT_UNMOUNT,t)}emitEmbedUpdate(t,e){this.emitter.emit(f.A.events.SCROLL_EMBED_UPDATE,t,e)}deleteAt(t,e){const[n,r]=this.line(t),[o]=this.line(t+e);if(super.deleteAt(t,e),null!=o&&n!==o&&r>0){if(n instanceof i.zo||o instanceof i.zo)return void this.optimize();const t=o.children.head instanceof s.A?null:o.children.head;n.moveChildren(o,t),n.remove()}this.optimize()}enable(){let t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.domNode.setAttribute("contenteditable",t?"true":"false")}formatAt(t,e,n,r){super.formatAt(t,e,n,r),this.optimize()}insertAt(t,e,n){if(t>=this.length())if(null==n||null==this.scroll.query(e,u.Scope.BLOCK)){const t=this.scroll.create(this.statics.defaultChild.blotName);this.appendChild(t),null==n&&e.endsWith("\n")?t.insertAt(0,e.slice(0,-1),n):t.insertAt(0,e,n)}else{const t=this.scroll.create(e,n);this.appendChild(t)}else super.insertAt(t,e,n);this.optimize()}insertBefore(t,e){if(t.statics.scope===u.Scope.INLINE_BLOT){const n=this.scroll.create(this.statics.defaultChild.blotName);n.appendChild(t),super.insertBefore(n,e)}else super.insertBefore(t,e)}insertContents(t,e){const n=this.deltaToRenderBlocks(e.concat((new(d())).insert("\n"))),r=n.pop();if(null==r)return;this.batchStart();const s=n.shift();if(s){const e="block"===s.type&&(0===s.delta.length()||!this.descendant(i.zo,t)[0]&&t<this.length()),n="block"===s.type?s.delta:(new(d())).insert({[s.key]:s.value});b(this,t,n);const r="block"===s.type?1:0,o=t+n.length()+r;e&&this.insertAt(o-1,"\n");const l=(0,i.Ji)(this.line(t)[0]),a=h.AttributeMap.diff(l,s.attributes)||{};Object.keys(a).forEach((t=>{this.formatAt(o-1,1,t,a[t])})),t=o}let[o,l]=this.children.find(t);n.length&&(o&&(o=o.split(l),l=0),n.forEach((t=>{if("block"===t.type)b(this.createBlock(t.attributes,o||void 0),0,t.delta);else{const e=this.create(t.key,t.value);this.insertBefore(e,o||void 0),Object.keys(t.attributes).forEach((n=>{e.format(n,t.attributes[n])}))}}))),"block"===r.type&&r.delta.length()&&b(this,o?o.offset(o.scroll)+l:this.length(),r.delta),this.batchEnd(),this.optimize()}isEnabled(){return"true"===this.domNode.getAttribute("contenteditable")}leaf(t){const e=this.path(t).pop();if(!e)return[null,-1];const[n,r]=e;return n instanceof u.LeafBlot?[n,r]:[null,-1]}line(t){return t===this.length()?this.line(t-1):this.descendant(p,t)}lines(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Number.MAX_VALUE;const n=(t,e,r)=>{let i=[],s=r;return t.children.forEachAt(e,r,((t,e,r)=>{p(t)?i.push(t):t instanceof u.ContainerBlot&&(i=i.concat(n(t,e,s))),s-=r})),i};return n(this,t,e)}optimize(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.batch||(super.optimize(t,e),t.length>0&&this.emitter.emit(f.A.events.SCROLL_OPTIMIZE,t,e))}path(t){return super.path(t).slice(1)}remove(){}update(t){if(this.batch)return void(Array.isArray(t)&&(this.batch=this.batch.concat(t)));let e=f.A.sources.USER;"string"==typeof t&&(e=t),Array.isArray(t)||(t=this.observer.takeRecords()),(t=t.filter((t=>{let{target:e}=t;const n=this.find(e,!0);return n&&!g(n)}))).length>0&&this.emitter.emit(f.A.events.SCROLL_BEFORE_UPDATE,e,t),super.update(t.concat([])),t.length>0&&this.emitter.emit(f.A.events.SCROLL_UPDATE,e,t)}updateEmbedAt(t,e,n){const[r]=this.descendant((t=>t instanceof i.zo),t);r&&r.statics.blotName===e&&g(r)&&r.updateContent(n)}handleDragStart(t){t.preventDefault()}deltaToRenderBlocks(t){const e=[];let n=new(d());return t.forEach((t=>{const r=t?.insert;if(r)if("string"==typeof r){const i=r.split("\n");i.slice(0,-1).forEach((r=>{n.insert(r,t.attributes),e.push({type:"block",delta:n,attributes:t.attributes??{}}),n=new(d())}));const s=i[i.length-1];s&&n.insert(s,t.attributes)}else{const i=Object.keys(r)[0];if(!i)return;this.query(i,u.Scope.INLINE)?n.push(t):(n.length()&&e.push({type:"block",delta:n,attributes:{}}),n=new(d()),e.push({type:"blockEmbed",key:i,value:r[i],attributes:t.attributes??{}}))}})),n.length()&&e.push({type:"block",delta:n,attributes:{}}),e}createBlock(t,e){let n;const r={};Object.entries(t).forEach((t=>{let[e,i]=t;null!=this.query(e,u.Scope.BLOCK&u.Scope.BLOT)?n=e:r[e]=i}));const i=this.create(n||this.statics.defaultChild.blotName,n?t[n]:void 0);this.insertBefore(i,e||void 0);const s=i.length();return Object.entries(r).forEach((t=>{let[e,n]=t;i.formatAt(0,s,e,n)})),i}}function b(t,e,n){n.reduce(((e,n)=>{const r=h.Op.length(n);let s=n.attributes||{};if(null!=n.insert)if("string"==typeof n.insert){const r=n.insert;t.insertAt(e,r);const[o]=t.descendant(u.LeafBlot,e),l=(0,i.Ji)(o);s=h.AttributeMap.diff(l,s)||{}}else if("object"==typeof n.insert){const r=Object.keys(n.insert)[0];if(null==r)return e;if(t.insertAt(e,r,n.insert[r]),null!=t.scroll.query(r,u.Scope.INLINE)){const[n]=t.descendant(u.LeafBlot,e),r=(0,i.Ji)(n);s=h.AttributeMap.diff(r,s)||{}}}return Object.keys(s).forEach((n=>{t.formatAt(e,r,n,s[n])})),e+r}),e)}var y=m,v=n(5508),A=n(584),x=n(4266);class N extends x.A{static DEFAULTS={delay:1e3,maxStack:100,userOnly:!1};lastRecorded=0;ignoreChange=!1;stack={undo:[],redo:[]};currentRange=null;constructor(t,e){super(t,e),this.quill.on(r.Ay.events.EDITOR_CHANGE,((t,e,n,i)=>{t===r.Ay.events.SELECTION_CHANGE?e&&i!==r.Ay.sources.SILENT&&(this.currentRange=e):t===r.Ay.events.TEXT_CHANGE&&(this.ignoreChange||(this.options.userOnly&&i!==r.Ay.sources.USER?this.transform(e):this.record(e,n)),this.currentRange=w(this.currentRange,e))})),this.quill.keyboard.addBinding({key:"z",shortKey:!0},this.undo.bind(this)),this.quill.keyboard.addBinding({key:["z","Z"],shortKey:!0,shiftKey:!0},this.redo.bind(this)),/Win/i.test(navigator.platform)&&this.quill.keyboard.addBinding({key:"y",shortKey:!0},this.redo.bind(this)),this.quill.root.addEventListener("beforeinput",(t=>{"historyUndo"===t.inputType?(this.undo(),t.preventDefault()):"historyRedo"===t.inputType&&(this.redo(),t.preventDefault())}))}change(t,e){if(0===this.stack[t].length)return;const n=this.stack[t].pop();if(!n)return;const i=this.quill.getContents(),s=n.delta.invert(i);this.stack[e].push({delta:s,range:w(n.range,s)}),this.lastRecorded=0,this.ignoreChange=!0,this.quill.updateContents(n.delta,r.Ay.sources.USER),this.ignoreChange=!1,this.restoreSelection(n)}clear(){this.stack={undo:[],redo:[]}}cutoff(){this.lastRecorded=0}record(t,e){if(0===t.ops.length)return;this.stack.redo=[];let n=t.invert(e),r=this.currentRange;const i=Date.now();if(this.lastRecorded+this.options.delay>i&&this.stack.undo.length>0){const t=this.stack.undo.pop();t&&(n=n.compose(t.delta),r=t.range)}else this.lastRecorded=i;0!==n.length()&&(this.stack.undo.push({delta:n,range:r}),this.stack.undo.length>this.options.maxStack&&this.stack.undo.shift())}redo(){this.change("redo","undo")}transform(t){E(this.stack.undo,t),E(this.stack.redo,t)}undo(){this.change("undo","redo")}restoreSelection(t){if(t.range)this.quill.setSelection(t.range,r.Ay.sources.USER);else{const e=function(t,e){const n=e.reduce(((t,e)=>t+(e.delete||0)),0);let r=e.length()-n;return function(t,e){const n=e.ops[e.ops.length-1];return null!=n&&(null!=n.insert?"string"==typeof n.insert&&n.insert.endsWith("\n"):null!=n.attributes&&Object.keys(n.attributes).some((e=>null!=t.query(e,u.Scope.BLOCK))))}(t,e)&&(r-=1),r}(this.quill.scroll,t.delta);this.quill.setSelection(e,r.Ay.sources.USER)}}}function E(t,e){let n=e;for(let e=t.length-1;e>=0;e-=1){const r=t[e];t[e]={delta:n.transform(r.delta,!0),range:r.range&&w(r.range,n)},n=r.delta.transform(n),0===t[e].delta.length()&&t.splice(e,1)}}function w(t,e){if(!t)return t;const n=e.transformPosition(t.index);return{index:n,length:e.transformPosition(t.index+t.length)-n}}var q=n(8123);class k extends x.A{constructor(t,e){super(t,e),t.root.addEventListener("drop",(e=>{e.preventDefault();let n=null;if(document.caretRangeFromPoint)n=document.caretRangeFromPoint(e.clientX,e.clientY);else if(document.caretPositionFromPoint){const t=document.caretPositionFromPoint(e.clientX,e.clientY);n=document.createRange(),n.setStart(t.offsetNode,t.offset),n.setEnd(t.offsetNode,t.offset)}const r=n&&t.selection.normalizeNative(n);if(r){const n=t.selection.normalizedToRange(r);e.dataTransfer?.files&&this.upload(n,e.dataTransfer.files)}}))}upload(t,e){const n=[];Array.from(e).forEach((t=>{t&&this.options.mimetypes?.includes(t.type)&&n.push(t)})),n.length>0&&this.options.handler.call(this,t,n)}}k.DEFAULTS={mimetypes:["image/png","image/jpeg"],handler(t,e){if(!this.quill.scroll.query("image"))return;const n=e.map((t=>new Promise((e=>{const n=new FileReader;n.onload=()=>{e(n.result)},n.readAsDataURL(t)}))));Promise.all(n).then((e=>{const n=e.reduce(((t,e)=>t.insert({image:e})),(new(d())).retain(t.index).delete(t.length));this.quill.updateContents(n,f.A.sources.USER),this.quill.setSelection(t.index+e.length,f.A.sources.SILENT)}))}};var _=k;const L=["insertText","insertReplacementText"];class S extends x.A{constructor(t,e){super(t,e),t.root.addEventListener("beforeinput",(t=>{this.handleBeforeInput(t)})),/Android/i.test(navigator.userAgent)||t.on(r.Ay.events.COMPOSITION_BEFORE_START,(()=>{this.handleCompositionStart()}))}deleteRange(t){(0,q.Xo)({range:t,quill:this.quill})}replaceText(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(0===t.length)return!1;if(e){const n=this.quill.getFormat(t.index,1);this.deleteRange(t),this.quill.updateContents((new(d())).retain(t.index).insert(e,n),r.Ay.sources.USER)}else this.deleteRange(t);return this.quill.setSelection(t.index+e.length,0,r.Ay.sources.SILENT),!0}handleBeforeInput(t){if(this.quill.composition.isComposing||t.defaultPrevented||!L.includes(t.inputType))return;const e=t.getTargetRanges?t.getTargetRanges()[0]:null;if(!e||!0===e.collapsed)return;const n=function(t){return"string"==typeof t.data?t.data:t.dataTransfer?.types.includes("text/plain")?t.dataTransfer.getData("text/plain"):null}(t);if(null==n)return;const r=this.quill.selection.normalizeNative(e),i=r?this.quill.selection.normalizedToRange(r):null;i&&this.replaceText(i,n)&&t.preventDefault()}handleCompositionStart(){const t=this.quill.getSelection();t&&this.replaceText(t)}}var O=S;const T=/Mac/i.test(navigator.platform);class j extends x.A{isListening=!1;selectionChangeDeadline=0;constructor(t,e){super(t,e),this.handleArrowKeys(),this.handleNavigationShortcuts()}handleArrowKeys(){this.quill.keyboard.addBinding({key:["ArrowLeft","ArrowRight"],offset:0,shiftKey:null,handler(t,e){let{line:n,event:i}=e;if(!(n instanceof u.ParentBlot&&n.uiNode))return!0;const s="rtl"===getComputedStyle(n.domNode).direction;return!!(s&&"ArrowRight"!==i.key||!s&&"ArrowLeft"!==i.key)||(this.quill.setSelection(t.index-1,t.length+(i.shiftKey?1:0),r.Ay.sources.USER),!1)}})}handleNavigationShortcuts(){this.quill.root.addEventListener("keydown",(t=>{!t.defaultPrevented&&(t=>"ArrowLeft"===t.key||"ArrowRight"===t.key||"ArrowUp"===t.key||"ArrowDown"===t.key||"Home"===t.key||!(!T||"a"!==t.key||!0!==t.ctrlKey))(t)&&this.ensureListeningToSelectionChange()}))}ensureListeningToSelectionChange(){this.selectionChangeDeadline=Date.now()+100,this.isListening||(this.isListening=!0,document.addEventListener("selectionchange",(()=>{this.isListening=!1,Date.now()<=this.selectionChangeDeadline&&this.handleSelectionChange()}),{once:!0}))}handleSelectionChange(){const t=document.getSelection();if(!t)return;const e=t.getRangeAt(0);if(!0!==e.collapsed||0!==e.startOffset)return;const n=this.quill.scroll.find(e.startContainer);if(!(n instanceof u.ParentBlot&&n.uiNode))return;const r=document.createRange();r.setStartAfter(n.uiNode),r.setEndAfter(n.uiNode),t.removeAllRanges(),t.addRange(r)}}var C=j;r.Ay.register({"blots/block":i.Ay,"blots/block/embed":i.zo,"blots/break":s.A,"blots/container":o.A,"blots/cursor":l.A,"blots/embed":a.A,"blots/inline":c.A,"blots/scroll":y,"blots/text":v.A,"modules/clipboard":A.Ay,"modules/history":N,"modules/keyboard":q.Ay,"modules/uploader":_,"modules/input":O,"modules/uiNode":C});var R=r.Ay},5374:function(t,e,n){"use strict";n.d(e,{A:function(){return o}});var r=n(8920),i=n(7356);const s=(0,n(6078).A)("quill:events");["selectionchange","mousedown","mouseup","click"].forEach((t=>{document.addEventListener(t,(function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];Array.from(document.querySelectorAll(".ql-container")).forEach((t=>{const n=i.A.get(t);n&&n.emitter&&n.emitter.handleDOM(...e)}))}))}));var o=class extends r{static events={EDITOR_CHANGE:"editor-change",SCROLL_BEFORE_UPDATE:"scroll-before-update",SCROLL_BLOT_MOUNT:"scroll-blot-mount",SCROLL_BLOT_UNMOUNT:"scroll-blot-unmount",SCROLL_OPTIMIZE:"scroll-optimize",SCROLL_UPDATE:"scroll-update",SCROLL_EMBED_UPDATE:"scroll-embed-update",SELECTION_CHANGE:"selection-change",TEXT_CHANGE:"text-change",COMPOSITION_BEFORE_START:"composition-before-start",COMPOSITION_START:"composition-start",COMPOSITION_BEFORE_END:"composition-before-end",COMPOSITION_END:"composition-end"};static sources={API:"api",SILENT:"silent",USER:"user"};constructor(){super(),this.domListeners={},this.on("error",s.error)}emit(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return s.log.call(s,...e),super.emit(...e)}handleDOM(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];(this.domListeners[t.type]||[]).forEach((e=>{let{node:r,handler:i}=e;(t.target===r||r.contains(t.target))&&i(t,...n)}))}listenDOM(t,e,n){this.domListeners[t]||(this.domListeners[t]=[]),this.domListeners[t].push({node:e,handler:n})}}},7356:function(t,e){"use strict";e.A=new WeakMap},6078:function(t,e){"use strict";const n=["error","warn","log","info"];let r="warn";function i(t){if(r&&n.indexOf(t)<=n.indexOf(r)){for(var e=arguments.length,i=new Array(e>1?e-1:0),s=1;s<e;s++)i[s-1]=arguments[s];console[t](...i)}}function s(t){return n.reduce(((e,n)=>(e[n]=i.bind(console,n,t),e)),{})}s.level=t=>{r=t},i.level=s.level,e.A=s},4266:function(t,e){"use strict";e.A=class{static DEFAULTS={};constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.quill=t,this.options=e}}},6142:function(t,e,n){"use strict";n.d(e,{Ay:function(){return I}});var r=n(8347),i=n(6003),s=n(5232),o=n.n(s),l=n(3707),a=n(5123),c=n(9698),u=n(3036),h=n(4541),d=n(5508),f=n(8298);const p=/^[ -~]*$/;function g(t,e,n){if(0===t.length){const[t]=y(n.pop());return e<=0?`</li></${t}>`:`</li></${t}>${g([],e-1,n)}`}const[{child:r,offset:i,length:s,indent:o,type:l},...a]=t,[c,u]=y(l);if(o>e)return n.push(l),o===e+1?`<${c}><li${u}>${m(r,i,s)}${g(a,o,n)}`:`<${c}><li>${g(t,e+1,n)}`;const h=n[n.length-1];if(o===e&&l===h)return`</li><li${u}>${m(r,i,s)}${g(a,o,n)}`;const[d]=y(n.pop());return`</li></${d}>${g(t,e-1,n)}`}function m(t,e,n){let r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if("html"in t&&"function"==typeof t.html)return t.html(e,n);if(t instanceof d.A)return(0,d.X)(t.value().slice(e,e+n)).replaceAll(" ","&nbsp;");if(t instanceof i.ParentBlot){if("list-container"===t.statics.blotName){const r=[];return t.children.forEachAt(e,n,((t,e,n)=>{const i="formats"in t&&"function"==typeof t.formats?t.formats():{};r.push({child:t,offset:e,length:n,indent:i.indent||0,type:i.list})})),g(r,-1,[])}const i=[];if(t.children.forEachAt(e,n,((t,e,n)=>{i.push(m(t,e,n))})),r||"list"===t.statics.blotName)return i.join("");const{outerHTML:s,innerHTML:o}=t.domNode,[l,a]=s.split(`>${o}<`);return"<table"===l?`<table style="border: 1px solid #000;">${i.join("")}<${a}`:`${l}>${i.join("")}<${a}`}return t.domNode instanceof Element?t.domNode.outerHTML:""}function b(t,e){return Object.keys(e).reduce(((n,r)=>{if(null==t[r])return n;const i=e[r];return i===t[r]?n[r]=i:Array.isArray(i)?i.indexOf(t[r])<0?n[r]=i.concat([t[r]]):n[r]=i:n[r]=[i,t[r]],n}),{})}function y(t){const e="ordered"===t?"ol":"ul";switch(t){case"checked":return[e,' data-list="checked"'];case"unchecked":return[e,' data-list="unchecked"'];default:return[e,""]}}function v(t){return t.reduce(((t,e)=>{if("string"==typeof e.insert){const n=e.insert.replace(/\r\n/g,"\n").replace(/\r/g,"\n");return t.insert(n,e.attributes)}return t.push(e)}),new(o()))}function A(t,e){let{index:n,length:r}=t;return new f.Q(n+e,r)}var x=class{constructor(t){this.scroll=t,this.delta=this.getDelta()}applyDelta(t){this.scroll.update();let e=this.scroll.length();this.scroll.batchStart();const n=v(t),l=new(o());return function(t){const e=[];return t.forEach((t=>{"string"==typeof t.insert?t.insert.split("\n").forEach(((n,r)=>{r&&e.push({insert:"\n",attributes:t.attributes}),n&&e.push({insert:n,attributes:t.attributes})})):e.push(t)})),e}(n.ops.slice()).reduce(((t,n)=>{const o=s.Op.length(n);let a=n.attributes||{},u=!1,h=!1;if(null!=n.insert){if(l.retain(o),"string"==typeof n.insert){const o=n.insert;h=!o.endsWith("\n")&&(e<=t||!!this.scroll.descendant(c.zo,t)[0]),this.scroll.insertAt(t,o);const[l,u]=this.scroll.line(t);let d=(0,r.A)({},(0,c.Ji)(l));if(l instanceof c.Ay){const[t]=l.descendant(i.LeafBlot,u);t&&(d=(0,r.A)(d,(0,c.Ji)(t)))}a=s.AttributeMap.diff(d,a)||{}}else if("object"==typeof n.insert){const o=Object.keys(n.insert)[0];if(null==o)return t;const l=null!=this.scroll.query(o,i.Scope.INLINE);if(l)(e<=t||this.scroll.descendant(c.zo,t)[0])&&(h=!0);else if(t>0){const[e,n]=this.scroll.descendant(i.LeafBlot,t-1);e instanceof d.A?"\n"!==e.value()[n]&&(u=!0):e instanceof i.EmbedBlot&&e.statics.scope===i.Scope.INLINE_BLOT&&(u=!0)}if(this.scroll.insertAt(t,o,n.insert[o]),l){const[e]=this.scroll.descendant(i.LeafBlot,t);if(e){const t=(0,r.A)({},(0,c.Ji)(e));a=s.AttributeMap.diff(t,a)||{}}}}e+=o}else if(l.push(n),null!==n.retain&&"object"==typeof n.retain){const e=Object.keys(n.retain)[0];if(null==e)return t;this.scroll.updateEmbedAt(t,e,n.retain[e])}Object.keys(a).forEach((e=>{this.scroll.formatAt(t,o,e,a[e])}));const f=u?1:0,p=h?1:0;return e+=f+p,l.retain(f),l.delete(p),t+o+f+p}),0),l.reduce(((t,e)=>"number"==typeof e.delete?(this.scroll.deleteAt(t,e.delete),t):t+s.Op.length(e)),0),this.scroll.batchEnd(),this.scroll.optimize(),this.update(n)}deleteText(t,e){return this.scroll.deleteAt(t,e),this.update((new(o())).retain(t).delete(e))}formatLine(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};this.scroll.update(),Object.keys(n).forEach((r=>{this.scroll.lines(t,Math.max(e,1)).forEach((t=>{t.format(r,n[r])}))})),this.scroll.optimize();const r=(new(o())).retain(t).retain(e,(0,l.A)(n));return this.update(r)}formatText(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};Object.keys(n).forEach((r=>{this.scroll.formatAt(t,e,r,n[r])}));const r=(new(o())).retain(t).retain(e,(0,l.A)(n));return this.update(r)}getContents(t,e){return this.delta.slice(t,t+e)}getDelta(){return this.scroll.lines().reduce(((t,e)=>t.concat(e.delta())),new(o()))}getFormat(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=[],r=[];0===e?this.scroll.path(t).forEach((t=>{const[e]=t;e instanceof c.Ay?n.push(e):e instanceof i.LeafBlot&&r.push(e)})):(n=this.scroll.lines(t,e),r=this.scroll.descendants(i.LeafBlot,t,e));const[s,o]=[n,r].map((t=>{const e=t.shift();if(null==e)return{};let n=(0,c.Ji)(e);for(;Object.keys(n).length>0;){const e=t.shift();if(null==e)return n;n=b((0,c.Ji)(e),n)}return n}));return{...s,...o}}getHTML(t,e){const[n,r]=this.scroll.line(t);if(n){const i=n.length();return n.length()>=r+e&&(0!==r||e!==i)?m(n,r,e,!0):m(this.scroll,t,e,!0)}return""}getText(t,e){return this.getContents(t,e).filter((t=>"string"==typeof t.insert)).map((t=>t.insert)).join("")}insertContents(t,e){const n=v(e),r=(new(o())).retain(t).concat(n);return this.scroll.insertContents(t,n),this.update(r)}insertEmbed(t,e,n){return this.scroll.insertAt(t,e,n),this.update((new(o())).retain(t).insert({[e]:n}))}insertText(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return e=e.replace(/\r\n/g,"\n").replace(/\r/g,"\n"),this.scroll.insertAt(t,e),Object.keys(n).forEach((r=>{this.scroll.formatAt(t,e.length,r,n[r])})),this.update((new(o())).retain(t).insert(e,(0,l.A)(n)))}isBlank(){if(0===this.scroll.children.length)return!0;if(this.scroll.children.length>1)return!1;const t=this.scroll.children.head;if(t?.statics.blotName!==c.Ay.blotName)return!1;const e=t;return!(e.children.length>1)&&e.children.head instanceof u.A}removeFormat(t,e){const n=this.getText(t,e),[r,i]=this.scroll.line(t+e);let s=0,l=new(o());null!=r&&(s=r.length()-i,l=r.delta().slice(i,i+s-1).insert("\n"));const a=this.getContents(t,e+s).diff((new(o())).insert(n).concat(l)),c=(new(o())).retain(t).concat(a);return this.applyDelta(c)}update(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;const r=this.delta;if(1===e.length&&"characterData"===e[0].type&&e[0].target.data.match(p)&&this.scroll.find(e[0].target)){const i=this.scroll.find(e[0].target),s=(0,c.Ji)(i),l=i.offset(this.scroll),a=e[0].oldValue.replace(h.A.CONTENTS,""),u=(new(o())).insert(a),d=(new(o())).insert(i.value()),f=n&&{oldRange:A(n.oldRange,-l),newRange:A(n.newRange,-l)};t=(new(o())).retain(l).concat(u.diff(d,f)).reduce(((t,e)=>e.insert?t.insert(e.insert,s):t.push(e)),new(o())),this.delta=r.compose(t)}else this.delta=this.getDelta(),t&&(0,a.A)(r.compose(t),this.delta)||(t=r.diff(this.delta,n));return t}},N=n(5374),E=n(7356),w=n(6078),q=n(4266),k=n(746),_=class{isComposing=!1;constructor(t,e){this.scroll=t,this.emitter=e,this.setupListeners()}setupListeners(){this.scroll.domNode.addEventListener("compositionstart",(t=>{this.isComposing||this.handleCompositionStart(t)})),this.scroll.domNode.addEventListener("compositionend",(t=>{this.isComposing&&queueMicrotask((()=>{this.handleCompositionEnd(t)}))}))}handleCompositionStart(t){const e=t.target instanceof Node?this.scroll.find(t.target,!0):null;!e||e instanceof k.A||(this.emitter.emit(N.A.events.COMPOSITION_BEFORE_START,t),this.scroll.batchStart(),this.emitter.emit(N.A.events.COMPOSITION_START,t),this.isComposing=!0)}handleCompositionEnd(t){this.emitter.emit(N.A.events.COMPOSITION_BEFORE_END,t),this.scroll.batchEnd(),this.emitter.emit(N.A.events.COMPOSITION_END,t),this.isComposing=!1}},L=n(9609);const S=t=>{const e=t.getBoundingClientRect(),n="offsetWidth"in t&&Math.abs(e.width)/t.offsetWidth||1,r="offsetHeight"in t&&Math.abs(e.height)/t.offsetHeight||1;return{top:e.top,right:e.left+t.clientWidth*n,bottom:e.top+t.clientHeight*r,left:e.left}},O=t=>{const e=parseInt(t,10);return Number.isNaN(e)?0:e},T=(t,e,n,r,i,s)=>t<n&&e>r?0:t<n?-(n-t+i):e>r?e-t>r-n?t+i-n:e-r+s:0;const j=["block","break","cursor","inline","scroll","text"];const C=(0,w.A)("quill"),R=new i.Registry;i.ParentBlot.uiClass="ql-ui";class I{static DEFAULTS={bounds:null,modules:{clipboard:!0,keyboard:!0,history:!0,uploader:!0},placeholder:"",readOnly:!1,registry:R,theme:"default"};static events=N.A.events;static sources=N.A.sources;static version="2.0.3";static imports={delta:o(),parchment:i,"core/module":q.A,"core/theme":L.A};static debug(t){!0===t&&(t="log"),w.A.level(t)}static find(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return E.A.get(t)||R.find(t,e)}static import(t){return null==this.imports[t]&&C.error(`Cannot import ${t}. Are you sure it was registered?`),this.imports[t]}static register(){if("string"!=typeof(arguments.length<=0?void 0:arguments[0])){const t=arguments.length<=0?void 0:arguments[0],e=!!(arguments.length<=1?void 0:arguments[1]),n="attrName"in t?t.attrName:t.blotName;"string"==typeof n?this.register(`formats/${n}`,t,e):Object.keys(t).forEach((n=>{this.register(n,t[n],e)}))}else{const t=arguments.length<=0?void 0:arguments[0],e=arguments.length<=1?void 0:arguments[1],n=!!(arguments.length<=2?void 0:arguments[2]);null==this.imports[t]||n||C.warn(`Overwriting ${t} with`,e),this.imports[t]=e,(t.startsWith("blots/")||t.startsWith("formats/"))&&e&&"boolean"!=typeof e&&"abstract"!==e.blotName&&R.register(e),"function"==typeof e.register&&e.register(R)}}constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this.options=function(t,e){const n=B(t);if(!n)throw new Error("Invalid Quill container");const s=!e.theme||e.theme===I.DEFAULTS.theme?L.A:I.import(`themes/${e.theme}`);if(!s)throw new Error(`Invalid theme ${e.theme}. Did you register it?`);const{modules:o,...l}=I.DEFAULTS,{modules:a,...c}=s.DEFAULTS;let u=M(e.modules);null!=u&&u.toolbar&&u.toolbar.constructor!==Object&&(u={...u,toolbar:{container:u.toolbar}});const h=(0,r.A)({},M(o),M(a),u),d={...l,...U(c),...U(e)};let f=e.registry;return f?e.formats&&C.warn('Ignoring "formats" option because "registry" is specified'):f=e.formats?((t,e,n)=>{const r=new i.Registry;return j.forEach((t=>{const n=e.query(t);n&&r.register(n)})),t.forEach((t=>{let i=e.query(t);i||n.error(`Cannot register "${t}" specified in "formats" config. Are you sure it was registered?`);let s=0;for(;i;)if(r.register(i),i="blotName"in i?i.requiredContainer??null:null,s+=1,s>100){n.error(`Cycle detected in registering blot requiredContainer: "${t}"`);break}})),r})(e.formats,d.registry,C):d.registry,{...d,registry:f,container:n,theme:s,modules:Object.entries(h).reduce(((t,e)=>{let[n,i]=e;if(!i)return t;const s=I.import(`modules/${n}`);return null==s?(C.error(`Cannot load ${n} module. Are you sure you registered it?`),t):{...t,[n]:(0,r.A)({},s.DEFAULTS||{},i)}}),{}),bounds:B(d.bounds)}}(t,e),this.container=this.options.container,null==this.container)return void C.error("Invalid Quill container",t);this.options.debug&&I.debug(this.options.debug);const n=this.container.innerHTML.trim();this.container.classList.add("ql-container"),this.container.innerHTML="",E.A.set(this.container,this),this.root=this.addContainer("ql-editor"),this.root.classList.add("ql-blank"),this.emitter=new N.A;const s=i.ScrollBlot.blotName,l=this.options.registry.query(s);if(!l||!("blotName"in l))throw new Error(`Cannot initialize Quill without "${s}" blot`);if(this.scroll=new l(this.options.registry,this.root,{emitter:this.emitter}),this.editor=new x(this.scroll),this.selection=new f.A(this.scroll,this.emitter),this.composition=new _(this.scroll,this.emitter),this.theme=new this.options.theme(this,this.options),this.keyboard=this.theme.addModule("keyboard"),this.clipboard=this.theme.addModule("clipboard"),this.history=this.theme.addModule("history"),this.uploader=this.theme.addModule("uploader"),this.theme.addModule("input"),this.theme.addModule("uiNode"),this.theme.init(),this.emitter.on(N.A.events.EDITOR_CHANGE,(t=>{t===N.A.events.TEXT_CHANGE&&this.root.classList.toggle("ql-blank",this.editor.isBlank())})),this.emitter.on(N.A.events.SCROLL_UPDATE,((t,e)=>{const n=this.selection.lastRange,[r]=this.selection.getRange(),i=n&&r?{oldRange:n,newRange:r}:void 0;D.call(this,(()=>this.editor.update(null,e,i)),t)})),this.emitter.on(N.A.events.SCROLL_EMBED_UPDATE,((t,e)=>{const n=this.selection.lastRange,[r]=this.selection.getRange(),i=n&&r?{oldRange:n,newRange:r}:void 0;D.call(this,(()=>{const n=(new(o())).retain(t.offset(this)).retain({[t.statics.blotName]:e});return this.editor.update(n,[],i)}),I.sources.USER)})),n){const t=this.clipboard.convert({html:`${n}<p><br></p>`,text:"\n"});this.setContents(t)}this.history.clear(),this.options.placeholder&&this.root.setAttribute("data-placeholder",this.options.placeholder),this.options.readOnly&&this.disable(),this.allowReadOnlyEdits=!1}addContainer(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if("string"==typeof t){const e=t;(t=document.createElement("div")).classList.add(e)}return this.container.insertBefore(t,e),t}blur(){this.selection.setRange(null)}deleteText(t,e,n){return[t,e,,n]=P(t,e,n),D.call(this,(()=>this.editor.deleteText(t,e)),n,t,-1*e)}disable(){this.enable(!1)}editReadOnly(t){this.allowReadOnlyEdits=!0;const e=t();return this.allowReadOnlyEdits=!1,e}enable(){let t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.scroll.enable(t),this.container.classList.toggle("ql-disabled",!t)}focus(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.selection.focus(),t.preventScroll||this.scrollSelectionIntoView()}format(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:N.A.sources.API;return D.call(this,(()=>{const n=this.getSelection(!0);let r=new(o());if(null==n)return r;if(this.scroll.query(t,i.Scope.BLOCK))r=this.editor.formatLine(n.index,n.length,{[t]:e});else{if(0===n.length)return this.selection.format(t,e),r;r=this.editor.formatText(n.index,n.length,{[t]:e})}return this.setSelection(n,N.A.sources.SILENT),r}),n)}formatLine(t,e,n,r,i){let s;return[t,e,s,i]=P(t,e,n,r,i),D.call(this,(()=>this.editor.formatLine(t,e,s)),i,t,0)}formatText(t,e,n,r,i){let s;return[t,e,s,i]=P(t,e,n,r,i),D.call(this,(()=>this.editor.formatText(t,e,s)),i,t,0)}getBounds(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=null;if(n="number"==typeof t?this.selection.getBounds(t,e):this.selection.getBounds(t.index,t.length),!n)return null;const r=this.container.getBoundingClientRect();return{bottom:n.bottom-r.top,height:n.height,left:n.left-r.left,right:n.right-r.left,top:n.top-r.top,width:n.width}}getContents(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.getLength()-t;return[t,e]=P(t,e),this.editor.getContents(t,e)}getFormat(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.getSelection(!0),e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return"number"==typeof t?this.editor.getFormat(t,e):this.editor.getFormat(t.index,t.length)}getIndex(t){return t.offset(this.scroll)}getLength(){return this.scroll.length()}getLeaf(t){return this.scroll.leaf(t)}getLine(t){return this.scroll.line(t)}getLines(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Number.MAX_VALUE;return"number"!=typeof t?this.scroll.lines(t.index,t.length):this.scroll.lines(t,e)}getModule(t){return this.theme.modules[t]}getSelection(){return arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.focus(),this.update(),this.selection.getRange()[0]}getSemanticHTML(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return"number"==typeof t&&(e=e??this.getLength()-t),[t,e]=P(t,e),this.editor.getHTML(t,e)}getText(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1?arguments[1]:void 0;return"number"==typeof t&&(e=e??this.getLength()-t),[t,e]=P(t,e),this.editor.getText(t,e)}hasFocus(){return this.selection.hasFocus()}insertEmbed(t,e,n){let r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:I.sources.API;return D.call(this,(()=>this.editor.insertEmbed(t,e,n)),r,t)}insertText(t,e,n,r,i){let s;return[t,,s,i]=P(t,0,n,r,i),D.call(this,(()=>this.editor.insertText(t,e,s)),i,t,e.length)}isEnabled(){return this.scroll.isEnabled()}off(){return this.emitter.off(...arguments)}on(){return this.emitter.on(...arguments)}once(){return this.emitter.once(...arguments)}removeFormat(t,e,n){return[t,e,,n]=P(t,e,n),D.call(this,(()=>this.editor.removeFormat(t,e)),n,t)}scrollRectIntoView(t){((t,e)=>{const n=t.ownerDocument;let r=e,i=t;for(;i;){const t=i===n.body,e=t?{top:0,right:window.visualViewport?.width??n.documentElement.clientWidth,bottom:window.visualViewport?.height??n.documentElement.clientHeight,left:0}:S(i),o=getComputedStyle(i),l=T(r.left,r.right,e.left,e.right,O(o.scrollPaddingLeft),O(o.scrollPaddingRight)),a=T(r.top,r.bottom,e.top,e.bottom,O(o.scrollPaddingTop),O(o.scrollPaddingBottom));if(l||a)if(t)n.defaultView?.scrollBy(l,a);else{const{scrollLeft:t,scrollTop:e}=i;a&&(i.scrollTop+=a),l&&(i.scrollLeft+=l);const n=i.scrollLeft-t,s=i.scrollTop-e;r={left:r.left-n,top:r.top-s,right:r.right-n,bottom:r.bottom-s}}i=t||"fixed"===o.position?null:(s=i).parentElement||s.getRootNode().host||null}var s})(this.root,t)}scrollIntoView(){console.warn("Quill#scrollIntoView() has been deprecated and will be removed in the near future. Please use Quill#scrollSelectionIntoView() instead."),this.scrollSelectionIntoView()}scrollSelectionIntoView(){const t=this.selection.lastRange,e=t&&this.selection.getBounds(t.index,t.length);e&&this.scrollRectIntoView(e)}setContents(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:N.A.sources.API;return D.call(this,(()=>{t=new(o())(t);const e=this.getLength(),n=this.editor.deleteText(0,e),r=this.editor.insertContents(0,t),i=this.editor.deleteText(this.getLength()-1,1);return n.compose(r).compose(i)}),e)}setSelection(t,e,n){null==t?this.selection.setRange(null,e||I.sources.API):([t,e,,n]=P(t,e,n),this.selection.setRange(new f.Q(Math.max(0,t),e),n),n!==N.A.sources.SILENT&&this.scrollSelectionIntoView())}setText(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:N.A.sources.API;const n=(new(o())).insert(t);return this.setContents(n,e)}update(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:N.A.sources.USER;const e=this.scroll.update(t);return this.selection.update(t),e}updateContents(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:N.A.sources.API;return D.call(this,(()=>(t=new(o())(t),this.editor.applyDelta(t))),e,!0)}}function B(t){return"string"==typeof t?document.querySelector(t):t}function M(t){return Object.entries(t??{}).reduce(((t,e)=>{let[n,r]=e;return{...t,[n]:!0===r?{}:r}}),{})}function U(t){return Object.fromEntries(Object.entries(t).filter((t=>void 0!==t[1])))}function D(t,e,n,r){if(!this.isEnabled()&&e===N.A.sources.USER&&!this.allowReadOnlyEdits)return new(o());let i=null==n?null:this.getSelection();const s=this.editor.delta,l=t();if(null!=i&&(!0===n&&(n=i.index),null==r?i=z(i,l,e):0!==r&&(i=z(i,n,r,e)),this.setSelection(i,N.A.sources.SILENT)),l.length()>0){const t=[N.A.events.TEXT_CHANGE,l,s,e];this.emitter.emit(N.A.events.EDITOR_CHANGE,...t),e!==N.A.sources.SILENT&&this.emitter.emit(...t)}return l}function P(t,e,n,r,i){let s={};return"number"==typeof t.index&&"number"==typeof t.length?"number"!=typeof e?(i=r,r=n,n=e,e=t.length,t=t.index):(e=t.length,t=t.index):"number"!=typeof e&&(i=r,r=n,n=e,e=0),"object"==typeof n?(s=n,i=r):"string"==typeof n&&(null!=r?s[n]=r:i=n),[t,e,s,i=i||N.A.sources.API]}function z(t,e,n,r){const i="number"==typeof n?n:0;if(null==t)return null;let s,o;return e&&"function"==typeof e.transformPosition?[s,o]=[t.index,t.index+t.length].map((t=>e.transformPosition(t,r!==N.A.sources.USER))):[s,o]=[t.index,t.index+t.length].map((t=>t<e||t===e&&r===N.A.sources.USER?t:i>=0?t+i:Math.max(e,t+i))),new f.Q(s,o-s)}},8298:function(t,e,n){"use strict";n.d(e,{Q:function(){return a}});var r=n(6003),i=n(5123),s=n(3707),o=n(5374);const l=(0,n(6078).A)("quill:selection");class a{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.index=t,this.length=e}}function c(t,e){try{e.parentNode}catch(t){return!1}return t.contains(e)}e.A=class{constructor(t,e){this.emitter=e,this.scroll=t,this.composing=!1,this.mouseDown=!1,this.root=this.scroll.domNode,this.cursor=this.scroll.create("cursor",this),this.savedRange=new a(0,0),this.lastRange=this.savedRange,this.lastNative=null,this.handleComposition(),this.handleDragging(),this.emitter.listenDOM("selectionchange",document,(()=>{this.mouseDown||this.composing||setTimeout(this.update.bind(this,o.A.sources.USER),1)})),this.emitter.on(o.A.events.SCROLL_BEFORE_UPDATE,(()=>{if(!this.hasFocus())return;const t=this.getNativeRange();null!=t&&t.start.node!==this.cursor.textNode&&this.emitter.once(o.A.events.SCROLL_UPDATE,((e,n)=>{try{this.root.contains(t.start.node)&&this.root.contains(t.end.node)&&this.setNativeRange(t.start.node,t.start.offset,t.end.node,t.end.offset);const r=n.some((t=>"characterData"===t.type||"childList"===t.type||"attributes"===t.type&&t.target===this.root));this.update(r?o.A.sources.SILENT:e)}catch(t){}}))})),this.emitter.on(o.A.events.SCROLL_OPTIMIZE,((t,e)=>{if(e.range){const{startNode:t,startOffset:n,endNode:r,endOffset:i}=e.range;this.setNativeRange(t,n,r,i),this.update(o.A.sources.SILENT)}})),this.update(o.A.sources.SILENT)}handleComposition(){this.emitter.on(o.A.events.COMPOSITION_BEFORE_START,(()=>{this.composing=!0})),this.emitter.on(o.A.events.COMPOSITION_END,(()=>{if(this.composing=!1,this.cursor.parent){const t=this.cursor.restore();if(!t)return;setTimeout((()=>{this.setNativeRange(t.startNode,t.startOffset,t.endNode,t.endOffset)}),1)}}))}handleDragging(){this.emitter.listenDOM("mousedown",document.body,(()=>{this.mouseDown=!0})),this.emitter.listenDOM("mouseup",document.body,(()=>{this.mouseDown=!1,this.update(o.A.sources.USER)}))}focus(){this.hasFocus()||(this.root.focus({preventScroll:!0}),this.setRange(this.savedRange))}format(t,e){this.scroll.update();const n=this.getNativeRange();if(null!=n&&n.native.collapsed&&!this.scroll.query(t,r.Scope.BLOCK)){if(n.start.node!==this.cursor.textNode){const t=this.scroll.find(n.start.node,!1);if(null==t)return;if(t instanceof r.LeafBlot){const e=t.split(n.start.offset);t.parent.insertBefore(this.cursor,e)}else t.insertBefore(this.cursor,n.start.node);this.cursor.attach()}this.cursor.format(t,e),this.scroll.optimize(),this.setNativeRange(this.cursor.textNode,this.cursor.textNode.data.length),this.update()}}getBounds(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;const n=this.scroll.length();let r;t=Math.min(t,n-1),e=Math.min(t+e,n-1)-t;let[i,s]=this.scroll.leaf(t);if(null==i)return null;if(e>0&&s===i.length()){const[e]=this.scroll.leaf(t+1);if(e){const[n]=this.scroll.line(t),[r]=this.scroll.line(t+1);n===r&&(i=e,s=0)}}[r,s]=i.position(s,!0);const o=document.createRange();if(e>0)return o.setStart(r,s),[i,s]=this.scroll.leaf(t+e),null==i?null:([r,s]=i.position(s,!0),o.setEnd(r,s),o.getBoundingClientRect());let l,a="left";if(r instanceof Text){if(!r.data.length)return null;s<r.data.length?(o.setStart(r,s),o.setEnd(r,s+1)):(o.setStart(r,s-1),o.setEnd(r,s),a="right"),l=o.getBoundingClientRect()}else{if(!(i.domNode instanceof Element))return null;l=i.domNode.getBoundingClientRect(),s>0&&(a="right")}return{bottom:l.top+l.height,height:l.height,left:l[a],right:l[a],top:l.top,width:0}}getNativeRange(){const t=document.getSelection();if(null==t||t.rangeCount<=0)return null;const e=t.getRangeAt(0);if(null==e)return null;const n=this.normalizeNative(e);return l.info("getNativeRange",n),n}getRange(){const t=this.scroll.domNode;if("isConnected"in t&&!t.isConnected)return[null,null];const e=this.getNativeRange();return null==e?[null,null]:[this.normalizedToRange(e),e]}hasFocus(){return document.activeElement===this.root||null!=document.activeElement&&c(this.root,document.activeElement)}normalizedToRange(t){const e=[[t.start.node,t.start.offset]];t.native.collapsed||e.push([t.end.node,t.end.offset]);const n=e.map((t=>{const[e,n]=t,i=this.scroll.find(e,!0),s=i.offset(this.scroll);return 0===n?s:i instanceof r.LeafBlot?s+i.index(e,n):s+i.length()})),i=Math.min(Math.max(...n),this.scroll.length()-1),s=Math.min(i,...n);return new a(s,i-s)}normalizeNative(t){if(!c(this.root,t.startContainer)||!t.collapsed&&!c(this.root,t.endContainer))return null;const e={start:{node:t.startContainer,offset:t.startOffset},end:{node:t.endContainer,offset:t.endOffset},native:t};return[e.start,e.end].forEach((t=>{let{node:e,offset:n}=t;for(;!(e instanceof Text)&&e.childNodes.length>0;)if(e.childNodes.length>n)e=e.childNodes[n],n=0;else{if(e.childNodes.length!==n)break;e=e.lastChild,n=e instanceof Text?e.data.length:e.childNodes.length>0?e.childNodes.length:e.childNodes.length+1}t.node=e,t.offset=n})),e}rangeToNative(t){const e=this.scroll.length(),n=(t,n)=>{t=Math.min(e-1,t);const[r,i]=this.scroll.leaf(t);return r?r.position(i,n):[null,-1]};return[...n(t.index,!1),...n(t.index+t.length,!0)]}setNativeRange(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:t,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:e,i=arguments.length>4&&void 0!==arguments[4]&&arguments[4];if(l.info("setNativeRange",t,e,n,r),null!=t&&(null==this.root.parentNode||null==t.parentNode||null==n.parentNode))return;const s=document.getSelection();if(null!=s)if(null!=t){this.hasFocus()||this.root.focus({preventScroll:!0});const{native:o}=this.getNativeRange()||{};if(null==o||i||t!==o.startContainer||e!==o.startOffset||n!==o.endContainer||r!==o.endOffset){t instanceof Element&&"BR"===t.tagName&&(e=Array.from(t.parentNode.childNodes).indexOf(t),t=t.parentNode),n instanceof Element&&"BR"===n.tagName&&(r=Array.from(n.parentNode.childNodes).indexOf(n),n=n.parentNode);const i=document.createRange();i.setStart(t,e),i.setEnd(n,r),s.removeAllRanges(),s.addRange(i)}}else s.removeAllRanges(),this.root.blur()}setRange(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o.A.sources.API;if("string"==typeof e&&(n=e,e=!1),l.info("setRange",t),null!=t){const n=this.rangeToNative(t);this.setNativeRange(...n,e)}else this.setNativeRange(null);this.update(n)}update(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o.A.sources.USER;const e=this.lastRange,[n,r]=this.getRange();if(this.lastRange=n,this.lastNative=r,null!=this.lastRange&&(this.savedRange=this.lastRange),!(0,i.A)(e,this.lastRange)){if(!this.composing&&null!=r&&r.native.collapsed&&r.start.node!==this.cursor.textNode){const t=this.cursor.restore();t&&this.setNativeRange(t.startNode,t.startOffset,t.endNode,t.endOffset)}const n=[o.A.events.SELECTION_CHANGE,(0,s.A)(this.lastRange),(0,s.A)(e),t];this.emitter.emit(o.A.events.EDITOR_CHANGE,...n),t!==o.A.sources.SILENT&&this.emitter.emit(...n)}}}},9609:function(t,e){"use strict";class n{static DEFAULTS={modules:{}};static themes={default:n};modules={};constructor(t,e){this.quill=t,this.options=e}init(){Object.keys(this.options.modules).forEach((t=>{null==this.modules[t]&&this.addModule(t)}))}addModule(t){const e=this.quill.constructor.import(`modules/${t}`);return this.modules[t]=new e(this.quill,this.options.modules[t]||{}),this.modules[t]}}e.A=n},8276:function(t,e,n){"use strict";n.d(e,{Hu:function(){return l},gS:function(){return s},qh:function(){return o}});var r=n(6003);const i={scope:r.Scope.BLOCK,whitelist:["right","center","justify"]},s=new r.Attributor("align","align",i),o=new r.ClassAttributor("align","ql-align",i),l=new r.StyleAttributor("align","text-align",i)},9541:function(t,e,n){"use strict";n.d(e,{l:function(){return s},s:function(){return o}});var r=n(6003),i=n(8638);const s=new r.ClassAttributor("background","ql-bg",{scope:r.Scope.INLINE}),o=new i.a2("background","background-color",{scope:r.Scope.INLINE})},9404:function(t,e,n){"use strict";n.d(e,{Ay:function(){return h},Cy:function(){return d},EJ:function(){return u}});var r=n(9698),i=n(3036),s=n(4541),o=n(4850),l=n(5508),a=n(580),c=n(6142);class u extends a.A{static create(t){const e=super.create(t);return e.setAttribute("spellcheck","false"),e}code(t,e){return this.children.map((t=>t.length()<=1?"":t.domNode.innerText)).join("\n").slice(t,t+e)}html(t,e){return`<pre>\n${(0,l.X)(this.code(t,e))}\n</pre>`}}class h extends r.Ay{static TAB="  ";static register(){c.Ay.register(u)}}class d extends o.A{}d.blotName="code",d.tagName="CODE",h.blotName="code-block",h.className="ql-code-block",h.tagName="DIV",u.blotName="code-block-container",u.className="ql-code-block-container",u.tagName="DIV",u.allowedChildren=[h],h.allowedChildren=[l.A,i.A,s.A],h.requiredContainer=u},8638:function(t,e,n){"use strict";n.d(e,{JM:function(){return o},a2:function(){return i},g3:function(){return s}});var r=n(6003);class i extends r.StyleAttributor{value(t){let e=super.value(t);return e.startsWith("rgb(")?(e=e.replace(/^[^\d]+/,"").replace(/[^\d]+$/,""),`#${e.split(",").map((t=>`00${parseInt(t,10).toString(16)}`.slice(-2))).join("")}`):e}}const s=new r.ClassAttributor("color","ql-color",{scope:r.Scope.INLINE}),o=new i("color","color",{scope:r.Scope.INLINE})},7912:function(t,e,n){"use strict";n.d(e,{Mc:function(){return s},VL:function(){return l},sY:function(){return o}});var r=n(6003);const i={scope:r.Scope.BLOCK,whitelist:["rtl"]},s=new r.Attributor("direction","dir",i),o=new r.ClassAttributor("direction","ql-direction",i),l=new r.StyleAttributor("direction","direction",i)},6772:function(t,e,n){"use strict";n.d(e,{q:function(){return s},z:function(){return l}});var r=n(6003);const i={scope:r.Scope.INLINE,whitelist:["serif","monospace"]},s=new r.ClassAttributor("font","ql-font",i);class o extends r.StyleAttributor{value(t){return super.value(t).replace(/["']/g,"")}}const l=new o("font","font-family",i)},664:function(t,e,n){"use strict";n.d(e,{U:function(){return i},r:function(){return s}});var r=n(6003);const i=new r.ClassAttributor("size","ql-size",{scope:r.Scope.INLINE,whitelist:["small","large","huge"]}),s=new r.StyleAttributor("size","font-size",{scope:r.Scope.INLINE,whitelist:["10px","18px","32px"]})},584:function(t,e,n){"use strict";n.d(e,{Ay:function(){return S},hV:function(){return I}});var r=n(6003),i=n(5232),s=n.n(i),o=n(9698),l=n(6078),a=n(4266),c=n(6142),u=n(8276),h=n(9541),d=n(9404),f=n(8638),p=n(7912),g=n(6772),m=n(664),b=n(8123);const y=/font-weight:\s*normal/,v=["P","OL","UL"],A=t=>t&&v.includes(t.tagName),x=/\bmso-list:[^;]*ignore/i,N=/\bmso-list:[^;]*\bl(\d+)/i,E=/\bmso-list:[^;]*\blevel(\d+)/i,w=[function(t){"urn:schemas-microsoft-com:office:word"===t.documentElement.getAttribute("xmlns:w")&&(t=>{const e=Array.from(t.querySelectorAll("[style*=mso-list]")),n=[],r=[];e.forEach((t=>{(t.getAttribute("style")||"").match(x)?n.push(t):r.push(t)})),n.forEach((t=>t.parentNode?.removeChild(t)));const i=t.documentElement.innerHTML,s=r.map((t=>((t,e)=>{const n=t.getAttribute("style"),r=n?.match(N);if(!r)return null;const i=Number(r[1]),s=n?.match(E),o=s?Number(s[1]):1,l=new RegExp(`@list l${i}:level${o}\\s*\\{[^\\}]*mso-level-number-format:\\s*([\\w-]+)`,"i"),a=e.match(l);return{id:i,indent:o,type:a&&"bullet"===a[1]?"bullet":"ordered",element:t}})(t,i))).filter((t=>t));for(;s.length;){const t=[];let e=s.shift();for(;e;)t.push(e),e=s.length&&s[0]?.element===e.element.nextElementSibling&&s[0].id===e.id?s.shift():null;const n=document.createElement("ul");t.forEach((t=>{const e=document.createElement("li");e.setAttribute("data-list",t.type),t.indent>1&&e.setAttribute("class","ql-indent-"+(t.indent-1)),e.innerHTML=t.element.innerHTML,n.appendChild(e)}));const r=t[0]?.element,{parentNode:i}=r??{};r&&i?.replaceChild(n,r),t.slice(1).forEach((t=>{let{element:e}=t;i?.removeChild(e)}))}})(t)},function(t){t.querySelector('[id^="docs-internal-guid-"]')&&((t=>{Array.from(t.querySelectorAll('b[style*="font-weight"]')).filter((t=>t.getAttribute("style")?.match(y))).forEach((e=>{const n=t.createDocumentFragment();n.append(...e.childNodes),e.parentNode?.replaceChild(n,e)}))})(t),(t=>{Array.from(t.querySelectorAll("br")).filter((t=>A(t.previousElementSibling)&&A(t.nextElementSibling))).forEach((t=>{t.parentNode?.removeChild(t)}))})(t))}];const q=(0,l.A)("quill:clipboard"),k=[[Node.TEXT_NODE,function(t,e,n){let r=t.data;if("O:P"===t.parentElement?.tagName)return e.insert(r.trim());if(!R(t)){if(0===r.trim().length&&r.includes("\n")&&!function(t,e){return t.previousElementSibling&&t.nextElementSibling&&!j(t.previousElementSibling,e)&&!j(t.nextElementSibling,e)}(t,n))return e;r=r.replace(/[^\S\u00a0]/g," "),r=r.replace(/ {2,}/g," "),(null==t.previousSibling&&null!=t.parentElement&&j(t.parentElement,n)||t.previousSibling instanceof Element&&j(t.previousSibling,n))&&(r=r.replace(/^ /,"")),(null==t.nextSibling&&null!=t.parentElement&&j(t.parentElement,n)||t.nextSibling instanceof Element&&j(t.nextSibling,n))&&(r=r.replace(/ $/,"")),r=r.replaceAll(" "," ")}return e.insert(r)}],[Node.TEXT_NODE,M],["br",function(t,e){return T(e,"\n")||e.insert("\n"),e}],[Node.ELEMENT_NODE,M],[Node.ELEMENT_NODE,function(t,e,n){const i=n.query(t);if(null==i)return e;if(i.prototype instanceof r.EmbedBlot){const e={},r=i.value(t);if(null!=r)return e[i.blotName]=r,(new(s())).insert(e,i.formats(t,n))}else if(i.prototype instanceof r.BlockBlot&&!T(e,"\n")&&e.insert("\n"),"blotName"in i&&"formats"in i&&"function"==typeof i.formats)return O(e,i.blotName,i.formats(t,n),n);return e}],[Node.ELEMENT_NODE,function(t,e,n){const i=r.Attributor.keys(t),s=r.ClassAttributor.keys(t),o=r.StyleAttributor.keys(t),l={};return i.concat(s).concat(o).forEach((e=>{let i=n.query(e,r.Scope.ATTRIBUTE);null!=i&&(l[i.attrName]=i.value(t),l[i.attrName])||(i=_[e],null==i||i.attrName!==e&&i.keyName!==e||(l[i.attrName]=i.value(t)||void 0),i=L[e],null==i||i.attrName!==e&&i.keyName!==e||(i=L[e],l[i.attrName]=i.value(t)||void 0))})),Object.entries(l).reduce(((t,e)=>{let[r,i]=e;return O(t,r,i,n)}),e)}],[Node.ELEMENT_NODE,function(t,e,n){const r={},i=t.style||{};return"italic"===i.fontStyle&&(r.italic=!0),"underline"===i.textDecoration&&(r.underline=!0),"line-through"===i.textDecoration&&(r.strike=!0),(i.fontWeight?.startsWith("bold")||parseInt(i.fontWeight,10)>=700)&&(r.bold=!0),e=Object.entries(r).reduce(((t,e)=>{let[r,i]=e;return O(t,r,i,n)}),e),parseFloat(i.textIndent||0)>0?(new(s())).insert("\t").concat(e):e}],["li",function(t,e,n){const r=n.query(t);if(null==r||"list"!==r.blotName||!T(e,"\n"))return e;let i=-1,o=t.parentNode;for(;null!=o;)["OL","UL"].includes(o.tagName)&&(i+=1),o=o.parentNode;return i<=0?e:e.reduce(((t,e)=>e.insert?e.attributes&&"number"==typeof e.attributes.indent?t.push(e):t.insert(e.insert,{indent:i,...e.attributes||{}}):t),new(s()))}],["ol, ul",function(t,e,n){const r=t;let i="OL"===r.tagName?"ordered":"bullet";const s=r.getAttribute("data-checked");return s&&(i="true"===s?"checked":"unchecked"),O(e,"list",i,n)}],["pre",function(t,e,n){const r=n.query("code-block");return O(e,"code-block",!r||!("formats"in r)||"function"!=typeof r.formats||r.formats(t,n),n)}],["tr",function(t,e,n){const r="TABLE"===t.parentElement?.tagName?t.parentElement:t.parentElement?.parentElement;return null!=r?O(e,"table",Array.from(r.querySelectorAll("tr")).indexOf(t)+1,n):e}],["b",B("bold")],["i",B("italic")],["strike",B("strike")],["style",function(){return new(s())}]],_=[u.gS,p.Mc].reduce(((t,e)=>(t[e.keyName]=e,t)),{}),L=[u.Hu,h.s,f.JM,p.VL,g.z,m.r].reduce(((t,e)=>(t[e.keyName]=e,t)),{});class S extends a.A{static DEFAULTS={matchers:[]};constructor(t,e){super(t,e),this.quill.root.addEventListener("copy",(t=>this.onCaptureCopy(t,!1))),this.quill.root.addEventListener("cut",(t=>this.onCaptureCopy(t,!0))),this.quill.root.addEventListener("paste",this.onCapturePaste.bind(this)),this.matchers=[],k.concat(this.options.matchers??[]).forEach((t=>{let[e,n]=t;this.addMatcher(e,n)}))}addMatcher(t,e){this.matchers.push([t,e])}convert(t){let{html:e,text:n}=t,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(r[d.Ay.blotName])return(new(s())).insert(n||"",{[d.Ay.blotName]:r[d.Ay.blotName]});if(!e)return(new(s())).insert(n||"",r);const i=this.convertHTML(e);return T(i,"\n")&&(null==i.ops[i.ops.length-1].attributes||r.table)?i.compose((new(s())).retain(i.length()-1).delete(1)):i}normalizeHTML(t){(t=>{t.documentElement&&w.forEach((e=>{e(t)}))})(t)}convertHTML(t){const e=(new DOMParser).parseFromString(t,"text/html");this.normalizeHTML(e);const n=e.body,r=new WeakMap,[i,s]=this.prepareMatching(n,r);return I(this.quill.scroll,n,i,s,r)}dangerouslyPasteHTML(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:c.Ay.sources.API;if("string"==typeof t){const n=this.convert({html:t,text:""});this.quill.setContents(n,e),this.quill.setSelection(0,c.Ay.sources.SILENT)}else{const r=this.convert({html:e,text:""});this.quill.updateContents((new(s())).retain(t).concat(r),n),this.quill.setSelection(t+r.length(),c.Ay.sources.SILENT)}}onCaptureCopy(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(t.defaultPrevented)return;t.preventDefault();const[n]=this.quill.selection.getRange();if(null==n)return;const{html:r,text:i}=this.onCopy(n,e);t.clipboardData?.setData("text/plain",i),t.clipboardData?.setData("text/html",r),e&&(0,b.Xo)({range:n,quill:this.quill})}normalizeURIList(t){return t.split(/\r?\n/).filter((t=>"#"!==t[0])).join("\n")}onCapturePaste(t){if(t.defaultPrevented||!this.quill.isEnabled())return;t.preventDefault();const e=this.quill.getSelection(!0);if(null==e)return;const n=t.clipboardData?.getData("text/html");let r=t.clipboardData?.getData("text/plain");if(!n&&!r){const e=t.clipboardData?.getData("text/uri-list");e&&(r=this.normalizeURIList(e))}const i=Array.from(t.clipboardData?.files||[]);if(!n&&i.length>0)this.quill.uploader.upload(e,i);else{if(n&&i.length>0){const t=(new DOMParser).parseFromString(n,"text/html");if(1===t.body.childElementCount&&"IMG"===t.body.firstElementChild?.tagName)return void this.quill.uploader.upload(e,i)}this.onPaste(e,{html:n,text:r})}}onCopy(t){const e=this.quill.getText(t);return{html:this.quill.getSemanticHTML(t),text:e}}onPaste(t,e){let{text:n,html:r}=e;const i=this.quill.getFormat(t.index),o=this.convert({text:n,html:r},i);q.log("onPaste",o,{text:n,html:r});const l=(new(s())).retain(t.index).delete(t.length).concat(o);this.quill.updateContents(l,c.Ay.sources.USER),this.quill.setSelection(l.length()-t.length,c.Ay.sources.SILENT),this.quill.scrollSelectionIntoView()}prepareMatching(t,e){const n=[],r=[];return this.matchers.forEach((i=>{const[s,o]=i;switch(s){case Node.TEXT_NODE:r.push(o);break;case Node.ELEMENT_NODE:n.push(o);break;default:Array.from(t.querySelectorAll(s)).forEach((t=>{if(e.has(t)){const n=e.get(t);n?.push(o)}else e.set(t,[o])}))}})),[n,r]}}function O(t,e,n,r){return r.query(e)?t.reduce(((t,r)=>{if(!r.insert)return t;if(r.attributes&&r.attributes[e])return t.push(r);const i=n?{[e]:n}:{};return t.insert(r.insert,{...i,...r.attributes})}),new(s())):t}function T(t,e){let n="";for(let r=t.ops.length-1;r>=0&&n.length<e.length;--r){const e=t.ops[r];if("string"!=typeof e.insert)break;n=e.insert+n}return n.slice(-1*e.length)===e}function j(t,e){if(!(t instanceof Element))return!1;const n=e.query(t);return!(n&&n.prototype instanceof r.EmbedBlot)&&["address","article","blockquote","canvas","dd","div","dl","dt","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","iframe","li","main","nav","ol","output","p","pre","section","table","td","tr","ul","video"].includes(t.tagName.toLowerCase())}const C=new WeakMap;function R(t){return null!=t&&(C.has(t)||("PRE"===t.tagName?C.set(t,!0):C.set(t,R(t.parentNode))),C.get(t))}function I(t,e,n,r,i){return e.nodeType===e.TEXT_NODE?r.reduce(((n,r)=>r(e,n,t)),new(s())):e.nodeType===e.ELEMENT_NODE?Array.from(e.childNodes||[]).reduce(((s,o)=>{let l=I(t,o,n,r,i);return o.nodeType===e.ELEMENT_NODE&&(l=n.reduce(((e,n)=>n(o,e,t)),l),l=(i.get(o)||[]).reduce(((e,n)=>n(o,e,t)),l)),s.concat(l)}),new(s())):new(s())}function B(t){return(e,n,r)=>O(n,t,!0,r)}function M(t,e,n){if(!T(e,"\n")){if(j(t,n)&&(t.childNodes.length>0||t instanceof HTMLParagraphElement))return e.insert("\n");if(e.length()>0&&t.nextSibling){let r=t.nextSibling;for(;null!=r;){if(j(r,n))return e.insert("\n");const t=n.query(r);if(t&&t.prototype instanceof o.zo)return e.insert("\n");r=r.firstChild}}}return e}},8123:function(t,e,n){"use strict";n.d(e,{Ay:function(){return f},Xo:function(){return v}});var r=n(5123),i=n(3707),s=n(5232),o=n.n(s),l=n(6003),a=n(6142),c=n(6078),u=n(4266);const h=(0,c.A)("quill:keyboard"),d=/Mac/i.test(navigator.platform)?"metaKey":"ctrlKey";class f extends u.A{static match(t,e){return!["altKey","ctrlKey","metaKey","shiftKey"].some((n=>!!e[n]!==t[n]&&null!==e[n]))&&(e.key===t.key||e.key===t.which)}constructor(t,e){super(t,e),this.bindings={},Object.keys(this.options.bindings).forEach((t=>{this.options.bindings[t]&&this.addBinding(this.options.bindings[t])})),this.addBinding({key:"Enter",shiftKey:null},this.handleEnter),this.addBinding({key:"Enter",metaKey:null,ctrlKey:null,altKey:null},(()=>{})),/Firefox/i.test(navigator.userAgent)?(this.addBinding({key:"Backspace"},{collapsed:!0},this.handleBackspace),this.addBinding({key:"Delete"},{collapsed:!0},this.handleDelete)):(this.addBinding({key:"Backspace"},{collapsed:!0,prefix:/^.?$/},this.handleBackspace),this.addBinding({key:"Delete"},{collapsed:!0,suffix:/^.?$/},this.handleDelete)),this.addBinding({key:"Backspace"},{collapsed:!1},this.handleDeleteRange),this.addBinding({key:"Delete"},{collapsed:!1},this.handleDeleteRange),this.addBinding({key:"Backspace",altKey:null,ctrlKey:null,metaKey:null,shiftKey:null},{collapsed:!0,offset:0},this.handleBackspace),this.listen()}addBinding(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const r=function(t){if("string"==typeof t||"number"==typeof t)t={key:t};else{if("object"!=typeof t)return null;t=(0,i.A)(t)}return t.shortKey&&(t[d]=t.shortKey,delete t.shortKey),t}(t);null!=r?("function"==typeof e&&(e={handler:e}),"function"==typeof n&&(n={handler:n}),(Array.isArray(r.key)?r.key:[r.key]).forEach((t=>{const i={...r,key:t,...e,...n};this.bindings[i.key]=this.bindings[i.key]||[],this.bindings[i.key].push(i)}))):h.warn("Attempted to add invalid keyboard binding",r)}listen(){this.quill.root.addEventListener("keydown",(t=>{if(t.defaultPrevented||t.isComposing)return;if(229===t.keyCode&&("Enter"===t.key||"Backspace"===t.key))return;const e=(this.bindings[t.key]||[]).concat(this.bindings[t.which]||[]).filter((e=>f.match(t,e)));if(0===e.length)return;const n=a.Ay.find(t.target,!0);if(n&&n.scroll!==this.quill.scroll)return;const i=this.quill.getSelection();if(null==i||!this.quill.hasFocus())return;const[s,o]=this.quill.getLine(i.index),[c,u]=this.quill.getLeaf(i.index),[h,d]=0===i.length?[c,u]:this.quill.getLeaf(i.index+i.length),p=c instanceof l.TextBlot?c.value().slice(0,u):"",g=h instanceof l.TextBlot?h.value().slice(d):"",m={collapsed:0===i.length,empty:0===i.length&&s.length()<=1,format:this.quill.getFormat(i),line:s,offset:o,prefix:p,suffix:g,event:t};e.some((t=>{if(null!=t.collapsed&&t.collapsed!==m.collapsed)return!1;if(null!=t.empty&&t.empty!==m.empty)return!1;if(null!=t.offset&&t.offset!==m.offset)return!1;if(Array.isArray(t.format)){if(t.format.every((t=>null==m.format[t])))return!1}else if("object"==typeof t.format&&!Object.keys(t.format).every((e=>!0===t.format[e]?null!=m.format[e]:!1===t.format[e]?null==m.format[e]:(0,r.A)(t.format[e],m.format[e]))))return!1;return!(null!=t.prefix&&!t.prefix.test(m.prefix)||null!=t.suffix&&!t.suffix.test(m.suffix)||!0===t.handler.call(this,i,m,t))}))&&t.preventDefault()}))}handleBackspace(t,e){const n=/[\uD800-\uDBFF][\uDC00-\uDFFF]$/.test(e.prefix)?2:1;if(0===t.index||this.quill.getLength()<=1)return;let r={};const[i]=this.quill.getLine(t.index);let l=(new(o())).retain(t.index-n).delete(n);if(0===e.offset){const[e]=this.quill.getLine(t.index-1);if(e&&!("block"===e.statics.blotName&&e.length()<=1)){const e=i.formats(),n=this.quill.getFormat(t.index-1,1);if(r=s.AttributeMap.diff(e,n)||{},Object.keys(r).length>0){const e=(new(o())).retain(t.index+i.length()-2).retain(1,r);l=l.compose(e)}}}this.quill.updateContents(l,a.Ay.sources.USER),this.quill.focus()}handleDelete(t,e){const n=/^[\uD800-\uDBFF][\uDC00-\uDFFF]/.test(e.suffix)?2:1;if(t.index>=this.quill.getLength()-n)return;let r={};const[i]=this.quill.getLine(t.index);let l=(new(o())).retain(t.index).delete(n);if(e.offset>=i.length()-1){const[e]=this.quill.getLine(t.index+1);if(e){const n=i.formats(),o=this.quill.getFormat(t.index,1);r=s.AttributeMap.diff(n,o)||{},Object.keys(r).length>0&&(l=l.retain(e.length()-1).retain(1,r))}}this.quill.updateContents(l,a.Ay.sources.USER),this.quill.focus()}handleDeleteRange(t){v({range:t,quill:this.quill}),this.quill.focus()}handleEnter(t,e){const n=Object.keys(e.format).reduce(((t,n)=>(this.quill.scroll.query(n,l.Scope.BLOCK)&&!Array.isArray(e.format[n])&&(t[n]=e.format[n]),t)),{}),r=(new(o())).retain(t.index).delete(t.length).insert("\n",n);this.quill.updateContents(r,a.Ay.sources.USER),this.quill.setSelection(t.index+1,a.Ay.sources.SILENT),this.quill.focus()}}const p={bindings:{bold:b("bold"),italic:b("italic"),underline:b("underline"),indent:{key:"Tab",format:["blockquote","indent","list"],handler(t,e){return!(!e.collapsed||0===e.offset)||(this.quill.format("indent","+1",a.Ay.sources.USER),!1)}},outdent:{key:"Tab",shiftKey:!0,format:["blockquote","indent","list"],handler(t,e){return!(!e.collapsed||0===e.offset)||(this.quill.format("indent","-1",a.Ay.sources.USER),!1)}},"outdent backspace":{key:"Backspace",collapsed:!0,shiftKey:null,metaKey:null,ctrlKey:null,altKey:null,format:["indent","list"],offset:0,handler(t,e){null!=e.format.indent?this.quill.format("indent","-1",a.Ay.sources.USER):null!=e.format.list&&this.quill.format("list",!1,a.Ay.sources.USER)}},"indent code-block":g(!0),"outdent code-block":g(!1),"remove tab":{key:"Tab",shiftKey:!0,collapsed:!0,prefix:/\t$/,handler(t){this.quill.deleteText(t.index-1,1,a.Ay.sources.USER)}},tab:{key:"Tab",handler(t,e){if(e.format.table)return!0;this.quill.history.cutoff();const n=(new(o())).retain(t.index).delete(t.length).insert("\t");return this.quill.updateContents(n,a.Ay.sources.USER),this.quill.history.cutoff(),this.quill.setSelection(t.index+1,a.Ay.sources.SILENT),!1}},"blockquote empty enter":{key:"Enter",collapsed:!0,format:["blockquote"],empty:!0,handler(){this.quill.format("blockquote",!1,a.Ay.sources.USER)}},"list empty enter":{key:"Enter",collapsed:!0,format:["list"],empty:!0,handler(t,e){const n={list:!1};e.format.indent&&(n.indent=!1),this.quill.formatLine(t.index,t.length,n,a.Ay.sources.USER)}},"checklist enter":{key:"Enter",collapsed:!0,format:{list:"checked"},handler(t){const[e,n]=this.quill.getLine(t.index),r={...e.formats(),list:"checked"},i=(new(o())).retain(t.index).insert("\n",r).retain(e.length()-n-1).retain(1,{list:"unchecked"});this.quill.updateContents(i,a.Ay.sources.USER),this.quill.setSelection(t.index+1,a.Ay.sources.SILENT),this.quill.scrollSelectionIntoView()}},"header enter":{key:"Enter",collapsed:!0,format:["header"],suffix:/^$/,handler(t,e){const[n,r]=this.quill.getLine(t.index),i=(new(o())).retain(t.index).insert("\n",e.format).retain(n.length()-r-1).retain(1,{header:null});this.quill.updateContents(i,a.Ay.sources.USER),this.quill.setSelection(t.index+1,a.Ay.sources.SILENT),this.quill.scrollSelectionIntoView()}},"table backspace":{key:"Backspace",format:["table"],collapsed:!0,offset:0,handler(){}},"table delete":{key:"Delete",format:["table"],collapsed:!0,suffix:/^$/,handler(){}},"table enter":{key:"Enter",shiftKey:null,format:["table"],handler(t){const e=this.quill.getModule("table");if(e){const[n,r,i,s]=e.getTable(t),l=function(t,e,n,r){return null==e.prev&&null==e.next?null==n.prev&&null==n.next?0===r?-1:1:null==n.prev?-1:1:null==e.prev?-1:null==e.next?1:null}(0,r,i,s);if(null==l)return;let c=n.offset();if(l<0){const e=(new(o())).retain(c).insert("\n");this.quill.updateContents(e,a.Ay.sources.USER),this.quill.setSelection(t.index+1,t.length,a.Ay.sources.SILENT)}else if(l>0){c+=n.length();const t=(new(o())).retain(c).insert("\n");this.quill.updateContents(t,a.Ay.sources.USER),this.quill.setSelection(c,a.Ay.sources.USER)}}}},"table tab":{key:"Tab",shiftKey:null,format:["table"],handler(t,e){const{event:n,line:r}=e,i=r.offset(this.quill.scroll);n.shiftKey?this.quill.setSelection(i-1,a.Ay.sources.USER):this.quill.setSelection(i+r.length(),a.Ay.sources.USER)}},"list autofill":{key:" ",shiftKey:null,collapsed:!0,format:{"code-block":!1,blockquote:!1,table:!1},prefix:/^\s*?(\d+\.|-|\*|\[ ?\]|\[x\])$/,handler(t,e){if(null==this.quill.scroll.query("list"))return!0;const{length:n}=e.prefix,[r,i]=this.quill.getLine(t.index);if(i>n)return!0;let s;switch(e.prefix.trim()){case"[]":case"[ ]":s="unchecked";break;case"[x]":s="checked";break;case"-":case"*":s="bullet";break;default:s="ordered"}this.quill.insertText(t.index," ",a.Ay.sources.USER),this.quill.history.cutoff();const l=(new(o())).retain(t.index-i).delete(n+1).retain(r.length()-2-i).retain(1,{list:s});return this.quill.updateContents(l,a.Ay.sources.USER),this.quill.history.cutoff(),this.quill.setSelection(t.index-n,a.Ay.sources.SILENT),!1}},"code exit":{key:"Enter",collapsed:!0,format:["code-block"],prefix:/^$/,suffix:/^\s*$/,handler(t){const[e,n]=this.quill.getLine(t.index);let r=2,i=e;for(;null!=i&&i.length()<=1&&i.formats()["code-block"];)if(i=i.prev,r-=1,r<=0){const r=(new(o())).retain(t.index+e.length()-n-2).retain(1,{"code-block":null}).delete(1);return this.quill.updateContents(r,a.Ay.sources.USER),this.quill.setSelection(t.index-1,a.Ay.sources.SILENT),!1}return!0}},"embed left":m("ArrowLeft",!1),"embed left shift":m("ArrowLeft",!0),"embed right":m("ArrowRight",!1),"embed right shift":m("ArrowRight",!0),"table down":y(!1),"table up":y(!0)}};function g(t){return{key:"Tab",shiftKey:!t,format:{"code-block":!0},handler(e,n){let{event:r}=n;const i=this.quill.scroll.query("code-block"),{TAB:s}=i;if(0===e.length&&!r.shiftKey)return this.quill.insertText(e.index,s,a.Ay.sources.USER),void this.quill.setSelection(e.index+s.length,a.Ay.sources.SILENT);const o=0===e.length?this.quill.getLines(e.index,1):this.quill.getLines(e);let{index:l,length:c}=e;o.forEach(((e,n)=>{t?(e.insertAt(0,s),0===n?l+=s.length:c+=s.length):e.domNode.textContent.startsWith(s)&&(e.deleteAt(0,s.length),0===n?l-=s.length:c-=s.length)})),this.quill.update(a.Ay.sources.USER),this.quill.setSelection(l,c,a.Ay.sources.SILENT)}}}function m(t,e){return{key:t,shiftKey:e,altKey:null,["ArrowLeft"===t?"prefix":"suffix"]:/^$/,handler(n){let{index:r}=n;"ArrowRight"===t&&(r+=n.length+1);const[i]=this.quill.getLeaf(r);return!(i instanceof l.EmbedBlot&&("ArrowLeft"===t?e?this.quill.setSelection(n.index-1,n.length+1,a.Ay.sources.USER):this.quill.setSelection(n.index-1,a.Ay.sources.USER):e?this.quill.setSelection(n.index,n.length+1,a.Ay.sources.USER):this.quill.setSelection(n.index+n.length+1,a.Ay.sources.USER),1))}}}function b(t){return{key:t[0],shortKey:!0,handler(e,n){this.quill.format(t,!n.format[t],a.Ay.sources.USER)}}}function y(t){return{key:t?"ArrowUp":"ArrowDown",collapsed:!0,format:["table"],handler(e,n){const r=t?"prev":"next",i=n.line,s=i.parent[r];if(null!=s){if("table-row"===s.statics.blotName){let t=s.children.head,e=i;for(;null!=e.prev;)e=e.prev,t=t.next;const r=t.offset(this.quill.scroll)+Math.min(n.offset,t.length()-1);this.quill.setSelection(r,0,a.Ay.sources.USER)}}else{const e=i.table()[r];null!=e&&(t?this.quill.setSelection(e.offset(this.quill.scroll)+e.length()-1,0,a.Ay.sources.USER):this.quill.setSelection(e.offset(this.quill.scroll),0,a.Ay.sources.USER))}return!1}}}function v(t){let{quill:e,range:n}=t;const r=e.getLines(n);let i={};if(r.length>1){const t=r[0].formats(),e=r[r.length-1].formats();i=s.AttributeMap.diff(e,t)||{}}e.deleteText(n,a.Ay.sources.USER),Object.keys(i).length>0&&e.formatLine(n.index,1,i,a.Ay.sources.USER),e.setSelection(n.index,a.Ay.sources.SILENT)}f.DEFAULTS=p},8920:function(t){"use strict";var e=Object.prototype.hasOwnProperty,n="~";function r(){}function i(t,e,n){this.fn=t,this.context=e,this.once=n||!1}function s(t,e,r,s,o){if("function"!=typeof r)throw new TypeError("The listener must be a function");var l=new i(r,s||t,o),a=n?n+e:e;return t._events[a]?t._events[a].fn?t._events[a]=[t._events[a],l]:t._events[a].push(l):(t._events[a]=l,t._eventsCount++),t}function o(t,e){0==--t._eventsCount?t._events=new r:delete t._events[e]}function l(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=Object.create(null),(new r).__proto__||(n=!1)),l.prototype.eventNames=function(){var t,r,i=[];if(0===this._eventsCount)return i;for(r in t=this._events)e.call(t,r)&&i.push(n?r.slice(1):r);return Object.getOwnPropertySymbols?i.concat(Object.getOwnPropertySymbols(t)):i},l.prototype.listeners=function(t){var e=n?n+t:t,r=this._events[e];if(!r)return[];if(r.fn)return[r.fn];for(var i=0,s=r.length,o=new Array(s);i<s;i++)o[i]=r[i].fn;return o},l.prototype.listenerCount=function(t){var e=n?n+t:t,r=this._events[e];return r?r.fn?1:r.length:0},l.prototype.emit=function(t,e,r,i,s,o){var l=n?n+t:t;if(!this._events[l])return!1;var a,c,u=this._events[l],h=arguments.length;if(u.fn){switch(u.once&&this.removeListener(t,u.fn,void 0,!0),h){case 1:return u.fn.call(u.context),!0;case 2:return u.fn.call(u.context,e),!0;case 3:return u.fn.call(u.context,e,r),!0;case 4:return u.fn.call(u.context,e,r,i),!0;case 5:return u.fn.call(u.context,e,r,i,s),!0;case 6:return u.fn.call(u.context,e,r,i,s,o),!0}for(c=1,a=new Array(h-1);c<h;c++)a[c-1]=arguments[c];u.fn.apply(u.context,a)}else{var d,f=u.length;for(c=0;c<f;c++)switch(u[c].once&&this.removeListener(t,u[c].fn,void 0,!0),h){case 1:u[c].fn.call(u[c].context);break;case 2:u[c].fn.call(u[c].context,e);break;case 3:u[c].fn.call(u[c].context,e,r);break;case 4:u[c].fn.call(u[c].context,e,r,i);break;default:if(!a)for(d=1,a=new Array(h-1);d<h;d++)a[d-1]=arguments[d];u[c].fn.apply(u[c].context,a)}}return!0},l.prototype.on=function(t,e,n){return s(this,t,e,n,!1)},l.prototype.once=function(t,e,n){return s(this,t,e,n,!0)},l.prototype.removeListener=function(t,e,r,i){var s=n?n+t:t;if(!this._events[s])return this;if(!e)return o(this,s),this;var l=this._events[s];if(l.fn)l.fn!==e||i&&!l.once||r&&l.context!==r||o(this,s);else{for(var a=0,c=[],u=l.length;a<u;a++)(l[a].fn!==e||i&&!l[a].once||r&&l[a].context!==r)&&c.push(l[a]);c.length?this._events[s]=1===c.length?c[0]:c:o(this,s)}return this},l.prototype.removeAllListeners=function(t){var e;return t?(e=n?n+t:t,this._events[e]&&o(this,e)):(this._events=new r,this._eventsCount=0),this},l.prototype.off=l.prototype.removeListener,l.prototype.addListener=l.prototype.on,l.prefixed=n,l.EventEmitter=l,t.exports=l},5090:function(t){var e=-1,n=1,r=0;function i(t,g,m,b,y){if(t===g)return t?[[r,t]]:[];if(null!=m){var A=function(t,e,n){var r="number"==typeof n?{index:n,length:0}:n.oldRange,i="number"==typeof n?null:n.newRange,s=t.length,o=e.length;if(0===r.length&&(null===i||0===i.length)){var l=r.index,a=t.slice(0,l),c=t.slice(l),u=i?i.index:null,h=l+o-s;if((null===u||u===h)&&!(h<0||h>o)){var d=e.slice(0,h);if((g=e.slice(h))===c){var f=Math.min(l,h);if((b=a.slice(0,f))===(A=d.slice(0,f)))return v(b,a.slice(f),d.slice(f),c)}}if(null===u||u===l){var p=l,g=(d=e.slice(0,p),e.slice(p));if(d===a){var m=Math.min(s-p,o-p);if((y=c.slice(c.length-m))===(x=g.slice(g.length-m)))return v(a,c.slice(0,c.length-m),g.slice(0,g.length-m),y)}}}if(r.length>0&&i&&0===i.length){var b=t.slice(0,r.index),y=t.slice(r.index+r.length);if(!(o<(f=b.length)+(m=y.length))){var A=e.slice(0,f),x=e.slice(o-m);if(b===A&&y===x)return v(b,t.slice(f,s-m),e.slice(f,o-m),y)}}return null}(t,g,m);if(A)return A}var x=o(t,g),N=t.substring(0,x);x=a(t=t.substring(x),g=g.substring(x));var E=t.substring(t.length-x),w=function(t,l){var c;if(!t)return[[n,l]];if(!l)return[[e,t]];var u=t.length>l.length?t:l,h=t.length>l.length?l:t,d=u.indexOf(h);if(-1!==d)return c=[[n,u.substring(0,d)],[r,h],[n,u.substring(d+h.length)]],t.length>l.length&&(c[0][0]=c[2][0]=e),c;if(1===h.length)return[[e,t],[n,l]];var f=function(t,e){var n=t.length>e.length?t:e,r=t.length>e.length?e:t;if(n.length<4||2*r.length<n.length)return null;function i(t,e,n){for(var r,i,s,l,c=t.substring(n,n+Math.floor(t.length/4)),u=-1,h="";-1!==(u=e.indexOf(c,u+1));){var d=o(t.substring(n),e.substring(u)),f=a(t.substring(0,n),e.substring(0,u));h.length<f+d&&(h=e.substring(u-f,u)+e.substring(u,u+d),r=t.substring(0,n-f),i=t.substring(n+d),s=e.substring(0,u-f),l=e.substring(u+d))}return 2*h.length>=t.length?[r,i,s,l,h]:null}var s,l,c,u,h,d=i(n,r,Math.ceil(n.length/4)),f=i(n,r,Math.ceil(n.length/2));return d||f?(s=f?d&&d[4].length>f[4].length?d:f:d,t.length>e.length?(l=s[0],c=s[1],u=s[2],h=s[3]):(u=s[0],h=s[1],l=s[2],c=s[3]),[l,c,u,h,s[4]]):null}(t,l);if(f){var p=f[0],g=f[1],m=f[2],b=f[3],y=f[4],v=i(p,m),A=i(g,b);return v.concat([[r,y]],A)}return function(t,r){for(var i=t.length,o=r.length,l=Math.ceil((i+o)/2),a=l,c=2*l,u=new Array(c),h=new Array(c),d=0;d<c;d++)u[d]=-1,h[d]=-1;u[a+1]=0,h[a+1]=0;for(var f=i-o,p=f%2!=0,g=0,m=0,b=0,y=0,v=0;v<l;v++){for(var A=-v+g;A<=v-m;A+=2){for(var x=a+A,N=(_=A===-v||A!==v&&u[x-1]<u[x+1]?u[x+1]:u[x-1]+1)-A;_<i&&N<o&&t.charAt(_)===r.charAt(N);)_++,N++;if(u[x]=_,_>i)m+=2;else if(N>o)g+=2;else if(p&&(q=a+f-A)>=0&&q<c&&-1!==h[q]&&_>=(w=i-h[q]))return s(t,r,_,N)}for(var E=-v+b;E<=v-y;E+=2){for(var w,q=a+E,k=(w=E===-v||E!==v&&h[q-1]<h[q+1]?h[q+1]:h[q-1]+1)-E;w<i&&k<o&&t.charAt(i-w-1)===r.charAt(o-k-1);)w++,k++;if(h[q]=w,w>i)y+=2;else if(k>o)b+=2;else if(!p){var _;if((x=a+f-E)>=0&&x<c&&-1!==u[x])if(N=a+(_=u[x])-x,_>=(w=i-w))return s(t,r,_,N)}}}return[[e,t],[n,r]]}(t,l)}(t=t.substring(0,t.length-x),g=g.substring(0,g.length-x));return N&&w.unshift([r,N]),E&&w.push([r,E]),p(w,y),b&&function(t){for(var i=!1,s=[],o=0,g=null,m=0,b=0,y=0,v=0,A=0;m<t.length;)t[m][0]==r?(s[o++]=m,b=v,y=A,v=0,A=0,g=t[m][1]):(t[m][0]==n?v+=t[m][1].length:A+=t[m][1].length,g&&g.length<=Math.max(b,y)&&g.length<=Math.max(v,A)&&(t.splice(s[o-1],0,[e,g]),t[s[o-1]+1][0]=n,o--,m=--o>0?s[o-1]:-1,b=0,y=0,v=0,A=0,g=null,i=!0)),m++;for(i&&p(t),function(t){function e(t,e){if(!t||!e)return 6;var n=t.charAt(t.length-1),r=e.charAt(0),i=n.match(c),s=r.match(c),o=i&&n.match(u),l=s&&r.match(u),a=o&&n.match(h),p=l&&r.match(h),g=a&&t.match(d),m=p&&e.match(f);return g||m?5:a||p?4:i&&!o&&l?3:o||l?2:i||s?1:0}for(var n=1;n<t.length-1;){if(t[n-1][0]==r&&t[n+1][0]==r){var i=t[n-1][1],s=t[n][1],o=t[n+1][1],l=a(i,s);if(l){var p=s.substring(s.length-l);i=i.substring(0,i.length-l),s=p+s.substring(0,s.length-l),o=p+o}for(var g=i,m=s,b=o,y=e(i,s)+e(s,o);s.charAt(0)===o.charAt(0);){i+=s.charAt(0),s=s.substring(1)+o.charAt(0),o=o.substring(1);var v=e(i,s)+e(s,o);v>=y&&(y=v,g=i,m=s,b=o)}t[n-1][1]!=g&&(g?t[n-1][1]=g:(t.splice(n-1,1),n--),t[n][1]=m,b?t[n+1][1]=b:(t.splice(n+1,1),n--))}n++}}(t),m=1;m<t.length;){if(t[m-1][0]==e&&t[m][0]==n){var x=t[m-1][1],N=t[m][1],E=l(x,N),w=l(N,x);E>=w?(E>=x.length/2||E>=N.length/2)&&(t.splice(m,0,[r,N.substring(0,E)]),t[m-1][1]=x.substring(0,x.length-E),t[m+1][1]=N.substring(E),m++):(w>=x.length/2||w>=N.length/2)&&(t.splice(m,0,[r,x.substring(0,w)]),t[m-1][0]=n,t[m-1][1]=N.substring(0,N.length-w),t[m+1][0]=e,t[m+1][1]=x.substring(w),m++),m++}m++}}(w),w}function s(t,e,n,r){var s=t.substring(0,n),o=e.substring(0,r),l=t.substring(n),a=e.substring(r),c=i(s,o),u=i(l,a);return c.concat(u)}function o(t,e){if(!t||!e||t.charAt(0)!==e.charAt(0))return 0;for(var n=0,r=Math.min(t.length,e.length),i=r,s=0;n<i;)t.substring(s,i)==e.substring(s,i)?s=n=i:r=i,i=Math.floor((r-n)/2+n);return g(t.charCodeAt(i-1))&&i--,i}function l(t,e){var n=t.length,r=e.length;if(0==n||0==r)return 0;n>r?t=t.substring(n-r):n<r&&(e=e.substring(0,n));var i=Math.min(n,r);if(t==e)return i;for(var s=0,o=1;;){var l=t.substring(i-o),a=e.indexOf(l);if(-1==a)return s;o+=a,0!=a&&t.substring(i-o)!=e.substring(0,o)||(s=o,o++)}}function a(t,e){if(!t||!e||t.slice(-1)!==e.slice(-1))return 0;for(var n=0,r=Math.min(t.length,e.length),i=r,s=0;n<i;)t.substring(t.length-i,t.length-s)==e.substring(e.length-i,e.length-s)?s=n=i:r=i,i=Math.floor((r-n)/2+n);return m(t.charCodeAt(t.length-i))&&i--,i}var c=/[^a-zA-Z0-9]/,u=/\s/,h=/[\r\n]/,d=/\n\r?\n$/,f=/^\r?\n\r?\n/;function p(t,i){t.push([r,""]);for(var s,l=0,c=0,u=0,h="",d="";l<t.length;)if(l<t.length-1&&!t[l][1])t.splice(l,1);else switch(t[l][0]){case n:u++,d+=t[l][1],l++;break;case e:c++,h+=t[l][1],l++;break;case r:var f=l-u-c-1;if(i){if(f>=0&&y(t[f][1])){var g=t[f][1].slice(-1);if(t[f][1]=t[f][1].slice(0,-1),h=g+h,d=g+d,!t[f][1]){t.splice(f,1),l--;var m=f-1;t[m]&&t[m][0]===n&&(u++,d=t[m][1]+d,m--),t[m]&&t[m][0]===e&&(c++,h=t[m][1]+h,m--),f=m}}b(t[l][1])&&(g=t[l][1].charAt(0),t[l][1]=t[l][1].slice(1),h+=g,d+=g)}if(l<t.length-1&&!t[l][1]){t.splice(l,1);break}if(h.length>0||d.length>0){h.length>0&&d.length>0&&(0!==(s=o(d,h))&&(f>=0?t[f][1]+=d.substring(0,s):(t.splice(0,0,[r,d.substring(0,s)]),l++),d=d.substring(s),h=h.substring(s)),0!==(s=a(d,h))&&(t[l][1]=d.substring(d.length-s)+t[l][1],d=d.substring(0,d.length-s),h=h.substring(0,h.length-s)));var v=u+c;0===h.length&&0===d.length?(t.splice(l-v,v),l-=v):0===h.length?(t.splice(l-v,v,[n,d]),l=l-v+1):0===d.length?(t.splice(l-v,v,[e,h]),l=l-v+1):(t.splice(l-v,v,[e,h],[n,d]),l=l-v+2)}0!==l&&t[l-1][0]===r?(t[l-1][1]+=t[l][1],t.splice(l,1)):l++,u=0,c=0,h="",d=""}""===t[t.length-1][1]&&t.pop();var A=!1;for(l=1;l<t.length-1;)t[l-1][0]===r&&t[l+1][0]===r&&(t[l][1].substring(t[l][1].length-t[l-1][1].length)===t[l-1][1]?(t[l][1]=t[l-1][1]+t[l][1].substring(0,t[l][1].length-t[l-1][1].length),t[l+1][1]=t[l-1][1]+t[l+1][1],t.splice(l-1,1),A=!0):t[l][1].substring(0,t[l+1][1].length)==t[l+1][1]&&(t[l-1][1]+=t[l+1][1],t[l][1]=t[l][1].substring(t[l+1][1].length)+t[l+1][1],t.splice(l+1,1),A=!0)),l++;A&&p(t,i)}function g(t){return t>=55296&&t<=56319}function m(t){return t>=56320&&t<=57343}function b(t){return m(t.charCodeAt(0))}function y(t){return g(t.charCodeAt(t.length-1))}function v(t,i,s,o){return y(t)||b(o)?null:function(t){for(var e=[],n=0;n<t.length;n++)t[n][1].length>0&&e.push(t[n]);return e}([[r,t],[e,i],[n,s],[r,o]])}function A(t,e,n,r){return i(t,e,n,r,!0)}A.INSERT=n,A.DELETE=e,A.EQUAL=r,t.exports=A},9629:function(t,e,n){t=n.nmd(t);var r="__lodash_hash_undefined__",i=9007199254740991,s="[object Arguments]",o="[object Boolean]",l="[object Date]",a="[object Function]",c="[object GeneratorFunction]",u="[object Map]",h="[object Number]",d="[object Object]",f="[object Promise]",p="[object RegExp]",g="[object Set]",m="[object String]",b="[object Symbol]",y="[object WeakMap]",v="[object ArrayBuffer]",A="[object DataView]",x="[object Float32Array]",N="[object Float64Array]",E="[object Int8Array]",w="[object Int16Array]",q="[object Int32Array]",k="[object Uint8Array]",_="[object Uint8ClampedArray]",L="[object Uint16Array]",S="[object Uint32Array]",O=/\w*$/,T=/^\[object .+?Constructor\]$/,j=/^(?:0|[1-9]\d*)$/,C={};C[s]=C["[object Array]"]=C[v]=C[A]=C[o]=C[l]=C[x]=C[N]=C[E]=C[w]=C[q]=C[u]=C[h]=C[d]=C[p]=C[g]=C[m]=C[b]=C[k]=C[_]=C[L]=C[S]=!0,C["[object Error]"]=C[a]=C[y]=!1;var R="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,I="object"==typeof self&&self&&self.Object===Object&&self,B=R||I||Function("return this")(),M=e&&!e.nodeType&&e,U=M&&t&&!t.nodeType&&t,D=U&&U.exports===M;function P(t,e){return t.set(e[0],e[1]),t}function z(t,e){return t.add(e),t}function F(t,e,n,r){var i=-1,s=t?t.length:0;for(r&&s&&(n=t[++i]);++i<s;)n=e(n,t[i],i,t);return n}function H(t){var e=!1;if(null!=t&&"function"!=typeof t.toString)try{e=!!(t+"")}catch(t){}return e}function $(t){var e=-1,n=Array(t.size);return t.forEach((function(t,r){n[++e]=[r,t]})),n}function V(t,e){return function(n){return t(e(n))}}function K(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var W,Z=Array.prototype,G=Function.prototype,X=Object.prototype,Q=B["__core-js_shared__"],J=(W=/[^.]+$/.exec(Q&&Q.keys&&Q.keys.IE_PROTO||""))?"Symbol(src)_1."+W:"",Y=G.toString,tt=X.hasOwnProperty,et=X.toString,nt=RegExp("^"+Y.call(tt).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),rt=D?B.Buffer:void 0,it=B.Symbol,st=B.Uint8Array,ot=V(Object.getPrototypeOf,Object),lt=Object.create,at=X.propertyIsEnumerable,ct=Z.splice,ut=Object.getOwnPropertySymbols,ht=rt?rt.isBuffer:void 0,dt=V(Object.keys,Object),ft=Bt(B,"DataView"),pt=Bt(B,"Map"),gt=Bt(B,"Promise"),mt=Bt(B,"Set"),bt=Bt(B,"WeakMap"),yt=Bt(Object,"create"),vt=zt(ft),At=zt(pt),xt=zt(gt),Nt=zt(mt),Et=zt(bt),wt=it?it.prototype:void 0,qt=wt?wt.valueOf:void 0;function kt(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function _t(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function Lt(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function St(t){this.__data__=new _t(t)}function Ot(t,e,n){var r=t[e];tt.call(t,e)&&Ft(r,n)&&(void 0!==n||e in t)||(t[e]=n)}function Tt(t,e){for(var n=t.length;n--;)if(Ft(t[n][0],e))return n;return-1}function jt(t,e,n,r,i,f,y){var T;if(r&&(T=f?r(t,i,f,y):r(t)),void 0!==T)return T;if(!Wt(t))return t;var j=Ht(t);if(j){if(T=function(t){var e=t.length,n=t.constructor(e);return e&&"string"==typeof t[0]&&tt.call(t,"index")&&(n.index=t.index,n.input=t.input),n}(t),!e)return function(t,e){var n=-1,r=t.length;for(e||(e=Array(r));++n<r;)e[n]=t[n];return e}(t,T)}else{var R=Ut(t),I=R==a||R==c;if(Vt(t))return function(t,e){if(e)return t.slice();var n=new t.constructor(t.length);return t.copy(n),n}(t,e);if(R==d||R==s||I&&!f){if(H(t))return f?t:{};if(T=function(t){return"function"!=typeof t.constructor||Pt(t)?{}:Wt(e=ot(t))?lt(e):{};var e}(I?{}:t),!e)return function(t,e){return Rt(t,Mt(t),e)}(t,function(t,e){return t&&Rt(e,Zt(e),t)}(T,t))}else{if(!C[R])return f?t:{};T=function(t,e,n,r){var i,s=t.constructor;switch(e){case v:return Ct(t);case o:case l:return new s(+t);case A:return function(t,e){var n=e?Ct(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.byteLength)}(t,r);case x:case N:case E:case w:case q:case k:case _:case L:case S:return function(t,e){var n=e?Ct(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.length)}(t,r);case u:return function(t,e,n){return F(e?n($(t),!0):$(t),P,new t.constructor)}(t,r,n);case h:case m:return new s(t);case p:return function(t){var e=new t.constructor(t.source,O.exec(t));return e.lastIndex=t.lastIndex,e}(t);case g:return function(t,e,n){return F(e?n(K(t),!0):K(t),z,new t.constructor)}(t,r,n);case b:return i=t,qt?Object(qt.call(i)):{}}}(t,R,jt,e)}}y||(y=new St);var B=y.get(t);if(B)return B;if(y.set(t,T),!j)var M=n?function(t){return function(t,e,n){var r=e(t);return Ht(t)?r:function(t,e){for(var n=-1,r=e.length,i=t.length;++n<r;)t[i+n]=e[n];return t}(r,n(t))}(t,Zt,Mt)}(t):Zt(t);return function(t,e){for(var n=-1,r=t?t.length:0;++n<r&&!1!==e(t[n],n););}(M||t,(function(i,s){M&&(i=t[s=i]),Ot(T,s,jt(i,e,n,r,s,t,y))})),T}function Ct(t){var e=new t.constructor(t.byteLength);return new st(e).set(new st(t)),e}function Rt(t,e,n,r){n||(n={});for(var i=-1,s=e.length;++i<s;){var o=e[i],l=r?r(n[o],t[o],o,n,t):void 0;Ot(n,o,void 0===l?t[o]:l)}return n}function It(t,e){var n,r,i=t.__data__;return("string"==(r=typeof(n=e))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?i["string"==typeof e?"string":"hash"]:i.map}function Bt(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return function(t){return!(!Wt(t)||(e=t,J&&J in e))&&(Kt(t)||H(t)?nt:T).test(zt(t));var e}(n)?n:void 0}kt.prototype.clear=function(){this.__data__=yt?yt(null):{}},kt.prototype.delete=function(t){return this.has(t)&&delete this.__data__[t]},kt.prototype.get=function(t){var e=this.__data__;if(yt){var n=e[t];return n===r?void 0:n}return tt.call(e,t)?e[t]:void 0},kt.prototype.has=function(t){var e=this.__data__;return yt?void 0!==e[t]:tt.call(e,t)},kt.prototype.set=function(t,e){return this.__data__[t]=yt&&void 0===e?r:e,this},_t.prototype.clear=function(){this.__data__=[]},_t.prototype.delete=function(t){var e=this.__data__,n=Tt(e,t);return!(n<0||(n==e.length-1?e.pop():ct.call(e,n,1),0))},_t.prototype.get=function(t){var e=this.__data__,n=Tt(e,t);return n<0?void 0:e[n][1]},_t.prototype.has=function(t){return Tt(this.__data__,t)>-1},_t.prototype.set=function(t,e){var n=this.__data__,r=Tt(n,t);return r<0?n.push([t,e]):n[r][1]=e,this},Lt.prototype.clear=function(){this.__data__={hash:new kt,map:new(pt||_t),string:new kt}},Lt.prototype.delete=function(t){return It(this,t).delete(t)},Lt.prototype.get=function(t){return It(this,t).get(t)},Lt.prototype.has=function(t){return It(this,t).has(t)},Lt.prototype.set=function(t,e){return It(this,t).set(t,e),this},St.prototype.clear=function(){this.__data__=new _t},St.prototype.delete=function(t){return this.__data__.delete(t)},St.prototype.get=function(t){return this.__data__.get(t)},St.prototype.has=function(t){return this.__data__.has(t)},St.prototype.set=function(t,e){var n=this.__data__;if(n instanceof _t){var r=n.__data__;if(!pt||r.length<199)return r.push([t,e]),this;n=this.__data__=new Lt(r)}return n.set(t,e),this};var Mt=ut?V(ut,Object):function(){return[]},Ut=function(t){return et.call(t)};function Dt(t,e){return!!(e=null==e?i:e)&&("number"==typeof t||j.test(t))&&t>-1&&t%1==0&&t<e}function Pt(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||X)}function zt(t){if(null!=t){try{return Y.call(t)}catch(t){}try{return t+""}catch(t){}}return""}function Ft(t,e){return t===e||t!=t&&e!=e}(ft&&Ut(new ft(new ArrayBuffer(1)))!=A||pt&&Ut(new pt)!=u||gt&&Ut(gt.resolve())!=f||mt&&Ut(new mt)!=g||bt&&Ut(new bt)!=y)&&(Ut=function(t){var e=et.call(t),n=e==d?t.constructor:void 0,r=n?zt(n):void 0;if(r)switch(r){case vt:return A;case At:return u;case xt:return f;case Nt:return g;case Et:return y}return e});var Ht=Array.isArray;function $t(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=i}(t.length)&&!Kt(t)}var Vt=ht||function(){return!1};function Kt(t){var e=Wt(t)?et.call(t):"";return e==a||e==c}function Wt(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function Zt(t){return $t(t)?function(t,e){var n=Ht(t)||function(t){return function(t){return function(t){return!!t&&"object"==typeof t}(t)&&$t(t)}(t)&&tt.call(t,"callee")&&(!at.call(t,"callee")||et.call(t)==s)}(t)?function(t,e){for(var n=-1,r=Array(t);++n<t;)r[n]=e(n);return r}(t.length,String):[],r=n.length,i=!!r;for(var o in t)!e&&!tt.call(t,o)||i&&("length"==o||Dt(o,r))||n.push(o);return n}(t):function(t){if(!Pt(t))return dt(t);var e=[];for(var n in Object(t))tt.call(t,n)&&"constructor"!=n&&e.push(n);return e}(t)}t.exports=function(t){return jt(t,!0,!0)}},4162:function(t,e,n){t=n.nmd(t);var r="__lodash_hash_undefined__",i=1,s=2,o=9007199254740991,l="[object Arguments]",a="[object Array]",c="[object AsyncFunction]",u="[object Boolean]",h="[object Date]",d="[object Error]",f="[object Function]",p="[object GeneratorFunction]",g="[object Map]",m="[object Number]",b="[object Null]",y="[object Object]",v="[object Promise]",A="[object Proxy]",x="[object RegExp]",N="[object Set]",E="[object String]",w="[object Undefined]",q="[object WeakMap]",k="[object ArrayBuffer]",_="[object DataView]",L=/^\[object .+?Constructor\]$/,S=/^(?:0|[1-9]\d*)$/,O={};O["[object Float32Array]"]=O["[object Float64Array]"]=O["[object Int8Array]"]=O["[object Int16Array]"]=O["[object Int32Array]"]=O["[object Uint8Array]"]=O["[object Uint8ClampedArray]"]=O["[object Uint16Array]"]=O["[object Uint32Array]"]=!0,O[l]=O[a]=O[k]=O[u]=O[_]=O[h]=O[d]=O[f]=O[g]=O[m]=O[y]=O[x]=O[N]=O[E]=O[q]=!1;var T="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,j="object"==typeof self&&self&&self.Object===Object&&self,C=T||j||Function("return this")(),R=e&&!e.nodeType&&e,I=R&&t&&!t.nodeType&&t,B=I&&I.exports===R,M=B&&T.process,U=function(){try{return M&&M.binding&&M.binding("util")}catch(t){}}(),D=U&&U.isTypedArray;function P(t,e){for(var n=-1,r=null==t?0:t.length;++n<r;)if(e(t[n],n,t))return!0;return!1}function z(t){var e=-1,n=Array(t.size);return t.forEach((function(t,r){n[++e]=[r,t]})),n}function F(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var H,$,V,K=Array.prototype,W=Function.prototype,Z=Object.prototype,G=C["__core-js_shared__"],X=W.toString,Q=Z.hasOwnProperty,J=(H=/[^.]+$/.exec(G&&G.keys&&G.keys.IE_PROTO||""))?"Symbol(src)_1."+H:"",Y=Z.toString,tt=RegExp("^"+X.call(Q).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),et=B?C.Buffer:void 0,nt=C.Symbol,rt=C.Uint8Array,it=Z.propertyIsEnumerable,st=K.splice,ot=nt?nt.toStringTag:void 0,lt=Object.getOwnPropertySymbols,at=et?et.isBuffer:void 0,ct=($=Object.keys,V=Object,function(t){return $(V(t))}),ut=It(C,"DataView"),ht=It(C,"Map"),dt=It(C,"Promise"),ft=It(C,"Set"),pt=It(C,"WeakMap"),gt=It(Object,"create"),mt=Dt(ut),bt=Dt(ht),yt=Dt(dt),vt=Dt(ft),At=Dt(pt),xt=nt?nt.prototype:void 0,Nt=xt?xt.valueOf:void 0;function Et(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function wt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function qt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function kt(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new qt;++e<n;)this.add(t[e])}function _t(t){var e=this.__data__=new wt(t);this.size=e.size}function Lt(t,e){for(var n=t.length;n--;)if(Pt(t[n][0],e))return n;return-1}function St(t){return null==t?void 0===t?w:b:ot&&ot in Object(t)?function(t){var e=Q.call(t,ot),n=t[ot];try{t[ot]=void 0;var r=!0}catch(t){}var i=Y.call(t);return r&&(e?t[ot]=n:delete t[ot]),i}(t):function(t){return Y.call(t)}(t)}function Ot(t){return Wt(t)&&St(t)==l}function Tt(t,e,n,r,o){return t===e||(null==t||null==e||!Wt(t)&&!Wt(e)?t!=t&&e!=e:function(t,e,n,r,o,c){var f=Ft(t),p=Ft(e),b=f?a:Mt(t),v=p?a:Mt(e),A=(b=b==l?y:b)==y,w=(v=v==l?y:v)==y,q=b==v;if(q&&Ht(t)){if(!Ht(e))return!1;f=!0,A=!1}if(q&&!A)return c||(c=new _t),f||Zt(t)?jt(t,e,n,r,o,c):function(t,e,n,r,o,l,a){switch(n){case _:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case k:return!(t.byteLength!=e.byteLength||!l(new rt(t),new rt(e)));case u:case h:case m:return Pt(+t,+e);case d:return t.name==e.name&&t.message==e.message;case x:case E:return t==e+"";case g:var c=z;case N:var f=r&i;if(c||(c=F),t.size!=e.size&&!f)return!1;var p=a.get(t);if(p)return p==e;r|=s,a.set(t,e);var b=jt(c(t),c(e),r,o,l,a);return a.delete(t),b;case"[object Symbol]":if(Nt)return Nt.call(t)==Nt.call(e)}return!1}(t,e,b,n,r,o,c);if(!(n&i)){var L=A&&Q.call(t,"__wrapped__"),S=w&&Q.call(e,"__wrapped__");if(L||S){var O=L?t.value():t,T=S?e.value():e;return c||(c=new _t),o(O,T,n,r,c)}}return!!q&&(c||(c=new _t),function(t,e,n,r,s,o){var l=n&i,a=Ct(t),c=a.length;if(c!=Ct(e).length&&!l)return!1;for(var u=c;u--;){var h=a[u];if(!(l?h in e:Q.call(e,h)))return!1}var d=o.get(t);if(d&&o.get(e))return d==e;var f=!0;o.set(t,e),o.set(e,t);for(var p=l;++u<c;){var g=t[h=a[u]],m=e[h];if(r)var b=l?r(m,g,h,e,t,o):r(g,m,h,t,e,o);if(!(void 0===b?g===m||s(g,m,n,r,o):b)){f=!1;break}p||(p="constructor"==h)}if(f&&!p){var y=t.constructor,v=e.constructor;y==v||!("constructor"in t)||!("constructor"in e)||"function"==typeof y&&y instanceof y&&"function"==typeof v&&v instanceof v||(f=!1)}return o.delete(t),o.delete(e),f}(t,e,n,r,o,c))}(t,e,n,r,Tt,o))}function jt(t,e,n,r,o,l){var a=n&i,c=t.length,u=e.length;if(c!=u&&!(a&&u>c))return!1;var h=l.get(t);if(h&&l.get(e))return h==e;var d=-1,f=!0,p=n&s?new kt:void 0;for(l.set(t,e),l.set(e,t);++d<c;){var g=t[d],m=e[d];if(r)var b=a?r(m,g,d,e,t,l):r(g,m,d,t,e,l);if(void 0!==b){if(b)continue;f=!1;break}if(p){if(!P(e,(function(t,e){if(i=e,!p.has(i)&&(g===t||o(g,t,n,r,l)))return p.push(e);var i}))){f=!1;break}}else if(g!==m&&!o(g,m,n,r,l)){f=!1;break}}return l.delete(t),l.delete(e),f}function Ct(t){return function(t,e,n){var r=e(t);return Ft(t)?r:function(t,e){for(var n=-1,r=e.length,i=t.length;++n<r;)t[i+n]=e[n];return t}(r,n(t))}(t,Gt,Bt)}function Rt(t,e){var n,r,i=t.__data__;return("string"==(r=typeof(n=e))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?i["string"==typeof e?"string":"hash"]:i.map}function It(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return function(t){return!(!Kt(t)||function(t){return!!J&&J in t}(t))&&($t(t)?tt:L).test(Dt(t))}(n)?n:void 0}Et.prototype.clear=function(){this.__data__=gt?gt(null):{},this.size=0},Et.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},Et.prototype.get=function(t){var e=this.__data__;if(gt){var n=e[t];return n===r?void 0:n}return Q.call(e,t)?e[t]:void 0},Et.prototype.has=function(t){var e=this.__data__;return gt?void 0!==e[t]:Q.call(e,t)},Et.prototype.set=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=gt&&void 0===e?r:e,this},wt.prototype.clear=function(){this.__data__=[],this.size=0},wt.prototype.delete=function(t){var e=this.__data__,n=Lt(e,t);return!(n<0||(n==e.length-1?e.pop():st.call(e,n,1),--this.size,0))},wt.prototype.get=function(t){var e=this.__data__,n=Lt(e,t);return n<0?void 0:e[n][1]},wt.prototype.has=function(t){return Lt(this.__data__,t)>-1},wt.prototype.set=function(t,e){var n=this.__data__,r=Lt(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this},qt.prototype.clear=function(){this.size=0,this.__data__={hash:new Et,map:new(ht||wt),string:new Et}},qt.prototype.delete=function(t){var e=Rt(this,t).delete(t);return this.size-=e?1:0,e},qt.prototype.get=function(t){return Rt(this,t).get(t)},qt.prototype.has=function(t){return Rt(this,t).has(t)},qt.prototype.set=function(t,e){var n=Rt(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this},kt.prototype.add=kt.prototype.push=function(t){return this.__data__.set(t,r),this},kt.prototype.has=function(t){return this.__data__.has(t)},_t.prototype.clear=function(){this.__data__=new wt,this.size=0},_t.prototype.delete=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n},_t.prototype.get=function(t){return this.__data__.get(t)},_t.prototype.has=function(t){return this.__data__.has(t)},_t.prototype.set=function(t,e){var n=this.__data__;if(n instanceof wt){var r=n.__data__;if(!ht||r.length<199)return r.push([t,e]),this.size=++n.size,this;n=this.__data__=new qt(r)}return n.set(t,e),this.size=n.size,this};var Bt=lt?function(t){return null==t?[]:(t=Object(t),function(e,n){for(var r=-1,i=null==e?0:e.length,s=0,o=[];++r<i;){var l=e[r];a=l,it.call(t,a)&&(o[s++]=l)}var a;return o}(lt(t)))}:function(){return[]},Mt=St;function Ut(t,e){return!!(e=null==e?o:e)&&("number"==typeof t||S.test(t))&&t>-1&&t%1==0&&t<e}function Dt(t){if(null!=t){try{return X.call(t)}catch(t){}try{return t+""}catch(t){}}return""}function Pt(t,e){return t===e||t!=t&&e!=e}(ut&&Mt(new ut(new ArrayBuffer(1)))!=_||ht&&Mt(new ht)!=g||dt&&Mt(dt.resolve())!=v||ft&&Mt(new ft)!=N||pt&&Mt(new pt)!=q)&&(Mt=function(t){var e=St(t),n=e==y?t.constructor:void 0,r=n?Dt(n):"";if(r)switch(r){case mt:return _;case bt:return g;case yt:return v;case vt:return N;case At:return q}return e});var zt=Ot(function(){return arguments}())?Ot:function(t){return Wt(t)&&Q.call(t,"callee")&&!it.call(t,"callee")},Ft=Array.isArray,Ht=at||function(){return!1};function $t(t){if(!Kt(t))return!1;var e=St(t);return e==f||e==p||e==c||e==A}function Vt(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=o}function Kt(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}function Wt(t){return null!=t&&"object"==typeof t}var Zt=D?function(t){return function(e){return t(e)}}(D):function(t){return Wt(t)&&Vt(t.length)&&!!O[St(t)]};function Gt(t){return null!=(e=t)&&Vt(e.length)&&!$t(e)?function(t,e){var n=Ft(t),r=!n&&zt(t),i=!n&&!r&&Ht(t),s=!n&&!r&&!i&&Zt(t),o=n||r||i||s,l=o?function(t,e){for(var n=-1,r=Array(t);++n<t;)r[n]=e(n);return r}(t.length,String):[],a=l.length;for(var c in t)!e&&!Q.call(t,c)||o&&("length"==c||i&&("offset"==c||"parent"==c)||s&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||Ut(c,a))||l.push(c);return l}(t):function(t){if(n=(e=t)&&e.constructor,e!==("function"==typeof n&&n.prototype||Z))return ct(t);var e,n,r=[];for(var i in Object(t))Q.call(t,i)&&"constructor"!=i&&r.push(i);return r}(t);var e}t.exports=function(t,e){return Tt(t,e)}},1270:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const r=n(9629),i=n(4162);var s;!function(t){t.compose=function(t={},e={},n=!1){"object"!=typeof t&&(t={}),"object"!=typeof e&&(e={});let i=r(e);n||(i=Object.keys(i).reduce(((t,e)=>(null!=i[e]&&(t[e]=i[e]),t)),{}));for(const n in t)void 0!==t[n]&&void 0===e[n]&&(i[n]=t[n]);return Object.keys(i).length>0?i:void 0},t.diff=function(t={},e={}){"object"!=typeof t&&(t={}),"object"!=typeof e&&(e={});const n=Object.keys(t).concat(Object.keys(e)).reduce(((n,r)=>(i(t[r],e[r])||(n[r]=void 0===e[r]?null:e[r]),n)),{});return Object.keys(n).length>0?n:void 0},t.invert=function(t={},e={}){t=t||{};const n=Object.keys(e).reduce(((n,r)=>(e[r]!==t[r]&&void 0!==t[r]&&(n[r]=e[r]),n)),{});return Object.keys(t).reduce(((n,r)=>(t[r]!==e[r]&&void 0===e[r]&&(n[r]=null),n)),n)},t.transform=function(t,e,n=!1){if("object"!=typeof t)return e;if("object"!=typeof e)return;if(!n)return e;const r=Object.keys(e).reduce(((n,r)=>(void 0===t[r]&&(n[r]=e[r]),n)),{});return Object.keys(r).length>0?r:void 0}}(s||(s={})),e.default=s},5232:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.AttributeMap=e.OpIterator=e.Op=void 0;const r=n(5090),i=n(9629),s=n(4162),o=n(1270);e.AttributeMap=o.default;const l=n(4123);e.Op=l.default;const a=n(7033);e.OpIterator=a.default;const c=String.fromCharCode(0),u=(t,e)=>{if("object"!=typeof t||null===t)throw new Error("cannot retain a "+typeof t);if("object"!=typeof e||null===e)throw new Error("cannot retain a "+typeof e);const n=Object.keys(t)[0];if(!n||n!==Object.keys(e)[0])throw new Error(`embed types not matched: ${n} != ${Object.keys(e)[0]}`);return[n,t[n],e[n]]};class h{constructor(t){Array.isArray(t)?this.ops=t:null!=t&&Array.isArray(t.ops)?this.ops=t.ops:this.ops=[]}static registerEmbed(t,e){this.handlers[t]=e}static unregisterEmbed(t){delete this.handlers[t]}static getHandler(t){const e=this.handlers[t];if(!e)throw new Error(`no handlers for embed type "${t}"`);return e}insert(t,e){const n={};return"string"==typeof t&&0===t.length?this:(n.insert=t,null!=e&&"object"==typeof e&&Object.keys(e).length>0&&(n.attributes=e),this.push(n))}delete(t){return t<=0?this:this.push({delete:t})}retain(t,e){if("number"==typeof t&&t<=0)return this;const n={retain:t};return null!=e&&"object"==typeof e&&Object.keys(e).length>0&&(n.attributes=e),this.push(n)}push(t){let e=this.ops.length,n=this.ops[e-1];if(t=i(t),"object"==typeof n){if("number"==typeof t.delete&&"number"==typeof n.delete)return this.ops[e-1]={delete:n.delete+t.delete},this;if("number"==typeof n.delete&&null!=t.insert&&(e-=1,n=this.ops[e-1],"object"!=typeof n))return this.ops.unshift(t),this;if(s(t.attributes,n.attributes)){if("string"==typeof t.insert&&"string"==typeof n.insert)return this.ops[e-1]={insert:n.insert+t.insert},"object"==typeof t.attributes&&(this.ops[e-1].attributes=t.attributes),this;if("number"==typeof t.retain&&"number"==typeof n.retain)return this.ops[e-1]={retain:n.retain+t.retain},"object"==typeof t.attributes&&(this.ops[e-1].attributes=t.attributes),this}}return e===this.ops.length?this.ops.push(t):this.ops.splice(e,0,t),this}chop(){const t=this.ops[this.ops.length-1];return t&&"number"==typeof t.retain&&!t.attributes&&this.ops.pop(),this}filter(t){return this.ops.filter(t)}forEach(t){this.ops.forEach(t)}map(t){return this.ops.map(t)}partition(t){const e=[],n=[];return this.forEach((r=>{(t(r)?e:n).push(r)})),[e,n]}reduce(t,e){return this.ops.reduce(t,e)}changeLength(){return this.reduce(((t,e)=>e.insert?t+l.default.length(e):e.delete?t-e.delete:t),0)}length(){return this.reduce(((t,e)=>t+l.default.length(e)),0)}slice(t=0,e=1/0){const n=[],r=new a.default(this.ops);let i=0;for(;i<e&&r.hasNext();){let s;i<t?s=r.next(t-i):(s=r.next(e-i),n.push(s)),i+=l.default.length(s)}return new h(n)}compose(t){const e=new a.default(this.ops),n=new a.default(t.ops),r=[],i=n.peek();if(null!=i&&"number"==typeof i.retain&&null==i.attributes){let t=i.retain;for(;"insert"===e.peekType()&&e.peekLength()<=t;)t-=e.peekLength(),r.push(e.next());i.retain-t>0&&n.next(i.retain-t)}const l=new h(r);for(;e.hasNext()||n.hasNext();)if("insert"===n.peekType())l.push(n.next());else if("delete"===e.peekType())l.push(e.next());else{const t=Math.min(e.peekLength(),n.peekLength()),r=e.next(t),i=n.next(t);if(i.retain){const a={};if("number"==typeof r.retain)a.retain="number"==typeof i.retain?t:i.retain;else if("number"==typeof i.retain)null==r.retain?a.insert=r.insert:a.retain=r.retain;else{const t=null==r.retain?"insert":"retain",[e,n,s]=u(r[t],i.retain),o=h.getHandler(e);a[t]={[e]:o.compose(n,s,"retain"===t)}}const c=o.default.compose(r.attributes,i.attributes,"number"==typeof r.retain);if(c&&(a.attributes=c),l.push(a),!n.hasNext()&&s(l.ops[l.ops.length-1],a)){const t=new h(e.rest());return l.concat(t).chop()}}else"number"==typeof i.delete&&("number"==typeof r.retain||"object"==typeof r.retain&&null!==r.retain)&&l.push(i)}return l.chop()}concat(t){const e=new h(this.ops.slice());return t.ops.length>0&&(e.push(t.ops[0]),e.ops=e.ops.concat(t.ops.slice(1))),e}diff(t,e){if(this.ops===t.ops)return new h;const n=[this,t].map((e=>e.map((n=>{if(null!=n.insert)return"string"==typeof n.insert?n.insert:c;throw new Error("diff() called "+(e===t?"on":"with")+" non-document")})).join(""))),i=new h,l=r(n[0],n[1],e,!0),u=new a.default(this.ops),d=new a.default(t.ops);return l.forEach((t=>{let e=t[1].length;for(;e>0;){let n=0;switch(t[0]){case r.INSERT:n=Math.min(d.peekLength(),e),i.push(d.next(n));break;case r.DELETE:n=Math.min(e,u.peekLength()),u.next(n),i.delete(n);break;case r.EQUAL:n=Math.min(u.peekLength(),d.peekLength(),e);const t=u.next(n),l=d.next(n);s(t.insert,l.insert)?i.retain(n,o.default.diff(t.attributes,l.attributes)):i.push(l).delete(n)}e-=n}})),i.chop()}eachLine(t,e="\n"){const n=new a.default(this.ops);let r=new h,i=0;for(;n.hasNext();){if("insert"!==n.peekType())return;const s=n.peek(),o=l.default.length(s)-n.peekLength(),a="string"==typeof s.insert?s.insert.indexOf(e,o)-o:-1;if(a<0)r.push(n.next());else if(a>0)r.push(n.next(a));else{if(!1===t(r,n.next(1).attributes||{},i))return;i+=1,r=new h}}r.length()>0&&t(r,{},i)}invert(t){const e=new h;return this.reduce(((n,r)=>{if(r.insert)e.delete(l.default.length(r));else{if("number"==typeof r.retain&&null==r.attributes)return e.retain(r.retain),n+r.retain;if(r.delete||"number"==typeof r.retain){const i=r.delete||r.retain;return t.slice(n,n+i).forEach((t=>{r.delete?e.push(t):r.retain&&r.attributes&&e.retain(l.default.length(t),o.default.invert(r.attributes,t.attributes))})),n+i}if("object"==typeof r.retain&&null!==r.retain){const i=t.slice(n,n+1),s=new a.default(i.ops).next(),[l,c,d]=u(r.retain,s.insert),f=h.getHandler(l);return e.retain({[l]:f.invert(c,d)},o.default.invert(r.attributes,s.attributes)),n+1}}return n}),0),e.chop()}transform(t,e=!1){if(e=!!e,"number"==typeof t)return this.transformPosition(t,e);const n=t,r=new a.default(this.ops),i=new a.default(n.ops),s=new h;for(;r.hasNext()||i.hasNext();)if("insert"!==r.peekType()||!e&&"insert"===i.peekType())if("insert"===i.peekType())s.push(i.next());else{const t=Math.min(r.peekLength(),i.peekLength()),n=r.next(t),l=i.next(t);if(n.delete)continue;if(l.delete)s.push(l);else{const r=n.retain,i=l.retain;let a="object"==typeof i&&null!==i?i:t;if("object"==typeof r&&null!==r&&"object"==typeof i&&null!==i){const t=Object.keys(r)[0];if(t===Object.keys(i)[0]){const n=h.getHandler(t);n&&(a={[t]:n.transform(r[t],i[t],e)})}}s.retain(a,o.default.transform(n.attributes,l.attributes,e))}}else s.retain(l.default.length(r.next()));return s.chop()}transformPosition(t,e=!1){e=!!e;const n=new a.default(this.ops);let r=0;for(;n.hasNext()&&r<=t;){const i=n.peekLength(),s=n.peekType();n.next(),"delete"!==s?("insert"===s&&(r<t||!e)&&(t+=i),r+=i):t-=Math.min(i,t-r)}return t}}h.Op=l.default,h.OpIterator=a.default,h.AttributeMap=o.default,h.handlers={},e.default=h,t.exports=h,t.exports.default=h},4123:function(t,e){"use strict";var n;Object.defineProperty(e,"__esModule",{value:!0}),function(t){t.length=function(t){return"number"==typeof t.delete?t.delete:"number"==typeof t.retain?t.retain:"object"==typeof t.retain&&null!==t.retain?1:"string"==typeof t.insert?t.insert.length:1}}(n||(n={})),e.default=n},7033:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const r=n(4123);e.default=class{constructor(t){this.ops=t,this.index=0,this.offset=0}hasNext(){return this.peekLength()<1/0}next(t){t||(t=1/0);const e=this.ops[this.index];if(e){const n=this.offset,i=r.default.length(e);if(t>=i-n?(t=i-n,this.index+=1,this.offset=0):this.offset+=t,"number"==typeof e.delete)return{delete:t};{const r={};return e.attributes&&(r.attributes=e.attributes),"number"==typeof e.retain?r.retain=t:"object"==typeof e.retain&&null!==e.retain?r.retain=e.retain:"string"==typeof e.insert?r.insert=e.insert.substr(n,t):r.insert=e.insert,r}}return{retain:1/0}}peek(){return this.ops[this.index]}peekLength(){return this.ops[this.index]?r.default.length(this.ops[this.index])-this.offset:1/0}peekType(){const t=this.ops[this.index];return t?"number"==typeof t.delete?"delete":"number"==typeof t.retain||"object"==typeof t.retain&&null!==t.retain?"retain":"insert":"retain"}rest(){if(this.hasNext()){if(0===this.offset)return this.ops.slice(this.index);{const t=this.offset,e=this.index,n=this.next(),r=this.ops.slice(this.index);return this.offset=t,this.index=e,[n].concat(r)}}return[]}}},8820:function(t,e,n){"use strict";n.d(e,{A:function(){return l}});var r=n(8138),i=function(t,e){for(var n=t.length;n--;)if((0,r.A)(t[n][0],e))return n;return-1},s=Array.prototype.splice;function o(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}o.prototype.clear=function(){this.__data__=[],this.size=0},o.prototype.delete=function(t){var e=this.__data__,n=i(e,t);return!(n<0||(n==e.length-1?e.pop():s.call(e,n,1),--this.size,0))},o.prototype.get=function(t){var e=this.__data__,n=i(e,t);return n<0?void 0:e[n][1]},o.prototype.has=function(t){return i(this.__data__,t)>-1},o.prototype.set=function(t,e){var n=this.__data__,r=i(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this};var l=o},2461:function(t,e,n){"use strict";var r=n(2281),i=n(5507),s=(0,r.A)(i.A,"Map");e.A=s},3558:function(t,e,n){"use strict";n.d(e,{A:function(){return d}});var r=(0,n(2281).A)(Object,"create"),i=Object.prototype.hasOwnProperty,s=Object.prototype.hasOwnProperty;function o(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}o.prototype.clear=function(){this.__data__=r?r(null):{},this.size=0},o.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},o.prototype.get=function(t){var e=this.__data__;if(r){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return i.call(e,t)?e[t]:void 0},o.prototype.has=function(t){var e=this.__data__;return r?void 0!==e[t]:s.call(e,t)},o.prototype.set=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=r&&void 0===e?"__lodash_hash_undefined__":e,this};var l=o,a=n(8820),c=n(2461),u=function(t,e){var n,r,i=t.__data__;return("string"==(r=typeof(n=e))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?i["string"==typeof e?"string":"hash"]:i.map};function h(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}h.prototype.clear=function(){this.size=0,this.__data__={hash:new l,map:new(c.A||a.A),string:new l}},h.prototype.delete=function(t){var e=u(this,t).delete(t);return this.size-=e?1:0,e},h.prototype.get=function(t){return u(this,t).get(t)},h.prototype.has=function(t){return u(this,t).has(t)},h.prototype.set=function(t,e){var n=u(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this};var d=h},2673:function(t,e,n){"use strict";n.d(e,{A:function(){return l}});var r=n(8820),i=n(2461),s=n(3558);function o(t){var e=this.__data__=new r.A(t);this.size=e.size}o.prototype.clear=function(){this.__data__=new r.A,this.size=0},o.prototype.delete=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n},o.prototype.get=function(t){return this.__data__.get(t)},o.prototype.has=function(t){return this.__data__.has(t)},o.prototype.set=function(t,e){var n=this.__data__;if(n instanceof r.A){var o=n.__data__;if(!i.A||o.length<199)return o.push([t,e]),this.size=++n.size,this;n=this.__data__=new s.A(o)}return n.set(t,e),this.size=n.size,this};var l=o},439:function(t,e,n){"use strict";var r=n(5507).A.Symbol;e.A=r},7218:function(t,e,n){"use strict";var r=n(5507).A.Uint8Array;e.A=r},6753:function(t,e,n){"use strict";n.d(e,{A:function(){return c}});var r=n(8412),i=n(723),s=n(776),o=n(3767),l=n(5755),a=Object.prototype.hasOwnProperty,c=function(t,e){var n=(0,i.A)(t),c=!n&&(0,r.A)(t),u=!n&&!c&&(0,s.A)(t),h=!n&&!c&&!u&&(0,l.A)(t),d=n||c||u||h,f=d?function(t,e){for(var n=-1,r=Array(t);++n<t;)r[n]=e(n);return r}(t.length,String):[],p=f.length;for(var g in t)!e&&!a.call(t,g)||d&&("length"==g||u&&("offset"==g||"parent"==g)||h&&("buffer"==g||"byteLength"==g||"byteOffset"==g)||(0,o.A)(g,p))||f.push(g);return f}},802:function(t,e){"use strict";e.A=function(t,e){for(var n=-1,r=e.length,i=t.length;++n<r;)t[i+n]=e[n];return t}},6437:function(t,e,n){"use strict";var r=n(6770),i=n(8138),s=Object.prototype.hasOwnProperty;e.A=function(t,e,n){var o=t[e];s.call(t,e)&&(0,i.A)(o,n)&&(void 0!==n||e in t)||(0,r.A)(t,e,n)}},6770:function(t,e,n){"use strict";var r=n(7889);e.A=function(t,e,n){"__proto__"==e&&r.A?(0,r.A)(t,e,{configurable:!0,enumerable:!0,value:n,writable:!0}):t[e]=n}},1381:function(t,e,n){"use strict";var r=n(802),i=n(723);e.A=function(t,e,n){var s=e(t);return(0,i.A)(t)?s:(0,r.A)(s,n(t))}},2159:function(t,e,n){"use strict";n.d(e,{A:function(){return u}});var r=n(439),i=Object.prototype,s=i.hasOwnProperty,o=i.toString,l=r.A?r.A.toStringTag:void 0,a=Object.prototype.toString,c=r.A?r.A.toStringTag:void 0,u=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":c&&c in Object(t)?function(t){var e=s.call(t,l),n=t[l];try{t[l]=void 0;var r=!0}catch(t){}var i=o.call(t);return r&&(e?t[l]=n:delete t[l]),i}(t):function(t){return a.call(t)}(t)}},5771:function(t,e){"use strict";e.A=function(t){return function(e){return t(e)}}},2899:function(t,e,n){"use strict";var r=n(7218);e.A=function(t){var e=new t.constructor(t.byteLength);return new r.A(e).set(new r.A(t)),e}},3812:function(t,e,n){"use strict";var r=n(5507),i="object"==typeof exports&&exports&&!exports.nodeType&&exports,s=i&&"object"==typeof module&&module&&!module.nodeType&&module,o=s&&s.exports===i?r.A.Buffer:void 0,l=o?o.allocUnsafe:void 0;e.A=function(t,e){if(e)return t.slice();var n=t.length,r=l?l(n):new t.constructor(n);return t.copy(r),r}},1827:function(t,e,n){"use strict";var r=n(2899);e.A=function(t,e){var n=e?(0,r.A)(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.length)}},4405:function(t,e){"use strict";e.A=function(t,e){var n=-1,r=t.length;for(e||(e=Array(r));++n<r;)e[n]=t[n];return e}},9601:function(t,e,n){"use strict";var r=n(6437),i=n(6770);e.A=function(t,e,n,s){var o=!n;n||(n={});for(var l=-1,a=e.length;++l<a;){var c=e[l],u=s?s(n[c],t[c],c,n,t):void 0;void 0===u&&(u=t[c]),o?(0,i.A)(n,c,u):(0,r.A)(n,c,u)}return n}},7889:function(t,e,n){"use strict";var r=n(2281),i=function(){try{var t=(0,r.A)(Object,"defineProperty");return t({},"",{}),t}catch(t){}}();e.A=i},9646:function(t,e){"use strict";var n="object"==typeof global&&global&&global.Object===Object&&global;e.A=n},2816:function(t,e,n){"use strict";var r=n(1381),i=n(9844),s=n(3169);e.A=function(t){return(0,r.A)(t,s.A,i.A)}},2281:function(t,e,n){"use strict";n.d(e,{A:function(){return m}});var r,i=n(7572),s=n(5507).A["__core-js_shared__"],o=(r=/[^.]+$/.exec(s&&s.keys&&s.keys.IE_PROTO||""))?"Symbol(src)_1."+r:"",l=n(659),a=n(1543),c=/^\[object .+?Constructor\]$/,u=Function.prototype,h=Object.prototype,d=u.toString,f=h.hasOwnProperty,p=RegExp("^"+d.call(f).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),g=function(t){return!(!(0,l.A)(t)||(e=t,o&&o in e))&&((0,i.A)(t)?p:c).test((0,a.A)(t));var e},m=function(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return g(n)?n:void 0}},8769:function(t,e,n){"use strict";var r=(0,n(2217).A)(Object.getPrototypeOf,Object);e.A=r},9844:function(t,e,n){"use strict";n.d(e,{A:function(){return o}});var r=n(6935),i=Object.prototype.propertyIsEnumerable,s=Object.getOwnPropertySymbols,o=s?function(t){return null==t?[]:(t=Object(t),function(t,e){for(var n=-1,r=null==t?0:t.length,i=0,s=[];++n<r;){var o=t[n];e(o,n,t)&&(s[i++]=o)}return s}(s(t),(function(e){return i.call(t,e)})))}:r.A},7995:function(t,e,n){"use strict";n.d(e,{A:function(){return E}});var r=n(2281),i=n(5507),s=(0,r.A)(i.A,"DataView"),o=n(2461),l=(0,r.A)(i.A,"Promise"),a=(0,r.A)(i.A,"Set"),c=(0,r.A)(i.A,"WeakMap"),u=n(2159),h=n(1543),d="[object Map]",f="[object Promise]",p="[object Set]",g="[object WeakMap]",m="[object DataView]",b=(0,h.A)(s),y=(0,h.A)(o.A),v=(0,h.A)(l),A=(0,h.A)(a),x=(0,h.A)(c),N=u.A;(s&&N(new s(new ArrayBuffer(1)))!=m||o.A&&N(new o.A)!=d||l&&N(l.resolve())!=f||a&&N(new a)!=p||c&&N(new c)!=g)&&(N=function(t){var e=(0,u.A)(t),n="[object Object]"==e?t.constructor:void 0,r=n?(0,h.A)(n):"";if(r)switch(r){case b:return m;case y:return d;case v:return f;case A:return p;case x:return g}return e});var E=N},1683:function(t,e,n){"use strict";n.d(e,{A:function(){return a}});var r=n(659),i=Object.create,s=function(){function t(){}return function(e){if(!(0,r.A)(e))return{};if(i)return i(e);t.prototype=e;var n=new t;return t.prototype=void 0,n}}(),o=n(8769),l=n(501),a=function(t){return"function"!=typeof t.constructor||(0,l.A)(t)?{}:s((0,o.A)(t))}},3767:function(t,e){"use strict";var n=/^(?:0|[1-9]\d*)$/;e.A=function(t,e){var r=typeof t;return!!(e=null==e?9007199254740991:e)&&("number"==r||"symbol"!=r&&n.test(t))&&t>-1&&t%1==0&&t<e}},501:function(t,e){"use strict";var n=Object.prototype;e.A=function(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||n)}},8795:function(t,e,n){"use strict";var r=n(9646),i="object"==typeof exports&&exports&&!exports.nodeType&&exports,s=i&&"object"==typeof module&&module&&!module.nodeType&&module,o=s&&s.exports===i&&r.A.process,l=function(){try{return s&&s.require&&s.require("util").types||o&&o.binding&&o.binding("util")}catch(t){}}();e.A=l},2217:function(t,e){"use strict";e.A=function(t,e){return function(n){return t(e(n))}}},5507:function(t,e,n){"use strict";var r=n(9646),i="object"==typeof self&&self&&self.Object===Object&&self,s=r.A||i||Function("return this")();e.A=s},1543:function(t,e){"use strict";var n=Function.prototype.toString;e.A=function(t){if(null!=t){try{return n.call(t)}catch(t){}try{return t+""}catch(t){}}return""}},3707:function(t,e,n){"use strict";n.d(e,{A:function(){return H}});var r=n(2673),i=n(6437),s=n(9601),o=n(3169),l=n(2624),a=n(3812),c=n(4405),u=n(9844),h=n(802),d=n(8769),f=n(6935),p=Object.getOwnPropertySymbols?function(t){for(var e=[];t;)(0,h.A)(e,(0,u.A)(t)),t=(0,d.A)(t);return e}:f.A,g=n(2816),m=n(1381),b=function(t){return(0,m.A)(t,l.A,p)},y=n(7995),v=Object.prototype.hasOwnProperty,A=n(2899),x=/\w*$/,N=n(439),E=N.A?N.A.prototype:void 0,w=E?E.valueOf:void 0,q=n(1827),k=function(t,e,n){var r,i,s,o=t.constructor;switch(e){case"[object ArrayBuffer]":return(0,A.A)(t);case"[object Boolean]":case"[object Date]":return new o(+t);case"[object DataView]":return function(t,e){var n=e?(0,A.A)(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.byteLength)}(t,n);case"[object Float32Array]":case"[object Float64Array]":case"[object Int8Array]":case"[object Int16Array]":case"[object Int32Array]":case"[object Uint8Array]":case"[object Uint8ClampedArray]":case"[object Uint16Array]":case"[object Uint32Array]":return(0,q.A)(t,n);case"[object Map]":case"[object Set]":return new o;case"[object Number]":case"[object String]":return new o(t);case"[object RegExp]":return(s=new(i=t).constructor(i.source,x.exec(i))).lastIndex=i.lastIndex,s;case"[object Symbol]":return r=t,w?Object(w.call(r)):{}}},_=n(1683),L=n(723),S=n(776),O=n(7948),T=n(5771),j=n(8795),C=j.A&&j.A.isMap,R=C?(0,T.A)(C):function(t){return(0,O.A)(t)&&"[object Map]"==(0,y.A)(t)},I=n(659),B=j.A&&j.A.isSet,M=B?(0,T.A)(B):function(t){return(0,O.A)(t)&&"[object Set]"==(0,y.A)(t)},U="[object Arguments]",D="[object Function]",P="[object Object]",z={};z[U]=z["[object Array]"]=z["[object ArrayBuffer]"]=z["[object DataView]"]=z["[object Boolean]"]=z["[object Date]"]=z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Map]"]=z["[object Number]"]=z[P]=z["[object RegExp]"]=z["[object Set]"]=z["[object String]"]=z["[object Symbol]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z["[object Error]"]=z[D]=z["[object WeakMap]"]=!1;var F=function t(e,n,h,d,f,m){var A,x=1&n,N=2&n,E=4&n;if(h&&(A=f?h(e,d,f,m):h(e)),void 0!==A)return A;if(!(0,I.A)(e))return e;var w=(0,L.A)(e);if(w){if(A=function(t){var e=t.length,n=new t.constructor(e);return e&&"string"==typeof t[0]&&v.call(t,"index")&&(n.index=t.index,n.input=t.input),n}(e),!x)return(0,c.A)(e,A)}else{var q=(0,y.A)(e),O=q==D||"[object GeneratorFunction]"==q;if((0,S.A)(e))return(0,a.A)(e,x);if(q==P||q==U||O&&!f){if(A=N||O?{}:(0,_.A)(e),!x)return N?function(t,e){return(0,s.A)(t,p(t),e)}(e,function(t,e){return t&&(0,s.A)(e,(0,l.A)(e),t)}(A,e)):function(t,e){return(0,s.A)(t,(0,u.A)(t),e)}(e,function(t,e){return t&&(0,s.A)(e,(0,o.A)(e),t)}(A,e))}else{if(!z[q])return f?e:{};A=k(e,q,x)}}m||(m=new r.A);var T=m.get(e);if(T)return T;m.set(e,A),M(e)?e.forEach((function(r){A.add(t(r,n,h,r,e,m))})):R(e)&&e.forEach((function(r,i){A.set(i,t(r,n,h,i,e,m))}));var j=E?N?b:g.A:N?l.A:o.A,C=w?void 0:j(e);return function(t,e){for(var n=-1,r=null==t?0:t.length;++n<r&&!1!==e(t[n],n,t););}(C||e,(function(r,s){C&&(r=e[s=r]),(0,i.A)(A,s,t(r,n,h,s,e,m))})),A},H=function(t){return F(t,5)}},8138:function(t,e){"use strict";e.A=function(t,e){return t===e||t!=t&&e!=e}},8412:function(t,e,n){"use strict";n.d(e,{A:function(){return u}});var r=n(2159),i=n(7948),s=function(t){return(0,i.A)(t)&&"[object Arguments]"==(0,r.A)(t)},o=Object.prototype,l=o.hasOwnProperty,a=o.propertyIsEnumerable,c=s(function(){return arguments}())?s:function(t){return(0,i.A)(t)&&l.call(t,"callee")&&!a.call(t,"callee")},u=c},723:function(t,e){"use strict";var n=Array.isArray;e.A=n},3628:function(t,e,n){"use strict";var r=n(7572),i=n(1628);e.A=function(t){return null!=t&&(0,i.A)(t.length)&&!(0,r.A)(t)}},776:function(t,e,n){"use strict";n.d(e,{A:function(){return l}});var r=n(5507),i="object"==typeof exports&&exports&&!exports.nodeType&&exports,s=i&&"object"==typeof module&&module&&!module.nodeType&&module,o=s&&s.exports===i?r.A.Buffer:void 0,l=(o?o.isBuffer:void 0)||function(){return!1}},5123:function(t,e,n){"use strict";n.d(e,{A:function(){return S}});var r=n(2673),i=n(3558);function s(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new i.A;++e<n;)this.add(t[e])}s.prototype.add=s.prototype.push=function(t){return this.__data__.set(t,"__lodash_hash_undefined__"),this},s.prototype.has=function(t){return this.__data__.has(t)};var o=s,l=function(t,e){for(var n=-1,r=null==t?0:t.length;++n<r;)if(e(t[n],n,t))return!0;return!1},a=function(t,e,n,r,i,s){var a=1&n,c=t.length,u=e.length;if(c!=u&&!(a&&u>c))return!1;var h=s.get(t),d=s.get(e);if(h&&d)return h==e&&d==t;var f=-1,p=!0,g=2&n?new o:void 0;for(s.set(t,e),s.set(e,t);++f<c;){var m=t[f],b=e[f];if(r)var y=a?r(b,m,f,e,t,s):r(m,b,f,t,e,s);if(void 0!==y){if(y)continue;p=!1;break}if(g){if(!l(e,(function(t,e){if(o=e,!g.has(o)&&(m===t||i(m,t,n,r,s)))return g.push(e);var o}))){p=!1;break}}else if(m!==b&&!i(m,b,n,r,s)){p=!1;break}}return s.delete(t),s.delete(e),p},c=n(439),u=n(7218),h=n(8138),d=function(t){var e=-1,n=Array(t.size);return t.forEach((function(t,r){n[++e]=[r,t]})),n},f=function(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n},p=c.A?c.A.prototype:void 0,g=p?p.valueOf:void 0,m=n(2816),b=Object.prototype.hasOwnProperty,y=n(7995),v=n(723),A=n(776),x=n(5755),N="[object Arguments]",E="[object Array]",w="[object Object]",q=Object.prototype.hasOwnProperty,k=function(t,e,n,i,s,o){var l=(0,v.A)(t),c=(0,v.A)(e),p=l?E:(0,y.A)(t),k=c?E:(0,y.A)(e),_=(p=p==N?w:p)==w,L=(k=k==N?w:k)==w,S=p==k;if(S&&(0,A.A)(t)){if(!(0,A.A)(e))return!1;l=!0,_=!1}if(S&&!_)return o||(o=new r.A),l||(0,x.A)(t)?a(t,e,n,i,s,o):function(t,e,n,r,i,s,o){switch(n){case"[object DataView]":if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case"[object ArrayBuffer]":return!(t.byteLength!=e.byteLength||!s(new u.A(t),new u.A(e)));case"[object Boolean]":case"[object Date]":case"[object Number]":return(0,h.A)(+t,+e);case"[object Error]":return t.name==e.name&&t.message==e.message;case"[object RegExp]":case"[object String]":return t==e+"";case"[object Map]":var l=d;case"[object Set]":var c=1&r;if(l||(l=f),t.size!=e.size&&!c)return!1;var p=o.get(t);if(p)return p==e;r|=2,o.set(t,e);var m=a(l(t),l(e),r,i,s,o);return o.delete(t),m;case"[object Symbol]":if(g)return g.call(t)==g.call(e)}return!1}(t,e,p,n,i,s,o);if(!(1&n)){var O=_&&q.call(t,"__wrapped__"),T=L&&q.call(e,"__wrapped__");if(O||T){var j=O?t.value():t,C=T?e.value():e;return o||(o=new r.A),s(j,C,n,i,o)}}return!!S&&(o||(o=new r.A),function(t,e,n,r,i,s){var o=1&n,l=(0,m.A)(t),a=l.length;if(a!=(0,m.A)(e).length&&!o)return!1;for(var c=a;c--;){var u=l[c];if(!(o?u in e:b.call(e,u)))return!1}var h=s.get(t),d=s.get(e);if(h&&d)return h==e&&d==t;var f=!0;s.set(t,e),s.set(e,t);for(var p=o;++c<a;){var g=t[u=l[c]],y=e[u];if(r)var v=o?r(y,g,u,e,t,s):r(g,y,u,t,e,s);if(!(void 0===v?g===y||i(g,y,n,r,s):v)){f=!1;break}p||(p="constructor"==u)}if(f&&!p){var A=t.constructor,x=e.constructor;A==x||!("constructor"in t)||!("constructor"in e)||"function"==typeof A&&A instanceof A&&"function"==typeof x&&x instanceof x||(f=!1)}return s.delete(t),s.delete(e),f}(t,e,n,i,s,o))},_=n(7948),L=function t(e,n,r,i,s){return e===n||(null==e||null==n||!(0,_.A)(e)&&!(0,_.A)(n)?e!=e&&n!=n:k(e,n,r,i,t,s))},S=function(t,e){return L(t,e)}},7572:function(t,e,n){"use strict";var r=n(2159),i=n(659);e.A=function(t){if(!(0,i.A)(t))return!1;var e=(0,r.A)(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}},1628:function(t,e){"use strict";e.A=function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=9007199254740991}},659:function(t,e){"use strict";e.A=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}},7948:function(t,e){"use strict";e.A=function(t){return null!=t&&"object"==typeof t}},5755:function(t,e,n){"use strict";n.d(e,{A:function(){return u}});var r=n(2159),i=n(1628),s=n(7948),o={};o["[object Float32Array]"]=o["[object Float64Array]"]=o["[object Int8Array]"]=o["[object Int16Array]"]=o["[object Int32Array]"]=o["[object Uint8Array]"]=o["[object Uint8ClampedArray]"]=o["[object Uint16Array]"]=o["[object Uint32Array]"]=!0,o["[object Arguments]"]=o["[object Array]"]=o["[object ArrayBuffer]"]=o["[object Boolean]"]=o["[object DataView]"]=o["[object Date]"]=o["[object Error]"]=o["[object Function]"]=o["[object Map]"]=o["[object Number]"]=o["[object Object]"]=o["[object RegExp]"]=o["[object Set]"]=o["[object String]"]=o["[object WeakMap]"]=!1;var l=n(5771),a=n(8795),c=a.A&&a.A.isTypedArray,u=c?(0,l.A)(c):function(t){return(0,s.A)(t)&&(0,i.A)(t.length)&&!!o[(0,r.A)(t)]}},3169:function(t,e,n){"use strict";n.d(e,{A:function(){return a}});var r=n(6753),i=n(501),s=(0,n(2217).A)(Object.keys,Object),o=Object.prototype.hasOwnProperty,l=n(3628),a=function(t){return(0,l.A)(t)?(0,r.A)(t):function(t){if(!(0,i.A)(t))return s(t);var e=[];for(var n in Object(t))o.call(t,n)&&"constructor"!=n&&e.push(n);return e}(t)}},2624:function(t,e,n){"use strict";n.d(e,{A:function(){return c}});var r=n(6753),i=n(659),s=n(501),o=Object.prototype.hasOwnProperty,l=function(t){if(!(0,i.A)(t))return function(t){var e=[];if(null!=t)for(var n in Object(t))e.push(n);return e}(t);var e=(0,s.A)(t),n=[];for(var r in t)("constructor"!=r||!e&&o.call(t,r))&&n.push(r);return n},a=n(3628),c=function(t){return(0,a.A)(t)?(0,r.A)(t,!0):l(t)}},8347:function(t,e,n){"use strict";n.d(e,{A:function(){return $}});var r,i,s,o,l=n(2673),a=n(6770),c=n(8138),u=function(t,e,n){(void 0!==n&&!(0,c.A)(t[e],n)||void 0===n&&!(e in t))&&(0,a.A)(t,e,n)},h=function(t,e,n){for(var r=-1,i=Object(t),s=n(t),o=s.length;o--;){var l=s[++r];if(!1===e(i[l],l,i))break}return t},d=n(3812),f=n(1827),p=n(4405),g=n(1683),m=n(8412),b=n(723),y=n(3628),v=n(7948),A=n(776),x=n(7572),N=n(659),E=n(2159),w=n(8769),q=Function.prototype,k=Object.prototype,_=q.toString,L=k.hasOwnProperty,S=_.call(Object),O=n(5755),T=function(t,e){if(("constructor"!==e||"function"!=typeof t[e])&&"__proto__"!=e)return t[e]},j=n(9601),C=n(2624),R=function(t,e,n,r,i,s,o){var l,a=T(t,n),c=T(e,n),h=o.get(c);if(h)u(t,n,h);else{var q=s?s(a,c,n+"",t,e,o):void 0,k=void 0===q;if(k){var R=(0,b.A)(c),I=!R&&(0,A.A)(c),B=!R&&!I&&(0,O.A)(c);q=c,R||I||B?(0,b.A)(a)?q=a:(l=a,(0,v.A)(l)&&(0,y.A)(l)?q=(0,p.A)(a):I?(k=!1,q=(0,d.A)(c,!0)):B?(k=!1,q=(0,f.A)(c,!0)):q=[]):function(t){if(!(0,v.A)(t)||"[object Object]"!=(0,E.A)(t))return!1;var e=(0,w.A)(t);if(null===e)return!0;var n=L.call(e,"constructor")&&e.constructor;return"function"==typeof n&&n instanceof n&&_.call(n)==S}(c)||(0,m.A)(c)?(q=a,(0,m.A)(a)?q=function(t){return(0,j.A)(t,(0,C.A)(t))}(a):(0,N.A)(a)&&!(0,x.A)(a)||(q=(0,g.A)(c))):k=!1}k&&(o.set(c,q),i(q,c,r,s,o),o.delete(c)),u(t,n,q)}},I=function t(e,n,r,i,s){e!==n&&h(n,(function(o,a){if(s||(s=new l.A),(0,N.A)(o))R(e,n,a,r,t,i,s);else{var c=i?i(T(e,a),o,a+"",e,n,s):void 0;void 0===c&&(c=o),u(e,a,c)}}),C.A)},B=function(t){return t},M=Math.max,U=n(7889),D=U.A?function(t,e){return(0,U.A)(t,"toString",{configurable:!0,enumerable:!1,value:(n=e,function(){return n}),writable:!0});var n}:B,P=Date.now,z=(r=D,i=0,s=0,function(){var t=P(),e=16-(t-s);if(s=t,e>0){if(++i>=800)return arguments[0]}else i=0;return r.apply(void 0,arguments)}),F=function(t,e){return z(function(t,e,n){return e=M(void 0===e?t.length-1:e,0),function(){for(var r=arguments,i=-1,s=M(r.length-e,0),o=Array(s);++i<s;)o[i]=r[e+i];i=-1;for(var l=Array(e+1);++i<e;)l[i]=r[i];return l[e]=n(o),function(t,e,n){switch(n.length){case 0:return t.call(e);case 1:return t.call(e,n[0]);case 2:return t.call(e,n[0],n[1]);case 3:return t.call(e,n[0],n[1],n[2])}return t.apply(e,n)}(t,this,l)}}(t,e,B),t+"")},H=n(3767),$=(o=function(t,e,n){I(t,e,n)},F((function(t,e){var n=-1,r=e.length,i=r>1?e[r-1]:void 0,s=r>2?e[2]:void 0;for(i=o.length>3&&"function"==typeof i?(r--,i):void 0,s&&function(t,e,n){if(!(0,N.A)(n))return!1;var r=typeof e;return!!("number"==r?(0,y.A)(n)&&(0,H.A)(e,n.length):"string"==r&&e in n)&&(0,c.A)(n[e],t)}(e[0],e[1],s)&&(i=r<3?void 0:i,r=1),t=Object(t);++n<r;){var l=e[n];l&&o(t,l,n)}return t})))},6935:function(t,e){"use strict";e.A=function(){return[]}},6003:function(t,e,n){"use strict";n.r(e),n.d(e,{Attributor:function(){return i},AttributorStore:function(){return d},BlockBlot:function(){return w},ClassAttributor:function(){return c},ContainerBlot:function(){return k},EmbedBlot:function(){return _},InlineBlot:function(){return N},LeafBlot:function(){return m},ParentBlot:function(){return A},Registry:function(){return l},Scope:function(){return r},ScrollBlot:function(){return O},StyleAttributor:function(){return h},TextBlot:function(){return j}});var r=(t=>(t[t.TYPE=3]="TYPE",t[t.LEVEL=12]="LEVEL",t[t.ATTRIBUTE=13]="ATTRIBUTE",t[t.BLOT=14]="BLOT",t[t.INLINE=7]="INLINE",t[t.BLOCK=11]="BLOCK",t[t.BLOCK_BLOT=10]="BLOCK_BLOT",t[t.INLINE_BLOT=6]="INLINE_BLOT",t[t.BLOCK_ATTRIBUTE=9]="BLOCK_ATTRIBUTE",t[t.INLINE_ATTRIBUTE=5]="INLINE_ATTRIBUTE",t[t.ANY=15]="ANY",t))(r||{});class i{constructor(t,e,n={}){this.attrName=t,this.keyName=e;const i=r.TYPE&r.ATTRIBUTE;this.scope=null!=n.scope?n.scope&r.LEVEL|i:r.ATTRIBUTE,null!=n.whitelist&&(this.whitelist=n.whitelist)}static keys(t){return Array.from(t.attributes).map((t=>t.name))}add(t,e){return!!this.canAdd(t,e)&&(t.setAttribute(this.keyName,e),!0)}canAdd(t,e){return null==this.whitelist||("string"==typeof e?this.whitelist.indexOf(e.replace(/["']/g,""))>-1:this.whitelist.indexOf(e)>-1)}remove(t){t.removeAttribute(this.keyName)}value(t){const e=t.getAttribute(this.keyName);return this.canAdd(t,e)&&e?e:""}}class s extends Error{constructor(t){super(t="[Parchment] "+t),this.message=t,this.name=this.constructor.name}}const o=class t{constructor(){this.attributes={},this.classes={},this.tags={},this.types={}}static find(t,e=!1){if(null==t)return null;if(this.blots.has(t))return this.blots.get(t)||null;if(e){let n=null;try{n=t.parentNode}catch{return null}return this.find(n,e)}return null}create(e,n,r){const i=this.query(n);if(null==i)throw new s(`Unable to create ${n} blot`);const o=i,l=n instanceof Node||n.nodeType===Node.TEXT_NODE?n:o.create(r),a=new o(e,l,r);return t.blots.set(a.domNode,a),a}find(e,n=!1){return t.find(e,n)}query(t,e=r.ANY){let n;return"string"==typeof t?n=this.types[t]||this.attributes[t]:t instanceof Text||t.nodeType===Node.TEXT_NODE?n=this.types.text:"number"==typeof t?t&r.LEVEL&r.BLOCK?n=this.types.block:t&r.LEVEL&r.INLINE&&(n=this.types.inline):t instanceof Element&&((t.getAttribute("class")||"").split(/\s+/).some((t=>(n=this.classes[t],!!n))),n=n||this.tags[t.tagName]),null==n?null:"scope"in n&&e&r.LEVEL&n.scope&&e&r.TYPE&n.scope?n:null}register(...t){return t.map((t=>{const e="blotName"in t,n="attrName"in t;if(!e&&!n)throw new s("Invalid definition");if(e&&"abstract"===t.blotName)throw new s("Cannot register abstract class");const r=e?t.blotName:n?t.attrName:void 0;return this.types[r]=t,n?"string"==typeof t.keyName&&(this.attributes[t.keyName]=t):e&&(t.className&&(this.classes[t.className]=t),t.tagName&&(Array.isArray(t.tagName)?t.tagName=t.tagName.map((t=>t.toUpperCase())):t.tagName=t.tagName.toUpperCase(),(Array.isArray(t.tagName)?t.tagName:[t.tagName]).forEach((e=>{(null==this.tags[e]||null==t.className)&&(this.tags[e]=t)})))),t}))}};o.blots=new WeakMap;let l=o;function a(t,e){return(t.getAttribute("class")||"").split(/\s+/).filter((t=>0===t.indexOf(`${e}-`)))}const c=class extends i{static keys(t){return(t.getAttribute("class")||"").split(/\s+/).map((t=>t.split("-").slice(0,-1).join("-")))}add(t,e){return!!this.canAdd(t,e)&&(this.remove(t),t.classList.add(`${this.keyName}-${e}`),!0)}remove(t){a(t,this.keyName).forEach((e=>{t.classList.remove(e)})),0===t.classList.length&&t.removeAttribute("class")}value(t){const e=(a(t,this.keyName)[0]||"").slice(this.keyName.length+1);return this.canAdd(t,e)?e:""}};function u(t){const e=t.split("-"),n=e.slice(1).map((t=>t[0].toUpperCase()+t.slice(1))).join("");return e[0]+n}const h=class extends i{static keys(t){return(t.getAttribute("style")||"").split(";").map((t=>t.split(":")[0].trim()))}add(t,e){return!!this.canAdd(t,e)&&(t.style[u(this.keyName)]=e,!0)}remove(t){t.style[u(this.keyName)]="",t.getAttribute("style")||t.removeAttribute("style")}value(t){const e=t.style[u(this.keyName)];return this.canAdd(t,e)?e:""}},d=class{constructor(t){this.attributes={},this.domNode=t,this.build()}attribute(t,e){e?t.add(this.domNode,e)&&(null!=t.value(this.domNode)?this.attributes[t.attrName]=t:delete this.attributes[t.attrName]):(t.remove(this.domNode),delete this.attributes[t.attrName])}build(){this.attributes={};const t=l.find(this.domNode);if(null==t)return;const e=i.keys(this.domNode),n=c.keys(this.domNode),s=h.keys(this.domNode);e.concat(n).concat(s).forEach((e=>{const n=t.scroll.query(e,r.ATTRIBUTE);n instanceof i&&(this.attributes[n.attrName]=n)}))}copy(t){Object.keys(this.attributes).forEach((e=>{const n=this.attributes[e].value(this.domNode);t.format(e,n)}))}move(t){this.copy(t),Object.keys(this.attributes).forEach((t=>{this.attributes[t].remove(this.domNode)})),this.attributes={}}values(){return Object.keys(this.attributes).reduce(((t,e)=>(t[e]=this.attributes[e].value(this.domNode),t)),{})}},f=class{constructor(t,e){this.scroll=t,this.domNode=e,l.blots.set(e,this),this.prev=null,this.next=null}static create(t){if(null==this.tagName)throw new s("Blot definition missing tagName");let e,n;return Array.isArray(this.tagName)?("string"==typeof t?(n=t.toUpperCase(),parseInt(n,10).toString()===n&&(n=parseInt(n,10))):"number"==typeof t&&(n=t),e="number"==typeof n?document.createElement(this.tagName[n-1]):n&&this.tagName.indexOf(n)>-1?document.createElement(n):document.createElement(this.tagName[0])):e=document.createElement(this.tagName),this.className&&e.classList.add(this.className),e}get statics(){return this.constructor}attach(){}clone(){const t=this.domNode.cloneNode(!1);return this.scroll.create(t)}detach(){null!=this.parent&&this.parent.removeChild(this),l.blots.delete(this.domNode)}deleteAt(t,e){this.isolate(t,e).remove()}formatAt(t,e,n,i){const s=this.isolate(t,e);if(null!=this.scroll.query(n,r.BLOT)&&i)s.wrap(n,i);else if(null!=this.scroll.query(n,r.ATTRIBUTE)){const t=this.scroll.create(this.statics.scope);s.wrap(t),t.format(n,i)}}insertAt(t,e,n){const r=null==n?this.scroll.create("text",e):this.scroll.create(e,n),i=this.split(t);this.parent.insertBefore(r,i||void 0)}isolate(t,e){const n=this.split(t);if(null==n)throw new Error("Attempt to isolate at end");return n.split(e),n}length(){return 1}offset(t=this.parent){return null==this.parent||this===t?0:this.parent.children.offset(this)+this.parent.offset(t)}optimize(t){this.statics.requiredContainer&&!(this.parent instanceof this.statics.requiredContainer)&&this.wrap(this.statics.requiredContainer.blotName)}remove(){null!=this.domNode.parentNode&&this.domNode.parentNode.removeChild(this.domNode),this.detach()}replaceWith(t,e){const n="string"==typeof t?this.scroll.create(t,e):t;return null!=this.parent&&(this.parent.insertBefore(n,this.next||void 0),this.remove()),n}split(t,e){return 0===t?this:this.next}update(t,e){}wrap(t,e){const n="string"==typeof t?this.scroll.create(t,e):t;if(null!=this.parent&&this.parent.insertBefore(n,this.next||void 0),"function"!=typeof n.appendChild)throw new s(`Cannot wrap ${t}`);return n.appendChild(this),n}};f.blotName="abstract";let p=f;const g=class extends p{static value(t){return!0}index(t,e){return this.domNode===t||this.domNode.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_CONTAINED_BY?Math.min(e,1):-1}position(t,e){let n=Array.from(this.parent.domNode.childNodes).indexOf(this.domNode);return t>0&&(n+=1),[this.parent.domNode,n]}value(){return{[this.statics.blotName]:this.statics.value(this.domNode)||!0}}};g.scope=r.INLINE_BLOT;const m=g;class b{constructor(){this.head=null,this.tail=null,this.length=0}append(...t){if(this.insertBefore(t[0],null),t.length>1){const e=t.slice(1);this.append(...e)}}at(t){const e=this.iterator();let n=e();for(;n&&t>0;)t-=1,n=e();return n}contains(t){const e=this.iterator();let n=e();for(;n;){if(n===t)return!0;n=e()}return!1}indexOf(t){const e=this.iterator();let n=e(),r=0;for(;n;){if(n===t)return r;r+=1,n=e()}return-1}insertBefore(t,e){null!=t&&(this.remove(t),t.next=e,null!=e?(t.prev=e.prev,null!=e.prev&&(e.prev.next=t),e.prev=t,e===this.head&&(this.head=t)):null!=this.tail?(this.tail.next=t,t.prev=this.tail,this.tail=t):(t.prev=null,this.head=this.tail=t),this.length+=1)}offset(t){let e=0,n=this.head;for(;null!=n;){if(n===t)return e;e+=n.length(),n=n.next}return-1}remove(t){this.contains(t)&&(null!=t.prev&&(t.prev.next=t.next),null!=t.next&&(t.next.prev=t.prev),t===this.head&&(this.head=t.next),t===this.tail&&(this.tail=t.prev),this.length-=1)}iterator(t=this.head){return()=>{const e=t;return null!=t&&(t=t.next),e}}find(t,e=!1){const n=this.iterator();let r=n();for(;r;){const i=r.length();if(t<i||e&&t===i&&(null==r.next||0!==r.next.length()))return[r,t];t-=i,r=n()}return[null,0]}forEach(t){const e=this.iterator();let n=e();for(;n;)t(n),n=e()}forEachAt(t,e,n){if(e<=0)return;const[r,i]=this.find(t);let s=t-i;const o=this.iterator(r);let l=o();for(;l&&s<t+e;){const r=l.length();t>s?n(l,t-s,Math.min(e,s+r-t)):n(l,0,Math.min(r,t+e-s)),s+=r,l=o()}}map(t){return this.reduce(((e,n)=>(e.push(t(n)),e)),[])}reduce(t,e){const n=this.iterator();let r=n();for(;r;)e=t(e,r),r=n();return e}}function y(t,e){const n=e.find(t);if(n)return n;try{return e.create(t)}catch{const n=e.create(r.INLINE);return Array.from(t.childNodes).forEach((t=>{n.domNode.appendChild(t)})),t.parentNode&&t.parentNode.replaceChild(n.domNode,t),n.attach(),n}}const v=class t extends p{constructor(t,e){super(t,e),this.uiNode=null,this.build()}appendChild(t){this.insertBefore(t)}attach(){super.attach(),this.children.forEach((t=>{t.attach()}))}attachUI(e){null!=this.uiNode&&this.uiNode.remove(),this.uiNode=e,t.uiClass&&this.uiNode.classList.add(t.uiClass),this.uiNode.setAttribute("contenteditable","false"),this.domNode.insertBefore(this.uiNode,this.domNode.firstChild)}build(){this.children=new b,Array.from(this.domNode.childNodes).filter((t=>t!==this.uiNode)).reverse().forEach((t=>{try{const e=y(t,this.scroll);this.insertBefore(e,this.children.head||void 0)}catch(t){if(t instanceof s)return;throw t}}))}deleteAt(t,e){if(0===t&&e===this.length())return this.remove();this.children.forEachAt(t,e,((t,e,n)=>{t.deleteAt(e,n)}))}descendant(e,n=0){const[r,i]=this.children.find(n);return null==e.blotName&&e(r)||null!=e.blotName&&r instanceof e?[r,i]:r instanceof t?r.descendant(e,i):[null,-1]}descendants(e,n=0,r=Number.MAX_VALUE){let i=[],s=r;return this.children.forEachAt(n,r,((n,r,o)=>{(null==e.blotName&&e(n)||null!=e.blotName&&n instanceof e)&&i.push(n),n instanceof t&&(i=i.concat(n.descendants(e,r,s))),s-=o})),i}detach(){this.children.forEach((t=>{t.detach()})),super.detach()}enforceAllowedChildren(){let e=!1;this.children.forEach((n=>{e||this.statics.allowedChildren.some((t=>n instanceof t))||(n.statics.scope===r.BLOCK_BLOT?(null!=n.next&&this.splitAfter(n),null!=n.prev&&this.splitAfter(n.prev),n.parent.unwrap(),e=!0):n instanceof t?n.unwrap():n.remove())}))}formatAt(t,e,n,r){this.children.forEachAt(t,e,((t,e,i)=>{t.formatAt(e,i,n,r)}))}insertAt(t,e,n){const[r,i]=this.children.find(t);if(r)r.insertAt(i,e,n);else{const t=null==n?this.scroll.create("text",e):this.scroll.create(e,n);this.appendChild(t)}}insertBefore(t,e){null!=t.parent&&t.parent.children.remove(t);let n=null;this.children.insertBefore(t,e||null),t.parent=this,null!=e&&(n=e.domNode),(this.domNode.parentNode!==t.domNode||this.domNode.nextSibling!==n)&&this.domNode.insertBefore(t.domNode,n),t.attach()}length(){return this.children.reduce(((t,e)=>t+e.length()),0)}moveChildren(t,e){this.children.forEach((n=>{t.insertBefore(n,e)}))}optimize(t){if(super.optimize(t),this.enforceAllowedChildren(),null!=this.uiNode&&this.uiNode!==this.domNode.firstChild&&this.domNode.insertBefore(this.uiNode,this.domNode.firstChild),0===this.children.length)if(null!=this.statics.defaultChild){const t=this.scroll.create(this.statics.defaultChild.blotName);this.appendChild(t)}else this.remove()}path(e,n=!1){const[r,i]=this.children.find(e,n),s=[[this,e]];return r instanceof t?s.concat(r.path(i,n)):(null!=r&&s.push([r,i]),s)}removeChild(t){this.children.remove(t)}replaceWith(e,n){const r="string"==typeof e?this.scroll.create(e,n):e;return r instanceof t&&this.moveChildren(r),super.replaceWith(r)}split(t,e=!1){if(!e){if(0===t)return this;if(t===this.length())return this.next}const n=this.clone();return this.parent&&this.parent.insertBefore(n,this.next||void 0),this.children.forEachAt(t,this.length(),((t,r,i)=>{const s=t.split(r,e);null!=s&&n.appendChild(s)})),n}splitAfter(t){const e=this.clone();for(;null!=t.next;)e.appendChild(t.next);return this.parent&&this.parent.insertBefore(e,this.next||void 0),e}unwrap(){this.parent&&this.moveChildren(this.parent,this.next||void 0),this.remove()}update(t,e){const n=[],r=[];t.forEach((t=>{t.target===this.domNode&&"childList"===t.type&&(n.push(...t.addedNodes),r.push(...t.removedNodes))})),r.forEach((t=>{if(null!=t.parentNode&&"IFRAME"!==t.tagName&&document.body.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_CONTAINED_BY)return;const e=this.scroll.find(t);null!=e&&(null==e.domNode.parentNode||e.domNode.parentNode===this.domNode)&&e.detach()})),n.filter((t=>t.parentNode===this.domNode&&t!==this.uiNode)).sort(((t,e)=>t===e?0:t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING?1:-1)).forEach((t=>{let e=null;null!=t.nextSibling&&(e=this.scroll.find(t.nextSibling));const n=y(t,this.scroll);(n.next!==e||null==n.next)&&(null!=n.parent&&n.parent.removeChild(this),this.insertBefore(n,e||void 0))})),this.enforceAllowedChildren()}};v.uiClass="";const A=v,x=class t extends A{static create(t){return super.create(t)}static formats(e,n){const r=n.query(t.blotName);if(null==r||e.tagName!==r.tagName){if("string"==typeof this.tagName)return!0;if(Array.isArray(this.tagName))return e.tagName.toLowerCase()}}constructor(t,e){super(t,e),this.attributes=new d(this.domNode)}format(e,n){if(e!==this.statics.blotName||n){const t=this.scroll.query(e,r.INLINE);if(null==t)return;t instanceof i?this.attributes.attribute(t,n):n&&(e!==this.statics.blotName||this.formats()[e]!==n)&&this.replaceWith(e,n)}else this.children.forEach((e=>{e instanceof t||(e=e.wrap(t.blotName,!0)),this.attributes.copy(e)})),this.unwrap()}formats(){const t=this.attributes.values(),e=this.statics.formats(this.domNode,this.scroll);return null!=e&&(t[this.statics.blotName]=e),t}formatAt(t,e,n,i){null!=this.formats()[n]||this.scroll.query(n,r.ATTRIBUTE)?this.isolate(t,e).format(n,i):super.formatAt(t,e,n,i)}optimize(e){super.optimize(e);const n=this.formats();if(0===Object.keys(n).length)return this.unwrap();const r=this.next;r instanceof t&&r.prev===this&&function(t,e){if(Object.keys(t).length!==Object.keys(e).length)return!1;for(const n in t)if(t[n]!==e[n])return!1;return!0}(n,r.formats())&&(r.moveChildren(this),r.remove())}replaceWith(t,e){const n=super.replaceWith(t,e);return this.attributes.copy(n),n}update(t,e){super.update(t,e),t.some((t=>t.target===this.domNode&&"attributes"===t.type))&&this.attributes.build()}wrap(e,n){const r=super.wrap(e,n);return r instanceof t&&this.attributes.move(r),r}};x.allowedChildren=[x,m],x.blotName="inline",x.scope=r.INLINE_BLOT,x.tagName="SPAN";const N=x,E=class t extends A{static create(t){return super.create(t)}static formats(e,n){const r=n.query(t.blotName);if(null==r||e.tagName!==r.tagName){if("string"==typeof this.tagName)return!0;if(Array.isArray(this.tagName))return e.tagName.toLowerCase()}}constructor(t,e){super(t,e),this.attributes=new d(this.domNode)}format(e,n){const s=this.scroll.query(e,r.BLOCK);null!=s&&(s instanceof i?this.attributes.attribute(s,n):e!==this.statics.blotName||n?n&&(e!==this.statics.blotName||this.formats()[e]!==n)&&this.replaceWith(e,n):this.replaceWith(t.blotName))}formats(){const t=this.attributes.values(),e=this.statics.formats(this.domNode,this.scroll);return null!=e&&(t[this.statics.blotName]=e),t}formatAt(t,e,n,i){null!=this.scroll.query(n,r.BLOCK)?this.format(n,i):super.formatAt(t,e,n,i)}insertAt(t,e,n){if(null==n||null!=this.scroll.query(e,r.INLINE))super.insertAt(t,e,n);else{const r=this.split(t);if(null==r)throw new Error("Attempt to insertAt after block boundaries");{const t=this.scroll.create(e,n);r.parent.insertBefore(t,r)}}}replaceWith(t,e){const n=super.replaceWith(t,e);return this.attributes.copy(n),n}update(t,e){super.update(t,e),t.some((t=>t.target===this.domNode&&"attributes"===t.type))&&this.attributes.build()}};E.blotName="block",E.scope=r.BLOCK_BLOT,E.tagName="P",E.allowedChildren=[N,E,m];const w=E,q=class extends A{checkMerge(){return null!==this.next&&this.next.statics.blotName===this.statics.blotName}deleteAt(t,e){super.deleteAt(t,e),this.enforceAllowedChildren()}formatAt(t,e,n,r){super.formatAt(t,e,n,r),this.enforceAllowedChildren()}insertAt(t,e,n){super.insertAt(t,e,n),this.enforceAllowedChildren()}optimize(t){super.optimize(t),this.children.length>0&&null!=this.next&&this.checkMerge()&&(this.next.moveChildren(this),this.next.remove())}};q.blotName="container",q.scope=r.BLOCK_BLOT;const k=q,_=class extends m{static formats(t,e){}format(t,e){super.formatAt(0,this.length(),t,e)}formatAt(t,e,n,r){0===t&&e===this.length()?this.format(n,r):super.formatAt(t,e,n,r)}formats(){return this.statics.formats(this.domNode,this.scroll)}},L={attributes:!0,characterData:!0,characterDataOldValue:!0,childList:!0,subtree:!0},S=class extends A{constructor(t,e){super(null,e),this.registry=t,this.scroll=this,this.build(),this.observer=new MutationObserver((t=>{this.update(t)})),this.observer.observe(this.domNode,L),this.attach()}create(t,e){return this.registry.create(this,t,e)}find(t,e=!1){const n=this.registry.find(t,e);return n?n.scroll===this?n:e?this.find(n.scroll.domNode.parentNode,!0):null:null}query(t,e=r.ANY){return this.registry.query(t,e)}register(...t){return this.registry.register(...t)}build(){null!=this.scroll&&super.build()}detach(){super.detach(),this.observer.disconnect()}deleteAt(t,e){this.update(),0===t&&e===this.length()?this.children.forEach((t=>{t.remove()})):super.deleteAt(t,e)}formatAt(t,e,n,r){this.update(),super.formatAt(t,e,n,r)}insertAt(t,e,n){this.update(),super.insertAt(t,e,n)}optimize(t=[],e={}){super.optimize(e);const n=e.mutationsMap||new WeakMap;let r=Array.from(this.observer.takeRecords());for(;r.length>0;)t.push(r.pop());const i=(t,e=!0)=>{null==t||t===this||null!=t.domNode.parentNode&&(n.has(t.domNode)||n.set(t.domNode,[]),e&&i(t.parent))},s=t=>{n.has(t.domNode)&&(t instanceof A&&t.children.forEach(s),n.delete(t.domNode),t.optimize(e))};let o=t;for(let e=0;o.length>0;e+=1){if(e>=100)throw new Error("[Parchment] Maximum optimize iterations reached");for(o.forEach((t=>{const e=this.find(t.target,!0);null!=e&&(e.domNode===t.target&&("childList"===t.type?(i(this.find(t.previousSibling,!1)),Array.from(t.addedNodes).forEach((t=>{const e=this.find(t,!1);i(e,!1),e instanceof A&&e.children.forEach((t=>{i(t,!1)}))}))):"attributes"===t.type&&i(e.prev)),i(e))})),this.children.forEach(s),o=Array.from(this.observer.takeRecords()),r=o.slice();r.length>0;)t.push(r.pop())}}update(t,e={}){t=t||this.observer.takeRecords();const n=new WeakMap;t.map((t=>{const e=this.find(t.target,!0);return null==e?null:n.has(e.domNode)?(n.get(e.domNode).push(t),null):(n.set(e.domNode,[t]),e)})).forEach((t=>{null!=t&&t!==this&&n.has(t.domNode)&&t.update(n.get(t.domNode)||[],e)})),e.mutationsMap=n,n.has(this.domNode)&&super.update(n.get(this.domNode),e),this.optimize(t,e)}};S.blotName="scroll",S.defaultChild=w,S.allowedChildren=[w,k],S.scope=r.BLOCK_BLOT,S.tagName="DIV";const O=S,T=class t extends m{static create(t){return document.createTextNode(t)}static value(t){return t.data}constructor(t,e){super(t,e),this.text=this.statics.value(this.domNode)}deleteAt(t,e){this.domNode.data=this.text=this.text.slice(0,t)+this.text.slice(t+e)}index(t,e){return this.domNode===t?e:-1}insertAt(t,e,n){null==n?(this.text=this.text.slice(0,t)+e+this.text.slice(t),this.domNode.data=this.text):super.insertAt(t,e,n)}length(){return this.text.length}optimize(e){super.optimize(e),this.text=this.statics.value(this.domNode),0===this.text.length?this.remove():this.next instanceof t&&this.next.prev===this&&(this.insertAt(this.length(),this.next.value()),this.next.remove())}position(t,e=!1){return[this.domNode,t]}split(t,e=!1){if(!e){if(0===t)return this;if(t===this.length())return this.next}const n=this.scroll.create(this.domNode.splitText(t));return this.parent.insertBefore(n,this.next||void 0),this.text=this.statics.value(this.domNode),n}update(t,e){t.some((t=>"characterData"===t.type&&t.target===this.domNode))&&(this.text=this.statics.value(this.domNode))}value(){return this.text}};T.blotName="text",T.scope=r.INLINE_BLOT;const j=T}},e={};function n(r){var i=e[r];if(void 0!==i)return i.exports;var s=e[r]={id:r,loaded:!1,exports:{}};return t[r](s,s.exports,n),s.loaded=!0,s.exports}n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.nmd=function(t){return t.paths=[],t.children||(t.children=[]),t};var r={};return function(){"use strict";n.d(r,{default:function(){return It}});var t=n(3729),e=n(8276),i=n(7912),s=n(6003);class o extends s.ClassAttributor{add(t,e){let n=0;if("+1"===e||"-1"===e){const r=this.value(t)||0;n="+1"===e?r+1:r-1}else"number"==typeof e&&(n=e);return 0===n?(this.remove(t),!0):super.add(t,n.toString())}canAdd(t,e){return super.canAdd(t,e)||super.canAdd(t,parseInt(e,10))}value(t){return parseInt(super.value(t),10)||void 0}}var l=new o("indent","ql-indent",{scope:s.Scope.BLOCK,whitelist:[1,2,3,4,5,6,7,8]}),a=n(9698);class c extends a.Ay{static blotName="blockquote";static tagName="blockquote"}var u=c;class h extends a.Ay{static blotName="header";static tagName=["H1","H2","H3","H4","H5","H6"];static formats(t){return this.tagName.indexOf(t.tagName)+1}}var d=h,f=n(580),p=n(6142);class g extends f.A{}g.blotName="list-container",g.tagName="OL";class m extends a.Ay{static create(t){const e=super.create();return e.setAttribute("data-list",t),e}static formats(t){return t.getAttribute("data-list")||void 0}static register(){p.Ay.register(g)}constructor(t,e){super(t,e);const n=e.ownerDocument.createElement("span"),r=n=>{if(!t.isEnabled())return;const r=this.statics.formats(e,t);"checked"===r?(this.format("list","unchecked"),n.preventDefault()):"unchecked"===r&&(this.format("list","checked"),n.preventDefault())};n.addEventListener("mousedown",r),n.addEventListener("touchstart",r),this.attachUI(n)}format(t,e){t===this.statics.blotName&&e?this.domNode.setAttribute("data-list",e):super.format(t,e)}}m.blotName="list",m.tagName="LI",g.allowedChildren=[m],m.requiredContainer=g;var b=n(9541),y=n(8638),v=n(6772),A=n(664),x=n(4850);class N extends x.A{static blotName="bold";static tagName=["STRONG","B"];static create(){return super.create()}static formats(){return!0}optimize(t){super.optimize(t),this.domNode.tagName!==this.statics.tagName[0]&&this.replaceWith(this.statics.blotName)}}var E=N;class w extends x.A{static blotName="link";static tagName="A";static SANITIZED_URL="about:blank";static PROTOCOL_WHITELIST=["http","https","mailto","tel","sms"];static create(t){const e=super.create(t);return e.setAttribute("href",this.sanitize(t)),e.setAttribute("rel","noopener noreferrer"),e.setAttribute("target","_blank"),e}static formats(t){return t.getAttribute("href")}static sanitize(t){return q(t,this.PROTOCOL_WHITELIST)?t:this.SANITIZED_URL}format(t,e){t===this.statics.blotName&&e?this.domNode.setAttribute("href",this.constructor.sanitize(e)):super.format(t,e)}}function q(t,e){const n=document.createElement("a");n.href=t;const r=n.href.slice(0,n.href.indexOf(":"));return e.indexOf(r)>-1}class k extends x.A{static blotName="script";static tagName=["SUB","SUP"];static create(t){return"super"===t?document.createElement("sup"):"sub"===t?document.createElement("sub"):super.create(t)}static formats(t){return"SUB"===t.tagName?"sub":"SUP"===t.tagName?"super":void 0}}var _=k;class L extends x.A{static blotName="underline";static tagName="U"}var S=L,O=n(746);class T extends O.A{static blotName="formula";static className="ql-formula";static tagName="SPAN";static create(t){if(null==window.katex)throw new Error("Formula module requires KaTeX.");const e=super.create(t);return"string"==typeof t&&(window.katex.render(t,e,{throwOnError:!1,errorColor:"#f00"}),e.setAttribute("data-value",t)),e}static value(t){return t.getAttribute("data-value")}html(){const{formula:t}=this.value();return`<span>${t}</span>`}}var j=T;const C=["alt","height","width"];class R extends s.EmbedBlot{static blotName="image";static tagName="IMG";static create(t){const e=super.create(t);return"string"==typeof t&&e.setAttribute("src",this.sanitize(t)),e}static formats(t){return C.reduce(((e,n)=>(t.hasAttribute(n)&&(e[n]=t.getAttribute(n)),e)),{})}static match(t){return/\.(jpe?g|gif|png)$/.test(t)||/^data:image\/.+;base64/.test(t)}static sanitize(t){return q(t,["http","https","data"])?t:"//:0"}static value(t){return t.getAttribute("src")}format(t,e){C.indexOf(t)>-1?e?this.domNode.setAttribute(t,e):this.domNode.removeAttribute(t):super.format(t,e)}}var I=R;const B=["height","width"];class M extends a.zo{static blotName="video";static className="ql-video";static tagName="IFRAME";static create(t){const e=super.create(t);return e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","true"),e.setAttribute("src",this.sanitize(t)),e}static formats(t){return B.reduce(((e,n)=>(t.hasAttribute(n)&&(e[n]=t.getAttribute(n)),e)),{})}static sanitize(t){return w.sanitize(t)}static value(t){return t.getAttribute("src")}format(t,e){B.indexOf(t)>-1?e?this.domNode.setAttribute(t,e):this.domNode.removeAttribute(t):super.format(t,e)}html(){const{video:t}=this.value();return`<a href="${t}">${t}</a>`}}var U=M,D=n(9404),P=n(5232),z=n.n(P),F=n(4266),H=n(3036),$=n(4541),V=n(5508),K=n(584);const W=new s.ClassAttributor("code-token","hljs",{scope:s.Scope.INLINE});class Z extends x.A{static formats(t,e){for(;null!=t&&t!==e.domNode;){if(t.classList&&t.classList.contains(D.Ay.className))return super.formats(t,e);t=t.parentNode}}constructor(t,e,n){super(t,e,n),W.add(this.domNode,n)}format(t,e){t!==Z.blotName?super.format(t,e):e?W.add(this.domNode,e):(W.remove(this.domNode),this.domNode.classList.remove(this.statics.className))}optimize(){super.optimize(...arguments),W.value(this.domNode)||this.unwrap()}}Z.blotName="code-token",Z.className="ql-token";class G extends D.Ay{static create(t){const e=super.create(t);return"string"==typeof t&&e.setAttribute("data-language",t),e}static formats(t){return t.getAttribute("data-language")||"plain"}static register(){}format(t,e){t===this.statics.blotName&&e?this.domNode.setAttribute("data-language",e):super.format(t,e)}replaceWith(t,e){return this.formatAt(0,this.length(),Z.blotName,!1),super.replaceWith(t,e)}}class X extends D.EJ{attach(){super.attach(),this.forceNext=!1,this.scroll.emitMount(this)}format(t,e){t===G.blotName&&(this.forceNext=!0,this.children.forEach((n=>{n.format(t,e)})))}formatAt(t,e,n,r){n===G.blotName&&(this.forceNext=!0),super.formatAt(t,e,n,r)}highlight(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null==this.children.head)return;const n=`${Array.from(this.domNode.childNodes).filter((t=>t!==this.uiNode)).map((t=>t.textContent)).join("\n")}\n`,r=G.formats(this.children.head.domNode);if(e||this.forceNext||this.cachedText!==n){if(n.trim().length>0||null==this.cachedText){const e=this.children.reduce(((t,e)=>t.concat((0,a.mG)(e,!1))),new(z())),i=t(n,r);e.diff(i).reduce(((t,e)=>{let{retain:n,attributes:r}=e;return n?(r&&Object.keys(r).forEach((e=>{[G.blotName,Z.blotName].includes(e)&&this.formatAt(t,n,e,r[e])})),t+n):t}),0)}this.cachedText=n,this.forceNext=!1}}html(t,e){const[n]=this.children.find(t);return`<pre data-language="${n?G.formats(n.domNode):"plain"}">\n${(0,V.X)(this.code(t,e))}\n</pre>`}optimize(t){if(super.optimize(t),null!=this.parent&&null!=this.children.head&&null!=this.uiNode){const t=G.formats(this.children.head.domNode);t!==this.uiNode.value&&(this.uiNode.value=t)}}}X.allowedChildren=[G],G.requiredContainer=X,G.allowedChildren=[Z,$.A,V.A,H.A];class Q extends F.A{static register(){p.Ay.register(Z,!0),p.Ay.register(G,!0),p.Ay.register(X,!0)}constructor(t,e){if(super(t,e),null==this.options.hljs)throw new Error("Syntax module requires highlight.js. Please include the library on the page before Quill.");this.languages=this.options.languages.reduce(((t,e)=>{let{key:n}=e;return t[n]=!0,t}),{}),this.highlightBlot=this.highlightBlot.bind(this),this.initListener(),this.initTimer()}initListener(){this.quill.on(p.Ay.events.SCROLL_BLOT_MOUNT,(t=>{if(!(t instanceof X))return;const e=this.quill.root.ownerDocument.createElement("select");this.options.languages.forEach((t=>{let{key:n,label:r}=t;const i=e.ownerDocument.createElement("option");i.textContent=r,i.setAttribute("value",n),e.appendChild(i)})),e.addEventListener("change",(()=>{t.format(G.blotName,e.value),this.quill.root.focus(),this.highlight(t,!0)})),null==t.uiNode&&(t.attachUI(e),t.children.head&&(e.value=G.formats(t.children.head.domNode)))}))}initTimer(){let t=null;this.quill.on(p.Ay.events.SCROLL_OPTIMIZE,(()=>{t&&clearTimeout(t),t=setTimeout((()=>{this.highlight(),t=null}),this.options.interval)}))}highlight(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.quill.selection.composing)return;this.quill.update(p.Ay.sources.USER);const n=this.quill.getSelection();(null==t?this.quill.scroll.descendants(X):[t]).forEach((t=>{t.highlight(this.highlightBlot,e)})),this.quill.update(p.Ay.sources.SILENT),null!=n&&this.quill.setSelection(n,p.Ay.sources.SILENT)}highlightBlot(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"plain";if(e=this.languages[e]?e:"plain","plain"===e)return(0,V.X)(t).split("\n").reduce(((t,n,r)=>(0!==r&&t.insert("\n",{[D.Ay.blotName]:e}),t.insert(n))),new(z()));const n=this.quill.root.ownerDocument.createElement("div");return n.classList.add(D.Ay.className),n.innerHTML=((t,e,n)=>{if("string"==typeof t.versionString){const r=t.versionString.split(".")[0];if(parseInt(r,10)>=11)return t.highlight(n,{language:e}).value}return t.highlight(e,n).value})(this.options.hljs,e,t),(0,K.hV)(this.quill.scroll,n,[(t,e)=>{const n=W.value(t);return n?e.compose((new(z())).retain(e.length(),{[Z.blotName]:n})):e}],[(t,n)=>t.data.split("\n").reduce(((t,n,r)=>(0!==r&&t.insert("\n",{[D.Ay.blotName]:e}),t.insert(n))),n)],new WeakMap)}}Q.DEFAULTS={hljs:window.hljs,interval:1e3,languages:[{key:"plain",label:"Plain"},{key:"bash",label:"Bash"},{key:"cpp",label:"C++"},{key:"cs",label:"C#"},{key:"css",label:"CSS"},{key:"diff",label:"Diff"},{key:"xml",label:"HTML/XML"},{key:"java",label:"Java"},{key:"javascript",label:"JavaScript"},{key:"markdown",label:"Markdown"},{key:"php",label:"PHP"},{key:"python",label:"Python"},{key:"ruby",label:"Ruby"},{key:"sql",label:"SQL"}]};class J extends a.Ay{static blotName="table";static tagName="TD";static create(t){const e=super.create();return t?e.setAttribute("data-row",t):e.setAttribute("data-row",nt()),e}static formats(t){if(t.hasAttribute("data-row"))return t.getAttribute("data-row")}cellOffset(){return this.parent?this.parent.children.indexOf(this):-1}format(t,e){t===J.blotName&&e?this.domNode.setAttribute("data-row",e):super.format(t,e)}row(){return this.parent}rowOffset(){return this.row()?this.row().rowOffset():-1}table(){return this.row()&&this.row().table()}}class Y extends f.A{static blotName="table-row";static tagName="TR";checkMerge(){if(super.checkMerge()&&null!=this.next.children.head){const t=this.children.head.formats(),e=this.children.tail.formats(),n=this.next.children.head.formats(),r=this.next.children.tail.formats();return t.table===e.table&&t.table===n.table&&t.table===r.table}return!1}optimize(t){super.optimize(t),this.children.forEach((t=>{if(null==t.next)return;const e=t.formats(),n=t.next.formats();if(e.table!==n.table){const e=this.splitAfter(t);e&&e.optimize(),this.prev&&this.prev.optimize()}}))}rowOffset(){return this.parent?this.parent.children.indexOf(this):-1}table(){return this.parent&&this.parent.parent}}class tt extends f.A{static blotName="table-body";static tagName="TBODY"}class et extends f.A{static blotName="table-container";static tagName="TABLE";balanceCells(){const t=this.descendants(Y),e=t.reduce(((t,e)=>Math.max(e.children.length,t)),0);t.forEach((t=>{new Array(e-t.children.length).fill(0).forEach((()=>{let e;null!=t.children.head&&(e=J.formats(t.children.head.domNode));const n=this.scroll.create(J.blotName,e);t.appendChild(n),n.optimize()}))}))}cells(t){return this.rows().map((e=>e.children.at(t)))}deleteColumn(t){const[e]=this.descendant(tt);null!=e&&null!=e.children.head&&e.children.forEach((e=>{const n=e.children.at(t);null!=n&&n.remove()}))}insertColumn(t){const[e]=this.descendant(tt);null!=e&&null!=e.children.head&&e.children.forEach((e=>{const n=e.children.at(t),r=J.formats(e.children.head.domNode),i=this.scroll.create(J.blotName,r);e.insertBefore(i,n)}))}insertRow(t){const[e]=this.descendant(tt);if(null==e||null==e.children.head)return;const n=nt(),r=this.scroll.create(Y.blotName);e.children.head.children.forEach((()=>{const t=this.scroll.create(J.blotName,n);r.appendChild(t)}));const i=e.children.at(t);e.insertBefore(r,i)}rows(){const t=this.children.head;return null==t?[]:t.children.map((t=>t))}}function nt(){return`row-${Math.random().toString(36).slice(2,6)}`}et.allowedChildren=[tt],tt.requiredContainer=et,tt.allowedChildren=[Y],Y.requiredContainer=tt,Y.allowedChildren=[J],J.requiredContainer=Y;class rt extends F.A{static register(){p.Ay.register(J),p.Ay.register(Y),p.Ay.register(tt),p.Ay.register(et)}constructor(){super(...arguments),this.listenBalanceCells()}balanceTables(){this.quill.scroll.descendants(et).forEach((t=>{t.balanceCells()}))}deleteColumn(){const[t,,e]=this.getTable();null!=e&&(t.deleteColumn(e.cellOffset()),this.quill.update(p.Ay.sources.USER))}deleteRow(){const[,t]=this.getTable();null!=t&&(t.remove(),this.quill.update(p.Ay.sources.USER))}deleteTable(){const[t]=this.getTable();if(null==t)return;const e=t.offset();t.remove(),this.quill.update(p.Ay.sources.USER),this.quill.setSelection(e,p.Ay.sources.SILENT)}getTable(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.quill.getSelection();if(null==t)return[null,null,null,-1];const[e,n]=this.quill.getLine(t.index);if(null==e||e.statics.blotName!==J.blotName)return[null,null,null,-1];const r=e.parent;return[r.parent.parent,r,e,n]}insertColumn(t){const e=this.quill.getSelection();if(!e)return;const[n,r,i]=this.getTable(e);if(null==i)return;const s=i.cellOffset();n.insertColumn(s+t),this.quill.update(p.Ay.sources.USER);let o=r.rowOffset();0===t&&(o+=1),this.quill.setSelection(e.index+o,e.length,p.Ay.sources.SILENT)}insertColumnLeft(){this.insertColumn(0)}insertColumnRight(){this.insertColumn(1)}insertRow(t){const e=this.quill.getSelection();if(!e)return;const[n,r,i]=this.getTable(e);if(null==i)return;const s=r.rowOffset();n.insertRow(s+t),this.quill.update(p.Ay.sources.USER),t>0?this.quill.setSelection(e,p.Ay.sources.SILENT):this.quill.setSelection(e.index+r.children.length,e.length,p.Ay.sources.SILENT)}insertRowAbove(){this.insertRow(0)}insertRowBelow(){this.insertRow(1)}insertTable(t,e){const n=this.quill.getSelection();if(null==n)return;const r=new Array(t).fill(0).reduce((t=>{const n=new Array(e).fill("\n").join("");return t.insert(n,{table:nt()})}),(new(z())).retain(n.index));this.quill.updateContents(r,p.Ay.sources.USER),this.quill.setSelection(n.index,p.Ay.sources.SILENT),this.balanceTables()}listenBalanceCells(){this.quill.on(p.Ay.events.SCROLL_OPTIMIZE,(t=>{t.some((t=>!!["TD","TR","TBODY","TABLE"].includes(t.target.tagName)&&(this.quill.once(p.Ay.events.TEXT_CHANGE,((t,e,n)=>{n===p.Ay.sources.USER&&this.balanceTables()})),!0)))}))}}var it=rt;const st=(0,n(6078).A)("quill:toolbar");class ot extends F.A{constructor(t,e){if(super(t,e),Array.isArray(this.options.container)){const e=document.createElement("div");e.setAttribute("role","toolbar"),function(t,e){Array.isArray(e[0])||(e=[e]),e.forEach((e=>{const n=document.createElement("span");n.classList.add("ql-formats"),e.forEach((t=>{if("string"==typeof t)lt(n,t);else{const e=Object.keys(t)[0],r=t[e];Array.isArray(r)?function(t,e,n){const r=document.createElement("select");r.classList.add(`ql-${e}`),n.forEach((t=>{const e=document.createElement("option");!1!==t?e.setAttribute("value",String(t)):e.setAttribute("selected","selected"),r.appendChild(e)})),t.appendChild(r)}(n,e,r):lt(n,e,r)}})),t.appendChild(n)}))}(e,this.options.container),t.container?.parentNode?.insertBefore(e,t.container),this.container=e}else"string"==typeof this.options.container?this.container=document.querySelector(this.options.container):this.container=this.options.container;this.container instanceof HTMLElement?(this.container.classList.add("ql-toolbar"),this.controls=[],this.handlers={},this.options.handlers&&Object.keys(this.options.handlers).forEach((t=>{const e=this.options.handlers?.[t];e&&this.addHandler(t,e)})),Array.from(this.container.querySelectorAll("button, select")).forEach((t=>{this.attach(t)})),this.quill.on(p.Ay.events.EDITOR_CHANGE,(()=>{const[t]=this.quill.selection.getRange();this.update(t)}))):st.error("Container required for toolbar",this.options)}addHandler(t,e){this.handlers[t]=e}attach(t){let e=Array.from(t.classList).find((t=>0===t.indexOf("ql-")));if(!e)return;if(e=e.slice(3),"BUTTON"===t.tagName&&t.setAttribute("type","button"),null==this.handlers[e]&&null==this.quill.scroll.query(e))return void st.warn("ignoring attaching to nonexistent format",e,t);const n="SELECT"===t.tagName?"change":"click";t.addEventListener(n,(n=>{let r;if("SELECT"===t.tagName){if(t.selectedIndex<0)return;const e=t.options[t.selectedIndex];r=!e.hasAttribute("selected")&&(e.value||!1)}else r=!t.classList.contains("ql-active")&&(t.value||!t.hasAttribute("value")),n.preventDefault();this.quill.focus();const[i]=this.quill.selection.getRange();if(null!=this.handlers[e])this.handlers[e].call(this,r);else if(this.quill.scroll.query(e).prototype instanceof s.EmbedBlot){if(r=prompt(`Enter ${e}`),!r)return;this.quill.updateContents((new(z())).retain(i.index).delete(i.length).insert({[e]:r}),p.Ay.sources.USER)}else this.quill.format(e,r,p.Ay.sources.USER);this.update(i)})),this.controls.push([e,t])}update(t){const e=null==t?{}:this.quill.getFormat(t);this.controls.forEach((n=>{const[r,i]=n;if("SELECT"===i.tagName){let n=null;if(null==t)n=null;else if(null==e[r])n=i.querySelector("option[selected]");else if(!Array.isArray(e[r])){let t=e[r];"string"==typeof t&&(t=t.replace(/"/g,'\\"')),n=i.querySelector(`option[value="${t}"]`)}null==n?(i.value="",i.selectedIndex=-1):n.selected=!0}else if(null==t)i.classList.remove("ql-active"),i.setAttribute("aria-pressed","false");else if(i.hasAttribute("value")){const t=e[r],n=t===i.getAttribute("value")||null!=t&&t.toString()===i.getAttribute("value")||null==t&&!i.getAttribute("value");i.classList.toggle("ql-active",n),i.setAttribute("aria-pressed",n.toString())}else{const t=null!=e[r];i.classList.toggle("ql-active",t),i.setAttribute("aria-pressed",t.toString())}}))}}function lt(t,e,n){const r=document.createElement("button");r.setAttribute("type","button"),r.classList.add(`ql-${e}`),r.setAttribute("aria-pressed","false"),null!=n?(r.value=n,r.setAttribute("aria-label",`${e}: ${n}`)):r.setAttribute("aria-label",e),t.appendChild(r)}ot.DEFAULTS={},ot.DEFAULTS={container:null,handlers:{clean(){const t=this.quill.getSelection();if(null!=t)if(0===t.length){const t=this.quill.getFormat();Object.keys(t).forEach((t=>{null!=this.quill.scroll.query(t,s.Scope.INLINE)&&this.quill.format(t,!1,p.Ay.sources.USER)}))}else this.quill.removeFormat(t.index,t.length,p.Ay.sources.USER)},direction(t){const{align:e}=this.quill.getFormat();"rtl"===t&&null==e?this.quill.format("align","right",p.Ay.sources.USER):t||"right"!==e||this.quill.format("align",!1,p.Ay.sources.USER),this.quill.format("direction",t,p.Ay.sources.USER)},indent(t){const e=this.quill.getSelection(),n=this.quill.getFormat(e),r=parseInt(n.indent||0,10);if("+1"===t||"-1"===t){let e="+1"===t?1:-1;"rtl"===n.direction&&(e*=-1),this.quill.format("indent",r+e,p.Ay.sources.USER)}},link(t){!0===t&&(t=prompt("Enter link URL:")),this.quill.format("link",t,p.Ay.sources.USER)},list(t){const e=this.quill.getSelection(),n=this.quill.getFormat(e);"check"===t?"checked"===n.list||"unchecked"===n.list?this.quill.format("list",!1,p.Ay.sources.USER):this.quill.format("list","unchecked",p.Ay.sources.USER):this.quill.format("list",t,p.Ay.sources.USER)}}};const at='<svg viewbox="0 0 18 18"><polyline class="ql-even ql-stroke" points="5 7 3 9 5 11"/><polyline class="ql-even ql-stroke" points="13 7 15 9 13 11"/><line class="ql-stroke" x1="10" x2="8" y1="5" y2="13"/></svg>';var ct={align:{"":'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="3" x2="15" y1="9" y2="9"/><line class="ql-stroke" x1="3" x2="13" y1="14" y2="14"/><line class="ql-stroke" x1="3" x2="9" y1="4" y2="4"/></svg>',center:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"/><line class="ql-stroke" x1="14" x2="4" y1="14" y2="14"/><line class="ql-stroke" x1="12" x2="6" y1="4" y2="4"/></svg>',right:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"/><line class="ql-stroke" x1="15" x2="5" y1="14" y2="14"/><line class="ql-stroke" x1="15" x2="9" y1="4" y2="4"/></svg>',justify:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"/><line class="ql-stroke" x1="15" x2="3" y1="14" y2="14"/><line class="ql-stroke" x1="15" x2="3" y1="4" y2="4"/></svg>'},background:'<svg viewbox="0 0 18 18"><g class="ql-fill ql-color-label"><polygon points="6 6.868 6 6 5 6 5 7 5.942 7 6 6.868"/><rect height="1" width="1" x="4" y="4"/><polygon points="6.817 5 6 5 6 6 6.38 6 6.817 5"/><rect height="1" width="1" x="2" y="6"/><rect height="1" width="1" x="3" y="5"/><rect height="1" width="1" x="4" y="7"/><polygon points="4 11.439 4 11 3 11 3 12 3.755 12 4 11.439"/><rect height="1" width="1" x="2" y="12"/><rect height="1" width="1" x="2" y="9"/><rect height="1" width="1" x="2" y="15"/><polygon points="4.63 10 4 10 4 11 4.192 11 4.63 10"/><rect height="1" width="1" x="3" y="8"/><path d="M10.832,4.2L11,4.582V4H10.708A1.948,1.948,0,0,1,10.832,4.2Z"/><path d="M7,4.582L7.168,4.2A1.929,1.929,0,0,1,7.292,4H7V4.582Z"/><path d="M8,13H7.683l-0.351.8a1.933,1.933,0,0,1-.124.2H8V13Z"/><rect height="1" width="1" x="12" y="2"/><rect height="1" width="1" x="11" y="3"/><path d="M9,3H8V3.282A1.985,1.985,0,0,1,9,3Z"/><rect height="1" width="1" x="2" y="3"/><rect height="1" width="1" x="6" y="2"/><rect height="1" width="1" x="3" y="2"/><rect height="1" width="1" x="5" y="3"/><rect height="1" width="1" x="9" y="2"/><rect height="1" width="1" x="15" y="14"/><polygon points="13.447 10.174 13.469 10.225 13.472 10.232 13.808 11 14 11 14 10 13.37 10 13.447 10.174"/><rect height="1" width="1" x="13" y="7"/><rect height="1" width="1" x="15" y="5"/><rect height="1" width="1" x="14" y="6"/><rect height="1" width="1" x="15" y="8"/><rect height="1" width="1" x="14" y="9"/><path d="M3.775,14H3v1H4V14.314A1.97,1.97,0,0,1,3.775,14Z"/><rect height="1" width="1" x="14" y="3"/><polygon points="12 6.868 12 6 11.62 6 12 6.868"/><rect height="1" width="1" x="15" y="2"/><rect height="1" width="1" x="12" y="5"/><rect height="1" width="1" x="13" y="4"/><polygon points="12.933 9 13 9 13 8 12.495 8 12.933 9"/><rect height="1" width="1" x="9" y="14"/><rect height="1" width="1" x="8" y="15"/><path d="M6,14.926V15H7V14.316A1.993,1.993,0,0,1,6,14.926Z"/><rect height="1" width="1" x="5" y="15"/><path d="M10.668,13.8L10.317,13H10v1h0.792A1.947,1.947,0,0,1,10.668,13.8Z"/><rect height="1" width="1" x="11" y="15"/><path d="M14.332,12.2a1.99,1.99,0,0,1,.166.8H15V12H14.245Z"/><rect height="1" width="1" x="14" y="15"/><rect height="1" width="1" x="15" y="11"/></g><polyline class="ql-stroke" points="5.5 13 9 5 12.5 13"/><line class="ql-stroke" x1="11.63" x2="6.38" y1="11" y2="11"/></svg>',blockquote:'<svg viewbox="0 0 18 18"><rect class="ql-fill ql-stroke" height="3" width="3" x="4" y="5"/><rect class="ql-fill ql-stroke" height="3" width="3" x="11" y="5"/><path class="ql-even ql-fill ql-stroke" d="M7,8c0,4.031-3,5-3,5"/><path class="ql-even ql-fill ql-stroke" d="M14,8c0,4.031-3,5-3,5"/></svg>',bold:'<svg viewbox="0 0 18 18"><path class="ql-stroke" d="M5,4H9.5A2.5,2.5,0,0,1,12,6.5v0A2.5,2.5,0,0,1,9.5,9H5A0,0,0,0,1,5,9V4A0,0,0,0,1,5,4Z"/><path class="ql-stroke" d="M5,9h5.5A2.5,2.5,0,0,1,13,11.5v0A2.5,2.5,0,0,1,10.5,14H5a0,0,0,0,1,0,0V9A0,0,0,0,1,5,9Z"/></svg>',clean:'<svg class="" viewbox="0 0 18 18"><line class="ql-stroke" x1="5" x2="13" y1="3" y2="3"/><line class="ql-stroke" x1="6" x2="9.35" y1="12" y2="3"/><line class="ql-stroke" x1="11" x2="15" y1="11" y2="15"/><line class="ql-stroke" x1="15" x2="11" y1="11" y2="15"/><rect class="ql-fill" height="1" rx="0.5" ry="0.5" width="7" x="2" y="14"/></svg>',code:at,"code-block":at,color:'<svg viewbox="0 0 18 18"><line class="ql-color-label ql-stroke ql-transparent" x1="3" x2="15" y1="15" y2="15"/><polyline class="ql-stroke" points="5.5 11 9 3 12.5 11"/><line class="ql-stroke" x1="11.63" x2="6.38" y1="9" y2="9"/></svg>',direction:{"":'<svg viewbox="0 0 18 18"><polygon class="ql-stroke ql-fill" points="3 11 5 9 3 7 3 11"/><line class="ql-stroke ql-fill" x1="15" x2="11" y1="4" y2="4"/><path class="ql-fill" d="M11,3a3,3,0,0,0,0,6h1V3H11Z"/><rect class="ql-fill" height="11" width="1" x="11" y="4"/><rect class="ql-fill" height="11" width="1" x="13" y="4"/></svg>',rtl:'<svg viewbox="0 0 18 18"><polygon class="ql-stroke ql-fill" points="15 12 13 10 15 8 15 12"/><line class="ql-stroke ql-fill" x1="9" x2="5" y1="4" y2="4"/><path class="ql-fill" d="M5,3A3,3,0,0,0,5,9H6V3H5Z"/><rect class="ql-fill" height="11" width="1" x="5" y="4"/><rect class="ql-fill" height="11" width="1" x="7" y="4"/></svg>'},formula:'<svg viewbox="0 0 18 18"><path class="ql-fill" d="M11.759,2.482a2.561,2.561,0,0,0-3.53.607A7.656,7.656,0,0,0,6.8,6.2C6.109,9.188,5.275,14.677,4.15,14.927a1.545,1.545,0,0,0-1.3-.933A0.922,0.922,0,0,0,2,15.036S1.954,16,4.119,16s3.091-2.691,3.7-5.553c0.177-.826.36-1.726,0.554-2.6L8.775,6.2c0.381-1.421.807-2.521,1.306-2.676a1.014,1.014,0,0,0,1.02.56A0.966,0.966,0,0,0,11.759,2.482Z"/><rect class="ql-fill" height="1.6" rx="0.8" ry="0.8" width="5" x="5.15" y="6.2"/><path class="ql-fill" d="M13.663,12.027a1.662,1.662,0,0,1,.266-0.276q0.193,0.069.456,0.138a2.1,2.1,0,0,0,.535.069,1.075,1.075,0,0,0,.767-0.3,1.044,1.044,0,0,0,.314-0.8,0.84,0.84,0,0,0-.238-0.619,0.8,0.8,0,0,0-.594-0.239,1.154,1.154,0,0,0-.781.3,4.607,4.607,0,0,0-.781,1q-0.091.15-.218,0.346l-0.246.38c-0.068-.288-0.137-0.582-0.212-0.885-0.459-1.847-2.494-.984-2.941-0.8-0.482.2-.353,0.647-0.094,0.529a0.869,0.869,0,0,1,1.281.585c0.217,0.751.377,1.436,0.527,2.038a5.688,5.688,0,0,1-.362.467,2.69,2.69,0,0,1-.264.271q-0.221-.08-0.471-0.147a2.029,2.029,0,0,0-.522-0.066,1.079,1.079,0,0,0-.768.3A1.058,1.058,0,0,0,9,15.131a0.82,0.82,0,0,0,.832.852,1.134,1.134,0,0,0,.787-0.3,5.11,5.11,0,0,0,.776-0.993q0.141-.219.215-0.34c0.046-.076.122-0.194,0.223-0.346a2.786,2.786,0,0,0,.918,1.726,2.582,2.582,0,0,0,2.376-.185c0.317-.181.212-0.565,0-0.494A0.807,0.807,0,0,1,14.176,15a5.159,5.159,0,0,1-.913-2.446l0,0Q13.487,12.24,13.663,12.027Z"/></svg>',header:{1:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M10,4V14a1,1,0,0,1-2,0V10H3v4a1,1,0,0,1-2,0V4A1,1,0,0,1,3,4V8H8V4a1,1,0,0,1,2,0Zm6.06787,9.209H14.98975V7.59863a.54085.54085,0,0,0-.605-.60547h-.62744a1.01119,1.01119,0,0,0-.748.29688L11.645,8.56641a.5435.5435,0,0,0-.022.8584l.28613.30762a.53861.53861,0,0,0,.84717.0332l.09912-.08789a1.2137,1.2137,0,0,0,.2417-.35254h.02246s-.01123.30859-.01123.60547V13.209H12.041a.54085.54085,0,0,0-.605.60547v.43945a.54085.54085,0,0,0,.605.60547h4.02686a.54085.54085,0,0,0,.605-.60547v-.43945A.54085.54085,0,0,0,16.06787,13.209Z"/></svg>',2:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M16.73975,13.81445v.43945a.54085.54085,0,0,1-.605.60547H11.855a.58392.58392,0,0,1-.64893-.60547V14.0127c0-2.90527,3.39941-3.42187,3.39941-4.55469a.77675.77675,0,0,0-.84717-.78125,1.17684,1.17684,0,0,0-.83594.38477c-.2749.26367-.561.374-.85791.13184l-.4292-.34082c-.30811-.24219-.38525-.51758-.1543-.81445a2.97155,2.97155,0,0,1,2.45361-1.17676,2.45393,2.45393,0,0,1,2.68408,2.40918c0,2.45312-3.1792,2.92676-3.27832,3.93848h2.79443A.54085.54085,0,0,1,16.73975,13.81445ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"/></svg>',3:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M16.65186,12.30664a2.6742,2.6742,0,0,1-2.915,2.68457,3.96592,3.96592,0,0,1-2.25537-.6709.56007.56007,0,0,1-.13232-.83594L11.64648,13c.209-.34082.48389-.36328.82471-.1543a2.32654,2.32654,0,0,0,1.12256.33008c.71484,0,1.12207-.35156,1.12207-.78125,0-.61523-.61621-.86816-1.46338-.86816H13.2085a.65159.65159,0,0,1-.68213-.41895l-.05518-.10937a.67114.67114,0,0,1,.14307-.78125l.71533-.86914a8.55289,8.55289,0,0,1,.68213-.7373V8.58887a3.93913,3.93913,0,0,1-.748.05469H11.9873a.54085.54085,0,0,1-.605-.60547V7.59863a.54085.54085,0,0,1,.605-.60547h3.75146a.53773.53773,0,0,1,.60547.59375v.17676a1.03723,1.03723,0,0,1-.27539.748L14.74854,10.0293A2.31132,2.31132,0,0,1,16.65186,12.30664ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"/></svg>',4:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M10,4V14a1,1,0,0,1-2,0V10H3v4a1,1,0,0,1-2,0V4A1,1,0,0,1,3,4V8H8V4a1,1,0,0,1,2,0Zm7.05371,7.96582v.38477c0,.39648-.165.60547-.46191.60547h-.47314v1.29785a.54085.54085,0,0,1-.605.60547h-.69336a.54085.54085,0,0,1-.605-.60547V12.95605H11.333a.5412.5412,0,0,1-.60547-.60547v-.15332a1.199,1.199,0,0,1,.22021-.748l2.56348-4.05957a.7819.7819,0,0,1,.72607-.39648h1.27637a.54085.54085,0,0,1,.605.60547v3.7627h.33008A.54055.54055,0,0,1,17.05371,11.96582ZM14.28125,8.7207h-.022a4.18969,4.18969,0,0,1-.38525.81348l-1.188,1.80469v.02246h1.5293V9.60059A7.04058,7.04058,0,0,1,14.28125,8.7207Z"/></svg>',5:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M16.74023,12.18555a2.75131,2.75131,0,0,1-2.91553,2.80566,3.908,3.908,0,0,1-2.25537-.68164.54809.54809,0,0,1-.13184-.8252L11.73438,13c.209-.34082.48389-.36328.8252-.1543a2.23757,2.23757,0,0,0,1.1001.33008,1.01827,1.01827,0,0,0,1.1001-.96777c0-.61621-.53906-.97949-1.25439-.97949a2.15554,2.15554,0,0,0-.64893.09961,1.15209,1.15209,0,0,1-.814.01074l-.12109-.04395a.64116.64116,0,0,1-.45117-.71484l.231-3.00391a.56666.56666,0,0,1,.62744-.583H15.541a.54085.54085,0,0,1,.605.60547v.43945a.54085.54085,0,0,1-.605.60547H13.41748l-.04395.72559a1.29306,1.29306,0,0,1-.04395.30859h.022a2.39776,2.39776,0,0,1,.57227-.07715A2.53266,2.53266,0,0,1,16.74023,12.18555ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"/></svg>',6:'<svg viewBox="0 0 18 18"><path class="ql-fill" d="M14.51758,9.64453a1.85627,1.85627,0,0,0-1.24316.38477H13.252a1.73532,1.73532,0,0,1,1.72754-1.4082,2.66491,2.66491,0,0,1,.5498.06641c.35254.05469.57227.01074.70508-.40723l.16406-.5166a.53393.53393,0,0,0-.373-.75977,4.83723,4.83723,0,0,0-1.17773-.14258c-2.43164,0-3.7627,2.17773-3.7627,4.43359,0,2.47559,1.60645,3.69629,3.19043,3.69629A2.70585,2.70585,0,0,0,16.96,12.19727,2.43861,2.43861,0,0,0,14.51758,9.64453Zm-.23047,3.58691c-.67187,0-1.22168-.81445-1.22168-1.45215,0-.47363.30762-.583.72559-.583.96875,0,1.27734.59375,1.27734,1.12207A.82182.82182,0,0,1,14.28711,13.23145ZM10,4V14a1,1,0,0,1-2,0V10H3v4a1,1,0,0,1-2,0V4A1,1,0,0,1,3,4V8H8V4a1,1,0,0,1,2,0Z"/></svg>'},italic:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="7" x2="13" y1="4" y2="4"/><line class="ql-stroke" x1="5" x2="11" y1="14" y2="14"/><line class="ql-stroke" x1="8" x2="10" y1="14" y2="4"/></svg>',image:'<svg viewbox="0 0 18 18"><rect class="ql-stroke" height="10" width="12" x="3" y="4"/><circle class="ql-fill" cx="6" cy="7" r="1"/><polyline class="ql-even ql-fill" points="5 12 5 11 7 9 8 10 11 7 13 9 13 12 5 12"/></svg>',indent:{"+1":'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="3" x2="15" y1="14" y2="14"/><line class="ql-stroke" x1="3" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="9" x2="15" y1="9" y2="9"/><polyline class="ql-fill ql-stroke" points="3 7 3 11 5 9 3 7"/></svg>',"-1":'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="3" x2="15" y1="14" y2="14"/><line class="ql-stroke" x1="3" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="9" x2="15" y1="9" y2="9"/><polyline class="ql-stroke" points="5 7 5 11 3 9 5 7"/></svg>'},link:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="7" x2="11" y1="7" y2="11"/><path class="ql-even ql-stroke" d="M8.9,4.577a3.476,3.476,0,0,1,.36,4.679A3.476,3.476,0,0,1,4.577,8.9C3.185,7.5,2.035,6.4,4.217,4.217S7.5,3.185,8.9,4.577Z"/><path class="ql-even ql-stroke" d="M13.423,9.1a3.476,3.476,0,0,0-4.679-.36,3.476,3.476,0,0,0,.36,4.679c1.392,1.392,2.5,2.542,4.679.36S14.815,10.5,13.423,9.1Z"/></svg>',list:{bullet:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="6" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="6" x2="15" y1="9" y2="9"/><line class="ql-stroke" x1="6" x2="15" y1="14" y2="14"/><line class="ql-stroke" x1="3" x2="3" y1="4" y2="4"/><line class="ql-stroke" x1="3" x2="3" y1="9" y2="9"/><line class="ql-stroke" x1="3" x2="3" y1="14" y2="14"/></svg>',check:'<svg class="" viewbox="0 0 18 18"><line class="ql-stroke" x1="9" x2="15" y1="4" y2="4"/><polyline class="ql-stroke" points="3 4 4 5 6 3"/><line class="ql-stroke" x1="9" x2="15" y1="14" y2="14"/><polyline class="ql-stroke" points="3 14 4 15 6 13"/><line class="ql-stroke" x1="9" x2="15" y1="9" y2="9"/><polyline class="ql-stroke" points="3 9 4 10 6 8"/></svg>',ordered:'<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="7" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="7" x2="15" y1="9" y2="9"/><line class="ql-stroke" x1="7" x2="15" y1="14" y2="14"/><line class="ql-stroke ql-thin" x1="2.5" x2="4.5" y1="5.5" y2="5.5"/><path class="ql-fill" d="M3.5,6A0.5,0.5,0,0,1,3,5.5V3.085l-0.276.138A0.5,0.5,0,0,1,2.053,3c-0.124-.247-0.023-0.324.224-0.447l1-.5A0.5,0.5,0,0,1,4,2.5v3A0.5,0.5,0,0,1,3.5,6Z"/><path class="ql-stroke ql-thin" d="M4.5,10.5h-2c0-.234,1.85-1.076,1.85-2.234A0.959,0.959,0,0,0,2.5,8.156"/><path class="ql-stroke ql-thin" d="M2.5,14.846a0.959,0.959,0,0,0,1.85-.109A0.7,0.7,0,0,0,3.75,14a0.688,0.688,0,0,0,.6-0.736,0.959,0.959,0,0,0-1.85-.109"/></svg>'},script:{sub:'<svg viewbox="0 0 18 18"><path class="ql-fill" d="M15.5,15H13.861a3.858,3.858,0,0,0,1.914-2.975,1.8,1.8,0,0,0-1.6-1.751A1.921,1.921,0,0,0,12.021,11.7a0.50013,0.50013,0,1,0,.957.291h0a0.914,0.914,0,0,1,1.053-.725,0.81,0.81,0,0,1,.744.762c0,1.076-1.16971,1.86982-1.93971,2.43082A1.45639,1.45639,0,0,0,12,15.5a0.5,0.5,0,0,0,.5.5h3A0.5,0.5,0,0,0,15.5,15Z"/><path class="ql-fill" d="M9.65,5.241a1,1,0,0,0-1.409.108L6,7.964,3.759,5.349A1,1,0,0,0,2.192,6.59178Q2.21541,6.6213,2.241,6.649L4.684,9.5,2.241,12.35A1,1,0,0,0,3.71,13.70722q0.02557-.02768.049-0.05722L6,11.036,8.241,13.65a1,1,0,1,0,1.567-1.24277Q9.78459,12.3777,9.759,12.35L7.316,9.5,9.759,6.651A1,1,0,0,0,9.65,5.241Z"/></svg>',super:'<svg viewbox="0 0 18 18"><path class="ql-fill" d="M15.5,7H13.861a4.015,4.015,0,0,0,1.914-2.975,1.8,1.8,0,0,0-1.6-1.751A1.922,1.922,0,0,0,12.021,3.7a0.5,0.5,0,1,0,.957.291,0.917,0.917,0,0,1,1.053-.725,0.81,0.81,0,0,1,.744.762c0,1.077-1.164,1.925-1.934,2.486A1.423,1.423,0,0,0,12,7.5a0.5,0.5,0,0,0,.5.5h3A0.5,0.5,0,0,0,15.5,7Z"/><path class="ql-fill" d="M9.651,5.241a1,1,0,0,0-1.41.108L6,7.964,3.759,5.349a1,1,0,1,0-1.519,1.3L4.683,9.5,2.241,12.35a1,1,0,1,0,1.519,1.3L6,11.036,8.241,13.65a1,1,0,0,0,1.519-1.3L7.317,9.5,9.759,6.651A1,1,0,0,0,9.651,5.241Z"/></svg>'},strike:'<svg viewbox="0 0 18 18"><line class="ql-stroke ql-thin" x1="15.5" x2="2.5" y1="8.5" y2="9.5"/><path class="ql-fill" d="M9.007,8C6.542,7.791,6,7.519,6,6.5,6,5.792,7.283,5,9,5c1.571,0,2.765.679,2.969,1.309a1,1,0,0,0,1.9-.617C13.356,4.106,11.354,3,9,3,6.2,3,4,4.538,4,6.5a3.2,3.2,0,0,0,.5,1.843Z"/><path class="ql-fill" d="M8.984,10C11.457,10.208,12,10.479,12,11.5c0,0.708-1.283,1.5-3,1.5-1.571,0-2.765-.679-2.969-1.309a1,1,0,1,0-1.9.617C4.644,13.894,6.646,15,9,15c2.8,0,5-1.538,5-3.5a3.2,3.2,0,0,0-.5-1.843Z"/></svg>',table:'<svg viewbox="0 0 18 18"><rect class="ql-stroke" height="12" width="12" x="3" y="3"/><rect class="ql-fill" height="2" width="3" x="5" y="5"/><rect class="ql-fill" height="2" width="4" x="9" y="5"/><g class="ql-fill ql-transparent"><rect height="2" width="3" x="5" y="8"/><rect height="2" width="4" x="9" y="8"/><rect height="2" width="3" x="5" y="11"/><rect height="2" width="4" x="9" y="11"/></g></svg>',underline:'<svg viewbox="0 0 18 18"><path class="ql-stroke" d="M5,3V9a4.012,4.012,0,0,0,4,4H9a4.012,4.012,0,0,0,4-4V3"/><rect class="ql-fill" height="1" rx="0.5" ry="0.5" width="12" x="3" y="15"/></svg>',video:'<svg viewbox="0 0 18 18"><rect class="ql-stroke" height="12" width="12" x="3" y="3"/><rect class="ql-fill" height="12" width="1" x="5" y="3"/><rect class="ql-fill" height="12" width="1" x="12" y="3"/><rect class="ql-fill" height="2" width="8" x="5" y="8"/><rect class="ql-fill" height="1" width="3" x="3" y="5"/><rect class="ql-fill" height="1" width="3" x="3" y="7"/><rect class="ql-fill" height="1" width="3" x="3" y="10"/><rect class="ql-fill" height="1" width="3" x="3" y="12"/><rect class="ql-fill" height="1" width="3" x="12" y="5"/><rect class="ql-fill" height="1" width="3" x="12" y="7"/><rect class="ql-fill" height="1" width="3" x="12" y="10"/><rect class="ql-fill" height="1" width="3" x="12" y="12"/></svg>'};let ut=0;function ht(t,e){t.setAttribute(e,`${!("true"===t.getAttribute(e))}`)}var dt=class{constructor(t){this.select=t,this.container=document.createElement("span"),this.buildPicker(),this.select.style.display="none",this.select.parentNode.insertBefore(this.container,this.select),this.label.addEventListener("mousedown",(()=>{this.togglePicker()})),this.label.addEventListener("keydown",(t=>{switch(t.key){case"Enter":this.togglePicker();break;case"Escape":this.escape(),t.preventDefault()}})),this.select.addEventListener("change",this.update.bind(this))}togglePicker(){this.container.classList.toggle("ql-expanded"),ht(this.label,"aria-expanded"),ht(this.options,"aria-hidden")}buildItem(t){const e=document.createElement("span");e.tabIndex="0",e.setAttribute("role","button"),e.classList.add("ql-picker-item");const n=t.getAttribute("value");return n&&e.setAttribute("data-value",n),t.textContent&&e.setAttribute("data-label",t.textContent),e.addEventListener("click",(()=>{this.selectItem(e,!0)})),e.addEventListener("keydown",(t=>{switch(t.key){case"Enter":this.selectItem(e,!0),t.preventDefault();break;case"Escape":this.escape(),t.preventDefault()}})),e}buildLabel(){const t=document.createElement("span");return t.classList.add("ql-picker-label"),t.innerHTML='<svg viewbox="0 0 18 18"><polygon class="ql-stroke" points="7 11 9 13 11 11 7 11"/><polygon class="ql-stroke" points="7 7 9 5 11 7 7 7"/></svg>',t.tabIndex="0",t.setAttribute("role","button"),t.setAttribute("aria-expanded","false"),this.container.appendChild(t),t}buildOptions(){const t=document.createElement("span");t.classList.add("ql-picker-options"),t.setAttribute("aria-hidden","true"),t.tabIndex="-1",t.id=`ql-picker-options-${ut}`,ut+=1,this.label.setAttribute("aria-controls",t.id),this.options=t,Array.from(this.select.options).forEach((e=>{const n=this.buildItem(e);t.appendChild(n),!0===e.selected&&this.selectItem(n)})),this.container.appendChild(t)}buildPicker(){Array.from(this.select.attributes).forEach((t=>{this.container.setAttribute(t.name,t.value)})),this.container.classList.add("ql-picker"),this.label=this.buildLabel(),this.buildOptions()}escape(){this.close(),setTimeout((()=>this.label.focus()),1)}close(){this.container.classList.remove("ql-expanded"),this.label.setAttribute("aria-expanded","false"),this.options.setAttribute("aria-hidden","true")}selectItem(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const n=this.container.querySelector(".ql-selected");t!==n&&(null!=n&&n.classList.remove("ql-selected"),null!=t&&(t.classList.add("ql-selected"),this.select.selectedIndex=Array.from(t.parentNode.children).indexOf(t),t.hasAttribute("data-value")?this.label.setAttribute("data-value",t.getAttribute("data-value")):this.label.removeAttribute("data-value"),t.hasAttribute("data-label")?this.label.setAttribute("data-label",t.getAttribute("data-label")):this.label.removeAttribute("data-label"),e&&(this.select.dispatchEvent(new Event("change")),this.close())))}update(){let t;if(this.select.selectedIndex>-1){const e=this.container.querySelector(".ql-picker-options").children[this.select.selectedIndex];t=this.select.options[this.select.selectedIndex],this.selectItem(e)}else this.selectItem(null);const e=null!=t&&t!==this.select.querySelector("option[selected]");this.label.classList.toggle("ql-active",e)}},ft=class extends dt{constructor(t,e){super(t),this.label.innerHTML=e,this.container.classList.add("ql-color-picker"),Array.from(this.container.querySelectorAll(".ql-picker-item")).slice(0,7).forEach((t=>{t.classList.add("ql-primary")}))}buildItem(t){const e=super.buildItem(t);return e.style.backgroundColor=t.getAttribute("value")||"",e}selectItem(t,e){super.selectItem(t,e);const n=this.label.querySelector(".ql-color-label"),r=t&&t.getAttribute("data-value")||"";n&&("line"===n.tagName?n.style.stroke=r:n.style.fill=r)}},pt=class extends dt{constructor(t,e){super(t),this.container.classList.add("ql-icon-picker"),Array.from(this.container.querySelectorAll(".ql-picker-item")).forEach((t=>{t.innerHTML=e[t.getAttribute("data-value")||""]})),this.defaultItem=this.container.querySelector(".ql-selected"),this.selectItem(this.defaultItem)}selectItem(t,e){super.selectItem(t,e);const n=t||this.defaultItem;if(null!=n){if(this.label.innerHTML===n.innerHTML)return;this.label.innerHTML=n.innerHTML}}},gt=class{constructor(t,e){this.quill=t,this.boundsContainer=e||document.body,this.root=t.addContainer("ql-tooltip"),this.root.innerHTML=this.constructor.TEMPLATE,(t=>{const{overflowY:e}=getComputedStyle(t,null);return"visible"!==e&&"clip"!==e})(this.quill.root)&&this.quill.root.addEventListener("scroll",(()=>{this.root.style.marginTop=-1*this.quill.root.scrollTop+"px"})),this.hide()}hide(){this.root.classList.add("ql-hidden")}position(t){const e=t.left+t.width/2-this.root.offsetWidth/2,n=t.bottom+this.quill.root.scrollTop;this.root.style.left=`${e}px`,this.root.style.top=`${n}px`,this.root.classList.remove("ql-flip");const r=this.boundsContainer.getBoundingClientRect(),i=this.root.getBoundingClientRect();let s=0;if(i.right>r.right&&(s=r.right-i.right,this.root.style.left=`${e+s}px`),i.left<r.left&&(s=r.left-i.left,this.root.style.left=`${e+s}px`),i.bottom>r.bottom){const e=i.bottom-i.top,r=t.bottom-t.top+e;this.root.style.top=n-r+"px",this.root.classList.add("ql-flip")}return s}show(){this.root.classList.remove("ql-editing"),this.root.classList.remove("ql-hidden")}},mt=n(8347),bt=n(5374),yt=n(9609);const vt=[!1,"center","right","justify"],At=["#000000","#e60000","#ff9900","#ffff00","#008a00","#0066cc","#9933ff","#ffffff","#facccc","#ffebcc","#ffffcc","#cce8cc","#cce0f5","#ebd6ff","#bbbbbb","#f06666","#ffc266","#ffff66","#66b966","#66a3e0","#c285ff","#888888","#a10000","#b26b00","#b2b200","#006100","#0047b2","#6b24b2","#444444","#5c0000","#663d00","#666600","#003700","#002966","#3d1466"],xt=[!1,"serif","monospace"],Nt=["1","2","3",!1],Et=["small",!1,"large","huge"];class wt extends yt.A{constructor(t,e){super(t,e);const n=e=>{document.body.contains(t.root)?(null==this.tooltip||this.tooltip.root.contains(e.target)||document.activeElement===this.tooltip.textbox||this.quill.hasFocus()||this.tooltip.hide(),null!=this.pickers&&this.pickers.forEach((t=>{t.container.contains(e.target)||t.close()}))):document.body.removeEventListener("click",n)};t.emitter.listenDOM("click",document.body,n)}addModule(t){const e=super.addModule(t);return"toolbar"===t&&this.extendToolbar(e),e}buildButtons(t,e){Array.from(t).forEach((t=>{(t.getAttribute("class")||"").split(/\s+/).forEach((n=>{if(n.startsWith("ql-")&&(n=n.slice(3),null!=e[n]))if("direction"===n)t.innerHTML=e[n][""]+e[n].rtl;else if("string"==typeof e[n])t.innerHTML=e[n];else{const r=t.value||"";null!=r&&e[n][r]&&(t.innerHTML=e[n][r])}}))}))}buildPickers(t,e){this.pickers=Array.from(t).map((t=>{if(t.classList.contains("ql-align")&&(null==t.querySelector("option")&&kt(t,vt),"object"==typeof e.align))return new pt(t,e.align);if(t.classList.contains("ql-background")||t.classList.contains("ql-color")){const n=t.classList.contains("ql-background")?"background":"color";return null==t.querySelector("option")&&kt(t,At,"background"===n?"#ffffff":"#000000"),new ft(t,e[n])}return null==t.querySelector("option")&&(t.classList.contains("ql-font")?kt(t,xt):t.classList.contains("ql-header")?kt(t,Nt):t.classList.contains("ql-size")&&kt(t,Et)),new dt(t)})),this.quill.on(bt.A.events.EDITOR_CHANGE,(()=>{this.pickers.forEach((t=>{t.update()}))}))}}wt.DEFAULTS=(0,mt.A)({},yt.A.DEFAULTS,{modules:{toolbar:{handlers:{formula(){this.quill.theme.tooltip.edit("formula")},image(){let t=this.container.querySelector("input.ql-image[type=file]");null==t&&(t=document.createElement("input"),t.setAttribute("type","file"),t.setAttribute("accept",this.quill.uploader.options.mimetypes.join(", ")),t.classList.add("ql-image"),t.addEventListener("change",(()=>{const e=this.quill.getSelection(!0);this.quill.uploader.upload(e,t.files),t.value=""})),this.container.appendChild(t)),t.click()},video(){this.quill.theme.tooltip.edit("video")}}}}});class qt extends gt{constructor(t,e){super(t,e),this.textbox=this.root.querySelector('input[type="text"]'),this.listen()}listen(){this.textbox.addEventListener("keydown",(t=>{"Enter"===t.key?(this.save(),t.preventDefault()):"Escape"===t.key&&(this.cancel(),t.preventDefault())}))}cancel(){this.hide(),this.restoreFocus()}edit(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"link",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(this.root.classList.remove("ql-hidden"),this.root.classList.add("ql-editing"),null==this.textbox)return;null!=e?this.textbox.value=e:t!==this.root.getAttribute("data-mode")&&(this.textbox.value="");const n=this.quill.getBounds(this.quill.selection.savedRange);null!=n&&this.position(n),this.textbox.select(),this.textbox.setAttribute("placeholder",this.textbox.getAttribute(`data-${t}`)||""),this.root.setAttribute("data-mode",t)}restoreFocus(){this.quill.focus({preventScroll:!0})}save(){let{value:t}=this.textbox;switch(this.root.getAttribute("data-mode")){case"link":{const{scrollTop:e}=this.quill.root;this.linkRange?(this.quill.formatText(this.linkRange,"link",t,bt.A.sources.USER),delete this.linkRange):(this.restoreFocus(),this.quill.format("link",t,bt.A.sources.USER)),this.quill.root.scrollTop=e;break}case"video":t=function(t){let e=t.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtube\.com\/watch.*v=([a-zA-Z0-9_-]+)/)||t.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtu\.be\/([a-zA-Z0-9_-]+)/);return e?`${e[1]||"https"}://www.youtube.com/embed/${e[2]}?showinfo=0`:(e=t.match(/^(?:(https?):\/\/)?(?:www\.)?vimeo\.com\/(\d+)/))?`${e[1]||"https"}://player.vimeo.com/video/${e[2]}/`:t}(t);case"formula":{if(!t)break;const e=this.quill.getSelection(!0);if(null!=e){const n=e.index+e.length;this.quill.insertEmbed(n,this.root.getAttribute("data-mode"),t,bt.A.sources.USER),"formula"===this.root.getAttribute("data-mode")&&this.quill.insertText(n+1," ",bt.A.sources.USER),this.quill.setSelection(n+2,bt.A.sources.USER)}break}}this.textbox.value="",this.hide()}}function kt(t,e){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];e.forEach((e=>{const r=document.createElement("option");e===n?r.setAttribute("selected","selected"):r.setAttribute("value",String(e)),t.appendChild(r)}))}var _t=n(8298);const Lt=[["bold","italic","link"],[{header:1},{header:2},"blockquote"]];class St extends qt{static TEMPLATE=['<span class="ql-tooltip-arrow"></span>','<div class="ql-tooltip-editor">','<input type="text" data-formula="e=mc^2" data-link="https://quilljs.com" data-video="Embed URL">','<a class="ql-close"></a>',"</div>"].join("");constructor(t,e){super(t,e),this.quill.on(bt.A.events.EDITOR_CHANGE,((t,e,n,r)=>{if(t===bt.A.events.SELECTION_CHANGE)if(null!=e&&e.length>0&&r===bt.A.sources.USER){this.show(),this.root.style.left="0px",this.root.style.width="",this.root.style.width=`${this.root.offsetWidth}px`;const t=this.quill.getLines(e.index,e.length);if(1===t.length){const t=this.quill.getBounds(e);null!=t&&this.position(t)}else{const n=t[t.length-1],r=this.quill.getIndex(n),i=Math.min(n.length()-1,e.index+e.length-r),s=this.quill.getBounds(new _t.Q(r,i));null!=s&&this.position(s)}}else document.activeElement!==this.textbox&&this.quill.hasFocus()&&this.hide()}))}listen(){super.listen(),this.root.querySelector(".ql-close").addEventListener("click",(()=>{this.root.classList.remove("ql-editing")})),this.quill.on(bt.A.events.SCROLL_OPTIMIZE,(()=>{setTimeout((()=>{if(this.root.classList.contains("ql-hidden"))return;const t=this.quill.getSelection();if(null!=t){const e=this.quill.getBounds(t);null!=e&&this.position(e)}}),1)}))}cancel(){this.show()}position(t){const e=super.position(t),n=this.root.querySelector(".ql-tooltip-arrow");return n.style.marginLeft="",0!==e&&(n.style.marginLeft=-1*e-n.offsetWidth/2+"px"),e}}class Ot extends wt{constructor(t,e){null!=e.modules.toolbar&&null==e.modules.toolbar.container&&(e.modules.toolbar.container=Lt),super(t,e),this.quill.container.classList.add("ql-bubble")}extendToolbar(t){this.tooltip=new St(this.quill,this.options.bounds),null!=t.container&&(this.tooltip.root.appendChild(t.container),this.buildButtons(t.container.querySelectorAll("button"),ct),this.buildPickers(t.container.querySelectorAll("select"),ct))}}Ot.DEFAULTS=(0,mt.A)({},wt.DEFAULTS,{modules:{toolbar:{handlers:{link(t){t?this.quill.theme.tooltip.edit():this.quill.format("link",!1,p.Ay.sources.USER)}}}}});const Tt=[[{header:["1","2","3",!1]}],["bold","italic","underline","link"],[{list:"ordered"},{list:"bullet"}],["clean"]];class jt extends qt{static TEMPLATE=['<a class="ql-preview" rel="noopener noreferrer" target="_blank" href="about:blank"></a>','<input type="text" data-formula="e=mc^2" data-link="https://quilljs.com" data-video="Embed URL">','<a class="ql-action"></a>','<a class="ql-remove"></a>'].join("");preview=this.root.querySelector("a.ql-preview");listen(){super.listen(),this.root.querySelector("a.ql-action").addEventListener("click",(t=>{this.root.classList.contains("ql-editing")?this.save():this.edit("link",this.preview.textContent),t.preventDefault()})),this.root.querySelector("a.ql-remove").addEventListener("click",(t=>{if(null!=this.linkRange){const t=this.linkRange;this.restoreFocus(),this.quill.formatText(t,"link",!1,bt.A.sources.USER),delete this.linkRange}t.preventDefault(),this.hide()})),this.quill.on(bt.A.events.SELECTION_CHANGE,((t,e,n)=>{if(null!=t){if(0===t.length&&n===bt.A.sources.USER){const[e,n]=this.quill.scroll.descendant(w,t.index);if(null!=e){this.linkRange=new _t.Q(t.index-n,e.length());const r=w.formats(e.domNode);this.preview.textContent=r,this.preview.setAttribute("href",r),this.show();const i=this.quill.getBounds(this.linkRange);return void(null!=i&&this.position(i))}}else delete this.linkRange;this.hide()}}))}show(){super.show(),this.root.removeAttribute("data-mode")}}class Ct extends wt{constructor(t,e){null!=e.modules.toolbar&&null==e.modules.toolbar.container&&(e.modules.toolbar.container=Tt),super(t,e),this.quill.container.classList.add("ql-snow")}extendToolbar(t){null!=t.container&&(t.container.classList.add("ql-snow"),this.buildButtons(t.container.querySelectorAll("button"),ct),this.buildPickers(t.container.querySelectorAll("select"),ct),this.tooltip=new jt(this.quill,this.options.bounds),t.container.querySelector(".ql-link")&&this.quill.keyboard.addBinding({key:"k",shortKey:!0},((e,n)=>{t.handlers.link.call(t,!n.format.link)})))}}Ct.DEFAULTS=(0,mt.A)({},wt.DEFAULTS,{modules:{toolbar:{handlers:{link(t){if(t){const t=this.quill.getSelection();if(null==t||0===t.length)return;let e=this.quill.getText(t);/^\S+@\S+\.\S+$/.test(e)&&0!==e.indexOf("mailto:")&&(e=`mailto:${e}`);const{tooltip:n}=this.quill.theme;n.edit("link",e)}else this.quill.format("link",!1,p.Ay.sources.USER)}}}}});var Rt=Ct;t.default.register({"attributors/attribute/direction":i.Mc,"attributors/class/align":e.qh,"attributors/class/background":b.l,"attributors/class/color":y.g3,"attributors/class/direction":i.sY,"attributors/class/font":v.q,"attributors/class/size":A.U,"attributors/style/align":e.Hu,"attributors/style/background":b.s,"attributors/style/color":y.JM,"attributors/style/direction":i.VL,"attributors/style/font":v.z,"attributors/style/size":A.r},!0),t.default.register({"formats/align":e.qh,"formats/direction":i.sY,"formats/indent":l,"formats/background":b.s,"formats/color":y.JM,"formats/font":v.q,"formats/size":A.U,"formats/blockquote":u,"formats/code-block":D.Ay,"formats/header":d,"formats/list":m,"formats/bold":E,"formats/code":D.Cy,"formats/italic":class extends E{static blotName="italic";static tagName=["EM","I"]},"formats/link":w,"formats/script":_,"formats/strike":class extends E{static blotName="strike";static tagName=["S","STRIKE"]},"formats/underline":S,"formats/formula":j,"formats/image":I,"formats/video":U,"modules/syntax":Q,"modules/table":it,"modules/toolbar":ot,"themes/bubble":Ot,"themes/snow":Rt,"ui/icons":ct,"ui/picker":dt,"ui/icon-picker":pt,"ui/color-picker":ft,"ui/tooltip":gt},!0);var It=t.default}(),r.default}()}));
+//# sourceMappingURL=quill.js.map
\ No newline at end of file
diff --git a/www/raven-demo/vendor/js/sal.js b/www/raven-demo/vendor/js/sal.js
new file mode 100644
index 0000000..91d3e1b
--- /dev/null
+++ b/www/raven-demo/vendor/js/sal.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.sal=t():e.sal=t()}(this,(function(){return(()=>{"use strict";var e={d:(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},t={};function n(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function r(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}e.d(t,{default:()=>j});var a="Sal was not initialised! Probably it is used in SSR.",s="Your browser does not support IntersectionObserver!\nGet a polyfill from here:\nhttps://github.com/w3c/IntersectionObserver/tree/master/polyfill",i={root:null,rootMargin:"0% 50%",threshold:.5,animateClassName:"sal-animate",disabledClassName:"sal-disabled",enterEventName:"sal:in",exitEventName:"sal:out",selector:"[data-sal]",once:!0,disabled:!1},l=[],c=null,u=function(e){e&&e!==i&&(i=r(r({},i),e))},d=function(e){e.classList.remove(i.animateClassName)},f=function(e,t){var n=new CustomEvent(e,{bubbles:!0,detail:t});t.target.dispatchEvent(n)},b=function(){document.body.classList.add(i.disabledClassName)},p=function(){c.disconnect(),c=null},m=function(){return i.disabled||"function"==typeof i.disabled&&i.disabled()},v=function(e,t){e.forEach((function(e){var n=e.target,r=void 0!==n.dataset.salRepeat,o=void 0!==n.dataset.salOnce,a=r||!(o||i.once);e.intersectionRatio>=i.threshold?(function(e){e.target.classList.add(i.animateClassName),f(i.enterEventName,e)}(e),a||t.unobserve(n)):a&&function(e){d(e.target),f(i.exitEventName,e)}(e)}))},y=function(){var e=[].filter.call(document.querySelectorAll(i.selector),(function(e){return!function(e){return e.classList.contains(i.animateClassName)}(e,i.animateClassName)}));return e.forEach((function(e){return c.observe(e)})),e},O=function(){b(),p()},h=function(){document.body.classList.remove(i.disabledClassName),c=new IntersectionObserver(v,{root:i.root,rootMargin:i.rootMargin,threshold:i.threshold}),l=y()},g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};p(),Array.from(document.querySelectorAll(i.selector)).forEach(d),u(e),h()},w=function(){var e=y();l.push(e)};const j=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i;if(u(e),"undefined"==typeof window)return console.warn(a),{elements:l,disable:O,enable:h,reset:g,update:w};if(!window.IntersectionObserver)throw b(),Error(s);return m()?b():h(),{elements:l,disable:O,enable:h,reset:g,update:w}};return t.default})()}));
+//# sourceMappingURL=sal.js.map
\ No newline at end of file
diff --git a/www/raven-demo/vendor/js/sweetalert2.all.min.js b/www/raven-demo/vendor/js/sweetalert2.all.min.js
new file mode 100644
index 0000000..3fdf3da
--- /dev/null
+++ b/www/raven-demo/vendor/js/sweetalert2.all.min.js
@@ -0,0 +1,6 @@
+/*!
+* sweetalert2 v11.23.0
+* Released under the MIT License.
+*/
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).Sweetalert2=t()}(this,function(){"use strict";function e(e,t,n){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:n;throw new TypeError("Private element is not present on this object")}function t(t,n){return t.get(e(t,n))}function n(e,t,n){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,n)}const o={},i=e=>new Promise(t=>{if(!e)return t();const n=window.scrollX,i=window.scrollY;o.restoreFocusTimeout=setTimeout(()=>{o.previousActiveElement instanceof HTMLElement?(o.previousActiveElement.focus(),o.previousActiveElement=null):document.body&&document.body.focus(),t()},100),window.scrollTo(n,i)}),s="swal2-",r=["container","shown","height-auto","iosfix","popup","modal","no-backdrop","no-transition","toast","toast-shown","show","hide","close","title","html-container","actions","confirm","deny","cancel","footer","icon","icon-content","image","input","file","range","select","radio","checkbox","label","textarea","inputerror","input-label","validation-message","progress-steps","active-progress-step","progress-step","progress-step-line","loader","loading","styled","top","top-start","top-end","top-left","top-right","center","center-start","center-end","center-left","center-right","bottom","bottom-start","bottom-end","bottom-left","bottom-right","grow-row","grow-column","grow-fullscreen","rtl","timer-progress-bar","timer-progress-bar-container","scrollbar-measure","icon-success","icon-warning","icon-info","icon-question","icon-error","draggable","dragging"].reduce((e,t)=>(e[t]=s+t,e),{}),a=["success","warning","info","question","error"].reduce((e,t)=>(e[t]=s+t,e),{}),l="SweetAlert2:",c=e=>e.charAt(0).toUpperCase()+e.slice(1),u=e=>{console.warn(`${l} ${"object"==typeof e?e.join(" "):e}`)},d=e=>{console.error(`${l} ${e}`)},p=[],m=(e,t=null)=>{var n;n=`"${e}" is deprecated and will be removed in the next major release.${t?` Use "${t}" instead.`:""}`,p.includes(n)||(p.push(n),u(n))},h=e=>"function"==typeof e?e():e,g=e=>e&&"function"==typeof e.toPromise,f=e=>g(e)?e.toPromise():Promise.resolve(e),b=e=>e&&Promise.resolve(e)===e,y=()=>document.body.querySelector(`.${r.container}`),v=e=>{const t=y();return t?t.querySelector(e):null},w=e=>v(`.${e}`),C=()=>w(r.popup),A=()=>w(r.icon),E=()=>w(r.title),k=()=>w(r["html-container"]),B=()=>w(r.image),$=()=>w(r["progress-steps"]),L=()=>w(r["validation-message"]),P=()=>v(`.${r.actions} .${r.confirm}`),x=()=>v(`.${r.actions} .${r.cancel}`),T=()=>v(`.${r.actions} .${r.deny}`),S=()=>v(`.${r.loader}`),O=()=>w(r.actions),M=()=>w(r.footer),j=()=>w(r["timer-progress-bar"]),H=()=>w(r.close),I=()=>{const e=C();if(!e)return[];const t=e.querySelectorAll('[tabindex]:not([tabindex="-1"]):not([tabindex="0"])'),n=Array.from(t).sort((e,t)=>{const n=parseInt(e.getAttribute("tabindex")||"0"),o=parseInt(t.getAttribute("tabindex")||"0");return n>o?1:n<o?-1:0}),o=e.querySelectorAll('\n  a[href],\n  area[href],\n  input:not([disabled]),\n  select:not([disabled]),\n  textarea:not([disabled]),\n  button:not([disabled]),\n  iframe,\n  object,\n  embed,\n  [tabindex="0"],\n  [contenteditable],\n  audio[controls],\n  video[controls],\n  summary\n'),i=Array.from(o).filter(e=>"-1"!==e.getAttribute("tabindex"));return[...new Set(n.concat(i))].filter(e=>ee(e))},D=()=>N(document.body,r.shown)&&!N(document.body,r["toast-shown"])&&!N(document.body,r["no-backdrop"]),V=()=>{const e=C();return!!e&&N(e,r.toast)},q=(e,t)=>{if(e.textContent="",t){const n=(new DOMParser).parseFromString(t,"text/html"),o=n.querySelector("head");o&&Array.from(o.childNodes).forEach(t=>{e.appendChild(t)});const i=n.querySelector("body");i&&Array.from(i.childNodes).forEach(t=>{t instanceof HTMLVideoElement||t instanceof HTMLAudioElement?e.appendChild(t.cloneNode(!0)):e.appendChild(t)})}},N=(e,t)=>{if(!t)return!1;const n=t.split(/\s+/);for(let t=0;t<n.length;t++)if(!e.classList.contains(n[t]))return!1;return!0},_=(e,t,n)=>{if(((e,t)=>{Array.from(e.classList).forEach(n=>{Object.values(r).includes(n)||Object.values(a).includes(n)||Object.values(t.showClass||{}).includes(n)||e.classList.remove(n)})})(e,t),!t.customClass)return;const o=t.customClass[n];o&&("string"==typeof o||o.forEach?z(e,o):u(`Invalid type of customClass.${n}! Expected string or iterable object, got "${typeof o}"`))},F=(e,t)=>{if(!t)return null;switch(t){case"select":case"textarea":case"file":return e.querySelector(`.${r.popup} > .${r[t]}`);case"checkbox":return e.querySelector(`.${r.popup} > .${r.checkbox} input`);case"radio":return e.querySelector(`.${r.popup} > .${r.radio} input:checked`)||e.querySelector(`.${r.popup} > .${r.radio} input:first-child`);case"range":return e.querySelector(`.${r.popup} > .${r.range} input`);default:return e.querySelector(`.${r.popup} > .${r.input}`)}},R=e=>{if(e.focus(),"file"!==e.type){const t=e.value;e.value="",e.value=t}},U=(e,t,n)=>{e&&t&&("string"==typeof t&&(t=t.split(/\s+/).filter(Boolean)),t.forEach(t=>{Array.isArray(e)?e.forEach(e=>{n?e.classList.add(t):e.classList.remove(t)}):n?e.classList.add(t):e.classList.remove(t)}))},z=(e,t)=>{U(e,t,!0)},W=(e,t)=>{U(e,t,!1)},K=(e,t)=>{const n=Array.from(e.children);for(let e=0;e<n.length;e++){const o=n[e];if(o instanceof HTMLElement&&N(o,t))return o}},Y=(e,t,n)=>{n===`${parseInt(n)}`&&(n=parseInt(n)),n||0===parseInt(n)?e.style.setProperty(t,"number"==typeof n?`${n}px`:n):e.style.removeProperty(t)},X=(e,t="flex")=>{e&&(e.style.display=t)},Z=e=>{e&&(e.style.display="none")},J=(e,t="block")=>{e&&new MutationObserver(()=>{Q(e,e.innerHTML,t)}).observe(e,{childList:!0,subtree:!0})},G=(e,t,n,o)=>{const i=e.querySelector(t);i&&i.style.setProperty(n,o)},Q=(e,t,n="flex")=>{t?X(e,n):Z(e)},ee=e=>!(!e||!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)),te=e=>!!(e.scrollHeight>e.clientHeight),ne=e=>{const t=window.getComputedStyle(e),n=parseFloat(t.getPropertyValue("animation-duration")||"0"),o=parseFloat(t.getPropertyValue("transition-duration")||"0");return n>0||o>0},oe=(e,t=!1)=>{const n=j();n&&ee(n)&&(t&&(n.style.transition="none",n.style.width="100%"),setTimeout(()=>{n.style.transition=`width ${e/1e3}s linear`,n.style.width="0%"},10))},ie=`\n <div aria-labelledby="${r.title}" aria-describedby="${r["html-container"]}" class="${r.popup}" tabindex="-1">\n   <button type="button" class="${r.close}"></button>\n   <ul class="${r["progress-steps"]}"></ul>\n   <div class="${r.icon}"></div>\n   <img class="${r.image}" />\n   <h2 class="${r.title}" id="${r.title}"></h2>\n   <div class="${r["html-container"]}" id="${r["html-container"]}"></div>\n   <input class="${r.input}" id="${r.input}" />\n   <input type="file" class="${r.file}" />\n   <div class="${r.range}">\n     <input type="range" />\n     <output></output>\n   </div>\n   <select class="${r.select}" id="${r.select}"></select>\n   <div class="${r.radio}"></div>\n   <label class="${r.checkbox}">\n     <input type="checkbox" id="${r.checkbox}" />\n     <span class="${r.label}"></span>\n   </label>\n   <textarea class="${r.textarea}" id="${r.textarea}"></textarea>\n   <div class="${r["validation-message"]}" id="${r["validation-message"]}"></div>\n   <div class="${r.actions}">\n     <div class="${r.loader}"></div>\n     <button type="button" class="${r.confirm}"></button>\n     <button type="button" class="${r.deny}"></button>\n     <button type="button" class="${r.cancel}"></button>\n   </div>\n   <div class="${r.footer}"></div>\n   <div class="${r["timer-progress-bar-container"]}">\n     <div class="${r["timer-progress-bar"]}"></div>\n   </div>\n </div>\n`.replace(/(^|\n)\s*/g,""),se=()=>{o.currentInstance.resetValidationMessage()},re=e=>{const t=(()=>{const e=y();return!!e&&(e.remove(),W([document.documentElement,document.body],[r["no-backdrop"],r["toast-shown"],r["has-column"]]),!0)})();if("undefined"==typeof window||"undefined"==typeof document)return void d("SweetAlert2 requires document to initialize");const n=document.createElement("div");n.className=r.container,t&&z(n,r["no-transition"]),q(n,ie),n.dataset.swal2Theme=e.theme;const o="string"==typeof(i=e.target)?document.querySelector(i):i;var i;o.appendChild(n),e.topLayer&&(n.setAttribute("popover",""),n.showPopover()),(e=>{const t=C();t.setAttribute("role",e.toast?"alert":"dialog"),t.setAttribute("aria-live",e.toast?"polite":"assertive"),e.toast||t.setAttribute("aria-modal","true")})(e),(e=>{"rtl"===window.getComputedStyle(e).direction&&z(y(),r.rtl)})(o),(()=>{const e=C(),t=K(e,r.input),n=K(e,r.file),o=e.querySelector(`.${r.range} input`),i=e.querySelector(`.${r.range} output`),s=K(e,r.select),a=e.querySelector(`.${r.checkbox} input`),l=K(e,r.textarea);t.oninput=se,n.onchange=se,s.onchange=se,a.onchange=se,l.oninput=se,o.oninput=()=>{se(),i.value=o.value},o.onchange=()=>{se(),i.value=o.value}})()},ae=(e,t)=>{e instanceof HTMLElement?t.appendChild(e):"object"==typeof e?le(e,t):e&&q(t,e)},le=(e,t)=>{e.jquery?ce(t,e):q(t,e.toString())},ce=(e,t)=>{if(e.textContent="",0 in t)for(let n=0;n in t;n++)e.appendChild(t[n].cloneNode(!0));else e.appendChild(t.cloneNode(!0))},ue=(e,t)=>{const n=O(),o=S();n&&o&&(t.showConfirmButton||t.showDenyButton||t.showCancelButton?X(n):Z(n),_(n,t,"actions"),function(e,t,n){const o=P(),i=T(),s=x();if(!o||!i||!s)return;pe(o,"confirm",n),pe(i,"deny",n),pe(s,"cancel",n),function(e,t,n,o){if(!o.buttonsStyling)return void W([e,t,n],r.styled);z([e,t,n],r.styled),o.confirmButtonColor&&e.style.setProperty("--swal2-confirm-button-background-color",o.confirmButtonColor);o.denyButtonColor&&t.style.setProperty("--swal2-deny-button-background-color",o.denyButtonColor);o.cancelButtonColor&&n.style.setProperty("--swal2-cancel-button-background-color",o.cancelButtonColor);de(e),de(t),de(n)}(o,i,s,n),n.reverseButtons&&(n.toast?(e.insertBefore(s,o),e.insertBefore(i,o)):(e.insertBefore(s,t),e.insertBefore(i,t),e.insertBefore(o,t)))}(n,o,t),q(o,t.loaderHtml||""),_(o,t,"loader"))};function de(e){const t=window.getComputedStyle(e);if(t.getPropertyValue("--swal2-action-button-focus-box-shadow"))return;const n=t.backgroundColor.replace(/rgba?\((\d+), (\d+), (\d+).*/,"rgba($1, $2, $3, 0.5)");e.style.setProperty("--swal2-action-button-focus-box-shadow",t.getPropertyValue("--swal2-outline").replace(/ rgba\(.*/,` ${n}`))}function pe(e,t,n){const o=c(t);Q(e,n[`show${o}Button`],"inline-block"),q(e,n[`${t}ButtonText`]||""),e.setAttribute("aria-label",n[`${t}ButtonAriaLabel`]||""),e.className=r[t],_(e,n,`${t}Button`)}const me=(e,t)=>{const n=y();n&&(!function(e,t){"string"==typeof t?e.style.background=t:t||z([document.documentElement,document.body],r["no-backdrop"])}(n,t.backdrop),function(e,t){if(!t)return;t in r?z(e,r[t]):(u('The "position" parameter is not valid, defaulting to "center"'),z(e,r.center))}(n,t.position),function(e,t){if(!t)return;z(e,r[`grow-${t}`])}(n,t.grow),_(n,t,"container"))};var he={innerParams:new WeakMap,domCache:new WeakMap};const ge=["input","file","range","select","radio","checkbox","textarea"],fe=e=>{if(!e.input)return;if(!Ee[e.input])return void d(`Unexpected type of input! Expected ${Object.keys(Ee).join(" | ")}, got "${e.input}"`);const t=Ce(e.input);if(!t)return;const n=Ee[e.input](t,e);X(t),e.inputAutoFocus&&setTimeout(()=>{R(n)})},be=(e,t)=>{const n=C();if(!n)return;const o=F(n,e);if(o){(e=>{for(let t=0;t<e.attributes.length;t++){const n=e.attributes[t].name;["id","type","value","style"].includes(n)||e.removeAttribute(n)}})(o);for(const e in t)o.setAttribute(e,t[e])}},ye=e=>{if(!e.input)return;const t=Ce(e.input);t&&_(t,e,"input")},ve=(e,t)=>{!e.placeholder&&t.inputPlaceholder&&(e.placeholder=t.inputPlaceholder)},we=(e,t,n)=>{if(n.inputLabel){const o=document.createElement("label"),i=r["input-label"];o.setAttribute("for",e.id),o.className=i,"object"==typeof n.customClass&&z(o,n.customClass.inputLabel),o.innerText=n.inputLabel,t.insertAdjacentElement("beforebegin",o)}},Ce=e=>{const t=C();if(t)return K(t,r[e]||r.input)},Ae=(e,t)=>{["string","number"].includes(typeof t)?e.value=`${t}`:b(t)||u(`Unexpected type of inputValue! Expected "string", "number" or "Promise", got "${typeof t}"`)},Ee={};Ee.text=Ee.email=Ee.password=Ee.number=Ee.tel=Ee.url=Ee.search=Ee.date=Ee["datetime-local"]=Ee.time=Ee.week=Ee.month=(e,t)=>(Ae(e,t.inputValue),we(e,e,t),ve(e,t),e.type=t.input,e),Ee.file=(e,t)=>(we(e,e,t),ve(e,t),e),Ee.range=(e,t)=>{const n=e.querySelector("input"),o=e.querySelector("output");return Ae(n,t.inputValue),n.type=t.input,Ae(o,t.inputValue),we(n,e,t),e},Ee.select=(e,t)=>{if(e.textContent="",t.inputPlaceholder){const n=document.createElement("option");q(n,t.inputPlaceholder),n.value="",n.disabled=!0,n.selected=!0,e.appendChild(n)}return we(e,e,t),e},Ee.radio=e=>(e.textContent="",e),Ee.checkbox=(e,t)=>{const n=F(C(),"checkbox");n.value="1",n.checked=Boolean(t.inputValue);const o=e.querySelector("span");return q(o,t.inputPlaceholder||t.inputLabel),n},Ee.textarea=(e,t)=>{Ae(e,t.inputValue),ve(e,t),we(e,e,t);return setTimeout(()=>{if("MutationObserver"in window){const n=parseInt(window.getComputedStyle(C()).width);new MutationObserver(()=>{if(!document.body.contains(e))return;const o=e.offsetWidth+(i=e,parseInt(window.getComputedStyle(i).marginLeft)+parseInt(window.getComputedStyle(i).marginRight));var i;o>n?C().style.width=`${o}px`:Y(C(),"width",t.width)}).observe(e,{attributes:!0,attributeFilter:["style"]})}}),e};const ke=(e,t)=>{const n=k();n&&(J(n),_(n,t,"htmlContainer"),t.html?(ae(t.html,n),X(n,"block")):t.text?(n.textContent=t.text,X(n,"block")):Z(n),((e,t)=>{const n=C();if(!n)return;const o=he.innerParams.get(e),i=!o||t.input!==o.input;ge.forEach(e=>{const o=K(n,r[e]);o&&(be(e,t.inputAttributes),o.className=r[e],i&&Z(o))}),t.input&&(i&&fe(t),ye(t))})(e,t))},Be=(e,t)=>{for(const[n,o]of Object.entries(a))t.icon!==n&&W(e,o);z(e,t.icon&&a[t.icon]),Pe(e,t),$e(),_(e,t,"icon")},$e=()=>{const e=C();if(!e)return;const t=window.getComputedStyle(e).getPropertyValue("background-color"),n=e.querySelectorAll("[class^=swal2-success-circular-line], .swal2-success-fix");for(let e=0;e<n.length;e++)n[e].style.backgroundColor=t},Le=(e,t)=>{if(!t.icon&&!t.iconHtml)return;let n=e.innerHTML,o="";if(t.iconHtml)o=xe(t.iconHtml);else if("success"===t.icon)o=(e=>`\n  ${e.animation?'<div class="swal2-success-circular-line-left"></div>':""}\n  <span class="swal2-success-line-tip"></span> <span class="swal2-success-line-long"></span>\n  <div class="swal2-success-ring"></div>\n  ${e.animation?'<div class="swal2-success-fix"></div>':""}\n  ${e.animation?'<div class="swal2-success-circular-line-right"></div>':""}\n`)(t),n=n.replace(/ style=".*?"/g,"");else if("error"===t.icon)o='\n  <span class="swal2-x-mark">\n    <span class="swal2-x-mark-line-left"></span>\n    <span class="swal2-x-mark-line-right"></span>\n  </span>\n';else if(t.icon){o=xe({question:"?",warning:"!",info:"i"}[t.icon])}n.trim()!==o.trim()&&q(e,o)},Pe=(e,t)=>{if(t.iconColor){e.style.color=t.iconColor,e.style.borderColor=t.iconColor;for(const n of[".swal2-success-line-tip",".swal2-success-line-long",".swal2-x-mark-line-left",".swal2-x-mark-line-right"])G(e,n,"background-color",t.iconColor);G(e,".swal2-success-ring","border-color",t.iconColor)}},xe=e=>`<div class="${r["icon-content"]}">${e}</div>`;let Te=!1,Se=0,Oe=0,Me=0,je=0;const He=e=>{const t=C();if(e.target===t||A().contains(e.target)){Te=!0;const n=Ve(e);Se=n.clientX,Oe=n.clientY,Me=parseInt(t.style.insetInlineStart)||0,je=parseInt(t.style.insetBlockStart)||0,z(t,"swal2-dragging")}},Ie=e=>{const t=C();if(Te){let{clientX:n,clientY:o}=Ve(e);t.style.insetInlineStart=`${Me+(n-Se)}px`,t.style.insetBlockStart=`${je+(o-Oe)}px`}},De=()=>{const e=C();Te=!1,W(e,"swal2-dragging")},Ve=e=>{let t=0,n=0;return e.type.startsWith("mouse")?(t=e.clientX,n=e.clientY):e.type.startsWith("touch")&&(t=e.touches[0].clientX,n=e.touches[0].clientY),{clientX:t,clientY:n}},qe=(e,t)=>{const n=y(),o=C();if(n&&o){if(t.toast){Y(n,"width",t.width),o.style.width="100%";const e=S();e&&o.insertBefore(e,A())}else Y(o,"width",t.width);Y(o,"padding",t.padding),t.color&&(o.style.color=t.color),t.background&&(o.style.background=t.background),Z(L()),Ne(o,t),t.draggable&&!t.toast?(z(o,r.draggable),(e=>{e.addEventListener("mousedown",He),document.body.addEventListener("mousemove",Ie),e.addEventListener("mouseup",De),e.addEventListener("touchstart",He),document.body.addEventListener("touchmove",Ie),e.addEventListener("touchend",De)})(o)):(W(o,r.draggable),(e=>{e.removeEventListener("mousedown",He),document.body.removeEventListener("mousemove",Ie),e.removeEventListener("mouseup",De),e.removeEventListener("touchstart",He),document.body.removeEventListener("touchmove",Ie),e.removeEventListener("touchend",De)})(o))}},Ne=(e,t)=>{const n=t.showClass||{};e.className=`${r.popup} ${ee(e)?n.popup:""}`,t.toast?(z([document.documentElement,document.body],r["toast-shown"]),z(e,r.toast)):z(e,r.modal),_(e,t,"popup"),"string"==typeof t.customClass&&z(e,t.customClass),t.icon&&z(e,r[`icon-${t.icon}`])},_e=e=>{const t=document.createElement("li");return z(t,r["progress-step"]),q(t,e),t},Fe=e=>{const t=document.createElement("li");return z(t,r["progress-step-line"]),e.progressStepsDistance&&Y(t,"width",e.progressStepsDistance),t},Re=(e,t)=>{qe(0,t),me(0,t),((e,t)=>{const n=$();if(!n)return;const{progressSteps:o,currentProgressStep:i}=t;o&&0!==o.length&&void 0!==i?(X(n),n.textContent="",i>=o.length&&u("Invalid currentProgressStep parameter, it should be less than progressSteps.length (currentProgressStep like JS arrays starts from 0)"),o.forEach((e,s)=>{const a=_e(e);if(n.appendChild(a),s===i&&z(a,r["active-progress-step"]),s!==o.length-1){const e=Fe(t);n.appendChild(e)}})):Z(n)})(0,t),((e,t)=>{const n=he.innerParams.get(e),o=A();if(!o)return;if(n&&t.icon===n.icon)return Le(o,t),void Be(o,t);if(!t.icon&&!t.iconHtml)return void Z(o);if(t.icon&&-1===Object.keys(a).indexOf(t.icon))return d(`Unknown icon! Expected "success", "error", "warning", "info" or "question", got "${t.icon}"`),void Z(o);X(o),Le(o,t),Be(o,t),z(o,t.showClass&&t.showClass.icon),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",$e)})(e,t),((e,t)=>{const n=B();n&&(t.imageUrl?(X(n,""),n.setAttribute("src",t.imageUrl),n.setAttribute("alt",t.imageAlt||""),Y(n,"width",t.imageWidth),Y(n,"height",t.imageHeight),n.className=r.image,_(n,t,"image")):Z(n))})(0,t),((e,t)=>{const n=E();n&&(J(n),Q(n,t.title||t.titleText,"block"),t.title&&ae(t.title,n),t.titleText&&(n.innerText=t.titleText),_(n,t,"title"))})(0,t),((e,t)=>{const n=H();n&&(q(n,t.closeButtonHtml||""),_(n,t,"closeButton"),Q(n,t.showCloseButton),n.setAttribute("aria-label",t.closeButtonAriaLabel||""))})(0,t),ke(e,t),ue(0,t),((e,t)=>{const n=M();n&&(J(n),Q(n,t.footer,"block"),t.footer&&ae(t.footer,n),_(n,t,"footer"))})(0,t);const n=C();"function"==typeof t.didRender&&n&&t.didRender(n),o.eventEmitter.emit("didRender",n)},Ue=()=>{var e;return null===(e=P())||void 0===e?void 0:e.click()},ze=Object.freeze({cancel:"cancel",backdrop:"backdrop",close:"close",esc:"esc",timer:"timer"}),We=e=>{e.keydownTarget&&e.keydownHandlerAdded&&(e.keydownTarget.removeEventListener("keydown",e.keydownHandler,{capture:e.keydownListenerCapture}),e.keydownHandlerAdded=!1)},Ke=(e,t)=>{var n;const o=I();if(o.length)return-2===(e+=t)&&(e=o.length-1),e===o.length?e=0:-1===e&&(e=o.length-1),void o[e].focus();null===(n=C())||void 0===n||n.focus()},Ye=["ArrowRight","ArrowDown"],Xe=["ArrowLeft","ArrowUp"],Ze=(e,t,n)=>{e&&(t.isComposing||229===t.keyCode||(e.stopKeydownPropagation&&t.stopPropagation(),"Enter"===t.key?Je(t,e):"Tab"===t.key?Ge(t):[...Ye,...Xe].includes(t.key)?Qe(t.key):"Escape"===t.key&&et(t,e,n)))},Je=(e,t)=>{if(!h(t.allowEnterKey))return;const n=F(C(),t.input);if(e.target&&n&&e.target instanceof HTMLElement&&e.target.outerHTML===n.outerHTML){if(["textarea","file"].includes(t.input))return;Ue(),e.preventDefault()}},Ge=e=>{const t=e.target,n=I();let o=-1;for(let e=0;e<n.length;e++)if(t===n[e]){o=e;break}e.shiftKey?Ke(o,-1):Ke(o,1),e.stopPropagation(),e.preventDefault()},Qe=e=>{const t=O(),n=P(),o=T(),i=x();if(!(t&&n&&o&&i))return;const s=[n,o,i];if(document.activeElement instanceof HTMLElement&&!s.includes(document.activeElement))return;const r=Ye.includes(e)?"nextElementSibling":"previousElementSibling";let a=document.activeElement;if(a){for(let e=0;e<t.children.length;e++){if(a=a[r],!a)return;if(a instanceof HTMLButtonElement&&ee(a))break}a instanceof HTMLButtonElement&&a.focus()}},et=(e,t,n)=>{e.preventDefault(),h(t.allowEscapeKey)&&n(ze.esc)};var tt={swalPromiseResolve:new WeakMap,swalPromiseReject:new WeakMap};const nt=()=>{Array.from(document.body.children).forEach(e=>{e.hasAttribute("data-previous-aria-hidden")?(e.setAttribute("aria-hidden",e.getAttribute("data-previous-aria-hidden")||""),e.removeAttribute("data-previous-aria-hidden")):e.removeAttribute("aria-hidden")})},ot="undefined"!=typeof window&&!!window.GestureEvent,it=()=>{const e=y();if(!e)return;let t;e.ontouchstart=e=>{t=st(e)},e.ontouchmove=e=>{t&&(e.preventDefault(),e.stopPropagation())}},st=e=>{const t=e.target,n=y(),o=k();return!(!n||!o)&&(!rt(e)&&!at(e)&&(t===n||!(te(n)||!(t instanceof HTMLElement)||((e,t)=>{let n=e;for(;n&&n!==t;){if(te(n))return!0;n=n.parentElement}return!1})(t,o)||"INPUT"===t.tagName||"TEXTAREA"===t.tagName||te(o)&&o.contains(t))))},rt=e=>e.touches&&e.touches.length&&"stylus"===e.touches[0].touchType,at=e=>e.touches&&e.touches.length>1;let lt=null;const ct=e=>{null===lt&&(document.body.scrollHeight>window.innerHeight||"scroll"===e)&&(lt=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right")),document.body.style.paddingRight=`${lt+(()=>{const e=document.createElement("div");e.className=r["scrollbar-measure"],document.body.appendChild(e);const t=e.getBoundingClientRect().width-e.clientWidth;return document.body.removeChild(e),t})()}px`)};function ut(e,t,n,s){V()?yt(e,s):(i(n).then(()=>yt(e,s)),We(o)),ot?(t.setAttribute("style","display:none !important"),t.removeAttribute("class"),t.innerHTML=""):t.remove(),D()&&(null!==lt&&(document.body.style.paddingRight=`${lt}px`,lt=null),(()=>{if(N(document.body,r.iosfix)){const e=parseInt(document.body.style.top,10);W(document.body,r.iosfix),document.body.style.top="",document.body.scrollTop=-1*e}})(),nt()),W([document.documentElement,document.body],[r.shown,r["height-auto"],r["no-backdrop"],r["toast-shown"]])}function dt(e){e=gt(e);const t=tt.swalPromiseResolve.get(this),n=pt(this);this.isAwaitingPromise?e.isDismissed||(ht(this),t(e)):n&&t(e)}const pt=e=>{const t=C();if(!t)return!1;const n=he.innerParams.get(e);if(!n||N(t,n.hideClass.popup))return!1;W(t,n.showClass.popup),z(t,n.hideClass.popup);const o=y();return W(o,n.showClass.backdrop),z(o,n.hideClass.backdrop),ft(e,t,n),!0};function mt(e){const t=tt.swalPromiseReject.get(this);ht(this),t&&t(e)}const ht=e=>{e.isAwaitingPromise&&(delete e.isAwaitingPromise,he.innerParams.get(e)||e._destroy())},gt=e=>void 0===e?{isConfirmed:!1,isDenied:!1,isDismissed:!0}:Object.assign({isConfirmed:!1,isDenied:!1,isDismissed:!1},e),ft=(e,t,n)=>{var i;const s=y(),r=ne(t);"function"==typeof n.willClose&&n.willClose(t),null===(i=o.eventEmitter)||void 0===i||i.emit("willClose",t),r?bt(e,t,s,n.returnFocus,n.didClose):ut(e,s,n.returnFocus,n.didClose)},bt=(e,t,n,i,s)=>{o.swalCloseEventFinishedCallback=ut.bind(null,e,n,i,s);const r=function(e){var n;e.target===t&&(null===(n=o.swalCloseEventFinishedCallback)||void 0===n||n.call(o),delete o.swalCloseEventFinishedCallback,t.removeEventListener("animationend",r),t.removeEventListener("transitionend",r))};t.addEventListener("animationend",r),t.addEventListener("transitionend",r)},yt=(e,t)=>{setTimeout(()=>{var n;"function"==typeof t&&t.bind(e.params)(),null===(n=o.eventEmitter)||void 0===n||n.emit("didClose"),e._destroy&&e._destroy()})},vt=e=>{let t=C();if(t||new Qn,t=C(),!t)return;const n=S();V()?Z(A()):wt(t,e),X(n),t.setAttribute("data-loading","true"),t.setAttribute("aria-busy","true"),t.focus()},wt=(e,t)=>{const n=O(),o=S();n&&o&&(!t&&ee(P())&&(t=P()),X(n),t&&(Z(t),o.setAttribute("data-button-to-replace",t.className),n.insertBefore(o,t)),z([e,n],r.loading))},Ct=e=>e.checked?1:0,At=e=>e.checked?e.value:null,Et=e=>e.files&&e.files.length?null!==e.getAttribute("multiple")?e.files:e.files[0]:null,kt=(e,t)=>{const n=C();if(!n)return;const o=e=>{"select"===t.input?function(e,t,n){const o=K(e,r.select);if(!o)return;const i=(e,t,o)=>{const i=document.createElement("option");i.value=o,q(i,t),i.selected=Lt(o,n.inputValue),e.appendChild(i)};t.forEach(e=>{const t=e[0],n=e[1];if(Array.isArray(n)){const e=document.createElement("optgroup");e.label=t,e.disabled=!1,o.appendChild(e),n.forEach(t=>i(e,t[1],t[0]))}else i(o,n,t)}),o.focus()}(n,$t(e),t):"radio"===t.input&&function(e,t,n){const o=K(e,r.radio);if(!o)return;t.forEach(e=>{const t=e[0],i=e[1],s=document.createElement("input"),a=document.createElement("label");s.type="radio",s.name=r.radio,s.value=t,Lt(t,n.inputValue)&&(s.checked=!0);const l=document.createElement("span");q(l,i),l.className=r.label,a.appendChild(s),a.appendChild(l),o.appendChild(a)});const i=o.querySelectorAll("input");i.length&&i[0].focus()}(n,$t(e),t)};g(t.inputOptions)||b(t.inputOptions)?(vt(P()),f(t.inputOptions).then(t=>{e.hideLoading(),o(t)})):"object"==typeof t.inputOptions?o(t.inputOptions):d("Unexpected type of inputOptions! Expected object, Map or Promise, got "+typeof t.inputOptions)},Bt=(e,t)=>{const n=e.getInput();n&&(Z(n),f(t.inputValue).then(o=>{n.value="number"===t.input?`${parseFloat(o)||0}`:`${o}`,X(n),n.focus(),e.hideLoading()}).catch(t=>{d(`Error in inputValue promise: ${t}`),n.value="",X(n),n.focus(),e.hideLoading()}))};const $t=e=>{const t=[];return e instanceof Map?e.forEach((e,n)=>{let o=e;"object"==typeof o&&(o=$t(o)),t.push([n,o])}):Object.keys(e).forEach(n=>{let o=e[n];"object"==typeof o&&(o=$t(o)),t.push([n,o])}),t},Lt=(e,t)=>!!t&&t.toString()===e.toString(),Pt=(e,t)=>{const n=he.innerParams.get(e);if(!n.input)return void d(`The "input" parameter is needed to be set when using returnInputValueOn${c(t)}`);const o=e.getInput(),i=((e,t)=>{const n=e.getInput();if(!n)return null;switch(t.input){case"checkbox":return Ct(n);case"radio":return At(n);case"file":return Et(n);default:return t.inputAutoTrim?n.value.trim():n.value}})(e,n);n.inputValidator?xt(e,i,t):o&&!o.checkValidity()?(e.enableButtons(),e.showValidationMessage(n.validationMessage||o.validationMessage)):"deny"===t?Tt(e,i):Mt(e,i)},xt=(e,t,n)=>{const o=he.innerParams.get(e);e.disableInput();Promise.resolve().then(()=>f(o.inputValidator(t,o.validationMessage))).then(o=>{e.enableButtons(),e.enableInput(),o?e.showValidationMessage(o):"deny"===n?Tt(e,t):Mt(e,t)})},Tt=(e,t)=>{const n=he.innerParams.get(e||void 0);if(n.showLoaderOnDeny&&vt(T()),n.preDeny){e.isAwaitingPromise=!0;Promise.resolve().then(()=>f(n.preDeny(t,n.validationMessage))).then(n=>{!1===n?(e.hideLoading(),ht(e)):e.close({isDenied:!0,value:void 0===n?t:n})}).catch(t=>Ot(e||void 0,t))}else e.close({isDenied:!0,value:t})},St=(e,t)=>{e.close({isConfirmed:!0,value:t})},Ot=(e,t)=>{e.rejectPromise(t)},Mt=(e,t)=>{const n=he.innerParams.get(e||void 0);if(n.showLoaderOnConfirm&&vt(),n.preConfirm){e.resetValidationMessage(),e.isAwaitingPromise=!0;Promise.resolve().then(()=>f(n.preConfirm(t,n.validationMessage))).then(n=>{ee(L())||!1===n?(e.hideLoading(),ht(e)):St(e,void 0===n?t:n)}).catch(t=>Ot(e||void 0,t))}else St(e,t)};function jt(){const e=he.innerParams.get(this);if(!e)return;const t=he.domCache.get(this);Z(t.loader),V()?e.icon&&X(A()):Ht(t),W([t.popup,t.actions],r.loading),t.popup.removeAttribute("aria-busy"),t.popup.removeAttribute("data-loading"),t.confirmButton.disabled=!1,t.denyButton.disabled=!1,t.cancelButton.disabled=!1}const Ht=e=>{const t=e.popup.getElementsByClassName(e.loader.getAttribute("data-button-to-replace"));t.length?X(t[0],"inline-block"):ee(P())||ee(T())||ee(x())||Z(e.actions)};function It(){const e=he.innerParams.get(this),t=he.domCache.get(this);return t?F(t.popup,e.input):null}function Dt(e,t,n){const o=he.domCache.get(e);t.forEach(e=>{o[e].disabled=n})}function Vt(e,t){const n=C();if(n&&e)if("radio"===e.type){const e=n.querySelectorAll(`[name="${r.radio}"]`);for(let n=0;n<e.length;n++)e[n].disabled=t}else e.disabled=t}function qt(){Dt(this,["confirmButton","denyButton","cancelButton"],!1)}function Nt(){Dt(this,["confirmButton","denyButton","cancelButton"],!0)}function _t(){Vt(this.getInput(),!1)}function Ft(){Vt(this.getInput(),!0)}function Rt(e){const t=he.domCache.get(this),n=he.innerParams.get(this);q(t.validationMessage,e),t.validationMessage.className=r["validation-message"],n.customClass&&n.customClass.validationMessage&&z(t.validationMessage,n.customClass.validationMessage),X(t.validationMessage);const o=this.getInput();o&&(o.setAttribute("aria-invalid","true"),o.setAttribute("aria-describedby",r["validation-message"]),R(o),z(o,r.inputerror))}function Ut(){const e=he.domCache.get(this);e.validationMessage&&Z(e.validationMessage);const t=this.getInput();t&&(t.removeAttribute("aria-invalid"),t.removeAttribute("aria-describedby"),W(t,r.inputerror))}const zt={title:"",titleText:"",text:"",html:"",footer:"",icon:void 0,iconColor:void 0,iconHtml:void 0,template:void 0,toast:!1,draggable:!1,animation:!0,theme:"light",showClass:{popup:"swal2-show",backdrop:"swal2-backdrop-show",icon:"swal2-icon-show"},hideClass:{popup:"swal2-hide",backdrop:"swal2-backdrop-hide",icon:"swal2-icon-hide"},customClass:{},target:"body",color:void 0,backdrop:!0,heightAuto:!0,allowOutsideClick:!0,allowEscapeKey:!0,allowEnterKey:!0,stopKeydownPropagation:!0,keydownListenerCapture:!1,showConfirmButton:!0,showDenyButton:!1,showCancelButton:!1,preConfirm:void 0,preDeny:void 0,confirmButtonText:"OK",confirmButtonAriaLabel:"",confirmButtonColor:void 0,denyButtonText:"No",denyButtonAriaLabel:"",denyButtonColor:void 0,cancelButtonText:"Cancel",cancelButtonAriaLabel:"",cancelButtonColor:void 0,buttonsStyling:!0,reverseButtons:!1,focusConfirm:!0,focusDeny:!1,focusCancel:!1,returnFocus:!0,showCloseButton:!1,closeButtonHtml:"&times;",closeButtonAriaLabel:"Close this dialog",loaderHtml:"",showLoaderOnConfirm:!1,showLoaderOnDeny:!1,imageUrl:void 0,imageWidth:void 0,imageHeight:void 0,imageAlt:"",timer:void 0,timerProgressBar:!1,width:void 0,padding:void 0,background:void 0,input:void 0,inputPlaceholder:"",inputLabel:"",inputValue:"",inputOptions:{},inputAutoFocus:!0,inputAutoTrim:!0,inputAttributes:{},inputValidator:void 0,returnInputValueOnDeny:!1,validationMessage:void 0,grow:!1,position:"center",progressSteps:[],currentProgressStep:void 0,progressStepsDistance:void 0,willOpen:void 0,didOpen:void 0,didRender:void 0,willClose:void 0,didClose:void 0,didDestroy:void 0,scrollbarPadding:!0,topLayer:!1},Wt=["allowEscapeKey","allowOutsideClick","background","buttonsStyling","cancelButtonAriaLabel","cancelButtonColor","cancelButtonText","closeButtonAriaLabel","closeButtonHtml","color","confirmButtonAriaLabel","confirmButtonColor","confirmButtonText","currentProgressStep","customClass","denyButtonAriaLabel","denyButtonColor","denyButtonText","didClose","didDestroy","draggable","footer","hideClass","html","icon","iconColor","iconHtml","imageAlt","imageHeight","imageUrl","imageWidth","preConfirm","preDeny","progressSteps","returnFocus","reverseButtons","showCancelButton","showCloseButton","showConfirmButton","showDenyButton","text","title","titleText","theme","willClose"],Kt={allowEnterKey:void 0},Yt=["allowOutsideClick","allowEnterKey","backdrop","draggable","focusConfirm","focusDeny","focusCancel","returnFocus","heightAuto","keydownListenerCapture"],Xt=e=>Object.prototype.hasOwnProperty.call(zt,e),Zt=e=>-1!==Wt.indexOf(e),Jt=e=>Kt[e],Gt=e=>{Xt(e)||u(`Unknown parameter "${e}"`)},Qt=e=>{Yt.includes(e)&&u(`The parameter "${e}" is incompatible with toasts`)},en=e=>{const t=Jt(e);t&&m(e,t)},tn=e=>{!1===e.backdrop&&e.allowOutsideClick&&u('"allowOutsideClick" parameter requires `backdrop` parameter to be set to `true`'),e.theme&&!["light","dark","auto","minimal","borderless","embed-iframe","bulma","bulma-light","bulma-dark"].includes(e.theme)&&u(`Invalid theme "${e.theme}"`);for(const t in e)Gt(t),e.toast&&Qt(t),en(t)};function nn(e){const t=y(),n=C(),o=he.innerParams.get(this);if(!n||N(n,o.hideClass.popup))return void u("You're trying to update the closed or closing popup, that won't work. Use the update() method in preConfirm parameter or show a new popup.");const i=on(e),s=Object.assign({},o,i);tn(s),t.dataset.swal2Theme=s.theme,Re(this,s),he.innerParams.set(this,s),Object.defineProperties(this,{params:{value:Object.assign({},this.params,e),writable:!1,enumerable:!0}})}const on=e=>{const t={};return Object.keys(e).forEach(n=>{Zt(n)?t[n]=e[n]:u(`Invalid parameter to update: ${n}`)}),t};function sn(){const e=he.domCache.get(this),t=he.innerParams.get(this);t?(e.popup&&o.swalCloseEventFinishedCallback&&(o.swalCloseEventFinishedCallback(),delete o.swalCloseEventFinishedCallback),"function"==typeof t.didDestroy&&t.didDestroy(),o.eventEmitter.emit("didDestroy"),rn(this)):an(this)}const rn=e=>{an(e),delete e.params,delete o.keydownHandler,delete o.keydownTarget,delete o.currentInstance},an=e=>{e.isAwaitingPromise?(ln(he,e),e.isAwaitingPromise=!0):(ln(tt,e),ln(he,e),delete e.isAwaitingPromise,delete e.disableButtons,delete e.enableButtons,delete e.getInput,delete e.disableInput,delete e.enableInput,delete e.hideLoading,delete e.disableLoading,delete e.showValidationMessage,delete e.resetValidationMessage,delete e.close,delete e.closePopup,delete e.closeModal,delete e.closeToast,delete e.rejectPromise,delete e.update,delete e._destroy)},ln=(e,t)=>{for(const n in e)e[n].delete(t)};var cn=Object.freeze({__proto__:null,_destroy:sn,close:dt,closeModal:dt,closePopup:dt,closeToast:dt,disableButtons:Nt,disableInput:Ft,disableLoading:jt,enableButtons:qt,enableInput:_t,getInput:It,handleAwaitingPromise:ht,hideLoading:jt,rejectPromise:mt,resetValidationMessage:Ut,showValidationMessage:Rt,update:nn});const un=(e,t,n)=>{t.popup.onclick=()=>{e&&(dn(e)||e.timer||e.input)||n(ze.close)}},dn=e=>!!(e.showConfirmButton||e.showDenyButton||e.showCancelButton||e.showCloseButton);let pn=!1;const mn=e=>{e.popup.onmousedown=()=>{e.container.onmouseup=function(t){e.container.onmouseup=()=>{},t.target===e.container&&(pn=!0)}}},hn=e=>{e.container.onmousedown=t=>{t.target===e.container&&t.preventDefault(),e.popup.onmouseup=function(t){e.popup.onmouseup=()=>{},(t.target===e.popup||t.target instanceof HTMLElement&&e.popup.contains(t.target))&&(pn=!0)}}},gn=(e,t,n)=>{t.container.onclick=o=>{pn?pn=!1:o.target===t.container&&h(e.allowOutsideClick)&&n(ze.backdrop)}},fn=e=>e instanceof Element||(e=>"object"==typeof e&&e.jquery)(e);const bn=()=>{if(o.timeout)return(()=>{const e=j();if(!e)return;const t=parseInt(window.getComputedStyle(e).width);e.style.removeProperty("transition"),e.style.width="100%";const n=t/parseInt(window.getComputedStyle(e).width)*100;e.style.width=`${n}%`})(),o.timeout.stop()},yn=()=>{if(o.timeout){const e=o.timeout.start();return oe(e),e}};let vn=!1;const wn={};const Cn=e=>{for(let t=e.target;t&&t!==document;t=t.parentNode)for(const e in wn){const n=t.getAttribute(e);if(n)return void wn[e].fire({template:n})}};o.eventEmitter=new class{constructor(){this.events={}}_getHandlersByEventName(e){return void 0===this.events[e]&&(this.events[e]=[]),this.events[e]}on(e,t){const n=this._getHandlersByEventName(e);n.includes(t)||n.push(t)}once(e,t){const n=(...o)=>{this.removeListener(e,n),t.apply(this,o)};this.on(e,n)}emit(e,...t){this._getHandlersByEventName(e).forEach(e=>{try{e.apply(this,t)}catch(e){console.error(e)}})}removeListener(e,t){const n=this._getHandlersByEventName(e),o=n.indexOf(t);o>-1&&n.splice(o,1)}removeAllListeners(e){void 0!==this.events[e]&&(this.events[e].length=0)}reset(){this.events={}}};var An=Object.freeze({__proto__:null,argsToParams:e=>{const t={};return"object"!=typeof e[0]||fn(e[0])?["title","html","icon"].forEach((n,o)=>{const i=e[o];"string"==typeof i||fn(i)?t[n]=i:void 0!==i&&d(`Unexpected type of ${n}! Expected "string" or "Element", got ${typeof i}`)}):Object.assign(t,e[0]),t},bindClickHandler:function(e="data-swal-template"){wn[e]=this,vn||(document.body.addEventListener("click",Cn),vn=!0)},clickCancel:()=>{var e;return null===(e=x())||void 0===e?void 0:e.click()},clickConfirm:Ue,clickDeny:()=>{var e;return null===(e=T())||void 0===e?void 0:e.click()},enableLoading:vt,fire:function(...e){return new this(...e)},getActions:O,getCancelButton:x,getCloseButton:H,getConfirmButton:P,getContainer:y,getDenyButton:T,getFocusableElements:I,getFooter:M,getHtmlContainer:k,getIcon:A,getIconContent:()=>w(r["icon-content"]),getImage:B,getInputLabel:()=>w(r["input-label"]),getLoader:S,getPopup:C,getProgressSteps:$,getTimerLeft:()=>o.timeout&&o.timeout.getTimerLeft(),getTimerProgressBar:j,getTitle:E,getValidationMessage:L,increaseTimer:e=>{if(o.timeout){const t=o.timeout.increase(e);return oe(t,!0),t}},isDeprecatedParameter:Jt,isLoading:()=>{const e=C();return!!e&&e.hasAttribute("data-loading")},isTimerRunning:()=>!(!o.timeout||!o.timeout.isRunning()),isUpdatableParameter:Zt,isValidParameter:Xt,isVisible:()=>ee(C()),mixin:function(e){return class extends(this){_main(t,n){return super._main(t,Object.assign({},e,n))}}},off:(e,t)=>{e?t?o.eventEmitter.removeListener(e,t):o.eventEmitter.removeAllListeners(e):o.eventEmitter.reset()},on:(e,t)=>{o.eventEmitter.on(e,t)},once:(e,t)=>{o.eventEmitter.once(e,t)},resumeTimer:yn,showLoading:vt,stopTimer:bn,toggleTimer:()=>{const e=o.timeout;return e&&(e.running?bn():yn())}});class En{constructor(e,t){this.callback=e,this.remaining=t,this.running=!1,this.start()}start(){return this.running||(this.running=!0,this.started=new Date,this.id=setTimeout(this.callback,this.remaining)),this.remaining}stop(){return this.started&&this.running&&(this.running=!1,clearTimeout(this.id),this.remaining-=(new Date).getTime()-this.started.getTime()),this.remaining}increase(e){const t=this.running;return t&&this.stop(),this.remaining+=e,t&&this.start(),this.remaining}getTimerLeft(){return this.running&&(this.stop(),this.start()),this.remaining}isRunning(){return this.running}}const kn=["swal-title","swal-html","swal-footer"],Bn=e=>{const t={};return Array.from(e.querySelectorAll("swal-param")).forEach(e=>{Mn(e,["name","value"]);const n=e.getAttribute("name"),o=e.getAttribute("value");n&&o&&(t[n]="boolean"==typeof zt[n]?"false"!==o:"object"==typeof zt[n]?JSON.parse(o):o)}),t},$n=e=>{const t={};return Array.from(e.querySelectorAll("swal-function-param")).forEach(e=>{const n=e.getAttribute("name"),o=e.getAttribute("value");n&&o&&(t[n]=new Function(`return ${o}`)())}),t},Ln=e=>{const t={};return Array.from(e.querySelectorAll("swal-button")).forEach(e=>{Mn(e,["type","color","aria-label"]);const n=e.getAttribute("type");n&&["confirm","cancel","deny"].includes(n)&&(t[`${n}ButtonText`]=e.innerHTML,t[`show${c(n)}Button`]=!0,e.hasAttribute("color")&&(t[`${n}ButtonColor`]=e.getAttribute("color")),e.hasAttribute("aria-label")&&(t[`${n}ButtonAriaLabel`]=e.getAttribute("aria-label")))}),t},Pn=e=>{const t={},n=e.querySelector("swal-image");return n&&(Mn(n,["src","width","height","alt"]),n.hasAttribute("src")&&(t.imageUrl=n.getAttribute("src")||void 0),n.hasAttribute("width")&&(t.imageWidth=n.getAttribute("width")||void 0),n.hasAttribute("height")&&(t.imageHeight=n.getAttribute("height")||void 0),n.hasAttribute("alt")&&(t.imageAlt=n.getAttribute("alt")||void 0)),t},xn=e=>{const t={},n=e.querySelector("swal-icon");return n&&(Mn(n,["type","color"]),n.hasAttribute("type")&&(t.icon=n.getAttribute("type")),n.hasAttribute("color")&&(t.iconColor=n.getAttribute("color")),t.iconHtml=n.innerHTML),t},Tn=e=>{const t={},n=e.querySelector("swal-input");n&&(Mn(n,["type","label","placeholder","value"]),t.input=n.getAttribute("type")||"text",n.hasAttribute("label")&&(t.inputLabel=n.getAttribute("label")),n.hasAttribute("placeholder")&&(t.inputPlaceholder=n.getAttribute("placeholder")),n.hasAttribute("value")&&(t.inputValue=n.getAttribute("value")));const o=Array.from(e.querySelectorAll("swal-input-option"));return o.length&&(t.inputOptions={},o.forEach(e=>{Mn(e,["value"]);const n=e.getAttribute("value");if(!n)return;const o=e.innerHTML;t.inputOptions[n]=o})),t},Sn=(e,t)=>{const n={};for(const o in t){const i=t[o],s=e.querySelector(i);s&&(Mn(s,[]),n[i.replace(/^swal-/,"")]=s.innerHTML.trim())}return n},On=e=>{const t=kn.concat(["swal-param","swal-function-param","swal-button","swal-image","swal-icon","swal-input","swal-input-option"]);Array.from(e.children).forEach(e=>{const n=e.tagName.toLowerCase();t.includes(n)||u(`Unrecognized element <${n}>`)})},Mn=(e,t)=>{Array.from(e.attributes).forEach(n=>{-1===t.indexOf(n.name)&&u([`Unrecognized attribute "${n.name}" on <${e.tagName.toLowerCase()}>.`,""+(t.length?`Allowed attributes are: ${t.join(", ")}`:"To set the value, use HTML within the element.")])})},jn=e=>{const t=y(),n=C();"function"==typeof e.willOpen&&e.willOpen(n),o.eventEmitter.emit("willOpen",n);const i=window.getComputedStyle(document.body).overflowY;Vn(t,n,e),setTimeout(()=>{In(t,n)},10),D()&&(Dn(t,e.scrollbarPadding,i),(()=>{const e=y();Array.from(document.body.children).forEach(t=>{t.contains(e)||(t.hasAttribute("aria-hidden")&&t.setAttribute("data-previous-aria-hidden",t.getAttribute("aria-hidden")||""),t.setAttribute("aria-hidden","true"))})})()),V()||o.previousActiveElement||(o.previousActiveElement=document.activeElement),"function"==typeof e.didOpen&&setTimeout(()=>e.didOpen(n)),o.eventEmitter.emit("didOpen",n),W(t,r["no-transition"])},Hn=e=>{const t=C();if(e.target!==t)return;const n=y();t.removeEventListener("animationend",Hn),t.removeEventListener("transitionend",Hn),n.style.overflowY="auto"},In=(e,t)=>{ne(t)?(e.style.overflowY="hidden",t.addEventListener("animationend",Hn),t.addEventListener("transitionend",Hn)):e.style.overflowY="auto"},Dn=(e,t,n)=>{(()=>{if(ot&&!N(document.body,r.iosfix)){const e=document.body.scrollTop;document.body.style.top=-1*e+"px",z(document.body,r.iosfix),it()}})(),t&&"hidden"!==n&&ct(n),setTimeout(()=>{e.scrollTop=0})},Vn=(e,t,n)=>{z(e,n.showClass.backdrop),n.animation?(t.style.setProperty("opacity","0","important"),X(t,"grid"),setTimeout(()=>{z(t,n.showClass.popup),t.style.removeProperty("opacity")},10)):X(t,"grid"),z([document.documentElement,document.body],r.shown),n.heightAuto&&n.backdrop&&!n.toast&&z([document.documentElement,document.body],r["height-auto"])};var qn=(e,t)=>/^[a-zA-Z0-9.+_'-]+@[a-zA-Z0-9.-]+\.[a-zA-Z0-9-]+$/.test(e)?Promise.resolve():Promise.resolve(t||"Invalid email address"),Nn=(e,t)=>/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-z]{2,63}\b([-a-zA-Z0-9@:%_+.~#?&/=]*)$/.test(e)?Promise.resolve():Promise.resolve(t||"Invalid URL");function _n(e){!function(e){e.inputValidator||("email"===e.input&&(e.inputValidator=qn),"url"===e.input&&(e.inputValidator=Nn))}(e),e.showLoaderOnConfirm&&!e.preConfirm&&u("showLoaderOnConfirm is set to true, but preConfirm is not defined.\nshowLoaderOnConfirm should be used together with preConfirm, see usage example:\nhttps://sweetalert2.github.io/#ajax-request"),function(e){(!e.target||"string"==typeof e.target&&!document.querySelector(e.target)||"string"!=typeof e.target&&!e.target.appendChild)&&(u('Target parameter is not valid, defaulting to "body"'),e.target="body")}(e),"string"==typeof e.title&&(e.title=e.title.split("\n").join("<br />")),re(e)}let Fn;var Rn=new WeakMap;class Un{constructor(...t){if(n(this,Rn,void 0),"undefined"==typeof window)return;Fn=this;const o=Object.freeze(this.constructor.argsToParams(t));var i,s,r;this.params=o,this.isAwaitingPromise=!1,i=Rn,s=this,r=this._main(Fn.params),i.set(e(i,s),r)}_main(e,t={}){if(tn(Object.assign({},t,e)),o.currentInstance){const e=tt.swalPromiseResolve.get(o.currentInstance),{isAwaitingPromise:t}=o.currentInstance;o.currentInstance._destroy(),t||e({isDismissed:!0}),D()&&nt()}o.currentInstance=Fn;const n=Wn(e,t);_n(n),Object.freeze(n),o.timeout&&(o.timeout.stop(),delete o.timeout),clearTimeout(o.restoreFocusTimeout);const i=Kn(Fn);return Re(Fn,n),he.innerParams.set(Fn,n),zn(Fn,i,n)}then(e){return t(Rn,this).then(e)}finally(e){return t(Rn,this).finally(e)}}const zn=(e,t,n)=>new Promise((i,s)=>{const r=t=>{e.close({isDismissed:!0,dismiss:t})};tt.swalPromiseResolve.set(e,i),tt.swalPromiseReject.set(e,s),t.confirmButton.onclick=()=>{(e=>{const t=he.innerParams.get(e);e.disableButtons(),t.input?Pt(e,"confirm"):Mt(e,!0)})(e)},t.denyButton.onclick=()=>{(e=>{const t=he.innerParams.get(e);e.disableButtons(),t.returnInputValueOnDeny?Pt(e,"deny"):Tt(e,!1)})(e)},t.cancelButton.onclick=()=>{((e,t)=>{e.disableButtons(),t(ze.cancel)})(e,r)},t.closeButton.onclick=()=>{r(ze.close)},((e,t,n)=>{e.toast?un(e,t,n):(mn(t),hn(t),gn(e,t,n))})(n,t,r),((e,t,n)=>{We(e),t.toast||(e.keydownHandler=e=>Ze(t,e,n),e.keydownTarget=t.keydownListenerCapture?window:C(),e.keydownListenerCapture=t.keydownListenerCapture,e.keydownTarget.addEventListener("keydown",e.keydownHandler,{capture:e.keydownListenerCapture}),e.keydownHandlerAdded=!0)})(o,n,r),((e,t)=>{"select"===t.input||"radio"===t.input?kt(e,t):["text","email","number","tel","textarea"].some(e=>e===t.input)&&(g(t.inputValue)||b(t.inputValue))&&(vt(P()),Bt(e,t))})(e,n),jn(n),Yn(o,n,r),Xn(t,n),setTimeout(()=>{t.container.scrollTop=0})}),Wn=(e,t)=>{const n=(e=>{const t="string"==typeof e.template?document.querySelector(e.template):e.template;if(!t)return{};const n=t.content;return On(n),Object.assign(Bn(n),$n(n),Ln(n),Pn(n),xn(n),Tn(n),Sn(n,kn))})(e),o=Object.assign({},zt,t,n,e);return o.showClass=Object.assign({},zt.showClass,o.showClass),o.hideClass=Object.assign({},zt.hideClass,o.hideClass),!1===o.animation&&(o.showClass={backdrop:"swal2-noanimation"},o.hideClass={}),o},Kn=e=>{const t={popup:C(),container:y(),actions:O(),confirmButton:P(),denyButton:T(),cancelButton:x(),loader:S(),closeButton:H(),validationMessage:L(),progressSteps:$()};return he.domCache.set(e,t),t},Yn=(e,t,n)=>{const o=j();Z(o),t.timer&&(e.timeout=new En(()=>{n("timer"),delete e.timeout},t.timer),t.timerProgressBar&&(X(o),_(o,t,"timerProgressBar"),setTimeout(()=>{e.timeout&&e.timeout.running&&oe(t.timer)})))},Xn=(e,t)=>{if(!t.toast)return h(t.allowEnterKey)?void(Zn(e)||Jn(e,t)||Ke(-1,1)):(m("allowEnterKey"),void Gn())},Zn=e=>{const t=Array.from(e.popup.querySelectorAll("[autofocus]"));for(const e of t)if(e instanceof HTMLElement&&ee(e))return e.focus(),!0;return!1},Jn=(e,t)=>t.focusDeny&&ee(e.denyButton)?(e.denyButton.focus(),!0):t.focusCancel&&ee(e.cancelButton)?(e.cancelButton.focus(),!0):!(!t.focusConfirm||!ee(e.confirmButton))&&(e.confirmButton.focus(),!0),Gn=()=>{document.activeElement instanceof HTMLElement&&"function"==typeof document.activeElement.blur&&document.activeElement.blur()};Un.prototype.disableButtons=Nt,Un.prototype.enableButtons=qt,Un.prototype.getInput=It,Un.prototype.disableInput=Ft,Un.prototype.enableInput=_t,Un.prototype.hideLoading=jt,Un.prototype.disableLoading=jt,Un.prototype.showValidationMessage=Rt,Un.prototype.resetValidationMessage=Ut,Un.prototype.close=dt,Un.prototype.closePopup=dt,Un.prototype.closeModal=dt,Un.prototype.closeToast=dt,Un.prototype.rejectPromise=mt,Un.prototype.update=nn,Un.prototype._destroy=sn,Object.assign(Un,An),Object.keys(cn).forEach(e=>{Un[e]=function(...t){return Fn&&Fn[e]?Fn[e](...t):null}}),Un.DismissReason=ze,Un.version="11.23.0";const Qn=Un;return Qn.default=Qn,Qn}),void 0!==this&&this.Sweetalert2&&(this.swal=this.sweetAlert=this.Swal=this.SweetAlert=this.Sweetalert2);
+"undefined"!=typeof document&&function(e,t){var n=e.createElement("style");if(e.getElementsByTagName("head")[0].appendChild(n),n.styleSheet)n.styleSheet.disabled||(n.styleSheet.cssText=t);else try{n.innerHTML=t}catch(e){n.innerText=t}}(document,":root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-container-padding: 0.625em;--swal2-backdrop: rgba(0, 0, 0, 0.4);--swal2-backdrop-transition: background-color 0.1s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: 0.3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show 0.3s;--swal2-hide-animation: swal2-hide 0.15s forwards;--swal2-icon-zoom: 1;--swal2-icon-animations: true;--swal2-title-padding: 0.8em 1em 0;--swal2-html-container-padding: 1em 1.6em 0.3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: 0.1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color 0.2s, box-shadow 0.2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px $swal2-outline-color;--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color 0.2s, box-shadow 0.2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: 0.25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: 0.25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: 0.25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show 0.5s;--swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}@media(prefers-color-scheme: dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:\"top-start     top            top-end\" \"center-start  center         center-end\" \"bottom-start  bottom-center  bottom-end\";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem;container-name:swal2-popup}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:rgba(0,0,0,0);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:\"!\";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:all}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}");
\ No newline at end of file
diff --git a/www/raven-demo/vendor/js/swiper-bundle.min.js b/www/raven-demo/vendor/js/swiper-bundle.min.js
new file mode 100644
index 0000000..2a57d2a
--- /dev/null
+++ b/www/raven-demo/vendor/js/swiper-bundle.min.js
@@ -0,0 +1,14 @@
+/**
+ * Swiper 11.2.10
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2025 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: June 28, 2025
+ */
+
+var Swiper=function(){"use strict";function e(e){return null!==e&&"object"==typeof e&&"constructor"in e&&e.constructor===Object}function t(s,a){void 0===s&&(s={}),void 0===a&&(a={});const i=["__proto__","constructor","prototype"];Object.keys(a).filter((e=>i.indexOf(e)<0)).forEach((i=>{void 0===s[i]?s[i]=a[i]:e(a[i])&&e(s[i])&&Object.keys(a[i]).length>0&&t(s[i],a[i])}))}const s={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector:()=>null,querySelectorAll:()=>[],getElementById:()=>null,createEvent:()=>({initEvent(){}}),createElement:()=>({children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName:()=>[]}),createElementNS:()=>({}),importNode:()=>null,location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function a(){const e="undefined"!=typeof document?document:{};return t(e,s),e}const i={document:s,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle:()=>({getPropertyValue:()=>""}),Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia:()=>({}),requestAnimationFrame:e=>"undefined"==typeof setTimeout?(e(),null):setTimeout(e,0),cancelAnimationFrame(e){"undefined"!=typeof setTimeout&&clearTimeout(e)}};function r(){const e="undefined"!=typeof window?window:{};return t(e,i),e}function n(e){return void 0===e&&(e=""),e.trim().split(" ").filter((e=>!!e.trim()))}function l(e,t){return void 0===t&&(t=0),setTimeout(e,t)}function o(){return Date.now()}function d(e,t){void 0===t&&(t="x");const s=r();let a,i,n;const l=function(e){const t=r();let s;return t.getComputedStyle&&(s=t.getComputedStyle(e,null)),!s&&e.currentStyle&&(s=e.currentStyle),s||(s=e.style),s}(e);return s.WebKitCSSMatrix?(i=l.transform||l.webkitTransform,i.split(",").length>6&&(i=i.split(", ").map((e=>e.replace(",","."))).join(", ")),n=new s.WebKitCSSMatrix("none"===i?"":i)):(n=l.MozTransform||l.OTransform||l.MsTransform||l.msTransform||l.transform||l.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),a=n.toString().split(",")),"x"===t&&(i=s.WebKitCSSMatrix?n.m41:16===a.length?parseFloat(a[12]):parseFloat(a[4])),"y"===t&&(i=s.WebKitCSSMatrix?n.m42:16===a.length?parseFloat(a[13]):parseFloat(a[5])),i||0}function c(e){return"object"==typeof e&&null!==e&&e.constructor&&"Object"===Object.prototype.toString.call(e).slice(8,-1)}function p(){const e=Object(arguments.length<=0?void 0:arguments[0]),t=["__proto__","constructor","prototype"];for(let a=1;a<arguments.length;a+=1){const i=a<0||arguments.length<=a?void 0:arguments[a];if(null!=i&&(s=i,!("undefined"!=typeof window&&void 0!==window.HTMLElement?s instanceof HTMLElement:s&&(1===s.nodeType||11===s.nodeType)))){const s=Object.keys(Object(i)).filter((e=>t.indexOf(e)<0));for(let t=0,a=s.length;t<a;t+=1){const a=s[t],r=Object.getOwnPropertyDescriptor(i,a);void 0!==r&&r.enumerable&&(c(e[a])&&c(i[a])?i[a].__swiper__?e[a]=i[a]:p(e[a],i[a]):!c(e[a])&&c(i[a])?(e[a]={},i[a].__swiper__?e[a]=i[a]:p(e[a],i[a])):e[a]=i[a])}}}var s;return e}function u(e,t,s){e.style.setProperty(t,s)}function m(e){let{swiper:t,targetPosition:s,side:a}=e;const i=r(),n=-t.translate;let l,o=null;const d=t.params.speed;t.wrapperEl.style.scrollSnapType="none",i.cancelAnimationFrame(t.cssModeFrameID);const c=s>n?"next":"prev",p=(e,t)=>"next"===c&&e>=t||"prev"===c&&e<=t,u=()=>{l=(new Date).getTime(),null===o&&(o=l);const e=Math.max(Math.min((l-o)/d,1),0),r=.5-Math.cos(e*Math.PI)/2;let c=n+r*(s-n);if(p(c,s)&&(c=s),t.wrapperEl.scrollTo({[a]:c}),p(c,s))return t.wrapperEl.style.overflow="hidden",t.wrapperEl.style.scrollSnapType="",setTimeout((()=>{t.wrapperEl.style.overflow="",t.wrapperEl.scrollTo({[a]:c})})),void i.cancelAnimationFrame(t.cssModeFrameID);t.cssModeFrameID=i.requestAnimationFrame(u)};u()}function h(e){return e.querySelector(".swiper-slide-transform")||e.shadowRoot&&e.shadowRoot.querySelector(".swiper-slide-transform")||e}function f(e,t){void 0===t&&(t="");const s=r(),a=[...e.children];return s.HTMLSlotElement&&e instanceof HTMLSlotElement&&a.push(...e.assignedElements()),t?a.filter((e=>e.matches(t))):a}function g(e){try{return void console.warn(e)}catch(e){}}function v(e,t){void 0===t&&(t=[]);const s=document.createElement(e);return s.classList.add(...Array.isArray(t)?t:n(t)),s}function w(e){const t=r(),s=a(),i=e.getBoundingClientRect(),n=s.body,l=e.clientTop||n.clientTop||0,o=e.clientLeft||n.clientLeft||0,d=e===t?t.scrollY:e.scrollTop,c=e===t?t.scrollX:e.scrollLeft;return{top:i.top+d-l,left:i.left+c-o}}function b(e,t){return r().getComputedStyle(e,null).getPropertyValue(t)}function y(e){let t,s=e;if(s){for(t=0;null!==(s=s.previousSibling);)1===s.nodeType&&(t+=1);return t}}function E(e,t){const s=[];let a=e.parentElement;for(;a;)t?a.matches(t)&&s.push(a):s.push(a),a=a.parentElement;return s}function x(e,t){t&&e.addEventListener("transitionend",(function s(a){a.target===e&&(t.call(e,a),e.removeEventListener("transitionend",s))}))}function S(e,t,s){const a=r();return s?e["width"===t?"offsetWidth":"offsetHeight"]+parseFloat(a.getComputedStyle(e,null).getPropertyValue("width"===t?"margin-right":"margin-top"))+parseFloat(a.getComputedStyle(e,null).getPropertyValue("width"===t?"margin-left":"margin-bottom")):e.offsetWidth}function T(e){return(Array.isArray(e)?e:[e]).filter((e=>!!e))}function M(e){return t=>Math.abs(t)>0&&e.browser&&e.browser.need3dFix&&Math.abs(t)%90==0?t+.001:t}function C(e,t){void 0===t&&(t=""),"undefined"!=typeof trustedTypes?e.innerHTML=trustedTypes.createPolicy("html",{createHTML:e=>e}).createHTML(t):e.innerHTML=t}let P,L,I;function z(){return P||(P=function(){const e=r(),t=a();return{smoothScroll:t.documentElement&&t.documentElement.style&&"scrollBehavior"in t.documentElement.style,touch:!!("ontouchstart"in e||e.DocumentTouch&&t instanceof e.DocumentTouch)}}()),P}function A(e){return void 0===e&&(e={}),L||(L=function(e){let{userAgent:t}=void 0===e?{}:e;const s=z(),a=r(),i=a.navigator.platform,n=t||a.navigator.userAgent,l={ios:!1,android:!1},o=a.screen.width,d=a.screen.height,c=n.match(/(Android);?[\s\/]+([\d.]+)?/);let p=n.match(/(iPad).*OS\s([\d_]+)/);const u=n.match(/(iPod)(.*OS\s([\d_]+))?/),m=!p&&n.match(/(iPhone\sOS|iOS)\s([\d_]+)/),h="Win32"===i;let f="MacIntel"===i;return!p&&f&&s.touch&&["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"].indexOf(`${o}x${d}`)>=0&&(p=n.match(/(Version)\/([\d.]+)/),p||(p=[0,1,"13_0_0"]),f=!1),c&&!h&&(l.os="android",l.android=!0),(p||m||u)&&(l.os="ios",l.ios=!0),l}(e)),L}function $(){return I||(I=function(){const e=r(),t=A();let s=!1;function a(){const t=e.navigator.userAgent.toLowerCase();return t.indexOf("safari")>=0&&t.indexOf("chrome")<0&&t.indexOf("android")<0}if(a()){const t=String(e.navigator.userAgent);if(t.includes("Version/")){const[e,a]=t.split("Version/")[1].split(" ")[0].split(".").map((e=>Number(e)));s=e<16||16===e&&a<2}}const i=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(e.navigator.userAgent),n=a();return{isSafari:s||n,needPerspectiveFix:s,need3dFix:n||i&&t.ios,isWebView:i}}()),I}var k={on(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;const i=s?"unshift":"push";return e.split(" ").forEach((e=>{a.eventsListeners[e]||(a.eventsListeners[e]=[]),a.eventsListeners[e][i](t)})),a},once(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;function i(){a.off(e,i),i.__emitterProxy&&delete i.__emitterProxy;for(var s=arguments.length,r=new Array(s),n=0;n<s;n++)r[n]=arguments[n];t.apply(a,r)}return i.__emitterProxy=t,a.on(e,i,s)},onAny(e,t){const s=this;if(!s.eventsListeners||s.destroyed)return s;if("function"!=typeof e)return s;const a=t?"unshift":"push";return s.eventsAnyListeners.indexOf(e)<0&&s.eventsAnyListeners[a](e),s},offAny(e){const t=this;if(!t.eventsListeners||t.destroyed)return t;if(!t.eventsAnyListeners)return t;const s=t.eventsAnyListeners.indexOf(e);return s>=0&&t.eventsAnyListeners.splice(s,1),t},off(e,t){const s=this;return!s.eventsListeners||s.destroyed?s:s.eventsListeners?(e.split(" ").forEach((e=>{void 0===t?s.eventsListeners[e]=[]:s.eventsListeners[e]&&s.eventsListeners[e].forEach(((a,i)=>{(a===t||a.__emitterProxy&&a.__emitterProxy===t)&&s.eventsListeners[e].splice(i,1)}))})),s):s},emit(){const e=this;if(!e.eventsListeners||e.destroyed)return e;if(!e.eventsListeners)return e;let t,s,a;for(var i=arguments.length,r=new Array(i),n=0;n<i;n++)r[n]=arguments[n];"string"==typeof r[0]||Array.isArray(r[0])?(t=r[0],s=r.slice(1,r.length),a=e):(t=r[0].events,s=r[0].data,a=r[0].context||e),s.unshift(a);return(Array.isArray(t)?t:t.split(" ")).forEach((t=>{e.eventsAnyListeners&&e.eventsAnyListeners.length&&e.eventsAnyListeners.forEach((e=>{e.apply(a,[t,...s])})),e.eventsListeners&&e.eventsListeners[t]&&e.eventsListeners[t].forEach((e=>{e.apply(a,s)}))})),e}};const O=(e,t,s)=>{t&&!e.classList.contains(s)?e.classList.add(s):!t&&e.classList.contains(s)&&e.classList.remove(s)};const D=(e,t,s)=>{t&&!e.classList.contains(s)?e.classList.add(s):!t&&e.classList.contains(s)&&e.classList.remove(s)};const G=(e,t)=>{if(!e||e.destroyed||!e.params)return;const s=t.closest(e.isElement?"swiper-slide":`.${e.params.slideClass}`);if(s){let t=s.querySelector(`.${e.params.lazyPreloaderClass}`);!t&&e.isElement&&(s.shadowRoot?t=s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`):requestAnimationFrame((()=>{s.shadowRoot&&(t=s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`),t&&t.remove())}))),t&&t.remove()}},X=(e,t)=>{if(!e.slides[t])return;const s=e.slides[t].querySelector('[loading="lazy"]');s&&s.removeAttribute("loading")},Y=e=>{if(!e||e.destroyed||!e.params)return;let t=e.params.lazyPreloadPrevNext;const s=e.slides.length;if(!s||!t||t<0)return;t=Math.min(t,s);const a="auto"===e.params.slidesPerView?e.slidesPerViewDynamic():Math.ceil(e.params.slidesPerView),i=e.activeIndex;if(e.params.grid&&e.params.grid.rows>1){const s=i,r=[s-t];return r.push(...Array.from({length:t}).map(((e,t)=>s+a+t))),void e.slides.forEach(((t,s)=>{r.includes(t.column)&&X(e,s)}))}const r=i+a-1;if(e.params.rewind||e.params.loop)for(let a=i-t;a<=r+t;a+=1){const t=(a%s+s)%s;(t<i||t>r)&&X(e,t)}else for(let a=Math.max(i-t,0);a<=Math.min(r+t,s-1);a+=1)a!==i&&(a>r||a<i)&&X(e,a)};var B={updateSize:function(){const e=this;let t,s;const a=e.el;t=void 0!==e.params.width&&null!==e.params.width?e.params.width:a.clientWidth,s=void 0!==e.params.height&&null!==e.params.height?e.params.height:a.clientHeight,0===t&&e.isHorizontal()||0===s&&e.isVertical()||(t=t-parseInt(b(a,"padding-left")||0,10)-parseInt(b(a,"padding-right")||0,10),s=s-parseInt(b(a,"padding-top")||0,10)-parseInt(b(a,"padding-bottom")||0,10),Number.isNaN(t)&&(t=0),Number.isNaN(s)&&(s=0),Object.assign(e,{width:t,height:s,size:e.isHorizontal()?t:s}))},updateSlides:function(){const e=this;function t(t,s){return parseFloat(t.getPropertyValue(e.getDirectionLabel(s))||0)}const s=e.params,{wrapperEl:a,slidesEl:i,size:r,rtlTranslate:n,wrongRTL:l}=e,o=e.virtual&&s.virtual.enabled,d=o?e.virtual.slides.length:e.slides.length,c=f(i,`.${e.params.slideClass}, swiper-slide`),p=o?e.virtual.slides.length:c.length;let m=[];const h=[],g=[];let v=s.slidesOffsetBefore;"function"==typeof v&&(v=s.slidesOffsetBefore.call(e));let w=s.slidesOffsetAfter;"function"==typeof w&&(w=s.slidesOffsetAfter.call(e));const y=e.snapGrid.length,E=e.slidesGrid.length;let x=s.spaceBetween,T=-v,M=0,C=0;if(void 0===r)return;"string"==typeof x&&x.indexOf("%")>=0?x=parseFloat(x.replace("%",""))/100*r:"string"==typeof x&&(x=parseFloat(x)),e.virtualSize=-x,c.forEach((e=>{n?e.style.marginLeft="":e.style.marginRight="",e.style.marginBottom="",e.style.marginTop=""})),s.centeredSlides&&s.cssMode&&(u(a,"--swiper-centered-offset-before",""),u(a,"--swiper-centered-offset-after",""));const P=s.grid&&s.grid.rows>1&&e.grid;let L;P?e.grid.initSlides(c):e.grid&&e.grid.unsetSlides();const I="auto"===s.slidesPerView&&s.breakpoints&&Object.keys(s.breakpoints).filter((e=>void 0!==s.breakpoints[e].slidesPerView)).length>0;for(let a=0;a<p;a+=1){let i;if(L=0,c[a]&&(i=c[a]),P&&e.grid.updateSlide(a,i,c),!c[a]||"none"!==b(i,"display")){if("auto"===s.slidesPerView){I&&(c[a].style[e.getDirectionLabel("width")]="");const r=getComputedStyle(i),n=i.style.transform,l=i.style.webkitTransform;if(n&&(i.style.transform="none"),l&&(i.style.webkitTransform="none"),s.roundLengths)L=e.isHorizontal()?S(i,"width",!0):S(i,"height",!0);else{const e=t(r,"width"),s=t(r,"padding-left"),a=t(r,"padding-right"),n=t(r,"margin-left"),l=t(r,"margin-right"),o=r.getPropertyValue("box-sizing");if(o&&"border-box"===o)L=e+n+l;else{const{clientWidth:t,offsetWidth:r}=i;L=e+s+a+n+l+(r-t)}}n&&(i.style.transform=n),l&&(i.style.webkitTransform=l),s.roundLengths&&(L=Math.floor(L))}else L=(r-(s.slidesPerView-1)*x)/s.slidesPerView,s.roundLengths&&(L=Math.floor(L)),c[a]&&(c[a].style[e.getDirectionLabel("width")]=`${L}px`);c[a]&&(c[a].swiperSlideSize=L),g.push(L),s.centeredSlides?(T=T+L/2+M/2+x,0===M&&0!==a&&(T=T-r/2-x),0===a&&(T=T-r/2-x),Math.abs(T)<.001&&(T=0),s.roundLengths&&(T=Math.floor(T)),C%s.slidesPerGroup==0&&m.push(T),h.push(T)):(s.roundLengths&&(T=Math.floor(T)),(C-Math.min(e.params.slidesPerGroupSkip,C))%e.params.slidesPerGroup==0&&m.push(T),h.push(T),T=T+L+x),e.virtualSize+=L+x,M=L,C+=1}}if(e.virtualSize=Math.max(e.virtualSize,r)+w,n&&l&&("slide"===s.effect||"coverflow"===s.effect)&&(a.style.width=`${e.virtualSize+x}px`),s.setWrapperSize&&(a.style[e.getDirectionLabel("width")]=`${e.virtualSize+x}px`),P&&e.grid.updateWrapperSize(L,m),!s.centeredSlides){const t=[];for(let a=0;a<m.length;a+=1){let i=m[a];s.roundLengths&&(i=Math.floor(i)),m[a]<=e.virtualSize-r&&t.push(i)}m=t,Math.floor(e.virtualSize-r)-Math.floor(m[m.length-1])>1&&m.push(e.virtualSize-r)}if(o&&s.loop){const t=g[0]+x;if(s.slidesPerGroup>1){const a=Math.ceil((e.virtual.slidesBefore+e.virtual.slidesAfter)/s.slidesPerGroup),i=t*s.slidesPerGroup;for(let e=0;e<a;e+=1)m.push(m[m.length-1]+i)}for(let a=0;a<e.virtual.slidesBefore+e.virtual.slidesAfter;a+=1)1===s.slidesPerGroup&&m.push(m[m.length-1]+t),h.push(h[h.length-1]+t),e.virtualSize+=t}if(0===m.length&&(m=[0]),0!==x){const t=e.isHorizontal()&&n?"marginLeft":e.getDirectionLabel("marginRight");c.filter(((e,t)=>!(s.cssMode&&!s.loop)||t!==c.length-1)).forEach((e=>{e.style[t]=`${x}px`}))}if(s.centeredSlides&&s.centeredSlidesBounds){let e=0;g.forEach((t=>{e+=t+(x||0)})),e-=x;const t=e>r?e-r:0;m=m.map((e=>e<=0?-v:e>t?t+w:e))}if(s.centerInsufficientSlides){let e=0;g.forEach((t=>{e+=t+(x||0)})),e-=x;const t=(s.slidesOffsetBefore||0)+(s.slidesOffsetAfter||0);if(e+t<r){const s=(r-e-t)/2;m.forEach(((e,t)=>{m[t]=e-s})),h.forEach(((e,t)=>{h[t]=e+s}))}}if(Object.assign(e,{slides:c,snapGrid:m,slidesGrid:h,slidesSizesGrid:g}),s.centeredSlides&&s.cssMode&&!s.centeredSlidesBounds){u(a,"--swiper-centered-offset-before",-m[0]+"px"),u(a,"--swiper-centered-offset-after",e.size/2-g[g.length-1]/2+"px");const t=-e.snapGrid[0],s=-e.slidesGrid[0];e.snapGrid=e.snapGrid.map((e=>e+t)),e.slidesGrid=e.slidesGrid.map((e=>e+s))}if(p!==d&&e.emit("slidesLengthChange"),m.length!==y&&(e.params.watchOverflow&&e.checkOverflow(),e.emit("snapGridLengthChange")),h.length!==E&&e.emit("slidesGridLengthChange"),s.watchSlidesProgress&&e.updateSlidesOffset(),e.emit("slidesUpdated"),!(o||s.cssMode||"slide"!==s.effect&&"fade"!==s.effect)){const t=`${s.containerModifierClass}backface-hidden`,a=e.el.classList.contains(t);p<=s.maxBackfaceHiddenSlides?a||e.el.classList.add(t):a&&e.el.classList.remove(t)}},updateAutoHeight:function(e){const t=this,s=[],a=t.virtual&&t.params.virtual.enabled;let i,r=0;"number"==typeof e?t.setTransition(e):!0===e&&t.setTransition(t.params.speed);const n=e=>a?t.slides[t.getSlideIndexByData(e)]:t.slides[e];if("auto"!==t.params.slidesPerView&&t.params.slidesPerView>1)if(t.params.centeredSlides)(t.visibleSlides||[]).forEach((e=>{s.push(e)}));else for(i=0;i<Math.ceil(t.params.slidesPerView);i+=1){const e=t.activeIndex+i;if(e>t.slides.length&&!a)break;s.push(n(e))}else s.push(n(t.activeIndex));for(i=0;i<s.length;i+=1)if(void 0!==s[i]){const e=s[i].offsetHeight;r=e>r?e:r}(r||0===r)&&(t.wrapperEl.style.height=`${r}px`)},updateSlidesOffset:function(){const e=this,t=e.slides,s=e.isElement?e.isHorizontal()?e.wrapperEl.offsetLeft:e.wrapperEl.offsetTop:0;for(let a=0;a<t.length;a+=1)t[a].swiperSlideOffset=(e.isHorizontal()?t[a].offsetLeft:t[a].offsetTop)-s-e.cssOverflowAdjustment()},updateSlidesProgress:function(e){void 0===e&&(e=this&&this.translate||0);const t=this,s=t.params,{slides:a,rtlTranslate:i,snapGrid:r}=t;if(0===a.length)return;void 0===a[0].swiperSlideOffset&&t.updateSlidesOffset();let n=-e;i&&(n=e),t.visibleSlidesIndexes=[],t.visibleSlides=[];let l=s.spaceBetween;"string"==typeof l&&l.indexOf("%")>=0?l=parseFloat(l.replace("%",""))/100*t.size:"string"==typeof l&&(l=parseFloat(l));for(let e=0;e<a.length;e+=1){const o=a[e];let d=o.swiperSlideOffset;s.cssMode&&s.centeredSlides&&(d-=a[0].swiperSlideOffset);const c=(n+(s.centeredSlides?t.minTranslate():0)-d)/(o.swiperSlideSize+l),p=(n-r[0]+(s.centeredSlides?t.minTranslate():0)-d)/(o.swiperSlideSize+l),u=-(n-d),m=u+t.slidesSizesGrid[e],h=u>=0&&u<=t.size-t.slidesSizesGrid[e],f=u>=0&&u<t.size-1||m>1&&m<=t.size||u<=0&&m>=t.size;f&&(t.visibleSlides.push(o),t.visibleSlidesIndexes.push(e)),O(o,f,s.slideVisibleClass),O(o,h,s.slideFullyVisibleClass),o.progress=i?-c:c,o.originalProgress=i?-p:p}},updateProgress:function(e){const t=this;if(void 0===e){const s=t.rtlTranslate?-1:1;e=t&&t.translate&&t.translate*s||0}const s=t.params,a=t.maxTranslate()-t.minTranslate();let{progress:i,isBeginning:r,isEnd:n,progressLoop:l}=t;const o=r,d=n;if(0===a)i=0,r=!0,n=!0;else{i=(e-t.minTranslate())/a;const s=Math.abs(e-t.minTranslate())<1,l=Math.abs(e-t.maxTranslate())<1;r=s||i<=0,n=l||i>=1,s&&(i=0),l&&(i=1)}if(s.loop){const s=t.getSlideIndexByData(0),a=t.getSlideIndexByData(t.slides.length-1),i=t.slidesGrid[s],r=t.slidesGrid[a],n=t.slidesGrid[t.slidesGrid.length-1],o=Math.abs(e);l=o>=i?(o-i)/n:(o+n-r)/n,l>1&&(l-=1)}Object.assign(t,{progress:i,progressLoop:l,isBeginning:r,isEnd:n}),(s.watchSlidesProgress||s.centeredSlides&&s.autoHeight)&&t.updateSlidesProgress(e),r&&!o&&t.emit("reachBeginning toEdge"),n&&!d&&t.emit("reachEnd toEdge"),(o&&!r||d&&!n)&&t.emit("fromEdge"),t.emit("progress",i)},updateSlidesClasses:function(){const e=this,{slides:t,params:s,slidesEl:a,activeIndex:i}=e,r=e.virtual&&s.virtual.enabled,n=e.grid&&s.grid&&s.grid.rows>1,l=e=>f(a,`.${s.slideClass}${e}, swiper-slide${e}`)[0];let o,d,c;if(r)if(s.loop){let t=i-e.virtual.slidesBefore;t<0&&(t=e.virtual.slides.length+t),t>=e.virtual.slides.length&&(t-=e.virtual.slides.length),o=l(`[data-swiper-slide-index="${t}"]`)}else o=l(`[data-swiper-slide-index="${i}"]`);else n?(o=t.find((e=>e.column===i)),c=t.find((e=>e.column===i+1)),d=t.find((e=>e.column===i-1))):o=t[i];o&&(n||(c=function(e,t){const s=[];for(;e.nextElementSibling;){const a=e.nextElementSibling;t?a.matches(t)&&s.push(a):s.push(a),e=a}return s}(o,`.${s.slideClass}, swiper-slide`)[0],s.loop&&!c&&(c=t[0]),d=function(e,t){const s=[];for(;e.previousElementSibling;){const a=e.previousElementSibling;t?a.matches(t)&&s.push(a):s.push(a),e=a}return s}(o,`.${s.slideClass}, swiper-slide`)[0],s.loop&&0===!d&&(d=t[t.length-1]))),t.forEach((e=>{D(e,e===o,s.slideActiveClass),D(e,e===c,s.slideNextClass),D(e,e===d,s.slidePrevClass)})),e.emitSlidesClasses()},updateActiveIndex:function(e){const t=this,s=t.rtlTranslate?t.translate:-t.translate,{snapGrid:a,params:i,activeIndex:r,realIndex:n,snapIndex:l}=t;let o,d=e;const c=e=>{let s=e-t.virtual.slidesBefore;return s<0&&(s=t.virtual.slides.length+s),s>=t.virtual.slides.length&&(s-=t.virtual.slides.length),s};if(void 0===d&&(d=function(e){const{slidesGrid:t,params:s}=e,a=e.rtlTranslate?e.translate:-e.translate;let i;for(let e=0;e<t.length;e+=1)void 0!==t[e+1]?a>=t[e]&&a<t[e+1]-(t[e+1]-t[e])/2?i=e:a>=t[e]&&a<t[e+1]&&(i=e+1):a>=t[e]&&(i=e);return s.normalizeSlideIndex&&(i<0||void 0===i)&&(i=0),i}(t)),a.indexOf(s)>=0)o=a.indexOf(s);else{const e=Math.min(i.slidesPerGroupSkip,d);o=e+Math.floor((d-e)/i.slidesPerGroup)}if(o>=a.length&&(o=a.length-1),d===r&&!t.params.loop)return void(o!==l&&(t.snapIndex=o,t.emit("snapIndexChange")));if(d===r&&t.params.loop&&t.virtual&&t.params.virtual.enabled)return void(t.realIndex=c(d));const p=t.grid&&i.grid&&i.grid.rows>1;let u;if(t.virtual&&i.virtual.enabled&&i.loop)u=c(d);else if(p){const e=t.slides.find((e=>e.column===d));let s=parseInt(e.getAttribute("data-swiper-slide-index"),10);Number.isNaN(s)&&(s=Math.max(t.slides.indexOf(e),0)),u=Math.floor(s/i.grid.rows)}else if(t.slides[d]){const e=t.slides[d].getAttribute("data-swiper-slide-index");u=e?parseInt(e,10):d}else u=d;Object.assign(t,{previousSnapIndex:l,snapIndex:o,previousRealIndex:n,realIndex:u,previousIndex:r,activeIndex:d}),t.initialized&&Y(t),t.emit("activeIndexChange"),t.emit("snapIndexChange"),(t.initialized||t.params.runCallbacksOnInit)&&(n!==u&&t.emit("realIndexChange"),t.emit("slideChange"))},updateClickedSlide:function(e,t){const s=this,a=s.params;let i=e.closest(`.${a.slideClass}, swiper-slide`);!i&&s.isElement&&t&&t.length>1&&t.includes(e)&&[...t.slice(t.indexOf(e)+1,t.length)].forEach((e=>{!i&&e.matches&&e.matches(`.${a.slideClass}, swiper-slide`)&&(i=e)}));let r,n=!1;if(i)for(let e=0;e<s.slides.length;e+=1)if(s.slides[e]===i){n=!0,r=e;break}if(!i||!n)return s.clickedSlide=void 0,void(s.clickedIndex=void 0);s.clickedSlide=i,s.virtual&&s.params.virtual.enabled?s.clickedIndex=parseInt(i.getAttribute("data-swiper-slide-index"),10):s.clickedIndex=r,a.slideToClickedSlide&&void 0!==s.clickedIndex&&s.clickedIndex!==s.activeIndex&&s.slideToClickedSlide()}};var H={getTranslate:function(e){void 0===e&&(e=this.isHorizontal()?"x":"y");const{params:t,rtlTranslate:s,translate:a,wrapperEl:i}=this;if(t.virtualTranslate)return s?-a:a;if(t.cssMode)return a;let r=d(i,e);return r+=this.cssOverflowAdjustment(),s&&(r=-r),r||0},setTranslate:function(e,t){const s=this,{rtlTranslate:a,params:i,wrapperEl:r,progress:n}=s;let l,o=0,d=0;s.isHorizontal()?o=a?-e:e:d=e,i.roundLengths&&(o=Math.floor(o),d=Math.floor(d)),s.previousTranslate=s.translate,s.translate=s.isHorizontal()?o:d,i.cssMode?r[s.isHorizontal()?"scrollLeft":"scrollTop"]=s.isHorizontal()?-o:-d:i.virtualTranslate||(s.isHorizontal()?o-=s.cssOverflowAdjustment():d-=s.cssOverflowAdjustment(),r.style.transform=`translate3d(${o}px, ${d}px, 0px)`);const c=s.maxTranslate()-s.minTranslate();l=0===c?0:(e-s.minTranslate())/c,l!==n&&s.updateProgress(e),s.emit("setTranslate",s.translate,t)},minTranslate:function(){return-this.snapGrid[0]},maxTranslate:function(){return-this.snapGrid[this.snapGrid.length-1]},translateTo:function(e,t,s,a,i){void 0===e&&(e=0),void 0===t&&(t=this.params.speed),void 0===s&&(s=!0),void 0===a&&(a=!0);const r=this,{params:n,wrapperEl:l}=r;if(r.animating&&n.preventInteractionOnTransition)return!1;const o=r.minTranslate(),d=r.maxTranslate();let c;if(c=a&&e>o?o:a&&e<d?d:e,r.updateProgress(c),n.cssMode){const e=r.isHorizontal();if(0===t)l[e?"scrollLeft":"scrollTop"]=-c;else{if(!r.support.smoothScroll)return m({swiper:r,targetPosition:-c,side:e?"left":"top"}),!0;l.scrollTo({[e?"left":"top"]:-c,behavior:"smooth"})}return!0}return 0===t?(r.setTransition(0),r.setTranslate(c),s&&(r.emit("beforeTransitionStart",t,i),r.emit("transitionEnd"))):(r.setTransition(t),r.setTranslate(c),s&&(r.emit("beforeTransitionStart",t,i),r.emit("transitionStart")),r.animating||(r.animating=!0,r.onTranslateToWrapperTransitionEnd||(r.onTranslateToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.wrapperEl.removeEventListener("transitionend",r.onTranslateToWrapperTransitionEnd),r.onTranslateToWrapperTransitionEnd=null,delete r.onTranslateToWrapperTransitionEnd,r.animating=!1,s&&r.emit("transitionEnd"))}),r.wrapperEl.addEventListener("transitionend",r.onTranslateToWrapperTransitionEnd))),!0}};function N(e){let{swiper:t,runCallbacks:s,direction:a,step:i}=e;const{activeIndex:r,previousIndex:n}=t;let l=a;l||(l=r>n?"next":r<n?"prev":"reset"),t.emit(`transition${i}`),s&&"reset"===l?t.emit(`slideResetTransition${i}`):s&&r!==n&&(t.emit(`slideChangeTransition${i}`),"next"===l?t.emit(`slideNextTransition${i}`):t.emit(`slidePrevTransition${i}`))}var R={slideTo:function(e,t,s,a,i){void 0===e&&(e=0),void 0===s&&(s=!0),"string"==typeof e&&(e=parseInt(e,10));const r=this;let n=e;n<0&&(n=0);const{params:l,snapGrid:o,slidesGrid:d,previousIndex:c,activeIndex:p,rtlTranslate:u,wrapperEl:h,enabled:f}=r;if(!f&&!a&&!i||r.destroyed||r.animating&&l.preventInteractionOnTransition)return!1;void 0===t&&(t=r.params.speed);const g=Math.min(r.params.slidesPerGroupSkip,n);let v=g+Math.floor((n-g)/r.params.slidesPerGroup);v>=o.length&&(v=o.length-1);const w=-o[v];if(l.normalizeSlideIndex)for(let e=0;e<d.length;e+=1){const t=-Math.floor(100*w),s=Math.floor(100*d[e]),a=Math.floor(100*d[e+1]);void 0!==d[e+1]?t>=s&&t<a-(a-s)/2?n=e:t>=s&&t<a&&(n=e+1):t>=s&&(n=e)}if(r.initialized&&n!==p){if(!r.allowSlideNext&&(u?w>r.translate&&w>r.minTranslate():w<r.translate&&w<r.minTranslate()))return!1;if(!r.allowSlidePrev&&w>r.translate&&w>r.maxTranslate()&&(p||0)!==n)return!1}let b;n!==(c||0)&&s&&r.emit("beforeSlideChangeStart"),r.updateProgress(w),b=n>p?"next":n<p?"prev":"reset";const y=r.virtual&&r.params.virtual.enabled;if(!(y&&i)&&(u&&-w===r.translate||!u&&w===r.translate))return r.updateActiveIndex(n),l.autoHeight&&r.updateAutoHeight(),r.updateSlidesClasses(),"slide"!==l.effect&&r.setTranslate(w),"reset"!==b&&(r.transitionStart(s,b),r.transitionEnd(s,b)),!1;if(l.cssMode){const e=r.isHorizontal(),s=u?w:-w;if(0===t)y&&(r.wrapperEl.style.scrollSnapType="none",r._immediateVirtual=!0),y&&!r._cssModeVirtualInitialSet&&r.params.initialSlide>0?(r._cssModeVirtualInitialSet=!0,requestAnimationFrame((()=>{h[e?"scrollLeft":"scrollTop"]=s}))):h[e?"scrollLeft":"scrollTop"]=s,y&&requestAnimationFrame((()=>{r.wrapperEl.style.scrollSnapType="",r._immediateVirtual=!1}));else{if(!r.support.smoothScroll)return m({swiper:r,targetPosition:s,side:e?"left":"top"}),!0;h.scrollTo({[e?"left":"top"]:s,behavior:"smooth"})}return!0}const E=$().isSafari;return y&&!i&&E&&r.isElement&&r.virtual.update(!1,!1,n),r.setTransition(t),r.setTranslate(w),r.updateActiveIndex(n),r.updateSlidesClasses(),r.emit("beforeTransitionStart",t,a),r.transitionStart(s,b),0===t?r.transitionEnd(s,b):r.animating||(r.animating=!0,r.onSlideToWrapperTransitionEnd||(r.onSlideToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.wrapperEl.removeEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.onSlideToWrapperTransitionEnd=null,delete r.onSlideToWrapperTransitionEnd,r.transitionEnd(s,b))}),r.wrapperEl.addEventListener("transitionend",r.onSlideToWrapperTransitionEnd)),!0},slideToLoop:function(e,t,s,a){if(void 0===e&&(e=0),void 0===s&&(s=!0),"string"==typeof e){e=parseInt(e,10)}const i=this;if(i.destroyed)return;void 0===t&&(t=i.params.speed);const r=i.grid&&i.params.grid&&i.params.grid.rows>1;let n=e;if(i.params.loop)if(i.virtual&&i.params.virtual.enabled)n+=i.virtual.slidesBefore;else{let e;if(r){const t=n*i.params.grid.rows;e=i.slides.find((e=>1*e.getAttribute("data-swiper-slide-index")===t)).column}else e=i.getSlideIndexByData(n);const t=r?Math.ceil(i.slides.length/i.params.grid.rows):i.slides.length,{centeredSlides:s}=i.params;let l=i.params.slidesPerView;"auto"===l?l=i.slidesPerViewDynamic():(l=Math.ceil(parseFloat(i.params.slidesPerView,10)),s&&l%2==0&&(l+=1));let o=t-e<l;if(s&&(o=o||e<Math.ceil(l/2)),a&&s&&"auto"!==i.params.slidesPerView&&!r&&(o=!1),o){const a=s?e<i.activeIndex?"prev":"next":e-i.activeIndex-1<i.params.slidesPerView?"next":"prev";i.loopFix({direction:a,slideTo:!0,activeSlideIndex:"next"===a?e+1:e-t+1,slideRealIndex:"next"===a?i.realIndex:void 0})}if(r){const e=n*i.params.grid.rows;n=i.slides.find((t=>1*t.getAttribute("data-swiper-slide-index")===e)).column}else n=i.getSlideIndexByData(n)}return requestAnimationFrame((()=>{i.slideTo(n,t,s,a)})),i},slideNext:function(e,t,s){void 0===t&&(t=!0);const a=this,{enabled:i,params:r,animating:n}=a;if(!i||a.destroyed)return a;void 0===e&&(e=a.params.speed);let l=r.slidesPerGroup;"auto"===r.slidesPerView&&1===r.slidesPerGroup&&r.slidesPerGroupAuto&&(l=Math.max(a.slidesPerViewDynamic("current",!0),1));const o=a.activeIndex<r.slidesPerGroupSkip?1:l,d=a.virtual&&r.virtual.enabled;if(r.loop){if(n&&!d&&r.loopPreventsSliding)return!1;if(a.loopFix({direction:"next"}),a._clientLeft=a.wrapperEl.clientLeft,a.activeIndex===a.slides.length-1&&r.cssMode)return requestAnimationFrame((()=>{a.slideTo(a.activeIndex+o,e,t,s)})),!0}return r.rewind&&a.isEnd?a.slideTo(0,e,t,s):a.slideTo(a.activeIndex+o,e,t,s)},slidePrev:function(e,t,s){void 0===t&&(t=!0);const a=this,{params:i,snapGrid:r,slidesGrid:n,rtlTranslate:l,enabled:o,animating:d}=a;if(!o||a.destroyed)return a;void 0===e&&(e=a.params.speed);const c=a.virtual&&i.virtual.enabled;if(i.loop){if(d&&!c&&i.loopPreventsSliding)return!1;a.loopFix({direction:"prev"}),a._clientLeft=a.wrapperEl.clientLeft}function p(e){return e<0?-Math.floor(Math.abs(e)):Math.floor(e)}const u=p(l?a.translate:-a.translate),m=r.map((e=>p(e))),h=i.freeMode&&i.freeMode.enabled;let f=r[m.indexOf(u)-1];if(void 0===f&&(i.cssMode||h)){let e;r.forEach(((t,s)=>{u>=t&&(e=s)})),void 0!==e&&(f=h?r[e]:r[e>0?e-1:e])}let g=0;if(void 0!==f&&(g=n.indexOf(f),g<0&&(g=a.activeIndex-1),"auto"===i.slidesPerView&&1===i.slidesPerGroup&&i.slidesPerGroupAuto&&(g=g-a.slidesPerViewDynamic("previous",!0)+1,g=Math.max(g,0))),i.rewind&&a.isBeginning){const i=a.params.virtual&&a.params.virtual.enabled&&a.virtual?a.virtual.slides.length-1:a.slides.length-1;return a.slideTo(i,e,t,s)}return i.loop&&0===a.activeIndex&&i.cssMode?(requestAnimationFrame((()=>{a.slideTo(g,e,t,s)})),!0):a.slideTo(g,e,t,s)},slideReset:function(e,t,s){void 0===t&&(t=!0);const a=this;if(!a.destroyed)return void 0===e&&(e=a.params.speed),a.slideTo(a.activeIndex,e,t,s)},slideToClosest:function(e,t,s,a){void 0===t&&(t=!0),void 0===a&&(a=.5);const i=this;if(i.destroyed)return;void 0===e&&(e=i.params.speed);let r=i.activeIndex;const n=Math.min(i.params.slidesPerGroupSkip,r),l=n+Math.floor((r-n)/i.params.slidesPerGroup),o=i.rtlTranslate?i.translate:-i.translate;if(o>=i.snapGrid[l]){const e=i.snapGrid[l];o-e>(i.snapGrid[l+1]-e)*a&&(r+=i.params.slidesPerGroup)}else{const e=i.snapGrid[l-1];o-e<=(i.snapGrid[l]-e)*a&&(r-=i.params.slidesPerGroup)}return r=Math.max(r,0),r=Math.min(r,i.slidesGrid.length-1),i.slideTo(r,e,t,s)},slideToClickedSlide:function(){const e=this;if(e.destroyed)return;const{params:t,slidesEl:s}=e,a="auto"===t.slidesPerView?e.slidesPerViewDynamic():t.slidesPerView;let i,r=e.getSlideIndexWhenGrid(e.clickedIndex);const n=e.isElement?"swiper-slide":`.${t.slideClass}`,o=e.grid&&e.params.grid&&e.params.grid.rows>1;if(t.loop){if(e.animating)return;i=parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"),10),t.centeredSlides?e.slideToLoop(i):r>(o?(e.slides.length-a)/2-(e.params.grid.rows-1):e.slides.length-a)?(e.loopFix(),r=e.getSlideIndex(f(s,`${n}[data-swiper-slide-index="${i}"]`)[0]),l((()=>{e.slideTo(r)}))):e.slideTo(r)}else e.slideTo(r)}};var _={loopCreate:function(e,t){const s=this,{params:a,slidesEl:i}=s;if(!a.loop||s.virtual&&s.params.virtual.enabled)return;const r=()=>{f(i,`.${a.slideClass}, swiper-slide`).forEach(((e,t)=>{e.setAttribute("data-swiper-slide-index",t)}))},n=s.grid&&a.grid&&a.grid.rows>1;a.loopAddBlankSlides&&(a.slidesPerGroup>1||n)&&(()=>{const e=f(i,`.${a.slideBlankClass}`);e.forEach((e=>{e.remove()})),e.length>0&&(s.recalcSlides(),s.updateSlides())})();const l=a.slidesPerGroup*(n?a.grid.rows:1),o=s.slides.length%l!=0,d=n&&s.slides.length%a.grid.rows!=0,c=e=>{for(let t=0;t<e;t+=1){const e=s.isElement?v("swiper-slide",[a.slideBlankClass]):v("div",[a.slideClass,a.slideBlankClass]);s.slidesEl.append(e)}};if(o){if(a.loopAddBlankSlides){c(l-s.slides.length%l),s.recalcSlides(),s.updateSlides()}else g("Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");r()}else if(d){if(a.loopAddBlankSlides){c(a.grid.rows-s.slides.length%a.grid.rows),s.recalcSlides(),s.updateSlides()}else g("Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");r()}else r();s.loopFix({slideRealIndex:e,direction:a.centeredSlides?void 0:"next",initial:t})},loopFix:function(e){let{slideRealIndex:t,slideTo:s=!0,direction:a,setTranslate:i,activeSlideIndex:r,initial:n,byController:l,byMousewheel:o}=void 0===e?{}:e;const d=this;if(!d.params.loop)return;d.emit("beforeLoopFix");const{slides:c,allowSlidePrev:p,allowSlideNext:u,slidesEl:m,params:h}=d,{centeredSlides:f,initialSlide:v}=h;if(d.allowSlidePrev=!0,d.allowSlideNext=!0,d.virtual&&h.virtual.enabled)return s&&(h.centeredSlides||0!==d.snapIndex?h.centeredSlides&&d.snapIndex<h.slidesPerView?d.slideTo(d.virtual.slides.length+d.snapIndex,0,!1,!0):d.snapIndex===d.snapGrid.length-1&&d.slideTo(d.virtual.slidesBefore,0,!1,!0):d.slideTo(d.virtual.slides.length,0,!1,!0)),d.allowSlidePrev=p,d.allowSlideNext=u,void d.emit("loopFix");let w=h.slidesPerView;"auto"===w?w=d.slidesPerViewDynamic():(w=Math.ceil(parseFloat(h.slidesPerView,10)),f&&w%2==0&&(w+=1));const b=h.slidesPerGroupAuto?w:h.slidesPerGroup;let y=f?Math.max(b,Math.ceil(w/2)):b;y%b!=0&&(y+=b-y%b),y+=h.loopAdditionalSlides,d.loopedSlides=y;const E=d.grid&&h.grid&&h.grid.rows>1;c.length<w+y||"cards"===d.params.effect&&c.length<w+2*y?g("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled or not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters"):E&&"row"===h.grid.fill&&g("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const x=[],S=[],T=E?Math.ceil(c.length/h.grid.rows):c.length,M=n&&T-v<w&&!f;let C=M?v:d.activeIndex;void 0===r?r=d.getSlideIndex(c.find((e=>e.classList.contains(h.slideActiveClass)))):C=r;const P="next"===a||!a,L="prev"===a||!a;let I=0,z=0;const A=(E?c[r].column:r)+(f&&void 0===i?-w/2+.5:0);if(A<y){I=Math.max(y-A,b);for(let e=0;e<y-A;e+=1){const t=e-Math.floor(e/T)*T;if(E){const e=T-t-1;for(let t=c.length-1;t>=0;t-=1)c[t].column===e&&x.push(t)}else x.push(T-t-1)}}else if(A+w>T-y){z=Math.max(A-(T-2*y),b),M&&(z=Math.max(z,w-T+v+1));for(let e=0;e<z;e+=1){const t=e-Math.floor(e/T)*T;E?c.forEach(((e,s)=>{e.column===t&&S.push(s)})):S.push(t)}}if(d.__preventObserver__=!0,requestAnimationFrame((()=>{d.__preventObserver__=!1})),"cards"===d.params.effect&&c.length<w+2*y&&(S.includes(r)&&S.splice(S.indexOf(r),1),x.includes(r)&&x.splice(x.indexOf(r),1)),L&&x.forEach((e=>{c[e].swiperLoopMoveDOM=!0,m.prepend(c[e]),c[e].swiperLoopMoveDOM=!1})),P&&S.forEach((e=>{c[e].swiperLoopMoveDOM=!0,m.append(c[e]),c[e].swiperLoopMoveDOM=!1})),d.recalcSlides(),"auto"===h.slidesPerView?d.updateSlides():E&&(x.length>0&&L||S.length>0&&P)&&d.slides.forEach(((e,t)=>{d.grid.updateSlide(t,e,d.slides)})),h.watchSlidesProgress&&d.updateSlidesOffset(),s)if(x.length>0&&L){if(void 0===t){const e=d.slidesGrid[C],t=d.slidesGrid[C+I]-e;o?d.setTranslate(d.translate-t):(d.slideTo(C+Math.ceil(I),0,!1,!0),i&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-t,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-t))}else if(i){const e=E?x.length/h.grid.rows:x.length;d.slideTo(d.activeIndex+e,0,!1,!0),d.touchEventsData.currentTranslate=d.translate}}else if(S.length>0&&P)if(void 0===t){const e=d.slidesGrid[C],t=d.slidesGrid[C-z]-e;o?d.setTranslate(d.translate-t):(d.slideTo(C-z,0,!1,!0),i&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-t,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-t))}else{const e=E?S.length/h.grid.rows:S.length;d.slideTo(d.activeIndex-e,0,!1,!0)}if(d.allowSlidePrev=p,d.allowSlideNext=u,d.controller&&d.controller.control&&!l){const e={slideRealIndex:t,direction:a,setTranslate:i,activeSlideIndex:r,byController:!0};Array.isArray(d.controller.control)?d.controller.control.forEach((t=>{!t.destroyed&&t.params.loop&&t.loopFix({...e,slideTo:t.params.slidesPerView===h.slidesPerView&&s})})):d.controller.control instanceof d.constructor&&d.controller.control.params.loop&&d.controller.control.loopFix({...e,slideTo:d.controller.control.params.slidesPerView===h.slidesPerView&&s})}d.emit("loopFix")},loopDestroy:function(){const e=this,{params:t,slidesEl:s}=e;if(!t.loop||!s||e.virtual&&e.params.virtual.enabled)return;e.recalcSlides();const a=[];e.slides.forEach((e=>{const t=void 0===e.swiperSlideIndex?1*e.getAttribute("data-swiper-slide-index"):e.swiperSlideIndex;a[t]=e})),e.slides.forEach((e=>{e.removeAttribute("data-swiper-slide-index")})),a.forEach((e=>{s.append(e)})),e.recalcSlides(),e.slideTo(e.realIndex,0)}};function q(e,t,s){const a=r(),{params:i}=e,n=i.edgeSwipeDetection,l=i.edgeSwipeThreshold;return!n||!(s<=l||s>=a.innerWidth-l)||"prevent"===n&&(t.preventDefault(),!0)}function V(e){const t=this,s=a();let i=e;i.originalEvent&&(i=i.originalEvent);const n=t.touchEventsData;if("pointerdown"===i.type){if(null!==n.pointerId&&n.pointerId!==i.pointerId)return;n.pointerId=i.pointerId}else"touchstart"===i.type&&1===i.targetTouches.length&&(n.touchId=i.targetTouches[0].identifier);if("touchstart"===i.type)return void q(t,i,i.targetTouches[0].pageX);const{params:l,touches:d,enabled:c}=t;if(!c)return;if(!l.simulateTouch&&"mouse"===i.pointerType)return;if(t.animating&&l.preventInteractionOnTransition)return;!t.animating&&l.cssMode&&l.loop&&t.loopFix();let p=i.target;if("wrapper"===l.touchEventsTarget&&!function(e,t){const s=r();let a=t.contains(e);!a&&s.HTMLSlotElement&&t instanceof HTMLSlotElement&&(a=[...t.assignedElements()].includes(e),a||(a=function(e,t){const s=[t];for(;s.length>0;){const t=s.shift();if(e===t)return!0;s.push(...t.children,...t.shadowRoot?t.shadowRoot.children:[],...t.assignedElements?t.assignedElements():[])}}(e,t)));return a}(p,t.wrapperEl))return;if("which"in i&&3===i.which)return;if("button"in i&&i.button>0)return;if(n.isTouched&&n.isMoved)return;const u=!!l.noSwipingClass&&""!==l.noSwipingClass,m=i.composedPath?i.composedPath():i.path;u&&i.target&&i.target.shadowRoot&&m&&(p=m[0]);const h=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,f=!(!i.target||!i.target.shadowRoot);if(l.noSwiping&&(f?function(e,t){return void 0===t&&(t=this),function t(s){if(!s||s===a()||s===r())return null;s.assignedSlot&&(s=s.assignedSlot);const i=s.closest(e);return i||s.getRootNode?i||t(s.getRootNode().host):null}(t)}(h,p):p.closest(h)))return void(t.allowClick=!0);if(l.swipeHandler&&!p.closest(l.swipeHandler))return;d.currentX=i.pageX,d.currentY=i.pageY;const g=d.currentX,v=d.currentY;if(!q(t,i,g))return;Object.assign(n,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),d.startX=g,d.startY=v,n.touchStartTime=o(),t.allowClick=!0,t.updateSize(),t.swipeDirection=void 0,l.threshold>0&&(n.allowThresholdMove=!1);let w=!0;p.matches(n.focusableElements)&&(w=!1,"SELECT"===p.nodeName&&(n.isTouched=!1)),s.activeElement&&s.activeElement.matches(n.focusableElements)&&s.activeElement!==p&&("mouse"===i.pointerType||"mouse"!==i.pointerType&&!p.matches(n.focusableElements))&&s.activeElement.blur();const b=w&&t.allowTouchMove&&l.touchStartPreventDefault;!l.touchStartForcePreventDefault&&!b||p.isContentEditable||i.preventDefault(),l.freeMode&&l.freeMode.enabled&&t.freeMode&&t.animating&&!l.cssMode&&t.freeMode.onTouchStart(),t.emit("touchStart",i)}function F(e){const t=a(),s=this,i=s.touchEventsData,{params:r,touches:n,rtlTranslate:l,enabled:d}=s;if(!d)return;if(!r.simulateTouch&&"mouse"===e.pointerType)return;let c,p=e;if(p.originalEvent&&(p=p.originalEvent),"pointermove"===p.type){if(null!==i.touchId)return;if(p.pointerId!==i.pointerId)return}if("touchmove"===p.type){if(c=[...p.changedTouches].find((e=>e.identifier===i.touchId)),!c||c.identifier!==i.touchId)return}else c=p;if(!i.isTouched)return void(i.startMoving&&i.isScrolling&&s.emit("touchMoveOpposite",p));const u=c.pageX,m=c.pageY;if(p.preventedByNestedSwiper)return n.startX=u,void(n.startY=m);if(!s.allowTouchMove)return p.target.matches(i.focusableElements)||(s.allowClick=!1),void(i.isTouched&&(Object.assign(n,{startX:u,startY:m,currentX:u,currentY:m}),i.touchStartTime=o()));if(r.touchReleaseOnEdges&&!r.loop)if(s.isVertical()){if(m<n.startY&&s.translate<=s.maxTranslate()||m>n.startY&&s.translate>=s.minTranslate())return i.isTouched=!1,void(i.isMoved=!1)}else{if(l&&(u>n.startX&&-s.translate<=s.maxTranslate()||u<n.startX&&-s.translate>=s.minTranslate()))return;if(!l&&(u<n.startX&&s.translate<=s.maxTranslate()||u>n.startX&&s.translate>=s.minTranslate()))return}if(t.activeElement&&t.activeElement.matches(i.focusableElements)&&t.activeElement!==p.target&&"mouse"!==p.pointerType&&t.activeElement.blur(),t.activeElement&&p.target===t.activeElement&&p.target.matches(i.focusableElements))return i.isMoved=!0,void(s.allowClick=!1);i.allowTouchCallbacks&&s.emit("touchMove",p),n.previousX=n.currentX,n.previousY=n.currentY,n.currentX=u,n.currentY=m;const h=n.currentX-n.startX,f=n.currentY-n.startY;if(s.params.threshold&&Math.sqrt(h**2+f**2)<s.params.threshold)return;if(void 0===i.isScrolling){let e;s.isHorizontal()&&n.currentY===n.startY||s.isVertical()&&n.currentX===n.startX?i.isScrolling=!1:h*h+f*f>=25&&(e=180*Math.atan2(Math.abs(f),Math.abs(h))/Math.PI,i.isScrolling=s.isHorizontal()?e>r.touchAngle:90-e>r.touchAngle)}if(i.isScrolling&&s.emit("touchMoveOpposite",p),void 0===i.startMoving&&(n.currentX===n.startX&&n.currentY===n.startY||(i.startMoving=!0)),i.isScrolling||"touchmove"===p.type&&i.preventTouchMoveFromPointerMove)return void(i.isTouched=!1);if(!i.startMoving)return;s.allowClick=!1,!r.cssMode&&p.cancelable&&p.preventDefault(),r.touchMoveStopPropagation&&!r.nested&&p.stopPropagation();let g=s.isHorizontal()?h:f,v=s.isHorizontal()?n.currentX-n.previousX:n.currentY-n.previousY;r.oneWayMovement&&(g=Math.abs(g)*(l?1:-1),v=Math.abs(v)*(l?1:-1)),n.diff=g,g*=r.touchRatio,l&&(g=-g,v=-v);const w=s.touchesDirection;s.swipeDirection=g>0?"prev":"next",s.touchesDirection=v>0?"prev":"next";const b=s.params.loop&&!r.cssMode,y="next"===s.touchesDirection&&s.allowSlideNext||"prev"===s.touchesDirection&&s.allowSlidePrev;if(!i.isMoved){if(b&&y&&s.loopFix({direction:s.swipeDirection}),i.startTranslate=s.getTranslate(),s.setTransition(0),s.animating){const e=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0,detail:{bySwiperTouchMove:!0}});s.wrapperEl.dispatchEvent(e)}i.allowMomentumBounce=!1,!r.grabCursor||!0!==s.allowSlideNext&&!0!==s.allowSlidePrev||s.setGrabCursor(!0),s.emit("sliderFirstMove",p)}if((new Date).getTime(),!1!==r._loopSwapReset&&i.isMoved&&i.allowThresholdMove&&w!==s.touchesDirection&&b&&y&&Math.abs(g)>=1)return Object.assign(n,{startX:u,startY:m,currentX:u,currentY:m,startTranslate:i.currentTranslate}),i.loopSwapReset=!0,void(i.startTranslate=i.currentTranslate);s.emit("sliderMove",p),i.isMoved=!0,i.currentTranslate=g+i.startTranslate;let E=!0,x=r.resistanceRatio;if(r.touchReleaseOnEdges&&(x=0),g>0?(b&&y&&i.allowThresholdMove&&i.currentTranslate>(r.centeredSlides?s.minTranslate()-s.slidesSizesGrid[s.activeIndex+1]-("auto"!==r.slidesPerView&&s.slides.length-r.slidesPerView>=2?s.slidesSizesGrid[s.activeIndex+1]+s.params.spaceBetween:0)-s.params.spaceBetween:s.minTranslate())&&s.loopFix({direction:"prev",setTranslate:!0,activeSlideIndex:0}),i.currentTranslate>s.minTranslate()&&(E=!1,r.resistance&&(i.currentTranslate=s.minTranslate()-1+(-s.minTranslate()+i.startTranslate+g)**x))):g<0&&(b&&y&&i.allowThresholdMove&&i.currentTranslate<(r.centeredSlides?s.maxTranslate()+s.slidesSizesGrid[s.slidesSizesGrid.length-1]+s.params.spaceBetween+("auto"!==r.slidesPerView&&s.slides.length-r.slidesPerView>=2?s.slidesSizesGrid[s.slidesSizesGrid.length-1]+s.params.spaceBetween:0):s.maxTranslate())&&s.loopFix({direction:"next",setTranslate:!0,activeSlideIndex:s.slides.length-("auto"===r.slidesPerView?s.slidesPerViewDynamic():Math.ceil(parseFloat(r.slidesPerView,10)))}),i.currentTranslate<s.maxTranslate()&&(E=!1,r.resistance&&(i.currentTranslate=s.maxTranslate()+1-(s.maxTranslate()-i.startTranslate-g)**x))),E&&(p.preventedByNestedSwiper=!0),!s.allowSlideNext&&"next"===s.swipeDirection&&i.currentTranslate<i.startTranslate&&(i.currentTranslate=i.startTranslate),!s.allowSlidePrev&&"prev"===s.swipeDirection&&i.currentTranslate>i.startTranslate&&(i.currentTranslate=i.startTranslate),s.allowSlidePrev||s.allowSlideNext||(i.currentTranslate=i.startTranslate),r.threshold>0){if(!(Math.abs(g)>r.threshold||i.allowThresholdMove))return void(i.currentTranslate=i.startTranslate);if(!i.allowThresholdMove)return i.allowThresholdMove=!0,n.startX=n.currentX,n.startY=n.currentY,i.currentTranslate=i.startTranslate,void(n.diff=s.isHorizontal()?n.currentX-n.startX:n.currentY-n.startY)}r.followFinger&&!r.cssMode&&((r.freeMode&&r.freeMode.enabled&&s.freeMode||r.watchSlidesProgress)&&(s.updateActiveIndex(),s.updateSlidesClasses()),r.freeMode&&r.freeMode.enabled&&s.freeMode&&s.freeMode.onTouchMove(),s.updateProgress(i.currentTranslate),s.setTranslate(i.currentTranslate))}function W(e){const t=this,s=t.touchEventsData;let a,i=e;i.originalEvent&&(i=i.originalEvent);if("touchend"===i.type||"touchcancel"===i.type){if(a=[...i.changedTouches].find((e=>e.identifier===s.touchId)),!a||a.identifier!==s.touchId)return}else{if(null!==s.touchId)return;if(i.pointerId!==s.pointerId)return;a=i}if(["pointercancel","pointerout","pointerleave","contextmenu"].includes(i.type)){if(!(["pointercancel","contextmenu"].includes(i.type)&&(t.browser.isSafari||t.browser.isWebView)))return}s.pointerId=null,s.touchId=null;const{params:r,touches:n,rtlTranslate:d,slidesGrid:c,enabled:p}=t;if(!p)return;if(!r.simulateTouch&&"mouse"===i.pointerType)return;if(s.allowTouchCallbacks&&t.emit("touchEnd",i),s.allowTouchCallbacks=!1,!s.isTouched)return s.isMoved&&r.grabCursor&&t.setGrabCursor(!1),s.isMoved=!1,void(s.startMoving=!1);r.grabCursor&&s.isMoved&&s.isTouched&&(!0===t.allowSlideNext||!0===t.allowSlidePrev)&&t.setGrabCursor(!1);const u=o(),m=u-s.touchStartTime;if(t.allowClick){const e=i.path||i.composedPath&&i.composedPath();t.updateClickedSlide(e&&e[0]||i.target,e),t.emit("tap click",i),m<300&&u-s.lastClickTime<300&&t.emit("doubleTap doubleClick",i)}if(s.lastClickTime=o(),l((()=>{t.destroyed||(t.allowClick=!0)})),!s.isTouched||!s.isMoved||!t.swipeDirection||0===n.diff&&!s.loopSwapReset||s.currentTranslate===s.startTranslate&&!s.loopSwapReset)return s.isTouched=!1,s.isMoved=!1,void(s.startMoving=!1);let h;if(s.isTouched=!1,s.isMoved=!1,s.startMoving=!1,h=r.followFinger?d?t.translate:-t.translate:-s.currentTranslate,r.cssMode)return;if(r.freeMode&&r.freeMode.enabled)return void t.freeMode.onTouchEnd({currentPos:h});const f=h>=-t.maxTranslate()&&!t.params.loop;let g=0,v=t.slidesSizesGrid[0];for(let e=0;e<c.length;e+=e<r.slidesPerGroupSkip?1:r.slidesPerGroup){const t=e<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;void 0!==c[e+t]?(f||h>=c[e]&&h<c[e+t])&&(g=e,v=c[e+t]-c[e]):(f||h>=c[e])&&(g=e,v=c[c.length-1]-c[c.length-2])}let w=null,b=null;r.rewind&&(t.isBeginning?b=r.virtual&&r.virtual.enabled&&t.virtual?t.virtual.slides.length-1:t.slides.length-1:t.isEnd&&(w=0));const y=(h-c[g])/v,E=g<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;if(m>r.longSwipesMs){if(!r.longSwipes)return void t.slideTo(t.activeIndex);"next"===t.swipeDirection&&(y>=r.longSwipesRatio?t.slideTo(r.rewind&&t.isEnd?w:g+E):t.slideTo(g)),"prev"===t.swipeDirection&&(y>1-r.longSwipesRatio?t.slideTo(g+E):null!==b&&y<0&&Math.abs(y)>r.longSwipesRatio?t.slideTo(b):t.slideTo(g))}else{if(!r.shortSwipes)return void t.slideTo(t.activeIndex);t.navigation&&(i.target===t.navigation.nextEl||i.target===t.navigation.prevEl)?i.target===t.navigation.nextEl?t.slideTo(g+E):t.slideTo(g):("next"===t.swipeDirection&&t.slideTo(null!==w?w:g+E),"prev"===t.swipeDirection&&t.slideTo(null!==b?b:g))}}function j(){const e=this,{params:t,el:s}=e;if(s&&0===s.offsetWidth)return;t.breakpoints&&e.setBreakpoint();const{allowSlideNext:a,allowSlidePrev:i,snapGrid:r}=e,n=e.virtual&&e.params.virtual.enabled;e.allowSlideNext=!0,e.allowSlidePrev=!0,e.updateSize(),e.updateSlides(),e.updateSlidesClasses();const l=n&&t.loop;!("auto"===t.slidesPerView||t.slidesPerView>1)||!e.isEnd||e.isBeginning||e.params.centeredSlides||l?e.params.loop&&!n?e.slideToLoop(e.realIndex,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0):e.slideTo(e.slides.length-1,0,!1,!0),e.autoplay&&e.autoplay.running&&e.autoplay.paused&&(clearTimeout(e.autoplay.resizeTimeout),e.autoplay.resizeTimeout=setTimeout((()=>{e.autoplay&&e.autoplay.running&&e.autoplay.paused&&e.autoplay.resume()}),500)),e.allowSlidePrev=i,e.allowSlideNext=a,e.params.watchOverflow&&r!==e.snapGrid&&e.checkOverflow()}function U(e){const t=this;t.enabled&&(t.allowClick||(t.params.preventClicks&&e.preventDefault(),t.params.preventClicksPropagation&&t.animating&&(e.stopPropagation(),e.stopImmediatePropagation())))}function K(){const e=this,{wrapperEl:t,rtlTranslate:s,enabled:a}=e;if(!a)return;let i;e.previousTranslate=e.translate,e.isHorizontal()?e.translate=-t.scrollLeft:e.translate=-t.scrollTop,0===e.translate&&(e.translate=0),e.updateActiveIndex(),e.updateSlidesClasses();const r=e.maxTranslate()-e.minTranslate();i=0===r?0:(e.translate-e.minTranslate())/r,i!==e.progress&&e.updateProgress(s?-e.translate:e.translate),e.emit("setTranslate",e.translate,!1)}function Z(e){const t=this;G(t,e.target),t.params.cssMode||"auto"!==t.params.slidesPerView&&!t.params.autoHeight||t.update()}function Q(){const e=this;e.documentTouchHandlerProceeded||(e.documentTouchHandlerProceeded=!0,e.params.touchReleaseOnEdges&&(e.el.style.touchAction="auto"))}const J=(e,t)=>{const s=a(),{params:i,el:r,wrapperEl:n,device:l}=e,o=!!i.nested,d="on"===t?"addEventListener":"removeEventListener",c=t;r&&"string"!=typeof r&&(s[d]("touchstart",e.onDocumentTouchStart,{passive:!1,capture:o}),r[d]("touchstart",e.onTouchStart,{passive:!1}),r[d]("pointerdown",e.onTouchStart,{passive:!1}),s[d]("touchmove",e.onTouchMove,{passive:!1,capture:o}),s[d]("pointermove",e.onTouchMove,{passive:!1,capture:o}),s[d]("touchend",e.onTouchEnd,{passive:!0}),s[d]("pointerup",e.onTouchEnd,{passive:!0}),s[d]("pointercancel",e.onTouchEnd,{passive:!0}),s[d]("touchcancel",e.onTouchEnd,{passive:!0}),s[d]("pointerout",e.onTouchEnd,{passive:!0}),s[d]("pointerleave",e.onTouchEnd,{passive:!0}),s[d]("contextmenu",e.onTouchEnd,{passive:!0}),(i.preventClicks||i.preventClicksPropagation)&&r[d]("click",e.onClick,!0),i.cssMode&&n[d]("scroll",e.onScroll),i.updateOnWindowResize?e[c](l.ios||l.android?"resize orientationchange observerUpdate":"resize observerUpdate",j,!0):e[c]("observerUpdate",j,!0),r[d]("load",e.onLoad,{capture:!0}))};const ee=(e,t)=>e.grid&&t.grid&&t.grid.rows>1;var te={init:!0,direction:"horizontal",oneWayMovement:!1,swiperElementNodeName:"SWIPER-CONTAINER",touchEventsTarget:"wrapper",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,resizeObserver:!0,nested:!1,createElements:!1,eventsPrefix:"swiper",enabled:!0,focusableElements:"input, select, option, textarea, button, video, label",width:null,height:null,preventInteractionOnTransition:!1,userAgent:null,url:null,edgeSwipeDetection:!1,edgeSwipeThreshold:20,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,breakpointsBase:"window",spaceBetween:0,slidesPerView:1,slidesPerGroup:1,slidesPerGroupSkip:0,slidesPerGroupAuto:!1,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,watchOverflow:!0,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:5,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,loop:!1,loopAddBlankSlides:!0,loopAdditionalSlides:0,loopPreventsSliding:!0,rewind:!1,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,maxBackfaceHiddenSlides:10,containerModifierClass:"swiper-",slideClass:"swiper-slide",slideBlankClass:"swiper-slide-blank",slideActiveClass:"swiper-slide-active",slideVisibleClass:"swiper-slide-visible",slideFullyVisibleClass:"swiper-slide-fully-visible",slideNextClass:"swiper-slide-next",slidePrevClass:"swiper-slide-prev",wrapperClass:"swiper-wrapper",lazyPreloaderClass:"swiper-lazy-preloader",lazyPreloadPrevNext:0,runCallbacksOnInit:!0,_emitClasses:!1};function se(e,t){return function(s){void 0===s&&(s={});const a=Object.keys(s)[0],i=s[a];"object"==typeof i&&null!==i?(!0===e[a]&&(e[a]={enabled:!0}),"navigation"===a&&e[a]&&e[a].enabled&&!e[a].prevEl&&!e[a].nextEl&&(e[a].auto=!0),["pagination","scrollbar"].indexOf(a)>=0&&e[a]&&e[a].enabled&&!e[a].el&&(e[a].auto=!0),a in e&&"enabled"in i?("object"!=typeof e[a]||"enabled"in e[a]||(e[a].enabled=!0),e[a]||(e[a]={enabled:!1}),p(t,s)):p(t,s)):p(t,s)}}const ae={eventsEmitter:k,update:B,translate:H,transition:{setTransition:function(e,t){const s=this;s.params.cssMode||(s.wrapperEl.style.transitionDuration=`${e}ms`,s.wrapperEl.style.transitionDelay=0===e?"0ms":""),s.emit("setTransition",e,t)},transitionStart:function(e,t){void 0===e&&(e=!0);const s=this,{params:a}=s;a.cssMode||(a.autoHeight&&s.updateAutoHeight(),N({swiper:s,runCallbacks:e,direction:t,step:"Start"}))},transitionEnd:function(e,t){void 0===e&&(e=!0);const s=this,{params:a}=s;s.animating=!1,a.cssMode||(s.setTransition(0),N({swiper:s,runCallbacks:e,direction:t,step:"End"}))}},slide:R,loop:_,grabCursor:{setGrabCursor:function(e){const t=this;if(!t.params.simulateTouch||t.params.watchOverflow&&t.isLocked||t.params.cssMode)return;const s="container"===t.params.touchEventsTarget?t.el:t.wrapperEl;t.isElement&&(t.__preventObserver__=!0),s.style.cursor="move",s.style.cursor=e?"grabbing":"grab",t.isElement&&requestAnimationFrame((()=>{t.__preventObserver__=!1}))},unsetGrabCursor:function(){const e=this;e.params.watchOverflow&&e.isLocked||e.params.cssMode||(e.isElement&&(e.__preventObserver__=!0),e["container"===e.params.touchEventsTarget?"el":"wrapperEl"].style.cursor="",e.isElement&&requestAnimationFrame((()=>{e.__preventObserver__=!1})))}},events:{attachEvents:function(){const e=this,{params:t}=e;e.onTouchStart=V.bind(e),e.onTouchMove=F.bind(e),e.onTouchEnd=W.bind(e),e.onDocumentTouchStart=Q.bind(e),t.cssMode&&(e.onScroll=K.bind(e)),e.onClick=U.bind(e),e.onLoad=Z.bind(e),J(e,"on")},detachEvents:function(){J(this,"off")}},breakpoints:{setBreakpoint:function(){const e=this,{realIndex:t,initialized:s,params:i,el:r}=e,n=i.breakpoints;if(!n||n&&0===Object.keys(n).length)return;const l=a(),o="window"!==i.breakpointsBase&&i.breakpointsBase?"container":i.breakpointsBase,d=["window","container"].includes(i.breakpointsBase)||!i.breakpointsBase?e.el:l.querySelector(i.breakpointsBase),c=e.getBreakpoint(n,o,d);if(!c||e.currentBreakpoint===c)return;const u=(c in n?n[c]:void 0)||e.originalParams,m=ee(e,i),h=ee(e,u),f=e.params.grabCursor,g=u.grabCursor,v=i.enabled;m&&!h?(r.classList.remove(`${i.containerModifierClass}grid`,`${i.containerModifierClass}grid-column`),e.emitContainerClasses()):!m&&h&&(r.classList.add(`${i.containerModifierClass}grid`),(u.grid.fill&&"column"===u.grid.fill||!u.grid.fill&&"column"===i.grid.fill)&&r.classList.add(`${i.containerModifierClass}grid-column`),e.emitContainerClasses()),f&&!g?e.unsetGrabCursor():!f&&g&&e.setGrabCursor(),["navigation","pagination","scrollbar"].forEach((t=>{if(void 0===u[t])return;const s=i[t]&&i[t].enabled,a=u[t]&&u[t].enabled;s&&!a&&e[t].disable(),!s&&a&&e[t].enable()}));const w=u.direction&&u.direction!==i.direction,b=i.loop&&(u.slidesPerView!==i.slidesPerView||w),y=i.loop;w&&s&&e.changeDirection(),p(e.params,u);const E=e.params.enabled,x=e.params.loop;Object.assign(e,{allowTouchMove:e.params.allowTouchMove,allowSlideNext:e.params.allowSlideNext,allowSlidePrev:e.params.allowSlidePrev}),v&&!E?e.disable():!v&&E&&e.enable(),e.currentBreakpoint=c,e.emit("_beforeBreakpoint",u),s&&(b?(e.loopDestroy(),e.loopCreate(t),e.updateSlides()):!y&&x?(e.loopCreate(t),e.updateSlides()):y&&!x&&e.loopDestroy()),e.emit("breakpoint",u)},getBreakpoint:function(e,t,s){if(void 0===t&&(t="window"),!e||"container"===t&&!s)return;let a=!1;const i=r(),n="window"===t?i.innerHeight:s.clientHeight,l=Object.keys(e).map((e=>{if("string"==typeof e&&0===e.indexOf("@")){const t=parseFloat(e.substr(1));return{value:n*t,point:e}}return{value:e,point:e}}));l.sort(((e,t)=>parseInt(e.value,10)-parseInt(t.value,10)));for(let e=0;e<l.length;e+=1){const{point:r,value:n}=l[e];"window"===t?i.matchMedia(`(min-width: ${n}px)`).matches&&(a=r):n<=s.clientWidth&&(a=r)}return a||"max"}},checkOverflow:{checkOverflow:function(){const e=this,{isLocked:t,params:s}=e,{slidesOffsetBefore:a}=s;if(a){const t=e.slides.length-1,s=e.slidesGrid[t]+e.slidesSizesGrid[t]+2*a;e.isLocked=e.size>s}else e.isLocked=1===e.snapGrid.length;!0===s.allowSlideNext&&(e.allowSlideNext=!e.isLocked),!0===s.allowSlidePrev&&(e.allowSlidePrev=!e.isLocked),t&&t!==e.isLocked&&(e.isEnd=!1),t!==e.isLocked&&e.emit(e.isLocked?"lock":"unlock")}},classes:{addClasses:function(){const e=this,{classNames:t,params:s,rtl:a,el:i,device:r}=e,n=function(e,t){const s=[];return e.forEach((e=>{"object"==typeof e?Object.keys(e).forEach((a=>{e[a]&&s.push(t+a)})):"string"==typeof e&&s.push(t+e)})),s}(["initialized",s.direction,{"free-mode":e.params.freeMode&&s.freeMode.enabled},{autoheight:s.autoHeight},{rtl:a},{grid:s.grid&&s.grid.rows>1},{"grid-column":s.grid&&s.grid.rows>1&&"column"===s.grid.fill},{android:r.android},{ios:r.ios},{"css-mode":s.cssMode},{centered:s.cssMode&&s.centeredSlides},{"watch-progress":s.watchSlidesProgress}],s.containerModifierClass);t.push(...n),i.classList.add(...t),e.emitContainerClasses()},removeClasses:function(){const{el:e,classNames:t}=this;e&&"string"!=typeof e&&(e.classList.remove(...t),this.emitContainerClasses())}}},ie={};class re{constructor(){let e,t;for(var s=arguments.length,i=new Array(s),r=0;r<s;r++)i[r]=arguments[r];1===i.length&&i[0].constructor&&"Object"===Object.prototype.toString.call(i[0]).slice(8,-1)?t=i[0]:[e,t]=i,t||(t={}),t=p({},t),e&&!t.el&&(t.el=e);const n=a();if(t.el&&"string"==typeof t.el&&n.querySelectorAll(t.el).length>1){const e=[];return n.querySelectorAll(t.el).forEach((s=>{const a=p({},t,{el:s});e.push(new re(a))})),e}const l=this;l.__swiper__=!0,l.support=z(),l.device=A({userAgent:t.userAgent}),l.browser=$(),l.eventsListeners={},l.eventsAnyListeners=[],l.modules=[...l.__modules__],t.modules&&Array.isArray(t.modules)&&l.modules.push(...t.modules);const o={};l.modules.forEach((e=>{e({params:t,swiper:l,extendParams:se(t,o),on:l.on.bind(l),once:l.once.bind(l),off:l.off.bind(l),emit:l.emit.bind(l)})}));const d=p({},te,o);return l.params=p({},d,ie,t),l.originalParams=p({},l.params),l.passedParams=p({},t),l.params&&l.params.on&&Object.keys(l.params.on).forEach((e=>{l.on(e,l.params.on[e])})),l.params&&l.params.onAny&&l.onAny(l.params.onAny),Object.assign(l,{enabled:l.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal:()=>"horizontal"===l.params.direction,isVertical:()=>"vertical"===l.params.direction,activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:l.params.allowSlideNext,allowSlidePrev:l.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:l.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:l.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),l.emit("_swiper"),l.params.init&&l.init(),l}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:t,params:s}=this,a=y(f(t,`.${s.slideClass}, swiper-slide`)[0]);return y(e)-a}getSlideIndexByData(e){return this.getSlideIndex(this.slides.find((t=>1*t.getAttribute("data-swiper-slide-index")===e)))}getSlideIndexWhenGrid(e){return this.grid&&this.params.grid&&this.params.grid.rows>1&&("column"===this.params.grid.fill?e=Math.floor(e/this.params.grid.rows):"row"===this.params.grid.fill&&(e%=Math.ceil(this.slides.length/this.params.grid.rows))),e}recalcSlides(){const{slidesEl:e,params:t}=this;this.slides=f(e,`.${t.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,t){const s=this;e=Math.min(Math.max(e,0),1);const a=s.minTranslate(),i=(s.maxTranslate()-a)*e+a;s.translateTo(i,void 0===t?0:t),s.updateActiveIndex(),s.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=e.el.className.split(" ").filter((t=>0===t.indexOf("swiper")||0===t.indexOf(e.params.containerModifierClass)));e.emit("_containerClasses",t.join(" "))}getSlideClasses(e){const t=this;return t.destroyed?"":e.className.split(" ").filter((e=>0===e.indexOf("swiper-slide")||0===e.indexOf(t.params.slideClass))).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=[];e.slides.forEach((s=>{const a=e.getSlideClasses(s);t.push({slideEl:s,classNames:a}),e.emit("_slideClass",s,a)})),e.emit("_slideClasses",t)}slidesPerViewDynamic(e,t){void 0===e&&(e="current"),void 0===t&&(t=!1);const{params:s,slides:a,slidesGrid:i,slidesSizesGrid:r,size:n,activeIndex:l}=this;let o=1;if("number"==typeof s.slidesPerView)return s.slidesPerView;if(s.centeredSlides){let e,t=a[l]?Math.ceil(a[l].swiperSlideSize):0;for(let s=l+1;s<a.length;s+=1)a[s]&&!e&&(t+=Math.ceil(a[s].swiperSlideSize),o+=1,t>n&&(e=!0));for(let s=l-1;s>=0;s-=1)a[s]&&!e&&(t+=a[s].swiperSlideSize,o+=1,t>n&&(e=!0))}else if("current"===e)for(let e=l+1;e<a.length;e+=1){(t?i[e]+r[e]-i[l]<n:i[e]-i[l]<n)&&(o+=1)}else for(let e=l-1;e>=0;e-=1){i[l]-i[e]<n&&(o+=1)}return o}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:t,params:s}=e;function a(){const t=e.rtlTranslate?-1*e.translate:e.translate,s=Math.min(Math.max(t,e.maxTranslate()),e.minTranslate());e.setTranslate(s),e.updateActiveIndex(),e.updateSlidesClasses()}let i;if(s.breakpoints&&e.setBreakpoint(),[...e.el.querySelectorAll('[loading="lazy"]')].forEach((t=>{t.complete&&G(e,t)})),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses(),s.freeMode&&s.freeMode.enabled&&!s.cssMode)a(),s.autoHeight&&e.updateAutoHeight();else{if(("auto"===s.slidesPerView||s.slidesPerView>1)&&e.isEnd&&!s.centeredSlides){const t=e.virtual&&s.virtual.enabled?e.virtual.slides:e.slides;i=e.slideTo(t.length-1,0,!1,!0)}else i=e.slideTo(e.activeIndex,0,!1,!0);i||a()}s.watchOverflow&&t!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,t){void 0===t&&(t=!0);const s=this,a=s.params.direction;return e||(e="horizontal"===a?"vertical":"horizontal"),e===a||"horizontal"!==e&&"vertical"!==e||(s.el.classList.remove(`${s.params.containerModifierClass}${a}`),s.el.classList.add(`${s.params.containerModifierClass}${e}`),s.emitContainerClasses(),s.params.direction=e,s.slides.forEach((t=>{"vertical"===e?t.style.width="":t.style.height=""})),s.emit("changeDirection"),t&&s.update()),s}changeLanguageDirection(e){const t=this;t.rtl&&"rtl"===e||!t.rtl&&"ltr"===e||(t.rtl="rtl"===e,t.rtlTranslate="horizontal"===t.params.direction&&t.rtl,t.rtl?(t.el.classList.add(`${t.params.containerModifierClass}rtl`),t.el.dir="rtl"):(t.el.classList.remove(`${t.params.containerModifierClass}rtl`),t.el.dir="ltr"),t.update())}mount(e){const t=this;if(t.mounted)return!0;let s=e||t.params.el;if("string"==typeof s&&(s=document.querySelector(s)),!s)return!1;s.swiper=t,s.parentNode&&s.parentNode.host&&s.parentNode.host.nodeName===t.params.swiperElementNodeName.toUpperCase()&&(t.isElement=!0);const a=()=>`.${(t.params.wrapperClass||"").trim().split(" ").join(".")}`;let i=(()=>{if(s&&s.shadowRoot&&s.shadowRoot.querySelector){return s.shadowRoot.querySelector(a())}return f(s,a())[0]})();return!i&&t.params.createElements&&(i=v("div",t.params.wrapperClass),s.append(i),f(s,`.${t.params.slideClass}`).forEach((e=>{i.append(e)}))),Object.assign(t,{el:s,wrapperEl:i,slidesEl:t.isElement&&!s.parentNode.host.slideSlots?s.parentNode.host:i,hostEl:t.isElement?s.parentNode.host:s,mounted:!0,rtl:"rtl"===s.dir.toLowerCase()||"rtl"===b(s,"direction"),rtlTranslate:"horizontal"===t.params.direction&&("rtl"===s.dir.toLowerCase()||"rtl"===b(s,"direction")),wrongRTL:"-webkit-box"===b(i,"display")}),!0}init(e){const t=this;if(t.initialized)return t;if(!1===t.mount(e))return t;t.emit("beforeInit"),t.params.breakpoints&&t.setBreakpoint(),t.addClasses(),t.updateSize(),t.updateSlides(),t.params.watchOverflow&&t.checkOverflow(),t.params.grabCursor&&t.enabled&&t.setGrabCursor(),t.params.loop&&t.virtual&&t.params.virtual.enabled?t.slideTo(t.params.initialSlide+t.virtual.slidesBefore,0,t.params.runCallbacksOnInit,!1,!0):t.slideTo(t.params.initialSlide,0,t.params.runCallbacksOnInit,!1,!0),t.params.loop&&t.loopCreate(void 0,!0),t.attachEvents();const s=[...t.el.querySelectorAll('[loading="lazy"]')];return t.isElement&&s.push(...t.hostEl.querySelectorAll('[loading="lazy"]')),s.forEach((e=>{e.complete?G(t,e):e.addEventListener("load",(e=>{G(t,e.target)}))})),Y(t),t.initialized=!0,Y(t),t.emit("init"),t.emit("afterInit"),t}destroy(e,t){void 0===e&&(e=!0),void 0===t&&(t=!0);const s=this,{params:a,el:i,wrapperEl:r,slides:n}=s;return void 0===s.params||s.destroyed||(s.emit("beforeDestroy"),s.initialized=!1,s.detachEvents(),a.loop&&s.loopDestroy(),t&&(s.removeClasses(),i&&"string"!=typeof i&&i.removeAttribute("style"),r&&r.removeAttribute("style"),n&&n.length&&n.forEach((e=>{e.classList.remove(a.slideVisibleClass,a.slideFullyVisibleClass,a.slideActiveClass,a.slideNextClass,a.slidePrevClass),e.removeAttribute("style"),e.removeAttribute("data-swiper-slide-index")}))),s.emit("destroy"),Object.keys(s.eventsListeners).forEach((e=>{s.off(e)})),!1!==e&&(s.el&&"string"!=typeof s.el&&(s.el.swiper=null),function(e){const t=e;Object.keys(t).forEach((e=>{try{t[e]=null}catch(e){}try{delete t[e]}catch(e){}}))}(s)),s.destroyed=!0),null}static extendDefaults(e){p(ie,e)}static get extendedDefaults(){return ie}static get defaults(){return te}static installModule(e){re.prototype.__modules__||(re.prototype.__modules__=[]);const t=re.prototype.__modules__;"function"==typeof e&&t.indexOf(e)<0&&t.push(e)}static use(e){return Array.isArray(e)?(e.forEach((e=>re.installModule(e))),re):(re.installModule(e),re)}}function ne(e,t,s,a){return e.params.createElements&&Object.keys(a).forEach((i=>{if(!s[i]&&!0===s.auto){let r=f(e.el,`.${a[i]}`)[0];r||(r=v("div",a[i]),r.className=a[i],e.el.append(r)),s[i]=r,t[i]=r}})),s}function le(e){return void 0===e&&(e=""),`.${e.trim().replace(/([\.:!+\/()[\]])/g,"\\$1").replace(/ /g,".")}`}function oe(e){const t=this,{params:s,slidesEl:a}=t;s.loop&&t.loopDestroy();const i=e=>{if("string"==typeof e){const t=document.createElement("div");C(t,e),a.append(t.children[0]),C(t,"")}else a.append(e)};if("object"==typeof e&&"length"in e)for(let t=0;t<e.length;t+=1)e[t]&&i(e[t]);else i(e);t.recalcSlides(),s.loop&&t.loopCreate(),s.observer&&!t.isElement||t.update()}function de(e){const t=this,{params:s,activeIndex:a,slidesEl:i}=t;s.loop&&t.loopDestroy();let r=a+1;const n=e=>{if("string"==typeof e){const t=document.createElement("div");C(t,e),i.prepend(t.children[0]),C(t,"")}else i.prepend(e)};if("object"==typeof e&&"length"in e){for(let t=0;t<e.length;t+=1)e[t]&&n(e[t]);r=a+e.length}else n(e);t.recalcSlides(),s.loop&&t.loopCreate(),s.observer&&!t.isElement||t.update(),t.slideTo(r,0,!1)}function ce(e,t){const s=this,{params:a,activeIndex:i,slidesEl:r}=s;let n=i;a.loop&&(n-=s.loopedSlides,s.loopDestroy(),s.recalcSlides());const l=s.slides.length;if(e<=0)return void s.prependSlide(t);if(e>=l)return void s.appendSlide(t);let o=n>e?n+1:n;const d=[];for(let t=l-1;t>=e;t-=1){const e=s.slides[t];e.remove(),d.unshift(e)}if("object"==typeof t&&"length"in t){for(let e=0;e<t.length;e+=1)t[e]&&r.append(t[e]);o=n>e?n+t.length:n}else r.append(t);for(let e=0;e<d.length;e+=1)r.append(d[e]);s.recalcSlides(),a.loop&&s.loopCreate(),a.observer&&!s.isElement||s.update(),a.loop?s.slideTo(o+s.loopedSlides,0,!1):s.slideTo(o,0,!1)}function pe(e){const t=this,{params:s,activeIndex:a}=t;let i=a;s.loop&&(i-=t.loopedSlides,t.loopDestroy());let r,n=i;if("object"==typeof e&&"length"in e){for(let s=0;s<e.length;s+=1)r=e[s],t.slides[r]&&t.slides[r].remove(),r<n&&(n-=1);n=Math.max(n,0)}else r=e,t.slides[r]&&t.slides[r].remove(),r<n&&(n-=1),n=Math.max(n,0);t.recalcSlides(),s.loop&&t.loopCreate(),s.observer&&!t.isElement||t.update(),s.loop?t.slideTo(n+t.loopedSlides,0,!1):t.slideTo(n,0,!1)}function ue(){const e=this,t=[];for(let s=0;s<e.slides.length;s+=1)t.push(s);e.removeSlide(t)}function me(e){const{effect:t,swiper:s,on:a,setTranslate:i,setTransition:r,overwriteParams:n,perspective:l,recreateShadows:o,getEffectParams:d}=e;let c;a("beforeInit",(()=>{if(s.params.effect!==t)return;s.classNames.push(`${s.params.containerModifierClass}${t}`),l&&l()&&s.classNames.push(`${s.params.containerModifierClass}3d`);const e=n?n():{};Object.assign(s.params,e),Object.assign(s.originalParams,e)})),a("setTranslate _virtualUpdated",(()=>{s.params.effect===t&&i()})),a("setTransition",((e,a)=>{s.params.effect===t&&r(a)})),a("transitionEnd",(()=>{if(s.params.effect===t&&o){if(!d||!d().slideShadows)return;s.slides.forEach((e=>{e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((e=>e.remove()))})),o()}})),a("virtualUpdate",(()=>{s.params.effect===t&&(s.slides.length||(c=!0),requestAnimationFrame((()=>{c&&s.slides&&s.slides.length&&(i(),c=!1)})))}))}function he(e,t){const s=h(t);return s!==t&&(s.style.backfaceVisibility="hidden",s.style["-webkit-backface-visibility"]="hidden"),s}function fe(e){let{swiper:t,duration:s,transformElements:a,allSlides:i}=e;const{activeIndex:r}=t;if(t.params.virtualTranslate&&0!==s){let e,s=!1;e=i?a:a.filter((e=>{const s=e.classList.contains("swiper-slide-transform")?(e=>{if(!e.parentElement)return t.slides.find((t=>t.shadowRoot&&t.shadowRoot===e.parentNode));return e.parentElement})(e):e;return t.getSlideIndex(s)===r})),e.forEach((e=>{x(e,(()=>{if(s)return;if(!t||t.destroyed)return;s=!0,t.animating=!1;const e=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});t.wrapperEl.dispatchEvent(e)}))}))}}function ge(e,t,s){const a=`swiper-slide-shadow${s?`-${s}`:""}${e?` swiper-slide-shadow-${e}`:""}`,i=h(t);let r=i.querySelector(`.${a.split(" ").join(".")}`);return r||(r=v("div",a.split(" ")),i.append(r)),r}Object.keys(ae).forEach((e=>{Object.keys(ae[e]).forEach((t=>{re.prototype[t]=ae[e][t]}))})),re.use([function(e){let{swiper:t,on:s,emit:a}=e;const i=r();let n=null,l=null;const o=()=>{t&&!t.destroyed&&t.initialized&&(a("beforeResize"),a("resize"))},d=()=>{t&&!t.destroyed&&t.initialized&&a("orientationchange")};s("init",(()=>{t.params.resizeObserver&&void 0!==i.ResizeObserver?t&&!t.destroyed&&t.initialized&&(n=new ResizeObserver((e=>{l=i.requestAnimationFrame((()=>{const{width:s,height:a}=t;let i=s,r=a;e.forEach((e=>{let{contentBoxSize:s,contentRect:a,target:n}=e;n&&n!==t.el||(i=a?a.width:(s[0]||s).inlineSize,r=a?a.height:(s[0]||s).blockSize)})),i===s&&r===a||o()}))})),n.observe(t.el)):(i.addEventListener("resize",o),i.addEventListener("orientationchange",d))})),s("destroy",(()=>{l&&i.cancelAnimationFrame(l),n&&n.unobserve&&t.el&&(n.unobserve(t.el),n=null),i.removeEventListener("resize",o),i.removeEventListener("orientationchange",d)}))},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=[],l=r(),o=function(e,s){void 0===s&&(s={});const a=new(l.MutationObserver||l.WebkitMutationObserver)((e=>{if(t.__preventObserver__)return;if(1===e.length)return void i("observerUpdate",e[0]);const s=function(){i("observerUpdate",e[0])};l.requestAnimationFrame?l.requestAnimationFrame(s):l.setTimeout(s,0)}));a.observe(e,{attributes:void 0===s.attributes||s.attributes,childList:t.isElement||(void 0===s.childList||s).childList,characterData:void 0===s.characterData||s.characterData}),n.push(a)};s({observer:!1,observeParents:!1,observeSlideChildren:!1}),a("init",(()=>{if(t.params.observer){if(t.params.observeParents){const e=E(t.hostEl);for(let t=0;t<e.length;t+=1)o(e[t])}o(t.hostEl,{childList:t.params.observeSlideChildren}),o(t.wrapperEl,{attributes:!1})}})),a("destroy",(()=>{n.forEach((e=>{e.disconnect()})),n.splice(0,n.length)}))}]);const ve=[function(e){let t,{swiper:s,extendParams:i,on:r,emit:n}=e;i({virtual:{enabled:!1,slides:[],cache:!0,renderSlide:null,renderExternal:null,renderExternalUpdate:!0,addSlidesBefore:0,addSlidesAfter:0}});const l=a();s.virtual={cache:{},from:void 0,to:void 0,slides:[],offset:0,slidesGrid:[]};const o=l.createElement("div");function d(e,t){const a=s.params.virtual;if(a.cache&&s.virtual.cache[t])return s.virtual.cache[t];let i;return a.renderSlide?(i=a.renderSlide.call(s,e,t),"string"==typeof i&&(C(o,i),i=o.children[0])):i=s.isElement?v("swiper-slide"):v("div",s.params.slideClass),i.setAttribute("data-swiper-slide-index",t),a.renderSlide||C(i,e),a.cache&&(s.virtual.cache[t]=i),i}function c(e,t,a){const{slidesPerView:i,slidesPerGroup:r,centeredSlides:l,loop:o,initialSlide:c}=s.params;if(t&&!o&&c>0)return;const{addSlidesBefore:p,addSlidesAfter:u}=s.params.virtual,{from:m,to:h,slides:g,slidesGrid:v,offset:w}=s.virtual;s.params.cssMode||s.updateActiveIndex();const b=void 0===a?s.activeIndex||0:a;let y,E,x;y=s.rtlTranslate?"right":s.isHorizontal()?"left":"top",l?(E=Math.floor(i/2)+r+u,x=Math.floor(i/2)+r+p):(E=i+(r-1)+u,x=(o?i:r)+p);let S=b-x,T=b+E;o||(S=Math.max(S,0),T=Math.min(T,g.length-1));let M=(s.slidesGrid[S]||0)-(s.slidesGrid[0]||0);function C(){s.updateSlides(),s.updateProgress(),s.updateSlidesClasses(),n("virtualUpdate")}if(o&&b>=x?(S-=x,l||(M+=s.slidesGrid[0])):o&&b<x&&(S=-x,l&&(M+=s.slidesGrid[0])),Object.assign(s.virtual,{from:S,to:T,offset:M,slidesGrid:s.slidesGrid,slidesBefore:x,slidesAfter:E}),m===S&&h===T&&!e)return s.slidesGrid!==v&&M!==w&&s.slides.forEach((e=>{e.style[y]=M-Math.abs(s.cssOverflowAdjustment())+"px"})),s.updateProgress(),void n("virtualUpdate");if(s.params.virtual.renderExternal)return s.params.virtual.renderExternal.call(s,{offset:M,from:S,to:T,slides:function(){const e=[];for(let t=S;t<=T;t+=1)e.push(g[t]);return e}()}),void(s.params.virtual.renderExternalUpdate?C():n("virtualUpdate"));const P=[],L=[],I=e=>{let t=e;return e<0?t=g.length+e:t>=g.length&&(t-=g.length),t};if(e)s.slides.filter((e=>e.matches(`.${s.params.slideClass}, swiper-slide`))).forEach((e=>{e.remove()}));else for(let e=m;e<=h;e+=1)if(e<S||e>T){const t=I(e);s.slides.filter((e=>e.matches(`.${s.params.slideClass}[data-swiper-slide-index="${t}"], swiper-slide[data-swiper-slide-index="${t}"]`))).forEach((e=>{e.remove()}))}const z=o?-g.length:0,A=o?2*g.length:g.length;for(let t=z;t<A;t+=1)if(t>=S&&t<=T){const s=I(t);void 0===h||e?L.push(s):(t>h&&L.push(s),t<m&&P.push(s))}if(L.forEach((e=>{s.slidesEl.append(d(g[e],e))})),o)for(let e=P.length-1;e>=0;e-=1){const t=P[e];s.slidesEl.prepend(d(g[t],t))}else P.sort(((e,t)=>t-e)),P.forEach((e=>{s.slidesEl.prepend(d(g[e],e))}));f(s.slidesEl,".swiper-slide, swiper-slide").forEach((e=>{e.style[y]=M-Math.abs(s.cssOverflowAdjustment())+"px"})),C()}r("beforeInit",(()=>{if(!s.params.virtual.enabled)return;let e;if(void 0===s.passedParams.virtual.slides){const t=[...s.slidesEl.children].filter((e=>e.matches(`.${s.params.slideClass}, swiper-slide`)));t&&t.length&&(s.virtual.slides=[...t],e=!0,t.forEach(((e,t)=>{e.setAttribute("data-swiper-slide-index",t),s.virtual.cache[t]=e,e.remove()})))}e||(s.virtual.slides=s.params.virtual.slides),s.classNames.push(`${s.params.containerModifierClass}virtual`),s.params.watchSlidesProgress=!0,s.originalParams.watchSlidesProgress=!0,c(!1,!0)})),r("setTranslate",(()=>{s.params.virtual.enabled&&(s.params.cssMode&&!s._immediateVirtual?(clearTimeout(t),t=setTimeout((()=>{c()}),100)):c())})),r("init update resize",(()=>{s.params.virtual.enabled&&s.params.cssMode&&u(s.wrapperEl,"--swiper-virtual-size",`${s.virtualSize}px`)})),Object.assign(s.virtual,{appendSlide:function(e){if("object"==typeof e&&"length"in e)for(let t=0;t<e.length;t+=1)e[t]&&s.virtual.slides.push(e[t]);else s.virtual.slides.push(e);c(!0)},prependSlide:function(e){const t=s.activeIndex;let a=t+1,i=1;if(Array.isArray(e)){for(let t=0;t<e.length;t+=1)e[t]&&s.virtual.slides.unshift(e[t]);a=t+e.length,i=e.length}else s.virtual.slides.unshift(e);if(s.params.virtual.cache){const e=s.virtual.cache,t={};Object.keys(e).forEach((s=>{const a=e[s],r=a.getAttribute("data-swiper-slide-index");r&&a.setAttribute("data-swiper-slide-index",parseInt(r,10)+i),t[parseInt(s,10)+i]=a})),s.virtual.cache=t}c(!0),s.slideTo(a,0)},removeSlide:function(e){if(null==e)return;let t=s.activeIndex;if(Array.isArray(e))for(let a=e.length-1;a>=0;a-=1)s.params.virtual.cache&&(delete s.virtual.cache[e[a]],Object.keys(s.virtual.cache).forEach((t=>{t>e&&(s.virtual.cache[t-1]=s.virtual.cache[t],s.virtual.cache[t-1].setAttribute("data-swiper-slide-index",t-1),delete s.virtual.cache[t])}))),s.virtual.slides.splice(e[a],1),e[a]<t&&(t-=1),t=Math.max(t,0);else s.params.virtual.cache&&(delete s.virtual.cache[e],Object.keys(s.virtual.cache).forEach((t=>{t>e&&(s.virtual.cache[t-1]=s.virtual.cache[t],s.virtual.cache[t-1].setAttribute("data-swiper-slide-index",t-1),delete s.virtual.cache[t])}))),s.virtual.slides.splice(e,1),e<t&&(t-=1),t=Math.max(t,0);c(!0),s.slideTo(t,0)},removeAllSlides:function(){s.virtual.slides=[],s.params.virtual.cache&&(s.virtual.cache={}),c(!0),s.slideTo(0,0)},update:c})},function(e){let{swiper:t,extendParams:s,on:i,emit:n}=e;const l=a(),o=r();function d(e){if(!t.enabled)return;const{rtlTranslate:s}=t;let a=e;a.originalEvent&&(a=a.originalEvent);const i=a.keyCode||a.charCode,r=t.params.keyboard.pageUpDown,d=r&&33===i,c=r&&34===i,p=37===i,u=39===i,m=38===i,h=40===i;if(!t.allowSlideNext&&(t.isHorizontal()&&u||t.isVertical()&&h||c))return!1;if(!t.allowSlidePrev&&(t.isHorizontal()&&p||t.isVertical()&&m||d))return!1;if(!(a.shiftKey||a.altKey||a.ctrlKey||a.metaKey||l.activeElement&&(l.activeElement.isContentEditable||l.activeElement.nodeName&&("input"===l.activeElement.nodeName.toLowerCase()||"textarea"===l.activeElement.nodeName.toLowerCase())))){if(t.params.keyboard.onlyInViewport&&(d||c||p||u||m||h)){let e=!1;if(E(t.el,`.${t.params.slideClass}, swiper-slide`).length>0&&0===E(t.el,`.${t.params.slideActiveClass}`).length)return;const a=t.el,i=a.clientWidth,r=a.clientHeight,n=o.innerWidth,l=o.innerHeight,d=w(a);s&&(d.left-=a.scrollLeft);const c=[[d.left,d.top],[d.left+i,d.top],[d.left,d.top+r],[d.left+i,d.top+r]];for(let t=0;t<c.length;t+=1){const s=c[t];if(s[0]>=0&&s[0]<=n&&s[1]>=0&&s[1]<=l){if(0===s[0]&&0===s[1])continue;e=!0}}if(!e)return}t.isHorizontal()?((d||c||p||u)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),((c||u)&&!s||(d||p)&&s)&&t.slideNext(),((d||p)&&!s||(c||u)&&s)&&t.slidePrev()):((d||c||m||h)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),(c||h)&&t.slideNext(),(d||m)&&t.slidePrev()),n("keyPress",i)}}function c(){t.keyboard.enabled||(l.addEventListener("keydown",d),t.keyboard.enabled=!0)}function p(){t.keyboard.enabled&&(l.removeEventListener("keydown",d),t.keyboard.enabled=!1)}t.keyboard={enabled:!1},s({keyboard:{enabled:!1,onlyInViewport:!0,pageUpDown:!0}}),i("init",(()=>{t.params.keyboard.enabled&&c()})),i("destroy",(()=>{t.keyboard.enabled&&p()})),Object.assign(t.keyboard,{enable:c,disable:p})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=r();let d;s({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),t.mousewheel={enabled:!1};let c,p=o();const u=[];function m(){t.enabled&&(t.mouseEntered=!0)}function h(){t.enabled&&(t.mouseEntered=!1)}function f(e){return!(t.params.mousewheel.thresholdDelta&&e.delta<t.params.mousewheel.thresholdDelta)&&(!(t.params.mousewheel.thresholdTime&&o()-p<t.params.mousewheel.thresholdTime)&&(e.delta>=6&&o()-p<60||(e.direction<0?t.isEnd&&!t.params.loop||t.animating||(t.slideNext(),i("scroll",e.raw)):t.isBeginning&&!t.params.loop||t.animating||(t.slidePrev(),i("scroll",e.raw)),p=(new n.Date).getTime(),!1)))}function g(e){let s=e,a=!0;if(!t.enabled)return;if(e.target.closest(`.${t.params.mousewheel.noMousewheelClass}`))return;const r=t.params.mousewheel;t.params.cssMode&&s.preventDefault();let n=t.el;"container"!==t.params.mousewheel.eventsTarget&&(n=document.querySelector(t.params.mousewheel.eventsTarget));const p=n&&n.contains(s.target);if(!t.mouseEntered&&!p&&!r.releaseOnEdges)return!0;s.originalEvent&&(s=s.originalEvent);let m=0;const h=t.rtlTranslate?-1:1,g=function(e){let t=0,s=0,a=0,i=0;return"detail"in e&&(s=e.detail),"wheelDelta"in e&&(s=-e.wheelDelta/120),"wheelDeltaY"in e&&(s=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=s,s=0),a=10*t,i=10*s,"deltaY"in e&&(i=e.deltaY),"deltaX"in e&&(a=e.deltaX),e.shiftKey&&!a&&(a=i,i=0),(a||i)&&e.deltaMode&&(1===e.deltaMode?(a*=40,i*=40):(a*=800,i*=800)),a&&!t&&(t=a<1?-1:1),i&&!s&&(s=i<1?-1:1),{spinX:t,spinY:s,pixelX:a,pixelY:i}}(s);if(r.forceToAxis)if(t.isHorizontal()){if(!(Math.abs(g.pixelX)>Math.abs(g.pixelY)))return!0;m=-g.pixelX*h}else{if(!(Math.abs(g.pixelY)>Math.abs(g.pixelX)))return!0;m=-g.pixelY}else m=Math.abs(g.pixelX)>Math.abs(g.pixelY)?-g.pixelX*h:-g.pixelY;if(0===m)return!0;r.invert&&(m=-m);let v=t.getTranslate()+m*r.sensitivity;if(v>=t.minTranslate()&&(v=t.minTranslate()),v<=t.maxTranslate()&&(v=t.maxTranslate()),a=!!t.params.loop||!(v===t.minTranslate()||v===t.maxTranslate()),a&&t.params.nested&&s.stopPropagation(),t.params.freeMode&&t.params.freeMode.enabled){const e={time:o(),delta:Math.abs(m),direction:Math.sign(m)},a=c&&e.time<c.time+500&&e.delta<=c.delta&&e.direction===c.direction;if(!a){c=void 0;let n=t.getTranslate()+m*r.sensitivity;const o=t.isBeginning,p=t.isEnd;if(n>=t.minTranslate()&&(n=t.minTranslate()),n<=t.maxTranslate()&&(n=t.maxTranslate()),t.setTransition(0),t.setTranslate(n),t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses(),(!o&&t.isBeginning||!p&&t.isEnd)&&t.updateSlidesClasses(),t.params.loop&&t.loopFix({direction:e.direction<0?"next":"prev",byMousewheel:!0}),t.params.freeMode.sticky){clearTimeout(d),d=void 0,u.length>=15&&u.shift();const s=u.length?u[u.length-1]:void 0,a=u[0];if(u.push(e),s&&(e.delta>s.delta||e.direction!==s.direction))u.splice(0);else if(u.length>=15&&e.time-a.time<500&&a.delta-e.delta>=1&&e.delta<=6){const s=m>0?.8:.2;c=e,u.splice(0),d=l((()=>{!t.destroyed&&t.params&&t.slideToClosest(t.params.speed,!0,void 0,s)}),0)}d||(d=l((()=>{if(t.destroyed||!t.params)return;c=e,u.splice(0),t.slideToClosest(t.params.speed,!0,void 0,.5)}),500))}if(a||i("scroll",s),t.params.autoplay&&t.params.autoplay.disableOnInteraction&&t.autoplay.stop(),r.releaseOnEdges&&(n===t.minTranslate()||n===t.maxTranslate()))return!0}}else{const s={time:o(),delta:Math.abs(m),direction:Math.sign(m),raw:e};u.length>=2&&u.shift();const a=u.length?u[u.length-1]:void 0;if(u.push(s),a?(s.direction!==a.direction||s.delta>a.delta||s.time>a.time+150)&&f(s):f(s),function(e){const s=t.params.mousewheel;if(e.direction<0){if(t.isEnd&&!t.params.loop&&s.releaseOnEdges)return!0}else if(t.isBeginning&&!t.params.loop&&s.releaseOnEdges)return!0;return!1}(s))return!0}return s.preventDefault?s.preventDefault():s.returnValue=!1,!1}function v(e){let s=t.el;"container"!==t.params.mousewheel.eventsTarget&&(s=document.querySelector(t.params.mousewheel.eventsTarget)),s[e]("mouseenter",m),s[e]("mouseleave",h),s[e]("wheel",g)}function w(){return t.params.cssMode?(t.wrapperEl.removeEventListener("wheel",g),!0):!t.mousewheel.enabled&&(v("addEventListener"),t.mousewheel.enabled=!0,!0)}function b(){return t.params.cssMode?(t.wrapperEl.addEventListener(event,g),!0):!!t.mousewheel.enabled&&(v("removeEventListener"),t.mousewheel.enabled=!1,!0)}a("init",(()=>{!t.params.mousewheel.enabled&&t.params.cssMode&&b(),t.params.mousewheel.enabled&&w()})),a("destroy",(()=>{t.params.cssMode&&w(),t.mousewheel.enabled&&b()})),Object.assign(t.mousewheel,{enable:w,disable:b})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;function r(e){let s;return e&&"string"==typeof e&&t.isElement&&(s=t.el.querySelector(e)||t.hostEl.querySelector(e),s)?s:(e&&("string"==typeof e&&(s=[...document.querySelectorAll(e)]),t.params.uniqueNavElements&&"string"==typeof e&&s&&s.length>1&&1===t.el.querySelectorAll(e).length?s=t.el.querySelector(e):s&&1===s.length&&(s=s[0])),e&&!s?e:s)}function n(e,s){const a=t.params.navigation;(e=T(e)).forEach((e=>{e&&(e.classList[s?"add":"remove"](...a.disabledClass.split(" ")),"BUTTON"===e.tagName&&(e.disabled=s),t.params.watchOverflow&&t.enabled&&e.classList[t.isLocked?"add":"remove"](a.lockClass))}))}function l(){const{nextEl:e,prevEl:s}=t.navigation;if(t.params.loop)return n(s,!1),void n(e,!1);n(s,t.isBeginning&&!t.params.rewind),n(e,t.isEnd&&!t.params.rewind)}function o(e){e.preventDefault(),(!t.isBeginning||t.params.loop||t.params.rewind)&&(t.slidePrev(),i("navigationPrev"))}function d(e){e.preventDefault(),(!t.isEnd||t.params.loop||t.params.rewind)&&(t.slideNext(),i("navigationNext"))}function c(){const e=t.params.navigation;if(t.params.navigation=ne(t,t.originalParams.navigation,t.params.navigation,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"}),!e.nextEl&&!e.prevEl)return;let s=r(e.nextEl),a=r(e.prevEl);Object.assign(t.navigation,{nextEl:s,prevEl:a}),s=T(s),a=T(a);const i=(s,a)=>{s&&s.addEventListener("click","next"===a?d:o),!t.enabled&&s&&s.classList.add(...e.lockClass.split(" "))};s.forEach((e=>i(e,"next"))),a.forEach((e=>i(e,"prev")))}function p(){let{nextEl:e,prevEl:s}=t.navigation;e=T(e),s=T(s);const a=(e,s)=>{e.removeEventListener("click","next"===s?d:o),e.classList.remove(...t.params.navigation.disabledClass.split(" "))};e.forEach((e=>a(e,"next"))),s.forEach((e=>a(e,"prev")))}s({navigation:{nextEl:null,prevEl:null,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock",navigationDisabledClass:"swiper-navigation-disabled"}}),t.navigation={nextEl:null,prevEl:null},a("init",(()=>{!1===t.params.navigation.enabled?u():(c(),l())})),a("toEdge fromEdge lock unlock",(()=>{l()})),a("destroy",(()=>{p()})),a("enable disable",(()=>{let{nextEl:e,prevEl:s}=t.navigation;e=T(e),s=T(s),t.enabled?l():[...e,...s].filter((e=>!!e)).forEach((e=>e.classList.add(t.params.navigation.lockClass)))})),a("click",((e,s)=>{let{nextEl:a,prevEl:r}=t.navigation;a=T(a),r=T(r);const n=s.target;let l=r.includes(n)||a.includes(n);if(t.isElement&&!l){const e=s.path||s.composedPath&&s.composedPath();e&&(l=e.find((e=>a.includes(e)||r.includes(e))))}if(t.params.navigation.hideOnClick&&!l){if(t.pagination&&t.params.pagination&&t.params.pagination.clickable&&(t.pagination.el===n||t.pagination.el.contains(n)))return;let e;a.length?e=a[0].classList.contains(t.params.navigation.hiddenClass):r.length&&(e=r[0].classList.contains(t.params.navigation.hiddenClass)),i(!0===e?"navigationShow":"navigationHide"),[...a,...r].filter((e=>!!e)).forEach((e=>e.classList.toggle(t.params.navigation.hiddenClass)))}}));const u=()=>{t.el.classList.add(...t.params.navigation.navigationDisabledClass.split(" ")),p()};Object.assign(t.navigation,{enable:()=>{t.el.classList.remove(...t.params.navigation.navigationDisabledClass.split(" ")),c(),l()},disable:u,update:l,init:c,destroy:p})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const r="swiper-pagination";let n;s({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:e=>e,formatFractionTotal:e=>e,bulletClass:`${r}-bullet`,bulletActiveClass:`${r}-bullet-active`,modifierClass:`${r}-`,currentClass:`${r}-current`,totalClass:`${r}-total`,hiddenClass:`${r}-hidden`,progressbarFillClass:`${r}-progressbar-fill`,progressbarOppositeClass:`${r}-progressbar-opposite`,clickableClass:`${r}-clickable`,lockClass:`${r}-lock`,horizontalClass:`${r}-horizontal`,verticalClass:`${r}-vertical`,paginationDisabledClass:`${r}-disabled`}}),t.pagination={el:null,bullets:[]};let l=0;function o(){return!t.params.pagination.el||!t.pagination.el||Array.isArray(t.pagination.el)&&0===t.pagination.el.length}function d(e,s){const{bulletActiveClass:a}=t.params.pagination;e&&(e=e[("prev"===s?"previous":"next")+"ElementSibling"])&&(e.classList.add(`${a}-${s}`),(e=e[("prev"===s?"previous":"next")+"ElementSibling"])&&e.classList.add(`${a}-${s}-${s}`))}function c(e){const s=e.target.closest(le(t.params.pagination.bulletClass));if(!s)return;e.preventDefault();const a=y(s)*t.params.slidesPerGroup;if(t.params.loop){if(t.realIndex===a)return;const e=(i=t.realIndex,r=a,n=t.slides.length,(r%=n)==1+(i%=n)?"next":r===i-1?"previous":void 0);"next"===e?t.slideNext():"previous"===e?t.slidePrev():t.slideToLoop(a)}else t.slideTo(a);var i,r,n}function p(){const e=t.rtl,s=t.params.pagination;if(o())return;let a,r,c=t.pagination.el;c=T(c);const p=t.virtual&&t.params.virtual.enabled?t.virtual.slides.length:t.slides.length,u=t.params.loop?Math.ceil(p/t.params.slidesPerGroup):t.snapGrid.length;if(t.params.loop?(r=t.previousRealIndex||0,a=t.params.slidesPerGroup>1?Math.floor(t.realIndex/t.params.slidesPerGroup):t.realIndex):void 0!==t.snapIndex?(a=t.snapIndex,r=t.previousSnapIndex):(r=t.previousIndex||0,a=t.activeIndex||0),"bullets"===s.type&&t.pagination.bullets&&t.pagination.bullets.length>0){const i=t.pagination.bullets;let o,p,u;if(s.dynamicBullets&&(n=S(i[0],t.isHorizontal()?"width":"height",!0),c.forEach((e=>{e.style[t.isHorizontal()?"width":"height"]=n*(s.dynamicMainBullets+4)+"px"})),s.dynamicMainBullets>1&&void 0!==r&&(l+=a-(r||0),l>s.dynamicMainBullets-1?l=s.dynamicMainBullets-1:l<0&&(l=0)),o=Math.max(a-l,0),p=o+(Math.min(i.length,s.dynamicMainBullets)-1),u=(p+o)/2),i.forEach((e=>{const t=[...["","-next","-next-next","-prev","-prev-prev","-main"].map((e=>`${s.bulletActiveClass}${e}`))].map((e=>"string"==typeof e&&e.includes(" ")?e.split(" "):e)).flat();e.classList.remove(...t)})),c.length>1)i.forEach((e=>{const i=y(e);i===a?e.classList.add(...s.bulletActiveClass.split(" ")):t.isElement&&e.setAttribute("part","bullet"),s.dynamicBullets&&(i>=o&&i<=p&&e.classList.add(...`${s.bulletActiveClass}-main`.split(" ")),i===o&&d(e,"prev"),i===p&&d(e,"next"))}));else{const e=i[a];if(e&&e.classList.add(...s.bulletActiveClass.split(" ")),t.isElement&&i.forEach(((e,t)=>{e.setAttribute("part",t===a?"bullet-active":"bullet")})),s.dynamicBullets){const e=i[o],t=i[p];for(let e=o;e<=p;e+=1)i[e]&&i[e].classList.add(...`${s.bulletActiveClass}-main`.split(" "));d(e,"prev"),d(t,"next")}}if(s.dynamicBullets){const a=Math.min(i.length,s.dynamicMainBullets+4),r=(n*a-n)/2-u*n,l=e?"right":"left";i.forEach((e=>{e.style[t.isHorizontal()?l:"top"]=`${r}px`}))}}c.forEach(((e,r)=>{if("fraction"===s.type&&(e.querySelectorAll(le(s.currentClass)).forEach((e=>{e.textContent=s.formatFractionCurrent(a+1)})),e.querySelectorAll(le(s.totalClass)).forEach((e=>{e.textContent=s.formatFractionTotal(u)}))),"progressbar"===s.type){let i;i=s.progressbarOpposite?t.isHorizontal()?"vertical":"horizontal":t.isHorizontal()?"horizontal":"vertical";const r=(a+1)/u;let n=1,l=1;"horizontal"===i?n=r:l=r,e.querySelectorAll(le(s.progressbarFillClass)).forEach((e=>{e.style.transform=`translate3d(0,0,0) scaleX(${n}) scaleY(${l})`,e.style.transitionDuration=`${t.params.speed}ms`}))}"custom"===s.type&&s.renderCustom?(C(e,s.renderCustom(t,a+1,u)),0===r&&i("paginationRender",e)):(0===r&&i("paginationRender",e),i("paginationUpdate",e)),t.params.watchOverflow&&t.enabled&&e.classList[t.isLocked?"add":"remove"](s.lockClass)}))}function u(){const e=t.params.pagination;if(o())return;const s=t.virtual&&t.params.virtual.enabled?t.virtual.slides.length:t.grid&&t.params.grid.rows>1?t.slides.length/Math.ceil(t.params.grid.rows):t.slides.length;let a=t.pagination.el;a=T(a);let r="";if("bullets"===e.type){let a=t.params.loop?Math.ceil(s/t.params.slidesPerGroup):t.snapGrid.length;t.params.freeMode&&t.params.freeMode.enabled&&a>s&&(a=s);for(let s=0;s<a;s+=1)e.renderBullet?r+=e.renderBullet.call(t,s,e.bulletClass):r+=`<${e.bulletElement} ${t.isElement?'part="bullet"':""} class="${e.bulletClass}"></${e.bulletElement}>`}"fraction"===e.type&&(r=e.renderFraction?e.renderFraction.call(t,e.currentClass,e.totalClass):`<span class="${e.currentClass}"></span> / <span class="${e.totalClass}"></span>`),"progressbar"===e.type&&(r=e.renderProgressbar?e.renderProgressbar.call(t,e.progressbarFillClass):`<span class="${e.progressbarFillClass}"></span>`),t.pagination.bullets=[],a.forEach((s=>{"custom"!==e.type&&C(s,r||""),"bullets"===e.type&&t.pagination.bullets.push(...s.querySelectorAll(le(e.bulletClass)))})),"custom"!==e.type&&i("paginationRender",a[0])}function m(){t.params.pagination=ne(t,t.originalParams.pagination,t.params.pagination,{el:"swiper-pagination"});const e=t.params.pagination;if(!e.el)return;let s;"string"==typeof e.el&&t.isElement&&(s=t.el.querySelector(e.el)),s||"string"!=typeof e.el||(s=[...document.querySelectorAll(e.el)]),s||(s=e.el),s&&0!==s.length&&(t.params.uniqueNavElements&&"string"==typeof e.el&&Array.isArray(s)&&s.length>1&&(s=[...t.el.querySelectorAll(e.el)],s.length>1&&(s=s.find((e=>E(e,".swiper")[0]===t.el)))),Array.isArray(s)&&1===s.length&&(s=s[0]),Object.assign(t.pagination,{el:s}),s=T(s),s.forEach((s=>{"bullets"===e.type&&e.clickable&&s.classList.add(...(e.clickableClass||"").split(" ")),s.classList.add(e.modifierClass+e.type),s.classList.add(t.isHorizontal()?e.horizontalClass:e.verticalClass),"bullets"===e.type&&e.dynamicBullets&&(s.classList.add(`${e.modifierClass}${e.type}-dynamic`),l=0,e.dynamicMainBullets<1&&(e.dynamicMainBullets=1)),"progressbar"===e.type&&e.progressbarOpposite&&s.classList.add(e.progressbarOppositeClass),e.clickable&&s.addEventListener("click",c),t.enabled||s.classList.add(e.lockClass)})))}function h(){const e=t.params.pagination;if(o())return;let s=t.pagination.el;s&&(s=T(s),s.forEach((s=>{s.classList.remove(e.hiddenClass),s.classList.remove(e.modifierClass+e.type),s.classList.remove(t.isHorizontal()?e.horizontalClass:e.verticalClass),e.clickable&&(s.classList.remove(...(e.clickableClass||"").split(" ")),s.removeEventListener("click",c))}))),t.pagination.bullets&&t.pagination.bullets.forEach((t=>t.classList.remove(...e.bulletActiveClass.split(" "))))}a("changeDirection",(()=>{if(!t.pagination||!t.pagination.el)return;const e=t.params.pagination;let{el:s}=t.pagination;s=T(s),s.forEach((s=>{s.classList.remove(e.horizontalClass,e.verticalClass),s.classList.add(t.isHorizontal()?e.horizontalClass:e.verticalClass)}))})),a("init",(()=>{!1===t.params.pagination.enabled?f():(m(),u(),p())})),a("activeIndexChange",(()=>{void 0===t.snapIndex&&p()})),a("snapIndexChange",(()=>{p()})),a("snapGridLengthChange",(()=>{u(),p()})),a("destroy",(()=>{h()})),a("enable disable",(()=>{let{el:e}=t.pagination;e&&(e=T(e),e.forEach((e=>e.classList[t.enabled?"remove":"add"](t.params.pagination.lockClass))))})),a("lock unlock",(()=>{p()})),a("click",((e,s)=>{const a=s.target,r=T(t.pagination.el);if(t.params.pagination.el&&t.params.pagination.hideOnClick&&r&&r.length>0&&!a.classList.contains(t.params.pagination.bulletClass)){if(t.navigation&&(t.navigation.nextEl&&a===t.navigation.nextEl||t.navigation.prevEl&&a===t.navigation.prevEl))return;const e=r[0].classList.contains(t.params.pagination.hiddenClass);i(!0===e?"paginationShow":"paginationHide"),r.forEach((e=>e.classList.toggle(t.params.pagination.hiddenClass)))}}));const f=()=>{t.el.classList.add(t.params.pagination.paginationDisabledClass);let{el:e}=t.pagination;e&&(e=T(e),e.forEach((e=>e.classList.add(t.params.pagination.paginationDisabledClass)))),h()};Object.assign(t.pagination,{enable:()=>{t.el.classList.remove(t.params.pagination.paginationDisabledClass);let{el:e}=t.pagination;e&&(e=T(e),e.forEach((e=>e.classList.remove(t.params.pagination.paginationDisabledClass)))),m(),u(),p()},disable:f,render:u,update:p,init:m,destroy:h})},function(e){let{swiper:t,extendParams:s,on:i,emit:r}=e;const o=a();let d,c,p,u,m=!1,h=null,f=null;function g(){if(!t.params.scrollbar.el||!t.scrollbar.el)return;const{scrollbar:e,rtlTranslate:s}=t,{dragEl:a,el:i}=e,r=t.params.scrollbar,n=t.params.loop?t.progressLoop:t.progress;let l=c,o=(p-c)*n;s?(o=-o,o>0?(l=c-o,o=0):-o+c>p&&(l=p+o)):o<0?(l=c+o,o=0):o+c>p&&(l=p-o),t.isHorizontal()?(a.style.transform=`translate3d(${o}px, 0, 0)`,a.style.width=`${l}px`):(a.style.transform=`translate3d(0px, ${o}px, 0)`,a.style.height=`${l}px`),r.hide&&(clearTimeout(h),i.style.opacity=1,h=setTimeout((()=>{i.style.opacity=0,i.style.transitionDuration="400ms"}),1e3))}function b(){if(!t.params.scrollbar.el||!t.scrollbar.el)return;const{scrollbar:e}=t,{dragEl:s,el:a}=e;s.style.width="",s.style.height="",p=t.isHorizontal()?a.offsetWidth:a.offsetHeight,u=t.size/(t.virtualSize+t.params.slidesOffsetBefore-(t.params.centeredSlides?t.snapGrid[0]:0)),c="auto"===t.params.scrollbar.dragSize?p*u:parseInt(t.params.scrollbar.dragSize,10),t.isHorizontal()?s.style.width=`${c}px`:s.style.height=`${c}px`,a.style.display=u>=1?"none":"",t.params.scrollbar.hide&&(a.style.opacity=0),t.params.watchOverflow&&t.enabled&&e.el.classList[t.isLocked?"add":"remove"](t.params.scrollbar.lockClass)}function y(e){return t.isHorizontal()?e.clientX:e.clientY}function E(e){const{scrollbar:s,rtlTranslate:a}=t,{el:i}=s;let r;r=(y(e)-w(i)[t.isHorizontal()?"left":"top"]-(null!==d?d:c/2))/(p-c),r=Math.max(Math.min(r,1),0),a&&(r=1-r);const n=t.minTranslate()+(t.maxTranslate()-t.minTranslate())*r;t.updateProgress(n),t.setTranslate(n),t.updateActiveIndex(),t.updateSlidesClasses()}function x(e){const s=t.params.scrollbar,{scrollbar:a,wrapperEl:i}=t,{el:n,dragEl:l}=a;m=!0,d=e.target===l?y(e)-e.target.getBoundingClientRect()[t.isHorizontal()?"left":"top"]:null,e.preventDefault(),e.stopPropagation(),i.style.transitionDuration="100ms",l.style.transitionDuration="100ms",E(e),clearTimeout(f),n.style.transitionDuration="0ms",s.hide&&(n.style.opacity=1),t.params.cssMode&&(t.wrapperEl.style["scroll-snap-type"]="none"),r("scrollbarDragStart",e)}function S(e){const{scrollbar:s,wrapperEl:a}=t,{el:i,dragEl:n}=s;m&&(e.preventDefault&&e.cancelable?e.preventDefault():e.returnValue=!1,E(e),a.style.transitionDuration="0ms",i.style.transitionDuration="0ms",n.style.transitionDuration="0ms",r("scrollbarDragMove",e))}function M(e){const s=t.params.scrollbar,{scrollbar:a,wrapperEl:i}=t,{el:n}=a;m&&(m=!1,t.params.cssMode&&(t.wrapperEl.style["scroll-snap-type"]="",i.style.transitionDuration=""),s.hide&&(clearTimeout(f),f=l((()=>{n.style.opacity=0,n.style.transitionDuration="400ms"}),1e3)),r("scrollbarDragEnd",e),s.snapOnRelease&&t.slideToClosest())}function C(e){const{scrollbar:s,params:a}=t,i=s.el;if(!i)return;const r=i,n=!!a.passiveListeners&&{passive:!1,capture:!1},l=!!a.passiveListeners&&{passive:!0,capture:!1};if(!r)return;const d="on"===e?"addEventListener":"removeEventListener";r[d]("pointerdown",x,n),o[d]("pointermove",S,n),o[d]("pointerup",M,l)}function P(){const{scrollbar:e,el:s}=t;t.params.scrollbar=ne(t,t.originalParams.scrollbar,t.params.scrollbar,{el:"swiper-scrollbar"});const a=t.params.scrollbar;if(!a.el)return;let i,r;if("string"==typeof a.el&&t.isElement&&(i=t.el.querySelector(a.el)),i||"string"!=typeof a.el)i||(i=a.el);else if(i=o.querySelectorAll(a.el),!i.length)return;t.params.uniqueNavElements&&"string"==typeof a.el&&i.length>1&&1===s.querySelectorAll(a.el).length&&(i=s.querySelector(a.el)),i.length>0&&(i=i[0]),i.classList.add(t.isHorizontal()?a.horizontalClass:a.verticalClass),i&&(r=i.querySelector(le(t.params.scrollbar.dragClass)),r||(r=v("div",t.params.scrollbar.dragClass),i.append(r))),Object.assign(e,{el:i,dragEl:r}),a.draggable&&t.params.scrollbar.el&&t.scrollbar.el&&C("on"),i&&i.classList[t.enabled?"remove":"add"](...n(t.params.scrollbar.lockClass))}function L(){const e=t.params.scrollbar,s=t.scrollbar.el;s&&s.classList.remove(...n(t.isHorizontal()?e.horizontalClass:e.verticalClass)),t.params.scrollbar.el&&t.scrollbar.el&&C("off")}s({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),t.scrollbar={el:null,dragEl:null},i("changeDirection",(()=>{if(!t.scrollbar||!t.scrollbar.el)return;const e=t.params.scrollbar;let{el:s}=t.scrollbar;s=T(s),s.forEach((s=>{s.classList.remove(e.horizontalClass,e.verticalClass),s.classList.add(t.isHorizontal()?e.horizontalClass:e.verticalClass)}))})),i("init",(()=>{!1===t.params.scrollbar.enabled?I():(P(),b(),g())})),i("update resize observerUpdate lock unlock changeDirection",(()=>{b()})),i("setTranslate",(()=>{g()})),i("setTransition",((e,s)=>{!function(e){t.params.scrollbar.el&&t.scrollbar.el&&(t.scrollbar.dragEl.style.transitionDuration=`${e}ms`)}(s)})),i("enable disable",(()=>{const{el:e}=t.scrollbar;e&&e.classList[t.enabled?"remove":"add"](...n(t.params.scrollbar.lockClass))})),i("destroy",(()=>{L()}));const I=()=>{t.el.classList.add(...n(t.params.scrollbar.scrollbarDisabledClass)),t.scrollbar.el&&t.scrollbar.el.classList.add(...n(t.params.scrollbar.scrollbarDisabledClass)),L()};Object.assign(t.scrollbar,{enable:()=>{t.el.classList.remove(...n(t.params.scrollbar.scrollbarDisabledClass)),t.scrollbar.el&&t.scrollbar.el.classList.remove(...n(t.params.scrollbar.scrollbarDisabledClass)),P(),b(),g()},disable:I,updateSize:b,setTranslate:g,init:P,destroy:L})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({parallax:{enabled:!1}});const i="[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",r=(e,s)=>{const{rtl:a}=t,i=a?-1:1,r=e.getAttribute("data-swiper-parallax")||"0";let n=e.getAttribute("data-swiper-parallax-x"),l=e.getAttribute("data-swiper-parallax-y");const o=e.getAttribute("data-swiper-parallax-scale"),d=e.getAttribute("data-swiper-parallax-opacity"),c=e.getAttribute("data-swiper-parallax-rotate");if(n||l?(n=n||"0",l=l||"0"):t.isHorizontal()?(n=r,l="0"):(l=r,n="0"),n=n.indexOf("%")>=0?parseInt(n,10)*s*i+"%":n*s*i+"px",l=l.indexOf("%")>=0?parseInt(l,10)*s+"%":l*s+"px",null!=d){const t=d-(d-1)*(1-Math.abs(s));e.style.opacity=t}let p=`translate3d(${n}, ${l}, 0px)`;if(null!=o){p+=` scale(${o-(o-1)*(1-Math.abs(s))})`}if(c&&null!=c){p+=` rotate(${c*s*-1}deg)`}e.style.transform=p},n=()=>{const{el:e,slides:s,progress:a,snapGrid:n,isElement:l}=t,o=f(e,i);t.isElement&&o.push(...f(t.hostEl,i)),o.forEach((e=>{r(e,a)})),s.forEach(((e,s)=>{let l=e.progress;t.params.slidesPerGroup>1&&"auto"!==t.params.slidesPerView&&(l+=Math.ceil(s/2)-a*(n.length-1)),l=Math.min(Math.max(l,-1),1),e.querySelectorAll(`${i}, [data-swiper-parallax-rotate]`).forEach((e=>{r(e,l)}))}))};a("beforeInit",(()=>{t.params.parallax.enabled&&(t.params.watchSlidesProgress=!0,t.originalParams.watchSlidesProgress=!0)})),a("init",(()=>{t.params.parallax.enabled&&n()})),a("setTranslate",(()=>{t.params.parallax.enabled&&n()})),a("setTransition",((e,s)=>{t.params.parallax.enabled&&function(e){void 0===e&&(e=t.params.speed);const{el:s,hostEl:a}=t,r=[...s.querySelectorAll(i)];t.isElement&&r.push(...a.querySelectorAll(i)),r.forEach((t=>{let s=parseInt(t.getAttribute("data-swiper-parallax-duration"),10)||e;0===e&&(s=0),t.style.transitionDuration=`${s}ms`}))}(s)}))},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=r();s({zoom:{enabled:!1,limitToOriginalSize:!1,maxRatio:3,minRatio:1,panOnMouseMove:!1,toggle:!0,containerClass:"swiper-zoom-container",zoomedSlideClass:"swiper-slide-zoomed"}}),t.zoom={enabled:!1};let l=1,o=!1,c=!1,p={x:0,y:0};const u=-3;let m,h;const g=[],v={originX:0,originY:0,slideEl:void 0,slideWidth:void 0,slideHeight:void 0,imageEl:void 0,imageWrapEl:void 0,maxRatio:3},b={isTouched:void 0,isMoved:void 0,currentX:void 0,currentY:void 0,minX:void 0,minY:void 0,maxX:void 0,maxY:void 0,width:void 0,height:void 0,startX:void 0,startY:void 0,touchesStart:{},touchesCurrent:{}},y={x:void 0,y:void 0,prevPositionX:void 0,prevPositionY:void 0,prevTime:void 0};let x,S=1;function T(){if(g.length<2)return 1;const e=g[0].pageX,t=g[0].pageY,s=g[1].pageX,a=g[1].pageY;return Math.sqrt((s-e)**2+(a-t)**2)}function M(){const e=t.params.zoom,s=v.imageWrapEl.getAttribute("data-swiper-zoom")||e.maxRatio;if(e.limitToOriginalSize&&v.imageEl&&v.imageEl.naturalWidth){const e=v.imageEl.naturalWidth/v.imageEl.offsetWidth;return Math.min(e,s)}return s}function C(e){const s=t.isElement?"swiper-slide":`.${t.params.slideClass}`;return!!e.target.matches(s)||t.slides.filter((t=>t.contains(e.target))).length>0}function P(e){const s=`.${t.params.zoom.containerClass}`;return!!e.target.matches(s)||[...t.hostEl.querySelectorAll(s)].filter((t=>t.contains(e.target))).length>0}function L(e){if("mouse"===e.pointerType&&g.splice(0,g.length),!C(e))return;const s=t.params.zoom;if(m=!1,h=!1,g.push(e),!(g.length<2)){if(m=!0,v.scaleStart=T(),!v.slideEl){v.slideEl=e.target.closest(`.${t.params.slideClass}, swiper-slide`),v.slideEl||(v.slideEl=t.slides[t.activeIndex]);let a=v.slideEl.querySelector(`.${s.containerClass}`);if(a&&(a=a.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),v.imageEl=a,v.imageWrapEl=a?E(v.imageEl,`.${s.containerClass}`)[0]:void 0,!v.imageWrapEl)return void(v.imageEl=void 0);v.maxRatio=M()}if(v.imageEl){const[e,t]=function(){if(g.length<2)return{x:null,y:null};const e=v.imageEl.getBoundingClientRect();return[(g[0].pageX+(g[1].pageX-g[0].pageX)/2-e.x-n.scrollX)/l,(g[0].pageY+(g[1].pageY-g[0].pageY)/2-e.y-n.scrollY)/l]}();v.originX=e,v.originY=t,v.imageEl.style.transitionDuration="0ms"}o=!0}}function I(e){if(!C(e))return;const s=t.params.zoom,a=t.zoom,i=g.findIndex((t=>t.pointerId===e.pointerId));i>=0&&(g[i]=e),g.length<2||(h=!0,v.scaleMove=T(),v.imageEl&&(a.scale=v.scaleMove/v.scaleStart*l,a.scale>v.maxRatio&&(a.scale=v.maxRatio-1+(a.scale-v.maxRatio+1)**.5),a.scale<s.minRatio&&(a.scale=s.minRatio+1-(s.minRatio-a.scale+1)**.5),v.imageEl.style.transform=`translate3d(0,0,0) scale(${a.scale})`))}function z(e){if(!C(e))return;if("mouse"===e.pointerType&&"pointerout"===e.type)return;const s=t.params.zoom,a=t.zoom,i=g.findIndex((t=>t.pointerId===e.pointerId));i>=0&&g.splice(i,1),m&&h&&(m=!1,h=!1,v.imageEl&&(a.scale=Math.max(Math.min(a.scale,v.maxRatio),s.minRatio),v.imageEl.style.transitionDuration=`${t.params.speed}ms`,v.imageEl.style.transform=`translate3d(0,0,0) scale(${a.scale})`,l=a.scale,o=!1,a.scale>1&&v.slideEl?v.slideEl.classList.add(`${s.zoomedSlideClass}`):a.scale<=1&&v.slideEl&&v.slideEl.classList.remove(`${s.zoomedSlideClass}`),1===a.scale&&(v.originX=0,v.originY=0,v.slideEl=void 0)))}function A(){t.touchEventsData.preventTouchMoveFromPointerMove=!1}function $(e){const s="mouse"===e.pointerType&&t.params.zoom.panOnMouseMove;if(!C(e)||!P(e))return;const a=t.zoom;if(!v.imageEl)return;if(!b.isTouched||!v.slideEl)return void(s&&O(e));if(s)return void O(e);b.isMoved||(b.width=v.imageEl.offsetWidth||v.imageEl.clientWidth,b.height=v.imageEl.offsetHeight||v.imageEl.clientHeight,b.startX=d(v.imageWrapEl,"x")||0,b.startY=d(v.imageWrapEl,"y")||0,v.slideWidth=v.slideEl.offsetWidth,v.slideHeight=v.slideEl.offsetHeight,v.imageWrapEl.style.transitionDuration="0ms");const i=b.width*a.scale,r=b.height*a.scale;b.minX=Math.min(v.slideWidth/2-i/2,0),b.maxX=-b.minX,b.minY=Math.min(v.slideHeight/2-r/2,0),b.maxY=-b.minY,b.touchesCurrent.x=g.length>0?g[0].pageX:e.pageX,b.touchesCurrent.y=g.length>0?g[0].pageY:e.pageY;if(Math.max(Math.abs(b.touchesCurrent.x-b.touchesStart.x),Math.abs(b.touchesCurrent.y-b.touchesStart.y))>5&&(t.allowClick=!1),!b.isMoved&&!o){if(t.isHorizontal()&&(Math.floor(b.minX)===Math.floor(b.startX)&&b.touchesCurrent.x<b.touchesStart.x||Math.floor(b.maxX)===Math.floor(b.startX)&&b.touchesCurrent.x>b.touchesStart.x))return b.isTouched=!1,void A();if(!t.isHorizontal()&&(Math.floor(b.minY)===Math.floor(b.startY)&&b.touchesCurrent.y<b.touchesStart.y||Math.floor(b.maxY)===Math.floor(b.startY)&&b.touchesCurrent.y>b.touchesStart.y))return b.isTouched=!1,void A()}e.cancelable&&e.preventDefault(),e.stopPropagation(),clearTimeout(x),t.touchEventsData.preventTouchMoveFromPointerMove=!0,x=setTimeout((()=>{t.destroyed||A()})),b.isMoved=!0;const n=(a.scale-l)/(v.maxRatio-t.params.zoom.minRatio),{originX:c,originY:p}=v;b.currentX=b.touchesCurrent.x-b.touchesStart.x+b.startX+n*(b.width-2*c),b.currentY=b.touchesCurrent.y-b.touchesStart.y+b.startY+n*(b.height-2*p),b.currentX<b.minX&&(b.currentX=b.minX+1-(b.minX-b.currentX+1)**.8),b.currentX>b.maxX&&(b.currentX=b.maxX-1+(b.currentX-b.maxX+1)**.8),b.currentY<b.minY&&(b.currentY=b.minY+1-(b.minY-b.currentY+1)**.8),b.currentY>b.maxY&&(b.currentY=b.maxY-1+(b.currentY-b.maxY+1)**.8),y.prevPositionX||(y.prevPositionX=b.touchesCurrent.x),y.prevPositionY||(y.prevPositionY=b.touchesCurrent.y),y.prevTime||(y.prevTime=Date.now()),y.x=(b.touchesCurrent.x-y.prevPositionX)/(Date.now()-y.prevTime)/2,y.y=(b.touchesCurrent.y-y.prevPositionY)/(Date.now()-y.prevTime)/2,Math.abs(b.touchesCurrent.x-y.prevPositionX)<2&&(y.x=0),Math.abs(b.touchesCurrent.y-y.prevPositionY)<2&&(y.y=0),y.prevPositionX=b.touchesCurrent.x,y.prevPositionY=b.touchesCurrent.y,y.prevTime=Date.now(),v.imageWrapEl.style.transform=`translate3d(${b.currentX}px, ${b.currentY}px,0)`}function k(){const e=t.zoom;v.slideEl&&t.activeIndex!==t.slides.indexOf(v.slideEl)&&(v.imageEl&&(v.imageEl.style.transform="translate3d(0,0,0) scale(1)"),v.imageWrapEl&&(v.imageWrapEl.style.transform="translate3d(0,0,0)"),v.slideEl.classList.remove(`${t.params.zoom.zoomedSlideClass}`),e.scale=1,l=1,v.slideEl=void 0,v.imageEl=void 0,v.imageWrapEl=void 0,v.originX=0,v.originY=0)}function O(e){if(l<=1||!v.imageWrapEl)return;if(!C(e)||!P(e))return;const t=n.getComputedStyle(v.imageWrapEl).transform,s=new n.DOMMatrix(t);if(!c)return c=!0,p.x=e.clientX,p.y=e.clientY,b.startX=s.e,b.startY=s.f,b.width=v.imageEl.offsetWidth||v.imageEl.clientWidth,b.height=v.imageEl.offsetHeight||v.imageEl.clientHeight,v.slideWidth=v.slideEl.offsetWidth,void(v.slideHeight=v.slideEl.offsetHeight);const a=(e.clientX-p.x)*u,i=(e.clientY-p.y)*u,r=b.width*l,o=b.height*l,d=v.slideWidth,m=v.slideHeight,h=Math.min(d/2-r/2,0),f=-h,g=Math.min(m/2-o/2,0),w=-g,y=Math.max(Math.min(b.startX+a,f),h),E=Math.max(Math.min(b.startY+i,w),g);v.imageWrapEl.style.transitionDuration="0ms",v.imageWrapEl.style.transform=`translate3d(${y}px, ${E}px, 0)`,p.x=e.clientX,p.y=e.clientY,b.startX=y,b.startY=E,b.currentX=y,b.currentY=E}function D(e){const s=t.zoom,a=t.params.zoom;if(!v.slideEl){e&&e.target&&(v.slideEl=e.target.closest(`.${t.params.slideClass}, swiper-slide`)),v.slideEl||(t.params.virtual&&t.params.virtual.enabled&&t.virtual?v.slideEl=f(t.slidesEl,`.${t.params.slideActiveClass}`)[0]:v.slideEl=t.slides[t.activeIndex]);let s=v.slideEl.querySelector(`.${a.containerClass}`);s&&(s=s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),v.imageEl=s,v.imageWrapEl=s?E(v.imageEl,`.${a.containerClass}`)[0]:void 0}if(!v.imageEl||!v.imageWrapEl)return;let i,r,o,d,c,p,u,m,h,g,y,x,S,T,C,P,L,I;t.params.cssMode&&(t.wrapperEl.style.overflow="hidden",t.wrapperEl.style.touchAction="none"),v.slideEl.classList.add(`${a.zoomedSlideClass}`),void 0===b.touchesStart.x&&e?(i=e.pageX,r=e.pageY):(i=b.touchesStart.x,r=b.touchesStart.y);const z=l,A="number"==typeof e?e:null;1===l&&A&&(i=void 0,r=void 0,b.touchesStart.x=void 0,b.touchesStart.y=void 0);const $=M();s.scale=A||$,l=A||$,!e||1===l&&A?(u=0,m=0):(L=v.slideEl.offsetWidth,I=v.slideEl.offsetHeight,o=w(v.slideEl).left+n.scrollX,d=w(v.slideEl).top+n.scrollY,c=o+L/2-i,p=d+I/2-r,h=v.imageEl.offsetWidth||v.imageEl.clientWidth,g=v.imageEl.offsetHeight||v.imageEl.clientHeight,y=h*s.scale,x=g*s.scale,S=Math.min(L/2-y/2,0),T=Math.min(I/2-x/2,0),C=-S,P=-T,z>0&&A&&"number"==typeof b.currentX&&"number"==typeof b.currentY?(u=b.currentX*s.scale/z,m=b.currentY*s.scale/z):(u=c*s.scale,m=p*s.scale),u<S&&(u=S),u>C&&(u=C),m<T&&(m=T),m>P&&(m=P)),A&&1===s.scale&&(v.originX=0,v.originY=0),b.currentX=u,b.currentY=m,v.imageWrapEl.style.transitionDuration="300ms",v.imageWrapEl.style.transform=`translate3d(${u}px, ${m}px,0)`,v.imageEl.style.transitionDuration="300ms",v.imageEl.style.transform=`translate3d(0,0,0) scale(${s.scale})`}function G(){const e=t.zoom,s=t.params.zoom;if(!v.slideEl){t.params.virtual&&t.params.virtual.enabled&&t.virtual?v.slideEl=f(t.slidesEl,`.${t.params.slideActiveClass}`)[0]:v.slideEl=t.slides[t.activeIndex];let e=v.slideEl.querySelector(`.${s.containerClass}`);e&&(e=e.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),v.imageEl=e,v.imageWrapEl=e?E(v.imageEl,`.${s.containerClass}`)[0]:void 0}v.imageEl&&v.imageWrapEl&&(t.params.cssMode&&(t.wrapperEl.style.overflow="",t.wrapperEl.style.touchAction=""),e.scale=1,l=1,b.currentX=void 0,b.currentY=void 0,b.touchesStart.x=void 0,b.touchesStart.y=void 0,v.imageWrapEl.style.transitionDuration="300ms",v.imageWrapEl.style.transform="translate3d(0,0,0)",v.imageEl.style.transitionDuration="300ms",v.imageEl.style.transform="translate3d(0,0,0) scale(1)",v.slideEl.classList.remove(`${s.zoomedSlideClass}`),v.slideEl=void 0,v.originX=0,v.originY=0,t.params.zoom.panOnMouseMove&&(p={x:0,y:0},c&&(c=!1,b.startX=0,b.startY=0)))}function X(e){const s=t.zoom;s.scale&&1!==s.scale?G():D(e)}function Y(){return{passiveListener:!!t.params.passiveListeners&&{passive:!0,capture:!1},activeListenerWithCapture:!t.params.passiveListeners||{passive:!1,capture:!0}}}function B(){const e=t.zoom;if(e.enabled)return;e.enabled=!0;const{passiveListener:s,activeListenerWithCapture:a}=Y();t.wrapperEl.addEventListener("pointerdown",L,s),t.wrapperEl.addEventListener("pointermove",I,a),["pointerup","pointercancel","pointerout"].forEach((e=>{t.wrapperEl.addEventListener(e,z,s)})),t.wrapperEl.addEventListener("pointermove",$,a)}function H(){const e=t.zoom;if(!e.enabled)return;e.enabled=!1;const{passiveListener:s,activeListenerWithCapture:a}=Y();t.wrapperEl.removeEventListener("pointerdown",L,s),t.wrapperEl.removeEventListener("pointermove",I,a),["pointerup","pointercancel","pointerout"].forEach((e=>{t.wrapperEl.removeEventListener(e,z,s)})),t.wrapperEl.removeEventListener("pointermove",$,a)}Object.defineProperty(t.zoom,"scale",{get:()=>S,set(e){if(S!==e){const t=v.imageEl,s=v.slideEl;i("zoomChange",e,t,s)}S=e}}),a("init",(()=>{t.params.zoom.enabled&&B()})),a("destroy",(()=>{H()})),a("touchStart",((e,s)=>{t.zoom.enabled&&function(e){const s=t.device;if(!v.imageEl)return;if(b.isTouched)return;s.android&&e.cancelable&&e.preventDefault(),b.isTouched=!0;const a=g.length>0?g[0]:e;b.touchesStart.x=a.pageX,b.touchesStart.y=a.pageY}(s)})),a("touchEnd",((e,s)=>{t.zoom.enabled&&function(){const e=t.zoom;if(g.length=0,!v.imageEl)return;if(!b.isTouched||!b.isMoved)return b.isTouched=!1,void(b.isMoved=!1);b.isTouched=!1,b.isMoved=!1;let s=300,a=300;const i=y.x*s,r=b.currentX+i,n=y.y*a,l=b.currentY+n;0!==y.x&&(s=Math.abs((r-b.currentX)/y.x)),0!==y.y&&(a=Math.abs((l-b.currentY)/y.y));const o=Math.max(s,a);b.currentX=r,b.currentY=l;const d=b.width*e.scale,c=b.height*e.scale;b.minX=Math.min(v.slideWidth/2-d/2,0),b.maxX=-b.minX,b.minY=Math.min(v.slideHeight/2-c/2,0),b.maxY=-b.minY,b.currentX=Math.max(Math.min(b.currentX,b.maxX),b.minX),b.currentY=Math.max(Math.min(b.currentY,b.maxY),b.minY),v.imageWrapEl.style.transitionDuration=`${o}ms`,v.imageWrapEl.style.transform=`translate3d(${b.currentX}px, ${b.currentY}px,0)`}()})),a("doubleTap",((e,s)=>{!t.animating&&t.params.zoom.enabled&&t.zoom.enabled&&t.params.zoom.toggle&&X(s)})),a("transitionEnd",(()=>{t.zoom.enabled&&t.params.zoom.enabled&&k()})),a("slideChange",(()=>{t.zoom.enabled&&t.params.zoom.enabled&&t.params.cssMode&&k()})),Object.assign(t.zoom,{enable:B,disable:H,in:D,out:G,toggle:X})},function(e){let{swiper:t,extendParams:s,on:a}=e;function i(e,t){const s=function(){let e,t,s;return(a,i)=>{for(t=-1,e=a.length;e-t>1;)s=e+t>>1,a[s]<=i?t=s:e=s;return e}}();let a,i;return this.x=e,this.y=t,this.lastIndex=e.length-1,this.interpolate=function(e){return e?(i=s(this.x,e),a=i-1,(e-this.x[a])*(this.y[i]-this.y[a])/(this.x[i]-this.x[a])+this.y[a]):0},this}function r(){t.controller.control&&t.controller.spline&&(t.controller.spline=void 0,delete t.controller.spline)}s({controller:{control:void 0,inverse:!1,by:"slide"}}),t.controller={control:void 0},a("beforeInit",(()=>{if("undefined"!=typeof window&&("string"==typeof t.params.controller.control||t.params.controller.control instanceof HTMLElement)){("string"==typeof t.params.controller.control?[...document.querySelectorAll(t.params.controller.control)]:[t.params.controller.control]).forEach((e=>{if(t.controller.control||(t.controller.control=[]),e&&e.swiper)t.controller.control.push(e.swiper);else if(e){const s=`${t.params.eventsPrefix}init`,a=i=>{t.controller.control.push(i.detail[0]),t.update(),e.removeEventListener(s,a)};e.addEventListener(s,a)}}))}else t.controller.control=t.params.controller.control})),a("update",(()=>{r()})),a("resize",(()=>{r()})),a("observerUpdate",(()=>{r()})),a("setTranslate",((e,s,a)=>{t.controller.control&&!t.controller.control.destroyed&&t.controller.setTranslate(s,a)})),a("setTransition",((e,s,a)=>{t.controller.control&&!t.controller.control.destroyed&&t.controller.setTransition(s,a)})),Object.assign(t.controller,{setTranslate:function(e,s){const a=t.controller.control;let r,n;const l=t.constructor;function o(e){if(e.destroyed)return;const s=t.rtlTranslate?-t.translate:t.translate;"slide"===t.params.controller.by&&(!function(e){t.controller.spline=t.params.loop?new i(t.slidesGrid,e.slidesGrid):new i(t.snapGrid,e.snapGrid)}(e),n=-t.controller.spline.interpolate(-s)),n&&"container"!==t.params.controller.by||(r=(e.maxTranslate()-e.minTranslate())/(t.maxTranslate()-t.minTranslate()),!Number.isNaN(r)&&Number.isFinite(r)||(r=1),n=(s-t.minTranslate())*r+e.minTranslate()),t.params.controller.inverse&&(n=e.maxTranslate()-n),e.updateProgress(n),e.setTranslate(n,t),e.updateActiveIndex(),e.updateSlidesClasses()}if(Array.isArray(a))for(let e=0;e<a.length;e+=1)a[e]!==s&&a[e]instanceof l&&o(a[e]);else a instanceof l&&s!==a&&o(a)},setTransition:function(e,s){const a=t.constructor,i=t.controller.control;let r;function n(s){s.destroyed||(s.setTransition(e,t),0!==e&&(s.transitionStart(),s.params.autoHeight&&l((()=>{s.updateAutoHeight()})),x(s.wrapperEl,(()=>{i&&s.transitionEnd()}))))}if(Array.isArray(i))for(r=0;r<i.length;r+=1)i[r]!==s&&i[r]instanceof a&&n(i[r]);else i instanceof a&&s!==i&&n(i)}})},function(e){let{swiper:t,extendParams:s,on:i}=e;s({a11y:{enabled:!0,notificationClass:"swiper-notification",prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide",paginationBulletMessage:"Go to slide {{index}}",slideLabelMessage:"{{index}} / {{slidesLength}}",containerMessage:null,containerRoleDescriptionMessage:null,containerRole:null,itemRoleDescriptionMessage:null,slideRole:"group",id:null,scrollOnFocus:!0}}),t.a11y={clicked:!1};let r,n,l=null,o=(new Date).getTime();function d(e){const t=l;0!==t.length&&C(t,e)}function c(e){(e=T(e)).forEach((e=>{e.setAttribute("tabIndex","0")}))}function p(e){(e=T(e)).forEach((e=>{e.setAttribute("tabIndex","-1")}))}function u(e,t){(e=T(e)).forEach((e=>{e.setAttribute("role",t)}))}function m(e,t){(e=T(e)).forEach((e=>{e.setAttribute("aria-roledescription",t)}))}function h(e,t){(e=T(e)).forEach((e=>{e.setAttribute("aria-label",t)}))}function f(e){(e=T(e)).forEach((e=>{e.setAttribute("aria-disabled",!0)}))}function g(e){(e=T(e)).forEach((e=>{e.setAttribute("aria-disabled",!1)}))}function w(e){if(13!==e.keyCode&&32!==e.keyCode)return;const s=t.params.a11y,a=e.target;if(!t.pagination||!t.pagination.el||a!==t.pagination.el&&!t.pagination.el.contains(e.target)||e.target.matches(le(t.params.pagination.bulletClass))){if(t.navigation&&t.navigation.prevEl&&t.navigation.nextEl){const e=T(t.navigation.prevEl);T(t.navigation.nextEl).includes(a)&&(t.isEnd&&!t.params.loop||t.slideNext(),t.isEnd?d(s.lastSlideMessage):d(s.nextSlideMessage)),e.includes(a)&&(t.isBeginning&&!t.params.loop||t.slidePrev(),t.isBeginning?d(s.firstSlideMessage):d(s.prevSlideMessage))}t.pagination&&a.matches(le(t.params.pagination.bulletClass))&&a.click()}}function b(){return t.pagination&&t.pagination.bullets&&t.pagination.bullets.length}function E(){return b()&&t.params.pagination.clickable}const x=(e,t,s)=>{c(e),"BUTTON"!==e.tagName&&(u(e,"button"),e.addEventListener("keydown",w)),h(e,s),function(e,t){(e=T(e)).forEach((e=>{e.setAttribute("aria-controls",t)}))}(e,t)},S=e=>{n&&n!==e.target&&!n.contains(e.target)&&(r=!0),t.a11y.clicked=!0},M=()=>{r=!1,requestAnimationFrame((()=>{requestAnimationFrame((()=>{t.destroyed||(t.a11y.clicked=!1)}))}))},P=e=>{o=(new Date).getTime()},L=e=>{if(t.a11y.clicked||!t.params.a11y.scrollOnFocus)return;if((new Date).getTime()-o<100)return;const s=e.target.closest(`.${t.params.slideClass}, swiper-slide`);if(!s||!t.slides.includes(s))return;n=s;const a=t.slides.indexOf(s)===t.activeIndex,i=t.params.watchSlidesProgress&&t.visibleSlides&&t.visibleSlides.includes(s);a||i||e.sourceCapabilities&&e.sourceCapabilities.firesTouchEvents||(t.isHorizontal()?t.el.scrollLeft=0:t.el.scrollTop=0,requestAnimationFrame((()=>{r||(t.params.loop?t.slideToLoop(t.getSlideIndexWhenGrid(parseInt(s.getAttribute("data-swiper-slide-index"))),0):t.slideTo(t.getSlideIndexWhenGrid(t.slides.indexOf(s)),0),r=!1)})))},I=()=>{const e=t.params.a11y;e.itemRoleDescriptionMessage&&m(t.slides,e.itemRoleDescriptionMessage),e.slideRole&&u(t.slides,e.slideRole);const s=t.slides.length;e.slideLabelMessage&&t.slides.forEach(((a,i)=>{const r=t.params.loop?parseInt(a.getAttribute("data-swiper-slide-index"),10):i;h(a,e.slideLabelMessage.replace(/\{\{index\}\}/,r+1).replace(/\{\{slidesLength\}\}/,s))}))},z=()=>{const e=t.params.a11y;t.el.append(l);const s=t.el;e.containerRoleDescriptionMessage&&m(s,e.containerRoleDescriptionMessage),e.containerMessage&&h(s,e.containerMessage),e.containerRole&&u(s,e.containerRole);const i=t.wrapperEl,r=e.id||i.getAttribute("id")||`swiper-wrapper-${n=16,void 0===n&&(n=16),"x".repeat(n).replace(/x/g,(()=>Math.round(16*Math.random()).toString(16)))}`;var n;const o=t.params.autoplay&&t.params.autoplay.enabled?"off":"polite";var d;d=r,T(i).forEach((e=>{e.setAttribute("id",d)})),function(e,t){(e=T(e)).forEach((e=>{e.setAttribute("aria-live",t)}))}(i,o),I();let{nextEl:c,prevEl:p}=t.navigation?t.navigation:{};if(c=T(c),p=T(p),c&&c.forEach((t=>x(t,r,e.nextSlideMessage))),p&&p.forEach((t=>x(t,r,e.prevSlideMessage))),E()){T(t.pagination.el).forEach((e=>{e.addEventListener("keydown",w)}))}a().addEventListener("visibilitychange",P),t.el.addEventListener("focus",L,!0),t.el.addEventListener("focus",L,!0),t.el.addEventListener("pointerdown",S,!0),t.el.addEventListener("pointerup",M,!0)};i("beforeInit",(()=>{l=v("span",t.params.a11y.notificationClass),l.setAttribute("aria-live","assertive"),l.setAttribute("aria-atomic","true")})),i("afterInit",(()=>{t.params.a11y.enabled&&z()})),i("slidesLengthChange snapGridLengthChange slidesGridLengthChange",(()=>{t.params.a11y.enabled&&I()})),i("fromEdge toEdge afterInit lock unlock",(()=>{t.params.a11y.enabled&&function(){if(t.params.loop||t.params.rewind||!t.navigation)return;const{nextEl:e,prevEl:s}=t.navigation;s&&(t.isBeginning?(f(s),p(s)):(g(s),c(s))),e&&(t.isEnd?(f(e),p(e)):(g(e),c(e)))}()})),i("paginationUpdate",(()=>{t.params.a11y.enabled&&function(){const e=t.params.a11y;b()&&t.pagination.bullets.forEach((s=>{t.params.pagination.clickable&&(c(s),t.params.pagination.renderBullet||(u(s,"button"),h(s,e.paginationBulletMessage.replace(/\{\{index\}\}/,y(s)+1)))),s.matches(le(t.params.pagination.bulletActiveClass))?s.setAttribute("aria-current","true"):s.removeAttribute("aria-current")}))}()})),i("destroy",(()=>{t.params.a11y.enabled&&function(){l&&l.remove();let{nextEl:e,prevEl:s}=t.navigation?t.navigation:{};e=T(e),s=T(s),e&&e.forEach((e=>e.removeEventListener("keydown",w))),s&&s.forEach((e=>e.removeEventListener("keydown",w))),E()&&T(t.pagination.el).forEach((e=>{e.removeEventListener("keydown",w)}));a().removeEventListener("visibilitychange",P),t.el&&"string"!=typeof t.el&&(t.el.removeEventListener("focus",L,!0),t.el.removeEventListener("pointerdown",S,!0),t.el.removeEventListener("pointerup",M,!0))}()}))},function(e){let{swiper:t,extendParams:s,on:a}=e;s({history:{enabled:!1,root:"",replaceState:!1,key:"slides",keepQuery:!1}});let i=!1,n={};const l=e=>e.toString().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,""),o=e=>{const t=r();let s;s=e?new URL(e):t.location;const a=s.pathname.slice(1).split("/").filter((e=>""!==e)),i=a.length;return{key:a[i-2],value:a[i-1]}},d=(e,s)=>{const a=r();if(!i||!t.params.history.enabled)return;let n;n=t.params.url?new URL(t.params.url):a.location;const o=t.virtual&&t.params.virtual.enabled?t.slidesEl.querySelector(`[data-swiper-slide-index="${s}"]`):t.slides[s];let d=l(o.getAttribute("data-history"));if(t.params.history.root.length>0){let s=t.params.history.root;"/"===s[s.length-1]&&(s=s.slice(0,s.length-1)),d=`${s}/${e?`${e}/`:""}${d}`}else n.pathname.includes(e)||(d=`${e?`${e}/`:""}${d}`);t.params.history.keepQuery&&(d+=n.search);const c=a.history.state;c&&c.value===d||(t.params.history.replaceState?a.history.replaceState({value:d},null,d):a.history.pushState({value:d},null,d))},c=(e,s,a)=>{if(s)for(let i=0,r=t.slides.length;i<r;i+=1){const r=t.slides[i];if(l(r.getAttribute("data-history"))===s){const s=t.getSlideIndex(r);t.slideTo(s,e,a)}}else t.slideTo(0,e,a)},p=()=>{n=o(t.params.url),c(t.params.speed,n.value,!1)};a("init",(()=>{t.params.history.enabled&&(()=>{const e=r();if(t.params.history){if(!e.history||!e.history.pushState)return t.params.history.enabled=!1,void(t.params.hashNavigation.enabled=!0);i=!0,n=o(t.params.url),n.key||n.value?(c(0,n.value,t.params.runCallbacksOnInit),t.params.history.replaceState||e.addEventListener("popstate",p)):t.params.history.replaceState||e.addEventListener("popstate",p)}})()})),a("destroy",(()=>{t.params.history.enabled&&(()=>{const e=r();t.params.history.replaceState||e.removeEventListener("popstate",p)})()})),a("transitionEnd _freeModeNoMomentumRelease",(()=>{i&&d(t.params.history.key,t.activeIndex)})),a("slideChange",(()=>{i&&t.params.cssMode&&d(t.params.history.key,t.activeIndex)}))},function(e){let{swiper:t,extendParams:s,emit:i,on:n}=e,l=!1;const o=a(),d=r();s({hashNavigation:{enabled:!1,replaceState:!1,watchState:!1,getSlideIndex(e,s){if(t.virtual&&t.params.virtual.enabled){const e=t.slides.find((e=>e.getAttribute("data-hash")===s));if(!e)return 0;return parseInt(e.getAttribute("data-swiper-slide-index"),10)}return t.getSlideIndex(f(t.slidesEl,`.${t.params.slideClass}[data-hash="${s}"], swiper-slide[data-hash="${s}"]`)[0])}}});const c=()=>{i("hashChange");const e=o.location.hash.replace("#",""),s=t.virtual&&t.params.virtual.enabled?t.slidesEl.querySelector(`[data-swiper-slide-index="${t.activeIndex}"]`):t.slides[t.activeIndex];if(e!==(s?s.getAttribute("data-hash"):"")){const s=t.params.hashNavigation.getSlideIndex(t,e);if(void 0===s||Number.isNaN(s))return;t.slideTo(s)}},p=()=>{if(!l||!t.params.hashNavigation.enabled)return;const e=t.virtual&&t.params.virtual.enabled?t.slidesEl.querySelector(`[data-swiper-slide-index="${t.activeIndex}"]`):t.slides[t.activeIndex],s=e?e.getAttribute("data-hash")||e.getAttribute("data-history"):"";t.params.hashNavigation.replaceState&&d.history&&d.history.replaceState?(d.history.replaceState(null,null,`#${s}`||""),i("hashSet")):(o.location.hash=s||"",i("hashSet"))};n("init",(()=>{t.params.hashNavigation.enabled&&(()=>{if(!t.params.hashNavigation.enabled||t.params.history&&t.params.history.enabled)return;l=!0;const e=o.location.hash.replace("#","");if(e){const s=0,a=t.params.hashNavigation.getSlideIndex(t,e);t.slideTo(a||0,s,t.params.runCallbacksOnInit,!0)}t.params.hashNavigation.watchState&&d.addEventListener("hashchange",c)})()})),n("destroy",(()=>{t.params.hashNavigation.enabled&&t.params.hashNavigation.watchState&&d.removeEventListener("hashchange",c)})),n("transitionEnd _freeModeNoMomentumRelease",(()=>{l&&p()})),n("slideChange",(()=>{l&&t.params.cssMode&&p()}))},function(e){let t,s,{swiper:i,extendParams:r,on:n,emit:l,params:o}=e;i.autoplay={running:!1,paused:!1,timeLeft:0},r({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let d,c,p,u,m,h,f,g,v=o&&o.autoplay?o.autoplay.delay:3e3,w=o&&o.autoplay?o.autoplay.delay:3e3,b=(new Date).getTime();function y(e){i&&!i.destroyed&&i.wrapperEl&&e.target===i.wrapperEl&&(i.wrapperEl.removeEventListener("transitionend",y),g||e.detail&&e.detail.bySwiperTouchMove||C())}const E=()=>{if(i.destroyed||!i.autoplay.running)return;i.autoplay.paused?c=!0:c&&(w=d,c=!1);const e=i.autoplay.paused?d:b+w-(new Date).getTime();i.autoplay.timeLeft=e,l("autoplayTimeLeft",e,e/v),s=requestAnimationFrame((()=>{E()}))},x=e=>{if(i.destroyed||!i.autoplay.running)return;cancelAnimationFrame(s),E();let a=void 0===e?i.params.autoplay.delay:e;v=i.params.autoplay.delay,w=i.params.autoplay.delay;const r=(()=>{let e;if(e=i.virtual&&i.params.virtual.enabled?i.slides.find((e=>e.classList.contains("swiper-slide-active"))):i.slides[i.activeIndex],!e)return;return parseInt(e.getAttribute("data-swiper-autoplay"),10)})();!Number.isNaN(r)&&r>0&&void 0===e&&(a=r,v=r,w=r),d=a;const n=i.params.speed,o=()=>{i&&!i.destroyed&&(i.params.autoplay.reverseDirection?!i.isBeginning||i.params.loop||i.params.rewind?(i.slidePrev(n,!0,!0),l("autoplay")):i.params.autoplay.stopOnLastSlide||(i.slideTo(i.slides.length-1,n,!0,!0),l("autoplay")):!i.isEnd||i.params.loop||i.params.rewind?(i.slideNext(n,!0,!0),l("autoplay")):i.params.autoplay.stopOnLastSlide||(i.slideTo(0,n,!0,!0),l("autoplay")),i.params.cssMode&&(b=(new Date).getTime(),requestAnimationFrame((()=>{x()}))))};return a>0?(clearTimeout(t),t=setTimeout((()=>{o()}),a)):requestAnimationFrame((()=>{o()})),a},S=()=>{b=(new Date).getTime(),i.autoplay.running=!0,x(),l("autoplayStart")},T=()=>{i.autoplay.running=!1,clearTimeout(t),cancelAnimationFrame(s),l("autoplayStop")},M=(e,s)=>{if(i.destroyed||!i.autoplay.running)return;clearTimeout(t),e||(f=!0);const a=()=>{l("autoplayPause"),i.params.autoplay.waitForTransition?i.wrapperEl.addEventListener("transitionend",y):C()};if(i.autoplay.paused=!0,s)return h&&(d=i.params.autoplay.delay),h=!1,void a();const r=d||i.params.autoplay.delay;d=r-((new Date).getTime()-b),i.isEnd&&d<0&&!i.params.loop||(d<0&&(d=0),a())},C=()=>{i.isEnd&&d<0&&!i.params.loop||i.destroyed||!i.autoplay.running||(b=(new Date).getTime(),f?(f=!1,x(d)):x(),i.autoplay.paused=!1,l("autoplayResume"))},P=()=>{if(i.destroyed||!i.autoplay.running)return;const e=a();"hidden"===e.visibilityState&&(f=!0,M(!0)),"visible"===e.visibilityState&&C()},L=e=>{"mouse"===e.pointerType&&(f=!0,g=!0,i.animating||i.autoplay.paused||M(!0))},I=e=>{"mouse"===e.pointerType&&(g=!1,i.autoplay.paused&&C())};n("init",(()=>{i.params.autoplay.enabled&&(i.params.autoplay.pauseOnMouseEnter&&(i.el.addEventListener("pointerenter",L),i.el.addEventListener("pointerleave",I)),a().addEventListener("visibilitychange",P),S())})),n("destroy",(()=>{i.el&&"string"!=typeof i.el&&(i.el.removeEventListener("pointerenter",L),i.el.removeEventListener("pointerleave",I)),a().removeEventListener("visibilitychange",P),i.autoplay.running&&T()})),n("_freeModeStaticRelease",(()=>{(u||f)&&C()})),n("_freeModeNoMomentumRelease",(()=>{i.params.autoplay.disableOnInteraction?T():M(!0,!0)})),n("beforeTransitionStart",((e,t,s)=>{!i.destroyed&&i.autoplay.running&&(s||!i.params.autoplay.disableOnInteraction?M(!0,!0):T())})),n("sliderFirstMove",(()=>{!i.destroyed&&i.autoplay.running&&(i.params.autoplay.disableOnInteraction?T():(p=!0,u=!1,f=!1,m=setTimeout((()=>{f=!0,u=!0,M(!0)}),200)))})),n("touchEnd",(()=>{if(!i.destroyed&&i.autoplay.running&&p){if(clearTimeout(m),clearTimeout(t),i.params.autoplay.disableOnInteraction)return u=!1,void(p=!1);u&&i.params.cssMode&&C(),u=!1,p=!1}})),n("slideChange",(()=>{!i.destroyed&&i.autoplay.running&&(h=!0)})),Object.assign(i.autoplay,{start:S,stop:T,pause:M,resume:C})},function(e){let{swiper:t,extendParams:s,on:i}=e;s({thumbs:{swiper:null,multipleActiveThumbs:!0,autoScrollOffset:0,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-thumbs"}});let r=!1,n=!1;function l(){const e=t.thumbs.swiper;if(!e||e.destroyed)return;const s=e.clickedIndex,a=e.clickedSlide;if(a&&a.classList.contains(t.params.thumbs.slideThumbActiveClass))return;if(null==s)return;let i;i=e.params.loop?parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"),10):s,t.params.loop?t.slideToLoop(i):t.slideTo(i)}function o(){const{thumbs:e}=t.params;if(r)return!1;r=!0;const s=t.constructor;if(e.swiper instanceof s){if(e.swiper.destroyed)return r=!1,!1;t.thumbs.swiper=e.swiper,Object.assign(t.thumbs.swiper.originalParams,{watchSlidesProgress:!0,slideToClickedSlide:!1}),Object.assign(t.thumbs.swiper.params,{watchSlidesProgress:!0,slideToClickedSlide:!1}),t.thumbs.swiper.update()}else if(c(e.swiper)){const a=Object.assign({},e.swiper);Object.assign(a,{watchSlidesProgress:!0,slideToClickedSlide:!1}),t.thumbs.swiper=new s(a),n=!0}return t.thumbs.swiper.el.classList.add(t.params.thumbs.thumbsContainerClass),t.thumbs.swiper.on("tap",l),!0}function d(e){const s=t.thumbs.swiper;if(!s||s.destroyed)return;const a="auto"===s.params.slidesPerView?s.slidesPerViewDynamic():s.params.slidesPerView;let i=1;const r=t.params.thumbs.slideThumbActiveClass;if(t.params.slidesPerView>1&&!t.params.centeredSlides&&(i=t.params.slidesPerView),t.params.thumbs.multipleActiveThumbs||(i=1),i=Math.floor(i),s.slides.forEach((e=>e.classList.remove(r))),s.params.loop||s.params.virtual&&s.params.virtual.enabled)for(let e=0;e<i;e+=1)f(s.slidesEl,`[data-swiper-slide-index="${t.realIndex+e}"]`).forEach((e=>{e.classList.add(r)}));else for(let e=0;e<i;e+=1)s.slides[t.realIndex+e]&&s.slides[t.realIndex+e].classList.add(r);const n=t.params.thumbs.autoScrollOffset,l=n&&!s.params.loop;if(t.realIndex!==s.realIndex||l){const i=s.activeIndex;let r,o;if(s.params.loop){const e=s.slides.find((e=>e.getAttribute("data-swiper-slide-index")===`${t.realIndex}`));r=s.slides.indexOf(e),o=t.activeIndex>t.previousIndex?"next":"prev"}else r=t.realIndex,o=r>t.previousIndex?"next":"prev";l&&(r+="next"===o?n:-1*n),s.visibleSlidesIndexes&&s.visibleSlidesIndexes.indexOf(r)<0&&(s.params.centeredSlides?r=r>i?r-Math.floor(a/2)+1:r+Math.floor(a/2)-1:r>i&&s.params.slidesPerGroup,s.slideTo(r,e?0:void 0))}}t.thumbs={swiper:null},i("beforeInit",(()=>{const{thumbs:e}=t.params;if(e&&e.swiper)if("string"==typeof e.swiper||e.swiper instanceof HTMLElement){const s=a(),i=()=>{const a="string"==typeof e.swiper?s.querySelector(e.swiper):e.swiper;if(a&&a.swiper)e.swiper=a.swiper,o(),d(!0);else if(a){const s=`${t.params.eventsPrefix}init`,i=r=>{e.swiper=r.detail[0],a.removeEventListener(s,i),o(),d(!0),e.swiper.update(),t.update()};a.addEventListener(s,i)}return a},r=()=>{if(t.destroyed)return;i()||requestAnimationFrame(r)};requestAnimationFrame(r)}else o(),d(!0)})),i("slideChange update resize observerUpdate",(()=>{d()})),i("setTransition",((e,s)=>{const a=t.thumbs.swiper;a&&!a.destroyed&&a.setTransition(s)})),i("beforeDestroy",(()=>{const e=t.thumbs.swiper;e&&!e.destroyed&&n&&e.destroy()})),Object.assign(t.thumbs,{init:o,update:d})},function(e){let{swiper:t,extendParams:s,emit:a,once:i}=e;s({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}}),Object.assign(t,{freeMode:{onTouchStart:function(){if(t.params.cssMode)return;const e=t.getTranslate();t.setTranslate(e),t.setTransition(0),t.touchEventsData.velocities.length=0,t.freeMode.onTouchEnd({currentPos:t.rtl?t.translate:-t.translate})},onTouchMove:function(){if(t.params.cssMode)return;const{touchEventsData:e,touches:s}=t;0===e.velocities.length&&e.velocities.push({position:s[t.isHorizontal()?"startX":"startY"],time:e.touchStartTime}),e.velocities.push({position:s[t.isHorizontal()?"currentX":"currentY"],time:o()})},onTouchEnd:function(e){let{currentPos:s}=e;if(t.params.cssMode)return;const{params:r,wrapperEl:n,rtlTranslate:l,snapGrid:d,touchEventsData:c}=t,p=o()-c.touchStartTime;if(s<-t.minTranslate())t.slideTo(t.activeIndex);else if(s>-t.maxTranslate())t.slides.length<d.length?t.slideTo(d.length-1):t.slideTo(t.slides.length-1);else{if(r.freeMode.momentum){if(c.velocities.length>1){const e=c.velocities.pop(),s=c.velocities.pop(),a=e.position-s.position,i=e.time-s.time;t.velocity=a/i,t.velocity/=2,Math.abs(t.velocity)<r.freeMode.minimumVelocity&&(t.velocity=0),(i>150||o()-e.time>300)&&(t.velocity=0)}else t.velocity=0;t.velocity*=r.freeMode.momentumVelocityRatio,c.velocities.length=0;let e=1e3*r.freeMode.momentumRatio;const s=t.velocity*e;let p=t.translate+s;l&&(p=-p);let u,m=!1;const h=20*Math.abs(t.velocity)*r.freeMode.momentumBounceRatio;let f;if(p<t.maxTranslate())r.freeMode.momentumBounce?(p+t.maxTranslate()<-h&&(p=t.maxTranslate()-h),u=t.maxTranslate(),m=!0,c.allowMomentumBounce=!0):p=t.maxTranslate(),r.loop&&r.centeredSlides&&(f=!0);else if(p>t.minTranslate())r.freeMode.momentumBounce?(p-t.minTranslate()>h&&(p=t.minTranslate()+h),u=t.minTranslate(),m=!0,c.allowMomentumBounce=!0):p=t.minTranslate(),r.loop&&r.centeredSlides&&(f=!0);else if(r.freeMode.sticky){let e;for(let t=0;t<d.length;t+=1)if(d[t]>-p){e=t;break}p=Math.abs(d[e]-p)<Math.abs(d[e-1]-p)||"next"===t.swipeDirection?d[e]:d[e-1],p=-p}if(f&&i("transitionEnd",(()=>{t.loopFix()})),0!==t.velocity){if(e=l?Math.abs((-p-t.translate)/t.velocity):Math.abs((p-t.translate)/t.velocity),r.freeMode.sticky){const s=Math.abs((l?-p:p)-t.translate),a=t.slidesSizesGrid[t.activeIndex];e=s<a?r.speed:s<2*a?1.5*r.speed:2.5*r.speed}}else if(r.freeMode.sticky)return void t.slideToClosest();r.freeMode.momentumBounce&&m?(t.updateProgress(u),t.setTransition(e),t.setTranslate(p),t.transitionStart(!0,t.swipeDirection),t.animating=!0,x(n,(()=>{t&&!t.destroyed&&c.allowMomentumBounce&&(a("momentumBounce"),t.setTransition(r.speed),setTimeout((()=>{t.setTranslate(u),x(n,(()=>{t&&!t.destroyed&&t.transitionEnd()}))}),0))}))):t.velocity?(a("_freeModeNoMomentumRelease"),t.updateProgress(p),t.setTransition(e),t.setTranslate(p),t.transitionStart(!0,t.swipeDirection),t.animating||(t.animating=!0,x(n,(()=>{t&&!t.destroyed&&t.transitionEnd()})))):t.updateProgress(p),t.updateActiveIndex(),t.updateSlidesClasses()}else{if(r.freeMode.sticky)return void t.slideToClosest();r.freeMode&&a("_freeModeNoMomentumRelease")}(!r.freeMode.momentum||p>=r.longSwipesMs)&&(a("_freeModeStaticRelease"),t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses())}}}})},function(e){let t,s,a,i,{swiper:r,extendParams:n,on:l}=e;n({grid:{rows:1,fill:"column"}});const o=()=>{let e=r.params.spaceBetween;return"string"==typeof e&&e.indexOf("%")>=0?e=parseFloat(e.replace("%",""))/100*r.size:"string"==typeof e&&(e=parseFloat(e)),e};l("init",(()=>{i=r.params.grid&&r.params.grid.rows>1})),l("update",(()=>{const{params:e,el:t}=r,s=e.grid&&e.grid.rows>1;i&&!s?(t.classList.remove(`${e.containerModifierClass}grid`,`${e.containerModifierClass}grid-column`),a=1,r.emitContainerClasses()):!i&&s&&(t.classList.add(`${e.containerModifierClass}grid`),"column"===e.grid.fill&&t.classList.add(`${e.containerModifierClass}grid-column`),r.emitContainerClasses()),i=s})),r.grid={initSlides:e=>{const{slidesPerView:i}=r.params,{rows:n,fill:l}=r.params.grid,o=r.virtual&&r.params.virtual.enabled?r.virtual.slides.length:e.length;a=Math.floor(o/n),t=Math.floor(o/n)===o/n?o:Math.ceil(o/n)*n,"auto"!==i&&"row"===l&&(t=Math.max(t,i*n)),s=t/n},unsetSlides:()=>{r.slides&&r.slides.forEach((e=>{e.swiperSlideGridSet&&(e.style.height="",e.style[r.getDirectionLabel("margin-top")]="")}))},updateSlide:(e,i,n)=>{const{slidesPerGroup:l}=r.params,d=o(),{rows:c,fill:p}=r.params.grid,u=r.virtual&&r.params.virtual.enabled?r.virtual.slides.length:n.length;let m,h,f;if("row"===p&&l>1){const s=Math.floor(e/(l*c)),a=e-c*l*s,r=0===s?l:Math.min(Math.ceil((u-s*c*l)/c),l);f=Math.floor(a/r),h=a-f*r+s*l,m=h+f*t/c,i.style.order=m}else"column"===p?(h=Math.floor(e/c),f=e-h*c,(h>a||h===a&&f===c-1)&&(f+=1,f>=c&&(f=0,h+=1))):(f=Math.floor(e/s),h=e-f*s);i.row=f,i.column=h,i.style.height=`calc((100% - ${(c-1)*d}px) / ${c})`,i.style[r.getDirectionLabel("margin-top")]=0!==f?d&&`${d}px`:"",i.swiperSlideGridSet=!0},updateWrapperSize:(e,s)=>{const{centeredSlides:a,roundLengths:i}=r.params,n=o(),{rows:l}=r.params.grid;if(r.virtualSize=(e+n)*t,r.virtualSize=Math.ceil(r.virtualSize/l)-n,r.params.cssMode||(r.wrapperEl.style[r.getDirectionLabel("width")]=`${r.virtualSize+n}px`),a){const e=[];for(let t=0;t<s.length;t+=1){let a=s[t];i&&(a=Math.floor(a)),s[t]<r.virtualSize+s[0]&&e.push(a)}s.splice(0,s.length),s.push(...e)}}}},function(e){let{swiper:t}=e;Object.assign(t,{appendSlide:oe.bind(t),prependSlide:de.bind(t),addSlide:ce.bind(t),removeSlide:pe.bind(t),removeAllSlides:ue.bind(t)})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({fadeEffect:{crossFade:!1}}),me({effect:"fade",swiper:t,on:a,setTranslate:()=>{const{slides:e}=t;t.params.fadeEffect;for(let s=0;s<e.length;s+=1){const e=t.slides[s];let a=-e.swiperSlideOffset;t.params.virtualTranslate||(a-=t.translate);let i=0;t.isHorizontal()||(i=a,a=0);const r=t.params.fadeEffect.crossFade?Math.max(1-Math.abs(e.progress),0):1+Math.min(Math.max(e.progress,-1),0),n=he(0,e);n.style.opacity=r,n.style.transform=`translate3d(${a}px, ${i}px, 0px)`}},setTransition:e=>{const s=t.slides.map((e=>h(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`})),fe({swiper:t,duration:e,transformElements:s,allSlides:!0})},overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}});const i=(e,t,s)=>{let a=s?e.querySelector(".swiper-slide-shadow-left"):e.querySelector(".swiper-slide-shadow-top"),i=s?e.querySelector(".swiper-slide-shadow-right"):e.querySelector(".swiper-slide-shadow-bottom");a||(a=v("div",("swiper-slide-shadow-cube swiper-slide-shadow-"+(s?"left":"top")).split(" ")),e.append(a)),i||(i=v("div",("swiper-slide-shadow-cube swiper-slide-shadow-"+(s?"right":"bottom")).split(" ")),e.append(i)),a&&(a.style.opacity=Math.max(-t,0)),i&&(i.style.opacity=Math.max(t,0))};me({effect:"cube",swiper:t,on:a,setTranslate:()=>{const{el:e,wrapperEl:s,slides:a,width:r,height:n,rtlTranslate:l,size:o,browser:d}=t,c=M(t),p=t.params.cubeEffect,u=t.isHorizontal(),m=t.virtual&&t.params.virtual.enabled;let h,f=0;p.shadow&&(u?(h=t.wrapperEl.querySelector(".swiper-cube-shadow"),h||(h=v("div","swiper-cube-shadow"),t.wrapperEl.append(h)),h.style.height=`${r}px`):(h=e.querySelector(".swiper-cube-shadow"),h||(h=v("div","swiper-cube-shadow"),e.append(h))));for(let e=0;e<a.length;e+=1){const t=a[e];let s=e;m&&(s=parseInt(t.getAttribute("data-swiper-slide-index"),10));let r=90*s,n=Math.floor(r/360);l&&(r=-r,n=Math.floor(-r/360));const d=Math.max(Math.min(t.progress,1),-1);let h=0,g=0,v=0;s%4==0?(h=4*-n*o,v=0):(s-1)%4==0?(h=0,v=4*-n*o):(s-2)%4==0?(h=o+4*n*o,v=o):(s-3)%4==0&&(h=-o,v=3*o+4*o*n),l&&(h=-h),u||(g=h,h=0);const w=`rotateX(${c(u?0:-r)}deg) rotateY(${c(u?r:0)}deg) translate3d(${h}px, ${g}px, ${v}px)`;d<=1&&d>-1&&(f=90*s+90*d,l&&(f=90*-s-90*d)),t.style.transform=w,p.slideShadows&&i(t,d,u)}if(s.style.transformOrigin=`50% 50% -${o/2}px`,s.style["-webkit-transform-origin"]=`50% 50% -${o/2}px`,p.shadow)if(u)h.style.transform=`translate3d(0px, ${r/2+p.shadowOffset}px, ${-r/2}px) rotateX(89.99deg) rotateZ(0deg) scale(${p.shadowScale})`;else{const e=Math.abs(f)-90*Math.floor(Math.abs(f)/90),t=1.5-(Math.sin(2*e*Math.PI/360)/2+Math.cos(2*e*Math.PI/360)/2),s=p.shadowScale,a=p.shadowScale/t,i=p.shadowOffset;h.style.transform=`scale3d(${s}, 1, ${a}) translate3d(0px, ${n/2+i}px, ${-n/2/a}px) rotateX(-89.99deg)`}const g=(d.isSafari||d.isWebView)&&d.needPerspectiveFix?-o/2:0;s.style.transform=`translate3d(0px,0,${g}px) rotateX(${c(t.isHorizontal()?0:f)}deg) rotateY(${c(t.isHorizontal()?-f:0)}deg)`,s.style.setProperty("--swiper-cube-translate-z",`${g}px`)},setTransition:e=>{const{el:s,slides:a}=t;if(a.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),t.params.cubeEffect.shadow&&!t.isHorizontal()){const t=s.querySelector(".swiper-cube-shadow");t&&(t.style.transitionDuration=`${e}ms`)}},recreateShadows:()=>{const e=t.isHorizontal();t.slides.forEach((t=>{const s=Math.max(Math.min(t.progress,1),-1);i(t,s,e)}))},getEffectParams:()=>t.params.cubeEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,resistanceRatio:0,spaceBetween:0,centeredSlides:!1,virtualTranslate:!0})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({flipEffect:{slideShadows:!0,limitRotation:!0}});const i=(e,s)=>{let a=t.isHorizontal()?e.querySelector(".swiper-slide-shadow-left"):e.querySelector(".swiper-slide-shadow-top"),i=t.isHorizontal()?e.querySelector(".swiper-slide-shadow-right"):e.querySelector(".swiper-slide-shadow-bottom");a||(a=ge("flip",e,t.isHorizontal()?"left":"top")),i||(i=ge("flip",e,t.isHorizontal()?"right":"bottom")),a&&(a.style.opacity=Math.max(-s,0)),i&&(i.style.opacity=Math.max(s,0))};me({effect:"flip",swiper:t,on:a,setTranslate:()=>{const{slides:e,rtlTranslate:s}=t,a=t.params.flipEffect,r=M(t);for(let n=0;n<e.length;n+=1){const l=e[n];let o=l.progress;t.params.flipEffect.limitRotation&&(o=Math.max(Math.min(l.progress,1),-1));const d=l.swiperSlideOffset;let c=-180*o,p=0,u=t.params.cssMode?-d-t.translate:-d,m=0;t.isHorizontal()?s&&(c=-c):(m=u,u=0,p=-c,c=0),l.style.zIndex=-Math.abs(Math.round(o))+e.length,a.slideShadows&&i(l,o);const h=`translate3d(${u}px, ${m}px, 0px) rotateX(${r(p)}deg) rotateY(${r(c)}deg)`;he(0,l).style.transform=h}},setTransition:e=>{const s=t.slides.map((e=>h(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),fe({swiper:t,duration:e,transformElements:s})},recreateShadows:()=>{t.params.flipEffect,t.slides.forEach((e=>{let s=e.progress;t.params.flipEffect.limitRotation&&(s=Math.max(Math.min(e.progress,1),-1)),i(e,s)}))},getEffectParams:()=>t.params.flipEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({coverflowEffect:{rotate:50,stretch:0,depth:100,scale:1,modifier:1,slideShadows:!0}}),me({effect:"coverflow",swiper:t,on:a,setTranslate:()=>{const{width:e,height:s,slides:a,slidesSizesGrid:i}=t,r=t.params.coverflowEffect,n=t.isHorizontal(),l=t.translate,o=n?e/2-l:s/2-l,d=n?r.rotate:-r.rotate,c=r.depth,p=M(t);for(let e=0,t=a.length;e<t;e+=1){const t=a[e],s=i[e],l=(o-t.swiperSlideOffset-s/2)/s,u="function"==typeof r.modifier?r.modifier(l):l*r.modifier;let m=n?d*u:0,h=n?0:d*u,f=-c*Math.abs(u),g=r.stretch;"string"==typeof g&&-1!==g.indexOf("%")&&(g=parseFloat(r.stretch)/100*s);let v=n?0:g*u,w=n?g*u:0,b=1-(1-r.scale)*Math.abs(u);Math.abs(w)<.001&&(w=0),Math.abs(v)<.001&&(v=0),Math.abs(f)<.001&&(f=0),Math.abs(m)<.001&&(m=0),Math.abs(h)<.001&&(h=0),Math.abs(b)<.001&&(b=0);const y=`translate3d(${w}px,${v}px,${f}px)  rotateX(${p(h)}deg) rotateY(${p(m)}deg) scale(${b})`;if(he(0,t).style.transform=y,t.style.zIndex=1-Math.abs(Math.round(u)),r.slideShadows){let e=n?t.querySelector(".swiper-slide-shadow-left"):t.querySelector(".swiper-slide-shadow-top"),s=n?t.querySelector(".swiper-slide-shadow-right"):t.querySelector(".swiper-slide-shadow-bottom");e||(e=ge("coverflow",t,n?"left":"top")),s||(s=ge("coverflow",t,n?"right":"bottom")),e&&(e.style.opacity=u>0?u:0),s&&(s.style.opacity=-u>0?-u:0)}}},setTransition:e=>{t.slides.map((e=>h(e))).forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>{t.style.transitionDuration=`${e}ms`}))}))},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({creativeEffect:{limitProgress:1,shadowPerProgress:!1,progressMultiplier:1,perspective:!0,prev:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1},next:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1}}});const i=e=>"string"==typeof e?e:`${e}px`;me({effect:"creative",swiper:t,on:a,setTranslate:()=>{const{slides:e,wrapperEl:s,slidesSizesGrid:a}=t,r=t.params.creativeEffect,{progressMultiplier:n}=r,l=t.params.centeredSlides,o=M(t);if(l){const e=a[0]/2-t.params.slidesOffsetBefore||0;s.style.transform=`translateX(calc(50% - ${e}px))`}for(let s=0;s<e.length;s+=1){const a=e[s],d=a.progress,c=Math.min(Math.max(a.progress,-r.limitProgress),r.limitProgress);let p=c;l||(p=Math.min(Math.max(a.originalProgress,-r.limitProgress),r.limitProgress));const u=a.swiperSlideOffset,m=[t.params.cssMode?-u-t.translate:-u,0,0],h=[0,0,0];let f=!1;t.isHorizontal()||(m[1]=m[0],m[0]=0);let g={translate:[0,0,0],rotate:[0,0,0],scale:1,opacity:1};c<0?(g=r.next,f=!0):c>0&&(g=r.prev,f=!0),m.forEach(((e,t)=>{m[t]=`calc(${e}px + (${i(g.translate[t])} * ${Math.abs(c*n)}))`})),h.forEach(((e,t)=>{let s=g.rotate[t]*Math.abs(c*n);h[t]=s})),a.style.zIndex=-Math.abs(Math.round(d))+e.length;const v=m.join(", "),w=`rotateX(${o(h[0])}deg) rotateY(${o(h[1])}deg) rotateZ(${o(h[2])}deg)`,b=p<0?`scale(${1+(1-g.scale)*p*n})`:`scale(${1-(1-g.scale)*p*n})`,y=p<0?1+(1-g.opacity)*p*n:1-(1-g.opacity)*p*n,E=`translate3d(${v}) ${w} ${b}`;if(f&&g.shadow||!f){let e=a.querySelector(".swiper-slide-shadow");if(!e&&g.shadow&&(e=ge("creative",a)),e){const t=r.shadowPerProgress?c*(1/r.limitProgress):c;e.style.opacity=Math.min(Math.max(Math.abs(t),0),1)}}const x=he(0,a);x.style.transform=E,x.style.opacity=y,g.origin&&(x.style.transformOrigin=g.origin)}},setTransition:e=>{const s=t.slides.map((e=>h(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),fe({swiper:t,duration:e,transformElements:s,allSlides:!0})},perspective:()=>t.params.creativeEffect.perspective,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({cardsEffect:{slideShadows:!0,rotate:!0,perSlideRotate:2,perSlideOffset:8}}),me({effect:"cards",swiper:t,on:a,setTranslate:()=>{const{slides:e,activeIndex:s,rtlTranslate:a}=t,i=t.params.cardsEffect,{startTranslate:r,isTouched:n}=t.touchEventsData,l=a?-t.translate:t.translate;for(let o=0;o<e.length;o+=1){const d=e[o],c=d.progress,p=Math.min(Math.max(c,-4),4);let u=d.swiperSlideOffset;t.params.centeredSlides&&!t.params.cssMode&&(t.wrapperEl.style.transform=`translateX(${t.minTranslate()}px)`),t.params.centeredSlides&&t.params.cssMode&&(u-=e[0].swiperSlideOffset);let m=t.params.cssMode?-u-t.translate:-u,h=0;const f=-100*Math.abs(p);let g=1,v=-i.perSlideRotate*p,w=i.perSlideOffset-.75*Math.abs(p);const b=t.virtual&&t.params.virtual.enabled?t.virtual.from+o:o,y=(b===s||b===s-1)&&p>0&&p<1&&(n||t.params.cssMode)&&l<r,E=(b===s||b===s+1)&&p<0&&p>-1&&(n||t.params.cssMode)&&l>r;if(y||E){const e=(1-Math.abs((Math.abs(p)-.5)/.5))**.5;v+=-28*p*e,g+=-.5*e,w+=96*e,h=-25*e*Math.abs(p)+"%"}if(m=p<0?`calc(${m}px ${a?"-":"+"} (${w*Math.abs(p)}%))`:p>0?`calc(${m}px ${a?"-":"+"} (-${w*Math.abs(p)}%))`:`${m}px`,!t.isHorizontal()){const e=h;h=m,m=e}const x=p<0?""+(1+(1-g)*p):""+(1-(1-g)*p),S=`\n        translate3d(${m}, ${h}, ${f}px)\n        rotateZ(${i.rotate?a?-v:v:0}deg)\n        scale(${x})\n      `;if(i.slideShadows){let e=d.querySelector(".swiper-slide-shadow");e||(e=ge("cards",d)),e&&(e.style.opacity=Math.min(Math.max((Math.abs(p)-.5)/.5,0),1))}d.style.zIndex=-Math.abs(Math.round(c))+e.length;he(0,d).style.transform=S}},setTransition:e=>{const s=t.slides.map((e=>h(e)));s.forEach((t=>{t.style.transitionDuration=`${e}ms`,t.querySelectorAll(".swiper-slide-shadow").forEach((t=>{t.style.transitionDuration=`${e}ms`}))})),fe({swiper:t,duration:e,transformElements:s})},perspective:()=>!0,overwriteParams:()=>({_loopSwapReset:!1,watchSlidesProgress:!0,loopAdditionalSlides:t.params.cardsEffect.rotate?3:2,centeredSlides:!0,virtualTranslate:!t.params.cssMode})})}];return re.use(ve),re}();
+//# sourceMappingURL=swiper-bundle.min.js.map
\ No newline at end of file
diff --git a/www/raven-demo/vendor/js/tom-select.complete.min.js b/www/raven-demo/vendor/js/tom-select.complete.min.js
new file mode 100644
index 0000000..d0b9d30
--- /dev/null
+++ b/www/raven-demo/vendor/js/tom-select.complete.min.js
@@ -0,0 +1,444 @@
+/**
+* Tom Select v2.4.3
+* Licensed under the Apache License, Version 2.0 (the "License");
+*/
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).TomSelect=t()}(this,(function(){"use strict"
+function e(e,t){e.split(/\s+/).forEach((e=>{t(e)}))}class t{constructor(){this._events={}}on(t,s){e(t,(e=>{const t=this._events[e]||[]
+t.push(s),this._events[e]=t}))}off(t,s){var i=arguments.length
+0!==i?e(t,(e=>{if(1===i)return void delete this._events[e]
+const t=this._events[e]
+void 0!==t&&(t.splice(t.indexOf(s),1),this._events[e]=t)})):this._events={}}trigger(t,...s){var i=this
+e(t,(e=>{const t=i._events[e]
+void 0!==t&&t.forEach((e=>{e.apply(i,s)}))}))}}const s=e=>(e=e.filter(Boolean)).length<2?e[0]||"":1==l(e)?"["+e.join("")+"]":"(?:"+e.join("|")+")",i=e=>{if(!o(e))return e.join("")
+let t="",s=0
+const i=()=>{s>1&&(t+="{"+s+"}")}
+return e.forEach(((n,o)=>{n!==e[o-1]?(i(),t+=n,s=1):s++})),i(),t},n=e=>{let t=Array.from(e)
+return s(t)},o=e=>new Set(e).size!==e.length,r=e=>(e+"").replace(/([\$\(\)\*\+\.\?\[\]\^\{\|\}\\])/gu,"\\$1"),l=e=>e.reduce(((e,t)=>Math.max(e,a(t))),0),a=e=>Array.from(e).length,c=e=>{if(1===e.length)return[[e]]
+let t=[]
+const s=e.substring(1)
+return c(s).forEach((function(s){let i=s.slice(0)
+i[0]=e.charAt(0)+i[0],t.push(i),i=s.slice(0),i.unshift(e.charAt(0)),t.push(i)})),t},d=[[0,65535]]
+let u,p
+const h={},g={"/":"⁄∕",0:"߀",a:"ⱥɐɑ",aa:"ꜳ",ae:"æǽǣ",ao:"ꜵ",au:"ꜷ",av:"ꜹꜻ",ay:"ꜽ",b:"ƀɓƃ",c:"ꜿƈȼↄ",d:"đɗɖᴅƌꮷԁɦ",e:"ɛǝᴇɇ",f:"ꝼƒ",g:"ǥɠꞡᵹꝿɢ",h:"ħⱨⱶɥ",i:"ɨı",j:"ɉȷ",k:"ƙⱪꝁꝃꝅꞣ",l:"łƚɫⱡꝉꝇꞁɭ",m:"ɱɯϻ",n:"ꞥƞɲꞑᴎлԉ",o:"øǿɔɵꝋꝍᴑ",oe:"œ",oi:"ƣ",oo:"ꝏ",ou:"ȣ",p:"ƥᵽꝑꝓꝕρ",q:"ꝗꝙɋ",r:"ɍɽꝛꞧꞃ",s:"ßȿꞩꞅʂ",t:"ŧƭʈⱦꞇ",th:"þ",tz:"ꜩ",u:"ʉ",v:"ʋꝟʌ",vy:"ꝡ",w:"ⱳ",y:"ƴɏỿ",z:"ƶȥɀⱬꝣ",hv:"ƕ"}
+for(let e in g){let t=g[e]||""
+for(let s=0;s<t.length;s++){let i=t.substring(s,s+1)
+h[i]=e}}const f=new RegExp(Object.keys(h).join("|")+"|[̀-ͯ·ʾʼ]","gu"),m=(e,t="NFKD")=>e.normalize(t),v=e=>Array.from(e).reduce(((e,t)=>e+y(t)),""),y=e=>(e=m(e).toLowerCase().replace(f,(e=>h[e]||"")),m(e,"NFC"))
+const O=e=>{const t={},s=(e,s)=>{const i=t[e]||new Set,o=new RegExp("^"+n(i)+"$","iu")
+s.match(o)||(i.add(r(s)),t[e]=i)}
+for(let t of function*(e){for(const[t,s]of e)for(let e=t;e<=s;e++){let t=String.fromCharCode(e),s=v(t)
+s!=t.toLowerCase()&&(s.length>3||0!=s.length&&(yield{folded:s,composed:t,code_point:e}))}}(e))s(t.folded,t.folded),s(t.folded,t.composed)
+return t},b=e=>{const t=O(e),i={}
+let o=[]
+for(let e in t){let s=t[e]
+s&&(i[e]=n(s)),e.length>1&&o.push(r(e))}o.sort(((e,t)=>t.length-e.length))
+const l=s(o)
+return p=new RegExp("^"+l,"u"),i},w=(e,t=1)=>(t=Math.max(t,e.length-1),s(c(e).map((e=>((e,t=1)=>{let s=0
+return e=e.map((e=>(u[e]&&(s+=e.length),u[e]||e))),s>=t?i(e):""})(e,t))))),_=(e,t=!0)=>{let n=e.length>1?1:0
+return s(e.map((e=>{let s=[]
+const o=t?e.length():e.length()-1
+for(let t=0;t<o;t++)s.push(w(e.substrs[t]||"",n))
+return i(s)})))},C=(e,t)=>{for(const s of t){if(s.start!=e.start||s.end!=e.end)continue
+if(s.substrs.join("")!==e.substrs.join(""))continue
+let t=e.parts
+const i=e=>{for(const s of t){if(s.start===e.start&&s.substr===e.substr)return!1
+if(1!=e.length&&1!=s.length){if(e.start<s.start&&e.end>s.start)return!0
+if(s.start<e.start&&s.end>e.start)return!0}}return!1}
+if(!(s.parts.filter(i).length>0))return!0}return!1}
+class S{parts
+substrs
+start
+end
+constructor(){this.parts=[],this.substrs=[],this.start=0,this.end=0}add(e){e&&(this.parts.push(e),this.substrs.push(e.substr),this.start=Math.min(e.start,this.start),this.end=Math.max(e.end,this.end))}last(){return this.parts[this.parts.length-1]}length(){return this.parts.length}clone(e,t){let s=new S,i=JSON.parse(JSON.stringify(this.parts)),n=i.pop()
+for(const e of i)s.add(e)
+let o=t.substr.substring(0,e-n.start),r=o.length
+return s.add({start:n.start,end:n.start+r,length:r,substr:o}),s}}const I=e=>{void 0===u&&(u=b(d)),e=v(e)
+let t="",s=[new S]
+for(let i=0;i<e.length;i++){let n=e.substring(i).match(p)
+const o=e.substring(i,i+1),r=n?n[0]:null
+let l=[],a=new Set
+for(const e of s){const t=e.last()
+if(!t||1==t.length||t.end<=i)if(r){const t=r.length
+e.add({start:i,end:i+t,length:t,substr:r}),a.add("1")}else e.add({start:i,end:i+1,length:1,substr:o}),a.add("2")
+else if(r){let s=e.clone(i,t)
+const n=r.length
+s.add({start:i,end:i+n,length:n,substr:r}),l.push(s)}else a.add("3")}if(l.length>0){l=l.sort(((e,t)=>e.length()-t.length()))
+for(let e of l)C(e,s)||s.push(e)}else if(i>0&&1==a.size&&!a.has("3")){t+=_(s,!1)
+let e=new S
+const i=s[0]
+i&&e.add(i.last()),s=[e]}}return t+=_(s,!0),t},A=(e,t)=>{if(e)return e[t]},k=(e,t)=>{if(e){for(var s,i=t.split(".");(s=i.shift())&&(e=e[s]););return e}},x=(e,t,s)=>{var i,n
+return e?(e+="",null==t.regex||-1===(n=e.search(t.regex))?0:(i=t.string.length/e.length,0===n&&(i+=.5),i*s)):0},F=(e,t)=>{var s=e[t]
+if("function"==typeof s)return s
+s&&!Array.isArray(s)&&(e[t]=[s])},L=(e,t)=>{if(Array.isArray(e))e.forEach(t)
+else for(var s in e)e.hasOwnProperty(s)&&t(e[s],s)},E=(e,t)=>"number"==typeof e&&"number"==typeof t?e>t?1:e<t?-1:0:(e=v(e+"").toLowerCase())>(t=v(t+"").toLowerCase())?1:t>e?-1:0
+class T{items
+settings
+constructor(e,t){this.items=e,this.settings=t||{diacritics:!0}}tokenize(e,t,s){if(!e||!e.length)return[]
+const i=[],n=e.split(/\s+/)
+var o
+return s&&(o=new RegExp("^("+Object.keys(s).map(r).join("|")+"):(.*)$")),n.forEach((e=>{let s,n=null,l=null
+o&&(s=e.match(o))&&(n=s[1],e=s[2]),e.length>0&&(l=this.settings.diacritics?I(e)||null:r(e),l&&t&&(l="\\b"+l)),i.push({string:e,regex:l?new RegExp(l,"iu"):null,field:n})})),i}getScoreFunction(e,t){var s=this.prepareSearch(e,t)
+return this._getScoreFunction(s)}_getScoreFunction(e){const t=e.tokens,s=t.length
+if(!s)return function(){return 0}
+const i=e.options.fields,n=e.weights,o=i.length,r=e.getAttrFn
+if(!o)return function(){return 1}
+const l=1===o?function(e,t){const s=i[0].field
+return x(r(t,s),e,n[s]||1)}:function(e,t){var s=0
+if(e.field){const i=r(t,e.field)
+!e.regex&&i?s+=1/o:s+=x(i,e,1)}else L(n,((i,n)=>{s+=x(r(t,n),e,i)}))
+return s/o}
+return 1===s?function(e){return l(t[0],e)}:"and"===e.options.conjunction?function(e){var i,n=0
+for(let s of t){if((i=l(s,e))<=0)return 0
+n+=i}return n/s}:function(e){var i=0
+return L(t,(t=>{i+=l(t,e)})),i/s}}getSortFunction(e,t){var s=this.prepareSearch(e,t)
+return this._getSortFunction(s)}_getSortFunction(e){var t,s=[]
+const i=this,n=e.options,o=!e.query&&n.sort_empty?n.sort_empty:n.sort
+if("function"==typeof o)return o.bind(this)
+const r=function(t,s){return"$score"===t?s.score:e.getAttrFn(i.items[s.id],t)}
+if(o)for(let t of o)(e.query||"$score"!==t.field)&&s.push(t)
+if(e.query){t=!0
+for(let e of s)if("$score"===e.field){t=!1
+break}t&&s.unshift({field:"$score",direction:"desc"})}else s=s.filter((e=>"$score"!==e.field))
+return s.length?function(e,t){var i,n
+for(let o of s){if(n=o.field,i=("desc"===o.direction?-1:1)*E(r(n,e),r(n,t)))return i}return 0}:null}prepareSearch(e,t){const s={}
+var i=Object.assign({},t)
+if(F(i,"sort"),F(i,"sort_empty"),i.fields){F(i,"fields")
+const e=[]
+i.fields.forEach((t=>{"string"==typeof t&&(t={field:t,weight:1}),e.push(t),s[t.field]="weight"in t?t.weight:1})),i.fields=e}return{options:i,query:e.toLowerCase().trim(),tokens:this.tokenize(e,i.respect_word_boundaries,s),total:0,items:[],weights:s,getAttrFn:i.nesting?k:A}}search(e,t){var s,i,n=this
+i=this.prepareSearch(e,t),t=i.options,e=i.query
+const o=t.score||n._getScoreFunction(i)
+e.length?L(n.items,((e,n)=>{s=o(e),(!1===t.filter||s>0)&&i.items.push({score:s,id:n})})):L(n.items,((e,t)=>{i.items.push({score:1,id:t})}))
+const r=n._getSortFunction(i)
+return r&&i.items.sort(r),i.total=i.items.length,"number"==typeof t.limit&&(i.items=i.items.slice(0,t.limit)),i}}const P=e=>null==e?null:N(e),N=e=>"boolean"==typeof e?e?"1":"0":e+"",j=e=>(e+"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;"),$=(e,t)=>{var s
+return function(i,n){var o=this
+s&&(o.loading=Math.max(o.loading-1,0),clearTimeout(s)),s=setTimeout((function(){s=null,o.loadedSearches[i]=!0,e.call(o,i,n)}),t)}},V=(e,t,s)=>{var i,n=e.trigger,o={}
+for(i of(e.trigger=function(){var s=arguments[0]
+if(-1===t.indexOf(s))return n.apply(e,arguments)
+o[s]=arguments},s.apply(e,[]),e.trigger=n,t))i in o&&n.apply(e,o[i])},q=(e,t=!1)=>{e&&(e.preventDefault(),t&&e.stopPropagation())},D=(e,t,s,i)=>{e.addEventListener(t,s,i)},H=(e,t)=>!!t&&(!!t[e]&&1===(t.altKey?1:0)+(t.ctrlKey?1:0)+(t.shiftKey?1:0)+(t.metaKey?1:0)),R=(e,t)=>{const s=e.getAttribute("id")
+return s||(e.setAttribute("id",t),t)},M=e=>e.replace(/[\\"']/g,"\\$&"),z=(e,t)=>{t&&e.append(t)},B=(e,t)=>{if(Array.isArray(e))e.forEach(t)
+else for(var s in e)e.hasOwnProperty(s)&&t(e[s],s)},K=e=>{if(e.jquery)return e[0]
+if(e instanceof HTMLElement)return e
+if(Q(e)){var t=document.createElement("template")
+return t.innerHTML=e.trim(),t.content.firstChild}return document.querySelector(e)},Q=e=>"string"==typeof e&&e.indexOf("<")>-1,G=(e,t)=>{var s=document.createEvent("HTMLEvents")
+s.initEvent(t,!0,!1),e.dispatchEvent(s)},U=(e,t)=>{Object.assign(e.style,t)},J=(e,...t)=>{var s=X(t);(e=Y(e)).map((e=>{s.map((t=>{e.classList.add(t)}))}))},W=(e,...t)=>{var s=X(t);(e=Y(e)).map((e=>{s.map((t=>{e.classList.remove(t)}))}))},X=e=>{var t=[]
+return B(e,(e=>{"string"==typeof e&&(e=e.trim().split(/[\t\n\f\r\s]/)),Array.isArray(e)&&(t=t.concat(e))})),t.filter(Boolean)},Y=e=>(Array.isArray(e)||(e=[e]),e),Z=(e,t,s)=>{if(!s||s.contains(e))for(;e&&e.matches;){if(e.matches(t))return e
+e=e.parentNode}},ee=(e,t=0)=>t>0?e[e.length-1]:e[0],te=(e,t)=>{if(!e)return-1
+t=t||e.nodeName
+for(var s=0;e=e.previousElementSibling;)e.matches(t)&&s++
+return s},se=(e,t)=>{B(t,((t,s)=>{null==t?e.removeAttribute(s):e.setAttribute(s,""+t)}))},ie=(e,t)=>{e.parentNode&&e.parentNode.replaceChild(t,e)},ne=(e,t)=>{if(null===t)return
+if("string"==typeof t){if(!t.length)return
+t=new RegExp(t,"i")}const s=e=>3===e.nodeType?(e=>{var s=e.data.match(t)
+if(s&&e.data.length>0){var i=document.createElement("span")
+i.className="highlight"
+var n=e.splitText(s.index)
+n.splitText(s[0].length)
+var o=n.cloneNode(!0)
+return i.appendChild(o),ie(n,i),1}return 0})(e):((e=>{1!==e.nodeType||!e.childNodes||/(script|style)/i.test(e.tagName)||"highlight"===e.className&&"SPAN"===e.tagName||Array.from(e.childNodes).forEach((e=>{s(e)}))})(e),0)
+s(e)},oe="undefined"!=typeof navigator&&/Mac/.test(navigator.userAgent)?"metaKey":"ctrlKey"
+var re={options:[],optgroups:[],plugins:[],delimiter:",",splitOn:null,persist:!0,diacritics:!0,create:null,createOnBlur:!1,createFilter:null,highlight:!0,openOnFocus:!0,shouldOpen:null,maxOptions:50,maxItems:null,hideSelected:null,duplicates:!1,addPrecedence:!1,selectOnTab:!1,preload:null,allowEmptyOption:!1,refreshThrottle:300,loadThrottle:300,loadingClass:"loading",dataAttr:null,optgroupField:"optgroup",valueField:"value",labelField:"text",disabledField:"disabled",optgroupLabelField:"label",optgroupValueField:"value",lockOptgroupOrder:!1,sortField:"$order",searchField:["text"],searchConjunction:"and",mode:null,wrapperClass:"ts-wrapper",controlClass:"ts-control",dropdownClass:"ts-dropdown",dropdownContentClass:"ts-dropdown-content",itemClass:"item",optionClass:"option",dropdownParent:null,controlInput:'<input type="text" autocomplete="off" size="1" />',copyClassesToDropdown:!1,placeholder:null,hidePlaceholder:null,shouldLoad:function(e){return e.length>0},render:{}}
+function le(e,t){var s=Object.assign({},re,t),i=s.dataAttr,n=s.labelField,o=s.valueField,r=s.disabledField,l=s.optgroupField,a=s.optgroupLabelField,c=s.optgroupValueField,d=e.tagName.toLowerCase(),u=e.getAttribute("placeholder")||e.getAttribute("data-placeholder")
+if(!u&&!s.allowEmptyOption){let t=e.querySelector('option[value=""]')
+t&&(u=t.textContent)}var p={placeholder:u,options:[],optgroups:[],items:[],maxItems:null}
+return"select"===d?(()=>{var t,d=p.options,u={},h=1
+let g=0
+var f=e=>{var t=Object.assign({},e.dataset),s=i&&t[i]
+return"string"==typeof s&&s.length&&(t=Object.assign(t,JSON.parse(s))),t},m=(e,t)=>{var i=P(e.value)
+if(null!=i&&(i||s.allowEmptyOption)){if(u.hasOwnProperty(i)){if(t){var a=u[i][l]
+a?Array.isArray(a)?a.push(t):u[i][l]=[a,t]:u[i][l]=t}}else{var c=f(e)
+c[n]=c[n]||e.textContent,c[o]=c[o]||i,c[r]=c[r]||e.disabled,c[l]=c[l]||t,c.$option=e,c.$order=c.$order||++g,u[i]=c,d.push(c)}e.selected&&p.items.push(i)}}
+p.maxItems=e.hasAttribute("multiple")?null:1,B(e.children,(e=>{var s,i,n
+"optgroup"===(t=e.tagName.toLowerCase())?((n=f(s=e))[a]=n[a]||s.getAttribute("label")||"",n[c]=n[c]||h++,n[r]=n[r]||s.disabled,n.$order=n.$order||++g,p.optgroups.push(n),i=n[c],B(s.children,(e=>{m(e,i)}))):"option"===t&&m(e)}))})():(()=>{const t=e.getAttribute(i)
+if(t)p.options=JSON.parse(t),B(p.options,(e=>{p.items.push(e[o])}))
+else{var r=e.value.trim()||""
+if(!s.allowEmptyOption&&!r.length)return
+const t=r.split(s.delimiter)
+B(t,(e=>{const t={}
+t[n]=e,t[o]=e,p.options.push(t)})),p.items=t}})(),Object.assign({},re,p,t)}var ae=0
+class ce extends(function(e){return e.plugins={},class extends e{constructor(...e){super(...e),this.plugins={names:[],settings:{},requested:{},loaded:{}}}static define(t,s){e.plugins[t]={name:t,fn:s}}initializePlugins(e){var t,s
+const i=this,n=[]
+if(Array.isArray(e))e.forEach((e=>{"string"==typeof e?n.push(e):(i.plugins.settings[e.name]=e.options,n.push(e.name))}))
+else if(e)for(t in e)e.hasOwnProperty(t)&&(i.plugins.settings[t]=e[t],n.push(t))
+for(;s=n.shift();)i.require(s)}loadPlugin(t){var s=this,i=s.plugins,n=e.plugins[t]
+if(!e.plugins.hasOwnProperty(t))throw new Error('Unable to find "'+t+'" plugin')
+i.requested[t]=!0,i.loaded[t]=n.fn.apply(s,[s.plugins.settings[t]||{}]),i.names.push(t)}require(e){var t=this,s=t.plugins
+if(!t.plugins.loaded.hasOwnProperty(e)){if(s.requested[e])throw new Error('Plugin has circular dependency ("'+e+'")')
+t.loadPlugin(e)}return s.loaded[e]}}}(t)){constructor(e,t){var s
+super(),this.order=0,this.isOpen=!1,this.isDisabled=!1,this.isReadOnly=!1,this.isInvalid=!1,this.isValid=!0,this.isLocked=!1,this.isFocused=!1,this.isInputHidden=!1,this.isSetup=!1,this.ignoreFocus=!1,this.ignoreHover=!1,this.hasOptions=!1,this.lastValue="",this.caretPos=0,this.loading=0,this.loadedSearches={},this.activeOption=null,this.activeItems=[],this.optgroups={},this.options={},this.userOptions={},this.items=[],this.refreshTimeout=null,ae++
+var i=K(e)
+if(i.tomselect)throw new Error("Tom Select already initialized on this element")
+i.tomselect=this,s=(window.getComputedStyle&&window.getComputedStyle(i,null)).getPropertyValue("direction")
+const n=le(i,t)
+this.settings=n,this.input=i,this.tabIndex=i.tabIndex||0,this.is_select_tag="select"===i.tagName.toLowerCase(),this.rtl=/rtl/i.test(s),this.inputId=R(i,"tomselect-"+ae),this.isRequired=i.required,this.sifter=new T(this.options,{diacritics:n.diacritics}),n.mode=n.mode||(1===n.maxItems?"single":"multi"),"boolean"!=typeof n.hideSelected&&(n.hideSelected="multi"===n.mode),"boolean"!=typeof n.hidePlaceholder&&(n.hidePlaceholder="multi"!==n.mode)
+var o=n.createFilter
+"function"!=typeof o&&("string"==typeof o&&(o=new RegExp(o)),o instanceof RegExp?n.createFilter=e=>o.test(e):n.createFilter=e=>this.settings.duplicates||!this.options[e]),this.initializePlugins(n.plugins),this.setupCallbacks(),this.setupTemplates()
+const r=K("<div>"),l=K("<div>"),a=this._render("dropdown"),c=K('<div role="listbox" tabindex="-1">'),d=this.input.getAttribute("class")||"",u=n.mode
+var p
+if(J(r,n.wrapperClass,d,u),J(l,n.controlClass),z(r,l),J(a,n.dropdownClass,u),n.copyClassesToDropdown&&J(a,d),J(c,n.dropdownContentClass),z(a,c),K(n.dropdownParent||r).appendChild(a),Q(n.controlInput)){p=K(n.controlInput)
+B(["autocorrect","autocapitalize","autocomplete","spellcheck"],(e=>{i.getAttribute(e)&&se(p,{[e]:i.getAttribute(e)})})),p.tabIndex=-1,l.appendChild(p),this.focus_node=p}else n.controlInput?(p=K(n.controlInput),this.focus_node=p):(p=K("<input/>"),this.focus_node=l)
+this.wrapper=r,this.dropdown=a,this.dropdown_content=c,this.control=l,this.control_input=p,this.setup()}setup(){const e=this,t=e.settings,s=e.control_input,i=e.dropdown,n=e.dropdown_content,o=e.wrapper,l=e.control,a=e.input,c=e.focus_node,d={passive:!0},u=e.inputId+"-ts-dropdown"
+se(n,{id:u}),se(c,{role:"combobox","aria-haspopup":"listbox","aria-expanded":"false","aria-controls":u})
+const p=R(c,e.inputId+"-ts-control"),h="label[for='"+(e=>e.replace(/['"\\]/g,"\\$&"))(e.inputId)+"']",g=document.querySelector(h),f=e.focus.bind(e)
+if(g){D(g,"click",f),se(g,{for:p})
+const t=R(g,e.inputId+"-ts-label")
+se(c,{"aria-labelledby":t}),se(n,{"aria-labelledby":t})}if(o.style.width=a.style.width,e.plugins.names.length){const t="plugin-"+e.plugins.names.join(" plugin-")
+J([o,i],t)}(null===t.maxItems||t.maxItems>1)&&e.is_select_tag&&se(a,{multiple:"multiple"}),t.placeholder&&se(s,{placeholder:t.placeholder}),!t.splitOn&&t.delimiter&&(t.splitOn=new RegExp("\\s*"+r(t.delimiter)+"+\\s*")),t.load&&t.loadThrottle&&(t.load=$(t.load,t.loadThrottle)),D(i,"mousemove",(()=>{e.ignoreHover=!1})),D(i,"mouseenter",(t=>{var s=Z(t.target,"[data-selectable]",i)
+s&&e.onOptionHover(t,s)}),{capture:!0}),D(i,"click",(t=>{const s=Z(t.target,"[data-selectable]")
+s&&(e.onOptionSelect(t,s),q(t,!0))})),D(l,"click",(t=>{var i=Z(t.target,"[data-ts-item]",l)
+i&&e.onItemSelect(t,i)?q(t,!0):""==s.value&&(e.onClick(),q(t,!0))})),D(c,"keydown",(t=>e.onKeyDown(t))),D(s,"keypress",(t=>e.onKeyPress(t))),D(s,"input",(t=>e.onInput(t))),D(c,"blur",(t=>e.onBlur(t))),D(c,"focus",(t=>e.onFocus(t))),D(s,"paste",(t=>e.onPaste(t)))
+const m=t=>{const n=t.composedPath()[0]
+if(!o.contains(n)&&!i.contains(n))return e.isFocused&&e.blur(),void e.inputState()
+n==s&&e.isOpen?t.stopPropagation():q(t,!0)},v=()=>{e.isOpen&&e.positionDropdown()}
+D(document,"mousedown",m),D(window,"scroll",v,d),D(window,"resize",v,d),this._destroy=()=>{document.removeEventListener("mousedown",m),window.removeEventListener("scroll",v),window.removeEventListener("resize",v),g&&g.removeEventListener("click",f)},this.revertSettings={innerHTML:a.innerHTML,tabIndex:a.tabIndex},a.tabIndex=-1,a.insertAdjacentElement("afterend",e.wrapper),e.sync(!1),t.items=[],delete t.optgroups,delete t.options,D(a,"invalid",(()=>{e.isValid&&(e.isValid=!1,e.isInvalid=!0,e.refreshState())})),e.updateOriginalInput(),e.refreshItems(),e.close(!1),e.inputState(),e.isSetup=!0,a.disabled?e.disable():a.readOnly?e.setReadOnly(!0):e.enable(),e.on("change",this.onChange),J(a,"tomselected","ts-hidden-accessible"),e.trigger("initialize"),!0===t.preload&&e.preload()}setupOptions(e=[],t=[]){this.addOptions(e),B(t,(e=>{this.registerOptionGroup(e)}))}setupTemplates(){var e=this,t=e.settings.labelField,s=e.settings.optgroupLabelField,i={optgroup:e=>{let t=document.createElement("div")
+return t.className="optgroup",t.appendChild(e.options),t},optgroup_header:(e,t)=>'<div class="optgroup-header">'+t(e[s])+"</div>",option:(e,s)=>"<div>"+s(e[t])+"</div>",item:(e,s)=>"<div>"+s(e[t])+"</div>",option_create:(e,t)=>'<div class="create">Add <strong>'+t(e.input)+"</strong>&hellip;</div>",no_results:()=>'<div class="no-results">No results found</div>',loading:()=>'<div class="spinner"></div>',not_loading:()=>{},dropdown:()=>"<div></div>"}
+e.settings.render=Object.assign({},i,e.settings.render)}setupCallbacks(){var e,t,s={initialize:"onInitialize",change:"onChange",item_add:"onItemAdd",item_remove:"onItemRemove",item_select:"onItemSelect",clear:"onClear",option_add:"onOptionAdd",option_remove:"onOptionRemove",option_clear:"onOptionClear",optgroup_add:"onOptionGroupAdd",optgroup_remove:"onOptionGroupRemove",optgroup_clear:"onOptionGroupClear",dropdown_open:"onDropdownOpen",dropdown_close:"onDropdownClose",type:"onType",load:"onLoad",focus:"onFocus",blur:"onBlur"}
+for(e in s)(t=this.settings[s[e]])&&this.on(e,t)}sync(e=!0){const t=this,s=e?le(t.input,{delimiter:t.settings.delimiter}):t.settings
+t.setupOptions(s.options,s.optgroups),t.setValue(s.items||[],!0),t.lastQuery=null}onClick(){var e=this
+if(e.activeItems.length>0)return e.clearActiveItems(),void e.focus()
+e.isFocused&&e.isOpen?e.blur():e.focus()}onMouseDown(){}onChange(){G(this.input,"input"),G(this.input,"change")}onPaste(e){var t=this
+t.isInputHidden||t.isLocked?q(e):t.settings.splitOn&&setTimeout((()=>{var e=t.inputValue()
+if(e.match(t.settings.splitOn)){var s=e.trim().split(t.settings.splitOn)
+B(s,(e=>{P(e)&&(this.options[e]?t.addItem(e):t.createItem(e))}))}}),0)}onKeyPress(e){var t=this
+if(!t.isLocked){var s=String.fromCharCode(e.keyCode||e.which)
+return t.settings.create&&"multi"===t.settings.mode&&s===t.settings.delimiter?(t.createItem(),void q(e)):void 0}q(e)}onKeyDown(e){var t=this
+if(t.ignoreHover=!0,t.isLocked)9!==e.keyCode&&q(e)
+else{switch(e.keyCode){case 65:if(H(oe,e)&&""==t.control_input.value)return q(e),void t.selectAll()
+break
+case 27:return t.isOpen&&(q(e,!0),t.close()),void t.clearActiveItems()
+case 40:if(!t.isOpen&&t.hasOptions)t.open()
+else if(t.activeOption){let e=t.getAdjacent(t.activeOption,1)
+e&&t.setActiveOption(e)}return void q(e)
+case 38:if(t.activeOption){let e=t.getAdjacent(t.activeOption,-1)
+e&&t.setActiveOption(e)}return void q(e)
+case 13:return void(t.canSelect(t.activeOption)?(t.onOptionSelect(e,t.activeOption),q(e)):(t.settings.create&&t.createItem()||document.activeElement==t.control_input&&t.isOpen)&&q(e))
+case 37:return void t.advanceSelection(-1,e)
+case 39:return void t.advanceSelection(1,e)
+case 9:return void(t.settings.selectOnTab&&(t.canSelect(t.activeOption)&&(t.onOptionSelect(e,t.activeOption),q(e)),t.settings.create&&t.createItem()&&q(e)))
+case 8:case 46:return void t.deleteSelection(e)}t.isInputHidden&&!H(oe,e)&&q(e)}}onInput(e){if(this.isLocked)return
+const t=this.inputValue()
+this.lastValue!==t&&(this.lastValue=t,""!=t?(this.refreshTimeout&&window.clearTimeout(this.refreshTimeout),this.refreshTimeout=((e,t)=>t>0?window.setTimeout(e,t):(e.call(null),null))((()=>{this.refreshTimeout=null,this._onInput()}),this.settings.refreshThrottle)):this._onInput())}_onInput(){const e=this.lastValue
+this.settings.shouldLoad.call(this,e)&&this.load(e),this.refreshOptions(),this.trigger("type",e)}onOptionHover(e,t){this.ignoreHover||this.setActiveOption(t,!1)}onFocus(e){var t=this,s=t.isFocused
+if(t.isDisabled||t.isReadOnly)return t.blur(),void q(e)
+t.ignoreFocus||(t.isFocused=!0,"focus"===t.settings.preload&&t.preload(),s||t.trigger("focus"),t.activeItems.length||(t.inputState(),t.refreshOptions(!!t.settings.openOnFocus)),t.refreshState())}onBlur(e){if(!1!==document.hasFocus()){var t=this
+if(t.isFocused){t.isFocused=!1,t.ignoreFocus=!1
+var s=()=>{t.close(),t.setActiveItem(),t.setCaret(t.items.length),t.trigger("blur")}
+t.settings.create&&t.settings.createOnBlur?t.createItem(null,s):s()}}}onOptionSelect(e,t){var s,i=this
+t.parentElement&&t.parentElement.matches("[data-disabled]")||(t.classList.contains("create")?i.createItem(null,(()=>{i.settings.closeAfterSelect&&i.close()})):void 0!==(s=t.dataset.value)&&(i.lastQuery=null,i.addItem(s),i.settings.closeAfterSelect&&i.close(),!i.settings.hideSelected&&e.type&&/click/.test(e.type)&&i.setActiveOption(t)))}canSelect(e){return!!(this.isOpen&&e&&this.dropdown_content.contains(e))}onItemSelect(e,t){var s=this
+return!s.isLocked&&"multi"===s.settings.mode&&(q(e),s.setActiveItem(t,e),!0)}canLoad(e){return!!this.settings.load&&!this.loadedSearches.hasOwnProperty(e)}load(e){const t=this
+if(!t.canLoad(e))return
+J(t.wrapper,t.settings.loadingClass),t.loading++
+const s=t.loadCallback.bind(t)
+t.settings.load.call(t,e,s)}loadCallback(e,t){const s=this
+s.loading=Math.max(s.loading-1,0),s.lastQuery=null,s.clearActiveOption(),s.setupOptions(e,t),s.refreshOptions(s.isFocused&&!s.isInputHidden),s.loading||W(s.wrapper,s.settings.loadingClass),s.trigger("load",e,t)}preload(){var e=this.wrapper.classList
+e.contains("preloaded")||(e.add("preloaded"),this.load(""))}setTextboxValue(e=""){var t=this.control_input
+t.value!==e&&(t.value=e,G(t,"update"),this.lastValue=e)}getValue(){return this.is_select_tag&&this.input.hasAttribute("multiple")?this.items:this.items.join(this.settings.delimiter)}setValue(e,t){V(this,t?[]:["change"],(()=>{this.clear(t),this.addItems(e,t)}))}setMaxItems(e){0===e&&(e=null),this.settings.maxItems=e,this.refreshState()}setActiveItem(e,t){var s,i,n,o,r,l,a=this
+if("single"!==a.settings.mode){if(!e)return a.clearActiveItems(),void(a.isFocused&&a.inputState())
+if("click"===(s=t&&t.type.toLowerCase())&&H("shiftKey",t)&&a.activeItems.length){for(l=a.getLastActive(),(n=Array.prototype.indexOf.call(a.control.children,l))>(o=Array.prototype.indexOf.call(a.control.children,e))&&(r=n,n=o,o=r),i=n;i<=o;i++)e=a.control.children[i],-1===a.activeItems.indexOf(e)&&a.setActiveItemClass(e)
+q(t)}else"click"===s&&H(oe,t)||"keydown"===s&&H("shiftKey",t)?e.classList.contains("active")?a.removeActiveItem(e):a.setActiveItemClass(e):(a.clearActiveItems(),a.setActiveItemClass(e))
+a.inputState(),a.isFocused||a.focus()}}setActiveItemClass(e){const t=this,s=t.control.querySelector(".last-active")
+s&&W(s,"last-active"),J(e,"active last-active"),t.trigger("item_select",e),-1==t.activeItems.indexOf(e)&&t.activeItems.push(e)}removeActiveItem(e){var t=this.activeItems.indexOf(e)
+this.activeItems.splice(t,1),W(e,"active")}clearActiveItems(){W(this.activeItems,"active"),this.activeItems=[]}setActiveOption(e,t=!0){e!==this.activeOption&&(this.clearActiveOption(),e&&(this.activeOption=e,se(this.focus_node,{"aria-activedescendant":e.getAttribute("id")}),se(e,{"aria-selected":"true"}),J(e,"active"),t&&this.scrollToOption(e)))}scrollToOption(e,t){if(!e)return
+const s=this.dropdown_content,i=s.clientHeight,n=s.scrollTop||0,o=e.offsetHeight,r=e.getBoundingClientRect().top-s.getBoundingClientRect().top+n
+r+o>i+n?this.scroll(r-i+o,t):r<n&&this.scroll(r,t)}scroll(e,t){const s=this.dropdown_content
+t&&(s.style.scrollBehavior=t),s.scrollTop=e,s.style.scrollBehavior=""}clearActiveOption(){this.activeOption&&(W(this.activeOption,"active"),se(this.activeOption,{"aria-selected":null})),this.activeOption=null,se(this.focus_node,{"aria-activedescendant":null})}selectAll(){const e=this
+if("single"===e.settings.mode)return
+const t=e.controlChildren()
+t.length&&(e.inputState(),e.close(),e.activeItems=t,B(t,(t=>{e.setActiveItemClass(t)})))}inputState(){var e=this
+e.control.contains(e.control_input)&&(se(e.control_input,{placeholder:e.settings.placeholder}),e.activeItems.length>0||!e.isFocused&&e.settings.hidePlaceholder&&e.items.length>0?(e.setTextboxValue(),e.isInputHidden=!0):(e.settings.hidePlaceholder&&e.items.length>0&&se(e.control_input,{placeholder:""}),e.isInputHidden=!1),e.wrapper.classList.toggle("input-hidden",e.isInputHidden))}inputValue(){return this.control_input.value.trim()}focus(){var e=this
+e.isDisabled||e.isReadOnly||(e.ignoreFocus=!0,e.control_input.offsetWidth?e.control_input.focus():e.focus_node.focus(),setTimeout((()=>{e.ignoreFocus=!1,e.onFocus()}),0))}blur(){this.focus_node.blur(),this.onBlur()}getScoreFunction(e){return this.sifter.getScoreFunction(e,this.getSearchOptions())}getSearchOptions(){var e=this.settings,t=e.sortField
+return"string"==typeof e.sortField&&(t=[{field:e.sortField}]),{fields:e.searchField,conjunction:e.searchConjunction,sort:t,nesting:e.nesting}}search(e){var t,s,i=this,n=this.getSearchOptions()
+if(i.settings.score&&"function"!=typeof(s=i.settings.score.call(i,e)))throw new Error('Tom Select "score" setting must be a function that returns a function')
+return e!==i.lastQuery?(i.lastQuery=e,t=i.sifter.search(e,Object.assign(n,{score:s})),i.currentResults=t):t=Object.assign({},i.currentResults),i.settings.hideSelected&&(t.items=t.items.filter((e=>{let t=P(e.id)
+return!(t&&-1!==i.items.indexOf(t))}))),t}refreshOptions(e=!0){var t,s,i,n,o,r,l,a,c,d
+const u={},p=[]
+var h=this,g=h.inputValue()
+const f=g===h.lastQuery||""==g&&null==h.lastQuery
+var m=h.search(g),v=null,y=h.settings.shouldOpen||!1,O=h.dropdown_content
+f&&(v=h.activeOption)&&(c=v.closest("[data-group]")),n=m.items.length,"number"==typeof h.settings.maxOptions&&(n=Math.min(n,h.settings.maxOptions)),n>0&&(y=!0)
+const b=(e,t)=>{let s=u[e]
+if(void 0!==s){let e=p[s]
+if(void 0!==e)return[s,e.fragment]}let i=document.createDocumentFragment()
+return s=p.length,p.push({fragment:i,order:t,optgroup:e}),[s,i]}
+for(t=0;t<n;t++){let e=m.items[t]
+if(!e)continue
+let n=e.id,l=h.options[n]
+if(void 0===l)continue
+let a=N(n),d=h.getOption(a,!0)
+for(h.settings.hideSelected||d.classList.toggle("selected",h.items.includes(a)),o=l[h.settings.optgroupField]||"",s=0,i=(r=Array.isArray(o)?o:[o])&&r.length;s<i;s++){o=r[s]
+let e=l.$order,t=h.optgroups[o]
+void 0===t?o="":e=t.$order
+const[i,a]=b(o,e)
+s>0&&(d=d.cloneNode(!0),se(d,{id:l.$id+"-clone-"+s,"aria-selected":null}),d.classList.add("ts-cloned"),W(d,"active"),h.activeOption&&h.activeOption.dataset.value==n&&c&&c.dataset.group===o.toString()&&(v=d)),a.appendChild(d),""!=o&&(u[o]=i)}}var w
+h.settings.lockOptgroupOrder&&p.sort(((e,t)=>e.order-t.order)),l=document.createDocumentFragment(),B(p,(e=>{let t=e.fragment,s=e.optgroup
+if(!t||!t.children.length)return
+let i=h.optgroups[s]
+if(void 0!==i){let e=document.createDocumentFragment(),s=h.render("optgroup_header",i)
+z(e,s),z(e,t)
+let n=h.render("optgroup",{group:i,options:e})
+z(l,n)}else z(l,t)})),O.innerHTML="",z(O,l),h.settings.highlight&&(w=O.querySelectorAll("span.highlight"),Array.prototype.forEach.call(w,(function(e){var t=e.parentNode
+t.replaceChild(e.firstChild,e),t.normalize()})),m.query.length&&m.tokens.length&&B(m.tokens,(e=>{ne(O,e.regex)})))
+var _=e=>{let t=h.render(e,{input:g})
+return t&&(y=!0,O.insertBefore(t,O.firstChild)),t}
+if(h.loading?_("loading"):h.settings.shouldLoad.call(h,g)?0===m.items.length&&_("no_results"):_("not_loading"),(a=h.canCreate(g))&&(d=_("option_create")),h.hasOptions=m.items.length>0||a,y){if(m.items.length>0){if(v||"single"!==h.settings.mode||null==h.items[0]||(v=h.getOption(h.items[0])),!O.contains(v)){let e=0
+d&&!h.settings.addPrecedence&&(e=1),v=h.selectable()[e]}}else d&&(v=d)
+e&&!h.isOpen&&(h.open(),h.scrollToOption(v,"auto")),h.setActiveOption(v)}else h.clearActiveOption(),e&&h.isOpen&&h.close(!1)}selectable(){return this.dropdown_content.querySelectorAll("[data-selectable]")}addOption(e,t=!1){const s=this
+if(Array.isArray(e))return s.addOptions(e,t),!1
+const i=P(e[s.settings.valueField])
+return null!==i&&!s.options.hasOwnProperty(i)&&(e.$order=e.$order||++s.order,e.$id=s.inputId+"-opt-"+e.$order,s.options[i]=e,s.lastQuery=null,t&&(s.userOptions[i]=t,s.trigger("option_add",i,e)),i)}addOptions(e,t=!1){B(e,(e=>{this.addOption(e,t)}))}registerOption(e){return this.addOption(e)}registerOptionGroup(e){var t=P(e[this.settings.optgroupValueField])
+return null!==t&&(e.$order=e.$order||++this.order,this.optgroups[t]=e,t)}addOptionGroup(e,t){var s
+t[this.settings.optgroupValueField]=e,(s=this.registerOptionGroup(t))&&this.trigger("optgroup_add",s,t)}removeOptionGroup(e){this.optgroups.hasOwnProperty(e)&&(delete this.optgroups[e],this.clearCache(),this.trigger("optgroup_remove",e))}clearOptionGroups(){this.optgroups={},this.clearCache(),this.trigger("optgroup_clear")}updateOption(e,t){const s=this
+var i,n
+const o=P(e),r=P(t[s.settings.valueField])
+if(null===o)return
+const l=s.options[o]
+if(null==l)return
+if("string"!=typeof r)throw new Error("Value must be set in option data")
+const a=s.getOption(o),c=s.getItem(o)
+if(t.$order=t.$order||l.$order,delete s.options[o],s.uncacheValue(r),s.options[r]=t,a){if(s.dropdown_content.contains(a)){const e=s._render("option",t)
+ie(a,e),s.activeOption===a&&s.setActiveOption(e)}a.remove()}c&&(-1!==(n=s.items.indexOf(o))&&s.items.splice(n,1,r),i=s._render("item",t),c.classList.contains("active")&&J(i,"active"),ie(c,i)),s.lastQuery=null}removeOption(e,t){const s=this
+e=N(e),s.uncacheValue(e),delete s.userOptions[e],delete s.options[e],s.lastQuery=null,s.trigger("option_remove",e),s.removeItem(e,t)}clearOptions(e){const t=(e||this.clearFilter).bind(this)
+this.loadedSearches={},this.userOptions={},this.clearCache()
+const s={}
+B(this.options,((e,i)=>{t(e,i)&&(s[i]=e)})),this.options=this.sifter.items=s,this.lastQuery=null,this.trigger("option_clear")}clearFilter(e,t){return this.items.indexOf(t)>=0}getOption(e,t=!1){const s=P(e)
+if(null===s)return null
+const i=this.options[s]
+if(null!=i){if(i.$div)return i.$div
+if(t)return this._render("option",i)}return null}getAdjacent(e,t,s="option"){var i
+if(!e)return null
+i="item"==s?this.controlChildren():this.dropdown_content.querySelectorAll("[data-selectable]")
+for(let s=0;s<i.length;s++)if(i[s]==e)return t>0?i[s+1]:i[s-1]
+return null}getItem(e){if("object"==typeof e)return e
+var t=P(e)
+return null!==t?this.control.querySelector(`[data-value="${M(t)}"]`):null}addItems(e,t){var s=this,i=Array.isArray(e)?e:[e]
+const n=(i=i.filter((e=>-1===s.items.indexOf(e))))[i.length-1]
+i.forEach((e=>{s.isPending=e!==n,s.addItem(e,t)}))}addItem(e,t){V(this,t?[]:["change","dropdown_close"],(()=>{var s,i
+const n=this,o=n.settings.mode,r=P(e)
+if((!r||-1===n.items.indexOf(r)||("single"===o&&n.close(),"single"!==o&&n.settings.duplicates))&&null!==r&&n.options.hasOwnProperty(r)&&("single"===o&&n.clear(t),"multi"!==o||!n.isFull())){if(s=n._render("item",n.options[r]),n.control.contains(s)&&(s=s.cloneNode(!0)),i=n.isFull(),n.items.splice(n.caretPos,0,r),n.insertAtCaret(s),n.isSetup){if(!n.isPending&&n.settings.hideSelected){let e=n.getOption(r),t=n.getAdjacent(e,1)
+t&&n.setActiveOption(t)}n.isPending||n.settings.closeAfterSelect||n.refreshOptions(n.isFocused&&"single"!==o),0!=n.settings.closeAfterSelect&&n.isFull()?n.close():n.isPending||n.positionDropdown(),n.trigger("item_add",r,s),n.isPending||n.updateOriginalInput({silent:t})}(!n.isPending||!i&&n.isFull())&&(n.inputState(),n.refreshState())}}))}removeItem(e=null,t){const s=this
+if(!(e=s.getItem(e)))return
+var i,n
+const o=e.dataset.value
+i=te(e),e.remove(),e.classList.contains("active")&&(n=s.activeItems.indexOf(e),s.activeItems.splice(n,1),W(e,"active")),s.items.splice(i,1),s.lastQuery=null,!s.settings.persist&&s.userOptions.hasOwnProperty(o)&&s.removeOption(o,t),i<s.caretPos&&s.setCaret(s.caretPos-1),s.updateOriginalInput({silent:t}),s.refreshState(),s.positionDropdown(),s.trigger("item_remove",o,e)}createItem(e=null,t=()=>{}){3===arguments.length&&(t=arguments[2]),"function"!=typeof t&&(t=()=>{})
+var s,i=this,n=i.caretPos
+if(e=e||i.inputValue(),!i.canCreate(e))return t(),!1
+i.lock()
+var o=!1,r=e=>{if(i.unlock(),!e||"object"!=typeof e)return t()
+var s=P(e[i.settings.valueField])
+if("string"!=typeof s)return t()
+i.setTextboxValue(),i.addOption(e,!0),i.setCaret(n),i.addItem(s),t(e),o=!0}
+return s="function"==typeof i.settings.create?i.settings.create.call(this,e,r):{[i.settings.labelField]:e,[i.settings.valueField]:e},o||r(s),!0}refreshItems(){var e=this
+e.lastQuery=null,e.isSetup&&e.addItems(e.items),e.updateOriginalInput(),e.refreshState()}refreshState(){const e=this
+e.refreshValidityState()
+const t=e.isFull(),s=e.isLocked
+e.wrapper.classList.toggle("rtl",e.rtl)
+const i=e.wrapper.classList
+var n
+i.toggle("focus",e.isFocused),i.toggle("disabled",e.isDisabled),i.toggle("readonly",e.isReadOnly),i.toggle("required",e.isRequired),i.toggle("invalid",!e.isValid),i.toggle("locked",s),i.toggle("full",t),i.toggle("input-active",e.isFocused&&!e.isInputHidden),i.toggle("dropdown-active",e.isOpen),i.toggle("has-options",(n=e.options,0===Object.keys(n).length)),i.toggle("has-items",e.items.length>0)}refreshValidityState(){var e=this
+e.input.validity&&(e.isValid=e.input.validity.valid,e.isInvalid=!e.isValid)}isFull(){return null!==this.settings.maxItems&&this.items.length>=this.settings.maxItems}updateOriginalInput(e={}){const t=this
+var s,i
+const n=t.input.querySelector('option[value=""]')
+if(t.is_select_tag){const o=[],r=t.input.querySelectorAll("option:checked").length
+function l(e,s,i){return e||(e=K('<option value="'+j(s)+'">'+j(i)+"</option>")),e!=n&&t.input.append(e),o.push(e),(e!=n||r>0)&&(e.selected=!0),e}t.input.querySelectorAll("option:checked").forEach((e=>{e.selected=!1})),0==t.items.length&&"single"==t.settings.mode?l(n,"",""):t.items.forEach((e=>{if(s=t.options[e],i=s[t.settings.labelField]||"",o.includes(s.$option)){l(t.input.querySelector(`option[value="${M(e)}"]:not(:checked)`),e,i)}else s.$option=l(s.$option,e,i)}))}else t.input.value=t.getValue()
+t.isSetup&&(e.silent||t.trigger("change",t.getValue()))}open(){var e=this
+e.isLocked||e.isOpen||"multi"===e.settings.mode&&e.isFull()||(e.isOpen=!0,se(e.focus_node,{"aria-expanded":"true"}),e.refreshState(),U(e.dropdown,{visibility:"hidden",display:"block"}),e.positionDropdown(),U(e.dropdown,{visibility:"visible",display:"block"}),e.focus(),e.trigger("dropdown_open",e.dropdown))}close(e=!0){var t=this,s=t.isOpen
+e&&(t.setTextboxValue(),"single"===t.settings.mode&&t.items.length&&t.inputState()),t.isOpen=!1,se(t.focus_node,{"aria-expanded":"false"}),U(t.dropdown,{display:"none"}),t.settings.hideSelected&&t.clearActiveOption(),t.refreshState(),s&&t.trigger("dropdown_close",t.dropdown)}positionDropdown(){if("body"===this.settings.dropdownParent){var e=this.control,t=e.getBoundingClientRect(),s=e.offsetHeight+t.top+window.scrollY,i=t.left+window.scrollX
+U(this.dropdown,{width:t.width+"px",top:s+"px",left:i+"px"})}}clear(e){var t=this
+if(t.items.length){var s=t.controlChildren()
+B(s,(e=>{t.removeItem(e,!0)})),t.inputState(),e||t.updateOriginalInput(),t.trigger("clear")}}insertAtCaret(e){const t=this,s=t.caretPos,i=t.control
+i.insertBefore(e,i.children[s]||null),t.setCaret(s+1)}deleteSelection(e){var t,s,i,n,o,r=this
+t=e&&8===e.keyCode?-1:1,s={start:(o=r.control_input).selectionStart||0,length:(o.selectionEnd||0)-(o.selectionStart||0)}
+const l=[]
+if(r.activeItems.length)n=ee(r.activeItems,t),i=te(n),t>0&&i++,B(r.activeItems,(e=>l.push(e)))
+else if((r.isFocused||"single"===r.settings.mode)&&r.items.length){const e=r.controlChildren()
+let i
+t<0&&0===s.start&&0===s.length?i=e[r.caretPos-1]:t>0&&s.start===r.inputValue().length&&(i=e[r.caretPos]),void 0!==i&&l.push(i)}if(!r.shouldDelete(l,e))return!1
+for(q(e,!0),void 0!==i&&r.setCaret(i);l.length;)r.removeItem(l.pop())
+return r.inputState(),r.positionDropdown(),r.refreshOptions(!1),!0}shouldDelete(e,t){const s=e.map((e=>e.dataset.value))
+return!(!s.length||"function"==typeof this.settings.onDelete&&!1===this.settings.onDelete(s,t))}advanceSelection(e,t){var s,i,n=this
+n.rtl&&(e*=-1),n.inputValue().length||(H(oe,t)||H("shiftKey",t)?(i=(s=n.getLastActive(e))?s.classList.contains("active")?n.getAdjacent(s,e,"item"):s:e>0?n.control_input.nextElementSibling:n.control_input.previousElementSibling)&&(i.classList.contains("active")&&n.removeActiveItem(s),n.setActiveItemClass(i)):n.moveCaret(e))}moveCaret(e){}getLastActive(e){let t=this.control.querySelector(".last-active")
+if(t)return t
+var s=this.control.querySelectorAll(".active")
+return s?ee(s,e):void 0}setCaret(e){this.caretPos=this.items.length}controlChildren(){return Array.from(this.control.querySelectorAll("[data-ts-item]"))}lock(){this.setLocked(!0)}unlock(){this.setLocked(!1)}setLocked(e=this.isReadOnly||this.isDisabled){this.isLocked=e,this.refreshState()}disable(){this.setDisabled(!0),this.close()}enable(){this.setDisabled(!1)}setDisabled(e){this.focus_node.tabIndex=e?-1:this.tabIndex,this.isDisabled=e,this.input.disabled=e,this.control_input.disabled=e,this.setLocked()}setReadOnly(e){this.isReadOnly=e,this.input.readOnly=e,this.control_input.readOnly=e,this.setLocked()}destroy(){var e=this,t=e.revertSettings
+e.trigger("destroy"),e.off(),e.wrapper.remove(),e.dropdown.remove(),e.input.innerHTML=t.innerHTML,e.input.tabIndex=t.tabIndex,W(e.input,"tomselected","ts-hidden-accessible"),e._destroy(),delete e.input.tomselect}render(e,t){var s,i
+const n=this
+if("function"!=typeof this.settings.render[e])return null
+if(!(i=n.settings.render[e].call(this,t,j)))return null
+if(i=K(i),"option"===e||"option_create"===e?t[n.settings.disabledField]?se(i,{"aria-disabled":"true"}):se(i,{"data-selectable":""}):"optgroup"===e&&(s=t.group[n.settings.optgroupValueField],se(i,{"data-group":s}),t.group[n.settings.disabledField]&&se(i,{"data-disabled":""})),"option"===e||"item"===e){const s=N(t[n.settings.valueField])
+se(i,{"data-value":s}),"item"===e?(J(i,n.settings.itemClass),se(i,{"data-ts-item":""})):(J(i,n.settings.optionClass),se(i,{role:"option",id:t.$id}),t.$div=i,n.options[s]=t)}return i}_render(e,t){const s=this.render(e,t)
+if(null==s)throw"HTMLElement expected"
+return s}clearCache(){B(this.options,(e=>{e.$div&&(e.$div.remove(),delete e.$div)}))}uncacheValue(e){const t=this.getOption(e)
+t&&t.remove()}canCreate(e){return this.settings.create&&e.length>0&&this.settings.createFilter.call(this,e)}hook(e,t,s){var i=this,n=i[t]
+i[t]=function(){var t,o
+return"after"===e&&(t=n.apply(i,arguments)),o=s.apply(i,arguments),"instead"===e?o:("before"===e&&(t=n.apply(i,arguments)),t)}}}return ce.define("change_listener",(function(){D(this.input,"change",(()=>{this.sync()}))})),ce.define("checkbox_options",(function(e){var t=this,s=t.onOptionSelect
+t.settings.hideSelected=!1
+const i=Object.assign({className:"tomselect-checkbox",checkedClassNames:void 0,uncheckedClassNames:void 0},e)
+var n=function(e,t){t?(e.checked=!0,i.uncheckedClassNames&&e.classList.remove(...i.uncheckedClassNames),i.checkedClassNames&&e.classList.add(...i.checkedClassNames)):(e.checked=!1,i.checkedClassNames&&e.classList.remove(...i.checkedClassNames),i.uncheckedClassNames&&e.classList.add(...i.uncheckedClassNames))},o=function(e){setTimeout((()=>{var t=e.querySelector("input."+i.className)
+t instanceof HTMLInputElement&&n(t,e.classList.contains("selected"))}),1)}
+t.hook("after","setupTemplates",(()=>{var e=t.settings.render.option
+t.settings.render.option=(s,o)=>{var r=K(e.call(t,s,o)),l=document.createElement("input")
+i.className&&l.classList.add(i.className),l.addEventListener("click",(function(e){q(e)})),l.type="checkbox"
+const a=P(s[t.settings.valueField])
+return n(l,!!(a&&t.items.indexOf(a)>-1)),r.prepend(l),r}})),t.on("item_remove",(e=>{var s=t.getOption(e)
+s&&(s.classList.remove("selected"),o(s))})),t.on("item_add",(e=>{var s=t.getOption(e)
+s&&o(s)})),t.hook("instead","onOptionSelect",((e,i)=>{if(i.classList.contains("selected"))return i.classList.remove("selected"),t.removeItem(i.dataset.value),t.refreshOptions(),void q(e,!0)
+s.call(t,e,i),o(i)}))})),ce.define("clear_button",(function(e){const t=this,s=Object.assign({className:"clear-button",title:"Clear All",html:e=>`<div class="${e.className}" title="${e.title}">&#10799;</div>`},e)
+t.on("initialize",(()=>{var e=K(s.html(s))
+e.addEventListener("click",(e=>{t.isLocked||(t.clear(),"single"===t.settings.mode&&t.settings.allowEmptyOption&&t.addItem(""),e.preventDefault(),e.stopPropagation())})),t.control.appendChild(e)}))})),ce.define("drag_drop",(function(){var e=this
+if("multi"!==e.settings.mode)return
+var t=e.lock,s=e.unlock
+let i,n=!0
+e.hook("after","setupTemplates",(()=>{var t=e.settings.render.item
+e.settings.render.item=(s,o)=>{const r=K(t.call(e,s,o))
+se(r,{draggable:"true"})
+const l=e=>{e.preventDefault(),r.classList.add("ts-drag-over"),a(r,i)},a=(e,t)=>{var s,i,n
+void 0!==t&&(((e,t)=>{do{var s
+if(e==(t=null==(s=t)?void 0:s.previousElementSibling))return!0}while(t&&t.previousElementSibling)
+return!1})(t,r)?(i=t,null==(n=(s=e).parentNode)||n.insertBefore(i,s.nextSibling)):((e,t)=>{var s
+null==(s=e.parentNode)||s.insertBefore(t,e)})(e,t))}
+return D(r,"mousedown",(e=>{n||q(e),e.stopPropagation()})),D(r,"dragstart",(e=>{i=r,setTimeout((()=>{r.classList.add("ts-dragging")}),0)})),D(r,"dragenter",l),D(r,"dragover",l),D(r,"dragleave",(()=>{r.classList.remove("ts-drag-over")})),D(r,"dragend",(()=>{var t
+document.querySelectorAll(".ts-drag-over").forEach((e=>e.classList.remove("ts-drag-over"))),null==(t=i)||t.classList.remove("ts-dragging"),i=void 0
+var s=[]
+e.control.querySelectorAll("[data-value]").forEach((e=>{if(e.dataset.value){let t=e.dataset.value
+t&&s.push(t)}})),e.setValue(s)})),r}})),e.hook("instead","lock",(()=>(n=!1,t.call(e)))),e.hook("instead","unlock",(()=>(n=!0,s.call(e))))})),ce.define("dropdown_header",(function(e){const t=this,s=Object.assign({title:"Untitled",headerClass:"dropdown-header",titleRowClass:"dropdown-header-title",labelClass:"dropdown-header-label",closeClass:"dropdown-header-close",html:e=>'<div class="'+e.headerClass+'"><div class="'+e.titleRowClass+'"><span class="'+e.labelClass+'">'+e.title+'</span><a class="'+e.closeClass+'">&times;</a></div></div>'},e)
+t.on("initialize",(()=>{var e=K(s.html(s)),i=e.querySelector("."+s.closeClass)
+i&&i.addEventListener("click",(e=>{q(e,!0),t.close()})),t.dropdown.insertBefore(e,t.dropdown.firstChild)}))})),ce.define("caret_position",(function(){var e=this
+e.hook("instead","setCaret",(t=>{"single"!==e.settings.mode&&e.control.contains(e.control_input)?(t=Math.max(0,Math.min(e.items.length,t)))==e.caretPos||e.isPending||e.controlChildren().forEach(((s,i)=>{i<t?e.control_input.insertAdjacentElement("beforebegin",s):e.control.appendChild(s)})):t=e.items.length,e.caretPos=t})),e.hook("instead","moveCaret",(t=>{if(!e.isFocused)return
+const s=e.getLastActive(t)
+if(s){const i=te(s)
+e.setCaret(t>0?i+1:i),e.setActiveItem(),W(s,"last-active")}else e.setCaret(e.caretPos+t)}))})),ce.define("dropdown_input",(function(){const e=this
+e.settings.shouldOpen=!0,e.hook("before","setup",(()=>{e.focus_node=e.control,J(e.control_input,"dropdown-input")
+const t=K('<div class="dropdown-input-wrap">')
+t.append(e.control_input),e.dropdown.insertBefore(t,e.dropdown.firstChild)
+const s=K('<input class="items-placeholder" tabindex="-1" />')
+s.placeholder=e.settings.placeholder||"",e.control.append(s)})),e.on("initialize",(()=>{e.control_input.addEventListener("keydown",(t=>{switch(t.keyCode){case 27:return e.isOpen&&(q(t,!0),e.close()),void e.clearActiveItems()
+case 9:e.focus_node.tabIndex=-1}return e.onKeyDown.call(e,t)})),e.on("blur",(()=>{e.focus_node.tabIndex=e.isDisabled?-1:e.tabIndex})),e.on("dropdown_open",(()=>{e.control_input.focus()}))
+const t=e.onBlur
+e.hook("instead","onBlur",(s=>{if(!s||s.relatedTarget!=e.control_input)return t.call(e)})),D(e.control_input,"blur",(()=>e.onBlur())),e.hook("before","close",(()=>{e.isOpen&&e.focus_node.focus({preventScroll:!0})}))}))})),ce.define("input_autogrow",(function(){var e=this
+e.on("initialize",(()=>{var t=document.createElement("span"),s=e.control_input
+t.style.cssText="position:absolute; top:-99999px; left:-99999px; width:auto; padding:0; white-space:pre; ",e.wrapper.appendChild(t)
+for(const e of["letterSpacing","fontSize","fontFamily","fontWeight","textTransform"])t.style[e]=s.style[e]
+var i=()=>{t.textContent=s.value,s.style.width=t.clientWidth+"px"}
+i(),e.on("update item_add item_remove",i),D(s,"input",i),D(s,"keyup",i),D(s,"blur",i),D(s,"update",i)}))})),ce.define("no_backspace_delete",(function(){var e=this,t=e.deleteSelection
+this.hook("instead","deleteSelection",(s=>!!e.activeItems.length&&t.call(e,s)))})),ce.define("no_active_items",(function(){this.hook("instead","setActiveItem",(()=>{})),this.hook("instead","selectAll",(()=>{}))})),ce.define("optgroup_columns",(function(){var e=this,t=e.onKeyDown
+e.hook("instead","onKeyDown",(s=>{var i,n,o,r
+if(!e.isOpen||37!==s.keyCode&&39!==s.keyCode)return t.call(e,s)
+e.ignoreHover=!0,r=Z(e.activeOption,"[data-group]"),i=te(e.activeOption,"[data-selectable]"),r&&(r=37===s.keyCode?r.previousSibling:r.nextSibling)&&(n=(o=r.querySelectorAll("[data-selectable]"))[Math.min(o.length-1,i)])&&e.setActiveOption(n)}))})),ce.define("remove_button",(function(e){const t=Object.assign({label:"&times;",title:"Remove",className:"remove",append:!0},e)
+var s=this
+if(t.append){var i='<a href="javascript:void(0)" class="'+t.className+'" tabindex="-1" title="'+j(t.title)+'">'+t.label+"</a>"
+s.hook("after","setupTemplates",(()=>{var e=s.settings.render.item
+s.settings.render.item=(t,n)=>{var o=K(e.call(s,t,n)),r=K(i)
+return o.appendChild(r),D(r,"mousedown",(e=>{q(e,!0)})),D(r,"click",(e=>{s.isLocked||(q(e,!0),s.isLocked||s.shouldDelete([o],e)&&(s.removeItem(o),s.refreshOptions(!1),s.inputState()))})),o}}))}})),ce.define("restore_on_backspace",(function(e){const t=this,s=Object.assign({text:e=>e[t.settings.labelField]},e)
+t.on("item_remove",(function(e){if(t.isFocused&&""===t.control_input.value.trim()){var i=t.options[e]
+i&&t.setTextboxValue(s.text.call(t,i))}}))})),ce.define("virtual_scroll",(function(){const e=this,t=e.canLoad,s=e.clearActiveOption,i=e.loadCallback
+var n,o,r={},l=!1,a=[]
+if(e.settings.shouldLoadMore||(e.settings.shouldLoadMore=()=>{if(n.clientHeight/(n.scrollHeight-n.scrollTop)>.9)return!0
+if(e.activeOption){var t=e.selectable()
+if(Array.from(t).indexOf(e.activeOption)>=t.length-2)return!0}return!1}),!e.settings.firstUrl)throw"virtual_scroll plugin requires a firstUrl() method"
+e.settings.sortField=[{field:"$order"},{field:"$score"}]
+const c=t=>!("number"==typeof e.settings.maxOptions&&n.children.length>=e.settings.maxOptions)&&!(!(t in r)||!r[t]),d=(t,s)=>e.items.indexOf(s)>=0||a.indexOf(s)>=0
+e.setNextUrl=(e,t)=>{r[e]=t},e.getUrl=t=>{if(t in r){const e=r[t]
+return r[t]=!1,e}return e.clearPagination(),e.settings.firstUrl.call(e,t)},e.clearPagination=()=>{r={}},e.hook("instead","clearActiveOption",(()=>{if(!l)return s.call(e)})),e.hook("instead","canLoad",(s=>s in r?c(s):t.call(e,s))),e.hook("instead","loadCallback",((t,s)=>{if(l){if(o){const s=t[0]
+void 0!==s&&(o.dataset.value=s[e.settings.valueField])}}else e.clearOptions(d)
+i.call(e,t,s),l=!1})),e.hook("after","refreshOptions",(()=>{const t=e.lastValue
+var s
+c(t)?(s=e.render("loading_more",{query:t}))&&(s.setAttribute("data-selectable",""),o=s):t in r&&!n.querySelector(".no-results")&&(s=e.render("no_more_results",{query:t})),s&&(J(s,e.settings.optionClass),n.append(s))})),e.on("initialize",(()=>{a=Object.keys(e.options),n=e.dropdown_content,e.settings.render=Object.assign({},{loading_more:()=>'<div class="loading-more-results">Loading more results ... </div>',no_more_results:()=>'<div class="no-more-results">No more results</div>'},e.settings.render),n.addEventListener("scroll",(()=>{e.settings.shouldLoadMore.call(e)&&c(e.lastValue)&&(l||(l=!0,e.load.call(e,e.lastValue)))}))}))})),ce}))
+var tomSelect=function(e,t){return new TomSelect(e,t)}
+//# sourceMappingURL=tom-select.complete.min.js.map
diff --git a/www/raven-demo/vendor/js/world.js b/www/raven-demo/vendor/js/world.js
new file mode 100644
index 0000000..0ea2234
--- /dev/null
+++ b/www/raven-demo/vendor/js/world.js
@@ -0,0 +1 @@
+"use strict";jsVectorMap.addMap("world",{insets:[{width:900,top:0,left:0,height:440.70631074413296,bbox:[{y:-12671671.123330014,x:-20004297.151525836},{y:6930392.025135122,x:20026572.39474939}]}],paths:{BD:{path:"M651.84,230.21l-0.6,-2.0l-1.36,-1.71l-2.31,-0.11l-0.41,0.48l0.2,0.94l-0.53,0.99l-0.72,-0.36l-0.68,0.35l-1.2,-0.36l-0.37,-2.0l-0.81,-1.86l0.39,-1.46l-0.22,-0.47l-1.14,-0.53l0.29,-0.5l1.48,-0.94l0.03,-0.65l-1.55,-1.22l0.55,-1.14l1.61,0.94l1.04,0.15l0.18,1.54l0.34,0.35l5.64,0.63l-0.84,1.64l-1.22,0.34l-0.77,1.51l0.07,0.47l1.37,1.37l0.67,-0.19l0.42,-1.39l1.21,3.84l-0.03,1.21l-0.33,-0.15l-0.4,0.28Z",name:"Bangladesh"},BE:{path:"M429.29,144.05l1.91,0.24l2.1,-0.63l2.63,1.99l-0.21,1.66l-0.69,0.4l-0.18,1.2l-1.66,-1.13l-1.39,0.15l-2.73,-2.7l-1.17,-0.18l-0.16,-0.52l1.54,-0.5Z",name:"Belgium"},BF:{path:"M421.42,247.64l-0.11,0.95l0.34,1.16l1.4,1.71l0.07,1.1l0.32,0.37l2.55,0.51l-0.04,1.28l-0.38,0.53l-1.07,0.21l-0.72,1.18l-0.63,0.21l-3.22,-0.25l-0.94,0.39l-5.4,-0.05l-0.39,0.38l0.16,2.73l-1.23,-0.43l-1.17,0.1l-0.89,0.57l-2.27,-1.72l-0.13,-1.11l0.61,-0.96l0.02,-0.93l1.87,-1.98l0.44,-1.81l0.43,-0.39l1.28,0.26l1.05,-0.52l0.47,-0.73l1.84,-1.09l0.55,-0.83l2.2,-1.0l1.15,-0.3l0.72,0.45l1.13,-0.01Z",name:"Burkina Faso"},BG:{path:"M491.65,168.18l-0.86,0.88l-0.91,2.17l0.48,1.34l-1.6,-0.24l-2.55,0.95l-0.28,1.51l-1.8,0.22l-2.0,-1.0l-1.92,0.79l-1.42,-0.07l-0.15,-1.63l-1.05,-0.97l0.0,-0.8l1.2,-1.57l0.01,-0.56l-1.14,-1.23l-0.05,-0.94l0.88,0.97l0.88,-0.2l1.91,0.47l3.68,0.16l1.42,-0.81l2.72,-0.66l2.55,1.24Z",name:"Bulgaria"},BA:{path:"M463.49,163.65l2.1,0.5l1.72,-0.03l1.52,0.68l-0.36,0.78l0.08,0.45l1.04,1.02l-0.25,0.98l-1.81,1.15l-0.38,1.38l-1.67,-0.87l-0.89,-1.2l-2.11,-1.83l-1.63,-2.22l0.23,-0.57l0.48,0.38l0.55,-0.06l0.43,-0.51l0.94,-0.06Z",name:"Bosnia and Herz."},BN:{path:"M707.48,273.58l0.68,-0.65l1.41,-0.91l-0.15,1.63l-0.81,-0.05l-0.61,0.58l-0.53,-0.6Z",name:"Brunei"},BO:{path:"M263.83,340.69l-3.09,-0.23l-0.38,0.23l-0.7,1.52l-1.31,-1.53l-3.28,-0.64l-2.37,2.4l-1.31,0.26l-0.88,-3.26l-1.3,-2.86l0.74,-2.37l-0.13,-0.43l-1.2,-1.01l-0.37,-1.89l-1.08,-1.55l1.45,-2.56l-0.96,-2.33l0.47,-1.06l-0.34,-0.73l0.91,-1.32l0.16,-3.84l0.5,-1.18l-1.81,-3.41l2.46,0.07l0.8,-0.85l3.4,-1.91l2.66,-0.35l-0.19,1.38l0.3,1.07l-0.05,1.97l2.72,2.27l2.88,0.49l0.89,0.86l1.79,0.58l0.98,0.7l1.71,0.05l1.17,0.61l0.6,2.7l-0.7,0.54l0.96,2.99l0.37,0.28l4.3,0.1l-0.25,1.2l0.27,1.02l1.43,0.9l0.5,1.35l-0.41,1.86l-0.65,1.08l0.12,1.35l-2.69,-1.65l-2.4,-0.03l-4.36,0.76l-1.49,2.5l-0.11,1.52l-0.75,2.37Z",name:"Bolivia"},JP:{path:"M781.12,166.87l1.81,0.68l1.62,-0.97l0.39,2.42l-3.35,0.75l-2.23,2.88l-3.63,-1.9l-0.56,0.2l-1.26,3.05l-2.16,0.03l-0.29,-2.51l1.08,-2.03l2.45,-0.16l0.37,-0.33l1.25,-5.94l2.47,2.71l2.03,1.12ZM773.56,187.34l-0.91,2.22l0.37,1.52l-1.14,1.75l-3.02,1.26l-4.58,0.27l-3.34,3.01l-1.25,-0.8l-0.09,-1.9l-0.46,-0.38l-4.35,0.62l-3.0,1.32l-2.85,0.05l-0.37,0.27l0.13,0.44l2.32,1.89l-1.54,4.34l-1.26,0.9l-0.79,-0.7l0.56,-2.27l-0.21,-0.45l-1.47,-0.75l-0.74,-1.4l2.12,-0.84l1.26,-1.7l2.45,-1.42l1.83,-1.91l4.78,-0.81l2.6,0.57l0.44,-0.21l2.39,-4.66l1.29,1.06l0.5,0.01l5.1,-4.02l1.69,-3.73l-0.38,-3.4l0.9,-1.61l2.14,-0.44l1.23,3.72l-0.07,2.18l-2.23,2.84l-0.04,3.16ZM757.78,196.26l0.19,0.56l-1.01,1.21l-1.16,-0.68l-1.28,0.65l-0.69,1.45l-1.02,-0.5l0.01,-0.93l1.14,-1.38l1.57,0.14l0.85,-0.98l1.4,0.46Z",name:"Japan"},BI:{path:"M495.45,295.49l-1.08,-2.99l1.14,-0.11l0.64,-1.19l0.76,0.09l0.65,1.83l-2.1,2.36Z",name:"Burundi"},BJ:{path:"M429.57,255.75l-0.05,0.8l0.5,1.34l-0.42,0.86l0.17,0.79l-1.81,2.12l-0.57,1.76l-0.08,5.42l-1.41,0.2l-0.48,-1.36l0.11,-5.71l-0.52,-0.7l-0.2,-1.35l-1.48,-1.48l0.21,-0.9l0.89,-0.43l0.42,-0.92l1.27,-0.36l1.22,-1.34l0.61,-0.0l1.62,1.24Z",name:"Benin"},BT:{path:"M650.32,213.86l0.84,0.71l-0.12,1.1l-3.76,-0.11l-1.57,0.4l-1.93,-0.87l1.48,-1.96l1.13,-0.57l1.63,0.57l1.33,0.08l0.99,0.65Z",name:"Bhutan"},JM:{path:"M228.38,239.28l-0.8,0.4l-2.26,-1.06l0.84,-0.23l2.14,0.3l1.17,0.56l-1.08,0.03Z",name:"Jamaica"},BW:{path:"M483.92,330.07l2.27,4.01l2.83,2.86l0.96,0.31l0.78,2.43l2.13,0.61l1.02,0.76l-3.0,1.64l-2.32,2.02l-1.54,2.69l-1.52,0.45l-0.64,1.94l-1.34,0.52l-1.85,-0.12l-1.21,-0.74l-1.35,-0.3l-1.22,0.62l-0.75,1.37l-2.31,1.9l-1.4,0.21l-0.35,-0.59l0.16,-1.75l-1.48,-2.54l-0.62,-0.43l-0.0,-7.1l2.08,-0.08l0.39,-0.4l0.07,-8.9l5.19,-0.93l0.8,0.89l0.51,0.07l1.5,-0.95l2.21,-0.49Z",name:"Botswana"},BR:{path:"M259.98,275.05l3.24,0.7l0.65,-0.53l4.55,-1.32l1.08,-1.06l-0.02,-0.63l0.55,-0.05l0.28,0.28l-0.26,0.87l0.22,0.48l0.73,0.32l0.4,0.81l-0.62,0.86l-0.4,2.13l0.82,2.56l1.69,1.43l1.43,0.2l3.17,-1.68l3.18,0.3l0.65,-0.75l-0.27,-0.92l1.9,-0.09l2.39,0.99l1.06,-0.61l0.84,0.78l1.2,-0.18l1.18,-1.06l0.84,-1.94l1.36,-2.11l0.37,-0.05l1.89,5.45l1.33,0.59l0.05,1.28l-1.77,1.94l0.02,0.56l1.02,0.87l4.07,0.36l0.08,2.16l0.66,0.29l1.74,-1.5l6.97,2.32l1.02,1.22l-0.35,1.18l0.49,0.5l2.81,-0.74l4.77,1.3l3.75,-0.08l3.57,2.0l3.29,2.86l1.93,0.72l2.12,0.12l0.71,0.62l1.21,4.51l-0.95,3.98l-4.72,5.06l-1.64,2.92l-1.72,2.05l-0.8,0.3l-0.72,2.03l0.18,4.75l-0.94,5.53l-0.81,1.13l-0.43,3.36l-2.55,3.5l-0.4,2.51l-1.86,1.04l-0.67,1.53l-2.54,0.01l-3.94,1.01l-1.83,1.2l-2.87,0.82l-3.03,2.19l-2.2,2.83l-0.36,2.0l0.4,1.58l-0.44,2.6l-0.51,1.2l-1.77,1.54l-2.75,4.78l-3.83,3.42l-1.24,2.74l-1.18,1.15l-0.36,-0.83l0.95,-1.14l0.01,-0.5l-1.52,-1.97l-4.56,-3.32l-1.03,-0.0l-2.38,-2.02l-0.81,-0.0l5.34,-5.45l3.77,-2.58l0.22,-2.46l-1.35,-1.81l-0.91,0.07l0.58,-2.33l0.01,-1.54l-1.11,-0.83l-1.75,0.3l-0.44,-3.11l-0.52,-0.95l-1.88,-0.88l-1.24,0.47l-2.17,-0.41l0.15,-3.21l-0.62,-1.34l0.66,-0.73l-0.22,-1.34l0.66,-1.13l0.44,-2.04l-0.61,-1.83l-1.4,-0.86l-0.2,-0.75l0.34,-1.39l-0.38,-0.5l-4.52,-0.1l-0.72,-2.22l0.59,-0.42l-0.03,-1.1l-0.5,-0.87l-0.32,-1.7l-1.45,-0.76l-1.63,-0.02l-1.05,-0.72l-1.6,-0.48l-1.13,-0.99l-2.69,-0.4l-2.47,-2.06l0.13,-4.35l-0.45,-0.45l-3.46,0.5l-3.44,1.94l-0.6,0.74l-2.9,-0.17l-1.47,0.42l-0.72,-0.18l0.15,-3.52l-0.63,-0.34l-1.94,1.41l-1.87,-0.06l-0.83,-1.18l-1.37,-0.26l0.21,-1.01l-1.35,-1.49l-0.88,-1.91l0.56,-0.6l-0.0,-0.81l1.29,-0.62l0.22,-0.43l-0.22,-1.19l0.61,-0.91l0.15,-0.99l2.65,-1.58l1.99,-0.47l0.42,-0.36l2.06,0.11l0.42,-0.33l1.19,-8.0l-0.41,-1.56l-1.1,-1.0l0.01,-1.33l1.91,-0.42l0.08,-0.96l-0.33,-0.43l-1.14,-0.2l-0.02,-0.83l4.47,0.05l0.82,-0.67l0.82,1.81l0.8,0.07l1.15,1.1l2.26,-0.05l0.71,-0.83l2.78,-0.96l0.48,-1.13l1.6,-0.64l0.24,-0.47l-0.48,-0.82l-1.83,-0.19l-0.36,-3.22Z",name:"Brazil"},BS:{path:"M226.4,223.87l-0.48,-1.15l-0.84,-0.75l0.36,-1.11l0.95,1.95l0.01,1.06ZM225.56,216.43l-1.87,0.29l-0.04,-0.22l0.74,-0.14l1.17,0.06Z",name:"Bahamas"},BY:{path:"M493.84,128.32l0.29,0.7l0.49,0.23l1.19,-0.38l2.09,0.72l0.19,1.26l-0.45,1.24l1.57,2.26l0.89,0.59l0.17,0.81l1.58,0.56l0.4,0.5l-0.53,0.41l-1.87,-0.11l-0.73,0.38l-0.13,0.52l1.04,2.74l-1.91,0.26l-0.89,0.99l-0.11,1.18l-2.73,-0.04l-0.53,-0.62l-0.52,-0.08l-0.75,0.46l-0.91,-0.42l-1.92,-0.07l-2.75,-0.79l-2.6,-0.28l-2.0,0.07l-1.5,0.92l-0.67,0.07l-0.08,-1.22l-0.59,-1.19l1.36,-0.88l0.01,-1.35l-0.7,-1.41l-0.07,-1.0l2.16,-0.02l2.72,-1.3l0.75,-2.04l1.91,-1.04l0.2,-0.41l-0.19,-1.25l3.8,-1.78l2.3,0.77Z",name:"Belarus"},BZ:{path:"M198.03,244.38l0.1,-4.49l0.69,-0.06l0.74,-1.3l0.34,0.28l-0.4,1.3l0.17,0.58l-0.34,2.25l-1.3,1.42Z",name:"Belize"},RU:{path:"M491.55,115.25l2.55,-1.85l-0.01,-0.65l-2.2,-1.5l7.32,-6.76l1.03,-2.11l-0.13,-0.49l-3.46,-2.52l0.86,-2.7l-2.11,-2.81l1.56,-3.67l-2.77,-4.52l2.15,-2.99l-0.08,-0.55l-3.65,-2.73l0.3,-2.54l1.81,-0.37l4.26,-1.77l2.42,-1.45l4.06,2.61l6.79,1.04l9.34,4.85l1.78,1.88l0.14,2.46l-2.55,2.02l-3.9,1.06l-11.07,-3.14l-2.06,0.53l-0.13,0.7l3.94,2.94l0.31,5.86l0.26,0.36l5.14,2.24l0.58,-0.29l0.32,-1.94l-1.35,-1.78l1.13,-1.09l6.13,2.42l2.11,-0.98l0.18,-0.56l-1.51,-2.67l5.41,-3.76l2.07,0.22l2.26,1.41l0.57,-0.16l1.46,-2.87l-0.05,-0.44l-1.92,-2.32l1.12,-2.32l-1.32,-2.27l5.87,1.16l1.04,1.75l-2.59,0.43l-0.33,0.4l0.02,2.36l2.46,1.83l3.87,-0.91l0.86,-2.8l13.69,-5.65l0.99,0.11l-1.92,2.06l0.23,0.67l3.11,0.45l2.0,-1.48l4.56,-0.12l3.64,-1.73l2.65,2.44l0.56,-0.01l2.85,-2.88l-0.01,-0.57l-2.35,-2.29l0.9,-1.01l7.14,1.3l3.41,1.36l9.05,4.97l0.51,-0.11l1.67,-2.27l-0.05,-0.53l-2.43,-2.21l-0.06,-0.78l-0.34,-0.36l-2.52,-0.36l0.64,-1.93l-1.32,-3.46l-0.06,-1.21l4.48,-4.06l1.69,-4.29l1.6,-0.81l6.23,1.18l0.44,2.21l-2.29,3.64l0.06,0.5l1.47,1.39l0.76,3.0l-0.56,6.03l2.69,2.82l-0.96,2.57l-4.86,5.95l0.23,0.64l2.86,0.61l0.42,-0.17l0.93,-1.4l2.64,-1.03l0.87,-2.24l2.09,-1.96l0.07,-0.5l-1.36,-2.28l1.09,-2.69l-0.32,-0.55l-2.47,-0.33l-0.5,-2.06l1.94,-4.38l-0.06,-0.42l-2.96,-3.4l4.12,-2.88l0.16,-0.4l-0.51,-2.93l0.54,-0.05l1.13,2.25l-0.96,4.35l0.27,0.47l2.68,0.84l0.5,-0.51l-1.02,-2.99l3.79,-1.66l5.01,-0.24l4.53,2.61l0.48,-0.06l0.07,-0.48l-2.18,-3.82l-0.23,-4.67l3.98,-0.9l5.97,0.21l5.49,-0.64l0.27,-0.65l-1.83,-2.31l2.56,-2.9l2.87,-0.17l4.8,-2.47l6.54,-0.67l1.03,-1.42l6.25,-0.45l2.32,1.11l5.53,-2.7l4.5,0.08l0.39,-0.28l0.66,-2.15l2.26,-2.12l5.69,-2.11l3.21,1.29l-2.46,0.94l-0.25,0.42l0.34,0.35l5.41,0.77l0.61,2.33l0.58,0.25l2.2,-1.22l7.13,0.07l5.51,2.47l1.79,1.72l-0.53,2.24l-9.16,4.15l-1.97,1.52l0.16,0.71l6.77,1.91l2.16,-0.78l1.13,2.74l0.67,0.11l1.01,-1.15l3.81,-0.73l7.7,0.77l0.54,1.99l0.36,0.29l10.47,0.71l0.43,-0.38l0.13,-3.23l4.87,0.78l3.95,-0.02l3.83,2.4l1.03,2.71l-1.35,1.79l0.02,0.5l3.15,3.64l4.07,1.96l0.53,-0.18l2.23,-4.47l3.95,1.93l4.16,-1.21l4.73,1.39l2.05,-1.26l3.94,0.62l0.43,-0.55l-1.68,-4.02l2.89,-1.8l22.31,3.03l2.16,2.75l6.55,3.51l10.29,-0.81l4.82,0.73l1.85,1.66l-0.29,3.08l0.25,0.41l3.08,1.26l3.56,-0.88l4.35,-0.11l4.8,0.87l4.57,-0.47l4.23,3.79l0.43,0.07l3.1,-1.4l0.16,-0.6l-1.88,-2.62l0.85,-1.52l7.71,1.21l5.22,-0.26l7.09,2.09l9.59,5.22l6.35,4.11l-0.2,2.38l1.88,1.41l0.6,-0.42l-0.48,-2.53l6.15,0.57l4.4,3.51l-1.97,1.43l-4.0,0.41l-0.36,0.39l-0.06,3.79l-0.74,0.62l-2.07,-0.11l-1.91,-1.39l-3.14,-1.11l-0.78,-1.85l-2.72,-0.68l-2.63,0.49l-1.04,-1.1l0.46,-1.31l-0.5,-0.51l-3.0,0.98l-0.22,0.58l0.99,1.7l-1.21,1.48l-3.04,1.68l-3.12,-0.28l-0.4,0.23l0.09,0.46l2.2,2.09l1.46,3.2l1.15,1.1l0.24,1.33l-0.42,0.67l-4.63,-0.77l-6.96,2.9l-2.19,0.44l-7.6,5.06l-0.84,1.45l-3.61,-2.37l-6.24,2.82l-0.94,-1.15l-0.53,-0.08l-2.28,1.52l-3.2,-0.49l-0.44,0.27l-0.78,2.37l-3.05,3.78l0.09,1.47l0.29,0.36l2.54,0.72l-0.29,4.53l-1.97,0.11l-0.35,0.26l-1.07,2.94l0.8,1.45l-3.91,1.58l-1.05,3.95l-3.48,0.77l-0.3,0.3l-0.72,3.29l-3.09,2.65l-0.7,-1.74l-2.44,-12.44l1.16,-4.71l2.04,-2.06l0.22,-1.64l3.8,-0.86l4.46,-4.61l4.28,-3.81l4.48,-3.01l2.17,-5.63l-0.42,-0.54l-3.04,0.33l-1.77,3.31l-5.86,3.86l-1.86,-4.25l-0.45,-0.23l-6.46,1.3l-6.47,6.44l-0.01,0.55l1.58,1.74l-8.24,1.17l0.15,-2.2l-0.34,-0.42l-3.89,-0.56l-3.25,1.81l-7.62,-0.62l-8.45,1.19l-17.71,15.41l0.22,0.7l3.74,0.41l1.36,2.17l2.43,0.76l1.88,-1.68l2.4,0.2l3.4,3.54l0.08,2.6l-1.95,3.42l-0.21,3.9l-1.1,5.06l-3.71,4.54l-0.87,2.21l-8.29,8.89l-3.19,1.7l-1.32,0.03l-1.45,-1.36l-0.49,-0.04l-2.27,1.5l0.41,-3.65l-0.59,-2.47l1.75,-0.89l2.91,0.53l0.42,-0.2l1.68,-3.03l0.87,-3.46l0.97,-1.18l1.32,-2.88l-0.45,-0.56l-4.14,0.95l-2.19,1.25l-3.41,-0.0l-1.06,-2.93l-2.97,-2.3l-4.28,-1.06l-1.75,-5.07l-2.66,-5.01l-2.29,-1.29l-3.75,-1.01l-3.44,0.08l-3.18,0.62l-2.24,1.77l0.05,0.66l1.18,0.69l0.02,1.43l-1.33,1.05l-2.26,3.51l-0.04,1.43l-3.16,1.84l-2.82,-1.16l-3.01,0.23l-1.35,-1.07l-1.5,-0.35l-3.9,2.31l-3.22,0.52l-2.27,0.79l-3.05,-0.51l-2.21,0.03l-1.48,-1.6l-2.6,-1.63l-2.63,-0.43l-5.46,1.01l-3.23,-1.25l-0.72,-2.57l-5.2,-1.24l-2.75,-1.36l-0.5,0.12l-2.59,3.45l0.84,2.1l-2.06,1.93l-3.41,-0.77l-2.42,-0.12l-1.83,-1.54l-2.53,-0.05l-2.42,-0.98l-3.86,1.57l-4.72,2.78l-3.3,0.75l-1.55,-1.92l-3.0,0.41l-1.11,-1.33l-1.62,-0.59l-1.31,-1.94l-1.38,-0.6l-3.7,0.79l-3.31,-1.83l-0.51,0.11l-0.99,1.29l-5.29,-8.05l-2.96,-2.48l0.65,-0.77l0.01,-0.51l-0.5,-0.11l-6.2,3.21l-1.84,0.15l0.15,-1.39l-0.26,-0.42l-3.22,-1.17l-2.46,0.7l-0.69,-3.16l-0.32,-0.31l-4.5,-0.75l-2.47,1.47l-6.19,1.27l-1.29,0.86l-9.51,1.3l-1.15,1.17l-0.03,0.53l1.47,1.9l-1.89,0.69l-0.22,0.56l0.31,0.6l-2.11,1.44l0.03,0.68l3.75,2.12l-0.39,0.98l-3.23,-0.13l-0.86,0.86l-3.09,-1.59l-3.97,0.07l-2.66,1.35l-8.32,-3.56l-4.07,0.06l-5.39,3.68l-0.39,2.0l-2.03,-1.5l-0.59,0.13l-2.0,3.59l0.57,0.93l-1.28,2.16l0.06,0.48l2.13,2.17l1.95,0.04l1.37,1.82l-0.23,1.46l0.25,0.43l0.83,0.33l-0.8,1.31l-2.49,0.62l-2.49,3.2l0.0,0.49l2.17,2.78l-0.15,2.18l2.5,3.24l-1.58,1.59l-0.7,-0.13l-1.63,-1.72l-2.29,-0.84l-0.94,-1.31l-2.34,-0.63l-1.48,0.4l-0.43,-0.47l-3.51,-1.48l-5.76,-1.01l-0.45,0.19l-2.89,-2.34l-2.9,-1.2l-1.53,-1.29l1.29,-0.43l2.08,-2.61l-0.05,-0.55l-0.89,-0.79l3.05,-1.06l0.27,-0.42l-0.07,-0.69l-0.49,-0.35l-1.73,0.39l0.04,-0.68l1.04,-0.72l2.66,-0.48l0.4,-1.32l-0.5,-1.6l0.92,-1.54l0.03,-1.17l-0.29,-0.37l-3.69,-1.06l-1.41,0.02l-1.42,-1.41l-2.19,0.38l-2.77,-1.01l-0.03,-0.59l-0.89,-1.43l-2.0,-0.32l-0.11,-0.54l0.49,-0.53l0.01,-0.53l-1.6,-1.9l-3.58,0.02l-0.88,0.73l-0.46,-0.07l-1.0,-2.79l2.22,-0.02l0.97,-0.74l0.07,-0.57l-0.9,-1.04l-1.35,-0.48l-0.11,-0.7l-0.95,-0.58l-1.38,-1.99l0.46,-0.98l-0.51,-1.96l-2.45,-0.84l-1.21,0.3l-0.46,-0.76l-2.46,-0.83l-0.72,-1.87l-0.21,-1.69l-0.99,-0.85l0.85,-1.17l-0.7,-3.21l1.66,-1.97l-0.16,-0.79ZM749.2,170.72l-0.6,0.4l-0.13,0.16l-0.01,-0.51l0.74,-0.05ZM874.85,67.94l-5.63,0.48l-0.26,-0.84l3.15,-1.89l1.94,0.01l3.19,1.16l-2.39,1.09ZM797.39,48.49l-2.0,1.36l-3.8,-0.42l-4.25,-1.8l0.35,-0.97l9.69,1.83ZM783.67,46.12l-1.63,3.09l-8.98,-0.13l-4.09,1.14l-4.54,-2.97l1.16,-3.01l3.05,-0.89l6.5,0.22l8.54,2.56ZM778.2,134.98l-0.56,-0.9l0.27,-0.12l0.29,1.01ZM778.34,135.48l0.94,3.53l-0.05,3.38l1.05,3.39l2.18,5.0l-2.89,-0.83l-0.49,0.26l-1.54,4.65l2.42,3.5l-0.04,1.13l-1.24,-1.24l-0.61,0.06l-1.09,1.61l-0.28,-1.61l0.27,-3.1l-0.28,-3.4l0.58,-2.47l0.11,-4.39l-1.46,-3.36l0.21,-4.32l2.15,-1.46l0.07,-0.34ZM771.95,56.61l1.76,-1.42l2.89,-0.42l3.28,1.71l0.14,0.6l-3.27,0.03l-4.81,-0.5ZM683.76,31.09l-13.01,1.93l4.03,-6.35l1.82,-0.56l1.73,0.34l5.99,2.98l-0.56,1.66ZM670.85,27.93l-5.08,0.64l-6.86,-1.57l-3.99,-2.05l-2.1,-4.16l-2.6,-0.87l5.72,-3.5l5.2,-1.28l4.69,2.85l5.59,5.4l-0.56,4.53ZM564.15,68.94l-0.64,0.17l-7.85,-0.57l-0.86,-2.04l-4.28,-1.17l-0.28,-1.94l2.27,-0.89l0.25,-0.39l-0.08,-2.38l4.81,-3.97l-0.15,-0.7l-1.47,-0.38l5.3,-3.81l0.15,-0.44l-0.58,-1.94l5.28,-2.51l8.21,-3.27l8.28,-0.96l4.35,-1.94l4.6,-0.64l1.36,1.61l-1.34,1.28l-16.43,4.94l-7.97,4.88l-7.74,9.63l0.66,4.14l4.16,3.27ZM548.81,18.48l-5.5,1.18l-0.58,1.02l-2.59,0.84l-2.13,-1.07l1.12,-1.42l-0.3,-0.65l-2.33,-0.07l1.68,-0.36l3.47,-0.06l0.42,1.29l0.66,0.16l1.38,-1.34l2.15,-0.88l2.94,1.01l-0.39,0.36ZM477.37,133.15l-4.08,0.05l-2.56,-0.32l0.33,-0.87l3.17,-1.03l3.24,0.96l-0.09,1.23Z",name:"Russia"},RW:{path:"M497.0,288.25l0.71,1.01l-0.11,1.09l-1.63,0.03l-1.04,1.39l-0.83,-0.11l0.51,-1.2l0.08,-1.34l0.42,-0.41l0.7,0.14l1.19,-0.61Z",name:"Rwanda"},RS:{path:"M469.4,163.99l0.42,-0.5l-0.01,-0.52l-1.15,-1.63l1.43,-0.62l1.33,0.12l1.17,1.06l0.46,1.13l1.34,0.64l0.35,1.35l1.46,0.9l0.76,-0.29l0.2,0.69l-0.48,0.78l0.22,1.12l1.05,1.22l-0.77,0.8l-0.37,1.52l-1.21,0.08l0.24,-0.64l-0.39,-0.54l-2.08,-1.64l-0.9,0.05l-0.48,0.94l-2.12,-1.37l0.53,-1.6l-1.11,-1.37l0.51,-1.1l-0.41,-0.57Z",name:"Serbia"},LT:{path:"M486.93,129.3l0.17,1.12l-1.81,0.98l-0.72,2.02l-2.47,1.18l-2.1,-0.02l-0.73,-1.05l-1.06,-0.3l-0.09,-1.87l-3.56,-1.13l-0.43,-2.36l2.48,-0.94l4.12,0.22l2.25,-0.31l0.52,0.69l1.24,0.21l2.19,1.56Z",name:"Lithuania"},LU:{path:"M436.08,149.45l-0.48,-0.07l0.3,-1.28l0.27,0.4l-0.09,0.96Z",name:"Luxembourg"},LR:{path:"M399.36,265.97l0.18,1.54l-0.48,0.99l0.08,0.47l2.47,1.8l-0.33,2.8l-2.65,-1.13l-5.78,-4.61l0.58,-1.32l2.1,-2.33l0.86,-0.22l0.77,1.14l-0.14,0.85l0.59,0.87l1.0,0.14l0.76,-0.99Z",name:"Liberia"},RO:{path:"M487.53,154.23l0.6,0.24l2.87,3.98l-0.17,2.69l0.45,1.42l1.32,0.81l1.35,-0.42l0.76,0.36l0.02,0.31l-0.83,0.45l-0.59,-0.22l-0.54,0.3l-0.62,3.3l-1.0,-0.22l-2.07,-1.13l-2.95,0.71l-1.25,0.76l-3.51,-0.15l-1.89,-0.47l-0.87,0.16l-0.82,-1.3l0.29,-0.26l-0.06,-0.64l-1.09,-0.34l-0.56,0.5l-1.05,-0.64l-0.39,-1.39l-1.36,-0.65l-0.35,-1.0l-0.83,-0.75l1.54,-0.54l2.66,-4.21l2.4,-1.24l2.96,0.34l1.48,0.73l0.79,-0.45l1.78,-0.3l0.75,-0.74l0.79,0.0Z",name:"Romania"},GW:{path:"M386.23,253.6l-0.29,0.84l0.15,0.6l-2.21,0.59l-0.86,0.96l-1.04,-0.83l-1.09,-0.23l-0.54,-1.06l-0.66,-0.49l2.41,-0.48l4.13,0.1Z",name:"Guinea-Bissau"},GT:{path:"M195.08,249.77l-2.48,-0.37l-1.03,-0.45l-1.14,-0.89l0.3,-0.99l-0.24,-0.68l0.96,-1.66l2.98,-0.01l0.4,-0.37l-0.19,-1.28l-1.67,-1.4l0.51,-0.4l0.0,-1.05l3.85,0.02l-0.21,4.53l0.4,0.43l1.46,0.38l-1.48,0.98l-0.35,0.7l0.12,0.57l-2.2,1.96Z",name:"Guatemala"},GR:{path:"M487.07,174.59l-0.59,1.43l-0.37,0.21l-2.84,-0.35l-3.03,0.77l-0.18,0.68l1.28,1.23l-0.61,0.23l-1.14,0.0l-1.2,-1.39l-0.63,0.03l-0.53,1.01l0.56,1.76l1.03,1.19l-0.56,0.38l-0.05,0.62l2.52,2.12l0.02,0.87l-1.78,-0.59l-0.48,0.56l0.5,1.0l-1.07,0.2l-0.3,0.53l0.75,2.01l-0.98,0.02l-1.84,-1.12l-1.37,-4.2l-2.21,-2.95l-0.11,-0.56l1.04,-1.28l0.2,-0.95l0.85,-0.66l0.03,-0.46l1.32,-0.21l1.01,-0.64l1.22,0.05l0.65,-0.56l2.26,-0.0l1.82,-0.75l1.85,1.0l2.28,-0.28l0.35,-0.39l0.01,-0.77l0.34,0.22ZM480.49,192.16l0.58,0.4l-0.68,-0.12l0.11,-0.28ZM482.52,192.82l2.51,0.06l0.24,0.32l-1.99,0.13l-0.77,-0.51Z",name:"Greece"},GQ:{path:"M448.79,279.62l0.02,2.22l-4.09,0.0l0.69,-2.27l3.38,0.05Z",name:"Eq. Guinea"},GY:{path:"M277.42,270.07l-0.32,1.83l-1.32,0.57l-0.23,0.46l-0.28,2.0l1.11,1.82l0.83,0.19l0.32,1.25l1.13,1.62l-1.21,-0.19l-1.08,0.71l-1.77,0.5l-0.44,0.46l-0.86,-0.09l-1.32,-1.01l-0.77,-2.27l0.36,-1.9l0.68,-1.23l-0.57,-1.17l-0.74,-0.43l0.12,-1.16l-0.9,-0.69l-1.1,0.09l-1.31,-1.48l0.53,-0.72l-0.04,-0.84l1.99,-0.86l0.05,-0.59l-0.71,-0.78l0.14,-0.57l1.66,-1.24l1.36,0.77l1.41,1.49l0.06,1.15l0.37,0.38l0.8,0.05l2.06,1.86Z",name:"Guyana"},GE:{path:"M521.71,168.93l5.29,0.89l4.07,2.01l1.41,-0.44l2.07,0.56l0.68,1.1l1.07,0.55l-0.12,0.59l0.98,1.29l-1.01,-0.13l-1.81,-0.83l-0.94,0.47l-3.23,0.43l-2.29,-1.39l-2.33,0.05l0.21,-0.97l-0.76,-2.26l-1.45,-1.12l-1.43,-0.39l-0.41,-0.42Z",name:"Georgia"},GB:{path:"M412.61,118.72l-2.19,3.22l-0.0,0.45l5.13,-0.3l-0.53,2.37l-2.2,3.12l0.29,0.63l2.37,0.21l2.33,4.3l1.76,0.69l2.2,5.12l2.94,0.77l-0.23,1.62l-1.15,0.88l-0.1,0.52l0.82,1.42l-1.86,1.43l-3.3,-0.02l-4.12,0.87l-1.04,-0.58l-0.47,0.06l-1.51,1.41l-2.12,-0.34l-1.86,1.18l-0.6,-0.29l3.19,-3.0l2.16,-0.69l0.28,-0.41l-0.34,-0.36l-3.73,-0.53l-0.4,-0.76l2.2,-0.87l0.17,-0.61l-1.26,-1.67l0.36,-1.7l3.38,0.28l0.43,-0.33l0.37,-1.99l-1.79,-2.49l-3.11,-0.72l-0.38,-0.59l0.79,-1.35l-0.04,-0.46l-0.82,-0.97l-0.61,0.01l-0.68,0.84l-0.1,-2.34l-1.23,-1.88l0.85,-3.47l1.77,-2.68l1.85,0.26l2.17,-0.22ZM406.26,132.86l-1.01,1.77l-1.57,-0.59l-1.16,0.01l0.37,-1.54l-0.39,-1.39l1.45,-0.1l2.3,1.84Z",name:"United Kingdom"},GA:{path:"M453.24,279.52l-0.08,0.98l0.7,1.29l2.36,0.24l-0.98,2.63l1.18,1.79l0.25,1.78l-0.29,1.52l-0.6,0.93l-1.84,-0.09l-1.23,-1.11l-0.66,0.23l-0.15,0.84l-1.42,0.26l-1.02,0.7l-0.11,0.52l0.77,1.35l-1.34,0.97l-3.94,-4.3l-1.44,-2.45l0.06,-0.6l0.54,-0.81l1.05,-3.46l4.17,-0.07l0.4,-0.4l-0.02,-2.66l2.39,0.21l1.25,-0.27Z",name:"Gabon"},GN:{path:"M391.8,254.11l0.47,0.8l1.11,-0.32l0.98,0.7l1.07,0.2l2.26,-1.22l0.64,0.44l1.13,1.56l-0.48,1.4l0.8,0.3l-0.08,0.48l0.46,0.68l-0.35,1.36l1.05,2.61l-1.0,0.69l0.03,1.41l-0.72,-0.06l-1.08,1.0l-0.24,-0.27l0.07,-1.11l-1.05,-1.54l-1.79,0.21l-0.35,-2.01l-1.6,-2.18l-2.0,-0.0l-1.31,0.54l-1.95,2.18l-1.86,-2.19l-1.2,-0.78l-0.3,-1.11l-0.8,-0.85l0.65,-0.72l0.81,-0.03l1.64,-0.8l0.23,-1.87l2.67,0.64l0.89,-0.3l1.21,0.15Z",name:"Guinea"},GM:{path:"M379.31,251.39l0.1,-0.35l2.43,-0.07l0.74,-0.61l0.51,-0.03l0.77,0.49l-1.03,-0.3l-1.87,0.9l-1.65,-0.04ZM384.03,250.91l0.91,0.05l0.75,-0.24l-0.59,0.31l-1.08,-0.13Z",name:"Gambia"},GL:{path:"M353.02,1.2l14.69,4.67l-3.68,1.89l-22.97,0.86l-0.36,0.27l0.12,0.43l1.55,1.18l8.79,-0.66l7.48,2.07l4.86,-1.77l1.66,1.73l-2.53,3.19l-0.01,0.48l0.46,0.15l6.35,-2.2l12.06,-2.31l7.24,1.13l1.09,1.99l-9.79,4.01l-1.44,1.32l-7.87,0.98l-0.35,0.41l0.38,0.38l5.07,0.24l-2.53,3.58l-2.07,3.81l0.08,6.05l2.57,3.11l-3.22,0.2l-4.12,1.66l-0.05,0.72l4.45,2.65l0.51,3.75l-2.3,0.4l-0.25,0.64l2.79,3.69l-4.82,0.31l-0.36,0.29l0.16,0.44l2.62,1.8l-0.59,1.22l-3.3,0.7l-3.45,0.01l-0.29,0.68l3.03,3.12l0.02,1.34l-4.4,-1.73l-1.72,1.35l0.15,0.66l3.31,1.15l3.13,2.71l0.81,3.16l-3.85,0.75l-4.89,-4.26l-0.47,-0.03l-0.17,0.44l0.79,2.86l-2.71,2.21l-0.13,0.44l0.37,0.27l8.73,0.34l-12.32,6.64l-7.24,1.48l-2.94,0.08l-2.69,1.75l-3.43,4.41l-5.24,2.84l-1.73,0.18l-7.12,2.1l-2.15,2.52l-0.13,2.99l-1.19,2.45l-4.01,3.09l-0.14,0.44l0.97,2.9l-2.28,6.48l-3.1,0.2l-3.83,-3.07l-4.86,-0.02l-2.25,-1.93l-1.7,-3.79l-4.3,-4.84l-1.21,-2.49l-0.44,-3.8l-3.32,-3.63l0.84,-2.86l-1.56,-1.7l2.28,-4.6l3.83,-1.74l1.03,-1.96l0.52,-3.47l-0.59,-0.41l-4.17,2.21l-2.07,0.58l-2.72,-1.28l-0.15,-2.71l0.85,-2.09l2.01,-0.06l5.06,1.2l0.46,-0.23l-0.14,-0.49l-6.54,-4.47l-2.67,0.55l-1.58,-0.86l2.56,-4.01l-0.03,-0.48l-1.5,-1.74l-4.98,-8.5l-3.13,-1.96l0.03,-1.88l-0.24,-0.37l-6.85,-3.02l-5.36,-0.38l-12.7,0.58l-2.78,-1.57l-3.66,-2.77l5.73,-1.45l5.0,-0.28l0.38,-0.38l-0.35,-0.41l-10.67,-1.38l-5.3,-2.06l0.25,-1.54l18.41,-5.26l1.22,-2.27l-0.25,-0.55l-6.14,-1.86l1.68,-1.77l8.55,-4.03l3.59,-0.63l0.3,-0.54l-0.88,-2.27l5.47,-1.47l7.65,-0.95l7.55,-0.05l3.04,1.85l6.48,-3.27l5.81,2.22l3.56,0.5l5.16,1.94l0.5,-0.21l-0.17,-0.52l-5.71,-3.13l0.28,-2.13l8.12,-3.6l8.7,0.28l3.35,-2.34l8.71,-0.6l19.93,0.8Z",name:"Greenland"},KW:{path:"M540.81,207.91l0.37,0.86l-0.17,0.76l0.6,1.53l-0.95,0.04l-0.82,-1.28l-1.57,-0.18l1.31,-1.88l1.22,0.17Z",name:"Kuwait"},GH:{path:"M420.53,257.51l-0.01,0.72l0.96,1.2l0.24,3.73l0.59,0.95l-0.51,2.1l0.19,1.41l1.02,2.21l-6.97,2.84l-1.8,-0.57l0.04,-0.89l-1.02,-2.04l0.61,-2.65l1.07,-2.32l-0.96,-6.47l5.01,0.07l0.94,-0.39l0.61,0.11Z",name:"Ghana"},OM:{path:"M568.09,230.93l-0.91,1.67l-1.22,0.04l-0.6,0.76l-0.41,1.51l0.27,1.58l-1.16,0.05l-1.56,0.97l-0.76,1.74l-1.62,0.05l-0.98,0.65l-0.17,1.15l-0.89,0.52l-1.49,-0.18l-2.4,0.94l-2.47,-5.4l7.35,-2.71l1.67,-5.23l-1.12,-2.09l0.05,-0.83l0.67,-1.0l0.07,-1.05l0.9,-0.42l-0.05,-2.07l0.7,-0.01l1.0,1.62l1.51,1.08l3.3,0.84l1.73,2.29l0.81,0.37l-1.23,2.35l-0.99,0.79Z",name:"Oman"},_2:{path:"M531.15,258.94l1.51,0.12l5.13,-0.95l5.3,-1.48l-0.01,4.4l-2.67,3.39l-1.85,0.01l-8.04,-2.94l-2.55,-3.17l1.12,-1.71l2.04,2.34Z",name:"Somaliland"},_1:{path:"M472.77,172.64l-1.08,-1.29l0.96,-0.77l0.29,-0.83l1.98,1.64l-0.36,0.67l-1.79,0.58Z",name:"Kosovo"},_0:{path:"M504.91,192.87l0.34,0.01l0.27,-0.07l-0.29,0.26l-0.31,-0.2Z",name:"N. Cyprus"},JO:{path:"M518.64,201.38l-5.14,1.56l-0.19,0.65l2.16,2.39l-0.89,1.14l-1.71,0.34l-1.71,1.8l-2.34,-0.37l1.21,-4.32l0.56,-4.07l2.8,0.94l4.46,-2.71l0.79,2.66Z",name:"Jordan"},HR:{path:"M455.59,162.84l1.09,0.07l-0.82,0.94l-0.27,-1.01ZM456.96,162.92l0.62,-0.41l1.73,0.45l0.42,-0.4l-0.01,-0.59l0.86,-0.52l0.2,-1.05l1.63,-0.68l2.57,1.68l2.07,0.6l0.87,-0.31l1.05,1.57l-0.52,0.63l-1.05,-0.56l-1.68,0.04l-2.1,-0.5l-1.29,0.06l-0.57,0.49l-0.59,-0.47l-0.62,0.16l-0.46,1.7l1.79,2.42l2.79,2.75l-1.18,-0.87l-2.21,-0.87l-1.67,-1.78l0.13,-0.63l-1.05,-1.19l-0.32,-1.27l-1.42,-0.43Z",name:"Croatia"},HT:{path:"M237.05,238.38l-1.16,0.43l-0.91,-0.55l0.05,-0.2l2.02,0.31ZM237.53,238.43l1.06,0.12l-0.05,0.01l-1.01,-0.12ZM239.25,238.45l0.79,-0.51l0.06,-0.62l-1.02,-1.0l0.02,-0.82l-0.3,-0.4l-0.93,-0.32l3.16,0.45l0.02,1.84l-0.48,0.34l-0.08,0.58l0.54,0.72l-1.78,-0.26Z",name:"Haiti"},HU:{path:"M462.08,157.89l0.65,-1.59l-0.09,-0.44l0.64,-0.0l0.39,-0.34l0.1,-0.69l1.75,0.87l2.32,-0.37l0.43,-0.66l3.49,-0.78l0.69,-0.78l0.57,-0.14l2.57,0.93l0.67,-0.23l1.03,0.65l0.08,0.37l-1.42,0.71l-2.59,4.14l-1.8,0.53l-1.68,-0.1l-2.74,1.23l-1.85,-0.54l-2.54,-1.66l-0.66,-1.1Z",name:"Hungary"},HN:{path:"M199.6,249.52l-1.7,-1.21l0.06,-0.94l3.04,-2.14l2.37,0.28l1.27,-0.09l1.1,-0.52l1.3,0.28l1.14,-0.25l1.38,0.37l2.23,1.37l-2.36,0.93l-1.23,-0.39l-0.88,1.3l-1.28,0.99l-0.98,-0.22l-0.42,0.52l-0.96,0.05l-0.36,0.41l0.04,0.88l-0.52,0.6l-0.3,0.04l-0.3,-0.55l-0.66,-0.31l0.11,-0.67l-0.48,-0.65l-0.87,-0.26l-0.73,0.2Z",name:"Honduras"},PR:{path:"M256.17,238.73l-0.26,0.27l-2.83,0.05l-0.07,-0.55l1.95,-0.1l1.22,0.33Z",name:"Puerto Rico"},PS:{path:"M509.21,203.07l0.1,-0.06l-0.02,0.03l-0.09,0.03ZM509.36,202.91l-0.02,-0.63l-0.33,-0.16l0.31,-1.09l0.24,0.1l-0.2,1.78Z",name:"Palestine"},PT:{path:"M401.84,187.38l-0.64,0.47l-1.13,-0.35l-0.91,0.17l0.28,-1.78l-0.24,-1.78l-1.25,-0.56l-0.45,-0.84l0.17,-1.66l1.01,-1.18l0.69,-2.92l-0.04,-1.39l-0.59,-1.9l1.3,-0.85l0.84,1.35l3.1,-0.3l0.46,0.99l-1.05,0.94l-0.03,2.16l-0.41,0.57l-0.08,1.1l-0.79,0.18l-0.26,0.59l0.91,1.6l-0.63,1.75l0.76,1.09l-1.1,1.52l0.07,1.05Z",name:"Portugal"},PY:{path:"M274.9,336.12l0.74,1.52l-0.16,3.45l0.32,0.41l2.64,0.5l1.11,-0.47l1.4,0.59l0.36,0.6l0.53,3.42l1.27,0.4l0.98,-0.38l0.51,0.27l-0.0,1.18l-1.21,5.32l-2.09,1.9l-1.8,0.4l-4.71,-0.98l2.2,-3.63l-0.32,-1.5l-2.78,-1.28l-3.03,-1.94l-2.07,-0.44l-4.34,-4.06l0.91,-2.9l0.08,-1.42l1.07,-2.04l4.13,-0.72l2.18,0.03l2.05,1.17l0.03,0.59Z",name:"Paraguay"},PA:{path:"M213.8,263.68l0.26,-1.52l-0.36,-0.26l-0.01,-0.49l0.44,-0.1l0.93,1.4l1.26,0.03l0.77,0.49l1.38,-0.23l2.51,-1.11l0.86,-0.72l3.45,0.85l1.4,1.18l0.41,1.74l-0.21,0.34l-0.53,-0.12l-0.47,0.29l-0.16,0.6l-0.68,-1.28l0.45,-0.49l-0.19,-0.66l-0.47,-0.13l-0.54,-0.84l-1.5,-0.75l-1.1,0.16l-0.75,0.99l-1.62,0.84l-0.18,0.96l0.85,0.97l-0.58,0.45l-0.69,0.08l-0.34,-1.18l-1.27,0.03l-0.71,-1.05l-2.59,-0.46Z",name:"Panama"},PG:{path:"M808.58,298.86l2.54,2.56l-0.13,0.26l-0.33,0.12l-0.87,-0.78l-1.22,-2.16ZM801.41,293.04l0.5,0.29l0.26,0.27l-0.49,-0.35l-0.27,-0.21ZM803.17,294.58l0.59,0.5l0.08,1.06l-0.29,-0.91l-0.38,-0.65ZM796.68,298.41l0.52,0.75l1.43,-0.19l2.27,-1.81l-0.01,-1.43l1.12,0.16l-0.04,1.1l-0.7,1.28l-1.12,0.18l-0.62,0.79l-2.46,1.11l-1.17,-0.0l-3.08,-1.25l3.41,0.0l0.45,-0.68ZM789.15,303.55l2.31,1.8l1.59,2.61l1.34,0.13l-0.06,0.66l0.31,0.43l1.06,0.24l0.06,0.65l2.25,1.05l-1.22,0.13l-0.72,-0.63l-4.56,-0.65l-3.22,-2.87l-1.49,-2.34l-3.27,-1.1l-2.38,0.72l-1.59,0.86l-0.2,0.42l0.27,1.55l-1.55,0.68l-1.36,-0.4l-2.21,-0.09l-0.08,-15.41l8.39,2.93l2.95,2.4l0.6,1.64l4.02,1.49l0.31,0.68l-1.76,0.21l-0.33,0.52l0.55,1.68Z",name:"Papua New Guinea"},PE:{path:"M244.96,295.21l-1.26,-0.07l-0.57,0.42l-1.93,0.45l-2.98,1.75l-0.36,1.36l-0.58,0.8l0.12,1.37l-1.24,0.59l-0.22,1.22l-0.62,0.84l1.04,2.27l1.28,1.44l-0.41,0.84l0.32,0.57l1.48,0.13l1.16,1.37l2.21,0.07l1.63,-1.08l-0.13,3.02l0.3,0.4l1.14,0.29l1.31,-0.34l1.9,3.59l-0.48,0.85l-0.17,3.85l-0.94,1.59l0.35,0.75l-0.47,1.07l0.98,1.97l-2.1,3.82l-0.98,0.5l-2.17,-1.28l-0.39,-1.16l-4.95,-2.58l-4.46,-2.79l-1.84,-1.51l-0.91,-1.84l0.3,-0.96l-2.11,-3.33l-4.82,-9.68l-1.04,-1.2l-0.87,-1.94l-3.4,-2.48l0.58,-1.18l-1.13,-2.23l0.66,-1.49l1.45,-1.15l-0.6,0.98l0.07,0.92l0.47,0.36l1.74,0.03l0.97,1.17l0.54,0.07l1.42,-1.03l0.6,-1.84l1.42,-2.02l3.04,-1.04l2.73,-2.62l0.86,-1.74l-0.1,-1.87l1.44,1.02l0.9,1.25l1.06,0.59l1.7,2.73l1.86,0.31l1.45,-0.61l0.96,0.39l1.36,-0.19l1.45,0.89l-1.4,2.21l0.31,0.61l0.59,0.05l0.47,0.5Z",name:"Peru"},PK:{path:"M615.09,192.34l-1.83,1.81l-2.6,0.39l-3.73,-0.68l-1.58,1.33l-0.09,0.42l1.77,4.39l1.7,1.23l-1.69,1.27l-0.12,2.14l-2.33,2.64l-1.6,2.8l-2.46,2.67l-3.03,-0.07l-2.76,2.83l0.05,0.6l1.5,1.11l0.26,1.9l1.44,1.5l0.37,1.68l-5.01,-0.01l-1.78,1.7l-1.42,-0.52l-0.76,-1.87l-2.27,-2.15l-11.61,0.86l0.71,-2.34l3.43,-1.32l0.25,-0.44l-0.21,-1.24l-1.2,-0.65l-0.28,-2.46l-2.29,-1.14l-1.28,-1.94l2.82,0.94l2.62,-0.38l1.42,0.33l0.76,-0.56l1.71,0.19l3.25,-1.14l0.27,-0.36l0.08,-2.19l1.18,-1.32l1.68,0.0l0.58,-0.82l1.6,-0.3l1.19,0.16l0.98,-0.78l0.02,-1.88l0.93,-1.47l1.48,-0.66l0.19,-0.55l-0.66,-1.25l2.04,-0.11l0.69,-1.01l-0.02,-1.16l1.11,-1.06l-0.17,-1.78l-0.49,-1.03l1.15,-0.98l5.42,-0.91l2.6,-0.82l1.6,1.16l0.97,2.34l3.45,0.97Z",name:"Pakistan"},PH:{path:"M737.01,263.84l0.39,2.97l-0.44,1.18l-0.55,-1.53l-0.67,-0.14l-1.17,1.28l0.65,2.09l-0.42,0.69l-2.48,-1.23l-0.57,-1.49l0.65,-1.03l-0.1,-0.54l-1.59,-1.19l-0.56,0.08l-0.65,0.87l-1.23,0.0l-1.58,0.97l0.83,-1.8l2.56,-1.42l0.65,0.84l0.45,0.13l1.9,-0.69l0.56,-1.11l1.5,-0.06l0.38,-0.43l-0.09,-1.19l1.21,0.71l0.36,2.02ZM733.59,256.58l0.05,0.75l0.08,0.26l-0.8,-0.42l-0.18,-0.71l0.85,0.12ZM734.08,256.1l-0.12,-1.12l-1.0,-1.27l1.36,0.03l0.53,0.73l0.51,2.04l-1.27,-0.4ZM733.76,257.68l0.38,0.98l-0.32,0.15l-0.07,-1.13ZM724.65,238.43l1.46,0.7l0.72,-0.31l-0.32,1.17l0.79,1.71l-0.57,1.84l-1.53,1.04l-0.39,2.25l0.56,2.04l1.63,0.57l1.16,-0.27l2.71,1.23l-0.19,1.08l0.76,0.84l-0.08,0.36l-1.4,-0.9l-0.88,-1.27l-0.66,0.0l-0.38,0.55l-1.6,-1.31l-2.15,0.36l-0.87,-0.39l0.07,-0.61l0.66,-0.55l-0.01,-0.62l-0.75,-0.59l-0.72,0.44l-0.74,-0.87l-0.39,-2.49l0.32,0.27l0.66,-0.28l0.26,-3.97l0.7,-2.02l1.14,0.0ZM731.03,258.87l-0.88,0.85l-1.19,1.94l-1.05,-1.19l0.93,-1.1l0.32,-1.47l0.52,-0.06l-0.27,1.15l0.22,0.45l0.49,-0.12l1.0,-1.32l-0.08,0.85ZM726.83,255.78l0.83,0.38l1.17,-0.0l-0.02,0.48l-2.0,1.4l0.03,-2.26ZM724.81,252.09l-0.38,1.27l-1.42,-1.95l1.2,0.05l0.6,0.63ZM716.55,261.82l1.1,-0.95l0.03,-0.03l-0.28,0.36l-0.85,0.61ZM719.22,259.06l0.04,-0.06l0.8,-1.53l0.16,0.75l-1.0,0.84Z",name:"Philippines"},PL:{path:"M468.44,149.42l-1.11,-1.54l-1.86,-0.33l-0.48,-1.05l-1.72,-0.37l-0.65,0.69l-0.72,-0.36l0.11,-0.61l-0.33,-0.46l-1.75,-0.27l-1.04,-0.93l-0.94,-1.94l0.16,-1.22l-0.62,-1.8l-0.78,-1.07l0.57,-1.04l-0.48,-1.43l1.41,-0.83l6.91,-2.71l2.14,0.5l0.52,0.91l5.51,0.44l4.55,-0.05l1.07,0.31l0.48,0.84l0.15,1.58l0.65,1.2l-0.01,0.99l-1.27,0.58l-0.19,0.54l0.73,1.48l0.08,1.55l1.2,2.76l-0.17,0.58l-1.23,0.44l-2.27,2.72l0.18,0.95l-1.97,-1.03l-1.98,0.4l-1.36,-0.28l-1.24,0.58l-1.07,-0.97l-1.16,0.24Z",name:"Poland"},ZM:{path:"M481.47,313.3l0.39,0.31l2.52,0.14l0.99,1.17l2.01,0.35l1.4,-0.64l0.69,1.17l1.78,0.33l1.84,2.35l2.23,0.18l0.4,-0.43l-0.21,-2.74l-0.62,-0.3l-0.48,0.32l-1.98,-1.17l0.72,-5.29l-0.51,-1.18l0.57,-1.3l3.68,-0.62l0.26,0.63l1.21,0.63l0.9,-0.22l2.16,0.67l1.33,0.71l1.07,1.02l0.56,1.87l-0.88,2.7l0.43,2.09l-0.73,0.87l-0.76,2.37l0.59,0.68l-6.6,1.83l-0.29,0.44l0.19,1.45l-1.68,0.35l-1.43,1.02l-0.38,0.87l-0.87,0.26l-3.48,3.69l-4.16,-0.53l-1.52,-1.0l-1.77,-0.13l-1.83,0.52l-3.04,-3.4l0.11,-7.59l4.82,0.03l0.39,-0.49l-0.18,-0.76l0.33,-0.83l-0.4,-1.36l0.24,-1.05Z",name:"Zambia"},EH:{path:"M384.42,230.28l0.25,-0.79l1.06,-1.29l0.8,-3.51l3.38,-2.78l0.7,-1.81l0.06,4.84l-1.98,0.2l-0.94,1.59l0.39,3.56l-3.7,-0.01ZM392.01,218.1l0.7,-1.8l1.77,-0.24l2.09,0.34l0.95,-0.62l1.28,-0.07l-0.0,2.51l-6.79,-0.12Z",name:"W. Sahara"},EE:{path:"M485.71,115.04l2.64,0.6l2.56,0.11l-1.6,1.91l0.61,3.54l-0.81,0.87l-1.78,-0.01l-3.22,-1.76l-1.8,0.45l0.21,-1.53l-0.58,-0.41l-0.69,0.34l-1.26,-1.03l-0.17,-1.63l2.83,-0.92l3.05,-0.52Z",name:"Estonia"},EG:{path:"M492.06,205.03l1.46,0.42l2.95,-1.64l2.04,-0.21l1.53,0.3l0.59,1.19l0.69,0.04l0.41,-0.64l1.81,0.58l1.95,0.16l1.04,-0.51l1.42,4.08l-2.03,4.54l-1.66,-1.77l-1.76,-3.85l-0.64,-0.12l-0.36,0.67l1.04,2.88l3.44,6.95l1.78,3.04l2.03,2.65l-0.36,0.53l0.23,2.01l2.7,2.19l-28.41,0.0l0.0,-18.96l-0.73,-2.2l0.59,-1.56l-0.32,-1.26l0.68,-0.99l3.06,-0.04l4.82,1.52Z",name:"Egypt"},ZA:{path:"M467.14,373.21l-0.13,-1.96l-0.68,-1.56l0.7,-0.68l-0.13,-2.33l-4.56,-8.19l0.77,-0.86l0.6,0.45l0.69,1.31l2.83,0.72l1.5,-0.26l2.24,-1.39l0.19,-9.55l1.35,2.3l-0.21,1.5l0.61,1.2l0.4,0.19l1.79,-0.27l2.6,-2.07l0.69,-1.32l0.96,-0.48l2.19,1.04l2.04,0.13l1.77,-0.65l0.85,-2.12l1.38,-0.33l1.59,-2.76l2.15,-1.89l3.41,-1.87l2.0,0.45l1.02,-0.28l0.99,0.2l1.75,5.29l-0.38,3.25l-0.81,-0.23l-1.0,0.46l-0.87,1.68l-0.05,1.16l1.97,1.84l1.47,-0.29l0.69,-1.18l1.09,0.01l-0.76,3.69l-0.58,1.09l-2.2,1.79l-3.17,4.76l-2.8,2.83l-3.57,2.88l-2.53,1.05l-1.22,0.14l-0.51,0.7l-1.18,-0.32l-1.39,0.5l-2.59,-0.52l-1.61,0.33l-1.18,-0.11l-2.55,1.1l-2.1,0.44l-1.6,1.07l-0.85,0.05l-0.93,-0.89l-0.93,-0.15l-0.97,-1.13l-0.25,0.05ZM491.45,364.19l0.62,-0.93l1.48,-0.59l1.18,-2.19l-0.07,-0.49l-1.99,-1.69l-1.66,0.56l-1.43,1.14l-1.34,1.73l0.02,0.51l1.88,2.11l1.31,-0.16Z",name:"South Africa"},EC:{path:"M231.86,285.53l0.29,1.59l-0.69,1.45l-2.61,2.51l-3.13,1.11l-1.53,2.18l-0.49,1.68l-1.0,0.73l-1.02,-1.11l-1.78,-0.16l0.67,-1.15l-0.24,-0.86l1.25,-2.13l-0.54,-1.09l-0.67,-0.08l-0.72,0.87l-0.87,-0.64l0.35,-0.69l-0.36,-1.96l0.81,-0.51l0.45,-1.51l0.92,-1.57l-0.07,-0.97l2.65,-1.33l2.75,1.35l0.77,1.05l2.12,0.35l0.76,-0.32l1.96,1.21Z",name:"Ecuador"},AL:{path:"M470.32,171.8l0.74,0.03l0.92,0.89l-0.17,1.95l0.36,1.28l1.01,0.82l-1.82,2.83l-0.19,-0.61l-1.25,-0.89l-0.18,-1.2l0.53,-2.82l-0.54,-1.47l0.6,-0.83Z",name:"Albania"},AO:{path:"M461.55,300.03l1.26,3.15l1.94,2.36l2.47,-0.53l1.25,0.32l0.44,-0.18l0.93,-1.92l1.31,-0.08l0.41,-0.44l0.47,-0.0l-0.1,0.41l0.39,0.49l2.65,-0.02l0.03,1.19l0.48,1.01l-0.34,1.52l0.18,1.55l0.83,1.04l-0.13,2.85l0.54,0.39l3.96,-0.41l-0.1,1.79l0.39,1.05l-0.24,1.43l-4.7,-0.03l-0.4,0.39l-0.12,8.13l2.92,3.49l-3.83,0.88l-5.89,-0.36l-1.88,-1.24l-10.47,0.22l-1.3,-1.01l-1.85,-0.16l-2.4,0.77l-0.15,-1.06l0.33,-2.16l1.0,-3.45l1.35,-3.2l2.24,-2.8l0.33,-2.06l-0.13,-1.53l-0.8,-1.08l-1.21,-2.87l0.87,-1.62l-1.27,-4.12l-1.17,-1.53l2.47,-0.63l7.03,0.03ZM451.71,298.87l-0.47,-1.25l1.25,-1.11l0.32,0.3l-0.99,1.03l-0.12,1.03Z",name:"Angola"},KZ:{path:"M552.8,172.89l0.46,-1.27l-0.48,-1.05l-2.96,-1.19l-1.06,-2.58l-1.37,-0.87l-0.03,-0.3l1.95,0.23l0.45,-0.38l0.08,-1.96l1.75,-0.41l2.1,0.45l0.48,-0.33l0.45,-3.04l-0.45,-2.09l-0.41,-0.31l-2.42,0.15l-2.36,-0.73l-2.87,1.37l-2.17,0.61l-0.85,-0.34l0.13,-1.61l-1.6,-2.12l-2.02,-0.08l-1.78,-1.82l1.29,-2.18l-0.57,-0.95l1.62,-2.91l2.21,1.63l0.63,-0.27l0.29,-2.22l4.92,-3.43l3.71,-0.08l8.4,3.6l2.92,-1.36l3.77,-0.06l3.11,1.66l0.51,-0.11l0.6,-0.81l3.31,0.13l0.39,-0.25l0.63,-1.57l-0.17,-0.5l-3.5,-1.98l1.87,-1.27l-0.13,-1.03l1.98,-0.72l0.18,-0.62l-1.59,-2.06l0.81,-0.82l9.23,-1.18l1.33,-0.88l6.18,-1.26l2.26,-1.42l4.08,0.68l0.73,3.33l0.51,0.3l2.48,-0.8l2.79,1.02l-0.17,1.56l0.43,0.44l2.55,-0.24l4.89,-2.53l0.03,0.32l3.15,2.61l5.56,8.47l0.65,0.02l1.12,-1.46l3.15,1.74l3.76,-0.78l1.15,0.49l1.14,1.8l1.84,0.76l0.99,1.29l3.35,-0.25l1.02,1.52l-1.6,1.81l-1.93,0.28l-0.34,0.38l-0.11,3.05l-1.13,1.16l-4.75,-1.0l-0.46,0.27l-1.76,5.47l-1.1,0.59l-4.91,1.23l-0.27,0.54l2.1,4.97l-1.37,0.63l-0.23,0.41l0.13,1.13l-0.88,-0.25l-1.42,-1.13l-7.89,-0.4l-0.92,0.31l-3.73,-1.22l-1.42,0.63l-0.53,1.66l-3.72,-0.94l-1.85,0.43l-0.76,1.4l-4.65,2.62l-1.13,2.08l-0.44,0.01l-0.92,-1.4l-2.87,-0.09l-0.45,-2.14l-0.38,-0.32l-0.8,-0.01l0.0,-2.96l-3.0,-2.22l-7.31,0.58l-2.35,-2.68l-6.71,-3.69l-6.45,1.83l-0.29,0.39l0.1,10.85l-0.7,0.08l-1.62,-2.17l-1.83,-0.96l-3.11,0.59l-0.64,0.51Z",name:"Kazakhstan"},ET:{path:"M516.04,247.79l1.1,0.84l1.63,-0.45l0.68,0.47l1.63,0.03l2.01,0.94l1.73,1.66l1.64,2.07l-1.52,2.04l0.16,1.72l0.39,0.38l2.05,0.0l-0.36,1.03l2.86,3.58l8.32,3.08l1.31,0.02l-6.32,6.75l-3.1,0.11l-2.36,1.77l-1.47,0.04l-0.86,0.79l-1.38,-0.0l-1.32,-0.81l-2.29,1.05l-0.76,0.98l-3.29,-0.41l-3.07,-2.07l-1.8,-0.07l-0.62,-0.6l0.0,-1.24l-0.28,-0.38l-1.15,-0.37l-1.4,-2.59l-1.19,-0.68l-0.47,-1.0l-1.27,-1.23l-1.16,-0.22l0.43,-0.72l1.45,-0.28l0.41,-0.95l-0.03,-2.21l0.68,-2.44l1.05,-0.63l1.43,-3.06l1.57,-1.37l1.02,-2.51l0.35,-1.88l2.52,0.46l0.44,-0.24l0.58,-1.43Z",name:"Ethiopia"},ZW:{path:"M498.91,341.09l-1.11,-0.22l-0.92,0.28l-2.09,-0.44l-1.5,-1.11l-1.89,-0.43l-0.62,-1.4l-0.01,-0.84l-0.3,-0.38l-0.97,-0.25l-2.71,-2.74l-1.92,-3.32l3.83,0.45l3.73,-3.82l1.08,-0.44l0.26,-0.77l1.25,-0.9l1.41,-0.26l0.5,0.89l1.99,-0.05l1.72,1.17l1.11,0.17l1.05,0.66l0.01,2.99l-0.59,3.76l0.38,0.86l-0.23,1.23l-0.39,0.35l-0.63,1.81l-2.43,2.75Z",name:"Zimbabwe"},ES:{path:"M416.0,169.21l1.07,1.17l4.61,1.38l1.06,-0.57l2.6,1.26l2.71,-0.3l0.09,1.12l-2.14,1.8l-3.11,0.61l-0.31,0.31l-0.2,0.89l-1.54,1.69l-0.97,2.4l0.84,1.74l-1.32,1.27l-0.48,1.68l-1.88,0.65l-1.66,2.07l-5.36,-0.01l-1.79,1.08l-0.89,0.98l-0.88,-0.17l-0.79,-0.82l-0.68,-1.59l-2.37,-0.63l-0.11,-0.5l1.21,-1.82l-0.77,-1.13l0.61,-1.68l-0.76,-1.62l0.87,-0.49l0.09,-1.25l0.42,-0.6l0.03,-2.11l0.99,-0.69l0.13,-0.5l-1.03,-1.73l-1.46,-0.11l-0.61,0.38l-1.06,0.0l-0.52,-1.23l-0.53,-0.21l-1.32,0.67l-0.01,-1.49l-0.75,-0.96l3.03,-1.88l2.99,0.53l3.32,-0.02l2.63,0.51l6.01,-0.06Z",name:"Spain"},ER:{path:"M520.38,246.23l3.42,2.43l3.5,3.77l0.84,0.54l-0.95,-0.01l-3.51,-3.89l-2.33,-1.15l-1.73,-0.07l-0.91,-0.51l-1.26,0.51l-1.34,-1.02l-0.61,0.17l-0.66,1.61l-2.35,-0.43l-0.17,-0.67l1.29,-5.29l0.61,-0.61l1.95,-0.53l0.87,-1.01l1.17,2.41l0.68,2.33l1.49,1.43Z",name:"Eritrea"},ME:{path:"M468.91,172.53l-1.22,-1.02l0.47,-1.81l0.89,-0.72l2.26,1.51l-0.5,0.57l-0.75,-0.27l-1.14,1.73Z",name:"Montenegro"},MD:{path:"M488.41,153.73l1.4,-0.27l1.72,0.93l1.07,0.15l0.85,0.65l-0.14,0.84l0.96,0.85l1.12,2.47l-1.15,-0.07l-0.66,-0.41l-0.52,0.25l-0.09,0.86l-1.08,1.89l-0.27,-0.86l0.25,-1.34l-0.16,-1.6l-3.29,-4.34Z",name:"Moldova"},MG:{path:"M545.91,319.14l0.4,3.03l0.62,1.21l-0.21,1.02l-0.57,-0.8l-0.69,-0.01l-0.47,0.76l0.41,2.12l-0.18,0.87l-0.73,0.78l-0.15,2.14l-4.71,15.2l-1.06,2.88l-3.92,1.64l-3.12,-1.49l-0.6,-1.21l-0.19,-2.4l-0.86,-2.05l-0.21,-1.77l0.38,-1.62l1.21,-0.75l0.01,-0.76l1.19,-2.04l0.23,-1.66l-1.06,-2.99l-0.19,-2.21l0.81,-1.33l0.32,-1.46l4.63,-1.22l3.44,-3.0l0.85,-1.4l-0.08,-0.7l0.78,-0.04l1.38,-1.77l0.13,-1.64l0.45,-0.61l1.16,1.69l0.59,1.6Z",name:"Madagascar"},MA:{path:"M378.78,230.02l0.06,-0.59l0.92,-0.73l0.82,-1.37l-0.09,-1.04l0.79,-1.7l1.31,-1.58l0.96,-0.59l0.66,-1.55l0.09,-1.47l0.81,-1.48l1.72,-1.07l1.55,-2.69l1.16,-0.96l2.44,-0.39l1.94,-1.82l1.31,-0.78l2.09,-2.28l-0.51,-3.65l1.24,-3.7l1.5,-1.75l4.46,-2.57l2.37,-4.47l1.44,0.01l1.68,1.21l2.32,-0.19l3.47,0.65l0.8,1.54l0.16,1.71l0.86,2.96l0.56,0.59l-0.26,0.61l-3.05,0.44l-1.26,1.05l-1.33,0.22l-0.33,0.37l-0.09,1.78l-2.68,1.0l-1.07,1.42l-4.47,1.13l-4.04,2.01l-0.54,4.64l-1.15,0.06l-0.92,0.61l-1.96,-0.35l-2.42,0.54l-0.74,1.9l-0.86,0.4l-1.14,3.26l-3.53,3.01l-0.8,3.55l-0.96,1.1l-0.29,0.82l-4.95,0.18Z",name:"Morocco"},UZ:{path:"M598.64,172.75l-1.63,1.52l0.06,0.64l1.85,1.12l1.97,-0.64l2.21,1.17l-2.52,1.68l-2.59,-0.22l-0.18,-0.41l0.46,-1.23l-0.45,-0.53l-3.35,0.69l-2.1,3.51l-1.87,-0.12l-1.03,1.51l0.22,0.55l1.64,0.62l0.46,1.83l-1.19,2.49l-2.66,-0.53l0.05,-1.36l-0.26,-0.39l-3.3,-1.23l-2.56,-1.4l-4.4,-3.34l-1.34,-3.14l-1.08,-0.6l-2.58,0.13l-0.69,-0.44l-0.47,-2.52l-3.37,-1.6l-0.43,0.05l-2.07,1.72l-2.1,1.01l-0.21,0.47l0.28,1.01l-1.91,0.03l-0.09,-10.5l5.99,-1.7l6.19,3.54l2.71,2.84l7.05,-0.67l2.71,2.01l-0.17,2.81l0.39,0.42l0.9,0.02l0.44,2.14l0.38,0.32l2.94,0.09l0.95,1.42l1.28,-0.24l1.05,-2.04l4.43,-2.5Z",name:"Uzbekistan"},MM:{path:"M673.9,230.21l-1.97,1.57l-0.57,0.96l-1.4,0.6l-1.36,1.05l-1.99,0.36l-1.08,2.66l-0.91,0.4l-0.19,0.55l1.21,2.27l2.52,3.43l-0.79,1.91l-0.74,0.41l-0.17,0.52l0.65,1.37l1.61,1.95l0.25,2.58l0.9,2.13l-1.92,3.57l0.68,-2.25l-0.81,-1.74l0.19,-2.65l-1.05,-1.53l-1.24,-6.17l-1.12,-2.26l-0.6,-0.13l-4.34,3.02l-2.39,-0.65l0.77,-2.84l-0.52,-2.61l-1.91,-2.96l0.25,-0.75l-0.29,-0.51l-1.33,-0.3l-1.61,-1.93l-0.1,-1.3l0.82,-0.24l0.04,-1.64l1.02,-0.52l0.21,-0.45l-0.23,-0.95l0.54,-0.96l0.08,-2.22l1.46,0.45l0.47,-0.2l1.12,-2.19l0.16,-1.35l1.33,-2.16l-0.0,-1.52l2.89,-1.66l1.63,0.44l0.5,-0.44l-0.17,-1.4l0.64,-0.36l0.08,-1.04l0.77,-0.11l0.71,1.35l1.06,0.69l-0.03,3.86l-2.38,2.37l-0.3,3.15l0.46,0.43l2.28,-0.38l0.51,2.08l1.47,0.67l-0.6,1.8l0.19,0.48l2.97,1.48l1.64,-0.55l0.02,0.32Z",name:"Myanmar"},ML:{path:"M392.61,254.08l-0.19,-2.37l-0.99,-0.87l-0.44,-1.3l-0.09,-1.28l0.81,-0.58l0.35,-1.24l2.37,0.65l1.31,-0.47l0.86,0.15l0.66,-0.56l9.83,-0.04l0.38,-0.28l0.56,-1.8l-0.44,-0.65l-2.35,-21.95l3.27,-0.04l16.7,11.38l0.74,1.31l2.5,1.09l0.02,1.38l0.44,0.39l2.34,-0.21l0.01,5.38l-1.28,1.61l-0.26,1.49l-5.31,0.57l-1.07,0.92l-2.9,0.1l-0.86,-0.48l-1.38,0.36l-2.4,1.08l-0.6,0.87l-1.85,1.09l-0.43,0.7l-0.79,0.39l-1.44,-0.21l-0.81,0.84l-0.34,1.64l-1.91,2.02l-0.06,1.03l-0.67,1.22l0.13,1.16l-0.97,0.39l-0.23,-0.64l-0.52,-0.24l-1.35,0.4l-0.34,0.55l-2.69,-0.28l-0.37,-0.35l-0.02,-0.9l-0.65,-0.35l0.45,-0.64l-0.03,-0.53l-2.12,-2.44l-0.76,-0.01l-2.0,1.16l-0.78,-0.15l-0.8,-0.67l-1.21,0.23Z",name:"Mali"},MN:{path:"M676.61,146.48l3.81,1.68l5.67,-1.0l2.37,0.41l2.34,1.5l1.79,1.75l2.29,-0.03l3.12,0.52l2.47,-0.81l3.41,-0.59l3.53,-2.21l1.25,0.29l1.53,1.13l2.27,-0.21l-2.66,5.01l0.64,1.68l0.47,0.21l1.32,-0.38l2.38,0.48l2.02,-1.11l1.76,0.89l2.06,2.02l-0.13,0.53l-1.72,-0.29l-3.77,0.46l-1.88,0.99l-1.76,1.99l-3.71,1.17l-2.45,1.6l-3.83,-0.87l-0.41,0.17l-1.31,1.99l1.04,2.24l-1.52,0.9l-1.74,1.57l-2.79,1.02l-3.78,0.13l-4.05,1.05l-2.77,1.52l-1.16,-0.85l-2.94,0.0l-3.62,-1.79l-2.58,-0.49l-3.4,0.41l-5.12,-0.67l-2.63,0.06l-1.31,-1.6l-1.4,-3.0l-1.48,-0.33l-3.13,-1.94l-6.16,-0.93l-0.71,-1.06l0.86,-3.82l-1.93,-2.71l-3.5,-1.18l-1.95,-1.58l-0.5,-1.72l2.34,-0.52l4.75,-2.8l3.62,-1.47l2.18,0.97l2.46,0.05l1.81,1.53l2.46,0.12l3.95,0.71l2.43,-2.28l0.08,-0.48l-0.9,-1.72l2.24,-2.98l2.62,1.27l4.94,1.17l0.43,2.24Z",name:"Mongolia"},MK:{path:"M472.8,173.98l0.49,-0.71l3.57,-0.71l1.0,0.77l0.13,1.45l-0.65,0.53l-1.15,-0.05l-1.12,0.67l-1.39,0.22l-0.79,-0.55l-0.29,-1.03l0.19,-0.6Z",name:"Macedonia"},MW:{path:"M505.5,309.31l0.85,1.95l0.15,2.86l-0.69,1.65l0.71,1.8l0.06,1.28l0.49,0.64l0.07,1.06l0.4,0.55l0.8,-0.23l0.55,0.61l0.69,-0.21l0.34,0.6l0.19,2.94l-1.04,0.62l-0.54,1.25l-1.11,-1.08l-0.16,-1.56l0.51,-1.31l-0.32,-1.3l-0.99,-0.65l-0.82,0.12l-2.36,-1.64l0.63,-1.96l0.82,-1.18l-0.46,-2.01l0.9,-2.86l-0.94,-2.51l0.96,0.18l0.29,0.4Z",name:"Malawi"},MR:{path:"M407.36,220.66l-2.58,0.03l-0.39,0.44l2.42,22.56l0.36,0.43l-0.39,1.24l-9.75,0.04l-0.56,0.53l-0.91,-0.11l-1.27,0.45l-1.61,-0.66l-0.97,0.03l-0.36,0.29l-0.38,1.35l-0.42,0.23l-2.93,-3.4l-2.96,-1.52l-1.62,-0.03l-1.27,0.54l-1.12,-0.2l-0.65,0.4l-0.08,-0.49l0.68,-1.29l0.31,-2.43l-0.57,-3.91l0.23,-1.21l-0.69,-1.5l-1.15,-1.02l0.25,-0.39l9.58,0.02l0.4,-0.45l-0.46,-3.68l0.47,-1.04l2.12,-0.21l0.36,-0.4l-0.08,-6.4l7.81,0.13l0.41,-0.4l0.01,-3.31l7.76,5.35Z",name:"Mauritania"},UG:{path:"M498.55,276.32l0.7,-0.46l1.65,0.5l1.96,-0.57l1.7,0.01l1.45,-0.98l0.91,1.33l1.33,3.95l-2.57,4.03l-1.46,-0.4l-2.54,0.91l-1.37,1.61l-0.01,0.81l-2.42,-0.01l-2.26,1.01l-0.17,-1.59l0.58,-1.04l0.14,-1.94l1.37,-2.28l1.78,-1.58l-0.17,-0.65l-0.72,-0.24l0.13,-2.43Z",name:"Uganda"},MY:{path:"M717.47,273.46l-1.39,0.65l-2.12,-0.41l-2.88,-0.0l-0.38,0.28l-0.84,2.75l-0.99,0.96l-1.21,3.29l-1.73,0.45l-2.45,-0.68l-1.39,0.31l-1.33,1.15l-1.59,-0.14l-1.41,0.44l-1.44,-1.19l-0.18,-0.73l1.34,0.53l1.93,-0.47l0.75,-2.22l4.02,-1.03l2.75,-3.21l0.82,0.94l0.64,-0.05l0.4,-0.65l0.96,0.06l0.42,-0.36l0.24,-2.68l1.81,-1.64l1.21,-1.86l0.63,-0.01l1.07,1.05l0.34,1.28l3.44,1.35l-0.06,0.35l-1.37,0.1l-0.35,0.54l0.32,0.88ZM673.68,269.59l0.17,1.09l0.47,0.33l1.65,-0.3l0.87,-0.94l1.61,1.52l0.98,1.56l-0.12,2.81l0.41,2.29l0.95,0.9l0.88,2.44l-1.27,0.12l-5.1,-3.67l-0.34,-1.29l-1.37,-1.59l-0.33,-1.97l-0.88,-1.4l0.25,-1.68l-0.46,-1.05l1.63,0.84Z",name:"Malaysia"},MX:{path:"M133.12,200.41l0.2,0.47l9.63,3.33l6.96,-0.02l0.4,-0.4l0.0,-0.74l3.77,0.0l3.55,2.93l1.39,2.83l1.52,1.04l2.08,0.82l0.47,-0.14l1.46,-2.0l1.73,-0.04l1.59,0.98l2.05,3.35l1.47,1.56l1.26,3.14l2.18,1.02l2.26,0.58l-1.18,3.72l-0.42,5.04l1.79,4.89l1.62,1.89l0.61,1.52l1.2,1.42l2.55,0.66l1.37,1.1l7.54,-1.89l1.86,-1.3l1.14,-4.3l4.1,-1.21l3.57,-0.11l0.32,0.3l-0.06,0.94l-1.26,1.45l-0.67,1.71l0.38,0.7l-0.72,2.27l-0.49,-0.3l-1.0,0.08l-1.0,1.39l-0.47,-0.11l-0.53,0.47l-4.26,-0.02l-0.4,0.4l-0.0,1.06l-1.1,0.26l0.1,0.44l1.82,1.44l0.56,0.91l-3.19,0.21l-1.21,2.09l0.24,0.72l-0.2,0.44l-2.24,-2.18l-1.45,-0.93l-2.22,-0.69l-1.52,0.22l-3.07,1.16l-10.55,-3.85l-2.86,-1.96l-3.78,-0.92l-1.08,-1.19l-2.62,-1.43l-1.18,-1.54l-0.38,-0.81l0.66,-0.63l-0.18,-0.53l0.52,-0.76l0.01,-0.91l-2.0,-3.82l-2.21,-2.63l-2.53,-2.09l-1.19,-1.62l-2.2,-1.17l-0.3,-0.43l0.34,-1.48l-0.21,-0.45l-1.23,-0.6l-1.36,-1.2l-0.59,-1.78l-1.54,-0.47l-2.44,-2.55l-0.16,-0.9l-1.33,-2.03l-0.84,-1.99l-0.16,-1.33l-1.81,-1.1l-0.97,0.05l-1.31,-0.7l-0.57,0.22l-0.4,1.12l0.72,3.77l3.51,3.89l0.28,0.78l0.53,0.26l0.41,1.43l1.33,1.73l1.58,1.41l0.8,2.39l1.43,2.41l0.13,1.32l0.37,0.36l1.04,0.08l1.67,2.28l-0.85,0.76l-0.66,-1.51l-1.68,-1.54l-2.91,-1.87l0.06,-1.82l-0.54,-1.68l-2.91,-2.03l-0.55,0.09l-1.95,-1.1l-0.88,-0.94l0.68,-0.08l0.93,-1.01l0.08,-1.78l-1.93,-1.94l-1.46,-0.77l-3.75,-7.56l4.88,-0.42Z",name:"Mexico"},VU:{path:"M839.04,322.8l0.22,1.14l-0.44,0.03l-0.2,-1.45l0.42,0.27Z",name:"Vanuatu"},FR:{path:"M444.48,172.62l-0.64,1.78l-0.58,-0.31l-0.49,-1.72l0.4,-0.89l1.0,-0.72l0.3,1.85ZM429.64,147.1l1.78,1.58l1.46,-0.13l2.1,1.42l1.35,0.27l1.23,0.83l3.04,0.5l-1.03,1.85l-0.3,2.12l-0.41,0.32l-0.95,-0.24l-0.5,0.43l0.06,0.61l-1.81,1.92l-0.04,1.42l0.55,0.38l0.88,-0.36l0.61,0.97l-0.03,1.0l0.57,0.91l-0.75,1.09l0.65,2.39l1.27,0.57l-0.18,0.82l-2.01,1.53l-4.77,-0.8l-3.82,1.0l-0.53,1.85l-2.49,0.34l-2.71,-1.31l-1.16,0.57l-4.31,-1.29l-0.72,-0.86l1.19,-1.78l0.39,-6.45l-2.58,-3.3l-1.9,-1.66l-3.72,-1.23l-0.19,-1.72l2.81,-0.61l4.12,0.81l0.47,-0.48l-0.6,-2.77l1.94,0.95l5.83,-2.54l0.92,-2.74l1.6,-0.49l0.24,0.78l1.36,0.33l1.05,1.19ZM289.01,278.39l-0.81,0.8l-0.78,0.12l-0.5,-0.66l-0.56,-0.1l-0.91,0.6l-0.46,-0.22l1.09,-2.96l-0.96,-1.77l-0.17,-1.49l1.07,-1.77l2.32,0.75l2.51,2.01l0.3,0.74l-2.14,3.96Z",name:"France"},FI:{path:"M492.17,76.39l-0.23,3.5l3.52,2.63l-2.08,2.88l-0.02,0.44l2.8,4.56l-1.59,3.31l2.16,3.24l-0.94,2.39l0.14,0.47l3.44,2.51l-0.77,1.62l-7.52,6.95l-4.5,0.31l-4.38,1.37l-3.8,0.74l-1.44,-1.96l-2.17,-1.11l0.5,-3.66l-1.16,-3.33l1.09,-2.08l2.21,-2.42l5.67,-4.32l1.64,-0.83l0.21,-0.42l-0.46,-2.02l-3.38,-1.89l-0.75,-1.43l-0.22,-6.74l-6.79,-4.8l0.8,-0.62l2.54,2.12l3.46,-0.12l3.0,0.96l2.51,-2.11l1.17,-3.08l3.55,-1.38l2.76,1.53l-0.95,2.79Z",name:"Finland"},FJ:{path:"M871.53,326.34l-2.8,1.05l-0.08,-0.23l2.97,-1.21l-0.1,0.39ZM867.58,329.25l0.43,0.37l-0.27,0.88l-1.24,0.28l-1.04,-0.24l-0.14,-0.66l0.63,-0.58l0.92,0.26l0.7,-0.31Z",name:"Fiji"},FK:{path:"M274.36,425.85l1.44,1.08l-0.47,0.73l-3.0,0.89l-0.96,-1.0l-0.52,-0.05l-1.83,1.29l-0.73,-0.88l2.46,-1.64l1.93,0.76l1.67,-1.19Z",name:"Falkland Is."},NI:{path:"M202.33,252.67l0.81,-0.18l1.03,-1.02l-0.04,-0.88l0.68,-0.0l0.63,-0.54l0.97,0.22l1.53,-1.26l0.58,-0.99l1.17,0.34l2.41,-0.94l0.13,1.32l-0.81,1.94l0.1,2.74l-0.36,0.37l-0.11,1.75l-0.47,0.81l0.18,1.14l-1.73,-0.85l-0.71,0.27l-1.47,-0.6l-0.52,0.16l-4.01,-3.81Z",name:"Nicaragua"},NL:{path:"M430.31,143.39l0.6,-0.5l2.13,-4.8l3.2,-1.33l1.74,0.08l0.33,0.8l-0.59,2.92l-0.5,0.99l-1.26,0.0l-0.4,0.45l0.33,2.7l-2.2,-1.78l-2.62,0.58l-0.75,-0.11Z",name:"Netherlands"},NO:{path:"M491.44,67.41l6.8,2.89l-2.29,0.86l-0.15,0.65l2.33,2.38l-4.98,1.79l0.84,-2.45l-0.18,-0.48l-3.55,-1.8l-3.89,1.52l-1.42,3.38l-2.12,1.72l-2.64,-1.0l-3.11,0.21l-2.66,-2.22l-0.5,-0.01l-1.41,1.1l-1.44,0.17l-0.35,0.35l-0.32,2.47l-4.32,-0.64l-0.44,0.29l-0.58,2.11l-2.45,0.2l-4.15,7.68l-3.88,5.76l0.78,1.62l-0.64,1.16l-2.24,-0.06l-0.38,0.24l-1.66,3.89l0.15,5.17l1.57,2.04l-0.78,4.16l-2.02,2.48l-0.85,1.63l-1.3,-1.75l-0.58,-0.07l-4.87,4.19l-3.1,0.79l-3.16,-1.7l-0.85,-3.77l-0.77,-8.55l2.14,-2.31l6.55,-3.27l5.02,-4.17l10.63,-13.84l10.98,-8.7l5.35,-1.91l4.34,0.12l3.69,-3.64l4.49,0.19l4.37,-0.89ZM484.55,20.04l4.26,1.75l-3.1,2.55l-7.1,0.65l-7.08,-0.9l-0.37,-1.31l-0.37,-0.29l-3.44,-0.1l-2.08,-2.0l6.87,-1.44l3.9,1.31l2.39,-1.64l6.13,1.4ZM481.69,33.93l-4.45,1.74l-3.54,-0.99l1.12,-0.9l0.05,-0.58l-1.06,-1.22l4.22,-0.89l1.09,1.97l2.57,0.87ZM466.44,24.04l7.43,3.77l-5.41,1.86l-1.58,4.08l-2.26,1.2l-1.12,4.11l-2.61,0.18l-4.79,-2.86l1.84,-1.54l-0.1,-0.68l-3.69,-1.53l-4.77,-4.51l-1.73,-3.89l6.11,-1.82l1.54,1.92l3.57,-0.08l1.2,-1.96l3.32,-0.18l3.05,1.92Z",name:"Norway"},NA:{path:"M474.26,330.66l-0.97,0.04l-0.38,0.4l-0.07,8.9l-2.09,0.08l-0.39,0.4l-0.0,17.42l-1.98,1.23l-1.17,0.17l-2.44,-0.66l-0.48,-1.13l-0.99,-0.74l-0.54,0.05l-0.9,1.01l-1.53,-1.68l-0.93,-1.88l-1.99,-8.56l-0.06,-3.12l-0.33,-1.52l-2.3,-3.34l-1.91,-4.83l-1.96,-2.43l-0.12,-1.57l2.33,-0.79l1.43,0.07l1.81,1.13l10.23,-0.25l1.84,1.23l5.87,0.35ZM474.66,330.64l6.51,-1.6l1.9,0.39l-1.69,0.4l-1.31,0.83l-1.12,-0.94l-4.29,0.92Z",name:"Namibia"},NC:{path:"M838.78,341.24l-0.33,0.22l-2.9,-1.75l-3.26,-3.37l1.65,0.83l4.85,4.07Z",name:"New Caledonia"},NE:{path:"M454.75,226.53l1.33,1.37l0.48,0.07l1.27,-0.7l0.53,3.52l0.94,0.83l0.17,0.92l0.81,0.69l-0.44,0.95l-0.96,5.26l-0.13,3.22l-3.04,2.31l-1.22,3.57l1.02,1.24l-0.0,1.46l0.39,0.4l1.13,0.04l-0.9,1.25l-1.47,-2.42l-0.86,-0.29l-2.09,1.37l-1.74,-0.67l-1.45,-0.17l-0.85,0.35l-1.36,-0.07l-1.64,1.09l-1.06,0.05l-2.94,-1.28l-1.44,0.59l-1.01,-0.03l-0.97,-0.94l-2.7,-0.98l-2.69,0.3l-0.87,0.64l-0.47,1.6l-0.75,1.16l-0.12,1.53l-1.57,-1.1l-1.31,0.24l0.03,-0.81l-0.32,-0.41l-2.59,-0.52l-0.15,-1.16l-1.35,-1.6l-0.29,-1.0l0.13,-0.84l1.29,-0.08l1.08,-0.92l3.31,-0.22l2.22,-0.41l0.32,-0.34l0.2,-1.47l1.39,-1.88l-0.01,-5.66l3.36,-1.12l7.24,-5.12l8.42,-4.92l3.69,1.06Z",name:"Niger"},NG:{path:"M456.32,253.89l0.64,0.65l-0.28,1.04l-2.11,2.01l-2.03,5.18l-1.37,1.16l-1.15,3.18l-1.33,0.66l-1.46,-0.97l-1.21,0.16l-1.38,1.36l-0.91,0.24l-1.79,4.06l-2.33,0.81l-1.11,-0.07l-0.86,0.5l-1.71,-0.05l-1.19,-1.39l-0.89,-1.89l-1.77,-1.66l-3.95,-0.08l0.07,-5.21l0.42,-1.43l1.95,-2.3l-0.14,-0.91l0.43,-1.18l-0.53,-1.41l0.25,-2.92l0.72,-1.07l0.32,-1.34l0.46,-0.39l2.47,-0.28l2.34,0.89l1.15,1.02l1.28,0.04l1.22,-0.58l3.03,1.27l1.49,-0.14l1.36,-1.0l1.33,0.07l0.82,-0.35l3.45,0.8l1.82,-1.32l1.84,2.67l0.66,0.16Z",name:"Nigeria"},NZ:{path:"M857.8,379.65l1.86,3.12l0.44,0.18l0.3,-0.38l0.03,-1.23l0.38,0.27l0.57,2.31l2.02,0.94l1.81,0.27l1.57,-1.06l0.7,0.18l-1.15,3.59l-1.98,0.11l-0.74,1.2l0.2,1.11l-2.42,3.98l-1.49,0.92l-1.04,-0.85l1.21,-2.05l-0.81,-2.01l-2.63,-1.25l0.04,-0.57l1.82,-1.19l0.43,-2.34l-0.16,-2.03l-0.95,-1.82l-0.06,-0.72l-3.11,-3.64l-0.79,-1.52l1.56,1.45l1.76,0.66l0.65,2.34ZM853.83,393.59l0.57,1.24l0.59,0.16l1.42,-0.97l0.46,0.79l0.0,1.03l-2.47,3.48l-1.26,1.2l-0.06,0.5l0.55,0.87l-1.41,0.07l-2.33,1.38l-2.03,5.02l-3.02,2.16l-2.06,-0.06l-1.71,-1.04l-2.47,-0.2l-0.27,-0.73l1.22,-2.1l3.05,-2.94l1.62,-0.59l4.02,-2.82l1.57,-1.67l1.07,-2.16l0.88,-0.7l0.48,-1.75l1.24,-0.97l0.35,0.79Z",name:"New Zealand"},NP:{path:"M641.14,213.62l0.01,3.19l-1.74,0.04l-4.8,-0.86l-1.58,-1.39l-3.37,-0.34l-7.65,-3.7l0.8,-2.09l2.33,-1.7l1.77,0.75l2.49,1.76l1.38,0.41l0.99,1.35l1.9,0.52l1.99,1.17l5.49,0.9Z",name:"Nepal"},CI:{path:"M407.4,259.27l0.86,0.42l0.56,0.9l1.13,0.53l1.19,-0.61l0.97,-0.08l1.42,0.54l0.6,3.24l-1.03,2.08l-0.65,2.84l1.06,2.33l-0.06,0.53l-2.54,-0.47l-1.66,0.03l-3.06,0.46l-4.11,1.6l0.32,-3.06l-1.18,-1.31l-1.32,-0.66l0.42,-0.85l-0.2,-1.4l0.5,-0.67l0.01,-1.59l0.84,-0.32l0.26,-0.5l-1.15,-3.01l0.12,-0.5l0.51,-0.25l0.66,0.31l1.93,0.02l0.67,-0.71l0.71,-0.14l0.25,0.69l0.57,0.22l1.4,-0.61Z",name:"Côte d'Ivoire"},CH:{path:"M444.62,156.35l-0.29,0.87l0.18,0.53l1.13,0.58l1.0,0.1l-0.1,0.65l-0.79,0.38l-1.72,-0.37l-0.45,0.23l-0.45,1.04l-0.75,0.06l-0.84,-0.4l-1.32,1.0l-0.96,0.12l-0.88,-0.55l-0.81,-1.3l-0.49,-0.16l-0.63,0.26l0.02,-0.65l1.71,-1.66l0.1,-0.56l0.93,0.08l0.58,-0.46l1.99,0.02l0.66,-0.61l2.19,0.79Z",name:"Switzerland"},CO:{path:"M242.07,254.93l-1.7,0.59l-0.59,1.18l-1.7,1.69l-0.38,1.93l-0.67,1.43l0.31,0.57l1.03,0.13l0.25,0.9l0.57,0.64l-0.04,2.34l1.64,1.42l3.16,-0.24l1.26,0.28l1.67,2.06l0.41,0.13l4.09,-0.39l0.45,0.22l-0.92,1.95l-0.2,1.8l0.52,1.83l0.75,1.05l-1.12,1.1l0.07,0.63l0.84,0.51l0.74,1.29l-0.39,-0.45l-0.59,-0.01l-0.71,0.74l-4.71,-0.05l-0.4,0.41l0.03,1.57l0.33,0.39l1.11,0.2l-1.68,0.4l-0.29,0.38l-0.01,1.82l1.16,1.14l0.34,1.25l-1.05,7.05l-1.04,-0.87l1.26,-1.99l-0.13,-0.56l-2.18,-1.23l-1.38,0.2l-1.14,-0.38l-1.27,0.61l-1.55,-0.26l-1.38,-2.46l-1.23,-0.75l-0.85,-1.2l-1.67,-1.19l-0.86,0.13l-2.11,-1.32l-1.01,0.31l-1.8,-0.29l-0.52,-0.91l-3.09,-1.68l0.77,-0.52l-0.1,-1.12l0.41,-0.64l1.34,-0.32l2.0,-2.88l-0.11,-0.57l-0.66,-0.43l0.39,-1.38l-0.52,-2.1l0.49,-0.83l-0.4,-2.13l-0.97,-1.35l0.17,-0.66l0.86,-0.08l0.47,-0.75l-0.46,-1.63l1.41,-0.07l1.8,-1.69l0.93,-0.24l0.3,-0.38l0.45,-2.76l1.22,-1.0l1.44,-0.04l0.45,-0.5l1.91,0.12l2.93,-1.84l1.15,-1.14l0.91,0.46l-0.25,0.45Z",name:"Colombia"},CN:{path:"M740.23,148.97l4.57,1.3l2.8,2.17l0.98,2.9l0.38,0.27l3.8,0.0l2.32,-1.28l3.29,-0.75l-0.96,2.09l-1.02,1.28l-0.85,3.4l-1.52,2.73l-2.76,-0.5l-2.4,1.13l-0.21,0.45l0.64,2.57l-0.32,3.2l-0.94,0.06l-0.37,0.89l-0.91,-1.01l-0.64,0.07l-0.92,1.57l-3.73,1.25l-0.26,0.48l0.26,1.06l-1.5,-0.08l-1.09,-0.86l-0.56,0.06l-1.67,2.06l-2.7,1.56l-2.03,1.88l-3.4,0.83l-1.93,1.4l-1.15,0.34l0.33,-0.7l-0.41,-0.89l1.79,-1.79l0.02,-0.54l-1.32,-1.56l-0.48,-0.1l-2.24,1.09l-2.83,2.06l-1.51,1.83l-2.28,0.13l-1.55,1.49l-0.04,0.5l1.32,1.97l2.0,0.58l0.31,1.35l1.98,0.84l3.0,-1.96l2.0,1.02l1.49,0.11l0.22,0.83l-3.37,0.86l-1.12,1.48l-2.5,1.52l-1.29,1.99l0.14,0.56l2.57,1.48l0.97,2.7l3.17,4.63l-0.03,1.66l-1.35,0.65l-0.2,0.51l0.6,1.47l1.4,0.91l-0.89,3.82l-1.43,0.38l-3.85,6.44l-2.27,3.11l-6.78,4.57l-2.73,0.29l-1.45,1.04l-0.62,-0.61l-0.55,-0.01l-1.36,1.25l-3.39,1.27l-2.61,0.4l-1.1,2.79l-0.81,0.09l-0.49,-1.42l0.5,-0.85l-0.25,-0.59l-3.36,-0.84l-1.3,0.4l-2.31,-0.62l-0.94,-0.84l0.33,-1.28l-0.3,-0.49l-2.19,-0.46l-1.13,-0.93l-0.47,-0.02l-2.06,1.36l-4.29,0.28l-2.76,1.05l-0.28,0.43l0.32,2.53l-0.59,-0.03l-0.19,-1.34l-0.55,-0.34l-1.68,0.7l-2.46,-1.23l0.62,-1.87l-0.26,-0.51l-1.37,-0.44l-0.54,-2.22l-0.45,-0.3l-2.13,0.35l0.24,-2.48l2.39,-2.4l0.03,-4.31l-1.19,-0.92l-0.78,-1.49l-0.41,-0.21l-1.41,0.19l-1.98,-0.3l0.46,-1.07l-1.17,-1.7l-0.55,-0.11l-1.63,1.05l-2.25,-0.57l-2.89,1.73l-2.25,1.98l-1.75,0.29l-1.17,-0.71l-3.31,-0.65l-1.48,0.79l-1.04,1.27l-0.12,-1.17l-0.54,-0.34l-1.44,0.54l-5.55,-0.86l-1.98,-1.16l-1.89,-0.54l-0.99,-1.35l-1.34,-0.37l-2.55,-1.79l-2.01,-0.84l-1.21,0.56l-5.57,-3.45l-0.53,-2.31l1.19,0.25l0.48,-0.37l0.08,-1.42l-0.98,-1.56l0.15,-2.44l-2.69,-3.32l-4.12,-1.23l-0.67,-2.0l-1.92,-1.48l-0.38,-0.7l-0.51,-3.01l-1.52,-0.66l-0.7,0.13l-0.48,-2.05l0.55,-0.51l-0.09,-0.82l2.03,-1.19l1.6,-0.54l2.56,0.38l0.42,-0.22l0.85,-1.7l3.0,-0.33l1.1,-1.26l4.05,-1.77l0.39,-0.91l-0.17,-1.44l1.45,-0.67l0.2,-0.52l-2.07,-4.9l4.51,-1.12l1.37,-0.73l1.89,-5.51l4.98,0.86l1.51,-1.7l0.11,-2.87l1.99,-0.38l1.83,-2.06l0.49,-0.13l0.68,2.08l2.23,1.77l3.44,1.16l1.55,2.29l-0.92,3.49l0.96,1.67l6.54,1.13l2.95,1.87l1.47,0.35l1.06,2.62l1.53,1.91l3.05,0.08l5.14,0.67l3.37,-0.41l2.36,0.43l3.65,1.8l3.06,0.04l1.45,0.88l2.87,-1.59l3.95,-1.02l3.83,-0.14l3.06,-1.14l1.77,-1.6l1.72,-1.01l0.17,-0.49l-1.1,-2.05l1.02,-1.54l4.02,0.8l2.45,-1.61l3.76,-1.19l1.96,-2.13l1.63,-0.83l3.51,-0.4l1.92,0.34l0.46,-0.3l0.17,-1.5l-2.27,-2.22l-2.11,-1.09l-2.18,1.11l-2.32,-0.47l-1.29,0.32l-0.4,-0.82l2.73,-5.16l3.02,1.06l3.53,-2.06l0.18,-1.68l2.16,-3.35l1.49,-1.35l-0.03,-1.85l-1.07,-0.85l1.54,-1.26l2.98,-0.59l3.23,-0.09l3.64,0.99l2.04,1.16l3.29,6.71l0.92,3.19ZM696.92,237.31l-1.87,1.08l-1.63,-0.64l-0.06,-1.79l1.03,-0.98l2.58,-0.69l1.16,0.05l0.3,0.54l-0.98,1.06l-0.53,1.37Z",name:"China"},CM:{path:"M457.92,257.49l1.05,1.91l-1.4,0.16l-1.05,-0.23l-0.45,0.22l-0.54,1.19l0.08,0.45l1.48,1.47l1.05,0.45l1.01,2.46l-1.52,2.99l-0.68,0.68l-0.13,3.69l2.38,3.84l1.09,0.8l0.24,2.48l-3.67,-1.14l-11.27,-0.13l0.23,-1.79l-0.98,-1.66l-1.19,-0.54l-0.44,-0.97l-0.6,-0.42l1.71,-4.27l0.75,-0.13l1.38,-1.36l0.65,-0.03l1.71,0.99l1.93,-1.12l1.14,-3.18l1.38,-1.17l2.0,-5.14l2.17,-2.13l0.3,-1.64l-0.86,-0.88l0.03,-0.33l0.94,1.28l0.07,3.22Z",name:"Cameroon"},CL:{path:"M246.5,429.18l-3.14,1.83l-0.57,3.16l-0.64,0.05l-2.68,-1.06l-2.82,-2.33l-3.04,-1.89l-0.69,-1.85l0.63,-2.14l-1.21,-2.11l-0.31,-5.37l1.01,-2.91l2.57,-2.38l-0.18,-0.68l-3.16,-0.77l2.05,-2.47l0.77,-4.65l2.32,0.9l0.54,-0.29l1.31,-6.31l-0.22,-0.44l-1.68,-0.8l-0.56,0.28l-0.7,3.36l-0.81,-0.22l1.56,-9.41l1.15,-2.24l-0.71,-2.82l-0.18,-2.84l1.01,-0.33l3.26,-9.14l1.07,-4.22l-0.56,-4.21l0.74,-2.34l-0.29,-3.27l1.46,-3.34l2.04,-16.59l-0.66,-7.76l1.03,-0.53l0.54,-0.9l0.79,1.14l0.32,1.78l1.25,1.16l-0.69,2.55l1.33,2.9l0.97,3.59l0.46,0.29l1.5,-0.3l0.11,0.23l-0.76,2.44l-2.57,1.23l-0.23,0.37l0.08,4.33l-0.46,0.77l0.56,1.21l-1.58,1.51l-1.68,2.62l-0.89,2.47l0.2,2.7l-1.48,2.73l1.12,5.09l0.64,0.61l-0.01,2.29l-1.38,2.68l0.01,2.4l-1.89,2.04l0.02,2.75l0.69,2.57l-1.43,1.13l-1.26,5.68l0.39,3.51l-0.97,0.89l0.58,3.5l1.02,1.14l-0.65,1.02l0.15,0.57l1.0,0.53l0.16,0.69l-1.03,0.85l0.26,1.75l-0.89,4.03l-1.31,2.66l0.24,1.75l-0.71,1.83l-1.99,1.7l0.3,3.67l0.88,1.19l1.58,0.01l0.01,2.21l1.04,1.95l5.98,0.63ZM248.69,430.79l0.0,7.33l0.4,0.4l3.52,0.05l-0.44,0.75l-1.94,0.98l-2.49,-0.37l-1.88,-1.06l-2.55,-0.49l-5.59,-3.71l-2.38,-2.63l4.1,2.48l3.32,1.23l0.45,-0.12l1.29,-1.57l0.83,-2.32l2.05,-1.24l1.31,0.29Z",name:"Chile"},CA:{path:"M280.06,145.6l-1.67,2.88l0.07,0.49l0.5,0.04l1.46,-0.98l1.0,0.42l-0.56,0.72l0.17,0.62l2.22,0.89l1.35,-0.71l1.95,0.78l-0.66,2.01l0.5,0.51l1.32,-0.42l0.98,3.17l-0.91,2.41l-0.8,0.08l-1.23,-0.45l0.47,-2.25l-0.89,-0.83l-0.48,0.06l-2.78,2.63l-0.34,-0.02l1.02,-0.85l-0.14,-0.69l-2.4,-0.77l-7.4,0.08l-0.17,-0.41l1.3,-0.94l0.02,-0.64l-0.73,-0.58l1.85,-1.74l2.57,-5.16l1.47,-1.79l1.99,-1.05l0.46,0.06l-1.53,2.45ZM68.32,74.16l4.13,0.95l4.02,2.14l2.61,0.4l2.47,-1.89l2.88,-1.31l3.85,0.48l3.71,-1.94l3.82,-1.04l1.56,1.68l0.49,0.08l1.87,-1.04l0.65,-1.98l1.24,0.35l4.16,3.94l0.54,0.01l2.75,-2.49l0.26,2.59l0.49,0.35l3.08,-0.73l1.04,-1.27l2.73,0.23l3.83,1.86l5.86,1.61l3.47,0.75l2.44,-0.26l2.73,1.78l-2.98,1.81l-0.19,0.41l0.31,0.32l4.53,0.92l6.87,-0.5l2.0,-0.69l2.49,2.39l0.53,0.02l2.72,-2.16l-0.02,-0.64l-2.16,-1.54l1.15,-1.06l4.83,-0.61l1.84,0.95l2.48,2.31l3.01,-0.23l4.55,1.92l3.85,-0.67l3.61,0.1l0.41,-0.44l-0.25,-2.36l1.79,-0.61l3.49,1.32l-0.01,3.77l0.31,0.39l0.45,-0.22l1.48,-3.16l1.74,0.1l0.41,-0.3l1.13,-4.37l-2.78,-3.11l-2.8,-1.74l0.19,-4.64l2.71,-3.07l2.98,0.67l2.41,1.95l3.19,4.8l-1.99,1.97l0.21,0.68l4.33,0.84l-0.01,4.15l0.25,0.37l0.44,-0.09l3.07,-3.15l2.54,2.39l-0.61,3.33l2.42,2.88l0.61,0.0l2.61,-3.08l1.88,-3.82l0.17,-4.58l6.72,0.94l3.13,2.04l0.13,1.82l-1.76,2.19l-0.01,0.49l1.66,2.16l-0.26,1.71l-4.68,2.8l-3.28,0.61l-2.47,-1.2l-0.55,0.23l-0.73,2.04l-2.38,3.43l-0.74,1.77l-2.74,2.57l-3.44,0.25l-2.21,1.78l-0.28,2.53l-2.82,0.55l-3.12,3.22l-2.72,4.31l-1.03,3.17l-0.14,4.31l0.33,0.41l3.44,0.57l2.24,5.95l0.45,0.23l3.4,-0.69l4.52,1.51l2.43,1.31l1.91,1.73l3.1,0.96l2.62,1.46l6.6,0.54l-0.35,2.74l0.81,3.53l1.81,3.78l3.83,3.3l0.45,0.04l2.1,-1.28l1.37,-3.69l-1.31,-5.38l-1.45,-1.58l3.57,-1.47l2.84,-2.46l1.52,-2.8l-0.25,-2.55l-1.7,-3.07l-2.85,-2.61l2.8,-3.95l-1.08,-3.37l-0.79,-5.67l1.36,-0.7l6.76,1.41l2.12,-0.96l5.12,3.36l1.05,1.61l4.08,0.26l-0.06,2.87l0.83,4.7l0.3,0.32l2.16,0.54l1.73,2.06l0.5,0.09l3.63,-2.03l2.52,-4.19l1.26,-1.32l7.6,11.72l-0.92,2.04l0.16,0.51l3.3,1.97l2.22,1.98l4.1,0.98l1.43,0.99l0.95,2.79l2.1,0.68l0.84,1.08l0.17,3.45l-3.37,2.26l-4.22,1.24l-3.06,2.63l-4.06,0.51l-5.35,-0.69l-6.39,0.2l-2.3,2.41l-3.26,1.51l-6.47,7.15l-0.06,0.48l0.44,0.19l2.13,-0.52l4.17,-4.24l5.12,-2.62l3.52,-0.3l1.69,1.21l-2.12,2.21l0.81,3.47l1.02,2.61l3.47,1.6l4.14,-0.45l2.15,-2.8l0.26,1.48l1.14,0.8l-2.56,1.69l-5.5,1.82l-2.54,1.27l-2.74,2.15l-1.4,-0.16l-0.07,-2.01l4.14,-2.44l0.18,-0.45l-0.39,-0.29l-6.63,0.45l-1.39,-1.49l-0.14,-4.43l-1.11,-0.91l-1.82,0.39l-0.66,-0.66l-0.6,0.03l-1.91,2.39l-0.82,2.52l-0.8,1.27l-1.67,0.56l-0.46,0.76l-8.31,0.07l-1.21,0.62l-2.35,1.97l-0.71,-0.14l-1.37,0.96l-1.12,-0.48l-4.74,1.26l-0.9,1.17l0.21,0.62l1.73,0.3l-1.81,0.31l-1.85,0.81l-2.11,-0.13l-2.95,1.78l-0.69,-0.09l1.39,-2.1l1.73,-1.21l0.1,-2.29l1.16,-1.99l0.49,0.53l2.03,0.42l1.2,-1.16l0.02,-0.47l-2.66,-3.51l-2.28,-0.61l-5.64,-0.71l-0.4,-0.57l-0.79,0.13l0.2,-0.41l-0.22,-0.55l-0.68,-0.26l0.19,-1.26l-0.78,-0.73l0.31,-0.64l-0.29,-0.57l-2.6,-0.44l-0.75,-1.63l-0.94,-0.66l-4.31,-0.65l-1.13,1.19l-1.48,0.59l-0.85,1.06l-2.83,-0.76l-2.09,0.39l-2.39,-0.97l-4.24,-0.7l-0.57,-0.4l-0.41,-1.63l-0.4,-0.3l-0.85,0.02l-0.39,0.4l-0.01,0.85l-69.13,-0.01l-6.51,-4.52l-4.5,-1.38l-1.26,-2.66l0.33,-1.93l-0.23,-0.43l-3.01,-1.35l-0.55,-2.77l-2.89,-2.38l-0.04,-1.45l1.39,-1.83l-0.28,-2.55l-4.16,-2.2l-4.07,-6.6l-4.02,-3.22l-1.3,-1.88l-0.5,-0.13l-2.51,1.21l-2.23,1.87l-3.85,-3.88l-2.44,-1.04l-2.22,-0.13l0.03,-37.49ZM260.37,148.65l3.04,0.76l2.26,1.2l-3.78,-0.95l-1.53,-1.01ZM249.4,3.81l6.68,0.49l5.32,0.79l4.26,1.57l-0.07,1.1l-5.85,2.53l-6.02,1.21l-2.39,1.39l-0.18,0.45l0.39,0.29l4.01,-0.02l-4.65,2.82l-4.2,1.74l-4.19,4.59l-5.03,0.92l-1.67,1.15l-7.47,0.59l-0.37,0.37l0.32,0.42l2.41,0.49l-0.81,0.47l-0.12,0.59l1.83,2.41l-2.02,1.59l-3.81,1.51l-1.32,2.16l-3.38,1.53l-0.22,0.48l0.35,1.19l0.4,0.29l3.88,-0.18l0.03,0.61l-6.33,2.95l-6.41,-1.4l-7.43,0.79l-3.72,-0.62l-4.4,-0.25l-0.23,-1.83l4.29,-1.11l0.28,-0.51l-1.1,-3.45l1.0,-0.25l6.58,2.28l0.47,-0.16l-0.05,-0.49l-3.41,-3.45l-3.58,-0.98l1.48,-1.55l4.34,-1.29l0.97,-2.19l-0.16,-0.48l-3.42,-2.13l-0.81,-2.26l6.2,0.22l2.24,0.58l3.91,-2.1l0.2,-0.43l-0.35,-0.32l-5.64,-0.67l-8.73,0.36l-4.26,-1.9l-2.12,-2.4l-2.78,-1.66l-0.41,-1.52l3.31,-1.03l2.93,-0.2l4.91,-0.99l3.7,-2.27l2.87,0.3l2.62,1.67l0.56,-0.14l1.82,-3.2l3.13,-0.94l4.44,-0.69l7.53,-0.26l1.48,0.67l7.19,-1.06l10.8,0.79ZM203.85,57.54l0.01,0.42l1.97,2.97l0.68,-0.02l2.24,-3.72l5.95,-1.86l4.01,4.64l-0.35,2.91l0.5,0.43l4.95,-1.36l2.32,-1.8l5.31,2.28l3.27,2.11l0.3,1.84l0.48,0.33l4.42,-0.99l2.64,2.87l5.97,1.77l2.06,1.72l2.11,3.71l-4.19,1.86l-0.01,0.73l5.9,2.83l3.94,0.94l3.78,3.95l3.46,0.25l-0.63,2.37l-4.11,4.47l-2.76,-1.56l-3.9,-3.94l-3.59,0.41l-0.33,0.34l-0.19,2.72l2.63,2.38l3.42,1.89l0.94,0.97l1.55,3.75l-0.7,2.29l-2.74,-0.92l-6.25,-3.15l-0.51,0.13l0.05,0.52l6.07,5.69l0.18,0.59l-6.09,-1.39l-5.31,-2.24l-2.63,-1.66l0.6,-0.77l-0.12,-0.6l-7.39,-4.01l-0.59,0.37l0.03,0.79l-6.73,0.6l-1.69,-1.1l1.36,-2.46l4.51,-0.07l5.15,-0.52l0.31,-0.6l-0.74,-1.3l0.78,-1.84l3.21,-4.05l-0.67,-2.35l-1.11,-1.6l-3.84,-2.1l-4.35,-1.28l0.91,-0.63l0.06,-0.61l-2.65,-2.75l-2.34,-0.36l-1.89,-1.46l-0.53,0.03l-1.24,1.23l-4.36,0.55l-9.04,-0.99l-9.26,-1.98l-1.6,-1.22l2.22,-1.77l0.13,-0.44l-0.38,-0.27l-3.22,-0.02l-0.72,-4.25l1.83,-4.04l2.42,-1.85l5.5,-1.1l-1.39,2.35ZM261.19,159.33l2.07,0.61l1.44,-0.04l-1.15,0.63l-2.94,-1.23l-0.4,-0.68l0.36,-0.37l0.61,1.07ZM230.83,84.39l-2.37,0.18l-0.49,-1.63l0.93,-2.09l1.94,-0.51l1.62,0.99l0.02,1.52l-1.66,1.54ZM229.43,58.25l0.11,0.65l-4.87,-0.21l-2.72,0.62l-3.1,-2.57l0.08,-1.26l0.86,-0.23l5.57,0.51l4.08,2.5ZM222.0,105.02l-0.72,1.49l-0.63,-0.19l-0.48,-0.84l0.81,-0.99l0.65,0.05l0.37,0.46ZM183.74,38.32l2.9,1.7l4.79,-0.01l1.84,1.46l-0.49,1.68l0.23,0.48l2.82,1.14l1.76,1.26l7.01,0.65l4.1,-1.1l5.03,-0.43l3.93,0.35l2.48,1.77l0.46,1.7l-1.3,1.1l-3.56,1.01l-3.23,-0.59l-7.17,0.76l-5.09,0.09l-3.99,-0.6l-6.42,-1.54l-0.79,-2.51l-0.3,-2.49l-2.64,-2.5l-5.32,-0.72l-2.52,-1.4l0.68,-1.57l4.78,0.31ZM207.38,91.35l0.4,1.56l0.56,0.26l1.06,-0.52l1.32,0.96l5.42,2.57l0.2,1.68l0.46,0.35l1.68,-0.28l1.15,0.85l-1.55,0.87l-3.61,-0.88l-1.32,-1.69l-0.57,-0.06l-2.45,2.1l-3.12,1.79l-0.7,-1.87l-0.42,-0.26l-2.16,0.24l1.39,-1.39l0.32,-3.14l0.76,-3.35l1.18,0.22ZM215.49,102.6l-2.67,1.95l-1.4,-0.07l-0.3,-0.58l1.53,-1.48l2.84,0.18ZM202.7,24.12l2.53,1.59l-2.87,1.4l-4.53,4.05l-4.25,0.38l-5.03,-0.68l-2.45,-2.04l0.03,-1.62l1.82,-1.37l0.14,-0.45l-0.38,-0.27l-4.45,0.04l-2.59,-1.76l-1.41,-2.29l1.57,-2.32l1.62,-1.66l2.44,-0.39l0.25,-0.65l-0.6,-0.74l4.86,-0.25l3.24,3.11l8.16,2.3l1.9,3.61ZM187.47,59.2l-2.76,3.49l-2.38,-0.15l-1.44,-3.84l0.04,-2.2l1.19,-1.88l2.3,-1.23l5.07,0.17l4.11,1.02l-3.24,3.72l-2.88,0.89ZM186.07,48.79l-1.08,1.53l-3.34,-0.34l-2.56,-1.1l1.03,-1.75l3.25,-1.23l1.95,1.58l0.75,1.3ZM185.71,35.32l-5.3,-0.2l-0.32,-0.71l4.31,0.07l1.3,0.84ZM180.68,32.48l-3.34,1.0l-1.79,-1.1l-0.98,-1.87l-0.15,-1.73l4.1,0.53l2.67,1.7l-0.51,1.47ZM180.9,76.31l-1.1,1.08l-3.13,-1.23l-2.12,0.43l-2.71,-1.57l1.72,-1.09l1.55,-1.72l3.81,1.9l1.98,2.2ZM169.74,54.87l2.96,0.97l4.17,-0.57l0.41,0.88l-2.14,2.11l0.09,0.64l3.55,1.92l-0.4,3.72l-3.79,1.65l-2.17,-0.35l-1.72,-1.74l-6.02,-3.5l0.03,-0.85l4.68,0.54l0.4,-0.21l-0.05,-0.45l-2.48,-2.81l2.46,-1.95ZM174.45,40.74l1.37,1.73l0.07,2.44l-1.05,3.45l-3.79,0.47l-2.32,-0.69l0.05,-2.64l-0.44,-0.41l-3.68,0.35l-0.12,-3.1l2.45,0.1l3.67,-1.73l3.41,0.29l0.37,-0.26ZM170.05,31.55l0.67,1.56l-3.33,-0.49l-4.22,-1.77l-4.35,-0.16l1.4,-0.94l-0.06,-0.7l-2.81,-1.23l-0.12,-1.39l4.39,0.68l6.62,1.98l1.81,2.47ZM134.5,58.13l-1.02,1.82l0.45,0.58l5.4,-1.39l3.33,2.29l0.49,-0.03l2.6,-2.23l1.94,1.32l2.0,4.5l0.7,0.06l1.3,-2.29l-1.63,-4.46l1.69,-0.54l2.31,0.71l2.65,1.81l2.49,7.92l8.48,4.27l-0.19,1.35l-3.79,0.33l-0.26,0.67l1.4,1.49l-0.58,1.1l-4.23,-0.64l-4.43,-1.19l-3.0,0.28l-4.66,1.47l-10.52,1.04l-1.43,-2.02l-3.42,-1.2l-2.21,0.43l-2.51,-2.86l4.84,-1.05l3.6,0.19l3.27,-0.78l0.31,-0.39l-0.31,-0.39l-4.84,-1.06l-8.79,0.27l-0.85,-1.07l5.26,-1.66l0.27,-0.45l-0.4,-0.34l-3.8,0.06l-3.81,-1.06l1.81,-3.01l1.66,-1.79l6.48,-2.81l1.97,0.71ZM158.7,56.61l-1.7,2.44l-3.2,-2.75l0.37,-0.3l3.11,-0.18l1.42,0.79ZM149.61,42.73l1.01,1.89l0.5,0.18l2.14,-0.82l2.23,0.19l0.36,2.04l-1.33,2.09l-8.28,0.76l-6.35,2.15l-3.41,0.1l-0.19,-0.96l4.9,-2.08l0.23,-0.46l-0.41,-0.31l-11.25,0.59l-2.89,-0.74l3.04,-4.44l2.14,-1.32l6.81,1.69l4.58,3.06l4.37,0.39l0.36,-0.63l-3.36,-4.6l1.85,-1.53l2.18,0.51l0.77,2.26ZM144.76,34.41l-4.36,1.44l-3.0,-1.4l1.46,-1.24l3.47,-0.52l2.96,0.71l-0.52,1.01ZM145.13,29.83l-1.9,0.66l-3.67,-0.0l2.27,-1.61l3.3,0.95ZM118.92,65.79l-6.03,2.02l-1.33,-1.9l-5.38,-2.28l2.59,-5.05l2.16,-3.14l-0.02,-0.48l-1.97,-2.41l7.64,-0.7l3.6,1.02l6.3,0.27l4.42,2.95l-2.53,0.98l-6.24,3.43l-3.1,3.28l-0.11,2.01ZM129.54,35.53l-0.28,3.37l-1.72,1.62l-2.33,0.28l-4.61,2.19l-3.86,0.76l-2.64,-0.87l3.72,-3.4l5.01,-3.34l3.72,0.07l3.0,-0.67ZM111.09,152.69l-0.67,0.24l-3.85,-1.37l-0.83,-1.17l-2.12,-1.07l-0.66,-1.02l-2.4,-0.55l-0.74,-1.71l6.02,1.45l2.0,2.55l2.52,1.39l0.73,1.27ZM87.8,134.64l0.89,0.29l1.86,-0.21l-0.65,3.34l1.69,2.33l-1.31,-1.33l-0.99,-1.62l-1.17,-0.98l-0.33,-1.82Z",name:"Canada"},CG:{path:"M466.72,276.48l-0.1,1.03l-1.25,2.97l-0.19,3.62l-0.46,1.78l-0.23,0.63l-1.61,1.19l-1.21,1.39l-1.09,2.43l0.04,2.09l-3.25,3.24l-0.5,-0.24l-0.5,-0.83l-1.36,-0.02l-0.98,0.89l-1.68,-0.99l-1.54,1.24l-1.52,-1.96l1.57,-1.14l0.11,-0.52l-0.77,-1.35l2.1,-0.66l0.39,-0.73l1.05,0.82l2.21,0.11l1.12,-1.37l0.37,-1.81l-0.27,-2.09l-1.13,-1.5l1.0,-2.69l-0.13,-0.45l-0.92,-0.58l-1.6,0.17l-0.51,-0.94l0.1,-0.61l2.75,0.09l3.97,1.24l0.51,-0.33l0.17,-1.28l1.24,-2.21l1.28,-1.14l2.76,0.49Z",name:"Congo"},CF:{path:"M461.16,278.2l-0.26,-1.19l-1.09,-0.77l-0.84,-1.17l-0.29,-1.0l-1.04,-1.15l0.08,-3.43l0.58,-0.49l1.16,-2.35l1.85,-0.17l0.61,-0.62l0.97,0.58l3.15,-0.96l2.48,-1.92l0.02,-0.96l2.81,0.02l2.36,-1.17l1.93,-2.85l1.16,-0.93l1.11,-0.3l0.27,0.86l1.34,1.47l-0.39,2.01l0.3,1.01l4.01,2.75l0.17,0.93l2.63,2.31l0.6,1.44l2.08,1.4l-3.84,-0.21l-1.94,0.88l-1.23,-0.49l-2.67,1.2l-1.29,-0.18l-0.51,0.36l-0.6,1.22l-3.35,-0.65l-1.57,-0.91l-2.42,-0.83l-1.45,0.91l-0.97,1.27l-0.26,1.56l-3.22,-0.43l-1.49,1.33l-0.94,1.62Z",name:"Central African Rep."},CD:{path:"M487.01,272.38l2.34,-0.14l1.35,1.84l1.34,0.45l0.86,-0.39l1.21,0.12l1.07,-0.41l0.54,0.89l2.04,1.54l-0.14,2.72l0.7,0.54l-1.38,1.13l-1.53,2.54l-0.17,2.05l-0.59,1.08l-0.02,1.72l-0.72,0.84l-0.66,3.01l0.63,1.32l-0.44,4.26l0.64,1.47l-0.37,1.22l0.86,1.8l1.53,1.41l0.3,1.26l0.44,0.5l-4.08,0.75l-0.92,1.81l0.51,1.34l-0.74,5.43l0.17,0.38l2.45,1.46l0.54,-0.1l0.12,1.62l-1.28,-0.01l-1.85,-2.35l-1.94,-0.45l-0.48,-1.13l-0.55,-0.2l-1.41,0.74l-1.71,-0.3l-1.01,-1.18l-2.49,-0.19l-0.44,-0.77l-1.98,-0.21l-2.88,0.36l0.11,-2.41l-0.85,-1.13l-0.16,-1.36l0.32,-1.73l-0.46,-0.89l-0.04,-1.49l-0.4,-0.39l-2.53,0.02l0.1,-0.41l-0.39,-0.49l-1.28,0.01l-0.43,0.45l-1.62,0.32l-0.83,1.79l-1.09,-0.28l-2.4,0.52l-1.37,-1.91l-1.3,-3.3l-0.38,-0.27l-7.39,-0.03l-2.46,0.42l0.5,-0.45l0.37,-1.47l0.66,-0.38l0.92,0.08l0.73,-0.82l0.87,0.02l0.31,0.68l1.4,0.36l3.59,-3.63l0.01,-2.23l1.02,-2.29l2.69,-2.39l0.43,-0.99l0.49,-1.96l0.17,-3.51l1.25,-2.95l0.36,-3.14l0.86,-1.13l1.1,-0.66l3.57,1.73l3.65,0.73l0.46,-0.21l0.8,-1.46l1.24,0.19l2.61,-1.17l0.81,0.44l1.04,-0.03l0.59,-0.66l0.7,-0.16l1.81,0.25Z",name:"Dem. Rep. Congo"},CZ:{path:"M458.46,144.88l1.22,1.01l1.47,0.23l0.13,0.93l1.36,0.68l0.54,-0.2l0.24,-0.55l1.15,0.25l0.53,1.09l1.68,0.18l0.6,0.84l-1.04,0.73l-0.96,1.28l-1.6,0.17l-0.55,0.56l-1.04,-0.46l-1.05,0.15l-2.12,-0.96l-1.05,0.34l-1.2,1.12l-1.56,-0.87l-2.57,-2.1l-0.53,-1.88l4.7,-2.52l0.71,0.26l0.9,-0.28Z",name:"Czech Rep."},CY:{path:"M504.36,193.47l0.43,0.28l-1.28,0.57l-0.92,-0.28l-0.24,-0.46l2.01,-0.13Z",name:"Cyprus"},CR:{path:"M211.34,258.05l0.48,0.99l1.6,1.6l-0.54,0.45l0.29,1.42l-0.25,1.19l-1.09,-0.59l-0.05,-1.25l-2.46,-1.42l-0.28,-0.77l-0.66,-0.45l-0.45,-0.0l-0.11,1.04l-1.32,-0.95l0.31,-1.3l-0.36,-0.6l0.31,-0.27l1.42,0.58l1.29,-0.14l0.56,0.56l0.74,0.17l0.55,-0.27Z",name:"Costa Rica"},CU:{path:"M221.21,227.25l1.27,1.02l2.19,-0.28l4.43,3.33l2.08,0.43l-0.1,0.38l0.36,0.5l1.75,0.1l1.48,0.84l-3.11,0.51l-4.15,-0.03l0.77,-0.67l-0.04,-0.64l-1.2,-0.74l-1.49,-0.16l-0.7,-0.61l-0.56,-1.4l-0.4,-0.25l-1.34,0.1l-2.2,-0.66l-0.88,-0.58l-3.18,-0.4l-0.27,-0.16l0.58,-0.74l-0.36,-0.29l-2.72,-0.05l-1.7,1.29l-0.91,0.03l-0.61,0.69l-1.01,0.22l1.11,-1.29l1.01,-0.52l3.69,-1.01l3.98,0.21l2.21,0.84Z",name:"Cuba"},SZ:{path:"M500.35,351.36l0.5,2.04l-0.38,0.89l-1.05,0.21l-1.23,-1.2l-0.02,-0.64l0.83,-1.57l1.34,0.27Z",name:"Swaziland"},SY:{path:"M511.0,199.79l0.05,-1.33l0.54,-1.36l1.28,-0.99l0.13,-0.45l-0.41,-1.11l-1.14,-0.36l-0.19,-1.74l0.52,-1.0l1.29,-1.21l0.2,-1.18l0.59,0.23l2.62,-0.76l1.36,0.52l2.06,-0.01l2.95,-1.08l3.25,-0.26l-0.67,0.94l-1.28,0.66l-0.21,0.4l0.23,2.01l-0.88,3.19l-10.15,5.73l-2.15,-0.85Z",name:"Syria"},KG:{path:"M621.35,172.32l-3.87,1.69l-0.96,1.18l-3.04,0.34l-1.13,1.86l-2.36,-0.35l-1.99,0.63l-2.39,1.4l0.06,0.95l-0.4,0.37l-4.52,0.43l-3.02,-0.93l-2.37,0.17l0.11,-0.79l2.32,0.42l1.13,-0.88l1.99,0.2l3.21,-2.14l-0.03,-0.69l-2.97,-1.57l-1.94,0.65l-1.22,-0.74l1.71,-1.58l-0.12,-0.67l-0.36,-0.15l0.32,-0.77l1.36,-0.35l4.02,1.02l0.49,-0.3l0.35,-1.59l1.09,-0.48l3.42,1.22l1.11,-0.31l7.64,0.39l1.16,1.0l1.23,0.39Z",name:"Kyrgyzstan"},KE:{path:"M506.26,284.69l1.87,-2.56l0.93,-2.15l-1.38,-4.08l-1.06,-1.6l2.82,-2.75l0.79,0.26l0.12,1.41l0.86,0.83l1.9,0.11l3.28,2.13l3.57,0.44l1.05,-1.12l1.96,-0.9l0.82,0.68l1.16,0.09l-1.78,2.45l0.03,9.12l1.3,1.94l-1.37,0.78l-0.67,1.03l-1.08,0.46l-0.34,1.67l-0.81,1.07l-0.45,1.55l-0.68,0.56l-3.2,-2.23l-0.35,-1.58l-8.86,-4.98l0.14,-1.6l-0.57,-1.04Z",name:"Kenya"},SS:{path:"M481.71,263.34l1.07,-0.72l1.2,-3.18l1.36,-0.26l1.61,1.99l0.87,0.34l1.1,-0.41l1.5,0.07l0.57,0.53l2.49,0.0l0.44,-0.63l1.07,-0.4l0.45,-0.84l0.59,-0.33l1.9,1.33l1.6,-0.2l2.83,-3.33l-0.32,-2.21l1.59,-0.52l-0.24,1.6l0.3,1.83l1.35,1.18l0.2,1.87l0.35,0.41l0.02,1.53l-0.23,0.47l-1.42,0.25l-0.85,1.44l0.3,0.6l1.4,0.16l1.11,1.08l0.59,1.13l1.03,0.53l1.28,2.36l-4.41,3.98l-1.74,0.01l-1.89,0.55l-1.47,-0.52l-1.15,0.57l-2.96,-2.62l-1.3,0.49l-1.06,-0.15l-0.79,0.39l-0.82,-0.22l-1.8,-2.7l-1.91,-1.1l-0.66,-1.5l-2.62,-2.32l-0.18,-0.94l-2.37,-1.6Z",name:"S. Sudan"},SR:{path:"M283.12,270.19l2.1,0.53l-1.08,1.95l0.2,1.72l0.93,1.49l-0.59,2.03l-0.43,0.71l-1.12,-0.42l-1.32,0.22l-0.93,-0.2l-0.46,0.26l-0.25,0.73l0.33,0.7l-0.89,-0.13l-1.39,-1.97l-0.31,-1.34l-0.97,-0.31l-0.89,-1.47l0.35,-1.61l1.45,-0.82l0.33,-1.87l2.61,0.44l0.57,-0.47l1.75,-0.16Z",name:"Suriname"},KH:{path:"M689.52,249.39l0.49,1.45l-0.28,2.74l-4.0,1.86l-0.16,0.6l0.68,0.95l-2.06,0.17l-2.05,0.97l-1.82,-0.32l-2.12,-3.7l-0.55,-2.85l1.4,-1.85l3.02,-0.45l2.23,0.35l2.01,0.98l0.51,-0.14l0.95,-1.48l1.74,0.74Z",name:"Cambodia"},SV:{path:"M195.8,250.13l1.4,-1.19l2.24,1.45l0.98,-0.27l0.44,0.2l-0.27,1.05l-1.14,-0.03l-3.64,-1.21Z",name:"El Salvador"},SK:{path:"M476.82,151.17l-1.14,1.9l-2.73,-0.92l-0.82,0.2l-0.74,0.8l-3.46,0.73l-0.47,0.69l-1.76,0.33l-1.88,-1.0l-0.18,-0.81l0.38,-0.75l1.87,-0.32l1.74,-1.89l0.83,0.16l0.79,-0.34l1.51,1.04l1.34,-0.63l1.25,0.3l1.65,-0.42l1.81,0.95Z",name:"Slovakia"},KR:{path:"M737.51,185.84l0.98,-0.1l0.87,-1.17l2.69,-0.32l0.33,-0.29l1.76,2.79l0.58,1.76l0.02,3.12l-0.8,1.32l-2.21,0.55l-1.93,1.13l-1.8,0.19l-0.2,-1.1l0.43,-2.28l-0.95,-2.56l1.43,-0.37l0.23,-0.62l-1.43,-2.06Z",name:"Korea"},SI:{path:"M456.18,162.07l-0.51,-1.32l0.18,-1.05l1.69,0.2l1.42,-0.71l2.09,-0.07l0.62,-0.51l0.21,0.47l-1.61,0.67l-0.44,1.34l-0.66,0.24l-0.26,0.82l-1.22,-0.49l-0.84,0.46l-0.69,-0.04Z",name:"Slovenia"},KP:{path:"M736.77,185.16l-0.92,-0.42l-0.88,0.62l-1.21,-0.88l0.96,-1.15l0.59,-2.59l-0.46,-0.74l-2.09,-0.77l1.64,-1.52l2.72,-1.58l1.58,-1.91l1.11,0.78l2.17,0.11l0.41,-0.5l-0.3,-1.22l3.52,-1.18l0.94,-1.4l0.98,1.08l-2.19,2.18l0.01,2.14l-1.06,0.54l-1.41,1.4l-1.7,0.52l-1.25,1.09l-0.14,1.98l0.94,0.45l1.15,1.04l-0.13,0.26l-2.6,0.29l-1.13,1.29l-1.22,0.08Z",name:"Dem. Rep. Korea"},SO:{path:"M525.13,288.48l-1.13,-1.57l-0.03,-8.86l2.66,-3.38l1.67,-0.13l2.13,-1.69l3.41,-0.23l7.08,-7.55l2.91,-3.69l0.08,-4.82l2.98,-0.67l1.24,-0.86l0.45,-0.0l-0.2,3.0l-1.21,3.62l-2.73,5.97l-2.13,3.65l-5.03,6.16l-8.56,6.4l-2.78,3.08l-0.8,1.56Z",name:"Somalia"},SN:{path:"M390.09,248.21l0.12,1.55l0.49,1.46l0.96,0.82l0.05,1.28l-1.26,-0.19l-0.75,0.33l-1.84,-0.61l-5.84,-0.13l-2.54,0.51l-0.22,-1.03l1.77,0.04l2.01,-0.91l1.03,0.48l1.09,0.04l1.29,-0.62l0.14,-0.58l-0.51,-0.74l-1.81,0.25l-1.13,-0.63l-0.79,0.04l-0.72,0.61l-2.31,0.06l-0.92,-1.77l-0.81,-0.64l0.64,-0.35l2.46,-3.74l1.04,0.19l1.38,-0.56l1.19,-0.02l2.72,1.37l3.03,3.48Z",name:"Senegal"},SL:{path:"M394.46,264.11l-1.73,1.98l-0.58,1.33l-2.07,-1.06l-1.22,-1.26l-0.65,-2.39l1.16,-0.96l0.67,-1.17l1.21,-0.52l1.66,0.0l1.03,1.64l0.52,2.41Z",name:"Sierra Leone"},SB:{path:"M826.69,311.6l-0.61,0.09l-0.2,-0.33l0.37,0.15l0.44,0.09ZM824.18,307.38l-0.26,-0.3l-0.31,-0.91l0.03,0.0l0.54,1.21ZM823.04,309.33l-1.66,-0.22l-0.2,-0.52l1.16,0.28l0.69,0.46ZM819.28,304.68l1.14,0.65l0.02,0.03l-0.81,-0.44l-0.35,-0.23Z",name:"Solomon Is."},SA:{path:"M537.53,210.34l2.0,0.24l0.9,1.32l1.49,-0.06l0.87,2.08l1.29,0.76l0.51,0.99l1.56,1.03l-0.1,1.9l0.32,0.9l1.58,2.47l0.76,0.53l0.7,-0.04l1.68,4.23l7.53,1.33l0.51,-0.29l0.77,1.25l-1.55,4.87l-7.29,2.52l-7.3,1.03l-2.34,1.17l-1.88,2.74l-0.76,0.28l-0.82,-0.78l-0.91,0.12l-2.88,-0.51l-3.51,0.25l-0.86,-0.56l-0.57,0.15l-0.66,1.27l0.16,1.11l-0.43,0.32l-0.93,-1.4l-0.33,-1.16l-1.23,-0.88l-1.27,-2.06l-0.78,-2.22l-1.73,-1.79l-1.14,-0.48l-1.54,-2.31l-0.21,-3.41l-1.44,-2.93l-1.27,-1.16l-1.33,-0.57l-1.31,-3.37l-0.77,-0.67l-0.97,-1.97l-2.8,-4.03l-1.06,-0.17l0.37,-1.96l0.2,-0.72l2.74,0.3l1.08,-0.84l0.6,-0.94l1.74,-0.35l0.65,-1.03l0.71,-0.4l0.1,-0.62l-2.06,-2.28l4.39,-1.22l0.48,-0.37l2.77,0.69l3.66,1.9l7.03,5.5l4.87,0.3Z",name:"Saudi Arabia"},SE:{path:"M480.22,89.3l-4.03,1.17l-2.43,2.86l0.26,2.57l-8.77,6.64l-1.78,5.79l1.78,2.68l2.22,1.96l-2.07,3.77l-2.72,1.13l-0.95,6.04l-1.29,3.01l-2.74,-0.31l-0.4,0.22l-1.31,2.59l-2.34,0.13l-0.75,-3.09l-2.08,-4.03l-1.83,-4.96l1.0,-1.93l2.14,-2.7l0.83,-4.45l-1.6,-2.17l-0.15,-4.94l1.48,-3.39l2.58,-0.15l0.87,-1.59l-0.78,-1.57l3.76,-5.59l4.04,-7.48l2.17,0.01l0.39,-0.29l0.57,-2.07l4.37,0.64l0.46,-0.34l0.33,-2.56l1.1,-0.13l6.94,4.87l0.06,6.32l0.66,1.36Z",name:"Sweden"},SD:{path:"M505.98,259.4l-0.34,-0.77l-1.17,-0.9l-0.26,-1.61l0.29,-1.81l-0.34,-0.46l-1.16,-0.17l-0.54,0.59l-1.23,0.11l-0.28,0.65l0.53,0.65l0.17,1.22l-2.44,3.0l-0.96,0.19l-2.39,-1.4l-0.95,0.52l-0.38,0.78l-1.11,0.41l-0.29,0.5l-1.94,0.0l-0.54,-0.52l-1.81,-0.09l-0.95,0.4l-2.45,-2.35l-2.07,0.54l-0.73,1.26l-0.6,2.1l-1.25,0.58l-0.75,-0.62l0.27,-2.65l-1.48,-1.78l-0.22,-1.48l-0.92,-0.96l-0.02,-1.29l-0.57,-1.16l-0.68,-0.16l0.69,-1.29l-0.18,-1.14l0.65,-0.62l0.03,-0.55l-0.36,-0.41l1.55,-2.97l1.91,0.16l0.43,-0.4l-0.1,-10.94l2.49,-0.01l0.4,-0.4l-0.0,-4.82l29.02,0.0l0.64,2.04l-0.49,0.66l0.36,2.69l0.93,3.16l2.12,1.55l-0.89,1.04l-1.72,0.39l-0.98,0.9l-1.43,5.65l0.24,1.15l-0.38,2.06l-0.96,2.38l-1.53,1.31l-1.32,2.91l-1.22,0.86l-0.37,1.34Z",name:"Sudan"},DO:{path:"M241.8,239.2l0.05,-0.65l-0.46,-0.73l0.42,-0.44l0.19,-1.0l-0.09,-1.53l1.66,0.01l1.99,0.63l0.33,0.67l1.28,0.19l0.33,0.76l1.0,0.08l0.8,0.62l-0.45,0.51l-1.13,-0.47l-1.88,-0.01l-1.27,0.59l-0.75,-0.55l-1.01,0.54l-0.79,1.4l-0.23,-0.61Z",name:"Dominican Rep."},DJ:{path:"M528.43,256.18l-0.45,0.66l-0.58,-0.25l-1.51,0.13l-0.18,-1.01l1.45,-1.95l0.83,0.17l0.77,-0.44l0.2,1.0l-1.2,0.51l-0.06,0.7l0.73,0.47Z",name:"Djibouti"},DK:{path:"M452.28,129.07l-1.19,2.24l-2.13,-1.6l-0.23,-0.95l2.98,-0.95l0.57,1.26ZM447.74,126.31l-0.26,0.57l-0.88,-0.07l-1.8,2.53l0.48,1.69l-1.09,0.36l-1.61,-0.39l-0.89,-1.69l-0.07,-3.43l0.96,-1.73l2.02,-0.2l1.09,-1.07l1.33,-0.67l-0.05,1.06l-0.73,1.41l0.3,1.0l1.2,0.64Z",name:"Denmark"},DE:{path:"M453.14,155.55l-0.55,-0.36l-1.2,-0.1l-1.87,0.57l-2.13,-0.13l-0.56,0.63l-0.86,-0.6l-0.96,0.09l-2.57,-0.93l-0.85,0.67l-1.47,-0.02l0.24,-1.75l1.23,-2.14l-0.28,-0.59l-3.52,-0.58l-0.92,-0.66l0.12,-1.2l-0.48,-0.88l0.27,-2.17l-0.37,-3.03l1.41,-0.22l0.63,-1.26l0.66,-3.19l-0.41,-1.18l0.26,-0.39l1.66,-0.15l0.33,0.54l0.62,0.07l1.7,-1.69l-0.54,-3.02l1.37,0.33l1.31,-0.37l0.31,1.18l2.25,0.71l-0.02,0.92l0.5,0.4l2.55,-0.65l1.34,-0.87l2.57,1.24l1.06,0.98l0.48,1.44l-0.57,0.74l-0.0,0.48l0.87,1.15l0.57,1.64l-0.14,1.29l0.82,1.7l-1.5,-0.07l-0.56,0.57l-4.47,2.15l-0.22,0.54l0.68,2.26l2.58,2.16l-0.66,1.11l-0.79,0.36l-0.23,0.43l0.32,1.87Z",name:"Germany"},YE:{path:"M528.27,246.72l0.26,-0.42l-0.22,-1.01l0.19,-1.5l0.92,-0.69l-0.07,-1.35l0.39,-0.75l1.01,0.47l3.34,-0.27l3.76,0.41l0.95,0.81l1.36,-0.58l1.74,-2.62l2.18,-1.09l6.86,-0.94l2.48,5.41l-1.64,0.76l-0.56,1.9l-6.23,2.16l-2.29,1.8l-1.93,0.05l-1.41,1.02l-4.24,0.74l-1.72,1.49l-3.28,0.19l-0.52,-1.18l0.02,-1.51l-1.34,-3.29Z",name:"Yemen"},AT:{path:"M462.89,152.8l0.04,2.25l-1.07,0.0l-0.33,0.63l0.36,0.51l-1.04,2.13l-2.02,0.07l-1.33,0.7l-5.29,-0.99l-0.47,-0.93l-0.44,-0.21l-2.47,0.55l-0.42,0.51l-3.18,-0.81l0.43,-0.91l1.12,0.78l0.6,-0.17l0.25,-0.58l1.93,0.12l1.86,-0.56l1.0,0.08l0.68,0.57l0.62,-0.15l0.26,-0.77l-0.3,-1.78l0.8,-0.44l0.68,-1.15l1.52,0.85l0.47,-0.06l1.34,-1.25l0.64,-0.17l1.81,0.92l1.28,-0.11l0.7,0.37Z",name:"Austria"},DZ:{path:"M441.46,188.44l-0.32,1.07l0.39,2.64l-0.54,2.16l-1.58,1.82l0.37,2.39l1.91,1.55l0.18,0.8l1.42,1.03l1.84,7.23l0.12,1.16l-0.57,5.0l0.2,1.51l-0.87,0.99l-0.02,0.51l1.41,1.86l0.14,1.2l0.89,1.48l0.5,0.16l0.98,-0.41l1.73,1.08l0.82,1.23l-8.22,4.81l-7.23,5.11l-3.43,1.13l-2.3,0.21l-0.28,-1.59l-2.56,-1.09l-0.67,-1.25l-26.12,-17.86l0.01,-3.47l3.77,-1.88l2.44,-0.41l2.12,-0.75l1.08,-1.42l2.81,-1.05l0.35,-2.08l1.33,-0.29l1.04,-0.94l3.47,-0.69l0.46,-1.08l-0.1,-0.45l-0.58,-0.52l-0.82,-2.81l-0.19,-1.83l-0.78,-1.49l2.03,-1.31l2.63,-0.48l1.7,-1.22l2.31,-0.84l8.24,-0.73l1.49,0.38l2.28,-1.1l2.46,-0.02l0.92,0.6l1.35,-0.05Z",name:"Algeria"},US:{path:"M892.72,99.2l1.31,0.53l1.41,-0.37l1.89,0.98l1.89,0.42l-1.32,0.58l-2.9,-1.53l-2.08,0.22l-0.26,-0.15l0.07,-0.67ZM183.22,150.47l0.37,1.47l1.12,0.85l4.23,0.7l2.39,0.98l2.17,-0.38l1.85,0.5l-1.55,0.65l-3.49,2.61l-0.16,0.77l0.5,0.39l2.33,-0.61l1.77,1.02l5.15,-2.4l-0.31,0.65l0.25,0.56l1.36,0.38l1.71,1.16l4.7,-0.88l0.67,0.85l1.31,0.21l0.58,0.58l-1.34,0.17l-2.18,-0.32l-3.6,0.89l-2.71,3.25l0.35,0.9l0.59,-0.0l0.55,-0.6l-1.36,4.65l0.29,3.09l0.67,1.58l0.61,0.45l1.77,-0.44l1.6,-1.96l0.14,-2.21l-0.82,-1.96l0.11,-1.13l1.19,-2.37l0.44,-0.33l0.48,0.75l0.4,-0.29l0.4,-1.37l0.6,-0.47l0.24,-0.8l1.69,0.49l1.65,1.08l-0.03,2.37l-1.27,1.13l-0.0,1.13l0.87,0.36l1.66,-1.29l0.5,0.17l0.5,2.6l-2.49,3.75l0.17,0.61l1.54,0.62l1.48,0.17l1.92,-0.44l4.72,-2.15l2.16,-1.8l-0.05,-1.24l0.75,-0.22l3.92,0.36l2.12,-1.05l0.21,-0.4l-0.28,-1.48l3.27,-2.4l8.32,-0.02l0.56,-0.82l1.9,-0.77l0.93,-1.51l0.74,-2.37l1.58,-1.98l0.92,0.62l1.47,-0.47l0.8,0.66l-0.0,4.09l1.96,2.6l-2.34,1.31l-5.37,2.09l-1.83,2.72l0.02,1.79l0.83,1.59l0.54,0.23l-6.19,0.94l-2.2,0.89l-0.23,0.48l0.45,0.29l2.99,-0.46l-2.19,0.56l-1.13,0.0l-0.15,-0.32l-0.48,0.08l-0.76,0.82l0.22,0.67l0.32,0.06l-0.41,1.62l-1.27,1.58l-1.48,-1.07l-0.49,-0.04l-0.16,0.46l0.52,1.58l0.61,0.59l0.03,0.79l-0.95,1.38l-1.21,-1.22l-0.27,-2.27l-0.35,-0.35l-0.42,0.25l-0.48,1.27l0.33,1.41l-0.97,-0.27l-0.48,0.24l0.18,0.5l1.52,0.83l0.1,2.52l0.79,0.51l0.52,3.42l-1.42,1.88l-2.47,0.8l-1.71,1.66l-1.31,0.25l-1.27,1.03l-0.43,0.99l-2.69,1.78l-2.64,3.03l-0.45,2.12l0.45,2.08l0.85,2.38l1.09,1.9l0.04,1.2l1.16,3.06l-0.18,2.69l-0.55,1.43l-0.47,0.21l-0.89,-0.23l-0.49,-1.18l-0.87,-0.56l-2.75,-5.16l0.48,-1.68l-0.72,-1.78l-2.01,-2.38l-1.12,-0.53l-2.72,1.18l-1.47,-1.35l-1.57,-0.68l-2.99,0.31l-2.17,-0.3l-2.0,0.19l-1.15,0.46l-0.19,0.58l0.39,0.63l0.14,1.34l-0.84,-0.2l-0.84,0.46l-1.58,-0.07l-2.08,-1.44l-2.09,0.33l-1.91,-0.62l-3.73,0.84l-2.39,2.07l-2.54,1.22l-1.45,1.41l-0.61,1.38l0.34,3.71l-0.29,0.02l-3.5,-1.33l-1.25,-3.11l-1.44,-1.5l-2.24,-3.56l-1.76,-1.09l-2.27,-0.01l-1.71,2.07l-1.76,-0.69l-1.16,-0.74l-1.52,-2.98l-3.93,-3.16l-4.34,-0.0l-0.4,0.4l-0.0,0.74l-6.5,0.02l-9.02,-3.14l-0.34,-0.71l-5.7,0.49l-0.43,-1.29l-1.62,-1.61l-1.14,-0.38l-0.55,-0.88l-1.28,-0.13l-1.01,-0.77l-2.22,-0.27l-0.43,-0.3l-0.36,-1.58l-2.4,-2.83l-2.01,-3.85l-0.06,-0.9l-2.92,-3.26l-0.33,-2.29l-1.3,-1.66l0.52,-2.37l-0.09,-2.57l-0.78,-2.3l0.95,-2.82l0.61,-5.68l-0.47,-4.27l-1.46,-4.08l3.19,0.79l1.26,2.83l0.69,0.08l0.69,-1.14l-1.1,-4.79l68.76,-0.0l0.4,-0.4l0.14,-0.86ZM32.44,67.52l1.73,1.97l0.55,0.05l0.99,-0.79l3.65,0.24l-0.09,0.62l0.32,0.45l3.83,0.77l2.61,-0.43l5.19,1.4l4.84,0.43l1.89,0.57l3.42,-0.7l6.14,1.87l-0.03,38.06l0.38,0.4l2.39,0.11l2.31,0.98l3.9,3.99l0.55,0.04l2.4,-2.03l2.16,-1.04l1.2,1.71l3.95,3.14l4.09,6.63l4.2,2.29l0.06,1.83l-1.02,1.23l-1.16,-1.08l-2.04,-1.03l-0.67,-2.89l-3.28,-3.03l-1.65,-3.57l-6.35,-0.32l-2.82,-1.01l-5.26,-3.85l-6.77,-2.04l-3.53,0.3l-4.81,-1.69l-3.25,-1.63l-2.78,0.8l-0.28,0.46l0.44,2.21l-3.91,0.96l-2.26,1.27l-2.3,0.65l-0.27,-1.65l1.05,-3.42l2.49,-1.09l0.16,-0.6l-0.69,-0.96l-0.55,-0.1l-3.19,2.12l-1.78,2.56l-3.55,2.61l-0.04,0.61l1.56,1.52l-2.07,2.29l-5.11,2.57l-0.77,1.66l-3.76,1.77l-0.92,1.73l-2.69,1.38l-1.81,-0.22l-6.95,3.32l-3.97,0.91l4.85,-2.5l2.59,-1.86l3.26,-0.52l1.19,-1.4l3.42,-2.1l2.59,-2.27l0.42,-2.68l1.23,-2.1l-0.04,-0.46l-0.45,-0.11l-2.68,1.03l-0.63,-0.49l-0.53,0.03l-1.05,1.04l-1.36,-1.54l-0.66,0.08l-0.32,0.62l-0.58,-1.14l-0.56,-0.16l-2.41,1.42l-1.07,-0.0l-0.17,-1.75l0.3,-1.71l-1.61,-1.33l-3.41,0.59l-1.96,-1.63l-1.57,-0.84l-0.15,-2.21l-1.7,-1.43l0.82,-1.88l1.99,-2.12l0.88,-1.92l1.71,-0.24l2.04,0.51l1.87,-1.77l1.91,0.25l1.91,-1.23l0.17,-0.43l-0.47,-1.82l-1.07,-0.7l1.39,-1.17l0.12,-0.45l-0.39,-0.26l-1.65,0.07l-2.66,0.88l-0.75,0.78l-1.92,-0.8l-3.46,0.44l-3.44,-0.91l-1.06,-1.61l-2.65,-1.99l2.91,-1.43l5.5,-2.0l1.52,0.0l-0.26,1.62l0.41,0.46l5.29,-0.16l0.3,-0.65l-2.03,-2.59l-3.14,-1.68l-1.79,-2.12l-2.4,-1.83l-3.09,-1.24l1.04,-1.69l4.23,-0.14l3.36,-2.07l0.73,-2.27l2.39,-1.99l2.42,-0.52l4.65,-1.97l2.46,0.23l3.71,-2.35l3.5,0.89ZM37.6,123.41l-2.25,1.23l-0.95,-0.69l-0.29,-1.24l3.21,-1.63l1.42,0.21l0.67,0.7l-1.8,1.42ZM31.06,234.03l0.98,0.47l0.74,0.87l-1.77,1.07l-0.44,-1.53l0.49,-0.89ZM29.34,232.07l0.18,0.05l0.08,0.05l-0.16,0.03l-0.11,-0.14ZM25.16,230.17l0.05,-0.03l0.18,0.22l-0.13,-0.01l-0.1,-0.18ZM5.89,113.26l-1.08,0.41l-2.21,-1.12l1.53,-0.4l1.62,0.28l0.14,0.83Z",name:"United States"},LV:{path:"M489.16,122.85l0.96,0.66l0.22,1.65l0.68,1.76l-3.65,1.7l-2.23,-1.58l-1.29,-0.26l-0.68,-0.77l-2.42,0.34l-4.16,-0.23l-2.47,0.9l0.06,-1.98l1.13,-2.06l1.95,-1.02l2.12,2.58l2.01,-0.07l0.38,-0.33l0.44,-2.52l1.76,-0.53l3.06,1.7l2.15,0.07Z",name:"Latvia"},UY:{path:"M286.85,372.74l-0.92,1.5l-2.59,1.44l-1.69,-0.52l-1.42,0.26l-2.39,-1.19l-1.52,0.08l-1.27,-1.3l0.16,-1.5l0.56,-0.79l-0.02,-2.73l1.21,-4.74l1.19,-0.21l2.37,2.0l1.08,0.03l4.36,3.17l1.22,1.6l-0.96,1.5l0.61,1.4Z",name:"Uruguay"},LB:{path:"M510.37,198.01l-0.88,0.51l1.82,-3.54l0.62,0.08l0.22,0.61l-1.13,0.88l-0.65,1.47Z",name:"Lebanon"},LA:{path:"M689.54,248.53l-1.76,-0.74l-0.49,0.15l-0.94,1.46l-1.32,-0.64l0.62,-0.98l0.11,-2.17l-2.04,-2.42l-0.25,-2.65l-1.9,-2.1l-2.15,-0.31l-0.78,0.91l-1.12,0.06l-1.05,-0.4l-2.06,1.2l-0.04,-1.59l0.61,-2.68l-0.36,-0.49l-1.35,-0.1l-0.11,-1.23l-0.96,-0.88l1.96,-1.89l0.39,0.36l1.33,0.07l0.42,-0.45l-0.34,-2.66l0.7,-0.21l1.28,1.81l1.11,2.35l0.36,0.23l2.82,0.02l0.71,1.67l-1.39,0.65l-0.72,0.93l0.13,0.6l2.91,1.51l3.6,5.25l1.88,1.78l0.56,1.62l-0.35,1.96Z",name:"Lao PDR"},TW:{path:"M724.01,226.68l-0.74,1.48l-0.9,-1.52l-0.25,-1.74l1.38,-2.44l1.73,-1.74l0.64,0.44l-1.85,5.52Z",name:"Taiwan"},TT:{path:"M266.64,259.32l0.28,-1.16l1.13,-0.22l-0.06,1.2l-1.35,0.18Z",name:"Trinidad and Tobago"},TR:{path:"M513.21,175.47l3.64,1.17l3.05,-0.44l2.1,0.26l3.11,-1.56l2.46,-0.13l2.19,1.33l0.33,0.82l-0.22,1.33l0.25,0.44l2.28,1.13l-1.17,0.57l-0.21,0.45l0.75,3.2l-0.41,1.16l1.13,1.92l-0.55,0.22l-0.9,-0.67l-2.91,-0.37l-1.24,0.46l-4.23,0.41l-2.81,1.05l-1.91,0.01l-1.52,-0.53l-2.58,0.75l-0.66,-0.45l-0.62,0.3l-0.12,1.45l-0.89,0.84l-0.47,-0.67l0.79,-1.3l-0.41,-0.2l-1.43,0.23l-2.0,-0.63l-2.02,1.65l-3.51,0.3l-2.13,-1.53l-2.7,-0.1l-0.86,1.24l-1.38,0.27l-2.29,-1.44l-2.71,-0.01l-1.37,-2.65l-1.68,-1.52l1.07,-1.99l-0.09,-0.49l-1.27,-1.12l2.37,-2.41l3.7,-0.11l1.28,-2.24l4.49,0.37l3.21,-1.97l2.81,-0.82l3.99,-0.06l4.29,2.07ZM488.79,176.72l-1.72,1.31l-0.5,-0.88l1.37,-2.57l-0.7,-0.85l1.7,-0.63l1.8,0.34l0.46,1.17l1.76,0.78l-2.87,0.32l-1.3,1.01Z",name:"Turkey"},LK:{path:"M624.16,268.99l-1.82,0.48l-0.99,-1.67l-0.42,-3.46l0.95,-3.43l1.21,0.98l2.26,4.19l-0.34,2.33l-0.85,0.58Z",name:"Sri Lanka"},TN:{path:"M448.1,188.24l-1.0,1.27l-0.02,1.32l0.84,0.88l-0.28,2.09l-1.53,1.32l-0.12,0.42l0.48,1.54l1.42,0.32l0.53,1.11l0.9,0.52l-0.11,1.67l-3.54,2.64l-0.1,2.38l-0.58,0.3l-0.96,-4.45l-1.54,-1.25l-0.16,-0.78l-1.92,-1.56l-0.18,-1.76l1.51,-1.62l0.59,-2.34l-0.38,-2.78l0.42,-1.21l2.45,-1.05l1.29,0.26l-0.06,1.11l0.58,0.38l1.47,-0.73Z",name:"Tunisia"},TL:{path:"M734.55,307.93l-0.1,-0.97l4.5,-0.86l-2.82,1.28l-1.59,0.55Z",name:"Timor-Leste"},TM:{path:"M553.03,173.76l-0.04,0.34l-0.09,-0.22l0.13,-0.12ZM555.87,172.66l0.45,-0.1l1.48,0.74l2.06,2.43l4.07,-0.18l0.38,-0.51l-0.32,-1.19l1.92,-0.94l1.91,-1.59l2.94,1.39l0.43,2.47l1.19,0.67l2.58,-0.13l0.62,0.4l1.32,3.12l4.54,3.44l2.67,1.45l3.06,1.14l-0.04,1.05l-1.33,-0.75l-0.59,0.19l-0.32,0.84l-2.2,0.81l-0.46,2.13l-1.21,0.74l-1.91,0.42l-0.73,1.33l-1.56,0.31l-2.22,-0.94l-0.2,-2.17l-0.38,-0.36l-1.73,-0.09l-2.76,-2.46l-2.14,-0.4l-2.84,-1.48l-1.78,-0.27l-1.24,0.53l-1.57,-0.08l-2.0,1.69l-1.7,0.43l-0.36,-1.58l0.36,-2.98l-0.22,-0.4l-1.65,-0.84l0.54,-1.69l-0.34,-0.52l-1.22,-0.13l0.36,-1.64l2.22,0.59l2.2,-0.95l0.12,-0.65l-1.77,-1.74l-0.66,-1.57Z",name:"Turkmenistan"},TJ:{path:"M597.75,178.82l-2.54,-0.44l-0.47,0.34l-0.24,1.7l0.43,0.45l2.64,-0.22l3.18,0.95l4.39,-0.41l0.56,2.37l0.52,0.29l0.67,-0.24l1.11,0.49l0.21,2.13l-3.76,-0.21l-1.8,1.32l-1.76,0.74l-0.61,-0.58l0.21,-2.23l-0.64,-0.49l-0.07,-0.93l-1.36,-0.66l-0.45,0.07l-1.08,1.01l-0.55,1.48l-1.31,-0.05l-0.95,1.16l-0.9,-0.35l-1.86,0.74l1.26,-2.83l-0.54,-2.17l-1.67,-0.82l0.33,-0.66l2.18,-0.04l1.19,-1.63l0.76,-1.79l2.43,-0.5l-0.26,1.0l0.73,1.05Z",name:"Tajikistan"},LS:{path:"M491.06,363.48l-0.49,0.15l-1.49,-1.67l1.1,-1.43l2.19,-1.44l1.51,1.27l-0.98,1.82l-1.23,0.38l-0.62,0.93Z",name:"Lesotho"},TH:{path:"M670.27,255.86l-1.41,3.87l0.15,2.0l0.38,0.36l1.38,0.07l0.9,2.04l0.55,2.34l1.4,1.44l1.61,0.38l0.96,0.97l-0.5,0.64l-1.1,0.2l-0.34,-1.18l-2.04,-1.1l-0.63,0.23l-0.63,-0.62l-0.48,-1.3l-2.56,-2.63l-0.73,0.41l0.95,-3.89l2.16,-4.22ZM670.67,254.77l-0.92,-2.18l-0.26,-2.61l-2.14,-3.06l0.71,-0.49l0.89,-2.59l-3.61,-5.45l0.87,-0.51l1.05,-2.58l1.74,-0.18l2.6,-1.59l0.76,0.56l0.13,1.39l0.37,0.36l1.23,0.09l-0.51,2.28l0.05,2.42l0.6,0.34l2.43,-1.42l0.77,0.39l1.47,-0.07l0.71,-0.88l1.48,0.14l1.71,1.88l0.25,2.65l1.92,2.11l-0.1,1.89l-0.61,0.86l-2.22,-0.33l-3.5,0.64l-1.6,2.12l0.36,2.58l-1.51,-0.79l-1.84,-0.01l0.28,-1.52l-0.4,-0.47l-2.21,0.01l-0.4,0.37l-0.19,2.74l-0.34,0.93Z",name:"Thailand"},TF:{path:"M596.68,420.38l-3.2,0.18l-0.05,-1.26l0.39,-1.41l1.3,0.78l2.08,0.35l-0.52,1.36Z",name:"Fr. S. Antarctic Lands"},TG:{path:"M422.7,257.63l-0.09,1.23l1.53,1.52l0.08,1.09l0.5,0.65l-0.11,5.62l0.49,1.47l-1.31,0.35l-1.02,-2.13l-0.18,-1.12l0.53,-2.19l-0.63,-1.16l-0.22,-3.68l-1.01,-1.4l0.07,-0.28l1.37,0.03Z",name:"Togo"},TD:{path:"M480.25,235.49l0.12,9.57l-2.1,0.05l-1.14,1.89l-0.69,1.63l0.34,0.73l-0.66,0.91l0.24,0.89l-0.86,1.95l0.45,0.5l0.6,-0.1l0.34,0.64l0.03,1.38l0.9,1.04l-1.45,0.43l-1.27,1.03l-1.83,2.76l-2.16,1.07l-2.31,-0.15l-0.86,0.25l-0.26,0.49l0.17,0.61l-2.11,1.68l-2.85,0.87l-1.09,-0.57l-0.73,0.66l-1.12,0.1l-1.1,-3.12l-1.25,-0.64l-1.22,-1.22l0.29,-0.64l3.01,0.04l0.35,-0.6l-1.3,-2.2l-0.08,-3.31l-0.97,-1.66l0.22,-1.04l-0.38,-0.48l-1.22,-0.04l0.0,-1.25l-0.98,-1.07l0.96,-3.01l3.25,-2.65l0.13,-3.33l0.95,-5.18l0.52,-1.07l-0.1,-0.48l-0.91,-0.78l-0.2,-0.96l-0.8,-0.58l-0.55,-3.65l2.1,-1.2l19.57,9.83Z",name:"Chad"},LY:{path:"M483.48,203.15l-0.75,1.1l0.29,1.39l-0.6,1.83l0.73,2.14l0.0,24.12l-2.48,0.01l-0.41,0.85l-19.41,-9.76l-4.41,2.28l-1.37,-1.33l-3.82,-1.1l-1.14,-1.65l-1.98,-1.23l-1.22,0.32l-0.66,-1.11l-0.17,-1.26l-1.28,-1.69l0.87,-1.19l-0.07,-4.34l0.43,-2.27l-0.86,-3.45l1.13,-0.76l0.22,-1.16l-0.2,-1.03l3.48,-2.61l0.29,-1.94l2.45,0.8l1.18,-0.21l1.98,0.44l3.15,1.18l1.37,2.54l5.72,1.67l2.64,1.35l1.61,-0.72l1.29,-1.34l-0.44,-2.34l0.66,-1.13l1.67,-1.21l1.57,-0.35l3.14,0.53l1.08,1.28l3.99,0.78l0.36,0.54Z",name:"Libya"},AE:{path:"M550.76,223.97l1.88,-0.4l3.84,0.02l4.78,-4.75l0.19,0.36l0.26,1.58l-0.81,0.01l-0.39,0.35l-0.08,2.04l-0.81,0.63l-0.01,0.96l-0.66,0.99l-0.39,1.41l-7.08,-1.25l-0.7,-1.96Z",name:"United Arab Emirates"},VE:{path:"M240.68,256.69l0.53,0.75l-0.02,1.06l-1.07,1.78l0.95,2.0l0.42,0.22l1.4,-0.44l0.56,-1.83l-0.77,-1.17l-0.1,-1.47l2.82,-0.93l0.26,-0.49l-0.28,-0.96l0.3,-0.28l0.66,1.31l1.96,0.26l1.4,1.22l0.08,0.68l0.39,0.35l4.81,-0.22l1.49,1.11l1.92,0.31l1.67,-0.84l0.22,-0.6l3.44,-0.14l-0.17,0.55l0.86,1.19l2.19,0.35l1.67,1.1l0.37,1.86l0.41,0.32l1.55,0.17l-1.66,1.35l-0.22,0.92l0.65,0.97l-1.67,0.54l-0.3,0.4l0.04,0.99l-0.56,0.57l-0.01,0.55l1.85,2.27l-0.66,0.69l-4.47,1.29l-0.72,0.54l-3.69,-0.9l-0.71,0.27l-0.02,0.7l0.91,0.53l-0.08,1.54l0.35,1.58l0.35,0.31l1.66,0.17l-1.3,0.52l-0.48,1.13l-2.68,0.91l-0.6,0.77l-1.57,0.13l-1.17,-1.13l-0.8,-2.52l-1.25,-1.26l1.02,-1.23l-1.29,-2.95l0.18,-1.62l1.0,-2.21l-0.2,-0.49l-1.14,-0.46l-4.02,0.36l-1.82,-2.1l-1.57,-0.33l-2.99,0.22l-1.06,-0.97l0.25,-1.23l-0.2,-1.01l-0.59,-0.69l-0.29,-1.06l-1.08,-0.39l0.78,-2.79l1.9,-2.11Z",name:"Venezuela"},AF:{path:"M600.7,188.88l-1.57,1.3l-0.1,0.48l0.8,2.31l-1.09,1.04l-0.03,1.27l-0.48,0.71l-2.16,-0.08l-0.37,0.59l0.78,1.48l-1.38,0.69l-1.06,1.69l0.06,1.7l-0.65,0.52l-0.91,-0.21l-1.91,0.36l-0.48,0.77l-1.88,0.13l-1.4,1.56l-0.18,2.32l-2.91,1.02l-1.65,-0.23l-0.71,0.55l-1.41,-0.3l-2.41,0.39l-3.52,-1.17l1.96,-2.35l-0.21,-1.78l-0.3,-0.34l-1.63,-0.4l-0.19,-1.58l-0.75,-2.03l0.95,-1.36l-0.19,-0.6l-0.73,-0.28l1.47,-4.8l2.14,0.9l2.12,-0.36l0.74,-1.34l1.77,-0.39l1.54,-0.92l0.63,-2.31l1.87,-0.5l0.49,-0.81l0.94,0.56l2.13,0.11l2.55,0.92l1.95,-0.83l0.65,0.43l0.56,-0.13l0.69,-1.12l1.57,-0.08l0.72,-1.66l0.79,-0.74l0.8,0.39l-0.17,0.56l0.71,0.58l-0.08,2.39l1.11,0.95ZM601.37,188.71l1.73,-0.71l1.43,-1.18l4.03,0.35l-2.23,0.74l-4.95,0.8Z",name:"Afghanistan"},IQ:{path:"M530.82,187.47l0.79,0.66l1.26,-0.28l1.46,3.08l1.63,0.94l0.14,1.23l-1.22,1.05l-0.53,2.52l1.73,2.67l3.12,1.62l1.15,1.88l-0.38,1.85l0.39,0.48l0.41,-0.0l0.02,1.07l0.76,0.94l-2.47,-0.1l-1.71,2.44l-4.31,-0.2l-7.02,-5.48l-3.73,-1.94l-2.88,-0.73l-0.85,-2.87l5.45,-3.02l0.95,-3.43l-0.19,-1.96l1.27,-0.7l1.22,-1.7l0.87,-0.36l2.69,0.34Z",name:"Iraq"},IS:{path:"M384.14,88.06l-0.37,2.61l2.54,2.51l-2.9,2.75l-9.19,3.4l-9.25,-1.66l1.7,-1.22l-0.1,-0.7l-4.05,-1.47l2.96,-0.53l0.33,-0.43l-0.11,-1.2l-0.33,-0.36l-4.67,-0.85l1.28,-2.04l3.45,-0.56l3.77,2.72l0.44,0.02l3.64,-2.16l3.3,1.08l3.98,-2.16l3.58,0.26Z",name:"Iceland"},IR:{path:"M533.43,187.16l-1.27,-2.15l0.42,-0.98l-0.71,-3.04l1.03,-0.5l0.33,0.83l1.26,1.35l2.05,0.51l1.11,-0.16l2.89,-2.11l0.62,-0.14l0.39,0.46l-0.72,1.2l0.06,0.49l1.56,1.53l0.65,0.04l0.67,1.81l2.56,0.83l1.87,1.48l3.69,0.49l3.91,-0.76l0.47,-0.73l2.17,-0.6l1.66,-1.54l1.51,0.08l1.18,-0.53l1.59,0.24l2.83,1.48l1.88,0.3l2.77,2.47l1.77,0.18l0.18,1.99l-1.68,5.49l0.24,0.5l0.61,0.23l-0.82,1.48l0.8,2.18l0.19,1.71l0.3,0.34l1.63,0.4l0.15,1.32l-2.15,2.35l-0.01,0.53l2.21,3.03l2.34,1.24l0.06,2.14l1.24,0.72l0.11,0.69l-3.31,1.27l-1.08,3.03l-9.68,-1.68l-0.99,-3.05l-1.43,-0.73l-2.17,0.46l-2.47,1.26l-2.83,-0.82l-2.46,-2.02l-2.41,-0.8l-3.42,-6.06l-0.48,-0.2l-1.18,0.39l-1.44,-0.82l-0.5,0.08l-0.65,0.74l-0.97,-1.01l-0.02,-1.31l-0.71,-0.39l0.26,-1.81l-1.29,-2.11l-3.13,-1.63l-1.58,-2.43l0.5,-1.9l1.31,-1.26l-0.19,-1.66l-1.74,-1.1l-1.57,-3.3Z",name:"Iran"},AM:{path:"M536.99,182.33l-0.28,0.03l-1.23,-2.13l-0.93,0.01l-0.62,-0.66l-0.69,-0.07l-0.96,-0.81l-1.56,-0.62l0.19,-1.12l-0.26,-0.79l2.72,-0.36l1.09,1.01l-0.17,0.92l1.02,0.78l-0.47,0.62l0.08,0.56l2.04,1.23l0.04,1.4Z",name:"Armenia"},IT:{path:"M451.59,158.63l3.48,0.94l-0.21,1.17l0.3,0.83l-1.49,-0.24l-2.04,1.1l-0.21,0.39l0.13,1.45l-0.25,1.12l0.82,1.57l2.39,1.63l1.31,2.54l2.79,2.43l2.05,0.08l0.21,0.23l-0.39,0.33l0.09,0.67l4.05,1.97l2.17,1.76l-0.16,0.36l-1.17,-1.08l-2.18,-0.49l-0.44,0.2l-1.05,1.91l0.14,0.54l1.57,0.95l-0.19,0.98l-1.06,0.33l-1.25,2.34l-0.37,0.08l0.0,-0.33l1.0,-2.45l-1.73,-3.17l-1.12,-0.51l-0.88,-1.33l-1.51,-0.51l-1.27,-1.25l-1.75,-0.18l-4.12,-3.21l-1.62,-1.65l-1.03,-3.19l-3.53,-1.36l-1.3,0.51l-1.69,1.41l0.16,-0.72l-0.28,-0.47l-1.14,-0.33l-0.53,-1.96l0.72,-0.78l0.04,-0.48l-0.65,-1.17l0.8,0.39l1.4,-0.23l1.11,-0.84l0.52,0.35l1.19,-0.1l0.75,-1.2l1.53,0.33l1.36,-0.56l0.35,-1.14l1.08,0.32l0.68,-0.64l1.98,-0.44l0.42,0.82ZM459.19,184.75l-0.65,1.65l0.32,1.05l-0.31,0.89l-1.5,-0.85l-4.5,-1.67l0.19,-0.82l2.67,0.23l3.78,-0.48ZM443.93,176.05l1.18,1.66l-0.3,3.32l-1.06,-0.01l-0.77,0.73l-0.53,-0.44l-0.1,-3.37l-0.39,-1.22l1.04,0.01l0.92,-0.68Z",name:"Italy"},VN:{path:"M690.56,230.25l-2.7,1.82l-2.09,2.46l-0.63,1.95l4.31,6.45l2.32,1.65l1.43,1.94l1.11,4.59l-0.32,4.24l-1.93,1.54l-2.84,1.61l-2.11,2.15l-2.73,2.06l-0.59,-1.05l0.63,-1.53l-0.13,-0.47l-1.34,-1.04l1.51,-0.71l2.55,-0.18l0.3,-0.63l-0.82,-1.14l4.0,-2.07l0.31,-3.05l-0.57,-1.77l0.42,-2.66l-0.73,-1.97l-1.86,-1.76l-3.63,-5.29l-2.72,-1.46l0.36,-0.47l1.5,-0.64l0.21,-0.52l-0.97,-2.27l-0.37,-0.24l-2.83,-0.02l-2.24,-3.9l0.83,-0.4l4.39,-0.29l2.06,-1.31l1.15,0.89l1.88,0.4l-0.17,1.51l1.35,1.16l1.67,0.45Z",name:"Vietnam"},AR:{path:"M249.29,428.93l-2.33,-0.52l-5.83,-0.43l-0.89,-1.66l0.05,-2.37l-0.45,-0.4l-1.43,0.18l-0.67,-0.91l-0.2,-3.13l1.88,-1.47l0.79,-2.04l-0.25,-1.7l1.3,-2.68l0.91,-4.15l-0.22,-1.69l0.85,-0.45l0.2,-0.44l-0.27,-1.16l-0.98,-0.68l0.59,-0.92l-0.05,-0.5l-1.04,-1.07l-0.52,-3.1l0.97,-0.86l-0.42,-3.58l1.2,-5.43l1.38,-0.98l0.16,-0.43l-0.75,-2.79l-0.01,-2.43l1.78,-1.75l0.06,-2.57l1.43,-2.85l0.01,-2.58l-0.69,-0.74l-1.09,-4.52l1.47,-2.7l-0.18,-2.79l0.85,-2.35l1.59,-2.46l1.73,-1.64l0.05,-0.52l-0.6,-0.84l0.44,-0.85l-0.07,-4.19l2.7,-1.44l0.86,-2.75l-0.21,-0.71l1.76,-2.01l2.9,0.57l1.38,1.78l0.68,-0.08l0.87,-1.87l2.39,0.09l4.95,4.77l2.17,0.49l3.0,1.92l2.47,1.0l0.25,0.82l-2.37,3.93l0.23,0.59l5.39,1.16l2.12,-0.44l2.45,-2.16l0.5,-2.38l0.76,-0.31l0.98,1.2l-0.04,1.8l-3.67,2.51l-2.85,2.66l-3.43,3.88l-1.3,5.07l0.01,2.72l-0.54,0.73l-0.36,3.28l3.14,2.64l-0.16,2.11l1.4,1.11l-0.1,1.09l-2.29,3.52l-3.55,1.49l-4.92,0.6l-2.71,-0.29l-0.43,0.51l0.5,1.65l-0.49,2.1l0.38,1.42l-1.19,0.83l-2.36,0.38l-2.3,-1.04l-1.38,0.83l0.41,3.64l1.69,0.91l1.4,-0.71l0.36,0.76l-2.04,0.86l-2.01,1.89l-0.97,4.63l-2.34,0.1l-2.09,1.78l-0.61,2.75l2.46,2.31l2.17,0.63l-0.7,2.32l-2.83,1.73l-1.73,3.86l-2.17,1.22l-1.16,1.67l0.75,3.76l1.04,1.28ZM256.71,438.88l-2.0,0.15l-1.4,-1.22l-3.82,-0.1l-0.0,-5.83l1.6,3.05l3.26,2.07l3.08,0.78l-0.71,1.1Z",name:"Argentina"},AU:{path:"M705.8,353.26l0.26,0.04l0.17,-0.47l-0.48,-1.42l0.92,1.11l0.45,0.15l0.27,-0.39l-0.1,-1.56l-1.98,-3.63l1.09,-3.31l-0.24,-1.57l0.34,-0.62l0.38,1.06l0.43,-0.19l0.99,-1.7l1.91,-0.83l1.29,-1.15l1.81,-0.91l0.96,-0.17l0.92,0.26l1.92,-0.95l1.47,-0.28l1.03,-0.8l1.43,0.04l2.78,-0.84l1.36,-1.15l0.71,-1.45l1.41,-1.26l0.3,-2.58l1.27,-1.59l0.78,1.65l0.54,0.19l1.07,-0.51l0.15,-0.6l-0.73,-1.0l0.45,-0.71l0.78,0.39l0.58,-0.3l0.28,-1.82l1.87,-2.14l1.12,-0.39l0.28,-0.58l0.62,0.17l0.53,-0.73l1.87,-0.57l1.65,1.05l1.35,1.48l3.39,0.38l0.43,-0.54l-0.46,-1.23l1.05,-1.79l1.04,-0.61l0.14,-0.55l-0.25,-0.41l0.88,-1.17l1.31,-0.77l1.3,0.27l2.1,-0.48l0.31,-0.4l-0.05,-1.3l-0.92,-0.77l1.48,0.56l1.41,1.07l2.11,0.65l0.81,-0.2l1.4,0.7l1.69,-0.66l0.8,0.19l0.64,-0.33l0.71,0.77l-1.33,1.94l-0.71,0.07l-0.35,0.51l0.24,0.86l-1.52,2.35l0.12,1.05l2.15,1.65l1.97,0.85l3.04,2.36l1.97,0.65l0.55,0.88l2.72,0.85l1.84,-1.1l2.07,-5.97l-0.42,-3.59l0.3,-1.73l0.47,-0.87l-0.31,-0.68l1.09,-3.28l0.46,-0.47l0.4,0.71l0.16,1.51l0.65,0.52l0.16,1.04l0.85,1.21l0.12,2.38l0.9,2.0l0.57,0.18l1.3,-0.78l1.69,1.7l-0.2,1.08l0.53,2.2l0.39,1.3l0.68,0.48l0.6,1.95l-0.19,1.48l0.81,1.76l6.01,3.69l-0.11,0.76l1.38,1.58l0.95,2.77l0.58,0.22l0.72,-0.41l0.8,0.9l0.61,0.01l0.46,2.41l4.81,4.71l0.66,2.02l-0.07,3.31l1.14,2.2l-0.13,2.24l-1.1,3.68l0.03,1.64l-0.47,1.89l-1.05,2.4l-1.9,1.47l-1.72,3.51l-2.38,6.09l-0.24,2.82l-1.14,0.8l-2.85,0.15l-2.31,1.19l-2.51,2.25l-3.09,-1.57l0.3,-1.15l-0.54,-0.47l-1.5,0.63l-2.01,1.94l-7.12,-2.18l-1.48,-1.63l-1.14,-3.74l-1.45,-1.26l-1.81,-0.26l0.56,-1.18l-0.61,-2.1l-0.72,-0.1l-1.14,1.82l-0.9,0.21l0.63,-0.82l0.36,-1.55l0.92,-1.31l-0.13,-2.34l-0.7,-0.22l-2.0,2.34l-1.51,0.93l-0.94,2.01l-1.35,-0.81l-0.02,-1.52l-1.57,-2.04l-1.09,-0.88l0.24,-0.33l-0.14,-0.59l-3.21,-1.69l-1.83,-0.12l-2.54,-1.35l-4.58,0.28l-6.02,1.9l-2.53,-0.13l-2.62,1.41l-2.13,0.63l-1.49,2.6l-3.49,0.31l-2.29,-0.5l-3.48,0.43l-1.6,1.47l-0.81,-0.04l-2.37,1.63l-3.26,-0.1l-3.72,-2.21l0.04,-1.05l1.19,-0.46l0.49,-0.89l0.21,-2.97l-0.28,-1.64l-1.34,-2.86l-0.38,-1.47l0.05,-1.72l-0.95,-1.7l-0.18,-0.97l-1.01,-0.99l-0.29,-1.98l-1.13,-1.75ZM784.92,393.44l2.65,1.02l3.23,-0.96l1.09,0.14l0.15,3.06l-0.85,1.13l-0.17,1.63l-0.87,-0.24l-1.57,1.91l-1.68,-0.18l-1.4,-2.36l-0.37,-2.04l-1.39,-2.51l0.04,-0.8l1.15,0.18Z",name:"Australia"},IL:{path:"M507.76,203.05l0.4,-0.78l0.18,0.4l-0.33,1.03l0.52,0.44l0.68,-0.22l-0.86,3.6l-1.16,-3.32l0.59,-0.74l-0.03,-0.41ZM508.73,200.34l0.37,-1.02l0.64,0.0l0.52,-0.51l-0.49,1.53l-0.56,-0.24l-0.48,0.23Z",name:"Israel"},IN:{path:"M623.34,207.03l-1.24,1.04l-0.97,2.55l0.22,0.51l8.04,3.87l3.42,0.37l1.57,1.38l4.92,0.88l2.18,-0.04l0.38,-0.3l0.29,-1.24l-0.32,-1.64l0.14,-0.87l0.82,-0.31l0.45,2.48l2.28,1.02l1.77,-0.38l4.14,0.1l0.38,-0.36l0.18,-1.66l-0.5,-0.65l1.37,-0.29l2.25,-1.99l2.7,-1.62l1.93,0.62l1.8,-0.98l0.79,1.14l-0.68,0.91l0.26,0.63l2.42,0.36l0.09,0.47l-0.83,0.75l0.13,1.07l-1.52,-0.29l-3.24,1.86l-0.13,1.78l-1.32,2.14l-0.18,1.39l-0.93,1.82l-1.64,-0.5l-0.52,0.37l-0.09,2.63l-0.56,1.11l0.19,0.81l-0.53,0.27l-1.18,-3.73l-1.08,-0.27l-0.38,0.31l-0.24,1.0l-0.66,-0.66l0.54,-1.06l1.22,-0.34l1.15,-2.25l-0.24,-0.56l-1.57,-0.47l-4.34,-0.28l-0.18,-1.56l-0.35,-0.35l-1.11,-0.12l-1.91,-1.12l-0.56,0.17l-0.88,1.82l0.11,0.49l1.36,1.07l-1.09,0.69l-0.69,1.11l0.18,0.56l1.24,0.57l-0.32,1.54l0.85,1.94l0.36,2.01l-0.22,0.59l-4.58,0.52l-0.33,0.42l0.13,1.8l-1.17,1.36l-3.65,1.81l-2.79,3.03l-4.32,3.28l-0.18,1.27l-4.65,1.79l-0.77,2.16l0.64,5.3l-1.06,2.49l-0.01,3.94l-1.24,0.28l-1.14,1.93l0.39,0.84l-1.68,0.53l-1.04,1.83l-0.65,0.47l-2.06,-2.05l-2.1,-6.02l-2.2,-3.64l-1.05,-4.75l-2.29,-3.57l-1.76,-8.2l0.01,-3.11l-0.49,-2.53l-0.55,-0.29l-3.53,1.52l-1.53,-0.27l-2.86,-2.77l0.85,-0.67l0.08,-0.55l-0.74,-1.03l-2.67,-2.06l1.24,-1.32l5.34,0.01l0.39,-0.49l-0.5,-2.29l-1.42,-1.46l-0.27,-1.93l-1.43,-1.2l2.31,-2.37l3.05,0.06l2.62,-2.85l1.6,-2.81l2.4,-2.73l0.07,-2.04l1.97,-1.48l-0.02,-0.65l-1.93,-1.31l-0.82,-1.78l-0.8,-2.21l0.9,-0.89l3.59,0.65l2.92,-0.42l2.33,-2.19l2.31,2.85l-0.24,2.13l0.99,1.59l-0.05,0.82l-1.34,-0.28l-0.47,0.48l0.7,3.06l2.62,1.99l2.99,1.65Z",name:"India"},TZ:{path:"M495.56,296.42l2.8,-3.12l-0.02,-0.81l-0.64,-1.3l0.68,-0.52l0.14,-1.47l-0.76,-1.25l0.31,-0.11l2.26,0.03l-0.51,2.76l0.76,1.3l0.5,0.12l1.05,-0.53l1.19,-0.12l0.61,0.24l1.43,-0.62l0.1,-0.67l-0.71,-0.62l1.57,-1.7l8.65,4.86l0.32,1.53l3.34,2.33l-1.05,2.8l0.13,1.61l1.63,1.12l-0.6,1.76l-0.01,2.33l1.89,4.03l0.57,0.43l-1.46,1.08l-2.61,0.94l-1.43,-0.04l-1.06,0.77l-2.29,0.36l-2.87,-0.68l-0.83,0.07l-0.63,-0.75l-0.31,-2.78l-1.32,-1.35l-3.25,-0.77l-3.96,-1.58l-1.18,-2.41l-0.32,-1.75l-1.76,-1.49l0.42,-1.05l-0.44,-0.89l0.08,-0.96l-0.46,-0.58l0.06,-0.56Z",name:"Tanzania"},AZ:{path:"M539.29,175.73l1.33,0.32l1.94,-1.8l2.3,3.34l1.43,0.43l-1.26,0.15l-0.35,0.32l-0.8,3.14l-0.99,0.96l0.05,1.11l-1.26,-1.13l0.7,-1.18l-0.04,-0.47l-0.74,-0.86l-1.48,0.15l-2.34,1.71l-0.03,-1.27l-2.03,-1.35l0.47,-0.62l-0.08,-0.56l-1.03,-0.79l0.29,-0.43l-0.14,-0.58l-1.13,-0.86l1.89,0.68l1.69,0.06l0.37,-0.87l-0.81,-1.37l0.42,0.06l1.63,1.72ZM533.78,180.57l0.61,0.46l0.69,-0.0l0.59,1.15l-0.68,-0.15l-1.21,-1.45Z",name:"Azerbaijan"},IE:{path:"M405.08,135.42l0.35,2.06l-1.75,2.78l-4.22,1.88l-2.84,-0.4l1.73,-3.0l-1.18,-3.53l4.6,-3.74l0.32,1.15l-0.49,1.74l0.4,0.51l1.47,-0.04l1.6,0.6Z",name:"Ireland"},ID:{path:"M756.47,287.89l0.69,4.01l2.79,1.78l0.51,-0.1l2.04,-2.59l2.71,-1.43l2.05,-0.0l3.9,1.73l2.46,0.45l0.08,15.12l-1.75,-1.54l-2.54,-0.51l-0.88,0.71l-2.32,0.06l0.69,-1.33l1.45,-0.64l0.23,-0.46l-0.65,-2.74l-1.24,-2.21l-5.04,-2.29l-2.09,-0.23l-3.68,-2.27l-0.55,0.13l-0.65,1.07l-0.52,0.12l-0.55,-1.89l-1.21,-0.78l1.84,-0.62l1.72,0.05l0.39,-0.52l-0.21,-0.66l-0.38,-0.28l-3.45,-0.0l-1.13,-1.48l-2.1,-0.43l-0.52,-0.6l2.69,-0.48l1.28,-0.78l3.66,0.94l0.3,0.71ZM757.91,300.34l-0.62,0.82l-0.1,-0.8l0.59,-1.12l0.13,1.1ZM747.38,292.98l0.34,0.72l-1.22,-0.57l-4.68,-0.1l0.27,-0.62l2.78,-0.09l2.52,0.67ZM741.05,285.25l-0.67,-2.88l0.64,-2.01l0.41,0.86l1.21,0.18l0.16,0.7l-0.1,1.68l-0.84,-0.16l-0.46,0.3l-0.34,1.34ZM739.05,293.5l-0.5,0.44l-1.34,-0.36l-0.17,-0.37l1.73,-0.08l0.27,0.36ZM721.45,284.51l-0.19,1.97l2.24,2.23l0.54,0.02l1.27,-1.07l2.75,-0.5l-0.9,1.21l-2.11,0.93l-0.16,0.6l2.22,3.01l-0.3,1.07l1.36,1.74l-2.26,0.85l-0.28,-0.31l0.12,-1.19l-1.64,-1.34l0.17,-2.23l-0.56,-0.39l-1.67,0.76l-0.23,0.39l0.3,6.17l-1.1,0.25l-0.69,-0.47l0.64,-2.21l-0.39,-2.42l-0.39,-0.34l-0.8,-0.01l-0.58,-1.29l0.98,-1.6l0.35,-1.96l1.32,-3.87ZM728.59,296.27l0.38,0.49l-0.02,1.28l-0.88,0.49l-0.53,-0.47l1.04,-1.79ZM729.04,286.98l0.27,-0.05l-0.02,0.13l-0.24,-0.08ZM721.68,284.05l0.16,-0.32l1.89,-1.65l1.83,0.68l3.16,0.35l2.94,-0.1l2.39,-1.66l-1.73,2.13l-1.66,0.43l-2.41,-0.48l-4.17,0.13l-2.39,0.51ZM730.55,310.47l1.11,-1.93l2.03,-0.82l0.08,0.62l-1.45,1.67l-1.77,0.46ZM728.12,305.88l-0.1,0.38l-3.46,0.66l-2.91,-0.27l-0.0,-0.25l1.54,-0.41l1.66,0.73l1.67,-0.19l1.61,-0.65ZM722.9,310.24l-0.64,0.03l-2.26,-1.2l1.11,-0.24l1.78,1.41ZM716.26,305.77l0.88,0.51l1.28,-0.17l0.2,0.35l-4.65,0.73l0.39,-0.67l1.15,-0.02l0.75,-0.73ZM711.66,293.84l-0.38,-0.16l-2.54,1.01l-1.12,-1.44l-1.69,-0.13l-1.16,-0.75l-3.04,0.77l-1.1,-1.15l-3.31,-0.11l-0.35,-3.05l-1.35,-0.95l-1.11,-1.98l-0.33,-2.06l0.27,-2.14l0.9,-1.01l0.37,1.15l2.09,1.49l1.53,-0.48l1.82,0.08l1.38,-1.19l1.0,-0.18l2.28,0.67l2.26,-0.53l1.52,-3.64l1.01,-0.99l0.78,-2.57l4.1,0.3l-1.11,1.77l0.02,0.46l1.7,2.2l-0.23,1.39l2.07,1.71l-2.33,0.42l-0.88,1.9l0.1,2.05l-2.4,1.9l-0.06,2.45l-0.7,2.79ZM692.58,302.03l0.35,0.26l4.8,0.25l0.78,-0.97l4.17,1.09l1.13,1.68l3.69,0.45l2.13,1.04l-1.8,0.6l-2.77,-0.99l-4.8,-0.12l-5.24,-1.41l-1.84,-0.25l-1.11,0.3l-4.26,-0.97l-0.7,-1.14l-1.59,-0.13l1.18,-1.65l2.74,0.13l2.87,1.13l0.26,0.68ZM685.53,299.17l-2.22,0.04l-2.06,-2.03l-3.15,-2.01l-2.93,-3.51l-3.11,-5.33l-2.2,-2.12l-1.64,-4.06l-2.32,-1.69l-1.27,-2.07l-1.96,-1.5l-2.51,-2.65l-0.11,-0.66l4.81,0.53l2.15,2.38l3.31,2.74l2.35,2.66l2.7,0.17l1.95,1.59l1.54,2.17l1.59,0.95l-0.84,1.71l0.15,0.52l1.44,0.87l0.79,0.1l0.4,1.58l0.87,1.4l1.96,0.39l1.0,1.31l-0.6,3.01l-0.09,3.5Z",name:"Indonesia"},UA:{path:"M492.5,162.44l1.28,-2.49l1.82,0.19l0.66,-0.23l0.09,-0.71l-0.25,-0.75l-0.79,-0.72l-0.33,-1.21l-0.86,-0.62l-0.02,-1.19l-1.13,-0.86l-1.15,-0.19l-2.04,-1.0l-1.66,0.32l-0.66,0.47l-0.92,-0.0l-0.84,0.78l-2.48,0.7l-1.18,-0.71l-3.07,-0.36l-0.89,0.43l-0.24,-0.55l-1.11,-0.7l0.35,-0.93l1.26,-1.02l-0.54,-1.23l2.04,-2.43l1.4,-0.62l0.25,-1.19l-1.04,-2.39l0.83,-0.13l1.28,-0.84l1.8,-0.07l2.47,0.26l2.86,0.81l1.88,0.06l0.86,0.44l1.04,-0.41l0.77,0.66l2.18,-0.15l0.92,0.3l0.52,-0.34l0.15,-1.53l0.56,-0.54l2.85,-0.05l0.84,-0.72l3.04,-0.18l1.23,1.46l-0.48,0.77l0.21,1.03l0.36,0.32l1.8,0.14l0.93,2.08l3.18,1.15l1.94,-0.45l1.67,1.49l1.4,-0.03l3.35,0.96l0.02,0.54l-0.96,1.59l0.47,1.97l-0.26,0.7l-2.36,0.28l-1.29,0.89l-0.23,1.38l-1.83,0.27l-1.58,0.97l-2.41,0.21l-2.16,1.17l-0.21,0.38l0.34,2.26l1.23,0.75l2.13,-0.08l-0.14,0.31l-2.65,0.53l-3.23,1.69l-0.87,-0.39l0.42,-1.1l-0.25,-0.52l-2.21,-0.73l2.35,-1.06l0.12,-0.65l-0.93,-0.82l-3.62,-0.74l-0.13,-0.89l-0.46,-0.34l-2.61,0.59l-0.91,1.69l-1.71,2.04l-0.86,-0.4l-1.62,0.27Z",name:"Ukraine"},QA:{path:"M549.33,221.64l-0.76,-0.23l-0.14,-1.64l0.84,-1.29l0.47,0.52l0.04,1.34l-0.45,1.3Z",name:"Qatar"},MZ:{path:"M508.58,318.75l-0.34,-2.57l0.51,-2.05l3.55,0.63l2.5,-0.38l1.02,-0.76l1.49,0.01l2.74,-0.98l1.66,-1.2l0.5,9.24l0.41,1.23l-0.68,1.67l-0.93,1.71l-1.5,1.5l-5.16,2.28l-2.78,2.73l-1.02,0.53l-1.71,1.8l-0.98,0.57l-0.35,2.41l1.16,1.94l0.49,2.17l0.43,0.31l-0.06,2.06l-0.39,1.17l0.5,0.72l-0.25,0.73l-0.92,0.83l-5.12,2.39l-1.22,1.36l0.21,1.13l0.58,0.39l-0.11,0.72l-1.22,-0.01l-0.73,-2.97l0.42,-3.09l-1.78,-5.37l2.49,-2.81l0.69,-1.89l0.44,-0.43l0.28,-1.53l-0.39,-0.93l0.59,-3.65l-0.01,-3.26l-1.49,-1.16l-1.2,-0.22l-1.74,-1.17l-1.92,0.01l-0.29,-2.08l7.06,-1.96l1.28,1.09l0.89,-0.1l0.67,0.44l0.1,0.73l-0.51,1.29l0.19,1.81l1.75,1.83l0.65,-0.13l0.71,-1.65l1.17,-0.86l-0.26,-3.47l-1.05,-1.85l-1.04,-0.94Z",name:"Mozambique"}},height:440.70631074413296,width:900,projection:{type:"mill",centralMeridian:11.5}});
diff --git a/www/raven-demo/widgets.html b/www/raven-demo/widgets.html
new file mode 100644
index 0000000..6c513dd
--- /dev/null
+++ b/www/raven-demo/widgets.html
@@ -0,0 +1,2860 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!--:Page styles:-->
+    <link href="vendor/css/choices.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
+    <title>Raven - Admin Dashboard</title>
+    <link rel="icon" href="images/favicon.png" type="image/png">
+    <!--Simplebar-->
+    <link rel="stylesheet" href="vendor/css/simplebar.css">
+    <!--:Fonts:-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+    <!--:Main Style:-->
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body
+    class="font-theme flex flex-col h-full text-base font-normal bg-zinc-50 dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
+    <aside
+        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
+        <div class="shrink-0 h-16 px-5 flex items-center">
+            <div class="relative flex items-center justify-between w-full">
+                <a href="index.html" class="flex items-center relative z-[1]">
+                    <span
+                        class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">
+                        <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px"
+                        fill="currentColor">
+                        <path
+                            d="m400-240-51 123q-6 15-21.5 21.5T297-95q-15-6-21.5-21.5T275-147l43-104q-106-28-172-114T80-560v-160q0-66 47-113t113-47q22 0 42 7.5t40 15.5l191 78q13 5 12.5 18.5T512-742l-112 42v60l426 271q7 5 11 11.5t6 14.5l28 140q3 17-7.5 30T836-160h-14q-11 0-19-5.5T790-180l-30-60H560v120q0 17-11.5 28.5T520-80q-17 0-28.5-11.5T480-120v-120h-80ZM240-680q-17 0-28.5-11.5T200-720q0-17 11.5-28.5T240-760q17 0 28.5 11.5T280-720q0 17-11.5 28.5T240-680Zm160 320Zm0 40h353l-63-40H400q-36 0-67.5-14.5T279-415q-13-14-25-38.5T242-498q0-17 11.5-28.5T282-538q15 0 26 10t14 24q5 28 27 46t51 18h165L320-596v-124q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720v160q0 100 70 170t170 70Z" />
+                    </svg>
+                    </span>
+                    <h5 class="text-2xl ms-3 logo-text font-display">Raven</h5>
+                </a>
+                <!--Sidebar mini for lg screen-->
+                <button id="isSidebarMini"
+                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
+                    <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
+                </button>
+            </div>
+        </div>
+        <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
+            <div class="flex flex-col py-3 px-3">
+                <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
+                    <a href="index.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--file-chart-column]"></span>
+                        </span>
+                        <span class="sidebar-text">Analytic</span>
+                    </a>
+                    <a href="index-ecommerce.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--shopping-bag]"></span>
+                        </span>
+                        <span class="sidebar-text">Ecommerce</span>
+                    </a>
+                    <a href="index-marketing.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--diamond-percent]"></span>
+                        </span>
+                        <span class="sidebar-text">marketing</span>
+                    </a>
+                    <a href="index-restaurant.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--pizza]"></span>
+                        </span>
+                        <span class="sidebar-text">Restaurant</span>
+                        <span class="ms-auto badge bg-primary text-white">New</span>
+                    </a>
+                     <a href="index-education.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--book-open]"></span>
+                        </span>
+                        <span class="sidebar-text">Education</span>
+                    </a>
+                    <a href="index-social.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--at-sign]"></span>
+                        </span>
+                        <span class="sidebar-text">Social</span>
+                    </a>
+                
+                    <a href="index-jobs.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--briefcase-business]"></span>
+                        </span>
+                        <span class="sidebar-text">Jobs</span>
+                    </a>
+                    <a href="widgets.html" class="sidebar-link active">
+                        <span class="sidebar-icon">
+                           <span class="icon-[lucide--wand-sparkles]"></span>
+                        </span>
+                        <span class="sidebar-text">Widgets</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">50+</span>
+                    </a>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Concepts</span>
+
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cApps"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--component]"></span>
+                            </span>
+                            <span class="sidebar-text">Apps</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cApps"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                <a href="app-api.html" class="sidebar-collapse-item @@app_api">API </a>
+                                <a href="app-inbox.html" class="sidebar-collapse-item @@app_inbox">Inbox</a>
+                                <a href="app-chat.html" class="sidebar-collapse-item @@app_chat">Chat</a>
+                                <a href="app-calendar.html" class="sidebar-collapse-item @@app_calendar">Calendar</a>
+                                <a href="app-file-manager.html" class="sidebar-collapse-item @@app_file_manager">File
+                                    manager</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAccount"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--circle-user-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Account</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAccount"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="account-profile.html"
+                                    class="sidebar-collapse-item @@account_profile">Profile</a>
+                                <a href="account-settings.html"
+                                    class="sidebar-collapse-item @@account_settings">Settings</a>
+                                <a href="account-activity-log.html"
+                                    class="sidebar-collapse-item @@account_activty">Acitivity
+                                    log</a>
+                                <a href="account-roles-permissions.html" class="sidebar-collapse-item @@account_roles">Roles
+                                    &
+                                    permissions</a>
+                                <a href="account-pricing.html" class="sidebar-collapse-item @@account_pricing">Pricing</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cEducation"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--book-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Education</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cEducation"
+                            class="collapse sidebar-collapse w-48 z-50 ">
+                            <div class="py-1">
+                                 <a href="education-courses.html"
+                                    class="sidebar-collapse-item @@edu_courses">Courses</a>
+                                <a href="education-course-details.html"
+                                    class="sidebar-collapse-item @@edu_course_details">Course details</a>
+                                </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProjects"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--folder-open]"></span>
+                            </span>
+                            <span class="sidebar-text">Projects</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProjects"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="project-scrum-board.html" class="sidebar-collapse-item @@project_scrum">Scrum
+                                    board</a>
+                                <a href="projects-list.html" class="sidebar-collapse-item @@projects_list">List</a>
+                                <a href="project-details.html" class="sidebar-collapse-item @@project_details">Details</a>
+                                <a href="project-tasks.html" class="sidebar-collapse-item @@project_tasks">Tasks</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cProducts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--baggage-claim]"></span>
+                            </span>
+                            <span class="sidebar-text">Products</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cProducts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="products-list.html" class="sidebar-collapse-item @@products_list">List</a>
+                                <a href="product-details.html" class="sidebar-collapse-item @@product_details">Details</a>
+                                <a href="product-edit.html" class="sidebar-collapse-item @@product_edit">Edit</a>
+                                <a href="product-add.html" class="sidebar-collapse-item @@product_add">Add</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cCustomers"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--users]"></span>
+                            </span>
+                            <span class="sidebar-text">Customers</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cCustomers"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="customer-list.html" class="sidebar-collapse-item @@customer_list">List</a>
+                                <a href="customer-details.html" class="sidebar-collapse-item @@customer_details">Details</a>
+                                <a href="customer-edit.html" class="sidebar-collapse-item @@customer_edit">Edit</a>
+                                <a href="customer-create.html" class="sidebar-collapse-item @@customer_create">Create</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cHelp"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                             <span class="icon-[lucide--life-buoy]"></span>
+                            </span>
+                            <span class="sidebar-text">Help Center</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cHelp"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="support-hub.html" class="sidebar-collapse-item @@support_hub">Support hub</a>
+                                <a href="support-articles.html"
+                                    class="sidebar-collapse-item @@support_articles">Articles</a>
+                                <a href="support-article.html" class="sidebar-collapse-item @@support_article">Article</a>
+                                <a href="support-articles-manage.html"
+                                    class="sidebar-collapse-item @@support_articles_manage">Manage
+                                    articles</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Pages</span>
+                
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAuth" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--key-round]"></span>
+                            </span>
+                            <span class="sidebar-text">Auth</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAuth" class="collapse sidebar-collapse">
+                            <div class="py-1">
+                                <a href="auth-signin-side.html" class="sidebar-collapse-item">Side layouts</a>
+                                <a href="auth-signin.html" class="sidebar-collapse-item">Signin</a>
+                                <a href="auth-signup.html" class="sidebar-collapse-item">Signup</a>
+                                <a href="auth-forgot-password.html" class="sidebar-collapse-item">Forgot password</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cExtras"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Extras</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cExtras"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="page-invoice.html" class="sidebar-collapse-item widgets_invoice">Invoice</a>
+                                <a href="page-search-results.html" class="sidebar-collapse-item widgets_search">Search
+                                    results</a>
+                                <a href="page-blank.html" class="sidebar-collapse-item widgets_blank">Blank</a>
+                                <a href="page-error-404.html" class="sidebar-collapse-item widgets_404">Error 404</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Layouts</span>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cLayouts"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--layout]"></span>
+                            </span>
+                            <span class="sidebar-text">Layouts</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cLayouts"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="layout-default.html" class="sidebar-collapse-item @@layout_default">Default</a>
+                                <a href="layout-compact.html" class="sidebar-collapse-item @@layout_compact">Compact</a>
+                                <a href="layout-horizontal.html"
+                                    class="sidebar-collapse-item @@layout_horizontal">Horizontal</a>
+                                    <a href="layout-combo.html"
+                                    class="sidebar-collapse-item @@layout_combo">Combo <span class="badge bg-pink-500/10 text-pink-500 ms-auto">Hot</span></a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Components</span>
+
+                    <div class="static">
+                        <a data-bs-display="static" data-bs-toggle="collapse" href="#cComponents"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                               <span class="icon-[lucide--file-code-2]"></span>
+                            </span>
+                            <span class="sidebar-text">Components</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cComponents"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="component-alert.html" class="sidebar-collapse-item @@component_alert">Alert</a>
+                                <a href="component-avatar.html" class="sidebar-collapse-item @@component_avatar">Avatar</a>
+                                <a href="component-animation.html"
+                                    class="sidebar-collapse-item @@component_animation">Animation</a>
+                                <a href="component-button.html" class="sidebar-collapse-item @@component_button">Button</a>
+                                <a href="component-badge.html" class="sidebar-collapse-item @@component_badge">Badge</a>
+                                <a href="component-breadcrum.html"
+                                    class="sidebar-collapse-item @@component_breadcrumb">Breadcrumb</a>
+                                <a href="component-card.html" class="sidebar-collapse-item @@component_card">Card</a>
+                                <a href="component-collapse.html"
+                                    class="sidebar-collapse-item @@component_collapse">Collapse</a>
+                                <a href="component-dropdown.html"
+                                    class="sidebar-collapse-item @@component_dropdown">Dropdown</a>
+                                <a href="component-icons.html" class="sidebar-collapse-item @@component_icons">Icons</a>
+                                <a href="component-grid.html" class="sidebar-collapse-item @@component_grid">Grid</a>
+                                <a href="component-modal.html" class="sidebar-collapse-item @@component_modal">Modal</a>
+                            
+                                    <a href="component-navs.html"
+                                    class="sidebar-collapse-item @@component_navs">Navs</a>
+                                    <a href="component-offcanvas.html"
+                                        class="sidebar-collapse-item @@component_offcanvas">Offcanvas</a>
+                                    <a href="component-progress.html"
+                                        class="sidebar-collapse-item @@component_progress">Progress</a>
+                                    <a href="component-pagination.html"
+                                        class="sidebar-collapse-item @@component_pagination">Pagination</a>
+                                    <a href="component-tabbed-content.html"
+                                        class="sidebar-collapse-item @@component_tabs">Tabbed
+                                        Content</a>
+                                    <a href="component-typography.html"
+                                        class="sidebar-collapse-item @@component_typography">Typography</a>
+                                    <a href="component-tooltip.html"
+                                        class="sidebar-collapse-item @@component_tooltip">Tooltip &
+                                        popovers</a>
+                            </div>
+                        </div>
+                    </div>
+                    <a href="modal-examples.html" class="sidebar-link ">
+                        <span class="sidebar-icon">
+                          <span class="icon-[lucide--app-window]"></span>
+                        </span>
+                        <span class="sidebar-text">Modal examples</span> <span
+                            class="ms-auto badge bg-green-500/10 text-green-500">Hot</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cAdvancedUI"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--award]"></span>
+                            </span>
+                            <span class="sidebar-text">Advance UI</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cAdvancedUI"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="advanceui-sortablejs.html" class="sidebar-collapse-item @@advanceUI_sortablejs">Sortable Js</a>
+                                <a href="advanceui-sweet-alerts.html" class="sidebar-collapse-item @@advanceUI_swal">Sweet Alerts</a>
+                                <a href="advanceui-step-wizard.html" class="sidebar-collapse-item @@advanceUI_wizard">Step Wizard</a>
+                                <a href="advanceui-text-divider.html" class="sidebar-collapse-item @@advanceUI_divider">Text Divider</a>
+                                <a href="advanceui-timeline.html" class="sidebar-collapse-item @@advanceUI_timeline">Timeline</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cGraphs"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--file-chart-line]"></span>
+                            </span>
+                            <span class="sidebar-text">Graphs</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cGraphs"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="graphs-echarts.html" class="sidebar-collapse-item @@graph_echarts">Echarts</a>
+                                <a href="graphs-map.html" class="sidebar-collapse-item @@graph_map">Map</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cForms"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--file-edit]"></span>
+                            </span>
+                            <span class="sidebar-text">Forms</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cForms"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="forms-input.html" class="sidebar-collapse-item @@form_input">Input</a>
+                                <a href="forms-radio-checkbox.html"
+                                    class="sidebar-collapse-item @@form_radio_checkbox">Radio &
+                                    checkbox</a>
+                                <a href="forms-select.html" class="sidebar-collapse-item @@form_select">Select</a>
+                                <a href="forms-validation.html"
+                                    class="sidebar-collapse-item @@form_validation">Validation</a>
+                                     <a href="forms-autosize.html"
+                                    class="sidebar-collapse-item @@form_autosize">Autosize</a>
+                                    <a href="forms-cleave-js.html"
+                                    class="sidebar-collapse-item @@form_cleave">Cleave Inputs</a>
+                            </div>
+                        </div>
+                    </div>
+                     <div class="static">
+                        <a data-bs-toggle="collapse" href="#cTables"
+                            class="sidebar-link ">
+                            <span class="sidebar-icon">
+                                <span class="icon-[lucide--table]"></span>
+                            </span>
+                            <span class="sidebar-text">Tables</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cTables"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="tables-default.html" class="sidebar-collapse-item @@tables_default">Default</a>
+                                <a href="tables-datatables.html" class="sidebar-collapse-item @@tables_datatables">Datatables</a>
+                            </div>
+                        </div>
+                    </div>
+                     <!--:Menu title:-->
+                    <span class="text-xs text-zinc-400 mt-5 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Others</span>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon text-primary !opacity-100">
+                         <span class="icon-[lucide--eye]"></span>
+                        </span>
+                        <span class="sidebar-text">landing page</span>
+                    </a>
+                    <a href="https://uigator.com/tailwindcss/raven-v2.8.5/demo2/" target="_blank"
+                        class="sidebar-link flex items-center">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--layout]"></span>
+                        </span>
+                        <span class="sidebar-text">Demo 2</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon text-amber-500 !opacity-100">
+                         <span class="icon-[lucide--stars]"></span>
+                        </span>
+                        <span class="sidebar-text">Special Menu</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--list-restart]"></span>
+                        </span>
+                        <span class="sidebar-text">Label Menu</span>
+                        <span class="ms-auto badge bg-sky-500 text-white">Label</span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link flex items-center ">
+                        <span class="sidebar-icon">
+                         <span class="icon-[lucide--panel-left-right-dashed]"></span>
+                        </span>
+                        <span class="sidebar-text">
+                            <span class="block leading-tight">Description</span>
+                        <span class="text-sm text-gray-400 truncate leading-tight">Lorem ipsum dollar sit amet goes here</span>
+                        </span>
+                    </a>
+                    <a href="#!"
+                        class="sidebar-link disabled [.disabled]:pointer-events-none [.disabled]:opacity-70 flex items-center ">
+                        <span class="sidebar-icon !opacity-100">
+                          <span class="icon-[lucide--ban]"></span>
+                        </span>
+                        <span class="sidebar-text">Disabled Menu</span>
+                    </a>
+                    <div class="static">
+                        <a data-bs-toggle="collapse" href="#cMLevels" class="sidebar-link">
+                            <span class="sidebar-icon">
+                              <span class="icon-[lucide--layers]"></span>
+                            </span>
+                            <span class="sidebar-text">Multi level</span>
+                            <span class="icon-[lucide--chevron-up] sidebar-link-arrow"></span>
+                        </a>
+                        <div data-bs-parent="#SidebarCollapseGroup" id="cMLevels"
+                            class="collapse sidebar-collapse ">
+                            <div class="py-1">
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                <a href="#cMLevel2" data-bs-toggle="collapse"
+                                    class="sidebar-collapse-item flex items-center">Level 2
+                                    <span class="icon-[lucide--chevron-up] sidebar-collapse-item-arrow ms-auto"></span></a>
+                                <div class="sidebar-collapse-level-1">
+                                    <div id="cMLevel2"
+                                        class="collapse sidebar-collapse ">
+                                        <div class="py-1">
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                            <a href="#!" class="sidebar-collapse-item">Level 1</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+                <!--:CTA:-->
+                <div class="text-center sidebar-cta pt-4">
+                    <div class="p-4 rounded-xl bg-gradient-to-tr from-blue-500 to-primary">
+                        <img src="images/illustrations/wallet.png" alt="" class="w-16 mx-auto block mb-4">
+                        <h5 class="mb-3 !text-white">
+                            Unlock premium features and elevate your workflow
+                        </h5>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-zinc-700 hover:bg-zinc-100 hover:text-primary">Upgrade to
+                            Pro</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="py-3 px-5 flex flex-col shrink-0">
+            <div class="static">
+                <a data-bs-auto-close="outside" data-bs-offset="10,10" data-bs-boundry="viewport" data-bs-toggle="dropdown"
+                    href="#" class="block">
+                    <div class="flex flex-nowrap items-center gap-3.5 rounded-lg">
+                        <img src="images/avatars/thumb-1.jpg" class="min-w-8 mx-auto block max-w-8 rounded-full shrink-0" alt="">
+                        <div class="flex-grow shrink-0 flex items-center justify-between">
+                            <h6 class="!text-current user-text">Emily Docker</h6>
+
+                        </div>
+                    </div>
+                </a>
+                <div class="dropdown-menu w-54 z-50">
+                    <div class="flex items-center gap-3.5 p-2 mb-2 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                        <img src="images/avatars/thumb-1.jpg" class="w-7 shrink-0 rounded-full shrink-0" alt="">
+                        <div class="flex-grow">
+                            <p class="text-sm text-muted">Signed in as</p>
+                            <p class="text-sm">emily.d@mail.com</p>
+                        </div>
+                        <span class="shrink-0 pl-2">
+                            <span class="icon-[solar--verified-check-bold] text-green-500"></span>
+                        </span>
+                    </div>
+                    <a href="account-profile.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--user]"></span>
+                        </span>Profile</a>
+                    <a href="account-settings.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--settings]"></span>
+                        </span>Settings</a>
+                    <hr class="border-zinc-100 dark:border-zinc-800 my-2">
+                    <a href="auth-signin.html" class="dropdown-item">
+                        <span class="dropdown-icon">
+                            <span class="icon-[lucide--log-out]"></span>
+                        </span>Sign out</a>
+                </div>
+            </div>
+        </div>
+
+    </aside>
+    <main class="flex-1 lg:ms-64 flex flex-col app-content">
+        <div
+          class="bg-zinc-50/80 backdrop-blur-sm dark:bg-zinc-950 flex shrink-0 items-center justify-between px-4 lg:px-8 h-16 z-50 sticky top-0 app-header">
+          <div class="shrink-0 flex items-center space-x-1">
+            <!--:Sidebar toggler:-->
+            <button type="button" data-toggle="app_sidebar" 
+              class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 lg:hidden">
+              <span class="icon-[iconoir--menu] text-lg"></span>
+            </button>
+            <!--:Search:-->
+            <button data-bs-target="#modal_search" data-bs-toggle="modal"
+                class="cursor-pointer relative flex items-center justify-center w-8 h-8 lg:w-auto lg:ps-3 lg:pe-2 lg:bg-white dark:lg:bg-zinc-800 lg:rounded-md rounded-lg hover:bg-zinc-200 lg:hover:bg-white lg:dark:hover:bg-zinc-800 dark:hover:text-white dark:hover:bg-zinc-800 relative">
+                <span class="icon-[lucide--search] text-lg lg:text-base"></span>
+                <span class="text-muted ms-2 hidden lg:flex items-center gap-2">Search <span class="border border-zinc-200 dark:border-zinc-600 block px-1.5 rounded-sm text-sm">Ctrl+k</span></span>
+              </button>
+          </div>
+          <div class="flex items-center space-x-1">
+            <!--:TLang:-->
+              <!--:Theme Lang switcher:-->
+                <div class="relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <img src="images/countries/US.png" class="size-4 rounded-full" alt="">
+                  </button>
+                  <div class="dropdown-menu absolute min-w-36 abslute ltr:right-0 rtl:left-0 top-full z-50 mt-4.5">
+                    <a href="#!" class="dropdown-item active group gap-2.5">
+                        <img src="images/countries/US.png" class="size-5 rounded-full" alt=""> English
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/ES.png" class="size-5 rounded-full" alt=""> Espanol
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                    <a href="#!" class="dropdown-item group gap-2.5">
+                        <img src="images/countries/JP.png" class="size-5 rounded-full" alt=""> Japanese
+                        <span class="icon-[lucide--check] ml-auto hidden group-[.active]:block"></span>
+                    </a>
+                  </div>
+                </div>
+    
+            <!--:Notifications:-->
+                <div class="sm:relative">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800 relative"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--bell] text-lg"></span>
+                    <!--:Notification badge with animation:-->
+                    <span class="absolute right-1 top-1 flex size-2">
+                      <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
+                      <span class="relative inline-flex size-2 rounded-full bg-orange-500"></span>
+                    </span>
+                  </button>
+                  <div class="dropdown-menu absolute w-[94%] left-[3%] sm:w-96 abslute rtl:sm:left-0 ltr:sm:right-0 sm:left-auto top-full z-50 !p-0 mt-0.5 lg:mt-4.5 overflow-hidden">
+                    <div class="px-3 pt-3 flex justify-between items-center">
+                      <h5 class="text-lg">Notifications</h5>
+                      <button type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Mark all as read" class="hover:text-primary cursor-pointer">
+                        <span class="icon-[lucide--mail-open]"></span>
+                      </button>
+                    </div>
+                    <div class="p-3 space-y-0.5 max-h-96 overflow-y-auto" data-simplebar>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--database] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Critical alert:</span> Server crash detected</div>
+                          <small class="text-muted">Just now</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-red-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-2.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal"><span class="h5">Emiliya</span> mentioned in you a comment</div>
+                          <small class="text-muted">1h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-green-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--check] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Backup completed successfully</div>
+                          <small class="text-muted">2h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-cyan-500 text-white flex items-center justify-center shrink-0">
+                         <span class="icon-[lucide--user] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">Profile updated successfully</div>
+                          <small class="text-muted">3h</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-yellow-500 text-white flex items-center justify-center shrink-0">
+                          <img alt="" src="images/avatars/thumb-3.jpg" class="size-8 shrink-0 rounded-full">
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal mb-1"><span class="h5">Nikita</span> sent you a friend request</div>
+                          <div><span
+                              class="btn relative z-[1] cursor-pointer btn-sm !text-xs !py-1 bg-green-500 hover:bg-green-600 text-white">Accept</span>
+                          </div>
+                          <small class="text-muted">2d</small>
+                        </div>
+                      </a>
+                      <!--:Notification item:-->
+                      <a href="#!" class="px-3 py-2 gap-3 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex">
+                        <span class="size-8 rounded-full bg-primary text-white flex items-center justify-center shrink-0">
+                          <span class="icon-[lucide--component] text-lg"></span>
+                        </span>
+                        <div class="flex-grow">
+                          <div class="leading-normal">API updated</div>
+                          <small class="text-muted">3d</small>
+                        </div>
+                      </a>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+    
+            <!--:Apps:-->
+                <div class="lg:relative hidden lg:block">
+                  <button data-bs-auto-close="outside" type="button"
+                    class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                    data-bs-toggle="dropdown" data-bs-display="static">
+                    <span class="icon-[lucide--component] text-lg"></span>
+                  </button>
+                  <div class="dropdown-menu absolute w-56 abslute ltr:right-5 ltr:lg:right-0 rtl:lg:left-0 rtl:left-5 top-full z-50 !p-0 lg:mt-4.5">
+                    <div class="flex flex-wrap p-2">
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/mailchimp.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Mailchimp</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-analytics.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span class="truncate block">Analytics</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/google-webdev.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>WebDev</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/jira.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Jira</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/gitlab.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Gitlab</span>
+                        </a>
+                      </div>
+                      <div class="text-center w-1/2 p-2">
+                        <a href="#!" class="p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700 flex flex-col">
+                          <img alt="" src="images/brands/evernote.svg" class="h-6 w-auto block mx-auto mb-2">
+                          <span>Evernote</span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="px-4 py-2.5 text-center border-t border-zinc-100 dark:border-zinc-800">
+                      <a href="#!"
+                        class="inline-block border-b border-dashed text-primary font-semibold hover:text-primary-deep text-sm">View
+                        All</a>
+                    </div>
+                  </div>
+                </div>
+            <!--:Theme color switcher:-->
+            <div class="relative">
+              <button type="button"
+                class="cursor-pointer relative flex items-center justify-center size-8 rounded-lg hover:bg-zinc-200 hover:text-black dark:hover:text-white dark:hover:bg-zinc-800"
+                data-bs-toggle="dropdown" data-bs-display="static" data-bs-auto-close="outside">
+                <span class="icon-[lucide--settings] text-lg"></span>
+              </button>
+              <div class="dropdown-menu absolute min-w-56 abslute ltr:right-0 rtl:left-0 top-full z-50 !p-2 mt-4.5">
+                <div class="mb-3 px-3 pt-2">
+                  <h5>Theme</h5>
+                </div>
+
+                <div class="flex flex-wrap px-3 pb-2 gap-2">
+                  <button id="indigoTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #636DFF;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="navyTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #0E6DD9;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="emeraldTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #049772;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                  <button id="purpleTheme" class="theme-switcher cursor-pointer">
+                    <span class="flex items-center justify-center size-7 rounded-full text-white"
+                      style="background-color: #D300C5;">
+                      <span class="icon-[lucide--check] theme-check text-lg"></span>
+                    </span>
+                  </button>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label class="flex items-center cursor-pointer dropdown-item">
+                    <span class="icon-[lucide--sun-moon] me-1"></span>
+                    <span class="flex-grow text-sm me-2">Dark mode</span>
+                    <input class="input-switch" data-theme-switch="dark" name="check_theme" type="checkbox" value="1">
+                  </label>
+                </div>
+                <div class="pt-2 mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                  <label for="toggleRTL" class="flex items-center justify-between cursor-pointer dropdown-item">
+                    <span class="text-sm">Enable RTL</span>
+                    <input type="checkbox" class="input-switch" id="toggleRTL" />
+                  </label>
+      
+                </div>
+                <div class="pt-2 dark:hidden mt-2 border-t border-dashed border-zinc-200 dark:border-zinc-700">
+                        <h5 class="px-3 mb-2">Sidebar</h5>
+                        <div class="radio-group flex items-center">
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarLight" name="sidebarTheme" value="light" checked>
+                                <label for="sidebarLight" class="block text-center cursor-pointer sidebar-label">
+                                  <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                    <span class="w-6 h-full bg-white rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Light
+                                  </span>
+                                </label>
+                            </div>
+                            <div class="radio-option flex-grow">
+                                <input class="appearance-none hidden" type="radio" id="sidebarDark" name="sidebarTheme" value="dark">
+                                <label for="sidebarDark" class="block text-center cursor-pointer sidebar-label">
+                                   <span class="w-24 h-16 mb-2 overflow-hidden flex mx-auto p-1 rounded-sm bg-zinc-100 dark:bg-zinc-950 border border-dashed border-zinc-200">
+                                     <span class="w-6 h-full bg-zinc-900 rounded-sm"></span>
+                                  </span>
+                                  <span class="block text-sm text-zinc-400">
+                                    Dark
+                                  </span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <!--:Search Modal:-->
+        <div id="modal_search" role="dialog" class="modal fade fixed w-full h-full left-0 top-0 z-[60]"
+          tabindex="-1">
+          <div class="modal-dialog relative m-4 pointer-events-none">
+            <!--:Content:-->
+            <div class="modal-content max-w-[30rem] mx-auto bg-white dark:bg-zinc-900 rounded-xl w-full pointer-events-auto">
+              <div class="relative">
+                <span
+                  class="pointer-events-none text-base absolute rtl:right-3 ltr:left-3 top-1/2 -translate-y-1/2 opacity-50 leading-none">
+                  <span class="icon-[lucide--search] text-lg"></span>
+                </span>
+                <button type="button"
+                  class="absolute rtl:left-0 ltr:right-0 top-1/2 -translate-y-1/2 w-8 text-center me-3 cursor-pointer text-sm text-muted"
+                  data-bs-dismiss="modal">
+                  Esc
+                </button>
+                <input name="search" type="text"
+                  class="w-full pl-4 !pl-9 !pr-10 py-2 h-12 focus:outline-0 rounded-t-xl border-0" placeholder="Search..."
+                  autofocus />
+              </div>
+              <!--:Search results:-->
+              <div class="border-t border-zinc-200 dark:border-zinc-800 max-h-[340px]" data-simplebar>
+                <h5 class="mb-2 px-4 pt-4 text-muted">Recently Browses</h5>
+                <ul class="flex flex-col pb-2">
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Apps</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Api</span>
+                  </li>
+                  <li class="flex items-center gap-1 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="bg-zinc-500 opacity-25 block size-1.5 me-1 rounded-full"></span>
+                    <span>Dashboard</span>
+                    <span class="icon-[lucide--chevron-right] opacity-50"></span>
+                    <span>Marketing</span>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Memebers</h5>
+                <ul class="divide-y pb-2 px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Ethan Smith</a>
+                        <span class="text-sm text-muted">Backend Developer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Isabella Garcia</a>
+                        <span class="text-sm text-muted">Digital Marketer</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="flex items-center py-3 justify-between gap-2.5">
+                    <div class="flex items-center gap-2.5">
+                      <div class="shrink-0">
+                        <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                      </div>
+                      <div class="flex flex-col gap-0.5">
+                        <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary" href="#">Noah Walker</a>
+                        <span class="text-sm text-muted">Full Stack Developer</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <hr class="border-zinc-200 dark:border-zinc-800">
+                <h5 class="mb-2 px-4 pt-4 text-muted">Filters</h5>
+                <ul class="flex flex-col pb-4">
+                  <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-amber-500/20 text-amber-500">customers:</span>
+                                  <div class="flex-1 fs-10 title">All customers list</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-green-500/20 text-green-500">products:</span>
+                                  <div class="flex-1 fs-10 title">Bestselling products</div>
+                  </li>
+                   <li class="flex items-center gap-2 cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800 px-4 py-2">
+                    <span class="badge bg-sky-500/20 text-sky-500">events:</span>
+                                  <div class="flex-1 fs-10 title">All upcoming events</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--:Page Header:-->
+        <div class="px-4 lg:px-8 py-4">
+            <h4 class="text-xl mb-2">Widgets</h4>
+            <p class="text-muted">
+                Exclusive bonus cards for your next project, Choose any and integrate seamlessly wherever you need.
+            </p>
+        </div>
+
+        <!--:Page content:-->
+        <div class="content relative lg:px-4 flex-grow">
+            <!--:Prelaoder:-->
+            <div id="preloader" class="absolute inset-0 w-full h-[75vh] flex items-center justify-center z-50">
+                <div class="size-12 bg-white shadow-xl rounded-full flex items-center justify-center">
+                    <div class="animate-spin rounded-full size-10 border-b-2 border-primary"></div>
+                </div>
+            </div>
+
+            <div class="px-4 mb-4">
+                <div class="border border-dashed border-zinc-200 dark:border-zinc-800 rounded-xl py-4">
+                    <p class="px-4 mb-3">POS Cards</p>
+                    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 px-4">
+                        <div>
+                            <!--:Card:-->
+                            <div class="rounded-xl group relative bg-white dark:bg-zinc-900 shadow-card text-center">
+                                <img src="images/restaurant/popular5.jpg" class="max-w-full rounded-t-xl mx-auto"
+                                    alt="">
+                                <div class="p-4">
+                                    <h5 class="text-lg mb-2">Grilled Steaks</h5>
+                                    <p class="text-red-500">$9.99</p>
+                                </div>
+                                <!--:Card overlay:-->
+                                <ul class="flex flex-col absolute end-5 top-5 gap-2">
+                                    <li
+                                        class="transition-all duration-200 translate-x-5 opacity-0 group-hover:opacity-100 group-hover:translate-x-0">
+                                        <button type="button"
+                                            class="size-8 flex items-center justify-center bg-zinc-700 text-white rounded-full cursor-pointer hover:bg-zinc-800">
+                                            <span class="icon-[lucide--edit-2] text-lg"></span>
+                                        </button>
+                                    </li>
+                                    <li
+                                        class="transition-all duration-200 translate-x-5 opacity-0 group-hover:opacity-100 group-hover:translate-x-0 delay-100">
+                                        <button type="button"
+                                            class="size-8 flex items-center justify-center bg-zinc-700 text-white rounded-full cursor-pointer hover:bg-zinc-800">
+                                            <span class="icon-[lucide--trash-2] text-lg"></span>
+                                        </button>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div>
+                            <h6 class="flex items-center mb-3 gap-1"><span class="icon-[lucide--shopping-bag]"></span>
+                                Order #27</h6>
+                                <!--:Order card:-->
+                            <div class="rounded-xl mb-4 p-4 group relative bg-white dark:bg-zinc-900 shadow-card">
+                                <div class="flex items-start gap-4">
+                                    <img src="images/restaurant/popular3.jpg" class="w-12 h-auto rounded-lg shrink-0" alt="">
+                                    <div class="flex-grow mb-4 overflow-hidden">
+                                        <h6 class="truncate mb-0.5">Fresh basil salad</h6>
+                                        <p>
+                                            $10 x 2 = <span class="font-semibold text-primary">$20</span>
+                                        </p>
+                                    </div>
+                                    <div class="shrink-0">
+                                        <button type="button"
+                                            class="text-zinc-400 hover:text-red-500 cursor-pointer">
+                                            <span class="icon-[lucide--trash-2]"></span>
+                                        </button>
+                                    </div>
+                                </div>
+                                <div class="flex items-center gap-4">
+                                    <!--:QTY:-->
+                                    <div class="flex items-center gap-2 shrink-0 flex-grow">
+                                        <button
+                                            class="size-5 flex items-center justify-center cursor-pointer rounded-full bg-zinc-200 hover:bg-zinc-300 dark:bg-zinc-600 dark:hover:bg-zinc-700"
+                                            type="button" role="button">
+                                            <span class="icon-[lucide--minus]"></span>
+                                        </button>
+                                        <input type="text" readonly class="w-3.5 text-center p-0 block outline-0"
+                                            value="2" min="1" max="9">
+                                        <button
+                                            class="size-5 flex items-center justify-center cursor-pointer rounded-full bg-zinc-200 hover:bg-zinc-300 dark:bg-zinc-600 dark:hover:bg-zinc-700"
+                                            type="button" role="button">
+                                            <span class="icon-[lucide--plus]"></span>
+                                        </button>
+                                    </div>
+                                    <!--:Notes:-->
+                                    <button type="button" role="button"
+                                        class="btn btn-sm btn-default gap-1">
+                                        <span class="icon-[lucide--clipboard-edit]"></span> Add notes
+                                    </button>
+                                </div>
+                            </div>
+                             <!--:Order card:-->
+                            <div class="rounded-xl p-4 group relative bg-white dark:bg-zinc-900 shadow-card">
+                                <div class="flex items-start gap-4">
+                                    <img src="images/restaurant/popular4.jpg" class="w-12 h-auto rounded-lg shrink-0" alt="">
+                                    <div class="flex-grow mb-4 overflow-hidden">
+                                        <h6 class="truncate mb-0.5">Cheese Burger
+                                                    Combo</h6>
+                                        <p>
+                                            $9.99 x 2 = <span class="font-semibold text-primary">$19.98</span>
+                                        </p>
+                                    </div>
+                                    <div class="shrink-0">
+                                        <button type="button"
+                                            class="text-zinc-400 hover:text-red-500 cursor-pointer">
+                                            <span class="icon-[lucide--trash-2]"></span>
+                                        </button>
+                                    </div>
+                                </div>
+                                <div class="flex items-center gap-4">
+                                    <!--:QTY:-->
+                                    <div class="flex items-center gap-2 shrink-0 flex-grow">
+                                        <button
+                                            class="size-5 flex items-center justify-center cursor-pointer rounded-full bg-zinc-200 hover:bg-zinc-300 dark:bg-zinc-600 dark:hover:bg-zinc-700"
+                                            type="button" role="button">
+                                            <span class="icon-[lucide--minus]"></span>
+                                        </button>
+                                        <input type="text" readonly class="w-3.5 text-center p-0 block outline-0"
+                                            value="2" min="1" max="9">
+                                        <button
+                                            class="size-5 flex items-center justify-center cursor-pointer rounded-full bg-zinc-200 hover:bg-zinc-300 dark:bg-zinc-600 dark:hover:bg-zinc-700"
+                                            type="button" role="button">
+                                            <span class="icon-[lucide--plus]"></span>
+                                        </button>
+                                    </div>
+                                    <!--:Notes:-->
+                                    <button type="button" role="button"
+                                        class="btn btn-sm btn-default gap-1">
+                                        <span class="icon-[lucide--clipboard-edit]"></span> Add notes
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                        <div>
+                            <div class="rounded-xl p-4 group relative bg-white dark:bg-zinc-900 shadow-card">
+                                <ul class="divide-y divide-zinc-100 dark:divide-zinc-800">
+                                    <li class="py-2 flex items-center justify-between">
+                                        <span>Subtotal:</span>
+                                        <span>$44.98</span>
+                                    </li>
+                                    <li class="py-2 flex items-center justify-between">
+                                        <span>Product discount:</span>
+                                        <span>$10.00</span>
+                                    </li>
+                                    <li class="py-2 flex items-center justify-between">
+                                        <span>Coupon discount:</span>
+                                        <span class="flex items-center gap-2">
+                                            <a href="#!">
+                                            <span class="icon-[lucide--edit-2] text-sm"></span>
+                                        </a> 
+                                        $0.00</span>
+                                    </li>
+                                    <li class="py-2 flex items-center justify-between">
+                                        <h6>Total:</h6>
+                                        <h6>$34.98</h6>
+                                    </li>
+                                    <li class="py-2 flex gap-2 items-center">
+                                        <button type="button" class="btn btn-sm bg-primary text-white hover:bg-primary-deep flex-grow cursor-pointer">
+                                            Bill & payment
+                                        </button>
+                                        <button type="button" class="btn btn-sm bg-zinc-700 text-white hover:bg-zinc-800 flex-grow cursor-pointer">
+                                            Print
+                                        </button>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+
+            <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 mb-4 px-4">
+
+                <div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <!--:Card header:-->
+                        <div class="flex items-center justify-between gap-4 p-4">
+                            <h5 class="truncate text-lg">
+                                Team Designers
+                            </h5>
+                            <!--:dropdown:-->
+                            <div class="relative">
+                                <button
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                    <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-36 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--eye] dropdown-icon"></span> View
+                                    </a>
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--edit] dropdown-icon"></span> Edit
+                                    </a>
+                                    <a href="#!" class="dropdown-item !text-red-500">
+                                        <span class="icon-[lucide--trash] dropdown-icon"></span> Delete
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Team members:-->
+                        <div class="px-4 pb-4">
+                            <span class="text-zinc-400 text-sm block mb-2">6 memebers</span>
+                            <div class="flex items-center -space-x-3 shrink-0">
+                                <img data-bs-toggle="tooltip" data-bs-title="Emily" src="images/avatars/thumb-1.jpg"
+                                    class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                <img data-bs-toggle="tooltip" data-bs-title="Nikkita" src="images/avatars/thumb-2.jpg"
+                                    class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                <img data-bs-toggle="tooltip" data-bs-title="John" src="images/avatars/thumb-9.jpg"
+                                    class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                <img data-bs-toggle="tooltip" data-bs-title="Emily" src="images/avatars/thumb-5.jpg"
+                                    class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                <img data-bs-toggle="tooltip" data-bs-title="Nikkita" src="images/avatars/thumb-7.jpg"
+                                    class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                <img data-bs-toggle="tooltip" data-bs-title="John" src="images/avatars/thumb-10.jpg"
+                                    class="size-8 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                            </div>
+                        </div>
+                        <!--:About team:-->
+                        <div class="px-4 pb-4">
+                            <span class="text-zinc-400 text-sm block mb-1">About team</span>
+                            <p>
+                                Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                                industries for previewing layouts and visual mockups.
+                            </p>
+                        </div>
+                        <!--:About team:-->
+                        <div class="px-4 pb-4">
+                            <div class="flex items-center gap-4">
+                                <div
+                                    class="p-3 rounded-lg flex-grow border border-dashed border-zinc-200 dark:border-zinc-800">
+                                    <span class="text-sm text-zinc-400">Projects</span>
+                                    <h5 class="text-lg">5</h5>
+                                </div>
+                                <div
+                                    class="p-3 rounded-lg flex-grow border border-dashed border-zinc-200 dark:border-zinc-800">
+                                    <span class="text-sm text-zinc-400">Budget</span>
+                                    <h5 class="text-lg">$768K</h5>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Progress:-->
+                        <div class="px-4 pb-4">
+                            <div class="flex items-center justify-between gap-2 mb-2 text-sm">
+                                <p>Overall progress</p>
+                                <span class="text-primary font-semibold">
+                                    65%
+                                </span>
+                            </div>
+                            <!--:Progress:-->
+                            <div class="h-1.5 bg-primary-subtle rounded-full flex-grow">
+                                <div class="progress-bg h-1.5 bg-primary rounded-full" style="width: 65%;">
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Action:-->
+                        <div class="flex items-center justify-between gap-4 px-4 pb-4">
+                            <span class="text-zinc-400 text-sm"><span class="icon-[lucide--history]"></span> Updated 3h
+                                ago</span>
+                            <a href="#!" class="btn btn-sm bg-primary text-white hover:bg-primary-deep">View details</a>
+                        </div>
+                    </div>
+                </div>
+                <div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <!--:Card header:-->
+                        <div class="flex items-center gap-4 p-4">
+                            <div class="shrink-0">
+                                <img src="images/brands/figma.svg" class="w-10 h-auto" alt="">
+                            </div>
+                            <div class="flex-grow">
+                                <h5 class="truncate text-lg mb-1">
+                                    Figma inc.
+                                </h5>
+                                <span class="flex items-center gap-2 text-sm">
+                                    <span class="text-zinc-400 flex items-center gap-1">
+                                        <span class="icon-[tabler--star-filled] text-amber-500"></span>4.5
+                                    </span>
+                                    <span class="text-zinc-400">274.5K Reviews</span>
+                                </span>
+
+                            </div>
+                            <!--:dropdown:-->
+                            <div class="relative shrink-0">
+                                <button
+                                    class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                    type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                                    <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                </button>
+                                <div class="dropdown-menu z-50 absolute min-w-36 top-full !end-0 !start-auto">
+                                    <a href="#!" class="dropdown-item">
+                                        <span class="icon-[lucide--eye] dropdown-icon"></span> View details
+                                    </a>
+                                    <a href="#!" class="dropdown-item !text-red-500">
+                                        <span class="icon-[lucide--trash] dropdown-icon"></span> Remove
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Company info:-->
+                        <ul class="px-4 pb-4 gap-3 flex flex-col">
+                            <li class="flex items-center gap-2">
+                                <span class="icon-[lucide--map-pin] text-zinc-400"></span>
+                                <span>Austin, Texas, United States</span>
+                            </li>
+                            <li class="flex items-center gap-2">
+                                <span class="icon-[lucide--briefcase-business] text-zinc-400"></span>
+                                <span>Technology</span>
+                            </li>
+                            <li class="flex items-center gap-2">
+                                <span class="icon-[lucide--users] text-zinc-400"></span>
+                                <span>120,000 employees</span>
+                            </li>
+                            <li class="flex items-center gap-2">
+                                <span class="icon-[lucide--code] text-zinc-400"></span>
+                                <span>Java, Python, C++</span>
+                            </li>
+                        </ul>
+                        <!--:About company:-->
+                        <div class="px-4 pb-4">
+                            <hr class="mb-3 border-dashed border-zinc-200 dark:border-zinc-800">
+                            <p>
+                                Figma is the leading collaborative design platform for building meaningful products.
+                                Design, prototype, and build products faster—while gathering feedback...
+                                <a href="#!" class="text-primary">Read more</a>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4 px-4">
+                <div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="px-4 pt-4 flex items-center justify-between">
+                            <h5 class="text-lg">Task completion rate</h5>
+                            <a href="#!"
+                                class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                <span class="icon-[lucide--arrow-up-right]"></span>
+                            </a>
+                        </div>
+                        <div class="p-4">
+                            <div class="flex items-center mb-3 gap-3.5 justify-between">
+                                <div class="flex-grow">
+                                    <div class="flex items-end gap-2 mb-3">
+                                        <h5 class="text-2xl leading-none">92%</h5>
+                                        <span class="flex items-center text-sm text-green-500">
+                                            <span class="icon-[lucide--chevron-up]"></span>
+                                            <span>12%</span>
+                                        </span>
+                                    </div>
+                                    <!--:Progress:-->
+                                    <div class="h-1.5 bg-green-500/10 rounded-full flex-grow">
+                                        <div class="progress-bg h-1.5 bg-green-500 rounded-full" style="width: 92%;">
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="shrink-0">
+                                    <div class="flex items-center -space-x-3 shrink-0">
+                                        <img alt="" data-bs-toggle="tooltip" data-bs-title="Nikkita"
+                                            src="images/avatars/thumb-2.jpg"
+                                            class="size-6 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                        <img alt="" data-bs-toggle="tooltip" data-bs-title="John"
+                                            src="images/avatars/thumb-9.jpg"
+                                            class="size-6 border-2 border-white dark:border-zinc-900 rounded-full relative">
+                                        <span data-bs-toggle="tooltip" data-bs-title="3 more members"
+                                            class="size-6 flex items-center justify-center bg-zinc-500 text-white border-2 borderwhite dark:border-zinc-900 rounded-full relative text-xs">+3</span>
+                                    </div>
+                                </div>
+                            </div>
+                            <p class="text-sm">Almost all tasks completed on time.</p>
+                        </div>
+                    </div>
+                </div>
+                <div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="px-4 pt-4 flex items-center justify-between">
+                            <h5 class="text-lg">Sales target</h5>
+                            <a href="#!"
+                                class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                <span class="icon-[lucide--arrow-up-right]"></span>
+                            </a>
+                        </div>
+                        <div class="p-4">
+                            <div class="flex items-center gap-3.5 justify-between">
+                                <div class="shrink-0">
+                                    <!--:Progress Circle:-->
+                                    <div class="relative w-14 h-14" data-progress="40" data-show-value="true">
+                                        <!-- Background circle -->
+                                        <svg class="w-14 h-14 transform -rotate-90" viewBox="0 0 100 100">
+                                            <circle class="text-primary-subtle" stroke-width="6" stroke="currentColor"
+                                                fill="transparent" r="45" cx="50" cy="50" />
+                                            <circle class="text-primary progress-ring" stroke-width="6"
+                                                stroke="currentColor" fill="transparent" r="45" cx="50" cy="50"
+                                                stroke-linecap="round"
+                                                style="stroke-dasharray: 282.6; stroke-dashoffset: 282.6; transition: stroke-dashoffset 1s ease;" />
+                                        </svg>
+                                        <!--:Label:-->
+                                        <span
+                                            class="absolute inset-0 flex items-center justify-center text-sm value-label hidden">0%</span>
+                                    </div>
+                                </div>
+                                <div class="flex-grow">
+                                    <h5 class="text-2xl mb-2">
+                                        <span>1970</span>/<span class="text-zinc-400">5000</span>
+                                    </h5>
+                                    <p class="text-sm">Less than
+                                        <span class="text-green-500">40%</span> of your sales target will be achieved.
+                                    </p>
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+                <div>
+                    <!--:Card:-->
+                    <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                        <div class="px-4 pt-4 flex items-center justify-between">
+                            <h5 class="text-lg">Conversion rate</h5>
+                            <a href="#!"
+                                class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                <span class="icon-[lucide--arrow-up-right]"></span>
+                            </a>
+                        </div>
+                        <div class="p-4">
+                            <!--:Progress:-->
+                            <div class="h-2.5 gap-1 rounded-sm flex items-center w-full mb-4">
+                                <div class="progress-bg h-2.5 bg-primary rounded-s-sm flex-grow" style="width: 73.3%;">
+                                </div>
+                                <div class="progress-bg h-2.5 bg-sky-500 rounded-e-sm flex-grow" style="width: 26.7%;">
+                                </div>
+                            </div>
+                            <!--:Item:-->
+                            <div class="flex items-center justify-between mb-2">
+                                <div class="flex items-center gap-2">
+                                    <span class="bg-primary w-1 h-3.5 rounded-sm"></span>
+                                    <h6>75.3%</h6>
+                                    <span class="flex items-center text-sm text-green-500">
+                                        <span class="icon-[lucide--chevron-up]"></span>
+                                        <span>1.4%</span>
+                                    </span>
+                                </div>
+                                <div class="shrink-0">
+                                    <p class="text-sm">678K visitors</p>
+                                </div>
+                            </div>
+                            <!--:Item:-->
+                            <div class="flex items-center justify-between">
+                                <div class="flex items-center gap-2">
+                                    <span class="bg-sky-500 w-1 h-3.5 rounded-sm"></span>
+                                    <h6>24.7%</h6>
+                                    <span class="flex items-center text-sm text-green-500">
+                                        <span class="icon-[lucide--chevron-up]"></span>
+                                        <span>0.4%</span>
+                                    </span>
+                                </div>
+                                <div class="shrink-0">
+                                    <p class="text-sm">167.4K product sales</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4 mb-4 grid grid-cols-1 md:grid-cols-2 gap-4">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4 sm:p-6 text-center">
+                    <img src="images/illustrations/multi.svg" alt="" class="block mb-6 w-48 h-auto mx-auto">
+                    <h5 class="text-xl mb-2">Earn referral income</h5>
+                    <p class="text-muted mb-6">
+                        Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries
+                        for previewing layouts.
+                    </p>
+                    <div class="flex items-center flex-wrap justify-center gap-4">
+                        <button type="button" class="btn bg-primary text-white hover:bg-primary-deep">Reffer to a
+                            friend</button>
+                        <button type="button" class="text-primary cursor-pointer flex items-center gap-2">
+                            Learn more about<span class="icon-[lucide--external-link]"></span>
+                        </button>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                    <div class="px-4 pt-4 pb-1.5 flex items-center justify-between">
+                        <h5 class="text-lg">FAQs</h5>
+                    </div>
+                    <div class="divide-y px-4 divide-zinc-100 dark:divide-zinc-900" id="accordionExample">
+                        <!--:Collapse item:-->
+                        <div class="collapse-item">
+                            <button class="flex w-full items-center justify-between cursor-pointer py-2.5" type="button"
+                                data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true"
+                                aria-controls="collapseOne">
+                                <span class="flex-grow truncate text-start block h5">Can these templates be integrated
+                                    with other
+                                    frameworks?</span>
+                                <span
+                                    class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-4 flex items-center justify-center"></span>
+                            </button>
+                            <div id="collapseOne" class="collapse show" data-bs-parent="#accordionExample">
+                                <div class="pb-4">
+                                    Nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                                    cillum
+                                    dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
+                                    sunt in
+                                    culpa qui officia deserunt mollit anim id est laborum.
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Collapse item:-->
+                        <div class="collapse-item">
+                            <button class="flex w-full items-center justify-between cursor-pointer py-2.5 collapsed"
+                                type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo"
+                                aria-expanded="false" aria-controls="collapseTwo">
+                                <span class="flex-grow truncate text-start h5 block">Are the templates fully responsive
+                                    and
+                                    mobile-friendly?</span>
+                                <span
+                                    class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-4 flex items-center justify-center"></span>
+                            </button>
+                            <div id="collapseTwo" class="accordion-collapse collapse"
+                                data-bs-parent="#accordionExample">
+                                <div class="pb-4">
+                                    Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                                    cillum
+                                    dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
+                                    sunt in
+                                    culpa qui officia deserunt mollit anim id est laborum.
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Collapse item:-->
+                        <div class="collapse-item">
+                            <button class="flex w-full items-center justify-between cursor-pointer py-2.5 collapsed"
+                                type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree"
+                                aria-expanded="false" aria-controls="collapseThree">
+                                <span class="flex-grow truncate text-start h5 block">Can I customize the colors, fonts,
+                                    and
+                                    layouts?</span>
+                                <span
+                                    class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-4 flex items-center justify-center"></span>
+                            </button>
+                            <div id="collapseThree" class="accordion-collapse collapse"
+                                data-bs-parent="#accordionExample">
+                                <div class="pb-4">
+                                    Veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                                    cillum
+                                    dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
+                                    sunt in
+                                    culpa qui officia deserunt mollit anim id est laborum.
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Collapse item:-->
+                        <div class="collapse-item">
+                            <button class="flex w-full items-center justify-between cursor-pointer py-2.5 collapsed"
+                                type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour"
+                                aria-expanded="false" aria-controls="collapseFour">
+                                <span class="flex-grow truncate text-start block h5">Do I need prior coding
+                                    knowledge?</span>
+                                <span
+                                    class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-4 flex items-center justify-center"></span>
+                            </button>
+                            <div id="collapseFour" class="accordion-collapse collapse"
+                                data-bs-parent="#accordionExample">
+                                <div class="pb-4">
+                                    Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                                    cillum
+                                    dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
+                                    sunt in
+                                    culpa qui officia deserunt mollit anim id est laborum.
+                                </div>
+                            </div>
+                        </div>
+                        <!--:Collapse item:-->
+                        <div class="collapse-item">
+                            <button class="flex w-full items-center justify-between cursor-pointer py-2.5 collapsed"
+                                type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive"
+                                aria-expanded="false" aria-controls="collapseFive">
+                                <span class="flex-grow truncate text-start block h5">What type of license is included
+                                    with this
+                                    template?</span>
+                                <span
+                                    class="icon-[lucide--chevron-up] collapse-arrow shrink-0 size-4 flex items-center justify-center"></span>
+                            </button>
+                            <div id="collapseFive" class="accordion-collapse collapse"
+                                data-bs-parent="#accordionExample">
+                                <div class="pb-4">
+                                    Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                                    cillum
+                                    dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
+                                    sunt in
+                                    culpa qui officia deserunt mollit anim id est laborum.
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+
+            <div class="px-4">
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                    <div class="grid grid-cols-1 p-2 md:grid-cols-4">
+                        <!--:Card:-->
+                        <div class="flex items-center gap-3.5 p-4">
+                            <div
+                                class="flex items-center justify-center p-4 rounded-lg shrink-0 bg-red-500/10 text-red-500">
+                                <span class="icon-[lucide--shopping-bag] text-xl"></span>
+                            </div>
+                            <div class="flex-grow">
+                                <p class="mb-1">Orders completed</p>
+                                <h5 class="text-xl !text-red-500">23,849</h5>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="flex items-center gap-3.5 p-4">
+                            <div
+                                class="flex items-center justify-center p-4 rounded-lg shrink-0 bg-sky-500/10 text-sky-500">
+                                <span class="icon-[lucide--dollar-sign] text-xl"></span>
+                            </div>
+                            <div class="flex-grow">
+                                <p class="mb-1">Revenue made</p>
+                                <h5 class="text-xl !text-blue-500">$887,654</h5>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="flex items-center gap-3.5 p-4">
+                            <div
+                                class="flex items-center justify-center p-4 rounded-lg shrink-0 bg-primary/20 text-primary">
+                                <span class="icon-[lucide--mouse-pointer-2] text-xl"></span>
+                            </div>
+                            <div class="flex-grow">
+                                <p class="mb-1">Impression</p>
+                                <h5 class="text-xl !text-primary">2,523,849</h5>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="flex items-center gap-3.5 p-4">
+                            <div
+                                class="flex items-center justify-center p-4 rounded-lg shrink-0 bg-yellow-500/20 text-yellow-500">
+                                <span class="icon-[lucide--truck] text-xl"></span>
+                            </div>
+                            <div class="flex-grow">
+                                <p class="mb-1">Returns</p>
+                                <h5 class="text-xl !text-yellow-500">23,321</h5>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-4 px-4 mb-4">
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4">
+                    <div class="flex items-center justify-between">
+                        <p class="mb-1">Visitor</p>
+                        <!--:Icon:-->
+                        <span
+                            class="text-lg size-12 bg-sky-500/10 text-sky-500 !flex items-center justify-center rounded-full">
+                            <span class="icon-[lucide--users]"></span>
+                        </span>
+                    </div>
+                    <div>
+                        <h4 class="text-xl mb-1">149,328</h4>
+                        <p class="text-sm text-muted">
+                            <span class="text-green-500">+5.2%</span>
+                            vs last month
+                        </p>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4">
+                    <div class="flex items-center justify-between">
+                        <p class="mb-1">Conversion rate</p>
+                        <!--:Icon:-->
+                        <span
+                            class="text-lg size-12 bg-primary/20 text-primary !flex items-center justify-center rounded-full">
+                            <span class="icon-[lucide--dollar-sign]"></span>
+                        </span>
+                    </div>
+                    <div>
+                        <h4 class="text-xl mb-1">12.5%</h4>
+                        <p class="text-sm text-muted">
+                            <span class="text-red-500">-0.2%</span>
+                            vs last month
+                        </p>
+                    </div>
+                </div>
+                <!--:Card:-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-4">
+                    <div class="flex items-center justify-between">
+                        <p class="mb-1">Ad campaign clicks</p>
+                        <!--:Icon:-->
+                        <span
+                            class="text-lg size-12 bg-red-500/10 text-red-500 !flex items-center justify-center rounded-full">
+                            <span class="icon-[lucide--mouse-pointer-2] text-xl"></span>
+                        </span>
+                    </div>
+                    <div>
+                        <h4 class="text-xl mb-1">17,333</h4>
+                        <p class="text-sm text-muted">
+                            <span class="text-green-500">+2.5%</span>
+                            vs last month
+                        </p>
+                    </div>
+                </div>
+            </div>
+
+            <div class="px-4">
+                <div class="mb-4 p-4 rounded-xl bg-white dark:bg-zinc-900 shadow-card overflow-hidden">
+                    <div class="mb-2.5 flex items-center justify-between">
+                        <h5 class="text-lg">KPI summary</h5>
+                    </div>
+                    <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
+
+                        <!--:Card:-->
+                        <div class="overflow-hidden p-4 bg-zinc-50 dark:bg-white/3 rounded-xl">
+                            <div
+                                class="flex items-center justify-center mb-3 size-12 flex rounded-full shrink-0 bg-yellow-500 text-white">
+                                <span class="icon-[lucide--dollar-sign] text-xl"></span>
+                            </div>
+                            <p class="mb-2">Total spend</p>
+                            <h5 class="text-xl mb-2">394,858</h5>
+                            <span class="text-xs text-muted flex items-center gap-1"><span
+                                    class="text-green-500">+5%</span>vs last
+                                year</span>
+                        </div>
+                        <!--:Card:-->
+                        <div class="overflow-hidden p-4 bg-zinc-50 dark:bg-white/3 rounded-xl">
+                            <div
+                                class="flex items-center justify-center mb-3 size-12 flex rounded-full shrink-0 bg-primary text-white">
+                                <span class="icon-[lucide--refresh-ccw-dot] text-xl"></span>
+                            </div>
+                            <p class="mb-2">ROI</p>
+                            <h5 class="text-xl mb-2">67%</h5>
+                            <span class="text-xs text-muted flex items-center gap-1"><span
+                                    class="text-green-500">+2.3%</span>vs
+                                last year</span>
+                        </div>
+                        <!--:Card:-->
+                        <div class="overflow-hidden p-4 bg-zinc-50 dark:bg-white/3 rounded-xl">
+                            <div
+                                class="flex items-center justify-center mb-3 size-12 flex rounded-full shrink-0 bg-blue-500 text-white">
+                                <span class="icon-[lucide--percent] text-xl"></span>
+                            </div>
+                            <p class="mb-2">Conversion rates</p>
+                            <h5 class="text-xl mb-2">6.5%</h5>
+                            <span class="text-xs text-muted flex items-center gap-1"><span
+                                    class="text-green-500">+0.8%</span>vs
+                                last year</span>
+                        </div>
+                        <!--:Card:-->
+                        <div class="overflow-hidden p-4 bg-zinc-50 dark:bg-white/3 rounded-xl">
+                            <div
+                                class="flex items-center justify-center mb-3 size-12 flex rounded-full shrink-0 bg-red-500 text-white">
+                                <span class="icon-[lucide--magnet] text-xl"></span>
+                            </div>
+                            <p class="mb-2">Total leads</p>
+                            <h5 class="text-xl mb-2">3829</h5>
+                            <span class="text-xs text-muted flex items-center gap-1"><span
+                                    class="text-green-500">+1.3%</span>vs
+                                last year</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="px-4">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                    <div class="md:col-span-4">
+
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="p-1">
+                                <img src="images/projects/3.jpg" class="max-w-full rounded-lg" alt="">
+                            </div>
+                            <div class="p-4 pt-2">
+                                <h5 class="text-lg mb-1">Abstract design</h5>
+                                <p class="line-clamp-2">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                                    industries for previewing layouts and visual mockups.
+                                </p>
+                            </div>
+                            <div class="flex items-center justify-between px-4 pb-4">
+                                <div class="flex items-center gap-2">
+                                    <img src="images/avatars/thumb-1.jpg" class="rounded-full w-6" alt="">
+                                    <h6>Kethy Miller</h6>
+                                </div>
+                                <div class="flex items-center gap-3">
+                                    <div class="inline-flex items-center text-sm gap-1">
+                                        <span class="icon-[lucide--heart]"></span>
+                                        27
+                                    </div>
+                                    <div class="inline-flex items-center text-sm gap-1">
+                                        <span class="icon-[lucide--message-circle-more]"></span>
+                                        16
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Skills</h5>
+                            </div>
+                            <div class="flex flex-wrap gap-2 p-4">
+                                <span class="badge bg-primary-subtle text-primary">Product Development</span>
+                                <span class="badge bg-primary-subtle text-primary">Webflow</span>
+                                <span class="badge bg-primary-subtle text-primary">Management</span>
+                                <span class="badge bg-primary-subtle text-primary">Figma</span>
+                                <span class="badge bg-primary-subtle text-primary">Web Design</span>
+                                <span class="badge bg-primary-subtle text-primary">Html / Css</span>
+                                <span class="badge bg-primary-subtle text-primary">Angular</span>
+                                <span class="badge bg-primary-subtle text-primary">Figma</span>
+                                <span class="badge bg-primary-subtle text-primary">React</span>
+                                <span class="badge bg-primary-subtle text-primary">Vue</span>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">My files</h5>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button
+                                        class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                        type="button" data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+                                    <div class="dropdown-menu z-50 absolute min-w-36 !start-auto !end-0 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--activity] dropdown-icon"></span>
+                                            Activity
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--share] dropdown-icon"></span>
+                                            Share
+                                        </a>
+                                        <hr class="border-zinc-200 dark:border-white/3 my-2">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--settings] dropdown-icon"></span>
+                                            Settings
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                            <!--:File list:-->
+                            <div class="grid gap-2.5 lg:gap-5 p-4">
+                                <!--:File item:-->
+                                <div class="flex items-center gap-3">
+                                    <div class="flex items-center grow gap-2.5">
+                                        <img alt="" class="h-6 w-auto" src="images/files/pdf.svg">
+                                        <div class="flex flex-col">
+                                            <h6 class="cursor-pointer hover:!text-primary transition-all mb-1">
+                                                project-map.pdf
+                                            </h6>
+                                            <span class="text-sm text-muted">
+                                                2.1
+                                                MB 27 Jul 2025 15:17 PM
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <!--:Dropdown:-->
+                                    <div class="relative">
+                                        <button
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            type="button" data-bs-toggle="dropdown">
+                                            <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                        </button>
+                                        <div class="dropdown-menu z-50 absolute min-w-36 !start-auto !end-0 top-full">
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--download] dropdown-icon"></span>
+                                                Download
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                Delete
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                Share
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:File item:-->
+                                <div class="flex items-center gap-3">
+                                    <div class="flex items-center grow gap-2.5">
+                                        <img alt="" class="h-6 w-auto" src="images/files/ai.svg">
+                                        <div class="flex flex-col">
+                                            <h6 class="cursor-pointer hover:!text-primary transition-all mb-1">
+                                                illustration.ai
+                                            </h6>
+                                            <span class="text-sm text-muted">
+                                                5.5
+                                                MB 27 Jul 2025 15:17 PM
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <!--:Dropdown:-->
+                                    <div class="relative">
+                                        <button
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            type="button" data-bs-toggle="dropdown">
+                                            <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                        </button>
+                                        <div class="dropdown-menu z-50 absolute min-w-36 !start-auto !end-0 top-full">
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--download] dropdown-icon"></span>
+                                                Download
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                Delete
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                Share
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:File item:-->
+                                <div class="flex items-center gap-3">
+                                    <div class="flex items-center grow gap-2.5">
+                                        <img alt="" class="h-6 w-auto" src="images/files/js.svg">
+                                        <div class="flex flex-col">
+                                            <h6 class="cursor-pointer hover:!text-primary transition-all mb-1">
+                                                dashboard-alt.js
+                                            </h6>
+                                            <span class="text-sm text-muted">
+                                                40
+                                                KB 27 Jul 2025
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <!--:Dropdown:-->
+                                    <div class="relative">
+                                        <button
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            type="button" data-bs-toggle="dropdown">
+                                            <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                        </button>
+                                        <div class="dropdown-menu z-50 absolute min-w-36 !start-auto !end-0 top-full">
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--download] dropdown-icon"></span>
+                                                Download
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                Delete
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                Share
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!--:File item:-->
+                                <div class="flex items-center gap-3">
+                                    <div class="flex items-center grow gap-2.5">
+                                        <img alt="" class="h-6 w-auto" src="images/files/doc.svg">
+                                        <div class="flex flex-col">
+                                            <h6 class="cursor-pointer hover:!text-primary transition-all mb-1">
+                                                profile-changes.doc
+                                            </h6>
+                                            <span class="text-sm text-muted">
+                                                1.1
+                                                MB 27 Jul 2025
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <!--:Dropdown:-->
+                                    <div class="relative">
+                                        <button
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                            type="button" data-bs-toggle="dropdown">
+                                            <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                        </button>
+                                        <div class="dropdown-menu z-50 absolute min-w-36 !start-auto !end-0 top-full">
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--download] dropdown-icon"></span>
+                                                Download
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--trash] dropdown-icon"></span>
+                                                Delete
+                                            </a>
+                                            <a href="#!" class="dropdown-item">
+                                                <span class="icon-[lucide--share] dropdown-icon"></span>
+                                                Share
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="px-4 pb-4">
+                                <a href="#!"
+                                    class="inline-block border-b border-dashed text-primary text-sm font-semibold hover:text-current">All
+                                    files</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card mb-4">
+                            <div class="flex items-center justify-between p-4 pb-0">
+                                <img class="h-10 w-auto shrink-0" src="images/brands/google-analytics.svg" alt="">
+                                <a href="#!" class="size-8 btn btn-default !p-0 !rounded-full">
+                                    <span class="icon-[lucide--arrow-up-right] text-lg"></span>
+                                </a>
+                            </div>
+                            <div class="p-4">
+                                <a href="#!" class="hover:!text-primary block text-lg mb-2 h6">
+                                    Google Analytics
+                                </a>
+                                <p>
+                                    Insights into website traffic and marketing effectiveness.
+                                </p>
+                            </div>
+                            <!--:Footer:-->
+                            <div class="flex items-center justify-between px-4 pb-4">
+                                <a href="#!" class="btn btn-sm gap-1 btn-default">
+                                    <span class="icon-[lucide--component] text-base"></span>
+                                    Connect</a>
+                                <div><input class="input-switch" name="integration" type="checkbox" value="1"></div>
+                            </div>
+                        </div>
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+
+                            <div class="text-center px-4 lg:px-6 py-4">
+                                <img src="images/illustrations/analytic.png" alt=""
+                                    class="w-32 mb-4 h-auto mx-auto block">
+                                <h5 class="text-lg mb-2">Add New Integration</h5>
+                                <p class="mb-5">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                                    industries
+                                </p>
+                                <a href="#!" class="btn bg-primary text-white hover:bg-primary-deep">Start now</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                    <div class="md:col-span-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Block List</h5>
+                            </div>
+                            <div class="flex flex-wrap gap-2 p-4">
+                                <p class="mb-2">
+                                    Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
+                                    industries
+                                </p>
+                                <div class="flex items-center w-full gap-1 mb-2">
+                                    <input id="widget_block_user" class="input flex-grow" placeholder="Block new user"
+                                        type="text" value="">
+                                    <span class="btn bg-primary hover:bg-primary-deep text-white">
+                                        Add
+                                    </span>
+                                </div>
+                                <!--:Blocked users list:-->
+                                <ul class="flex flex-col w-full divide-y divide-zinc-500/10 dark:divide-zinc-800">
+                                    <!--:Blocked users item:-->
+                                    <li class="flex items-center py-2.5 justify-between gap-2.5">
+                                        <div class="flex items-center gap-2.5">
+                                            <div class="shrink-0">
+                                                <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-1.jpg">
+                                            </div>
+                                            <div class="flex flex-col gap-1.5">
+                                                <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                    href="#">
+                                                    Emily Johnson
+                                                </a>
+                                                <span class="text-sm text-muted">
+                                                    12 commits
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="flex items-center gap-2.5">
+                                            <a class="btn btn-sm btn-default" href="#">
+                                                Unblock
+                                            </a>
+                                        </div>
+                                    </li>
+                                    <!--:Blocked users item:-->
+                                    <li class="flex items-center py-2.5 justify-between gap-2.5">
+                                        <div class="flex items-center gap-2.5">
+                                            <div class="shrink-0">
+                                                <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-2.jpg">
+                                            </div>
+                                            <div class="flex flex-col gap-1.5">
+                                                <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                    href="#">
+                                                    Nikita Miller
+                                                </a>
+                                                <span class="text-sm text-muted">
+                                                    14 commits
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="flex items-center gap-2.5">
+                                            <a class="btn btn-sm btn-default" href="#">
+                                                Unblock
+                                            </a>
+                                        </div>
+                                    </li>
+                                    <!--:Blocked users item:-->
+                                    <li class="flex items-center py-2.5 justify-between gap-2.5">
+                                        <div class="flex items-center gap-2.5">
+                                            <div class="shrink-0">
+                                                <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-3.jpg">
+                                            </div>
+                                            <div class="flex flex-col gap-1.5">
+                                                <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                    href="#">
+                                                    Lissa Handrics
+                                                </a>
+                                                <span class="text-sm text-muted">
+                                                    5 commits
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="flex items-center gap-2.5">
+                                            <a class="btn btn-sm btn-default" href="#">
+                                                Unblock
+                                            </a>
+                                        </div>
+                                    </li>
+                                    <!--:Blocked users item:-->
+                                    <li class="flex items-center py-2.5 justify-between gap-2.5">
+                                        <div class="flex items-center gap-2.5">
+                                            <div class="shrink-0">
+                                                <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-4.jpg">
+                                            </div>
+                                            <div class="flex flex-col gap-1.5">
+                                                <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                    href="#">
+                                                    John Doe
+                                                </a>
+                                                <span class="text-sm text-muted">
+                                                    3 commits
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="flex items-center gap-2.5">
+                                            <a class="btn btn-sm btn-default" href="#">
+                                                Unblock
+                                            </a>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+
+                    </div>
+                    <div class="md:col-span-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">About</h5>
+                            </div>
+                            <div class="flex flex-wrap gap-2 p-4">
+                                <table>
+                                    <tbody>
+                                        <tr>
+                                            <td class="text-muted pb-3.5 pe-3">
+                                                Age
+                                            </td>
+                                            <td class="pb-3.5">
+                                                29
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td class="text-muted pb-3.5 pe-3">
+                                                City:
+                                            </td>
+                                            <td class="pb-3.5">
+                                                San Fransisco
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td class="text-muted pb-3.5 pe-3">
+                                                State:
+                                            </td>
+                                            <td class="pb-3.5">
+                                                California
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td class="text-muted pb-3.5 pe-3">
+                                                Country:
+                                            </td>
+                                            <td class="pb-3.5">
+                                                United States
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td class="text-muted pb-3.5 pe-3">
+                                                Postcode:
+                                            </td>
+                                            <td class="pb-3.5">
+                                                2730 CL
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td class="text-muted pb-3.5 pe-3">
+                                                Phone:
+                                            </td>
+                                            <td class="pb-3.5">
+                                                +01 1 1234 56 78
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td class="text-muted pe-3">
+                                                Email:
+                                            </td>
+                                            <td>
+                                                <a class="hover:text-primary" href="#">
+                                                    email@domain.com
+                                                </a>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4">
+                                <h5 class="text-lg">Password</h5>
+                            </div>
+                            <div class="p-4">
+                                <form>
+                                    <div class="mb-4">
+                                        <label for="userCurrentPassword" class="block mb-1">Current
+                                            Password</label>
+                                        <input id="userCurrentPassword" type="password" class="input"
+                                            placeholder="Current password">
+                                    </div>
+                                    <div class="mb-4">
+                                        <label for="userNewPassword" class="block mb-1">New Password</label>
+                                        <input id="userNewPassword" type="password" class="input"
+                                            placeholder="New password">
+                                    </div>
+                                    <div class="mb-4">
+                                        <label for="userConfirmNewPassword" class="block mb-1">Confirm New
+                                            Password</label>
+                                        <input id="userConfirmNewPassword" type="password" class="input"
+                                            placeholder="Confirm new password">
+                                    </div>
+                                    <div class="text-right">
+                                        <button type="submit"
+                                            class="btn bg-primary text-white hover:bg-primary-deep">Submit</button>
+                                    </div>
+                                </form>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                    <div class="md:col-span-6">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 flex items-center justify-between">
+                                <h5 class="text-lg">Activity list</h5>
+                                <label class="flex items-center text-sm gap-2 cursor-pointer">
+                                    <span class="flex-grow text-muted">Auto refresh</span>
+                                    <input class="input-switch" name="activityRefresh" type="checkbox" value="1">
+                                </label>
+                            </div>
+                            <div class="p-4">
+                                <span class="font-semibold text-sm block mb-2 text-muted">Today</span>
+                                <!--:Timeline:-->
+                                <ul class="timeline">
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img alt="" src="images/avatars/thumb-3.jpg"
+                                                        class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Angelina
+                                                            Gotelli</span><span> has changed </span><span
+                                                            class="font-semibold">#ts-212</span><span>
+                                                            status to </span><span
+                                                            class="font-semibold text-green-500">Completed</span>
+                                                        <span class="block mt-1 text-xs text-muted">10:15
+                                                            AM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <img alt="" src="images/avatars/thumb-6.jpg"
+                                                        class="rounded-full size-7">
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Max Alexander</span>
+                                                        comment on your post
+                                                        <a href="#!"
+                                                            class="font-semibold text-primary hover:text-primary-deep">Top
+                                                            10 Tech Trends</a>
+                                                        <span class="text-xs mt-1 text-muted block">11:50
+                                                            AM</span>
+                                                    </p>
+                                                    <div class="p-3 rounded-lg bg-zinc-50 dark:bg-zinc-800">
+                                                        <p class="mb-2">
+                                                            Lorem ipsum is text commonly used in the print, and
+                                                            publishing industries for previewing layouts and visual
+                                                            mockups
+                                                        </p>
+                                                        <a href="#!"
+                                                            class="hover:text-primary border-b text-sm font-semibold border-dashed">
+                                                            <span class="icon-[lucide--reply]"></span>
+                                                            Reply</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <!--:Timeline item:-->
+                                    <li class="timeline-item">
+                                        <div class="timeline-item-wrapper">
+                                            <div class="timeline-item-media shrink-0">
+                                                <div class="timeline-item-media-content">
+                                                    <!--:Avatar:-->
+                                                    <span
+                                                        class="size-7 flex items-center justify-center rounded-full bg-primary text-white">
+                                                        <span class="icon-[lucide--hash]"></span>
+                                                    </span>
+                                                </div>
+                                                <div class="timeline-connect"></div>
+                                            </div>
+                                            <div class="timeline-item-content">
+                                                <div class="mt-1">
+                                                    <p class="mb-1"><span class="h6">Eugene
+                                                            Stewart</span><span> added tags </span>
+                                                        <span
+                                                            class="badge  bg-sky-500/10 text-sky-500">Tailwindcss</span>
+                                                        <span class="badge bg-red-500/10 text-red-500">Gulp</span>
+
+                                                        <span class="block text-xs mt-1 text-muted">12:50
+                                                            PM</span>
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                            <!--:Footer:-->
+                            <div class="px-4 pb-4">
+                                <a href="#!"
+                                    class="inline-block border-b border-dashed text-primary text-sm font-semibold hover:text-current">View
+                                    all Activity</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-6">
+                        <!--:Card:-->
+                        <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card relative overflow-hidden">
+                            <div class="px-4 pt-4 flex items-center justify-between">
+                                <span class="badge bg-green-500/10 text-green-500">Active</span>
+                                <!--:Dropdown:-->
+                                <div class="relative">
+                                    <button
+                                        class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5"
+                                        type="button" data-bs-toggle="dropdown">
+                                        <span class="icon-[lucide--more-vertical] text-lg"></span>
+                                    </button>
+
+                                    <div class="dropdown-menu z-50 absolute min-w-32 top-full">
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--settings] dropdown-icon"></span>
+                                            Settings
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[iconoir--pause] dropdown-icon"></span>
+                                            Paush
+                                        </a>
+                                        <a href="#!" class="dropdown-item">
+                                            <span class="icon-[lucide--info] dropdown-icon"></span>
+                                            Details
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="px-4 py-6">
+                                <div class="flex flex-col items-center justify-center text-center mb-5">
+                                    <img alt="" src="images/brands/mailchimp.svg" class="w-10 h-auto block mb-2">
+                                    <a href="#!" class="hover:text-primary text-lg h6">Email Engagement</a>
+                                    <p class="text-sm">Mailchimp email engagement</p>
+                                </div>
+                                <div class="flex items-center justify-center flex-wrap gap-2 lg:gap-5">
+                                    <div
+                                        class="flex flex-col flex-grow gap-1.5 border border-zinc-200 dark:border-zinc-800 border-dashed border-input rounded-md p-3">
+                                        <h6 class="font-semibold">23.4K</h6>
+                                        <small class="text-muted">Subscribers</small>
+                                    </div>
+                                    <div
+                                        class="flex flex-col flex-grow gap-1.5 border border-zinc-200 dark:border-zinc-800 border-dashed border-input rounded-md p-3">
+                                        <h6 class="font-semibold">22%</h6>
+                                        <small class="text-muted">Traffic Rise</small>
+                                    </div>
+                                    <div
+                                        class="flex flex-col flex-grow gap-1.5 border border-zinc-200 dark:border-zinc-800 border-dashed border-input rounded-md p-3">
+                                        <h6 class="font-semibold">$311.75K</h6>
+                                        <small class="text-muted">Total Sales</small>
+                                    </div>
+                                </div>
+                            </div>
+                            <!--:Footer:-->
+                            <div class="px-4 pb-4 text-center">
+                                <a href="#!"
+                                    class="inline-block border-b border-dashed text-primary text-sm font-semibold hover:text-current">View
+                                    all Campaigns</a>
+                            </div>
+
+                            <!--:Campaign progress:-->
+                            <div class="h-1 w-full absolute bottom-0 left-0 bg-blue-500/10" role="progressbar"
+                                aria-label="Basic example" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100">
+                                <div class="h-1 bg-blue-500" style="width:37%"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+
+            </div>
+            <div class="px-4">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-4 mb-4">
+                    <div class="md:col-span-4">
+
+                        <!--:Card:-->
+                        <div class="rounded-xl overflow-hidden bg-white dark:bg-zinc-900 shadow-card">
+                            <!--:Cover:-->
+                            <div class="h-32">
+                                <img src="images/bg-cover.jpg" alt="" class="object-cover w-full h-full object-top">
+                            </div>
+                            <div class="relative">
+                                <img src="images/avatars/thumb-1.jpg" alt=""
+                                    class="size-20 -mt-10 rounded-full border-4 border-white dark:border-zinc-900 block mx-auto">
+                                <div class="p-4 pt-2">
+                                    <div class="mb-4 text-center">
+                                        <h5 class="text-lg mb-1">Emily Docker</h5>
+                                        <p class="text-sm text-muted">UI/UX Designer</p>
+                                    </div>
+                                    <div
+                                        class="grid grid-cols-3 gap-4 mb-4 divide-x divide-dashed divide-zinc-200 dark:divide-zinc-800">
+                                        <div class="text-center">
+                                            <p class="text-sm text-muted"><a href="#!">Projects</a></p>
+                                            <p>20</p>
+                                        </div>
+                                        <div class="text-center">
+                                            <p class="text-sm text-muted"><a href="#!">Tasks</a></p>
+                                            <p>15</p>
+                                        </div>
+                                        <div class="text-center">
+                                            <p class="text-sm text-muted"><a href="#!">Position</a></p>
+                                            <p>Employee</p>
+                                        </div>
+                                    </div>
+                                    <p class="line-clamp-2 mb-4">
+                                        Lorem ipsum is text commonly used in the print, and publishing industries for
+                                        previewing layouts and visual mockups
+                                    </p>
+                                    <div class="flex flex-wrap justify-center items-center gap-1">
+                                        <a href="#!"
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                            <span class="icon-[iconoir--facebook] text-lg"></span>
+                                        </a>
+                                        <a href="#!"
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                            <span class="icon-[iconoir--x] text-lg"></span>
+                                        </a>
+                                        <a href="#!"
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                            <span class="icon-[iconoir--linkedin] text-lg"></span>
+                                        </a>
+                                        <a href="#!"
+                                            class="btn text-muted hover:bg-zinc-200 dark:hover:bg-zinc-700 hover:text-primary !p-1.5">
+                                            <span class="icon-[iconoir--discord] text-lg"></span>
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+
+                        <!--:Card:-->
+                        <div class="rounded-xl overflow-hidden bg-white dark:bg-zinc-900 shadow-card">
+                            <!--:Cover:-->
+                            <div class="h-42">
+                                <img src="images/bg-cover-2.jpg" alt="" class="object-cover w-full h-full object-top">
+                            </div>
+                            <div class="relative">
+                                <img src="images/avatars/thumb-7.jpg" alt=""
+                                    class="size-20 -mt-10 rounded-full border-4 border-white dark:border-zinc-900 block mx-auto">
+                                <div class="p-4 pt-2">
+                                    <div class="mb-4 text-center">
+                                        <h5 class="text-lg mb-1">Liam Johnson</h5>
+                                        <p class="text-sm text-muted">Digital Marketer</p>
+                                    </div>
+                                    <div
+                                        class="grid grid-cols-3 gap-4 mb-4 divide-x divide-dashed divide-zinc-200 dark:divide-zinc-800">
+                                        <div class="text-center">
+                                            <p class="text-lg">123</p>
+                                            <p class="text-sm text-muted"><a href="#!">Posts</a></p>
+                                        </div>
+                                        <div class="text-center">
+                                            <p class="text-lg">493K</p>
+                                            <p class="text-sm text-muted"><a href="#!">Followers</a></p>
+                                        </div>
+                                        <div class="text-center">
+                                            <p class="text-lg">256</p>
+                                            <p class="text-sm text-muted"><a href="#!">Following</a></p>
+                                        </div>
+                                    </div>
+                                    <div class="flex flex-wrap justify-center items-center gap-1">
+                                        <a href="#!" class="btn bg-primary text-white hover:bg-primary-deep">
+                                            Follow Now
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+
+                        <!--:Card:-->
+                        <div class="rounded-xl overflow-hidden bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 pb-2 flex items-center justify-between">
+                                <h5 class="text-lg">Contacts</h5>
+                                <a href="#!" class="border-b border-dashed text-primary hover:text-current">View
+                                    All</a>
+                            </div>
+                            <ul class="divide-y px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-1.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Nikita Miller</a>
+                                            <span class="text-sm text-muted">UI/UX Developer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-8.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Liam Johnson</a>
+                                            <span class="text-sm text-muted">Frontend Engineer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-3.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Sophia Lee</a>
+                                            <span class="text-sm text-muted">Product Designer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-7.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Ethan Smith</a>
+                                            <span class="text-sm text-muted">Backend Developer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-5.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Isabella Garcia</a>
+                                            <span class="text-sm text-muted">Digital Marketer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex items-center gap-2.5">
+                                        <div class="shrink-0">
+                                            <img alt="" class="h-8 rounded-full" src="images/avatars/thumb-6.jpg">
+                                        </div>
+                                        <div class="flex flex-col gap-0.5">
+                                            <a class="flex items-center gap-1.5 leading-none h6 hover:!text-primary"
+                                                href="#">Noah Walker</a>
+                                            <span class="text-sm text-muted">Full Stack Developer</span>
+                                        </div>
+                                    </div>
+                                    <div class="flex items-center gap-2.5">
+                                        <a class="btn btn-sm btn-default" href="#">Message</a>
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+
+                        <!--:Card:-->
+                        <div class="rounded-xl overflow-hidden bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 pb-2 flex items-center justify-between">
+                                <h5 class="text-lg">Reminders</h5>
+                                <a href="#!" class="border-b border-dashed text-primary hover:text-current">View
+                                    All</a>
+                            </div>
+                            <ul class="divide-y px-4 divide-zinc-200 dark:divide-zinc-800 divide-dashed">
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex flex-col gap-1 overflow-hidden">
+                                        <a class="block" href="#">
+                                            <h6 class="truncate">Waree Energy Meeting goes down there</h6>
+                                        </a>
+                                        <span class="text-sm text-muted">Today - 14:30AM</span>
+                                    </div>
+                                    <div class="flex items-center shrink-0">
+                                        <a class="badge bg-primary-subtle text-primary hover:bg-primary hover:text-white"
+                                            href="#">
+                                            <span class="icon-[lucide--users] me-1.5"></span> Meeting</a>
+                                    </div>
+                                </li>
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex flex-col gap-1 overflow-hidden">
+                                        <a class="block" href="#">
+                                            <h6 class="truncate">Jackob Doherty</h6>
+                                        </a>
+                                        <span class="text-sm text-muted">Tomorrow</span>
+                                    </div>
+                                    <div class="flex items-center shrink-0">
+                                        <a class="badge bg-amber-500/10 text-amber-500 hover:bg-amber-500 hover:text-white items-center"
+                                            href="#">
+                                            <span class="icon-[lucide--cake] me-1.5"></span>
+                                            Birthday</a>
+                                    </div>
+                                </li>
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex flex-col gap-1 overflow-hidden">
+                                        <a class="block" href="#">
+                                            <h6 class="truncate">Contract revision- update banking details</h6>
+                                        </a>
+                                        <span class="text-sm text-muted">Tomorrow - 2:30PM</span>
+                                    </div>
+                                    <div class="flex items-center shrink-0">
+                                        <a class="badge bg-red-500/10 text-red-500 hover:bg-red-500 hover:text-white items-center"
+                                            href="#">
+                                            <span class="icon-[lucide--triangle-alert] me-1.5"></span>
+                                            Deadline </a>
+                                    </div>
+                                </li>
+                                <li class="flex items-center py-3 justify-between gap-2.5">
+                                    <div class="flex flex-col gap-1 overflow-hidden">
+                                        <a class="block" href="#">
+                                            <h6 class="truncate">Designers & developers meet for Waree projects</h6>
+                                        </a>
+                                        <span class="text-sm text-muted">Friday - 12:30AM</span>
+                                    </div>
+                                    <div class="flex items-center shrink-0">
+                                        <a class="badge bg-primary-subtle text-primary hover:bg-primary hover:text-white"
+                                            href="#">
+                                            <span class="icon-[lucide--users] me-1.5"></span> Meeting</a>
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+
+                        <!--:Card:-->
+                        <div
+                            class="rounded-xl relative bg-gradient-to-tl from-primary-deep via-purple-700 to-pink-900 shadow-card p-6 overflow-hidden">
+                            <img src="images/projects/1.jpg" alt="" class="w-full h-full absolute inset-0 object-cover">
+                            <div class="relative z-[1]">
+                                <span class="relative animate-bounce my-4 flex size-16 rounded-full mx-auto">
+                                    <img src="images/avatars/thumb-1.jpg" alt=""
+                                        class="size-16 rounded-full shadow-xl block mx-auto">
+                                </span>
+
+                                <!--info-->
+                                <div class="mb-7 text-center">
+                                    <h5 class="text-lg mb-1 !text-white">Emily calling you</h5>
+                                    <p class="text-sm text-white/75">Raven support</p>
+                                </div>
+
+                                <!--:Call buttons:-->
+                                <div class="flex items-center justify-center gap-6 lg:gap-10">
+                                    <div class="flex flex-col items-center gap-2">
+                                        <button type="button"
+                                            class="size-12 bg-red-500 hover:bg-red-600 cursor-pointer text-white flex items-center justify-center rounded-full">
+                                            <span class="icon-[lucide--phone-off] text-2xl"></span>
+                                        </button>
+                                        <span class="text-white">Decline</span>
+                                    </div>
+                                    <div class="flex flex-col items-center gap-2">
+                                        <button type="button"
+                                            class="size-12 bg-lime-500 hover:bg-lime-600 cursor-pointer text-white flex items-center justify-center rounded-full">
+                                            <span class="icon-[lucide--phone-call] text-2xl"></span>
+                                        </button>
+                                        <span class="text-white">Answer</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:col-span-4">
+
+                        <!--:Card:-->
+                        <div class="rounded-xl overflow-hidden bg-white dark:bg-zinc-900 shadow-card">
+                            <div class="px-4 pt-4 pb-2 flex items-center justify-between">
+                                <h5 class="text-lg">Open Positions</h5>
+                                <a href="#!" class="border-b border-dashed text-primary hover:text-current">View
+                                    All</a>
+                            </div>
+                            <div class="overflow-x-auto px-4">
+                                <table class="table-default table-striped">
+                                    <thead>
+                                        <tr>
+                                            <th>Title</th>
+                                            <th>Departement</th>
+                                            <th class="!text-end">Status</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr class="whitespace-nowrap">
+                                            <td>UI/UX designer</td>
+                                            <td>Service</td>
+                                            <td class="!text-end">
+                                                <span class="flex justify-end items-center gap-1">
+                                                    <span
+                                                        class="icon-[iconoir--clock-solid] text-lg text-sky-500"></span>
+                                                    <span>Process</span>
+                                                </span>
+                                            </td>
+                                        </tr>
+                                        <tr class="whitespace-nowrap">
+                                            <td>Web developer</td>
+                                            <td>IT</td>
+                                            <td class="!text-end">
+                                                <span class="flex justify-end items-center gap-1">
+                                                    <span
+                                                        class="icon-[iconoir--check-circle-solid] text-lg text-green-500"></span>
+                                                    <span>Active</span>
+                                                </span>
+                                            </td>
+                                        </tr>
+                                        <tr class="whitespace-nowrap">
+                                            <td>BE developer</td>
+                                            <td>IT</td>
+                                            <td class="!text-end">
+                                                <span class="flex justify-end items-center gap-1">
+                                                    <span
+                                                        class="icon-[iconoir--clock-solid] text-lg text-sky-500"></span>
+                                                    <span>Process</span>
+                                                </span>
+                                            </td>
+                                        </tr>
+                                        <tr class="whitespace-nowrap">
+                                            <td>HR Manager</td>
+                                            <td>HR</td>
+                                            <td class="!text-end">
+                                                <span class="flex justify-end items-center gap-1">
+                                                    <span
+                                                        class="icon-[iconoir--check-circle-solid] text-lg text-green-500"></span>
+                                                    <span>Active</span>
+                                                </span>
+                                            </td>
+                                        </tr>
+                                        <tr class="whitespace-nowrap">
+                                            <td>Project manager</td>
+                                            <td>Manager</td>
+                                            <td class="!text-end">
+                                                <span class="flex justify-end items-center gap-1">
+                                                    <span
+                                                        class="icon-[iconoir--check-circle-solid] text-lg text-green-500"></span>
+                                                    <span>Active</span>
+                                                </span>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="px-4">
+                <!--alert cta-->
+                <div class="rounded-xl bg-white dark:bg-zinc-900 shadow-card p-2">
+                    <div
+                        class="p-4 lg:p-6 overflow-hidden rounded-xl bg-orange-100 dark:bg-orange-950 border border-orange-500/10">
+                        <div class="flex items-center justify-between">
+                            <div class="flex-grow me-4">
+                                <h6 class="text-xl mb-2">Your free trial expires in <span class="text-yellow-600">17
+                                        days</span></h6>
+                                <p class="mb-4 dark:text-white/70">Upgrade your plan now to keep uninterrupted access to
+                                    all
+                                    features.</p>
+                                <button type="button" class="btn bg-primary text-white hover:bg-primary-deep">Upgrade
+                                    Now <span class="icon-[lucide--external-link] ms-2"></span></button>
+                            </div>
+                            <div class="shrink-0 w-24">
+                                <img src="images/illustrations/wallet.png" class="max-w-full" alt="">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!--:Footer:-->
+        <footer class="footer px-4 lg:px-8 py-4">
+            <div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+                <div class="md:col-span-5 order-last md:order-1">
+                    <span class="text-sm text-muted text-center md:text-start block">
+                        &copy; Copyright 2025. <strong>Raven</strong> all rights reserved
+                    </span>
+                </div>
+                <div class="md:col-span-7 md:order-last order-1">
+                    <ul class="flex flex-wrap w-full items-center gap-1.5 text-sm md:justify-end justify-center">
+                        <li><a href="#!" class="text-muted hover:!text-primary">Support</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Changelog</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Privacy policy</a></li>
+                        <li class="size-1 bg-current rounded-full mx-1 opacity-30"></li>
+                        <li><a href="#!" class="text-muted hover:!text-primary">Terms & conditions</a></li>
+                    </ul>
+                </div>
+            </div>
+        </footer>
+    </main>
+
+
+    <!--:Scripts:-->
+    <script src="js/theme.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/robots.txt b/www/robots.txt
new file mode 100644
index 0000000..9e60f97
--- /dev/null
+++ b/www/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: 
diff --git a/www/s-l1600.png b/www/s-l1600.png
new file mode 100644
index 0000000..9120eca
Binary files /dev/null and b/www/s-l1600.png differ